ling-yun-custom-components 0.0.60 → 0.0.61

package/es/TreeSelect.mjs

@@ -1,406 +0,0 @@
-import { w as ie } from "./chunks/index.bCzIhWFw.js";
-import { useAttrs as re, ref as x, computed as S, watch as O, nextTick as K, onMounted as de, createBlock as R, openBlock as N, unref as f, withCtx as b, createElementVNode as D, normalizeStyle as ce, createElementBlock as P, createCommentVNode as ue, createVNode as g, normalizeClass as he, mergeProps as fe, toDisplayString as $, withModifiers as pe, Fragment as me, h as H } from "vue";
-import { ElAutoResizer as ye, ElInput as ve, ElIcon as Q, ElTreeV2 as ge } from "element-plus";
-import { IconSearch as ke, IconDelete as Se, IconRighttop as Ne } from "color-message-lingyun-vue";
-import { IconEmpty as be } from "color-star-custom-components";
-import { _ as Ce } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/TreeSelect.css';function Le(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 = Le(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 xe = {
-  key: 0,
-  class: "mg-b-16"
-}, Ve = {
-  key: 0,
-  class: "list-item flex justify-between pd-l-6 pd-r-6 radius-8 items-center w-full"
-}, Me = ["onClick"], De = { key: 1 }, Pe = /* @__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 = re(), y = () => H(Ne, {
-      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), I = S(() => t.treeProps.label), v = S(() => t.treeProps.children), T = x(!1), G = S(() => !t.isMultiple && T.value), J = S(() => typeof t.apiConfig == "function"), _ = (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 || E();
-    }, Z = (e, l) => {
-      t.isMultiple || t.isListMode || (T.value = !0, C.value = l.key, c("handleCheck", {
-        selectedValue: [C.value],
-        // 选中节点的值
-        selectedNode: [l.data]
-        // // 选中节点
-      }));
-    }, z = x(""), ee = (e) => {
-      m.value.filter(e);
-    }, te = (e, l) => l[I.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 E() {
-      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), E();
-    }, F = () => {
-      p["default-checked-keys"] && K(() => {
-        E();
-      });
-    }, 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 || []), F(), A(t.modelValue), c("initFinish", n.value);
-      }) : q();
-    }, q = () => {
-      t.isListMode ? n.value = M(t.treeList || []) : (n.value = M(t.treeList || []), n.value.length && (F(), 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 }
-    ), de(() => {
-      j();
-    }), r({
-      allNodeNumbers: ne,
-      loadData: j,
-      setNodeCheckStatus: oe
-    }), (e, l) => (N(), R(f(ye), null, {
-      default: b(({ width: a, height: i }) => [
-        D("div", {
-          style: ce({
-            width: _(a),
-            height: _(i)
-          })
-        }, [
-          o.hasFilter ? (N(), P("div", xe, [
-            g(f(ve), {
-              modelValue: z.value,
-              "onUpdate:modelValue": l[0] || (l[0] = (h) => z.value = h),
-              placeholder: "请输入",
-              onInput: ee
-            }, {
-              prefix: b(() => [
-                g(f(Q), {
-                  size: 16,
-                  color: "var(--neutral-color-12)",
-                  class: "mg-r-4"
-                }, {
-                  default: b(() => [
-                    g(f(ke))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ])) : ue("", !0),
-          D("div", {
-            class: he(o.hasFilter ? "pd-l-8 pd-r-8" : "")
-          }, [
-            g(f(ge), fe({
-              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: b(({ node: h }) => [
-                o.isListMode ? (N(), P("div", Ve, [
-                  D("span", null, $(h.data[I.value]), 1),
-                  D("div", {
-                    class: "flex items-center",
-                    onClick: pe((k) => se(h.data), ["stop"])
-                  }, [
-                    g(f(Q), {
-                      size: 14,
-                      color: "var(--neutral-color-5)"
-                    }, {
-                      default: b(() => [
-                        g(f(Se))
-                      ]),
-                      _: 1
-                    })
-                  ], 8, Me)
-                ])) : (N(), P(me, { key: 1 }, [
-                  o.hasTreeLine ? (N(), R(f(s), {
-                    key: 0,
-                    node: h,
-                    treeData: n.value,
-                    showLabelLine: !1,
-                    indent: f(V)
-                  }, null, 8, ["node", "treeData", "indent"])) : (N(), P("span", De, $(h.data[I.value]), 1))
-                ], 64))
-              ]),
-              empty: b(() => [
-                g(f(be))
-              ]),
-              _: 1
-            }, 16, ["height", "data", "props", "node-key", "show-checkbox", "indent", "highlight-current", "icon"])
-          ], 2)
-        ], 4)
-      ]),
-      _: 1
-    }));
-  }
-}), we = /* @__PURE__ */ Ce(Pe, [["__scopeId", "data-v-2357d4fe"]]), ze = ie(we);
-export {
-  ze as TreeSelect,
-  ze as default
-};

