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

package/src/components/form-designer/widget-panel/containers/vf-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"vf-box.js","sources":["../../../../../../src/components/form-designer/widget-panel/containers/vf-box.ts"],"sourcesContent":["import { getUuidKey } from '@kp-ui/tool';\n\nexport const vfBox = (ops = {} as any) => {\n    return {\n        key: getUuidKey(),\n        type: 'vf-box',\n        category: 'container',\n        icon: 'ccgl-zhouzhuanxiang-4',\n        widgetList: [],\n        options: {\n            name: '',\n            // formCode: '',\n            customClass: [],\n            hidden: false,\n            holdHidden: false,\n            width: '100%',\n            height: 120,\n            rotate: 0,\n            boxModel: {\n                paddingTop: 0,\n                paddingRight: 0,\n                paddingBottom: 0,\n                paddingLeft: 0,\n                marginTop: 0,\n                marginRight: 0,\n                marginBottom: 0,\n                marginLeft: 0,\n                borderShow: false,\n                borderStyle: 'solid',\n                borderWidth: 1,\n                borderColor: '#cccccc',\n                borderRadius: 0,\n                backgroundColor: 'transparent',\n                shadowShow: false,\n                shadowOffsetX: 0,\n                shadowOffsetY: 2,\n                shadowBlur: 4,\n                shadowSpread: 0,\n                shadowColor: 'rgba(0,0,0,0.2)'\n            },\n            ...ops\n        }\n    };\n};\n"],"names":["vfBox","ops","getUuidKey"],"mappings":";AAEO,MAAMA,IAAQ,CAACC,IAAM,QACjB;AAAA,EACH,KAAKC,EAAA;AAAA,EACL,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY,CAAA;AAAA,EACZ,SAAS;AAAA,IACL,MAAM;AAAA;AAAA,IAEN,aAAa,CAAA;AAAA,IACb,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,MACN,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEjB,GAAGD;AAAA,EAAA;AACP;"}
+{"version":3,"file":"vf-box.js","sources":["../../../../../../src/components/form-designer/widget-panel/containers/vf-box.ts"],"sourcesContent":["import { getUuidKey } from '@kp-ui/tool';\n\nexport const vfBox = (ops = {} as any) => {\n    return {\n        key: getUuidKey(),\n        type: 'vf-box',\n        category: 'container',\n        icon: 'ccgl-zhouzhuanxiang-4',\n        widgetList: [],\n        options: {\n            name: '',\n            // formCode: '',\n            customClass: [],\n            hidden: false,\n            holdHidden: false,\n            boxModel: {\n                paddingTop: 0,\n                paddingRight: 0,\n                paddingBottom: 0,\n                paddingLeft: 0,\n                marginTop: 0,\n                marginRight: 0,\n                marginBottom: 0,\n                marginLeft: 0,\n                borderShow: false,\n                borderStyle: 'solid',\n                borderWidth: 1,\n                borderColor: '#cccccc',\n                borderRadius: 0,\n                backgroundColor: '#ffffff',\n                shadowShow: false,\n                shadowOffsetX: 0,\n                shadowOffsetY: 2,\n                shadowBlur: 4,\n                shadowSpread: 0,\n                shadowColor: 'rgba(0,0,0,0.2)'\n            },\n            ...ops\n        }\n    };\n};\n"],"names":["vfBox","ops","getUuidKey"],"mappings":";AAEO,MAAMA,IAAQ,CAACC,IAAM,QACjB;AAAA,EACH,KAAKC,EAAA;AAAA,EACL,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY,CAAA;AAAA,EACZ,SAAS;AAAA,IACL,MAAM;AAAA;AAAA,IAEN,aAAa,CAAA;AAAA,IACb,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,UAAU;AAAA,MACN,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEjB,GAAGD;AAAA,EAAA;AACP;"}

package/src/components/form-designer/widget-panel/containers/vf-dialog.js

@@ -1,6 +1,6 @@
-import { getUuidKey as o } from "@kp-ui/tool";
-const t = (e = {}) => ({
-  key: o(),
+import { getUuidKey as l } from "@kp-ui/tool";
+const o = (e = {}) => ({
+  key: l(),
   type: "vf-dialog",
   category: "container",
   icon: "vf-dialog",
@@ -18,18 +18,42 @@ const t = (e = {}) => ({
     readMode: !1,
     disabledMode: !1,
     disabled: !1,
-    okButtonLabel: "",
-    okButtonHidden: !1,
-    cancelButtonLabel: "",
-    cancelButtonHidden: !1,
-    onOkButtonClick: "",
-    onCancelButtonClick: "",
+    // okButtonLabel: '',
+    // okButtonHidden: false,
+    // cancelButtonLabel: '',
+    // cancelButtonHidden: false,
+    // onOkButtonClick: '',
+    // onCancelButtonClick: '',
     onDialogOpened: "",
     onDialogBeforeClose: "",
+    buttonList: [
+      {
+        name: "btn101563",
+        label: "取消",
+        type: "default",
+        size: "default",
+        ghost: 0,
+        shape: "default",
+        hidden: !1,
+        disabled: !1,
+        onClick: ""
+      },
+      {
+        name: "btn24448",
+        label: "保存",
+        type: "primary",
+        size: "default",
+        ghost: 0,
+        shape: "default",
+        hidden: !1,
+        disabled: !1,
+        onClick: ""
+      }
+    ],
     ...e
   }
 });
 export {
-  t as vfDialog
+  o as vfDialog
 };
 //# sourceMappingURL=vf-dialog.js.map

package/src/components/form-designer/widget-panel/containers/vf-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"vf-dialog.js","sources":["../../../../../../src/components/form-designer/widget-panel/containers/vf-dialog.ts"],"sourcesContent":["import { getUuidKey } from '@kp-ui/tool';\n\nexport const vfDialog = (ops = {} as any) => {\n    return {\n        key: getUuidKey(),\n        type: 'vf-dialog',\n        category: 'container',\n        icon: 'vf-dialog',\n        widgetList: [],\n        options: {\n            name: '',\n            title: '标题',\n            width: '50%',\n            height: '600px',\n            bodyStyle: '',\n            formCode: '',\n            showClose: true,\n            closeOnClickModal: false,\n            closeOnPressEscape: false,\n            readMode: false,\n            disabledMode: false,\n            disabled: false,\n            okButtonLabel: '',\n            okButtonHidden: false,\n            cancelButtonLabel: '',\n            cancelButtonHidden: false,\n            onOkButtonClick: '',\n            onCancelButtonClick: '',\n            onDialogOpened: '',\n            onDialogBeforeClose: '',\n            ...ops\n        }\n    };\n};\n"],"names":["vfDialog","ops","getUuidKey"],"mappings":";AAEO,MAAMA,IAAW,CAACC,IAAM,QACpB;AAAA,EACH,KAAKC,EAAA;AAAA,EACL,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY,CAAA;AAAA,EACZ,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,UAAU;AAAA,IACV,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,UAAU;AAAA,IACV,cAAc;AAAA,IACd,UAAU;AAAA,IACV,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,GAAGD;AAAA,EAAA;AACP;"}
+{"version":3,"file":"vf-dialog.js","sources":["../../../../../../src/components/form-designer/widget-panel/containers/vf-dialog.ts"],"sourcesContent":["import { getUuidKey } from '@kp-ui/tool';\n\nexport const vfDialog = (ops = {} as any) => {\n    return {\n        key: getUuidKey(),\n        type: 'vf-dialog',\n        category: 'container',\n        icon: 'vf-dialog',\n        widgetList: [],\n        options: {\n            name: '',\n            title: '标题',\n            width: '50%',\n            height: '600px',\n            bodyStyle: '',\n            formCode: '',\n            showClose: true,\n            closeOnClickModal: false,\n            closeOnPressEscape: false,\n            readMode: false,\n            disabledMode: false,\n            disabled: false,\n            // okButtonLabel: '',\n            // okButtonHidden: false,\n            // cancelButtonLabel: '',\n            // cancelButtonHidden: false,\n            // onOkButtonClick: '',\n            // onCancelButtonClick: '',\n            onDialogOpened: '',\n            onDialogBeforeClose: '',\n            buttonList: [\n                {\n                    name: 'btn101563',\n                    label: '取消',\n                    type: 'default',\n                    size: 'default',\n                    ghost: 0,\n                    shape: 'default',\n                    hidden: false,\n                    disabled: false,\n                    onClick: ''\n                },\n                {\n                    name: 'btn24448',\n                    label: '保存',\n                    type: 'primary',\n                    size: 'default',\n                    ghost: 0,\n                    shape: 'default',\n                    hidden: false,\n                    disabled: false,\n                    onClick: ''\n                }\n            ],\n            ...ops\n        }\n    };\n};\n"],"names":["vfDialog","ops","getUuidKey"],"mappings":";AAEO,MAAMA,IAAW,CAACC,IAAM,QACpB;AAAA,EACH,KAAKC,EAAA;AAAA,EACL,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY,CAAA;AAAA,EACZ,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,UAAU;AAAA,IACV,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,UAAU;AAAA,IACV,cAAc;AAAA,IACd,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOV,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,YAAY;AAAA,MACR;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,MAEb;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,IACb;AAAA,IAEJ,GAAGD;AAAA,EAAA;AACP;"}

package/src/components/form-designer/widget-panel/index.vue.js

@@ -1,8 +1,8 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cf57c1f3"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-29dd250d"]]);
 export {
-  c as default
+  e as default
 };
 //# sourceMappingURL=index.vue.js.map

