From 2aca3a9867643acd053fefd65362cc0fedfda860 Mon Sep 17 00:00:00 2001 From: xu_yanfeng Date: Mon, 3 Feb 2025 13:22:09 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=95=B4=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 22 +- .idea/vcs.xml | 6 - .../.vscode => .vscode}/settings.json | 0 CocosCreatorInspector/Limit.md | 4 - CocosCreatorInspector/README.md | 45 - CocosCreatorInspector/Update.md | 7 - CocosCreatorInspector/package.json | 55 - CocosCreatorInspector/src/webpack.config.js | 168 - CocosCreatorInspector/如何运行项目.md | 40 - cc-inspector/README.en.md => README.en.md | 0 README.md | 48 +- cc-inspector/README.zh.md => README.zh.md | 0 cc-inspector/.gitignore | 3 - cc-inspector/README.md | 9 - .../src/views/devtools/test/server.ts | 242 - cc-inspector/src/views/devtools/test/test.vue | 162 - cc-inspector/test/index.html | 6 - ...cc-plugin.config.ts => cc-plugin.config.ts | 4 +- cc-inspector/cc-plugin.json => cc-plugin.json | 0 {cc-inspector => crx}/crx-key.pem | 0 .../gulpfile.js => crx/crx.js | 0 {cc-inspector/doc => doc}/Marquee.png | Bin {cc-inspector/doc => doc}/chrome-message.png | Bin {cc-inspector/doc => doc}/icon128.png | Bin {cc-inspector/doc => doc}/prop/v2.png | Bin {cc-inspector/doc => doc}/scene1.png | Bin {cc-inspector/doc => doc}/scene2.png | Bin {cc-inspector/doc => doc}/scene3.png | Bin {cc-inspector/doc => doc}/scene4.png | Bin {cc-inspector/doc => doc}/scene5.png | Bin {cc-inspector/doc => doc}/small.png | Bin {cc-inspector/doc => doc}/v2.png | Bin electron-app/index.css | 9 - electron-app/index.html | 34 - electron-app/index.js | 56 - electron-app/inject.js | 18 - electron-app/lib/vue.js | 11944 ---------------- electron-app/main.js | 21 - electron-app/package.json | 16 - electron-app/test/cmd.js | 32 - electron-app/test/index.html | 11 - hello-chrome/devtools.js | 25 +- {cc-inspector/icons => icons}/48.png | Bin others.md | 24 + cc-inspector/package.json => package.json | 0 {cc-inspector/src => src}/core/types.ts | 0 {cc-inspector/src => src}/core/util.ts | 0 {cc-inspector/src => src}/ga/index.ts | 0 {cc-inspector/src => src}/ga/type.ts | 0 {cc-inspector/src => src}/i18n/en.ts | 0 {cc-inspector/src => src}/i18n/zh.ts | 0 {cc-inspector/src => src}/main.ts | 0 {cc-inspector/src => src}/panel/index.ts | 0 {cc-inspector/src => src}/panel/index.vue | 0 .../src => src}/panel/res/chrome.png | Bin {cc-inspector/src => src}/panel/res/edge.png | Bin .../src => src}/scripts/background/content.ts | 0 .../scripts/background/devtools.ts | 0 .../src => src}/scripts/background/index.ts | 0 .../src => src}/scripts/background/tabInfo.ts | 0 .../src => src}/scripts/background/tabMgr.ts | 0 {cc-inspector/src => src}/scripts/const.ts | 0 .../src => src}/scripts/content/index.ts | 0 .../src => src}/scripts/inject-view/ad.vue | 0 .../src => src}/scripts/inject-view/app.vue | 0 .../scripts/inject-view/banner.vue | 0 .../src => src}/scripts/inject-view/const.ts | 0 .../src => src}/scripts/inject-view/github.ts | 0 .../src => src}/scripts/inject-view/loader.ts | 0 .../scripts/inject-view/memory-draw.ts | 0 .../scripts/inject-view/memory.vue | 0 .../scripts/inject-view/res/close.svg | 0 .../scripts/inject-view/res/left.svg | 0 .../scripts/inject-view/res/right.svg | 0 .../src => src}/scripts/inject-view/store.ts | 0 .../src => src}/scripts/inject-view/util.ts | 0 .../scripts/inject-view/web-test.ts | 0 .../src => src}/scripts/inject/enumConfig.ts | 0 .../src => src}/scripts/inject/event.ts | 0 .../scripts/inject/hint/adapter.ts | 0 .../scripts/inject/hint/hint-v2.ts | 0 .../scripts/inject/hint/hint-v3.ts | 0 .../src => src}/scripts/inject/hint/index.ts | 0 .../src => src}/scripts/inject/index.ts | 0 .../src => src}/scripts/inject/inject-view.ts | 0 .../scripts/inject/inspect-list.ts | 0 .../src => src}/scripts/inject/inspector.ts | 0 .../src => src}/scripts/inject/setValue.ts | 0 .../src => src}/scripts/inject/types.ts | 0 .../src => src}/scripts/inject/util.ts | 0 {cc-inspector/src => src}/scripts/terminal.ts | 0 .../src => src}/views/devtools/bridge.ts | 0 .../src => src}/views/devtools/bus.ts | 0 .../src => src}/views/devtools/comp/index.ts | 0 .../src => src}/views/devtools/const.ts | 0 .../src => src}/views/devtools/contextMenu.ts | 0 .../src => src}/views/devtools/data.ts | 0 .../src => src}/views/devtools/find.vue | 0 .../src => src}/views/devtools/game-info.vue | 0 .../src => src}/views/devtools/hierarchy.vue | 0 .../src => src}/views/devtools/index.ts | 0 .../src => src}/views/devtools/index.vue | 0 .../src => src}/views/devtools/inspector.vue | 0 .../src => src}/views/devtools/refresh.vue | 0 .../views/devtools/register-panel.ts | 0 .../src => src}/views/devtools/store.ts | 0 .../src => src}/views/devtools/timer.ts | 0 .../views/devtools/ui/property-engine.vue | 0 .../views/devtools/ui/property-group.vue | 0 .../views/devtools/ui/property-image.vue | 0 .../views/devtools/ui/propertys.vue | 0 .../views/devtools/ui/settings.vue | 0 .../src => src}/views/devtools/ui/ui-prop.vue | 0 .../src => src}/views/devtools/util.ts | 0 {cc-inspector/src => src}/views/global.less | 0 .../src => src}/views/options/index.ts | 0 .../src => src}/views/options/index.vue | 0 .../src => src}/views/options/res/money.png | Bin .../src => src}/views/popup/index.ts | 0 .../src => src}/views/popup/index.vue | 0 .../src => src}/views/popup/res/friend.png | Bin .../src => src}/views/popup/res/github.png | Bin .../src => src}/views/popup/res/qq.png | Bin .../src => src}/views/popup/res/tiezi.png | Bin cc-inspector/tsconfig.json => tsconfig.json | 0 cc-inspector/yarn.lock => yarn.lock | 0 126 files changed, 79 insertions(+), 12932 deletions(-) delete mode 100644 .idea/vcs.xml rename {cc-inspector/.vscode => .vscode}/settings.json (100%) delete mode 100644 CocosCreatorInspector/Limit.md delete mode 100644 CocosCreatorInspector/README.md delete mode 100644 CocosCreatorInspector/Update.md delete mode 100644 CocosCreatorInspector/package.json delete mode 100644 CocosCreatorInspector/src/webpack.config.js delete mode 100644 CocosCreatorInspector/如何运行项目.md rename cc-inspector/README.en.md => README.en.md (100%) rename cc-inspector/README.zh.md => README.zh.md (100%) delete mode 100644 cc-inspector/.gitignore delete mode 100644 cc-inspector/README.md delete mode 100644 cc-inspector/src/views/devtools/test/server.ts delete mode 100644 cc-inspector/src/views/devtools/test/test.vue delete mode 100644 cc-inspector/test/index.html rename cc-inspector/cc-plugin.config.ts => cc-plugin.config.ts (96%) rename cc-inspector/cc-plugin.json => cc-plugin.json (100%) rename {cc-inspector => crx}/crx-key.pem (100%) rename CocosCreatorInspector/gulpfile.js => crx/crx.js (100%) rename {cc-inspector/doc => doc}/Marquee.png (100%) rename {cc-inspector/doc => doc}/chrome-message.png (100%) rename {cc-inspector/doc => doc}/icon128.png (100%) rename {cc-inspector/doc => doc}/prop/v2.png (100%) rename {cc-inspector/doc => doc}/scene1.png (100%) rename {cc-inspector/doc => doc}/scene2.png (100%) rename {cc-inspector/doc => doc}/scene3.png (100%) rename {cc-inspector/doc => doc}/scene4.png (100%) rename {cc-inspector/doc => doc}/scene5.png (100%) rename {cc-inspector/doc => doc}/small.png (100%) rename {cc-inspector/doc => doc}/v2.png (100%) delete mode 100644 electron-app/index.css delete mode 100644 electron-app/index.html delete mode 100644 electron-app/index.js delete mode 100644 electron-app/inject.js delete mode 100644 electron-app/lib/vue.js delete mode 100644 electron-app/main.js delete mode 100644 electron-app/package.json delete mode 100644 electron-app/test/cmd.js delete mode 100644 electron-app/test/index.html rename {cc-inspector/icons => icons}/48.png (100%) create mode 100644 others.md rename cc-inspector/package.json => package.json (100%) rename {cc-inspector/src => src}/core/types.ts (100%) rename {cc-inspector/src => src}/core/util.ts (100%) rename {cc-inspector/src => src}/ga/index.ts (100%) rename {cc-inspector/src => src}/ga/type.ts (100%) rename {cc-inspector/src => src}/i18n/en.ts (100%) rename {cc-inspector/src => src}/i18n/zh.ts (100%) rename {cc-inspector/src => src}/main.ts (100%) rename {cc-inspector/src => src}/panel/index.ts (100%) rename {cc-inspector/src => src}/panel/index.vue (100%) rename {cc-inspector/src => src}/panel/res/chrome.png (100%) rename {cc-inspector/src => src}/panel/res/edge.png (100%) rename {cc-inspector/src => src}/scripts/background/content.ts (100%) rename {cc-inspector/src => src}/scripts/background/devtools.ts (100%) rename {cc-inspector/src => src}/scripts/background/index.ts (100%) rename {cc-inspector/src => src}/scripts/background/tabInfo.ts (100%) rename {cc-inspector/src => src}/scripts/background/tabMgr.ts (100%) rename {cc-inspector/src => src}/scripts/const.ts (100%) rename {cc-inspector/src => src}/scripts/content/index.ts (100%) rename {cc-inspector/src => src}/scripts/inject-view/ad.vue (100%) rename {cc-inspector/src => src}/scripts/inject-view/app.vue (100%) rename {cc-inspector/src => src}/scripts/inject-view/banner.vue (100%) rename {cc-inspector/src => src}/scripts/inject-view/const.ts (100%) rename {cc-inspector/src => src}/scripts/inject-view/github.ts (100%) rename {cc-inspector/src => src}/scripts/inject-view/loader.ts (100%) rename {cc-inspector/src => src}/scripts/inject-view/memory-draw.ts (100%) rename {cc-inspector/src => src}/scripts/inject-view/memory.vue (100%) rename {cc-inspector/src => src}/scripts/inject-view/res/close.svg (100%) rename {cc-inspector/src => src}/scripts/inject-view/res/left.svg (100%) rename {cc-inspector/src => src}/scripts/inject-view/res/right.svg (100%) rename {cc-inspector/src => src}/scripts/inject-view/store.ts (100%) rename {cc-inspector/src => src}/scripts/inject-view/util.ts (100%) rename {cc-inspector/src => src}/scripts/inject-view/web-test.ts (100%) rename {cc-inspector/src => src}/scripts/inject/enumConfig.ts (100%) rename {cc-inspector/src => src}/scripts/inject/event.ts (100%) rename {cc-inspector/src => src}/scripts/inject/hint/adapter.ts (100%) rename {cc-inspector/src => src}/scripts/inject/hint/hint-v2.ts (100%) rename {cc-inspector/src => src}/scripts/inject/hint/hint-v3.ts (100%) rename {cc-inspector/src => src}/scripts/inject/hint/index.ts (100%) rename {cc-inspector/src => src}/scripts/inject/index.ts (100%) rename {cc-inspector/src => src}/scripts/inject/inject-view.ts (100%) rename {cc-inspector/src => src}/scripts/inject/inspect-list.ts (100%) rename {cc-inspector/src => src}/scripts/inject/inspector.ts (100%) rename {cc-inspector/src => src}/scripts/inject/setValue.ts (100%) rename {cc-inspector/src => src}/scripts/inject/types.ts (100%) rename {cc-inspector/src => src}/scripts/inject/util.ts (100%) rename {cc-inspector/src => src}/scripts/terminal.ts (100%) rename {cc-inspector/src => src}/views/devtools/bridge.ts (100%) rename {cc-inspector/src => src}/views/devtools/bus.ts (100%) rename {cc-inspector/src => src}/views/devtools/comp/index.ts (100%) rename {cc-inspector/src => src}/views/devtools/const.ts (100%) rename {cc-inspector/src => src}/views/devtools/contextMenu.ts (100%) rename {cc-inspector/src => src}/views/devtools/data.ts (100%) rename {cc-inspector/src => src}/views/devtools/find.vue (100%) rename {cc-inspector/src => src}/views/devtools/game-info.vue (100%) rename {cc-inspector/src => src}/views/devtools/hierarchy.vue (100%) rename {cc-inspector/src => src}/views/devtools/index.ts (100%) rename {cc-inspector/src => src}/views/devtools/index.vue (100%) rename {cc-inspector/src => src}/views/devtools/inspector.vue (100%) rename {cc-inspector/src => src}/views/devtools/refresh.vue (100%) rename {cc-inspector/src => src}/views/devtools/register-panel.ts (100%) rename {cc-inspector/src => src}/views/devtools/store.ts (100%) rename {cc-inspector/src => src}/views/devtools/timer.ts (100%) rename {cc-inspector/src => src}/views/devtools/ui/property-engine.vue (100%) rename {cc-inspector/src => src}/views/devtools/ui/property-group.vue (100%) rename {cc-inspector/src => src}/views/devtools/ui/property-image.vue (100%) rename {cc-inspector/src => src}/views/devtools/ui/propertys.vue (100%) rename {cc-inspector/src => src}/views/devtools/ui/settings.vue (100%) rename {cc-inspector/src => src}/views/devtools/ui/ui-prop.vue (100%) rename {cc-inspector/src => src}/views/devtools/util.ts (100%) rename {cc-inspector/src => src}/views/global.less (100%) rename {cc-inspector/src => src}/views/options/index.ts (100%) rename {cc-inspector/src => src}/views/options/index.vue (100%) rename {cc-inspector/src => src}/views/options/res/money.png (100%) rename {cc-inspector/src => src}/views/popup/index.ts (100%) rename {cc-inspector/src => src}/views/popup/index.vue (100%) rename {cc-inspector/src => src}/views/popup/res/friend.png (100%) rename {cc-inspector/src => src}/views/popup/res/github.png (100%) rename {cc-inspector/src => src}/views/popup/res/qq.png (100%) rename {cc-inspector/src => src}/views/popup/res/tiezi.png (100%) rename cc-inspector/tsconfig.json => tsconfig.json (100%) rename cc-inspector/yarn.lock => yarn.lock (100%) diff --git a/.gitignore b/.gitignore index 14d4721..5abac7d 100644 --- a/.gitignore +++ b/.gitignore @@ -1,13 +1,11 @@ .idea -CocosCreatorInspector/src/build -/source/artifacts/ -/cc-inspector-v1.2/ -/test/ - -cc-inspector/node_modules/ -cc-inspector/yalc.lock -cc-inspector/chrome/ -cc-inspector/dist/ -cc-inspector/yarn-error.log -cc-inspector/chrome.zip -cc-inspector/chrome.crx +test/ +node_modules/ +web/ +.yalc/ +yalc.lock +chrome/ +dist/ +yarn-error.log +chrome.zip +chrome.crx \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml deleted file mode 100644 index 94a25f7..0000000 --- a/.idea/vcs.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/cc-inspector/.vscode/settings.json b/.vscode/settings.json similarity index 100% rename from cc-inspector/.vscode/settings.json rename to .vscode/settings.json diff --git a/CocosCreatorInspector/Limit.md b/CocosCreatorInspector/Limit.md deleted file mode 100644 index 60473e9..0000000 --- a/CocosCreatorInspector/Limit.md +++ /dev/null @@ -1,4 +0,0 @@ -# 一些限制 -`chrome.processes`这个API能获取进程信息,但是需要安装chrome-dev版本 - -性能优化,除了关注资源加载情况,目前通过chrome插件获取到的信息有限,还是依赖chrome devtools 的performance面板最直接,chrome并没有对外开放`performance`相关的api diff --git a/CocosCreatorInspector/README.md b/CocosCreatorInspector/README.md deleted file mode 100644 index 71c6471..0000000 --- a/CocosCreatorInspector/README.md +++ /dev/null @@ -1,45 +0,0 @@ -# cocos-creator-inspector -## 插件说明 -本插件为chrome插件,设计该插件的初衷是方便在chrome环境下运行时调试creator游戏. -开发过程中难免翻车,为什么添加的图片看不到,为什么图片的位置有偏差,为什么..... -总之,身为程序员的我们每天都在思考:我错在了哪里?如果能在运行游戏的时候,查看游戏的节点树多好啊 -so...   -![](../doc/CreatorInspector/icon.png)   - -cc-inspector 插件顺势而生, 你需要的我来完成 -目前插件支持运行时查看场景的节点树信息,比如坐标,缩放,颜色,透明度,附加的组件等等,其中在节点的可视状态属性里面,提供了**显示/隐藏**的操作按钮,该操作会直接影响到运行时节点的可视状态,惊不惊喜,意不意外,还有这种令人窒息的操作? -![](http://imgsrc.baidu.com/forum/pic/item/2cdeec1190ef76c6371dd3dd9616fdfaae516778.jpg) -目前版本功能虽然单薄,但是实用性非常高,在后续版本中,会陆陆续续开发新功能,比如修改节点的坐标,缩放等等属性,当然还有一个最重要的核心功能,就是节点附加的组件,如果能动态修改组件属性,执行组件的function,简直是如虎添翼啊! -好吧,总之**这是一个神奇的插件**,更多好玩的功能有待发掘,希望这只 **猫头鹰** 能作为游戏开发之旅的火眼金睛,披荆斩棘,让bug无处可藏! - -### 论坛帖子地址 - http://forum.cocos.com/t/chrome-creator/55669 - -## 插件安装 -- [安装包下载](http://7xq9nm.com1.z0.glb.clouddn.com/ccInspector_v1.1.zip) -- [点击查看如何安装](../doc/CreatorInspector/install/README.md) -## 如何使用 -- 在chrome浏览器中运行creator开发的游戏 -- F12打开**开发者工具**你会发现多了一个cocos选项 - ![](../doc/CreatorInspector/scene1.png) -- 点击**刷新**按钮即可查看游戏运行时的节点目录树,左侧为节点,右侧为节点信息 - ![](../doc/CreatorInspector/scene3.png) - - 节点信息中有控制显示隐藏的按钮,点击该按钮将直接影响运行中的游戏效果 - ![](../doc/CreatorInspector/showHideNode.gif) - - 节点属性列表中显示了改节点上挂的所有组件,目前仅仅支持查看组件名称,并不能实时编辑 -## 开发中使用到的技术 -- chrome 插件开发 -- vue+webpack -- element-ui -- cocos creator -## 寻求帮助 -因为本人不是web前端开发出身,而这个插件使用了比较多的web前端技术,所以急切的寻求一个web前端小伙伴,共同完善这个插件,这也是本人将这个插件开源的一个重要原因 -## 联系方式 -QQ群**224756137** - -### manifest.json -// 开发参考：http://open.chrome.360.cn/extension_dev/overview.html -// 字段说明参考：http://open.chrome.360.cn/extension_dev/manifest.html - -## 配合使用插件 -[extensions-reloader](https://chrome.google.com/webstore/detail/extensions-reloader/fimgfedafeadlieiabdeeaodndnlbhid?utm_source=chrome-ntp-icon) diff --git a/CocosCreatorInspector/Update.md b/CocosCreatorInspector/Update.md deleted file mode 100644 index 723ead7..0000000 --- a/CocosCreatorInspector/Update.md +++ /dev/null @@ -1,7 +0,0 @@ -# 版本更新说明 -## v1.2 -### 新功能 -- popup页面增加**支持作者**功能,还望各位打赏一下喽! -![](../doc/CreatorInspector/package/4.png) -- 优化了很多交互,详细见下图 -![](../doc/CreatorInspector/package/5.gif) diff --git a/CocosCreatorInspector/package.json b/CocosCreatorInspector/package.json deleted file mode 100644 index d2a722e..0000000 --- a/CocosCreatorInspector/package.json +++ /dev/null @@ -1,55 +0,0 @@ -{ - "name": "cocos-inspector", - "description": "Cocos Creator Inspector", - "version": "1.0.0", - "author": "xu_yanfeng", - "license": "MIT", - "private": true, - "scripts": { - "dev-server": "webpack-dev-server --inline --progress --open --hot --port 8888", - "dev-index": "cross-env NODE_ENV=development webpack-dev-server --open http://localhost:8082/index.html --inline --progress --hot --port 8082", - "dev-popup": "cross-env NODE_ENV=development webpack-dev-server --open http://localhost:8083/popup.html --inline --progress --hot --port 8083", - "dev-inspector": "cross-env NODE_ENV=development webpack-dev-server --open http://localhost:8084/devInspector.html --inline --progress --hot --port 8084", - "build": "webpack --config ./src/webpack.config.js --progress", - "build-watch": "webpack --config ./src/webpack.config.js --progress --watch" - }, - "dependencies": { - "fs": "0.0.1-security", - "fs-extra": "^5.0.0", - "gulp": "^3.9.1", - "gulp-shell": "^0.6.5", - "json-beautifully": "^1.0.3", - "less": "3.9.0", - "less-loader": "5.0.0", - "path": "^0.12.7", - "ts-loader": "^6.2.2", - "typescript": "^3.9.9", - "url-loader": "^0.6.2", - "vue": "^2.4.4", - "vue-awesome": "^2.3.4", - "vue-property-decorator": "^9.1.2" - }, - "browserslist": [ - "> 1%", - "last 2 versions", - "not ie <= 8" - ], - "devDependencies": { - "babel-core": "^6.26.0", - "babel-loader": "^7.1.2", - "babel-preset-env": "^1.6.0", - "babel-preset-stage-3": "^6.24.1", - "clean-webpack-plugin": "^0.1.17", - "copy-webpack-plugin": "^4.0.1", - "cross-env": "^5.0.5", - "css-loader": "^0.28.7", - "file-loader": "^1.1.4", - "html-webpack-plugin": "^3.2.0", - "style-loader": "^0.19.0", - "vue-loader": "^15.9.6", - "vue-template-compiler": "^2.4.4", - "webpack": "^4.46.0", - "webpack-cli": "^3.3.12", - "webpack-dev-server": "^3.8.2" - } -} diff --git a/CocosCreatorInspector/src/webpack.config.js b/CocosCreatorInspector/src/webpack.config.js deleted file mode 100644 index d5a6c02..0000000 --- a/CocosCreatorInspector/src/webpack.config.js +++ /dev/null @@ -1,168 +0,0 @@ -const Path = require('path'); -let webpack = require('webpack'); -let HtmlWebpackPlugin = require('html-webpack-plugin'); -let CleanWebpackPlugin = require('clean-webpack-plugin'); -let CopyWebpackPlugin = require('copy-webpack-plugin'); -const VueLoaderPlugin = require('vue-loader/lib/plugin'); -let ChromeManifest = require('./core/chrome-manifest'); - -if (process.env.NODE_ENV === 'production') { - -} - -let resolve = function (dir) { - return Path.join(__dirname, dir); -}; - -let htmlPage = function (title, filename, chunks, template) { - return new HtmlWebpackPlugin({ - title: title, - hash: true, - cache: true, - inject: 'body', - filename: './pages/' + filename + '.html', - template: template || Path.resolve(__dirname, 'core/page.ejs'), - appMountId: 'app', - chunks - }); -}; - -module.exports = { - mode: 'development', - entry: { - // test: resolve('test'), - background: resolve('background'), - - // devInspector: path.resolve(__dirname, './src/dev/devInspector/main.js'), - // dev: path.resolve(__dirname, './src/dev/dev.js'), - // index: path.resolve(__dirname, './src/index/main.js'), - // backgroundScripts: path.resolve(__dirname, './src/dev/backgroundScripts.js'), - // contentScripts: path.resolve(__dirname, './src/dev/contentScripts.js'), - // util: path.resolve(__dirname, './src/dev/util.js'), - }, - output: { - path: Path.resolve(__dirname, 'build'), - publicPath: '/', - filename: 'js/[name].js' - }, - plugins: [ - new VueLoaderPlugin(), - // new webpack.HotModuleReplacementPlugin(), - // webpack 执行之前删除dist下的文件 - new CleanWebpackPlugin(['./build/*'], { - root: __dirname,//根目录 - verbose: true,//开启在控制台输出信息 - dry: false,//启用删除文件 - }), - - htmlPage('background', 'background', ['background']), - new ChromeManifest({ - outFile: Path.join(__dirname, 'build/manifest.json'), - manifest: Path.join(__dirname, 'manifest.js') - }), - - // 拷贝静态资源(manifest.json) - new CopyWebpackPlugin([{ - from: Path.resolve(__dirname, 'icon'), - to: 'icon', - force: true, - // ignore: ['.*'] - }]), - // new webpack.DefinePlugin({ - // 'process.env': { - // NODE_ENV: '"production"' - // } - // }), - // new webpack.optimize.UglifyJsPlugin({ - // sourceMap: true, - // compress: { - // warnings: false - // } - // }), - // new webpack.LoaderOptionsPlugin({ - // minimize: true - // }) - ], - module: { - rules: [ - { - test: /\.(css)$/, - use: [ - 'vue-style-loader', - 'css-loader' - ], - }, - { - test: /\.less$/, - use: [ - 'less-loader' - ], - }, - { - test: /\.vue$/, - loader: 'vue-loader', - options: { - loaders: { - scss: 'style-loader!css-loader!sass-loader', - sass: 'style-loader!css-loader!sass-loader?indentedSyntax', - less: 'less-loader' - } - // other vue-loader options go here - } - }, - { - test: /\.js$/, - loader: 'babel-loader', - exclude: /node_modules/ - }, - { - test: /\.ts$/, - loader: 'ts-loader', - exclude: /node_modules/ - }, - // { - // test: /\.(png|jpg|gif|svg|ttf|woff|woff2|eot)$/, - // loader: 'file-loader', - // options: { - // name: '[name].[ext]?[hash]' - // } - // }, - { - test: /\.(png|jpg|gif|svg)(\?.*)?$/, - loader: 'url-loader', - options: { - limit: 10000, - name: 'img/[name].[hash:7].[ext]' - } - }, - { - test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, - loader: 'url-loader', - options: { - limit: 10000, - name: 'fonts/[name].[hash:7].[ext]' - } - } - ] - }, - resolve: { - alias: { - 'vue$': 'vue/dist/vue.esm.js' - }, - extensions: ['*', '.ts', '.js', '.vue', '.json'] - }, - devServer: { - contentBase: './dist',//本地服务器所加载的页面所在的目录 - historyApiFallback: true,//不跳转 - noInfo: true, - inline: true,//实时刷新 - overlay: true - }, - - performance: { - hints: false - }, - devtool: '#source-map' -}; - - diff --git a/CocosCreatorInspector/如何运行项目.md b/CocosCreatorInspector/如何运行项目.md deleted file mode 100644 index 1406c09..0000000 --- a/CocosCreatorInspector/如何运行项目.md +++ /dev/null @@ -1,40 +0,0 @@ -# 如何运行项目 -## 使用前 -在使用之前,需要在项目目录CocosCreatorInspector下执行命令 -``` -npm install -``` -初始化项目所需的依赖包 -# 编译 -在项目目录运行编译命令 -``` -npm run build -``` -会生成dist目录,目录下即打包所需要的所有文件 - - - -# 如何打包插件 -## 命令行方式 -- 为了能够在计算机上让gulp直行任务，所以我们需要全局安装gulp。在终端执行： -```$xslt -cnpm install gulp -g -``` -- 安装完成后，我们可以同样通过命令查看是否安装成功： -```$xslt -gulp -v -``` -- 运行打包任务 -```$xslt -gulp packageCrx -``` -## 在webstorm中运行gulp任务 -- 在gulpfile.js文件上右击选择**Show Gulp Tasks** -![](../doc/CreatorInspector/package/1.png) -- 如果webstorm没有检测到任务列表,需要设置下安装包,点击**设置**, -打开**Gulp Settings...** -![](../doc/CreatorInspector/package/2.png) -- 设置gulp模块的物理地址,注意图中红框设置的地址 -![](../doc/CreatorInspector/package/3.png) -- 在webstorm中的gulp视图刷新任务列表 -- 双击**packageCrx**,执行打包插件任务 diff --git a/cc-inspector/README.en.md b/README.en.md similarity index 100% rename from cc-inspector/README.en.md rename to README.en.md diff --git a/README.md b/README.md index d39070d..d4e6540 100644 --- a/README.md +++ b/README.md @@ -1,30 +1,30 @@ -# cic +# cc-inspector-chrome -目前chrome插进的代码都在source里面，其他目录为迁徙的老代码，还没整理完毕 +在浏览器中查看CocosCreator游戏的节点树、节点属性。 -# 说明 +![](./doc/scene4.png) -inject在development模式下无法正常使用，暂时的解决办法，注释掉`vue-cli-plugin-browser-extension/index.js`代码中的124行： -``` -webpackConfig.plugin('extension-reloader').use(ExtensionReloader, [{ entries, ...extensionReloaderOptions }]) -``` -详细原因参考：[issues](https://github.com/adambullmer/vue-cli-plugin-browser-extension/issues/120) - -# 后续工作 - -popup界面增加联系方式。 - -开发一个独立的electron桌面版本，使用socket调试app，解决排查app问题的痛点。 -防止别人篡改，必须混淆代码，增加修改难度，暂时不做加密。 - -适配插件版本(不紧急) - -# 后续工作 -目前使用的vue2开发的插件，并且使用的是vue.config.js - -后续打算使用vue3重写，并且完全使用webpack进行打包配置，以灵活应对打包配置，关联项目 - -https://github.com/tidys/project-tool +- [youtube](https://www.youtube.com/watch?v=ajMz3zEFTA8) +- [chrome](https://chromewebstore.google.com/detail/cc-inspector/hejbkamkfnkifppoaljcidepkhgaahcj?hl=zh-CN&utm_source=ext_sidebar) +- [bilibili](https://www.bilibili.com/video/BV1jzcHeSEh3/) +- [cocos store](https://store.cocos.com/app/detail/2002) +- [github](https://github.com/tidys/cc-inspector-chrome) + +### 论坛 + - http://forum.cocos.com/t/chrome-creator/55669 + - https://forum.cocos.org/t/topic/164888 + +## 开发中使用到的技术 +- [cc-plugin](https://www.npmjs.com/package/cc-plugin) +- [cc-ui](https://www.npmjs.com/package/@xuyanfeng/cc-ui) +- chrome 插件开发 +- vue3、webpack +- cocos creator +## Cocos Creator Test Cases + - [cocos test cases](https://tidys.github.io/creator-test-cases/) + +## TODO +- 目前开发过程中无法实现HMR，参考[extensions-reloader](https://chrome.google.com/webstore/detail/extensions-reloader/fimgfedafeadlieiabdeeaodndnlbhid?utm_source=chrome-ntp-icon) diff --git a/cc-inspector/README.zh.md b/README.zh.md similarity index 100% rename from cc-inspector/README.zh.md rename to README.zh.md diff --git a/cc-inspector/.gitignore b/cc-inspector/.gitignore deleted file mode 100644 index cf3295a..0000000 --- a/cc-inspector/.gitignore +++ /dev/null @@ -1,3 +0,0 @@ -node_modules/ -web/ -.yalc/ \ No newline at end of file diff --git a/cc-inspector/README.md b/cc-inspector/README.md deleted file mode 100644 index ae4a2ca..0000000 --- a/cc-inspector/README.md +++ /dev/null @@ -1,9 +0,0 @@ -对应的测视例网站： - -https://tidys.github.io/creator-test-cases/ - -- youtube: https://www.youtube.com/watch?v=ajMz3zEFTA8 -- chrome: https://chromewebstore.google.com/detail/cc-inspector/hejbkamkfnkifppoaljcidepkhgaahcj?hl=zh-CN&utm_source=ext_sidebar -- bilibili: https://www.bilibili.com/video/BV1jzcHeSEh3/ -- store: https://store.cocos.com/app/detail/2002 -- github: https://github.com/tidys/cc-inspector-chrome \ No newline at end of file diff --git a/cc-inspector/src/views/devtools/test/server.ts b/cc-inspector/src/views/devtools/test/server.ts deleted file mode 100644 index afccaa0..0000000 --- a/cc-inspector/src/views/devtools/test/server.ts +++ /dev/null @@ -1,242 +0,0 @@ -import { v4 } from "uuid"; -import { Msg, Page, PluginEvent, RequestNodeInfoData, ResponseNodeInfoData, ResponseSupportData, ResponseTreeInfoData } from "../../../core/types"; -import { CompType, VisibleProp } from "../comp"; -import { ArrayData, BoolData, ColorData, EngineData, EnumData, Group, ImageData, Info, InvalidData, NodeInfoData, NumberData, ObjectCircleData, ObjectData, Property, StringData, TextData, TreeData, Vec2Data, Vec3Data, Vec4Data } from "../data"; -export class TestClient { - recv(event: PluginEvent) {} -} -class Node { - icon: string = "icon_node"; - active: boolean = true; - color: string = ""; - children: Node[] = []; - id: string = ""; - name: string = ""; - components: Group[] = []; - constructor(name: string = "") { - this.name = name; - this.active = true; - this.id = v4(); - this.children = []; - } - setColor(color: string) { - this.color = color; - return this; - } - setIcon(icon: string) { - this.icon = icon; - return this; - } - setActive(active: boolean) { - this.active = active; - return this; - } - buildComponent(name: string) { - const info = new Group(name); - this.components.push(info); - return info; - } - - buildChild(name: string) { - const node = new Node(name); - this.children.push(node); - return node; - } - toTreeData(data: TreeData) { - data.id = this.id; - data.text = this.name; - data.active = this.active; - data.icon = this.icon; - data.color = this.color; - for (let i = 0; i < this.children.length; i++) { - const child = this.children[i]; - const childData = new TreeData(); - child.toTreeData(childData); - data.children.push(childData); - } - } - private allNodes(): Node[] { - const nodes: Node[] = []; - function circle(node: Node) { - node.children.forEach((child) => { - nodes.push(child); - circle(child); - }); - } - circle(this); - return nodes; - } - findNode(id: string): Node | null { - const nodes: Node[] = this.allNodes(); - return nodes.find((node) => node.id === id) || null; - } - findInfo(id: string): Info | null { - const nodes: Node[] = this.allNodes(); - for (let i = 0; i < nodes.length; i++) { - const node = nodes[i]; - const comp = node.findProperty(id); - if (comp) { - return comp; - } - } - return null; - } - private findProperty(id: string): Info | null { - for (let i = 0; i < this.components.length; i++) { - const comp = this.components[i]; - for (let j = 0; j < comp.data.length; j++) { - const item: Property = comp.data[j]; - if (item.value.id === id) { - return item.value; - } - } - } - return null; - } -} -export class TestServer { - private clients: TestClient[] = []; - private testData: Node = new Node("scene"); - constructor() { - this.testData - .setIcon("icon_cocos") - .setColor("#f00") - .buildChild("base") - .setIcon("icon_prefab") - .buildComponent("group-base") // - .buildProperty("bool", new BoolData(true)) - .buildProperty("text", new TextData("text")) - .buildProperty("number", new NumberData(100)) - .buildProperty("string", new StringData("string")) - .buildProperty("enum", new EnumData().test()) - .buildProperty("color", new ColorData("#f00")) - .buildProperty("image", new ImageData().test()); - this.testData - .buildChild("vec") - .buildComponent("group-vec") // - .buildProperty("number", new NumberData(200)) - .buildProperty("vec2", new Vec2Data().test()) - .buildProperty("vec3", new Vec3Data().test()) - .buildProperty("vec4", new Vec4Data().test()); - this.testData - .buildChild("arr") - .buildComponent("group-arr") // - .buildProperty("array[t/b/n]", new ArrayData().testNormal()); // - this.testData - .buildChild("obj") // - .buildComponent("group-obj") - .buildProperty("object", new ObjectData().testNormal()); // - this.testData - .buildChild("obj-circle") - .buildComponent("group-obj-circle") // - .buildProperty("circle", new ObjectCircleData()); - - this.testData - .buildChild("arr[arr]") - .buildComponent("group-arr[arr]") // - .buildProperty("arr", new ArrayData().testArray()); // - - this.testData - .buildChild("arr[obj]") - .buildComponent("group-arr[obj]") // - .buildProperty("arr", new ArrayData().testObject()); // - - const node = this.testData.buildChild("str1").setActive(false).setColor("#00ff00ff"); - const comp = node.buildComponent("group51"); - comp.buildProperty("str1", new StringData("str1")); - node.buildComponent("group52").buildProperty("num", new NumberData(200)); - - this.testData.buildChild("str2").buildComponent("group6").buildProperty("str2", new StringData("str2")); - - this.testData - .buildChild("engine") - .buildComponent("group4") // - .buildProperty("node", new EngineData().init(node.name, CompType.Node, node.id)) - .buildProperty("sprite", new EngineData().init(node.name, CompType.Spirte, node.id)) - .buildProperty("label", new EngineData().init(node.name, CompType.Label, node.id)) - .buildProperty("prefab", new EngineData().init(node.name, CompType.Prefab, node.id)) - .buildProperty("animation", new EngineData().init(node.name, CompType.Animation, node.id)) - .buildProperty("button", new EngineData().init(node.name, CompType.Button, node.id)) - .buildProperty("input", new EngineData().init(node.name, CompType.EditBox, node.id)) - .buildProperty("un_known", new EngineData().init(comp.name, "un_known", comp.id, node.id)); - - this.testData - .buildChild("Invalid") - .buildComponent("group7") - .buildProperty("NaN", new InvalidData(NaN)) // - .buildProperty("null", new InvalidData(null)) - .buildProperty("Infinity", new InvalidData(Infinity)) - .buildProperty(VisibleProp.Active, new BoolData(true)) - .buildProperty("undefined", new InvalidData(undefined)); - this.testData - .buildChild("comp") - .buildComponent("node-2") // - .buildProperty("rotation", new NumberData(0)) - .buildProperty(VisibleProp.Enabled, new BoolData(true)) - .buildProperty("max", new NumberData(100)); - } - add(client: TestClient) { - this.clients.push(client); - } - public support: boolean = true; - recv(msg: string, data: any) { - switch (msg) { - case Msg.RequestSupport: { - const e = new PluginEvent(Page.Background, Page.Devtools, Msg.ResponseSupport, { - support: this.support, - msg: "", - version: "0.0.0", - } as ResponseSupportData); - this.send(e); - break; - } - case Msg.RequestNodeInfo: { - const id: string = (data as RequestNodeInfoData).uuid; - const node: Node = this.testData.findNode(id); - let group = []; - if (node) { - group = node.components; - } else { - let g = new Group("scene").buildProperty("scene id", new StringData(id)); - group.push(g); - } - const ret: NodeInfoData = new NodeInfoData(id, group); - const event = new PluginEvent(Page.Background, Page.Devtools, Msg.ResponseNodeInfo, ret as ResponseNodeInfoData); - this.send(event); - break; - } - case Msg.RequstTreeInfo: { - const ret: TreeData = new TreeData(); - ret.icon = "icon_cocos"; - this.testData.toTreeData(ret); - const event = new PluginEvent(Page.Inject, Page.Devtools, Msg.ResponseTreeInfo, ret as ResponseTreeInfoData); - this.send(event); - break; - } - case Msg.RequestSetProperty: { - const i = data as Info; - console.log(i); - break; - } - case Msg.RequestLogData: { - console.log(data); - break; - } - case Msg.RequestVisible: { - const node: Node = this.testData.findNode(data); - if (node) { - node.active = !node.active; - } - break; - } - default: - break; - } - } - send(event: PluginEvent) { - this.clients.forEach((client) => { - client.recv(event); - }); - } -} -export const testServer = new TestServer(); diff --git a/cc-inspector/src/views/devtools/test/test.vue b/cc-inspector/src/views/devtools/test/test.vue deleted file mode 100644 index 9b76421..0000000 --- a/cc-inspector/src/views/devtools/test/test.vue +++ /dev/null @@ -1,162 +0,0 @@ - - - diff --git a/cc-inspector/test/index.html b/cc-inspector/test/index.html deleted file mode 100644 index d55716e..0000000 --- a/cc-inspector/test/index.html +++ /dev/null @@ -1,6 +0,0 @@ - -
- 111 -
\ No newline at end of file diff --git a/cc-inspector/cc-plugin.config.ts b/cc-plugin.config.ts similarity index 96% rename from cc-inspector/cc-plugin.config.ts rename to cc-plugin.config.ts index 8f514f2..c35572f 100644 --- a/cc-inspector/cc-plugin.config.ts +++ b/cc-plugin.config.ts @@ -15,10 +15,10 @@ const manifest: CocosPluginManifest = { main: "./src/main.ts", panels: [ { - name: "main", + name: "inspector", type: Panel.Type.DockAble, main: "./src/panel/index.ts", - title: "cc-inspector", + title: "Cocos Inspector", width: 500, height: 400, minWidth: 50, diff --git a/cc-inspector/cc-plugin.json b/cc-plugin.json similarity index 100% rename from cc-inspector/cc-plugin.json rename to cc-plugin.json diff --git a/cc-inspector/crx-key.pem b/crx/crx-key.pem similarity index 100% rename from cc-inspector/crx-key.pem rename to crx/crx-key.pem diff --git a/CocosCreatorInspector/gulpfile.js b/crx/crx.js similarity index 100% rename from CocosCreatorInspector/gulpfile.js rename to crx/crx.js diff --git a/cc-inspector/doc/Marquee.png b/doc/Marquee.png similarity index 100% rename from cc-inspector/doc/Marquee.png rename to doc/Marquee.png diff --git a/cc-inspector/doc/chrome-message.png b/doc/chrome-message.png similarity index 100% rename from cc-inspector/doc/chrome-message.png rename to doc/chrome-message.png diff --git a/cc-inspector/doc/icon128.png b/doc/icon128.png similarity index 100% rename from cc-inspector/doc/icon128.png rename to doc/icon128.png diff --git a/cc-inspector/doc/prop/v2.png b/doc/prop/v2.png similarity index 100% rename from cc-inspector/doc/prop/v2.png rename to doc/prop/v2.png diff --git a/cc-inspector/doc/scene1.png b/doc/scene1.png similarity index 100% rename from cc-inspector/doc/scene1.png rename to doc/scene1.png diff --git a/cc-inspector/doc/scene2.png b/doc/scene2.png similarity index 100% rename from cc-inspector/doc/scene2.png rename to doc/scene2.png diff --git a/cc-inspector/doc/scene3.png b/doc/scene3.png similarity index 100% rename from cc-inspector/doc/scene3.png rename to doc/scene3.png diff --git a/cc-inspector/doc/scene4.png b/doc/scene4.png similarity index 100% rename from cc-inspector/doc/scene4.png rename to doc/scene4.png diff --git a/cc-inspector/doc/scene5.png b/doc/scene5.png similarity index 100% rename from cc-inspector/doc/scene5.png rename to doc/scene5.png diff --git a/cc-inspector/doc/small.png b/doc/small.png similarity index 100% rename from cc-inspector/doc/small.png rename to doc/small.png diff --git a/cc-inspector/doc/v2.png b/doc/v2.png similarity index 100% rename from cc-inspector/doc/v2.png rename to doc/v2.png diff --git a/electron-app/index.css b/electron-app/index.css deleted file mode 100644 index aba749e..0000000 --- a/electron-app/index.css +++ /dev/null @@ -1,9 +0,0 @@ -.sendCode { - width: 100%; - height: 300px; - margin-top: 10px; - margin-bottom: 10px; -} -.recvMsgError{ - color: red; -} diff --git a/electron-app/index.html b/electron-app/index.html deleted file mode 100644 index 5d53cc1..0000000 --- a/electron-app/index.html +++ /dev/null @@ -1,34 +0,0 @@ - - - - - - -
-
- 链接状态：{{status}} -
-
-
- 收到的消息： - -
- -
- -
- -
-
-
-
- - - diff --git a/electron-app/index.js b/electron-app/index.js deleted file mode 100644 index db99446..0000000 --- a/electron-app/index.js +++ /dev/null @@ -1,56 +0,0 @@ -const WS = require("ws"); -let Server = null; -new Vue({ - el: "#app", - data: { - status: "---", - recvMsg: "", - recvMsgError: false, - sendCode: "console.log('hello')", - webSocketInstance: null, - }, - created() { - Server = new WS.Server({port: 1109}); - Server.on("connection", (webSocket) => { - this.status = "link"; - this.webSocketInstance = webSocket; - webSocket.on("message", (msg) => { - const {error, data} = JSON.parse(msg); - this.recvMsgError = !!error; - if (data) { - this.recvMsg = data; - } else { - this.recvMsg = null; - } - }); - webSocket.on("close", () => { - console.log("close"); - this.status = "close"; - this.webSocketInstance = null; - }); - webSocket.on("open", () => { - console.log("open"); - this.status = "open"; - }); - webSocket.on("error", () => { - console.log("error"); - this.status = "error"; - this.webSocketInstance = null; - }); - }); - }, - mounted() { - - }, - methods: { - onRunCmd() { - if (this.webSocketInstance) { - let str = { - code: this.sendCode, - }; - this.webSocketInstance.send(JSON.stringify(str)); - } - }, - } - -}); diff --git a/electron-app/inject.js b/electron-app/inject.js deleted file mode 100644 index 82457c4..0000000 --- a/electron-app/inject.js +++ /dev/null @@ -1,18 +0,0 @@ -let canvasArray = document.getElementsByTagName("canvas"); -if (canvasArray.length > 0) { - let canvas = canvasArray[0]; - if (canvas) { - canvas.style.display = "none"; - const {children} = canvas.parentNode; - let len = children.length; - let div = children[1]; - if(div){ - div.style.display='none'; - console.log('hide div') - } - // console.log(div); - } -} - -let div=document.getElementById('myDiv') -console.log(div) diff --git a/electron-app/lib/vue.js b/electron-app/lib/vue.js deleted file mode 100644 index 25bb012..0000000 --- a/electron-app/lib/vue.js +++ /dev/null @@ -1,11944 +0,0 @@ -/*! - * Vue.js v2.6.10 - * (c) 2014-2019 Evan You - * Released under the MIT License. - */ -(function (global, factory) { - typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : - typeof define === 'function' && define.amd ? define(factory) : - (global = global || self, global.Vue = factory()); -}(this, function () { 'use strict'; - - /* */ - - var emptyObject = Object.freeze({}); - - // These helpers produce better VM code in JS engines due to their - // explicitness and function inlining. - function isUndef (v) { - return v === undefined || v === null - } - - function isDef (v) { - return v !== undefined && v !== null - } - - function isTrue (v) { - return v === true - } - - function isFalse (v) { - return v === false - } - - /** - * Check if value is primitive. - */ - function isPrimitive (value) { - return ( - typeof value === 'string' || - typeof value === 'number' || - // $flow-disable-line - typeof value === 'symbol' || - typeof value === 'boolean' - ) - } - - /** - * Quick object check - this is primarily used to tell - * Objects from primitive values when we know the value - * is a JSON-compliant type. - */ - function isObject (obj) { - return obj !== null && typeof obj === 'object' - } - - /** - * Get the raw type string of a value, e.g., [object Object]. - */ - var _toString = Object.prototype.toString; - - function toRawType (value) { - return _toString.call(value).slice(8, -1) - } - - /** - * Strict object type check. Only returns true - * for plain JavaScript objects. - */ - function isPlainObject (obj) { - return _toString.call(obj) === '[object Object]' - } - - function isRegExp (v) { - return _toString.call(v) === '[object RegExp]' - } - - /** - * Check if val is a valid array index. - */ - function isValidArrayIndex (val) { - var n = parseFloat(String(val)); - return n >= 0 && Math.floor(n) === n && isFinite(val) - } - - function isPromise (val) { - return ( - isDef(val) && - typeof val.then === 'function' && - typeof val.catch === 'function' - ) - } - - /** - * Convert a value to a string that is actually rendered. - */ - function toString (val) { - return val == null - ? '' - : Array.isArray(val) || (isPlainObject(val) && val.toString === _toString) - ? JSON.stringify(val, null, 2) - : String(val) - } - - /** - * Convert an input value to a number for persistence. - * If the conversion fails, return original string. - */ - function toNumber (val) { - var n = parseFloat(val); - return isNaN(n) ? val : n - } - - /** - * Make a map and return a function for checking if a key - * is in that map. - */ - function makeMap ( - str, - expectsLowerCase - ) { - var map = Object.create(null); - var list = str.split(','); - for (var i = 0; i < list.length; i++) { - map[list[i]] = true; - } - return expectsLowerCase - ? function (val) { return map[val.toLowerCase()]; } - : function (val) { return map[val]; } - } - - /** - * Check if a tag is a built-in tag. - */ - var isBuiltInTag = makeMap('slot,component', true); - - /** - * Check if an attribute is a reserved attribute. - */ - var isReservedAttribute = makeMap('key,ref,slot,slot-scope,is'); - - /** - * Remove an item from an array. - */ - function remove (arr, item) { - if (arr.length) { - var index = arr.indexOf(item); - if (index > -1) { - return arr.splice(index, 1) - } - } - } - - /** - * Check whether an object has the property. - */ - var hasOwnProperty = Object.prototype.hasOwnProperty; - function hasOwn (obj, key) { - return hasOwnProperty.call(obj, key) - } - - /** - * Create a cached version of a pure function. - */ - function cached (fn) { - var cache = Object.create(null); - return (function cachedFn (str) { - var hit = cache[str]; - return hit || (cache[str] = fn(str)) - }) - } - - /** - * Camelize a hyphen-delimited string. - */ - var camelizeRE = /-(\w)/g; - var camelize = cached(function (str) { - return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; }) - }); - - /** - * Capitalize a string. - */ - var capitalize = cached(function (str) { - return str.charAt(0).toUpperCase() + str.slice(1) - }); - - /** - * Hyphenate a camelCase string. - */ - var hyphenateRE = /\B([A-Z])/g; - var hyphenate = cached(function (str) { - return str.replace(hyphenateRE, '-$1').toLowerCase() - }); - - /** - * Simple bind polyfill for environments that do not support it, - * e.g., PhantomJS 1.x. Technically, we don't need this anymore - * since native bind is now performant enough in most browsers. - * But removing it would mean breaking code that was able to run in - * PhantomJS 1.x, so this must be kept for backward compatibility. - */ - - /* istanbul ignore next */ - function polyfillBind (fn, ctx) { - function boundFn (a) { - var l = arguments.length; - return l - ? l > 1 - ? fn.apply(ctx, arguments) - : fn.call(ctx, a) - : fn.call(ctx) - } - - boundFn._length = fn.length; - return boundFn - } - - function nativeBind (fn, ctx) { - return fn.bind(ctx) - } - - var bind = Function.prototype.bind - ? nativeBind - : polyfillBind; - - /** - * Convert an Array-like object to a real Array. - */ - function toArray (list, start) { - start = start || 0; - var i = list.length - start; - var ret = new Array(i); - while (i--) { - ret[i] = list[i + start]; - } - return ret - } - - /** - * Mix properties into target object. - */ - function extend (to, _from) { - for (var key in _from) { - to[key] = _from[key]; - } - return to - } - - /** - * Merge an Array of Objects into a single Object. - */ - function toObject (arr) { - var res = {}; - for (var i = 0; i < arr.length; i++) { - if (arr[i]) { - extend(res, arr[i]); - } - } - return res - } - - /* eslint-disable no-unused-vars */ - - /** - * Perform no operation. - * Stubbing args to make Flow happy without leaving useless transpiled code - * with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/). - */ - function noop (a, b, c) {} - - /** - * Always return false. - */ - var no = function (a, b, c) { return false; }; - - /* eslint-enable no-unused-vars */ - - /** - * Return the same value. - */ - var identity = function (_) { return _; }; - - /** - * Generate a string containing static keys from compiler modules. - */ - function genStaticKeys (modules) { - return modules.reduce(function (keys, m) { - return keys.concat(m.staticKeys || []) - }, []).join(',') - } - - /** - * Check if two values are loosely equal - that is, - * if they are plain objects, do they have the same shape? - */ - function looseEqual (a, b) { - if (a === b) { return true } - var isObjectA = isObject(a); - var isObjectB = isObject(b); - if (isObjectA && isObjectB) { - try { - var isArrayA = Array.isArray(a); - var isArrayB = Array.isArray(b); - if (isArrayA && isArrayB) { - return a.length === b.length && a.every(function (e, i) { - return looseEqual(e, b[i]) - }) - } else if (a instanceof Date && b instanceof Date) { - return a.getTime() === b.getTime() - } else if (!isArrayA && !isArrayB) { - var keysA = Object.keys(a); - var keysB = Object.keys(b); - return keysA.length === keysB.length && keysA.every(function (key) { - return looseEqual(a[key], b[key]) - }) - } else { - /* istanbul ignore next */ - return false - } - } catch (e) { - /* istanbul ignore next */ - return false - } - } else if (!isObjectA && !isObjectB) { - return String(a) === String(b) - } else { - return false - } - } - - /** - * Return the first index at which a loosely equal value can be - * found in the array (if value is a plain object, the array must - * contain an object of the same shape), or -1 if it is not present. - */ - function looseIndexOf (arr, val) { - for (var i = 0; i < arr.length; i++) { - if (looseEqual(arr[i], val)) { return i } - } - return -1 - } - - /** - * Ensure a function is called only once. - */ - function once (fn) { - var called = false; - return function () { - if (!called) { - called = true; - fn.apply(this, arguments); - } - } - } - - var SSR_ATTR = 'data-server-rendered'; - - var ASSET_TYPES = [ - 'component', - 'directive', - 'filter' - ]; - - var LIFECYCLE_HOOKS = [ - 'beforeCreate', - 'created', - 'beforeMount', - 'mounted', - 'beforeUpdate', - 'updated', - 'beforeDestroy', - 'destroyed', - 'activated', - 'deactivated', - 'errorCaptured', - 'serverPrefetch' - ]; - - /* */ - - - - var config = ({ - /** - * Option merge strategies (used in core/util/options) - */ - // $flow-disable-line - optionMergeStrategies: Object.create(null), - - /** - * Whether to suppress warnings. - */ - silent: false, - - /** - * Show production mode tip message on boot? - */ - productionTip: "development" !== 'production', - - /** - * Whether to enable devtools - */ - devtools: "development" !== 'production', - - /** - * Whether to record perf - */ - performance: false, - - /** - * Error handler for watcher errors - */ - errorHandler: null, - - /** - * Warn handler for watcher warns - */ - warnHandler: null, - - /** - * Ignore certain custom elements - */ - ignoredElements: [], - - /** - * Custom user key aliases for v-on - */ - // $flow-disable-line - keyCodes: Object.create(null), - - /** - * Check if a tag is reserved so that it cannot be registered as a - * component. This is platform-dependent and may be overwritten. - */ - isReservedTag: no, - - /** - * Check if an attribute is reserved so that it cannot be used as a component - * prop. This is platform-dependent and may be overwritten. - */ - isReservedAttr: no, - - /** - * Check if a tag is an unknown element. - * Platform-dependent. - */ - isUnknownElement: no, - - /** - * Get the namespace of an element - */ - getTagNamespace: noop, - - /** - * Parse the real tag name for the specific platform. - */ - parsePlatformTagName: identity, - - /** - * Check if an attribute must be bound using property, e.g. value - * Platform-dependent. - */ - mustUseProp: no, - - /** - * Perform updates asynchronously. Intended to be used by Vue Test Utils - * This will significantly reduce performance if set to false. - */ - async: true, - - /** - * Exposed for legacy reasons - */ - _lifecycleHooks: LIFECYCLE_HOOKS - }); - - /* */ - - /** - * unicode letters used for parsing html tags, component names and property paths. - * using https://www.w3.org/TR/html53/semantics-scripting.html#potentialcustomelementname - * skipping \u10000-\uEFFFF due to it freezing up PhantomJS - */ - var unicodeRegExp = /a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD/; - - /** - * Check if a string starts with $ or _ - */ - function isReserved (str) { - var c = (str + '').charCodeAt(0); - return c === 0x24 || c === 0x5F - } - - /** - * Define a property. - */ - function def (obj, key, val, enumerable) { - Object.defineProperty(obj, key, { - value: val, - enumerable: !!enumerable, - writable: true, - configurable: true - }); - } - - /** - * Parse simple path. - */ - var bailRE = new RegExp(("[^" + (unicodeRegExp.source) + ".$_\\d]")); - function parsePath (path) { - if (bailRE.test(path)) { - return - } - var segments = path.split('.'); - return function (obj) { - for (var i = 0; i < segments.length; i++) { - if (!obj) { return } - obj = obj[segments[i]]; - } - return obj - } - } - - /* */ - - // can we use __proto__? - var hasProto = '__proto__' in {}; - - // Browser environment sniffing - var inBrowser = typeof window !== 'undefined'; - var inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform; - var weexPlatform = inWeex && WXEnvironment.platform.toLowerCase(); - var UA = inBrowser && window.navigator.userAgent.toLowerCase(); - var isIE = UA && /msie|trident/.test(UA); - var isIE9 = UA && UA.indexOf('msie 9.0') > 0; - var isEdge = UA && UA.indexOf('edge/') > 0; - var isAndroid = (UA && UA.indexOf('android') > 0) || (weexPlatform === 'android'); - var isIOS = (UA && /iphone|ipad|ipod|ios/.test(UA)) || (weexPlatform === 'ios'); - var isChrome = UA && /chrome\/\d+/.test(UA) && !isEdge; - var isPhantomJS = UA && /phantomjs/.test(UA); - var isFF = UA && UA.match(/firefox\/(\d+)/); - - // Firefox has a "watch" function on Object.prototype... - var nativeWatch = ({}).watch; - - var supportsPassive = false; - if (inBrowser) { - try { - var opts = {}; - Object.defineProperty(opts, 'passive', ({ - get: function get () { - /* istanbul ignore next */ - supportsPassive = true; - } - })); // https://github.com/facebook/flow/issues/285 - window.addEventListener('test-passive', null, opts); - } catch (e) {} - } - - // this needs to be lazy-evaled because vue may be required before - // vue-server-renderer can set VUE_ENV - var _isServer; - var isServerRendering = function () { - if (_isServer === undefined) { - /* istanbul ignore if */ - if (!inBrowser && !inWeex && typeof global !== 'undefined') { - // detect presence of vue-server-renderer and avoid - // Webpack shimming the process - _isServer = global['process'] && global['process'].env.VUE_ENV === 'server'; - } else { - _isServer = false; - } - } - return _isServer - }; - - // detect devtools - var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__; - - /* istanbul ignore next */ - function isNative (Ctor) { - return typeof Ctor === 'function' && /native code/.test(Ctor.toString()) - } - - var hasSymbol = - typeof Symbol !== 'undefined' && isNative(Symbol) && - typeof Reflect !== 'undefined' && isNative(Reflect.ownKeys); - - var _Set; - /* istanbul ignore if */ // $flow-disable-line - if (typeof Set !== 'undefined' && isNative(Set)) { - // use native Set when available. - _Set = Set; - } else { - // a non-standard Set polyfill that only works with primitive keys. - _Set = /*@__PURE__*/(function () { - function Set () { - this.set = Object.create(null); - } - Set.prototype.has = function has (key) { - return this.set[key] === true - }; - Set.prototype.add = function add (key) { - this.set[key] = true; - }; - Set.prototype.clear = function clear () { - this.set = Object.create(null); - }; - - return Set; - }()); - } - - /* */ - - var warn = noop; - var tip = noop; - var generateComponentTrace = (noop); // work around flow check - var formatComponentName = (noop); - - { - var hasConsole = typeof console !== 'undefined'; - var classifyRE = /(?:^|[-_])(\w)/g; - var classify = function (str) { return str - .replace(classifyRE, function (c) { return c.toUpperCase(); }) - .replace(/[-_]/g, ''); }; - - warn = function (msg, vm) { - var trace = vm ? generateComponentTrace(vm) : ''; - - if (config.warnHandler) { - config.warnHandler.call(null, msg, vm, trace); - } else if (hasConsole && (!config.silent)) { - console.error(("[Vue warn]: " + msg + trace)); - } - }; - - tip = function (msg, vm) { - if (hasConsole && (!config.silent)) { - console.warn("[Vue tip]: " + msg + ( - vm ? generateComponentTrace(vm) : '' - )); - } - }; - - formatComponentName = function (vm, includeFile) { - if (vm.$root === vm) { - return '' - } - var options = typeof vm === 'function' && vm.cid != null - ? vm.options - : vm._isVue - ? vm.$options || vm.constructor.options - : vm; - var name = options.name || options._componentTag; - var file = options.__file; - if (!name && file) { - var match = file.match(/([^/\\]+)\.vue$/); - name = match && match[1]; - } - - return ( - (name ? ("<" + (classify(name)) + ">") : "") + - (file && includeFile !== false ? (" at " + file) : '') - ) - }; - - var repeat = function (str, n) { - var res = ''; - while (n) { - if (n % 2 === 1) { res += str; } - if (n > 1) { str += str; } - n >>= 1; - } - return res - }; - - generateComponentTrace = function (vm) { - if (vm._isVue && vm.$parent) { - var tree = []; - var currentRecursiveSequence = 0; - while (vm) { - if (tree.length > 0) { - var last = tree[tree.length - 1]; - if (last.constructor === vm.constructor) { - currentRecursiveSequence++; - vm = vm.$parent; - continue - } else if (currentRecursiveSequence > 0) { - tree[tree.length - 1] = [last, currentRecursiveSequence]; - currentRecursiveSequence = 0; - } - } - tree.push(vm); - vm = vm.$parent; - } - return '\n\nfound in\n\n' + tree - .map(function (vm, i) { return ("" + (i === 0 ? '---> ' : repeat(' ', 5 + i * 2)) + (Array.isArray(vm) - ? ((formatComponentName(vm[0])) + "... (" + (vm[1]) + " recursive calls)") - : formatComponentName(vm))); }) - .join('\n') - } else { - return ("\n\n(found in " + (formatComponentName(vm)) + ")") - } - }; - } - - /* */ - - var uid = 0; - - /** - * A dep is an observable that can have multiple - * directives subscribing to it. - */ - var Dep = function Dep () { - this.id = uid++; - this.subs = []; - }; - - Dep.prototype.addSub = function addSub (sub) { - this.subs.push(sub); - }; - - Dep.prototype.removeSub = function removeSub (sub) { - remove(this.subs, sub); - }; - - Dep.prototype.depend = function depend () { - if (Dep.target) { - Dep.target.addDep(this); - } - }; - - Dep.prototype.notify = function notify () { - // stabilize the subscriber list first - var subs = this.subs.slice(); - if (!config.async) { - // subs aren't sorted in scheduler if not running async - // we need to sort them now to make sure they fire in correct - // order - subs.sort(function (a, b) { return a.id - b.id; }); - } - for (var i = 0, l = subs.length; i < l; i++) { - subs[i].update(); - } - }; - - // The current target watcher being evaluated. - // This is globally unique because only one watcher - // can be evaluated at a time. - Dep.target = null; - var targetStack = []; - - function pushTarget (target) { - targetStack.push(target); - Dep.target = target; - } - - function popTarget () { - targetStack.pop(); - Dep.target = targetStack[targetStack.length - 1]; - } - - /* */ - - var VNode = function VNode ( - tag, - data, - children, - text, - elm, - context, - componentOptions, - asyncFactory - ) { - this.tag = tag; - this.data = data; - this.children = children; - this.text = text; - this.elm = elm; - this.ns = undefined; - this.context = context; - this.fnContext = undefined; - this.fnOptions = undefined; - this.fnScopeId = undefined; - this.key = data && data.key; - this.componentOptions = componentOptions; - this.componentInstance = undefined; - this.parent = undefined; - this.raw = false; - this.isStatic = false; - this.isRootInsert = true; - this.isComment = false; - this.isCloned = false; - this.isOnce = false; - this.asyncFactory = asyncFactory; - this.asyncMeta = undefined; - this.isAsyncPlaceholder = false; - }; - - var prototypeAccessors = { child: { configurable: true } }; - - // DEPRECATED: alias for componentInstance for backwards compat. - /* istanbul ignore next */ - prototypeAccessors.child.get = function () { - return this.componentInstance - }; - - Object.defineProperties( VNode.prototype, prototypeAccessors ); - - var createEmptyVNode = function (text) { - if ( text === void 0 ) text = ''; - - var node = new VNode(); - node.text = text; - node.isComment = true; - return node - }; - - function createTextVNode (val) { - return new VNode(undefined, undefined, undefined, String(val)) - } - - // optimized shallow clone - // used for static nodes and slot nodes because they may be reused across - // multiple renders, cloning them avoids errors when DOM manipulations rely - // on their elm reference. - function cloneVNode (vnode) { - var cloned = new VNode( - vnode.tag, - vnode.data, - // #7975 - // clone children array to avoid mutating original in case of cloning - // a child. - vnode.children && vnode.children.slice(), - vnode.text, - vnode.elm, - vnode.context, - vnode.componentOptions, - vnode.asyncFactory - ); - cloned.ns = vnode.ns; - cloned.isStatic = vnode.isStatic; - cloned.key = vnode.key; - cloned.isComment = vnode.isComment; - cloned.fnContext = vnode.fnContext; - cloned.fnOptions = vnode.fnOptions; - cloned.fnScopeId = vnode.fnScopeId; - cloned.asyncMeta = vnode.asyncMeta; - cloned.isCloned = true; - return cloned - } - - /* - * not type checking this file because flow doesn't play well with - * dynamically accessing methods on Array prototype - */ - - var arrayProto = Array.prototype; - var arrayMethods = Object.create(arrayProto); - - var methodsToPatch = [ - 'push', - 'pop', - 'shift', - 'unshift', - 'splice', - 'sort', - 'reverse' - ]; - - /** - * Intercept mutating methods and emit events - */ - methodsToPatch.forEach(function (method) { - // cache original method - var original = arrayProto[method]; - def(arrayMethods, method, function mutator () { - var args = [], len = arguments.length; - while ( len-- ) args[ len ] = arguments[ len ]; - - var result = original.apply(this, args); - var ob = this.__ob__; - var inserted; - switch (method) { - case 'push': - case 'unshift': - inserted = args; - break - case 'splice': - inserted = args.slice(2); - break - } - if (inserted) { ob.observeArray(inserted); } - // notify change - ob.dep.notify(); - return result - }); - }); - - /* */ - - var arrayKeys = Object.getOwnPropertyNames(arrayMethods); - - /** - * In some cases we may want to disable observation inside a component's - * update computation. - */ - var shouldObserve = true; - - function toggleObserving (value) { - shouldObserve = value; - } - - /** - * Observer class that is attached to each observed - * object. Once attached, the observer converts the target - * object's property keys into getter/setters that - * collect dependencies and dispatch updates. - */ - var Observer = function Observer (value) { - this.value = value; - this.dep = new Dep(); - this.vmCount = 0; - def(value, '__ob__', this); - if (Array.isArray(value)) { - if (hasProto) { - protoAugment(value, arrayMethods); - } else { - copyAugment(value, arrayMethods, arrayKeys); - } - this.observeArray(value); - } else { - this.walk(value); - } - }; - - /** - * Walk through all properties and convert them into - * getter/setters. This method should only be called when - * value type is Object. - */ - Observer.prototype.walk = function walk (obj) { - var keys = Object.keys(obj); - for (var i = 0; i < keys.length; i++) { - defineReactive$$1(obj, keys[i]); - } - }; - - /** - * Observe a list of Array items. - */ - Observer.prototype.observeArray = function observeArray (items) { - for (var i = 0, l = items.length; i < l; i++) { - observe(items[i]); - } - }; - - // helpers - - /** - * Augment a target Object or Array by intercepting - * the prototype chain using __proto__ - */ - function protoAugment (target, src) { - /* eslint-disable no-proto */ - target.__proto__ = src; - /* eslint-enable no-proto */ - } - - /** - * Augment a target Object or Array by defining - * hidden properties. - */ - /* istanbul ignore next */ - function copyAugment (target, src, keys) { - for (var i = 0, l = keys.length; i < l; i++) { - var key = keys[i]; - def(target, key, src[key]); - } - } - - /** - * Attempt to create an observer instance for a value, - * returns the new observer if successfully observed, - * or the existing observer if the value already has one. - */ - function observe (value, asRootData) { - if (!isObject(value) || value instanceof VNode) { - return - } - var ob; - if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) { - ob = value.__ob__; - } else if ( - shouldObserve && - !isServerRendering() && - (Array.isArray(value) || isPlainObject(value)) && - Object.isExtensible(value) && - !value._isVue - ) { - ob = new Observer(value); - } - if (asRootData && ob) { - ob.vmCount++; - } - return ob - } - - /** - * Define a reactive property on an Object. - */ - function defineReactive$$1 ( - obj, - key, - val, - customSetter, - shallow - ) { - var dep = new Dep(); - - var property = Object.getOwnPropertyDescriptor(obj, key); - if (property && property.configurable === false) { - return - } - - // cater for pre-defined getter/setters - var getter = property && property.get; - var setter = property && property.set; - if ((!getter || setter) && arguments.length === 2) { - val = obj[key]; - } - - var childOb = !shallow && observe(val); - Object.defineProperty(obj, key, { - enumerable: true, - configurable: true, - get: function reactiveGetter () { - var value = getter ? getter.call(obj) : val; - if (Dep.target) { - dep.depend(); - if (childOb) { - childOb.dep.depend(); - if (Array.isArray(value)) { - dependArray(value); - } - } - } - return value - }, - set: function reactiveSetter (newVal) { - var value = getter ? getter.call(obj) : val; - /* eslint-disable no-self-compare */ - if (newVal === value || (newVal !== newVal && value !== value)) { - return - } - /* eslint-enable no-self-compare */ - if (customSetter) { - customSetter(); - } - // #7981: for accessor properties without setter - if (getter && !setter) { return } - if (setter) { - setter.call(obj, newVal); - } else { - val = newVal; - } - childOb = !shallow && observe(newVal); - dep.notify(); - } - }); - } - - /** - * Set a property on an object. Adds the new property and - * triggers change notification if the property doesn't - * already exist. - */ - function set (target, key, val) { - if (isUndef(target) || isPrimitive(target) - ) { - warn(("Cannot set reactive property on undefined, null, or primitive value: " + ((target)))); - } - if (Array.isArray(target) && isValidArrayIndex(key)) { - target.length = Math.max(target.length, key); - target.splice(key, 1, val); - return val - } - if (key in target && !(key in Object.prototype)) { - target[key] = val; - return val - } - var ob = (target).__ob__; - if (target._isVue || (ob && ob.vmCount)) { - warn( - 'Avoid adding reactive properties to a Vue instance or its root $data ' + - 'at runtime - declare it upfront in the data option.' - ); - return val - } - if (!ob) { - target[key] = val; - return val - } - defineReactive$$1(ob.value, key, val); - ob.dep.notify(); - return val - } - - /** - * Delete a property and trigger change if necessary. - */ - function del (target, key) { - if (isUndef(target) || isPrimitive(target) - ) { - warn(("Cannot delete reactive property on undefined, null, or primitive value: " + ((target)))); - } - if (Array.isArray(target) && isValidArrayIndex(key)) { - target.splice(key, 1); - return - } - var ob = (target).__ob__; - if (target._isVue || (ob && ob.vmCount)) { - warn( - 'Avoid deleting properties on a Vue instance or its root $data ' + - '- just set it to null.' - ); - return - } - if (!hasOwn(target, key)) { - return - } - delete target[key]; - if (!ob) { - return - } - ob.dep.notify(); - } - - /** - * Collect dependencies on array elements when the array is touched, since - * we cannot intercept array element access like property getters. - */ - function dependArray (value) { - for (var e = (void 0), i = 0, l = value.length; i < l; i++) { - e = value[i]; - e && e.__ob__ && e.__ob__.dep.depend(); - if (Array.isArray(e)) { - dependArray(e); - } - } - } - - /* */ - - /** - * Option overwriting strategies are functions that handle - * how to merge a parent option value and a child option - * value into the final value. - */ - var strats = config.optionMergeStrategies; - - /** - * Options with restrictions - */ - { - strats.el = strats.propsData = function (parent, child, vm, key) { - if (!vm) { - warn( - "option \"" + key + "\" can only be used during instance " + - 'creation with the `new` keyword.' - ); - } - return defaultStrat(parent, child) - }; - } - - /** - * Helper that recursively merges two data objects together. - */ - function mergeData (to, from) { - if (!from) { return to } - var key, toVal, fromVal; - - var keys = hasSymbol - ? Reflect.ownKeys(from) - : Object.keys(from); - - for (var i = 0; i < keys.length; i++) { - key = keys[i]; - // in case the object is already observed... - if (key === '__ob__') { continue } - toVal = to[key]; - fromVal = from[key]; - if (!hasOwn(to, key)) { - set(to, key, fromVal); - } else if ( - toVal !== fromVal && - isPlainObject(toVal) && - isPlainObject(fromVal) - ) { - mergeData(toVal, fromVal); - } - } - return to - } - - /** - * Data - */ - function mergeDataOrFn ( - parentVal, - childVal, - vm - ) { - if (!vm) { - // in a Vue.extend merge, both should be functions - if (!childVal) { - return parentVal - } - if (!parentVal) { - return childVal - } - // when parentVal & childVal are both present, - // we need to return a function that returns the - // merged result of both functions... no need to - // check if parentVal is a function here because - // it has to be a function to pass previous merges. - return function mergedDataFn () { - return mergeData( - typeof childVal === 'function' ? childVal.call(this, this) : childVal, - typeof parentVal === 'function' ? parentVal.call(this, this) : parentVal - ) - } - } else { - return function mergedInstanceDataFn () { - // instance merge - var instanceData = typeof childVal === 'function' - ? childVal.call(vm, vm) - : childVal; - var defaultData = typeof parentVal === 'function' - ? parentVal.call(vm, vm) - : parentVal; - if (instanceData) { - return mergeData(instanceData, defaultData) - } else { - return defaultData - } - } - } - } - - strats.data = function ( - parentVal, - childVal, - vm - ) { - if (!vm) { - if (childVal && typeof childVal !== 'function') { - warn( - 'The "data" option should be a function ' + - 'that returns a per-instance value in component ' + - 'definitions.', - vm - ); - - return parentVal - } - return mergeDataOrFn(parentVal, childVal) - } - - return mergeDataOrFn(parentVal, childVal, vm) - }; - - /** - * Hooks and props are merged as arrays. - */ - function mergeHook ( - parentVal, - childVal - ) { - var res = childVal - ? parentVal - ? parentVal.concat(childVal) - : Array.isArray(childVal) - ? childVal - : [childVal] - : parentVal; - return res - ? dedupeHooks(res) - : res - } - - function dedupeHooks (hooks) { - var res = []; - for (var i = 0; i < hooks.length; i++) { - if (res.indexOf(hooks[i]) === -1) { - res.push(hooks[i]); - } - } - return res - } - - LIFECYCLE_HOOKS.forEach(function (hook) { - strats[hook] = mergeHook; - }); - - /** - * Assets - * - * When a vm is present (instance creation), we need to do - * a three-way merge between constructor options, instance - * options and parent options. - */ - function mergeAssets ( - parentVal, - childVal, - vm, - key - ) { - var res = Object.create(parentVal || null); - if (childVal) { - assertObjectType(key, childVal, vm); - return extend(res, childVal) - } else { - return res - } - } - - ASSET_TYPES.forEach(function (type) { - strats[type + 's'] = mergeAssets; - }); - - /** - * Watchers. - * - * Watchers hashes should not overwrite one - * another, so we merge them as arrays. - */ - strats.watch = function ( - parentVal, - childVal, - vm, - key - ) { - // work around Firefox's Object.prototype.watch... - if (parentVal === nativeWatch) { parentVal = undefined; } - if (childVal === nativeWatch) { childVal = undefined; } - /* istanbul ignore if */ - if (!childVal) { return Object.create(parentVal || null) } - { - assertObjectType(key, childVal, vm); - } - if (!parentVal) { return childVal } - var ret = {}; - extend(ret, parentVal); - for (var key$1 in childVal) { - var parent = ret[key$1]; - var child = childVal[key$1]; - if (parent && !Array.isArray(parent)) { - parent = [parent]; - } - ret[key$1] = parent - ? parent.concat(child) - : Array.isArray(child) ? child : [child]; - } - return ret - }; - - /** - * Other object hashes. - */ - strats.props = - strats.methods = - strats.inject = - strats.computed = function ( - parentVal, - childVal, - vm, - key - ) { - if (childVal && "development" !== 'production') { - assertObjectType(key, childVal, vm); - } - if (!parentVal) { return childVal } - var ret = Object.create(null); - extend(ret, parentVal); - if (childVal) { extend(ret, childVal); } - return ret - }; - strats.provide = mergeDataOrFn; - - /** - * Default strategy. - */ - var defaultStrat = function (parentVal, childVal) { - return childVal === undefined - ? parentVal - : childVal - }; - - /** - * Validate component names - */ - function checkComponents (options) { - for (var key in options.components) { - validateComponentName(key); - } - } - - function validateComponentName (name) { - if (!new RegExp(("^[a-zA-Z][\\-\\.0-9_" + (unicodeRegExp.source) + "]*$")).test(name)) { - warn( - 'Invalid component name: "' + name + '". Component names ' + - 'should conform to valid custom element name in html5 specification.' - ); - } - if (isBuiltInTag(name) || config.isReservedTag(name)) { - warn( - 'Do not use built-in or reserved HTML elements as component ' + - 'id: ' + name - ); - } - } - - /** - * Ensure all props option syntax are normalized into the - * Object-based format. - */ - function normalizeProps (options, vm) { - var props = options.props; - if (!props) { return } - var res = {}; - var i, val, name; - if (Array.isArray(props)) { - i = props.length; - while (i--) { - val = props[i]; - if (typeof val === 'string') { - name = camelize(val); - res[name] = { type: null }; - } else { - warn('props must be strings when using array syntax.'); - } - } - } else if (isPlainObject(props)) { - for (var key in props) { - val = props[key]; - name = camelize(key); - res[name] = isPlainObject(val) - ? val - : { type: val }; - } - } else { - warn( - "Invalid value for option \"props\": expected an Array or an Object, " + - "but got " + (toRawType(props)) + ".", - vm - ); - } - options.props = res; - } - - /** - * Normalize all injections into Object-based format - */ - function normalizeInject (options, vm) { - var inject = options.inject; - if (!inject) { return } - var normalized = options.inject = {}; - if (Array.isArray(inject)) { - for (var i = 0; i < inject.length; i++) { - normalized[inject[i]] = { from: inject[i] }; - } - } else if (isPlainObject(inject)) { - for (var key in inject) { - var val = inject[key]; - normalized[key] = isPlainObject(val) - ? extend({ from: key }, val) - : { from: val }; - } - } else { - warn( - "Invalid value for option \"inject\": expected an Array or an Object, " + - "but got " + (toRawType(inject)) + ".", - vm - ); - } - } - - /** - * Normalize raw function directives into object format. - */ - function normalizeDirectives (options) { - var dirs = options.directives; - if (dirs) { - for (var key in dirs) { - var def$$1 = dirs[key]; - if (typeof def$$1 === 'function') { - dirs[key] = { bind: def$$1, update: def$$1 }; - } - } - } - } - - function assertObjectType (name, value, vm) { - if (!isPlainObject(value)) { - warn( - "Invalid value for option \"" + name + "\": expected an Object, " + - "but got " + (toRawType(value)) + ".", - vm - ); - } - } - - /** - * Merge two option objects into a new one. - * Core utility used in both instantiation and inheritance. - */ - function mergeOptions ( - parent, - child, - vm - ) { - { - checkComponents(child); - } - - if (typeof child === 'function') { - child = child.options; - } - - normalizeProps(child, vm); - normalizeInject(child, vm); - normalizeDirectives(child); - - // Apply extends and mixins on the child options, - // but only if it is a raw options object that isn't - // the result of another mergeOptions call. - // Only merged options has the _base property. - if (!child._base) { - if (child.extends) { - parent = mergeOptions(parent, child.extends, vm); - } - if (child.mixins) { - for (var i = 0, l = child.mixins.length; i < l; i++) { - parent = mergeOptions(parent, child.mixins[i], vm); - } - } - } - - var options = {}; - var key; - for (key in parent) { - mergeField(key); - } - for (key in child) { - if (!hasOwn(parent, key)) { - mergeField(key); - } - } - function mergeField (key) { - var strat = strats[key] || defaultStrat; - options[key] = strat(parent[key], child[key], vm, key); - } - return options - } - - /** - * Resolve an asset. - * This function is used because child instances need access - * to assets defined in its ancestor chain. - */ - function resolveAsset ( - options, - type, - id, - warnMissing - ) { - /* istanbul ignore if */ - if (typeof id !== 'string') { - return - } - var assets = options[type]; - // check local registration variations first - if (hasOwn(assets, id)) { return assets[id] } - var camelizedId = camelize(id); - if (hasOwn(assets, camelizedId)) { return assets[camelizedId] } - var PascalCaseId = capitalize(camelizedId); - if (hasOwn(assets, PascalCaseId)) { return assets[PascalCaseId] } - // fallback to prototype chain - var res = assets[id] || assets[camelizedId] || assets[PascalCaseId]; - if (warnMissing && !res) { - warn( - 'Failed to resolve ' + type.slice(0, -1) + ': ' + id, - options - ); - } - return res - } - - /* */ - - - - function validateProp ( - key, - propOptions, - propsData, - vm - ) { - var prop = propOptions[key]; - var absent = !hasOwn(propsData, key); - var value = propsData[key]; - // boolean casting - var booleanIndex = getTypeIndex(Boolean, prop.type); - if (booleanIndex > -1) { - if (absent && !hasOwn(prop, 'default')) { - value = false; - } else if (value === '' || value === hyphenate(key)) { - // only cast empty string / same name to boolean if - // boolean has higher priority - var stringIndex = getTypeIndex(String, prop.type); - if (stringIndex < 0 || booleanIndex < stringIndex) { - value = true; - } - } - } - // check default value - if (value === undefined) { - value = getPropDefaultValue(vm, prop, key); - // since the default value is a fresh copy, - // make sure to observe it. - var prevShouldObserve = shouldObserve; - toggleObserving(true); - observe(value); - toggleObserving(prevShouldObserve); - } - { - assertProp(prop, key, value, vm, absent); - } - return value - } - - /** - * Get the default value of a prop. - */ - function getPropDefaultValue (vm, prop, key) { - // no default, return undefined - if (!hasOwn(prop, 'default')) { - return undefined - } - var def = prop.default; - // warn against non-factory defaults for Object & Array - if (isObject(def)) { - warn( - 'Invalid default value for prop "' + key + '": ' + - 'Props with type Object/Array must use a factory function ' + - 'to return the default value.', - vm - ); - } - // the raw prop value was also undefined from previous render, - // return previous default value to avoid unnecessary watcher trigger - if (vm && vm.$options.propsData && - vm.$options.propsData[key] === undefined && - vm._props[key] !== undefined - ) { - return vm._props[key] - } - // call factory function for non-Function types - // a value is Function if its prototype is function even across different execution context - return typeof def === 'function' && getType(prop.type) !== 'Function' - ? def.call(vm) - : def - } - - /** - * Assert whether a prop is valid. - */ - function assertProp ( - prop, - name, - value, - vm, - absent - ) { - if (prop.required && absent) { - warn( - 'Missing required prop: "' + name + '"', - vm - ); - return - } - if (value == null && !prop.required) { - return - } - var type = prop.type; - var valid = !type || type === true; - var expectedTypes = []; - if (type) { - if (!Array.isArray(type)) { - type = [type]; - } - for (var i = 0; i < type.length && !valid; i++) { - var assertedType = assertType(value, type[i]); - expectedTypes.push(assertedType.expectedType || ''); - valid = assertedType.valid; - } - } - - if (!valid) { - warn( - getInvalidTypeMessage(name, value, expectedTypes), - vm - ); - return - } - var validator = prop.validator; - if (validator) { - if (!validator(value)) { - warn( - 'Invalid prop: custom validator check failed for prop "' + name + '".', - vm - ); - } - } - } - - var simpleCheckRE = /^(String|Number|Boolean|Function|Symbol)$/; - - function assertType (value, type) { - var valid; - var expectedType = getType(type); - if (simpleCheckRE.test(expectedType)) { - var t = typeof value; - valid = t === expectedType.toLowerCase(); - // for primitive wrapper objects - if (!valid && t === 'object') { - valid = value instanceof type; - } - } else if (expectedType === 'Object') { - valid = isPlainObject(value); - } else if (expectedType === 'Array') { - valid = Array.isArray(value); - } else { - valid = value instanceof type; - } - return { - valid: valid, - expectedType: expectedType - } - } - - /** - * Use function string name to check built-in types, - * because a simple equality check will fail when running - * across different vms / iframes. - */ - function getType (fn) { - var match = fn && fn.toString().match(/^\s*function (\w+)/); - return match ? match[1] : '' - } - - function isSameType (a, b) { - return getType(a) === getType(b) - } - - function getTypeIndex (type, expectedTypes) { - if (!Array.isArray(expectedTypes)) { - return isSameType(expectedTypes, type) ? 0 : -1 - } - for (var i = 0, len = expectedTypes.length; i < len; i++) { - if (isSameType(expectedTypes[i], type)) { - return i - } - } - return -1 - } - - function getInvalidTypeMessage (name, value, expectedTypes) { - var message = "Invalid prop: type check failed for prop \"" + name + "\"." + - " Expected " + (expectedTypes.map(capitalize).join(', ')); - var expectedType = expectedTypes[0]; - var receivedType = toRawType(value); - var expectedValue = styleValue(value, expectedType); - var receivedValue = styleValue(value, receivedType); - // check if we need to specify expected value - if (expectedTypes.length === 1 && - isExplicable(expectedType) && - !isBoolean(expectedType, receivedType)) { - message += " with value " + expectedValue; - } - message += ", got " + receivedType + " "; - // check if we need to specify received value - if (isExplicable(receivedType)) { - message += "with value " + receivedValue + "."; - } - return message - } - - function styleValue (value, type) { - if (type === 'String') { - return ("\"" + value + "\"") - } else if (type === 'Number') { - return ("" + (Number(value))) - } else { - return ("" + value) - } - } - - function isExplicable (value) { - var explicitTypes = ['string', 'number', 'boolean']; - return explicitTypes.some(function (elem) { return value.toLowerCase() === elem; }) - } - - function isBoolean () { - var args = [], len = arguments.length; - while ( len-- ) args[ len ] = arguments[ len ]; - - return args.some(function (elem) { return elem.toLowerCase() === 'boolean'; }) - } - - /* */ - - function handleError (err, vm, info) { - // Deactivate deps tracking while processing error handler to avoid possible infinite rendering. - // See: https://github.com/vuejs/vuex/issues/1505 - pushTarget(); - try { - if (vm) { - var cur = vm; - while ((cur = cur.$parent)) { - var hooks = cur.$options.errorCaptured; - if (hooks) { - for (var i = 0; i < hooks.length; i++) { - try { - var capture = hooks[i].call(cur, err, vm, info) === false; - if (capture) { return } - } catch (e) { - globalHandleError(e, cur, 'errorCaptured hook'); - } - } - } - } - } - globalHandleError(err, vm, info); - } finally { - popTarget(); - } - } - - function invokeWithErrorHandling ( - handler, - context, - args, - vm, - info - ) { - var res; - try { - res = args ? handler.apply(context, args) : handler.call(context); - if (res && !res._isVue && isPromise(res) && !res._handled) { - res.catch(function (e) { return handleError(e, vm, info + " (Promise/async)"); }); - // issue #9511 - // avoid catch triggering multiple times when nested calls - res._handled = true; - } - } catch (e) { - handleError(e, vm, info); - } - return res - } - - function globalHandleError (err, vm, info) { - if (config.errorHandler) { - try { - return config.errorHandler.call(null, err, vm, info) - } catch (e) { - // if the user intentionally throws the original error in the handler, - // do not log it twice - if (e !== err) { - logError(e, null, 'config.errorHandler'); - } - } - } - logError(err, vm, info); - } - - function logError (err, vm, info) { - { - warn(("Error in " + info + ": \"" + (err.toString()) + "\""), vm); - } - /* istanbul ignore else */ - if ((inBrowser || inWeex) && typeof console !== 'undefined') { - console.error(err); - } else { - throw err - } - } - - /* */ - - var isUsingMicroTask = false; - - var callbacks = []; - var pending = false; - - function flushCallbacks () { - pending = false; - var copies = callbacks.slice(0); - callbacks.length = 0; - for (var i = 0; i < copies.length; i++) { - copies[i](); - } - } - - // Here we have async deferring wrappers using microtasks. - // In 2.5 we used (macro) tasks (in combination with microtasks). - // However, it has subtle problems when state is changed right before repaint - // (e.g. #6813, out-in transitions). - // Also, using (macro) tasks in event handler would cause some weird behaviors - // that cannot be circumvented (e.g. #7109, #7153, #7546, #7834, #8109). - // So we now use microtasks everywhere, again. - // A major drawback of this tradeoff is that there are some scenarios - // where microtasks have too high a priority and fire in between supposedly - // sequential events (e.g. #4521, #6690, which have workarounds) - // or even between bubbling of the same event (#6566). - var timerFunc; - - // The nextTick behavior leverages the microtask queue, which can be accessed - // via either native Promise.then or MutationObserver. - // MutationObserver has wider support, however it is seriously bugged in - // UIWebView in iOS >= 9.3.3 when triggered in touch event handlers. It - // completely stops working after triggering a few times... so, if native - // Promise is available, we will use it: - /* istanbul ignore next, $flow-disable-line */ - if (typeof Promise !== 'undefined' && isNative(Promise)) { - var p = Promise.resolve(); - timerFunc = function () { - p.then(flushCallbacks); - // In problematic UIWebViews, Promise.then doesn't completely break, but - // it can get stuck in a weird state where callbacks are pushed into the - // microtask queue but the queue isn't being flushed, until the browser - // needs to do some other work, e.g. handle a timer. Therefore we can - // "force" the microtask queue to be flushed by adding an empty timer. - if (isIOS) { setTimeout(noop); } - }; - isUsingMicroTask = true; - } else if (!isIE && typeof MutationObserver !== 'undefined' && ( - isNative(MutationObserver) || - // PhantomJS and iOS 7.x - MutationObserver.toString() === '[object MutationObserverConstructor]' - )) { - // Use MutationObserver where native Promise is not available, - // e.g. PhantomJS, iOS7, Android 4.4 - // (#6466 MutationObserver is unreliable in IE11) - var counter = 1; - var observer = new MutationObserver(flushCallbacks); - var textNode = document.createTextNode(String(counter)); - observer.observe(textNode, { - characterData: true - }); - timerFunc = function () { - counter = (counter + 1) % 2; - textNode.data = String(counter); - }; - isUsingMicroTask = true; - } else if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) { - // Fallback to setImmediate. - // Techinically it leverages the (macro) task queue, - // but it is still a better choice than setTimeout. - timerFunc = function () { - setImmediate(flushCallbacks); - }; - } else { - // Fallback to setTimeout. - timerFunc = function () { - setTimeout(flushCallbacks, 0); - }; - } - - function nextTick (cb, ctx) { - var _resolve; - callbacks.push(function () { - if (cb) { - try { - cb.call(ctx); - } catch (e) { - handleError(e, ctx, 'nextTick'); - } - } else if (_resolve) { - _resolve(ctx); - } - }); - if (!pending) { - pending = true; - timerFunc(); - } - // $flow-disable-line - if (!cb && typeof Promise !== 'undefined') { - return new Promise(function (resolve) { - _resolve = resolve; - }) - } - } - - /* */ - - var mark; - var measure; - - { - var perf = inBrowser && window.performance; - /* istanbul ignore if */ - if ( - perf && - perf.mark && - perf.measure && - perf.clearMarks && - perf.clearMeasures - ) { - mark = function (tag) { return perf.mark(tag); }; - measure = function (name, startTag, endTag) { - perf.measure(name, startTag, endTag); - perf.clearMarks(startTag); - perf.clearMarks(endTag); - // perf.clearMeasures(name) - }; - } - } - - /* not type checking this file because flow doesn't play well with Proxy */ - - var initProxy; - - { - var allowedGlobals = makeMap( - 'Infinity,undefined,NaN,isFinite,isNaN,' + - 'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' + - 'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' + - 'require' // for Webpack/Browserify - ); - - var warnNonPresent = function (target, key) { - warn( - "Property or method \"" + key + "\" is not defined on the instance but " + - 'referenced during render. Make sure that this property is reactive, ' + - 'either in the data option, or for class-based components, by ' + - 'initializing the property. ' + - 'See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.', - target - ); - }; - - var warnReservedPrefix = function (target, key) { - warn( - "Property \"" + key + "\" must be accessed with \"$data." + key + "\" because " + - 'properties starting with "$" or "_" are not proxied in the Vue instance to ' + - 'prevent conflicts with Vue internals' + - 'See: https://vuejs.org/v2/api/#data', - target - ); - }; - - var hasProxy = - typeof Proxy !== 'undefined' && isNative(Proxy); - - if (hasProxy) { - var isBuiltInModifier = makeMap('stop,prevent,self,ctrl,shift,alt,meta,exact'); - config.keyCodes = new Proxy(config.keyCodes, { - set: function set (target, key, value) { - if (isBuiltInModifier(key)) { - warn(("Avoid overwriting built-in modifier in config.keyCodes: ." + key)); - return false - } else { - target[key] = value; - return true - } - } - }); - } - - var hasHandler = { - has: function has (target, key) { - var has = key in target; - var isAllowed = allowedGlobals(key) || - (typeof key === 'string' && key.charAt(0) === '_' && !(key in target.$data)); - if (!has && !isAllowed) { - if (key in target.$data) { warnReservedPrefix(target, key); } - else { warnNonPresent(target, key); } - } - return has || !isAllowed - } - }; - - var getHandler = { - get: function get (target, key) { - if (typeof key === 'string' && !(key in target)) { - if (key in target.$data) { warnReservedPrefix(target, key); } - else { warnNonPresent(target, key); } - } - return target[key] - } - }; - - initProxy = function initProxy (vm) { - if (hasProxy) { - // determine which proxy handler to use - var options = vm.$options; - var handlers = options.render && options.render._withStripped - ? getHandler - : hasHandler; - vm._renderProxy = new Proxy(vm, handlers); - } else { - vm._renderProxy = vm; - } - }; - } - - /* */ - - var seenObjects = new _Set(); - - /** - * Recursively traverse an object to evoke all converted - * getters, so that every nested property inside the object - * is collected as a "deep" dependency. - */ - function traverse (val) { - _traverse(val, seenObjects); - seenObjects.clear(); - } - - function _traverse (val, seen) { - var i, keys; - var isA = Array.isArray(val); - if ((!isA && !isObject(val)) || Object.isFrozen(val) || val instanceof VNode) { - return - } - if (val.__ob__) { - var depId = val.__ob__.dep.id; - if (seen.has(depId)) { - return - } - seen.add(depId); - } - if (isA) { - i = val.length; - while (i--) { _traverse(val[i], seen); } - } else { - keys = Object.keys(val); - i = keys.length; - while (i--) { _traverse(val[keys[i]], seen); } - } - } - - /* */ - - var normalizeEvent = cached(function (name) { - var passive = name.charAt(0) === '&'; - name = passive ? name.slice(1) : name; - var once$$1 = name.charAt(0) === '~'; // Prefixed last, checked first - name = once$$1 ? name.slice(1) : name; - var capture = name.charAt(0) === '!'; - name = capture ? name.slice(1) : name; - return { - name: name, - once: once$$1, - capture: capture, - passive: passive - } - }); - - function createFnInvoker (fns, vm) { - function invoker () { - var arguments$1 = arguments; - - var fns = invoker.fns; - if (Array.isArray(fns)) { - var cloned = fns.slice(); - for (var i = 0; i < cloned.length; i++) { - invokeWithErrorHandling(cloned[i], null, arguments$1, vm, "v-on handler"); - } - } else { - // return handler return value for single handlers - return invokeWithErrorHandling(fns, null, arguments, vm, "v-on handler") - } - } - invoker.fns = fns; - return invoker - } - - function updateListeners ( - on, - oldOn, - add, - remove$$1, - createOnceHandler, - vm - ) { - var name, def$$1, cur, old, event; - for (name in on) { - def$$1 = cur = on[name]; - old = oldOn[name]; - event = normalizeEvent(name); - if (isUndef(cur)) { - warn( - "Invalid handler for event \"" + (event.name) + "\": got " + String(cur), - vm - ); - } else if (isUndef(old)) { - if (isUndef(cur.fns)) { - cur = on[name] = createFnInvoker(cur, vm); - } - if (isTrue(event.once)) { - cur = on[name] = createOnceHandler(event.name, cur, event.capture); - } - add(event.name, cur, event.capture, event.passive, event.params); - } else if (cur !== old) { - old.fns = cur; - on[name] = old; - } - } - for (name in oldOn) { - if (isUndef(on[name])) { - event = normalizeEvent(name); - remove$$1(event.name, oldOn[name], event.capture); - } - } - } - - /* */ - - function mergeVNodeHook (def, hookKey, hook) { - if (def instanceof VNode) { - def = def.data.hook || (def.data.hook = {}); - } - var invoker; - var oldHook = def[hookKey]; - - function wrappedHook () { - hook.apply(this, arguments); - // important: remove merged hook to ensure it's called only once - // and prevent memory leak - remove(invoker.fns, wrappedHook); - } - - if (isUndef(oldHook)) { - // no existing hook - invoker = createFnInvoker([wrappedHook]); - } else { - /* istanbul ignore if */ - if (isDef(oldHook.fns) && isTrue(oldHook.merged)) { - // already a merged invoker - invoker = oldHook; - invoker.fns.push(wrappedHook); - } else { - // existing plain hook - invoker = createFnInvoker([oldHook, wrappedHook]); - } - } - - invoker.merged = true; - def[hookKey] = invoker; - } - - /* */ - - function extractPropsFromVNodeData ( - data, - Ctor, - tag - ) { - // we are only extracting raw values here. - // validation and default values are handled in the child - // component itself. - var propOptions = Ctor.options.props; - if (isUndef(propOptions)) { - return - } - var res = {}; - var attrs = data.attrs; - var props = data.props; - if (isDef(attrs) || isDef(props)) { - for (var key in propOptions) { - var altKey = hyphenate(key); - { - var keyInLowerCase = key.toLowerCase(); - if ( - key !== keyInLowerCase && - attrs && hasOwn(attrs, keyInLowerCase) - ) { - tip( - "Prop \"" + keyInLowerCase + "\" is passed to component " + - (formatComponentName(tag || Ctor)) + ", but the declared prop name is" + - " \"" + key + "\". " + - "Note that HTML attributes are case-insensitive and camelCased " + - "props need to use their kebab-case equivalents when using in-DOM " + - "templates. You should probably use \"" + altKey + "\" instead of \"" + key + "\"." - ); - } - } - checkProp(res, props, key, altKey, true) || - checkProp(res, attrs, key, altKey, false); - } - } - return res - } - - function checkProp ( - res, - hash, - key, - altKey, - preserve - ) { - if (isDef(hash)) { - if (hasOwn(hash, key)) { - res[key] = hash[key]; - if (!preserve) { - delete hash[key]; - } - return true - } else if (hasOwn(hash, altKey)) { - res[key] = hash[altKey]; - if (!preserve) { - delete hash[altKey]; - } - return true - } - } - return false - } - - /* */ - - // The template compiler attempts to minimize the need for normalization by - // statically analyzing the template at compile time. - // - // For plain HTML markup, normalization can be completely skipped because the - // generated render function is guaranteed to return Array. There are - // two cases where extra normalization is needed: - - // 1. When the children contains components - because a functional component - // may return an Array instead of a single root. In this case, just a simple - // normalization is needed - if any child is an Array, we flatten the whole - // thing with Array.prototype.concat. It is guaranteed to be only 1-level deep - // because functional components already normalize their own children. - function simpleNormalizeChildren (children) { - for (var i = 0; i < children.length; i++) { - if (Array.isArray(children[i])) { - return Array.prototype.concat.apply([], children) - } - } - return children - } - - // 2. When the children contains constructs that always generated nested Arrays, - // e.g.