savor-ui 0.22.0 → 0.23.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 
 
+# [0.23.0](https://gitee.com/mach552/savor-ui/compare/v0.22.0...v0.23.0) (2026-08-18)
+
+
+### Features
+
+* **menu:** 新增`icon`属性 ([f4a7470](https://gitee.com/mach552/savor-ui/commits/f4a7470daac590cd23c9a4f42ff379cdcf98e148))
+
 # [0.22.0](https://gitee.com/mach552/savor-ui/compare/v0.21.0...v0.22.0) (2026-08-17)
 
 

package/dist/es/components/index.mjs

@@ -46,7 +46,6 @@ import "./src/galleria/index.mjs";
 import "./src/grid/types.mjs";
 import "./src/grid/index.mjs";
 import "./src/highlight/index.mjs";
-import "./src/segmented/index.mjs";
 import "./src/tabs/types.mjs";
 import "./src/tabs/index.mjs";
 import "./src/icon-select/index.mjs";
@@ -70,6 +69,7 @@ import "./src/modal/index.mjs";
 import "./src/pagination/index.mjs";
 import "./src/panel/index.mjs";
 import "./src/progress/index.mjs";
+import "./src/segmented/index.mjs";
 import "./src/skeleton/index.mjs";
 import "./src/slider-verify/index.mjs";
 import "./src/space/index.mjs";

package/dist/es/components/src/alert/alert.vue.mjs

@@ -1,7 +1,6 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { CheckCircleFill as t, CloseCircleFill as n, InformationFill as r, WarningFill as i } from "../../../icons/src/fill/system/index.mjs";
-import { CloseLine as a } from "../../../icons/src/line/system/index.mjs";
+import { CheckCircleLine as t, CloseCircleLine as n, CloseLine as r, InformationLine as i, WarningLine as a } from "../../../icons/src/svg/system/index.mjs";
 import { child as o, createComponent as s, createIf as c, createInvoker as l, createSlot as u, defineVaporComponent as d, delegateEvents as f, renderEffect as p, setClass as m, setInsertionState as h, setText as g, template as _, toDisplayString as v, unref as y } from "vue";
 //#region ../components/src/alert/alert.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var b = _("<div>"), x = _(" "), S = _("<div><div></div>"), C = _("<div><div><div></div>", 1);
@@ -30,23 +29,23 @@ var w = /*@__PURE__*/ d({
 				e.m(d.size)
 			]);
 		}), h(D, 0, 0), c(() => d.title || _.title, () => {
-			let e = S(), a = o(e, 1);
+			let e = S(), r = o(e, 1);
 			return p(() => m(e, [y(T).e("header")])), h(e, 0, 0), c(() => d.showIcon && (d.title || _.title), () => {
 				let e = b();
-				return p(() => m(e, [y(T).e("icon")])), h(e, null, 0), c(() => d.type === "warning", () => s(y(i)), () => c(() => d.type === "primary", () => s(y(r)), () => c(() => d.type === "info", () => s(y(r)), () => c(() => d.type === "success", () => s(y(t)), () => c(() => d.type === "danger", () => s(y(n))), 1029), 773), 517), 261), e;
-			}), p(() => m(a, [y(T).e("title")])), h(a, null, 0), u("title", null, () => {
+				return p(() => m(e, [y(T).e("icon")])), h(e, null, 0), c(() => d.type === "warning", () => s(y(a)), () => c(() => d.type === "primary", () => s(y(i)), () => c(() => d.type === "info", () => s(y(i)), () => c(() => d.type === "success", () => s(y(t)), () => c(() => d.type === "danger", () => s(y(n))), 1029), 773), 517), 261), e;
+			}), p(() => m(r, [y(T).e("title")])), h(r, null, 0), u("title", null, () => {
 				let e = x();
 				return p(() => g(e, v(d.title))), e;
 			}), e;
 		}), p(() => m(O, [y(T).e("body")])), h(O, 0, 0), c(() => d.showIcon && (!d.title || !_.title), () => {
 			let e = b();
-			return p(() => m(e, [y(T).e("icon")])), h(e, null, 0), c(() => d.type === "warning", () => s(y(i)), () => c(() => d.type === "primary", () => s(y(r)), () => c(() => d.type === "info", () => s(y(r)), () => c(() => d.type === "success", () => s(y(t)), () => c(() => d.type === "danger", () => s(y(n))), 2821), 2565), 2309), 2053), e;
+			return p(() => m(e, [y(T).e("icon")])), h(e, null, 0), c(() => d.type === "warning", () => s(y(a)), () => c(() => d.type === "primary", () => s(y(i)), () => c(() => d.type === "info", () => s(y(i)), () => c(() => d.type === "success", () => s(y(t)), () => c(() => d.type === "danger", () => s(y(n))), 2821), 2565), 2309), 2053), e;
 		}), p(() => m(k, [y(T).e("content")])), h(k, null, 0), u("default", null, () => {
 			let e = x();
 			return p(() => g(e, v(d.content))), e;
 		}), h(O, null, 2), c(() => d.closable, () => {
 			let e = b();
-			return p(() => m(e, [y(T).e("close")])), h(e, null, 0), s(y(a)), e.$evtclick = l(E), e;
+			return p(() => m(e, [y(T).e("close")])), h(e, null, 0), s(y(r)), e.$evtclick = l(E), e;
 		}), D;
 	}
 });

