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

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

@@ -1,316 +1,316 @@
-// 直接引用工具函数，不走 $table 实例上的补丁方法：
-// initVxeTable 只把 getCellValue/createParams 挂在初始化时的那个 xTable 实例上，
-// 页面若用 v-if 销毁重建 vxe-grid（如 product_problem_record/list.vue），
-// 新实例上没有这两个方法，筛选面板会报 $table.getCellValue is not a function
-import { getCellValue, createParams } from "../util/index";
-
-let modules = {};
-
-modules = {
-  contentMixin: {
-    name: "FilterContent",
-    props: {
-      params: Object,
-    },
-    data() {
-      return {
-        size: "mini",
-        isAll: false,
-        option: null,
-        colValList: [],
-        valList: [],
-        valMap: null,
-      };
-    },
-    created() {
-      this.load();
-    },
-    methods: {
-      getShowValue(val) {
-        if (this.valMap && Object.keys(this.valMap).length > 0) {
-          return this.valMap[val];
-        } else {
-          return val;
-        }
-      },
-      load() {
-        const { $table, column } = this.params;
-        const { fullColumn, tableColumn } = $table.getTableColumn();
-        const { fullData } = $table.getTableData();
-        const option = column.filters[0];
-        if (!option.data) {
-          option.data = {
-            sVal: "",
-          };
-        } else if (option.data.sVal == null) {
-          option.data.sVal = "";
-        }
-
-        if (!option.data.hasFilter) {
-          this.isAll = true;
-        }
-
-        let vals = option.data && option.data.vals ? option.data.vals : [];
-        let valMap =
-          option.data && option.data.valMap ? option.data.valMap : null;
-
-        let lsm = {};
-        let colValList = [];
-        fullData.map((row, $rowIndex) => {
-          let cellValue = getCellValue({
-            row,
-            $rowIndex,
-            $table,
-            column,
-          });
-          let sortValue = cellValue
-          let sortField = column.params?.sortField;
-          if(sortField){
-            sortValue = row[sortField]??null;
-          }
-          if (lsm[cellValue]) {
-            lsm[cellValue].count = lsm[cellValue].count + 1;
-          } else {
-            lsm[cellValue] = {
-              checked: !option.data.hasFilter || vals.includes(cellValue),
-              value: cellValue,
-              sortValue: sortValue,
-              count: 1,
-            };
-          }
-        });
-        for (let key in lsm) {
-          colValList.push(lsm[key]);
-        }
-        colValList = this.sortByField(colValList, "sortValue");
-
-        const columnsArr = [];
-
-        this.option = option;
-        this.colValList = colValList;
-        this.valList = colValList;
-        this.valMap = valMap;
-
-        let filterColumns = fullColumn.filter((row, $rowIndex) => {
-          return (
-            row.filterRender &&
-            row.filterRender.name == "FilterContent" &&
-            row.field != column.field
-          );
-        });
-
-        let datas = fullData.filter((row, $rowIndex) => {
-          let item = filterColumns.find((filterColumn) => {
-            let option1 = filterColumn.filters[0];
-            if (!option1.data.hasFilter) {
-              return false;
-            }
-            const vals = option1.data.vals || [];
-            let param = createParams({
-              $table: $table,
-              row,
-              column: filterColumn,
-            });
-            let cellValue = getCellValue(param);
-            return !vals.includes(cellValue);
-          });
-          return item == null;
-        });
-        let lsm2 = {};
-        datas.map((row, $rowIndex) => {
-          let cellValue = getCellValue({
-            row,
-            $rowIndex,
-            $table,
-            column,
-          });
-          if (lsm2[cellValue]) {
-            lsm2[cellValue].count = lsm2[cellValue].count + 1;
-          } else {
-            lsm2[cellValue] = {
-              value: cellValue,
-              count: 1,
-            };
-          }
-        });
-        colValList.forEach((colVal) => {
-          let item = lsm2[colVal.value];
-          if (item) {
-            colVal.filterCount = item.count;
-          } else {
-            colVal.filterCount = 0;
-          }
-        });
-
-        this.searchEvent();
-      },
-      sortByField(array, field) {
-        return [...array].sort((a, b) => {
-          const valA = a[field];
-          const valB = b[field];
-
-          // 处理 null/undefined（视为最小值）
-          if (valA == null) return -1;
-          if (valB == null) return 1;
-          if (valA == null && valB == null) return 0;
-
-          // 尝试数值比较
-          const numA = Number(valA);
-          const numB = Number(valB);
-          if (!isNaN(numA) && !isNaN(numB)) {
-            return numA - numB;
-          }
-
-          // 字符串比较
-          return String(valA).localeCompare(String(valB));
-        });
-      },
-      searchEvent() {
-        let that = this;
-        const { option, colValList } = this;
-        this.valList = option.data.sVal
-          ? colValList.filter(function (item) {
-              let value = item.value;
-              // 空单元格的 value 为 null/undefined，数值列为 number，必须转字符串再匹配
-              return (
-                value != null &&
-                String(value).indexOf(option.data.sVal) > -1
-              );
-            })
-          : colValList;
-        let isAll = this.valList.every((item) => {
-          return item.checked == true;
-        });
-        this.isAll = isAll;
-      },
-      changeAllEvent() {
-        const { isAll } = this;
-        this.valList.forEach((item) => {
-          item.checked = isAll;
-        });
-      },
-      checkItem(checked) {
-        if (checked) {
-          let isAll = this.valList.every((item) => {
-            return item.checked == true;
-          });
-          this.isAll = isAll;
-        } else {
-          this.isAll = false;
-        }
-      },
-      confirmFilterEvent(evnt) {
-        const { params, option, valList, colValList } = this;
-        const { data } = option;
-        const { $panel, $table } = params;
-        let vals = valList
-          .filter((item) => item.checked)
-          .map((item) => item.value);
-        if (!option.data.sVal && colValList.length == vals.length) {
-          this.resetFilterEvent();
-          return;
-        }
-        data.vals = vals;
-        option.data.hasFilter = true;
-        $panel.changeOption(evnt, true, option);
-        $panel.confirmFilter();
-        $table.setAllCheckboxRow(false);
-      },
-      resetFilterEvent() {
-        const { $panel, $table } = this.params;
-        this.option.data.hasFilter = false;
-        $panel.resetFilter();
-        $table.setAllCheckboxRow(false);
-      },
-    },
-  },
-  complexMixin: {
-    name: "FilterComplex",
-    props: {
-      params: Object,
-      events: Object,
-    },
-    data() {
-      return {
-        size: "mini", // 被所有子组件继承 size
-        column: null,
-        option: null,
-      };
-    },
-    created() {
-      this.load();
-    },
-    methods: {
-      load() {
-        const { column } = this.params;
-        const option = column.filters[0];
-        if (!option.data) {
-          option.data = {
-            type: "lt",
-          };
-        } else if (!option.data.type) {
-          option.data.type = "lt";
-        }
-
-        this.column = column;
-        this.option = option;
-      },
-      changeOptionEvent() {
-        const { params, option } = this;
-        const { $panel } = params;
-        const checked = !!option.data.name;
-        $panel.changeOption(null, checked, option);
-      },
-      confirmEvent() {
-        const { $panel, column } = this.params;
-        $panel.confirmFilter();
-      },
-      resetEvent() {
-        // eslint-disable-next-line no-unused-vars
-        const { $panel } = this.params;
-        $panel.resetFilter();
-      },
-    },
-  },
-  inputMixin: {
-    name: "FilterInput",
-    props: {
-      params: Object,
-    },
-    data() {
-      return {
-        column: null,
-        option: null,
-      };
-    },
-    created() {
-      this.load();
-    },
-    methods: {
-      load() {
-        const { column } = this.params;
-        const option = column.filters[0];
-        this.column = column;
-        this.option = option;
-      },
-      changeOptionEvent() {
-        const { params, option } = this;
-        const { $panel } = params;
-        const checked = !!option.data;
-        $panel.changeOption(null, checked, option);
-      },
-      keyupEvent({ $event }) {
-        const { params } = this;
-        const { $panel } = params;
-        if ($event.keyCode === 13) {
-          $panel.confirmFilter();
-        }
-      },
-    },
-  },
-};
-
-export const inputMixin = modules.inputMixin;
-export const complexMixin = modules.complexMixin;
-export const contentMixin = modules.contentMixin;
-export default modules;
+// 直接引用工具函数，不走 $table 实例上的补丁方法：
+// initVxeTable 只把 getCellValue/createParams 挂在初始化时的那个 xTable 实例上，
+// 页面若用 v-if 销毁重建 vxe-grid（如 product_problem_record/list.vue），
+// 新实例上没有这两个方法，筛选面板会报 $table.getCellValue is not a function
+import { getCellValue, createParams } from "../util/index";
+
+let modules = {};
+
+modules = {
+  contentMixin: {
+    name: "FilterContent",
+    props: {
+      params: Object,
+    },
+    data() {
+      return {
+        size: "mini",
+        isAll: false,
+        option: null,
+        colValList: [],
+        valList: [],
+        valMap: null,
+      };
+    },
+    created() {
+      this.load();
+    },
+    methods: {
+      getShowValue(val) {
+        if (this.valMap && Object.keys(this.valMap).length > 0) {
+          return this.valMap[val];
+        } else {
+          return val;
+        }
+      },
+      load() {
+        const { $table, column } = this.params;
+        const { fullColumn, tableColumn } = $table.getTableColumn();
+        const { fullData } = $table.getTableData();
+        const option = column.filters[0];
+        if (!option.data) {
+          option.data = {
+            sVal: "",
+          };
+        } else if (option.data.sVal == null) {
+          option.data.sVal = "";
+        }
+
+        if (!option.data.hasFilter) {
+          this.isAll = true;
+        }
+
+        let vals = option.data && option.data.vals ? option.data.vals : [];
+        let valMap =
+          option.data && option.data.valMap ? option.data.valMap : null;
+
+        let lsm = {};
+        let colValList = [];
+        fullData.map((row, $rowIndex) => {
+          let cellValue = getCellValue({
+            row,
+            $rowIndex,
+            $table,
+            column,
+          });
+          let sortValue = cellValue
+          let sortField = column.params?.sortField;
+          if(sortField){
+            sortValue = row[sortField]??null;
+          }
+          if (lsm[cellValue]) {
+            lsm[cellValue].count = lsm[cellValue].count + 1;
+          } else {
+            lsm[cellValue] = {
+              checked: !option.data.hasFilter || vals.includes(cellValue),
+              value: cellValue,
+              sortValue: sortValue,
+              count: 1,
+            };
+          }
+        });
+        for (let key in lsm) {
+          colValList.push(lsm[key]);
+        }
+        colValList = this.sortByField(colValList, "sortValue");
+
+        const columnsArr = [];
+
+        this.option = option;
+        this.colValList = colValList;
+        this.valList = colValList;
+        this.valMap = valMap;
+
+        let filterColumns = fullColumn.filter((row, $rowIndex) => {
+          return (
+            row.filterRender &&
+            row.filterRender.name == "FilterContent" &&
+            row.field != column.field
+          );
+        });
+
+        let datas = fullData.filter((row, $rowIndex) => {
+          let item = filterColumns.find((filterColumn) => {
+            let option1 = filterColumn.filters[0];
+            if (!option1.data.hasFilter) {
+              return false;
+            }
+            const vals = option1.data.vals || [];
+            let param = createParams({
+              $table: $table,
+              row,
+              column: filterColumn,
+            });
+            let cellValue = getCellValue(param);
+            return !vals.includes(cellValue);
+          });
+          return item == null;
+        });
+        let lsm2 = {};
+        datas.map((row, $rowIndex) => {
+          let cellValue = getCellValue({
+            row,
+            $rowIndex,
+            $table,
+            column,
+          });
+          if (lsm2[cellValue]) {
+            lsm2[cellValue].count = lsm2[cellValue].count + 1;
+          } else {
+            lsm2[cellValue] = {
+              value: cellValue,
+              count: 1,
+            };
+          }
+        });
+        colValList.forEach((colVal) => {
+          let item = lsm2[colVal.value];
+          if (item) {
+            colVal.filterCount = item.count;
+          } else {
+            colVal.filterCount = 0;
+          }
+        });
+
+        this.searchEvent();
+      },
+      sortByField(array, field) {
+        return [...array].sort((a, b) => {
+          const valA = a[field];
+          const valB = b[field];
+
+          // 处理 null/undefined（视为最小值）
+          if (valA == null) return -1;
+          if (valB == null) return 1;
+          if (valA == null && valB == null) return 0;
+
+          // 尝试数值比较
+          const numA = Number(valA);
+          const numB = Number(valB);
+          if (!isNaN(numA) && !isNaN(numB)) {
+            return numA - numB;
+          }
+
+          // 字符串比较
+          return String(valA).localeCompare(String(valB));
+        });
+      },
+      searchEvent() {
+        let that = this;
+        const { option, colValList } = this;
+        this.valList = option.data.sVal
+          ? colValList.filter(function (item) {
+              let value = item.value;
+              // 空单元格的 value 为 null/undefined，数值列为 number，必须转字符串再匹配
+              return (
+                value != null &&
+                String(value).indexOf(option.data.sVal) > -1
+              );
+            })
+          : colValList;
+        let isAll = this.valList.every((item) => {
+          return item.checked == true;
+        });
+        this.isAll = isAll;
+      },
+      changeAllEvent() {
+        const { isAll } = this;
+        this.valList.forEach((item) => {
+          item.checked = isAll;
+        });
+      },
+      checkItem(checked) {
+        if (checked) {
+          let isAll = this.valList.every((item) => {
+            return item.checked == true;
+          });
+          this.isAll = isAll;
+        } else {
+          this.isAll = false;
+        }
+      },
+      confirmFilterEvent(evnt) {
+        const { params, option, valList, colValList } = this;
+        const { data } = option;
+        const { $panel, $table } = params;
+        let vals = valList
+          .filter((item) => item.checked)
+          .map((item) => item.value);
+        if (!option.data.sVal && colValList.length == vals.length) {
+          this.resetFilterEvent();
+          return;
+        }
+        data.vals = vals;
+        option.data.hasFilter = true;
+        $panel.changeOption(evnt, true, option);
+        $panel.confirmFilter();
+        $table.setAllCheckboxRow(false);
+      },
+      resetFilterEvent() {
+        const { $panel, $table } = this.params;
+        this.option.data.hasFilter = false;
+        $panel.resetFilter();
+        $table.setAllCheckboxRow(false);
+      },
+    },
+  },
+  complexMixin: {
+    name: "FilterComplex",
+    props: {
+      params: Object,
+      events: Object,
+    },
+    data() {
+      return {
+        size: "mini", // 被所有子组件继承 size
+        column: null,
+        option: null,
+      };
+    },
+    created() {
+      this.load();
+    },
+    methods: {
+      load() {
+        const { column } = this.params;
+        const option = column.filters[0];
+        if (!option.data) {
+          option.data = {
+            type: "lt",
+          };
+        } else if (!option.data.type) {
+          option.data.type = "lt";
+        }
+
+        this.column = column;
+        this.option = option;
+      },
+      changeOptionEvent() {
+        const { params, option } = this;
+        const { $panel } = params;
+        const checked = !!option.data.name;
+        $panel.changeOption(null, checked, option);
+      },
+      confirmEvent() {
+        const { $panel, column } = this.params;
+        $panel.confirmFilter();
+      },
+      resetEvent() {
+        // eslint-disable-next-line no-unused-vars
+        const { $panel } = this.params;
+        $panel.resetFilter();
+      },
+    },
+  },
+  inputMixin: {
+    name: "FilterInput",
+    props: {
+      params: Object,
+    },
+    data() {
+      return {
+        column: null,
+        option: null,
+      };
+    },
+    created() {
+      this.load();
+    },
+    methods: {
+      load() {
+        const { column } = this.params;
+        const option = column.filters[0];
+        this.column = column;
+        this.option = option;
+      },
+      changeOptionEvent() {
+        const { params, option } = this;
+        const { $panel } = params;
+        const checked = !!option.data;
+        $panel.changeOption(null, checked, option);
+      },
+      keyupEvent({ $event }) {
+        const { params } = this;
+        const { $panel } = params;
+        if ($event.keyCode === 13) {
+          $panel.confirmFilter();
+        }
+      },
+    },
+  },
+};
+
+export const inputMixin = modules.inputMixin;
+export const complexMixin = modules.complexMixin;
+export const contentMixin = modules.contentMixin;
+export default modules;