@kp-ui/lowcode 1.0.21 → 1.0.24

package/es/components/form-designer/form-widget/field-widget/picture-upload-widget.vue.js

@@ -1,242 +0,0 @@
-import FormItemWrapper from "./form-item-wrapper.vue.js";
-import SvgIcon from "../../../svg-icon/index.vue.js";
-import emitter from "../../../../utils/emitter.js";
-import i18n from "../../../../utils/i18n.js";
-import { deepClone } from "../../../../utils/util.js";
-import fieldMixin from "./fieldMixin.js";
-import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createVNode, normalizeClass, createElementVNode, createElementBlock, toDisplayString } from "vue";
-/* empty css                           */
-import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "picture-upload-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [emitter, fieldMixin, i18n],
-  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,
-    SvgIcon
-  },
-  data() {
-    return {
-      oldFieldValue: null,
-      //field组件change之前的值
-      fieldModel: [],
-      rules: [],
-      uploadHeaders: {},
-      uploadData: {
-        key: ""
-        //七牛云上传文件名
-        //token: '',  //七牛云上传token
-        //policy: '',  //又拍云上传policy
-        //authorization: '',  //又拍云上传签名
-      },
-      fileList: [],
-      //上传文件列表
-      fileListBeforeRemove: [],
-      //删除前的文件列表
-      previewUrl: "",
-      showPreviewDialogFlag: !1
-    };
-  },
-  computed: {
-    realUploadURL() {
-      const uploadURL = this.field.options.uploadURL;
-      return uploadURL && (uploadURL.indexOf("DSV.") > -1 || uploadURL.indexOf("DSV[") > -1) ? (this.getGlobalDsv(), eval(this.field.options.uploadURL)) : this.field.options.uploadURL;
-    },
-    uploadBtnHidden() {
-      return !this.fileList || this.fileList.length >= this.field.options.limit;
-    }
-  },
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
-  },
-  mounted() {
-    console.log("thjis", this), this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {
-    handlePictureExceed() {
-      const i = this.field.options.limit;
-      this.$message.warning(
-        this.i18nt("render.hint.uploadExceed").replace("${uploadLimit}", i)
-      );
-    },
-    handlePicturePreview(i) {
-      this.previewUrl = i.url, this.showPreviewDialogFlag = !0;
-    },
-    beforePictureUpload(i) {
-      let t = !1;
-      if (this.field.options && this.field.options.fileTypes) {
-        const o = this.field.options.fileTypes;
-        o.length > 0 && (t = o.some((d) => i.type === "image/" + d));
-      }
-      if (!t)
-        return this.$message.error(this.i18nt("render.hint.unsupportedFileType") + i.type), !1;
-      let e = !1, l = 5;
-      return this.field.options && this.field.options.fileMaxSize && (l = this.field.options.fileMaxSize), e = i.size / 1024 / 1024 <= l, e ? (this.uploadData.key = i.name, this.handleOnBeforeUpload(i)) : (this.$message.error(this.$("render.hint.fileSizeExceed") + l + "MB"), !1);
-    },
-    handleOnBeforeUpload(i) {
-      if (this.field.options.onBeforeUpload) {
-        const e = new Function("file", this.field.options.onBeforeUpload).call(this, i);
-        return typeof e == "boolean" ? e : !0;
-      }
-      return !0;
-    },
-    updateFieldModelAndEmitDataChangeForUpload(i, t, e) {
-      this.fieldModel = this.fieldModel || [];
-      const l = deepClone(this.fieldModel);
-      t && t.name && t.url ? this.fieldModel.push({
-        name: t.name,
-        url: t.url
-      }) : e && e.name && e.url ? this.fieldModel.push({
-        name: e.name,
-        url: e.url
-      }) : this.fieldModel = deepClone(i), this.syncUpdateFormModel(this.fieldModel), this.emitFieldDataChange(this.fieldModel, l);
-    },
-    handlePictureUpload(i, t, e) {
-      if (t.status === "success") {
-        let l = null;
-        this.field.options.onUploadSuccess && (l = new Function(
-          "result",
-          "file",
-          "fileList",
-          this.field.options.onUploadSuccess
-        ).call(this, i, t, e)), this.updateFieldModelAndEmitDataChangeForUpload(e, l, i), this.fileList = deepClone(e);
-      }
-    },
-    updateFieldModelAndEmitDataChangeForRemove(i, t) {
-      const e = deepClone(this.fieldModel);
-      let l = -1;
-      this.fileListBeforeRemove.map((o, d) => {
-        o.name === i.name && (o.url === i.url || o.uid && o.uid === i.uid) && (l = d);
-      }), l > -1 && this.fieldModel.splice(l, 1), this.syncUpdateFormModel(this.fieldModel), this.emitFieldDataChange(this.fieldModel, e);
-    },
-    handleBeforeRemove(i, t) {
-      this.fileListBeforeRemove = deepClone(t);
-    },
-    handlePictureRemove(i, t) {
-      this.updateFieldModelAndEmitDataChangeForRemove(i, t), this.fileList = deepClone(t), this.field.options.onFileRemove && new Function("file", "fileList", this.field.options.onFileRemove).call(this, i, t);
-    },
-    handleUploadError(i, t, e) {
-      this.field.options.onUploadError ? new Function(
-        "error",
-        "file",
-        "fileList",
-        this.field.options.onUploadError
-      ).call(this, i, t, e) : this.$message({
-        message: this.i18nt("render.hint.uploadError") + i,
-        duration: 3e3,
-        type: "error"
-      });
-    }
-  }
-}, _hoisted_1 = {
-  key: 0,
-  class: "el-upload__tip"
-}, _hoisted_2 = { class: "uploader-icon" }, _hoisted_3 = ["src"];
-function _sfc_render(i, t, e, l, o, d) {
-  const n = resolveComponent("svg-icon"), s = resolveComponent("a-upload"), r = resolveComponent("a-modal"), a = resolveComponent("form-item-wrapper");
-  return i.handleHidden() ? createCommentVNode("", !0) : (openBlock(), createBlock(a, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: o.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: withCtx(() => [
-      createVNode(s, {
-        ref: "fieldEditor",
-        disabled: i.handleDisabled() || i.isReadMode,
-        action: d.realUploadURL,
-        headers: o.uploadHeaders,
-        data: o.uploadData,
-        "with-credentials": e.field.options.withCredentials,
-        multiple: e.field.options.multipleSelect,
-        "file-list": o.fileList,
-        "show-file-list": e.field.options.showFileList,
-        "list-type": "picture-card",
-        class: normalizeClass({ hideUploadDiv: d.uploadBtnHidden || i.isReadMode }),
-        limit: e.field.options.limit,
-        "on-exceed": d.handlePictureExceed,
-        "on-preview": d.handlePicturePreview,
-        "before-upload": d.beforePictureUpload,
-        "on-success": d.handlePictureUpload,
-        "on-error": d.handleUploadError,
-        "before-remove": d.handleBeforeRemove,
-        "on-remove": d.handlePictureRemove
-      }, {
-        tip: withCtx(() => [
-          e.field.options.uploadTip ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(e.field.options.uploadTip), 1)) : createCommentVNode("", !0)
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_2, [
-            createVNode(n, { "icon-class": "el-plus" })
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled", "action", "headers", "data", "with-credentials", "multiple", "file-list", "show-file-list", "class", "limit", "on-exceed", "on-preview", "before-upload", "on-success", "on-error", "before-remove", "on-remove"]),
-      createVNode(r, {
-        title: "",
-        visible: o.showPreviewDialogFlag,
-        "onUpdate:visible": t[0] || (t[0] = (p) => o.showPreviewDialogFlag = p),
-        "append-to-body": "",
-        width: "60%",
-        "show-close": !0,
-        "custom-class": "drag-dialog small-padding-dialog",
-        "close-on-click-modal": !0,
-        "close-on-press-escape": !0,
-        "destroy-on-close": !0
-      }, {
-        default: withCtx(() => [
-          createElementVNode("img", {
-            src: o.previewUrl,
-            style: { width: "100%" },
-            alt: ""
-          }, null, 8, _hoisted_3)
-        ]),
-        _: 1
-      }, 8, ["visible"])
-    ]),
-    _: 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 pictureUploadWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5165908b"]]);
-export {
-  pictureUploadWidget as default
-};

package/es/components/form-designer/form-widget/field-widget/radio-widget.vue.js

@@ -1,134 +0,0 @@
-import x from "./form-item-wrapper.vue.js";
-import F from "../../../../utils/emitter.js";
-import C from "../../../../utils/i18n.js";
-import I from "./fieldMixin.js";
-import { resolveComponent as o, createBlock as s, createCommentVNode as b, openBlock as d, withCtx as n, withDirectives as S, createElementBlock as a, createVNode as k, normalizeStyle as f, Fragment as y, renderList as p, createTextVNode as g, toDisplayString as u, vShow as z } from "vue";
-/* empty css                  */
-import R from "../../../../_virtual/_plugin-vue_export-helper.js";
-const L = {
-  name: "radio-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [F, I, C],
-  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: x
-  },
-  data() {
-    return {
-      oldFieldValue: null,
-      //field组件change之前的值
-      fieldModel: null,
-      rules: []
-    };
-  },
-  computed: {
-    size() {
-      let t = "default";
-      return this.field.options && this.field.options.size ? t = this.field.options.size : this.designer ? t = this.designer.formConfig.size || "default" : t = this.formConfig.size || "default", t === "middle" ? "default" : t;
-    }
-  },
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initOptionItems(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {}
-}, M = {
-  key: 0,
-  class: "readonly-mode-field"
-};
-function O(t, m, e, N, l, c) {
-  const h = o("a-radio-button"), _ = o("a-radio"), w = o("a-radio-group"), v = o("form-item-wrapper");
-  return t.handleHidden() ? b("", !0) : (d(), s(v, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: l.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: n(() => [
-      S(k(w, {
-        ref: "fieldEditor",
-        value: l.fieldModel,
-        "onUpdate:value": m[0] || (m[0] = (i) => l.fieldModel = i),
-        size: c.size,
-        disabled: t.handleDisabled(),
-        style: f({ display: e.field.options.displayStyle + " !important" }),
-        onChange: t.handleChangeEvent
-      }, {
-        default: n(() => [
-          e.field.options.buttonStyle ? (d(!0), a(y, { key: 0 }, p(e.field.options.optionItems, (i, r) => (d(), s(h, {
-            key: r,
-            value: i[e.field.options.valueKey],
-            disabled: i.disabled,
-            border: e.field.options.border,
-            style: f({ display: e.field.options.displayStyle })
-          }, {
-            default: n(() => [
-              g(u(i[e.field.options.labelKey]), 1)
-            ]),
-            _: 2
-          }, 1032, ["value", "disabled", "border", "style"]))), 128)) : (d(!0), a(y, { key: 1 }, p(e.field.options.optionItems, (i, r) => (d(), s(_, {
-            key: r,
-            value: i[e.field.options.valueKey],
-            disabled: i.disabled,
-            border: e.field.options.border,
-            style: f({ display: e.field.options.displayStyle })
-          }, {
-            default: n(() => [
-              g(u(i[e.field.options.labelKey]), 1)
-            ]),
-            _: 2
-          }, 1032, ["value", "disabled", "border", "style"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["value", "size", "disabled", "style", "onChange"]), [
-        [z, !t.isReadMode]
-      ]),
-      t.isReadMode ? (d(), a("span", M, u(t.optionLabel), 1)) : b("", !0)
-    ]),
-    _: 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 H = /* @__PURE__ */ R(L, [["render", O], ["__scopeId", "data-v-8739bdf9"]]);
-export {
-  H as default
-};

package/es/components/form-designer/form-widget/field-widget/rate-widget.vue.js

@@ -1,97 +0,0 @@
-import a from "./form-item-wrapper.vue.js";
-import s from "../../../../utils/emitter.js";
-import m from "../../../../utils/i18n.js";
-import f from "./fieldMixin.js";
-import { resolveComponent as i, createBlock as u, createCommentVNode as c, openBlock as b, withCtx as p, createVNode as g } from "vue";
-/* empty css                 */
-import w from "../../../../_virtual/_plugin-vue_export-helper.js";
-const h = {
-  name: "rate-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [s, f, m],
-  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: a
-  },
-  data() {
-    return {
-      oldFieldValue: null,
-      //field组件change之前的值
-      fieldModel: null,
-      rules: []
-    };
-  },
-  computed: {},
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {}
-};
-function x(t, o, e, C, n, _) {
-  const r = i("a-rate"), d = i("form-item-wrapper");
-  return t.handleHidden() ? c("", !0) : (b(), u(d, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: n.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: p(() => [
-      g(r, {
-        ref: "fieldEditor",
-        value: n.fieldModel,
-        "onUpdate:value": o[0] || (o[0] = (l) => n.fieldModel = l),
-        disabled: t.handleDisabled(),
-        allowClear: e.field.options.allowClear,
-        count: e.field.options.count,
-        "allow-half": e.field.options.allowHalf,
-        onChange: t.handleChangeEvent
-      }, null, 8, ["value", "disabled", "allowClear", "count", "allow-half", "onChange"])
-    ]),
-    _: 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 M = /* @__PURE__ */ w(h, [["render", x], ["__scopeId", "data-v-c64f78a6"]]);
-export {
-  M as default
-};

package/es/components/form-designer/form-widget/field-widget/rich-editor-widget.vue.js

@@ -1,128 +0,0 @@
-import s from "./form-item-wrapper.vue.js";
-import u from "../../../../utils/emitter.js";
-import m from "../../../../utils/i18n.js";
-import { deepClone as f } from "../../../../utils/util.js";
-import h from "./fieldMixin.js";
-import { quillEditor as c } from "vue3-quill";
-import { resolveComponent as n, createBlock as g, createCommentVNode as p, openBlock as b, withCtx as F, createElementVNode as C, normalizeClass as v, createVNode as E, normalizeStyle as R } from "vue";
-/* empty css                        */
-import w from "../../../../_virtual/_plugin-vue_export-helper.js";
-const x = {
-  name: "rich-editor-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [u, h, m],
-  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: s,
-    quillEditor: c
-  },
-  data() {
-    return {
-      oldFieldValue: null,
-      //field组件change之前的值
-      fieldModel: null,
-      rules: [],
-      customToolbar: [],
-      //富文本编辑器自定义工具栏
-      valueChangedFlag: !1
-      //vue2-editor数据值是否改变标志
-    };
-  },
-  computed: {
-    editorOption() {
-      return {
-        placeholder: this.field.options.placeholder,
-        modules: {
-          //toolbar: this.customToolbar
-        }
-      };
-    }
-  },
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {
-    handleRichEditorChangeEvent() {
-      this.valueChangedFlag = !0, this.syncUpdateFormModel(this.fieldModel);
-    },
-    handleRichEditorFocusEvent() {
-      this.oldFieldValue = f(this.fieldModel);
-    },
-    handleRichEditorBlurEvent() {
-      this.valueChangedFlag && (this.emitFieldDataChange(this.fieldModel, this.oldFieldValue), this.valueChangedFlag = !1);
-    }
-  }
-};
-function M(t, o, e, _, d, i) {
-  const l = n("quill-editor"), r = n("form-item-wrapper");
-  return t.handleHidden() ? p("", !0) : (b(), g(r, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: d.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: F(() => [
-      C("div", {
-        class: v({ "readonly-mode-rich-editor": t.isReadMode })
-      }, [
-        E(l, {
-          ref: "fieldEditor",
-          value: d.fieldModel,
-          "onUpdate:value": o[0] || (o[0] = (a) => d.fieldModel = a),
-          options: i.editorOption,
-          disabled: t.handleDisabled() || t.isReadMode,
-          onBlur: i.handleRichEditorBlurEvent,
-          onFocus: i.handleRichEditorFocusEvent,
-          onChange: i.handleRichEditorChangeEvent,
-          style: R(e.field.options.contentHeight ? `height: ${e.field.options.contentHeight};` : "")
-        }, null, 8, ["value", "options", "disabled", "onBlur", "onFocus", "onChange", "style"])
-      ], 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 S = /* @__PURE__ */ w(x, [["render", M], ["__scopeId", "data-v-26930f10"]]);
-export {
-  S as default
-};