@funcho/ui 1.1.29 → 1.1.30

package/dist/esm/business/DataTable/DataTable.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, onMounted, resolveDirective, createElementBlock, openBlock, normalizeClass, unref, createVNode, createCommentVNode, withDirectives, withCtx, renderSlot, createBlock, mergeProps, Fragment, renderList, createSlots, resolveDynamicComponent, h } from 'vue';
+import { defineComponent, ref, onMounted, resolveComponent, resolveDirective, createBlock, openBlock, normalizeClass, unref, createSlots, withCtx, withDirectives, mergeProps, createCommentVNode, createElementBlock, Fragment, renderList, resolveDynamicComponent, createVNode, renderSlot, h } from 'vue';
 import { useNamespace } from '../../hooks/use-namespace.mjs';
 import { FcDangerButton, FcLinkButton } from '../../components/Button/index.mjs';
 import '../../components/Dialog/index.mjs';
@@ -77,9 +77,8 @@ import '../../components/CodeEditor/index.mjs';
 import '../../components/RichEditor/index.mjs';
 import '../../components/LovText/index.mjs';
 import '../../components/DotStatus/index.mjs';
-import { useElementSize } from '@vueuse/core';
-import _sfc_main$2 from '../../components/VNodeRenderer/index.vue.mjs';
-import _sfc_main$1 from '../QueryForm/QueryForm.vue.mjs';
+import _sfc_main$1 from '../../components/VNodeRenderer/index.vue.mjs';
+import _sfc_main$2 from '../QueryForm/QueryForm.vue.mjs';
 /* empty css                           */
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -134,19 +133,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const queryBoxRef = ref();
     const queryBoxHeight = ref(0);
