@kp-ui/lowcode 2.14.0-beta → 2.14.0-beta.10

package/src/components/form-designer/setting-panel/form-crud-setting.vue.js

@@ -1,38 +1,77 @@
-import { defineComponent as s, useModel as d, createElementBlock as m, openBlock as f, createVNode as r, unref as t } from "vue";
-import n from "../../http-editor/index.vue.js";
-import { useI18n as p } from "../../../utils/i18n.js";
-const u = { class: "t-p-[10px]" }, _ = /* @__PURE__ */ s({
+import { defineComponent as f, useModel as v, ref as m, reactive as g, watch as b, createElementBlock as C, openBlock as c, Fragment as w, createElementVNode as h, createVNode as n, unref as i } from "vue";
+import p from "../../http-editor/index.vue.js";
+import { HttpEditor as H } from "tmgc2-share";
+import { useI18n as L } from "../../../utils/i18n.js";
+import "lodash-es";
+const M = { class: "t-p-[10px]" }, _ = /* @__PURE__ */ f({
   __name: "form-crud-setting",
   props: {
     formConfig: {
       type: Object,
       default: () => ({
         serveList: {
-          vformUpdate: {},
-          vformDetail: {}
+          vformUpdate: {
+            http: { url: "", method: "get", params: {}, data: {} },
+            dataReqHandlerCode: "",
+            dataHandlerCode: ""
+          },
+          vformDetail: {
+            http: { url: "", method: "get", params: {}, data: {} },
+            dataReqHandlerCode: "",
+            dataHandlerCode: ""
+          },
+          list: []
         }
       })
     },
     formConfigModifiers: {}
   },
   emits: ["update:formConfig"],
-  setup(l) {
-    const { i18nt: e } = p(), o = d(l, "formConfig");
-    return (v, i) => (f(), m("div", u, [
-      r(n, {
-        label: t(e)("designer.hint.表单编辑api"),
-        buttonName: t(e)("designer.setting.edit"),
-        drawerTitle: t(e)("表单配置"),
-        optionModel: o.value.serveList.vformUpdate,
-        "onUpdate:optionModel": i[0] || (i[0] = (a) => o.value.serveList.vformUpdate = a)
-      }, null, 8, ["label", "buttonName", "drawerTitle", "optionModel"]),
-      r(n, {
-        label: t(e)("designer.hint.表单详情API"),
-        buttonName: t(e)("designer.setting.edit"),
-        drawerTitle: t(e)("表单配置"),
-        optionModel: o.value.serveList.vformDetail
-      }, null, 8, ["label", "buttonName", "drawerTitle", "optionModel"])
-    ]));
+  setup(u) {
+    const { i18nt: a } = L(), o = v(u, "formConfig"), r = m(!1), d = g({
+      index: -1,
+      isNew: !1
+    }), l = m({
+      http: {
+        url: "",
+        method: "get",
+        params: {},
+        data: {}
+      },
+      dataReqHandlerCode: "",
+      dataHandlerCode: ""
+    });
+    return b(r, (s, e) => {
+      var t;
+      if (s === !1 && e === !0) {
+        if (!((t = l.value.http) != null && t.url))
+          return;
+        d.isNew ? (o.value.serveList.list || (o.value.serveList.list = []), o.value.serveList.list.push(l.value)) : d.index > -1 && (o.value.serveList.list[d.index] = l.value);
+      }
+    }), (s, e) => (c(), C(w, null, [
+      h("div", M, [
+        n(p, {
+          label: i(a)("designer.hint.表单编辑api"),
+          buttonName: i(a)("designer.setting.edit"),
+          drawerTitle: i(a)("表单配置"),
+          optionModel: o.value.serveList.vformUpdate,
+          "onUpdate:optionModel": e[0] || (e[0] = (t) => o.value.serveList.vformUpdate = t)
+        }, null, 8, ["label", "buttonName", "drawerTitle", "optionModel"]),
+        n(p, {
+          label: i(a)("designer.hint.表单详情API"),
+          buttonName: i(a)("designer.setting.edit"),
+          drawerTitle: i(a)("表单配置"),
+          optionModel: o.value.serveList.vformDetail
+        }, null, 8, ["label", "buttonName", "drawerTitle", "optionModel"])
+      ]),
+      n(i(H), {
+        "option-model": l.value,
+        "onUpdate:optionModel": e[1] || (e[1] = (t) => l.value = t),
+        visible: r.value,
+        "onUpdate:visible": e[2] || (e[2] = (t) => r.value = t),
+        "drawer-title": "接口配置"
+      }, null, 8, ["option-model", "visible"])
+    ], 64));
   }
 });
 export {

package/src/components/form-designer/setting-panel/form-setting.vue.js

@@ -1,7 +1,7 @@
 import o from "./form-setting.vue2.js";
 /* empty css                  */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1a9d217e"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b0ffdf67"]]);
 export {
-  e as default
+  p as default
 };

package/src/components/form-designer/setting-panel/form-setting.vue2.js

@@ -1,20 +1,19 @@
-import { defineComponent as Y, inject as Z, ref as f, onMounted as x, resolveComponent as u, createElementBlock as D, openBlock as S, Fragment as P, createVNode as n, withModifiers as ee, withCtx as t, createBlock as ne, createCommentVNode as oe, unref as a, createTextVNode as p, toDisplayString as C, normalizeClass as j, renderList as te } from "vue";
+import { defineComponent as X, inject as Y, ref as f, onMounted as Z, resolveComponent as u, createElementBlock as D, openBlock as B, Fragment as K, createVNode as o, withModifiers as ee, withCtx as t, createBlock as oe, createCommentVNode as ne, unref as a, createTextVNode as p, toDisplayString as C, normalizeClass as P, renderList as te } from "vue";
 import { useI18n as le } from "../../../utils/i18n.js";
-import { insertCustomCssToHead as I, deepClone as T } from "../../../utils/util.js";
+import { insertCustomCssToHead as j, deepClone as I } from "../../../utils/util.js";
 import ae from "../../public/methoad-item.vue.js";
 import se from "./property-editor/container-vf-dialog/okButtonHidden-editor.vue.js";
 import ie from "./property-editor/container-vf-dialog/cancelButtonHidden-editor.vue.js";
 import { TpfCodeEditor as re } from "tmgc2-share";
-import { Switch as de } from "ant-design-vue";
-const be = /* @__PURE__ */ Y({
+const Ce = /* @__PURE__ */ X({
   name: "form-setting",
   __name: "form-setting",
   props: {
     designer: {},
     formConfig: {}
   },
-  setup(K) {
-    const m = K, { i18nt: s } = le(), B = Z("getDesignerConfig"), H = B ? B() : {}, F = f("javascript"), O = f(""), U = f(""), y = f(!1), N = f(""), M = f(["1", "2"]), c = f(""), E = f([]), w = f(""), A = f(null), R = [
+  setup(T) {
+    const m = T, { i18nt: s } = le(), F = Y("getDesignerConfig"), H = F ? F() : {}, y = f("javascript"), O = f(""), S = f(""), N = f(!1), U = f(""), M = f(["1", "2"]), c = f(""), E = f([]), _ = f(""), A = f(null), R = [
       { label: "default", value: "middle" },
       { label: "large", value: "large" },
       { label: "small", value: "small" }
@@ -23,79 +22,80 @@ const be = /* @__PURE__ */ Y({
       onFormMounted: "onFormMounted() {",
       onOkButtonClick: "onOkButtonClick() {",
       onCancelButtonClick: "onCancelButtonClick() {",
+      onFormEnterKey: "onFormEnterKey() {",
       onFormDataChange: "onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {"
       //'onFormValidate': 'onFormValidate() {',
     }, W = (e) => {
       m.formConfig[O.value] = e;
-    }, k = (e) => {
-      O.value = e.eventName, F.value = e.mode, y.value = e.isShowEventHeader, w.value = m.formConfig[e.eventName], U.value = e.title, N.value = e.eventHeader || "", A.value.open();
-    }, $ = (e) => !!m.formConfig[e] && m.formConfig[e].length > 0, q = () => H.eventCollapse === void 0 ? !0 : !!H.eventCollapse, _ = () => {
-      const e = /\..*{/g, o = c.value.match(e), g = [];
-      o && o.length > 0 && o.forEach((r) => {
-        const v = r.split(",");
+    }, w = (e) => {
+      O.value = e.eventName, y.value = e.mode, N.value = e.isShowEventHeader, _.value = m.formConfig[e.eventName], S.value = e.title, U.value = e.eventHeader || "", A.value.open();
+    }, $ = (e) => !!m.formConfig[e] && m.formConfig[e].length > 0, x = () => H.eventCollapse === void 0 ? !0 : !!H.eventCollapse, k = () => {
+      const e = /\..*{/g, n = c.value.match(e), g = [];
+      n && n.length > 0 && n.forEach((d) => {
+        const v = d.split(",");
         v.length > 0 && v.forEach((b) => {
           const i = b.trim();
           if (i.indexOf(".", 1) !== -1) {
-            const d = i.substring(
+            const r = i.substring(
               i.indexOf(".") + 1,
               i.indexOf(".", 1)
             );
-            d && g.push(d.trim());
+            r && g.push(r.trim());
           } else if (i.indexOf(" ") !== -1) {
-            const d = i.substring(
+            const r = i.substring(
               i.indexOf(".") + 1,
               i.indexOf(" ")
             );
-            d && g.push(d.trim());
+            r && g.push(r.trim());
           } else if (i.indexOf("{") !== -1) {
-            const d = i.substring(
+            const r = i.substring(
               i.indexOf(".") + 1,
               i.indexOf("{")
             );
-            g.push(d.trim());
+            g.push(r.trim());
           } else {
-            const d = i.substring(i.indexOf(".") + 1);
-            g.push(d.trim());
+            const r = i.substring(i.indexOf(".") + 1);
+            g.push(r.trim());
           }
         });
       });
     };
-    return x(() => {
+    return Z(() => {
       m.designer.handleEvent("form-json-imported", () => {
-        c.value = m.formConfig.cssCode, I(c.value), _(), m.designer.emitEvent("form-css-updated", T(E.value));
+        c.value = m.formConfig.cssCode, j(c.value), k(), m.designer.emitEvent("form-css-updated", I(E.value));
       }), setTimeout(() => {
-        c.value = m.formConfig.cssCode, I(c.value), _(), m.designer.emitEvent("form-css-updated", T(E.value));
+        c.value = m.formConfig.cssCode, j(c.value), k(), m.designer.emitEvent("form-css-updated", I(E.value));
       }, 1200);
-    }), (e, o) => {
-      const g = u("a-select"), r = u("a-form-item"), v = u("a-radio-button"), b = u("a-radio-group"), i = u("a-input-number"), d = u("a-button"), L = u("a-input"), V = u("a-collapse-panel"), G = u("a-collapse"), J = u("a-form"), Q = u("a-config-provider");
-      return S(), D(P, null, [
-        n(J, {
+    }), (e, n) => {
+      const g = u("a-select"), d = u("a-form-item"), v = u("a-radio-button"), b = u("a-radio-group"), i = u("a-input-number"), r = u("a-button"), L = u("a-input"), V = u("a-collapse-panel"), q = u("a-collapse"), G = u("a-form"), J = u("a-config-provider");
+      return B(), D(K, null, [
+        o(G, {
           model: e.formConfig,
           labelAlign: "left",
           "label-width": "120px",
           class: "setting-form",
-          onSubmit: o[11] || (o[11] = ee(() => {
+          onSubmit: n[10] || (n[10] = ee(() => {
           }, ["prevent"]))
         }, {
           default: t(() => [
-            n(G, {
+            o(q, {
               activeKey: M.value,
-              "onUpdate:activeKey": o[10] || (o[10] = (l) => M.value = l),
+              "onUpdate:activeKey": n[9] || (n[9] = (l) => M.value = l),
               class: "setting-collapse"
             }, {
               default: t(() => [
-                n(V, {
+                o(V, {
                   key: "1",
                   header: a(s)("designer.setting.基本属性")
                 }, {
                   default: t(() => [
-                    n(r, {
+                    o(d, {
                       label: a(s)("designer.setting.formSize")
                     }, {
                       default: t(() => [
-                        n(g, {
+                        o(g, {
                           value: e.formConfig.size,
-                          "onUpdate:value": o[0] || (o[0] = (l) => e.formConfig.size = l),
+                          "onUpdate:value": n[0] || (n[0] = (l) => e.formConfig.size = l),
                           options: R,
                           allowClear: "",
                           style: { width: "120px" }
@@ -103,23 +103,23 @@ const be = /* @__PURE__ */ Y({
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(r, {
+                    o(d, {
                       label: a(s)("designer.setting.labelPosition")
                     }, {
                       default: t(() => [
-                        n(b, {
+                        o(b, {
                           value: e.formConfig.labelPosition,
-                          "onUpdate:value": o[1] || (o[1] = (l) => e.formConfig.labelPosition = l),
+                          "onUpdate:value": n[1] || (n[1] = (l) => e.formConfig.labelPosition = l),
                           class: "radio-group-custom"
                         }, {
                           default: t(() => [
-                            n(v, { value: "horizontal" }, {
+                            o(v, { value: "horizontal" }, {
                               default: t(() => [
                                 p(C(a(s)("designer.setting.horizontal")), 1)
                               ]),
                               _: 1
                             }),
-                            n(v, { value: "vertical" }, {
+                            o(v, { value: "vertical" }, {
                               default: t(() => [
                                 p(C(a(s)("designer.setting.vertical")), 1)
                               ]),
@@ -131,23 +131,23 @@ const be = /* @__PURE__ */ Y({
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(r, {
+                    o(d, {
                       label: a(s)("designer.setting.labelAlign")
                     }, {
                       default: t(() => [
-                        n(b, {
+                        o(b, {
                           value: e.formConfig.labelAlign,
-                          "onUpdate:value": o[2] || (o[2] = (l) => e.formConfig.labelAlign = l),
+                          "onUpdate:value": n[2] || (n[2] = (l) => e.formConfig.labelAlign = l),
                           class: "radio-group-custom"
                         }, {
                           default: t(() => [
-                            n(v, { value: "left" }, {
+                            o(v, { value: "left" }, {
                               default: t(() => [
                                 p(C(a(s)("designer.setting.leftAlign")), 1)
                               ]),
                               _: 1
                             }),
-                            n(v, { value: "right" }, {
+                            o(v, { value: "right" }, {
                               default: t(() => [
                                 p(C(a(s)("designer.setting.rightAlign")), 1)
                               ]),
@@ -159,13 +159,13 @@ const be = /* @__PURE__ */ Y({
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(r, {
+                    o(d, {
                       label: a(s)("designer.setting.labelWidth")
                     }, {
                       default: t(() => [
-                        n(i, {
+                        o(i, {
                           value: e.formConfig.labelWidth,
-                          "onUpdate:value": o[3] || (o[3] = (l) => e.formConfig.labelWidth = l),
+                          "onUpdate:value": n[3] || (n[3] = (l) => e.formConfig.labelWidth = l),
                           min: 0,
                           style: { width: "100%" },
                           allowClear: ""
@@ -173,19 +173,19 @@ const be = /* @__PURE__ */ Y({
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(r, {
+                    o(d, {
                       label: a(s)("designer.setting.formCss")
                     }, {
                       default: t(() => [
-                        n(d, {
+                        o(r, {
                           shape: "round",
-                          onClick: o[4] || (o[4] = (l) => k({
+                          onClick: n[4] || (n[4] = (l) => w({
                             eventName: "formCss",
                             isShowEventHeader: !1,
                             mode: "css",
                             title: a(s)("designer.setting.formCss")
                           })),
-                          class: j([{ "button-text-highlight": !!e.formConfig.cssCode }])
+                          class: P([{ "button-text-highlight": !!e.formConfig.cssCode }])
                         }, {
                           default: t(() => [
                             p(C(a(s)("designer.setting.addCss")), 1)
@@ -195,29 +195,29 @@ const be = /* @__PURE__ */ Y({
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(r, {
+                    o(d, {
                       label: a(s)("designer.setting.customClass")
                     }, {
                       default: t(() => [
-                        n(g, {
+                        o(g, {
                           value: e.formConfig.customClass,
-                          "onUpdate:value": o[5] || (o[5] = (l) => e.formConfig.customClass = l),
+                          "onUpdate:value": n[5] || (n[5] = (l) => e.formConfig.customClass = l),
                           allowClear: "",
                           mode: "tags",
-                          onChange: _,
+                          onChange: k,
                           options: E.value
                         }, null, 8, ["value", "options"])
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(r, {
+                    o(d, {
                       label: a(s)("designer.setting.globalFunctions")
                     }, {
                       default: t(() => [
-                        n(d, {
-                          class: j([{ "button-text-highlight": !!e.formConfig.functions }]),
+                        o(r, {
+                          class: P([{ "button-text-highlight": !!e.formConfig.functions }]),
                           shape: "round",
-                          onClick: o[6] || (o[6] = (l) => k({
+                          onClick: n[6] || (n[6] = (l) => w({
                             eventName: "functions",
                             isShowEventHeader: !1,
                             mode: "javascript",
@@ -232,85 +232,72 @@ const be = /* @__PURE__ */ Y({
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(r, {
+                    o(d, {
                       label: a(s)("designer.setting.cancelButtonLabel")
                     }, {
                       default: t(() => [
-                        n(L, {
+                        o(L, {
                           type: "text",
                           value: e.formConfig.cancelButtonLabel,
-                          "onUpdate:value": o[7] || (o[7] = (l) => e.formConfig.cancelButtonLabel = l)
+                          "onUpdate:value": n[7] || (n[7] = (l) => e.formConfig.cancelButtonLabel = l)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(ie, { optionModel: e.formConfig }, null, 8, ["optionModel"]),
-                    n(r, {
+                    o(ie, { optionModel: e.formConfig }, null, 8, ["optionModel"]),
+                    o(d, {
                       label: a(s)("designer.setting.okButtonLabel")
                     }, {
                       default: t(() => [
-                        n(L, {
+                        o(L, {
                           type: "text",
                           value: e.formConfig.okButtonLabel,
-                          "onUpdate:value": o[8] || (o[8] = (l) => e.formConfig.okButtonLabel = l)
+                          "onUpdate:value": n[8] || (n[8] = (l) => e.formConfig.okButtonLabel = l)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    n(se, { optionModel: e.formConfig }, null, 8, ["optionModel"]),
-                    n(r, {
-                      label: a(s)("designer.setting.isEnterSubmit")
-                    }, {
-                      default: t(() => [
-                        n(a(de), {
-                          checked: e.formConfig.isEnterSubmit,
-                          "onUpdate:checked": o[9] || (o[9] = (l) => e.formConfig.isEnterSubmit = l),
-                          "checked-value": 1,
-                          "un-checked-value": 0
-                        }, null, 8, ["checked"])
-                      ]),
-                      _: 1
-                    }, 8, ["label"])
+                    o(se, { optionModel: e.formConfig }, null, 8, ["optionModel"])
                   ]),
                   _: 1
                 }, 8, ["header"]),
-                q() ? (S(), ne(V, {
+                x() ? (B(), oe(V, {
                   key: "2",
                   class: "eventPanel",
                   header: a(s)("designer.setting.事件属性")
                 }, {
                   default: t(() => [
-                    (S(), D(P, null, te(z, (l, h) => n(ae, {
-                      onClickItem: k,
+                    (B(), D(K, null, te(z, (l, h) => o(ae, {
+                      onClickItem: w,
                       key: h,
                       "event-name": h,
                       value: e.formConfig[h],
-                      "onUpdate:value": (X) => e.formConfig[h] = X,
+                      "onUpdate:value": (Q) => e.formConfig[h] = Q,
                       "get-form-event-handled": $,
                       "event-params-map": z,
                       "form-config": e.formConfig
                     }, null, 8, ["event-name", "value", "onUpdate:value", "form-config"])), 64))
                   ]),
                   _: 1
-                }, 8, ["header"])) : oe("", !0)
+                }, 8, ["header"])) : ne("", !0)
               ]),
               _: 1
             }, 8, ["activeKey"])
           ]),
           _: 1
         }, 8, ["model"]),
-        n(Q, { componentSize: "middle" }, {
+        o(J, { componentSize: "middle" }, {
           default: t(() => [
-            n(a(re), {
-              isShowEventHeader: y.value,
+            o(a(re), {
+              isShowEventHeader: N.value,
               ref_key: "codeEditorRef",
               ref: A,
-              "event-header": N.value,
-              modelValue: w.value,
-              "onUpdate:modelValue": o[12] || (o[12] = (l) => w.value = l),
-              mode: F.value,
+              "event-header": U.value,
+              modelValue: _.value,
+              "onUpdate:modelValue": n[11] || (n[11] = (l) => _.value = l),
+              mode: y.value,
               readonly: !1,
-              title: U.value,
+              title: S.value,
               onSetCode: W
             }, null, 8, ["isShowEventHeader", "event-header", "modelValue", "mode", "title"])
           ]),
@@ -321,5 +308,5 @@ const be = /* @__PURE__ */ Y({
   }
 });
 export {
-  be as default
+  Ce as default
 };