@king-one/antdv 1.2.21 → 2.0.0

package/dist/lib/components/pro-picker/apis/pro-picker.api.js

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={company:t=>globalThis.$http.get("/security/company/options",t),flowApplication:t=>globalThis.$http.get("/flow/application/options",t),user:t=>globalThis.$http.get("/security/user/options",t),getOps:t=>globalThis.$http.get(t.url,t)};exports.proPickerApi=o;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const proPickerApi = {
+  company: (config) => globalThis.$http.get(`/security/company/options`, config),
+  flowApplication: (config) => globalThis.$http.get(`/flow/application/options`, config),
+  user: (config) => globalThis.$http.get(`/security/user/options`, config),
+  getOps: (config) => globalThis.$http.get(config.url, config)
+};
+exports.proPickerApi = proPickerApi;

package/dist/lib/components/pro-picker/index.js

@@ -1 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../utils/install.js");require("./src/ProPicker.vue.js");const e=require("./src/types.js"),i=require("./src/ProPicker.vue2.js"),r=t.withInstall(i.default);exports.PickerApiEnum=e.PickerApiEnum;exports.ProPickerProps=e.ProPickerProps;exports.KProPicker=r;exports.default=r;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const install = require("../utils/install.js");
+require("./src/ProPicker.vue.js");
+const types = require("./src/types.js");
+const ProPicker_vue_vue_type_script_setup_true_lang = require("./src/ProPicker.vue2.js");
+const KProPicker = install.withInstall(ProPicker_vue_vue_type_script_setup_true_lang.default);
+exports.PickerApiEnum = types.PickerApiEnum;
+exports.ProPickerProps = types.ProPickerProps;
+exports.KProPicker = KProPicker;
+exports.default = KProPicker;

package/dist/lib/components/pro-picker/src/ProPicker.vue.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ProPicker.vue2.js");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ProPicker_vue_vue_type_script_setup_true_lang = require("./ProPicker.vue2.js");
+exports.default = ProPicker_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/components/pro-picker/src/ProPicker.vue2.js

