@kp-ui/lowcode 1.0.20 → 1.0.23

package/src/components/form-render/dynamic-drawer.vue.js

@@ -0,0 +1,168 @@
+import b from "../../utils/i18n.js";
+import { resolveComponent as i, createBlock as r, openBlock as l, withCtx as s, createVNode as w, createElementVNode as C, createCommentVNode as d, createTextVNode as f, toDisplayString as m } from "vue";
+/* empty css                    */
+import k from "../../../_virtual/_plugin-vue_export-helper.js";
+const F = {
+  name: "dynamic-drawer",
+  mixins: [b],
+  props: {
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    formJson: {
+      type: Object
+    },
+    formData: {
+      type: Object,
+      default: () => ({})
+    },
+    optionData: {
+      //prop传入的选项数据
+      type: Object,
+      default: () => ({})
+    },
+    globalDsv: {
+      // 全局数据源变量
+      type: Object,
+      default: () => ({})
+    },
+    parentFormRef: {
+      type: Object,
+      default: null
+    },
+    extraData: {
+      type: Object,
+      default: () => ({})
+    },
+    wrapperId: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {
+      drawerVisible: !1
+    };
+  },
+  computed: {
+    cancelBtnLabel() {
+      return this.options.cancelButtonLabel || this.i18nt("designer.hint.cancel");
+    },
+    okBtnLabel() {
+      return this.options.okButtonLabel || this.i18nt("designer.hint.confirm");
+    }
+  },
+  mounted() {
+  },
+  beforeUnmount() {
+    this.parentFormRef.setChildFormRef(null);
+  },
+  methods: {
+    show() {
+      this.drawerVisible = !0, this.$nextTick(() => {
+        this.options.readMode && this.$refs.dFormRef.setReadMode(!0), this.$refs.dFormRef.setDialogOrDrawerRef(this), this.parentFormRef.setChildFormRef(this.$refs.dFormRef);
+      });
+    },
+    close() {
+      this.options.onDrawerBeforeClose && new Function(this.options.onDrawerBeforeClose).call(this) === !1 || (this.drawerVisible = !1, this.$refs.drawerRef.handleClose(), setTimeout(this.deleteWrapperNode, 150));
+    },
+    deleteWrapperNode() {
+      const t = document.getElementById("vf-dynamic-drawer-wrapper" + this.wrapperId);
+      t && document.body.removeChild(t);
+    },
+    handleBeforeClose(t) {
+      if (this.options.onDrawerBeforeClose) {
+        const e = new Function(this.options.onDrawerBeforeClose).call(this);
+        return e === !1 ? e : t();
+      }
+      return t();
+    },
+    handleCloseEvent() {
+      this.drawerVisible = !1, setTimeout(this.deleteWrapperNode, 150);
+    },
+    handleOpenedEvent() {
+      this.options.onDrawerOpened && new Function(this.options.onDrawerOpened).call(this);
+    },
+    handleCancelClick() {
+      this.options.onCancelButtonClick && new Function(this.options.onCancelButtonClick).call(this) === !1 || (this.drawerVisible = !1, setTimeout(this.deleteWrapperNode, 150));
+    },
+    handleOkClick() {
+      this.options.onOkButtonClick && new Function(this.options.onOkButtonClick).call(this) === !1 || (this.drawerVisible = !1, setTimeout(this.deleteWrapperNode, 150));
+    },
+    getParentFormRef() {
+      return this.parentFormRef;
+    },
+    getFormRef() {
+      return this.$refs.dFormRef;
+    },
+    getWidgetRef(t, o = !1) {
+      return this.$refs.dFormRef.getWidgetRef(t, o);
+    },
+    getExtraData() {
+      return this.extraData;
+    }
+  }
+}, R = { style: { float: "right" } };
+function y(t, o, e, B, a, n) {
+  const u = i("VFormRender"), c = i("a-button"), h = i("a-drawer");
+  return l(), r(h, {
+    ref: "drawerRef",
+    title: e.options.title,
+    visible: a.drawerVisible,
+    "onUpdate:visible": o[0] || (o[0] = (p) => a.drawerVisible = p),
+    "custom-class": "dynamic-drawer",
+    "append-to-body": "",
+    "destroy-on-close": "",
+    size: e.options.size,
+    modal: e.options.showModal,
+    direction: e.options.direction,
+    "show-close": e.options.showClose,
+    "close-on-click-modal": e.options.closeOnClickModal,
+    "close-on-press-escape": e.options.closeOnPressEscape,
+    "before-close": n.handleBeforeClose,
+    onClose: n.handleCloseEvent,
+    onOpened: n.handleOpenedEvent
+  }, {
+    footer: s(() => [
+      C("div", R, [
+        e.options.cancelButtonHidden ? d("", !0) : (l(), r(c, {
+          key: 0,
+          onClick: n.handleCancelClick
+        }, {
+          default: s(() => [
+            f(m(n.cancelBtnLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])),
+        e.options.okButtonHidden ? d("", !0) : (l(), r(c, {
+          key: 1,
+          type: "primary",
+          onClick: n.handleOkClick
+        }, {
+          default: s(() => [
+            f(m(n.okBtnLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"]))
+      ])
+    ]),
+    default: s(() => [
+      w(u, {
+        ref: "dFormRef",
+        "form-json": e.formJson,
+        "form-data": e.formData,
+        "option-data": e.optionData,
+        "global-dsv": e.globalDsv,
+        "parent-form": e.parentFormRef,
+        "disabled-mode": e.options.disabledMode,
+        "dynamic-creation": !0
+      }, null, 8, ["form-json", "form-data", "option-data", "global-dsv", "parent-form", "disabled-mode"])
+    ]),
+    _: 1
+  }, 8, ["title", "visible", "size", "modal", "direction", "show-close", "close-on-click-modal", "close-on-press-escape", "before-close", "onClose", "onOpened"]);
+}
+const v = /* @__PURE__ */ k(F, [["render", y], ["__scopeId", "data-v-de083670"]]);
+export {
+  v as default
+};

package/src/components/form-render/refMixin.js

@@ -0,0 +1,20 @@
+const s = {
+  methods: {
+    initRefList() {
+      this.subFormRowIndex === -1 || this.subFormRowIndex === void 0 ? this.refList !== null && this.widget.options.name && (this.refList[this.widget.options.name] = this) : this.refList !== null && this.widget.options.name && (this.refList[this.widget.options.name + "@row" + this.subFormRowId] = this);
+    },
+    getWidgetRef(t, e) {
+      const i = this.refList[t];
+      return !i && e && this.$message.error(this.i18nt("render.hint.refNotFound") + t), i;
+    },
+    getFormRef() {
+      return this.refList.v_form_ref;
+    },
+    getComponentByContainer(t) {
+      return t.type === "grid" ? "vf-grid-item" : t.type + "-item";
+    }
+  }
+};
+export {
+  s as default
+};

package/src/components/http-editor/index.vue.js

@@ -0,0 +1,437 @@
+import F from "./index.vue2.js";
+import { resolveComponent as u, createElementBlock as k, openBlock as _, Fragment as R, createVNode as e, withCtx as l, normalizeClass as y, createTextVNode as n, toDisplayString as c, renderList as M, createBlock as C } from "vue";
+/* empty css           */
+import E from "../../../_virtual/_plugin-vue_export-helper.js";
+function L(o, a, d, N, s, r) {
+  const i = u("a-button"), m = u("a-form-item"), v = u("a-input"), b = u("a-radio-button"), S = u("a-radio-group"), g = u("a-col"), h = u("a-row"), V = u("a-form"), D = u("a-space"), H = u("a-drawer"), w = u("a-alert"), q = u("code-editor"), P = u("a-modal"), U = u("CodeModalEditor");
+  return _(), k(R, null, [
+    e(m, {
+      label: d.label,
+      labelAlign: "left",
+      "label-width": "150px"
+    }, {
+      default: l(() => [
+        e(i, {
+          type: "info",
+          shape: "round",
+          onClick: r.addDataSource,
+          class: y(["button-text-highlight"])
+        }, {
+          default: l(() => [
+            n(c(d.buttonName || d.label), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    e(H, {
+      title: d.drawerTitle || o.i18nt("designer.setting.dataSourceSetting"),
+      visible: s.showDataSourceDialogFlag,
+      "onUpdate:visible": a[3] || (a[3] = (t) => s.showDataSourceDialogFlag = t),
+      width: 520,
+      "destroy-on-close": !0,
+      "append-to-body": !0,
+      "close-on-click-modal": !1,
+      "close-on-press-escape": !1,
+      "custom-class": "ds-setting-drawer header-small-mb"
+    }, {
+      footer: l(() => [
+        e(D, { class: "dialog-footer" }, {
+          default: l(() => [
+            e(i, {
+              type: "primary",
+              onClick: r.testDataSource
+            }, {
+              default: l(() => [
+                n(c(o.i18nt("designer.setting.testDataSource")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            e(i, {
+              onClick: a[2] || (a[2] = (t) => s.showDataSourceDialogFlag = !1)
+            }, {
+              default: l(() => [
+                n(c(o.i18nt("designer.hint.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            e(i, {
+              type: "primary",
+              onClick: r.saveDataSource
+            }, {
+              default: l(() => [
+                n(c(o.i18nt("designer.hint.confirm")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: l(() => [
+        e(V, {
+          model: d.optionModel.http,
+          rules: s.formRules,
+          ref: "dsForm",
+          "label-width": "160px",
+          labelAlign: "left",
+          class: "ds-form tpf-form"
+        }, {
+          default: l(() => [
+            e(m, {
+              label: o.i18nt("designer.setting.dsRequestURL"),
+              name: "url"
+            }, {
+              default: l(() => [
+                e(v, {
+                  value: d.optionModel.http.url,
+                  "onUpdate:value": a[0] || (a[0] = (t) => d.optionModel.http.url = t)
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            e(m, {
+              label: o.i18nt("designer.setting.dsRequestMethod"),
+              name: "method"
+            }, {
+              default: l(() => [
+                e(S, {
+                  value: d.optionModel.http.method,
+                  "onUpdate:value": a[1] || (a[1] = (t) => d.optionModel.http.method = t)
+                }, {
+                  default: l(() => [
+                    e(b, { value: "get" }, {
+                      default: l(() => [
+                        n("get")
+                      ]),
+                      _: 1
+                    }),
+                    e(b, { value: "post" }, {
+                      default: l(() => [
+                        n("post")
+                      ]),
+                      _: 1
+                    }),
+                    e(b, { value: "put" }, {
+                      default: l(() => [
+                        n("put")
+                      ]),
+                      _: 1
+                    }),
+                    e(b, { value: "delete" }, {
+                      default: l(() => [
+                        n("delete")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["value"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            e(m, {
+              label: o.i18nt("designer.setting.dsRequestParams")
+            }, {
+              default: l(() => [
+                (_(!0), k(R, null, M(s.paramsList, (t, f) => (_(), C(h, {
+                  class: "rd-row",
+                  gutter: 8,
+                  key: f
+                }, {
+                  default: l(() => [
+                    e(g, { span: 10 }, {
+                      default: l(() => [
+                        e(m, {
+                          name: "params." + f + ".name",
+                          "label-width": 0
+                        }, {
+                          default: l(() => [
+                            e(v, {
+                              value: t.name,
+                              "onUpdate:value": (p) => t.name = p,
+                              placeholder: o.i18nt("designer.setting.dsRequestNameInputPlaceholder")
+                            }, null, 8, ["value", "onUpdate:value", "placeholder"])
+                          ]),
+                          _: 2
+                        }, 1032, ["name"])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    e(g, { span: 10 }, {
+                      default: l(() => [
+                        e(m, {
+                          name: "params." + f + ".value",
+                          "label-width": 0
+                        }, {
+                          default: l(() => [
+                            e(v, {
+                              value: t.value,
+                              "onUpdate:value": (p) => t.value = p,
+                              placeholder: o.i18nt("designer.setting.dsRequestValueInputPlaceholder")
+                            }, null, 8, ["value", "onUpdate:value", "placeholder"])
+                          ]),
+                          _: 2
+                        }, 1032, ["name"])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    (_(), C(g, {
+                      span: 3,
+                      key: s.paramsList.length
+                    }, {
+                      default: l(() => [
+                        e(i, {
+                          type: "primary",
+                          onClick: (p) => r.deleteRequestParam(f)
+                        }, {
+                          default: l(() => [
+                            n(" 删除 ")
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])
+                      ]),
+                      _: 2
+                    }, 1024))
+                  ]),
+                  _: 2
+                }, 1024))), 128)),
+                e(h, null, {
+                  default: l(() => [
+                    e(g, { span: 6 }, {
+                      default: l(() => [
+                        e(i, {
+                          type: "primary",
+                          onClick: r.addRequestParam
+                        }, {
+                          default: l(() => [
+                            n(c(o.i18nt("designer.setting.addRequestParam")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            e(m, {
+              label: o.i18nt("designer.setting.dsRequestData")
+            }, {
+              default: l(() => [
+                (_(!0), k(R, null, M(s.dataList, (t, f) => (_(), C(h, {
+                  class: "rd-row",
+                  gutter: 8,
+                  key: f
+                }, {
+                  default: l(() => [
+                    e(g, { span: 10 }, {
+                      default: l(() => [
+                        e(m, {
+                          name: "data." + f + ".name",
+                          "label-width": 0
+                        }, {
+                          default: l(() => [
+                            e(v, {
+                              value: t.name,
+                              "onUpdate:value": (p) => t.name = p,
+                              placeholder: o.i18nt("designer.setting.dsRequestNameInputPlaceholder")
+                            }, null, 8, ["value", "onUpdate:value", "placeholder"])
+                          ]),
+                          _: 2
+                        }, 1032, ["name"])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    e(g, { span: 10 }, {
+                      default: l(() => [
+                        e(m, {
+                          name: "data." + f + ".value",
+                          "label-width": 0
+                        }, {
+                          default: l(() => [
+                            e(v, {
+                              value: t.value,
+                              "onUpdate:value": (p) => t.value = p,
+                              placeholder: o.i18nt("designer.setting.dsRequestValueInputPlaceholder")
+                            }, null, 8, ["value", "onUpdate:value", "placeholder"])
+                          ]),
+                          _: 2
+                        }, 1032, ["name"])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    (_(), C(g, {
+                      span: 3,
+                      key: s.dataList.length
+                    }, {
+                      default: l(() => [
+                        e(i, {
+                          type: "primary",
+                          onClick: (p) => r.deleteRequestData(f)
+                        }, {
+                          default: l(() => [
+                            n(" 删除 ")
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])
+                      ]),
+                      _: 2
+                    }, 1024))
+                  ]),
+                  _: 2
+                }, 1024))), 128)),
+                e(h, null, {
+                  default: l(() => [
+                    e(g, { span: 6 }, {
+                      default: l(() => [
+                        e(i, {
+                          type: "primary",
+                          onClick: r.addRequestData
+                        }, {
+                          default: l(() => [
+                            n(c(o.i18nt("designer.setting.addRequestData")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            e(m, { label: "请求前数据处理" }, {
+              default: l(() => [
+                e(i, {
+                  type: "info",
+                  shape: "round",
+                  onClick: r.editReqDataHandlerCode,
+                  class: y([d.optionModel.dataReqHandlerCode ? "button-text-highlight" : ""])
+                }, {
+                  default: l(() => [
+                    n(" 处理函数配置 ")
+                  ]),
+                  _: 1
+                }, 8, ["onClick", "class"])
+              ]),
+              _: 1
+            }),
+            e(m, { label: "接口响应数据处理" }, {
+              default: l(() => [
+                e(i, {
+                  type: "info",
+                  shape: "round",
+                  onClick: r.editDataHandlerCode,
+                  class: y([d.optionModel.dataHandlerCode ? "button-text-highlight" : ""])
+                }, {
+                  default: l(() => [
+                    n(" 处理函数配置 ")
+                  ]),
+                  _: 1
+                }, 8, ["onClick", "class"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model", "rules"])
+      ]),
+      _: 1
+    }, 8, ["title", "visible"]),
+    e(P, {
+      title: o.i18nt("designer.setting.testDataSource"),
+      visible: s.showTestDataSourceDialogFlag,
+      "onUpdate:visible": a[7] || (a[7] = (t) => s.showTestDataSourceDialogFlag = t),
+      "show-close": !0,
+      "custom-class": "drag-dialog small-padding-dialog",
+      "append-to-body": "",
+      "close-on-click-modal": !1,
+      "close-on-press-escape": !1,
+      width: "750px",
+      "destroy-on-close": !0
+    }, {
+      default: l(() => [
+        e(w, {
+          type: "info",
+          closable: !1,
+          message: "请求配置"
+        }),
+        e(q, {
+          mode: "json",
+          readonly: !1,
+          modelValue: s.dsvJson,
+          "onUpdate:modelValue": a[4] || (a[4] = (t) => s.dsvJson = t),
+          class: "dsv-json-editor"
+        }, null, 8, ["modelValue"]),
+        e(D, { class: "footer-button" }, {
+          default: l(() => [
+            e(i, {
+              type: "primary",
+              onClick: r.doDataSourceRequest
+            }, {
+              default: l(() => [
+                n(c(o.i18nt("designer.setting.executeDataSource")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            e(i, {
+              type: "primary",
+              plain: "",
+              onClick: r.clearRequestResult
+            }, {
+              default: l(() => [
+                n(c(o.i18nt("designer.setting.clearRequestResult")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            e(i, {
+              onClick: a[5] || (a[5] = (t) => s.showTestDataSourceDialogFlag = !1)
+            }, {
+              default: l(() => [
+                n(c(o.i18nt("designer.hint.closePreview")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        e(w, {
+          type: "info",
+          closable: !1,
+          message: o.i18nt("designer.setting.dsRequestResult")
+        }, null, 8, ["message"]),
+        e(q, {
+          mode: "json",
+          readonly: !0,
+          modelValue: s.dsResultJson,
+          "onUpdate:modelValue": a[6] || (a[6] = (t) => s.dsResultJson = t),
+          ref: "dsResultEditor"
+        }, null, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["title", "visible"]),
+    e(U, {
+      modelValue: d.optionModel.dataReqHandlerCode,
+      "onUpdate:modelValue": a[8] || (a[8] = (t) => d.optionModel.dataReqHandlerCode = t),
+      ref: "CodeReqModalEditorRef",
+      "event-header": "function(data){"
+    }, null, 8, ["modelValue", "event-header"]),
+    e(U, {
+      modelValue: d.optionModel.dataHandlerCode,
+      "onUpdate:modelValue": a[9] || (a[9] = (t) => d.optionModel.dataHandlerCode = t),
+      ref: "CodeModalEditorRef",
+      "event-header": "function(data){"
+    }, null, 8, ["modelValue", "event-header"])
+  ], 64);
+}
+const A = /* @__PURE__ */ E(F, [["render", L], ["__scopeId", "data-v-64609521"]]);
+export {
+  A as default
+};