color-star-custom-components 0.0.11 → 0.0.13

package/es/IconSelect.mjs

@@ -1,19 +1,19 @@
 import { w as M } from "./chunks/index.bCzIhWFw.js";
-import { ref as r, shallowRef as $, computed as F, watch as _, onMounted as P, createBlock as c, openBlock as l, unref as u, withCtx as i, createElementVNode as C, createVNode as I, createElementBlock as d, createSlots as R, resolveDynamicComponent as h, Fragment as V, renderList as U, normalizeClass as j, createCommentVNode as D, createTextVNode as T, markRaw as z } from "vue";
-import { ElPopover as q, ElInput as G, ElIcon as w } from "element-plus";
-import { _ as H } from "./chunks/layout.CJWd6Qr3.js";
-import { i as N, g as J, a as K } from "./chunks/config.DuuYqasP.js";
-import { _ as Q } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/IconSelect.css';const W = { class: "icon-select-content flex flex-col overflow-hidden" }, X = {
+import { useCssVars as $, ref as r, shallowRef as F, computed as P, watch as x, onMounted as R, createBlock as i, openBlock as l, unref as u, withCtx as s, createElementVNode as k, createVNode as I, createElementBlock as d, createSlots as U, resolveDynamicComponent as h, Fragment as V, renderList as D, normalizeClass as j, createCommentVNode as T, createTextVNode as q, markRaw as z } from "vue";
+import { ElPopover as G, ElInput as H, ElIcon as w } from "element-plus";
+import { _ as J } from "./chunks/layout.CJWd6Qr3.js";
+import { i as N, g as K, a as Q } from "./chunks/config.DuuYqasP.js";
+import { _ as W } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/IconSelect.css';const X = { class: "icon-select-content flex flex-col overflow-hidden" }, Y = {
   key: 0,
   class: "no-data flex items-center justify-center w-full"
