taro-uno-ui 0.9.0 → 1.0.0

package/dist/components/basic/Typography/Typography.styles.d.ts

@@ -0,0 +1,83 @@
+import { CSSProperties } from 'react';
+import { TypographyProps, TypographySize, TypographyColor, TypographyWeight } from './Typography.types';
+/**
+ * Typography 样式配置
+ */
+export declare const typographyStyles: {
+    /**
+     * 基础样式
+     */
+    base: CSSProperties;
+    /**
+     * 标题样式
+     */
+    headings: {
+        h1: CSSProperties;
+        h2: CSSProperties;
+        h3: CSSProperties;
+        h4: CSSProperties;
+        h5: CSSProperties;
+        h6: CSSProperties;
+    };
+    /**
+     * 段落样式
+     */
+    paragraph: CSSProperties;
+    /**
+     * 文本样式
+     */
+    text: CSSProperties;
+    /**
+     * 链接样式
+     */
+    link: CSSProperties;
+    /**
+     * 尺寸映射
+     */
+    sizes: Record<TypographySize, CSSProperties>;
+    /**
+     * 颜色映射
+     */
+    colors: Record<TypographyColor, CSSProperties>;
+    /**
+     * 权重映射
+     */
+    weights: Record<TypographyWeight, CSSProperties>;
+    /**
+     * 类型映射
+     */
+    types: Record<string, CSSProperties>;
+    /**
+     * 状态样式
+     */
+    states: {
+        disabled: CSSProperties;
+        copyable: CSSProperties;
+        editable: CSSProperties;
+    };
+    /**
+     * 装饰样式
+     */
+    decorations: {
+        delete: CSSProperties;
+        underline: CSSProperties;
+        code: CSSProperties;
+        keyboard: CSSProperties;
+    };
+    /**
+     * 对齐样式
+     */
+    alignments: Record<string, CSSProperties>;
+    /**
+     * 省略号样式
+     */
+    ellipsis: CSSProperties;
+    /**
+     * 多行省略号样式
+     */
+    multiLineEllipsis: (maxRows: number) => CSSProperties;
+};
+/**
+ * 计算 Typography 样式
+ */
+export declare const calculateTypographyStyles: (props: TypographyProps) => CSSProperties;

package/dist/components/basic/Typography/Typography.types.d.ts

