@pisell/materials 1.10.9 → 1.10.11

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellBasicCardProps } from "./types.js";
 import { ImageDataSource, ImageFillMode, PisellImageCardProps } from "./components/PisellImageCard/types.js";
 import { GraphicConfig, GraphicTextCardProps, GraphicTextCardSize, GraphicTextCardVariant } from "./components/GraphicTextCard/types.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellSingleLineTextProps } from "../pisellSingleLineText/types.js";
 import { PisellLongTextProps } from "../pisellLongText/types.js";
 import { PisellNumberProps } from "../pisellNumber/types.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellBasicGridProps } from "../PisellBasicGrid/types.js";
 import { PisellScrollViewProps, PisellScrollViewRef } from "../PisellScrollView/types.js";
 import { FloorMapFullscreenMode, FloorMapItemBase, FloorMapLayoutContextValue, PisellFloorMapLayoutProps, PisellFloorMapLayoutRef } from "../pisellFloorMapLayout/types.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellMetricCardProps } from "../pisellMetricCard/types.js";
 import { PisellStatisticListProps } from "../pisellStatisticList/index.js";
 import { PisellStatisticProps } from "../cardMetricItem/index.js";

package/es/components/PisellSuperTabs/PisellSuperTabs.js

@@ -33,14 +33,23 @@ const PisellSuperTabs = (props, ref) => {
 		if (!item || !scrollContainer) return;
 		const containerRect = scrollContainer.getBoundingClientRect();
 		const itemRect = item.getBoundingClientRect();
+		const containerStyle = window.getComputedStyle(scrollContainer);
+		const scrollPaddingLeft = Number.parseFloat(containerStyle.scrollPaddingLeft) || 0;
+		const scrollPaddingRight = Number.parseFloat(containerStyle.scrollPaddingRight) || 0;
+		const scrollPaddingTop = Number.parseFloat(containerStyle.scrollPaddingTop) || 0;
+		const scrollPaddingBottom = Number.parseFloat(containerStyle.scrollPaddingBottom) || 0;
+		const visibleLeft = containerRect.left + scrollPaddingLeft;
+		const visibleRight = containerRect.right - scrollPaddingRight;
+		const visibleTop = containerRect.top + scrollPaddingTop;
+		const visibleBottom = containerRect.bottom - scrollPaddingBottom;
 		const canScrollX = scrollContainer.scrollWidth > scrollContainer.clientWidth + 1;
 		const canScrollY = scrollContainer.scrollHeight > scrollContainer.clientHeight + 1;
 		let nextLeft = scrollContainer.scrollLeft;
 		let nextTop = scrollContainer.scrollTop;
-		if (canScrollX && itemRect.left < containerRect.left) nextLeft -= containerRect.left - itemRect.left;
-		else if (canScrollX && itemRect.right > containerRect.right) nextLeft += itemRect.right - containerRect.right;
-		if (canScrollY && itemRect.top < containerRect.top) nextTop -= containerRect.top - itemRect.top;
-		else if (canScrollY && itemRect.bottom > containerRect.bottom) nextTop += itemRect.bottom - containerRect.bottom;
+		if (canScrollX && itemRect.left < visibleLeft) nextLeft -= visibleLeft - itemRect.left;
+		else if (canScrollX && itemRect.right > visibleRight) nextLeft += itemRect.right - visibleRight;
+		if (canScrollY && itemRect.top < visibleTop) nextTop -= visibleTop - itemRect.top;
+		else if (canScrollY && itemRect.bottom > visibleBottom) nextTop += itemRect.bottom - visibleBottom;
 		if (nextLeft === scrollContainer.scrollLeft && nextTop === scrollContainer.scrollTop) return;
 		scrollContainer.scrollTo({
 			left: nextLeft,

package/es/components/appVersionControl/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/appVersionControl/types.d.ts
 interface Version {
   id: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/calendar/index.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/checkbox/index.d.ts

package/es/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

package/es/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LocalSettingsType } from "../../table/types.js";
 import { DataSourceType } from "../provider/dataSource/DataSourceContext.js";
 import { ColumnType } from "antd/es/table";

package/es/components/dataSourceComponents/fields/Checkbox/WithMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxGroupProps } from "./type.js";
 import { WithModeProps } from "../../dataSourceForm/utils.js";
 import * as _$react from "react";

package/es/components/dataSourceComponents/fields/Radio/WithMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithModeProps } from "../../dataSourceForm/utils.js";
 import { RadioGroupProps } from "./type.js";
 import * as _$react from "react";

package/es/components/dataSourceComponents/fields/Tabs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
 import { TabsProps } from "./type.js";
 import * as _$react from "react";

package/es/components/dataSourceComponents/fields/Translation/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ModeType } from "../../dataSourceForm/type.js";
 
 //#region src/components/dataSourceComponents/fields/Translation/type.d.ts