package/src/components/form-designer/widget-panel/index.vue2.js

@@ -1,71 +1,60 @@
-import { defineComponent as x, ref as f, computed as B, resolveComponent as s, createElementBlock as v, openBlock as c, createElementVNode as r, createVNode as e, withCtx as n, Fragment as L, renderList as I, createBlock as N, createTextVNode as y, unref as o, toDisplayString as b } from "vue";
-import { SvgIcon as g } from "tmgc2-share";
-import w from "../setting-panel/panel/PanelItemDrag.vue.js";
-import E from "../setting-panel/panel/PanelItemDragForBI.vue.js";
-import { containers as U, basicFields as V, advancedFields as P } from "./widgetsConfig.js";
-import { BiWidgetConfigs as S } from "../../bi-widget/index.js";
-import { useI18n as W } from "../../../utils/i18n.js";
-import { LayoutTypeEnum as T } from "../../../constants/LayoutTypeEnum.js";
-const $ = { class: "side-scroll-bar" }, h = { class: "panel-container" }, M = /* @__PURE__ */ x({
+import { defineComponent as g, ref as d, computed as T, resolveComponent as o, createElementBlock as m, openBlock as l, createElementVNode as p, createVNode as t, withCtx as n, Fragment as k, renderList as F, createBlock as K, createTextVNode as x, unref as _, toDisplayString as L } from "vue";
+import { SvgIcon as N } from "tmgc2-share";
+import B from "./PanelItemDrag.vue.js";
+import { containers as C, basicFields as I, advancedFields as V } from "./widgetsConfig.js";
+import { useI18n as h } from "../../../utils/i18n.js";
+const w = { class: "side-scroll-bar" }, E = { class: "panel-container" }, j = /* @__PURE__ */ g({
   name: "WidgetPanel",
   __name: "index",
-  props: {
-    type: { default: T.PC }
-  },
-  setup(k) {
-    const { i18nt: i } = W(), C = k, l = f([
-      "containerTitle",
-      "basicFieldTitle",
-      "advancedFieldTitle",
-      "biComponentsTitle"
-    ]), d = f(C.type === T.BI ? "biComponents" : "componentLib"), F = B(() => [
+  setup(S) {
+    const { i18nt: a } = h(), s = d(["containerTitle", "basicFieldTitle", "advancedFieldTitle"]), c = d("componentLib"), u = T(() => [
       {
-        title: i("designer.containerTitle"),
+        title: a("designer.containerTitle"),
         key: "containerTitle",
-        items: U.filter((p) => !p.internal)
+        items: C.filter((r) => !r.internal)
       },
       {
-        title: i("designer.basicFieldTitle"),
+        title: a("designer.basicFieldTitle"),
         key: "basicFieldTitle",
-        items: V
+        items: I
       },
       {
-        title: i("designer.advancedFieldTitle"),
+        title: a("designer.advancedFieldTitle"),
         key: "advancedFieldTitle",
-        items: P
+        items: V
       }
     ]);
-    return (p, a) => {
-      const m = s("a-collapse-panel"), u = s("a-collapse"), _ = s("a-tab-pane"), K = s("a-tabs");
-      return c(), v("div", $, [
-        r("div", h, [
-          e(K, {
-            activeKey: d.value,
-            "onUpdate:activeKey": a[2] || (a[2] = (t) => d.value = t),
+    return (r, i) => {
+      const v = o("a-collapse-panel"), f = o("a-collapse"), b = o("a-tab-pane"), y = o("a-tabs");
+      return l(), m("div", w, [
+        p("div", E, [
+          t(y, {
+            activeKey: c.value,
+            "onUpdate:activeKey": i[1] || (i[1] = (e) => c.value = e),
             class: "no-bottom-margin indent-left-margin"
           }, {
             default: n(() => [
-              e(_, { key: "componentLib" }, {
+              t(b, { key: "componentLib" }, {
                 tab: n(() => [
-                  r("span", null, [
-                    e(o(g), { "icon-class": "icon-el-set-up" }),
-                    y(" " + b(o(i)("designer.componentLib")), 1)
+                  p("span", null, [
+                    t(_(N), { "icon-class": "icon-el-set-up" }),
+                    x(" " + L(_(a)("designer.componentLib")), 1)
                   ])
                 ]),
                 default: n(() => [
-                  e(u, {
-                    activeKey: l.value,
-                    "onUpdate:activeKey": a[0] || (a[0] = (t) => l.value = t),
+                  t(f, {
+                    activeKey: s.value,
+                    "onUpdate:activeKey": i[0] || (i[0] = (e) => s.value = e),
                     class: "widget-collapse"
                   }, {
                     default: n(() => [
-                      (c(!0), v(L, null, I(F.value, (t) => (c(), N(m, {
-                        key: t.key,
-                        header: t.title
+                      (l(!0), m(k, null, F(u.value, (e) => (l(), K(v, {
+                        key: e.key,
+                        header: e.title
                       }, {
                         default: n(() => [
-                          e(w, {
-                            items: t.items
+                          t(B, {
+                            items: e.items
                           }, null, 8, ["items"])
                         ]),
                         _: 2
@@ -75,35 +64,6 @@ const $ = { class: "side-scroll-bar" }, h = { class: "panel-container" }, M = /*
                   }, 8, ["activeKey"])
                 ]),
                 _: 1
-              }),
-              e(_, { key: "biComponents" }, {
-                tab: n(() => [
-                  r("span", null, [
-                    e(o(g), { "icon-class": "icon-el-set-up" }),
-                    y(" " + b(o(i)("designer.biComponents")), 1)
-                  ])
-                ]),
-                default: n(() => [
-                  e(u, {
-                    activeKey: l.value,
-                    "onUpdate:activeKey": a[1] || (a[1] = (t) => l.value = t),
-                    class: "widget-collapse"
-                  }, {
-                    default: n(() => [
-                      e(m, {
-                        key: "biComponentsTitle",
-                        header: "柱状图"
-                      }, {
-                        default: n(() => [
-                          e(E, { items: o(S) }, null, 8, ["items"])
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["activeKey"])
-                ]),
-                _: 1
               })
             ]),
             _: 1
@@ -114,6 +74,6 @@ const $ = { class: "side-scroll-bar" }, h = { class: "panel-container" }, M = /*
   }
 });
 export {
-  M as default
+  j as default
 };
 //# sourceMappingURL=index.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../src/components/form-designer/widget-panel/index.vue"],"sourcesContent":["<template>\n    <div class=\"side-scroll-bar\">\n        <div class=\"panel-container\">\n            <a-tabs v-model:activeKey=\"firstTab\" class=\"no-bottom-margin indent-left-margin\">\n                <a-tab-pane key=\"componentLib\">\n                    <template #tab>\n                        <span>\n                            <svg-icon icon-class=\"icon-el-set-up\" />\n                            {{ i18nt('designer.componentLib') }}\n                        </span>\n                    </template>\n\n                    <a-collapse v-model:activeKey=\"activeNames\" class=\"widget-collapse\">\n                        <a-collapse-panel\n                            v-for=\"item in panelItems\"\n                            :key=\"item.key\"\n                            :header=\"item.title\"\n                        >\n                            <PanelItemDrag :items=\"item.items\" />\n                        </a-collapse-panel>\n                    </a-collapse>\n                </a-tab-pane>\n                <a-tab-pane key=\"biComponents\">\n                    <template #tab>\n                        <span>\n                            <svg-icon icon-class=\"icon-el-set-up\" />\n                            {{ i18nt('designer.biComponents') }}\n                        </span>\n                    </template>\n\n                    <a-collapse v-model:activeKey=\"activeNames\" class=\"widget-collapse\">\n                        <a-collapse-panel key=\"biComponentsTitle\" header=\"柱状图\">\n                            <PanelItemDragForBI :items=\"BiWidgetConfigs\" />\n                        </a-collapse-panel>\n                    </a-collapse>\n                </a-tab-pane>\n            </a-tabs>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { SvgIcon } from 'tmgc2-share';\n    import PanelItemDrag from '../setting-panel/panel/PanelItemDrag.vue';\n    import PanelItemDragForBI from '../setting-panel/panel/PanelItemDragForBI.vue';\n    import { containers, basicFields, advancedFields } from './widgetsConfig';\n    import { BiWidgetConfigs } from '@/components/bi-widget';\n    import { useI18n } from '@/utils/i18n';\n    import { computed, ref } from 'vue';\n    import { Widget } from '@/types/schema';\n    import { LayoutTypeEnum } from '@/constants/LayoutTypeEnum';\n\n    const { i18nt } = useI18n();\n\n    const props = withDefaults(defineProps<{ type?: LayoutTypeEnum }>(), {\n        type: LayoutTypeEnum.PC\n    });\n\n    defineOptions({\n        name: 'WidgetPanel'\n    });\n\n    const activeNames = ref([\n        'containerTitle',\n        'basicFieldTitle',\n        'advancedFieldTitle',\n        'biComponentsTitle'\n    ]);\n    const firstTab = ref(props.type === LayoutTypeEnum.BI ? 'biComponents' : 'componentLib');\n\n    const panelItems = computed(() => [\n        {\n            title: i18nt('designer.containerTitle'),\n            key: 'containerTitle',\n            items: containers.filter(item => !(item as Widget).internal)\n        },\n        {\n            title: i18nt('designer.basicFieldTitle'),\n            key: 'basicFieldTitle',\n            items: basicFields\n        },\n        {\n            title: i18nt('designer.advancedFieldTitle'),\n            key: 'advancedFieldTitle',\n            items: advancedFields\n        }\n    ]);\n</script>\n\n<style lang=\"scss\" scoped>\n    div.panel-container {\n        :deep(.ant-tabs-nav) {\n            margin-bottom: 0;\n            height: 42px;\n        }\n        :deep(.color-svg-icon) {\n            font-size: 16px;\n            color: var(--ant-primary-4);\n        }\n    }\n\n    .no-bottom-margin :deep(.ant-collapse-header) {\n        margin-bottom: 0;\n        padding: 8px !important;\n    }\n\n    .indent-left-margin {\n        :deep(.ant-tabs-nav) {\n            margin-left: 20px;\n        }\n    }\n    .ant-collapse-item :deep(ul) > li {\n        list-style: none;\n    }\n\n    .widget-collapse {\n        border-top-width: 0;\n\n        :deep(.ant-collapse-content) {\n            > .ant-collapse-content-box {\n                padding: 4px;\n            }\n\n            ul {\n                padding: 0;\n                margin: 0;\n                margin-block-start: 0;\n                margin-block-end: 0.1em;\n                display: flex;\n                flex-wrap: wrap;\n                gap: 4px;\n\n                &:after {\n                    content: '';\n                    display: block;\n                    clear: both;\n                }\n\n                .container-widget-item,\n                .field-widget-item {\n                    width: calc(50% - 2px);\n                    padding: 6px 8px;\n                    border-radius: 6px;\n                    cursor: move;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    overflow: hidden;\n                    background: #f5f7fa;\n                    border: 1px solid #e4e7ed;\n                    transition: all 0.3s ease;\n                    display: flex;\n                    align-items: center;\n                    gap: 4px;\n\n                    &:hover {\n                        background: #ecf5ff;\n                        border-color: var(--ant-primary-4);\n                        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n                        transform: translateY(-1px);\n                    }\n                }\n\n                .drag-handler {\n                    position: absolute;\n                    top: 0;\n                    left: 160px;\n                    background-color: #dddddd;\n                    border-radius: 5px;\n                    padding-right: 5px;\n                    font-size: 11px;\n                    color: #666666;\n                }\n            }\n        }\n    }\n\n    .ft-card {\n        margin-bottom: 10px;\n\n        .bottom {\n            margin-top: 10px;\n            line-height: 12px;\n        }\n\n        .ft-title {\n            font-size: 13px;\n            font-weight: bold;\n        }\n\n        .right-button {\n            padding: 0;\n            float: right;\n        }\n\n        .clear-fix:before,\n        .clear-fix:after {\n            display: table;\n            content: '';\n        }\n\n        .clear-fix:after {\n            clear: both;\n        }\n    }\n    .ant-collapse {\n        border: none;\n    }\n    .ant-collapse > .ant-collapse-item {\n        border-bottom: none;\n    }\n    .side-scroll-bar {\n        height: 100%;\n        overflow: auto;\n\n        .panel-container {\n            height: 100%;\n            overflow: auto;\n            & > .ant-tabs {\n                height: 100%;\n                overflow: auto;\n                display: flex;\n                flex-direction: column;\n                :deep(.ant-tabs-content-holder) {\n                    flex: 1 0 0;\n                    overflow: auto;\n                }\n            }\n        }\n    }\n</style>\n"],"names":["i18nt","useI18n","props","__props","activeNames","ref","firstTab","LayoutTypeEnum","panelItems","computed","containers","item","basicFields","advancedFields","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_component_a_tabs","$event","_component_a_tab_pane","_unref","SvgIcon","_createTextVNode","_component_a_collapse","_Fragment","_renderList","_createBlock","_component_a_collapse_panel","PanelItemDrag","PanelItemDragForBI","BiWidgetConfigs"],"mappings":";;;;;;;;;;;;;;;AAoDI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAEZC,IAAQC,GAQRC,IAAcC,EAAI;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH,GACKC,IAAWD,EAAIH,EAAM,SAASK,EAAe,KAAK,iBAAiB,cAAc,GAEjFC,IAAaC,EAAS,MAAM;AAAA,MAC9B;AAAA,QACI,OAAOT,EAAM,yBAAyB;AAAA,QACtC,KAAK;AAAA,QACL,OAAOU,EAAW,OAAO,CAAAC,MAAQ,CAAEA,EAAgB,QAAQ;AAAA,MAAA;AAAA,MAE/D;AAAA,QACI,OAAOX,EAAM,0BAA0B;AAAA,QACvC,KAAK;AAAA,QACL,OAAOY;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAOZ,EAAM,6BAA6B;AAAA,QAC1C,KAAK;AAAA,QACL,OAAOa;AAAA,MAAA;AAAA,IACX,CACH;;;AArFD,aAAAC,EAAA,GAAAC,EAqCM,OArCNC,GAqCM;AAAA,QApCFC,EAmCM,OAnCNC,GAmCM;AAAA,UAlCFC,EAiCSC,GAAA;AAAA,YAjCO,WAAWd,EAAA;AAAA,yDAAAA,EAAQ,QAAAe;AAAA,YAAE,OAAM;AAAA,UAAA;uBACvC,MAiBa;AAAA,cAjBbF,EAiBaG,GAAA,EAjBD,KAAI,kBAAc;AAAA,gBACf,OACP,MAGO;AAAA,kBAHPL,EAGO,QAAA,MAAA;AAAA,oBAFHE,EAAwCI,EAAAC,CAAA,GAAA,EAA9B,cAAW,kBAAgB;AAAA,oBAAGC,EAAA,QACrCF,EAAAvB,CAAA,EAAK,uBAAA,CAAA,GAAA,CAAA;AAAA,kBAAA;;2BAIhB,MAQa;AAAA,kBARbmB,EAQaO,GAAA;AAAA,oBARO,WAAWtB,EAAA;AAAA,iEAAAA,EAAW,QAAAiB;AAAA,oBAAE,OAAM;AAAA,kBAAA;+BAE1C,MAA0B;AAAA,8BAD9BN,EAMmBY,GAAA,MAAAC,EALApB,EAAA,OAAU,CAAlBG,YADXkB,EAMmBC,GAAA;AAAA,wBAJd,KAAKnB,EAAK;AAAA,wBACV,QAAQA,EAAK;AAAA,sBAAA;mCAEd,MAAqC;AAAA,0BAArCQ,EAAqCY,GAAA;AAAA,4BAArB,OAAOpB,EAAK;AAAA,0BAAA;;;;;;;;;;cAIxCQ,EAaaG,GAAA,EAbD,KAAI,kBAAc;AAAA,gBACf,OACP,MAGO;AAAA,kBAHPL,EAGO,QAAA,MAAA;AAAA,oBAFHE,EAAwCI,EAAAC,CAAA,GAAA,EAA9B,cAAW,kBAAgB;AAAA,oBAAGC,EAAA,QACrCF,EAAAvB,CAAA,EAAK,uBAAA,CAAA,GAAA,CAAA;AAAA,kBAAA;;2BAIhB,MAIa;AAAA,kBAJbmB,EAIaO,GAAA;AAAA,oBAJO,WAAWtB,EAAA;AAAA,iEAAAA,EAAW,QAAAiB;AAAA,oBAAE,OAAM;AAAA,kBAAA;+BAC9C,MAEmB;AAAA,sBAFnBF,EAEmBW,GAAA;AAAA,wBAFD,KAAI;AAAA,wBAAoB,QAAO;AAAA,sBAAA;mCAC7C,MAA+C;AAAA,0BAA/CX,EAA+Ca,GAAA,EAA1B,OAAOT,EAAAU,CAAA,EAAA,GAAe,MAAA,GAAA,CAAA,OAAA,CAAA;AAAA,wBAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../src/components/form-designer/widget-panel/index.vue"],"sourcesContent":["<template>\n    <div class=\"side-scroll-bar\">\n        <div class=\"panel-container\">\n            <a-tabs v-model:activeKey=\"firstTab\" class=\"no-bottom-margin indent-left-margin\">\n                <a-tab-pane key=\"componentLib\">\n                    <template #tab>\n                        <span>\n                            <svg-icon icon-class=\"icon-el-set-up\" />\n                            {{ i18nt('designer.componentLib') }}\n                        </span>\n                    </template>\n\n                    <a-collapse v-model:activeKey=\"activeNames\" class=\"widget-collapse\">\n                        <a-collapse-panel\n                            v-for=\"item in panelItems\"\n                            :key=\"item.key\"\n                            :header=\"item.title\"\n                        >\n                            <PanelItemDrag :items=\"item.items\" />\n                        </a-collapse-panel>\n                    </a-collapse>\n                </a-tab-pane>\n            </a-tabs>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { SvgIcon } from 'tmgc2-share';\n    import PanelItemDrag from './PanelItemDrag.vue';\n    import { containers, basicFields, advancedFields } from './widgetsConfig';\n    import { useI18n } from '@/utils/i18n';\n    import { computed, ref } from 'vue';\n    import { Widget } from '@/types/schema';\n    const { i18nt } = useI18n();\n\n    defineOptions({\n        name: 'WidgetPanel'\n    });\n\n    const activeNames = ref(['containerTitle', 'basicFieldTitle', 'advancedFieldTitle']);\n    const firstTab = ref('componentLib');\n\n    const panelItems = computed(() => [\n        {\n            title: i18nt('designer.containerTitle'),\n            key: 'containerTitle',\n            items: containers.filter(item => !(item as Widget).internal)\n        },\n        {\n            title: i18nt('designer.basicFieldTitle'),\n            key: 'basicFieldTitle',\n            items: basicFields\n        },\n        {\n            title: i18nt('designer.advancedFieldTitle'),\n            key: 'advancedFieldTitle',\n            items: advancedFields\n        }\n    ]);\n</script>\n\n<style lang=\"scss\" scoped>\n    div.panel-container {\n        :deep(.ant-tabs-nav) {\n            margin-bottom: 0;\n            height: 42px;\n        }\n        :deep(.color-svg-icon) {\n            font-size: 16px;\n            color: var(--ant-primary-4);\n        }\n    }\n\n    .no-bottom-margin :deep(.ant-collapse-header) {\n        margin-bottom: 0;\n        padding: 8px !important;\n    }\n\n    .indent-left-margin {\n        :deep(.ant-tabs-nav) {\n            margin-left: 20px;\n        }\n    }\n    .ant-collapse-item :deep(ul) > li {\n        list-style: none;\n    }\n\n    .widget-collapse {\n        border-top-width: 0;\n\n        :deep(.ant-collapse-content) {\n            > .ant-collapse-content-box {\n                padding: 4px;\n            }\n\n            ul {\n                padding: 0;\n                margin: 0;\n                margin-block-start: 0;\n                margin-block-end: 0.1em;\n                display: flex;\n                flex-wrap: wrap;\n                gap: 4px;\n\n                &:after {\n                    content: '';\n                    display: block;\n                    clear: both;\n                }\n\n                .container-widget-item,\n                .field-widget-item {\n                    width: calc(50% - 2px);\n                    padding: 6px 8px;\n                    border-radius: 6px;\n                    cursor: move;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n                    overflow: hidden;\n                    background: #f5f7fa;\n                    border: 1px solid #e4e7ed;\n                    transition: all 0.3s ease;\n                    display: flex;\n                    align-items: center;\n                    gap: 4px;\n\n                    &:hover {\n                        background: #ecf5ff;\n                        border-color: var(--ant-primary-4);\n                        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n                        transform: translateY(-1px);\n                    }\n                }\n\n                .drag-handler {\n                    position: absolute;\n                    top: 0;\n                    left: 160px;\n                    background-color: #dddddd;\n                    border-radius: 5px;\n                    padding-right: 5px;\n                    font-size: 11px;\n                    color: #666666;\n                }\n            }\n        }\n    }\n\n    .ft-card {\n        margin-bottom: 10px;\n\n        .bottom {\n            margin-top: 10px;\n            line-height: 12px;\n        }\n\n        .ft-title {\n            font-size: 13px;\n            font-weight: bold;\n        }\n\n        .right-button {\n            padding: 0;\n            float: right;\n        }\n\n        .clear-fix:before,\n        .clear-fix:after {\n            display: table;\n            content: '';\n        }\n\n        .clear-fix:after {\n            clear: both;\n        }\n    }\n    .ant-collapse {\n        border: none;\n    }\n    .ant-collapse > .ant-collapse-item {\n        border-bottom: none;\n    }\n    .side-scroll-bar {\n        height: 100%;\n        overflow: auto;\n\n        .panel-container {\n            height: 100%;\n            overflow: auto;\n            & > .ant-tabs {\n                height: 100%;\n                overflow: auto;\n                display: flex;\n                flex-direction: column;\n                :deep(.ant-tabs-content-holder) {\n                    flex: 1 0 0;\n                    overflow: auto;\n                }\n            }\n        }\n    }\n</style>\n"],"names":["i18nt","useI18n","activeNames","ref","firstTab","panelItems","computed","containers","item","basicFields","advancedFields","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_component_a_tabs","$event","_component_a_tab_pane","_unref","SvgIcon","_createTextVNode","_component_a_collapse","_Fragment","_renderList","_createBlock","_component_a_collapse_panel","PanelItemDrag"],"mappings":";;;;;;;;;AAkCI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAMZC,IAAcC,EAAI,CAAC,kBAAkB,mBAAmB,oBAAoB,CAAC,GAC7EC,IAAWD,EAAI,cAAc,GAE7BE,IAAaC,EAAS,MAAM;AAAA,MAC9B;AAAA,QACI,OAAON,EAAM,yBAAyB;AAAA,QACtC,KAAK;AAAA,QACL,OAAOO,EAAW,OAAO,CAAAC,MAAQ,CAAEA,EAAgB,QAAQ;AAAA,MAAA;AAAA,MAE/D;AAAA,QACI,OAAOR,EAAM,0BAA0B;AAAA,QACvC,KAAK;AAAA,QACL,OAAOS;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAOT,EAAM,6BAA6B;AAAA,QAC1C,KAAK;AAAA,QACL,OAAOU;AAAA,MAAA;AAAA,IACX,CACH;;;AA1DD,aAAAC,EAAA,GAAAC,EAuBM,OAvBNC,GAuBM;AAAA,QAtBFC,EAqBM,OArBNC,GAqBM;AAAA,UApBFC,EAmBSC,GAAA;AAAA,YAnBO,WAAWb,EAAA;AAAA,yDAAAA,EAAQ,QAAAc;AAAA,YAAE,OAAM;AAAA,UAAA;uBACvC,MAiBa;AAAA,cAjBbF,EAiBaG,GAAA,EAjBD,KAAI,kBAAc;AAAA,gBACf,OACP,MAGO;AAAA,kBAHPL,EAGO,QAAA,MAAA;AAAA,oBAFHE,EAAwCI,EAAAC,CAAA,GAAA,EAA9B,cAAW,kBAAgB;AAAA,oBAAGC,EAAA,QACrCF,EAAApB,CAAA,EAAK,uBAAA,CAAA,GAAA,CAAA;AAAA,kBAAA;;2BAIhB,MAQa;AAAA,kBARbgB,EAQaO,GAAA;AAAA,oBARO,WAAWrB,EAAA;AAAA,iEAAAA,EAAW,QAAAgB;AAAA,oBAAE,OAAM;AAAA,kBAAA;+BAE1C,MAA0B;AAAA,8BAD9BN,EAMmBY,GAAA,MAAAC,EALApB,EAAA,OAAU,CAAlBG,YADXkB,EAMmBC,GAAA;AAAA,wBAJd,KAAKnB,EAAK;AAAA,wBACV,QAAQA,EAAK;AAAA,sBAAA;mCAEd,MAAqC;AAAA,0BAArCQ,EAAqCY,GAAA;AAAA,4BAArB,OAAOpB,EAAK;AAAA,0BAAA;;;;;;;;;;;;;;;;;;"}

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

@@ -1,8 +1,8 @@
 import t from "./data-table-widget.vue2.js";
 /* empty css                       */
-import a from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-a0243d5c"]]);
+import o from "../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-71dd043b"]]);
 export {
-  m as default
+  e as default
 };
 //# sourceMappingURL=data-table-widget.vue.js.map

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

@@ -1,12 +1,12 @@
-import { defineComponent as W, watchEffect as d, onMounted as K, createBlock as V, createCommentVNode as I, unref as o, openBlock as L, mergeProps as z, withCtx as B, createElementVNode as H, normalizeStyle as O, createVNode as j } from "vue";
-import q from "./container-wrapper.vue.js";
-import { ComponentNameEnum as A, ContainerTypeEnum as G } from "../../../constants/WidgetTypeEnum.js";
-import { useVxeTable as J, Table as Q } from "tmgc2-share";
-import { useField as U } from "../../form-designer/form-widget/field-widget/useField.js";
-import { useTableWidget as X } from "../../form-designer/form-widget/container-widget/useTableWidget.js";
-const ne = /* @__PURE__ */ W({
-  name: G.DataTable,
-  componentName: A.FieldWidget,
+import { defineComponent as N, watchEffect as p, onMounted as W, createBlock as K, createCommentVNode as V, unref as o, openBlock as I, mergeProps as L, withCtx as z, createElementVNode as B, normalizeStyle as H, createVNode as O } from "vue";
+import j from "./container-wrapper.vue.js";
+import { ComponentNameEnum as q, ContainerTypeEnum as A } from "../../../constants/WidgetTypeEnum.js";
+import { useVxeTable as G, Table as J } from "tmgc2-share";
+import { useField as Q } from "../../form-designer/form-widget/field-widget/useField.js";
+import { useTableWidget as U } from "../../form-designer/form-widget/container-widget/useTableWidget.js";
+const te = /* @__PURE__ */ N({
+  name: A.DataTable,
+  componentName: q.FieldWidget,
   __name: "data-table-widget",
   props: {
     widget: {},
@@ -17,80 +17,81 @@ const ne = /* @__PURE__ */ W({
     subFormRowIndex: {},
     subFormRowId: {}
   },
-  setup(p, { expose: u }) {
-    var c;
-    const t = p, { fieldModel: m, handleHidden: f, defineExposed: g, customClass: w } = U(t), {
-      isLoading: b,
-      tableProps: C,
+  setup(u, { expose: m }) {
+    var d;
+    const t = u, { fieldModel: f, handleHidden: g, defineExposed: w, customClass: b } = Q(t), {
+      isLoading: C,
+      tableProps: R,
       tableWidth: h,
-      pagintion: i,
-      setPagination: s,
-      setTableRef: R,
-      initTableSoureData: k,
-      handleTableChange: v,
-      loadDataTableDataSource: r,
-      onRunEvent: n,
+      pagintion: s,
+      setPagination: r,
+      setTableRef: v,
+      initTableSoureData: l,
+      handleTableChange: k,
+      onRunEvent: a,
       onSortChange: S,
       onCheckboxChange: x,
-      tableDefinExpoed: E
-    } = X({
+      tableDefinExpoed: T
+    } = U({
       props: t,
-      fieldModel: m
+      fieldModel: f
     });
-    d(() => {
-      t.field.options.showPagination || s({
+    p(() => {
+      t.field.options.showPagination || r({
         total: 0
       });
-    }), i.value.onChange = (e, N) => {
-      r();
+    }), s.value.onChange = (e, F) => {
+      l();
     };
-    const { tableRef: a, register: T, selectedRowInfo: l, sorts: y, selectRow: D, delSelectRow: P } = J({
+    const { tableRef: n, register: E, selectedRowInfo: i, sorts: c, selectRow: y, delSelectRow: D } = G({
       props: {
         rowKey: t.field.options.rowKey,
-        hasRowSelection: (c = t.field.options.rowSelection) == null ? void 0 : c.hasRowSelection,
+        hasRowSelection: (d = t.field.options.rowSelection) == null ? void 0 : d.hasRowSelection,
         clickRowCheck: t.field.options.colorRow
       },
       events: {
-        cellDblclick: (e) => n(e, "onDblclick"),
-        cellMouseenter: (e) => n(e, "onMouseenter"),
-        cellMouseleave: (e) => n(e, "onMouseleave")
+        dataChange: (e) => k({ sorts: c.value }),
+        cellDblclick: (e) => a(e, "onDblclick"),
+        cellMouseenter: (e) => a(e, "onMouseenter"),
+        cellMouseleave: (e) => a(e, "onMouseleave")
       },
       callbacks: {
         onCheckboxChange: x,
         onSortChange: S,
-        cellClick: (e) => n(e, "onClick")
+        cellClick: (e) => a(e, "onClick")
       }
-    }), _ = () => l.value.selectedRowKeys, M = () => l.value.selectedRows, F = () => a.value;
-    return d(() => {
-      a.value && R(a.value);
-    }), K(() => {
-      k();
-    }), u({
-      ...g,
-      ...E,
-      delSelectRow: P,
-      getFieldEditor: F,
-      selectRow: D,
-      getSelectedRowKeys: _,
-      getSelectedRows: M,
-      setPagination: s,
-      sorts: y,
-      selectedRowInfo: l,
-      loadDataTableDataSource: r,
-      fieldEditor: a
-    }), (e, N) => o(f) ? I("", !0) : (L(), V(q, z({ key: 0 }, t, { customClass: o(w) }), {
-      default: B(() => [
-        H("div", {
+    }), P = () => i.value.selectedRowKeys, _ = () => i.value.selectedRows, M = () => n.value;
+    return p(() => {
+      n.value && v(n.value);
+    }), W(() => {
+      setTimeout(() => {
+        l();
+      }, 1e3);
+    }), m({
+      ...w,
+      ...T,
+      delSelectRow: D,
+      getFieldEditor: M,
+      selectRow: y,
+      getSelectedRowKeys: P,
+      getSelectedRows: _,
+      setPagination: r,
+      sorts: c,
+      selectedRowInfo: i,
+      loadDataTableDataSource: l,
+      fieldEditor: n
+    }), (e, F) => o(g) ? V("", !0) : (I(), K(j, L({ key: 0 }, t, { customClass: o(b) }), {
+      default: z(() => [
+        B("div", {
           class: "talbe-wrapper",
-          style: O({ width: o(h) })
+          style: H({ width: o(h) })
         }, [
-          j(o(Q), {
-            onRegister: o(T),
-            onChange: o(v),
-            tableProps: o(C),
-            loading: o(b),
-            pagination: o(i)
-          }, null, 8, ["onRegister", "onChange", "tableProps", "loading", "pagination"])
+          O(o(J), {
+            onRegister: o(E),
+            tableProps: o(R),
+            loading: o(C),
+            pagination: o(s)
+          }, null, 8, ["onRegister", "tableProps", "loading", "pagination"])
         ], 4)
       ]),
       _: 1
@@ -98,6 +99,6 @@ const ne = /* @__PURE__ */ W({
   }
 });
 export {
-  ne as default
+  te as default
 };
 //# sourceMappingURL=data-table-widget.vue2.js.map

package/src/components/form-render/container-items/data-table-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/data-table-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\" :customClass=\"customClass\" v-if=\"!handleHidden\">\n        <div class=\"talbe-wrapper\" :style=\"{ width: tableWidth }\">\n            <Table\n                @register=\"register\"\n                @change=\"handleTableChange\"\n                :tableProps=\"tableProps\"\n                :loading=\"isLoading\"\n                :pagination=\"pagintion\"\n            />\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from './container-wrapper.vue';\n    import { ContainerTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { onMounted, watchEffect } from 'vue';\n    import { useVxeTable, Table } from 'tmgc2-share';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { DataTableWidget } from '@/components/form-designer/widget-panel/advanced';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n    import { useTableWidget } from '@/components/form-designer/form-widget/container-widget/useTableWidget';\n\n    const props = defineProps<WidgetProps<DataTableWidget>>();\n    defineOptions({\n        name: ContainerTypeEnum.DataTable,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const { fieldModel, handleHidden, defineExposed, customClass } = useField(props);\n\n    const {\n        isLoading,\n        tableProps,\n        tableWidth,\n        pagintion,\n        setPagination,\n        setTableRef,\n        initTableSoureData,\n        handleTableChange,\n        loadDataTableDataSource,\n        onRunEvent,\n        onSortChange,\n        onCheckboxChange,\n        tableDefinExpoed\n    } = useTableWidget({\n        props,\n        fieldModel\n    });\n\n    watchEffect(() => {\n        if (!props.field.options.showPagination) {\n            setPagination({\n                total: 0\n            });\n        }\n    });\n\n    pagintion.value.onChange = (current, pageSize) => {\n        loadDataTableDataSource();\n    };\n\n    const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = useVxeTable({\n        props: {\n            rowKey: props.field.options.rowKey,\n            hasRowSelection: props.field.options.rowSelection?.hasRowSelection,\n            clickRowCheck: props.field.options.colorRow\n        },\n        events: {\n            cellDblclick: params => onRunEvent(params, 'onDblclick'),\n            cellMouseenter: params => onRunEvent(params, 'onMouseenter'),\n            cellMouseleave: params => onRunEvent(params, 'onMouseleave')\n        },\n        callbacks: {\n            onCheckboxChange,\n            onSortChange,\n            cellClick: params => onRunEvent(params, 'onClick')\n        }\n    });\n\n    const getSelectedRowKeys = () => {\n        return selectedRowInfo.value.selectedRowKeys;\n    };\n\n    const getSelectedRows = () => {\n        return selectedRowInfo.value.selectedRows;\n    };\n\n    /**\n     * 获取字段编辑器\n     * @returns 字段编辑器\n     */\n    const getFieldEditor = () => {\n        // 获取内置的el表单组件\n        return tableRef.value;\n    };\n\n    watchEffect(() => {\n        if (tableRef.value) {\n            setTableRef(tableRef.value);\n        }\n    });\n\n    onMounted(() => {\n        initTableSoureData();\n    });\n\n    defineExpose({\n        ...defineExposed,\n        ...tableDefinExpoed,\n        delSelectRow,\n        getFieldEditor,\n        selectRow,\n        getSelectedRowKeys,\n        getSelectedRows,\n        setPagination,\n        sorts,\n        selectedRowInfo,\n        loadDataTableDataSource,\n        fieldEditor: tableRef\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .talbe-wrapper {\n        width: 100%;\n        .vxe-grid {\n            width: 100%;\n        }\n        &__pagination {\n            margin-top: 10px;\n            display: flex;\n            justify-content: end;\n        }\n    }\n</style>\n"],"names":["props","__props","fieldModel","handleHidden","defineExposed","customClass","useField","isLoading","tableProps","tableWidth","pagintion","setPagination","setTableRef","initTableSoureData","handleTableChange","loadDataTableDataSource","onRunEvent","onSortChange","onCheckboxChange","tableDefinExpoed","useTableWidget","watchEffect","current","pageSize","tableRef","register","selectedRowInfo","sorts","selectRow","delSelectRow","useVxeTable","_a","params","getSelectedRowKeys","getSelectedRows","getFieldEditor","onMounted","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_mergeProps","_createElementVNode","_createVNode","Table"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBI,UAAMA,IAAQC,GAMR,EAAE,YAAAC,GAAY,cAAAC,GAAc,eAAAC,GAAe,aAAAC,EAAA,IAAgBC,EAASN,CAAK,GAEzE;AAAA,MACF,WAAAO;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,yBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA,IACAC,EAAe;AAAA,MACf,OAAApB;AAAA,MACA,YAAAE;AAAA,IAAA,CACH;AAED,IAAAmB,EAAY,MAAM;AACd,MAAKrB,EAAM,MAAM,QAAQ,kBACrBW,EAAc;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,IAET,CAAC,GAEDD,EAAU,MAAM,WAAW,CAACY,GAASC,MAAa;AAC9C,MAAAR,EAAA;AAAA,IACJ;AAEA,UAAM,EAAE,UAAAS,GAAU,UAAAC,GAAU,iBAAAC,GAAiB,OAAAC,GAAO,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAY;AAAA,MACxF,OAAO;AAAA,QACH,QAAQ9B,EAAM,MAAM,QAAQ;AAAA,QAC5B,kBAAiB+B,IAAA/B,EAAM,MAAM,QAAQ,iBAApB,gBAAA+B,EAAkC;AAAA,QACnD,eAAe/B,EAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,MAEvC,QAAQ;AAAA,QACJ,cAAc,CAAAgC,MAAUhB,EAAWgB,GAAQ,YAAY;AAAA,QACvD,gBAAgB,CAAAA,MAAUhB,EAAWgB,GAAQ,cAAc;AAAA,QAC3D,gBAAgB,CAAAA,MAAUhB,EAAWgB,GAAQ,cAAc;AAAA,MAAA;AAAA,MAE/D,WAAW;AAAA,QACP,kBAAAd;AAAA,QACA,cAAAD;AAAA,QACA,WAAW,CAAAe,MAAUhB,EAAWgB,GAAQ,SAAS;AAAA,MAAA;AAAA,IACrD,CACH,GAEKC,IAAqB,MAChBP,EAAgB,MAAM,iBAG3BQ,IAAkB,MACbR,EAAgB,MAAM,cAO3BS,IAAiB,MAEZX,EAAS;AAGpB,WAAAH,EAAY,MAAM;AACd,MAAIG,EAAS,SACTZ,EAAYY,EAAS,KAAK;AAAA,IAElC,CAAC,GAEDY,EAAU,MAAM;AACZ,MAAAvB,EAAA;AAAA,IACJ,CAAC,GAEDwB,EAAa;AAAA,MACT,GAAGjC;AAAA,MACH,GAAGe;AAAA,MACH,cAAAU;AAAA,MACA,gBAAAM;AAAA,MACA,WAAAP;AAAA,MACA,oBAAAK;AAAA,MACA,iBAAAC;AAAA,MACA,eAAAvB;AAAA,MACA,OAAAgB;AAAA,MACA,iBAAAD;AAAA,MACA,yBAAAX;AAAA,MACA,aAAaS;AAAA,IAAA,CAChB,aAxHmEc,EAAAnC,CAAA,iBAApEoC,KAAAC,EAUoBC,GAVpBC,EAUoB,EAAA,KAAA,EAAA,GAVO1C,GAAK,EAAG,aAAasC,EAAAjC,CAAA,EAAA,CAAW,GAAA;AAAA,iBACvD,MAQM;AAAA,QARNsC,EAQM,OAAA;AAAA,UARD,OAAM;AAAA,UAAiB,kBAAgBL,EAAA7B,CAAA,GAAU;AAAA,QAAA;UAClDmC,EAMEN,EAAAO,CAAA,GAAA;AAAA,YALG,YAAUP,EAAAb,CAAA;AAAA,YACV,UAAQa,EAAAxB,CAAA;AAAA,YACR,YAAYwB,EAAA9B,CAAA;AAAA,YACZ,SAAS8B,EAAA/B,CAAA;AAAA,YACT,YAAY+B,EAAA5B,CAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/data-table-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\" :customClass=\"customClass\" v-if=\"!handleHidden\">\n        <div class=\"talbe-wrapper\" :style=\"{ width: tableWidth }\">\n            <Table\n                @register=\"register\"\n                :tableProps=\"tableProps\"\n                :loading=\"isLoading\"\n                :pagination=\"pagintion\"\n            />\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from './container-wrapper.vue';\n    import { ContainerTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { onMounted, watchEffect } from 'vue';\n    import { useVxeTable, Table } from 'tmgc2-share';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { DataTableWidget } from '@/components/form-designer/widget-panel/advanced';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n    import { useTableWidget } from '@/components/form-designer/form-widget/container-widget/useTableWidget';\n\n    const props = defineProps<WidgetProps<DataTableWidget>>();\n    defineOptions({\n        name: ContainerTypeEnum.DataTable,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const { fieldModel, handleHidden, defineExposed, customClass } = useField(props);\n\n    const {\n        isLoading,\n        tableProps,\n        tableWidth,\n        pagintion,\n        setPagination,\n        setTableRef,\n        initTableSoureData,\n        handleTableChange,\n        onRunEvent,\n        onSortChange,\n        onCheckboxChange,\n        tableDefinExpoed\n    } = useTableWidget({\n        props,\n        fieldModel\n    });\n\n    watchEffect(() => {\n        if (!props.field.options.showPagination) {\n            setPagination({\n                total: 0\n            });\n        }\n    });\n\n    pagintion.value.onChange = (current, pageSize) => {\n        initTableSoureData();\n    };\n\n    const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = useVxeTable({\n        props: {\n            rowKey: props.field.options.rowKey,\n            hasRowSelection: props.field.options.rowSelection?.hasRowSelection,\n            clickRowCheck: props.field.options.colorRow\n        },\n        events: {\n            dataChange: params => handleTableChange({ sorts: sorts.value }),\n            cellDblclick: params => onRunEvent(params, 'onDblclick'),\n            cellMouseenter: params => onRunEvent(params, 'onMouseenter'),\n            cellMouseleave: params => onRunEvent(params, 'onMouseleave')\n        },\n        callbacks: {\n            onCheckboxChange,\n            onSortChange,\n            cellClick: params => onRunEvent(params, 'onClick')\n        }\n    });\n\n    const getSelectedRowKeys = () => {\n        return selectedRowInfo.value.selectedRowKeys;\n    };\n\n    const getSelectedRows = () => {\n        return selectedRowInfo.value.selectedRows;\n    };\n\n    /**\n     * 获取字段编辑器\n     * @returns 字段编辑器\n     */\n    const getFieldEditor = () => {\n        // 获取内置的el表单组件\n        return tableRef.value;\n    };\n\n    watchEffect(() => {\n        if (tableRef.value) {\n            setTableRef(tableRef.value);\n        }\n    });\n\n    onMounted(() => {\n        setTimeout(() => {\n            initTableSoureData();\n        }, 1000);\n    });\n\n    defineExpose({\n        ...defineExposed,\n        ...tableDefinExpoed,\n        delSelectRow,\n        getFieldEditor,\n        selectRow,\n        getSelectedRowKeys,\n        getSelectedRows,\n        setPagination,\n        sorts,\n        selectedRowInfo,\n        loadDataTableDataSource: initTableSoureData,\n        fieldEditor: tableRef\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .talbe-wrapper {\n        width: 100%;\n        .vxe-grid {\n            width: 100%;\n        }\n        &__pagination {\n            margin-top: 10px;\n            display: flex;\n            justify-content: end;\n        }\n    }\n</style>\n"],"names":["props","__props","fieldModel","handleHidden","defineExposed","customClass","useField","isLoading","tableProps","tableWidth","pagintion","setPagination","setTableRef","initTableSoureData","handleTableChange","onRunEvent","onSortChange","onCheckboxChange","tableDefinExpoed","useTableWidget","watchEffect","current","pageSize","tableRef","register","selectedRowInfo","sorts","selectRow","delSelectRow","useVxeTable","_a","params","getSelectedRowKeys","getSelectedRows","getFieldEditor","onMounted","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_mergeProps","_createElementVNode","_createVNode","Table"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBI,UAAMA,IAAQC,GAMR,EAAE,YAAAC,GAAY,cAAAC,GAAc,eAAAC,GAAe,aAAAC,EAAA,IAAgBC,EAASN,CAAK,GAEzE;AAAA,MACF,WAAAO;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA,IACAC,EAAe;AAAA,MACf,OAAAnB;AAAA,MACA,YAAAE;AAAA,IAAA,CACH;AAED,IAAAkB,EAAY,MAAM;AACd,MAAKpB,EAAM,MAAM,QAAQ,kBACrBW,EAAc;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,IAET,CAAC,GAEDD,EAAU,MAAM,WAAW,CAACW,GAASC,MAAa;AAC9C,MAAAT,EAAA;AAAA,IACJ;AAEA,UAAM,EAAE,UAAAU,GAAU,UAAAC,GAAU,iBAAAC,GAAiB,OAAAC,GAAO,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAY;AAAA,MACxF,OAAO;AAAA,QACH,QAAQ7B,EAAM,MAAM,QAAQ;AAAA,QAC5B,kBAAiB8B,IAAA9B,EAAM,MAAM,QAAQ,iBAApB,gBAAA8B,EAAkC;AAAA,QACnD,eAAe9B,EAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,MAEvC,QAAQ;AAAA,QACJ,YAAY,CAAA+B,MAAUjB,EAAkB,EAAE,OAAOY,EAAM,OAAO;AAAA,QAC9D,cAAc,CAAAK,MAAUhB,EAAWgB,GAAQ,YAAY;AAAA,QACvD,gBAAgB,CAAAA,MAAUhB,EAAWgB,GAAQ,cAAc;AAAA,QAC3D,gBAAgB,CAAAA,MAAUhB,EAAWgB,GAAQ,cAAc;AAAA,MAAA;AAAA,MAE/D,WAAW;AAAA,QACP,kBAAAd;AAAA,QACA,cAAAD;AAAA,QACA,WAAW,CAAAe,MAAUhB,EAAWgB,GAAQ,SAAS;AAAA,MAAA;AAAA,IACrD,CACH,GAEKC,IAAqB,MAChBP,EAAgB,MAAM,iBAG3BQ,IAAkB,MACbR,EAAgB,MAAM,cAO3BS,IAAiB,MAEZX,EAAS;AAGpB,WAAAH,EAAY,MAAM;AACd,MAAIG,EAAS,SACTX,EAAYW,EAAS,KAAK;AAAA,IAElC,CAAC,GAEDY,EAAU,MAAM;AACZ,iBAAW,MAAM;AACb,QAAAtB,EAAA;AAAA,MACJ,GAAG,GAAI;AAAA,IACX,CAAC,GAEDuB,EAAa;AAAA,MACT,GAAGhC;AAAA,MACH,GAAGc;AAAA,MACH,cAAAU;AAAA,MACA,gBAAAM;AAAA,MACA,WAAAP;AAAA,MACA,oBAAAK;AAAA,MACA,iBAAAC;AAAA,MACA,eAAAtB;AAAA,MACA,OAAAe;AAAA,MACA,iBAAAD;AAAA,MACA,yBAAyBZ;AAAA,MACzB,aAAaU;AAAA,IAAA,CAChB,aAzHmEc,EAAAlC,CAAA,iBAApEmC,KAAAC,EASoBC,GATpBC,EASoB,EAAA,KAAA,EAAA,GATOzC,GAAK,EAAG,aAAaqC,EAAAhC,CAAA,EAAA,CAAW,GAAA;AAAA,iBACvD,MAOM;AAAA,QAPNqC,EAOM,OAAA;AAAA,UAPD,OAAM;AAAA,UAAiB,kBAAgBL,EAAA5B,CAAA,GAAU;AAAA,QAAA;UAClDkC,EAKEN,EAAAO,CAAA,GAAA;AAAA,YAJG,YAAUP,EAAAb,CAAA;AAAA,YACV,YAAYa,EAAA7B,CAAA;AAAA,YACZ,SAAS6B,EAAA9B,CAAA;AAAA,YACT,YAAY8B,EAAA3B,CAAA;AAAA,UAAA;;;;;;;"}