@@ -0,0 +1,245 @@
+import { ReactNode } from 'react';
+/**
+ * Typography 组件属性类型
+ */
+export interface TypographyProps {
+    /**
+     * 文本内容
+     */
+    children: ReactNode;
+    /**
+     * 文本类型
+     */
+    type?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    /**
+     * 文本变体
+     */
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+    /**
+     * 文本对齐
+     */
+    align?: 'left' | 'center' | 'right' | 'justify';
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 是否可复制
+     */
+    copyable?: boolean;
+    /**
+     * 是否可编辑
+     */
+    editable?: boolean;
+    /**
+     * 删除线
+     */
+    delete?: boolean;
+    /**
+     * 下划线
+     */
+    underline?: boolean;
+    /**
+     * 代码样式
+     */
+    code?: boolean;
+    /**
+     * 键盘样式
+     */
+    keyboard?: boolean;
+    /**
+     * 粗体
+     */
+    strong?: boolean;
+    /**
+     * 斜体
+     */
+    italic?: boolean;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 点击事件
+     */
+    onClick?: (_e: React.MouseEvent) => void;
+    /**
+     * 文本大小
+     */
+    size?: TypographySize;
+    /**
+     * 文本颜色
+     */
+    color?: TypographyColor;
+    /**
+     * 文本权重
+     */
+    weight?: TypographyWeight;
+    /**
+     * 省略号
+     */
+    ellipsis?: boolean;
+    /**
+     * 最大行数
+     */
+    maxRows?: number;
+    /**
+     * 换行
+     */
+    wrap?: boolean;
+    /**
+     * 复制回调
+     */
+    onCopy?: () => void;
+    /**
+     * 编辑回调
+     */
+    onEdit?: (_text: string) => void;
+}
+/**
+ * Typography 组件引用类型
+ */
+export interface TypographyRef {
+    /**
+     * 获取文本内容
+     */
+    getText: () => string;
+    /**
+     * 复制文本
+     */
+    copy: () => void;
+    /**
+     * 编辑文本
+     */
+    edit: (_text: string) => void;
+}
+/**
+ * Typography 尺寸类型
+ */
+export type TypographySize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+/**
+ * Typography 颜色类型
+ */
+export type TypographyColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'inherit';
+/**
+ * Typography 权重类型
+ */
+export type TypographyWeight = 'normal' | 'medium' | 'semibold' | 'bold';
+/**
+ * Typography 工具类型
+ */
+export interface TypographyUtils {
+    /**
+     * 计算文本样式
+     */
+    calculateStyles: (_props: TypographyProps) => React.CSSProperties;
+    /**
+     * 格式化文本
+     */
+    formatText: (_text: string, variant: TypographyProps['variant']) => string;
+    /**
+     * 复制到剪贴板
+     */
+    copyToClipboard: (_text: string) => Promise<void>;
+}
+/**
+ * Typography 原生属性类型
+ */
+export interface TypographyNativeProps {
+    /**
+     * 原生文本元素属性
+     */
+    nativeProps?: React.HTMLAttributes<HTMLElement>;
+}
+/**
+ * Typography 标题属性
+ */
+export interface TitleProps extends TypographyProps {
+    /**
+     * 标题级别
+     */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * 副标题
+     */
+    subtitle?: ReactNode;
+    /**
+     * 标题分隔线
+     */
+    divider?: boolean;
+}
+/**
+ * Typography 段落属性
+ */
+export interface ParagraphProps extends TypographyProps {
+    /**
+     * 段落间距
+     */
+    spacing?: number;
+    /**
+     * 首行缩进
+     */
+    indent?: boolean;
+    /**
+     * 行高
+     */
+    lineHeight?: number;
+}
+/**
+ * Typography 文本属性
+ */
+export interface TypographyTextProps extends TypographyProps {
+    /**
+     * 文本大小
+     */
+    size?: TypographySize;
+    /**
+     * 文本颜色
+     */
+    color?: TypographyColor;
+    /**
+     * 文本权重
+     */
+    weight?: TypographyWeight;
+    /**
+     * 省略号
+     */
+    ellipsis?: boolean;
+    /**
+     * 最大行数
+     */
+    maxRows?: number;
+    /**
+     * 换行
+     */
+    wrap?: boolean;
+}
+/**
+ * Typography 链接属性
+ */
+export interface LinkProps extends TypographyProps {
+    /**
+     * 链接地址
+     */
+    href?: string;
+    /**
+     * 目标
+     */
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    /**
+     * 是否在新窗口打开
+     */
+    external?: boolean;
+    /**
+     * 下划线
+     */
+    underline?: boolean;
+    /**
+     * 点击事件
+     */
+    onClick?: (_e: React.MouseEvent) => void;
+}

package/dist/components/basic/Typography/index.d.ts

@@ -0,0 +1,3 @@
+export { Typography } from './Typography';
+export type { TypographyProps, TypographyRef, TypographySize, TypographyColor, TypographyWeight, TypographyNativeProps, TitleProps, ParagraphProps, TypographyTextProps, LinkProps, } from './Typography.types';
+export { calculateTypographyStyles, typographyStyles } from './Typography.styles';

package/dist/components/basic/Video/Video.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Taro-Uno Video Component
+ * 视频组件实现
+ */
+import type { VideoProps } from './Video.types';
+declare const VideoWithDefaults: (props: VideoProps) => import("react/jsx-runtime").JSX.Element;
+export default VideoWithDefaults;

package/dist/components/basic/Video/Video.styles.d.ts

