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

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

@@ -1,80 +1,58 @@
-import { defineComponent as f, useModel as v, ref as m, reactive as g, watch as b, createElementBlock as C, openBlock as c, Fragment as h, createElementVNode as w, createVNode as d, 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({
-  inheritAttrs: !1,
-  __name: "form-crud-setting",
-  props: {
-    formConfig: {
-      type: Object,
-      default: () => ({
-        serveList: {
-          vformUpdate: {
-            http: { url: "", method: "get", params: {}, data: {} },
-            dataReqHandlerCode: "",
-            dataHandlerCode: ""
-          },
-          vformDetail: {
-            http: { url: "", method: "get", params: {}, data: {} },
-            dataReqHandlerCode: "",
-            dataHandlerCode: ""
-          },
-          list: []
-        }
-      })
-    },
-    formConfigModifiers: {}
-  },
-  emits: ["update:formConfig"],
-  setup(u) {
-    const { i18nt: a } = L(), o = v(u, "formConfig"), l = m(!1), n = g({
-      index: -1,
-      isNew: !1
-    }), r = m({
-      http: {
-        url: "",
-        method: "get",
-        params: {},
-        data: {}
-      },
-      dataReqHandlerCode: "",
-      dataHandlerCode: ""
-    });
-    return b(l, (s, e) => {
-      var t;
-      if (s === !1 && e === !0) {
-        if (!((t = r.value.http) != null && t.url))
-          return;
-        n.isNew ? (o.value.serveList.list || (o.value.serveList.list = []), o.value.serveList.list.push(r.value)) : n.index > -1 && (o.value.serveList.list[n.index] = r.value);
-      }
-    }), (s, e) => (c(), C(h, null, [
-      w("div", M, [
-        d(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)
+import o from "./form-crud-setting.vue2.js";
+import { createElementBlock as r, openBlock as d, Fragment as l, createElementVNode as a, createVNode as i, createCommentVNode as m } from "vue";
+import s from "../../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "t-p-[10px]" };
+function p(g, e, v, t, b, c) {
+  return d(), r(
+    l,
+    null,
+    [
+      a("div", f, [
+        i(t.HttpEditor, {
+          label: t.i18nt("designer.hint.表单编辑api"),
+          buttonName: t.i18nt("designer.setting.edit"),
+          drawerTitle: t.i18nt("表单配置"),
+          optionModel: t.formConfig.serveList.vformUpdate,
+          "onUpdate:optionModel": e[0] || (e[0] = (n) => t.formConfig.serveList.vformUpdate = n)
         }, null, 8, ["label", "buttonName", "drawerTitle", "optionModel"]),
-        d(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"])
+        i(t.HttpEditor, {
+          label: t.i18nt("designer.hint.表单详情API"),
+          buttonName: t.i18nt("designer.setting.edit"),
+          drawerTitle: t.i18nt("表单配置"),
+          optionModel: t.formConfig.serveList.vformDetail
+        }, null, 8, ["label", "buttonName", "drawerTitle", "optionModel"]),
+        m(` <a-form-item label="接口列表">
+            <a-button @click="onAdd" type="primary" class="t-mb-[10px]">新增</a-button>
+            <div v-if="formConfig.serveList.list?.length > 0">
+                <div
+                    v-for="(item, index) in formConfig.serveList.list"
+                    :key="index"
+                    class="t-mb-[10px] t-flex t-items-center"
+                >
+                    <div color="processing" class="t-flex-1">
+                        {{ item.http.url }}
+                    </div>
+                    <a-space>
+                        <a-button type="link" @click="onEdit(item, index)">编辑</a-button>
+                        <a-button type="link" danger>删除</a-button>
+                    </a-space>
+                </div>
+            </div>
+        </a-form-item> `)
       ]),
-      d(i(H), {
-        "option-model": r.value,
-        "onUpdate:optionModel": e[1] || (e[1] = (t) => r.value = t),
-        visible: l.value,
-        "onUpdate:visible": e[2] || (e[2] = (t) => l.value = t),
+      i(t.ShareHttpEditor, {
+        "option-model": t.tempEditingData,
+        "onUpdate:optionModel": e[1] || (e[1] = (n) => t.tempEditingData = n),
+        visible: t.showHttpEditor,
+        "onUpdate:visible": e[2] || (e[2] = (n) => t.showHttpEditor = n),
         "drawer-title": "接口配置"
       }, null, 8, ["option-model", "visible"])
-    ], 64));
-  }
-});
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const w = /* @__PURE__ */ s(o, [["render", p], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/form-crud-setting.vue"]]);
 export {
-  _ as default
+  w as default
 };

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

@@ -1,4 +1,77 @@
-import f from "./form-crud-setting.vue.js";
+import { defineComponent as c, useModel as h, ref as n, reactive as C, watch as g } from "vue";
+import H from "../../http-editor/index.vue.js";
+import { HttpEditor as _ } from "tmgc2-share";
+import { useI18n as E } from "../../../utils/i18n.js";
+import { cloneDeep as w } from "lodash-es";
+const R = /* @__PURE__ */ c({
+  inheritAttrs: !1,
+  __name: "form-crud-setting",
+  props: {
+    formConfig: {
+      type: Object,
+      default: () => ({
+        serveList: {
+          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, { expose: u }) {
+    u();
+    const { i18nt: f } = E(), t = h(l, "formConfig"), o = n(!1), e = C({
+      index: -1,
+      isNew: !1
+    }), a = n({
+      http: {
+        url: "",
+        method: "get",
+        params: {},
+        data: {}
+      },
+      dataReqHandlerCode: "",
+      dataHandlerCode: ""
+    }), p = () => {
+      e.isNew = !0, a.value = {
+        http: {
+          url: "",
+          method: "get",
+          params: {},
+          data: {}
+        },
+        dataReqHandlerCode: "",
+        dataHandlerCode: ""
+      }, o.value = !0;
+    }, m = (r, i) => {
+      e.index = i, e.isNew = !1, a.value = w(r), o.value = !0;
+    }, v = (r) => {
+      t.value.serveList.list.splice(r, 1);
+    };
+    g(o, (r, i) => {
+      var d;
+      if (r === !1 && i === !0) {
+        if (!((d = a.value.http) != null && d.url))
+          return;
+        e.isNew ? (t.value.serveList.list || (t.value.serveList.list = []), t.value.serveList.list.push(a.value)) : e.index > -1 && (t.value.serveList.list[e.index] = a.value);
+      }
+    });
+    const s = { i18nt: f, formConfig: t, showHttpEditor: o, editingState: e, tempEditingData: a, onAdd: p, onEdit: m, onDelete: v, HttpEditor: H, get ShareHttpEditor() {
+      return _;
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+});
 export {
-  f as default
+  R as default
 };

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

@@ -1,7 +1,315 @@
-import o from "./form-setting.vue2.js";
+import B from "./form-setting.vue2.js";
+import { resolveComponent as i, createElementBlock as E, openBlock as v, Fragment as h, createVNode as n, withModifiers as z, withCtx as o, createBlock as y, createCommentVNode as r, createTextVNode as f, toDisplayString as m, normalizeClass as w, renderList as A } from "vue";
 /* empty css                  */
-import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-63f58686"]]);
+import L from "../../../../_virtual/_plugin-vue_export-helper.js";
+function M(N, t, l, e, F, P) {
+  const u = i("a-select"), d = i("a-form-item"), s = i("a-radio-button"), c = i("a-radio-group"), S = i("a-input-number"), C = i("a-button"), b = i("a-input"), _ = i("a-collapse-panel"), k = i("a-collapse"), H = i("a-form"), x = i("a-config-provider");
+  return v(), E(
+    h,
+    null,
+    [
+      n(H, {
+        model: l.formConfig,
+        labelAlign: "left",
+        "label-width": "120px",
+        class: "setting-form",
+        onSubmit: t[10] || (t[10] = z(() => {
+        }, ["prevent"]))
+      }, {
+        default: o(() => [
+          n(k, {
+            activeKey: e.formActiveCollapseNames,
+            "onUpdate:activeKey": t[9] || (t[9] = (a) => e.formActiveCollapseNames = a),
+            class: "setting-collapse"
+          }, {
+            default: o(() => [
+              n(_, {
+                key: "1",
+                header: e.i18nt("designer.setting.基本属性")
+              }, {
+                default: o(() => [
+                  n(d, {
+                    label: e.i18nt("designer.setting.formSize")
+                  }, {
+                    default: o(() => [
+                      n(u, {
+                        value: l.formConfig.size,
+                        "onUpdate:value": t[0] || (t[0] = (a) => l.formConfig.size = a),
+                        options: e.formSizes,
+                        allowClear: "",
+                        style: { width: "120px" }
+                      }, null, 8, ["value"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["label"]),
+                  n(d, {
+                    label: e.i18nt("designer.setting.labelPosition")
+                  }, {
+                    default: o(() => [
+                      n(c, {
+                        value: l.formConfig.labelPosition,
+                        "onUpdate:value": t[1] || (t[1] = (a) => l.formConfig.labelPosition = a),
+                        class: "radio-group-custom"
+                      }, {
+                        default: o(() => [
+                          n(s, { value: "horizontal" }, {
+                            default: o(() => [
+                              f(
+                                m(e.i18nt("designer.setting.horizontal")),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }),
+                          n(s, { value: "vertical" }, {
+                            default: o(() => [
+                              f(
+                                m(e.i18nt("designer.setting.vertical")),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["value"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["label"]),
+                  n(d, {
+                    label: e.i18nt("designer.setting.labelAlign")
+                  }, {
+                    default: o(() => [
+                      n(c, {
+                        value: l.formConfig.labelAlign,
+                        "onUpdate:value": t[2] || (t[2] = (a) => l.formConfig.labelAlign = a),
+                        class: "radio-group-custom"
+                      }, {
+                        default: o(() => [
+                          n(s, { value: "left" }, {
+                            default: o(() => [
+                              f(
+                                m(e.i18nt("designer.setting.leftAlign")),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }),
+                          n(s, { value: "right" }, {
+                            default: o(() => [
+                              f(
+                                m(e.i18nt("designer.setting.rightAlign")),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["value"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["label"]),
+                  n(d, {
+                    label: e.i18nt("designer.setting.labelWidth")
+                  }, {
+                    default: o(() => [
+                      n(S, {
+                        value: l.formConfig.labelWidth,
+                        "onUpdate:value": t[3] || (t[3] = (a) => l.formConfig.labelWidth = a),
+                        min: 0,
+                        style: { width: "100%" },
+                        allowClear: ""
+                      }, null, 8, ["value"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["label"]),
+                  n(d, {
+                    label: e.i18nt("designer.setting.formCss")
+                  }, {
+                    default: o(() => [
+                      n(C, {
+                        shape: "round",
+                        onClick: t[4] || (t[4] = (a) => e.handleEditEvent({
+                          eventName: "cssCode",
+                          isShowEventHeader: !1,
+                          mode: "css",
+                          title: e.i18nt("designer.setting.formCss")
+                        })),
+                        class: w([{ "button-text-highlight": !!l.formConfig.cssCode }])
+                      }, {
+                        default: o(() => [
+                          f(
+                            m(e.i18nt("designer.setting.addCss")),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["class"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["label"]),
+                  r(" "),
+                  n(d, {
+                    label: e.i18nt("designer.setting.customClass")
+                  }, {
+                    default: o(() => [
+                      n(u, {
+                        value: l.formConfig.customClass,
+                        "onUpdate:value": t[5] || (t[5] = (a) => l.formConfig.customClass = a),
+                        allowClear: "",
+                        mode: "tags",
+                        onChange: e.extractCssClass,
+                        options: e.cssClassList
+                      }, null, 8, ["value", "options"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["label"]),
+                  r(" 表单全局函数 "),
+                  n(d, {
+                    label: e.i18nt("designer.setting.globalFunctions")
+                  }, {
+                    default: o(() => [
+                      n(C, {
+                        class: w([{ "button-text-highlight": !!l.formConfig.functions }]),
+                        shape: "round",
+                        onClick: t[6] || (t[6] = (a) => e.handleEditEvent({
+                          eventName: "functions",
+                          isShowEventHeader: !1,
+                          mode: "javascript",
+                          title: e.i18nt("designer.setting.globalFunctions")
+                        }))
+                      }, {
+                        default: o(() => [
+                          f(
+                            m(e.i18nt("designer.setting.addEventHandler")),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["class"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["label"]),
+                  n(d, {
+                    label: e.i18nt("designer.setting.cancelButtonLabel")
+                  }, {
+                    default: o(() => [
+                      n(b, {
+                        type: "text",
+                        value: l.formConfig.cancelButtonLabel,
+                        "onUpdate:value": t[7] || (t[7] = (a) => l.formConfig.cancelButtonLabel = a)
+                      }, null, 8, ["value"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["label"]),
+                  r(" 隐藏取消按钮 "),
+                  n(e.CancelButtonHidden, { optionModel: l.formConfig }, null, 8, ["optionModel"]),
+                  n(d, {
+                    label: e.i18nt("designer.setting.okButtonLabel")
+                  }, {
+                    default: o(() => [
+                      n(b, {
+                        type: "text",
+                        value: l.formConfig.okButtonLabel,
+                        "onUpdate:value": t[8] || (t[8] = (a) => l.formConfig.okButtonLabel = a)
+                      }, null, 8, ["value"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["label"]),
+                  n(e.OkButtonHiddenEditor, { optionModel: l.formConfig }, null, 8, ["optionModel"]),
+                  r(" 回车提交 "),
+                  r(` <a-form-item :label="i18nt('designer.setting.isEnterSubmit')">
+                    <Switch
+                        v-model:checked="formConfig.isEnterSubmit"
+                        :checked-value="1"
+                        :un-checked-value="0"
+                    />
+                </a-form-item> `)
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["header"]),
+              e.showEventCollapse() ? (v(), y(_, {
+                key: "2",
+                class: "eventPanel",
+                header: e.i18nt("designer.setting.事件属性")
+              }, {
+                default: o(() => [
+                  (v(), E(
+                    h,
+                    null,
+                    A(e.eventParamsMap, (a, g) => n(e.MethodItem, {
+                      onClickItem: e.handleEditEvent,
+                      key: g,
+                      "event-name": g,
+                      value: l.formConfig[g],
+                      "onUpdate:value": (U) => l.formConfig[g] = U,
+                      "get-form-event-handled": e.getFormEventHandled,
+                      "event-params-map": e.eventParamsMap,
+                      "form-config": l.formConfig
+                    }, null, 8, ["event-name", "value", "onUpdate:value", "form-config"])),
+                    64
+                    /* STABLE_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["header"])) : r("v-if", !0)
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["activeKey"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["model"]),
+      n(x, { componentSize: "middle" }, {
+        default: o(() => [
+          n(e.TpfCodeEditor, {
+            isShowEventHeader: e.isShowEventHeader,
+            ref: "codeEditorRef",
+            "event-header": e.eventHeader,
+            modelValue: e.formEventHandlerCode,
+            "onUpdate:modelValue": t[11] || (t[11] = (a) => e.formEventHandlerCode = a),
+            mode: e.mode,
+            readonly: !1,
+            title: e.title,
+            onSetCode: e.saveFormEventHandler
+          }, null, 8, ["isShowEventHeader", "event-header", "modelValue", "mode", "title"])
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const T = /* @__PURE__ */ L(B, [["render", M], ["__scopeId", "data-v-208360aa"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/form-setting.vue"]]);
 export {
-  p as default
+  T as default
 };