@dt-frames/ui 2.0.2 → 2.0.4

package/es/components/curd/index.js

@@ -1,14 +1,25 @@
-import { toRaw as toRaw$1, unref as unref$1, computed as computed$1, getCurrentInstance as getCurrentInstance$1, reactive as reactive$1, readonly, watchEffect as watchEffect$1, nextTick as nextTick$1, defineComponent as defineComponent$1, openBlock, createBlock, mergeProps, isRef, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, useAttrs as useAttrs$1, createElementVNode, createVNode, normalizeProps, guardReactiveProps, createCommentVNode, isVNode, resolveDirective, normalizeStyle, withDirectives, normalizeClass, withKeys, createSlots, renderSlot, ref as ref$1, inject, onUnmounted as onUnmounted$1, h as h$1, 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 { DtCache, CacheKey, deepMerge, Pages, useGo, useRedo, Language, useAppStore, isNumber, useI18n, isString, isFunction, error, useSlots, isArray, isBoolean, isNull, dispatchResize, isObject, isNullAndUnDef, useTimeoutFn, useApp, off, on, windowResizeFn, useMessage } from "@dt-frames/core";
+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());
       }
@@ -258,41 +269,41 @@ defineStore({
 });
 function useMenu() {
   const { getMenuConf, setThemeConf } = useThemeStore();
-  const getCollapsedShowTitle = computed$1(() => getMenuConf.collapsedShowTitle);
-  const getIsSidebarType = computed$1(() => getMenuConf.type === MenuType.SIDE);
-  const getMenuFixed = computed$1(() => getMenuConf.fixed);
-  const getShowMenu = computed$1(() => getMenuConf.show);
-  const getShowSidebar = computed$1(() => {
-    return unref$1(getSplit) || unref$1(getShowMenu) && unref$1(getMenuMode) !== MenuMode.HORIZONTAL;
+  const getCollapsedShowTitle = computed(() => getMenuConf.collapsedShowTitle);
+  const getIsSidebarType = computed(() => getMenuConf.type === MenuType.SIDE);
+  const getMenuFixed = computed(() => getMenuConf.fixed);
+  const getShowMenu = computed(() => getMenuConf.show);
+  const getShowSidebar = computed(() => {
+    return unref(getSplit) || unref(getShowMenu) && unref(getMenuMode) !== MenuMode.HORIZONTAL;
   });
-  const getMenuHidden = computed$1(() => getMenuConf.hidden);
-  const getMenuTheme = computed$1(() => getMenuConf.theme);
-  const getTrigger = computed$1(() => getMenuConf.trigger);
-  const getCanDrag = computed$1(() => getMenuConf.canDrag);
-  const getIsMixMode = computed$1(() => {
-    return unref$1(getMenuMode) === MenuMode.INLINE && unref$1(getMenuType) === MenuType.MIX;
+  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(getMenuMode) === MenuMode.INLINE && unref(getMenuType) === MenuType.MIX;
   });
-  const getMenuWidth = computed$1(() => unref$1(getIsMixMode) ? Number(getMenuConf.menuWidth) - 40 : getMenuConf.menuWidth);
-  const getLogoWidth = computed$1(() => getMenuConf.menuWidth);
-  const getMenuType = computed$1(() => getMenuConf.type);
-  const getIsTopMenu = computed$1(() => unref$1(getMenuType) === MenuType.TOP_MENU);
-  const getMenuMode = computed$1(() => getMenuConf.mode);
-  const getSplit = computed$1(() => getMenuConf.split);
-  const getCollapsed = computed$1(() => getMenuConf.collapsed);
-  const getIsHorizontal = computed$1(() => unref$1(getMenuMode) === MenuMode.HORIZONTAL);
+  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(getMenuType) === MenuType.TOP_MENU);
+  const getMenuMode = computed(() => getMenuConf.mode);
+  const getSplit = computed(() => getMenuConf.split);
+  const getCollapsed = computed(() => getMenuConf.collapsed);
+  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$1(() => getMenuConf.collapsedShowTitle ? 80 : 48);
-  const getRealWidth = computed$1(() => {
-    return unref$1(getCollapsed) ? unref$1(getMiniWidthNumber) : unref$1(getMenuWidth);
+  const getMiniWidthNumber = computed(() => getMenuConf.collapsedShowTitle ? 80 : 48);
+  const getRealWidth = computed(() => {
+    return unref(getCollapsed) ? unref(getMiniWidthNumber) : unref(getMenuWidth);
   });
-  const getCalcContentWidth = computed$1(() => {
-    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 getCalcContentWidth = computed(() => {
+    const width = unref(getIsTopMenu) || !unref(getShowMenu) || unref(getSplit) && unref(getMenuHidden) ? 0 : unref(getRealWidth);
+    return `calc(100% - ${unref(width)}px)`;
   });
   return {
     getCollapsedShowTitle,
@@ -351,51 +362,51 @@ function useHeader() {
     getIsMixMode
   } = useMenu();
   const { getShowMultipleTab } = useMultipleTab();
-  const getHeaderTheme = computed$1(() => getHeaderConf.theme);
-  const getFixed = computed$1(() => getHeaderConf.fixed);
-  const getShowHeaderLogo = computed$1(() => unref$1(getShowLogo) && !unref$1(getIsSidebarType));
-  const getShowSearch = computed$1(() => getHeaderConf.showSearch);
-  const getShowHeaderTrigger = computed$1(() => {
-    if (unref$1(getMenuType) === MenuType.TOP_MENU || !unref$1(getShowMenu) || unref$1(getMenuHidden)) {
+  const getHeaderTheme = computed(() => getHeaderConf.theme);
+  const getFixed = computed(() => getHeaderConf.fixed);
+  const getShowHeaderLogo = computed(() => unref(getShowLogo) && !unref(getIsSidebarType));
+  const getShowSearch = computed(() => getHeaderConf.showSearch);
+  const getShowHeaderTrigger = computed(() => {
+    if (unref(getMenuType) === MenuType.TOP_MENU || !unref(getShowMenu) || unref(getMenuHidden)) {
       return false;
     }
-    return unref$1(getTrigger);
+    return unref(getTrigger);
   });
-  const getShowBreadCrumb = computed$1(() => getHeaderConf.showBreadCrumb);
-  const getShowBread = computed$1(
-    () => unref$1(getMenuMode) !== MenuMode.HORIZONTAL && !unref$1(getSplit) && unref$1(getShowBreadCrumb)
+  const getShowBreadCrumb = computed(() => getHeaderConf.showBreadCrumb);
+  const getShowBread = computed(
+    () => unref(getMenuMode) !== MenuMode.HORIZONTAL && !unref(getSplit) && unref(getShowBreadCrumb)
   );
-  const getShowTopMenu = computed$1(() => unref$1(getMenuMode) === MenuMode.HORIZONTAL || unref$1(getSplit));
-  const getShowNotice = computed$1(() => getHeaderConf.showNotice);
-  const getShowFullScreen = computed$1(() => getHeaderConf.showFullScreen);
-  const getShowLocale = computed$1(() => getHeaderConf.showLocaleSwitch);
-  const getShowSettingTheme = computed$1(() => getHeaderConf.showSettingTheme);
-  const getShowFullHeaderRef = computed$1(() => {
-    return !unref$1(getIsSidebarType) && !unref$1(getIsTopMenu);
+  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(getIsTopMenu);
   });
-  const getHeaderHeight = computed$1(() => {
+  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$1(() => TABS_HEIGHT);
-  const getShowInsetHeaderRef = computed$1(() => {
-    return unref$1(getIsSidebarType) || unref$1(getIsTopMenu);
+  const getTabsHeight = computed(() => TABS_HEIGHT);
+  const getShowInsetHeaderRef = computed(() => {
+    return unref(getIsSidebarType) || unref(getIsTopMenu);
   });
-  const getShowBackToTop = computed$1(() => getHeaderConf.showBackToTop);
-  const getIsZH = computed$1(() => {
+  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$1(() => getHeaderConf?.size ?? UiSize.SMALL);
-  const getShowUiSize = computed$1(() => getHeaderConf?.showSize);
-  const getShowLogo = computed$1(() => getHeaderConf.showLogo);
-  const getShowLoginOut = computed$1(() => getHeaderConf.showLoginOut);
+  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,
@@ -488,24 +499,23 @@ 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$1({
+  const innerState = reactive({
     value: props[key]
   });
   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$1(() => {
+  watchEffect(() => {
     innerState.value = props[key];
   });
-  const state = computed$1({
+  const state = computed({
     get() {
       return innerState.value;
     },
@@ -513,14 +523,14 @@ 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)) || []);
       });
     }
   });
   return [state, setState, defaultState];
 }
-const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "radioButton",
   props: {
     value: {
@@ -535,7 +545,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
     const props = __props;
     const attrs = useAttrs();
     const [state] = useFormValue(props);
-    const getOptions = computed$1(() => {
+    const getOptions = computed(() => {
       const { options } = props;
       if (!options || options?.length === 0)
         return [];
@@ -547,13 +557,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
     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,
@@ -571,13 +581,21 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const RadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/radioButton.vue"]]);
 const _hoisted_1$2 = { class: "input-with-dialog" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "formInputUseDialog",
   setup(__props) {
     const { t } = useI18n("UI");
-    const attrs = useAttrs$1();
-    const bindProps = computed$1(() => {
+    const attrs = useAttrs();
+    const bindProps = computed(() => {
       return {
         ...omit(attrs, [
           "formValues"
@@ -600,20 +618,21 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
     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
-        })) : createCommentVNode("", true)
+        })) : createCommentVNode("v-if", true)
       ]);
     };
   }
 });
+const DtFormInputDialog = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/formInputUseDialog.vue"]]);
 const components = {
   Input,
-  InputWithDialog: _sfc_main$b,
+  InputWithDialog: DtFormInputDialog,
   InputTextArea: Input.TextArea,
   InputSearch: Input.Search,
   InputGroup: Input.Group,
@@ -622,7 +641,7 @@ const components = {
   TreeSelect,
   Radio,
   RadioGroup: Radio.Group,
-  RadioButtonGroup: _sfc_main$c,
+  RadioButtonGroup,
   Checkbox,
   CheckboxGroup: Checkbox.Group,
   AutoComplete,
@@ -645,7 +664,7 @@ for (let item in components) {
 function _isSlot$1(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const _sfc_main$a = defineComponent({
+const _sfc_main$b = {
   name: "FormItem",
   inheritAttrs: false,
   props: {
@@ -1006,7 +1025,8 @@ const _sfc_main$a = defineComponent({
       });
     };
   }
-});
+};
+const DtFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/FormItem.vue"]]);
 const _hoisted_1$1 = {
   key: 0,
   className: "preIcon pr-1"
@@ -1020,7 +1040,7 @@ const _hoisted_4 = /* @__PURE__ */ createElementVNode("i", { class: "text-2xl i
 const _hoisted_5 = [
   _hoisted_4
 ];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "FormButtons",
   props: {
     mode: {
@@ -1107,7 +1127,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$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$1(colOpt))), {
+      return __props.show ? (openBlock(), createBlock(_component_ACol, normalizeProps(mergeProps({ key: 0 }, unref(colOpt))), {
         default: withCtx(() => [
           createVNode(_component_AFormItem, {
             class: "dt-form-btns",
@@ -1123,49 +1143,51 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
                     class: normalizeClass(button.class),
                     loading: button.loading,
                     disabled: button.disabled,
-                    key: unref$1(key),
+                    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)
+                      ]) : 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("", true)
+                      ]) : createCommentVNode("v-if", true)
                     ]),
                     _: 2
                   }, 1032, ["type", "class", "loading", "disabled", "onClick"])), [
                     [_directive_auth, button.auth]
-                  ]) : createCommentVNode("", true)
+                  ]) : 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",
                 onClick: toggleAdvanced
               }, {
                 default: withCtx(() => [
-                  createElementVNode("span", _hoisted_3, toDisplayString(unref$1(advancedRef) ? unref$1(t)("UI.ADVANCED") : unref$1(t)("UI.EXPAND")), 1),
+                  createCommentVNode(" \u6536\u8D77 | \u5C55\u5F00 "),
+                  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
-              })) : createCommentVNode("", true)
+              })) : createCommentVNode("v-if", true)
             ]),
             _: 1
           }, 8, ["style"])
         ]),
         _: 1
-      }, 16)) : createCommentVNode("", true);
+      }, 16)) : createCommentVNode("v-if", true);
     };
   }
 });
