sard 1.0.5 → 1.0.7

package/components/rate/index.css

@@ -1 +1 @@
-:root{--s-rate-gap:var(--s-size-xs);--s-rate-star-font-size:var(--s-size-lg);--s-rate-void-star-color:var(--s-text-color-fourth);--s-rate-star-color:var(--s-color-warning)}.s-rate{display:inline-flex;-webkit-user-select:none;user-select:none}.s-rate__content{display:flex;gap:var(--s-rate-gap);touch-action:pan-y}.s-rate__item{position:relative;font-size:var(--s-rate-star-font-size);line-height:var(--s-line-height-none);cursor:pointer}.s-rate__item svg{flex:none}.s-rate__void-star{color:var(--s-rate-void-star-color)}.s-rate__star{position:absolute;top:0;inset-inline-start:0;display:flex;align-items:flex-start;width:0;overflow:hidden;color:var(--s-rate-star-color)}.s-rate--readonly,.s-rate--disabled{touch-action:auto}.s-rate--readonly .s-rate__item{cursor:unset}.s-rate--disabled .s-rate__void-star{color:var(--s-border-color-disabled)}.s-rate--disabled .s-rate__star{color:var(--s-text-color-disabled)}.s-rate--disabled .s-rate__item{cursor:not-allowed}
+:root{--s-rate-gap:var(--s-size-xs);--s-rate-star-font-size:var(--s-size-lg);--s-rate-void-star-color:var(--s-text-color-fourth);--s-rate-star-color:var(--s-color-warning)}.s-rate{display:inline-flex;-webkit-user-select:none;user-select:none}.s-rate__content{display:flex;gap:var(--s-rate-gap);touch-action:pan-y}.s-rate__item{position:relative;font-size:var(--s-rate-star-font-size);line-height:var(--s-line-height-none);cursor:pointer}.s-rate__item svg{flex:none}.s-rate__void-star{color:var(--s-rate-void-star-color)}.s-rate__star{position:absolute;top:0;inset-inline-start:0;display:flex;align-items:flex-start;width:0;overflow:hidden;color:var(--s-rate-star-color)}.s-rate--readonly,.s-rate--disabled{touch-action:auto}.s-rate--readonly .s-rate__item{cursor:unset}.s-rate--disabled .s-rate__void-star{color:var(--s-border-color-dark)}.s-rate--disabled .s-rate__star{color:var(--s-text-color-disabled)}.s-rate--disabled .s-rate__item{cursor:not-allowed}

package/components/read-more/read-more.js

@@ -86,13 +86,13 @@ var read_more_default = /*@__PURE__*/ defineComponent({
 				behavior: "instant"
 			});
 		};
