ling-yun-custom-components 0.0.10

package/es/CustomDialog.mjs

@@ -0,0 +1,7 @@
+import { w as o } from "./chunks/index.bCzIhWFw.js";
+import { C as t } from "./chunks/layout.Dvw3u-s5.js";
+const m = o(t);
+export {
+  m as CustomDialog,
+  m as default
+};

package/es/CustomDropdown.mjs

@@ -0,0 +1,145 @@
+import { w as v } from "./chunks/index.bCzIhWFw.js";
+import { createBlock as m, openBlock as r, unref as d, mergeProps as C, withCtx as a, renderSlot as h, createElementVNode as c, createVNode as s, toDisplayString as f, createElementBlock as V, createCommentVNode as D, Fragment as E, renderList as N } from "vue";
+import { ElDropdown as S, ElIcon as B, ElDropdownMenu as I, ElDropdownItem as x } from "element-plus";
+import { b as i } from "./chunks/index.D4Kbv-m1.js";
+import { a as O } from "./chunks/index.DfOANPhX.js";
+import { _ as T } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/CustomDropdown.css';const M = { class: "custom-dropdown-trigger" }, $ = /* @__PURE__ */ Object.assign({
+  name: "CustomDropdown"
+}, {
+  __name: "layout",
+  props: {
+    // 触发方式
+    trigger: {
+      type: String,
+      default: "click",
+      validator: (e) => ["hover", "click", "contextmenu"].includes(e)
+    },
+    // 下拉菜单出现的位置
+    placement: {
+      type: String,
+      default: "bottom-start",
+      validator: (e) => [
+        "top",
+        "top-start",
+        "top-end",
+        "bottom",
+        "bottom-start",
+        "bottom-end",
+        "left",
+        "left-start",
+        "left-end",
+        "right",
+        "right-start",
+        "right-end"
+      ].includes(e)
+    },
+    // 是否禁用
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    // 是否在点击菜单项后隐藏菜单
+    hideOnClick: {
+      type: Boolean,
+      default: !0
+    },
+    // 延迟显示时间
+    showTimeout: {
+      type: Number,
+      default: 250
+    },
+    // 延迟隐藏时间
+    hideTimeout: {
+      type: Number,
+      default: 150
+    },
+    // 下拉项数据
+    items: {
+      type: Array,
+      default: () => []
+    },
+    // 默认触发器占位符
+    placeholder: {
+      type: String,
+      default: "请选择"
+    },
+    // 选中值
+    modelValue: {
+      type: [String, Number, Object],
+      default: null
+    }
+  },
+  emits: [
+    i.change,
+    i.updateModelValue,
+    "command",
+    "visible-change",
+    "click"
+  ],
+  setup(e, { expose: p, emit: g }) {
+    const b = e, l = g, u = (o) => {
+      const n = b.items.find(
+        (t) => t.command === o || t.value === o || t === o
+      );
+      l(i.change, o, n), l(i.updateModelValue, o, n), l("command", o, n);
+    }, w = (o) => {
+      l("visible-change", o);
+    }, k = () => {
+      l("click");
+    };
+    return p({
+      handleCommand: u
+    }), (o, n) => (r(), m(d(S), C({
+      trigger: e.trigger,
+      placement: e.placement,
+      disabled: e.disabled,
+      "hide-on-click": e.hideOnClick,
+      "show-timeout": e.showTimeout,
+      "hide-timeout": e.hideTimeout,
+      onCommand: u,
+      onVisibleChange: w,
+      onClick: k
+    }, o.$attrs), {
+      dropdown: a(() => [
+        s(d(I), null, {
+          default: a(() => [
+            h(o.$slots, "dropdown", {}, () => [
+              e.items && e.items.length > 0 ? (r(!0), V(E, { key: 0 }, N(e.items, (t, y) => (r(), m(d(x), {
+                key: t.key || y,
+                command: t.command || t.value || t,
+                disabled: t.disabled,
+                divided: t.divided,
+                icon: t.icon
+              }, {
+                default: a(() => [
+                  c("span", null, f(t.label || t.text || t), 1)
+                ]),
+                _: 2
+              }, 1032, ["command", "disabled", "divided", "icon"]))), 128)) : D("", !0)
+            ], !0)
+          ]),
+          _: 3
+        })
+      ]),
+      default: a(() => [
+        h(o.$slots, "default", {}, () => [
+          c("div", M, [
+            c("span", null, f(e.placeholder), 1),
+            s(d(B), { class: "dropdown-icon" }, {
+              default: a(() => [
+                s(d(O))
+              ]),
+              _: 1
+            })
+          ])
+        ], !0)
+      ]),
+      _: 3
+    }, 16, ["trigger", "placement", "disabled", "hide-on-click", "show-timeout", "hide-timeout"]));
+  }
+}), j = /* @__PURE__ */ T($, [["__scopeId", "data-v-07e365ee"]]), G = v(j);
+export {
+  G as CustomDropdown,
+  G as default
+};