package/es/components/dataSourceComponents/provider/dataSource/DataSourceContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActionsItem } from "../../dataSourceForm/serve.js";
 import { Result } from "ahooks/es/useRequest/src/types";
 

package/es/components/date-picker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/date-picker/index.d.ts

package/es/components/drag-sort-tree/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/drag-sort-tree/types.d.ts
 type IdType = string | number;
 type ValueProps = {

package/es/components/filter/components/FilterButton/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterItemProps } from "../../types.js";
 
 //#region src/components/filter/components/FilterButton/types.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 import { InputProps, InputRef } from "antd";
 import * as _$antd_es_input0 from "antd/es/input";

package/es/components/pisell-config-provider/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/pisell-config-provider/context.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/pisellDatePicker/index.d.ts

package/es/components/pisellGridPro/ToolBar/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/pisellGridPro/ToolBar/type.d.ts
 interface ToolBarProps {
   className?: string;

package/es/components/pisellMenu/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuProps } from "antd";
 
 //#region src/components/pisellMenu/types.d.ts

package/es/components/pisellQuickFilter/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterItemProps } from "../filter/types.js";
 import { FormInstance } from "antd";
 

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/radio/index.d.ts

package/es/components/section-footers/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/section-footers/index.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/skeleton/index.d.ts

package/es/components/time-picker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/time-picker/index.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/upload/index.d.ts

package/es/components/virtual-keyboard/Amount/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseNumberKeyboardProps } from "../BaseNumberKeyboard/index.js";
 
 //#region src/components/virtual-keyboard/Amount/types.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellBasicCardProps } from "./types.js";
 import { ImageDataSource, ImageFillMode, PisellImageCardProps } from "./components/PisellImageCard/types.js";
 import { GraphicConfig, GraphicTextCardProps, GraphicTextCardSize, GraphicTextCardVariant } from "./components/GraphicTextCard/types.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellSingleLineTextProps } from "../pisellSingleLineText/types.js";
 import { PisellLongTextProps } from "../pisellLongText/types.js";
 import { PisellNumberProps } from "../pisellNumber/types.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellBasicGridProps } from "../PisellBasicGrid/types.js";
 import { PisellScrollViewProps, PisellScrollViewRef } from "../PisellScrollView/types.js";
 import { FloorMapFullscreenMode, FloorMapItemBase, FloorMapLayoutContextValue, PisellFloorMapLayoutProps, PisellFloorMapLayoutRef } from "../pisellFloorMapLayout/types.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellMetricCardProps } from "../pisellMetricCard/types.js";
 import { PisellStatisticListProps } from "../pisellStatisticList/index.js";
 import { PisellStatisticProps } from "../cardMetricItem/index.js";

package/lib/components/PisellSuperTabs/PisellSuperTabs.js

