agilebuilder-ui 1.1.65-tmp26 → 1.1.65-tmp28

package/lib/workgroup-user-tree-mobile/src/workgroup-user-tree-inline-app.vue.cjs

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

package/lib/year-range-picker/src/year-range-picker.vue.cjs

@@ -6,6 +6,6 @@ const t = require("../../_virtual/_plugin-vue_export-helper.cjs")({ name: "YearR
   this.value[1] = a2, e.$emit(this, "change", this.value);
 } }, emits: ["change", "update:value", , "update:value"] }, [["render", function(e2, t2, l, r, o, n) {
   const u = a.resolveComponent("el-date-picker");
-  return a.openBlock(), a.createElementBlock("div", null, [a.createVNode(u, { modelValue: l.value[0], "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => l.value[0] = e3), style: { width: "47%" }, "value-format": "YYYY", type: "year", placeholder: e2.$t("imatrixUIMessage.selectYear"), onChange: n.changeStart }, null, 8, ["modelValue", "placeholder", "onChange"]), a.createTextVNode(" - "), a.createVNode(u, { modelValue: l.value[1], "onUpdate:modelValue": t2[1] || (t2[1] = (e3) => l.value[1] = e3), style: { width: "47%" }, "value-format": "YYYY", type: "year", placeholder: e2.$t("imatrixUIMessage.selectYear"), onChange: n.changeEnd }, null, 8, ["modelValue", "placeholder", "onChange"])]);
+  return a.openBlock(), a.createElementBlock("div", null, [a.createVNode(u, { modelValue: l.value[0], "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => l.value[0] = e3), style: { width: "47%" }, "value-format": "YYYY", type: "year", placeholder: e2.$t("imatrixUIMessage.selectYear"), onChange: n.changeStart }, null, 8, ["modelValue", "placeholder", "onChange"]), t2[2] || (t2[2] = a.createTextVNode(" - ", -1)), a.createVNode(u, { modelValue: l.value[1], "onUpdate:modelValue": t2[1] || (t2[1] = (e3) => l.value[1] = e3), style: { width: "47%" }, "value-format": "YYYY", type: "year", placeholder: e2.$t("imatrixUIMessage.selectYear"), onChange: n.changeEnd }, null, 8, ["modelValue", "placeholder", "onChange"])]);
 }]]);
 module.exports = t;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agilebuilder-ui",
-  "version": "1.1.65-tmp26",
+  "version": "1.1.65-tmp28",
   "type": "module",
   "private": false,
   "main": "./lib/index.cjs",
@@ -48,7 +48,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/views/layout/components/Menubar/Item.vue

@@ -2,7 +2,7 @@
 import { defineComponent, h } from 'vue'
 import SvgIcon from '../../../svg-icon/src/svg-icon.vue'
 import { ElBadge } from 'element-plus'
-import SuperIcon from '../../../../../packages/super-icon/index'
+import SuperIcon from '../../../super-icon/index'
 export default defineComponent({
   name: 'MenuItem',
   functional: true,

package/src/views/super-icon/index.js

@@ -0,0 +1,6 @@
+import SuperIcon from './src/index.vue'
+SuperIcon.install = function (Vue) {
+  Vue.component('SuperIcon', SuperIcon)
+}
+
+export default SuperIcon

package/src/views/super-icon/src/index.vue

@@ -0,0 +1,52 @@
+<template>
+  <i v-if="iconValue.indexOf('amb-icon-') === 0" class="amb-iconfont" :class="iconValue" />
+  <i v-else-if="iconValue.indexOf('amb-color-icon-') === 0" class="amb-color-iconfont super-icon" :class="iconValue" />
+  <i v-else-if="iconValue.indexOf('fa-') === 0" :class="'fa ' + iconValue" />
+  <img
+    v-else-if="iconValue.indexOf('svg-img-') === 0"
+    :src="defaultShowSvgAction + iconValue"
+    style="width: 1em; height: 1em"
+  />
+  <SvgIcon v-else-if="iconValue.indexOf('svg-') === 0" :icon-class="iconValue.substring('svg-'.length)" />
+  <img
+    v-else-if="iconValue.indexOf('http') === 0 || iconValue.indexOf('//') === 0 || iconValue.indexOf('data:') === 0"
+    :src="iconValue"
+    style="width: 1em; height: 1em"
+  />
+  <el-icon v-else><component :is="iconValue" /></el-icon>
+</template>
+<script lang="ts">
+export default {
+  name: 'SuperIcon'
+}
+</script>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import SvgIcon from '../../svg-icon/src/svg-icon.vue'
+const props = defineProps({
+  // 值为：ElementUI、custom
+  iconType: {
+    type: String,
+    default: 'custom'
+  },
+  iconValue: {
+    type: String,
+    required: true,
+    default: ''
+  }
+})
+const defaultShowImageAction = ref(
+  window.$vueApp.config.globalProperties.baseAPI + '/component/super-form/show-image?serverPath='
+)
+const defaultShowSvgAction = ref(
+  window.$vueApp.config.globalProperties.baseAPI + '/component/super-form/show-svg?svgName='
+)
+</script>
+<style lang="scss" scoped>
+.super-icon {
+  width: 1em; // 继承父类的 font-size
+  height: 1em; // 继承父类的 font-size
+  font-size: 14px; // 默认 font-size 为 14px
+}
+</style>

package/src/views/svg-icon/src/svg-icon.vue

@@ -1,6 +1,6 @@
 <template>
   <svg :class="svgClass" aria-hidden="true">
-    <use :href="iconName" />
+    <use :xlink:href="iconName" />
   </svg>
 </template>
 
@@ -10,12 +10,12 @@ export default {
   props: {
     iconClass: {
       type: String,
-      required: true
+      required: true,
     },
     className: {
       type: String,
-      default: ''
-    }
+      default: '',
+    },
   },
   computed: {
     iconName() {
@@ -27,11 +27,8 @@ export default {
       } else {
         return 'svg-icon'
       }
-    }
+    },
   },
-  created(){
-    console.log('====', this.iconClass)
-  }
 }
 </script>