@dt-frames/ui 2.0.9 → 2.0.11

package/es/components/form/index.less

@@ -317,6 +317,24 @@
 	}
 }
 
+.basic-arrow{
+    display: inline-block;
+    cursor: pointer;
+    transform: rotate(180deg);
+    transition: all 0.3s ease 0.1s;
+    transform-origin: center center;
+
+    
+    .dt-icon{
+        vertical-align: middle;
+        color: @primary-color !important;
+    }
+
+    &--active{
+        transform: rotate(0deg);
+    }
+}
+
 .ant-select-dropdown.small .ant-select-item.ant-select-item-option {
 	font-size: 12px;
     line-height: 20px;

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

@@ -26,6 +26,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    colspan: {
+        type: ObjectConstructor;
+    };
 }, {
     props: any;
     emits: (event: "handle-method", ...args: any[]) => void;
@@ -44,6 +47,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     showAdvanceRef: import("vue").ComputedRef<boolean>;
     colOpt: import("vue").ComputedRef<{
         style: Recordable<any>;
+        span?: undefined;
+    } | {
+        style: Recordable<any>;
+        span: number;
     }>;
     getAdvanceClass: import("vue").ComputedRef<(string | {
         'basic-arrow--active': boolean;
@@ -75,14 +82,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    colspan: {
+        type: ObjectConstructor;
+    };
 }>> & {
     "onHandle-method"?: (...args: any[]) => any;
 }, {
     mode: "search" | "dialog";
-    minShowColumn: number;
-    showAdvancedButton: boolean;
     show: boolean;
-    isAdvanced: boolean;
+    showAdvancedButton: boolean;
+    minShowColumn: number;
     buttonList: ButtonProps[];
+    isAdvanced: boolean;
 }>;
 export default _sfc_main;

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

@@ -70,7 +70,6 @@ declare const _sfc_main: {
                 };
                 size: {
                     type: PropType<"middle" | "small" | "large">;
-                    default: string;
                 };
                 disabled: {
                     type: BooleanConstructor;

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

@@ -10,7 +10,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         (key: string, list: unknown[]): string;
         (key: string, named: Record<string, unknown>): string;
     };
-    getUiSize: import("vue").ComputedRef<import("../../../../theme/src/enums").UiSize>;
+    getUiSize: import("vue").ComputedRef<import('../../../../theme').UiSize>;
     iconRef: any;
     props: any;
     state: any;
@@ -457,7 +457,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             inputPrefixCls: StringConstructor;
             enterButton: import("vue-types").VueTypeValidableDef<any>;
             onSearch: {
-                type: import("vue").PropType<(value: string, event?: import("ant-design-vue/lib/_util/EventInterface").ChangeEvent | MouseEvent | KeyboardEvent) => void>;
+                type: import("vue").PropType<(value: string, event?: MouseEvent | import("ant-design-vue/lib/_util/EventInterface").ChangeEvent | KeyboardEvent) => void>;
             };
             id: StringConstructor;
             prefixCls: StringConstructor;
@@ -529,7 +529,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             inputPrefixCls: StringConstructor;
             enterButton: import("vue-types").VueTypeValidableDef<any>;
             onSearch: {
-                type: import("vue").PropType<(value: string, event?: import("ant-design-vue/lib/_util/EventInterface").ChangeEvent | MouseEvent | KeyboardEvent) => void>;
+                type: import("vue").PropType<(value: string, event?: MouseEvent | import("ant-design-vue/lib/_util/EventInterface").ChangeEvent | KeyboardEvent) => void>;
             };
             id: StringConstructor;
             prefixCls: StringConstructor;

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

@@ -410,7 +410,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
             inputPrefixCls: StringConstructor;
             enterButton: import("vue-types").VueTypeValidableDef<any>;
             onSearch: {
-                type: import("vue").PropType<(value: string, event?: import("ant-design-vue/lib/_util/EventInterface").ChangeEvent | MouseEvent | KeyboardEvent) => void>;
+                type: import("vue").PropType<(value: string, event?: MouseEvent | import("ant-design-vue/lib/_util/EventInterface").ChangeEvent | KeyboardEvent) => void>;
             };
             id: StringConstructor;
             prefixCls: StringConstructor;
@@ -482,7 +482,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
             inputPrefixCls: StringConstructor;
             enterButton: import("vue-types").VueTypeValidableDef<any>;
             onSearch: {
-                type: import("vue").PropType<(value: string, event?: import("ant-design-vue/lib/_util/EventInterface").ChangeEvent | MouseEvent | KeyboardEvent) => void>;
+                type: import("vue").PropType<(value: string, event?: MouseEvent | import("ant-design-vue/lib/_util/EventInterface").ChangeEvent | KeyboardEvent) => void>;
             };
             id: StringConstructor;
             prefixCls: StringConstructor;

package/es/components/form/src/hooks/useLabelWidth.d.ts

@@ -1,22 +1,6 @@
 import { Ref } from "vue";
 import { FormProps, FormSchema } from "../types/form.type";
 export declare function useLabelWidth(schemaItemRef: Ref<FormSchema>, propsRef: Ref<FormProps>): import("vue").ComputedRef<{
-    labelCol: {
-        style: any;
-        span?: string | number;
-        order?: string | number;
-        offset?: string | number;
-        md?: string | number;
-        xl?: string | number;
-        xxl?: string | number;
-    };
-    wrapperCol: {
-        style: any;
-        span?: string | number;
-        order?: string | number;
-        offset?: string | number;
-        md?: string | number;
-        xl?: string | number;
-        xxl?: string | number;
-    };
+    labelCol: any;
+    wrapperCol: any;
 }>;

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<"inline" | "horizontal" | "vertical">;
         default: string;
     };
     labelWidth: {
@@ -41,7 +41,7 @@ export declare const BasicProps: {
     };
     rowProps: {
         type: PropType<Partial<import("vue").ExtractPropTypes<{
-            align: PropType<"stretch" | "bottom" | "top" | "middle">;
+            align: PropType<"bottom" | "top" | "stretch" | "middle">;
             justify: PropType<"space-around" | "space-between" | "center" | "end" | "start">;
             prefixCls: StringConstructor;
             gutter: {
@@ -60,8 +60,7 @@ export declare const BasicProps: {
         default: () => {};
     };
     size: {
-        type: PropType<"middle" | "small" | "large">;
-        default: string;
+        type: PropType<"large" | "small" | "middle">;
     };
     disabled: {
         type: BooleanConstructor;

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

@@ -3,16 +3,18 @@ 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;
+    pull?: number;
+    push?: number;
     order?: number | string;
     offset?: number | string;
     md?: number | string;
@@ -54,7 +56,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.d.ts

@@ -1,3 +1,4 @@
 import { useModal, useModalOut } from './src/hooks/useModal';
 import { default as DtModal } from "./src/index";
-export { DtModal, useModalOut, useModal };
+import { basicProps } from './src/props';
+export { basicProps, DtModal, useModalOut, useModal };