@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.10

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

@@ -1,98 +1,4 @@
-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"]]);
+import f from "./code-editor-widget.vue2.js";
 export {
-  N as default
+  f as default
 };

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

@@ -0,0 +1,52 @@
+import { defineComponent as c, createBlock as x, createCommentVNode as E, unref as e, openBlock as g, mergeProps as C, withCtx as y, createVNode as F, isRef as _ } from "vue";
+import v from "./form-item-wrapper.vue.js";
+import { ComponentNameEnum as w, WidgetTypeEnum as B } from "../../../../constants/WidgetTypeEnum.js";
+import { useField as k } from "./useField.js";
+import { CodeEditor as I } from "tmgc2-share";
+const M = /* @__PURE__ */ c({
+  name: B.codeEditor,
+  componentName: w.FieldWidget,
+  __name: "code-editor-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(n, { expose: i }) {
+    const r = n, {
+      rules: l,
+      fieldEditor: m,
+      field: d,
+      fieldModel: o,
+      isReadMode: p,
+      handleHidden: s,
+      handleBlurCustomEvent: u,
+      defineExposed: a
+    } = k(r);
+    return i({
+      ...a
+    }), (N, t) => e(s) ? E("", !0) : (g(), x(v, C({ key: 0 }, r, { rules: e(l) }), {
+      default: y(() => [
+        F(e(I), {
+          mode: e(d).options.mode,
+          readonly: e(d).options.readonly || e(p),
+          value: e(o),
+          "onUpdate:value": t[0] || (t[0] = (f) => _(o) ? o.value = f : null),
+          ref_key: "fieldEditor",
+          ref: m,
+          onBlur: e(u)
+        }, null, 8, ["mode", "readonly", "value", "onBlur"])
+      ]),
+      _: 1
+    }, 16, ["rules"]));
+  }
+});
+export {
+  M as default
+};

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

@@ -1,102 +1,7 @@
-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";
+import o from "./color-widget.vue2.js";
 /* 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"]]);
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-da68348a"]]);
 export {
-  E as default
+  p as default
 };

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

@@ -0,0 +1,56 @@
+import { defineComponent as f, resolveComponent as g, createBlock as x, createCommentVNode as d, unref as e, openBlock as l, mergeProps as _, withCtx as y, createElementVNode as C, normalizeClass as v, createVNode as w, createElementBlock as F, isRef as h, toDisplayString as k } from "vue";
+import E from "./form-item-wrapper.vue.js";
+import { useField as N } from "./useField.js";
+import { ComponentNameEnum as I, WidgetTypeEnum as R } from "../../../../constants/WidgetTypeEnum.js";
+const W = {
+  key: 0,
+  class: "readonly-mode-field"
+}, P = /* @__PURE__ */ f({
+  name: R.color,
+  componentName: I.FieldWidget,
+  __name: "color-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(s, { expose: i }) {
+    const t = s, {
+      rules: a,
+      fieldModel: o,
+      isReadMode: n,
+      handleHidden: m,
+      defineExposed: p
+    } = N(t);
+    return i({
+      ...p
+    }), (b, r) => {
+      const u = g("a-input");
+      return e(m) ? d("", !0) : (l(), x(E, _({ key: 0 }, t, { rules: e(a) }), {
+        default: y(() => [
+          C("div", {
+            class: v([e(n) ? "readonly-mode-color" : ""])
+          }, [
+            w(u, {
+              style: { padding: "0", width: "25px", height: "25px" },
+              value: e(o),
+              "onUpdate:value": r[0] || (r[0] = (c) => h(o) ? o.value = c : null),
+              type: "color"
+            }, null, 8, ["value"]),
+            e(n) ? (l(), F("span", W, k(e(o)), 1)) : d("", !0)
+          ], 2)
+        ]),
+        _: 1
+      }, 16, ["rules"]));
+    };
+  }
+});
+export {
+  P as default
+};

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

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

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

