@sdata/web-vue 1.11.1 → 1.12.0

package/es/index.scss

@@ -16,6 +16,7 @@
 @use '@components/time-picker/style/index.scss' as *;
 @use '@components/textarea/style/index.scss' as *;
 @use '@components/tag/style/index.scss' as *;
+@use '@components/tag-group/style/index.scss' as *;
 @use '@components/tabs/style/index.scss' as *;
 @use '@components/table/style/index.scss' as *;
 @use '@components/switch/style/index.scss' as *;
@@ -27,6 +28,7 @@
 @use '@components/slider/style/index.scss' as *;
 @use '@components/skeleton/style/index.scss' as *;
 @use '@components/select/style/index.scss' as *;
+@use '@components/secret/style/index.scss' as *;
 @use '@components/scrollbar/style/index.scss' as *;
 @use '@components/result/style/index.scss' as *;
 @use '@components/resize-box/style/index.scss' as *;
@@ -59,7 +61,9 @@
 @use '@components/divider/style/index.scss' as *;
 @use '@components/descriptions/style/index.scss' as *;
 @use '@components/date-picker/style/index.scss' as *;
+@use '@components/cropper/style/index.scss' as *;
 @use '@components/comment/style/index.scss' as *;
+@use '@components/copy/style/index.scss' as *;
 @use '@components/color-picker/style/index.scss' as *;
 @use '@components/collapse/style/index.scss' as *;
 @use '@components/checkbox/style/index.scss' as *;

package/es/input/input-password.vue_vue_type_script_lang.js

