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

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

@@ -1,55 +1,96 @@
-import { defineComponent as S, onMounted as F } from "vue";
-import h from "./form-item-wrapper.vue.js";
-import { SvgIcon as v } from "tmgc2-share";
-import { useField as w } from "./useField.js";
-import { useSelect as C } from "./hooks/useSelect.js";
-const R = /* @__PURE__ */ S({
+import { defineComponent as D, onMounted as R, resolveComponent as L, createBlock as N, createCommentVNode as i, unref as e, openBlock as r, mergeProps as u, withCtx as O, withDirectives as p, createElementBlock as c, createElementVNode as P, normalizeClass as T, createVNode as m, isRef as V, vShow as f, toDisplayString as W } from "vue";
+import A from "./form-item-wrapper.vue.js";
+import { SvgIcon as H } from "tmgc2-share";
+import { useField as U } from "./useField.js";
+import { useSelect as j } from "./hooks/useSelect.js";
+const q = {
+  key: 0,
+  class: "readonly-mode-field"
+}, Z = /* @__PURE__ */ D({
   name: "select-widget",
   __name: "select-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 }
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
   },
-  setup(l, { expose: u }) {
-    const e = l, {
-      rules: p,
-      i18nt: a,
-      field: t,
-      fieldModel: r,
-      isReadMode: m,
-      size: f,
-      designState: n,
-      fieldEditor: c,
-      handleHidden: b,
-      handleDisabled: y,
-      handleClickIcon: g,
-      handleFocusCustomEvent: _,
-      handleBlurCustomEvent: q,
-      defineExposed: i
-    } = w(e), { selectOps: I, optionLabel: x, initOptionItems: o, selectDefineExpose: s } = C({
-      field: t,
-      designState: n,
-      fieldModel: r
+  setup(C, { expose: h }) {
+    const d = C, {
+      rules: w,
+      i18nt: g,
+      field: o,
+      fieldModel: t,
+      isReadMode: l,
+      size: v,
+      designState: x,
+      fieldEditor: k,
+      handleHidden: _,
+      handleDisabled: b,
+      handleClickIcon: a,
+      handleFocusCustomEvent: E,
+      handleBlurCustomEvent: F,
+      defineExposed: I
+    } = U(d), { selectOps: M, optionLabel: y, initOptionItems: B, selectDefineExpose: S } = j({
+      field: o,
+      designState: x,
+      fieldModel: t
     });
-    F(() => {
-      o();
-    }), u({
-      selectDefineExpose: s,
-      ...i
-    });
-    const d = { props: e, rules: p, i18nt: a, field: t, fieldModel: r, isReadMode: m, size: f, designState: n, fieldEditor: c, handleHidden: b, handleDisabled: y, handleClickIcon: g, handleFocusCustomEvent: _, handleBlurCustomEvent: q, defineExposed: i, selectOps: I, optionLabel: x, initOptionItems: o, selectDefineExpose: s, FormItemWrapper: h, get SvgIcon() {
-      return v;
-    } };
-    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
+    return R(() => {
+      B();
+    }), h({
+      selectDefineExpose: S,
+      ...I
+    }), (G, s) => {
+      const z = L("a-select");
+      return e(_) ? i("", !0) : (r(), N(A, u({ key: 0 }, d, { rules: e(w) }), {
+        default: O(() => [
+          p(P("div", {
+            class: T(["design-select-box", { useModal: e(o).options.useModal }])
+          }, [
+            p(m(z, u({
+              ref_key: "fieldEditor",
+              ref: k,
+              value: e(t),
+              "onUpdate:value": s[0] || (s[0] = (n) => V(t) ? t.value = n : null),
+              size: e(v),
+              class: "full-width-input",
+              disabled: e(b),
+              allowClear: e(o).options.allowClear,
+              showArrow: !0,
+              dropdownMatchSelectWidth: !0,
+              mode: e(o).options.mode,
+              maxTagCount: e(o).options.maxTagCount,
+              placeholder: e(o).options.placeholder || e(g)("render.hint.selectPlaceholder"),
+              onFocus: e(E),
+              onBlur: e(F),
+              options: e(o).options.optionItems
+            }, e(M)), null, 16, ["value", "size", "disabled", "allowClear", "mode", "maxTagCount", "placeholder", "onFocus", "onBlur", "options"]), [
+              [f, !e(l)]
+            ]),
+            e(o).options.useModal ? (r(), c("div", {
+              key: 0,
+              class: "useModal-svg",
+              onClick: s[1] || (s[1] = //@ts-ignore
+              (...n) => e(a) && e(a)(...n))
+            }, [
+              m(e(H), { "icon-class": "icon-sousuo" })
+            ])) : i("", !0)
+          ], 2), [
+            [f, !e(l)]
+          ]),
+          e(l) ? (r(), c("span", q, W(e(y)), 1)) : i("", !0)
+        ]),
+        _: 1
+      }, 16, ["rules"]));
+    };
   }
 });
 export {
-  R as default
+  Z as default
 };

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

@@ -1,38 +1,4 @@
-import n from "./slider-widget.vue2.js";
-import { resolveComponent as a, createBlock as r, createCommentVNode as t, openBlock as o, mergeProps as s, withCtx as m, createElementBlock as f, toDisplayString as c } from "vue";
-import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _ = {
-  key: 1,
-  class: "readonly-mode-field"
-};
-function g(v, i, k, e, x, w) {
-  const d = a("a-slider");
-  return e.handleHidden ? t("v-if", !0) : (o(), r(e.FormItemWrapper, s({ key: 0 }, e.props, { rules: e.rules }), {
-    default: m(() => [
-      e.isReadMode ? (o(), f(
-        "span",
-        _,
-        c(e.fieldModel),
-        1
-        /* TEXT */
-      )) : (o(), r(d, {
-        key: 0,
-        ref: "fieldEditor",
-        value: e.fieldModel,
-        "onUpdate:value": i[0] || (i[0] = (l) => e.fieldModel = l),
-        disabled: e.handleDisabled,
-        min: e.field.options.min,
-        max: e.field.options.max,
-        step: e.field.options.step,
-        range: e.field.options.range,
-        vertical: e.field.options.vertical
-      }, null, 8, ["value", "disabled", "min", "max", "step", "range", "vertical"]))
-    ]),
-    _: 1
-    /* STABLE */
-  }, 16, ["rules"]));
-}
-const M = /* @__PURE__ */ p(n, [["render", g], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/slider-widget.vue"]]);
+import f from "./slider-widget.vue2.js";
 export {
-  M as default
+  f as default
 };

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

@@ -1,41 +1,61 @@
-import { defineComponent as f } from "vue";
-import y from "./form-item-wrapper.vue.js";
-import { useField as b } from "./useField.js";
-import { ComponentNameEnum as _, WidgetTypeEnum as c } from "../../../../constants/WidgetTypeEnum.js";
-const N = /* @__PURE__ */ f({
-  name: c.slider,
-  componentName: _.FieldWidget,
+import { defineComponent as _, resolveComponent as v, createBlock as d, createCommentVNode as k, unref as e, openBlock as n, mergeProps as y, withCtx as b, createElementBlock as C, isRef as E, toDisplayString as F } from "vue";
+import w from "./form-item-wrapper.vue.js";
+import { useField as I } from "./useField.js";
+import { ComponentNameEnum as R, WidgetTypeEnum as W } from "../../../../constants/WidgetTypeEnum.js";
+const h = {
+  key: 1,
+  class: "readonly-mode-field"
+}, P = /* @__PURE__ */ _({
+  name: W.slider,
+  componentName: R.FieldWidget,
   __name: "slider-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 }
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
   },
-  setup(d, { expose: i }) {
-    const e = d, {
-      rules: n,
-      fieldEditor: l,
+  setup(s, { expose: l }) {
+    const r = s, {
+      rules: a,
+      fieldEditor: m,
       field: o,
-      fieldModel: u,
-      isReadMode: s,
-      size: p,
-      handleHidden: m,
-      handleDisabled: a,
-      defineExposed: r
-    } = b(e);
-    i({
-      ...r
-    });
-    const t = { props: e, rules: n, fieldEditor: l, field: o, fieldModel: u, isReadMode: s, size: p, handleHidden: m, handleDisabled: a, defineExposed: r, FormItemWrapper: y };
-    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+      fieldModel: t,
+      isReadMode: p,
+      handleHidden: u,
+      handleDisabled: f,
+      defineExposed: c
+    } = I(r);
+    return l({
+      ...c
+    }), (B, i) => {
+      const g = v("a-slider");
+      return e(u) ? k("", !0) : (n(), d(w, y({ key: 0 }, r, { rules: e(a) }), {
+        default: b(() => [
+          e(p) ? (n(), C("span", h, F(e(t)), 1)) : (n(), d(g, {
+            key: 0,
+            ref_key: "fieldEditor",
+            ref: m,
+            value: e(t),
+            "onUpdate:value": i[0] || (i[0] = (x) => E(t) ? t.value = x : null),
+            disabled: e(f),
+            min: e(o).options.min,
+            max: e(o).options.max,
+            step: e(o).options.step,
+            range: e(o).options.range,
+            vertical: e(o).options.vertical
+          }, null, 8, ["value", "disabled", "min", "max", "step", "range", "vertical"]))
+        ]),
+        _: 1
+      }, 16, ["rules"]));
+    };
   }
 });
 export {
-  N as default
+  P as default
 };

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

@@ -1,80 +1,7 @@
-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";
+import t from "./static-content-wrapper.vue2.js";
 /* empty css                            */
-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 }])
-    },
-    [
-      !o.field.options.hidden || e.designState === !0 ? (i(), s(
-        "div",
-        {
-          key: 0,
-          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 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"]]);
+import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-6e12d60a"]]);
 export {
-  L as default
+  e as default
 };

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

@@ -1,40 +1,46 @@
-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({
+import { defineComponent as f, createElementBlock as s, openBlock as n, normalizeClass as d, unref as e, createCommentVNode as a, createBlock as u, withModifiers as g, renderSlot as w, normalizeProps as C, mergeProps as k } from "vue";
+import "../../../../utils/i18n.js";
+import { useContainerWidget as W } from "../container-widget/useContainerWidget.js";
+import P from "../widgetAction.vue.js";
+const F = /* @__PURE__ */ f({
   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 }
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
   },
-  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;
+  setup(l) {
+    const t = l, {
+      designState: r,
+      customClass: p,
+      selected: m,
+      selectWidget: c
+    } = W({
+      widget: t.field,
+      parentWidget: t.parentWidget,
+      indexOfParentList: t.indexOfParentList
+    });
+    return (i, o) => (n(), s("div", {
+      class: d(["field-wrapper", { "design-time-bottom-margin": e(r) }])
+    }, [
+      !i.field.options.hidden || e(r) === !0 ? (n(), s("div", {
+        key: 0,
+        class: d(["static-content-item", [e(m) ? "selected" : "", e(p)]]),
+        onClick: o[0] || (o[0] = g((b) => e(c)(i.field), ["stop"]))
+      }, [
+        w(i.$slots, "default", {}, void 0, !0)
+      ], 2)) : a("", !0),
+      e(r) ? (n(), u(P, C(k({ key: 1 }, t)), null, 16)) : a("", !0)
+    ], 2));
   }
 });
 export {
-  x as default
+  F as default
 };

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

@@ -1,23 +1,7 @@
 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
-    /* STABLE */
-  }, 16, ["rules"]));
-}
-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"]]);
+import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-80ce7f4a"]]);
 export {
-  h as default
+  c as default
 };

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

@@ -1,31 +1,37 @@
-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,
+import { defineComponent as s, computed as a, createBlock as l, createCommentVNode as c, unref as e, openBlock as f, mergeProps as u, withCtx as x, createElementVNode as g, toDisplayString as _ } from "vue";
+import { useField as C } from "./useField.js";
+import { ComponentNameEnum as y, WidgetTypeEnum as E } from "../../../../constants/WidgetTypeEnum.js";
+import w from "./static-content-wrapper.vue.js";
+const I = /* @__PURE__ */ s({
+  name: E.staticText,
+  componentName: y.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 }
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
   },
-  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;
+  setup(r, { expose: n }) {
+    const t = r, { rules: i, fieldEditor: d, field: o, handleHidden: m, defineExposed: p } = C(t);
+    return a(() => o.options.bodyStyle || {}), n({
+      ...p
+    }), (F, b) => e(m) ? c("", !0) : (f(), l(w, u({ key: 0 }, t, { rules: e(i) }), {
+      default: x(() => [
+        g("div", {
+          ref_key: "fieldEditor",
+          ref: d
+        }, _(e(o).options.textContent), 513)
+      ]),
+      _: 1
+    }, 16, ["rules"]));
   }
 });
 export {
-  g as default
+  I as default
 };

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

@@ -1,26 +1,7 @@
-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";
+import t from "./switch-widget.vue2.js";
 /* empty css                   */
-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: 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,
-        style: m({ width: e.field.options.switchWidth + "px" })
-      }, null, 8, ["checked", "disabled", "checkedValue", "unCheckedValue", "style"])
-    ]),
-    _: 1
-    /* STABLE */
-  }, 16, ["rules"]));
-}
-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"]]);
+import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ o(t, [["__scopeId", "data-v-c2a59049"]]);
 export {
-  C as default
+  i as default
 };