3h1-ui 1.0.128 → 1.0.129

package/es/index.js

@@ -6098,7 +6098,6 @@ const _sfc_main$H = defineComponent({
       );
     });
     const getPreIcon = computed(() => {
-      console.log("getSubmitBtnOptions.value", getSubmitBtnOptions.value);
       if (getSubmitBtnOptions.value.loading) {
         return void 0;
       } else {
@@ -6107,7 +6106,6 @@ const _sfc_main$H = defineComponent({
     });
     watchEffect(() => {
       getPreIcon.value;
-      console.log(" getPreIcon.value", getPreIcon.value);
     });
     return {
       actionColOpt,
@@ -11325,7 +11323,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef, getDa
       !tableEl.classList.contains("hide-scrollbar-x") && tableEl.classList.add("hide-scrollbar-x");
     }
     bodyEl.style.height = "unset";
-    if (!unref(getCanResize) || !unref(tableData) || tableData.length === 0)
+    if (!unref(getCanResize) || !unref(tableData))
       return;
     await nextTick();
     const headEl = tableEl.querySelector(".ant-table-thead ");
@@ -11333,7 +11331,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef, getDa
       return;
     let paddingHeight = 32;
     let paginationHeight = 2;
-    if (!isBoolean(pagination)) {
+    if (!isBoolean(pagination) && tableData.length !== 0) {
       paginationEl = tableEl.querySelector(".ant-pagination");
       if (paginationEl) {
         const offsetHeight = paginationEl.offsetHeight;
@@ -12598,7 +12596,8 @@ const _sfc_main$h = defineComponent({
   components: {
     Table: Table$1,
     BasicForm,
-    HeaderCell
+    HeaderCell,
+    Empty
   },
   props: basicProps$1,
   emits: [
@@ -12822,6 +12821,9 @@ const _sfc_main$h = defineComponent({
     const handleResizeColumn = (w, col) => {
       col.width = w;
     };
+    const getHeight = computed(() => {
+      return unref(getScrollRef);
+    });
     return {
       formRef,
       tableElRef,
@@ -12840,7 +12842,8 @@ const _sfc_main$h = defineComponent({
       getFormSlotKeys,
       getWrapperClass,
       columns: getViewColumns,
-      handleResizeColumn
+      handleResizeColumn,
+      getHeight
     };
   }
 });
@@ -12848,6 +12851,7 @@ const _hoisted_1$8 = { class: "shy-page" };
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BasicForm = resolveComponent("BasicForm");
   const _component_HeaderCell = resolveComponent("HeaderCell");
+  const _component_Empty = resolveComponent("Empty");
   const _component_Table = resolveComponent("Table");
   return openBlock(), createElementBlock("div", {
     ref: "wrapRef",
@@ -12882,6 +12886,14 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
         headerCell: withCtx(({ column }) => [
           createVNode(_component_HeaderCell, { column }, null, 8, ["column"])
         ]),
+        emptyText: withCtx(() => [
+          createElementVNode("div", {
+            class: "flex justify-center items-center",
+            style: normalizeStyle({ height: `${_ctx.getHeight.y - 40}px` })
+          }, [
+            createVNode(_component_Empty)
+          ], 4)
+        ]),
         bodyCell: withCtx((data) => [
           renderSlot(_ctx.$slots, "bodyCell", normalizeProps(guardReactiveProps(data || {})))
         ]),

package/lib/index.js

@@ -6103,7 +6103,6 @@ const _sfc_main$H = vue.defineComponent({
       );
     });
     const getPreIcon = vue.computed(() => {
-      console.log("getSubmitBtnOptions.value", getSubmitBtnOptions.value);
       if (getSubmitBtnOptions.value.loading) {
         return void 0;
       } else {
@@ -6112,7 +6111,6 @@ const _sfc_main$H = vue.defineComponent({
     });
     vue.watchEffect(() => {
       getPreIcon.value;
-      console.log(" getPreIcon.value", getPreIcon.value);
     });
     return {
       actionColOpt,
@@ -11330,7 +11328,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef, getDa
       !tableEl.classList.contains("hide-scrollbar-x") && tableEl.classList.add("hide-scrollbar-x");
     }
     bodyEl.style.height = "unset";
-    if (!vue.unref(getCanResize) || !vue.unref(tableData) || tableData.length === 0)
+    if (!vue.unref(getCanResize) || !vue.unref(tableData))
       return;
     await vue.nextTick();
     const headEl = tableEl.querySelector(".ant-table-thead ");
@@ -11338,7 +11336,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef, getDa
       return;
     let paddingHeight = 32;
     let paginationHeight = 2;
-    if (!utils.isBoolean(pagination)) {
+    if (!utils.isBoolean(pagination) && tableData.length !== 0) {
       paginationEl = tableEl.querySelector(".ant-pagination");
       if (paginationEl) {
         const offsetHeight = paginationEl.offsetHeight;
@@ -12603,7 +12601,8 @@ const _sfc_main$h = vue.defineComponent({
   components: {
     Table: antDesignVue.Table,
     BasicForm,
-    HeaderCell
+    HeaderCell,
+    Empty: antDesignVue.Empty
   },
   props: basicProps$1,
   emits: [
@@ -12827,6 +12826,9 @@ const _sfc_main$h = vue.defineComponent({
     const handleResizeColumn = (w, col) => {
       col.width = w;
     };
+    const getHeight = vue.computed(() => {
+      return vue.unref(getScrollRef);
+    });
     return {
       formRef,
       tableElRef,
@@ -12845,7 +12847,8 @@ const _sfc_main$h = vue.defineComponent({
       getFormSlotKeys,
       getWrapperClass,
       columns: getViewColumns,
-      handleResizeColumn
+      handleResizeColumn,
+      getHeight
     };
   }
 });
@@ -12853,6 +12856,7 @@ const _hoisted_1$8 = { class: "shy-page" };
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BasicForm = vue.resolveComponent("BasicForm");
   const _component_HeaderCell = vue.resolveComponent("HeaderCell");
+  const _component_Empty = vue.resolveComponent("Empty");
   const _component_Table = vue.resolveComponent("Table");
   return vue.openBlock(), vue.createElementBlock("div", {
     ref: "wrapRef",
@@ -12887,6 +12891,14 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
         headerCell: vue.withCtx(({ column }) => [
           vue.createVNode(_component_HeaderCell, { column }, null, 8, ["column"])
         ]),
+        emptyText: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: "flex justify-center items-center",
+            style: vue.normalizeStyle({ height: `${_ctx.getHeight.y - 40}px` })
+          }, [
+            vue.createVNode(_component_Empty)
+          ], 4)
+        ]),
         bodyCell: vue.withCtx((data) => [
           vue.renderSlot(_ctx.$slots, "bodyCell", vue.normalizeProps(vue.guardReactiveProps(data || {})))
         ]),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "3h1-ui",
-  "version": "1.0.128",
+  "version": "1.0.129",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",