@kp-ui/lowcode 1.0.20 → 1.0.23

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

@@ -0,0 +1,199 @@
+import { createVNode as o } from "vue";
+import y from "./form-item-wrapper.vue.js";
+import L from "../../../../utils/emitter.js";
+import x from "../../../../utils/i18n.js";
+import F from "./fieldMixin.js";
+import r from "../../../svg-icon/index.vue.js";
+import { useFilesystemApi as v } from "../../../../api/useFilesystemApi/filesystem/index.js";
+import C from "../../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.5.13_typescript@5.7.3_/node_modules/@ant-design/icons-vue/es/icons/PaperClipOutlined.js";
+const g = v(), $ = {
+  name: "file-upload-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [L, F, x],
+  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: r,
+    FormItemWrapper: y
+  },
+  data() {
+    return {
+      previewTitle: "",
+      previewVisible: !1,
+      previewImage: "",
+      loading: !1,
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: [],
+      rules: [],
+      fileList: []
+      //上传文件列表
+    };
+  },
+  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.fileList || this.fileList.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: {
+    initFieldModel() {
+      const {
+        fieldModel: e
+      } = this.field;
+      e && console.log(e);
+    },
+    iconRender({
+      file: e
+    }) {
+      try {
+        const i = e.fileName.slice(e.fileName.lastIndexOf("."));
+        if ([".xls", ".xlsx"].includes(i.toLowerCase()))
+          return o(r, {
+            "icon-class": "excel"
+          }, null);
+        if ([".doc", ".docx"].includes(i.toLowerCase()))
+          return o(r, {
+            "icon-class": "word"
+          }, null);
+        if ([".pdf"].includes(i.toLowerCase()))
+          return o(r, {
+            "icon-class": "pdf"
+          }, null);
+      } catch {
+      }
+      return o(C, null, null);
+    },
+    //   onPreview(file) {
+    //     filesystemApi.downloadFileObject({ fileCode: file.fileCode });
+    //   },
+    handleCancel() {
+      this.previewVisible = !1;
+    },
+    async handlePreview(e) {
+      var i, t;
+      if ([".png", ".jpg", ".jpeg", ".gif"].includes(e.fileType))
+        this.previewImage = e.url, this.previewVisible = !0, this.previewTitle = e.fileName;
+      else {
+        const n = getUserInfo(), d = (i = n == null ? void 0 : n.loginInfo) == null ? void 0 : i.employeeId, {
+          tokenId: p,
+          tenantId: l
+        } = (t = n == null ? void 0 : n.loginInfo) == null ? void 0 : t.userToken, a = getDoMain(), f = {
+          tenantId: l,
+          tokenId: p,
+          employeeId: d,
+          fileCode: e.fileCode
+        };
+        window.open(`${a}/view-file/preview?${queryString.stringify(f)}`);
+      }
+    },
+    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.fileList.findIndex((t) => t.uid === e.uid);
+      this.fileList.splice(i, 1), this.handleChangeEvent(this.fileList);
+    },
+    async customRequest(e) {
+      const {
+        accept: i,
+        maxSize: t,
+        limit: n,
+        businessType: d,
+        multiple: p
+      } = this.field.options, l = e.file.name, a = i.map((s) => s.toLowerCase()), f = l.slice(l.lastIndexOf(".")), {
+        message: u
+      } = await import("ant-design-vue");
+      if (!a.includes(f.toLowerCase()))
+        return u.error(`目前仅支持${i}格式的文件`);
+      if (t && e.file.size > t * 1024 * 1024) {
+        u.error(`文件大小不能超过${t}M`);
+        return;
+      }
+      if (this.handleOnBeforeUpload(e)) {
+        this.loading = !0;
+        try {
+          const s = await g.uploadFileObject({
+            businessType: d,
+            file: e.file
+          }), {
+            fileName: c,
+            fileCode: b
+          } = s.data.object, m = (await g.getPreviewFileUrl({
+            fileCode: b
+          })).data.value;
+          if (n > 1) {
+            const h = this.fileList.findIndex((w) => w.name === c);
+            h > -1 && this.fileList.splice(h, 1), this.fileList.length < n && this.fileList.push({
+              ...s.data.object,
+              name: c,
+              url: m
+            });
+          } else
+            this.fileList = [{
+              ...s.data.object,
+              name: c,
+              url: m
+            }];
+        } finally {
+          this.handleChangeEvent(this.fileList), this.loading = !1;
+        }
+      }
+    }
+  }
+};
+export {
+  $ as default
+};

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

