@kp-ui/lowcode 2.13.1 → 2.14.0-alpha

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

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

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

@@ -0,0 +1,98 @@
+import m from "./form-item-wrapper.vue.js";
+import s from "../../../../utils/emitter.js";
+import a from "../../../../utils/i18n.js";
+import u from "./fieldMixin.js";
+import { CodeEditor as f } from "tmgc2-share";
+import { resolveComponent as n, createBlock as p, createCommentVNode as c, openBlock as b, withCtx as g, createVNode as h } from "vue";
+/* empty css                        */
+import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const x = {
+  name: "code-editor-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [s, u, a],
+  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: m,
+    CodeEditor: f
+  },
+  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 C(t, d, e, F, o, _) {
+  const r = n("CodeEditor"), i = n("form-item-wrapper");
+  return t.handleHidden() ? c("", !0) : (b(), p(i, {
+    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: g(() => [
+      h(r, {
+        mode: e.field.options.mode,
+        readonly: e.field.options.readonly || t.isReadMode,
+        modelValue: o.fieldModel,
+        "onUpdate:modelValue": d[0] || (d[0] = (l) => o.fieldModel = l),
+        ref: "fieldEditor",
+        onBlur: t.handleBlurCustomEvent,
+        onChange: t.handleChangeEvent
+      }, null, 8, ["mode", "readonly", "modelValue", "onBlur", "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 N = /* @__PURE__ */ w(x, [["render", C], ["__scopeId", "data-v-de201121"]]);
+export {
+  N as default
+};

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

@@ -0,0 +1,102 @@
+import m from "./form-item-wrapper.vue.js";
+import u from "../../../../utils/emitter.js";
+import f from "../../../../utils/i18n.js";
+import p from "./fieldMixin.js";
+import { resolveComponent as i, createBlock as c, createCommentVNode as r, openBlock as d, withCtx as g, createElementVNode as b, normalizeClass as h, createVNode as x, createElementBlock as w, toDisplayString as _ } from "vue";
+/* empty css                  */
+import y from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const F = {
+  name: "color-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [u, p, f],
+  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: m
+  },
+  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: {}
+}, C = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function M(t, n, e, R, o, v) {
+  const l = i("a-input"), s = i("form-item-wrapper");
+  return t.handleHidden() ? r("", !0) : (d(), c(s, {
+    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: g(() => [
+      b("div", {
+        class: h([t.isReadMode ? "readonly-mode-color" : ""])
+      }, [
+        x(l, {
+          style: { padding: "0", width: "25px", height: "25px" },
+          value: o.fieldModel,
+          "onUpdate:value": n[0] || (n[0] = (a) => o.fieldModel = a),
+          onChange: t.handleChangeEvent,
+          type: "color"
+        }, null, 8, ["value", "onChange"]),
+        t.isReadMode ? (d(), w("span", C, _(o.fieldModel), 1)) : r("", !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 E = /* @__PURE__ */ y(F, [["render", M], ["__scopeId", "data-v-ec358857"]]);
+export {
+  E as default
+};

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

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

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

@@ -0,0 +1,127 @@
+import b from "./form-item-wrapper.vue.js";
+import g 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: [g, 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: b
+  },
+  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"), c = o("a-tooltip"), h = o("form-item-wrapper");
+  return t.handleHidden() ? n("", !0) : (r(), l(h, {
+    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(c, {
+          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-0cbbd56a"]]);
+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";
+import "./divider-widget.vue2.js";
+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-2c1df34b"]]);
+export {
+  S as default
+};

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

@@ -0,0 +1 @@
+