agilebuilder-ui 1.1.65-tmp3 → 1.1.65-tmp31

package/es/workgroup-user-tree-inline/src/workgroup-user-tree-inline.vue.mjs

@@ -0,0 +1,172 @@
+import { Search as e } from "@element-plus/icons-vue";
+import { $emit as t } from "../../utils/gogocodeTransfer.mjs";
+import s from "../../src/utils/local-storage.mjs";
+import r from "../../utils/utils.mjs";
+import l from "./workgroup-tree-inline-service.mjs";
+import o from "./search-result.vue.mjs";
+import i from "../../empty-state/index.vue.mjs";
+import { resolveComponent as n, openBlock as a, createElementBlock as h, createVNode as d, withCtx as c, withKeys as u, Fragment as p, createElementVNode as f, createBlock as m, normalizeClass as g, toDisplayString as k, createCommentVNode as N } from "vue";
+import "./workgroup-user-tree-inline.vue2.mjs";
+import U from "../../_virtual/_plugin-vue_export-helper.mjs";
+const S = { data: () => ({ filterText: "", defaultProps: { id: "id", label: "name", children: "children", isLeaf: "leaf" }, searchParam: { userField: null, searchValue: null, treeType: "MAN_GROUP_TREE", departmentInfo: null }, containBranch: false, tenantNodeId: -1, allSearchNodeIds: [], allExpandNodeIds: [], isClickNode: false, restaurants: [], searchValue: null, searchResult: [], selectResult: [], searchStoreKey: "searchWorkgroupUser", selectNodeInfo: null, tenantInfo: {}, ElIconSearch: e, canShowOrgTree: false }), name: "InlineWorkgroupUserTree", components: { WorkgroupUserResult: o, EmptyState: i }, props: { multiple: { type: Boolean, default: true }, branchInfo: { type: Array, default: null }, selectUserInfo: { type: [String, Number], default: null }, searchField: { type: String, default: "loginName" }, separator: { type: String, default: "," } }, computed: {}, watch: { filterText(e2) {
+  e2 || (this.searchValue = e2, this.loadWorkgroup(this.tenantNodeId, this.tenantNodeId + ""));
+} }, created() {
+  r.canShowOrgTree().then((e2) => {
+    this.canShowOrgTree = e2;
+  }), this.multiple && this.initSelectUsers(this.searchField, this.selectUserInfo, this.separator).then((e2) => {
+    e2 && (this.selectResult = e2);
+  });
+}, mounted() {
+  var e2 = s.getObject(this.searchStoreKey);
+  this.restaurants = e2 || [];
+}, methods: { ...r, ...l, addWorkgroupUser(e2, t2) {
+  const s2 = this.selectResult.filter(this.filterWorkgroup(t2));
+  s2 && 0 === s2.length && this.selectResult.push(t2);
+}, filterWorkgroup: (e2) => (t2) => t2.id === e2.id, removeWorkgroupUser(e2, t2) {
+  if (this.$refs.workgroupUserTree) {
+    const e3 = this.$refs.workgroupUserTree.getCheckedKeys().filter(this.filterUserNode(t2));
+    e3.length > 0 && e3.forEach((e4) => {
+      this.$refs.workgroupUserTree.setChecked(e4, false);
+    });
+  }
+  this.selectResult = this.removeRow(this.selectResult, t2), this.selectResult && 0 !== this.selectResult.length || this.$refs.workgroupUserTree && this.$refs.workgroupUserTree.setCheckedKeys([]);
+}, getSelectWorkgroupUser(e2) {
+  this.packageSelectResult(e2);
+}, resultRowDblclick(e2) {
+  this.packageSelectResult(e2), t(this, "result", this.selectNodeInfo);
+}, packageSelectResult(e2) {
+  e2.tenantCode = this.tenantInfo.code, e2.tenantName = this.tenantInfo.tenantName;
+  let t2 = e2.name;
+  e2.enName && "" !== e2.enName.trim() && (t2 = t2 + "(" + e2.enName + ")");
+  const s2 = { id: e2.id, name: t2, loginName: e2.loginName, email: e2.email, telephone: e2.telephone, containBranch: this.containBranch, user: e2, enName: e2.enName, subCompanyName: e2.subCompanyName };
+  this.selectNodeInfo = s2;
+}, handleSelect(e2) {
+  this.handleSelectUtil(e2, s);
+}, search(e2) {
+  this.searchValue = e2, this.$refs.workgroupUserTree && this.$refs.workgroupUserTree.filter(e2);
+}, clickSearch() {
+  this.storeSeachValue(s, this.searchStoreKey, this.filterText), this.search(this.filterText);
+}, filterNode(e2, t2, s2) {
+  if (e2) {
+    if (t2.nodeType && "USER" === t2.nodeType) {
+      const s3 = JSON.parse(t2.data);
+      return this.filterUserVal(s3, e2);
+    }
+    return false;
+  }
+  return true;
+}, filterUserVal(e2, t2) {
+  const s2 = ["name", "loginName", "email", "telephone", "jobNumber", "honorificName"];
+  let r2 = false;
+  for (let l2 = 0; l2 < s2.length; l2++) {
+    const o2 = s2[l2];
+    if (!(-1 !== e2[o2].indexOf(t2) || "name" === o2 && e2.enName && -1 !== e2.enName.indexOf(t2))) {
+      r2 = false;
+      break;
+    }
+    r2 = true;
+  }
+  return r2;
+}, handleCheckNode(e2, t2) {
+  t2.checkedKeys.indexOf(e2.nodeId) > -1 ? this.checkedNode(e2, false) : this.cancelCheckedNode(e2);
+}, checkedNodeAndChildren(e2) {
+  this.$refs.workgroupUserTree.store.nodesMap[e2.nodeId].expanded = true, this.$refs.workgroupUserTree.setChecked(e2.nodeId, true);
+  const t2 = e2.children;
+  t2 && t2.forEach((e3) => {
+    this.checkedNodeAndChildren(e3), this.selectResult.push(JSON.parse(e3.data));
+  });
+}, cancelCheckedNode(e2) {
+  e2.id === this.tenantNodeId ? this.$refs.workgroupUserTree.setCheckedKeys([]) : e2.nodeType && "WORKGROUP" === e2.nodeType ? this.cancelCheckedUserNodesWithWorkgroup(e2) : this.selectResult = this.removeRow(this.selectResult, JSON.parse(e2.data));
+}, checkedAllWorkgroups(e2) {
+  const t2 = e2.children;
+  t2 && t2.forEach((e3) => {
+    this.$refs.workgroupUserTree.setChecked(e3.nodeId, true);
+  });
+}, cancelCheckedUserNodesWithWorkgroup(e2) {
+  const t2 = e2.children;
+  t2 && t2.forEach((e3) => {
+    this.$refs.workgroupUserTree.setChecked(e3.nodeId, false), this.selectResult = this.removeRow(this.selectResult, JSON.parse(e3.data));
+  });
+}, handleNodeClick(e2, t2, s2) {
+  this.multiple && this.clickNodeWhenMultiple(e2), this.selectSingleNode(e2, false);
+}, selectSingleNode(e2, s2) {
+  if (this.isUserNode(e2) && !this.multiple) {
+    const r2 = JSON.parse(e2.data);
+    r2.tenantCode = this.tenantInfo.code, r2.tenantName = this.tenantInfo.tenantName;
+    let l2 = r2.name;
+    r2.enName && "" !== r2.enName.trim() && (l2 = l2 + "(" + r2.enName + ")");
+    const o2 = { id: r2.id, name: l2, loginName: r2.loginName, email: r2.email, telephone: r2.telephone, containBranch: this.containBranch, user: r2, enName: r2.enName, subCompanyName: r2.subCompanyName };
+    this.selectNodeInfo = o2, true === s2 && t(this, "result", o2);
+  }
+}, clickNodeWhenMultiple(e2) {
+  var t2 = [];
+  this.$refs.workgroupUserTree && (t2 = this.$refs.workgroupUserTree.getCheckedKeys()), this.$refs.workgroupUserTree.store.nodesMap[e2.nodeId].expanded = true, t2.indexOf(e2.nodeId) > -1 ? (this.$refs.workgroupUserTree.setChecked(e2.nodeId, false), this.cancelCheckedNode(e2)) : (this.$refs.workgroupUserTree.setChecked(e2.nodeId, true), this.checkedNode(e2, true));
+}, isUserNode(e2) {
+  return e2.id !== this.tenantNodeId && e2.nodeType && "USER" === e2.nodeType;
+}, singleSetValue() {
+  let e2 = false;
+  if (this.searchValue)
+    this.selectNodeInfo, this.selectNodeInfo ? t(this, "result", this.selectNodeInfo) : e2 = true;
+  else {
+    const t2 = this.$refs.workgroupUserTree.getCurrentNode();
+    t2 && null !== t2 && this.isUserNode(t2) ? this.selectSingleNode(t2, true) : e2 = true;
+  }
+  this.showTip(e2);
+}, multipleSetValue() {
+  let e2 = false;
+  var s2 = { userIds: [], userNames: [], loginNames: [], emails: [], telephones: [], users: [] };
+  if (this.searchValue)
+    this.selectResult.length > 0 ? (this.selectResult.forEach((e3) => {
+      this.addSelectedUserInfo(s2, e3);
+    }), t(this, "result", s2)) : e2 = true;
+  else {
+    var r2 = [], l2 = this.$refs.workgroupUserTree.getCheckedNodes();
+    if (l2)
+      if (0 === l2.length)
+        e2 = true;
+      else {
+        for (var o2 = 0; o2 < l2.length; o2++) {
+          var i2 = l2[o2];
+          if (this.isSelectTenantNode(i2.id)) {
+            s2.userIds = [], s2.userNames = [], s2.userIds.push(i2.id), s2.userNames.push("所有工作组人员");
+            break;
+          }
+          if (i2.id !== this.tenantNodeId)
+            if (i2.leaf) {
+              if (this.isUserNode(i2)) {
+                const e3 = JSON.parse(i2.data);
+                this.addSelectedUserInfo(s2, e3);
+              }
+            } else {
+              const e3 = i2.children;
+              e3 && e3.length > 0 ? e3.forEach((e4) => {
+                const t2 = JSON.parse(e4.data);
+                this.addSelectedUserInfo(s2, t2);
+              }) : r2.push(i2.id);
+            }
+        }
+        r2.length > 0 ? (this.getAllSelectedWorkgroupUsers(r2, s2), e2 = false) : s2.userIds.length > 0 ? t(this, "result", s2) : e2 = true;
+      }
+    else
+      e2 = true;
+  }
+  this.showTip(e2);
+}, showTip(e2) {
+  e2 && this.$alert(this.$t("imatrixUIMessage.pleaseSelectPersonnel"), this.$t("imatrixUIMessage.tips"), { confirmButtonText: this.$t("imatrixUIPublicModel.sure") });
+}, selectWorkgroupUser() {
+  this.multiple ? this.multipleSetValue() : this.singleSetValue();
+}, isSelectTenantNode(e2) {
+  return e2 === this.tenantNodeId && (!this.branchInfo || 0 === this.branchInfo.length);
+}, addSelectedUserInfo(e2, t2) {
+  if (0 === e2.userIds.filter(this.filterUserId(t2)).length) {
+    let s2 = t2.name;
+    t2.enName && "" !== t2.enName && (s2 = s2 + "(" + t2.enName + ")"), t2.tenantCode = this.tenantInfo.code, t2.tenantName = this.tenantInfo.tenantName, e2.containBranch = this.containBranch, e2.users.push(t2), e2.userIds.push(t2.id), e2.loginNames.push(t2.loginName), e2.userNames.push(s2), e2.emails.push(t2.email), e2.telephones.push(t2.telephone);
+  }
+}, filterUserId: (e2) => (t2) => t2 === e2.id, filterUserNode: (e2) => (t2) => t2.substring(t2.lastIndexOf("~") + 1) === e2.id + "" }, emits: ["result"] }, I = { key: 0, style: { "padding-top": "5px", overflow: "auto", width: "auto", display: "inline-block !important" } }, y = ["title"], w = { key: 1, style: { height: "100%", overflow: "hidden" } }, R = { style: { "text-align": "left", "font-size": "16px" } }, T = { style: "padding-top: 5px;height:90%;overflow: hidden;" };
+const C = U(S, [["render", function(e2, t2, s2, r2, l2, o2) {
+  const i2 = n("el-button"), U2 = n("el-autocomplete"), S2 = n("el-header"), C2 = n("Menu"), b = n("Calendar"), x = n("el-icon"), v = n("el-tree"), W = n("EmptyState"), $ = n("workgroup-user-result"), V = n("el-main"), O = n("el-container"), E = n("el-aside");
+  return a(), h("div", null, [d(O, { style: { height: "395px" } }, { default: c(() => [d(E, { width: "430px" }, { default: c(() => [d(O, { style: { height: "390px" } }, { default: c(() => [d(S2, { style: { "text-align": "right", "font-size": "12px", height: "35px" } }, { default: c(() => [d(U2, { modelValue: l2.filterText, "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => l2.filterText = e3), "fetch-suggestions": e2.querySearch, placeholder: e2.$t("departmentUserTree.pleaseEnterUserInformation"), "trigger-on-focus": false, class: "inline-input inline-input-custom", "select-when-unmatched": "", size: "default", onSelect: o2.handleSelect, onKeyup: u(o2.clickSearch, ["enter"]) }, { append: c(() => [d(i2, { icon: l2.ElIconSearch, onClick: o2.clickSearch }, null, 8, ["icon", "onClick"])]), _: 1 }, 8, ["modelValue", "fetch-suggestions", "placeholder", "onSelect", "onKeyup"])]), _: 1 }), d(V, { style: { padding: "10px" } }, { default: c(() => [l2.searchValue ? N("", true) : (a(), h(p, { key: 0 }, [l2.canShowOrgTree ? (a(), h("div", I, [d(v, { ref: "workgroupUserTree", "filter-node-method": o2.filterNode, load: e2.loadNode, props: l2.defaultProps, "show-checkbox": s2.multiple, lazy: "", "node-key": "nodeId", onCheck: o2.handleCheckNode, onNodeClick: o2.handleNodeClick }, { default: c(({ node: e3, data: t3 }) => [f("span", null, [d(x, null, { default: c(() => [-1 === e3.data.id ? (a(), m(C2, { key: 0 })) : (a(), m(b, { key: 1 }))]), _: 2 }, 1024), f("span", { class: g(t3.nodeType && "USER" === t3.nodeType && l2.searchValue && o2.filterUserVal(t3, l2.searchValue) ? "searchResult" : ""), title: e3.label }, k(e3.label), 11, y)])]), _: 1 }, 8, ["filter-node-method", "load", "props", "show-checkbox", "onCheck", "onNodeClick"])])) : (a(), m(W, { key: 1, style: { width: "100%", height: "100%" } }))], 64)), l2.searchValue && l2.searchValue.length > 0 ? (a(), h("div", w, [d($, { ref: "workgroupUserResult", "grid-data": l2.searchResult, height: e2.height, "is-search-result": true, multiple: s2.multiple, "select-result": l2.selectResult, onAddWorkgroupUser: o2.addWorkgroupUser, onResultRowDblclick: o2.resultRowDblclick, onSelectResult: o2.getSelectWorkgroupUser }, null, 8, ["grid-data", "height", "multiple", "select-result", "onAddWorkgroupUser", "onResultRowDblclick", "onSelectResult"])])) : N("", true)]), _: 1 })]), _: 1 })]), _: 1 }), s2.multiple ? (a(), m(O, { key: 0 }, { default: c(() => [d(E, { width: "2px" }, { default: c(() => [...t2[1] || (t2[1] = [f("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 }), d(V, { style: { padding: "10px" } }, { default: c(() => [f("div", R, k(e2.$t("departmentUserTree.selectedPeople")) + "::", 1), f("div", T, [d($, { "grid-data": l2.selectResult, height: e2.height, "is-search-result": false, multiple: s2.multiple, onRemoveWorkgroupUser: o2.removeWorkgroupUser, onResultRowDblclick: o2.resultRowDblclick, onSelectResult: o2.getSelectWorkgroupUser }, null, 8, ["grid-data", "height", "multiple", "onRemoveWorkgroupUser", "onResultRowDblclick", "onSelectResult"])])]), _: 1 })]), _: 1 })) : N("", true)]), _: 1 })]);
+}]]);
+export {
+  C as default
+};

package/es/workgroup-user-tree-inline/src/workgroup-user-tree-inline.vue2.mjs

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

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

@@ -0,0 +1,15 @@
+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 }) {
+  const f = b2;
+  let y = l(e2.tenantName);
+  function h(e3, l2, t2) {
+    f("clickBreadcrumb", e3, l2, t2);
+  }
+  return (l2, b3) => {
+    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 {
+  b as default
+};

package/es/workgroup-user-tree-mobile/src/dept-path.vue2.mjs

@@ -0,0 +1,4 @@
+import t from "./dept-path.vue.mjs";
+export {
+  t as default
+};

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

@@ -0,0 +1,18 @@
+import { defineComponent as e, ref as t, resolveComponent as l, openBlock as o, createBlock as s, unref as a, isRef as r, withCtx as n, createElementVNode as d, toDisplayString as i, createTextVNode as u, createElementBlock as m, createCommentVNode as c, createVNode as p } from "vue";
+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 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) => {
+      z("removeResult", t3);
+    } }, [p(h2, null, { default: n(() => [p(a(f))]), _: 1 })], 8, w)])]), _: 1 }, 8, ["data"])) : c("", true)]), _: 1 }, 8, ["modelValue"]);
+  };
+} });
+export {
+  U as default
+};