package/es/TreeShowSelect.mjs

@@ -1,82 +0,0 @@
-import { w as g } from "./chunks/index.bCzIhWFw.js";
-import { useAttrs as w, ref as u, computed as y, watch as k, createBlock as P, openBlock as C, unref as s, withCtx as z, createElementVNode as o, normalizeStyle as T, toDisplayString as p, createVNode as m, mergeProps as D } from "vue";
-import { ElAutoResizer as L } from "element-plus";
-import { TreeSelect as f } from "./TreeSelect.mjs";
-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" }, 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" }, E = { class: "right-box w-50-percent flex flex-col" }, 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-y-auto pd-t-8" }, O = /* @__PURE__ */ Object.assign({
-  name: "TreeShowSelect"
-}, {
-  __name: "layout",
-  props: {
-    // 初始值
-    modelValue: {
-      type: Object,
-      default: () => []
-    }
-  },
-  emits: ["getCheckedNode"],
-  setup(h, { emit: _ }) {
-    const v = h, x = _, d = w(), r = u(), b = y(() => d.treeProps ? d.treeProps : { value: "id", label: "label", children: "children" }), i = (e) => String(e).includes("%") ? e : e + "px", t = u([]), N = (e) => {
-      const { selectedNode: l, selectedValue: a, selectedParentNodes: c } = e;
-      t.value = l, x("getCheckedNode", {
-        selectedValue: a,
-        // 选中节点的值的集合
-        selectedNode: l,
-        // // 选中节点的集合
-        selectedParentNodes: c
-      });
-    }, S = (e) => {
-      r.value?.setNodeCheckStatus(e[b.value.value], !1);
-    }, V = (e) => {
-      t.value = e || [];
-    };
-    return k(
-      () => v.modelValue,
-      (e) => {
-        V(e);
-      },
-      { immediate: !0, deep: !0 }
-    ), (e, l) => (C(), P(s(L), null, {
-      default: z(({ width: a, height: c }) => [
-        o("div", {
-          class: "out-box flex radius-8 text-202434",
-          style: T({
-            width: i(a),
-            height: i(c)
-          })
-        }, [
-          o("div", j, [
-            o("div", A, p(r.value && r.value.allNodeNumbers || 0) + "项 ", 1),
-            o("div", B, [
-              m(s(f), D({
-                modelValue: t.value,
-                "onUpdate:modelValue": l[0] || (l[0] = (n) => t.value = n),
-                ref_key: "treeRef",
-                ref: r
-              }, s(d), { onHandleCheck: N }), null, 16, ["modelValue"])
-            ])
-          ]),
-          o("div", E, [
-            o("div", H, p(t.value.length) + "项 ", 1),
-            o("div", I, [
-              m(s(f), {
-                modelValue: t.value,
-                "onUpdate:modelValue": l[1] || (l[1] = (n) => t.value = n),
-                class: "tree-select-list",
-                treeProps: s(d).treeProps,
-                treeList: t.value,
-                isListMode: !0,
-                onHandleDeleteNode: S
-              }, null, 8, ["modelValue", "treeProps", "treeList"])
-            ])
-          ])
-        ], 4)
-      ]),
-      _: 1
-    }));
-  }
-}), U = /* @__PURE__ */ R(O, [["__scopeId", "data-v-506e7300"]]), J = g(U);
-export {
-  J as TreeShowSelect,
-  J as default
-};

package/es/UploadFile.mjs

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

package/es/assets/TreeSelect.css