+const DtFormButtons = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/FormButtons.vue"]]);
 const SEARCH_BTN_NAME = "UI.SEARCH";
 const RESET_BTN_NAME = "UI.RESET";
 const SEARCH_BTNS = [
@@ -1266,22 +1288,22 @@ 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(getSchema));
-    const index2 = schemaList.findIndex((schema2) => schema2.name === prefixName);
-    if (!prefixName || index2 === -1 || first) {
+    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;
   }
@@ -1355,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);
       }
@@ -1392,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;
@@ -1412,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;
             }
@@ -1421,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 {
@@ -1457,8 +1479,8 @@ function useFormActions(opt) {
   const { appConf } = useAppStore();
   function handleAdvanced(isAdvanced) {
     const { schemas, minShowColumn = appConf.ui.form?.minShowColumn || 2 } = unref(getProps);
-    let schema = schemas.reduce((t, it, index2) => {
-      if (index2 > minShowColumn - 1)
+    let schema = schemas.reduce((t, it, index) => {
+      if (index > minShowColumn - 1)
         it.isAdvanced = isAdvanced;
       t.push(it);
       return t;
@@ -1470,7 +1492,6 @@ function useFormActions(opt) {
     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));
@@ -1492,7 +1513,7 @@ const BasicProps = {
   },
   model: {
     type: Object,
-    default: {}
+    default: () => ({})
   },
   layout: {
     type: String,
@@ -1512,23 +1533,19 @@ const BasicProps = {
   },
   labelCol: {
     type: Object,
-    default: () => {
-    }
+    default: () => ({})
   },
   wrapperCol: {
     type: Object,
-    default: () => {
-    }
+    default: () => ({})
   },
   rowProps: {
     type: Object,
-    default: () => {
-    }
+    default: () => ({})
   },
   colProps: {
     type: Object,
-    default: () => {
-    }
+    default: () => ({})
   },
   size: {
     type: String,
@@ -1604,7 +1621,7 @@ const BasicProps = {
     type: Function
   }
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: BasicProps,
   emits: ["register"],
@@ -1618,9 +1635,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
     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)
       };
     });
@@ -1741,6 +1763,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
       setFormValues(null);
       emits("register", formActionMethods);
       initDefault();
+      if (unref(getProps)?.registerInstance) {
+        unref(getProps)?.registerInstance(formActionMethods);
+      }
     });
     watch(
       () => unref(getProps).onSearch,
@@ -1769,26 +1794,26 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
     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),
-        model: unref$1(formModel),
-        layout: unref$1(getProps).layout,
+        class: unref(getFormClass),
+        model: formModel,
+        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(_sfc_main$a), {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSchema), (schema) => {
+                return openBlock(), createBlock(unref(DtFormItem), {
                   key: schema.name,
                   schema,
-                  formProps: unref$1(getProps),
-                  formModel: unref$1(formModel),
-                  defaultValues: unref$1(defaultValue),
+                  formProps: unref(getProps),
+                  formModel,
+                  defaultValues: defaultValue.value,
                   setFormModel,
                   formActionType: formActionMethods
                 }, createSlots({ _: 2 }, [
@@ -1802,7 +1827,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
                   })
                 ]), 1032, ["schema", "formProps", "formModel", "defaultValues"]);
               }), 128)),
