sard 1.0.4 → 1.0.6

package/components/action-sheet/action-sheet-item.js

@@ -40,7 +40,7 @@ var action_sheet_item_default = /*@__PURE__*/ defineComponent({
 		const emit = __emit;
 		const bem = createBem("action-sheet");
 		const { select } = useActionSheetItem(props);
-		const itemStyle = computed(() => {
+		const labelStyle = computed(() => {
 			return { color: props.color };
 		});
 		const onClick = () => {
@@ -56,15 +56,17 @@ var action_sheet_item_default = /*@__PURE__*/ defineComponent({
 					unref(bem).is("disabled", props.disabled),
 					unref(bem).is("loading", props.loading)
 				]),
-				style: normalizeStyle(itemStyle.value),
 				onClick
-			}, [!props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", { class: normalizeClass(unref(bem).e("item-label")) }, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])], 2), props.description || slots.description ? (openBlock(), createElementBlock("div", {
+			}, [!props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", {
+				class: normalizeClass(unref(bem).e("item-label")),
+				style: normalizeStyle(labelStyle.value)
+			}, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])], 6), props.description || slots.description ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(unref(bem).e("item-description"))
 			}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 2)) : createCommentVNode("v-if", true)], 64))], 64)) : (openBlock(), createElementBlock("div", {
 				key: 1,
 				class: normalizeClass(unref(bem).e("loading"))
-			}, [createVNode(loading_default)], 2))], 6);
+			}, [createVNode(loading_default)], 2))], 2);
 		};
 	}
 });

package/components/avatar/index.css

@@ -1 +1 @@
-:root{--s-avatar-size:var(--s-size-6xl);--s-avatar-bg:var(--s-fill-color-secondary);--s-avatar-border-color:var(--s-border-color-lighter)}.s-avatar{position:relative;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;width:var(--s-avatar-size);height:var(--s-avatar-size);font-size:var(--s-size-2xl);background:var(--s-avatar-bg);border:1px solid rgba(0,0,0,0)}.s-avatar__image{width:100%;height:100%}.s-avatar--circle{border-radius:var(--s-border-radius-full)}.s-avatar--square{border-radius:var(--s-border-radius)}.s-avatar--in-group{border-color:var(--s-avatar-border-color)}.s-avatar__remain{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:var(--s-font-size);color:var(--s-white);background:var(--s-overlay);border-radius:inherit}.s-avatar-group{display:flex;align-items:center}
+:root{--s-avatar-size:var(--s-size-6xl);--s-avatar-bg:var(--s-fill-color-secondary);--s-avatar-border-color:var(--s-fill-color-tertiary)}.s-avatar{position:relative;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;width:var(--s-avatar-size);height:var(--s-avatar-size);font-size:var(--s-size-2xl);background:var(--s-avatar-bg);border:1px solid rgba(0,0,0,0)}.s-avatar__image{width:100%;height:100%}.s-avatar--circle{border-radius:var(--s-border-radius-full)}.s-avatar--square{border-radius:var(--s-border-radius)}.s-avatar--in-group{border-color:var(--s-avatar-border-color)}.s-avatar__remain{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:var(--s-font-size);color:var(--s-white);background:var(--s-overlay);border-radius:inherit}.s-avatar-group{display:flex;align-items:center}

package/components/badge/index.css

@@ -1 +1 @@
-:root{--s-badge-height:18px;--s-badge-font-size:var(--s-font-size-sm);--s-badge-bg:var(--s-color-danger);--s-badge-color:var(--s-white);--s-badge-border-color:var(--s-border-color-lighter);--s-badge-dot-size:10px}.s-badge{flex:none;display:inline-flex;justify-content:center;align-items:center;min-width:var(--s-badge-height);height:var(--s-badge-height);padding-inline-start:var(--s-size-2xs);padding-inline-end:var(--s-size-2xs);font-size:var(--s-badge-font-size);line-height:var(--s-line-height-none);text-align:center;border:1px solid var(--s-badge-border-color);border-radius:var(--s-border-radius-full);color:var(--s-badge-color);background:var(--s-badge-bg)}.s-badge--fixed{position:absolute;top:0;inset-inline-end:0;transform:translate(50%, -50%);z-index:10}:root[dir=rtl] .s-badge--fixed{transform:translate(-50%, -50%)}.s-badge--dot{width:var(--s-badge-dot-size);height:var(--s-badge-dot-size);min-width:var(--s-badge-dot-size);padding:0;border-radius:var(--s-border-radius-full)}.s-badge--zero-hide{display:none}.s-badge__wrapper{position:relative;display:inline-flex}
+:root{--s-badge-height:18px;--s-badge-font-size:var(--s-font-size-sm);--s-badge-bg:var(--s-color-danger);--s-badge-color:var(--s-white);--s-badge-border-color:var(--s-border-color-light);--s-badge-dot-size:10px}.s-badge{flex:none;display:inline-flex;justify-content:center;align-items:center;min-width:var(--s-badge-height);height:var(--s-badge-height);padding-inline-start:var(--s-size-2xs);padding-inline-end:var(--s-size-2xs);font-size:var(--s-badge-font-size);line-height:var(--s-line-height-none);text-align:center;border:1px solid var(--s-badge-border-color);border-radius:var(--s-border-radius-full);color:var(--s-badge-color);background:var(--s-badge-bg)}.s-badge--fixed{position:absolute;top:0;inset-inline-end:0;transform:translate(50%, -50%);z-index:10}:root[dir=rtl] .s-badge--fixed{transform:translate(-50%, -50%)}.s-badge--dot{width:var(--s-badge-dot-size);height:var(--s-badge-dot-size);min-width:var(--s-badge-dot-size);padding:0;border-radius:var(--s-border-radius-full)}.s-badge--zero-hide{display:none}.s-badge__wrapper{position:relative;display:inline-flex}

package/components/button/index.css

