@robot-admin/naive-ui-components 0.24.5 → 0.24.6

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @robot-admin/naive-ui-components
 
+## 0.24.6
+
+### Patch Changes
+
+- 修复普通下拉列转换为弹窗表单时遗漏选项的问题，保留标签、原始值和选项隔离，不要求配置字典。
+
+- 修复 C_Table 将 modalWidth 作为无效原生属性传递导致编辑弹窗通栏的问题，移除宿主原子类依赖。与 C_FormModal 共用轻量原生分区样式，按配置居中、受视口宽高约束，窄屏表单自动单列，超高内容内部滚动并保留标题和页脚。保留原有编辑、校验与保存会话。
+
 ## 0.24.5
 
 ### Patch Changes

package/README.md

@@ -33,7 +33,7 @@
 | 按需消费 | 60 个独立组件入口、自动导入 Resolver、组件样式入口，以及表单／表格的基础样式层级                       |
 | 独立接入 | 支持全量注册与局部导入；反馈、文案和全局配置可由宿主提供，表单弹窗可接入结构兼容的 Headless CRUD       |
 
-组件库负责界面与交互；业务接口、身份权限、上传服务和第三方平台配置由应用接入。当前仓库版本 **0.24.5**，版本变化见 [CHANGELOG](./CHANGELOG.md)。
+组件库负责界面与交互；业务接口、身份权限、上传服务和第三方平台配置由应用接入。当前仓库版本 **0.24.6**，版本变化见 [CHANGELOG](./CHANGELOG.md)。
 
 0.24.3–0.24.4 复核了异步校验与编辑会话、字典订阅、列拖拽、媒体与图实例、数据快照及依赖边界，修复已复现的问题并删除死状态与不可达重试分支。审查范围、性能约束和验证证据见[稳定性复核](./docs/stability-review-20261031.md)。
 
@@ -41,6 +41,10 @@
 
 0.24.5 修复表单弹窗首行紧贴标题的问题：标题、内容与页脚通过原生分区样式保持留白，长表单仅内容区滚动，页脚保持可见；样式不穿透内嵌业务卡片。
 
+0.24.6 修复 `C_Table` 编辑弹窗未应用 `edit.modalWidth` 导致通栏的问题。表格编辑与 `C_FormModal` 共用原生分区样式和视口约束；桌面按配置宽度居中，窄屏自动单列，超高内容内部滚动，无需宿主原子类或页面样式补丁。
+
+普通下拉列的 `editProps.options` 同步传递到弹窗字段，不依赖字典绑定；显示标签、编辑及保存继续使用各自的原始值协议。
+
 业务工作台新增共享字典 Provider、容器搜索、区域密度、远程选择、错误导航及批量结果；纯值工具走 `/data`，组合函数走 `/workflows`。接入见[业务数据与工作台](./docs/guides/data-workflows.md)、[搜索工作流](./docs/guides/search-workflows.md)、[远程选择](./docs/guides/data-picker.md)和[批量结果](./docs/guides/batch-results.md)。
 
 ## 能力地图

package/README_EN.md

@@ -33,7 +33,7 @@
 | Selective loading       | 60 component entries, an auto-import resolver, component CSS and base styles for forms and tables                                                            |
 | Application integration | Global registration or local imports; injectable feedback, locale and defaults; form dialogs compatible with structurally matching headless CRUD controllers |
 
-The library handles UI and interaction. Applications supply business APIs, authentication, authorization, upload services and platform configuration. The current repository version is **0.24.5**; see the [changelog](./CHANGELOG.md) for release details.
+The library handles UI and interaction. Applications supply business APIs, authentication, authorization, upload services and platform configuration. The current repository version is **0.24.6**; see the [changelog](./CHANGELOG.md) for release details.
 
 The 0.24.3–0.24.4 review covers async validation and edit sessions, dictionaries, column dragging, media and graph instances, data snapshots and dependency boundaries. Reproduced issues are fixed; dead state and unreachable retry branches are removed. See the [stability review](./docs/stability-review-20261031.md) for scope, performance constraints and verification evidence.
 
@@ -41,6 +41,10 @@ Forms and search share `config.density: 'compact'`, reducing field spacing and e
 
 0.24.5 restores spacing between form modal titles and the first field using native card section styles. Long forms scroll inside the content area while the footer stays visible; modal styles do not override nested business cards.
 
+0.24.6 fixes full-width `C_Table` editor dialogs ignoring `edit.modalWidth`. Table editors and `C_FormModal` share native section styles and viewport bounds. Dialogs honor configured widths on desktop, use one form column when space is limited, and scroll tall content without relying on application utility CSS.
+
+Ordinary select columns retain `editProps.options` in modal fields without requiring dictionary bindings. Labels are displayed while editing and saving preserve the original value types.
+
 Business workspaces can share dictionary providers, container-aware search, regional density, remote pickers, error navigation and batch results. Pure value utilities live at `/data`; opt-in composables live at `/workflows`. See the [data and workspace guide](./docs/guides/data-workflows.md), [search workflows](./docs/guides/search-workflows.md), [data picker](./docs/guides/data-picker.md) and [batch results](./docs/guides/batch-results.md).
 
 ## Capability map

package/dist/C_FormModal.css