@@ -14,14 +14,27 @@ var input_password_vue_vue_type_script_lang_default = defineComponent({
 		AInput: input_default
 	},
 	props: {
+		/**
+		* @zh 是否可见，受控属性
+		* @en Whether is visible
+		* @vModel
+		*/
 		visibility: {
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* @zh 默认是否可见，非受控
+		* @en Default visibility
+		*/
 		defaultVisibility: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 是否显示可见按钮
+		* @en Whether to show visible buttons
+		*/
 		invisibleButton: {
 			type: Boolean,
 			default: true

package/es/input/input-search.js

@@ -10,23 +10,57 @@ import { Fragment, createVNode, defineComponent, mergeProps, ref, toRefs } from
 var input_search_default = /* @__PURE__ */ defineComponent({
 	name: "InputSearch",
 	props: {
+		/**
+		* @zh 是否为后置按钮模式
+		* @en Whether it is the rear button mode
+		*/
 		searchButton: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否为加载中状态
+		* @en Whether it is loading state
+		*/
 		loading: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否禁用
+		* @en Whether to disable
+		*/
 		disabled: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 输入框大小
+		* @en Input size
+		* @values 'mini','small','medium','large'
+		* @defaultValue 'medium'
+		*/
 		size: { type: String },
+		/**
+		* @zh 搜索按钮的文字，使用后会替换原本的图标
+		* @en The text of the search button will replace the original icon after use
+		* @version 2.16.0
+		*/
 		buttonText: { type: String },
+		/**
+		* @zh 搜索按钮的属性
+		* @en Button props
+		*/
 		buttonProps: { type: Object }
 	},
-	emits: { search: (_value, _ev) => true },
+	emits: { 
+	/**
+	* @zh 单击搜索按钮时触发
+	* @en Triggered when the search button is clicked
+	* @param {string} value
+	* @param {MouseEvent} ev
+	*/
+search: (_value, _ev) => true },
 	setup(props, { emit, slots }) {
 		const { size } = toRefs(props);
 		const prefixCls = getPrefixCls("input-search");

package/es/input/input.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isObject, isUndefined } from "../_utils/is.js";
 import icon_hover_default from "../_components/icon-hover.js";
@@ -18,56 +18,174 @@ var input_default = /* @__PURE__ */ defineComponent({
 	name: "Input",
 	inheritAttrs: false,
 	props: {
+		/**
+		* @zh 绑定值
+		* @en Value
+		*/
 		modelValue: String,
+		/**
+		* @zh 默认值（非受控状态）
+		* @en Default value (uncontrolled state)
+		*/
 		defaultValue: {
 			type: String,
 			default: ""
 		},
+		/**
+		* @zh 输入框大小
+		* @en Input size
+		* @values 'mini','small','medium','large'
+		* @defaultValue 'medium'
+		*/
 		size: { type: String },
+		/**
+		* @zh 是否允许清空输入框
+		* @en Whether to allow the input to be cleared
+		*/
 		allowClear: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否禁用
+		* @en Whether to disable
+		*/
 		disabled: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否为只读状态
+		* @en Whether it is read-only
+		*/
 		readonly: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否为错误状态
+		* @en Whether it is an error state
+		*/
 		error: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 提示文字
+		* @en Prompt text
+		*/
 		placeholder: String,
+		/**
+		* @zh 输入值的最大长度，errorOnly 属性在 2.12.0 版本添加
+		* @en Enter the maximum length of the value, the errorOnly attribute was added in version 2.12.0
+		*/
 		maxLength: {
 			type: [Number, Object],
 			default: 0
 		},
+		/**
+		* @zh 是否显示字数统计
+		* @en Whether to display word count
+		*/
 		showWordLimit: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 字符长度的计算方法
+		* @en Calculation method of word length
+		*/
 		wordLength: { type: Function },
+		/**
+		* @zh 字符截取方法，同 wordLength 一起使用
+		* @en Character interception method, used together with wordLength
+		* @version 2.12.0
+		*/
 		wordSlice: { type: Function },
+		/**
+		* @zh 内部 input 元素的属性
+		* @en Attributes of inner input elements
+		* @version 2.27.0
+		*/
 		inputAttrs: { type: Object },
 		type: {
 			type: String,
 			default: "text"
 		},
+		/**
+		* @zh 前置标签
+		* @en Prepend
+		* @version 2.57.0
+		*/
 		prepend: String,
+		/**
+		* @zh 后置标签
+		* @en Append
+		* @version 2.57.0
+		*/
 		append: String
 	},
 	emits: {
 		"update:modelValue": (_value) => true,
+		/**
+		* @zh 用户输入时触发
+		* @en Triggered when the user enters
+		* @param {string} value
+		* @param {Event} ev
+		*/
 		"input": (_value, _ev) => true,
+		/**
+		* @zh 仅在输入框失焦或按下回车时触发
+		* @en Only triggered when the input box is out of focus or when you press Enter
+		* @param {string} value
+		* @param {Event} ev
+		*/
 		"change": (_value, _ev) => true,
+		/**
+		* @zh 用户按下回车时触发
+		* @en Triggered when the user presses enter
+		* @param {KeyboardEvent} ev
+		*/
 		"pressEnter": (_ev) => true,
+		/**
+		* @zh 用户点击清除按钮时触发
+		* @en Triggered when the user clicks the clear button
+		* @param {MouseEvent} ev
+		*/
 		"clear": (_ev) => true,
+		/**
+		* @zh 输入框获取焦点时触发
+		* @en Triggered when the input box gets focus
+		* @param {FocusEvent} ev
+		*/
 		"focus": (_ev) => true,
+		/**
+		* @zh 输入框失去焦点时触发
+		* @en Triggered when the input box loses focus
+		* @param {FocusEvent} ev
+		*/
 		"blur": (_ev) => true
 	},
+	/**
+	* @zh 前缀元素
+	* @en Prefix
+	* @slot prefix
+	*/
+	/**
+	* @zh 后缀元素
+	* @en Suffix
+	* @slot suffix
+	*/
+	/**
+	* @zh 前置标签
+	* @en Prepend
+	* @slot prepend
+	*/
+	/**
+	* @zh 后置标签
+	* @en Append
+	* @slot append
+	*/
 	setup(props, { emit, slots, attrs }) {
 		const { size, disabled, error, modelValue, allowClear } = toRefs(props);
 		const prefixCls = getPrefixCls("input");
@@ -276,10 +394,20 @@ var input_default = /* @__PURE__ */ defineComponent({
 		};
 	},
 	methods: {
+		/**
+		* @zh 使输入框获取焦点
+		* @en Make the input box focus
+		* @public
+		*/
 		focus() {
 			var _this$inputRef;
 			(_this$inputRef = this.inputRef) === null || _this$inputRef === void 0 || _this$inputRef.focus();
 		},
+		/**
+		* @zh 使输入框失去焦点
+		* @en Make the input box lose focus
+		* @public
+		*/
 		blur() {
 			var _this$inputRef2;
 			(_this$inputRef2 = this.inputRef) === null || _this$inputRef2 === void 0 || _this$inputRef2.blur();

package/es/input-number/index.d.ts

@@ -1,15 +1,19 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
 import _InputNumber from './input-number';
-export type InputNumberValue = number | undefined;
-export type InputNumberFormatter = (value: string | number | undefined) => string;
+export type InputNumberValue = string | number | null | undefined;
+export type InputNumberFormatter = (value: string | number | null | undefined) => string;
 export type InputNumberParser = (value: string) => string | number;
 export type InputNumberChangeHandler = (value: InputNumberValue, event: Event) => void;
 export type InputNumberInputHandler = (value: InputNumberValue, inputValue: string, event: Event) => void;
 declare const InputNumber: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        modelValue: NumberConstructor;
-        defaultValue: NumberConstructor;
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        defaultValue: {
+            type: import("vue").PropType<string | number>;
+        };
         mode: {
             type: import("vue").PropType<"embed" | "button">;
             default: string;
@@ -66,12 +70,12 @@ declare const InputNumber: {
         };
     }>> & Readonly<{
         onFocus?: ((_ev: FocusEvent) => any) | undefined;
-        onChange?: ((_value: number | undefined, _ev: Event) => any) | undefined;
-        onInput?: ((_value: number | undefined, _inputValue: string, _ev: Event) => any) | undefined;
+        onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
+        onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onClear?: ((_ev: Event) => any) | undefined;
         onKeydown?: ((_ev: KeyboardEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: number | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((_value: string | number | null | undefined) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         render: () => import("vue/jsx-runtime").JSX.Element;
@@ -79,12 +83,12 @@ declare const InputNumber: {
         focus(): void;
         blur(): void;
     }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:modelValue': (_value: number | undefined) => true;
-        change: (_value: number | undefined, _ev: Event) => true;
+        'update:modelValue': (_value: string | number | null | undefined) => true;
+        change: (_value: string | number | null | undefined, _ev: Event) => true;
         focus: (_ev: FocusEvent) => true;
         blur: (_ev: FocusEvent) => true;
         clear: (_ev: Event) => true;
-        input: (_value: number | undefined, _inputValue: string, _ev: Event) => true;
+        input: (_value: string | number | null | undefined, _inputValue: string, _ev: Event) => true;
         keydown: (_ev: KeyboardEvent) => true;
     }, import("vue").PublicProps, {
         error: boolean;
@@ -105,8 +109,12 @@ declare const InputNumber: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        modelValue: NumberConstructor;
-        defaultValue: NumberConstructor;
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+        };
+        defaultValue: {
+            type: import("vue").PropType<string | number>;
+        };
         mode: {
             type: import("vue").PropType<"embed" | "button">;
             default: string;
@@ -163,12 +171,12 @@ declare const InputNumber: {
         };
     }>> & Readonly<{
         onFocus?: ((_ev: FocusEvent) => any) | undefined;
-        onChange?: ((_value: number | undefined, _ev: Event) => any) | undefined;
-        onInput?: ((_value: number | undefined, _inputValue: string, _ev: Event) => any) | undefined;
+        onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
+        onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onClear?: ((_ev: Event) => any) | undefined;
         onKeydown?: ((_ev: KeyboardEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: number | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((_value: string | number | null | undefined) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         render: () => import("vue/jsx-runtime").JSX.Element;
@@ -191,8 +199,12 @@ declare const InputNumber: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: NumberConstructor;
-    defaultValue: NumberConstructor;
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+    };
+    defaultValue: {
+        type: import("vue").PropType<string | number>;
+    };
     mode: {
         type: import("vue").PropType<"embed" | "button">;
         default: string;
@@ -249,12 +261,12 @@ declare const InputNumber: {
     };
 }>> & Readonly<{
     onFocus?: ((_ev: FocusEvent) => any) | undefined;
-    onChange?: ((_value: number | undefined, _ev: Event) => any) | undefined;
-    onInput?: ((_value: number | undefined, _inputValue: string, _ev: Event) => any) | undefined;
+    onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
+    onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
     onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onClear?: ((_ev: Event) => any) | undefined;
     onKeydown?: ((_ev: KeyboardEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((_value: number | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: string | number | null | undefined) => any) | undefined;
 }>, {
     inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     render: () => import("vue/jsx-runtime").JSX.Element;
@@ -262,12 +274,12 @@ declare const InputNumber: {
     focus(): void;
     blur(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_value: number | undefined) => true;
-    change: (_value: number | undefined, _ev: Event) => true;
+    'update:modelValue': (_value: string | number | null | undefined) => true;
+    change: (_value: string | number | null | undefined, _ev: Event) => true;
     focus: (_ev: FocusEvent) => true;
     blur: (_ev: FocusEvent) => true;
     clear: (_ev: Event) => true;
-    input: (_value: number | undefined, _inputValue: string, _ev: Event) => true;
+    input: (_value: string | number | null | undefined, _inputValue: string, _ev: Event) => true;
     keydown: (_ev: KeyboardEvent) => true;
 }, string, {
     error: boolean;

package/es/input-number/input-number.d.ts

@@ -1,8 +1,13 @@
 import { PropType } from 'vue';
 import { Size } from '../_utils/constant';
+type InputNumberValue = string | number | null | undefined;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: NumberConstructor;
-    defaultValue: NumberConstructor;
+    modelValue: {
+        type: PropType<string | number>;
+    };
+    defaultValue: {
+        type: PropType<string | number>;
+    };
     mode: {
         type: PropType<"embed" | "button">;
         default: string;
@@ -64,16 +69,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     focus(): void;
     blur(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_value: number | undefined) => true;
-    change: (_value: number | undefined, _ev: Event) => true;
+    'update:modelValue': (_value: InputNumberValue) => true;
+    change: (_value: InputNumberValue, _ev: Event) => true;
     focus: (_ev: FocusEvent) => true;
     blur: (_ev: FocusEvent) => true;
     clear: (_ev: Event) => true;
-    input: (_value: number | undefined, _inputValue: string, _ev: Event) => true;
+    input: (_value: InputNumberValue, _inputValue: string, _ev: Event) => true;
     keydown: (_ev: KeyboardEvent) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: NumberConstructor;
-    defaultValue: NumberConstructor;
+    modelValue: {
+        type: PropType<string | number>;
+    };
+    defaultValue: {
+        type: PropType<string | number>;
+    };
     mode: {
         type: PropType<"embed" | "button">;
         default: string;
@@ -130,12 +139,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{
     onFocus?: ((_ev: FocusEvent) => any) | undefined;
-    onChange?: ((_value: number | undefined, _ev: Event) => any) | undefined;
-    onInput?: ((_value: number | undefined, _inputValue: string, _ev: Event) => any) | undefined;
+    onChange?: ((_value: InputNumberValue, _ev: Event) => any) | undefined;
+    onInput?: ((_value: InputNumberValue, _inputValue: string, _ev: Event) => any) | undefined;
     onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onClear?: ((_ev: Event) => any) | undefined;
     onKeydown?: ((_ev: KeyboardEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((_value: number | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: InputNumberValue) => any) | undefined;
 }>, {
     error: boolean;
     disabled: boolean;