savor-ui 0.2.0 → 0.3.1

package/dist/es/components/src/dropdown/doption.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,33 +1,30 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
-import { useRipple as t } from "../../../hooks/src/use-ripple.mjs";
 import "../../../hooks/index.mjs";
-import { dropdownContextKey as n } from "./types.mjs";
-import { child as r, createIf as i, createInvoker as a, createSlot as o, createTemplateRefSetter as s, defineVaporComponent as c, delegateEvents as l, inject as u, renderEffect as d, setClass as f, setInsertionState as p, setText as m, template as h, toDisplayString as g, unref as _, useTemplateRef as v } from "vue";
+import { dropdownContextKey as t } from "./types.mjs";
+import { child as n, createIf as r, createInvoker as i, createSlot as a, defineVaporComponent as o, delegateEvents as s, inject as c, renderEffect as l, setClass as u, setInsertionState as d, setText as f, template as p, toDisplayString as m, unref as h } from "vue";
 //#region ../components/src/dropdown/doption.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var y = h("<div>"), b = h(" "), x = h("<div><div></div>", !0);
-l("click");
-var S = /* @__PURE__ */ c({
+var g = p("<div>"), _ = p(" "), v = p("<div><div></div>", !0);
+s("click");
+var y = /* @__PURE__ */ o({
 	name: "SDoption",
 	__name: "doption",
 	props: { title: {} },
 	__multiRoot: !1,
-	setup(c, { slots: l }) {
-		let h = e("droption"), S = v("droptionRef");
-		t(S);
-		let C = u(n, void 0), w = () => {
-			C?.itemClick?.();
-		}, T = s(), E = x(), D = r(E, 1);
-		return d(() => f(E, [_(h).b()])), p(E, 0, 0), i(() => l.icon, () => {
-			let e = y();
-			return d(() => f(e, [_(h).e("icon")])), p(e, null, 0), o("icon", null), e;
-		}, null, 1), d(() => f(D, [_(h).e("title")])), p(D, null, 0), o("default", null, () => {
-			let e = b();
-			return d(() => m(e, g(c.title))), e;
-		}), p(E, null, 2), i(() => l.extra, () => {
-			let e = y();
-			return d(() => f(e, [_(h).e("extra")])), p(e, null, 0), o("extra", null), e;
-		}, null, 1), E.$evtclick = a(w), T(E, S, null, "droptionRef"), E;
+	setup(o, { slots: s }) {
+		let p = e("droption"), y = c(t, void 0), b = () => {
+			y?.itemClick?.();
+		}, x = v(), S = n(x, 1);
+		return l(() => u(x, [h(p).b()])), d(x, 0, 0), r(() => s.icon, () => {
+			let e = g();
+			return l(() => u(e, [h(p).e("icon")])), d(e, null, 0), a("icon", null), e;
+		}, null, 1), l(() => u(S, [h(p).e("title")])), d(S, null, 0), a("default", null, () => {
+			let e = _();
+			return l(() => f(e, m(o.title))), e;
+		}), d(x, null, 2), r(() => s.extra, () => {
+			let e = g();
+			return l(() => u(e, [h(p).e("extra")])), d(e, null, 0), a("extra", null), e;
+		}, null, 1), x.$evtclick = i(b), x;
 	}
 });
 //#endregion
-export { S as default };
+export { y as default };

package/dist/es/components/src/dropdown/dsubmenu.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,15 +1,14 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
-import { useRipple as t } from "../../../hooks/src/use-ripple.mjs";
 import "../../../hooks/index.mjs";
-import n from "../../../icons/src/right.vue.mjs";
+import t from "../../../icons/src/right.vue.mjs";
 import "../../../icons/index.mjs";
-import { SPopover as r } from "../popover/index.mjs";
-import { dropdownContextKey as i } from "./types.mjs";
-import { child as a, createComponent as o, createIf as s, createInvoker as c, createSlot as l, createTemplateRefSetter as u, defineVaporComponent as d, delegateEvents as f, inject as p, next as m, renderEffect as h, setClass as g, setInsertionState as _, setText as v, template as y, toDisplayString as b, unref as x, useTemplateRef as S, withVaporCtx as C } from "vue";
+import { SPopover as n } from "../popover/index.mjs";
+import { dropdownContextKey as r } from "./types.mjs";
+import { child as i, createComponent as a, createIf as o, createInvoker as s, createSlot as c, defineVaporComponent as l, delegateEvents as u, inject as d, next as f, renderEffect as p, setClass as m, setInsertionState as h, setText as g, template as _, toDisplayString as v, unref as y, withVaporCtx as b } from "vue";
 //#region ../components/src/dropdown/dsubmenu.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var w = y("<div>"), T = y(" "), E = y("<div><div></div><div></div></div>"), D = y("<div>", !0);
-f("click");
-var O = /* @__PURE__ */ d({
+var x = _("<div>"), S = _(" "), C = _("<div><div></div><div></div></div>"), w = _("<div>", !0);
+u("click");
+var T = /* @__PURE__ */ l({
 	name: "SDsubmenu",
 	__name: "dsubmenu",
 	props: {
@@ -17,34 +16,32 @@ var O = /* @__PURE__ */ d({
 		popoverProps: {}
 	},
 	__multiRoot: !1,
-	setup(d, { slots: f }) {
-		let y = e("dsubmenu"), O = S("dsubmenuRef");
-		t(O);
-		let k = p(i, void 0), A = () => {
-			k?.itemClick?.();
-		}, j = u(), M = D();
-		return h(() => g(M, [x(y).b()])), _(M, null, 0), o(x(r), { $: [() => ({
+	setup(l, { slots: u }) {
+		let _ = e("dsubmenu"), T = d(r, void 0), E = () => {
+			T?.itemClick?.();
+		}, D = w();
+		return p(() => m(D, [y(_).b()])), h(D, null, 0), a(y(n), { $: [() => ({
 			teleportBody: !1,
 			trigger: "hover",
 			placement: "right-start",
-			...d.popoverProps
+			...l.popoverProps
 		})] }, {
-			content: C(() => {
-				let e = w();
-				return h(() => g(e, x(y).e("list"))), _(e, null, 0), l("content", null), e;
+			content: b(() => {
+				let e = x();
+				return p(() => m(e, y(_).e("list"))), h(e, null, 0), c("content", null), e;
 			}),
-			default: C(() => {
-				let e = E(), t = a(e, 1), r = m(t, 2);
-				return h(() => g(e, x(y).e("item"))), _(e, 0, 0), s(() => f.icon, () => {
-					let e = w();
-					return h(() => g(e, [x(y).e("icon")])), _(e, null, 0), l("icon", null), e;
-				}, null, 1), h(() => g(t, [x(y).e("title")])), _(t, null, 0), l("title", null, () => {
-					let e = T();
-					return h(() => v(e, b(d.title))), e;
-				}), h(() => g(r, [x(y).e("arrow")])), _(r, null, 0), o(x(n)), e.$evtclick = c(A), j(e, O, null, "dsubmenuRef"), e;
+			default: b(() => {
+				let e = C(), n = i(e, 1), r = f(n, 2);
+				return p(() => m(e, y(_).e("item"))), h(e, 0, 0), o(() => u.icon, () => {
+					let e = x();
+					return p(() => m(e, [y(_).e("icon")])), h(e, null, 0), c("icon", null), e;
+				}, null, 1), p(() => m(n, [y(_).e("title")])), h(n, null, 0), c("title", null, () => {
+					let e = S();
+					return p(() => g(e, v(l.title))), e;
+				}), p(() => m(r, [y(_).e("arrow")])), h(r, null, 0), a(y(t)), e.$evtclick = s(E), e;
 			})
-		}), M;
+		}), D;
 	}
 });
 //#endregion
-export { O as default };
+export { T as default };

package/dist/es/components/src/layout/index.d.ts

@@ -9,6 +9,7 @@ export declare const SLayout: ((__VLS_props: NonNullable<Awaited<typeof __VLS_se
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
         height?: string | number | undefined;
+        bgColor?: string | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/es/components/src/layout/layout.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -8,14 +8,20 @@ import { computed as r, createSlot as i, defineVaporComponent as a, renderEffect
 var p = u("<div>", !0), m = /* @__PURE__ */ a({
 	name: "SLayout",
 	__name: "layout",
-	props: { height: { default: "100%" } },
+	props: {
+		height: { default: "100%" },
+		bgColor: {}
+	},
 	__multiRoot: !1,
 	setup(a) {
-		let u = t("layout"), m = f(), h = r(() => (m.default?.({}) || []).some((e) => e.type === n)), g = p();
+		let u = a, m = t("layout"), h = f(), g = r(() => ({
+			height: e(u.height),
+			backgroundColor: u.bgColor
+		})), _ = r(() => (h.default?.({}) || []).some((e) => e.type === n)), v = p();
 		return o(() => {
-			let t = d(u);
-			s(g, [t.b(), t.is("horizontal", h.value)]), l(g, { height: d(e)(a.height) });
-		}), c(g, null, 0), i("default", null), g;
+			let e = d(m);
+			s(v, [e.b(), e.is("horizontal", _.value)]), l(v, g.value);
+		}), c(v, null, 0), i("default", null), v;
 	}
 });
 //#endregion

package/dist/es/components/src/layout/types.d.ts

@@ -1,6 +1,8 @@
 export interface LayoutProps {
     /** 布局高度 */
     height?: string | number;
+    /** 背景颜色 */
+    bgColor?: string;
 }
 export interface LayoutHeaderProps {
     /** 布局头高度 */

package/dist/es/components/src/message/types.d.ts

@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 export interface MessageProps {
     /** 消息类型
-     * @default 'info'
+     * @default info
      */
     type?: "default" | "primary" | "success" | "danger" | "warning" | "info";
     /** 消息内容
@@ -19,7 +19,7 @@ export interface MessageProps {
      */
     offset?: number;
     /** 消息位置
-     * @default 'top'
+     * @default top
      */
     placement?: "top" | "bottom" | "center";
     /** 是否开启悬停不关闭

package/dist/es/components/src/scrollbar/index.d.ts

@@ -1,5 +1,6 @@
 import { ScrollbarSlots, ScrollbarExpose } from './types';
 import { PublicProps, ShallowUnwrapRef, VNode, Plugin } from 'vue';
+import { BackTopProps } from '../back-top';
 export declare const SScrollbar: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
     slots: ScrollbarSlots;
@@ -12,6 +13,8 @@ export declare const SScrollbar: ((__VLS_props: NonNullable<Awaited<typeof __VLS
         padding?: string | undefined;
         always?: boolean | undefined;
         id?: string | undefined;
+        backtop?: boolean | undefined;
+        backtopProps?: BackTopProps | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/es/components/src/scrollbar/scrollbar.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -2,11 +2,12 @@ import { getSize as e } from "../../../utils/src/tool.mjs";
 import "../../../utils/index.mjs";
 import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { applyVShow as n, child as r, createInvoker as i, createSlot as a, createTemplateRefSetter as o, defineVaporComponent as s, delegateEvents as c, next as l, nextTick as u, on as d, onMounted as ee, onUnmounted as f, ref as p, renderEffect as m, setClass as h, setInsertionState as te, setProp as g, setStyle as _, template as v, unref as y, watch as ne } from "vue";
+import { SBackTop as n } from "../back-top/index.mjs";
+import { applyVShow as r, child as i, createComponent as a, createIf as o, createInvoker as s, createSlot as c, createTemplateRefSetter as ee, defineVaporComponent as l, delegateEvents as u, next as d, nextTick as f, on as te, onMounted as ne, onUnmounted as re, ref as p, renderEffect as m, setClass as h, setInsertionState as g, setProp as ie, setStyle as _, template as v, unref as y, useId as ae, watch as oe, withVaporCtx as se } from "vue";
 //#region ../components/src/scrollbar/scrollbar.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var b = v("<div><div></div><div><div><div></div></div></div><div><div><div>", !0);
-c("mousedown");
-var x = /* @__PURE__ */ s({
+var ce = v("<div><div></div><!><div><div><div></div></div></div><div><div><div>", !0);
+u("mousedown");
+var b = /* @__PURE__ */ l({
 	name: "SScrollbar",
 	__name: "scrollbar",
 	props: {
@@ -15,11 +16,13 @@ var x = /* @__PURE__ */ s({
 		maxHeight: { default: "" },
 		padding: {},
 		always: { type: Boolean },
-		id: {}
+		id: {},
+		backtop: { type: Boolean },
+		backtopProps: {}
 	},
 	__multiRoot: !1,
-	setup(s, { expose: c }) {
-		let v = s, x = t("scrollbar"), S = p(null), C = p(null), w = p(null), T = p(!1), E = p(0), D = p(20), O = p(!1), k = p(0), A = p(20), j = p(!1), M = p(""), N = 0, P = 0, F = null, I = () => {
+	setup(l, { expose: u }) {
+		let v = l, b = t("scrollbar"), x = "scrollbar_" + ae(), S = p(null), C = p(null), w = p(null), T = p(!1), E = p(0), D = p(20), O = p(!1), k = p(0), A = p(20), j = p(!1), M = p(""), N = 0, P = 0, F = null, I = () => {
 			F && clearTimeout(F), F = window.setTimeout(() => {
 				L();
 			}, 10);
@@ -65,8 +68,8 @@ var x = /* @__PURE__ */ s({
 		}, V = () => {
 			j.value = !1, M.value = "";
 		}, H = p(null), U = p(null);
-		ee(() => {
-			u(() => {
+		ne(() => {
+			f(() => {
 				L(), I();
 			});
 			let e = S.value?.parentElement;
@@ -79,9 +82,9 @@ var x = /* @__PURE__ */ s({
 				subtree: !0,
 				attributes: !0
 			})), document.addEventListener("mousemove", B), document.addEventListener("mouseup", V);
-		}), f(() => {
+		}), re(() => {
 			F && clearTimeout(F), H.value?.disconnect(), U.value?.disconnect(), document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", V);
-		}), ne([
+		}), oe([
 			() => v.width,
 			() => v.height,
 			() => v.maxHeight,
@@ -95,9 +98,9 @@ var x = /* @__PURE__ */ s({
 				top: Math.min(e, i),
 				left: Math.min(t, a),
 				behavior: n ? "smooth" : "auto"
-			}), u(R);
+			}), f(R);
 		};
-		c({
+		u({
 			scrollTo: W,
 			scrollToEl: (e, t = !0) => {
 				let n = S.value;
@@ -106,30 +109,33 @@ var x = /* @__PURE__ */ s({
 				r && W(r.offsetTop, 0, t);
 			}
 		});
-		let G = o(), K = b(), q = r(K), J = l(q, 1), Y = r(J), X = r(Y), Z = l(J, 2), Q = r(Z), $ = r(Q);
+		let G = ee(), K = ce(), q = i(K), J = d(q, 1), Y = d(J, 2), X = i(Y), Z = i(X), Q = d(Y, 3), le = i(Q), $ = i(le);
 		return m(() => {
-			let t = y(x), n = y(e);
+			let t = y(b), n = y(e);
 			h(K, [t.b()]), _(K, {
-				width: n(s.width),
-				height: n(s.height)
+				width: n(l.width),
+				height: n(l.height)
 			}), h(q, [t.e("content")]), _(q, {
-				padding: s.padding,
-				maxHeight: n(s.maxHeight)
-			}), g(q, "id", s.id);
-		}), te(q, null, 0), a("default", null), d(q, "scroll", i(R)), G(q, S, null, "contentRef"), G(X, C, null, "thumbYRef"), n(J, () => T.value), J.$evtmousedown = i((e) => z(e, "y")), G($, w, null, "thumbXRef"), n(Z, () => O.value), Z.$evtmousedown = i((e) => z(e, "x")), m(() => {
-			let e = y(x), t = [e.e("track")], n = [e.e("thumb")];
-			h(J, [
+				padding: l.padding,
+				maxHeight: n(l.maxHeight)
+			}), ie(q, "id", l.id || x);
+		}), g(q, null, 0), c("default", null), te(q, "scroll", s(R)), G(q, S, null, "contentRef"), g(K, J, 1), o(() => l.backtop, () => a(y(n), {
+			target: () => `#${l.id || x}`,
+			$: [() => l.backtopProps]
+		}, { default: se(() => c("backtop", null)) }), null, 1), G(Z, C, null, "thumbYRef"), r(Y, () => T.value), Y.$evtmousedown = s((e) => z(e, "y")), G($, w, null, "thumbXRef"), r(Q, () => O.value), Q.$evtmousedown = s((e) => z(e, "x")), m(() => {
+			let e = y(b), t = [e.e("track")], n = [e.e("thumb")];
+			h(Y, [
 				e.e("scroll-bar"),
 				e.e("y"),
-				{ [e.m("always")]: s.always }
-			]), h(Y, t), h(X, n), _(X, {
+				{ [e.m("always")]: l.always }
+			]), h(X, t), h(Z, n), _(Z, {
 				top: E.value + "px",
 				height: D.value + "px"
-			}), h(Z, [
+			}), h(Q, [
 				e.e("scroll-bar"),
 				e.e("x"),
-				{ [e.m("always")]: s.always }
-			]), h(Q, t), h($, n), _($, {
+				{ [e.m("always")]: l.always }
+			]), h(le, t), h($, n), _($, {
 				left: k.value + "px",
 				width: A.value + "px"
 			});
@@ -137,4 +143,4 @@ var x = /* @__PURE__ */ s({
 	}
 });
 //#endregion
-export { x as default };
+export { b as default };

package/dist/es/components/src/scrollbar/types.d.ts

@@ -1,3 +1,4 @@
+import { BackTopProps } from '../back-top';
 export interface ScrollbarProps {
     /** 滚动条宽度 */
     width?: string | number;
@@ -11,10 +12,16 @@ export interface ScrollbarProps {
     always?: boolean;
     /** 滚动容器id */
     id?: string;
+    /** 是否显示返回顶部按钮 */
+    backtop?: boolean;
+    /** 返回顶部按钮属性 */
+    backtopProps?: BackTopProps;
 }
 export interface ScrollbarSlots {
     /** 默认 */
     default?: () => any;
+    /** 返回顶部按钮 */
+    backtop?: () => any;
 }
 export interface ScrollbarExpose {
     /** 滚动到指定位置 */

package/dist/es/components/src/select/index.d.ts

@@ -4,13 +4,14 @@ import { PopoverProps } from '../popover';
 export declare const SSelect: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
     slots: SelectSlots;
-    emit: (((evt: "clear") => void) & ((evt: "change", value: string | number | boolean) => void) & ((evt: "selectOption", option: any) => void)) & ((event: "update:modelValue", value: string | number | boolean) => void);
+    emit: (((evt: "clear") => void) & ((evt: "change", value: string | number | boolean | (string | number | boolean)[]) => void) & ((evt: "remove", value: string | number | boolean) => void)) & ((event: "update:modelValue", value: string | number | boolean | (string | number | boolean)[]) => void);
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
         modelValue?: any;
         size?: "mini" | "small" | "medium" | "large" | undefined;
         placeholder?: string | undefined;
         options: any[];
+        multiple?: boolean | undefined;
         clearable?: boolean | undefined;
         maxHeight?: string | undefined;
         disabled?: boolean | undefined;
@@ -26,16 +27,16 @@ export declare const SSelect: ((__VLS_props: NonNullable<Awaited<typeof __VLS_se
         remoteMethod?: ((value: string) => Promise<any[]>) | undefined;
         popoverProps?: Partial< PopoverProps> | undefined;
         onClear?: (() => any) | undefined;
-        onChange?: ((value: string | number | boolean) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
-        onSelectOption?: ((option: any) => any) | undefined;
+        onChange?: ((value: string | number | boolean | (string | number | boolean)[]) => any) | undefined;
+        onRemove?: ((value: string | number | boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | boolean | (string | number | boolean)[]) => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: ShallowUnwrapRef<SelectExpose>) => void;
     attrs: any;
     slots: SelectSlots;
-    emit: (((evt: "clear") => void) & ((evt: "change", value: string | number | boolean) => void) & ((evt: "selectOption", option: any) => void)) & ((event: "update:modelValue", value: string | number | boolean) => void);
+    emit: (((evt: "clear") => void) & ((evt: "change", value: string | number | boolean | (string | number | boolean)[]) => void) & ((evt: "remove", value: string | number | boolean) => void)) & ((event: "update:modelValue", value: string | number | boolean | (string | number | boolean)[]) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 }) & Plugin;

package/dist/es/components/src/select/select.d.ts

@@ -2,19 +2,19 @@ import { SelectExpose, SelectProps, SelectSlots } from './types';
 import { PublicProps, ShallowUnwrapRef, VNode } from 'vue';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & __VLS_PrettifyLocal<(SelectProps & {
-        modelValue?: string | number | boolean;
+        modelValue?: string | number | boolean | (string | number | boolean)[];
     }) & {
         onClear?: (() => any) | undefined;
-        onChange?: ((value: string | number | boolean) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
-        onSelectOption?: ((option: any) => any) | undefined;
+        onChange?: ((value: string | number | boolean | (string | number | boolean)[]) => any) | undefined;
+        onRemove?: ((value: string | number | boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | boolean | (string | number | boolean)[]) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: ShallowUnwrapRef<SelectExpose>) => void;
     attrs: any;
     slots: SelectSlots;
-    emit: (((evt: "clear") => void) & ((evt: "change", value: string | number | boolean) => void) & ((evt: "selectOption", option: any) => void)) & ((event: "update:modelValue", value: string | number | boolean) => void);
+    emit: (((evt: "clear") => void) & ((evt: "change", value: string | number | boolean | (string | number | boolean)[]) => void) & ((evt: "remove", value: string | number | boolean) => void)) & ((event: "update:modelValue", value: string | number | boolean | (string | number | boolean)[]) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };