update

x-extends · Aug 8, 2019 · f61ccfa · f61ccfa
1 parent 3ae7752
commit f61ccfa
Show file tree

Hide file tree

Showing 9 changed files with 77 additions and 18 deletions.
diff --git a/README.md b/README.md
@@ -6,12 +6,12 @@
 [![gzip size: CSS](http://img.badgesize.io/https://unpkg.com/vxe-table-plugin-iview/dist/style.min.css?compression=gzip&label=gzip%20size:%20CSS)](https://unpkg.com/vxe-table-plugin-iview/dist/style.min.css)
 [![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/xuliangzhan/vxe-table-plugin-iview/blob/master/LICENSE)
 
-该插件用于在 vxe-table 表格中适配 iview 组件的渲染
+该插件用于在 [vxe-table](https://github.com/xuliangzhan/vxe-table) 的渲染器中适配 [iview](https://www.npmjs.com/package/iview)
 
 ## Installing
 
 ```shell
-npm install xe-utils vxe-table vxe-table-plugin-iview
+npm install xe-utils vxe-table vxe-table-plugin-iview iview
 ```
 
 ```javascript
@@ -42,7 +42,7 @@ VXETable.use(VXETablePluginIView)
 
 | 属性 | 描述 | 类型 | 可选值 | 默认值 |
 |------|------|-----|-----|-----|
-| name | 支持的渲染组件 | String | Input, AutoComplete, InputNumber, Select | — |
+| name | 支持的渲染组件 | String | Input, AutoComplete, InputNumber, Select, Rate, iSwitch | — |
 | props | 渲染组件附加属性，参数请查看被渲染的 Component props | Object | — | {} |
 | options | 只对 name=Select 有效，下拉组件选项列表 | Array | — | [] |
 | optionProps | 只对 name=Select 有效，下拉组件选项属性参数配置 | Object | — | { value: 'value', label: 'label' } |

diff --git a/dist/index.common.js b/dist/index.common.js
@@ -70,9 +70,11 @@ function getCellEvents(editRender, params) {
 function defaultCellRender(h, editRender, params) {
   var row = params.row,
       column = params.column;
+  var attrs = editRender.attrs;
   var props = getProps(params, editRender);
   return [h(editRender.name, {
     props: props,
+    attrs: attrs,
     model: {
       value: _xeUtils["default"].get(row, column.property),
       callback: function callback(value) {
@@ -99,12 +101,14 @@ function getFilterEvents(on, filterRender, params) {
 
 function defaultFilterRender(h, filterRender, params, context) {
   var column = params.column;
-  var name = filterRender.name;
+  var name = filterRender.name,
+      attrs = filterRender.attrs;
   var type = 'on-change';
   var props = getProps(params, filterRender);
   return column.filters.map(function (item) {
     return h(name, {
       props: props,
+      attrs: attrs,
       model: {
         value: item.data,
         callback: function callback(optionValue) {
@@ -184,13 +188,15 @@ var renderMap = {
           optionGroupProps = _editRender$optionGro === void 0 ? {} : _editRender$optionGro;
       var row = params.row,
           column = params.column;
+      var attrs = editRender.attrs;
       var props = getProps(params, editRender);
 
       if (optionGroups) {
         var groupOptions = optionGroupProps.options || 'options';
         var groupLabel = optionGroupProps.label || 'label';
         return [h('Select', {
           props: props,
+          attrs: attrs,
           model: {
             value: _xeUtils["default"].get(row, column.property),
             callback: function callback(cellValue) {
@@ -210,6 +216,7 @@ var renderMap = {
 
       return [h('Select', {
         props: props,
+        attrs: attrs,
         model: {
           value: _xeUtils["default"].get(row, column.property),
           callback: function callback(cellValue) {
@@ -270,6 +277,7 @@ var renderMap = {
           _filterRender$optionG = filterRender.optionGroupProps,
           optionGroupProps = _filterRender$optionG === void 0 ? {} : _filterRender$optionG;
       var column = params.column;
+      var attrs = filterRender.attrs;
       var props = getProps(params, filterRender);
 
       if (optionGroups) {
@@ -278,6 +286,7 @@ var renderMap = {
         return column.filters.map(function (item) {
           return h('Select', {
             props: props,
+            attrs: attrs,
             model: {
               value: item.data,
               callback: function callback(optionValue) {
@@ -303,6 +312,7 @@ var renderMap = {
       return column.filters.map(function (item) {
         return h('Select', {
           props: props,
+          attrs: attrs,
           model: {
             value: item.data,
             callback: function callback(optionValue) {
@@ -401,10 +411,12 @@ var renderMap = {
     },
     renderFilter: function renderFilter(h, filterRender, params, context) {
       var column = params.column;
+      var attrs = filterRender.attrs;
       var props = getProps(params, filterRender);
       return column.filters.map(function (item) {
         return h(filterRender.name, {
           props: props,
+          attrs: attrs,
           model: {
             value: item.data,
             callback: function callback(optionValue) {
@@ -450,10 +462,14 @@ var renderMap = {
     renderEdit: defaultCellRender
   },
   Rate: {
-    renderEdit: defaultCellRender
+    renderEdit: defaultCellRender,
+    renderFilter: defaultFilterRender,
+    filterMethod: defaultFilterMethod
   },
   iSwitch: {
-    renderEdit: defaultCellRender
+    renderEdit: defaultCellRender,
+    renderFilter: defaultFilterRender,
+    filterMethod: defaultFilterMethod
   }
   /**
    * 事件兼容性处理

diff --git a/dist/index.js b/dist/index.js
@@ -82,9 +82,11 @@
   function defaultCellRender(h, editRender, params) {
     var row = params.row,
         column = params.column;
+    var attrs = editRender.attrs;
     var props = getProps(params, editRender);
     return [h(editRender.name, {
       props: props,
+      attrs: attrs,
       model: {
         value: _xeUtils["default"].get(row, column.property),
         callback: function callback(value) {
@@ -111,12 +113,14 @@
 
   function defaultFilterRender(h, filterRender, params, context) {
     var column = params.column;
-    var name = filterRender.name;
+    var name = filterRender.name,
+        attrs = filterRender.attrs;
     var type = 'on-change';
     var props = getProps(params, filterRender);
     return column.filters.map(function (item) {
       return h(name, {
         props: props,
+        attrs: attrs,
         model: {
           value: item.data,
           callback: function callback(optionValue) {
@@ -196,13 +200,15 @@
             optionGroupProps = _editRender$optionGro === void 0 ? {} : _editRender$optionGro;
         var row = params.row,
             column = params.column;
+        var attrs = editRender.attrs;
         var props = getProps(params, editRender);
 
         if (optionGroups) {
           var groupOptions = optionGroupProps.options || 'options';
           var groupLabel = optionGroupProps.label || 'label';
           return [h('Select', {
             props: props,
+            attrs: attrs,
             model: {
               value: _xeUtils["default"].get(row, column.property),
               callback: function callback(cellValue) {
@@ -222,6 +228,7 @@
 
         return [h('Select', {
           props: props,
+          attrs: attrs,
           model: {
             value: _xeUtils["default"].get(row, column.property),
             callback: function callback(cellValue) {
@@ -282,6 +289,7 @@
             _filterRender$optionG = filterRender.optionGroupProps,
             optionGroupProps = _filterRender$optionG === void 0 ? {} : _filterRender$optionG;
         var column = params.column;
+        var attrs = filterRender.attrs;
         var props = getProps(params, filterRender);
 
         if (optionGroups) {
@@ -290,6 +298,7 @@
           return column.filters.map(function (item) {
             return h('Select', {
               props: props,
+              attrs: attrs,
               model: {
                 value: item.data,
                 callback: function callback(optionValue) {
@@ -315,6 +324,7 @@
         return column.filters.map(function (item) {
           return h('Select', {
             props: props,
+            attrs: attrs,
             model: {
               value: item.data,
               callback: function callback(optionValue) {
@@ -413,10 +423,12 @@
       },
       renderFilter: function renderFilter(h, filterRender, params, context) {
         var column = params.column;
+        var attrs = filterRender.attrs;
         var props = getProps(params, filterRender);
         return column.filters.map(function (item) {
           return h(filterRender.name, {
             props: props,
+            attrs: attrs,
             model: {
               value: item.data,
               callback: function callback(optionValue) {
@@ -462,10 +474,14 @@
       renderEdit: defaultCellRender
     },
     Rate: {
-      renderEdit: defaultCellRender
+      renderEdit: defaultCellRender,
+      renderFilter: defaultFilterRender,
+      filterMethod: defaultFilterMethod
     },
     iSwitch: {
-      renderEdit: defaultCellRender
+      renderEdit: defaultCellRender,
+      renderFilter: defaultFilterRender,
+      filterMethod: defaultFilterMethod
     }
     /**
      * 事件兼容性处理