vue2-client 1.8.259 → 1.8.261

package/Components.md

@@ -1,60 +1,60 @@
-# vue2基础组件库组件介绍
-
-## XAddForm
-
-基于XAddNativeForm二次封装的动态表单的Modal形式
-
-[使用文档](src/base-client/components/common/XAddForm/index.md)
-
-## XAddNativeForm
-
-通过JSON配置动态生成的数据保存表单
-
-[使用文档](src/base-client/components/common/XAddNativeForm/index.md)
-
-## XBadge
-
-对antdv的badge组件进行重封装
-
-[使用文档](src/base-client/components/common/XBadge/index.md)
-
-## XCard
-
-通用数据加载状态管理容器
-
-提供一个可以根据数据加载状态显示不同内容的通用容器
-当loadState为loading时，显示骨架屏（加载界面）
-当loadState为success时，显示容器内容
-当loadState为error时，显示点击重新加载数据的提示界面
-
-[使用文档](src/base-client/components/common/XCard/index.md)
-
-## XForm
-
-通过JSON配置动态生成的数据筛选查询表单
-
-[使用文档](src/base-client/components/common/XForm/index.md)
-
-## XTable
-
-通过JSON配置动态生成的数据表格
-
-[使用文档](src/base-client/components/common/XTable/index.md)
-
-## XFormCol
-
-适用于动态表单的可以自适应各种分辨率设备的栅格组件封装
-
-[使用文档](src/base-client/components/common/XFormCol/index.md)
-
-## XFormTable
-
-对XAddForm，XForm和XTable组件的二次封装，实现通过JSON配置动态生成一个完整的实体操作页面
-
-[使用文档](src/base-client/components/common/XFormTable/index.md)
-
-## XImportExcel
-
-通用的导入excel组件
-
-[使用文档](src/base-client/components/common/XImportExcel/index.md)
+# vue2基础组件库组件介绍
+
+## XAddForm
+
+基于XAddNativeForm二次封装的动态表单的Modal形式
+
+[使用文档](src/base-client/components/common/XAddForm/index.md)
+
+## XAddNativeForm
+
+通过JSON配置动态生成的数据保存表单
+
+[使用文档](src/base-client/components/common/XAddNativeForm/index.md)
+
+## XBadge
+
+对antdv的badge组件进行重封装
+
+[使用文档](src/base-client/components/common/XBadge/index.md)
+
+## XCard
+
+通用数据加载状态管理容器
+
+提供一个可以根据数据加载状态显示不同内容的通用容器
+当loadState为loading时，显示骨架屏（加载界面）
+当loadState为success时，显示容器内容
+当loadState为error时，显示点击重新加载数据的提示界面
+
+[使用文档](src/base-client/components/common/XCard/index.md)
+
+## XForm
+
+通过JSON配置动态生成的数据筛选查询表单
+
+[使用文档](src/base-client/components/common/XForm/index.md)
+
+## XTable
+
+通过JSON配置动态生成的数据表格
+
+[使用文档](src/base-client/components/common/XTable/index.md)
+
+## XFormCol
+
+适用于动态表单的可以自适应各种分辨率设备的栅格组件封装
+
+[使用文档](src/base-client/components/common/XFormCol/index.md)
+
+## XFormTable
+
+对XAddForm，XForm和XTable组件的二次封装，实现通过JSON配置动态生成一个完整的实体操作页面
+
+[使用文档](src/base-client/components/common/XFormTable/index.md)
+
+## XImportExcel
+
+通用的导入excel组件
+
+[使用文档](src/base-client/components/common/XImportExcel/index.md)

package/babel.config.js

@@ -1,21 +1,21 @@
-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,
-  env: {
-    test: {
-      presets: ['@babel/preset-env'],
-      plugins: ['istanbul']
-    }
-  }
-}
+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,
+  env: {
+    test: {
+      presets: ['@babel/preset-env'],
+      plugins: ['istanbul']
+    }
+  }
+}

package/docs/index.md

