@kp-ui/lowcode 1.0.35 → 1.0.37

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__1746769978374__");
+    var svgDom = document.getElementById("__svg__icons__dom__1747204095545__");
     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__1746769978374__";
+      svgDom.id = "__svg__icons__dom__1747204095545__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }

package/designer.js

@@ -3,12 +3,12 @@ import ToolbarPanel from "./src/components/form-designer/toolbar-panel/index.vue
 import SettingPanel from "./src/components/form-designer/setting-panel/index.vue.js";
 import VFormWidget from "./src/components/form-designer/form-widget/index.vue.js";
 import { createDesigner } from "./src/components/form-designer/designer.js";
-import { traverseAllWidgets, getAllContainerWidgets, getAllFieldWidgets, deepClone, addWindowResizeHandler } from "./src/utils/util.js";
+import { addWindowResizeHandler, deepClone, getAllFieldWidgets, getAllContainerWidgets, traverseAllWidgets } from "./src/utils/util.js";
 import { VARIANT_FORM_VERSION } from "./src/utils/config.js";
 import i18n, { changeLocale } from "./src/utils/i18n.js";
 import { isEmpty } from "lodash-es";
-import { resolveComponent, createBlock, openBlock, withCtx, createCommentVNode, createVNode, createSlots, renderList, renderSlot, createElementVNode } from "vue";
-/* empty css                                       */
+import { resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, createVNode, createSlots, renderList, renderSlot, createElementVNode } from "vue";
+import "./src/components/form-designer/index.vue.js";
 import _export_sfc from "./_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "VFormDesigner",
