@robot-admin/naive-ui-components 0.14.1 → 0.14.3

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @robot-admin/naive-ui-components
 
+## 0.14.3
+
+- `C_Table` 新增 `wrapper-class` 公开根容器属性；原生 `class/style` 继续转发到内部 `NDataTable`，保持已有消费行为。
+- `flex-height` 统一根容器、表格主体与分页的高度链；宿主只需给根容器明确高度，短页、加载与错误切换保持容器和分页位置稳定，默认自然高度行为不变。
+- 增加真实 Vue 挂载测试与独立类型检查：覆盖表格属性转发、选中与清空、实例隔离、加载/错误切换，以及表单校验、防重复提交、失败重试和卸载取消。验证纳入发布门禁，测试图标使用离线 SVG，无运行时新增依赖。
+
+## 0.14.2
+
+- 公式键盘默认展开，支持随时收起；数字、四则、比较、括号与条件分区展示，函数快捷键直接消费现有 functions 配置，无新增接入参数。
+- 键帽层次、交互反馈与颜色统一跟随主题，按容器宽度自适应；保留原生光标与选择区插入、变量整体退格和只读限制。清空后继续聚焦输入，所有样式限定组件作用域。
+
 ## 0.14.1
 
 - Cron 标题与校验标签在极窄嵌入容器中自动换行，避免宿主展开侧栏后的横向溢出。保留原有模型、预览和配置接口；补齐 144px 容器、亮暗主题及真实宿主布局的验证。

package/README.md

@@ -146,6 +146,8 @@ import '@robot-admin/naive-ui-components/C_Table/base.css'
 
 Cron 支持秒到星期的六个数字字段、范围、间隔、列表及日/星期 `?` 互斥，不实现 L/W/# 扩展；预览按浏览器本地时区计算，不会调度任务。公式试算只在本地进行，不修改传入的 `sampleData`；校验和计算复用有界解析器，条件分支按需执行。通过 `showPreview`、`showKeyboard`、`showVariablePanel` 控制嵌入布局，`disabled` 同时保护试算输入。重置恢复初始模型及数据；切换独立记录时使用新 key 重新挂载。
 
+公式键盘默认展开，可手动收起。数字、运算、比较与条件按键直接插入当前光标位置；选中文字会被替换，退格可整体删除变量，清空后继续输入。函数快捷键复用 `functions` 配置及签名说明，不需要项目额外配置；隐藏键盘仍使用 `showKeyboard: false`。
+
 ### C_Guide 配置引导
 
 项目只需要提供目标和步骤，组件内置主题、可选 SVG 示意图及退出清理，不依赖项目的路由或 Store：
@@ -420,6 +422,26 @@ const config = defineTableConfig({
 })
 ```
 
+固定高度场景使用 `flex-height + wrapper-class`，根容器负责工具栏、表格与分页的高度分配。根容器自身或父容器必须有确定高度；组件不猜测页面可用高度。`wrapper-class` 支持 Vue 字符串、数组和对象 class 绑定，应用 scoped 样式可直接命中根容器，无需引用内部 CSS 类。普通 `class` / `style` 与其他原生表格属性保持原行为，继续传给内部 `NDataTable`。
+
+```vue
+<template>
+  <C_Table
+    wrapper-class="inventory-table"
+    flex-height
+    :columns="columns"
+    :data="rows"
+  />
+</template>
+<style scoped>
+  .inventory-table {
+    height: 480px;
+  }
+</style>
+```
+
+选择列须显式配置 `{ type: 'selection' }`，通过 `@selection-change="(keys, rows) => ..."` 接收结果；主动清空时使用公开实例方法 `clearSelection()`，不观察内部 manager 状态。
+
 `C_Table` 继续由当前 Naive UI 表格实现负责；需要 MachTable 时应由业务入口完整渲染 MachTable 及其原生配置，避免在两套列定义、事件和实例 API 之间做隐式转换。二者只共享 `C_ActionBar` 这类框架无关的页面动作模型，不互相污染。
 
 ### C_Map 推荐用法

package/README_EN.md

@@ -361,6 +361,26 @@ const config = defineTableConfig({
 })
 ```
 