@@ -0,0 +1,273 @@
+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-e7234e21"]]);
+export {
+  K as default
+};

package/src/components/form-designer/form-widget/field-widget/html-text-widget.vue.js

@@ -0,0 +1,82 @@
+import i from "./static-content-wrapper.vue.js";
+import r from "../../../../utils/emitter.js";
+import o from "../../../../utils/i18n.js";
+import d from "./fieldMixin.js";
+import { resolveComponent as s, createBlock as a, createCommentVNode as m, openBlock as f, withCtx as l, createElementVNode as c } from "vue";
+/* empty css                      */
+import u from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = {
+  name: "html-text-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [r, d, o],
+  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: {
+    StaticContentWrapper: i
+  },
+  computed: {},
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initEventHandler(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+}, b = ["innerHTML"];
+function x(t, g, e, _, h, w) {
+  const n = s("static-content-wrapper");
+  return t.handleHidden() ? m("", !0) : (f(), a(n, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    "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: l(() => [
+      c("div", {
+        ref: "fieldEditor",
+        innerHTML: e.field.options.htmlContent
+      }, null, 8, b)
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+}
+const R = /* @__PURE__ */ u(p, [["render", x], ["__scopeId", "data-v-358286fd"]]);
+export {
+  R as default
+};

package/src/components/form-designer/form-widget/field-widget/index.js

@@ -0,0 +1,38 @@
+import * as r from "./attachment-render-widget.vue.js";
+import * as o from "./bpmn-editor-widget.vue.js";
+import * as d from "./button-widget.vue.js";
+import * as m from "./cascader-widget.vue.js";
+import * as a from "./checkbox-widget.vue.js";
+import * as g from "./code-editor-widget.vue.js";
+import * as p from "./color-widget.vue.js";
+import * as s from "./date-range-widget.vue.js";
+import * as u from "./date-widget.vue.js";
+import * as f from "./divider-widget.vue.js";
+import * as c from "./dropdown-widget.vue.js";
+import * as w from "./file-upload-widget.vue.js";
+import * as v from "./form-item-wrapper.vue.js";
+import * as n from "./html-text-widget.vue.js";
+import * as W from "./input-widget.vue.js";
+import * as l from "./number-widget.vue.js";
+import * as h from "./picture-upload-widget.vue.js";
+import * as b from "./radio-widget.vue.js";
+import * as x from "./rate-widget.vue.js";
+import * as E from "./rich-editor-widget.vue.js";
+import * as R from "./select-widget.vue.js";
+import * as k from "./slider-widget.vue.js";
+import * as S from "./slot-widget.vue.js";
+import * as T from "./static-content-wrapper.vue.js";
+import * as U from "./static-text-widget.vue.js";
+import * as j from "./switch-widget.vue.js";
+import * as C from "./textarea-widget.vue.js";
+import * as I from "./time-range-widget.vue.js";
+import * as O from "./time-widget.vue.js";
+import * as q from "./treeSelect-widget.vue.js";
+const y = {}, t = /* @__PURE__ */ Object.assign({ "./attachment-render-widget.vue": r, "./bpmn-editor-widget.vue": o, "./button-widget.vue": d, "./cascader-widget.vue": m, "./checkbox-widget.vue": a, "./code-editor-widget.vue": g, "./color-widget.vue": p, "./date-range-widget.vue": s, "./date-widget.vue": u, "./divider-widget.vue": f, "./dropdown-widget.vue": c, "./file-upload-widget.vue": w, "./form-item-wrapper.vue": v, "./html-text-widget.vue": n, "./input-widget.vue": W, "./number-widget.vue": l, "./picture-upload-widget.vue": h, "./radio-widget.vue": b, "./rate-widget.vue": x, "./rich-editor-widget.vue": E, "./select-widget.vue": R, "./slider-widget.vue": k, "./slot-widget.vue": S, "./static-content-wrapper.vue": T, "./static-text-widget.vue": U, "./switch-widget.vue": j, "./textarea-widget.vue": C, "./time-range-widget.vue": I, "./time-widget.vue": O, "./treeSelect-widget.vue": q });
+for (const e in t) {
+  const i = t[e].default.name;
+  y[i] = t[e].default;
+}
+export {
+  y as default
+};