@@ -1 +1 @@
-:root{--s-button-height-xs:var(--s-size-xl);--s-button-padding-y-xs:0;--s-button-padding-x-xs:6px;--s-button-border-radius-xs:var(--s-border-radius-sm);--s-button-font-size-xs:var(--s-font-size-sm);--s-button-icon-size-xs:var(--s-font-size-sm);--s-button-height-sm:var(--s-size-2xl);--s-button-padding-y-sm:0;--s-button-padding-x-sm:9px;--s-button-border-radius-sm:var(--s-border-radius-sm);--s-button-font-size-sm:var(--s-font-size-sm);--s-button-icon-size-sm:var(--s-font-size);--s-button-height:var(--s-size-3xl);--s-button-padding-y:0;--s-button-padding-x:11px;--s-button-border-radius:var(--s-border-radius);--s-button-font-size:var(--s-font-size);--s-button-icon-size:18px;--s-button-height-lg:var(--s-size-4xl);--s-button-padding-y-lg:0;--s-button-padding-x-lg:14px;--s-button-border-radius-lg:var(--s-border-radius);--s-button-font-size-lg:var(--s-font-size-lg);--s-button-icon-size-lg:20px;--s-button-outlined-bg:var(--s-white);--s-button-secondary-color:var(--s-gray-800)}.dark{--s-button-outlined-bg:rgba(0,0,0,0);--s-button-secondary-color:var(--s-white)}.s-button{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;border:none;vertical-align:middle;font-family:inherit;line-height:var(--s-line-height-normal);white-space:nowrap;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;overflow:visible;appearance:none;outline:none}.s-button--block{display:flex;width:100%}.s-button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;background:rgba(0,0,0,.125);pointer-events:none}.s-button--xs{height:var(--s-button-height-xs);padding:var(--s-button-padding-y-xs) var(--s-button-padding-x-xs);border-radius:var(--s-button-border-radius-xs);font-size:var(--s-button-font-size-xs)}.s-button--xs::after{border-radius:calc(var(--s-button-border-radius-xs)*2)}.s-button--xs .s-button__icon{font-size:var(--s-button-icon-size-xs)}.s-button--xs.s-button--iconic{min-width:var(--s-button-height-xs)}.s-button--small{height:var(--s-button-height-sm);padding:var(--s-button-padding-y-sm) var(--s-button-padding-x-sm);border-radius:var(--s-button-border-radius-sm);font-size:var(--s-button-font-size-sm)}.s-button--small::after{border-radius:calc(var(--s-button-border-radius-sm)*2)}.s-button--small .s-button__icon{font-size:var(--s-button-icon-size-sm)}.s-button--small.s-button--iconic{min-width:var(--s-button-height-sm)}.s-button--medium{height:var(--s-button-height);padding:var(--s-button-padding-y) var(--s-button-padding-x);border-radius:var(--s-button-border-radius);font-size:var(--s-button-font-size)}.s-button--medium::after{border-radius:calc(var(--s-button-border-radius)*2)}.s-button--medium .s-button__icon{font-size:var(--s-button-icon-size)}.s-button--medium.s-button--iconic{min-width:var(--s-button-height)}.s-button--large{height:var(--s-button-height-lg);padding:var(--s-button-padding-y-lg) var(--s-button-padding-x-lg);border-radius:var(--s-button-border-radius-lg);font-size:var(--s-button-font-size-lg)}.s-button--large::after{border-radius:calc(var(--s-button-border-radius-lg)*2)}.s-button--large .s-button__icon{font-size:var(--s-button-icon-size-lg)}.s-button--large.s-button--iconic{min-width:var(--s-button-height-lg)}.s-button--auto-height{height:auto}.s-button--compact{padding:0;height:auto}.s-button--solid-primary{color:var(--s-white);background-color:var(--s-color-primary)}.s-button--outlined-primary{color:var(--s-color-primary);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-primary)}.s-button--dashed-primary{color:var(--s-color-primary);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-primary)}.s-button--filled-primary{color:var(--s-color-primary);background-color:rgba(var(--s-color-primary-rgb), var(--s-opacity-theme-bg))}.s-button--text-primary{color:var(--s-color-primary);background-color:rgba(0,0,0,0)}.s-button--link-primary{color:var(--s-color-primary);background-color:rgba(0,0,0,0)}.s-button--solid-secondary{color:var(--s-white);background-color:var(--s-color-secondary)}.s-button--outlined-secondary{color:var(--s-button-secondary-color);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-gray-200)}.s-button--dashed-secondary{color:var(--s-button-secondary-color);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-gray-200)}.s-button--filled-secondary{color:var(--s-color-secondary);background-color:rgba(var(--s-color-secondary-rgb), var(--s-opacity-theme-bg))}.s-button--text-secondary{color:var(--s-color-secondary);background-color:rgba(0,0,0,0)}.s-button--link-secondary{color:var(--s-color-secondary);background-color:rgba(0,0,0,0)}.s-button--solid-success{color:var(--s-white);background-color:var(--s-color-success)}.s-button--outlined-success{color:var(--s-color-success);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-success)}.s-button--dashed-success{color:var(--s-color-success);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-success)}.s-button--filled-success{color:var(--s-color-success);background-color:rgba(var(--s-color-success-rgb), var(--s-opacity-theme-bg))}.s-button--text-success{color:var(--s-color-success);background-color:rgba(0,0,0,0)}.s-button--link-success{color:var(--s-color-success);background-color:rgba(0,0,0,0)}.s-button--solid-warning{color:var(--s-white);background-color:var(--s-color-warning)}.s-button--outlined-warning{color:var(--s-color-warning);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-warning)}.s-button--dashed-warning{color:var(--s-color-warning);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-warning)}.s-button--filled-warning{color:var(--s-color-warning);background-color:rgba(var(--s-color-warning-rgb), var(--s-opacity-theme-bg))}.s-button--text-warning{color:var(--s-color-warning);background-color:rgba(0,0,0,0)}.s-button--link-warning{color:var(--s-color-warning);background-color:rgba(0,0,0,0)}.s-button--solid-danger{color:var(--s-white);background-color:var(--s-color-danger)}.s-button--outlined-danger{color:var(--s-color-danger);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-danger)}.s-button--dashed-danger{color:var(--s-color-danger);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-danger)}.s-button--filled-danger{color:var(--s-color-danger);background-color:rgba(var(--s-color-danger-rgb), var(--s-opacity-theme-bg))}.s-button--text-danger{color:var(--s-color-danger);background-color:rgba(0,0,0,0)}.s-button--link-danger{color:var(--s-color-danger);background-color:rgba(0,0,0,0)}.s-button--solid-black{color:var(--s-white);background-color:var(--s-black)}.s-button--outlined-black{color:var(--s-black);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-black)}.s-button--dashed-black{color:var(--s-black);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-black)}.s-button--filled-black{color:var(--s-black);background-color:rgba(var(--s-black-rgb), var(--s-opacity-theme-bg))}.s-button--text-black{color:var(--s-black);background-color:rgba(0,0,0,0)}.s-button--link-black{color:var(--s-black);background-color:rgba(0,0,0,0)}.s-button--solid-white{color:var(--s-black);background-color:var(--s-white)}.s-button--outlined-white{color:var(--s-white);background-color:rgba(0,0,0,0);border:1px solid var(--s-white)}.s-button--dashed-white{color:var(--s-white);background-color:rgba(0,0,0,0);border:1px dashed var(--s-white)}.s-button--filled-white{color:var(--s-white);background-color:rgba(var(--s-white-rgb), var(--s-opacity-theme-bg))}.s-button--text-white{color:var(--s-white);background-color:rgba(0,0,0,0)}.s-button--link-white{color:var(--s-white);background-color:rgba(0,0,0,0)}.s-button--ghost{background:rgba(0,0,0,0)}.s-button--round{border-radius:var(--s-border-radius-full)}.s-button--square{border-radius:0}.s-button--solid:not(.is-disabled,.is-loading):active::before,.s-button--outlined:not(.is-disabled,.is-loading):active::before,.s-button--dashed:not(.is-disabled,.is-loading):active::before,.s-button--filled:not(.is-disabled,.is-loading):active::before,.s-button--text:not(.is-disabled,.is-loading):active::before{opacity:1}.s-button--link:not(.is-disabled,.is-loading):active{opacity:var(--s-opacity-active)}.s-button:is(.is-disabled){opacity:var(--s-opacity-disabled);cursor:var(--s-cursor-disabled);filter:var(--s-filter-disabled)}.s-button:is(.is-loading){opacity:var(--s-opacity-loading);cursor:var(--s-cursor-loading)}.s-button__icon{display:inline-flex}.s-button__icon:is(.has-slot){margin-inline-end:.5em}:root:not([dir=rtl]) .s-button--compact-horizontal:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:root[dir=rtl] .s-button--compact-horizontal:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}:root:not([dir=rtl]) .s-button--compact-horizontal:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:root[dir=rtl] .s-button--compact-horizontal:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.s-button--compact-horizontal.s-button--solid+.s-button--solid,.s-button--compact-horizontal.s-button--solid+.s-button--filled,.s-button--compact-horizontal.s-button--filled+.s-button--solid,.s-button--compact-horizontal.s-button--filled+.s-button--filled{border-inline-start:1px solid var(--s-border-color-lighter)}.s-button--compact-vertical:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.s-button--compact-vertical:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.s-button--compact-vertical.s-button--solid+.s-button--solid,.s-button--compact-vertical.s-button--solid+.s-button--filled,.s-button--compact-vertical.s-button--filled+.s-button--solid,.s-button--compact-vertical.s-button--filled+.s-button--filled{border-top:1px solid var(--s-border-color-lighter)}.s-button--compact-horizontal.s-button--outlined+.s-button--outlined{margin-inline-start:-1px}.s-button--compact-vertical.s-button--outlined+.s-button--outlined{margin-top:-1px}
+:root{--s-button-height-xs:var(--s-size-xl);--s-button-padding-y-xs:0;--s-button-padding-x-xs:6px;--s-button-border-radius-xs:var(--s-border-radius-sm);--s-button-font-size-xs:var(--s-font-size-sm);--s-button-icon-size-xs:var(--s-font-size-sm);--s-button-height-sm:var(--s-size-2xl);--s-button-padding-y-sm:0;--s-button-padding-x-sm:9px;--s-button-border-radius-sm:var(--s-border-radius-sm);--s-button-font-size-sm:var(--s-font-size-sm);--s-button-icon-size-sm:var(--s-font-size);--s-button-height:var(--s-size-3xl);--s-button-padding-y:0;--s-button-padding-x:11px;--s-button-border-radius:var(--s-border-radius);--s-button-font-size:var(--s-font-size);--s-button-icon-size:18px;--s-button-height-lg:var(--s-size-4xl);--s-button-padding-y-lg:0;--s-button-padding-x-lg:14px;--s-button-border-radius-lg:var(--s-border-radius);--s-button-font-size-lg:var(--s-font-size-lg);--s-button-icon-size-lg:20px;--s-button-outlined-bg:var(--s-white);--s-button-secondary-color:var(--s-gray-800)}.dark{--s-button-outlined-bg:rgba(0,0,0,0);--s-button-secondary-color:var(--s-white)}.s-button{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;border:none;vertical-align:middle;font-family:inherit;line-height:var(--s-line-height-normal);white-space:nowrap;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;overflow:visible;appearance:none;outline:none}.s-button--block{display:flex;width:100%}.s-button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;background:rgba(0,0,0,.125);pointer-events:none}.s-button--xs{height:var(--s-button-height-xs);padding:var(--s-button-padding-y-xs) var(--s-button-padding-x-xs);border-radius:var(--s-button-border-radius-xs);font-size:var(--s-button-font-size-xs)}.s-button--xs::after{border-radius:calc(var(--s-button-border-radius-xs)*2)}.s-button--xs .s-button__icon{font-size:var(--s-button-icon-size-xs)}.s-button--xs.s-button--iconic{min-width:var(--s-button-height-xs)}.s-button--small{height:var(--s-button-height-sm);padding:var(--s-button-padding-y-sm) var(--s-button-padding-x-sm);border-radius:var(--s-button-border-radius-sm);font-size:var(--s-button-font-size-sm)}.s-button--small::after{border-radius:calc(var(--s-button-border-radius-sm)*2)}.s-button--small .s-button__icon{font-size:var(--s-button-icon-size-sm)}.s-button--small.s-button--iconic{min-width:var(--s-button-height-sm)}.s-button--medium{height:var(--s-button-height);padding:var(--s-button-padding-y) var(--s-button-padding-x);border-radius:var(--s-button-border-radius);font-size:var(--s-button-font-size)}.s-button--medium::after{border-radius:calc(var(--s-button-border-radius)*2)}.s-button--medium .s-button__icon{font-size:var(--s-button-icon-size)}.s-button--medium.s-button--iconic{min-width:var(--s-button-height)}.s-button--large{height:var(--s-button-height-lg);padding:var(--s-button-padding-y-lg) var(--s-button-padding-x-lg);border-radius:var(--s-button-border-radius-lg);font-size:var(--s-button-font-size-lg)}.s-button--large::after{border-radius:calc(var(--s-button-border-radius-lg)*2)}.s-button--large .s-button__icon{font-size:var(--s-button-icon-size-lg)}.s-button--large.s-button--iconic{min-width:var(--s-button-height-lg)}.s-button--auto-height{height:auto}.s-button--compact{padding:0;height:auto}.s-button--solid-primary{color:var(--s-white);background-color:var(--s-color-primary)}.s-button--outlined-primary{color:var(--s-color-primary);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-primary)}.s-button--dashed-primary{color:var(--s-color-primary);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-primary)}.s-button--filled-primary{color:var(--s-color-primary);background-color:rgba(var(--s-color-primary-rgb), var(--s-opacity-theme-bg))}.s-button--text-primary{color:var(--s-color-primary);background-color:rgba(0,0,0,0)}.s-button--link-primary{color:var(--s-color-primary);background-color:rgba(0,0,0,0)}.s-button--solid-secondary{color:var(--s-white);background-color:var(--s-color-secondary)}.s-button--outlined-secondary{color:var(--s-button-secondary-color);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-gray-200)}.s-button--dashed-secondary{color:var(--s-button-secondary-color);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-gray-200)}.s-button--filled-secondary{color:var(--s-color-secondary);background-color:rgba(var(--s-color-secondary-rgb), var(--s-opacity-theme-bg))}.s-button--text-secondary{color:var(--s-color-secondary);background-color:rgba(0,0,0,0)}.s-button--link-secondary{color:var(--s-color-secondary);background-color:rgba(0,0,0,0)}.s-button--solid-success{color:var(--s-white);background-color:var(--s-color-success)}.s-button--outlined-success{color:var(--s-color-success);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-success)}.s-button--dashed-success{color:var(--s-color-success);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-success)}.s-button--filled-success{color:var(--s-color-success);background-color:rgba(var(--s-color-success-rgb), var(--s-opacity-theme-bg))}.s-button--text-success{color:var(--s-color-success);background-color:rgba(0,0,0,0)}.s-button--link-success{color:var(--s-color-success);background-color:rgba(0,0,0,0)}.s-button--solid-warning{color:var(--s-white);background-color:var(--s-color-warning)}.s-button--outlined-warning{color:var(--s-color-warning);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-warning)}.s-button--dashed-warning{color:var(--s-color-warning);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-warning)}.s-button--filled-warning{color:var(--s-color-warning);background-color:rgba(var(--s-color-warning-rgb), var(--s-opacity-theme-bg))}.s-button--text-warning{color:var(--s-color-warning);background-color:rgba(0,0,0,0)}.s-button--link-warning{color:var(--s-color-warning);background-color:rgba(0,0,0,0)}.s-button--solid-danger{color:var(--s-white);background-color:var(--s-color-danger)}.s-button--outlined-danger{color:var(--s-color-danger);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-danger)}.s-button--dashed-danger{color:var(--s-color-danger);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-danger)}.s-button--filled-danger{color:var(--s-color-danger);background-color:rgba(var(--s-color-danger-rgb), var(--s-opacity-theme-bg))}.s-button--text-danger{color:var(--s-color-danger);background-color:rgba(0,0,0,0)}.s-button--link-danger{color:var(--s-color-danger);background-color:rgba(0,0,0,0)}.s-button--solid-black{color:var(--s-white);background-color:var(--s-black)}.s-button--outlined-black{color:var(--s-black);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-black)}.s-button--dashed-black{color:var(--s-black);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-black)}.s-button--filled-black{color:var(--s-black);background-color:rgba(var(--s-black-rgb), var(--s-opacity-theme-bg))}.s-button--text-black{color:var(--s-black);background-color:rgba(0,0,0,0)}.s-button--link-black{color:var(--s-black);background-color:rgba(0,0,0,0)}.s-button--solid-white{color:var(--s-black);background-color:var(--s-white)}.s-button--outlined-white{color:var(--s-white);background-color:rgba(0,0,0,0);border:1px solid var(--s-white)}.s-button--dashed-white{color:var(--s-white);background-color:rgba(0,0,0,0);border:1px dashed var(--s-white)}.s-button--filled-white{color:var(--s-white);background-color:rgba(var(--s-white-rgb), var(--s-opacity-theme-bg))}.s-button--text-white{color:var(--s-white);background-color:rgba(0,0,0,0)}.s-button--link-white{color:var(--s-white);background-color:rgba(0,0,0,0)}.s-button--ghost{background:rgba(0,0,0,0)}.s-button--round{border-radius:var(--s-border-radius-full)}.s-button--square{border-radius:0}.s-button--solid:not(.is-disabled,.is-loading):active::before,.s-button--outlined:not(.is-disabled,.is-loading):active::before,.s-button--dashed:not(.is-disabled,.is-loading):active::before,.s-button--filled:not(.is-disabled,.is-loading):active::before,.s-button--text:not(.is-disabled,.is-loading):active::before{opacity:1}.s-button--link:not(.is-disabled,.is-loading):active{opacity:var(--s-opacity-active)}.s-button:is(.is-disabled){opacity:var(--s-opacity-disabled);cursor:var(--s-cursor-disabled);filter:var(--s-filter-disabled)}.s-button:is(.is-loading){opacity:var(--s-opacity-loading);cursor:var(--s-cursor-loading)}.s-button__icon{display:inline-flex}.s-button__icon:is(.has-slot){margin-inline-end:.5em}:root:not([dir=rtl]) .s-button--compact-horizontal:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:root[dir=rtl] .s-button--compact-horizontal:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}:root:not([dir=rtl]) .s-button--compact-horizontal:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:root[dir=rtl] .s-button--compact-horizontal:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.s-button--compact-horizontal.s-button--solid+.s-button--solid,.s-button--compact-horizontal.s-button--solid+.s-button--filled,.s-button--compact-horizontal.s-button--filled+.s-button--solid,.s-button--compact-horizontal.s-button--filled+.s-button--filled{border-inline-start:1px solid var(--s-border-color-light)}.s-button--compact-vertical:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.s-button--compact-vertical:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.s-button--compact-vertical.s-button--solid+.s-button--solid,.s-button--compact-vertical.s-button--solid+.s-button--filled,.s-button--compact-vertical.s-button--filled+.s-button--solid,.s-button--compact-vertical.s-button--filled+.s-button--filled{border-top:1px solid var(--s-border-color-light)}.s-button--compact-horizontal.s-button--outlined+.s-button--outlined{margin-inline-start:-1px}.s-button--compact-vertical.s-button--outlined+.s-button--outlined{margin-top:-1px}

