vue2-client 1.1.0 → 1.2.2

package/.eslintrc.js

@@ -1,81 +1,81 @@
-module.exports = {
-  root: true,
-  env: {
-    node: true
-  },
-  'extends': [
-    'plugin:vue/essential',
-    'plugin:vue/strongly-recommended',
-    '@vue/standard'
-  ],
-  rules: {
-    'no-console': 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'generator-star-spacing': 'off',
-    'no-mixed-operators': 0,
-    'vue/max-attributes-per-line': [
-      2,
-      {
-        'singleline': 5,
-        'multiline': {
-          'max': 1,
-          'allowFirstLine': false
-        }
-      }
-    ],
-    'vue/attribute-hyphenation': 0,
-    'vue/html-self-closing': 0,
-    'vue/component-name-in-template-casing': 0,
-    'vue/html-closing-bracket-spacing': 0,
-    'vue/singleline-html-element-content-newline': 0,
-    'vue/no-unused-components': 0,
-    'vue/multiline-html-element-content-newline': 0,
-    'vue/no-use-v-if-with-v-for': 0,
-    'vue/html-closing-bracket-newline': 0,
-    'vue/no-parsing-error': 0,
-    'vue/name-property-casing': 0,
-    'no-tabs': 0,
-    'quotes': [
-      2,
-      'single',
-      {
-        'avoidEscape': true,
-        'allowTemplateLiterals': true
-      }
-    ],
-    'semi': [
-      2,
-      'never',
-      {
-        'beforeStatementContinuationChars': 'never'
-      }
-    ],
-    'no-delete-var': 2,
-    'prefer-const': [
-      2,
-      {
-        'ignoreReadBeforeAssign': false
-      }
-    ],
-    'template-curly-spacing': 'off',
-    'indent': 'off',
-    // 必须使用全等: false
-    'eqeqeq': 0,
-    // 可以使用!! 双重否定
-    'no-extra-boolean-cast': 'off'
-  },
-  parserOptions: {
-    parser: 'babel-eslint'
-  },
-  overrides: [
-    {
-      files: [
-        '**/__tests__/*.{j,t}s?(x)',
-        '**/tests/unit/**/*.spec.{j,t}s?(x)'
-      ],
-      env: {
-        jest: true
-      }
-    }
-  ]
-}
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  'extends': [
+    'plugin:vue/essential',
+    'plugin:vue/strongly-recommended',
+    '@vue/standard'
+  ],
+  rules: {
+    'no-console': 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'generator-star-spacing': 'off',
+    'no-mixed-operators': 0,
+    'vue/max-attributes-per-line': [
+      2,
+      {
+        'singleline': 5,
+        'multiline': {
+          'max': 1,
+          'allowFirstLine': false
+        }
+      }
+    ],
+    'vue/attribute-hyphenation': 0,
+    'vue/html-self-closing': 0,
+    'vue/component-name-in-template-casing': 0,
+    'vue/html-closing-bracket-spacing': 0,
+    'vue/singleline-html-element-content-newline': 0,
+    'vue/no-unused-components': 0,
+    'vue/multiline-html-element-content-newline': 0,
+    'vue/no-use-v-if-with-v-for': 0,
+    'vue/html-closing-bracket-newline': 0,
+    'vue/no-parsing-error': 0,
+    'vue/name-property-casing': 0,
+    'no-tabs': 0,
+    'quotes': [
+      2,
+      'single',
+      {
+        'avoidEscape': true,
+        'allowTemplateLiterals': true
+      }
+    ],
+    'semi': [
+      2,
+      'never',
+      {
+        'beforeStatementContinuationChars': 'never'
+      }
+    ],
+    'no-delete-var': 2,
+    'prefer-const': [
+      2,
+      {
+        'ignoreReadBeforeAssign': false
+      }
+    ],
+    'template-curly-spacing': 'off',
+    'indent': 'off',
+    // 必须使用全等: false
+    'eqeqeq': 0,
+    // 可以使用!! 双重否定
+    'no-extra-boolean-cast': 'off'
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)'
+      ],
+      env: {
+        jest: true
+      }
+    }
+  ]
+}

package/README.md

