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

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @robot-admin/naive-ui-components
 
+## 0.25.0
+
+### Minor Changes
+
+- 增强字典状态协议与多值翻译。表单、搜索就地显示加载失败与重试，表格聚合列级字典状态；保留旧标签、输入焦点和校验反馈，默认不逐字段弹错，不新增数据缓存或运行时依赖。
+
+## 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.25.0**，版本变化见 [CHANGELOG](./CHANGELOG.md)。
 
 0.24.3–0.24.4 复核了异步校验与编辑会话、字典订阅、列拖拽、媒体与图实例、数据快照及依赖边界，修复已复现的问题并删除死状态与不可达重试分支。审查范围、性能约束和验证证据见[稳定性复核](./docs/stability-review-20261031.md)。
 
@@ -41,8 +41,16 @@
 
 0.24.5 修复表单弹窗首行紧贴标题的问题：标题、内容与页脚通过原生分区样式保持留白，长表单仅内容区滚动，页脚保持可见；样式不穿透内嵌业务卡片。
 
+0.25.0 完善共享字典源的加载、失败与重试反馈，表单和搜索在本地恢复，表格汇总字典状态；支持数组多值翻译，保留原始类型、历史标签和已有校验提示。数据源可直接使用 `@robot-admin/dictionary`，无需组件库与表格互相依赖。
+
+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)。
 
+字典源可提供共享加载状态：表单、搜索就地重试，表格按源汇总一条状态提示；失败保留已有显示，不默认逐字段弹错误。数组编码逐项翻译，普通枚举与显式状态色保持独立。
+
 ## 能力地图
 
 `C_Table` 保留 Naive UI 原生空态，继承 Provider 的主题、语言与 `componentOptions.DataTable.renderEmpty`。使用 `#empty` 可替换单个表格的空态内容。

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.25.0**; 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,8 +41,16 @@ 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.25.0 adds shared dictionary state, local retry feedback in forms and searches, and one status summary per table. Array values translate item by item while preserving model types, historical labels and validation messages. Structurally compatible sources from `@robot-admin/dictionary` need no additional UI adapter.
+
+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).
 
+Dictionary sources can expose shared loading states. Forms and search offer local retry, while tables show one status summary per source. Failures retain existing labels without automatic per-field messages. Array values are translated individually; ordinary enums remain separate from explicitly configured status colors.
+
 ## Capability map
 
 `C_Table` retains the native Naive UI empty state, including provider theme, locale and `componentOptions.DataTable.renderEmpty`. Use `#empty` to replace the content of one table.

package/dist/C_Form.base.css

@@ -1,12 +1,24 @@
 :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)}
 
