color-star-custom-components 0.0.3

package/es/GlassProxy.mjs

@@ -0,0 +1,168 @@
+import { w as J } from "./chunks/index.bCzIhWFw.js";
+import { ref as x, computed as y, onMounted as K, nextTick as L, onUnmounted as X, watch as Y, createElementBlock as R, openBlock as S, normalizeStyle as h, normalizeClass as ee, createCommentVNode as te, createElementVNode as c, renderSlot as ae } from "vue";
+import { _ as ne } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/GlassProxy.css';const oe = ["width", "height"], se = ["width", "height"], ie = ["width", "height"], le = ["scale"], re = ["stdDeviation"], ce = /* @__PURE__ */ Object.assign({
+  name: "GlassProxy"
+}, {
+  __name: "layout",
+  props: {
+    cornerRadius: { type: Number, default: 16 },
+    saturation: { type: Number, default: 100 },
+    blurAmount: { type: Number, default: 0 },
+    displacementScale: { type: Number, default: 20 },
+    padding: { type: String, default: "0" },
+    customClass: { type: String, default: "" },
+    background: { type: String, default: "transparent" },
+    enableLiquidEffect: { type: Boolean, default: !0 }
+  },
+  setup(r) {
+    const t = r, C = `liquid-filter-${Math.random().toString(36).substr(2, 9)}`, u = x(null), M = x(null), p = x(100), g = x(100);
+    let m = null;
+    function D(e, n, o) {
+      return o = Math.max(0, Math.min(1, (o - e) / (n - e))), o * o * (3 - 2 * o);
+    }
+    function z(e, n) {
+      return Math.sqrt(e * e + n * n);
+    }
+    function A(e, n, o, d, a) {
+      const s = Math.abs(e) - o + a, i = Math.abs(n) - d + a;
+      return Math.min(Math.max(s, i), 0) + z(Math.max(s, 0), Math.max(i, 0)) - a;
+    }
+    const w = () => {
+      if (!u.value || !M.value || !t.enableLiquidEffect) return;
+      const e = u.value.getBoundingClientRect(), n = Math.floor(e.width), o = Math.floor(e.height);
+      if (n === 0 || o === 0) return;
+      p.value = n, g.value = o;
+      const d = window.devicePixelRatio || 1, a = Math.floor(n * d), s = Math.floor(o * d), i = document.createElement("canvas");
+      i.width = a, i.height = s;
+      const k = i.getContext("2d");
+      if (!k) return;
+      const I = k.createImageData(a, s), b = I.data, l = a / s, G = (l > 1 ? 0.5 * l : 0.5) - 0.02, F = (l > 1 ? 0.5 : 0.5 / l) - 0.02, O = Math.min(a, s), U = t.cornerRadius * d / O;
+      for (let f = 0; f < a * s; f++) {
+        const H = f % a, T = Math.floor(f / a), W = H / a, V = T / s;
+        let q = W - 0.5, E = V - 0.5;
+        l > 1 ? q *= l : E /= l;
+        const j = A(q, E, G, F, U), _ = D(0.2, 0, j), Q = 127.5 + q * _ * 255, Z = 127.5 + E * _ * 255, v = f * 4;
+        b[v] = Q, b[v + 1] = Z, b[v + 2] = 0, b[v + 3] = 255;
+      }
+      k.putImageData(I, 0, 0), M.value.setAttribute("href", i.toDataURL("image/png", 1));
+    }, $ = y(() => ({
+      padding: t.padding,
+      borderRadius: `${t.cornerRadius}px`,
+      position: "relative",
+      display: "block",
+      boxSizing: "border-box"
+    })), B = y(() => ({
+      position: "absolute",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      // 背景层圆角
+      borderRadius: `${t.cornerRadius}px`,
+      background: t.background,
+      backdropFilter: `blur(10px) saturate(${t.saturation / 100})`,
+      boxShadow: "0 8px 32px 0 rgba(31, 38, 135, 0.07)",
+      zIndex: 0,
+      transform: "translateZ(0)"
+    })), N = y(() => ({
+      position: "absolute",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      // 降级层圆角
+      borderRadius: `${t.cornerRadius}px`,
+      background: "transparent",
+      backdropFilter: "blur(12px)",
+      boxShadow: "0 4px 12px rgba(0,0,0,0.05)",
+      zIndex: 0
+    })), P = y(() => ({
+      borderRadius: `${t.cornerRadius}px`,
+      "--corner-radius": `${t.cornerRadius}px`
+    }));
+    return K(() => {
+      t.enableLiquidEffect && L(() => {
+        w(), u.value && (m = new ResizeObserver(() => {
+          requestAnimationFrame(w);
+        }), m.observe(u.value));
+      });
+    }), X(() => {
+      m && m.disconnect();
+    }), Y(
+      () => t.enableLiquidEffect,
+      (e) => {
+        e && L(w);
+      }
+    ), (e, n) => (S(), R("div", {
+      ref_key: "containerRef",
+      ref: u,
+      class: ee(["aibox-glass-proxy", r.customClass]),
+      style: h($.value)
+    }, [
+      r.enableLiquidEffect ? (S(), R("svg", {
+        key: 0,
+        class: "glass-svg-defs",
+        width: p.value,
+        height: g.value,
+        style: h({
+          position: "absolute",
+          pointerEvents: "none",
+          zIndex: -1,
+          top: 0,
+          left: 0,
+          clipPath: `inset(0 round ${t.cornerRadius}px)`
+        })
+      }, [
+        c("defs", null, [
+          c("filter", {
+            id: C,
+            filterUnits: "userSpaceOnUse",
+            x: "0",
+            y: "0",
+            width: p.value,
+            height: g.value,
+            "color-interpolation-filters": "sRGB"
+          }, [
+            c("feImage", {
+              ref_key: "feImageRef",
+              ref: M,
+              result: "DISPLACEMENT_MAP",
+              width: p.value,
+              height: g.value,
+              preserveAspectRatio: "none",
+              "image-rendering": "optimizeQuality"
+            }, null, 8, ie),
+            c("feDisplacementMap", {
+              in: "SourceGraphic",
+              in2: "DISPLACEMENT_MAP",
+              scale: r.displacementScale,
+              xChannelSelector: "R",
+              yChannelSelector: "G"
+            }, null, 8, le),
+            c("feGaussianBlur", { stdDeviation: r.blurAmount }, null, 8, re)
+          ], 8, se)
+        ])
+      ], 12, oe)) : te("", !0),
+      r.enableLiquidEffect ? (S(), R("div", {
+        key: 1,
+        class: "glass-liquid-bg",
+        style: h(B.value)
+      }, null, 4)) : (S(), R("div", {
+        key: 2,
+        class: "glass-fallback-bg",
+        style: h(N.value)
+      }, null, 4)),
+      c("div", {
+        class: "glass-content-layer",
+        style: h(P.value)
+      }, [
+        ae(e.$slots, "default", {}, void 0, !0)
+      ], 4)
+    ], 6));
+  }
+}), ue = /* @__PURE__ */ ne(ce, [["__scopeId", "data-v-f301f72e"]]), ge = J(ue);
+export {
+  ge as GlassProxy,
+  ge as default
+};

