@hsu-react/ui 0.0.23 → 0.0.25

package/es/components/{Table/_components/Pagination → Pagination}/index.js

@@ -12,10 +12,10 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import { Pagination as AntdPagination, Select } from "antd";
 import React, { useMemo, useRef } from "react";
-import Icon from "../../../Icon";
+import Icon from "../Icon";
 import classNames from "classnames";
 import styles from "./index.module.scss";
-import usePaginationSync from "../../_hooks/usePaginationSync";
+import usePaginationSync from "./_hooks/usePaginationSync";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Pagination = function Pagination(props) {

package/es/components/Slider/index.module.scss

@@ -4,7 +4,13 @@
   margin: 0px;
   padding-block: 0px;
 
-  overflow-x: hidden;
+  // 横向裁切用 clip 而不是 hidden：把手（36px 命中区）比轨道（32px）高 4px，靠
+  // overflow-y: visible 露出上下那点溢出。但按 CSS Overflow L3，visible 一旦与
+  // 「既非 visible 也非 clip」的值同时出现，就会被计算成 auto——写 hidden 时
+  // overflow-y 实际变成 auto，溢出的 4px 成了一条真能滚的区域：滚轮停在滑块上
+  // 滚的是它自己，把手还会跟着上下错位。
+  // clip 同样裁掉横向溢出，但不创建滚动容器，也不会把另一轴的 visible 拽下水。
+  overflow-x: clip;
   overflow-y: visible;
 
   :global(.ant-slider-step),

package/es/components/Table/_hooks/useTableColumns.d.ts

@@ -2,7 +2,7 @@
 import { ColumnsType, TableProps } from "..";
 import { AnyObject } from "antd/es/_util/type";
 import { TableRowSelection } from "antd/es/table/interface";
-import { PaginationProps } from "../_components/Pagination";
+import { PaginationProps } from "../../Pagination";
 interface UseTableColumnsParams<T extends AnyObject> {
     columns?: ColumnsType<T>;
     scroll?: boolean | {

package/es/components/Table/_hooks/useTablePagination.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PaginationProps } from "../_components/Pagination";
+import { PaginationProps } from "../../Pagination";
 import { TableProps } from "..";
 import { AnyObject } from "antd/es/_util/type";
 interface UseTablePaginationParams<T extends AnyObject> {

package/es/components/Table/_hooks/useTablePagination.js

@@ -6,7 +6,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Equal } from "hsu-utils";
-import usePaginationSync from "./usePaginationSync";
+import usePaginationSync from "../../Pagination/_hooks/usePaginationSync";
 var useTablePagination = function useTablePagination(params) {
   var dataSource = params.dataSource,
     pagination = params.pagination,

package/es/components/Table/index.d.ts

@@ -1,7 +1,7 @@
 import { ColumnType as AntColumnType, ColumnGroupType as AntColumnGroupType } from "antd/lib/table";
 import { TableProps as AntdTableProps, TooltipProps } from "antd";
 import Drag, { DragProps } from "./_components/Drag";
-import { PaginationProps } from "./_components/Pagination";
+import { PaginationProps } from "../Pagination";
 import React, { ReactNode } from "react";
 import { AnyObject } from "antd/es/_util/type";
 import { ColumnTitleProps } from "antd/lib/table/interface";

package/es/components/Table/index.js

@@ -10,7 +10,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Table as AntdTable } from "antd";
 import Drag from "./_components/Drag";
-import Pagination from "./_components/Pagination";
+import Pagination from "../Pagination";
 import React, { useMemo, useRef } from "react";
 import { generateRandomStr } from "hsu-utils";
 import classNames from "classnames";

package/es/index.d.ts

@@ -48,6 +48,8 @@ export { default as Modal } from "./components/Modal";
 export * from "./components/Modal";
 export { default as Operate } from "./components/Operate";
 export * from "./components/Operate";
+export { default as Pagination } from "./components/Pagination";
+export * from "./components/Pagination";
 export { default as Panel } from "./components/Panel";
 export * from "./components/Panel";
 export { default as Search } from "./components/Search";

package/es/index.js

@@ -51,6 +51,8 @@ export { default as Modal } from "./components/Modal";
 export * from "./components/Modal";
 export { default as Operate } from "./components/Operate";
 export * from "./components/Operate";
+export { default as Pagination } from "./components/Pagination";
+export * from "./components/Pagination";
 export { default as Panel } from "./components/Panel";
 export * from "./components/Panel";
 export { default as Search } from "./components/Search";

package/lib/components/{Table/_components/Pagination → Pagination}/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
-var _Icon = _interopRequireDefault(require("../../../Icon"));
+var _Icon = _interopRequireDefault(require("../Icon"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _indexModule = _interopRequireDefault(require("./index.module.scss"));
-var _usePaginationSync = _interopRequireDefault(require("../../_hooks/usePaginationSync"));
+var _usePaginationSync = _interopRequireDefault(require("./_hooks/usePaginationSync"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }

package/lib/components/Slider/index.module.scss

@@ -4,7 +4,13 @@
   margin: 0px;
   padding-block: 0px;
 
-  overflow-x: hidden;
+  // 横向裁切用 clip 而不是 hidden：把手（36px 命中区）比轨道（32px）高 4px，靠
+  // overflow-y: visible 露出上下那点溢出。但按 CSS Overflow L3，visible 一旦与
+  // 「既非 visible 也非 clip」的值同时出现，就会被计算成 auto——写 hidden 时
+  // overflow-y 实际变成 auto，溢出的 4px 成了一条真能滚的区域：滚轮停在滑块上
+  // 滚的是它自己，把手还会跟着上下错位。
+  // clip 同样裁掉横向溢出，但不创建滚动容器，也不会把另一轴的 visible 拽下水。
+  overflow-x: clip;
   overflow-y: visible;
 
   :global(.ant-slider-step),

package/lib/components/Table/_hooks/useTableColumns.d.ts

@@ -2,7 +2,7 @@
 import { ColumnsType, TableProps } from "..";
 import { AnyObject } from "antd/es/_util/type";
 import { TableRowSelection } from "antd/es/table/interface";
-import { PaginationProps } from "../_components/Pagination";
+import { PaginationProps } from "../../Pagination";
 interface UseTableColumnsParams<T extends AnyObject> {
     columns?: ColumnsType<T>;
     scroll?: boolean | {

package/lib/components/Table/_hooks/useTablePagination.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PaginationProps } from "../_components/Pagination";
+import { PaginationProps } from "../../Pagination";
 import { TableProps } from "..";
 import { AnyObject } from "antd/es/_util/type";
 interface UseTablePaginationParams<T extends AnyObject> {

package/lib/components/Table/_hooks/useTablePagination.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _hsuUtils = require("hsu-utils");
-var _usePaginationSync = _interopRequireDefault(require("./usePaginationSync"));
+var _usePaginationSync = _interopRequireDefault(require("../../Pagination/_hooks/usePaginationSync"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const useTablePagination = params => {
   const {

package/lib/components/Table/index.d.ts

@@ -1,7 +1,7 @@
 import { ColumnType as AntColumnType, ColumnGroupType as AntColumnGroupType } from "antd/lib/table";
 import { TableProps as AntdTableProps, TooltipProps } from "antd";
 import Drag, { DragProps } from "./_components/Drag";
-import { PaginationProps } from "./_components/Pagination";
+import { PaginationProps } from "../Pagination";
 import React, { ReactNode } from "react";
 import { AnyObject } from "antd/es/_util/type";
 import { ColumnTitleProps } from "antd/lib/table/interface";

package/lib/components/Table/index.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "TableDrag", {
 exports.default = void 0;
 var _antd = require("antd");
 var _Drag = _interopRequireDefault(require("./_components/Drag"));
-var _Pagination = _interopRequireDefault(require("./_components/Pagination"));
+var _Pagination = _interopRequireDefault(require("../Pagination"));
 var _react = _interopRequireWildcard(require("react"));
 var _hsuUtils = require("hsu-utils");
 var _classnames = _interopRequireDefault(require("classnames"));

package/lib/index.d.ts

@@ -48,6 +48,8 @@ export { default as Modal } from "./components/Modal";
 export * from "./components/Modal";
 export { default as Operate } from "./components/Operate";
 export * from "./components/Operate";
+export { default as Pagination } from "./components/Pagination";
+export * from "./components/Pagination";
 export { default as Panel } from "./components/Panel";
 export * from "./components/Panel";
 export { default as Search } from "./components/Search";

package/lib/index.js

@@ -40,6 +40,7 @@ var _exportNames = {
   Markdown: true,
   Modal: true,
   Operate: true,
+  Pagination: true,
   Panel: true,
   Search: true,
   SecondConf: true,
@@ -186,6 +187,12 @@ Object.defineProperty(exports, "Operate", {
     return _Operate.default;
   }
 });
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function () {
+    return _Pagination.default;
+  }
+});
 Object.defineProperty(exports, "Panel", {
   enumerable: true,
   get: function () {
@@ -605,6 +612,18 @@ Object.keys(_Operate).forEach(function (key) {
     }
   });
 });
+var _Pagination = _interopRequireWildcard(require("./components/Pagination"));
+Object.keys(_Pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Pagination[key];
+    }
+  });
+});
 var _Panel = _interopRequireWildcard(require("./components/Panel"));
 Object.keys(_Panel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hsu-react/ui",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "description": "一套基于 React + Ant Design 的中后台业务组件库",
   "license": "MIT",
   "type": "module",

package/src/components/{Table/_components/Pagination → Pagination}/index.tsx

@@ -6,10 +6,10 @@ import {
 import React, { ReactNode, useMemo, useRef } from "react";
 
 import { BaseSelectRef } from "rc-select";
-import Icon from "../../../Icon";
+import Icon from "../Icon";
 import classNames from "classnames";
 import styles from "./index.module.scss";
-import usePaginationSync from "../../_hooks/usePaginationSync";
+import usePaginationSync from "./_hooks/usePaginationSync";
 
 export interface PaginationProps
   extends Omit<AntdPaginationProps, "pageSizeOptions" | "showTotal"> {

package/src/components/Slider/index.module.scss

@@ -4,7 +4,13 @@
   margin: 0px;
   padding-block: 0px;
 
-  overflow-x: hidden;
+  // 横向裁切用 clip 而不是 hidden：把手（36px 命中区）比轨道（32px）高 4px，靠
+  // overflow-y: visible 露出上下那点溢出。但按 CSS Overflow L3，visible 一旦与
+  // 「既非 visible 也非 clip」的值同时出现，就会被计算成 auto——写 hidden 时
+  // overflow-y 实际变成 auto，溢出的 4px 成了一条真能滚的区域：滚轮停在滑块上
+  // 滚的是它自己，把手还会跟着上下错位。
+  // clip 同样裁掉横向溢出，但不创建滚动容器，也不会把另一轴的 visible 拽下水。
+  overflow-x: clip;
   overflow-y: visible;
 
   :global(.ant-slider-step),

package/src/components/Table/_hooks/useTableColumns.tsx

@@ -17,7 +17,7 @@ import {
   HELP_TOOLTIP_CONFIG,
 } from "../_utils/tableUtils";
 import usePermissions from "../../../hooks/usePermissions";
-import { PaginationProps } from "../_components/Pagination";
+import { PaginationProps } from "../../Pagination";
 
 // measureAlign columns: measured at 14px, consistent with the table body and autoWidth title measurement
 const MEASURE_ALIGN_FONT_SIZE = 14;

package/src/components/Table/_hooks/useTablePagination.ts

@@ -1,9 +1,9 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Equal } from "hsu-utils";
-import { PaginationProps } from "../_components/Pagination";
+import { PaginationProps } from "../../Pagination";
 import { TableProps } from "..";
 import { AnyObject } from "antd/es/_util/type";
-import usePaginationSync from "./usePaginationSync";
+import usePaginationSync from "../../Pagination/_hooks/usePaginationSync";
 
 interface UseTablePaginationParams<T extends AnyObject> {
   dataSource?: TableProps<T>["dataSource"];

package/src/components/Table/index.tsx

@@ -8,7 +8,7 @@ import {
   TooltipProps,
 } from "antd";
 import Drag, { DragProps } from "./_components/Drag";
-import Pagination, { PaginationProps } from "./_components/Pagination";
+import Pagination, { PaginationProps } from "../Pagination";
 import React, { CSSProperties, ReactNode, useMemo, useRef } from "react";
 
 import { AnyObject } from "antd/es/_util/type";

package/src/index.ts

@@ -63,6 +63,8 @@ export { default as Modal } from "./components/Modal";
 export * from "./components/Modal";
 export { default as Operate } from "./components/Operate";
 export * from "./components/Operate";
+export { default as Pagination } from "./components/Pagination";
+export * from "./components/Pagination";
 export { default as Panel } from "./components/Panel";
 export * from "./components/Panel";
 export { default as Search } from "./components/Search";