@pubinfo/module-rbac 2.0.0-rc.3 → 2.0.0-rc.5

package/dist/IconSelect-HAhfS6hd.js

@@ -0,0 +1,661 @@
+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({
+	name: "ResourceIconesBoxColorPicker",
+	__name: "BoxColorPicker",
+	props: {
+		angle: {},
+		background: {},
+		radius: {},
+		disabled: { type: Boolean }
+	},
+	emits: [
+		"update:angle",
+		"update:background",
+		"update:radius"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		function i(e) {
+			if (typeof e == "number" && Number.isFinite(e)) return (e % 360 + 360) % 360;
+			if (typeof e == "string") {
+				let t = Number.parseFloat(e);
+				if (Number.isFinite(t)) return (t % 360 + 360) % 360;
+			}
+			return 65;
+		}
+		function a(e) {
+			return e ? typeof e == "string" ? {
+				from: e,
+				to: e
+			} : {
+				from: e.from,
+				to: e.to
+			} : {
+				from: "#65E54A",
+				to: "#35C724"
+			};
+		}
+		function o(e) {
+			if (typeof e == "number" && Number.isFinite(e)) return Math.max(0, e);
+			if (typeof e == "string") {
+				let t = Number.parseFloat(e);
+				if (Number.isFinite(t)) return Math.max(0, t);
+			}
+			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);
+		function S() {
+			if (n.disabled) return;
+			let e = b.value;
+			e && (e.style.width = "16px", e.style.height = "16px", e.click());
+		}
+		function T() {
+			if (n.disabled) return;
+			let e = x.value;
+			e && (e.style.width = "16px", e.style.height = "16px", e.click());
+		}
+		return C([
+			f,
+			_,
+			v,
+			y
+		], () => {
+			r("update:background", {
+				from: f.value,
+				to: _.value
+			}), r("update:angle", v.value), r("update:radius", y.value);
+		}, { immediate: !0 }), C(() => n.background, (e) => {
+			if (e == null) return;
+			let t = a(e);
+			f.value = t.from, _.value = t.to;
+		}), C(() => n.angle, (e) => {
+			e != null && (v.value = i(e));
+		}), C(() => n.radius, (e) => {
+			e != null && (y.value = o(e));
+		}), (e, t) => {
+			let r = D, i = O;
+			return h(), c("div", k, [
+				s(" 起始色：紧凑输入（前缀色块 + 文本），隐藏原生 color 触发器 "),
+				l("div", A, [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,
+					placeholder: "#65E54A",
+					size: "small",
+					class: "flex-1 min-w-0"
+				}, {
+					prefix: w(() => [l("div", j, [
+						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),
+						s(" 透明绝对定位的原生 input，用于正确锚定系统取色器位置 "),
+						l("input", {
+							ref_key: "fromColorPickerRef",
+							ref: b,
+							type: "color",
+							value: f.value,
+							disabled: n.disabled,
+							class: "absolute left-0 top-0 opacity-0 pointer-events-none",
+							style: {
+								width: "16px",
+								height: "16px"
+							},
+							onInput: t[0] ||= (e) => f.value = e.target.value
+						}, null, 40, N)
+					])]),
+					_: 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,
+					disabled: n.disabled,
+					placeholder: "#35C724",
+					size: "small",
+					class: "flex-1 min-w-0"
+				}, {
+					prefix: w(() => [l("div", F, [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", {
+						ref_key: "toColorPickerRef",
+						ref: x,
+						type: "color",
+						value: _.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)])]),
+					_: 1
+				}, 8, ["value", "disabled"])]),
+				s(" 角度：仅使用数字输入，节省横向空间 "),
+				l("div", R, [
+					t[8] ||= l("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "角度", -1),
+					d(i, {
+						value: v.value,
+						"onUpdate:value": t[4] ||= (e) => v.value = e,
+						disabled: n.disabled,
+						min: 0,
+						max: 360,
+						step: 1,
+						size: "small",
+						class: "w-28"
+					}, null, 8, ["value", "disabled"]),
+					t[9] ||= l("span", { class: "text-12px opacity-70" }, "deg", -1)
+				]),
+				s(" 圆角：仅使用数字输入，节省横向空间 "),
+				l("div", z, [
+					t[10] ||= l("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "圆角", -1),
+					d(i, {
+						value: y.value,
+						"onUpdate:value": t[5] ||= (e) => y.value = e,
+						disabled: n.disabled,
+						min: 0,
+						max: 48,
+						step: 1,
+						size: "small",
+						class: "w-28"
+					}, null, 8, ["value", "disabled"]),
+					t[11] ||= l("span", { class: "text-12px opacity-70" }, "px", -1)
+				])
+			]);
+		};
+	}
+}), ce = B;
+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"
+}, xe = ["onClick"], Se = { class: "mt-4 flex justify-center select-none" }, Ce = {
+	key: 1,
+	class: "flex-1 flex items-center justify-center"
+}, 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({
+	name: "ResourceIconesSelect",
+	__name: "Select",
+	props: {
+		modelValue: {},
+		modelModifiers: {},
+		boxType: { default: "null" },
+		boxTypeModifiers: {},
+		angle: { default: 65 },
+		angleModifiers: {},
+		background: { default: {
+			from: "#65E54A",
+			to: "#35C724"
+		} },
+		backgroundModifiers: {},
+		radius: { default: 6 },
+		radiusModifiers: {},
+		iconColor: { default: "" },
+		iconColorModifiers: {}
+	},
+	emits: [
+		"update:modelValue",
+		"update:boxType",
+		"update:angle",
+		"update:background",
+		"update:radius",
+		"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 ?? {
+			from: "#65E54A",
+			to: "#35C724"
+		}), F = g(k.value ?? 6), I = g(A.value ?? ""), L = g(null), R = g(!1);
+		function z() {
+			j.value = t.value, M.value = f.value || "null", N.value = y.value ?? 65;
+			let e = O.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;
+		}
+		function B() {
+			R.value = !1;
+		}
+		function V() {
+			t.value = j.value, f.value = M.value, y.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;
+		}
+		function H(e) {
+			let t = e.split(/[\\/]/).pop() || e;
+			return t.replace(/\.(svg|png|jpe?g)$/i, "");
+		}
+		let U = a(() => {
+			let e = /* @__PURE__ */ new Map(), t = r();
+			for (let [n, r] of t.entries()) {
+				let t = Object.keys(r).map(H).sort();
+				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(() => {
+			let e = Array.from(U.value.keys()), t = e.includes("local"), n = e.filter((e) => e !== "local").sort();
+			return [
+				{
+					label: "全部",
+					value: "all"
+				},
+				...t ? [{
+					label: "本地",
+					value: "local"
+				}] : [],
+				...n.map((e) => ({
+					label: e,
+					value: e
+				})),
+				{
+					label: "Ant Design",
+					value: "antd"
+				}
+			];
+		}), K = g("all"), q = g(""), J = a(() => {
+			let e = [];
+			for (let [t, n] of U.value.entries()) n.forEach((n) => {
+				t === "local" ? e.push({
+					name: n,
+					module: t
+				}) : e.push({
+					name: `${t}-[${n}]`,
+					module: t
+				});
+			});
+			return W.value.forEach((t) => e.push({
+				name: t,
+				module: "antd"
+			})), e;
+		}), Y = a(() => K.value === "all" ? J.value : K.value === "antd" ? J.value.filter((e) => e.module === "antd") : J.value.filter((e) => e.module === K.value)), X = a(() => {
+			let e = q.value.trim().toLowerCase();
+			return e ? Y.value.filter((t) => t.name.toLowerCase().includes(e)) : Y.value;
+		});
+		function ze(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 e = (Z.value - 1) * 30;
+			return X.value.slice(e, e + 30);
+		});
+		C([q, K], () => {
+			Z.value = 1;
+		}), C(X, () => {
+			Z.value > Q.value && (Z.value = Q.value);
+		});
+		function Ve(e) {
+			Z.value = e;
+		}
+		function He(e) {
+			j.value = e.name;
+		}
+		let Ue = E.PRESENTED_IMAGE_SIMPLE;
+		function We() {
+			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) => {
+			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, {
+				value: t.value,
+				readonly: "",
+				onClick: z
+			}, {
+				addonAfter: w(() => [d(a, null, {
+					title: w(() => [d(x(n), {
+						name: t.value || "",
+						size: "40px",
+						class: "cursor-default"
+					}, null, 8, ["name"])]),
+					default: w(() => [d(x(n), {
+						name: t.value || "",
+						size: "20px",
+						class: "cursor-default"
+					}, null, 8, ["name"])]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["value"])], !0), d(O, null, {
+				default: w(() => [d(E, {
+					open: R.value,
+					"onUpdate:open": r[7] ||= (e) => R.value = e,
+					title: "选择图标",
+					width: "1200px",
+					footer: null,
+					"destroy-on-close": "",
+					onCancel: B
+				}, {
+					default: w(() => [l("div", le, [
+						s(" 左侧模块列表 "),
+						l("div", ue, [l("div", de, [d(f, {
+							value: q.value,
+							"onUpdate:value": r[0] ||= (e) => q.value = e,
+							"allow-clear": "",
+							bordered: !0,
+							placeholder: "搜索图标",
+							class: "h-9 text-13px"
+						}, {
+							prefix: w(() => [d(x(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", {
+							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))])]),
+						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, {
+								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", {
+									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), {
+									name: e.name,
+									size: "30px"
+								}, null, 8, ["name"])], 10, xe)]),
+								_: 2
+							}, 1024))), 128))]),
+							s(" 分页 "),
+							l("div", Se, [d(g, {
+								current: Z.value,
+								"page-size": 30,
+								total: X.value.length,
+								"show-size-changer": !1,
+								"show-quick-jumper": "",
+								onChange: Ve
+							}, null, 8, ["current", "total"])])
+						], 64)) : (h(), c("div", Ce, [d(y, {
+							image: x(Ue),
+							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)])]),
+										_: 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), {
+									key: 0,
+									name: j.value,
+									size: 80,
+									color: $.value && I.value ? I.value : void 0
+								}, null, 8, ["name", "color"])) : (h(), o(x(n), {
+									key: 1,
+									name: j.value,
+									box: M.value,
+									size: 80,
+									angle: N.value,
+									background: P.value,
+									radius: F.value,
+									color: $.value ? I.value || "#ffffff" : void 0
+								}, null, 8, [
+									"name",
+									"box",
+									"angle",
+									"background",
+									"radius",
+									"color"
+								]))], 64)) : s("v-if", !0)])])
+							]),
+							s(" 侧栏底部操作按钮 "),
+							l("div", Re, [d(T, { onClick: B }, {
+								default: w(() => r[10] ||= [u(" 取消 ")]),
+								_: 1,
+								__: [10]
+							}), d(T, {
+								type: "primary",
+								onClick: V
+							}, {
+								default: w(() => r[11] ||= [u(" 确定 ")]),
+								_: 1,
+								__: [11]
+							})])
+						])) : s("v-if", !0)
+					])]),
+					_: 1
+				}, 8, ["open"])]),
+				_: 1
+			})], 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({
+	name: "ResourceIconSelect",
+	__name: "IconSelect",
+	props: {
+		modelValue: { default: { meta: {
+			url: "",
+			component: ""
+		} } },
+		modelModifiers: {}
+	},
+	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: ""
+				};
+			}
+		}), f = a(() => {
+			let e = r.value.type;
+			return { icon: [
+				t.DYNAMIC_APP,
+				t.MICRO_APP,
+				t.INDEX,
+				t.MENU,
+				t.IFRAME,
+				t.LINK
+			].includes(e) };
+		}), p = a(() => !0);
+		function m(e) {
+			e.stopPropagation(), r.value.icon && (r.value.icon = void 0);
+		}
+		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",
+					"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);
+	}
+}), J = q;
+export { J as b };

