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

package/src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue.js

@@ -1,142 +1,80 @@
-import { SvgIcon as f } from "tmgc2-share";
-import u from "../../../../utils/i18n.js";
-import { resolveComponent as y, createElementBlock as n, openBlock as d, normalizeStyle as m, normalizeClass as h, createCommentVNode as l, withModifiers as c, renderSlot as v, Fragment as p, createElementVNode as g, createVNode as o, toDisplayString as L } from "vue";
+import l from "./static-content-wrapper.vue2.js";
+import { createElementBlock as s, openBlock as i, normalizeClass as c, createCommentVNode as t, createBlock as r, withModifiers as a, renderSlot as g, normalizeProps as m, mergeProps as v } from "vue";
 /* empty css                            */
-import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const k = {
-  name: "static-content-wrapper",
-  mixins: [u],
-  components: {
-    SvgIcon: f
-  },
-  props: {
-    field: Object,
-    designer: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designState: {
-      type: Boolean,
-      default: !1
+import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function f(d, n, o, e, k, h) {
+  return i(), s(
+    "div",
+    {
+      class: c(["field-wrapper", { "design-time-bottom-margin": e.designState }])
     },
-    displayStyle: {
-      type: String,
-      default: "block"
-    },
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    }
-  },
-  computed: {
-    selected() {
-      return !!this.designer && this.field.id === this.designer.selectedId;
-    },
-    customClass() {
-      return this.field.options.customClass ? this.field.options.customClass.join(" ") : "";
-    }
-  },
-  methods: {
-    selectField(t) {
-      this.designer && (this.designer.setSelected(t), 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 t = null;
-        this.parentList.length === 1 ? this.parentWidget && (t = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? t = this.parentList[this.indexOfParentList - 1] : t = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
-          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(t), this.designer.emitHistoryChange();
-        });
-      }
-    }
-  }
-}, C = {
-  key: 0,
-  class: "field-action"
-}, S = ["title"], b = ["title"], w = ["title"], _ = ["title"], O = {
-  key: 1,
-  class: "drag-handler background-opacity"
-}, P = ["title"], x = { key: 0 };
-function F(t, i, e, I, N, s) {
-  const r = y("svg-icon");
-  return d(), n("div", {
-    class: h(["field-wrapper", { "design-time-bottom-margin": !!this.designer }]),
-    style: m({ display: e.displayStyle })
-  }, [
-    !e.field.options.hidden || e.designState === !0 ? (d(), n("div", {
-      key: 0,
-      class: h(["static-content-item", [s.selected ? "selected" : "", s.customClass]]),
-      style: m({ display: e.displayStyle }),
-      onClick: i[0] || (i[0] = c((a) => s.selectField(e.field), ["stop"]))
-    }, [
-      v(t.$slots, "default", {}, void 0, !0)
-    ], 6)) : l("", !0),
-    this.designer ? (d(), n(p, { key: 1 }, [
-      e.designer.selectedId === e.field.id ? (d(), n("div", C, [
-        g("i", {
-          title: t.i18nt("designer.hint.selectParentWidget"),
-          onClick: i[1] || (i[1] = c((a) => s.selectParentWidget(e.field), ["stop"]))
-        }, [
-          o(r, { "icon-class": "icon-el-back" })
-        ], 8, S),
-        e.parentList && e.parentList.length > 1 ? (d(), n("i", {
+    [
+      !o.field.options.hidden || e.designState === !0 ? (i(), s(
+        "div",
+        {
           key: 0,
-          title: t.i18nt("designer.hint.moveUpWidget"),
-          onClick: i[2] || (i[2] = c((a) => s.moveUpWidget(e.field), ["stop"]))
-        }, [
-          o(r, { "icon-class": "icon-el-move-up" })
-        ], 8, b)) : l("", !0),
-        e.parentList && e.parentList.length > 1 ? (d(), n("i", {
-          key: 1,
-          title: t.i18nt("designer.hint.moveDownWidget"),
-          onClick: i[3] || (i[3] = c((a) => s.moveDownWidget(e.field), ["stop"]))
-        }, [
-          o(r, { "icon-class": "icon-el-move-down" })
-        ], 8, w)) : l("", !0),
-        g("i", {
-          title: t.i18nt("designer.hint.remove"),
-          onClick: i[4] || (i[4] = c((...a) => s.removeFieldWidget && s.removeFieldWidget(...a), ["stop"]))
-        }, [
-          o(r, { "icon-class": "icon-el-delete" })
-        ], 8, _)
-      ])) : l("", !0),
-      e.designer.selectedId === e.field.id ? (d(), n("div", O, [
-        g("i", {
-          title: t.i18nt("designer.hint.dragHandler")
-        }, [
-          o(r, { "icon-class": "icon-el-drag-move" })
-        ], 8, P),
-        g("i", null, L(t.i18n2t(
-          `designer.widgetLabel.${e.field.type}`,
-          `extension.widgetLabel.${e.field.type}`
-        )), 1),
-        e.field.options.hidden === !0 ? (d(), n("i", x, [
-          o(r, { "icon-class": "icon-el-hide" })
-        ])) : l("", !0)
-      ])) : l("", !0)
-    ], 64)) : l("", !0)
-  ], 6);
+          class: c(["static-content-item", [e.selected ? "selected" : "", e.customClass]]),
+          onClick: n[0] || (n[0] = a((w) => e.selectWidget(o.field), ["stop"]))
+        },
+        [
+          g(d.$slots, "default", {}, void 0, !0)
+        ],
+        2
+        /* CLASS */
+      )) : t("v-if", !0),
+      t(` <template v-if="designState">
+            <div class="field-action" v-if="selected">
+                <i
+                    :title="i18nt('designer.hint.selectParentWidget')"
+                    @click.stop="selectParentWidget"
+                >
+                    <svg-icon icon-class="icon-el-back" />
+                </i>
+                <i
+                    v-if="!!parentList && parentList.length > 1"
+                    :title="i18nt('designer.hint.moveUpWidget')"
+                    @click.stop="moveUpWidget"
+                    ><svg-icon icon-class="icon-el-move-up"
+                /></i>
+                <i
+                    v-if="!!parentList && parentList.length > 1"
+                    :title="i18nt('designer.hint.moveDownWidget')"
+                    @click.stop="moveDownWidget"
+                    ><svg-icon icon-class="icon-el-move-down"
+                /></i>
+                <i :title="i18nt('designer.hint.remove')" @click.stop="removeWidget">
+                    <svg-icon icon-class="icon-el-delete" />
+                </i>
+            </div>
+
+            <div class="drag-handler background-opacity" v-if="selected">
+                <i :title="i18nt('designer.hint.dragHandler')"
+                    ><svg-icon icon-class="icon-el-drag-move"
+                /></i>
+                <i>{{
+                    i18n2t(
+                        \`designer.widgetLabel.\${field.type}\`,
+                        \`extension.widgetLabel.\${field.type}\`
+                    )
+                }}</i>
+                <i v-if="field.options.hidden === true">
+                    <svg-icon icon-class="icon-el-hide" />
+                </i>
+            </div>
+        </template> `),
+      e.designState ? (i(), r(
+        e.WidgetAction,
+        m(v({ key: 1 }, e.props)),
+        null,
+        16
+        /* FULL_PROPS */
+      )) : t("v-if", !0)
+    ],
+    2
+    /* CLASS */
+  );
 }
