ling-yun-custom-components 0.0.35 → 0.0.36

package/es/IconRenderer.mjs

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

package/es/IconSelect.mjs

@@ -1,8 +1,8 @@
 import { w as S } from "./chunks/index.bCzIhWFw.js";
-import { ref as p, computed as v, watch as N, createBlock as c, openBlock as o, unref as a, withCtx as i, createElementVNode as x, createVNode as r, createElementBlock as u, createCommentVNode as E, Fragment as I, renderList as L, normalizeClass as h, resolveDynamicComponent as V, createTextVNode as j } from "vue";
+import { ref as p, computed as v, watch as N, createBlock as c, openBlock as o, unref as n, withCtx as i, createElementVNode as x, createVNode as r, createElementBlock as u, createCommentVNode as E, Fragment as I, renderList as L, normalizeClass as h, resolveDynamicComponent as V, createTextVNode as j } from "vue";
 import { ElPopover as B, ElInput as O, ElIcon as y } from "element-plus";
 import { IconSearch as T, IconAdd as U } from "color-message-lingyun-vue";
-import { c as g } from "./chunks/global.DVwnOczb.js";
+import { icons as g } from "./chunks/global.BoqYDmws.js";
 import { I as A } from "./chunks/layout.DBgjqaxe.js";
 import { _ as D } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
 import './assets/IconSelect.css';const F = { class: "icon-select-content flex flex-col overflow-hidden" }, P = { class: "icon-select-grid overflow-y-auto display-grid" }, $ = ["title", "onClick"], q = {
@@ -34,20 +34,20 @@ import './assets/IconSelect.css';const F = { class: "icon-select-content flex fl
   },
   emits: ["update:modelValue"],
   setup(d, { emit: k }) {
-    const w = d, C = k, m = p(!1), s = p(""), n = p(w.modelValue), _ = v(() => Object.entries(g).filter(([e]) => e.toLowerCase().includes("menu")).map(([e, l]) => ({
+    const w = d, C = k, m = p(!1), s = p(""), a = p(w.modelValue), _ = v(() => Object.entries(g).filter(([e]) => e.toLowerCase().includes("menu")).map(([e, l]) => ({
       name: e,
       component: l
     }))), b = v(() => s.value ? _.value.filter(
       (e) => e.name.toLowerCase().includes(s.value.toLowerCase())
-    ) : _.value), f = v(() => n.value && g[n.value] || null), z = (e) => {
-      n.value = e.name, C("update:modelValue", e.name), m.value = !1;
+    ) : _.value), f = v(() => a.value && g[a.value] || null), z = (e) => {
+      a.value = e.name, C("update:modelValue", e.name), m.value = !1;
     };
     return N(
       () => w.modelValue,
       (e) => {
-        n.value = e;
+        a.value = e;
       }
-    ), (e, l) => (o(), c(a(B), {
+    ), (e, l) => (o(), c(n(B), {
       visible: m.value,
       "onUpdate:visible": l[1] || (l[1] = (t) => m.value = t),
       placement: "bottom-start",
@@ -58,10 +58,10 @@ import './assets/IconSelect.css';const F = { class: "icon-select-content flex fl
         x("div", {
           class: h(["flex items-center pointer radius-16 justify-center w-icon-item", {
             "select-icon-box bg-fcfdff text-202434 fz-14 flex-col": !f.value,
-            "icon-item": n.value
+            "icon-item": a.value
           }])
         }, [
-          f.value ? (o(), c(a(y), {
+          f.value ? (o(), c(n(y), {
             key: 0,
             size: d.iconSize
           }, {
@@ -70,9 +70,9 @@ import './assets/IconSelect.css';const F = { class: "icon-select-content flex fl
             ]),
             _: 1
           }, 8, ["size"])) : (o(), u(I, { key: 1 }, [
-            r(a(y), { size: 16 }, {
+            r(n(y), { size: 16 }, {
               default: i(() => [
-                r(a(U))
+                r(n(U))
               ]),
               _: 1
             }),
@@ -82,22 +82,22 @@ import './assets/IconSelect.css';const F = { class: "icon-select-content flex fl
       ]),
       default: i(() => [
         x("div", F, [
-          r(a(O), {
+          r(n(O), {
             class: "mg-b-12",
             modelValue: s.value,
             "onUpdate:modelValue": l[0] || (l[0] = (t) => s.value = t),
             placeholder: "搜索图标",
-            "prefix-icon": a(T),
+            "prefix-icon": n(T),
             clearable: ""
           }, null, 8, ["modelValue", "prefix-icon"]),
           x("div", P, [
             (o(!0), u(I, null, L(b.value, (t) => (o(), u("div", {
               key: t.name,
-              class: h(["icon-item radius-8 justify-center items-center pointer flex w-icon-item", { active: n.value === t.name }]),
+              class: h(["icon-item radius-8 justify-center items-center pointer flex w-icon-item", { active: a.value === t.name }]),
               title: t.name,
               onClick: (J) => z(t)
             }, [
-              r(a(y), { size: 50 }, {
+              r(n(y), { size: 50 }, {
                 default: i(() => [
                   (o(), c(V(t.component)))
                 ]),

package/es/PageNotFound.mjs

@@ -0,0 +1,42 @@
+import { w as a } from "./chunks/index.bCzIhWFw.js";
+import { createElementBlock as u, openBlock as c, createVNode as r, createElementVNode as p, unref as e, withCtx as n, createTextVNode as f } from "vue";
+import { Page404 as d, IconBack as m } from "color-message-lingyun-vue";
+import { ElIcon as w, ElButton as x } from "element-plus";
+const h = { class: "page-not-found flex flex-col items-center justify-center h-full w-full overflow-hidden" }, _ = {
+  __name: "layout",
+  props: {
+    // 默认跳转路由路径
+    routePath: {
+      type: String
+    }
+  },
+  setup(l) {
+    const s = l, i = () => {
+      const o = window?.$wujie?.props?.useRouter();
+      o && o?.push?.(s.routePath);
+    };
+    return (o, t) => (c(), u("div", h, [
+      r(e(w), { size: 140 }, {
+        default: n(() => [
+          r(e(d))
+        ]),
+        _: 1
+      }),
+      t[1] || (t[1] = p("div", { class: "pd-b-20 fz-16 text-666" }, "啊哦，你访问的页面不存在了", -1)),
+      r(e(x), {
+        onClick: i,
+        type: "primary",
+        icon: e(m)
+      }, {
+        default: n(() => [...t[0] || (t[0] = [
+          f("返回", -1)
+        ])]),
+        _: 1
+      }, 8, ["icon"])
+    ]));
+  }
+}, E = a(_);
+export {
+  E as PageNotFound,
+  E as default
+};

package/es/SearchBar.mjs

@@ -1,5 +1,5 @@
 import { w as a } from "./chunks/index.bCzIhWFw.js";
-import { S as r } from "./chunks/layout.9WADm5Lv.js";
+import { S as r } from "./chunks/layout.C9yoozRN.js";
 const s = a(r);
 export {
   s as SearchBar,

package/es/UpdatePasswordDialog.mjs

@@ -1,7 +1,7 @@
 import { w as h } from "./chunks/index.bCzIhWFw.js";
 import { ref as P, computed as v, createBlock as x, openBlock as C, withCtx as I, createVNode as D, unref as f, isRef as b } from "vue";
 import { C as E } from "./chunks/layout.DXw3haOP.js";
-import { S as k } from "./chunks/layout.9WADm5Lv.js";
+import { S as k } from "./chunks/layout.C9yoozRN.js";
 import { componentType as w, emitsMap as u, codeMap as y, messageSuccess as A, AESCrypto as M } from "ling-yun-methods";
 import { _ as S } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
 import './assets/UpdatePasswordDialog.css';const U = () => {

package/es/assets/layout3.css

@@ -1 +1 @@
-.filter-form[data-v-6092c6e2]{grid-template-columns:repeat(2,1fr);gap:10px}.filter-preview-form[data-v-6092c6e2]{display:flex}.filter-preview-form .el-form-item[data-v-6092c6e2]{width:var(--v21117ed0);margin-right:10px}.search-bar-form[data-v-6092c6e2]{grid-template-columns:repeat(auto-fit,minmax(var(--v21117ed0),1fr));gap:10px}.search-bar-form.el-form--inline .el-form-item[data-v-6092c6e2]{margin-right:0;margin-bottom:10px}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-6092c6e2]{display:flex;padding:0 14px;background:var(--neutral-color-18);border-radius:8px;border:1px solid var(--parting-line)}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-6092c6e2] .el-form-item__content{justify-content:end}.search-bar-form.el-form--inline.el-form--label-top[data-v-6092c6e2]{display:grid}.search-bar-item--wide[data-v-6092c6e2]{grid-column:span 2}.is-collapsed[data-v-fd5ceec9]{max-height:var(--v2e56a75a)}.operation-buttons[data-v-fd5ceec9]{width:var(--v63e17c4e);z-index:1}.h-32[data-v-fd5ceec9]{height:32px}.drawer-header[data-v-fd5ceec9]{display:flex;justify-content:space-between;align-items:center;width:100%}.drawer-header .shrink-button[data-v-fd5ceec9]{margin-left:auto}.border-top[data-v-fd5ceec9]{border-top:1px solid var(--parting-line)}[data-v-fd5ceec9] .el-drawer__body{padding:16px 0;display:flex;flex-direction:column;overflow:hidden}.filter-form-popover[data-v-fd5ceec9]{max-height:400px}[data-v-fd5ceec9] .el-drawer__header{margin-bottom:0;padding:16px 16px 0}
+.filter-form[data-v-6092c6e2]{grid-template-columns:repeat(2,1fr);gap:10px}.filter-preview-form[data-v-6092c6e2]{display:flex}.filter-preview-form .el-form-item[data-v-6092c6e2]{width:var(--v21117ed0);margin-right:10px}.search-bar-form[data-v-6092c6e2]{grid-template-columns:repeat(auto-fit,minmax(var(--v21117ed0),1fr));gap:10px}.search-bar-form.el-form--inline .el-form-item[data-v-6092c6e2]{margin-right:0;margin-bottom:10px}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-6092c6e2]{display:flex;padding:0 14px;background:var(--neutral-color-18);border-radius:8px;border:1px solid var(--parting-line)}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-6092c6e2] .el-form-item__content{justify-content:end}.search-bar-form.el-form--inline.el-form--label-top[data-v-6092c6e2]{display:grid}.search-bar-item--wide[data-v-6092c6e2]{grid-column:span 2}.is-collapsed[data-v-146b7880]{max-height:var(--v1bbac240)}.operation-buttons[data-v-146b7880]{width:var(--v84cfd7f0);z-index:1}.h-32[data-v-146b7880]{height:32px}.drawer-header[data-v-146b7880]{display:flex;justify-content:space-between;align-items:center;width:100%}.drawer-header .shrink-button[data-v-146b7880]{margin-left:auto}.border-top[data-v-146b7880]{border-top:1px solid var(--parting-line)}[data-v-146b7880] .el-drawer__body{padding:16px 0;display:flex;flex-direction:column;overflow:hidden}.filter-form-popover[data-v-146b7880]{max-height:400px}[data-v-146b7880] .el-drawer__header{margin-bottom:0;padding:16px 16px 0}