cloud-web-corejs 1.0.281 → 1.1.0-dev.11

package/src/components/table/vxeFilter/index.js

@@ -1,163 +1,163 @@
-import VXETable from 'vxe-table';
-import XEUtils from 'xe-utils';
-import FilterComplex from './FilterComplex.vue';
-import FilterContent from './FilterContent.vue';
-import FilterInput from './FilterInput.vue';
-// 同 mixin.js：直接引用工具函数，避免依赖 $table 实例上的补丁方法
-import { getCellValue } from '../util/index';
-
-let moudule = {};
-let configUtil = {
-  VXETable,
-  XEUtils,
-  FilterComplex,
-  FilterContent,
-  FilterInput,
-  renderContent(h, renderOpts, params) {
-    return [h("filter-content", {
-      key: params.column.field,
-      props: {
-        params: params
-      }
-    })]
-    /*return [
-      <filter-content params={ params } key={params.column.field}></filter-content>
-    ];*/
-  },
-  renderComplex(h, renderOpts, params) {
-    const {
-      events
-    } = renderOpts
-    return [h("filter-complex", {
-      key: params.column.field,
-      props: {
-        params: params,
-        events: events
-      }
-    })]
-    /*return [
-      <filter-complex params={ params } events={events} key={params.column.field}></filter-complex>
-    ];*/
-  },
-  renderInput(h, renderOpts, params) {
-    // console.log(params)
-    return [h("filter-input", {
-      key: params.column.field,
-      props: {
-        params: params
-      }
-    })]
-    /*return [
-      <filter-input params={ params } key={params.column.field}></filter-input>
-    ];*/
-  },
-}
-//定义组件
-configUtil.VXETable.renderer.add('FilterContent', {
-  // 不显示底部按钮，使用自定义的按钮
-  isFooter: false,
-  // 筛选模板
-  renderFilter: configUtil.renderContent,
-  // 重置数据方法
-  filterResetMethod({
-                      options
-                    }) {
-    options.forEach(option => {
-      option.data = {
-        vals: [],
-        sVal: ''
-      }
-    });
-  },
-  // 筛选数据方法
-  filterMethod(obj) {
-    let {
-      option,
-      row,
-      column
-    } = obj;
-    const {
-      vals
-    } = option.data;
-    let cellValue = getCellValue(obj);
-    return vals.includes(cellValue);
-  }
-});
-// 条件过滤
-configUtil.VXETable.renderer.add('FilterComplex', {
-  // 不显示底部按钮，使用自定义的按钮
-  isFooter: false,
-  // 筛选模板
-  renderFilter: configUtil.renderComplex,
-  // 重置数据方法
-  filterResetMethod({
-                      options
-                    }) {
-    // console.log(options)
-    options.forEach(option => {
-      option.data = {
-        type: 'lt',
-        name: ''
-      };
-    });
-  },
-  // 筛选数据方法
-  filterMethod(obj) {
-    let {
-      option,
-      row,
-      column
-    } = obj;
-    // console.log(option, row, column)
-    const cellValue = parseFloat(configUtil.XEUtils.get(row, column.property));
-    // console.log(cellValue)
-    const {
-      name,
-      type
-    } = option.data;
-    if (!name) {
-      return true;
-    }
-    if (type === 'lt') {
-      return cellValue < parseInt(name);
-    } else if (type === 'eq') {
-      return cellValue === parseInt(name);
-    } else if (type === 'gt') {
-      return cellValue > parseInt(name);
-    }
-    return false;
-  }
-});
-configUtil.VXETable.renderer.add('FilterInput', {
-  // 筛选模板
-  renderFilter: configUtil.renderInput,
-  // 筛选方法
-  filterMethod(obj) {
-    let {
-      option,
-      row,
-      column
-    } = obj;
-    const {
-      data
-    } = option;
-
-    let cellValue = getCellValue(obj);
-
-    if (cellValue) {
-      return cellValue.indexOf(data) > -1;
-    }
-    return false;
-  }
-});
-
-moudule.install = function (Vue) {
-  Vue.component("FilterComplex", configUtil.FilterComplex);
-  Vue.component("FilterContent", configUtil.FilterContent);
-  Vue.component("FilterInput", configUtil.FilterInput);
-};
-
-// {field: 'amount', filters: [{ data: { type: 'lt', name: '' } }], filterRender: { name: 'FilterComplex' } },
-// {field: 'freight', filters: [{ data: '' }], filterRender: { name: 'FilterInput' } },
-// {field: 'orderType',filters: [{ data: { valMap: {"1":"常规订单","2":"定制订单" } }],filterRender: {name: 'FilterContent'},width: 150},
-export default moudule;
+import VXETable from 'vxe-table';
+import XEUtils from 'xe-utils';
+import FilterComplex from './FilterComplex.vue';
+import FilterContent from './FilterContent.vue';
+import FilterInput from './FilterInput.vue';
+// 同 mixin.js：直接引用工具函数，避免依赖 $table 实例上的补丁方法
+import { getCellValue } from '../util/index';
+
+let moudule = {};
+let configUtil = {
+  VXETable,
+  XEUtils,
+  FilterComplex,
+  FilterContent,
+  FilterInput,
+  renderContent(h, renderOpts, params) {
+    return [h("filter-content", {
+      key: params.column.field,
+      props: {
+        params: params
+      }
+    })]
+    /*return [
+      <filter-content params={ params } key={params.column.field}></filter-content>
+    ];*/
+  },
+  renderComplex(h, renderOpts, params) {
+    const {
+      events
+    } = renderOpts
+    return [h("filter-complex", {
+      key: params.column.field,
+      props: {
+        params: params,
+        events: events
+      }
+    })]
+    /*return [
+      <filter-complex params={ params } events={events} key={params.column.field}></filter-complex>
+    ];*/
+  },
+  renderInput(h, renderOpts, params) {
+    // console.log(params)
+    return [h("filter-input", {
+      key: params.column.field,
+      props: {
+        params: params
+      }
+    })]
+    /*return [
+      <filter-input params={ params } key={params.column.field}></filter-input>
+    ];*/
+  },
+}
+//定义组件
+configUtil.VXETable.renderer.add('FilterContent', {
+  // 不显示底部按钮，使用自定义的按钮
+  isFooter: false,
+  // 筛选模板
+  renderFilter: configUtil.renderContent,
+  // 重置数据方法
+  filterResetMethod({
+                      options
+                    }) {
+    options.forEach(option => {
+      option.data = {
+        vals: [],
+        sVal: ''
+      }
+    });
+  },
+  // 筛选数据方法
+  filterMethod(obj) {
+    let {
+      option,
+      row,
+      column
+    } = obj;
+    const {
+      vals
+    } = option.data;
+    let cellValue = getCellValue(obj);
+    return vals.includes(cellValue);
+  }
+});
+// 条件过滤
+configUtil.VXETable.renderer.add('FilterComplex', {
+  // 不显示底部按钮，使用自定义的按钮
+  isFooter: false,
+  // 筛选模板
+  renderFilter: configUtil.renderComplex,
+  // 重置数据方法
+  filterResetMethod({
+                      options
+                    }) {
+    // console.log(options)
+    options.forEach(option => {
+      option.data = {
+        type: 'lt',
+        name: ''
+      };
+    });
+  },
+  // 筛选数据方法
+  filterMethod(obj) {
+    let {
+      option,
+      row,
+      column
+    } = obj;
+    // console.log(option, row, column)
+    const cellValue = parseFloat(configUtil.XEUtils.get(row, column.property));
+    // console.log(cellValue)
+    const {
+      name,
+      type
+    } = option.data;
+    if (!name) {
+      return true;
+    }
+    if (type === 'lt') {
+      return cellValue < parseInt(name);
+    } else if (type === 'eq') {
+      return cellValue === parseInt(name);
+    } else if (type === 'gt') {
+      return cellValue > parseInt(name);
+    }
+    return false;
+  }
+});
+configUtil.VXETable.renderer.add('FilterInput', {
+  // 筛选模板
+  renderFilter: configUtil.renderInput,
+  // 筛选方法
+  filterMethod(obj) {
+    let {
+      option,
+      row,
+      column
+    } = obj;
+    const {
+      data
+    } = option;
+
+    let cellValue = getCellValue(obj);
+
+    if (cellValue) {
+      return cellValue.indexOf(data) > -1;
+    }
+    return false;
+  }
+});
+
+moudule.install = function (Vue) {
+  Vue.component("FilterComplex", configUtil.FilterComplex);
+  Vue.component("FilterContent", configUtil.FilterContent);
+  Vue.component("FilterInput", configUtil.FilterInput);
+};
+
+// {field: 'amount', filters: [{ data: { type: 'lt', name: '' } }], filterRender: { name: 'FilterComplex' } },
+// {field: 'freight', filters: [{ data: '' }], filterRender: { name: 'FilterInput' } },
+// {field: 'orderType',filters: [{ data: { valMap: {"1":"常规订单","2":"定制订单" } }],filterRender: {name: 'FilterContent'},width: 150},
+export default moudule;