@dt-frames/ui 2.0.9 → 2.0.10

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

@@ -16,7 +16,7 @@ export declare const BasicProps: {
         default: () => {};
     };
     layout: {
-        type: PropType<"vertical" | "inline" | "horizontal">;
+        type: PropType<"vertical" | "horizontal" | "inline">;
         default: string;
     };
     labelWidth: {
@@ -42,7 +42,7 @@ export declare const BasicProps: {
     rowProps: {
         type: PropType<Partial<import("vue").ExtractPropTypes<{
             align: PropType<"stretch" | "bottom" | "top" | "middle">;
-            justify: PropType<"space-around" | "space-between" | "center" | "end" | "start">;
+            justify: PropType<"start" | "space-around" | "space-between" | "center" | "end">;
             prefixCls: StringConstructor;
             gutter: {
                 type: PropType<import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter]>;
@@ -60,8 +60,7 @@ export declare const BasicProps: {
         default: () => {};
     };
     size: {
-        type: PropType<"middle" | "small" | "large">;
-        default: string;
+        type: PropType<"small" | "middle" | "large">;
     };
     disabled: {
         type: BooleanConstructor;

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

@@ -3,13 +3,13 @@ import { ComputedRef, ExtractPropTypes, Ref, VNode } from "vue";
 import { RuleObject } from 'ant-design-vue/es/form/interface';
 import { TooltipProps } from "ant-design-vue/es/tooltip/Tooltip";
 import { BasicProps } from "../props";
-import type { Cascader, Checkbox, CheckboxGroup, DatePicker, Divider, Input, InputGroup, InputNumber, InputPassword, InputSearch, InputTextArea, Radio, RadioGroup, RangePicker, Rate, Select, Switch, TimePicker, TreeSelect } from "./items.type";
+import type { Cascader, Checkbox, CheckboxGroup, DatePicker, Divider, Input, InputGroup, InputNumber, InputPassword, InputSearch, InputTextArea, InputWithDialog, Radio, RadioGroup, RangePicker, Rate, Select, Switch, TimePicker, TreeSelect } from "./items.type";
 export declare type ButtonFlag = 'OK' | 'CANCEL';
 export declare type Rule = RuleObject & {
     trigger?: 'blur' | 'change' | ['change', 'blur'];
 };
 export declare type FormProps = Partial<ExtractPropTypes<typeof BasicProps>>;
-export declare type ComponentType = 'Input' | 'InputGroup' | 'InputPassword' | 'InputSearch' | 'InputTextArea' | 'InputNumber' | 'Select' | 'TreeSelect' | 'Radio' | 'RadioButtonGroup' | 'RadioGroup' | 'Checkbox' | 'CheckboxGroup' | 'AutoComplete' | 'Cascader' | 'DatePicker' | 'MonthPicker' | 'RangePicker' | 'WeekPicker' | 'TimePicker' | 'Switch' | 'Upload' | 'Slider' | 'Rate' | 'Divider';
+export declare type ComponentType = 'Input' | 'InputWithDialog' | 'InputGroup' | 'InputPassword' | 'InputSearch' | 'InputTextArea' | 'InputNumber' | 'Select' | 'TreeSelect' | 'Radio' | 'RadioButtonGroup' | 'RadioGroup' | 'Checkbox' | 'CheckboxGroup' | 'AutoComplete' | 'Cascader' | 'DatePicker' | 'MonthPicker' | 'RangePicker' | 'WeekPicker' | 'TimePicker' | 'Switch' | 'Upload' | 'Slider' | 'Rate' | 'Divider';
 export declare type ColEx = {
     style?: any;
     span?: number | string;
@@ -54,7 +54,7 @@ declare type Schema<ComponentType, T> = {
     isAdvanced?: boolean;
     extraName?: string[];
 };
-export declare type FormSchema = Schema<'Input', Input> | Schema<'InputGroup', InputGroup> | Schema<'InputPassword', InputPassword> | Schema<'InputSearch', InputSearch> | Schema<'InputTextArea', InputTextArea> | Schema<'InputNumber', InputNumber> | Schema<'Select', Select> | Schema<'TreeSelect', TreeSelect> | Schema<'Radio', Radio> | Schema<'RadioButtonGroup', Radio> | Schema<'RadioGroup', RadioGroup> | Schema<'Checkbox', Checkbox> | Schema<'CheckboxGroup', CheckboxGroup> | Schema<'AutoComplete', Recordable> | Schema<'Cascader', Cascader> | Schema<'DatePicker', DatePicker> | Schema<'MonthPicker', DatePicker> | Schema<'RangePicker', RangePicker> | Schema<'WeekPicker', DatePicker> | Schema<'TimePicker', TimePicker> | Schema<'Switch', Switch> | Schema<'Slider', {
+export declare type FormSchema = Schema<'Input', Input> | Schema<'InputWithDialog', InputWithDialog> | Schema<'InputGroup', InputGroup> | Schema<'InputPassword', InputPassword> | Schema<'InputSearch', InputSearch> | Schema<'InputTextArea', InputTextArea> | Schema<'InputNumber', InputNumber> | Schema<'Select', Select> | Schema<'TreeSelect', TreeSelect> | Schema<'Radio', Radio> | Schema<'RadioButtonGroup', Radio> | Schema<'RadioGroup', RadioGroup> | Schema<'Checkbox', Checkbox> | Schema<'CheckboxGroup', CheckboxGroup> | Schema<'AutoComplete', Recordable> | Schema<'Cascader', Cascader> | Schema<'DatePicker', DatePicker> | Schema<'MonthPicker', DatePicker> | Schema<'RangePicker', RangePicker> | Schema<'WeekPicker', DatePicker> | Schema<'TimePicker', TimePicker> | Schema<'Switch', Switch> | Schema<'Slider', {
     disabled?: boolean;
     [key: string]: any;
 }> | Schema<'Rate', Rate> | Schema<'Divider', Divider>;

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

@@ -1,6 +1,6 @@
 import { DtEvent, Recordable, SelectOptions } from "@dt-frames/core";
 import dayjs from "dayjs";
-import { Ref, Slot, VNode, CSSProperties } from "vue";
+import { Ref, Slot, VNode, CSSProperties, ComputedRef } from "vue";
 declare type BaseInput = {
     placeholder?: string;
     addonAfter?: string | VNode;
@@ -106,7 +106,7 @@ export declare type Select = {
     notFoundContent?: string | Slot;
     open?: boolean;
     optionFilterProp?: string;
-    options?: SelectOptions[];
+    options?: SelectOptions[] | ComputedRef<SelectOptions[]> | Ref<SelectOptions[]>;
     placeholder?: string;
     removeIcon?: VNode | Slot;
     searchValue?: string;
@@ -194,7 +194,7 @@ export declare type RadioGroup = {
     buttonStyle?: 'outline' | 'solid';
     disabled?: boolean;
     name?: string;
-    options?: string[] | number[] | SelectOptions[];
+    options?: string[] | number[] | SelectOptions[] | ComputedRef<SelectOptions[]> | Ref<SelectOptions[]>;
     optionType?: 'default' | 'button';
     size?: 'large' | 'default' | 'small';
     defaultValue?: string | number | boolean;
@@ -215,7 +215,11 @@ export declare type CheckboxGroup = {
     name?: string;
     options?: string[] | (SelectOptions & {
         indeterminate?: boolean;
-    })[];
+    })[] | ComputedRef<(SelectOptions & {
+        indeterminate?: boolean;
+    })[]> | Ref<(SelectOptions & {
+        indeterminate?: boolean;
+    })[]>;
     onChange?: (checkedValue: (string | number | boolean)[], model: Recordable) => void;
     [key: string]: any;
 };
@@ -250,7 +254,7 @@ export declare type Cascader = {
     multiple?: boolean;
     notFoundContent?: string | VNode;
     open?: boolean;
-    options?: CascaderOption[];
+    options?: CascaderOption[] | ComputedRef<CascaderOption[]> | Ref<CascaderOption[]>;
     placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
     searchValue?: string;
     showSearch?: boolean | object;
@@ -372,4 +376,7 @@ export declare type Divider = {
     type?: 'horizontal' | 'vertical';
     [key: string]: any;
 };
+export declare type InputWithDialog = Input & {
+    openDialog?: (model: Recordable) => void;
+};
 export {};

package/es/components/modal/index.js

@@ -100,6 +100,12 @@ function useModal(props, setModalData) {
       return;
     nextTick(() => {
       setModalData(data);
+      if (!data)
+        return;
+      if (props?.title && isFunction(props?.title)) {
+        let title = props.title(data);
+        methods.setModalProps({ title });
+      }
     });
   });
   const methods = {
@@ -812,6 +818,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     isAdvanced: {
       type: Boolean,
       default: true
+    },
+    colspan: {
+      type: Object
     }
   },
   emits: ["handle-method"],
@@ -831,6 +840,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         Object.assign(style, {
           display: "inline-block"
         });
+        return { style };
+      } else if (props.mode === null) {
+        Object.assign(style, {
+          display: "flex",
+          justifyContent: "center",
+          marginBottom: "20px"
+        });
+        return {
+          style,
+          span: 24
+        };
       }
       return { style };
     });
@@ -853,8 +873,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     }
     watch(() => props.isAdvanced, (v) => {
-      if (v) {
-        nextTick(() => toggleAdvanced());
+      if (v || props.mode !== "search") {
+        requestAnimationFrame(toggleAdvanced);
       }
     }, {
       immediate: true

package/es/components/modal/src/components/Modal.d.ts

@@ -40,7 +40,7 @@ declare const _sfc_main: {
             default: boolean;
         };
         title: {
-            type: import("vue").PropType<String | import("vue").ComputedRef<String>>;
+            type: import("vue").PropType<String | import("vue").ComputedRef<String> | ((data: import("@dt-frames/core").Recordable<any>) => String)>;
         };
         loading: {
             type: BooleanConstructor;

package/es/components/modal/src/components/ModalFooter.d.ts

@@ -54,6 +54,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        colspan: {
+            type: ObjectConstructor;
+        };
     }, {
         props: any;
         emits: (event: "handle-method", ...args: any[]) => void;
@@ -72,6 +75,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         showAdvanceRef: import("vue").ComputedRef<boolean>;
         colOpt: import("vue").ComputedRef<{
             style: import("@dt-frames/core").Recordable<any>;
+            span?: undefined;
+        } | {
+            style: import("@dt-frames/core").Recordable<any>;
+            span: number;
         }>;
         getAdvanceClass: import("vue").ComputedRef<(string | {
             'basic-arrow--active': boolean;
@@ -103,6 +110,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        colspan: {
+            type: ObjectConstructor;
+        };
     }>> & {
         "onHandle-method"?: (...args: any[]) => any;
     }, {

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

@@ -40,7 +40,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     title: {
-        type: import("vue").PropType<String | import("vue").ComputedRef<String>>;
+        type: import("vue").PropType<String | import("vue").ComputedRef<String> | ((data: import("@dt-frames/core").Recordable<any>) => String)>;
     };
     loading: {
         type: BooleanConstructor;
@@ -141,7 +141,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: boolean;
         };
         title: {
-            type: import("vue").PropType<String | import("vue").ComputedRef<String>>;
+            type: import("vue").PropType<String | import("vue").ComputedRef<String> | ((data: import("@dt-frames/core").Recordable<any>) => String)>;
         };
         loading: {
             type: BooleanConstructor;
@@ -257,7 +257,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 default: boolean;
             };
             title: {
-                type: import("vue").PropType<String | import("vue").ComputedRef<String>>;
+                type: import("vue").PropType<String | import("vue").ComputedRef<String> | ((data: import("@dt-frames/core").Recordable<any>) => String)>;
             };
             loading: {
                 type: BooleanConstructor;
@@ -567,6 +567,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
+            colspan: {
+                type: ObjectConstructor;
+            };
         }, {
             props: any;
             emits: (event: "handle-method", ...args: any[]) => void;
@@ -585,6 +588,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             showAdvanceRef: import("vue").ComputedRef<boolean>;
             colOpt: import("vue").ComputedRef<{
                 style: import("@dt-frames/core").Recordable<any>;
+                span?: undefined;
+            } | {
+                style: import("@dt-frames/core").Recordable<any>;
+                span: number;
             }>;
             getAdvanceClass: import("vue").ComputedRef<(string | {
                 'basic-arrow--active': boolean;
@@ -616,6 +623,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
+            colspan: {
+                type: ObjectConstructor;
+            };
         }>> & {
             "onHandle-method"?: (...args: any[]) => any;
         }, {
@@ -688,7 +698,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     title: {
-        type: import("vue").PropType<String | import("vue").ComputedRef<String>>;
+        type: import("vue").PropType<String | import("vue").ComputedRef<String> | ((data: import("@dt-frames/core").Recordable<any>) => String)>;
     };
     loading: {
         type: BooleanConstructor;

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

@@ -1,4 +1,5 @@
 import { ButtonProps } from '../../form/src/types/form.type';
+import { Recordable } from "@dt-frames/core";
 import { ComputedRef, CSSProperties, PropType } from "vue";
 export declare const basicProps: {
     t: {
@@ -39,7 +40,7 @@ export declare const basicProps: {
         default: boolean;
     };
     title: {
-        type: PropType<String | ComputedRef<String>>;
+        type: PropType<String | ComputedRef<String> | ((data: Recordable) => String)>;
     };
     loading: {
         type: BooleanConstructor;