-    const paginationBoxRef = ref(null);
-    const splitLineRef = ref(null);
-    const { height: splitLineHeight } = useElementSize(splitLineRef, void 0, {
-      box: "border-box"
-    });
-    const { height: paginationBoxHeight } = useElementSize(paginationBoxRef, void 0, {
-      box: "border-box"
-    });
-    const containerRef = ref(null);
-    const { height: containerHeight } = useElementSize(containerRef);
-    const maxTableHeight = computed(() => {
-      return (props.height || containerHeight.value) - ((queryBoxHeight.value > 0 ? queryBoxHeight.value + splitLineHeight.value : 0) + paginationBoxHeight.value);
-    });
     const pagination = ref({
       currentPage: 1,
       pageSize: 20,
@@ -207,99 +193,102 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       // 清空表单，回到第一页刷新
     });
     return (_ctx, _cache) => {
+      const _component_FcProVerticalLayout = resolveComponent("FcProVerticalLayout");
       const _directive_loading = resolveDirective("loading");
-      return openBlock(), createElementBlock("div", {
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: normalizeClass(unref(ns).b())
+      return openBlock(), createBlock(_component_FcProVerticalLayout, {
+        class: normalizeClass(unref(ns).b()),
+        gap: 8
+      }, createSlots({
+        body: withCtx(({ height: bodyHeight }) => [
+          withDirectives((openBlock(), createBlock(unref(FcTable), mergeProps(_ctx.$attrs, {
+            data: tableData.value,
+            border: "",
+            "max-height": bodyHeight
+          }), {
+            default: withCtx(() => [
+              __props.hasIndex ? (openBlock(), createBlock(unref(FcTableColumn), {
+                key: "index",
+                label: "序号",
+                align: "center",
+                fixed: "left",
+                type: "index",
+                width: 60,
+                index: getIndex,
+                "show-overflow-tooltip": false
+              })) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (item) => {
+                return openBlock(), createBlock(unref(FcTableColumn), mergeProps({
+                  key: item.prop
+                }, { ref_for: true }, item, {
+                  "show-overflow-tooltip": item.showOverflowTooltip || true
+                }), createSlots({ _: 2 }, [
+                  item.render ? {
+                    name: "default",
+                    fn: withCtx(({ row, $index }) => [
+                      (openBlock(), createBlock(resolveDynamicComponent(item.render(row, $index))))
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1040, ["show-overflow-tooltip"]);
+              }), 128)),
+              props.actions && props.actions.length > 0 ? (openBlock(), createBlock(unref(FcTableColumn), {
+                key: "actions",
+                label: "操作",
+                align: "right",
+                fixed: "right",
+                width: __props.actionsWidth || void 0
+              }, {
+                default: withCtx(({ row, $index }) => [
+                  createVNode(_sfc_main$1, {
+                    content: () => renderActions(props.actions, row, $index)
+                  }, null, 8, ["content"])
+                ]),
+                _: 1
+              }, 8, ["width"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 16, ["data", "max-height"])), [
+            [_directive_loading, tableLoading.value]
+          ])
+        ]),
+        _: 2
       }, [
-        createVNode(_sfc_main$1, {
-          ref_key: "queryBoxRef",
-          ref: queryBoxRef,
-          fields: __props.fields,
-          tools: __props.tools,
-          "btn-disabled": tableLoading.value,
-          onSearch: handleSearchClick,
-          onReset: handleResetClick,
-          onResize: _cache[0] || (_cache[0] = (e) => queryBoxHeight.value = e.height)
-        }, {
-          default: withCtx(() => [
-            !_ctx.$slots.tools ? renderSlot(_ctx.$slots, "tools", { key: 0 }) : createCommentVNode("", true)
-          ]),
-          _: 3
-        }, 8, ["fields", "tools", "btn-disabled"]),
-        __props.fields && __props.fields.length > 0 ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          ref_key: "splitLineRef",
-          ref: splitLineRef,
-          class: normalizeClass(unref(ns).e("split-line"))
-        }, null, 2)) : createCommentVNode("", true),
-        withDirectives((openBlock(), createBlock(unref(FcTable), mergeProps(_ctx.$attrs, {
-          data: tableData.value,
-          border: "",
-          "max-height": maxTableHeight.value
-        }), {
-          default: withCtx(() => [
-            __props.hasIndex ? (openBlock(), createBlock(unref(FcTableColumn), {
-              key: "index",
-              label: "序号",
-              align: "center",
-              fixed: "left",
-              type: "index",
-              width: 60,
-              index: getIndex,
-              "show-overflow-tooltip": false
-            })) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (item) => {
-              return openBlock(), createBlock(unref(FcTableColumn), mergeProps({
-                key: item.prop
-              }, { ref_for: true }, item, {
-                "show-overflow-tooltip": item.showOverflowTooltip || true
-              }), createSlots({ _: 2 }, [
-                item.render ? {
-                  name: "default",
-                  fn: withCtx(({ row, $index }) => [
-                    (openBlock(), createBlock(resolveDynamicComponent(item.render(row, $index))))
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1040, ["show-overflow-tooltip"]);
-            }), 128)),
-            props.actions && props.actions.length > 0 ? (openBlock(), createBlock(unref(FcTableColumn), {
-              key: "actions",
-              label: "操作",
-              align: "right",
-              fixed: "right",
-              width: __props.actionsWidth || void 0
+        __props.fields && __props.fields.length > 0 ? {
+          name: "header",
+          fn: withCtx(() => [
+            createVNode(_sfc_main$2, {
+              ref_key: "queryBoxRef",
+              ref: queryBoxRef,
+              fields: __props.fields,
+              tools: __props.tools,
+              "btn-disabled": tableLoading.value,
+              onSearch: handleSearchClick,
+              onReset: handleResetClick,
+              onResize: _cache[0] || (_cache[0] = (e) => queryBoxHeight.value = e.height)
             }, {
-              default: withCtx(({ row, $index }) => [
-                createVNode(_sfc_main$2, {
-                  content: () => renderActions(props.actions, row, $index)
-                }, null, 8, ["content"])
+              default: withCtx(() => [
+                !_ctx.$slots.tools ? renderSlot(_ctx.$slots, "tools", { key: 0 }) : createCommentVNode("", true)
               ]),
-              _: 1
-            }, 8, ["width"])) : createCommentVNode("", true)
+              _: 3
+            }, 8, ["fields", "tools", "btn-disabled"])
           ]),
-          _: 1
-        }, 16, ["data", "max-height"])), [
-          [_directive_loading, tableLoading.value]
-        ]),
-        __props.isPagination ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          ref_key: "paginationBoxRef",
-          ref: paginationBoxRef,
-          class: normalizeClass(unref(ns).e("pagination-box"))
-        }, [
-          createVNode(unref(FcPagination), {
-            "page-size": pagination.value.pageSize,
-            "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => pagination.value.pageSize = $event),
-            "current-page": pagination.value.currentPage,
-            "onUpdate:currentPage": _cache[2] || (_cache[2] = ($event) => pagination.value.currentPage = $event),
-            total: pagination.value.total,
-            onChange: handlePaginationChange
-          }, null, 8, ["page-size", "current-page", "total"])
-        ], 2)) : createCommentVNode("", true)
-      ], 2);
+          key: "0"
+        } : void 0,
+        __props.isPagination ? {
+          name: "footer",
+          fn: withCtx(() => [
+            createVNode(unref(FcPagination), {
+              "page-size": pagination.value.pageSize,
+              "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => pagination.value.pageSize = $event),
+              "current-page": pagination.value.currentPage,
+              "onUpdate:currentPage": _cache[2] || (_cache[2] = ($event) => pagination.value.currentPage = $event),
+              total: pagination.value.total,
+              onChange: handlePaginationChange
+            }, null, 8, ["page-size", "current-page", "total"])
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["class"]);
     };
   }
 });

package/dist/esm/business/ProForm/ProForm.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createBlock, openBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, normalizeStyle, createSlots, resolveDynamicComponent, createElementVNode, normalizeClass, createVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, watch, createBlock, openBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, normalizeStyle, createSlots, resolveDynamicComponent, createElementVNode, normalizeClass, createVNode, toDisplayString } from 'vue';
 import { useNamespace } from '../../hooks/use-namespace.mjs';
 import '../../components/Button/index.mjs';
 import '../../components/Dialog/index.mjs';
@@ -78,8 +78,8 @@ import '../../components/RichEditor/index.mjs';
 import '../../components/LovText/index.mjs';
 import '../../components/DotStatus/index.mjs';
 import { ComponentsMap } from './componentsMap.mjs';
-import isPlainObject from '../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isPlainObject.mjs';
 import cloneDeep from '../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.mjs';
+import isPlainObject from '../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isPlainObject.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -96,7 +96,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     const ns = useNamespace("pro-form");
+    const props = __props;
     const formModel = ref({});
+    const initialModelSnapshot = ref({});
+    watch(
+      () => props.fields,
+      (newFields) => {
+        const snapshot = {};
+        const newModel = { ...formModel.value };
+        newFields.forEach((field) => {
+          if (field.initialValue !== void 0) {
+            snapshot[field.prop] = cloneDeep(field.initialValue);
+            if (newModel[field.prop] === void 0) {
+              newModel[field.prop] = cloneDeep(field.initialValue);
+            }
+          }
+        });
+        initialModelSnapshot.value = snapshot;
+        formModel.value = newModel;
+      },
+      { immediate: true }
+    );
     const setValues = (data) => {
       if (isPlainObject(data)) {
         formModel.value = cloneDeep(data || {});
@@ -128,6 +148,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         item.attrs.onRef(el, item);
       }
     };
+    const resetFields = () => {
+      if (!formRef.value) return;
+      formRef.value.resetFields();
+      props.fields.forEach((field) => {
+        const prop = field.prop;
+        const initialValue = initialModelSnapshot.value[prop];
+        const hasInitialValue = initialValue !== void 0;
+        if (hasInitialValue && field.clearInitialValueOnReset) {
+          formModel.value[prop] = void 0;
+        }
+      });
+    };
     __expose(
       new Proxy(
         {},
@@ -136,13 +168,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             if (key === "setValues") {
               return setValues;
             }
+            if (key === "resetFields") {
+              return resetFields;
+            }
             if (key === "model") {
               return formModel.value;
             }
             return formRef.value?.[key];
           },
           has(_, key) {
-            if (key === "setValues" || key === "model") {
+            if (key === "setValues" || key === "resetFields" || key === "model") {
               return true;
             }
             if (!formRef.value) return false;

package/dist/esm/business/VerticalLayout/VerticalLayout.vue.mjs

@@ -0,0 +1,95 @@
+import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, normalizeStyle, createCommentVNode, renderSlot } from 'vue';
+import { useNamespace } from '../../hooks/use-namespace.mjs';
+import { useElementSize } from '@vueuse/core';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FcProVerticalLayout"
+  },
+  __name: "VerticalLayout",
+  props: {
+    gap: { default: 8 },
+    full: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const ns = useNamespace("pro-vertical-layout");
+    const props = __props;
+    const headerRef = ref(null);
+    const bodyRef = ref(null);
+    const footerRef = ref(null);
+    const ghostBodyRef = ref(null);
+    const { height: headerHeight } = useElementSize(headerRef);
+    const { height: footerHeight } = useElementSize(footerRef);
+    const { width: bodyWidth } = useElementSize(bodyRef);
+    const { height: ghostBodyHeight } = useElementSize(ghostBodyRef);
+    const layoutStyle = computed(() => {
+      const gapValue = typeof props.gap === "number" ? `${props.gap}px` : props.gap;
+      return {
+        gap: gapValue
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref: "layoutRef",
+        class: normalizeClass(unref(ns).b())
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("actual")),
+          style: normalizeStyle(layoutStyle.value)
+        }, [
+          _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "headerRef",
+            ref: headerRef,
+            class: normalizeClass(unref(ns).e("header"))
+          }, [
+            renderSlot(_ctx.$slots, "header")
+          ], 2)) : createCommentVNode("", true),
+          _ctx.$slots.body ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            ref_key: "bodyRef",
+            ref: bodyRef,
+            class: normalizeClass(unref(ns).e("body")),
+            style: normalizeStyle(__props.full ? "flex: 1;" : `max-height: ${unref(ghostBodyHeight)}px;`)
+          }, [
+            renderSlot(_ctx.$slots, "body", {
+              width: unref(bodyWidth),
+              height: unref(ghostBodyHeight)
+            })
+          ], 6)) : createCommentVNode("", true),
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            ref_key: "footerRef",
+            ref: footerRef,
+            class: normalizeClass(unref(ns).e("footer"))
+          }, [
+            renderSlot(_ctx.$slots, "footer")
+          ], 2)) : createCommentVNode("", true)
+        ], 6),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("ghost-wrapper")),
+          "aria-hidden": "true",
+          style: normalizeStyle(layoutStyle.value)
+        }, [
+          _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ns).e("ghost-header")),
+            style: normalizeStyle({ height: `${unref(headerHeight)}px` })
+          }, null, 6)) : createCommentVNode("", true),
+          createElementVNode("div", {
+            ref_key: "ghostBodyRef",
+            ref: ghostBodyRef,
+            class: normalizeClass(unref(ns).e("ghost-body"))
+          }, null, 2),
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(unref(ns).e("ghost-footer")),
+            style: normalizeStyle({ height: `${unref(footerHeight)}px` })
+          }, null, 6)) : createCommentVNode("", true)
+        ], 6)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/esm/business/VerticalLayout/VerticalLayout.vue3.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './VerticalLayout.vue.mjs';
+/* empty css                     */
+
+
+
+export { _sfc_main as default };

