agilebuilder-ui 1.1.65-tmp3 → 1.1.65-tmp30

package/es/multipart-upload/src/multipart-upload-form.vue.mjs

@@ -0,0 +1,82 @@
+import { Upload as e, ZoomIn as l, View as i, Delete as t } from "@element-plus/icons-vue";
+import { $emit as o } from "../../utils/gogocodeTransfer.mjs";
+import { getToken as s } from "../../src/utils/auth.mjs";
+import { isImage as a } from "../../src/utils/util.mjs";
+import { isPlateSys as n, getSystemFrontendUrlWith as r, getKkFilePreviewUrl as p } from "../../src/utils/common-util.mjs";
+import { resolveComponent as d, openBlock as u, createElementBlock as c, Fragment as h, createVNode as m, withCtx as f, createElementVNode as w, createBlock as v, createCommentVNode as g, createTextVNode as I, toDisplayString as b } from "vue";
+import P from "../../fs-preview/src/fs-preview.vue.mjs";
+import U from "../../_virtual/_plugin-vue_export-helper.mjs";
+const F = { data() {
+  const i2 = { Authorization: s() };
+  let t2 = window.$vueApp.config.globalProperties.baseURL + "/common/fs-upload";
+  return n(window.$vueApp.config.globalProperties.systemCode) && (t2 = window.$vueApp.config.globalProperties.baseAPI + "/component/super-form/uploads"), { deleteUuids: [], headers: i2, defaultAction: t2, annexUploadFlag: false, showPreviewSingleImage: false, showPreviewMulti: false, lastFileName: null, previewImageInfo: {}, showFileList: this.fileList, ElIconUpload2: e, ElIconZoomIn: l };
+}, components: { FsPreview: P, ElIconView: i, ElIconDelete: t }, name: "MultipartUploadForm", props: { value: { type: String, default: null }, fileInfo: { type: Object, default: () => ({ name: null, serverPath: null }) }, fileSetObj: { type: Object, default: () => ({ limitFileSize: 30, multiple: false, accept: null }) }, customViewUrl: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, uploadAble: { type: Boolean, default: true }, deletaAble: { type: Boolean, default: true }, fileList: { type: Array, default: () => [] } }, created() {
+}, mounted() {
+  this.getFileList();
+}, methods: { openAnnexUpload() {
+  this.annexUploadFlag = true;
+}, handleBeforeUpload(e2) {
+  let l2 = this.fileSetObj.limitFileSize;
+  if (void 0 === l2 && (l2 = 30), e2.size > 1024 * l2 * 1024)
+    return this.$message({ type: "warning", message: this.$t("imatrixUIMessage.exceedFileSize", { fileSize: l2 }), showClose: true }), false;
+}, uploadOnSuccess(e2, l2) {
+  if (e2)
+    if (o(this, "upload-success", { showName: e2.name, serverPath: e2.serverPath }), this.fileSetObj.multiple)
+      if (this.fileInfo.showName) {
+        const l3 = this.fileInfo.showName.split(","), i2 = this.fileInfo.serverPath.split(",");
+        l3.push(e2.name), i2.push(e2.serverPath), this.fileInfo.showName = l3.join(","), this.fileInfo.serverPath = i2.join(",");
+      } else
+        this.fileInfo.showName = e2.name, this.fileInfo.serverPath = e2.serverPath;
+    else
+      this.fileInfo.showName = e2.name, this.fileInfo.serverPath = e2.serverPath;
+  this.annexUploadFlag = false;
+}, preview() {
+  this.getFileList(), this.showPreviewMulti = true;
+}, previewSingle(e2) {
+  a(e2.showName) ? (this.previewImageInfo = e2, this.showPreviewSingleImage = true) : this.previewDoc(e2);
+}, getFileList() {
+  if (this.customViewUrl)
+    this.showFileList = this.fileList;
+  else {
+    const e2 = this.fileInfo.showName.split(","), l2 = this.fileInfo.serverPath.split(",");
+    if (0 === e2.length || 0 === l2.length || e2.length !== l2.length)
+      return;
+    const i2 = [], t2 = window.$vueApp.config.globalProperties.baseURL + "/common/super-form/downloads?jwt=" + s();
+    for (let o2 = 0; o2 < e2.length; o2++) {
+      const s2 = e2[o2];
+      if (s2 && l2[o2]) {
+        const e3 = { showName: s2, serverPath: l2[o2], src: t2 + "&showName=" + s2 + "&serverPath=" + l2[o2] };
+        a(s2) ? e3.isImg = true : e3.isImg = false, i2.push(e3);
+      }
+    }
+    this.showFileList = i2;
+  }
+}, previewDoc(e2) {
+  const l2 = s();
+  if (window.$vueApp.config.globalProperties.customPreviewUrl)
+    window.open(r(window.$vueApp.config.globalProperties.portalUrl) + "/#/file-service/preview?serverPath=" + e2.serverPath + "&showName=" + encodeURI(e2.showName), e2.showName);
+  else {
+    let i2;
+    const t2 = e2.showName, o2 = e2.serverPath;
+    let s2 = window.$vueApp.config.globalProperties.baseURL;
+    if (n(window.$vueApp.config.globalProperties.systemCode) && (s2 = window.$vueApp.config.globalProperties.baseAPI), window.$vueApp.config.globalProperties.kkFileViewUrl) {
+      const e3 = s2 + "/common/super-form/downloads?jwt=" + l2 + "&showName=" + encodeURI(t2) + "&serverPath=" + o2;
+      p(e3 + "&fullfilename=" + t2).then((e4) => {
+        window.open(e4, t2);
+      });
+    } else
+      i2 = s2 + "/common/fs-upload/preview?jwt=" + l2, i2 = i2 + "&showName=" + encodeURI(t2) + "&serverPath=" + o2, window.open(i2, t2);
+  }
+}, deleteRow(e2) {
+  const l2 = this.showFileList[e2], i2 = [], t2 = [];
+  for (let l3 = 0; l3 < this.showFileList.length; l3++)
+    l3 !== e2 && (i2.push(this.showFileList[l3].showName), t2.push(this.showFileList[l3].serverPath));
+  this.fileInfo.showName = i2.join(","), this.fileInfo.serverPath = t2.join(","), this.getFileList(), o(this, "delete-success", { deleteFile: l2, all: this.showFileList }), o(this, "delete", this.showFileList, e2);
+} }, emits: ["close", "upload-success", "delete-success", "delete", "update:value", , "close", , "update:value"] }, y = { class: "group-link-btn-main" };
+const $ = U(F, [["render", function(e2, l2, i2, t2, o2, s2) {
+  const a2 = d("ElIconUpload2"), n2 = d("el-icon"), r2 = d("el-link"), p2 = d("ElIconZoomIn"), P2 = d("el-input"), U2 = d("el-button"), F2 = d("el-upload"), $2 = d("el-dialog"), x = d("el-image"), L = d("el-table-column"), j = d("el-icon-view"), k = d("el-tooltip"), A = d("el-icon-delete"), N = d("el-table"), _ = d("fs-preview");
+  return u(), c("div", null, [i2.disabled ? (u(), v(_, { key: 1, "file-list": o2.showFileList, label: i2.value }, null, 8, ["file-list", "label"])) : (u(), c(h, { key: 0 }, [m(P2, { ref: "item", disabled: i2.disabled, "model-value": i2.value, placeholder: e2.$t("imatrixUIMessage.fileUpload"), readonly: true }, { append: f(() => [w("div", y, [i2.disabled ? g("", true) : (u(), v(r2, { key: 0, type: "info", underline: false, onClick: s2.openAnnexUpload }, { icon: f(() => [m(n2, { size: 14 }, { default: f(() => [m(a2)]), _: 1 })]), _: 1 }, 8, ["onClick"])), m(r2, { size: "default", type: "info", underline: false, onClick: s2.preview }, { icon: f(() => [m(n2, { size: 14 }, { default: f(() => [m(p2)]), _: 1 })]), _: 1 }, 8, ["onClick"])])]), _: 1 }, 8, ["disabled", "model-value", "placeholder"]), m($2, { modelValue: o2.annexUploadFlag, "onUpdate:modelValue": l2[0] || (l2[0] = (e3) => o2.annexUploadFlag = e3), "append-to-body": true, "show-close": true, title: e2.$t("imatrixUIMessage.tips"), width: "30%" }, { default: f(() => [o2.annexUploadFlag ? (u(), v(F2, { key: 0, accept: i2.fileSetObj.accept ? i2.fileSetObj.accept : null, action: o2.defaultAction, "before-upload": s2.handleBeforeUpload, headers: o2.headers, "on-success": s2.uploadOnSuccess, "with-credentials": true, name: "file" }, { default: f(() => [m(U2, null, { default: f(() => [I(b(e2.$t("imatrixUIMessage.upload")), 1)]), _: 1 })]), _: 1 }, 8, ["accept", "action", "before-upload", "headers", "on-success"])) : g("", true)]), _: 1 }, 8, ["modelValue", "title"]), m($2, { modelValue: o2.showPreviewSingleImage, "onUpdate:modelValue": l2[1] || (l2[1] = (e3) => o2.showPreviewSingleImage = e3), "append-to-body": true, "show-close": true, title: e2.$t("imatrixUIPublicModel.previewImage"), onClose: l2[2] || (l2[2] = (l3) => e2.$emit("close")) }, { title: f(() => [w("span", null, b(e2.$t("imatrixUIPublicModel.previewImage")), 1)]), default: f(() => [o2.previewImageInfo && o2.previewImageInfo.isImg ? (u(), v(x, { key: 0, "preview-src-list": [o2.previewImageInfo.src], src: o2.previewImageInfo.src }, null, 8, ["preview-src-list", "src"])) : g("", true)]), _: 1 }, 8, ["modelValue", "title"]), m($2, { modelValue: o2.showPreviewMulti, "onUpdate:modelValue": l2[3] || (l2[3] = (e3) => o2.showPreviewMulti = e3), "append-to-body": true, "show-close": true, title: e2.$t("imatrixUIPublicModel.preview"), width: "30%", onClose: l2[4] || (l2[4] = (l3) => e2.$emit("close")) }, { title: f(() => [w("span", null, b(e2.$t("imatrixUIPublicModel.preview")), 1)]), default: f(() => [m(N, { data: o2.showFileList, "show-header": false }, { default: f(() => [m(L, { prop: "showName", width: "300" }), m(L, { align: "right" }, { default: f((l3) => [m(k, { content: e2.$t("imatrixUIPublicModel.preview"), class: "item", effect: "dark", placement: "top" }, { default: f(() => [m(n2, { style: { cursor: "pointer" }, onClick: (e3) => s2.previewSingle(l3.row) }, { default: f(() => [m(j)]), _: 1 }, 8, ["onClick"])]), _: 2 }, 1032, ["content"])]), _: 1 }), i2.disabled ? g("", true) : (u(), v(L, { key: 0 }, { default: f((l3) => [m(k, { content: e2.$t("imatrixUIPublicModel.delete"), class: "item", effect: "dark", placement: "top" }, { default: f(() => [m(n2, { style: { cursor: "pointer" }, onClick: (e3) => s2.deleteRow(l3.$index) }, { default: f(() => [m(A)]), _: 1 }, 8, ["onClick"])]), _: 2 }, 1032, ["content"])]), _: 1 }))]), _: 1 }, 8, ["data"])]), _: 1 }, 8, ["modelValue", "title"])], 64))]);
+}]]);
+export {
+  $ as default
+};

