@kp-ui/lowcode 2.15.0-alpha.4 → 2.15.0-alpha.5

package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue.js

@@ -1,7 +1,40 @@
-import o from "./vf-dialog-widget.vue2.js";
+import r from "./vf-dialog-widget.vue2.js";
+import { createBlock as a, openBlock as o, normalizeProps as n, guardReactiveProps as c, withCtx as d, createElementBlock as l, createElementVNode as i, toDisplayString as s } from "vue";
 /* empty css                      */
-import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3fc6eab3"]]);
+import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "dialog-title" };
+function g(m, _, t, e, v, k) {
+  return o(), a(
+    e.ContainerWrapper,
+    n(c(e.props)),
+    {
+      default: d(() => [
+        (o(), l("div", {
+          class: "dialog-container",
+          key: t.widget.id
+        }, [
+          i("div", f, [
+            i(
+              "span",
+              {
+                class: "tpf-link",
+                onClick: e.handleClickTitle
+              },
+              s(t.widget.options.title),
+              1
+              /* TEXT */
+            )
+          ])
+        ]))
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+const C = /* @__PURE__ */ p(r, [["render", g], ["__scopeId", "data-v-a81fd37e"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue"]]);
 export {
-  e as default
+  C as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue2.js

@@ -1,43 +1,31 @@
-import { defineComponent as p, createBlock as l, openBlock as n, normalizeProps as c, guardReactiveProps as f, withCtx as g, createElementBlock as w, createElementVNode as r, toDisplayString as u } from "vue";
-import h from "./container-wrapper.vue.js";
-import { useAppRef as C } from "../../useAppRef.js";
-import { ComponentNameEnum as k, ContainerTypeEnum as _ } from "../../../../constants/WidgetTypeEnum.js";
-const P = { class: "dialog-title" }, W = /* @__PURE__ */ p({
-  name: _.VfDialogWidget,
-  componentName: k.VfDialogWidget,
+import { defineComponent as d } from "vue";
+import u from "./container-wrapper.vue.js";
+import { useAppRef as f } from "../../useAppRef.js";
+import { ComponentNameEnum as c, ContainerTypeEnum as l } from "../../../../constants/WidgetTypeEnum.js";
+const b = /* @__PURE__ */ d({
+  name: l.VfDialogWidget,
+  componentName: c.VfDialogWidget,
   __name: "vf-dialog-widget",
   props: {
-    widget: {},
-    field: {},
-    parentWidget: {},
-    parentList: {},
-    indexOfParentList: {},
-    subFormRowIndex: {},
-    subFormRowId: {}
+    widget: { type: Object, required: !0 },
+    field: { type: Object, required: !0 },
+    parentWidget: { type: [Object, null], required: !0 },
+    parentList: { type: Array, required: !0 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 }
   },
-  setup(a) {
-    const t = a, { initRefList: s } = C(t), d = () => {
-      const e = new URL(window.location.href), { title: o, formCode: m, formId: i } = t.widget.options;
-      i && (e.searchParams.set("formCode", m), e.searchParams.set("remark", o), e.searchParams.set("id", i), window.open(e.href));
+  setup(n, { expose: a }) {
+    a();
+    const r = n, { initRefList: t } = f(r), s = () => {
+      const e = new URL(window.location.href), { title: p, formCode: m, formId: i } = r.widget.options;
+      i && (e.searchParams.set("formCode", m), e.searchParams.set("remark", p), e.searchParams.set("id", i), window.open(e.href));
     };
-    return s(), (e, o) => (n(), l(h, c(f(t)), {
-      default: g(() => [
-        (n(), w("div", {
-          class: "dialog-container",
-          key: e.widget.id
-        }, [
-          r("div", P, [
-            r("span", {
-              class: "tpf-link",
-              onClick: d
-            }, u(e.widget.options.title), 1)
-          ])
-        ]))
-      ]),
-      _: 1
-    }, 16));
+    t();
+    const o = { props: r, initRefList: t, handleClickTitle: s, ContainerWrapper: u };
+    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
 export {
-  W as default
+  b as default
 };

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

@@ -1,7 +1,27 @@
-import o from "./bpmn-editor-widget.vue2.js";
+import r from "./bpmn-editor-widget.vue2.js";
+import { createBlock as o, createCommentVNode as t, openBlock as d, mergeProps as i, withCtx as n, createElementVNode as m } from "vue";
 /* empty css                        */
-import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0b840c39"]]);
+import c from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = {
+  ref: "fieldEditor",
+  class: "t-w-full t-h-[30vh]"
+};
+function s(p, a, l, e, _, g) {
+  return e.handleHidden ? t("v-if", !0) : (d(), o(e.FormItemWrapper, i({ key: 0 }, e.props, { rules: e.rules }), {
+    default: n(() => [
+      m(
+        "div",
+        f,
+        null,
+        512
+        /* NEED_PATCH */
+      )
+    ]),
+    _: 1
+    /* STABLE */
+  }, 16, ["rules"]));
+}
+const k = /* @__PURE__ */ c(r, [["render", s], ["__scopeId", "data-v-ea74724f"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue"]]);
 export {
-  i as default
+  k as default
 };

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

@@ -1,47 +1,40 @@
-import { defineComponent as c, ref as v, watchEffect as w, createBlock as g, createCommentVNode as x, unref as l, openBlock as E, mergeProps as _, withCtx as y, createElementVNode as b } from "vue";
-import h from "./form-item-wrapper.vue.js";
-import { ComponentNameEnum as F, WidgetTypeEnum as C } from "../../../../constants/WidgetTypeEnum.js";
-import { useField as k } from "./useField.js";
-import I from "bpmn-js/lib/Viewer";
-const P = /* @__PURE__ */ c({
-  name: C.bpmnEditor,
-  componentName: F.FieldWidget,
+import { defineComponent as c, ref as v, watchEffect as y } from "vue";
+import b from "./form-item-wrapper.vue.js";
+import { ComponentNameEnum as w, WidgetTypeEnum as _ } from "../../../../constants/WidgetTypeEnum.js";
+import { useField as q } from "./useField.js";
+import g from "bpmn-js/lib/Viewer";
+const C = /* @__PURE__ */ c({
+  name: _.bpmnEditor,
+  componentName: w.FieldWidget,
   __name: "bpmn-editor-widget",
   props: {
-    widget: {},
-    field: {},
-    designer: {},
-    parentWidget: {},
-    parentList: {},
-    indexOfParentList: {},
-    subFormRowIndex: {},
-    subFormRowId: {},
-    subFormColIndex: {}
+    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(d, { expose: s }) {
-    const o = d, { rules: m, fieldEditor: t, fieldModel: r, handleHidden: p, defineExposed: u } = k(o), e = v(), f = (n) => {
-      e.value && e.value.destroy && e.value.destroy(), e.value = new I({ container: t.value });
-      const i = e.value;
-      e.value.importXML(n, (a) => {
-        a ? console.error(a) : i.get("canvas").zoom("fit-viewport");
+  setup(a, { expose: d }) {
+    const t = a, { rules: s, fieldEditor: o, fieldModel: r, handleHidden: p, defineExposed: n } = q(t), e = v(), i = (m) => {
+      e.value && e.value.destroy && e.value.destroy(), e.value = new g({ container: o.value });
+      const f = e.value;
+      e.value.importXML(m, (u) => {
+        u ? console.error(u) : f.get("canvas").zoom("fit-viewport");
       });
     };
-    return w(() => {
-      r.value ? f(r.value) : e.value && e.value.destroy && e.value.destroy();
-    }), s({
-      ...u
-    }), (n, i) => l(p) ? x("", !0) : (E(), g(h, _({ key: 0 }, o, { rules: l(m) }), {
-      default: y(() => [
-        b("div", {
-          ref_key: "fieldEditor",
-          ref: t,
-          class: "t-w-full t-h-[30vh]"
-        }, null, 512)
-      ]),
-      _: 1
-    }, 16, ["rules"]));
+    y(() => {
+      r.value ? i(r.value) : e.value && e.value.destroy && e.value.destroy();
+    }), d({
+      ...n
+    });
+    const l = { props: t, rules: s, fieldEditor: o, fieldModel: r, handleHidden: p, defineExposed: n, bpmnModeler: e, preview: i, FormItemWrapper: b };
+    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
   }
 });
 export {
-  P as default
+  C as default
 };

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

@@ -1,7 +1,31 @@
-import t from "./button-list-widget.vue2.js";
+import e from "./button-list-widget.vue2.js";
+import { createBlock as o, createCommentVNode as i, openBlock as n, normalizeProps as r, mergeProps as s, withCtx as d, createVNode as f } from "vue";
 /* empty css                        */
-import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ o(t, [["__scopeId", "data-v-15ea0ae1"]]);
+import a from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function c(l, m, p, t, _, g) {
+  return t.handleHidden ? i("v-if", !0) : (n(), o(
+    t.StaticContentWrapper,
+    r(s({ key: 0 }, t.props)),
+    {
+      default: d(() => [
+        f(t.ActionButtonListRender, {
+          ref: "fieldEditor",
+          options: t.field.options,
+          designState: t.designState,
+          buttonList: t.field.options.buttonList || [],
+          customClass: t.field.options.customClass || [],
+          flex: t.field.options.flex,
+          ctx: t.defineExposed
+        }, null, 8, ["options", "designState", "buttonList", "customClass", "flex", "ctx"])
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  ));
+}
+const v = /* @__PURE__ */ a(e, [["render", c], ["__scopeId", "data-v-f7b9aaf6"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/button-list-widget.vue"]]);
 export {
-  i as default
+  v as default
 };

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

@@ -1,45 +1,33 @@
-import { defineComponent as u, computed as a, createBlock as c, createCommentVNode as l, unref as t, openBlock as f, normalizeProps as x, mergeProps as b, withCtx as g, createVNode as C } from "vue";
-import { ComponentNameEnum as L, WidgetTypeEnum as _ } from "../../../../constants/WidgetTypeEnum.js";
-import w from "./static-content-wrapper.vue.js";
-import E from "../../../public/ActionButtonListRender.vue.js";
-import { useField as F } from "./useField.js";
-const I = /* @__PURE__ */ u({
-  name: _.buttonList,
-  componentName: L.FieldWidget,
+import { defineComponent as m, computed as a } from "vue";
+import { ComponentNameEnum as f, WidgetTypeEnum as b } from "../../../../constants/WidgetTypeEnum.js";
+import c from "./static-content-wrapper.vue.js";
+import y from "../../../public/ActionButtonListRender.vue.js";
+import { useField as _ } from "./useField.js";
+const N = /* @__PURE__ */ m({
+  name: b.buttonList,
+  componentName: f.FieldWidget,
   __name: "button-list-widget",
   props: {
-    widget: {},
-    field: {},
-    designer: {},
-    parentWidget: {},
-    parentList: {},
-    indexOfParentList: {},
-    subFormRowIndex: {},
-    subFormRowId: {},
-    subFormColIndex: {}
+    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: s }) {
-    const o = i, r = a(() => e.options.buttonList || []), { fieldEditor: d, field: e, designState: p, handleHidden: m, defineExposed: n } = F(o);
-    return s({
-      buttonList: r,
+  setup(o, { expose: u }) {
+    const e = o, t = a(() => r.options.buttonList || []), { fieldEditor: d, field: r, size: s, designState: p, handleHidden: l, defineExposed: n } = _(e);
+    u({
+      buttonList: t,
       ...n
-    }), (k, N) => t(m) ? l("", !0) : (f(), c(w, x(b({ key: 0 }, o)), {
-      default: g(() => [
-        C(E, {
-          ref_key: "fieldEditor",
-          ref: d,
-          options: t(e).options,
-          designState: t(p),
-          buttonList: t(e).options.buttonList || [],
-          customClass: t(e).options.customClass || [],
-          flex: t(e).options.flex,
-          ctx: t(n)
-        }, null, 8, ["options", "designState", "buttonList", "customClass", "flex", "ctx"])
-      ]),
-      _: 1
-    }, 16));
+    });
+    const i = { props: e, buttonList: t, fieldEditor: d, field: r, size: s, designState: p, handleHidden: l, defineExposed: n, StaticContentWrapper: c, ActionButtonListRender: y };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
 export {
-  I as default
+  N as default
 };

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

@@ -1,7 +1,49 @@
-import t from "./button-widget.vue2.js";
+import a from "./button-widget.vue2.js";
+import { resolveComponent as r, createBlock as e, createCommentVNode as i, openBlock as n, normalizeProps as l, mergeProps as s, withCtx as t, createVNode as c, normalizeClass as f, createTextVNode as p, toDisplayString as g } from "vue";
 /* empty css                   */
-import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-a67ba8ea"]]);
+import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function _(h, b, v, o, k, C) {
+  const d = r("a-button");
+  return o.handleHidden ? i("v-if", !0) : (n(), e(
+    o.StaticContentWrapper,
+    l(s({ key: 0 }, o.props)),
+    {
+      default: t(() => [
+        c(d, {
+          ref: "fieldEditor",
+          type: o.field.options.type,
+          size: o.size,
+          class: f([o.field.options.label === "" ? "hide-text-span" : "", "tpf-button"]),
+          shape: o.field.options.shape,
+          danger: o.field.options.danger,
+          ghost: o.field.options.ghost,
+          disabled: o.handleDisabled,
+          loading: o.loading,
+          onClick: o.handleButtonWidgetClick
+        }, {
+          default: t(() => [
+            o.field.options.icon ? (n(), e(o.SvgIcon, {
+              key: 0,
+              "icon-class": o.field.options.icon
+            }, null, 8, ["icon-class"])) : i("v-if", !0),
+            p(
+              " " + g(o.field.options.label),
+              1
+              /* TEXT */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["type", "size", "class", "shape", "danger", "ghost", "disabled", "loading"])
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  ));
+}
+const B = /* @__PURE__ */ m(a, [["render", _], ["__scopeId", "data-v-4886f376"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/button-widget.vue"]]);
 export {
-  m as default
+  B as default
 };

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

@@ -1,74 +1,51 @@
-import { defineComponent as _, resolveComponent as x, createBlock as i, createCommentVNode as s, unref as e, openBlock as r, normalizeProps as k, mergeProps as y, withCtx as a, createVNode as F, normalizeClass as w, createTextVNode as z, toDisplayString as E } from "vue";
-import N from "./static-content-wrapper.vue.js";
-import { SvgIcon as W } from "tmgc2-share";
-import { ComponentNameEnum as B, WidgetTypeEnum as I } from "../../../../constants/WidgetTypeEnum.js";
-import { useField as S } from "./useField.js";
-const H = /* @__PURE__ */ _({
-  name: I.button,
-  componentName: B.FieldWidget,
+import { defineComponent as y } from "vue";
+import b from "./static-content-wrapper.vue.js";
+import { SvgIcon as _ } from "tmgc2-share";
+import { ComponentNameEnum as q, WidgetTypeEnum as x } from "../../../../constants/WidgetTypeEnum.js";
+import { useField as C } from "./useField.js";
+const w = /* @__PURE__ */ y({
+  name: x.button,
+  componentName: q.FieldWidget,
   __name: "button-widget",
   props: {
-    widget: {},
-    field: {},
-    designer: {},
-    parentWidget: {},
-    parentList: {},
-    indexOfParentList: {},
-    subFormRowIndex: {},
-    subFormRowId: {},
-    subFormColIndex: {}
+    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(d, { expose: p }) {
-    const t = d, {
-      loading: l,
-      executeFunction: c,
-      fieldEditor: m,
-      field: o,
-      size: u,
-      designState: f,
-      handleHidden: g,
-      handleDisabled: b,
-      defineExposed: h
-    } = S(t), n = () => {
-      f || o.options.onClick && c({
-        functionBody: o.options.onClick || ""
+  setup(u, { expose: l }) {
+    const t = u, {
+      loading: p,
+      executeFunction: r,
+      fieldEditor: s,
+      field: e,
+      fieldModel: a,
+      isReadMode: m,
+      size: f,
+      designState: n,
+      handleHidden: c,
+      handleDisabled: g,
+      defineExposed: i
+    } = C(t), o = () => {
+      n || e.options.onClick && r({
+        functionBody: e.options.onClick || ""
       });
     };
-    return p({
-      ...h,
-      handleButtonWidgetClick: n
-    }), (P, V) => {
-      const C = x("a-button");
-      return e(g) ? s("", !0) : (r(), i(N, k(y({ key: 0 }, t)), {
-        default: a(() => [
-          F(C, {
-            ref_key: "fieldEditor",
-            ref: m,
-            type: e(o).options.type,
-            size: e(u),
-            class: w([e(o).options.label === "" ? "hide-text-span" : "", "tpf-button"]),
-            shape: e(o).options.shape,
-            danger: e(o).options.danger,
-            ghost: e(o).options.ghost,
-            disabled: e(b),
-            loading: e(l),
-            onClick: n
-          }, {
-            default: a(() => [
-              e(o).options.icon ? (r(), i(e(W), {
-                key: 0,
-                "icon-class": e(o).options.icon
-              }, null, 8, ["icon-class"])) : s("", !0),
-              z(" " + E(e(o).options.label), 1)
-            ]),
-            _: 1
-          }, 8, ["type", "size", "class", "shape", "danger", "ghost", "disabled", "loading"])
-        ]),
-        _: 1
-      }, 16));
-    };
+    l({
+      ...i,
+      handleButtonWidgetClick: o
+    });
+    const d = { props: t, loading: p, executeFunction: r, fieldEditor: s, field: e, fieldModel: a, isReadMode: m, size: f, designState: n, handleHidden: c, handleDisabled: g, defineExposed: i, handleButtonWidgetClick: o, StaticContentWrapper: b, get SvgIcon() {
+      return _;
+    } };
+    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
   }
 });
 export {
-  H as default
+  w as default
 };

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

@@ -1,4 +1,44 @@
-import f from "./cascader-widget.vue2.js";
+import a from "./cascader-widget.vue2.js";
+import { resolveComponent as i, createBlock as r, createCommentVNode as t, openBlock as o, mergeProps as c, withCtx as s, createElementVNode as m, createElementBlock as f, toDisplayString as p } from "vue";
+import h from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = { class: "full-width-input" }, v = {
+  key: 1,
+  class: "readonly-mode-field"
+};
+function g(u, l, w, e, y, C) {
+  const d = i("a-cascader");
+  return e.handleHidden ? t("v-if", !0) : (o(), r(e.FormItemWrapper, c({ key: 0 }, e.props, { rules: e.rules }), {
+    default: s(() => [
+      m("div", _, [
+        e.isReadMode ? (o(), f(
+          "span",
+          v,
+          p(e.contentForReadMode),
+          1
+          /* TEXT */
+        )) : (o(), r(d, {
+          key: 0,
+          ref: "fieldEditor",
+          size: e.size,
+          options: e.field.options.optionItems,
+          value: e.fieldModel,
+          "onUpdate:value": l[0] || (l[0] = (n) => e.fieldModel = n),
+          disabled: e.handleDisabled,
+          allowClear: e.field.options.allowClear,
+          placeholder: e.field.options.placeholder || e.i18nt("render.hint.selectPlaceholder"),
+          fieldNames: { value: e.valueKey, label: e.labelKey, children: e.childrenKey },
+          expandTrigger: "hover",
+          multiple: e.field.options.multiple,
+          onFocus: e.handleFocusCustomEvent,
+          onBlur: e.handleBlurCustomEvent
+        }, null, 8, ["size", "options", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur"]))
+      ])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 16, ["rules"]));
+}
+const x = /* @__PURE__ */ h(a, [["render", g], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/cascader-widget.vue"]]);
 export {
-  f as default
+  x as default
 };