@robot-admin/naive-ui-components 0.13.7 → 0.13.9

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @robot-admin/naive-ui-components
 
+## 0.13.9
+
+- 新增 `C_PageLoading`：同心轨道与波形 SVG、柔和主题卡片，支持明暗主题、按需导入、独立文案和减少动态效果；所有样式隔离，不依赖路由或宿主的 UnoCSS。
+- 新增 `createPageLoading({ delay })`：默认延迟 160ms 显示，快速完成不闪烁；任务编号隔离并发完成，提供重置清理，不强制延长导航时间。
+
+## 0.13.8
+
+- 表格内置子表与主表统一默认居中；列类型保留 Naive UI 普通列的排序、筛选和单元格配置，原生表格迁移后不丢交互能力。
+- `C_Loading` 改为渐变数据光环 SVG：双层轨道、数据芯片与细光束组合，参考柔和卡片风格；各实例使用独立渐变 ID，保留主题适配、尺寸、文案和颜色接口，无定时器或新增依赖，减少动态效果模式关闭所有动画。
+- `C_Table` 用 `aria-busy` 同步真实加载状态，读屏可识别等待阶段；页面无需重复配置动画。
+- `C_Table` 内置异步展开行复用统一加载组件，状态引擎通过可选 `renderLoading` 接收 UI 内容，保持可独立调用；自定义展开内容与已有请求、选择、分页行为不变。
+- 异步展开行立即展示等待内容，不再等到数据返回后才展开；保留请求去重与收起优先，迟到响应不能重新打开已收起的行。
+
 ## 0.13.7
 
 - `C_Form` 正式集成 `@robot-admin/form-validate@3.4.2`，统一消费原生规则、验证库规则和 `RuleSpec`，并通过表单入口导出已适配的 `PRESET_RULES`、`NAIVE_COMBOS` 与 `SPEC_RULES`。

package/README.md

@@ -4,7 +4,7 @@
 
 **基于 Naive UI 的 Vue 3 企业级组件库**
 