package/dist/es/components/src/avatar/avatar.vue.mjs

@@ -2,7 +2,7 @@ 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 { EditLine as n } from "../../../icons/src/line/editing/index.mjs";
+import { EditLine as n } from "../../../icons/src/svg/editor/index.mjs";
 import { child as r, computed as i, createComponent as a, createIf as o, createInvoker as s, createSlot as c, defineVaporComponent as l, delegateEvents as u, renderEffect as d, setClass as f, setInsertionState as p, setStyle as m, template as h, unref as g } from "vue";
 //#region ../components/src/avatar/avatar.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var _ = h("<div>"), v = h("<div><div></div>", 1);

package/dist/es/components/src/back-top/back-top.vue.mjs

@@ -2,7 +2,7 @@ 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 { UpLine as n } from "../../../icons/src/line/arrow/index.mjs";
+import { UpLine as n } from "../../../icons/src/svg/arrow/index.mjs";
 import r from "../button/button.vue.mjs";
 import { VaporTransition as i, applyVShow as a, computed as o, createComponent as s, createInvoker as c, createSlot as l, defineVaporComponent as u, delegateEvents as d, getCurrentInstance as f, onMounted as p, onUnmounted as m, ref as h, renderEffect as g, setClass as _, setInsertionState as v, setStyle as y, template as b, unref as x } from "vue";
 //#region ../components/src/back-top/back-top.vue?vue&type=script&setup=true&vapor=true&lang.ts

package/dist/es/components/src/carousel/carousel.vue.mjs

@@ -2,7 +2,7 @@ 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 { LeftLine as n, RightLine as r } from "../../../icons/src/line/arrow/index.mjs";
+import { LeftLine as n, RightLine as r } from "../../../icons/src/svg/arrow/index.mjs";
 import { child as i, createComponent as a, createFor as o, createIf as s, createInvoker as c, createTemplateRefSetter as l, defineVaporComponent as u, delegateEvents as d, mergeModels as f, onMounted as p, onUnmounted as m, renderEffect as h, setClass as g, setInsertionState as _, setProp as v, setStyle as y, template as b, unref as x, useModel as S, useTemplateRef as C } from "vue";
 //#region ../components/src/carousel/carousel.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var w = b("<div><img alt>"), T = b("<div>"), E = b("<div><div></div>", 1);

package/dist/es/components/src/cascader/cascader-column.vue.mjs

@@ -1,6 +1,6 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { RightLine as t } from "../../../icons/src/line/arrow/index.mjs";
+import { RightLine as t } from "../../../icons/src/svg/arrow/index.mjs";
 import { SScrollbar as n } from "../scrollbar/index.mjs";
 import { SCheckbox as r } from "../checkbox/index.mjs";
 import { SRadio as i } from "../radio/index.mjs";

