@kp-ui/lowcode 2.13.1 → 2.14.0-alpha

package/src/components/form-designer/widget-panel/containers/vf-collapse.js

@@ -0,0 +1,26 @@
+import { getUuidKey as t } from "@kp-ui/tool";
+const i = (e = {}) => ({
+  key: t(),
+  type: "vf-collapse",
+  category: "container",
+  icon: "zhediemianban",
+  widgetList: [],
+  headerRightSlotList: [],
+  defaultSlotsList: [],
+  cols: [],
+  options: {
+    name: "",
+    title: "标题",
+    height: "",
+    bodyStyle: "",
+    //   formCode: '',
+    collapseIcon: "xiangshang",
+    unCollapseIcon: "xiangxia",
+    isCollapse: !1,
+    rightSlotCss: [],
+    ...e
+  }
+});
+export {
+  i as vfCollapse
+};

package/src/components/form-designer/widget-panel/containers/vf-dialog.js

@@ -0,0 +1,33 @@
+import { getUuidKey as o } from "@kp-ui/tool";
+const l = (e = {}) => ({
+  key: o(),
+  type: "vf-dialog",
+  category: "container",
+  icon: "vf-dialog",
+  widgetList: [],
+  options: {
+    name: "",
+    title: "标题",
+    width: "50%",
+    height: "600px",
+    bodyStyle: "",
+    formCode: "",
+    showClose: !0,
+    closeOnClickModal: !1,
+    closeOnPressEscape: !1,
+    readMode: !1,
+    disabledMode: !1,
+    okButtonLabel: "",
+    okButtonHidden: !1,
+    cancelButtonLabel: "",
+    cancelButtonHidden: !1,
+    onOkButtonClick: "",
+    onCancelButtonClick: "",
+    onDialogOpened: "",
+    onDialogBeforeClose: "",
+    ...e
+  }
+});
+export {
+  l as vfDialog
+};

package/src/components/form-designer/widget-panel/index.vue.js

