@zerodep-dev/vue-tsx-pro-ui 0.3.1 → 0.3.2

package/dist/utils/style/transitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"transitions.js","names":[],"sources":["../../../src/utils/style/transitions.ts"],"sourcesContent":["/**\n * 顶层元素（原生 popover、模态 dialog）的进出场过渡，纯 CSS：\n *   - 进场：打开状态（:popover-open / :modal）里用 @starting-style 给出起始值\n *   - 离场：display 与 overlay 加 allow-discrete，关闭后先播完过渡、再离开顶层\n * 原生弹层被 Esc、点击外部关闭时 JS 来不及介入，所以不用 JS 动画。\n * 用法：`sx: [styles.panel, transitions.scale]`；遮罩再加 `transitions.backdrop`。\n * 进场用 enter 缓动与 md 时长，离场用 exit 缓动与更短的 sm 时长；“减少动态效果”时时长为 0。\n * 离场过渡依赖 CSS 的 overlay，目前只有 Chromium 支持；Firefox、Safari 关闭后立即隐藏（三大浏览器实测），\n * 进场过渡各浏览器都有。属于渐进增强：不支持时少了离场动画，状态不受影响。\n */\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { t } from '../../config/theme/tokens';\n\n/** 顶层元素的进出场过渡：fade 淡入淡出、scale 缩放加淡入、backdrop 模态遮罩的淡入 */\nexport const transitions = css.create({\n  /** 淡入淡出 */\n  fade: {\n    opacity: {\n      default: 0,\n      ':popover-open': { default: 1, '@starting-style': 0 },\n      ':modal': { default: 1, '@starting-style': 0 },\n    },\n    transition: {\n      default: `opacity ${t.durations.sm} ${t.easings.exit}, display ${t.durations.sm} allow-discrete, overlay ${t.durations.sm} allow-discrete`,\n      ':popover-open': `opacity ${t.durations.md} ${t.easings.enter}, display ${t.durations.md} allow-discrete, overlay ${t.durations.md} allow-discrete`,\n      ':modal': `opacity ${t.durations.md} ${t.easings.enter}, display ${t.durations.md} allow-discrete, overlay ${t.durations.md} allow-discrete`,\n    },\n  },\n  /** 淡入并从略小放大到原尺寸：弹出框、菜单、对话框；缩放原点按弹出方向设置 transformOrigin */\n  scale: {\n    opacity: {\n      default: 0,\n      ':popover-open': { default: 1, '@starting-style': 0 },\n      ':modal': { default: 1, '@starting-style': 0 },\n    },\n    transform: {\n      default: 'scale(0.96)',\n      ':popover-open': { default: 'none', '@starting-style': 'scale(0.96)' },\n      ':modal': { default: 'none', '@starting-style': 'scale(0.96)' },\n    },\n    transition: {\n      default: `opacity ${t.durations.sm} ${t.easings.exit}, transform ${t.durations.sm} ${t.easings.exit}, display ${t.durations.sm} allow-discrete, overlay ${t.durations.sm} allow-discrete`,\n      ':popover-open': `opacity ${t.durations.md} ${t.easings.enter}, transform ${t.durations.md} ${t.easings.enter}, display ${t.durations.md} allow-discrete, overlay ${t.durations.md} allow-discrete`,\n      ':modal': `opacity ${t.durations.md} ${t.easings.enter}, transform ${t.durations.md} ${t.easings.enter}, display ${t.durations.md} allow-discrete, overlay ${t.durations.md} allow-discrete`,\n    },\n  },\n  /** 模态遮罩淡入淡出，颜色取 colors.overlay */\n  backdrop: {\n    '::backdrop': {\n      backgroundColor: {\n        default: 'transparent',\n        ':modal': { default: '_overlay', '@starting-style': 'transparent' },\n      },\n      transition: {\n        default: `background-color ${t.durations.sm} ${t.easings.exit}, display ${t.durations.sm} allow-discrete, overlay ${t.durations.sm} allow-discrete`,\n        ':modal': `background-color ${t.durations.md} ${t.easings.enter}, display ${t.durations.md} allow-discrete, overlay ${t.durations.md} allow-discrete`,\n      },\n    },\n  },\n});\n\n/** 交互状态的过渡：悬停、按下、选中、聚焦时颜色与阴影的变化（按钮、列表项、标签、输入框外壳共用） */\nexport const interactionTransitions = css.create({\n  /** 背景色、边框色、文字色、阴影在 durations.sm 内过渡 */\n  colors: {\n    transition: `background-color ${t.durations.sm} ${t.easings.standard}, border-color ${t.durations.sm} ${t.easings.standard}, color ${t.durations.sm} ${t.easings.standard}, box-shadow ${t.durations.sm} ${t.easings.standard}`,\n  },\n});\n\n/** 展开指示（chevron）的旋转过渡；旋转角度由各组件给（右指向下 90°，下指向上 180°） */\nexport const disclosureStyles = css.create({\n  /** 旋转在 durations.sm 内过渡 */\n  icon: { transition: `rotate ${t.durations.sm} ${t.easings.standard}` },\n});\n\n/**\n * 配合 usePresence 的淡入淡出：进场用 enter 缓动，离场（presence.state 为 closed）淡出到 0 用 exit 缓动。\n *   sx: [styles.root, presenceStyles.fade, presence.state === 'closed' && presenceStyles.leaving]\n */\nexport const presenceStyles = css.create({\n  /** 进场 */\n  fade: { transition: `opacity ${t.durations.sm} ${t.easings.enter}` },\n  /** 离场：淡出 */\n  leaving: { opacity: 0, transition: `opacity ${t.durations.sm} ${t.easings.exit}` },\n});\n\n/**\n * 等元素（含子元素）上正在进行的过渡与动画结束；没有时立即完成，“减少动态效果”时也就立即完成。\n * 被打断（取消、反向）的动画也算结束，调用方按当前状态决定下一步。\n * 无限循环的动画（加载指示的旋转）永远不会结束，不等它。\n * 最多等 timeout 毫秒（默认 1500，比主题最长的时长宽裕得多）：Linux 上的 WebKit 偶尔把过渡停在起点不动，\n * 不能让离场、收起的流程一直挂着。\n */\nexport async function afterTransitions(\n  element: Element,\n  { timeout = 1500 }: { timeout?: number } = {},\n): Promise<void> {\n  const animations = element\n    .getAnimations({ subtree: true })\n    .filter((animation) => animation.effect?.getTiming().iterations !== Infinity);\n  if (!animations.length) return;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  await Promise.race([\n    Promise.allSettled(animations.map((animation) => animation.finished)),\n    new Promise((resolve) => (timer = setTimeout(resolve, timeout))),\n  ]);\n  clearTimeout(timer);\n}\n"],"mappings":"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"}
+{"version":3,"file":"transitions.js","names":[],"sources":["../../../src/utils/style/transitions.ts"],"sourcesContent":["/**\n * 顶层元素（原生 popover、模态 dialog）的进出场过渡，纯 CSS：\n *   - 进场：打开状态（:popover-open / :modal）里用 @starting-style 给出起始值\n *   - 离场：display 与 overlay 加 allow-discrete，关闭后先播完过渡、再离开顶层\n * 原生弹层被 Esc、点击外部关闭时 JS 来不及介入，所以不用 JS 动画。\n * 用法：`sx: [styles.panel, transitions.scale]`；遮罩再加 `transitions.backdrop`。\n * 进场用 enter 缓动与 md 时长，离场用 exit 缓动与更短的 sm 时长；“减少动态效果”时时长为 0。\n * 离场过渡依赖 CSS 的 overlay，目前只有 Chromium 支持；Firefox、Safari 关闭后立即隐藏（三大浏览器实测），\n * 进场过渡各浏览器都有。属于渐进增强：不支持时少了离场动画，状态不受影响。\n */\nimport { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { t } from '../../config/theme/tokens';\n\n/** 顶层元素的进出场过渡：fade 淡入淡出、scale 缩放加淡入、backdrop 模态遮罩的淡入 */\nexport const transitions = css.create({\n  /** 淡入淡出 */\n  fade: {\n    opacity: {\n      default: 0,\n      ':popover-open': { default: 1, '@starting-style': 0 },\n      ':modal': { default: 1, '@starting-style': 0 },\n    },\n    transition: {\n      default: `opacity ${t.durations.sm} ${t.easings.exit}, display ${t.durations.sm} allow-discrete, overlay ${t.durations.sm} allow-discrete`,\n      ':popover-open': `opacity ${t.durations.md} ${t.easings.enter}, display ${t.durations.md} allow-discrete, overlay ${t.durations.md} allow-discrete`,\n      ':modal': `opacity ${t.durations.md} ${t.easings.enter}, display ${t.durations.md} allow-discrete, overlay ${t.durations.md} allow-discrete`,\n    },\n  },\n  /** 淡入并从略小放大到原尺寸：弹出框、菜单、对话框；缩放原点按弹出方向设置 transformOrigin */\n  scale: {\n    opacity: {\n      default: 0,\n      ':popover-open': { default: 1, '@starting-style': 0 },\n      ':modal': { default: 1, '@starting-style': 0 },\n    },\n    transform: {\n      default: 'scale(0.96)',\n      ':popover-open': { default: 'none', '@starting-style': 'scale(0.96)' },\n      ':modal': { default: 'none', '@starting-style': 'scale(0.96)' },\n    },\n    transition: {\n      default: `opacity ${t.durations.sm} ${t.easings.exit}, transform ${t.durations.sm} ${t.easings.exit}, display ${t.durations.sm} allow-discrete, overlay ${t.durations.sm} allow-discrete`,\n      ':popover-open': `opacity ${t.durations.md} ${t.easings.enter}, transform ${t.durations.md} ${t.easings.enter}, display ${t.durations.md} allow-discrete, overlay ${t.durations.md} allow-discrete`,\n      ':modal': `opacity ${t.durations.md} ${t.easings.enter}, transform ${t.durations.md} ${t.easings.enter}, display ${t.durations.md} allow-discrete, overlay ${t.durations.md} allow-discrete`,\n    },\n  },\n  /** 模态遮罩淡入淡出，颜色取 colors.overlay */\n  backdrop: {\n    '::backdrop': {\n      backgroundColor: {\n        default: 'transparent',\n        ':modal': { default: '_overlay', '@starting-style': 'transparent' },\n      },\n      transition: {\n        default: `background-color ${t.durations.sm} ${t.easings.exit}, display ${t.durations.sm} allow-discrete, overlay ${t.durations.sm} allow-discrete`,\n        ':modal': `background-color ${t.durations.md} ${t.easings.enter}, display ${t.durations.md} allow-discrete, overlay ${t.durations.md} allow-discrete`,\n      },\n    },\n  },\n});\n\n/** 交互状态的过渡：悬停、按下、选中、聚焦时颜色与阴影的变化（按钮、列表项、标签、输入框外壳共用） */\nexport const interactionTransitions = css.create({\n  /** 背景色、边框色、文字色、阴影在 durations.sm 内过渡 */\n  colors: {\n    transition: `background-color ${t.durations.sm} ${t.easings.standard}, border-color ${t.durations.sm} ${t.easings.standard}, color ${t.durations.sm} ${t.easings.standard}, box-shadow ${t.durations.sm} ${t.easings.standard}`,\n  },\n});\n\n/** 展开指示（chevron）的旋转过渡；旋转角度由各组件给（右指向下 90°，下指向上 180°） */\nexport const disclosureStyles = css.create({\n  /** 旋转在 durations.sm 内过渡 */\n  icon: { transition: `rotate ${t.durations.sm} ${t.easings.standard}` },\n});\n\n/**\n * 配合 usePresence 的淡入淡出：进场用 enter 缓动，离场（presence.state 为 closed）淡出到 0 用 exit 缓动。\n *   sx: [styles.root, presenceStyles.fade, presence.state === 'closed' && presenceStyles.leaving]\n */\nexport const presenceStyles = css.create({\n  /** 进场 */\n  fade: { transition: `opacity ${t.durations.sm} ${t.easings.enter}` },\n  /** 离场：淡出 */\n  leaving: { opacity: 0, transition: `opacity ${t.durations.sm} ${t.easings.exit}` },\n});\n\n/**\n * 等元素（含子元素）上正在进行的过渡与动画结束；没有时立即完成，“减少动态效果”时也就立即完成。\n * 被打断（取消、反向）的动画也算结束，调用方按当前状态决定下一步。\n * 无限循环的动画（加载指示的旋转）永远不会结束，不等它。\n * 最多等 timeout 毫秒（默认 1500，比主题最长的时长宽裕得多）：Linux 上的 WebKit 偶尔把过渡停在起点不动，\n * 不能让离场、收起的流程一直挂着。\n */\nexport async function afterTransitions(\n  element: Element,\n  { timeout = 1500 }: { timeout?: number } = {},\n): Promise<void> {\n  const animations = element\n    .getAnimations({ subtree: true })\n    .filter((animation) => animation.effect?.getTiming().iterations !== Infinity);\n  if (!animations.length) return;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  await Promise.race([\n    Promise.allSettled(animations.map((animation) => animation.finished)),\n    new Promise((resolve) => (timer = setTimeout(resolve, timeout))),\n  ]);\n  clearTimeout(timer);\n}\n"],"mappings":"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"}