package/dist/IconSelect.css

@@ -0,0 +1 @@
+[data-v-5889f8ee] .ant-radio-group{align-items:center;display:inline-flex}[data-v-5889f8ee] .ant-radio-button-wrapper{flex:none;justify-content:center;align-items:center;padding:4px 10px;display:inline-flex;height:auto!important;line-height:1!important}[data-v-5889f8ee] .ant-radio-button-wrapper>span{justify-content:center;align-items:center;display:inline-flex}

package/dist/{ImportExport-Clbc8xaw.js → ImportExport-ByRTssxP.js}

@@ -1,7 +1,7 @@
 import { b as e, c as t } from "./chunk-B3eAFu3c.js";
 import { A as n, B as r, C as i, D as a, E as o, am as s, z as c } from "./index.js";
-import { c as l, e as u } from "./enum-D0U38jb6.js";
-import { b as d } from "./dayjs.min-DcxwBe2I.js";
+import { c as l, e as u } from "./enum-BMY6bmPA.js";
+import { b as d } from "./dayjs.min-CdDcH50N.js";
 import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, isRef as ee, normalizeStyle as x, openBlock as S, reactive as C, ref as w, renderList as te, resolveComponent as T, toDisplayString as E, unref as D, vShow as O, withCtx as k, withDirectives as A } from "vue";
 import { ClockCircleOutlined as j, CloudDownloadOutlined as ne, CloudUploadOutlined as re, DeleteOutlined as ie, UndoOutlined as ae } from "@ant-design/icons-vue";
 import { Upload as M, message as N, theme as oe } from "ant-design-vue";

package/dist/ImportExport-D8uzaOMz.js

@@ -0,0 +1,4 @@
+import "./enum-BMY6bmPA.js";
+import "./dayjs.min-CdDcH50N.js";
+import { b as e } from "./ImportExport-ByRTssxP.js";
+export { e as default };

package/dist/{MetaForm-BWy4Lpr8.js → MetaForm-BSGuZXgj.js}

@@ -1,5 +1,5 @@
 import "./_plugin-vue_export-helper-DziIhCOI.js";
-import "./enum-D0U38jb6.js";
+import "./enum-BMY6bmPA.js";
 import "./HoverCard-B79q5sly.js";
-import { b as e } from "./MetaForm-DpH9an5A.js";
+import { b as e } from "./MetaForm-DErrpELP.js";
 export { e as default };