@kp-ui/lowcode 1.0.20 → 1.0.23

package/src/components/form-designer/form-widget/container-widget/containerMixin.js

@@ -0,0 +1,59 @@
+const s = {
+  inject: ["getFormConfig"],
+  computed: {
+    formConfig() {
+      return this.getFormConfig();
+    }
+  },
+  methods: {
+    appendTableRow(e) {
+      this.designer.appendTableRow(e);
+    },
+    appendTableCol(e) {
+      this.designer.appendTableCol(e);
+    },
+    onContainerDragAdd(e, t) {
+      const i = e.newIndex;
+      t[i] && this.designer.setSelected(t[i]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
+    },
+    onContainerDragUpdate() {
+      this.designer.emitHistoryChange();
+    },
+    /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */
+    checkContainerMove(e) {
+      return this.designer.checkWidgetMove(e);
+    },
+    selectWidget(e) {
+      this.designer.setSelected(e);
+    },
+    selectParentWidget() {
+      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
+    },
+    moveUpWidget() {
+      this.designer.moveUpWidget(this.parentList, this.indexOfParentList), this.designer.emitHistoryChange();
+    },
+    moveDownWidget() {
+      this.designer.moveDownWidget(this.parentList, this.indexOfParentList), this.designer.emitHistoryChange();
+    },
+    cloneContainer(e) {
+      if (this.parentList) {
+        const t = this.designer.cloneContainer(e);
+        this.parentList.splice(this.indexOfParentList + 1, 0, t), this.designer.setSelected(t), this.designer.emitHistoryChange();
+      }
+    },
+    removeWidget() {
+      if (this.parentList) {
+        let e = null;
+        this.parentList.length === 1 ? this.parentWidget && (e = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? e = this.parentList[this.indexOfParentList - 1] : e = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
+          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(e), this.designer.emitHistoryChange();
+        });
+      }
+    },
+    setWidgetOption(e, t) {
+      this.widget.options.hasOwnProperty(e) && (this.widget.options[e] = t);
+    }
+  }
+};
+export {
+  s as default
+};

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js

