@dt-frames/ui 2.0.24 → 4.0.1

package/es/components/form/index.js

@@ -1,1600 +0,0 @@
-import { RadioButton, RadioGroup, Input, Button, FormItem as FormItem$1, Col as Col$1, Row, Form as Form$1 } from "ant-design-vue/es";
-import "ant-design-vue/es/form/style";
-import "ant-design-vue/es/row/style";
-import { computed, unref, getCurrentInstance, reactive, readonly, watchEffect, nextTick, toRaw, defineComponent, useAttrs, openBlock, createBlock, mergeProps, isRef, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createElementVNode, createVNode, normalizeProps, guardReactiveProps, createCommentVNode, ref, toRefs, isVNode, watch, resolveDirective, normalizeStyle, withDirectives, normalizeClass, onMounted, withKeys, createSlots, renderSlot } from "vue";
-import { useAppStore, isNumber, useI18n, isString, isFunction, error, useSlots, isArray, isUnDef, isBoolean, isNull, dispatchResize, isObject, deepMerge, isNullAndUnDef, useTimeoutFn } from "@dt-frames/core";
-import { merge, isEqual, omit, cloneDeep, upperFirst, uniqBy, set } from "lodash-es";
-import { Input as Input$1, Select, TreeSelect, Radio, Checkbox, AutoComplete, Cascader, DatePicker, InputNumber, Switch, TimePicker, Slider, Rate, Divider, Col, Tooltip, Form, FormItem } from "ant-design-vue";
-import { useHeader, UiSize } from "../../theme";
-import "ant-design-vue/es/radio/style";
-import "ant-design-vue/es/input/style";
-import "ant-design-vue/es/cascader/style";
-import "ant-design-vue/es/input-number/style";
-import "ant-design-vue/es/switch/style";
-import "ant-design-vue/es/tree-select/style";
-import "ant-design-vue/es/slider/style";
-import "ant-design-vue/es/rate/style";
-import "ant-design-vue/es/date-picker/style";
-import { DtUpload } from "../../components/upload";
-import "ant-design-vue/es/col/style";
-import "ant-design-vue/es/button/style";
-import dayjs from "dayjs";
-function useLabelWidth(schemaItemRef, propsRef) {
-  const { getIsZH } = useHeader();
-  const { appConf } = useAppStore();
-  return computed(() => {
-    const { labelWidth, enLabelWidth, labelCol = {}, wrapperCol = {} } = unref(schemaItemRef);
-    const {
-      labelWidth: gLabelWidth,
-      enLabelWidth: gEnLabelWidth,
-      labelCol: glabelCol = {},
-      wrapperCol: gwrapperCol = {},
-      layout = appConf.ui.form.layout
-    } = unref(propsRef);
-    let width = (unref(getIsZH) ? labelWidth ?? gLabelWidth : enLabelWidth ?? gEnLabelWidth) ?? labelWidth ?? gLabelWidth ?? 0;
-    const labelcol = merge({}, glabelCol, labelCol);
-    const wrapcol = merge({}, gwrapperCol, wrapperCol);
-    width = isNumber(width) ? `${width}px` : width;
-    return {
-      labelCol: merge(
-        {},
-        { style: { width } },
-        labelcol
-      ),
-      wrapperCol: merge(
-        {},
-        { style: { width: layout === "vertical" ? "100%" : `calc(100% - ${width})` } },
-        wrapcol
-      )
-    };
-  });
-}
-const SINGLE_DATA_TYPE = ["DatePicker", "MonthPicker", "WeekPicker", "TimePicker"];
-const MULTIFY_DATA_TYPE = ["RangePicker"];
-const DATE_PICKER_TYPES = [...SINGLE_DATA_TYPE, ...MULTIFY_DATA_TYPE];
-function createPlaceholder(component) {
-  const { t } = useI18n("UI");
-  if (component.includes("Input") || component.includes("Complete")) {
-    return t("PLEASE_INPUT");
-  }
-  if (component.includes("Picker") || component.includes("Select") || component.includes("Cascader") || component.includes("Checkbox") || component.includes("Radio") || component.includes("Switch") || component.includes("Upload")) {
-    return t("PLEASE_SELECT");
-  }
-  if (component.includes("Icon")) {
-    return t("PLEASE_SET_ICON");
-  }
-  return "";
-}
-function setComponentRuleType(rule, component, valueFormat) {
-  if (SINGLE_DATA_TYPE.includes(component)) {
-    rule.type = valueFormat ? "string" : "object";
-  } else if (["RangePicker", "Upload", "CheckboxGroup", "TimePicker"].includes(component)) {
-    rule.type = "array";
-  } else if (["InputNumber"].includes(component)) {
-    rule.type = "number";
-  }
-}
-function handleInputNumberValue(component, val) {
-  if (!component)
-    return val;
-  if ([
-    "Input",
-    "InputPassword",
-    "InputSearch",
-    "InputTextArea"
-  ].includes(component)) {
-    return val && isNumber(val) ? `${val}` : val;
-  }
-  return val;
-}
-function useFormValue(props, key = "value", changeEvent = "change", emitData) {
-  const instance = getCurrentInstance();
-  const emit = instance?.emit;
-  const innerState = reactive({
-    value: props[key]
-  });
-  const defaultState = readonly(innerState);
-  const setState = (val) => {
-    innerState.value = val;
-    nextTick(() => {
-      emit?.(changeEvent, val, ...toRaw(unref(emitData)) || []);
-    });
-  };
-  watchEffect(() => {
-    innerState.value = props[key];
-  });
-  const state = computed({
-    get() {
-      return innerState.value;
-    },
-    set(value) {
-      if (isEqual(value, defaultState.value))
-        return;
-      innerState.value = value;
-      nextTick(() => {
-        emit?.(changeEvent, value, ...toRaw(unref(emitData)) || []);
-      });
-    }
-  });
-  return [state, setState, defaultState];
-}
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "radioButton",
-  props: {
-    value: {
-      type: [String, Number, Boolean]
-    },
-    options: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const attrs = useAttrs();
-    const [state] = useFormValue(props);
-    const getOptions = computed(() => {
-      const { options } = props;
-      if (!options || options?.length === 0)
-        return [];
-      const isStringArr = options.some((item) => isString(item));
-      if (!isStringArr)
-        return options;
-      return options.map((item) => ({ label: item, value: item }));
-    });
-    return (_ctx, _cache) => {
-      const _component_ARadioButton = RadioButton;
-      const _component_ARadioGroup = RadioGroup;
-      return openBlock(), createBlock(_component_ARadioGroup, mergeProps(unref(attrs), {
-        value: unref(state),
-        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(state) ? state.value = $event : null),
-        "button-style": "solid"
-      }), {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getOptions), (item) => {
-            return openBlock(), createBlock(_component_ARadioButton, {
-              key: `${item.value}`,
-              value: item.value,
-              disabled: item.disabled
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(item.label), 1)
-              ]),
-              _: 2
-            }, 1032, ["value", "disabled"]);
-          }), 128))
-        ]),
-        _: 1
-      }, 16, ["value"]);
-    };
-  }
-});
-const _hoisted_1$1 = { class: "input-with-dialog" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "formInputUseDialog",
-  setup(__props) {
-    const { t } = useI18n("UI");
-    const attrs = useAttrs();
-    const bindProps = computed(() => {
-      return {
-        ...omit(attrs, [
-          "formValues"
-        ]),
-        disabled: true
-      };
-    });
-    function onClickInput() {
-      const { model, schema = {} } = attrs.formValues;
-      if (!schema.openDialog || !isFunction(schema.openDialog)) {
-        error(t("MUSE_FUNCTION"));
-        return;
-      }
-      schema.openDialog(model);
-    }
-    function clearProps() {
-      const { model, schema = {} } = attrs.formValues;
-      [...schema.extraName, schema.name].forEach((it) => model[it] = null);
-    }
-    return (_ctx, _cache) => {
-      const _component_AInput = Input;
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createElementVNode("div", { onClick: onClickInput }, [
-          createVNode(_component_AInput, normalizeProps(guardReactiveProps(unref(bindProps))), null, 16)
-        ]),
-        unref(attrs).formValues?.schema?.extraName?.length ? (openBlock(), createElementBlock("i", {
-          key: 0,
-          class: "i mdi:close-circle",
-          onClick: clearProps
-        })) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-const components = {
-  Input: Input$1,
-  InputWithDialog: _sfc_main$3,
-  InputTextArea: Input$1.TextArea,
-  InputSearch: Input$1.Search,
-  InputGroup: Input$1.Group,
-  InputPassword: Input$1.Password,
-  Select,
-  TreeSelect,
-  Radio,
-  RadioGroup: Radio.Group,
-  RadioButtonGroup: _sfc_main$4,
-  Checkbox,
-  CheckboxGroup: Checkbox.Group,
-  AutoComplete,
-  Cascader,
-  DatePicker,
-  MonthPicker: DatePicker.MonthPicker,
-  WeekPicker: DatePicker.WeekPicker,
-  RangePicker: DatePicker.RangePicker,
-  InputNumber,
-  Switch,
-  TimePicker,
-  Slider,
-  Rate,
-  Divider,
-  Upload: DtUpload
-};
-const componentMap = /* @__PURE__ */ new Map();
-for (let item in components) {
-  componentMap.set(item, components[item]);
-}
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const _sfc_main$2 = {
-  name: "FormItem",
-  inheritAttrs: false,
-  props: {
-    schema: {
-      type: Object,
-      default: () => ({})
-    },
-    formProps: {
-      type: Object,
-      default: () => ({})
-    },
-    defaultValues: {
-      type: Object,
-      default: () => ({})
-    },
-    formModel: {
-      type: Object,
-      default: () => ({})
-    },
-    setFormModel: {
-      type: Function
-    },
-    formActionType: {
-      type: Object
-    }
-  },
-  setup(props, {
-    slots
-  }) {
-    const {
-      getSlot
-    } = useSlots();
-    const {
-      t
-    } = useI18n("UI");
-    const {
-      getUiSize
-    } = useHeader();
-    const {
-      appConf
-    } = useAppStore();
-    const uploadFiles = ref([]);
-    const {
-      schema,
-      formProps
-    } = toRefs(props);
-    const getValues = computed(() => {
-      const {
-        defaultValues,
-        formModel,
-        schema: schema2
-      } = props;
-      let name = schema2.name;
-      return {
-        name: isArray(name) ? name.join("-") : name,
-        model: formModel,
-        schema: schema2,
-        values: {
-          ...defaultValues,
-          ...formModel
-        }
-      };
-    });
-    const getShow = computed(() => {
-      const {
-        show = true,
-        isAdvanced = true
-      } = props.schema;
-      if (!isAdvanced) {
-        return false;
-      }
-      if (isFunction(show)) {
-        return show(unref(getValues).model);
-      }
-      return show;
-    });
-    const getComponentProps = computed(() => {
-      const {
-        schema: schema2
-      } = props;
-      let {
-        props: cProps = {}
-      } = schema2;
-      if (isFunction(cProps)) {
-        cProps = cProps(unref(getValues).model) ?? {};
-      }
-      if (schema2.component === "Divider") {
-        cProps = Object.assign({
-          type: "horizontal"
-        }, cProps, {
-          orientation: "left"
-        });
-      }
-      return cProps;
-    });
-    function renderItem() {
-      const {
-        component,
-        slot,
-        render,
-        name,
-        colon = appConf.ui.form.colon,
-        suffix,
-        prefix,
-        description
-      } = props.schema;
-      const {
-        labelCol,
-        wrapperCol
-      } = unref(useLabelWidth(schema, formProps));
-      const getContent = () => {
-        const value = unref(getValues);
-        let _con = slot ? getSlot(slots, slot, value.model) : render ? render(value.model) : renderFormItem();
-        return component === "InputGroup" ? createVNode(FormItem, {
-          "class": "m-0"
-        }, _isSlot(_con) ? _con : {
-          default: () => [_con]
-        }) : _con;
-      };
-      const getSuffix = () => {
-        return isFunction(suffix) ? suffix(unref(getValues).model) : suffix;
-      };
-      const getPrefix = () => {
-        return isFunction(prefix) ? prefix(unref(getValues).model) : prefix;
-      };
-      return createVNode(Form.Item, {
-        "name": isArray(name) ? name.join("-") : name,
-        "colon": colon,
-        "class": [unref(getUiSize), {
-          "suffix-item": !!suffix
-        }],
-        "label": renderLabel(),
-        "rules": handleRules(),
-        "labelCol": labelCol,
-        "wrapperCol": wrapperCol
-      }, {
-        default: () => [createVNode("div", {
-          "style": "display:flex"
-        }, [!!prefix && createVNode("span", {
-          "class": "prefix px-2"
-        }, [getPrefix()]), createVNode("div", {
-          "style": "flex:1; width: 100%;"
-        }, [getContent()]), !!suffix && createVNode("span", {
-          "class": "suffix px-2"
-        }, [getSuffix()])]), description && createVNode("div", {
-          "class": "opacity-50 text-12"
-        }, [description])]
-      });
-    }
-    function renderLabel() {
-      const {
-        label,
-        toolTip,
-        subLabel,
-        toolTipProps = {}
-      } = props.schema;
-      const renderLabel2 = subLabel ? createVNode("span", null, [" ", label, createTextVNode(" "), createVNode("span", {
-        "class": "text-secondary opacity-50"
-      }, [createTextVNode("("), subLabel, createTextVNode(")")])]) : label;
-      const _toolTip = isFunction(toolTip) ? toolTip(unref(getValues).model) : toolTip;
-      const _toolTipProps = {
-        title: renderLabel2,
-        autoAdjustOverflow: true,
-        placement: "top",
-        ...toolTipProps
-      };
-      return _toolTip ? createVNode("span", null, [createVNode(Tooltip, _toolTipProps, _isSlot(renderLabel2) ? renderLabel2 : {
-        default: () => [renderLabel2]
-      })]) : renderLabel2;
-    }
-    function renderFormItem() {
-      const {
-        formModel
-      } = props;
-      const {
-        component,
-        name,
-        changeEvent = "change",
-        valueField,
-        renderComponent,
-        props: sProps,
-        extraName
-      } = props.schema;
-      const isCheck = component && ["Switch", "Checkbox"].includes(component);
-      const eventKey = `on${upperFirst(changeEvent)}`;
-      const _sProps = isFunction(sProps) ? sProps(formModel) : sProps;
-      const on = {
-        [eventKey]: (...args) => {
-          const [e] = args;
-          const target = e ? e.target : null;
-          const value = target ? isCheck ? target.checked : target.value : e;
-          if (component === "Upload") {
-            uploadFiles.value = unref(args[1]);
-          }
-          if (isString(name)) {
-            props.setFormModel(name, value);
-          } else if (isArray(name)) {
-            name.map((key) => props.setFormModel(key, value));
-          }
-          if (_sProps && _sProps[eventKey]) {
-            _sProps[eventKey](...args, formModel);
-          }
-        }
-      };
-      for (let it in _sProps) {
-        if (it.startsWith("on") && it !== eventKey) {
-          on[it] = (...args) => {
-            _sProps[it](...args, formModel);
-          };
-        }
-      }
-      const getDisable = computed(() => {
-        const {
-          disabled: gDisabled
-        } = props.formProps;
-        const {
-          disabled
-        } = props.schema;
-        const {
-          disabled: itemDisabled = false
-        } = unref(getComponentProps);
-        let _disabled = !!gDisabled || itemDisabled;
-        if (isBoolean(disabled)) {
-          _disabled = disabled;
-        }
-        if (isFunction(disabled)) {
-          _disabled = disabled(unref(getValues).model);
-        }
-        return _disabled;
-      });
-      const getSize = () => {
-        const {
-          size = unref(getUiSize)
-        } = props.formProps;
-        if (component === "Switch" && size === UiSize.LARGE) {
-          return "default";
-        }
-        return size === UiSize.MIDDLE ? "default" : size;
-      };
-      const itemProps = {
-        allowClear: _sProps?.allowClear ?? appConf.ui.form.allowClear,
-        size: getSize(),
-        ...unref(getComponentProps),
-        disabled: unref(getDisable)
-      };
-      if (component === "Select") {
-        itemProps.showSearch = true;
-        itemProps.optionFilterProp = "label";
-      }
-      if (component !== "RangePicker") {
-        itemProps.placeholder = unref(getComponentProps)?.placeholder || createPlaceholder(component);
-      }
-      if (["DatePicker", "MonthPicker", "RangePicker"].includes(component)) {
-        itemProps.defaultValue = props.formModel[name];
-      }
-      if (component === "Upload" && !itemProps.defaultFiles && extraName?.length) {
-        itemProps.defaultFiles = unref(getValues).values?.[extraName[0]];
-        itemProps.emitSnippet = true;
-      }
-      itemProps.formValues = unref(getValues);
-      if (["Select", "DatePicker", "MonthPicker", "WeekPicker", "RangePicker"].includes(component)) {
-        itemProps.dropdownClassName += ` ${unref(getUiSize)}`;
-      }
-      const bindValue = {
-        [valueField || (isCheck ? "checked" : "value")]: props.formModel[name]
-      };
-      let compAttr = {
-        ...itemProps,
-        ...bindValue,
-        ...on
-      };
-      const Comp = componentMap.get(component);
-      if (!renderComponent) {
-        return createVNode(Comp, compAttr, null);
-      }
-      const compSlot = isFunction(renderComponent) ? {
-        ...renderComponent(unref(getValues))
-      } : {
-        default: () => renderComponent
-      };
-      return createVNode(Comp, compAttr, _isSlot(compSlot) ? compSlot : {
-        default: () => [compSlot]
-      });
-    }
-    function handleRules() {
-      const {
-        rules: defaultRules = [],
-        component,
-        label,
-        dynamicRules,
-        required
-      } = props.schema;
-      if (!component) {
-        return [];
-      }
-      if (isFunction(dynamicRules)) {
-        return dynamicRules(unref(getValues).model);
-      }
-      const defaultMsg = createPlaceholder(component) + label;
-      let rules = cloneDeep(defaultRules);
-      const getRequired = isFunction(required) ? required(unref(getValues).model) : required;
-      function validator(rule, value) {
-        if (component === "Upload" && unref(uploadFiles).map((file) => file.fileId).includes(void 0)) {
-          return Promise.resolve();
-        }
-        const msg = rule.message || defaultMsg;
-        if (value === void 0 || isNull(value) || Array.isArray(value) && value.length === 0 || typeof value === "string" && value.trim() === "" || typeof value === "object" && Reflect.has(value, "checked") && Reflect.has(value, "halfChecked") && Array.isArray(value.checked) && Array.isArray(value.halfChecked) && value.checked.length === 0 && value.halfChecked.length === 0) {
-          return Promise.reject(msg);
-        }
-        return Promise.resolve();
-      }
-      if (!rules || !rules.length) {
-        let _required = isBoolean(getRequired) ? getRequired : unref(getRequired);
-        rules = _required ? [{
-          required: _required,
-          validator
-        }] : [];
-      }
-      const requiredIndex = rules.findIndex((rule) => Reflect.has(rule, "required") && !Reflect.has(rule, "validator"));
-      if (requiredIndex !== -1) {
-        const rule = rules[requiredIndex];
-        if (!unref(getShow)) {
-          rule.required = false;
-        }
-        if (!Reflect.has(rule, "type")) {
-          rule.type = component === "InputNumber" ? "number" : "string";
-        }
-        rule.message = rule.message || defaultMsg;
-        if (component.includes("Input") || component.includes("Textarea")) {
-          rule.whitespace = true;
-        }
-        const valueFormat = unref(getComponentProps)?.valueFormat;
-        setComponentRuleType(rule, component, valueFormat);
-      }
-      const maxIndex = rules.findIndex((val) => val.max);
-      if (maxIndex !== -1 && !rules[maxIndex].validator) {
-        rules[maxIndex].message = rules[maxIndex].message || `\u6700\u5927\u503C\u4E3A${rules[maxIndex].max}`;
-      }
-      return rules;
-    }
-    return () => {
-      let _slot2;
-      const {
-        colSlot,
-        renderCol,
-        colProps,
-        component,
-        render,
-        slot,
-        span
-      } = props.schema;
-      const {
-        colProps: gColProps,
-        mode,
-        span: gSpan
-      } = props.formProps;
-      let _colProps = {};
-      if (component === "InputTextArea") {
-        _colProps = {
-          span: 24
-        };
-      }
-      if (!isUnDef(colProps)) {
-        _colProps = colProps;
-      } else if (!isUnDef(span)) {
-        _colProps = {
-          span
-        };
-      } else if (!isUnDef(gColProps)) {
-        _colProps = gColProps;
-      } else if (!isUnDef(gSpan)) {
-        _colProps = {
-          span: gSpan
-        };
-      } else {
-        _colProps = mode === "search" ? appConf.ui.form.searchColspan : appConf.ui.form.dialogColspan;
-      }
-      const values = unref(getValues);
-      if (!component) {
-        if (!render && !renderCol && !slot && !colSlot) {
-          error(t("NEED_RENDER"));
-          return;
-        }
-      }
-      if (component === "Divider") {
-        let _slot;
-        let cprops = unref(getComponentProps);
-        const span2 = cprops?.span ?? 24;
-        return createVNode(Col, {
-          "span": span2
-        }, {
-          default: () => [createVNode(Divider, cprops, _isSlot(_slot = renderLabel()) ? _slot : {
-            default: () => [_slot]
-          })]
-        });
-      }
-      const getContent = () => {
-        return colSlot ? getSlot(slots, colSlot, values) : renderCol ? renderCol(values) : renderItem();
-      };
-      return unref(getShow) && createVNode(Col, _colProps, _isSlot(_slot2 = getContent()) ? _slot2 : {
-        default: () => [_slot2]
-      });
-    };
-  }
-};
-const _hoisted_1 = {
-  key: 0,
-  className: "preIcon pr-1"
-};
-const _hoisted_2 = {
-  key: 0,
-  className: "preIcon pl-1"
-};
-const _hoisted_3 = { class: "text" };
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("i", { class: "text-2xl i ic:baseline-arrow-drop-down" }, null, -1);
-const _hoisted_5 = [
-  _hoisted_4
-];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "FormButtons",
-  props: {
-    mode: {
-      type: String,
-      default: "search"
-    },
-    show: {
-      type: Boolean,
-      default: true
-    },
-    showAdvancedButton: {
-      type: Boolean,
-      default: true
-    },
-    minShowColumn: {
-      type: Number,
-      default: 2
-    },
-    buttonList: {
-      type: [Array],
-      default: []
-    },
-    authPrefix: {
-      type: String
-    },
-    isAdvanced: {
-      type: Boolean,
-      default: true
-    },
-    colspan: {
-      type: Object
-    },
-    style: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  emits: ["handle-method"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const { t } = useI18n();
-    const advancedRef = ref(props.isAdvanced);
-    let key = 0;
-    const showAdvanceRef = computed(() => {
-      return props.mode === "search" ? props.showAdvancedButton : false;
-    });
-    const getAuth = (auth) => {
-      const { authPrefix } = props;
-      if (authPrefix && auth || !authPrefix && auth && auth.includes(":")) {
-        return authPrefix ? `${authPrefix}:${auth}` : auth;
-      } else {
-        return null;
-      }
-    };
-    const colOpt = computed(() => {
-      let style = {
-        textAlign: "right"
-      };
-      let gStyle = props.style ?? {};
-      if (props.mode === "dialog") {
-        Object.assign(style, {
-          display: "inline-block"
-        });
-        return {
-          style: {
-            ...gStyle,
-            ...style
-          }
-        };
-      } else if (props.mode === null) {
-        Object.assign(style, {
-          display: "flex",
-          justifyContent: "center",
-          marginBottom: "20px"
-        });
-        return {
-          style: {
-            ...gStyle,
-            ...style
-          },
-          span: 24
-        };
-      }
-      return {
-        style: {
-          ...props.style,
-          ...style
-        }
-      };
-    });
-    const getAdvanceClass = computed(() => {
-      return [
-        "basic-arrow",
-        { "basic-arrow--active": !advancedRef.value }
-      ];
-    });
-    const toggleAdvanced = () => {
-      advancedRef.value = !advancedRef.value;
-      dispatchResize();
-      emits("handle-method", advancedRef.value);
-    };
-    function handleBtnClick(button) {
-      if (button.onClick && isFunction(button.onClick)) {
-        button.onClick();
-      } else {
-        emits("handle-method", button);
-      }
-    }
-    watch(() => props.isAdvanced, (v) => {
-      if (v || props.mode !== "search") {
-        requestAnimationFrame(toggleAdvanced);
-      }
-    }, {
-      immediate: true
-    });
-    watch(
-      () => props.buttonList,
-      (v) => key = new Date().getTime(),
-      {
-        immediate: true,
-        deep: true
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_AButton = Button;
-      const _component_AFormItem = FormItem$1;
-      const _component_ACol = Col$1;
-      const _directive_icon = resolveDirective("icon");
-      const _directive_auth = resolveDirective("auth");
-      return __props.show ? (openBlock(), createBlock(_component_ACol, normalizeProps(mergeProps({ key: 0 }, unref(colOpt))), {
-        default: withCtx(() => [
-          createVNode(_component_AFormItem, {
-            class: "dt-form-btns",
-            style: normalizeStyle({
-              "margin-bottom": __props.mode === "search" ? "16px" : "0px"
-            })
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.buttonList, (button) => {
-                return openBlock(), createElementBlock(Fragment, null, [
-                  (button.show === void 0 ? true : button.show) ? withDirectives((openBlock(), createBlock(_component_AButton, {
-                    class: normalizeClass(["items-center", button.class]),
-                    type: button.type,
-                    loading: button.loading,
-                    disabled: button.disabled,
-                    key: unref(key),
-                    onClick: ($event) => handleBtnClick(button)
-                  }, {
-                    icon: withCtx(() => [
-                      button.preIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1, null, 512)), [
-                        [_directive_icon, button.preIcon]
-                      ]) : createCommentVNode("", true)
-                    ]),
-                    default: withCtx(() => [
-                      createTextVNode(" " + toDisplayString(unref(t)(button.label)) + " ", 1),
-                      button.postIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2, null, 512)), [
-                        [_directive_icon, button.postIcon]
-                      ]) : createCommentVNode("", true)
-                    ]),
-                    _: 2
-                  }, 1032, ["type", "class", "loading", "disabled", "onClick"])), [
-                    [_directive_auth, getAuth(button.auth)]
-                  ]) : createCommentVNode("", true)
-                ], 64);
-              }), 256)),
-              unref(showAdvanceRef) ? (openBlock(), createBlock(_component_AButton, {
-                key: 0,
-                type: "link",
-                class: "advanced",
-                onClick: toggleAdvanced
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("span", _hoisted_3, toDisplayString(advancedRef.value ? unref(t)("UI.ADVANCED") : unref(t)("UI.EXPAND")), 1),
-                  createElementVNode("span", {
-                    class: normalizeClass(unref(getAdvanceClass))
-                  }, _hoisted_5, 2)
-                ]),
-                _: 1
-              })) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 8, ["style"])
-        ]),
-        _: 1
-      }, 16)) : createCommentVNode("", true);
-    };
-  }
-});
-const SEARCH_BTN_NAME = "UI.SEARCH";
-const RESET_BTN_NAME = "UI.RESET";
-const SEARCH_BTNS = [
-  { label: SEARCH_BTN_NAME, preIcon: "mdi:magnify", type: "primary" },
-  { label: RESET_BTN_NAME, preIcon: "mdi:refresh", type: "default" }
-];
-function useFormEvents({
-  emits,
-  getSchema,
-  formModel,
-  defaultValue,
-  formElRef,
-  schemaRef,
-  getProps,
-  handleFormValues
-}) {
-  function getFormValues() {
-    const formEl = unref(formElRef);
-    if (!formEl)
-      return {};
-    return handleFormValues(toRaw(unref(formModel)));
-  }
-  function updateSchema(data) {
-    let updateItems = [];
-    updateItems = isObject(data) ? [data] : [...data];
-    if (updateItems?.length && !updateItems.every((it) => it.component !== "Divider" && it.name)) {
-      console.error("\u6240\u6709\u7684\u5143\u7D20\u90FD\u5FC5\u987B\u8BBE\u7F6Ename\u5C5E\u6027");
-      return;
-    }
-    const schema = [];
-    updateItems.forEach((it) => {
-      unref(getSchema).forEach((val) => {
-        if (val.name === it.name) {
-          const newSchema = deepMerge(val, it);
-          schema.push(newSchema);
-        } else {
-          schema.push(val);
-        }
-      });
-    });
-    let shcemas = uniqBy(schema, "name");
-    _setValue(shcemas);
-    schemaRef.value = shcemas;
-  }
-  function resetSchema(data) {
-    let updateItems = [];
-    updateItems = isObject(data) ? [data] : [...data];
-    _setValue(updateItems, true);
-    schemaRef.value = updateItems;
-  }
-  function _setValue(data, isReset = false) {
-    data = isArray(data) ? data : [data];
-    let oldValues = getFormValues();
-    let obj = {};
-    data.map((it) => {
-      let name = isArray(it.name) ? it.name[0] : it.name;
-      obj[name] = null;
-      if (!isNullAndUnDef(it.defaultValue))
-        return obj[name] = it.defaultValue;
-      let props = isFunction(it.props) ? it.props(toRaw(unref(formModel))) : it.props;
-      if (!isNullAndUnDef(props?.defaultValue))
-        obj[name] = props.defaultValue;
-    });
-    if (isReset) {
-      let oldObj = {};
-      Object.keys(oldValues).map((key) => oldObj[key] = null);
-      obj = {
-        ...oldObj,
-        ...obj
-      };
-      setFormValues(obj);
-    } else {
-      Object.keys(obj).forEach((key) => {
-        if (obj[key] !== null) {
-          obj[key];
-        }
-      });
-      setFormValues({
-        ...obj,
-        ...oldValues
-      });
-    }
-  }
-  async function clearValidate(name) {
-    await unref(formElRef)?.clearValidate(name);
-  }
-  function resetForms() {
-    const { resetFunc } = unref(getProps);
-    resetFunc && isFunction(resetFunc) && resetFunc();
-    if (!unref(formElRef))
-      return;
-    Object.keys(formModel).forEach((key) => {
-      const schema = unref(getSchema).find((item) => item.name === key);
-      const isInput = schema?.component && ["Input", "InputPassword", "InputSearch", "InputTextArea"].includes(schema.component);
-      formModel[key] = isInput ? defaultValue.value[key] || "" : defaultValue.value[key];
-    });
-    nextTick(() => clearValidate());
-    emits("reset", toRaw(formModel));
-  }
-  function removeFormByName(names) {
-    if (!names)
-      return;
-    const schemaList = cloneDeep(unref(getSchema));
-    const nameList = isString(names) ? [names] : names;
-    for (const name of nameList) {
-      _removeSchemaByName(name, schemaList);
-    }
-    schemaRef.value = schemaList;
-  }
-  function _removeSchemaByName(name, schemaList) {
-    const index = schemaList.findIndex((schema) => schema.name === name);
-    if (index !== -1) {
-      delete formModel[name];
-      schemaList.splice(index, 1);
-    }
-  }
-  function appendFormItems(schema, prefixName, first = false) {
-    const schemaList = cloneDeep(unref(getSchema));
-    const index = schemaList.findIndex((schema2) => schema2.name === prefixName);
-    if (!prefixName || index === -1 || first) {
-      first ? schemaList.unshift(...schema) : schemaList.push(...schema);
-      schemaRef.value = schemaList;
-      return;
-    }
-    if (index !== -1) {
-      schemaList.splice(index + 1, 0, ...schema);
-    }
-    schemaRef.value = schemaList;
-  }
-  function itemIsDateType(key) {
-    return unref(getSchema).some((item) => {
-      return item.name === key ? ["DatePicker", "MonthPicker", "WeekPicker", "TimePicker", "RangePicker"].includes(item.component) : false;
-    });
-  }
-  async function validateFields(nameList) {
-    return unref(formElRef)?.validateFields(nameList);
-  }
-  function setFormValues(values) {
-    if (!values || !Object.keys(values).length) {
-      for (let it in formModel)
-        formModel[it] = Array.isArray(formModel[it]) ? [] : null;
-      return;
-    }
-    const names = unref(getSchema).map((item) => item.name).filter(Boolean);
-    Object.keys(values).forEach((key) => {
-      const schema = unref(getSchema).find((item) => item.name === key);
-      let value = values[key];
-      const hasKey = Reflect.has(values, key);
-      value = handleInputNumberValue(schema?.component, value);
-      if (hasKey && names.includes(key)) {
-        if (itemIsDateType(key)) {
-          if (Array.isArray(value)) {
-            const arr = [];
-            for (const ele of value) {
-              arr.push(ele ? dayjs(ele) : null);
-            }
-            formModel[key] = arr;
-          } else {
-            const { props } = schema || {};
-            let _props = props;
-            if (typeof props === "function") {
-              _props = props({ formModel });
-            }
-            formModel[key] = value ? _props?.valueFormat ? value : dayjs(value) : null;
-          }
-        } else {
-          formModel[key] = value;
-        }
-      } else {
-        formModel[key] = value;
-      }
-    });
-  }
-  async function validate(nameList) {
-    return await unref(formElRef)?.validate(nameList);
-  }
-  return {
-    getFormValues,
-    updateSchema,
-    resetSchema,
-    clearValidate,
-    resetForms,
-    removeFormByName,
-    validateFields,
-    setFormValues,
-    validate,
-    appendFormItems
-  };
-}
-function useFormValues({
-  defaultValue,
-  getSchema,
-  formModel
-}) {
-  const getComMap = () => {
-    let comMap = /* @__PURE__ */ new Map();
-    unref(getSchema).map((it) => {
-      if (it.component && it.name) {
-        comMap.set(it.name, it);
-      }
-    });
-    return comMap;
-  };
-  function handleFormValues(model) {
-    if (!isObject(model))
-      return {};
-    const vals = {};
-    let comMap = getComMap(), extraNames = [];
-    for (let [key, val] of Object.entries(model)) {
-      let component = comMap.get(key)?.component;
-      if (!key || Array.isArray(val) && val.length === 0 || isFunction(val)) {
-        continue;
-      }
-      if (component) {
-        if (SINGLE_DATA_TYPE.includes(component)) {
-          val = val ? dayjs(val).valueOf() : null;
-        } else if (MULTIFY_DATA_TYPE.includes(component)) {
-          val = (val || []).map((it) => dayjs(it).valueOf());
-          if (comMap.get(key).extraName?.length) {
-            comMap.get(key).extraName.map((it, i) => {
-              extraNames.push(it);
-              set(vals, it, val.length > 0 ? val[i] : null);
-            });
-          }
-        }
-      }
-      if (isString(val)) {
-        val = val.trim();
-      }
-      if (!extraNames.includes(key)) {
-        set(vals, key, val);
-      }
-    }
-    return vals;
-  }
-  function initDefault() {
-    const schema = unref(getSchema), obj = {};
-    schema.forEach((item) => {
-      const { props = {}, name, component, defaultValue: gDefaultValue } = item;
-      const { defaultValue: itemDefaultValue, mode, format, treeCheckable } = isFunction(props) ? props(formModel) : props;
-      if (!name)
-        return;
-      let names = [];
-      if (isArray(name)) {
-        names = name;
-      } else {
-        names = [name];
-      }
-      const defaultValue2 = itemDefaultValue ?? gDefaultValue;
-      if (!isNullAndUnDef(defaultValue2)) {
-        if (DATE_PICKER_TYPES.includes(component)) {
-          if (isArray(defaultValue2)) {
-            let vals = defaultValue2.map((it) => format ? dayjs(it, format) : dayjs(it));
-            if (names.length > 1) {
-              names.map((key, index) => obj[key] = vals[index] ?? null);
-            } else {
-              obj[names[0]] = vals;
-            }
-          } else {
-            obj[names[0]] = format ? dayjs(defaultValue2, format) : dayjs(defaultValue2);
-          }
-        } else {
-          if (names.length > 1) {
-            names.forEach((key, index) => {
-              if (!defaultValue2 || defaultValue2.length - 1 < index) {
-                obj[key] = null;
-              } else {
-                obj[key] = defaultValue2[index];
-              }
-            });
-          } else {
-            obj[names[0]] = defaultValue2;
-          }
-        }
-      } else {
-        names.map((it) => {
-          if (component === "TreeSelect" && (mode === "multiple" || treeCheckable) || component === "Select" && mode === "multiple") {
-            obj[it] = [];
-          } else {
-            obj[it] = null;
-          }
-        });
-      }
-    });
-    defaultValue.value = { ...obj };
-    for (let key in obj) {
-      formModel[key] = obj[key];
-    }
-  }
-  return {
-    initDefault,
-    handleFormValues
-  };
-}
-function useFormActions(opt) {
-  const { getProps, defaultValue, updateSchema, getFormValues, setFormValues } = opt;
-  const { appConf } = useAppStore();
-  function handleAdvanced(isAdvanced) {
-    const {
-      schemas,
-      minShowColumn = appConf.ui.form?.minShowColumn || 2,
-      showAdvancedButton = true
-    } = unref(getProps);
-    let schema = [...schemas];
-    if (showAdvancedButton) {
-      schema = schemas.reduce((t, it, index) => {
-        if (index > minShowColumn - 1)
-          it.isAdvanced = isAdvanced;
-        t.push(it);
-        return t;
-      }, []);
-    }
-    updateSchema(schema);
-  }
-  function handleMethod(params) {
-    const { onSearch, onReset } = unref(getProps);
-    if (isBoolean(params)) {
-      handleAdvanced(params);
-    } else if (params.label === SEARCH_BTN_NAME) {
-      onSearch(getFormValues());
-    } else if (params.label === RESET_BTN_NAME) {
-      setFormValues(toRaw(defaultValue.value));
-      onReset(getFormValues());
-    } else {
-      params.onClick();
-    }
-  }
-  return [handleMethod];
-}
-const BasicProps = {
-  mode: {
-    type: String,
-    default: "search"
-  },
-  autoFetch: {
-    type: Boolean,
-    default: true
-  },
-  model: {
-    type: Object,
-    default: () => ({})
-  },
-  layout: {
-    type: String,
-    default: "horizontal"
-  },
-  labelWidth: {
-    type: [Number, String],
-    default: 100
-  },
-  enLabelWidth: {
-    type: [Number, String],
-    default: 100
-  },
-  labelAlign: {
-    type: String,
-    default: "right"
-  },
-  labelCol: {
-    type: Object,
-    default: () => ({})
-  },
-  wrapperCol: {
-    type: Object,
-    default: () => ({})
-  },
-  rowProps: {
-    type: Object,
-    default: () => ({})
-  },
-  colProps: {
-    type: Object
-  },
-  span: {
-    type: Number
-  },
-  size: {
-    type: String
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  compact: {
-    type: Boolean,
-    default: null
-  },
-  schemas: {
-    type: Array,
-    default: () => []
-  },
-  autoSearchOnEnter: {
-    type: Boolean,
-    default: true
-  },
-  minShowColumn: {
-    type: Number,
-    default: 2
-  },
-  showAdvancedButton: {
-    type: Boolean,
-    default: true
-  },
-  allowClear: {
-    type: Boolean,
-    default: true
-  },
-  scrollToFirstError: {
-    type: Boolean,
-    default: true
-  },
-  colon: {
-    type: Boolean,
-    default: true
-  },
-  loading: {
-    type: Object,
-    default: () => {
-      return {};
-    }
-  },
-  onSearch: {
-    type: Function,
-    default: (params) => {
-    }
-  },
-  onReset: {
-    type: Function,
-    default: (params) => {
-    }
-  },
-  buttons: {
-    type: [Array, null, Boolean],
-    default: false
-  },
-  resetFunc: {
-    type: Function
-  },
-  registerInstance: {
-    type: Function
-  }
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: BasicProps,
-  emits: ["register"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const { getAppConf } = useAppStore();
-    const attrs = useAttrs();
-    const formElRef = ref(null);
-    const formModel = reactive({});
-    const defaultValue = ref({});
-    const propsRef = ref();
-    const schemaRef = ref(null);
-    const getProps = computed(() => {
-      return {
-        ...props,
-        ...getAppConf.ui.form,
-        ...unref(propsRef)
-      };
-    });
-    const getBindValue = computed(() => {
-      return {
-        ...attrs,
-        ...unref(getProps)
-      };
-    });
-    const getSchema = computed(() => {
-      return unref(schemaRef) || unref(getProps).schemas;
-    });
-    const getFormClass = computed(() => {
-      const { compact, mode } = unref(getProps);
-      const getCompact = compact === null ? mode === "dialog" ? false : true : compact;
-      return [
-        "basic-form",
-        `basic-form__${mode}`,
-        {
-          "basic-form__compact": getCompact
-        }
-      ];
-    });
-    function setProps(formProps) {
-      propsRef.value = deepMerge(unref(propsRef) || {}, formProps);
-      return null;
-    }
-    function setFormModel(key, value) {
-      formModel[key] = value;
-      const { validateTrigger } = unref(getBindValue);
-      if (!validateTrigger || validateTrigger === "change") {
-        validateFields([key]).catch(() => {
-        });
-      }
-    }
-    function handleEnterPress() {
-    }
-    const { initDefault, handleFormValues } = useFormValues({
-      defaultValue,
-      getSchema,
-      formModel
-    });
-    const {
-      updateSchema,
-      resetSchema,
-      clearValidate,
-      resetForms,
-      removeFormByName,
-      setFormValues,
-      appendFormItems,
-      validate,
-      validateFields,
-      getFormValues
-    } = useFormEvents({
-      emits,
-      getSchema,
-      formModel,
-      formElRef,
-      defaultValue,
-      schemaRef,
-      getProps,
-      handleFormValues
-    });
-    const formActionMethods = {
-      setProps,
-      updateSchema,
-      resetSchema,
-      clearValidate,
-      resetForms,
-      removeFormByName,
-      setFormValues,
-      appendFormItems,
-      validate,
-      validateFields,
-      getFormValues
-    };
-    const getActionsProps = computed(() => {
-      const {
-        mode,
-        minShowColumn = getAppConf.ui.form.minShowColumn || 2,
-        schemas = [],
-        showAdvancedButton: advanced,
-        loading,
-        buttons
-      } = unref(getProps);
-      let showAdvancedButton = mode === "search" ? true : false;
-      if (advanced !== void 0) {
-        showAdvancedButton = advanced;
-      }
-      if (schemas.length <= minShowColumn) {
-        showAdvancedButton = false;
-      }
-      let buttonList = [];
-      if (isArray(buttons)) {
-        buttonList = [...buttons];
-      } else if (mode === "search" && !buttons) {
-        SEARCH_BTNS.forEach((it) => {
-          it.loading = it.label === SEARCH_BTN_NAME ? loading?.onSearch : loading?.onReset;
-          buttonList.push(it);
-        });
-      }
-      let colspan = mode === "search" ? getAppConf.ui.form.searchColspan : getAppConf.ui.form.dialogColspan;
-      if (mode !== "search") {
-        return {
-          colspan,
-          ...{
-            mode,
-            showAdvancedButton: false,
-            isAdvanced: false,
-            buttonList
-          }
-        };
-      }
-      return {
-        colspan,
-        style: {
-          marginLeft: showAdvancedButton ? "auto" : ""
-        },
-        ...{
-          showAdvancedButton,
-          buttonList
-        }
-      };
-    });
-    const [handleMethod] = useFormActions({
-      getProps,
-      defaultValue,
-      updateSchema,
-      getFormValues,
-      setFormValues
-    });
-    onMounted(() => {
-      setFormValues(null);
-      emits("register", formActionMethods);
-      initDefault();
-      if (unref(getProps)?.registerInstance) {
-        unref(getProps)?.registerInstance(formActionMethods);
-      }
-    });
-    watch(
-      () => unref(getProps).onSearch,
-      () => {
-        useTimeoutFn(() => {
-          const { onSearch, autoFetch } = unref(getProps);
-          if (autoFetch && onSearch && isFunction(onSearch)) {
-            onSearch(toRaw(defaultValue.value));
-          }
-        }, 1);
-      }
-    );
-    watch(
-      () => unref(getProps).model,
-      () => {
-        const { model } = unref(getProps);
-        if (!model || !Object.keys(model).length) {
-          return;
-        }
-        setFormValues(model);
-      },
-      {
-        immediate: true,
-        deep: true
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_ARow = Row;
-      const _component_AForm = Form$1;
-      return openBlock(), createBlock(_component_AForm, mergeProps(unref(getBindValue), {
-        ref_key: "formElRef",
-        ref: formElRef,
-        class: unref(getFormClass),
-        model: formModel,
-        layout: unref(getProps).layout,
-        onKeypress: withKeys(handleEnterPress, ["enter"])
-      }), {
-        default: withCtx(() => [
-          createVNode(_component_ARow, mergeProps(unref(getProps).rowProps, { style: {
-            margin: 0
-          } }), {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSchema), (schema) => {
-                return openBlock(), createBlock(unref(_sfc_main$2), {
-                  key: schema.name,
-                  schema,
-                  "form-props": unref(getProps),
-                  "form-model": formModel,
-                  "default-values": defaultValue.value,
-                  "set-form-model": setFormModel,
-                  "form-action-type": formActionMethods
-                }, createSlots({ _: 2 }, [
-                  renderList(Object.keys(_ctx.$slots), (item) => {
-                    return {
-                      name: item,
-                      fn: withCtx((data) => [
-                        renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
-                      ])
-                    };
-                  })
-                ]), 1032, ["schema", "form-props", "form-model", "default-values"]);
-              }), 128)),
-              unref(getActionsProps).buttonList?.length ? (openBlock(), createBlock(unref(_sfc_main$1), mergeProps({ key: 0 }, unref(getActionsProps), { onHandleMethod: unref(handleMethod) }), null, 16, ["onHandleMethod"])) : createCommentVNode("", true)
-            ]),
-            _: 3
-          }, 16)
-        ]),
-        _: 3
-      }, 16, ["class", "model", "layout", "onKeypress"]);
-    };
-  }
-});
-function useForm(props) {
-  const formRef = ref(null);
-  const loadedRef = ref(false);
-  function register(instance) {
-    if (unref(loadedRef) && instance === unref(formRef))
-      return;
-    formRef.value = instance;
-    loadedRef.value = true;
-    watch(
-      () => props,
-      () => props && instance.setProps(props),
-      {
-        immediate: true,
-        deep: true
-      }
-    );
-  }
-  async function getForm() {
-    const form = unref(formRef);
-    if (!form)
-      console.error("\u8868\u5355\u672A\u7533\u660E!");
-    await nextTick();
-    return form;
-  }
-  const methods = {
-    setProps: async (props2) => {
-      const form = await getForm();
-      form.setProps(props2);
-    },
-    updateSchema: async (data) => {
-      const form = await getForm();
-      form.updateSchema(data);
-    },
-    resetSchema: async (data) => {
-      const form = await getForm();
-      form.resetSchema(data);
-    },
-    clearValidate: async (name) => {
-      const form = await getForm();
-      form.clearValidate(name);
-    },
-    resetForms: async () => {
-      const form = await getForm();
-      form.resetForms();
-    },
-    removeFormByName: async (name) => {
-      unref(formRef)?.removeFormByName(name);
-    },
-    setFormValues: async (values) => {
-      const form = await getForm();
-      form.setFormValues(values);
-    },
-    appendFormItems: async (schema, prefixName, first) => {
-      const form = await getForm();
-      form.appendFormItems(schema, prefixName, first);
-    },
-    validate: async (nameList) => {
-      const form = await getForm();
-      return form.validate(nameList);
-    },
-    validateFields: async (nameList) => {
-      const form = await getForm();
-      return form.validateFields(nameList);
-    },
-    getFormValues: () => {
-      return unref(formRef)?.getFormValues();
-    }
-  };
-  return [register, methods];
-}
-export {
-  _sfc_main as DtForm,
-  _sfc_main$1 as DtFormButtons,
-  useForm
-};