@pubinfo/module-rbac 2.0.8 → 2.0.9

package/dist/IconSelect.vue_vue_type_script_setup_true_lang-BoGxAoNd.js

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