@@ -0,0 +1,97 @@
+import R from "./data-table-widget.vue2.js";
+import { resolveComponent as i, createBlock as d, openBlock as o, normalizeStyle as f, withCtx as l, createElementBlock as s, withModifiers as C, normalizeClass as w, createVNode as g, createCommentVNode as c, Fragment as h, renderList as p, mergeProps as B, withDirectives as v, createTextVNode as N, toDisplayString as T, vShow as W } from "vue";
+/* empty css                       */
+import O from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function I(t, r, e, L, P, u) {
+  const y = i("a-empty"), m = i("a-table-column"), b = i("a-button"), k = i("a-space"), _ = i("a-table"), z = i("container-wrapper");
+  return o(), d(z, {
+    designer: e.designer,
+    widget: e.widget,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList,
+    style: f({ display: "flex", height: parseFloat(t.tableHeight || 0) + "px" })
+  }, {
+    default: l(() => [
+      (o(), s("div", {
+        key: e.widget.id,
+        class: w(["collapse-container data-table-container", { selected: u.selected }]),
+        onClick: r[1] || (r[1] = C((n) => u.selectWidget(e.widget), ["stop"]))
+      }, [
+        g(_, {
+          ref: "dataTable1",
+          class: w(["tpf-table", [t.customClass]]),
+          dataSource: e.widget.options.dataSource,
+          rowKey: (n) => n[e.widget.options.rowKey],
+          scroll: { y: parseFloat(t.tableHeight || 0), x: 300 },
+          size: t.widgetSize,
+          bordered: e.widget.options.border,
+          style: f({ width: e.widget.options.tableWidth }),
+          onClick: r[0] || (r[0] = C((n) => u.selectWidget(e.widget), ["stop"])),
+          "row-class-name": t.rowClassName,
+          rowSelection: t.handleRowSelection(),
+          pagination: t.fmtPagination,
+          rowClassName: t.rowClassName,
+          onChange: t.handleTablePageChange,
+          customRow: t.handleCustomRow,
+          onResizeColumn: t.handleResizeColumn
+        }, {
+          emptyText: l(() => [
+            g(y)
+          ]),
+          default: l(() => [
+            e.widget.options.showIndex ? (o(), d(m, {
+              key: 0,
+              title: "序号",
+              align: "left",
+              width: 80,
+              fixed: "left",
+              customRender: t.customRenderIndex
+            }, null, 8, ["customRender"])) : c("", !0),
+            (o(!0), s(h, null, p(e.widget.options.tableColumns, (n, a) => (o(), s(h, null, [
+              n.show !== !1 ? (o(), d(m, B({ key: a }, t.handleColumnItem(n), { showSorterTooltip: !1 }), null, 16)) : c("", !0)
+            ], 64))), 256)),
+            e.widget.options.showButtonsColumn ? (o(), d(m, {
+              key: 1,
+              fixed: "right",
+              align: "center",
+              title: e.widget.options.buttonsColumnTitle,
+              width: e.widget.options.buttonsColumnWidth
+            }, {
+              default: l((n) => [
+                g(k, null, {
+                  default: l(() => [
+                    (o(!0), s(h, null, p(e.widget.options.operationButtons, (a, S) => v((o(), d(b, {
+                      key: S,
+                      type: a.type,
+                      size: a.size,
+                      shape: a.shape,
+                      disabled: t.disableOperationButton(a, n.index, n.record),
+                      onClick: (x) => t.handleOperationButtonClick(a.name, n.index, n.record, n, a),
+                      class: w(["data-table-" + a.name + "-button"])
+                    }, {
+                      default: l(() => [
+                        N(T(t.getOperationButtonLabel(a, n.index, n.record)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["type", "size", "shape", "disabled", "onClick", "class"])), [
+                      [W, t.showOperationButton(a, n.index, n.record)]
+                    ])), 128))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 1
+            }, 8, ["title", "width"])) : c("", !0)
+          ]),
+          _: 1
+        }, 8, ["dataSource", "rowKey", "scroll", "class", "size", "bordered", "style", "row-class-name", "rowSelection", "pagination", "rowClassName", "onChange", "customRow", "onResizeColumn"])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list", "style"]);
+}
+const H = /* @__PURE__ */ O(R, [["render", I], ["__scopeId", "data-v-19e67e23"]]);
+export {
+  H as default
+};

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js

@@ -0,0 +1,235 @@
+import t from "./container-wrapper.vue.js";
+import i from "../../../../utils/emitter.js";
+import r from "../../../../utils/i18n.js";
+import o from "../field-widget/index.js";
+import n from "./containerMixin.js";
+import a from "../../refMixinDesign.js";
+import m from "../../../../mixins/useDataTableMixin.js";
+const l = {
+  name: "DataTableWidget",
+  componentName: "DataTableWidget",
+  mixins: [r, n, a, i, m],
+  inject: ["refList"],
+  components: {
+    ContainerWrapper: t,
+    ...o
+  },
+  data() {
+    return {
+      // selectAllFlag: false
+    };
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  created() {
+    this.initRefList();
+  },
+  mounted() {
+    this.loadDataTableDataSource();
+  },
+  beforeUnmount() {
+  },
+  computed: {
+    // paginationLayout() {
+    //   return !!this.widget.options.smallPagination
+    //     ? 'prev, pager, next'
+    //     : 'total, sizes, prev, pager, next, jumper';
+    // },
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    }
+    // customClass() {
+    //   return this.widget.options.customClass || '';
+    // },
+    // widgetSize() {
+    //   return this.widget.options.tableSize || 'default';
+    // },
+    // buttonsColumnFixed() {
+    //   if (this.widget.options.buttonsColumnFixed === undefined) {
+    //     return 'right';
+    //   }
+    //   return !this.widget.options.buttonsColumnFixed
+    //     ? false
+    //     : this.widget.options.buttonsColumnFixed;
+    // },
+    // tableHeight() {
+    //   return this.widget.options.tableHeight || undefined;
+    // },
+    // selectionWidth() {
+    //   return !this.widget.options.showSummary
+    //     ? !this.widget.options.treeDataEnabled
+    //       ? 42
+    //       : 70
+    //     : 53;
+    // }
+  },
+  methods: {
+    // getOperationButtonLabel(buttonConfig, rowIndex, row) {
+    //   if (!!this.widget.options.onGetOperationButtonLabel) {
+    //     const customFn = new Function(
+    //       'buttonConfig',
+    //       'rowIndex',
+    //       'row',
+    //       this.widget.options.onGetOperationButtonLabel
+    //     );
+    //     //return customFn.call(this, buttonConfig, rowIndex, row) || buttonConfig.label
+    //     return customFn.call(this, buttonConfig, rowIndex, row);
+    //   } else {
+    //     return buttonConfig.label;
+    //   }
+    // },
+    // handleOperationButtonClick(btnName, rowIndex, row, scope, ob) {
+    //   this.skipSelectionChangeEvent = true;
+    //   try {
+    //     if (ob.onClick) {
+    //       const clcFn = new Function('record', 'index', 'column', 'btn', ob.onClick);
+    //       clcFn.call(this, row, rowIndex, scope.column, ob);
+    //       return;
+    //     }
+    //     if (!!this.widget.options.onOperationButtonClick) {
+    //       const customFn = new Function(
+    //         'buttonName',
+    //         'rowIndex',
+    //         'row',
+    //         this.widget.options.onOperationButtonClick
+    //       );
+    //       customFn.call(this, btnName, rowIndex, row);
+    //     } else {
+    //       this.dispatch('VFormRender', 'operationButtonClick', [this, btnName, rowIndex, row]);
+    //     }
+    //   } finally {
+    //     this.skipSelectionChangeEvent = false;
+    //   }
+    // },
+    // showOperationButton(buttonConfig, rowIndex, row) {
+    //   if (!!this.widget.options.onHideOperationButton) {
+    //     const customFn = new Function(
+    //       'buttonConfig',
+    //       'rowIndex',
+    //       'row',
+    //       this.widget.options.onHideOperationButton
+    //     );
+    //     return !customFn.call(this, buttonConfig, rowIndex, row);
+    //   } else {
+    //     return !buttonConfig.hidden;
+    //   }
+    // },
+    // disableOperationButton(buttonConfig, rowIndex, row) {
+    //   if (!!this.widget.options.onDisableOperationButton) {
+    //     const customFn = new Function(
+    //       'buttonConfig',
+    //       'rowIndex',
+    //       'row',
+    //       this.widget.options.onDisableOperationButton
+    //     );
+    //     return customFn.call(this, buttonConfig, rowIndex, row);
+    //   } else {
+    //     return buttonConfig.disabled;
+    //   }
+    // },
+    // customRenderIndex({ index }) {
+    //   return index + 1;
+    // },
+    // handleTablePageChange(pagination, filters, sorter, { currentDataSource }) {
+    //   const fn = this.widget.options.onTableChange;
+    //   this.widget.options.pagination.current = pagination.current;
+    //   this.widget.options.pagination.pageSize = pagination.pageSize;
+    //   if (fn) {
+    //     const changeFunc = new Function(
+    //       'pagination',
+    //       'filters',
+    //       'sorter',
+    //       'currentDataSource',
+    //       fn
+    //     );
+    //     changeFunc.call(this, pagination, filters, sorter, currentDataSource);
+    //   }
+    // },
+    // handleRowSelection(info) {
+    //   if (!info.hasRowSelection) {
+    //     return undefined;
+    //   }
+    //   return {
+    //     ...omit(info, ['onChange']),
+    //     onChange: (selectedRowKeys, selectedRows) => {
+    //       const rcFunc = new Function('selectedRowKeys', 'selectedRows', info.onChange);
+    //       rcFunc.call(this, selectedRowKeys, selectedRows);
+    //     }
+    //   };
+    // },
+    selectWidget(e) {
+      this.designer.setSelected(e);
+    }
+    // getTableColumns() {
+    //   return this.widget.options.tableColumns;
+    // }
+    // setChildrenSelected(children, flag) {
+    //   const childrenKey = this.widget.options.childrenKey;
+    //   children.map(child => {
+    //     this.toggleSelection(child, flag);
+    //     if (child[childrenKey]) {
+    //       this.setChildrenSelected(child[childrenKey], flag);
+    //     }
+    //   });
+    // },
+    // toggleSelection(row, flag) {
+    //   if (row) {
+    //     this.$nextTick(() => {
+    //       this.$refs.dataTable.toggleRowSelection(row, flag);
+    //     });
+    //   }
+    // },
+    // handleRowSelect(selection, row) {
+    //   const childrenKey = this.widget.options.childrenKey;
+    //   if (
+    //     selection.some(el => {
+    //       return row.id === el.id;
+    //     })
+    //   ) {
+    //     if (row[childrenKey]) {
+    //       this.setChildrenSelected(row[childrenKey], true);
+    //     }
+    //   } else {
+    //     if (row[childrenKey]) {
+    //       this.setChildrenSelected(row[childrenKey], false);
+    //     }
+    //   }
+    // },
+    // setSelectedFlag(data, flag) {
+    //   const childrenKey = this.widget.options.childrenKey;
+    //   data.forEach(row => {
+    //     this.$refs.dataTable.toggleRowSelection(row, flag);
+    //     if (row[childrenKey]) {
+    //       this.setSelectedFlag(row[childrenKey], flag);
+    //     }
+    //   });
+    // },
+    // handleAllSelect(selection) {
+    //   this.selectAllFlag = !this.selectAllFlag;
+    //   this.setSelectedFlag(this.widget.options.tableData, this.selectAllFlag);
+    // }
+  }
+};
+export {
+  l as default
+};

package/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue.js

@@ -0,0 +1,244 @@
+import L from "../../../../utils/i18n.js";
+import C from "../field-widget/index.js";
+import k from "../../../svg-icon/index.vue.js";
+import W from "../../refMixinDesign.js";
+import { resolveComponent as p, createBlock as c, createCommentVNode as g, openBlock as o, mergeProps as w, withModifiers as d, withCtx as f, createVNode as r, createElementBlock as h, createElementVNode as a, resolveDynamicComponent as y, toDisplayString as x } from "vue";
+/* empty css                     */
+import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const D = {
+  name: "GridColWidget",
+  componentName: "GridColWidget",
+  mixins: [L, W],
+  inject: ["refList"],
+  components: {
+    ...C,
+    SvgIcon: k
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    colHeight: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {
+      layoutProps: {
+        span: this.widget.options.span || 12,
+        // md: this.widget.options.md || 12,
+        // sm: this.widget.options.sm || 12,
+        // xs: this.widget.options.xs || 12,
+        offset: this.widget.options.offset || 0,
+        push: this.widget.options.push || 0,
+        pull: this.widget.options.pull || 0
+      }
+    };
+  },
+  computed: {
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.widget.options.customClass || "";
+    },
+    colHeightStyle() {
+      return this.colHeight ? { height: this.colHeight + "px" } : {};
+    }
+  },
+  watch: {
+    "designer.formConfig.layoutType": {
+      handler(e) {
+        this.widget.options.responsive ? e === "H5" ? this.layoutProps.span = this.widget.options.xs || 12 : e === "Pad" ? this.layoutProps.span = this.widget.options.sm || 12 : this.layoutProps.span = this.widget.options.md || 12 : this.layoutProps.span = this.widget.options.span || 12;
+      }
+    },
+    "widget.options.responsive": {
+      handler(e) {
+        const i = this.designer.formConfig.layoutType;
+        e ? i === "H5" ? this.layoutProps.span = this.widget.options.xs || 12 : i === "Pad" ? this.layoutProps.span = this.widget.options.sm || 12 : this.layoutProps.span = this.widget.options.md || 12 : this.layoutProps.span = this.widget.options.span || 12;
+      }
+    },
+    "widget.options.span": {
+      handler(e) {
+        this.layoutProps.span = e;
+      }
+    },
+    "widget.options.md": {
+      handler(e) {
+        this.layoutProps.span = e;
+      }
+    },
+    "widget.options.sm": {
+      handler(e) {
+        this.layoutProps.span = e;
+      }
+    },
+    "widget.options.xs": {
+      handler(e) {
+        this.layoutProps.span = e;
+      }
+    },
+    "widget.options.offset": {
+      handler(e) {
+        this.layoutProps.offset = e;
+      }
+    },
+    "widget.options.push": {
+      handler(e) {
+        this.layoutProps.push = e;
+      }
+    },
+    "widget.options.pull": {
+      handler(e) {
+        this.layoutProps.pull = e;
+      }
+    }
+  },
+  created() {
+    this.initRefList(), this.initLayoutProps();
+  },
+  methods: {
+    initLayoutProps() {
+      if (this.widget.options.responsive) {
+        const e = this.designer.formConfig.layoutType;
+        e === "H5" ? this.layoutProps.span = this.widget.options.xs || 12 : e === "Pad" ? this.layoutProps.span = this.widget.options.sm || 12 : this.layoutProps.span = this.widget.options.md || 12;
+      } else
+        this.layoutProps.spn = this.widget.options.span;
+    },
+    onGridDragEnd(e, i) {
+    },
+    onGridDragAdd(e, i) {
+      const t = e.newIndex;
+      i[t] && this.designer.setSelected(i[t]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
+    },
+    onGridDragUpdate() {
+      this.designer.emitHistoryChange();
+    },
+    selectWidget(e) {
+      console.log("id: " + e.id), this.designer.setSelected(e);
+    },
+    checkContainerMove(e) {
+      return this.designer.checkWidgetMove(e);
+    },
+    selectParentWidget() {
+      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
+    },
+    moveUpWidget() {
+      this.designer.moveUpWidget(this.parentList, this.indexOfParentList);
+    },
+    moveDownWidget() {
+      this.designer.moveDownWidget(this.parentList, this.indexOfParentList);
+    },
+    cloneGridCol(e) {
+      this.designer.cloneGridCol(e, this.parentWidget);
+    },
+    removeWidget() {
+      if (this.parentList) {
+        let e = null;
+        this.parentList.length === 1 ? this.parentWidget && (e = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? e = this.parentList[this.indexOfParentList - 1] : e = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
+          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(e), this.designer.emitHistoryChange();
+        });
+      }
+    }
+  }
+}, G = { class: "form-widget-list" }, H = {
+  key: 0,
+  class: "grid-col-action"
+}, S = ["title"], O = ["title"], U = ["title"], E = ["title"], I = ["title"], T = {
+  key: 1,
+  class: "grid-col-handler"
+};
+function M(e, i, t, N, u, n) {
+  const v = p("draggable"), l = p("svg-icon"), P = p("a-col");
+  return t.widget.type === "grid-col" ? (o(), c(P, w({
+    key: 0,
+    class: "grid-cell"
+  }, u.layoutProps, {
+    class: [n.selected ? "selected" : "", n.customClass],
+    style: n.colHeightStyle,
+    key: t.widget.id,
+    onClick: i[7] || (i[7] = d((s) => n.selectWidget(t.widget), ["stop"]))
+  }), {
+    default: f(() => [
+      r(v, w({
+        list: t.widget.widgetList,
+        "item-key": "id"
+      }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+        tag: "transition-group",
+        "component-data": { name: "fade" },
+        handle: ".drag-handler",
+        onEnd: i[0] || (i[0] = (s) => n.onGridDragEnd(s, t.widget.widgetList)),
+        onAdd: i[1] || (i[1] = (s) => n.onGridDragAdd(s, t.widget.widgetList)),
+        onUpdate: n.onGridDragUpdate,
+        move: n.checkContainerMove
+      }), {
+        item: f(({ element: s, index: m }) => [
+          a("div", G, [
+            s.category === "container" ? (o(), c(y(s.type + "-widget"), {
+              widget: s,
+              designer: t.designer,
+              key: s.id,
+              "parent-list": t.widget.widgetList,
+              "index-of-parent-list": m,
+              "parent-widget": t.widget
+            }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (o(), c(y(s.type + "-widget"), {
+              field: s,
+              designer: t.designer,
+              key: s.id,
+              "parent-list": t.widget.widgetList,
+              "index-of-parent-list": m,
+              "parent-widget": t.widget,
+              "design-state": !0
+            }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+          ])
+        ]),
+        _: 1
+      }, 16, ["list", "onUpdate", "move"]),
+      t.designer.selectedId === t.widget.id && t.widget.type === "grid-col" ? (o(), h("div", H, [
+        a("i", {
+          title: e.i18nt("designer.hint.selectParentWidget"),
+          onClick: i[2] || (i[2] = d((s) => n.selectParentWidget(t.widget), ["stop"]))
+        }, [
+          r(l, { "icon-class": "el-back" })
+        ], 8, S),
+        t.parentList && t.parentList.length > 1 ? (o(), h("i", {
+          key: 0,
+          title: e.i18nt("designer.hint.moveUpWidget"),
+          onClick: i[3] || (i[3] = d((s) => n.moveUpWidget(), ["stop"]))
+        }, [
+          r(l, { "icon-class": "el-move-up" })
+        ], 8, O)) : g("", !0),
+        t.parentList && t.parentList.length > 1 ? (o(), h("i", {
+          key: 1,
+          title: e.i18nt("designer.hint.moveDownWidget"),
+          onClick: i[4] || (i[4] = d((s) => n.moveDownWidget(), ["stop"]))
+        }, [
+          r(l, { "icon-class": "el-move-down" })
+        ], 8, U)) : g("", !0),
+        a("i", {
+          title: e.i18nt("designer.hint.cloneWidget"),
+          onClick: i[5] || (i[5] = d((s) => n.cloneGridCol(t.widget), ["stop"]))
+        }, [
+          r(l, { "icon-class": "el-clone" })
+        ], 8, E),
+        a("i", {
+          title: e.i18nt("designer.hint.remove"),
+          onClick: i[6] || (i[6] = d((...s) => n.removeWidget && n.removeWidget(...s), ["stop"]))
+        }, [
+          r(l, { "icon-class": "el-delete" })
+        ], 8, I)
+      ])) : g("", !0),
+      t.designer.selectedId === t.widget.id && t.widget.type === "grid-col" ? (o(), h("div", T, [
+        a("i", null, x(e.i18nt("designer.widgetLabel." + t.widget.type)), 1)
+      ])) : g("", !0)
+    ]),
+    _: 1
+  }, 16, ["class", "style"])) : g("", !0);
+}
+const z = /* @__PURE__ */ _(D, [["render", M], ["__scopeId", "data-v-e53ef040"]]);
+export {
+  z as default
+};