@@ -0,0 +1,341 @@
+import _ from "../../svg-icon/index.vue.js";
+import w from "../../../lib/vuedraggable/src/vuedraggable.js";
+import { containers as C, basicFields as T, advancedFields as D, customFields as N, businessFields as L } from "./widgetsConfig.js";
+import { formTemplates as B } from "./templatesConfig.js";
+import { generateId as c, addWindowResizeHandler as W } from "../../../utils/util.js";
+import x from "../../../utils/i18n.js";
+import H from "axios";
+import { TpfConfirm as M } from "../../../hooks/TpfConfirm.js";
+import { resolveComponent as r, createElementBlock as $, openBlock as F, createElementVNode as a, createVNode as t, withCtx as l, createCommentVNode as b, createBlock as E, createTextVNode as m, toDisplayString as g } from "vue";
+/* empty css           */
+import K from "../../../../_virtual/_plugin-vue_export-helper.js";
+const j = {
+  name: "FieldPanel",
+  mixins: [x],
+  components: { SvgIcon: _, Draggable: w },
+  props: {
+    designer: Object
+  },
+  inject: ["getBannedWidgets", "getDesignerConfig"],
+  data() {
+    return {
+      designerConfig: this.getDesignerConfig(),
+      firstTab: "componentLib",
+      scrollerHeight: 0,
+      activeNames: [
+        "containerTitle",
+        "basicFieldTitle",
+        "advancedFieldTitle",
+        "yyzj",
+        "customFieldTitle"
+      ],
+      containers: [],
+      basicFields: [],
+      advancedFields: [],
+      customFields: [],
+      businessFields: [],
+      formTemplates: B,
+      ftImages: []
+    };
+  },
+  computed: {
+    //
+  },
+  created() {
+    this.loadWidgets();
+  },
+  mounted() {
+    this.scrollerHeight = window.innerHeight - 56 + "px", W(() => {
+      this.$nextTick(() => {
+        this.scrollerHeight = window.innerHeight - 56 + "px";
+      });
+    });
+  },
+  methods: {
+    isBanned(e) {
+      return this.getBannedWidgets().indexOf(e) > -1;
+    },
+    showFormTemplates() {
+      return this.designerConfig.formTemplates === void 0 ? !0 : !!this.designerConfig.formTemplates;
+    },
+    loadWidgets() {
+      this.containers = C.map((e) => ({
+        key: c(),
+        ...e,
+        displayName: this.i18n2t(
+          `designer.widgetLabel.${e.type}`,
+          `extension.widgetLabel.${e.type}`
+        )
+      })).filter((e) => !e.internal && !this.isBanned(e.type)), this.basicFields = T.map((e) => ({
+        key: c(),
+        ...e,
+        displayName: this.i18n2t(
+          `designer.widgetLabel.${e.type}`,
+          `extension.widgetLabel.${e.type}`
+        )
+      })).filter((e) => !this.isBanned(e.type)), this.advancedFields = D.map((e) => ({
+        key: c(),
+        ...e,
+        displayName: this.i18n2t(
+          `designer.widgetLabel.${e.type}`,
+          `extension.widgetLabel.${e.type}`
+        )
+      })).filter((e) => !this.isBanned(e.type)), this.customFields = N.map((e) => ({
+        key: c(),
+        ...e,
+        displayName: this.i18n2t(
+          `designer.widgetLabel.${e.type}`,
+          `extension.widgetLabel.${e.type}`
+        )
+      })).filter((e) => !this.isBanned(e.type)), this.businessFields = L.map((e) => ({
+        key: c(),
+        ...e,
+        displayName: this.i18n2t(
+          `designer.widgetLabel.${e.type}`,
+          `extension.widgetLabel.${e.type}`
+        )
+      })).filter((e) => !this.isBanned(e.type));
+    },
+    handleContainerWidgetClone(e) {
+      return this.designer.copyNewContainerWidget(e);
+    },
+    handleFieldWidgetClone(e) {
+      return this.designer.copyNewFieldWidget(e);
+    },
+    /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */
+    checkContainerMove(e) {
+      return this.designer.checkWidgetMove(e);
+    },
+    /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */
+    checkFieldMove(e) {
+      return this.designer.checkFieldMove(e);
+    },
+    onContainerDragEnd(e) {
+    },
+    addContainerByDbClick(e) {
+      this.designer.addContainerByDbClick(e);
+    },
+    addFieldByDbClick(e) {
+      this.designer.addFieldByDbClick(e);
+    },
+    loadFormTemplate(e) {
+      M({
+        type: "confirm",
+        content: this.i18nt("designer.setting.loadFormTemplateHint"),
+        title: this.i18nt("render.hint.prompt"),
+        okText: this.i18nt("render.hint.confirm"),
+        cancelText: this.i18nt("render.hint.cancel")
+      }).then(() => {
+        H.get(e).then((n) => {
+          let p = !1;
+          typeof n.data == "string" ? p = this.designer.loadFormJson(JSON.parse(n.data)) : n.data.constructor === Object && (p = this.designer.loadFormJson(n.data)), p && this.designer.emitHistoryChange(), this.$message.success(
+            this.i18nt("designer.hint.loadFormTemplateSuccess")
+          );
+        }).catch((n) => {
+          this.$message.error(
+            this.i18nt("designer.hint.loadFormTemplateFailed") + ":" + n
+          );
+        });
+      }).catch((n) => {
+        console.error(n);
+      });
+    }
+  }
+}, G = { class: "side-scroll-bar" }, I = { class: "panel-container" }, O = ["title", "onDblclick"], S = ["title", "onDblclick"], V = ["title", "onDblclick"], J = ["title", "onDblclick"];
+function z(e, n, p, P, o, s) {
+  const d = r("svg-icon"), h = r("draggable"), u = r("a-collapse-panel"), v = r("a-collapse"), k = r("a-tab-pane");
+  r("a-popover"), r("a-button"), r("a-card");
+  const f = r("a-tabs");
+  return F(), $("div", G, [
+    a("div", I, [
+      t(f, {
+        activeKey: o.firstTab,
+        "onUpdate:activeKey": n[1] || (n[1] = (i) => o.firstTab = i),
+        class: "no-bottom-margin indent-left-margin"
+      }, {
+        default: l(() => [
+          t(k, { key: "componentLib" }, {
+            tab: l(() => [
+              a("span", null, [
+                t(d, { "icon-class": "el-set-up" }),
+                m(" " + g(e.i18nt("designer.componentLib")), 1)
+              ])
+            ]),
+            default: l(() => [
+              t(v, {
+                activeKey: o.activeNames,
+                "onUpdate:activeKey": n[0] || (n[0] = (i) => o.activeNames = i),
+                class: "widget-collapse"
+              }, {
+                default: l(() => [
+                  t(u, {
+                    key: "containerTitle",
+                    header: e.i18nt("designer.containerTitle")
+                  }, {
+                    default: l(() => [
+                      t(h, {
+                        tag: "ul",
+                        list: o.containers,
+                        "item-key": "key",
+                        group: { name: "dragGroup", pull: "clone", put: !1 },
+                        clone: s.handleContainerWidgetClone,
+                        "ghost-class": "ghost",
+                        sort: !1,
+                        move: s.checkContainerMove,
+                        onEnd: s.onContainerDragEnd
+                      }, {
+                        item: l(({ element: i }) => [
+                          a("li", {
+                            class: "container-widget-item",
+                            title: i.displayName,
+                            onDblclick: (y) => s.addContainerByDbClick(i)
+                          }, [
+                            a("span", null, [
+                              t(d, {
+                                "icon-class": i.icon,
+                                "class-name": "color-svg-icon"
+                              }, null, 8, ["icon-class"]),
+                              m(" " + g(i.showName || e.i18n2t(
+                                `designer.widgetLabel.${i.type}`,
+                                `extension.widgetLabel.${i.type}`
+                              )), 1)
+                            ])
+                          ], 40, O)
+                        ]),
+                        _: 1
+                      }, 8, ["list", "clone", "move", "onEnd"])
+                    ]),
+                    _: 1
+                  }, 8, ["header"]),
+                  t(u, {
+                    key: "basicFieldTitle",
+                    header: e.i18nt("designer.basicFieldTitle")
+                  }, {
+                    default: l(() => [
+                      t(h, {
+                        tag: "ul",
+                        list: o.basicFields,
+                        "item-key": "key",
+                        group: { name: "dragGroup", pull: "clone", put: !1 },
+                        move: s.checkFieldMove,
+                        clone: s.handleFieldWidgetClone,
+                        "ghost-class": "ghost",
+                        sort: !1
+                      }, {
+                        item: l(({ element: i }) => [
+                          a("li", {
+                            class: "field-widget-item",
+                            title: i.displayName,
+                            onDblclick: (y) => s.addFieldByDbClick(i)
+                          }, [
+                            a("span", null, [
+                              t(d, {
+                                "icon-class": i.icon,
+                                "class-name": "color-svg-icon"
+                              }, null, 8, ["icon-class"]),
+                              m(" " + g(i.showName || e.i18n2t(
+                                `designer.widgetLabel.${i.type}`,
+                                `extension.widgetLabel.${i.type}`
+                              )), 1)
+                            ])
+                          ], 40, S)
+                        ]),
+                        _: 1
+                      }, 8, ["list", "move", "clone"])
+                    ]),
+                    _: 1
+                  }, 8, ["header"]),
+                  t(u, {
+                    key: "advancedFieldTitle",
+                    header: e.i18nt("designer.advancedFieldTitle")
+                  }, {
+                    default: l(() => [
+                      t(h, {
+                        tag: "ul",
+                        list: o.advancedFields,
+                        "item-key": "key",
+                        group: { name: "dragGroup", pull: "clone", put: !1 },
+                        move: s.checkFieldMove,
+                        clone: s.handleFieldWidgetClone,
+                        "ghost-class": "ghost",
+                        sort: !1
+                      }, {
+                        item: l(({ element: i }) => [
+                          a("li", {
+                            class: "field-widget-item",
+                            title: i.displayName,
+                            onDblclick: (y) => s.addFieldByDbClick(i)
+                          }, [
+                            a("span", null, [
+                              t(d, {
+                                "icon-class": i.icon,
+                                "class-name": "color-svg-icon"
+                              }, null, 8, ["icon-class"]),
+                              m(" " + g(i.showName || e.i18n2t(
+                                `designer.widgetLabel.${i.type}`,
+                                `extension.widgetLabel.${i.type}`
+                              )), 1)
+                            ])
+                          ], 40, V)
+                        ]),
+                        _: 1
+                      }, 8, ["list", "move", "clone"])
+                    ]),
+                    _: 1
+                  }, 8, ["header"]),
+                  b("", !0),
+                  o.customFields.length ? (F(), E(u, {
+                    key: "customFieldTitle",
+                    header: e.i18nt("designer.customFieldTitle")
+                  }, {
+                    default: l(() => [
+                      t(h, {
+                        tag: "ul",
+                        list: o.customFields,
+                        "item-key": "key",
+                        group: { name: "dragGroup", pull: "clone", put: !1 },
+                        move: s.checkFieldMove,
+                        clone: s.handleFieldWidgetClone,
+                        "ghost-class": "ghost",
+                        sort: !1
+                      }, {
+                        item: l(({ element: i }) => [
+                          a("li", {
+                            class: "field-widget-item",
+                            title: i.displayName,
+                            onDblclick: (y) => s.addFieldByDbClick(i)
+                          }, [
+                            a("span", null, [
+                              t(d, {
+                                "icon-class": i.icon,
+                                "class-name": "color-svg-icon"
+                              }, null, 8, ["icon-class"]),
+                              m(" " + g(e.i18n2t(
+                                `designer.widgetLabel.${i.type}`,
+                                `extension.widgetLabel.${i.type}`
+                              )), 1)
+                            ])
+                          ], 40, J)
+                        ]),
+                        _: 1
+                      }, 8, ["list", "move", "clone"])
+                    ]),
+                    _: 1
+                  }, 8, ["header"])) : b("", !0)
+                ]),
+                _: 1
+              }, 8, ["activeKey"])
+            ]),
+            _: 1
+          }),
+          b("", !0)
+        ]),
+        _: 1
+      }, 8, ["activeKey"])
+    ])
+  ]);
+}
+const ne = /* @__PURE__ */ K(j, [["render", z], ["__scopeId", "data-v-86d2fd5e"]]);
+export {
+  ne as default
+};