-              unref$1(getActionsProps).buttonList?.length ? (openBlock(), createBlock(unref$1(_sfc_main$9), mergeProps({ key: 0 }, unref$1(getActionsProps), { onHandleMethod: unref$1(handleMethod) }), null, 16, ["onHandleMethod"])) : createCommentVNode("", 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)
@@ -1812,6 +1837,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
+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(null);
   const loadedRef = ref(false);
@@ -1888,7 +1914,7 @@ const withInstall = (comp) => {
   };
   return comp;
 };
-const DtForm = withInstall(_sfc_main$8);
+const DtForm = withInstall(Forms);
 const orgDialogProp = reactive({});
 const cbTransfer = reactive({});
 const dataTransfer = reactive({});
@@ -2003,7 +2029,6 @@ function useModal(props, setModalData) {
   };
   return [register, methods];
 }
-const index$1 = "";
 const basicProps$1 = {
   t: {
     type: String
@@ -2160,7 +2185,7 @@ function useDragMove(context) {
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const Modal = defineComponent({
+const _sfc_main$8 = {
   name: "Modal",
   inheritAttrs: false,
   props: basicProps$1,
@@ -2199,9 +2224,9 @@ const Modal = defineComponent({
       });
     };
   }
-});
-const index = "";
-const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
+};
+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 _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "CloseIcon",
   props: {
     canFullscreen: { type: Boolean, default: true },
@@ -2231,12 +2256,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
     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(() => [
@@ -2248,7 +2273,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
             _: 1
           }, 8, ["title"])) : (openBlock(), createBlock(_component_ATooltip, {
             key: 1,
-            title: unref$1(t)("FULLSCREEN"),
+            title: unref(t)("FULLSCREEN"),
             placement: "bottom"
           }, {
             default: withCtx(() => [
@@ -2259,7 +2284,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
             ]),
             _: 1
           }, 8, ["title"]))
-        ], 64)) : createCommentVNode("", true),
+        ], 64)) : createCommentVNode("v-if", true),
         createElementVNode("i", {
           class: "i mdi:close h-14 w-10 pr-4",
           onClick: handleCancel
@@ -2268,6 +2293,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
+const CloseIcon = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/CloseIcon.vue"]]);
 const isServer = typeof window === "undefined";
 const BAR_MAP = {
   vertical: {
@@ -2328,7 +2354,7 @@ function removeResizeListener(element, fn) {
     element.__ro__.disconnect();
   }
 }
-const Bar = defineComponent$1({
+const Bar = defineComponent({
   name: "Bar",
   props: {
     vertical: Boolean,
@@ -2336,14 +2362,14 @@ const Bar = defineComponent$1({
     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$1(() => {
+    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;
@@ -2384,16 +2410,16 @@ const Bar = defineComponent$1({
       off(document, "mousemove", mouseMoveDocumentHandler);
       document.onselectstart = null;
     }
-    onUnmounted$1(() => {
+    onUnmounted(() => {
       off(document, "mouseup", mouseUpDocumentHandler);
     });
-    return () => h$1(
+    return () => h(
       "div",
       {
         class: ["scrollbar__bar", "is-" + bar.value.key],
         onMousedown: clickTrackHandler
       },
-      h$1("div", {
+      h("div", {
         ref: thumb,
         class: "scrollbar__thumb",
         onMousedown: clickThumbHandler,
@@ -2407,7 +2433,7 @@ const Bar = defineComponent$1({
   }
 });
 const _hoisted_1 = { class: "scrollbar relative h-full overflow-hidden" };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "scroll-bar",
   props: {
     wrapClass: {
@@ -2481,7 +2507,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
           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), {
@@ -2496,25 +2522,26 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
             _: 3
           }, 8, ["class", "style"]))
         ], 38),
-        createVNode(unref$1(Bar), {
-          move: unref$1(moveX),
-          size: unref$1(sizeWidth)
+        createVNode(unref(Bar), {
+          move: moveX.value,
+          size: sizeWidth.value
         }, null, 8, ["move", "size"]),
-        createVNode(unref$1(Bar), {
+        createVNode(unref(Bar), {
           vertical: "",
-          move: unref$1(moveY),
-          size: unref$1(sizeHeight)
+          move: moveY.value,
+          size: sizeHeight.value
         }, null, 8, ["move", "size"])
       ]);
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent$1({
+const ScrollBar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/container/src/components/scroll-bar.vue"]]);
+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({
+      return openBlock(), createBlock(ScrollBar, mergeProps({
         ref_key: "scrollbarRef",
         ref: scrollbarRef
       }, _ctx.$attrs, { class: "w-full h-full" }), {
@@ -2526,8 +2553,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _sfc_main$4 = defineComponent({
-  name: "slot-container",
+const ScrollContainer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/container/src/scroll-container.vue"]]);
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "slot-container",
   props: {
     template: {
       type: Function
@@ -2536,15 +2564,18 @@ const _sfc_main$4 = defineComponent({
       type: Object
     }
   },
-  setup(props) {
-    return () => {
-      return h("div", [props.template(props.data)]);
+  setup(__props) {
+    const props = __props;
+    const Container = h("div", [props.template(props.data)]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Container));
     };
   }
 });
-const DtScrollContainer = withInstall(_sfc_main$5);
-withInstall(_sfc_main$4);
-const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
+const SlotContainer = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/container/src/slot-container.vue"]]);
+const DtScrollContainer = withInstall(ScrollContainer);
+withInstall(SlotContainer);
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "ModalWrap",
   props: {
     useWrapper: { type: Boolean, default: true },
@@ -2577,10 +2608,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
       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";
+      bodyDom.style.padding = props.useWrapper ? "24px" : "0";
       await nextTick();
       const modalDom = bodyDom.parentElement && bodyDom.parentElement.parentElement;
       return modalDom;
@@ -2632,7 +2663,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(DtScrollContainer), {
+      return openBlock(), createBlock(unref(DtScrollContainer), {
         ref_key: "wrapperRef",
         ref: wrapperRef
       }, {
@@ -2640,7 +2671,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
           createElementVNode("div", {
             ref_key: "wrapRef",
             ref: wrapRef,
-            style: normalizeStyle(unref$1(wrapStyle))
+            style: normalizeStyle(unref(wrapStyle))
           }, [
             renderSlot(_ctx.$slots, "default")
           ], 4)
@@ -2650,7 +2681,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
+const ModalWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/ModalWrap.vue"]]);
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ModalFooter",
   props: {
     buttons: Object,
@@ -2666,7 +2698,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
   setup(__props, { emit: emits }) {
     const props = __props;
     const { t } = useI18n("UI");
-    const buttonList = computed$1(() => {
+    const buttonList = computed(() => {
       if (props.buttons && props.buttons.length)
         return props.buttons;
       let buttonActions = [
@@ -2692,15 +2724,16 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         renderSlot(_ctx.$slots, "appendFooter"),
-        createVNode(_sfc_main$9, {
+        createVNode(DtFormButtons, {
           mode: "dialog",
-          buttonList: unref$1(buttonList),
+          buttonList: unref(buttonList),
           onHandleMethod: _cache[0] || (_cache[0] = ($event) => handleMethod($event))
         }, null, 8, ["buttonList"])
       ], 64);
     };
   }
 });
+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(false);
   const getWrapClassName = computed(() => {
@@ -2719,7 +2752,7 @@ function useFullScreen(wrapClassName) {
     toggleFullScreen
   };
 }
-const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: basicProps$1,
   emits: ["visible-change", "height-change", "cancel", "save", "register", "update:visible"],
@@ -2819,23 +2852,23 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
     });
     return (_ctx, _cache) => {
       const _component_ASpin = Spin;
-      return openBlock(), createBlock(unref$1(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(_sfc_main$3, mergeProps({
-                useWrapper: unref$1(getBindValue).useWrapper,
-                fullScreen: unref$1(fullScreenRef),
+              createVNode(ModalWrapper, mergeProps({
+                useWrapper: unref(getBindValue).useWrapper,
+                fullScreen: unref(fullScreenRef),
                 ref_key: "modalWrapperRef",
                 ref: modalWrapperRef,
-                minHeight: unref$1(getBindValue).minHeight,
-                height: unref$1(getWrapperHeight),
-                visible: unref$1(visibleRef),
-                modalFooterHeight: unref$1(modalFooterHeight)
-              }, unref$1(omit)(unref$1(getBindValue).wrapperProps, "visible", "height", "modalFooterHeight"), { onHeightChange: handleHeightChange }), {
+                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")
                 ]),
@@ -2850,11 +2883,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
         !_ctx.$slots.closeIcon ? {
           name: "closeIcon",
           fn: withCtx(() => [
-            createVNode(_sfc_main$7, {
-              canFullscreen: unref$1(getBindValue).canFullscreen,
-              fullScreen: unref$1(fullScreenRef),
+            createVNode(CloseIcon, {
+              canFullscreen: unref(getBindValue).canFullscreen,
+              fullScreen: unref(fullScreenRef),
               onCancel: handleCancel,
-              onFullscreen: unref$1(toggleFullScreen)
+              onFullscreen: unref(toggleFullScreen)
             }, null, 8, ["canFullscreen", "fullScreen", "onFullscreen"])
           ]),
           key: "0"
@@ -2862,19 +2895,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
         !_ctx.$slots.title ? {
           name: "title",
           fn: withCtx(() => [
-            createTextVNode(toDisplayString(unref$1(getMergeProps).title), 1)
+            createTextVNode(toDisplayString(unref(getMergeProps).title), 1)
           ]),
           key: "1"
         } : void 0,
         !_ctx.$slots.footer ? {
           name: "footer",
           fn: withCtx(() => [
-            createVNode(_sfc_main$2, {
-              buttons: unref$1(propsRef)?.footer,
-              showSave: unref$1(getBindValue).showOkBtn,
-              showCancel: unref$1(getBindValue).showCancelBtn,
-              okText: unref$1(getBindValue).okText,
-              cancelText: unref$1(getBindValue).cancelText,
+            createVNode(ModalFooter, {
+              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 }, [
@@ -2890,7 +2923,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
           ]),
           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) => [
@@ -2902,6 +2935,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
+const DtModal$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/index.vue"]]);
 const basicProps = {
   title: {
     type: Object
@@ -2912,7 +2946,7 @@ const basicProps = {
   },
   schemas: {
     type: Array,
-    default: []
+    default: () => []
   },
   footer: {
     type: Array,
@@ -2939,32 +2973,29 @@ const basicProps = {
   },
   onSave: {
     type: Function,
-    default: () => {
-    }
+    default: () => ({})
   },
   onDeletes: {
     type: Function,
-    default: (keys) => {
-    }
+    default: (keys) => ({})
   },
   onQueryById: {
     type: Function,
-    default: (id) => {
-    }
+    default: (id) => ({})
   },
   onRegister: {
-    type: Object
+    type: Function
   },
   registerInstance: {
     type: Function
   }
 };
-const _sfc_main = /* @__PURE__ */ defineComponent$1({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Curd",
   props: basicProps,
   setup(__props) {
     const props = __props;
-    const [registerDialog, { setModalProps }] = useModal({
+    const [registerDialog] = useModal({
       ...omit(toRaw(props), [
         "curd",
         "formProps",
@@ -2976,8 +3007,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
       props?.onSave();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(_sfc_main$1), {
-        onRegister: unref$1(registerDialog),
+      return openBlock(), createBlock(unref(DtModal$1), {
+        onRegister: unref(registerDialog),
         onSave: _cache[0] || (_cache[0] = ($event) => handleSave())
       }, {
         default: withCtx(() => [
@@ -2988,6 +3019,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
+const DtModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/curd/src/components/Curd.vue"]]);
 function useCurd(curdOpt) {
   const [register, {
     openModal,
@@ -3015,7 +3047,7 @@ function useCurd(curdOpt) {
   const DtCurdModal = () => {
     return h(createVNode("div", {
       "class": "dt-curd-modal"
-    }, [createVNode(_sfc_main, mergeProps(curdOpt, {
+    }, [createVNode(DtModal, mergeProps(curdOpt, {
       "title": title,
       "onRegister": register
     }), {