package/dist/esm/business/VerticalLayout/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './VerticalLayout.vue.mjs';
+/* empty css                     */
+import { withInstall } from '../../_utils/with-install.mjs';
+
+const FcProVerticalLayout = withInstall(_sfc_main);
+
+export { FcProVerticalLayout, FcProVerticalLayout as default };

package/dist/esm/business/index.mjs

@@ -6,3 +6,4 @@ export { FcProTreeTransfer } from './TreeTransfer/index.mjs';
 export { FcProEditFormCard } from './EditFormCard/index.mjs';
 export { FcProFormDialog } from './FormDialog/index.mjs';
 export { FcProQueryForm } from './QueryForm/index.mjs';
+export { FcProVerticalLayout } from './VerticalLayout/index.mjs';

package/dist/esm/components/DotStatus/DotStatus.vue.mjs

@@ -1,11 +1,7 @@
-import { createElementBlock, openBlock } from 'vue';
+import _sfc_main from './DotStatus.vue2.mjs';
+/* empty css                */
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
 
-const _sfc_main = {  };
-
-function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("div", null, "1"))
-}
-const DotStatus = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+const DotStatus = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a9f6e8d5"]]);
 
 export { DotStatus as default };

package/dist/esm/components/DotStatus/DotStatus.vue2.mjs

