@dt-frames/ui 2.0.15 → 2.0.17

package/es/assets/imgs/tree/forder-open.svg

@@ -0,0 +1 @@
+<svg viewBox="64 64 896 896" fill="currentColor" width="1em" height="1em" data-icon="folder-open" aria-hidden="true"><path d="M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2a8.15 8.15 0 00-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zM136 256h188.5l119.6 114.4H748V444H238c-13 0-24.8 7.9-29.7 20L136 643.2V256zm635.3 512H159l103.3-256h612.4L771.3 768z"></path></svg>

package/es/assets/imgs/tree/forder.svg

@@ -0,0 +1 @@
+<svg viewBox="64 64 896 896" fill="currentColor" width="1em" height="1em" data-icon="folder" aria-hidden="true"><path d="M880 298.4H521L403.7 186.2a8.15 8.15 0 00-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z"></path></svg>

package/es/assets/locales/zh.ts

@@ -45,7 +45,7 @@ export const ZH = {
         "NUMBER": "序号",
         "ACTIONS": "操作",
         "TOTAL_PAGE": "总共{total}条",
-        "FILTER": "过滤",
+        "FILTER": "搜索...",
         "EXPAND_ALL": "展开全部",
         "COLLAPSE_ALL": "折叠全部",
         "SELECT_ALL1": "选择全部",

package/es/components/curd/index.js

@@ -1,8 +1,8 @@
-import { defineComponent, toRaw, openBlock, createBlock, unref, withCtx, renderSlot, ref, h, createVNode, mergeProps, nextTick } from "vue";
+import { defineComponent, toRaw, openBlock, createBlock, unref, withCtx, renderSlot, ref, useSlots, h, createVNode, mergeProps, isVNode } from "vue";
 import { useForm, DtForm } from "../form";
-import { useModal, DtModal, useModalOut } from "../modal";
+import { useModal, DtModal as DtModal$1, useModalOut } from "../modal";
 import { omit } from "lodash-es";
-import { useMessage, useI18n, isFunction, dispatchResize, error } from "@dt-frames/core";
+import { useMessage, useI18n, isFunction, error } from "@dt-frames/core";
 const basicProps = {
   t: {
     type: String
@@ -41,6 +41,10 @@ const basicProps = {
     type: String,
     default: "id"
   },
+  afterOpened: {
+    type: Function,
+    default: (modalMethods) => ({})
+  },
   onSave: {
     type: Function,
     default: () => ({})
@@ -65,20 +69,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: basicProps,
   setup(__props) {
     const props = __props;
-    const [registerDialog] = useModal({
+    const [registerDialog, modalMethods] = useModal({
       ...omit(toRaw(props), [
         "curd",
         "formProps",
         "schemas"
       ]),
+      wrapClassName: "dt-curd-modal__wrap",
       destroyOnClose: true,
       maskClosable: false
+    }, () => {
+      props.afterOpened(modalMethods);
     });
     function handleSave() {
       props?.onSave();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DtModal), {
+      return openBlock(), createBlock(unref(DtModal$1), {
         onRegister: unref(registerDialog),
         onSave: _cache[0] || (_cache[0] = ($event) => handleSave())
       }, {
@@ -90,6 +97,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+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 _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 function useCurd(curdOpt) {
   const [register, {
     openModal,
@@ -115,15 +133,18 @@ function useCurd(curdOpt) {
     mode: "dialog"
   });
   const DtCurdModal = () => {
+    const slots = useSlots();
     return h(createVNode("div", {
       "class": "dt-curd-modal"
-    }, [createVNode(_sfc_main, mergeProps(curdOpt, {
+    }, [createVNode(DtModal, mergeProps(curdOpt, {
       "title": title,
       "onRegister": register
     }), {
       default: () => [createVNode(DtForm, {
         "onRegister": registerForm
-      }, null)]
+      }, _isSlot(slots) ? slots : {
+        default: () => [slots]
+      })]
     })]));
   };
   function openAddDialog() {
@@ -149,7 +170,6 @@ function useCurd(curdOpt) {
     if (onQueryById && isFunction(onQueryById)) {
       onQueryById(row[primaryKey]).then((rsp) => {
         curdFormMethods.setFormValues(rsp);
-        nextTick(() => dispatchResize());
       });
     }
   }

package/es/components/curd/src/components/Curd.d.ts

@@ -158,6 +158,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: import("vue").PropType<String | Number>;
         default: string;
     };
+    afterOpened: {
+        type: import("vue").PropType<(modalMethods: import("../../../modal/src/types/modal.type").ReturnInnerMethods) => void>;
+        default: (modalMethods: import("../../../modal/src/types/modal.type").ReturnInnerMethods) => {};
+    };
     onSave: {
         type: import("vue").PropType<() => void>;
         default: () => {};
@@ -179,6 +183,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     props: any;
     registerDialog: import("../../../modal/src/types/modal.type").RegisterFn;
+    modalMethods: import("../../../modal/src/types/modal.type").ReturnInnerMethods;
     handleSave: () => void;
     readonly DtModal: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -341,6 +346,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: import("vue").PropType<String | Number>;
         default: string;
     };
+    afterOpened: {
+        type: import("vue").PropType<(modalMethods: import("../../../modal/src/types/modal.type").ReturnInnerMethods) => void>;
+        default: (modalMethods: import("../../../modal/src/types/modal.type").ReturnInnerMethods) => {};
+    };
     onSave: {
         type: import("vue").PropType<() => void>;
         default: () => {};
@@ -367,6 +376,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     showClosable: boolean;
     formProps: {};
     primaryKey: String | Number;
+    afterOpened: (modalMethods: import("../../../modal/src/types/modal.type").ReturnInnerMethods) => void;
     onSave: () => void;
     onDeletes: (keys: import("ant-design-vue/es/table/interface").Key[]) => void;
     onQueryById: (id: import("ant-design-vue/es/table/interface").Key) => Promise<any>;

package/es/components/curd/src/hooks/useCurd.d.ts

@@ -1,5 +1,5 @@
 import { Recordable } from "@dt-frames/core";
-import { ExtractPropTypes, PropType } from "vue";
+import { ExtractPropTypes, PropType, FunctionalComponent } from "vue";
 import { basicProps } from "../props";
 export declare function useCurd(curdOpt: Partial<ExtractPropTypes<typeof basicProps>>): {
     openAddDialog: () => void;
@@ -106,7 +106,5 @@ export declare function useCurd(curdOpt: Partial<ExtractPropTypes<typeof basicPr
         afterClose: FunctionConstructor;
     }>>) => void;
     curdFormMethods: import('../../../form').FormActionType;
-    DtCurdModal: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
+    DtCurdModal: FunctionalComponent<{}, {}>;
 };

package/es/components/curd/src/props.d.ts

@@ -2,7 +2,7 @@ import { ButtonProps, FormSchema } from '../../form/src/types/form.type';
 import { Key } from "ant-design-vue/es/table/interface";
 import { ComputedRef, PropType, Ref } from "vue";
 import { CurdActionType } from "./types/curd.type";
-import { RegisterFn } from '../../modal/src/types/modal.type';
+import { RegisterFn, ReturnInnerMethods } from '../../modal/src/types/modal.type';
 export declare const basicProps: {
     t: {
         type: StringConstructor;
@@ -163,6 +163,10 @@ export declare const basicProps: {
         type: PropType<String | Number>;
         default: string;
     };
+    afterOpened: {
+        type: PropType<(modalMethods: ReturnInnerMethods) => void>;
+        default: (modalMethods: ReturnInnerMethods) => {};
+    };
     onSave: {
         type: PropType<() => void>;
         default: () => {};

package/es/components/drawer/index.js

@@ -1,8 +1,7 @@
-import { Drawer } from "ant-design-vue/es";
+import { Drawer as Drawer$1 } from "ant-design-vue/es";
 import "ant-design-vue/es/drawer/style";
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, renderSlot, computed, createVNode, unref, useAttrs, ref, toRaw, getCurrentInstance, watch, createBlock, mergeProps, createSlots, withCtx, normalizeStyle, renderList, normalizeProps, guardReactiveProps, reactive, watchEffect, onUnmounted } from "vue";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, renderSlot, computed, createVNode, unref, useAttrs, ref, toRaw, getCurrentInstance, watch, createBlock, mergeProps, createSlots, withCtx, renderList, normalizeProps, guardReactiveProps, reactive, watchEffect, nextTick, onUnmounted } from "vue";
 import { useI18n, DtCache, CacheKey, deepMerge, isUnDef, isFunction, useApp, isObject, error } from "@dt-frames/core";
-import { DtScrollContainer } from "../container";
 import { DtFormButtons } from "../form";
 const _hoisted_1$1 = { class: "flex h-full items-center" };
 const _hoisted_2 = { class: "pr-12" };
@@ -24,6 +23,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const DrawerHeader = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/drawer/src/components/DrawerHeader.vue"]]);
 const _hoisted_1 = {
   class: "flex items-center",
   style: { gap: "10px" }
@@ -79,6 +86,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const DrawerFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/drawer/src/components/DrawerFooter.vue"]]);
 const basicProps = {
   t: {
     type: String
@@ -170,12 +178,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return opt;
     });
-    const getScrollContentStyle = computed(() => {
-      return {
-        position: "relative",
-        height: `100%`
-      };
-    });
     function handleSave() {
       emits("save");
     }
@@ -211,7 +213,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { immediate: false }
     );
     return (_ctx, _cache) => {
-      const _component_ADrawer = Drawer;
+      const _component_ADrawer = Drawer$1;
       return openBlock(), createBlock(_component_ADrawer, mergeProps({
         class: "dt-drawer",
         onClose: handleCancel
@@ -221,21 +223,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }), createSlots({
         default: withCtx(() => [
-          createVNode(unref(DtScrollContainer), {
-            style: normalizeStyle(unref(getScrollContentStyle))
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["style"])
+          renderSlot(_ctx.$slots, "default")
         ]),
         _: 2
       }, [
         !_ctx.$slots.title ? {
           name: "title",
           fn: withCtx(() => [
-            createVNode(_sfc_main$2, {
+            createVNode(DrawerHeader, {
               title: unref(getProps).title
             }, {
               titleToolbar: withCtx(() => [
@@ -255,7 +250,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         unref(getshowFooter) ? {
           name: "footer",
           fn: withCtx(() => [
-            createVNode(_sfc_main$1, {
+            createVNode(DrawerFooter, {
               buttons: propsRef.value?.footer,
               showSave: unref(getProps).showOkBtn,
               showCancel: unref(getProps).showCancelBtn,
@@ -280,6 +275,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/drawer/src/index.vue"]]);
 const orgDialogProp = reactive({});
 const cbTransfer = reactive({});
 const dataTransfer = reactive({});
@@ -343,6 +339,7 @@ function useDrawer(props, setModalData) {
   const drawerInstanceRef = ref(null);
   const currentInstance = getCurrentInstance();
   const uidRef = ref("");
+  const isFirstRegister = ref(true);
   const { isProd } = useApp();
   const getInstance = () => {
     const instance = unref(drawerInstanceRef);
@@ -362,13 +359,17 @@ function useDrawer(props, setModalData) {
     drawerInstance.setDrawerProps(props);
   }
   watchEffect(() => {
-    const data = dataTransfer[unref(uidRef)];
-    if (!data)
+    if (!unref(uidRef))
       return;
+    const data = dataTransfer[unref(uidRef)];
     if (!setModalData || !isFunction(setModalData))
       return;
     nextTick(() => {
-      setModalData(data);
+      if (unref(isFirstRegister)) {
+        isFirstRegister.value = false;
+        return;
+      }
+      setModalData(data ?? {});
     });
   });
   const methods = {
@@ -392,7 +393,7 @@ const withInstall = (comp) => {
   };
   return comp;
 };
-const DtDrawer = withInstall(_sfc_main);
+const DtDrawer = withInstall(Drawer);
 export {
   DtDrawer,
   useDrawer,

package/es/components/form/index.js

@@ -1,12 +1,13 @@
-import { RadioButton, RadioGroup, Button, FormItem as FormItem$1, Col as Col$1, Row, Form as Form$1 } from "ant-design-vue/es";
+import { RadioButton, RadioGroup, Input, Button, FormItem as FormItem$1, Col as Col$1, Row, Form as Form$1 } from "ant-design-vue/es";
 import "ant-design-vue/es/form/style";
 import "ant-design-vue/es/row/style";
 import { computed, unref, getCurrentInstance, reactive, readonly, watchEffect, nextTick, toRaw, defineComponent, useAttrs, openBlock, createBlock, mergeProps, isRef, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createElementVNode, createVNode, normalizeProps, guardReactiveProps, createCommentVNode, toRefs, isVNode, ref, watch, resolveDirective, normalizeStyle, withDirectives, normalizeClass, onMounted, withKeys, createSlots, renderSlot } from "vue";
 import { useAppStore, isNumber, useI18n, isString, isFunction, error, useSlots, isArray, isUnDef, isBoolean, isNull, dispatchResize, isObject, deepMerge, isNullAndUnDef, useTimeoutFn } from "@dt-frames/core";
 import { merge, isEqual, omit, cloneDeep, upperFirst, uniqBy, set } from "lodash-es";
-import { Input, Select, TreeSelect, Radio, Checkbox, AutoComplete, Cascader, DatePicker, InputNumber, Switch, TimePicker, Slider, Rate, Divider, Col, Tooltip, Form, FormItem } from "ant-design-vue";
+import { Input as Input$1, Select, TreeSelect, Radio, Checkbox, AutoComplete, Cascader, DatePicker, InputNumber, Switch, TimePicker, Slider, Rate, Divider, Col, Tooltip, Form, FormItem } from "ant-design-vue";
 import { useHeader, UiSize } from "../../theme";
 import "ant-design-vue/es/radio/style";
+import "ant-design-vue/es/input/style";
 import "ant-design-vue/es/cascader/style";
 import "ant-design-vue/es/input-number/style";
 import "ant-design-vue/es/switch/style";
@@ -168,6 +169,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+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$4, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/radioButton.vue"]]);
 const _hoisted_1$1 = { class: "input-with-dialog" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "formInputUseDialog",
@@ -195,31 +204,33 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       [...schema.extraName, schema.name].forEach((it) => model[it] = null);
     }
     return (_ctx, _cache) => {
+      const _component_AInput = Input;
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", { onClick: onClickInput }, [
-          createVNode(unref(Input), normalizeProps(guardReactiveProps(unref(bindProps))), null, 16)
+          createVNode(_component_AInput, normalizeProps(guardReactiveProps(unref(bindProps))), null, 16)
         ]),
         unref(attrs).formValues?.schema?.extraName?.length ? (openBlock(), createElementBlock("i", {
           key: 0,
           class: "i mdi:close-circle",
           onClick: clearProps
-        })) : createCommentVNode("", true)
+        })) : createCommentVNode("v-if", true)
       ]);
     };
   }
 });
+const DtFormInputDialog = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/formInputUseDialog.vue"]]);
 const components = {
-  Input,
-  InputWithDialog: _sfc_main$3,
-  InputTextArea: Input.TextArea,
-  InputSearch: Input.Search,
-  InputGroup: Input.Group,
-  InputPassword: Input.Password,
+  Input: Input$1,
+  InputWithDialog: DtFormInputDialog,
+  InputTextArea: Input$1.TextArea,
+  InputSearch: Input$1.Search,
+  InputGroup: Input$1.Group,
+  InputPassword: Input$1.Password,
   Select,
   TreeSelect,
   Radio,
   RadioGroup: Radio.Group,
-  RadioButtonGroup: _sfc_main$4,
+  RadioButtonGroup,
   Checkbox,
   CheckboxGroup: Checkbox.Group,
   AutoComplete,
@@ -413,9 +424,7 @@ const _sfc_main$2 = {
     }
     function renderFormItem() {
       const {
-        schema: schema2,
-        formModel,
-        formActionType
+        formModel
       } = props;
       const {
         component,
@@ -488,7 +497,7 @@ const _sfc_main$2 = {
           itemProps.optionFilterProp = "label";
         }
       }
-      if (!itemProps.disabled && component !== "RangePicker") {
+      if (component !== "RangePicker") {
         itemProps.placeholder = unref(getComponentProps)?.placeholder || createPlaceholder(component);
       }
       if (["DatePicker", "MonthPicker", "RangePicker"].includes(component)) {
@@ -639,6 +648,7 @@ const _sfc_main$2 = {
     };
   }
 };
+const DtFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/FormItem.vue"]]);
 const _hoisted_1 = {
   key: 0,
   className: "preIcon pr-1"
@@ -684,6 +694,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     },
     colspan: {
       type: Object
+    },
+    style: {
+      type: Object,
+      default: () => {
+      }
     }
   },
   emits: ["handle-method"],
@@ -707,11 +722,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       let style = {
         textAlign: "right"
       };
+      let gStyle = props.style ?? {};
       if (props.mode === "dialog") {
         Object.assign(style, {
           display: "inline-block"
         });
-        return { style };
+        return {
+          style: {
+            ...gStyle,
+            ...style
+          }
+        };
       } else if (props.mode === null) {
         Object.assign(style, {
           display: "flex",
@@ -719,11 +740,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           marginBottom: "20px"
         });
         return {
-          style,
+          style: {
+            ...gStyle,
+            ...style
+          },
           span: 24
         };
       }
-      return { style };
+      return {
+        style: {
+          ...props.style,
+          ...style
+        }
+      };
     });
     const getAdvanceClass = computed(() => {
       return [
@@ -786,18 +815,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     icon: withCtx(() => [
                       button.preIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1, null, 512)), [
                         [_directive_icon, button.preIcon]
-                      ]) : createCommentVNode("", true)
+                      ]) : createCommentVNode("v-if", true)
                     ]),
                     default: withCtx(() => [
                       createTextVNode(" " + toDisplayString(unref(t)(button.label)) + " ", 1),
                       button.postIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2, null, 512)), [
                         [_directive_icon, button.postIcon]
-                      ]) : createCommentVNode("", true)
+                      ]) : createCommentVNode("v-if", true)
                     ]),
                     _: 2
                   }, 1032, ["type", "class", "loading", "disabled", "onClick"])), [
                     [_directive_auth, getAuth(button.auth)]
-                  ]) : createCommentVNode("", true)
+                  ]) : createCommentVNode("v-if", true)
                 ], 64);
               }), 256)),
               unref(showAdvanceRef) ? (openBlock(), createBlock(_component_AButton, {
@@ -807,22 +836,24 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 onClick: toggleAdvanced
               }, {
                 default: withCtx(() => [
+                  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(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$1, [["__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 = [
@@ -923,22 +954,22 @@ function useFormEvents({
     schemaRef.value = schemaList;
   }
   function _removeSchemaByName(name, schemaList) {
-    const index = schemaList.findIndex((schema) => schema.name === name);
-    if (index !== -1) {
+    const index2 = schemaList.findIndex((schema) => schema.name === name);
+    if (index2 !== -1) {
       delete formModel[name];
-      schemaList.splice(index, 1);
+      schemaList.splice(index2, 1);
     }
   }
   function appendFormItems(schema, prefixName, first = false) {
     const schemaList = cloneDeep(unref(getSchema));
-    const index = schemaList.findIndex((schema2) => schema2.name === prefixName);
-    if (!prefixName || index === -1 || first) {
+    const index2 = schemaList.findIndex((schema2) => schema2.name === prefixName);
+    if (!prefixName || index2 === -1 || first) {
       first ? schemaList.unshift(...schema) : schemaList.push(...schema);
       schemaRef.value = schemaList;
       return;
     }
-    if (index !== -1) {
-      schemaList.splice(index + 1, 0, ...schema);
+    if (index2 !== -1) {
+      schemaList.splice(index2 + 1, 0, ...schema);
     }
     schemaRef.value = schemaList;
   }
@@ -1067,7 +1098,7 @@ function useFormValues({
           if (isArray(defaultValue2)) {
             let vals = defaultValue2.map((it) => format ? dayjs(it, format) : dayjs(it));
             if (names.length > 1) {
-              names.map((key, index) => obj[key] = vals[index] ?? null);
+              names.map((key, index2) => obj[key] = vals[index2] ?? null);
             } else {
               obj[names[0]] = vals;
             }
@@ -1076,11 +1107,11 @@ function useFormValues({
           }
         } else {
           if (names.length > 1) {
-            names.forEach((key, index) => {
-              if (!defaultValue2 || defaultValue2.length - 1 < index) {
+            names.forEach((key, index2) => {
+              if (!defaultValue2 || defaultValue2.length - 1 < index2) {
                 obj[key] = null;
               } else {
-                obj[key] = defaultValue2[index];
+                obj[key] = defaultValue2[index2];
               }
             });
           } else {
@@ -1118,8 +1149,8 @@ function useFormActions(opt) {
     } = unref(getProps);
     let schema = [...schemas];
     if (showAdvancedButton) {
-      schema = schemas.reduce((t, it, index) => {
-        if (index > minShowColumn - 1)
+      schema = schemas.reduce((t, it, index2) => {
+        if (index2 > minShowColumn - 1)
           it.isAdvanced = isAdvanced;
         t.push(it);
         return t;
@@ -1387,6 +1418,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return {
         colspan,
+        style: {
+          marginLeft: "auto"
+        },
         ...{
           showAdvancedButton,
           buttonList
@@ -1449,7 +1483,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           } }), {
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSchema), (schema) => {
-                return openBlock(), createBlock(unref(_sfc_main$2), {
+                return openBlock(), createBlock(unref(DtFormItem), {
                   key: schema.name,
                   schema,
                   formProps: unref(getProps),
@@ -1468,7 +1502,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   })
                 ]), 1032, ["schema", "formProps", "formModel", "defaultValues"]);
               }), 128)),
-              unref(getActionsProps).buttonList?.length ? (openBlock(), createBlock(unref(_sfc_main$1), mergeProps({ key: 0 }, unref(getActionsProps), { onHandleMethod: unref(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)
@@ -1478,6 +1512,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__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);
@@ -1549,7 +1584,7 @@ function useForm(props) {
   return [register, methods];
 }
 export {
-  _sfc_main as DtForm,
-  _sfc_main$1 as DtFormButtons,
+  index as DtForm,
+  DtFormButtons,
   useForm
 };

package/es/components/form/index.less

@@ -29,6 +29,11 @@
 		height: 100%;
 	}
 
+	textarea.ant-input{
+		padding-top: 4px;
+		padding-bottom: 4px;
+	}
+
 	&__compact {
 		.ant-form-item-control-input-content .ant-form-item {
 			margin-bottom: 0;
@@ -342,6 +347,17 @@
 	.anticon-swap-right{
 		display: block;
 	}
+
+	.ant-input-affix-wrapper-input-with-clear-btn{
+		.ant-input-clear-icon{
+			display: none;
+		}
+		&:hover, .ant-input:focus + .ant-input-suffix{
+			.ant-input-clear-icon{
+				display: block;
+			}
+		}
+	}
 }
 
 .basic-arrow{