@@ -0,0 +1,212 @@
+/**
+ * Taro-Uno Video Component Styles
+ * 视频组件样式定义
+ */
+import type { CSSProperties } from 'react';
+import type { VideoSize, VideoVariant, VideoStatus, VideoControlsConfig } from './Video.types';
+declare const bem: (name?: string, modifiers?: string[]) => string;
+/** 基础样式 */
+export declare const baseStyle: CSSProperties;
+/** 尺寸样式 */
+export declare const sizeStyles: Record<VideoSize, CSSProperties>;
+/** 变体样式 */
+export declare const variantStyles: Record<VideoVariant, CSSProperties>;
+/** 状态样式 */
+export declare const statusStyles: Record<VideoStatus, CSSProperties>;
+/** 视频元素样式 */
+export declare const videoStyle: CSSProperties;
+/** 视频封面样式 */
+export declare const posterStyle: CSSProperties;
+/** 视频控制栏基础样式 */
+export declare const controlsBaseStyle: CSSProperties;
+/** 控制栏位置样式 */
+export declare const controlsPositionStyles: Record<'top' | 'bottom' | 'both', CSSProperties>;
+/** 控制栏样式 */
+export declare const controlsStyle: (config: VideoControlsConfig) => CSSProperties;
+/** 控制栏上半部分样式 */
+export declare const controlsTopStyle: CSSProperties;
+/** 控制栏下半部分样式 */
+export declare const controlsBottomStyle: CSSProperties;
+/** 控制栏进度条样式 */
+export declare const progressContainerStyle: CSSProperties;
+/** 控制栏进度条悬停样式 */
+export declare const progressContainerHoverStyle: CSSProperties;
+/** 控制栏缓冲进度样式 */
+export declare const bufferedStyle: CSSProperties;
+/** 控制栏播放进度样式 */
+export declare const progressStyle: CSSProperties;
+/** 控制栏进度条滑块样式 */
+export declare const progressHandleStyle: CSSProperties;
+/** 控制栏进度条滑块悬停样式 */
+export declare const progressHandleHoverStyle: CSSProperties;
+/** 控制栏按钮样式 */
+export declare const buttonStyle: CSSProperties;
+/** 控制栏按钮悬停样式 */
+export declare const buttonHoverStyle: CSSProperties;
+/** 控制栏按钮激活样式 */
+export declare const buttonActiveStyle: CSSProperties;
+/** 播放按钮样式 */
+export declare const playButtonStyle: CSSProperties;
+/** 中心播放按钮样式 */
+export declare const centerPlayButtonStyle: CSSProperties;
+/** 中心播放按钮悬停样式 */
+export declare const centerPlayButtonHoverStyle: CSSProperties;
+/** 控制栏左侧样式 */
+export declare const controlsLeftStyle: CSSProperties;
+/** 控制栏右侧样式 */
+export declare const controlsRightStyle: CSSProperties;
+/** 控制栏中间样式 */
+export declare const controlsMiddleStyle: CSSProperties;
+/** 时间显示样式 */
+export declare const timeStyle: CSSProperties;
+/** 音量控制样式 */
+export declare const volumeStyle: CSSProperties;
+/** 音量滑块样式 */
+export declare const volumeSliderStyle: CSSProperties;
+/** 音量滑块进度样式 */
+export declare const volumeProgressStyle: CSSProperties;
+/** 音量滑块手柄样式 */
+export declare const volumeHandleStyle: CSSProperties;
+/** 标题样式 */
+export declare const titleStyle: CSSProperties;
+/** 描述样式 */
+export declare const descriptionStyle: CSSProperties;
+/** 水印样式 */
+export declare const watermarkStyle: CSSProperties;
+/** 水印位置样式 */
+export declare const watermarkPositionStyles: Record<'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'center', CSSProperties>;
+/** 加载样式 */
+export declare const loadingStyle: CSSProperties;
+/** 错误样式 */
+export declare const errorStyle: CSSProperties;
+/** 错误标题样式 */
+export declare const errorTitleStyle: CSSProperties;
+/** 错误消息样式 */
+export declare const errorMessageStyle: CSSProperties;
+/** 结束样式 */
+export declare const endedStyle: CSSProperties;
+/** 结束标题样式 */
+export declare const endedTitleStyle: CSSProperties;
+/** 结束消息样式 */
+export declare const endedMessageStyle: CSSProperties;
+/** 选项菜单样式 */
+export declare const optionsMenuStyle: CSSProperties;
+/** 选项项样式 */
+export declare const optionsItemStyle: CSSProperties;
+/** 选项项悬停样式 */
+export declare const optionsItemHoverStyle: CSSProperties;
+/** 选项项选中样式 */
+export declare const optionsItemSelectedStyle: CSSProperties;
+/** 章节标记样式 */
+export declare const chapterMarkerStyle: CSSProperties;
+/** 章节标记悬停样式 */
+export declare const chapterMarkerHoverStyle: CSSProperties;
+/** 章节标记激活样式 */
+export declare const chapterMarkerActiveStyle: CSSProperties;
+/** 章节弹出样式 */
+export declare const chapterPopupStyle: CSSProperties;
+/** 广告样式 */
+export declare const adStyle: CSSProperties;
+/** 广告关闭按钮样式 */
+export declare const adCloseButtonStyle: CSSProperties;
+/** 广告倒计时样式 */
+export declare const adCountdownStyle: CSSProperties;
+/** 广告跳过按钮样式 */
+export declare const adSkipButtonStyle: CSSProperties;
+/** 广告跳过按钮悬停样式 */
+export declare const adSkipButtonHoverStyle: CSSProperties;
+/** 获取视频组件样式 */
+export declare const getVideoStyle: (size?: VideoSize, variant?: VideoVariant, status?: VideoStatus) => CSSProperties;
+/** 视频容器样式 */
+export declare const videoContainerStyle: (size?: VideoSize, variant?: VideoVariant) => CSSProperties;
+/** 视频组件样式钩子 */
+export declare const useVideoStyle: (size?: VideoSize, variant?: VideoVariant) => {
+    container: CSSProperties;
+    video: CSSProperties;
+    poster: CSSProperties;
+    title: {
+        position: "absolute";
+        top: number;
+        left: number;
+        color: string;
+        fontSize: number;
+        fontWeight: "bold";
+        textShadow: string;
+        zIndex: number;
+        overflow: "hidden";
+        display: "-webkit-box";
+        WebkitLineClamp: number;
+        WebkitBoxOrient: "vertical";
+    };
+    description: {
+        position: "absolute";
+        top: number;
+        left: number;
+        color: string;
+        fontSize: number;
+        textShadow: string;
+        zIndex: number;
+        overflow: "hidden";
+        display: "-webkit-box";
+        WebkitLineClamp: number;
+        WebkitBoxOrient: "vertical";
+    };
+    controls: (config: VideoControlsConfig) => CSSProperties;
+    controlsTop: CSSProperties;
+    controlsBottom: CSSProperties;
+    progressContainer: CSSProperties;
+    progress: CSSProperties;
+    buffered: CSSProperties;
+    progressHandle: CSSProperties;
+    button: CSSProperties;
+    playButton: CSSProperties;
+    centerPlayButton: CSSProperties;
+    controlsLeft: CSSProperties;
+    controlsRight: CSSProperties;
+    controlsMiddle: CSSProperties;
+    time: CSSProperties;
+    volume: CSSProperties;
+    volumeSlider: CSSProperties;
+    volumeProgress: CSSProperties;
+    volumeHandle: CSSProperties;
+    watermark: CSSProperties;
+    loading: CSSProperties;
+    error: CSSProperties;
+    ended: CSSProperties;
+    optionsMenu: CSSProperties;
+    optionsItem: CSSProperties;
+    optionsItemSelected: {
+        backgroundColor: string;
+    };
+    chapterMarker: CSSProperties;
+    chapterMarkerActive: {
+        backgroundColor: string;
+        width: number;
+    };
+    ad: CSSProperties;
+    adCountdown: {
+        position: "absolute";
+        top: number;
+        left: number;
+        backgroundColor: string;
+        color: string;
+        padding: string;
+        borderRadius: number;
+        fontSize: number;
+        zIndex: number;
+    };
+    adSkipButton: {
+        position: "absolute";
+        bottom: number;
+        right: number;
+        backgroundColor: string;
+        color: string;
+        padding: string;
+        borderRadius: number;
+        fontSize: number;
+        zIndex: number;
+        cursor: "pointer";
+        border: "none";
+    };
+};
+export { bem };