@kp-ui/lowcode 1.0.29 → 1.0.31

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

@@ -0,0 +1,166 @@
+import { defineComponent, ref, computed, watch, watchEffect, onMounted, createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = { class: "ace-container" };
+const themePath = "ace/theme/sqlserver";
+const modePath = "ace/mode/javascript";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    value: {},
+    modelValue: {},
+    readonly: { type: Boolean },
+    mode: {},
+    userWorker: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:value"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const aceRef = ref(null);
+    const aceEditor = ref(null);
+    const stop = ref(false);
+    const codeValue = computed(() => props.value || props.modelValue);
+    const isLoading = ref(false);
+    const setValue = (newValue) => {
+      if (aceEditor.value) {
+        aceEditor.value.getSession().setValue(newValue);
+      }
+    };
+    const getEditorAnnotations = () => {
+      var _a;
+      return (_a = aceEditor.value) == null ? void 0 : _a.getSession().getAnnotations();
+    };
+    const setJsonMode = () => {
+      var _a;
+      (_a = aceEditor.value) == null ? void 0 : _a.getSession().setMode("ace/mode/json");
+    };
+    const setCssMode = () => {
+      var _a;
+      (_a = aceEditor.value) == null ? void 0 : _a.getSession().setMode("ace/mode/css");
+    };
+    const setGroovyMode = () => {
+      var _a;
+      (_a = aceEditor.value) == null ? void 0 : _a.getSession().setMode("ace/mode/groovy");
+    };
+    const addAutoCompletion = (ace) => {
+      const acData = [
+        {
+          meta: "VForm API",
+          caption: "getWidgetRef",
+          value: "getWidgetRef()",
+          score: 1
+        },
+        { meta: "VForm API", caption: "getFormRef", value: "getFormRef()", score: 1 },
+        {
+          meta: "VForm API",
+          caption: "getParentFormRef",
+          value: "getParentFormRef()",
+          score: 1
+        }
+        //TODO: 待补充！！
+      ];
+      const langTools = ace.require("ace/ext/language_tools");
+      langTools.addCompleter({
+        getCompletions: function(editor, session, pos, prefix, callback) {
+          if (prefix.length === 0) {
+            return callback(null, []);
+          } else {
+            return callback(null, acData);
+          }
+        }
+      });
+    };
+    watch(
+      () => props.value,
+      (val) => {
+        if (stop.value) return;
+        if (val) {
+          setValue(val);
+          stop.value = true;
+        }
+      }
+    );
+    const initEditor = async () => {
+      isLoading.value = true;
+      const ace = await import("ace-builds");
+      const ACE_BASE_PATH = "https://ks3-cn-beijing.ksyun.com/vform2021/ace-mini";
+      ace.config.set("basePath", ACE_BASE_PATH);
+      await Promise.all([
+        import("ace-builds/src-min-noconflict/theme-sqlserver"),
+        import("ace-builds/src-min-noconflict/mode-javascript"),
+        import("ace-builds/src-min-noconflict/ext-language_tools")
+      ]);
+      if (props.mode === "json") {
+        await import("ace-builds/src-min-noconflict/mode-json");
+      } else if (props.mode === "css") {
+        await import("ace-builds/src-min-noconflict/mode-css");
+      } else if (props.mode === "groovy") {
+        await import("ace-builds/src-min-noconflict/mode-groovy");
+      }
+      addAutoCompletion(ace);
+      aceEditor.value = ace.edit(aceRef.value, {
+        maxLines: 20,
+        // 最大行数，超过会自动出现滚动条
+        minLines: 5,
+        // 最小行数，还未到最大行数时，编辑器会自动伸缩大小
+        fontSize: 12,
+        // 编辑器内字体大小
+        theme: themePath,
+        // 默认设置的主题
+        mode: modePath,
+        // 默认设置的语言模式
+        tabSize: 2,
+        // 制表符设置为2个空格大小
+        readOnly: props.readonly,
+        highlightActiveLine: true,
+        value: codeValue.value
+      });
+      aceEditor.value.setOptions({
+        enableBasicAutocompletion: true,
+        enableSnippets: true,
+        // 设置代码片段提示
+        enableLiveAutocompletion: true
+        // 设置自动提示
+      });
+      if (props.mode === "json") {
+        setJsonMode();
+      } else if (props.mode === "css") {
+        setCssMode();
+      } else if (props.mode === "groovy") {
+        setGroovyMode();
+      }
+      aceEditor.value.getSession().on("change", (ev) => {
+        var _a, _b;
+        emit("update:modelValue", (_a = aceEditor.value) == null ? void 0 : _a.getValue());
+        emit("update:value", (_b = aceEditor.value) == null ? void 0 : _b.getValue());
+      });
+      isLoading.value = false;
+    };
+    watchEffect(() => {
+      var _a;
+      (_a = aceEditor.value) == null ? void 0 : _a.setOptions({
+        readOnly: props.readonly,
+        mode: props.mode,
+        useWorker: props.userWorker
+      });
+    });
+    onMounted(() => {
+      initEditor();
+    });
+    __expose({
+      initEditor,
+      getEditorAnnotations
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "ace-editor",
+          ref_key: "aceRef",
+          ref: aceRef
+        }, null, 512)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -1,106 +1,235 @@
-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,
-          rowClassName: _ctx.rowClassName,
-          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", "rowClassName", "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-19e67e23"]]);
+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();
+  },
+  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 {
-  dataTableWidget as default
+  _sfc_main as default
 };

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

@@ -0,0 +1,106 @@
+import _sfc_main from "./data-table-widget.vue.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,
+          rowClassName: _ctx.rowClassName,
+          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", "rowClassName", "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-19e67e23"]]);
+export {
+  dataTableWidget as default
+};

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

@@ -2,6 +2,7 @@ import i18n from "../../../../utils/i18n.js";
 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 _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
@@ -11,6 +12,7 @@ const _sfc_main = {
   mixins: [i18n, refMixinDesign],
   inject: ["refList"],
   components: {
+    Draggable: draggableComponent,
     ...comps,
     SvgIcon
   },
@@ -296,7 +298,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 16, ["class", "style"])) : createCommentVNode("", true);
 }
-const GridColWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e53ef040"]]);
+const GridColWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-06e9921c"]]);
 export {
   GridColWidget as default
 };