@@ -0,0 +1,48 @@
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, Fragment, createBlock, createTextVNode, toDisplayString } from 'vue';
+import { useNamespace } from '../../hooks/use-namespace.mjs';
+import _sfc_main$1 from '../LovText/LovText.vue.mjs';
+/* empty css                       */
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FcDotStatus"
+  },
+  __name: "DotStatus",
+  props: {
+    type: { default: "info" },
+    size: { default: "medium" },
+    color: { default: "" },
+    label: { default: "" },
+    lovId: { default: "" },
+    value: { default: null },
+    isSql: { type: Boolean, default: false },
+    isUpdateLovOptions: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const ns = useNamespace("dot-status");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass({
+          [unref(ns).b()]: true,
+          [unref(ns).b(__props.type)]: true,
+          [unref(ns).b(__props.size)]: true
+        }),
+        style: normalizeStyle({ "--fc-ui-dot-bg-color": __props.color })
+      }, [
+        !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          __props.lovId && __props.value ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            "lov-id": __props.lovId,
+            value: __props.value,
+            "is-sql": __props.isSql,
+            "is-update-lov-options": __props.isUpdateLovOptions
+          }, null, 8, ["lov-id", "value", "is-sql", "is-update-lov-options"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ], 64))
+        ], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
+      ], 6);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/esm/index.mjs

