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

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

@@ -191,6 +191,7 @@ export declare const comps: {
         updateShow: (show: boolean) => void;
         style: import("vue").CSSProperties;
         NPopover: import("vue").DefineComponent<{
+            internalOnAfterLeave: import("vue").PropType<() => void>;
             internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
             show: {
                 type: import("vue").PropType<boolean | undefined>;
@@ -253,9 +254,11 @@ export declare const comps: {
             scrollable: BooleanConstructor;
             contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+            footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
             'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
             onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
+            internalDeactivateImmediately: BooleanConstructor;
             internalSyncTargetWithParent: BooleanConstructor;
             internalInheritedEventHandlers: {
                 type: import("vue").PropType<import("naive-ui/es/popover/src/Popover").TriggerEventHandlers[]>;
@@ -333,6 +336,7 @@ export declare const comps: {
             handleBlur: () => void;
             syncPosition: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            internalOnAfterLeave: import("vue").PropType<() => void>;
             internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
             show: {
                 type: import("vue").PropType<boolean | undefined>;
@@ -395,9 +399,11 @@ export declare const comps: {
             scrollable: BooleanConstructor;
             contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+            footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
             'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
             onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
+            internalDeactivateImmediately: BooleanConstructor;
             internalSyncTargetWithParent: BooleanConstructor;
             internalInheritedEventHandlers: {
                 type: import("vue").PropType<import("naive-ui/es/popover/src/Popover").TriggerEventHandlers[]>;
@@ -475,6 +481,7 @@ export declare const comps: {
             arrowPointToCenter: boolean;
             displayDirective: "show" | "if";
             keepAliveOnHover: boolean;
+            internalDeactivateImmediately: boolean;
             animated: boolean;
             internalTrapFocus: boolean;
             defaultShow: boolean;
@@ -541,6 +548,7 @@ export declare const comps: {
                 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>;
@@ -761,8 +769,8 @@ export declare const comps: {
                 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;
@@ -796,7 +804,7 @@ export declare const comps: {
             handleCompositionEnd: (e: CompositionEvent) => void;
             handleInput: (e: Event | CompositionEvent | InputEvent, index?: 0 | 1 | undefined, event?: string | undefined) => void;
             handleInputBlur: (e: FocusEvent) => void;
-            handleInputFocus: (e: FocusEvent) => void;
+            handleInputFocus: (e: FocusEvent, index: number) => void;
             handleWrapperBlur: (e: FocusEvent) => void;
             handleWrapperFocus: (e: FocusEvent) => void;
             handleMouseEnter: () => void;
@@ -807,7 +815,7 @@ export declare const comps: {
             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<{
@@ -851,10 +859,11 @@ export declare const comps: {
                     opacity5: string;
                     dividerColor: string;
                     borderColor: string;
-                    closeColor: string;
+                    closeIconColor: string;
+                    closeIconColorHover: string;
+                    closeIconColorPressed: string;
                     closeColorHover: string;
                     closeColorPressed: string;
-                    closeColorDisabled: string;
                     clearColor: string;
                     clearColorHover: string;
                     clearColorPressed: string;
@@ -1095,6 +1104,7 @@ export declare const comps: {
                 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/hooks/useEdit.js

@@ -1 +1,133 @@
-export { comps, useEdit } from './useEdit2.js';
+import EditInput from '../components/edit-form/edit-input.js';
+import EditSelect from '../components/edit-form/edit-select.js';
+import EditDate from '../components/edit-form/edit-date.js';
+import '../components/edit-form/edit-separate.js';
+import script from '../components/edit-form/edit-separate.vue_vue_type_script_setup_true_lang.js';
+
+const comps = {
+  input: EditInput,
+  number: EditInput,
+  select: EditSelect,
+  date: EditDate,
+  separate: script
+};
+const useEdit = (props, state, emit, xGrid) => {
+  const initEditTable = async () => {
+    const { isEdit, fieldList = [] } = props.columnConfig;
+    if (!isEdit)
+      return;
+    const hasSelectTable = fieldList.find((v) => v.formType === "selectTable");
+    if (!hasSelectTable)
+      return;
+    const record = {
+      initRow: true
+    };
+    props.columnConfig.fieldList.forEach((col) => {
+      if (col.columnName !== "operatorColumn") {
+        record[col.columnName] = void 0;
+      }
+    });
+    await xGrid.value.insertAt(record, -1);
+  };
+  const deleteRow = (row, col, index) => {
+    xGrid.value.remove(row);
+    emit("clickBtn", { row, column: col, index });
+  };
+  const activeMethod = ({
+    row,
+    rowIndex,
+    column,
+    columnIndex
+  }) => {
+    var _a;
+    const { isEdit, fieldList } = props.columnConfig;
+    if (isEdit) {
+      const isEditCol = ((_a = fieldList.find((v) => v.columnName === column.field)) == null ? void 0 : _a.isEdit) || false;
+      if (isEditCol) {
+        return true;
+      } else {
+        return false;
+      }
+    } else {
+      return false;
+    }
+  };
+  const onClickSelectTable = async (row) => {
+    emit("clickSelectTable", { row });
+    const record = {
+      initRow: false,
+      row: JSON.parse(JSON.stringify(row))
+    };
+    props.columnConfig.fieldList.forEach((col) => {
+      if (col.columnName !== "operatorColumn") {
+        record[col.columnName] = void 0;
+        if (Object.keys(row).includes(col.columnName)) {
+          record[col.columnName] = row[col.columnName];
+        }
+      }
+    });
+    const getInsertRecords = xGrid.value.getInsertRecords();
+    await xGrid.value.insertAt(record, getInsertRecords.at(-1));
+    xGrid.value.clearActived();
+  };
+  const getLabel = (opts, value) => {
+    var _a;
+    return ((_a = opts.find((opt) => opt.value === value)) == null ? void 0 : _a.label) || "";
+  };
+  const onFormChange = ({
+    value,
+    row,
+    column,
+    index
+  }) => {
+    var _a, _b;
+    let oldValue = row[column.columnName];
+    if (((column == null ? void 0 : column.formType) === "input" || (column == null ? void 0 : column.formType) === "number") && ((_a = props.columnConfig) == null ? void 0 : _a.formValidate)) {
+      row[column.columnName] = (_b = props.columnConfig) == null ? void 0 : _b.formValidate({
+        row,
+        column,
+        current: value,
+        old: row[column.columnName]
+      });
+    } else if (column == null ? void 0 : column.formatMap) {
+      oldValue = {
+        label: row[column.formatMap.label],
+        value: row[column.formatMap.value]
+      };
+      row[column.formatMap.label] = getLabel(row[column.columnName + "_options"] || [], value);
+      row[column.formatMap.value] = value;
+    } else {
+      row[column.columnName] = value;
+    }
+    if ((column == null ? void 0 : column.formType) === "date" && !value) {
+      row[column.columnName] = void 0;
+    }
+    emit("formChange", { value, row, column, index, oldValue });
+  };
+  const getDefaultValue = (params, item) => {
+    var _a, _b, _c;
+    const value = params.row[item.columnName];
+    if (item.formType === "select") {
+      if (item.formatMap) {
+        return params.row[item.formatMap.label];
+      }
+      if (item.options) {
+        return ((_a = item.options.find((v) => v.value == value)) == null ? void 0 : _a.label) || value || "";
+      }
+      if (item.queryOptions) {
+        return ((_c = (_b = params.row[`${item.columnName}_options`]) == null ? void 0 : _b.find((v) => v.value === value)) == null ? void 0 : _c.label) || value || "";
+      }
+    }
+    return value;
+  };
+  return {
+    initEditTable,
+    activeMethod,
+    deleteRow,
+    onClickSelectTable,
+    onFormChange,
+    getDefaultValue
+  };
+};
+
+export { comps, useEdit };

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

@@ -1 +1,70 @@
-export { useEvent } from './useEvent2.js';
+import vexutils from '../../../../src/utils/vexutils';
+import { hideFilterWrap } from '../utils.js';
+
+const useEvent = (props, state, emit, xGrid) => {
+  function keyDown({ $event }) {
+    var _a, _b;
+    let activeRow = null;
+    let index = 0;
+    const xGridRef = xGrid.value;
+    if (xGridRef) {
+      activeRow = xGridRef.getCurrentRecord();
+      index = xGridRef.getRowIndex(activeRow);
+    }
+    let activeIndex = index || 0;
+    if (!activeRow)
+      return;
+    const { isArrow, isEnter, isChecked } = ((_a = props.columnConfig) == null ? void 0 : _a.keyboardConfig) || {};
+    function emitKeyBoard() {
+      emit("keyboard", {
+        key: $event.key,
+        index: activeIndex,
+        row: xGridRef.getCurrentRecord()
+      });
+    }
+    if (isArrow && ($event.key === "ArrowUp" || $event.key === "ArrowDown")) {
+      if ($event.key === "ArrowUp" && index > 0) {
+        activeIndex = index - 1;
+      }
+      if ($event.key === "ArrowDown" && index < ((_b = props.data) == null ? void 0 : _b.length) - 1) {
+        activeIndex = index + 1;
+      }
+      let row = xGridRef.getData(activeIndex);
+      xGridRef.setCurrentRow(row);
+      xGridRef.scrollToRow(row);
+      emitKeyBoard();
+    }
+    if (isEnter && $event.key === "Enter") {
+      emitKeyBoard();
+    }
+    if (isChecked && $event.key === " ") {
+      $event.preventDefault();
+      xGridRef.setCheckboxRow(activeRow, true);
+      emitKeyBoard();
+      xGridRef.scrollToRow(activeRow);
+    }
+  }
+  let scrollEvent = (params) => {
+    emit("scroll", params);
+  };
+  const initScroll = () => {
+    var _a;
+    const { throttle = false, throttleTime = 800, throttleOptions = {} } = ((_a = props.columnConfig) == null ? void 0 : _a.scrollConfig) || {};
+    if (throttle) {
+      scrollEvent = vexutils.throttle(scrollEvent, throttleTime, throttleOptions);
+    }
+  };
+  initScroll();
+  const scroll = (params) => {
+    if (params.isX) {
+      hideFilterWrap(state, props);
+    }
+    scrollEvent(params);
+  };
+  return {
+    keyDown,
+    scroll
+  };
+};
+
+export { useEvent };