@dt-frames/ui 2.0.3 → 2.0.4

package/es/components/curd/index.js

@@ -1,14 +1,25 @@
-import { toRaw as toRaw$1, unref as unref$1, computed, getCurrentInstance as getCurrentInstance$1, reactive, readonly, watchEffect, nextTick as nextTick$1, defineComponent, useAttrs, openBlock, createBlock, mergeProps, isRef, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createElementVNode, createVNode, normalizeProps, guardReactiveProps, createCommentVNode, toRefs, isVNode, ref as ref$1, watch, resolveDirective, normalizeStyle, withDirectives, normalizeClass, onMounted as onMounted$1, withKeys, createSlots, renderSlot, onUnmounted, inject, h, provide, onBeforeUnmount, resolveDynamicComponent } from "vue";
+import { toRaw, unref, computed, getCurrentInstance, reactive, readonly, watchEffect, nextTick, defineComponent, useAttrs, openBlock, createBlock, mergeProps, isRef, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createElementVNode, createVNode, normalizeProps, guardReactiveProps, createCommentVNode, toRefs, isVNode, ref, watch, resolveDirective, normalizeStyle, withDirectives, normalizeClass, onMounted, withKeys, createSlots, renderSlot, 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, isFunction, error, useSlots, isArray, isBoolean, isNull, dispatchResize, isObject, isNullAndUnDef, isEmpty, useTimeoutFn, useApp, off, on, windowResizeFn, useMessage } from "@dt-frames/core";
 import { isEqual, omit, cloneDeep, upperFirst, uniqBy, set } from "lodash-es";
 import { Input, Select, TreeSelect, Radio, Checkbox, AutoComplete, Cascader, DatePicker, InputNumber, Switch, TimePicker, Slider, Rate, Divider, Col, Tooltip, Form, FormItem, Modal as Modal$1 } 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";