package/es/workgroup-user-tree-mobile/src/dept-result.vue2.mjs

@@ -0,0 +1,4 @@
+import e from "./dept-result.vue.mjs";
+export {
+  e as default
+};

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

@@ -0,0 +1,16 @@
+import { defineComponent as e, ref as r, resolveComponent as l, openBlock as o, createBlock as t, unref as s, isRef as a, withCtx as n, createElementVNode as c, toDisplayString as i, createCommentVNode as p } from "vue";
+import u from "./workgroup-user-tree-inline-app.vue.mjs";
+const m = { style: { "text-align": "center" } }, d = e({ name: "DepartmentUserTreeMobile", props: { multiple: {}, branchInfo: {}, selectUserInfo: {}, searchField: {}, separator: {} }, emits: ["close"], setup(e2, { emit: d2 }) {
+  const f = d2;
+  let h = r(true);
+  function I(e3) {
+    f("close", e3), h.value = false;
+  }
+  return (r2, d3) => {
+    const f2 = l("el-drawer");
+    return o(), t(f2, { modelValue: s(h), "onUpdate:modelValue": d3[0] || (d3[0] = (e3) => a(h) ? h.value = e3 : h = 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) => I()) }, { header: n(() => [c("div", m, i(r2.$t("imatrixUIMessage.pleaseSelect")), 1)]), default: n(() => [s(h) ? (o(), t(u, { key: 0, multiple: e2.multiple, branchInfo: e2.branchInfo, selectUserInfo: e2.selectUserInfo, searchField: e2.searchField, separator: e2.separator, onClose: I }, null, 8, ["multiple", "branchInfo", "selectUserInfo", "searchField", "separator"])) : p("", true)]), _: 1 }, 8, ["modelValue"]);
+  };
+} });
+export {
+  d as default
+};