@@ -1 +1,106 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),v=require("lodash-es"),d=require("ant-design-vue"),c=require("../apis/pro-picker.api.js"),u=require("./types.js"),P=t.defineComponent({name:"ProPicker",__name:"ProPicker",props:t.mergeModels(u.ProPickerProps,{value:{},valueModifiers:{}}),emits:t.mergeModels(["change"],["update:value"]),setup(p,{emit:f}){const i=p,h=f,s=t.useModel(p,"value"),a=t.reactive({data:[],fetching:!1});t.watch(s,e=>{if(!e||a.data.some(n=>n.value===e))return;const r=u.PickerApiEnum[i.type];typeof e=="string"||typeof e=="number"?c.proPickerApi.getOps({url:r,params:{value:e}}).then(n=>{a.data=n.data.options.map(l=>({label:l.label,value:l.value}))}):Array.isArray(e)&&c.proPickerApi.getOps({url:r,params:{value:e.join(",")}}).then(n=>{a.data=n.data.options.map(l=>({label:l.label,value:l.value})),a.fetching=!1})},{immediate:!0});const m=v.debounce(e=>{if(e){a.fetching=!0;const o=u.PickerApiEnum[i.type];c.proPickerApi.getOps({url:o,params:{label:e}}).then(r=>{a.data=r.data.options.map(n=>({label:n.label,value:n.value})),a.fetching=!1})}},i.delay);function g(e,o){h("change",o)}return(e,o)=>(t.openBlock(),t.createBlock(t.unref(d.Select),{value:s.value,"onUpdate:value":o[0]||(o[0]=r=>s.value=r),mode:e.mode,"show-search":"",placeholder:e.placeholder,style:{width:"100%"},"filter-option":!1,"not-found-content":a.fetching?void 0:null,options:a.data,onChange:g,onSearch:t.unref(m)},t.createSlots({_:2},[a.fetching?{name:"notFoundContent",fn:t.withCtx(()=>[t.createVNode(t.unref(d.Spin),{size:"small"})]),key:"0"}:void 0]),1032,["value","mode","placeholder","not-found-content","options","onSearch"]))}});exports.default=P;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const lodashEs = require("lodash-es");
+const antDesignVue = require("ant-design-vue");
+const proPicker_api = require("../apis/pro-picker.api.js");
+const types = require("./types.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "ProPicker"
+  },
+  __name: "ProPicker",
+  props: /* @__PURE__ */ vue.mergeModels(types.ProPickerProps, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:value"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const value = vue.useModel(__props, "value");
+    const state = vue.reactive({
+      data: [],
+      fetching: false
+    });
+    vue.watch(
+      value,
+      (value2) => {
+        if (!value2)
+          return;
+        const type = state.data.some((item) => item.value === value2);
+        if (type)
+          return;
+        const url = types.PickerApiEnum[props.type];
+        if (typeof value2 === "string" || typeof value2 === "number") {
+          proPicker_api.proPickerApi.getOps({
+            url,
+            params: { value: value2 }
+          }).then((res) => {
+            state.data = res.data.options.map((item) => ({
+              label: item.label,
+              value: item.value
+            }));
+          });
+        } else if (Array.isArray(value2)) {
+          proPicker_api.proPickerApi.getOps({
+            url,
+            params: { value: value2.join(",") }
+          }).then((res) => {
+            state.data = res.data.options.map((item) => ({
+              label: item.label,
+              value: item.value
+            }));
+            state.fetching = false;
+          });
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    const handleSearch = lodashEs.debounce((value2) => {
+      if (value2) {
+        state.fetching = true;
+        const url = types.PickerApiEnum[props.type];
+        proPicker_api.proPickerApi.getOps({ url, params: { label: value2 } }).then((res) => {
+          state.data = res.data.options.map((item) => ({
+            label: item.label,
+            value: item.value
+          }));
+          state.fetching = false;
+        });
+      }
+    }, props.delay);
+    function handleChange(_value, options) {
+      emit("change", options);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Select), {
+        value: value.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+        mode: _ctx.mode,
+        "show-search": "",
+        placeholder: _ctx.placeholder,
+        style: { "width": "100%" },
+        "filter-option": false,
+        "not-found-content": state.fetching ? void 0 : null,
+        options: state.data,
+        onChange: handleChange,
+        onSearch: vue.unref(handleSearch)
+      }, vue.createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        state.fetching ? {
+          name: "notFoundContent",
+          fn: vue.withCtx(() => [
+            vue.createVNode(vue.unref(antDesignVue.Spin), { size: "small" })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["value", "mode", "placeholder", "not-found-content", "options", "onSearch"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/lib/components/pro-picker/src/types.js

@@ -1 +1,28 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(t=>(t.company="/security/company/options",t.user="/security/user/options",t.department="/security/department/options",t.flowApplication="/flow/application/options",t))(e||{});const o={type:{type:String,default:"company"},placeholder:{type:String,default:"请选择"},mode:{type:String},delay:{type:Number,default:200}};exports.PickerApiEnum=e;exports.ProPickerProps=o;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var PickerApiEnum = /* @__PURE__ */ ((PickerApiEnum2) => {
+  PickerApiEnum2["company"] = "/security/company/options";
+  PickerApiEnum2["user"] = "/security/user/options";
+  PickerApiEnum2["department"] = "/security/department/options";
+  PickerApiEnum2["flowApplication"] = "/flow/application/options";
+  return PickerApiEnum2;
+})(PickerApiEnum || {});
+const ProPickerProps = {
+  type: {
+    type: String,
+    default: "company"
+  },
+  placeholder: {
+    type: String,
+    default: "请选择"
+  },
+  mode: {
+    type: String
+  },
+  delay: {
+    type: Number,
+    default: 200
+  }
+};
+exports.PickerApiEnum = PickerApiEnum;
+exports.ProPickerProps = ProPickerProps;

package/dist/lib/components/pro-selector/index.js

@@ -1 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../utils/install.js"),e=require("./src/pro-user.js");require("./style/index.js");const r=require("./src/types.js");require("./src/hooks/index.js");e.default.GTE_ORGTREE_URL="/security/dept/user/tree";const s=t.withInstall(e.default);exports.ProUserSelector=e.default;exports.GTE_ORGTREE_URL=r.GTE_ORGTREE_URL;exports.UserSelectorProps=r.UserSelectorProps;exports.selectUserContextKey=r.selectUserContextKey;exports.KUserSelector=s;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const proUser = require("./src/pro-user.js");
+require("./style/index.js");
+require("./src/types.js");
+require("./src/hooks/index.js");
+proUser.default.GTE_ORGTREE_URL = "/security/dept/user/tree";
+exports.ProUserSelector = proUser.default;

package/dist/lib/components/pro-selector/src/components/org-tree.js

@@ -1 +1,304 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),D=require("../../../../hooks/use-namespace/index.js");require("../../../index.js");const v=require("ant-design-vue"),k=require("@king-one/utils"),V=require("../utils/orgTree.js"),E=require("../types.js"),T=require("./user.js"),y=require("../../../icon/index.js");function P(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!t.isVNode(n)}const{b:d}=D.useNamespace("pro-user-selector"),R=t.defineComponent({name:"OrgTree",props:{selectUserList:{type:Array,default:()=>[]},keyword:{type:String,default:""},initData:{type:Function,default:()=>Promise.resolve([])}},emits:{"update:selectUserList":n=>n},setup(n,{emit:I,expose:O}){const l=t.inject(E.selectUserContextKey),s=t.ref([]),h=t.ref({}),o=t.ref([]),C=t.ref({}),f=t.ref([]),g=t.ref(!1),L=V.debounce(e=>{const a=[],r=u=>{for(const c of u){if(c.members&&c.members.length>0)for(const i of c.members)i.realName.includes(e)&&a.push(i);c.children&&c.children.length>0&&r(c.children)}};r(s.value),f.value=V.uniqueById(a),g.value=e!==""},300);t.watch(()=>n.keyword,(e,a)=>{if(e===""){L.cancel(),g.value=!1,f.value=[];return}e!==a&&L(e)});const b=e=>{var a;(a=h.value.members)==null||a.forEach(r=>{r.id===e&&(r.checked=!1)}),f.value=f.value.map(r=>(r.id===e&&(r.checked=!1),r))},w=(e,a)=>{if(n.selectUserList.length===(l==null?void 0:l.maxCount)){a.checked=!1,v.Modal.warning({title:"温馨提示",content:`最多只能选择${l.maxCount}个用户`});return}I("update:selectUserList",e?[...n.selectUserList,a]:n.selectUserList.filter(r=>r.id!==a.id))},m=e=>{var a;e.parentId==="root"?o.value.push({id:k.uid(32),deptName:"组织内联系人",children:s.value[0].children,members:s.value[0].members}):o.value.push(e),(a=e.members)==null||a.forEach(r=>{r.checked=n.selectUserList.some(u=>u.id===r.id)}),h.value=e,C.value=e},B=(e,a)=>{var u;let r={};if(C.value.id===e.id){console.log(`当前组织架构树展示的视图已经是《${e.deptName}》部门下面的数据`);return}if(a===0)r={children:s.value},o.value=[{id:k.uid(32),deptName:"联系人",children:s.value}];else if(a===1)r=s.value[0],o.value=o.value.slice(0,2);else{r=e;const c=o.value.findIndex(i=>i.id===e.id);c!==-1&&(o.value=o.value.slice(0,c+1))}(u=r.members)==null||u.forEach(c=>{c.checked=n.selectUserList.some(i=>i.id===c.id)}),h.value=r},U=e=>t.createVNode(t.Fragment,null,[t.createVNode("div",{class:d("org-tree-item-title")},[e.parentId==="root"?t.createVNode(y.KIcon,{name:"zuzhijiagou",size:18,color:"#00d6b9"},null):t.createVNode("div",{class:d("org-tree-dept-icon")},[t.createVNode(y.KIcon,{name:"zuzhijiagou",size:18,color:"#ffffff"},null)],2),t.createVNode("div",{class:d("org-tree-item-title-text")},[e.deptName,e.parentId!=="root"&&t.createVNode(t.Fragment,null,[t.createTextVNode("("),e.members&&e.members.length>0?e.members.length:0,t.createTextVNode(")")])],2)],2),e.parentId==="root"?t.createVNode(y.KIcon,{name:"right",size:14,color:"#bbbfc4"},null):t.createVNode("a",{style:"width: 50px",href:"javascript:void(0)"},[t.createTextVNode("下级")])]),z=e=>{var a;return t.createVNode("div",{class:d("user-list")},[(a=e.members)==null?void 0:a.map(r=>t.createVNode(T.default,{userInfo:r,"onChange-checked":w},null,8,["userInfo","onChange-checked"]))],2)},S=e=>e.parentId==="root"&&o.value.length===1?t.createVNode("div",{class:d("org-tree-item"),onClick:()=>m(e)},[U(e)],10,["onClick"]):t.createVNode(t.Fragment,null,[e.children&&e.children.length>0?e.children.map(a=>t.createVNode("div",{class:d("org-tree-item"),onClick:()=>m(a)},[U(a)],10,["onClick"])):null,z(e)]),x=()=>t.createVNode("div",{class:d("user-list")},[f.value.length>0?f.value.map(e=>t.createVNode(T.default,{userInfo:e,"onChange-checked":w},{name:()=>t.createVNode("div",{style:"font-size: 14px;color: #000;"},[e!=null&&e.realName.includes(n.keyword)?e==null?void 0:e.realName.split(n.keyword).map((a,r)=>t.createVNode(t.Fragment,null,[a,r<(e==null?void 0:e.realName.split(n.keyword).length)-1&&t.createVNode("span",{style:"color: red;"},[n.keyword])])):e==null?void 0:e.realName]),_:1},8,["userInfo","onChange-checked"])):t.createVNode(v.Empty,{description:"暂无数据"},null)],2),N=t.ref(!1);let q;const F=new Promise(e=>{q=e}),_=()=>new Promise((e,a)=>{if(l!=null&&l.isBuiltInRequest){if(!l.http)throw new Error("请传入http实例");l.http.get(`${l.prefix}/${E.GTE_ORGTREE_URL}`).then(r=>{r.status===0&&e(r.data)}).catch(r=>{console.log(r)})}});return t.onMounted(async()=>{try{N.value=!0,l!=null&&l.isBuiltInRequest?s.value=await _():l!=null&&l.initData&&(s.value=await l.initData()),V.formatOrgTree(s.value),N.value=!1,q(s.value),h.value={children:s.value},o.value=[{id:k.uid(32),deptName:"联系人",children:s.value}],m(s.value[0])}finally{N.value=!1}}),O({deleteDeptUser:b,getInitData:(e,a)=>{const r=[],u=c=>{for(const i of c){if(i.members&&i.members.length>0)for(const p of i.members)e.some(K=>K.id===p.id)?(p.checked=!0,r.push(p)):p.checked=!1;i.children&&i.children.length>0&&u(i.children)}};u(a),I("update:selectUserList",V.uniqueById(r))},dataLoadPromise:F}),()=>{let e;return t.createVNode(t.Fragment,null,[t.createVNode("div",{style:"padding:0 16px"},[o.value.length>1&&!g.value?t.createVNode(v.Breadcrumb,{separator:">",class:d("breadcrumb")},P(e=o.value.map((a,r)=>t.createVNode(v.BreadcrumbItem,{onClick:()=>B(a,r)},{default:()=>[r===o.value.length-1?a.deptName:t.createVNode("a",{href:"javascript:void(0)"},[a.deptName])]},8,["onClick"])))?e:{default:()=>[e],_:1},8,["class"]):null]),g.value?t.createVNode(t.Fragment,null,[x()]):t.createVNode("div",{class:d("org-tree")},[N.value?t.createVNode("div",{class:d("org-tree-item"),style:"height: 200px;display: block;"},[t.createVNode(v.Skeleton,{active:!0,avatar:!0},null,8,["active","avatar"]),t.createVNode(v.Skeleton,{active:!0,avatar:!0},null,8,["active","avatar"])],2):S(h.value)],2)])}}});exports.default=R;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../../../hooks/use-namespace/index.js");
+require("../../../index.js");
+const antDesignVue = require("ant-design-vue");
+const utils = require("@king-one/utils");
+const orgTree = require("../utils/orgTree.js");
+const user = require("./user.js");
+const index$1 = require("../../../icon/index.js");
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const {
+  b
+} = index.useNamespace("pro-user-selector");
+const OrgTree = /* @__PURE__ */ vue.defineComponent({
+  name: "OrgTree",
+  props: {
+    selectUserList: {
+      type: Array,
+      default: () => []
+    },
+    initUserList: {
+      type: Array,
+      default: () => []
+    },
+    keyword: {
+      type: String,
+      default: ""
+    },
+    initData: {
+      type: Function,
+      default: () => Promise.resolve([])
+    },
+    maxCount: {
+      type: Number,
+      default: 25
+    }
+  },
+  emits: {
+    "update:selectUserList": (list) => list
+  },
+  setup(props, {
+    emit,
+    expose
+  }) {
+    const initData = vue.ref([]);
+    const currentViewDept = vue.ref({});
+    const breadCrumbList = vue.ref([]);
+    const currentBreadCrumbItem = vue.ref({});
+    const keywordUserList = vue.ref([]);
+    const isSearching = vue.ref(false);
+    const debouncedHandleKeywordChange = orgTree.debounce((keyword) => {
+      const list = [];
+      const loop = (data) => {
+        for (const item of data) {
+          if (item.members && item.members.length > 0) {
+            for (const member of item.members) {
+              if (member.realName.includes(keyword)) {
+                list.push(member);
+              }
+            }
+          }
+          if (item.children && item.children.length > 0) {
+            loop(item.children);
+          }
+        }
+      };
+      loop(initData.value);
+      keywordUserList.value = orgTree.uniqueById(list);
+      isSearching.value = keyword !== "";
+    }, 300);
+    vue.watch(() => props.keyword, (newVal, oldVal) => {
+      if (newVal === "") {
+        debouncedHandleKeywordChange.cancel();
+        isSearching.value = false;
+        keywordUserList.value = [];
+        return;
+      }
+      if (newVal !== oldVal) {
+        debouncedHandleKeywordChange(newVal);
+      }
+    });
+    const deleteDeptUser = (id) => {
+      var _a;
+      (_a = currentViewDept.value.members) == null ? void 0 : _a.forEach((member) => {
+        if (member.id === id) {
+          member.checked = false;
+        }
+      });
+      keywordUserList.value = keywordUserList.value.map((item) => {
+        if (item.id === id) {
+          item.checked = false;
+        }
+        return item;
+      });
+    };
+    const handleChangeCheckedValue = (checked, info) => {
+      if (props.selectUserList.length === props.maxCount) {
+        info.checked = false;
+        antDesignVue.Modal.warning({
+          title: "温馨提示",
+          content: `最多只能选择${props.maxCount}个用户`
+        });
+        return;
+      }
+      emit("update:selectUserList", checked ? [...props.selectUserList, info] : props.selectUserList.filter((item) => item.id !== info.id));
+    };
+    const handleClickOrgItem = (item) => {
+      var _a;
+      if (item.parentId === "root") {
+        breadCrumbList.value.push({
+          id: utils.uid(32),
+          deptName: "组织内联系人",
+          children: initData.value[0].children,
+          members: initData.value[0].members
+        });
+      } else {
+        breadCrumbList.value.push(item);
+      }
+      (_a = item.members) == null ? void 0 : _a.forEach((member) => {
+        member.checked = props.selectUserList.some((val) => val.id === member.id);
+      });
+      currentViewDept.value = item;
+      currentBreadCrumbItem.value = item;
+    };
+    const handleClickBreadCrumbItem = (item, _index) => {
+      var _a;
+      let dept = {};
+      if (currentBreadCrumbItem.value.id === item.id) {
+        console.log(`当前组织架构树展示的视图已经是《${item.deptName}》部门下面的数据`);
+        return;
+      }
+      if (_index === 0) {
+        dept = {
+          children: initData.value
+        };
+        breadCrumbList.value = [{
+          id: utils.uid(32),
+          deptName: "联系人",
+          children: initData.value
+        }];
+      } else if (_index === 1) {
+        dept = initData.value[0];
+        breadCrumbList.value = breadCrumbList.value.slice(0, 2);
+      } else {
+        dept = item;
+        const index2 = breadCrumbList.value.findIndex((val) => val.id === item.id);
+        if (index2 !== -1) {
+          breadCrumbList.value = breadCrumbList.value.slice(0, index2 + 1);
+        }
+      }
+      (_a = dept.members) == null ? void 0 : _a.forEach((member) => {
+        member.checked = props.selectUserList.some((val) => val.id === member.id);
+      });
+      currentViewDept.value = dept;
+    };
+    const getOrgTitle = (item) => {
+      return vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
+        "class": b("org-tree-item-title")
+      }, [item.parentId === "root" ? vue.createVNode(index$1.KIcon, {
+        "name": "zuzhijiagou",
+        "size": 18,
+        "color": "#00d6b9"
+      }, null) : vue.createVNode("div", {
+        "class": b("org-tree-dept-icon")
+      }, [vue.createVNode(index$1.KIcon, {
+        "name": "zuzhijiagou",
+        "size": 18,
+        "color": "#ffffff"
+      }, null)], 2), vue.createVNode("div", {
+        "class": b("org-tree-item-title-text")
+      }, [item.deptName, item.parentId !== "root" && vue.createVNode(vue.Fragment, null, [vue.createTextVNode("("), item.members && item.members.length > 0 ? item.members.length : 0, vue.createTextVNode(")")])], 2)], 2), item.parentId === "root" ? vue.createVNode(index$1.KIcon, {
+        "name": "right",
+        "size": 14,
+        "color": "#bbbfc4"
+      }, null) : vue.createVNode("a", {
+        "style": "width: 50px",
+        "href": "javascript:void(0)"
+      }, [vue.createTextVNode("下级")])]);
+    };
+    const getUserList = (objData) => {
+      var _a;
+      return vue.createVNode("div", {
+        "class": b("user-list")
+      }, [(_a = objData.members) == null ? void 0 : _a.map((member) => vue.createVNode(user.default, {
+        "userInfo": member,
+        "onChange-checked": handleChangeCheckedValue
+      }, null, 8, ["userInfo", "onChange-checked"]))], 2);
+    };
+    const getOrgElement = (objData) => {
+      if (objData.parentId === "root" && breadCrumbList.value.length === 1) {
+        return vue.createVNode("div", {
+          "class": b("org-tree-item"),
+          "onClick": () => handleClickOrgItem(objData)
+        }, [getOrgTitle(objData)], 10, ["onClick"]);
+      }
+      return vue.createVNode(vue.Fragment, null, [objData.children && objData.children.length > 0 ? objData.children.map((item) => vue.createVNode("div", {
+        "class": b("org-tree-item"),
+        "onClick": () => handleClickOrgItem(item)
+      }, [getOrgTitle(item)], 10, ["onClick"])) : null, getUserList(objData)]);
+    };
+    const getKeyordUserList = () => {
+      return vue.createVNode("div", {
+        "class": b("user-list")
+      }, [keywordUserList.value.length > 0 ? keywordUserList.value.map((member) => vue.createVNode(user.default, {
+        "userInfo": member,
+        "onChange-checked": handleChangeCheckedValue
+      }, {
+        name: () => vue.createVNode("div", {
+          "style": "font-size: 14px;color: #000;"
+        }, [(member == null ? void 0 : member.realName.includes(props.keyword)) ? member == null ? void 0 : member.realName.split(props.keyword).map((part, index2) => vue.createVNode(vue.Fragment, null, [part, index2 < (member == null ? void 0 : member.realName.split(props.keyword).length) - 1 && vue.createVNode("span", {
+          "style": "color: red;"
+        }, [props.keyword])])) : member == null ? void 0 : member.realName]),
+        _: 1
+      }, 8, ["userInfo", "onChange-checked"])) : vue.createVNode(antDesignVue.Empty, {
+        "description": "暂无数据"
+      }, null)], 2);
+    };
+    const loading = vue.ref(false);
+    let resolveDataLoaded;
+    const dataLoadPromise = new Promise((resolve) => {
+      resolveDataLoaded = resolve;
+    });
+    vue.onMounted(async () => {
+      try {
+        loading.value = true;
+        initData.value = await props.initData();
+        orgTree.formatOrgTree(initData.value);
+        loading.value = false;
+        resolveDataLoaded(initData.value);
+        currentViewDept.value = {
+          children: initData.value
+        };
+        breadCrumbList.value = [{
+          id: utils.uid(32),
+          deptName: "联系人",
+          children: initData.value
+        }];
+        handleClickOrgItem(initData.value[0]);
+      } finally {
+        loading.value = false;
+      }
+    });
+    const getInitData = (_initData, orgData) => {
+      const list = [];
+      const loop = (data) => {
+        for (const item of data) {
+          if (item.members && item.members.length > 0) {
+            for (const member of item.members) {
+              if (_initData.some((val) => val.id === member.id)) {
+                member.checked = true;
+                list.push(member);
+              } else {
+                member.checked = false;
+              }
+            }
+          }
+          if (item.children && item.children.length > 0) {
+            loop(item.children);
+          }
+        }
+      };
+      loop(orgData);
+      emit("update:selectUserList", orgTree.uniqueById(list));
+    };
+    expose({
+      deleteDeptUser,
+      getInitData,
+      dataLoadPromise
+    });
+    return () => {
+      let _slot;
+      return vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
+        "style": "padding:0 16px"
+      }, [breadCrumbList.value.length > 1 && !isSearching.value ? vue.createVNode(antDesignVue.Breadcrumb, {
+        "separator": ">",
+        "class": b("breadcrumb")
+      }, _isSlot(_slot = breadCrumbList.value.map((item, index2) => vue.createVNode(antDesignVue.BreadcrumbItem, {
+        "onClick": () => handleClickBreadCrumbItem(item, index2)
+      }, {
+        default: () => [index2 === breadCrumbList.value.length - 1 ? item.deptName : vue.createVNode("a", {
+          "href": "javascript:void(0)"
+        }, [item.deptName])]
+      }, 8, ["onClick"]))) ? _slot : {
+        default: () => [_slot],
+        _: 1
+      }, 8, ["class"]) : null]), !isSearching.value ? vue.createVNode("div", {
+        "class": b("org-tree")
+      }, [loading.value ? vue.createVNode("div", {
+        "class": b("org-tree-item"),
+        "style": "height: 200px;display: block;"
+      }, [vue.createVNode(antDesignVue.Skeleton, {
+        "active": true,
+        "avatar": true
+      }, null, 8, ["active", "avatar"]), vue.createVNode(antDesignVue.Skeleton, {
+        "active": true,
+        "avatar": true
+      }, null, 8, ["active", "avatar"])], 2) : getOrgElement(currentViewDept.value)], 2) : vue.createVNode(vue.Fragment, null, [getKeyordUserList()])]);
+    };
+  }
+});
+exports.default = OrgTree;

