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

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

@@ -1,83 +1,23 @@
-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";
-import "./html-text-widget.vue2.js";
-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", {
+import t from "./html-text-widget.vue2.js";
+import { createBlock as r, createCommentVNode as o, openBlock as n, mergeProps as i, withCtx as d, createElementVNode as l, normalizeStyle as m } from "vue";
+import "./html-text-widget.vue3.js";
+import c from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const a = ["innerHTML"];
+function s(f, p, _, e, g, h) {
+  return e.handleHidden ? o("v-if", !0) : (n(), r(e.StaticContentWrapper, i({ key: 0 }, e.props, { rules: e.rules }), {
+    default: d(() => [
+      l("div", {
         ref: "fieldEditor",
+        style: m(e.displayStyle),
         class: "htmlContent",
         innerHTML: e.field.options.htmlContent
-      }, null, 8, b)
+      }, null, 12, a)
     ]),
     _: 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"]));
+    /* STABLE */
+  }, 16, ["rules"]));
 }
-const R = /* @__PURE__ */ u(p, [["render", x], ["__scopeId", "data-v-33d7109a"]]);
+const y = /* @__PURE__ */ c(t, [["render", s], ["__scopeId", "data-v-ecaed0b9"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/html-text-widget.vue"]]);
 export {
-  R as default
+  y as default
 };

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

@@ -1 +1,31 @@
-
+import { defineComponent as s, computed as m } from "vue";
+import { useField as a } from "./useField.js";
+import { ComponentNameEnum as f, WidgetTypeEnum as y } from "../../../../constants/WidgetTypeEnum.js";
+import c from "./static-content-wrapper.vue.js";
+const g = /* @__PURE__ */ s({
+  name: y.htmlText,
+  componentName: f.FieldWidget,
+  __name: "html-text-widget",
+  props: {
+    widget: { type: null, required: !0 },
+    field: { type: null, required: !0 },
+    designer: { type: null, required: !1 },
+    parentWidget: { type: [Object, null], required: !1 },
+    parentList: { type: [Array, null], required: !1 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 },
+    subFormColIndex: { type: Number, required: !1 }
+  },
+  setup(i, { expose: d }) {
+    const e = i, { rules: o, fieldEditor: p, field: t, handleHidden: u, defineExposed: r } = a(e), l = m(() => t.options.bodyStyle || {});
+    d({
+      ...r
+    });
+    const n = { props: e, rules: o, fieldEditor: p, field: t, handleHidden: u, defineExposed: r, displayStyle: l, StaticContentWrapper: c };
+    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+  }
+});
+export {
+  g as default
+};

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

@@ -1,132 +1,61 @@
-import h from "./form-item-wrapper.vue.js";
-import { SvgIcon as c } from "tmgc2-share";
-import g from "../../../../utils/emitter.js";
-import w from "../../../../utils/i18n.js";
-import b from "./fieldMixin.js";
-import { resolveComponent as i, createBlock as C, createCommentVNode as l, openBlock as s, withCtx as r, withDirectives as y, createElementBlock as v, createVNode as a, createSlots as F, vShow as x, toDisplayString as I } from "vue";
+import t from "./input-widget.vue2.js";
+import { resolveComponent as s, createBlock as c, createCommentVNode as l, openBlock as n, mergeProps as f, withCtx as d, withDirectives as m, createElementBlock as p, createVNode as i, createSlots as h, vShow as w, toDisplayString as _ } from "vue";
 /* empty css                  */
-import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const M = {
-  name: "input-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [g, b, 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: h,
-    SvgIcon: 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";
-    },
-    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: {}
-}, k = {
+import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const g = {
   key: 0,
   class: "readonly-mode-field"
 };
-function R(t, o, e, z, n, d) {
-  const u = i("svg-icon"), f = i("a-input"), m = i("form-item-wrapper");
-  return t.handleHidden() ? l("", !0) : (s(), C(m, {
-    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(() => [
-      y(a(f, {
+function C(u, e, y, o, k, x) {
+  const r = s("a-input");
+  return o.handleHidden ? l("v-if", !0) : (n(), c(o.FormItemWrapper, f({ key: 0 }, o.props, { rules: o.rules }), {
+    default: d(() => [
+      m(i(r, {
         ref: "fieldEditor",
-        value: n.fieldModel,
-        "onUpdate:value": o[0] || (o[0] = (p) => n.fieldModel = p),
-        disabled: t.handleDisabled(),
-        readonly: e.field.options.readonly,
-        size: d.size,
+        value: o.fieldModel,
+        "onUpdate:value": e[0] || (e[0] = (a) => o.fieldModel = a),
+        disabled: o.handleDisabled,
+        readonly: o.field.options.readonly,
+        size: o.size,
         class: "hide-spin-button",
-        type: d.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,
-        onFocus: t.handleFocusCustomEvent,
-        onBlur: t.handleBlurCustomEvent,
-        onInput: t.handleInputCustomEvent,
-        onChange: t.handleChangeEvent
-      }, F({ _: 2 }, [
-        e.field.options.useModal ? {
+        type: o.inputType,
+        "show-password": o.field.options.showPassword,
+        placeholder: o.field.options.placeholder,
+        allowClear: o.field.options.allowClear,
+        maxlength: o.field.options.maxLength,
+        showCount: o.field.options.showCount,
+        onFocus: o.handleFocusCustomEvent,
+        onBlur: o.handleBlurCustomEvent
+      }, h({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        o.field.options.useModal ? {
           name: "addonAfter",
-          fn: r(() => [
-            a(u, {
+          fn: d(() => [
+            i(o.SvgIcon, {
               "icon-class": "icon-sousuo",
-              onClick: t.handleClickIcon
+              onClick: o.handleClickIcon
             }, null, 8, ["onClick"])
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["value", "disabled", "readonly", "size", "type", "show-password", "placeholder", "allowClear", "maxlength", "showCount", "onFocus", "onBlur", "onInput", "onChange"]), [
-        [x, !t.isReadMode]
+      ]), 1032, ["value", "disabled", "readonly", "size", "type", "show-password", "placeholder", "allowClear", "maxlength", "showCount", "onFocus", "onBlur"]), [
+        [w, !o.isReadMode]
       ]),
-      t.isReadMode ? (s(), v("span", k, I(n.fieldModel), 1)) : l("", !0)
+      o.isReadMode ? (n(), p(
+        "span",
+        g,
+        _(o.fieldModel),
+        1
+        /* TEXT */
+      )) : l("v-if", !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"]));
+    /* STABLE */
+  }, 16, ["rules"]));
 }
-const D = /* @__PURE__ */ _(M, [["render", R], ["__scopeId", "data-v-10f4a56c"]]);
+const E = /* @__PURE__ */ v(t, [["render", C], ["__scopeId", "data-v-7caa1c22"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/input-widget.vue"]]);
 export {
-  D as default
+  E as default
 };

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

@@ -0,0 +1,48 @@
+import { defineComponent as _, computed as q } from "vue";
+import F from "./form-item-wrapper.vue.js";
+import { SvgIcon as x } from "tmgc2-share";
+import { useField as I } from "./useField.js";
+import { ComponentNameEnum as C, WidgetTypeEnum as E } from "../../../../constants/WidgetTypeEnum.js";
+const W = /* @__PURE__ */ _({
+  name: E.input,
+  componentName: C.FieldWidget,
+  __name: "input-widget",
+  props: {
+    widget: { type: null, required: !0 },
+    field: { type: null, required: !0 },
+    designer: { type: null, required: !1 },
+    parentWidget: { type: [Object, null], required: !1 },
+    parentList: { type: [Array, null], required: !1 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 },
+    subFormColIndex: { type: Number, required: !1 }
+  },
+  setup(i, { expose: o }) {
+    const r = i, {
+      isSubFormField: u,
+      rules: d,
+      fieldEditor: p,
+      field: e,
+      fieldModel: l,
+      isReadMode: s,
+      size: m,
+      handleHidden: a,
+      handleDisabled: f,
+      handleClickIcon: c,
+      handleFocusCustomEvent: y,
+      handleBlurCustomEvent: b,
+      defineExposed: t
+    } = I(r), g = q(() => e.options.type === "number" ? "text" : e.options.type);
+    o({
+      ...t
+    });
+    const n = { props: r, isSubFormField: u, rules: d, fieldEditor: p, field: e, fieldModel: l, isReadMode: s, size: m, handleHidden: a, handleDisabled: f, handleClickIcon: c, handleFocusCustomEvent: y, handleBlurCustomEvent: b, defineExposed: t, inputType: g, FormItemWrapper: F, get SvgIcon() {
+      return x;
+    } };
+    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+  }
+});
+export {
+  W as default
+};

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

@@ -1,114 +1,45 @@
-import u from "./form-item-wrapper.vue.js";
-import f from "../../../../utils/emitter.js";
-import p from "../../../../utils/i18n.js";
-import c from "./fieldMixin.js";
-import { resolveComponent as o, createBlock as h, createCommentVNode as d, openBlock as r, withCtx as b, withDirectives as g, createElementBlock as w, createVNode as F, vShow as x, toDisplayString as C } from "vue";
-/* empty css                   */
-import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const v = {
-  name: "number-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [f, c, p],
-  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: {}
-}, y = {
+import d from "./number-widget.vue2.js";
+import { resolveComponent as t, createBlock as s, createCommentVNode as i, openBlock as n, mergeProps as a, withCtx as m, withDirectives as c, createElementBlock as f, createVNode as p, vShow as _, toDisplayString as u } from "vue";
+import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const h = {
   key: 0,
   class: "readonly-mode-field"
 };
-function M(i, n, e, R, t, s) {
-  const l = o("a-input-number"), a = o("form-item-wrapper");
-  return i.handleHidden() ? d("", !0) : (r(), h(a, {
-    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: b(() => [
-      g(F(l, {
+function g(b, o, w, e, x, k) {
+  const r = t("a-input-number");
+  return e.handleHidden ? i("v-if", !0) : (n(), s(e.FormItemWrapper, a({ key: 0 }, e.props, { rules: e.rules }), {
+    default: m(() => [
+      c(p(r, {
         ref: "fieldEditor",
-        size: s.size,
-        value: t.fieldModel,
-        "onUpdate:value": n[0] || (n[0] = (m) => t.fieldModel = m),
+        size: e.size,
+        value: e.fieldModel,
+        "onUpdate:value": o[0] || (o[0] = (l) => e.fieldModel = l),
         class: "full-width-input",
-        disabled: i.handleDisabled(),
+        disabled: e.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]
+        onFocus: e.handleFocusCustomEvent,
+        onBlur: e.handleBlurCustomEvent
+      }, null, 8, ["size", "value", "disabled", "controls-position", "placeholder", "min", "max", "precision", "step", "onFocus", "onBlur"]), [
+        [_, !e.isReadMode]
       ]),
-      i.isReadMode ? (r(), w("span", y, C(t.fieldModel), 1)) : d("", !0)
+      e.isReadMode ? (n(), f(
+        "span",
+        h,
+        u(e.fieldModel),
+        1
+        /* TEXT */
+      )) : i("v-if", !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"]));
+    /* STABLE */
+  }, 16, ["rules"]));
 }
-const k = /* @__PURE__ */ _(v, [["render", M], ["__scopeId", "data-v-068cbf85"]]);
+const y = /* @__PURE__ */ v(d, [["render", g], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/number-widget.vue"]]);
 export {
-  k as default
+  y as default
 };

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

@@ -0,0 +1,43 @@
+import { defineComponent as y } from "vue";
+import c from "./form-item-wrapper.vue.js";
+import { useField as _ } from "./useField.js";
+import { ComponentNameEnum as q, WidgetTypeEnum as g } from "../../../../constants/WidgetTypeEnum.js";
+const N = /* @__PURE__ */ y({
+  name: g.number,
+  componentName: q.FieldWidget,
+  __name: "number-widget",
+  props: {
+    widget: { type: null, required: !0 },
+    field: { type: null, required: !0 },
+    designer: { type: null, required: !1 },
+    parentWidget: { type: [Object, null], required: !1 },
+    parentList: { type: [Array, null], required: !1 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 },
+    subFormColIndex: { type: Number, required: !1 }
+  },
+  setup(n, { expose: d }) {
+    const e = n, {
+      rules: u,
+      i18nt: i,
+      field: o,
+      fieldModel: l,
+      isReadMode: s,
+      size: p,
+      handleHidden: m,
+      handleDisabled: a,
+      handleFocusCustomEvent: f,
+      handleBlurCustomEvent: b,
+      defineExposed: r
+    } = _(e);
+    d({
+      ...r
+    });
+    const t = { props: e, rules: u, i18nt: i, field: o, fieldModel: l, isReadMode: s, size: p, handleHidden: m, handleDisabled: a, handleFocusCustomEvent: f, handleBlurCustomEvent: b, defineExposed: r, FormItemWrapper: c };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  N as default
+};