@pubinfo-nightly/module-rbac 2025.11.14

package/dist/IconSelect.vue_vue_type_script_setup_true_lang-D450SiKg.js

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