@dt-frames/ui 2.0.2 → 2.0.3

package/es/components/curd/index.js

@@ -1,7 +1,7 @@
-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 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 { 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 { 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";
@@ -258,39 +258,39 @@ 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(() => {
+  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$1(getSplit) || unref$1(getShowMenu) && unref$1(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(() => {
+  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;
   });
-  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$1(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 getMenuMode = computed(() => getMenuConf.mode);
+  const getSplit = computed(() => getMenuConf.split);
+  const getCollapsed = computed(() => getMenuConf.collapsed);
+  const getIsHorizontal = computed(() => unref$1(getMenuMode) === MenuMode.HORIZONTAL);
   const setThemeStore = (conf = {}) => setThemeConf(conf);
   const toggleCollapsed = () => setThemeStore({
     menuOptions: {
       collapsed: !unref$1(getCollapsed)
     }
   });
-  const getMiniWidthNumber = computed$1(() => getMenuConf.collapsedShowTitle ? 80 : 48);
-  const getRealWidth = computed$1(() => {
+  const getMiniWidthNumber = computed(() => getMenuConf.collapsedShowTitle ? 80 : 48);
+  const getRealWidth = computed(() => {
     return unref$1(getCollapsed) ? unref$1(getMiniWidthNumber) : unref$1(getMenuWidth);
   });
-  const getCalcContentWidth = computed$1(() => {
+  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)`;
   });
@@ -351,29 +351,29 @@ 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(() => {
+  const getHeaderTheme = computed(() => getHeaderConf.theme);
+  const getFixed = computed(() => getHeaderConf.fixed);
+  const getShowHeaderLogo = computed(() => unref$1(getShowLogo) && !unref$1(getIsSidebarType));
+  const getShowSearch = computed(() => getHeaderConf.showSearch);
+  const getShowHeaderTrigger = computed(() => {
     if (unref$1(getMenuType) === MenuType.TOP_MENU || !unref$1(getShowMenu) || unref$1(getMenuHidden)) {
       return false;
     }
     return unref$1(getTrigger);
   });
-  const getShowBreadCrumb = computed$1(() => getHeaderConf.showBreadCrumb);
-  const getShowBread = computed$1(
+  const getShowBreadCrumb = computed(() => getHeaderConf.showBreadCrumb);
+  const getShowBread = computed(
     () => unref$1(getMenuMode) !== MenuMode.HORIZONTAL && !unref$1(getSplit) && unref$1(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(() => {
+  const getShowTopMenu = computed(() => unref$1(getMenuMode) === MenuMode.HORIZONTAL || unref$1(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);
   });
-  const getHeaderHeight = computed$1(() => {
+  const getHeaderHeight = computed(() => {
     let height = 0;
     height += HEADER_HEIGHT;
     if (unref$1(getShowMultipleTab) && !unref$1(getSplit)) {
@@ -381,21 +381,21 @@ function useHeader() {
     }
     return height;
   });
-  const getTabsHeight = computed$1(() => TABS_HEIGHT);
-  const getShowInsetHeaderRef = computed$1(() => {
+  const getTabsHeight = computed(() => TABS_HEIGHT);
+  const getShowInsetHeaderRef = computed(() => {
     return unref$1(getIsSidebarType) || unref$1(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,
@@ -426,15 +426,15 @@ function useLabelWidth(schemaItemRef, propsRef) {
   const { getIsZH } = useHeader();
   const { appConf } = useAppStore();
   return computed(() => {
-    const { labelWidth, enLabelWidth, labelCol = {}, wrapperCol = {} } = unref(schemaItemRef);
+    const { labelWidth, enLabelWidth, labelCol = {}, wrapperCol = {} } = unref$1(schemaItemRef);
     const {
       labelWidth: gLabelWidth,
       enLabelWidth: gEnLabelWidth,
       labelCol: glabelCol = {},
       wrapperCol: gwrapperCol = {},
       layout = appConf.ui.form.layout
-    } = unref(propsRef);
-    let width = (unref(getIsZH) ? labelWidth ?? gLabelWidth : enLabelWidth ?? gEnLabelWidth) ?? labelWidth ?? gLabelWidth ?? 0;
+    } = unref$1(propsRef);
+    let width = (unref$1(getIsZH) ? labelWidth ?? gLabelWidth : enLabelWidth ?? gEnLabelWidth) ?? labelWidth ?? gLabelWidth ?? 0;
     const labelcol = { ...glabelCol, ...labelCol };
     const wrapcol = { ...gwrapperCol, ...wrapperCol };
     width = isNumber(width) ? `${width}px` : width;
@@ -492,7 +492,7 @@ const index$2 = "";
 function useFormValue(props, key = "value", changeEvent = "change", emitData) {
   const instance = getCurrentInstance$1();
   const emit = instance?.emit;
-  const innerState = reactive$1({
+  const innerState = reactive({
     value: props[key]
   });
   const defaultState = readonly(innerState);
@@ -502,10 +502,10 @@ function useFormValue(props, key = "value", changeEvent = "change", emitData) {
       emit?.(changeEvent, val, ...toRaw$1(unref$1(emitData)) || []);
     });
   };
-  watchEffect$1(() => {
+  watchEffect(() => {
     innerState.value = props[key];
   });
-  const state = computed$1({
+  const state = computed({
     get() {
       return innerState.value;
     },
@@ -520,7 +520,7 @@ function useFormValue(props, key = "value", changeEvent = "change", emitData) {
   });
   return [state, setState, defaultState];
 }
-const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "radioButton",
   props: {
     value: {
@@ -535,7 +535,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 [];
@@ -571,13 +571,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"
@@ -606,14 +614,15 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
           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 +631,7 @@ const components = {
   TreeSelect,
   Radio,
   RadioGroup: Radio.Group,
-  RadioButtonGroup: _sfc_main$c,
+  RadioButtonGroup,
   Checkbox,
   CheckboxGroup: Checkbox.Group,
   AutoComplete,
@@ -645,7 +654,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: {
@@ -718,7 +727,7 @@ const _sfc_main$a = defineComponent({
         return false;
       }
       if (isFunction(show)) {
-        return show(unref(getValues).model);
+        return show(unref$1(getValues).model);
       }
       return show;
     });
@@ -730,7 +739,7 @@ const _sfc_main$a = defineComponent({
         props: cProps = {}
       } = schema2;
       if (isFunction(cProps)) {
-        cProps = cProps(unref(getValues).model) ?? {};
+        cProps = cProps(unref$1(getValues).model) ?? {};
       }
       if (schema2.component === "Divider") {
         cProps = Object.assign({
@@ -754,9 +763,9 @@ const _sfc_main$a = defineComponent({
       const {
         labelCol,
         wrapperCol
-      } = unref(useLabelWidth(schema, formProps));
+      } = unref$1(useLabelWidth(schema, formProps));
       const getContent = () => {
-        const value = unref(getValues);
+        const value = unref$1(getValues);
         let _con = slot ? getSlot(slots, slot, value.model) : render ? render(value.model) : renderFormItem();
         return component === "InputGroup" || component === "Icon" ? createVNode(FormItem, {
           "class": "m-0"
@@ -765,15 +774,15 @@ const _sfc_main$a = defineComponent({
         }) : _con;
       };
       const getSuffix = () => {
-        return isFunction(suffix) ? suffix(unref(getValues).model) : suffix;
+        return isFunction(suffix) ? suffix(unref$1(getValues).model) : suffix;
       };
       const getPrefix = () => {
-        return isFunction(prefix) ? prefix(unref(getValues).model) : prefix;
+        return isFunction(prefix) ? prefix(unref$1(getValues).model) : prefix;
       };
       return createVNode(Form.Item, {
         "name": isArray(name) ? name.join("-") : name,
         "colon": colon,
-        "class": [unref(getUiSize), {
+        "class": [unref$1(getUiSize), {
           "suffix-item": !!suffix
         }],
         "label": renderLabel(),
@@ -802,7 +811,7 @@ const _sfc_main$a = defineComponent({
       const renderLabel2 = subLabel ? createVNode("span", null, [createTextVNode(" "), label, createTextVNode(" "), createVNode("span", {
         "class": "text-secondary opacity-50"
       }, [createTextVNode("("), subLabel, createTextVNode(")")])]) : label;
-      const _toolTip = isFunction(toolTip) ? toolTip(unref(getValues).model) : toolTip;
+      const _toolTip = isFunction(toolTip) ? toolTip(unref$1(getValues).model) : toolTip;
       const _toolTipProps = {
         title: renderLabel2,
         autoAdjustOverflow: true,
@@ -860,19 +869,19 @@ const _sfc_main$a = defineComponent({
         } = props.schema;
         const {
           disabled: itemDisabled = false
-        } = unref(getComponentProps);
+        } = unref$1(getComponentProps);
         let _disabled = !!gDisabled || itemDisabled;
         if (isBoolean(disabled))
           _disabled = disabled;
         if (isFunction(disabled))
-          _disabled = disabled(unref(getValues).model);
+          _disabled = disabled(unref$1(getValues).model);
         return _disabled;
       });
       const itemProps = {
         allowClear: _sProps?.allowClear ?? appConf.ui.form.allowClear,
-        size: unref(getUiSize) === UiSize.MIDDLE ? "default" : unref(getUiSize),
-        ...unref(getComponentProps),
-        disabled: unref(getDisable)
+        size: unref$1(getUiSize) === UiSize.MIDDLE ? "default" : unref$1(getUiSize),
+        ...unref$1(getComponentProps),
+        disabled: unref$1(getDisable)
       };
       if (component === "Select") {
         {
@@ -881,15 +890,15 @@ const _sfc_main$a = defineComponent({
         }
       }
       if (!itemProps.disabled && component !== "RangePicker") {
-        itemProps.placeholder = unref(getComponentProps)?.placeholder || createPlaceholder(component);
+        itemProps.placeholder = unref$1(getComponentProps)?.placeholder || createPlaceholder(component);
       }
       if (["DatePicker", "MonthPicker", "RangePicker"].includes(component)) {
         itemProps.defaultValue = props.formModel[name];
       }
       itemProps.codeName = name;
-      itemProps.formValues = unref(getValues);
+      itemProps.formValues = unref$1(getValues);
       if (["Select", "DatePicker", "MonthPicker", "WeekPicker", "RangePicker"].includes(component)) {
-        itemProps.dropdownClassName += ` ${unref(getUiSize)}`;
+        itemProps.dropdownClassName += ` ${unref$1(getUiSize)}`;
       }
       const bindValue = {
         [valueField || (isCheck ? "checked" : "value")]: props.formModel[name]
@@ -904,7 +913,7 @@ const _sfc_main$a = defineComponent({
         return createVNode(Comp, compAttr, null);
       }
       const compSlot = isFunction(renderComponent) ? {
-        ...renderComponent(unref(getValues))
+        ...renderComponent(unref$1(getValues))
       } : {
         default: () => renderComponent
       };
@@ -923,11 +932,11 @@ const _sfc_main$a = defineComponent({
       if (!component)
         return [];
       if (isFunction(dynamicRules)) {
-        return dynamicRules(unref(getValues).model);
+        return dynamicRules(unref$1(getValues).model);
       }
       const defaultMsg = createPlaceholder(component) + label;
       let rules = cloneDeep(defaultRules);
-      const getRequired = isFunction(required) ? required(unref(getValues).model) : required;
+      const getRequired = isFunction(required) ? required(unref$1(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) {
@@ -936,7 +945,7 @@ const _sfc_main$a = defineComponent({
         return Promise.resolve();
       }
       if (!rules || !rules.length) {
-        let _required = isBoolean(getRequired) ? getRequired : unref(getRequired);
+        let _required = isBoolean(getRequired) ? getRequired : unref$1(getRequired);
         rules = _required ? [{
           required: _required,
           validator
@@ -945,7 +954,7 @@ const _sfc_main$a = defineComponent({
       const requiredIndex = rules.findIndex((rule) => Reflect.has(rule, "required") && !Reflect.has(rule, "validator"));
       if (requiredIndex !== -1) {
         const rule = rules[requiredIndex];
-        if (!unref(getShow)) {
+        if (!unref$1(getShow)) {
           rule.required = false;
         }
         if (!Reflect.has(rule, "type")) {
@@ -955,7 +964,7 @@ const _sfc_main$a = defineComponent({
         if (component.includes("Input") || component.includes("Textarea")) {
           rule.whitespace = true;
         }
-        const valueFormat = unref(getComponentProps)?.valueFormat;
+        const valueFormat = unref$1(getComponentProps)?.valueFormat;
         setComponentRuleType(rule, component, valueFormat);
       }
       const maxIndex = rules.findIndex((val) => val.max);
@@ -979,7 +988,7 @@ const _sfc_main$a = defineComponent({
         mode
       } = props.formProps;
       let _colProps = colProps || gColProps || (mode === "search" ? appConf.ui.form.searchColspan : appConf.ui.form.dialogColspan);
-      const values = unref(getValues);
+      const values = unref$1(getValues);
       if (!component) {
         if (!render && !renderCol && !slot) {
           error(t("NEED_RENDER"));
@@ -988,7 +997,7 @@ const _sfc_main$a = defineComponent({
       }
       if (component === "Divider") {
         let _slot;
-        let cprops = unref(getComponentProps);
+        let cprops = unref$1(getComponentProps);
         const span = cprops?.span ?? 24;
         return createVNode(Col, {
           "span": span
@@ -1001,12 +1010,13 @@ const _sfc_main$a = defineComponent({
       const getContent = () => {
         return colSlot ? getSlot(slots, colSlot, values) : renderCol ? renderCol(values) : renderItem();
       };
-      return unref(getShow) && createVNode(Col, _colProps, _isSlot$1(_slot2 = getContent()) ? _slot2 : {
+      return unref$1(getShow) && createVNode(Col, _colProps, _isSlot$1(_slot2 = getContent()) ? _slot2 : {
         default: () => [_slot2]
       });
     };
   }
-});
+};
+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 +1030,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: {
@@ -1052,7 +1062,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
   setup(__props, { emit: emits }) {
     const props = __props;
     const { t } = useI18n();
-    const advancedRef = ref(props.isAdvanced);
+    const advancedRef = ref$1(props.isAdvanced);
     let key = 0;
     const showAdvanceRef = computed(() => {
       return props.mode === "search" ? props.showAdvancedButton : false;
@@ -1088,7 +1098,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
     }
     watch(() => props.isAdvanced, (v) => {
       if (v) {
-        nextTick(() => toggleAdvanced());
+        nextTick$1(() => toggleAdvanced());
       }
     }, {
       immediate: true
@@ -1121,7 +1131,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
                   (button.show === void 0 ? true : button.show) ? withDirectives((openBlock(), createBlock(_component_AButton, {
                     type: button.type,
                     class: normalizeClass(button.class),
-                    loading: button.loading,
+                    loading: button.loading?.value,
                     disabled: button.disabled,
                     key: unref$1(key),
                     onClick: ($event) => handleBtnClick(button)
@@ -1129,18 +1139,18 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
                     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),
                       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, {
@@ -1150,22 +1160,24 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
                 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$1(t)("UI.ADVANCED") : unref$1(t)("UI.EXPAND")), 1),
                   createElementVNode("span", {
                     class: normalizeClass(unref$1(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 = [
@@ -1183,10 +1195,10 @@ function useFormEvents({
   handleFormValues
 }) {
   function getFormValues() {
-    const formEl = unref(formElRef);
+    const formEl = unref$1(formElRef);
     if (!formEl)
       return {};
-    return handleFormValues(toRaw(unref(formModel)));
+    return handleFormValues(toRaw$1(unref$1(formModel)));
   }
   function updateSchema(data) {
     let updateItems = [];
@@ -1197,7 +1209,7 @@ function useFormEvents({
     }
     const schema = [];
     updateItems.forEach((it) => {
-      unref(getSchema).forEach((val) => {
+      unref$1(getSchema).forEach((val) => {
         if (val.name === it.name) {
           const newSchema = deepMerge(val, it);
           schema.push(newSchema);
@@ -1224,7 +1236,7 @@ function useFormEvents({
       obj[name] = null;
       if (!isNullAndUnDef(it.defaultValue))
         return obj[name] = it.defaultValue;
-      let props = isFunction(it.props) ? it.props(toRaw(unref(formModel))) : it.props;
+      let props = isFunction(it.props) ? it.props(toRaw$1(unref$1(formModel))) : it.props;
       if (!isNullAndUnDef(props?.defaultValue))
         obj[name] = props.defaultValue;
     });
@@ -1240,25 +1252,25 @@ function useFormEvents({
     setFormValues(obj);
   }
   async function clearValidate(name) {
-    await unref(formElRef)?.clearValidate(name);
+    await unref$1(formElRef)?.clearValidate(name);
   }
   function resetForms() {
-    const { resetFunc } = unref(getProps);
+    const { resetFunc } = unref$1(getProps);
     resetFunc && isFunction(resetFunc) && resetFunc();
-    if (!unref(formElRef))
+    if (!unref$1(formElRef))
       return;
     Object.keys(formModel).forEach((key) => {
-      const schema = unref(getSchema).find((item) => item.name === key);
+      const schema = unref$1(getSchema).find((item) => item.name === key);
       const isInput = schema?.component && ["Input", "InputPassword", "InputSearch", "InputTextArea"].includes(schema.component);
       formModel[key] = isInput ? defaultValue.value[key] || "" : defaultValue.value[key];
     });
-    nextTick(() => clearValidate());
-    emits("reset", toRaw(formModel));
+    nextTick$1(() => clearValidate());
+    emits("reset", toRaw$1(formModel));
   }
   function removeFormByName(names) {
     if (!names)
       return;
-    const schemaList = cloneDeep(unref(getSchema));
+    const schemaList = cloneDeep(unref$1(getSchema));
     const nameList = isString(names) ? [names] : names;
     for (const name of nameList) {
       _removeSchemaByName(name, schemaList);
@@ -1273,7 +1285,7 @@ function useFormEvents({
     }
   }
   function appendFormItems(schema, prefixName, first = false) {
-    const schemaList = cloneDeep(unref(getSchema));
+    const schemaList = cloneDeep(unref$1(getSchema));
     const index2 = schemaList.findIndex((schema2) => schema2.name === prefixName);
     if (!prefixName || index2 === -1 || first) {
       first ? schemaList.unshift(...schema) : schemaList.push(...schema);
@@ -1286,12 +1298,12 @@ function useFormEvents({
     schemaRef.value = schemaList;
   }
   function itemIsDateType(key) {
-    return unref(getSchema).some((item) => {
+    return unref$1(getSchema).some((item) => {
       return item.name === key ? ["DatePicker", "MonthPicker", "WeekPicker", "TimePicker", "RangePicker"].includes(item.component) : false;
     });
   }
   async function validateFields(nameList) {
-    return unref(formElRef)?.validateFields(nameList);
+    return unref$1(formElRef)?.validateFields(nameList);
   }
   function setFormValues(values) {
     if (!values || !Object.keys(values).length) {
@@ -1299,10 +1311,10 @@ function useFormEvents({
         formModel[it] = Array.isArray(formModel[it]) ? [] : null;
       return;
     }
-    const names = unref(getSchema).map((item) => item.name).filter(Boolean);
+    const names = unref$1(getSchema).map((item) => item.name).filter(Boolean);
     const validKeys = [];
     Object.keys(values).forEach((key) => {
-      const schema = unref(getSchema).find((item) => item.name === key);
+      const schema = unref$1(getSchema).find((item) => item.name === key);
       let value = values[key];
       const hasKey = Reflect.has(values, key);
       value = handleInputNumberValue(schema?.component, value);
@@ -1333,7 +1345,7 @@ function useFormEvents({
     return validateFields(validKeys);
   }
   async function validate(nameList) {
-    return await unref(formElRef)?.validate(nameList);
+    return await unref$1(formElRef)?.validate(nameList);
   }
   return {
     getFormValues,
@@ -1456,7 +1468,7 @@ 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(getProps);
+    const { schemas, minShowColumn = appConf.ui.form?.minShowColumn || 2 } = unref$1(getProps);
     let schema = schemas.reduce((t, it, index2) => {
       if (index2 > minShowColumn - 1)
         it.isAdvanced = isAdvanced;
@@ -1466,7 +1478,7 @@ function useFormActions(opt) {
     updateSchema(schema);
   }
   function handleMethod(params) {
-    const { onSearch, onReset } = unref(getProps);
+    const { onSearch, onReset } = unref$1(getProps);
     if (isBoolean(params)) {
       handleAdvanced(params);
     } else if (params.name === SEARCH_BTN_NAME) {
@@ -1492,7 +1504,7 @@ const BasicProps = {
   },
   model: {
     type: Object,
-    default: {}
+    default: () => ({})
   },
   layout: {
     type: String,
@@ -1512,23 +1524,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,
@@ -1578,8 +1586,8 @@ const BasicProps = {
     type: Object,
     default: () => {
       return {
-        onSearch: ref(false),
-        onReset: ref(false)
+        onSearch: ref$1(false),
+        onReset: ref$1(false)
       };
     }
   },
@@ -1604,7 +1612,7 @@ const BasicProps = {
     type: Function
   }
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: BasicProps,
   emits: ["register"],
@@ -1612,29 +1620,34 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
     const props = __props;
     const { getAppConf } = useAppStore();
     const attrs = useAttrs();
-    const formElRef = ref(null);
+    const formElRef = ref$1(null);
     const formModel = reactive({});
-    const defaultValue = ref({});
-    const propsRef = ref();
-    const schemaRef = ref(null);
+    const defaultValue = ref$1({});
+    const propsRef = ref$1();
+    const schemaRef = ref$1(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,
-        ...unref(propsRef)
+        colProps,
+        ...unref$1(propsRef)
       };
     });
     const getBindValue = computed(() => {
       return {
         ...attrs,
-        ...unref(getProps)
+        ...unref$1(getProps)
       };
     });
     const getSchema = computed(() => {
-      return unref(schemaRef) || unref(getProps).schemas;
+      return unref$1(schemaRef) || unref$1(getProps).schemas;
     });
     const getFormClass = computed(() => {
-      const { compact, mode } = unref(getProps);
+      const { compact, mode } = unref$1(getProps);
       const getCompact = compact === null ? mode === "dialog" ? false : true : compact;
       return [
         "basic-form",
@@ -1645,12 +1658,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
       ];
     });
     function setProps(formProps) {
-      propsRef.value = deepMerge(unref(propsRef) || {}, formProps);
+      propsRef.value = deepMerge(unref$1(propsRef) || {}, formProps);
       return null;
     }
     function setFormModel(key, value) {
       formModel[key] = value;
-      const { validateTrigger } = unref(getBindValue);
+      const { validateTrigger } = unref$1(getBindValue);
       if (!validateTrigger || validateTrigger === "change") {
         validateFields([key]);
       }
@@ -1704,7 +1717,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
         showAdvancedButton: advanced,
         loading,
         buttons
-      } = unref(getProps);
+      } = unref$1(getProps);
       let showAdvancedButton = mode === "search" ? true : false;
       if (advanced !== void 0) {
         showAdvancedButton = advanced;
@@ -1737,16 +1750,16 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
       getFormValues,
       setFormValues
     });
-    onMounted(() => {
+    onMounted$1(() => {
       setFormValues(null);
       emits("register", formActionMethods);
       initDefault();
     });
     watch(
-      () => unref(getProps).onSearch,
+      () => unref$1(getProps).onSearch,
       () => {
         useTimeoutFn(() => {
-          const { onSearch, autoFetch } = unref(getProps);
+          const { onSearch, autoFetch } = unref$1(getProps);
           if (autoFetch && onSearch && isFunction(onSearch)) {
             onSearch(toRaw(defaultValue.value));
           }
@@ -1754,9 +1767,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
       }
     );
     watch(
-      () => unref(getProps).model,
+      () => unref$1(getProps).model,
       (v) => {
-        const { model } = unref(getProps);
+        const { model } = unref$1(getProps);
         if (!model || !Object.keys(model).length)
           return;
         setFormValues(model);
@@ -1773,7 +1786,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
         ref_key: "formElRef",
         ref: formElRef,
         class: unref$1(getFormClass),
-        model: unref$1(formModel),
+        model: formModel,
         layout: unref$1(getProps).layout,
         onKeypress: withKeys(handleEnterPress, ["enter"])
       }), {
@@ -1783,12 +1796,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
           } }), {
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(getSchema), (schema) => {
-                return openBlock(), createBlock(unref$1(_sfc_main$a), {
+                return openBlock(), createBlock(unref$1(DtFormItem), {
                   key: schema.name,
                   schema,
                   formProps: unref$1(getProps),
-                  formModel: unref$1(formModel),
-                  defaultValues: unref$1(defaultValue),
+                  formModel,
+                  defaultValues: defaultValue.value,
                   setFormModel,
                   formActionType: formActionMethods
                 }, createSlots({ _: 2 }, [
@@ -1802,7 +1815,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$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)
             ]),
             _: 3
           }, 16)
@@ -1812,11 +1825,12 @@ 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);
+  const formRef = ref$1(null);
+  const loadedRef = ref$1(false);
   function register(instance) {
-    if (unref(loadedRef) && instance === unref(formRef))
+    if (unref$1(loadedRef) && instance === unref$1(formRef))
       return;
     formRef.value = instance;
     loadedRef.value = true;
@@ -1830,10 +1844,10 @@ function useForm(props) {
     );
   }
   async function getForm() {
-    const form = unref(formRef);
+    const form = unref$1(formRef);
     if (!form)
       console.error("\u8868\u5355\u672A\u7533\u660E!");
-    await nextTick();
+    await nextTick$1();
     return form;
   }
   const methods = {
@@ -1858,7 +1872,7 @@ function useForm(props) {
       form.resetForms();
     },
     removeFormByName: async (name) => {
-      unref(formRef)?.removeFormByName(name);
+      unref$1(formRef)?.removeFormByName(name);
     },
     setFormValues: async (values) => {
       const form = await getForm();
@@ -1877,7 +1891,7 @@ function useForm(props) {
       return form.validateFields(nameList);
     },
     getFormValues: () => {
-      return unref(formRef)?.getFormValues();
+      return unref$1(formRef)?.getFormValues();
     }
   };
   return [register, methods];
@@ -1888,14 +1902,14 @@ const withInstall = (comp) => {
   };
   return comp;
 };
-const DtForm = withInstall(_sfc_main$8);
+const DtForm = withInstall(Forms);
 const orgDialogProp = reactive({});
 const cbTransfer = reactive({});
 const dataTransfer = reactive({});
 function useModalOut() {
-  const modal = ref(null);
-  const loaded = ref(true);
-  const uid = ref(null);
+  const modal = ref$1(null);
+  const loaded = ref$1(true);
+  const uid = ref$1(null);
   const { isProd } = useApp();
   function register(modalMethod, uuid) {
     if (!getCurrentInstance()) {
@@ -1903,22 +1917,22 @@ function useModalOut() {
     }
     uid.value = uuid;
     onUnmounted(() => {
-      if (unref(isProd)) {
+      if (unref$1(isProd)) {
         modal.value = null;
         loaded.value = false;
-        dataTransfer[unref(uid)] = null;
-        orgDialogProp[unref(uid)] = null;
-        cbTransfer[unref(uid)] = (res) => {
+        dataTransfer[unref$1(uid)] = null;
+        orgDialogProp[unref$1(uid)] = null;
+        cbTransfer[unref$1(uid)] = (res) => {
         };
       }
     });
-    if (unref(loaded) && modalMethod === unref(modal))
+    if (unref$1(loaded) && modalMethod === unref$1(modal))
       return;
     modal.value = modalMethod;
     loaded.value = true;
   }
   const getInstance = () => {
-    const instance = unref(modal);
+    const instance = unref$1(modal);
     if (!instance) {
       error("useModalOut \u5B9E\u4F8B\u672A\u5B9A\u4E49");
     }
@@ -1932,7 +1946,7 @@ function useModalOut() {
       getInstance()?.redoModalHeight?.();
     },
     openModal: (params, afterClose) => {
-      const id = unref(uid);
+      const id = unref$1(uid);
       dataTransfer[id] = isObject(params) ? { ...toRaw(params) } : params;
       getInstance()?.setModalProps({
         footer: [],
@@ -1953,19 +1967,19 @@ function useModalOut() {
   return [register, methods];
 }
 function useModal(props, setModalData) {
-  const modalInstanceRef = ref(null);
+  const modalInstanceRef = ref$1(null);
   const currentInstance = getCurrentInstance();
-  const uidRef = ref(null);
+  const uidRef = ref$1(null);
   const { isProd } = useApp();
   const getInstance = () => {
-    const instance = unref(modalInstanceRef);
+    const instance = unref$1(modalInstanceRef);
     if (!instance) {
       error("useModal \u5B9E\u4F8B\u672A\u5B9A\u4E49");
     }
     return instance;
   };
   const register = (modalInstance, uuid) => {
-    if (unref(isProd)) {
+    if (unref$1(isProd)) {
       modalInstanceRef.value = null;
     }
     uidRef.value = uuid;
@@ -1975,12 +1989,12 @@ function useModal(props, setModalData) {
     modalInstance.setModalProps(props);
   };
   watchEffect(() => {
-    const data = dataTransfer[unref(uidRef)];
+    const data = dataTransfer[unref$1(uidRef)];
     if (!data)
       return;
     if (!setModalData || !isFunction(setModalData))
       return;
-    nextTick(() => {
+    nextTick$1(() => {
       setModalData(data);
     });
   });
@@ -1989,8 +2003,8 @@ function useModal(props, setModalData) {
       getInstance()?.setModalProps({ loading });
     },
     closeModal: (rsp) => {
-      if (cbTransfer[unref(uidRef)])
-        cbTransfer[unref(uidRef)](rsp);
+      if (cbTransfer[unref$1(uidRef)])
+        cbTransfer[unref$1(uidRef)](rsp);
       getInstance()?.setModalProps({ visible: false });
     },
     setModalProps: (props2) => {
@@ -2082,10 +2096,10 @@ function useDragMove(context) {
   const drag = (wrap) => {
     if (!wrap)
       return;
-    wrap.setAttribute("data-drag", unref(context.draggable));
+    wrap.setAttribute("data-drag", unref$1(context.draggable));
     const dialogHeaderEl = wrap.querySelector(".ant-modal-header");
     const dragDom = wrap.querySelector(".ant-modal");
-    if (!dialogHeaderEl || !dragDom || !unref(context.draggable))
+    if (!dialogHeaderEl || !dragDom || !unref$1(context.draggable))
       return;
     dialogHeaderEl.style.cursor = "move";
     dialogHeaderEl.onmousedown = (e) => {
@@ -2142,14 +2156,14 @@ function useDragMove(context) {
       const display = getStyle(wrap, "display");
       const draggable = wrap.getAttribute("data-drag");
       if (display !== "none") {
-        if (draggable === null || unref(context.destroyOnClose)) {
+        if (draggable === null || unref$1(context.destroyOnClose)) {
           drag(wrap);
         }
       }
     }
   };
   watchEffect(() => {
-    if (!unref(context.visible) || !unref(context.draggable)) {
+    if (!unref$1(context.visible) || !unref$1(context.draggable)) {
       return;
     }
     useTimeoutFn(() => {
@@ -2160,7 +2174,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,
@@ -2187,7 +2201,7 @@ const Modal = defineComponent({
     return () => {
       let _slot;
       const propsData = {
-        ...unref(attrs),
+        ...unref$1(attrs),
         ...props,
         destroyOnClose: true,
         onCancel
@@ -2199,9 +2213,10 @@ const Modal = defineComponent({
       });
     };
   }
-});
+};
+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$1({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "CloseIcon",
   props: {
     canFullscreen: { type: Boolean, default: true },
@@ -2259,7 +2274,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 +2283,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 +2344,7 @@ function removeResizeListener(element, fn) {
     element.__ro__.disconnect();
   }
 }
-const Bar = defineComponent$1({
+const Bar = defineComponent({
   name: "Bar",
   props: {
     vertical: Boolean,
@@ -2339,7 +2355,7 @@ const Bar = defineComponent$1({
     const instance = getCurrentInstance$1();
     const thumb = ref$1();
     const wrap = inject("scroll-bar-wrap", {});
-    const bar = computed$1(() => {
+    const bar = computed(() => {
       return BAR_MAP[props.vertical ? "vertical" : "horizontal"];
     });
     const barStore = ref$1({});
@@ -2384,16 +2400,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 +2423,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: {
@@ -2431,12 +2447,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
   },
   setup(__props) {
     const props = __props;
-    const sizeWidth = ref("0");
-    const sizeHeight = ref("0");
-    const moveX = ref(0);
-    const moveY = ref(0);
-    const wrap = ref();
-    const resize = ref();
+    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();
     provide("scroll-bar-wrap", wrap);
     const style = computed(() => {
       let rsStyle = {};
@@ -2449,29 +2465,29 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
       return rsStyle;
     });
     const handleScroll = () => {
-      moveY.value = unref(wrap).scrollTop * 100 / unref(wrap).clientHeight;
-      moveX.value = unref(wrap).scrollLeft * 100 / unref(wrap).clientWidth;
+      moveY.value = unref$1(wrap).scrollTop * 100 / unref$1(wrap).clientHeight;
+      moveX.value = unref$1(wrap).scrollLeft * 100 / unref$1(wrap).clientWidth;
     };
     const update = () => {
-      if (!unref(wrap))
+      if (!unref$1(wrap))
         return;
-      const heightPercentage = unref(wrap).clientHeight * 100 / unref(wrap).scrollHeight;
-      const widthPercentage = unref(wrap).clientWidth * 100 / unref(wrap).scrollWidth;
+      const heightPercentage = unref$1(wrap).clientHeight * 100 / unref$1(wrap).scrollHeight;
+      const widthPercentage = unref$1(wrap).clientWidth * 100 / unref$1(wrap).scrollWidth;
       sizeHeight.value = heightPercentage < 100 ? heightPercentage + "%" : "";
       sizeWidth.value = widthPercentage < 100 ? widthPercentage + "%" : "";
     };
-    onMounted(() => {
-      nextTick(update);
+    onMounted$1(() => {
+      nextTick$1(update);
       if (!props.noresize) {
-        addResizeListener(unref(resize), update);
-        addResizeListener(unref(wrap), update);
+        addResizeListener(unref$1(resize), update);
+        addResizeListener(unref$1(wrap), update);
         addEventListener("resize", update);
       }
     });
     onBeforeUnmount(() => {
       if (!props.noresize) {
-        removeResizeListener(unref(resize), update);
-        removeResizeListener(unref(wrap), update);
+        removeResizeListener(unref$1(resize), update);
+        removeResizeListener(unref$1(wrap), update);
         removeEventListener("resize", update);
       }
     });
@@ -2497,24 +2513,25 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
           }, 8, ["class", "style"]))
         ], 38),
         createVNode(unref$1(Bar), {
-          move: unref$1(moveX),
-          size: unref$1(sizeWidth)
+          move: moveX.value,
+          size: sizeWidth.value
         }, null, 8, ["move", "size"]),
         createVNode(unref$1(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);
+    const scrollbarRef = ref$1(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 +2543,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 +2554,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$1(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 },
@@ -2558,15 +2579,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
   emits: ["ext-height", "height-change"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const wrapperRef = ref(null);
-    const wrapRef = ref(null);
-    const realHeightRef = ref(0);
-    const minRealHeightRef = ref(0);
+    const wrapperRef = ref$1(null);
+    const wrapRef = ref$1(null);
+    const realHeightRef = ref$1(0);
+    const minRealHeightRef = ref$1(0);
     let realHeight = 0;
     const wrapStyle = computed(() => {
       return {
         minHeight: `${props.minHeight}px`,
-        [props.fullScreen ? "height" : "maxHeight"]: `${unref(realHeightRef)}px`
+        [props.fullScreen ? "height" : "maxHeight"]: `${unref$1(realHeightRef)}px`
       };
     });
     onMounted(() => {
@@ -2574,14 +2595,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
       emits("ext-height", modalHeaderHeight + modalFooterHeight);
     });
     async function getModalDom() {
-      const wrapperRefDom = unref(wrapperRef);
+      const wrapperRefDom = unref$1(wrapperRef);
       if (!wrapperRefDom)
         return;
       const bodyDom = wrapperRefDom.$el.parentElement;
       if (!bodyDom)
         return;
       bodyDom.style.padding = "0";
-      await nextTick();
+      await nextTick$1();
       const modalDom = bodyDom.parentElement && bodyDom.parentElement.parentElement;
       return modalDom;
     }
@@ -2598,18 +2619,18 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
         if (modalTop < 40) {
           maxHeight -= 26;
         }
-        await nextTick();
-        const warpEl = unref(wrapRef);
+        await nextTick$1();
+        const warpEl = unref$1(wrapRef);
         if (!warpEl)
           return;
-        await nextTick();
+        await nextTick$1();
         realHeight = warpEl.scrollHeight;
         if (props.fullScreen) {
           realHeightRef.value = window.innerHeight - props.modalFooterHeight - props.modalHeaderHeight;
         } else {
           realHeightRef.value = props.height ? props.height : realHeight > maxHeight ? maxHeight : realHeight;
         }
-        emits("height-change", unref(realHeightRef));
+        emits("height-change", unref$1(realHeightRef));
         const _modalDom = await getModalDom();
         _modalDom.style.top = (window.innerHeight - _modalDom.offsetHeight) / 2 + "px";
       } catch (error2) {
@@ -2650,7 +2671,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 +2688,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,7 +2714,7 @@ 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),
           onHandleMethod: _cache[0] || (_cache[0] = ($event) => handleMethod($event))
@@ -2701,16 +2723,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
+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 fullScreenRef = ref$1(false);
   const getWrapClassName = computed(() => {
-    const clsName = unref(wrapClassName) || "";
-    const cls = unref(fullScreenRef) ? `fullscreen-modal ${clsName} ` : unref(clsName);
+    const clsName = unref$1(wrapClassName) || "";
+    const cls = unref$1(fullScreenRef) ? `fullscreen-modal ${clsName} ` : unref$1(clsName);
     return `dt-modal ${cls}`;
   });
   function toggleFullScreen(e) {
     e && e.stopPropagation();
-    fullScreenRef.value = !unref(fullScreenRef);
+    fullScreenRef.value = !unref$1(fullScreenRef);
     dispatchResize();
   }
   return {
@@ -2719,52 +2742,52 @@ 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"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const visibleRef = ref(false);
-    const propsRef = ref();
-    const modalWrapperRef = ref(null);
-    const { getWrapClassName, toggleFullScreen, fullScreenRef } = useFullScreen(computed(() => unref(propsRef)?.wrapClassName));
+    const visibleRef = ref$1(false);
+    const propsRef = ref$1();
+    const modalWrapperRef = ref$1(null);
+    const { getWrapClassName, toggleFullScreen, fullScreenRef } = useFullScreen(computed(() => unref$1(propsRef)?.wrapClassName));
     const getMergeProps = computed(() => {
       return {
         ...props,
-        ...unref(propsRef)
+        ...unref$1(propsRef)
       };
     });
     const getBindValue = computed(() => {
       const bindValue = {
-        ...unref(getMergeProps),
-        ...unref(propsRef),
-        visible: unref(visibleRef),
-        wrapClassName: unref(getWrapClassName)
+        ...unref$1(getMergeProps),
+        ...unref$1(propsRef),
+        visible: unref$1(visibleRef),
+        wrapClassName: unref$1(getWrapClassName)
       };
-      let omitArr = unref(fullScreenRef) ? ["height", "title"] : ["title"];
-      if (isArray(unref(propsRef)?.footer)) {
+      let omitArr = unref$1(fullScreenRef) ? ["height", "title"] : ["title"];
+      if (isArray(unref$1(propsRef)?.footer)) {
         omitArr.push("footer");
       }
       return omit(bindValue, omitArr);
     });
     const getWrapperHeight = computed(() => {
-      if (unref(fullScreenRef))
+      if (unref$1(fullScreenRef))
         return void 0;
-      return unref(getBindValue).height;
+      return unref$1(getBindValue).height;
     });
     const modalFooterHeight = computed(() => {
       if (isArray(props.footer)) {
-        return (unref(propsRef)?.footer).length ? 0 : void 0;
+        return (unref$1(propsRef)?.footer).length ? 0 : void 0;
       }
       return props?.footer !== void 0 && !props.footer ? 0 : void 0;
     });
     const modalMethods = {
       setModalProps,
       redoModalHeight: () => {
-        nextTick(() => {
-          if (unref(modalWrapperRef)) {
-            unref(modalWrapperRef).setModalHeight();
+        nextTick$1(() => {
+          if (unref$1(modalWrapperRef)) {
+            unref$1(modalWrapperRef).setModalHeight();
           }
         });
       }
@@ -2777,7 +2800,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
       emits("height-change", height);
     }
     function setModalProps(props2) {
-      propsRef.value = deepMerge(unref(propsRef) || {}, props2);
+      propsRef.value = deepMerge(unref$1(propsRef) || {}, props2);
       if (Reflect.has(props2, "visible")) {
         visibleRef.value = !!props2.visible;
       }
@@ -2799,19 +2822,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
           return;
         }
       }
-      const { afterClose } = unref(getBindValue);
+      const { afterClose } = unref$1(getBindValue);
       if (afterClose && isFunction(afterClose)) {
         afterClose();
       }
       visibleRef.value = false;
       emits("cancel", e);
     }
-    watch(() => unref(visibleRef), (v) => {
+    watch(() => unref$1(visibleRef), (v) => {
       emits("visible-change", v);
       emits("update:visible", v);
-      nextTick(() => {
-        if (props.scrollTop && v && unref(modalWrapperRef)) {
-          unref(modalWrapperRef).$el.scrollTop = 0;
+      nextTick$1(() => {
+        if (props.scrollTop && v && unref$1(modalWrapperRef)) {
+          unref$1(modalWrapperRef).$el.scrollTop = 0;
         }
       });
     }, {
@@ -2819,21 +2842,21 @@ 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$1(getBindValue), { onCancel: handleCancel }), createSlots({
         default: withCtx(() => [
           createVNode(_component_ASpin, {
             spinning: unref$1(getBindValue).loading,
             tip: unref$1(getBindValue).loadingTip
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$3, mergeProps({
+              createVNode(ModalWrapper, mergeProps({
                 useWrapper: unref$1(getBindValue).useWrapper,
                 fullScreen: unref$1(fullScreenRef),
                 ref_key: "modalWrapperRef",
                 ref: modalWrapperRef,
                 minHeight: unref$1(getBindValue).minHeight,
                 height: unref$1(getWrapperHeight),
-                visible: unref$1(visibleRef),
+                visible: visibleRef.value,
                 modalFooterHeight: unref$1(modalFooterHeight)
               }, unref$1(omit)(unref$1(getBindValue).wrapperProps, "visible", "height", "modalFooterHeight"), { onHeightChange: handleHeightChange }), {
                 default: withCtx(() => [
@@ -2850,7 +2873,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
         !_ctx.$slots.closeIcon ? {
           name: "closeIcon",
           fn: withCtx(() => [
-            createVNode(_sfc_main$7, {
+            createVNode(CloseIcon, {
               canFullscreen: unref$1(getBindValue).canFullscreen,
               fullScreen: unref$1(fullScreenRef),
               onCancel: handleCancel,
@@ -2869,8 +2892,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
         !_ctx.$slots.footer ? {
           name: "footer",
           fn: withCtx(() => [
-            createVNode(_sfc_main$2, {
-              buttons: unref$1(propsRef)?.footer,
+            createVNode(ModalFooter, {
+              buttons: propsRef.value?.footer,
               showSave: unref$1(getBindValue).showOkBtn,
               showCancel: unref$1(getBindValue).showCancelBtn,
               okText: unref$1(getBindValue).okText,
@@ -2902,6 +2925,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 +2936,7 @@ const basicProps = {
   },
   schemas: {
     type: Array,
-    default: []
+    default: () => []
   },
   footer: {
     type: Array,
@@ -2939,33 +2963,30 @@ 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({
-      ...omit(toRaw(props), [
+    const [registerDialog] = useModal({
+      ...omit(toRaw$1(props), [
         "curd",
         "formProps",
         "schemas"
@@ -2976,7 +2997,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
       props?.onSave();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(_sfc_main$1), {
+      return openBlock(), createBlock(unref$1(DtModal$1), {
         onRegister: unref$1(registerDialog),
         onSave: _cache[0] || (_cache[0] = ($event) => handleSave())
       }, {
@@ -2988,6 +3009,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 +3037,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
     }), {