cnhis-design-vue 3.1.23-beta.8 → 3.1.23

package/es/components/big-table/src/bigTableState2.js

@@ -1,62 +0,0 @@
-const bigTableState = {
-  curAbleCheckedLen: 0,
-  showButtonTop: 0,
-  isTree: 0,
-  isShowEmpty: false,
-  currentPageSelectedLength: 0,
-  visibleCheckAllWrap: false,
-  visibleCheckAllWrapMore: false,
-  checkedRows: [],
-  filterFields: {},
-  visibleTreeCheck: false,
-  treeTableLength: 0,
-  checkWidth: {
-    "table-simple": "30",
-    "table-classics": "24"
-  },
-  lastPageIndex: 1,
-  selectType: "",
-  levelLazyLoadSetting: null,
-  openOnly: 0,
-  filterWidth: 280,
-  filterHeight: 120,
-  startX: 0,
-  distance: 0,
-  mask: "",
-  groupText: [],
-  currentClickBtnInfo: null,
-  columnLen: 0,
-  hasRefresh: false,
-  isExpand: 0,
-  btnIcons: {
-    copy: "copy",
-    pencil: "edit",
-    delete: "delete",
-    add: "plus-circle",
-    download: "download",
-    label: "tag",
-    queding: "check",
-    del: "close"
-  },
-  tableHeight: "100%",
-  cacheUniqueKey: {},
-  theUniqueKeyListObj: {},
-  editColumnMap: {},
-  fieldLength: 0,
-  originFormatList: [],
-  isSaveForm: false,
-  editConfig: {
-    trigger: "manual",
-    mode: "cell",
-    autoClear: false,
-    showIcon: false,
-    activeMethod({ row, column }) {
-      return !row.$__SEPARATE;
-    }
-  },
-  rowConfig: { height: 32, isHover: true, isCurrent: true },
-  anchorValue: "",
-  anchorList: []
-};
-
-export { bigTableState as default };

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

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

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

@@ -1,49 +0,0 @@
-import { useThrottleFn } from '@vueuse/core';
-
-const useAnchor = (props, state, emit, xGrid) => {
-  let setAnchorStatus = true;
-  function initAnchor() {
-    var _a, _b, _c;
-    if ((_a = props.anchor) == null ? void 0 : _a.length) {
-      const columns = xGrid.value.getColumns();
-      let left = 0;
-      columns.forEach((column) => {
-        const { field, minWidth, width, fixed } = column;
-        const colWidth = +(minWidth || width);
-        if (fixed == "left") ; else {
-          left += colWidth;
-          const anchorObj = props.anchor.find((v) => v.field === field);
-          anchorObj && state.anchorList.push({
-            ...anchorObj,
-            left: left - colWidth
-          });
-        }
-      });
-      state.anchorValue = ((_c = (_b = state.anchorList) == null ? void 0 : _b[0]) == null ? void 0 : _c.field) || "";
-    }
-  }
-  async function updateAnchor(field) {
-    setAnchorStatus = false;
-    const anchorObj = state.anchorList.find((v) => v.field === field);
-    await xGrid.value.scrollTo(anchorObj.left);
-    setTimeout(() => {
-      setAnchorStatus = true;
-    });
-  }
-  function setAnchorValue({ scrollLeft }) {
-    if (state.anchorList.length && setAnchorStatus) {
-      const anchorObj = state.anchorList.find((v) => scrollLeft < v.left);
-      if (anchorObj) {
-        state.anchorValue = anchorObj.field;
-      }
-    }
-  }
-  const anchorEvent = useThrottleFn(setAnchorValue, 800);
-  return {
-    initAnchor,
-    updateAnchor,
-    anchorEvent
-  };
-};
-
-export { useAnchor };

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

@@ -1,289 +0,0 @@
-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 };

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

@@ -1,154 +0,0 @@
-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/useEdit2.js

@@ -1,126 +0,0 @@
-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);
-    }
-    emit("formChange", { value, row, column, index, 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 };