@sdata/web-vue 3.12.0 → 3.13.0

package/es/card/style/index.css

@@ -193,6 +193,29 @@
   padding: 12px 16px;
 }
 
+.sd-card-full-height {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+.sd-card-full-height .sd-card-header {
+  flex-shrink: 0;
+}
+.sd-card-full-height .sd-card-body {
+  flex: 1;
+  min-height: 0;
+}
+.sd-card-full-height .sd-card-body-native {
+  overflow: auto;
+}
+.sd-card-full-height .sd-card-body-scroll {
+  overflow: hidden;
+}
+.sd-card-full-height .sd-card-body-scroll .sd-card-body-scrollbar {
+  height: 100%;
+}
+
 :where(body, [sd-theme])[sd-theme=dark] .sd-card-grid-hoverable:hover::before,
 :where(body, [sd-theme])[sd-theme=dark] .sd-card-hoverable:hover {
   box-shadow: 0 4px 10px rgb(var(--sd-gray-1), 40%);

package/es/card/style/index.scss

@@ -227,6 +227,37 @@ $card-prefix-cls: string.unquote('#{theme.$prefix}-card');
   @include size(small, small);
 }
 
+// full-height：撑满父容器高度，内容区域自动滚动
+.#{$card-prefix-cls}-full-height {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+
+  .#{$card-prefix-cls}-header {
+    flex-shrink: 0;
+  }
+
+  .#{$card-prefix-cls}-body {
+    flex: 1;
+    min-height: 0;
+  }
+
+  // scrollbar === false：使用原生 overflow 滚动
+  .#{$card-prefix-cls}-body-native {
+    overflow: auto;
+  }
+
+  // scrollbar !== false：使用 Scrollbar 组件
+  .#{$card-prefix-cls}-body-scroll {
+    overflow: hidden;
+
+    .#{$card-prefix-cls}-body-scrollbar {
+      height: 100%;
+    }
+  }
+}
+
 // dark mode
 #{global.$sd-theme-tag}[sd-theme='dark'] {
   .#{$card-prefix-cls}-grid-hoverable:hover::before,

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

@@ -1,20 +1,20 @@
 import type { CascaderModelValue, CascaderOption } from './interface';
 import type { CascaderProps } from './types';