package/dist/es/components/src/cascader/cascader.vue.mjs

@@ -1,6 +1,6 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { DownLine as t } from "../../../icons/src/line/arrow/index.mjs";
+import { DownLine as t } from "../../../icons/src/svg/arrow/index.mjs";
 import { useFormItem as n } from "../form/use-form-item.mjs";
 import { SPopover as r } from "../popover/index.mjs";
 import { SInput as i } from "../input/index.mjs";

package/dist/es/components/src/chat-sender/chat-sender.vue.mjs

@@ -1,6 +1,6 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { SendLine as t } from "../../../icons/src/line/communication/index.mjs";
+import { SendLine as t } from "../../../icons/src/svg/contact/index.mjs";
 import { SButton as n } from "../button/index.mjs";
 import { child as r, createComponent as i, createIf as a, createInvoker as o, createSlot as s, createTemplateRefSetter as c, defineVaporComponent as l, delegateEvents as u, mergeModels as d, next as f, on as p, onMounted as m, ref as h, renderEffect as g, setClass as _, setInsertionState as v, setProp as y, setValue as b, template as x, unref as S, useModel as C, useTemplateRef as w, watch as T } from "vue";
 //#region ../components/src/chat-sender/chat-sender.vue?vue&type=script&setup=true&vapor=true&lang.ts

package/dist/es/components/src/collapse/collapse-item.vue.mjs

@@ -1,6 +1,6 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { RightLine as t } from "../../../icons/src/line/arrow/index.mjs";
+import { RightLine as t } from "../../../icons/src/svg/arrow/index.mjs";
 import { STransition as n } from "../transition/index.mjs";
 import { collapseContextKey as r } from "./types.mjs";
 import { applyVShow as i, child as a, computed as o, createComponent as s, createIf as c, createInvoker as l, createSlot as u, defineVaporComponent as d, delegateEvents as f, inject as p, next as m, renderEffect as h, setClass as g, setInsertionState as _, setStyle as v, setText as y, template as b, toDisplayString as x, unref as S } from "vue";

package/dist/es/components/src/date-picker/date-picker.vue.mjs

@@ -1,7 +1,7 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { CalendarLine as t } from "../../../icons/src/line/business/index.mjs";
-import { CloseLine as n } from "../../../icons/src/line/system/index.mjs";
+import { CalendarLine as t } from "../../../icons/src/svg/business/index.mjs";
+import { CloseLine as n } from "../../../icons/src/svg/system/index.mjs";
 import { formItemContextKey as r } from "../form/types.mjs";
 import { useFormItem as i } from "../form/use-form-item.mjs";
 import { configProviderContextKey as a } from "../config-provider/types.mjs";

package/dist/es/components/src/date-picker/day-view.vue.mjs

@@ -1,6 +1,6 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { ArrowsLeftLine as t, ArrowsRightLine as n, LeftLine as r, RightLine as i } from "../../../icons/src/line/arrow/index.mjs";
+import { ArrowsLeftLine as t, ArrowsRightLine as n, LeftLine as r, RightLine as i } from "../../../icons/src/svg/arrow/index.mjs";
 import { getDayRows as a, handleDateNavigation as o } from "./_utils.mjs";
 import { child as s, computed as c, createComponent as l, createFor as u, createIf as d, createInvoker as f, defineVaporComponent as p, delegateEvents as m, mergeModels as h, next as g, on as _, renderEffect as v, setClass as y, setInsertionState as b, setText as x, template as S, toDisplayString as C, txt as w, unref as T, useModel as E, withModifiers as D } from "vue";
 import O from "dayjs";

package/dist/es/components/src/date-picker/month-view.vue.mjs

@@ -1,6 +1,6 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { ArrowsLeftLine as t, ArrowsRightLine as n } from "../../../icons/src/line/arrow/index.mjs";
+import { ArrowsLeftLine as t, ArrowsRightLine as n } from "../../../icons/src/svg/arrow/index.mjs";
 import { getMonthRows as r, handleDateNavigation as i } from "./_utils.mjs";
 import { child as a, computed as o, createComponent as s, createFor as c, createIf as l, defineVaporComponent as u, mergeModels as d, next as f, on as p, renderEffect as m, setClass as h, setInsertionState as g, setText as _, template as v, toDisplayString as y, txt as b, unref as x, useModel as S, withModifiers as C } from "vue";
 import w from "dayjs";

