@pisell/materials 1.0.676 → 1.0.677

package/es/components/pisellAnchor/index.js

@@ -26,7 +26,6 @@ var PisellAnchor = /*#__PURE__*/forwardRef(function (props, ref) {
   var scrollTimeoutRef = useRef(null);
   var isClickScrolling = useRef(false);
   var clickedTabRef = useRef(null);
-  var scrollEndTimeoutRef = useRef(null);
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     leftWidth = _useState2[0],
@@ -88,86 +87,68 @@ var PisellAnchor = /*#__PURE__*/forwardRef(function (props, ref) {
       var containerHeight = containerRect.height;
       var scrollHeight = container.scrollHeight;
 
-      // 找到当前可见的元素并准备数据，但不立即更新锚点
-      var closestOption = null;
-      var minDistance = Infinity;
+      // 检查是否滚动到底部
       var isAtBottom = scrollTop + containerHeight >= scrollHeight - 50;
       if (isAtBottom) {
-        closestOption = options[options.length - 1];
-      } else {
-        var _iterator = _createForOfIteratorHelper(options),
-          _step;
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var option = _step.value;
-            // 尝试通过ID和data属性查找元素
-            var elementById = document.getElementById(option.id);
-            var elementByDataAttr = document.querySelector("[data-section=\"".concat(option.id, "\"]"));
-            var element = elementById || elementByDataAttr;
-            if (element) {
-              // 使用类型断言解决TS错误
-              var htmlElement = element;
-
-              // 使用offsetTop计算更准确
-              var elementOffsetTop = htmlElement.offsetTop;
-              var elementHeight = htmlElement.offsetHeight;
-
-              // 改进可见度计算逻辑
-              // 计算元素顶部相对于视口的位置
-              var elementTopRelativeToViewport = elementOffsetTop - scrollTop;
-
-              // 元素顶部在可视区域内，且离顶部headerHeight距离较近
-              var isTopVisible = elementOffsetTop >= scrollTop && elementOffsetTop <= scrollTop + headerHeight + 80; // 增加容差值
+        var lastOption = options[options.length - 1];
+        // 不要切回到之前点击的 tab
+        if (tab !== lastOption.id && lastOption.id !== clickedTabRef.current) {
+          onChange === null || onChange === void 0 || onChange(lastOption.id);
+        }
+        return;
+      }
 
-              // 计算元素的可见部分比例
-              var elementVisibleHeight = Math.min(elementOffsetTop + elementHeight, scrollTop + containerHeight) - Math.max(elementOffsetTop, scrollTop);
-              var visibilityRatio = elementVisibleHeight / elementHeight;
-              var isElementSubstantiallyVisible = visibilityRatio > 0.4; // 元素有40%以上可见
+      // 找到当前可见的元素
+      var closestOption = null;
+      var minDistance = Infinity;
+      var _iterator = _createForOfIteratorHelper(options),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var option = _step.value;
+          // 尝试通过ID和data属性查找元素
+          var elementById = document.getElementById(option.id);
+          var elementByDataAttr = document.querySelector("[data-section=\"".concat(option.id, "\"]"));
+          var element = elementById || elementByDataAttr;
+          if (element) {
+            // 使用类型断言解决TS错误
+            var htmlElement = element;
 
-              // 只有当元素足够可见时才考虑它
-              var isElementSufficientlyVisible = isTopVisible || isElementSubstantiallyVisible;
+            // 使用offsetTop计算更准确
+            var elementOffsetTop = htmlElement.offsetTop;
+            var elementHeight = htmlElement.offsetHeight;
 
-              // 只考虑可见元素的距离
-              if (isElementSufficientlyVisible) {
-                var distance = Math.abs(elementTopRelativeToViewport - headerHeight);
-                if (distance < minDistance) {
-                  minDistance = distance;
-                  closestOption = option;
-                }
-              }
+            // 计算可见度
+            var elementTopRelativeToViewport = elementOffsetTop - scrollTop;
+            var isTopVisible = elementTopRelativeToViewport >= headerHeight && elementTopRelativeToViewport <= containerHeight;
+            var isBottomVisible = elementTopRelativeToViewport + elementHeight >= headerHeight && elementTopRelativeToViewport + elementHeight <= containerHeight;
+            var isElementPartiallyVisible = isTopVisible || isBottomVisible || elementTopRelativeToViewport < headerHeight && elementTopRelativeToViewport + elementHeight > containerHeight;
+            var distance = Math.abs(elementTopRelativeToViewport - headerHeight);
+            if (distance < minDistance) {
+              minDistance = distance;
+              closestOption = option;
             }
           }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
         }
-      }
 
-      // 清除之前的定时器，防止多次设置
-      if (scrollEndTimeoutRef.current) {
-        clearTimeout(scrollEndTimeoutRef.current);
+        // 不要切回到之前点击的 tab
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      if (closestOption && tab !== closestOption.id && closestOption.id !== clickedTabRef.current && minDistance < 50) {
+        onChange === null || onChange === void 0 || onChange(closestOption.id);
       }
-
-      // 设置新的定时器，等待滚动停止后300ms再更新锚点
-      scrollEndTimeoutRef.current = setTimeout(function () {
-        // 不要切回到之前点击的 tab，且只有当距离足够小时才切换
-        if (closestOption && tab !== closestOption.id && closestOption.id !== clickedTabRef.current && (isAtBottom || minDistance < 80)) {
-          // 增加容差，减少敏感度
-          onChange === null || onChange === void 0 || onChange(closestOption.id);
-        }
-      }, 300); // 延迟300ms设置锚点
     }, {
       wait: 150
-    } // 略微减少节流时间，因为我们已经添加了滚动停止检测
-    ),
+    }),
     handleScrollThrottled = _useThrottleFn.run;
 
   // 监听容器滚动
   useEffect(function () {
     if (!(containerRef !== null && containerRef !== void 0 && containerRef.current)) return;
     var handleScroll = function handleScroll() {
-      // 滚动时只收集数据，不立即设置锚点
       if (!isClickScrolling.current) {
         handleScrollThrottled();
       }
@@ -176,13 +157,6 @@ var PisellAnchor = /*#__PURE__*/forwardRef(function (props, ref) {
     container.addEventListener('scroll', handleScroll);
     return function () {
       container.removeEventListener('scroll', handleScroll);
-      // 清理所有定时器
-      if (scrollTimeoutRef.current) {
-        clearTimeout(scrollTimeoutRef.current);
-      }
-      if (scrollEndTimeoutRef.current) {
-        clearTimeout(scrollEndTimeoutRef.current);
-      }
     };
   }, [handleScrollThrottled]);
 
@@ -190,14 +164,9 @@ var PisellAnchor = /*#__PURE__*/forwardRef(function (props, ref) {
   var handleOptionClick = function handleOptionClick(item) {
     // 添加调试日志
     console.log('PisellAnchor: Tab clicked', item.id);
-
-    // 清除所有定时器
     if (scrollTimeoutRef.current) {
       clearTimeout(scrollTimeoutRef.current);
     }
-    if (scrollEndTimeoutRef.current) {
-      clearTimeout(scrollEndTimeoutRef.current);
-    }
 
     // 更新选中项
     onChange === null || onChange === void 0 || onChange(item.id);
@@ -253,11 +222,11 @@ var PisellAnchor = /*#__PURE__*/forwardRef(function (props, ref) {
         }, 300);
       });
 
-      // 延迟重置状态 - 增加时间确保滚动动画完成
+      // 延迟重置状态
       scrollTimeoutRef.current = setTimeout(function () {
         isClickScrolling.current = false;
         clickedTabRef.current = null;
-      }, 1500); // 延长到1.5秒，覆盖完整的滚动动画时间
+      }, 1000);
     } else {
       console.warn('PisellAnchor: Cannot scroll, element or container not found', {
         elementId: item.id,

package/lib/components/pisellAnchor/index.js

@@ -53,7 +53,6 @@ var PisellAnchor = (0, import_react.forwardRef)((props, ref) => {
   const scrollTimeoutRef = (0, import_react.useRef)(null);
   const isClickScrolling = (0, import_react.useRef)(false);
   const clickedTabRef = (0, import_react.useRef)(null);
-  const scrollEndTimeoutRef = (0, import_react.useRef)(null);
   const [leftWidth, setLeftWidth] = (0, import_react.useState)(0);
   const [rightWidth, setRightWidth] = (0, import_react.useState)(40);
   const [showButtons, setShowButtons] = (0, import_react.useState)(false);
@@ -89,50 +88,40 @@ var PisellAnchor = (0, import_react.forwardRef)((props, ref) => {
       const scrollTop = container.scrollTop;
       const containerHeight = containerRect.height;
       const scrollHeight = container.scrollHeight;
-      let closestOption = null;
-      let minDistance = Infinity;
       const isAtBottom = scrollTop + containerHeight >= scrollHeight - 50;
       if (isAtBottom) {
-        closestOption = options[options.length - 1];
-      } else {
-        for (const option of options) {
-          const elementById = document.getElementById(option.id);
-          const elementByDataAttr = document.querySelector(`[data-section="${option.id}"]`);
-          const element = elementById || elementByDataAttr;
-          if (element) {
-            const htmlElement = element;
-            const elementOffsetTop = htmlElement.offsetTop;
-            const elementHeight = htmlElement.offsetHeight;
-            const elementTopRelativeToViewport = elementOffsetTop - scrollTop;
-            const isTopVisible = elementOffsetTop >= scrollTop && elementOffsetTop <= scrollTop + headerHeight + 80;
-            const elementVisibleHeight = Math.min(
-              elementOffsetTop + elementHeight,
-              scrollTop + containerHeight
-            ) - Math.max(elementOffsetTop, scrollTop);
-            const visibilityRatio = elementVisibleHeight / elementHeight;
-            const isElementSubstantiallyVisible = visibilityRatio > 0.4;
-            const isElementSufficientlyVisible = isTopVisible || isElementSubstantiallyVisible;
-            if (isElementSufficientlyVisible) {
-              const distance = Math.abs(elementTopRelativeToViewport - headerHeight);
-              if (distance < minDistance) {
-                minDistance = distance;
-                closestOption = option;
-              }
-            }
+        const lastOption = options[options.length - 1];
+        if (tab !== lastOption.id && lastOption.id !== clickedTabRef.current) {
+          onChange == null ? void 0 : onChange(lastOption.id);
+        }
+        return;
+      }
+      let closestOption = null;
+      let minDistance = Infinity;
+      for (const option of options) {
+        const elementById = document.getElementById(option.id);
+        const elementByDataAttr = document.querySelector(`[data-section="${option.id}"]`);
+        const element = elementById || elementByDataAttr;
+        if (element) {
+          const htmlElement = element;
+          const elementOffsetTop = htmlElement.offsetTop;
+          const elementHeight = htmlElement.offsetHeight;
+          const elementTopRelativeToViewport = elementOffsetTop - scrollTop;
+          const isTopVisible = elementTopRelativeToViewport >= headerHeight && elementTopRelativeToViewport <= containerHeight;
+          const isBottomVisible = elementTopRelativeToViewport + elementHeight >= headerHeight && elementTopRelativeToViewport + elementHeight <= containerHeight;
+          const isElementPartiallyVisible = isTopVisible || isBottomVisible || elementTopRelativeToViewport < headerHeight && elementTopRelativeToViewport + elementHeight > containerHeight;
+          const distance = Math.abs(elementTopRelativeToViewport - headerHeight);
+          if (distance < minDistance) {
+            minDistance = distance;
+            closestOption = option;
           }
         }
       }
-      if (scrollEndTimeoutRef.current) {
-        clearTimeout(scrollEndTimeoutRef.current);
+      if (closestOption && tab !== closestOption.id && closestOption.id !== clickedTabRef.current && minDistance < 50) {
+        onChange == null ? void 0 : onChange(closestOption.id);
       }
-      scrollEndTimeoutRef.current = setTimeout(() => {
-        if (closestOption && tab !== closestOption.id && closestOption.id !== clickedTabRef.current && (isAtBottom || minDistance < 80)) {
-          onChange == null ? void 0 : onChange(closestOption.id);
-        }
-      }, 300);
     },
     { wait: 150 }
-    // 略微减少节流时间，因为我们已经添加了滚动停止检测
   );
   (0, import_react.useEffect)(() => {
     if (!(containerRef == null ? void 0 : containerRef.current)) return;
@@ -145,12 +134,6 @@ var PisellAnchor = (0, import_react.forwardRef)((props, ref) => {
     container.addEventListener("scroll", handleScroll);
     return () => {
       container.removeEventListener("scroll", handleScroll);
-      if (scrollTimeoutRef.current) {
-        clearTimeout(scrollTimeoutRef.current);
-      }
-      if (scrollEndTimeoutRef.current) {
-        clearTimeout(scrollEndTimeoutRef.current);
-      }
     };
   }, [handleScrollThrottled]);
   const handleOptionClick = (item) => {
@@ -158,9 +141,6 @@ var PisellAnchor = (0, import_react.forwardRef)((props, ref) => {
     if (scrollTimeoutRef.current) {
       clearTimeout(scrollTimeoutRef.current);
     }
-    if (scrollEndTimeoutRef.current) {
-      clearTimeout(scrollEndTimeoutRef.current);
-    }
     onChange == null ? void 0 : onChange(item.id);
     onTabClick == null ? void 0 : onTabClick();
     const elementById = document.getElementById(String(item.id));
@@ -196,7 +176,7 @@ var PisellAnchor = (0, import_react.forwardRef)((props, ref) => {
       scrollTimeoutRef.current = setTimeout(() => {
         isClickScrolling.current = false;
         clickedTabRef.current = null;
-      }, 1500);
+      }, 1e3);
     } else {
       console.warn("PisellAnchor: Cannot scroll, element or container not found", {
         elementId: item.id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.676",
+  "version": "1.0.677",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface TimeSlot {
-    value: string;
-    label: string;
-    time: string;
-    remainingCount: number;
-    disabled?: boolean;
-}
-export interface TimeResourceSelectorProps {
-    timeSlots?: TimeSlot[];
-    multiple?: boolean;
-    showUnavailable?: boolean;
-    defaultExpanded?: boolean;
-    defaultSelectFirst?: boolean;
-    onChange?: (values: string | string[]) => void;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const TimeResourceSelector: React.FC<TimeResourceSelectorProps>;
-export default TimeResourceSelector;

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

@@ -1,4 +0,0 @@
-import { AppVersionControlProps } from './types';
-import './index.less';
-declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;
-export default AppVersionControl;

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

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-export interface Version {
-    id: string;
-    label: string;
-    value: string;
-    name: string;
-    status: 'live' | 'draft' | 'deprecated';
-    version: string;
-    avatar?: string;
-}
-export interface AppVersionControlProps {
-    value: string;
-    versions: Version[];
-    onVersionChange: (value: string, version: Version) => void;
-    onCreateVersion: (detail: {
-        version: string;
-        baseVersion: string;
-    }) => Promise<boolean | undefined>;
-    onPromoteToLive: (value: string, version: Version) => Promise<boolean | undefined>;
-    allowPublish?: boolean;
-    allowCreate?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-}

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

@@ -1,13 +0,0 @@
-/**
- * 比较两个版本号
- * @param version1 版本号1
- * @param version2 版本号2
- * @returns 如果version1大于version2返回1，相等返回0，小于返回-1
- */
-export declare const compareVersions: (version1: string, version2: string) => number;
-/**
- * 从版本号列表中获取最大版本号
- * @param versions 版本号列表
- * @returns 最大的版本号，如果列表为空返回undefined
- */
-export declare const getMaxVersion: (versions: string[]) => string | undefined;

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

@@ -1,21 +0,0 @@
-import React from "react";
-import "./index.less";
-interface Option {
-    label: React.ReactNode;
-    value: string | number;
-}
-interface BrowserSelectProps extends Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, 'value' | 'onChange'> {
-    options: Option[];
-    value?: string | number;
-    onChange?: (value: string | number, option: Option) => void;
-}
-/**
- * @title: 系统级别的下拉框
- * @description:
- * @param {BrowserSelectProps} props
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-30 16:43
- */
-declare const BrowserSelect: (props: BrowserSelectProps) => JSX.Element;
-export default BrowserSelect;

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

@@ -1,2 +0,0 @@
-declare const Checkbox: (props: any) => JSX.Element;
-export default Checkbox;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import './index.less';
-interface CollapseProps {
-    panelBackground?: string;
-    panelMarginBottom?: string | 0;
-    panelBorderRadius?: string | 0;
-    items: any[];
-    showHeader?: boolean;
-    headerColor?: string | '#101828';
-    headerFontSize?: string | 14;
-    expandIcon?: any;
-    [key: string]: any;
-}
-declare const Collapse: React.FC<CollapseProps>;
-export default Collapse;

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

@@ -1,3 +0,0 @@
-import { ColorPickerProps } from 'antd';
-declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;
-export default ColorPicker;

package/es/components/config-provider/index.d.ts

@@ -1,7 +0,0 @@
-import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
-import "dayjs/locale/zh-cn";
-export interface ConfigProviderProps extends OriginalConfigProviderProps {
-    [key: string]: any;
-}
-declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
-export default ConfigProvider;

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { SelectProps } from 'antd';
-import './index.less';
-export interface BaseOption {
-    label: string;
-    value: string | number;
-}
-export interface CustomSelectProps<T extends BaseOption> extends Omit<SelectProps<T['value']>, 'options' | 'value' | 'onChange'> {
-    options: T[];
-    value?: T['value'];
-    onChange?: (value: T['value']) => void;
-    renderItem?: (option: T) => React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const CustomSelect: <T extends BaseOption>(props: CustomSelectProps<T>) => JSX.Element;
-export default CustomSelect;

package/es/components/dataSourceComponents/dataSourceForm/BaseForm.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const _default: any;
-export default _default;

package/es/components/dataSourceComponents/dataSourceForm/formItem.d.ts

@@ -1,2 +0,0 @@
-declare const FormItem: (props: any) => JSX.Element;
-export default FormItem;

package/es/components/dataSourceComponents/dataSourceForm/group/index.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface FormGroupProps {
-    title: string;
-    description: string;
-    showTitle: boolean;
-    showDescription: boolean;
-    showBackgroundColor: boolean;
-    backgroundColor: string;
-    children: React.ReactNode;
-}
-/**
- * @title: 表单分组组件
- * @description: 用于在表单中划分分组，支持标题、描述、背景色等配置
- * @return: *
- * @Author: shengjie.zuo
- * @Date: 2024-11-25 17:14:25
- */
-declare const FormGroup: (props: FormGroupProps) => JSX.Element;
-export default FormGroup;

package/es/components/dataSourceComponents/dataSourceForm/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const _default: any;
-export default _default;

package/es/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingContext.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { ModeType } from '../../type';
-export interface FormSettingContextType {
-    onDataSourceFinish?: (values: any, result: any, form: any) => void;
-    renderMode?: ModeType;
-    groupInfoPosition?: 'top' | 'side';
-    children?: React.ReactNode;
-    currentValue?: 'server' | 'local';
-    size?: 'small' | 'middle' | 'large';
-    formatSubmitValues?: (values: Record<string, any>) => Record<string, any>;
-    formatInitialValues?: (values: Record<string, any>) => Record<string, any>;
-    customSubmit?: (values: Record<string, any>) => Promise<any>;
-}
-export declare const FormSettingContext: import("react").Context<FormSettingContextType>;
-export default FormSettingContext;

package/es/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingProvider.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { FormSettingContextType } from './FormSettingContext';
-/**
- * @title: 表单设置Provider
- * @description: 提供表单设置信息
- */
-declare const FormSettingProvider: React.FC<FormSettingContextType>;
-export default FormSettingProvider;

package/es/components/dataSourceComponents/dataSourceForm/provider/hooks/useFormSetting.d.ts

@@ -1,5 +0,0 @@
-/**
- * 获取表单配置
- */
-declare const useFormSetting: () => import("../formSetting/FormSettingContext").FormSettingContextType;
-export default useFormSetting;

package/es/components/dataSourceComponents/dataSourceForm/provider/hooks/useJsonPrefixPath.d.ts

@@ -1,5 +0,0 @@
-declare const useJsonPrefixPath: () => {
-    path: (string | number)[];
-    level: number;
-};
-export default useJsonPrefixPath;

package/es/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperContext.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const JsonWrapperContext: import("react").Context<{
-    path: (string | number)[];
-    level: number;
-}>;
-export default JsonWrapperContext;

package/es/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface JsonWrapperProps {
-    prefix: string | number | (string | number)[];
-    name?: string;
-}
-declare const JsonWrapperProvider: React.FC<React.PropsWithChildren<JsonWrapperProps>>;
-export default JsonWrapperProvider;