@dt-frames/ui 2.0.10 → 2.0.11

package/es/components/curd/index.js

@@ -1,2967 +1,8 @@
-import { toRaw, unref, computed, getCurrentInstance, reactive, readonly, watchEffect, nextTick, defineComponent, useAttrs, openBlock, createBlock, mergeProps, isRef, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, toRefs, createVNode, isVNode, ref, watch, resolveDirective, normalizeProps, normalizeStyle, withDirectives, normalizeClass, createCommentVNode, createElementVNode, onMounted, withKeys, createSlots, renderSlot, guardReactiveProps, onUnmounted, inject, h, provide, onBeforeUnmount, resolveDynamicComponent } from "vue";
-import { RadioButton, RadioGroup, Button, FormItem as FormItem$1, Col as Col$1, Row, Form as Form$1, Tooltip as Tooltip$1, Spin } from "ant-design-vue/es";
-import "ant-design-vue/es/form/style";
-import "ant-design-vue/es/row/style";
-import { DtCache, CacheKey, deepMerge, Pages, useGo, useRedo, Language, useAppStore, isNumber, useI18n, isString, useSlots, isArray, isFunction, error, isBoolean, isNull, dispatchResize, isObject, isNullAndUnDef, isEmpty, useTimeoutFn, useApp, off, on, windowResizeFn, useMessage } from "@dt-frames/core";
-import { cloneDeep, merge, isEqual, upperFirst, uniqBy, set, omit } from "lodash-es";
-import { Input, Select, TreeSelect, Radio, Checkbox, AutoComplete, Cascader, DatePicker, InputNumber, Switch, TimePicker, Slider, Rate, Divider, Col, Tooltip, Form, FormItem, Modal } from "ant-design-vue";
-import { defineStore } from "pinia";
-import "ant-design-vue/es/radio/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 "ant-design-vue/es/col/style";
-import "ant-design-vue/es/button/style";
-import dayjs from "dayjs";
-import "ant-design-vue/es/spin/style";
-import "ant-design-vue/es/modal/style";
-import "ant-design-vue/es/tooltip/style";
-var Theme = /* @__PURE__ */ ((Theme2) => {
-  Theme2["DARK"] = "dark";
-  Theme2["LIGHT"] = "light";
-  return Theme2;
-})(Theme || {});
-var MenuType = /* @__PURE__ */ ((MenuType2) => {
-  MenuType2["SIDE"] = "sidebar";
-  MenuType2["TOP_MENU"] = "top-menu";
-  MenuType2["MIX"] = "mix";
-  MenuType2["MIX_SIDEBAR"] = "mix-sidebar";
-  return MenuType2;
-})(MenuType || {});
-var MenuMode = /* @__PURE__ */ ((MenuMode2) => {
-  MenuMode2["INLINE"] = "inline";
-  MenuMode2["HORIZONTAL"] = "horizontal";
-  MenuMode2["VERTICAL"] = "vertical";
-  return MenuMode2;
-})(MenuMode || {});
-var ContentMode = /* @__PURE__ */ ((ContentMode2) => {
-  ContentMode2["FULL"] = "full";
-  ContentMode2["FIXED"] = "fixed";
-  return ContentMode2;
-})(ContentMode || {});
-var UiSize = /* @__PURE__ */ ((UiSize2) => {
-  UiSize2["LARGE"] = "large";
-  UiSize2["MIDDLE"] = "middle";
-  UiSize2["SMALL"] = "small";
-  return UiSize2;
-})(UiSize || {});
-const defaultThemeConf = {
-  content: {
-    contentMode: ContentMode.FULL
-  },
-  headOptions: {
-    fixed: true,
-    theme: Theme.LIGHT,
-    showLogo: true,
-    showBackToTop: true,
-    useLockPage: true,
-    size: UiSize.SMALL,
-    showSize: true,
-    showBreadCrumb: true,
-    showFullScreen: true,
-    showSearch: true,
-    showNotice: true,
-    showLocaleSwitch: true,
-    showSettingTheme: true,
-    showLoginOut: true
-  },
-  menuOptions: {
-    fixed: true,
-    theme: Theme.DARK,
-    collapsed: false,
-    collapsedShowTitle: false,
-    canDrag: true,
-    show: true,
-    hidden: false,
-    split: false,
-    menuWidth: 240,
-    trigger: true,
-    type: MenuType.SIDE,
-    mode: MenuMode.INLINE,
-    mixSideTrigger: "hover"
-  },
-  footerOptions: {
-    show: false,
-    height: 48,
-    title: "Copyright(C) 2021 by www.ithinkdt.com. All rights reserved.",
-    subTitle: "Privacy Statement"
-  },
-  routeReuse: {
-    show: true,
-    cache: false,
-    canDrag: true,
-    showQuick: true,
-    showRedo: true,
-    showFold: true
-  }
-};
-const useThemeStore = defineStore({
-  id: "dt-theme",
-  state: () => ({
-    themeConf: DtCache.getLocal(CacheKey.THEME) ?? cloneDeep(defaultThemeConf),
-    pageLoading: false,
-    mixSiderHasSubMenu: false
-  }),
-  getters: {
-    getThemeConf() {
-      return this.themeConf;
-    },
-    getHeaderConf() {
-      return this.themeConf.headOptions;
-    },
-    getMenuConf() {
-      return this.themeConf.menuOptions;
-    },
-    getFooterConf() {
-      return this.themeConf.footerOptions;
-    },
-    getRouteReuseConf() {
-      return this.themeConf.routeReuse;
-    },
-    getPageLoading() {
-      return this.pageLoading;
-    },
-    getMixSiderIsHasMenu() {
-      return this.mixSiderHasSubMenu;
-    }
-  },
-  actions: {
-    setThemeConf(options = {}) {
-      let newThemeConf = deepMerge(this.themeConf, options);
-      this.themeConf = deepMerge(defaultThemeConf, newThemeConf);
-      DtCache.setLocal(CacheKey.THEME, this.themeConf);
-    },
-    setMixSiderIsHasMenu(val) {
-      this.mixSiderHasSubMenu = val;
-    },
-    resetState() {
-      DtCache.removeLocal(CacheKey.THEME);
-      this.themeConf = cloneDeep(defaultThemeConf);
-    }
-  }
-});
-function handleGotoPage(router) {
-  const go = useGo(router);
-  go(unref(router.currentRoute).path, true);
-}
-defineStore({
-  id: "route-reuse",
-  state: () => ({
-    cacheTabList: /* @__PURE__ */ new Set(),
-    tabList: DtCache.getLocal(CacheKey.ROUTE_REUSE) || [],
-    lastDragEndIndex: 0
-  }),
-  getters: {
-    getTabList() {
-      return this.tabList;
-    },
-    getCachedTabList() {
-      return Array.from(this.cacheTabList);
-    },
-    getLastDragEndIndex() {
-      return this.lastDragEndIndex;
-    }
-  },
-  actions: {
-    async addTab(route) {
-      const { path, name, fullPath, params, query, meta } = route;
-      if (path === Pages.NOT_FOUND || path === Pages.LOGIN || path === Pages.BASE_PAGE) {
-        return;
-      }
-      let updateIndex = -1;
-      const tabHasExits = this.tabList.some((tab, index) => {
-        updateIndex = index;
-        return (tab.fullPath || tab.path) === (fullPath || path);
-      });
-      if (tabHasExits) {
-        const curTab = toRaw(this.tabList)[updateIndex];
-        curTab.params = params || curTab.params;
-        curTab.query = query || curTab.query;
-        curTab.fullPath = fullPath || curTab.fullPath;
-        this.tabList.splice(updateIndex, 1, curTab);
-      } else {
-        this.tabList.push(JSON.parse(JSON.stringify(route)));
-      }
-      this.updateCacheTab();
-    },
-    closeTab(route, router) {
-      const go = useGo(router);
-      const index = this.tabList.findIndex((item) => item.path === route.path);
-      let page;
-      if (index === 0) {
-        if (this.tabList.length !== 1) {
-          page = this.tabList[index + 1];
-        }
-      } else {
-        page = this.tabList[index - 1];
-      }
-      this.bulkCloseTabs([route.path]);
-      this.updateCacheTab();
-      route.path === router.currentRoute.value.path && go(page.path);
-    },
-    closeAllTab(currentRoute, router) {
-      const go = useGo(router);
-      let filterTabList = this.tabList.filter((item) => item?.meta?.affix ?? false);
-      const route = filterTabList.length > 0 ? filterTabList[filterTabList.length - 1] : unref(currentRoute);
-      this.tabList = [route];
-      this.updateCacheTab();
-      go(route.path);
-    },
-    closeLeftTabs(route, router) {
-      const index = this.tabList.findIndex((item) => item.path === route.path);
-      if (index > 0) {
-        const leftTabs = this.tabList.slice(0, index);
-        const pathList = [];
-        for (const item of leftTabs) {
-          const affix = item?.meta?.affix ?? false;
-          if (!affix) {
-            pathList.push(item.fullPath);
-          }
-        }
-        this.bulkCloseTabs(pathList);
-      }
-      this.updateCacheTab();
-      handleGotoPage(router);
-    },
-    closeRightTabs(route, router) {
-      const index = this.tabList.findIndex((item) => item.path === route.path);
-      if (index >= 0 && index < this.tabList.length - 1) {
-        const rightTabs = this.tabList.slice(index + 1, this.tabList.length);
-        const pathList = [];
-        for (const item of rightTabs) {
-          const affix = item?.meta?.affix ?? false;
-          if (!affix) {
-            pathList.push(item.fullPath);
-          }
-        }
-        this.bulkCloseTabs(pathList);
-      }
-      this.updateCacheTab();
-      handleGotoPage(router);
-    },
-    closeOtherTabs(route, router) {
-      const pathList = [];
-      for (let item of this.tabList) {
-        const affix = item?.meta?.affix ?? false;
-        if (item.path !== route.path && !affix) {
-          pathList.push(item.path);
-        }
-      }
-      this.bulkCloseTabs(pathList);
-      this.updateCacheTab();
-      handleGotoPage(router);
-    },
-    closeTabByKey(path, router) {
-      const go = useGo(router);
-      const index = this.tabList.findIndex((item) => item.path === path);
-      let page;
-      if (index === 0) {
-        if (this.tabList.length !== 1) {
-          page = this.tabList[index + 1];
-        }
-      } else {
-        page = this.tabList[index - 1];
-      }
-      this.bulkCloseTabs([path]);
-      this.updateCacheTab();
-      path === router.currentRoute.value.path && go(page.path);
-    },
-    bulkCloseTabs(pathList) {
-      this.tabList = this.tabList.filter((item) => !pathList.includes(item.fullPath));
-    },
-    updateCacheTab() {
-      DtCache.setLocal(CacheKey.ROUTE_REUSE, this.tabList);
-      const cacheMap = /* @__PURE__ */ new Set();
-      for (const tab of this.tabList) {
-        if (tab.meta?.hideTab) {
-          continue;
-        }
-        const name = tab.name;
-        cacheMap.add(name);
-      }
-      this.cacheTabList = cacheMap;
-    },
-    async refreshPage(router) {
-      const findTab = this.getCachedTabList.find((item) => item === unref(router.currentRoute).name);
-      if (findTab) {
-        this.cacheTabList.delete(findTab.toString());
-      }
-      const redo = useRedo(router);
-      await redo();
-    },
-    sortTabs(oldIndex, newIndex) {
-      const currentTab = this.tabList[oldIndex];
-      this.tabList.splice(oldIndex, 1);
-      this.tabList.splice(newIndex, 0, currentTab);
-      this.lastDragEndIndex = this.lastDragEndIndex + 1;
-    },
-    resetState() {
-      this.tabList = [];
-      this.updateCacheTab();
-    }
-  }
-});
-function useMenu() {
-  const { setThemeConf } = useThemeStore();
-  const getCollapsedShowTitle = computed(() => useThemeStore().getMenuConf.collapsedShowTitle);
-  const getIsSidebarType = computed(() => useThemeStore().getMenuConf.type === MenuType.SIDE);
-  const getMenuFixed = computed(() => useThemeStore().getMenuConf.fixed);
-  const getShowMenu = computed(() => useThemeStore().getMenuConf.show);
-  const getShowSidebar = computed(() => {
-    return unref(getSplit) || unref(getShowMenu) && unref(getMenuMode) !== MenuMode.HORIZONTAL;
-  });
-  const getMenuHidden = computed(() => useThemeStore().getMenuConf.hidden);
-  const getMenuTheme = computed(() => useThemeStore().getMenuConf.theme);
-  const getTrigger = computed(() => useThemeStore().getMenuConf.trigger);
-  const getCanDrag = computed(() => useThemeStore().getMenuConf.canDrag);
-  const getIsMixMode = computed(() => {
-    return unref(getMenuMode) === MenuMode.INLINE && unref(getMenuType) === MenuType.MIX;
-  });
-  const getIsMixSidebar = computed(() => unref(getMenuType) === MenuType.MIX_SIDEBAR);
-  const getMenuWidth = computed(() => {
-    if (unref(getIsMixMode)) {
-      return Number(useThemeStore().getMenuConf.menuWidth) - 40;
-    } else if (unref(getIsMixSidebar)) {
-      return Number(useThemeStore().getMenuConf.menuWidth) - 10;
-    } else {
-      return Number(useThemeStore().getMenuConf.menuWidth);
-    }
-  });
-  const getMixSideTrigger = computed(() => useThemeStore().getMenuConf.mixSideTrigger);
-  const getLogoWidth = computed(() => unref(getIsMixSidebar) ? "80px" : useThemeStore().getMenuConf.menuWidth);
-  const getMenuType = computed(() => useThemeStore().getMenuConf.type);
-  const getIsTopMenu = computed(() => unref(getMenuType) === MenuType.TOP_MENU);
-  const getMenuMode = computed(() => useThemeStore().getMenuConf.mode);
-  const getSplit = computed(() => useThemeStore().getMenuConf.split);
-  const getCollapsed = computed(() => useThemeStore().getMenuConf.collapsed);
-  const getIsHorizontal = computed(() => unref(getMenuMode) === MenuMode.HORIZONTAL);
-  const setThemeStore = (conf = {}) => setThemeConf(conf);
-  const toggleCollapsed = () => setThemeStore({
-    menuOptions: {
-      collapsed: !unref(getCollapsed)
-    }
-  });
-  const getMiniWidthNumber = computed(() => useThemeStore().getMenuConf.collapsedShowTitle ? 80 : 48);
-  const getRealWidth = computed(() => {
-    return unref(getCollapsed) ? unref(getMiniWidthNumber) : unref(getMenuWidth);
-  });
-  const getCalcContentWidth = computed(() => {
-    const width = unref(getIsTopMenu) || !unref(getShowMenu) || unref(getSplit) && unref(getMenuHidden) ? 0 : unref(getRealWidth);
-    return `calc(100% - ${unref(width)}px)`;
-  });
-  return {
-    getCollapsedShowTitle,
-    getIsSidebarType,
-    getMenuFixed,
-    getShowMenu,
-    getShowSidebar,
-    getMenuHidden,
-    getMenuTheme,
-    getTrigger,
-    getMenuWidth,
-    getLogoWidth,
-    getMenuType,
-    getIsTopMenu,
-    getMenuMode,
-    getSplit,
-    getCollapsed,
-    getIsHorizontal,
-    getMiniWidthNumber,
-    getRealWidth,
-    getCalcContentWidth,
-    getIsMixMode,
-    getIsMixSidebar,
-    getCanDrag,
-    getMixSideTrigger,
-    toggleCollapsed,
-    setThemeStore
-  };
-}
-function useMultipleTab() {
-  const { getRouteReuseConf } = useThemeStore();
-  const getShowMultipleTab = computed(() => getRouteReuseConf.show);
-  const getShowQuick = computed(() => getRouteReuseConf.showQuick);
-  const getMultipleTabPosIsTop = computed(() => getRouteReuseConf.position === "top");
-  const getShowRedo = computed(() => getRouteReuseConf.showRedo);
-  const getCanCache = computed(() => getRouteReuseConf.cache);
-  const getCanDrag = computed(() => getRouteReuseConf.canDrag);
-  return {
-    getShowMultipleTab,
-    getShowQuick,
-    getMultipleTabPosIsTop,
-    getShowRedo,
-    getCanCache,
-    getCanDrag
-  };
-}
-function useHeader() {
-  const HEADER_HEIGHT = 48;
-  const TABS_HEIGHT = 33;
-  const { getHeaderConf = {} } = useThemeStore();
-  const {
-    getIsSidebarType,
-    getMenuType,
-    getShowMenu,
-    getMenuHidden,
-    getTrigger,
-    getMenuMode,
-    getSplit,
-    getIsTopMenu,
-    getIsMixSidebar
-  } = useMenu();
-  const { getShowMultipleTab, getMultipleTabPosIsTop } = useMultipleTab();
-  const getHeaderTheme = computed(() => getHeaderConf.theme);
-  const getFixed = computed(() => getHeaderConf.fixed);
-  const getShowHeaderLogo = computed(() => unref(getShowLogo) && !unref(getIsSidebarType) && !unref(getIsMixSidebar));
-  const getShowSearch = computed(() => getHeaderConf.showSearch);
-  const getShowHeaderTrigger = computed(() => {
-    if (unref(getMenuType) === MenuType.TOP_MENU || !unref(getShowMenu) || unref(getMenuHidden)) {
-      return false;
-    }
-    return unref(getTrigger);
-  });
-  const getShowBreadCrumb = computed(() => getHeaderConf.showBreadCrumb);
-  const getShowBread = computed(
-    () => unref(getMenuMode) !== MenuMode.HORIZONTAL && !unref(getSplit) && unref(getShowBreadCrumb)
-  );
-  const getShowTopMenu = computed(() => unref(getMenuMode) === MenuMode.HORIZONTAL || unref(getSplit));
-  const getShowNotice = computed(() => getHeaderConf.showNotice);
-  const getShowFullScreen = computed(() => getHeaderConf.showFullScreen);
-  const getShowLocale = computed(() => getHeaderConf.showLocaleSwitch);
-  const getShowSettingTheme = computed(() => getHeaderConf.showSettingTheme);
-  const getShowFullHeaderRef = computed(() => {
-    return !unref(getIsSidebarType) && !unref(getIsMixSidebar) && !unref(getIsTopMenu);
-  });
-  const getHeaderHeight = computed(() => {
-    let height = 0;
-    height += HEADER_HEIGHT;
-    if (unref(getShowMultipleTab) && !unref(getSplit) && !unref(getMultipleTabPosIsTop)) {
-      height += TABS_HEIGHT;
-    }
-    return height;
-  });
-  const getTabsHeight = computed(() => TABS_HEIGHT);
-  const getShowInsetHeaderRef = computed(() => {
-    return unref(getIsSidebarType) || unref(getIsTopMenu) || unref(getIsMixSidebar);
-  });
-  const getShowBackToTop = computed(() => getHeaderConf.showBackToTop);
-  const getIsZH = computed(() => {
-    let local = DtCache.getLocal(CacheKey.LOCALE);
-    if (!local)
-      return true;
-    return local === Language.ZH;
-  });
-  const getUiSize = computed(() => getHeaderConf?.size ?? UiSize.SMALL);
-  const getShowUiSize = computed(() => getHeaderConf?.showSize);
-  const getShowLogo = computed(() => getHeaderConf.showLogo);
-  const getShowLoginOut = computed(() => getHeaderConf.showLoginOut);
-  const loginOutClick = getHeaderConf.logoutClick;
-  return {
-    getHeaderTheme,
-    getFixed,
-    getShowSearch,
-    getShowHeaderLogo,
-    getShowHeaderTrigger,
-    getShowBread,
-    getShowTopMenu,
-    getShowFullScreen,
-    getShowLocale,
-    getShowSettingTheme,
-    getShowNotice,
-    getShowFullHeaderRef,
-    getHeaderHeight,
-    getTabsHeight,
-    getShowInsetHeaderRef,
-    getShowBackToTop,
-    getIsZH,
-    getUiSize,
-    getShowLogo,
-    getShowLoginOut,
-    getShowUiSize,
-    loginOutClick
-  };
-}
-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")) {
-    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$c = /* @__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 components = {
-  Input,
-  InputTextArea: Input.TextArea,
-  InputSearch: Input.Search,
-  InputGroup: Input.Group,
-  InputPassword: Input.Password,
-  Select,
-  TreeSelect,
-  Radio,
-  RadioGroup: Radio.Group,
-  RadioButtonGroup: _sfc_main$c,
-  Checkbox,
-  CheckboxGroup: Checkbox.Group,
-  AutoComplete,
-  Cascader,
-  DatePicker,
-  MonthPicker: DatePicker.MonthPicker,
-  WeekPicker: DatePicker.WeekPicker,
-  RangePicker: DatePicker.RangePicker,
-  InputNumber,
-  Switch,
-  TimePicker,
-  Slider,
-  Rate,
-  Divider
-};
-const componentMap = /* @__PURE__ */ new Map();
-for (let item in components) {
-  componentMap.set(item, components[item]);
-}
-function _isSlot$1(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const _sfc_main$b = {
-  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, {
-    emit,
-    slots
-  }) {
-    const {
-      getSlot
-    } = useSlots();
-    const {
-      t
-    } = useI18n("UI");
-    const {
-      getUiSize
-    } = useHeader();
-    const {
-      appConf
-    } = useAppStore();
-    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
-      } = 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$1(_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()])])]
-      });
-    }
-    function renderLabel() {
-      const {
-        label,
-        toolTip,
-        subLabel,
-        toolTipProps = {}
-      } = props.schema;
-      const renderLabel2 = subLabel ? createVNode("span", null, [createTextVNode(" "), 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$1(renderLabel2) ? renderLabel2 : {
-        default: () => [renderLabel2]
-      })]) : renderLabel2;
-    }
-    function renderFormItem() {
-      const {
-        schema: schema2,
-        formModel,
-        formActionType
-      } = props;
-      const {
-        component,
-        name,
-        changeEvent = "change",
-        valueField,
-        renderComponent,
-        props: sProps
-      } = props.schema;
-      const isCheck = component && ["Switch", "Checkbox"].includes(component);
-      const eventKey = `on${upperFirst(changeEvent)}`;
-      const _sProps = isFunction(sProps) ? sProps(formModel) : sProps;
-      const on2 = {
-        [eventKey]: (...args) => {
-          const [e] = args;
-          const target = e ? e.target : null;
-          const value = target ? isCheck ? target.checked : target.value : e;
-          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) {
-          on2[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 (!itemProps.disabled && component !== "RangePicker") {
-        itemProps.placeholder = unref(getComponentProps)?.placeholder || createPlaceholder(component);
-      }
-      if (["DatePicker", "MonthPicker", "RangePicker"].includes(component)) {
-        itemProps.defaultValue = props.formModel[name];
-      }
-      itemProps.codeName = name;
-      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,
-        ...on2
-      };
-      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$1(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) {
-        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
-      } = props.schema;
-      const {
-        colProps: gColProps,
-        mode
-      } = props.formProps;
-      let _colProps = colProps || gColProps || (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 span = cprops?.span ?? 24;
-        return createVNode(Col, {
-          "span": span
-        }, {
-          default: () => [createVNode(Divider, cprops, _isSlot$1(_slot = renderLabel()) ? _slot : {
-            default: () => [_slot]
-          })]
-        });
-      }
-      const getContent = () => {
-        return colSlot ? getSlot(slots, colSlot, values) : renderCol ? renderCol(values) : renderItem();
-      };
-      return unref(getShow) && createVNode(Col, _colProps, _isSlot$1(_slot2 = getContent()) ? _slot2 : {
-        default: () => [_slot2]
-      });
-    };
-  }
-};
-const _hoisted_1$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$a = /* @__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: []
-    },
-    isAdvanced: {
-      type: Boolean,
-      default: true
-    },
-    colspan: {
-      type: Object
-    }
-  },
-  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 colOpt = computed(() => {
-      let style = {
-        textAlign: "right"
-      };
-      if (props.mode === "dialog") {
-        Object.assign(style, {
-          display: "inline-block"
-        });
-        return { style };
-      } else if (props.mode === null) {
-        Object.assign(style, {
-          display: "flex",
-          justifyContent: "center",
-          marginBottom: "20px"
-        });
-        return {
-          style,
-          span: 24
-        };
-      }
-      return { 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") {
-        nextTick(() => 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$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, 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 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 oldValues = getFormValues();
-      let oldObj = {};
-      Object.keys(oldValues).map((key) => oldObj[key] = null);
-      obj = {
-        ...oldObj,
-        ...obj
-      };
-    }
-    setFormValues(obj);
-  }
-  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);
-    const validKeys = [];
-    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;
-        }
-        validKeys.push(key);
-      } else {
-        formModel[key] = value;
-      }
-    });
-    return validateFields(validKeys);
-  }
-  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();
-    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 = dayjs(val).valueOf();
-        } 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) => {
-              set(vals, it, val.length > 0 ? val[i] : null);
-            });
-          }
-        }
-      }
-      if (isString(val)) {
-        val = val.trim();
-      }
-      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,
-    default: () => ({})
-  },
-  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$9 = /* @__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(() => {
-      let colProps = props.colProps;
-      if (isEmpty(props.colProps)) {
-        colProps = props.mode === "search" ? getAppConf.ui.form.searchColspan || { span: 8 } : getAppConf.ui.form.dialogColspan || { span: 12 };
-      }
-      return {
-        ...props,
-        ...getAppConf.ui.form,
-        colProps,
-        ...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((err) => {
-        });
-      }
-    }
-    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.name === 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,
-        ...{
-          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,
-      (v) => {
-        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$b), {
-                  key: schema.name,
-                  schema,
-                  formProps: unref(getProps),
-                  formModel,
-                  defaultValues: defaultValue.value,
-                  setFormModel,
-                  formActionType: formActionMethods
-                }, createSlots({ _: 2 }, [
-                  renderList(Object.keys(_ctx.$slots), (item) => {
-                    return {
-                      name: item,
-                      fn: withCtx((data) => [
-                        renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
-                      ])
-                    };
-                  })
-                ]), 1032, ["schema", "formProps", "formModel", "defaultValues"]);
-              }), 128)),
-              unref(getActionsProps).buttonList?.length ? (openBlock(), createBlock(unref(_sfc_main$a), 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];
-}
-const orgDialogProp = reactive({});
-const cbTransfer = reactive({});
-const dataTransfer = reactive({});
-function useModalOut() {
-  const modal = ref(null);
-  const loaded = ref(true);
-  const uid = ref(null);
-  const { isProd } = useApp();
-  function register(modalMethod, uuid) {
-    if (!getCurrentInstance()) {
-      throw new Error("useModal\u53EA\u80FD\u5728setup()\u6216\u8005\u51FD\u6570\u4E2D\u4F7F\u7528");
-    }
-    uid.value = uuid;
-    onUnmounted(() => {
-      if (unref(isProd)) {
-        modal.value = null;
-        loaded.value = false;
-        dataTransfer[unref(uid)] = null;
-        orgDialogProp[unref(uid)] = null;
-        cbTransfer[unref(uid)] = (res) => {
-        };
-      }
-    });
-    if (unref(loaded) && modalMethod === unref(modal))
-      return;
-    modal.value = modalMethod;
-    loaded.value = true;
-  }
-  const getInstance = () => {
-    const instance = unref(modal);
-    if (!instance) {
-      error("useModalOut \u5B9E\u4F8B\u672A\u5B9A\u4E49");
-    }
-    return instance;
-  };
-  const methods = {
-    setModalProps: (props) => {
-      getInstance()?.setModalProps(props);
-    },
-    redoModalHeight: () => {
-      getInstance()?.redoModalHeight?.();
-    },
-    openModal: (params, afterClose) => {
-      const id = unref(uid);
-      dataTransfer[id] = isObject(params) ? { ...toRaw(params) } : params;
-      getInstance()?.setModalProps({
-        footer: [],
-        defaultFullscreen: false,
-        ...orgDialogProp[id],
-        visible: true
-      });
-      cbTransfer[id] = (res) => {
-        if (afterClose && isFunction(afterClose)) {
-          afterClose(res);
-        }
-      };
-    },
-    closeModal: () => {
-      getInstance()?.setModalProps({ visible: false });
-    }
-  };
-  return [register, methods];
-}
-function useModal(props, setModalData) {
-  const modalInstanceRef = ref(null);
-  const currentInstance = getCurrentInstance();
-  const uidRef = ref(null);
-  const { isProd } = useApp();
-  const getInstance = () => {
-    const instance = unref(modalInstanceRef);
-    if (!instance) {
-      error("useModal \u5B9E\u4F8B\u672A\u5B9A\u4E49");
-    }
-    return instance;
-  };
-  const register = (modalInstance, uuid) => {
-    if (unref(isProd)) {
-      modalInstanceRef.value = null;
-    }
-    uidRef.value = uuid;
-    modalInstanceRef.value = modalInstance;
-    currentInstance?.emit("register", modalInstance, uuid);
-    orgDialogProp[uuid] = toRaw(props);
-    modalInstance.setModalProps(props);
-  };
-  watchEffect(() => {
-    const data = dataTransfer[unref(uidRef)];
-    if (!setModalData || !isFunction(setModalData))
-      return;
-    nextTick(() => {
-      setModalData(data);
-      if (!data)
-        return;
-      if (props?.title && isFunction(props?.title)) {
-        let title = props.title(data);
-        methods.setModalProps({ title });
-      }
-    });
-  });
-  const methods = {
-    setLoading: (loading = true) => {
-      getInstance()?.setModalProps({ loading });
-    },
-    closeModal: (rsp) => {
-      if (cbTransfer[unref(uidRef)])
-        cbTransfer[unref(uidRef)](rsp);
-      getInstance()?.setModalProps({ visible: false });
-    },
-    setModalProps: (props2) => {
-      getInstance()?.setModalProps(props2);
-    },
-    redoModalHeight: () => {
-      const callRedo = getInstance()?.redoModalHeight;
-      callRedo && callRedo();
-    }
-  };
-  return [register, methods];
-}
-const basicProps$1 = {
-  t: {
-    type: String
-  },
-  visible: {
-    type: Boolean
-  },
-  closable: {
-    type: Boolean,
-    default: true
-  },
-  destroyOnClose: {
-    type: Boolean
-  },
-  scrollTop: {
-    type: Boolean,
-    default: true
-  },
-  height: { type: Number },
-  minHeight: { type: Number },
-  width: { type: [String, Number] },
-  draggable: {
-    type: Boolean,
-    default: true
-  },
-  defaultFullscreen: {
-    type: Boolean
-  },
-  canFullscreen: {
-    type: Boolean,
-    default: true
-  },
-  title: {
-    type: String
-  },
-  loading: { type: Boolean, default: false },
-  loadingTip: { type: String, default: "\u52A0\u8F7D\u4E2D..." },
-  useWrapper: {
-    type: Boolean,
-    default: true
-  },
-  wrapClassName: { type: String },
-  zIndex: { type: Number },
-  centered: { type: Boolean },
-  showOkBtn: {
-    type: Boolean,
-    default: true
-  },
-  showCancelBtn: {
-    type: Boolean,
-    default: true
-  },
-  okText: {
-    type: String
-  },
-  cancelText: {
-    type: String
-  },
-  mask: { type: Boolean, default: true },
-  maskClosable: { type: Boolean, default: true },
-  keyboard: { type: Boolean, default: true },
-  maskStyle: Object,
-  footer: {
-    type: Object
-  },
-  bodyStyle: Object,
-  wrapperProps: Object,
-  getContainer: Function,
-  closeFunc: Function,
-  afterClose: Function
-};
-function useDragMove(context) {
-  const getStyle = (dom, attr) => {
-    return getComputedStyle(dom)[attr];
-  };
-  const drag = (wrap) => {
-    if (!wrap)
-      return;
-    wrap.setAttribute("data-drag", unref(context.draggable));
-    const dialogHeaderEl = wrap.querySelector(".ant-modal-header");
-    const dragDom = wrap.querySelector(".ant-modal");
-    if (!dialogHeaderEl || !dragDom || !unref(context.draggable))
-      return;
-    dialogHeaderEl.style.cursor = "move";
-    dialogHeaderEl.onmousedown = (e) => {
-      if (!e)
-        return;
-      const disX = e.clientX;
-      const disY = e.clientY;
-      const screenWidth = document.body.clientWidth;
-      const screenHeight = document.documentElement.clientHeight;
-      const dragDomWidth = dragDom.offsetWidth;
-      const dragDomheight = dragDom.offsetHeight;
-      const minDragDomLeft = dragDom.offsetLeft;
-      const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
-      const minDragDomTop = dragDom.offsetTop;
-      const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight;
-      const domLeft = getStyle(dragDom, "left");
-      const domTop = getStyle(dragDom, "top");
-      let styL = +domLeft;
-      let styT = +domTop;
-      if (domLeft.includes("%")) {
-        styL = +document.body.clientWidth * (+domLeft.replace(/%/g, "") / 100);
-        styT = +document.body.clientHeight * (+domTop.replace(/%/g, "") / 100);
-      } else {
-        styL = +domLeft.replace(/px/g, "");
-        styT = +domTop.replace(/px/g, "");
-      }
-      document.onmousemove = function(e2) {
-        let left = e2.clientX - disX;
-        let top = e2.clientY - disY;
-        if (-left > minDragDomLeft) {
-          left = -minDragDomLeft;
-        } else if (left > maxDragDomLeft) {
-          left = maxDragDomLeft;
-        }
-        if (-top > minDragDomTop) {
-          top = -minDragDomTop;
-        } else if (top > maxDragDomTop) {
-          top = maxDragDomTop;
-        }
-        dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
-      };
-      document.onmouseup = () => {
-        document.onmousemove = null;
-        document.onmouseup = null;
-      };
-    };
-  };
-  const handleDrag = () => {
-    const dragWraps = document.querySelectorAll(".ant-modal-wrap");
-    for (const wrap of Array.from(dragWraps)) {
-      if (!wrap)
-        continue;
-      const display = getStyle(wrap, "display");
-      const draggable = wrap.getAttribute("data-drag");
-      if (display !== "none") {
-        if (draggable === null || unref(context.destroyOnClose)) {
-          drag(wrap);
-        }
-      }
-    }
-  };
-  watchEffect(() => {
-    if (!unref(context.visible) || !unref(context.draggable)) {
-      return;
-    }
-    useTimeoutFn(() => {
-      handleDrag();
-    }, 30);
-  });
-}
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const _sfc_main$8 = {
-  name: "Modal",
-  inheritAttrs: false,
-  props: basicProps$1,
-  emits: ["cancel"],
-  setup(props, {
-    slots,
-    emit
-  }) {
-    const {
-      visible,
-      draggable,
-      destroyOnClose
-    } = toRefs(props);
-    const attrs = useAttrs();
-    useDragMove({
-      visible,
-      destroyOnClose,
-      draggable
-    });
-    const {
-      extendSlots
-    } = useSlots();
-    const onCancel = (e) => emit("cancel", e);
-    return () => {
-      let _slot;
-      const propsData = {
-        ...unref(attrs),
-        ...props,
-        destroyOnClose: true,
-        onCancel
-      };
-      if (!propsData?.visible)
-        return null;
-      return createVNode(Modal, propsData, _isSlot(_slot = extendSlots(slots)) ? _slot : {
-        default: () => [_slot]
-      });
-    };
-  }
-};
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "CloseIcon",
-  props: {
-    canFullscreen: { type: Boolean, default: true },
-    fullScreen: { type: Boolean }
-  },
-  emits: ["cancel", "fullscreen"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const { t } = useI18n("UI");
-    const getClass = computed(() => {
-      return [
-        "dt-basic-modal-close",
-        `dt-basic-modal-close--custom`,
-        {
-          [`dt-basic-modal-close--can-full`]: props.canFullscreen
-        }
-      ];
-    });
-    function handleCancel(e) {
-      emit("cancel", e);
-    }
-    function handleFullScreen(e) {
-      e?.stopPropagation();
-      e?.preventDefault();
-      emit("fullscreen");
-    }
-    return (_ctx, _cache) => {
-      const _component_ATooltip = Tooltip$1;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["flex h-14 items-center justify-center", unref(getClass)])
-      }, [
-        __props.canFullscreen ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          __props.fullScreen ? (openBlock(), createBlock(_component_ATooltip, {
-            key: 0,
-            title: unref(t)("EXIT_FULLSCREEN"),
-            placement: "bottom"
-          }, {
-            default: withCtx(() => [
-              createElementVNode("i", {
-                class: "i ic:baseline-fullscreen-exit hover:font-bold inline-block w-10 h-14 pr-4",
-                onClick: handleFullScreen
-              })
-            ]),
-            _: 1
-          }, 8, ["title"])) : (openBlock(), createBlock(_component_ATooltip, {
-            key: 1,
-            title: unref(t)("FULLSCREEN"),
-            placement: "bottom"
-          }, {
-            default: withCtx(() => [
-              createElementVNode("i", {
-                class: "i ic:baseline-fullscreen hover:font-bold inline-block h-14 w-10 pr-4",
-                onClick: handleFullScreen
-              })
-            ]),
-            _: 1
-          }, 8, ["title"]))
-        ], 64)) : createCommentVNode("", true),
-        createElementVNode("i", {
-          class: "i mdi:close h-14 w-10 pr-4",
-          onClick: handleCancel
-        })
-      ], 2);
-    };
-  }
-});
-const isServer = typeof window === "undefined";
-const BAR_MAP = {
-  vertical: {
-    offset: "offsetHeight",
-    scroll: "scrollTop",
-    scrollSize: "scrollHeight",
-    size: "height",
-    key: "vertical",
-    axis: "Y",
-    client: "clientY",
-    direction: "top"
-  },
-  horizontal: {
-    offset: "offsetWidth",
-    scroll: "scrollLeft",
-    scrollSize: "scrollWidth",
-    size: "width",
-    key: "horizontal",
-    axis: "X",
-    client: "clientX",
-    direction: "left"
-  }
-};
-function renderThumbStyle({ move, size, bar }) {
-  const style = {};
-  const translate = `translate${bar.axis}(${move}%)`;
-  style[bar.size] = size;
-  style.transform = translate;
-  style.msTransform = translate;
-  style.webkitTransform = translate;
-  return style;
-}
-function resizeHandler(entries) {
-  for (const entry of entries) {
-    const listeners = entry.target.__resizeListeners__ || [];
-    if (listeners.length) {
-      listeners.forEach((fn) => {
-        fn();
-      });
-    }
-  }
-}
-function addResizeListener(element, fn) {
-  if (isServer)
-    return;
-  if (!element.__resizeListeners__) {
-    element.__resizeListeners__ = [];
-    element.__ro__ = new ResizeObserver(resizeHandler);
-    element.__ro__.observe(element);
-  }
-  element.__resizeListeners__.push(fn);
-}
-function removeResizeListener(element, fn) {
-  if (!element || !element.__resizeListeners__)
-    return;
-  element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
-  if (!element.__resizeListeners__.length) {
-    element.__ro__.disconnect();
-  }
-}
-const Bar = defineComponent({
-  name: "Bar",
-  props: {
-    vertical: Boolean,
-    size: String,
-    move: Number
-  },
-  setup(props) {
-    const instance = getCurrentInstance();
-    const thumb = ref();
-    const wrap = inject("scroll-bar-wrap", {});
-    const bar = computed(() => {
-      return BAR_MAP[props.vertical ? "vertical" : "horizontal"];
-    });
-    const barStore = ref({});
-    const cursorDown = ref();
-    const clickThumbHandler = (e) => {
-      if (e.ctrlKey || e.button === 2) {
-        return;
-      }
-      window.getSelection()?.removeAllRanges();
-      startDrag(e);
-      barStore.value[bar.value.axis] = e.currentTarget[bar.value.offset] - (e[bar.value.client] - e.currentTarget.getBoundingClientRect()[bar.value.direction]);
-    };
-    const clickTrackHandler = (e) => {
-      const offset = Math.abs(
-        e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]
-      );
-      const thumbHalf = thumb.value[bar.value.offset] / 2;
-      const thumbPositionPercentage = (offset - thumbHalf) * 100 / instance?.vnode.el?.[bar.value.offset];
-      wrap.value[bar.value.scroll] = thumbPositionPercentage * wrap.value[bar.value.scrollSize] / 100;
-    };
-    const startDrag = (e) => {
-      e.stopImmediatePropagation();
-      cursorDown.value = true;
-      on(document, "mousemove", mouseMoveDocumentHandler);
-      on(document, "mouseup", mouseUpDocumentHandler);
-      document.onselectstart = () => false;
-    };
-    const mouseMoveDocumentHandler = (e) => {
-      if (cursorDown.value === false)
-        return;
-      const prevPage = barStore.value[bar.value.axis];
-      if (!prevPage)
-        return;
-      const offset = (instance?.vnode.el?.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
-      const thumbClickPosition = thumb.value[bar.value.offset] - prevPage;
-      const thumbPositionPercentage = (offset - thumbClickPosition) * 100 / instance?.vnode.el?.[bar.value.offset];
-      wrap.value[bar.value.scroll] = thumbPositionPercentage * wrap.value[bar.value.scrollSize] / 100;
-    };
-    function mouseUpDocumentHandler() {
-      cursorDown.value = false;
-      barStore.value[bar.value.axis] = 0;
-      off(document, "mousemove", mouseMoveDocumentHandler);
-      document.onselectstart = null;
-    }
-    onUnmounted(() => {
-      off(document, "mouseup", mouseUpDocumentHandler);
-    });
-    return () => h(
-      "div",
-      {
-        class: ["scrollbar__bar", "is-" + bar.value.key],
-        onMousedown: clickTrackHandler
-      },
-      h("div", {
-        ref: thumb,
-        class: "scrollbar__thumb",
-        onMousedown: clickThumbHandler,
-        style: renderThumbStyle({
-          size: props.size,
-          move: props.move,
-          bar: bar.value
-        })
-      })
-    );
-  }
-});
-const _hoisted_1 = { class: "scrollbar relative h-full overflow-hidden" };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "scroll-bar",
-  props: {
-    wrapClass: {
-      type: [String, Array],
-      default: ""
-    },
-    wrapStyle: Array,
-    viewClass: {
-      type: [String, Array],
-      default: ""
-    },
-    viewStyle: {
-      type: [String, Array],
-      default: ""
-    },
-    noresize: Boolean,
-    tag: {
-      type: String,
-      default: "div"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const sizeWidth = ref("0");
-    const sizeHeight = ref("0");
-    const moveX = ref(0);
-    const moveY = ref(0);
-    const wrap = ref();
-    const resize = ref();
-    provide("scroll-bar-wrap", wrap);
-    const style = computed(() => {
-      let rsStyle = {};
-      if (Array.isArray(props.wrapStyle)) {
-        props.wrapStyle.forEach((it) => {
-          if (it)
-            rsStyle = Object.assign({}, rsStyle, it);
-        });
-      }
-      return rsStyle;
-    });
-    const handleScroll = () => {
-      moveY.value = unref(wrap).scrollTop * 100 / unref(wrap).clientHeight;
-      moveX.value = unref(wrap).scrollLeft * 100 / unref(wrap).clientWidth;
-    };
-    const update = () => {
-      if (!unref(wrap))
-        return;
-      const heightPercentage = unref(wrap).clientHeight * 100 / unref(wrap).scrollHeight;
-      const widthPercentage = unref(wrap).clientWidth * 100 / unref(wrap).scrollWidth;
-      sizeHeight.value = heightPercentage < 100 ? heightPercentage + "%" : "";
-      sizeWidth.value = widthPercentage < 100 ? widthPercentage + "%" : "";
-    };
-    onMounted(() => {
-      nextTick(update);
-      if (!props.noresize) {
-        addResizeListener(unref(resize), update);
-        addResizeListener(unref(wrap), update);
-        addEventListener("resize", update);
-      }
-    });
-    onBeforeUnmount(() => {
-      if (!props.noresize) {
-        removeResizeListener(unref(resize), update);
-        removeResizeListener(unref(wrap), update);
-        removeEventListener("resize", update);
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          ref_key: "wrap",
-          ref: wrap,
-          class: normalizeClass([[__props.wrapClass, "scrollbar__wrap--hidden-default"], "h-full overflow-auto"]),
-          style: normalizeStyle(unref(style)),
-          onScroll: handleScroll
-        }, [
-          (openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
-            class: normalizeClass(["box-border", __props.viewClass]),
-            ref_key: "resize",
-            ref: resize,
-            style: normalizeStyle(__props.viewStyle)
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["class", "style"]))
-        ], 38),
-        createVNode(unref(Bar), {
-          move: moveX.value,
-          size: sizeWidth.value
-        }, null, 8, ["move", "size"]),
-        createVNode(unref(Bar), {
-          vertical: "",
-          move: moveY.value,
-          size: sizeHeight.value
-        }, null, 8, ["move", "size"])
-      ]);
-    };
-  }
-});
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "scroll-container",
-  setup(__props) {
-    const scrollbarRef = ref(null);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6, mergeProps({
-        ref_key: "scrollbarRef",
-        ref: scrollbarRef
-      }, _ctx.$attrs, { class: "w-full h-full" }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "slot-container",
-  props: {
-    template: {
-      type: Function
-    },
-    data: {
-      type: Object
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const Container = h("div", [props.template(props.data)]);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Container));
-    };
-  }
-});
-const withInstall = (comp) => {
-  comp.install = (app) => {
-    app.component(comp.name, comp);
-  };
-  return comp;
-};
-const DtScrollContainer = withInstall(_sfc_main$5);
-withInstall(_sfc_main$4);
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "ModalWrap",
-  props: {
-    useWrapper: { type: Boolean, default: true },
-    modalHeaderHeight: { type: Number, default: 55 },
-    modalFooterHeight: { type: Number, default: 58 },
-    minHeight: { type: Number, default: 200 },
-    height: { type: Number },
-    visible: { type: Boolean },
-    fullScreen: { type: Boolean }
-  },
-  emits: ["ext-height", "height-change"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const wrapperRef = ref(null);
-    const wrapRef = ref(null);
-    const realHeightRef = ref(0);
-    const minRealHeightRef = ref(0);
-    let realHeight = 0;
-    const wrapStyle = computed(() => {
-      return {
-        minHeight: `${props.minHeight}px`,
-        [props.fullScreen ? "height" : "maxHeight"]: `${unref(realHeightRef)}px`
-      };
-    });
-    onMounted(() => {
-      const { modalHeaderHeight, modalFooterHeight } = props;
-      emits("ext-height", modalHeaderHeight + modalFooterHeight);
-    });
-    async function getModalDom() {
-      const wrapperRefDom = unref(wrapperRef);
-      if (!wrapperRefDom)
-        return;
-      const bodyDom = wrapperRefDom.$el.parentElement.parentElement.parentElement;
-      if (!bodyDom)
-        return;
-      bodyDom.style.padding = props.useWrapper ? "24px" : "0";
-      await nextTick();
-      const modalDom = bodyDom.parentElement && bodyDom.parentElement.parentElement;
-      return modalDom;
-    }
-    async function setModalHeight() {
-      if (!props.visible)
-        return;
-      try {
-        const modalDom = await getModalDom();
-        if (!modalDom)
-          return;
-        const modalRect = getComputedStyle(modalDom).top;
-        const modalTop = Number.parseInt(modalRect);
-        let maxHeight = window.innerHeight - props.modalFooterHeight - props.modalHeaderHeight - 100;
-        if (modalTop < 40) {
-          maxHeight -= 26;
-        }
-        await nextTick();
-        const warpEl = unref(wrapRef);
-        if (!warpEl)
-          return;
-        await nextTick();
-        realHeight = warpEl.scrollHeight;
-        if (props.fullScreen) {
-          realHeightRef.value = window.innerHeight - props.modalFooterHeight - props.modalHeaderHeight;
-        } else {
-          realHeightRef.value = props.height ? props.height : realHeight > maxHeight ? maxHeight : realHeight;
-        }
-        emits("height-change", unref(realHeightRef));
-        const _modalDom = await getModalDom();
-        _modalDom.style.top = (window.innerHeight - _modalDom.offsetHeight) / 2 + "px";
-      } catch (error2) {
-        console.log(error2);
-      }
-    }
-    windowResizeFn(setModalHeight.bind(null, false));
-    watchEffect(() => {
-      props.useWrapper && setModalHeight();
-    });
-    watch(
-      () => props.fullScreen,
-      (v) => {
-        setModalHeight();
-        if (!v) {
-          realHeightRef.value = minRealHeightRef.value;
-        } else {
-          minRealHeightRef.value = realHeightRef.value;
-        }
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DtScrollContainer), {
-        ref_key: "wrapperRef",
-        ref: wrapperRef
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", {
-            ref_key: "wrapRef",
-            ref: wrapRef,
-            style: normalizeStyle(unref(wrapStyle))
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 4)
-        ]),
-        _: 3
-      }, 512);
-    };
-  }
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "ModalFooter",
-  props: {
-    buttons: Object,
-    showSave: { type: Boolean, default: true },
-    showCancel: { type: Boolean, default: true },
-    okText: { type: String },
-    cancelText: { type: String }
-  },
-  emits: [
-    "handleSave",
-    "handleCancel"
-  ],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const { t } = useI18n("UI");
-    const buttonList = computed(() => {
-      if (props.buttons && props.buttons.length)
-        return props.buttons;
-      let buttonActions = [
-        { t: "\u5173\u95ED", label: props.cancelText || t("CLOSE"), preIcon: "mdi:close", flag: "CANCEL" },
-        { t: "\u4FDD\u5B58", label: props.okText || t("SAVE"), preIcon: "mdi:content-save", type: "primary", flag: "OK" }
-      ];
-      if (!props.showSave)
-        buttonActions = buttonActions.filter((btn) => btn.flag !== "OK");
-      if (!props.showCancel)
-        buttonActions = buttonActions.filter((btn) => btn.flag !== "CANCEL");
-      return buttonActions;
-    });
-    function handleMethod(item) {
-      switch (item.flag) {
-        case "OK":
-          emits("handleSave");
-          break;
-        case "CANCEL":
-          emits("handleCancel");
-          break;
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        renderSlot(_ctx.$slots, "appendFooter"),
-        createVNode(_sfc_main$a, {
-          mode: "dialog",
-          buttonList: unref(buttonList),
-          onHandleMethod: _cache[0] || (_cache[0] = ($event) => handleMethod($event))
-        }, null, 8, ["buttonList"])
-      ], 64);
-    };
-  }
-});
-function useFullScreen(wrapClassName) {
-  const fullScreenRef = ref(false);
-  const getWrapClassName = computed(() => {
-    const clsName = unref(wrapClassName) || "";
-    const cls = unref(fullScreenRef) ? `fullscreen-modal ${clsName} ` : unref(clsName);
-    return `dt-modal ${cls}`;
-  });
-  function toggleFullScreen(e) {
-    e && e.stopPropagation();
-    fullScreenRef.value = !unref(fullScreenRef);
-    dispatchResize();
-  }
-  return {
-    fullScreenRef,
-    getWrapClassName,
-    toggleFullScreen
-  };
-}
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: basicProps$1,
-  emits: ["visible-change", "height-change", "cancel", "save", "register", "update:visible"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const visibleRef = ref(false);
-    const propsRef = ref();
-    const modalWrapperRef = ref(null);
-    const { getWrapClassName, toggleFullScreen, fullScreenRef } = useFullScreen(computed(() => unref(propsRef)?.wrapClassName));
-    const getMergeProps = computed(() => {
-      return {
-        ...props,
-        ...unref(propsRef)
-      };
-    });
-    const getBindValue = computed(() => {
-      const bindValue = {
-        ...unref(getMergeProps),
-        ...unref(propsRef),
-        visible: unref(visibleRef),
-        wrapClassName: unref(getWrapClassName)
-      };
-      let omitArr = unref(fullScreenRef) ? ["height", "title"] : ["title"];
-      if (isArray(unref(propsRef)?.footer)) {
-        omitArr.push("footer");
-      }
-      return omit(bindValue, omitArr);
-    });
-    const getWrapperHeight = computed(() => {
-      if (unref(fullScreenRef))
-        return void 0;
-      return unref(getBindValue).height;
-    });
-    const modalFooterHeight = computed(() => {
-      if (isArray(props.footer)) {
-        return (unref(propsRef)?.footer).length ? 0 : void 0;
-      }
-      return props?.footer !== void 0 && !props.footer ? 0 : void 0;
-    });
-    const modalMethods = {
-      setModalProps,
-      redoModalHeight: () => {
-        nextTick(() => {
-          if (unref(modalWrapperRef)) {
-            unref(modalWrapperRef).setModalHeight();
-          }
-        });
-      }
-    };
-    const instance = getCurrentInstance();
-    if (instance) {
-      emits("register", modalMethods, instance.uid);
-    }
-    function handleHeightChange(height) {
-      emits("height-change", height);
-    }
-    function setModalProps(props2) {
-      propsRef.value = deepMerge(unref(propsRef) || {}, props2);
-      if (Reflect.has(props2, "visible")) {
-        visibleRef.value = !!props2.visible;
-      }
-      if (Reflect.has(props2, "defaultFullscreen")) {
-        fullScreenRef.value = !!props2.defaultFullscreen;
-      }
-    }
-    function handleSave() {
-      emits("save");
-    }
-    async function handleCancel(e = null) {
-      if (e) {
-        e?.stopPropagation();
-        if (e.target?.classList?.contains("dt-basic-modal-close--custom"))
-          return;
-        if (props.closeFunc && isFunction(props.closeFunc)) {
-          const isClose = await props.closeFunc();
-          visibleRef.value = !isClose;
-          return;
-        }
-      }
-      const { afterClose } = unref(getBindValue);
-      if (afterClose && isFunction(afterClose)) {
-        afterClose();
-      }
-      visibleRef.value = false;
-      emits("cancel", e);
-    }
-    watch(() => unref(visibleRef), (v) => {
-      emits("visible-change", v);
-      emits("update:visible", v);
-      nextTick(() => {
-        if (props.scrollTop && v && unref(modalWrapperRef)) {
-          unref(modalWrapperRef).$el.scrollTop = 0;
-        }
-      });
-    }, {
-      immediate: false
-    });
-    return (_ctx, _cache) => {
-      const _component_ASpin = Spin;
-      return openBlock(), createBlock(_sfc_main$8, mergeProps(unref(getBindValue), { onCancel: handleCancel }), createSlots({
-        default: withCtx(() => [
-          createVNode(_component_ASpin, {
-            spinning: unref(getBindValue).loading,
-            tip: unref(getBindValue).loadingTip
-          }, {
-            default: withCtx(() => [
-              createVNode(_sfc_main$3, mergeProps({
-                useWrapper: unref(getBindValue).useWrapper,
-                fullScreen: unref(fullScreenRef),
-                ref_key: "modalWrapperRef",
-                ref: modalWrapperRef,
-                minHeight: unref(getBindValue).minHeight,
-                height: unref(getWrapperHeight),
-                visible: visibleRef.value,
-                modalFooterHeight: unref(modalFooterHeight)
-              }, unref(omit)(unref(getBindValue).wrapperProps, "visible", "height", "modalFooterHeight"), { onHeightChange: handleHeightChange }), {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }, 16, ["useWrapper", "fullScreen", "minHeight", "height", "visible", "modalFooterHeight"])
-            ]),
-            _: 3
-          }, 8, ["spinning", "tip"])
-        ]),
-        _: 2
-      }, [
-        !_ctx.$slots.closeIcon ? {
-          name: "closeIcon",
-          fn: withCtx(() => [
-            createVNode(_sfc_main$7, {
-              canFullscreen: unref(getBindValue).canFullscreen,
-              fullScreen: unref(fullScreenRef),
-              onCancel: handleCancel,
-              onFullscreen: unref(toggleFullScreen)
-            }, null, 8, ["canFullscreen", "fullScreen", "onFullscreen"])
-          ]),
-          key: "0"
-        } : void 0,
-        !_ctx.$slots.title ? {
-          name: "title",
-          fn: withCtx(() => [
-            createTextVNode(toDisplayString(unref(getMergeProps).title), 1)
-          ]),
-          key: "1"
-        } : void 0,
-        !_ctx.$slots.footer ? {
-          name: "footer",
-          fn: withCtx(() => [
-            createVNode(_sfc_main$2, {
-              buttons: propsRef.value?.footer,
-              showSave: unref(getBindValue).showOkBtn,
-              showCancel: unref(getBindValue).showCancelBtn,
-              okText: unref(getBindValue).okText,
-              cancelText: unref(getBindValue).cancelText,
-              onHandleSave: handleSave,
-              onHandleCancel: handleCancel
-            }, createSlots({ _: 2 }, [
-              renderList(Object.keys(_ctx.$slots), (item) => {
-                return {
-                  name: item,
-                  fn: withCtx((data) => [
-                    renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
-                  ])
-                };
-              })
-            ]), 1032, ["buttons", "showSave", "showCancel", "okText", "cancelText"])
-          ]),
-          key: "2"
-        } : void 0,
-        renderList(Object.keys(unref(omit)(_ctx.$slots, "default")), (item) => {
-          return {
-            name: item,
-            fn: withCtx((data) => [
-              renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
-            ])
-          };
-        })
-      ]), 1040);
-    };
-  }
-});
+import { defineComponent, toRaw, openBlock, createBlock, unref, withCtx, renderSlot, ref, h, createVNode, mergeProps, nextTick } from "vue";
+import { useForm, DtForm } from "../form";
+import { useModal, DtModal, useModalOut } from "../modal";
+import { omit } from "lodash-es";
+import { useMessage, useI18n, isFunction, dispatchResize, error } from "@dt-frames/core";
 const basicProps = {
   title: {
     type: Object
@@ -3034,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       props?.onSave();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), {
+      return openBlock(), createBlock(unref(DtModal), {
         onRegister: unref(registerDialog),
         onSave: _cache[0] || (_cache[0] = ($event) => handleSave())
       }, {
@@ -3077,7 +118,7 @@ function useCurd(curdOpt) {
       "title": title,
       "onRegister": register
     }), {
-      default: () => [createVNode(_sfc_main$9, {
+      default: () => [createVNode(DtForm, {
         "onRegister": registerForm
       }, null)]
     })]));