@pubinfo/module-rbac 2.0.0 → 2.0.2

package/dist/{IconSelect-HAhfS6hd.js → IconSelect-BMlRIxBx.js}

@@ -1,12 +1,12 @@
 import { b as e } from "./_plugin-vue_export-helper-DziIhCOI.js";
 import { d as t } from "./enum-BMY6bmPA.js";
 import { PubinfoIcon as n, getAllIconModules as r } from "pubinfo";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, normalizeStyle as m, openBlock as h, ref as g, renderList as _, renderSlot as v, resolveComponent as y, toDisplayString as b, unref as x, useModel as S, watch as C, withCtx as w } from "vue";
-import * as T from "@ant-design/icons-vue";
-import { Empty as E } from "ant-design-vue";
-import { Button as ee, Empty as te, FormItemRest as ne, Input as D, InputNumber as O, Modal as re, Pagination as ie, RadioButton as ae, RadioGroup as oe, Tooltip as se } from "ant-design-vue/es";
-import './IconSelect.css';const k = { class: "flex flex-col gap-3 w-full select-none" }, A = { class: "flex items-center gap-3" }, j = { class: "relative inline-flex items-center" }, M = ["disabled"], N = ["value", "disabled"], P = { class: "flex items-center gap-3" }, F = { class: "relative inline-flex items-center" }, I = ["disabled"], L = ["value", "disabled"], R = { class: "flex items-center gap-3" }, z = { class: "flex items-center gap-3" };
-var B = /* @__PURE__ */ f({
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, normalizeStyle as m, openBlock as h, reactive as g, ref as _, renderList as v, renderSlot as y, resolveComponent as b, toDisplayString as x, unref as S, useModel as C, watch as w, withCtx as T } from "vue";
+import * as E from "@ant-design/icons-vue";
+import { Empty as D } from "ant-design-vue";
+import { Button as ee, Empty as te, FormItem as O, FormItemRest as ne, Input as k, InputNumber as A, Modal as re, Pagination as ie, RadioButton as ae, RadioGroup as oe, Tooltip as se } from "ant-design-vue/es";
+import './IconSelect.css';const j = { class: "flex flex-col gap-3 w-full select-none" }, M = { class: "flex items-center gap-3" }, N = { class: "relative inline-flex items-center" }, P = ["disabled"], F = ["value", "disabled"], I = { class: "flex items-center gap-3" }, L = { class: "relative inline-flex items-center" }, R = ["disabled"], z = ["value", "disabled"], B = { class: "flex items-center gap-3" }, V = { class: "flex items-center gap-3" };
+var H = /* @__PURE__ */ f({
 	name: "ResourceIconesBoxColorPicker",
 	__name: "BoxColorPicker",
 	props: {
@@ -50,40 +50,40 @@ var B = /* @__PURE__ */ f({
 			}
 			return 6;
 		}
-		let u = a(n.background), f = g(u.from), _ = g(u.to), v = g(i(n.angle)), y = g(o(n.radius)), b = g(null), x = g(null);
+		let u = a(n.background), f = _(u.from), g = _(u.to), v = _(i(n.angle)), y = _(o(n.radius)), b = _(null), x = _(null);
 		function S() {
 			if (n.disabled) return;
 			let e = b.value;
 			e && (e.style.width = "16px", e.style.height = "16px", e.click());
 		}
-		function T() {
+		function C() {
 			if (n.disabled) return;
 			let e = x.value;
 			e && (e.style.width = "16px", e.style.height = "16px", e.click());
 		}
-		return C([
+		return w([
 			f,
-			_,
+			g,
 			v,
 			y
 		], () => {
 			r("update:background", {
 				from: f.value,
-				to: _.value
+				to: g.value
 			}), r("update:angle", v.value), r("update:radius", y.value);
-		}, { immediate: !0 }), C(() => n.background, (e) => {
+		}, { immediate: !0 }), w(() => n.background, (e) => {
 			if (e == null) return;
 			let t = a(e);
-			f.value = t.from, _.value = t.to;
-		}), C(() => n.angle, (e) => {
+			f.value = t.from, g.value = t.to;
+		}), w(() => n.angle, (e) => {
 			e != null && (v.value = i(e));
-		}), C(() => n.radius, (e) => {
+		}), w(() => n.radius, (e) => {
 			e != null && (y.value = o(e));
 		}), (e, t) => {
-			let r = D, i = O;
-			return h(), c("div", k, [
+			let r = k, i = A;
+			return h(), c("div", j, [
 				s(" 起始色：紧凑输入（前缀色块 + 文本），隐藏原生 color 触发器 "),
-				l("div", A, [t[6] ||= l("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "起始色", -1), d(r, {
+				l("div", M, [t[6] ||= l("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "起始色", -1), d(r, {
 					value: f.value,
 					"onUpdate:value": t[1] ||= (e) => f.value = e,
 					disabled: n.disabled,
@@ -91,14 +91,14 @@ var B = /* @__PURE__ */ f({
 					size: "small",
 					class: "flex-1 min-w-0"
 				}, {
-					prefix: w(() => [l("div", j, [
+					prefix: T(() => [l("div", N, [
 						l("button", {
 							type: "button",
 							disabled: n.disabled,
 							class: p(["w-4 h-4 rounded border border-gray-300 dark:border-gray-700", n.disabled ? "opacity-50 cursor-not-allowed" : ""]),
 							style: m({ background: f.value }),
 							onClick: S
-						}, null, 14, M),
+						}, null, 14, P),
 						s(" 透明绝对定位的原生 input，用于正确锚定系统取色器位置 "),
 						l("input", {
 							ref_key: "fromColorPickerRef",
@@ -112,42 +112,42 @@ var B = /* @__PURE__ */ f({
 								height: "16px"
 							},
 							onInput: t[0] ||= (e) => f.value = e.target.value
-						}, null, 40, N)
+						}, null, 40, F)
 					])]),
 					_: 1
 				}, 8, ["value", "disabled"])]),
 				s(" 结束色：紧凑输入（前缀色块 + 文本），隐藏原生 color 触发器 "),
-				l("div", P, [t[7] ||= l("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "结束色", -1), d(r, {
-					value: _.value,
-					"onUpdate:value": t[3] ||= (e) => _.value = e,
+				l("div", I, [t[7] ||= l("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "结束色", -1), d(r, {
+					value: g.value,
+					"onUpdate:value": t[3] ||= (e) => g.value = e,
 					disabled: n.disabled,
 					placeholder: "#35C724",
 					size: "small",
 					class: "flex-1 min-w-0"
 				}, {
-					prefix: w(() => [l("div", F, [l("button", {
+					prefix: T(() => [l("div", L, [l("button", {
 						type: "button",
 						disabled: n.disabled,
 						class: p(["w-4 h-4 rounded border border-gray-300 dark:border-gray-700", n.disabled ? "opacity-50 cursor-not-allowed" : ""]),
-						style: m({ background: _.value }),
-						onClick: T
-					}, null, 14, I), l("input", {
+						style: m({ background: g.value }),
+						onClick: C
+					}, null, 14, R), l("input", {
 						ref_key: "toColorPickerRef",
 						ref: x,
 						type: "color",
-						value: _.value,
+						value: g.value,
 						disabled: n.disabled,
 						class: "absolute left-0 top-0 opacity-0 pointer-events-none",
 						style: {
 							width: "16px",
 							height: "16px"
 						},
-						onInput: t[2] ||= (e) => _.value = e.target.value
-					}, null, 40, L)])]),
+						onInput: t[2] ||= (e) => g.value = e.target.value
+					}, null, 40, z)])]),
 					_: 1
 				}, 8, ["value", "disabled"])]),
 				s(" 角度：仅使用数字输入，节省横向空间 "),
-				l("div", R, [
+				l("div", B, [
 					t[8] ||= l("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "角度", -1),
 					d(i, {
 						value: v.value,
@@ -162,7 +162,7 @@ var B = /* @__PURE__ */ f({
 					t[9] ||= l("span", { class: "text-12px opacity-70" }, "deg", -1)
 				]),
 				s(" 圆角：仅使用数字输入，节省横向空间 "),
-				l("div", z, [
+				l("div", V, [
 					t[10] ||= l("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "圆角", -1),
 					d(i, {
 						value: y.value,
@@ -179,7 +179,7 @@ var B = /* @__PURE__ */ f({
 			]);
 		};
 	}
-}), ce = B;
+}), ce = H;
 const le = { class: "flex gap-4 min-h-[600px]" }, ue = { class: "w-58 flex flex-col border-r border-[#e5e7eb] dark:border-[#30363d] pr-3" }, de = { class: "mb-3" }, fe = { class: "flex-1 overflow-auto space-y-1 pr-1" }, pe = ["onClick"], me = { class: "truncate max-w-[120px]" }, he = { class: "ml-2 inline-block min-w-6 text-center text-11px rounded bg-[#eef1f5] dark:bg-[#2d3339] px-1 text-[#5d6671] dark:text-[#9aa3ad]" }, ge = { class: "flex-1 flex flex-col min-w-0" }, _e = { class: "grid grid-cols-6 gap-3 auto-rows-[96px] overflow-auto flex-1 p-1" }, ve = { class: "text-12px leading-tight space-y-1" }, ye = { class: "font-medium" }, be = {
 	key: 0,
 	class: "opacity-70"
@@ -189,8 +189,11 @@ const le = { class: "flex gap-4 min-h-[600px]" }, ue = { class: "w-58 flex flex-
 }, we = {
 	key: 0,
 	class: "relative w-60 flex flex-col border-l border-[#e5e7eb] dark:border-[#30363d] pl-4 min-h-0"
-}, Te = { class: "flex flex-col flex-1 w-full rounded-md border border-dashed border-[#d0d7de] dark:border-[#30363d] text-12px text-[#6b7280] dark:text-[#94a3b8] p-3 overflow-hidden" }, Ee = { class: "shrink-0 flex justify-center items-center pb-4 border-b border-b-dashed border-b-[#d0d7de] dark:border-b-[#30363d]" }, De = { class: "w-8 h-8 flex justify-center items-center" }, Oe = { class: "w-8 h-8 flex justify-center items-center" }, ke = { class: "w-8 h-8 flex justify-center items-center" }, Ae = { class: "flex-1 w-full mt-3 px-2 overflow-auto space-y-3" }, je = { class: "flex flex-col justify-start w-full opacity-100" }, Me = { class: "flex items-center gap-3 w-full" }, Ne = { class: "relative inline-flex items-center" }, Pe = ["disabled"], Fe = ["value", "disabled"], Ie = { class: "w-full mt-auto" }, Le = { class: "py-4 rounded-md border-t border-t-dashed border-t-[#d0d7de] dark:border-t-[#30363d] flex flex-col items-center gap-2" }, Re = { class: "mt-4 flex justify-end gap-2" };
-var V = /* @__PURE__ */ f({
+}, Te = { class: "flex flex-col flex-1 w-full rounded-md border border-dashed border-[#d0d7de] dark:border-[#30363d] text-12px text-[#6b7280] dark:text-[#94a3b8] p-3 overflow-hidden" }, Ee = { class: "shrink-0 flex justify-center items-center pb-4 border-b border-b-dashed border-b-[#d0d7de] dark:border-b-[#30363d]" }, De = { class: "w-8 h-8 flex justify-center items-center" }, Oe = { class: "w-8 h-8 flex justify-center items-center" }, ke = { class: "w-8 h-8 flex justify-center items-center" }, Ae = { class: "flex-1 w-full mt-3 px-2 overflow-auto space-y-3" }, je = { class: "flex flex-col justify-start w-full opacity-100" }, Me = { class: "flex items-center gap-3 mb-0! w-full flex-col" }, Ne = { class: "flex" }, Pe = { class: "text-12px opacity-70 w-14 shrink-0 flex items-center" }, Fe = { class: "flex flex-col" }, Ie = { class: "relative inline-flex items-center" }, Le = ["disabled"], Re = ["value", "disabled"], ze = { class: "w-full mt-auto flex aspect-square" }, Be = { class: "flex-1 w-full h-full py-4 rounded-md border-t border-t-dashed border-t-[#d0d7de] dark:border-t-[#30363d] flex flex-col items-center gap-2" }, Ve = {
+	key: 0,
+	class: "w-full h-full flex items-center justify-center"
+}, He = { class: "mt-4 flex justify-end gap-2" };
+var U = /* @__PURE__ */ f({
 	name: "ResourceIconesSelect",
 	__name: "Select",
 	props: {
@@ -219,25 +222,25 @@ var V = /* @__PURE__ */ f({
 		"update:iconColor"
 	],
 	setup(e) {
-		let t = S(e, "modelValue"), f = S(e, "boxType"), y = S(e, "angle"), O = S(e, "background"), k = S(e, "radius"), A = S(e, "iconColor"), j = g(t.value), M = g(f.value || "null"), N = g(y.value ?? 65), P = g(O.value ?? {
+		let t = C(e, "modelValue"), f = C(e, "boxType"), g = C(e, "angle"), b = C(e, "background"), O = C(e, "radius"), A = C(e, "iconColor"), j = _(t.value), M = _(f.value || "null"), N = _(g.value ?? 65), P = _(b.value ?? {
 			from: "#65E54A",
 			to: "#35C724"
-		}), F = g(k.value ?? 6), I = g(A.value ?? ""), L = g(null), R = g(!1);
+		}), F = _(O.value ?? 6), I = _(A.value ?? ""), L = _(null), R = _(!1);
 		function z() {
-			j.value = t.value, M.value = f.value || "null", N.value = y.value ?? 65;
-			let e = O.value;
+			j.value = t.value, M.value = f.value || "null", N.value = g.value ?? 65;
+			let e = b.value;
 			P.value = typeof e == "string" ? e : e ? { ...e } : {
 				from: "#65E54A",
 				to: "#35C724"
-			}, F.value = k.value ?? 6, I.value = A.value ?? "", R.value = !0;
+			}, F.value = O.value ?? 6, I.value = A.value ?? "", R.value = !0;
 		}
 		function B() {
 			R.value = !1;
 		}
 		function V() {
-			t.value = j.value, f.value = M.value, y.value = N.value;
+			t.value = j.value, f.value = M.value, g.value = N.value;
 			let e = P.value;
-			O.value = typeof e == "string" ? e : e && { ...e }, k.value = F.value, A.value = I.value, R.value = !1;
+			b.value = typeof e == "string" ? e : e && { ...e }, O.value = F.value, A.value = I.value, R.value = !1;
 		}
 		function H(e) {
 			let t = e.split(/[\\/]/).pop() || e;
@@ -250,7 +253,7 @@ var V = /* @__PURE__ */ f({
 				e.set(n, t);
 			}
 			return e;
-		}), W = a(() => Object.keys(T).filter((e) => /(?:Outlined|Filled|TwoTone)$/.test(e)).map((e) => `antd:${e}`).sort()), G = a(() => {
+		}), W = a(() => Object.keys(E).filter((e) => /(?:Outlined|Filled|TwoTone)$/.test(e)).map((e) => `antd:${e}`).sort()), G = a(() => {
 			let e = Array.from(U.value.keys()), t = e.includes("local"), n = e.filter((e) => e !== "local").sort();
 			return [
 				{
@@ -270,7 +273,7 @@ var V = /* @__PURE__ */ f({
 					value: "antd"
 				}
 			];
-		}), K = g("all"), q = g(""), J = a(() => {
+		}), K = _("all"), q = _(""), J = a(() => {
 			let e = [];
 			for (let [t, n] of U.value.entries()) n.forEach((n) => {
 				t === "local" ? e.push({
@@ -289,47 +292,47 @@ var V = /* @__PURE__ */ f({
 			let e = q.value.trim().toLowerCase();
 			return e ? Y.value.filter((t) => t.name.toLowerCase().includes(e)) : Y.value;
 		});
-		function ze(e) {
+		function Ue(e) {
 			return e === "all" ? J.value.length : e === "antd" ? J.value.filter((e) => e.module === "antd").length : J.value.filter((t) => t.module === e).length;
 		}
-		let Z = g(1), Q = a(() => Math.max(1, Math.ceil(X.value.length / 30))), Be = a(() => {
+		let Z = _(1), Q = a(() => Math.max(1, Math.ceil(X.value.length / 30))), We = a(() => {
 			let e = (Z.value - 1) * 30;
 			return X.value.slice(e, e + 30);
 		});
-		C([q, K], () => {
+		w([q, K], () => {
 			Z.value = 1;
-		}), C(X, () => {
+		}), w(X, () => {
 			Z.value > Q.value && (Z.value = Q.value);
 		});
-		function Ve(e) {
+		function Ge(e) {
 			Z.value = e;
 		}
-		function He(e) {
+		function Ke(e) {
 			j.value = e.name;
 		}
-		let Ue = E.PRESENTED_IMAGE_SIMPLE;
-		function We() {
+		let qe = D.PRESENTED_IMAGE_SIMPLE;
+		function Je() {
 			if (!(j.value || "").startsWith("antd:")) return;
 			let e = L.value;
 			e && (e.style.width = "16px", e.style.height = "16px", e.click());
 		}
 		let $ = a(() => (j.value || "").startsWith("antd:"));
-		return C(M, (e, t) => {
+		return w(M, (e, t) => {
 			t === "null" && e !== "null" && !I.value && (I.value = "#ffffff");
 		}), (e, r) => {
-			let a = se, f = D, g = ie, y = te, S = ae, C = oe, T = ee, E = re, O = ne;
-			return h(), c(i, null, [v(e.$slots, "default", { open: z }, () => [d(f, {
+			let a = se, f = k, g = ie, _ = te, b = ae, C = oe, w = ee, E = re, D = ne;
+			return h(), c(i, null, [y(e.$slots, "default", { open: z }, () => [d(f, {
 				value: t.value,
 				readonly: "",
 				onClick: z
 			}, {
-				addonAfter: w(() => [d(a, null, {
-					title: w(() => [d(x(n), {
+				addonAfter: T(() => [d(a, null, {
+					title: T(() => [d(S(n), {
 						name: t.value || "",
 						size: "40px",
 						class: "cursor-default"
 					}, null, 8, ["name"])]),
-					default: w(() => [d(x(n), {
+					default: T(() => [d(S(n), {
 						name: t.value || "",
 						size: "20px",
 						class: "cursor-default"
@@ -337,8 +340,8 @@ var V = /* @__PURE__ */ f({
 					_: 1
 				})]),
 				_: 1
-			}, 8, ["value"])], !0), d(O, null, {
-				default: w(() => [d(E, {
+			}, 8, ["value"])], !0), d(D, null, {
+				default: T(() => [d(E, {
 					open: R.value,
 					"onUpdate:open": r[7] ||= (e) => R.value = e,
 					title: "选择图标",
@@ -347,7 +350,7 @@ var V = /* @__PURE__ */ f({
 					"destroy-on-close": "",
 					onCancel: B
 				}, {
-					default: w(() => [l("div", le, [
+					default: T(() => [l("div", le, [
 						s(" 左侧模块列表 "),
 						l("div", ue, [l("div", de, [d(f, {
 							value: q.value,
@@ -357,28 +360,28 @@ var V = /* @__PURE__ */ f({
 							placeholder: "搜索图标",
 							class: "h-9 text-13px"
 						}, {
-							prefix: w(() => [d(x(n), {
+							prefix: T(() => [d(S(n), {
 								name: "i-carbon-search",
 								size: "16",
 								class: "text-[#7a869a]"
 							})]),
 							_: 1
-						}, 8, ["value"])]), l("div", fe, [(h(!0), c(i, null, _(G.value, (e) => (h(), c("div", {
+						}, 8, ["value"])]), l("div", fe, [(h(!0), c(i, null, v(G.value, (e) => (h(), c("div", {
 							key: e.value,
 							class: p(["flex items-center justify-between px-3 py-2 rounded-md cursor-pointer text-13px border border-transparent hover:bg-[#f3f6fa] dark:hover:bg-[#262c33] transition", K.value === e.value ? "bg-[#eef5ff] dark:bg-[#1e2a33] border-[#1677ff] text-[#1677ff] font-medium" : "text-[#4b5563]"]),
 							onClick: (t) => K.value = e.value
-						}, [l("span", me, b(e.label), 1), l("span", he, b(ze(e.value)), 1)], 10, pe))), 128))])]),
+						}, [l("span", me, x(e.label), 1), l("span", he, x(Ue(e.value)), 1)], 10, pe))), 128))])]),
 						s(" 主体 "),
 						l("div", ge, [X.value.length ? (h(), c(i, { key: 0 }, [
-							l("div", _e, [(h(!0), c(i, null, _(Be.value, (e) => (h(), o(a, {
+							l("div", _e, [(h(!0), c(i, null, v(We.value, (e) => (h(), o(a, {
 								key: `${e.module || ""}:${e.name}`,
 								"mouse-enter-delay": .35
 							}, {
-								title: w(() => [l("div", ve, [l("div", ye, b(e.name), 1), e.module ? (h(), c("div", be, " 模块: " + b(e.module), 1)) : s("v-if", !0)])]),
-								default: w(() => [l("div", {
+								title: T(() => [l("div", ve, [l("div", ye, x(e.name), 1), e.module ? (h(), c("div", be, " 模块: " + x(e.module), 1)) : s("v-if", !0)])]),
+								default: T(() => [l("div", {
 									class: p(["group relative flex flex-col items-center justify-center cursor-pointer rounded-md border", j.value === e.name ? "border-solid border-[#1677ff]" : "border-dashed border-[#e5e7eb] dark:border-[#30363d]"]),
-									onClick: (t) => He(e)
-								}, [d(x(n), {
+									onClick: (t) => Ke(e)
+								}, [d(S(n), {
 									name: e.name,
 									size: "30px"
 								}, null, 8, ["name"])], 10, xe)]),
@@ -391,112 +394,118 @@ var V = /* @__PURE__ */ f({
 								total: X.value.length,
 								"show-size-changer": !1,
 								"show-quick-jumper": "",
-								onChange: Ve
+								onChange: Ge
 							}, null, 8, ["current", "total"])])
-						], 64)) : (h(), c("div", Ce, [d(y, {
-							image: x(Ue),
+						], 64)) : (h(), c("div", Ce, [d(_, {
+							image: S(qe),
 							description: "没有匹配的图标"
 						}, null, 8, ["image"])]))]),
 						s(" 右侧预留区域 "),
-						j.value ? (h(), c("div", we, [
-							l("div", Te, [
-								s(" 选项：固定顶部 "),
-								l("div", Ee, [d(C, {
-									value: M.value,
-									"onUpdate:value": r[1] ||= (e) => M.value = e,
-									class: "flex justify-center items-center"
-								}, {
-									default: w(() => [
-										d(S, { value: "null" }, {
-											default: w(() => [l("div", De, [d(x(n), {
-												name: j.value,
-												size: 16
-											}, null, 8, ["name", "size"])])]),
-											_: 1
-										}),
-										d(S, { value: "square" }, {
-											default: w(() => [l("div", Oe, [d(x(n), {
-												name: j.value,
-												box: "square",
-												size: 24,
-												radius: "6px",
-												color: "#ffffff"
-											}, null, 8, ["name"])])]),
-											_: 1
-										}),
-										d(S, { value: "prism" }, {
-											default: w(() => [l("div", ke, [d(x(n), {
-												name: j.value,
-												box: "prism",
-												size: 24,
-												color: "#ffffff",
-												radius: "2px"
-											}, null, 8, ["name"])])]),
-											_: 1
-										})
-									]),
-									_: 1
-								}, 8, ["value"])]),
-								s(" 中间配置：保持在中部，可滚动，占据剩余空间 "),
-								l("div", Ae, [
-									s(" 背景设置：始终显示；当 boxType 为 null 时禁用 "),
-									l("div", je, [r[8] ||= l("div", { class: "text-12px mb-2 opacity-70" }, " 背景设置 ", -1), d(ce, {
-										angle: N.value,
-										"onUpdate:angle": r[2] ||= (e) => N.value = e,
-										background: P.value,
-										"onUpdate:background": r[3] ||= (e) => P.value = e,
-										radius: F.value,
-										"onUpdate:radius": r[4] ||= (e) => F.value = e,
-										disabled: M.value === "null"
-									}, null, 8, [
-										"angle",
-										"background",
-										"radius",
-										"disabled"
-									])]),
-									s(" 图标颜色设置：始终显示；非 AntD 图标时禁用 "),
-									l("div", Me, [r[9] ||= l("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "图标色", -1), d(f, {
-										value: I.value,
-										"onUpdate:value": r[6] ||= (e) => I.value = e,
-										"allow-clear": "",
-										placeholder: M.value === "null" ? "默认" : "#ffffff",
-										size: "small",
-										class: "flex-1 min-w-0",
-										disabled: !$.value
-									}, {
-										prefix: w(() => [l("div", Ne, [l("button", {
-											type: "button",
-											disabled: !$.value,
-											class: p(["w-4 h-4 rounded border border-gray-300 dark:border-gray-700", $.value ? "" : "opacity-50 cursor-not-allowed"]),
-											style: m({ background: I.value || "#ffffff" }),
-											onClick: We
-										}, null, 14, Pe), l("input", {
-											ref_key: "iconColorPickerRef",
-											ref: L,
-											type: "color",
-											value: I.value || "#ffffff",
-											disabled: !$.value,
-											class: "absolute left-0 top-0 opacity-0 pointer-events-none",
-											style: {
-												width: "16px",
-												height: "16px"
-											},
-											onInput: r[5] ||= (e) => I.value = e.target.value
-										}, null, 40, Fe)])]),
+						j.value ? (h(), c("div", we, [l("div", Te, [
+							s(" 选项：固定顶部 "),
+							l("div", Ee, [d(C, {
+								value: M.value,
+								"onUpdate:value": r[1] ||= (e) => M.value = e,
+								class: "flex justify-center items-center"
+							}, {
+								default: T(() => [
+									d(b, { value: "null" }, {
+										default: T(() => [l("div", De, [d(S(n), {
+											name: j.value,
+											size: 16
+										}, null, 8, ["name", "size"])])]),
 										_: 1
-									}, 8, [
-										"value",
-										"placeholder",
-										"disabled"
-									])])
+									}),
+									d(b, { value: "square" }, {
+										default: T(() => [l("div", Oe, [d(S(n), {
+											name: j.value,
+											box: "square",
+											size: 24,
+											radius: "6px",
+											color: "#ffffff"
+										}, null, 8, ["name"])])]),
+										_: 1
+									}),
+									d(b, { value: "prism" }, {
+										default: T(() => [l("div", ke, [d(S(n), {
+											name: j.value,
+											box: "prism",
+											size: 24,
+											color: "#ffffff",
+											radius: "2px"
+										}, null, 8, ["name"])])]),
+										_: 1
+									})
 								]),
+								_: 1
+							}, 8, ["value"])]),
+							s(" 中间配置：保持在中部，可滚动，占据剩余空间 "),
+							l("div", Ae, [
+								s(" 背景设置：始终显示；当 boxType 为 null 时禁用 "),
+								l("div", je, [r[8] ||= l("div", { class: "text-12px mb-2 opacity-70" }, " 背景设置 ", -1), d(ce, {
+									angle: N.value,
+									"onUpdate:angle": r[2] ||= (e) => N.value = e,
+									background: P.value,
+									"onUpdate:background": r[3] ||= (e) => P.value = e,
+									radius: F.value,
+									"onUpdate:radius": r[4] ||= (e) => F.value = e,
+									disabled: M.value === "null"
+								}, null, 8, [
+									"angle",
+									"background",
+									"radius",
+									"disabled"
+								])]),
+								s(" 图标颜色设置：始终显示；非 AntD 图标时禁用 "),
+								l("div", Me, [l("div", Ne, [l("label", Pe, [r[10] ||= u(" 图标色 "), d(a, null, {
+									title: T(() => r[9] ||= [u(" 仅 Ant Design 图标有效 ")]),
+									default: T(() => [d(S(n), {
+										name: "i-carbon-information",
+										size: "12px",
+										class: "ml-1 cursor-help"
+									})]),
+									_: 1
+								})]), l("div", Fe, [d(f, {
+									value: I.value,
+									"onUpdate:value": r[6] ||= (e) => I.value = e,
+									"allow-clear": "",
+									placeholder: M.value === "null" ? "默认" : "#ffffff",
+									size: "small",
+									class: "flex-1 min-w-0",
+									disabled: !$.value
+								}, {
+									prefix: T(() => [l("div", Ie, [l("button", {
+										type: "button",
+										disabled: !$.value,
+										class: p(["w-4 h-4 rounded border border-gray-300 dark:border-gray-700", $.value ? "" : "opacity-50 cursor-not-allowed"]),
+										style: m({ background: I.value || "#ffffff" }),
+										onClick: Je
+									}, null, 14, Le), l("input", {
+										ref_key: "iconColorPickerRef",
+										ref: L,
+										type: "color",
+										value: I.value || "#ffffff",
+										disabled: !$.value,
+										class: "absolute left-0 top-0 opacity-0 pointer-events-none",
+										style: {
+											width: "16px",
+											height: "16px"
+										},
+										onInput: r[5] ||= (e) => I.value = e.target.value
+									}, null, 40, Re)])]),
+									_: 1
+								}, 8, [
+									"value",
+									"placeholder",
+									"disabled"
+								])])])]),
 								s(" 预览：固定底部 "),
-								l("div", Ie, [l("div", Le, [j.value ? (h(), c(i, { key: 0 }, [M.value === "null" ? (h(), o(x(n), {
+								l("div", ze, [l("div", Be, [j.value ? (h(), c("div", Ve, [M.value === "null" ? (h(), o(S(n), {
 									key: 0,
 									name: j.value,
 									size: 80,
 									color: $.value && I.value ? I.value : void 0
-								}, null, 8, ["name", "color"])) : (h(), o(x(n), {
+								}, null, 8, ["name", "color"])) : (h(), o(S(n), {
 									key: 1,
 									name: j.value,
 									box: M.value,
@@ -512,22 +521,22 @@ var V = /* @__PURE__ */ f({
 									"background",
 									"radius",
 									"color"
-								]))], 64)) : s("v-if", !0)])])
+								]))])) : s("v-if", !0)])])
 							]),
 							s(" 侧栏底部操作按钮 "),
-							l("div", Re, [d(T, { onClick: B }, {
-								default: w(() => r[10] ||= [u(" 取消 ")]),
+							l("div", He, [d(w, { onClick: B }, {
+								default: T(() => r[11] ||= [u(" 取消 ")]),
 								_: 1,
-								__: [10]
-							}), d(T, {
+								__: [11]
+							}), d(w, {
 								type: "primary",
 								onClick: V
 							}, {
-								default: w(() => r[11] ||= [u(" 确定 ")]),
+								default: T(() => r[12] ||= [u(" 确定 ")]),
 								_: 1,
-								__: [11]
+								__: [12]
 							})])
-						])) : s("v-if", !0)
+						])])) : s("v-if", !0)
 					])]),
 					_: 1
 				}, 8, ["open"])]),
@@ -535,12 +544,9 @@ var V = /* @__PURE__ */ f({
 			})], 64);
 		};
 	}
-}), H = /* @__PURE__ */ e(V, [["__scopeId", "data-v-5889f8ee"]]);
-const U = {
-	key: 0,
-	class: "w-full h-full flex justify-center mb-4"
-}, W = ["onClick"], G = ["onClick"], K = { class: "flex flex-col items-center justify-center" };
-var q = /* @__PURE__ */ f({
+}), W = /* @__PURE__ */ e(U, [["__scopeId", "data-v-f63b9031"]]);
+const G = ["onClick"], K = ["onClick"], q = { class: "flex flex-col items-center justify-center" };
+var J = /* @__PURE__ */ f({
 	name: "ResourceIconSelect",
 	__name: "IconSelect",
 	props: {
@@ -552,34 +558,39 @@ var q = /* @__PURE__ */ f({
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		let r = S(e, "modelValue"), u = a({
-			get() {
-				let e = r.value.meta || (r.value.meta = {});
-				return e.iconOptions ||= {
-					boxType: "null",
-					angle: 65,
-					background: {
-						from: "#65E54A",
-						to: "#35C724"
-					},
-					radius: 6,
-					iconColor: ""
-				}, e.iconOptions;
-			},
-			set(e) {
-				let t = r.value.meta || (r.value.meta = {});
-				t.iconOptions = e || {
-					boxType: "null",
-					angle: 65,
-					background: {
-						from: "#65E54A",
-						to: "#35C724"
-					},
-					radius: 6,
-					iconColor: ""
-				};
+		let r = C(e, "modelValue");
+		function u() {
+			return {
+				boxType: "null",
+				angle: 65,
+				background: {
+					from: "#65E54A",
+					to: "#35C724"
+				},
+				radius: 6,
+				iconColor: ""
+			};
+		}
+		let f = a(() => r.value.meta || (r.value.meta = {})), p = g(u());
+		w(() => f.value.iconOptions, (e) => {
+			e ? Object.assign(p, u(), e) : Object.assign(p, u());
+		}, { immediate: !0 }), w(p, (e) => {
+			if (!r.value.icon) {
+				f.value.iconOptions && Reflect.deleteProperty(f.value, "iconOptions");
+				return;
 			}
-		}), f = a(() => {
+			let t = f.value.iconOptions, n = !1;
+			if (!t) n = !0;
+			else {
+				let r = new Set([...Object.keys(t), ...Object.keys(e)]);
+				for (let i of r) if (t[i] !== e[i]) {
+					n = !0;
+					break;
+				}
+			}
+			n && (f.value.iconOptions = { ...e });
+		}, { deep: !0 });
+		let m = a(() => {
 			let e = r.value.type;
 			return { icon: [
 				t.DYNAMIC_APP,
@@ -589,73 +600,82 @@ var q = /* @__PURE__ */ f({
 				t.IFRAME,
 				t.LINK
 			].includes(e) };
-		}), p = a(() => !0);
-		function m(e) {
-			e.stopPropagation(), r.value.icon && (r.value.icon = void 0);
+		}), _ = a(() => !0);
+		function v(e) {
+			e.stopPropagation(), r.value.icon && (r.value.icon = void 0, Reflect.deleteProperty(f.value, "iconOptions"));
 		}
-		return (e, t) => p.value && f.value.icon ? (h(), c("div", U, [d(H, {
-			modelValue: r.value.icon,
-			"onUpdate:modelValue": t[0] ||= (e) => r.value.icon = e,
-			"box-type": u.value.boxType,
-			"onUpdate:boxType": t[1] ||= (e) => u.value.boxType = e,
-			angle: u.value.angle,
-			"onUpdate:angle": t[2] ||= (e) => u.value.angle = e,
-			background: u.value.background,
-			"onUpdate:background": t[3] ||= (e) => u.value.background = e,
-			radius: u.value.radius,
-			"onUpdate:radius": t[4] ||= (e) => u.value.radius = e,
-			"icon-color": u.value.iconColor,
-			"onUpdate:iconColor": t[5] ||= (e) => u.value.iconColor = e
-		}, {
-			default: w(({ open: e }) => [s(" select box "), r.value.icon ? (h(), c(i, { key: 0 }, [s(" 已选择图标展示盒子 "), l("div", {
-				class: "size-20 flex justify-center items-center cursor-pointer rounded-md border-px border-dashed relative group border-[#d9d9d9] dark:border-[#424242] hover:border-[#5794f7] dark:hover:border-[#5187e1]",
-				onClick: e
-			}, [
-				u.value.boxType && u.value.boxType !== "null" ? (h(), o(x(n), {
-					key: 0,
-					name: r.value.icon,
-					box: u.value.boxType,
-					size: 76,
-					radius: u.value.radius,
-					background: u.value.background,
-					angle: u.value.angle,
-					color: (r.value.icon || "").startsWith("antd:") ? u.value.iconColor || "#ffffff" : void 0
-				}, null, 8, [
-					"name",
-					"box",
-					"radius",
-					"background",
+		return (e, t) => {
+			let a = O;
+			return _.value && m.value.icon ? (h(), o(a, {
+				key: 0,
+				label: "资源图标"
+			}, {
+				default: T(() => [d(W, {
+					modelValue: r.value.icon,
+					"onUpdate:modelValue": t[0] ||= (e) => r.value.icon = e,
+					"box-type": p.boxType,
+					"onUpdate:boxType": t[1] ||= (e) => p.boxType = e,
+					angle: p.angle,
+					"onUpdate:angle": t[2] ||= (e) => p.angle = e,
+					background: p.background,
+					"onUpdate:background": t[3] ||= (e) => p.background = e,
+					radius: p.radius,
+					"onUpdate:radius": t[4] ||= (e) => p.radius = e,
+					"icon-color": p.iconColor,
+					"onUpdate:iconColor": t[5] ||= (e) => p.iconColor = e
+				}, {
+					default: T(({ open: e }) => [s(" select box "), r.value.icon ? (h(), c(i, { key: 0 }, [s(" 已选择图标展示盒子 "), l("div", {
+						class: "size-64px flex justify-center items-center cursor-pointer rounded-md border-px border-dashed relative group border-[#d9d9d9] dark:border-[#424242] hover:border-[#5794f7] dark:hover:border-[#5187e1] p-8px",
+						onClick: e
+					}, [
+						p.boxType && p.boxType !== "null" ? (h(), o(S(n), {
+							key: 0,
+							name: r.value.icon,
+							box: p.boxType,
+							size: "48px",
+							radius: p.radius,
+							background: p.background,
+							angle: p.angle,
+							color: (r.value.icon || "").startsWith("antd:") ? p.iconColor || "#ffffff" : void 0
+						}, null, 8, [
+							"name",
+							"box",
+							"radius",
+							"background",
+							"angle",
+							"color"
+						])) : (h(), o(S(n), {
+							key: 1,
+							name: r.value.icon,
+							size: "48px",
+							color: (r.value.icon || "").startsWith("antd:") && p.iconColor || void 0
+						}, null, 8, ["name", "color"])),
+						s(" 清除按钮 "),
+						r.value.icon ? (h(), c("button", {
+							key: 2,
+							class: "absolute -top-1.5 -right-1.5 size-5 flex items-center justify-center rounded-full cursor-pointer border-none op-65 dark:op-55 hover:op-100",
+							type: "button",
+							onClick: v
+						}, [d(S(n), {
+							name: "antd:CloseOutlined",
+							size: "10px"
+						})])) : s("v-if", !0)
+					], 8, G)], 64)) : (h(), c(i, { key: 1 }, [s(" null icon select box "), l("div", {
+						class: "size-64px flex justify-center items-center rounded-md border-px border-dashed cursor-pointer border-[#d9d9d9] dark:border-[#424242] hover:border-[#5794f7] dark:hover:border-[#5187e1] text-[#d9d9d9] dark:text-[#424242] hover:text-[#5794f7] dark:hover:text-[#5187e1] transition",
+						onClick: e
+					}, [l("div", q, [d(S(n), { name: "antd:PlusOutlined" }), t[6] ||= l("span", { class: "text-10px mt-1" }, "选择图标", -1)])], 8, K)], 64))]),
+					_: 1
+				}, 8, [
+					"modelValue",
+					"box-type",
 					"angle",
-					"color"
-				])) : (h(), o(x(n), {
-					key: 1,
-					name: r.value.icon,
-					size: "76px",
-					color: (r.value.icon || "").startsWith("antd:") && u.value.iconColor || void 0
-				}, null, 8, ["name", "color"])),
-				s(" 清除按钮 "),
-				r.value.icon ? (h(), c("button", {
-					key: 2,
-					class: "absolute -top-1.5 -right-1.5 size-5 flex items-center justify-center rounded-full cursor-pointer border-none op-65 dark:op-55 hover:op-100",
-					type: "button",
-					onClick: m
-				}, [d(x(n), {
-					name: "antd:CloseOutlined",
-					size: "10px"
-				})])) : s("v-if", !0)
-			], 8, W)], 64)) : (h(), c(i, { key: 1 }, [s(" null icon select box "), l("div", {
-				class: "size-20 flex justify-center items-center rounded-md border-px border-dashed cursor-pointer border-[#d9d9d9] dark:border-[#424242] hover:border-[#5794f7] dark:hover:border-[#5187e1] text-[#d9d9d9] dark:text-[#424242] hover:text-[#5794f7] dark:hover:text-[#5187e1] transition",
-				onClick: e
-			}, [l("div", K, [d(x(n), { name: "antd:PlusOutlined" }), t[6] ||= l("span", { class: "text-10px mt-1" }, "选择图标", -1)])], 8, G)], 64))]),
-			_: 1
-		}, 8, [
-			"modelValue",
-			"box-type",
-			"angle",
-			"background",
-			"radius",
-			"icon-color"
-		])])) : s("v-if", !0);
+					"background",
+					"radius",
+					"icon-color"
+				])]),
+				_: 1
+			})) : s("v-if", !0);
+		};
 	}
-}), J = q;
-export { J as b };
+}), Y = J;
+export { Y as b };