@cloudtower/eagle 0.17.12 → 0.17.13

package/dist/umd/index.js

@@ -1322,7 +1322,8 @@
     arch: ThrowError,
     buttonGroup: React.forwardRef(ThrowError),
     steps: ThrowError,
-    form: ThrowError
+    form: ThrowError,
+    simplePagination: ThrowError
   };
 
   const kitContext = React.createContext(emptyImpl);
@@ -3174,6 +3175,73 @@
     }, props), renderChildren());
   };
 
+  const inputStyle = "igz4le8";
+  const SimplePagination = props => {
+    const {
+      className,
+      current,
+      count,
+      size,
+      onPageChange
+    } = props;
+    const pageLength = Math.ceil(count / size);
+    const showPrev = current > 1;
+    const showNext = current * size < count;
+    const changeValue = React.useCallback(value => {
+      const page = parseInt(value);
+      if (page > 0) {
+        onPageChange == null ? void 0 : onPageChange(Math.min(pageLength, page));
+      } else {
+        onPageChange == null ? void 0 : onPageChange(1);
+      }
+    }, [onPageChange, pageLength]);
+    return /* @__PURE__ */React.createElement("div", {
+      className: cs(PaginationStyle, "pagination-wrapper", className)
+    }, /* @__PURE__ */React.createElement("span", {
+      className: Typo.Label.l3_regular_title
+    }, parrot.parrotI18n.t("components.pagination_lots_total", {
+      total: count
+    })), /* @__PURE__ */React.createElement("span", {
+      className: "pagination-right"
+    }, showPrev && /* @__PURE__ */React.createElement(Button, {
+      className: "prev-btn",
+      type: "quiet",
+      size: "small",
+      style: {
+        marginRight: "8px"
+      },
+      prefixIcon: "1-arrow-chevron-left-small-16-bold-blue",
+      onClick: () => {
+        onPageChange == null ? void 0 : onPageChange(current - 1);
+      }
+    }), /* @__PURE__ */React.createElement(InputInteger, {
+      className: cs(Typo.Label.l3_regular, inputStyle),
+      value: current,
+      size: "small",
+      onKeyDown: event => {
+        if (event.key === "Enter") {
+          changeValue(event.target.value);
+        }
+      },
+      onBlur: event => {
+        changeValue(event.target.value);
+      }
+    }), /* @__PURE__ */React.createElement("span", {
+      className: cs("c1riexje", Typo.Label.l3_regular_upper)
+    }, `/ ${pageLength}`), showNext && /* @__PURE__ */React.createElement(Button, {
+      className: "next-btn",
+      type: "quiet",
+      size: "small",
+      style: {
+        marginLeft: "8px"
+      },
+      prefixIcon: "1-arrow-chevron-left-small-16-bold-blue",
+      onClick: () => {
+        onPageChange == null ? void 0 : onPageChange(current + 1);
+      }
+    })));
+  };
+
   var __defProp$i = Object.defineProperty;
   var __defProps$e = Object.defineProperties;
   var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
@@ -5573,7 +5641,8 @@
       arch: Arch,
       buttonGroup: ButtonGroup,
       steps: Steps,
-      form: antd.Form
+      form: antd.Form,
+      simplePagination: SimplePagination
     };
     kit.option.isSelectOption = true;
     return kit;
@@ -9423,6 +9492,7 @@
   exports.NormalAlert = NormalAlert;
   exports.NoticeAlert = NoticeAlert;
   exports.OperationWraper = OperationWraper;
+  exports.PaginationStyle = PaginationStyle;
   exports.PendingTable = PendingTable;
   exports.Placeholder = img$3e;
   exports.Pointer = Pointer;