package/dist/es/components/src/date-picker/week-view.vue.mjs

@@ -1,6 +1,6 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { ArrowsLeftLine as t, ArrowsRightLine as n, LeftLine as r, RightLine as i } from "../../../icons/src/line/arrow/index.mjs";
+import { ArrowsLeftLine as t, ArrowsRightLine as n, LeftLine as r, RightLine as i } from "../../../icons/src/svg/arrow/index.mjs";
 import { generateWeeks as a, handleDateNavigation as o, isWeekInHoverRange as s, isWeekInRange as c } from "./_utils.mjs";
 import { child as l, computed as u, createComponent as d, createFor as f, createIf as p, createInvoker as m, defineVaporComponent as h, delegateEvents as g, mergeModels as _, next as v, on as y, renderEffect as b, setClass as x, setInsertionState as S, setText as C, template as w, toDisplayString as T, txt as E, unref as D, useModel as ee, withModifiers as O } from "vue";
 import k from "dayjs";

package/dist/es/components/src/date-picker/year-view.vue.mjs

@@ -1,6 +1,6 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { ArrowsLeftLine as t, ArrowsRightLine as n } from "../../../icons/src/line/arrow/index.mjs";
+import { ArrowsLeftLine as t, ArrowsRightLine as n } from "../../../icons/src/svg/arrow/index.mjs";
 import { getYearRange as r, getYearRows as i, handleDateNavigation as a } from "./_utils.mjs";
 import { child as o, computed as s, createComponent as c, createFor as l, createIf as u, defineVaporComponent as d, mergeModels as f, next as p, on as m, renderEffect as h, setClass as g, setInsertionState as _, setText as v, template as y, toDisplayString as b, txt as x, unref as S, useModel as C, withModifiers as w } from "vue";
 import T from "dayjs";

package/dist/es/components/src/datetime-picker/datetime-picker.vue.mjs

@@ -1,7 +1,7 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { CalendarLine as t } from "../../../icons/src/line/business/index.mjs";
-import { CloseLine as n } from "../../../icons/src/line/system/index.mjs";
+import { CalendarLine as t } from "../../../icons/src/svg/business/index.mjs";
+import { CloseLine as n } from "../../../icons/src/svg/system/index.mjs";
 import { formItemContextKey as r } from "../form/types.mjs";
 import { useFormItem as i } from "../form/use-form-item.mjs";
 import { configProviderContextKey as a } from "../config-provider/types.mjs";

package/dist/es/components/src/drawer/drawer.vue.mjs

@@ -4,7 +4,7 @@ import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import { useScrollHidden as n } from "../../../hooks/src/use-scroll-hidden.mjs";
 import { useZIndex as r } from "../../../hooks/src/use-zIndex.mjs";
 import "../../../hooks/index.mjs";
-import { CloseLine as i } from "../../../icons/src/line/system/index.mjs";
+import { CloseLine as i } from "../../../icons/src/svg/system/index.mjs";
 import a from "../button/button.vue.mjs";
 import o from "../scrollbar/scrollbar.vue.mjs";
 import { STransition as s } from "../transition/index.mjs";

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

@@ -1,6 +1,6 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { RightLine as t } from "../../../icons/src/line/arrow/index.mjs";
+import { RightLine as t } from "../../../icons/src/svg/arrow/index.mjs";
 import { SPopover as n } from "../popover/index.mjs";
 import { SIcon as r } from "../icon/index.mjs";
 import { dropdownContextKey as i } from "./types.mjs";

package/dist/es/components/src/empty/empty.vue.mjs

