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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "2.14.0-alpha.2",
+  "version": "2.14.0-alpha.4",
   "publishConfig": {
     "access": "public"
   },

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

@@ -61,12 +61,13 @@ const x = {
       return f({
         functionBody: this.field.options.customRender,
         context: this,
-        scope: { data: this.fieldModel }
+        scope: { data: this.fieldModel },
+        keys: ["data"]
       });
     }
   }
 }, g = { class: "slot-wrapper-render" };
-function w(o, _, e, h, C, r) {
+function w(o, _, e, h, y, r) {
   const i = l("form-item-wrapper");
   return n(), t(i, {
     designer: e.designer,

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

@@ -1,16 +1,16 @@
 import g from "./form-item-wrapper.vue.js";
 import w from "../../../svg-icon/index.vue.js";
-import C from "../../../../utils/emitter.js";
-import y from "../../../../utils/i18n.js";
-import _ from "./fieldMixin.js";
-import { resolveComponent as o, createBlock as r, createCommentVNode as a, openBlock as u, withCtx as i, withDirectives as v, createVNode as d, createSlots as F, vShow as I, createElementVNode as x, toDisplayString as B } from "vue";
+import b from "../../../../utils/emitter.js";
+import C from "../../../../utils/i18n.js";
+import y from "./fieldMixin.js";
+import { resolveComponent as n, createBlock as s, createCommentVNode as r, openBlock as a, withCtx as i, withDirectives as _, createVNode as u, createSlots as v, vShow as F, createElementVNode as x, toDisplayString as I } from "vue";
 /* empty css                  */
 import M from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const z = {
   name: "input-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [C, _, y],
+  mixins: [b, y, C],
   props: {
     field: Object,
     parentWidget: Object,
@@ -70,13 +70,13 @@ const z = {
   },
   methods: {}
 }, R = { class: "readonly-mode-field" };
-function k(t, l, e, L, n, s) {
-  const f = o("svg-icon"), m = o("a-button"), p = o("a-input"), c = o("a-tooltip"), h = o("form-item-wrapper");
-  return t.handleHidden() ? a("", !0) : (u(), r(h, {
+function k(t, d, e, L, o, l) {
+  const f = n("svg-icon"), m = n("a-input"), p = n("a-tooltip"), h = n("form-item-wrapper");
+  return t.handleHidden() ? r("", !0) : (a(), s(h, {
     key: 0,
     designer: e.designer,
     field: e.field,
-    rules: n.rules,
+    rules: o.rules,
     "design-state": e.designState,
     "parent-widget": e.parentWidget,
     "parent-list": e.parentList,
@@ -86,63 +86,54 @@ function k(t, l, e, L, n, s) {
     "sub-form-row-id": e.subFormRowId
   }, {
     default: i(() => [
-      v(d(p, {
+      _(u(m, {
         ref: "fieldEditor",
-        value: n.fieldModel,
-        "onUpdate:value": l[0] || (l[0] = (b) => n.fieldModel = b),
+        value: o.fieldModel,
+        "onUpdate:value": d[0] || (d[0] = (c) => o.fieldModel = c),
         disabled: t.handleDisabled(),
         readonly: e.field.options.readonly,
-        size: s.size,
+        size: l.size,
         class: "hide-spin-button",
-        type: s.inputType,
+        type: l.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,
-        addonBefore: e.field.options.addonBefore,
-        addonAfter: e.field.options.addonAfter,
         onFocus: t.handleFocusCustomEvent,
         onBlur: t.handleBlurCustomEvent,
         onInput: t.handleInputCustomEvent,
         onChange: t.handleChangeEvent
-      }, F({ _: 2 }, [
-        e.field.options.appendButton ? {
-          name: "append",
+      }, v({ _: 2 }, [
+        e.field.options.useModal ? {
+          name: "addonAfter",
           fn: i(() => [
-            d(m, {
-              disabled: t.handleDisabled() || e.field.options.appendButtonDisabled,
-              onClick: t.emitAppendButtonClick
-            }, {
-              default: i(() => [
-                d(f, {
-                  "icon-class": e.field.options.buttonIcon
-                }, null, 8, ["icon-class"])
-              ]),
-              _: 1
-            }, 8, ["disabled", "onClick"])
+            u(f, {
+              "icon-class": "sousuo",
+              onClick: t.handleClickIcon
+            }, null, 8, ["onClick"])
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["value", "disabled", "readonly", "size", "type", "show-password", "placeholder", "allowClear", "maxlength", "showCount", "addonBefore", "addonAfter", "onFocus", "onBlur", "onInput", "onChange"]), [
-        [I, !t.isReadMode]
+      ]), 1032, ["value", "disabled", "readonly", "size", "type", "show-password", "placeholder", "allowClear", "maxlength", "showCount", "onFocus", "onBlur", "onInput", "onChange"]), [
+        [F, !t.isReadMode]
       ]),
-      t.isReadMode ? (u(), r(c, {
+      t.isReadMode ? (a(), s(p, {
         key: 0,
         placement: "topLeft",
-        title: n.fieldModel,
+        title: o.fieldModel,
         overlayStyle: { zIndex: 1e3 }
       }, {
         default: i(() => [
-          x("span", R, B(n.fieldModel), 1)
+          x("span", R, I(o.fieldModel), 1)
         ]),
         _: 1
-      }, 8, ["title"])) : a("", !0)
+      }, 8, ["title"])) : r("", !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"]));
 }
-const j = /* @__PURE__ */ M(z, [["render", k], ["__scopeId", "data-v-783d9a66"]]);
+const D = /* @__PURE__ */ M(z, [["render", k], ["__scopeId", "data-v-8bc02c92"]]);
 export {
-  j as default
+  D as default
 };

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

@@ -4,10 +4,10 @@ import F from "../../../../utils/i18n.js";
 import I from "./fieldMixin.js";
 import M from "../../../svg-icon/index.vue.js";
 import y from "../../../../mixins/useSelectMixin.js";
-import { resolveComponent as o, createBlock as r, createCommentVNode as d, openBlock as s, withCtx as a, withDirectives as m, createElementVNode as f, createElementBlock as O, createVNode as u, mergeProps as L, vShow as c, toDisplayString as _ } from "vue";
+import { resolveComponent as o, createBlock as r, createCommentVNode as d, openBlock as s, withCtx as a, withDirectives as m, createElementVNode as f, normalizeClass as O, createElementBlock as L, createVNode as u, mergeProps as x, vShow as c, toDisplayString as z } from "vue";
 /* empty css                   */
-import x from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const R = {
+import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const S = {
   name: "select-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
@@ -100,8 +100,8 @@ const R = {
     //   }
     // }
   }
-}, S = { class: "design-select-box" }, k = { class: "readonly-mode-field" };
-function z(e, i, t, E, n, p) {
+}, k = { class: "readonly-mode-field" };
+function E(e, i, t, _, n, p) {
   const h = o("a-select"), g = o("svg-icon"), b = o("a-tooltip"), w = o("form-item-wrapper");
   return e.handleHidden() ? d("", !0) : (s(), r(w, {
     key: 0,
@@ -117,8 +117,10 @@ function z(e, i, t, E, n, p) {
     "sub-form-row-id": t.subFormRowId
   }, {
     default: a(() => [
-      m(f("div", S, [
-        m(u(h, L({
+      m(f("div", {
+        class: O(["design-select-box", { useModal: t.field.options.useModal }])
+      }, [
+        m(u(h, x({
           ref: "fieldEditor",
           value: n.fieldModel,
           "onUpdate:value": i[0] || (i[0] = (l) => n.fieldModel = l),
@@ -138,14 +140,14 @@ function z(e, i, t, E, n, p) {
         }, e.selectOps), null, 16, ["value", "size", "disabled", "allowClear", "mode", "maxTagCount", "placeholder", "onFocus", "onBlur", "onChange", "options"]), [
           [c, !e.isReadMode]
         ]),
-        t.field.options.useModal ? (s(), O("div", {
+        t.field.options.useModal ? (s(), L("div", {
           key: 0,
           class: "useModal-svg",
           onClick: i[1] || (i[1] = (...l) => e.handleClickIcon && e.handleClickIcon(...l))
         }, [
           u(g, { "icon-class": "sousuo" })
         ])) : d("", !0)
-      ], 512), [
+      ], 2), [
         [c, !e.isReadMode]
       ]),
       e.isReadMode ? (s(), r(b, {
@@ -155,7 +157,7 @@ function z(e, i, t, E, n, p) {
         overlayStyle: { zIndex: 1e3 }
       }, {
         default: a(() => [
-          f("span", k, _(e.optionLabel), 1)
+          f("span", k, z(e.optionLabel), 1)
         ]),
         _: 1
       }, 8, ["title"])) : d("", !0)
@@ -163,7 +165,7 @@ function z(e, i, t, E, n, p) {
     _: 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 H = /* @__PURE__ */ x(R, [["render", z], ["__scopeId", "data-v-25c62f40"]]);
+const H = /* @__PURE__ */ R(S, [["render", E], ["__scopeId", "data-v-9fdc9138"]]);
 export {
   H as default
 };

package/src/components/form-designer/widget-panel/basicFields/input.js

@@ -25,16 +25,18 @@ const a = (e = {}) => ({
     requiredHint: "",
     validation: "",
     validationHint: "",
+    useModal: !1,
+    onClickIcon: "",
     //-------------------
     customClass: [],
     //自定义css类名
-    labelIconClass: null,
-    labelIconPosition: "rear",
+    // labelIconClass: null,
+    // labelIconPosition: 'rear',
     labelTooltip: null,
     maxLength: null,
     showCount: !1,
-    addonBefore: "",
-    addonAfter: "",
+    // addonBefore: '',
+    // addonAfter: '',
     //-------------------
     onCreated: "",
     onMounted: "",

package/src/lang/zh-CN.js

@@ -171,6 +171,7 @@ const e = {
     setting: {
       containerInputPlaceholder: "请输入要渲染的目标",
       langMode: "语法模式",
+      editAPIConfig: "编辑API",
       lineHeight: "行高(px)",
       mode: "选择模式",
       combobox: "列表模式",