-		__expose({});
 		const readMoreClass = computed(() => {
 			return [bem.b(), bem.m("close", !innerVisible.value)];
 		});
 		const contentStyle = computed(() => {
 			return { maxHeight: innerVisible.value ? "none" : props.maxHeight + "px" };
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(readMoreClass.value) }, [createElementVNode("div", {
 				ref: "content",

package/components/rotate-verify/rotate-verify.js

@@ -65,10 +65,10 @@ var rotate_verify_default = /*@__PURE__*/ defineComponent({
 		const reset = () => {
 			slideVerifyRef.value?.reset();
 		};
-		__expose({ reset });
 		const imageStyle = computed(() => {
 			return { transform: `rotate(${targetDegree.value}deg) rotate(${-slideDegree.value}deg)` };
 		});
+		__expose({ reset });
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(bem).b()) }, [createElementVNode("img", {
 				class: normalizeClass(unref(bem).e("image")),

package/components/segmented/segmented-item.js

@@ -48,7 +48,6 @@ var segmented_item_default = /*@__PURE__*/ defineComponent({
 			if (!isDisabled.value && !isReadonly.value) context.toggle(props.value);
 			emit("click", event);
 		};
-		__expose({});
 		const segmentedItemClass = computed(() => {
 			return [
 				bem.b(),
@@ -60,6 +59,7 @@ var segmented_item_default = /*@__PURE__*/ defineComponent({
 				bem.m(context.shape)
 			];
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(segmentedItemClass.value),

package/components/segmented/segmented.js

@@ -94,7 +94,6 @@ var segmented_default = /*@__PURE__*/ defineComponent({
 			value: innerValue,
 			toggle
 		}));
-		__expose({});
 		const segmentedClass = computed(() => {
 			return [
 				bem.b(),
@@ -109,6 +108,7 @@ var segmented_default = /*@__PURE__*/ defineComponent({
 				"--offset": `${currentIndex.value * 100}%`
 			};
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(segmentedClass.value) }, [createElementVNode("div", { class: normalizeClass(unref(bem).e("wrapper")) }, [createElementVNode("div", {
 				class: normalizeClass(unref(bem).e("pointer")),

package/components/select/common.d.ts

@@ -8,6 +8,7 @@ export interface SelectProps {
     filterable?: boolean;
     filterPlaceholder?: string;
     filterMethod?: (query: string) => void;
+    filterValue?: string;
     remote?: boolean;
     remoteMethod?: (query: string, page: number, isRefresh: boolean) => Promise<boolean>;
     threshold?: number;
@@ -36,6 +37,7 @@ export interface SelectEmits {
     (e: 'update:modelValue', value: any): void;
     (e: 'change', value: any): void;
     (e: 'select', value: any): void;
+    (e: 'update:filter-value', value: string): void;
 }
 export interface SelectExpose {
 }

package/components/select/select-option.js

@@ -59,7 +59,6 @@ var select_option_default = /*@__PURE__*/ defineComponent({
 		onUnmounted(() => {
 			removeMember(member);
 		});
-		__expose({});
 		const selectOptionClass = computed(() => {
 			return [
 				bem.b(),
@@ -68,6 +67,7 @@ var select_option_default = /*@__PURE__*/ defineComponent({
 				bem.is("plain", props.plain)
 			];
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				ref: "option",

package/components/select/select.d.ts

@@ -4,10 +4,12 @@ declare const __VLS_base: import("vue").DefineComponent<SelectProps, SelectExpos
     select: (value: any) => any;
     change: (value: any) => any;
     "update:modelValue": (value: any) => any;
+    "update:filter-value": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<SelectProps> & Readonly<{
     onSelect?: ((value: any) => any) | undefined;
     onChange?: ((value: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onUpdate:filter-value"?: ((value: string) => any) | undefined;
 }>, {
     multiple: boolean;
     options: any[];
@@ -18,6 +20,7 @@ declare const __VLS_base: import("vue").DefineComponent<SelectProps, SelectExpos
     multipleLimit: number;
     filterable: boolean;
     filterMethod: (query: string) => void;
+    filterValue: string;
     remote: boolean;
     remoteMethod: (query: string, page: number, isRefresh: boolean) => Promise<boolean>;
     showToolbar: boolean;

package/components/select/select.js

@@ -49,6 +49,10 @@ var select_default = /*@__PURE__*/ defineComponent({
 			type: Function,
 			required: false
 		},
+		filterValue: {
+			type: String,
+			required: false
+		},
 		remote: {
 			type: Boolean,
 			required: false
@@ -81,7 +85,8 @@ var select_default = /*@__PURE__*/ defineComponent({
 	emits: [
 		"update:modelValue",
 		"change",
-		"select"
+		"select",
+		"update:filter-value"
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
@@ -113,9 +118,13 @@ var select_default = /*@__PURE__*/ defineComponent({
 		const scrollRef = useTemplateRef("scroll");
 		const scrollSide = useScrollSide(scrollRef, { direction: "vertical" });
 		const searchValue = ref("");
+		watch(() => props.filterValue, () => {
+			searchValue.value = String(props.filterValue ?? "");
+		});
 		watch(searchValue, () => {
 			props.filterMethod?.(searchValue.value);
 			debouncedRefresh();
+			if (searchValue.value !== props.filterValue) emit("update:filter-value", searchValue.value);
 		});
 		const { status, isLoading, onLoadMore, onReload, refresh } = useLoadMore({
 			root: scrollRef,
@@ -157,13 +166,13 @@ var select_default = /*@__PURE__*/ defineComponent({
 		usePopupEnter(() => {
 			scrollIntoView();
 		});
-		__expose({});
 		const containerClass = computed(() => {
 			return [bem.e("container"), bem.em("container", scrollSide.vertical)];
 		});
 		const scrollClass = computed(() => {
 			return [bem.e("scroll"), bem.em("scroll", "filterable", props.filterable)];
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(bem).b()) }, [
 				__props.filterable ? (openBlock(), createElementBlock("div", {

package/components/select-input/select-input.d.ts

@@ -51,6 +51,7 @@ declare const __VLS_base: import("vue").DefineComponent<SelectInputProps, Select
     multipleLimit: number;
     filterable: boolean;
     filterMethod: (query: string) => void;
+    filterValue: string;
     remote: boolean;
     remoteMethod: (query: string, page: number, isRefresh: boolean) => Promise<boolean>;
     showToolbar: boolean;

package/components/select-input/select-input.js

@@ -62,6 +62,10 @@ var select_input_default = /*@__PURE__*/ defineComponent({
 			type: Function,
 			required: false
 		},
+		filterValue: {
+			type: String,
+			required: false
+		},
 		remote: {
 			type: Boolean,
 			required: false

package/components/select-popout/select-popout.d.ts

@@ -43,6 +43,7 @@ declare const __VLS_base: import("vue").DefineComponent<SelectPopoutProps, Selec
     multipleLimit: number;
     filterable: boolean;
     filterMethod: (query: string) => void;
+    filterValue: string;
     remote: boolean;
     remoteMethod: (query: string, page: number, isRefresh: boolean) => Promise<boolean>;
     showToolbar: boolean;

package/components/select-popout/select-popout.js

@@ -51,6 +51,10 @@ var select_popout_default = /*@__PURE__*/ defineComponent({
 			type: Function,
 			required: false
 		},
+		filterValue: {
+			type: String,
+			required: false
+		},
 		remote: {
 			type: Boolean,
 			required: false

package/components/share-sheet/index.css

@@ -1 +1 @@
-:root{--s-share-sheet-border-radius:var(--s-border-radius-xl);--s-share-sheet-border-color:var(--s-border-color);--s-share-sheet-bg:var(--s-bg-color-elevated);--s-share-sheet-header-padding:var(--s-size);--s-share-sheet-title-font-size:var(--s-font-size-lg);--s-share-sheet-description-font-size:var(--s-font-size);--s-share-sheet-description-color:var(--s-text-color-tertiary);--s-share-sheet-row-padding-y:var(--s-size);--s-share-sheet-row-padding-x:var(--s-size-xs);--s-share-sheet-item-width:80px;--s-share-sheet-item-opacity-active:var(--s-opacity-active);--s-share-sheet-icon-size:var(--s-size-4xl);--s-share-sheet-icon-radius:var(--s-border-radius-full);--s-share-sheet-icon-font-size:var(--s-size-xl);--s-share-sheet-icon-color:var(--s-text-color-tertiary);--s-share-sheet-icon-bg:var(--s-fill-color);--s-share-sheet-label-margin-top:var(--s-size-xs);--s-share-sheet-label-padding-x:var(--s-size-2xs);--s-share-sheet-label-font-size:var(--s-font-size);--s-share-sheet-label-color:var(--s-text-color-tertiary);--s-share-sheet-item-description-margin-top:0;--s-share-sheet-item-description-padding-x:var(--s-size-2xs);--s-share-sheet-item-description-font-size:var(--s-font-size-sm);--s-share-sheet-item-description-color:var(--s-text-color-fourth);--s-share-sheet-gap-bg:var(--s-fill-color-tertiary);--s-share-sheet-gap-height:var(--s-size-xs);--s-share-sheet-cancel-min-height:var(--s-content-height-lg);--s-share-sheet-cancel-padding:var(--s-size-xs) var(--s-size);--s-share-sheet-cancel-font-size:var(--s-font-size-lg);--s-share-sheet-cancel-bg-active:var(--s-bg-color-active)}.s-share-sheet{padding-bottom:var(--s-safe-bottom);border-top-left-radius:var(--s-share-sheet-border-radius);border-top-right-radius:var(--s-share-sheet-border-radius);background:var(--s-share-sheet-bg);touch-action:pan-x}.s-share-sheet__header{position:relative;display:flex;flex-direction:column;gap:var(--s-size-2xs);padding:var(--s-share-sheet-header-padding)}.s-share-sheet__header::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-share-sheet-border-color);transform-origin:bottom center}.s-share-sheet__title{font-size:var(--s-share-sheet-title-font-size);font-weight:var(--s-font-weight-bold);text-align:center}.s-share-sheet__description{font-size:var(--s-share-sheet-description-font-size);text-align:center;color:var(--s-share-sheet-description-color)}.s-share-sheet__gap{height:var(--s-share-sheet-gap-height);background:var(--s-share-sheet-gap-bg)}.s-share-sheet__cancel{display:flex;justify-content:center;align-items:center;min-height:var(--s-share-sheet-cancel-min-height);padding:var(--s-share-sheet-cancel-padding);font-size:var(--s-share-sheet-cancel-font-size);cursor:pointer}.s-share-sheet__cancel:active{background:var(--s-share-sheet-cancel-bg-active)}.s-share-sheet-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:var(--s-share-sheet-item-width);flex:none;cursor:pointer}.s-share-sheet-item:not(.is-disabled):active{opacity:var(--s-share-sheet-item-opacity-active)}.s-share-sheet-item:is(.is-disabled){opacity:var(--s-opacity-disabled);cursor:var(--s-cursor-disabled);filter:var(--s-filter-disabled)}.s-share-sheet-item__label{margin-top:var(--s-share-sheet-label-margin-top);padding:0 var(--s-share-sheet-label-padding-x);font-size:var(--s-share-sheet-label-font-size);color:var(--s-share-sheet-label-color)}.s-share-sheet-item__description{margin-top:var(--s-share-sheet-item-description-margin-top);padding:0 var(--s-share-sheet-item-description-padding-x);font-size:var(--s-share-sheet-item-description-font-size);color:var(--s-share-sheet-item-description-color)}.s-share-sheet-row{position:relative}.s-share-sheet-row:not(:first-child)::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-share-sheet-border-color);transform-origin:top center}.s-share-sheet-row__scroll{display:flex;padding:var(--s-share-sheet-row-padding-y) var(--s-share-sheet-row-padding-x);overflow-x:auto;overflow-y:hidden}.s-share-sheet-icon{display:flex;justify-content:center;align-items:center;width:var(--s-share-sheet-icon-size);height:var(--s-share-sheet-icon-size);border-radius:var(--s-share-sheet-icon-radius);font-size:var(--s-share-sheet-icon-font-size);color:var(--s-share-sheet-icon-color);background:var(--s-share-sheet-icon-bg)}.s-share-sheet-icon__image{width:100%;height:100%;object-fit:cover;border-radius:var(--s-share-sheet-icon-radius)}
+:root{--s-share-sheet-border-radius:var(--s-border-radius-xl);--s-share-sheet-border-color:var(--s-border-color);--s-share-sheet-bg:var(--s-bg-color-elevated);--s-share-sheet-header-padding:var(--s-size);--s-share-sheet-title-font-size:var(--s-font-size-lg);--s-share-sheet-description-font-size:var(--s-font-size);--s-share-sheet-description-color:var(--s-text-color-tertiary);--s-share-sheet-row-padding-y:var(--s-size);--s-share-sheet-row-padding-x:var(--s-size-xs);--s-share-sheet-item-width:80px;--s-share-sheet-item-opacity-active:var(--s-opacity-active);--s-share-sheet-icon-size:var(--s-size-4xl);--s-share-sheet-icon-radius:var(--s-border-radius-full);--s-share-sheet-icon-font-size:var(--s-size-xl);--s-share-sheet-icon-color:var(--s-text-color-tertiary);--s-share-sheet-icon-bg:var(--s-fill-color);--s-share-sheet-label-margin-top:var(--s-size-xs);--s-share-sheet-label-padding-x:var(--s-size-2xs);--s-share-sheet-label-font-size:var(--s-font-size);--s-share-sheet-label-color:var(--s-text-color-tertiary);--s-share-sheet-item-description-margin-top:0;--s-share-sheet-item-description-padding-x:var(--s-size-2xs);--s-share-sheet-item-description-font-size:var(--s-font-size-sm);--s-share-sheet-item-description-color:var(--s-text-color-fourth);--s-share-sheet-gap-bg:var(--s-fill-color-fourth);--s-share-sheet-gap-height:var(--s-size-xs);--s-share-sheet-cancel-min-height:var(--s-content-height-lg);--s-share-sheet-cancel-padding:var(--s-size-xs) var(--s-size);--s-share-sheet-cancel-font-size:var(--s-font-size-lg);--s-share-sheet-cancel-bg-active:var(--s-bg-color-active)}.s-share-sheet{padding-bottom:var(--s-safe-bottom);border-top-left-radius:var(--s-share-sheet-border-radius);border-top-right-radius:var(--s-share-sheet-border-radius);background:var(--s-share-sheet-bg);touch-action:pan-x}.s-share-sheet__header{position:relative;display:flex;flex-direction:column;gap:var(--s-size-2xs);padding:var(--s-share-sheet-header-padding)}.s-share-sheet__header::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-share-sheet-border-color);transform-origin:bottom center}.s-share-sheet__title{font-size:var(--s-share-sheet-title-font-size);font-weight:var(--s-font-weight-bold);text-align:center}.s-share-sheet__description{font-size:var(--s-share-sheet-description-font-size);text-align:center;color:var(--s-share-sheet-description-color)}.s-share-sheet__gap{height:var(--s-share-sheet-gap-height);background:var(--s-share-sheet-gap-bg)}.s-share-sheet__cancel{display:flex;justify-content:center;align-items:center;min-height:var(--s-share-sheet-cancel-min-height);padding:var(--s-share-sheet-cancel-padding);font-size:var(--s-share-sheet-cancel-font-size);cursor:pointer}.s-share-sheet__cancel:active{background:var(--s-share-sheet-cancel-bg-active)}.s-share-sheet-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:var(--s-share-sheet-item-width);flex:none;cursor:pointer}.s-share-sheet-item:not(.is-disabled):active{opacity:var(--s-share-sheet-item-opacity-active)}.s-share-sheet-item:is(.is-disabled){opacity:var(--s-opacity-disabled);cursor:var(--s-cursor-disabled);filter:var(--s-filter-disabled)}.s-share-sheet-item__label{margin-top:var(--s-share-sheet-label-margin-top);padding:0 var(--s-share-sheet-label-padding-x);font-size:var(--s-share-sheet-label-font-size);color:var(--s-share-sheet-label-color)}.s-share-sheet-item__description{margin-top:var(--s-share-sheet-item-description-margin-top);padding:0 var(--s-share-sheet-item-description-padding-x);font-size:var(--s-share-sheet-item-description-font-size);color:var(--s-share-sheet-item-description-color)}.s-share-sheet-row{position:relative}.s-share-sheet-row:not(:first-child)::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-share-sheet-border-color);transform-origin:top center}.s-share-sheet-row__scroll{display:flex;padding:var(--s-share-sheet-row-padding-y) var(--s-share-sheet-row-padding-x);overflow-x:auto;overflow-y:hidden}.s-share-sheet-icon{display:flex;justify-content:center;align-items:center;width:var(--s-share-sheet-icon-size);height:var(--s-share-sheet-icon-size);border-radius:var(--s-share-sheet-icon-radius);font-size:var(--s-share-sheet-icon-font-size);color:var(--s-share-sheet-icon-color);background:var(--s-share-sheet-icon-bg)}.s-share-sheet-icon__image{width:100%;height:100%;object-fit:cover;border-radius:var(--s-share-sheet-icon-radius)}

package/components/slide-verify/slide-verify.js

@@ -147,7 +147,6 @@ var slide_verify_default = /*@__PURE__*/ defineComponent({
 		watch(percent, () => {
 			emit("change", percent.value);
 		});
-		__expose({ reset });
 		const slideVerifyClass = computed(() => {
 			return [
 				bem.b(),
@@ -164,6 +163,7 @@ var slide_verify_default = /*@__PURE__*/ defineComponent({
 				"--target-x": targetPos.value + "%"
 			};
 		});
+		__expose({ reset });
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(slideVerifyClass.value),

package/components/status-bar/status-bar.js

@@ -9,10 +9,10 @@ var status_bar_default = /*@__PURE__*/ defineComponent({
 		const statusBarHeight = computed(() => {
 			return windowInfo.statusBarHeight + "px";
 		});
-		__expose();
 		const statusBarStyle = computed(() => {
 			return { height: statusBarHeight.value };
 		});
+		__expose();
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(unref(bem).b()),

package/components/steps/step.js

@@ -25,7 +25,6 @@ var step_default = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
-		__expose({});
 		const bem = createBem("step");
 		const context = inject(stepsContextKey);
 		if (!context) throw new Error("Step must be included in Steps.");
@@ -45,6 +44,7 @@ var step_default = /*@__PURE__*/ defineComponent({
 				bem.m("reverse", context.reverse)
 			];
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(stepClass.value) }, [createElementVNode("div", { class: normalizeClass(unref(bem).e("header")) }, [
 				createElementVNode("div", { class: normalizeClass([unref(bem).e("line"), unref(bem).e("line-before")]) }, null, 2),

package/components/style/index.css

@@ -1 +1 @@
-:root{--s-white:#fff;--s-gray-50:#fafafa;--s-gray-100:#f3f3f3;--s-gray-125:#ececec;--s-gray-150:#e5e5e5;--s-gray-200:#dedede;--s-gray-300:#c4c4c4;--s-gray-400:#ababab;--s-gray-500:#8f8f8f;--s-gray-600:#717171;--s-gray-700:#525252;--s-gray-800:#353535;--s-gray-900:#181818;--s-gray-950:#0e0e0e;--s-black:#000;--s-white-rgb:255,255,255;--s-gray-50-rgb:250,250,250;--s-gray-100-rgb:243,243,243;--s-gray-125-rgb:236,236,236;--s-gray-150-rgb:229,229,229;--s-gray-200-rgb:222,222,222;--s-gray-300-rgb:196,196,196;--s-gray-400-rgb:171,171,171;--s-gray-500-rgb:143,143,143;--s-gray-600-rgb:113,113,113;--s-gray-700-rgb:82,82,82;--s-gray-800-rgb:53,53,53;--s-gray-900-rgb:24,24,24;--s-gray-950-rgb:14,14,14;--s-black-rgb:0,0,0;--s-color-primary:#3b82f6;--s-color-secondary:var(--s-gray-600);--s-color-success:#22c55e;--s-color-warning:#eab308;--s-color-danger:#ef4444;--s-color-primary-rgb:59,130,246;--s-color-secondary-rgb:113,113,113;--s-color-success-rgb:34,197,94;--s-color-warning-rgb:234,179,8;--s-color-danger-rgb:239,68,68;--s-text-color-emphasis:var(--s-black);--s-text-color-primary:var(--s-gray-900);--s-text-color-secondary:var(--s-gray-700);--s-text-color-tertiary:var(--s-gray-600);--s-text-color-fourth:var(--s-gray-400);--s-text-color-disabled:var(--s-gray-400);--s-bg-color-layout:var(--s-gray-100);--s-bg-color-container:var(--s-white);--s-bg-color-container-rgb:var(--s-white-rgb);--s-bg-color-elevated:var(--s-white);--s-bg-color-elevated-rgb:var(--s-white-rgb);--s-bg-color-extreme:var(--s-white);--s-bg-color-disabled:var(--s-gray-150);--s-bg-color-active:var(--s-gray-125);--s-bg-color-active-dark:var(--s-gray-200);--s-fill-color:var(--s-gray-200);--s-fill-color-secondary:var(--s-gray-150);--s-fill-color-tertiary:var(--s-gray-125);--s-fill-color-fourth:var(--s-gray-100);--s-border-style:solid;--s-border-width:1px;--s-border-color-dark:var(--s-gray-300);--s-border-color:var(--s-gray-150);--s-border-color-light:var(--s-gray-125);--s-border-color-lighter:var(--s-gray-100);--s-border-color-disabled:var(--s-gray-200);--s-border-radius-xs:2px;--s-border-radius-sm:4px;--s-border-radius:6px;--s-border-radius-lg:10px;--s-border-radius-xl:14px;--s-border-radius-full:9999px;--s-font-family:-apple-system,blinkmacsystemfont,"Helvetica Neue",helvetica,segoe ui,arial,roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif;--s-font-family-code:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--s-font-size-xs:10px;--s-font-size-sm:12px;--s-font-size:14px;--s-font-size-lg:16px;--s-font-size-xl:24px;--s-font-size-2xl:32px;--s-font-weight-bold:600;--s-font-weight-normal:400;--s-font-weight-light:300;--s-line-height-none:1;--s-line-height-tight:1.25;--s-line-height-snug:1.375;--s-line-height-normal:1.5;--s-line-height-relaxed:1.625;--s-line-height-loose:2;--s-size-3xs:2px;--s-size-2xs:4px;--s-size-xs:8px;--s-size-sm:12px;--s-size:16px;--s-size-lg:20px;--s-size-xl:24px;--s-size-2xl:32px;--s-size-3xl:40px;--s-size-4xl:48px;--s-size-5xl:56px;--s-size-6xl:64px;--s-content-height-2xs:24px;--s-content-height-xs:32px;--s-content-height-sm:40px;--s-content-height:44px;--s-content-height-lg:48px;--s-content-padding-y:var(--s-size-xs);--s-content-padding-x:var(--s-size);--s-content-padding:var(--s-size-xs) var(--s-size);--s-z-index:1000;--s-z-index-secondary:100;--s-z-index-tertiary:10;--s-box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);--s-box-shadow-secondary:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);--s-box-shadow-tertiary:0 1px 2px 0 rgba(0,0,0,.05),0 1px 6px -1px rgba(0,0,0,.03),0 2px 4px 0 rgba(0,0,0,.03);--s-box-shadow-side-color:rgba(0,0,0,.15);--s-box-shadow-left:inset 10px 0 10px -10px var(--s-box-shadow-side-color);--s-box-shadow-right:inset -10px 0 10px -10px var(--s-box-shadow-side-color);--s-box-shadow-top:inset 0 10px 10px -10px var(--s-box-shadow-side-color);--s-box-shadow-bottom:inset 0 -10px 10px -10px var(--s-box-shadow-side-color);--s-overlay-legible:rgba(0,0,0,.1);--s-overlay:rgba(0,0,0,.5);--s-overlay-illegible:rgba(0,0,0,.7);--s-opacity-disabled:.6;--s-opacity-active:.5;--s-opacity-loading:.6;--s-opacity-theme-bg:.1;--s-cursor-disabled:not-allowed;--s-cursor-loading:wait;--s-filter-disabled:grayscale(100%);--s-duration-slow:350ms;--s-duration:250ms;--s-duration-fast:150ms;--s-safe-bottom:env(safe-area-inset-bottom);--s-status-bar-height:0}.dark{--s-text-color-emphasis:var(--s-white);--s-text-color-primary:var(--s-gray-100);--s-text-color-secondary:var(--s-gray-300);--s-text-color-tertiary:var(--s-gray-500);--s-text-color-fourth:var(--s-gray-600);--s-text-color-disabled:var(--s-gray-600);--s-bg-color-layout:var(--s-black);--s-bg-color-container:var(--s-gray-950);--s-bg-color-container-rgb:var(--s-gray-950-rgb);--s-bg-color-elevated:var(--s-gray-950);--s-bg-color-elevated-rgb:var(--s-gray-950-rgb);--s-bg-color-extreme:var(--s-black);--s-bg-color-disabled:var(--s-gray-700);--s-bg-color-active:var(--s-gray-800);--s-bg-color-active-dark:var(--s-gray-600);--s-fill-color:var(--s-gray-600);--s-fill-color-secondary:var(--s-gray-700);--s-fill-color-tertiary:var(--s-gray-800);--s-fill-color-fourth:var(--s-gray-900);--s-border-color-dark:var(--s-gray-600);--s-border-color:var(--s-gray-700);--s-border-color-light:var(--s-gray-800);--s-border-color-lighter:var(--s-gray-900);--s-border-color-disabled:var(--s-gray-700);--s-box-shadow:0 6px 16px 0 hsla(0,0%,100%,.04),0 3px 6px -4px hsla(0,0%,100%,.06),0 9px 28px 8px hsla(0,0%,100%,.02);--s-box-shadow-secondary:0 6px 16px 0 hsla(0,0%,100%,.04),0 3px 6px -4px hsla(0,0%,100%,.06),0 9px 28px 8px hsla(0,0%,100%,.02);--s-box-shadow-tertiary:0 1px 2px 0 hsla(0,0%,100%,.05),0 1px 6px -1px hsla(0,0%,100%,.03),0 2px 4px 0 hsla(0,0%,100%,.03);--s-box-shadow-side-color:hsla(0,0%,100%,.1)}
+:root{--s-white:#fff;--s-gray-50:#fafafa;--s-gray-100:#f3f3f3;--s-gray-125:#ececec;--s-gray-150:#e5e5e5;--s-gray-200:#dedede;--s-gray-300:#c4c4c4;--s-gray-400:#ababab;--s-gray-500:#8f8f8f;--s-gray-600:#717171;--s-gray-700:#525252;--s-gray-800:#353535;--s-gray-900:#181818;--s-gray-950:#0e0e0e;--s-black:#000;--s-white-rgb:255,255,255;--s-gray-50-rgb:250,250,250;--s-gray-100-rgb:243,243,243;--s-gray-125-rgb:236,236,236;--s-gray-150-rgb:229,229,229;--s-gray-200-rgb:222,222,222;--s-gray-300-rgb:196,196,196;--s-gray-400-rgb:171,171,171;--s-gray-500-rgb:143,143,143;--s-gray-600-rgb:113,113,113;--s-gray-700-rgb:82,82,82;--s-gray-800-rgb:53,53,53;--s-gray-900-rgb:24,24,24;--s-gray-950-rgb:14,14,14;--s-black-rgb:0,0,0;--s-color-primary:#3b82f6;--s-color-secondary:var(--s-gray-600);--s-color-success:#22c55e;--s-color-warning:#eab308;--s-color-danger:#ef4444;--s-color-primary-rgb:59,130,246;--s-color-secondary-rgb:113,113,113;--s-color-success-rgb:34,197,94;--s-color-warning-rgb:234,179,8;--s-color-danger-rgb:239,68,68;--s-text-color-emphasis:var(--s-black);--s-text-color-primary:var(--s-gray-900);--s-text-color-secondary:var(--s-gray-700);--s-text-color-tertiary:var(--s-gray-600);--s-text-color-fourth:var(--s-gray-400);--s-text-color-disabled:var(--s-gray-400);--s-bg-color-layout:var(--s-gray-100);--s-bg-color-container:var(--s-white);--s-bg-color-container-rgb:var(--s-white-rgb);--s-bg-color-elevated:var(--s-white);--s-bg-color-elevated-rgb:var(--s-white-rgb);--s-bg-color-extreme:var(--s-white);--s-bg-color-disabled:var(--s-gray-150);--s-bg-color-active:var(--s-gray-125);--s-bg-color-active-dark:var(--s-gray-200);--s-fill-color:var(--s-gray-200);--s-fill-color-secondary:var(--s-gray-150);--s-fill-color-tertiary:var(--s-gray-125);--s-fill-color-fourth:var(--s-gray-100);--s-border-style:solid;--s-border-width:1px;--s-border-color-dark:var(--s-gray-300);--s-border-color:var(--s-gray-200);--s-border-color-light:var(--s-gray-100);--s-border-radius-xs:2px;--s-border-radius-sm:4px;--s-border-radius:6px;--s-border-radius-lg:10px;--s-border-radius-xl:14px;--s-border-radius-full:9999px;--s-font-family:-apple-system,blinkmacsystemfont,"Helvetica Neue",helvetica,segoe ui,arial,roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif;--s-font-family-code:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--s-font-size-xs:10px;--s-font-size-sm:12px;--s-font-size:14px;--s-font-size-lg:16px;--s-font-size-xl:24px;--s-font-size-2xl:32px;--s-font-weight-bold:600;--s-font-weight-normal:400;--s-font-weight-light:300;--s-line-height-none:1;--s-line-height-tight:1.25;--s-line-height-snug:1.375;--s-line-height-normal:1.5;--s-line-height-relaxed:1.625;--s-line-height-loose:2;--s-size-3xs:2px;--s-size-2xs:4px;--s-size-xs:8px;--s-size-sm:12px;--s-size:16px;--s-size-lg:20px;--s-size-xl:24px;--s-size-2xl:32px;--s-size-3xl:40px;--s-size-4xl:48px;--s-size-5xl:56px;--s-size-6xl:64px;--s-content-height-2xs:24px;--s-content-height-xs:32px;--s-content-height-sm:40px;--s-content-height:44px;--s-content-height-lg:48px;--s-content-padding-y:var(--s-size-xs);--s-content-padding-x:var(--s-size);--s-content-padding:var(--s-size-xs) var(--s-size);--s-z-index:1000;--s-z-index-secondary:100;--s-z-index-tertiary:10;--s-box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);--s-box-shadow-secondary:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);--s-box-shadow-tertiary:0 1px 2px 0 rgba(0,0,0,.05),0 1px 6px -1px rgba(0,0,0,.03),0 2px 4px 0 rgba(0,0,0,.03);--s-box-shadow-side-color:rgba(0,0,0,.15);--s-box-shadow-left:inset 10px 0 10px -10px var(--s-box-shadow-side-color);--s-box-shadow-right:inset -10px 0 10px -10px var(--s-box-shadow-side-color);--s-box-shadow-top:inset 0 10px 10px -10px var(--s-box-shadow-side-color);--s-box-shadow-bottom:inset 0 -10px 10px -10px var(--s-box-shadow-side-color);--s-overlay-legible:rgba(0,0,0,.1);--s-overlay:rgba(0,0,0,.5);--s-overlay-illegible:rgba(0,0,0,.7);--s-opacity-disabled:.6;--s-opacity-active:.5;--s-opacity-loading:.6;--s-opacity-theme-bg:.1;--s-cursor-disabled:not-allowed;--s-cursor-loading:wait;--s-filter-disabled:grayscale(100%);--s-duration-slow:350ms;--s-duration:250ms;--s-duration-fast:150ms;--s-safe-bottom:env(safe-area-inset-bottom);--s-status-bar-height:0}.dark{--s-text-color-emphasis:var(--s-white);--s-text-color-primary:var(--s-gray-100);--s-text-color-secondary:var(--s-gray-300);--s-text-color-tertiary:var(--s-gray-500);--s-text-color-fourth:var(--s-gray-600);--s-text-color-disabled:var(--s-gray-600);--s-bg-color-layout:var(--s-black);--s-bg-color-container:var(--s-gray-950);--s-bg-color-container-rgb:var(--s-gray-950-rgb);--s-bg-color-elevated:var(--s-gray-950);--s-bg-color-elevated-rgb:var(--s-gray-950-rgb);--s-bg-color-extreme:var(--s-black);--s-bg-color-disabled:var(--s-gray-700);--s-bg-color-active:var(--s-gray-800);--s-bg-color-active-dark:var(--s-gray-600);--s-fill-color:var(--s-gray-600);--s-fill-color-secondary:var(--s-gray-700);--s-fill-color-tertiary:var(--s-gray-800);--s-fill-color-fourth:var(--s-gray-900);--s-border-color-dark:var(--s-gray-600);--s-border-color:var(--s-gray-700);--s-border-color-light:var(--s-gray-800);--s-box-shadow:0 6px 16px 0 hsla(0,0%,100%,.04),0 3px 6px -4px hsla(0,0%,100%,.06),0 9px 28px 8px hsla(0,0%,100%,.02);--s-box-shadow-secondary:0 6px 16px 0 hsla(0,0%,100%,.04),0 3px 6px -4px hsla(0,0%,100%,.06),0 9px 28px 8px hsla(0,0%,100%,.02);--s-box-shadow-tertiary:0 1px 2px 0 hsla(0,0%,100%,.05),0 1px 6px -1px hsla(0,0%,100%,.03),0 2px 4px 0 hsla(0,0%,100%,.03);--s-box-shadow-side-color:hsla(0,0%,100%,.1)}

package/components/swipe-action/swipe-action.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import { uniqid } from "../../utils/string.js";
 import { usePointerDown } from "../../use/usePointerDown.js";
 import { useInitialVelocity } from "../../use/useInitialVelocity.js";
 import { useStopMovedClick } from "../../use/useStopMovedClick.js";
@@ -30,7 +29,6 @@ var swipe_action_default = /*@__PURE__*/ defineComponent({
 		const slots = useSlots();
 		const emit = __emit;
 		const bem = createBem("swipe-action");
-		uniqid();
 		const innerVisible = ref(props.visible || false);
 		watch(() => props.visible, () => {
 			if (props.visible !== innerVisible.value) {
@@ -146,13 +144,13 @@ var swipe_action_default = /*@__PURE__*/ defineComponent({
 			canResolveVisible = false;
 		};
 		const onPointerDown = usePointerDown(onTouchStart, onTouchMove, onTouchEnd);
-		__expose({ hide });
 		const translateStyle = computed(() => {
 			return {
 				"--swipe-action-x-raw": `${translateX.value}px`,
 				transition: movable.value ? "none" : `transform 300ms`
 			};
 		});
+		__expose({ hide });
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				ref: "root",

package/components/tabbar-pit/tabbar-pit.js

@@ -10,10 +10,10 @@ var tabbar_pit_default = /*@__PURE__*/ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const props = __props;
 		const bem = createBem("tabbar-pit");
-		__expose({});
 		const tabbarPitClass = computed(() => {
 			return [bem.b(), bem.m("safe", props.safeAreaInsetBottom)];
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(tabbarPitClass.value) }, [renderSlot(_ctx.$slots, "default")], 2);
 		};

package/components/toast/toast.js

@@ -77,12 +77,6 @@ var toast_default = /*@__PURE__*/ defineComponent({
 			emit("visible-hook", name, el);
 			emit(name, el);
 		};
-		__expose({
-			reHideLater,
-			cancelHide: () => {
-				hideTimer.clear();
-			}
-		});
 		const toastClass = computed(() => {
 			return [bem.b(), bem.is("text", props.type === "text")];
 		});
@@ -92,6 +86,12 @@ var toast_default = /*@__PURE__*/ defineComponent({
 		const iconClass = computed(() => {
 			return [bem.e("icon"), bem.is("loading", props.type === "loading")];
 		});
+		__expose({
+			reHideLater,
+			cancelHide: () => {
+				hideTimer.clear();
+			}
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(popup_default, {
 				visible: __props.visible,

package/components/tree/tree.js

@@ -553,6 +553,9 @@ var tree_default = /*@__PURE__*/ defineComponent({
 			isRtl,
 			dragIndent
 		}));
+		const treeStyle = computed(() => {
+			return props.draggable ? { height: `calc(${cssVar("tree-node-height")} * ${totalLevel.value})` } : null;
+		});
 		__expose({
 			setExpanded,
 			toggleExpanded,
@@ -566,9 +569,6 @@ var tree_default = /*@__PURE__*/ defineComponent({
 			addRootNode,
 			getCleanTreeData
 		});
-		const treeStyle = computed(() => {
-			return props.draggable ? { height: `calc(${cssVar("tree-node-height")} * ${totalLevel.value})` } : null;
-		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
 				createElementVNode("div", mergeProps({ ref: "root" }, unref(attrs), {

package/components/upload/upload.js

@@ -232,7 +232,6 @@ var upload_default = /*@__PURE__*/ defineComponent({
 		const onItemClick = (index, fileItem) => {
 			emit("item-click", fileItem, index);
 		};
-		__expose({ select });
 		const uploadClass = computed(() => {
 			return [
 				bem.b(),
@@ -240,6 +239,7 @@ var upload_default = /*@__PURE__*/ defineComponent({
 				bem.is("readonly", isReadonly.value)
 			];
 		});
+		__expose({ select });
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(uploadClass.value) }, [renderSlot(_ctx.$slots, "default", {
 				list: innerValue.value,

package/components/waterfall/waterfall-item.js

@@ -34,7 +34,6 @@ var waterfall_item_default = /*@__PURE__*/ defineComponent({
 		onBeforeUnmount(() => {
 			context.removeMember(member);
 		});
-		__expose({});
 		const laterVisible = ref(false);
 		const visibleTimer = useTimeout();
 		watch(() => member.visible, () => {
@@ -57,6 +56,7 @@ var waterfall_item_default = /*@__PURE__*/ defineComponent({
 				"--y": member.top + "px"
 			}];
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				ref: "item",

package/components/waterfall/waterfall-load.js

@@ -48,10 +48,10 @@ var waterfall_load_default = /*@__PURE__*/ defineComponent({
 				}
 			}, props.maxWait || 0);
 		});
-		__expose({});
 		const waterfallLoadStyle = computed(() => {
 			return { paddingTop: paddingTop.value };
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(unref(bem).b()),

package/components/waterfall/waterfall.js

@@ -104,16 +104,16 @@ var waterfall_default = /*@__PURE__*/ defineComponent({
 			onItemLoad,
 			columnWidth
 		}));
-		__expose({
-			reflow,
-			onLoad
-		});
 		const waterfallClass = computed(() => {
 			return [bem.b()];
 		});
 		const waterfallStyle = computed(() => {
 			return [{ height: containerHeight.value + "px" }];
 		});
+		__expose({
+			reflow,
+			onLoad
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				ref: "container",

package/components/watermark/watermark.js

@@ -178,7 +178,6 @@ var watermark_default = /*@__PURE__*/ defineComponent({
 			immediate: true,
 			flush: "post"
 		});
-		__expose({});
 		const watermarkClass = computed(() => {
 			return [bem.b()];
 		});
@@ -194,6 +193,7 @@ var watermark_default = /*@__PURE__*/ defineComponent({
 				zIndex: props.zIndex
 			}];
 		});
+		__expose({});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(watermarkClass.value),