-从 Robot Admin 中提炼的 54 个高质量业务组件，支持全量注册、按需导入（Tree-Shaking）和子路径独立导入。
+从 Robot Admin 中提炼的 55 个高质量业务组件，支持全量注册、按需导入（Tree-Shaking）和子路径独立导入。
 
 [![NPM Version](https://img.shields.io/npm/v/@robot-admin/naive-ui-components)](https://www.npmjs.com/package/@robot-admin/naive-ui-components)
 [![License](https://img.shields.io/npm/l/@robot-admin/naive-ui-components)](./LICENSE)
@@ -470,7 +470,7 @@ const config = defineTableConfig({
 
 ### 表格加载态
 
-`C_Table` 默认显示跟随主题主色的机器人 SVG 加载动画，保留已有数据，并遵循系统减少动态效果设置，无需页面配置。可通过 `loading` 插槽替换默认内容。独立的 `C_Loading` 支持 `size`（16–120，默认 48）、`label`（可选说明）和 `color`（可选颜色）；原生 `NSpin` 使用时请关闭旋转，避免 SVG 整体转动：
+`C_Table` 默认显示跟随主题主色的数据光环 SVG 加载动画：环形轨道、数据行和细光束提示等待状态，保留已有数据，并遵循系统减少动态效果设置，无需页面配置。内置异步展开行同样复用 `C_Loading`；自定义展开内容仍由使用侧决定展示。可通过 `loading` 插槽替换默认内容。独立的 `C_Loading` 支持 `size`（16–120，默认 48）、`label`（可选说明）和 `color`（可选颜色）；原生 `NSpin` 使用时请关闭旋转，避免 SVG 整体转动：
 
 ```vue
 <NSpin :show="loading" :size="48" :rotate="false">
@@ -479,7 +479,7 @@ const config = defineTableConfig({
 </NSpin>
 ```
 
-### 📋 组件清单（54 个）
+### 📋 组件清单（55 个）
 
 > 💡 所有组件均提供 **在线交互演示**，访问 [组件文档](https://www.tzagileteam.com/robot/components/preface) 可直接在页面中体验真实效果（通过 iframe 嵌入 Robot Admin 生产环境）。
 
@@ -489,6 +489,7 @@ const config = defineTableConfig({
 | ---------------- | ----------------------- | ----------------------------- |
 | `C_Icon`         | Iconify 图标封装        | `@iconify/vue`                |
 | `C_Loading`      | 主题化 SVG 加载态       | -                             |
+| `C_PageLoading` | 主题化页面切换加载 | - |
 | `C_Code`         | 代码高亮显示            | `highlight.js`                |
 | `C_Barcode`      | 条形码生成器            | `@chenfengyuan/vue-barcode`   |
 | `C_Captcha`      | 拼图/ALTCHA 人机验证    | `vue3-puzzle-vcode`、`altcha` |
@@ -601,7 +602,7 @@ bun add vue naive-ui
 
 ```
 bun run build
-  ├── 1. tsdown          → 多入口打包（54 组件 ESM/CJS/DTS）
+  ├── 1. tsdown          → 多入口打包（55 组件 ESM/CJS/DTS）
   ├── 2. sass CLI        → 编译共享变量入口 → global-scss.css
   ├── 3. merge-css.js    → 合并 Vue 编译后的 SFC CSS + 全局变量 → style.css
   ├── 4. gen-exports.js  → 自动生成 package.json exports 映射
@@ -611,7 +612,7 @@ bun run build
 
 #### 技术要点
 
-- **构建引擎**：[tsdown](https://github.com/rolldown/tsdown)（基于 Rolldown），54 个独立入口并行编译
+- **构建引擎**：[tsdown](https://github.com/rolldown/tsdown)（基于 Rolldown），55 个独立入口并行编译
 - **SCSS 处理**：自定义 `scssTransformPlugin` 在 Rolldown 管线内编译 SFC SCSS，独立 Sass CLI 仅编译共享变量入口
 - **CSS 合并**：构建后将 Vue 已完成 scoped 转换的 per-chunk CSS 与共享变量合并为单一 `style.css`，避免重复样式和原始 `:deep()` 选择器泄漏
 - **类型导出**：统一 `export *` barrel 模式，自动生成完整 `.d.ts`
@@ -626,7 +627,7 @@ bun run build
 ```
 dist/
 ├── index.js / index.cjs / index.d.ts     # 主入口
-├── C_Form.js / C_Form.cjs / C_Form.d.ts  # 子路径入口（54 组件）
+├── C_Form.js / C_Form.cjs / C_Form.d.ts  # 子路径入口（55 组件）
 ├── C_Form.base.css / C_Form.full.css      # 基础/完整样式层级
 ├── C_Table.base.css / C_Table.full.css    # 基础/完整样式层级
 ├── style.css                              # 合并后的全量样式
@@ -735,3 +736,19 @@ MIT License
 ### C_Login 扩展表单
 
 `password-fields` 插槽位于密码输入框下方，提供 `username`、`loading`，可配置工作空间或其他业务字段。`username-change` 在初始预填、恢复记住的账号和输入变化时同步触发。宿主通过 `submitDisabled` 阻止扩展字段尚未就绪时的按钮与回车提交；`loading` 期间凭据输入禁用。公司查询、成员关系和权限始终由宿主认证服务处理，组件不保存业务上下文。
+
+### 页面切换加载
+
+路由生命周期只需要关联 `start()` / `finish(id)`；动画、主题和减少动态效果由组件库处理。默认延迟 160ms 显示，快速切换不闪烁，旧任务完成不会关闭新任务。
+
+```vue
+<C_PageLoading :show="loading.visible.value" />
+```
+
+```ts
+import { createPageLoading } from '@robot-admin/naive-ui-components/C_PageLoading'
+const loading = createPageLoading({ delay: 160 })
+const id = loading.start()
+// 路由完成、取消或失败后
+loading.finish(id)
+```

package/README_EN.md

@@ -4,7 +4,7 @@
 
 **Enterprise-grade Vue 3 component library built on Naive UI**
 
-54 production-ready business components extracted from Robot Admin, supporting global registration, on-demand imports (Tree-Shaking), and subpath imports.
+55 production-ready business components extracted from Robot Admin, supporting global registration, on-demand imports (Tree-Shaking), and subpath imports.
 
 [![NPM Version](https://img.shields.io/npm/v/@robot-admin/naive-ui-components)](https://www.npmjs.com/package/@robot-admin/naive-ui-components)
 [![License](https://img.shields.io/npm/l/@robot-admin/naive-ui-components)](./LICENSE)
@@ -411,7 +411,7 @@ With `require-server-verification`, a successful response must include a server
 
 ### Table loading
 
-`C_Table` uses a robot SVG loading indicator in the theme's primary color by default, retains existing data, and respects reduced-motion preferences. No page configuration is required. Override the `loading` slot for custom content. The standalone `C_Loading` accepts `size` (16–120, default 48), optional `label`, and optional `color`. Disable rotation when using it with native `NSpin`:
+`C_Table` uses a data-orbit SVG indicator in the theme's primary color, with an orbit, data rows, and a subtle beam to indicate waiting. It retains existing data and respects reduced-motion preferences without page configuration. Built-in asynchronous expansion also uses `C_Loading`; custom expansion renderers retain control of their content. Override the `loading` slot for custom content. The standalone `C_Loading` accepts `size` (16–120, default 48), optional `label`, and optional `color`. Disable rotation when using it with native `NSpin`:
 
 ```vue
 <NSpin :show="loading" :size="48" :rotate="false">
@@ -420,7 +420,7 @@ With `require-server-verification`, a successful response must include a server
 </NSpin>
 ```
 
-### 📋 Component List (54 Components)
+### 📋 Component List (55 Components)
 
 > 💡 All components provide **interactive live demos**. Visit the [Component Docs](https://www.tzagileteam.com/robot/components/preface) to try them out in real-time (rendered via iframe from Robot Admin production).
 
@@ -430,6 +430,7 @@ With `require-server-verification`, a successful response must include a server
 | ---------------- | ------------------------- | ----------------------------- |
 | `C_Icon`         | Iconify icon wrapper      | `@iconify/vue`                |
 | `C_Loading`      | Theme-aware SVG loading   | -                             |
+| `C_PageLoading` | Theme-aware page loading | - |
 | `C_Code`         | Code highlighting         | `highlight.js`                |
 | `C_Barcode`      | Barcode generator         | `@chenfengyuan/vue-barcode`   |
 | `C_Captcha`      | Puzzle / ALTCHA captcha   | `vue3-puzzle-vcode`, `altcha` |
@@ -542,7 +543,7 @@ Install optional peers per feature: `vue-router` for `C_Breadcrumb`/`C_TagsView`
 
 ```
 bun run build
-  ├── 1. tsdown          → Multi-entry bundling (54 components ESM/CJS/DTS)
+  ├── 1. tsdown          → Multi-entry bundling (55 components ESM/CJS/DTS)
   ├── 2. sass CLI        → Compile the shared-variable entry → global-scss.css
   ├── 3. merge-css.js    → Merge Vue-compiled SFC CSS + global variables → style.css
   ├── 4. gen-exports.js  → Auto-generate package.json exports map
@@ -552,7 +553,7 @@ bun run build
 
 #### Key Technical Details
 
-- **Build engine**: [tsdown](https://github.com/rolldown/tsdown) (Rolldown-based), 54 independent entries compiled in parallel
+- **Build engine**: [tsdown](https://github.com/rolldown/tsdown) (Rolldown-based), 55 independent entries compiled in parallel
 - **SCSS processing**: Custom `scssTransformPlugin` compiles SFC SCSS within the Rolldown pipeline; standalone Sass CLI only compiles the shared-variable entry
 - **CSS merging**: Post-build merges Vue scoped-compiled per-chunk CSS with shared variables into a single `style.css`, avoiding duplicate styles and leaked raw `:deep()` selectors
 - **Type exports**: Unified `export *` barrel pattern with auto-generated `.d.ts`
@@ -567,7 +568,7 @@ bun run build
 ```
 dist/
 ├── index.js / index.cjs / index.d.ts     # Main entry
-├── C_Form.js / C_Form.cjs / C_Form.d.ts  # Subpath entries (54 components)
+├── C_Form.js / C_Form.cjs / C_Form.d.ts  # Subpath entries (55 components)
 ├── C_Form.base.css / C_Form.full.css      # Base/full style tiers
 ├── C_Table.base.css / C_Table.full.css    # Base/full style tiers
 ├── style.css                              # Merged full styles
@@ -667,3 +668,19 @@ MIT License
 ### C_Login form extension
 
 The `password-fields` slot appears below the password field and exposes `username` and `loading`. The synchronous `username-change` event covers initial defaults, remembered usernames and input changes. Use `submitDisabled` to block clicks and Enter while application fields are incomplete. Credential inputs are disabled while `loading`. Workspace discovery and authorization remain in the host application.
+
+### Page navigation loading
+
+Connect navigation lifecycles through `start()` / `finish(id)`. The component handles visuals, themes and reduced motion. A 160ms default delay avoids flashes; stale completions cannot hide a newer task.
+
+```vue
+<C_PageLoading :show="loading.visible.value" />
+```
+
+```ts
+import { createPageLoading } from '@robot-admin/naive-ui-components/C_PageLoading'
+const loading = createPageLoading({ delay: 160 })
+const id = loading.start()
+// After completion, cancellation or failure
+loading.finish(id)
+```

package/dist/C_Loading.css

@@ -1,119 +1,102 @@
 /* unplugin-vue-components disabled *//*
  * @Author: ChenYu ycyplus@gmail.com
- * @Date: 2026-10-06
+ * @Date: 2026-10-07
  * @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
- * @Description: 机器人扫描与数据流动画，仅在组件挂载时运行
+ * @Description: 数据光环与细光束动画，作用域隔离并支持减少动态效果
  * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
  */
-.c-loading[data-v-48232aaa] {
+.c-loading[data-v-c6727905] {
   display: inline-flex;
-  flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: 6px;
   vertical-align: middle;
   line-height: 1;
   pointer-events: none;
 }
-.c-loading--labeled[data-v-48232aaa] {
-  flex-direction: row;
-  gap: 8px;
+.c-loading--labeled[data-v-c6727905] {
+  position: relative;
+  gap: 10px;
   max-width: 100%;
-  padding: 8px 14px;
+  padding: 8px 16px 9px 10px;
   box-sizing: border-box;
   border: 1px solid var(--c-loading-border);
-  border-radius: 14px;
+  border-radius: 16px;
   background: var(--c-loading-surface);
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
-}
-.c-loading__glyph[data-v-48232aaa] {
+  background-image: linear-gradient(135deg, color-mix(in srgb, currentColor 4%, var(--c-loading-surface)), var(--c-loading-surface));
+  box-shadow: inset 0 1px 0 color-mix(in srgb, currentColor 4%, transparent), 0 8px 28px rgba(0, 0, 0, 0.06);
+  overflow: hidden;
+}
+.c-loading--labeled[data-v-c6727905]::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 50%;
+  height: 2px;
+  background: linear-gradient(90deg, transparent, currentColor, transparent);
+  opacity: 0.5;
+  animation: c-loading-beam-c6727905 1.8s ease-in-out infinite;
+}
+.c-loading__glyph[data-v-c6727905] {
   width: var(--c-loading-size, 48px);
   height: var(--c-loading-size, 48px);
   flex-shrink: 0;
-  overflow: visible;
-}
-.c-loading__frame[data-v-48232aaa] {
-  opacity: 0.35;
-  animation: c-loading-frame-48232aaa 2.4s ease-in-out infinite;
 }
-.c-loading__scan[data-v-48232aaa] {
-  opacity: 0;
-  animation: c-loading-scan-48232aaa 2.4s ease-in-out infinite;
-}
-.c-loading__eyes[data-v-48232aaa] {
-  transform-box: fill-box;
+.c-loading__orbit[data-v-c6727905] {
+  transform-box: view-box;
   transform-origin: center;
-  animation: c-loading-eyes-48232aaa 3.6s ease-in-out infinite;
+  animation: c-loading-orbit-c6727905 1.6s linear infinite;
 }
-.c-loading__packet[data-v-48232aaa] {
-  opacity: 0.25;
-  animation: c-loading-data-48232aaa 2.4s ease-in-out infinite;
+.c-loading__orbit--inner[data-v-c6727905] {
+  animation-duration: 3.2s;
+  animation-direction: reverse;
 }
-.c-loading__packet--out[data-v-48232aaa] {
-  animation-delay: 0.8s;
+.c-loading__row[data-v-c6727905] {
+  opacity: 0.75;
+  animation: c-loading-row-c6727905 1.6s ease-in-out infinite;
 }
-.c-loading__label[data-v-48232aaa] {
+.c-loading__label[data-v-c6727905] {
+  min-width: 0;
   color: var(--c-loading-text, currentColor);
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.03em;
   line-height: 1.6;
+  overflow-wrap: anywhere;
 }
 @media (prefers-reduced-motion: reduce) {
-.c-loading__frame[data-v-48232aaa], .c-loading__scan[data-v-48232aaa], .c-loading__eyes[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
+.c-loading__orbit[data-v-c6727905], .c-loading__row[data-v-c6727905], .c-loading--labeled[data-v-c6727905]::after {
     animation: none;
 }
-.c-loading__scan[data-v-48232aaa] {
+.c-loading--labeled[data-v-c6727905]::after {
     display: none;
 }
-.c-loading__frame[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
-    opacity: 0.55;
-}
-}
-@keyframes c-loading-scan-48232aaa {
-0%, 12% {
-    transform: translateY(0);
-    opacity: 0;
-}
-25% {
-    opacity: 0.2;
-}
-70% {
-    transform: translateY(14px);
-    opacity: 0.2;
 }
-88%, 100% {
-    transform: translateY(14px);
-    opacity: 0;
+@keyframes c-loading-orbit-c6727905 {
+to {
+    transform: rotate(360deg);
 }
 }
-@keyframes c-loading-frame-48232aaa {
+@keyframes c-loading-row-c6727905 {
 0%, 100% {
-    opacity: 0.25;
+    opacity: 0.4;
 }
-50% {
-    opacity: 0.7;
-}
-}
-@keyframes c-loading-eyes-48232aaa {
-0%, 72%, 82%, 100% {
-    transform: scaleY(1);
-}
-77% {
-    transform: scaleY(0.25);
+40%, 60% {
+    opacity: 1;
 }
 }
-@keyframes c-loading-data-48232aaa {
-0%, 100% {
-    opacity: 0.2;
+@keyframes c-loading-beam-c6727905 {
+from {
+    transform: translateX(-100%);
 }
-40%, 60% {
-    opacity: 0.85;
+to {
+    transform: translateX(200%);
 }
 }
 /* unplugin-vue-components disabled */
 /* layer: default */
-.table[data-v-48232aaa]{display:table;}
-.px[data-v-48232aaa]{padding-left:1rem;padding-right:1rem;}
-.filter[data-v-48232aaa]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.ms[data-v-c6727905]{margin-inline-start:1rem;}
+.table[data-v-c6727905]{display:table;}
+.px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
+.filter[data-v-c6727905]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 

package/dist/C_Loading2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./config.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i=[`aria-label`],a={key:0,class:`c-loading__label`},o=(0,n.defineComponent)({name:`C_Loading`,__name:`index`,props:{size:{default:48},label:{default:``},color:{}},setup(t){let o=t,s=(0,r.useThemeVars)(),{t:c}=e.i(),l=(0,n.computed)(()=>Number.isFinite(o.size)?Math.min(120,Math.max(16,o.size)):48);return(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{class:(0,n.normalizeClass)([`c-loading`,{"c-loading--labeled":!!t.label}]),role:`status`,"aria-label":t.label||(0,n.unref)(c)(`common.loading`),style:(0,n.normalizeStyle)({"--c-loading-size":`${l.value}px`,"--c-loading-surface":(0,n.unref)(s).cardColor,"--c-loading-border":(0,n.unref)(s).dividerColor,"--c-loading-text":(0,n.unref)(s).textColor2,color:t.color||(0,n.unref)(s).primaryColor})},[r[0]||=(0,n.createElementVNode)(`svg`,{class:`c-loading__glyph`,viewBox:`0 0 64 64`,fill:`none`,"aria-hidden":`true`,focusable:`false`},[(0,n.createElementVNode)(`rect`,{x:`10`,y:`10`,width:`44`,height:`44`,rx:`14`,fill:`currentColor`,opacity:`.045`}),(0,n.createElementVNode)(`path`,{class:`c-loading__frame`,d:`M13 21v-4a4 4 0 0 1 4-4h4m22 0h4a4 4 0 0 1 4 4v4m0 22v4a4 4 0 0 1-4 4h-4m-22 0h-4a4 4 0 0 1-4-4v-4`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`}),(0,n.createElementVNode)(`rect`,{x:`20`,y:`22`,width:`24`,height:`21`,rx:`6`,fill:`currentColor`,"fill-opacity":`.08`,stroke:`currentColor`,"stroke-width":`1.7`}),(0,n.createElementVNode)(`path`,{d:`M32 17v5M24 47h16`,stroke:`currentColor`,"stroke-width":`1.7`,"stroke-linecap":`round`,opacity:`.65`}),(0,n.createElementVNode)(`circle`,{cx:`32`,cy:`15`,r:`2`,fill:`currentColor`}),(0,n.createElementVNode)(`g`,{class:`c-loading__eyes`,fill:`currentColor`},[(0,n.createElementVNode)(`rect`,{x:`25.5`,y:`29`,width:`3`,height:`4`,rx:`1.5`}),(0,n.createElementVNode)(`rect`,{x:`35.5`,y:`29`,width:`3`,height:`4`,rx:`1.5`})]),(0,n.createElementVNode)(`path`,{d:`M28 37h8`,stroke:`currentColor`,"stroke-width":`1.7`,"stroke-linecap":`round`,opacity:`.65`}),(0,n.createElementVNode)(`rect`,{class:`c-loading__scan`,x:`23`,y:`25`,width:`18`,height:`2`,rx:`1`,fill:`currentColor`}),(0,n.createElementVNode)(`path`,{class:`c-loading__packet c-loading__packet--in`,d:`M9 30h4m-4 4h7`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`}),(0,n.createElementVNode)(`path`,{class:`c-loading__packet c-loading__packet--out`,d:`M48 30h7m-4 4h4`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`})],-1),t.label?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,a,(0,n.toDisplayString)(t.label),1)):(0,n.createCommentVNode)(`v-if`,!0)],14,i))}});var s=t.t(o,[[`__scopeId`,`data-v-48232aaa`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+require(`./chunk.cjs`);const e=require(`./config.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i=[`aria-label`],a={class:`c-loading__glyph`,viewBox:`0 0 64 64`,fill:`none`,"aria-hidden":`true`,focusable:`false`},o=[`stroke`],s=[`fill`],c=[`cy`],l=[`y`,`width`],u={key:0,class:`c-loading__label`},d=(0,n.defineComponent)({name:`C_Loading`,__name:`index`,props:{size:{default:48},label:{default:``},color:{}},setup(t){let d=t,f=(0,r.useThemeVars)(),p=(0,n.useId)(),m=`c-loading-orbit-${p}`,h=`c-loading-surface-${p}`,{t:g}=e.i(),_=(0,n.computed)(()=>Number.isFinite(d.size)?Math.min(120,Math.max(16,d.size)):48);return(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{class:(0,n.normalizeClass)([`c-loading`,{"c-loading--labeled":!!t.label}]),role:`status`,"aria-live":`polite`,"aria-atomic":`true`,"aria-label":t.label||(0,n.unref)(g)(`common.loading`),style:(0,n.normalizeStyle)({"--c-loading-size":`${_.value}px`,"--c-loading-surface":(0,n.unref)(f).cardColor,"--c-loading-border":(0,n.unref)(f).dividerColor,"--c-loading-text":(0,n.unref)(f).textColor2,color:t.color||(0,n.unref)(f).primaryColor})},[((0,n.openBlock)(),(0,n.createElementBlock)(`svg`,a,[(0,n.createElementVNode)(`defs`,null,[(0,n.createElementVNode)(`linearGradient`,{id:m,x1:`8`,y1:`8`,x2:`56`,y2:`56`,gradientUnits:`userSpaceOnUse`},[...r[0]||=[(0,n.createElementVNode)(`stop`,{"stop-color":`currentColor`,"stop-opacity":`.06`},null,-1),(0,n.createElementVNode)(`stop`,{offset:`.5`,"stop-color":`currentColor`,"stop-opacity":`.45`},null,-1),(0,n.createElementVNode)(`stop`,{offset:`1`,"stop-color":`currentColor`},null,-1)]]),(0,n.createElementVNode)(`linearGradient`,{id:h,x1:`16`,y1:`16`,x2:`48`,y2:`48`,gradientUnits:`userSpaceOnUse`},[...r[1]||=[(0,n.createElementVNode)(`stop`,{"stop-color":`currentColor`,"stop-opacity":`.13`},null,-1),(0,n.createElementVNode)(`stop`,{offset:`1`,"stop-color":`currentColor`,"stop-opacity":`.03`},null,-1)]])]),r[3]||=(0,n.createElementVNode)(`circle`,{cx:`32`,cy:`32`,r:`24`,stroke:`currentColor`,"stroke-width":`1.5`,opacity:`.1`},null,-1),(0,n.createElementVNode)(`g`,{class:`c-loading__orbit`,stroke:`url(#${m})`,"stroke-width":`2.25`,"stroke-linecap":`round`},[...r[2]||=[(0,n.createElementVNode)(`path`,{d:`M8 32a24 24 0 1 1 24 24`},null,-1),(0,n.createElementVNode)(`circle`,{cx:`32`,cy:`56`,r:`2.5`,fill:`currentColor`,stroke:`none`},null,-1)]],8,o),r[4]||=(0,n.createElementVNode)(`g`,{class:`c-loading__orbit c-loading__orbit--inner`},[(0,n.createElementVNode)(`path`,{d:`M18 46a20 20 0 0 1 0-28`,stroke:`currentColor`,"stroke-width":`1`,"stroke-linecap":`round`,opacity:`.18`})],-1),(0,n.createElementVNode)(`rect`,{x:`16`,y:`16`,width:`32`,height:`32`,rx:`11`,fill:`url(#${h})`,stroke:`currentColor`,"stroke-opacity":`.16`},null,8,s),((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)([25,32,39],(e,t)=>(0,n.createElementVNode)(`g`,{key:e,class:`c-loading__row`,style:(0,n.normalizeStyle)({animationDelay:`${t*160}ms`}),fill:`currentColor`},[(0,n.createElementVNode)(`circle`,{cx:`24`,cy:e,r:`1.5`},null,8,c),(0,n.createElementVNode)(`rect`,{x:`29`,y:e-1.25,width:t===1?8:12,height:`2.5`,rx:`1.25`},null,8,l)],4)),64))])),t.label?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,(0,n.toDisplayString)(t.label),1)):(0,n.createCommentVNode)(`v-if`,!0)],14,i))}});var f=t.t(d,[[`__scopeId`,`data-v-c6727905`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});

package/dist/C_Loading2.js

@@ -1 +1 @@
-import{i as e}from"./config.js";import{t}from"./export-helper.js";import{computed as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,toDisplayString as u,unref as d}from"vue";import{useThemeVars as f}from"naive-ui";const p=[`aria-label`],m={key:0,class:`c-loading__label`};var h=t(o({name:`C_Loading`,__name:`index`,props:{size:{default:48},label:{default:``},color:{}},setup(t){let o=t,h=f(),{t:g}=e(),_=n(()=>Number.isFinite(o.size)?Math.min(120,Math.max(16,o.size)):48);return(e,n)=>(l(),i(`span`,{class:s([`c-loading`,{"c-loading--labeled":!!t.label}]),role:`status`,"aria-label":t.label||d(g)(`common.loading`),style:c({"--c-loading-size":`${_.value}px`,"--c-loading-surface":d(h).cardColor,"--c-loading-border":d(h).dividerColor,"--c-loading-text":d(h).textColor2,color:t.color||d(h).primaryColor})},[n[0]||=a(`svg`,{class:`c-loading__glyph`,viewBox:`0 0 64 64`,fill:`none`,"aria-hidden":`true`,focusable:`false`},[a(`rect`,{x:`10`,y:`10`,width:`44`,height:`44`,rx:`14`,fill:`currentColor`,opacity:`.045`}),a(`path`,{class:`c-loading__frame`,d:`M13 21v-4a4 4 0 0 1 4-4h4m22 0h4a4 4 0 0 1 4 4v4m0 22v4a4 4 0 0 1-4 4h-4m-22 0h-4a4 4 0 0 1-4-4v-4`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`}),a(`rect`,{x:`20`,y:`22`,width:`24`,height:`21`,rx:`6`,fill:`currentColor`,"fill-opacity":`.08`,stroke:`currentColor`,"stroke-width":`1.7`}),a(`path`,{d:`M32 17v5M24 47h16`,stroke:`currentColor`,"stroke-width":`1.7`,"stroke-linecap":`round`,opacity:`.65`}),a(`circle`,{cx:`32`,cy:`15`,r:`2`,fill:`currentColor`}),a(`g`,{class:`c-loading__eyes`,fill:`currentColor`},[a(`rect`,{x:`25.5`,y:`29`,width:`3`,height:`4`,rx:`1.5`}),a(`rect`,{x:`35.5`,y:`29`,width:`3`,height:`4`,rx:`1.5`})]),a(`path`,{d:`M28 37h8`,stroke:`currentColor`,"stroke-width":`1.7`,"stroke-linecap":`round`,opacity:`.65`}),a(`rect`,{class:`c-loading__scan`,x:`23`,y:`25`,width:`18`,height:`2`,rx:`1`,fill:`currentColor`}),a(`path`,{class:`c-loading__packet c-loading__packet--in`,d:`M9 30h4m-4 4h7`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`}),a(`path`,{class:`c-loading__packet c-loading__packet--out`,d:`M48 30h7m-4 4h4`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`})],-1),t.label?(l(),i(`span`,m,u(t.label),1)):r(`v-if`,!0)],14,p))}}),[[`__scopeId`,`data-v-48232aaa`]]);export{h as t};
+import{i as e}from"./config.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderList as d,toDisplayString as f,unref as p,useId as m}from"vue";import{useThemeVars as h}from"naive-ui";const g=[`aria-label`],_={class:`c-loading__glyph`,viewBox:`0 0 64 64`,fill:`none`,"aria-hidden":`true`,focusable:`false`},v=[`stroke`],y=[`fill`],b=[`cy`],x=[`y`,`width`],S={key:0,class:`c-loading__label`};var C=t(s({name:`C_Loading`,__name:`index`,props:{size:{default:48},label:{default:``},color:{}},setup(t){let s=t,C=h(),w=m(),T=`c-loading-orbit-${w}`,E=`c-loading-surface-${w}`,{t:D}=e(),O=r(()=>Number.isFinite(s.size)?Math.min(120,Math.max(16,s.size)):48);return(e,r)=>(u(),a(`span`,{class:c([`c-loading`,{"c-loading--labeled":!!t.label}]),role:`status`,"aria-live":`polite`,"aria-atomic":`true`,"aria-label":t.label||p(D)(`common.loading`),style:l({"--c-loading-size":`${O.value}px`,"--c-loading-surface":p(C).cardColor,"--c-loading-border":p(C).dividerColor,"--c-loading-text":p(C).textColor2,color:t.color||p(C).primaryColor})},[(u(),a(`svg`,_,[o(`defs`,null,[o(`linearGradient`,{id:T,x1:`8`,y1:`8`,x2:`56`,y2:`56`,gradientUnits:`userSpaceOnUse`},[...r[0]||=[o(`stop`,{"stop-color":`currentColor`,"stop-opacity":`.06`},null,-1),o(`stop`,{offset:`.5`,"stop-color":`currentColor`,"stop-opacity":`.45`},null,-1),o(`stop`,{offset:`1`,"stop-color":`currentColor`},null,-1)]]),o(`linearGradient`,{id:E,x1:`16`,y1:`16`,x2:`48`,y2:`48`,gradientUnits:`userSpaceOnUse`},[...r[1]||=[o(`stop`,{"stop-color":`currentColor`,"stop-opacity":`.13`},null,-1),o(`stop`,{offset:`1`,"stop-color":`currentColor`,"stop-opacity":`.03`},null,-1)]])]),r[3]||=o(`circle`,{cx:`32`,cy:`32`,r:`24`,stroke:`currentColor`,"stroke-width":`1.5`,opacity:`.1`},null,-1),o(`g`,{class:`c-loading__orbit`,stroke:`url(#${T})`,"stroke-width":`2.25`,"stroke-linecap":`round`},[...r[2]||=[o(`path`,{d:`M8 32a24 24 0 1 1 24 24`},null,-1),o(`circle`,{cx:`32`,cy:`56`,r:`2.5`,fill:`currentColor`,stroke:`none`},null,-1)]],8,v),r[4]||=o(`g`,{class:`c-loading__orbit c-loading__orbit--inner`},[o(`path`,{d:`M18 46a20 20 0 0 1 0-28`,stroke:`currentColor`,"stroke-width":`1`,"stroke-linecap":`round`,opacity:`.18`})],-1),o(`rect`,{x:`16`,y:`16`,width:`32`,height:`32`,rx:`11`,fill:`url(#${E})`,stroke:`currentColor`,"stroke-opacity":`.16`},null,8,y),(u(),a(n,null,d([25,32,39],(e,t)=>o(`g`,{key:e,class:`c-loading__row`,style:l({animationDelay:`${t*160}ms`}),fill:`currentColor`},[o(`circle`,{cx:`24`,cy:e,r:`1.5`},null,8,b),o(`rect`,{x:`29`,y:e-1.25,width:t===1?8:12,height:`2.5`,rx:`1.25`},null,8,x)],4)),64))])),t.label?(u(),a(`span`,S,f(t.label),1)):i(`v-if`,!0)],14,g))}}),[[`__scopeId`,`data-v-c6727905`]]);export{C as t};

package/dist/C_PageLoading.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./createPageLoading.cjs`);exports.C_PageLoading=e.n,exports.createPageLoading=e.t;

package/dist/C_PageLoading.css

@@ -0,0 +1,152 @@
+/* unplugin-vue-components disabled *//*
+ * @Author: ChenYu ycyplus@gmail.com
+ * @Date: 2026-10-07
+ * @Description: 页面加载的主题卡片、波形和轨道动画，所有选择器限定作用域
+ * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
+ */
+.c-page-loading[data-v-aec6cc81] {
+  position: fixed;
+  inset: 0;
+  z-index: 1999;
+  display: grid;
+  place-items: center;
+  padding: 24px;
+  box-sizing: border-box;
+  background: color-mix(in srgb, var(--c-page-loading-body) 65%, transparent);
+  backdrop-filter: blur(3px);
+  pointer-events: none;
+}
+.c-page-loading__card[data-v-aec6cc81] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  width: 224px;
+  max-width: 100%;
+  padding: 26px 24px 22px;
+  box-sizing: border-box;
+  border-radius: 22px;
+  border: 1px solid var(--c-page-loading-border);
+  background: var(--c-page-loading-surface);
+  background-image: radial-gradient(ellipse at 50% 0, color-mix(in srgb, currentColor 6%, transparent), transparent 70%);
+  box-shadow: 0 16px 56px rgba(0, 0, 0, 0.1);
+  text-align: center;
+}
+.c-page-loading__glyph[data-v-aec6cc81] {
+  width: 76px;
+  height: 76px;
+  margin-bottom: 4px;
+  flex-shrink: 0;
+}
+.c-page-loading__outer[data-v-aec6cc81], .c-page-loading__inner[data-v-aec6cc81], .c-page-loading__pulse[data-v-aec6cc81] {
+  transform-box: view-box;
+  transform-origin: center;
+}
+.c-page-loading__outer[data-v-aec6cc81] {
+  animation: c-page-loading-orbit-aec6cc81 2s linear infinite;
+}
+.c-page-loading__inner[data-v-aec6cc81] {
+  animation: c-page-loading-orbit-aec6cc81 2.8s linear infinite reverse;
+}
+.c-page-loading__pulse[data-v-aec6cc81] {
+  animation: c-page-loading-pulse-aec6cc81 2s ease-in-out infinite alternate;
+}
+.c-page-loading__wave[data-v-aec6cc81] {
+  stroke-dasharray: 100;
+  animation: c-page-loading-wave-aec6cc81 2s ease-in-out infinite;
+}
+.c-page-loading__label[data-v-aec6cc81] {
+  color: var(--c-page-loading-text);
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  line-height: 1.6;
+  overflow-wrap: anywhere;
+}
+.c-page-loading__description[data-v-aec6cc81] {
+  color: var(--c-page-loading-muted);
+  font-size: 12px;
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+}
+.c-page-loading__track[data-v-aec6cc81] {
+  width: 88px;
+  height: 2px;
+  margin-top: 8px;
+  overflow: hidden;
+  border-radius: 99px;
+  background: color-mix(in srgb, currentColor 10%, transparent);
+}
+.c-page-loading__track[data-v-aec6cc81]::after {
+  content: "";
+  display: block;
+  width: 50%;
+  height: 100%;
+  border-radius: inherit;
+  background: linear-gradient(90deg, transparent, currentColor, transparent);
+  animation: c-page-loading-track-aec6cc81 1.6s ease-in-out infinite;
+}
+.c-page-loading-fade-enter-active[data-v-aec6cc81],
+.c-page-loading-fade-leave-active[data-v-aec6cc81] {
+  transition: opacity 0.16s ease;
+}
+.c-page-loading-fade-enter-from[data-v-aec6cc81],
+.c-page-loading-fade-leave-to[data-v-aec6cc81] {
+  opacity: 0;
+}
+@keyframes c-page-loading-orbit-aec6cc81 {
+to {
+    transform: rotate(360deg);
+}
+}
+@keyframes c-page-loading-pulse-aec6cc81 {
+from {
+    transform: scale(0.9);
+}
+to {
+    transform: scale(1.15);
+}
+}
+@keyframes c-page-loading-wave-aec6cc81 {
+0% {
+    stroke-dashoffset: 100;
+    opacity: 0.3;
+}
+45%, 65% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+}
+100% {
+    stroke-dashoffset: -100;
+    opacity: 0.3;
+}
+}
+@keyframes c-page-loading-track-aec6cc81 {
+from {
+    transform: translateX(-100%);
+}
+to {
+    transform: translateX(200%);
+}
+}
+@media (prefers-reduced-motion: reduce) {
+.c-page-loading__outer[data-v-aec6cc81],
+  .c-page-loading__inner[data-v-aec6cc81],
+  .c-page-loading__pulse[data-v-aec6cc81],
+  .c-page-loading__wave[data-v-aec6cc81],
+  .c-page-loading__track[data-v-aec6cc81]::after {
+    animation: none;
+}
+.c-page-loading__track[data-v-aec6cc81]::after {
+    transform: translateX(50%);
+}
+.c-page-loading-fade-enter-active[data-v-aec6cc81],
+  .c-page-loading-fade-leave-active[data-v-aec6cc81] {
+    transition: none;
+}
+}
+/* unplugin-vue-components disabled */
+/* layer: default */
+.table[data-v-aec6cc81]{display:table;}
+.filter[data-v-aec6cc81]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+

package/dist/C_PageLoading.d.cts

@@ -0,0 +1,2 @@
+import { i as PageLoadingProps, n as _default, r as PageLoadingOptions, t as createPageLoading } from "./createPageLoading.cjs";
+export { _default as C_PageLoading, type PageLoadingOptions, type PageLoadingProps, createPageLoading };

package/dist/C_PageLoading.d.ts

@@ -0,0 +1,2 @@
+import { i as PageLoadingProps, n as _default, r as PageLoadingOptions, t as createPageLoading } from "./createPageLoading.js";
+export { _default as C_PageLoading, type PageLoadingOptions, type PageLoadingProps, createPageLoading };

package/dist/C_PageLoading.js

@@ -0,0 +1 @@
+import{n as e,t}from"./createPageLoading.js";export{e as C_PageLoading,t as createPageLoading};