@kp-ui/lowcode 1.0.21 → 1.0.24

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

@@ -0,0 +1,127 @@
+import g from "./form-item-wrapper.vue.js";
+import b from "../../../../utils/emitter.js";
+import w from "../../../../utils/i18n.js";
+import C from "./fieldMixin.js";
+import { resolveComponent as o, createBlock as l, createCommentVNode as n, openBlock as r, withCtx as a, createElementVNode as s, normalizeClass as f, createVNode as F, toDisplayString as y } from "vue";
+/* empty css                 */
+import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const v = {
+  name: "date-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [b, C, w],
+  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: {
+    FormItemWrapper: g
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {
+    size() {
+      return this.field.options && this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+}, x = { class: "readonly-mode-field" };
+function z(t, d, e, M, i, m) {
+  const u = o("a-date-picker"), h = o("a-tooltip"), c = o("form-item-wrapper");
+  return t.handleHidden() ? n("", !0) : (r(), l(c, {
+    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(() => [
+      s("div", {
+        class: f([
+          e.field.options.autoFullWidth ? "auto-full-width" : "",
+          t.isReadMode ? "readonly-mode-date" : ""
+        ])
+      }, [
+        F(u, {
+          size: m.size,
+          ref: "fieldEditor",
+          picker: e.field.options.type,
+          value: i.fieldModel,
+          "onUpdate:value": d[0] || (d[0] = (p) => i.fieldModel = p),
+          class: f([e.field.options.autoFullWidth ? "auto-full-width" : ""]),
+          readonly: e.field.options.readonly,
+          disabled: t.handleDisabled(),
+          allowClear: e.field.options.allowClear,
+          "show-time": e.field.options.showTime,
+          format: e.field.options.format,
+          "value-format": e.field.options.valueFormat,
+          placeholder: e.field.options.placeholder || t.i18nt("render.hint.datePlaceholder"),
+          onFocus: t.handleFocusCustomEvent,
+          onBlur: t.handleBlurCustomEvent,
+          onChange: t.handleChangeEvent
+        }, null, 8, ["size", "picker", "value", "class", "readonly", "disabled", "allowClear", "show-time", "format", "value-format", "placeholder", "onFocus", "onBlur", "onChange"]),
+        t.isReadMode ? (r(), l(h, {
+          key: 0,
+          placement: "topLeft",
+          title: i.fieldModel,
+          overlayStyle: { zIndex: 1e3 }
+        }, {
+          default: a(() => [
+            s("span", x, y(i.fieldModel), 1)
+          ]),
+          _: 1
+        }, 8, ["title"])) : n("", !0)
+      ], 2)
+    ]),
+    _: 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 B = /* @__PURE__ */ _(v, [["render", z], ["__scopeId", "data-v-342bff54"]]);
+export {
+  B as default
+};

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

@@ -0,0 +1,88 @@
+import d from "./static-content-wrapper.vue.js";
+import a from "../../../../utils/emitter.js";
+import s from "../../../../utils/i18n.js";
+import m from "./fieldMixin.js";
+import { resolveComponent as t, createBlock as f, createCommentVNode as l, openBlock as c, withCtx as i, createVNode as u, createTextVNode as p, toDisplayString as b } from "vue";
+/* empty css                    */
+import g from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const x = {
+  name: "divider-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [a, m, s],
+  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: d
+  },
+  computed: {},
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initEventHandler(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+};
+function _(n, w, e, h, y, C) {
+  const o = t("a-divider"), r = t("static-content-wrapper");
+  return n.handleHidden() ? l("", !0) : (c(), f(r, {
+    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: i(() => [
+      u(o, {
+        ref: "fieldEditor",
+        type: e.field.options.direction,
+        orientation: e.field.options.contentPosition
+      }, {
+        default: i(() => [
+          p(b(e.field.options.label), 1)
+        ]),
+        _: 1
+      }, 8, ["type", "orientation"])
+    ]),
+    _: 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 S = /* @__PURE__ */ g(x, [["render", _], ["__scopeId", "data-v-68feb2bf"]]);
+export {
+  S as default
+};

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

@@ -0,0 +1,125 @@
+import h from "./static-content-wrapper.vue.js";
+import w from "../../../../utils/emitter.js";
+import y from "../../../../utils/i18n.js";
+import x from "./fieldMixin.js";
+import { resolveComponent as t, createBlock as s, createCommentVNode as C, openBlock as a, withCtx as n, createVNode as o, normalizeClass as k, createTextVNode as r, toDisplayString as m, createElementBlock as F, Fragment as O, renderList as I } from "vue";
+/* empty css                     */
+import L from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const M = {
+  name: "dropdown-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [w, x, 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: {
+    StaticContentWrapper: h
+    // DownOutlined
+  },
+  computed: {},
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initEventHandler(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    handleMenuClick(i) {
+      const { onMenuClick: d } = this.field.options;
+      if (d)
+        return new Function("menuItem", d).call(this, i);
+    }
+  }
+};
+function N(i, d, e, R, S, c) {
+  const f = t("a-menu-item"), u = t("a-menu"), p = t("DownOutlined"), b = t("a-button"), _ = t("a-dropdown"), g = t("static-content-wrapper");
+  return i.handleHidden() ? C("", !0) : (a(), s(g, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    "design-state": e.designState,
+    "display-style": e.field.options.displayStyle,
+    "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: n(() => [
+      o(_, {
+        ref: "fieldEditor",
+        disabled: i.handleDisabled(),
+        placement: e.field.options.placement
+      }, {
+        overlay: n(() => [
+          o(u, { onClick: c.handleMenuClick }, {
+            default: n(() => [
+              (a(!0), F(O, null, I(e.field.options.menuList || [], (l) => (a(), s(f, {
+                key: l.value
+              }, {
+                default: n(() => [
+                  r(m(l.label), 1)
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        default: n(() => [
+          o(b, {
+            type: e.field.options.type,
+            size: e.field.options.size,
+            class: k([e.field.options.label === "" ? "hide-text-span" : "", "tpf-button"]),
+            shape: e.field.options.shape,
+            danger: e.field.options.danger,
+            ghost: e.field.options.ghost,
+            disabled: i.handleDisabled()
+          }, {
+            default: n(() => [
+              r(m(e.field.options.label) + " ", 1),
+              o(p)
+            ]),
+            _: 1
+          }, 8, ["type", "size", "class", "shape", "danger", "ghost", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["disabled", "placement"])
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "design-state", "display-style", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+}
+const V = /* @__PURE__ */ L(M, [["render", N], ["__scopeId", "data-v-c3bf543e"]]);
+export {
+  V as default
+};

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

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

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
+};