cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.9

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

@@ -0,0 +1,335 @@
+export declare const comps: {
+    input: import("vue").DefineComponent<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        col: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        row: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        index: {
+            type: (NumberConstructor | ObjectConstructor)[];
+            default: number;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        col: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        row: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        index: {
+            type: (NumberConstructor | ObjectConstructor)[];
+            default: number;
+        };
+    }>> & {
+        onFormChange?: ((...args: any[]) => any) | undefined;
+    }, {
+        type: string;
+        row: Record<string, any>;
+        index: number | Record<string, any>;
+        col: Record<string, any>;
+    }>;
+    number: import("vue").DefineComponent<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        col: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        row: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        index: {
+            type: (NumberConstructor | ObjectConstructor)[];
+            default: number;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        col: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        row: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        index: {
+            type: (NumberConstructor | ObjectConstructor)[];
+            default: number;
+        };
+    }>> & {
+        onFormChange?: ((...args: any[]) => any) | undefined;
+    }, {
+        type: string;
+        row: Record<string, any>;
+        index: number | Record<string, any>;
+        col: Record<string, any>;
+    }>;
+    select: import("vue").DefineComponent<{
+        col: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        row: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        index: {
+            type: (NumberConstructor | ObjectConstructor)[];
+            default: number;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "setOptions")[], "formChange" | "setOptions", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        col: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        row: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        index: {
+            type: (NumberConstructor | ObjectConstructor)[];
+            default: number;
+        };
+    }>> & {
+        onFormChange?: ((...args: any[]) => any) | undefined;
+        onSetOptions?: ((...args: any[]) => any) | undefined;
+    }, {
+        row: Record<string, any>;
+        index: number | Record<string, any>;
+        col: Record<string, any>;
+    }>;
+    date: import("vue").DefineComponent<{
+        col: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        row: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        index: {
+            type: (NumberConstructor | ObjectConstructor)[];
+            default: number;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        col: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        row: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        index: {
+            type: (NumberConstructor | ObjectConstructor)[];
+            default: number;
+        };
+    }>> & {
+        onFormChange?: ((...args: any[]) => any) | undefined;
+    }, {
+        row: Record<string, any>;
+        index: number | Record<string, any>;
+        col: Record<string, any>;
+    }>;
+    time: import("vue").DefineComponent<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        col: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        row: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        index: {
+            type: (NumberConstructor | ObjectConstructor)[];
+            default: number;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        col: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        row: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        index: {
+            type: (NumberConstructor | ObjectConstructor)[];
+            default: number;
+        };
+    }>> & {
+        onFormChange?: ((...args: any[]) => any) | undefined;
+    }, {
+        type: string;
+        row: Record<string, any>;
+        index: number | Record<string, any>;
+        col: Record<string, any>;
+    }>;
+    separate: import("vue").DefineComponent<{
+        col: {
+            type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+            required: true;
+        };
+        row: {
+            type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+            required: true;
+        };
+        index: {
+            type: NumberConstructor;
+            required: true;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            col: {
+                type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+                required: true;
+            };
+            row: {
+                type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+                required: true;
+            };
+            index: {
+                type: NumberConstructor;
+                required: true;
+            };
+        }>> & {
+            onFormChange?: ((...args: any[]) => any) | undefined;
+        }>>;
+        popoverRef: import("vue").Ref<any>;
+        show: import("vue").Ref<boolean>;
+        setShow: (v: boolean) => void;
+        emit: (event: "formChange", ...args: any[]) => void;
+        editContent: import("vue").Ref<any>;
+        getRowData: (row: import("../../../../shared/types").AnyObject) => {
+            separateData: Record<string, string>;
+            index: number;
+            rawRow: import("../../../../shared/types").AnyObject;
+            row: import("../../../../shared/types").AnyObject;
+        } | undefined;
+        onShow: (target: {
+            separateData: Record<string, string>;
+            index: number;
+            rawRow: import("../../../../shared/types").AnyObject;
+            row: import("../../../../shared/types").AnyObject;
+        } | undefined) => Promise<void>;
+        onClose: (target: {
+            separateData: Record<string, string>;
+            index: number;
+            rawRow: import("../../../../shared/types").AnyObject;
+            row: import("../../../../shared/types").AnyObject;
+        } | undefined) => Promise<void>;
+        updateShow: (show: boolean) => void;
+        style: import("vue").CSSProperties;
+        SlotRender: import("vue").DefineComponent<{
+            renderer: {
+                type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../../shared/types").Func<any[], any>>;
+                required: true;
+            };
+            rootSlots: {
+                type: import("vue").PropType<Record<string, import("../../../../shared/types").Func<any[], any>>>;
+            };
+        }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            renderer: {
+                type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../../shared/types").Func<any[], any>>;
+                required: true;
+            };
+            rootSlots: {
+                type: import("vue").PropType<Record<string, import("../../../../shared/types").Func<any[], any>>>;
+            };
+        }>>, {}>;
+        NPopover: any;
+        NInput: any;
+        Separate: import("vue").DefineComponent<{
+            col: {
+                type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+                required: true;
+            };
+            row: {
+                type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+                required: true;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                col: {
+                    type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+                    required: true;
+                };
+                row: {
+                    type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+                    required: true;
+                };
+            }>> & {}>>;
+            separateDataMap: import("vue").Ref<WeakMap<import("../../../../shared/types").AnyObject, {
+                separateData: Record<string, string>;
+                index: number;
+                rawRow: import("../../../../shared/types").AnyObject;
+                row: import("../../../../shared/types").AnyObject;
+            }>>;
+            displayContent: import("vue").ComputedRef<string>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            col: {
+                type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+                required: true;
+            };
+            row: {
+                type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+                required: true;
+            };
+        }>>, {}>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        col: {
+            type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+            required: true;
+        };
+        row: {
+            type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+            required: true;
+        };
+        index: {
+            type: NumberConstructor;
+            required: true;
+        };
+    }>> & {
+        onFormChange?: ((...args: any[]) => any) | undefined;
+    }, {}>;
+};
+export declare const useEdit: (props: any, state: any, emit: any, xGrid: any, loadData: (data: unknown) => void) => {
+    initEditTable: () => Promise<void>;
+    deleteRow: (row: any, col: any, index: number) => void;
+    onClickSelectTable: (row: any) => Promise<void>;
+    onFormChange: ({ value, row, column, index, type }: {
+        value: number | string | null;
+        row: any;
+        column: any;
+        index: number;
+        type?: string | undefined;
+    }) => void;
+    getDefaultValue: (params: any, item: any) => any;
+};