-declare var __VLS_24: any, __VLS_27: {}, __VLS_30: {}, __VLS_33: {}, __VLS_36: {}, __VLS_46: {}, __VLS_55: {};
+declare var __VLS_30: any, __VLS_33: {}, __VLS_36: {}, __VLS_39: {}, __VLS_42: {}, __VLS_52: {}, __VLS_61: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_24) => any;
+    label?: (props: typeof __VLS_30) => any;
 } & {
-    prefix?: (props: typeof __VLS_27) => any;
+    prefix?: (props: typeof __VLS_33) => any;
 } & {
-    'arrow-icon'?: (props: typeof __VLS_30) => any;
+    'arrow-icon'?: (props: typeof __VLS_36) => any;
 } & {
-    'loading-icon'?: (props: typeof __VLS_33) => any;
+    'loading-icon'?: (props: typeof __VLS_39) => any;
 } & {
-    'search-icon'?: (props: typeof __VLS_36) => any;
+    'search-icon'?: (props: typeof __VLS_42) => any;
 } & {
-    empty?: (props: typeof __VLS_46) => any;
+    empty?: (props: typeof __VLS_52) => any;
 } & {
-    empty?: (props: typeof __VLS_55) => any;
+    empty?: (props: typeof __VLS_61) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CascaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     search: (value: string) => any;
@@ -43,6 +43,7 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderProps, {}, {}, {
 }>, {
     options: CascaderOption[];
     error: boolean;
+    readonly: boolean | string;
     defaultPopupVisible: boolean;
     disabled: boolean;
     allowClear: boolean;

package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js

@@ -4,8 +4,10 @@ import { isArray, isFunction, isNull, isUndefined } from "../_utils/is.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useDropdownVirtualListProps } from "../_hooks/use-dropdown-virtual-list-props.js";
 import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
-import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
+import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Trigger from "../trigger/index.js";
+import Tooltip from "../tooltip/index.js";
+import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
 import { useTrigger } from "../_hooks/use-trigger.js";
 import { cascaderInjectionKey } from "./context.js";
 import { getCheckedStatus, getLeafOptionInfos, getLeafOptionKeys, getOptionInfos, getOptionLabel, getValidValues, getValueKey } from "./utils.js";
@@ -15,7 +17,7 @@ import select_view_default from "../_components/select-view/select-view.js";
 import { useAllowSearch } from "../_hooks/use-allow-search.js";
 import { debounce } from "../_utils/debounce.js";
 import cascader_search_panel_default from "./cascader-search-panel.js";
-import { computed, createBlock, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, mergeProps, normalizeProps, openBlock, provide, reactive, ref, renderSlot, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
+import { computed, createBlock, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, mergeProps, normalizeProps, openBlock, provide, reactive, ref, renderSlot, toRef, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
 //#region components/cascader/cascader.vue?vue&type=script&setup=true&lang.ts
 var DEFAULT_CASCADER_VIRTUAL_ITEM_SIZE = 36;
 var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
@@ -39,6 +41,10 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			type: Boolean,
 			default: false
 		},
+		readonly: {
+			type: [Boolean, String],
+			default: false
+		},
 		error: {
 			type: Boolean,
 			default: false
@@ -155,7 +161,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const mergedShow = computed(() => {
 			if (hasTriggerProp(["show"])) return props.show;
 		});
-		const { computedPopupVisible, handlePopupVisibleChange } = useTrigger({
+		const { computedPopupVisible, handlePopupVisibleChange: _handlePopupVisibleChange } = useTrigger({
 			popupVisible: mergedPopupVisible,
 			defaultPopupVisible: computed(() => {
 				if (hasTriggerProp(["defaultPopupVisible", "default-popup-visible"])) return props.defaultPopupVisible;
@@ -166,6 +172,15 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			}),
 			emit
 		});
+		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), mergedDisabled);
+		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
+		const handlePopupVisibleChange = (visible) => {
+			if (visible && props.readonly && !mergedDisabled.value) {
+				showReadonlyTip();
+				return;
+			}
+			_handlePopupVisibleChange(visible);
+		};
 		const mergedTriggerProps = computed(() => {
 			var _props$triggerProps;
 			return (_props$triggerProps = props.triggerProps) !== null && _props$triggerProps !== void 0 ? _props$triggerProps : {};
@@ -451,136 +466,142 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			return result;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Trigger), mergeProps(mergedTriggerProps.value, {
-				trigger: "click",
-				"animation-name": "slide-dynamic-origin",
-				"auto-fit-transform-origin": "",
-				"popup-visible": unref(computedPopupVisible),
-				position: "bl",
-				disabled: unref(mergedDisabled),
-				"popup-offset": 4,
-				"auto-fit-popup-width": showSearchPanel.value,
-				"popup-container": unref(popupContainer),
-				"prevent-focus": true,
-				"click-to-close": !Boolean(unref(mergedAllowSearch)),
-				onPopupVisibleChange: unref(handlePopupVisibleChange)
-			}), {
-				content: withCtx(() => [showSearchPanel.value ? (openBlock(), createBlock(unref(cascader_search_panel_default), {
-					key: 0,
-					options: filteredLeafOptions.value,
-					"active-key": unref(activeKey),
-					multiple: unref(multiple),
-					"check-strictly": unref(checkStrictly),
-					loading: unref(loading),
-					"path-label": !unref(searchOptionOnlyLabel)
-				}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
-					name: "empty",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
-					key: "0"
-				} : void 0]), 1032, [
-					"options",
-					"active-key",
-					"multiple",
-					"check-strictly",
-					"loading",
-					"path-label"
-				])) : (openBlock(), createBlock(unref(base_cascader_panel_default), {
-					key: 1,
-					"display-columns": unref(displayColumns),
-					"selected-path": unref(selectedPath),
-					"active-key": unref(activeKey),
-					multiple: unref(multiple),
-					"total-level": totalLevel.value,
-					"check-strictly": unref(checkStrictly),
-					loading: unref(loading),
-					"virtual-list-props": resolvedVirtualListProps.value,
-					dropdown: ""
-				}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
-					name: "empty",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
-					key: "0"
-				} : void 0]), 1032, [
-					"display-columns",
-					"selected-path",
-					"active-key",
-					"multiple",
-					"total-level",
-					"check-strictly",
-					"loading",
-					"virtual-list-props"
-				]))]),
-				default: withCtx(() => [createVNode(unref(select_view_default), mergeProps({
-					"model-value": selectViewValue.value,
-					"input-value": computedInputValue.value,
+			return openBlock(), createBlock(unref(Tooltip), {
+				"popup-visible": unref(tipVisible),
+				content: unref(readonlyTipText),
+				position: "top"
+			}, {
+				default: withCtx(() => [createVNode(unref(Trigger), mergeProps(mergedTriggerProps.value, {
+					trigger: "click",
+					"animation-name": "slide-dynamic-origin",
+					"auto-fit-transform-origin": "",
+					"popup-visible": unref(computedPopupVisible),
+					position: "bl",
 					disabled: unref(mergedDisabled),
-					error: unref(error),
-					multiple: unref(multiple),
-					"allow-clear": unref(mergedAllowClear),
-					"allow-search": Boolean(unref(mergedAllowSearch)),
-					size: unref(size),
-					opened: unref(computedPopupVisible),
-					placeholder: unref(placeholder),
-					loading: unref(loading),
-					"max-tag-count": unref(maxTagCount),
-					"tag-nowrap": unref(tagNowrap)
-				}, unref(attrs), {
-					onInputValueChange: handleInputValueChange,
-					onClear: handleClear,
-					onFocus: handleFocus,
-					onBlur: handleBlur,
-					onRemove: handleRemove,
-					onKeydown: unref(handleKeyDown)
-				}), createSlots({ _: 2 }, [
-					_ctx.$slots.label ? {
-						name: "label",
-						fn: withCtx((data) => [renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(data)))]),
+					"popup-offset": 4,
+					"auto-fit-popup-width": showSearchPanel.value,
+					"popup-container": unref(popupContainer),
+					"prevent-focus": true,
+					"click-to-close": !Boolean(unref(mergedAllowSearch)),
+					onPopupVisibleChange: handlePopupVisibleChange
+				}), {
+					content: withCtx(() => [showSearchPanel.value ? (openBlock(), createBlock(unref(cascader_search_panel_default), {
+						key: 0,
+						options: filteredLeafOptions.value,
+						"active-key": unref(activeKey),
+						multiple: unref(multiple),
+						"check-strictly": unref(checkStrictly),
+						loading: unref(loading),
+						"path-label": !unref(searchOptionOnlyLabel)
+					}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
+						name: "empty",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
+						key: "0"
+					} : void 0]), 1032, [
+						"options",
+						"active-key",
+						"multiple",
+						"check-strictly",
+						"loading",
+						"path-label"
+					])) : (openBlock(), createBlock(unref(base_cascader_panel_default), {
+						key: 1,
+						"display-columns": unref(displayColumns),
+						"selected-path": unref(selectedPath),
+						"active-key": unref(activeKey),
+						multiple: unref(multiple),
+						"total-level": totalLevel.value,
+						"check-strictly": unref(checkStrictly),
+						loading: unref(loading),
+						"virtual-list-props": resolvedVirtualListProps.value,
+						dropdown: ""
+					}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
+						name: "empty",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
 						key: "0"
-					} : void 0,
-					_ctx.$slots.prefix ? {
-						name: "prefix",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
-						key: "1"
-					} : void 0,
-					_ctx.$slots["arrow-icon"] ? {
-						name: "arrow-icon",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "arrow-icon")]),
-						key: "2"
-					} : void 0,
-					_ctx.$slots["loading-icon"] ? {
-						name: "loading-icon",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "loading-icon")]),
-						key: "3"
-					} : void 0,
-					_ctx.$slots["search-icon"] ? {
-						name: "search-icon",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "search-icon")]),
-						key: "4"
-					} : void 0
-				]), 1040, [
-					"model-value",
-					"input-value",
+					} : void 0]), 1032, [
+						"display-columns",
+						"selected-path",
+						"active-key",
+						"multiple",
+						"total-level",
+						"check-strictly",
+						"loading",
+						"virtual-list-props"
+					]))]),
+					default: withCtx(() => [createVNode(unref(select_view_default), mergeProps({
+						"model-value": selectViewValue.value,
+						"input-value": computedInputValue.value,
+						disabled: unref(mergedDisabled),
+						error: unref(error),
+						multiple: unref(multiple),
+						"allow-clear": unref(mergedAllowClear),
+						"allow-search": Boolean(unref(mergedAllowSearch)),
+						size: unref(size),
+						opened: unref(computedPopupVisible),
+						placeholder: unref(placeholder),
+						loading: unref(loading),
+						"max-tag-count": unref(maxTagCount),
+						"tag-nowrap": unref(tagNowrap)
+					}, unref(attrs), {
+						onInputValueChange: handleInputValueChange,
+						onClear: handleClear,
+						onFocus: handleFocus,
+						onBlur: handleBlur,
+						onRemove: handleRemove,
+						onKeydown: unref(handleKeyDown)
+					}), createSlots({ _: 2 }, [
+						_ctx.$slots.label ? {
+							name: "label",
+							fn: withCtx((data) => [renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(data)))]),
+							key: "0"
+						} : void 0,
+						_ctx.$slots.prefix ? {
+							name: "prefix",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
+							key: "1"
+						} : void 0,
+						_ctx.$slots["arrow-icon"] ? {
+							name: "arrow-icon",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "arrow-icon")]),
+							key: "2"
+						} : void 0,
+						_ctx.$slots["loading-icon"] ? {
+							name: "loading-icon",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "loading-icon")]),
+							key: "3"
+						} : void 0,
+						_ctx.$slots["search-icon"] ? {
+							name: "search-icon",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "search-icon")]),
+							key: "4"
+						} : void 0
+					]), 1040, [
+						"model-value",
+						"input-value",
+						"disabled",
+						"error",
+						"multiple",
+						"allow-clear",
+						"allow-search",
+						"size",
+						"opened",
+						"placeholder",
+						"loading",
+						"max-tag-count",
+						"tag-nowrap",
+						"onKeydown"
+					])]),
+					_: 3
+				}, 16, [
+					"popup-visible",
 					"disabled",
-					"error",
-					"multiple",
-					"allow-clear",
-					"allow-search",
-					"size",
-					"opened",
-					"placeholder",
-					"loading",
-					"max-tag-count",
-					"tag-nowrap",
-					"onKeydown"
+					"auto-fit-popup-width",
+					"popup-container",
+					"click-to-close"
 				])]),
 				_: 3
