uiw 4.10.5 → 4.10.6

package/dist/uiw.css

@@ -3334,6 +3334,57 @@ a.w-list-item:hover:not(.w-disabled) {
   right: 0;
 }
 
+.w-select {
+  display: inline-flex;
+  font-size: 14px;
+  -webkit-appearance: none;
+          -moz-appearance: none;
+       appearance: none;
+  cursor: pointer;
+  color: #182026;
+  padding: 6px 25px 6px 10px;
+  width: 100%;
+  max-width: 100%;
+  margin: 0;
+  line-height: 18px;
+  vertical-align: middle;
+  box-sizing: border-box;
+  border: none;
+  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+  border-radius: 3px;
+  background-color: #f5f8fa;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==), linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
+  background-repeat: no-repeat, repeat;
+  background-position: right 0.7em top 50%, 0 0;
+  background-size: 0.62em auto, 100%;
+}
+.w-select:focus {
+  outline: none !important;
+}
+.w-select:hover {
+  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+  background-clip: padding-box;
+  background-color: #ebf1f5;
+}
+.w-select:disabled {
+  box-shadow: none;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==);
+  background-size: 0.52em auto, 100%;
+  background-color: #dddddd;
+  opacity: 0.75;
+  color: #a5a5a5;
+  cursor: not-allowed;
+  resize: none;
+}
+.w-select-large {
+  padding: 9px 25px 9px 12px;
+  font-size: 16px;
+}
+.w-select-small {
+  padding: 3px 25px 3px 7px;
+  font-size: 12px;
+}
+
 .w-pagination {
   padding: 0 !important;
   margin: 0 !important;
@@ -3454,6 +3505,16 @@ a.w-list-item:hover:not(.w-disabled) {
 .w-pagination.default.divider li {
   border-radius: 4px;
 }
+.w-pagination-options {
+  margin-left: 8px !important;
+}
+.w-pagination-options .w-select {
+  border: none !important;
+  padding-top: 0;
+  padding-bottom: 0;
+  box-shadow: none !important;
+  height: 100%;
+}
 
 .w-pin-code {
   display: flex;
@@ -3667,57 +3728,6 @@ a.w-list-item:hover:not(.w-disabled) {
   width: 50%;
 }
 
-.w-select {
-  display: inline-flex;
-  font-size: 14px;
-  -webkit-appearance: none;
-          -moz-appearance: none;
-       appearance: none;
-  cursor: pointer;
-  color: #182026;
-  padding: 6px 25px 6px 10px;
-  width: 100%;
-  max-width: 100%;
-  margin: 0;
-  line-height: 18px;
-  vertical-align: middle;
-  box-sizing: border-box;
-  border: none;
-  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
-  border-radius: 3px;
-  background-color: #f5f8fa;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==), linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
-  background-repeat: no-repeat, repeat;
-  background-position: right 0.7em top 50%, 0 0;
-  background-size: 0.62em auto, 100%;
-}
-.w-select:focus {
-  outline: none !important;
-}
-.w-select:hover {
-  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
-  background-clip: padding-box;
-  background-color: #ebf1f5;
-}
-.w-select:disabled {
-  box-shadow: none;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==);
-  background-size: 0.52em auto, 100%;
-  background-color: #dddddd;
-  opacity: 0.75;
-  color: #a5a5a5;
-  cursor: not-allowed;
-  resize: none;
-}
-.w-select-large {
-  padding: 9px 25px 9px 12px;
-  font-size: 16px;
-}
-.w-select-small {
-  padding: 3px 25px 3px 7px;
-  font-size: 12px;
-}
-
 .w-split {
   height: 100%;
   display: flex;

package/dist/uiw.js

@@ -8328,6 +8328,52 @@ function NotificationCreate(props, type) {
   };
 });
 /* harmony default export */ var react_notify_esm = (NotificationCreate);
+;// CONCATENATED MODULE: ../react-select/esm/Option.js
+
+
+
+/* harmony default export */ var Option = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("option", _extends({}, props, {
+    ref: ref
+  }));
+}));
+;// CONCATENATED MODULE: ../react-select/esm/Group.js
+
+
+
+/* harmony default export */ var Group = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("optgroup", _extends({}, props, {
+    ref: ref
+  }));
+}));
+;// CONCATENATED MODULE: ../react-select/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ var react_select_esm_style = ({});
+;// CONCATENATED MODULE: ../react-select/esm/index.js
+
+
+var react_select_esm_excluded = ["prefixCls", "className", "size"];
+
+
+
+
+
+var Select = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-select' : _props$prefixCls,
+      className = props.className,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      other = _objectWithoutPropertiesLoose(props, react_select_esm_excluded);
+
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("select", _extends({}, other, {
+    ref: ref,
+    className: [prefixCls, className, size ? prefixCls + "-" + size : null].filter(Boolean).join(' ').trim()
+  }));
+});
+Select.Option = Option;
+Select.Group = Group;
+/* harmony default export */ var react_select_esm = (Select);
 ;// CONCATENATED MODULE: ../react-pagination/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ var react_pagination_esm_style = ({});
