cnhis-design-vue 3.1.11 → 3.1.12-beta.0

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

@@ -0,0 +1,68 @@
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode } from 'vue';
+import { NPopover, NInput } from 'naive-ui';
+import { useSeparateMap } from '../../../../../packages/big-table/src/hooks/useSeparateRow';
+import '../separate2.js';
+import script$1 from '../separate.vue_vue_type_script_setup_true_lang.js';
+
+var script = /* @__PURE__ */ defineComponent({
+  props: {
+    col: { type: Object, required: true },
+    row: { type: Object, required: true },
+    index: { type: Number, required: true }
+  },
+  emits: ["formChange"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const { getRowData } = useSeparateMap();
+    const editContent = ref("");
+    function updateShow(show) {
+      const target = getRowData(props.row);
+      if (!target)
+        return;
+      if (show) {
+        editContent.value = target.row[props.col.field];
+        return;
+      }
+      const old = target.row[props.col.field];
+      if (old === editContent.value || !target)
+        return;
+      target.rawRow[props.col.field] = editContent.value;
+      emit("formChange", {
+        value: editContent.value,
+        row: target.row,
+        column: props.col,
+        index: target.index
+      });
+    }
+    const style = {
+      border: "1px solid #f5f5f5",
+      padding: "4px 0",
+      background: "white",
+      "border-radius": "4px"
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NPopover), {
+        "show-arrow": false,
+        "onUpdate:show": updateShow
+      }, {
+        trigger: withCtx(() => [
+          createVNode(script$1, {
+            style,
+            col: __props.col,
+            row: __props.row
+          }, null, 8, ["col", "row"])
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(NInput), {
+            value: editContent.value,
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => editContent.value = $event),
+            type: "textarea"
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+
+export { script as default };

package/es/packages/big-table/src/components/edit-form/edit-separate2.js

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

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

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

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

@@ -45,10 +45,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: {
-            readonly type: BooleanConstructor;
-            readonly default: boolean;
-        };
+        readonly nativeFocusBehavior: BooleanConstructor;
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -762,10 +759,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: {
-            readonly type: BooleanConstructor;
-            readonly default: boolean;
-        };
+        readonly nativeFocusBehavior: BooleanConstructor;
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1379,26 +1373,26 @@ declare const _default: import("vue").DefineComponent<{}, {
             rippleDuration: string;
         }, any>>>;
     }>>, {
-        readonly type: import("naive-ui/es/button/src/interface").Type;
-        readonly tag: keyof HTMLElementTagNameMap;
-        readonly block: boolean;
-        readonly round: boolean;
-        readonly dashed: boolean;
-        readonly text: boolean;
-        readonly circle: boolean;
-        readonly disabled: boolean;
-        readonly focusable: boolean;
-        readonly strong: boolean;
-        readonly loading: boolean;
-        readonly bordered: boolean;
-        readonly tertiary: boolean;
-        readonly ghost: boolean;
-        readonly keyboard: boolean;
-        readonly secondary: boolean;
-        readonly quaternary: boolean;
-        readonly iconPlacement: "left" | "right";
-        readonly attrType: "button" | "reset" | "submit";
-        readonly nativeFocusBehavior: boolean;
+        type: import("naive-ui/es/button/src/interface").Type;
+        tag: keyof HTMLElementTagNameMap;
+        block: boolean;
+        round: boolean;
+        dashed: boolean;
+        text: boolean;
+        circle: boolean;
+        disabled: boolean;
+        focusable: boolean;
+        strong: boolean;
+        loading: boolean;
+        bordered: boolean;
+        tertiary: boolean;
+        ghost: boolean;
+        keyboard: boolean;
+        secondary: boolean;
+        quaternary: boolean;
+        iconPlacement: "left" | "right";
+        attrType: "button" | "reset" | "submit";
+        nativeFocusBehavior: boolean;
     }>;
     NInput: import("vue").DefineComponent<{
         bordered: {
@@ -1458,7 +1452,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
             default: undefined;
         };
-        allowInput: import("vue").PropType<(value: string) => boolean>;
         onMousedown: import("vue").PropType<(e: MouseEvent) => void>;
         onKeydown: import("vue").PropType<(e: KeyboardEvent) => void>;
         onKeyup: import("vue").PropType<(e: KeyboardEvent) => void>;
@@ -1679,8 +1672,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             contentRef: HTMLElement | null;
             containerScrollTop: number;
             syncUnifiedContainer: () => void;
-            scrollTo: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollTo;
-            scrollBy: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollBy;
+            scrollTo: import("naive-ui/es/_internal/scrollbar/src/ScrollBar").ScrollTo;
+            scrollBy: import("naive-ui/es/_internal/scrollbar/src/ScrollBar").ScrollBy;
             sync: () => void;
             handleMouseEnterWrapper: () => void;
             handleMouseLeaveWrapper: () => void;
@@ -1714,7 +1707,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         handleCompositionEnd: (e: CompositionEvent) => void;
         handleInput: (e: Event | CompositionEvent | InputEvent, index?: 0 | 1 | undefined, event?: string | undefined) => void;
         handleInputBlur: (e: FocusEvent) => void;
-        handleInputFocus: (e: FocusEvent, index: number) => void;
+        handleInputFocus: (e: FocusEvent) => void;
         handleWrapperBlur: (e: FocusEvent) => void;
         handleWrapperFocus: (e: FocusEvent) => void;
         handleMouseEnter: () => void;
@@ -1725,7 +1718,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         handleClear: (e: MouseEvent) => void;
         handlePasswordToggleClick: () => void;
         handlePasswordToggleMousedown: (e: MouseEvent) => void;
-        handleWrapperKeydown: (e: KeyboardEvent) => void;
+        handleWrapperKeyDown: (e: KeyboardEvent) => void;
         handleTextAreaMirrorResize: () => void;
         getTextareaScrollContainer: () => HTMLTextAreaElement | null;
         mergedTheme: import("vue").ComputedRef<{
@@ -1769,11 +1762,10 @@ declare const _default: import("vue").DefineComponent<{}, {
                 opacity5: string;
                 dividerColor: string;
                 borderColor: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
+                closeColorDisabled: string;
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
@@ -2014,7 +2006,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
             default: undefined;
         };
-        allowInput: import("vue").PropType<(value: string) => boolean>;
         onMousedown: import("vue").PropType<(e: MouseEvent) => void>;
         onKeydown: import("vue").PropType<(e: KeyboardEvent) => void>;
         onKeyup: import("vue").PropType<(e: KeyboardEvent) => void>;

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

@@ -3,7 +3,6 @@ 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) => {

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

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

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

@@ -0,0 +1,2 @@
+import './separate2.js';
+export { default } from './separate.vue_vue_type_script_setup_true_lang.js';

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,23 @@
+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({
+  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/components/separate2.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/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 @@
+export { InjectionSeparateHandle } from './index2.js';

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

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

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

@@ -1,289 +1 @@
-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 };
+export { useBatchEditing } from './useBatchEditing2.js';