@robot-admin/naive-ui-components 0.24.0 → 0.24.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @robot-admin/naive-ui-components
 
+## 0.24.2
+
+### Patch Changes
+
+- C_FormModal 移除与受控模型重复的 initialValues 订阅，避免单字段输入重建整份配置；400 字段普通表单与弹窗均验证局部控件更新。
+
+- 紧凑表单与搜索改为 4px 纵向间距、2px 空反馈预留，错误仍自然撑高。收紧紧凑表单弹窗壳并建立内部滚动高度链；移除 Grid/Dynamic 逐字段入场及 Inline/Card 布局尺寸动画，保留原生控件反馈。增加 400 字段局部更新回归，不引入额外观察器或逐字段动画节点。
+
+## 0.24.1
+
+### Patch Changes
+
+- C_Table 默认完整展示所有列头，解除单元格 ellipsis 对表头的连带省略。完整标题及排序筛选控件作为初始宽度、列设置及拖拽缩列的统一下限，内容测宽上限只约束数据单元格，保留原生滚动和主题。
+
 ## 0.24.0
 
 ### Minor Changes

package/README.md

@@ -33,7 +33,7 @@
 | 按需消费 | 60 个独立组件入口、自动导入 Resolver、组件样式入口，以及表单／表格的基础样式层级                       |
 | 独立接入 | 支持全量注册与局部导入；反馈、文案和全局配置可由宿主提供，表单弹窗可接入结构兼容的 Headless CRUD       |
 
-组件库负责界面与交互；业务接口、身份权限、上传服务和第三方平台配置由应用接入。当前仓库版本 **0.24.0**，版本变化见 [CHANGELOG](./CHANGELOG.md)。
+组件库负责界面与交互；业务接口、身份权限、上传服务和第三方平台配置由应用接入。当前仓库版本 **0.24.2**，版本变化见 [CHANGELOG](./CHANGELOG.md)。
 
 表单与搜索共用 `config.density: 'compact'`：收紧字段、布局和空校验区，实际错误仍自然展开。表单弹窗默认紧凑，页脚按钮 22px；搜索可继承应用密度。紧凑数字输入默认隐藏步进按钮，保留键盘、精度和上下限，也可逐字段开启。按需设置默认值与显式覆盖见[表单密度](./docs/guides/form-density.md)。
 
@@ -241,4 +241,6 @@ const columns = [
 
 测宽不额外挂载或执行 render；图标、进度条和复杂自定义内容请显式指定 width。数据与字典更新会触发新的有界测量，配置和缓存只属于当前组件实例。此版本将未声明宽度的业务列由自然布局改为有界内容宽度；既有显式布局及原生 table-layout 覆盖仍保留。
 
-可拖动列的最小宽度会计入列头文字和排序/筛选控件；与显式 minWidth 取较大值，避免缩窄时压盖标题。超长标题的默认保护上限为 360px，复杂自定义标题请配置 minWidth。
+表头默认完整展示，不随单元格 ellipsis 配置省略。所有业务列的最小宽度计入完整标题及排序/筛选控件；初始布局、显式窄列宽、恢复列设置与拖拽缩列均受此下限保护。360px 仅限制数据内容测宽；标题更长时允许超过该值，并使用表格内部横向滚动。复杂自定义标题请配置 minWidth。
+
+紧凑表单与搜索的纵向间距收紧至 4px，空反馈区 2px，校验按内容自然撑高。表单弹窗同步收紧并支持内部滚动；移除逐字段排队入场和布局尺寸动画。详情的左右同排展示见 Robot_Admin 产销模块。

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.0**; 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.2**; see the [changelog](./CHANGELOG.md) for release details.
 
 Forms and search share `config.density: 'compact'`, reducing field spacing and empty validation space while allowing errors to expand naturally. Form modals default to compact density with 22px footer buttons, and search can inherit application density. Compact numeric fields hide step buttons by default while retaining keyboard interaction, precision and limits; individual fields can enable buttons. See [form density](./docs/guides/form-density.en.md) for on-demand defaults and explicit overrides.
 
@@ -221,3 +221,7 @@ See [development and build](./docs/engineering.en.md) for individual checks and
 Columns without `width` now measure their header and up to 100 evenly sampled loaded rows, using formatted, dictionary and status labels. Automatic widths default to 80–360px; use `minWidth/maxWidth` to adjust. Explicit widths (including native strings), saved column widths and `display.columnWidth` take precedence. `autoWidth: false` restores the 180px default. Long automatic cells use ellipsis and a tooltip; horizontal virtualization uses the same numeric widths.
 
 Use `{ key: 'status', status: true }` for themed status tags, or `status: { S1B: { label: 'Review', color: 'danger' }, S1C: 'success' }`. Semantic colors and CSS colors are supported. Unknown codes stay neutral, zero/false stay valid, and explicit render functions win. Display changes never rewrite data or export policy. Measurement does not invoke render functions; give graphical/custom columns explicit widths. Data and dictionary updates remeasure a bounded sample; all caches remain component-local.
+
+Headers display their full text by default, independently of cell ellipsis. Initial layout, explicit or restored narrow widths, and interactive resizing share a minimum that includes the entire title and its sort/filter controls. The 360px measurement cap applies only to cell content; longer headers use internal horizontal scrolling. Custom header content should declare an appropriate minWidth.
+
+Compact forms and searches use a 4px row gap and a 2px empty feedback reserve; validation messages grow naturally. Compact form dialogs use tighter padding and internal scrolling. Per-field entrance and layout-size animations have been removed.

package/dist/C_Form.base.css

@@ -90,7 +90,6 @@
 /* ================= 卡片样式 ================= */
 .single-card[data-v-a53d698e],
 .group-card[data-v-a53d698e] {
-  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
   border-left-width: 4px;
 }
 .single-card[data-v-a53d698e],
@@ -587,8 +586,6 @@
 }
 .dynamic-item-wrapper[data-v-fec8ee7f] {
   position: relative;
-  transition: all 0.3s ease;
-  animation: fadeInUp-fec8ee7f 0.3s ease-out;
 }
 .dynamic-item-wrapper.is-dynamic-field[data-v-fec8ee7f] {
   border: 1px dashed var(--n-color-primary);
@@ -607,16 +604,7 @@
   white-space: nowrap;
   color: var(--n-text-color-2);
 }