package/dist/utils/style/typography.d.ts

@@ -2,7 +2,7 @@
  * 文字相关的共用样式表：Text、Heading、Icon、Button 等按同一套档位取字号、字重、色调。
  * 档位与主题 tokens 同名（COMPONENTS.md §6.2）。
  */
-import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
 /** 界面文字的字号档位，对应主题的 fontSizes；组件的 size 档位也用它，括号里是默认主题的值 */
 export interface TextSizes {
     /** 12px：辅助说明、标签 */

package/dist/utils/style/typography.js

@@ -1,4 +1,4 @@
-import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
 //#region src/utils/style/typography.ts
 /**
 * 文字相关的共用样式表：Text、Heading、Icon、Button 等按同一套档位取字号、字重、色调。

package/dist/utils/style/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":[],"sources":["../../../src/utils/style/typography.ts"],"sourcesContent":["/**\n * 文字相关的共用样式表：Text、Heading、Icon、Button 等按同一套档位取字号、字重、色调。\n * 档位与主题 tokens 同名（COMPONENTS.md §6.2）。\n */\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\n// 取值类型写成带注释接口的 keyof：补全与悬停能看到每个取值的效果（见 styles.ts）\n\n/** 界面文字的字号档位，对应主题的 fontSizes；组件的 size 档位也用它，括号里是默认主题的值 */\nexport interface TextSizes {\n  /** 12px：辅助说明、标签 */\n  xs: unknown;\n  /** 13px：紧凑控件 */\n  sm: unknown;\n  /** 14px：正文与默认控件 */\n  md: unknown;\n  /** 16px：宽松控件、小标题 */\n  lg: unknown;\n  /** 18px：强调文字、卡片标题 */\n  xl: unknown;\n}\n\n/** 字号档位：界面文字的五档，加上标题用的两档 */\nexport interface FontSizes extends TextSizes {\n  /** 24px：页面标题 */\n  xxl: unknown;\n  /** 30px：大标题 */\n  xxxl: unknown;\n}\n\n/** 界面文字的字号档位：xs–xl */\nexport type TextSize = keyof TextSizes;\n/** 字号档位：xs–xl，加上标题用的 xxl、xxxl */\nexport type FontSize = keyof FontSizes;\n\n/** 字重，对应主题的 fontWeights */\nexport interface FontWeights {\n  /** 300：细 */\n  light: unknown;\n  /** 400：正文 */\n  normal: unknown;\n  /** 500：标签、表头 */\n  medium: unknown;\n  /** 600：按钮、标题 */\n  semibold: unknown;\n  /** 700：粗 */\n  bold: unknown;\n}\n\n/** 字重档位 */\nexport type FontWeight = keyof FontWeights;\n\n/**\n * 文字色调，对应主题的文字颜色。与状态色调（StatusTones：neutral、accent、info、success、warning、danger）同名，\n * 再加文字专用的 muted：Text、Link、Icon 与 Button、Badge 写同一个值得到同一种颜色\n */\nexport interface Tones {\n  /** 中性：正文色 */\n  neutral: unknown;\n  /** 次要文字色：说明、辅助信息 */\n  muted: unknown;\n  /** 品牌色文字：链接、强调 */\n  accent: unknown;\n  /** 危险：错误提示、破坏性操作的说明 */\n  danger: unknown;\n  /** 成功 */\n  success: unknown;\n  /** 警告 */\n  warning: unknown;\n  /** 信息 */\n  info: unknown;\n  /** 跟随所在的文字颜色：放在有底色的通栏（Banner 的实底）、标记里时用，对比度由底色保证 */\n  inherit: unknown;\n}\n\n/** 文字色调 */\nexport type Tone = keyof Tones;\n\n/** 文字的水平对齐（text-align），按书写方向 */\nexport interface TextAligns {\n  /** 对齐起始边：从左到右排版时靠左 */\n  start: unknown;\n  /** 居中 */\n  center: unknown;\n  /** 对齐结束边：从左到右排版时靠右 */\n  end: unknown;\n}\n\n/** 水平对齐 */\nexport type TextAlign = keyof TextAligns;\n\n/** 换行方式（text-wrap） */\nexport interface TextWraps {\n  /** 正常换行 */\n  wrap: unknown;\n  /** 不换行，超出容器时溢出（配合 truncate 省略） */\n  nowrap: unknown;\n  /** 各行长度尽量均衡：标题、短文本 */\n  balance: unknown;\n  /** 避免最后一行只剩一个字：段落 */\n  pretty: unknown;\n}\n\n/** 换行方式 */\nexport type TextWrap = keyof TextWraps;\n\n/** 字号档位 → fontSizes token */\nexport const fontSizeStyles = css.create({\n  xs: { fontSize: '_xs' },\n  sm: { fontSize: '_sm' },\n  md: { fontSize: '_md' },\n  lg: { fontSize: '_lg' },\n  xl: { fontSize: '_xl' },\n  xxl: { fontSize: '_xxl' },\n  xxxl: { fontSize: '_xxxl' },\n});\n\n/**\n * 相对所在字号的档位（em）：组件内部的小字、标题用它，跟着根上的 size 或所在文字一起缩放。\n * 比例取主题默认字号（md 14px）下与各档的比值：sm ≈ 13px、xs ≈ 12px、lg ≈ 16px、xl ≈ 18px\n */\nexport const relativeFontSizeStyles = css.create({\n  xs: { fontSize: '0.86em' },\n  sm: { fontSize: '0.93em' },\n  lg: { fontSize: '1.14em' },\n  xl: { fontSize: '1.29em' },\n});\n\n/** 字重档位 → fontWeights token */\nexport const fontWeightStyles = css.create({\n  light: { fontWeight: '_light' },\n  normal: { fontWeight: '_normal' },\n  medium: { fontWeight: '_medium' },\n  semibold: { fontWeight: '_semibold' },\n  bold: { fontWeight: '_bold' },\n});\n\n/** 色调 → 文字颜色 token */\nexport const toneStyles = css.create({\n  neutral: { color: '_text' },\n  muted: { color: '_textMuted' },\n  accent: { color: '_accentText' },\n  danger: { color: '_dangerText' },\n  success: { color: '_successText' },\n  warning: { color: '_warningText' },\n  info: { color: '_infoText' },\n  inherit: { color: 'inherit' },\n});\n\n/** 水平对齐（按书写方向） */\nexport const textAlignStyles = css.create({\n  start: { textAlign: 'start' },\n  center: { textAlign: 'center' },\n  end: { textAlign: 'end' },\n});\n\n/** 换行方式（text-wrap） */\nexport const textWrapStyles = css.create({\n  wrap: { textWrap: 'wrap' },\n  nowrap: { textWrap: 'nowrap' },\n  // 标题：各行长度尽量均衡\n  balance: { textWrap: 'balance' },\n  // 段落：避免最后一行只剩一个字\n  pretty: { textWrap: 'pretty' },\n});\n\n/** 截断：truncate 单行省略，clamp 多行截断（行数见 lineClampStyles） */\nexport const textStyles = css.create({\n  // 单行省略：在块级元素或 flex 子项上生效\n  truncate: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', minWidth: 0 },\n  // 多行截断用带 -webkit- 前缀的写法（标准的 line-clamp 尚无浏览器支持），行数见 lineClampStyles\n  clamp: { display: '-webkit-box', WebkitBoxOrient: 'vertical', overflow: 'hidden' },\n  // 数字等宽：表格、金额、计数上下对齐，变化时不跳动\n  numeric: { fontVariantNumeric: 'tabular-nums' },\n  // 等宽字体：编号、件号、代码片段\n  mono: { fontFamily: '_mono' },\n});\n\n/** 多行截断的行数：任意值，用动态样式（编译为 CSS 变量），与 textStyles.clamp 一起用 */\nexport const lineClampStyles = css.create({\n  lines: (count: number) => ({ WebkitLineClamp: count }),\n});\n"],"mappings":";;;;;;;AA0GA,IAAa,iBAAiB,IAAI,OAAO;CACvC,IAAI,EAAE,UAAU,MAAM;CACtB,IAAI,EAAE,UAAU,MAAM;CACtB,IAAI,EAAE,UAAU,MAAM;CACtB,IAAI,EAAE,UAAU,MAAM;CACtB,IAAI,EAAE,UAAU,MAAM;CACtB,KAAK,EAAE,UAAU,OAAO;CACxB,MAAM,EAAE,UAAU,QAAQ;AAC5B,CAAC;;;;;AAMD,IAAa,yBAAyB,IAAI,OAAO;CAC/C,IAAI,EAAE,UAAU,SAAS;CACzB,IAAI,EAAE,UAAU,SAAS;CACzB,IAAI,EAAE,UAAU,SAAS;CACzB,IAAI,EAAE,UAAU,SAAS;AAC3B,CAAC;;AAGD,IAAa,mBAAmB,IAAI,OAAO;CACzC,OAAO,EAAE,YAAY,SAAS;CAC9B,QAAQ,EAAE,YAAY,UAAU;CAChC,QAAQ,EAAE,YAAY,UAAU;CAChC,UAAU,EAAE,YAAY,YAAY;CACpC,MAAM,EAAE,YAAY,QAAQ;AAC9B,CAAC;;AAGD,IAAa,aAAa,IAAI,OAAO;CACnC,SAAS,EAAE,OAAO,QAAQ;CAC1B,OAAO,EAAE,OAAO,aAAa;CAC7B,QAAQ,EAAE,OAAO,cAAc;CAC/B,QAAQ,EAAE,OAAO,cAAc;CAC/B,SAAS,EAAE,OAAO,eAAe;CACjC,SAAS,EAAE,OAAO,eAAe;CACjC,MAAM,EAAE,OAAO,YAAY;CAC3B,SAAS,EAAE,OAAO,UAAU;AAC9B,CAAC;;AAGD,IAAa,kBAAkB,IAAI,OAAO;CACxC,OAAO,EAAE,WAAW,QAAQ;CAC5B,QAAQ,EAAE,WAAW,SAAS;CAC9B,KAAK,EAAE,WAAW,MAAM;AAC1B,CAAC;;AAGD,IAAa,iBAAiB,IAAI,OAAO;CACvC,MAAM,EAAE,UAAU,OAAO;CACzB,QAAQ,EAAE,UAAU,SAAS;CAE7B,SAAS,EAAE,UAAU,UAAU;CAE/B,QAAQ,EAAE,UAAU,SAAS;AAC/B,CAAC;;AAGD,IAAa,aAAa,IAAI,OAAO;CAEnC,UAAU;EAAE,UAAU;EAAU,cAAc;EAAY,YAAY;EAAU,UAAU;CAAE;CAE5F,OAAO;EAAE,SAAS;EAAe,iBAAiB;EAAY,UAAU;CAAS;CAEjF,SAAS,EAAE,oBAAoB,eAAe;CAE9C,MAAM,EAAE,YAAY,QAAQ;AAC9B,CAAC;;AAGD,IAAa,kBAAkB,IAAI,OAAO,EACxC,QAAQ,WAAmB,EAAE,iBAAiB,MAAM,GACtD,CAAC"}
+{"version":3,"file":"typography.js","names":[],"sources":["../../../src/utils/style/typography.ts"],"sourcesContent":["/**\n * 文字相关的共用样式表：Text、Heading、Icon、Button 等按同一套档位取字号、字重、色调。\n * 档位与主题 tokens 同名（COMPONENTS.md §6.2）。\n */\nimport { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\n// 取值类型写成带注释接口的 keyof：补全与悬停能看到每个取值的效果（见 styles.ts）\n\n/** 界面文字的字号档位，对应主题的 fontSizes；组件的 size 档位也用它，括号里是默认主题的值 */\nexport interface TextSizes {\n  /** 12px：辅助说明、标签 */\n  xs: unknown;\n  /** 13px：紧凑控件 */\n  sm: unknown;\n  /** 14px：正文与默认控件 */\n  md: unknown;\n  /** 16px：宽松控件、小标题 */\n  lg: unknown;\n  /** 18px：强调文字、卡片标题 */\n  xl: unknown;\n}\n\n/** 字号档位：界面文字的五档，加上标题用的两档 */\nexport interface FontSizes extends TextSizes {\n  /** 24px：页面标题 */\n  xxl: unknown;\n  /** 30px：大标题 */\n  xxxl: unknown;\n}\n\n/** 界面文字的字号档位：xs–xl */\nexport type TextSize = keyof TextSizes;\n/** 字号档位：xs–xl，加上标题用的 xxl、xxxl */\nexport type FontSize = keyof FontSizes;\n\n/** 字重，对应主题的 fontWeights */\nexport interface FontWeights {\n  /** 300：细 */\n  light: unknown;\n  /** 400：正文 */\n  normal: unknown;\n  /** 500：标签、表头 */\n  medium: unknown;\n  /** 600：按钮、标题 */\n  semibold: unknown;\n  /** 700：粗 */\n  bold: unknown;\n}\n\n/** 字重档位 */\nexport type FontWeight = keyof FontWeights;\n\n/**\n * 文字色调，对应主题的文字颜色。与状态色调（StatusTones：neutral、accent、info、success、warning、danger）同名，\n * 再加文字专用的 muted：Text、Link、Icon 与 Button、Badge 写同一个值得到同一种颜色\n */\nexport interface Tones {\n  /** 中性：正文色 */\n  neutral: unknown;\n  /** 次要文字色：说明、辅助信息 */\n  muted: unknown;\n  /** 品牌色文字：链接、强调 */\n  accent: unknown;\n  /** 危险：错误提示、破坏性操作的说明 */\n  danger: unknown;\n  /** 成功 */\n  success: unknown;\n  /** 警告 */\n  warning: unknown;\n  /** 信息 */\n  info: unknown;\n  /** 跟随所在的文字颜色：放在有底色的通栏（Banner 的实底）、标记里时用，对比度由底色保证 */\n  inherit: unknown;\n}\n\n/** 文字色调 */\nexport type Tone = keyof Tones;\n\n/** 文字的水平对齐（text-align），按书写方向 */\nexport interface TextAligns {\n  /** 对齐起始边：从左到右排版时靠左 */\n  start: unknown;\n  /** 居中 */\n  center: unknown;\n  /** 对齐结束边：从左到右排版时靠右 */\n  end: unknown;\n}\n\n/** 水平对齐 */\nexport type TextAlign = keyof TextAligns;\n\n/** 换行方式（text-wrap） */\nexport interface TextWraps {\n  /** 正常换行 */\n  wrap: unknown;\n  /** 不换行，超出容器时溢出（配合 truncate 省略） */\n  nowrap: unknown;\n  /** 各行长度尽量均衡：标题、短文本 */\n  balance: unknown;\n  /** 避免最后一行只剩一个字：段落 */\n  pretty: unknown;\n}\n\n/** 换行方式 */\nexport type TextWrap = keyof TextWraps;\n\n/** 字号档位 → fontSizes token */\nexport const fontSizeStyles = css.create({\n  xs: { fontSize: '_xs' },\n  sm: { fontSize: '_sm' },\n  md: { fontSize: '_md' },\n  lg: { fontSize: '_lg' },\n  xl: { fontSize: '_xl' },\n  xxl: { fontSize: '_xxl' },\n  xxxl: { fontSize: '_xxxl' },\n});\n\n/**\n * 相对所在字号的档位（em）：组件内部的小字、标题用它，跟着根上的 size 或所在文字一起缩放。\n * 比例取主题默认字号（md 14px）下与各档的比值：sm ≈ 13px、xs ≈ 12px、lg ≈ 16px、xl ≈ 18px\n */\nexport const relativeFontSizeStyles = css.create({\n  xs: { fontSize: '0.86em' },\n  sm: { fontSize: '0.93em' },\n  lg: { fontSize: '1.14em' },\n  xl: { fontSize: '1.29em' },\n});\n\n/** 字重档位 → fontWeights token */\nexport const fontWeightStyles = css.create({\n  light: { fontWeight: '_light' },\n  normal: { fontWeight: '_normal' },\n  medium: { fontWeight: '_medium' },\n  semibold: { fontWeight: '_semibold' },\n  bold: { fontWeight: '_bold' },\n});\n\n/** 色调 → 文字颜色 token */\nexport const toneStyles = css.create({\n  neutral: { color: '_text' },\n  muted: { color: '_textMuted' },\n  accent: { color: '_accentText' },\n  danger: { color: '_dangerText' },\n  success: { color: '_successText' },\n  warning: { color: '_warningText' },\n  info: { color: '_infoText' },\n  inherit: { color: 'inherit' },\n});\n\n/** 水平对齐（按书写方向） */\nexport const textAlignStyles = css.create({\n  start: { textAlign: 'start' },\n  center: { textAlign: 'center' },\n  end: { textAlign: 'end' },\n});\n\n/** 换行方式（text-wrap） */\nexport const textWrapStyles = css.create({\n  wrap: { textWrap: 'wrap' },\n  nowrap: { textWrap: 'nowrap' },\n  // 标题：各行长度尽量均衡\n  balance: { textWrap: 'balance' },\n  // 段落：避免最后一行只剩一个字\n  pretty: { textWrap: 'pretty' },\n});\n\n/** 截断：truncate 单行省略，clamp 多行截断（行数见 lineClampStyles） */\nexport const textStyles = css.create({\n  // 单行省略：在块级元素或 flex 子项上生效\n  truncate: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', minWidth: 0 },\n  // 多行截断用带 -webkit- 前缀的写法（标准的 line-clamp 尚无浏览器支持），行数见 lineClampStyles\n  clamp: { display: '-webkit-box', WebkitBoxOrient: 'vertical', overflow: 'hidden' },\n  // 数字等宽：表格、金额、计数上下对齐，变化时不跳动\n  numeric: { fontVariantNumeric: 'tabular-nums' },\n  // 等宽字体：编号、件号、代码片段\n  mono: { fontFamily: '_mono' },\n});\n\n/** 多行截断的行数：任意值，用动态样式（编译为 CSS 变量），与 textStyles.clamp 一起用 */\nexport const lineClampStyles = css.create({\n  lines: (count: number) => ({ WebkitLineClamp: count }),\n});\n"],"mappings":";;;;;;;AA0GA,IAAa,iBAAiB,IAAI,OAAO;CACvC,IAAI,EAAE,UAAU,MAAM;CACtB,IAAI,EAAE,UAAU,MAAM;CACtB,IAAI,EAAE,UAAU,MAAM;CACtB,IAAI,EAAE,UAAU,MAAM;CACtB,IAAI,EAAE,UAAU,MAAM;CACtB,KAAK,EAAE,UAAU,OAAO;CACxB,MAAM,EAAE,UAAU,QAAQ;AAC5B,CAAC;;;;;AAMD,IAAa,yBAAyB,IAAI,OAAO;CAC/C,IAAI,EAAE,UAAU,SAAS;CACzB,IAAI,EAAE,UAAU,SAAS;CACzB,IAAI,EAAE,UAAU,SAAS;CACzB,IAAI,EAAE,UAAU,SAAS;AAC3B,CAAC;;AAGD,IAAa,mBAAmB,IAAI,OAAO;CACzC,OAAO,EAAE,YAAY,SAAS;CAC9B,QAAQ,EAAE,YAAY,UAAU;CAChC,QAAQ,EAAE,YAAY,UAAU;CAChC,UAAU,EAAE,YAAY,YAAY;CACpC,MAAM,EAAE,YAAY,QAAQ;AAC9B,CAAC;;AAGD,IAAa,aAAa,IAAI,OAAO;CACnC,SAAS,EAAE,OAAO,QAAQ;CAC1B,OAAO,EAAE,OAAO,aAAa;CAC7B,QAAQ,EAAE,OAAO,cAAc;CAC/B,QAAQ,EAAE,OAAO,cAAc;CAC/B,SAAS,EAAE,OAAO,eAAe;CACjC,SAAS,EAAE,OAAO,eAAe;CACjC,MAAM,EAAE,OAAO,YAAY;CAC3B,SAAS,EAAE,OAAO,UAAU;AAC9B,CAAC;;AAGD,IAAa,kBAAkB,IAAI,OAAO;CACxC,OAAO,EAAE,WAAW,QAAQ;CAC5B,QAAQ,EAAE,WAAW,SAAS;CAC9B,KAAK,EAAE,WAAW,MAAM;AAC1B,CAAC;;AAGD,IAAa,iBAAiB,IAAI,OAAO;CACvC,MAAM,EAAE,UAAU,OAAO;CACzB,QAAQ,EAAE,UAAU,SAAS;CAE7B,SAAS,EAAE,UAAU,UAAU;CAE/B,QAAQ,EAAE,UAAU,SAAS;AAC/B,CAAC;;AAGD,IAAa,aAAa,IAAI,OAAO;CAEnC,UAAU;EAAE,UAAU;EAAU,cAAc;EAAY,YAAY;EAAU,UAAU;CAAE;CAE5F,OAAO;EAAE,SAAS;EAAe,iBAAiB;EAAY,UAAU;CAAS;CAEjF,SAAS,EAAE,oBAAoB,eAAe;CAE9C,MAAM,EAAE,YAAY,QAAQ;AAC9B,CAAC;;AAGD,IAAa,kBAAkB,IAAI,OAAO,EACxC,QAAQ,WAAmB,EAAE,iBAAiB,MAAM,GACtD,CAAC"}

package/dist/utils/style/vars.d.ts

@@ -2,7 +2,7 @@
  * 组件之间约定的 CSS 变量（defineVars）：不属于主题，由外层组件设置、里面的组件读取。
  * 使用方从子路径 `@zerodep-dev/vue-tsx-pro-ui/vars` 导入（同 tokens），主入口不导出。
  */
-import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
 /** 布局变量 */
 export declare const layoutVars: css.VarGroup<{
     /**

package/dist/utils/style/vars.js

@@ -1,4 +1,4 @@
-import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
 //#region src/utils/style/vars.ts
 /**
 * 组件之间约定的 CSS 变量（defineVars）：不属于主题，由外层组件设置、里面的组件读取。

package/dist/utils/style/vars.js.map

@@ -1 +1 @@
-{"version":3,"file":"vars.js","names":[],"sources":["../../../src/utils/style/vars.ts"],"sourcesContent":["/**\n * 组件之间约定的 CSS 变量（defineVars）：不属于主题，由外层组件设置、里面的组件读取。\n * 使用方从子路径 `@zerodep-dev/vue-tsx-pro-ui/vars` 导入（同 tokens），主入口不导出。\n */\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\n\n/** 布局变量 */\nexport const layoutVars = css.defineVars('vtp-layout', {\n  /**\n   * 页面顶部被粘性元素（AppShell 的顶栏）挡住的高度：标题的 scroll-margin、粘性侧栏的 top 据此让开，\n   * 锚点跳转后标题不会藏在顶栏下面。AppShell 设置它，默认 0\n   */\n  stickyOffset: '0px',\n});\n\n/** 骨架扫光（shimmer.ts）的变量 */\nexport const shimmerVars = css.defineVars('vtp-shimmer', {\n  /** 扫过的那道光带的颜色：默认跟随字色；Skeleton 改成正文色的淡色 */\n  highlight: 'color-mix(in oklab, currentColor 12%, transparent)',\n});\n"],"mappings":";;;;;;;AAOA,IAAa,aAAa,IAAI,WAAW,cAAc;;;;;AAKrD,cAAc,MAChB,CAAC;;AAGD,IAAa,cAAc,IAAI,WAAW,eAAe;;AAEvD,WAAW,qDACb,CAAC"}
+{"version":3,"file":"vars.js","names":[],"sources":["../../../src/utils/style/vars.ts"],"sourcesContent":["/**\n * 组件之间约定的 CSS 变量（defineVars）：不属于主题，由外层组件设置、里面的组件读取。\n * 使用方从子路径 `@zerodep-dev/vue-tsx-pro-ui/vars` 导入（同 tokens），主入口不导出。\n */\nimport { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\n\n/** 布局变量 */\nexport const layoutVars = css.defineVars('vtp-layout', {\n  /**\n   * 页面顶部被粘性元素（AppShell 的顶栏）挡住的高度：标题的 scroll-margin、粘性侧栏的 top 据此让开，\n   * 锚点跳转后标题不会藏在顶栏下面。AppShell 设置它，默认 0\n   */\n  stickyOffset: '0px',\n});\n\n/** 骨架扫光（shimmer.ts）的变量 */\nexport const shimmerVars = css.defineVars('vtp-shimmer', {\n  /** 扫过的那道光带的颜色：默认跟随字色；Skeleton 改成正文色的淡色 */\n  highlight: 'color-mix(in oklab, currentColor 12%, transparent)',\n});\n"],"mappings":";;;;;;;AAOA,IAAa,aAAa,IAAI,WAAW,cAAc;;;;;AAKrD,cAAc,MAChB,CAAC;;AAGD,IAAa,cAAc,IAAI,WAAW,eAAe;;AAEvD,WAAW,qDACb,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zerodep-dev/vue-tsx-pro-ui",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "vue-tsx-pro 组件库",
   "type": "module",
   "license": "MIT",
@@ -112,7 +112,7 @@
     "@floating-ui/dom": "1.8.0",
     "@internationalized/date": "3.12.4",
     "@radix-ui/colors": "3.0.0",
-    "@zerodep-dev/vue-tsx-pro-tsx": "^0.3.1",
+    "@zerodep-dev/vue-tsx-pro-tsx": "^0.3.2",
     "animejs": "4.5.0",
     "culori": "4.0.2",
     "decimal.js": "10.6.0",