package/es/CustomPagination.mjs

@@ -0,0 +1,7 @@
+import { w as t } from "./chunks/index.bCzIhWFw.js";
+import { _ as a } from "./chunks/layout.ypvwQzq5.js";
+const i = t(a);
+export {
+  i as CustomPagination,
+  i as default
+};

package/es/CustomSelect.mjs

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

package/es/CustomTab.mjs

@@ -0,0 +1,33 @@
+import { w as m } from "./chunks/index.bCzIhWFw.js";
+import { useModel as p, useAttrs as c, useSlots as i, createBlock as f, openBlock as _, unref as e, mergeProps as V, createSlots as v, renderList as y, withCtx as S, renderSlot as g, normalizeProps as w, guardReactiveProps as x } from "vue";
+import { ElTabs as P } from "element-plus";
+import { _ as b } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/CustomTab.css';const k = {
+  __name: "layout",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(a) {
+    const t = p(a, "modelValue"), l = c(), u = i();
+    return (n, o) => (_(), f(e(P), V({
+      modelValue: t.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r)
+    }, e(l), { type: "card" }), v({ _: 2 }, [
+      y(e(u), (r, s) => ({
+        name: s,
+        fn: S((d) => [
+          g(n.$slots, s, w(x(d)), void 0, !0)
+        ])
+      }))
+    ]), 1040, ["modelValue"]));
+  }
+}, B = /* @__PURE__ */ b(k, [["__scopeId", "data-v-4cd45c17"]]), h = m(B);
+export {
+  h as CustomTab,
+  h as default
+};

package/es/CustomTitle.mjs

@@ -0,0 +1,7 @@
+import { w as t } from "./chunks/index.bCzIhWFw.js";
+import { C as o } from "./chunks/layout.BKJPyxR8.js";
+const a = t(o);
+export {
+  a as CustomTitle,
+  a as default
+};

package/es/FileList.mjs

@@ -0,0 +1,7 @@
+import { w as t } from "./chunks/index.bCzIhWFw.js";
+import { _ as o } from "./chunks/layout._A_rHZM7.js";
+const i = t(o);
+export {
+  i as FileList,
+  i as default
+};

package/es/GradientButton.mjs

