@sdata/web-vue 1.11.1 → 1.13.0

package/es/split/split.vue_vue_type_script_lang.js

@@ -1,7 +1,7 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isString } from "../_utils/is.js";
 import { off, on } from "../_utils/dom.js";
-import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/asyncToGenerator.js";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/asyncToGenerator.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import resize_trigger_default from "../_components/resize-trigger.js";
 import { computed, defineComponent, nextTick, onMounted, reactive, ref, toRefs } from "vue";
@@ -30,35 +30,96 @@ var split_vue_vue_type_script_lang_default = defineComponent({
 	name: "Split",
 	components: { ResizeTrigger: resize_trigger_default },
 	props: {
+		/**
+		* @zh 分割框的 html 标签
+		* @en The html tag of the split box
+		*/
 		component: {
 			type: String,
 			default: "div"
 		},
+		/**
+		* @zh 分割的方向
+		* @en Direction of division
+		*/
 		direction: {
 			type: String,
 			default: "horizontal"
 		},
+		/**
+		* @zh 分割的大小，可以是 0~1 代表百分比，或具体数值的像素，如 300px
+		* @en The size of the segmentation, it can be 0~1 representing a percentage, or a specific number of pixels, such as 300px
+		* @vModel
+		*/
 		size: {
 			type: [Number, String],
 			default: void 0
 		},
+		/**
+		* @zh 默认分割的大小，可以是 0~1 代表百分比，或具体数值的像素，如 300px
+		* @en Default split size, it can be 0~1 representing a percentage, or a specific number of pixels, such as 300px
+		*/
 		defaultSize: {
 			type: [Number, String],
 			default: .5
 		},
+		/**
+		* @zh 最小阈值，可以是 0~1 代表百分比，或具体数值的像素，如 300px
+		* @en Minimum threshold, it can be 0~1 representing a percentage, or a specific number of pixels, such as 300px
+		*/
 		min: { type: [Number, String] },
+		/**
+		* @zh 最大阈值，可以是 0~1 代表百分比，或具体数值的像素，如 300px
+		* @en Maximum threshold, it can be 0~1 representing a percentage, or a specific number of pixels, such as 300px
+		* */
 		max: { type: [Number, String] },
+		/**
+		* @zh 是否禁用
+		* @en Whether to disable
+		*/
 		disabled: {
 			type: Boolean,
 			default: false
 		}
 	},
 	emits: {
+		/**
+		* @zh 开始拖拽之前触发
+		* @en Triggered before dragging
+		* */
 		"moveStart": (_ev) => true,
+		/**
+		* @zh 拖拽时触发
+		* @en Triggered when dragging
+		*/
 		"moving": (_ev) => true,
+		/**
+		* @zh 拖拽结束之后触发
+		* @en Triggered after dragging ends
+		*/
 		"moveEnd": (_ev) => true,
 		"update:size": (_size) => true
 	},
+	/**
+	* @zh 第一个面板的内容
+	* @en The contents of the first panel
+	* @slot first
+	*/
+	/**
+	* @zh 第二个面板的内容
+	* @en The contents of the second panel
+	* @slot second
+	*/
+	/**
+	* @zh 伸缩杆的内容
+	* @en The contents of the resize pole
+	* @slot resize-trigger
+	*/
+	/**
+	* @zh 伸缩杆的图标
+	* @en Resize pole icon
+	* @slot resize-trigger-icon
+	*/
 	setup(props, { emit }) {
 		const { direction, size: propSize, defaultSize, min, max } = toRefs(props);
 		const triggerSize = ref(0);

package/es/statistic/countdown.vue_vue_type_script_lang.js

@@ -6,26 +6,61 @@ import originDayjs from "dayjs";
 var countdown_vue_vue_type_script_lang_default = defineComponent({
 	name: "Countdown",
 	props: {
+		/**
+		* @zh 倒计时的标题
+		* @en Countdown title
+		*/
 		title: String,
+		/**
+		* @zh 倒计时的值
+		* @en Countdown value
+		*/
 		value: {
 			type: Number,
 			default: () => Date.now() + 3e5
 		},
+		/**
+		* @zh 用于修正初始化时间显示不正确
+		* @en Used to correct the incorrect display of the initialization time
+		*/
 		now: {
 			type: Number,
 			default: () => Date.now()
 		},
+		/**
+		* @zh 倒计时的展示格式 [dayjs](https://day.js.org/docs/en/display/format)
+		* @en Countdown display format [dayjs](https://day.js.org/docs/en/display/format)
+		*/
 		format: {
 			type: String,
 			default: "HH:mm:ss"
 		},
+		/**
+		* @zh 是否开始倒计时
+		* @en Whether to start the countdown
+		*/
 		start: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 自定义显示值的样式
+		* @en Custom value style
+		* @version 2.32.0
+		*/
 		valueStyle: { type: Object }
 	},
-	emits: { finish: () => true },
+	emits: { 
+	/**
+	* @zh 倒计时完成后触发的回调
+	* @en Callback at the end of the countdown
+	*/
+finish: () => true },
+	/**
+	* @zh 标题
+	* @en Title
+	* @slot title
+	*/
 	setup(props, { emit }) {
 		const prefixCls = getPrefixCls("statistic");
 		const { start, value, now, format } = toRefs(props);

package/es/statistic/statistic.vue_vue_type_script_lang.js

@@ -8,41 +8,115 @@ import NP from "number-precision";
 var statistic_vue_vue_type_script_lang_default = defineComponent({
 	name: "Statistic",
 	props: {
+		/**
+		* @zh 数值显示的标题
+		* @en Title of the numerical display
+		*/
 		title: String,
+		/**
+		* @zh 数值显示的值
+		* @en Numerical display value
+		*/
 		value: { type: [Number, Object] },
+		/**
+		* @zh 数值显示的格式 [dayjs](https://day.js.org/docs/en/display/format)（日期模式使用）
+		* @en Format of numerical display [dayjs](https://day.js.org/docs/en/display/format) (used in date mode)
+		*/
 		format: {
 			type: String,
 			default: "HH:mm:ss"
 		},
+		/**
+		* @zh 额外的显示内容
+		* @en Additional display content
+		*/
 		extra: String,
+		/**
+		* @zh 是否开始动画
+		* @en Whether to start animation
+		*/
 		start: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 小数保留位数（数字模式使用）
+		* @en Decimal reserved digits (used in digital mode)
+		*/
 		precision: {
 			type: Number,
 			default: 0
 		},
+		/**
+		* @zh 进位分隔符（数字模式使用）
+		* @en Carry separator (used in number mode)
+		*/
 		separator: String,
+		/**
+		* @zh 是否展示进位分隔符（数字模式使用）
+		* @en Whether to display the carry separator (used in number mode)
+		*/
 		showGroupSeparator: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否开启动画
+		* @en Whether to turn on animation
+		*/
 		animation: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 动画的过度时间
+		* @en Animation's duration time
+		*/
 		animationDuration: {
 			type: Number,
 			default: 2e3
 		},
+		/**
+		* @zh 动画的起始值
+		* @en The starting value of the animation
+		*/
 		valueFrom: {
 			type: Number,
 			default: void 0
 		},
+		/**
+		* @zh 提示文字（当 value 为 undefined 时显示）
+		* @en Prompt text (displayed when value is undefined )
+		* @version 2.28.0
+		*/
 		placeholder: { type: String },
+		/**
+		* @zh 自定义显示值的样式
+		* @en Custom value style
+		* @version 2.32.0
+		*/
 		valueStyle: { type: Object }
 	},
+	/**
+	* @zh 标题
+	* @en Title
+	* @slot title
+	*/
+	/**
+	* @zh 额外内容
+	* @en Extra content
+	* @slot extra
+	*/
+	/**
+	* @zh 前缀
+	* @en Prefix
+	* @slot prefix
+	*/
+	/**
+	* @zh 后缀
+	* @en Suffix
+	* @slot suffix
+	*/
 	setup(props) {
 		var _props$valueFrom;
 		const prefixCls = getPrefixCls("statistic");

package/es/steps/index.d.ts

@@ -53,8 +53,8 @@ declare const Steps: {
         'update:current': (_step: number) => true;
         change: (_step: number, _ev: Event) => true;
     }, import("vue").PublicProps, {
-        small: boolean;
         type: "default" | "dot" | "arrow" | "navigation";
+        small: boolean;
         status: "error" | "wait" | "finish" | "process";
         direction: "horizontal" | "vertical";
         lineLess: boolean;
@@ -114,8 +114,8 @@ declare const Steps: {
             [x: string]: boolean;
         })[]>;
     }, {}, {}, {}, {
-        small: boolean;
         type: "default" | "dot" | "arrow" | "navigation";
+        small: boolean;
         status: "error" | "wait" | "finish" | "process";
         direction: "horizontal" | "vertical";
         lineLess: boolean;
@@ -175,8 +175,8 @@ declare const Steps: {
     'update:current': (_step: number) => true;
     change: (_step: number, _ev: Event) => true;
 }, string, {
-    small: boolean;
     type: "default" | "dot" | "arrow" | "navigation";
+    small: boolean;
     status: "error" | "wait" | "finish" | "process";
     direction: "horizontal" | "vertical";
     lineLess: boolean;

package/es/steps/step.vue_vue_type_script_lang.js

@@ -12,14 +12,50 @@ var step_vue_vue_type_script_lang_default = defineComponent({
 		IconClose
 	},
 	props: {
+		/**
+		* @zh 步骤的标题
+		* @en Title of the step
+		*/
 		title: String,
+		/**
+		* @zh 步骤的描述信息
+		* @en Description of the step
+		*/
 		description: String,
+		/**
+		* @zh 步骤的状态
+		* @en Status of the step
+		* @values 'wait', 'process', 'finish', 'error'
+		*/
 		status: { type: String },
+		/**
+		* @zh 是否禁用
+		* @en Whether to disable
+		*/
 		disabled: {
 			type: Boolean,
 			default: false
 		}
 	},
+	/**
+	* @zh 节点
+	* @en Node
+	* @slot node
+	* @binding {number} step
+	* @binding {string} status
+	*/
+	/**
+	* @zh 图标
+	* @en Icon
+	* @slot icon
+	* @binding {number} step
+	* @binding {string} status
+	*/
+	/**
+	* @zh 描述内容
+	* @en Description
+	* @slot description
+	*/
 	setup(props) {
 		const prefixCls = getPrefixCls("steps-item");
 		const instance = getCurrentInstance();

package/es/steps/steps.vue.d.ts

@@ -88,8 +88,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onChange?: ((_step: number, _ev: Event) => any) | undefined;
     "onUpdate:current"?: ((_step: number) => any) | undefined;
 }>, {
-    small: boolean;
     type: "default" | "dot" | "arrow" | "navigation";
+    small: boolean;
     status: "error" | "wait" | "finish" | "process";
     direction: "horizontal" | "vertical";
     lineLess: boolean;

package/es/steps/steps.vue_vue_type_script_lang.js

@@ -5,38 +5,79 @@ import { computed, defineComponent, provide, reactive, ref, toRefs } from "vue";
 var steps_vue_vue_type_script_lang_default = defineComponent({
 	name: "Steps",
 	props: {
+		/**
+		* @zh 步骤条的类型
+		* @en The type of the steps
+		* @values 'default', 'arrow', 'dot', 'navigation'
+		*/
 		type: {
 			type: String,
 			default: "default"
 		},
+		/**
+		* @zh 步骤条的显示方向
+		* @en The direction of the steps
+		* @values 'horizontal', 'vertical'
+		*/
 		direction: {
 			type: String,
 			default: "horizontal"
 		},
+		/**
+		* @zh 标签描述文字放置的位置
+		* @en The location where the label description is placed.
+		* @values 'horizontal', 'vertical'
+		*/
 		labelPlacement: {
 			type: String,
 			default: "horizontal"
 		},
+		/**
+		* @zh 当前步骤数
+		* @en Number of current step
+		* @vModel
+		*/
 		current: {
 			type: Number,
 			default: void 0
 		},
+		/**
+		* @zh 默认的步骤数（非受控状态）
+		* @en The default number of step (uncontrolled state)
+		*/
 		defaultCurrent: {
 			type: Number,
 			default: 1
 		},
+		/**
+		* @zh 当前步骤的状态
+		* @en The status of the current step
+		* @values 'wait', 'process', 'finish', 'error'
+		*/
 		status: {
 			type: String,
 			default: "process"
 		},
+		/**
+		* @zh 是否使用无连接线样式
+		* @en Whether to use the connectionless style
+		*/
 		lineLess: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否使用小型步骤条
+		* @en Whether to use a small step bar
+		*/
 		small: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否可以点击切换
+		* @en Whether you can click to switch
+		*/
 		changeable: {
 			type: Boolean,
 			default: false
@@ -44,6 +85,12 @@ var steps_vue_vue_type_script_lang_default = defineComponent({
 	},
 	emits: {
 		"update:current": (_step) => true,
+		/**
+		* @zh 步骤数发生改变时触发
+		* @en Triggered when the number of steps changes
+		* @param {number} step
+		* @param {Event} ev
+		*/
 		"change": (_step, _ev) => true
 	},
 	setup(props, { emit, slots }) {

package/es/switch/switch.vue_vue_type_script_lang.js

@@ -1,7 +1,7 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isUndefined } from "../_utils/is.js";
-import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/asyncToGenerator.js";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/asyncToGenerator.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import { useSize } from "../_hooks/use-size.js";
 import { computed, defineComponent, ref, toRefs, watch } from "vue";
@@ -10,6 +10,10 @@ var switch_vue_vue_type_script_lang_default = defineComponent({
 	name: "Switch",
 	components: { IconLoading },
 	props: {
+		/**
+		* @zh 绑定值
+		* @en Value
+		*/
 		modelValue: {
 			type: [
 				String,
@@ -18,23 +22,50 @@ var switch_vue_vue_type_script_lang_default = defineComponent({
 			],
 			default: void 0
 		},
+		/**
+		* @zh 默认选中状态（非受控状态）
+		* @en Default selected state (uncontrolled state)
+		*/
 		defaultChecked: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否禁用
+		* @en Whether to disable
+		*/
 		disabled: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否为加载中状态
+		* @en Whether it is loading state
+		*/
 		loading: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 开关的类型
+		* @en Type of switch
+		* @values 'circle', 'round', 'line'
+		*/
 		type: {
 			type: String,
 			default: "circle"
 		},
+		/**
+		* @zh 开关的大小
+		* @en Size of switch
+		* @defaultValue 'medium'
+		*/
 		size: { type: String },
+		/**
+		* @zh 选中时的值
+		* @en Value when checked
+		* @version 2.12.0
+		*/
 		checkedValue: {
 			type: [
 				String,
@@ -43,6 +74,11 @@ var switch_vue_vue_type_script_lang_default = defineComponent({
 			],
 			default: true
 		},
+		/**
+		* @zh 未选中时的值
+		* @en Value when unchecked
+		* @version 2.12.0
+		*/
 		uncheckedValue: {
 			type: [
 				String,
@@ -51,18 +87,79 @@ var switch_vue_vue_type_script_lang_default = defineComponent({
 			],
 			default: false
 		},
+		/**
+		* @zh 选中时的开关颜色
+		* @en The color of the switch when checked
+		* @version 2.12.0
+		*/
 		checkedColor: { type: String },
+		/**
+		* @zh 未选中时的开关颜色
+		* @en The color of the switch when unchecked
+		* @version 2.12.0
+		*/
 		uncheckedColor: { type: String },
+		/**
+		* @zh switch 状态改变前的钩子， 返回 false 或者返回 Promise 且被 reject 则停止切换。
+		* @en before-change hook before the switch state changes. If false is returned or a Promise is returned and then is rejected, will stop switching
+		* @version 2.37.0
+		*/
 		beforeChange: { type: Function },
+		/**
+		* @zh 打开状态时的文案（`type='line'`和`size='small'`时不生效）
+		* @en Copywriting when opened (not effective when `type='line'` and `size='small'`)
+		* @version 2.45.0
+		*/
 		checkedText: { type: String },
+		/**
+		* @zh 关闭状态时的文案（`type='line'`和`size='small'`时不生效）
+		* @en Copywriting when closed (not effective when `type='line'` and `size='small'`)
+		* @version 2.45.0
+		*/
 		uncheckedText: { type: String }
 	},
 	emits: {
 		"update:modelValue": (_value) => true,
+		/**
+		* @zh 值改变时触发
+		* @en Trigger when the value changes
+		* @param { boolean | string | number } value
+		* @param {Event} ev
+		*/
 		"change": (_value, _ev) => true,
+		/**
+		* @zh 组件获得焦点时触发
+		* @en Triggered when the component gets focus
+		* @property {FocusEvent} ev
+		*/
 		"focus": (_ev) => true,
+		/**
+		* @zh 组件失去焦点时触发
+		* @en Fired when the component loses focus
+		* @property {FocusEvent} ev
+		*/
 		"blur": (_ev) => true
 	},
+	/**
+	* @zh 打开状态时的文案（`type='line'`和`size='small'`时不生效）
+	* @en Copywriting when opened (not effective when `type='line'` and `size='small'`)
+	* @slot checked
+	*/
+	/**
+	* @zh 关闭状态时的文案（`type='line'`和`size='small'`时不生效）
+	* @en Copywriting when closed (not effective when `type='line'` and `size='small'`)
+	* @slot unchecked
+	*/
+	/**
+	* @zh 打开状态时，按钮上的图标
+	* @en The icon on the button when opened
+	* @slot checked-icon
+	*/
+	/**
+	* @zh 关闭状态时，按钮上的图标
+	* @en The icon on the button when closed
+	* @slot unchecked-icon
+	*/
 	setup(props, { emit }) {
 		const { disabled, size, modelValue } = toRefs(props);
 		const prefixCls = getPrefixCls("switch");