@@ -1,63 +1,65 @@
-# vue2-client
-
-基于Vue Antd Admin封装的通用基础组件
-
-## 完整引入
-
-```javascript
-import Vue from 'vue'
-import App from './App.vue'
-import Router from 'vue-router'
-import Vuex from 'vuex'
-import '@/mock'
-import { routerOptions, modules, i18n, message, bootstrap } from 'vue2-client/index'
-
-Vue.use(Router)
-Vue.use(Vuex)
-// 创建router store
-const store = new Vuex.Store({ modules })
-const router = new Router(routerOptions)
-
-bootstrap({ router, store, i18n, message })
-new Vue({
-  router,
-  store,
-  i18n,
-  render: h => h(App)
-}).$mount('#app')
-
-```
-
-## 目录结构
-
-  ```
-  ├── docs                     # 文档
-  ├── public
-  │   └── favicon.png          # favicon
-  │   └── index.html           # 入口 HTML
-  ├── src
-  │   ├── assets               # 本地静态资源
-  │   ├── base-client          # 基础组件和基础vue插件(全局注册)
-  │   ├── components           # 内置通用组件(按需引入)
-  │   ├── config               # 系统配置
-  │   ├── layouts              # 通用布局组件(按需引入)
-  │   ├── mock                 # 本地 mock 数据
-  │   ├── pages                # 页面组件
-  │   ├── router               # 路由配置
-  │   ├── services             # 数据服务模块
-  │   ├── store                # vuex 状态管理配置
-  │   ├── theme                # 主题样式相关
-  │   ├── utils                # js 工具
-  │   ├── App.vue              # 应用入口组件
-  │   ├── bootstrap.js         # 应用启动引导js
-  │   ├── index.js             # 应用导出js
-  │   └── main.js              # 应用入口js
-  ├── tests                    # 单元测试  
-  ├── package.json             # package.json
-  ├── README.md                # README.md
-  └── vue.config.js            # vue 配置文件
-  ```
-
-## 文档入口
-
-[入口](docs/index.md)
+# vue2-client
+
+基于Vue Antd Admin封装的通用基础组件
+
+## 完整引入
+
+```javascript
+import Vue from 'vue'
+import App from './App.vue'
+import Router from 'vue-router'
+import Vuex from 'vuex'
+import '@vue2-client/mock'
+import { routerOptions, modules, i18n, message, bootstrap } from 'vue2-client'
+
+Vue.use(Router)
+Vue.use(Vuex)
+// 创建router store
+const store = new Vuex.Store({ modules })
+const router = new Router(routerOptions)
+
+bootstrap({ router, store, i18n, message })
+new Vue({
+  router,
+  store,
+  i18n,
+  render: h => h(App)
+}).$mount('#app')
+
+注意引入项目请添加webpack别名配置
+config.resolve.alias.set('@vue2-client', path.resolve(__dirname, 'node_modules/vue2-client/src'))
+```
+
+## 目录结构
+
+  ```
+  ├── docs                     # 文档
+  ├── public
+  │   └── favicon.png          # favicon
+  │   └── index.html           # 入口 HTML
+  ├── src
+  │   ├── assets               # 本地静态资源
+  │   ├── base-client          # 基础组件和基础vue插件(全局注册)
+  │   ├── components           # 内置通用组件(按需引入)
+  │   ├── config               # 系统配置
+  │   ├── layouts              # 通用布局组件(按需引入)
+  │   ├── mock                 # 本地 mock 数据
+  │   ├── pages                # 页面组件
+  │   ├── router               # 路由配置
+  │   ├── services             # 数据服务模块
+  │   ├── store                # vuex 状态管理配置
+  │   ├── theme                # 主题样式相关
+  │   ├── utils                # js 工具
+  │   ├── App.vue              # 应用入口组件
+  │   ├── bootstrap.js         # 应用启动引导js
+  │   ├── index.js             # 应用导出js
+  │   └── main.js              # 应用入口js
+  ├── tests                    # 单元测试  
+  ├── package.json             # package.json
+  ├── README.md                # README.md
+  └── vue.config.js            # vue 配置文件
+  ```
+
+## 文档入口
+
+[入口](docs/index.md)

package/babel.config.js

@@ -1,14 +1,15 @@
-const IS_PROD = ['production', 'prod'].includes(process.env.NODE_ENV)
-
-const plugins = []
-if (IS_PROD) {
-  plugins.push('transform-remove-console')
-}
-
-module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset',
-    ['@vue/babel-preset-jsx', { 'injectH': false }]
-  ],
-  plugins
-}
+const IS_PROD = ['production', 'prod'].includes(process.env.NODE_ENV)
+
+const plugins = []
+if (IS_PROD) {
+  // 在生产环境去掉console打印
+  plugins.push('transform-remove-console')
+}
+
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset',
+    ['@vue/babel-preset-jsx', { 'injectH': false }]
+  ],
+  plugins
+}