@@ -1,6 +1,6 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { EmptyBoxLine as t } from "../../../icons/src/line/files/index.mjs";
+import { EmptyBoxLine as t } from "../../../icons/src/svg/file/index.mjs";
 import { child as n, createComponent as r, createSlot as i, defineVaporComponent as a, next as o, renderEffect as s, setClass as c, setInsertionState as l, setText as u, template as d, toDisplayString as f, unref as p } from "vue";
 //#region ../components/src/empty/empty.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var m = d(" "), h = d("<div><div></div><div>", 1), g = /*@__PURE__*/ a({

package/dist/es/components/src/form/form-item.vue.mjs

@@ -2,14 +2,13 @@ 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 { AsteriskLine as n } from "../../../icons/src/line/editing/index.mjs";
-import { QuestionLine as r } from "../../../icons/src/line/system/index.mjs";
-import { formContextKey as i, formItemContextKey as a, formItemStatusContextKey as o } from "./types.mjs";
-import { STooltip as s } from "../tooltip/index.mjs";
-import { child as c, computed as l, createComponent as u, createIf as d, createSlot as f, defineVaporComponent as p, inject as m, onMounted as h, onUnmounted as g, provide as _, ref as v, renderEffect as y, setClass as b, setInsertionState as x, setStyle as S, setText as C, template as w, toDisplayString as T, txt as E, unref as D } from "vue";
-import O from "async-validator";
+import { QuestionLine as n } from "../../../icons/src/svg/system/index.mjs";
+import { formContextKey as r, formItemContextKey as i, formItemStatusContextKey as a } from "./types.mjs";
+import { STooltip as o } from "../tooltip/index.mjs";
+import { child as s, computed as c, createComponent as l, createIf as u, createSlot as d, defineVaporComponent as f, inject as p, onMounted as m, onUnmounted as h, provide as g, ref as ee, renderEffect as _, setClass as v, setInsertionState as y, setStyle as b, setText as x, template as S, toDisplayString as C, txt as w, unref as T } from "vue";
+import E from "async-validator";
 //#region ../components/src/form/form-item.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var k = w("<span>"), A = w(" "), j = w("<div><label>"), M = w("<div> "), N = w("<div><div><div></div>", 1), P = /*@__PURE__*/ p({