+For fixed-height tables, use `flex-height` with `wrapper-class`. The root wrapper allocates height between toolbars, the table and pagination. Give the wrapper or its parent a definite height; the component does not guess the page height. `wrapper-class` accepts Vue string, array and object class bindings, so scoped consumer styles can target the root directly. Existing `class`, `style` and native table attributes continue to reach the internal `NDataTable`.
+
+```vue
+<template>
+  <C_Table
+    wrapper-class="inventory-table"
+    flex-height
+    :columns="columns"
+    :data="rows"
+  />
+</template>
+<style scoped>
+  .inventory-table {
+    height: 480px;
+  }
+</style>
+```
+
+Add `{ type: 'selection' }` explicitly. Receive keys and rows through `@selection-change="(keys, rows) => ..."`; use the public `clearSelection()` instance method instead of observing internal manager state.
+
 `C_Table` remains owned by its current Naive UI table implementation. A MachTable mode should render MachTable with its native columns, events, and instance API as a complete engine boundary rather than translating between the two engines. They only share engine-neutral page actions such as `C_ActionBar`.
 
 ### Recommended C_Map setup

package/dist/C_AntV.css

@@ -1,11 +1,5 @@
 :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
 
-/* unplugin-vue-components disabled */
-.c-antv-container[data-v-1a860057] {
-    width: 100%;
-    height: 100%;
-}
-
 /* unplugin-vue-components disabled */
 /* layer: shortcuts */
 .container[data-v-1a860057]{width:100%;}
@@ -29,6 +23,12 @@
 .grid[data-v-1a860057]{display:grid;}
 .select-all[data-v-1a860057]{-webkit-user-select:all;user-select:all;}
 
+/* unplugin-vue-components disabled */
+.c-antv-container[data-v-1a860057] {
+    width: 100%;
+    height: 100%;
+}
+
 /* unplugin-vue-components disabled */
 /* layer: shortcuts */
 .container[data-v-f40393d6]{width:100%;}
@@ -339,6 +339,32 @@
   margin-bottom: 4px;
   white-space: nowrap;
 }
+/* unplugin-vue-components disabled */
+/* layer: shortcuts */
+.container[data-v-6cb58ac5]{width:100%;}
+@media (min-width: 640px){
+.container[data-v-6cb58ac5]{max-width:640px;}
+}
+@media (min-width: 768px){
+.container[data-v-6cb58ac5]{max-width:768px;}
+}
+@media (min-width: 1024px){
+.container[data-v-6cb58ac5]{max-width:1024px;}
+}
+@media (min-width: 1280px){
+.container[data-v-6cb58ac5]{max-width:1280px;}
+}
+@media (min-width: 1536px){
+.container[data-v-6cb58ac5]{max-width:1536px;}
+}
+/* layer: default */
+.visible[data-v-6cb58ac5]{visibility:visible;}
+.fixed[data-v-6cb58ac5]{position:fixed;}
+.grid[data-v-6cb58ac5]{display:grid;}
+.table[data-v-6cb58ac5]{display:table;}
+.select-all[data-v-6cb58ac5]{-webkit-user-select:all;user-select:all;}
+.filter[data-v-6cb58ac5]{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);}
+
 /* unplugin-vue-components disabled *//* ER 图布局样式 */
 /* AntV X6 图形编辑器公共样式 */
 /* 用于 ER、UML、BPMN 等布局的共享样式 */
@@ -437,32 +463,6 @@
 .er-layout .table-editor .fields-container[data-v-6cb58ac5] .n-input {
   min-width: 100px;
 }