-const _default = "";
-const index$3 = "";
+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";
@@ -145,12 +156,12 @@ defineStore({
         return;
       }
       let updateIndex = -1;
-      const tabHasExits = this.tabList.some((tab, index2) => {
-        updateIndex = index2;
+      const tabHasExits = this.tabList.some((tab, index) => {
+        updateIndex = index;
         return (tab.fullPath || tab.path) === (fullPath || path);
       });
       if (tabHasExits) {
-        const curTab = toRaw$1(this.tabList)[updateIndex];
+        const curTab = toRaw(this.tabList)[updateIndex];
         curTab.params = params || curTab.params;
         curTab.query = query || curTab.query;
         curTab.fullPath = fullPath || curTab.fullPath;
@@ -162,14 +173,14 @@ defineStore({
     },
     closeTab(path, router) {
       const go = useGo(router);
-      const index2 = this.tabList.findIndex((item) => item.path === path);
+      const index = this.tabList.findIndex((item) => item.path === path);
       let page;
-      if (index2 === 0) {
+      if (index === 0) {
         if (this.tabList.length !== 1) {
-          page = this.tabList[index2 + 1];
+          page = this.tabList[index + 1];
         }
       } else {
-        page = this.tabList[index2 - 1];
+        page = this.tabList[index - 1];
       }
       this.bulkCloseTabs([path]);
       this.updateCacheTab();
@@ -178,15 +189,15 @@ defineStore({
     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$1(currentRoute);
+      const route = filterTabList.length > 0 ? filterTabList[filterTabList.length - 1] : unref(currentRoute);
       this.tabList = [route];
       this.updateCacheTab();
       go(route.path);
     },
     closeLeftTabs(path) {
-      const index2 = this.tabList.findIndex((item) => item.path === path);
-      if (index2 > 0) {
-        const leftTabs = this.tabList.slice(0, index2);
+      const index = this.tabList.findIndex((item) => item.path === path);
+      if (index > 0) {
+        const leftTabs = this.tabList.slice(0, index);
         const pathList = [];
         for (const item of leftTabs) {
           const affix = item?.meta?.affix ?? false;
@@ -199,9 +210,9 @@ defineStore({
       this.updateCacheTab();
     },
     closeRightTabs(path) {
-      const index2 = this.tabList.findIndex((item) => item.path === path);
-      if (index2 >= 0 && index2 < this.tabList.length - 1) {
-        const rightTabs = this.tabList.slice(index2 + 1, this.tabList.length);
+      const index = this.tabList.findIndex((item) => item.path === 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;
@@ -241,7 +252,7 @@ defineStore({
       this.cacheTabList = cacheMap;
     },
     async refreshPage(router) {
-      const findTab = this.getCachedTabList.find((item) => item === unref$1(router.currentRoute).name);
+      const findTab = this.getCachedTabList.find((item) => item === unref(router.currentRoute).name);
       if (findTab) {
         this.cacheTabList.delete(findTab.toString());
       }
@@ -263,36 +274,36 @@ function useMenu() {
   const getMenuFixed = computed(() => getMenuConf.fixed);
   const getShowMenu = computed(() => getMenuConf.show);
   const getShowSidebar = computed(() => {
-    return unref$1(getSplit) || unref$1(getShowMenu) && unref$1(getMenuMode) !== MenuMode.HORIZONTAL;
+    return unref(getSplit) || unref(getShowMenu) && unref(getMenuMode) !== MenuMode.HORIZONTAL;
   });
   const getMenuHidden = computed(() => getMenuConf.hidden);
   const getMenuTheme = computed(() => getMenuConf.theme);
   const getTrigger = computed(() => getMenuConf.trigger);
   const getCanDrag = computed(() => getMenuConf.canDrag);
   const getIsMixMode = computed(() => {
-    return unref$1(getMenuMode) === MenuMode.INLINE && unref$1(getMenuType) === MenuType.MIX;
+    return unref(getMenuMode) === MenuMode.INLINE && unref(getMenuType) === MenuType.MIX;
   });
-  const getMenuWidth = computed(() => unref$1(getIsMixMode) ? Number(getMenuConf.menuWidth) - 40 : getMenuConf.menuWidth);
+  const getMenuWidth = computed(() => unref(getIsMixMode) ? Number(getMenuConf.menuWidth) - 40 : getMenuConf.menuWidth);
   const getLogoWidth = computed(() => getMenuConf.menuWidth);
   const getMenuType = computed(() => getMenuConf.type);
-  const getIsTopMenu = computed(() => unref$1(getMenuType) === MenuType.TOP_MENU);
+  const getIsTopMenu = computed(() => unref(getMenuType) === MenuType.TOP_MENU);
   const getMenuMode = computed(() => getMenuConf.mode);
   const getSplit = computed(() => getMenuConf.split);
   const getCollapsed = computed(() => getMenuConf.collapsed);
-  const getIsHorizontal = computed(() => unref$1(getMenuMode) === MenuMode.HORIZONTAL);
+  const getIsHorizontal = computed(() => unref(getMenuMode) === MenuMode.HORIZONTAL);
   const setThemeStore = (conf = {}) => setThemeConf(conf);
   const toggleCollapsed = () => setThemeStore({
     menuOptions: {
-      collapsed: !unref$1(getCollapsed)
+      collapsed: !unref(getCollapsed)
     }
   });
   const getMiniWidthNumber = computed(() => getMenuConf.collapsedShowTitle ? 80 : 48);
   const getRealWidth = computed(() => {
-    return unref$1(getCollapsed) ? unref$1(getMiniWidthNumber) : unref$1(getMenuWidth);
+    return unref(getCollapsed) ? unref(getMiniWidthNumber) : unref(getMenuWidth);
   });
   const getCalcContentWidth = computed(() => {
-    const width = unref$1(getIsTopMenu) || !unref$1(getShowMenu) || unref$1(getSplit) && unref$1(getMenuHidden) ? 0 : unref$1(getRealWidth);
-    return `calc(100% - ${unref$1(width)}px)`;
+    const width = unref(getIsTopMenu) || !unref(getShowMenu) || unref(getSplit) && unref(getMenuHidden) ? 0 : unref(getRealWidth);
+    return `calc(100% - ${unref(width)}px)`;
   });
   return {
     getCollapsedShowTitle,
@@ -353,37 +364,37 @@ function useHeader() {
   const { getShowMultipleTab } = useMultipleTab();
   const getHeaderTheme = computed(() => getHeaderConf.theme);
   const getFixed = computed(() => getHeaderConf.fixed);
-  const getShowHeaderLogo = computed(() => unref$1(getShowLogo) && !unref$1(getIsSidebarType));
+  const getShowHeaderLogo = computed(() => unref(getShowLogo) && !unref(getIsSidebarType));
   const getShowSearch = computed(() => getHeaderConf.showSearch);
   const getShowHeaderTrigger = computed(() => {
-    if (unref$1(getMenuType) === MenuType.TOP_MENU || !unref$1(getShowMenu) || unref$1(getMenuHidden)) {
+    if (unref(getMenuType) === MenuType.TOP_MENU || !unref(getShowMenu) || unref(getMenuHidden)) {
       return false;
     }
-    return unref$1(getTrigger);
+    return unref(getTrigger);
   });
   const getShowBreadCrumb = computed(() => getHeaderConf.showBreadCrumb);
   const getShowBread = computed(
-    () => unref$1(getMenuMode) !== MenuMode.HORIZONTAL && !unref$1(getSplit) && unref$1(getShowBreadCrumb)
+    () => unref(getMenuMode) !== MenuMode.HORIZONTAL && !unref(getSplit) && unref(getShowBreadCrumb)
   );
-  const getShowTopMenu = computed(() => unref$1(getMenuMode) === MenuMode.HORIZONTAL || unref$1(getSplit));
+  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$1(getIsSidebarType) && !unref$1(getIsTopMenu);
+    return !unref(getIsSidebarType) && !unref(getIsTopMenu);
   });
   const getHeaderHeight = computed(() => {
     let height = 0;
     height += HEADER_HEIGHT;
-    if (unref$1(getShowMultipleTab) && !unref$1(getSplit)) {
+    if (unref(getShowMultipleTab) && !unref(getSplit)) {
       height += TABS_HEIGHT;
     }
     return height;
   });
   const getTabsHeight = computed(() => TABS_HEIGHT);
   const getShowInsetHeaderRef = computed(() => {
-    return unref$1(getIsSidebarType) || unref$1(getIsTopMenu);
+    return unref(getIsSidebarType) || unref(getIsTopMenu);
   });
   const getShowBackToTop = computed(() => getHeaderConf.showBackToTop);
   const getIsZH = computed(() => {
@@ -426,15 +437,15 @@ function useLabelWidth(schemaItemRef, propsRef) {
   const { getIsZH } = useHeader();
   const { appConf } = useAppStore();
   return computed(() => {
-    const { labelWidth, enLabelWidth, labelCol = {}, wrapperCol = {} } = unref$1(schemaItemRef);
+    const { labelWidth, enLabelWidth, labelCol = {}, wrapperCol = {} } = unref(schemaItemRef);
     const {
       labelWidth: gLabelWidth,
       enLabelWidth: gEnLabelWidth,
       labelCol: glabelCol = {},
       wrapperCol: gwrapperCol = {},
       layout = appConf.ui.form.layout
-    } = unref$1(propsRef);
-    let width = (unref$1(getIsZH) ? labelWidth ?? gLabelWidth : enLabelWidth ?? gEnLabelWidth) ?? labelWidth ?? gLabelWidth ?? 0;
+    } = unref(propsRef);
+    let width = (unref(getIsZH) ? labelWidth ?? gLabelWidth : enLabelWidth ?? gEnLabelWidth) ?? labelWidth ?? gLabelWidth ?? 0;
     const labelcol = { ...glabelCol, ...labelCol };
     const wrapcol = { ...gwrapperCol, ...wrapperCol };
     width = isNumber(width) ? `${width}px` : width;
@@ -488,9 +499,8 @@ function handleInputNumberValue(component, val) {
   }
   return val;
 }
-const index$2 = "";
 function useFormValue(props, key = "value", changeEvent = "change", emitData) {
-  const instance = getCurrentInstance$1();
+  const instance = getCurrentInstance();
   const emit = instance?.emit;
   const innerState = reactive({
     value: props[key]
@@ -498,8 +508,8 @@ function useFormValue(props, key = "value", changeEvent = "change", emitData) {
   const defaultState = readonly(innerState);
   const setState = (val) => {
     innerState.value = val;
-    nextTick$1(() => {
-      emit?.(changeEvent, val, ...toRaw$1(unref$1(emitData)) || []);
+    nextTick(() => {
+      emit?.(changeEvent, val, ...toRaw(unref(emitData)) || []);
     });
   };
   watchEffect(() => {
@@ -513,8 +523,8 @@ function useFormValue(props, key = "value", changeEvent = "change", emitData) {
       if (isEqual(value, defaultState.value))
         return;
       innerState.value = value;
-      nextTick$1(() => {
-        emit?.(changeEvent, value, ...toRaw$1(unref$1(emitData)) || []);
+      nextTick(() => {
+        emit?.(changeEvent, value, ...toRaw(unref(emitData)) || []);
       });
     }
   });
@@ -547,13 +557,13 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_ARadioButton = RadioButton;
       const _component_ARadioGroup = RadioGroup;
-      return openBlock(), createBlock(_component_ARadioGroup, mergeProps(unref$1(attrs), {
-        value: unref$1(state),
+      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$1(getOptions), (item) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getOptions), (item) => {
             return openBlock(), createBlock(_component_ARadioButton, {
               key: `${item.value}`,
               value: item.value,
@@ -608,9 +618,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
         createElementVNode("div", { onClick: onClickInput }, [
-          createVNode(unref$1(Input), normalizeProps(guardReactiveProps(unref$1(bindProps))), null, 16)
+          createVNode(unref(Input), normalizeProps(guardReactiveProps(unref(bindProps))), null, 16)
         ]),
-        unref$1(attrs).formValues?.schema?.linkProps?.length ? (openBlock(), createElementBlock("i", {
+        unref(attrs).formValues?.schema?.linkProps?.length ? (openBlock(), createElementBlock("i", {
           key: 0,
           class: "i mdi:close-circle",
           onClick: clearProps
@@ -727,7 +737,7 @@ const _sfc_main$b = {
         return false;
       }
       if (isFunction(show)) {
-        return show(unref$1(getValues).model);
+        return show(unref(getValues).model);
       }
       return show;
     });
@@ -739,7 +749,7 @@ const _sfc_main$b = {
         props: cProps = {}
       } = schema2;
       if (isFunction(cProps)) {
-        cProps = cProps(unref$1(getValues).model) ?? {};
+        cProps = cProps(unref(getValues).model) ?? {};
       }
       if (schema2.component === "Divider") {
         cProps = Object.assign({
@@ -763,9 +773,9 @@ const _sfc_main$b = {
       const {
         labelCol,
         wrapperCol
-      } = unref$1(useLabelWidth(schema, formProps));
+      } = unref(useLabelWidth(schema, formProps));
       const getContent = () => {
-        const value = unref$1(getValues);
+        const value = unref(getValues);
         let _con = slot ? getSlot(slots, slot, value.model) : render ? render(value.model) : renderFormItem();
         return component === "InputGroup" || component === "Icon" ? createVNode(FormItem, {
           "class": "m-0"
@@ -774,15 +784,15 @@ const _sfc_main$b = {
         }) : _con;
       };
       const getSuffix = () => {
-        return isFunction(suffix) ? suffix(unref$1(getValues).model) : suffix;
+        return isFunction(suffix) ? suffix(unref(getValues).model) : suffix;
       };
       const getPrefix = () => {
-        return isFunction(prefix) ? prefix(unref$1(getValues).model) : prefix;
+        return isFunction(prefix) ? prefix(unref(getValues).model) : prefix;
       };
       return createVNode(Form.Item, {
         "name": isArray(name) ? name.join("-") : name,
         "colon": colon,
-        "class": [unref$1(getUiSize), {
+        "class": [unref(getUiSize), {
           "suffix-item": !!suffix
         }],
         "label": renderLabel(),
@@ -811,7 +821,7 @@ const _sfc_main$b = {
       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$1(getValues).model) : toolTip;
+      const _toolTip = isFunction(toolTip) ? toolTip(unref(getValues).model) : toolTip;
       const _toolTipProps = {
         title: renderLabel2,
         autoAdjustOverflow: true,
@@ -869,19 +879,19 @@ const _sfc_main$b = {
         } = props.schema;
         const {
           disabled: itemDisabled = false
-        } = unref$1(getComponentProps);
+        } = unref(getComponentProps);
         let _disabled = !!gDisabled || itemDisabled;
         if (isBoolean(disabled))
           _disabled = disabled;
         if (isFunction(disabled))
-          _disabled = disabled(unref$1(getValues).model);
+          _disabled = disabled(unref(getValues).model);
         return _disabled;
       });
       const itemProps = {
         allowClear: _sProps?.allowClear ?? appConf.ui.form.allowClear,
-        size: unref$1(getUiSize) === UiSize.MIDDLE ? "default" : unref$1(getUiSize),
-        ...unref$1(getComponentProps),
-        disabled: unref$1(getDisable)
+        size: unref(getUiSize) === UiSize.MIDDLE ? "default" : unref(getUiSize),
+        ...unref(getComponentProps),
+        disabled: unref(getDisable)
       };
       if (component === "Select") {
         {
@@ -890,15 +900,15 @@ const _sfc_main$b = {
         }
       }
       if (!itemProps.disabled && component !== "RangePicker") {
-        itemProps.placeholder = unref$1(getComponentProps)?.placeholder || createPlaceholder(component);
+        itemProps.placeholder = unref(getComponentProps)?.placeholder || createPlaceholder(component);
       }
       if (["DatePicker", "MonthPicker", "RangePicker"].includes(component)) {
         itemProps.defaultValue = props.formModel[name];
       }
       itemProps.codeName = name;
-      itemProps.formValues = unref$1(getValues);
+      itemProps.formValues = unref(getValues);
       if (["Select", "DatePicker", "MonthPicker", "WeekPicker", "RangePicker"].includes(component)) {
-        itemProps.dropdownClassName += ` ${unref$1(getUiSize)}`;
+        itemProps.dropdownClassName += ` ${unref(getUiSize)}`;
       }
       const bindValue = {
         [valueField || (isCheck ? "checked" : "value")]: props.formModel[name]
@@ -913,7 +923,7 @@ const _sfc_main$b = {
         return createVNode(Comp, compAttr, null);
       }
       const compSlot = isFunction(renderComponent) ? {
-        ...renderComponent(unref$1(getValues))
+        ...renderComponent(unref(getValues))
       } : {
         default: () => renderComponent
       };
@@ -932,11 +942,11 @@ const _sfc_main$b = {
       if (!component)
         return [];
       if (isFunction(dynamicRules)) {
-        return dynamicRules(unref$1(getValues).model);
+        return dynamicRules(unref(getValues).model);
       }
       const defaultMsg = createPlaceholder(component) + label;
       let rules = cloneDeep(defaultRules);
-      const getRequired = isFunction(required) ? required(unref$1(getValues).model) : required;
+      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) {
@@ -945,7 +955,7 @@ const _sfc_main$b = {
         return Promise.resolve();
       }
       if (!rules || !rules.length) {
-        let _required = isBoolean(getRequired) ? getRequired : unref$1(getRequired);
+        let _required = isBoolean(getRequired) ? getRequired : unref(getRequired);
         rules = _required ? [{
           required: _required,
           validator
@@ -954,7 +964,7 @@ const _sfc_main$b = {
       const requiredIndex = rules.findIndex((rule) => Reflect.has(rule, "required") && !Reflect.has(rule, "validator"));
       if (requiredIndex !== -1) {
         const rule = rules[requiredIndex];
-        if (!unref$1(getShow)) {
+        if (!unref(getShow)) {
           rule.required = false;
         }
         if (!Reflect.has(rule, "type")) {
@@ -964,7 +974,7 @@ const _sfc_main$b = {
         if (component.includes("Input") || component.includes("Textarea")) {
           rule.whitespace = true;
         }
-        const valueFormat = unref$1(getComponentProps)?.valueFormat;
+        const valueFormat = unref(getComponentProps)?.valueFormat;
         setComponentRuleType(rule, component, valueFormat);
       }
       const maxIndex = rules.findIndex((val) => val.max);
@@ -988,7 +998,7 @@ const _sfc_main$b = {
         mode
       } = props.formProps;
       let _colProps = colProps || gColProps || (mode === "search" ? appConf.ui.form.searchColspan : appConf.ui.form.dialogColspan);
-      const values = unref$1(getValues);
+      const values = unref(getValues);
       if (!component) {
         if (!render && !renderCol && !slot) {
           error(t("NEED_RENDER"));
@@ -997,7 +1007,7 @@ const _sfc_main$b = {
       }
       if (component === "Divider") {
         let _slot;
-        let cprops = unref$1(getComponentProps);
+        let cprops = unref(getComponentProps);
         const span = cprops?.span ?? 24;
         return createVNode(Col, {
           "span": span
@@ -1010,7 +1020,7 @@ const _sfc_main$b = {
       const getContent = () => {
         return colSlot ? getSlot(slots, colSlot, values) : renderCol ? renderCol(values) : renderItem();
       };
-      return unref$1(getShow) && createVNode(Col, _colProps, _isSlot$1(_slot2 = getContent()) ? _slot2 : {
+      return unref(getShow) && createVNode(Col, _colProps, _isSlot$1(_slot2 = getContent()) ? _slot2 : {
         default: () => [_slot2]
       });
     };
@@ -1062,7 +1072,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: emits }) {
     const props = __props;
     const { t } = useI18n();
-    const advancedRef = ref$1(props.isAdvanced);
+    const advancedRef = ref(props.isAdvanced);
     let key = 0;
     const showAdvanceRef = computed(() => {
       return props.mode === "search" ? props.showAdvancedButton : false;
@@ -1098,7 +1108,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     }
     watch(() => props.isAdvanced, (v) => {
       if (v) {
-        nextTick$1(() => toggleAdvanced());
+        nextTick(() => toggleAdvanced());
       }
     }, {
       immediate: true
@@ -1117,7 +1127,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       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$1(colOpt))), {
+      return __props.show ? (openBlock(), createBlock(_component_ACol, normalizeProps(mergeProps({ key: 0 }, unref(colOpt))), {
         default: withCtx(() => [
           createVNode(_component_AFormItem, {
             class: "dt-form-btns",
@@ -1131,9 +1141,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   (button.show === void 0 ? true : button.show) ? withDirectives((openBlock(), createBlock(_component_AButton, {
                     type: button.type,
                     class: normalizeClass(button.class),
-                    loading: button.loading?.value,
+                    loading: button.loading,
                     disabled: button.disabled,
-                    key: unref$1(key),
+                    key: unref(key),
                     onClick: ($event) => handleBtnClick(button)
                   }, {
                     icon: withCtx(() => [
@@ -1142,7 +1152,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       ]) : createCommentVNode("v-if", true)
                     ]),
                     default: withCtx(() => [
-                      createTextVNode(" " + toDisplayString(unref$1(t)(button.name)) + " ", 1),
+                      createTextVNode(" " + toDisplayString(unref(t)(button.name)) + " ", 1),
                       button.postIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2, null, 512)), [
                         [_directive_icon, button.postIcon]
                       ]) : createCommentVNode("v-if", true)
@@ -1153,7 +1163,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   ]) : createCommentVNode("v-if", true)
                 ], 64);
               }), 256)),
-              unref$1(showAdvanceRef) ? (openBlock(), createBlock(_component_AButton, {
+              unref(showAdvanceRef) ? (openBlock(), createBlock(_component_AButton, {
                 key: 0,
                 type: "link",
                 class: "advanced",
@@ -1161,9 +1171,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createCommentVNode(" \u6536\u8D77 | \u5C55\u5F00 "),
-                  createElementVNode("span", _hoisted_3, toDisplayString(advancedRef.value ? unref$1(t)("UI.ADVANCED") : unref$1(t)("UI.EXPAND")), 1),
+                  createElementVNode("span", _hoisted_3, toDisplayString(advancedRef.value ? unref(t)("UI.ADVANCED") : unref(t)("UI.EXPAND")), 1),
                   createElementVNode("span", {
-                    class: normalizeClass(unref$1(getAdvanceClass))
+                    class: normalizeClass(unref(getAdvanceClass))
                   }, _hoisted_5, 2)
                 ]),
                 _: 1
@@ -1195,10 +1205,10 @@ function useFormEvents({
   handleFormValues
 }) {
   function getFormValues() {
-    const formEl = unref$1(formElRef);
+    const formEl = unref(formElRef);
     if (!formEl)
       return {};
-    return handleFormValues(toRaw$1(unref$1(formModel)));
+    return handleFormValues(toRaw(unref(formModel)));
   }
   function updateSchema(data) {
     let updateItems = [];
@@ -1209,7 +1219,7 @@ function useFormEvents({
     }
     const schema = [];
     updateItems.forEach((it) => {
-      unref$1(getSchema).forEach((val) => {
+      unref(getSchema).forEach((val) => {
         if (val.name === it.name) {
           const newSchema = deepMerge(val, it);
           schema.push(newSchema);
@@ -1236,7 +1246,7 @@ function useFormEvents({
       obj[name] = null;
       if (!isNullAndUnDef(it.defaultValue))
         return obj[name] = it.defaultValue;
-      let props = isFunction(it.props) ? it.props(toRaw$1(unref$1(formModel))) : it.props;
+      let props = isFunction(it.props) ? it.props(toRaw(unref(formModel))) : it.props;
       if (!isNullAndUnDef(props?.defaultValue))
         obj[name] = props.defaultValue;
     });
@@ -1252,25 +1262,25 @@ function useFormEvents({
     setFormValues(obj);
   }
   async function clearValidate(name) {
-    await unref$1(formElRef)?.clearValidate(name);
+    await unref(formElRef)?.clearValidate(name);
   }
   function resetForms() {
-    const { resetFunc } = unref$1(getProps);
+    const { resetFunc } = unref(getProps);
     resetFunc && isFunction(resetFunc) && resetFunc();
-    if (!unref$1(formElRef))
+    if (!unref(formElRef))
       return;
     Object.keys(formModel).forEach((key) => {
-      const schema = unref$1(getSchema).find((item) => item.name === 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$1(() => clearValidate());
-    emits("reset", toRaw$1(formModel));
+    nextTick(() => clearValidate());
+    emits("reset", toRaw(formModel));
   }
   function removeFormByName(names) {
     if (!names)
       return;
-    const schemaList = cloneDeep(unref$1(getSchema));
+    const schemaList = cloneDeep(unref(getSchema));
     const nameList = isString(names) ? [names] : names;
     for (const name of nameList) {
       _removeSchemaByName(name, schemaList);
@@ -1278,32 +1288,32 @@ function useFormEvents({
     schemaRef.value = schemaList;
   }
   function _removeSchemaByName(name, schemaList) {
-    const index2 = schemaList.findIndex((schema) => schema.name === name);
-    if (index2 !== -1) {
+    const index = schemaList.findIndex((schema) => schema.name === name);
+    if (index !== -1) {
       delete formModel[name];
-      schemaList.splice(index2, 1);
+      schemaList.splice(index, 1);
     }
   }
   function appendFormItems(schema, prefixName, first = false) {
-    const schemaList = cloneDeep(unref$1(getSchema));
-    const index2 = schemaList.findIndex((schema2) => schema2.name === prefixName);
-    if (!prefixName || index2 === -1 || first) {
+    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 (index2 !== -1) {
-      schemaList.splice(index2 + 1, 0, ...schema);
+    if (index !== -1) {
+      schemaList.splice(index + 1, 0, ...schema);
     }
     schemaRef.value = schemaList;
   }
   function itemIsDateType(key) {
-    return unref$1(getSchema).some((item) => {
+    return unref(getSchema).some((item) => {
       return item.name === key ? ["DatePicker", "MonthPicker", "WeekPicker", "TimePicker", "RangePicker"].includes(item.component) : false;
     });
   }
   async function validateFields(nameList) {
-    return unref$1(formElRef)?.validateFields(nameList);
+    return unref(formElRef)?.validateFields(nameList);
   }
   function setFormValues(values) {
     if (!values || !Object.keys(values).length) {
@@ -1311,10 +1321,10 @@ function useFormEvents({
         formModel[it] = Array.isArray(formModel[it]) ? [] : null;
       return;
     }
-    const names = unref$1(getSchema).map((item) => item.name).filter(Boolean);
+    const names = unref(getSchema).map((item) => item.name).filter(Boolean);
     const validKeys = [];
     Object.keys(values).forEach((key) => {
-      const schema = unref$1(getSchema).find((item) => item.name === 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);
@@ -1345,7 +1355,7 @@ function useFormEvents({
     return validateFields(validKeys);
   }
   async function validate(nameList) {
-    return await unref$1(formElRef)?.validate(nameList);
+    return await unref(formElRef)?.validate(nameList);
   }
   return {
     getFormValues,
@@ -1367,7 +1377,7 @@ function useFormValues({
 }) {
   const getComMap = () => {
     let comMap = /* @__PURE__ */ new Map();
-    unref$1(getSchema).map((it) => {
+    unref(getSchema).map((it) => {
       if (it.component && it.name) {
         comMap.set(it.name, it);
       }
@@ -1404,7 +1414,7 @@ function useFormValues({
     return vals;
   }
   function initDefault() {
-    const schema = unref$1(getSchema), obj = {};
+    const schema = unref(getSchema), obj = {};
     schema.forEach((item) => {
       const { props = {}, name, component, defaultValue: gDefaultValue, extraName } = item;
       const { defaultValue: itemDefaultValue, mode, format, treeCheckable } = isFunction(props) ? props(formModel) : props;
@@ -1424,7 +1434,7 @@ function useFormValues({
           if (isArray(defaultValue2)) {
             let vals = defaultValue2.map((it) => format ? dayjs(it, format) : dayjs(it));
             if (names.length > 1) {
-              names.map((key, index2) => obj[key] = vals[index2] ?? null);
+              names.map((key, index) => obj[key] = vals[index] ?? null);
             } else {
               obj[names[0]] = vals;
             }
@@ -1433,11 +1443,11 @@ function useFormValues({
           }
         } else {
           if (names.length > 1) {
-            names.forEach((key, index2) => {
-              if (!defaultValue2 || defaultValue2.length - 1 < index2) {
+            names.forEach((key, index) => {
+              if (!defaultValue2 || defaultValue2.length - 1 < index) {
                 obj[key] = null;
               } else {
-                obj[key] = defaultValue2[index2];
+                obj[key] = defaultValue2[index];
               }
             });
           } else {
@@ -1468,9 +1478,9 @@ function useFormActions(opt) {
   const { getProps, defaultValue, updateSchema, getFormValues, setFormValues } = opt;
   const { appConf } = useAppStore();
   function handleAdvanced(isAdvanced) {
-    const { schemas, minShowColumn = appConf.ui.form?.minShowColumn || 2 } = unref$1(getProps);
-    let schema = schemas.reduce((t, it, index2) => {
-      if (index2 > minShowColumn - 1)
+    const { schemas, minShowColumn = appConf.ui.form?.minShowColumn || 2 } = unref(getProps);
+    let schema = schemas.reduce((t, it, index) => {
+      if (index > minShowColumn - 1)
         it.isAdvanced = isAdvanced;
       t.push(it);
       return t;
@@ -1478,11 +1488,10 @@ function useFormActions(opt) {
     updateSchema(schema);
   }
   function handleMethod(params) {
-    const { onSearch, onReset } = unref$1(getProps);
+    const { onSearch, onReset } = unref(getProps);
     if (isBoolean(params)) {
       handleAdvanced(params);
     } else if (params.name === SEARCH_BTN_NAME) {
-      console.log(getProps);
       onSearch(getFormValues());
     } else if (params.name === RESET_BTN_NAME) {
       setFormValues(toRaw(defaultValue.value));
@@ -1586,8 +1595,8 @@ const BasicProps = {
     type: Object,
     default: () => {
       return {
-        onSearch: ref$1(false),
-        onReset: ref$1(false)
+        onSearch: ref(false),
+        onReset: ref(false)
       };
     }
   },
@@ -1620,11 +1629,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { getAppConf } = useAppStore();
     const attrs = useAttrs();
-    const formElRef = ref$1(null);
+    const formElRef = ref(null);
     const formModel = reactive({});
-    const defaultValue = ref$1({});
-    const propsRef = ref$1();
-    const schemaRef = ref$1(null);
+    const defaultValue = ref({});
+    const propsRef = ref();
+    const schemaRef = ref(null);
     const getProps = computed(() => {
       let colProps = props.colProps;
       if (isEmpty(props.colProps)) {
@@ -1634,20 +1643,20 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         ...props,
         ...getAppConf.ui.form,
         colProps,
-        ...unref$1(propsRef)
+        ...unref(propsRef)
       };
     });
     const getBindValue = computed(() => {
       return {
         ...attrs,
-        ...unref$1(getProps)
+        ...unref(getProps)
       };
     });
     const getSchema = computed(() => {
-      return unref$1(schemaRef) || unref$1(getProps).schemas;
+      return unref(schemaRef) || unref(getProps).schemas;
     });
     const getFormClass = computed(() => {
-      const { compact, mode } = unref$1(getProps);
+      const { compact, mode } = unref(getProps);
       const getCompact = compact === null ? mode === "dialog" ? false : true : compact;
       return [
         "basic-form",
@@ -1658,12 +1667,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       ];
     });
     function setProps(formProps) {
-      propsRef.value = deepMerge(unref$1(propsRef) || {}, formProps);
+      propsRef.value = deepMerge(unref(propsRef) || {}, formProps);
       return null;
     }
     function setFormModel(key, value) {
       formModel[key] = value;
-      const { validateTrigger } = unref$1(getBindValue);
+      const { validateTrigger } = unref(getBindValue);
       if (!validateTrigger || validateTrigger === "change") {
         validateFields([key]);
       }
@@ -1717,7 +1726,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         showAdvancedButton: advanced,
         loading,
         buttons
-      } = unref$1(getProps);
+      } = unref(getProps);
       let showAdvancedButton = mode === "search" ? true : false;
       if (advanced !== void 0) {
         showAdvancedButton = advanced;
@@ -1750,16 +1759,19 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       getFormValues,
       setFormValues
     });
-    onMounted$1(() => {
+    onMounted(() => {
       setFormValues(null);
       emits("register", formActionMethods);
       initDefault();
+      if (unref(getProps)?.registerInstance) {
+        unref(getProps)?.registerInstance(formActionMethods);
+      }
     });
     watch(
-      () => unref$1(getProps).onSearch,
+      () => unref(getProps).onSearch,
       () => {
         useTimeoutFn(() => {
-          const { onSearch, autoFetch } = unref$1(getProps);
+          const { onSearch, autoFetch } = unref(getProps);
           if (autoFetch && onSearch && isFunction(onSearch)) {
             onSearch(toRaw(defaultValue.value));
           }
@@ -1767,9 +1779,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }
     );
     watch(
-      () => unref$1(getProps).model,
+      () => unref(getProps).model,
       (v) => {
-        const { model } = unref$1(getProps);
+        const { model } = unref(getProps);
         if (!model || !Object.keys(model).length)
           return;
         setFormValues(model);
@@ -1782,24 +1794,24 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_ARow = Row;
       const _component_AForm = Form$1;
-      return openBlock(), createBlock(_component_AForm, mergeProps(unref$1(getBindValue), {
+      return openBlock(), createBlock(_component_AForm, mergeProps(unref(getBindValue), {
         ref_key: "formElRef",
         ref: formElRef,
-        class: unref$1(getFormClass),
+        class: unref(getFormClass),
         model: formModel,
-        layout: unref$1(getProps).layout,
+        layout: unref(getProps).layout,
         onKeypress: withKeys(handleEnterPress, ["enter"])
       }), {
         default: withCtx(() => [
-          createVNode(_component_ARow, mergeProps(unref$1(getProps).rowProps, { style: {
+          createVNode(_component_ARow, mergeProps(unref(getProps).rowProps, { style: {
             margin: 0
           } }), {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(getSchema), (schema) => {
-                return openBlock(), createBlock(unref$1(DtFormItem), {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSchema), (schema) => {
+                return openBlock(), createBlock(unref(DtFormItem), {
                   key: schema.name,
                   schema,
-                  formProps: unref$1(getProps),
+                  formProps: unref(getProps),
                   formModel,
                   defaultValues: defaultValue.value,
                   setFormModel,
@@ -1815,7 +1827,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                   })
                 ]), 1032, ["schema", "formProps", "formModel", "defaultValues"]);
               }), 128)),
-              unref$1(getActionsProps).buttonList?.length ? (openBlock(), createBlock(unref$1(DtFormButtons), mergeProps({ key: 0 }, unref$1(getActionsProps), { onHandleMethod: unref$1(handleMethod) }), null, 16, ["onHandleMethod"])) : createCommentVNode("v-if", true)
+              unref(getActionsProps).buttonList?.length ? (openBlock(), createBlock(unref(DtFormButtons), mergeProps({ key: 0 }, unref(getActionsProps), { onHandleMethod: unref(handleMethod) }), null, 16, ["onHandleMethod"])) : createCommentVNode("v-if", true)
             ]),
             _: 3
           }, 16)
@@ -1827,10 +1839,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 });
 const Forms = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/index.vue"]]);
 function useForm(props) {
-  const formRef = ref$1(null);
-  const loadedRef = ref$1(false);
+  const formRef = ref(null);
+  const loadedRef = ref(false);
   function register(instance) {
-    if (unref$1(loadedRef) && instance === unref$1(formRef))
+    if (unref(loadedRef) && instance === unref(formRef))
       return;
     formRef.value = instance;
     loadedRef.value = true;
@@ -1844,10 +1856,10 @@ function useForm(props) {
     );
   }
   async function getForm() {
-    const form = unref$1(formRef);
+    const form = unref(formRef);
     if (!form)
       console.error("\u8868\u5355\u672A\u7533\u660E!");
-    await nextTick$1();
+    await nextTick();
     return form;
   }
   const methods = {
@@ -1872,7 +1884,7 @@ function useForm(props) {
       form.resetForms();
     },
     removeFormByName: async (name) => {
-      unref$1(formRef)?.removeFormByName(name);
+      unref(formRef)?.removeFormByName(name);
     },
     setFormValues: async (values) => {
       const form = await getForm();
@@ -1891,7 +1903,7 @@ function useForm(props) {
       return form.validateFields(nameList);
     },
     getFormValues: () => {
-      return unref$1(formRef)?.getFormValues();
+      return unref(formRef)?.getFormValues();
     }
   };
   return [register, methods];
@@ -1907,9 +1919,9 @@ const orgDialogProp = reactive({});
 const cbTransfer = reactive({});
 const dataTransfer = reactive({});
 function useModalOut() {
-  const modal = ref$1(null);
-  const loaded = ref$1(true);
-  const uid = ref$1(null);
+  const modal = ref(null);
+  const loaded = ref(true);
+  const uid = ref(null);
   const { isProd } = useApp();
   function register(modalMethod, uuid) {
     if (!getCurrentInstance()) {
@@ -1917,22 +1929,22 @@ function useModalOut() {
     }
     uid.value = uuid;
     onUnmounted(() => {
-      if (unref$1(isProd)) {
+      if (unref(isProd)) {
         modal.value = null;
         loaded.value = false;
-        dataTransfer[unref$1(uid)] = null;
-        orgDialogProp[unref$1(uid)] = null;
-        cbTransfer[unref$1(uid)] = (res) => {
+        dataTransfer[unref(uid)] = null;
+        orgDialogProp[unref(uid)] = null;
+        cbTransfer[unref(uid)] = (res) => {
         };
       }
     });
-    if (unref$1(loaded) && modalMethod === unref$1(modal))
+    if (unref(loaded) && modalMethod === unref(modal))
       return;
     modal.value = modalMethod;
     loaded.value = true;
   }
   const getInstance = () => {
-    const instance = unref$1(modal);
+    const instance = unref(modal);
     if (!instance) {
       error("useModalOut \u5B9E\u4F8B\u672A\u5B9A\u4E49");
     }
@@ -1946,7 +1958,7 @@ function useModalOut() {
       getInstance()?.redoModalHeight?.();
     },
     openModal: (params, afterClose) => {
-      const id = unref$1(uid);
+      const id = unref(uid);
       dataTransfer[id] = isObject(params) ? { ...toRaw(params) } : params;
       getInstance()?.setModalProps({
         footer: [],
@@ -1967,19 +1979,19 @@ function useModalOut() {
   return [register, methods];
 }
 function useModal(props, setModalData) {
-  const modalInstanceRef = ref$1(null);
+  const modalInstanceRef = ref(null);
   const currentInstance = getCurrentInstance();
-  const uidRef = ref$1(null);
+  const uidRef = ref(null);
   const { isProd } = useApp();
   const getInstance = () => {
-    const instance = unref$1(modalInstanceRef);
+    const instance = unref(modalInstanceRef);
     if (!instance) {
       error("useModal \u5B9E\u4F8B\u672A\u5B9A\u4E49");
     }
     return instance;
   };
   const register = (modalInstance, uuid) => {
-    if (unref$1(isProd)) {
+    if (unref(isProd)) {
       modalInstanceRef.value = null;
     }
     uidRef.value = uuid;
@@ -1989,12 +2001,12 @@ function useModal(props, setModalData) {
     modalInstance.setModalProps(props);
   };
   watchEffect(() => {
-    const data = dataTransfer[unref$1(uidRef)];
+    const data = dataTransfer[unref(uidRef)];
     if (!data)
       return;
     if (!setModalData || !isFunction(setModalData))
       return;
-    nextTick$1(() => {
+    nextTick(() => {
       setModalData(data);
     });
   });
@@ -2003,8 +2015,8 @@ function useModal(props, setModalData) {
       getInstance()?.setModalProps({ loading });
     },
     closeModal: (rsp) => {
-      if (cbTransfer[unref$1(uidRef)])
-        cbTransfer[unref$1(uidRef)](rsp);
+      if (cbTransfer[unref(uidRef)])
+        cbTransfer[unref(uidRef)](rsp);
       getInstance()?.setModalProps({ visible: false });
     },
     setModalProps: (props2) => {
@@ -2017,7 +2029,6 @@ function useModal(props, setModalData) {
   };
   return [register, methods];
 }
-const index$1 = "";
 const basicProps$1 = {
   t: {
     type: String
@@ -2096,10 +2107,10 @@ function useDragMove(context) {
   const drag = (wrap) => {
     if (!wrap)
       return;
-    wrap.setAttribute("data-drag", unref$1(context.draggable));
+    wrap.setAttribute("data-drag", unref(context.draggable));
     const dialogHeaderEl = wrap.querySelector(".ant-modal-header");
     const dragDom = wrap.querySelector(".ant-modal");
-    if (!dialogHeaderEl || !dragDom || !unref$1(context.draggable))
+    if (!dialogHeaderEl || !dragDom || !unref(context.draggable))
       return;
     dialogHeaderEl.style.cursor = "move";
     dialogHeaderEl.onmousedown = (e) => {
@@ -2156,14 +2167,14 @@ function useDragMove(context) {
       const display = getStyle(wrap, "display");
       const draggable = wrap.getAttribute("data-drag");
       if (display !== "none") {
-        if (draggable === null || unref$1(context.destroyOnClose)) {
+        if (draggable === null || unref(context.destroyOnClose)) {
           drag(wrap);
         }
       }
     }
   };
   watchEffect(() => {
-    if (!unref$1(context.visible) || !unref$1(context.draggable)) {
+    if (!unref(context.visible) || !unref(context.draggable)) {
       return;
     }
     useTimeoutFn(() => {
@@ -2201,7 +2212,7 @@ const _sfc_main$8 = {
     return () => {
       let _slot;
       const propsData = {
-        ...unref$1(attrs),
+        ...unref(attrs),
         ...props,
         destroyOnClose: true,
         onCancel
@@ -2215,7 +2226,6 @@ const _sfc_main$8 = {
   }
 };
 const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/Modal.vue"]]);
-const index = "";
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "CloseIcon",
   props: {
@@ -2246,12 +2256,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_ATooltip = Tooltip$1;
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["flex h-14 items-center justify-center", unref$1(getClass)])
+        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$1(t)("EXIT_FULLSCREEN"),
+            title: unref(t)("EXIT_FULLSCREEN"),
             placement: "bottom"
           }, {
             default: withCtx(() => [
@@ -2263,7 +2273,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["title"])) : (openBlock(), createBlock(_component_ATooltip, {
             key: 1,
-            title: unref$1(t)("FULLSCREEN"),
+            title: unref(t)("FULLSCREEN"),
             placement: "bottom"
           }, {
             default: withCtx(() => [
@@ -2352,14 +2362,14 @@ const Bar = defineComponent({
     move: Number
   },
   setup(props) {
-    const instance = getCurrentInstance$1();
-    const thumb = ref$1();
+    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$1({});
-    const cursorDown = ref$1();
+    const barStore = ref({});
+    const cursorDown = ref();
     const clickThumbHandler = (e) => {
       if (e.ctrlKey || e.button === 2) {
         return;
@@ -2447,12 +2457,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const sizeWidth = ref$1("0");
-    const sizeHeight = ref$1("0");
-    const moveX = ref$1(0);
-    const moveY = ref$1(0);
-    const wrap = ref$1();
-    const resize = ref$1();
+    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 = {};
@@ -2465,29 +2475,29 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return rsStyle;
     });
     const handleScroll = () => {
-      moveY.value = unref$1(wrap).scrollTop * 100 / unref$1(wrap).clientHeight;
-      moveX.value = unref$1(wrap).scrollLeft * 100 / unref$1(wrap).clientWidth;
+      moveY.value = unref(wrap).scrollTop * 100 / unref(wrap).clientHeight;
+      moveX.value = unref(wrap).scrollLeft * 100 / unref(wrap).clientWidth;
     };
     const update = () => {
-      if (!unref$1(wrap))
+      if (!unref(wrap))
         return;
-      const heightPercentage = unref$1(wrap).clientHeight * 100 / unref$1(wrap).scrollHeight;
-      const widthPercentage = unref$1(wrap).clientWidth * 100 / unref$1(wrap).scrollWidth;
+      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$1(() => {
-      nextTick$1(update);
+    onMounted(() => {
+      nextTick(update);
       if (!props.noresize) {
-        addResizeListener(unref$1(resize), update);
-        addResizeListener(unref$1(wrap), update);
+        addResizeListener(unref(resize), update);
+        addResizeListener(unref(wrap), update);
         addEventListener("resize", update);
       }
     });
     onBeforeUnmount(() => {
       if (!props.noresize) {
-        removeResizeListener(unref$1(resize), update);
-        removeResizeListener(unref$1(wrap), update);
+        removeResizeListener(unref(resize), update);
+        removeResizeListener(unref(wrap), update);
         removeEventListener("resize", update);
       }
     });
@@ -2497,7 +2507,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           ref_key: "wrap",
           ref: wrap,
           class: normalizeClass([[__props.wrapClass, "scrollbar__wrap--hidden-default"], "h-full overflow-auto"]),
-          style: normalizeStyle(unref$1(style)),
+          style: normalizeStyle(unref(style)),
           onScroll: handleScroll
         }, [
           (openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
@@ -2512,11 +2522,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["class", "style"]))
         ], 38),
-        createVNode(unref$1(Bar), {
+        createVNode(unref(Bar), {
           move: moveX.value,
           size: sizeWidth.value
         }, null, 8, ["move", "size"]),
-        createVNode(unref$1(Bar), {
+        createVNode(unref(Bar), {
           vertical: "",
           move: moveY.value,
           size: sizeHeight.value
@@ -2529,7 +2539,7 @@ const ScrollBar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "D:/dt/dt
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "scroll-container",
   setup(__props) {
-    const scrollbarRef = ref$1(null);
+    const scrollbarRef = ref(null);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(ScrollBar, mergeProps({
         ref_key: "scrollbarRef",
@@ -2558,7 +2568,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const Container = h("div", [props.template(props.data)]);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(Container));
+      return openBlock(), createBlock(unref(Container));
     };
   }
 });
@@ -2579,15 +2589,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   emits: ["ext-height", "height-change"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const wrapperRef = ref$1(null);
-    const wrapRef = ref$1(null);
-    const realHeightRef = ref$1(0);
-    const minRealHeightRef = ref$1(0);
+    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$1(realHeightRef)}px`
+        [props.fullScreen ? "height" : "maxHeight"]: `${unref(realHeightRef)}px`
       };
     });
     onMounted(() => {
@@ -2595,14 +2605,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       emits("ext-height", modalHeaderHeight + modalFooterHeight);
     });
     async function getModalDom() {
-      const wrapperRefDom = unref$1(wrapperRef);
+      const wrapperRefDom = unref(wrapperRef);
       if (!wrapperRefDom)
         return;
-      const bodyDom = wrapperRefDom.$el.parentElement;
+      const bodyDom = wrapperRefDom.$el.parentElement.parentElement.parentElement;
       if (!bodyDom)
         return;
-      bodyDom.style.padding = "0";
-      await nextTick$1();
+      bodyDom.style.padding = props.useWrapper ? "24px" : "0";
+      await nextTick();
       const modalDom = bodyDom.parentElement && bodyDom.parentElement.parentElement;
       return modalDom;
     }
@@ -2619,18 +2629,18 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         if (modalTop < 40) {
           maxHeight -= 26;
         }
-        await nextTick$1();
-        const warpEl = unref$1(wrapRef);
+        await nextTick();
+        const warpEl = unref(wrapRef);
         if (!warpEl)
           return;
-        await nextTick$1();
+        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$1(realHeightRef));
+        emits("height-change", unref(realHeightRef));
         const _modalDom = await getModalDom();
         _modalDom.style.top = (window.innerHeight - _modalDom.offsetHeight) / 2 + "px";
       } catch (error2) {
@@ -2653,7 +2663,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(DtScrollContainer), {
+      return openBlock(), createBlock(unref(DtScrollContainer), {
         ref_key: "wrapperRef",
         ref: wrapperRef
       }, {
@@ -2661,7 +2671,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             ref_key: "wrapRef",
             ref: wrapRef,
-            style: normalizeStyle(unref$1(wrapStyle))
+            style: normalizeStyle(unref(wrapStyle))
           }, [
             renderSlot(_ctx.$slots, "default")
           ], 4)
@@ -2716,7 +2726,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "appendFooter"),
         createVNode(DtFormButtons, {
           mode: "dialog",
-          buttonList: unref$1(buttonList),
+          buttonList: unref(buttonList),
           onHandleMethod: _cache[0] || (_cache[0] = ($event) => handleMethod($event))
         }, null, 8, ["buttonList"])
       ], 64);
@@ -2725,15 +2735,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 });
 const ModalFooter = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/ModalFooter.vue"]]);
 function useFullScreen(wrapClassName) {
-  const fullScreenRef = ref$1(false);
+  const fullScreenRef = ref(false);
   const getWrapClassName = computed(() => {
-    const clsName = unref$1(wrapClassName) || "";
-    const cls = unref$1(fullScreenRef) ? `fullscreen-modal ${clsName} ` : unref$1(clsName);
+    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$1(fullScreenRef);
+    fullScreenRef.value = !unref(fullScreenRef);
     dispatchResize();
   }
   return {
@@ -2748,46 +2758,46 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   emits: ["visible-change", "height-change", "cancel", "save", "register", "update:visible"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const visibleRef = ref$1(false);
-    const propsRef = ref$1();
-    const modalWrapperRef = ref$1(null);
-    const { getWrapClassName, toggleFullScreen, fullScreenRef } = useFullScreen(computed(() => unref$1(propsRef)?.wrapClassName));
+    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$1(propsRef)
+        ...unref(propsRef)
       };
     });
     const getBindValue = computed(() => {
       const bindValue = {
-        ...unref$1(getMergeProps),
-        ...unref$1(propsRef),
-        visible: unref$1(visibleRef),
-        wrapClassName: unref$1(getWrapClassName)
+        ...unref(getMergeProps),
+        ...unref(propsRef),
+        visible: unref(visibleRef),
+        wrapClassName: unref(getWrapClassName)
       };
-      let omitArr = unref$1(fullScreenRef) ? ["height", "title"] : ["title"];
-      if (isArray(unref$1(propsRef)?.footer)) {
+      let omitArr = unref(fullScreenRef) ? ["height", "title"] : ["title"];
+      if (isArray(unref(propsRef)?.footer)) {
         omitArr.push("footer");
       }
       return omit(bindValue, omitArr);
     });
     const getWrapperHeight = computed(() => {
-      if (unref$1(fullScreenRef))
+      if (unref(fullScreenRef))
         return void 0;
-      return unref$1(getBindValue).height;
+      return unref(getBindValue).height;
     });
     const modalFooterHeight = computed(() => {
       if (isArray(props.footer)) {
-        return (unref$1(propsRef)?.footer).length ? 0 : void 0;
+        return (unref(propsRef)?.footer).length ? 0 : void 0;
       }
       return props?.footer !== void 0 && !props.footer ? 0 : void 0;
     });
     const modalMethods = {
       setModalProps,
       redoModalHeight: () => {
-        nextTick$1(() => {
-          if (unref$1(modalWrapperRef)) {
-            unref$1(modalWrapperRef).setModalHeight();
+        nextTick(() => {
+          if (unref(modalWrapperRef)) {
+            unref(modalWrapperRef).setModalHeight();
           }
         });
       }
@@ -2800,7 +2810,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emits("height-change", height);
     }
     function setModalProps(props2) {
-      propsRef.value = deepMerge(unref$1(propsRef) || {}, props2);
+      propsRef.value = deepMerge(unref(propsRef) || {}, props2);
       if (Reflect.has(props2, "visible")) {
         visibleRef.value = !!props2.visible;
       }
@@ -2822,19 +2832,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           return;
         }
       }
-      const { afterClose } = unref$1(getBindValue);
+      const { afterClose } = unref(getBindValue);
       if (afterClose && isFunction(afterClose)) {
         afterClose();
       }
       visibleRef.value = false;
       emits("cancel", e);
     }
-    watch(() => unref$1(visibleRef), (v) => {
+    watch(() => unref(visibleRef), (v) => {
       emits("visible-change", v);
       emits("update:visible", v);
-      nextTick$1(() => {
-        if (props.scrollTop && v && unref$1(modalWrapperRef)) {
-          unref$1(modalWrapperRef).$el.scrollTop = 0;
+      nextTick(() => {
+        if (props.scrollTop && v && unref(modalWrapperRef)) {
+          unref(modalWrapperRef).$el.scrollTop = 0;
         }
       });
     }, {
@@ -2842,23 +2852,23 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_ASpin = Spin;
-      return openBlock(), createBlock(Modal, mergeProps(unref$1(getBindValue), { onCancel: handleCancel }), createSlots({
+      return openBlock(), createBlock(Modal, mergeProps(unref(getBindValue), { onCancel: handleCancel }), createSlots({
         default: withCtx(() => [
           createVNode(_component_ASpin, {
-            spinning: unref$1(getBindValue).loading,
-            tip: unref$1(getBindValue).loadingTip
+            spinning: unref(getBindValue).loading,
+            tip: unref(getBindValue).loadingTip
           }, {
             default: withCtx(() => [
               createVNode(ModalWrapper, mergeProps({
-                useWrapper: unref$1(getBindValue).useWrapper,
-                fullScreen: unref$1(fullScreenRef),
+                useWrapper: unref(getBindValue).useWrapper,
+                fullScreen: unref(fullScreenRef),
                 ref_key: "modalWrapperRef",
                 ref: modalWrapperRef,
-                minHeight: unref$1(getBindValue).minHeight,
-                height: unref$1(getWrapperHeight),
+                minHeight: unref(getBindValue).minHeight,
+                height: unref(getWrapperHeight),
                 visible: visibleRef.value,
-                modalFooterHeight: unref$1(modalFooterHeight)
-              }, unref$1(omit)(unref$1(getBindValue).wrapperProps, "visible", "height", "modalFooterHeight"), { onHeightChange: handleHeightChange }), {
+                modalFooterHeight: unref(modalFooterHeight)
+              }, unref(omit)(unref(getBindValue).wrapperProps, "visible", "height", "modalFooterHeight"), { onHeightChange: handleHeightChange }), {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
                 ]),
@@ -2874,10 +2884,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           name: "closeIcon",
           fn: withCtx(() => [
             createVNode(CloseIcon, {
-              canFullscreen: unref$1(getBindValue).canFullscreen,
-              fullScreen: unref$1(fullScreenRef),
+              canFullscreen: unref(getBindValue).canFullscreen,
+              fullScreen: unref(fullScreenRef),
               onCancel: handleCancel,
-              onFullscreen: unref$1(toggleFullScreen)
+              onFullscreen: unref(toggleFullScreen)
             }, null, 8, ["canFullscreen", "fullScreen", "onFullscreen"])
           ]),
           key: "0"
@@ -2885,7 +2895,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         !_ctx.$slots.title ? {
           name: "title",
           fn: withCtx(() => [
-            createTextVNode(toDisplayString(unref$1(getMergeProps).title), 1)
+            createTextVNode(toDisplayString(unref(getMergeProps).title), 1)
           ]),
           key: "1"
         } : void 0,
@@ -2894,10 +2904,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           fn: withCtx(() => [
             createVNode(ModalFooter, {
               buttons: propsRef.value?.footer,
-              showSave: unref$1(getBindValue).showOkBtn,
-              showCancel: unref$1(getBindValue).showCancelBtn,
-              okText: unref$1(getBindValue).okText,
-              cancelText: unref$1(getBindValue).cancelText,
+              showSave: unref(getBindValue).showOkBtn,
+              showCancel: unref(getBindValue).showCancelBtn,
+              okText: unref(getBindValue).okText,
+              cancelText: unref(getBindValue).cancelText,
               onHandleSave: handleSave,
               onHandleCancel: handleCancel
             }, createSlots({ _: 2 }, [
@@ -2913,7 +2923,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ]),
           key: "2"
         } : void 0,
-        renderList(Object.keys(unref$1(omit)(_ctx.$slots, "default")), (item) => {
+        renderList(Object.keys(unref(omit)(_ctx.$slots, "default")), (item) => {
           return {
             name: item,
             fn: withCtx((data) => [
@@ -2986,7 +2996,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const [registerDialog] = useModal({
-      ...omit(toRaw$1(props), [
+      ...omit(toRaw(props), [
         "curd",
         "formProps",
         "schemas"
@@ -2997,8 +3007,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       props?.onSave();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(DtModal$1), {
-        onRegister: unref$1(registerDialog),
+      return openBlock(), createBlock(unref(DtModal$1), {
+        onRegister: unref(registerDialog),
         onSave: _cache[0] || (_cache[0] = ($event) => handleSave())
       }, {
         default: withCtx(() => [