cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

package/es/components/drag-scroll/src/index.js

@@ -1 +1,156 @@
-import{findAncestor as e,isHTMLElement as t}from"../../../shared/utils/index.js";import{useThrottleFn as r}from"@vueuse/core";import{isFunction as l,isObject as s,isString as o,flow as n}from"lodash-es";import{unref as a}from"vue";const c={events:new Map,regist(e,t,r){window.addEventListener(t,r);const l=this.events.get(e)||[];l.push((()=>window.removeEventListener(t,r))),this.events.set(e,l)},stopper(e){var t;n(null!=(t=this.events.get(e))?t:[])(),this.events.delete(e)}};class i{constructor(){this.queue=[],this.lock=!1}add(e){this.queue.push(e),this.execute()}async execute(){if(!this.lock){this.lock=!0;try{for(;this.queue.length;)await this.queue.shift()()}finally{this.lock=!1}}}clear(){this.queue.length=0}}function u(o,n){var a;c.stopper(o);let u=0,g=0,d=0,p=0,f=!1;const m=new i;return c.regist(o,"mousemove",r((r=>{var s;if(!f){const t=h(n.dragEle);if(!t)return;if(!1!==n.changeCursor){const s=r.target;if(!e(s,(e=>e===t)))return;const o=!l(n.isDraggableEle)||n.isDraggableEle(r);t.style.cursor=o?"grab":"default"}return}const{pageX:o,pageY:a}=r,c=o-u,i=a-g;m.add((()=>{let e=Math.max(0,d-c),r=Math.max(0,p-i);const s=h(n.scrollTarget);if("percent"===n.type)if(t(s)){const{scrollWidth:t,scrollHeight:l,clientHeight:o,clientWidth:n}=s;e=Math.max(0,d-c/n*t),r=Math.max(0,p-i/o*l)}else console.warn(`[DragScroll]: scrollTarget ${s} is not HTMLElement`);l(n.setScrollState)?n.setScrollState(n.scrollTarget,{scrollTarget:n.scrollTarget,scrollLeft:e,scrollTop:r,startScrollX:d,startScrollY:p,offsetX:c,offsetY:i}):null==s||s.scrollTo(e,r)})),window.getSelection&&(null==(s=window.getSelection())||s.removeAllRanges())}),null!=(a=n.duration)?a:50)),c.regist(o,"mousedown",(t=>{const r=h(n.dragEle);if(!r)return;const o=t.target;if(!e(o,(e=>e===r)))return;if(!(!l(n.isDraggableEle)||n.isDraggableEle(t)))return;const a=l(n.getScrollState)?n.getScrollState(n.scrollTarget):h(n.scrollTarget);s(a)&&(u=t.pageX,g=t.pageY,d=a.scrollLeft,p=a.scrollTop,f=!0)})),c.regist(o,"mouseup",(()=>{f=!1,m.clear()})),()=>c.stopper(o)}const g={mounted(e,t){u(e,Object.assign({dragEle:e,scrollTarget:e},t.value))},unmounted(e){c.stopper(e)},updated(e,t){c.stopper(e),u(e,Object.assign({dragEle:e,scrollTarget:e},t.value))}};function h(e){return e=a(e),o(e)?document.querySelector(e):t(e)?e:s(e)?Reflect.get(e,"$el"):null}export{g as DragScroll,u as useDragScroll};
+import { findAncestor, isHTMLElement } from '../../../shared/utils/index.js';
+import { useThrottleFn } from '@vueuse/core';
+import { isFunction, isObject, isString, flow } from 'lodash-es';
+import { unref } from 'vue';
+
+const Events = {
+  events: /* @__PURE__ */ new Map(),
+  regist(uuid, eventName, fn) {
+    window.addEventListener(eventName, fn);
+    const list = this.events.get(uuid) || [];
+    list.push(() => window.removeEventListener(eventName, fn));
+    this.events.set(uuid, list);
+  },
+  stopper(uuid) {
+    var _a;
+    flow((_a = this.events.get(uuid)) != null ? _a : [])();
+    this.events.delete(uuid);
+  }
+};
+class AsyncLockQueue {
+  constructor() {
+    this.queue = [];
+    this.lock = false;
+  }
+  add(fn) {
+    this.queue.push(fn);
+    this.execute();
+  }
+  async execute() {
+    if (this.lock)
+      return;
+    this.lock = true;
+    try {
+      while (this.queue.length) {
+        await this.queue.shift()();
+      }
+    } finally {
+      this.lock = false;
+    }
+  }
+  clear() {
+    this.queue.length = 0;
+  }
+}
+function useDragScroll(uuid, config) {
+  var _a;
+  Events.stopper(uuid);
+  let startX = 0, startY = 0, startScrollX = 0, startScrollY = 0, inDrag = false;
+  const asyncLockQueue = new AsyncLockQueue();
+  Events.regist(uuid, "mousemove", useThrottleFn((e) => {
+    var _a2;
+    if (!inDrag) {
+      const dragEle = getElement(config.dragEle);
+      if (!dragEle)
+        return;
+      if (config.changeCursor !== false) {
+        const target = e.target;
+        if (!findAncestor(target, (parent) => parent === dragEle))
+          return;
+        const draggable = !isFunction(config.isDraggableEle) || config.isDraggableEle(e);
+        dragEle.style.cursor = draggable ? "grab" : "default";
+      }
+      return;
+    }
+    const {
+      pageX,
+      pageY
+    } = e;
+    const offsetX = pageX - startX;
+    const offsetY = pageY - startY;
+    asyncLockQueue.add(() => {
+      let scrollLeft = Math.max(0, startScrollX - offsetX), scrollTop = Math.max(0, startScrollY - offsetY);
+      const scrollTarget = getElement(config.scrollTarget);
+      if (config.type === "percent") {
+        if (isHTMLElement(scrollTarget)) {
+          const {
+            scrollWidth,
+            scrollHeight,
+            clientHeight,
+            clientWidth
+          } = scrollTarget;
+          scrollLeft = Math.max(0, startScrollX - offsetX / clientWidth * scrollWidth);
+          scrollTop = Math.max(0, startScrollY - offsetY / clientHeight * scrollHeight);
+        } else {
+          console.warn(`[DragScroll]: scrollTarget ${scrollTarget} is not HTMLElement`);
+        }
+      }
+      if (isFunction(config.setScrollState)) {
+        config.setScrollState(config.scrollTarget, {
+          scrollTarget: config.scrollTarget,
+          scrollLeft,
+          scrollTop,
+          startScrollX,
+          startScrollY,
+          offsetX,
+          offsetY
+        });
+      } else {
+        scrollTarget == null ? void 0 : scrollTarget.scrollTo(scrollLeft, scrollTop);
+      }
+    });
+    window.getSelection && ((_a2 = window.getSelection()) == null ? void 0 : _a2.removeAllRanges());
+  }, (_a = config.duration) != null ? _a : 50));
+  Events.regist(uuid, "mousedown", (e) => {
+    const dragEle = getElement(config.dragEle);
+    if (!dragEle)
+      return;
+    const target = e.target;
+    if (!findAncestor(target, (parent) => parent === dragEle))
+      return;
+    const draggable = !isFunction(config.isDraggableEle) || config.isDraggableEle(e);
+    if (!draggable)
+      return;
+    const state = isFunction(config.getScrollState) ? config.getScrollState(config.scrollTarget) : getElement(config.scrollTarget);
+    if (!isObject(state))
+      return;
+    startX = e.pageX;
+    startY = e.pageY;
+    startScrollX = state.scrollLeft;
+    startScrollY = state.scrollTop;
+    inDrag = true;
+  });
+  Events.regist(uuid, "mouseup", () => {
+    inDrag = false;
+    asyncLockQueue.clear();
+  });
+  return () => Events.stopper(uuid);
+}
+const DragScroll = {
+  mounted(el, binding) {
+    useDragScroll(el, Object.assign({
+      dragEle: el,
+      scrollTarget: el
+    }, binding.value));
+  },
+  unmounted(el) {
+    Events.stopper(el);
+  },
+  updated(el, binding) {
+    Events.stopper(el);
+    useDragScroll(el, Object.assign({
+      dragEle: el,
+      scrollTarget: el
+    }, binding.value));
+  }
+};
+function getElement(el) {
+  el = unref(el);
+  if (isString(el))
+    return document.querySelector(el);
+  if (isHTMLElement(el))
+    return el;
+  return isObject(el) ? Reflect.get(el, "$el") : null;
+}
+
+export { DragScroll, useDragScroll };