package/docs/index.md

@@ -1,29 +1,29 @@
-## 文档列表
-### common
-* [CreateQuery 完整查询配置生成](../src/base-client/components/common/CreateQuery/index.md)
-* [CreateSimpleFormQuery 基础表单配置生成](../src/base-client/components/common/CreateSimpleFormQuery/index.md)
-* [CustomColumnsDrawer 自定义表格列](../src/base-client/components/common/CustomColumnsDrawer/index.md)
-* [FormGroupEdit 表单参数组配置编辑](../src/base-client/components/common/FormGroupEdit/index.md)
-* [FormGroupQuery 表单参数组配置生成](../src/base-client/components/common/FormGroupQuery/index.md)
-* [XAddForm 动态新增/修改表单控件，根据JSON配置生成一个完整的可供新增/修改数据的动态表单](../src/base-client/components/common/XAddForm/index.md)
-* [XBadge 重封装徽标](../src/base-client/components/common/XBadge/index.md)
-* [XCard 通用数据加载状态管理容器](../src/base-client/components/common/XCard/index.md)
-* [XForm 动态表单控件，根据JSON配置生成一个完整的动态表单](../src/base-client/components/common/XForm/index.md)
-* [XFormCol 适用于表单的通用响应式栅格a-col封装](../src/base-client/components/common/XFormCol/index.md)
-* [XFormTable 动态查询控件，进一步整合了XTable和XForm](../src/base-client/components/common/XFormTable/index.md)
-* [XTable 动态表格控件，根据JSON配置生成一个完整的动态表格](../src/base-client/components/common/XTable/index.md)
-
-### iot
-* [CustomerDetailsView 客户详情页](../src/base-client/components/iot/CustomerDetailsView/index.md)
-* [DeviceDetailsView 档案详情页](../src/base-client/components/iot/DeviceDetailsView/index.md)
-* [InstructDetailsView 指令详情页](../src/base-client/components/iot/InstructDetailsView/index.md)
-* [LogDetailsView 日志详情页](../src/base-client/components/iot/LogDetailsView/index.md)
-* [MeterDetailsView 单个表具档案](../src/base-client/components/iot/MeterDetailsView/index.md)
-
-### system
-* [DictionaryDetailsView 字典详情页](../src/base-client/components/system/DictionaryDetailsView/index.md)
-
-### ticket
-* [EmployeeDetailsView 员工详情页](../src/base-client/components/ticket/EmployeeDetailsView/index.md)
-* [TicketDetailsView 工单详情页](../src/base-client/components/ticket/TicketDetailsView/index.md)
-* [TicketSubmitSuccessView 单个工单详情页](../src/base-client/components/ticket/TicketSubmitSuccessView/index.md)
+## 文档列表
+### common
+* [CreateQuery 完整查询配置生成](../src/base-client/components/common/CreateQuery/index.md)
+* [CreateSimpleFormQuery 基础表单配置生成](../src/base-client/components/common/CreateSimpleFormQuery/index.md)
+* [CustomColumnsDrawer 自定义表格列](../src/base-client/components/common/CustomColumnsDrawer/index.md)
+* [FormGroupEdit 表单参数组配置编辑](../src/base-client/components/common/FormGroupEdit/index.md)
+* [FormGroupQuery 表单参数组配置生成](../src/base-client/components/common/FormGroupQuery/index.md)
+* [XAddForm 动态新增/修改表单控件，根据JSON配置生成一个完整的可供新增/修改数据的动态表单](../src/base-client/components/common/XAddForm/index.md)
+* [XBadge 重封装徽标](../src/base-client/components/common/XBadge/index.md)
+* [XCard 通用数据加载状态管理容器](../src/base-client/components/common/XCard/index.md)
+* [XForm 动态表单控件，根据JSON配置生成一个完整的动态表单](../src/base-client/components/common/XForm/index.md)
+* [XFormCol 适用于表单的通用响应式栅格a-col封装](../src/base-client/components/common/XFormCol/index.md)
+* [XFormTable 动态查询控件，进一步整合了XTable和XForm](../src/base-client/components/common/XFormTable/index.md)
+* [XTable 动态表格控件，根据JSON配置生成一个完整的动态表格](../src/base-client/components/common/XTable/index.md)
+
+### iot
+* [CustomerDetailsView 客户详情页](../src/base-client/components/iot/CustomerDetailsView/index.md)
+* [DeviceDetailsView 档案详情页](../src/base-client/components/iot/DeviceDetailsView/index.md)
+* [InstructDetailsView 指令详情页](../src/base-client/components/iot/InstructDetailsView/index.md)
+* [LogDetailsView 日志详情页](../src/base-client/components/iot/LogDetailsView/index.md)
+* [MeterDetailsView 单个表具档案](../src/base-client/components/iot/MeterDetailsView/index.md)
+
+### system
+* [DictionaryDetailsView 字典详情页](../src/base-client/components/system/DictionaryDetailsView/index.md)
+
+### ticket
+* [EmployeeDetailsView 员工详情页](../src/base-client/components/ticket/EmployeeDetailsView/index.md)
+* [TicketDetailsView 工单详情页](../src/base-client/components/ticket/TicketDetailsView/index.md)
+* [TicketSubmitSuccessView 单个工单详情页](../src/base-client/components/ticket/TicketSubmitSuccessView/index.md)

