cnhis-design-vue 3.1.1 → 3.1.4-beta.1

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

@@ -0,0 +1,171 @@
+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")[], "setOptions" | "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;
+        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>;
+    }>;
+};
+export declare const useEdit: (props: any, state: any, emit: any, xGrid: any) => {
+    initEditTable: () => Promise<void>;
+    activeMethod: ({ row, rowIndex, column, columnIndex }: {
+        row: any;
+        rowIndex: number;
+        column: any;
+        columnIndex: number;
+    }) => boolean;
+    deleteRow: (row: any, col: any, index: number) => void;
+    onClickSelectTable: (row: any) => Promise<void>;
+    onFormChange: ({ value, row, column, index }: {
+        value: number | string | null;
+        row: any;
+        column: any;
+        index: number;
+    }) => void;
+    getDefaultValue: (params: any, item: any) => any;
+};

package/es/packages/big-table/src/hooks/useEdit.mjs

@@ -0,0 +1 @@
+export { comps, useEdit } from './useEdit2.mjs';

package/es/packages/big-table/src/hooks/useEdit2.mjs

@@ -0,0 +1,108 @@
+import EditInput from '../components/edit-form/edit-input.mjs';
+import EditSelect from '../components/edit-form/edit-select.mjs';
+import EditDate from '../components/edit-form/edit-date.mjs';
+
+const comps = {
+  "input": EditInput,
+  "number": EditInput,
+  "select": EditSelect,
+  "date": EditDate
+};
+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 }) => {
+    const { isEdit, fieldList } = props.columnConfig;
+    if (isEdit) {
+      const isEditCol = fieldList.find((v) => v.columnName === column.field)?.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) => {
+    return opts.find((opt) => opt.value === value)?.label || "";
+  };
+  const onFormChange = ({ value, row, column, index }) => {
+    let oldValue = row[column.columnName];
+    if ((column?.formType === "input" || column?.formType === "number") && props.columnConfig?.formValidate) {
+      row[column.columnName] = props.columnConfig?.formValidate({ row, column, current: value, old: row[column.columnName] });
+    } else if (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;
+    }
+    emit("formChange", { value, row, column, index, oldValue });
+  };
+  const getDefaultValue = (params, item) => {
+    const value = params.row[item.columnName];
+    if (item.formType === "select") {
+      if (item.formatMap) {
+        return params.row[item.formatMap.label];
+      }
+      if (item.options) {
+        return item.options.find((v) => v.value == value)?.label || value || "";
+      }
+      if (item.queryOptions) {
+        return params.row[`${item.columnName}_options`]?.find((v) => v.value === value)?.label || value || "";
+      }
+    }
+    return value;
+  };
+  return {
+    initEditTable,
+    activeMethod,
+    deleteRow,
+    onClickSelectTable,
+    onFormChange,
+    getDefaultValue
+  };
+};
+
+export { comps, useEdit };

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

@@ -0,0 +1,29 @@
+export declare const useFormat: (state: any) => {
+    formatData: (data?: {
+        tableList: any[];
+        fieldList: any[];
+        btnList: any[];
+        oldtableData: 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;
+    };
+};

package/es/packages/big-table/src/hooks/useFormat.mjs

@@ -0,0 +1 @@
+export { useFormat } from './useFormat2.mjs';