color-star-custom-components 0.0.5 → 0.0.8

package/es/chunks/{layout.CyhEs923.js → layout.8QJjTbpS.js}

@@ -1,9 +1,9 @@
 import { ref as z, computed as s, watch as M, createElementBlock as c, openBlock as p, createVNode as R, createBlock as k, createCommentVNode as U, unref as h, mergeProps as B, withCtx as D, renderSlot as O, Fragment as E, createElementVNode as m, toDisplayString as x } from "vue";
 import { ElUpload as N, ElImage as Y } from "element-plus";
 import { emitsMap as d, uploadFileTypeMap as L, messageError as Q, messageWarning as F } from "color-star-custom-methods";
-import { _ as J, u as v } from "./layout.sb1tpZ1W.js";
+import { _ as J, u as v } from "./layout.CI0rHTkg.js";
 import { _ as K } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import '../assets/layout2.css';const u = [];
+import '../assets/layout3.css';const u = [];
 for (let A = 0; A < 256; ++A)
   u.push((A + 256).toString(16).slice(1));
 function G(A, a = 0) {

package/es/chunks/layout.8gJfLTP4.js

@@ -0,0 +1,404 @@
+import { useAttrs as ie, ref as x, computed as S, watch as O, nextTick as K, onMounted as re, createBlock as R, openBlock as b, unref as f, withCtx as N, createElementVNode as D, normalizeStyle as de, createElementBlock as P, createCommentVNode as ce, createVNode as g, normalizeClass as ue, mergeProps as he, toDisplayString as $, withModifiers as fe, Fragment as pe, h as H } from "vue";
+import { ElAutoResizer as me, ElInput as ye, ElIcon as Q, ElTreeV2 as ve } from "element-plus";
+import { IconSearch as ge, IconDelete as ke, IconRighttop as Se } from "color-message-lingyun-vue";
+import { IconEmpty as be } from "../IconEmpty.mjs";
+import { _ as Ne } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/layout2.css';function Ce(o) {
+  return {
+    name: "element-tree-line",
+    props: {
+      node: {
+        type: Object,
+        required: !0
+      },
+      data: {
+        type: Object
+      },
+      treeData: {
+        type: Array
+      },
+      indent: {
+        type: Number,
+        default() {
+          return 16;
+        }
+      },
+      showLabelLine: {
+        type: Boolean,
+        default: !0
+      }
+    },
+    render(r) {
+      const d = o || r, s = this.getScopedSlot("default"), t = this.getScopedSlot("node-label"), c = this.getScopedSlot("after-node-label"), p = s ? this.getScopedSlotValue(s, {
+        node: this.node,
+        data: this.data
+      }) : [
+        t ? this.getScopedSlotValue(t, {
+          node: this.node,
+          data: this.data
+        }) : d(
+          "span",
+          { class: "element-tree-node-label" },
+          this.node.label
+        ),
+        this.showLabelLine ? d("span", {
+          class: "element-tree-node-label-line"
+        }) : null,
+        this.getScopedSlotValue(c, {
+          node: this.node,
+          data: this.data
+        })
+      ], y = [];
+      let u = this.node;
+      for (; u; ) {
+        let n = u.parent;
+        if (u.level === 1 && !u.parent) {
+          if (!this.treeData || !Array.isArray(this.treeData))
+            throw Error(
+              "if you using el-tree-v2 (Virtualized Tree) of element-plus,element-tree-line required data."
+            );
+          n = {
+            children: Array.isArray(this.treeData) ? this.treeData.map((m) => ({ ...m, key: m.id })) : [],
+            level: 0,
+            key: "node-0",
+            parent: null
+          };
+        }
+        if (n) {
+          const m = (n.children || n.childNodes).findIndex(
+            (C) => (C.key || C.id) === (u.key || u.id)
+          );
+          y.unshift(
+            m === (n.children || n.childNodes).length - 1
+          );
+        }
+        u = n;
+      }
+      const V = [];
+      for (let n = 0; n < this.node.level; n++)
+        y[n] && this.node.level - 1 !== n || V.push(
+          d("span", {
+            class: {
+              "element-tree-node-line-ver": !0,
+              "last-node-isLeaf-line": y[n] && this.node.level - 1 === n
+            },
+            style: { left: this.indent * n + "px" }
+          })
+        );
+      return d(
+        "span",
+        {
+          class: "element-tree-node-label-wrapper"
+        },
+        [p].concat(V).concat([
+          d("span", {
+            class: "element-tree-node-line-hor",
+            style: {
+              width: (this.node.isLeaf ? 24 : 8) + "px",
+              left: (this.node.level - 1) * this.indent + "px"
+            }
+          })
+        ])
+      );
+    },
+    methods: {
+      getScopedSlot(r) {
+        if (!r)
+          return null;
+        const d = r.split("||");
+        let s = null;
+        for (let t = 0; t < d.length; t++) {
+          const c = d[t], p = (this.$slots || {})[c];
+          if (p) {
+            s = p;
+            break;
+          }
+          if (s = (this.$scopedSlots || {})[c], s)
+            break;
+        }
+        return s;
+      },
+      getScopedSlotValue(r, d, s = null) {
+        return typeof r == "function" ? r(d) || s : r || s;
+      }
+    }
+  };
+}
+function U(o) {
+  const r = Ce(o);
+  return o && (r.methods.getScopedSlot = function(s) {
+    if (!s)
+      return null;
+    const t = s.split("||");
+    let c = null;
+    for (let p = 0; p < t.length; p++) {
+      const y = t[p], u = (this.$slots || {})[y];
+      if (u) {
+        c = u;
+        break;
+      }
+    }
+    return c;
+  }), r;
+}
+U();
+const Le = {
+  key: 0,
+  class: "mg-b-16"
+}, xe = {
+  key: 0,
+  class: "list-item flex justify-between pd-l-6 pd-r-6 radius-8 items-center w-full"
+}, Ve = ["onClick"], Me = { key: 1 }, De = /* @__PURE__ */ Object.assign({
+  name: "TreeSelect"
+}, {
+  __name: "layout",
+  props: {
+    // 初始值
+    modelValue: {
+      type: Object,
+      default: () => []
+    },
+    // 树形节点对象结构
+    treeProps: {
+      type: Object,
+      default: () => ({
+        value: "id",
+        label: "label",
+        children: "children"
+      })
+    },
+    // 接口配置
+    apiConfig: {
+      type: Function
+    },
+    // 请求参数
+    reqParams: {
+      type: Object,
+      default: () => ({})
+    },
+    // 是否在组件挂载时自动加载数据
+    autoLoad: {
+      type: Boolean,
+      default: !0
+    },
+    // 是否多选
+    isMultiple: {
+      type: Boolean,
+      default: !0
+    },
+    // 是否有过滤
+    hasFilter: {
+      type: Boolean,
+      default: !1
+    },
+    // 是否是列表模式
+    isListMode: {
+      type: Boolean,
+      default: !1
+    },
+    treeList: {
+      type: Array,
+      default: () => []
+    },
+    // 是否有线条样式
+    hasTreeLine: {
+      type: Boolean,
+      default: !0
+    },
+    // 选中的节点是否包含父节点
+    includeParentSelected: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["handleCheck", "handleDeleteNode", "initFinish"],
+  setup(o, { expose: r, emit: d }) {
+    const s = U(H), t = o, c = d, p = ie(), y = () => H(Se, {
+      style: { color: "var(--text-color-2)", fontSize: "16px" }
+    }), u = t.isMultiple ? 20 : 10, V = t.isMultiple ? 15 : 11, n = x([]), m = x(null), C = x(null), w = S(() => t.treeProps.value), E = S(() => t.treeProps.label), v = S(() => t.treeProps.children), T = x(!1), G = S(() => !t.isMultiple && T.value), J = S(() => typeof t.apiConfig == "function"), z = (e) => String(e).includes("%") ? e : e + "px", W = () => {
+      let e = m.value?.getCheckedNodes(), l = e.map((i) => i[w.value]), a = [];
+      return e.length && !t.includeParentSelected && (e = e.filter((i) => !i[v.value]), l = e.map((i) => i[w.value])), t.includeParentSelected && (a = X(n.value, l)), {
+        selectedNodeValues: l,
+        // 选中节点的值的集合
+        selectedNodes: e,
+        // 选中节点的集合
+        selectedParentNodes: a
+        // 选中节点的所有父节点
+      };
+    };
+    function X(e, l) {
+      const a = /* @__PURE__ */ new Map();
+      function i(h, k = []) {
+        for (const L of h) {
+          const ae = [...k, L];
+          L.children && L.children.length > 0 ? i(L.children, ae) : l.includes(L.id) && k.forEach((B) => {
+            a.has(B.id) || a.set(B.id, { ...B });
+          });
+        }
+      }
+      return i(e), Array.from(a.values());
+    }
+    const Y = (e) => {
+      !t.isMultiple || t.isListMode || I();
+    }, Z = (e, l) => {
+      t.isMultiple || t.isListMode || (T.value = !0, C.value = l.key, c("handleCheck", {
+        selectedValue: [C.value],
+        // 选中节点的值
+        selectedNode: [l.data]
+        // // 选中节点
+      }));
+    }, F = x(""), ee = (e) => {
+      m.value.filter(e);
+    }, te = (e, l) => l[E.value].includes(e), le = (e) => {
+      let l = 0;
+      function a(i) {
+        for (const h of i) {
+          const k = h[v.value] && h[v.value].length > 0;
+          t.includeParentSelected ? l++ : k || l++, k && a(h[v.value]);
+        }
+      }
+      return a(e), l;
+    }, ne = S(() => le(n.value));
+    function I() {
+      const { selectedNodeValues: e, selectedNodes: l, selectedParentNodes: a } = W();
+      c("handleCheck", {
+        selectedValue: e,
+        // 选中节点的值的集合
+        selectedNode: l,
+        // 选中节点的集合
+        selectedParentNodes: a
+      });
+    }
+    const oe = (e, l) => {
+      m.value?.setChecked(e, l), I();
+    }, _ = () => {
+      p["default-checked-keys"] && K(() => {
+        I();
+      });
+    }, se = (e) => {
+      c("handleDeleteNode", e);
+    }, M = (e) => e?.map((l) => ({
+      ...l,
+      [v.value]: l[v.value]?.length ? M(l[v.value]) : void 0
+    })), j = async () => {
+      J.value ? t.apiConfig(t.reqParams)?.then((e) => {
+        n.value = M(e?.data || []), _(), A(t.modelValue), c("initFinish", n.value);
+      }) : q();
+    }, q = () => {
+      t.isListMode ? n.value = M(t.treeList || []) : (n.value = M(t.treeList || []), n.value.length && (_(), A(t.modelValue)));
+    }, A = (e) => {
+      const l = e && e.length && e.map((a) => a[t.treeProps.value]);
+      m.value?.setCheckedKeys(l);
+    };
+    return O(
+      () => t.treeList,
+      () => {
+        q();
+      },
+      { deep: !0 }
+    ), O(
+      () => t.modelValue,
+      (e) => {
+        K(() => {
+          A(e);
+        });
+      },
+      { deep: !0 }
+    ), re(() => {
+      j();
+    }), r({
+      allNodeNumbers: ne,
+      loadData: j,
+      setNodeCheckStatus: oe
+    }), (e, l) => (b(), R(f(me), null, {
+      default: N(({ width: a, height: i }) => [
+        D("div", {
+          style: de({
+            width: z(a),
+            height: z(i)
+          })
+        }, [
+          o.hasFilter ? (b(), P("div", Le, [
+            g(f(ye), {
+              modelValue: F.value,
+              "onUpdate:modelValue": l[0] || (l[0] = (h) => F.value = h),
+              placeholder: "请输入",
+              onInput: ee
+            }, {
+              prefix: N(() => [
+                g(f(Q), {
+                  size: 16,
+                  color: "var(--neutral-color-12)",
+                  class: "mg-r-4"
+                }, {
+                  default: N(() => [
+                    g(f(ge))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])) : ce("", !0),
+          D("div", {
+            class: ue(o.hasFilter ? "pd-l-8 pd-r-8" : "")
+          }, [
+            g(f(ve), he({
+              ref_key: "treeRef",
+              ref: m,
+              height: o.hasFilter ? i - 48 : i,
+              data: n.value,
+              props: o.treeProps,
+              "node-key": w.value,
+              "show-checkbox": o.isMultiple && !o.isListMode,
+              "item-size": 34,
+              indent: f(u),
+              "highlight-current": G.value,
+              icon: o.isListMode ? "" : y,
+              "filter-method": te
+            }, f(p), {
+              onNodeClick: Z,
+              onCheck: Y
+            }), {
+              default: N(({ node: h }) => [
+                o.isListMode ? (b(), P("div", xe, [
+                  D("span", null, $(h.data[E.value]), 1),
+                  D("div", {
+                    class: "flex items-center",
+                    onClick: fe((k) => se(h.data), ["stop"])
+                  }, [
+                    g(f(Q), {
+                      size: 14,
+                      color: "var(--neutral-color-5)"
+                    }, {
+                      default: N(() => [
+                        g(f(ke))
+                      ]),
+                      _: 1
+                    })
+                  ], 8, Ve)
+                ])) : (b(), P(pe, { key: 1 }, [
+                  o.hasTreeLine ? (b(), R(f(s), {
+                    key: 0,
+                    node: h,
+                    treeData: n.value,
+                    showLabelLine: !1,
+                    indent: f(V)
+                  }, null, 8, ["node", "treeData", "indent"])) : (b(), P("span", Me, $(h.data[E.value]), 1))
+                ], 64))
+              ]),
+              empty: N(() => [
+                g(f(be))
+              ]),
+              _: 1
+            }, 16, ["height", "data", "props", "node-key", "show-checkbox", "indent", "highlight-current", "icon"])
+          ], 2)
+        ], 4)
+      ]),
+      _: 1
+    }));
+  }
+}), Be = /* @__PURE__ */ Ne(De, [["__scopeId", "data-v-5d279bc2"]]);
+export {
+  Be as T
+};

package/es/chunks/{layout.sb1tpZ1W.js → layout.CI0rHTkg.js}

@@ -3,7 +3,7 @@ import { ElImage as R, ElIcon as w } from "element-plus";
 import { emitsMap as c, uploadFileTypeMap as P, uploadFileType as a } from "color-star-custom-methods";
 import { IconTxt as A, IconPpt as F, IconXls as I, IconDoc as b, IconPdf as G, IconDelete as K, IconOtherFile as X } from "color-message-lingyun-vue";
 import { _ as q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import '../assets/layout3.css';const i = {
+import '../assets/layout4.css';const i = {
   uploading: "uploading",
   success: "success",
   error: "error"