@@ -36,14 +36,23 @@ const PisellSuperTabs = (props, ref) => {
 		if (!item || !scrollContainer) return;
 		const containerRect = scrollContainer.getBoundingClientRect();
 		const itemRect = item.getBoundingClientRect();
+		const containerStyle = window.getComputedStyle(scrollContainer);
+		const scrollPaddingLeft = Number.parseFloat(containerStyle.scrollPaddingLeft) || 0;
+		const scrollPaddingRight = Number.parseFloat(containerStyle.scrollPaddingRight) || 0;
+		const scrollPaddingTop = Number.parseFloat(containerStyle.scrollPaddingTop) || 0;
+		const scrollPaddingBottom = Number.parseFloat(containerStyle.scrollPaddingBottom) || 0;
+		const visibleLeft = containerRect.left + scrollPaddingLeft;
+		const visibleRight = containerRect.right - scrollPaddingRight;
+		const visibleTop = containerRect.top + scrollPaddingTop;
+		const visibleBottom = containerRect.bottom - scrollPaddingBottom;
 		const canScrollX = scrollContainer.scrollWidth > scrollContainer.clientWidth + 1;
 		const canScrollY = scrollContainer.scrollHeight > scrollContainer.clientHeight + 1;
 		let nextLeft = scrollContainer.scrollLeft;
 		let nextTop = scrollContainer.scrollTop;
-		if (canScrollX && itemRect.left < containerRect.left) nextLeft -= containerRect.left - itemRect.left;
-		else if (canScrollX && itemRect.right > containerRect.right) nextLeft += itemRect.right - containerRect.right;
-		if (canScrollY && itemRect.top < containerRect.top) nextTop -= containerRect.top - itemRect.top;
-		else if (canScrollY && itemRect.bottom > containerRect.bottom) nextTop += itemRect.bottom - containerRect.bottom;
+		if (canScrollX && itemRect.left < visibleLeft) nextLeft -= visibleLeft - itemRect.left;
+		else if (canScrollX && itemRect.right > visibleRight) nextLeft += itemRect.right - visibleRight;
+		if (canScrollY && itemRect.top < visibleTop) nextTop -= visibleTop - itemRect.top;
+		else if (canScrollY && itemRect.bottom > visibleBottom) nextTop += itemRect.bottom - visibleBottom;
 		if (nextLeft === scrollContainer.scrollLeft && nextTop === scrollContainer.scrollTop) return;
 		scrollContainer.scrollTo({
 			left: nextLeft,

package/lib/components/appVersionControl/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/appVersionControl/types.d.ts
 interface Version {
   id: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/calendar/index.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/checkbox/index.d.ts

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

package/lib/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LocalSettingsType } from "../../table/types.js";
 import { DataSourceType } from "../provider/dataSource/DataSourceContext.js";
 import { ColumnType } from "antd/es/table";

package/lib/components/dataSourceComponents/fields/Checkbox/WithMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxGroupProps } from "./type.js";
 import { WithModeProps } from "../../dataSourceForm/utils.js";
 import * as _$react from "react";

package/lib/components/dataSourceComponents/fields/Radio/WithMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithModeProps } from "../../dataSourceForm/utils.js";
 import { RadioGroupProps } from "./type.js";
 import * as _$react from "react";

package/lib/components/dataSourceComponents/fields/Tabs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
 import { TabsProps } from "./type.js";
 import * as _$react from "react";

package/lib/components/dataSourceComponents/fields/Translation/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ModeType } from "../../dataSourceForm/type.js";
 
 //#region src/components/dataSourceComponents/fields/Translation/type.d.ts

package/lib/components/dataSourceComponents/provider/dataSource/DataSourceContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActionsItem } from "../../dataSourceForm/serve.js";
 import { Result } from "ahooks/es/useRequest/src/types";
 

package/lib/components/date-picker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/date-picker/index.d.ts

package/lib/components/drag-sort-tree/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/drag-sort-tree/types.d.ts
 type IdType = string | number;
 type ValueProps = {

package/lib/components/filter/components/FilterButton/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterItemProps } from "../../types.js";
 
 //#region src/components/filter/components/FilterButton/types.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 import { InputProps, InputRef } from "antd";
 import * as _$antd_es_input0 from "antd/es/input";

package/lib/components/pisell-config-provider/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/pisell-config-provider/context.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/pisellDatePicker/index.d.ts

package/lib/components/pisellGridPro/ToolBar/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/pisellGridPro/ToolBar/type.d.ts
 interface ToolBarProps {
   className?: string;

package/lib/components/pisellMenu/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuProps } from "antd";
 
 //#region src/components/pisellMenu/types.d.ts

package/lib/components/pisellQuickFilter/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterItemProps } from "../filter/types.js";
 import { FormInstance } from "antd";
 

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/radio/index.d.ts

package/lib/components/section-footers/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/section-footers/index.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/skeleton/index.d.ts

package/lib/components/time-picker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/time-picker/index.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/upload/index.d.ts

package/lib/components/virtual-keyboard/Amount/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseNumberKeyboardProps } from "../BaseNumberKeyboard/index.js";
 
 //#region src/components/virtual-keyboard/Amount/types.d.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.10.9",
+  "version": "1.10.11",
   "scripts": {
     "dev:tailwind-css": "tailwindcss -c ./tailwind.materials.config.cjs --postcss ./postcss.materials-tailwind.cjs -i ./src/tailwind-input.css -o ./src/pisell-materials.tw.css --watch",
     "build:tailwind-css:once": "tailwindcss -c ./tailwind.materials.config.cjs --postcss ./postcss.materials-tailwind.cjs -i ./src/tailwind-input.css -o ./src/pisell-materials.tw.css",