-const E = /* @__PURE__ */ W(k, [["render", F], ["__scopeId", "data-v-2782e594"]]);
+const L = /* @__PURE__ */ p(l, [["render", f], ["__scopeId", "data-v-ea2f161e"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue"]]);
 export {
-  E as default
+  L as default
 };

package/src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue2.js

@@ -0,0 +1,40 @@
+import { defineComponent as c } from "vue";
+import { useI18n as g } from "../../../../utils/i18n.js";
+import { useContainerWidget as y } from "../container-widget/useContainerWidget.js";
+import W from "../widgetAction.vue.js";
+const x = /* @__PURE__ */ c({
+  name: "static-content-wrapper",
+  __name: "static-content-wrapper",
+  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(r, { expose: i }) {
+    i();
+    const e = r, { i18nt: n, i18n2t: s } = g(), {
+      designState: d,
+      customClass: o,
+      selected: p,
+      moveUpWidget: u,
+      selectWidget: a,
+      selectParentWidget: l,
+      removeWidget: m,
+      moveDownWidget: f
+    } = y({
+      widget: e.field,
+      parentWidget: e.parentWidget,
+      indexOfParentList: e.indexOfParentList
+    }), t = { props: e, i18nt: n, i18n2t: s, designState: d, customClass: o, selected: p, moveUpWidget: u, selectWidget: a, selectParentWidget: l, removeWidget: m, moveDownWidget: f, WidgetAction: W };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  x as default
+};

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

@@ -1,79 +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 a, createBlock as s, createCommentVNode as m, openBlock as f, withCtx as c, createElementVNode as l, toDisplayString as u } from "vue";
-import "./static-text-widget.vue2.js";
-import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const b = {
-  name: "static-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: {}
-};
-function x(t, g, e, w, _, h) {
-  const n = a("static-content-wrapper");
-  return t.handleHidden() ? m("", !0) : (f(), s(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: c(() => [
-      l("div", { ref: "fieldEditor" }, u(e.field.options.textContent), 513)
+import t from "./static-text-widget.vue2.js";
+import { createBlock as r, createCommentVNode as o, openBlock as i, mergeProps as n, withCtx as d, createElementVNode as c, toDisplayString as a } from "vue";
+import "./static-text-widget.vue3.js";
+import f from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function s(m, p, l, e, _, g) {
+  return e.handleHidden ? o("v-if", !0) : (i(), r(e.StaticContentWrapper, n({ key: 0 }, e.props, { rules: e.rules }), {
+    default: d(() => [
+      c(
+        "div",
+        { ref: "fieldEditor" },
+        a(e.field.options.textContent),
+        513
+        /* TEXT, NEED_PATCH */
+      )
     ]),
     _: 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__ */ p(b, [["render", x], ["__scopeId", "data-v-d0c08214"]]);
+const h = /* @__PURE__ */ f(t, [["render", s], ["__scopeId", "data-v-14ba0ec4"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/static-text-widget.vue"]]);
 export {
-  R as default
+  h as default
 };

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

@@ -1 +1,31 @@
-
+import { defineComponent as l, computed as a } from "vue";
+import { useField as m } 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__ */ l({
+  name: y.staticText,
+  componentName: f.FieldWidget,
+  __name: "static-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(n, { expose: d }) {
+    const e = n, { rules: o, fieldEditor: p, field: t, handleHidden: u, defineExposed: r } = m(e), s = a(() => t.options.bodyStyle || {});
+    d({
+      ...r
+    });
+    const i = { props: e, rules: o, fieldEditor: p, field: t, handleHidden: u, defineExposed: r, displayStyle: s, StaticContentWrapper: c };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  }
+});
+export {
+  g as default
+};

package/src/components/form-designer/form-widget/field-widget/static-text-widget.vue3.js

@@ -0,0 +1 @@
+

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

@@ -1,101 +1,26 @@
-import s from "./form-item-wrapper.vue.js";
-import a from "../../../../utils/emitter.js";
-import u from "../../../../utils/i18n.js";
-import f from "./fieldMixin.js";
-import { resolveComponent as n, createBlock as m, createCommentVNode as c, openBlock as h, withCtx as p, createVNode as b, normalizeStyle as g } from "vue";
+import r from "./switch-widget.vue2.js";
+import { resolveComponent as t, createBlock as c, createCommentVNode as l, openBlock as n, mergeProps as a, withCtx as s, createVNode as f, normalizeStyle as m } from "vue";
 /* empty css                   */
-import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const x = {
-  name: "switch-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [a, f, u],
-  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
-  },
-  data() {
-    return {
-      oldFieldValue: null,
-      //field组件change之前的值
-      fieldModel: null,
-      rules: []
-    };
-  },
-  computed: {
-    contentForReadMode() {
-      return this.fieldModel ? this.field.options.checkedValue || this.i18nt("render.hint.defaultActiveText") : this.field.options.unCheckedValue || this.i18nt("render.hint.defaultInactiveText");
-    }
-  },
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {}
-};
-function k(t, d, e, C, i, F) {
-  const o = n("a-switch"), r = n("form-item-wrapper");
-  return t.handleHidden() ? c("", !0) : (h(), m(r, {
-    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: p(() => [
-      b(o, {
+import h from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function p(_, d, k, e, w, u) {
+  const o = t("a-switch");
+  return e.handleHidden ? l("v-if", !0) : (n(), c(e.FormItemWrapper, a({ key: 0 }, e.props, { rules: e.rules }), {
+    default: s(() => [
+      f(o, {
         ref: "fieldEditor",
-        checked: i.fieldModel,
-        "onUpdate:checked": d[0] || (d[0] = (l) => i.fieldModel = l),
-        disabled: t.isReadMode || t.handleDisabled(),
+        checked: e.fieldModel,
+        "onUpdate:checked": d[0] || (d[0] = (i) => e.fieldModel = i),
+        disabled: e.isReadMode || e.handleDisabled,
         checkedValue: e.field.options.checkedValue,
         unCheckedValue: e.field.options.unCheckedValue,
-        onChange: t.handleChangeEvent,
-        style: g({ width: e.field.options.switchWidth + "px" })
-      }, null, 8, ["checked", "disabled", "checkedValue", "unCheckedValue", "onChange", "style"])
+        style: m({ width: e.field.options.switchWidth + "px" })
+      }, null, 8, ["checked", "disabled", "checkedValue", "unCheckedValue", "style"])
     ]),
     _: 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 v = /* @__PURE__ */ w(x, [["render", k], ["__scopeId", "data-v-f3730a31"]]);
+const C = /* @__PURE__ */ h(r, [["render", p], ["__scopeId", "data-v-3bcbf133"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/switch-widget.vue"]]);
 export {
-  v as default
+  C as default
 };

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

@@ -0,0 +1,41 @@
+import { defineComponent as f } from "vue";
+import y from "./form-item-wrapper.vue.js";
+import { useField as c } from "./useField.js";
+import { ComponentNameEnum as b, WidgetTypeEnum as _ } from "../../../../constants/WidgetTypeEnum.js";
+const F = /* @__PURE__ */ f({
+  name: _.switch,
+  componentName: b.FieldWidget,
+  __name: "switch-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: n,
+      fieldEditor: o,
+      field: u,
+      fieldModel: l,
+      isReadMode: s,
+      size: p,
+      handleHidden: m,
+      handleDisabled: a,
+      defineExposed: r
+    } = c(e);
+    d({
+      ...r
+    });
+    const t = { props: e, rules: n, fieldEditor: o, field: u, fieldModel: l, isReadMode: s, size: p, handleHidden: m, handleDisabled: a, defineExposed: r, FormItemWrapper: y };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  F as default
+};