package/src/components/form-designer/widget-panel/templatesConfig.js

@@ -0,0 +1,53 @@
+const s = [
+  {
+    title: "单列表单",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t1.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json1.txt",
+    description: "表单模板详细说明..."
+  },
+  {
+    title: "多列表单",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t2.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json2.txt",
+    description: "表单模板详细说明..."
+  },
+  {
+    title: "分组表单",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t3.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json3.txt",
+    description: "表单模板详细说明..."
+  },
+  {
+    title: "标签页表单",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t4.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json4.txt",
+    description: "表单模板详细说明..."
+  },
+  {
+    title: "主从表单",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t5.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json5.txt",
+    description: "表单模板详细说明..."
+  },
+  {
+    title: "响应式表单",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t6.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json6.txt",
+    description: "表单模板详细说明..."
+  },
+  {
+    title: "问卷调查表",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t7.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json7.txt",
+    description: "表单模板详细说明..."
+  },
+  {
+    title: "固定表格表单",
+    imgUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t8.png",
+    jsonUrl: "https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/json8.txt",
+    description: "表单模板详细说明..."
+  }
+];
+export {
+  s as formTemplates
+};

package/src/components/form-designer/widget-panel/widgetsConfig.js

@@ -0,0 +1,28 @@
+import { basicFieldsEnums as e } from "./basicFieldsEnums.js";
+import * as a from "./business/index.js";
+import * as d from "./containers/index.js";
+import { advancedFieldsEnums as i } from "./advancedFieldsEnums.js";
+const c = Object.values(d).map((s) => s()), n = Object.values(e).map((s) => s()), p = Object.values(a).map((s) => s()), t = Object.values(i).map((s) => s()), o = [];
+function l(s) {
+  c.push(s);
+}
+function r(s) {
+  n.push(s);
+}
+function f(s) {
+  t.push(s);
+}
+function h(s) {
+  o.push(s);
+}
+export {
+  f as addAdvancedFieldSchema,
+  r as addBasicFieldSchema,
+  l as addContainerWidgetSchema,
+  h as addCustomWidgetSchema,
+  t as advancedFields,
+  n as basicFields,
+  p as businessFields,
+  c as containers,
+  o as customFields
+};

