@pubinfo/module-rbac 2.1.10 → 2.1.12

package/dist/IconSelect-CvxGRN_O.js

@@ -0,0 +1,719 @@
+import { r as e } from "./chunk-WQLz0Won.js";
+import { h as t } from "./index.js";
+import { r as n } from "./enum-CR5ztb5v2.js";
+import { PubinfoIcon as r, getAllIconModules as i } from "pubinfo";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, openBlock as g, reactive as _, ref as v, renderList as y, renderSlot as b, shallowRef as x, toDisplayString as S, unref as C, useModel as w, watch as T, withCtx as E } from "vue";
+import { Empty as D } from "ant-design-vue";
+import { Button as ee, Empty as te, FormItem as O, FormItemRest as ne, Input as re, InputNumber as k, Modal as ie, Pagination as ae, RadioButton as oe, RadioGroup as se, Tooltip as ce } from "ant-design-vue/es";
+import './IconSelect.css';//#region src/components/ResourceIcones/BoxColorPicker.vue?vue&type=script&setup=true&lang.ts
+var A = { class: "flex flex-col gap-3 w-full select-none" }, j = { class: "flex items-center gap-3" }, M = { class: "relative inline-flex items-center" }, N = ["disabled"], P = ["value", "disabled"], F = { class: "flex items-center gap-3" }, I = { class: "relative inline-flex items-center" }, L = ["disabled"], R = ["value", "disabled"], z = { class: "flex items-center gap-3" }, B = { class: "flex items-center gap-3" }, V = { class: "flex items-center gap-3" }, le = /* @__PURE__ */ p({
+	name: "ResourceIconesBoxColorPicker",
+	__name: "BoxColorPicker",
+	props: {
+		angle: {},
+		background: {},
+		radius: {},
+		iconSize: {},
+		disabled: { type: Boolean }
+	},
+	emits: [
+		"update:angle",
+		"update:background",
+		"update:radius",
+		"update:iconSize"
+	],
+	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 == "string" && e.trim().endsWith("%")) {
+				let t = Number.parseFloat(e);
+				if (Number.isFinite(t)) return c(t);
+			}
+			if (typeof e == "number" && Number.isFinite(e)) return c(e);
+			if (typeof e == "string") {
+				let t = Number.parseFloat(e);
+				if (Number.isFinite(t)) return c(t);
+			}
+			return 50;
+		}
+		function s(e) {
+			if (typeof e == "string" && e.trim().endsWith("%")) {
+				let t = Number.parseFloat(e);
+				if (Number.isFinite(t)) return d(t);
+			}
+			if (typeof e == "number" && Number.isFinite(e)) return d(e);
+			if (typeof e == "string") {
+				let t = Number.parseFloat(e);
+				if (Number.isFinite(t)) return d(t);
+			}
+			return 50;
+		}
+		function c(e) {
+			return Math.min(50, Math.max(0, e));
+		}
+		function d(e) {
+			return Math.min(100, Math.max(0, e));
+		}
+		let p = a(n.background), _ = v(p.from), y = v(p.to), b = v(i(n.angle)), x = v(o(n.radius)), S = v(s(n.iconSize)), C = v(null), w = v(null);
+		function D() {
+			if (n.disabled) return;
+			let e = C.value;
+			e && (e.style.width = "16px", e.style.height = "16px", e.click());
+		}
+		function ee() {
+			if (n.disabled) return;
+			let e = w.value;
+			e && (e.style.width = "16px", e.style.height = "16px", e.click());
+		}
+		return T([
+			_,
+			y,
+			b,
+			x
+		], () => {
+			r("update:background", {
+				from: _.value,
+				to: y.value
+			}), r("update:angle", b.value), r("update:radius", `${x.value}%`);
+		}, { immediate: !0 }), T(S, () => {
+			r("update:iconSize", `${S.value}%`);
+		}, { immediate: !0 }), T(() => n.background, (e) => {
+			if (e == null) return;
+			let t = a(e);
+			_.value = t.from, y.value = t.to;
+		}), T(() => n.angle, (e) => {
+			e != null && (b.value = i(e));
+		}), T(() => n.radius, (e) => {
+			e != null && (x.value = o(e));
+		}), T(() => n.iconSize, (e) => {
+			e != null && (S.value = s(e));
+		}), (e, t) => {
+			let r = re, i = k;
+			return g(), l("div", A, [
+				u("div", j, [t[7] ||= u("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "起始色", -1), f(r, {
+					value: _.value,
+					"onUpdate:value": t[1] ||= (e) => _.value = e,
+					disabled: n.disabled,
+					placeholder: "#65E54A",
+					size: "small",
+					class: "flex-1 min-w-0"
+				}, {
+					prefix: E(() => [u("div", M, [u("button", {
+						type: "button",
+						disabled: n.disabled,
+						class: m(["w-4 h-4 rounded border border-gray-300 dark:border-gray-700", n.disabled ? "opacity-50 cursor-not-allowed" : ""]),
+						style: h({ background: _.value }),
+						onClick: D
+					}, null, 14, N), u("input", {
+						ref_key: "fromColorPickerRef",
+						ref: C,
+						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[0] ||= (e) => _.value = e.target.value
+					}, null, 40, P)])]),
+					_: 1
+				}, 8, ["value", "disabled"])]),
+				u("div", F, [t[8] ||= u("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "结束色", -1), f(r, {
+					value: y.value,
+					"onUpdate:value": t[3] ||= (e) => y.value = e,
+					disabled: n.disabled,
+					placeholder: "#35C724",
+					size: "small",
+					class: "flex-1 min-w-0"
+				}, {
+					prefix: E(() => [u("div", I, [u("button", {
+						type: "button",
+						disabled: n.disabled,
+						class: m(["w-4 h-4 rounded border border-gray-300 dark:border-gray-700", n.disabled ? "opacity-50 cursor-not-allowed" : ""]),
+						style: h({ background: y.value }),
+						onClick: ee
+					}, null, 14, L), u("input", {
+						ref_key: "toColorPickerRef",
+						ref: w,
+						type: "color",
+						value: y.value,
+						disabled: n.disabled,
+						class: "absolute left-0 top-0 opacity-0 pointer-events-none",
+						style: {
+							width: "16px",
+							height: "16px"
+						},
+						onInput: t[2] ||= (e) => y.value = e.target.value
+					}, null, 40, R)])]),
+					_: 1
+				}, 8, ["value", "disabled"])]),
+				u("div", z, [
+					t[9] ||= u("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "角度", -1),
+					f(i, {
+						value: b.value,
+						"onUpdate:value": t[4] ||= (e) => b.value = e,
+						disabled: n.disabled,
+						min: 0,
+						max: 360,
+						step: 1,
+						size: "small",
+						class: "w-28"
+					}, null, 8, ["value", "disabled"]),
+					t[10] ||= u("span", { class: "text-12px opacity-70" }, "deg", -1)
+				]),
+				u("div", B, [
+					t[11] ||= u("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "圆角", -1),
+					f(i, {
+						value: x.value,
+						"onUpdate:value": t[5] ||= (e) => x.value = e,
+						disabled: n.disabled,
+						min: 0,
+						max: 50,
+						step: 1,
+						size: "small",
+						class: "w-28"
+					}, null, 8, ["value", "disabled"]),
+					t[12] ||= u("span", { class: "text-12px opacity-70" }, "%", -1)
+				]),
+				u("div", V, [
+					t[13] ||= u("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "图标大小", -1),
+					f(i, {
+						value: S.value,
+						"onUpdate:value": t[6] ||= (e) => S.value = e,
+						disabled: n.disabled,
+						min: 0,
+						max: 100,
+						step: 1,
+						size: "small",
+						class: "w-28"
+					}, null, 8, ["value", "disabled"]),
+					t[14] ||= u("span", { class: "text-12px opacity-70" }, "%", -1)
+				])
+			]);
+		};
+	}
+}), ue = { class: "flex gap-4 min-h-[600px]" }, de = { class: "w-58 flex flex-col border-r border-[#e5e7eb] dark:border-[#30363d] pr-3" }, fe = { class: "mb-3" }, pe = { class: "flex-1 overflow-auto space-y-1 pr-1" }, me = ["onClick"], he = { class: "truncate max-w-[120px]" }, ge = { 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]" }, _e = { class: "flex-1 flex flex-col min-w-0" }, ve = { class: "grid grid-cols-6 gap-3 auto-rows-[96px] overflow-auto flex-1 p-1" }, ye = { class: "text-12px leading-tight space-y-1" }, be = { class: "font-medium" }, xe = {
+	key: 0,
+	class: "opacity-70"
+}, Se = ["onClick"], Ce = { class: "mt-4 flex justify-center select-none" }, we = {
+	key: 1,
+	class: "flex-1 flex items-center justify-center"
+}, Te = {
+	key: 0,
+	class: "relative w-60 flex flex-col border-l border-[#e5e7eb] dark:border-[#30363d] pl-4 min-h-0"
+}, Ee = { 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" }, De = { class: "shrink-0 flex justify-center items-center pb-4 border-b border-b-dashed border-b-[#d0d7de] dark:border-b-[#30363d]" }, Oe = { class: "w-8 h-8 flex justify-center items-center" }, ke = { class: "w-8 h-8 flex justify-center items-center" }, Ae = { class: "w-8 h-8 flex justify-center items-center" }, je = { class: "flex-1 w-full mt-3 px-2 overflow-auto space-y-3" }, Me = { class: "flex flex-col justify-start w-full opacity-100" }, Ne = { class: "flex items-center gap-3 mb-0! w-full flex-col" }, Pe = { class: "flex" }, Fe = { class: "text-12px opacity-70 w-14 shrink-0 flex items-center" }, Ie = { class: "flex flex-col" }, Le = { class: "relative inline-flex items-center" }, Re = ["disabled"], ze = ["value", "disabled"], Be = { class: "w-full mt-auto flex aspect-square" }, Ve = { 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" }, He = {
+	key: 0,
+	class: "w-full h-full flex items-center justify-center"
+}, Ue = { class: "mt-4 flex justify-end gap-2" }, H = 30, U = 24, We = 4, W = /* @__PURE__ */ t(/* @__PURE__ */ p({
+	name: "ResourceIconesSelect",
+	__name: "Select",
+	props: {
+		modelValue: {},
+		modelModifiers: {},
+		boxType: { default: "null" },
+		boxTypeModifiers: {},
+		angle: { default: 65 },
+		angleModifiers: {},
+		background: { default: {
+			from: "#65E54A",
+			to: "#35C724"
+		} },
+		backgroundModifiers: {},
+		radius: { default: "50%" },
+		radiusModifiers: {},
+		iconColor: { default: "" },
+		iconColorModifiers: {},
+		iconSize: { default: "50%" },
+		iconSizeModifiers: {}
+	},
+	emits: [
+		"update:modelValue",
+		"update:boxType",
+		"update:angle",
+		"update:background",
+		"update:radius",
+		"update:iconColor",
+		"update:iconSize"
+	],
+	setup(e) {
+		let t = x([]), n = v(!1);
+		async function p() {
+			if (!(t.value.length > 0 || n.value)) {
+				n.value = !0;
+				try {
+					let e = await import("@ant-design/icons-vue");
+					t.value = Object.keys(e).filter((e) => /(?:Outlined|Filled|TwoTone)$/.test(e)).map((e) => `antd:${e}`).sort();
+				} finally {
+					n.value = !1;
+				}
+			}
+		}
+		let _ = w(e, "modelValue"), O = w(e, "boxType"), k = w(e, "angle"), A = w(e, "background"), j = w(e, "radius"), M = w(e, "iconColor"), N = w(e, "iconSize"), P = v(_.value), F = v(O.value || "null"), I = v(k.value ?? 65), L = v(A.value ?? {
+			from: "#65E54A",
+			to: "#35C724"
+		}), R = v(j.value ?? "50%"), z = v(N.value ?? "50%"), B = v(M.value ?? ""), V = v(null), W = v(!1);
+		function G() {
+			p(), P.value = _.value, F.value = O.value || "null", I.value = k.value ?? 65;
+			let e = A.value;
+			L.value = typeof e == "string" ? e : e ? { ...e } : {
+				from: "#65E54A",
+				to: "#35C724"
+			}, R.value = j.value ?? "50%", z.value = N.value ?? "50%", B.value = M.value ?? "", W.value = !0;
+		}
+		function K() {
+			W.value = !1;
+		}
+		function Ge() {
+			_.value = P.value, O.value = F.value, k.value = I.value;
+			let e = L.value;
+			A.value = typeof e == "string" ? e : e && { ...e }, j.value = R.value, N.value = z.value, M.value = B.value, W.value = !1;
+		}
+		function Ke(e) {
+			return (e.split(/[\\/]/).pop() || e).replace(/\.(svg|png|jpe?g)$/i, "");
+		}
+		let qe = o(() => {
+			let e = /* @__PURE__ */ new Map(), t = i();
+			for (let [n, r] of t.entries()) {
+				let t = Object.keys(r).map(Ke).sort();
+				e.set(n, t);
+			}
+			return e;
+		}), q = o(() => t.value), Je = o(() => {
+			let e = Array.from(qe.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"
+				}
+			];
+		}), J = v("all"), Y = v(""), X = o(() => {
+			let e = [];
+			for (let [t, n] of qe.value.entries()) n.forEach((n) => {
+				t === "local" ? e.push({
+					name: n,
+					module: t
+				}) : e.push({
+					name: `${t}-[${n}]`,
+					module: t
+				});
+			});
+			return q.value.forEach((t) => e.push({
+				name: t,
+				module: "antd"
+			})), e;
+		}), Ye = o(() => J.value === "all" ? X.value : J.value === "antd" ? X.value.filter((e) => e.module === "antd") : X.value.filter((e) => e.module === J.value)), Z = o(() => {
+			let e = Y.value.trim().toLowerCase();
+			return e ? Ye.value.filter((t) => t.name.toLowerCase().includes(e)) : Ye.value;
+		});
+		function Xe(e) {
+			return e === "all" ? X.value.length : e === "antd" ? X.value.filter((e) => e.module === "antd").length : X.value.filter((t) => t.module === e).length;
+		}
+		let Q = v(1), Ze = o(() => Math.max(1, Math.ceil(Z.value.length / H))), Qe = o(() => {
+			let e = (Q.value - 1) * H;
+			return Z.value.slice(e, e + H);
+		});
+		T([Y, J], () => {
+			Q.value = 1;
+		}), T(Z, () => {
+			Q.value > Ze.value && (Q.value = Ze.value);
+		});
+		function $e(e) {
+			Q.value = e;
+		}
+		function et(e) {
+			P.value = e.name;
+		}
+		let tt = D.PRESENTED_IMAGE_SIMPLE;
+		function nt() {
+			if (!(P.value || "").startsWith("antd:")) return;
+			let e = V.value;
+			e && (e.style.width = "16px", e.style.height = "16px", e.click());
+		}
+		let $ = o(() => (P.value || "").startsWith("antd:"));
+		return T(F, (e, t) => {
+			t === "null" && e !== "null" && !B.value && (B.value = "#ffffff");
+		}), (e, t) => {
+			let n = ce, i = re, o = ae, p = te, v = oe, x = se, w = ee, T = ie, D = ne;
+			return g(), l(a, null, [b(e.$slots, "default", { open: G }, () => [f(i, {
+				value: _.value,
+				readonly: "",
+				onClick: G
+			}, {
+				addonAfter: E(() => [f(n, null, {
+					title: E(() => [f(C(r), {
+						name: _.value || "",
+						size: "40px",
+						class: "cursor-default"
+					}, null, 8, ["name"])]),
+					default: E(() => [f(C(r), {
+						name: _.value || "",
+						size: "20px",
+						class: "cursor-default"
+					}, null, 8, ["name"])]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["value"])], !0), f(D, null, {
+				default: E(() => [f(T, {
+					open: W.value,
+					"onUpdate:open": t[8] ||= (e) => W.value = e,
+					title: "选择图标",
+					width: "1200px",
+					footer: null,
+					"destroy-on-close": "",
+					onCancel: K
+				}, {
+					default: E(() => [u("div", ue, [
+						u("div", de, [u("div", fe, [f(i, {
+							value: Y.value,
+							"onUpdate:value": t[0] ||= (e) => Y.value = e,
+							"allow-clear": "",
+							bordered: !0,
+							placeholder: "搜索图标",
+							class: "h-9 text-13px"
+						}, {
+							prefix: E(() => [f(C(r), {
+								name: "i-carbon-search",
+								size: "16",
+								class: "text-[#7a869a]"
+							})]),
+							_: 1
+						}, 8, ["value"])]), u("div", pe, [(g(!0), l(a, null, y(Je.value, (e) => (g(), l("div", {
+							key: e.value,
+							class: m(["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", J.value === e.value ? "bg-[#eef5ff] dark:bg-[#1e2a33] border-[#1677ff] text-[#1677ff] font-medium" : "text-[#4b5563]"]),
+							onClick: (t) => J.value = e.value
+						}, [u("span", he, S(e.label), 1), u("span", ge, S(Xe(e.value)), 1)], 10, me))), 128))])]),
+						u("div", _e, [Z.value.length ? (g(), l(a, { key: 0 }, [u("div", ve, [(g(!0), l(a, null, y(Qe.value, (e) => (g(), s(n, {
+							key: `${e.module || ""}:${e.name}`,
+							"mouse-enter-delay": .35
+						}, {
+							title: E(() => [u("div", ye, [u("div", be, S(e.name), 1), e.module ? (g(), l("div", xe, " 模块: " + S(e.module), 1)) : c("", !0)])]),
+							default: E(() => [u("div", {
+								class: m(["group relative flex flex-col items-center justify-center cursor-pointer rounded-md border", P.value === e.name ? "border-solid border-[#1677ff]" : "border-dashed border-[#e5e7eb] dark:border-[#30363d]"]),
+								onClick: (t) => et(e)
+							}, [f(C(r), {
+								name: e.name,
+								size: "30px"
+							}, null, 8, ["name"])], 10, Se)]),
+							_: 2
+						}, 1024))), 128))]), u("div", Ce, [f(o, {
+							current: Q.value,
+							"page-size": H,
+							total: Z.value.length,
+							"show-size-changer": !1,
+							"show-quick-jumper": "",
+							onChange: $e
+						}, null, 8, ["current", "total"])])], 64)) : (g(), l("div", we, [f(p, {
+							image: C(tt),
+							description: "没有匹配的图标"
+						}, null, 8, ["image"])]))]),
+						P.value ? (g(), l("div", Te, [u("div", Ee, [
+							u("div", De, [f(x, {
+								value: F.value,
+								"onUpdate:value": t[1] ||= (e) => F.value = e,
+								class: "flex justify-center items-center"
+							}, {
+								default: E(() => [
+									f(v, { value: "null" }, {
+										default: E(() => [u("div", Oe, [f(C(r), {
+											name: P.value,
+											size: U - We * 2
+										}, null, 8, ["name", "size"])])]),
+										_: 1
+									}),
+									f(v, { value: "square" }, {
+										default: E(() => [u("div", ke, [f(C(r), {
+											name: P.value,
+											box: "square",
+											size: U,
+											radius: "25%",
+											color: "#ffffff"
+										}, null, 8, ["name"])])]),
+										_: 1
+									}),
+									f(v, { value: "prism" }, {
+										default: E(() => [u("div", Ae, [f(C(r), {
+											name: P.value,
+											box: "prism",
+											size: U,
+											color: "#ffffff",
+											radius: "2%"
+										}, null, 8, ["name"])])]),
+										_: 1
+									})
+								]),
+								_: 1
+							}, 8, ["value"])]),
+							u("div", je, [
+								u("div", Me, [t[9] ||= u("div", { class: "text-12px mb-2 opacity-70" }, " 背景设置 ", -1), f(le, {
+									angle: I.value,
+									"onUpdate:angle": t[2] ||= (e) => I.value = e,
+									background: L.value,
+									"onUpdate:background": t[3] ||= (e) => L.value = e,
+									radius: R.value,
+									"onUpdate:radius": t[4] ||= (e) => R.value = e,
+									"icon-size": z.value,
+									"onUpdate:iconSize": t[5] ||= (e) => z.value = e,
+									disabled: F.value === "null"
+								}, null, 8, [
+									"angle",
+									"background",
+									"radius",
+									"icon-size",
+									"disabled"
+								])]),
+								u("div", Ne, [u("div", Pe, [u("label", Fe, [t[11] ||= d(" 图标色 ", -1), f(n, null, {
+									title: E(() => [...t[10] ||= [d(" 仅 Ant Design 图标有效 ", -1)]]),
+									default: E(() => [f(C(r), {
+										name: "i-carbon-information",
+										size: "12px",
+										class: "ml-1 cursor-help"
+									})]),
+									_: 1
+								})]), u("div", Ie, [f(i, {
+									value: B.value,
+									"onUpdate:value": t[7] ||= (e) => B.value = e,
+									"allow-clear": "",
+									placeholder: F.value === "null" ? "默认" : "#ffffff",
+									size: "small",
+									class: "flex-1 min-w-0",
+									disabled: !$.value
+								}, {
+									prefix: E(() => [u("div", Le, [u("button", {
+										type: "button",
+										disabled: !$.value,
+										class: m(["w-4 h-4 rounded border border-gray-300 dark:border-gray-700", $.value ? "" : "opacity-50 cursor-not-allowed"]),
+										style: h({ background: B.value || "#ffffff" }),
+										onClick: nt
+									}, null, 14, Re), u("input", {
+										ref_key: "iconColorPickerRef",
+										ref: V,
+										type: "color",
+										value: B.value || "#ffffff",
+										disabled: !$.value,
+										class: "absolute left-0 top-0 opacity-0 pointer-events-none",
+										style: {
+											width: "16px",
+											height: "16px"
+										},
+										onInput: t[6] ||= (e) => B.value = e.target.value
+									}, null, 40, ze)])]),
+									_: 1
+								}, 8, [
+									"value",
+									"placeholder",
+									"disabled"
+								])])])]),
+								u("div", Be, [u("div", Ve, [P.value ? (g(), l("div", He, [F.value === "null" ? (g(), s(C(r), {
+									key: 0,
+									name: P.value,
+									size: 80,
+									color: $.value && B.value ? B.value : void 0
+								}, null, 8, ["name", "color"])) : (g(), s(C(r), {
+									key: 1,
+									name: P.value,
+									box: F.value,
+									size: 80,
+									angle: I.value,
+									background: L.value,
+									radius: R.value,
+									"icon-size": z.value,
+									color: $.value ? B.value || "#ffffff" : void 0
+								}, null, 8, [
+									"name",
+									"box",
+									"angle",
+									"background",
+									"radius",
+									"icon-size",
+									"color"
+								]))])) : c("", !0)])])
+							]),
+							u("div", Ue, [f(w, { onClick: K }, {
+								default: E(() => [...t[12] ||= [d(" 取消 ", -1)]]),
+								_: 1
+							}), f(w, {
+								type: "primary",
+								onClick: Ge
+							}, {
+								default: E(() => [...t[13] ||= [d(" 确定 ", -1)]]),
+								_: 1
+							})])
+						])])) : c("", !0)
+					])]),
+					_: 1
+				}, 8, ["open"])]),
+				_: 1
+			})], 64);
+		};
+	}
+}), [["__scopeId", "data-v-21a5fc0d"]]), G = ["onClick"], K = ["onClick"], Ge = { class: "flex flex-col items-center justify-center" }, Ke = /* @__PURE__ */ p({
+	name: "ResourceIconSelect",
+	__name: "IconSelect",
+	props: {
+		modelValue: { default: { meta: {
+			url: "",
+			component: ""
+		} } },
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = w(e, "modelValue");
+		function i() {
+			return {
+				boxType: "null",
+				angle: 65,
+				background: {
+					from: "#65E54A",
+					to: "#35C724"
+				},
+				radius: "50%",
+				iconColor: "",
+				iconSize: "50%"
+			};
+		}
+		let a = o(() => t.value.meta || (t.value.meta = {})), d = _(i());
+		T(() => a.value.iconOptions, (e) => {
+			e ? Object.assign(d, i(), e) : Object.assign(d, i());
+		}, { immediate: !0 }), T(d, (e) => {
+			if (!t.value.icon) {
+				a.value.iconOptions && Reflect.deleteProperty(a.value, "iconOptions");
+				return;
+			}
+			let n = a.value.iconOptions, r = !1;
+			if (!n) r = !0;
+			else {
+				let t = new Set([...Object.keys(n), ...Object.keys(e)]);
+				for (let i of t) if (n[i] !== e[i]) {
+					r = !0;
+					break;
+				}
+			}
+			r && (a.value.iconOptions = { ...e });
+		}, { deep: !0 });
+		let p = o(() => {
+			let e = t.value.type;
+			return { icon: [
+				n.DYNAMIC_APP,
+				n.INDEX,
+				n.MENU,
+				n.IFRAME,
+				n.LINK
+			].includes(e) };
+		}), m = o(() => !0);
+		function h(e) {
+			e.stopPropagation(), t.value.icon && (t.value.icon = void 0, Reflect.deleteProperty(a.value, "iconOptions"));
+		}
+		return (e, n) => {
+			let i = O;
+			return C(m) && C(p).icon ? (g(), s(i, {
+				key: 0,
+				label: "资源图标"
+			}, {
+				default: E(() => [f(W, {
+					modelValue: t.value.icon,
+					"onUpdate:modelValue": n[0] ||= (e) => t.value.icon = e,
+					"box-type": C(d).boxType,
+					"onUpdate:boxType": n[1] ||= (e) => C(d).boxType = e,
+					angle: C(d).angle,
+					"onUpdate:angle": n[2] ||= (e) => C(d).angle = e,
+					background: C(d).background,
+					"onUpdate:background": n[3] ||= (e) => C(d).background = e,
+					radius: C(d).radius,
+					"onUpdate:radius": n[4] ||= (e) => C(d).radius = e,
+					"icon-color": C(d).iconColor,
+					"onUpdate:iconColor": n[5] ||= (e) => C(d).iconColor = e,
+					"icon-size": C(d).iconSize,
+					"onUpdate:iconSize": n[6] ||= (e) => C(d).iconSize = e
+				}, {
+					default: E(({ open: e }) => [t.value.icon ? (g(), l("div", {
+						key: 0,
+						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
+					}, [C(d).boxType && C(d).boxType !== "null" ? (g(), s(C(r), {
+						key: 0,
+						name: t.value.icon,
+						box: C(d).boxType,
+						size: "48px",
+						radius: C(d).radius,
+						background: C(d).background,
+						angle: C(d).angle,
+						"icon-size": C(d).iconSize,
+						color: (t.value.icon || "").startsWith("antd:") ? C(d).iconColor || "#ffffff" : void 0
+					}, null, 8, [
+						"name",
+						"box",
+						"radius",
+						"background",
+						"angle",
+						"icon-size",
+						"color"
+					])) : (g(), s(C(r), {
+						key: 1,
+						name: t.value.icon,
+						size: "48px",
+						color: (t.value.icon || "").startsWith("antd:") && C(d).iconColor || void 0
+					}, null, 8, ["name", "color"])), t.value.icon ? (g(), l("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: h
+					}, [f(C(r), {
+						name: "antd:CloseOutlined",
+						size: "10px"
+					})])) : c("", !0)], 8, G)) : (g(), l("div", {
+						key: 1,
+						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
+					}, [u("div", Ge, [f(C(r), { name: "antd:PlusOutlined" }), n[7] ||= u("span", { class: "text-10px mt-1" }, "选择图标", -1)])], 8, K))]),
+					_: 1
+				}, 8, [
+					"modelValue",
+					"box-type",
+					"angle",
+					"background",
+					"radius",
+					"icon-color",
+					"icon-size"
+				])]),
+				_: 1
+			})) : c("", !0);
+		};
+	}
+}), qe = /* @__PURE__ */ e({ default: () => q }), q = Ke;
+//#endregion
+export { qe as n, q as t };