package/es/IconEmpty.mjs

@@ -0,0 +1,7 @@
+import { w as t } from "./chunks/index.bCzIhWFw.js";
+import { I as o } from "./chunks/layout.DBgjqaxe.js";
+const p = t(o);
+export {
+  p as IconEmpty,
+  p as default
+};

package/es/IconRenderer.mjs

@@ -0,0 +1,75 @@
+import { w as s } from "./chunks/index.bCzIhWFw.js";
+import { shallowRef as u, ref as m, watch as f, onMounted as d, createBlock as l, createCommentVNode as p, openBlock as c, unref as y, mergeProps as v, withCtx as g, resolveDynamicComponent as b } from "vue";
+import { ElIcon as N } from "element-plus";
+import { i, g as h } from "./chunks/config.BOO9PtC2.js";
+const w = /* @__PURE__ */ Object.assign({
+  name: "IconRenderer"
+}, {
+  __name: "layout",
+  props: {
+    // 图标名称
+    iconName: {
+      type: String,
+      default: ""
+    },
+    // 图标库类型: 'lingyun'(默认), 'aibox'
+    iconLibrary: {
+      type: String,
+      default: i.lingyun,
+      validator: (e) => Object.values(i).includes(e)
+    },
+    // 图标大小
+    size: {
+      type: Number,
+      default: 16
+    },
+    // 图标颜色
+    color: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const o = e, n = u(null), a = m(!1), r = async () => {
+      if (!o.iconName) {
+        n.value = null;
+        return;
+      }
+      if (!a.value) {
+        a.value = !0;
+        try {
+          const t = await h(o.iconLibrary, o.iconName);
+          n.value = t;
+        } catch (t) {
+          console.error("Failed to load icon component:", t), n.value = null;
+        } finally {
+          a.value = !1;
+        }
+      }
+    };
+    return f(
+      () => [o.iconLibrary, o.iconName],
+      () => {
+        r();
+      },
+      { immediate: !1 }
+      // 初始加载在 onMounted 中处理
+    ), d(() => {
+      r();
+    }), (t, C) => e.iconName && n.value ? (c(), l(y(N), v({
+      key: 0,
+      size: e.size,
+      color: e.color
+    }, t.$attrs), {
+      default: g(() => [
+        (c(), l(b(n.value)))
+      ]),
+      _: 1
+    }, 16, ["size", "color"])) : p("", !0);
+  }
+}), R = s(w);
+export {
+  R as IconRenderer,
+  R as default,
+  i as iconLibraryMap
+};

