@kp-ui/lowcode 2.15.0-alpha.9 → 2.15.0-beta.7

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

@@ -1,16 +1,15 @@
-import { defineComponent as W, computed as L, ref as v, resolveComponent as N, createBlock as l, createCommentVNode as i, openBlock as n, mergeProps as a, withModifiers as A, unref as o, withCtx as E, createVNode as H, createElementBlock as P, normalizeProps as R, createElementVNode as _, toDisplayString as b } from "vue";
-import { useI18n as B } from "../../../../utils/i18n.js";
-import D from "../RenderDesignerWigetList.vue.js";
-import I from "../widgetAction.vue.js";
-import { useContainerWidget as S } from "./useContainerWidget.js";
-import { useAppRef as V } from "../../useAppRef.js";
-import { ComponentNameEnum as F, ContainerTypeEnum as $ } from "../../../../constants/WidgetTypeEnum.js";
-const z = {
+import { defineComponent as W, computed as l, resolveComponent as v, createBlock as a, createCommentVNode as i, openBlock as n, mergeProps as p, withModifiers as L, unref as o, withCtx as N, createVNode as E, createElementBlock as H, normalizeProps as P, createElementVNode as _, toDisplayString as b } from "vue";
+import { useI18n as A } from "../../../../utils/i18n.js";
+import B from "../RenderDesignerWigetList.vue.js";
+import D from "../widgetAction.vue.js";
+import { useContainerWidget as I } from "./useContainerWidget.js";
+import { ComponentNameEnum as S, ContainerTypeEnum as V } from "../../../../constants/WidgetTypeEnum.js";
+const F = {
   key: 1,
   class: "grid-col-handler"
-}, J = /* @__PURE__ */ W({
-  name: $.GridColWidget,
-  componentName: F.ContainerWidget,
+}, T = /* @__PURE__ */ W({
+  name: V.GridColWidget,
+  componentName: S.ContainerWidget,
   inheritAttrs: !1,
   __name: "grid-col-widget",
   props: {
@@ -23,41 +22,41 @@ const z = {
     subFormRowId: {},
     colHeight: { default: null }
   },
-  setup(p) {
-    const e = p, { i18nt: g } = B(), {
-      designState: m,
+  setup(g) {
+    const e = g, { i18nt: m } = A(), {
+      designState: c,
       selected: r,
-      selectWidget: c,
-      customClass: u,
-      onContainerDragAdd: f,
-      onContainerDragUpdate: w
-    } = S(e), y = L(() => e.colHeight ? { height: e.colHeight } : {}), C = v({
+      selectWidget: u,
+      customClass: f,
+      onContainerDragAdd: w,
+      onContainerDragUpdate: y
+    } = I(e), C = l(() => e.colHeight ? { height: e.colHeight } : {}), h = l(() => ({
       span: e.widget.options.span || 12,
       offset: e.widget.options.offset || 0,
       push: e.widget.options.push || 0,
       pull: e.widget.options.pull || 0
-    }), { initRefList: h } = V(e);
-    return h(), (t, s) => {
-      const k = N("a-col");
-      return t.widget.type === "grid-col" ? (n(), l(k, a({
+    }));
+    return (t, s) => {
+      const k = v("a-col");
+      return t.widget.type === "grid-col" ? (n(), a(k, p({
         key: 0,
         class: "grid-cell"
-      }, C.value, {
-        class: [o(r) ? "selected" : "", o(u)],
-        style: y.value,
+      }, h.value, {
+        class: [o(r) ? "selected" : "", o(f)],
+        style: C.value,
         key: t.widget.id,
-        onClick: s[0] || (s[0] = A((d) => o(c)(t.widget), ["stop"]))
+        onClick: s[0] || (s[0] = L((d) => o(u)(t.widget), ["stop"]))
       }), {
-        default: E(() => [
-          H(D, {
+        default: N(() => [
+          E(B, {
             list: t.widget.widgetList || [],
             parentWidget: t.widget,
-            add: (d) => o(f)(d, t.widget.widgetList),
-            update: o(w)
+            add: (d) => o(w)(d, t.widget.widgetList),
+            update: o(y)
           }, null, 8, ["list", "parentWidget", "add", "update"]),
-          o(m) ? (n(), l(I, R(a({ key: 0 }, e)), null, 16)) : i("", !0),
-          o(r) && t.widget.type === "grid-col" ? (n(), P("div", z, [
-            _("i", null, b(o(g)("designer.widgetLabel." + t.widget.type)), 1)
+          o(c) ? (n(), a(D, P(p({ key: 0 }, e)), null, 16)) : i("", !0),
+          o(r) && t.widget.type === "grid-col" ? (n(), H("div", F, [
+            _("i", null, b(o(m)("designer.widgetLabel." + t.widget.type)), 1)
           ])) : i("", !0)
         ]),
         _: 1
@@ -66,5 +65,6 @@ const z = {
   }
 });
 export {
-  J as default
+  T as default
 };
+//# sourceMappingURL=grid-col-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-col-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/grid-col-widget.vue"],"sourcesContent":["<template>\n    <a-col\n        v-if=\"widget.type === 'grid-col'\"\n        class=\"grid-cell\"\n        v-bind=\"layoutProps\"\n        :class=\"[selected ? 'selected' : '', customClass]\"\n        :style=\"colHeightStyle\"\n        :key=\"widget.id\"\n        @click.stop=\"selectWidget(widget)\"\n    >\n        <RenderDesignerWigetList\n            :list=\"widget.widgetList || []\"\n            :parentWidget=\"widget\"\n            :add=\"evt => onContainerDragAdd(evt, widget.widgetList)\"\n            :update=\"onContainerDragUpdate\"\n        />\n\n        <WidgetAction v-bind=\"props\" v-if=\"designState\" />\n\n        <div class=\"grid-col-handler\" v-if=\"selected && widget.type === 'grid-col'\">\n            <i>{{ i18nt('designer.widgetLabel.' + widget.type) }}</i>\n        </div>\n    </a-col>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import RenderDesignerWigetList from '@/components/form-designer/form-widget/RenderDesignerWigetList.vue';\n    import WidgetAction from '../widgetAction.vue';\n    import { useContainerWidget, type WidgetProps } from './useContainerWidget';\n    import { computed, ref } from 'vue';\n    import { useAppRef } from '../../useAppRef';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n\n    defineOptions({\n        name: ContainerTypeEnum.GridColWidget,\n        componentName: ComponentNameEnum.ContainerWidget,\n        inheritAttrs: false\n    });\n\n    const props = withDefaults(\n        defineProps<\n            WidgetProps & {\n                colHeight?: number | string | null;\n            }\n        >(),\n        {\n            colHeight: null\n        }\n    );\n\n    const { i18nt } = useI18n();\n\n    const {\n        designState,\n        selected,\n        selectWidget,\n        customClass,\n        onContainerDragAdd,\n        onContainerDragUpdate\n    } = useContainerWidget(props);\n\n    const colHeightStyle = computed(() => {\n        return props.colHeight ? { height: props.colHeight } : {};\n    });\n\n    const layoutProps = computed(() => ({\n        span: props.widget.options.span || 12,\n        offset: props.widget.options.offset || 0,\n        push: props.widget.options.push || 0,\n        pull: props.widget.options.pull || 0\n    }));\n</script>\n\n<style lang=\"scss\" scoped>\n    .grid-cell {\n        min-height: 38px !important;\n        //margin: 6px 0;  /* 设置了margin，栅格列的offset、push、pull会失效！！ */\n        padding: 3px;\n        border: 1px dashed #336699;\n        position: relative;\n        &.selected {\n            outline: 1px solid var(--ant-primary-color) !important;\n        }\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n\n        .grid-col-action {\n            position: absolute;\n            bottom: 0;\n            right: -2px;\n            height: 28px;\n            line-height: 28px;\n            background: var(--ant-primary-4);\n            z-index: 999;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 5px;\n                cursor: pointer;\n            }\n        }\n\n        .grid-col-handler {\n            position: absolute;\n            top: -2px;\n            left: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4);\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: default;\n            }\n        }\n    }\n\n    .grid-col-action,\n    .grid-col-handler {\n        :deep(.svg-icon) {\n            margin-left: 0.1em;\n            margin-right: 0.1em;\n        }\n    }\n</style>\n"],"names":["props","__props","i18nt","useI18n","designState","selected","selectWidget","customClass","onContainerDragAdd","onContainerDragUpdate","useContainerWidget","colHeightStyle","computed","layoutProps","widget","_openBlock","_createBlock","_component_a_col","_mergeProps","_unref","_cache","_withModifiers","$event","_createVNode","RenderDesignerWigetList","evt","WidgetAction","_createElementBlock","_hoisted_1","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwCI,UAAMA,IAAQC,GAWR,EAAE,OAAAC,EAAA,IAAUC,EAAA,GAEZ;AAAA,MACF,aAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,uBAAAC;AAAA,IAAA,IACAC,EAAmBV,CAAK,GAEtBW,IAAiBC,EAAS,MACrBZ,EAAM,YAAY,EAAE,QAAQA,EAAM,UAAA,IAAc,CAAA,CAC1D,GAEKa,IAAcD,EAAS,OAAO;AAAA,MAChC,MAAMZ,EAAM,OAAO,QAAQ,QAAQ;AAAA,MACnC,QAAQA,EAAM,OAAO,QAAQ,UAAU;AAAA,MACvC,MAAMA,EAAM,OAAO,QAAQ,QAAQ;AAAA,MACnC,MAAMA,EAAM,OAAO,QAAQ,QAAQ;AAAA,IAAA,EACrC;;;AArEQc,aAAAA,EAAAA,OAAO,SAAI,cADrBC,KAAAC,EAqBQC,GArBRC,EAqBQ;AAAA;QAnBJ,OAAM;AAAA,MAAA,GACEL,EAAA,OAAW;AAAA,QAClB,OAAK,CAAGM,EAAAd,CAAA,IAAQ,aAAA,IAAoBc,EAAAZ,CAAA,CAAW;AAAA,QAC/C,OAAOI,EAAA;AAAA,QACP,KAAKG,EAAAA,OAAO;AAAA,QACZ,SAAKM,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAOH,EAAAb,CAAA,EAAaQ,EAAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA,MAAA;mBAEhC,MAKE;AAAA,UALFS,EAKEC,GAAA;AAAA,YAJG,MAAMV,EAAAA,OAAO,cAAU,CAAA;AAAA,YACvB,cAAcA,EAAAA;AAAAA,YACd,KAAK,OAAOK,EAAAX,CAAA,EAAmBiB,GAAKX,EAAAA,OAAO,UAAU;AAAA,YACrD,QAAQK,EAAAV,CAAA;AAAA,UAAA;UAGsBU,EAAAf,CAAA,KAAnCW,EAAA,GAAAC,EAAkDU,mBAA5B1B,CAAK,CAAA,GAAA,MAAA,EAAA;UAESmB,EAAAd,CAAA,KAAYS,EAAAA,OAAO,SAAI,cAA3DC,EAAA,GAAAY,EAEM,OAFNC,GAEM;AAAA,YADFC,EAAyD,KAAA,MAAAC,EAAnDX,EAAAjB,CAAA,EAAK,0BAA2BY,EAAAA,OAAO,IAAI,CAAA,GAAA,CAAA;AAAA,UAAA;;;;;;;"}

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

@@ -5,3 +5,4 @@ const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d9fea884"]]);
 export {
   d as default
 };
+//# sourceMappingURL=grid-sub-form-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-sub-form-widget.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -36,3 +36,4 @@ const b = { class: "sub-form-container" }, R = /* @__PURE__ */ d({
 export {
   R as default
 };
+//# sourceMappingURL=grid-sub-form-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-sub-form-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/grid-sub-form-widget.vue"],"sourcesContent":["<template>\n    <ContainerWrapper v-bind=\"props\">\n        <div class=\"sub-form-container\">\n            <RenderDesignerWigetList\n                :list=\"widget.widgetList || []\"\n                :parentWidget=\"widget\"\n                :add=\"evt => onContainerDragAdd(evt, widget.widgetList)\"\n                :update=\"onContainerDragUpdate\"\n            />\n        </div>\n    </ContainerWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { GridSubFormWidget } from '../../widget-panel/containers';\n    import { useContainerWidget, WidgetProps } from './useContainerWidget';\n    import RenderDesignerWigetList from '@/components/form-designer/form-widget/RenderDesignerWigetList.vue';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n\n    const props = defineProps<WidgetProps<GridSubFormWidget>>();\n    defineOptions({\n        name: ContainerTypeEnum.GridSubFormWidget,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n    const { onContainerDragAdd, onContainerDragUpdate } = useContainerWidget(props);\n</script>\n\n<style lang=\"scss\" scoped>\n    .sub-form-container {\n        min-height: 100px;\n    }\n</style>\n"],"names":["props","__props","onContainerDragAdd","onContainerDragUpdate","useContainerWidget","_openBlock","_createBlock","ContainerWrapper","_createElementVNode","_hoisted_1","_createVNode","RenderDesignerWigetList","widget","_unref","evt"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBI,UAAMA,IAAQC,GAKR,EAAE,oBAAAC,GAAoB,uBAAAC,MAA0BC,EAAmBJ,CAAK;sBAxB9EK,EAAA,GAAAC,EASmBC,OATOP,CAAK,CAAA,GAAA;AAAA,iBAC3B,MAOM;AAAA,QAPNQ,EAOM,OAPNC,GAOM;AAAA,UANFC,EAKEC,GAAA;AAAA,YAJG,MAAMC,EAAAA,OAAO,cAAU,CAAA;AAAA,YACvB,cAAcA,EAAAA;AAAAA,YACd,KAAK,OAAOC,EAAAX,CAAA,EAAmBY,GAAKF,EAAAA,OAAO,UAAU;AAAA,YACrD,QAAQC,EAAAV,CAAA;AAAA,UAAA;;;;;;;"}

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

@@ -1,7 +1,8 @@
 import o from "./grid-widget.vue2.js";
 /* empty css                 */
 import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-baf36a58"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-40494569"]]);
 export {
-  i as default
+  p as default
 };
+//# sourceMappingURL=grid-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-widget.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -1,9 +1,9 @@
-import { defineComponent as m, resolveComponent as l, createBlock as o, openBlock as t, normalizeProps as g, guardReactiveProps as u, withCtx as n, createElementVNode as f, createElementBlock as w, Fragment as c, renderList as h } from "vue";
+import { defineComponent as m, resolveComponent as l, createBlock as r, openBlock as t, normalizeProps as g, guardReactiveProps as u, withCtx as n, createElementVNode as f, createElementBlock as c, Fragment as w, renderList as h } from "vue";
 import C from "./container-wrapper.vue.js";
 import _ from "./grid-col-widget.vue.js";
 import { ComponentNameEnum as k, ContainerTypeEnum as R } from "../../../../constants/WidgetTypeEnum.js";
 import { useAppRef as E } from "../../useAppRef.js";
-const L = { class: "grid-container" }, W = /* @__PURE__ */ m({
+const L = { class: "grid-container" }, b = /* @__PURE__ */ m({
   name: R.grid,
   componentName: k.ContainerWidget,
   __name: "grid-widget",
@@ -20,18 +20,18 @@ const L = { class: "grid-container" }, W = /* @__PURE__ */ m({
     const i = d, { initRefList: a } = E(i);
     return a(), (e, v) => {
       const p = l("a-row");
-      return t(), o(C, g(u(i)), {
+      return t(), r(C, g(u(i)), {
         default: n(() => [
           f("div", L, [
-            (t(), o(p, {
+            (t(), r(p, {
               key: e.widget.id,
               gutter: e.widget.options.gutter
             }, {
               default: n(() => [
-                (t(!0), w(c, null, h(e.widget.cols, (r, s) => (t(), o(_, {
-                  key: r.id,
-                  field: e.widget,
-                  widget: r,
+                (t(!0), c(w, null, h(e.widget.cols, (o, s) => (t(), r(_, {
+                  key: o.id,
+                  field: o,
+                  widget: o,
                   "parent-list": e.widget.cols || [],
                   "index-of-parent-list": s,
                   "parent-widget": e.widget,
@@ -48,5 +48,6 @@ const L = { class: "grid-container" }, W = /* @__PURE__ */ m({
   }
 });
 export {
-  W as default
+  b as default
 };
+//# sourceMappingURL=grid-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/grid-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\">\n        <div class=\"grid-container\">\n            <a-row :key=\"widget.id\" :gutter=\"widget.options.gutter\">\n                <grid-col-widget\n                    v-for=\"(colWidget, colIdx) in widget.cols\"\n                    :key=\"colWidget.id\"\n                    :field=\"colWidget\"\n                    :widget=\"colWidget\"\n                    :parent-list=\"widget.cols || []\"\n                    :index-of-parent-list=\"colIdx\"\n                    :parent-widget=\"widget\"\n                    :col-height=\"widget.options.colHeight\"\n                />\n            </a-row>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n    import { WidgetProps } from './useContainerWidget';\n    import GridColWidget from './grid-col-widget.vue';\n    import { ContainerTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { useAppRef } from '../../useAppRef';\n    import { GridWidget } from '../../widget-panel/containers';\n\n    const props = defineProps<WidgetProps<GridWidget>>();\n    defineOptions({\n        name: ContainerTypeEnum.grid,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const { initRefList } = useAppRef(props);\n    initRefList();\n</script>\n\n<style lang=\"scss\" scoped>\n    .grid-container {\n        min-height: 50px;\n        padding: 5px 10px;\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n    }\n</style>\n"],"names":["props","__props","initRefList","useAppRef","_openBlock","_createBlock","ContainerWrapper","_createElementVNode","_hoisted_1","_component_a_row","widget","_createElementBlock","_Fragment","colWidget","colIdx","GridColWidget"],"mappings":";;;;;;;;;;;;;;;;;;;AA2BI,UAAMA,IAAQC,GAMR,EAAE,aAAAC,EAAA,IAAgBC,EAAUH,CAAK;AACvC,WAAAE,EAAA;;AAjCA,aAAAE,EAAA,GAAAC,EAeoBC,OAfON,CAAK,CAAA,GAAA;AAAA,mBAC5B,MAaM;AAAA,UAbNO,EAaM,OAbNC,GAaM;AAAA,kBAZFH,EAWQI,GAAA;AAAA,cAXA,KAAKC,EAAAA,OAAO;AAAA,cAAK,QAAQA,EAAAA,OAAO,QAAQ;AAAA,YAAA;yBAExC,MAA0C;AAAA,iBAD9CN,EAAA,EAAA,GAAAO,EASEC,WARgCF,EAAAA,OAAO,MAAI,CAAjCG,GAAWC,YADvBT,EASEU,GAAA;AAAA,kBAPG,KAAKF,EAAU;AAAA,kBACf,OAAOA;AAAA,kBACP,QAAQA;AAAA,kBACR,eAAaH,EAAAA,OAAO,QAAI,CAAA;AAAA,kBACxB,wBAAsBI;AAAA,kBACtB,iBAAeJ,EAAAA;AAAAA,kBACf,cAAYA,EAAAA,OAAO,QAAQ;AAAA,gBAAA;;;;;;;;;;;"}

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

@@ -19,3 +19,4 @@ const e = {
 export {
   e as RenderDesginWidgetList
 };
+//# sourceMappingURL=index.js.map

package/src/components/form-designer/form-widget/container-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/index.ts"],"sourcesContent":["import { ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\nimport { defineAsyncComponent } from 'vue';\n\nexport const RenderDesginWidgetList = {\n    [ContainerTypeEnum.GridColWidget]: defineAsyncComponent(() => import('./grid-col-widget.vue')),\n    [ContainerTypeEnum.grid]: defineAsyncComponent(() => import('./grid-widget.vue')),\n    [ContainerTypeEnum.DataTable]: defineAsyncComponent(() => import('./data-table-widget.vue')),\n    [ContainerTypeEnum.GridSubFormWidget]: defineAsyncComponent(\n        () => import('./grid-sub-form-widget.vue')\n    ),\n    [ContainerTypeEnum.Tab]: defineAsyncComponent(() => import('./tab-widget.vue')),\n    [ContainerTypeEnum.VfCollapseWidget]: defineAsyncComponent(\n        () => import('./vf-collapse-widget.vue')\n    ),\n    [ContainerTypeEnum.VfDialogWidget]: defineAsyncComponent(\n        () => import('./vf-dialog-widget.vue')\n    ),\n    [ContainerTypeEnum.VfBoxWidget]: defineAsyncComponent(() => import('./vf-box-widget.vue'))\n};\n"],"names":["RenderDesginWidgetList","ContainerTypeEnum","defineAsyncComponent"],"mappings":";;AAGO,MAAMA,IAAyB;AAAA,EAClC,CAACC,EAAkB,aAAa,GAAGC,EAAqB,MAAM,OAAO,0BAAuB,CAAC;AAAA,EAC7F,CAACD,EAAkB,IAAI,GAAGC,EAAqB,MAAM,OAAO,sBAAmB,CAAC;AAAA,EAChF,CAACD,EAAkB,SAAS,GAAGC,EAAqB,MAAM,OAAO,4BAAyB,CAAC;AAAA,EAC3F,CAACD,EAAkB,iBAAiB,GAAGC;AAAA,IACnC,MAAM,OAAO,+BAA4B;AAAA,EAAA;AAAA,EAE7C,CAACD,EAAkB,GAAG,GAAGC,EAAqB,MAAM,OAAO,qBAAkB,CAAC;AAAA,EAC9E,CAACD,EAAkB,gBAAgB,GAAGC;AAAA,IAClC,MAAM,OAAO,6BAA0B;AAAA,EAAA;AAAA,EAE3C,CAACD,EAAkB,cAAc,GAAGC;AAAA,IAChC,MAAM,OAAO,2BAAwB;AAAA,EAAA;AAAA,EAEzC,CAACD,EAAkB,WAAW,GAAGC,EAAqB,MAAM,OAAO,wBAAqB,CAAC;AAC7F;"}

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

@@ -5,3 +5,4 @@ const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-2cd27226"]]);
 export {
   p as default
 };
+//# sourceMappingURL=tab-widget.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-widget.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -68,3 +68,4 @@ const K = { class: "tab-content-wrapper" }, z = /* @__PURE__ */ y({
 export {
   z as default
 };
+//# sourceMappingURL=tab-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/tab-widget.vue"],"sourcesContent":["<template>\n    <ContainerWrapper v-bind=\"props\">\n        <div :key=\"widget.id\" class=\"tab-container container-design-widget\">\n            <a-tabs\n                :type=\"widget.options.type\"\n                :tabBarGutter=\"widget.options.tabBarGutter\"\n                :tabPosition=\"widget.options.tabPosition\"\n                v-model:activeKey=\"widget.options.activeTab\"\n                @tab-click=\"onTabClick\"\n            >\n                <a-tab-pane\n                    v-for=\"tab in widget.tabs\"\n                    :tab=\"tab.options.label\"\n                    :key=\"tab.options.label\"\n                    @click.stop=\"selectWidget(widget)\"\n                >\n                    <div class=\"tab-content-wrapper\">\n                        <RenderDesignerWigetList\n                            :list=\"tab.widgetList || []\"\n                            :parentWidget=\"widget\"\n                            :add=\"evt => onContainerDragAdd(evt, tab.widgetList)\"\n                            :update=\"onContainerDragUpdate\"\n                        />\n                    </div>\n                </a-tab-pane>\n            </a-tabs>\n        </div>\n    </ContainerWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n    import RenderDesignerWigetList from '@/components/form-designer/form-widget/RenderDesignerWigetList.vue';\n    import {\n        useContainerWidget,\n        type WidgetProps\n    } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { useAppRef } from '@/components/form-designer/useAppRef';\n    import type { TabWidget } from '@/components/form-designer/widget-panel/containers';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n\n    defineOptions({\n        name: ContainerTypeEnum.Tab,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const props = defineProps<WidgetProps<TabWidget>>();\n    const { initRefList } = useAppRef(props);\n\n    const { selectWidget, onContainerDragAdd, onContainerDragUpdate } = useContainerWidget(props);\n\n    const onTabClick = key => {\n        props.widget.options.activeTab = key;\n    };\n\n    initRefList();\n</script>\n\n<style lang=\"scss\" scoped>\n    .tab-container {\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.ant-tabs) {\n            &.ant-tabs-bottom .ant-tabs-nav-wrap,\n            &.ant-tabs-top .ant-tabs-nav-wrap {\n                padding-left: 26px;\n            }\n        }\n        :deep(.tab-content-wrapper) {\n            min-height: 100px;\n        }\n    }\n</style>\n"],"names":["props","__props","initRefList","useAppRef","selectWidget","onContainerDragAdd","onContainerDragUpdate","useContainerWidget","onTabClick","key","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createVNode","_component_a_tabs","$event","_Fragment","_renderList","tab","_component_a_tab_pane","_cache","_withModifiers","_unref","_createElementVNode","_hoisted_1","RenderDesignerWigetList","evt"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8CI,UAAMA,IAAQC,GACR,EAAE,aAAAC,EAAA,IAAgBC,EAAUH,CAAK,GAEjC,EAAE,cAAAI,GAAc,oBAAAC,GAAoB,uBAAAC,EAAA,IAA0BC,EAAmBP,CAAK,GAEtFQ,IAAa,CAAAC,MAAO;AACtB,MAAAT,EAAM,OAAO,QAAQ,YAAYS;AAAA,IACrC;AAEA,WAAAP,EAAA;;AAtDA,aAAAQ,EAAA,GAAAC,EA0BmBC,OA1BOZ,CAAK,CAAA,GAAA;AAAA,mBAC3B,MAwBM;AAAA,gBAxBNa,EAwBM,OAAA;AAAA,YAxBA,KAAKC,EAAAA,OAAO;AAAA,YAAI,OAAM;AAAA,UAAA;YACxBC,EAsBSC,GAAA;AAAA,cArBJ,MAAMF,EAAAA,OAAO,QAAQ;AAAA,cACrB,cAAcA,EAAAA,OAAO,QAAQ;AAAA,cAC7B,aAAaA,EAAAA,OAAO,QAAQ;AAAA,cACrB,WAAWA,EAAAA,OAAO,QAAQ;AAAA,2DAAfA,EAAAA,OAAO,QAAQ,YAASG;AAAA,cAC1C,YAAAT;AAAA,YAAA;yBAGG,MAA0B;AAAA,iBAD9BE,EAAA,EAAA,GAAAG,EAcaK,GAAA,MAAAC,EAbKL,EAAAA,OAAO,OAAdM,YADXT,EAcaU,GAAA;AAAA,kBAZR,KAAKD,EAAI,QAAQ;AAAA,kBACjB,KAAKA,EAAI,QAAQ;AAAA,kBACjB,SAAKE,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAN,MAAOO,EAAApB,CAAA,EAAaU,EAAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA,gBAAA;6BAEhC,MAOM;AAAA,oBAPNW,EAOM,OAPNC,GAOM;AAAA,sBANFX,EAKEY,GAAA;AAAA,wBAJG,MAAMP,EAAI,cAAU,CAAA;AAAA,wBACpB,cAAcN,EAAAA;AAAAA,wBACd,KAAK,CAAAc,MAAOJ,EAAAnB,CAAA,EAAmBuB,GAAKR,EAAI,UAAU;AAAA,wBAClD,QAAQI,EAAAlB,CAAA;AAAA,sBAAA;;;;;;;;;;;;;;;"}

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

@@ -56,3 +56,4 @@ function O(d) {
 export {
   O as useContainerWidget
 };
+//# sourceMappingURL=useContainerWidget.js.map

package/src/components/form-designer/form-widget/container-widget/useContainerWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerWidget.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/useContainerWidget.ts"],"sourcesContent":["import { FormDesigner } from '@/types/designer';\nimport { Widget } from '@/types/schema';\nimport { computed, inject, ref, Ref } from 'vue';\nimport { CollapseWidget, GridWidget } from '../../widget-panel/containers';\nimport { FieldProps } from '../field-widget/useField';\n\nexport interface WidgetProps<T = Widget> {\n    widget: T;\n    field: T;\n    parentWidget: T | null;\n    parentList: T[];\n    indexOfParentList?: number;\n    subFormRowIndex?: number;\n    subFormRowId?: string;\n}\n\nexport function useContainerWidget(props: Required<WidgetProps | FieldProps>) {\n    const { widget, parentWidget, indexOfParentList } = props;\n    const designState = inject('designState', true);\n    const designer = inject<Ref<FormDesigner>>('designer', ref({} as FormDesigner));\n\n    const selected = computed(() => {\n        return designState && designer.value?.selectedId === widget?.id;\n    });\n\n    /**\n     * 容器组件拖动添加钩子\n     * @param evt 事件对象\n     * @param subList 子组件列表\n     */\n    const onContainerDragAdd = (evt, subList) => {\n        const newIndex = evt.newIndex;\n        if (subList[newIndex]) {\n            designer.value.setSelected(subList[newIndex]);\n        }\n        designer.value.emitHistoryChange();\n        designer.value.emitEvent('field-selected', widget);\n    };\n\n    /**\n     * 容器组件拖动更新钩子\n     */\n    const onContainerDragUpdate = () => {\n        designer.value.emitHistoryChange();\n    };\n\n    /**\n     * 检查容器组件是否可以移动\n     * @param evt 事件对象\n     */\n    const checkContainerMove = evt => {\n        return designer.value.checkWidgetMove(evt);\n    };\n\n    /**\n     * 选择子组件\n     * @param widget 组件配置\n     */\n    const selectWidget = widget => {\n        if (designState) {\n            designer.value.setSelected(widget);\n        }\n    };\n\n    /**\n     * 选择父容器组件\n     */\n    const selectParentWidget = () => {\n        if (parentWidget) {\n            designer.value.setSelected(parentWidget);\n        } else {\n            designer.value.clearSelected();\n        }\n    };\n\n    /**\n     * 移动组件到上一行\n     */\n    const moveUpWidget = () => {\n        if (!parentWidget?.widgetList) {\n            return;\n        }\n        designer.value.moveUpWidget(parentWidget.widgetList || [], indexOfParentList);\n        designer.value.emitHistoryChange();\n    };\n\n    /**\n     * 移动组件到下一行\n     */\n    const moveDownWidget = () => {\n        if (!parentWidget?.widgetList) {\n            return;\n        }\n        designer.value.moveDownWidget(parentWidget.widgetList || [], indexOfParentList);\n        designer.value.emitHistoryChange();\n    };\n\n    /**\n     * 克隆容器组件\n     * @param widget 组件配置\n     */\n    const cloneContainer = widget => {\n        if (!parentWidget?.widgetList) {\n            return;\n        }\n        const newCon = designer.value.cloneContainer(widget);\n        if (!newCon) {\n            return;\n        }\n        parentWidget.widgetList.splice(parentWidget.widgetList.indexOf(widget) + 1, 0, newCon);\n        designer.value.setSelected(newCon);\n        designer.value.emitHistoryChange();\n    };\n\n    /**\n     * 删除当前组件，并根据其位置选择下一选中项\n     * - 当列表仅一个元素时，删除后选中父组件\n     * - 当删除的是最后一个元素时，选中前一个元素\n     * - 其他情况选中后一个元素\n     * @returns void\n     */\n    const removeWidget = (): void => {\n        let list = parentWidget?.widgetList;\n        // 这为啥一开始不是都统计一下字段？？\n        const type = parentWidget?.type;\n        if (type === 'grid') {\n            list = (parentWidget as GridWidget).cols || [];\n        }\n\n        if (type === 'vf-collapse') {\n            list = (parentWidget as CollapseWidget).defaultSlotsList || [];\n        }\n\n        if (!Array.isArray(list) || list.length === 0) {\n            return;\n        }\n\n        const idx = list.indexOf(widget);\n        if (idx === -1) {\n            return;\n        }\n\n        let nextSelected: Widget | null = null;\n        if (list.length === 1) {\n            nextSelected = parentWidget || null;\n        } else if (idx === list.length - 1) {\n            nextSelected = list[idx - 1] || null;\n        } else {\n            nextSelected = list[idx + 1] || null;\n        }\n\n        list.splice(idx, 1);\n        if (nextSelected) {\n            designer.value.setSelected(nextSelected);\n        } else {\n            designer.value.clearSelected();\n        }\n        designer.value.emitHistoryChange();\n    };\n\n    /**\n     * 设置组件选项\n     * @param optionName 选项名\n     * @param optionValue 选项值\n     */\n    const setWidgetOption = (optionName, optionValue) => {\n        if (widget.options.hasOwnProperty(optionName)) {\n            widget.options[optionName] = optionValue;\n        }\n    };\n\n    return {\n        designState,\n        selected,\n        formConfig: computed(() => designer.value.formConfig),\n        customClass: computed(() =>\n            widget.options.customClass ? widget.options.customClass.join(' ') : ''\n        ),\n        onContainerDragAdd,\n        onContainerDragUpdate,\n        checkContainerMove,\n        selectWidget,\n        selectParentWidget,\n        moveUpWidget,\n        moveDownWidget,\n        cloneContainer,\n        removeWidget,\n        setWidgetOption\n    };\n}\n"],"names":["useContainerWidget","props","widget","parentWidget","indexOfParentList","designState","inject","designer","ref","selected","computed","_a","onContainerDragAdd","evt","subList","newIndex","onContainerDragUpdate","checkContainerMove","selectWidget","selectParentWidget","moveUpWidget","moveDownWidget","cloneContainer","newCon","removeWidget","list","type","idx","nextSelected","setWidgetOption","optionName","optionValue"],"mappings":"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"}

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

@@ -1,23 +1,24 @@
-import { inject as A, ref as C, computed as c, h as H } from "vue";
-import { omit as N, cloneDeep as g } from "lodash-es";
-import V from "../../../public/ActionButtonListRender.vue.js";
-import { useI18n as q } from "../../../../utils/i18n.js";
-import { useExecFunction as L, tranformAntTableColumnToVxetableColumn as K, tranformAntSizzVxetableSize as j } from "tmgc2-share";
-import { useDataHttp as _ } from "../../../../hooks/useDataHttp.js";
-function nt({ props: l, fieldModel: i }) {
-  const w = A("designState", !1), d = C(), h = C(!1), { widget: n } = l, { i18nt: S } = q(), { executeFunction: u, context: D } = L(), { loadataSource: T, setPagination: f, getPagination: p, pagintion: v } = _({
+import { ref as y, computed as u, h as T } from "vue";
+import { omit as G, cloneDeep as w, isArray as J } from "lodash-es";
+import O from "../../../public/ActionButtonListRender.vue.js";
+import { useI18n as Q } from "../../../../utils/i18n.js";
+import { useExecFunction as U, tranformAntTableColumnToVxetableColumn as X, tranformAntSizzVxetableSize as Y, TpfDelConfirm as Z } from "tmgc2-share";
+import { useDataHttp as $ } from "../../../../hooks/useDataHttp.js";
+import { message as M } from "ant-design-vue";
+function ft({ props: l, fieldModel: s }) {
+  const x = y(), b = y(!1), { widget: n } = l, { i18nt: p } = Q(), { executeFunction: f, context: k } = U(), { loadataSource: R, setPagination: h, getPagination: S, pagintion: D } = $({
     props: l
-  }), y = c(() => {
-    const t = [], e = (n == null ? void 0 : n.options) || {}, { rowSelection: o, showIndex: a, tableColumns: s = [] } = (n == null ? void 0 : n.options) ?? {};
-    o != null && o.hasRowSelection && t.push({
-      title: o.columnTitle,
-      width: o.columnWidth,
+  }), z = u(() => {
+    const t = [], o = (n == null ? void 0 : n.options) || {}, { rowSelection: e, showIndex: a, tableColumns: i = [] } = (n == null ? void 0 : n.options) ?? {};
+    e != null && e.hasRowSelection && t.push({
+      title: e.columnTitle,
+      width: e.columnWidth,
       align: "left",
       fixed: "left",
       dataIndex: "checkbox",
       type: "checkbox"
     }), a && t.push({
-      title: S("designer.setting.seq"),
+      title: p("designer.setting.seq"),
       align: "left",
       width: 90,
       fixed: "left",
@@ -26,155 +27,200 @@ function nt({ props: l, fieldModel: i }) {
       resizable: !0,
       type: "seq"
     });
-    const m = s.filter((r) => r.show).map((r) => ({
+    const c = i.filter((r) => r.show).map((r) => ({
       ...r,
-      ...R(r)
-    })), x = [];
-    if (e.showButtonsColumn) {
-      const r = e.operationButtons ?? [];
-      x.push({
+      ...B(r),
+      titleSuffix: r.titleSuffix ? { content: r.titleSuffixContent } : !1
+    })), d = [];
+    if (o.showButtonsColumn) {
+      const r = o.operationButtons ?? [];
+      d.push({
         fixed: "right",
         align: "center",
-        title: e.buttonsColumnTitle,
-        width: e.buttonsColumnWidth,
+        title: o.buttonsColumnTitle,
+        width: o.buttonsColumnWidth,
         slots: {
-          default: (E) => H(V, {
+          default: (_) => T(O, {
             buttonList: r,
             flex: "center",
-            scope: E,
-            ctx: D.value
+            scope: _,
+            ctx: k.value,
+            onClick: (j) => {
+              j.stopPropagation();
+            }
           })
         }
       });
     }
-    let I = [...t, ...m, ...x];
-    return K(I);
-  }), R = (t) => {
-    const e = N(t, ["customRender"]), o = t.customRender;
-    return t.minWidth = 50, t.maxWidth = 1200, t.isAutoWidth ? (t.width = null, delete t.width) : t.width = isNaN(Number(t.width)) ? t.width : Number(t.width), o ? {
-      ...e,
+    const m = [...t, ...c, ...d];
+    return X(m);
+  }), B = (t) => {
+    const o = G(t, ["customRender"]), e = t.customRender;
+    return t.minWidth = 50, t.maxWidth = 1200, t.isAutoWidth ? (t.width = null, delete t.width) : t.width = isNaN(Number(t.width)) ? t.width : Number(t.width), e ? {
+      ...o,
       slots: {
         default(a) {
-          return u({
+          const i = f({
             source: l.field.options.name,
-            functionBody: o,
+            functionBody: e,
             params: {
               index: a.rowIndex,
               record: a.row,
               ...a
             },
-            errorCallback: (s) => {
-              console.error("Custom render error:", s);
+            errorCallback: (c) => {
+              console.error("Custom render error:", c);
             }
           });
+          return T(
+            "div",
+            {
+              onClick: (c) => {
+                c.stopPropagation();
+              }
+            },
+            [i]
+          );
         }
       }
     } : t;
-  }, k = c(() => n.options.tableWidth), z = c(() => n.options.tableSize), W = () => {
-    b();
-  }, B = c(() => {
+  }, P = u(() => n.options.tableWidth), W = u(() => n.options.tableSize), F = () => {
+    g();
+  }, v = u(() => n.options.rowKey), I = u(() => {
     const {
       tableSize: t,
-      rowKey: e,
-      tableHeight: o = 300,
+      rowKey: o,
+      tableHeight: e = 300,
       border: a = !1,
-      lineHeight: s = 50,
-      colorRow: m = !1
+      lineHeight: i = 50,
+      colorRow: c = !1
     } = n.options;
     return {
-      id: n.id,
       showPagination: n.options.showPagination,
-      size: j(t),
-      height: o,
+      size: Y(t),
+      height: e,
       border: a ?? !1,
-      data: i.value || [],
-      columns: y.value,
+      data: s.value || [],
+      columns: z.value,
       sortConfig: {
         trigger: "cell",
         remote: !0,
         orders: ["ascend", "descend", null]
       },
       rowConfig: {
-        keyField: e,
-        isCurrent: m,
+        keyField: o,
+        isCurrent: c,
         isHover: !0
       },
+      checkboxConfig: {
+        isShiftKey: !0,
+        checkMethod: (d) => {
+          var m;
+          return f({
+            functionBody: (m = n.options.rowSelection) == null ? void 0 : m.checkMethod,
+            params: d,
+            keys: ["row"]
+          });
+        }
+      },
       cellConfig: {
-        height: s
+        height: i
       }
     };
-  }), P = (t) => {
-    d.value = t;
-  }, b = async () => {
+  }), A = (t) => {
+    x.value = t;
+  }, g = async () => {
     var t;
     if (l.field.options.dsEnabled) {
-      h.value = !0;
+      b.value = !0;
       try {
-        const e = await T(), o = e.list || [];
-        w ? await ((t = d.value) == null ? void 0 : t.loadData(o)) : i.value = g(o || []), f(e);
-      } catch (e) {
-        console.error(e);
+        const o = await R(), e = o.list || [];
+        s.value = w(e || []), h(o);
+      } catch (o) {
+        console.error(o);
       }
     } else
-      i.value = n.options.dataSource || [];
-    h.value = !1;
-  }, F = ({ row: t, $event: e }, o) => {
-    u({
-      functionBody: n.options.customRow[o],
-      params: [t, e],
+      s.value = n.options.dataSource || [], h({
+        total: ((t = n.options.dataSource) == null ? void 0 : t.length) || 0
+      });
+    b.value = !1;
+  }, E = ({ row: t, $event: o }, e) => {
+    f({
+      functionBody: n.options.customRow[e],
+      params: [t, o],
       keys: ["record", "event"]
     });
+  }, H = (t) => {
+    C(t);
+  }, L = () => {
+    g();
+  }, N = (t, o, e, a) => {
+    const i = n.options.onTableChange;
+    i && f({
+      functionBody: i,
+      params: {
+        pagination: t,
+        filters: o,
+        sorter: e,
+        currentDataSource: a
+      },
+      keys: ["pagination", "filters", "sorter", "currentDataSource"]
+    });
+  }, V = (t) => {
+    f({
+      functionBody: n.options.rowSelection.onChange,
+      keys: ["selectedRowKeys", "selectedRows"],
+      params: t
+    });
+  }, q = () => s.value, K = (t) => {
+    s.value || (s.value = []), s.value.push(w(t));
+  }, C = (t) => {
+    if (!J(t))
+      return console.error("表格数据类型错误");
+    s.value = w(t);
   };
   return {
-    onCheckboxChange: (t) => {
-      u({
-        functionBody: n.options.rowSelection.onChange,
-        keys: ["selectedRowKeys", "selectedRows"],
-        params: t
-      });
-    },
+    rowKey: v,
+    onCheckboxChange: V,
     tableDefinExpoed: {
-      insertTableValue: (t) => {
-        i.value.push(g(t));
+      delSelectRow: async (t) => {
+        if (t.length)
+          try {
+            await Z({ content: p("确定删除选中的数据吗") });
+            const o = s.value.filter((e) => !(t != null && t.includes(e[v.value])));
+            C(o), M.success(p("操作成功"));
+          } catch {
+          }
       },
-      setPagination: f,
-      getDataSource: () => i.value,
-      getPagination: p
-    },
-    onSortChange: W,
-    pagintion: v,
-    setPagination: f,
-    getPagination: p,
-    handleTableChange: (t, e, o, a) => {
-      const s = n.options.onTableChange;
-      s && u({
-        functionBody: s,
-        params: {
-          pagination: t,
-          filters: e,
-          sorter: o,
-          currentDataSource: a
-        },
-        keys: ["pagination", "filters", "sorter", "currentDataSource"]
-      });
-    },
-    setTableData: (t) => {
-      i.value = g(t);
-    },
-    loadDataTableDataSource: () => {
-      b();
+      getTableColumns: () => l.field.options.tableColumns,
+      setTableColumns: (t) => {
+        l.field.options.tableColumns = t;
+      },
+      setValue: C,
+      insertTableValue: K,
+      setPagination: h,
+      getDataSource: q,
+      getPagination: S
     },
-    showPagination: c(() => !!l.field.options.showPagination),
-    onRunEvent: F,
-    isLoading: h,
-    initTableSoureData: b,
-    setTableRef: P,
-    tableSize: z,
-    tableWidth: k,
-    tableProps: B,
-    tableRef: d
+    onSortChange: F,
+    pagintion: D,
+    setPagination: h,
+    getPagination: S,
+    handleTableChange: N,
+    setTableData: H,
+    loadDataTableDataSource: L,
+    showPagination: u(() => !!l.field.options.showPagination),
+    onRunEvent: E,
+    isLoading: b,
+    initTableSoureData: g,
+    setTableRef: A,
+    tableSize: W,
+    tableWidth: P,
+    tableProps: I,
+    tableRef: x
   };
 }
 export {
-  nt as useTableWidget
+  ft as useTableWidget
 };
+//# sourceMappingURL=useTableWidget.js.map