1.1.7

README/1.1/1.1.7.md

+### vk-unicloud-admin 框架研究Q群:`22466457` 如有问题或建议可以在群内讨论。
+### 更新内容
+#### 1、【升级】`vk-unicloud-admin-ui` 包升级至 `1.1.15`
+#### 2、【升级】`element-ui` 包升级至 `2.15.2`
+#### 3、【优化】`万能表单` 组件 `remote-select`、`table-select`、`select`、`checkbox`、`radio` 的 `onChange` 事件 新增返回参数 `option` 值为选项的对象值 [点击查看](https://gitee.com/vk-uni/vk-uni-cloud-router/wikis/pages?sort_id=4050276&doc_id=975983)
+```js
+{
+  key:"user_id", title:"用户选择器", type:"remote-select", placeholder:"请输入用户账号/昵称",
+  action:"admin/select/kh/user",
+  onChange:function(val, formData, column, index, option){
+    // option内的值为与val匹配的选项的数据源完整数据
+    console.log(1,val, formData, column, index, option);
+  }
+}
+```
+
+#### 框架更新步骤指南 [点击查看](https://gitee.com/vk-uni/vk-uni-cloud-router/wikis/pages?sort_id=4023455&doc_id=975983)
+##### 框架学习Q群：`22466457` 欢迎萌新和大佬来使用和共同改进框架
+
+### 如果你觉得框架对你有用，可以在下方进行评论，也可以进行赞赏。
+

changelog.md

+## 1.1.7（2021-06-21）
+### vk-unicloud-admin 框架研究Q群:`22466457` 如有问题或建议可以在群内讨论。
+### 更新内容
+#### 1、【升级】`vk-unicloud-admin-ui` 包升级至 `1.1.15`
+#### 2、【升级】`element-ui` 包升级至 `2.15.2`
+#### 3、【优化】`万能表单` 组件 `remote-select`、`table-select`、`select`、`checkbox`、`radio` 的 `onChange` 事件 新增返回参数 `option` 值为选项的对象值 [点击查看](https://gitee.com/vk-uni/vk-uni-cloud-router/wikis/pages?sort_id=4050276&doc_id=975983)
+```js
+{
+  key:"user_id", title:"用户选择器", type:"remote-select", placeholder:"请输入用户账号/昵称",
+  action:"admin/select/kh/user",
+  onChange:function(val, formData, column, index, option){
+    // option内的值为与val匹配的选项的数据源完整数据
+    console.log(1,val, formData, column, index, option);
+  }
+}
+```
+
+#### 框架更新步骤指南 [点击查看](https://gitee.com/vk-uni/vk-uni-cloud-router/wikis/pages?sort_id=4023455&doc_id=975983)
+##### 框架学习Q群：`22466457` 欢迎萌新和大佬来使用和共同改进框架
+
+### 如果你觉得框架对你有用，可以在下方进行评论，也可以进行赞赏。
 ## 1.1.6（2021-06-18）
 ### vk-unicloud-admin 框架研究Q群:`22466457` 如有问题或建议可以在群内讨论。
 ### 更新内容