-/* unplugin-vue-components disabled */
-/* layer: shortcuts */
-.container[data-v-6cb58ac5]{width:100%;}
-@media (min-width: 640px){
-.container[data-v-6cb58ac5]{max-width:640px;}
-}
-@media (min-width: 768px){
-.container[data-v-6cb58ac5]{max-width:768px;}
-}
-@media (min-width: 1024px){
-.container[data-v-6cb58ac5]{max-width:1024px;}
-}
-@media (min-width: 1280px){
-.container[data-v-6cb58ac5]{max-width:1280px;}
-}
-@media (min-width: 1536px){
-.container[data-v-6cb58ac5]{max-width:1536px;}
-}
-/* layer: default */
-.visible[data-v-6cb58ac5]{visibility:visible;}
-.fixed[data-v-6cb58ac5]{position:fixed;}
-.grid[data-v-6cb58ac5]{display:grid;}
-.table[data-v-6cb58ac5]{display:table;}
-.select-all[data-v-6cb58ac5]{-webkit-user-select:all;user-select:all;}
-.filter[data-v-6cb58ac5]{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);}
-
 /* unplugin-vue-components disabled */
 /* layer: default */
 .visible[data-v-fc8f213e]{visibility:visible;}
@@ -476,27 +476,29 @@
 
 /* unplugin-vue-components disabled */
 /* layer: shortcuts */
-.container[data-v-4e8f219f]{width:100%;}
+.container[data-v-c37f7424]{width:100%;}
 @media (min-width: 640px){
-.container[data-v-4e8f219f]{max-width:640px;}
+.container[data-v-c37f7424]{max-width:640px;}
 }
 @media (min-width: 768px){
-.container[data-v-4e8f219f]{max-width:768px;}
+.container[data-v-c37f7424]{max-width:768px;}
 }
 @media (min-width: 1024px){
-.container[data-v-4e8f219f]{max-width:1024px;}
+.container[data-v-c37f7424]{max-width:1024px;}
 }
 @media (min-width: 1280px){
-.container[data-v-4e8f219f]{max-width:1280px;}
+.container[data-v-c37f7424]{max-width:1280px;}
 }
 @media (min-width: 1536px){
-.container[data-v-4e8f219f]{max-width:1536px;}
+.container[data-v-c37f7424]{max-width:1536px;}
 }
 /* layer: default */
-.visible[data-v-4e8f219f]{visibility:visible;}
-.grid[data-v-4e8f219f]{display:grid;}
-.block[data-v-4e8f219f]{display:block;}
-.select-all[data-v-4e8f219f]{-webkit-user-select:all;user-select:all;}
+.visible[data-v-c37f7424]{visibility:visible;}
+.grid[data-v-c37f7424]{display:grid;}
+.block[data-v-c37f7424]{display:block;}
+.flex[data-v-c37f7424]{display:flex;}
+.select-all[data-v-c37f7424]{-webkit-user-select:all;user-select:all;}
+.border[data-v-c37f7424]{border-width:1px;}
 
 /* unplugin-vue-components disabled */.class-editor[data-v-c37f7424] {
   padding: 20px;
@@ -544,26 +546,24 @@
 }
 /* unplugin-vue-components disabled */
 /* layer: shortcuts */
-.container[data-v-c37f7424]{width:100%;}
+.container[data-v-4e8f219f]{width:100%;}
 @media (min-width: 640px){
-.container[data-v-c37f7424]{max-width:640px;}
+.container[data-v-4e8f219f]{max-width:640px;}
 }
 @media (min-width: 768px){
-.container[data-v-c37f7424]{max-width:768px;}
+.container[data-v-4e8f219f]{max-width:768px;}
 }
 @media (min-width: 1024px){
-.container[data-v-c37f7424]{max-width:1024px;}
+.container[data-v-4e8f219f]{max-width:1024px;}
 }
 @media (min-width: 1280px){
-.container[data-v-c37f7424]{max-width:1280px;}
+.container[data-v-4e8f219f]{max-width:1280px;}
 }
 @media (min-width: 1536px){
-.container[data-v-c37f7424]{max-width:1536px;}
+.container[data-v-4e8f219f]{max-width:1536px;}
 }
 /* layer: default */
