xyvcard-asset 0.0.8 → 0.0.9

package/dist/index.vue_vue_type_script_setup_true_lang-05kzecXV.mjs

@@ -0,0 +1,274 @@
+import { defineComponent as R, ref as s, watch as A, resolveComponent as n, openBlock as m, createElementBlock as P, createElementVNode as p, toDisplayString as w, unref as e, Fragment as E, renderList as F, createBlock as x, withCtx as i, createTextVNode as H, createVNode as a, isRef as S, createCommentVNode as K, reactive as N, useModel as O } from "vue";
+import { i as G } from "./index-Dyo7je0Z.mjs";
+import { useTableHooks as J } from "jmash-core";
+import { useI18n as Q } from "vue-i18n";
+import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const X = { class: "people-select-tag-box" }, Y = { class: "dept-people-select-left-box" }, Z = /* @__PURE__ */ R({
+  __name: "index",
+  setup(k) {
+    const { t: b } = Q(), d = {
+      children: "children",
+      label: "label"
+    }, r = s({
+      curPage: 1,
+      pageSize: 10
+    }), { tableHooks: g, multipleTableRef: v, listLoading: y, tableData: _, total: c } = J(b, G, r), u = s(""), f = s(), I = s([
+      {
+        deptId: 1,
+        label: "技术部",
+        children: [
+          {
+            deptId: 4,
+            label: "前端开发部",
+            children: [
+              {
+                deptId: 9,
+                label: "前端技术部"
+              },
+              {
+                deptId: 10,
+                label: "前端测试部"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        deptId: 2,
+        label: "运维部",
+        children: [
+          {
+            deptId: 3,
+            label: "网络部",
+            children: [
+              {
+                deptId: 5,
+                label: "检修部"
+              },
+              {
+                deptId: 6,
+                label: "实施部"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        deptId: 12,
+        label: "运维部",
+        children: [
+          {
+            deptId: 13,
+            label: "网络部",
+            children: [
+              {
+                deptId: 15,
+                label: "检修部"
+              },
+              {
+                deptId: 16,
+                label: "实施部"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        deptId: 22,
+        label: "运维部",
+        children: [
+          {
+            deptId: 23,
+            label: "网络部",
+            children: [
+              {
+                deptId: 25,
+                label: "检修部"
+              },
+              {
+                deptId: 26,
+                label: "实施部"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        deptId: 22,
+        label: "运维部",
+        children: [
+          {
+            deptId: 23,
+            label: "网络部",
+            children: [
+              {
+                deptId: 25,
+                label: "检修部"
+              },
+              {
+                deptId: 26,
+                label: "实施部"
+              }
+            ]
+          }
+        ]
+      }
+    ]), T = s([]);
+    let z = s([
+      {
+        label: "common.operate",
+        width: "100",
+        slotName: "operation",
+        columnType: "slot",
+        fixed: "right",
+        isColumn: !0
+      }
+    ]);
+    A(
+      () => u.value,
+      (o) => {
+        f.value.filter(o);
+      }
+    );
+    function U(o, l) {
+      return o ? l.label.includes(o) : !0;
+    }
+    function j(o) {
+      console.log(o);
+    }
+    const h = s([]);
+    function B(o) {
+      h.value.splice(h.value.indexOf(o), 1);
+    }
+    return (o, l) => {
+      const L = n("el-tag"), V = n("el-input"), M = n("el-tree"), C = n("el-col"), $ = n("jmash-table"), D = n("jmash-pagination"), q = n("el-row");
+      return m(), P("div", null, [
+        p("div", null, [
+          p("span", null, "已选" + w(e(T).length) + "名人员", 1),
+          p("div", X, [
+            (m(!0), P(E, null, F(e(h), (t) => (m(), x(L, {
+              key: t,
+              closable: "",
+              "disable-transitions": !1,
+              onClose: (te) => B(t)
+            }, {
+              default: i(() => [
+                H(w(t), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClose"]))), 128))
+          ])
+        ]),
+        p("div", null, [
+          a(q, { gutter: 22 }, {
+            default: i(() => [
+              a(C, { span: 6 }, {
+                default: i(() => [
+                  a(V, {
+                    modelValue: e(u),
+                    "onUpdate:modelValue": l[0] || (l[0] = (t) => S(u) ? u.value = t : null),
+                    placeholder: "请选择部门"
+                  }, null, 8, ["modelValue"]),
+                  p("div", Y, [
+                    a(M, {
+                      ref_key: "treeRef",
+                      ref: f,
+                      style: { "max-width": "600px" },
+                      class: "filter-tree",
+                      data: e(I),
+                      props: d,
+                      "default-expand-all": "",
+                      "filter-node-method": U,
+                      onNodeClick: j
+                    }, null, 8, ["data"])
+                  ])
+                ]),
+                _: 1
+              }),
+              a(C, { span: 16 }, {
+                footer: i(() => [
+                  e(c) > 0 ? (m(), x(D, {
+                    key: 0,
+                    total: e(c),
+                    "onUpdate:total": l[1] || (l[1] = (t) => S(c) ? c.value = t : null),
+                    "current-page": e(r).curPage,
+                    "onUpdate:currentPage": l[2] || (l[2] = (t) => e(r).curPage = t),
+                    "page-size": e(r).pageSize,
+                    "onUpdate:pageSize": l[3] || (l[3] = (t) => e(r).pageSize = t),
+                    onPagination: l[4] || (l[4] = (t) => e(g).getList())
+                  }, null, 8, ["total", "current-page", "page-size"])) : K("", !0)
+                ]),
+                default: i(() => [
+                  a(V, { placeholder: "请输入姓名/手机号/岗位职务" }),
+                  a($, {
+                    ref_key: "multipleTableRef",
+                    ref: v,
+                    class: "table-top",
+                    "row-key": "unionMemberPk",
+                    "list-loading": e(y),
+                    data: e(_),
+                    "table-label": e(z)
+                  }, null, 8, ["list-loading", "data", "table-label"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+}), ee = /* @__PURE__ */ W(Z, [["__scopeId", "data-v-225942ea"]]), le = /* @__PURE__ */ p("div", { class: "title-content dialog-select-clear-top" }, "选择人员", -1), se = /* @__PURE__ */ R({
+  __name: "index",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(k) {
+    const b = N({}), d = O(k, "modelValue"), r = N({
+      people: [
+        {
+          required: !0,
+          message: "请选择人员",
+          trigger: "blur"
+        }
+      ]
+    });
+    function g() {
+      d.value = !1;
+    }
+    function v() {
+      d.value && (d.value = !1);
+    }
+    return (y, _) => {
+      const c = ee, u = n("el-form"), f = n("el-dialog");
+      return m(), x(f, {
+        modelValue: d.value,
+        "onUpdate:modelValue": _[0] || (_[0] = (I) => d.value = I),
+        onClose: v
+      }, {
+        default: i(() => [
+          le,
+          a(u, {
+            ref: "FormRef",
+            model: e(b),
+            "label-width": "120px",
+            rules: e(r)
+          }, {
+            default: i(() => [
+              a(c)
+            ]),
+            _: 1
+          }, 8, ["model", "rules"]),
+          p("button", { onClick: g }, "弹框按钮触发组件提交事件")
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  se as _
+};

package/dist/index.vue_vue_type_script_setup_true_lang-Bl9nmo3f.mjs

@@ -0,0 +1,120 @@
+import { defineComponent as j, ref as i, resolveComponent as a, openBlock as t, createElementBlock as s, createElementVNode as k, createVNode as c, unref as p, isRef as y, withCtx as _, Fragment as b, renderList as v, createBlock as h, createTextVNode as w, toDisplayString as E } from "vue";
+const O = { class: "people-select-tag-box" }, L = /* @__PURE__ */ j({
+  __name: "index",
+  props: {
+    deptId: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["updatePeoples"],
+  setup(g, { emit: x }) {
+    const u = i([]), m = x;
+    console.log(g);
+    const o = i([]), r = i([
+      {
+        key: "1",
+        value: "张三",
+        label: "张三",
+        deep: "测试",
+        position: "测试工程师",
+        children: []
+      },
+      {
+        key: "2",
+        value: "里斯",
+        label: "里斯",
+        deep: "前端部",
+        position: "前端工程师",
+        children: []
+      },
+      {
+        key: "6",
+        value: "里斯",
+        label: "里斯",
+        deep: "前端部",
+        position: "前端工程师",
+        children: []
+      },
+      {
+        key: "3",
+        value: "王五",
+        label: "王五",
+        deep: "java",
+        position: "实习",
+        children: []
+      }
+    ]), f = r.value, V = (n) => {
+      r.value = f.filter((l) => l.label.indexOf(n) > -1);
+    }, C = (n) => {
+      const l = f.filter((d) => d.key === n)[0];
+      return l.label + " " + l.deep + " " + l.position;
+    }, P = () => {
+      m("updatePeoples", o.value);
+    };
+    function T(n) {
+      o.value = o.value.filter((l) => l !== n), m("updatePeoples", o.value);
+    }
+    return (n, l) => {
+      const d = a("el-option"), B = a("el-checkbox"), D = a("el-checkbox-group"), N = a("el-select"), S = a("el-tag");
+      return t(), s("div", null, [
+        k("div", null, [
+          c(N, {
+            modelValue: p(u),
+            "onUpdate:modelValue": l[1] || (l[1] = (e) => y(u) ? u.value = e : null),
+            multiple: "",
+            placeholder: "请输入选择的人员",
+            filterable: "",
+            "filter-method": V,
+            style: { width: "100% !important" }
+          }, {
+            default: _(() => [
+              (t(!0), s(b, null, v(p(r), (e) => (t(), h(d, {
+                key: e.key,
+                label: e.label,
+                value: e.key,
+                hidden: ""
+              }, null, 8, ["label", "value"]))), 128)),
+              c(D, {
+                modelValue: p(o),
+                "onUpdate:modelValue": l[0] || (l[0] = (e) => y(o) ? o.value = e : null),
+                onChange: P
+              }, {
+                default: _(() => [
+                  (t(!0), s(b, null, v(p(r), (e) => (t(), s("div", {
+                    key: e.key,
+                    style: { padding: "0 10px" }
+                  }, [
+                    c(B, {
+                      label: e.label + "" + e.deep + e.position,
+                      value: e.key
+                    }, null, 8, ["label", "value"])
+                  ]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        k("div", O, [
+          (t(!0), s(b, null, v(p(o), (e) => (t(), h(S, {
+            key: e,
+            closable: "",
+            "disable-transitions": !1,
+            style: { "margin-right": "10px" },
+            onClose: (F) => T(e)
+          }, {
+            default: _(() => [
+              w(E(C(e)), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClose"]))), 128))
+        ])
+      ]);
+    };
+  }
+});
+export {
+  L as _
+};

package/dist/index.vue_vue_type_script_setup_true_lang-BtIlu38i.mjs

@@ -0,0 +1,105 @@
+import { defineComponent as x, ref as i, reactive as n, resolveComponent as p, openBlock as y, createBlock as P, unref as l, isRef as C, withCtx as a, createVNode as s, createElementVNode as u, toDisplayString as w } from "vue";
+import { _ as D } from "./index.vue_vue_type_script_setup_true_lang-Bl9nmo3f.mjs";
+const I = /* @__PURE__ */ x({
+  __name: "index",
+  setup(h) {
+    const d = i([]);
+    console.log("父组件的selectPeoples---", d.value);
+    function c(t) {
+      console.log("子组件的getValue---", t), o.selectPeoples = t;
+    }
+    const o = n({
+      selectPeoples: []
+    }), m = n({
+      people: [
+        {
+          required: !0,
+          message: "请选择人员",
+          trigger: "blur"
+        }
+      ]
+    }), f = n({
+      label: "选择人员",
+      prop: "people",
+      // 模糊查询人员
+      peopleTableData: [
+        {
+          key: "1",
+          value: "张三",
+          label: "张三",
+          deep: "测试",
+          position: "测试工程师"
+        },
+        {
+          key: "2",
+          value: "里斯",
+          label: "里斯",
+          deep: "前端部",
+          position: "前端工程师"
+        },
+        {
+          key: "6",
+          value: "里斯",
+          label: "里斯",
+          deep: "前端部",
+          position: "前端工程师"
+        },
+        {
+          key: "3",
+          value: "王五",
+          label: "王五",
+          deep: "java",
+          position: "实习"
+        }
+      ],
+      deptId: "1"
+    });
+    function _() {
+      e.value = !1;
+    }
+    const e = i(!0);
+    function v() {
+      e.value && (e.value = !1);
+    }
+    return (t, r) => {
+      const b = p("el-form-item"), g = p("el-form"), k = p("el-dialog");
+      return y(), P(k, {
+        modelValue: l(e),
+        "onUpdate:modelValue": r[0] || (r[0] = (V) => C(e) ? e.value = V : null),
+        onClose: v
+      }, {
+        default: a(() => [
+          s(g, {
+            ref: "FormRef",
+            model: l(o),
+            "label-width": "120px",
+            rules: l(m)
+          }, {
+            default: a(() => [
+              s(b, {
+                label: "选择人员",
+                prop: "people"
+              }, {
+                default: a(() => [
+                  s(D, {
+                    "dept-id": l(f).deptId,
+                    style: { width: "500px" },
+                    onUpdatePeoples: c
+                  }, null, 8, ["dept-id"]),
+                  u("span", null, "子组件值--" + w(l(o).selectPeoples), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["model", "rules"]),
+          u("button", { onClick: _ }, "弹框按钮触发组件提交事件")
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  I as _
+};