@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.2

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-b0ffdf67"]]);
+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
 };