@@ -0,0 +1,75 @@
+import { defineComponent as k, computed as E, resolveComponent as x, createBlock as d, createCommentVNode as b, unref as e, openBlock as l, mergeProps as B, withCtx as P, createElementVNode as R, normalizeClass as s, createElementBlock as W, isRef as z, toDisplayString as D } from "vue";
+import I from "./form-item-wrapper.vue.js";
+import { useField as N } from "./useField.js";
+import { ComponentNameEnum as M, WidgetTypeEnum as L } from "../../../../constants/WidgetTypeEnum.js";
+const T = {
+  key: 1,
+  class: "readonly-mode-field"
+}, U = /* @__PURE__ */ k({
+  name: L.dateRange,
+  componentName: M.FieldWidget,
+  __name: "date-range-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(i, { expose: u }) {
+    const a = i, {
+      i18nt: r,
+      rules: m,
+      fieldEditor: p,
+      field: o,
+      fieldModel: t,
+      isReadMode: c,
+      size: f,
+      handleHidden: h,
+      handleDisabled: v,
+      handleFocusCustomEvent: w,
+      handleBlurCustomEvent: F,
+      defineExposed: g
+    } = N(a), C = E(() => t.value ? `${t.value[0]} - ${t.value[1]}` : "");
+    return u({
+      ...g
+    }), (V, n) => {
+      const _ = x("a-range-picker");
+      return e(h) ? b("", !0) : (l(), d(I, B({ key: 0 }, a, { rules: e(m) }), {
+        default: P(() => [
+          R("div", {
+            class: s([e(o).options.autoFullWidth ? "auto-full-width" : ""])
+          }, [
+            e(c) ? (l(), W("span", T, D(C.value), 1)) : (l(), d(_, {
+              key: 0,
+              ref_key: "fieldEditor",
+              ref: p,
+              size: e(f),
+              value: e(t),
+              "onUpdate:value": n[0] || (n[0] = (y) => z(t) ? t.value = y : null),
+              class: s([e(o).options.autoFullWidth ? "auto-full-width" : ""]),
+              disabled: e(v),
+              readonly: e(o).options.readonly,
+              allowClear: e(o).options.allowClear,
+              "show-time": e(o).options.showTime,
+              format: e(o).options.format,
+              "value-format": e(o).options.valueFormat,
+              "start-placeholder": e(o).options.startPlaceholder || e(r)("render.hint.startDatePlaceholder"),
+              "end-placeholder": e(o).options.endPlaceholder || e(r)("render.hint.endDatePlaceholder"),
+              onFocus: e(w),
+              onBlur: e(F)
+            }, null, 8, ["size", "value", "class", "disabled", "readonly", "allowClear", "show-time", "format", "value-format", "start-placeholder", "end-placeholder", "onFocus", "onBlur"]))
+          ], 2)
+        ]),
+        _: 1
+      }, 16, ["rules"]));
+    };
+  }
+});
+export {
+  U as default
+};

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

@@ -1,120 +1,7 @@
-import u from "./form-item-wrapper.vue.js";
-import h from "../../../../utils/emitter.js";
-import c from "../../../../utils/i18n.js";
-import p from "./fieldMixin.js";
-import { resolveComponent as d, createBlock as g, createCommentVNode as n, openBlock as l, withCtx as b, createElementVNode as w, normalizeClass as r, createVNode as C, createElementBlock as F, toDisplayString as y } from "vue";
+import t from "./date-widget.vue2.js";
 /* empty css                 */
-import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _ = {
-  name: "date-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [h, p, 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: u
-  },
-  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 = {
-  key: 0,
-  class: "readonly-mode-field"
-};
-function k(t, o, e, z, i, a) {
-  const s = d("a-date-picker"), f = d("form-item-wrapper");
-  return t.handleHidden() ? n("", !0) : (l(), g(f, {
-    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: b(() => [
-      w("div", {
-        class: r([
-          e.field.options.autoFullWidth ? "auto-full-width" : "",
-          t.isReadMode ? "readonly-mode-date" : ""
-        ])
-      }, [
-        C(s, {
-          size: a.size,
-          ref: "fieldEditor",
-          picker: e.field.options.type,
-          value: i.fieldModel,
-          "onUpdate:value": o[0] || (o[0] = (m) => i.fieldModel = m),
-          class: r([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 ? (l(), F("span", x, y(i.fieldModel), 1)) : 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 W = /* @__PURE__ */ v(_, [["render", k], ["__scopeId", "data-v-2926f4d0"]]);
+import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-11994396"]]);
 export {
-  W as default
+  m as default
 };