-.c-form .c-form-actions[data-v-12ebc552] {
+.c-form[data-v-91d7b669] .c-form-option-state {
+  width: 100%;
+  min-width: 0;
+}
+.c-form[data-v-91d7b669] .c-form-option-error {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding-top: 4px;
+  color: var(--error-color, #d03050);
+  font-size: 12px;
+}
+.c-form .c-form-actions[data-v-91d7b669] {
   margin-top: var(--c-form-row-gap, 20px);
 }
-:is(.c-form--default[data-v-12ebc552], .c-form--compact[data-v-12ebc552], .c-form--comfortable[data-v-12ebc552]) .c-form-field .n-form-item-feedback-wrapper {
+:is(.c-form--default[data-v-91d7b669], .c-form--compact[data-v-91d7b669], .c-form--comfortable[data-v-91d7b669]) .c-form-field .n-form-item-feedback-wrapper {
   min-height: var(--c-form-item-gap);
 }
-:is(.c-form--default[data-v-12ebc552], .c-form--compact[data-v-12ebc552], .c-form--comfortable[data-v-12ebc552]) :is(
+:is(.c-form--default[data-v-91d7b669], .c-form--compact[data-v-91d7b669], .c-form--comfortable[data-v-91d7b669]) :is(
       .c-form-card > .n-card,
       .c-form-card > .form-content > .n-card,
       .c-form-steps > .steps-container > .steps-content,
@@ -19,14 +31,14 @@
 }
 
 /* layer: default */
-.visible[data-v-12ebc552]{visibility:visible;}
-.grid[data-v-12ebc552]{display:grid;}
-.inline[data-v-12ebc552]{display:inline;}
-.block[data-v-12ebc552]{display:block;}
-.hidden[data-v-12ebc552]{display:none;}
-.px[data-v-12ebc552]{padding-left:1rem;padding-right:1rem;}
-.blur[data-v-12ebc552]{--un-blur:blur(8px);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);}
-.filter[data-v-12ebc552]{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-91d7b669]{visibility:visible;}
+.grid[data-v-91d7b669]{display:grid;}
+.inline[data-v-91d7b669]{display:inline;}
+.block[data-v-91d7b669]{display:block;}
+.hidden[data-v-91d7b669]{display:none;}
+.px[data-v-91d7b669]{padding-left:1rem;padding-right:1rem;}
+.blur[data-v-91d7b669]{--un-blur:blur(8px);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);}
+.filter[data-v-91d7b669]{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);}
 
 /* Card 布局样式 */
 .c-form-card[data-v-a53d698e] {

package/dist/C_Form.css

@@ -1,11 +1,23 @@
 @import "./C_Editor.css";
-.c-form .c-form-actions[data-v-12ebc552] {
+.c-form[data-v-91d7b669] .c-form-option-state {
+  width: 100%;
+  min-width: 0;
+}
+.c-form[data-v-91d7b669] .c-form-option-error {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding-top: 4px;
+  color: var(--error-color, #d03050);
+  font-size: 12px;
+}
+.c-form .c-form-actions[data-v-91d7b669] {
   margin-top: var(--c-form-row-gap, 20px);
 }
-:is(.c-form--default[data-v-12ebc552], .c-form--compact[data-v-12ebc552], .c-form--comfortable[data-v-12ebc552]) .c-form-field .n-form-item-feedback-wrapper {
+:is(.c-form--default[data-v-91d7b669], .c-form--compact[data-v-91d7b669], .c-form--comfortable[data-v-91d7b669]) .c-form-field .n-form-item-feedback-wrapper {
   min-height: var(--c-form-item-gap);
 }
-:is(.c-form--default[data-v-12ebc552], .c-form--compact[data-v-12ebc552], .c-form--comfortable[data-v-12ebc552]) :is(
+:is(.c-form--default[data-v-91d7b669], .c-form--compact[data-v-91d7b669], .c-form--comfortable[data-v-91d7b669]) :is(
       .c-form-card > .n-card,
       .c-form-card > .form-content > .n-card,
       .c-form-steps > .steps-container > .steps-content,
@@ -18,14 +30,14 @@
 }
 
 /* layer: default */
-.visible[data-v-12ebc552]{visibility:visible;}
-.grid[data-v-12ebc552]{display:grid;}
-.inline[data-v-12ebc552]{display:inline;}
-.block[data-v-12ebc552]{display:block;}
-.hidden[data-v-12ebc552]{display:none;}
-.px[data-v-12ebc552]{padding-left:1rem;padding-right:1rem;}
-.blur[data-v-12ebc552]{--un-blur:blur(8px);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);}
-.filter[data-v-12ebc552]{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-91d7b669]{visibility:visible;}
+.grid[data-v-91d7b669]{display:grid;}
+.inline[data-v-91d7b669]{display:inline;}
+.block[data-v-91d7b669]{display:block;}
+.hidden[data-v-91d7b669]{display:none;}
+.px[data-v-91d7b669]{padding-left:1rem;padding-right:1rem;}
+.blur[data-v-91d7b669]{--un-blur:blur(8px);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);}
+.filter[data-v-91d7b669]{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);}
 
 /* Card 布局样式 */
 .c-form-card[data-v-a53d698e] {

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_FormSearch.css

@@ -1,61 +1,61 @@
 :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)}
 
-.form-search-card[data-v-4e8be665] {
+.form-search-card[data-v-e69210f0] {
   min-width: 0;
 }
-.form-search-card[data-v-4e8be665] :is(.n-card-content, .n-card__content) {
+.form-search-card[data-v-e69210f0] :is(.n-card-content, .n-card__content) {
   padding: var(--c-search-padding, 20px);
 }
-.form-search-layout[data-v-4e8be665] {
+.form-search-layout[data-v-e69210f0] {
   min-width: 0;
 }
-.form-search-input-control[data-v-4e8be665] {
+.form-search-input-control[data-v-e69210f0] {
   position: relative;
   min-width: 0;
   max-width: 100%;
 }
-.form-search .form-search-number-range[data-v-4e8be665] {
+.form-search .form-search-number-range[data-v-e69210f0] {
   display: flex;
   gap: 8px;
   width: var(--c-search-field-width, 260px);
   max-width: 100%;
   min-width: 0;
 }
-.form-search .form-search-number-range[data-v-4e8be665] .n-input-number {
+.form-search .form-search-number-range[data-v-e69210f0] .n-input-number {
   flex: 1;
   min-width: 0;
   width: 0;
 }
-.form-search .form-search-number-range[data-v-4e8be665] .n-input {
+.form-search .form-search-number-range[data-v-e69210f0] .n-input {
   width: 100%;
   min-width: 0;
 }
-.form-search .form-search-hidden-count[data-v-4e8be665] {
+.form-search .form-search-hidden-count[data-v-e69210f0] {
   color: var(--n-label-text-color, var(--n-text-color));
   font-size: 12px;
   white-space: nowrap;
 }
-.form-search-actions[data-v-4e8be665] .n-form-item-blank {
+.form-search-actions[data-v-e69210f0] .n-form-item-blank {
   gap: 8px;
   flex-wrap: wrap;
 }
-.form-search[data-v-4e8be665] {
+.form-search[data-v-e69210f0] {
   display: flex;
   flex-wrap: wrap;
   align-items: end;
   gap: var(--c-search-row-gap, 20px) var(--c-search-gap, 32px);
 }
-.form-search .form-search-item-box .form-item-input[data-v-4e8be665] {
+.form-search .form-search-item-box .form-item-input[data-v-e69210f0] {
   position: relative;
 }
-.form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-input,
-.form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-select,
-.form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-input-number,
-.form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-input,
+.form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-select,
+.form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-input-number,
+.form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-date-picker {
   width: var(--c-search-field-width, 260px);
   max-width: 100%;
 }
-.form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-space .n-button {
+.form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-space .n-button {
   width: var(--n-height);
   padding: 0;
   display: flex;
@@ -63,14 +63,14 @@
   justify-content: center;
   transition: all 0.2s ease;
 }
-.form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-space .n-button:hover {
+.form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-space .n-button:hover {
   transform: translateY(-1px);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }
-.form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-space .n-button .n-button__icon {
+.form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-space .n-button .n-button__icon {
   margin: 0;
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-4e8be665] {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-e69210f0] {
   width: 100%;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
   border: 1px solid var(--n-border-color);
@@ -86,7 +86,7 @@
   max-height: 240px;
   overflow-y: auto;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-4e8be665] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-e69210f0] {
   padding: 10px 12px;
   display: flex;
   align-items: center;
@@ -97,24 +97,24 @@
   transition: all 0.2s ease;
   position: relative;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-4e8be665]:hover {
+.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-e69210f0]:hover {
   background: var(--n-option-color-hover);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item:hover .delete-icon[data-v-4e8be665] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item:hover .delete-icon[data-v-e69210f0] {
   opacity: 1;
   transform: scale(1);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-4e8be665]:not(:last-of-type) {
+.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-e69210f0]:not(:last-of-type) {
   border-bottom: 1px solid var(--n-divider-color);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item .history-text[data-v-4e8be665] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item .history-text[data-v-e69210f0] {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-right: 8px;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-4e8be665] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-e69210f0] {
   opacity: 0;
   transform: scale(0.8);
   transition: all 0.2s ease;
@@ -126,135 +126,135 @@
   align-items: center;
   justify-content: center;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-4e8be665]:hover {
+.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-e69210f0]:hover {
   background: var(--n-close-color-hover);
   color: var(--n-close-color-pressed);
   transform: scale(1.1);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-footer[data-v-4e8be665] {
+.form-search .form-search-item-box .form-item-input .input-history .history-footer[data-v-e69210f0] {
   padding: 8px 12px;
   border-top: 1px solid var(--n-divider-color);
   background: var(--n-modal-color);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-4e8be665] {
+.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-e69210f0] {
   color: var(--n-text-color-disabled);
   font-size: 12px;
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-4e8be665]:hover {
+.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-e69210f0]:hover {
   color: var(--n-error-color);
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-4e8be665] {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-e69210f0] {
   /* custom scrollbar */
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-4e8be665]::-webkit-scrollbar {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-e69210f0]::-webkit-scrollbar {
   width: 6px;
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-4e8be665]::-webkit-scrollbar-track {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-e69210f0]::-webkit-scrollbar-track {
   background: transparent;
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-4e8be665]::-webkit-scrollbar-thumb {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-e69210f0]::-webkit-scrollbar-thumb {
   background: var(--n-scrollbar-color);
   border-radius: 3px;
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-4e8be665]::-webkit-scrollbar-thumb:hover {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-e69210f0]::-webkit-scrollbar-thumb:hover {
   background: var(--n-scrollbar-color-hover);
 }
 
 /* responsive */
 @media (max-width: 1400px) {
-.form-search[data-v-4e8be665] {
+.form-search[data-v-e69210f0] {
     gap: var(--c-search-row-gap, 16px) var(--c-search-gap, 28px);
 }
-.form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-input,
-  .form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-select,
-  .form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-input-number,
-  .form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-input,
+  .form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-select,
+  .form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-input-number,
+  .form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-date-picker {
     width: var(--c-search-field-width, 240px);
 }
 }
 @media (max-width: 1200px) {
-.form-search[data-v-4e8be665] {
+.form-search[data-v-e69210f0] {
     gap: var(--c-search-row-gap, 16px) var(--c-search-gap, 24px);
 }
-.form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-input,
-  .form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-select,
-  .form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-input-number,
-  .form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-input,
+  .form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-select,
+  .form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-input-number,
+  .form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-date-picker {
     width: var(--c-search-field-width, 220px);
 }
 }
 @media (max-width: 900px) {
-.form-search[data-v-4e8be665] {
+.form-search[data-v-e69210f0] {
     gap: var(--c-search-row-gap, 12px) var(--c-search-gap, 20px);
 }
-.form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-input,
-  .form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-select,
-  .form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-input-number,
-  .form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-input,
+  .form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-select,
+  .form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-input-number,
+  .form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-date-picker {
     width: var(--c-search-field-width, 200px);
 }
 }
 @media (max-width: 600px) {
-.form-search-card[data-v-4e8be665] :is(.n-card-content, .n-card__content) {
+.form-search-card[data-v-e69210f0] :is(.n-card-content, .n-card__content) {
     padding: var(--c-search-padding, 16px);
 }
-.form-search[data-v-4e8be665] {
+.form-search[data-v-e69210f0] {
     gap: var(--c-search-row-gap, 12px) 0;
 }
-.form-search .form-search-item-box[data-v-4e8be665] {
+.form-search .form-search-item-box[data-v-e69210f0] {
     width: 100%;
 }
-.form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-input,
-  .form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-select,
-  .form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-input-number,
-  .form-search .form-search-item-box .form-item-input[data-v-4e8be665] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-input,
+  .form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-select,
+  .form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-input-number,
+  .form-search .form-search-item-box .form-item-input[data-v-e69210f0] .n-date-picker {
     width: 100%;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-4e8be665] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-e69210f0] {
     opacity: 1;
 }
 }
 /* grid 由容器宽度决定列数；所有控件占轨道宽度，字段 span 在逻辑层钳制。 */
-.form-search.form-search--grid[data-v-4e8be665] {
+.form-search.form-search--grid[data-v-e69210f0] {
   display: grid;
   align-items: end;
 }
-.form-search.form-search--grid .form-search-item-box[data-v-4e8be665] {
+.form-search.form-search--grid .form-search-item-box[data-v-e69210f0] {
   min-width: 0;
   width: auto;
 }
-.form-search.form-search--grid .form-search-item-box .form-item-input[data-v-4e8be665] {
+.form-search.form-search--grid .form-search-item-box .form-item-input[data-v-e69210f0] {
   min-width: 0;
 }
-.form-search.form-search--grid .form-search-item-box .form-item-input[data-v-4e8be665] .n-input,
-.form-search.form-search--grid .form-search-item-box .form-item-input[data-v-4e8be665] .n-select,
-.form-search.form-search--grid .form-search-item-box .form-item-input[data-v-4e8be665] .n-input-number,
-.form-search.form-search--grid .form-search-item-box .form-item-input[data-v-4e8be665] .n-date-picker,
-.form-search.form-search--grid .form-search-item-box .form-item-input .form-search-input-control[data-v-4e8be665],
-.form-search.form-search--grid .form-search-item-box .form-item-input .form-search-number-range[data-v-4e8be665] {
+.form-search.form-search--grid .form-search-item-box .form-item-input[data-v-e69210f0] .n-input,
+.form-search.form-search--grid .form-search-item-box .form-item-input[data-v-e69210f0] .n-select,
+.form-search.form-search--grid .form-search-item-box .form-item-input[data-v-e69210f0] .n-input-number,
+.form-search.form-search--grid .form-search-item-box .form-item-input[data-v-e69210f0] .n-date-picker,
+.form-search.form-search--grid .form-search-item-box .form-item-input .form-search-input-control[data-v-e69210f0],
+.form-search.form-search--grid .form-search-item-box .form-item-input .form-search-number-range[data-v-e69210f0] {
   width: 100%;
   min-width: 0;
 }
-.form-search.form-search--grid .form-search-number-range[data-v-4e8be665] .n-input-number {
+.form-search.form-search--grid .form-search-number-range[data-v-e69210f0] .n-input-number {
   width: 0;
 }
-.form-search.form-search--grid .form-search-actions[data-v-4e8be665] {
+.form-search.form-search--grid .form-search-actions[data-v-e69210f0] {
   grid-column: -2/-1;
   justify-self: end;
 }
 
 /* layer: icons */
-.i-mdi\:chevron-down[data-v-4e8be665]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
-.i-mdi\:chevron-up[data-v-4e8be665]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
-.i-mdi\:close[data-v-4e8be665]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
-.i-mdi\:refresh[data-v-4e8be665]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6a6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
-.i-mdi\:search[data-v-4e8be665]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:chevron-down[data-v-e69210f0]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:chevron-up[data-v-e69210f0]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:close[data-v-e69210f0]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:refresh[data-v-e69210f0]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6a6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:search[data-v-e69210f0]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
 /* layer: default */
-.visible[data-v-4e8be665]{visibility:visible;}
-.grid[data-v-4e8be665]{display:grid;}
-.inline[data-v-4e8be665]{display:inline;}
-.h-4[data-v-4e8be665]{height:1rem;}
-.w-4[data-v-4e8be665]{width:1rem;}
-.px[data-v-4e8be665]{padding-left:1rem;padding-right:1rem;}
+.visible[data-v-e69210f0]{visibility:visible;}
+.grid[data-v-e69210f0]{display:grid;}
+.inline[data-v-e69210f0]{display:inline;}
+.h-4[data-v-e69210f0]{height:1rem;}
+.w-4[data-v-e69210f0]{width:1rem;}
+.px[data-v-e69210f0]{padding-left:1rem;padding-right:1rem;}