@sdata/web-vue 1.11.1 → 1.12.0

package/es/input-number/input-number.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 { isNumber, isUndefined } from "../_utils/is.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
@@ -20,66 +20,209 @@ NP.enableBoundaryChecking(false);
 var input_number_default = /* @__PURE__ */ defineComponent({
 	name: "InputNumber",
 	props: {
-		modelValue: Number,
-		defaultValue: Number,
+		/**
+		* @zh 绑定值
+		* @en Value
+		*/
+		modelValue: { type: [String, Number] },
+		/**
+		* @zh 默认值（非受控模式）
+		* @en Default value (uncontrolled mode)
+		*/
+		defaultValue: { type: [String, Number] },
+		/**
+		* @zh 模式（`embed`：按钮内嵌模式，`button`：左右按钮模式）
+		* @en Mode (`embed`: button embedded mode, `button`: left and right button mode)
+		* @values 'embed', 'button'
+		*/
 		mode: {
 			type: String,
 			default: "embed"
 		},
+		/**
+		* @zh 数字精度
+		* @en Precision
+		*/
 		precision: Number,
+		/**
+		* @zh 数字变化步长
+		* @en Number change step
+		*/
 		step: {
 			type: Number,
 			default: 1
 		},
+		/**
+		* @zh 是否禁用
+		* @en Whether to disable
+		*/
 		disabled: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否为错误状态
+		* @en Whether it is an error state
+		*/
 		error: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 最大值
+		* @en Max
+		*/
 		max: {
 			type: Number,
 			default: Infinity
 		},
+		/**
+		* @zh 最小值
+		* @en Min
+		*/
 		min: {
 			type: Number,
 			default: -Infinity
 		},
+		/**
+		* @zh 定义输入框展示值
+		* @en Define the display value of the input
+		*/
 		formatter: { type: Function },
+		/**
+		* @zh 从 `formatter` 转换为数字，和 `formatter` 搭配使用
+		* @en Convert from `formatter` to number, and use with `formatter`
+		*/
 		parser: { type: Function },
+		/**
+		* @zh 输入框提示文字
+		* @en Input prompt text
+		*/
 		placeholder: String,
+		/**
+		* @zh 是否隐藏按钮
+		* @en Whether to hide the button
+		*/
 		hideButton: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @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 触发 `v-model` 的事件
+		* @en Trigger event for `v-model`
+		*/
 		modelEvent: {
 			type: String,
 			default: "change"
 		},
+		/**
+		* @zh 只读
+		* @en Readonly
+		* @version 2.33.1
+		*/
 		readOnly: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 内部 input 元素的属性
+		* @en Attributes of inner input elements
+		* @version 2.52.0
+		*/
 		inputAttrs: { type: Object }
 	},
 	emits: {
 		"update:modelValue": (_value) => true,
+		/**
+		* @zh 值发生改变时触发
+		* @en Triggered when the value changes
+		* @param { number | undefined } value
+		* @param {Event} ev
+		*/
 		"change": (_value, _ev) => true,
+		/**
+		* @zh 输入框获取焦点时触发
+		* @en Triggered when the input 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 Triggered when the user clicks the clear button
+		* @param {Event} ev
+		* @version 2.23.0
+		*/
 		"clear": (_ev) => true,
+		/**
+		* @zh 输入时触发
+		* @en Triggered on input
+		* @param { number | undefined } value
+		* @param {string} inputValue
+		* @param {Event} ev
+		* @version 2.27.0
+		*/
 		"input": (_value, _inputValue, _ev) => true,
+		/**
+		* @zh 按下键盘时触发
+		* @en Triggered on keydown
+		* @param {MouseEvent} ev
+		* @version 2.56.0
+		*/
 		"keydown": (_ev) => true
 	},
+	/**
+	* @zh 前缀
+	* @en Prefix
+	* @slot prefix
+	*/
+	/**
+	* @zh 后缀
+	* @en Suffix
+	* @slot suffix
+	*/
+	/**
+	* @zh 前置标签
+	* @en Prepend
+	* @slot prepend
+	*/
+	/**
+	* @zh 后置标签
+	* @en Append
+	* @slot append
+	*/
+	/**
+	* @zh 数值增加图标
+	* @en Plus
+	* @slot plus
+	*/
+	/**
+	* @zh 数值减少图标
+	* @en Minus
+	* @slot minus
+	*/
 	setup(props, { emit, slots }) {
-		var _props$modelValue;
+		var _props$modelValue, _props$modelValue2;
 		const { size, disabled, allowClear } = toRefs(props);
 		const prefixCls = getPrefixCls("input-number");
 		const inputRef = ref();
@@ -89,25 +232,45 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 		});
 		const { mergedSize } = useSize(_mergedSize);
 		const { mergedAllowClear } = useAllowClear(allowClear);
+		const valueMode = ref(typeof ((_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : props.defaultValue) === "string" ? "string" : "number");
 		const mergedPrecision = computed(() => {
 			if (isNumber(props.precision)) {
 				const decimal = `${props.step}`.split(".")[1];
-				const stepPrecision = decimal && decimal.length || 0;
+				const stepPrecision = (decimal === null || decimal === void 0 ? void 0 : decimal.length) || 0;
 				return Math.max(stepPrecision, props.precision);
 			}
 		});
+		const getNumberValue = (value) => {
+			var _props$parser, _props$parser2;
+			if (isUndefined(value) || value === null || value === "") return;
+			if (typeof value === "number") return Number.isNaN(value) ? void 0 : value;
+			const normalizedValue = value.trim();
+			if (!normalizedValue || /^[-.]$/.test(normalizedValue)) return;
+			const parsed = Number((_props$parser = (_props$parser2 = props.parser) === null || _props$parser2 === void 0 ? void 0 : _props$parser2.call(props, normalizedValue)) !== null && _props$parser !== void 0 ? _props$parser : normalizedValue);
+			return Number.isNaN(parsed) ? void 0 : parsed;
+		};
 		const getStringValue = (number) => {
 			var _props$formatter, _props$formatter2;
 			if (!isNumber(number)) return "";
 			const numString = mergedPrecision.value ? number.toFixed(mergedPrecision.value) : String(number);
 			return (_props$formatter = (_props$formatter2 = props.formatter) === null || _props$formatter2 === void 0 ? void 0 : _props$formatter2.call(props, numString)) !== null && _props$formatter !== void 0 ? _props$formatter : numString;
 		};
-		const _value = ref(getStringValue((_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : props.defaultValue));
+		const getDisplayValue = (value) => {
+			if (typeof value === "string") {
+				const normalizedValue = value.trim();
+				if (!normalizedValue || /^[-.]$/.test(normalizedValue)) return value;
+				const parsed = getNumberValue(value);
+				return isNumber(parsed) ? getStringValue(parsed) : value;
+			}
+			return getStringValue(value !== null && value !== void 0 ? value : void 0);
+		};
+		const getModelValue = (value) => {
+			if (valueMode.value === "string") return isUndefined(value) ? "" : String(value);
+			return value;
+		};
+		const _value = ref(getDisplayValue((_props$modelValue2 = props.modelValue) !== null && _props$modelValue2 !== void 0 ? _props$modelValue2 : props.defaultValue));
 		const valueNumber = computed(() => {
-			var _props$parser, _props$parser2;
-			if (!_value.value) return;
-			const number = Number((_props$parser = (_props$parser2 = props.parser) === null || _props$parser2 === void 0 ? void 0 : _props$parser2.call(props, _value.value)) !== null && _props$parser !== void 0 ? _props$parser : _value.value);
-			return Number.isNaN(number) ? void 0 : number;
+			return getNumberValue(_value.value);
 		});
 		const isMin = ref(isNumber(valueNumber.value) && valueNumber.value <= props.min);
 		const isMax = ref(isNumber(valueNumber.value) && valueNumber.value >= props.max);
@@ -138,7 +301,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 			const finalValue = getLegalValue(valueNumber.value);
 			const stringValue = getStringValue(finalValue);
 			if (finalValue !== valueNumber.value || _value.value !== stringValue) _value.value = stringValue;
-			emit("update:modelValue", finalValue);
+			emit("update:modelValue", getModelValue(finalValue));
 		};
 		watch(() => [props.max, props.min], () => {
 			handleExceedRange();
@@ -151,8 +314,9 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 			else nextValue = props.min === -Infinity ? 0 : props.min;
 			_value.value = getStringValue(nextValue);
 			updateNumberStatus(nextValue);
-			emit("update:modelValue", nextValue);
-			emit("change", nextValue, event);
+			const emittedValue = getModelValue(nextValue);
+			emit("update:modelValue", emittedValue);
+			emit("change", emittedValue, event);
 		};
 		const handleStepButton = (event, method, needRepeat = false) => {
 			var _inputRef$value;
@@ -166,14 +330,15 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 			var _props$parser3, _props$parser4;
 			value = value.trim().replace(/。/g, ".");
 			value = (_props$parser3 = (_props$parser4 = props.parser) === null || _props$parser4 === void 0 ? void 0 : _props$parser4.call(props, value)) !== null && _props$parser3 !== void 0 ? _props$parser3 : value;
-			if (isNumber(Number(value)) || /^(\.|-)$/.test(value)) {
+			if (isNumber(Number(value)) || /^[-.]$/.test(value)) {
 				var _props$formatter3, _props$formatter4;
 				_value.value = (_props$formatter3 = (_props$formatter4 = props.formatter) === null || _props$formatter4 === void 0 ? void 0 : _props$formatter4.call(props, value)) !== null && _props$formatter3 !== void 0 ? _props$formatter3 : value;
 				updateNumberStatus(valueNumber.value);
-				emit("input", valueNumber.value, _value.value, ev);
+				const emittedValue = getModelValue(valueNumber.value);
+				emit("input", emittedValue, _value.value, ev);
 				if (props.modelEvent === "input") {
-					emit("update:modelValue", valueNumber.value);
-					emit("change", valueNumber.value, ev);
+					emit("update:modelValue", emittedValue);
+					emit("change", emittedValue, ev);
 				}
 			}
 		};
@@ -183,7 +348,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 		const handleChange = (value, ev) => {
 			if (ev instanceof MouseEvent && !value) return;
 			handleExceedRange();
-			emit("change", valueNumber.value, ev);
+			emit("change", getModelValue(valueNumber.value), ev);
 		};
 		const handleBlur = (ev) => {
 			emit("blur", ev);
@@ -191,8 +356,9 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 		const handleClear = (ev) => {
 			var _eventHandlers$value, _eventHandlers$value$;
 			_value.value = "";
-			emit("update:modelValue", void 0);
-			emit("change", void 0, ev);
+			const emittedValue = getModelValue(void 0);
+			emit("update:modelValue", emittedValue);
+			emit("change", emittedValue, ev);
 			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value, ev);
 			emit("clear", ev);
 		};
@@ -208,9 +374,15 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 			if (!event.defaultPrevented) keyDownHandler(event);
 		};
 		watch(() => props.modelValue, (value) => {
-			if (value !== valueNumber.value) {
-				_value.value = getStringValue(value);
-				updateNumberStatus(value);
+			if (typeof value === "string") valueMode.value = "string";
+			else if (typeof value === "number") valueMode.value = "number";
+			const nextNumberValue = getNumberValue(value);
+			if (value !== _value.value && nextNumberValue !== valueNumber.value) {
+				_value.value = getDisplayValue(value);
+				updateNumberStatus(nextNumberValue);
+			} else if (value === "" && _value.value !== "") {
+				_value.value = "";
+				updateNumberStatus(void 0);
 			}
 		});
 		const renderSuffix = () => {
@@ -306,10 +478,20 @@ var input_number_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-tag/input-tag.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 { isNull, isObject, isUndefined } from "../_utils/is.js";
 import resize_observer_default from "../_components/resize-observer.js";
@@ -30,48 +30,119 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 	name: "InputTag",
 	inheritAttrs: false,
 	props: {
+		/**
+		* @zh 绑定值
+		* @en Value
+		* @vModel
+		*/
 		modelValue: { type: Array },
+		/**
+		* @zh 默认值（非受控状态）
+		* @en Default value (uncontrolled state)
+		*/
 		defaultValue: {
 			type: Array,
 			default: () => []
 		},
+		/**
+		* @zh 输入框的值
+		* @en The value of the input
+		* @vModel
+		*/
 		inputValue: String,
+		/**
+		* @zh 输入框的默认值（非受控状态）
+		* @en The default value of the input (uncontrolled state)
+		*/
 		defaultInputValue: {
 			type: String,
 			default: ""
 		},
+		/**
+		* @zh 占位符
+		* @en Placeholder
+		*/
 		placeholder: String,
+		/**
+		* @zh 是否禁用
+		* @en Whether to disable
+		*/
 		disabled: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否为错误状态
+		* @en Whether it is an error state
+		*/
 		error: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否为只读模式
+		* @en Whether it is read-only mode
+		*/
 		readonly: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否允许清空
+		* @en Whether to allow clear
+		*/
 		allowClear: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 输入框的大小
+		* @en The size of the input
+		* @values 'mini','small','medium','large'
+		* @defaultValue 'medium'
+		*/
 		size: { type: String },
+		/**
+		* @zh 最多展示的标签个数，`0` 表示不限制
+		* @en The maximum number of tags displayed, `0` means unlimited
+		*/
 		maxTagCount: {
 			type: [Number, String],
 			default: 0
 		},
+		/**
+		* @zh 是否保留输入框的内容
+		* @en Whether to keep the content of the input box
+		*/
 		retainInputValue: {
 			type: [Boolean, Object],
 			default: false
 		},
+		/**
+		* @zh 格式化标签内容
+		* @en Format tag content
+		*/
 		formatTag: { type: Function },
+		/**
+		* @zh 是否仅创建唯一的值
+		* @en Whether to create only unique values
+		* @version 2.15.0
+		*/
 		uniqueValue: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 自定义 `TagData` 中的字段
+		* @en Customize fields in `TagData`
+		* @version 2.22.0
+		*/
 		fieldNames: { type: Object },
+		/**
+		* @zh 标签内容不换行
+		* @en Tag content does not wrap
+		* @version 2.56.1
+		*/
 		tagNowrap: {
 			type: Boolean,
 			default: false
@@ -84,14 +155,69 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 	emits: {
 		"update:modelValue": (_value) => true,
 		"update:inputValue": (_inputValue) => true,
+		/**
+		* @zh 值发生改变时触发
+		* @en Triggered when the value changes
+		* @param {(string | number | TagData)[]} value
+		* @param {Event} ev
+		*/
 		"change": (_value, _ev) => true,
+		/**
+		* @zh 输入值发生改变时触发
+		* @en Trigger when the input value changes
+		* @param {string} inputValue
+		* @param {Event} ev
+		*/
 		"inputValueChange": (_inputValue, _ev) => true,
+		/**
+		* @zh 按下回车键时触发
+		* @en Triggered when the enter key is pressed
+		* @param {string} inputValue
+		* @param {KeyboardEvent} ev
+		*/
 		"pressEnter": (_inputValue, _ev) => true,
+		/**
+		* @zh 点击标签的删除按钮时触发
+		* @en Triggered when the delete button of the label is clicked
+		* @param {string | number} removed
+		* @param {Event} ev
+		*/
 		"remove": (_removed, _ev) => true,
+		/**
+		* @zh 点击清除按钮时触发
+		* @en Triggered when the clear button is clicked
+		* @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 Suffix
+	* @slot suffix
+	*/
+	/**
+	* @zh 前缀元素
+	* @en Prefix
+	* @slot prefix
+	*/
+	/**
+	* @zh 输入框标签的显示内容
+	* @en Display content of tag
+	* @slot tag
+	* @binding {TagData} data
+	*/
 	setup(props, { emit, slots, attrs }) {
 		const { size, disabled, error, uninjectFormItemContext, modelValue, allowClear } = toRefs(props);
 		const prefixCls = props.baseCls || getPrefixCls("input-tag");
@@ -471,10 +597,20 @@ var input_tag_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-tag/style/index.css

@@ -30,12 +30,10 @@
   font-weight: 500;
   font-size: 12px;
   line-height: 22px;
+  white-space: nowrap;
   vertical-align: middle;
   border: 1px solid transparent;
   border-radius: var(--border-radius-small);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
 }
 .sd-tag .sd-icon-hover.sd-tag-icon-hover::before {
   width: 16px;
@@ -90,9 +88,18 @@
   color: var(--color-text-2);
 }
 .sd-tag-text {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+  min-width: 0;
+  max-width: 100%;
+}
+.sd-tag-ellipsis-line-clamp {
+  height: auto;
+}
+.sd-tag-no-ellipsis {
+  min-width: fit-content;
+}
+.sd-tag-no-ellipsis .sd-tag-text {
+  min-width: fit-content;
+  max-width: none;
 }
 .sd-tag .sd-tag.sd-tag-checked.sd-tag-red {
   color: rgb(var(--red-6));

package/es/input-tag/utils.js

@@ -1,4 +1,4 @@
-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 { isNumber, isObject } from "../_utils/is.js";
 //#region components/input-tag/utils.ts
 var getValueData = (value, fieldNames) => {

package/es/layout/content.js

@@ -4,6 +4,11 @@ import { createElementBlock, defineComponent, normalizeClass, openBlock, renderS
 //#region components/layout/content.vue
 var _sfc_main = defineComponent({
 	name: "LayoutContent",
+	/**
+	* @zh 内容
+	* @en Content
+	* @slot default
+	*/
 	setup() {
 		return { classNames: [getPrefixCls("layout-content")] };
 	}

package/es/layout/footer.js

@@ -4,6 +4,11 @@ import { createElementBlock, defineComponent, normalizeClass, openBlock, renderS
 //#region components/layout/footer.vue
 var _sfc_main = defineComponent({
 	name: "LayoutFooter",
+	/**
+	* @zh 内容
+	* @en Content
+	* @slot default
+	*/
 	setup() {
 		return { classNames: [getPrefixCls("layout-footer")] };
 	}

package/es/layout/header.js

@@ -4,6 +4,11 @@ import { createElementBlock, defineComponent, normalizeClass, openBlock, renderS
 //#region components/layout/header.vue
 var _sfc_main = defineComponent({
 	name: "LayoutHeader",
+	/**
+	* @zh 内容
+	* @en Content
+	* @slot default
+	*/
 	setup() {
 		return { classNames: [getPrefixCls("layout-header")] };
 	}

package/es/layout/layout.vue_vue_type_script_lang.js

@@ -4,7 +4,12 @@ import { computed, defineComponent, provide, ref } from "vue";
 //#region components/layout/layout.vue?vue&type=script&lang.tsx
 var layout_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 	name: "Layout",
-	props: { hasSider: { type: Boolean } },
+	props: { 
+	/**
+	* @zh 表示子元素里有 Sider，一般不用指定。可用于服务端渲染时避免样式闪动
+	* @en Indicates that there is a Sider in the sub-element, which generally does not need to be specified. Used to avoid style flicker when rendering on the server side.
+	*/
+hasSider: { type: Boolean } },
 	setup(props) {
 		const siderIds = ref([]);
 		const prefixCls = getPrefixCls("layout");