@@ -8335,7 +8381,9 @@ function NotificationCreate(props, type) {
 
 
 
-var react_pagination_esm_excluded = ["className", "style", "prefixCls", "alignment", "size", "total", "pageSize", "current", "onChange", "divider"];
+var react_pagination_esm_excluded = ["className", "style", "prefixCls", "alignment", "size", "total", "pageSize", "pageSizeOptions", "current", "onChange", "onShowSizeChange", "divider"];
+
+
 
 
 
@@ -8352,12 +8400,15 @@ function Pagination(props) {
       total = _props$total === void 0 ? 0 : _props$total,
       _props$pageSize = props.pageSize,
       pageSize = _props$pageSize === void 0 ? 10 : _props$pageSize,
+      _props$pageSizeOption = props.pageSizeOptions,
+      pageSizeOptions = _props$pageSizeOption === void 0 ? [] : _props$pageSizeOption,
       _props$current = props.current,
       currentNumber = _props$current === void 0 ? 1 : _props$current,
       _props$onChange = props.onChange,
       onChange = _props$onChange === void 0 ? function () {
     return null;
   } : _props$onChange,
+      onShowSizeChange = props.onShowSizeChange,
       divider = props.divider,
       other = _objectWithoutPropertiesLoose(props, react_pagination_esm_excluded);
 
@@ -8485,13 +8536,20 @@ function Pagination(props) {
     onChange && onChange(state.current, total, pageSize);
   }
 
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("ul", _extends({
+  var onSizeChange = function onSizeChange(e) {
+    var sizeCount = Number(e.target.value);
+    var count = Math.ceil(total / sizeCount);
+    var newCurrent = current > count ? count : current;
+    onShowSizeChange && onShowSizeChange(newCurrent, sizeCount);
+  };
+
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("ul", _extends({
     className: cls,
     style: _extends({}, style, {
       textAlign: alignment
     })
   }, other, {
-    children: initPageSoure.map(function (item, idx) {
+    children: [initPageSoure.map(function (item, idx) {
       // eslint-disable-next-line jsx-a11y/anchor-is-valid
       var label = /*#__PURE__*/(0,jsx_runtime.jsx)("a", {
         children: item.label
@@ -8511,7 +8569,20 @@ function Pagination(props) {
         },
         children: label
       }, idx);
-    })
+    }), pageSizeOptions.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+      className: prefixCls + "-options",
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)(react_select_esm, {
+        size: size,
+        defaultValue: pageSize,
+        onChange: onSizeChange,
+        children: pageSizeOptions.map(function (item, index) {
+          return /*#__PURE__*/(0,jsx_runtime.jsxs)(react_select_esm.Option, {
+            value: item,
+            children: [item, "\u6761/\u9875"]
+          }, index);
+        })
+      })
+    })]
   }));
 }
 ;// CONCATENATED MODULE: ../react-pin-code/esm/style/input.css
@@ -9235,52 +9306,6 @@ function SearchSelect(props) {
     })
   }));
 }
-;// CONCATENATED MODULE: ../react-select/esm/Option.js
-
-
-
-/* harmony default export */ var Option = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("option", _extends({}, props, {
-    ref: ref
-  }));
-}));
-;// CONCATENATED MODULE: ../react-select/esm/Group.js
-
-
-
-/* harmony default export */ var Group = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("optgroup", _extends({}, props, {
-    ref: ref
-  }));
-}));
-;// CONCATENATED MODULE: ../react-select/esm/style/index.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ var react_select_esm_style = ({});
-;// CONCATENATED MODULE: ../react-select/esm/index.js
-
-
-var react_select_esm_excluded = ["prefixCls", "className", "size"];
-
-
-
-
-
-var Select = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
-  var _props$prefixCls = props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? 'w-select' : _props$prefixCls,
-      className = props.className,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
-      other = _objectWithoutPropertiesLoose(props, react_select_esm_excluded);
-
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("select", _extends({}, other, {
-    ref: ref,
-    className: [prefixCls, className, size ? prefixCls + "-" + size : null].filter(Boolean).join(' ').trim()
-  }));
-});
-Select.Option = Option;
-Select.Group = Group;
-/* harmony default export */ var react_select_esm = (Select);
 ;// CONCATENATED MODULE: ../../node_modules/@uiw/react-split/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ var react_split_esm_style = ({});