sard 1.0.5 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/action-sheet/action-sheet-item.js +6 -4
- package/components/avatar/index.css +1 -1
- package/components/badge/index.css +1 -1
- package/components/button/index.css +1 -1
- package/components/compact/compact.js +1 -1
- package/components/cool-icon/cool-icon.js +1 -1
- package/components/descriptions/descriptions-item.js +1 -1
- package/components/divider/divider.js +1 -1
- package/components/dnd/dnd-handle.js +1 -1
- package/components/dnd/dnd-item.js +1 -1
- package/components/fab/fab-item.js +1 -1
- package/components/form/form-item.js +1 -1
- package/components/form/form.js +1 -1
- package/components/image/image.js +1 -1
- package/components/infinite-list/index.css +1 -1
- package/components/infinite-list/infinite-list.js +3 -3
- package/components/input/input.js +13 -13
- package/components/keyboard/keyboard.js +3 -3
- package/components/load-more/useLoadMore.d.ts +1 -1
- package/components/load-more/useLoadMore.js +2 -2
- package/components/loading/index.css +1 -1
- package/components/loading/loading.js +2 -2
- package/components/notify/notify.js +6 -6
- package/components/preview-image/preview-image.js +1 -1
- package/components/pull-down-refresh/pull-down-refresh.js +1 -1
- package/components/puzzle-verify/puzzle-verify.js +1 -1
- package/components/rate/index.css +1 -1
- package/components/read-more/read-more.js +1 -1
- package/components/rotate-verify/rotate-verify.js +1 -1
- package/components/segmented/segmented-item.js +1 -1
- package/components/segmented/segmented.js +1 -1
- package/components/select/common.d.ts +2 -0
- package/components/select/select-option.js +1 -1
- package/components/select/select.d.ts +3 -0
- package/components/select/select.js +11 -2
- package/components/select-input/select-input.d.ts +1 -0
- package/components/select-input/select-input.js +4 -0
- package/components/select-popout/select-popout.d.ts +1 -0
- package/components/select-popout/select-popout.js +4 -0
- package/components/share-sheet/index.css +1 -1
- package/components/slide-verify/slide-verify.js +1 -1
- package/components/status-bar/status-bar.js +1 -1
- package/components/steps/step.js +1 -1
- package/components/style/index.css +1 -1
- package/components/swipe-action/swipe-action.js +1 -3
- package/components/tabbar-pit/tabbar-pit.js +1 -1
- package/components/toast/toast.js +6 -6
- package/components/tree/tree.js +3 -3
- package/components/upload/upload.js +1 -1
- package/components/waterfall/waterfall-item.js +1 -1
- package/components/waterfall/waterfall-load.js +1 -1
- package/components/waterfall/waterfall.js +4 -4
- package/components/watermark/watermark.js +1 -1
- package/index.css +1 -1
- package/package.json +1 -1
|
@@ -40,7 +40,7 @@ var action_sheet_item_default = /*@__PURE__*/ defineComponent({
|
|
|
40
40
|
const emit = __emit;
|
|
41
41
|
const bem = createBem("action-sheet");
|
|
42
42
|
const { select } = useActionSheetItem(props);
|
|
43
|
-
const
|
|
43
|
+
const labelStyle = computed(() => {
|
|
44
44
|
return { color: props.color };
|
|
45
45
|
});
|
|
46
46
|
const onClick = () => {
|
|
@@ -56,15 +56,17 @@ var action_sheet_item_default = /*@__PURE__*/ defineComponent({
|
|
|
56
56
|
unref(bem).is("disabled", props.disabled),
|
|
57
57
|
unref(bem).is("loading", props.loading)
|
|
58
58
|
]),
|
|
59
|
-
style: normalizeStyle(itemStyle.value),
|
|
60
59
|
onClick
|
|
61
|
-
}, [!props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", {
|
|
60
|
+
}, [!props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", {
|
|
61
|
+
class: normalizeClass(unref(bem).e("item-label")),
|
|
62
|
+
style: normalizeStyle(labelStyle.value)
|
|
63
|
+
}, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])], 6), props.description || slots.description ? (openBlock(), createElementBlock("div", {
|
|
62
64
|
key: 0,
|
|
63
65
|
class: normalizeClass(unref(bem).e("item-description"))
|
|
64
66
|
}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 2)) : createCommentVNode("v-if", true)], 64))], 64)) : (openBlock(), createElementBlock("div", {
|
|
65
67
|
key: 1,
|
|
66
68
|
class: normalizeClass(unref(bem).e("loading"))
|
|
67
|
-
}, [createVNode(loading_default)], 2))],
|
|
69
|
+
}, [createVNode(loading_default)], 2))], 2);
|
|
68
70
|
};
|
|
69
71
|
}
|
|
70
72
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--s-avatar-size:var(--s-size-6xl);--s-avatar-bg:var(--s-fill-color-secondary);--s-avatar-border-color:var(--s-
|
|
1
|
+
: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}
|
|
@@ -1 +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-
|
|
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-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}
|
|
@@ -1 +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}
|
|
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-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}
|
|
@@ -32,7 +32,6 @@ var compact_default = /*@__PURE__*/ defineComponent({
|
|
|
32
32
|
addItem,
|
|
33
33
|
removeItem
|
|
34
34
|
}));
|
|
35
|
-
__expose({});
|
|
36
35
|
const compactClass = computed(() => {
|
|
37
36
|
return [
|
|
38
37
|
bem.b(),
|
|
@@ -40,6 +39,7 @@ var compact_default = /*@__PURE__*/ defineComponent({
|
|
|
40
39
|
bem.m(props.direction)
|
|
41
40
|
];
|
|
42
41
|
});
|
|
42
|
+
__expose({});
|
|
43
43
|
return (_ctx, _cache) => {
|
|
44
44
|
return openBlock(), createElementBlock("div", { class: normalizeClass(compactClass.value) }, [renderSlot(_ctx.$slots, "default")], 2);
|
|
45
45
|
};
|
|
@@ -34,7 +34,6 @@ var cool_icon_default = /*@__PURE__*/ defineComponent({
|
|
|
34
34
|
const onClick = (event) => {
|
|
35
35
|
emit("click", event);
|
|
36
36
|
};
|
|
37
|
-
__expose({});
|
|
38
37
|
const coolIconClass = computed(() => {
|
|
39
38
|
return [bem.b(), bem.m(props.shape)];
|
|
40
39
|
});
|
|
@@ -49,6 +48,7 @@ var cool_icon_default = /*@__PURE__*/ defineComponent({
|
|
|
49
48
|
const bgStyle = computed(() => {
|
|
50
49
|
return { background: props.background };
|
|
51
50
|
});
|
|
51
|
+
__expose({});
|
|
52
52
|
return (_ctx, _cache) => {
|
|
53
53
|
return openBlock(), createElementBlock("div", {
|
|
54
54
|
class: normalizeClass(coolIconClass.value),
|
|
@@ -35,7 +35,7 @@ var descriptions_item_default = /*@__PURE__*/ defineComponent({
|
|
|
35
35
|
setup(__props) {
|
|
36
36
|
const props = __props;
|
|
37
37
|
const bem = createBem("descriptions");
|
|
38
|
-
const context = inject(descriptionsContextKey);
|
|
38
|
+
const context = inject(descriptionsContextKey, null);
|
|
39
39
|
if (!context) throw new Error("DescriptionsItem must be included in Descriptions.");
|
|
40
40
|
const colspan = computed(() => props.colspan ?? 1);
|
|
41
41
|
const rowspan = computed(() => props.rowspan ?? 1);
|
|
@@ -26,7 +26,6 @@ var divider_default = /*@__PURE__*/ defineComponent({
|
|
|
26
26
|
const props = __props;
|
|
27
27
|
const slots = useSlots();
|
|
28
28
|
const bem = createBem("divider");
|
|
29
|
-
__expose({});
|
|
30
29
|
const dividerClass = computed(() => {
|
|
31
30
|
return [
|
|
32
31
|
bem.b(),
|
|
@@ -39,6 +38,7 @@ var divider_default = /*@__PURE__*/ defineComponent({
|
|
|
39
38
|
const dividerStyle = computed(() => {
|
|
40
39
|
return { borderStyle: props.type };
|
|
41
40
|
});
|
|
41
|
+
__expose({});
|
|
42
42
|
return (_ctx, _cache) => {
|
|
43
43
|
return openBlock(), createElementBlock("div", {
|
|
44
44
|
class: normalizeClass(dividerClass.value),
|
|
@@ -36,10 +36,10 @@ var dnd_handle_default = /*@__PURE__*/ defineComponent({
|
|
|
36
36
|
duration: 150
|
|
37
37
|
});
|
|
38
38
|
const onDragPointerDown = usePointerDown(onDragTouchStart, onDragTouchMove, onDragTouchEnd);
|
|
39
|
-
__expose({});
|
|
40
39
|
const dndHandleClass = computed(() => {
|
|
41
40
|
return [bem.b(), bem.m("dragging", dragging)];
|
|
42
41
|
});
|
|
42
|
+
__expose({});
|
|
43
43
|
return (_ctx, _cache) => {
|
|
44
44
|
return openBlock(), createElementBlock("div", {
|
|
45
45
|
class: normalizeClass(dndHandleClass.value),
|
|
@@ -102,7 +102,6 @@ var dnd_item_default = /*@__PURE__*/ defineComponent({
|
|
|
102
102
|
move,
|
|
103
103
|
end
|
|
104
104
|
});
|
|
105
|
-
__expose({});
|
|
106
105
|
const dndItemClass = computed(() => {
|
|
107
106
|
return [
|
|
108
107
|
bem.b(),
|
|
@@ -116,6 +115,7 @@ var dnd_item_default = /*@__PURE__*/ defineComponent({
|
|
|
116
115
|
const y = props.itemInfo.dragging ? translateY.value : dndContext.currentHeight * props.itemInfo.offset;
|
|
117
116
|
el.style.setProperty("transform", `translate3d(0,${y}px,0)`);
|
|
118
117
|
});
|
|
118
|
+
__expose({});
|
|
119
119
|
return (_ctx, _cache) => {
|
|
120
120
|
return openBlock(), createBlock(unref(OnlyChild), {
|
|
121
121
|
class: normalizeClass(dndItemClass.value),
|
|
@@ -33,7 +33,6 @@ var fab_item_default = /*@__PURE__*/ defineComponent({
|
|
|
33
33
|
if (!props.isEntry) context.onItemClick();
|
|
34
34
|
emit("click", event);
|
|
35
35
|
};
|
|
36
|
-
__expose({});
|
|
37
36
|
const fabItemClass = computed(() => {
|
|
38
37
|
return [
|
|
39
38
|
bem.b(),
|
|
@@ -41,6 +40,7 @@ var fab_item_default = /*@__PURE__*/ defineComponent({
|
|
|
41
40
|
bem.m("entry", props.isEntry)
|
|
42
41
|
];
|
|
43
42
|
});
|
|
43
|
+
__expose({});
|
|
44
44
|
return (_ctx, _cache) => {
|
|
45
45
|
return openBlock(), createElementBlock("div", {
|
|
46
46
|
class: normalizeClass(fabItemClass.value),
|
|
@@ -78,7 +78,6 @@ var form_item_default = /*@__PURE__*/ defineComponent({
|
|
|
78
78
|
const slots = useSlots();
|
|
79
79
|
const bem = createBem("form-item");
|
|
80
80
|
const { expose, validateState, shouldShowStar, validateMessage, shouldShowError, direction, labelAlign, labelValign, starPosition, labelWidth, contentPosition } = useFormItem(props);
|
|
81
|
-
__expose(expose);
|
|
82
81
|
const formItemClass = computed(() => {
|
|
83
82
|
return [
|
|
84
83
|
bem.b(),
|
|
@@ -95,6 +94,7 @@ var form_item_default = /*@__PURE__*/ defineComponent({
|
|
|
95
94
|
const contentClass = computed(() => {
|
|
96
95
|
return [bem.e("content"), bem.em("content", contentPosition.value)];
|
|
97
96
|
});
|
|
97
|
+
__expose(expose);
|
|
98
98
|
return (_ctx, _cache) => {
|
|
99
99
|
return openBlock(), createElementBlock("div", {
|
|
100
100
|
ref: "form-item",
|
package/components/form/form.js
CHANGED
|
@@ -79,10 +79,10 @@ var form_default = /*@__PURE__*/ defineComponent({
|
|
|
79
79
|
const props = __props;
|
|
80
80
|
const bem = createBem("form");
|
|
81
81
|
const { expose } = useForm(props);
|
|
82
|
-
__expose(expose);
|
|
83
82
|
const formClass = computed(() => {
|
|
84
83
|
return [bem.b(), bem.m("card", props.card)];
|
|
85
84
|
});
|
|
85
|
+
__expose(expose);
|
|
86
86
|
return (_ctx, _cache) => {
|
|
87
87
|
return openBlock(), createElementBlock("div", { class: normalizeClass(formClass.value) }, [renderSlot(_ctx.$slots, "default")], 2);
|
|
88
88
|
};
|
|
@@ -108,7 +108,6 @@ var image_default = /*@__PURE__*/ defineComponent({
|
|
|
108
108
|
doLoad(event);
|
|
109
109
|
});
|
|
110
110
|
}, { immediate: true });
|
|
111
|
-
__expose({});
|
|
112
111
|
const imageClass = computed(() => {
|
|
113
112
|
return [
|
|
114
113
|
bem.b(),
|
|
@@ -131,6 +130,7 @@ var image_default = /*@__PURE__*/ defineComponent({
|
|
|
131
130
|
backgroundSize: IMAGE_MODES[props.mode][1]
|
|
132
131
|
};
|
|
133
132
|
});
|
|
133
|
+
__expose({});
|
|
134
134
|
return (_ctx, _cache) => {
|
|
135
135
|
return openBlock(), createElementBlock("div", {
|
|
136
136
|
ref: "root",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.s-infinite-list{overflow-x:hidden;overflow-y:auto}.s-infinite-list .s-pull-down-refresh{display:
|
|
1
|
+
.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}
|
|
@@ -75,7 +75,7 @@ var infinite_list_default = /*@__PURE__*/ defineComponent({
|
|
|
75
75
|
}, {
|
|
76
76
|
unready: withCtx((slotsProps) => [renderSlot(_ctx.$slots, "unready", normalizeProps(guardReactiveProps(slotsProps)), () => [createVNode(loading_default, {
|
|
77
77
|
type: "clock",
|
|
78
|
-
size: "
|
|
78
|
+
size: "16px",
|
|
79
79
|
animated: false,
|
|
80
80
|
progress: slotsProps.progress
|
|
81
81
|
}, {
|
|
@@ -84,7 +84,7 @@ var infinite_list_default = /*@__PURE__*/ defineComponent({
|
|
|
84
84
|
}, 8, ["progress"])])]),
|
|
85
85
|
ready: withCtx(() => [renderSlot(_ctx.$slots, "ready", {}, () => [createVNode(loading_default, {
|
|
86
86
|
type: "clock",
|
|
87
|
-
size: "
|
|
87
|
+
size: "16px",
|
|
88
88
|
animated: false
|
|
89
89
|
}, {
|
|
90
90
|
default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("ready")), 1)]),
|
|
@@ -92,7 +92,7 @@ var infinite_list_default = /*@__PURE__*/ defineComponent({
|
|
|
92
92
|
})])]),
|
|
93
93
|
loading: withCtx(() => [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(loading_default, {
|
|
94
94
|
type: "clock",
|
|
95
|
-
size: "
|
|
95
|
+
size: "16px"
|
|
96
96
|
}, {
|
|
97
97
|
default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("loading")), 1)]),
|
|
98
98
|
_: 1
|
|
@@ -294,19 +294,6 @@ var input_default = /*@__PURE__*/ defineComponent({
|
|
|
294
294
|
const showAppend = computed(() => {
|
|
295
295
|
return !!slots.append || props.clearable || mergedShowEye.value || countVisible.value;
|
|
296
296
|
});
|
|
297
|
-
const inputClass = computed(() => {
|
|
298
|
-
return [
|
|
299
|
-
bem.b(),
|
|
300
|
-
bem.m(props.type),
|
|
301
|
-
bem.m("inlaid", props.inlaid),
|
|
302
|
-
bem.m("borderless", props.borderless),
|
|
303
|
-
bem.is("disabled", isDisabled.value),
|
|
304
|
-
bem.is("readonly", isReadonly.value),
|
|
305
|
-
bem.is("focused", innerFocused.value),
|
|
306
|
-
bem.m(`compact-${compactContext?.direction}`, compactContext),
|
|
307
|
-
bem.m("compact-block", compactContext?.block)
|
|
308
|
-
];
|
|
309
|
-
});
|
|
310
297
|
const commonProps = computed(() => {
|
|
311
298
|
return {
|
|
312
299
|
class: bem.e("control"),
|
|
@@ -329,6 +316,19 @@ var input_default = /*@__PURE__*/ defineComponent({
|
|
|
329
316
|
autocapitalize: props.autocapitalize
|
|
330
317
|
};
|
|
331
318
|
});
|
|
319
|
+
const inputClass = computed(() => {
|
|
320
|
+
return [
|
|
321
|
+
bem.b(),
|
|
322
|
+
bem.m(props.type),
|
|
323
|
+
bem.m("inlaid", props.inlaid),
|
|
324
|
+
bem.m("borderless", props.borderless),
|
|
325
|
+
bem.is("disabled", isDisabled.value),
|
|
326
|
+
bem.is("readonly", isReadonly.value),
|
|
327
|
+
bem.is("focused", innerFocused.value),
|
|
328
|
+
bem.m(`compact-${compactContext?.direction}`, compactContext),
|
|
329
|
+
bem.m("compact-block", compactContext?.block)
|
|
330
|
+
];
|
|
331
|
+
});
|
|
332
332
|
__expose({
|
|
333
333
|
focus() {
|
|
334
334
|
controlRef.value?.focus();
|
|
@@ -64,9 +64,6 @@ var keyboard_default = /*@__PURE__*/ defineComponent({
|
|
|
64
64
|
const nextMode = innerMode.value === "chinese" ? "english" : "chinese";
|
|
65
65
|
innerMode.value = nextMode;
|
|
66
66
|
};
|
|
67
|
-
__expose({ shuffle() {
|
|
68
|
-
randomKeys.value = getRandomKeys();
|
|
69
|
-
} });
|
|
70
67
|
const getKeyClass = (key) => {
|
|
71
68
|
return [
|
|
72
69
|
bem.e("key"),
|
|
@@ -80,6 +77,9 @@ var keyboard_default = /*@__PURE__*/ defineComponent({
|
|
|
80
77
|
const backspaceClass = computed(() => {
|
|
81
78
|
return [bem.e("key"), bem.em("key", "backspace")];
|
|
82
79
|
});
|
|
80
|
+
__expose({ shuffle() {
|
|
81
|
+
randomKeys.value = getRandomKeys();
|
|
82
|
+
} });
|
|
83
83
|
return (_ctx, _cache) => {
|
|
84
84
|
return openBlock(), createElementBlock("div", { class: normalizeClass(keyboardClass.value) }, [__props.type === "number" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(numberKeys), (key) => {
|
|
85
85
|
return openBlock(), createElementBlock("div", {
|
|
@@ -17,6 +17,6 @@ export interface UseLoadMoreReturn {
|
|
|
17
17
|
onLoadMore: () => void;
|
|
18
18
|
onReload: () => void;
|
|
19
19
|
currentPage: Ref<number, number>;
|
|
20
|
-
refresh: () => Promise<void | null>;
|
|
20
|
+
refresh: (force?: boolean) => Promise<void | null>;
|
|
21
21
|
}
|
|
22
22
|
export declare function useLoadMore(options: UseLoadMoreOptions): UseLoadMoreReturn;
|
|
@@ -28,9 +28,9 @@ function useLoadMore(options) {
|
|
|
28
28
|
status.value = "error";
|
|
29
29
|
});
|
|
30
30
|
};
|
|
31
|
-
const refresh = async () => {
|
|
31
|
+
const refresh = async (force) => {
|
|
32
32
|
if (!disabled.value) {
|
|
33
|
-
if (status.value !== "loading") {
|
|
33
|
+
if (force || status.value !== "loading") {
|
|
34
34
|
isRefreshing.value = true;
|
|
35
35
|
return loadMoreFetch(1);
|
|
36
36
|
}
|
|
@@ -1 +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(
|
|
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(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)}
|
|
@@ -48,7 +48,7 @@ var loading_default = /*@__PURE__*/ defineComponent({
|
|
|
48
48
|
const slots = useSlots();
|
|
49
49
|
const bem = createBem("loading");
|
|
50
50
|
const scaleShowNum = computed(() => {
|
|
51
|
-
return Math.max(Math.floor(props.progress *
|
|
51
|
+
return Math.max(Math.floor(props.progress * 8), 1);
|
|
52
52
|
});
|
|
53
53
|
const loadingClass = computed(() => {
|
|
54
54
|
return [bem.b(), bem.m("vertical", props.vertical)];
|
|
@@ -76,7 +76,7 @@ var loading_default = /*@__PURE__*/ defineComponent({
|
|
|
76
76
|
return openBlock(), createElementBlock("div", { class: normalizeClass(loadingClass.value) }, [createElementVNode("div", {
|
|
77
77
|
class: normalizeClass(iconClass.value),
|
|
78
78
|
style: normalizeStyle(iconStyle.value)
|
|
79
|
-
}, [__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(
|
|
79
|
+
}, [__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) => {
|
|
80
80
|
return createElementVNode("div", {
|
|
81
81
|
key: i,
|
|
82
82
|
class: normalizeClass([
|
|
@@ -90,12 +90,6 @@ var notify_default = /*@__PURE__*/ defineComponent({
|
|
|
90
90
|
const onClick = (event) => {
|
|
91
91
|
emit("click", event);
|
|
92
92
|
};
|
|
93
|
-
__expose({
|
|
94
|
-
reHideLater,
|
|
95
|
-
cancelHide: () => {
|
|
96
|
-
hideTimer.clear();
|
|
97
|
-
}
|
|
98
|
-
});
|
|
99
93
|
const notifyClass = computed(() => {
|
|
100
94
|
return [
|
|
101
95
|
bem.b(),
|
|
@@ -109,6 +103,12 @@ var notify_default = /*@__PURE__*/ defineComponent({
|
|
|
109
103
|
color: props.color
|
|
110
104
|
};
|
|
111
105
|
});
|
|
106
|
+
__expose({
|
|
107
|
+
reHideLater,
|
|
108
|
+
cancelHide: () => {
|
|
109
|
+
hideTimer.clear();
|
|
110
|
+
}
|
|
111
|
+
});
|
|
112
112
|
return (_ctx, _cache) => {
|
|
113
113
|
return openBlock(), createBlock(popup_default, {
|
|
114
114
|
visible: innerVisible.value,
|
|
@@ -52,7 +52,6 @@ var preview_image_default = /*@__PURE__*/ defineComponent({
|
|
|
52
52
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
53
53
|
const props = __props;
|
|
54
54
|
const emit = __emit;
|
|
55
|
-
__expose({});
|
|
56
55
|
const bem = createBem("preview-image");
|
|
57
56
|
const innerVisible = useModel(props, "visible");
|
|
58
57
|
const visibleTimer = useTimeout();
|
|
@@ -132,6 +131,7 @@ var preview_image_default = /*@__PURE__*/ defineComponent({
|
|
|
132
131
|
};
|
|
133
132
|
});
|
|
134
133
|
const current = useModel(props, "current");
|
|
134
|
+
__expose({});
|
|
135
135
|
return (_ctx, _cache) => {
|
|
136
136
|
return openBlock(), createBlock(popup_default, {
|
|
137
137
|
effect: "full-fade",
|
|
@@ -115,7 +115,6 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
|
|
|
115
115
|
const enableToRefresh = (can) => {
|
|
116
116
|
canRefresh.value = can;
|
|
117
117
|
};
|
|
118
|
-
__expose({ enableToRefresh });
|
|
119
118
|
const pullDownRefreshStyle = computed(() => {
|
|
120
119
|
return {
|
|
121
120
|
transform: `translate3d(0,${translateY.value}px,0)`,
|
|
@@ -125,6 +124,7 @@ var pull_down_refresh_default = /*@__PURE__*/ defineComponent({
|
|
|
125
124
|
const headerStyle = computed(() => {
|
|
126
125
|
return { height: props.headerHeight + "px" };
|
|
127
126
|
});
|
|
127
|
+
__expose({ enableToRefresh });
|
|
128
128
|
return (_ctx, _cache) => {
|
|
129
129
|
return openBlock(), createElementBlock("div", {
|
|
130
130
|
class: normalizeClass(unref(bem).b()),
|
|
@@ -89,7 +89,6 @@ var puzzle_verify_default = /*@__PURE__*/ defineComponent({
|
|
|
89
89
|
emit("end", event);
|
|
90
90
|
isDown.value = false;
|
|
91
91
|
};
|
|
92
|
-
__expose({ reset });
|
|
93
92
|
const puzzleVerifyClass = computed(() => {
|
|
94
93
|
return [bem.b(), bem.m("down", isDown.value)];
|
|
95
94
|
});
|
|
@@ -101,6 +100,7 @@ var puzzle_verify_default = /*@__PURE__*/ defineComponent({
|
|
|
101
100
|
"--padding-top": 1 / aspectRatio.value * 100 + "%"
|
|
102
101
|
};
|
|
103
102
|
});
|
|
103
|
+
__expose({ reset });
|
|
104
104
|
return (_ctx, _cache) => {
|
|
105
105
|
return openBlock(), createElementBlock("div", {
|
|
106
106
|
class: normalizeClass(puzzleVerifyClass.value),
|
|
@@ -1 +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-
|
|
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-dark)}.s-rate--disabled .s-rate__star{color:var(--s-text-color-disabled)}.s-rate--disabled .s-rate__item{cursor:not-allowed}
|
|
@@ -86,13 +86,13 @@ var read_more_default = /*@__PURE__*/ defineComponent({
|
|
|
86
86
|
behavior: "instant"
|
|
87
87
|
});
|
|
88
88
|
};
|
|
89
|
-
__expose({});
|
|
90
89
|
const readMoreClass = computed(() => {
|
|
91
90
|
return [bem.b(), bem.m("close", !innerVisible.value)];
|
|
92
91
|
});
|
|
93
92
|
const contentStyle = computed(() => {
|
|
94
93
|
return { maxHeight: innerVisible.value ? "none" : props.maxHeight + "px" };
|
|
95
94
|
});
|
|
95
|
+
__expose({});
|
|
96
96
|
return (_ctx, _cache) => {
|
|
97
97
|
return openBlock(), createElementBlock("div", { class: normalizeClass(readMoreClass.value) }, [createElementVNode("div", {
|
|
98
98
|
ref: "content",
|
|
@@ -65,10 +65,10 @@ var rotate_verify_default = /*@__PURE__*/ defineComponent({
|
|
|
65
65
|
const reset = () => {
|
|
66
66
|
slideVerifyRef.value?.reset();
|
|
67
67
|
};
|
|
68
|
-
__expose({ reset });
|
|
69
68
|
const imageStyle = computed(() => {
|
|
70
69
|
return { transform: `rotate(${targetDegree.value}deg) rotate(${-slideDegree.value}deg)` };
|
|
71
70
|
});
|
|
71
|
+
__expose({ reset });
|
|
72
72
|
return (_ctx, _cache) => {
|
|
73
73
|
return openBlock(), createElementBlock("div", { class: normalizeClass(unref(bem).b()) }, [createElementVNode("img", {
|
|
74
74
|
class: normalizeClass(unref(bem).e("image")),
|
|
@@ -48,7 +48,6 @@ var segmented_item_default = /*@__PURE__*/ defineComponent({
|
|
|
48
48
|
if (!isDisabled.value && !isReadonly.value) context.toggle(props.value);
|
|
49
49
|
emit("click", event);
|
|
50
50
|
};
|
|
51
|
-
__expose({});
|
|
52
51
|
const segmentedItemClass = computed(() => {
|
|
53
52
|
return [
|
|
54
53
|
bem.b(),
|
|
@@ -60,6 +59,7 @@ var segmented_item_default = /*@__PURE__*/ defineComponent({
|
|
|
60
59
|
bem.m(context.shape)
|
|
61
60
|
];
|
|
62
61
|
});
|
|
62
|
+
__expose({});
|
|
63
63
|
return (_ctx, _cache) => {
|
|
64
64
|
return openBlock(), createElementBlock("div", {
|
|
65
65
|
class: normalizeClass(segmentedItemClass.value),
|
|
@@ -94,7 +94,6 @@ var segmented_default = /*@__PURE__*/ defineComponent({
|
|
|
94
94
|
value: innerValue,
|
|
95
95
|
toggle
|
|
96
96
|
}));
|
|
97
|
-
__expose({});
|
|
98
97
|
const segmentedClass = computed(() => {
|
|
99
98
|
return [
|
|
100
99
|
bem.b(),
|
|
@@ -109,6 +108,7 @@ var segmented_default = /*@__PURE__*/ defineComponent({
|
|
|
109
108
|
"--offset": `${currentIndex.value * 100}%`
|
|
110
109
|
};
|
|
111
110
|
});
|
|
111
|
+
__expose({});
|
|
112
112
|
return (_ctx, _cache) => {
|
|
113
113
|
return openBlock(), createElementBlock("div", { class: normalizeClass(segmentedClass.value) }, [createElementVNode("div", { class: normalizeClass(unref(bem).e("wrapper")) }, [createElementVNode("div", {
|
|
114
114
|
class: normalizeClass(unref(bem).e("pointer")),
|
|
@@ -8,6 +8,7 @@ export interface SelectProps {
|
|
|
8
8
|
filterable?: boolean;
|
|
9
9
|
filterPlaceholder?: string;
|
|
10
10
|
filterMethod?: (query: string) => void;
|
|
11
|
+
filterValue?: string;
|
|
11
12
|
remote?: boolean;
|
|
12
13
|
remoteMethod?: (query: string, page: number, isRefresh: boolean) => Promise<boolean>;
|
|
13
14
|
threshold?: number;
|
|
@@ -36,6 +37,7 @@ export interface SelectEmits {
|
|
|
36
37
|
(e: 'update:modelValue', value: any): void;
|
|
37
38
|
(e: 'change', value: any): void;
|
|
38
39
|
(e: 'select', value: any): void;
|
|
40
|
+
(e: 'update:filter-value', value: string): void;
|
|
39
41
|
}
|
|
40
42
|
export interface SelectExpose {
|
|
41
43
|
}
|
|
@@ -59,7 +59,6 @@ var select_option_default = /*@__PURE__*/ defineComponent({
|
|
|
59
59
|
onUnmounted(() => {
|
|
60
60
|
removeMember(member);
|
|
61
61
|
});
|
|
62
|
-
__expose({});
|
|
63
62
|
const selectOptionClass = computed(() => {
|
|
64
63
|
return [
|
|
65
64
|
bem.b(),
|
|
@@ -68,6 +67,7 @@ var select_option_default = /*@__PURE__*/ defineComponent({
|
|
|
68
67
|
bem.is("plain", props.plain)
|
|
69
68
|
];
|
|
70
69
|
});
|
|
70
|
+
__expose({});
|
|
71
71
|
return (_ctx, _cache) => {
|
|
72
72
|
return openBlock(), createElementBlock("div", {
|
|
73
73
|
ref: "option",
|
|
@@ -4,10 +4,12 @@ declare const __VLS_base: import("vue").DefineComponent<SelectProps, SelectExpos
|
|
|
4
4
|
select: (value: any) => any;
|
|
5
5
|
change: (value: any) => any;
|
|
6
6
|
"update:modelValue": (value: any) => any;
|
|
7
|
+
"update:filter-value": (value: string) => any;
|
|
7
8
|
}, string, import("vue").PublicProps, Readonly<SelectProps> & Readonly<{
|
|
8
9
|
onSelect?: ((value: any) => any) | undefined;
|
|
9
10
|
onChange?: ((value: any) => any) | undefined;
|
|
10
11
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
12
|
+
"onUpdate:filter-value"?: ((value: string) => any) | undefined;
|
|
11
13
|
}>, {
|
|
12
14
|
multiple: boolean;
|
|
13
15
|
options: any[];
|
|
@@ -18,6 +20,7 @@ declare const __VLS_base: import("vue").DefineComponent<SelectProps, SelectExpos
|
|
|
18
20
|
multipleLimit: number;
|
|
19
21
|
filterable: boolean;
|
|
20
22
|
filterMethod: (query: string) => void;
|
|
23
|
+
filterValue: string;
|
|
21
24
|
remote: boolean;
|
|
22
25
|
remoteMethod: (query: string, page: number, isRefresh: boolean) => Promise<boolean>;
|
|
23
26
|
showToolbar: boolean;
|