@dt-frames/ui 2.0.11 → 2.0.12

package/es/components/container/index.d.ts

@@ -1,94 +1,3 @@
-declare const DtScrollContainer: import('../../utils/withInstall').SFCWithInstall<import("vue").DefineComponent<{}, {
-    scrollbarRef: any;
-    scrollTo: (to: number, duration?: number) => void;
-    getScrollWrap: () => any;
-    scrollBottom: () => void;
-    ScrollBar: import("vue").DefineComponent<{
-        wrapClass: {
-            type: (StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        wrapStyle: ArrayConstructor;
-        viewClass: {
-            type: (StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        viewStyle: {
-            type: (StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        noresize: BooleanConstructor;
-        tag: {
-            type: StringConstructor;
-            default: string;
-        };
-    }, {
-        sizeWidth: import("vue").Ref<string>;
-        sizeHeight: import("vue").Ref<string>;
-        moveX: import("vue").Ref<number>;
-        moveY: import("vue").Ref<number>;
-        wrap: import("vue").Ref<any>;
-        resize: import("vue").Ref<any>;
-        props: any;
-        style: import("vue").ComputedRef<{}>;
-        handleScroll: () => void;
-        update: () => void;
-        readonly Bar: import("vue").DefineComponent<{
-            vertical: BooleanConstructor;
-            size: StringConstructor;
-            move: NumberConstructor;
-        }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            vertical: BooleanConstructor;
-            size: StringConstructor;
-            move: NumberConstructor;
-        }>>, {
-            vertical: boolean;
-        }>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        wrapClass: {
-            type: (StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        wrapStyle: ArrayConstructor;
-        viewClass: {
-            type: (StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        viewStyle: {
-            type: (StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        noresize: BooleanConstructor;
-        tag: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>>, {
-        wrapClass: string | unknown[];
-        viewClass: string | unknown[];
-        viewStyle: string | unknown[];
-        noresize: boolean;
-        tag: string;
-    }>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
-declare const DtSlotContainer: import('../../utils/withInstall').SFCWithInstall<import("vue").DefineComponent<{
-    template: {
-        type: FunctionConstructor;
-    };
-    data: {
-        type: ObjectConstructor;
-    };
-}, {
-    props: any;
-    Container: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    template: {
-        type: FunctionConstructor;
-    };
-    data: {
-        type: ObjectConstructor;
-    };
-}>>, {}>>;
+declare const DtScrollContainer: import('../../utils/withInstall').SFCWithInstall<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<{}>>, {}>>;
+declare const DtSlotContainer: import('../../utils/withInstall').SFCWithInstall<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<{}>>, {}>>;
 export { DtScrollContainer, DtSlotContainer };

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

@@ -78,7 +78,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
             };
             colProps: {
                 type: import("vue").PropType<Partial<import("../../../form/src/types/form.type").ColEx>>;
-                default: () => {};
+            };
+            span: {
+                type: NumberConstructor;
             };
             size: {
                 type: import("vue").PropType<"middle" | "small" | "large">;
@@ -256,7 +258,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
             };
             colProps: {
                 type: import("vue").PropType<Partial<import("../../../form/src/types/form.type").ColEx>>;
-                default: () => {};
+            };
+            span: {
+                type: NumberConstructor;
             };
             size: {
                 type: import("vue").PropType<"middle" | "small" | "large">;

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

@@ -83,7 +83,9 @@ export declare const basicProps: {
             };
             colProps: {
                 type: PropType<Partial<import('../../form/src/types/form.type').ColEx>>;
-                default: () => {};
+            };
+            span: {
+                type: NumberConstructor;
             };
             size: {
                 type: PropType<"middle" | "small" | "large">;

package/es/components/drawer/index.d.ts

@@ -7723,7 +7723,7 @@ declare const DtDrawer: import('../../utils/withInstall').SFCWithInstall<import(
             onClick?: (args?: any) => any;
         }[];
         afterVisibleChange?: (visible?: boolean) => void;
-        getContainer?: () => string | HTMLElement;
+        getContainer?: false | HTMLElement | (() => any);
         closeFunc?: () => Promise<any>;
         afterClose?: Function;
     }>;

package/es/components/drawer/index.js

@@ -153,16 +153,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         visible: unref(visibleRef),
         bodyStyle: {
           padding: 0
+        },
+        style: {
+          position: "absolute"
         }
       };
       const { getContainer, width } = opt;
-      if (!getContainer) {
+      if (isUnDef(getContainer)) {
         opt = {
           ...opt,
           getContainer: ".dt-layout-content",
-          style: {
-            position: "absolute"
-          },
           width: width || "100%"
         };
       } else {

package/es/components/drawer/src/index.d.ts

@@ -7724,7 +7724,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             onClick?: (args?: any) => any;
         }[];
         afterVisibleChange?: (visible?: boolean) => void;
-        getContainer?: () => string | HTMLElement;
+        getContainer?: false | HTMLElement | (() => any);
         closeFunc?: () => Promise<any>;
         afterClose?: Function;
     }>;

package/es/components/drawer/src/types/index.type.d.ts

@@ -28,7 +28,7 @@ export declare type DrawerProps = {
     cancelText?: string;
     footer?: ButtonProps[];
     afterVisibleChange?: (visible?: boolean) => void;
-    getContainer?: () => HTMLElement | string;
+    getContainer?: false | HTMLElement | (() => any);
     closeFunc?: () => Promise<any>;
     afterClose?: Function;
 };

package/es/components/form/index.js

@@ -2,7 +2,7 @@ import { RadioButton, RadioGroup, Button, FormItem as FormItem$1, Col as Col$1,
 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, isBoolean, isNull, dispatchResize, isObject, deepMerge, isNullAndUnDef, isEmpty, useTimeoutFn } from "@dt-frames/core";
+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 { useHeader, UiSize } from "../../theme";
@@ -577,13 +577,35 @@ const _sfc_main$2 = {
         colProps,
         component,
         render,
-        slot
+        slot,
+        span
       } = props.schema;
       const {
         colProps: gColProps,
-        mode
+        mode,
+        span: gSpan
       } = props.formProps;
-      let _colProps = colProps || gColProps || (mode === "search" ? appConf.ui.form.searchColspan : appConf.ui.form.dialogColspan);
+      let _colProps = {};
+      if (component === "InputTextArea") {
+        _colProps = {
+          span: 24
+        };
+      }
+      if (!isUnDef(colProps)) {
+        _colProps = colProps;
+      } else if (!isUnDef(span)) {
+        _colProps = {
+          span
+        };
+      } else if (!isUnDef(gColProps)) {
+        _colProps = gColProps;
+      } else if (!isUnDef(gSpan)) {
+        _colProps = {
+          span: gSpan
+        };
+      } else {
+        _colProps = mode === "search" ? appConf.ui.form.searchColspan : appConf.ui.form.dialogColspan;
+      }
       const values = unref(getValues);
       if (!component) {
         if (!render && !renderCol && !slot && !colSlot) {
@@ -594,9 +616,9 @@ const _sfc_main$2 = {
       if (component === "Divider") {
         let _slot;
         let cprops = unref(getComponentProps);
-        const span = cprops?.span ?? 24;
+        const span2 = cprops?.span ?? 24;
         return createVNode(Col, {
-          "span": span
+          "span": span2
         }, {
           default: () => [createVNode(Divider, cprops, _isSlot(_slot = renderLabel()) ? _slot : {
             default: () => [_slot]
@@ -1146,8 +1168,10 @@ const BasicProps = {
     default: () => ({})
   },
   colProps: {
-    type: Object,
-    default: () => ({})
+    type: Object
+  },
+  span: {
+    type: Number
   },
   size: {
     type: String
@@ -1229,14 +1253,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const propsRef = ref();
     const schemaRef = ref(null);
     const getProps = computed(() => {
-      let colProps = props.colProps;
-      if (isEmpty(props.colProps)) {
-        colProps = props.mode === "search" ? getAppConf.ui.form.searchColspan || { span: 8 } : getAppConf.ui.form.dialogColspan || { span: 12 };
-      }
       return {
         ...props,
         ...getAppConf.ui.form,
-        colProps,
         ...unref(propsRef)
       };
     });

package/es/components/form/src/components/FormItem.d.ts

@@ -66,7 +66,9 @@ declare const _sfc_main: {
                 };
                 colProps: {
                     type: PropType<Partial<import("../types/form.type").ColEx>>;
-                    default: () => {};
+                };
+                span: {
+                    type: NumberConstructor;
                 };
                 size: {
                     type: PropType<"middle" | "small" | "large">;

package/es/components/form/src/components/formIcon.d.ts

@@ -2,14 +2,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     value: StringConstructor;
     placeholder: StringConstructor;
 }, {
-    t: {
-        (key: string): string;
-        (key: string, locale: string): string;
-        (key: string, locale: string, list: unknown[]): string;
-        (key: string, locale: string, named: Record<string, unknown>): string;
-        (key: string, list: unknown[]): string;
-        (key: string, named: Record<string, unknown>): string;
-    };
     getUiSize: import("vue").ComputedRef<import('../../../../theme').UiSize>;
     iconRef: any;
     props: any;

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

@@ -57,7 +57,9 @@ export declare const BasicProps: {
     };
     colProps: {
         type: PropType<Partial<ColEx>>;
-        default: () => {};
+    };
+    span: {
+        type: NumberConstructor;
     };
     size: {
         type: PropType<"large" | "small" | "middle">;

package/es/components/form/src/types/form.type.d.ts

@@ -45,6 +45,7 @@ declare type Schema<ComponentType, T> = {
     render?: (model: Recordable) => VNode | VNode[] | string;
     renderCol?: (model: Recordable) => VNode | VNode[] | string;
     colProps?: Partial<ColEx>;
+    span?: number;
     renderComponent?: ((model: Recordable) => Recordable) | VNode | VNode[] | string;
     slot?: string;
     colSlot?: string;

package/es/components/form/src/types/items.type.d.ts

@@ -1,8 +1,9 @@
 import { DtEvent, Recordable, SelectOptions } from "@dt-frames/core";
 import dayjs from "dayjs";
 import { Ref, Slot, VNode, CSSProperties, ComputedRef } from "vue";
+declare type StrOrDynamicStr = string | Ref<string> | ComputedRef<string>;
 declare type BaseInput = {
-    placeholder?: string;
+    placeholder?: StrOrDynamicStr;
     addonAfter?: string | VNode;
     addonBefore?: string | VNode;
     allowClear?: boolean;
@@ -39,6 +40,7 @@ export declare type InputSearch = Input & {
 };
 export declare type InputTextArea = Input & {
     autosize?: boolean | object;
+    rows?: number;
     onPressEnter?: (e: DtEvent, model: Recordable) => void;
     onChange?: (e: DtEvent, model: Recordable) => void;
 };
@@ -107,7 +109,7 @@ export declare type Select = {
     open?: boolean;
     optionFilterProp?: string;
     options?: SelectOptions[] | ComputedRef<SelectOptions[]> | Ref<SelectOptions[]>;
-    placeholder?: string;
+    placeholder?: StrOrDynamicStr;
     removeIcon?: VNode | Slot;
     searchValue?: string;
     showArrow?: boolean;
@@ -155,7 +157,7 @@ export declare type TreeSelect = {
     listHeight?: number;
     maxTagCount?: number;
     multiple?: boolean;
-    placeholder?: string;
+    placeholder?: StrOrDynamicStr;
     replaceFields?: {
         children?: string;
         label?: string;
@@ -282,7 +284,7 @@ declare type BaseDatepicker = {
     mode?: 'time' | 'date' | 'month' | 'year' | 'decade';
     open?: boolean | Ref<boolean>;
     picker?: 'date' | 'week' | 'month' | 'quarter' | 'year';
-    placeholder?: string;
+    placeholder?: StrOrDynamicStr;
     popupStyle?: CSSProperties;
     size?: 'large' | 'middle' | 'small';
     onOpenChange?: (status: boolean, model: Recordable) => void;