@@ -282,6 +282,4 @@ html.dark .action-divider[data-v-48eb3073]:hover {
 
 
 /* layer: default */
-.visible[data-v-25307ec4]{visibility:visible;}
-.hidden[data-v-25307ec4]{display:none;}
-.px[data-v-25307ec4]{padding-left:1rem;padding-right:1rem;}
+.visible[data-v-133d21f7]{visibility:visible;}

package/dist/C_FormModal2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./density.cjs`),t=require(`./export-helper.cjs`),n=require(`./C_ActionBar2.cjs`),r=require(`./useFormConfig.cjs`),i=require(`./helpers.cjs`);let a=require(`vue`),o=require(`naive-ui`);const s=(0,a.defineComponent)({name:`C_FormModal`,__name:`index`,props:{editor:{},options:{},config:{default:()=>({})},width:{default:`min(620px, calc(100vw - 24px))`},createText:{default:`创建`},saveText:{default:`保存`},cancelText:{default:`取消`},closable:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0}},emits:[`submit`,`close`],setup(t,{emit:s}){let c=t,l=s,u=(0,a.ref)(null),d=r.o(),f=(0,a.computed)(()=>c.config?.density??d.density??`compact`),p=(0,a.computed)({get:()=>c.editor.visible.value,set:e=>{e||b()}}),m=(0,a.computed)(()=>c.editor.title.value),h=(0,a.computed)(()=>c.editor.loading.value),g=(0,a.computed)(()=>typeof c.width==`number`?`${c.width}px`:c.width),_=(0,a.computed)(()=>{let e=f.value===`compact`,t=e?`12px`:`clamp(12px, 2.5vw, 16px)`;return{shell:{width:g.value,maxWidth:`calc(100vw - 24px)`,maxHeight:`calc(100dvh - 32px)`,overflow:`hidden`,borderRadius:`10px`},header:{minHeight:e?`40px`:`46px`,padding:`${e?8:12}px ${t}`,fontSize:`15px`,borderBottom:`1px solid var(--n-border-color)`,flexShrink:0},content:{padding:`${e?10:14}px ${t} 8px`,minHeight:0,overflow:`auto`},footer:{padding:`${e?8:10}px ${t}`,background:`var(--n-action-color)`,borderTop:`1px solid var(--n-border-color)`,flexShrink:0}}}),v=(0,a.computed)({get:()=>c.editor.model.value??{},set:e=>{c.editor.setModel(e)}}),y=(0,a.computed)(()=>({...c.config,density:f.value,mode:c.editor.mode.value,showActions:!1,onSubmit:async(e,t)=>{if(await c.config?.onSubmit?.(e,t),t?.signal.aborted)return;let n=await c.editor.submit(e.model);t?.signal.aborted||l(`submit`,e,n)}})),b=()=>{c.editor.close(),l(`close`)},x=(0,a.computed)(()=>{let t=r.r(y.value,d),n=e.t(f.value);return{align:`right`,size:t.size??(f.value===`compact`?`tiny`:n.size),gap:n.gap,compact:f.value===`compact`}}),S=(0,a.computed)(()=>n.a([{key:`cancel`,label:c.cancelText,disabled:h,onClick:b},{key:c.editor.mode.value===`create`?`create`:`save`,label:c.editor.mode.value===`create`?c.createText:c.saveText,loading:h,onClick:async()=>{await u.value?.submit()}}]));return(e,r)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.NModal),{show:p.value,"onUpdate:show":r[1]||=e=>p.value=e,preset:`card`,title:m.value,"aria-label":m.value,style:(0,a.normalizeStyle)(_.value.shell),"header-style":_.value.header,"content-style":_.value.content,"footer-style":_.value.footer,"footer-class":`c-form-modal__footer`,"mask-closable":t.maskClosable,"close-on-esc":t.closeOnEsc,closable:t.closable,class:(0,a.normalizeClass)([`c-form-modal`,`c-form-modal--${f.value}`])},{footer:(0,a.withCtx)(()=>[(0,a.createVNode)(n.t,{actions:S.value,config:x.value},null,8,[`actions`,`config`])]),default:(0,a.withCtx)(()=>[p.value&&t.editor.model.value?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(i.i),{key:0,ref_key:`formRef`,ref:u,modelValue:v.value,"onUpdate:modelValue":r[0]||=e=>v.value=e,options:t.options,config:y.value},(0,a.createSlots)({_:2},[(0,a.renderList)(e.$slots,(t,n)=>({name:n,fn:(0,a.withCtx)(t=>[(0,a.renderSlot)(e.$slots,n,(0,a.normalizeProps)((0,a.guardReactiveProps)(t)),void 0,!0)])}))]),1032,[`modelValue`,`options`,`config`])):(0,a.createCommentVNode)(`v-if`,!0)]),_:3},8,[`show`,`title`,`aria-label`,`style`,`header-style`,`content-style`,`footer-style`,`mask-closable`,`close-on-esc`,`closable`,`class`]))}});var c=t.t(s,[[`__scopeId`,`data-v-25307ec4`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
+require(`./chunk.cjs`);const e=require(`./density.cjs`),t=require(`./export-helper.cjs`),n=require(`./C_ActionBar2.cjs`),r=require(`./useFormConfig.cjs`),i=require(`./helpers.cjs`),a=require(`./formModal.cjs`);let o=require(`vue`),s=require(`naive-ui`);const c=(0,o.defineComponent)({name:`C_FormModal`,__name:`index`,props:{editor:{},options:{},config:{default:()=>({})},width:{default:`min(620px, calc(100vw - 24px))`},createText:{default:`创建`},saveText:{default:`保存`},cancelText:{default:`取消`},closable:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0}},emits:[`submit`,`close`],setup(t,{emit:c}){let l=t,u=c,d=(0,o.ref)(null),f=r.o(),p=(0,o.computed)(()=>l.config?.density??f.density??`compact`),m=(0,o.computed)({get:()=>l.editor.visible.value,set:e=>{e||b()}}),h=(0,o.computed)(()=>l.editor.title.value),g=(0,o.computed)(()=>l.editor.loading.value),_=(0,o.computed)(()=>a.t(l.width,p.value)),v=(0,o.computed)({get:()=>l.editor.model.value??{},set:e=>{l.editor.setModel(e)}}),y=(0,o.computed)(()=>({...l.config,density:p.value,mode:l.editor.mode.value,showActions:!1,onSubmit:async(e,t)=>{if(await l.config?.onSubmit?.(e,t),t?.signal.aborted)return;let n=await l.editor.submit(e.model);t?.signal.aborted||u(`submit`,e,n)}})),b=()=>{l.editor.close(),u(`close`)},x=(0,o.computed)(()=>{let t=r.r(y.value,f),n=e.t(p.value);return{align:`right`,size:t.size??(p.value===`compact`?`tiny`:n.size),gap:n.gap,compact:p.value===`compact`}}),S=(0,o.computed)(()=>n.a([{key:`cancel`,label:l.cancelText,disabled:g,onClick:b},{key:l.editor.mode.value===`create`?`create`:`save`,label:l.editor.mode.value===`create`?l.createText:l.saveText,loading:g,onClick:async()=>{await d.value?.submit()}}]));return(e,r)=>((0,o.openBlock)(),(0,o.createBlock)((0,o.unref)(s.NModal),{show:m.value,"onUpdate:show":r[1]||=e=>m.value=e,preset:`card`,title:h.value,"aria-label":h.value,style:(0,o.normalizeStyle)(_.value.shell),"header-style":_.value.header,"content-style":_.value.content,"footer-style":_.value.footer,"footer-class":`c-form-modal__footer`,"mask-closable":t.maskClosable,"close-on-esc":t.closeOnEsc,closable:t.closable,class:(0,o.normalizeClass)([`c-form-modal`,`c-form-modal--${p.value}`])},{footer:(0,o.withCtx)(()=>[(0,o.createVNode)(n.t,{actions:S.value,config:x.value},null,8,[`actions`,`config`])]),default:(0,o.withCtx)(()=>[m.value&&t.editor.model.value?((0,o.openBlock)(),(0,o.createBlock)((0,o.unref)(i.i),{key:0,ref_key:`formRef`,ref:d,modelValue:v.value,"onUpdate:modelValue":r[0]||=e=>v.value=e,options:t.options,config:y.value},(0,o.createSlots)({_:2},[(0,o.renderList)(e.$slots,(t,n)=>({name:n,fn:(0,o.withCtx)(t=>[(0,o.renderSlot)(e.$slots,n,(0,o.normalizeProps)((0,o.guardReactiveProps)(t)),void 0,!0)])}))]),1032,[`modelValue`,`options`,`config`])):(0,o.createCommentVNode)(`v-if`,!0)]),_:3},8,[`show`,`title`,`aria-label`,`style`,`header-style`,`content-style`,`footer-style`,`mask-closable`,`close-on-esc`,`closable`,`class`]))}});var l=t.t(c,[[`__scopeId`,`data-v-133d21f7`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/dist/C_FormModal2.js

@@ -1 +1 @@
-import{t as e}from"./density.js";import{t}from"./export-helper.js";import{a as n,t as r}from"./C_ActionBar2.js";import{o as i,r as a}from"./useFormConfig.js";import{i as o}from"./helpers.js";import{computed as s,createBlock as c,createCommentVNode as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,normalizeClass as m,normalizeProps as h,normalizeStyle as g,openBlock as _,ref as v,renderList as y,renderSlot as b,unref as x,withCtx as S}from"vue";import{NModal as C}from"naive-ui";var w=t(f({name:`C_FormModal`,__name:`index`,props:{editor:{},options:{},config:{default:()=>({})},width:{default:`min(620px, calc(100vw - 24px))`},createText:{default:`创建`},saveText:{default:`保存`},cancelText:{default:`取消`},closable:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0}},emits:[`submit`,`close`],setup(t,{emit:f}){let w=t,T=f,E=v(null),D=i(),O=s(()=>w.config?.density??D.density??`compact`),k=s({get:()=>w.editor.visible.value,set:e=>{e||I()}}),A=s(()=>w.editor.title.value),j=s(()=>w.editor.loading.value),M=s(()=>typeof w.width==`number`?`${w.width}px`:w.width),N=s(()=>{let e=O.value===`compact`,t=e?`12px`:`clamp(12px, 2.5vw, 16px)`;return{shell:{width:M.value,maxWidth:`calc(100vw - 24px)`,maxHeight:`calc(100dvh - 32px)`,overflow:`hidden`,borderRadius:`10px`},header:{minHeight:e?`40px`:`46px`,padding:`${e?8:12}px ${t}`,fontSize:`15px`,borderBottom:`1px solid var(--n-border-color)`,flexShrink:0},content:{padding:`${e?10:14}px ${t} 8px`,minHeight:0,overflow:`auto`},footer:{padding:`${e?8:10}px ${t}`,background:`var(--n-action-color)`,borderTop:`1px solid var(--n-border-color)`,flexShrink:0}}}),P=s({get:()=>w.editor.model.value??{},set:e=>{w.editor.setModel(e)}}),F=s(()=>({...w.config,density:O.value,mode:w.editor.mode.value,showActions:!1,onSubmit:async(e,t)=>{if(await w.config?.onSubmit?.(e,t),t?.signal.aborted)return;let n=await w.editor.submit(e.model);t?.signal.aborted||T(`submit`,e,n)}})),I=()=>{w.editor.close(),T(`close`)},L=s(()=>{let t=a(F.value,D),n=e(O.value);return{align:`right`,size:t.size??(O.value===`compact`?`tiny`:n.size),gap:n.gap,compact:O.value===`compact`}}),R=s(()=>n([{key:`cancel`,label:w.cancelText,disabled:j,onClick:I},{key:w.editor.mode.value===`create`?`create`:`save`,label:w.editor.mode.value===`create`?w.createText:w.saveText,loading:j,onClick:async()=>{await E.value?.submit()}}]));return(e,n)=>(_(),c(x(C),{show:k.value,"onUpdate:show":n[1]||=e=>k.value=e,preset:`card`,title:A.value,"aria-label":A.value,style:g(N.value.shell),"header-style":N.value.header,"content-style":N.value.content,"footer-style":N.value.footer,"footer-class":`c-form-modal__footer`,"mask-closable":t.maskClosable,"close-on-esc":t.closeOnEsc,closable:t.closable,class:m([`c-form-modal`,`c-form-modal--${O.value}`])},{footer:S(()=>[d(r,{actions:R.value,config:L.value},null,8,[`actions`,`config`])]),default:S(()=>[k.value&&t.editor.model.value?(_(),c(x(o),{key:0,ref_key:`formRef`,ref:E,modelValue:P.value,"onUpdate:modelValue":n[0]||=e=>P.value=e,options:t.options,config:F.value},u({_:2},[y(e.$slots,(t,n)=>({name:n,fn:S(t=>[b(e.$slots,n,h(p(t)),void 0,!0)])}))]),1032,[`modelValue`,`options`,`config`])):l(`v-if`,!0)]),_:3},8,[`show`,`title`,`aria-label`,`style`,`header-style`,`content-style`,`footer-style`,`mask-closable`,`close-on-esc`,`closable`,`class`]))}}),[[`__scopeId`,`data-v-25307ec4`]]);export{w as t};
+import{t as e}from"./density.js";import{t}from"./export-helper.js";import{a as n,t as r}from"./C_ActionBar2.js";import{o as i,r as a}from"./useFormConfig.js";import{i as o}from"./helpers.js";import{t as s}from"./formModal.js";import{computed as c,createBlock as l,createCommentVNode as u,createSlots as d,createVNode as f,defineComponent as p,guardReactiveProps as m,normalizeClass as h,normalizeProps as g,normalizeStyle as _,openBlock as v,ref as y,renderList as b,renderSlot as x,unref as S,withCtx as C}from"vue";import{NModal as w}from"naive-ui";var T=t(p({name:`C_FormModal`,__name:`index`,props:{editor:{},options:{},config:{default:()=>({})},width:{default:`min(620px, calc(100vw - 24px))`},createText:{default:`创建`},saveText:{default:`保存`},cancelText:{default:`取消`},closable:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0}},emits:[`submit`,`close`],setup(t,{emit:p}){let T=t,E=p,D=y(null),O=i(),k=c(()=>T.config?.density??O.density??`compact`),A=c({get:()=>T.editor.visible.value,set:e=>{e||I()}}),j=c(()=>T.editor.title.value),M=c(()=>T.editor.loading.value),N=c(()=>s(T.width,k.value)),P=c({get:()=>T.editor.model.value??{},set:e=>{T.editor.setModel(e)}}),F=c(()=>({...T.config,density:k.value,mode:T.editor.mode.value,showActions:!1,onSubmit:async(e,t)=>{if(await T.config?.onSubmit?.(e,t),t?.signal.aborted)return;let n=await T.editor.submit(e.model);t?.signal.aborted||E(`submit`,e,n)}})),I=()=>{T.editor.close(),E(`close`)},L=c(()=>{let t=a(F.value,O),n=e(k.value);return{align:`right`,size:t.size??(k.value===`compact`?`tiny`:n.size),gap:n.gap,compact:k.value===`compact`}}),R=c(()=>n([{key:`cancel`,label:T.cancelText,disabled:M,onClick:I},{key:T.editor.mode.value===`create`?`create`:`save`,label:T.editor.mode.value===`create`?T.createText:T.saveText,loading:M,onClick:async()=>{await D.value?.submit()}}]));return(e,n)=>(v(),l(S(w),{show:A.value,"onUpdate:show":n[1]||=e=>A.value=e,preset:`card`,title:j.value,"aria-label":j.value,style:_(N.value.shell),"header-style":N.value.header,"content-style":N.value.content,"footer-style":N.value.footer,"footer-class":`c-form-modal__footer`,"mask-closable":t.maskClosable,"close-on-esc":t.closeOnEsc,closable:t.closable,class:h([`c-form-modal`,`c-form-modal--${k.value}`])},{footer:C(()=>[f(r,{actions:R.value,config:L.value},null,8,[`actions`,`config`])]),default:C(()=>[A.value&&t.editor.model.value?(v(),l(S(o),{key:0,ref_key:`formRef`,ref:D,modelValue:P.value,"onUpdate:modelValue":n[0]||=e=>P.value=e,options:t.options,config:F.value},d({_:2},[b(e.$slots,(t,n)=>({name:n,fn:C(t=>[x(e.$slots,n,g(m(t)),void 0,!0)])}))]),1032,[`modelValue`,`options`,`config`])):u(`v-if`,!0)]),_:3},8,[`show`,`title`,`aria-label`,`style`,`header-style`,`content-style`,`footer-style`,`mask-closable`,`close-on-esc`,`closable`,`class`]))}}),[[`__scopeId`,`data-v-133d21f7`]]);export{T as t};

package/dist/C_Table.base.css

@@ -1486,7 +1486,7 @@ to {
 .px[data-v-92119048]{padding-left:1rem;padding-right:1rem;}
 .accent-blue-500[data-v-92119048]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
 
-.c-table-wrapper[data-v-9f320de0] {
+.c-table-wrapper[data-v-4dff6e79] {
   --c-table-border-color: var(--border-color, #e5e7eb);
   --c-table-bg: var(--body-color, #fff);
   --c-table-header-bg: var(--card-color, #fafafc);
@@ -1497,55 +1497,55 @@ to {
   width: 100%;
   position: relative;
 }
-.c-table-wrapper--compact[data-v-9f320de0] {
+.c-table-wrapper--compact[data-v-4dff6e79] {
   --c-table-gap: 8px;
   --c-table-button-font-size: 14px;
   --c-table-cell-min-height: 28px;
   --c-table-cell-padding: 2px 4px;
 }
-.c-table-wrapper--default[data-v-9f320de0] {
+.c-table-wrapper--default[data-v-4dff6e79] {
   --c-table-gap: 16px;
   --c-table-button-font-size: 14px;
   --c-table-cell-min-height: 36px;
   --c-table-cell-padding: 6px 8px;
 }
-.c-table-wrapper--comfortable[data-v-9f320de0] {
+.c-table-wrapper--comfortable[data-v-4dff6e79] {
   --c-table-gap: 20px;
   --c-table-button-font-size: 15px;
   --c-table-cell-min-height: 40px;
   --c-table-cell-padding: 8px 10px;
 }
-.c-table-wrapper--flex[data-v-9f320de0] {
+.c-table-wrapper--flex[data-v-4dff6e79] {
   display: flex;
   flex-direction: column;
   height: 100%;
   min-height: 0;
 }
-.c-table-wrapper--flex[data-v-9f320de0] >  .n-data-table,
-.c-table-wrapper--flex > .table-error-state[data-v-9f320de0] {
+.c-table-wrapper--flex[data-v-4dff6e79] >  .n-data-table,
+.c-table-wrapper--flex > .table-error-state[data-v-4dff6e79] {
   flex: 1;
   min-height: 0;
 }
-.c-table-wrapper--flex > .table-toolbar[data-v-9f320de0],
-.c-table-wrapper--flex > .batch-actions-bar[data-v-9f320de0],
-.c-table-wrapper--flex > .pagination-wrapper[data-v-9f320de0] {
+.c-table-wrapper--flex > .table-toolbar[data-v-4dff6e79],
+.c-table-wrapper--flex > .batch-actions-bar[data-v-4dff6e79],
+.c-table-wrapper--flex > .pagination-wrapper[data-v-4dff6e79] {
   flex-shrink: 0;
 }
-.column-drag-ghost[data-v-9f320de0] {
+.column-drag-ghost[data-v-4dff6e79] {
   opacity: var(--c-table-drag-ghost-opacity);
   background: var(--c-table-drag-ghost-bg) !important;
 }
-.drag-handle[data-v-9f320de0] {
+.drag-handle[data-v-4dff6e79] {
   cursor: grab;
 }
-.drag-handle[data-v-9f320de0]:active {
+.drag-handle[data-v-4dff6e79]:active {
   cursor: grabbing;
 }
-.c-table-wrapper[data-v-9f320de0] .n-data-table-tfoot {
+.c-table-wrapper[data-v-4dff6e79] .n-data-table-tfoot {
   background: var(--c-table-summary-bg);
   font-weight: var(--c-table-summary-font-weight);
 }
-.table-toolbar[data-v-9f320de0] {
+.table-toolbar[data-v-4dff6e79] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1553,29 +1553,29 @@ to {
   gap: var(--c-table-gap, 12px);
   flex-wrap: wrap;
 }
-.table-toolbar .toolbar-left[data-v-9f320de0] {
+.table-toolbar .toolbar-left[data-v-4dff6e79] {
   display: flex;
   align-items: center;
   gap: var(--c-table-gap, 12px);
   flex-wrap: wrap;
   min-width: 0;
 }
-.table-toolbar .toolbar-right[data-v-9f320de0] {
+.table-toolbar .toolbar-right[data-v-4dff6e79] {
   display: flex;
   align-items: center;
   gap: var(--c-table-gap, 8px);
   flex-wrap: wrap;
 }
-.table-toolbar .toolbar-right .column-settings-btn[data-v-9f320de0] {
+.table-toolbar .toolbar-right .column-settings-btn[data-v-4dff6e79] {
   opacity: 0.6;
   transition: opacity 0.2s ease, transform 0.2s ease;
   cursor: pointer;
 }
-.table-toolbar .toolbar-right .column-settings-btn[data-v-9f320de0]:hover {
+.table-toolbar .toolbar-right .column-settings-btn[data-v-4dff6e79]:hover {
   opacity: 1;
   transform: scale(1.1);
 }
-.dynamic-rows-toolbar[data-v-9f320de0] {
+.dynamic-rows-toolbar[data-v-4dff6e79] {
   margin-bottom: var(--c-table-gap, 16px);
   padding: var(--c-table-gap, 16px);
   border-radius: 8px;
@@ -1584,35 +1584,35 @@ to {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
   transition: all 0.2s ease;
 }
-.dynamic-rows-toolbar[data-v-9f320de0]:hover {
+.dynamic-rows-toolbar[data-v-4dff6e79]:hover {
   border-color: var(--n-primary-color-suppl);
 }
-[data-v-9f320de0] .n-data-table {
+[data-v-4dff6e79] .n-data-table {
   table-layout: auto !important;
   width: 100% !important;
   border-radius: 8px;
   overflow: hidden;
 }
-[data-v-9f320de0] .n-data-table-wrapper {
+[data-v-4dff6e79] .n-data-table-wrapper {
   overflow-x: auto !important;
 }
-.pagination-wrapper[data-v-9f320de0] {
+.pagination-wrapper[data-v-4dff6e79] {
   margin-top: var(--c-table-gap, 16px);
   display: flex;
   justify-content: flex-end;
 }
-[data-v-9f320de0] .c-table-index-column {
+[data-v-4dff6e79] .c-table-index-column {
   padding-inline: 8px;
 }
-[data-v-9f320de0] .c-table-actions-column {
+[data-v-4dff6e79] .c-table-actions-column {
   text-align: center !important;
   padding: 8px 12px !important;
 }
-[data-v-9f320de0] .c-table-actions-column .n-space {
+[data-v-4dff6e79] .c-table-actions-column .n-space {
   justify-content: center !important;
   align-items: center !important;
 }
-[data-v-9f320de0] .cell-edit-wrapper {
+[data-v-4dff6e79] .cell-edit-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1624,18 +1624,18 @@ to {
   cursor: pointer;
   position: relative;
 }
-[data-v-9f320de0] .cell-edit-wrapper:hover {
+[data-v-4dff6e79] .cell-edit-wrapper:hover {
   background-color: var(--n-color-target);
 }
-[data-v-9f320de0] .cell-edit-wrapper:hover .cell-edit-icon {
+[data-v-4dff6e79] .cell-edit-wrapper:hover .cell-edit-icon {
   opacity: 1;
   color: var(--n-color-success);
   transform: scale(1.05);
 }
-[data-v-9f320de0] .cell-edit-wrapper:active {
+[data-v-4dff6e79] .cell-edit-wrapper:active {
   transform: translateY(1px);
 }
-[data-v-9f320de0] .cell-value {
+[data-v-4dff6e79] .cell-value {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1644,7 +1644,7 @@ to {
   line-height: 1.4;
   font-size: 13px;
 }
-.c-table-wrapper[data-v-9f320de0] .cell-edit-icon {
+.c-table-wrapper[data-v-4dff6e79] .cell-edit-icon {
   flex-shrink: 0;
   width: 24px;
   height: 24px;
@@ -1659,20 +1659,20 @@ to {
   opacity: 0;
   position: relative;
 }
-.c-table-wrapper[data-v-9f320de0] .cell-edit-icon:hover {
+.c-table-wrapper[data-v-4dff6e79] .cell-edit-icon:hover {
   opacity: 1 !important;
   color: var(--n-color-success-hover) !important;
   background-color: var(--n-color-success-pressed);
   transform: scale(1.1);
 }
-.c-table-wrapper[data-v-9f320de0] .cell-edit-icon:active {
+.c-table-wrapper[data-v-4dff6e79] .cell-edit-icon:active {
   transform: scale(0.95);
 }
-.c-table-wrapper[data-v-9f320de0] .cell-edit-icon svg {
+.c-table-wrapper[data-v-4dff6e79] .cell-edit-icon svg {
   width: 14px;
   height: 14px;
 }
-.cell-editing-container[data-v-9f320de0],[data-v-9f320de0] .cell-editing-container {
+.cell-editing-container[data-v-4dff6e79],[data-v-4dff6e79] .cell-editing-container {
   display: flex !important;
   align-items: center !important;
   width: 100% !important;
@@ -1684,35 +1684,35 @@ to {
   box-shadow: 0 0 0 2px var(--n-primary-color-suppl) !important;
   gap: 8px !important;
 }
-.cell-editing-input[data-v-9f320de0],[data-v-9f320de0] .cell-editing-input {
+.cell-editing-input[data-v-4dff6e79],[data-v-4dff6e79] .cell-editing-input {
   flex: 1 !important;
   min-width: 0 !important;
 }
-[data-v-9f320de0] .cell-editing-input .n-input {
+[data-v-4dff6e79] .cell-editing-input .n-input {
   border: none !important;
   box-shadow: none !important;
   background: transparent !important;
 }
-[data-v-9f320de0] .cell-editing-input .n-input.n-input--focus {
+[data-v-4dff6e79] .cell-editing-input .n-input.n-input--focus {
   border: none !important;
   box-shadow: none !important;
 }
-[data-v-9f320de0] .cell-editing-input .n-input-number {
+[data-v-4dff6e79] .cell-editing-input .n-input-number {
   border: none !important;
   box-shadow: none !important;
   background: transparent !important;
 }
-[data-v-9f320de0] .cell-editing-input .n-select {
+[data-v-4dff6e79] .cell-editing-input .n-select {
   border: none !important;
   box-shadow: none !important;
   background: transparent !important;
 }
-[data-v-9f320de0] .cell-editing-input .n-select .n-base-selection {
+[data-v-4dff6e79] .cell-editing-input .n-select .n-base-selection {
   border: none !important;
   box-shadow: none !important;
   background: transparent !important;
 }
-.cell-editing-actions[data-v-9f320de0],[data-v-9f320de0] .cell-editing-actions {
+.cell-editing-actions[data-v-4dff6e79],[data-v-4dff6e79] .cell-editing-actions {
   display: flex !important;
   flex-shrink: 0 !important;
   align-items: center !important;
@@ -1723,7 +1723,7 @@ to {
   padding: 2px !important;
   box-shadow: var(--n-box-shadow) !important;
 }
-.cell-action-btn[data-v-9f320de0],[data-v-9f320de0] .cell-action-btn {
+.cell-action-btn[data-v-4dff6e79],[data-v-4dff6e79] .cell-action-btn {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
@@ -1735,25 +1735,25 @@ to {
   transition: all 0.2s ease !important;
   background: transparent !important;
 }
-.cell-action-btn.cell-action-save[data-v-9f320de0],[data-v-9f320de0] .cell-action-btn.cell-action-save {
+.cell-action-btn.cell-action-save[data-v-4dff6e79],[data-v-4dff6e79] .cell-action-btn.cell-action-save {
   color: var(--n-color-success) !important;
 }
-.cell-action-btn.cell-action-save[data-v-9f320de0]:hover,[data-v-9f320de0] .cell-action-btn.cell-action-save:hover {
+.cell-action-btn.cell-action-save[data-v-4dff6e79]:hover,[data-v-4dff6e79] .cell-action-btn.cell-action-save:hover {
   background: var(--n-color-success-pressed) !important;
   transform: scale(1.1) !important;
 }
-.cell-action-btn.cell-action-cancel[data-v-9f320de0],[data-v-9f320de0] .cell-action-btn.cell-action-cancel {
+.cell-action-btn.cell-action-cancel[data-v-4dff6e79],[data-v-4dff6e79] .cell-action-btn.cell-action-cancel {
   color: var(--n-color-error) !important;
 }
-.cell-action-btn.cell-action-cancel[data-v-9f320de0]:hover,[data-v-9f320de0] .cell-action-btn.cell-action-cancel:hover {
+.cell-action-btn.cell-action-cancel[data-v-4dff6e79]:hover,[data-v-4dff6e79] .cell-action-btn.cell-action-cancel:hover {
   background: var(--n-color-error-pressed) !important;
   transform: scale(1.1) !important;
 }
-.cell-action-btn svg[data-v-9f320de0],[data-v-9f320de0] .cell-action-btn svg {
+.cell-action-btn svg[data-v-4dff6e79],[data-v-4dff6e79] .cell-action-btn svg {
   width: 11px !important;
   height: 11px !important;
 }
-[data-v-9f320de0] .n-button {
+[data-v-4dff6e79] .n-button {
   white-space: nowrap;
   font-size: var(--c-table-button-font-size, 12px) !important;
   flex-shrink: 0 !important;
@@ -1761,106 +1761,106 @@ to {
   transition: all 0.2s ease;
   font-weight: 500;
 }
-[data-v-9f320de0] .n-button .n-icon {
+[data-v-4dff6e79] .n-button .n-icon {
   margin-right: 4px !important;
 }
-[data-v-9f320de0] .n-button.n-button--small-type {
+[data-v-4dff6e79] .n-button.n-button--small-type {
   padding: 4px 8px;
   height: 28px;
   line-height: 20px;
 }
-[data-v-9f320de0] .n-button.n-button--quaternary-type:hover {
+[data-v-4dff6e79] .n-button.n-button--quaternary-type:hover {
   transform: translateY(-1px);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
-[data-v-9f320de0] .n-button.n-button--quaternary-type:active {
+[data-v-4dff6e79] .n-button.n-button--quaternary-type:active {
   transform: translateY(0);
 }
-[data-v-9f320de0] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
+[data-v-4dff6e79] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
   margin-right: 6px !important;
 }
-[data-v-9f320de0] .n-modal .n-card {
+[data-v-4dff6e79] .n-modal .n-card {
   border-radius: 12px;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
 }
-[data-v-9f320de0] .n-modal .n-card__header {
+[data-v-4dff6e79] .n-modal .n-card__header {
   padding: 20px 24px 16px;
   font-weight: 600;
   font-size: 16px;
 }
-[data-v-9f320de0] .n-modal .n-card__content {
+[data-v-4dff6e79] .n-modal .n-card__content {
   padding: 0 24px 16px;
 }
-[data-v-9f320de0] .n-modal .n-card__action {
+[data-v-4dff6e79] .n-modal .n-card__action {
   padding: 16px 24px 20px;
   border-top: 1px solid var(--n-divider-color);
 }
-[data-v-9f320de0] .n-descriptions .n-descriptions-item-label {
+[data-v-4dff6e79] .n-descriptions .n-descriptions-item-label {
   font-weight: 500;
   color: var(--n-text-color-2);
 }
-[data-v-9f320de0] .n-descriptions .n-descriptions-item-content {
+[data-v-4dff6e79] .n-descriptions .n-descriptions-item-content {
   color: var(--n-text-color-1);
   word-break: break-all;
 }
 @media (max-width: 768px) {
-.c-table-wrapper[data-v-9f320de0] {
+.c-table-wrapper[data-v-4dff6e79] {
     overflow-x: auto;
 }
-[data-v-9f320de0] .n-button {
+[data-v-4dff6e79] .n-button {
     font-size: 11px !important;
     padding: 3px 6px;
 }
-[data-v-9f320de0] .n-button .n-icon {
+[data-v-4dff6e79] .n-button .n-icon {
     margin-right: 2px !important;
 }
-.cell-edit-icon[data-v-9f320de0] {
+.cell-edit-icon[data-v-4dff6e79] {
     opacity: 0.6;
 }
 }
 @media (max-width: 768px) {
-.cell-editing-container[data-v-9f320de0],[data-v-9f320de0] .cell-editing-container {
+.cell-editing-container[data-v-4dff6e79],[data-v-4dff6e79] .cell-editing-container {
     gap: 6px !important;
 }
-.cell-editing-actions[data-v-9f320de0],[data-v-9f320de0] .cell-editing-actions {
+.cell-editing-actions[data-v-4dff6e79],[data-v-4dff6e79] .cell-editing-actions {
     gap: 3px !important;
     padding: 2px !important;
 }
-.cell-action-btn[data-v-9f320de0],[data-v-9f320de0] .cell-action-btn {
+.cell-action-btn[data-v-4dff6e79],[data-v-4dff6e79] .cell-action-btn {
     width: 18px !important;
     height: 18px !important;
 }
-.cell-action-btn svg[data-v-9f320de0],[data-v-9f320de0] .cell-action-btn svg {
+.cell-action-btn svg[data-v-4dff6e79],[data-v-4dff6e79] .cell-action-btn svg {
     width: 10px !important;
     height: 10px !important;
 }
-.cell-edit-icon[data-v-9f320de0] {
+.cell-edit-icon[data-v-4dff6e79] {
     opacity: 0.6 !important;
 }
-[data-v-9f320de0] .cell-value {
+[data-v-4dff6e79] .cell-value {
     margin-right: 12px !important;
 }
 }
-[data-v-9f320de0] .cell-edit-wrapper:focus-within,[data-v-9f320de0] .cell-editing-container:focus-within {
+[data-v-4dff6e79] .cell-edit-wrapper:focus-within,[data-v-4dff6e79] .cell-editing-container:focus-within {
   outline: 2px solid var(--n-primary-color);
   outline-offset: 2px;
 }
 @media (prefers-contrast: high) {
-.cell-edit-icon[data-v-9f320de0] {
+.cell-edit-icon[data-v-4dff6e79] {
     opacity: 0.8;
 }
-.cell-editing-actions[data-v-9f320de0] {
+.cell-editing-actions[data-v-4dff6e79] {
     border-width: 2px;
 }
 }
-.row-drag-ghost[data-v-9f320de0] {
+.row-drag-ghost[data-v-4dff6e79] {
   opacity: 0.4;
   background: var(--c-table-drag-ghost-bg) !important;
 }
-.row-drag-chosen[data-v-9f320de0] {
+.row-drag-chosen[data-v-4dff6e79] {
   background: var(--n-color-hover, #f5f5f5) !important;
 }
-.batch-actions-bar[data-v-9f320de0] {
+.batch-actions-bar[data-v-4dff6e79] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1870,58 +1870,57 @@ to {
   border-radius: 6px;
   border: 1px solid var(--n-primary-color-suppl, #70b3ff);
 }
-.batch-actions-bar .batch-info[data-v-9f320de0] {
+.batch-actions-bar .batch-info[data-v-4dff6e79] {
   font-size: 13px;
   color: var(--n-text-color-2);
   font-weight: 500;
 }
-.table-error-state[data-v-9f320de0] {
+.table-error-state[data-v-4dff6e79] {
   padding: 48px 24px;
   text-align: center;
 }
-.table-error-state .error-content[data-v-9f320de0] {
+.table-error-state .error-content[data-v-4dff6e79] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
   color: var(--n-text-color-3, #999);
 }
-.table-error-state .error-message[data-v-9f320de0] {
+.table-error-state .error-message[data-v-4dff6e79] {
   font-size: 14px;
   margin: 0;
   color: var(--n-text-color-2, #666);
 }
-.c-table-wrapper[data-v-9f320de0] .n-data-table-th__ellipsis,
-.c-table-wrapper[data-v-9f320de0] .n-data-table-th__title .n-ellipsis {
+.c-table-wrapper[data-v-4dff6e79] .n-data-table-th__ellipsis,
+.c-table-wrapper[data-v-4dff6e79] .n-data-table-th__title .n-ellipsis {
   overflow: visible;
   text-overflow: clip;
   max-width: none;
 }
 
 /* layer: default */
-.visible[data-v-9f320de0]{visibility:visible;}
-.fixed[data-v-9f320de0]{position:fixed;}
-.grid[data-v-9f320de0]{display:grid;}
-.mb-2[data-v-9f320de0]{margin-bottom:0.5rem;}
-.mb-4[data-v-9f320de0]{margin-bottom:1rem;}
-.ml-2[data-v-9f320de0]{margin-left:0.5rem;}
-.w60\%[data-v-9f320de0]{width:60%;}
-.flex[data-v-9f320de0]{display:flex;}
-.table[data-v-9f320de0]{display:table;}
-.scale-110[data-v-9f320de0]{--un-scale-x:1.1;--un-scale-y:1.1;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));}
-.cursor-pointer[data-v-9f320de0]{cursor:pointer;}
-.items-center[data-v-9f320de0]{align-items:center;}
-.justify-end[data-v-9f320de0]{justify-content:flex-end;}
-.justify-center[data-v-9f320de0]{justify-content:center;}
-.rd[data-v-9f320de0]{border-radius:0.25rem;}
-.bg-gray-50[data-v-9f320de0]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
-.p-4[data-v-9f320de0]{padding:1rem;}
-.px[data-v-9f320de0]{padding-left:1rem;padding-right:1rem;}
-.py-8[data-v-9f320de0]{padding-top:2rem;padding-bottom:2rem;}
-.text-center[data-v-9f320de0]{text-align:center;}
-.text-sm[data-v-9f320de0]{font-size:0.875rem;line-height:1.25rem;}
-.text-gray-400[data-v-9f320de0]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
-.text-gray-500[data-v-9f320de0]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
-.text-gray-600[data-v-9f320de0]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
-.accent-blue-500[data-v-9f320de0]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
-.filter[data-v-9f320de0]{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);}
+.visible[data-v-4dff6e79]{visibility:visible;}
+.fixed[data-v-4dff6e79]{position:fixed;}
+.grid[data-v-4dff6e79]{display:grid;}
+.mb-2[data-v-4dff6e79]{margin-bottom:0.5rem;}
+.mb-4[data-v-4dff6e79]{margin-bottom:1rem;}
+.ml-2[data-v-4dff6e79]{margin-left:0.5rem;}
+.flex[data-v-4dff6e79]{display:flex;}
+.table[data-v-4dff6e79]{display:table;}
+.scale-110[data-v-4dff6e79]{--un-scale-x:1.1;--un-scale-y:1.1;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));}
+.cursor-pointer[data-v-4dff6e79]{cursor:pointer;}
+.items-center[data-v-4dff6e79]{align-items:center;}
+.justify-end[data-v-4dff6e79]{justify-content:flex-end;}
+.justify-center[data-v-4dff6e79]{justify-content:center;}
+.rd[data-v-4dff6e79]{border-radius:0.25rem;}
+.bg-gray-50[data-v-4dff6e79]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
+.p-4[data-v-4dff6e79]{padding:1rem;}
+.px[data-v-4dff6e79]{padding-left:1rem;padding-right:1rem;}
+.py-8[data-v-4dff6e79]{padding-top:2rem;padding-bottom:2rem;}
+.text-center[data-v-4dff6e79]{text-align:center;}
+.text-sm[data-v-4dff6e79]{font-size:0.875rem;line-height:1.25rem;}
+.text-gray-400[data-v-4dff6e79]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
+.text-gray-500[data-v-4dff6e79]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
+.text-gray-600[data-v-4dff6e79]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
+.accent-blue-500[data-v-4dff6e79]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
+.filter[data-v-4dff6e79]{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);}