@kp-ui/lowcode 1.0.106 → 2.13.0

package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue.js

@@ -1,89 +0,0 @@
-import v from "./file-upload-widget.vue2.js";
-import { resolveComponent as l, createBlock as y, createCommentVNode as R, openBlock as n, withCtx as a, createVNode as r, createElementVNode as m, normalizeClass as C, createTextVNode as h, createElementBlock as c, Fragment as x, renderList as k, toDisplayString as u } from "vue";
-/* empty css                        */
-import I from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const T = ["loading", "disabled"], F = {
-  gutter: 20,
-  class: "fileUploadTip"
-}, L = { key: 0 }, P = { key: 1 }, V = ["src"];
-function M(o, d, e, N, i, t) {
-  const p = l("SvgIcon"), _ = l("a-space"), g = l("a-upload"), w = l("a-modal"), b = l("form-item-wrapper");
-  return o.handleHidden() ? R("", !0) : (n(), y(b, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: i.rules,
-    "design-state": e.designState,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList,
-    "sub-form-row-index": e.subFormRowIndex,
-    "sub-form-col-index": e.subFormColIndex,
-    "sub-form-row-id": e.subFormRowId
-  }, {
-    default: a(() => [
-      r(g, {
-        ref: "fieldEditor",
-        disabled: o.handleDisabled() || o.isReadMode,
-        class: C(["dynamicPseudoAfter", ["tpf-upload", { isReadonly: o.isReadMode }]]),
-        multiple: e.field.options.multiple,
-        accept: t.acceptType,
-        maxCount: e.field.options.limit,
-        "file-list": i.fieldModel,
-        "onUpdate:fileList": d[0] || (d[0] = (s) => i.fieldModel = s),
-        listType: e.field.options.uploadListType,
-        customRequest: t.customRequest,
-        iconRender: t.iconRender,
-        onPreview: t.handlePreview,
-        onRemove: t.removeFile
-      }, {
-        default: a(() => [
-          r(_, {
-            size: 10,
-            align: "start"
-          }, {
-            default: a(() => [
-              m("div", {
-                loading: i.loading,
-                class: "tpf-button",
-                type: "primary",
-                disabled: o.handleDisabled()
-              }, [
-                r(p, { "icon-class": "daochu" }),
-                d[1] || (d[1] = h(" 上传文件 "))
-              ], 8, T)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["disabled", "class", "multiple", "accept", "maxCount", "file-list", "listType", "customRequest", "iconRender", "onPreview", "onRemove"]),
-      m("div", F, [
-        (n(!0), c(x, null, k(t.descCol, (s, f) => (n(), c("div", { key: f }, [
-          t.descCol.length > 1 ? (n(), c("span", L, u(f + 1) + "、" + u(s), 1)) : (n(), c("span", P, u(s), 1))
-        ]))), 128))
-      ]),
-      r(w, {
-        open: i.previewVisible,
-        class: "tpf-modal",
-        title: i.previewTitle,
-        footer: null,
-        onCancel: t.handleCancel
-      }, {
-        default: a(() => [
-          m("img", {
-            style: { width: "100%" },
-            src: i.previewImage
-          }, null, 8, V)
-        ]),
-        _: 1
-      }, 8, ["open", "title", "onCancel"])
-    ]),
-    _: 1
-  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
-}
-const E = /* @__PURE__ */ I(v, [["render", M], ["__scopeId", "data-v-4c70a1aa"]]);
-export {
-  E as default
-};
-//# sourceMappingURL=file-upload-widget.vue.js.map

package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/file-upload-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper\n        :designer=\"designer\"\n        :field=\"field\"\n        :rules=\"rules\"\n        :design-state=\"designState\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n        :sub-form-row-index=\"subFormRowIndex\"\n        :sub-form-col-index=\"subFormColIndex\"\n        :sub-form-row-id=\"subFormRowId\"\n        v-if=\"!handleHidden()\"\n    >\n        <a-upload\n            ref=\"fieldEditor\"\n            :disabled=\"handleDisabled() || isReadMode\"\n            class=\"dynamicPseudoAfter\"\n            :class=\"['tpf-upload', { isReadonly: isReadMode }]\"\n            :multiple=\"field.options.multiple\"\n            :accept=\"acceptType\"\n            :maxCount=\"field.options.limit\"\n            v-model:file-list=\"fieldModel\"\n            :listType=\"field.options.uploadListType\"\n            :customRequest=\"customRequest\"\n            :iconRender=\"iconRender\"\n            @preview=\"handlePreview\"\n            @remove=\"removeFile\"\n        >\n            <a-space :size=\"10\" align=\"start\">\n                <div\n                    :loading=\"loading\"\n                    class=\"tpf-button\"\n                    type=\"primary\"\n                    :disabled=\"handleDisabled()\"\n                >\n                    <SvgIcon icon-class=\"daochu\" /> 上传文件\n                </div>\n            </a-space>\n        </a-upload>\n        <div :gutter=\"20\" class=\"fileUploadTip\">\n            <div v-for=\"(item, inx) in descCol\" :key=\"inx\">\n                <span v-if=\"descCol.length > 1\">{{ inx + 1 }}、{{ item }}</span>\n                <span v-else>{{ item }}</span>\n            </div>\n        </div>\n        <a-modal\n            :open=\"previewVisible\"\n            class=\"tpf-modal\"\n            :title=\"previewTitle\"\n            :footer=\"null\"\n            @cancel=\"handleCancel\"\n        >\n            <img style=\"width: 100%\" :src=\"previewImage\" />\n        </a-modal>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import FormItemWrapper from './form-item-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n, { translate } from '@/utils/i18n';\n    import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n    import SvgIcon from '@/components/svg-icon/index';\n    import { useFilesystemApi } from '@/api/useFilesystemApi';\n    import { PaperClipOutlined } from '@ant-design/icons-vue';\n    import { getUserInfo } from '@kp-ui/tool';\n    import queryString from 'query-string';\n\n    const filesystemApi = useFilesystemApi();\n\n    export default {\n        name: 'file-upload-widget',\n        componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n        mixins: [emitter, fieldMixin, i18n],\n        props: {\n            field: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        components: {\n            SvgIcon,\n            FormItemWrapper\n        },\n        data() {\n            return {\n                urlList: {},\n                previewTitle: '',\n                previewVisible: false,\n                previewImage: '',\n                loading: false,\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: [],\n                rules: []\n            };\n        },\n        computed: {\n            acceptType() {\n                const { accept } = this.field.options;\n                if (accept?.length) {\n                    return accept.join(',');\n                } else {\n                    return '*';\n                }\n            },\n            descCol() {\n                const { accept, maxSize } = this.field.options;\n                const acceptList = (accept || []).join(',');\n                return [\n                    acceptList.length ? `支持扩展名${acceptList}` : '',\n                    maxSize ? `支持文件大小${maxSize}M` : ''\n                ].filter(Boolean);\n            }\n            // uploadBtnHidden() {\n            //   return !this.fieldModel || this.fieldModel.length >= this.field.options.limit;\n            // }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.initFieldModel();\n            this.initEventHandler();\n            this.buildFieldRules();\n\n            this.handleOnCreated();\n        },\n\n        mounted() {\n            this.initFieldModel();\n            this.handleOnMounted();\n        },\n\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n\n        methods: {\n            iconRender({ file }) {\n                try {\n                    const fieldTypes = file.fileName.slice(file.fileName.lastIndexOf('.'));\n\n                    if (['.xls', '.xlsx'].includes(fieldTypes.toLowerCase())) {\n                        return <SvgIcon icon-class=\"excel\" />;\n                    }\n                    if (['.doc', '.docx'].includes(fieldTypes.toLowerCase())) {\n                        return <SvgIcon icon-class=\"word\" />;\n                    }\n                    if (['.pdf'].includes(fieldTypes.toLowerCase())) {\n                        return <SvgIcon icon-class=\"pdf\" />;\n                    }\n                } catch (error) {}\n\n                return <PaperClipOutlined />;\n            },\n\n            handleCancel() {\n                this.previewVisible = false;\n            },\n            async getFileUrl(fileCode) {\n                if (this.fieldModel[fileCode]) {\n                    return this.fieldModel[fileCode];\n                } else {\n                    const fileUrlObj = await filesystemApi.getPreviewFileUrl({\n                        fileCode: fileCode\n                    });\n                    const url = fileUrlObj.data.value;\n                    this.fieldModel[fileCode] = url;\n                    return url;\n                }\n            },\n            async handlePreview(file) {\n                if (!file.fileCode) {\n                    return this.$message.error('文件上传完才能预览！');\n                }\n                if (['.png', '.jpg', '.jpeg', '.gif'].includes(file.fileType)) {\n                    const url = await this.getFileUrl(file.fileCode);\n                    this.previewImage = url;\n                    this.previewVisible = true;\n                    this.previewTitle = file.fileName;\n                } else {\n                    const { tokenId, tenantId, employeeId } = getUserInfo();\n                    const doMain = window.location.origin;\n                    const obj = {\n                        tenantId,\n                        tokenId,\n                        employeeId,\n                        fileCode: file.fileCode\n                    };\n                    window.open(`${doMain}/view-file/preview?${queryString.stringify(obj)}`);\n                }\n            },\n            handleOnBeforeUpload(file) {\n                if (!!this.field.options.onBeforeUpload) {\n                    const bfFunc = new Function('file', this.field.options.onBeforeUpload);\n                    const result = bfFunc.call(this, file);\n                    if (typeof result === 'boolean') {\n                        return result;\n                    } else {\n                        return true;\n                    }\n                }\n                return true;\n            },\n            removeFile(file) {\n                const findInx = this.fieldModel.findIndex(item => item.uid === file.uid);\n                this.fieldModel.splice(findInx, 1);\n                this.handleChangeEvent(this.fieldModel);\n            },\n            async customRequest(upload) {\n                const { accept, maxSize, limit, businessType, multiple } = this.field.options;\n                const fileName = upload.file.name;\n                const fieldTypesArr = accept.map(item => item.toLowerCase());\n                const fieldTypes = fileName.slice(fileName.lastIndexOf('.'));\n                const { message } = await import('ant-design-vue');\n\n                if (!fieldTypesArr.includes(fieldTypes.toLowerCase())) {\n                    return message.error(`目前仅支持${accept}格式的文件`);\n                }\n\n                if (maxSize && upload.file.size > maxSize * 1024 * 1024) {\n                    message.error(`文件大小不能超过${maxSize}M`);\n                    return;\n                }\n\n                // if (limit && this.fieldModel.length >= limit) {\n                //   message.error('超出限制上传文件数');\n                //   return;\n                // }\n\n                const flag = this.handleOnBeforeUpload(upload);\n\n                if (!flag) return;\n                this.loading = true;\n                try {\n                    const res = await filesystemApi.uploadFileObject({\n                        businessType: businessType,\n                        file: upload.file\n                    });\n\n                    const { fileName: name } = res.data.object;\n                    console.log(res.data.object);\n\n                    if (limit > 1) {\n                        const findIndex = this.fieldModel.findIndex(item => item.name === name);\n                        if (findIndex > -1) {\n                            this.fieldModel.splice(findIndex, 1);\n                        }\n                        if (this.fieldModel.length < limit) {\n                            this.fieldModel.push({ ...res.data.object, name });\n                        }\n                    } else {\n                        this.fieldModel = [{ ...res.data.object, name }];\n                    }\n                } finally {\n                    this.handleChangeEvent(this.fieldModel);\n                    this.loading = false;\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n    .fileUploadTip {\n        font-size: 12px;\n        margin-top: 10px;\n    }\n</style>\n"],"names":["_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_createVNode","_component_a_upload","_normalizeClass","$options","$event","_component_a_space","_createElementVNode","_component_SvgIcon","_hoisted_2","_openBlock","_createElementBlock","_Fragment","_renderList","item","inx","_hoisted_3","_toDisplayString","_component_a_modal"],"mappings":";;;;;EAwCc,QAAQ;AAAA,EAAI,OAAM;;;;SA5BjBA,EAAA,aAAY,sBAXvBC,EAsDoBC,GAAA;AAAA;IArDf,UAAUC,EAAA;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,OAAOC,EAAA;AAAA,IACP,gBAAcD,EAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,sBAAoBA,EAAA;AAAA,IACpB,sBAAoBA,EAAA;AAAA,IACpB,mBAAiBA,EAAA;AAAA;eAGlB,MAyBW;AAAA,MAzBXE,EAyBWC,GAAA;AAAA,QAxBP,KAAI;AAAA,QACH,UAAUN,EAAA,eAAc,KAAMA,EAAA;AAAA,QAC/B,OAAKO,EAAA,CAAC,sBAAoB,CAAA,cAAA,EAAA,YACWP,EAAA,WAAU,CAAA,CAAA,CAAA;AAAA,QAC9C,UAAUG,EAAA,MAAM,QAAQ;AAAA,QACxB,QAAQK,EAAA;AAAA,QACR,UAAUL,EAAA,MAAM,QAAQ;AAAA,QACjB,aAAWC,EAAA;AAAA,oDAAAA,EAAA,aAAUK;AAAA,QAC5B,UAAUN,EAAA,MAAM,QAAQ;AAAA,QACxB,eAAeK,EAAA;AAAA,QACf,YAAYA,EAAA;AAAA,QACZ,WAASA,EAAA;AAAA,QACT,UAAQA,EAAA;AAAA;mBAET,MASU;AAAA,UATVH,EASUK,GAAA;AAAA,YATA,MAAM;AAAA,YAAI,OAAM;AAAA;uBACtB,MAOM;AAAA,cAPNC,EAOM,OAAA;AAAA,gBAND,SAASP,EAAA;AAAA,gBACV,OAAM;AAAA,gBACN,MAAK;AAAA,gBACJ,UAAUJ,EAAA,eAAc;AAAA;gBAEzBK,EAA+BO,GAAA,EAAtB,cAAW,SAAQ,CAAA;AAAA,kCAAG,QACnC;AAAA;;;;;;;MAGRD,EAKM,OALNE,GAKM;AAAA,SAJFC,EAAA,EAAA,GAAAC,EAGMC,GAAA,MAAAC,EAHqBT,EAAA,SAAO,CAArBU,GAAMC,YAAnBJ,EAGM,OAAA,EAH+B,KAAKI,KAAG;AAAA,UAC7BX,EAAA,QAAQ,SAAM,KAA1BM,EAAA,GAAAC,EAA+D,QAAAK,GAAAC,EAA5BF,IAAG,CAAA,IAAO,QAAID,CAAI,GAAA,CAAA,MACrDJ,EAAA,GAAAC,EAA8B,aAAdG,CAAI,GAAA,CAAA;AAAA;;MAG5Bb,EAQUiB,GAAA;AAAA,QAPL,MAAMlB,EAAA;AAAA,QACP,OAAM;AAAA,QACL,OAAOA,EAAA;AAAA,QACP,QAAQ;AAAA,QACR,UAAQI,EAAA;AAAA;mBAET,MAA+C;AAAA,UAA/CG,EAA+C,OAAA;AAAA,YAA1C,OAAA,EAAA,OAAA,OAAA;AAAA,YAAqB,KAAKP,EAAA;AAAA;;;;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue2.js

@@ -1,200 +0,0 @@
-import { createVNode as n } from "vue";
-import w from "./form-item-wrapper.vue.js";
-import b from "../../../../utils/emitter.js";
-import y from "../../../../utils/i18n.js";
-import M from "./fieldMixin.js";
-import s from "../../../svg-icon/index.vue.js";
-import { useFilesystemApi as x } from "../../../../api/useFilesystemApi/filesystem/index.js";
-import { PaperClipOutlined as F } from "@ant-design/icons-vue";
-import { getUserInfo as v } from "@kp-ui/tool";
-import I from "query-string";
-const p = x(), V = {
-  name: "file-upload-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [b, M, y],
-  props: {
-    field: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    designState: {
-      type: Boolean,
-      default: !1
-    },
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    }
-  },
-  components: {
-    SvgIcon: s,
-    FormItemWrapper: w
-  },
-  data() {
-    return {
-      urlList: {},
-      previewTitle: "",
-      previewVisible: !1,
-      previewImage: "",
-      loading: !1,
-      oldFieldValue: null,
-      //field组件change之前的值
-      fieldModel: [],
-      rules: []
-    };
-  },
-  computed: {
-    acceptType() {
-      const {
-        accept: e
-      } = this.field.options;
-      return e != null && e.length ? e.join(",") : "*";
-    },
-    descCol() {
-      const {
-        accept: e,
-        maxSize: i
-      } = this.field.options, t = (e || []).join(",");
-      return [t.length ? `支持扩展名${t}` : "", i ? `支持文件大小${i}M` : ""].filter(Boolean);
-    }
-    // uploadBtnHidden() {
-    //   return !this.fieldModel || this.fieldModel.length >= this.field.options.limit;
-    // }
-  },
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
-  },
-  mounted() {
-    this.initFieldModel(), this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {
-    iconRender({
-      file: e
-    }) {
-      try {
-        const i = e.fileName.slice(e.fileName.lastIndexOf("."));
-        if ([".xls", ".xlsx"].includes(i.toLowerCase()))
-          return n(s, {
-            "icon-class": "excel"
-          }, null);
-        if ([".doc", ".docx"].includes(i.toLowerCase()))
-          return n(s, {
-            "icon-class": "word"
-          }, null);
-        if ([".pdf"].includes(i.toLowerCase()))
-          return n(s, {
-            "icon-class": "pdf"
-          }, null);
-      } catch {
-      }
-      return n(F, null, null);
-    },
-    handleCancel() {
-      this.previewVisible = !1;
-    },
-    async getFileUrl(e) {
-      if (this.fieldModel[e])
-        return this.fieldModel[e];
-      {
-        const t = (await p.getPreviewFileUrl({
-          fileCode: e
-        })).data.value;
-        return this.fieldModel[e] = t, t;
-      }
-    },
-    async handlePreview(e) {
-      if (!e.fileCode)
-        return this.$message.error("文件上传完才能预览！");
-      if ([".png", ".jpg", ".jpeg", ".gif"].includes(e.fileType)) {
-        const i = await this.getFileUrl(e.fileCode);
-        this.previewImage = i, this.previewVisible = !0, this.previewTitle = e.fileName;
-      } else {
-        const {
-          tokenId: i,
-          tenantId: t,
-          employeeId: o
-        } = v(), r = window.location.origin, a = {
-          tenantId: t,
-          tokenId: i,
-          employeeId: o,
-          fileCode: e.fileCode
-        };
-        window.open(`${r}/view-file/preview?${I.stringify(a)}`);
-      }
-    },
-    handleOnBeforeUpload(e) {
-      if (this.field.options.onBeforeUpload) {
-        const t = new Function("file", this.field.options.onBeforeUpload).call(this, e);
-        return typeof t == "boolean" ? t : !0;
-      }
-      return !0;
-    },
-    removeFile(e) {
-      const i = this.fieldModel.findIndex((t) => t.uid === e.uid);
-      this.fieldModel.splice(i, 1), this.handleChangeEvent(this.fieldModel);
-    },
-    async customRequest(e) {
-      const {
-        accept: i,
-        maxSize: t,
-        limit: o,
-        businessType: r,
-        multiple: a
-      } = this.field.options, f = e.file.name, m = i.map((l) => l.toLowerCase()), h = f.slice(f.lastIndexOf(".")), {
-        message: c
-      } = await import("ant-design-vue");
-      if (!m.includes(h.toLowerCase()))
-        return c.error(`目前仅支持${i}格式的文件`);
-      if (t && e.file.size > t * 1024 * 1024) {
-        c.error(`文件大小不能超过${t}M`);
-        return;
-      }
-      if (this.handleOnBeforeUpload(e)) {
-        this.loading = !0;
-        try {
-          const l = await p.uploadFileObject({
-            businessType: r,
-            file: e.file
-          }), {
-            fileName: d
-          } = l.data.object;
-          if (console.log(l.data.object), o > 1) {
-            const u = this.fieldModel.findIndex((g) => g.name === d);
-            u > -1 && this.fieldModel.splice(u, 1), this.fieldModel.length < o && this.fieldModel.push({
-              ...l.data.object,
-              name: d
-            });
-          } else
-            this.fieldModel = [{
-              ...l.data.object,
-              name: d
-            }];
-        } finally {
-          this.handleChangeEvent(this.fieldModel), this.loading = !1;
-        }
-      }
-    }
-  }
-};
-export {
-  V as default
-};
-//# sourceMappingURL=file-upload-widget.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/file-upload-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper\n        :designer=\"designer\"\n        :field=\"field\"\n        :rules=\"rules\"\n        :design-state=\"designState\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n        :sub-form-row-index=\"subFormRowIndex\"\n        :sub-form-col-index=\"subFormColIndex\"\n        :sub-form-row-id=\"subFormRowId\"\n        v-if=\"!handleHidden()\"\n    >\n        <a-upload\n            ref=\"fieldEditor\"\n            :disabled=\"handleDisabled() || isReadMode\"\n            class=\"dynamicPseudoAfter\"\n            :class=\"['tpf-upload', { isReadonly: isReadMode }]\"\n            :multiple=\"field.options.multiple\"\n            :accept=\"acceptType\"\n            :maxCount=\"field.options.limit\"\n            v-model:file-list=\"fieldModel\"\n            :listType=\"field.options.uploadListType\"\n            :customRequest=\"customRequest\"\n            :iconRender=\"iconRender\"\n            @preview=\"handlePreview\"\n            @remove=\"removeFile\"\n        >\n            <a-space :size=\"10\" align=\"start\">\n                <div\n                    :loading=\"loading\"\n                    class=\"tpf-button\"\n                    type=\"primary\"\n                    :disabled=\"handleDisabled()\"\n                >\n                    <SvgIcon icon-class=\"daochu\" /> 上传文件\n                </div>\n            </a-space>\n        </a-upload>\n        <div :gutter=\"20\" class=\"fileUploadTip\">\n            <div v-for=\"(item, inx) in descCol\" :key=\"inx\">\n                <span v-if=\"descCol.length > 1\">{{ inx + 1 }}、{{ item }}</span>\n                <span v-else>{{ item }}</span>\n            </div>\n        </div>\n        <a-modal\n            :open=\"previewVisible\"\n            class=\"tpf-modal\"\n            :title=\"previewTitle\"\n            :footer=\"null\"\n            @cancel=\"handleCancel\"\n        >\n            <img style=\"width: 100%\" :src=\"previewImage\" />\n        </a-modal>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import FormItemWrapper from './form-item-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n, { translate } from '@/utils/i18n';\n    import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n    import SvgIcon from '@/components/svg-icon/index';\n    import { useFilesystemApi } from '@/api/useFilesystemApi';\n    import { PaperClipOutlined } from '@ant-design/icons-vue';\n    import { getUserInfo } from '@kp-ui/tool';\n    import queryString from 'query-string';\n\n    const filesystemApi = useFilesystemApi();\n\n    export default {\n        name: 'file-upload-widget',\n        componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n        mixins: [emitter, fieldMixin, i18n],\n        props: {\n            field: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        components: {\n            SvgIcon,\n            FormItemWrapper\n        },\n        data() {\n            return {\n                urlList: {},\n                previewTitle: '',\n                previewVisible: false,\n                previewImage: '',\n                loading: false,\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: [],\n                rules: []\n            };\n        },\n        computed: {\n            acceptType() {\n                const { accept } = this.field.options;\n                if (accept?.length) {\n                    return accept.join(',');\n                } else {\n                    return '*';\n                }\n            },\n            descCol() {\n                const { accept, maxSize } = this.field.options;\n                const acceptList = (accept || []).join(',');\n                return [\n                    acceptList.length ? `支持扩展名${acceptList}` : '',\n                    maxSize ? `支持文件大小${maxSize}M` : ''\n                ].filter(Boolean);\n            }\n            // uploadBtnHidden() {\n            //   return !this.fieldModel || this.fieldModel.length >= this.field.options.limit;\n            // }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.initFieldModel();\n            this.initEventHandler();\n            this.buildFieldRules();\n\n            this.handleOnCreated();\n        },\n\n        mounted() {\n            this.initFieldModel();\n            this.handleOnMounted();\n        },\n\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n\n        methods: {\n            iconRender({ file }) {\n                try {\n                    const fieldTypes = file.fileName.slice(file.fileName.lastIndexOf('.'));\n\n                    if (['.xls', '.xlsx'].includes(fieldTypes.toLowerCase())) {\n                        return <SvgIcon icon-class=\"excel\" />;\n                    }\n                    if (['.doc', '.docx'].includes(fieldTypes.toLowerCase())) {\n                        return <SvgIcon icon-class=\"word\" />;\n                    }\n                    if (['.pdf'].includes(fieldTypes.toLowerCase())) {\n                        return <SvgIcon icon-class=\"pdf\" />;\n                    }\n                } catch (error) {}\n\n                return <PaperClipOutlined />;\n            },\n\n            handleCancel() {\n                this.previewVisible = false;\n            },\n            async getFileUrl(fileCode) {\n                if (this.fieldModel[fileCode]) {\n                    return this.fieldModel[fileCode];\n                } else {\n                    const fileUrlObj = await filesystemApi.getPreviewFileUrl({\n                        fileCode: fileCode\n                    });\n                    const url = fileUrlObj.data.value;\n                    this.fieldModel[fileCode] = url;\n                    return url;\n                }\n            },\n            async handlePreview(file) {\n                if (!file.fileCode) {\n                    return this.$message.error('文件上传完才能预览！');\n                }\n                if (['.png', '.jpg', '.jpeg', '.gif'].includes(file.fileType)) {\n                    const url = await this.getFileUrl(file.fileCode);\n                    this.previewImage = url;\n                    this.previewVisible = true;\n                    this.previewTitle = file.fileName;\n                } else {\n                    const { tokenId, tenantId, employeeId } = getUserInfo();\n                    const doMain = window.location.origin;\n                    const obj = {\n                        tenantId,\n                        tokenId,\n                        employeeId,\n                        fileCode: file.fileCode\n                    };\n                    window.open(`${doMain}/view-file/preview?${queryString.stringify(obj)}`);\n                }\n            },\n            handleOnBeforeUpload(file) {\n                if (!!this.field.options.onBeforeUpload) {\n                    const bfFunc = new Function('file', this.field.options.onBeforeUpload);\n                    const result = bfFunc.call(this, file);\n                    if (typeof result === 'boolean') {\n                        return result;\n                    } else {\n                        return true;\n                    }\n                }\n                return true;\n            },\n            removeFile(file) {\n                const findInx = this.fieldModel.findIndex(item => item.uid === file.uid);\n                this.fieldModel.splice(findInx, 1);\n                this.handleChangeEvent(this.fieldModel);\n            },\n            async customRequest(upload) {\n                const { accept, maxSize, limit, businessType, multiple } = this.field.options;\n                const fileName = upload.file.name;\n                const fieldTypesArr = accept.map(item => item.toLowerCase());\n                const fieldTypes = fileName.slice(fileName.lastIndexOf('.'));\n                const { message } = await import('ant-design-vue');\n\n                if (!fieldTypesArr.includes(fieldTypes.toLowerCase())) {\n                    return message.error(`目前仅支持${accept}格式的文件`);\n                }\n\n                if (maxSize && upload.file.size > maxSize * 1024 * 1024) {\n                    message.error(`文件大小不能超过${maxSize}M`);\n                    return;\n                }\n\n                // if (limit && this.fieldModel.length >= limit) {\n                //   message.error('超出限制上传文件数');\n                //   return;\n                // }\n\n                const flag = this.handleOnBeforeUpload(upload);\n\n                if (!flag) return;\n                this.loading = true;\n                try {\n                    const res = await filesystemApi.uploadFileObject({\n                        businessType: businessType,\n                        file: upload.file\n                    });\n\n                    const { fileName: name } = res.data.object;\n                    console.log(res.data.object);\n\n                    if (limit > 1) {\n                        const findIndex = this.fieldModel.findIndex(item => item.name === name);\n                        if (findIndex > -1) {\n                            this.fieldModel.splice(findIndex, 1);\n                        }\n                        if (this.fieldModel.length < limit) {\n                            this.fieldModel.push({ ...res.data.object, name });\n                        }\n                    } else {\n                        this.fieldModel = [{ ...res.data.object, name }];\n                    }\n                } finally {\n                    this.handleChangeEvent(this.fieldModel);\n                    this.loading = false;\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n    .fileUploadTip {\n        font-size: 12px;\n        margin-top: 10px;\n    }\n</style>\n"],"names":["filesystemApi","useFilesystemApi","_sfc_main","name","componentName","mixins","emitter","fieldMixin","i18n","props","field","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","designState","type","Boolean","default","subFormRowIndex","subFormColIndex","subFormRowId","String","components","SvgIcon","FormItemWrapper","data","urlList","previewTitle","previewVisible","previewImage","loading","oldFieldValue","fieldModel","rules","computed","acceptType","accept","options","length","join","descCol","maxSize","acceptList","filter","beforeCreate","created","registerToRefList","initFieldModel","initEventHandler","buildFieldRules","handleOnCreated","mounted","handleOnMounted","beforeUnmount","unregisterFromRefList","methods","iconRender","file","fieldTypes","fileName","slice","lastIndexOf","includes","toLowerCase","_createVNode","PaperClipOutlined","handleCancel","getFileUrl","fileCode","url","getPreviewFileUrl","value","handlePreview","$message","error","fileType","tokenId","tenantId","employeeId","getUserInfo","doMain","window","location","origin","obj","open","queryString","stringify","handleOnBeforeUpload","onBeforeUpload","result","Function","call","removeFile","findInx","findIndex","item","uid","splice","handleChangeEvent","customRequest","upload","limit","businessType","multiple","fieldTypesArr","map","message","size","res","uploadFileObject","object","console","log","push"],"mappings":";;;;;;;;;;AAqEI,MAAMA,IAAgBC,EAAgB,GAEtCC,IAAe;AAAA,EACXC,MAAM;AAAA,EACNC,eAAe;AAAA;AAAA,EACfC,QAAQ,CAACC,GAASC,GAAYC,CAAI;AAAA,EAClCC,OAAO;AAAA,IACHC,OAAOC;AAAAA,IACPC,cAAcD;AAAAA,IACdE,YAAYC;AAAAA,IACZC,mBAAmBC;AAAAA,IACnBC,UAAUN;AAAAA,IAEVO,aAAa;AAAA,MACTC,MAAMC;AAAAA,MACNC,SAAS;AAAA;IAGbC,iBAAiB;AAAA;AAAA,MACSH,MAAMH;AAAAA,MAC5BK,SAAS;AAAA;IAEbE,iBAAiB;AAAA;AAAA,MACSJ,MAAMH;AAAAA,MAC5BK,SAAS;AAAA;IAEbG,cAAc;AAAA;AAAA,MACcL,MAAMM;AAAAA,MAC9BJ,SAAS;AAAA,IACb;AAAA;EAEJK,YAAY;AAAA,IACRC,SAAAA;AAAAA,IACAC,iBAAAA;AAAAA;EAEJC,OAAO;AACH,WAAO;AAAA,MACHC,SAAS,CAAA;AAAA,MACTC,cAAc;AAAA,MACdC,gBAAgB;AAAA,MAChBC,cAAc;AAAA,MACdC,SAAS;AAAA,MACTC,eAAe;AAAA;AAAA,MACfC,YAAY,CAAA;AAAA,MACZC,OAAO,CAAA;AAAA;EAEf;AAAA,EACAC,UAAU;AAAA,IACNC,aAAa;AACT,YAAM;AAAA,QAAEC,QAAAA;AAAAA,MAAO,IAAI,KAAK9B,MAAM+B;AAC9B,aAAID,KAAAA,QAAAA,EAAQE,SACDF,EAAOG,KAAK,GAAG,IAEf;AAAA,IAEf;AAAA,IACAC,UAAU;AACN,YAAM;AAAA,QAAEJ,QAAAA;AAAAA,QAAQK,SAAAA;AAAAA,MAAQ,IAAI,KAAKnC,MAAM+B,SACjCK,KAAcN,KAAU,CAAA,GAAIG,KAAK,GAAG;AAC1C,aAAO,CACHG,EAAWJ,SAAS,QAAQI,CAAU,KAAK,IAC3CD,IAAU,SAASA,CAAO,MAAM,EAAC,EACnCE,OAAO3B,OAAO;AAAA,IACpB;AAAA;AAAA;AAAA;AAAA;EAKJ4B,eAAe;AAAA,EACX;AAAA,EAGJC,UAAU;AAGN,SAAKC,kBAAiB,GACtB,KAAKC,eAAc,GACnB,KAAKC,iBAAgB,GACrB,KAAKC,gBAAe,GAEpB,KAAKC,gBAAe;AAAA,EACxB;AAAA,EAEAC,UAAU;AACN,SAAKJ,eAAc,GACnB,KAAKK,gBAAe;AAAA,EACxB;AAAA,EAEAC,gBAAgB;AACZ,SAAKC,sBAAqB;AAAA,EAC9B;AAAA,EAEAC,SAAS;AAAA,IACLC,WAAW;AAAA,MAAEC,MAAAA;AAAAA,IAAK,GAAG;AACjB,UAAI;AACA,cAAMC,IAAaD,EAAKE,SAASC,MAAMH,EAAKE,SAASE,YAAY,GAAG,CAAC;AAErE,YAAI,CAAC,QAAQ,OAAO,EAAEC,SAASJ,EAAWK,YAAW,CAAE;AACnD,iBAAAC,EAAAzC,GAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAA,IAAA;AAEJ,YAAI,CAAC,QAAQ,OAAO,EAAEuC,SAASJ,EAAWK,YAAW,CAAE;AACnD,iBAAAC,EAAAzC,GAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAA,IAAA;AAEJ,YAAI,CAAC,MAAM,EAAEuC,SAASJ,EAAWK,YAAW,CAAE;AAC1C,iBAAAC,EAAAzC,GAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAA,IAAA;AAAA,MAER,QAAgB;AAAA,MAAC;AAEjB,aAAAyC,EAAAC,GAAA,MAAA,IAAA;AAAA,IACJ;AAAA,IAEAC,eAAe;AACX,WAAKtC,iBAAiB;AAAA,IAC1B;AAAA,IACA,MAAMuC,WAAWC,GAAU;AACvB,UAAI,KAAKpC,WAAWoC,CAAQ;AACxB,eAAO,KAAKpC,WAAWoC,CAAQ;AAC5B;AAIH,cAAMC,KAHa,MAAMzE,EAAc0E,kBAAkB;AAAA,UACrDF,UAAUA;AAAAA,QACd,CAAC,GACsB3C,KAAK8C;AAC5B,oBAAKvC,WAAWoC,CAAQ,IAAIC,GACrBA;AAAAA,MACX;AAAA,IACJ;AAAA,IACA,MAAMG,cAAcf,GAAM;AACtB,UAAI,CAACA,EAAKW;AACN,eAAO,KAAKK,SAASC,MAAM,YAAY;AAE3C,UAAI,CAAC,QAAQ,QAAQ,SAAS,MAAM,EAAEZ,SAASL,EAAKkB,QAAQ,GAAG;AAC3D,cAAMN,IAAM,MAAM,KAAKF,WAAWV,EAAKW,QAAQ;AAC/C,aAAKvC,eAAewC,GACpB,KAAKzC,iBAAiB,IACtB,KAAKD,eAAe8B,EAAKE;AAAAA,MAC7B,OAAO;AACH,cAAM;AAAA,UAAEiB,SAAAA;AAAAA,UAASC,UAAAA;AAAAA,UAAUC,YAAAA;AAAAA,YAAeC,EAAW,GAC/CC,IAASC,OAAOC,SAASC,QACzBC,IAAM;AAAA,UACRP,UAAAA;AAAAA,UACAD,SAAAA;AAAAA,UACAE,YAAAA;AAAAA,UACAV,UAAUX,EAAKW;AAAAA;AAEnBa,eAAOI,KAAK,GAAGL,CAAM,sBAAsBM,EAAYC,UAAUH,CAAG,CAAC,EAAE;AAAA,MAC3E;AAAA,IACJ;AAAA,IACAI,qBAAqB/B,GAAM;AACvB,UAAM,KAAKnD,MAAM+B,QAAQoD,gBAAgB;AAErC,cAAMC,IADS,IAAIC,SAAS,QAAQ,KAAKrF,MAAM+B,QAAQoD,cAAc,EAC/CG,KAAK,MAAMnC,CAAI;AACrC,eAAI,OAAOiC,KAAW,YACXA,IAEA;AAAA,MAEf;AACA,aAAO;AAAA,IACX;AAAA,IACAG,WAAWpC,GAAM;AACb,YAAMqC,IAAU,KAAK9D,WAAW+D,UAAUC,CAAAA,MAAQA,EAAKC,QAAQxC,EAAKwC,GAAG;AACvE,WAAKjE,WAAWkE,OAAOJ,GAAS,CAAC,GACjC,KAAKK,kBAAkB,KAAKnE,UAAU;AAAA,IAC1C;AAAA,IACA,MAAMoE,cAAcC,GAAQ;AACxB,YAAM;AAAA,QAAEjE,QAAAA;AAAAA,QAAQK,SAAAA;AAAAA,QAAS6D,OAAAA;AAAAA,QAAOC,cAAAA;AAAAA,QAAcC,UAAAA;AAAAA,MAAS,IAAI,KAAKlG,MAAM+B,SAChEsB,IAAW0C,EAAO5C,KAAK1D,MACvB0G,IAAgBrE,EAAOsE,IAAIV,CAAAA,MAAQA,EAAKjC,aAAa,GACrDL,IAAaC,EAASC,MAAMD,EAASE,YAAY,GAAG,CAAC,GACrD;AAAA,QAAE8C,SAAAA;AAAAA,MAAQ,IAAI,MAAM,OAAO,gBAAgB;AAEjD,UAAI,CAACF,EAAc3C,SAASJ,EAAWK,YAAW,CAAE;AAChD,eAAO4C,EAAQjC,MAAM,QAAQtC,CAAM,OAAO;AAG9C,UAAIK,KAAW4D,EAAO5C,KAAKmD,OAAOnE,IAAU,OAAO,MAAM;AACrDkE,QAAAA,EAAQjC,MAAM,WAAWjC,CAAO,GAAG;AACnC;AAAA,MACJ;AASA,UAFa,KAAK+C,qBAAqBa,CAAM,GAG7C;AAAA,aAAKvE,UAAU;AACf,YAAI;AACA,gBAAM+E,IAAM,MAAMjH,EAAckH,iBAAiB;AAAA,YAC7CP,cAAcA;AAAAA,YACd9C,MAAM4C,EAAO5C;AAAAA,UACjB,CAAC,GAEK;AAAA,YAAEE,UAAU5D;AAAAA,UAAK,IAAI8G,EAAIpF,KAAKsF;AAGpC,cAFAC,QAAQC,IAAIJ,EAAIpF,KAAKsF,MAAM,GAEvBT,IAAQ,GAAG;AACX,kBAAMP,IAAY,KAAK/D,WAAW+D,UAAUC,CAAAA,MAAQA,EAAKjG,SAASA,CAAI;AACtE,YAAIgG,IAAY,MACZ,KAAK/D,WAAWkE,OAAOH,GAAW,CAAC,GAEnC,KAAK/D,WAAWM,SAASgE,KACzB,KAAKtE,WAAWkF,KAAK;AAAA,cAAE,GAAGL,EAAIpF,KAAKsF;AAAAA,cAAQhH,MAAAA;AAAAA,YAAK,CAAC;AAAA,UAEzD;AACI,iBAAKiC,aAAa,CAAC;AAAA,cAAE,GAAG6E,EAAIpF,KAAKsF;AAAAA,cAAQhH,MAAAA;AAAAA,YAAK,CAAC;AAAA,QAEvD,UAAA;AACI,eAAKoG,kBAAkB,KAAKnE,UAAU,GACtC,KAAKF,UAAU;AAAA,QACnB;AAAA;AAAA,IACJ;AAAA,EACJ;AACJ;"}

package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue.js

@@ -1,277 +0,0 @@
-import C from "../../../svg-icon/index.vue.js";
-import F from "../../../../utils/i18n.js";
-import { resolveComponent as b, createElementBlock as n, openBlock as i, normalizeClass as y, createBlock as v, createCommentVNode as f, withModifiers as u, withCtx as r, renderSlot as I, createElementVNode as a, Fragment as c, createVNode as l, toDisplayString as m } from "vue";
-/* empty css                       */
-import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const k = {
-  name: "form-item-wrapper",
-  mixins: [F],
-  components: {
-    SvgIcon: C
-  },
-  props: {
-    field: Object,
-    designer: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designState: {
-      type: Boolean,
-      default: !1
-    },
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    },
-    rules: Array
-  },
-  inject: ["getFormConfig", "getSubFormFieldFlag", "getSubFormName"],
-  computed: {
-    formConfig() {
-      return this.getFormConfig();
-    },
-    selected() {
-      return !!this.designer && this.field.id === this.designer.selectedId;
-    },
-    label() {
-      return this.field.options.labelHidden ? "" : this.field.options.label;
-    },
-    labelWidth() {
-      return this.field.options.labelHidden ? 0 : this.field.options.labelWidth ? this.field.options.labelWidth : this.designer ? this.designer.formConfig.labelWidth : this.formConfig.labelWidth;
-    },
-    labelAlign() {
-      return this.field.options.labelAlign ? this.field.options.labelAlign : this.designer ? this.designer.formConfig.labelAlign || "right" : this.formConfig.labelAlign || "right";
-    },
-    size() {
-      return this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
-    },
-    customClass() {
-      return this.field.options.customClass.join(" ");
-    },
-    subFormName() {
-      return this.getSubFormName ? this.getSubFormName() : "";
-    },
-    subFormItemFlag() {
-      return this.getSubFormFieldFlag ? this.getSubFormFieldFlag() : !1;
-    }
-  },
-  created() {
-  },
-  methods: {
-    // handleHidden() {
-    //   if (this.designState) {
-    //     return false;
-    //   }
-    //   const { onHidden, hidden } = this.field.options;
-    //   if (hidden) return true;
-    //   if (onHidden) {
-    //     const onHiddenFn = new Function(onHidden);
-    //     return onHiddenFn.call(this);
-    //   }
-    //   return false;
-    // },
-    selectField(s) {
-      this.designer && (this.designer.setSelected(s), this.designer.emitEvent("field-selected", this.parentWidget));
-    },
-    selectParentWidget() {
-      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
-    },
-    moveUpWidget() {
-      this.designer.moveUpWidget(this.parentList, this.indexOfParentList), this.designer.emitHistoryChange();
-    },
-    moveDownWidget() {
-      this.designer.moveDownWidget(this.parentList, this.indexOfParentList), this.designer.emitHistoryChange();
-    },
-    removeFieldWidget() {
-      if (this.parentList) {
-        let s = null;
-        this.parentList.length === 1 ? this.parentWidget && (s = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? s = this.parentList[this.indexOfParentList - 1] : s = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
-          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(s), this.designer.emitHistoryChange();
-        });
-      }
-    },
-    getPropName() {
-      return this.subFormItemFlag && !this.designState ? this.subFormName + "." + this.subFormRowIndex + "." + this.field.options.name : this.field.options.name;
-    }
-  }
-}, x = { class: "label-box" }, S = {
-  key: 0,
-  class: "custom-label"
-}, L = { class: "label-text" }, p = { class: "label-text" }, z = { class: "label-text" }, w = { class: "label-text" }, P = { class: "label-text" }, N = {
-  key: 0,
-  class: "field-action"
-}, A = ["title"], O = ["title"], H = ["title"], T = ["title"], j = {
-  key: 1,
-  class: "drag-handler background-opacity"
-}, D = ["title"], B = { key: 0 };
-function U(s, d, e, E, R, t) {
-  const o = b("svg-icon"), g = b("a-tooltip"), _ = b("a-form-item");
-  return i(), n("div", {
-    class: y(["field-wrapper", { "design-time-bottom-margin": !!this.designer }])
-  }, [
-    e.field.formItemFlag ? (i(), v(_, {
-      key: 0,
-      labelCol: { style: { width: t.labelWidth + "px" } },
-      title: e.field.options.labelTooltip,
-      size: t.size,
-      rules: e.rules,
-      name: t.getPropName(),
-      labelAlign: t.labelAlign,
-      class: y([t.selected ? "selected" : "", t.customClass]),
-      onClick: d[0] || (d[0] = u((h) => t.selectField(e.field), ["stop"]))
-    }, {
-      label: r(() => [
-        a("div", x, [
-          e.field.options.labelIconClass ? (i(), n("span", S, [
-            e.field.options.labelIconPosition === "front" ? (i(), n(c, { key: 0 }, [
-              e.field.options.labelTooltip ? (i(), n(c, { key: 0 }, [
-                l(g, {
-                  title: e.field.options.labelTooltip,
-                  overlayStyle: { zIndex: 1e3 }
-                }, {
-                  default: r(() => [
-                    l(o, {
-                      "icon-class": e.field.options.labelIconClass
-                    }, null, 8, ["icon-class"])
-                  ]),
-                  _: 1
-                }, 8, ["title"]),
-                l(g, {
-                  title: t.label,
-                  overlayStyle: { zIndex: 1e3 }
-                }, {
-                  default: r(() => [
-                    a("div", L, m(t.label), 1)
-                  ]),
-                  _: 1
-                }, 8, ["title"])
-              ], 64)) : (i(), n(c, { key: 1 }, [
-                l(o, {
-                  "icon-class": e.field.options.labelIconClass
-                }, null, 8, ["icon-class"]),
-                l(g, {
-                  title: t.label,
-                  overlayStyle: { zIndex: 1e3 }
-                }, {
-                  default: r(() => [
-                    a("div", p, m(t.label), 1)
-                  ]),
-                  _: 1
-                }, 8, ["title"])
-              ], 64))
-            ], 64)) : e.field.options.labelIconPosition === "rear" ? (i(), n(c, { key: 1 }, [
-              e.field.options.labelTooltip ? (i(), n(c, { key: 0 }, [
-                l(g, {
-                  title: t.label,
-                  overlayStyle: { zIndex: 1e3 }
-                }, {
-                  default: r(() => [
-                    a("div", z, m(t.label), 1)
-                  ]),
-                  _: 1
-                }, 8, ["title"]),
-                l(g, {
-                  title: e.field.options.labelTooltip,
-                  overlayStyle: { zIndex: 1e3 }
-                }, {
-                  default: r(() => [
-                    l(o, {
-                      "icon-class": e.field.options.labelIconClass
-                    }, null, 8, ["icon-class"])
-                  ]),
-                  _: 1
-                }, 8, ["title"])
-              ], 64)) : (i(), n(c, { key: 1 }, [
-                l(g, {
-                  title: t.label,
-                  overlayStyle: { zIndex: 1e3 }
-                }, {
-                  default: r(() => [
-                    a("div", w, m(t.label), 1)
-                  ]),
-                  _: 1
-                }, 8, ["title"]),
-                l(o, {
-                  "icon-class": e.field.options.labelIconClass
-                }, null, 8, ["icon-class"])
-              ], 64))
-            ], 64)) : f("", !0)
-          ])) : (i(), v(g, {
-            key: 1,
-            title: t.label,
-            overlayStyle: { zIndex: 1e3 }
-          }, {
-            default: r(() => [
-              a("div", P, m(t.label), 1)
-            ]),
-            _: 1
-          }, 8, ["title"]))
-        ])
-      ]),
-      default: r(() => [
-        I(s.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["labelCol", "title", "size", "rules", "name", "labelAlign", "class"])) : f("", !0),
-    this.designer ? (i(), n(c, { key: 1 }, [
-      e.designer.selectedId === e.field.id ? (i(), n("div", N, [
-        a("i", {
-          title: s.i18nt("designer.hint.selectParentWidget"),
-          onClick: d[1] || (d[1] = u((h) => t.selectParentWidget(e.field), ["stop"]))
-        }, [
-          l(o, { "icon-class": "el-back" })
-        ], 8, A),
-        e.parentList && e.parentList.length > 1 ? (i(), n("i", {
-          key: 0,
-          title: s.i18nt("designer.hint.moveUpWidget"),
-          onClick: d[2] || (d[2] = u((h) => t.moveUpWidget(e.field), ["stop"]))
-        }, [
-          l(o, { "icon-class": "el-move-up" })
-        ], 8, O)) : f("", !0),
-        e.parentList && e.parentList.length > 1 ? (i(), n("i", {
-          key: 1,
-          title: s.i18nt("designer.hint.moveDownWidget"),
-          onClick: d[3] || (d[3] = u((h) => t.moveDownWidget(e.field), ["stop"]))
-        }, [
-          l(o, { "icon-class": "el-move-down" })
-        ], 8, H)) : f("", !0),
-        a("i", {
-          title: s.i18nt("designer.hint.remove"),
-          onClick: d[4] || (d[4] = u((...h) => t.removeFieldWidget && t.removeFieldWidget(...h), ["stop"]))
-        }, [
-          l(o, { "icon-class": "el-delete" })
-        ], 8, T)
-      ])) : f("", !0),
-      e.designer.selectedId === e.field.id ? (i(), n("div", j, [
-        a("i", {
-          title: s.i18nt("designer.hint.dragHandler")
-        }, [
-          l(o, { "icon-class": "el-drag-move" })
-        ], 8, D),
-        a("i", null, m(s.i18n2t(
-          `designer.widgetLabel.${e.field.type}`,
-          `extension.widgetLabel.${e.field.type}`
-        )), 1),
-        e.field.options.hidden === !0 ? (i(), n("i", B, [
-          l(o, { "icon-class": "el-hide" })
-        ])) : f("", !0)
-      ])) : f("", !0)
-    ], 64)) : f("", !0)
-  ], 2);
-}
-const K = /* @__PURE__ */ W(k, [["render", U], ["__scopeId", "data-v-b3197ec2"]]);
-export {
-  K as default
-};
-//# sourceMappingURL=form-item-wrapper.vue.js.map