package-lock.json

 {
     "name": "vk-unicloud-admin",
-    "version": "1.1.5",
+    "version": "1.1.6",
     "lockfileVersion": 1,
     "requires": true,
     "dependencies": {
@@ -37,9 +37,9 @@
             "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
         },
         "element-ui": {
-            "version": "2.15.1",
-            "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.15.1.tgz",
-            "integrity": "sha512-TqlScAKGH97XndSScUDeEHIzL1x7yg7DvQdKPEOUdiDcyIz3y3FJJBlpHYaJT96FOn1xpIcUZb+I2FJeU9EcrQ==",
+            "version": "2.15.2",
+            "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.15.2.tgz",
+            "integrity": "sha512-S66VvOt1AR698uzxAnJeajnIPI1eIzlkKXHx2F2v94PAs/8JuyRcLOUGy100mJHIIaSkRlxVOtI+As2XTB8Oew==",
             "requires": {
                 "async-validator": "~1.8.1",
                 "babel-helper-vue-jsx-merge-props": "^2.0.0",
@@ -104,9 +104,9 @@
             }
         },
         "vk-unicloud-admin-ui": {
-            "version": "1.1.13",
-            "resolved": "https://registry.npmjs.org/vk-unicloud-admin-ui/-/vk-unicloud-admin-ui-1.1.13.tgz",
-            "integrity": "sha512-3/4P/PtowDhVcSP4yz2IjtpDj4S9t34dNHFF54/QdpJwvpf5AzmSTIeVuTlfKa4mWuMiqDkPTdTDs9tMNoE2aA=="
+            "version": "1.1.15",
+            "resolved": "https://registry.npmjs.org/vk-unicloud-admin-ui/-/vk-unicloud-admin-ui-1.1.15.tgz",
+            "integrity": "sha512-+XJ9U/tIEiHZPEig905tvWzWtqX4BKCpkjZ2B1Hal8+I0GKnpm80vhyjusGcNDd8/hdU002Llz1trZ7TXU08qQ=="
         },
         "vuedraggable": {
             "version": "2.24.3",

package.json

 {
     "id": "vk-unicloud-admin",
     "name": "vk-unicloud-admin",
-    "version": "1.1.6",
+    "version": "1.1.7",
     "displayName": "【开箱即用】vk-unicloud-admin - 快速开发框架 - 几分钟即可完成一个页面CRUD",
     "description": "vk-unicloud-admin是基于unicloud+uni-id+element+vk-unicloud-router的一套快速PC admin完整开发框架。丰富的API可以让你开发事半功倍。",
     "keywords": [
@@ -20,9 +20,9 @@
     "license": "Apache",
     "homepage": "https://github.com/dcloudio/uni-template-admin#readme",
     "dependencies": {
-        "element-ui": "^2.15.1",
+        "element-ui": "^2.15.2",
         "umy-ui": "^1.1.6",
-        "vk-unicloud-admin-ui": "^1.1.13"
+        "vk-unicloud-admin-ui": "^1.1.15"
     },
     "engines": {
         "HBuilderX": "^3.1.10"

使用帮助/内置组件参数说明/10、remote-select 远程下拉.md

@@ -32,13 +32,34 @@
 |------------------|-------------------------------|---------|--------|-------|
 | data            | 静态模式数据源 | Array  | - | -  |
 | action          | 动态模式 - 远程请求的云函数地址 | String  | - | -  |
-| props          | 数据源的属性匹配规则 | Object  | { list:'list', value:'value', label:'label' } | -  |
+| props          | 数据源的属性匹配规则 | Object  | { list:'list', value:'value', label:'label' } | - |
 | showAll           | 是否一开始就全部加载 | Boolean  | false | true  |
 | multiple        | 是否允许多选 | Boolean  | false | true  |
 | limit        | 最多可选数量 | Number  | - | -  |
 | loadingText          | 远程加载时显示的文字 | String  | 加载中| -  |
 | noMatchText          | 搜索条件无匹配时显示的文字 | String  | 无匹配数据| -  |
 | noDataText          | 选项为空时显示的文字 | String  | 无数据| -  |
+| onChange          | function(val, formData, column, index, option) | Function  | -| -  |
+
+#### onChange 使用示例
+```js
+{
+  key:"user_id", title:"用户选择器", type:"remote-select", placeholder:"请输入用户账号/昵称",
+  action:"admin/select/kh/user",
+  onChange:function(val, formData, column, index, option){
+    console.log(1,val, formData, column, index, option);
+  }
+}
+```
+
+| 参数             | 说明                           | 类型    | 默认值  | 可选值 |
+|------------------|-------------------------------|---------|--------|-------|
+| val            | 表单绑定的值 | Any  | - | -  |
+| formData          | 整个表单数据源 | Object  | - | -  |
+| column          | 该组件属性 | Object  | - | - |
+| index           | 组件的索引下标 | Number  | - | -  |
+| option        | 其他参数，如选项的对象值等 | Any  | - | -  |
+
 
 ## 万能表格使用方式
 
@@ -70,3 +91,4 @@
   width="300px"
 ></vk-data-input-remote-select>
 ```
+

使用帮助/内置组件参数说明/12、table-select 通过表格选择.md

@@ -40,6 +40,27 @@
 | submitText      | 确定按钮的文字 | String  | 确定 | -  |
 | pageSize  | 表格分页每页显示数量 | Number  | 5 | 5、10、20、50、100、500  |
 | valueFields  | 用于控制value的值由哪些字段组成 | Array  | - | - |
+| onChange          | function(val, formData, column, index, option) | Function  | -| -  |
+
+#### onChange 使用示例
+```js
+{
+  key: "role", title: "通过表格选择(单选)", type: "table-select", placeholder:"请选择角色",
+  action:"admin/system/role/sys/getList",
+  columns:[
+    { key:"role_name", title:"角色昵称", type:"text", nameKey:true },
+    { key:"role_id", title:"角色标识", type:"text", idKey:true }, // idKey:true 代表此字段为主键字段，若设置show:["none"],则可以在表格中隐藏该字段的显示
+    { key:"comment", title:"备注", type:"text" }
+  ],
+  queryColumns:[
+    { key: "role_name", title: "角色昵称", type: "text", width: 150, mode: "%%" },
+    { key: "role_id", title: "角色标识", type: "text", width: 150, mode: "%%" }
+  ],
+  onChange:function(val, formData, column, index, option){
+    console.log(1,val, formData, column, index, option);
+  }
+}
+```
 
 #### 不设置 `valueFields` 时 表单绑定的值为`字符串数组形式`
 ```js

使用帮助/内置组件参数说明/16、slider 滑块.md

@@ -42,13 +42,9 @@
 ### marks用法
 ```html
 <template>
-  <div class="block">
-    <el-slider
-      v-model="value"
-      range
-      :marks="marks">
-    </el-slider>
-  </div>
+  <view>
+    <el-slider v-model="value" range :marks="marks"></el-slider>
+  </view>
 </template>
 
 <script>

使用帮助/内置组件参数说明/2、textarea 多行文本.md

@@ -33,10 +33,5 @@
 
 ## template 使用方式
 ```html
-<el-input
-  v-model="textarea"
-  type="textarea"
-  :rows="2"
-  placeholder="请输入内容"
-></el-input>
+<el-input v-model="textarea" type="textarea" :rows="2" placeholder="请输入内容"></el-input>
 ```

使用帮助/内置组件参数说明/3、money 金额输入.md

@@ -27,9 +27,5 @@
 
 ## template 使用方式
 ```html
-<vk-data-input-money
-  v-model="form1.balance"
-  placeholder="请输入金额"
-  width="300px"
-></vk-data-input-money>
+<vk-data-input-money v-model="form1.balance" placeholder="请输入金额" width="300px"></vk-data-input-money>
 ```

使用帮助/内置组件参数说明/4、number 数字输入.md

@@ -34,20 +34,9 @@
 ## template 使用方式
 ### 普通模式 
 ```html
-<vk-data-input-number
-  v-model="form1.value2"
-  :precision="2"
-  width="300px"
-  placeholder="请输入数字"
-></vk-data-input-number>
+<vk-data-input-number v-model="form1.value2" :precision="2" width="300px" placeholder="请输入数字"></vk-data-input-number>
 ```
 ### 步进器模式
 ```html
-<vk-data-input-number-box
-  v-model="form1.value2"
-  :precision="2"
-  :step="0.01"
-  width="200px"
-  placeholder="请输入数字"
-></vk-data-input-number-box>
+<vk-data-input-number-box v-model="form1.value2" :precision="2" :step="0.01" width="200px" placeholder="请输入数字"></vk-data-input-number-box>
 ```

使用帮助/内置组件参数说明/5、percentage 百分比输入.md

@@ -27,11 +27,5 @@
 
 ## template 使用方式
 ```html
-<vk-data-input-percentage
-  v-model="form1.value1"
-  placeholder="请输入百分比"
-  :precision="2"
-  :max="100"
-  width="300px"
-></vk-data-input-percentage>
+<vk-data-input-percentage v-model="form1.value1" placeholder="请输入百分比" :precision="2" :max="100" width="300px"></vk-data-input-percentage>
 ```

使用帮助/内置组件参数说明/6、discount 折扣输入.md

@@ -27,10 +27,5 @@
 
 ## template 使用方式
 ```html
-<vk-data-input-discount
-  v-model="form1.value1"
-  placeholder="请输入折扣"
-  :precision="2"
-  width="300px"
-></vk-data-input-discount>
+<vk-data-input-discount v-model="form1.value1" placeholder="请输入折扣" :precision="2" width="300px"></vk-data-input-discount>
 ```

使用帮助/内置组件参数说明/7、radio 单选.md

@@ -43,6 +43,21 @@
 | optionType        | 选项形状类型 | String  | default | button  |
 | border          | 是否显示边框 | Boolean  | false| true |
 | itemWidth          | 选项的统一宽度（用于排版） | Number  | - | -  |
+| onChange          | function(val, formData, column, index, option) | Function  | -| -  |
+
+#### onChange 使用示例
+```js
+{
+  key:"radio4", title:"远程radio", type:"radio",
+  border:true,
+  itemWidth:80,
+  action:"admin/select/kh/categorys",
+  props:{ list:"rows", value:"_id", label:"name" },
+  onChange:function(val, formData, column, index, option){
+    console.log(1,val, formData, column, index, option);
+  }
+}
+```
 
 ## 万能表格使用方式
 

使用帮助/内置组件参数说明/8、checkbox 多选.md

@@ -43,6 +43,21 @@
 | optionType        | 选项形状类型 | String  | default | button  |
 | border          | 是否显示边框 | Boolean  | false| true |
 | itemWidth          | 选项的统一宽度（用于排版） | Number  | - | -  |
+| onChange          | function(val, formData, column, index, option) | Function  | -| -  |
+
+#### onChange 使用示例
+```js
+{
+  key:"checkbox1", title:"多选类型", type:"checkbox",
+  border:true,
+  itemWidth:80,
+  action:"admin/select/kh/categorys",
+  props:{ list:"rows", value:"_id", label:"name" },
+  onChange:function(val, formData, column, index, option){
+    console.log(1,val, formData, column, index, option);
+  }
+}
+```
 
 ## 万能表格使用方式
 

使用帮助/内置组件参数说明/9、select 下拉选择.md

@@ -48,6 +48,21 @@
 | multiple        | 是否允许多选 | Boolean  | false | true  |
 | multipleLimit   | 最多可选数量 | Number  | - | -  |
 | group          | 是否需要分组 | Boolean  | false| true  |
+| onChange          | function(val, formData, column, index, option) | Function  | -| -  |
+
+#### onChange 使用示例
+```js
+{
+  key:"select1", title:"select类型1", type:"select",
+  data:[
+    { value:1, label:"选项1" },
+    { value:2, label:"选项2" }
+  ],
+  onChange:function(val, formData, column, index, option){
+    console.log(1,val, formData, column, index, option);
+  }
+}
+```
 
 ## 万能表格使用方式