@@ -1,30 +1,30 @@
-## 文档列表
-### 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)
-* [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)
+* [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/lowcode.md

@@ -1,188 +1,188 @@
-# 奥枫低代码平台
-
-> 奥枫低代码平台是一个前端低代码框架，它使用JSON配置来生成页面
-
-
-
-## 概念
-
-### 配置与组件
-
-#### 结构
-
-> 一个配置的结构是这样的
->
-> ```json
-> {
->  "page": [
->      {
->          "id": "1",
->          "type": "page",
->          "title": "第一个页面",
->          "body": [
->              [
->                  {
->                      "type": "xx组件",
->                      "span": 12,
->                      "id": "xx组件_001",
->                      "selected": false
->                  }
->              ],
->              [...其他行]
->          ]
->      }
->  ]
-> }
-> ```
-> page下的每一个对象，表示一个`页面容器`
->
-> body中的每一个元素，表示一`行`
->
-> 每行中的每个元素，表示一个`组件`
-
-> 组件的完整配置是这样的
->
-> ```json
-> {
->     "type": "xx组件",
->     "span": 12,
->     "id": "xx组件_001",
->     "selected": false,
->     "props": {
->         "值1": "111",
->         "值2": "222",
->         ...
->     },
->     "selfEvent": [
->         "action",
->         ...
->     ],
->     "onEvent": {
->         "action": [
->             {
->                 "emitType": "action",
->                 "eventType": "changeValue",
->                 "target": "组件_00x",
->                 "targetKey": "data"
->             },
->     	{...}
->         ]
->     }
-> }
-> ```
->
-> `type`定义了组件的类型
->
-> `span`定义了组件的宽度
->
-> `selected`定义了组件当前是否被选中
->
-> `id`表示组件的唯一标识
->
-> `props`中定义的是组件可以被改变的值
->
-> `selfEvent`定义了组件可以发出哪些事件交给低代码平台处理
->
-> `onEvent`表示每一个事件的具体定义
->
-> `onEvent`中的每一个对象的key代表了是针对哪种事件的处理
-
-> 在低代码平台中，最小的单位是`组件`，最大的单位是`页面容器`
-
-
-
-#### 页面容器
-
-> 一个`页面容器`可以是`页面`，`弹框`，`抽屉`等
->
-> `页面容器`是所有`组件`的容器，`组件`组成了`行`，`行`组成了`页面`
-
-
-
-#### 组件
-
-> `组件`是低代码平台的最小单位
->
-> 一个组件是某种功能的封装，比如XFormTable是为了展示CRUD表单，XTree是为了展示树型结构
-
-
-
-### 事件
-
-> 在组件中，会因为各种各样的原因，修改一些状态，比如点击搜索，切换标签
->
-> 这些改动，要通过`事件`的形式，向外层触发，来通知其他组件进行联动。比如在树组件中切换了标签，根据不同的标签在CRUD表单中渲染不同的内容
->
-> 这个时候我们就需要对触发改动的`组件`添加`事件`，比如在XFormTable中点击详情，我们希望打开一个抽屉，我们就需要为XFormTable添加一个点击详情的事件
-
-
-
-### 行为
-
-> 行为是`组件`自身内部进行的一系列变动。比如其他组件触发了某个`事件`，这个`组件`需要对这个`事件`进行响应，并在自身内部进行一系列的更新。这就是一种行为
->
-> 还是刚才的例子在XFormTable中点击详情，我们希望打开一个抽屉。那抽屉改变自身的显隐，就是响应点击详情`事件`的一种`行为`
-
-
-
-## 组件
-
-### XFormTable
-
-#### 简介
-
-> XFormTable用于展示CRUD表单，它在琉璃中心`CRUD表单`中配置
-
-
-
-#### 属性
-
-> XFormTable需要传入的属性有两个
->
-> 1. queryParamsName：琉璃中的`CRUD表单`配置名
-> 2. serviceName：琉璃中的`CRUD表单`配置对应的命名空间
-
-
-
-#### 事件
-
-> XFormTable触发的事件有很多种，因为它触发的事件是不固定的，是在配置中定义的
->
-> **action**：这是XFormTable最常见的属性，在表单中点击详情触发该事件，该事件默认传递的参数为点击对应的这一行的数据
-
-
-
-### XTreeOne
-
-#### 简介
-
-> XTreeOne用于展示一个树形组件
-
-
-
-#### 属性
-
-> XTreeOne需要传入的属性有1个
->
-> 1. treeData：树中显示的数据，其格式为
->
-> ```json
-> [
->     {
->         "title":"111",
->         "key":"111",
->         "children":[]
->     },
->     {
->         "title":"222",
->         "key":"222",
->         "children":[]
->     }
-> ]
-> ```
-
-
-
-#### 事件
-
-> **onChange**：是该组件唯一触发的事件，在树中点击了某个节点则会被触发，该事件会携带该点击节点的key
+# 奥枫低代码平台
+
+> 奥枫低代码平台是一个前端低代码框架，它使用JSON配置来生成页面
+
+
+
+## 概念
+
+### 配置与组件
+
+#### 结构
+
+> 一个配置的结构是这样的
+>
+> ```json
+> {
+>  "page": [
+>      {
+>          "id": "1",
+>          "type": "page",
+>          "title": "第一个页面",
+>          "body": [
+>              [
+>                  {
+>                      "type": "xx组件",
+>                      "span": 12,
+>                      "id": "xx组件_001",
+>                      "selected": false
+>                  }
+>              ],
+>              [...其他行]
+>          ]
+>      }
+>  ]
+> }
+> ```
+> page下的每一个对象，表示一个`页面容器`
+>
+> body中的每一个元素，表示一`行`
+>
+> 每行中的每个元素，表示一个`组件`
+
+> 组件的完整配置是这样的
+>
+> ```json
+> {
+>     "type": "xx组件",
+>     "span": 12,
+>     "id": "xx组件_001",
+>     "selected": false,
+>     "props": {
+>         "值1": "111",
+>         "值2": "222",
+>         ...
+>     },
+>     "selfEvent": [
+>         "action",
+>         ...
+>     ],
+>     "onEvent": {
+>         "action": [
+>             {
+>                 "emitType": "action",
+>                 "eventType": "changeValue",
+>                 "target": "组件_00x",
+>                 "targetKey": "data"
+>             },
+>     	{...}
+>         ]
+>     }
+> }
+> ```
+>
+> `type`定义了组件的类型
+>
+> `span`定义了组件的宽度
+>
+> `selected`定义了组件当前是否被选中
+>
+> `id`表示组件的唯一标识
+>
+> `props`中定义的是组件可以被改变的值
+>
+> `selfEvent`定义了组件可以发出哪些事件交给低代码平台处理
+>
+> `onEvent`表示每一个事件的具体定义
+>
+> `onEvent`中的每一个对象的key代表了是针对哪种事件的处理
+
+> 在低代码平台中，最小的单位是`组件`，最大的单位是`页面容器`
+
+
+
+#### 页面容器
+
+> 一个`页面容器`可以是`页面`，`弹框`，`抽屉`等
+>
+> `页面容器`是所有`组件`的容器，`组件`组成了`行`，`行`组成了`页面`
+
+
+
+#### 组件
+
+> `组件`是低代码平台的最小单位
+>
+> 一个组件是某种功能的封装，比如XFormTable是为了展示CRUD表单，XTree是为了展示树型结构
+
+
+
+### 事件
+
+> 在组件中，会因为各种各样的原因，修改一些状态，比如点击搜索，切换标签
+>
+> 这些改动，要通过`事件`的形式，向外层触发，来通知其他组件进行联动。比如在树组件中切换了标签，根据不同的标签在CRUD表单中渲染不同的内容
+>
+> 这个时候我们就需要对触发改动的`组件`添加`事件`，比如在XFormTable中点击详情，我们希望打开一个抽屉，我们就需要为XFormTable添加一个点击详情的事件
+
+
+
+### 行为
+
+> 行为是`组件`自身内部进行的一系列变动。比如其他组件触发了某个`事件`，这个`组件`需要对这个`事件`进行响应，并在自身内部进行一系列的更新。这就是一种行为
+>
+> 还是刚才的例子在XFormTable中点击详情，我们希望打开一个抽屉。那抽屉改变自身的显隐，就是响应点击详情`事件`的一种`行为`
+
+
+
+## 组件
+
+### XFormTable
+
+#### 简介
+
+> XFormTable用于展示CRUD表单，它在琉璃中心`CRUD表单`中配置
+
+
+
+#### 属性
+
+> XFormTable需要传入的属性有两个
+>
+> 1. queryParamsName：琉璃中的`CRUD表单`配置名
+> 2. serviceName：琉璃中的`CRUD表单`配置对应的命名空间
+
+
+
+#### 事件
+
+> XFormTable触发的事件有很多种，因为它触发的事件是不固定的，是在配置中定义的
+>
+> **action**：这是XFormTable最常见的属性，在表单中点击详情触发该事件，该事件默认传递的参数为点击对应的这一行的数据
+
+
+
+### XTreeOne
+
+#### 简介
+
+> XTreeOne用于展示一个树形组件
+
+
+
+#### 属性
+
+> XTreeOne需要传入的属性有1个
+>
+> 1. treeData：树中显示的数据，其格式为
+>
+> ```json
+> [
+>     {
+>         "title":"111",
+>         "key":"111",
+>         "children":[]
+>     },
+>     {
+>         "title":"222",
+>         "key":"222",
+>         "children":[]
+>     }
+> ]
+> ```
+
+
+
+#### 事件
+
+> **onChange**：是该组件唯一触发的事件，在树中点击了某个节点则会被触发，该事件会携带该点击节点的key