3h1-ui 3.0.0-next.8 → 3.0.0-next.9

package/lib/index.js

@@ -8432,8 +8432,12 @@ const basicProps$7 = Object.assign({}, modalProps, {
   keyboard: { type: Boolean, default: true },
   maskStyle: Object,
   okType: { type: String, default: "primary" },
-  okButtonProps: Object,
-  cancelButtonProps: Object,
+  okButtonProps: {
+    type: Object
+  },
+  cancelButtonProps: {
+    type: Object
+  },
   title: { type: String },
   visible: { type: Boolean },
   width: [String, Number],
@@ -9074,6 +9078,9 @@ const _sfc_main$1e = vue.defineComponent({
   name: "BasicModalFooter",
   props: basicProps$7,
   emits: ["ok", "cancel"],
+  components: {
+    Button: antDesignVue.Button
+  },
   setup(_, { emit }) {
     function handleOk(e) {
       emit("ok", e);
@@ -9085,17 +9092,17 @@ const _sfc_main$1e = vue.defineComponent({
   }
 });
 function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_a_button = vue.resolveComponent("a-button");
+  const _component_Button = vue.resolveComponent("Button");
   return vue.openBlock(), vue.createElementBlock("div", null, [
     vue.renderSlot(_ctx.$slots, "insertFooter"),
-    _ctx.showCancelBtn ? (vue.openBlock(), vue.createBlock(_component_a_button, vue.mergeProps({ key: 0 }, _ctx.cancelButtonProps, { onClick: _ctx.handleCancel }), {
+    _ctx.showCancelBtn ? (vue.openBlock(), vue.createBlock(_component_Button, vue.mergeProps({ key: 0 }, _ctx.cancelButtonProps, { onClick: _ctx.handleCancel }), {
       default: vue.withCtx(() => [
         vue.createTextVNode(vue.toDisplayString(_ctx.cancelText), 1)
       ]),
       _: 1
     }, 16, ["onClick"])) : vue.createCommentVNode("", true),
     vue.renderSlot(_ctx.$slots, "centerFooter"),
-    _ctx.showOkBtn ? (vue.openBlock(), vue.createBlock(_component_a_button, vue.mergeProps({
+    _ctx.showOkBtn ? (vue.openBlock(), vue.createBlock(_component_Button, vue.mergeProps({
       key: 1,
       type: _ctx.okType,
       onClick: _ctx.handleOk,
@@ -9328,7 +9335,7 @@ const _sfc_main$1a = vue.defineComponent({
     "register",
     "update:visible"
   ],
-  setup(props2, { emit, attrs }) {
+  setup(props2, { emit, attrs, slots }) {
     const visibleRef = vue.ref(false);
     const propsRef = vue.ref(null);
     const modalWrapperRef = vue.ref(null);
@@ -9352,7 +9359,8 @@ const _sfc_main$1a = vue.defineComponent({
     const getMergeProps = vue.computed(() => {
       return {
         ...props2,
-        ...vue.unref(propsRef)
+        ...vue.unref(propsRef),
+        wrapClassName: `${props2.wrapClassName || ""} ${prefixCls2}`
       };
     });
     const { handleFullScreen, getWrapClassName, fullScreenRef } = useFullScreen(
@@ -9387,6 +9395,17 @@ const _sfc_main$1a = vue.defineComponent({
       }
       return omit$1(attr, "title");
     });
+    const omitBindValue = vue.computed(() => {
+      return omit$1(
+        getProps.value.wrapperProps,
+        "visible",
+        "height",
+        "modalFooterHeight"
+      );
+    });
+    const omitSlotKeys = vue.computed(() => {
+      return Object.keys(omit$1(slots, ["default"]));
+    });
     const getWrapperHeight = vue.computed(() => {
       if (vue.unref(fullScreenRef))
         return void 0;
@@ -9399,8 +9418,10 @@ const _sfc_main$1a = vue.defineComponent({
     vue.watch(
       () => vue.unref(visibleRef),
       (v) => {
+        var _a2;
         emit("visible-change", v);
         emit("update:visible", v);
+        instance && ((_a2 = modalMethods.emitVisible) == null ? void 0 : _a2.call(modalMethods, v, instance.uid));
         vue.nextTick(() => {
           if (props2.scrollTop && v && vue.unref(modalWrapperRef)) {
             vue.unref(modalWrapperRef).scrollTop();
@@ -9451,6 +9472,7 @@ const _sfc_main$1a = vue.defineComponent({
       handleFullScreen(e);
     }
     return {
+      prefixCls: prefixCls2,
       handleCancel,
       getBindValue,
       getProps,
@@ -9459,7 +9481,9 @@ const _sfc_main$1a = vue.defineComponent({
       getMergeProps,
       handleOk,
       visibleRef,
-      omit: omit$1,
+      omitBindValue,
+      omitSlotKeys,
+      // omit,
       modalWrapperRef,
       handleExtHeight,
       handleHeightChange,
@@ -9468,33 +9492,30 @@ const _sfc_main$1a = vue.defineComponent({
     };
   }
 });
+const BasicModal_vue_vue_type_style_index_0_lang = "";
 function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ModalClose = vue.resolveComponent("ModalClose");
   const _component_ModalHeader = vue.resolveComponent("ModalHeader");
   const _component_ModalFooter = vue.resolveComponent("ModalFooter");
   const _component_ModalWrapper = vue.resolveComponent("ModalWrapper");
   const _component_Modal = vue.resolveComponent("Modal");
-  return vue.openBlock(), vue.createBlock(_component_Modal, vue.mergeProps({ class: "modal-wrapper" }, _ctx.getBindValue, { onCancel: _ctx.handleCancel }), vue.createSlots({
+  return vue.openBlock(), vue.createBlock(_component_Modal, vue.mergeProps(_ctx.getBindValue, { onCancel: _ctx.handleCancel }), vue.createSlots({
     default: vue.withCtx(() => [
-      vue.createVNode(_component_ModalWrapper, vue.mergeProps(
-        {
-          useWrapper: _ctx.getProps.useWrapper,
-          footerOffset: _ctx.wrapperFooterOffset,
-          fullScreen: _ctx.fullScreenRef,
-          ref: "modalWrapperRef",
-          loading: _ctx.getProps.loading,
-          "loading-tip": _ctx.getProps.loadingTip,
-          minHeight: _ctx.getProps.minHeight,
-          height: _ctx.getWrapperHeight,
-          visible: _ctx.visibleRef,
-          modalFooterHeight: _ctx.footer !== void 0 && !_ctx.footer ? 0 : void 0
-        },
-        _ctx.omit(_ctx.getProps.wrapperProps, "visible", "height", "modalFooterHeight"),
-        {
-          onExtHeight: _ctx.handleExtHeight,
-          onHeightChange: _ctx.handleHeightChange
-        }
-      ), {
+      vue.createVNode(_component_ModalWrapper, vue.mergeProps({
+        useWrapper: _ctx.getProps.useWrapper,
+        footerOffset: _ctx.wrapperFooterOffset,
+        fullScreen: _ctx.fullScreenRef,
+        ref: "modalWrapperRef",
+        loading: _ctx.getProps.loading,
+        "loading-tip": _ctx.getProps.loadingTip,
+        minHeight: _ctx.getProps.minHeight,
+        height: _ctx.getWrapperHeight,
+        visible: _ctx.visibleRef,
+        modalFooterHeight: _ctx.footer !== void 0 && !_ctx.footer ? 0 : void 0
+      }, _ctx.omitBindValue, {
+        onExtHeight: _ctx.handleExtHeight,
+        onHeightChange: _ctx.handleHeightChange
+      }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),
@@ -9545,7 +9566,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       key: "2"
     } : void 0,
-    vue.renderList(Object.keys(_ctx.omit(_ctx.$slots, "default")), (item) => {
+    vue.renderList(_ctx.omitSlotKeys, (item) => {
       return {
         name: item,
         fn: vue.withCtx((data) => [
@@ -14622,7 +14643,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const HeaderCell_vue_vue_type_style_index_0_lang$1 = "";
-function itemRender$1({
+function itemRender({
   page,
   type,
   originalElement
@@ -14660,7 +14681,7 @@ function usePagination$2(refProps) {
       showTotal: (total) => `共 ${total} 条数据`,
       showSizeChanger: true,
       pageSizeOptions: PAGE_SIZE_OPTIONS$1,
-      itemRender: itemRender$1,
+      itemRender,
       showQuickJumper: true,
       ...utils.isBoolean(pagination) ? {} : pagination,
       ...vue.unref(configRef)
@@ -17753,14 +17774,14 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     scroll: _ctx.scroll
   }, null, 8, ["dataSource", "rowKey", "columns", "scroll"])) : vue.createCommentVNode("", true);
 }
-const TableFooter = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$u]]);
+const TableFooter$1 = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$u]]);
 function useTableFooter(propsRef, scrollRef, tableElRef, getDataSourceRef) {
   const getIsEmptyData = vue.computed(() => {
     return (vue.unref(getDataSourceRef) || []).length === 0;
   });
   const getFooterProps = vue.computed(() => {
     const { summaryFunc, showSummary, summaryData } = vue.unref(propsRef);
-    return showSummary && !vue.unref(getIsEmptyData) ? () => vue.h(TableFooter, { summaryFunc, summaryData, scroll: vue.unref(scrollRef) }) : void 0;
+    return showSummary && !vue.unref(getIsEmptyData) ? () => vue.h(TableFooter$1, { summaryFunc, summaryData, scroll: vue.unref(scrollRef) }) : void 0;
   });
   vue.watchEffect(() => {
     handleSummary();
@@ -19842,7 +19863,9 @@ const _sfc_main$v = vue.defineComponent({
       () => visibleRef.value,
       (visible) => {
         vue.nextTick(() => {
+          var _a2;
           emit("visible-change", visible);
+          instance && ((_a2 = drawerInstance.emitVisible) == null ? void 0 : _a2.call(drawerInstance, visible, instance.uid));
         });
       }
     );
@@ -30696,6 +30719,13 @@ const setConstConfig = (config) => {
   DEFAULT_ALIGN = config.align;
 };
 const basicProps = vue.reactive({
+  isShowPagination: {
+    type: Boolean
+  },
+  isShowFooter: {
+    type: Boolean,
+    default: true
+  },
   clickToRowSelect: { type: Boolean, default: true },
   isTreeTable: Boolean,
   tableSetting: {
@@ -30862,7 +30892,7 @@ const basicProps = vue.reactive({
     default: DEFAULT_SIZE
   }
 });
-vue.reactive({
+const paginationProps = vue.reactive({
   type: Object,
   default: () => {
     return {
@@ -30949,18 +30979,6 @@ function useLoading(props2) {
   }
   return { getLoading, setLoading };
 }
-function itemRender({
-  page,
-  type,
-  originalElement
-}) {
-  if (type === "prev") {
-    return page === 0 ? null : vue.createVNode(LeftOutlined$1, null, null);
-  } else if (type === "next") {
-    return page === 1 ? null : vue.createVNode(RightOutlined$1, null, null);
-  }
-  return originalElement;
-}
 function usePagination(refProps) {
   const configRef = vue.ref({});
   const show = vue.ref(true);
@@ -30976,9 +30994,6 @@ function usePagination(refProps) {
     const {
       pagination
     } = vue.unref(refProps);
-    if (!vue.unref(show) || utils.isBoolean(pagination) && !pagination) {
-      return false;
-    }
     return {
       current: 1,
       pageSize: PAGE_SIZE,
@@ -30987,7 +31002,7 @@ function usePagination(refProps) {
       showTotal: (total) => `共 ${total} 条数据`,
       showSizeChanger: true,
       pageSizeOptions: PAGE_SIZE_OPTIONS,
-      itemRender,
+      // itemRender: itemRender,
       showQuickJumper: true,
       ...utils.isBoolean(pagination) ? {} : pagination,
       ...vue.unref(configRef)
@@ -31163,7 +31178,7 @@ function useDataSource(propsRef, {
     }
   );
   let oldSortInfoRef;
-  function handleTableChange(pagination, filters, sorter) {
+  function handleTableChange(pagination, filters, sorter, extra) {
     const isChangeSorter = !eq(oldSortInfoRef, sorter.order);
     const { clearSelectOnPageChange, sortFn, filterFn } = vue.unref(propsRef);
     if (clearSelectOnPageChange) {
@@ -33407,12 +33422,11 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef, getDa
     tableHeightRef.value = height;
     (_a2 = modalFn == null ? void 0 : modalFn.redoModalHeight) == null ? void 0 : _a2.call(modalFn);
   }
-  let paginationEl;
-  let footerEl;
   let bodyEl;
   async function calcTableHeight() {
     var _a2, _b, _c;
     const {
+      isShowFooter,
       resizeHeightOffset,
       pagination,
       maxHeight,
@@ -33451,27 +33465,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef, getDa
     if (!headEl)
       return;
     let paddingHeight = propsRef.value.useTableWrapper ? 20 : 10;
-    let paginationHeight = 10;
-    if (!!utils.isBoolean(pagination) && tableData.length !== 0) {
-      paginationEl = tableEl.querySelector(".ant-pagination");
-      if (paginationEl) {
-        const offsetHeight = paginationEl.offsetHeight;
-        paginationHeight += offsetHeight || 0;
-      } else {
-        paginationHeight += 24;
-      }
-    } else {
-      paginationHeight = 0;
-    }
-    let footerHeight = 0;
-    if (!utils.isBoolean(pagination)) {
-      if (!footerEl) {
-        footerEl = tableEl.querySelector(".ant-table-footer");
-      } else {
-        const offsetHeight = footerEl.offsetHeight;
-        footerHeight += offsetHeight || 0;
-      }
-    }
+    let footerHeight = isShowFooter ? 24 : 0;
     let headerHeight = 0;
     if (headEl) {
       headerHeight = headEl.offsetHeight + 1;
@@ -33497,7 +33491,8 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef, getDa
     } else {
       bottomIncludeBody = utils.getViewportOffset(headEl).bottomIncludeBody;
     }
-    let height = bottomIncludeBody - (resizeHeightOffset || 0) - paddingHeight - paginationHeight - footerHeight - headerHeight;
+    let height = bottomIncludeBody - (resizeHeightOffset || 0) - paddingHeight - // paginationHeight -
+    footerHeight - headerHeight;
     height = height > maxHeight ? maxHeight : height;
     height = Math.floor(height);
     setHeight(height);
@@ -33924,6 +33919,56 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const HeaderCell_vue_vue_type_style_index_0_lang = "";
+const tableFooter = "";
+const TableFooter = /* @__PURE__ */ vue.defineComponent({
+  emits: ["pageChange"],
+  props: {
+    isShowSettings: {
+      type: Boolean,
+      default: true
+    },
+    isShowPagination: {
+      type: Boolean
+    },
+    pagination: paginationProps
+  },
+  setup(props2, {
+    emit
+  }) {
+    const {
+      prefixCls: prefixCls2
+    } = use.useDesign("table-footer");
+    const {
+      getSelectRowKeys
+    } = useTableContext();
+    const getSelectTotal = vue.computed(() => {
+      var _a2;
+      return `已选择${(_a2 = getSelectRowKeys()) == null ? void 0 : _a2.length}条`;
+    });
+    const handlePageChange = (current, pageSize) => {
+      emit("pageChange", {
+        current,
+        pageSize
+      });
+    };
+    return () => {
+      const isShowSettings = () => {
+        return props2.isShowSettings ? vue.createVNode("div", {
+          "class": `${prefixCls2}-settings`
+        }, [vue.createVNode("div", {
+          "class": `${prefixCls2}-count-box`
+        }, [getSelectTotal.value]), vue.createVNode("div", {
+          "class": `${prefixCls2}-setting-box`
+        }, null)]) : null;
+      };
+      return vue.createVNode("div", {
+        "class": prefixCls2
+      }, [isShowSettings(), vue.createVNode(antDesignVue.Pagination, vue.mergeProps(props2.pagination, {
+        "onChange": handlePageChange
+      }), null)]);
+    };
+  }
+});
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
@@ -33939,7 +33984,7 @@ const ShyTable = /* @__PURE__ */ vue.defineComponent({
   }) {
     const {
       prefixCls: prefixCls2
-    } = use.useDesign("basic-table");
+    } = use.useDesign("table");
     const getWrapperClass = vue.computed(() => {
       return [prefixCls2, attrs.class, {
         [`${prefixCls2}-form-container`]: props2.useSearchForm,
@@ -33974,14 +34019,14 @@ const ShyTable = /* @__PURE__ */ vue.defineComponent({
         tableLayout: "fixed",
         rowSelection: vue.unref(getRowSelectionRef),
         rowKey: vue.unref(getRowKey),
-        // // @ts-ignore
         columns: vue.toRaw(vue.unref(getViewColumns)),
-        pagination: vue.toRaw(vue.unref(getPaginationInfo)),
+        // pagination: toRaw(unref(getPaginationInfo)),
         dataSource,
         // footer: unref(getFooterProps),
         ...vue.unref(getExpandOption),
         // 默认项
-        showSorterTooltip: false
+        showSorterTooltip: false,
+        pagination: false
       };
       propsData = omit$1(propsData, ["class", "onChange"]);
       return propsData;
@@ -34141,14 +34186,6 @@ const ShyTable = /* @__PURE__ */ vue.defineComponent({
       setCurSearchParams,
       getCurSearchParams
     });
-    function handleTableChange(...args) {
-      onTableChange.call(void 0, ...args);
-      emit("change", ...args);
-      const {
-        onChange
-      } = vue.unref(getProps);
-      onChange && isFunction$2(onChange) && onChange.call(void 0, ...args);
-    }
     const {
       getFormProps,
       replaceFormSlotKey,
@@ -34180,6 +34217,14 @@ const ShyTable = /* @__PURE__ */ vue.defineComponent({
     function getCurSearchParams() {
       return getCurSearchParamsHooks();
     }
+    function handleTableChange(...args) {
+      onTableChange.call(void 0, ...args);
+      emit("change", ...args);
+      const {
+        onChange
+      } = vue.unref(getProps);
+      onChange && isFunction$2(onChange) && onChange.call(void 0, ...args);
+    }
     expose(tableAction2);
     emit("register", tableAction2, formActions);
     return () => {
@@ -34236,6 +34281,13 @@ const ShyTable = /* @__PURE__ */ vue.defineComponent({
           })]
         }) : null;
       };
+      const isShowFooter = () => {
+        return getBindValues.value.isShowFooter ? vue.createVNode(TableFooter, {
+          "isShowPagination": getBindValues.value.isShowPagination,
+          "pagination": getPaginationInfo.value,
+          "onPageChange": setPagination
+        }, null) : null;
+      };
       const handleResizeColumn = (w, col) => {
         col.width = w;
       };
@@ -34254,7 +34306,7 @@ const ShyTable = /* @__PURE__ */ vue.defineComponent({
         emptyText: () => vue.createVNode("div", {
           "class": "flex justify-center items-center",
           "style": {
-            height: `${getScrollRef.value.y - 41}px`
+            height: `${getScrollRef.value.y - 41 - (getProps.value.showSummaryTotal ? 47 : 0)}px`
           }
         }, [vue.createVNode(antDesignVue.Empty, null, null)]),
         bodyCell: (data) => {
@@ -34271,7 +34323,7 @@ const ShyTable = /* @__PURE__ */ vue.defineComponent({
             }
           };
         }, {})
-      })]);
+      }), isShowFooter()]);
     };
   }
 });