package/es/multipart-upload/src/multipart-upload-list.vue.mjs

@@ -0,0 +1,104 @@
+import { Upload as e, Paperclip as l, Close as i, View as t, Delete as o } from "@element-plus/icons-vue";
+import { getToken as a } from "../../src/utils/auth.mjs";
+import { isImage as n } from "../../src/utils/util.mjs";
+import { isPlateSys as s, getSystemFrontendUrlWith as p, getKkFilePreviewUrl as r } from "../../src/utils/common-util.mjs";
+import { resolveComponent as d, openBlock as u, createElementBlock as c, Fragment as m, createVNode as h, withCtx as f, createBlock as w, createCommentVNode as g, createElementVNode as v, createTextVNode as b, toDisplayString as y, renderList as P } from "vue";
+import U from "../../fs-preview/src/fs-preview.vue.mjs";
+import N from "../../_virtual/_plugin-vue_export-helper.mjs";
+const F = { data() {
+  const l2 = { Authorization: a() };
+  let i2 = window.$vueApp.config.globalProperties.baseURL + "/common/fs-upload";
+  return s(window.$vueApp.config.globalProperties.systemCode) && (i2 = window.$vueApp.config.globalProperties.baseAPI + "/component/super-form/uploads"), { deleteUuids: [], headers: l2, defaultAction: i2, annexUploadFlag: false, showPreviewSingleImage: false, showPreviewMulti: false, lastFileName: null, previewImageInfo: {}, showFileList: [], uploadingFile: [], cancelUploadFile: [], fileContent: [], chunkSize: 5242880, ElIconUpload2: e };
+}, components: { FsPreview: U, ElIconPaperclip: l, ElIconClose: i, ElIconView: t, ElIconDelete: o }, name: "MultipartUploadList", props: { value: { type: String, default: null }, entity: { type: Object, default: null }, fileSetObj: { type: Object, default: () => ({ limitFileSize: 10, multiple: false, accept: null }) }, disabled: { type: Boolean, default: false } }, created() {
+}, mounted() {
+  this.fileSetObj.limitFileSize || (this.fileSetObj.limitFileSize = 10);
+  const e2 = this.entity[this.fileSetObj.showNameData.dbName], l2 = this.entity[this.fileSetObj.serverNameData.dbName];
+  if (e2 && l2) {
+    const i2 = e2.split(","), t2 = l2.split(",");
+    i2.forEach((e3, l3) => {
+      this.fileContent.push({ name: e3, serverName: t2[l3] });
+      const i3 = a();
+      let o2 = window.$vueApp.config.globalProperties.baseURL + "/common/super-form/downloads?jwt=" + i3;
+      s(window.$vueApp.config.globalProperties.systemCode) && (o2 = window.$vueApp.config.globalProperties.baseAPI + "/component/super-form/downloads?jwt=" + i3);
+      const n2 = o2 + "&showName=" + encodeURI(e3) + "&serverPath=" + t2[l3];
+      this.showFileList.push({ showName: e3, serverPath: t2[l3], src: n2 });
+    });
+  }
+}, methods: { openAnnexUpload() {
+  this.annexUploadFlag = true;
+}, async uploadFile(e2) {
+  if (this.uploadingFile.length > 0 && !this.fileSetObj.multiple)
+    return void this.$message({ showClose: true, message: "文件单选，请勿同时上传多份文件!", type: "warning" });
+  const l2 = Date.now();
+  this.uploadingFile.push({ name: e2.raw.name, uploadProgress: 0, serverName: l2 });
+  const i2 = e2.raw, t2 = i2.size, o2 = Math.ceil(t2 / this.chunkSize);
+  i2.size;
+  const a2 = { fileName: i2.name, chunkCount: o2 };
+  this.$http.post(window.$vueApp.config.globalProperties.baseURL + "/common/mutipart-upload/create", a2).then(async (e3) => {
+    if (this.cancelUploadFile, this.cancelUploadFile.indexOf(a2.serverName) > 0)
+      return;
+    const n2 = this.uploadingFile.findIndex((e4) => e4.serverName === l2), s2 = e3.serverName;
+    this.uploadingFile[n2] = { uploadProgress: 0, name: i2.name, serverName: s2, folder: e3.folder }, this.uploadingFile;
+    const p2 = [];
+    for (let l3 = 0; l3 < o2; l3++) {
+      const a3 = l3 * this.chunkSize, r2 = Math.min(t2, a3 + this.chunkSize), d2 = i2.slice(a3, r2), u2 = new FormData();
+      if (u2.append("folder", e3.folder), u2.append("serverName", s2), u2.append("file", d2), this.cancelUploadFile.indexOf(s2) > 0)
+        break;
+      await this.$http.post(window.$vueApp.config.globalProperties.baseURL + "/common/mutipart-upload/upload", u2).then((e4) => {
+        p2.push(e4.uploadName);
+        const i3 = parseInt((l3 + 1) / o2 * 100);
+        this.uploadingFile[n2].uploadProgress = i3 > 100 ? 100 : i3, this.uploadingFile[n2] = this.uploadingFile[n2], this.uploadingFile;
+      });
+    }
+    this.cancelUploadFile.indexOf(s2) < 0 ? this.composeFile(i2.name, o2, t2, s2, p2, e3.folder) : await this.$http.post(window.$vueApp.config.globalProperties.baseURL + "/common/mutipart-upload/remove-chunks", { serverName: s2, folder: e3.folder }).then((e4) => {
+    });
+  });
+}, composeFile(e2, l2, i2, t2, o2, a2) {
+  const n2 = { fileName: e2, chunkSize: l2, fileSize: i2, serverName: t2, chunkNames: o2, folder: a2 };
+  this.$http.post(window.$vueApp.config.globalProperties.baseURL + "/common/mutipart-upload/merge", n2).then((l3) => {
+    if (this.uploadingFile.splice(this.uploadingFile.findIndex((e3) => e3.serverName === t2), 1), this.fileSetObj.multiple) {
+      this.fileContent.push({ name: e2, serverName: t2 });
+      const l4 = this.entity[this.fileSetObj.showNameData.dbName];
+      l4 && l4.length > 0 ? this.setEntityValue(l4 + "," + e2, this.entity[this.fileSetObj.serverNameData.dbName] + "," + t2) : this.setEntityValue(e2, t2);
+    } else
+      this.fileContent = [{ name: e2, serverName: t2 }], this.setEntityValue(e2, t2);
+    this.entity;
+  });
+}, setEntityValue(e2, l2) {
+  this.entity[this.fileSetObj.showNameData.dbName] = e2, this.entity[this.fileSetObj.serverNameData.dbName] = l2;
+}, cancelUpload(e2) {
+  this.entity.DOC_NAME = null, this.entity.DOC_PATH = null, this.cancelUploadFile.push(e2), this.uploadingFile.splice(this.uploadingFile.findIndex((l2) => l2.serverName === e2), 1);
+}, preview(e2, l2) {
+  n(e2) ? (this.previewImageInfo = { src: window.$vueApp.config.globalProperties.baseURL + "/common/super-form/downloads?jwt=" + a() + "&showName=" + e2 + "&serverPath=" + l2 }, this.showPreviewSingleImage = true) : this.previewDoc(e2, l2);
+}, previewDoc(e2, l2) {
+  const i2 = a();
+  if (window.$vueApp.config.globalProperties.customPreviewUrl)
+    window.open(p(window.$vueApp.config.globalProperties.portalUrl) + "/#/file-service/preview?serverPath=" + l2 + "&showName=" + encodeURI(e2), e2);
+  else {
+    let t2;
+    const o2 = e2, a2 = l2;
+    let n2 = window.$vueApp.config.globalProperties.baseURL;
+    if (s(window.$vueApp.config.globalProperties.systemCode) && (n2 = window.$vueApp.config.globalProperties.baseAPI), window.$vueApp.config.globalProperties.kkFileViewUrl) {
+      const e3 = n2 + "/common/super-form/downloads?jwt=" + i2 + "&showName=" + encodeURI(o2) + "&serverPath=" + a2;
+      r(e3 + "&fullfilename=" + o2).then((e4) => {
+        window.open(e4, o2);
+      });
+    } else
+      t2 = n2 + "/common/fs-upload/preview?jwt=" + i2, t2 = t2 + "&showName=" + encodeURI(o2) + "&serverPath=" + a2, window.open(t2, o2);
+  }
+}, handleOnRemove(e2) {
+  if (this.fileContent.splice(e2, 1), this.fileSetObj.multiple) {
+    const e3 = [], l2 = [];
+    this.fileContent.forEach((i2) => {
+      i2.name && i2.serverName && (e3.push(i2.name), l2.push(i2.serverName));
+    }), this.setEntityValue(e3.join(","), l2.join(","));
+  } else
+    this.setEntityValue(null, null);
+} }, emits: ["close", "update:value", "update:value"] }, I = { class: "el-upload__tip", style: { "margin-left": "12px" } }, $ = { key: 0 }, k = { style: { "margin-left": "6.5px" } }, S = { style: { "line-height": "30px" } }, _ = ["onClick"], j = { style: { "margin-left": "6.5px" } };
+const x = N(F, [["render", function(e2, l2, i2, t2, o2, a2) {
+  const n2 = d("el-button"), s2 = d("el-input"), p2 = d("el-upload"), r2 = d("el-icon-paperclip"), U2 = d("el-icon"), N2 = d("el-icon-close"), F2 = d("el-tooltip"), x2 = d("el-tag"), C = d("el-progress"), A = d("el-row"), O = d("el-col"), z = d("el-dialog"), V = d("el-image"), M = d("el-table-column"), E = d("el-icon-view"), R = d("el-icon-delete"), D = d("el-table"), L = d("fs-preview");
+  return u(), c("div", null, [i2.disabled ? (u(), w(L, { key: 1, "file-list": o2.showFileList, label: i2.value }, null, 8, ["file-list", "label"])) : (u(), c(m, { key: 0 }, [h(s2, { ref: "item", disabled: i2.disabled, "model-value": i2.value, placeholder: e2.$t("imatrixUIMessage.fileUpload"), readonly: true }, { append: f(() => [i2.disabled ? g("", true) : (u(), w(n2, { key: 0, icon: o2.ElIconUpload2, size: "default", onClick: a2.openAnnexUpload }, null, 8, ["icon", "onClick"]))]), _: 1 }, 8, ["disabled", "model-value", "placeholder"]), h(z, { modelValue: o2.annexUploadFlag, "onUpdate:modelValue": l2[0] || (l2[0] = (e3) => o2.annexUploadFlag = e3), "append-to-body": true, "show-close": true, title: e2.$t("imatrixUIMessage.tips"), width: "40%" }, { default: f(() => [h(p2, { id: "upload", "auto-upload": false, "on-change": a2.uploadFile, "show-file-list": false, action: "" }, { tip: f(() => [v("span", I, [b(" 上传文件不能超过" + y(i2.fileSetObj.limitFileSize) + "M ", 1), i2.fileSetObj.accept ? (u(), c("span", $, "，并且只接受" + y(i2.fileSetObj.accept) + "类型文件", 1)) : g("", true)])]), default: f(() => [h(n2, { size: "default", type: "primary" }, { default: f(() => [...l2[5] || (l2[5] = [b(" 选择文件", -1)])]), _: 1 })]), _: 1 }, 8, ["on-change"]), l2[6] || (l2[6] = v("br", null, null, -1)), (u(true), c(m, null, P(o2.uploadingFile, (e3, l3) => (u(), w(A, { key: l3 }, { default: f(() => [h(x2, { size: "small form-list-file" }, { default: f(() => [v("span", null, [h(U2, null, { default: f(() => [h(r2)]), _: 1 }), v("span", k, y(e3.name), 1)]), h(F2, { content: "取消上传", effect: "light", placement: "right" }, { default: f(() => [h(U2, { style: { "margin-left": "8px" }, onClick: (l4) => a2.cancelUpload(e3.serverName) }, { default: f(() => [h(N2)]), _: 1 }, 8, ["onClick"])]), _: 2 }, 1024)]), _: 2 }, 1024), h(C, { percentage: e3.uploadProgress }, null, 8, ["percentage"])]), _: 2 }, 1024))), 128)), v("div", S, [h(A, null, { default: f(() => [h(O, null, { default: f(() => [(u(true), c(m, null, P(o2.fileContent, (e3, l3) => (u(), w(x2, { key: l3, size: "small form-list-file" }, { default: f(() => [v("span", { onClick: (l4) => a2.preview(e3.name, e3.serverName) }, [h(U2, null, { default: f(() => [h(r2)]), _: 1 }), v("span", j, y(e3.name), 1)], 8, _), h(F2, { content: "移除已上传文件", effect: "light", placement: "right" }, { default: f(() => [h(U2, { style: { "margin-left": "8px" }, onClick: (i3) => a2.handleOnRemove(l3, e3) }, { default: f(() => [h(N2)]), _: 1 }, 8, ["onClick"])]), _: 2 }, 1024)]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })])]), _: 1 }, 8, ["modelValue", "title"]), h(z, { modelValue: o2.showPreviewSingleImage, "onUpdate:modelValue": l2[1] || (l2[1] = (e3) => o2.showPreviewSingleImage = e3), "append-to-body": true, "show-close": true, title: e2.$t("imatrixUIPublicModel.previewImage"), onClose: l2[2] || (l2[2] = (l3) => e2.$emit("close")) }, { title: f(() => [v("span", null, y(e2.$t("imatrixUIPublicModel.previewImage")), 1)]), default: f(() => [h(V, { "preview-src-list": [o2.previewImageInfo.src], src: o2.previewImageInfo.src }, null, 8, ["preview-src-list", "src"])]), _: 1 }, 8, ["modelValue", "title"]), h(z, { modelValue: o2.showPreviewMulti, "onUpdate:modelValue": l2[3] || (l2[3] = (e3) => o2.showPreviewMulti = e3), "append-to-body": true, "show-close": true, title: e2.$t("imatrixUIPublicModel.preview"), width: "30%", onClose: l2[4] || (l2[4] = (l3) => e2.$emit("close")) }, { title: f(() => [v("span", null, y(e2.$t("imatrixUIPublicModel.preview")), 1)]), default: f(() => [h(D, { data: o2.showFileList, "show-header": false }, { default: f(() => [h(M, { prop: "showName", width: "300" }), h(M, { align: "right" }, { default: f((l3) => [h(F2, { content: e2.$t("imatrixUIPublicModel.preview"), class: "item", effect: "dark", placement: "top" }, { default: f(() => [h(U2, { style: { cursor: "pointer" }, onClick: (i3) => e2.previewSingle(l3.row) }, { default: f(() => [h(E)]), _: 1 }, 8, ["onClick"])]), _: 2 }, 1032, ["content"])]), _: 1 }), i2.disabled ? g("", true) : (u(), w(M, { key: 0 }, { default: f((l3) => [h(F2, { content: e2.$t("imatrixUIPublicModel.delete"), class: "item", effect: "dark", placement: "top" }, { default: f(() => [h(U2, { style: { cursor: "pointer" }, onClick: (i3) => e2.deleteRow(l3.$index) }, { default: f(() => [h(R)]), _: 1 }, 8, ["onClick"])]), _: 2 }, 1032, ["content"])]), _: 1 }))]), _: 1 }, 8, ["data"])]), _: 1 }, 8, ["modelValue", "title"])], 64))]);
+}]]);
+export {
+  x as default
+};

package/es/organization-input/index.mjs

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

package/es/organization-input/src/organization-input.vue.mjs

@@ -0,0 +1,224 @@
+import { Search as e, Delete as t } from "@element-plus/icons-vue";
+import { getPropNameWhenJoinTable as i, setEntityFieldValue as n } from "../../src/utils/util.mjs";
+import a from "../../department-user-tree/src/department-user-tree.vue.mjs";
+import r from "../../department-tree/src/department-tree.vue.mjs";
+import { resolveComponent as l, openBlock as s, createElementBlock as o, createBlock as p, withCtx as u, createVNode as m, createCommentVNode as c } from "vue";
+import "./organization-input.vue2.mjs";
+import h from "../../_virtual/_plugin-vue_export-helper.mjs";
+const f = { components: { ElIconSearch: e, ElIconDelete: t, DepartmentUserTree: a, DepartmentTree: r }, name: "OrganizationInput", model: { prop: "value", event: "input" }, props: { value: { type: String, default: "" }, multiple: { type: Boolean, default: false }, checkStrictly: { type: Boolean, default: false }, treeType: { type: String, default: "DeptUserTree" }, disabled: { type: Boolean, default: false }, fields: { type: Array, default: null }, models: { type: Object, default: null }, size: { type: String, default: "" }, tableName: { type: String, default: null }, isJoinTable: { type: Boolean, default: false }, departmentInfo: { type: Array, default: null }, separator: { type: String, default: "," }, openTree: { type: Boolean, default: true }, pageModels: { type: Object, default: null }, limitFilterColumn: { type: String, default: "code" } }, data: () => ({ showOrganizationTreeFlag: false, isAppendResult: false, showRemoveComponent: false, selectOrganizationInfo: null, searchField: null, selectOrganizationAllInfo: {} }), created() {
+}, methods: { changeEvent(e2) {
+  this.$emit("change", e2);
+}, showOrganizationTree() {
+  if (this.openTree) {
+    let e2 = this.multiple;
+    void 0 === e2 && (e2 = false), true === e2 && this.getSelectInfo(), this.$emit("focus"), this.showOrganizationTreeFlag = true, this.$emit("show-tree");
+  }
+}, getPropName: (e2, t2, n2) => (e2 && e2.startsWith("${") && (e2 = e2.substring(e2.indexOf(".") + 1, e2.length - 1)), i(e2, t2, n2)), getPropType(e2) {
+  let t2 = "data";
+  return e2 && e2.startsWith("${") && (t2 = e2.substring(2, e2.indexOf("."))), t2;
+}, emptyOrganizationResult() {
+  const e2 = this.fields;
+  e2 && e2.length > 0 && (e2.forEach((e3) => {
+    const t2 = this.getPropName(e3.model), i2 = this.getPropType(e3.model);
+    this.setValue(t2, null, i2);
+  }), this.selectOrganizationAllInfo = {}, this.selectOrganizationInfo = null, this.searchField = null);
+}, closeOrganizationTree(e2) {
+  e2 && this.setOrganizationData(e2), this.showOrganizationTreeFlag = false;
+}, setOrganizationData(e2, t2, i2) {
+  let n2 = this.multiple;
+  void 0 === n2 && (n2 = false);
+  const a2 = this.treeType, r2 = this.fields;
+  r2 && r2.length > 0 && r2.forEach((r3) => {
+    const l2 = r3.type, s2 = this.getOrgSelectData(l2, e2, this.isUserTree(a2), n2), o2 = this.getPropName(r3.model), p2 = this.getPropType(r3.model);
+    this.getOrgDataModel(o2, s2, n2, l2, t2, i2, p2);
+  });
+}, getOrgDataModel(e2, t2, i2, n2, a2, r2, l2) {
+  if (i2) {
+    const i3 = this.getModelValue(e2, l2);
+    this.selectOrganizationAllInfo[n2] = t2, this.setValue(e2, t2, l2), this.$emit("replace", e2, i3, t2);
+  } else
+    this.setValue(e2, t2, l2);
+}, getModelValue(e2, t2) {
+  let i2 = this.models;
+  t2 && "page" === t2 && (i2 = this.pageModels);
+  let n2 = "";
+  if (false === this.isJoinTable && e2 && e2.indexOf(".") > 0) {
+    n2 = this.getParentObject(e2, i2)[e2.substring(e2.lastIndexOf(".") + 1)];
+  } else {
+    const a2 = this.getPropName(e2);
+    n2 = t2 && "page" === t2 ? i2 ? i2[a2] : null : i2[a2];
+  }
+  return n2;
+}, isUserTree: (e2) => "DeptUserTree" === e2 || "WgUserTree" === e2, getOrgSelectData(e2, t2, i2, n2) {
+  if (true !== n2) {
+    if ("mainDeptName" === e2) {
+      let e3 = null;
+      if (i2) {
+        const i3 = t2.user;
+        i3 && (e3 = i3.mainDepartmentName);
+      }
+      return e3;
+    }
+    if ("mainDeptId" === e2) {
+      let e3 = null;
+      if (i2) {
+        const i3 = t2.user;
+        i3 && (e3 = i3.mainDepartmentId);
+      }
+      return e3;
+    }
+    if ("mainDeptCode" === e2 || "mainDeptName" === e2) {
+      const n3 = "mainDeptCode" === e2 ? "mainDepartmentCode" : "mainDepartmentName";
+      let a2 = null;
+      if (i2) {
+        const e3 = t2.user;
+        e3 && (a2 = e3[n3]);
+      }
+      return a2;
+    }
+    if ("subCompanyName" === e2) {
+      let e3 = null;
+      if (i2) {
+        const i3 = t2.user;
+        i3 && (e3 = i3.subCompanyName);
+      }
+      return e3;
+    }
+    if ("subCompanyId" === e2) {
+      let e3 = null;
+      if (i2) {
+        const i3 = t2.user;
+        i3 && (e3 = i3.subCompanyId);
+      }
+      return e3;
+    }
+    return t2[e2];
+  }
+  if ("id" === e2)
+    return i2 ? t2.userIds.join(this.separator) : t2.ids.join(this.separator);
+  if ("name" === e2)
+    return i2 ? t2.userNames.join(this.separator) : t2.names.join(this.separator);
+  if ("code" === e2) {
+    if (!i2)
+      return t2.codes.join(this.separator);
+  } else {
+    if ("loginName" === e2)
+      return t2.loginNames.join(this.separator);
+    if ("email" === e2)
+      return t2.emails.join(this.separator);
+    if ("telephone" === e2)
+      return t2.telephones.join(this.separator);
+    if ("mainDeptName" === e2) {
+      const e3 = [];
+      if (i2) {
+        const i3 = t2.users;
+        i3 && i3.forEach((t3) => {
+          e3.push(t3.mainDepartmentName);
+        });
+      }
+      return e3.join(this.separator);
+    }
+    if ("mainDeptId" === e2) {
+      const e3 = [];
+      if (i2) {
+        const i3 = t2.users;
+        i3 && i3.forEach((t3) => {
+          t3.mainDepartmentId && e3.push(t3.mainDepartmentId);
+        });
+      }
+      return e3.join(this.separator);
+    }
+    if ("mainDeptCode" === e2 || "mainDeptName" === e2) {
+      const n3 = [], a2 = "mainDeptCode" === e2 ? "mainDepartmentCode" : "mainDepartmentName";
+      if (i2) {
+        const e3 = t2.users;
+        e3 && e3.forEach((e4) => {
+          e4[a2] && n3.push(e4[a2]);
+        });
+      }
+      return n3.join(this.separator);
+    }
+    if ("subCompanyName" === e2) {
+      const e3 = [];
+      if (i2) {
+        const i3 = t2.users;
+        i3 && i3.forEach((t3) => {
+          t3.subCompanyName && e3.push(t3.subCompanyName);
+        });
+      }
+      return e3.join(this.separator);
+    }
+    if ("subCompanyId" === e2 || "subCompanyCode" === e2) {
+      const n3 = [];
+      if (i2) {
+        const i3 = t2.users;
+        i3 && i3.forEach((t3) => {
+          t3[e2] && n3.push(t3[e2]);
+        });
+      }
+      return n3.join(this.separator);
+    }
+    if ("divisionManager" === e2 || "divisionManagerName" === e2) {
+      let n3 = [];
+      return i2 && t2[e2] && t2[e2].length > 0 && (n3 = t2[e2]), n3 && n3.length > 0 ? n3.join(this.separator) : null;
+    }
+  }
+}, showMyRemoveComponent() {
+  this.getSelectInfo(), this.selectOrganizationInfo && null !== this.selectOrganizationInfo && "" !== this.selectOrganizationInfo ? this.showRemoveComponent = true : this.$message({ showClose: true, type: "warning", message: this.$t("imatrixUIMessage.organizationTreeNoResultNotRemove") });
+}, getSelectInfo() {
+  const e2 = ["id", "code", "loginName", "email", "telephone", "name"];
+  if (0 === Object.keys(this.selectOrganizationAllInfo).length)
+    for (let t2 = 0; t2 < e2.length; t2++) {
+      const i2 = e2[t2], n2 = this.fields.filter((e3) => e3.type === i2);
+      if (n2 && n2.length > 0) {
+        const e3 = n2[0];
+        if (e3) {
+          const t3 = this.getPropName(e3.model), n3 = this.getPropType(e3.model), a2 = this.getModelValue(t3, n3);
+          if (a2 && null !== a2 && "" !== a2) {
+            this.selectOrganizationInfo = a2, this.searchField = i2;
+            break;
+          }
+        }
+      }
+    }
+  else
+    for (let t2 = 0; t2 < e2.length; t2++) {
+      const i2 = e2[t2], n2 = this.selectOrganizationAllInfo[i2];
+      if (n2 && null !== n2 && "" !== n2) {
+        this.selectOrganizationInfo = n2, this.searchField = i2;
+        break;
+      }
+    }
+}, setValue(e2, t2, i2) {
+  i2 || (i2 = this.getPropType(e2));
+  let n2 = this.models;
+  i2 && "page" === i2 && (n2 = this.pageModels), this.setEntityValue(e2, t2, n2);
+}, setEntityValue(e2, t2, i2) {
+  if (i2) {
+    if (false === this.isJoinTable && e2 && e2.indexOf(".") > 0) {
+      const a2 = this.getParentObject(e2, i2);
+      a2 && n(a2, e2.substring(e2.lastIndexOf(".") + 1), t2);
+    } else {
+      const a2 = this.getPropName(e2);
+      n(i2, a2, t2);
+    }
+    this.$emit("setValue", e2, t2), null != t2 && "" !== t2 || this.$emit("clear", e2);
+  }
+}, getParentObject(e2, t2) {
+  const i2 = e2.split(".");
+  if (1 === i2.length)
+    return t2;
+  {
+    let e3;
+    for (let n2 = 0; n2 < i2.length - 1; n2++)
+      e3 = 0 === n2 ? this.getParentModelProp(i2[n2], t2) : this.getParentModelProp(i2[n2], e3);
+    return e3;
+  }
+}, getParentModelProp: (e2, t2) => (t2 || (t2 = {}), t2[e2] || (t2[e2] = {}), t2[e2]) }, emits: ["replace", "setValue", "clear", "focus", "update:value", "change"] }, d = { style: { width: "100%" }, class: "organization-input" };
+const g = h(f, [["render", function(e2, t2, i2, n2, a2, r2) {
+  const h2 = l("el-icon-search"), f2 = l("el-icon"), g2 = l("el-icon-delete"), y = l("el-input"), O = l("department-user-tree"), T = l("department-tree"), z = l("workgroup-tree"), I = l("workgroup-user-tree");
+  return s(), o("span", d, [i2.disabled ? (s(), p(y, { key: 0, disabled: true, "model-value": i2.value, readonly: true, size: i2.size, type: "text", placeholder: e2.$t("imatrixUIMessage.pleaseSelect") }, { append: u(() => [m(f2, { class: "el-input__icon" }, { suffix: u(() => [m(h2)]), _: 1 }), m(f2, { class: "el-input__icon" }, { suffix: u(() => [m(g2)]), _: 1 })]), _: 1 }, 8, ["model-value", "size", "placeholder"])) : (s(), p(y, { key: 1, "model-value": i2.value, readonly: true, size: i2.size, type: "text", placeholder: e2.$t("imatrixUIMessage.pleaseSelect"), onClick: t2[2] || (t2[2] = (e3) => r2.showOrganizationTree(false)), onChange: r2.changeEvent }, { append: u(() => [m(f2, { class: "el-input__icon", onClick: t2[0] || (t2[0] = (e3) => r2.showOrganizationTree(false)) }, { default: u(() => [m(h2)]), _: 1 }), m(f2, { class: "el-input__icon", onClick: t2[1] || (t2[1] = (e3) => r2.emptyOrganizationResult()) }, { default: u(() => [m(g2)]), _: 1 })]), _: 1 }, 8, ["model-value", "size", "placeholder", "onChange"])), i2.treeType && "DeptUserTree" === i2.treeType && a2.showOrganizationTreeFlag ? (s(), p(O, { key: 2, "department-info": i2.departmentInfo, multiple: void 0 !== i2.multiple && i2.multiple, "search-field": a2.searchField, "select-user-info": a2.selectOrganizationInfo, separator: i2.separator, "limit-filter-column": i2.limitFilterColumn, onClose: r2.closeOrganizationTree }, null, 8, ["department-info", "multiple", "search-field", "select-user-info", "separator", "limit-filter-column", "onClose"])) : c("", true), i2.treeType && "DeptTree" === i2.treeType && a2.showOrganizationTreeFlag ? (s(), p(T, { key: 3, "check-strictly": void 0 !== i2.checkStrictly && i2.checkStrictly, multiple: void 0 !== i2.multiple && i2.multiple, "search-field": a2.searchField, "department-info": i2.departmentInfo, "select-department-info": a2.selectOrganizationInfo, separator: i2.separator, "limit-filter-column": i2.limitFilterColumn, width: "30%", onClose: r2.closeOrganizationTree }, null, 8, ["check-strictly", "multiple", "search-field", "department-info", "select-department-info", "separator", "limit-filter-column", "onClose"])) : c("", true), i2.treeType && "WgTree" === i2.treeType && a2.showOrganizationTreeFlag ? (s(), p(z, { key: 4, multiple: void 0 !== i2.multiple && i2.multiple, "branch-info": i2.departmentInfo, "search-field": a2.searchField, "select-workgroup-info": a2.selectOrganizationInfo, separator: i2.separator, "limit-filter-column": i2.limitFilterColumn, width: "30%", onClose: r2.closeOrganizationTree }, null, 8, ["multiple", "branch-info", "search-field", "select-workgroup-info", "separator", "limit-filter-column", "onClose"])) : c("", true), i2.treeType && "WgUserTree" === i2.treeType && a2.showOrganizationTreeFlag ? (s(), p(I, { key: 5, "branch-info": i2.departmentInfo, multiple: void 0 !== i2.multiple && i2.multiple, "search-field": a2.searchField, "select-user-info": a2.selectOrganizationInfo, separator: i2.separator, "limit-filter-column": i2.limitFilterColumn, width: "30%", onClose: r2.closeOrganizationTree }, null, 8, ["branch-info", "multiple", "search-field", "select-user-info", "separator", "limit-filter-column", "onClose"])) : c("", true)]);
+}]]);
+export {
+  g as default
+};