@kp-ui/lowcode 1.0.21 → 1.0.24

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

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

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

@@ -1,82 +0,0 @@
-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/es/components/form-designer/form-widget/field-widget/input-widget.vue.js

@@ -1,148 +0,0 @@
-import g from "./form-item-wrapper.vue.js";
-import w from "../../../svg-icon/index.vue.js";
-import C from "../../../../utils/emitter.js";
-import y from "../../../../utils/i18n.js";
-import _ from "./fieldMixin.js";
-import { resolveComponent as o, createBlock as r, createCommentVNode as a, openBlock as f, withCtx as i, withDirectives as v, createVNode as d, createSlots as F, vShow as I, createElementVNode as x, toDisplayString as B } from "vue";
-/* empty css                  */
-import M from "../../../../_virtual/_plugin-vue_export-helper.js";
-const z = {
-  name: "input-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [C, _, 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: {
-    FormItemWrapper: g,
-    SvgIcon: w
-  },
-  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";
-    },
-    inputType() {
-      return this.field.options.type === "number" ? "text" : this.field.options.type;
-    }
-  },
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {}
-}, R = { class: "readonly-mode-field" };
-function k(t, l, e, L, n, s) {
-  const u = o("svg-icon"), m = o("a-button"), p = o("a-input"), c = o("a-tooltip"), h = o("form-item-wrapper");
-  return t.handleHidden() ? a("", !0) : (f(), r(h, {
-    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: i(() => [
-      v(d(p, {
-        ref: "fieldEditor",
-        value: n.fieldModel,
-        "onUpdate:value": l[0] || (l[0] = (b) => n.fieldModel = b),
-        disabled: t.handleDisabled(),
-        readonly: e.field.options.readonly,
-        size: s.size,
-        class: "hide-spin-button",
-        type: s.inputType,
-        "show-password": e.field.options.showPassword,
-        placeholder: e.field.options.placeholder,
-        allowClear: e.field.options.allowClear,
-        maxlength: e.field.options.maxLength,
-        showCount: e.field.options.showCount,
-        addonBefore: e.field.options.addonBefore,
-        addonAfter: e.field.options.addonAfter,
-        onFocus: t.handleFocusCustomEvent,
-        onBlur: t.handleBlurCustomEvent,
-        onInput: t.handleInputCustomEvent,
-        onChange: t.handleChangeEvent
-      }, F({ _: 2 }, [
-        e.field.options.appendButton ? {
-          name: "append",
-          fn: i(() => [
-            d(m, {
-              disabled: t.handleDisabled() || e.field.options.appendButtonDisabled,
-              onClick: t.emitAppendButtonClick
-            }, {
-              default: i(() => [
-                d(u, {
-                  "icon-class": e.field.options.buttonIcon
-                }, null, 8, ["icon-class"])
-              ]),
-              _: 1
-            }, 8, ["disabled", "onClick"])
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["value", "disabled", "readonly", "size", "type", "show-password", "placeholder", "allowClear", "maxlength", "showCount", "addonBefore", "addonAfter", "onFocus", "onBlur", "onInput", "onChange"]), [
-        [I, !t.isReadMode]
-      ]),
-      t.isReadMode ? (f(), r(c, {
-        key: 0,
-        placement: "topLeft",
-        title: n.fieldModel,
-        overlayStyle: { zIndex: 1e3 }
-      }, {
-        default: i(() => [
-          x("span", R, B(n.fieldModel), 1)
-        ]),
-        _: 1
-      }, 8, ["title"])) : a("", !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 j = /* @__PURE__ */ M(z, [["render", k], ["__scopeId", "data-v-141f5d9c"]]);
-export {
-  j as default
-};

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

@@ -1,121 +0,0 @@
-import c from "./form-item-wrapper.vue.js";
-import h from "../../../../utils/emitter.js";
-import b from "../../../../utils/i18n.js";
-import g from "./fieldMixin.js";
-import { resolveComponent as o, createBlock as d, createCommentVNode as r, openBlock as l, withCtx as s, withDirectives as w, createVNode as _, vShow as x, createElementVNode as F, toDisplayString as C } from "vue";
-/* empty css                   */
-import v from "../../../../_virtual/_plugin-vue_export-helper.js";
-const y = {
-  name: "number-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [h, g, b],
-  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: c
-  },
-  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: {}
-}, M = { class: "readonly-mode-field" };
-function z(i, n, e, I, t, a) {
-  const m = o("a-input-number"), u = o("a-tooltip"), f = o("form-item-wrapper");
-  return i.handleHidden() ? r("", !0) : (l(), d(f, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: t.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(() => [
-      w(_(m, {
-        ref: "fieldEditor",
-        size: a.size,
-        value: t.fieldModel,
-        "onUpdate:value": n[0] || (n[0] = (p) => t.fieldModel = p),
-        class: "full-width-input",
-        disabled: i.handleDisabled(),
-        "controls-position": e.field.options.controlsPosition,
-        placeholder: e.field.options.placeholder,
-        min: e.field.options.min,
-        max: e.field.options.max,
-        precision: e.field.options.precision,
-        step: e.field.options.step,
-        onFocus: i.handleFocusCustomEvent,
-        onBlur: i.handleBlurCustomEvent,
-        onChange: i.handleChangeEvent
-      }, null, 8, ["size", "value", "disabled", "controls-position", "placeholder", "min", "max", "precision", "step", "onFocus", "onBlur", "onChange"]), [
-        [x, !i.isReadMode]
-      ]),
-      i.isReadMode ? (l(), d(u, {
-        key: 0,
-        placement: "topLeft",
-        title: t.fieldModel,
-        overlayStyle: { zIndex: 1e3 }
-      }, {
-        default: s(() => [
-          F("span", M, C(t.fieldModel), 1)
-        ]),
-        _: 1
-      }, 8, ["title"])) : r("", !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 W = /* @__PURE__ */ v(y, [["render", z], ["__scopeId", "data-v-a0ea9354"]]);
-export {
-  W as default
-};