-			}, 16, [
-				"popup-visible",
-				"disabled",
-				"auto-fit-popup-width",
-				"popup-container",
-				"click-to-close",
-				"onPopupVisibleChange"
-			]);
+			}, 8, ["popup-visible", "content"]);
 		};
 	}
 }));

package/es/cascader/types.d.ts

@@ -10,6 +10,7 @@ export interface CascaderProps {
     defaultValue?: CascaderModelValue;
     options?: CascaderOption[];
     disabled?: boolean;
+    readonly?: boolean | string;
     error?: boolean;
     size?: Size;
     allowSearch?: boolean;

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

@@ -50,6 +50,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     hideTrigger: BooleanConstructor;
     triggerProps: {
         type: PropType<Partial<TriggerProps>>;
@@ -116,6 +120,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     hideTrigger: BooleanConstructor;
     triggerProps: {
         type: PropType<Partial<TriggerProps>>;
@@ -135,6 +143,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }) => any) | undefined;
     "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
 }>, {
+    readonly: string | boolean;
     size: "small" | "mini" | "medium" | "large";
     disabled: boolean;
     defaultValue: string;

package/es/color-picker/color-picker.js

@@ -1,11 +1,13 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import Input from "../input/index.js";
+import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Trigger from "../trigger/index.js";
+import Tooltip from "../tooltip/index.js";
+import Input from "../input/index.js";
 import { colors } from "./colors.js";
 import { formatColorState, getColorBackground, getColorObject, normalizeFormat, parseColorState } from "./utils.js";
 import panel_default from "./panel.js";
-import { computed, createVNode, defineComponent, mergeProps, ref } from "vue";
+import { computed, createVNode, defineComponent, mergeProps, ref, toRef } from "vue";
 //#region components/color-picker/color-picker.tsx
 var color_picker_default = /* @__PURE__ */ defineComponent({
 	name: "ColorPicker",
@@ -101,6 +103,14 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		/**
+		* @zh 是否为只读状态
+		* @en Whether it is read-only
+		*/
+		readonly: {
+			type: [Boolean, String],
+			default: false
+		},
+		/**
 		* @zh 是否内联面板
 		* @en Render panel inline
 		*/
@@ -193,24 +203,31 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 		const onPopupVisibleChange = (visible) => {
 			emit("popup-visible-change", visible, triggerInputValue.value);
 		};
+		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), toRef(props, "disabled"));
+		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
 		const mergedTriggerProps = computed(() => _objectSpread2({
 			trigger: "click",
 			position: "bl",
-			disabled: props.disabled,
+			disabled: props.disabled || !!props.readonly,
 			popupOffset: 4,
 			animationName: "slide-dynamic-origin"
 		}, props.triggerProps));
 		const renderTriggerInput = () => {
-			return createVNode("div", { "class": {
-				[prefixCls]: true,
-				[`${prefixCls}-size-${props.size}`]: props.size,
-				[`${prefixCls}-disabled`]: props.disabled,
-				[`${prefixCls}-borderless`]: props.borderless
-			} }, [createVNode(Input, mergeProps({
+			return createVNode("div", {
+				"class": {
+					[prefixCls]: true,
+					[`${prefixCls}-size-${props.size}`]: props.size,
+					[`${prefixCls}-disabled`]: props.disabled,
+					[`${prefixCls}-readonly`]: !!props.readonly,
+					[`${prefixCls}-borderless`]: props.borderless
+				},
+				"onClick": showReadonlyTip
+			}, [createVNode(Input, mergeProps({
 				"class": `${prefixCls}-trigger-input`,
 				"size": props.size === "mini" ? "mini" : props.size,
 				"allowClear": props.clearable,
 				"disabled": props.disabled,
+				"readonly": props.readonly,
 				"modelValue": triggerInputValue.value,
 				"onChange": handleTriggerInputChange,
 				"onClear": handleClear
@@ -238,10 +255,15 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 			}, null);
 		};
 		return () => {
-			return props.hideTrigger ? renderPanel() : createVNode(Trigger, mergeProps({ "onPopupVisibleChange": onPopupVisibleChange }, mergedTriggerProps.value), {
+			if (props.hideTrigger) return renderPanel();
+			return createVNode(Tooltip, {
+				"popupVisible": tipVisible.value,
+				"content": readonlyTipText.value,
+				"position": "top"
+			}, { default: () => [createVNode(Trigger, mergeProps({ "onPopupVisibleChange": onPopupVisibleChange }, mergedTriggerProps.value), {
 				default: () => [slots.default ? slots.default() : renderTriggerInput()],
 				content: renderPanel
-			});
+			})] });
 		};
 	}
 });

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

@@ -50,6 +50,10 @@ declare const ColorPicker: {
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
         hideTrigger: BooleanConstructor;
         triggerProps: {
             type: import("vue").PropType<Partial<import("..").TriggerProps>>;
@@ -83,6 +87,7 @@ declare const ColorPicker: {
         }) => true;
         'recent-colors-change': (_value: string[]) => true;
     }, import("vue").PublicProps, {
+        readonly: string | boolean;
         size: "small" | "mini" | "medium" | "large";
         disabled: boolean;
         defaultValue: string;
@@ -152,6 +157,10 @@ declare const ColorPicker: {
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
         hideTrigger: BooleanConstructor;
         triggerProps: {
             type: import("vue").PropType<Partial<import("..").TriggerProps>>;
@@ -171,6 +180,7 @@ declare const ColorPicker: {
         }) => any) | undefined;
         "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        readonly: string | boolean;
         size: "small" | "mini" | "medium" | "large";
         disabled: boolean;
         defaultValue: string;
@@ -237,6 +247,10 @@ declare const ColorPicker: {
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     hideTrigger: BooleanConstructor;
     triggerProps: {
         type: import("vue").PropType<Partial<import("..").TriggerProps>>;
@@ -270,6 +284,7 @@ declare const ColorPicker: {
     }) => true;
     'recent-colors-change': (_value: string[]) => true;
 }, string, {
+    readonly: string | boolean;
     size: "small" | "mini" | "medium" | "large";
     disabled: boolean;
     defaultValue: string;

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

@@ -1,14 +1,14 @@
-import { CSSProperties, InjectionKey, Ref, Slots } from 'vue';
+import type { CSSProperties, InjectionKey, Ref, Slots } from 'vue';
 export type { JsonFormProviderConfig } from '../json-form/types';
+import type { VirtualListProps } from '../_components/virtual-list/interface';
+import type { Size } from '../_utils/constant';
+import type { ButtonProps } from '../button';
+import type { ShortcutType, WeekStart } from '../date-picker/interface';
+import type { EllipsisTooltipProps } from '../ellipsis';
 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 { EllipsisTooltipProps } from '../ellipsis';
-import { SdLang } from '../locale/interface';
-import { PaginationSelectProps } from '../pagination/interface';
-import { SDThemeNormalized } from './theme';
+import type { SdLang } from '../locale/interface';
+import type { PaginationSelectProps } from '../pagination/interface';
+import type { SDThemeNormalized } from './theme';
 export interface ConfigProviderModal {
     mask?: boolean;
     maskClosable?: boolean;

package/es/copy/copy.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
-import Button from "../button/index.js";
 import Tooltip from "../tooltip/index.js";
+import Button from "../button/index.js";
 import IconCopy from "../icon/icon-copy/index.js";
 import Link from "../link/index.js";
 import Message from "../message/index.js";