package/es/workgroup-user-tree-mobile/src/workgroup-user-tree-app.vue2.mjs

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

package/es/workgroup-user-tree-mobile/src/workgroup-user-tree-app.vue3.mjs

@@ -0,0 +1,5 @@
+import r from "./workgroup-user-tree-app.vue.mjs";
+import "./workgroup-user-tree-app.vue2.mjs";
+export {
+  r as default
+};

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

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

package/es/workgroup-user-tree-mobile/src/workgroup-user-tree-inline-app.vue2.mjs

@@ -0,0 +1,4 @@
+import e from "./workgroup-user-tree-inline-app.vue.mjs";
+export {
+  e as default
+};

package/es/year-range-picker/index.mjs

@@ -0,0 +1,7 @@
+import e from "./src/year-range-picker.vue.mjs";
+e.install = function(n) {
+  n.component(e.name, e);
+};
+export {
+  e as default
+};

package/es/year-range-picker/src/year-range-picker.vue.mjs

@@ -0,0 +1,14 @@
+import { $emit as e } from "../../utils/gogocodeTransfer.mjs";
+import { resolveComponent as a, openBlock as l, createElementBlock as t, createVNode as r, createTextVNode as o } from "vue";
+import n from "../../_virtual/_plugin-vue_export-helper.mjs";
+const u = n({ name: "YearRangePicker", props: { value: { type: Array, default: () => [] } }, data: () => ({ yearStart: "", yearEnd: "" }), methods: { changeStart(a2) {
+  this.value[0] = a2, e(this, "change", this.value);
+}, changeEnd(a2) {
+  this.value[1] = a2, e(this, "change", this.value);
+} }, emits: ["change", "update:value", , "update:value"] }, [["render", function(e2, n2, u2, d, h, s) {
+  const i = a("el-date-picker");
+  return l(), t("div", null, [r(i, { modelValue: u2.value[0], "onUpdate:modelValue": n2[0] || (n2[0] = (e3) => u2.value[0] = e3), style: { width: "47%" }, "value-format": "YYYY", type: "year", placeholder: e2.$t("imatrixUIMessage.selectYear"), onChange: s.changeStart }, null, 8, ["modelValue", "placeholder", "onChange"]), n2[2] || (n2[2] = o(" - ", -1)), r(i, { modelValue: u2.value[1], "onUpdate:modelValue": n2[1] || (n2[1] = (e3) => u2.value[1] = e3), style: { width: "47%" }, "value-format": "YYYY", type: "year", placeholder: e2.$t("imatrixUIMessage.selectYear"), onChange: s.changeEnd }, null, 8, ["modelValue", "placeholder", "onChange"])]);
+}]]);
+export {
+  u as default
+};

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "agilebuilder-ui",
-  "version": "1.1.65-tmp3",
+  "version": "1.1.65-tmp31",
   "type": "module",
   "private": false,