+var D = S("<span>*"), O = S(" "), k = S("<span>"), A = S("<div><label>"), j = S("<div> "), M = S("<div><div><div></div>", 1), N = /*@__PURE__*/ f({
 	name: "SFormItem",
 	__name: "form-item",
 	props: {
@@ -26,25 +25,25 @@ var k = w("<span>"), A = w(" "), j = w("<div><label>"), M = w("<div> "), N = w("
 		},
 		requiredAlign: {}
 	},
-	setup(p, { expose: w }) {
-		let P = p, F = t("form-item"), I = m(i), L = l(() => P.labelPosition ? P.labelPosition : I?.labelPosition?.value ? I?.labelPosition?.value : "left"), ee = l(() => I?.labelPosition?.value === "top" ? "" : P.labelWidth || I?.labelWidth?.value), R = l(() => P.labelAlign ? P.labelAlign : I?.labelAlign?.value ? I?.labelAlign?.value : I?.labelPosition?.value === "top" ? "left" : "right"), z = null, B = l(() => {
-			let e = I?.model?.value;
-			return e && P.field && e[P.field] !== void 0 ? e[P.field] : null;
-		}), V = l(() => {
-			let e = I?.rules?.value;
-			return e && P.field && e[P.field] ? e[P.field] : P.rules && P.rules.length > 0 ? P.rules : [];
-		}), H = v({
+	setup(f, { expose: S }) {
+		let N = f, P = t("form-item"), F = p(r), I = c(() => N.labelPosition ? N.labelPosition : F?.labelPosition?.value ? F?.labelPosition?.value : "left"), L = c(() => F?.labelPosition?.value === "top" ? "" : N.labelWidth || F?.labelWidth?.value), R = c(() => N.labelAlign ? N.labelAlign : F?.labelAlign?.value ? F?.labelAlign?.value : F?.labelPosition?.value === "top" ? "left" : "right"), z = null, B = c(() => {
+			let e = F?.model?.value;
+			return e && N.field && e[N.field] !== void 0 ? e[N.field] : null;
+		}), V = c(() => {
+			let e = F?.rules?.value;
+			return e && N.field && e[N.field] ? e[N.field] : N.rules && N.rules.length > 0 ? N.rules : [];
+		}), H = ee({
 			state: "init",
 			errorMsg: "",
 			loading: !1
-		}), U = (e) => V.value ? V.value.filter((t) => !t.trigger || !e ? !0 : t.trigger && t.trigger === e) : [], W = l(() => V.value.some((e) => e.required) && (P.showRequired || I?.showRequired?.value)), G = l(() => P.requiredAlign ? P.requiredAlign : I?.requiredAlign?.value ? I?.requiredAlign?.value : "left"), K = async (e) => {
-			let t = P.field, n = U(e);
+		}), U = (e) => V.value ? V.value.filter((t) => !t.trigger || !e ? !0 : t.trigger && t.trigger === e) : [], W = c(() => V.value.some((e) => e.required) && (N.showRequired || F?.showRequired?.value)), G = c(() => N.requiredAlign ? N.requiredAlign : F?.requiredAlign?.value ? F?.requiredAlign?.value : "left"), K = async (e) => {
+			let t = N.field, n = U(e);
 			if (n.length === 0) return !0;
 			if (t) {
 				let e = B.value, r = Array.isArray(e) ? "array" : e != null && typeof e != "string" ? typeof e : void 0, i = r ? n.map((e) => e.type ? e : {
 					...e,
 					type: r
-				}) : n, a = new O({ [t]: i });
+				}) : n, a = new E({ [t]: i });
 				return H.value.loading = !0, a.validate({ [t]: e }).then(() => {
 					H.value.state = "success", H.value.errorMsg = "";
 				}).catch((e) => {
@@ -58,72 +57,72 @@ var k = w("<span>"), A = w(" "), j = w("<div><label>"), M = w("<div> "), N = w("
 			H.value.state = "init", H.value.errorMsg = "", H.value.loading = !1;
 		}, J = () => {
 			q();
-			let e = I?.model?.value;
-			e && P.field && (e[P.field] = z);
-		}, Y = l(() => H.value.state === "error"), X = {
+			let e = F?.model?.value;
+			e && N.field && (e[N.field] = z);
+		}, Y = c(() => H.value.state === "error"), X = {
 			validate: K,
-			field: P.field,
+			field: N.field,
 			resetField: J,
 			clearValidate: q
 		};
-		_(a, X), _(o, {
-			size: I?.size,
+		g(i, X), g(a, {
+			size: F?.size,
 			error: Y
+		}), m(() => {
+			N.field && (F?.addField(X), z = F?.model?.value?.[N.field]);
 		}), h(() => {
-			P.field && (I?.addField(X), z = I?.model?.value?.[P.field]);
-		}), g(() => {
-			P.field && I?.removeField(X);
-		}), w({
+			N.field && F?.removeField(X);
+		}), S({
 			validate: K,
 			resetField: J,
 			clearValidate: q,
 			validateStatus: H
 		});
-		let Z = N(), Q = c(Z, 1), $ = c(Q);
-		return y(() => {
-			let e = D(F), t = H.value, n = t.state;
-			b(Z, [
+		let Z = M(), Q = s(Z, 1), $ = s(Q);
+		return _(() => {
+			let e = T(P), t = H.value, n = t.state;
+			v(Z, [
 				e.b(),
 				e.is("error", n === "error"),
 				e.is("success", n === "success"),
 				e.is("loading", t.loading),
-				e.is("top", L.value === "top"),
-				e.m(D(I)?.size?.value)
+				e.is("top", I.value === "top"),
+				e.m(T(F)?.size?.value)
 			]);
-		}), x(Z, 0, 0), d(() => W.value || p.label || p.tooltip, () => {
-			let t = j(), i = c(t);
-			return y(() => {
-				let n = D(F);
-				b(t, [n.e("label-wrapper")]), b(i, [n.e("label"), n.m("align-" + R.value)]), S(i, { width: D(e)(ee.value) });
-			}), x(i, null, 0), d(() => G.value === "left", () => [d(() => W.value, () => {
-				let e = k();
-				return y(() => b(e, [D(F).e("required")])), x(e, null, 0), u(D(n)), e;
-			}), f("label", { label: () => p.label }, () => {
-				let e = A();
-				return y(() => C(e, T(p.label))), e;
-			})], () => d(() => G.value === "right", () => [f("label", { label: () => p.label }, () => {
-				let e = A();
-				return y(() => C(e, T(p.label))), e;
-			}), d(() => W.value, () => {
-				let e = k();
-				return y(() => b(e, [D(F).e("required")])), x(e, null, 0), u(D(n)), e;
-			})], null, 2), 518), x(i, null, 1), d(() => p.tooltip, () => u(D(s), {
-				content: () => p.tooltip,
+		}), y(Z, 0, 0), u(() => W.value || f.label || f.tooltip, () => {
+			let t = A(), r = s(t);
+			return _(() => {
+				let n = T(P);
+				v(t, [n.e("label-wrapper")]), v(r, [n.e("label"), n.m("align-" + R.value)]), b(r, { width: T(e)(L.value) });
+			}), y(r, null, 0), u(() => G.value === "left", () => [u(() => W.value, () => {
+				let e = D();
+				return _(() => v(e, [T(P).e("required")])), e;
+			}), d("label", { label: () => f.label }, () => {
+				let e = O();
+				return _(() => x(e, C(f.label))), e;
+			})], () => u(() => G.value === "right", () => [d("label", { label: () => f.label }, () => {
+				let e = O();
+				return _(() => x(e, C(f.label))), e;
+			}), u(() => W.value, () => {
+				let e = D();
+				return _(() => v(e, [T(P).e("required")])), e;
+			})], null, 2), 518), y(r, null, 1), u(() => f.tooltip, () => l(T(o), {
+				content: () => f.tooltip,
 				mini: ""
 			}, () => {
 				let e = k();
-				return y(() => b(e, [D(F).e("tooltip")])), x(e, null, 0), u(D(r)), e;
+				return _(() => v(e, [T(P).e("tooltip")])), y(e, null, 0), l(T(n)), e;
 			})), t;
-		}), y(() => {
-			let e = D(F);
-			b(Q, [e.e("content-wrapper")]), b($, [e.e("content")]);
-		}), x($, null, 0), f("default", { validate: () => K }), x(Q, null, 1), d(() => H.value.state === "error", () => {
-			let e = M(), t = E(e);
-			return y(() => {
-				b(e, [D(F).e("error-msg")]), C(t, T(H.value.errorMsg));
+		}), _(() => {
+			let e = T(P);
+			v(Q, [e.e("content-wrapper")]), v($, [e.e("content")]);
+		}), y($, null, 0), d("default", { validate: () => K }), y(Q, null, 1), u(() => H.value.state === "error", () => {
+			let e = j(), t = w(e);
+			return _(() => {
+				v(e, [T(P).e("error-msg")]), x(t, C(H.value.errorMsg));
 			}), e;
 		}), Z;
 	}
 });
 //#endregion
-export { P as default };
+export { N as default };

package/dist/es/components/src/galleria/galleria.vue.mjs

@@ -1,6 +1,6 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { DownLine as t, LeftLine as n, RightLine as r, UpLine as i } from "../../../icons/src/line/arrow/index.mjs";
+import { DownLine as t, LeftLine as n, RightLine as r, UpLine as i } from "../../../icons/src/svg/arrow/index.mjs";
 import { child as a, computed as o, createComponent as s, createFor as c, createIf as l, createInvoker as u, createTemplateRefSetter as d, defineVaporComponent as f, delegateEvents as p, mergeModels as m, next as h, onMounted as g, ref as _, renderEffect as v, setClass as y, setInsertionState as b, setProp as x, template as S, unref as C, useModel as w, watch as T } from "vue";
 //#region ../components/src/galleria/galleria.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var E = S("<div><img alt>"), D = S("<div><div><img alt></div><div><div></div><div></div><div>", 1);