@kp-ui/lowcode 1.0.32 → 1.0.33

package/_virtual/virtual_svg-icons-register.js

@@ -1,13 +1,13 @@
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1746594346672__");
+    var svgDom = document.getElementById("__svg__icons__dom__1746607584219__");
     if (!svgDom) {
       svgDom = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       svgDom.style.position = "absolute";
       svgDom.style.width = "0";
       svgDom.style.height = "0";
-      svgDom.id = "__svg__icons__dom__1746594346672__";
+      svgDom.id = "__svg__icons__dom__1746607584219__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }

package/package.json

@@ -1,28 +1,29 @@
 {
-  "name": "@kp-ui/lowcode",
-  "version": "1.0.32",
-  "publishConfig": {
-    "access": "public"
-  },
-  "main": "index.js",
-  "module": "index.js",
-  "types": "main.d.ts",
-  "dependencies": {
-    "@element-plus/icons-vue": "^0.2.4",
-    "animate.css": "^4.1.1",
-    "ant-design-vue": "3.2.20",
-    "axios": "^1.3.5",
-    "bpmn-js": "13.2.0",
-    "clipboard": "^2.0.8",
-    "core-js": "^3.6.5",
-    "dayjs": "^1.11.10",
-    "file-saver": "^2.0.5",
-    "json-bigint": "^1.0.0",
-    "lodash-es": "^4.17.21",
-    "mitt": "^3.0.0",
-    "query-string": "^9.1.1",
-    "sortablejs": "1.14.0",
-    "vue": "3.3.11",
-    "vue3-quill": "^0.2.6"
-  }
+    "name": "@kp-ui/lowcode",
+    "version": "1.0.33",
+    "publishConfig": {
+        "access": "public"
+    },
+    "main": "index.js",
+    "module": "index.js",
+    "types": "main.d.ts",
+    "dependencies": {
+        "@element-plus/icons-vue": "^0.2.4",
+        "@kp-ui/tool": "^1.0.10",
+        "animate.css": "^4.1.1",
+        "ant-design-vue": "3.2.20",
+        "axios": "^1.3.5",
+        "bpmn-js": "13.2.0",
+        "clipboard": "^2.0.8",
+        "core-js": "^3.6.5",
+        "dayjs": "^1.11.10",
+        "file-saver": "^2.0.5",
+        "json-bigint": "^1.0.0",
+        "lodash-es": "^4.17.21",
+        "mitt": "^3.0.0",
+        "query-string": "^9.1.1",
+        "sortablejs": "1.14.0",
+        "vue": "3.3.11",
+        "vue3-quill": "^0.2.6"
+    }
 }

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

@@ -1,236 +1,105 @@
-import ContainerWrapper from "./container-wrapper.vue.js";
-import emitter from "../../../../utils/emitter.js";
-import i18n from "../../../../utils/i18n.js";
-import comps from "../field-widget/index.js";
-import containerMixin from "./containerMixin.js";
-import refMixinDesign from "../../refMixinDesign.js";
-import useDataTableMixin from "../../../../mixins/useDataTableMixin.js";
-const _sfc_main = {
-  name: "DataTableWidget",
-  componentName: "DataTableWidget",
-  mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],
-  inject: ["refList"],
-  components: {
-    ContainerWrapper,
-    ...comps
-  },
-  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();
-    log;
-  },
-  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(widget) {
-      this.designer.setSelected(widget);
-    }
-    // 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);
-    // }
-  }
-};
+import _sfc_main from "./data-table-widget.vue2.js";
+import { resolveComponent, createBlock, openBlock, normalizeStyle, withCtx, createElementBlock, withModifiers, normalizeClass, createVNode, createCommentVNode, Fragment, renderList, mergeProps, withDirectives, createTextVNode, toDisplayString, vShow } from "vue";
+/* empty css                       */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_empty = resolveComponent("a-empty");
+  const _component_a_table_column = resolveComponent("a-table-column");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_space = resolveComponent("a-space");
+  const _component_a_table = resolveComponent("a-table");
+  const _component_container_wrapper = resolveComponent("container-wrapper");
+  return openBlock(), createBlock(_component_container_wrapper, {
+    designer: $props.designer,
+    widget: $props.widget,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList,
+    style: normalizeStyle({ display: "flex", height: parseFloat(_ctx.tableHeight || 0) + "px" })
+  }, {
+    default: withCtx(() => [
+      (openBlock(), createElementBlock("div", {
+        key: $props.widget.id,
+        class: normalizeClass(["collapse-container data-table-container", { selected: $options.selected }]),
+        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
+      }, [
+        createVNode(_component_a_table, {
+          ref: "dataTable1",
+          class: normalizeClass(["tpf-table", [_ctx.customClass]]),
+          dataSource: $props.widget.options.dataSource,
+          rowKey: (record) => record[$props.widget.options.rowKey],
+          scroll: { y: parseFloat(_ctx.tableHeight || 0), x: 300 },
+          size: _ctx.widgetSize,
+          bordered: $props.widget.options.border,
+          style: normalizeStyle({ width: $props.widget.options.tableWidth }),
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"])),
+          "row-class-name": _ctx.rowClassName,
+          rowSelection: _ctx.handleRowSelection(),
+          pagination: _ctx.fmtPagination,
+          onChange: _ctx.handleTablePageChange,
+          customRow: _ctx.handleCustomRow,
+          onResizeColumn: _ctx.handleResizeColumn
+        }, {
+          emptyText: withCtx(() => [
+            createVNode(_component_a_empty)
+          ]),
+          default: withCtx(() => [
+            $props.widget.options.showIndex ? (openBlock(), createBlock(_component_a_table_column, {
+              key: 0,
+              title: "序号",
+              align: "left",
+              width: 80,
+              fixed: "left",
+              customRender: _ctx.customRenderIndex
+            }, null, 8, ["customRender"])) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.options.tableColumns, (item, index) => {
+              return openBlock(), createElementBlock(Fragment, null, [
+                item.show !== false ? (openBlock(), createBlock(_component_a_table_column, mergeProps({ key: index }, _ctx.handleColumnItem(item), { showSorterTooltip: false }), null, 16)) : createCommentVNode("", true)
+              ], 64);
+            }), 256)),
+            !!$props.widget.options.showButtonsColumn ? (openBlock(), createBlock(_component_a_table_column, {
+              key: 1,
+              fixed: "right",
+              align: "center",
+              title: $props.widget.options.buttonsColumnTitle,
+              width: $props.widget.options.buttonsColumnWidth
+            }, {
+              default: withCtx((scope) => [
+                createVNode(_component_a_space, null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.options.operationButtons, (ob, inx) => {
+                      return withDirectives((openBlock(), createBlock(_component_a_button, {
+                        key: inx,
+                        type: ob.type,
+                        size: ob.size,
+                        shape: ob.shape,
+                        disabled: _ctx.disableOperationButton(ob, scope.index, scope.record),
+                        onClick: ($event) => _ctx.handleOperationButtonClick(ob.name, scope.index, scope.record, scope, ob),
+                        class: normalizeClass(["data-table-" + ob.name + "-button"])
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(_ctx.getOperationButtonLabel(ob, scope.index, scope.record)), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["type", "size", "shape", "disabled", "onClick", "class"])), [
+                        [vShow, _ctx.showOperationButton(ob, scope.index, scope.record)]
+                      ]);
+                    }), 128))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 1
+            }, 8, ["title", "width"])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["dataSource", "rowKey", "scroll", "class", "size", "bordered", "style", "row-class-name", "rowSelection", "pagination", "onChange", "customRow", "onResizeColumn"])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list", "style"]);
+}
+const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a667e0af"]]);
 export {
-  _sfc_main as default
+  dataTableWidget as default
 };

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

@@ -0,0 +1,236 @@
+import ContainerWrapper from "./container-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import comps from "../field-widget/index.js";
+import containerMixin from "./containerMixin.js";
+import refMixinDesign from "../../refMixinDesign.js";
+import useDataTableMixin from "../../../../mixins/useDataTableMixin.js";
+const _sfc_main = {
+  name: "DataTableWidget",
+  componentName: "DataTableWidget",
+  mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],
+  inject: ["refList"],
+  components: {
+    ContainerWrapper,
+    ...comps
+  },
+  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();
+    log;
+  },
+  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(widget) {
+      this.designer.setSelected(widget);
+    }
+    // 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 {
+  _sfc_main as default
+};

package/src/components/form-designer/form-widget/container-widget/{grid-widget.vue2.js → grid-widget.vue.js}

@@ -4,7 +4,7 @@ import containerMixin from "./containerMixin.js";
 import ContainerWrapper from "./container-wrapper.vue.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import { resolveComponent, createBlock, openBlock, withCtx, withModifiers, normalizeClass, createElementBlock, Fragment, renderList } from "vue";
-/* empty css                */
+/* empty css                 */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "grid-widget",