@sdata/web-vue 1.13.0 → 1.18.0

package/es/cascader/base-cascader-panel.d.ts

@@ -44,8 +44,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<VirtualListProps>;
     };
 }>> & Readonly<{}>, {
-    loading: boolean;
     multiple: boolean;
+    loading: boolean;
     checkStrictly: boolean;
     dropdown: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/cascader/cascader-search-panel.d.ts

@@ -21,8 +21,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     checkStrictly: BooleanConstructor;
     pathLabel: BooleanConstructor;
 }>> & Readonly<{}>, {
-    loading: boolean;
     multiple: boolean;
+    loading: boolean;
     checkStrictly: boolean;
     pathLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/cascader/cascader.vue.d.ts

@@ -19,49 +19,49 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<CascaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     search: (value: string) => any;
     focus: (ev: FocusEvent) => any;
-    change: (value: CascaderModelValue) => any;
-    blur: (ev: FocusEvent) => any;
     clear: () => any;
+    blur: (ev: FocusEvent) => any;
+    change: (value: CascaderModelValue) => any;
     "update:popupVisible": (visible: boolean) => any;
     popupVisibleChange: (visible: boolean) => any;
     "update:modelValue": (value: CascaderModelValue) => any;
+    "update:value": (value: CascaderModelValue) => any;
+    inputValueChange: (value: string) => any;
     "update:show": (visible: boolean) => any;
     showChange: (visible: boolean) => any;
-    inputValueChange: (value: string) => any;
-    "update:value": (value: CascaderModelValue) => any;
 }, string, import("vue").PublicProps, Readonly<CascaderProps> & Readonly<{
     onSearch?: ((value: string) => any) | undefined;
     onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: CascaderModelValue) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onChange?: ((value: CascaderModelValue) => any) | undefined;
     "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: CascaderModelValue) => any) | undefined;
+    "onUpdate:value"?: ((value: CascaderModelValue) => any) | undefined;
+    onInputValueChange?: ((value: string) => any) | undefined;
     "onUpdate:show"?: ((visible: boolean) => any) | undefined;
     onShowChange?: ((visible: boolean) => any) | undefined;