@@ -1 +0,0 @@
-.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-2357d4fe] .el-tree-node__label{line-height:22px}[data-v-2357d4fe] .el-tree-node:focus>.el-tree-node__content{background-color:transparent}[data-v-2357d4fe] .el-tree-node__content{border-radius:8px}[data-v-2357d4fe] .el-tree-node__content:hover{background-color:var(--primary-color-5)}[data-v-2357d4fe] .element-tree-node-label{font-size:14px}.list-item[data-v-2357d4fe]{height:32px}.list-item[data-v-2357d4fe]:hover{background:var(--primary-color-5)}[data-v-2357d4fe] .element-tree-node-line-ver,[data-v-2357d4fe] .element-tree-node-line-hor{border-color:var(--neutral-color-19)}

package/es/assets/TreeShowSelect.css

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

package/es/assets/layout2.css

@@ -1 +0,0 @@
-.custom-title[data-v-4d572364]{font-weight:var(--v47d985ee);font-size:var(--v6d50a5d6);color:var(--v4b029cbc)}

package/es/assets/layout3.css

@@ -1 +0,0 @@
-.custom-title[data-v-4d572364]{font-weight:var(--v47d985ee);font-size:var(--v6d50a5d6);color:var(--v4b029cbc)}

package/es/assets/layout4.css

@@ -1 +0,0 @@
-[data-v-c5a51066] .el-upload-dragger{background:var(--background-color-7);border-radius:6px;border:1px dashed var(--primary-color-8);padding:26px}[data-v-c5a51066] .el-upload-dragger:hover{background:var(--background-color-11);border:1px dashed var(--primary-color-6)}.upload-webp[data-v-c5a51066]{width:96px;height:96px}.upload-webp .image[data-v-c5a51066]{top:50%;left:50%;transform:translate(-50%,-50%);width:150px}

package/es/assets/layout5.css

@@ -1 +0,0 @@
-.file-list[data-v-c5b5f416]{grid-template-columns:repeat(var(--v751237c3),1fr);gap:12px}.file-list .lh-16[data-v-c5b5f416]{line-height:16px}.file-list .border-error[data-v-c5b5f416]{border:1px solid var(--error-color-1)}.file-list .border-normal[data-v-c5b5f416]{border:1px solid var(--parting-line)}.file-list .bg-uploading[data-v-c5b5f416]{background:linear-gradient(270deg,var(--primary-color-5) 0%,rgba(252,253,255,0) 100%)}

package/es/chunks/CustomTitle.BdP_XIUG.js

@@ -1,6 +0,0 @@
-import { e as o } from "./index.CGbx4Jkt.js";
-import { d as r } from "./layout.DBrUEnal.CoUbm47v.js";
-const p = o(r);
-export {
-  p as a
-};

package/es/chunks/index.CGbx4Jkt.js

@@ -1,9 +0,0 @@
-import { dayjs as a } from "element-plus";
-const n = (e) => (e.install = (t) => {
-  const o = e.name || e.__name;
-  t.component(o, e);
-}, e);
-a.en.weekStart = 1;
-export {
-  n as e
-};

package/es/chunks/index.IgGaYZVs.js

@@ -1,6 +0,0 @@
-import { w as t } from "./index.bCzIhWFw.js";
-import { _ as o } from "./layout.BF6B8tfH.js";
-const m = t(o);
-export {
-  m as C
-};

package/es/chunks/layout.BF6B8tfH.js

@@ -1,39 +0,0 @@
-import { useCssVars as o, createElementBlock as n, openBlock as a, toDisplayString as c } from "vue";
-import { _ as r } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import '../assets/layout2.css';const s = { class: "custom-title" }, i = /* @__PURE__ */ Object.assign({
-  name: "CustomTitle"
-}, {
-  __name: "layout",
-  props: {
-    // 标题内容
-    content: {
-      type: String,
-      default: "自定义标题"
-    },
-    // 字体大小
-    fontSize: {
-      type: Number,
-      default: 18
-    },
-    // 字体颜色
-    color: {
-      type: String,
-      default: "var(--text-color-1)"
-    },
-    // 字体粗细
-    fontWeight: {
-      type: Number,
-      default: 700
-    }
-  },
-  setup(t) {
-    return o((e) => ({
-      b9535606: t.fontWeight,
-      v3415e827: t.fontSize + "px",
-      v33d6604d: t.color
-    })), (e, l) => (a(), n("div", s, c(t.content), 1));
-  }
-}), m = /* @__PURE__ */ r(i, [["__scopeId", "data-v-ea104f2e"]]);
-export {
-  m as _
-};