npm - kso-sel-org - Versions diffs - 1.0.0 - Mend

kso-sel-org 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.es.js ADDED Viewed

@@ -0,0 +1,343 @@
+import { defineComponent as se, useAttrs as de, inject as R, ref as f, watch as F, onMounted as re, resolveComponent as v, openBlock as k, createElementBlock as T, renderSlot as ie, createBlock as M, unref as b, isRef as S, withCtx as m, createVNode as p, createCommentVNode as ue, createTextVNode as O, toDisplayString as j, createElementVNode as s, Fragment as ce, renderList as fe, pushScopeId as pe, popScopeId as he } from "vue";
+const U = (h) => (pe("data-v-e2b739c9"), h = h(), he(), h), ve = { class: "org-selector" }, ge = { class: "org-list-box" }, _e = { class: "left-tree-box" }, me = { class: "search-box" }, ye = /* @__PURE__ */ U(() => /* @__PURE__ */ s("label", null, "单位列表", -1)), Ce = { class: "tree-content-box" }, ke = { class: "right-selected-list" }, be = /* @__PURE__ */ U(() => /* @__PURE__ */ s("span", null, "已选单位", -1)), xe = { class: "tree-content-box" }, Ne = ["title"], Ve = { class: "org-name" }, Te = { class: "selector-footer" }, Ee = /* @__PURE__ */ se({
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    rootOrgId: { default: "" },
+    orgType: { default: "" },
+    inputText: { default: "" },
+    returnValue: { default: "" },
+    readonly: { type: Boolean, default: !0 },
+    isClear: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    buttonText: { default: "选择" },
+    multiple: { type: Boolean, default: !0 },
+    bindEvent: { type: Boolean, default: !0 },
+    defaultText: { type: Boolean, default: !1 },
+    reqParams: { default: void 0 }
+  },
+  emits: ["onCancel", "onSelect", "update:modelValue", "onClear"],
+  setup(h, { emit: g }) {
+    const n = h;
+    let N = de();
+    const V = R("req"), { warningMsgBox: z } = R("msgBox"), $ = {
+      children: "childrenList",
+      label: "orgName"
+    }, r = f(null);
+    let u = f(""), w = f(!1), _ = f(!1), E = f(!1), x = f(""), y = f(""), c = f([]), B = f([]), C = f([]);
+    F(
+      () => n.modelValue,
+      () => {
+        n.defaultText && !E.value && D();
+      }
+    ), F(
+      () => n.inputText,
+      (e) => {
+        u.value = e;
+      }
+    );
+    function A() {
+      if (n.modelValue ? C.value = n.modelValue.split(",") : C.value = [], _.value = !0, w.value && r.value) {
+        r.value.setCheckedKeys(C.value), c.value = r.value.getCheckedNodes();
+        return;
+      }
+      H();
+    }
+    function G() {
+      n.bindEvent && A();
+    }
+    function H() {
+      let e = {
+        pid: n.rootOrgId,
+        orgType: n.orgType
+      };
+      n.reqParams && (e = Object.assign(e, n.reqParams)), V.post({ url: getKsoRoot("/sys/org/list-by-condition"), params: e }).then(({ data: l }) => {
+        let t = J(l);
+        t && t.length > 0 && t.forEach((o) => {
+          o.expanded = !0;
+        }), B.value = t, r.value.setCheckedKeys(C.value), w.value = !0;
+      });
+    }
+    function D() {
+      if (!n.modelValue)
+        return;
+      E.value = !0;
+      let e = { ids: n.modelValue };
+      V.post({ url: getKsoRoot("/sys/org/find-by-ids"), params: e }).then(({ data: l }) => {
+        if (l && l.length > 0) {
+          let t = [];
+          l.forEach((o) => {
+            t.push(o.orgName);
+          }), u.value = t.join(",");
+        }
+      });
+    }
+    function J(e) {
+      return e.forEach((l) => {
+        l.name = l.orgName, C.value.length > 0 && C.value.includes(l.id) && c.value.push(l);
+        let t = [];
+        e.forEach((o) => {
+          o.pid == l.id && t.push(o);
+        }), l.childrenList = t;
+      }), e = e.filter((l) => l.pid == ""), e;
+    }
+    function Q(e, { node: l, data: t }) {
+      t.expanded && (l.expanded = !0);
+      let o = "tree-file-node-icon";
+      l.childNodes && l.childNodes.length > 0 && (o = "tree-folder-node-icon");
+      let a = [];
+      if (!n.multiple) {
+        let i = "";
+        t.id === x.value && (i = t.id), a.push(
+          e(v("el-radio"), {
+            modelValue: i,
+            label: t.id,
+            size: "large"
+          })
+        );
+      }
+      return a.push(
+        e("i", {
+          class: o,
+          style: {
+            marginRight: "5px"
+          }
+        })
+      ), a.push(
+        e(
+          "span",
+          {
+            attrs: {
+              title: t.name
+            }
+          },
+          t.name
+        )
+      ), e("span", { class: "node-text-box" }, a);
+    }
+    function W(e, l) {
+      return e ? l.name.indexOf(e) !== -1 || l.id.indexOf(e) !== -1 : !0;
+    }
+    function X() {
+      r.value.filter(y.value), y.value || Y(B.value[0].id, !1);
+    }
+    function Y(e, l) {
+      var t = r.value.store.nodesMap;
+      for (let o in t)
+        e === o ? t[o].expanded = !0 : t[o].expanded = l;
+    }
+    function Z(e) {
+      n.multiple || (r.value.setCheckedNodes([e]), x.value = e.id), c.value = r.value.getCheckedNodes();
+    }
+    function ee(e, l) {
+      c.value.splice(l, 1), x.value = "", r.value.setCheckedNodes(c.value);
+    }
+    function L() {
+      c.value = [], x.value = "", r.value && r.value.setCheckedNodes(c.value);
+    }
+    function q() {
+      _.value = !1, g("onCancel", "");
+    }
+    function le() {
+      if (c.value.length == 0)
+        return z("请选择数据"), !1;
+      let e = te(c.value);
+      oe(e), _.value = !1, g("onSelect", e);
+    }
+    function te(e) {
+      let l = [];
+      return e.forEach((t) => {
+        let o = {
+          id: t.id,
+          orgName: t.orgName,
+          orgType: t.orgType,
+          sname: t.sname,
+          fname: t.fname,
+          regId: t.regId,
+          regName: t.regName,
+          cityId: t.cityId,
+          cityName: t.cityName
+        };
+        l.push(o);
+      }), l;
+    }
+    function oe(e) {
+      let l = {};
+      Object.keys(e[0]).forEach((o) => {
+        l[o] = [];
+      }), e.forEach((o) => {
+        var a;
+        for (let i in o)
+          (a = l[i]) == null || a.push(o[i]);
+      }), u.value = l.orgName.join(","), g("update:modelValue", l.id.join(","));
+      let t = n.returnValue.split("|");
+      t && t.length > 0 && t.forEach((o) => {
+        let a = o.split(":");
+        if (a && a.length > 1) {
+          let i = l[a[1]], I = i ? i.join(",") : "";
+          N.sync[a[0]] = I;
+        }
+      });
+    }
+    function K() {
+      if (u.value = "", g("update:modelValue", ""), n.returnValue) {
+        let e = n.returnValue.split("|");
+        e && e.length > 0 && e.forEach((l) => {
+          let t = l.split(":");
+          t && t.length > 1 && (N.sync[t[0]] = "");
+        });
+      }
+      L(), g("onClear", "");
+    }
+    return re(() => {
+      n.defaultText && !E.value ? D() : u.value = n.inputText, n.multiple || (x.value = n.modelValue);
+    }), (e, l) => {
+      const t = v("CircleClose"), o = v("el-icon"), a = v("el-button"), i = v("el-input"), I = v("el-tree"), ne = v("CircleCloseFilled"), ae = v("el-dialog");
+      return k(), T("div", ve, [
+        e.$slots.func ? (k(), T("div", {
+          key: 0,
+          class: "slot-box",
+          onClick: G
+        }, [
+          ie(e.$slots, "func", {}, void 0, !0)
+        ])) : (k(), M(i, {
+          key: 1,
+          modelValue: b(u),
+          "onUpdate:modelValue": l[0] || (l[0] = (d) => S(u) ? u.value = d : u = d),
+          disabled: e.disabled,
+          readonly: e.readonly,
+          clearable: "",
+          onClear: K,
+          placeholder: ""
+        }, {
+          append: m(() => [
+            b(u) && e.isClear && e.readonly ? (k(), M(o, {
+              key: 0,
+              onClickCapture: K
+            }, {
+              default: m(() => [
+                p(t)
+              ]),
+              _: 1
+            })) : ue("", !0),
+            p(a, {
+              type: "primary",
+              disabled: e.disabled,
+              onClick: A
+            }, {
+              default: m(() => [
+                O(j(e.buttonText), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "disabled", "readonly"])),
+        p(ae, {
+          title: "单位选择",
+          modelValue: b(_),
+          "onUpdate:modelValue": l[2] || (l[2] = (d) => S(_) ? _.value = d : _ = d),
+          onClose: q,
+          width: 1e3
+        }, {
+          default: m(() => [
+            s("div", ge, [
+              s("div", _e, [
+                s("div", me, [
+                  ye,
+                  p(i, {
+                    modelValue: b(y),
+                    "onUpdate:modelValue": l[1] || (l[1] = (d) => S(y) ? y.value = d : y = d),
+                    "suffix-icon": "Search",
+                    onInput: X,
+                    placeholder: "请输入单位名称查询"
+                  }, null, 8, ["modelValue"])
+                ]),
+                s("div", Ce, [
+                  p(I, {
+                    data: b(B),
+                    ref_key: "orgTree",
+                    ref: r,
+                    "node-key": "id",
+                    props: $,
+                    "expand-on-click-node": !1,
+                    "show-checkbox": e.multiple,
+                    "check-strictly": !0,
+                    "highlight-current": !0,
+                    accordion: !0,
+                    "check-on-click-node": !0,
+                    "filter-node-method": W,
+                    indent: 26,
+                    onCheck: Z,
+                    "render-content": Q,
+                    "icon-class": "el-icon-arrow-right"
+                  }, null, 8, ["data", "show-checkbox"])
+                ])
+              ]),
+              s("div", ke, [
+                s("div", { class: "selected-box" }, [
+                  be,
+                  s("div", { title: "删除全部" }, [
+                    s("i", {
+                      onClick: L,
+                      class: "delete-btn"
+                    })
+                  ])
+                ]),
+                s("div", null, [
+                  s("div", xe, [
+                    s("ul", null, [
+                      (k(!0), T(ce, null, fe(b(c), (d, P) => (k(), T("li", {
+                        key: P + "s",
+                        title: d.orgName + "(" + d.id + ")"
+                      }, [
+                        s("span", Ve, j(d.orgName) + "(" + j(d.id) + ") ", 1),
+                        p(o, {
+                          onClick: (Ie) => ee(d, P),
+                          color: "#909399",
+                          size: "16"
+                        }, {
+                          default: m(() => [
+                            p(ne)
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])
+                      ], 8, Ne))), 128))
+                    ])
+                  ])
+                ])
+              ])
+            ]),
+            s("div", Te, [
+              p(a, { onClick: q }, {
+                default: m(() => [
+                  O("取消")
+                ]),
+                _: 1
+              }),
+              p(a, {
+                type: "primary",
+                onClick: le
+              }, {
+                default: m(() => [
+                  O("确认")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+const Be = (h, g) => {
+  const n = h.__vccOpts || h;
+  for (const [N, V] of g)
+    n[N] = V;
+  return n;
+}, Oe = /* @__PURE__ */ Be(Ee, [["__scopeId", "data-v-e2b739c9"]]);
+export {
+  Oe as default
+};

package/dist/index.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/style.css ADDED Viewed

@@ -0,0 +1 @@

+ .org-list-box[data-v-e2b739c9]{padding:10px;display:flex;justify-content:space-between;box-sizing:border-box}.org-list-box .left-tree-box[data-v-e2b739c9]{border:1px solid #ebeef5;width:50%;overflow:hidden}.org-list-box .left-tree-box .search-box[data-v-e2b739c9]{height:52px;padding:5px 12px;background:#f0f2f5;box-sizing:border-box;display:flex;align-items:center}.org-list-box .left-tree-box .search-box label[data-v-e2b739c9]{color:#303133;font-weight:700}.org-list-box .left-tree-box .search-box[data-v-e2b739c9] .el-input{width:calc(100% - 100px);margin-left:10px}.org-list-box .right-selected-list[data-v-e2b739c9]{border:1px solid #ebeef5;width:48%}.org-list-box .right-selected-list .selected-box[data-v-e2b739c9]{height:52px;padding:5px 12px;background:#f0f2f5;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.org-list-box .right-selected-list .selected-box span[data-v-e2b739c9]{color:#303133;font-weight:700}.org-list-box .right-selected-list .selected-box .delete-btn[data-v-e2b739c9]{display:inline-block;width:17px;height:17px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADkSURBVDiN7ZOxccJAEEXfwiX2EFCCSnAHhkoM+V4NtKAZRCw6kVwCHUAHDixImPsOPJ5BMrKsGYd+4d79d/+CNTqc3SvBojv/wqB+LIrl7Sxc3FuBBPM+AYBg3s2EBNVPoTs8dTNBZmuTMmCD2V7wOmQxeEZamVme4GAAF/dFgkpm69l2ux+SvMe4MqmcwPKhKOrJyK/cpVfSuKuJsQRoYiwbd42W/EmTf8l3DGqkE4BSOhjUfXdD38Htks12uxzIRzcZQ6uJwebs/jIUktTa9E9JCEeu1zekTJD96nmzI9PpEeADOClObZiMikMAAAAASUVORK5CYII=) no-repeat;block-size:100% 100%}.org-list-box .right-selected-list[data-v-e2b739c9] .el-icon svg{width:1.5em;height:1.5em}.org-list-box .tree-content-box[data-v-e2b739c9]{height:420px;padding:5px 15px;box-sizing:border-box;overflow:auto}.org-list-box ul li[data-v-e2b739c9]{width:100%;line-height:40px;display:flex;align-items:center;justify-content:space-between;border:solid 1px #d7dde4;border-radius:4px;margin-bottom:8px;padding:0 20px;box-sizing:border-box}.org-list-box ul .org-name[data-v-e2b739c9]{width:92%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-list-box ul[data-v-e2b739c9] .el-icon{cursor:pointer}.org-list-box .org-del .img-box[data-v-e2b739c9]{margin:7px 0 0;cursor:pointer}.org-list-box .flow-modal-title[data-v-e2b739c9]{height:40px;background:#2b5fda;width:100%;text-indent:1em;color:#fff;line-height:40px}.selector-footer[data-v-e2b739c9]{padding:10px;display:flex;justify-content:flex-end;border-top:solid 1px #dcdfe6}[data-v-e2b739c9] .tree-folder-node-icon{display:inline-block;width:18px;height:18px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAIvSURBVFiF7ZaxaxRBFMZ/73JFhBQWlhIDXmGRIoKFxR1OYboIFloKu7cBAyLEykpIYSFYi4W32QQFiwTyDwhOsaJgm+KKNFpdYRkkYJJncZO7SW7vdu+SgMH74Ir5bt77vn3v7czCGP87JG+DSfQtytIZajb5Q80+ll8ApdztZysOcIMJ7h4tykME7iCkI8sqFaAKgDA5vAEhtaGEo+qbWAPEGfCQ34JzRvEKKHOmobN2UbZ92sSaADBBagOJAcyaRhy0n9ZGg6s2TAXmKPHdrOqDY6wQIASoV16l2uFzMNCAeae3T1CTwIZJ9Hlh2zno2wLT0PsI7z1qG5gFQHllEp3hB09tXXrOEjeshQY2swIm1mWEDYQpR63zk5vAQ2DPmVhimi3zRqeychTFsQqYFS1zjdcoyx3ykBd2UV661aaJtYWwBVwBFrjEZ5PoPRtKy3uAKsJ1AFuX9UEGOhUwK1pmmo+e+D7wyBMHwEaSItSAHUfdQvlqGlrxskbAmvsNRLcFV1kAjiZ8F2He1uVDVpANpYlQQ/jmqBlKjDSYXQPCZY9/ZkOxgwJtKC1+M+/Fd9t5SIwSovmDmP0WKPt5gQD2ieyaVe3lI0mh2L1xMY5ik2iCtk+1rPf+NPsvRgWGhvIl/1vrHA3YujSARpG9/2gLhMjEeqez9q7azv1/Ekq173/tnJUsumtA2fP6Vs36fHKJgj4SlX4iPVB3oeG34IBPQLNQgtOh6bTGGAOAv4Uio5lixzLEAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%}[data-v-e2b739c9] .tree-file-node-icon{display:inline-block;width:18px;height:18px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAJxSURBVFiF7Za/a1NRFMc/5zWFCh07ZBBF6NDBoUOhFjpchw5iCwpdHARfWiEigotTl4CjiyBSi315gRa6VByiOEjoFYQ6dHToUBBbh/wBoS0YehzeTWh+vDRJ0xahXwiEc8893+89P+598D/DLOmQWdKh08TwuibP6iz97NHPnsnq7LkKMIGmUdaAAWAAZc0Emj4XASarCwiLCImqUUggLJqsLnQaT9omzmiC67xCee5MZeCJ+78ITpDwmt+8sBkp90yAyWiCa6wBlVqXAN+mZB1cP0AIDLr1dXZ50I6IEwWYtzrIFfKAqZIrd+ycfK/xC3QS4csxEZYDZuxTKXUtwISaRMkDY85URLhtfdmO8R9B2QCSzrSFMGN9KcZxxDahWdZhF6xCvo0wEUcOYH3ZRpgAKj5jKBtmWYfj9jTNgFnWm3h8rZ5E+AHcb3WSmv2hJoGPKLecqcgRU3Zeftb7NmTA1XKzSq4U2GeqXXIA60uRfaZQCs6URNg0gU7W+9ZkwHXzCtEFE2GX/nZHqh5uev4eMx0CDyvTUyPA3WRvai4YwKakeZmyOo1wFwDls03Jpxg/rTEoZeCZnZN34EpgQh3BYxyPVYQcsNPyZFl9CeRR0ihpIG8CzbTaA+wg5PBYxWPchDoCcU0YaojyCBozYN7rVTx+1WcKpcwRN+xj+VMnNsqAkLO++PVcnT9GfYw2kEcECfoY7TRc5wKU+GlotdYrAXZOtoBvTcgLbu1sBQBwwDRKQPQolVACDrnXTajGWrYB98DMu9+p0PUnWa9wKeDCBZzYhCbQ8EIFINGVfFZoXgLlA9GM9wolF/MSl2jAP+MZ1PXRPKaQAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%}[data-v-e2b739c9] .el-input{height:32px}[data-v-e2b739c9] .node-text-box{display:flex;align-items:center}[data-v-e2b739c9] .node-text-box .el-radio{margin-right:5px}[data-v-e2b739c9] .node-text-box .el-radio .el-radio__label{display:none}[data-v-e2b739c9] .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#f0f5ff}[data-v-e2b739c9] .el-input__icon{color:#a8abb2}[data-v-e2b739c9] .el-input-group__append{position:relative}[data-v-e2b739c9] .el-input-group__append .el-icon{position:absolute;left:-24px;top:9px;z-index:2;cursor:pointer}[data-v-e2b739c9]::-webkit-scrollbar{width:5px}[data-v-e2b739c9]::-webkit-scrollbar-thumb{border-radius:3px;background:#b7c7dd}[data-v-e2b739c9]::-webkit-scrollbar-track{border-radius:3px;background:#ededed}

package/package.json ADDED Viewed

@@ -0,0 +1,51 @@
+{
+  "name": "kso-sel-org",
+  "version": "1.0.0",
+  "description": "机构选择",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
+  "style": "dist/style.css",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "build:no-vue-tsc": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "axios": "^1.6.2",
+    "element-plus": "^2.3.8",
+    "element-resize-detector": "^1.2.4",
+    "kso-dic": "^1.0.0",
+    "kso-sel-reg": "^1.0.1",
+    "less": "^4.1.3",
+    "less-loader": "^11.1.3",
+    "qs": "^6.11.2",
+    "template_js": "^3.1.4",
+    "unplugin-auto-import": "^0.17.2",
+    "vite-plugin-dts": "3.4.0",
+    "vue": "3.3.4",
+    "vue-router": "^4.2.4",
+    "vue-types": "^5.1.0",
+    "vue-virtual-list-xg": "^0.0.9"
+  },
+  "devDependencies": {
+    "@types/node": "^20.3.3",
+    "@vitejs/plugin-vue": "^4.1.0",
+    "sass": "^1.69.5",
+    "typescript": "^5.0.2",
+    "vite": "^4.3.9",
+    "vite-plugin-eslint": "^1.8.1",
+    "vue-tsc": "^1.4.2"
+  },
+  "keywords": [
+    "kso-sel-org",
+    "kso",
+    "vue3"
+  ],
+  "author": "kusafe",
+  "license": "MIT"
+}