-  "main": "./lib/index.js",
+  "module": "./es/index.mjs",
+  "files": [
+    "es",
+    "src/styles"
+  ],
   "scripts": {
     "lib": "vite build --mode production",
     "lib:dev": "vite build --mode development",
@@ -11,11 +15,15 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@codemirror/lang-json": "^6.0.1",
+    "@codemirror/state": "^6.4.1",
     "@tinymce/tinymce-vue": "4.0.4",
     "@vitejs/plugin-vue-jsx": "^4.1.2",
+    "@vueuse/core": "9.13.0",
     "@zxing/library": "^0.20.0",
     "async-validator": "^4.2.5",
     "clipboard": "^2.0.11",
+    "codemirror": "^6.0.1",
     "compressorjs": "1.2.1",
     "dayjs": "1.11.13",
     "echarts": "^5.5.0",
@@ -29,15 +37,12 @@
     "tinymce": "5.8.2",
     "uuid": "^9.0.1",
     "vue-echarts": "^6.6.9",
-    "vue-element-plus-x": "1.3.7"
+    "vue-element-plus-x": "1.3.98"
   },
   "devDependencies": {
-    "@codemirror/lang-json": "^6.0.1",
-    "@codemirror/state": "^6.4.1",
     "@element-plus/icons-vue": "^2.1.0",
     "@vitejs/plugin-vue": "^4.2.3",
     "axios": "^1.5.1",
-    "codemirror": "^6.0.1",
     "element-plus": "^2.4.1",
     "nprogress": "^0.2.0",
     "pinia": "^2.1.7",
@@ -46,7 +51,7 @@
     "vite": "^4.4.5",
     "vite-plugin-require-transform": "^1.0.21",
     "vite-plugin-svg-icons": "^2.0.1",
-    "vue": "3.3.4",
+    "vue": "^3.5.17",
     "vue-i18n": "^9.5.0",
     "vue-router": "^4.2.5",
     "vuex": "^4.1.0"

package/src/styles/index.scss

@@ -36,11 +36,18 @@ body {
 .el-select .el-select__tags-text,
 .el-select .el-select__selected-item,
 .el-table .cell,
-.el-input__inner,
-.el-textarea__inner {
+.el-input__inner {
   white-space: pre !important;
 }
 
+// textarea 自动换行样式，否则会被white-space: nowrap覆盖
+.el-textarea__inner {
+  white-space: pre-wrap !important;
+  word-wrap: break-word !important;
+  word-break: break-all;
+  overflow-wrap: break-word;
+}
+
 html,
 body {
   margin: 0;
@@ -235,6 +242,10 @@ body .el-table colgroup.gutter {
   box-shadow: var(--el-box-shadow-light);
 }
 
+.amb-widget-chart.amb-chart-table {
+  box-shadow: none;
+}
+
 .amb-widget-flex {
   display: flex;
   flex-direction: column

package/src/styles/theme/dark-blue/select.scss

@@ -8,7 +8,7 @@
   .runtime-page-container,
   .amb-design-board {
     .el-select__wrapper {
-      height: var(--el-input-height);
+      min-height: var(--el-input-height);
       font-size: var(--input-font-size);
     }
   }
@@ -21,4 +21,30 @@
     height: auto !important;
     font-size: inherit !important;
   }
+
+  .el-select-dropdown__item.option-description-newLine {
+    height: auto !important;
+    min-height: 34px;
+    line-height: normal;
+    padding: 10px 20px;
+    white-space: normal;
+
+    div {
+      gap: 4px;
+    }
+
+    span:first-child {
+      font-weight: 500;
+    }
+
+    span:last-child {
+      font-size: 12px;
+      color: #909399;
+      line-height: 1.4;
+    }
+  }
+
+  .el-select__popper {
+    max-width: 90vw !important;
+  }
 }

package/src/styles/theme/default.scss

@@ -2,30 +2,35 @@
 
 // :not(:has( > .three-column-layout, > .el-container))
 .app-container {
-    padding: var(--app-container-padding, 15px);
-    border-radius: 6px;
-    box-shadow: 0px 1px 8px 0px #00000019;
-    background-color: #fff;
+  padding: var(--app-container-padding, 15px);
+  border-radius: 6px;
+  box-shadow: 0px 1px 8px 0px #00000019;
+  background-color: #fff;
 }
 
 .flex-gap-15 {
-    display: flex;
-    gap: var(--layout-form-flex-gap, 15px);
-    align-items: center;
+  display: flex;
+  gap: var(--layout-form-flex-gap, 15px);
+  align-items: center;
 
-    & .el-button {
-        margin: 0;
+  & .el-button {
+    margin: 0;
 
-        &+.el-button {
-            margin: 0;
-        }
+    &+.el-button {
+      margin: 0;
     }
+  }
 }
 
 .operation-area {
   margin-bottom: 20px;
 }
 
+.operation-area--right {
+  display: flex;
+  justify-content: flex-end;
+}
+
 .operation-area-chart {
   padding-right: 24px;
   padding-top: 24px;
@@ -37,4 +42,4 @@
   position: fixed;
   bottom: 0;
   right: 4%;
-}
+}