-.visible[data-v-c37f7424]{visibility:visible;}
-.grid[data-v-c37f7424]{display:grid;}
-.block[data-v-c37f7424]{display:block;}
-.flex[data-v-c37f7424]{display:flex;}
-.select-all[data-v-c37f7424]{-webkit-user-select:all;user-select:all;}
-.border[data-v-c37f7424]{border-width:1px;}
+.visible[data-v-4e8f219f]{visibility:visible;}
+.grid[data-v-4e8f219f]{display:grid;}
+.block[data-v-4e8f219f]{display:block;}
+.select-all[data-v-4e8f219f]{-webkit-user-select:all;user-select:all;}

package/dist/C_AudioPlayer.css

@@ -65,11 +65,6 @@
     transform: rotate(360deg);
 }
 }
-/* unplugin-vue-components disabled */
-/* layer: default */
-.static[data-v-5ba9d24f]{position:static;}
-.transition[data-v-5ba9d24f]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-
 /* unplugin-vue-components disabled *//**
  * C_AudioPlayer — 音频播放器样式
  */
@@ -375,4 +370,8 @@
   width: 34px;
   height: 34px;
   font-size: 20px;
-}
+}
+/* unplugin-vue-components disabled */
+/* layer: default */
+.static[data-v-5ba9d24f]{position:static;}
+.transition[data-v-5ba9d24f]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}

package/dist/C_Code.css

@@ -183,12 +183,6 @@ code.hljs {
   /* purposely ignored */
   
 }
-/* unplugin-vue-components disabled */
-/* layer: default */
-.ml-2[data-v-9e3bbbe0]{margin-left:0.5rem;}
-.mr-2[data-v-9e3bbbe0]{margin-right:0.5rem;}
-.px[data-v-9e3bbbe0]{padding-left:1rem;padding-right:1rem;}
-
 /* unplugin-vue-components disabled */.c-code-wrapper[data-v-9e3bbbe0] {
   --c-code-copy-bg: rgba(255, 255, 255, 0.9);
   --c-code-copy-shadow: rgba(0, 0, 0, 0.1);
@@ -321,4 +315,9 @@ code.hljs {
 }
 .ml-2[data-v-9e3bbbe0] {
   margin-left: 0.5rem;
-}
+}
+/* unplugin-vue-components disabled */
+/* layer: default */
+.ml-2[data-v-9e3bbbe0]{margin-left:0.5rem;}
+.mr-2[data-v-9e3bbbe0]{margin-right:0.5rem;}
+.px[data-v-9e3bbbe0]{padding-left:1rem;padding-right:1rem;}

package/dist/C_CollapsePanel.css

@@ -65,12 +65,6 @@
     transform: rotate(360deg);
 }
 }
-/* unplugin-vue-components disabled */
-/* layer: default */
-.block[data-v-d8f0f7a0]{display:block;}
-.hidden[data-v-d8f0f7a0]{display:none;}
-.px[data-v-d8f0f7a0]{padding-left:1rem;padding-right:1rem;}
-
 /* unplugin-vue-components disabled *//* ─── 变量 ───────────────────────────────────────── */
 /* ─── 容器 ───────────────────────────────────────── */
 .c-collapse-panel[data-v-d8f0f7a0] {
@@ -247,4 +241,9 @@
   font-size: 14px;
   line-height: 1.6;
   color: var(--c-text-2, #666);
-}
+}
+/* unplugin-vue-components disabled */
+/* layer: default */
+.block[data-v-d8f0f7a0]{display:block;}
+.hidden[data-v-d8f0f7a0]{display:none;}
+.px[data-v-d8f0f7a0]{padding-left:1rem;padding-right:1rem;}

package/dist/C_Cron.css

@@ -323,14 +323,6 @@ to {
     flex-basis: 100%;
 }
 }