package/src/components/form-render/SubmitButtonRender.vue.js

@@ -0,0 +1,85 @@
+import { defineComponent as S, ref as m, computed as a, resolveComponent as B, createBlock as u, openBlock as r, withCtx as s, createCommentVNode as k, createTextVNode as v, toDisplayString as C } from "vue";
+import { useI18n as L } from "../../utils/i18n.js";
+const W = /* @__PURE__ */ S({
+  __name: "SubmitButtonRender",
+  props: {
+    goBack: { type: Function },
+    deleteWrapperNode: { type: Function },
+    handleBeforeClose: { type: Function },
+    options: {},
+    ctx: {}
+  },
+  emits: ["update:dialogVisible"],
+  setup(g, { emit: _ }) {
+    const e = g, y = _, l = m(!1), c = m(!1), { i18nt: d } = L(), i = a(() => (e == null ? void 0 : e.options) ?? {}), h = a(() => i.value.cancelButtonHidden != null ? i.value.cancelButtonHidden === 0 : 0), b = a(() => i.value.okButtonHidden != null ? i.value.okButtonHidden === 0 : 0), x = a(
+      () => {
+        var t;
+        return ((t = e.options) == null ? void 0 : t.cancelButtonLabel) || d("designer.hint.cancel");
+      }
+    ), w = a(
+      () => {
+        var t;
+        return ((t = e.options) == null ? void 0 : t.okButtonLabel) || d("designer.hint.confirm");
+      }
+    ), f = async (t, n) => n ? (console.log("functionBody", n), await new Function(n).call(t)) : !0, p = () => {
+      y("update:dialogVisible", !1), e.deleteWrapperNode && setTimeout(e.deleteWrapperNode, 150);
+    }, F = async () => {
+      var t, n;
+      if (!c.value)
+        try {
+          if (c.value = !0, e.handleBeforeClose && !((t = e == null ? void 0 : e.handleBeforeClose) != null && t.call(e)) || await f(
+            e.ctx,
+            (n = e.options) == null ? void 0 : n.onCancelButtonClick
+          ) === !1) return;
+          e.goBack ? e.goBack() : p();
+        } catch (o) {
+          console.error("取消操作失败:", o);
+        } finally {
+          c.value = !1;
+        }
+    }, H = async () => {
+      var t;
+      if (!l.value)
+        try {
+          if (l.value = !0, await f(e.ctx, (t = e.options) == null ? void 0 : t.onOkButtonClick) === !1) return;
+          p();
+        } catch (n) {
+          console.error("提交操作失败:", n);
+        } finally {
+          l.value = !1;
+        }
+    };
+    return (t, n) => {
+      const o = B("a-button"), N = B("a-space");
+      return r(), u(N, { x: 8 }, {
+        default: s(() => [
+          h.value ? (r(), u(o, {
+            key: "cancelButtonHidden",
+            loading: c.value,
+            onClick: F
+          }, {
+            default: s(() => [
+              v(C(x.value), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : k("", !0),
+          b.value ? (r(), u(o, {
+            type: "primary",
+            key: "okButtonHidden",
+            loading: l.value,
+            onClick: H
+          }, {
+            default: s(() => [
+              v(C(w.value), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : k("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  W as default
+};

package/src/components/form-render/SubmitButtonRender.vue2.js

@@ -0,0 +1,4 @@
+import f from "./SubmitButtonRender.vue.js";
+export {
+  f as default
+};

package/src/components/form-render/container-item/container-item-wrapper.vue.js

@@ -0,0 +1,25 @@
+import { createElementBlock as s, openBlock as o, normalizeStyle as r, normalizeClass as n, renderSlot as a } from "vue";
+import c from "../../../../_virtual/_plugin-vue_export-helper.js";
+const i = {
+  name: "container-item-wrapper",
+  props: {
+    widget: Object
+  },
+  computed: {
+    customClass() {
+      return this.widget.options.customClass ? this.widget.options.customClass.join(" ") : "";
+    }
+  }
+};
+function p(t, l, m, d, u, e) {
+  return o(), s("div", {
+    class: n(["container-wrapper", [e.customClass]]),
+    style: r(t.$attrs.containerStyle)
+  }, [
+    a(t.$slots, "default")
+  ], 6);
+}
+const _ = /* @__PURE__ */ c(i, [["render", p]]);
+export {
+  _ as default
+};