@pubinfo-pr/module-rbac 0.171.1 → 0.171.3

package/dist/IconSelect-CiLpc63Z.js

@@ -0,0 +1,716 @@
+import { h as _plugin_vue_export_helper_default } from "./index.js";
+import { r as RESOURCE_TYPE } from "./enum-3E_sUqRF.js";
+import { PubinfoIcon, getAllIconModules } from "pubinfo-pr";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, shallowRef, toDisplayString, unref, useModel, watch, withCtx } from "vue";
+import { Empty } from "ant-design-vue";
+import { Button, Empty as Empty$1, FormItem, FormItemRest, Input as Input$1, InputNumber, Modal as Modal$1, Pagination as Pagination$1, RadioButton, RadioGroup, Tooltip as Tooltip$1 } from "ant-design-vue/es";
+import './IconSelect.css';var _hoisted_1$2 = { class: "flex flex-col gap-3 w-full select-none" }, _hoisted_2$2 = { class: "flex items-center gap-3" }, _hoisted_3$2 = { class: "relative inline-flex items-center" }, _hoisted_4$1 = ["disabled"], _hoisted_5$1 = ["value", "disabled"], _hoisted_6$1 = { class: "flex items-center gap-3" }, _hoisted_7$1 = { class: "relative inline-flex items-center" }, _hoisted_8$1 = ["disabled"], _hoisted_9$1 = ["value", "disabled"], _hoisted_10$1 = { class: "flex items-center gap-3" }, _hoisted_11$1 = { class: "flex items-center gap-3" }, _hoisted_12$1 = { class: "flex items-center gap-3" }, BoxColorPicker_default = /* @__PURE__ */ defineComponent({
+	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 l(t);
+			}
+			if (typeof e == "number" && Number.isFinite(e)) return l(e);
+			if (typeof e == "string") {
+				let t = Number.parseFloat(e);
+				if (Number.isFinite(t)) return l(t);
+			}
+			return 50;
+		}
+		function c(e) {
+			return Math.min(50, Math.max(0, e));
+		}
+		function l(e) {
+			return Math.min(100, Math.max(0, e));
+		}
+		let f = a(n.background), m = ref(f.from), h = ref(f.to), g = ref(i(n.angle)), _ = ref(o(n.radius)), v = ref(s(n.iconSize)), y = ref(null), b = ref(null);
+		function x() {
+			if (n.disabled) return;
+			let e = y.value;
+			e && (e.style.width = "16px", e.style.height = "16px", e.click());
+		}
+		function S() {
+			if (n.disabled) return;
+			let e = b.value;
+			e && (e.style.width = "16px", e.style.height = "16px", e.click());
+		}
+		return watch([
+			m,
+			h,
+			g,
+			_
+		], () => {
+			r("update:background", {
+				from: m.value,
+				to: h.value
+			}), r("update:angle", g.value), r("update:radius", `${_.value}%`);
+		}, { immediate: !0 }), watch(v, () => {
+			r("update:iconSize", `${v.value}%`);
+		}, { immediate: !0 }), watch(() => n.background, (e) => {
+			if (e == null) return;
+			let t = a(e);
+			m.value = t.from, h.value = t.to;
+		}), watch(() => n.angle, (e) => {
+			e != null && (g.value = i(e));
+		}), watch(() => n.radius, (e) => {
+			e != null && (_.value = o(e));
+		}), watch(() => n.iconSize, (e) => {
+			e != null && (v.value = s(e));
+		}), (e, t) => {
+			let r = Input$1, i = InputNumber;
+			return openBlock(), createElementBlock("div", _hoisted_1$2, [
+				createElementVNode("div", _hoisted_2$2, [t[7] ||= createElementVNode("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "起始色", -1), createVNode(r, {
+					value: m.value,
+					"onUpdate:value": t[1] ||= (e) => m.value = e,
+					disabled: n.disabled,
+					placeholder: "#65E54A",
+					size: "small",
+					class: "flex-1 min-w-0"
+				}, {
+					prefix: withCtx(() => [createElementVNode("div", _hoisted_3$2, [createElementVNode("button", {
+						type: "button",
+						disabled: n.disabled,
+						class: normalizeClass(["w-4 h-4 rounded border border-gray-300 dark:border-gray-700", n.disabled ? "opacity-50 cursor-not-allowed" : ""]),
+						style: normalizeStyle({ background: m.value }),
+						onClick: x
+					}, null, 14, _hoisted_4$1), createElementVNode("input", {
+						ref_key: "fromColorPickerRef",
+						ref: y,
+						type: "color",
+						value: m.value,
+						disabled: n.disabled,
+						class: "absolute left-0 top-0 opacity-0 pointer-events-none",
+						style: {
+							width: "16px",
+							height: "16px"
+						},
+						onInput: t[0] ||= (e) => m.value = e.target.value
+					}, null, 40, _hoisted_5$1)])]),
+					_: 1
+				}, 8, ["value", "disabled"])]),
+				createElementVNode("div", _hoisted_6$1, [t[8] ||= createElementVNode("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "结束色", -1), createVNode(r, {
+					value: h.value,
+					"onUpdate:value": t[3] ||= (e) => h.value = e,
+					disabled: n.disabled,
+					placeholder: "#35C724",
+					size: "small",
+					class: "flex-1 min-w-0"
+				}, {
+					prefix: withCtx(() => [createElementVNode("div", _hoisted_7$1, [createElementVNode("button", {
+						type: "button",
+						disabled: n.disabled,
+						class: normalizeClass(["w-4 h-4 rounded border border-gray-300 dark:border-gray-700", n.disabled ? "opacity-50 cursor-not-allowed" : ""]),
+						style: normalizeStyle({ background: h.value }),
+						onClick: S
+					}, null, 14, _hoisted_8$1), createElementVNode("input", {
+						ref_key: "toColorPickerRef",
+						ref: b,
+						type: "color",
+						value: h.value,
+						disabled: n.disabled,
+						class: "absolute left-0 top-0 opacity-0 pointer-events-none",
+						style: {
+							width: "16px",
+							height: "16px"
+						},
+						onInput: t[2] ||= (e) => h.value = e.target.value
+					}, null, 40, _hoisted_9$1)])]),
+					_: 1
+				}, 8, ["value", "disabled"])]),
+				createElementVNode("div", _hoisted_10$1, [
+					t[9] ||= createElementVNode("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "角度", -1),
+					createVNode(i, {
+						value: g.value,
+						"onUpdate:value": t[4] ||= (e) => g.value = e,
+						disabled: n.disabled,
+						min: 0,
+						max: 360,
+						step: 1,
+						size: "small",
+						class: "w-28"
+					}, null, 8, ["value", "disabled"]),
+					t[10] ||= createElementVNode("span", { class: "text-12px opacity-70" }, "deg", -1)
+				]),
+				createElementVNode("div", _hoisted_11$1, [
+					t[11] ||= createElementVNode("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "圆角", -1),
+					createVNode(i, {
+						value: _.value,
+						"onUpdate:value": t[5] ||= (e) => _.value = e,
+						disabled: n.disabled,
+						min: 0,
+						max: 50,
+						step: 1,
+						size: "small",
+						class: "w-28"
+					}, null, 8, ["value", "disabled"]),
+					t[12] ||= createElementVNode("span", { class: "text-12px opacity-70" }, "%", -1)
+				]),
+				createElementVNode("div", _hoisted_12$1, [
+					t[13] ||= createElementVNode("label", { class: "text-12px opacity-70 w-14 shrink-0" }, "图标大小", -1),
+					createVNode(i, {
+						value: v.value,
+						"onUpdate:value": t[6] ||= (e) => v.value = e,
+						disabled: n.disabled,
+						min: 0,
+						max: 100,
+						step: 1,
+						size: "small",
+						class: "w-28"
+					}, null, 8, ["value", "disabled"]),
+					t[14] ||= createElementVNode("span", { class: "text-12px opacity-70" }, "%", -1)
+				])
+			]);
+		};
+	}
+}), _hoisted_1$1 = { class: "flex gap-4 min-h-[600px]" }, _hoisted_2$1 = { class: "w-58 flex flex-col border-r border-[#e5e7eb] dark:border-[#30363d] pr-3" }, _hoisted_3$1 = { class: "mb-3" }, _hoisted_4 = { class: "flex-1 overflow-auto space-y-1 pr-1" }, _hoisted_5 = ["onClick"], _hoisted_6 = { class: "truncate max-w-[120px]" }, _hoisted_7 = { 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]" }, _hoisted_8 = { class: "flex-1 flex flex-col min-w-0" }, _hoisted_9 = { class: "grid grid-cols-6 gap-3 auto-rows-[96px] overflow-auto flex-1 p-1" }, _hoisted_10 = { class: "text-12px leading-tight space-y-1" }, _hoisted_11 = { class: "font-medium" }, _hoisted_12 = {
+	key: 0,
+	class: "opacity-70"
+}, _hoisted_13 = ["onClick"], _hoisted_14 = { class: "mt-4 flex justify-center select-none" }, _hoisted_15 = {
+	key: 1,
+	class: "flex-1 flex items-center justify-center"
+}, _hoisted_16 = {
+	key: 0,
+	class: "relative w-60 flex flex-col border-l border-[#e5e7eb] dark:border-[#30363d] pl-4 min-h-0"
+}, _hoisted_17 = { 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" }, _hoisted_18 = { class: "shrink-0 flex justify-center items-center pb-4 border-b border-b-dashed border-b-[#d0d7de] dark:border-b-[#30363d]" }, _hoisted_19 = { class: "w-8 h-8 flex justify-center items-center" }, _hoisted_20 = { class: "w-8 h-8 flex justify-center items-center" }, _hoisted_21 = { class: "w-8 h-8 flex justify-center items-center" }, _hoisted_22 = { class: "flex-1 w-full mt-3 px-2 overflow-auto space-y-3" }, _hoisted_23 = { class: "flex flex-col justify-start w-full opacity-100" }, _hoisted_24 = { class: "flex items-center gap-3 mb-0! w-full flex-col" }, _hoisted_25 = { class: "flex" }, _hoisted_26 = { class: "text-12px opacity-70 w-14 shrink-0 flex items-center" }, _hoisted_27 = { class: "flex flex-col" }, _hoisted_28 = { class: "relative inline-flex items-center" }, _hoisted_29 = ["disabled"], _hoisted_30 = ["value", "disabled"], _hoisted_31 = { class: "w-full mt-auto flex aspect-square" }, _hoisted_32 = { 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" }, _hoisted_33 = {
+	key: 0,
+	class: "w-full h-full flex items-center justify-center"
+}, _hoisted_34 = { class: "mt-4 flex justify-end gap-2" }, pageSize = 30, previewBoxOuter = 24, previewBoxPadding = 4, Select_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	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 = shallowRef([]), l = ref(!1);
+		async function f() {
+			if (!(t.value.length > 0 || l.value)) {
+				l.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 {
+					l.value = !1;
+				}
+			}
+		}
+		let g = useModel(e, "modelValue"), C = useModel(e, "boxType"), w = useModel(e, "angle"), T = useModel(e, "background"), E = useModel(e, "radius"), D = useModel(e, "iconColor"), O = useModel(e, "iconSize"), k = ref(g.value), A = ref(C.value || "null"), j = ref(w.value ?? 65), M = ref(T.value ?? {
+			from: "#65E54A",
+			to: "#35C724"
+		}), N = ref(E.value ?? "50%"), P = ref(O.value ?? "50%"), F = ref(D.value ?? ""), I = ref(null), L = ref(!1);
+		function R() {
+			f(), k.value = g.value, A.value = C.value || "null", j.value = w.value ?? 65;
+			let e = T.value;
+			M.value = typeof e == "string" ? e : e ? { ...e } : {
+				from: "#65E54A",
+				to: "#35C724"
+			}, N.value = E.value ?? "50%", P.value = O.value ?? "50%", F.value = D.value ?? "", L.value = !0;
+		}
+		function z() {
+			L.value = !1;
+		}
+		function B() {
+			g.value = k.value, C.value = A.value, w.value = j.value;
+			let e = M.value;
+			T.value = typeof e == "string" ? e : e && { ...e }, E.value = N.value, O.value = P.value, D.value = F.value, L.value = !1;
+		}
+		function V(e) {
+			return (e.split(/[\\/]/).pop() || e).replace(/\.(svg|png|jpe?g)$/i, "");
+		}
+		let H = computed(() => {
+			let e = /* @__PURE__ */ new Map(), t = getAllIconModules();
+			for (let [n, r] of t.entries()) {
+				let t = Object.keys(r).map(V).sort();
+				e.set(n, t);
+			}
+			return e;
+		}), U = computed(() => t.value), W = computed(() => {
+			let e = Array.from(H.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"
+				}
+			];
+		}), G = ref("all"), K = ref(""), q = computed(() => {
+			let e = [];
+			for (let [t, n] of H.value.entries()) n.forEach((n) => {
+				t === "local" ? e.push({
+					name: n,
+					module: t
+				}) : e.push({
+					name: `${t}-[${n}]`,
+					module: t
+				});
+			});
+			return U.value.forEach((t) => e.push({
+				name: t,
+				module: "antd"
+			})), e;
+		}), J = computed(() => G.value === "all" ? q.value : G.value === "antd" ? q.value.filter((e) => e.module === "antd") : q.value.filter((e) => e.module === G.value)), Y = computed(() => {
+			let e = K.value.trim().toLowerCase();
+			return e ? J.value.filter((t) => t.name.toLowerCase().includes(e)) : J.value;
+		});
+		function Qe(e) {
+			return e === "all" ? q.value.length : e === "antd" ? q.value.filter((e) => e.module === "antd").length : q.value.filter((t) => t.module === e).length;
+		}
+		let X = ref(1), Z = computed(() => Math.max(1, Math.ceil(Y.value.length / pageSize))), $e = computed(() => {
+			let e = (X.value - 1) * pageSize;
+			return Y.value.slice(e, e + pageSize);
+		});
+		watch([K, G], () => {
+			X.value = 1;
+		}), watch(Y, () => {
+			X.value > Z.value && (X.value = Z.value);
+		});
+		function et(e) {
+			X.value = e;
+		}
+		function tt(e) {
+			k.value = e.name;
+		}
+		let nt = Empty.PRESENTED_IMAGE_SIMPLE;
+		function Q() {
+			if (!(k.value || "").startsWith("antd:")) return;
+			let e = I.value;
+			e && (e.style.width = "16px", e.style.height = "16px", e.click());
+		}
+		let $ = computed(() => (k.value || "").startsWith("antd:"));
+		return watch(A, (e, t) => {
+			t === "null" && e !== "null" && !F.value && (F.value = "#ffffff");
+		}), (e, t) => {
+			let r = Tooltip$1, a = Input$1, l = Pagination$1, f = Empty$1, p = RadioButton, _ = RadioGroup, b = Button, Ze = Modal$1, x = FormItemRest;
+			return openBlock(), createElementBlock(Fragment, null, [renderSlot(e.$slots, "default", { open: R }, () => [createVNode(a, {
+				value: g.value,
+				readonly: "",
+				onClick: R
+			}, {
+				addonAfter: withCtx(() => [createVNode(r, null, {
+					title: withCtx(() => [createVNode(unref(PubinfoIcon), {
+						name: g.value || "",
+						size: "40px",
+						class: "cursor-default"
+					}, null, 8, ["name"])]),
+					default: withCtx(() => [createVNode(unref(PubinfoIcon), {
+						name: g.value || "",
+						size: "20px",
+						class: "cursor-default"
+					}, null, 8, ["name"])]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["value"])], !0), createVNode(x, null, {
+				default: withCtx(() => [createVNode(Ze, {
+					open: L.value,
+					"onUpdate:open": t[8] ||= (e) => L.value = e,
+					title: "选择图标",
+					width: "1200px",
+					footer: null,
+					"destroy-on-close": "",
+					onCancel: z
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_1$1, [
+						createElementVNode("div", _hoisted_2$1, [createElementVNode("div", _hoisted_3$1, [createVNode(a, {
+							value: K.value,
+							"onUpdate:value": t[0] ||= (e) => K.value = e,
+							"allow-clear": "",
+							bordered: !0,
+							placeholder: "搜索图标",
+							class: "h-9 text-13px"
+						}, {
+							prefix: withCtx(() => [createVNode(unref(PubinfoIcon), {
+								name: "i-carbon-search",
+								size: "16",
+								class: "text-[#7a869a]"
+							})]),
+							_: 1
+						}, 8, ["value"])]), createElementVNode("div", _hoisted_4, [(openBlock(!0), createElementBlock(Fragment, null, renderList(W.value, (e) => (openBlock(), createElementBlock("div", {
+							key: e.value,
+							class: normalizeClass(["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", G.value === e.value ? "bg-[#eef5ff] dark:bg-[#1e2a33] border-[#1677ff] text-[#1677ff] font-medium" : "text-[#4b5563]"]),
+							onClick: (t) => G.value = e.value
+						}, [createElementVNode("span", _hoisted_6, toDisplayString(e.label), 1), createElementVNode("span", _hoisted_7, toDisplayString(Qe(e.value)), 1)], 10, _hoisted_5))), 128))])]),
+						createElementVNode("div", _hoisted_8, [Y.value.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", _hoisted_9, [(openBlock(!0), createElementBlock(Fragment, null, renderList($e.value, (e) => (openBlock(), createBlock(r, {
+							key: `${e.module || ""}:${e.name}`,
+							"mouse-enter-delay": .35
+						}, {
+							title: withCtx(() => [createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, toDisplayString(e.name), 1), e.module ? (openBlock(), createElementBlock("div", _hoisted_12, " 模块: " + toDisplayString(e.module), 1)) : createCommentVNode("", !0)])]),
+							default: withCtx(() => [createElementVNode("div", {
+								class: normalizeClass(["group relative flex flex-col items-center justify-center cursor-pointer rounded-md border", k.value === e.name ? "border-solid border-[#1677ff]" : "border-dashed border-[#e5e7eb] dark:border-[#30363d]"]),
+								onClick: (t) => tt(e)
+							}, [createVNode(unref(PubinfoIcon), {
+								name: e.name,
+								size: "30px"
+							}, null, 8, ["name"])], 10, _hoisted_13)]),
+							_: 2
+						}, 1024))), 128))]), createElementVNode("div", _hoisted_14, [createVNode(l, {
+							current: X.value,
+							"page-size": pageSize,
+							total: Y.value.length,
+							"show-size-changer": !1,
+							"show-quick-jumper": "",
+							onChange: et
+						}, null, 8, ["current", "total"])])], 64)) : (openBlock(), createElementBlock("div", _hoisted_15, [createVNode(f, {
+							image: unref(nt),
+							description: "没有匹配的图标"
+						}, null, 8, ["image"])]))]),
+						k.value ? (openBlock(), createElementBlock("div", _hoisted_16, [createElementVNode("div", _hoisted_17, [
+							createElementVNode("div", _hoisted_18, [createVNode(_, {
+								value: A.value,
+								"onUpdate:value": t[1] ||= (e) => A.value = e,
+								class: "flex justify-center items-center"
+							}, {
+								default: withCtx(() => [
+									createVNode(p, { value: "null" }, {
+										default: withCtx(() => [createElementVNode("div", _hoisted_19, [createVNode(unref(PubinfoIcon), {
+											name: k.value,
+											size: previewBoxOuter - previewBoxPadding * 2
+										}, null, 8, ["name", "size"])])]),
+										_: 1
+									}),
+									createVNode(p, { value: "square" }, {
+										default: withCtx(() => [createElementVNode("div", _hoisted_20, [createVNode(unref(PubinfoIcon), {
+											name: k.value,
+											box: "square",
+											size: previewBoxOuter,
+											radius: "25%",
+											color: "#ffffff"
+										}, null, 8, ["name"])])]),
+										_: 1
+									}),
+									createVNode(p, { value: "prism" }, {
+										default: withCtx(() => [createElementVNode("div", _hoisted_21, [createVNode(unref(PubinfoIcon), {
+											name: k.value,
+											box: "prism",
+											size: previewBoxOuter,
+											color: "#ffffff",
+											radius: "2%"
+										}, null, 8, ["name"])])]),
+										_: 1
+									})
+								]),
+								_: 1
+							}, 8, ["value"])]),
+							createElementVNode("div", _hoisted_22, [
+								createElementVNode("div", _hoisted_23, [t[9] ||= createElementVNode("div", { class: "text-12px mb-2 opacity-70" }, " 背景设置 ", -1), createVNode(BoxColorPicker_default, {
+									angle: j.value,
+									"onUpdate:angle": t[2] ||= (e) => j.value = e,
+									background: M.value,
+									"onUpdate:background": t[3] ||= (e) => M.value = e,
+									radius: N.value,
+									"onUpdate:radius": t[4] ||= (e) => N.value = e,
+									"icon-size": P.value,
+									"onUpdate:iconSize": t[5] ||= (e) => P.value = e,
+									disabled: A.value === "null"
+								}, null, 8, [
+									"angle",
+									"background",
+									"radius",
+									"icon-size",
+									"disabled"
+								])]),
+								createElementVNode("div", _hoisted_24, [createElementVNode("div", _hoisted_25, [createElementVNode("label", _hoisted_26, [t[11] ||= createTextVNode(" 图标色 ", -1), createVNode(r, null, {
+									title: withCtx(() => [...t[10] ||= [createTextVNode(" 仅 Ant Design 图标有效 ", -1)]]),
+									default: withCtx(() => [createVNode(unref(PubinfoIcon), {
+										name: "i-carbon-information",
+										size: "12px",
+										class: "ml-1 cursor-help"
+									})]),
+									_: 1
+								})]), createElementVNode("div", _hoisted_27, [createVNode(a, {
+									value: F.value,
+									"onUpdate:value": t[7] ||= (e) => F.value = e,
+									"allow-clear": "",
+									placeholder: A.value === "null" ? "默认" : "#ffffff",
+									size: "small",
+									class: "flex-1 min-w-0",
+									disabled: !$.value
+								}, {
+									prefix: withCtx(() => [createElementVNode("div", _hoisted_28, [createElementVNode("button", {
+										type: "button",
+										disabled: !$.value,
+										class: normalizeClass(["w-4 h-4 rounded border border-gray-300 dark:border-gray-700", $.value ? "" : "opacity-50 cursor-not-allowed"]),
+										style: normalizeStyle({ background: F.value || "#ffffff" }),
+										onClick: Q
+									}, null, 14, _hoisted_29), createElementVNode("input", {
+										ref_key: "iconColorPickerRef",
+										ref: I,
+										type: "color",
+										value: F.value || "#ffffff",
+										disabled: !$.value,
+										class: "absolute left-0 top-0 opacity-0 pointer-events-none",
+										style: {
+											width: "16px",
+											height: "16px"
+										},
+										onInput: t[6] ||= (e) => F.value = e.target.value
+									}, null, 40, _hoisted_30)])]),
+									_: 1
+								}, 8, [
+									"value",
+									"placeholder",
+									"disabled"
+								])])])]),
+								createElementVNode("div", _hoisted_31, [createElementVNode("div", _hoisted_32, [k.value ? (openBlock(), createElementBlock("div", _hoisted_33, [A.value === "null" ? (openBlock(), createBlock(unref(PubinfoIcon), {
+									key: 0,
+									name: k.value,
+									size: 80,
+									color: $.value && F.value ? F.value : void 0
+								}, null, 8, ["name", "color"])) : (openBlock(), createBlock(unref(PubinfoIcon), {
+									key: 1,
+									name: k.value,
+									box: A.value,
+									size: 80,
+									angle: j.value,
+									background: M.value,
+									radius: N.value,
+									"icon-size": P.value,
+									color: $.value ? F.value || "#ffffff" : void 0
+								}, null, 8, [
+									"name",
+									"box",
+									"angle",
+									"background",
+									"radius",
+									"icon-size",
+									"color"
+								]))])) : createCommentVNode("", !0)])])
+							]),
+							createElementVNode("div", _hoisted_34, [createVNode(b, { onClick: z }, {
+								default: withCtx(() => [...t[12] ||= [createTextVNode(" 取消 ", -1)]]),
+								_: 1
+							}), createVNode(b, {
+								type: "primary",
+								onClick: B
+							}, {
+								default: withCtx(() => [...t[13] ||= [createTextVNode(" 确定 ", -1)]]),
+								_: 1
+							})])
+						])])) : createCommentVNode("", !0)
+					])]),
+					_: 1
+				}, 8, ["open"])]),
+				_: 1
+			})], 64);
+		};
+	}
+}), [["__scopeId", "data-v-21a5fc0d"]]), _hoisted_1 = ["onClick"], _hoisted_2 = ["onClick"], _hoisted_3 = { class: "flex flex-col items-center justify-center" }, IconSelect_default = /* @__PURE__ */ defineComponent({
+	name: "ResourceIconSelect",
+	__name: "IconSelect",
+	props: {
+		modelValue: { default: { meta: {
+			url: "",
+			component: ""
+		} } },
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		let r = useModel(e, "modelValue");
+		function i() {
+			return {
+				boxType: "null",
+				angle: 65,
+				background: {
+					from: "#65E54A",
+					to: "#35C724"
+				},
+				radius: "50%",
+				iconColor: "",
+				iconSize: "50%"
+			};
+		}
+		let c = computed(() => r.value.meta || (r.value.meta = {})), l = reactive(i());
+		watch(() => c.value.iconOptions, (e) => {
+			e ? Object.assign(l, i(), e) : Object.assign(l, i());
+		}, { immediate: !0 }), watch(l, (e) => {
+			if (!r.value.icon) {
+				c.value.iconOptions && Reflect.deleteProperty(c.value, "iconOptions");
+				return;
+			}
+			let t = c.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 && (c.value.iconOptions = { ...e });
+		}, { deep: !0 });
+		let u = computed(() => {
+			let e = r.value.type;
+			return { icon: [
+				RESOURCE_TYPE.DYNAMIC_APP,
+				RESOURCE_TYPE.INDEX,
+				RESOURCE_TYPE.MENU,
+				RESOURCE_TYPE.IFRAME,
+				RESOURCE_TYPE.LINK
+			].includes(e) };
+		}), d = computed(() => !0);
+		function p(e) {
+			e.stopPropagation(), r.value.icon && (r.value.icon = void 0, Reflect.deleteProperty(c.value, "iconOptions"));
+		}
+		return (e, t) => {
+			let i = FormItem;
+			return unref(d) && unref(u).icon ? (openBlock(), createBlock(i, {
+				key: 0,
+				label: "资源图标"
+			}, {
+				default: withCtx(() => [createVNode(Select_default, {
+					modelValue: r.value.icon,
+					"onUpdate:modelValue": t[0] ||= (e) => r.value.icon = e,
+					"box-type": unref(l).boxType,
+					"onUpdate:boxType": t[1] ||= (e) => unref(l).boxType = e,
+					angle: unref(l).angle,
+					"onUpdate:angle": t[2] ||= (e) => unref(l).angle = e,
+					background: unref(l).background,
+					"onUpdate:background": t[3] ||= (e) => unref(l).background = e,
+					radius: unref(l).radius,
+					"onUpdate:radius": t[4] ||= (e) => unref(l).radius = e,
+					"icon-color": unref(l).iconColor,
+					"onUpdate:iconColor": t[5] ||= (e) => unref(l).iconColor = e,
+					"icon-size": unref(l).iconSize,
+					"onUpdate:iconSize": t[6] ||= (e) => unref(l).iconSize = e
+				}, {
+					default: withCtx(({ open: e }) => [r.value.icon ? (openBlock(), createElementBlock("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
+					}, [unref(l).boxType && unref(l).boxType !== "null" ? (openBlock(), createBlock(unref(PubinfoIcon), {
+						key: 0,
+						name: r.value.icon,
+						box: unref(l).boxType,
+						size: "48px",
+						radius: unref(l).radius,
+						background: unref(l).background,
+						angle: unref(l).angle,
+						"icon-size": unref(l).iconSize,
+						color: (r.value.icon || "").startsWith("antd:") ? unref(l).iconColor || "#ffffff" : void 0
+					}, null, 8, [
+						"name",
+						"box",
+						"radius",
+						"background",
+						"angle",
+						"icon-size",
+						"color"
+					])) : (openBlock(), createBlock(unref(PubinfoIcon), {
+						key: 1,
+						name: r.value.icon,
+						size: "48px",
+						color: (r.value.icon || "").startsWith("antd:") && unref(l).iconColor || void 0
+					}, null, 8, ["name", "color"])), r.value.icon ? (openBlock(), createElementBlock("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: p
+					}, [createVNode(unref(PubinfoIcon), {
+						name: "antd:CloseOutlined",
+						size: "10px"
+					})])) : createCommentVNode("", !0)], 8, _hoisted_1)) : (openBlock(), createElementBlock("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
+					}, [createElementVNode("div", _hoisted_3, [createVNode(unref(PubinfoIcon), { name: "antd:PlusOutlined" }), t[7] ||= createElementVNode("span", { class: "text-10px mt-1" }, "选择图标", -1)])], 8, _hoisted_2))]),
+					_: 1
+				}, 8, [
+					"modelValue",
+					"box-type",
+					"angle",
+					"background",
+					"radius",
+					"icon-color",
+					"icon-size"
+				])]),
+				_: 1
+			})) : createCommentVNode("", !0);
+		};
+	}
+});
+export { IconSelect_default as t };