-/* unplugin-vue-components disabled */
-/* layer: default */
-.grid[data-v-d6c7e1be]{display:grid;}
-.flex[data-v-d6c7e1be]{display:flex;}
-.border[data-v-d6c7e1be]{border-width:1px;}
-.outline[data-v-d6c7e1be]{outline-style:solid;}
-.transition[data-v-d6c7e1be]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-
 /* unplugin-vue-components disabled */.cron-templates__header[data-v-d6c7e1be] {
   display: flex;
   align-items: center;
@@ -389,6 +381,14 @@ to {
   color: var(--c-text-4);
   margin-top: 2px;
 }
+/* unplugin-vue-components disabled */
+/* layer: default */
+.grid[data-v-d6c7e1be]{display:grid;}
+.flex[data-v-d6c7e1be]{display:flex;}
+.border[data-v-d6c7e1be]{border-width:1px;}
+.outline[data-v-d6c7e1be]{outline-style:solid;}
+.transition[data-v-d6c7e1be]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+
 /* unplugin-vue-components disabled *//* 执行时间预览：只在组件作用域内使用主题变量。 */
 .cron-preview[data-v-023ff119] {
   min-width: 0;

package/dist/C_FilePreview.css

@@ -138,38 +138,56 @@
   align-items: center;
   justify-content: center;
 }
+/* unplugin-vue-components disabled */.file-container[data-v-86f8c1ab] {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.file-container .file-toolbar[data-v-86f8c1ab] {
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--c-border, #e0e0e0);
+  background-color: var(--c-bg-card, #f9f9f9);
+  flex-shrink: 0;
+  z-index: 8;
+  position: relative;
+}
+.file-container .file-viewer[data-v-86f8c1ab] {
+  flex: 1;
+  min-height: 300px;
+}
 /* unplugin-vue-components disabled */
 /* layer: shortcuts */
-.file-container[data-v-dae08a5f]::file-selector-button{width:100%;}
+.file-container[data-v-86f8c1ab]::file-selector-button{width:100%;}
 @media (min-width: 640px){
-.file-container[data-v-dae08a5f]::file-selector-button{max-width:640px;}
+.file-container[data-v-86f8c1ab]::file-selector-button{max-width:640px;}
 }
 @media (min-width: 768px){
-.file-container[data-v-dae08a5f]::file-selector-button{max-width:768px;}
+.file-container[data-v-86f8c1ab]::file-selector-button{max-width:768px;}
 }
 @media (min-width: 1024px){
-.file-container[data-v-dae08a5f]::file-selector-button{max-width:1024px;}
+.file-container[data-v-86f8c1ab]::file-selector-button{max-width:1024px;}
 }
 @media (min-width: 1280px){
-.file-container[data-v-dae08a5f]::file-selector-button{max-width:1280px;}
+.file-container[data-v-86f8c1ab]::file-selector-button{max-width:1280px;}
 }
 @media (min-width: 1536px){
-.file-container[data-v-dae08a5f]::file-selector-button{max-width:1536px;}
+.file-container[data-v-86f8c1ab]::file-selector-button{max-width:1536px;}
 }
 /* layer: default */
-.block[data-v-dae08a5f]{display:block;}
-.hidden[data-v-dae08a5f]{display:none;}
-.h6[data-v-dae08a5f]{height:1.5rem;}
-.min-w-12[data-v-dae08a5f]{min-width:3rem;}
-.flex[data-v-dae08a5f]{display:flex;}
-.transform[data-v-dae08a5f]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.items-center[data-v-dae08a5f]{align-items:center;}
-.gap-2[data-v-dae08a5f]{gap:0.5rem;}
-.p\[style-name\=\'Title\'\][data-v-dae08a5f]{padding:style-name='Title';}
-.text-center[data-v-dae08a5f]{text-align:center;}
-.text-sm[data-v-dae08a5f]{font-size:0.875rem;line-height:1.25rem;}
-.text-gray-600[data-v-dae08a5f]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
-.font-semibold[data-v-dae08a5f]{font-weight:600;}
+.hidden[data-v-86f8c1ab]{display:none;}
+.h-full[data-v-86f8c1ab]{height:100%;}
+.h6[data-v-86f8c1ab]{height:1.5rem;}
+.min-w-12[data-v-86f8c1ab]{min-width:3rem;}
+.w-full[data-v-86f8c1ab]{width:100%;}
+.flex[data-v-86f8c1ab]{display:flex;}
+.items-center[data-v-86f8c1ab]{align-items:center;}
+.justify-between[data-v-86f8c1ab]{justify-content:space-between;}
+.gap-2[data-v-86f8c1ab]{gap:0.5rem;}
+.border-0[data-v-86f8c1ab]{border-width:0px;}
+.p\[style-name\=\'Title\'\][data-v-86f8c1ab]{padding:style-name='Title';}
+.text-center[data-v-86f8c1ab]{text-align:center;}
+.text-sm[data-v-86f8c1ab]{font-size:0.875rem;line-height:1.25rem;}
+.text-gray-600[data-v-86f8c1ab]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
 
 /* unplugin-vue-components disabled */.file-container[data-v-dae08a5f] {
   display: flex;
@@ -293,84 +311,36 @@
 }
 /* unplugin-vue-components disabled */
 /* layer: shortcuts */
-.file-container[data-v-86f8c1ab]::file-selector-button{width:100%;}
-@media (min-width: 640px){
-.file-container[data-v-86f8c1ab]::file-selector-button{max-width:640px;}
-}
-@media (min-width: 768px){
-.file-container[data-v-86f8c1ab]::file-selector-button{max-width:768px;}
-}
-@media (min-width: 1024px){
-.file-container[data-v-86f8c1ab]::file-selector-button{max-width:1024px;}
-}
-@media (min-width: 1280px){
-.file-container[data-v-86f8c1ab]::file-selector-button{max-width:1280px;}
-}
-@media (min-width: 1536px){
-.file-container[data-v-86f8c1ab]::file-selector-button{max-width:1536px;}
-}
-/* layer: default */
-.hidden[data-v-86f8c1ab]{display:none;}
-.h-full[data-v-86f8c1ab]{height:100%;}
-.h6[data-v-86f8c1ab]{height:1.5rem;}
-.min-w-12[data-v-86f8c1ab]{min-width:3rem;}
-.w-full[data-v-86f8c1ab]{width:100%;}
-.flex[data-v-86f8c1ab]{display:flex;}
-.items-center[data-v-86f8c1ab]{align-items:center;}
-.justify-between[data-v-86f8c1ab]{justify-content:space-between;}
-.gap-2[data-v-86f8c1ab]{gap:0.5rem;}
-.border-0[data-v-86f8c1ab]{border-width:0px;}
-.p\[style-name\=\'Title\'\][data-v-86f8c1ab]{padding:style-name='Title';}
-.text-center[data-v-86f8c1ab]{text-align:center;}
-.text-sm[data-v-86f8c1ab]{font-size:0.875rem;line-height:1.25rem;}
-.text-gray-600[data-v-86f8c1ab]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
-
-/* unplugin-vue-components disabled */.file-container[data-v-86f8c1ab] {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.file-container .file-toolbar[data-v-86f8c1ab] {
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--c-border, #e0e0e0);
-  background-color: var(--c-bg-card, #f9f9f9);
-  flex-shrink: 0;
-  z-index: 8;
-  position: relative;
-}
-.file-container .file-viewer[data-v-86f8c1ab] {
-  flex: 1;
-  min-height: 300px;
-}
-/* unplugin-vue-components disabled */
-/* layer: shortcuts */
-.file-container[data-v-c415f23c]::file-selector-button{width:100%;}
+.file-container[data-v-dae08a5f]::file-selector-button{width:100%;}
 @media (min-width: 640px){
-.file-container[data-v-c415f23c]::file-selector-button{max-width:640px;}
+.file-container[data-v-dae08a5f]::file-selector-button{max-width:640px;}
 }
 @media (min-width: 768px){
-.file-container[data-v-c415f23c]::file-selector-button{max-width:768px;}
+.file-container[data-v-dae08a5f]::file-selector-button{max-width:768px;}
 }
 @media (min-width: 1024px){
-.file-container[data-v-c415f23c]::file-selector-button{max-width:1024px;}
+.file-container[data-v-dae08a5f]::file-selector-button{max-width:1024px;}
 }
 @media (min-width: 1280px){
-.file-container[data-v-c415f23c]::file-selector-button{max-width:1280px;}
+.file-container[data-v-dae08a5f]::file-selector-button{max-width:1280px;}
 }
 @media (min-width: 1536px){
-.file-container[data-v-c415f23c]::file-selector-button{max-width:1536px;}
+.file-container[data-v-dae08a5f]::file-selector-button{max-width:1536px;}
 }
 /* layer: default */
-.hidden[data-v-c415f23c]{display:none;}
-.h6[data-v-c415f23c]{height:1.5rem;}
-.flex[data-v-c415f23c]{display:flex;}
-.items-center[data-v-c415f23c]{align-items:center;}
-.justify-between[data-v-c415f23c]{justify-content:space-between;}
-.gap-2[data-v-c415f23c]{gap:0.5rem;}
-.p\[style-name\=\'Title\'\][data-v-c415f23c]{padding:style-name='Title';}
-.px[data-v-c415f23c]{padding-left:1rem;padding-right:1rem;}
-.text-sm[data-v-c415f23c]{font-size:0.875rem;line-height:1.25rem;}
-.text-gray-600[data-v-c415f23c]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
+.block[data-v-dae08a5f]{display:block;}
+.hidden[data-v-dae08a5f]{display:none;}
+.h6[data-v-dae08a5f]{height:1.5rem;}
+.min-w-12[data-v-dae08a5f]{min-width:3rem;}
+.flex[data-v-dae08a5f]{display:flex;}
+.transform[data-v-dae08a5f]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.items-center[data-v-dae08a5f]{align-items:center;}
+.gap-2[data-v-dae08a5f]{gap:0.5rem;}
+.p\[style-name\=\'Title\'\][data-v-dae08a5f]{padding:style-name='Title';}
+.text-center[data-v-dae08a5f]{text-align:center;}
+.text-sm[data-v-dae08a5f]{font-size:0.875rem;line-height:1.25rem;}
+.text-gray-600[data-v-dae08a5f]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
+.font-semibold[data-v-dae08a5f]{font-weight:600;}
 
 /* unplugin-vue-components disabled */.file-container[data-v-c415f23c] {
   display: flex;
@@ -614,4 +584,33 @@
 }
 .excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-c415f23c] .n-popover {
   z-index: 1005 !important;
-}
+}
+/* unplugin-vue-components disabled */
+/* layer: shortcuts */
+.file-container[data-v-c415f23c]::file-selector-button{width:100%;}
+@media (min-width: 640px){
+.file-container[data-v-c415f23c]::file-selector-button{max-width:640px;}
+}
+@media (min-width: 768px){
+.file-container[data-v-c415f23c]::file-selector-button{max-width:768px;}
+}
+@media (min-width: 1024px){
+.file-container[data-v-c415f23c]::file-selector-button{max-width:1024px;}
+}
+@media (min-width: 1280px){
+.file-container[data-v-c415f23c]::file-selector-button{max-width:1280px;}
+}
+@media (min-width: 1536px){
+.file-container[data-v-c415f23c]::file-selector-button{max-width:1536px;}
+}
+/* layer: default */
+.hidden[data-v-c415f23c]{display:none;}
+.h6[data-v-c415f23c]{height:1.5rem;}
+.flex[data-v-c415f23c]{display:flex;}
+.items-center[data-v-c415f23c]{align-items:center;}
+.justify-between[data-v-c415f23c]{justify-content:space-between;}
+.gap-2[data-v-c415f23c]{gap:0.5rem;}
+.p\[style-name\=\'Title\'\][data-v-c415f23c]{padding:style-name='Title';}
+.px[data-v-c415f23c]{padding-left:1rem;padding-right:1rem;}
+.text-sm[data-v-c415f23c]{font-size:0.875rem;line-height:1.25rem;}
+.text-gray-600[data-v-c415f23c]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}