package/dist/lib/components/pro-selector/src/components/user.js

@@ -1 +1,92 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),d=require("../../../../hooks/use-namespace/index.js"),l=require("ant-design-vue");require("../../../index.js");const u=require("../../../pro-user-avatar/index.js"),f=require("../../../icon/index.js");function h(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const{b:c}=d.useNamespace("pro-user-selector"),m=t.defineComponent({name:"User",props:{userInfo:{type:Object,default:()=>({})},isChecked:{type:Boolean,default:!0},isDelete:{type:Boolean,default:!1}},emits:{"delete-user":e=>e,"change-checked":(e,a)=>e},setup(e,{emit:a,slots:o}){const i=n=>{a("change-checked",n.target.checked,e.userInfo)},r=()=>t.createVNode("div",{class:c("user-item-content")},[t.createVNode("div",{style:{width:"100%",display:"flex",alignItems:"center"}},[t.createVNode(u.KUserAvatar,{name:e.userInfo.realName?e.userInfo.realName:"",avatar:e.userInfo.avatar,size:"default"},null,8,["name","avatar"]),t.createVNode("div",null,[t.createVNode("div",{style:"display: flex;align-items: center;"},[o.name?o.name():t.createVNode("div",{style:"font-size: 14px;color: #000;"},[e.userInfo.realName]),e.userInfo.position&&t.createVNode("div",{class:c("user-item-content-tag")},[e.userInfo.position],2)]),t.createVNode("div",{style:{fontSize:"12px",color:"#8f959e",lineHeight:"20px"}},[e.userInfo.stageName])])]),e.isDelete&&t.createVNode("div",{class:"select-user-item-icon",onClick:()=>a("delete-user",e.userInfo.id)},[t.createVNode(f.KIcon,{name:"shanchu",size:12,color:"#2b2f36"},null)],8,["onClick"])],2);return()=>{let n;return t.createVNode("div",{class:c("user-item")},[e.isChecked?t.createVNode(l.Checkbox,{style:"margin: 0 6px;width: 100%;",checked:e.userInfo.checked,"onUpdate:checked":s=>e.userInfo.checked=s,onChange:i},h(n=r())?n:{default:()=>[n],_:1},8,["checked","onUpdate:checked","onChange"]):t.createVNode("div",{style:"width: 100%;"},[r()])],2)}}});exports.default=m;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../../../hooks/use-namespace/index.js");
+const antDesignVue = require("ant-design-vue");
+require("../../../index.js");
+const index$1 = require("../../../pro-user-avatar/index.js");
+const index$2 = require("../../../icon/index.js");
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const {
+  b
+} = index.useNamespace("pro-user-selector");
+const User = /* @__PURE__ */ vue.defineComponent({
+  name: "User",
+  props: {
+    userInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    isChecked: {
+      type: Boolean,
+      default: true
+    },
+    isDelete: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: {
+    "delete-user": (id) => id,
+    "change-checked": (checked, info) => checked
+  },
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const handleChangeChecked = (e) => {
+      emit("change-checked", e.target.checked, props.userInfo);
+    };
+    const getUserInfo = () => vue.createVNode("div", {
+      "class": b("user-item-content")
+    }, [vue.createVNode("div", {
+      "style": {
+        width: "100%",
+        display: "flex",
+        alignItems: "center"
+      }
+    }, [vue.createVNode(index$1.KUserAvatar, {
+      "name": props.userInfo.realName ? props.userInfo.realName : "",
+      "avatar": props.userInfo.avatar,
+      "size": "default"
+    }, null, 8, ["name", "avatar"]), vue.createVNode("div", null, [vue.createVNode("div", {
+      "style": "display: flex;align-items: center;"
+    }, [slots.name ? slots.name() : vue.createVNode("div", {
+      "style": "font-size: 14px;color: #000;"
+    }, [props.userInfo.realName]), props.userInfo.position && vue.createVNode("div", {
+      "class": b("user-item-content-tag")
+    }, [props.userInfo.position], 2)]), vue.createVNode("div", {
+      "style": {
+        fontSize: "12px",
+        color: "#8f959e",
+        lineHeight: "20px"
+      }
+    }, [props.userInfo.stageName])])]), props.isDelete && vue.createVNode("div", {
+      "class": "select-user-item-icon",
+      "onClick": () => emit("delete-user", props.userInfo.id)
+    }, [vue.createVNode(index$2.KIcon, {
+      "name": "shanchu",
+      "size": 12,
+      "color": "#2b2f36"
+    }, null)], 8, ["onClick"])], 2);
+    return () => {
+      let _slot;
+      return vue.createVNode("div", {
+        "class": b("user-item")
+      }, [props.isChecked ? vue.createVNode(antDesignVue.Checkbox, {
+        "style": "margin: 0 6px;width: 100%;",
+        "checked": props.userInfo.checked,
+        "onUpdate:checked": ($event) => props.userInfo.checked = $event,
+        "onChange": handleChangeChecked
+      }, _isSlot(_slot = getUserInfo()) ? _slot : {
+        default: () => [_slot],
+        _: 1
+      }, 8, ["checked", "onUpdate:checked", "onChange"]) : vue.createVNode("div", {
+        "style": "width: 100%;"
+      }, [getUserInfo()])], 2);
+    };
+  }
+});
+exports.default = User;

package/dist/lib/components/pro-selector/src/hooks/index.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useUserSelector.js");exports.useUserSelector=e.useUserSelector;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useUserSelector = require("./useUserSelector.js");
+exports.useUserSelector = useUserSelector.useUserSelector;

package/dist/lib/components/pro-selector/src/hooks/useUserSelector.js

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(){return{GTE_ORGTREE_URL:"/security/dept/user/tree"}}exports.useUserSelector=e;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function useUserSelector() {
+  const GTE_ORGTREE_URL = "/security/dept/user/tree";
+  return {
+    GTE_ORGTREE_URL
+  };
+}
+exports.useUserSelector = useUserSelector;