-}, Y = {
+}, Z = {
   key: 1,
   class: "icon-select-grid overflow-y-auto display-grid"
-}, Z = {
+}, ee = {
   key: 0,
   class: "loading-text flex items-center justify-center w-full"
-}, ee = ["title", "onClick"], te = /* @__PURE__ */ Object.assign({
+}, te = ["title", "onClick"], oe = /* @__PURE__ */ Object.assign({
   name: "IconSelect"
 }, {
   __name: "layout",
@@ -40,7 +40,7 @@ import './assets/IconSelect.css';const W = { class: "icon-select-content flex fl
     library: {
       type: String,
       default: N.lingyun,
-      validator: (s) => Object.values(N).includes(s)
+      validator: (n) => Object.values(N).includes(n)
     },
     // 自定义搜索图标组件
     iconSearch: {
@@ -56,12 +56,19 @@ import './assets/IconSelect.css';const W = { class: "icon-select-content flex fl
     iconEmpty: {
       type: Object,
       default: null
+    },
+    iconColor: {
+      type: String,
+      default: ""
     }
   },
   emits: ["update:modelValue"],
-  setup(s, { emit: A }) {
-    const n = s, E = A, b = r(!1), v = r(""), a = r(n.modelValue), m = r(null), p = r([]), g = r(!1), f = $({ IconSearch: null, IconAdd: null }), x = async (e) => {
-      const t = e === "search" ? n.iconSearch : n.iconAdd;
+  setup(n, { emit: A }) {
+    $((e) => ({
+      v051e54a2: n.iconColor
+    }));
+    const a = n, E = A, b = r(!1), v = r(""), c = r(a.modelValue), m = r(null), p = r([]), g = r(!1), f = F({ IconSearch: null, IconAdd: null }), S = async (e) => {
+      const t = e === "search" ? a.iconSearch : a.iconAdd;
       if (t)
         return t;
       try {
@@ -71,17 +78,17 @@ import './assets/IconSelect.css';const W = { class: "icon-select-content flex fl
       }
     }, L = async () => {
       const [e, t] = await Promise.all([
-        x("search"),
-        x("add")
+        S("search"),
+        S("add")
       ]);
       return {
         IconSearch: e,
         IconAdd: t
       };
-    }, S = async () => {
+    }, _ = async () => {
       g.value = !0;
       try {
-        const e = await K(n.library);
+        const e = await Q(a.library);
         p.value = Object.entries(e).filter(([t]) => t.toLowerCase() && !["default", "icons"].includes(t)).map(([t, o]) => ({
           name: t,
           component: z(o)
@@ -91,86 +98,86 @@ import './assets/IconSelect.css';const W = { class: "icon-select-content flex fl
       } finally {
         g.value = !1;
       }
-    }, k = F(() => v.value ? p.value.filter(
+    }, C = P(() => v.value ? p.value.filter(
       (e) => e.name.toLowerCase().includes(v.value.toLowerCase())
     ) : p.value), y = async () => {
-      if (!a.value) {
+      if (!c.value) {
         m.value = null;
         return;
       }
-      const e = await J(n.library, a.value);
+      const e = await K(a.library, c.value);
       m.value = e ? z(e) : null;
     }, O = (e) => {
-      a.value = e.name, E("update:modelValue", e.name), b.value = !1;
+      c.value = e.name, E("update:modelValue", e.name), b.value = !1;
     };
-    return _(
-      () => n.modelValue,
+    return x(
+      () => a.modelValue,
       (e) => {
-        a.value = e, y();
+        c.value = e, y();
       }
-    ), _(
-      () => n.library,
+    ), x(
+      () => a.library,
       () => {
-        S(), y();
+        _(), y();
       }
-    ), _(
-      () => a.value,
+    ), x(
+      () => c.value,
       () => {
         y();
       }
-    ), P(async () => {
-      f.value = await L(), S(), y();
-    }), (e, t) => (l(), c(u(q), {
+    ), R(async () => {
+      f.value = await L(), _(), y();
+    }), (e, t) => (l(), i(u(G), {
       visible: b.value,
       "onUpdate:visible": t[1] || (t[1] = (o) => b.value = o),
       placement: "bottom-start",
-      width: s.width,
+      width: n.width,
       trigger: "click"
     }, {
-      reference: i(() => [
-        C("div", {
+      reference: s(() => [
+        k("div", {
           class: j(["flex items-center pointer radius-16 justify-center w-icon-item", {
             "select-icon-box bg-fcfdff text-202434 fz-14 flex-col": !m.value,
-            "icon-item": a.value
+            "icon-item": c.value
           }])
         }, [
-          m.value ? (l(), c(u(w), {
+          m.value ? (l(), i(u(w), {
             key: 0,
-            size: s.iconSize
+            size: n.iconSize
           }, {
-            default: i(() => [
-              (l(), c(h(m.value)))
+            default: s(() => [
+              (l(), i(h(m.value)))
             ]),
             _: 1
           }, 8, ["size"])) : (l(), d(V, { key: 1 }, [
-            f.value.IconAdd ? (l(), c(u(w), {
+            f.value.IconAdd ? (l(), i(u(w), {
               key: 0,
               size: 16
             }, {
-              default: i(() => [
-                (l(), c(h(f.value.IconAdd)))
+              default: s(() => [
+                (l(), i(h(f.value.IconAdd)))
               ]),
               _: 1
-            })) : D("", !0),
-            t[2] || (t[2] = T(" 上传 ", -1))
+            })) : T("", !0),
+            t[2] || (t[2] = q(" 上传 ", -1))
           ], 64))
         ], 2)
       ]),
-      default: i(() => [
-        C("div", W, [
-          I(u(G), {
+      default: s(() => [
+        k("div", X, [
+          I(u(H), {
             class: "mg-b-12",
             modelValue: v.value,
             "onUpdate:modelValue": t[0] || (t[0] = (o) => v.value = o),
             placeholder: "搜索图标",
             clearable: ""
-          }, R({ _: 2 }, [
+          }, U({ _: 2 }, [
             f.value.IconSearch ? {
               name: "prefix",
-              fn: i(() => [
+              fn: s(() => [
                 I(u(w), { size: 16 }, {
-                  default: i(() => [
-                    (l(), c(h(f.value.IconSearch)))
+                  default: s(() => [
+                    (l(), i(h(f.value.IconSearch)))
                   ]),
                   _: 1
                 })
@@ -178,33 +185,33 @@ import './assets/IconSelect.css';const W = { class: "icon-select-content flex fl
               key: "0"
             } : void 0
           ]), 1032, ["modelValue"]),
-          k.value.length === 0 ? (l(), d("div", X, [
-            I(H, {
-              icon: s.iconEmpty,
+          C.value.length === 0 ? (l(), d("div", Y, [
+            I(J, {
+              icon: n.iconEmpty,
               text: "未找到相关图标"
             }, null, 8, ["icon"])
-          ])) : (l(), d("div", Y, [
-            g.value ? (l(), d("div", Z, " 加载中... ")) : (l(!0), d(V, { key: 1 }, U(k.value, (o) => (l(), d("div", {
+          ])) : (l(), d("div", Z, [
+            g.value ? (l(), d("div", ee, " 加载中... ")) : (l(!0), d(V, { key: 1 }, D(C.value, (o) => (l(), d("div", {
               key: o.name,
-              class: j(["icon-item radius-8 justify-center items-center pointer flex w-icon-item", { active: a.value === o.name }]),
+              class: j(["icon-item radius-8 justify-center items-center pointer flex w-icon-item", { active: c.value === o.name }]),
               title: o.name,
               onClick: (B) => O(o)
             }, [
               I(u(w), { size: 50 }, {
-                default: i(() => [
-                  (l(), c(h(o.component)))
+                default: s(() => [
+                  (l(), i(h(o.component)))
                 ]),
                 _: 2
               }, 1024)
-            ], 10, ee))), 128))
+            ], 10, te))), 128))
           ]))
         ])
       ]),
       _: 1
     }, 8, ["visible", "width"]));
   }
-}), oe = /* @__PURE__ */ Q(te, [["__scopeId", "data-v-4cc24f78"]]), re = M(oe);
+}), le = /* @__PURE__ */ W(oe, [["__scopeId", "data-v-4106dcd4"]]), ue = M(le);
 export {
-  re as IconSelect,
-  re as default
+  ue as IconSelect,
+  ue as default
 };

package/es/TreeSelect.mjs

@@ -1,5 +1,5 @@
 import { w as e } from "./chunks/index.bCzIhWFw.js";
-import { T as t } from "./chunks/layout.DQ1xjWEm.js";
+import { T as t } from "./chunks/layout.doc0wm3z.js";
 const a = e(t);
 export {
   a as TreeSelect,

package/es/TreeShowSelect.mjs

@@ -1,9 +1,9 @@
-import { w as V } from "./chunks/index.bCzIhWFw.js";
-import { useAttrs as g, ref as u, computed as k, watch as y, createBlock as P, openBlock as C, unref as n, withCtx as T, createElementVNode as o, normalizeStyle as z, toDisplayString as p, createVNode as m, mergeProps as D } from "vue";
-import { ElAutoResizer as L } from "element-plus";
-import { T as f } from "./chunks/layout.DQ1xjWEm.js";
-import { _ as R } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/TreeShowSelect.css';const j = { class: "left-box w-50-percent flex flex-col overflow-hidden" }, A = { class: "head-box fz-14 pd-t-8 pd-b-8 pd-l-12 pd-r-12 mg-b-8 text-202434" }, B = { class: "pd-r-12 pd-l-12 flex-1 overflow-hidden" }, E = { class: "right-box w-50-percent flex flex-col overflow-hidden" }, H = { class: "head-box fz-14 pd-t-8 pd-b-8 pd-l-12 pd-r-12 mg-b-8 text-202434" }, I = { class: "pd-r-12 pd-l-12 flex-1 selected-list overflow-hidden pd-t-8" }, O = /* @__PURE__ */ Object.assign({
+import { w as P } from "./chunks/index.bCzIhWFw.js";
+import { useAttrs as L, ref as m, computed as v, watch as C, createBlock as D, openBlock as z, unref as p, withCtx as h, createElementVNode as d, normalizeStyle as A, toDisplayString as _, createVNode as x, mergeProps as R, renderSlot as g } from "vue";
+import { ElAutoResizer as j } from "element-plus";
+import { T as N } from "./chunks/layout.doc0wm3z.js";
+import { _ as B } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/TreeShowSelect.css';const E = { class: "left-box w-50-percent flex flex-col overflow-hidden" }, H = { class: "head-box fz-14 pd-t-8 pd-b-8 pd-l-12 pd-r-12 mg-b-8 text-202434" }, I = { class: "pd-r-12 pd-l-12 flex-1 overflow-hidden" }, M = { class: "right-box w-50-percent flex flex-col overflow-hidden" }, O = { class: "head-box fz-14 pd-t-8 pd-b-8 pd-l-12 pd-r-12 mg-b-8 text-202434" }, U = { class: "pd-r-12 pd-l-12 flex-1 selected-list overflow-hidden pd-t-8" }, $ = /* @__PURE__ */ Object.assign({
   name: "TreeShowSelect"
 }, {
   __name: "layout",
@@ -12,71 +12,95 @@ import './assets/TreeShowSelect.css';const j = { class: "left-box w-50-percent f
     modelValue: {
       type: Object,
       default: () => []
+    },
+    // 右侧显示的数据，如果不传则使用选中的节点
+    rightTreeList: {
+      type: Array,
+      default: () => []
     }
   },
   emits: ["getCheckedNode"],
-  setup(h, { emit: v }) {
-    const _ = h, x = v, s = g(), d = u(), b = k(() => s.treeProps ? s.treeProps : { value: "id", label: "label", children: "children" }), i = (e) => String(e).includes("%") ? e : e + "px", t = u([]), w = (e) => {
-      const { selectedNode: l, selectedValue: r, selectedParentNodes: a } = e;
-      t.value = l, x("getCheckedNode", {
-        selectedValue: r,
+  setup(b, { emit: w }) {
+    const s = b, S = w, r = L(), a = m(), y = v(() => r.treeProps ? r.treeProps : { value: "id", label: "label", children: "children" }), f = (e) => String(e).includes("%") ? e : e + "px", t = m([]), n = v(() => s.rightTreeList && s.rightTreeList.length > 0 ? s.rightTreeList : t.value), V = (e) => {
+      const { selectedNode: l, selectedValue: i, selectedParentNodes: c } = e;
+      t.value = l, S("getCheckedNode", {
+        selectedValue: i,
         // 选中节点的值的集合
         selectedNode: l,
         // // 选中节点的集合
-        selectedParentNodes: a
+        selectedParentNodes: c
       });
-    }, N = (e) => {
-      d.value?.setNodeCheckStatus(e[b.value.value], !1);
-    }, S = (e) => {
+    }, k = (e) => {
+      a.value?.setNodeCheckStatus(e[y.value.value], !1);
+    }, T = (e) => {
       t.value = e || [];
     };
-    return y(
-      () => _.modelValue,
+    return C(
+      () => s.modelValue,
       (e) => {
-        S(e);
+        T(e);
       },
       { immediate: !0, deep: !0 }
-    ), (e, l) => (C(), P(n(L), null, {
-      default: T(({ width: r, height: a }) => [
-        o("div", {
+    ), (e, l) => (z(), D(p(j), null, {
+      default: h(({ width: i, height: c }) => [
+        d("div", {
           class: "out-box flex radius-8 text-202434 overflow-hidden",
-          style: z({
-            width: i(r),
-            height: i(a)
+          style: A({
+            width: f(i),
+            height: f(c)
           })
         }, [
-          o("div", j, [
-            o("div", A, p(d.value && d.value.allNodeNumbers || 0) + "项 ", 1),
-            o("div", B, [
-              m(f, D({
+          d("div", E, [
+            d("div", H, _(a.value && a.value.allNodeNumbers || 0) + "项 ", 1),
+            d("div", I, [
+              x(N, R({
                 modelValue: t.value,
-                "onUpdate:modelValue": l[0] || (l[0] = (c) => t.value = c),
+                "onUpdate:modelValue": l[0] || (l[0] = (o) => t.value = o),
                 ref_key: "treeRef",
-                ref: d
-              }, n(s), { onHandleCheck: w }), null, 16, ["modelValue"])
+                ref: a
+              }, p(r), { onHandleCheck: V }), {
+                node: h(({ node: o, data: u }) => [
+                  g(e.$slots, "node", {
+                    node: o,
+                    data: u,
+                    checkedNodes: t.value
+                  }, void 0, !0)
+                ]),
+                _: 3
+              }, 16, ["modelValue"])
             ])
           ]),
-          o("div", E, [
-            o("div", H, p(t.value.length) + "项 ", 1),
-            o("div", I, [
-              m(f, {
+          d("div", M, [
+            d("div", O, _(n.value.length) + "项 ", 1),
+            d("div", U, [
+              x(N, {
                 modelValue: t.value,
-                "onUpdate:modelValue": l[1] || (l[1] = (c) => t.value = c),
+                "onUpdate:modelValue": l[1] || (l[1] = (o) => t.value = o),
                 class: "tree-select-list",
-                treeProps: n(s).treeProps,
-                treeList: t.value,
+                treeProps: p(r).treeProps,
+                treeList: n.value,
                 isListMode: !0,
-                onHandleDeleteNode: N
-              }, null, 8, ["modelValue", "treeProps", "treeList"])
+                isMultiple: !1,
+                onHandleDeleteNode: k
+              }, {
+                node: h(({ node: o, data: u }) => [
+                  g(e.$slots, "node", {
+                    node: o,
+                    data: u,
+                    checkedNodes: n.value
+                  }, void 0, !0)
+                ]),
+                _: 3
+              }, 8, ["modelValue", "treeProps", "treeList"])
             ])
           ])
         ], 4)
       ]),
-      _: 1
+      _: 3
     }));
   }
-}), U = /* @__PURE__ */ R(O, [["__scopeId", "data-v-95352dab"]]), J = V(U);
+}), K = /* @__PURE__ */ B($, [["__scopeId", "data-v-729a868d"]]), W = P(K);
 export {
-  J as TreeShowSelect,
-  J as default
+  W as TreeShowSelect,
+  W as default
 };

package/es/assets/IconSelect.css

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

package/es/assets/TreeShowSelect.css

@@ -1 +1 @@
-.w-50-percent[data-v-95352dab]{width:50%}.out-box[data-v-95352dab]{border:1px solid var(--parting-line)}.out-box .head-box[data-v-95352dab]{border-bottom:1px solid var(--parting-line)}.out-box .left-box[data-v-95352dab]{border-right:1px solid var(--parting-line)}.out-box .selected-list .selected-item[data-v-95352dab]{height:32px}.out-box .selected-list .selected-item[data-v-95352dab]:hover{background:var(--primary-color-5)}.out-box .selected-list .virtual-scroller[data-v-95352dab]{height:100%}.tree-select-list[data-v-95352dab] .el-tree-node__content{margin-bottom:8px;padding:4px 0;height:32px;border-radius:8px}
+.w-50-percent[data-v-729a868d]{width:50%}.out-box[data-v-729a868d]{border:1px solid var(--parting-line)}.out-box .head-box[data-v-729a868d]{border-bottom:1px solid var(--parting-line)}.out-box .left-box[data-v-729a868d]{border-right:1px solid var(--parting-line)}.out-box .selected-list .selected-item[data-v-729a868d]{height:32px}.out-box .selected-list .selected-item[data-v-729a868d]:hover{background:var(--primary-color-5)}.out-box .selected-list .virtual-scroller[data-v-729a868d]{height:100%}.tree-select-list[data-v-729a868d] .el-tree-node__content{margin-bottom:8px;padding:4px 0;height:32px;border-radius:8px}

package/es/assets/layout2.css

@@ -1 +1 @@
-.el-tree .el-tree-node__content{position:relative}.element-tree-node-label-wrapper{flex:1;display:flex;align-items:center}.element-tree-node-label{font-size:12px}.element-tree-node-line-ver{display:block;position:absolute;top:0;left:0;height:100%;border-left:1px dashed #dcdfe6}.element-tree-node-line-ver.last-node-isLeaf-line{height:50%}.element-tree-node-line-hor{display:block;position:absolute;top:50%;left:0;height:0;border-bottom:1px dashed #dcdfe6}.element-tree-node-label-line{flex:1;border-top:1px dashed #dcdfe6;align-self:center;margin:0 10px}[data-v-b82736b8] .el-tree-node__label{line-height:22px}[data-v-b82736b8] .el-tree-node:focus>.el-tree-node__content{background-color:transparent}[data-v-b82736b8] .el-tree-node__content{border-radius:8px}[data-v-b82736b8] .el-tree-node__content:hover{background-color:var(--primary-color-5)}[data-v-b82736b8] .element-tree-node-label{font-size:14px}.list-item[data-v-b82736b8]{height:32px}.list-item[data-v-b82736b8]:hover{background:var(--primary-color-5)}[data-v-b82736b8] .element-tree-node-line-ver,[data-v-b82736b8] .element-tree-node-line-hor{border-color:var(--neutral-color-19)}
+.el-tree .el-tree-node__content{position:relative}.element-tree-node-label-wrapper{flex:1;display:flex;align-items:center}.element-tree-node-label{font-size:12px}.element-tree-node-line-ver{display:block;position:absolute;top:0;left:0;height:100%;border-left:1px dashed #dcdfe6}.element-tree-node-line-ver.last-node-isLeaf-line{height:50%}.element-tree-node-line-hor{display:block;position:absolute;top:50%;left:0;height:0;border-bottom:1px dashed #dcdfe6}.element-tree-node-label-line{flex:1;border-top:1px dashed #dcdfe6;align-self:center;margin:0 10px}[data-v-1466e8fd] .el-tree-node__label{line-height:22px}[data-v-1466e8fd] .el-tree-node:focus>.el-tree-node__content{background-color:transparent}[data-v-1466e8fd] .el-tree-node__content{border-radius:8px}[data-v-1466e8fd] .el-tree-node__content:hover{background-color:var(--primary-color-5)}[data-v-1466e8fd] .element-tree-node-label{font-size:14px}.list-item[data-v-1466e8fd]{height:32px}.list-item[data-v-1466e8fd]:hover{background:var(--primary-color-5)}[data-v-1466e8fd] .element-tree-node-line-ver,[data-v-1466e8fd] .element-tree-node-line-hor{border-color:var(--neutral-color-19)}