cnhis-design-vue 3.1.14-beta.2 → 3.1.14-beta.5

package/es/packages/big-table/src/components/input-button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode } from 'vue';
+import { NInput, NButton } from 'naive-ui';
+
+const _hoisted_1 = /* @__PURE__ */ createTextVNode("\u641C\u7D22");
+var script = /* @__PURE__ */ defineComponent({
+  __name: "input-button",
+  setup(__props) {
+    const content = ref("");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NInput), {
+        value: content.value,
+        "onUpdate:value": _cache[1] || (_cache[1] = ($event) => content.value = $event),
+        placeholder: "\u5B57\u6BB5\u641C\u7D22",
+        class: "check-seach-input"
+      }, {
+        suffix: withCtx(() => [
+          createVNode(unref(NButton), {
+            text: "",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("trigger", content.value))
+          }, {
+            default: withCtx(() => [
+              _hoisted_1
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["value"]);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/big-table/src/components/separate.js

@@ -0,0 +1,4 @@
+import script from './separate.vue_vue_type_script_setup_true_lang.js';
+export { default } from './separate.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/big-table/src/components/separate.vue";

package/es/packages/big-table/src/components/separate.vue.d.ts

@@ -0,0 +1,43 @@
+import { AnyObject } from '../../../../../es/src/types';
+import { PropType } from 'vue';
+import { VxeTableDefines } from 'vxe-table';
+declare const _default: import("vue").DefineComponent<{
+    col: {
+        type: PropType<VxeTableDefines.ColumnInfo>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        col: {
+            type: PropType<VxeTableDefines.ColumnInfo>;
+            required: true;
+        };
+        row: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+    }>> & {
+        [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
+    separateDataMap: import("vue").Ref<WeakMap<AnyObject, {
+        separateData: Record<string, string>;
+        index: number;
+        rawRow: AnyObject;
+        row: AnyObject;
+    }>>;
+    displayContent: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    col: {
+        type: PropType<VxeTableDefines.ColumnInfo>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/es/packages/big-table/src/components/separate.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { defineComponent, computed, openBlock, createElementBlock, toDisplayString, unref } from 'vue';
+import { useSeparateMap } from '../../../../packages/big-table/src/hooks/useSeparateRow';
+
+const _hoisted_1 = { style: { padding: "4px 0" } };
+var script = /* @__PURE__ */ defineComponent({
+  __name: "separate",
+  props: {
+    col: { type: Object, required: true },
+    row: { type: Object, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const { separateDataMap } = useSeparateMap();
+    const displayContent = computed(() => {
+      const target = separateDataMap.value.get(props.row);
+      return target ? target.separateData[props.col.field] : "";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(displayContent)), 1);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/big-table/src/constants/index.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from 'vue';
+import { SeparateHandle } from '../../../../../es/packages/big-table/src/hooks/useSeparateRow';
+export declare const InjectionSeparateHandle: InjectionKey<SeparateHandle>;

package/es/packages/big-table/src/constants/index.js

@@ -0,0 +1,3 @@
+const InjectionSeparateHandle = Symbol("InjectionSeparateHandle");
+
+export { InjectionSeparateHandle };

package/es/packages/big-table/src/hooks/export.d.ts

@@ -0,0 +1 @@
+export * from './useColumnConfigAdaptor';

package/es/packages/big-table/src/hooks/export.js

@@ -0,0 +1 @@
+export { useColumnConfigAdaptor } from './useColumnConfigAdaptor.js';

package/es/packages/big-table/src/hooks/useBatchEditing.d.ts

@@ -0,0 +1,17 @@
+export declare const useBatchEditing: (props: any, state: any, emit: any, xGrid: any) => {
+    allSelectedLength: import("vue").ComputedRef<any>;
+    checkOperateCurrentTable: () => boolean;
+    setRowStatus: (vxeTable: any, rowIndex: number, value: any) => false | undefined;
+    resetBatchOperationRowStatus: () => false | undefined;
+    checkListFormUnionSettingParamsList: () => boolean;
+    handleClickCancelBtnByInline: () => Promise<void>;
+    setAllRowInlineStatus: (disabled?: boolean) => void;
+    hideSelectCloumns: () => void;
+    handleEditFormLength: () => number | undefined;
+    getInlineOpreateRow: () => {
+        row: any;
+        rowIndex: any;
+    };
+    resetOperationRowStatus: () => false | undefined;
+    recordClickBtnInfo: (row?: any, index?: number) => void;
+};

package/es/packages/big-table/src/hooks/useBatchEditing.js

@@ -0,0 +1,289 @@
+import { computed, watch } from 'vue';
+
+const useBatchEditing = (props, state, emit, xGrid) => {
+  let _batchFieldList = [];
+  const allSelectedLength = computed(() => {
+    var _a;
+    return (_a = state.checkedRows) == null ? void 0 : _a.length;
+  });
+  watch(() => props.isBatchEditing, (val) => {
+    if (!val || props.isNestTable)
+      return false;
+    if (state.isTree != 0 || !props.isMatchComponent)
+      return false;
+    if (!checkOperateCurrentTable()) {
+      resetBatchOperationRowStatus();
+      return false;
+    }
+    hideSelectCloumns();
+    handleClickBatchEditBtnByInline();
+  });
+  watch(() => props.isBatchSave, (val) => {
+    if (!val || props.isNestTable)
+      return false;
+    if (state.isTree != 0 || !props.isMatchComponent)
+      return false;
+    if (!checkOperateCurrentTable())
+      return false;
+    handleClickBatchSaveBtnByInline();
+  });
+  watch(() => props.isBatchCancel, (val) => {
+    if (!val || props.isNestTable)
+      return false;
+    if (state.isTree != 0 || !props.isMatchComponent)
+      return false;
+    if (!checkOperateCurrentTable())
+      return false;
+    handleClickBatchCancelBtnByInline();
+  });
+  watch(() => props.isBatchCancel, (val) => {
+    if (!val || props.isNestTable)
+      return false;
+    if (state.isTree != 0 || !props.isMatchComponent)
+      return false;
+    if (!checkOperateCurrentTable())
+      return false;
+    handleClickBatchCancelBtnByInline();
+  });
+  const checkOperateCurrentTable = () => {
+    var _a;
+    if (props.isNestTable)
+      return false;
+    let id = props.inlineEditCurrentOperateBtnId;
+    let find = (_a = props.btnList) == null ? void 0 : _a.find((item) => {
+      var _a2, _b;
+      return ((_b = (_a2 = item == null ? void 0 : item.settingObj) == null ? void 0 : _a2[0]) == null ? void 0 : _b.obj_id) === id;
+    });
+    return !!find;
+  };
+  const setRowStatus = (vxeTable, rowIndex, value) => {
+    if (!vxeTable)
+      return false;
+    let tableWrap = [
+      vxeTable.querySelector(".vxe-table--main-wrapper"),
+      vxeTable.querySelector(".vxe-table--fixed-left-wrapper"),
+      vxeTable.querySelector(".vxe-table--fixed-right-wrapper"),
+      vxeTable.querySelector(".vxe-table--body-wrapper")
+    ].filter((item) => item);
+    let rowWrap = [];
+    tableWrap.forEach((table) => {
+      let row = [...table.querySelectorAll(".vxe-body--row")];
+      rowWrap.push(row[rowIndex]);
+    });
+    rowWrap = rowWrap.filter((item) => item);
+    let height = value ? `${value}px` : value;
+    let lineHeight = value ? `${value - 10}px` : value;
+    rowWrap.forEach((wrap) => {
+      let rowItemWrap = [...wrap.querySelectorAll(".vxe-cell")];
+      rowItemWrap.push(...[...wrap.querySelectorAll(".vxe-body--column")]);
+      rowItemWrap.forEach((dom) => {
+        dom.style.setProperty("height", height, "important");
+        dom.style.lineHeight = lineHeight;
+        if (height) {
+          dom.style.backgroundColor = "#EFF5FF";
+          setTimeout(() => {
+            dom.title = "";
+          }, 1e3);
+        } else {
+          dom.style.backgroundColor = null;
+        }
+      });
+    });
+  };
+  const resetBatchOperationRowStatus = () => {
+    if (state.isTree != 0)
+      return false;
+    const vxeTable = xGrid.value;
+    let { tableData } = vxeTable.getTableData();
+    vxeTable.clearActived();
+    vxeTable.resetColumn();
+    tableData.forEach((row, index) => {
+      setRowStatus(vxeTable.$el, index, null);
+      row["__isInlineEditing"] = false;
+      row["__isDisableInlineEdit"] = false;
+    });
+  };
+  const hideSelectCloumns = () => {
+    var _a;
+    const vxeTable = xGrid.value;
+    let findSelectCloumns = (_a = vxeTable.getColumns()) == null ? void 0 : _a.find((item) => item.type === state.selectType);
+    findSelectCloumns && vxeTable.hideColumn(findSelectCloumns);
+  };
+  const checkListFormUnionSettingParamsList = () => {
+    var _a, _b, _c;
+    if (!((_b = (_a = props.listFormUnionSetting) == null ? void 0 : _a.paramsList) == null ? void 0 : _b.length)) {
+      window.$message.warning("\u53EF\u7F16\u8F91\u884C\u9700\u8981\u8BBE\u7F6E\u5173\u8054\u8868\u5355\u5B57\u6BB5\uFF0C\u8BBE\u7F6E\u540E\u8BF7\u91CD\u8BD5\uFF01");
+      emit("resetInlineEditAll", false);
+      emit("triggerSpinning", false);
+      return false;
+    }
+    let find = (_c = props.fieldListOriginal) == null ? void 0 : _c.find((item) => item.isEdit == 1);
+    if (!find) {
+      window.$message.warning("\u6CA1\u6709\u8BBE\u7F6E\u53EF\u7F16\u8F91\u5B57\u6BB5\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458");
+      emit("resetInlineEditAll", false);
+      emit("triggerSpinning", false);
+      return false;
+    }
+    return true;
+  };
+  const resetStoreInlineOperationStatus = () => {
+    if (state.isTree != 0)
+      return false;
+    state.isSaveForm = false;
+  };
+  const getInlineOpreateRow = () => {
+    const vxeTable = xGrid.value;
+    if (props.isInlineAdding) {
+      let { tableData } = vxeTable.getTableData();
+      return {
+        row: tableData[0],
+        rowIndex: 0
+      };
+    }
+    if (state.showButtonTop == 0) {
+      let { row: row2, index: rowIndex } = state.currentClickBtnInfo || {};
+      return {
+        row: row2,
+        rowIndex
+      };
+    }
+    let row = props.clickRowData;
+    for (var i = 0; i < props.oldtableData.length; i++) {
+      let item = props.oldtableData[i];
+      if (item[props.primaryKey] === row[props.primaryKey])
+        break;
+    }
+    return {
+      row,
+      rowIndex: i
+    };
+  };
+  const setAllRowInlineStatus = (disabled = false) => {
+    const vxeTable = xGrid.value;
+    let { tableData } = vxeTable.getTableData();
+    tableData.forEach((row) => {
+      row["__isInlineEditing"] = false;
+      row["__isDisableInlineEdit"] = disabled;
+    });
+  };
+  const recordClickBtnInfo = (row, index) => {
+    state.currentClickBtnInfo = {
+      row,
+      index
+    };
+  };
+  const resetOperationRowStatus = () => {
+    if (state.isTree != 0)
+      return false;
+    const vxeTable = xGrid.value;
+    let { row, rowIndex } = getInlineOpreateRow();
+    if (!row)
+      return false;
+    if (row == null ? void 0 : row.__isInsertRow) {
+      vxeTable.remove(row);
+    }
+    vxeTable.clearActived().then(() => {
+      row && vxeTable.revertData(row);
+      setRowStatus(vxeTable.$el, rowIndex, null);
+      vxeTable.resetColumn();
+      setAllRowInlineStatus();
+      recordClickBtnInfo();
+    });
+  };
+  const handleClickCancelBtnByInline = async () => {
+    const vxeTable = xGrid.value;
+    setRowStatus(vxeTable.$el, 0, null);
+    resetStoreInlineOperationStatus();
+    await vxeTable.reloadData(state.originFormatList);
+    resetOperationRowStatus();
+    emit("handleClickBtnByInline", {
+      type: "CANCEL"
+    });
+  };
+  const getBatchOpreateRows = () => {
+    const vxeTable = xGrid.value;
+    let arr = state.checkedRows;
+    let { tableData } = vxeTable.getTableData();
+    if (props.isEditAllRow) {
+      arr = tableData;
+    }
+    arr.forEach((item, i) => {
+      let rowIndex = i;
+      if (!props.isEditAllRow) {
+        let matchIndex = tableData.findIndex((v) => v[props.primaryKey] == item[props.primaryKey]);
+        if (matchIndex > -1) {
+          rowIndex = matchIndex;
+        }
+      }
+      setRowStatus(vxeTable.$el, rowIndex, "66");
+      item["__isInlineEditing"] = true;
+    });
+  };
+  const handleClickBatchEditBtnByInline = async () => {
+    if (!checkListFormUnionSettingParamsList()) {
+      handleClickCancelBtnByInline();
+      return false;
+    }
+    let arr = state.checkedRows;
+    const vxeTable = xGrid.value;
+    let { tableData } = vxeTable.getTableData();
+    if (props.isEditAllRow) {
+      arr = tableData;
+    }
+    await vxeTable.loadData(arr);
+    await props.resetInlineBatchEdit();
+    setAllRowInlineStatus(true);
+    getBatchOpreateRows();
+  };
+  const handleEditFormLength = () => {
+    let fieldLength = _batchFieldList.length;
+    if (!fieldLength)
+      return;
+    if (props.isInlineAdding) {
+      return fieldLength;
+    }
+    let rowLen = allSelectedLength.value;
+    const vxeTable = xGrid.value;
+    let { tableData } = vxeTable.getTableData();
+    if (props.isEditAllRow) {
+      rowLen = tableData.length;
+    }
+    if (!rowLen)
+      return;
+    return fieldLength * rowLen;
+  };
+  const handleClickBatchSaveBtnByInline = () => {
+    if (props.spinning)
+      return false;
+    emit("resetBatchEditDoneStatus");
+    let formDom = document.querySelectorAll(".js-inlineEditForm");
+    let sliceLen = handleEditFormLength();
+    formDom = [...formDom].slice(0, sliceLen);
+    formDom.forEach((item) => {
+      item.__vue__.handleSubmitForm();
+    });
+  };
+  const handleClickBatchCancelBtnByInline = async () => {
+    state.isSaveForm = false;
+    emit("resetInlineEditAll", false);
+    const vxeTable = xGrid.value;
+    await vxeTable.reloadData(state.originFormatList);
+    resetBatchOperationRowStatus();
+  };
+  return {
+    allSelectedLength,
+    checkOperateCurrentTable,
+    setRowStatus,
+    resetBatchOperationRowStatus,
+    checkListFormUnionSettingParamsList,
+    handleClickCancelBtnByInline,
+    setAllRowInlineStatus,
+    hideSelectCloumns,
+    handleEditFormLength,
+    getInlineOpreateRow,
+    resetOperationRowStatus,
+    recordClickBtnInfo
+  };
+};
+
+export { useBatchEditing };

package/es/packages/big-table/src/hooks/useColumnConfigAdaptor.d.ts

@@ -0,0 +1,11 @@
+import { AnyObject } from '../../../../../es/src/types';
+interface FormConfigLikePayload {
+    fieldList: AnyObject[];
+}
+declare type EditRules = Record<string, AnyObject[]>;
+export declare function useColumnConfigAdaptor(): {
+    formConfigLikeAdaptor: (payload: FormConfigLikePayload) => FormConfigLikePayload & {
+        editRules?: EditRules | undefined;
+    };
+};
+export {};

package/es/packages/big-table/src/hooks/useColumnConfigAdaptor.js

@@ -0,0 +1,94 @@
+import { isObject, cloneDeep, isString, isFunction, isArray } from 'lodash-es';
+
+const REMOVE_PROPERTY = Symbol("remove property");
+function useColumnConfigAdaptor() {
+  function formConfigLikeAdaptor(payload) {
+    const editRules = {};
+    if (!isObject(payload))
+      return { fieldList: [], editRules };
+    const fieldList = formConfigLikeFieldListTransfer(payload.fieldList);
+    return { fieldList, editRules };
+    function formConfigLikeFieldListTransfer(fieldList2) {
+      const fixedWayEnumValueMap = /* @__PURE__ */ new Map([
+        ["NONE", 0],
+        ["LEFT", 1],
+        ["RIGHT", 2]
+      ]);
+      const multipleValueMap = /* @__PURE__ */ new Map([
+        ["0", false],
+        ["1", true]
+      ]);
+      const isEditValueMap = /* @__PURE__ */ new Map([
+        ["0", 0],
+        ["1", 1]
+      ]);
+      const htmlTypeValueMap = new Map([
+        ...["RADIO", "RADIO_BLOCK", "CHECKBOX", "CHECKBOX_BLOCK", "SELECT"].map((type) => [type, "select"]),
+        ...["INPUT"].map((type) => [type, "input"]),
+        ...["DIGITAL"].map((type) => [type, "number"])
+      ]);
+      const settingMap = /* @__PURE__ */ new Map([
+        ["multi_select_value", { property: "multiple", valueMap: multipleValueMap }],
+        [
+          "is_null",
+          (value, result, _fieldItem, _editRules) => {
+            if (value === "0")
+              return;
+            if (value === "1")
+              _editRules[_fieldItem.elementId] = [{ required: true, message: "\u5FC5\u586B" }];
+          }
+        ],
+        ["is_edit", { property: "isEdit", valueMap: isEditValueMap }],
+        ["html_type", { property: "formType", valueMap: htmlTypeValueMap }],
+        ["option", { property: "options", fieldMap: /* @__PURE__ */ new Map([["text", "label"]]) }]
+      ]);
+      const fieldMap = /* @__PURE__ */ new Map([
+        ["sum", "isSum"],
+        ["show", "isShow"],
+        ["name", "title"],
+        ["elementId", "columnName"],
+        ["columnWidth", "colWidth"],
+        ["fixedWayEnum", { property: "isFixed", valueMap: fixedWayEnumValueMap }],
+        ["setting", { fieldMap: settingMap, assign: true }]
+      ]);
+      return fieldList2.map((fieldItem) => transfer(fieldItem, editRules, fieldMap));
+      function transfer(fieldItem, _editRules, ruleMap) {
+        if (!ruleMap)
+          return cloneDeep(fieldItem);
+        const result = {};
+        Object.entries(fieldItem).forEach(([key, value]) => {
+          const rule = ruleMap.get(key);
+          if (!rule)
+            return result[key] = value;
+          if (rule === REMOVE_PROPERTY)
+            return;
+          if (isString(rule))
+            return result[rule] = value;
+          if (isFunction(rule))
+            return rule(value, result, fieldItem, _editRules);
+          if (isObject(rule)) {
+            if (rule.assign) {
+              Object.assign(result, valueTransfer(value, rule));
+            } else {
+              result[rule.property || key] = valueTransfer(value, rule);
+            }
+          }
+        });
+        return result;
+        function valueTransfer(value, rule) {
+          var _a, _b;
+          if (!isObject(rule) || isFunction(rule))
+            return value;
+          if (isArray(value))
+            return value.map((v) => valueTransfer(v, rule));
+          if (isObject(value))
+            return transfer(value, _editRules, rule.fieldMap);
+          return (_b = (_a = rule.valueMap) == null ? void 0 : _a.get(value)) != null ? _b : value;
+        }
+      }
+    }
+  }
+  return { formConfigLikeAdaptor };
+}
+
+export { useColumnConfigAdaptor };