@@ -84,6 +84,8 @@ const _sfc_main = {
       vFormVersion: VARIANT_FORM_VERSION,
       curLangName: "",
       curLocale: "",
+      isLoading: false,
+      //是否正在加载中
       vsCodeFlag: false,
       caseName: "",
       docUrl: "https://www.vform666.com/document3.html",
@@ -116,6 +118,9 @@ const _sfc_main = {
     this.loadFieldListFromServer();
   },
   methods: {
+    setLoading(flag) {
+      this.isLoading = flag;
+    },
     changeLeftWidth() {
       if (this.leftWidth === 270) {
         this.leftWidth = 0;
@@ -135,7 +140,8 @@ const _sfc_main = {
      * @param {*} importObj
      */
     setJsonImport(importObj = {}) {
-      if (isEmpty(importObj)) return;
+      if (isEmpty(importObj))
+        return;
       try {
         if (!importObj || !importObj.formConfig) {
           throw new Error(this.i18nt("designer.hint.invalidJsonFormat"));
@@ -428,7 +434,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8a4df010"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e87dd64c"]]);
 export {
   index as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kp-ui/lowcode",
-    "version": "1.0.35",
+    "version": "1.0.37",
     "publishConfig": {
         "access": "public"
     },
@@ -10,6 +10,7 @@
     "dependencies": {
         "@element-plus/icons-vue": "^0.2.4",
         "@kp-ui/tool": "1.0.20",
+        "@surely-vue/table": "^5.0.3",
         "animate.css": "^4.1.1",
         "ant-design-vue": "3.2.20",
         "axios": "^1.3.5",

package/render.js

@@ -1,12 +1,12 @@
-import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, withModifiers, normalizeClass, createElementBlock, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, normalizeProps, guardReactiveProps, render, h } from "vue";
+import { h, render, createVNode, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, withModifiers, createElementBlock, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import emitter from "./src/utils/emitter.js";
 import comps from "./src/components/form-designer/form-widget/field-widget/index.js";
-import { buildDefaultFormJson, getContainerWidgetByName, cloneFormConfigWithoutEventHandler, deepClone, getDSByName, overwriteObj, runDataSourceRequest, getAllContainerWidgets, getAllFieldWidgets, getDefaultFormConfig, traverseFieldWidgets, getFieldWidgetByName, traverseFieldWidgetsOfContainer, insertCustomCssToHead, insertGlobalFunctionsToHtml, generateId } from "./src/utils/util.js";
+import { buildDefaultFormJson, generateId, insertCustomCssToHead, insertGlobalFunctionsToHtml, deepClone, traverseFieldWidgetsOfContainer, getFieldWidgetByName, traverseFieldWidgets, getDSByName, overwriteObj, runDataSourceRequest, getDefaultFormConfig, getAllFieldWidgets, getAllContainerWidgets, getContainerWidgetByName, cloneFormConfigWithoutEventHandler } from "./src/utils/util.js";
 import i18n, { changeLocale } from "./src/utils/i18n.js";
 import DynamicDialog from "./src/components/form-render/dynamic-dialog.vue.js";
 import DynamicDrawer from "./src/components/form-render/dynamic-drawer.vue.js";
 import { fmtHttpParams } from "./src/utils/request/fmtHttpParams.js";
-/* empty css                                     */
+import "./src/components/form-render/index.vue.js";
 import _export_sfc from "./_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "VFormRender",
@@ -234,7 +234,8 @@ const _sfc_main = {
     },
     buildDataFromWidget(wItem) {
       if (wItem.category === "container") {
-        if (wItem.type === "vf-dialog" || wItem.type === "vf-drawer") ;
+        if (wItem.type === "vf-dialog" || wItem.type === "vf-drawer")
+          ;
         else if (wItem.type === "grid") {
           if (!!wItem.cols && wItem.cols.length > 0) {
             wItem.cols.forEach((childItem) => {
@@ -829,6 +830,9 @@ const _sfc_main = {
       }
       return topFormRef;
     },
+    exposed1() {
+      return this.vfCtx.factoryRender;
+    },
     setChildFormRef(childFormRef) {
       this.childFormRef = childFormRef;
     },
@@ -1001,7 +1005,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["component-size"]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-fe3f93b2"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a2ef0ffa"]]);
 export {
   index as default
 };

package/src/api/useFilesystemApi/filesystem/index.js

@@ -1,5 +1,6 @@
-import { getHttp } from "@kp-ui/tool";
+import "../../../utils/request/http.js";
 import { saveAs } from "file-saver";
+import { getHttp } from "@kp-ui/tool";
 const useFilesystemApi = () => {
   const http = getHttp();
   const tmgc2Filesystem = "/api/tmgc2-filesystem/";

package/src/components/CustomRender/components/AttachmentRender.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./AttachmentRender.vue2.js";
-/* empty css                      */
+import "./AttachmentRender.vue3.js";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const AttachmentRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3adb70ed"]]);
+const AttachmentRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0f1e5918"]]);
 export {
   AttachmentRender as default
 };

package/src/components/CustomRender/components/AttachmentRender.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watchEffect, onMounted, resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, Fragment, renderList, unref, toDisplayString, withCtx } from "vue";
+import { defineComponent, ref, watchEffect, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, unref, toDisplayString, withCtx, createCommentVNode } from "vue";
 import { Button } from "ant-design-vue";
 import { DownloadOutlined, EyeOutlined } from "@ant-design/icons-vue";
 import { useFilePreview } from "../../../hooks/useFilePreview.js";
@@ -8,8 +8,9 @@ const _hoisted_1 = {
   class: "attachment-render"
 };
 const _hoisted_2 = { class: "file-list" };
-const _hoisted_3 = { class: "file-name" };
-const _hoisted_4 = ["src"];
+const _hoisted_3 = { class: "file-item__icon" };
+const _hoisted_4 = { class: "file-name" };
+const _hoisted_5 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AttachmentRender",
   props: {
@@ -44,8 +45,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: index,
               class: "file-item"
             }, [
-              createVNode(unref(FileIcon), { file }, null, 8, ["file"]),
-              createElementVNode("span", _hoisted_3, toDisplayString(file.fileName), 1),
+              createElementVNode("div", _hoisted_3, [
+                createVNode(unref(FileIcon), { file }, null, 8, ["file"])
+              ]),
+              createElementVNode("span", _hoisted_4, toDisplayString(file.fileName), 1),
               createVNode(unref(Button), {
                 type: "link",
                 onClick: () => unref(handleDownload)(file)
@@ -79,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("img", {
               style: { "width": "100%" },
               src: unref(previewImage)
-            }, null, 8, _hoisted_4)
+            }, null, 8, _hoisted_5)
           ]),
           _: 1
         }, 8, ["visible", "title", "onCancel"])

package/src/components/CustomRender/components/AttachmentRender.vue3.js

@@ -0,0 +1 @@
+

package/src/components/CustomRender/useCustomRender.js

@@ -39,7 +39,11 @@ function useCustomRender() {
     try {
       const component = loadComponent(componentName);
       if (!component) {
-        return h("span", { class: "component-not-found" }, `组件 "${componentName}" 未找到`);
+        return h(
+          "span",
+          { class: "component-not-found" },
+          `组件 "${componentName}" 未找到`
+        );
       }
       const vnode = h(component, props);
       return vnode;
@@ -51,11 +55,15 @@ function useCustomRender() {
   const customRender = (code, params, ctx) => {
     try {
       const { text, record, index, column } = params;
-      const cusFunc = new Function("text", "record", "index", "column", "compontent", code);
-      return cusFunc.call(ctx, text, record, index, column, renderComponent);
+      const cusFunc = new Function("text", "record", "index", "column", code);
+      return cusFunc.call(ctx, text, record, index, column);
     } catch (error) {
       console.error("Custom render execution failed:", error);
-      return h("span", { class: "custom-render-error", style: { color: "red" } }, "自定义渲染失败");
+      return h(
+        "span",
+        { class: "custom-render-error", style: { color: "red" } },
+        "自定义渲染失败"
+      );
     }
   };
   return {

package/src/components/TpfCollapse/TpfCollapseTitle.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./TpfCollapseTitle.vue2.js";
-/* empty css                      */
+import "./TpfCollapseTitle.vue3.js";
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
 const TpfCollapseTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07185a23"]]);
 export {

package/src/components/TpfCollapse/TpfCollapseTitle.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, toDisplayString } from "vue";
+import { defineComponent, openBlock, createElementBlock, toDisplayString } from "vue";
 const _hoisted_1 = {
   class: "tpf-collapse-title"
 };

package/src/components/TpfCollapse/TpfCollapseTitle.vue3.js

@@ -0,0 +1 @@
+

package/src/components/code-editor/code-modal-editor.vue.js

@@ -1,10 +1,10 @@
 import _sfc_main from "./code-modal-editor.vue2.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createCommentVNode, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "dialog-footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_alert = resolveComponent("a-alert");
-  const _component_code_editor = resolveComponent("code-editor");
+  const _component_CodeEditor = resolveComponent("CodeEditor");
   const _component_a_button = resolveComponent("a-button");
   const _component_a_modal = resolveComponent("a-modal");
   return openBlock(), createBlock(_component_a_modal, {
@@ -47,7 +47,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         closable: false,
         message: $props.eventHeader
       }, null, 8, ["message"])) : createCommentVNode("", true),
-      createVNode(_component_code_editor, {
+      createVNode(_component_CodeEditor, {
         mode: $props.mode,
         readonly: $props.readonly,
         modelValue: $data.eventHandlerCode,

package/src/components/code-editor/index.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./index.vue2.js";
-/* empty css           */
+import "./index.vue3.js";
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
 const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d6ceeb37"]]);
 export {

package/src/components/code-editor/index.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, watchEffect, onMounted, createElementBlock, openBlock, createElementVNode } from "vue";
+import { defineComponent, ref, computed, watch, watchEffect, onMounted, openBlock, createElementBlock, createElementVNode } from "vue";
 const _hoisted_1 = { class: "ace-container" };
 const themePath = "ace/theme/sqlserver";
 const modePath = "ace/mode/javascript";
@@ -72,7 +72,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.value,
       (val) => {
-        if (stop.value) return;
+        if (stop.value)
+          return;
         if (val) {
           setValue(val);
           stop.value = true;

package/src/components/code-editor/index.vue3.js

@@ -0,0 +1 @@
+

package/src/components/form-designer/designer.js

@@ -1,4 +1,4 @@
-import { deepClone, getDefaultFormConfig, generateId, overwriteObj } from "../../utils/util.js";
+import { deepClone, getDefaultFormConfig, overwriteObj, generateId } from "../../utils/util.js";
 import { containers, basicFields, advancedFields, customFields } from "./widget-panel/widgetsConfig.js";
 import { VARIANT_FORM_VERSION } from "../../utils/config.js";
 import eventBus from "../../utils/event-bus.js";
@@ -41,7 +41,8 @@ function createDesigner(vueInstance) {
       this.selectedWidgetName = null;
       this.selectedWidget = {};
       overwriteObj(this.formConfig, defaultFormConfig);
-      if (!!skipHistoryChange) ;
+      if (!!skipHistoryChange)
+        ;
       else if (!emptyWidgetListFlag) {
         this.emitHistoryChange();
       } else {

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

@@ -1,8 +1,8 @@
 import i18n from "../../../../utils/i18n.js";
 import containerMixin from "./containerMixin.js";
 import SvgIcon from "../../../svg-icon/index.vue.js";
-import { resolveComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, withModifiers, createVNode, toDisplayString } from "vue";
-/* empty css                       */
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createElementVNode, withModifiers, createVNode, createCommentVNode, toDisplayString } from "vue";
+import "./container-wrapper.vue2.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "container-wrapper",

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

@@ -0,0 +1 @@
+

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

@@ -1,13 +1,10 @@
 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 { resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementBlock, normalizeClass, withModifiers, createVNode } from "vue";
+import "./data-table-widget.vue3.js";
 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_s_table = resolveComponent("s-table");
   const _component_container_wrapper = resolveComponent("container-wrapper");
   return openBlock(), createBlock(_component_container_wrapper, {
     designer: $props.designer,
@@ -21,85 +18,38 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       (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"]))
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
       }, [
-        createVNode(_component_a_table, {
-          ref: "dataTable1",
+        createVNode(_component_s_table, {
           class: normalizeClass(["tpf-table", [_ctx.customClass]]),
+          ref: "dataTable2",
+          columns: _ctx.columns,
+          size: _ctx.widgetSize,
           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
+          rowClassName: _ctx.rowClassName,
+          onChange: _ctx.handleTablePageChange,
+          onResizeColumn: _ctx.handleResizeColumn,
+          loading: _ctx.loading
         }, {
           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"])
+        }, 8, ["columns", "class", "size", "dataSource", "rowKey", "scroll", "bordered", "style", "row-class-name", "rowSelection", "pagination", "customRow", "rowClassName", "onChange", "onResizeColumn", "loading"])
       ], 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"]]);
+const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-87c3ea48"]]);
 export {
   dataTableWidget as default
 };

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

@@ -5,12 +5,15 @@ import comps from "../field-widget/index.js";
 import containerMixin from "./containerMixin.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import useDataTableMixin from "../../../../mixins/useDataTableMixin.js";
+import STable from "@surely-vue/table";
+import "../../../../../node_modules/.pnpm/@surely-vue_table@5.0.3_vue@3.3.11_typescript@4.8.4_/node_modules/@surely-vue/table/dist/index.less.js";
 const _sfc_main = {
   name: "DataTableWidget",
   componentName: "DataTableWidget",
   mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],
   inject: ["refList"],
   components: {
+    STable,
     ContainerWrapper,
     ...comps
   },
@@ -46,7 +49,6 @@ const _sfc_main = {
   },
   mounted() {
     this.loadDataTableDataSource();
-    log;
   },
   beforeUnmount() {
   },

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

@@ -0,0 +1 @@
+

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

@@ -3,8 +3,8 @@ import comps from "../field-widget/index.js";
 import SvgIcon from "../../../svg-icon/index.vue.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import draggableComponent from "../../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent, createBlock, createCommentVNode, openBlock, mergeProps, withModifiers, withCtx, createVNode, createElementBlock, createElementVNode, resolveDynamicComponent, toDisplayString } from "vue";
-/* empty css                     */
+import { resolveComponent, openBlock, createBlock, mergeProps, withModifiers, withCtx, createVNode, createElementVNode, resolveDynamicComponent, createElementBlock, createCommentVNode, toDisplayString } from "vue";
+import "./grid-col-widget.vue2.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "GridColWidget",

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

@@ -0,0 +1 @@
+

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

@@ -4,8 +4,8 @@ import comps from "../field-widget/index.js";
 import containerMixin from "./containerMixin.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import draggableComponent from "../../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createElementVNode, createVNode, mergeProps, createCommentVNode, resolveDynamicComponent } from "vue";
-/* empty css                          */
+import { resolveComponent, openBlock, createBlock, withCtx, createElementBlock, normalizeClass, withModifiers, createElementVNode, createVNode, mergeProps, resolveDynamicComponent, createCommentVNode } from "vue";
+import "./grid-sub-form-widget.vue2.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "grid-sub-form-widget",

package/src/components/form-designer/form-widget/container-widget/grid-sub-form-widget.vue2.js

@@ -0,0 +1 @@
+

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

@@ -3,8 +3,8 @@ import GridColWidget from "./grid-col-widget.vue.js";
 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                 */
+import { resolveComponent, openBlock, createBlock, withCtx, normalizeClass, withModifiers, createElementBlock, Fragment, renderList } from "vue";
+import "./grid-widget.vue2.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "grid-widget",

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

@@ -0,0 +1 @@
+

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

@@ -4,8 +4,8 @@ import ContainerWrapper from "./container-wrapper.vue.js";
 import comps from "../field-widget/index.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import draggableComponent from "../../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createVNode, createElementVNode, mergeProps, normalizeStyle, resolveDynamicComponent } from "vue";
-/* empty css                     */
+import { resolveComponent, openBlock, createBlock, withCtx, createElementBlock, normalizeClass, withModifiers, createVNode, createElementVNode, mergeProps, normalizeStyle, resolveDynamicComponent } from "vue";
+import "./sub-form-widget.vue2.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "sub-form-widget",

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

@@ -0,0 +1 @@
+

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

@@ -4,8 +4,8 @@ import ContainerWrapper from "./container-wrapper.vue.js";
 import comps from "../field-widget/index.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import draggableComponent from "../../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createVNode, Fragment, renderList, mergeProps, createElementVNode, resolveDynamicComponent } from "vue";
-/* empty css                */
+import { resolveComponent, openBlock, createBlock, withCtx, createElementBlock, normalizeClass, withModifiers, createVNode, Fragment, renderList, mergeProps, createElementVNode, resolveDynamicComponent } from "vue";
+import "./tab-widget.vue2.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "tab-widget",

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

@@ -0,0 +1 @@
+

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

@@ -3,8 +3,8 @@ import comps from "../field-widget/index.js";
 import SvgIcon from "../../../svg-icon/index.vue.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import draggableComponent from "../../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent, createElementBlock, openBlock, withModifiers, normalizeStyle, normalizeClass, createVNode, createCommentVNode, mergeProps, withCtx, createElementVNode, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
-/* empty css                       */
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createVNode, mergeProps, withCtx, createElementVNode, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import "./table-cell-widget.vue2.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "TableCellWidget",

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

@@ -0,0 +1 @@
+

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

@@ -3,8 +3,8 @@ import containerMixin from "./containerMixin.js";
 import ContainerWrapper from "./container-wrapper.vue.js";
 import TableCellWidget from "./table-cell-widget.vue.js";
 import refMixinDesign from "../../refMixinDesign.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createElementVNode, Fragment, renderList, createCommentVNode } from "vue";
-/* empty css                  */
+import { resolveComponent, openBlock, createBlock, withCtx, createElementBlock, normalizeClass, withModifiers, createElementVNode, Fragment, renderList, createCommentVNode } from "vue";
+import "./table-widget.vue2.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "table-widget",

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

@@ -0,0 +1 @@
+

package/src/components/form-designer/form-widget/container-widget/vf-box-item.vue.js

@@ -1,12 +1,12 @@
 import ContainerItemWrapper from "../../../form-render/container-item/container-item-wrapper.vue.js";
 import emitter from "../../../../utils/emitter.js";
-import { defineAsyncComponent, resolveComponent, withDirectives, createBlock, openBlock, withCtx, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, normalizeProps, guardReactiveProps, vShow } from "vue";
+import { defineAsyncComponent, resolveComponent, withDirectives, openBlock, createBlock, withCtx, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, normalizeProps, guardReactiveProps, vShow } from "vue";
 import i18n from "../../../../utils/i18n.js";
 import comps from "../field-widget/index.js";
 import refMixin from "../../../form-render/refMixin.js";
 import containerItemMixin from "../../../form-render/container-item/containerItemMixin.js";
 import SvgIcon from "../../../svg-icon/index.vue.js";
-/* empty css                 */
+import "./vf-box-item.vue2.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "VfBoxItem",

package/src/components/form-designer/form-widget/container-widget/vf-box-item.vue2.js

@@ -0,0 +1 @@
+