@sdata/web-vue 1.11.1 → 1.13.0

package/es/select/select.js

@@ -1,9 +1,10 @@
 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 { isArray, isBoolean, isEmptyObject, isFunction, isNull, isNumber, isObject, isString, isUndefined } from "../_utils/is.js";
 import virtual_list_default from "../_components/virtual-list/index.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 { getKeyFromValue, hasEmptyStringKey, isGroupOptionInfo, isValidOption } from "./utils.js";
 import { useSelect } from "./hooks/use-select.js";
@@ -13,6 +14,7 @@ import Trigger from "../trigger/index.js";
 import { useTrigger } from "../_hooks/use-trigger.js";
 import optgroup_default from "./optgroup.js";
 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 { computed, createVNode, defineComponent, isVNode, mergeProps, nextTick, ref, toRefs, watch, watchEffect } from "vue";
 //#region components/select/select.tsx
@@ -203,7 +205,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 		"exceedLimit": (_value, _ev) => true
 	},
 	setup(props, { slots, emit, attrs, expose }) {
-		const { size, disabled, error, options, filterOption, valueKey, multiple, value: valueProp, popupVisible, show, defaultPopupVisible, defaultShow, showExtraOptions, modelValue, fieldNames, loading, defaultActiveFirstOption, allowClear } = toRefs(props);
+		const { size, disabled, error, options, filterOption, valueKey, multiple, value: valueProp, popupVisible, show, defaultPopupVisible, defaultShow, showExtraOptions, modelValue, fieldNames, loading, defaultActiveFirstOption, allowClear, allowSearch } = toRefs(props);
 		const prefixCls = getPrefixCls("select");
 		const selectViewRef = ref(null);
 		const { mergedSize, mergedDisabled, mergedError, eventHandlers } = useFormItem({
@@ -212,13 +214,15 @@ var select_default = /* @__PURE__ */ defineComponent({
 			error
 		});
 		const { mergedAllowClear } = useAllowClear(allowClear);
-		const component = computed(() => props.virtualListProps ? "div" : "li");
-		const retainInputValue = computed(() => isObject(props.allowSearch) && Boolean(props.allowSearch.retainInputValue));
+		const { mergedAllowSearch } = useAllowSearch(allowSearch);
+		const { mergedDropdownVirtualListProps } = useDropdownVirtualListProps(computed(() => props.virtualListProps));
+		const component = computed(() => mergedDropdownVirtualListProps.value ? "div" : "li");
+		const retainInputValue = computed(() => isObject(mergedAllowSearch.value) && Boolean(mergedAllowSearch.value.retainInputValue));
 		const dropdownRef = ref();
 		const optionRefs = ref({});
 		const virtualListRef = ref();
 		const resolvedVirtualListProps = computed(() => {
-			return resolveDropdownVirtualListProps(props.virtualListProps, props.triggerProps, DEFAULT_SELECT_VIRTUAL_ITEM_SIZE);
+			return resolveDropdownVirtualListProps(mergedDropdownVirtualListProps.value, props.triggerProps, DEFAULT_SELECT_VIRTUAL_ITEM_SIZE);
 		});
 		const { computedPopupVisible, handlePopupVisibleChange } = useTrigger({
 			popupVisible,
@@ -374,7 +378,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 			if (inputValue === computedInputValue.value) return;
 			if (!computedPopupVisible.value) handlePopupVisibleChange(true);
 			updateInputValue(inputValue);
-			if (props.allowSearch) handleSearch(inputValue);
+			if (mergedAllowSearch.value) handleSearch(inputValue);
 		};
 		const handleRemove = (key) => {
 			const optionInfo = optionInfoMap.get(key);
@@ -467,7 +471,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 			"ref": dropdownRef,
 			"loading": props.loading,
 			"empty": validOptionInfos.value.length === 0,
-			"virtualList": Boolean(props.virtualListProps),
+			"virtualList": Boolean(resolvedVirtualListProps.value),
 			"scrollbar": props.scrollbar,
 			"showHeaderOnEmpty": props.showHeaderOnEmpty,
 			"showFooterOnEmpty": props.showFooterOnEmpty,
@@ -523,7 +527,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 			"disabled": mergedDisabled.value,
 			"popupVisible": computedPopupVisible.value,
 			"unmountOnClose": props.unmountOnClose,
-			"clickToClose": !(props.allowSearch || props.allowCreate),
+			"clickToClose": !(mergedAllowSearch.value || props.allowCreate),
 			"popupContainer": props.popupContainer,
 			"onPopupVisibleChange": handlePopupVisibleChange
 		}, props.triggerProps), {
@@ -540,7 +544,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 					"loading": props.loading,
 					"allowClear": mergedAllowClear.value,
 					"allowCreate": props.allowCreate,
-					"allowSearch": Boolean(props.allowSearch),
+					"allowSearch": Boolean(mergedAllowSearch.value),
 					"showArrow": props.showArrow,
 					"opened": computedPopupVisible.value,
 					"maxTagCount": props.maxTagCount,

package/es/select/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 { isBoolean, isFunction, isNumber, isObject, isString } from "../_utils/is.js";
 //#region components/select/utils.ts
 var isGroupOption = (option, fieldNames) => {

package/es/skeleton/line.vue_vue_type_script_lang.js

@@ -5,18 +5,34 @@ import { defineComponent } from "vue";
 var line_vue_vue_type_script_lang_default = defineComponent({
 	name: "SkeletonLine",
 	props: {
+		/**
+		* @zh 展示的行数
+		* @en Number of rows displayed
+		*/
 		rows: {
 			type: Number,
 			default: 1
 		},
+		/**
+		* @zh 线型骨架的宽度
+		* @en The width of the line skeleton
+		*/
 		widths: {
 			type: Array,
 			default: () => []
 		},
+		/**
+		* @zh 线型骨架的行高
+		* @en Line height of the line skeleton
+		*/
 		lineHeight: {
 			type: Number,
 			default: 20
 		},
+		/**
+		* @zh 线型骨架的行间距
+		* @en Line spacing of line skeleton
+		*/
 		lineSpacing: {
 			type: Number,
 			default: 15

package/es/skeleton/shape.vue_vue_type_script_lang.js

@@ -4,10 +4,20 @@ import { computed, defineComponent } from "vue";
 var shape_vue_vue_type_script_lang_default = defineComponent({
 	name: "SkeletonShape",
 	props: {
+		/**
+		* @zh 图形骨架的形状
+		* @en The shape of the shape skeleton
+		* @values 'square', 'circle'
+		*/
 		shape: {
 			type: String,
 			default: "square"
 		},
+		/**
+		* @zh 图形骨架的大小
+		* @en The size of the shape skeleton
+		* @values 'small', 'medium', 'large'
+		*/
 		size: {
 			type: String,
 			default: "medium"

package/es/skeleton/skeleton.vue_vue_type_script_lang.js

@@ -4,10 +4,18 @@ import { computed, defineComponent } from "vue";
 var skeleton_vue_vue_type_script_lang_default = defineComponent({
 	name: "Skeleton",
 	props: {
+		/**
+		* @zh 是否展示骨架屏（加载中状态）
+		* @en Whether to display the skeleton screen (loading state)
+		*/
 		loading: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 是否开启骨架屏动画
+		* @en Whether to enable skeleton screen animation
+		*/
 		animation: {
 			type: Boolean,
 			default: false