@@ -94,6 +94,7 @@ export { FcProTreeTransfer } from './business/TreeTransfer/index.mjs';
 export { FcProEditFormCard } from './business/EditFormCard/index.mjs';
 export { FcProFormDialog } from './business/FormDialog/index.mjs';
 export { FcProQueryForm } from './business/QueryForm/index.mjs';
+export { FcProVerticalLayout } from './business/VerticalLayout/index.mjs';
 
 const components = Object.keys(index$1).map((key) => {
   return index$1[key];

package/dist/esm/packages/ui/package.json.mjs

@@ -1,3 +1,3 @@
-const version = "1.1.29";
+const version = "1.1.30";
 
 export { version };

package/dist/style.css

@@ -17032,6 +17032,60 @@ to {
   display: flex;
   align-items: center;
   justify-content: space-between;
+}.fc-mkui-dot-status[data-v-a9f6e8d5] {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: #181818;
+}
+.fc-mkui-dot-status[data-v-a9f6e8d5]::before {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  content: "";
+  display: inline-block;
+  background-color: #b2b2b2;
+  background-color: var(--fc-ui-dot-bg-color, #b2b2b2);
+  animation: dot-ping-a9f6e8d5 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+.fc-mkui-dot-status-primary[data-v-a9f6e8d5]::before {
+  background-color: #165dff;
+  background-color: var(--fc-ui-dot-bg-color, #165dff);
+}
+.fc-mkui-dot-status-success[data-v-a9f6e8d5]::before {
+  background-color: #62d62b;
+  background-color: var(--fc-ui-dot-bg-color, #62d62b);
+}
+.fc-mkui-dot-status-warning[data-v-a9f6e8d5]::before {
+  background-color: #f7ba1d;
+  background-color: var(--fc-ui-dot-bg-color, #f7ba1d);
+}
+.fc-mkui-dot-status-error[data-v-a9f6e8d5]::before {
+  background-color: #ff3232;
+  background-color: var(--fc-ui-dot-bg-color, #ff3232);
+}
+.fc-mkui-dot-status-danger[data-v-a9f6e8d5]::before {
+  background-color: #ff3232;
+  background-color: var(--fc-ui-dot-bg-color, #ff3232);
+}
+.fc-mkui-dot-status-small[data-v-a9f6e8d5]::before {
+  width: 6px;
+  height: 6px;
+}
+.fc-mkui-dot-status-large[data-v-a9f6e8d5]::before {
+  width: 10px;
+  height: 10px;
+}
+@keyframes dot-ping-a9f6e8d5 {
+0% {
+    opacity: 1;
+}
+50% {
+    opacity: 0.4;
+}
+100% {
+    opacity: 1;
+}
 }.fc-mkui-sidebar-main-layout {
   height: 100%;
   display: flex;
@@ -17147,12 +17201,6 @@ to {
 .fc-mkui-data-table .fc-ui-table__border-left-patch {
   background-color: #c5d6ff;
 }
-.fc-mkui-data-table__split-line {
-  height: 8px;
-}
-.fc-mkui-data-table__pagination-box {
-  padding-top: 8px;
-}
 .fc-mkui-data-table__actions {
   display: flex;
   align-items: center;
@@ -17224,4 +17272,31 @@ to {
   cursor: pointer;
 }.fc-mkui-form-dialog__body {
   padding-bottom: 0;
+}.fc-mkui-pro-vertical-layout {
+  position: relative;
+  height: 100%;
+}
+.fc-mkui-pro-vertical-layout__actual {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  overflow: hidden;
+  z-index: 1;
+}
+.fc-mkui-pro-vertical-layout__body {
+  width: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+.fc-mkui-pro-vertical-layout__ghost-wrapper {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  display: flex;
+  flex-direction: column;
+  visibility: hidden;
+}
+.fc-mkui-pro-vertical-layout__ghost-body {
+  flex: 1;
 }

package/dist/types/business/DataTable/DataTable.vue.d.ts

@@ -37,7 +37,6 @@ declare function __VLS_template(): {
         tools?(_: {}): any;
     };
     refs: {
-        containerRef: HTMLDivElement;
         queryBoxRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -1498,8 +1497,6 @@ declare function __VLS_template(): {
                 tools?(_: {}): any;
             };
         }) | null;
-        splitLineRef: HTMLDivElement;
-        paginationBoxRef: HTMLDivElement;
     };
     rootEl: any;
 };
@@ -1525,7 +1522,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     actions: Array<ButtonProps>;
     actionsWidth: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    containerRef: HTMLDivElement;
     queryBoxRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
@@ -2986,8 +2982,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             tools?(_: {}): any;
         };
     }) | null;
-    splitLineRef: HTMLDivElement;
-    paginationBoxRef: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/types/business/DataTable/index.d.ts

@@ -83,7 +83,6 @@ export declare const FcProDataTable: {
         }>;
         actionsWidth: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        containerRef: HTMLDivElement;
         queryBoxRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -1544,8 +1543,6 @@ export declare const FcProDataTable: {
                 tools?(_: {}): any;
             };
         }) | null;
-        splitLineRef: HTMLDivElement;
-        paginationBoxRef: HTMLDivElement;
     }, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};