@@ -0,0 +1,120 @@
+import { w as z } from "./chunks/index.bCzIhWFw.js";
+import { computed as a, createElementBlock as c, openBlock as l, normalizeStyle as s, createElementVNode as m, normalizeClass as u, createBlock as g, createCommentVNode as b, unref as d, withCtx as S, resolveDynamicComponent as w, Fragment as $, renderList as B, toDisplayString as j } from "vue";
+import { p as i } from "./chunks/index.D4Kbv-m1.js";
+import { b as I } from "./chunks/index.DfOANPhX.js";
+import { ElIcon as O } from "element-plus";
+import { _ as R } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/GradientButton.css';const E = /* @__PURE__ */ Object.assign({
+  name: "GradientButton"
+}, {
+  __name: "layout",
+  props: {
+    // 文字配置对象
+    text: {
+      type: Object,
+      default: () => ({
+        // content: '新建对话',
+        // gradientColors: ['var(--theme-color-5)', 'var(--theme-color-4)'],
+        // fontSize: 14,
+        // color: 'var(--background-color-2)',
+      })
+    },
+    // 按钮配置对象
+    button: {
+      type: Object,
+      default: () => ({
+        // padding: '8px 12px',
+        // borderRadius: 100,
+        // gradientColors: ['var(--theme-color-5)', 'var(--theme-color-4)'],
+        // background: 'var(--background-color-2)',
+      })
+    },
+    // 文字排列方向：horizontal | vertical
+    direction: {
+      type: String,
+      default: i.horizontal
+    },
+    // 图标
+    icon: {
+      type: Object,
+      default: I
+    }
+  },
+  setup(o) {
+    const n = o, f = a(() => (n.text.content || "").split("") || []), p = a(() => {
+      const { gradientColors: t, borderRadius: e } = n.button;
+      return {
+        background: `linear-gradient(180deg, ${t?.[0]}, ${t?.[1]})`,
+        borderRadius: `${e}px`
+      };
+    }), v = a(() => {
+      const { borderRadius: t, padding: e, background: r } = n.button;
+      return {
+        borderRadius: `${t}px`,
+        padding: e,
+        background: r
+      };
+    }), x = a(() => ({
+      "flex items-center justify-center overflow-hidden": !0,
+      "flex-col": n.direction === i.vertical
+    })), y = a(() => {
+      const { gradientColors: t, color: e } = n.text;
+      return t?.[0] || e;
+    }), k = a(() => {
+      const { gradientColors: t, fontSize: e, color: r } = n.text, C = t?.length ? `linear-gradient(180deg, ${t?.[0]}, ${t?.[1]})` : "transparent", h = {
+        backgroundClip: "text",
+        WebkitBackgroundClip: "text",
+        WebkitTextFillColor: "transparent"
+      };
+      return {
+        background: C,
+        fontSize: `${e}px`,
+        color: r,
+        ...t?.length ? h : {}
+      };
+    });
+    return (t, e) => (l(), c("div", {
+      class: "gradient-btn pointer overflow-hidden",
+      style: s(p.value)
+    }, [
+      m("div", {
+        class: "gradient-btn-content overflow-hidden",
+        style: s(v.value)
+      }, [
+        m("div", {
+          class: u(x.value)
+        }, [
+          o.icon ? (l(), g(d(O), {
+            key: 0,
+            size: o.text.fontSize,
+            color: y.value,
+            class: u({
+              "mg-r-4": o.direction === d(i).horizontal,
+              "mg-b-4": o.direction === d(i).vertical
+            })
+          }, {
+            default: S(() => [
+              (l(), g(w(o.icon)))
+            ]),
+            _: 1
+          }, 8, ["size", "color", "class"])) : b("", !0),
+          f.value?.length ? (l(), c("div", {
+            key: 1,
+            class: u(["overflow-hidden flex", {
+              "flex-col": o.direction === d(i).vertical
+            }])
+          }, [
+            (l(!0), c($, null, B(f.value, (r) => (l(), c("div", {
+              style: s(k.value),
+              key: r
+            }, j(r), 5))), 128))
+          ], 2)) : b("", !0)
+        ], 2)
+      ], 4)
+    ], 4));
+  }
+}), _ = /* @__PURE__ */ R(E, [["__scopeId", "data-v-5fab0460"]]), W = z(_);
+export {
+  W as GradientButton,
+  W 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.CUOtHOHG.js";
+const p = t(o);
+export {
+  p as IconEmpty,
+  p as default
+};

package/es/IconRenderer.mjs

@@ -0,0 +1,42 @@
+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({
+  name: "IconRenderer"
+}, {
+  __name: "layout",
+  props: {
+    // 图标名称
+    iconName: {
+      type: String,
+      default: ""
+    },
+    // 图标大小
+    size: {
+      type: Number,
+      default: 16
+    },
+    // 图标颜色
+    color: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    return (n, p) => e.iconName ? (t(), o(r(l), m({
+      key: 0,
+      size: e.size,
+      color: e.color
+    }, n.$attrs), {
+      default: i(() => [
+        (t(), o(s(r(u)[e.iconName])))
+      ]),
+      _: 1
+    }, 16, ["size", "color"])) : a("", !0);
+  }
+}), z = c(f);
+export {
+  z as IconRenderer,
+  z as default
+};

package/es/IconSelect.mjs

@@ -0,0 +1,120 @@
+import { w as N } from "./chunks/index.bCzIhWFw.js";
+import { ref as p, computed as v, watch as S, createBlock as c, openBlock as o, unref as a, withCtx as i, createElementVNode as _, createVNode as s, createElementBlock as u, createCommentVNode as E, Fragment as h, renderList as L, normalizeClass as V, resolveDynamicComponent as I, createTextVNode as j } from "vue";
+import { ElPopover as B, ElInput as O, ElIcon as x } from "element-plus";
+import { c as T, b as U } from "./chunks/index.DfOANPhX.js";
+import { c as g } from "./chunks/global.DVwnOczb.js";
+import { I as D } from "./chunks/layout.CUOtHOHG.js";
+import { _ as F } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/IconSelect.css';const P = { class: "icon-select-content flex flex-col overflow-hidden" }, $ = { class: "icon-select-grid overflow-y-auto display-grid" }, q = ["title", "onClick"], A = {
+  key: 0,
+  class: "no-data"
+}, G = /* @__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
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(d, { emit: k }) {
+    const y = d, C = k, m = p(!1), r = p(""), n = p(y.modelValue), b = v(() => Object.entries(g).filter(([e]) => e.toLowerCase().includes("menu")).map(([e, l]) => ({
+      name: e,
+      component: l
+    }))), w = v(() => r.value ? b.value.filter(
+      (e) => e.name.toLowerCase().includes(r.value.toLowerCase())
+    ) : b.value), f = v(() => n.value && g[n.value] || null), z = (e) => {
+      n.value = e.name, C("update:modelValue", e.name), m.value = !1;
+    };
+    return S(
+      () => y.modelValue,
+      (e) => {
+        n.value = e;
+      }
+    ), (e, l) => (o(), c(a(B), {
+      visible: m.value,
+      "onUpdate:visible": l[1] || (l[1] = (t) => m.value = t),
+      placement: "bottom-start",
+      width: d.width,
+      trigger: "click"
+    }, {
+      reference: 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": !f.value,
+            "icon-item": n.value
+          }])
+        }, [
+          f.value ? (o(), c(a(x), {
+            key: 0,
+            size: d.iconSize
+          }, {
+            default: i(() => [
+              (o(), c(I(f.value)))
+            ]),
+            _: 1
+          }, 8, ["size"])) : (o(), u(h, { key: 1 }, [
+            s(a(x), { size: 16 }, {
+              default: i(() => [
+                s(a(U))
+              ]),
+              _: 1
+            }),
+            l[2] || (l[2] = j(" 上传 ", -1))
+          ], 64))
+        ], 2)
+      ]),
+      default: i(() => [
+        _("div", P, [
+          s(a(O), {
+            class: "mg-b-12",
+            modelValue: r.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (t) => r.value = t),
+            placeholder: "搜索图标",
+            "prefix-icon": a(T),
+            clearable: ""
+          }, null, 8, ["modelValue", "prefix-icon"]),
+          _("div", $, [
+            (o(!0), u(h, null, L(w.value, (t) => (o(), u("div", {
+              key: t.name,
+              class: V(["icon-item radius-8 justify-center items-center pointer flex w-icon-item", { active: n.value === t.name }]),
+              title: t.name,
+              onClick: (J) => z(t)
+            }, [
+              s(a(x), { size: 50 }, {
+                default: i(() => [
+                  (o(), c(I(t.component)))
+                ]),
+                _: 2
+              }, 1024)
+            ], 10, q))), 128))
+          ]),
+          w.value.length === 0 ? (o(), u("div", A, [
+            s(D, { text: "未找到相关图标" })
+          ])) : E("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["visible", "width"]));
+  }
+}), H = /* @__PURE__ */ F(G, [["__scopeId", "data-v-b6a428ec"]]), Z = N(H);
+export {
+  Z as IconSelect,
+  Z as default
+};