package/es/IconSelect.mjs

@@ -0,0 +1,158 @@
+import { w as M } from "./chunks/index.bCzIhWFw.js";
+import { ref as i, computed as B, watch as x, onMounted as O, createBlock as y, openBlock as o, unref as n, withCtx as u, createElementVNode as I, createVNode as d, createElementBlock as m, Fragment as k, renderList as F, normalizeClass as V, resolveDynamicComponent as C, createTextVNode as T, markRaw as S } from "vue";
+import { ElPopover as U, ElInput as A, ElIcon as g } from "element-plus";
+import { IconSearch as D, IconAdd as P } from "color-message-lingyun-vue";
+import { I as R } from "./chunks/layout.DBgjqaxe.js";
+import { emitsMap as z } from "ling-yun-methods";
+import { i as j, g as $, a as q } from "./chunks/config.BOO9PtC2.js";
+import { _ as G } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/IconSelect.css';const H = { class: "icon-select-content flex flex-col overflow-hidden" }, J = { class: "icon-select-grid overflow-y-auto display-grid" }, K = {
+  key: 0,
+  class: "loading-text flex items-center justify-center w-full"
+}, Q = {
+  key: 1,
+  class: "no-data flex items-center justify-center w-full"
+}, W = ["title", "onClick"], X = /* @__PURE__ */ Object.assign({
+  name: "IconSelect"
+}, {
+  __name: "layout",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "请选择图标"
+    },
+    // 宽度
+    width: {
+      type: Number,
+      default: 520
+    },
+    // 图标大小
+    iconSize: {
+      type: Number,
+      default: 62
+    },
+    // 图标库类型
+    library: {
+      type: String,
+      default: j.lingyun,
+      validator: (s) => Object.values(j).includes(s)
+    }
+  },
+  emits: [z.updateModelValue],
+  setup(s, { emit: L }) {
+    const c = s, E = L, b = i(!1), f = i(""), a = i(c.modelValue), r = i(null), v = i([]), w = i(!1), _ = async () => {
+      w.value = !0;
+      try {
+        const e = await q(c.library);
+        v.value = Object.entries(e).filter(([l]) => l.toLowerCase().includes("menu")).map(([l, t]) => ({
+          name: l,
+          component: S(t)
+        }));
+      } catch (e) {
+        console.error("Failed to load icons:", e), v.value = [];
+      } finally {
+        w.value = !1;
+      }
+    }, h = B(() => f.value ? v.value.filter(
+      (e) => e.name.toLowerCase().includes(f.value.toLowerCase())
+    ) : v.value), p = async () => {
+      if (!a.value) {
+        r.value = null;
+        return;
+      }
+      const e = await $(c.library, a.value);
+      r.value = e ? S(e) : null;
+    }, N = (e) => {
+      a.value = e.name, E(z.updateModelValue, e.name), b.value = !1;
+    };
+    return x(
+      () => c.modelValue,
+      (e) => {
+        a.value = e, p();
+      }
+    ), x(
+      () => c.library,
+      () => {
+        _(), p();
+      }
+    ), x(
+      () => a.value,
+      () => {
+        p();
+      }
+    ), O(() => {
+      _(), p();
+    }), (e, l) => (o(), y(n(U), {
+      visible: b.value,
+      "onUpdate:visible": l[1] || (l[1] = (t) => b.value = t),
+      placement: "bottom-start",
+      width: s.width,
+      trigger: "click"
+    }, {
+      reference: u(() => [
+        I("div", {
+          class: V(["flex items-center pointer radius-16 justify-center w-icon-item", {
+            "select-icon-box bg-fcfdff text-202434 fz-14 flex-col": !r.value,
+            "icon-item": a.value
+          }])
+        }, [
+          r.value ? (o(), y(n(g), {
+            key: 0,
+            size: s.iconSize
+          }, {
+            default: u(() => [
+              (o(), y(C(r.value)))
+            ]),
+            _: 1
+          }, 8, ["size"])) : (o(), m(k, { key: 1 }, [
+            d(n(g), { size: 16 }, {
+              default: u(() => [
+                d(n(P))
+              ]),
+              _: 1
+            }),
+            l[2] || (l[2] = T(" 上传 ", -1))
+          ], 64))
+        ], 2)
+      ]),
+      default: u(() => [
+        I("div", H, [
+          d(n(A), {
+            class: "mg-b-12",
+            modelValue: f.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (t) => f.value = t),
+            placeholder: "搜索图标",
+            "prefix-icon": n(D),
+            clearable: ""
+          }, null, 8, ["modelValue", "prefix-icon"]),
+          I("div", J, [
+            w.value ? (o(), m("div", K, " 加载中... ")) : h.value.length === 0 ? (o(), m("div", Q, [
+              d(R, { text: "未找到相关图标" })
+            ])) : (o(!0), m(k, { key: 2 }, F(h.value, (t) => (o(), m("div", {
+              key: t.name,
+              class: V(["icon-item radius-8 justify-center items-center pointer flex w-icon-item", { active: a.value === t.name }]),
+              title: t.name,
+              onClick: (Z) => N(t)
+            }, [
+              d(n(g), { size: 50 }, {
+                default: u(() => [
+                  (o(), y(C(t.component)))
+                ]),
+                _: 2
+              }, 1024)
+            ], 10, W))), 128))
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["visible", "width"]));
+  }
+}), Y = /* @__PURE__ */ G(X, [["__scopeId", "data-v-5eacfea2"]]), ce = M(Y);
+export {
+  ce as IconSelect,
+  ce as default
+};

package/es/assets/GlassProxy.css

@@ -0,0 +1 @@
+.aibox-glass-proxy[data-v-f301f72e]{isolation:isolate}.glass-content-layer[data-v-f301f72e]{position:relative;z-index:2;width:calc(100% - 1px);height:calc(100% - 1px);box-sizing:border-box;color:var(--color-text-base, #303133);text-shadow:none!important;box-shadow:inset 0 4px 20px #29314f0f,0 4px 10px #29314f14;border-width:.8px;border-style:solid;border-color:transparent;border-image:none}

package/es/assets/IconSelect.css

@@ -0,0 +1 @@
+.icon-select-content[data-v-5eacfea2]{max-height:290px}.icon-select-grid[data-v-5eacfea2]{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:12px}.w-icon-item[data-v-5eacfea2]{width:70px;height:70px}.icon-item[data-v-5eacfea2]{background:#e6e9f2}.icon-item.active[data-v-5eacfea2]{background:#dbdee9}.select-icon-box[data-v-5eacfea2]{border:1px dashed var(--border-color)}.bg-fcfdff[data-v-5eacfea2]{background:#fcfdff}

package/es/chunks/_plugin-vue_export-helper.CHgC5LLL.js

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};

package/es/chunks/config.BOO9PtC2.js

@@ -0,0 +1,24 @@
+const a = {
+  lingyun: "lingyun",
+  aibox: "aibox"
+}, o = async (n) => {
+  switch (n) {
+    case a.lingyun:
+      return await import("./global.CCbNdFdD.js");
+    case a.aibox:
+      return await import("./global.DUSYZ3SI.js");
+  }
+  return null;
+}, i = async (n, r) => {
+  if (!r) return null;
+  try {
+    return (await o(n))[r] || null;
+  } catch (t) {
+    return console.warn(`Failed to load icon ${r} from ${n} library:`, t), null;
+  }
+};
+export {
+  o as a,
+  i as g,
+  a as i
+};