@kp-ui/lowcode 1.0.21 → 1.0.24

package/es/components/form-designer/form-widget/index.vue.js

@@ -1,213 +0,0 @@
-import u from "../../../utils/i18n.js";
-import { resolveComponent as s, createBlock as a, openBlock as n, withCtx as d, createElementVNode as g, createVNode as m, normalizeClass as C, createElementBlock as v, createCommentVNode as D, toDisplayString as _, normalizeStyle as y, mergeProps as b, resolveDynamicComponent as f } from "vue";
-/* empty css                        */
-import w from "../../../_virtual/_plugin-vue_export-helper.js";
-/* empty css                                        */
-/* empty css                                        */
-/* empty css                                        */
-import "./container-widget/grid-col-widget.vue.js";
-import "./container-widget/grid-sub-form-widget.vue.js";
-/* empty css                                  */
-import "./container-widget/sub-form-widget.vue.js";
-import "./container-widget/tab-widget.vue.js";
-import "./container-widget/table-cell-widget.vue.js";
-/* empty css                                   */
-import "./container-widget/vf-box-item.vue.js";
-import "./container-widget/vf-box-widget.vue.js";
-import "./container-widget/vf-collapse-widget.vue2.js";
-/* empty css                                         */
-/* empty css                                         */
-import "./container-widget/vf-dialog-widget.vue.js";
-import "./container-widget/vf-drawer-widget.vue.js";
-import x from "./field-widget/index.js";
-/* empty css           */
-const F = {
-  name: "VFormWidget",
-  componentName: "VFormWidget",
-  mixins: [u],
-  components: {
-    ...x
-  },
-  props: {
-    designer: Object,
-    formConfig: Object,
-    optionData: {
-      //prop传入的选项数据
-      type: Object,
-      default: () => ({})
-    },
-    globalDsv: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  provide() {
-    return {
-      refList: this.widgetRefList,
-      getFormConfig: () => this.formConfig,
-      getGlobalDsv: () => this.globalDsv,
-      // 全局数据源变量
-      globalOptionData: this.optionData,
-      getOptionData: () => this.optionData,
-      getReadMode: () => !1,
-      globalModel: {
-        formModel: this.formModel
-      },
-      getSubFormFieldFlag: () => !1,
-      getSubFormName: () => "",
-      getDSResultCache: () => this.dsResultCache
-    };
-  },
-  inject: ["getDesignerConfig"],
-  data() {
-    return {
-      formModel: {},
-      widgetRefList: {},
-      dsResultCache: {}
-    };
-  },
-  computed: {
-    labelPosition() {
-      return this.designer.formConfig && this.designer.formConfig.labelPosition ? this.designer.formConfig.labelPosition : "horizontal";
-    },
-    size() {
-      return this.designer.formConfig && this.designer.formConfig.size ? this.designer.formConfig.size : "default";
-    },
-    customClass() {
-      return this.designer.formConfig.customClass || "";
-    },
-    layoutType() {
-      return this.designer.getLayoutType();
-    },
-    canvasMinHeight() {
-      return this.getDesignerConfig().logoHeader !== !1 ? "calc(100vh - 56px - 68px)" : "calc(100vh - 56px - 68px + 48px)";
-    }
-  },
-  watch: {
-    "designer.widgetList": {
-      deep: !0,
-      handler(e) {
-      }
-    },
-    "designer.formConfig": {
-      deep: !0,
-      handler(e) {
-      }
-    }
-  },
-  created() {
-    this.designer.initDesigner(!!this.getDesignerConfig().resetFormJson), this.designer.loadPresetCssCode(this.getDesignerConfig().presetCssCode);
-  },
-  mounted() {
-    this.disableFirefoxDefaultDrop(), this.designer.registerFormWidget(this);
-  },
-  methods: {
-    getWidgetName(e) {
-      return e.type + "-widget";
-    },
-    disableFirefoxDefaultDrop() {
-      navigator.userAgent.toLowerCase().indexOf("firefox") !== -1 && (document.body.ondrop = function(o) {
-        o.stopPropagation(), o.preventDefault();
-      });
-    },
-    onDragEnd(e) {
-    },
-    onDragAdd(e) {
-      const o = e.newIndex;
-      this.designer.widgetList[o] && this.designer.setSelected(this.designer.widgetList[o]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", null);
-    },
-    onDragUpdate() {
-      this.designer.emitHistoryChange();
-    },
-    checkMove(e) {
-      return this.designer.checkWidgetMove(e);
-    },
-    getFormData() {
-      return this.formModel;
-    },
-    getWidgetRef(e, o = !1) {
-      const i = this.widgetRefList[e];
-      return !i && o && this.$message.error(this.i18nt("designer.hint.refNotFound") + e), i;
-    },
-    getSelectedWidgetRef() {
-      const e = this.designer.selectedWidgetName;
-      return this.getWidgetRef(e);
-    },
-    clearWidgetRefList() {
-      Object.keys(this.widgetRefList).forEach((e) => {
-        delete this.widgetRefList[e];
-      });
-    }
-  }
-}, L = { class: "form-widget-container" }, z = {
-  key: 0,
-  class: "no-widget-hint"
-}, R = { class: "transition-group-el" };
-function W(e, o, i, k, M, t) {
-  const c = s("draggable"), h = s("a-form"), p = s("a-config-provider");
-  return n(), a(p, {
-    "component-size": t.size,
-    input: { autocomplete: "off" }
-  }, {
-    default: d(() => [
-      g("div", L, [
-        m(h, {
-          class: C(["full-height-width widget-form tpf-form", [t.customClass, t.layoutType + "-layout"]]),
-          layout: ["horizontal", "vertical", "inline"].includes(t.labelPosition) ? t.labelPosition : "horizontal",
-          size: t.size,
-          "validate-on-rule-change": !1
-        }, {
-          default: d(() => [
-            i.designer.widgetList.length === 0 ? (n(), v("div", z, _(e.i18nt("designer.noWidgetHint")), 1)) : D("", !0),
-            g("div", {
-              class: "form-widget-canvas",
-              style: y({ minHeight: t.canvasMinHeight })
-            }, [
-              m(c, b({
-                list: i.designer.widgetList,
-                "item-key": "id"
-              }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
-                tag: "transition-group",
-                "component-data": { name: "fade" },
-                handle: ".drag-handler",
-                onEnd: t.onDragEnd,
-                onAdd: t.onDragAdd,
-                onUpdate: t.onDragUpdate,
-                move: t.checkMove
-              }), {
-                item: d(({ element: r, index: l }) => [
-                  g("div", R, [
-                    r.category === "container" ? (n(), a(f(t.getWidgetName(r)), {
-                      widget: r,
-                      designer: i.designer,
-                      key: r.id,
-                      "parent-list": i.designer.widgetList,
-                      "index-of-parent-list": l,
-                      "parent-widget": null,
-                      "design-state": !0
-                    }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list"])) : (n(), a(f(t.getWidgetName(r)), {
-                      field: r,
-                      designer: i.designer,
-                      key: r.id,
-                      "parent-list": i.designer.widgetList,
-                      "index-of-parent-list": l,
-                      "parent-widget": null,
-                      "design-state": !0
-                    }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list"]))
-                  ])
-                ]),
-                _: 1
-              }, 16, ["list", "onEnd", "onAdd", "onUpdate", "move"])
-            ], 4)
-          ]),
-          _: 1
-        }, 8, ["layout", "class", "size"])
-      ])
-    ]),
-    _: 1
-  }, 8, ["component-size"]);
-}
-const te = /* @__PURE__ */ w(F, [["render", W], ["__scopeId", "data-v-e8409324"]]);
-export {
-  te as default
-};

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

@@ -1,121 +0,0 @@
-import E from "../../../utils/i18n.js";
-import h from "../../http-editor/index.vue.js";
-import _ from "../../code-editor/index.vue.js";
-import { resolveComponent as r, createElementBlock as C, openBlock as F, createVNode as t, createCommentVNode as b, withCtx as i, createElementVNode as H, createTextVNode as f, toDisplayString as c } from "vue";
-import y from "../../../_virtual/_plugin-vue_export-helper.js";
-const w = {
-  name: "form-crud-setting",
-  mixins: [E],
-  inject: ["getGlobalDsv"],
-  components: { HttpEditor: h, CodeEditor: _ },
-  props: {
-    designer: Object,
-    formConfig: Object
-  },
-  data() {
-    return {
-      curEventName: "",
-      formEventHandlerCode: "",
-      showFormEventDialogFlag: !1,
-      eventParamsMap: {}
-    };
-  },
-  methods: {
-    saveFormEventHandler() {
-      const e = this.$refs.ecEditor.getEditorAnnotations();
-      let o = !1;
-      if (e && e.length > 0 && (e.forEach((l) => {
-        l.type === "error" && (o = !0);
-      }), o)) {
-        this.$message.error(this.i18nt("designer.setting.syntaxCheckWarning"));
-        return;
-      }
-      this.formConfig[this.curEventName] = this.formEventHandlerCode, this.showFormEventDialogFlag = !1;
-    },
-    editFormEventHandler(e) {
-      this.curEventName = e, this.formEventHandlerCode = this.formConfig[e], this.showFormEventDialogFlag = !0;
-    },
-    getFormEventHandled(e) {
-      return !!this.formConfig[e] && this.formConfig[e].length > 0;
-    }
-  }
-}, D = { class: "t-p-[10px]" }, N = { class: "dialog-footer" };
-function k(e, o, l, V, n, p) {
-  const a = r("HttpEditor"), g = r("a-form-item"), m = r("a-button"), d = r("a-alert"), v = r("code-editor"), u = r("a-modal");
-  return F(), C("div", D, [
-    t(g, null, {
-      default: i(() => [
-        t(a, {
-          label: "设置表单编辑api",
-          buttonName: "编辑",
-          drawerTitle: "表单配置",
-          optionModel: l.formConfig.serveList.vformUpdate
-        }, null, 8, ["optionModel"]),
-        t(a, {
-          label: "设置表单获取详情api",
-          buttonName: "编辑",
-          drawerTitle: "表单配置",
-          optionModel: l.formConfig.serveList.vformDetail
-        }, null, 8, ["optionModel"])
-      ]),
-      _: 1
-    }),
-    b("", !0),
-    t(u, {
-      title: e.i18nt("designer.setting.editFormEventHandler"),
-      visible: n.showFormEventDialogFlag,
-      "onUpdate:visible": o[2] || (o[2] = (s) => n.showFormEventDialogFlag = s),
-      "show-close": !0,
-      "append-to-body": "",
-      "close-on-click-modal": !1,
-      "close-on-press-escape": !1,
-      "destroy-on-close": !0
-    }, {
-      footer: i(() => [
-        H("div", N, [
-          t(m, {
-            onClick: o[1] || (o[1] = (s) => n.showFormEventDialogFlag = !1)
-          }, {
-            default: i(() => [
-              f(c(e.i18nt("designer.hint.cancel")), 1)
-            ]),
-            _: 1
-          }),
-          t(m, {
-            type: "primary",
-            onClick: p.saveFormEventHandler
-          }, {
-            default: i(() => [
-              f(c(e.i18nt("designer.hint.confirm")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"])
-        ])
-      ]),
-      default: i(() => [
-        t(d, {
-          type: "info",
-          closable: !1,
-          message: "form." + n.eventParamsMap[n.curEventName]
-        }, null, 8, ["message"]),
-        t(v, {
-          mode: "javascript",
-          readonly: !1,
-          modelValue: n.formEventHandlerCode,
-          "onUpdate:modelValue": o[0] || (o[0] = (s) => n.formEventHandlerCode = s),
-          ref: "ecEditor"
-        }, null, 8, ["modelValue"]),
-        t(d, {
-          type: "info",
-          closable: !1,
-          message: "}"
-        })
-      ]),
-      _: 1
-    }, 8, ["title", "visible"])
-  ]);
-}
-const B = /* @__PURE__ */ y(w, [["render", k]]);
-export {
-  B as default
-};