cloud-web-corejs 1.0.280 → 1.1.0-dev.10

package/src/components/table/tableFormMixin.js

@@ -1,318 +1,318 @@
-import Sortable from "sortablejs";
-import tableUtil from "../../components/table/index.js";
-
-let modules = {};
-modules = {
-  name: "tableForm",
-  props: {
-    formData: {
-      type: Object,
-    },
-
-  },
-  data() {
-    return {
-      showAdvancedSearch: false,
-      form1Fields: [],
-      form2Fields: [],
-      /* 全量列，「确定」按它回写，隐藏列也在里面（不能丢，它照样往上送条件） */
-      tableColumns: [],
-      /* 弹框实际渲染的列，是 tableColumns 里非隐藏项的**引用**（同一批对象，改默认值直接生效） */
-      dialogColumns: [],
-      dialogVisible: false,
-      advancedFormData: {},
-      formDataClone: {},
-      showAdvancedContent: true
-    };
-  },
-  watch: {},
-  created() {},
-  mounted() {
-    let $grid = this.$parent;
-    $grid.tableFormStop = true; //阻塞列表查询
-    this.init(10);
-  },
-  methods: {
-    openAdvancedSearchDialog() {
-      let $grid = this.$parent;
-      let formData = this.formData;
-      let formData2 = this.$baseLodash.cloneDeep(this.formData);
-      let advancedFormData = {};
-      $grid.params.searchColumns.forEach((form1Field) => {
-        let nullValue = this.getNullValue(form1Field);
-        if (!form1Field.common) {
-          let value = formData2[form1Field.field];
-          if (value !== null && value !== undefined) {
-            advancedFormData[form1Field.field] = value;
-          } else {
-            advancedFormData[form1Field.field] = nullValue;
-          }
-        }
-      });
-      this.advancedFormData = advancedFormData;
-      this.formDataClone = this.$baseLodash.cloneDeep(this.formData);
-      this.showAdvancedSearch = true;
-    },
-    confirmAdvancedSearchDialog() {
-      let formDataClone = this.formDataClone;
-      let $grid = this.$parent;
-      let formData = this.formData;
-      let advancedFormData = this.advancedFormData;
-      $grid.params.searchColumns.forEach((form1Field) => {
-        let field = form1Field.field;
-        let nullValue = this.getNullValue(form1Field);
-        if (!form1Field.common) {
-          let value = advancedFormData[field];
-          if (!!form1Field.slot && formData[field] !== formDataClone[field]) {
-          } else if (value !== null && value !== undefined) {
-            formData[field] = value;
-          } else {
-            formData[field] = nullValue;
-          }
-        }
-      });
-      this.searchEvent();
-    },
-    clearAdvancedSearchDialog() {
-      let $grid = this.$parent;
-      let formData = this.formData;
-      let advancedFormData = this.advancedFormData;
-      $grid.params.searchColumns.forEach((form1Field) => {
-        let nullValue = this.getNullValue(form1Field);
-        if (!form1Field.common) {
-
-          // formData[form1Field.field] = nullValue;
-          if(formData[form1Field.field] && Array.isArray(formData[form1Field.field])  ){
-            formData[form1Field.field].length = 0;
-          }else{
-            formData[form1Field.field] = nullValue;
-          }
-
-          if(advancedFormData[form1Field.field] && Array.isArray(advancedFormData[form1Field.field])  ){
-            advancedFormData[form1Field.field].length = 0;
-          }else{
-            advancedFormData[form1Field.field] = nullValue;
-          }
-        }
-      });
-      this.$emit("advancedClear",formData);
-      this.showAdvancedContent = false;
-      this.$nextTick(() => {
-        this.showAdvancedContent = true;
-      })
-    },
-    searchEvent() {
-      this.$emit("searchEvent");
-    },
-    resetEvent() {
-      this.$emit("resetEvent");
-    },
-    init(s) {
-      setTimeout(() => {
-        let $grid = this.$parent;
-        if (!$grid.params) {
-          this.init(10);
-          return;
-        }
-        let originOption = $grid.params.originOption;
-        if (!originOption || !$grid.params.searchColumns) {
-          this.init(10);
-          return;
-        }
-        this.handleSyncFun();
-      }, s);
-    },
-    getIsDateRange(item) {
-      let type = item.type;
-      let widgetType = item.widgetType;
-      let widgetConfig = item.widgetConfig || {};
-      let isDateRange = false;
-      if (type === "time" && widgetConfig.isRange) {
-        isDateRange = true;
-      } else if (type === "date") {
-        if (widgetConfig.isRange) {
-          isDateRange = true;
-        } else if (
-          [
-            "dates",
-            "months",
-            "years",
-            "datetimerange",
-            "daterange",
-            "monthrange",
-          ].includes(widgetType)
-        ) {
-          isDateRange = true;
-        }
-      }
-
-      return isDateRange;
-    },
-    getNullValue(item) {
-      let type = item.type;
-      let widgetType = item.widgetType;
-      let widgetConfig = item.widgetConfig || {};
-      let value = null;
-      if (type === "inputBatch") {
-        value = [];
-      } else if (this.getIsDateRange(item)) {
-        // value = [];
-        value = null;
-      }
-      return value;
-    },
-    handleSyncFun() {
-      let requests = [];
-      let $grid = this.$parent;
-      let originOption = $grid.params.originOption;
-      let formData = this.formData;
-      let advancedFormData = this.advancedFormData;
-      $grid.params.searchColumns.forEach((form1Field) => {
-        if (form1Field.defaultValueEnabled !== false) {
-          if (form1Field.common) {
-            if (form1Field.hasOwnProperty("defaultValue")) {
-              this.$set(formData, form1Field.field, form1Field.defaultValue);
-            }
-          } else {
-            if (form1Field.hasOwnProperty("defaultValue")) {
-              // this.$set(advancedFormData, form1Field.field, form1Field.defaultValue);
-              this.$set(formData, form1Field.field, form1Field.defaultValue);
-            }
-          }
-        }
-
-        if (form1Field.syncHandle) {
-          requests.push(
-            form1Field.syncHandle().then((rows) => {
-              let itemOption = rows || [];
-              form1Field.itemOption = itemOption;
-              let nColumn = originOption.searchColumns.find(
-                (item) => item.field === form1Field.field
-              );
-              if (nColumn) {
-                nColumn.itemOption = itemOption;
-              }
-            })
-          );
-        }
-      });
-      $grid.tableFormStop = false; //释放列表查询
-      if (requests.length) {
-        Promise.all(requests)
-          .then((responses) => {
-            let searchColumns = this.$baseLodash.cloneDeep($grid.params.searchColumns);
-            this.form1Fields = searchColumns.filter((item) => item.common);
-            this.form2Fields = searchColumns.filter((item) => !item.common);
-          })
-          .catch((error) => {
-            // 至少一个请求失败了
-            console.error("An error occurred:", error);
-          });
-      } else {
-        let searchColumns = this.$baseLodash.cloneDeep($grid.params.searchColumns);
-        this.form1Fields = searchColumns.filter((item) => item.common);
-        this.form2Fields = searchColumns.filter((item) => !item.common);
-      }
-    },
-    openTableColumnsDialog() {
-      let $grid = this.$parent;
-      // 原写法 let tableColumns = (tableColumns = ...) 自引用触发 TDZ，
-      // 只因 Babel 把 let 降成 var 才没在浏览器里炸
-      let tableColumns = this.$baseLodash.cloneDeep(
-        $grid.params.searchColumns || []
-      );
-      tableColumns.forEach((item) => {
-        if (!item.widgetConfig) item.widgetConfig = {};
-      });
-      this.tableColumns = tableColumns;
-      // 隐藏字段（如查询区里存树ID的隐藏输入框）是内部条件，不给用户看也不给拖
-      this.dialogColumns = tableColumns.filter((item) => !item.hidden);
-      this.dialogVisible = true;
-      this.$nextTick(() => {
-        this.$nextTick(() => {
-          this.dragSort();
-        });
-      });
-    },
-    dragSort: function () {
-      let e = this.$refs.singleTable.$el.querySelectorAll(
-          ".el-table__body-wrapper > table > tbody"
-        )[0],
-        t = this.tableColumns,
-        visible = this.dialogColumns;
-      this.sortable = Sortable.create(e, {
-        ghostClass: "sortable-ghost",
-        // 固定查询条件不可拖动（它的位置由配置决定，个性化也不该记）
-        filter: ".drag-disabled",
-        setData: function (e) {
-          e.setData("Text", "");
-        },
-        onEnd: function (e) {
-          // 拖拽发生在「可见列」上，隐藏列不在其中，所以要把新次序同步回全量列：
-          // 先在可见列里挪好，再按「新位置的后一个可见列」定位插到全量列的哪里。
-          let moved = visible.splice(e.oldIndex, 1)[0];
-          visible.splice(e.newIndex, 0, moved);
-          let fullIndex = t.indexOf(moved);
-          if (fullIndex > -1) {
-            t.splice(fullIndex, 1);
-          }
-          let nextVisible = visible[e.newIndex + 1];
-          let insertAt = nextVisible ? t.indexOf(nextVisible) : t.length;
-          t.splice(insertAt < 0 ? t.length : insertAt, 0, moved);
-        },
-      });
-    },
-    /** 固定查询条件行加标记类：禁拖拽（Sortable filter）+ 视觉上区分 */
-    dialogRowClassName({ row }) {
-      return row && row.lockValue ? "drag-disabled" : "";
-    },
-    dialogPrimary(newTableColumns) {
-      let searchColumns = this.$baseLodash.cloneDeep(
-        newTableColumns || this.tableColumns
-      );
-      this.form1Fields = searchColumns.filter((item) => item.common);
-      this.form2Fields = searchColumns.filter((item) => !item.common);
-      let $grid = this.$parent;
-      $grid.params.searchColumns = searchColumns;
-
-      let originOption = $grid.params.originOption;
-      let tableName = originOption.tableName;
-      tableUtil.addTableJson(originOption.vue, $grid, tableName);
-      this.dialogVisible = false;
-
-      let formData = this.formData;
-      let advancedFormData = this.advancedFormData;
-      /*formData = {};
-      advancedFormData = {};*/
-      // this.$set(this, "formData", {});
-      // this.$set(this, "advancedFormData", {});
-      searchColumns.forEach((form1Field) => {
-        // 固定查询条件：值由业务通道（树点选 / 脚本 setValue / 页面回填）注入，
-        // 「确定」「还原」都不许覆盖它，否则一点设置就把当前上下文查丢了。
-        // 注意只认 lockValue，不认 fixed —— 手写页面的 fixed 列（如分支）
-        // 正是靠这里按 defaultValue 回填的，跳过它们会打掉原有行为。
-        if (form1Field.lockValue) {
-          return;
-        }
-        let nullValue = this.getNullValue(form1Field);
-        let defaultValue = nullValue;
-        if (form1Field.defaultValueEnabled !== false) {
-          defaultValue = form1Field.defaultValue ?? nullValue;
-        }
-        let currentData = formData;
-        this.$set(currentData, form1Field.field, defaultValue);
-        if (form1Field.field2) {
-          this.$set(currentData, form1Field.field2, defaultValue);
-        }
-      });
-      this.searchEvent();
-      this.$emit("settingConfirm");
-    },
-    dialogReset() {
-      let $grid = this.$parent;
-      let originOption = $grid.params.originOption;
-      this.dialogPrimary(originOption.searchColumns);
-    },
-  },
-};
-export default modules;
+import Sortable from "sortablejs";
+import tableUtil from "../../components/table/index.js";
+
+let modules = {};
+modules = {
+  name: "tableForm",
+  props: {
+    formData: {
+      type: Object,
+    },
+
+  },
+  data() {
+    return {
+      showAdvancedSearch: false,
+      form1Fields: [],
+      form2Fields: [],
+      /* 全量列，「确定」按它回写，隐藏列也在里面（不能丢，它照样往上送条件） */
+      tableColumns: [],
+      /* 弹框实际渲染的列，是 tableColumns 里非隐藏项的**引用**（同一批对象，改默认值直接生效） */
+      dialogColumns: [],
+      dialogVisible: false,
+      advancedFormData: {},
+      formDataClone: {},
+      showAdvancedContent: true
+    };
+  },
+  watch: {},
+  created() {},
+  mounted() {
+    let $grid = this.$parent;
+    $grid.tableFormStop = true; //阻塞列表查询
+    this.init(10);
+  },
+  methods: {
+    openAdvancedSearchDialog() {
+      let $grid = this.$parent;
+      let formData = this.formData;
+      let formData2 = this.$baseLodash.cloneDeep(this.formData);
+      let advancedFormData = {};
+      $grid.params.searchColumns.forEach((form1Field) => {
+        let nullValue = this.getNullValue(form1Field);
+        if (!form1Field.common) {
+          let value = formData2[form1Field.field];
+          if (value !== null && value !== undefined) {
+            advancedFormData[form1Field.field] = value;
+          } else {
+            advancedFormData[form1Field.field] = nullValue;
+          }
+        }
+      });
+      this.advancedFormData = advancedFormData;
+      this.formDataClone = this.$baseLodash.cloneDeep(this.formData);
+      this.showAdvancedSearch = true;
+    },
+    confirmAdvancedSearchDialog() {
+      let formDataClone = this.formDataClone;
+      let $grid = this.$parent;
+      let formData = this.formData;
+      let advancedFormData = this.advancedFormData;
+      $grid.params.searchColumns.forEach((form1Field) => {
+        let field = form1Field.field;
+        let nullValue = this.getNullValue(form1Field);
+        if (!form1Field.common) {
+          let value = advancedFormData[field];
+          if (!!form1Field.slot && formData[field] !== formDataClone[field]) {
+          } else if (value !== null && value !== undefined) {
+            formData[field] = value;
+          } else {
+            formData[field] = nullValue;
+          }
+        }
+      });
+      this.searchEvent();
+    },
+    clearAdvancedSearchDialog() {
+      let $grid = this.$parent;
+      let formData = this.formData;
+      let advancedFormData = this.advancedFormData;
+      $grid.params.searchColumns.forEach((form1Field) => {
+        let nullValue = this.getNullValue(form1Field);
+        if (!form1Field.common) {
+
+          // formData[form1Field.field] = nullValue;
+          if(formData[form1Field.field] && Array.isArray(formData[form1Field.field])  ){
+            formData[form1Field.field].length = 0;
+          }else{
+            formData[form1Field.field] = nullValue;
+          }
+
+          if(advancedFormData[form1Field.field] && Array.isArray(advancedFormData[form1Field.field])  ){
+            advancedFormData[form1Field.field].length = 0;
+          }else{
+            advancedFormData[form1Field.field] = nullValue;
+          }
+        }
+      });
+      this.$emit("advancedClear",formData);
+      this.showAdvancedContent = false;
+      this.$nextTick(() => {
+        this.showAdvancedContent = true;
+      })
+    },
+    searchEvent() {
+      this.$emit("searchEvent");
+    },
+    resetEvent() {
+      this.$emit("resetEvent");
+    },
+    init(s) {
+      setTimeout(() => {
+        let $grid = this.$parent;
+        if (!$grid.params) {
+          this.init(10);
+          return;
+        }
+        let originOption = $grid.params.originOption;
+        if (!originOption || !$grid.params.searchColumns) {
+          this.init(10);
+          return;
+        }
+        this.handleSyncFun();
+      }, s);
+    },
+    getIsDateRange(item) {
+      let type = item.type;
+      let widgetType = item.widgetType;
+      let widgetConfig = item.widgetConfig || {};
+      let isDateRange = false;
+      if (type === "time" && widgetConfig.isRange) {
+        isDateRange = true;
+      } else if (type === "date") {
+        if (widgetConfig.isRange) {
+          isDateRange = true;
+        } else if (
+          [
+            "dates",
+            "months",
+            "years",
+            "datetimerange",
+            "daterange",
+            "monthrange",
+          ].includes(widgetType)
+        ) {
+          isDateRange = true;
+        }
+      }
+
+      return isDateRange;
+    },
+    getNullValue(item) {
+      let type = item.type;
+      let widgetType = item.widgetType;
+      let widgetConfig = item.widgetConfig || {};
+      let value = null;
+      if (type === "inputBatch") {
+        value = [];
+      } else if (this.getIsDateRange(item)) {
+        // value = [];
+        value = null;
+      }
+      return value;
+    },
+    handleSyncFun() {
+      let requests = [];
+      let $grid = this.$parent;
+      let originOption = $grid.params.originOption;
+      let formData = this.formData;
+      let advancedFormData = this.advancedFormData;
+      $grid.params.searchColumns.forEach((form1Field) => {
+        if (form1Field.defaultValueEnabled !== false) {
+          if (form1Field.common) {
+            if (form1Field.hasOwnProperty("defaultValue")) {
+              this.$set(formData, form1Field.field, form1Field.defaultValue);
+            }
+          } else {
+            if (form1Field.hasOwnProperty("defaultValue")) {
+              // this.$set(advancedFormData, form1Field.field, form1Field.defaultValue);
+              this.$set(formData, form1Field.field, form1Field.defaultValue);
+            }
+          }
+        }
+
+        if (form1Field.syncHandle) {
+          requests.push(
+            form1Field.syncHandle().then((rows) => {
+              let itemOption = rows || [];
+              form1Field.itemOption = itemOption;
+              let nColumn = originOption.searchColumns.find(
+                (item) => item.field === form1Field.field
+              );
+              if (nColumn) {
+                nColumn.itemOption = itemOption;
+              }
+            })
+          );
+        }
+      });
+      $grid.tableFormStop = false; //释放列表查询
+      if (requests.length) {
+        Promise.all(requests)
+          .then((responses) => {
+            let searchColumns = this.$baseLodash.cloneDeep($grid.params.searchColumns);
+            this.form1Fields = searchColumns.filter((item) => item.common);
+            this.form2Fields = searchColumns.filter((item) => !item.common);
+          })
+          .catch((error) => {
+            // 至少一个请求失败了
+            console.error("An error occurred:", error);
+          });
+      } else {
+        let searchColumns = this.$baseLodash.cloneDeep($grid.params.searchColumns);
+        this.form1Fields = searchColumns.filter((item) => item.common);
+        this.form2Fields = searchColumns.filter((item) => !item.common);
+      }
+    },
+    openTableColumnsDialog() {
+      let $grid = this.$parent;
+      // 原写法 let tableColumns = (tableColumns = ...) 自引用触发 TDZ，
+      // 只因 Babel 把 let 降成 var 才没在浏览器里炸
+      let tableColumns = this.$baseLodash.cloneDeep(
+        $grid.params.searchColumns || []
+      );
+      tableColumns.forEach((item) => {
+        if (!item.widgetConfig) item.widgetConfig = {};
+      });
+      this.tableColumns = tableColumns;
+      // 隐藏字段（如查询区里存树ID的隐藏输入框）是内部条件，不给用户看也不给拖
+      this.dialogColumns = tableColumns.filter((item) => !item.hidden);
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$nextTick(() => {
+          this.dragSort();
+        });
+      });
+    },
+    dragSort: function () {
+      let e = this.$refs.singleTable.$el.querySelectorAll(
+          ".el-table__body-wrapper > table > tbody"
+        )[0],
+        t = this.tableColumns,
+        visible = this.dialogColumns;
+      this.sortable = Sortable.create(e, {
+        ghostClass: "sortable-ghost",
+        // 固定查询条件不可拖动（它的位置由配置决定，个性化也不该记）
+        filter: ".drag-disabled",
+        setData: function (e) {
+          e.setData("Text", "");
+        },
+        onEnd: function (e) {
+          // 拖拽发生在「可见列」上，隐藏列不在其中，所以要把新次序同步回全量列：
+          // 先在可见列里挪好，再按「新位置的后一个可见列」定位插到全量列的哪里。
+          let moved = visible.splice(e.oldIndex, 1)[0];
+          visible.splice(e.newIndex, 0, moved);
+          let fullIndex = t.indexOf(moved);
+          if (fullIndex > -1) {
+            t.splice(fullIndex, 1);
+          }
+          let nextVisible = visible[e.newIndex + 1];
+          let insertAt = nextVisible ? t.indexOf(nextVisible) : t.length;
+          t.splice(insertAt < 0 ? t.length : insertAt, 0, moved);
+        },
+      });
+    },
+    /** 固定查询条件行加标记类：禁拖拽（Sortable filter）+ 视觉上区分 */
+    dialogRowClassName({ row }) {
+      return row && row.lockValue ? "drag-disabled" : "";
+    },
+    dialogPrimary(newTableColumns) {
+      let searchColumns = this.$baseLodash.cloneDeep(
+        newTableColumns || this.tableColumns
+      );
+      this.form1Fields = searchColumns.filter((item) => item.common);
+      this.form2Fields = searchColumns.filter((item) => !item.common);
+      let $grid = this.$parent;
+      $grid.params.searchColumns = searchColumns;
+
+      let originOption = $grid.params.originOption;
+      let tableName = originOption.tableName;
+      tableUtil.addTableJson(originOption.vue, $grid, tableName);
+      this.dialogVisible = false;
+
+      let formData = this.formData;
+      let advancedFormData = this.advancedFormData;
+      /*formData = {};
+      advancedFormData = {};*/
+      // this.$set(this, "formData", {});
+      // this.$set(this, "advancedFormData", {});
+      searchColumns.forEach((form1Field) => {
+        // 固定查询条件：值由业务通道（树点选 / 脚本 setValue / 页面回填）注入，
+        // 「确定」「还原」都不许覆盖它，否则一点设置就把当前上下文查丢了。
+        // 注意只认 lockValue，不认 fixed —— 手写页面的 fixed 列（如分支）
+        // 正是靠这里按 defaultValue 回填的，跳过它们会打掉原有行为。
+        if (form1Field.lockValue) {
+          return;
+        }
+        let nullValue = this.getNullValue(form1Field);
+        let defaultValue = nullValue;
+        if (form1Field.defaultValueEnabled !== false) {
+          defaultValue = form1Field.defaultValue ?? nullValue;
+        }
+        let currentData = formData;
+        this.$set(currentData, form1Field.field, defaultValue);
+        if (form1Field.field2) {
+          this.$set(currentData, form1Field.field2, defaultValue);
+        }
+      });
+      this.searchEvent();
+      this.$emit("settingConfirm");
+    },
+    dialogReset() {
+      let $grid = this.$parent;
+      let originOption = $grid.params.originOption;
+      this.dialogPrimary(originOption.searchColumns);
+    },
+  },
+};
+export default modules;