package/components/cascader/cascader.js

@@ -78,11 +78,11 @@ var cascader_default = /*@__PURE__*/ defineComponent({
 		const emit = __emit;
 		const bem = createBem("cascader");
 		const { t } = useTranslateWithPrefix("cascader");
-		const useOptionKeysReturn = useOptionKeys(props);
+		const optionKeys = useOptionKeys(props);
 		const innerValue = ref();
 		const { treeData, originalTreeData, loadStatus, toStateNodes, setSelectedByNode, updateChecked, setCheckedByNode, isLeaf, getCheckedLeaves, getCheckedNodes, getAncestors, initialize } = useCascaderTree(props, {
 			innerValue,
-			useOptionKeysReturn
+			optionKeys
 		});
 		initialize();
 		const { panels, currentTab, tabsOptions } = useCascaderTabs(props, { treeData });

package/components/cascader/common.d.ts

@@ -54,7 +54,7 @@ export interface CascaderPanel {
     nodes: CascaderStateNode[];
     selected: CascaderStateNode | null;
 }
-export declare function getSelectedOptionsByValue(options: CascaderOption[], value: CascaderValue, useOptionKeysReturn: UseOptionKeysReturn, multiple?: boolean): CascaderOption[] | CascaderOption[][] | undefined;
+export declare function getSelectedOptionsByValue(options: CascaderOption[], value: CascaderValue, optionKeys: UseOptionKeysReturn, multiple?: boolean): CascaderOption[] | CascaderOption[][] | undefined;
 interface CascaderOptionsContext {
     set: (options: CascaderOption[]) => void;
 }

package/components/cascader/common.js

@@ -1,10 +1,10 @@
 import { isNullish } from "../../utils/is.js";
 //#region packages/sard/components/cascader/common.ts
 const defaultCascaderProps = { options: () => [] };
-function getSelectedOptionsByValue(options, value, useOptionKeysReturn, multiple) {
-	const { getValue, getChildren } = useOptionKeysReturn;
+function getSelectedOptionsByValue(options, value, optionKeys, multiple) {
+	const { getValue, getChildren } = optionKeys;
 	if (multiple) {
-		if (Array.isArray(value)) return value.map((item) => getSelectedOptionsByValue(options, item, useOptionKeysReturn)).filter((item) => Array.isArray(item) ? item.length !== 0 : !isNullish(item));
+		if (Array.isArray(value)) return value.map((item) => getSelectedOptionsByValue(options, item, optionKeys)).filter((item) => Array.isArray(item) ? item.length !== 0 : !isNullish(item));
 	} else if (Array.isArray(value)) {
 		const selectedOptions = [];
 		let list = options;
@@ -18,7 +18,7 @@ function getSelectedOptionsByValue(options, value, useOptionKeysReturn, multiple
 		return selectedOptions;
 	} else for (const option of options) {
 		if (Array.isArray(getChildren(option))) {
-			const selectedOptions = getSelectedOptionsByValue(getChildren(option), value, useOptionKeysReturn, multiple);
+			const selectedOptions = getSelectedOptionsByValue(getChildren(option), value, optionKeys, multiple);
 			if (selectedOptions) return [option, ...selectedOptions];
 		}
 		if (getValue(option) === value) return [option];

package/components/cascader/useCascaderTree.d.ts

@@ -2,7 +2,7 @@ import { type Ref } from 'vue';
 import { type CascaderValue, type CascaderOption, type CascaderProps, type CascaderStateNode } from './common';
 import { type UseOptionKeysReturn } from '../../use';
 export declare function useCascaderTree(props: CascaderProps, config: {
-    useOptionKeysReturn: UseOptionKeysReturn;
+    optionKeys: UseOptionKeysReturn;
     innerValue: Ref<CascaderValue | undefined>;
 }): {
     treeData: Ref<{

package/components/cascader/useCascaderTree.js

@@ -4,7 +4,7 @@ import { cascaderOptionsContextKey } from "./common.js";
 import { computed, inject, reactive, ref, shallowRef, watch } from "vue";
 //#region packages/sard/components/cascader/useCascaderTree.ts
 function useCascaderTree(props, config) {
-	const { useOptionKeysReturn: { getValue, getLabel, getDisabled, getIsLeaf, getChildren }, innerValue } = config;
+	const { optionKeys: { getValue, getLabel, getDisabled, getIsLeaf, getChildren }, innerValue } = config;
 	const options = computed(() => props.options || []);
 	const treeData = ref([]);
 	const originalTreeData = shallowRef([]);

package/components/cascader-input/cascader-input.js

@@ -140,13 +140,13 @@ var cascader_input_default = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const slots = useSlots();
 		const emit = __emit;
-		const useOptionKeysReturn = useOptionKeys(props);
+		const optionKeys = useOptionKeys(props);
 		const partitionedProps = partitionPopoutInputProps(props);
 		const { innerVisible, innerValue, inputValue, show, onChange, onClear, onVisibleHook } = usePopoutInput(props, emit, { onClear(value) {
 			emit("update:modelValue", value, []);
 			emit("change", value, []);
 		} });
-		const { getLabel } = useOptionKeysReturn;
+		const { getLabel } = optionKeys;
 		const lazyOptions = shallowRef([]);
 		provide(cascaderOptionsContextKey, { set(options) {
 			lazyOptions.value = options;
@@ -155,7 +155,7 @@ var cascader_input_default = /*@__PURE__*/ defineComponent({
 			return props.lazy && !!props.load ? lazyOptions.value : props.options;
 		});
 		function getOutletText(options, value) {
-			const selectedOptions = getSelectedOptionsByValue(options, value, useOptionKeysReturn, props.multiple);
+			const selectedOptions = getSelectedOptionsByValue(options, value, optionKeys, props.multiple);
 			if (!selectedOptions || selectedOptions.length === 0) return getValueDisplay(value);
 			const labels = selectedOptions.map((option) => {
 				return Array.isArray(option) ? option.map((item) => getLabel(item)) : getLabel(option);

package/components/compact/compact.js

@@ -32,7 +32,6 @@ var compact_default = /*@__PURE__*/ defineComponent({
 			addItem,
 			removeItem
 		}));
-		__expose({});
 		const compactClass = computed(() => {
 			return [
 				bem.b(),
@@ -40,6 +39,7 @@ var compact_default = /*@__PURE__*/ defineComponent({
 				bem.m(props.direction)
 			];
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(compactClass.value) }, [renderSlot(_ctx.$slots, "default")], 2);
 		};

package/components/cool-icon/cool-icon.js

@@ -34,7 +34,6 @@ var cool_icon_default = /*@__PURE__*/ defineComponent({
 		const onClick = (event) => {
 			emit("click", event);
 		};
-		__expose({});
 		const coolIconClass = computed(() => {
 			return [bem.b(), bem.m(props.shape)];
 		});
@@ -49,6 +48,7 @@ var cool_icon_default = /*@__PURE__*/ defineComponent({
 		const bgStyle = computed(() => {
 			return { background: props.background };
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(coolIconClass.value),

package/components/descriptions/descriptions-item.js

@@ -35,7 +35,7 @@ var descriptions_item_default = /*@__PURE__*/ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const bem = createBem("descriptions");
-		const context = inject(descriptionsContextKey);
+		const context = inject(descriptionsContextKey, null);
 		if (!context) throw new Error("DescriptionsItem must be included in Descriptions.");
 		const colspan = computed(() => props.colspan ?? 1);
 		const rowspan = computed(() => props.rowspan ?? 1);

package/components/divider/divider.js

@@ -26,7 +26,6 @@ var divider_default = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const slots = useSlots();
 		const bem = createBem("divider");
-		__expose({});
 		const dividerClass = computed(() => {
 			return [
 				bem.b(),
@@ -39,6 +38,7 @@ var divider_default = /*@__PURE__*/ defineComponent({
 		const dividerStyle = computed(() => {
 			return { borderStyle: props.type };
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(dividerClass.value),

package/components/divider/index.css

@@ -1 +1 @@
-:root{--s-divider-margin-y:var(--s-size);--s-divider-margin-x:var(--s-size-xs);--s-divider-gap:var(--s-size);--s-divider-color:var(--s-text-color-tertiary);--s-divider-border-color:var(--s-border-color);--s-divider-left-width:10%;--s-divider-right-width:10%;--s-divider-vertical-height:1em}.s-divider{display:flex;align-items:center;margin:var(--s-divider-margin-y) 0;gap:var(--s-divider-gap);border-width:0;border-color:var(--s-divider-border-color);color:var(--s-divider-color)}.s-divider::before,.s-divider::after{display:block;flex:1;border-color:inherit;border-style:inherit;border-width:1px 0 0;content:""}.s-divider--only-line::after{display:none}.s-divider--left::before{max-width:var(--s-divider-left-width)}.s-divider--right::after{max-width:var(--s-divider-right-width)}.s-divider--vertical{display:inline-block;height:var(--s-divider-vertical-height);margin:0 var(--s-divider-margin-x);vertical-align:middle}.s-divider--vertical::before{height:100%;border-width:0 0 0 1px}.s-divider--vertical::after{display:none}.s-divider--hairline::before,.s-divider--hairline::after{transform:scaleY(0.5)}.s-divider--vertical.s-divider--hairline::before{transform:scaleX(0.5)}
+:root{--s-divider-margin-y:var(--s-size);--s-divider-margin-x:var(--s-size-xs);--s-divider-gap:var(--s-size);--s-divider-color:var(--s-text-color-fourth);--s-divider-font-size:var(--s-font-size-sm);--s-divider-border-color:var(--s-border-color);--s-divider-left-width:10%;--s-divider-right-width:10%;--s-divider-vertical-height:1em}.s-divider{display:flex;align-items:center;margin:var(--s-divider-margin-y) 0;gap:var(--s-divider-gap);border-width:0;border-color:var(--s-divider-border-color);color:var(--s-divider-color);font-size:var(--s-divider-font-size)}.s-divider::before,.s-divider::after{display:block;flex:1;border-color:inherit;border-style:inherit;border-width:1px 0 0;content:""}.s-divider--only-line::after{display:none}.s-divider--left::before{max-width:var(--s-divider-left-width)}.s-divider--right::after{max-width:var(--s-divider-right-width)}.s-divider--vertical{display:inline-block;height:var(--s-divider-vertical-height);margin:0 var(--s-divider-margin-x);vertical-align:middle}.s-divider--vertical::before{height:100%;border-width:0 0 0 1px}.s-divider--vertical::after{display:none}.s-divider--hairline::before,.s-divider--hairline::after{transform:scaleY(0.5)}.s-divider--vertical.s-divider--hairline::before{transform:scaleX(0.5)}

package/components/dnd/dnd-handle.js

@@ -36,10 +36,10 @@ var dnd_handle_default = /*@__PURE__*/ defineComponent({
 			duration: 150
 		});
 		const onDragPointerDown = usePointerDown(onDragTouchStart, onDragTouchMove, onDragTouchEnd);
-		__expose({});
 		const dndHandleClass = computed(() => {
 			return [bem.b(), bem.m("dragging", dragging)];
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(dndHandleClass.value),

package/components/dnd/dnd-item.js

@@ -102,7 +102,6 @@ var dnd_item_default = /*@__PURE__*/ defineComponent({
 			move,
 			end
 		});
-		__expose({});
 		const dndItemClass = computed(() => {
 			return [
 				bem.b(),
@@ -116,6 +115,7 @@ var dnd_item_default = /*@__PURE__*/ defineComponent({
 			const y = props.itemInfo.dragging ? translateY.value : dndContext.currentHeight * props.itemInfo.offset;
 			el.style.setProperty("transform", `translate3d(0,${y}px,0)`);
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(OnlyChild), {
 				class: normalizeClass(dndItemClass.value),

package/components/fab/fab-item.js

@@ -33,7 +33,6 @@ var fab_item_default = /*@__PURE__*/ defineComponent({
 			if (!props.isEntry) context.onItemClick();
 			emit("click", event);
 		};
-		__expose({});
 		const fabItemClass = computed(() => {
 			return [
 				bem.b(),
@@ -41,6 +40,7 @@ var fab_item_default = /*@__PURE__*/ defineComponent({
 				bem.m("entry", props.isEntry)
 			];
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(fabItemClass.value),

package/components/form/form-item.js

@@ -78,7 +78,6 @@ var form_item_default = /*@__PURE__*/ defineComponent({
 		const slots = useSlots();
 		const bem = createBem("form-item");
 		const { expose, validateState, shouldShowStar, validateMessage, shouldShowError, direction, labelAlign, labelValign, starPosition, labelWidth, contentPosition } = useFormItem(props);
-		__expose(expose);
 		const formItemClass = computed(() => {
 			return [
 				bem.b(),
@@ -95,6 +94,7 @@ var form_item_default = /*@__PURE__*/ defineComponent({
 		const contentClass = computed(() => {
 			return [bem.e("content"), bem.em("content", contentPosition.value)];
 		});
+		__expose(expose);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				ref: "form-item",

package/components/form/form.js

@@ -79,10 +79,10 @@ var form_default = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const bem = createBem("form");
 		const { expose } = useForm(props);
-		__expose(expose);
 		const formClass = computed(() => {
 			return [bem.b(), bem.m("card", props.card)];
 		});
+		__expose(expose);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(formClass.value) }, [renderSlot(_ctx.$slots, "default")], 2);
 		};

package/components/image/image.js

@@ -108,7 +108,6 @@ var image_default = /*@__PURE__*/ defineComponent({
 				doLoad(event);
 			});
 		}, { immediate: true });
-		__expose({});
 		const imageClass = computed(() => {
 			return [
 				bem.b(),
@@ -131,6 +130,7 @@ var image_default = /*@__PURE__*/ defineComponent({
 				backgroundSize: IMAGE_MODES[props.mode][1]
 			};
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				ref: "root",

package/components/infinite-list/index.css

@@ -1 +1 @@
-.s-infinite-list{overflow-x:hidden;overflow-y:auto}.s-infinite-list .s-pull-down-refresh{display:flow-root;min-height:100%}.s-infinite-list__load-more:is(.is-hidden){visibility:hidden;pointer-events:none}
+.s-infinite-list{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.s-infinite-list .s-pull-down-refresh{display:flex;flex-direction:column;min-height:100%}.s-infinite-list__load-more:is(.is-hidden){height:1px;overflow:hidden;visibility:hidden;pointer-events:none}

package/components/infinite-list/infinite-list.js

@@ -75,7 +75,7 @@ var infinite_list_default = /*@__PURE__*/ defineComponent({
 			}, {
 				unready: withCtx((slotsProps) => [renderSlot(_ctx.$slots, "unready", normalizeProps(guardReactiveProps(slotsProps)), () => [createVNode(loading_default, {
 					type: "clock",
-					size: "18px",
+					size: "16px",
 					animated: false,
 					progress: slotsProps.progress
 				}, {
@@ -84,7 +84,7 @@ var infinite_list_default = /*@__PURE__*/ defineComponent({
 				}, 8, ["progress"])])]),
 				ready: withCtx(() => [renderSlot(_ctx.$slots, "ready", {}, () => [createVNode(loading_default, {
 					type: "clock",
-					size: "18px",
+					size: "16px",
 					animated: false
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("ready")), 1)]),
@@ -92,7 +92,7 @@ var infinite_list_default = /*@__PURE__*/ defineComponent({
 				})])]),
 				loading: withCtx(() => [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(loading_default, {
 					type: "clock",
-					size: "18px"
+					size: "16px"
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("loading")), 1)]),
 					_: 1

package/components/input/input.js

@@ -294,19 +294,6 @@ var input_default = /*@__PURE__*/ defineComponent({
 		const showAppend = computed(() => {
 			return !!slots.append || props.clearable || mergedShowEye.value || countVisible.value;
 		});
-		const inputClass = computed(() => {
-			return [
-				bem.b(),
-				bem.m(props.type),
-				bem.m("inlaid", props.inlaid),
-				bem.m("borderless", props.borderless),
-				bem.is("disabled", isDisabled.value),
-				bem.is("readonly", isReadonly.value),
-				bem.is("focused", innerFocused.value),
-				bem.m(`compact-${compactContext?.direction}`, compactContext),
-				bem.m("compact-block", compactContext?.block)
-			];
-		});
 		const commonProps = computed(() => {
 			return {
 				class: bem.e("control"),
@@ -329,6 +316,19 @@ var input_default = /*@__PURE__*/ defineComponent({
 				autocapitalize: props.autocapitalize
 			};
 		});
+		const inputClass = computed(() => {
+			return [
+				bem.b(),
+				bem.m(props.type),
+				bem.m("inlaid", props.inlaid),
+				bem.m("borderless", props.borderless),
+				bem.is("disabled", isDisabled.value),
+				bem.is("readonly", isReadonly.value),
+				bem.is("focused", innerFocused.value),
+				bem.m(`compact-${compactContext?.direction}`, compactContext),
+				bem.m("compact-block", compactContext?.block)
+			];
+		});
 		__expose({
 			focus() {
 				controlRef.value?.focus();

package/components/keyboard/keyboard.js

@@ -64,9 +64,6 @@ var keyboard_default = /*@__PURE__*/ defineComponent({
 			const nextMode = innerMode.value === "chinese" ? "english" : "chinese";
 			innerMode.value = nextMode;
 		};
-		__expose({ shuffle() {
-			randomKeys.value = getRandomKeys();
-		} });
 		const getKeyClass = (key) => {
 			return [
 				bem.e("key"),
@@ -80,6 +77,9 @@ var keyboard_default = /*@__PURE__*/ defineComponent({
 		const backspaceClass = computed(() => {
 			return [bem.e("key"), bem.em("key", "backspace")];
 		});
+		__expose({ shuffle() {
+			randomKeys.value = getRandomKeys();
+		} });
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(keyboardClass.value) }, [__props.type === "number" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(numberKeys), (key) => {
 				return openBlock(), createElementBlock("div", {

package/components/load-more/useLoadMore.d.ts

@@ -17,6 +17,6 @@ export interface UseLoadMoreReturn {
     onLoadMore: () => void;
     onReload: () => void;
     currentPage: Ref<number, number>;
-    refresh: () => Promise<void | null>;
+    refresh: (force?: boolean) => Promise<void | null>;
 }
 export declare function useLoadMore(options: UseLoadMoreOptions): UseLoadMoreReturn;

package/components/load-more/useLoadMore.js

@@ -28,9 +28,9 @@ function useLoadMore(options) {
 			status.value = "error";
 		});
 	};
-	const refresh = async () => {
+	const refresh = async (force) => {
 		if (!disabled.value) {
-			if (status.value !== "loading") {
+			if (force || status.value !== "loading") {
 				isRefreshing.value = true;
 				return loadMoreFetch(1);
 			}

package/components/loading/index.css

@@ -1 +1 @@
-:root{--s-loading-text-margin-start:var(--s-size-xs);--s-loading-text-vertical-margin-top:var(--s-size-xs)}.s-loading{display:inline-flex;justify-content:center;align-items:center}.s-loading--vertical{flex-direction:column}.s-loading__icon{position:relative;display:flex;line-height:1}.s-loading__icon--circular,.s-loading__icon--clock{align-items:center;justify-content:center;width:1em;height:1em}.s-loading__icon--circular.s-loading__icon--animated{animation:s-loading-rotate .8s linear infinite}.s-loading__icon--clock.s-loading__icon--animated{animation:s-loading-rotate .8s steps(12) infinite}@keyframes s-loading-rotate{from{transform:rotate(0deg)}to{transform:rotate(1turn)}}.s-loading__spinner{width:100%;height:100%;border-radius:100%;background:conic-gradient(rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0) 60deg, currentColor 330deg, rgba(255, 255, 255, 0) 360deg);-webkit-mask:radial-gradient(transparent calc(55% - 1px), var(--s-white) 55%)}.s-loading__scale{position:absolute;top:0;left:0;width:100%;height:100%}.s-loading__scale::before{display:flex;width:9.38%;min-width:2px;transform:scaleX(0.75);height:28%;margin:0 auto;border-radius:40%;content:"";background-color:currentColor}.s-loading__scale--1{opacity:.0833;transform:rotate(30deg)}.s-loading__scale--2{opacity:.1667;transform:rotate(60deg)}.s-loading__scale--3{opacity:.25;transform:rotate(90deg)}.s-loading__scale--4{opacity:.3333;transform:rotate(120deg)}.s-loading__scale--5{opacity:.4167;transform:rotate(150deg)}.s-loading__scale--6{opacity:.5;transform:rotate(180deg)}.s-loading__scale--7{opacity:.5833;transform:rotate(210deg)}.s-loading__scale--8{opacity:.6667;transform:rotate(240deg)}.s-loading__scale--9{opacity:.75;transform:rotate(270deg)}.s-loading__scale--10{opacity:.8333;transform:rotate(300deg)}.s-loading__scale--11{opacity:.9167;transform:rotate(330deg)}.s-loading__scale--12{opacity:1;transform:rotate(360deg)}.s-loading__scale--hidden{opacity:0}.s-loading__text{margin-inline-start:var(--s-loading-text-margin-start)}.s-loading--vertical .s-loading__text{margin-inline-start:0;margin-top:var(--s-loading-text-vertical-margin-top)}
+:root{--s-loading-text-margin-start:var(--s-size-xs);--s-loading-text-vertical-margin-top:var(--s-size-xs)}.s-loading{display:inline-flex;justify-content:center;align-items:center}.s-loading--vertical{flex-direction:column}.s-loading__icon{position:relative;display:flex;line-height:1}.s-loading__icon--circular,.s-loading__icon--clock{align-items:center;justify-content:center;width:1em;height:1em}.s-loading__icon--circular.s-loading__icon--animated{animation:s-loading-rotate .8s linear infinite}.s-loading__icon--clock.s-loading__icon--animated{animation:s-loading-rotate .8s steps(8) infinite}@keyframes s-loading-rotate{from{transform:rotate(0deg)}to{transform:rotate(1turn)}}.s-loading__spinner{width:100%;height:100%;border-radius:100%;background:conic-gradient(rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0) 60deg, currentColor 330deg, rgba(255, 255, 255, 0) 360deg);-webkit-mask:radial-gradient(transparent calc(55% - 1px), var(--s-white) 55%)}.s-loading__scale{position:absolute;top:0;left:0;width:100%;height:100%}.s-loading__scale::before{display:flex;width:9.38%;min-width:2px;transform:scaleX(0.75);height:28%;margin:0 auto;border-radius:40%;content:"";background-color:currentColor}.s-loading__scale--1{opacity:.125;transform:rotate(45deg)}.s-loading__scale--2{opacity:.25;transform:rotate(90deg)}.s-loading__scale--3{opacity:.375;transform:rotate(135deg)}.s-loading__scale--4{opacity:.5;transform:rotate(180deg)}.s-loading__scale--5{opacity:.625;transform:rotate(225deg)}.s-loading__scale--6{opacity:.75;transform:rotate(270deg)}.s-loading__scale--7{opacity:.875;transform:rotate(315deg)}.s-loading__scale--8{opacity:1;transform:rotate(360deg)}.s-loading__scale--hidden{opacity:0}.s-loading__text{margin-inline-start:var(--s-loading-text-margin-start)}.s-loading--vertical .s-loading__text{margin-inline-start:0;margin-top:var(--s-loading-text-vertical-margin-top)}

package/components/loading/loading.js

@@ -48,7 +48,7 @@ var loading_default = /*@__PURE__*/ defineComponent({
 		const slots = useSlots();
 		const bem = createBem("loading");
 		const scaleShowNum = computed(() => {
-			return Math.max(Math.floor(props.progress * 12), 1);
+			return Math.max(Math.floor(props.progress * 8), 1);
 		});
 		const loadingClass = computed(() => {
 			return [bem.b(), bem.m("vertical", props.vertical)];
@@ -76,7 +76,7 @@ var loading_default = /*@__PURE__*/ defineComponent({
 			return openBlock(), createElementBlock("div", { class: normalizeClass(loadingClass.value) }, [createElementVNode("div", {
 				class: normalizeClass(iconClass.value),
 				style: normalizeStyle(iconStyle.value)
-			}, [__props.type === "circular" ? renderSlot(_ctx.$slots, "circular", { key: 0 }, () => [createElementVNode("div", { class: normalizeClass(unref(bem).e("spinner")) }, null, 2)]) : __props.type === "clock" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, renderList(12, (i) => {
+			}, [__props.type === "circular" ? renderSlot(_ctx.$slots, "circular", { key: 0 }, () => [createElementVNode("div", { class: normalizeClass(unref(bem).e("spinner")) }, null, 2)]) : __props.type === "clock" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, renderList(8, (i) => {
 				return createElementVNode("div", {
 					key: i,
 					class: normalizeClass([

package/components/notify/notify.js

@@ -90,12 +90,6 @@ var notify_default = /*@__PURE__*/ defineComponent({
 		const onClick = (event) => {
 			emit("click", event);
 		};
-		__expose({
-			reHideLater,
-			cancelHide: () => {
-				hideTimer.clear();
-			}
-		});
 		const notifyClass = computed(() => {
 			return [
 				bem.b(),
@@ -109,6 +103,12 @@ var notify_default = /*@__PURE__*/ defineComponent({
 				color: props.color
 			};
 		});
+		__expose({
+			reHideLater,
+			cancelHide: () => {
+				hideTimer.clear();
+			}
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(popup_default, {
 				visible: innerVisible.value,

package/components/picker/common.d.ts

@@ -18,8 +18,8 @@ export interface PickerEmits<T> {
     (e: 'change', value: any, selectedOptions: T[], indexes: number[]): void;
 }
 export declare function getColumnsType<T>(columns: T[] | T[][], { getChildren }: UseOptionKeysReturn): "single" | "multi" | "cascader";
-export declare function getOptionsByIndexes<T>(indexes: number[], columns: T[] | T[][], useOptionKeysReturn: UseOptionKeysReturn): T[];
+export declare function getOptionsByIndexes<T>(indexes: number[], columns: T[] | T[][], optionKeys: UseOptionKeysReturn): T[];
 export declare function getCascaderValidIndexes<T>(indexes: number[], columns: T[] | T[][], { getChildren }: UseOptionKeysReturn): number[];
-export declare function getMaySingleValueByOptions<T>(options: T[], useOptionKeysReturn: UseOptionKeysReturn, columns: T[] | T[][]): any;
-export declare function getIndexesByValue<T>(value: any[], columns: T[] | T[][], useOptionKeysReturn: UseOptionKeysReturn): number[];
-export declare function getInitialValue<T>(columns: T[] | T[][], useOptionKeysReturn: UseOptionKeysReturn): any[];
+export declare function getMaySingleValueByOptions<T>(options: T[], optionKeys: UseOptionKeysReturn, columns: T[] | T[][]): any;
+export declare function getIndexesByValue<T>(value: any[], columns: T[] | T[][], optionKeys: UseOptionKeysReturn): number[];
+export declare function getInitialValue<T>(columns: T[] | T[][], optionKeys: UseOptionKeysReturn): any[];

package/components/picker/common.js

@@ -6,15 +6,15 @@ function getColumnsType(columns, { getChildren }) {
 	if (firstColumn && typeof firstColumn === "object" && Array.isArray(getChildren(firstColumn))) return "cascader";
 	return "single";
 }
-function getOptionsByIndexes(indexes, columns, useOptionKeysReturn) {
-	const { getChildren } = useOptionKeysReturn;
+function getOptionsByIndexes(indexes, columns, optionKeys) {
+	const { getChildren } = optionKeys;
 	function recurse(columns, i = 0) {
 		const option = columns[Math.min(indexes[i], columns.length - 1)];
 		const nextColumn = getChildren(option);
 		if (Array.isArray(nextColumn)) return [option, ...recurse(nextColumn, ++i)];
 		return [option];
 	}
-	switch (getColumnsType(columns, useOptionKeysReturn)) {
+	switch (getColumnsType(columns, optionKeys)) {
 		case "single": return [columns[indexes[0]]];
 		case "multi": return columns.map((column, i) => column[indexes[i]]);
 		case "cascader": return recurse(columns);
@@ -31,14 +31,14 @@ function getCascaderValidIndexes(indexes, columns, { getChildren }) {
 	}
 	return recurse(columns);
 }
-function getMaySingleValueByOptions(options, useOptionKeysReturn, columns) {
-	const { getValue } = useOptionKeysReturn;
+function getMaySingleValueByOptions(options, optionKeys, columns) {
+	const { getValue } = optionKeys;
 	const values = options.map((option) => getValue(option));
-	return getColumnsType(columns, useOptionKeysReturn) === "single" ? values[0] : values;
+	return getColumnsType(columns, optionKeys) === "single" ? values[0] : values;
 }
-function getIndexesByValue(value, columns, useOptionKeysReturn) {
-	const { getValue, getChildren } = useOptionKeysReturn;
-	const type = getColumnsType(columns, useOptionKeysReturn);
+function getIndexesByValue(value, columns, optionKeys) {
+	const { getValue, getChildren } = optionKeys;
+	const type = getColumnsType(columns, optionKeys);
 	function recurse(columns, i = 0) {
 		let index = columns.findIndex((option) => getValue(option) === value[i]);
 		if (index === -1) index = 0;
@@ -54,8 +54,8 @@ function getIndexesByValue(value, columns, useOptionKeysReturn) {
 		return Math.max(optionIndex, 0);
 	});
 }
-function getInitialValue(columns, useOptionKeysReturn) {
-	const { getChildren, getValue } = useOptionKeysReturn;
+function getInitialValue(columns, optionKeys) {
+	const { getChildren, getValue } = optionKeys;
 	function recurse(columns, options) {
 		const option = columns[0];
 		options.push(option);
@@ -63,7 +63,7 @@ function getInitialValue(columns, useOptionKeysReturn) {
 		if (Array.isArray(nextColumn) && nextColumn.length > 0) return recurse(nextColumn, options);
 		return option;
 	}
-	switch (getColumnsType(columns, useOptionKeysReturn)) {
+	switch (getColumnsType(columns, optionKeys)) {
 		case "single": return [getValue(columns[0]), [columns[0]]];
 		case "multi": return [columns.map((column) => getValue(column[0])), columns.map((column) => column[0])];
 		case "cascader": {