-    onInputValueChange?: ((value: string) => any) | undefined;
-    "onUpdate:value"?: ((value: CascaderModelValue) => any) | undefined;
 }>, {
     options: CascaderOption[];
     error: boolean;
-    disabled: boolean;
-    loading: boolean;
     defaultPopupVisible: boolean;
+    disabled: boolean;
     separator: string;
     multiple: boolean;
     allowClear: boolean;
+    loading: boolean;
     valueKey: string;
     expandTrigger: import("./types").CascaderExpandTrigger;
-    defaultInputValue: string;
-    maxTagCount: number | "responsive";
-    tagNowrap: boolean;
-    searchDelay: number;
     checkStrictly: boolean;
     pathMode: boolean;
     showPath: boolean;
     expandChild: boolean;
+    defaultInputValue: string;
+    maxTagCount: number | "responsive";
+    tagNowrap: boolean;
     searchOptionOnlyLabel: boolean;
+    searchDelay: number;
     fallback: boolean | import("./interface").CascaderFallback;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/checkbox/checkbox-group.d.ts

@@ -55,8 +55,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:modelValue"?: ((_value: (string | number | boolean)[]) => any) | undefined;
 }>, {
     disabled: boolean;
-    defaultValue: (string | number | boolean)[];
     direction: "horizontal" | "vertical";
+    defaultValue: (string | number | boolean)[];
     modelValue: (string | number | boolean)[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/checkbox/index.d.ts

@@ -238,8 +238,8 @@ declare const Checkbox: {
         "onUpdate:modelValue"?: ((_value: (string | number | boolean)[]) => any) | undefined;
     }>, {
         disabled: boolean;
-        defaultValue: (string | number | boolean)[];
         direction: "horizontal" | "vertical";
+        defaultValue: (string | number | boolean)[];
         modelValue: (string | number | boolean)[];
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     install: (app: App, options?: SDOptions) => void;

package/es/color-picker/color-picker.d.ts

@@ -150,13 +150,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<Record<string, unknown>>;
     };
 }>> & Readonly<{
+    onClear?: ((_context: {
+        e: MouseEvent;
+    }) => any) | undefined;
     onChange?: ((_value: string, _context: {
         color: ColorObject;
         trigger: ColorPickerChangeTrigger;
     }) => any) | undefined;
-    onClear?: ((_context: {
-        e: MouseEvent;
-    }) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
     "onUpdate:value"?: ((_value: string) => any) | undefined;
     "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
@@ -169,15 +169,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disabled: boolean;
     defaultValue: string;
     clearable: boolean;
+    format: ColorFormat | LegacyFormat;
+    hideTrigger: boolean;
     enableAlpha: boolean;
     colorModes: ColorModes;
     enableMultipleGradient: boolean;
     showPrimaryColorPreview: boolean;
-    format: ColorFormat | LegacyFormat;
     recentColors: RecentColorsValue;
     swatchColors: string[] | null;
     borderless: boolean;
-    hideTrigger: boolean;
     showText: boolean;
     showHistory: boolean;
     showPreset: boolean;

package/es/color-picker/index.d.ts

@@ -69,13 +69,13 @@ declare const ColorPicker: {
             type: import("vue").PropType<Record<string, unknown>>;
         };
     }>> & Readonly<{
+        onClear?: ((_context: {
+            e: MouseEvent;
+        }) => any) | undefined;
         onChange?: ((_value: string, _context: {
             color: import("./interface").ColorObject;
             trigger: import("./interface").ColorPickerChangeTrigger;
         }) => any) | undefined;
-        onClear?: ((_context: {
-            e: MouseEvent;
-        }) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
         "onUpdate:value"?: ((_value: string) => any) | undefined;
         "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
@@ -103,15 +103,15 @@ declare const ColorPicker: {
         disabled: boolean;
         defaultValue: string;
         clearable: boolean;
+        format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
+        hideTrigger: boolean;
         enableAlpha: boolean;
         colorModes: import("./interface").ColorModes;
         enableMultipleGradient: boolean;
         showPrimaryColorPreview: boolean;
-        format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
         recentColors: import("./interface").RecentColorsValue;
         swatchColors: string[] | null;
         borderless: boolean;
-        hideTrigger: boolean;
         showText: boolean;
         showHistory: boolean;
         showPreset: boolean;
@@ -191,13 +191,13 @@ declare const ColorPicker: {
             type: import("vue").PropType<Record<string, unknown>>;
         };
     }>> & Readonly<{
+        onClear?: ((_context: {
+            e: MouseEvent;
+        }) => any) | undefined;
         onChange?: ((_value: string, _context: {
             color: import("./interface").ColorObject;
             trigger: import("./interface").ColorPickerChangeTrigger;
         }) => any) | undefined;
-        onClear?: ((_context: {
-            e: MouseEvent;
-        }) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
         "onUpdate:value"?: ((_value: string) => any) | undefined;
         "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
@@ -210,15 +210,15 @@ declare const ColorPicker: {
         disabled: boolean;
         defaultValue: string;
         clearable: boolean;
+        format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
+        hideTrigger: boolean;
         enableAlpha: boolean;
         colorModes: import("./interface").ColorModes;
         enableMultipleGradient: boolean;
         showPrimaryColorPreview: boolean;
-        format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
         recentColors: import("./interface").RecentColorsValue;
         swatchColors: string[] | null;
         borderless: boolean;
-        hideTrigger: boolean;
         showText: boolean;
         showHistory: boolean;
         showPreset: boolean;
@@ -295,13 +295,13 @@ declare const ColorPicker: {
         type: import("vue").PropType<Record<string, unknown>>;
     };
 }>> & Readonly<{
+    onClear?: ((_context: {
+        e: MouseEvent;
+    }) => any) | undefined;
     onChange?: ((_value: string, _context: {
         color: import("./interface").ColorObject;
         trigger: import("./interface").ColorPickerChangeTrigger;
     }) => any) | undefined;
-    onClear?: ((_context: {
-        e: MouseEvent;
-    }) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
     "onUpdate:value"?: ((_value: string) => any) | undefined;
     "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
@@ -329,15 +329,15 @@ declare const ColorPicker: {
     disabled: boolean;
     defaultValue: string;
     clearable: boolean;
+    format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
+    hideTrigger: boolean;
     enableAlpha: boolean;
     colorModes: import("./interface").ColorModes;
     enableMultipleGradient: boolean;
     showPrimaryColorPreview: boolean;
-    format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
     recentColors: import("./interface").RecentColorsValue;
     swatchColors: string[] | null;
     borderless: boolean;
-    hideTrigger: boolean;
     showText: boolean;
     showHistory: boolean;
     showPreset: boolean;

package/es/color-picker/panel.d.ts

@@ -73,13 +73,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         color: ColorObject;
     }) => void>;
 }>> & Readonly<{}>, {
-    disabled: boolean;
     value: string;
+    disabled: boolean;
+    format: ColorFormat;
     enableAlpha: boolean;
     colorModes: ColorModes;
     enableMultipleGradient: boolean;
     showPrimaryColorPreview: boolean;
-    format: ColorFormat;
     recentColors: RecentColorsValue;
     swatchColors: string[] | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components.d.ts

@@ -54,6 +54,7 @@ declare module 'vue' {
         SdEmpty: SDVue['Empty'];
         SdForm: SDVue['Form'];
         SdFormItem: SDVue['FormItem'];
+        SdJsonForm: SDVue['JsonForm'];
         SdGrid: SDVue['Grid'];
         SdGridItem: SDVue['GridItem'];
         SdCol: SDVue['Col'];

package/es/config-provider/config-provider.vue.d.ts

@@ -2,6 +2,7 @@ import type { PropType } from 'vue';
 import { VirtualListProps } from '../_components/virtual-list/interface';
 import { Size } from '../_utils/constant';
 import { SDLang } from '../locale/interface';
+import { ConfigProviderDatePicker, ConfigProviderDrawer, type JsonFormProviderConfig, ConfigProviderModal } from './context';
 import { SDThemeConfig, SDThemeMode } from './theme';
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -47,6 +48,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: BooleanConstructor;
         default: boolean;
     };
+    datePicker: {
+        type: PropType<ConfigProviderDatePicker>;
+    };
+    modal: {
+        type: PropType<ConfigProviderModal>;
+    };
+    drawer: {
+        type: PropType<ConfigProviderDrawer>;
+    };
+    jsonForm: {
+        type: PropType<JsonFormProviderConfig>;
+    };
     theme: {
         type: PropType<SDThemeConfig>;
     };
@@ -95,6 +108,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: BooleanConstructor;
         default: boolean;
     };
+    datePicker: {
+        type: PropType<ConfigProviderDatePicker>;
+    };
+    modal: {
+        type: PropType<ConfigProviderModal>;
+    };
+    drawer: {
+        type: PropType<ConfigProviderDrawer>;
+    };
+    jsonForm: {
+        type: PropType<JsonFormProviderConfig>;
+    };
     theme: {
         type: PropType<SDThemeConfig>;
     };
@@ -108,8 +133,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     rtl: boolean;
     allowClear: boolean;
     allowSearch: boolean;
-    global: boolean;
     exchangeTime: boolean;
+    global: boolean;
 }, {}, {
     ThemeProvider: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{

package/es/config-provider/config-provider.vue_vue_type_script_lang.js

@@ -91,6 +91,26 @@ var config_provider_vue_vue_type_script_lang_default = defineComponent({
 			default: false
 		},
 		/**
+		* @zh DatePicker 组件默认配置
+		* @en Default config for DatePicker
+		*/
+		datePicker: { type: Object },
+		/**
+		* @zh Modal 组件默认配置
+		* @en Default config for Modal
+		*/
+		modal: { type: Object },
+		/**
+		* @zh Drawer 组件默认配置
+		* @en Default config for Drawer
+		*/
+		drawer: { type: Object },
+		/**
+		* @zh JsonForm 组件默认配置
+		* @en Default config for JsonForm
+		*/
+		jsonForm: { type: Object },
+		/**
 		* @zh 主题配置对象
 		* @en Runtime theme configuration object
 		*/
@@ -115,7 +135,7 @@ var config_provider_vue_vue_type_script_lang_default = defineComponent({
 	* @version 2.28.0
 	*/
 	setup(props, { slots }) {
-		const { prefixCls, locale, size, allowClear, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl } = toRefs(props);
+		const { prefixCls, locale, size, allowClear, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl, datePicker, modal, drawer } = toRefs(props);
 		const config = reactive({
 			slots,
 			prefixCls,
@@ -128,6 +148,10 @@ var config_provider_vue_vue_type_script_lang_default = defineComponent({
 			scrollToClose,
 			exchangeTime,
 			rtl,
+			datePicker,
+			modal,
+			drawer,
+			jsonForm: toRefs(props).jsonForm,
 			theme: normalizeTheme(props.theme)
 		});
 		watch(() => props.theme, (themeConfig) => {

package/es/config-provider/context.d.ts

@@ -1,8 +1,55 @@
-import { InjectionKey, Ref, Slots } from 'vue';
+import { CSSProperties, InjectionKey, Ref, Slots } from 'vue';
+export type { JsonFormProviderConfig } from '../json-form/types';
+import type { JsonFormProviderConfig } from '../json-form/types';
 import { VirtualListProps } from '../_components/virtual-list/interface';
 import { Size } from '../_utils/constant';
+import { ButtonProps } from '../button';
+import { ShortcutType, WeekStart } from '../date-picker/interface';
 import { SDLang } from '../locale/interface';
 import { SDThemeNormalized } from './theme';
+export interface ConfigProviderModal {
+    mask?: boolean;
+    maskClosable?: boolean;
+    maskStyle?: CSSProperties;
+    alignCenter?: boolean;
+    escToClose?: boolean;
+    draggable?: boolean;
+    closable?: boolean;
+    titleAlign?: 'start' | 'center';
+    top?: number | string;
+    footer?: boolean;
+    hideCancel?: boolean;
+    okText?: string;
+    cancelText?: string;
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    width?: number | string;
+}
+export interface ConfigProviderDrawer {
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+    mask?: boolean;
+    maskClosable?: boolean;
+    escToClose?: boolean;
+    closable?: boolean;
+    header?: boolean;
+    footer?: boolean;
+    hideCancel?: boolean;
+    okText?: string;
+    cancelText?: string;
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    width?: number | string;
+    height?: number | string;
+}
+export interface ConfigProviderDatePicker {
+    shortcuts?: ShortcutType[];
+    shortcutsPosition?: 'left' | 'bottom' | 'right';
+    previewShortcut?: boolean;
+    showConfirmBtn?: boolean;
+    showNowBtn?: boolean;
+    dayStartOfWeek?: WeekStart;
+    abbreviation?: boolean;
+}
 export interface ConfigProvider {
     slots: Slots;
     prefixCls?: string;
@@ -15,6 +62,10 @@ export interface ConfigProvider {
     scrollToClose?: boolean;
     exchangeTime?: boolean;
     rtl?: boolean;
+    datePicker?: ConfigProviderDatePicker;
+    modal?: ConfigProviderModal;
+    drawer?: ConfigProviderDrawer;
+    jsonForm?: JsonFormProviderConfig;
     theme?: SDThemeNormalized;
 }
 export declare const configProviderInjectionKey: InjectionKey<ConfigProvider>;

package/es/config-provider/index.d.ts

@@ -44,6 +44,18 @@ declare const ConfigProvider: {
             type: BooleanConstructor;
             default: boolean;
         };
+        datePicker: {
+            type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
+        };
+        modal: {
+            type: import("vue").PropType<import("./context").ConfigProviderModal>;
+        };
+        drawer: {
+            type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
+        };
+        jsonForm: {
+            type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
+        };
         theme: {
             type: import("vue").PropType<import("./theme").SDThemeConfig>;
         };
@@ -57,8 +69,8 @@ declare const ConfigProvider: {
         rtl: boolean;
         allowClear: boolean;
         allowSearch: boolean;
-        global: boolean;
         exchangeTime: boolean;
+        global: boolean;
     }, true, {}, {}, {
         ThemeProvider: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
@@ -155,6 +167,18 @@ declare const ConfigProvider: {
             type: BooleanConstructor;
             default: boolean;
         };
+        datePicker: {
+            type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
+        };
+        modal: {
+            type: import("vue").PropType<import("./context").ConfigProviderModal>;
+        };
+        drawer: {
+            type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
+        };
+        jsonForm: {
+            type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
+        };
         theme: {
             type: import("vue").PropType<import("./theme").SDThemeConfig>;
         };
@@ -168,8 +192,8 @@ declare const ConfigProvider: {
         rtl: boolean;
         allowClear: boolean;
         allowSearch: boolean;
-        global: boolean;
         exchangeTime: boolean;
+        global: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -216,6 +240,18 @@ declare const ConfigProvider: {
         type: BooleanConstructor;
         default: boolean;
     };
+    datePicker: {
+        type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
+    };
+    modal: {
+        type: import("vue").PropType<import("./context").ConfigProviderModal>;
+    };
+    drawer: {
+        type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
+    };
+    jsonForm: {
+        type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
+    };
     theme: {
         type: import("vue").PropType<import("./theme").SDThemeConfig>;
     };
@@ -229,8 +265,8 @@ declare const ConfigProvider: {
     rtl: boolean;
     allowClear: boolean;
     allowSearch: boolean;
-    global: boolean;
     exchangeTime: boolean;
+    global: boolean;
 }, {}, string, {}, {
     ThemeProvider: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
@@ -283,4 +319,5 @@ declare const ConfigProvider: {
 };
 export type ConfigProviderInstance = InstanceType<typeof _ConfigProvider>;
 export type { SDThemeConfig, SDThemeMeta, SDThemeMode, ThemeTokenMap, ThemeTokenValue, } from './theme';
+export type { JsonFormProviderConfig as ConfigProviderJsonFormConfig } from '../json-form';
 export default ConfigProvider;

package/es/cropper/cropper.vue.d.ts

@@ -29,8 +29,8 @@ declare const __VLS_export: import("vue").DefineComponent<CropperProps, CropperE
     }) => any) | undefined;
 }>, {
     template: string;
-    width: number | string;
     height: number | string;
+    width: number | string;
     src: string;
     canvasProps: CropperCanvasProps;
     imageProps: CropperImageProps;

package/es/cropper/index.d.ts

@@ -32,8 +32,8 @@ declare const Cropper: {
         }) => any;
     }, import("vue").PublicProps, {
         template: string;
-        width: number | string;
         height: number | string;
+        width: number | string;
         src: string;
         canvasProps: import("./interface").CropperCanvasProps;
         imageProps: import("./interface").CropperImageProps;
@@ -66,8 +66,8 @@ declare const Cropper: {
         }) => any) | undefined;
     }>, import("./interface").CropperExpose, {}, {}, {}, {
         template: string;
-        width: number | string;
         height: number | string;
+        width: number | string;
         src: string;
         canvasProps: import("./interface").CropperCanvasProps;
         imageProps: import("./interface").CropperImageProps;
@@ -111,8 +111,8 @@ declare const Cropper: {
     }) => any;
 }, string, {
     template: string;
-    width: number | string;
     height: number | string;
+    width: number | string;
     src: string;
     canvasProps: import("./interface").CropperCanvasProps;
     imageProps: import("./interface").CropperImageProps;