package/es/components/big-table/src/hooks/useEdit.js

@@ -0,0 +1,135 @@
+import EditTime from '../components/edit-form/edit-time.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 EditSeparate from '../components/edit-form/edit-separate.js';
+
+const comps = {
+  input: EditInput,
+  number: EditInput,
+  select: EditSelect,
+  date: EditDate,
+  time: EditTime,
+  separate: EditSeparate
+};
+const useEdit = (props, state, emit, xGrid, loadData) => {
+  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 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,
+    type
+  }) => {
+    var _a, _b;
+    let oldValue = row[column.columnName];
+    if (["input", "number"].includes(column == null ? void 0 : column.formType) && ((_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 (["date", "time"].includes(column == null ? void 0 : column.formType) && !value) {
+      row[column.columnName] = void 0;
+    }
+    if (["separate"].includes(column == null ? void 0 : column.formType)) {
+      loadData(props.data);
+    }
+    const activeRow = xGrid.value.getCurrentRecord();
+    const rowIndex = xGrid.value.getRowIndex(activeRow);
+    emit("formChange", {
+      value,
+      row,
+      column,
+      index: !~rowIndex ? index : rowIndex,
+      oldValue,
+      ...type ? { type } : {}
+    });
+  };
+  const getDefaultValue = (params, item) => {
+    var _a;
+    const value = params.row[item.columnName];
+    if (item.formType === "select") {
+      if (Array.isArray(value)) {
+        return (_a = value.map((v) => getValue(v))) == null ? void 0 : _a.join(",");
+      }
+      return getValue(value);
+    }
+    return value;
+    function getValue(value2) {
+      const findValue = (options) => {
+        var _a2;
+        return ((_a2 = options == null ? void 0 : options.find((v) => v.value == value2)) == null ? void 0 : _a2.label) || value2 || "";
+      };
+      if (item.formatMap) {
+        return params.row[item.formatMap.label];
+      }
+      if (item.options)
+        return findValue(item.options);
+      if (item.queryOptions)
+        return findValue(params.row[`${item.columnName}_options`]);
+    }
+  };
+  return {
+    initEditTable,
+    deleteRow,
+    onClickSelectTable,
+    onFormChange,
+    getDefaultValue
+  };
+};
+
+export { comps, useEdit };

package/es/components/big-table/src/hooks/useEvent.d.ts

@@ -0,0 +1,6 @@
+export declare const useEvent: (props: any, state: any, emit: any, xGrid: any, anchorEvent: Function) => {
+    keyDown: ({ $event }: {
+        $event: KeyboardEvent;
+    }) => void;
+    scroll: (params: any) => void;
+};

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

@@ -0,0 +1,81 @@
+import XEUtils from 'xe-utils';
+import 'moment';
+import { hideFilterWrap } from '../utils.js';
+
+const useEvent = (props, state, emit, xGrid, anchorEvent) => {
+  function keyDown({ $event }) {
+    var _a, _b;
+    const { isArrow, isEnter, isChecked, isTab, isEdit } = ((_a = props.columnConfig) == null ? void 0 : _a.keyboardConfig) || {};
+    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 && !isEdit)
+      return;
+    if (isEdit) {
+      setTimeout(() => {
+        const { row, column, $rowIndex } = xGridRef.getSelectedCell() || {};
+        emit("keyboard", {
+          key: $event.key,
+          index: $rowIndex != null ? $rowIndex : index,
+          row: row || activeRow,
+          column
+        });
+        ["Tab", "Enter"].includes($event.key) && column && xGridRef.setEditCell(row, column);
+      });
+      return;
+    }
+    if (isArrow && ["ArrowUp", "ArrowDown"].includes($event.key)) {
+      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;
+      }
+      const row = xGridRef.getData(activeIndex);
+      xGridRef.scrollToRow(row);
+      xGridRef.setCurrentRow(row);
+    }
+    if (isChecked && $event.key === " ") {
+      $event.preventDefault();
+      xGridRef.scrollToRow(activeRow);
+      xGridRef.setCheckboxRow(activeRow, true);
+    }
+    emitKeyBoard();
+    function emitKeyBoard() {
+      emit("keyboard", {
+        key: $event.key,
+        index: activeIndex,
+        row: 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 = XEUtils.throttle(scrollEvent, throttleTime, throttleOptions);
+    }
+  };
+  initScroll();
+  const scroll = (params) => {
+    if (params.isX) {
+      hideFilterWrap(state, props);
+    }
+    scrollEvent(params);
+    anchorEvent(params);
+  };
+  return {
+    keyDown,
+    scroll
+  };
+};
+
+export { useEvent };

package/es/components/big-table/src/hooks/useFormat.d.ts

@@ -0,0 +1,30 @@
+import { AnyObject } from '../../../../../es/shared/types';
+export declare const useFormat: (state: any, attr: AnyObject) => {
+    formatData: (data?: {
+        tableList: any[];
+        fieldList: any[];
+        btnList: any[];
+        showButtonTop: number;
+        isNestTabel?: boolean | undefined;
+        mainTableTheUniqueKey?: string | undefined;
+        mainTableRow?: {
+            [key: string]: any;
+        } | undefined;
+        nestTableId?: string | undefined;
+    }) => any[];
+    htmlToText: (HTML: any) => any;
+    getBtnStyle: (v: any) => {
+        'border-color': any;
+        color: any;
+        'background-color'?: undefined;
+    } | {
+        color: any;
+        'border-color'?: undefined;
+        'background-color'?: undefined;
+    } | {
+        'background-color': any;
+        'border-color': any;
+        color?: undefined;
+    };
+    getAttr: (field: string) => any;
+};