package/docs/notice.md

@@ -0,0 +1,22 @@
+# 开发规范(持续跟新)
+## 引入各种文件时,必须写绝对路径, 不允许写相对路径
+```js
+// 引自己项目时文件时,  @ 表示自己项目的src目录
+import('@vue2-client/pages/system/queryParams')
+```
+## 编写vue文件的样式时, 必须使用less, 样式必须在最外层添加当前页面html的id, id与vue文件名相同
+```vue
+helloWorld.vue
+<template>
+  <div id="helloWorld">
+  
+  </div>
+</template>
+
+<style lang="less">
+ #helloWorld{
+  /*写自己的样式*/
+ }
+</style>
+```
+

package/index.js

@@ -0,0 +1,28 @@
+import Vue from 'vue'
+import { initRouter } from '@vue2-client/router'
+import { initI18n } from '@vue2-client/utils/i18n'
+import bootstrap from '@vue2-client/bootstrap'
+import { modules } from '@vue2-client/store'
+import '@vue2-client/theme/index.less'
+import '@vue2-client/base-client/all'
+import '@vue2-client/utils/filter'
+import 'animate.css/source/animate.css'
+import 'moment/locale/zh-cn'
+import Antd from 'ant-design-vue'
+import Viser from 'viser-vue'
+
+const routerOptions = initRouter()
+const i18n = initI18n('CN', 'US')
+
+Vue.use(Antd)
+Vue.use(Viser)
+Vue.config.productionTip = false
+const message = Vue.prototype.$message
+
+export {
+  routerOptions,
+  modules,
+  i18n,
+  message,
+  bootstrap
+}

package/jest.config.js

@@ -1,3 +1,3 @@
-module.exports = {
-  preset: '@vue/cli-plugin-unit-jest'
-}
+module.exports = {
+  preset: '@vue/cli-plugin-unit-jest'
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.1.0",
+  "version": "1.2.2",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/public/index.html

@@ -1,27 +1,27 @@
-<!DOCTYPE html>
-<html lang="en" class="beauty-scroll">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= process.env.VUE_APP_NAME %></title>
-    <!-- require cdn assets css -->
-    <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
-      <link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" />
-    <% } %>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="popContainer" class="beauty-scroll" style="height: 100vh; overflow-y: scroll">
-      <div id="app"></div>
-    </div>
-    <!-- require cdn assets js -->
-    <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
-      <script type="text/javascript" src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
-    <% } %>
-    <!-- built files will be auto injected -->
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en" class="beauty-scroll">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= process.env.VUE_APP_NAME %></title>
+    <!-- require cdn assets css -->
+    <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
+      <link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" />
+    <% } %>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="popContainer" class="beauty-scroll" style="height: 100vh; overflow-y: scroll">
+      <div id="app"></div>
+    </div>
+    <!-- require cdn assets js -->
+    <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
+      <script type="text/javascript" src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
+    <% } %>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

package/src/App.vue

@@ -7,8 +7,8 @@
 <script>
 import { enquireScreen } from './utils/util'
 import { mapState, mapMutations } from 'vuex'
-import themeUtil from '@/utils/themeUtil'
-import { getI18nKey } from '@/utils/routerUtil'
+import themeUtil from '@vue2-client/utils/themeUtil'
+import { getI18nKey } from '@vue2-client/utils/routerUtil'
 
 export default {
   name: 'App',