cnhis-design-vue 3.1.18-beta.6 → 3.1.18-beta.7

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

@@ -1,154 +1 @@
-import { cloneDeep, isString, isFunction, isArray } from 'lodash-es';
-import { isObject } from '@vue/shared';
-
-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", "SWITCH_COMPONENT"].map((type) => [
-          type,
-          "select"
-        ]),
-        ...["DATE"].map((type) => [type, "date"]),
-        ...["INPUT"].map((type) => [type, "input"]),
-        ...["DIGITAL"].map((type) => [type, "number"])
-      ]);
-      const isNullHandler = (value, result, _fieldItem, _editRules) => {
-        if (value === "1")
-          return;
-        if (value === "0")
-          _editRules[_fieldItem.val_key] = [{ required: true, message: "\u5FC5\u586B" }];
-      };
-      const validateHandler = (value, result) => {
-        if (!isObject(value))
-          return;
-        const keyMap = {
-          maxlength: "max_length",
-          minlength: "min_length",
-          max: "max_value",
-          min: "min_value",
-          precision: "decimal_length"
-        };
-        result.componentProps = Object.assign({}, result.comonentProps, Object.entries(keyMap).reduce((res, [k, v]) => {
-          res[k] = value[v];
-          return res;
-        }, {}));
-      };
-      const dateRangeValidate = (value, result) => {
-        if (!isObject(value))
-          return;
-        result.isDateDisabled = (ts, row) => {
-          if (!isObject(row))
-            return;
-          const { startDate, endDate } = value;
-          let invalid = false;
-          if (startDate) {
-            invalid = new Date(row[startDate]).getTime() > ts;
-          }
-          if (endDate) {
-            invalid = invalid || new Date(row[endDate]).getTime() < ts;
-          }
-          return invalid;
-        };
-      };
-      const switchOptionHandler = (value, result) => {
-        if (!isObject(value))
-          return;
-        const option = { label: value.describe, ...value };
-        result.options = isArray(result.options) ? [...result.options, option] : [option];
-      };
-      const htmlTypeHandler = (value, result, fieldItem) => {
-        var _a;
-        if (!isString(value))
-          return;
-        if (value === "DATE") {
-          result.formType = isString(fieldItem.date_format) && fieldItem.date_format.startsWith("HH:mm") ? "time" : "date";
-          return;
-        }
-        result.formType = (_a = htmlTypeValueMap.get(value)) != null ? _a : value;
-      };
-      const settingMap = new Map([
-        ["multi_select_value", { property: "multiple", valueMap: multipleValueMap }],
-        ["is_null", isNullHandler],
-        ["validate", validateHandler],
-        ["dateValidate", dateRangeValidate],
-        ["date_format", "valueFormat"],
-        ...["open", "close"].map((key) => [key, switchOptionHandler]),
-        ["is_edit", { property: "isEdit", valueMap: isEditValueMap }],
-        ["html_type", htmlTypeHandler],
-        ["option", { property: "options", fieldMap: /* @__PURE__ */ new Map([["text", "label"]]) }],
-        [
-          "alias",
-          (value, result, fieldItem) => {
-            result.title = `${value}${fieldItem.suffix ? `(${fieldItem.suffix})` : ""}`;
-          }
-        ]
-      ]);
-      const fieldMap = /* @__PURE__ */ new Map([
-        ["sum", "isSum"],
-        ["show", "isShow"],
-        ["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 };
+export { useColumnConfigAdaptor } from './useColumnConfigAdaptor2.js';

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

@@ -0,0 +1,154 @@
+import { cloneDeep, isString, isFunction, isArray } from 'lodash-es';
+import { isObject } from '@vue/shared';
+
+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", "SWITCH_COMPONENT"].map((type) => [
+          type,
+          "select"
+        ]),
+        ...["DATE"].map((type) => [type, "date"]),
+        ...["INPUT"].map((type) => [type, "input"]),
+        ...["DIGITAL"].map((type) => [type, "number"])
+      ]);
+      const isNullHandler = (value, result, _fieldItem, _editRules) => {
+        if (value === "1")
+          return;
+        if (value === "0")
+          _editRules[_fieldItem.val_key] = [{ required: true, message: "\u5FC5\u586B" }];
+      };
+      const validateHandler = (value, result) => {
+        if (!isObject(value))
+          return;
+        const keyMap = {
+          maxlength: "max_length",
+          minlength: "min_length",
+          max: "max_value",
+          min: "min_value",
+          precision: "decimal_length"
+        };
+        result.componentProps = Object.assign({}, result.comonentProps, Object.entries(keyMap).reduce((res, [k, v]) => {
+          res[k] = value[v];
+          return res;
+        }, {}));
+      };
+      const dateRangeValidate = (value, result) => {
+        if (!isObject(value))
+          return;
+        result.isDateDisabled = (ts, row) => {
+          if (!isObject(row))
+            return;
+          const { startDate, endDate } = value;
+          let invalid = false;
+          if (startDate) {
+            invalid = new Date(row[startDate]).getTime() > ts;
+          }
+          if (endDate) {
+            invalid = invalid || new Date(row[endDate]).getTime() < ts;
+          }
+          return invalid;
+        };
+      };
+      const switchOptionHandler = (value, result) => {
+        if (!isObject(value))
+          return;
+        const option = { label: value.describe, ...value };
+        result.options = isArray(result.options) ? [...result.options, option] : [option];
+      };
+      const htmlTypeHandler = (value, result, fieldItem) => {
+        var _a;
+        if (!isString(value))
+          return;
+        if (value === "DATE") {
+          result.formType = isString(fieldItem.date_format) && fieldItem.date_format.startsWith("HH:mm") ? "time" : "date";
+          return;
+        }
+        result.formType = (_a = htmlTypeValueMap.get(value)) != null ? _a : value;
+      };
+      const settingMap = new Map([
+        ["multi_select_value", { property: "multiple", valueMap: multipleValueMap }],
+        ["is_null", isNullHandler],
+        ["validate", validateHandler],
+        ["dateValidate", dateRangeValidate],
+        ["date_format", "valueFormat"],
+        ...["open", "close"].map((key) => [key, switchOptionHandler]),
+        ["is_edit", { property: "isEdit", valueMap: isEditValueMap }],
+        ["html_type", htmlTypeHandler],
+        ["option", { property: "options", fieldMap: /* @__PURE__ */ new Map([["text", "label"]]) }],
+        [
+          "alias",
+          (value, result, fieldItem) => {
+            result.title = `${value}${fieldItem.suffix ? `(${fieldItem.suffix})` : ""}`;
+          }
+        ]
+      ]);
+      const fieldMap = /* @__PURE__ */ new Map([
+        ["sum", "isSum"],
+        ["show", "isShow"],
+        ["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 };

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

@@ -265,7 +265,6 @@ export declare const comps: {
             };
         }>>, {}>;
         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>;
@@ -328,11 +327,9 @@ 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[]>;
@@ -410,7 +407,6 @@ 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>;
@@ -473,11 +469,9 @@ 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[]>;
@@ -555,7 +549,6 @@ export declare const comps: {
             arrowPointToCenter: boolean;
             displayDirective: "show" | "if";
             keepAliveOnHover: boolean;
-            internalDeactivateImmediately: boolean;
             animated: boolean;
             internalTrapFocus: boolean;
             defaultShow: boolean;
@@ -622,7 +615,6 @@ 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>;
@@ -843,8 +835,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;
@@ -878,7 +870,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, index: number) => void;
+            handleInputFocus: (e: FocusEvent) => void;
             handleWrapperBlur: (e: FocusEvent) => void;
             handleWrapperFocus: (e: FocusEvent) => void;
             handleMouseEnter: () => void;
@@ -889,7 +881,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<{
@@ -933,11 +925,10 @@ export declare const comps: {
                     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;
@@ -1178,7 +1169,6 @@ 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/components/big-table/src/hooks/useEdit.js

@@ -1,122 +1 @@
-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) => {
-  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
-  }) => {
-    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" || (column == null ? void 0 : column.formType) === "time") && !value) {
-      row[column.columnName] = void 0;
-    }
-    emit("formChange", { value, row, column, index, oldValue });
-  };
-  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 };
+export { comps, useEdit } from './useEdit2.js';

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

@@ -0,0 +1,122 @@
+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) => {
+  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
+  }) => {
+    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" || (column == null ? void 0 : column.formType) === "time") && !value) {
+      row[column.columnName] = void 0;
+    }
+    emit("formChange", { value, row, column, index, oldValue });
+  };
+  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 };