taro-uno-ui 0.9.0 → 1.0.0

package/src/components/feedback/Tooltip/Tooltip.tsx

@@ -1,12 +1,7 @@
 import React, { forwardRef } from 'react';
 import { View, Text } from '@tarojs/components';
 import type { ITouchEvent } from '@tarojs/components';
-import { 
-  TooltipProps, 
-  TooltipRef, 
-  TooltipTrigger,
-  TooltipEventHandler
-} from './Tooltip.types';
+import { TooltipProps, TooltipRef, TooltipTrigger, TooltipEventHandler } from './Tooltip.types';
 import { tooltipStyles } from './Tooltip.styles';
 
 export const Tooltip = forwardRef<TooltipRef, TooltipProps>((props, ref) => {
@@ -60,11 +55,14 @@ export const Tooltip = forwardRef<TooltipRef, TooltipProps>((props, ref) => {
   }, [timer]);
 
   // 设置定时器
-  const setTimerCallback = React.useCallback((callback: () => void, delay: number) => {
-    clearTimer();
-    const newTimer = setTimeout(callback, delay);
-    setTimer(newTimer);
-  }, [clearTimer]);
+  const setTimerCallback = React.useCallback(
+    (callback: () => void, delay: number) => {
+      clearTimer();
+      const newTimer = setTimeout(callback, delay);
+      setTimer(newTimer);
+    },
+    [clearTimer],
+  );
 
   // 显示提示
   const showTooltip = React.useCallback(() => {
@@ -130,17 +128,20 @@ export const Tooltip = forwardRef<TooltipRef, TooltipProps>((props, ref) => {
   }, [disabled, trigger, mouseLeaveDelay, hideDelay, hideTooltip, setTimerCallback, getTriggers]);
 
   // 处理点击
-  const handleClick = React.useCallback((_event: ITouchEvent) => {
-    if (disabled) return;
-    const triggers = getTriggers(trigger);
-    if (triggers.includes('click')) {
-      if (visible) {
-        hideTooltip();
-      } else {
-        showTooltip();
+  const handleClick = React.useCallback(
+    (_event: ITouchEvent) => {
+      if (disabled) return;
+      const triggers = getTriggers(trigger);
+      if (triggers.includes('click')) {
+        if (visible) {
+          hideTooltip();
+        } else {
+          showTooltip();
+        }
       }
-    }
-  }, [disabled, trigger, visible, showTooltip, hideTooltip, getTriggers]);
+    },
+    [disabled, trigger, visible, showTooltip, hideTooltip, getTriggers],
+  );
 
   // 处理焦点
   const handleFocus = React.useCallback(() => {
@@ -161,17 +162,20 @@ export const Tooltip = forwardRef<TooltipRef, TooltipProps>((props, ref) => {
   }, [disabled, trigger, hideTooltip, getTriggers]);
 
   // 处理长按（contextMenu触发）
-  const handleLongPress = React.useCallback((_event: ITouchEvent) => {
-    if (disabled) return;
-    const triggers = getTriggers(trigger);
-    if (triggers.includes('contextMenu')) {
-      if (visible) {
-        hideTooltip();
-      } else {
-        showTooltip();
+  const handleLongPress = React.useCallback(
+    (_event: ITouchEvent) => {
+      if (disabled) return;
+      const triggers = getTriggers(trigger);
+      if (triggers.includes('contextMenu')) {
+        if (visible) {
+          hideTooltip();
+        } else {
+          showTooltip();
+        }
       }
-    }
-  }, [disabled, trigger, visible, showTooltip, hideTooltip, getTriggers]);
+    },
+    [disabled, trigger, visible, showTooltip, hideTooltip, getTriggers],
+  );
 
   // 组件卸载时清除定时器
   React.useEffect(() => {
@@ -186,18 +190,22 @@ export const Tooltip = forwardRef<TooltipRef, TooltipProps>((props, ref) => {
   }, [title]);
 
   // 暴露给外部的引用方法
-  React.useImperativeHandle(ref, () => ({
-    show: showTooltip,
-    hide: hideTooltip,
-    getVisible: () => visible,
-    updateTitle: (newTitle: React.ReactNode) => {
-      setInternalTitle(newTitle);
-    },
-    reposition: () => {
-      // Taro环境中的重新定位逻辑
-      console.log('Reposition tooltip - Taro environment');
-    },
-  }), [showTooltip, hideTooltip, visible]);
+  React.useImperativeHandle(
+    ref,
+    () => ({
+      show: showTooltip,
+      hide: hideTooltip,
+      getVisible: () => visible,
+      updateTitle: (newTitle: React.ReactNode) => {
+        setInternalTitle(newTitle);
+      },
+      reposition: () => {
+        // Taro环境中的重新定位逻辑
+        console.log('Reposition tooltip - Taro environment');
+      },
+    }),
+    [showTooltip, hideTooltip, visible],
+  );
 
   // 渲染箭头
   const renderArrow = React.useCallback(() => {
@@ -258,7 +266,18 @@ export const Tooltip = forwardRef<TooltipRef, TooltipProps>((props, ref) => {
     }
 
     return events;
-  }, [trigger, getTriggers, handleTouchStart, handleTouchEnd, handleMouseEnter, handleMouseLeave, handleClick, handleFocus, handleBlur, handleLongPress]);
+  }, [
+    trigger,
+    getTriggers,
+    handleTouchStart,
+    handleTouchEnd,
+    handleMouseEnter,
+    handleMouseLeave,
+    handleClick,
+    handleFocus,
+    handleBlur,
+    handleLongPress,
+  ]);
 
   const containerStyle = tooltipStyles['getContainerStyle'](style);
   const containerEvents = getContainerEvents();
@@ -269,7 +288,7 @@ export const Tooltip = forwardRef<TooltipRef, TooltipProps>((props, ref) => {
       className={className}
       {...containerEvents}
       {...rest}
-      aria-describedby={visible ? "tooltip-content" : undefined}
+      aria-describedby={visible ? 'tooltip-content' : undefined}
       aria-expanded={visible}
     >
       {children}
@@ -280,4 +299,4 @@ export const Tooltip = forwardRef<TooltipRef, TooltipProps>((props, ref) => {
 
 Tooltip.displayName = 'Tooltip';
 
-export default Tooltip;
+export default Tooltip;

package/src/components/feedback/Tooltip/Tooltip.types.ts

@@ -1,18 +1,18 @@
 import React from 'react';
 import type { ITouchEvent } from '@tarojs/components';
 
-export type TooltipPlacement = 
-  | 'top' 
-  | 'bottom' 
-  | 'left' 
-  | 'right' 
-  | 'topLeft' 
-  | 'topRight' 
-  | 'bottomLeft' 
-  | 'bottomRight' 
-  | 'leftTop' 
-  | 'leftBottom' 
-  | 'rightTop' 
+export type TooltipPlacement =
+  | 'top'
+  | 'bottom'
+  | 'left'
+  | 'right'
+  | 'topLeft'
+  | 'topRight'
+  | 'bottomLeft'
+  | 'bottomRight'
+  | 'leftTop'
+  | 'leftBottom'
+  | 'rightTop'
   | 'rightBottom';
 
 export type TooltipTrigger = 'hover' | 'click' | 'focus' | 'contextMenu';
@@ -135,13 +135,7 @@ export interface TooltipAnimationConfig {
 }
 
 // Tooltip 事件类型
-export type TooltipEventType = 
-  | 'mouseenter'
-  | 'mouseleave'
-  | 'click'
-  | 'focus'
-  | 'blur'
-  | 'contextmenu';
+export type TooltipEventType = 'mouseenter' | 'mouseleave' | 'click' | 'focus' | 'blur' | 'contextmenu';
 
 // Tooltip 选项类型
 export interface TooltipOptions {
@@ -169,4 +163,4 @@ export interface TooltipInstance {
   toggle: () => void;
   update: (_props: Partial<TooltipProps>) => void;
   destroy: () => void;
-}
+}

package/src/components/feedback/Tooltip/index.ts

@@ -1,3 +1,3 @@
 export { Tooltip } from './Tooltip';
 export type { TooltipProps, TooltipRef, TooltipPlacement, TooltipTrigger } from './Tooltip.types';
-export { tooltipStyles } from './Tooltip.styles';
+export { tooltipStyles } from './Tooltip.styles';

package/src/components/feedback/Tooltip/index.tsx

@@ -5,10 +5,10 @@
  */
 
 import { Tooltip as TooltipComponent } from './Tooltip';
-import type { 
-  TooltipProps, 
-  TooltipRef, 
-  TooltipTrigger, 
+import type {
+  TooltipProps,
+  TooltipRef,
+  TooltipTrigger,
   TooltipPlacement,
   TooltipTheme,
   TooltipAnimation,
@@ -19,17 +19,17 @@ import type {
   TooltipEventType,
   TooltipEventHandler,
   TooltipOptions,
-  TooltipInstance
+  TooltipInstance,
 } from './Tooltip.types';
 import tooltipStyles from './Tooltip.styles';
 import { getTooltipClasses, getArrowClasses, tooltipCssClasses } from './Tooltip.styles';
 
 // 主要导出
 export { TooltipComponent as Tooltip };
-export type { 
-  TooltipProps, 
-  TooltipRef, 
-  TooltipTrigger, 
+export type {
+  TooltipProps,
+  TooltipRef,
+  TooltipTrigger,
   TooltipPlacement,
   TooltipTheme,
   TooltipAnimation,
@@ -40,17 +40,14 @@ export type {
   TooltipEventType,
   TooltipEventHandler,
   TooltipOptions,
-  TooltipInstance
+  TooltipInstance,
 };
 
 // 样式相关导出
 export { tooltipStyles, getTooltipClasses, getArrowClasses, tooltipCssClasses };
 
 // 重新导出常用类型
-export type {
-  TooltipProps as ITooltipProps,
-  TooltipRef as ITooltipRef,
-} from './Tooltip.types';
+export type { TooltipProps as ITooltipProps, TooltipRef as ITooltipRef } from './Tooltip.types';
 
 // 导出工具函数 - 针对 Taro 环境优化
 export const TooltipUtils = {
@@ -65,23 +62,18 @@ export const TooltipUtils = {
       visible: false,
       show: () => {
         // Taro 环境中的显示逻辑
-        console.log('Show tooltip - Taro environment');
       },
       hide: () => {
         // Taro 环境中的隐藏逻辑
-        console.log('Hide tooltip - Taro environment');
       },
       toggle: () => {
         // Taro 环境中的切换逻辑
-        console.log('Toggle tooltip - Taro environment');
       },
       update: (newProps: Partial<TooltipProps>) => {
         // Taro 环境中的更新逻辑
-        console.log('Update tooltip - Taro environment:', newProps);
       },
       destroy: () => {
         // Taro 环境中的销毁逻辑
-        console.log('Destroy tooltip - Taro environment');
       },
     };
   },
@@ -91,7 +83,6 @@ export const TooltipUtils = {
    */
   show: (elementId: string, content: string, options?: Partial<TooltipProps>) => {
     // 在 Taro 环境中通过选择器显示指定元素的 Tooltip
-    console.log('Show tooltip for element:', elementId, content, options);
     // 实际应用中可以使用 Taro 的选择器 API
   },
 
@@ -100,7 +91,6 @@ export const TooltipUtils = {
    */
   hide: (elementId: string) => {
     // 在 Taro 环境中隐藏指定元素的 Tooltip
-    console.log('Hide tooltip for element:', elementId);
     // 实际应用中可以使用 Taro 的选择器 API
   },
 
@@ -109,7 +99,6 @@ export const TooltipUtils = {
    */
   update: (elementId: string, content: string) => {
     // 在 Taro 环境中更新指定元素的 Tooltip 内容
-    console.log('Update tooltip for element:', elementId, content);
     // 实际应用中可以使用 Taro 的选择器 API
   },
 
@@ -118,7 +107,6 @@ export const TooltipUtils = {
    */
   destroy: (elementId: string) => {
     // 在 Taro 环境中销毁指定元素的 Tooltip
-    console.log('Destroy tooltip for element:', elementId);
     // 实际应用中可以使用 Taro 的选择器 API
   },
 };
@@ -255,4 +243,4 @@ export const TooltipConfig = {
 };
 
 // 导出 Tooltip 组件作为默认导出
-export default TooltipComponent;
+export default TooltipComponent;

package/src/components/feedback/index.tsx

@@ -1,17 +1,33 @@
-// 导出反馈组件
-export * from './Loading';
-export * from './Message';
-export * from './Modal';
-export * from './Notification';
-export * from './Progress';
-export * from './Result';
-export * from './Tooltip';
-
-// 导出类型
+/**
+ * Taro-Uno 反馈组件库
+ * 提供用户交互反馈的 UI 组件，包括加载、消息、模态框、通知等
+ */
+
+// 导出 Loading 组件
+export { Loading } from './Loading';
 export type { LoadingProps, LoadingRef, LoadingSize, LoadingType } from './Loading/Loading.types';
+export { LoadingStyles } from './Loading/Loading.styles';
 
+// 导出 Message 组件
+export { Message } from './Message';
 export type { MessageProps, MessageRef, MessageType, MessagePosition } from './Message/Message.types';
+export { messageStyles } from './Message/Message.styles';
 
+// 导出 Modal 组件
+export { Modal } from './Modal';
+export type {
+  ModalProps,
+  ModalRef,
+  ModalSize,
+  ModalPosition,
+  ModalButtonType,
+  ModalButton,
+  ModalConfirmConfig,
+} from './Modal/Modal.types';
+export { modalStyles } from './Modal/Modal.styles';
+
+// 导出 Notification 组件
+export { Notification } from './Notification';
 export type {
   NotificationType,
   NotificationPlacement,
@@ -26,29 +42,41 @@ export type {
   NotificationPlacementStyles,
   NotificationAnimationStyles,
 } from './Notification/Notification.types';
+export {
+  notificationStyles,
+  notificationStyleHelpers,
+  notificationStyleSystem,
+  responsiveBreakpoints,
+  generateResponsiveStyle,
+  generateThemeStyle,
+  calculateDynamicStyles,
+} from './Notification/Notification.styles';
 
+// 导出 Progress 组件
+export { Progress } from './Progress';
 export type {
-  ModalProps,
-  ModalRef,
-  ModalSize,
-  ModalPosition,
-  ModalButtonType,
-  ModalButton,
-  ModalConfirmConfig,
-} from './Modal/Modal.types';
-
-export type { 
-  ProgressProps, 
-  ProgressRef, 
-  ProgressType, 
-  ProgressStatus, 
+  ProgressProps,
+  ProgressRef,
+  ProgressType,
+  ProgressStatus,
   ProgressSize,
   ProgressGradient,
-  ProgressSegment 
+  ProgressSegment,
 } from './Progress/Progress.types';
-
+export {
+  ProgressStyles,
+  ProgressKeyframes,
+  ProgressMediaQueries,
+  ProgressCSSVariables,
+} from './Progress/Progress.styles';
+
+// 导出 Result 组件
+export { Result } from './Result';
 export type { ResultProps, ResultRef, ResultStatus, ResultSize } from './Result/Result.types';
+export { resultStyles } from './Result/Result.styles';
 
+// 导出 Tooltip 组件
+export { Tooltip } from './Tooltip';
 export type {
   TooltipProps,
   TooltipRef,
@@ -65,22 +93,6 @@ export type {
   TooltipOptions,
   TooltipInstance,
 } from './Tooltip/Tooltip.types';
-
-// 导出样式
-export { LoadingStyles } from './Loading/Loading.styles';
-export { messageStyles } from './Message/Message.styles';
-export { 
-  notificationStyles, 
-  notificationStyleHelpers, 
-  notificationStyleSystem,
-  responsiveBreakpoints,
-  generateResponsiveStyle,
-  generateThemeStyle,
-  calculateDynamicStyles,
-} from './Notification/Notification.styles';
-export { modalStyles } from './Modal/Modal.styles';
-export { ProgressStyles, ProgressKeyframes, ProgressMediaQueries, ProgressCSSVariables } from './Progress/Progress.styles';
-export { resultStyles } from './Result/Result.styles';
 export { tooltipStyles } from './Tooltip/Tooltip.styles';
 
 // 反馈组件工具函数

package/src/components/form/Cascader/Cascader.styles.ts

@@ -448,7 +448,7 @@ export class CascaderStyles {
   static formatDisplayValue(
     labels: ReactNode[],
     selectedOptions: CascaderOption[],
-    config: { showPath?: boolean; pathSeparator?: string } = {}
+    config: { showPath?: boolean; pathSeparator?: string } = {},
   ): ReactNode {
     return formatDisplayValue(labels, selectedOptions, config);
   }
@@ -523,4 +523,4 @@ export class CascaderStyles {
 }
 
 /** 导出样式对象 */
-export const cascaderStyles = CascaderStyles;
+export const cascaderStyles = CascaderStyles;