agilebuilder-ui 1.1.65-tmp26 → 1.1.65-tmp27

package/es/department-tree-mobile/src/department-tree-inline-app.vue.mjs

@@ -9,111 +9,111 @@ import { useI18n as V } from "vue-i18n";
 import D from "../../utils/utils.mjs";
 import S from "../../src/assets/nonemessage.png.mjs";
 const $ = { style: { display: "flex" } }, O = { style: { flex: "0 0 20%", "text-align": "left" } }, j = { style: { flex: "0 0 80%", "text-align": "right" } }, z = { class: "item-row" }, M = { class: "item-label" }, P = { class: "item-description" }, A = ["onClick"], U = { style: { display: "flex" } }, B = { key: 0 }, F = { style: { "padding-left": "10px" } }, J = { key: 1 }, K = { key: 0, style: { color: "#999" } }, q = { class: "button-area" }, H = e({ __name: "department-tree-inline-app", props: { multiple: {}, departmentInfo: {}, selectDepartmentInfo: {}, searchField: {}, separator: {}, limitFilterColumn: {} }, emits: ["close"], setup(e2, { emit: H2 }) {
-  const G = e2, { t: L } = V(), Q = t(null);
+  const G = e2, { t: L } = V(), Q = H2, W = t(null);
   t(false);
-  let W = t(null), X = t(false), Y = t(null), Z = t([]);
+  let X = t(null), Y = t(false), Z = t(null), ee = t([]);
   t([]);
-  let ee = t([]);
+  let te = t([]);
   t([]);
-  let te = t([]), le = t([]), ae = t(null), ne = t(false), se = t({ userField: "name", searchValue: null, treeType: "DEPARTMENT_TREE", departmentInfo: null });
-  function oe() {
+  let le = t([]), ae = t([]), ne = t(null), se = t(false), oe = t({ userField: "name", searchValue: null, treeType: "DEPARTMENT_TREE", departmentInfo: null });
+  function ue() {
     D.canShowOrgTree().then((e3) => {
       e3 ? N(G.departmentInfo, -1, G.limitFilterColumn).then((e4) => {
-        Z.value = e4, w(ee.value, le.value);
-      }) : Z.value = [];
+        ee.value = e4, w(te.value, ae.value);
+      }) : ee.value = [];
     });
   }
-  function ue(e3, t2, l2) {
-    G.multiple && (t2 ? re(e3) : de(e3));
+  function ie(e3, t2, l2) {
+    G.multiple && (t2 ? de(e3) : ce(e3));
   }
-  function ie(e3, t2, l2, a2) {
-    !G.multiple && e3.nodeType && "DEPARTMENT" === e3.nodeType && (ee.value = [e3]);
+  function re(e3, t2, l2, a2) {
+    !G.multiple && e3.nodeType && "DEPARTMENT" === e3.nodeType && (te.value = [e3]);
   }
-  function re(e3) {
+  function de(e3) {
     if (e3.nodeType && "DEPARTMENT" === e3.nodeType) {
-      const t2 = ee.value.filter((t3) => t3.nodeId === e3.nodeId);
-      t2 && 0 !== t2.length || ee.value.push(JSON.parse(JSON.stringify(e3)));
+      const t2 = te.value.filter((t3) => t3.nodeId === e3.nodeId);
+      t2 && 0 !== t2.length || te.value.push(JSON.parse(JSON.stringify(e3)));
     }
   }
-  function de(e3) {
-    const t2 = ee.value.findIndex((t3) => t3.nodeId === e3.nodeId);
-    ee.value.splice(t2, 1), ne.value = false;
-  }
   function ce(e3) {
+    const t2 = te.value.findIndex((t3) => t3.nodeId === e3.nodeId);
+    te.value.splice(t2, 1), se.value = false;
+  }
+  function me(e3) {
     if (G.multiple)
       if (e3) {
-        const e4 = Z.value.map((e5) => e5.nodeId);
-        Q.value.setCheckedKeys(e4, false), Z.value.forEach((e5) => {
-          re(e5);
+        const e4 = ee.value.map((e5) => e5.nodeId);
+        W.value.setCheckedKeys(e4, false), ee.value.forEach((e5) => {
+          de(e5);
         });
       } else
-        Z.value.forEach((e4) => {
-          de(e4);
-        }), Q.value.setCheckedKeys([], false);
+        ee.value.forEach((e4) => {
+          ce(e4);
+        }), W.value.setCheckedKeys([], false);
   }
-  function me(e3) {
+  function pe(e3) {
     C(e3.id).then((e4) => {
-      Z.value = e4, w(ee.value, le.value);
+      ee.value = e4, w(te.value, ae.value);
     });
   }
-  function pe(e3, t2, l2) {
-    t2 ? (te.value = [], oe()) : (te.value.splice(l2 + 1, te.value.length - (l2 + 1)), me(e3));
+  function fe(e3, t2, l2) {
+    t2 ? (le.value = [], ue()) : (le.value.splice(l2 + 1, le.value.length - (l2 + 1)), pe(e3));
   }
-  function fe() {
-    ae.value.showResult();
+  function he() {
+    ne.value.showResult();
   }
-  function he(e3) {
-    const t2 = ee.value.filter((t3) => t3.nodeId === e3.nodeId);
+  function ve(e3) {
+    const t2 = te.value.filter((t3) => t3.nodeId === e3.nodeId);
     if (t2 && t2.length > 0) {
       const t3 = [];
-      ee.value.forEach((l2) => {
+      te.value.forEach((l2) => {
         l2.nodeId !== e3.nodeId && t3.push(l2.nodeId);
-      }), Q.value.setCheckedKeys(t3, true);
+      }), W.value.setCheckedKeys(t3, true);
     }
-    de(e3);
+    ce(e3);
   }
-  function ve() {
+  function ye() {
     if (G.multiple) {
       let e3 = { ids: [], names: [], zhNames: [], enNames: [], codes: [], departments: [] };
-      ee.value.forEach((t3) => {
+      te.value.forEach((t3) => {
         let l2;
         l2 = null !== t3.data && void 0 !== t3.data ? JSON.parse(t3.data) : t3, function(e4, t4, l3) {
-          e4.ids.push(t4.id), e4.codes.push(l3.code), e4.containBranch = X.value, l3.tenantCode = W.value.code, l3.tenantName = W.value.tenantName, e4.departments.push(l3);
+          e4.ids.push(t4.id), e4.codes.push(l3.code), e4.containBranch = Y.value, l3.tenantCode = X.value.code, l3.tenantName = X.value.tenantName, e4.departments.push(l3);
           const a2 = l3.showName;
           e4.names.push(a2), e4.zhNames.push(l3.name), e4.enNames.push(l3.enName ? l3.enName : "");
         }(e3, t3, l2);
       });
       let t2 = { ids: [], names: [], zhNames: [], enNames: [], codes: [], departments: [] };
-      Object.assign(t2, e3), t2.ids.length > 0 ? H2("close", t2) : R({ message: L("imatrixUIMessage.pleaseSelectDepartment"), type: "warning" });
+      Object.assign(t2, e3), t2.ids.length > 0 ? Q("close", t2) : R({ message: L("imatrixUIMessage.pleaseSelectDepartment"), type: "warning" });
     } else {
-      const e3 = ee.value[0], t2 = JSON.parse(e3.data), l2 = e3.showName;
-      t2.tenantName = W.value.tenantName, t2.tenantCode = W.value.code;
-      const a2 = { id: e3.id, name: l2, zhName: t2.name, enName: t2.enName, code: t2.code, containBranch: X.value, department: t2 };
-      H2("close", a2);
+      const e3 = te.value[0], t2 = JSON.parse(e3.data), l2 = e3.showName;
+      t2.tenantName = X.value.tenantName, t2.tenantCode = X.value.code;
+      const a2 = { id: e3.id, name: l2, zhName: t2.name, enName: t2.enName, code: t2.code, containBranch: Y.value, department: t2 };
+      Q("close", a2);
     }
   }
-  function ye() {
-    se.value.searchValue ? (se.value.searchValue = se.value.searchValue.trim(), se.value.departmentInfo = G.departmentInfo, window.$vueApp.config.globalProperties.$http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/organization-trees/search-depts", se.value).then((e3) => {
-      e3 ? (0 === e3.length && R({ message: L("imatrixUIMessage.queryResultIsEmpty"), type: "warning" }), Z.value = e3) : R({ message: L("imatrixUIMessage.queryResultIsEmpty"), type: "warning" });
-    })) : oe();
+  function ge() {
+    oe.value.searchValue ? (oe.value.searchValue = oe.value.searchValue.trim(), oe.value.departmentInfo = G.departmentInfo, window.$vueApp.config.globalProperties.$http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/organization-trees/search-depts", oe.value).then((e3) => {
+      e3 ? (0 === e3.length && R({ message: L("imatrixUIMessage.queryResultIsEmpty"), type: "warning" }), ee.value = e3) : R({ message: L("imatrixUIMessage.queryResultIsEmpty"), type: "warning" });
+    })) : ue();
   }
   return l(() => {
     k(G.selectDepartmentInfo, -1, G.searchField, G.separator).then((e3) => {
-      ee.value = e3, I().then((e4) => {
+      te.value = e3, I().then((e4) => {
         const t2 = e4[0].data;
-        W.value = JSON.parse(t2), X.value = e4[0].containBranch, Y.value = e4[0].name, oe();
+        X.value = JSON.parse(t2), Y.value = e4[0].containBranch, Z.value = e4[0].name, ue();
       });
     }), function() {
       const e3 = document.querySelector(".org-tree");
       let t2 = x();
       t2 = t2 - 110 - 60 - 60 - 60, e3.style.height = t2 + "px", e3.style.minHeight = "300px";
     }();
-  }), (e3, t2) => {
-    const l2 = a("el-checkbox"), k2 = a("el-icon"), I2 = a("el-input"), N2 = a("el-col"), w2 = a("el-row"), C2 = a("el-card"), x2 = a("el-empty"), R2 = a("el-tree"), V2 = a("el-button");
-    return n(), s("div", null, [o(C2, { class: "card-content", style: { height: "50px" } }, { default: u(() => [o(w2, { class: "item-row item-row-all" }, { default: u(() => [o(N2, { style: { width: "100%" } }, { default: u(() => [i("div", $, [i("div", O, [e3.multiple ? (n(), r(l2, { key: 0, modelValue: d(ne), "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => c(ne) ? ne.value = e4 : ne = e4), label: e3.$t("departmentTreeInline.allCheck"), value: "all", onChange: ce }, null, 8, ["modelValue", "label"])) : m("", true)]), i("div", j, [o(I2, { modelValue: d(se).searchValue, "onUpdate:modelValue": t2[1] || (t2[1] = (e4) => d(se).searchValue = e4), placeholder: e3.$t("departmentTreeInline.pleaseInputNameOrCode"), onClear: ye, onKeyup: p(ye, ["enter"]), onBlur: ye, clearable: "" }, { suffix: u(() => [o(k2, { onClick: ye }, { default: u(() => [o(d(v))]), _: 1 })]), _: 1 }, 8, ["modelValue", "placeholder", "onKeyup"])])])]), _: 1 })]), _: 1 })]), _: 1 }), d(Y) ? (n(), r(C2, { key: 0, class: "card-content" }, { default: u(() => [o(w2, { class: "item-row item-row-all" }, { default: u(() => [o(N2, { class: "item-label dept-path" }, { default: u(() => [o(b, { tenantName: d(Y), clickDepts: d(te), onClickBreadcrumb: pe }, null, 8, ["tenantName", "clickDepts"])]), _: 1 })]), _: 1 })]), _: 1 })) : m("", true), o(C2, { class: "card-content org-tree", style: { overflow: "auto" } }, { default: u(() => [d(Z).length ? (n(), r(R2, { key: 1, ref_key: "orgTreeRef", ref: Q, data: d(Z), "show-checkbox": e3.multiple, "node-key": "nodeId", "check-on-click-node": "", "default-checked-keys": d(le), onCheckChange: ue, onNodeClick: ie }, { default: u(({ node: e4, data: t3 }) => [i("div", z, [i("div", M, [f(h(t3.showName) + " ", 1), i("span", P, h(d(T)(t3.showName, t3)), 1)]), t3.leaf ? m("", true) : (n(), s("div", { key: 0, class: "item-side", onClick: (e5) => {
-      return l3 = t3, te.value.push(l3), void me(l3);
+  }), (t2, l2) => {
+    const k2 = a("el-checkbox"), I2 = a("el-icon"), N2 = a("el-input"), w2 = a("el-col"), C2 = a("el-row"), x2 = a("el-card"), R2 = a("el-empty"), V2 = a("el-tree"), D2 = a("el-button");
+    return n(), s("div", null, [o(x2, { class: "card-content", style: { height: "50px" } }, { default: u(() => [o(C2, { class: "item-row item-row-all" }, { default: u(() => [o(w2, { style: { width: "100%" } }, { default: u(() => [i("div", $, [i("div", O, [e2.multiple ? (n(), r(k2, { key: 0, modelValue: d(se), "onUpdate:modelValue": l2[0] || (l2[0] = (e3) => c(se) ? se.value = e3 : se = e3), label: t2.$t("departmentTreeInline.allCheck"), value: "all", onChange: me }, null, 8, ["modelValue", "label"])) : m("", true)]), i("div", j, [o(N2, { modelValue: d(oe).searchValue, "onUpdate:modelValue": l2[1] || (l2[1] = (e3) => d(oe).searchValue = e3), placeholder: t2.$t("departmentTreeInline.pleaseInputNameOrCode"), onClear: ge, onKeyup: p(ge, ["enter"]), onBlur: ge, clearable: "" }, { suffix: u(() => [o(I2, { onClick: ge }, { default: u(() => [o(d(v))]), _: 1 })]), _: 1 }, 8, ["modelValue", "placeholder"])])])]), _: 1 })]), _: 1 })]), _: 1 }), d(Z) ? (n(), r(x2, { key: 0, class: "card-content" }, { default: u(() => [o(C2, { class: "item-row item-row-all" }, { default: u(() => [o(w2, { class: "item-label dept-path" }, { default: u(() => [o(b, { tenantName: d(Z), clickDepts: d(le), onClickBreadcrumb: fe }, null, 8, ["tenantName", "clickDepts"])]), _: 1 })]), _: 1 })]), _: 1 })) : m("", true), o(x2, { class: "card-content org-tree", style: { overflow: "auto" } }, { default: u(() => [d(ee).length ? (n(), r(V2, { key: 1, ref_key: "orgTreeRef", ref: W, data: d(ee), "show-checkbox": e2.multiple, "node-key": "nodeId", "check-on-click-node": "", "default-checked-keys": d(ae), onCheckChange: ie, onNodeClick: re }, { default: u(({ node: e3, data: t3 }) => [i("div", z, [i("div", M, [f(h(t3.showName) + " ", 1), i("span", P, h(d(T)(t3.showName, t3)), 1)]), t3.leaf ? m("", true) : (n(), s("div", { key: 0, class: "item-side", onClick: (e4) => {
+      return l3 = t3, le.value.push(l3), void pe(l3);
       var l3;
-    } }, [o(k2, null, { default: u(() => [o(d(y))]), _: 1 })], 8, A))])]), _: 1 }, 8, ["data", "show-checkbox", "default-checked-keys"])) : (n(), r(x2, { key: 0, image: d(S) }, null, 8, ["image"]))]), _: 1 }), o(C2, { class: "card-footer" }, { default: u(() => [i("div", U, [i("div", { class: "select-result", onClick: fe }, [e3.multiple ? (n(), s("span", { key: 0, onClick: fe }, [d(ee).length > 0 ? (n(), s("span", B, [f(h(e3.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(e3.$t("departmentTreeInline.selectResultInfo", { num: d(ee).length })) + " ", 1), i("span", F, [o(k2, null, { default: u(() => [o(d(g))]), _: 1 })])])) : m("", true)])) : d(ee).length > 0 ? (n(), s("span", J, [f(h(e3.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(d(ee)[0].showName), 1), "-1" !== d(ee)[0].parentNodeId && d(_)(d(ee)[0]) ? (n(), s("span", K, "(" + h(d(_)(d(ee)[0])) + ")", 1)) : m("", true)])) : m("", true)]), i("div", q, [o(V2, { size: "large", type: "primary", onClick: ve }, { default: u(() => [f(h(e3.$t("imatrixUIPublicModel.sure")), 1)]), _: 1 })])])]), _: 1 }), o(E, { ref_key: "deptResultRef", ref: ae, selectDepts: d(ee), onRemoveDept: he }, null, 8, ["selectDepts"])]);
+    } }, [o(I2, null, { default: u(() => [o(d(y))]), _: 1 })], 8, A))])]), _: 1 }, 8, ["data", "show-checkbox", "default-checked-keys"])) : (n(), r(R2, { key: 0, image: d(S) }, null, 8, ["image"]))]), _: 1 }), o(x2, { class: "card-footer" }, { default: u(() => [i("div", U, [i("div", { class: "select-result", onClick: he }, [e2.multiple ? (n(), s("span", { key: 0, onClick: he }, [d(te).length > 0 ? (n(), s("span", B, [f(h(t2.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(t2.$t("departmentTreeInline.selectResultInfo", { num: d(te).length })) + " ", 1), i("span", F, [o(I2, null, { default: u(() => [o(d(g))]), _: 1 })])])) : m("", true)])) : d(te).length > 0 ? (n(), s("span", J, [f(h(t2.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(d(te)[0].showName), 1), "-1" !== d(te)[0].parentNodeId && d(_)(d(te)[0]) ? (n(), s("span", K, "(" + h(d(_)(d(te)[0])) + ")", 1)) : m("", true)])) : m("", true)]), i("div", q, [o(D2, { size: "large", type: "primary", onClick: ye }, { default: u(() => [f(h(t2.$t("imatrixUIPublicModel.sure")), 1)]), _: 1 })])])]), _: 1 }), o(E, { ref_key: "deptResultRef", ref: ne, selectDepts: d(te), onRemoveDept: ve }, null, 8, ["selectDepts"])]);
   };
 } });
 export {

package/es/department-tree-mobile/src/dept-path.vue.mjs

@@ -1,12 +1,13 @@
-import { defineComponent as e, ref as l, resolveComponent as t, openBlock as a, createBlock as n, withCtx as c, createVNode as r, createElementBlock as u, toDisplayString as s, unref as i, Fragment as p, renderList as k } from "vue";
+import { defineComponent as e, ref as l, resolveComponent as t, openBlock as a, createBlock as n, withCtx as c, createVNode as r, createElementBlock as s, toDisplayString as u, unref as i, Fragment as p, renderList as k } from "vue";
 const m = { key: 1 }, d = ["onClick"], o = { key: 1 }, b = e({ __name: "dept-path", props: { tenantName: { type: String, default: null }, clickDepts: { type: Array, default: null } }, emits: ["clickBreadcrumb"], setup(e2, { emit: b2 }) {
-  let f = l(e2.tenantName);
-  function y(e3, l2, t2) {
-    b2("clickBreadcrumb", e3, l2, t2);
+  const f = b2;
+  let y = l(e2.tenantName);
+  function h(e3, l2, t2) {
+    f("clickBreadcrumb", e3, l2, t2);
   }
   return (l2, b3) => {
-    const h = t("el-breadcrumb-item"), _ = t("el-breadcrumb");
-    return a(), n(_, { separator: "/" }, { default: c(() => [r(h, null, { default: c(() => [e2.clickDepts.length > 0 ? (a(), u("span", { key: 0, class: "breadcrumb-label-link", onClick: b3[0] || (b3[0] = (e3) => y(null, true)) }, s(i(f)), 1)) : (a(), u("span", m, s(i(f)), 1))]), _: 1 }), (a(true), u(p, null, k(e2.clickDepts, (l3, t2) => (a(), n(h, { key: l3.id }, { default: c(() => [t2 < e2.clickDepts.length - 1 ? (a(), u("span", { key: 0, class: "breadcrumb-label-link", onClick: (e3) => y(l3, false, t2) }, s(l3.showName), 9, d)) : (a(), u("span", o, s(l3.showName), 1))]), _: 2 }, 1024))), 128))]), _: 1 });
+    const f2 = t("el-breadcrumb-item"), _ = t("el-breadcrumb");
+    return a(), n(_, { separator: "/" }, { default: c(() => [r(f2, null, { default: c(() => [e2.clickDepts.length > 0 ? (a(), s("span", { key: 0, class: "breadcrumb-label-link", onClick: b3[0] || (b3[0] = (e3) => h(null, true)) }, u(i(y)), 1)) : (a(), s("span", m, u(i(y)), 1))]), _: 1 }), (a(true), s(p, null, k(e2.clickDepts, (l3, t2) => (a(), n(f2, { key: l3.id }, { default: c(() => [t2 < e2.clickDepts.length - 1 ? (a(), s("span", { key: 0, class: "breadcrumb-label-link", onClick: (e3) => h(l3, false, t2) }, u(l3.showName), 9, d)) : (a(), s("span", o, u(l3.showName), 1))]), _: 2 }, 1024))), 128))]), _: 1 });
   };
 } });
 export {

package/es/department-tree-mobile/src/dept-result.vue.mjs

@@ -1,15 +1,16 @@
-import { defineComponent as e, ref as t, resolveComponent as l, openBlock as o, createBlock as s, unref as a, isRef as i, withCtx as r, createElementVNode as n, toDisplayString as d, createVNode as u, createTextVNode as m } from "vue";
-import { DeleteFilled as c } from "@element-plus/icons-vue";
+import { defineComponent as e, ref as t, resolveComponent as l, openBlock as o, createBlock as s, unref as a, isRef as i, withCtx as n, createElementVNode as r, toDisplayString as d, createVNode as u, createTextVNode as c } from "vue";
+import { DeleteFilled as m } from "@element-plus/icons-vue";
 import { getShowDeptNamePath as p } from "../../utils/organization.mjs";
 const f = { style: { "text-align": "center" } }, v = { class: "item-row" }, h = { class: "item-label" }, k = { class: "item-description" }, w = ["onClick"], _ = e({ __name: "dept-result", props: { selectDepts: { type: Array, default: null } }, emits: ["removeDept"], setup(e2, { expose: _2, emit: g }) {
   let y = t(false);
+  const D = g;
   return _2({ showResult: function() {
     y.value = true;
   } }), (t2, _3) => {
-    const D = l("el-icon"), R = l("el-tree"), x = l("el-drawer");
-    return o(), s(x, { modelValue: a(y), "onUpdate:modelValue": _3[0] || (_3[0] = (e3) => i(y) ? y.value = e3 : y = e3), direction: "btt", size: "80%", class: "organization-tree" }, { header: r(() => [n("div", f, d(t2.$t("departmentTreeInline.selectResultTitle")), 1)]), default: r(() => [u(R, { ref: "orgResultTreeRef", data: e2.selectDepts, "node-key": "nodeId", "check-on-click-node": "" }, { default: r(({ node: e3, data: t3 }) => [n("div", v, [n("div", h, [m(d(t3.showName), 1), n("span", k, d(a(p)(t3.showName, t3)), 1)]), n("div", { class: "item-side", onClick: (e4) => {
-      g("removeDept", t3);
-    } }, [u(D, null, { default: r(() => [u(a(c))]), _: 1 })], 8, w)])]), _: 1 }, 8, ["data"])]), _: 1 }, 8, ["modelValue"]);
+    const g2 = l("el-icon"), R = l("el-tree"), x = l("el-drawer");
+    return o(), s(x, { modelValue: a(y), "onUpdate:modelValue": _3[0] || (_3[0] = (e3) => i(y) ? y.value = e3 : y = e3), direction: "btt", size: "80%", class: "organization-tree" }, { header: n(() => [r("div", f, d(t2.$t("departmentTreeInline.selectResultTitle")), 1)]), default: n(() => [u(R, { ref: "orgResultTreeRef", data: e2.selectDepts, "node-key": "nodeId", "check-on-click-node": "" }, { default: n(({ node: e3, data: t3 }) => [r("div", v, [r("div", h, [c(d(t3.showName), 1), r("span", k, d(a(p)(t3.showName, t3)), 1)]), r("div", { class: "item-side", onClick: (e4) => {
+      D("removeDept", t3);
+    } }, [u(g2, null, { default: n(() => [u(a(m))]), _: 1 })], 8, w)])]), _: 1 }, 8, ["data"])]), _: 1 }, 8, ["modelValue"]);
   };
 } });
 export {

package/es/department-user-tree-inline/src/department-user-multiple-tree-inline.vue.mjs

@@ -155,11 +155,11 @@ const R = { data: () => ({ filterText: "", defaultProps: { id: "id", label: "sho
   setTimeout(() => {
     e2.isShowGroupTree = true;
   }, 10);
-} }, emits: ["result"] }, S = { key: 0, style: { "padding-top": "5px", overflow: "auto", width: "auto", display: "inline-block !important" } }, b = ["title"], x = { key: 1, style: { height: "100%", overflow: "hidden" } }, M = T("table", { border: "1px", cellpadding: "0", cellspacing: "0", style: { height: "100%", "border-left-style": "solid", "border-bottom-style": "none", "border-right-style": "none", "border-top-style": "none", "border-left-color": "#cccccc" } }, null, -1), $ = { style: { "text-align": "left", "font-size": "16px" } }, E = { style: "padding-top: 5px;height:90%;overflow: hidden;" };
-const A = v(R, [["render", function(e2, t2, s2, r2, a2, n2) {
-  const i2 = u("el-button"), l2 = u("el-autocomplete"), d2 = u("el-header"), o2 = u("Menu"), h2 = u("Tickets"), c2 = u("User"), p2 = u("Calendar"), v2 = u("el-icon"), R2 = u("el-tree"), A2 = u("el-tab-pane"), D = u("GroupUser"), _ = u("GroupUserMultipleTree"), w = u("el-tabs"), P = u("EmptyState"), V = u("user-result"), B = u("el-main"), G = u("el-container"), K = u("el-aside");
-  return m(), f("div", null, [U(G, { style: { height: "395px" } }, { default: g(() => [U(K, { width: "430px" }, { default: g(() => [U(G, { style: { height: "390px" } }, { default: g(() => [U(d2, { style: { "font-size": "12px", height: "35px", padding: "0px 10px" } }, { default: g(() => [U(l2, { modelValue: a2.filterText, "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => a2.filterText = e3), "fetch-suggestions": e2.querySearch, placeholder: e2.$t("departmentUserTree.pleaseEnterUserInformation"), class: "inline-input inline-input-custom searchDepartmentUser", size: "default", onSelect: e2.handleSelect, onKeyup: N(n2.clickSearch, ["enter"]) }, { append: g(() => [U(i2, { icon: a2.ElIconSearch, onClick: n2.clickSearch }, null, 8, ["icon", "onClick"])]), _: 1 }, 8, ["modelValue", "fetch-suggestions", "placeholder", "onSelect", "onKeyup"])]), _: 1 }), U(B, { style: { padding: "10px" } }, { default: g(() => [a2.searchValue ? I("", true) : (m(), f(C, { key: 0 }, [a2.canShowOrgTree ? (m(), f("div", S, [U(w, { modelValue: a2.activeTab, "onUpdate:modelValue": t2[1] || (t2[1] = (e3) => a2.activeTab = e3), class: "boe" }, { default: g(() => [U(A2, { label: e2.$t("departmentUserTreeInline.orgTree"), name: "orgTree" }, { default: g(() => [U(R2, { ref: "deparmentUserTree", props: a2.defaultProps, load: n2.loadNode, "check-on-click-node": true, lazy: "", "show-checkbox": "", "node-key": "nodeId", onCheck: n2.handleCheckNode, onCheckChange: n2.handleCheckChange }, { default: g(({ node: e3, data: t3 }) => [T("span", null, [U(v2, null, { default: g(() => [-1 === e3.data.id || e3.data.branch ? (m(), y(o2, { key: 0 })) : -2 === e3.data.id || -3 === e3.data.id ? (m(), y(h2, { key: 1 })) : "USER" === e3.data.nodeType ? (m(), y(c2, { key: 2 })) : (m(), y(p2, { key: 3 }))]), _: 2 }, 1024), T("span", { title: e3.label }, k(e3.label), 9, b)])]), _: 1 }, 8, ["props", "load", "onCheck", "onCheckChange"])]), _: 1 }, 8, ["label"]), U(A2, { name: "groupTree" }, { label: g(() => [T("span", null, k(e2.$t("departmentUserTreeInline.group")), 1), T("span", null, [U(D, { "active-tab": a2.activeTab, onUpdateGroupTree: n2.updateGroupTree }, null, 8, ["active-tab", "onUpdateGroupTree"])])]), default: g(() => [a2.isShowGroupTree ? (m(), y(_, { key: 0, onResult: n2.getGroupUserResult }, null, 8, ["onResult"])) : I("", true)]), _: 1 })]), _: 1 }, 8, ["modelValue"])])) : (m(), y(P, { key: 1, style: { width: "100%", height: "100%" } }))], 64)), a2.searchValue && a2.searchValue.length > 0 ? (m(), f("div", x, [U(V, { "contain-branch": a2.containBranch, "grid-data": a2.searchResult, height: s2.height, "is-search-result": true, multiple: true, "select-result": a2.selectResult, onAddUser: n2.selectUser }, null, 8, ["contain-branch", "grid-data", "height", "select-result", "onAddUser"])])) : I("", true)]), _: 1 })]), _: 1 })]), _: 1 }), U(G, null, { default: g(() => [U(K, { width: "2px" }, { default: g(() => [M]), _: 1 }), U(B, { style: { padding: "10px" } }, { default: g(() => [T("div", $, k(e2.$t("departmentUserTree.selectedPeople")) + ":", 1), T("div", E, [U(V, { "contain-branch": a2.containBranch, "grid-data": a2.selectResult, height: s2.height, "is-search-result": false, multiple: true, onRemoveUser: n2.removeUser }, null, 8, ["contain-branch", "grid-data", "height", "onRemoveUser"])])]), _: 1 })]), _: 1 })]), _: 1 })]);
+} }, emits: ["result"] }, S = { key: 0, style: { "padding-top": "5px", overflow: "auto", width: "auto", display: "inline-block !important" } }, b = ["title"], x = { key: 1, style: { height: "100%", overflow: "hidden" } }, M = { style: { "text-align": "left", "font-size": "16px" } }, $ = { style: "padding-top: 5px;height:90%;overflow: hidden;" };
+const E = v(R, [["render", function(e2, t2, s2, r2, a2, n2) {
+  const i2 = u("el-button"), l2 = u("el-autocomplete"), d2 = u("el-header"), o2 = u("Menu"), h2 = u("Tickets"), c2 = u("User"), p2 = u("Calendar"), v2 = u("el-icon"), R2 = u("el-tree"), E2 = u("el-tab-pane"), A = u("GroupUser"), D = u("GroupUserMultipleTree"), _ = u("el-tabs"), w = u("EmptyState"), P = u("user-result"), V = u("el-main"), B = u("el-container"), G = u("el-aside");
+  return m(), f("div", null, [U(B, { style: { height: "395px" } }, { default: g(() => [U(G, { width: "430px" }, { default: g(() => [U(B, { style: { height: "390px" } }, { default: g(() => [U(d2, { style: { "font-size": "12px", height: "35px", padding: "0px 10px" } }, { default: g(() => [U(l2, { modelValue: a2.filterText, "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => a2.filterText = e3), "fetch-suggestions": e2.querySearch, placeholder: e2.$t("departmentUserTree.pleaseEnterUserInformation"), class: "inline-input inline-input-custom searchDepartmentUser", size: "default", onSelect: e2.handleSelect, onKeyup: N(n2.clickSearch, ["enter"]) }, { append: g(() => [U(i2, { icon: a2.ElIconSearch, onClick: n2.clickSearch }, null, 8, ["icon", "onClick"])]), _: 1 }, 8, ["modelValue", "fetch-suggestions", "placeholder", "onSelect", "onKeyup"])]), _: 1 }), U(V, { style: { padding: "10px" } }, { default: g(() => [a2.searchValue ? I("", true) : (m(), f(C, { key: 0 }, [a2.canShowOrgTree ? (m(), f("div", S, [U(_, { modelValue: a2.activeTab, "onUpdate:modelValue": t2[1] || (t2[1] = (e3) => a2.activeTab = e3), class: "boe" }, { default: g(() => [U(E2, { label: e2.$t("departmentUserTreeInline.orgTree"), name: "orgTree" }, { default: g(() => [U(R2, { ref: "deparmentUserTree", props: a2.defaultProps, load: n2.loadNode, "check-on-click-node": true, lazy: "", "show-checkbox": "", "node-key": "nodeId", onCheck: n2.handleCheckNode, onCheckChange: n2.handleCheckChange }, { default: g(({ node: e3, data: t3 }) => [T("span", null, [U(v2, null, { default: g(() => [-1 === e3.data.id || e3.data.branch ? (m(), y(o2, { key: 0 })) : -2 === e3.data.id || -3 === e3.data.id ? (m(), y(h2, { key: 1 })) : "USER" === e3.data.nodeType ? (m(), y(c2, { key: 2 })) : (m(), y(p2, { key: 3 }))]), _: 2 }, 1024), T("span", { title: e3.label }, k(e3.label), 9, b)])]), _: 1 }, 8, ["props", "load", "onCheck", "onCheckChange"])]), _: 1 }, 8, ["label"]), U(E2, { name: "groupTree" }, { label: g(() => [T("span", null, k(e2.$t("departmentUserTreeInline.group")), 1), T("span", null, [U(A, { "active-tab": a2.activeTab, onUpdateGroupTree: n2.updateGroupTree }, null, 8, ["active-tab", "onUpdateGroupTree"])])]), default: g(() => [a2.isShowGroupTree ? (m(), y(D, { key: 0, onResult: n2.getGroupUserResult }, null, 8, ["onResult"])) : I("", true)]), _: 1 })]), _: 1 }, 8, ["modelValue"])])) : (m(), y(w, { key: 1, style: { width: "100%", height: "100%" } }))], 64)), a2.searchValue && a2.searchValue.length > 0 ? (m(), f("div", x, [U(P, { "contain-branch": a2.containBranch, "grid-data": a2.searchResult, height: s2.height, "is-search-result": true, multiple: true, "select-result": a2.selectResult, onAddUser: n2.selectUser }, null, 8, ["contain-branch", "grid-data", "height", "select-result", "onAddUser"])])) : I("", true)]), _: 1 })]), _: 1 })]), _: 1 }), U(B, null, { default: g(() => [U(G, { width: "2px" }, { default: g(() => [...t2[2] || (t2[2] = [T("table", { border: "1px", cellpadding: "0", cellspacing: "0", style: { height: "100%", "border-left-style": "solid", "border-bottom-style": "none", "border-right-style": "none", "border-top-style": "none", "border-left-color": "#cccccc" } }, null, -1)])]), _: 1 }), U(V, { style: { padding: "10px" } }, { default: g(() => [T("div", M, k(e2.$t("departmentUserTree.selectedPeople")) + ":", 1), T("div", $, [U(P, { "contain-branch": a2.containBranch, "grid-data": a2.selectResult, height: s2.height, "is-search-result": false, multiple: true, onRemoveUser: n2.removeUser }, null, 8, ["contain-branch", "grid-data", "height", "onRemoveUser"])])]), _: 1 })]), _: 1 })]), _: 1 })]);
 }]]);
 export {
-  A as default
+  E as default
 };

package/es/department-user-tree-mobile/src/department-user-tree-app.vue.mjs

@@ -1,13 +1,14 @@
-import { defineComponent as e, ref as t, resolveComponent as l, openBlock as r, createBlock as o, unref as a, isRef as s, withCtx as n, createElementVNode as i, toDisplayString as m, createCommentVNode as p } from "vue";
-import u from "./department-user-tree-inline-app.vue.mjs";
-const c = { style: { "text-align": "center" } }, d = e({ name: "DepartmentUserTreeMobile", props: { multiple: {}, departmentInfo: {}, selectUserInfo: {}, searchField: {}, separator: {}, limitFilterColumn: {} }, emits: ["close"], setup(e2, { emit: d2 }) {
-  let f = t(true);
-  function I(e3) {
-    d2("close", e3), f.value = false;
+import { defineComponent as e, ref as t, resolveComponent as l, openBlock as r, createBlock as o, unref as s, isRef as a, withCtx as n, createElementVNode as i, toDisplayString as m, createCommentVNode as p } from "vue";
+import c from "./department-user-tree-inline-app.vue.mjs";
+const u = { style: { "text-align": "center" } }, d = e({ name: "DepartmentUserTreeMobile", props: { multiple: {}, departmentInfo: {}, selectUserInfo: {}, searchField: {}, separator: {}, limitFilterColumn: {} }, emits: ["close"], setup(e2, { emit: d2 }) {
+  const f = d2;
+  let I = t(true);
+  function F(e3) {
+    f("close", e3), I.value = false;
   }
-  return (e3, t2) => {
-    const d3 = l("el-drawer");
-    return r(), o(d3, { modelValue: a(f), "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => s(f) ? f.value = e4 : f = e4), "append-to-body": "", "close-on-click-modal": false, "close-on-press-escape": false, direction: "btt", size: "100%", class: "organization-tree", onClose: t2[1] || (t2[1] = (e4) => I()) }, { header: n(() => [i("div", c, m(e3.$t("imatrixUIMessage.pleaseSelect")), 1)]), default: n(() => [a(f) ? (r(), o(u, { key: 0, multiple: e3.multiple, departmentInfo: e3.departmentInfo, selectUserInfo: e3.selectUserInfo, searchField: e3.searchField, separator: e3.separator, limitFilterColumn: e3.limitFilterColumn, onClose: I }, null, 8, ["multiple", "departmentInfo", "selectUserInfo", "searchField", "separator", "limitFilterColumn"])) : p("", true)]), _: 1 }, 8, ["modelValue"]);
+  return (t2, d3) => {
+    const f2 = l("el-drawer");
+    return r(), o(f2, { modelValue: s(I), "onUpdate:modelValue": d3[0] || (d3[0] = (e3) => a(I) ? I.value = e3 : I = e3), "append-to-body": "", "close-on-click-modal": false, "close-on-press-escape": false, direction: "btt", size: "100%", class: "organization-tree", onClose: d3[1] || (d3[1] = (e3) => F()) }, { header: n(() => [i("div", u, m(t2.$t("imatrixUIMessage.pleaseSelect")), 1)]), default: n(() => [s(I) ? (r(), o(c, { key: 0, multiple: e2.multiple, departmentInfo: e2.departmentInfo, selectUserInfo: e2.selectUserInfo, searchField: e2.searchField, separator: e2.separator, limitFilterColumn: e2.limitFilterColumn, onClose: F }, null, 8, ["multiple", "departmentInfo", "selectUserInfo", "searchField", "separator", "limitFilterColumn"])) : p("", true)]), _: 1 }, 8, ["modelValue"]);
   };
 } });
 export {

package/es/department-user-tree-mobile/src/department-user-tree-inline-app.vue.mjs

@@ -9,125 +9,125 @@ import { useI18n as V } from "vue-i18n";
 import M from "../../utils/utils.mjs";
 import O from "../../src/assets/nonemessage.png.mjs";
 const P = { style: { display: "flex" } }, J = { style: { flex: "0 0 20%", "text-align": "left" } }, j = { style: { flex: "0 0 80%", "text-align": "right" } }, A = { class: "item-row" }, D = { key: 0, class: "item-label" }, F = { style: { color: "#999" } }, H = ["onClick"], K = { key: 0, style: { color: "#999" } }, q = ["onClick"], z = { style: { display: "flex" } }, B = { class: "select-result" }, Z = { key: 0 }, G = { key: 1 }, L = { key: 2 }, Q = { key: 3, style: { "padding-left": "10px" } }, W = { key: 1 }, X = { style: { color: "#999" } }, Y = { class: "button-area" }, ee = e({ __name: "department-user-tree-inline-app", props: { multiple: {}, departmentInfo: {}, selectUserInfo: {}, searchField: {}, separator: {}, limitFilterColumn: {} }, emits: ["close"], setup(e2, { emit: ee2 }) {
-  const le = e2, te = l(null);
-  let ne = l(null), ae = l(false), se = l(null), oe = l([]);
+  const le = e2, te = ee2, ne = l(null);
+  let ae = l(null), se = l(false), oe = l(null), re = l([]);
   l([]);
-  let re = l([]), ue = l([]);
+  let ue = l([]), ie = l([]);
   l([]);
-  let ie = l([]), de = l([]), ce = l(null), pe = l(false), me = l({ userField: "name", searchValue: null, treeType: "MAN_DEPARTMENT_TREE", departmentInfo: null }), fe = l({ disabled: "disable" }), he = l(false);
-  const { t: ve } = V();
-  function ge() {
+  let de = l([]), ce = l([]), pe = l(null), me = l(false), fe = l({ userField: "name", searchValue: null, treeType: "MAN_DEPARTMENT_TREE", departmentInfo: null }), he = l({ disabled: "disable" }), ve = l(false);
+  const { t: ge } = V();
+  function ye() {
     M.canShowOrgTree().then((e3) => {
       e3 ? k(le.departmentInfo, "-1", le.limitFilterColumn).then((e4) => {
-        oe.value = e4, T(re.value, de.value);
-      }) : oe.value = [];
+        re.value = e4, T(ue.value, ce.value);
+      }) : re.value = [];
     });
   }
-  function ye(e3, l2, t2) {
-    le.multiple && (l2 ? le.multiple && ke(e3) : (le.multiple || e3.nodeType && "USER" === e3.nodeType) && Te(e3));
+  function Ie(e3, l2, t2) {
+    le.multiple && (l2 ? le.multiple && Te(e3) : (le.multiple || e3.nodeType && "USER" === e3.nodeType) && Ne(e3));
   }
-  function Ie(e3, l2, t2, n2) {
-    !le.multiple && e3.nodeType && "USER" === e3.nodeType && (re.value = [e3]);
+  function ke(e3, l2, t2, n2) {
+    !le.multiple && e3.nodeType && "USER" === e3.nodeType && (ue.value = [e3]);
   }
-  function ke(e3) {
+  function Te(e3) {
     if (e3.nodeType && "USER" === e3.nodeType) {
-      const l2 = re.value.filter((l3) => l3.nodeId === e3.nodeId);
-      l2 && 0 !== l2.length || re.value.push(JSON.parse(JSON.stringify(e3)));
-    } else {
       const l2 = ue.value.filter((l3) => l3.nodeId === e3.nodeId);
       l2 && 0 !== l2.length || ue.value.push(JSON.parse(JSON.stringify(e3)));
+    } else {
+      const l2 = ie.value.filter((l3) => l3.nodeId === e3.nodeId);
+      l2 && 0 !== l2.length || ie.value.push(JSON.parse(JSON.stringify(e3)));
     }
   }
-  function Te(e3) {
+  function Ne(e3) {
     if (e3.nodeType && "USER" === e3.nodeType) {
-      const l2 = re.value.findIndex((l3) => l3.nodeId === e3.nodeId);
-      re.value.splice(l2, 1);
-    } else {
       const l2 = ue.value.findIndex((l3) => l3.nodeId === e3.nodeId);
       ue.value.splice(l2, 1);
+    } else {
+      const l2 = ie.value.findIndex((l3) => l3.nodeId === e3.nodeId);
+      ie.value.splice(l2, 1);
     }
-    pe.value = false;
+    me.value = false;
   }
-  function Ne(e3) {
+  function Ue(e3) {
     if (le.multiple)
       if (e3) {
-        const e4 = oe.value.map((e5) => e5.nodeId);
-        te.value.setCheckedKeys(e4, false), oe.value.forEach((e5) => {
-          ke(e5);
+        const e4 = re.value.map((e5) => e5.nodeId);
+        ne.value.setCheckedKeys(e4, false), re.value.forEach((e5) => {
+          Te(e5);
         });
       } else
-        oe.value.forEach((e4) => {
-          Te(e4);
-        }), te.value.setCheckedKeys([], false);
+        re.value.forEach((e4) => {
+          Ne(e4);
+        }), ne.value.setCheckedKeys([], false);
   }
-  function Ue(e3) {
+  function we(e3) {
     U(e3.id, e3.branchId).then((e4) => {
-      oe.value = e4, T(re.value, de.value);
+      re.value = e4, T(ue.value, ce.value);
     });
   }
-  function we(e3, l2) {
-    ie.value.push(e3), Ue(e3);
+  function Re(e3, l2) {
+    de.value.push(e3), we(e3);
   }
-  function Re(e3, l2, t2) {
-    l2 ? (ie.value = [], ge()) : (ie.value.splice(t2 + 1, ie.value.length - (t2 + 1)), Ue(e3));
+  function xe(e3, l2, t2) {
+    l2 ? (de.value = [], ye()) : (de.value.splice(t2 + 1, de.value.length - (t2 + 1)), we(e3));
   }
-  function xe() {
-    ce.value.showResult();
+  function Se() {
+    pe.value.showResult();
   }
-  function Se(e3) {
-    const l2 = oe.value.filter((l3) => l3.nodeId === e3.nodeId);
+  function Ee(e3) {
+    const l2 = re.value.filter((l3) => l3.nodeId === e3.nodeId);
     if (l2 && l2.length > 0) {
       const l3 = [];
-      re.value.forEach((t2) => {
+      ue.value.forEach((t2) => {
         t2.nodeId !== e3.nodeId && l3.push(t2.nodeId);
-      }), ue.value.forEach((t2) => {
+      }), ie.value.forEach((t2) => {
         t2.nodeId !== e3.nodeId && l3.push(t2.nodeId);
-      }), te.value.setCheckedKeys(l3, true);
+      }), ne.value.setCheckedKeys(l3, true);
     }
-    Te(e3);
+    Ne(e3);
   }
-  function Ee() {
-    if (0 !== ue.value.length || 0 !== re.value.length)
+  function be() {
+    if (0 !== ie.value.length || 0 !== ue.value.length)
       if (le.multiple) {
         const e3 = { userIds: [], userNames: [], loginNames: [], userZhNames: [], userEnNames: [], emails: [], telephones: [], users: [], divisionManager: [], divisionManagerName: [] }, l2 = [];
-        ue.value.forEach((e4) => {
+        ie.value.forEach((e4) => {
           l2.push(e4.id);
-        }), re.value.forEach((l3) => {
+        }), ue.value.forEach((l3) => {
           const t2 = JSON.parse(l3.data);
-          E(e3, t2, ae.value);
-        }), he.value = true, l2.length > 0 ? N(l2).then((l3) => {
+          E(e3, t2, se.value);
+        }), ve.value = true, l2.length > 0 ? N(l2).then((l3) => {
           l3 && l3.forEach((l4) => {
-            E(e3, l4, ae.value);
-          }), he.value = false, e3.userIds.length > 0 ? ee2("close", e3) : $({ message: ve("imatrixUIMessage.pleaseSelectPersonnel"), type: "warning" });
+            E(e3, l4, se.value);
+          }), ve.value = false, e3.userIds.length > 0 ? te("close", e3) : $({ message: ge("imatrixUIMessage.pleaseSelectPersonnel"), type: "warning" });
         }).catch(() => {
-          he.value = false;
-        }) : (he.value = false, e3.userIds.length > 0 ? ee2("close", e3) : $({ message: ve("imatrixUIMessage.pleaseSelectPersonnel"), type: "warning" }));
+          ve.value = false;
+        }) : (ve.value = false, e3.userIds.length > 0 ? te("close", e3) : $({ message: ge("imatrixUIMessage.pleaseSelectPersonnel"), type: "warning" }));
       } else {
-        const e3 = JSON.parse(re.value[0].data), l2 = b(e3, ae.value);
-        ee2("close", l2);
+        const e3 = JSON.parse(ue.value[0].data), l2 = b(e3, se.value);
+        te("close", l2);
       }
     else
-      $({ message: ve("imatrixUIMessage.pleaseSelectPersonnel"), type: "warning" });
+      $({ message: ge("imatrixUIMessage.pleaseSelectPersonnel"), type: "warning" });
   }
-  function be() {
-    me.value.searchValue ? (me.value.searchValue = me.value.searchValue.trim(), me.value.departmentInfo = le.departmentInfo, window.$vueApp.config.globalProperties.$http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/organization-trees/search-users-mobile", me.value).then((e3) => {
-      e3 ? (0 === e3.length && $({ message: ve("imatrixUIMessage.queryResultIsEmpty"), type: "warning" }), oe.value = e3) : $({ message: ve("imatrixUIMessage.queryResultIsEmpty"), type: "warning" });
-    })) : ge();
+  function _e() {
+    fe.value.searchValue ? (fe.value.searchValue = fe.value.searchValue.trim(), fe.value.departmentInfo = le.departmentInfo, window.$vueApp.config.globalProperties.$http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/organization-trees/search-users-mobile", fe.value).then((e3) => {
+      e3 ? (0 === e3.length && $({ message: ge("imatrixUIMessage.queryResultIsEmpty"), type: "warning" }), re.value = e3) : $({ message: ge("imatrixUIMessage.queryResultIsEmpty"), type: "warning" });
+    })) : ye();
   }
   return t(() => {
     w(le.searchField, le.selectUserInfo, le.separator).then((e3) => {
-      re.value = e3, I().then((e4) => {
+      ue.value = e3, I().then((e4) => {
         const l2 = e4[0].data;
-        ne.value = JSON.parse(l2), ae.value = e4[0].containBranch, se.value = e4[0].name, ge();
+        ae.value = JSON.parse(l2), se.value = e4[0].containBranch, oe.value = e4[0].name, ye();
       });
     }), function() {
       const e3 = document.querySelector(".org-tree");
       let l2 = R();
       l2 = l2 - 110 - 60 - 60 - 60, e3.style.height = l2 + "px", e3.style.minHeight = "300px";
     }();
-  }), (e3, l2) => {
-    const t2 = n("el-checkbox"), I2 = n("el-icon"), k2 = n("el-input"), T2 = n("el-col"), N2 = n("el-row"), U2 = n("el-card"), w2 = n("el-empty"), R2 = n("el-tree"), E2 = n("el-button");
-    return a(), s("div", null, [o(U2, { class: "card-content", style: { height: "50px" } }, { default: r(() => [o(N2, { class: "item-row item-row-all" }, { default: r(() => [o(T2, { style: { width: "100%" } }, { default: r(() => [u("div", P, [u("div", J, [e3.multiple ? (a(), i(t2, { key: 0, modelValue: d(pe), "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => c(pe) ? pe.value = e4 : pe = e4), label: e3.$t("departmentTreeInline.allCheck"), value: "all", onChange: Ne }, null, 8, ["modelValue", "label"])) : p("", true)]), u("div", j, [o(k2, { modelValue: d(me).searchValue, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => d(me).searchValue = e4), placeholder: e3.$t("departmentUserTree.pleaseEnterUserInformation"), onClear: be, onKeyup: m(be, ["enter"]), onBlur: be, clearable: "" }, { suffix: r(() => [o(I2, { onClick: be }, { default: r(() => [o(d(v))]), _: 1 })]), _: 1 }, 8, ["modelValue", "placeholder", "onKeyup"])])])]), _: 1 })]), _: 1 })]), _: 1 }), d(se) ? (a(), i(U2, { key: 0, class: "card-content" }, { default: r(() => [o(N2, { class: "item-row item-row-all" }, { default: r(() => [o(T2, { class: "item-label dept-path" }, { default: r(() => [o(_, { tenantName: d(se), clickDepts: d(ie), onClickBreadcrumb: Re }, null, 8, ["tenantName", "clickDepts"])]), _: 1 })]), _: 1 })]), _: 1 })) : p("", true), o(U2, { class: "card-content org-tree", style: { overflow: "auto" } }, { default: r(() => [d(oe).length ? (a(), i(R2, { key: 1, ref_key: "orgTreeRef", ref: te, data: d(oe), "show-checkbox": e3.multiple, "node-key": "nodeId", props: d(fe), "default-checked-keys": d(de), onCheckChange: ye, onNodeClick: Ie }, { default: r(({ node: e4, data: l3 }) => [u("div", A, [l3.nodeType && "USER" === l3.nodeType ? (a(), s("div", D, [f(h(l3.showName) + " ", 1), u("span", F, "(" + h(l3.loginName) + h(d(x)(l3) ? "/" + d(x)(l3) : "") + ")", 1)])) : (a(), s("div", { key: 1, class: "item-label", onClick: (e5) => we(l3) }, [f(h(l3.showName), 1), "-1" !== l3.parentNodeId && d(S)(l3) ? (a(), s("span", K, "(" + h(d(S)(l3)) + ")", 1)) : p("", true)], 8, H)), l3.nodeType && "USER" === l3.nodeType ? p("", true) : (a(), s("div", { key: 2, class: "item-side", onClick: (e5) => we(l3) }, [o(I2, null, { default: r(() => [o(d(g))]), _: 1 })], 8, q))])]), _: 1 }, 8, ["data", "show-checkbox", "props", "default-checked-keys"])) : (a(), i(w2, { key: 0, image: d(O) }, null, 8, ["image"]))]), _: 1 }), o(U2, { class: "card-footer" }, { default: r(() => [u("div", z, [u("div", B, [e3.multiple ? (a(), s("span", { key: 0, onClick: xe }, [d(re).length > 0 && d(ue).length > 0 ? (a(), s("span", Z, h(e3.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(e3.$t("departmentUserTree.selectUserResultInfo", { userNum: d(re).length })) + ", " + h(e3.$t("departmentUserTree.selectDeptResultInfo", { deptNum: d(ue).length })), 1)) : d(re).length > 0 ? (a(), s("span", G, h(e3.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(e3.$t("departmentUserTree.selectUserResultInfo", { userNum: d(re).length })), 1)) : d(ue).length > 0 ? (a(), s("span", L, h(e3.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(e3.$t("departmentUserTree.selectDeptResultInfo", { deptNum: d(ue).length })), 1)) : p("", true), d(re).length > 0 || d(ue).length > 0 ? (a(), s("span", Q, [o(I2, null, { default: r(() => [o(d(y))]), _: 1 })])) : p("", true)])) : d(re).length > 0 ? (a(), s("span", W, [f(h(e3.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(d(re)[0].showName), 1), u("span", X, "(" + h(d(re)[0].loginName) + h(d(x)(d(re)[0]) ? "/" + d(x)(d(re)[0]) : "") + ")", 1)])) : p("", true)]), u("div", Y, [o(E2, { size: "large", type: "primary", onClick: Ee }, { default: r(() => [f(h(e3.$t("imatrixUIPublicModel.sure")), 1)]), _: 1 })])])]), _: 1 }), o(C, { ref_key: "deptResultRef", ref: ce, selectUsers: d(re).concat(d(ue)), onRemoveResult: Se }, null, 8, ["selectUsers"])]);
+  }), (l2, t2) => {
+    const I2 = n("el-checkbox"), k2 = n("el-icon"), T2 = n("el-input"), N2 = n("el-col"), U2 = n("el-row"), w2 = n("el-card"), R2 = n("el-empty"), E2 = n("el-tree"), b2 = n("el-button");
+    return a(), s("div", null, [o(w2, { class: "card-content", style: { height: "50px" } }, { default: r(() => [o(U2, { class: "item-row item-row-all" }, { default: r(() => [o(N2, { style: { width: "100%" } }, { default: r(() => [u("div", P, [u("div", J, [e2.multiple ? (a(), i(I2, { key: 0, modelValue: d(me), "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => c(me) ? me.value = e3 : me = e3), label: l2.$t("departmentTreeInline.allCheck"), value: "all", onChange: Ue }, null, 8, ["modelValue", "label"])) : p("", true)]), u("div", j, [o(T2, { modelValue: d(fe).searchValue, "onUpdate:modelValue": t2[1] || (t2[1] = (e3) => d(fe).searchValue = e3), placeholder: l2.$t("departmentUserTree.pleaseEnterUserInformation"), onClear: _e, onKeyup: m(_e, ["enter"]), onBlur: _e, clearable: "" }, { suffix: r(() => [o(k2, { onClick: _e }, { default: r(() => [o(d(v))]), _: 1 })]), _: 1 }, 8, ["modelValue", "placeholder"])])])]), _: 1 })]), _: 1 })]), _: 1 }), d(oe) ? (a(), i(w2, { key: 0, class: "card-content" }, { default: r(() => [o(U2, { class: "item-row item-row-all" }, { default: r(() => [o(N2, { class: "item-label dept-path" }, { default: r(() => [o(_, { tenantName: d(oe), clickDepts: d(de), onClickBreadcrumb: xe }, null, 8, ["tenantName", "clickDepts"])]), _: 1 })]), _: 1 })]), _: 1 })) : p("", true), o(w2, { class: "card-content org-tree", style: { overflow: "auto" } }, { default: r(() => [d(re).length ? (a(), i(E2, { key: 1, ref_key: "orgTreeRef", ref: ne, data: d(re), "show-checkbox": e2.multiple, "node-key": "nodeId", props: d(he), "default-checked-keys": d(ce), onCheckChange: Ie, onNodeClick: ke }, { default: r(({ node: e3, data: l3 }) => [u("div", A, [l3.nodeType && "USER" === l3.nodeType ? (a(), s("div", D, [f(h(l3.showName) + " ", 1), u("span", F, "(" + h(l3.loginName) + h(d(x)(l3) ? "/" + d(x)(l3) : "") + ")", 1)])) : (a(), s("div", { key: 1, class: "item-label", onClick: (e4) => Re(l3) }, [f(h(l3.showName), 1), "-1" !== l3.parentNodeId && d(S)(l3) ? (a(), s("span", K, "(" + h(d(S)(l3)) + ")", 1)) : p("", true)], 8, H)), l3.nodeType && "USER" === l3.nodeType ? p("", true) : (a(), s("div", { key: 2, class: "item-side", onClick: (e4) => Re(l3) }, [o(k2, null, { default: r(() => [o(d(g))]), _: 1 })], 8, q))])]), _: 1 }, 8, ["data", "show-checkbox", "props", "default-checked-keys"])) : (a(), i(R2, { key: 0, image: d(O) }, null, 8, ["image"]))]), _: 1 }), o(w2, { class: "card-footer" }, { default: r(() => [u("div", z, [u("div", B, [e2.multiple ? (a(), s("span", { key: 0, onClick: Se }, [d(ue).length > 0 && d(ie).length > 0 ? (a(), s("span", Z, h(l2.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(l2.$t("departmentUserTree.selectUserResultInfo", { userNum: d(ue).length })) + ", " + h(l2.$t("departmentUserTree.selectDeptResultInfo", { deptNum: d(ie).length })), 1)) : d(ue).length > 0 ? (a(), s("span", G, h(l2.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(l2.$t("departmentUserTree.selectUserResultInfo", { userNum: d(ue).length })), 1)) : d(ie).length > 0 ? (a(), s("span", L, h(l2.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(l2.$t("departmentUserTree.selectDeptResultInfo", { deptNum: d(ie).length })), 1)) : p("", true), d(ue).length > 0 || d(ie).length > 0 ? (a(), s("span", Q, [o(k2, null, { default: r(() => [o(d(y))]), _: 1 })])) : p("", true)])) : d(ue).length > 0 ? (a(), s("span", W, [f(h(l2.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(d(ue)[0].showName), 1), u("span", X, "(" + h(d(ue)[0].loginName) + h(d(x)(d(ue)[0]) ? "/" + d(x)(d(ue)[0]) : "") + ")", 1)])) : p("", true)]), u("div", Y, [o(b2, { size: "large", type: "primary", onClick: be }, { default: r(() => [f(h(l2.$t("imatrixUIPublicModel.sure")), 1)]), _: 1 })])])]), _: 1 }), o(C, { ref_key: "deptResultRef", ref: pe, selectUsers: d(ue).concat(d(ie)), onRemoveResult: Ee }, null, 8, ["selectUsers"])]);
   };
 } });
 export {

package/es/department-user-tree-mobile/src/dept-path.vue.mjs

@@ -1,12 +1,13 @@
-import { defineComponent as e, ref as l, resolveComponent as t, openBlock as a, createBlock as n, withCtx as c, createVNode as r, createElementBlock as u, toDisplayString as s, unref as i, Fragment as p, renderList as k } from "vue";
+import { defineComponent as e, ref as l, resolveComponent as t, openBlock as a, createBlock as n, withCtx as c, createVNode as r, createElementBlock as s, toDisplayString as u, unref as i, Fragment as p, renderList as k } from "vue";
 const m = { key: 1 }, d = ["onClick"], o = { key: 1 }, b = e({ __name: "dept-path", props: { tenantName: { type: String, default: null }, clickDepts: { type: Array, default: null } }, emits: ["clickBreadcrumb"], setup(e2, { emit: b2 }) {
-  let f = l(e2.tenantName);
-  function y(e3, l2, t2) {
-    b2("clickBreadcrumb", e3, l2, t2);
+  const f = b2;
+  let y = l(e2.tenantName);
+  function h(e3, l2, t2) {
+    f("clickBreadcrumb", e3, l2, t2);
   }
   return (l2, b3) => {
-    const h = t("el-breadcrumb-item"), _ = t("el-breadcrumb");
-    return a(), n(_, { separator: "/" }, { default: c(() => [r(h, null, { default: c(() => [e2.clickDepts.length > 0 ? (a(), u("span", { key: 0, class: "breadcrumb-label-link", onClick: b3[0] || (b3[0] = (e3) => y(null, true)) }, s(i(f)), 1)) : (a(), u("span", m, s(i(f)), 1))]), _: 1 }), (a(true), u(p, null, k(e2.clickDepts, (l3, t2) => (a(), n(h, { key: l3.id }, { default: c(() => [t2 < e2.clickDepts.length - 1 ? (a(), u("span", { key: 0, class: "breadcrumb-label-link", onClick: (e3) => y(l3, false, t2) }, s(l3.showName), 9, d)) : (a(), u("span", o, s(l3.showName), 1))]), _: 2 }, 1024))), 128))]), _: 1 });
+    const f2 = t("el-breadcrumb-item"), _ = t("el-breadcrumb");
+    return a(), n(_, { separator: "/" }, { default: c(() => [r(f2, null, { default: c(() => [e2.clickDepts.length > 0 ? (a(), s("span", { key: 0, class: "breadcrumb-label-link", onClick: b3[0] || (b3[0] = (e3) => h(null, true)) }, u(i(y)), 1)) : (a(), s("span", m, u(i(y)), 1))]), _: 1 }), (a(true), s(p, null, k(e2.clickDepts, (l3, t2) => (a(), n(f2, { key: l3.id }, { default: c(() => [t2 < e2.clickDepts.length - 1 ? (a(), s("span", { key: 0, class: "breadcrumb-label-link", onClick: (e3) => h(l3, false, t2) }, u(l3.showName), 9, d)) : (a(), s("span", o, u(l3.showName), 1))]), _: 2 }, 1024))), 128))]), _: 1 });
   };
 } });
 export {

package/es/department-user-tree-mobile/src/dept-result.vue.mjs

@@ -3,13 +3,14 @@ import { DeleteFilled as f } from "@element-plus/icons-vue";
 import { getUserMainDeptName as y, getDeptNamePath as v } from "../../utils/organization.mjs";
 const R = { style: { "text-align": "center" } }, k = { class: "item-row" }, g = { class: "item-label" }, T = { key: 0, style: { color: "#999" } }, _ = { key: 1, style: { color: "#999" } }, w = ["onClick"], U = e({ __name: "dept-result", props: { selectUsers: { type: Array, default: null } }, emits: ["removeResult"], setup(e2, { expose: U2, emit: h }) {
   let x = t(false);
+  const z = h;
   return U2({ showResult: function() {
     x.value = true;
   } }), (t2, U3) => {
-    const z = l("el-icon"), I = l("el-tree"), N = l("el-drawer");
+    const h2 = l("el-icon"), I = l("el-tree"), N = l("el-drawer");
     return o(), s(N, { modelValue: a(x), "onUpdate:modelValue": U3[0] || (U3[0] = (e3) => r(x) ? x.value = e3 : x = e3), direction: "btt", size: "80%", class: "organization-tree" }, { header: n(() => [d("div", R, i(t2.$t("departmentTreeInline.selectResultTitle")), 1)]), default: n(() => [a(x) ? (o(), s(I, { key: 0, ref: "orgResultTreeRef", data: e2.selectUsers, "node-key": "nodeId" }, { default: n(({ node: e3, data: t3 }) => [d("div", k, [d("div", g, [u(i(t3.showName) + " ", 1), t3.nodeType && "USER" === t3.nodeType ? (o(), m("span", T, "(" + i(t3.loginName) + i(a(y)(t3) ? "/" + a(y)(t3) : "") + ")", 1)) : c("", true), "-1" !== t3.parentNodeId && a(v)(t3) ? (o(), m("span", _, "(" + i(a(v)(t3)) + ")", 1)) : c("", true)]), d("div", { class: "item-side", onClick: (e4) => {
-      h("removeResult", t3);
-    } }, [p(z, null, { default: n(() => [p(a(f))]), _: 1 })], 8, w)])]), _: 1 }, 8, ["data"])) : c("", true)]), _: 1 }, 8, ["modelValue"]);
+      z("removeResult", t3);
+    } }, [p(h2, null, { default: n(() => [p(a(f))]), _: 1 })], 8, w)])]), _: 1 }, 8, ["data"])) : c("", true)]), _: 1 }, 8, ["modelValue"]);
   };
 } });
 export {

package/es/empty-state/index.vue.mjs

@@ -1,8 +1,8 @@
 import { defineComponent as t, openBlock as e, createElementBlock as i, createElementVNode as a, normalizeStyle as p, toDisplayString as m, unref as n } from "vue";
 import { useI18n as r } from "vue-i18n";
 const s = { class: "empty_center_area" }, o = { class: "empty_notAvailable_text" }, l = t({ __name: "index", props: { imageHeight: { type: String, default: "120px" }, imageWidth: { type: String, default: "120px" }, emptyText: { type: String, default: "" } }, setup(t2) {
-  const l2 = t2, { t: g } = r();
-  return (t3, r2) => (e(), i("div", s, [a("div", { class: "empty_notAvailable", style: p({ width: l2.imageWidth, height: l2.imageHeight }) }, [a("span", o, m(l2.emptyText ? l2.emptyText : n(g)("imatrixUIPromptMessage.NoContent")), 1)], 4)]));
+  const { t: l2 } = r(), g = t2;
+  return (t3, r2) => (e(), i("div", s, [a("div", { class: "empty_notAvailable", style: p({ width: g.imageWidth, height: g.imageHeight }) }, [a("span", o, m(g.emptyText ? g.emptyText : n(l2)("imatrixUIPromptMessage.NoContent")), 1)], 4)]));
 } });
 export {
   l as default