-@keyframes fadeInUp-fec8ee7f {
-from {
-    opacity: 0;
-    transform: translateY(10px);
-}
-to {
-    opacity: 1;
-    transform: translateY(0);
-}
-}
+
 /* 响应式设计 */
 @media (max-width: 768px) {
 .dynamic-controls[data-v-fec8ee7f],
@@ -633,13 +621,6 @@ to {
     margin-top: 8px;
 }
 }
-/* 辅助功能 */
-@media (prefers-reduced-motion: reduce) {
-.dynamic-item-wrapper[data-v-fec8ee7f] {
-    animation: none !important;
-    transition: none !important;
-}
-}
 @media (prefers-contrast: high) {
 .dynamic-item-wrapper.is-dynamic-field[data-v-fec8ee7f] {
     border-width: 2px;
@@ -690,70 +671,6 @@ to {
 .c-grid-layout .grid-container[data-v-185a44af] {
   width: 100%;
 }
-.c-grid-layout .grid-container .grid-item[data-v-185a44af] {
-  /* 进场动画 */
-  animation: fadeInUp-185a44af 0.3s ease-out both;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(1) {
-  animation-delay: 0.05s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(2) {
-  animation-delay: 0.1s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(3) {
-  animation-delay: 0.15s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(4) {
-  animation-delay: 0.2s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(5) {
-  animation-delay: 0.25s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(6) {
-  animation-delay: 0.3s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(7) {
-  animation-delay: 0.35s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(8) {
-  animation-delay: 0.4s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(9) {
-  animation-delay: 0.45s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(10) {
-  animation-delay: 0.5s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(11) {
-  animation-delay: 0.55s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(12) {
-  animation-delay: 0.6s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(13) {
-  animation-delay: 0.65s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(14) {
-  animation-delay: 0.7s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(15) {
-  animation-delay: 0.75s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(16) {
-  animation-delay: 0.8s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(17) {
-  animation-delay: 0.85s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(18) {
-  animation-delay: 0.9s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(19) {
-  animation-delay: 0.95s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(20) {
-  animation-delay: 1s;
-}
 .c-grid-layout[data-v-185a44af] {
   /* 统计信息 */
 }
@@ -763,17 +680,6 @@ to {
   opacity: 0.8;
 }
 
-/* 动画定义 */
-@keyframes fadeInUp-185a44af {
-from {
-    opacity: 0;
-    transform: translateY(10px) scale(0.95);
-}
-to {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-}
-}
 /* 表单控件统一宽度 */
 [data-v-185a44af] .n-form-item .n-form-item-blank {
   /* 统一所有表单控件的宽度 */
@@ -791,12 +697,6 @@ to {
 .c-grid-layout .config-panel .config-controls .config-item[data-v-185a44af] {
     justify-content: space-between;
 }
-.c-grid-layout .grid-container[data-v-185a44af] .n-grid {
-    gap: 0.5rem !important;
-}
-.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-185a44af] {
-    padding: 0.125rem;
-}
 .c-grid-layout .grid-stats[data-v-185a44af] {
     margin-top: 0.75rem;
     font-size: 0.875rem;
@@ -833,11 +733,9 @@ to {
 .c-form-inline[data-v-711f6c00] {
   width: 100%;
   min-height: 0;
-  transition: all 0.3s ease;
 }
 .c-form-inline-item[data-v-711f6c00] {
   min-width: 0;
-  transition: all 0.3s ease;
 }
 
 /* 确保内部所有表单组件都占满容器宽度 */

package/dist/C_Form.css

@@ -89,7 +89,6 @@
 /* ================= 卡片样式 ================= */
 .single-card[data-v-a53d698e],
 .group-card[data-v-a53d698e] {
-  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
   border-left-width: 4px;
 }
 .single-card[data-v-a53d698e],
@@ -586,8 +585,6 @@
 }
 .dynamic-item-wrapper[data-v-fec8ee7f] {
   position: relative;
-  transition: all 0.3s ease;
-  animation: fadeInUp-fec8ee7f 0.3s ease-out;
 }
 .dynamic-item-wrapper.is-dynamic-field[data-v-fec8ee7f] {
   border: 1px dashed var(--n-color-primary);
@@ -606,16 +603,7 @@
   white-space: nowrap;
   color: var(--n-text-color-2);
 }
-@keyframes fadeInUp-fec8ee7f {
-from {
-    opacity: 0;
-    transform: translateY(10px);
-}
-to {
-    opacity: 1;
-    transform: translateY(0);
-}
-}
+
 /* 响应式设计 */
 @media (max-width: 768px) {
 .dynamic-controls[data-v-fec8ee7f],
@@ -632,13 +620,6 @@ to {
     margin-top: 8px;
 }
 }
-/* 辅助功能 */
-@media (prefers-reduced-motion: reduce) {
-.dynamic-item-wrapper[data-v-fec8ee7f] {
-    animation: none !important;
-    transition: none !important;
-}
-}
 @media (prefers-contrast: high) {
 .dynamic-item-wrapper.is-dynamic-field[data-v-fec8ee7f] {
     border-width: 2px;
@@ -689,70 +670,6 @@ to {
 .c-grid-layout .grid-container[data-v-185a44af] {
   width: 100%;
 }
-.c-grid-layout .grid-container .grid-item[data-v-185a44af] {
-  /* 进场动画 */
-  animation: fadeInUp-185a44af 0.3s ease-out both;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(1) {
-  animation-delay: 0.05s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(2) {
-  animation-delay: 0.1s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(3) {
-  animation-delay: 0.15s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(4) {
-  animation-delay: 0.2s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(5) {
-  animation-delay: 0.25s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(6) {
-  animation-delay: 0.3s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(7) {
-  animation-delay: 0.35s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(8) {
-  animation-delay: 0.4s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(9) {
-  animation-delay: 0.45s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(10) {
-  animation-delay: 0.5s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(11) {
-  animation-delay: 0.55s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(12) {
-  animation-delay: 0.6s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(13) {
-  animation-delay: 0.65s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(14) {
-  animation-delay: 0.7s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(15) {
-  animation-delay: 0.75s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(16) {
-  animation-delay: 0.8s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(17) {
-  animation-delay: 0.85s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(18) {
-  animation-delay: 0.9s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(19) {
-  animation-delay: 0.95s;
-}
-.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(20) {
-  animation-delay: 1s;
-}
 .c-grid-layout[data-v-185a44af] {
   /* 统计信息 */
 }
@@ -762,17 +679,6 @@ to {
   opacity: 0.8;
 }
 
-/* 动画定义 */
-@keyframes fadeInUp-185a44af {
-from {
-    opacity: 0;
-    transform: translateY(10px) scale(0.95);
-}
-to {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-}
-}
 /* 表单控件统一宽度 */
 [data-v-185a44af] .n-form-item .n-form-item-blank {
   /* 统一所有表单控件的宽度 */
@@ -790,12 +696,6 @@ to {
 .c-grid-layout .config-panel .config-controls .config-item[data-v-185a44af] {
     justify-content: space-between;
 }
-.c-grid-layout .grid-container[data-v-185a44af] .n-grid {
-    gap: 0.5rem !important;
-}
-.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-185a44af] {
-    padding: 0.125rem;
-}
 .c-grid-layout .grid-stats[data-v-185a44af] {
     margin-top: 0.75rem;
     font-size: 0.875rem;
@@ -832,11 +732,9 @@ to {
 .c-form-inline[data-v-711f6c00] {
   width: 100%;
   min-height: 0;
-  transition: all 0.3s ease;
 }
 .c-form-inline-item[data-v-711f6c00] {
   min-width: 0;
-  transition: all 0.3s ease;
 }
 
 /* 确保内部所有表单组件都占满容器宽度 */

package/dist/C_FormModal.css

@@ -6,41 +6,54 @@
  * @Description: 紧凑型数据驱动表单弹窗样式
  * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
  */
-.c-form-modal[data-v-67de2c49] {
+.c-form-modal[data-v-66511257] {
   overflow: hidden;
   border-radius: 10px;
 }
-.c-form-modal[data-v-67de2c49] .n-card-header {
+.c-form-modal[data-v-66511257] .n-card-header {
   min-height: 46px;
   padding: 12px 16px;
   border-bottom: 1px solid var(--n-border-color);
 }
-.c-form-modal[data-v-67de2c49] .n-card-header__main {
+.c-form-modal[data-v-66511257] .n-card-header__main {
   font-size: 15px;
   font-weight: 650;
 }
-.c-form-modal[data-v-67de2c49] :is(.n-card-content, .n-card__content) {
+.c-form-modal[data-v-66511257] :is(.n-card-content, .n-card__content) {
   padding: 14px 16px 8px;
 }
-.c-form-modal[data-v-67de2c49] .n-card__action {
+.c-form-modal[data-v-66511257] .n-form-item {
+  margin-bottom: 2px;
+}
+.c-form-modal[data-v-66511257] .n-card__action {
   display: flex;
   justify-content: flex-end;
   padding: 10px 16px;
   background: color-mix(in srgb, var(--n-color-modal) 94%, var(--n-border-color));
   border-top: 1px solid var(--n-border-color);
 }
-.c-form-modal[data-v-67de2c49] .n-form-item {
-  margin-bottom: 2px;
-}
 @media (max-width: 640px) {
-.c-form-modal[data-v-67de2c49] :is(.n-card-content, .n-card__content) {
+.c-form-modal[data-v-66511257] :is(.n-card-content, .n-card__content) {
     padding-inline: 12px;
 }
-.c-form-modal[data-v-67de2c49] .n-card__action {
+.c-form-modal[data-v-66511257] .n-card__action {
     padding-inline: 12px;
 }
 }
+.c-form-modal--compact[data-v-66511257] .n-form-item {
+  margin-bottom: 0;
+}
+.c-form-modal--compact[data-v-66511257] .n-card-header {
+  min-height: 40px;
+  padding: 8px 12px;
+}
+.c-form-modal--compact[data-v-66511257] :is(.n-card-content, .n-card__content) {
+  padding: 10px 12px 8px;
+}
+.c-form-modal--compact[data-v-66511257] .n-card__action {
+  padding: 8px 12px;
+}
 
 /* layer: default */
-.visible[data-v-67de2c49]{visibility:visible;}
-.px[data-v-67de2c49]{padding-left:1rem;padding-right:1rem;}
+.visible[data-v-66511257]{visibility:visible;}
+.px[data-v-66511257]{padding-left:1rem;padding-right:1rem;}

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||y()}}),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)({get:()=>c.editor.model.value??{},set:e=>{c.editor.setModel(e)}}),v=(0,a.computed)(()=>({...c.config,density:f.value,mode:c.editor.mode.value,initialValues:c.editor.model.value??void 0,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)}})),y=()=>{c.editor.close(),l(`close`)},b=(0,a.computed)(()=>{let t=r.r(v.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`}}),x=(0,a.computed)(()=>n.a([{key:`cancel`,label:c.cancelText,disabled:h,onClick:y},{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,style:(0,a.normalizeStyle)({width:g.value}),"mask-closable":t.maskClosable,"close-on-esc":t.closeOnEsc,closable:t.closable,class:`c-form-modal`},{action:(0,a.withCtx)(()=>[(0,a.createVNode)(n.t,{actions:x.value,config:b.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:_.value,"onUpdate:modelValue":r[0]||=e=>_.value=e,options:t.options,config:v.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`,`style`,`mask-closable`,`close-on-esc`,`closable`]))}});var c=t.t(s,[[`__scopeId`,`data-v-67de2c49`]]);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`);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||y()}}),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)({get:()=>c.editor.model.value??{},set:e=>{c.editor.setModel(e)}}),v=(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)}})),y=()=>{c.editor.close(),l(`close`)},b=(0,a.computed)(()=>{let t=r.r(v.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`}}),x=(0,a.computed)(()=>n.a([{key:`cancel`,label:c.cancelText,disabled:h,onClick:y},{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,style:(0,a.normalizeStyle)({width:g.value,maxHeight:`calc(100dvh - 32px)`}),"content-style":`min-height: 0; overflow: auto`,"mask-closable":t.maskClosable,"close-on-esc":t.closeOnEsc,closable:t.closable,class:(0,a.normalizeClass)([`c-form-modal`,`c-form-modal--${f.value}`])},{action:(0,a.withCtx)(()=>[(0,a.createVNode)(n.t,{actions:x.value,config:b.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:_.value,"onUpdate:modelValue":r[0]||=e=>_.value=e,options:t.options,config:v.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`,`style`,`mask-closable`,`close-on-esc`,`closable`,`class`]))}});var c=t.t(s,[[`__scopeId`,`data-v-66511257`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});

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,normalizeProps as m,normalizeStyle as h,openBlock as g,ref as _,renderList as v,renderSlot as y,unref as b,withCtx as x}from"vue";import{NModal as S}from"naive-ui";var C=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 C=t,w=f,T=_(null),E=i(),D=s(()=>C.config?.density??E.density??`compact`),O=s({get:()=>C.editor.visible.value,set:e=>{e||P()}}),k=s(()=>C.editor.title.value),A=s(()=>C.editor.loading.value),j=s(()=>typeof C.width==`number`?`${C.width}px`:C.width),M=s({get:()=>C.editor.model.value??{},set:e=>{C.editor.setModel(e)}}),N=s(()=>({...C.config,density:D.value,mode:C.editor.mode.value,initialValues:C.editor.model.value??void 0,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||w(`submit`,e,n)}})),P=()=>{C.editor.close(),w(`close`)},F=s(()=>{let t=a(N.value,E),n=e(D.value);return{align:`right`,size:t.size??(D.value===`compact`?`tiny`:n.size),gap:n.gap,compact:D.value===`compact`}}),I=s(()=>n([{key:`cancel`,label:C.cancelText,disabled:A,onClick:P},{key:C.editor.mode.value===`create`?`create`:`save`,label:C.editor.mode.value===`create`?C.createText:C.saveText,loading:A,onClick:async()=>{await T.value?.submit()}}]));return(e,n)=>(g(),c(b(S),{show:O.value,"onUpdate:show":n[1]||=e=>O.value=e,preset:`card`,title:k.value,style:h({width:j.value}),"mask-closable":t.maskClosable,"close-on-esc":t.closeOnEsc,closable:t.closable,class:`c-form-modal`},{action:x(()=>[d(r,{actions:I.value,config:F.value},null,8,[`actions`,`config`])]),default:x(()=>[O.value&&t.editor.model.value?(g(),c(b(o),{key:0,ref_key:`formRef`,ref:T,modelValue:M.value,"onUpdate:modelValue":n[0]||=e=>M.value=e,options:t.options,config:N.value},u({_:2},[v(e.$slots,(t,n)=>({name:n,fn:x(t=>[y(e.$slots,n,m(p(t)),void 0,!0)])}))]),1032,[`modelValue`,`options`,`config`])):l(`v-if`,!0)]),_:3},8,[`show`,`title`,`style`,`mask-closable`,`close-on-esc`,`closable`]))}}),[[`__scopeId`,`data-v-67de2c49`]]);export{C 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{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||F()}}),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({get:()=>w.editor.model.value??{},set:e=>{w.editor.setModel(e)}}),P=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)}})),F=()=>{w.editor.close(),T(`close`)},I=s(()=>{let t=a(P.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`}}),L=s(()=>n([{key:`cancel`,label:w.cancelText,disabled:j,onClick:F},{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,style:g({width:M.value,maxHeight:`calc(100dvh - 32px)`}),"content-style":`min-height: 0; overflow: auto`,"mask-closable":t.maskClosable,"close-on-esc":t.closeOnEsc,closable:t.closable,class:m([`c-form-modal`,`c-form-modal--${O.value}`])},{action:S(()=>[d(r,{actions:L.value,config:I.value},null,8,[`actions`,`config`])]),default:S(()=>[k.value&&t.editor.model.value?(_(),c(x(o),{key:0,ref_key:`formRef`,ref:E,modelValue:N.value,"onUpdate:modelValue":n[0]||=e=>N.value=e,options:t.options,config:P.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`,`style`,`mask-closable`,`close-on-esc`,`closable`,`class`]))}}),[[`__scopeId`,`data-v-66511257`]]);export{w as t};