package/es/components/editor/index.js

@@ -1 +1,10 @@
-import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as o}from"../../shared/utils/index.js";import t from"./src/Editor.js";const i=t;i.install=function(t){o(t,i,r+"Editor")};export{i as default};
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import script from './src/Editor.js';
+
+const Editor = script;
+Editor.install = function(app) {
+  safeComponentRegister(app, Editor, COMPONENT_NAMESPACE + "Editor");
+};
+
+export { Editor as default };

package/es/components/editor/src/Editor.js

@@ -1 +1,80 @@
-import{defineComponent as e,shallowRef as o,reactive as t,onBeforeUnmount as r,createVNode as d,mergeProps as l}from"vue";import"@wangeditor/editor/dist/css/style.css";import{Editor as i,Toolbar as s}from"@wangeditor/editor-for-vue";var n=e({name:"Editor",inheritAttrs:!1,components:{Editor:i,Toolbar:s},props:{editorConfig:{type:Object},toolbarConfig:{type:Object},uploadImgUrl:{type:String},isDisabled:{type:Boolean,default:!1}},emits:[],setup(e,{attrs:n,slots:a,emit:u}){const p=o(),f=t({MENU_CONF:{uploadImage:{server:e.uploadImgUrl||""}},...e.editorConfig});r((()=>{const e=p.value;null!=e&&e.destroy()}));const c=o=>{p.value=o,e.isDisabled&&o.disable(),console.log("实例",o)};return{editorRef:p,renderVN:()=>d("div",{style:"border: 1px solid #ccc"},[d(s,{style:"border-bottom: 1px solid #ccc",editor:p.value,defaultConfig:e.toolbarConfig,mode:"default"},null),d(i,l({style:"height: 500px; overflow-y: hidden;"},n,{defaultConfig:f,mode:"default",onOnCreated:c}),null)])}},render(){return this.renderVN()}});export{n as default};
+import { defineComponent, shallowRef, reactive, onBeforeUnmount, createVNode, mergeProps } from 'vue';
+import '@wangeditor/editor/dist/css/style.css';
+import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
+
+var script = /* @__PURE__ */ defineComponent({
+  name: "Editor",
+  inheritAttrs: false,
+  components: {
+    Editor,
+    Toolbar
+  },
+  props: {
+    editorConfig: {
+      type: Object
+    },
+    toolbarConfig: {
+      type: Object
+    },
+    uploadImgUrl: {
+      type: String
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [],
+  setup(props, {
+    attrs,
+    slots,
+    emit
+  }) {
+    const editorRef = shallowRef();
+    const editorConfig = reactive({
+      MENU_CONF: {
+        uploadImage: {
+          server: props.uploadImgUrl || ""
+        }
+      },
+      ...props.editorConfig
+    });
+    onBeforeUnmount(() => {
+      const editor = editorRef.value;
+      if (editor == null)
+        return;
+      editor.destroy();
+    });
+    const handleCreated = (editor) => {
+      editorRef.value = editor;
+      if (props.isDisabled) {
+        editor.disable();
+      }
+      console.log("\u5B9E\u4F8B", editor);
+    };
+    const renderVN = () => createVNode("div", {
+      "class": "c-editor"
+    }, [createVNode(Toolbar, {
+      "style": "border-bottom: 1px solid #ccc",
+      "editor": editorRef.value,
+      "defaultConfig": props.toolbarConfig,
+      "mode": "default"
+    }, null), createVNode(Editor, mergeProps({
+      "class": "c-editor__main",
+      "style": "height: 500px"
+    }, attrs, {
+      "defaultConfig": editorConfig,
+      "mode": "default",
+      "onOnCreated": handleCreated
+    }), null)]);
+    return {
+      editorRef,
+      renderVN
+    };
+  },
+  render() {
+    return this.renderVN();
+  }
+});
+
+export { script as default };

package/es/components/editor/style/index.css

@@ -0,0 +1 @@
+.c-editor{border:1px solid #ccc}.c-editor__main{height:500px;overflow-y:hidden}

package/es/components/expand-field/index.js

@@ -1 +1,10 @@
-import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as i}from"../../shared/utils/index.js";import o from"./src/index.vue.js";const s=o;s.install=function(o){i(o,s,r+"ExpandField")};export{s as default};
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import script from './src/index.vue.js';
+
+const ExpandField = script;
+ExpandField.install = function(app) {
+  safeComponentRegister(app, ExpandField, COMPONENT_NAMESPACE + "ExpandField");
+};
+
+export { ExpandField as default };

package/es/components/expand-field/src/components/FormBatchOptionsModal.vue.js

@@ -1 +1,6 @@
-import o from"./FormBatchOptionsModal.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var t=r(o,[["__file","FormBatchOptionsModal.vue"]]);export{t as default};
+import _sfc_main from './FormBatchOptionsModal.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var FormBatchOptionsModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormBatchOptionsModal.vue"]]);
+
+export { FormBatchOptionsModal as default };

package/es/components/expand-field/src/components/FormBatchOptionsModal.vue2.js

@@ -1 +1,142 @@
-import{createElementVNode as e,defineComponent as l,ref as a,watch as t,openBlock as i,createBlock as n,unref as o,withCtx as d,createVNode as r,createTextVNode as u}from"vue";import{NModal as s,NCard as c,NButton as v,NInput as g}from"naive-ui";var p;const h={class:"flex_right"},w={class:"barch-container"},f=e("div",null,(null==(p=window.getLanguageByCode)?void 0:p.call(window,"10010.1.562"))||"每行一个，输入格式为：选项值,选项文本",-1);var x=l({__name:"FormBatchOptionsModal",props:{visible:{type:Boolean,default:!1},options:{type:Array,default:()=>[]}},emits:["handleSaveBatch","triggerBatch"],setup(l,{emit:p}){var x;const m=l,y=(null==(x=window.getLanguageByCode)?void 0:x.call(window,"10010.1.563"))||"1,男\n2,女",b=a("");function B(){let e=b.value.split(/[\n]/).filter((e=>!!e)).map(((e,l)=>{let a=[];return a=e.includes("，")?e.split("，"):e.split(","),{value:a[0],text:a[1]||""}}));p("handleSaveBatch",e),C()}function C(){p("triggerBatch",!1)}return t((()=>m.visible),(e=>{e&&function(){let e=m.options;if(!e.length)return;let l=e.map((e=>e.value||e.text?`${e.value||""},${e.text||""}`:"")).filter((e=>!!e));l.length&&(b.value=l.join("\n"))}()}),{immediate:!0}),(a,t)=>(i(),n(o(s),{class:"expand-field-modal-block",show:l.visible,maskClosable:!1,width:"860px",bodyStyle:"height: 496px;maxHeight: 496px;",closable:!1,centered:"",onPositiveClick:B,onNegativeClick:C},{default:d((()=>{var l;return[r(o(c),{style:{width:"860px",height:"496px",maxHeight:"496px"},title:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.538"))||"批量编辑",bordered:!1,size:"huge",role:"dialog","aria-modal":"true"},{"header-extra":d((()=>[e("div",{class:"svg-wrap"},[e("i",{onClick:C,class:"iconfont-expand-field icon-expand-field-menzhenyishengzhanxitongtubiaoguanbi"})])])),footer:d((()=>[e("div",h,[r(o(v),{onClick:C},{default:d((()=>{var e;return[u((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.28"))||"取消")]})),_:1}),r(o(v),{type:"info",onClick:B},{default:d((()=>{var e;return[u((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.244"))||"保存")]})),_:1})])])),default:d((()=>[e("div",w,[f,r(o(g),{value:b.value,"onUpdate:value":t[0]||(t[0]=e=>b.value=e),placeholder:y,type:"textarea",clearable:"",rows:6},null,8,["value"])])])),_:1})]})),_:1},8,["show"]))}});export{x as default};
+import { createElementVNode, defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode } from 'vue';
+import { NModal, NCard, NButton, NInput } from 'naive-ui';
+
+var _a;
+const _hoisted_1 = {
+  class: "flex_right"
+};
+const _hoisted_2 = {
+  class: "barch-container"
+};
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", null, ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.562")) || "\u6BCF\u884C\u4E00\u4E2A\uFF0C\u8F93\u5165\u683C\u5F0F\u4E3A\uFF1A\u9009\u9879\u503C,\u9009\u9879\u6587\u672C", -1);
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormBatchOptionsModal",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    options: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["handleSaveBatch", "triggerBatch"],
+  setup(__props, {
+    emit: emits
+  }) {
+    var _a2;
+    const props = __props;
+    const placeholder = ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.563")) || "1,\u7537\n2,\u5973";
+    const editOptionstr = ref("");
+    function init() {
+      let list = props.options;
+      if (!list.length)
+        return;
+      let labels = list.map((v) => {
+        if (!v.value && !v.text)
+          return "";
+        return `${v.value || ""},${v.text || ""}`;
+      }).filter((v) => !!v);
+      if (!labels.length)
+        return;
+      editOptionstr.value = labels.join("\n");
+    }
+    function getSaveParams() {
+      let list = editOptionstr.value.split(/[\n]/);
+      return list.filter((v) => !!v).map((f, i) => {
+        let val = [];
+        if (f.includes("\uFF0C")) {
+          val = f.split("\uFF0C");
+        } else {
+          val = f.split(",");
+        }
+        return {
+          value: val[0],
+          text: val[1] || ""
+        };
+      });
+    }
+    function handleSave() {
+      let params = getSaveParams();
+      emits("handleSaveBatch", params);
+      cancelEdit();
+    }
+    function cancelEdit() {
+      emits("triggerBatch", false);
+    }
+    watch(() => props.visible, (val) => {
+      if (val) {
+        init();
+      }
+    }, {
+      immediate: true
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NModal), {
+        class: "expand-field-modal-block",
+        show: __props.visible,
+        maskClosable: false,
+        width: "860px",
+        bodyStyle: "height: 496px;maxHeight: 496px;",
+        closable: false,
+        centered: "",
+        onPositiveClick: handleSave,
+        onNegativeClick: cancelEdit
+      }, {
+        default: withCtx(() => {
+          var _a3;
+          return [createVNode(unref(NCard), {
+            style: {
+              width: "860px",
+              height: "496px",
+              maxHeight: "496px"
+            },
+            title: ((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.538")) || "\u6279\u91CF\u7F16\u8F91",
+            bordered: false,
+            size: "huge",
+            role: "dialog",
+            "aria-modal": "true"
+          }, {
+            "header-extra": withCtx(() => [createElementVNode("div", {
+              class: "svg-wrap"
+            }, [createElementVNode("i", {
+              onClick: cancelEdit,
+              class: "iconfont-expand-field icon-expand-field-menzhenyishengzhanxitongtubiaoguanbi"
+            })])]),
+            footer: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(NButton), {
+              onClick: cancelEdit
+            }, {
+              default: withCtx(() => {
+                var _a4;
+                return [createTextVNode(((_a4 = window.getLanguageByCode) == null ? void 0 : _a4.call(window, "10010.1.28")) || "\u53D6\u6D88")];
+              }),
+              _: 1
+            }), createVNode(unref(NButton), {
+              type: "info",
+              onClick: handleSave
+            }, {
+              default: withCtx(() => {
+                var _a4;
+                return [createTextVNode(((_a4 = window.getLanguageByCode) == null ? void 0 : _a4.call(window, "10010.1.244")) || "\u4FDD\u5B58")];
+              }),
+              _: 1
+            })])]),
+            default: withCtx(() => [createElementVNode("div", _hoisted_2, [_hoisted_3, createVNode(unref(NInput), {
+              value: editOptionstr.value,
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => editOptionstr.value = $event),
+              placeholder,
+              type: "textarea",
+              clearable: "",
+              rows: 6
+            }, null, 8, ["value"])])]),
+            _: 1
+          })];
+        }),
+        _: 1
+      }, 8, ["show"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/expand-field/src/components/FormItemPerson.vue.js

@@ -1 +1,6 @@
-import e from"./FormItemPerson.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var o=r(e,[["__file","FormItemPerson.vue"]]);export{o as default};
+import _sfc_main from './FormItemPerson.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var FormItemPerson = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormItemPerson.vue"]]);
+
+export { FormItemPerson as default };

package/es/components/expand-field/src/components/FormItemPerson.vue2.js

@@ -1 +1,169 @@
-import{defineComponent as e,inject as n,ref as a,openBlock as t,createElementBlock as l,createElementVNode as i,createVNode as o,unref as r,withCtx as u,createBlock as s,Fragment as d,renderList as c,createTextVNode as p,toDisplayString as f,createCommentVNode as v}from"vue";import{NInputGroup as m,NInput as g,NTooltip as h,NTag as y,NButton as k}from"naive-ui";import{InjectionExpandFieldApiConfig as w}from"../constants/index.js";import I from"../hooks/useAsyncData.js";import C from"./PersonModal.vue.js";import{isJSON as b}from"../utils/tool.js";const _={class:"people-wrap"},P={key:1,class:"inner-content"},j={class:"tagSpanClass"},x={key:0,class:"tagClearAll"};var $=e({__name:"FormItemPerson",props:{defaultValue:{type:[Array,String]},orgId:{type:String,default:""}},emits:["checkPerson"],setup(e,{emit:$}){const A=e,{findAllDeptEmpByOrg:D}=I(),L=n(w),S=a([]),T=a([]),B=a([]),M=a(),V=a(null),z=a(!1);function E(e){$("checkPerson",e)}function O(){z.value=!z.value}function F(){J([])}function J(e){S.value=e,T.value=e.map((e=>e.id)),$("checkPerson",e)}async function N(){await async function(){const{success:e,data:n}=await D({orgId:A.orgId},L);if(!e||!(null==n?void 0:n.length))return;function a(e){const n=[];return e.forEach((e=>{var t;const l={title:e.name,id:e.id,name:e.name,key:e.id,type:e.type,parentId:e.parentId};(null==(t=e.children)?void 0:t.length)&&(l.children=a(e.children)),n.push(l)})),n}B.value=a(n)}()}return async function(){await N(),function(){let e=A.defaultValue;if(e&&b(e)&&(e=JSON.parse(e)),"string"==typeof e&&e.startsWith("${"))return M.value=e,$("checkPerson",e),[];e&&e.length&&J(e)}()}(),(n,a)=>(t(),l("div",null,[i("div",_,[o(r(m),null,{default:u((()=>{var e;return[S.value.length?(t(),l("div",P,[o(r(h),{trigger:"hover"},{trigger:u((()=>[i("span",j,[(t(!0),l(d,null,c(S.value,(e=>(t(),s(r(y),{key:e.key,closable:!1,"disable-transitions":!1},{default:u((()=>[p(f(e.tempTitle?`${e.name}(${e.tempTitle})`:e.name),1)])),_:2},1024)))),128))])])),default:u((()=>[p(" "+f(S.value.map((e=>e.tempTitle?`${e.name}(${e.tempTitle})`:e.name)).join(" ")),1)])),_:1}),S.value.length?(t(),l("span",x,[i("i",{onClick:F,class:"iconfont-expand-field icon-expand-field-menzhenyishengzhanxitongtubiaoguanbi"})])):v("v-if",!0)])):(t(),s(r(g),{key:0,value:M.value,"onUpdate:value":[a[0]||(a[0]=e=>M.value=e),E],placeholder:(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.383"))||"请输入"},null,8,["value"])),o(r(k),{type:"primary",onClick:O},{default:u((()=>{var e;return[p((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.543"))||"选择")]})),_:1})]})),_:1})]),o(C,{ref_key:"personModalRef",ref:V,visible:z.value,orgId:e.orgId,defaultList:T.value,treeData:B.value,onCheck:J,onChangeModalVisible:O},null,8,["visible","orgId","defaultList","treeData"])]))}});export{$ as default};
+import { defineComponent, inject, ref, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createBlock, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { NInputGroup, NInput, NTooltip, NTag, NButton } from 'naive-ui';
+import { InjectionExpandFieldApiConfig } from '../constants/index.js';
+import useAsyncData from '../hooks/useAsyncData.js';
+import PersonModal from './PersonModal.vue.js';
+import { isJSON } from '../utils/tool.js';
+
+const _hoisted_1 = {
+  class: "people-wrap"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "inner-content"
+};
+const _hoisted_3 = {
+  class: "tagSpanClass"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "tagClearAll"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormItemPerson",
+  props: {
+    defaultValue: {
+      type: [Array, String]
+    },
+    orgId: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["checkPerson"],
+  setup(__props, {
+    emit: emits
+  }) {
+    const props = __props;
+    const {
+      findAllDeptEmpByOrg
+    } = useAsyncData();
+    const expandFieldApiConfig = inject(InjectionExpandFieldApiConfig);
+    const personSelect = ref([]);
+    const personDefaultList = ref([]);
+    const treeData = ref([]);
+    const personStr = ref();
+    const personModalRef = ref(null);
+    const personModalVisible = ref(false);
+    function inputChange(value) {
+      emits("checkPerson", value);
+    }
+    function openChoice() {
+      personModalVisible.value = !personModalVisible.value;
+    }
+    function clearAllTags() {
+      checkModal([]);
+    }
+    function checkModal(list) {
+      personSelect.value = list;
+      personDefaultList.value = list.map((selectItem) => selectItem.id);
+      emits("checkPerson", list);
+    }
+    async function getPersonModelData() {
+      await findAllDeptEmpByOrgFunc();
+    }
+    async function findAllDeptEmpByOrgFunc() {
+      const {
+        success,
+        data
+      } = await findAllDeptEmpByOrg({
+        orgId: props.orgId
+      }, expandFieldApiConfig);
+      if (!success || !(data == null ? void 0 : data.length))
+        return;
+      function formatTree(list) {
+        const arr = [];
+        list.forEach((v) => {
+          var _a;
+          const obj = {
+            title: v.name,
+            id: v.id,
+            name: v.name,
+            key: v.id,
+            type: v.type,
+            parentId: v.parentId
+          };
+          if ((_a = v.children) == null ? void 0 : _a.length) {
+            obj.children = formatTree(v.children);
+          }
+          arr.push(obj);
+        });
+        return arr;
+      }
+      treeData.value = formatTree(data);
+    }
+    function handleInit() {
+      let def = props.defaultValue;
+      if (def && isJSON(def)) {
+        def = JSON.parse(def);
+      }
+      if (typeof def === "string" && def.startsWith("${")) {
+        personStr.value = def;
+        emits("checkPerson", def);
+        return [];
+      }
+      if (!def || !def.length)
+        return;
+      checkModal(def);
+    }
+    async function init() {
+      await getPersonModelData();
+      handleInit();
+    }
+    init();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [createElementVNode("div", _hoisted_1, [createVNode(unref(NInputGroup), null, {
+        default: withCtx(() => {
+          var _a;
+          return [!personSelect.value.length ? (openBlock(), createBlock(unref(NInput), {
+            key: 0,
+            value: personStr.value,
+            "onUpdate:value": [_cache[0] || (_cache[0] = ($event) => personStr.value = $event), inputChange],
+            placeholder: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.383")) || "\u8BF7\u8F93\u5165"
+          }, null, 8, ["value"])) : (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(NTooltip), {
+            trigger: "hover"
+          }, {
+            trigger: withCtx(() => [createElementVNode("span", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(personSelect.value, (tag) => {
+              return openBlock(), createBlock(unref(NTag), {
+                key: tag.key,
+                closable: false,
+                "disable-transitions": false
+              }, {
+                default: withCtx(() => [createTextVNode(toDisplayString(tag.tempTitle ? `${tag.name}(${tag.tempTitle})` : tag.name), 1)]),
+                _: 2
+              }, 1024);
+            }), 128))])]),
+            default: withCtx(() => [createTextVNode(" " + toDisplayString(personSelect.value.map((tag) => {
+              return tag.tempTitle ? `${tag.name}(${tag.tempTitle})` : tag.name;
+            }).join(" ")), 1)]),
+            _: 1
+          }), personSelect.value.length ? (openBlock(), createElementBlock("span", _hoisted_4, [createElementVNode("i", {
+            onClick: clearAllTags,
+            class: "iconfont-expand-field icon-expand-field-menzhenyishengzhanxitongtubiaoguanbi"
+          })])) : createCommentVNode("v-if", true)])), createVNode(unref(NButton), {
+            type: "primary",
+            onClick: openChoice
+          }, {
+            default: withCtx(() => {
+              var _a2;
+              return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.543")) || "\u9009\u62E9")];
+            }),
+            _: 1
+          })];
+        }),
+        _: 1
+      })]), createVNode(PersonModal, {
+        ref_key: "personModalRef",
+        ref: personModalRef,
+        visible: personModalVisible.value,
+        orgId: __props.orgId,
+        defaultList: personDefaultList.value,
+        treeData: treeData.value,
+        onCheck: checkModal,
+        onChangeModalVisible: openChoice
+      }, null, 8, ["visible", "orgId", "defaultList", "treeData"])]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/expand-field/src/components/PersonModal.vue.js

@@ -1 +1,6 @@
-import e from"./PersonModal.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var o=r(e,[["__file","PersonModal.vue"]]);export{o as default};
+import _sfc_main from './PersonModal.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var PersonModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "PersonModal.vue"]]);
+
+export { PersonModal as default };