@pisell/materials 1.0.1001 → 1.0.1002

package/es/components/PisellCards/components/TextCard/TextCard.stories.js

@@ -14,11 +14,11 @@ import { BellOutlined, DownOutlined } from '@ant-design/icons';
 import { Space, Tag, Spin } from 'antd';
 import TextCard from "./TextCard";
 
-/**
- * TextCard 文本卡片组件
- *
- * 用于展示带图标、文本、标签和角标的信息项，常用于 Tab 项、列表项、菜单项等场景。
- * 支持 6 种样式变体、3 种尺寸、4 种状态，以及丰富的自定义配置。
+/**
+ * TextCard 文本卡片组件
+ *
+ * 用于展示带图标、文本、标签和角标的信息项，常用于 Tab 项、列表项、菜单项等场景。
+ * 支持 6 种样式变体、3 种尺寸、4 种状态，以及丰富的自定义配置。
  */
 var meta = {
   title: 'Atom Components/PisellCards/TextCard',
@@ -59,8 +59,8 @@ var meta = {
   }
 };
 export default meta;
-/**
- * 基础用法 - 默认渲染
+/**
+ * 基础用法 - 默认渲染
  */
 export var Default = {
   args: {
@@ -89,8 +89,8 @@ export var Default = {
   }()
 };
 
-/**
- * 基础用法 - 多个卡片
+/**
+ * 基础用法 - 多个卡片
  */
 export var MultipleCards = {
   render: function render() {
@@ -104,8 +104,8 @@ export var MultipleCards = {
   }
 };
 
-/**
- * ReactNode 文本
+/**
+ * ReactNode 文本
  */
 export var ReactNodeText = {
   args: {
@@ -117,8 +117,8 @@ export var ReactNodeText = {
   }
 };
 
-/**
- * 样式变体 - 纯文本（text）
+/**
+ * 样式变体 - 纯文本（text）
  */
 export var VariantText = {
   render: function render() {
@@ -141,8 +141,8 @@ export var VariantText = {
   }
 };
 
-/**
- * 样式变体 - 圆角背景（filled）
+/**
+ * 样式变体 - 圆角背景（filled）
  */
 export var VariantFilled = {
   render: function render() {
@@ -165,8 +165,8 @@ export var VariantFilled = {
   }
 };
 
-/**
- * 样式变体 - 浅色背景（light）
+/**
+ * 样式变体 - 浅色背景（light）
  */
 export var VariantLight = {
   render: function render() {
@@ -183,8 +183,8 @@ export var VariantLight = {
   }
 };
 
-/**
- * 样式变体 - 描边（outlined）
+/**
+ * 样式变体 - 描边（outlined）
  */
 export var VariantOutlined = {
   render: function render() {
@@ -201,8 +201,8 @@ export var VariantOutlined = {
   }
 };
 
-/**
- * 样式变体 - 渐变（gradient）
+/**
+ * 样式变体 - 渐变（gradient）
  */
 export var VariantGradient = {
   render: function render() {
@@ -219,8 +219,8 @@ export var VariantGradient = {
   }
 };
 
-/**
- * 样式变体 - 虚线（dashed）
+/**
+ * 样式变体 - 虚线（dashed）
  */
 export var VariantDashed = {
   render: function render() {
@@ -237,8 +237,8 @@ export var VariantDashed = {
   }
 };
 
-/**
- * 尺寸 - Small
+/**
+ * 尺寸 - Small
  */
 export var SizeSmall = {
   render: function render() {
@@ -257,8 +257,8 @@ export var SizeSmall = {
   }
 };
 
-/**
- * 尺寸 - Default
+/**
+ * 尺寸 - Default
  */
 export var SizeDefault = {
   render: function render() {
@@ -277,8 +277,8 @@ export var SizeDefault = {
   }
 };
 
-/**
- * 尺寸 - Large
+/**
+ * 尺寸 - Large
  */
 export var SizeLarge = {
   render: function render() {
@@ -297,8 +297,8 @@ export var SizeLarge = {
   }
 };
 
-/**
- * 状态 - Active
+/**
+ * 状态 - Active
  */
 export var StateActive = {
   render: function render() {
@@ -337,8 +337,8 @@ export var StateActive = {
   }
 };
 
-/**
- * 状态 - Disabled
+/**
+ * 状态 - Disabled
  */
 export var StateDisabled = {
   render: function render() {
@@ -355,8 +355,8 @@ export var StateDisabled = {
   }
 };
 
-/**
- * 状态 - Loading
+/**
+ * 状态 - Loading
  */
 export var StateLoading = {
   render: function render() {
@@ -376,8 +376,8 @@ export var StateLoading = {
   }
 };
 
-/**
- * 状态 - 优先级测试
+/**
+ * 状态 - 优先级测试
  */
 export var StatePriority = {
   render: function render() {
@@ -420,8 +420,8 @@ export var StatePriority = {
   }
 };
 
-/**
- * 图标 - 前置图标
+/**
+ * 图标 - 前置图标
  */
 export var PrefixIcon = {
   args: {
@@ -431,8 +431,8 @@ export var PrefixIcon = {
   }
 };
 
-/**
- * 图标 - 后置图标
+/**
+ * 图标 - 后置图标
  */
 export var SuffixIcon = {
   args: {
@@ -442,8 +442,8 @@ export var SuffixIcon = {
   }
 };
 
-/**
- * 图标 - 前后图标组合
+/**
+ * 图标 - 前后图标组合
  */
 export var BothIcons = {
   args: {
@@ -454,8 +454,8 @@ export var BothIcons = {
   }
 };
 
-/**
- * 图标 - 图标配置
+/**
+ * 图标 - 图标配置
  */
 export var IconConfig = {
   args: {
@@ -469,8 +469,8 @@ export var IconConfig = {
   }
 };
 
-/**
- * 标签 - 带标签
+/**
+ * 标签 - 带标签
  */
 export var WithTag = {
   args: {
@@ -482,8 +482,8 @@ export var WithTag = {
   }
 };
 
-/**
- * 角标 - 红点角标
+/**
+ * 角标 - 红点角标
  */
 export var BadgeDot = {
   args: {
@@ -495,8 +495,8 @@ export var BadgeDot = {
   }
 };
 
-/**
- * 角标 - 数字角标
+/**
+ * 角标 - 数字角标
  */
 export var BadgeNumber = {
   args: {
@@ -509,8 +509,8 @@ export var BadgeNumber = {
   }
 };
 
-/**
- * 角标 - 文本角标
+/**
+ * 角标 - 文本角标
  */
 export var BadgeText = {
   args: {
@@ -523,8 +523,8 @@ export var BadgeText = {
   }
 };
 
-/**
- * 角标 - 不同位置（通过 offset 控制）
+/**
+ * 角标 - 不同位置（通过 offset 控制）
  */
 export var BadgePositions = {
   render: function render() {
@@ -565,8 +565,8 @@ export var BadgePositions = {
   }
 };
 
-/**
- * 插槽 - 前置插槽
+/**
+ * 插槽 - 前置插槽
  */
 export var PrefixSlot = {
   args: {
@@ -581,8 +581,8 @@ export var PrefixSlot = {
   }
 };
 
-/**
- * 插槽 - 后置插槽
+/**
+ * 插槽 - 后置插槽
  */
 export var SuffixSlot = {
   args: {
@@ -598,8 +598,8 @@ export var SuffixSlot = {
   }
 };
 
-/**
- * 文本配置 - 字体样式
+/**
+ * 文本配置 - 字体样式
  */
 export var TextConfig = {
   args: {
@@ -613,8 +613,8 @@ export var TextConfig = {
   }
 };
 
-/**
- * 宽度模式 - 自动宽度（auto）
+/**
+ * 宽度模式 - 自动宽度（auto）
  */
 export var WidthModeAuto = {
   args: {
@@ -625,8 +625,8 @@ export var WidthModeAuto = {
   }
 };
 
-/**
- * 宽度模式 - 固定宽度（fixed）
+/**
+ * 宽度模式 - 固定宽度（fixed）
  */
 export var WidthModeFixed = {
   args: {
@@ -637,8 +637,8 @@ export var WidthModeFixed = {
   }
 };
 
-/**
- * 宽度模式 - 撑满容器（full）
+/**
+ * 宽度模式 - 撑满容器（full）
  */
 export var WidthModeFull = {
   render: function render() {
@@ -656,8 +656,8 @@ export var WidthModeFull = {
   }
 };
 
-/**
- * 交互 - 点击事件
+/**
+ * 交互 - 点击事件
  */
 export var ClickInteraction = {
   render: function render() {
@@ -677,8 +677,8 @@ export var ClickInteraction = {
   }
 };
 
-/**
- * 交互 - 不可点击
+/**
+ * 交互 - 不可点击
  */
 export var NotClickable = {
   args: {
@@ -688,8 +688,8 @@ export var NotClickable = {
   }
 };
 
-/**
- * 综合示例 - 完整配置
+/**
+ * 综合示例 - 完整配置
  */
 export var CompleteExample = {
   args: {
@@ -714,8 +714,8 @@ export var CompleteExample = {
   }
 };
 
-/**
- * 综合示例 - Tab 导航
+/**
+ * 综合示例 - Tab 导航
  */
 export var TabNavigation = {
   render: function render() {
@@ -778,8 +778,8 @@ export var TabNavigation = {
   }
 };
 
-/**
- * 综合示例 - 垂直导航
+/**
+ * 综合示例 - 垂直导航
  */
 export var VerticalNavigation = {
   render: function render() {
@@ -848,8 +848,8 @@ export var VerticalNavigation = {
 
 // ========== 边界值测试 ==========
 
-/**
- * 边界值 - 角标为 0
+/**
+ * 边界值 - 角标为 0
  */
 export var BadgeZero = {
   args: {
@@ -862,8 +862,8 @@ export var BadgeZero = {
   }
 };
 
-/**
- * 边界值 - 角标特别大的数字
+/**
+ * 边界值 - 角标特别大的数字
  */
 export var BadgeLargeNumber = {
   render: function render() {
@@ -878,8 +878,8 @@ export var BadgeLargeNumber = {
   }
 };
 
-/**
- * 边界值 - 特别长的文本
+/**
+ * 边界值 - 特别长的文本
  */
 export var VeryLongText = {
   args: {
@@ -888,8 +888,8 @@ export var VeryLongText = {
   }
 };
 
-/**
- * 边界值 - 特别长的文本（有宽度限制）
+/**
+ * 边界值 - 特别长的文本（有宽度限制）
  */
 export var VeryLongTextWithWidth = {
   args: {
@@ -905,8 +905,8 @@ export var VeryLongTextWithWidth = {
   }
 };
 
-/**
- * 边界值 - 特别长的文本（多行省略）
+/**
+ * 边界值 - 特别长的文本（多行省略）
  */
 export var VeryLongTextMultiLine = {
   args: {
@@ -922,8 +922,8 @@ export var VeryLongTextMultiLine = {
   }
 };
 
-/**
- * 边界值 - 角标大小和 offset 位置
+/**
+ * 边界值 - 角标大小和 offset 位置
  */
 export var BadgeSizeAndOffset = {
   render: function render() {
@@ -999,8 +999,8 @@ export var BadgeSizeAndOffset = {
   }
 };
 
-/**
- * 边界值 - 极长文本 + 角标大数字 + 图标
+/**
+ * 边界值 - 极长文本 + 角标大数字 + 图标
  */
 export var VeryLongTextWithLargeBadgeAndIcon = {
   args: {

package/es/components/PisellCards/components/TextCard/components/BadgeWrapper.d.ts

@@ -1,27 +1,27 @@
-import React from 'react';
-import { BadgeWrapperProps } from '../types';
-/**
- * BadgeWrapper 角标包装组件
- * 负责角标的渲染和定位，支持红点、数字、文本三种类型
- * 位置通过 offset 控制，大小通过 size 控制
- *
- * @example
- * ```tsx
- * // 红点角标
- * <BadgeWrapper badge={{ type: 'dot' }}>
- *   <TextCard text="Item" />
- * </BadgeWrapper>
- *
- * // 数字角标
- * <BadgeWrapper badge={{ type: 'number', content: 99 }}>
- *   <TextCard text="Item" />
- * </BadgeWrapper>
- *
- * // 文本角标
- * <BadgeWrapper badge={{ type: 'text', content: 'New' }}>
- *   <TextCard text="Item" />
- * </BadgeWrapper>
- * ```
- */
-declare const BadgeWrapper: React.FC<BadgeWrapperProps>;
-export default BadgeWrapper;
+import React from 'react';
+import { BadgeWrapperProps } from '../types';
+/**
+ * BadgeWrapper 角标包装组件
+ * 负责角标的渲染和定位，支持红点、数字、文本三种类型
+ * 位置通过 offset 控制，大小通过 size 控制
+ *
+ * @example
+ * ```tsx
+ * // 红点角标
+ * <BadgeWrapper badge={{ type: 'dot' }}>
+ *   <TextCard text="Item" />
+ * </BadgeWrapper>
+ *
+ * // 数字角标
+ * <BadgeWrapper badge={{ type: 'number', content: 99 }}>
+ *   <TextCard text="Item" />
+ * </BadgeWrapper>
+ *
+ * // 文本角标
+ * <BadgeWrapper badge={{ type: 'text', content: 'New' }}>
+ *   <TextCard text="Item" />
+ * </BadgeWrapper>
+ * ```
+ */
+declare const BadgeWrapper: React.FC<BadgeWrapperProps>;
+export default BadgeWrapper;

package/es/components/PisellCards/components/TextCard/components/BadgeWrapper.js

@@ -4,28 +4,28 @@ 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 React from 'react';
 import { Badge } from 'antd';
-/**
- * BadgeWrapper 角标包装组件
- * 负责角标的渲染和定位，支持红点、数字、文本三种类型
- * 位置通过 offset 控制，大小通过 size 控制
- *
- * @example
- * ```tsx
- * // 红点角标
- * <BadgeWrapper badge={{ type: 'dot' }}>
- *   <TextCard text="Item" />
- * </BadgeWrapper>
- *
- * // 数字角标
- * <BadgeWrapper badge={{ type: 'number', content: 99 }}>
- *   <TextCard text="Item" />
- * </BadgeWrapper>
- *
- * // 文本角标
- * <BadgeWrapper badge={{ type: 'text', content: 'New' }}>
- *   <TextCard text="Item" />
- * </BadgeWrapper>
- * ```
+/**
+ * BadgeWrapper 角标包装组件
+ * 负责角标的渲染和定位，支持红点、数字、文本三种类型
+ * 位置通过 offset 控制，大小通过 size 控制
+ *
+ * @example
+ * ```tsx
+ * // 红点角标
+ * <BadgeWrapper badge={{ type: 'dot' }}>
+ *   <TextCard text="Item" />
+ * </BadgeWrapper>
+ *
+ * // 数字角标
+ * <BadgeWrapper badge={{ type: 'number', content: 99 }}>
+ *   <TextCard text="Item" />
+ * </BadgeWrapper>
+ *
+ * // 文本角标
+ * <BadgeWrapper badge={{ type: 'text', content: 'New' }}>
+ *   <TextCard text="Item" />
+ * </BadgeWrapper>
+ * ```
  */
 var BadgeWrapper = function BadgeWrapper(props) {
   var badge = props.badge,
@@ -46,8 +46,8 @@ var BadgeWrapper = function BadgeWrapper(props) {
     showZero = _badge$showZero === void 0 ? false : _badge$showZero,
     rest = _objectWithoutProperties(badge, _excluded);
 
-  /**
-   * 根据角标类型渲染不同的 Badge
+  /**
+   * 根据角标类型渲染不同的 Badge
    */
   var renderBadge = function renderBadge() {
     // 红点类型

package/es/components/PisellCards/components/TextCard/components/IconWrapper.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-import { IconWrapperProps } from '../types';
-/**
- * IconWrapper 图标包装组件
- * 负责统一图标渲染逻辑，支持自定义图标大小和颜色
- *
- * @example
- * ```tsx
- * <IconWrapper
- *   icon={<BellIcon />}
- *   position="prefix"
- *   config={{ size: 16, color: '#666' }}
- * />
- * ```
- */
-declare const IconWrapper: React.FC<IconWrapperProps>;
-export default IconWrapper;
+import React from 'react';
+import { IconWrapperProps } from '../types';
+/**
+ * IconWrapper 图标包装组件
+ * 负责统一图标渲染逻辑，支持自定义图标大小和颜色
+ *
+ * @example
+ * ```tsx
+ * <IconWrapper
+ *   icon={<BellIcon />}
+ *   position="prefix"
+ *   config={{ size: 16, color: '#666' }}
+ * />
+ * ```
+ */
+declare const IconWrapper: React.FC<IconWrapperProps>;
+export default IconWrapper;

package/es/components/PisellCards/components/TextCard/components/IconWrapper.js

@@ -1,17 +1,17 @@
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
-/**
- * IconWrapper 图标包装组件
- * 负责统一图标渲染逻辑，支持自定义图标大小和颜色
- *
- * @example
- * ```tsx
- * <IconWrapper
- *   icon={<BellIcon />}
- *   position="prefix"
- *   config={{ size: 16, color: '#666' }}
- * />
- * ```
+/**
+ * IconWrapper 图标包装组件
+ * 负责统一图标渲染逻辑，支持自定义图标大小和颜色
+ *
+ * @example
+ * ```tsx
+ * <IconWrapper
+ *   icon={<BellIcon />}
+ *   position="prefix"
+ *   config={{ size: 16, color: '#666' }}
+ * />
+ * ```
  */
 var IconWrapper = function IconWrapper(props) {
   var icon = props.icon,
@@ -19,9 +19,9 @@ var IconWrapper = function IconWrapper(props) {
     position = props.position,
     className = props.className;
 
-  /**
-   * 计算图标样式
-   * 支持自定义大小和颜色
+  /**
+   * 计算图标样式
+   * 支持自定义大小和颜色
    */
   var iconStyle = useMemo(function () {
     var style = {};