slw 1.0.0-beta.8 → 1.0.0-rc.1

package/lib/index-BG25pSOU.js

@@ -1,1090 +0,0 @@
-import { resolveComponent as l, openBlock as s, createElementBlock as u, createBlock as m, normalizeClass as E, normalizeStyle as B, withModifiers as R, withCtx as o, renderSlot as F, createElementVNode as p, createCommentVNode as h, Fragment as M, createVNode as a, mergeProps as k, renderList as Y, toDisplayString as A, resolveDynamicComponent as L, defineAsyncComponent as U, computed as j, unref as D, withDirectives as X, vShow as J } from "vue";
-import { _ as x, d as S, a as N, u as z } from "./index-CdZCmbPc.js";
-const I = {
-  computed: {},
-  methods: {
-    // 选中组件
-    selectField(t) {
-      t.itemRender && t.itemRender.children || t.buttonRender && t.buttonRender.name == "toolBarTitle" || this.designer.setSelected(t);
-    },
-    // 选中容器
-    selectWidget(t) {
-      this.designer.setSelected(t);
-    },
-    // 选中父组件
-    selectParentWidget() {
-      this.designer.setSelected(this.designer.selectedWidgetParent);
-    },
-    // 删除
-    removeFieldWidget() {
-      const t = this.designer.selectedWidget.id;
-      this.$nextTick(() => {
-        let e = this.parentWidget.findIndex((i) => i.id === t);
-        e >= 0 && (this.parentWidget.splice(e, 1), this.designer.selectedConfigType ? delete this.designer.designerConfig[this.rootWidgetId][this.designer.selectedConfigType][t] : (delete this.designer.designerConfig[t], delete this.designer.designerConfig[t + "LAYOUT"]), this.designer.clearSelected());
-      });
-    },
-    // 匹配新加组件类型，生成对应类型配置
-    switchFieldType(t, e) {
-      switch (t.type) {
-        case "ElSelect":
-          e.itemRender.attrs.style = "min-width: 120px;max-width:100%", e.itemRender.props.filterable = !0, t.options.multiple && (e.itemRender.props.multiple = !0, e.itemRender.props["collapse-tags"] = !0, e.itemRender.props["collapse-tags-tooltip"] = !0), t.options && t.options.optionItems && (e.itemRender.options = t.options.optionItems.map((i) => Object.assign(
-            {
-              value: i.value,
-              label: i.label
-            },
-            i
-          )));
-          break;
-        case "ElSwitch":
-          break;
-        case "ElInputNumber":
-          e.itemRender.props.type = "number";
-          break;
-        case "ElDatePicker":
-          e.itemRender.attrs.style = "width: 100%;", t.options.type == "date" ? e.itemRender.props = {
-            ...e.itemRender.props,
-            type: "date",
-            valueFormat: "YYYY-MM-DD"
-          } : e.itemRender.props = {
-            ...e.itemRender.props,
-            type: "daterange",
-            valueFormat: "YYYY-MM-DD",
-            isRange: !0
-          };
-          break;
-        case "ElTimePicker":
-          e.itemRender.attrs.style = "width: 100%;", t.options.type == "time" ? e.itemRender.props = {
-            ...e.itemRender.props,
-            type: "datetime",
-            valueFormat: "YYYY-MM-DD HH:mm:ss"
-          } : e.itemRender.props = {
-            ...e.itemRender.props,
-            type: "datetimerange",
-            valueFormat: "YYYY-MM-DD HH:mm:ss",
-            isRange: !0
-          };
-          break;
-        case "ElInput":
-          e.itemRender.props.type = t.options.type;
-          break;
-      }
-      return e;
-    },
-    // 表格工具栏新增组件事件
-    onDragToolbarAdd(t) {
-      let e = t.item._underlying_vm_;
-      if (e.type != "ElButton" || e.code) {
-        for (let d in this.designer.designerConfig)
-          this.designer.designerConfig[d].btnConfig && this.designer.designerConfig[d].btnConfig[e.id] && d != this.widget.id && (this.designer.designerConfig[this.widget.id].btnConfig[e.id] = deepClone(
-            this.designer.designerConfig[d].btnConfig[e.id]
-          ), delete this.designer.designerConfig[d].btnConfig[e.id]);
-        this.designer.emitHistoryChange();
-        return;
-      }
-      let i;
-      this.toolbarConfig.forEach((d, n) => {
-        d.id == e.id && (i = n);
-      });
-      let g = {
-        type: "NEW",
-        code: "NEW",
-        name: "新增",
-        iconComponent: "Add",
-        viewType: "primary",
-        visible: !0,
-        icon: null,
-        id: e.id,
-        _button_id: null,
-        _region_id: null,
-        clickFunction: null,
-        displayLogic: null,
-        showInGrid: null,
-        requestPath: null,
-        windowId: null,
-        css: "",
-        openWidth: null,
-        openHeight: null,
-        loading: !1,
-        btnLoad: {},
-        // 在表格中的按钮是否显示加载状态的双向绑定对象
-        btnShowInGrid: {},
-        // 在表格中的按钮是否显示的双向绑定对象
-        btnShow: {},
-        // 按钮在工具栏的显示状态
-        isNew: !0
-        // 所有新加组件都新增一个isNew字段，用来与原有组件作区分，判断是否为新增组件
-      };
-      this.toolbarConfig.splice(i, 1, g), this.designer.newWidgetInitConfig(this.widget.gridData.id, "btnConfig", g), this.designer.emitHistoryChange();
-    },
-    // 新增表单项配置
-    addFormItemConfig(t) {
-      return {
-        field: t.field,
-        // 新增组件时如果未进行配置选择引用字段
-        folding: !1,
-        // 默认收起
-        id: t.id,
-        itemRender: {
-          name: t.type,
-          props: {
-            placeholder: "请输入",
-            size: "default",
-            clearable: !0,
-            filterable: !0
-          },
-          defaultValue: "",
-          events: {
-            "on-change": function() {
-            },
-            change: function() {
-            }
-          },
-          attrs: {}
-        },
-        name: t.name,
-        title: t.name,
-        visible: !0,
-        displayForm: !0,
-        // 新增到表单的基础组件都添加 displayForm 属性 用来与表格里的表单组件作区分
-        isNew: !0
-        // 所有新加组件都新增一个isNew字段，用来与原有组件作区分，判断是否为新增组件
-      };
-    }
-  }
-}, K = {
-  name: "container-wrapper",
-  mixins: [I],
-  components: {},
-  props: {
-    widget: Object,
-    designer: Object,
-    parentWidget: Array,
-    // 删除函数调用
-    height: [String, Number]
-  },
-  computed: {
-    // 点击选中组件
-    selected() {
-      return (t) => t.mode != null && t.gridData ? t.id + "LAYOUT" === this.designer.selectedId : t.id === this.designer.selectedId;
-    },
-    // 如果是表格或表单，则隐藏删除与拖拽按钮 只允许通过其外层的布局组件删除和拖拽
-    isHide() {
-      return (t, e) => {
-        if (e == "back" && t.mode == null)
-          return !0;
-        if (e == "delete" || e == "drag")
-          return t.mode != null;
-      };
-    }
-  }
-}, Q = { class: "container-wrapper" }, Z = {
-  key: 0,
-  class: "container-action"
-}, $ = {
-  key: 1,
-  class: "drag-handler"
-};
-function ee(t, e, i, g, d, n) {
-  const c = l("el-row");
-  return s(), u("div", Q, [
-    (s(), m(c, {
-      key: i.widget.id,
-      class: E(["vxe-grid-container", [n.selected(i.widget) ? "selected" : ""]]),
-      style: B({ height: i.height + "px", overflow: "auto" }),
-      onClick: e[0] || (e[0] = R((w) => t.selectWidget(i.widget), ["stop"]))
-    }, {
-      default: o(() => [
-        F(t.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["class", "style"])),
-    n.selected(i.widget) ? (s(), u("div", Z, [
-      n.isHide(i.widget, "back") ? (s(), u("i", {
-        key: 0,
-        title: "选中布局",
-        onClick: e[1] || (e[1] = R((w) => t.selectParentWidget(i.widget), ["stop"]))
-      }, e[3] || (e[3] = [
-        p("i", { class: "iconfont icon-back" }, null, -1)
-      ]))) : h("", !0),
-      n.isHide(i.widget, "delete") ? (s(), u("i", {
-        key: 1,
-        title: "移除组件",
-        onClick: e[2] || (e[2] = R((...w) => t.removeFieldWidget && t.removeFieldWidget(...w), ["stop"]))
-      }, e[4] || (e[4] = [
-        p("i", { class: "iconfont icon-delete" }, null, -1)
-      ]))) : h("", !0)
-    ])) : h("", !0),
-    n.selected(i.widget) && n.isHide(i.widget, "drag") ? (s(), u("div", $, e[5] || (e[5] = [
-      p("i", { title: "拖拽手柄" }, [
-        p("i", { class: "iconfont icon-drag" })
-      ], -1)
-    ]))) : h("", !0)
-  ]);
-}
-const O = /* @__PURE__ */ x(K, [["render", ee], ["__scopeId", "data-v-a5ec9eee"]]), te = {
-  name: "static-content-wrapper",
-  mixins: [I],
-  components: {},
-  props: {
-    field: Object,
-    designer: Object,
-    parentWidget: Array,
-    // 删除函数调用
-    rootWidgetId: String,
-    // 删除函数调用
-    width: {
-      type: String
-    }
-  },
-  computed: {
-    selected() {
-      return !!this.designer && this.field.id === this.designer.selectedId;
-    },
-    isHide() {
-      return () => this.field.displayForm == null ? !this.field.visible : !this.field.displayForm;
-    }
-  },
-  watch: {
-    field: {
-      deep: !0,
-      immediate: !0,
-      handler(t) {
-      }
-    }
-  },
-  methods: {}
-}, ie = {
-  key: 0,
-  class: "field-action"
-}, ne = {
-  key: 1,
-  class: "drag-handler background-opacity"
-}, de = {
-  key: 0,
-  title: "隐藏"
-};
-function re(t, e, i, g, d, n) {
-  return s(), u("div", {
-    class: "field-wrapper",
-    style: B({ "flex-basis": i.width })
-  }, [
-    p("div", {
-      class: E(["static-content-item", [n.selected ? "selected" : ""]]),
-      onClick: e[0] || (e[0] = R((c) => t.selectField(i.field), ["stop"]))
-    }, [
-      F(t.$slots, "default", {}, void 0, !0)
-    ], 2),
-    this.designer ? (s(), u(M, { key: 0 }, [
-      i.designer.selectedId === i.field.id ? (s(), u("div", ie, [
-        p("i", {
-          title: "移除组件",
-          onClick: e[1] || (e[1] = R((...c) => t.removeFieldWidget && t.removeFieldWidget(...c), ["stop"]))
-        }, e[2] || (e[2] = [
-          p("i", { class: "iconfont icon-delete" }, null, -1)
-        ]))
-      ])) : h("", !0),
-      i.designer.selectedId === i.field.id ? (s(), u("div", ne, [
-        e[4] || (e[4] = p("i", { title: "拖拽手柄" }, [
-          p("i", { class: "iconfont icon-drag" })
-        ], -1)),
-        n.isHide() ? (s(), u("i", de, e[3] || (e[3] = [
-          p("i", { class: "iconfont icon-hide" }, null, -1)
-        ]))) : h("", !0)
-      ])) : h("", !0)
-    ], 64)) : h("", !0)
-  ], 4);
-}
-const V = /* @__PURE__ */ x(te, [["render", re], ["__scopeId", "data-v-6617c757"]]), oe = {
-  name: "grid-widget",
-  componentName: "ContainerWidget",
-  mixins: [I],
-  inject: [],
-  components: {
-    ContainerWrapper: O,
-    StaticContentWrapper: V,
-    draggable: S
-  },
-  props: {
-    widget: Object,
-    designer: Object,
-    parentWidget: Array
-    // 删除组件时调用
-  },
-  data() {
-    return {
-      formBtnConfig: [],
-      toolbarConfig: [],
-      showButtons: []
-    };
-  },
-  computed: {
-    // toolbar buttons按钮配置
-    btnRender() {
-      return (t) => ({
-        name: "ElButton",
-        props: {
-          autoInsertSpace: !0,
-          // 自动在两个中文字符之间插入空格
-          content: t.name,
-          icon: t.iconComponent,
-          nativeType: "submit",
-          size: "default",
-          type: t.viewType
-        }
-      });
-    },
-    // 按钮绑定属性
-    operationButton(t) {
-      return (e) => ({
-        size: "small",
-        type: e.viewType,
-        // style: { ...btnItem.css, marginLeft: "0px" }, // 如果btnItem.css有数据，则会报错，原因未知
-        icon: null,
-        // 使用自定义iconComponent，该属性就必须为null
-        text: !0,
-        iconComponent: e.iconComponent,
-        round: e.shape === "round",
-        circle: e.shape === "circle",
-        loading: e.loading,
-        shape: e.shape
-      });
-    },
-    computeGridHeight() {
-      let t = window.innerHeight - 40 - 50 - 42 - 20 - 64;
-      return t < this.widget.height ? t : this.widget.height;
-    }
-  },
-  watch: {
-    "widget.gridData.toolbarConfig": {
-      handler(t) {
-        if (t.buttons.forEach((e) => {
-          e.hasOwnProperty("buttonRender") || (e.buttonRender = {
-            name: "ElButton",
-            props: {
-              size: "default",
-              type: e.viewType,
-              style: e.css,
-              icon: e.icon,
-              iconComponent: e.iconComponent,
-              round: e.shape === "round",
-              circle: e.shape === "circle",
-              shape: e.shape
-            },
-            events: {}
-            // click: toolBarButtonClick
-          });
-        }), this.showButtons = t.buttons.filter((e) => e.showInGrid == "Y" || e.showInGrid === !0), this.showButtons.length > 0) {
-          this.widget.gridData.data = [];
-          let e = {};
-          this.widget.gridData.columns.forEach((i) => {
-            i.type !== "seq" && i.type !== "checkbox" && i.fixed !== "left" && (e[i.field] = void 0);
-          }), this.widget.gridData.data.push(e);
-        }
-        this.toolbarConfig = t.buttons;
-      },
-      deep: !0,
-      immediate: !0
-    },
-    "widget.gridData.formConfig.items": {
-      handler(t) {
-        this.formBtnConfig = t;
-      },
-      deep: !0
-    },
-    "widget.gridData.columns": {
-      handler(t) {
-        this.$refs.curRegion && this.$refs.curRegion.loadColumn(t);
-      },
-      deep: !0
-    },
-    // 监听表格表单的数组长度，来 删除 / 新增 默认的查询与重置按钮
-    formBtnConfig: {
-      handler(t) {
-        let e = this.widget.gridData.formConfig.items.findIndex((i) => i.align == "right");
-        e < 0 && t.length > 0 ? this.widget.gridData.formConfig.items.push({
-          align: "right",
-          collapseNode: !1,
-          itemRender: {
-            name: "ElButtons",
-            children: [
-              {
-                props: {
-                  "native-type": "submit",
-                  type: "primary",
-                  content: "查询",
-                  iconComponent: "Search",
-                  size: "default",
-                  autoInsertSpace: !0
-                }
-              },
-              {
-                props: {
-                  "native-type": "reset",
-                  content: "重置",
-                  iconComponent: "Refresh",
-                  size: "default",
-                  autoInsertSpace: !0
-                }
-              }
-            ]
-          },
-          visible: !0
-        }) : e >= 0 && t.length == 1 && this.widget.gridData.formConfig.items.splice(e, 1);
-      },
-      deep: !0
-    }
-  },
-  created() {
-    this.formBtnConfig = this.widget.gridData.formConfig.items, this.toolbarConfig = this.widget.gridData.toolbarConfig.buttons;
-  },
-  mounted() {
-  },
-  methods: {
-    // 自定义控制那些元素可以拖拽或不允许拖拽
-    checkFieldMove(t) {
-      return this.designer.checkFieldMove(t);
-    },
-    // 表单新增组件事件
-    onDragFormAdd(t) {
-      let e = t.item._underlying_vm_;
-      if (e.itemRender) {
-        for (let d in this.designer.designerConfig)
-          this.designer.designerConfig[d].queryConfig && this.designer.designerConfig[d].queryConfig[e.id] && d != this.widget.id && (this.designer.designerConfig[this.widget.id].queryConfig[e.id] = N(this.designer.designerConfig[d].queryConfig[e.id]), delete this.designer.designerConfig[d].queryConfig[e.id]);
-        this.designer.emitHistoryChange();
-        return;
-      }
-      let i;
-      this.formBtnConfig.forEach((d, n) => {
-        d.id == e.id && (i = n);
-      });
-      let g = this.addFormItemConfig(e);
-      g = this.switchFieldType(e, g), this.formBtnConfig.splice(i, 1, g), this.designer.newWidgetInitConfig(this.widget.gridData.id, "queryConfig", g), this.designer.emitHistoryChange();
-    }
-  }
-}, se = {
-  key: 0,
-  class: "toolBar-title"
-}, ae = {
-  key: 0,
-  style: { verticalAlign: "middle" }
-};
-function le(t, e, i, g, d, n) {
-  const c = l("vxe-form-item"), w = l("vxe-form"), C = l("StaticContentWrapper"), v = l("draggable"), y = l("el-icon"), W = l("el-tooltip"), r = l("el-button"), T = l("vxe-grid"), f = l("el-col"), H = l("container-wrapper");
-  return s(), m(H, {
-    designer: i.designer,
-    widget: i.widget,
-    parentWidget: i.parentWidget
-  }, {
-    default: o(() => [
-      a(f, { class: "grid-cell" }, {
-        default: o(() => [
-          a(H, {
-            designer: i.designer,
-            widget: i.widget.gridData
-          }, {
-            default: o(() => [
-              a(f, { class: "grid-cell" }, {
-                default: o(() => [
-                  a(T, k({
-                    ref: "curRegion",
-                    "keep-source": ""
-                  }, i.widget.gridData, { height: n.computeGridHeight }), {
-                    form: o(() => [
-                      a(v, k({
-                        list: d.formBtnConfig,
-                        "item-key": "id"
-                      }, {
-                        group: "dragGroup",
-                        ghostClass: "ghost",
-                        animation: 300
-                      }, {
-                        "component-data": {
-                          name: "fade",
-                          class: "transition-group field formBtnConfig"
-                        },
-                        handle: ".drag-handler",
-                        tag: "div",
-                        onAdd: n.onDragFormAdd,
-                        move: n.checkFieldMove
-                      }), {
-                        item: o(({ element: _ }) => [
-                          a(C, {
-                            designer: i.designer,
-                            field: _,
-                            parentWidget: d.formBtnConfig,
-                            rootWidgetId: i.widget.id
-                          }, {
-                            default: o(() => [
-                              a(w, null, {
-                                default: o(() => [
-                                  _.itemRender && _.itemRender.name == "ElButtons" ? (s(!0), u(M, { key: 0 }, Y(_.itemRender.children, (G) => (s(), m(c, {
-                                    "item-render": {
-                                      name: "ElButton",
-                                      props: G.props
-                                    },
-                                    visible: _.visible
-                                  }, null, 8, ["item-render", "visible"]))), 256)) : (s(), m(c, {
-                                    key: 1,
-                                    field: _.field,
-                                    title: _.title,
-                                    "title-overflow": "tooltip",
-                                    "item-render": _.itemRender
-                                  }, null, 8, ["field", "title", "item-render"]))
-                                ]),
-                                _: 2
-                              }, 1024)
-                            ]),
-                            _: 2
-                          }, 1032, ["designer", "field", "parentWidget", "rootWidgetId"])
-                        ]),
-                        _: 1
-                      }, 16, ["list", "onAdd", "move"])
-                    ]),
-                    toolbar_buttons: o(() => [
-                      a(v, k({
-                        list: d.toolbarConfig,
-                        "item-key": "id"
-                      }, {
-                        group: "dragGroup",
-                        ghostClass: "ghost",
-                        animation: 300
-                      }, {
-                        "component-data": {
-                          name: "fade",
-                          class: "transition-group field toolbar"
-                        },
-                        handle: ".drag-handler",
-                        tag: "div",
-                        onAdd: t.onDragToolbarAdd,
-                        move: n.checkFieldMove
-                      }), {
-                        item: o(({ element: _ }) => [
-                          a(C, {
-                            designer: i.designer,
-                            field: _,
-                            parentWidget: d.toolbarConfig,
-                            rootWidgetId: i.widget.id
-                          }, {
-                            default: o(() => [
-                              _.buttonRender && _.buttonRender.name == "toolBarTitle" ? (s(), u("span", se, A(_.name), 1)) : (s(), m(w, { key: 1 }, {
-                                default: o(() => [
-                                  a(c, {
-                                    "item-render": n.btnRender(_)
-                                  }, null, 8, ["item-render"])
-                                ]),
-                                _: 2
-                              }, 1024))
-                            ]),
-                            _: 2
-                          }, 1032, ["designer", "field", "parentWidget", "rootWidgetId"])
-                        ]),
-                        _: 1
-                      }, 16, ["list", "onAdd", "move"])
-                    ]),
-                    operation: o(({ row: _, rowIndex: G }) => [
-                      (s(!0), u(M, null, Y(d.showButtons, (b) => (s(), m(r, k({
-                        key: b._button_id,
-                        ref_for: !0
-                      }, n.operationButton(b)), {
-                        icon: o(() => [
-                          a(W, {
-                            title: b.name,
-                            content: b.name,
-                            placement: "top"
-                          }, {
-                            default: o(() => [
-                              a(y, k({ ref_for: !0 }, { size: 15, style: { verticalAlign: "middle" } }), {
-                                default: o(() => [
-                                  (s(), m(L(b.iconComponent)))
-                                ]),
-                                _: 2
-                              }, 1040)
-                            ]),
-                            _: 2
-                          }, 1032, ["title", "content"])
-                        ]),
-                        default: o(() => [
-                          !b.iconComponent || typeof b.iconComponent > "u" ? (s(), u("span", ae, A(b.name), 1)) : h("", !0)
-                        ]),
-                        _: 2
-                      }, 1040))), 128))
-                    ]),
-                    _: 1
-                  }, 16, ["height"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["designer", "widget"])
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["designer", "widget", "parentWidget"]);
-}
-const P = /* @__PURE__ */ x(oe, [["render", le], ["__scopeId", "data-v-ee994d8d"]]), ge = {
-  name: "form-widget",
-  componentName: "FromWidget",
-  mixins: [I],
-  inject: [],
-  components: {
-    ContainerWrapper: O,
-    StaticContentWrapper: V,
-    draggable: S
-  },
-  props: {
-    widget: Object,
-    designer: Object,
-    parentWidget: Array
-    // 删除组件时调用
-  },
-  data() {
-    return {
-      formColumns: [],
-      editRules: []
-    };
-  },
-  computed: {
-    // toolbar buttons按钮配置
-    btnRender() {
-      return (t) => ({
-        name: "ElButton",
-        props: {
-          autoInsertSpace: !0,
-          // 自动在两个中文字符之间插入空格
-          content: t.name,
-          icon: t.iconComponent,
-          nativeType: "submit",
-          size: "default",
-          type: t.viewType
-        }
-      });
-    },
-    computeSpan() {
-      return (t) => t.dataType === "EDITOR" || t.dataType === "TEXT" ? 24 : t.fwidth ? Number(t.fwidth) > 24 ? 24 : Number(t.fwidth) : 12;
-    },
-    toolbarConfig() {
-      return this.widget.gridData.type == "FORM" ? this.widget.gridData.toolbarConfig.buttons.filter(
-        (t) => t.type != "DELETE" && t.type != "EDIT"
-      ) : this.widget.gridData.toolbarConfig.buttons;
-    }
-  },
-  watch: {
-    "widget.gridData.columns": {
-      handler(t) {
-        this.formColumns = t;
-      },
-      deep: !0
-    },
-    "widget.gridData.toolbarConfig": {
-      handler(t) {
-        t.buttons.forEach((e) => {
-          e.hasOwnProperty("buttonRender") || (e.buttonRender = {
-            name: "ElButton",
-            props: {
-              size: "default",
-              type: e.viewType,
-              style: e.css,
-              icon: e.icon,
-              iconComponent: e.iconComponent,
-              round: e.shape === "round",
-              circle: e.shape === "circle",
-              shape: e.shape
-            },
-            events: {}
-            // click: toolBarButtonClick
-          });
-        });
-      },
-      deep: !0,
-      immediate: !0
-    }
-  },
-  created() {
-    this.formColumns = this.widget.gridData.columns, this.editRules = this.widget.gridData.editRules, this.widget.gridData.toolbarConfig.buttons.forEach((t) => {
-      t.hasOwnProperty("buttonRender") || (t.buttonRender = {
-        name: "ElButton",
-        props: {
-          size: "default",
-          type: t.viewType,
-          style: t.css,
-          icon: t.icon,
-          iconComponent: t.iconComponent,
-          round: t.shape === "round",
-          circle: t.shape === "circle",
-          shape: t.shape
-        },
-        events: {}
-        // click: toolBarButtonClick
-      });
-    });
-  },
-  mounted() {
-  },
-  methods: {
-    // 自定义控制那些元素可以拖拽或不允许拖拽
-    checkFieldMove(t) {
-      return this.designer.checkFieldMove(t);
-    },
-    // 表单新增组件事件
-    onDragFormAdd(t) {
-      let e = t.item._underlying_vm_;
-      if (e.itemRender) {
-        for (let d in this.designer.designerConfig)
-          this.designer.designerConfig[d].fieldConfig && this.designer.designerConfig[d].fieldConfig[e.id] && d != this.widget.id && (this.designer.designerConfig[this.widget.id].fieldConfig[e.id] = N(
-            this.designer.designerConfig[d].fieldConfig[e.id]
-          ), delete this.designer.designerConfig[d].fieldConfig[e.id]);
-        this.designer.emitHistoryChange();
-        return;
-      }
-      let i;
-      this.formColumns.forEach((d, n) => {
-        d.id == e.id && (i = n);
-      });
-      let g = this.addFormItemConfig(e);
-      g = this.switchFieldType(e, g), this.formColumns.splice(i, 1, g), this.designer.newWidgetInitConfig(
-        this.widget.gridData.id,
-        "fieldConfig",
-        g
-      ), this.designer.emitHistoryChange();
-    }
-  }
-}, ce = { class: "toolBar-title" }, ue = {
-  key: 1,
-  class: "no-widget-hint"
-};
-function fe(t, e, i, g, d, n) {
-  const c = l("el-col"), w = l("vxe-form-item"), C = l("vxe-form"), v = l("StaticContentWrapper"), y = l("draggable"), W = l("container-wrapper");
-  return s(), m(W, {
-    designer: i.designer,
-    widget: i.widget,
-    parentWidget: i.parentWidget
-  }, {
-    default: o(() => [
-      a(c, { class: "grid-cell" }, {
-        default: o(() => [
-          a(W, {
-            designer: i.designer,
-            widget: i.widget.gridData,
-            height: i.widget.height
-          }, {
-            default: o(() => [
-              n.toolbarConfig.length > 0 && n.toolbarConfig[0].buttonRender && n.toolbarConfig[0].buttonRender.name == "toolBarTitle" ? (s(), m(c, {
-                key: 0,
-                class: "grid-cell"
-              }, {
-                default: o(() => [
-                  p("span", ce, A(n.toolbarConfig[0].name), 1)
-                ]),
-                _: 1
-              })) : h("", !0),
-              a(c, { class: "grid-cell" }, {
-                default: o(() => [
-                  a(y, k({
-                    list: d.formColumns,
-                    "item-key": "id"
-                  }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
-                    "component-data": {
-                      name: "fade",
-                      class: "transition-group field formBtnConfig el-row"
-                    },
-                    handle: ".drag-handler",
-                    tag: "div",
-                    onAdd: n.onDragFormAdd,
-                    move: n.checkFieldMove
-                  }), {
-                    item: o(({ element: r }) => [
-                      r.type !== "seq" && r.type !== "checkbox" && r.fixed !== "left" && r.dataType !== "ID" && r.displayForm ? (s(), m(c, {
-                        key: 0,
-                        class: "grid-cell",
-                        span: n.computeSpan(r)
-                      }, {
-                        default: o(() => [
-                          a(v, {
-                            designer: i.designer,
-                            field: r,
-                            parentWidget: d.formColumns,
-                            rootWidgetId: i.widget.id
-                          }, {
-                            default: o(() => [
-                              a(C, {
-                                rules: d.editRules,
-                                "title-align": "right",
-                                "title-width": "120"
-                              }, {
-                                default: o(() => [
-                                  a(w, {
-                                    field: r.field,
-                                    title: r.title,
-                                    "title-overflow": "tooltip",
-                                    "item-render": r.itemRender,
-                                    "title-prefix": r.titlePrefix,
-                                    style: B(r.style)
-                                  }, null, 8, ["field", "title", "item-render", "title-prefix", "style"])
-                                ]),
-                                _: 2
-                              }, 1032, ["rules"])
-                            ]),
-                            _: 2
-                          }, 1032, ["designer", "field", "parentWidget", "rootWidgetId"])
-                        ]),
-                        _: 2
-                      }, 1032, ["span"])) : h("", !0)
-                    ]),
-                    _: 1
-                  }, 16, ["list", "onAdd", "move"])
-                ]),
-                _: 1
-              }),
-              a(c, { class: "grid-cell" }, {
-                default: o(() => [
-                  a(y, k({
-                    list: n.toolbarConfig,
-                    "item-key": "id"
-                  }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
-                    "component-data": {
-                      name: "fade",
-                      class: "transition-group field toolbar"
-                    },
-                    handle: ".drag-handler",
-                    tag: "div",
-                    onAdd: t.onDragToolbarAdd,
-                    move: n.checkFieldMove
-                  }), {
-                    item: o(({ element: r }) => [
-                      !r.buttonRender || r.buttonRender && r.buttonRender.name != "toolBarTitle" ? (s(), m(v, {
-                        key: 0,
-                        designer: i.designer,
-                        field: r,
-                        parentWidget: n.toolbarConfig,
-                        rootWidgetId: i.widget.id
-                      }, {
-                        default: o(() => [
-                          a(C, null, {
-                            default: o(() => [
-                              a(w, {
-                                "item-render": n.btnRender(r),
-                                visible: r.code != null
-                              }, null, 8, ["item-render", "visible"])
-                            ]),
-                            _: 2
-                          }, 1024)
-                        ]),
-                        _: 2
-                      }, 1032, ["designer", "field", "parentWidget", "rootWidgetId"])) : h("", !0)
-                    ]),
-                    _: 1
-                  }, 16, ["list", "onAdd", "move"])
-                ]),
-                _: 1
-              }),
-              d.formColumns.length === 0 ? (s(), u("div", ue, " 请从左侧列表中选择基础字段, 然后用鼠标拖动组件放置于此处 ")) : h("", !0)
-            ]),
-            _: 1
-          }, 8, ["designer", "widget", "height"])
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["designer", "widget", "parentWidget"]);
-}
-const q = /* @__PURE__ */ x(ge, [["render", fe], ["__scopeId", "data-v-02ba7b3e"]]), me = {
-  name: "grid-layout-wrapper",
-  componentName: "GridLayouWrapper",
-  mixins: [I],
-  inject: {},
-  components: {
-    ContainerWrapper: O,
-    VxeGridWidget: P,
-    VxeFormWidget: q,
-    draggable: S,
-    WindowGrid: U(() => Promise.resolve().then(() => Re))
-  },
-  props: {
-    widget: Object,
-    designer: Object
-  },
-  data() {
-    return {};
-  },
-  computed: {},
-  watch: {
-    widget: {
-      handler(t) {
-        t.child.length > 0 && t.child.findIndex((i) => i.isActive) < 0 && (t.child[0].isActive = !0);
-      },
-      immediate: !0,
-      deep: !0
-    }
-  },
-  created() {
-  },
-  mounted() {
-  },
-  methods: {
-    selectTabpane(t) {
-      this.widget.child.forEach((e) => {
-        delete e.isActive, e.id == t && (e.isActive = !0);
-      });
-    },
-    // 在tabs中添加tabpane时触发
-    onDragAdd(t) {
-      let e = t.item._underlying_vm_;
-      this.designer.newWidgetInitConfig(this.widget.id, "layout", e);
-    },
-    // 拖拽变换位置时触发的事件
-    onDragUpdate() {
-    },
-    // 自定义控制那些元素可以拖拽或不允许拖拽并控制是否允许停靠
-    onMove(t) {
-      return this.designer.checkWidgetMove(t);
-    }
-  }
-}, pe = {
-  key: 0,
-  class: "no-widget-hint"
-}, he = {
-  key: 2,
-  class: "el-tabs el-tabs--tops"
-}, _e = { class: "el-tabs__header" }, we = { class: "transition-group-el" }, ye = ["onClick"], Ce = {
-  key: 0,
-  class: "el-tabs__content"
-};
-function ve(t, e, i, g, d, n) {
-  const c = l("WindowGrid"), w = l("draggable"), C = l("el-col"), v = l("container-wrapper");
-  return s(), m(v, {
-    designer: i.designer,
-    widget: i.widget
-  }, {
-    default: o(() => [
-      a(C, { class: "grid-cell" }, {
-        default: o(() => [
-          i.widget.child.length === 0 && i.widget.gridData == null ? (s(), u("div", pe, "请从左侧列表中选择一个高级组件, 然后用鼠标拖动组件放置于此处")) : h("", !0),
-          i.widget.mode == "horizontal" || i.widget.mode === "vertical" ? (s(), m(c, {
-            key: 1,
-            preViewData: i.widget,
-            designer: i.designer
-          }, null, 8, ["preViewData", "designer"])) : (s(), u("div", he, [
-            p("div", _e, [
-              p("div", {
-                class: E(["el-tabs__nav-wrap", { hideAfter: i.widget.child.length == 0 }])
-              }, [
-                a(w, {
-                  list: i.widget.child,
-                  "item-key": "id",
-                  "ghost-class": "ghost",
-                  group: "dragGroup",
-                  animation: "300",
-                  tag: "div",
-                  "component-data": {
-                    name: "fade",
-                    class: "transition-group container tabpane-label"
-                  },
-                  handle: ".drag-handler",
-                  onAdd: n.onDragAdd,
-                  move: n.onMove
-                }, {
-                  item: o(({ element: y }) => [
-                    p("div", we, [
-                      p("div", {
-                        class: E(["el-tabs__item", { "is-active": y.isActive }]),
-                        onClick: R((W) => n.selectTabpane(y.id), ["stop"])
-                      }, A(y.name), 11, ye)
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["list", "onAdd", "move"])
-              ], 2)
-            ]),
-            i.widget.child.length > 0 ? (s(), u("div", Ce, [
-              a(c, {
-                preViewData: i.widget,
-                designer: i.designer
-              }, null, 8, ["preViewData", "designer"])
-            ])) : h("", !0)
-          ]))
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["designer", "widget"]);
-}
-const be = /* @__PURE__ */ x(me, [["render", ve], ["__scopeId", "data-v-02273c28"]]), De = { class: "form-widget-list" }, We = {
-  __name: "index",
-  props: {
-    designer: Object,
-    preViewData: Object
-  },
-  emits: ["update:designer", "update:preViewData"],
-  setup(t, { emit: e }) {
-    const i = t, g = e;
-    let d = z(i, "designer", g), n = z(i, "preViewData", g);
-    const c = j(() => {
-      let r = "transition-group grid";
-      return n.value.mode === "horizontal" && n.value.child.length > 0 && (r += " horizontal"), {
-        name: "fade",
-        class: r
-      };
-    }), w = j(() => {
-      let r = {};
-      return n.value.mode === "horizontal" && n.value.child.length > 0 && (r = { width: parseInt(100 / n.value.child.length) - 0.5 + "%" }), r;
-    }), C = (r) => {
-      let T = r.item._underlying_vm_;
-      d.value.newWidgetInitConfig(n.value.id, "layout", T);
-    }, v = (r) => {
-      d.value.emitHistoryChange();
-    }, y = (r) => d.value.checkWidgetMove(r), W = (r) => n.value.mode == "tab" ? !!r.isActive : !0;
-    return (r, T) => (s(), u("div", De, [
-      a(D(S), {
-        list: D(n).child,
-        "item-key": "id",
-        "ghost-class": "ghost",
-        group: "dragGroup",
-        animation: "300",
-        tag: "div",
-        "component-data": c.value,
-        handle: ".drag-handler",
-        onAdd: C,
-        onUpdate: v,
-        move: y
-      }, {
-        item: o(({ element: f }) => [
-          X(p("div", {
-            class: "transition-group-el",
-            style: B(w.value)
-          }, [
-            f.gridData && (f.gridData.type === "GRID" || f.gridData.type === "TREE" || f.gridData.type === "TREE_STRUCTURE" || f.gridData.type === "EDIT_GRID") ? (s(), m(P, {
-              key: 0,
-              designer: D(d),
-              widget: f,
-              parentWidget: D(n).child
-            }, null, 8, ["designer", "widget", "parentWidget"])) : f.gridData && f.gridData.type === "FORM" ? (s(), m(q, {
-              key: 1,
-              designer: D(d),
-              widget: f,
-              parentWidget: D(n).child
-            }, null, 8, ["designer", "widget", "parentWidget"])) : f.mode == "horizontal" || f.mode === "vertical" || f.mode == "tab" ? (s(), m(be, {
-              key: 2,
-              designer: D(d),
-              widget: f,
-              parentWidget: D(n).child
-            }, null, 8, ["designer", "widget", "parentWidget"])) : h("", !0)
-          ], 4), [
-            [J, W(f)]
-          ])
-        ]),
-        _: 1
-      }, 8, ["list", "component-data"])
-    ]));
-  }
-}, ke = /* @__PURE__ */ x(We, [["__scopeId", "data-v-48225462"]]), Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: ke
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  ke as default
-};