cnhis-design-vue 3.1.43-beta.22 → 3.1.43-beta.24

package/README.md

@@ -1,87 +1,87 @@
-# 安装
-
-```shell
-npm i cnhis-design-vue@[版本号]
-# or
-yarn add cnhis-design-vue@[版本号] #推荐
-```
-
-## 1.全局引入
-
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-import 'cnhis-design-vue/es/packages/index.css';
-import cui from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(cui).mount('#app');
-```
-
-## 2. 按需引入
-
-组件现在支持了自动按需引入, 但是样式文件需要额外的处理
-
-### 2.1 样式处理方式1 (按需引入样式)
-
-```shell
-# 安装自动导入样式的插件
-npm i -d vite-plugin-style-import
-```
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-import { createStyleImportPlugin } from 'vite-plugin-style-import';
-
-export default defineConfig({
-  plugins: [
-    // ...otherPlugins
-    createStyleImportPlugin({
-      libs: [
-        {
-          libraryName: 'cnhis-design-vue',
-          esModule: true,
-          ensureStyleFile: true,
-          resolveStyle: name => {
-            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
-          }
-        }
-      ]
-    })
-  ]
-});
-```
-
-### 2.2 样式处理方式2 (全局引入样式)
-
-```typescript
-// main.ts
-import 'cnhis-design-vue/es/components/index.css';
-```
-
-## 3.FAQ
-
-### 3.1 项目打包后样式丢失
-
-处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  build: {
-    rollupOptions: {
-      // ..otherOptions
-      output: {
-        dir: './dist',
-        manualChunks: {
-          'cnhis-vendor': ['cnhis-design-vue']
-        }
-      }
-    }
-  }
-});
-```
+# 安装
+
+```shell
+npm i cnhis-design-vue@[版本号]
+# or
+yarn add cnhis-design-vue@[版本号] #推荐
+```
+
+## 1.全局引入
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+import 'cnhis-design-vue/es/packages/index.css';
+import cui from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(cui).mount('#app');
+```
+
+## 2. 按需引入
+
+组件现在支持了自动按需引入, 但是样式文件需要额外的处理
+
+### 2.1 样式处理方式1 (按需引入样式)
+
+```shell
+# 安装自动导入样式的插件
+npm i -d vite-plugin-style-import
+```
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+import { createStyleImportPlugin } from 'vite-plugin-style-import';
+
+export default defineConfig({
+  plugins: [
+    // ...otherPlugins
+    createStyleImportPlugin({
+      libs: [
+        {
+          libraryName: 'cnhis-design-vue',
+          esModule: true,
+          ensureStyleFile: true,
+          resolveStyle: name => {
+            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
+          }
+        }
+      ]
+    })
+  ]
+});
+```
+
+### 2.2 样式处理方式2 (全局引入样式)
+
+```typescript
+// main.ts
+import 'cnhis-design-vue/es/components/index.css';
+```
+
+## 3.FAQ
+
+### 3.1 项目打包后样式丢失
+
+处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  build: {
+    rollupOptions: {
+      // ..otherOptions
+      output: {
+        dir: './dist',
+        manualChunks: {
+          'cnhis-vendor': ['cnhis-design-vue']
+        }
+      }
+    }
+  }
+});
+```

package/es/components/form-config/index.d.ts

@@ -3692,7 +3692,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 bordered: {
-                    type: BooleanConstructor;
+                    type: (BooleanConstructor | StringConstructor)[];
                     default: boolean;
                 };
             }, {
@@ -3824,7 +3824,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         type: BooleanConstructor;
                     };
                     bordered: {
-                        type: BooleanConstructor;
+                        type: (BooleanConstructor | StringConstructor)[];
                         default: boolean;
                     };
                 }>> & {
@@ -4272,7 +4272,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 bordered: {
-                    type: BooleanConstructor;
+                    type: (BooleanConstructor | StringConstructor)[];
                     default: boolean;
                 };
             }>> & {
@@ -4290,7 +4290,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 consumer: boolean;
                 enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
                 linebarAutoHidden: boolean;
-                bordered: boolean;
+                bordered: string | boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -9677,7 +9677,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 bordered: {
-                    type: BooleanConstructor;
+                    type: (BooleanConstructor | StringConstructor)[];
                     default: boolean;
                 };
             }, {
@@ -9809,7 +9809,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         type: BooleanConstructor;
                     };
                     bordered: {
-                        type: BooleanConstructor;
+                        type: (BooleanConstructor | StringConstructor)[];
                         default: boolean;
                     };
                 }>> & {
@@ -10257,7 +10257,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 bordered: {
-                    type: BooleanConstructor;
+                    type: (BooleanConstructor | StringConstructor)[];
                     default: boolean;
                 };
             }>> & {
@@ -10275,7 +10275,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 consumer: boolean;
                 enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
                 linebarAutoHidden: boolean;
-                bordered: boolean;
+                bordered: string | boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/form-config/src/FormConfig.vue.d.ts

@@ -3694,7 +3694,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 bordered: {
-                    type: BooleanConstructor;
+                    type: (BooleanConstructor | StringConstructor)[];
                     default: boolean;
                 };
             }, {
@@ -3826,7 +3826,7 @@ declare const _default: import("vue").DefineComponent<{
                         type: BooleanConstructor;
                     };
                     bordered: {
-                        type: BooleanConstructor;
+                        type: (BooleanConstructor | StringConstructor)[];
                         default: boolean;
                     };
                 }>> & {
@@ -4274,7 +4274,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 bordered: {
-                    type: BooleanConstructor;
+                    type: (BooleanConstructor | StringConstructor)[];
                     default: boolean;
                 };
             }>> & {
@@ -4292,7 +4292,7 @@ declare const _default: import("vue").DefineComponent<{
                 consumer: boolean;
                 enterToNextWidget: boolean | ((fieldItem: import("../../../../es/components/form-render").FieldItem) => boolean | void);
                 linebarAutoHidden: boolean;
-                bordered: boolean;
+                bordered: string | boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -9679,7 +9679,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 bordered: {
-                    type: BooleanConstructor;
+                    type: (BooleanConstructor | StringConstructor)[];
                     default: boolean;
                 };
             }, {
@@ -9811,7 +9811,7 @@ declare const _default: import("vue").DefineComponent<{
                         type: BooleanConstructor;
                     };
                     bordered: {
-                        type: BooleanConstructor;
+                        type: (BooleanConstructor | StringConstructor)[];
                         default: boolean;
                     };
                 }>> & {
@@ -10259,7 +10259,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 bordered: {
-                    type: BooleanConstructor;
+                    type: (BooleanConstructor | StringConstructor)[];
                     default: boolean;
                 };
             }>> & {
@@ -10277,7 +10277,7 @@ declare const _default: import("vue").DefineComponent<{
                 consumer: boolean;
                 enterToNextWidget: boolean | ((fieldItem: import("../../../../es/components/form-render").FieldItem) => boolean | void);
                 linebarAutoHidden: boolean;
-                bordered: boolean;
+                bordered: string | boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/form-config/src/components/FormConfigCreator.vue.d.ts

@@ -149,7 +149,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
             };
             bordered: {
-                type: BooleanConstructor;
+                type: (BooleanConstructor | StringConstructor)[];
                 default: boolean;
             };
         }, {
@@ -281,7 +281,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     type: BooleanConstructor;
                 };
                 bordered: {
-                    type: BooleanConstructor;
+                    type: (BooleanConstructor | StringConstructor)[];
                     default: boolean;
                 };
             }>> & {
@@ -729,7 +729,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
             };
             bordered: {
-                type: BooleanConstructor;
+                type: (BooleanConstructor | StringConstructor)[];
                 default: boolean;
             };
         }>> & {
@@ -747,7 +747,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             consumer: boolean;
             enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
             linebarAutoHidden: boolean;
-            bordered: boolean;
+            bordered: string | boolean;
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/es/components/form-config/src/components/FormConfigEdit.vue.d.ts

@@ -5275,7 +5275,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
             };
             bordered: {
-                type: BooleanConstructor;
+                type: (BooleanConstructor | StringConstructor)[];
                 default: boolean;
             };
         }, {
@@ -5407,7 +5407,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 bordered: {
-                    type: BooleanConstructor;
+                    type: (BooleanConstructor | StringConstructor)[];
                     default: boolean;
                 };
             }>> & {
@@ -5855,7 +5855,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
             };
             bordered: {
-                type: BooleanConstructor;
+                type: (BooleanConstructor | StringConstructor)[];
                 default: boolean;
             };
         }>> & {
@@ -5873,7 +5873,7 @@ declare const _default: import("vue").DefineComponent<{
             consumer: boolean;
             enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
             linebarAutoHidden: boolean;
-            bordered: boolean;
+            bordered: string | boolean;
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/form-render/index.d.ts

@@ -136,7 +136,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
         };
         bordered: {
-            type: BooleanConstructor;
+            type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
         };
     }, {
@@ -268,7 +268,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
             };
             bordered: {
-                type: BooleanConstructor;
+                type: (BooleanConstructor | StringConstructor)[];
                 default: boolean;
             };
         }>> & {
@@ -716,7 +716,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
         };
         bordered: {
-            type: BooleanConstructor;
+            type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
         };
     }>> & {
@@ -734,7 +734,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         consumer: boolean;
         enterToNextWidget: boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void);
         linebarAutoHidden: boolean;
-        bordered: boolean;
+        bordered: string | boolean;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 export default FormRender;

package/es/components/form-render/src/FormRender.vue.d.ts

@@ -130,7 +130,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
     bordered: {
-        type: BooleanConstructor;
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
 }, {
@@ -262,7 +262,7 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
         };
         bordered: {
-            type: BooleanConstructor;
+            type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
         };
     }>> & {
@@ -710,7 +710,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
     bordered: {
-        type: BooleanConstructor;
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
 }>> & {
@@ -728,6 +728,6 @@ declare const _default: import("vue").DefineComponent<{
     consumer: boolean;
     enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
     linebarAutoHidden: boolean;
-    bordered: boolean;
+    bordered: string | boolean;
 }>;
 export default _default;

package/es/components/form-render/src/FormRender.vue.js

@@ -1 +1 @@
-import{defineComponent as e,ref as o,computed as t,provide as r,onMounted as s,onUnmounted as a,nextTick as i,openBlock as l,createBlock as n,unref as m,normalizeClass as p,normalizeStyle as d,withCtx as u,createElementBlock as c,createVNode as f,isRef as h,Fragment as y,renderList as j,createCommentVNode as g,createElementVNode as v,withKeys as b,withModifiers as k,toDisplayString as F,renderSlot as C}from"vue";import{useTheme as x}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isNumber as H,cloneDeep as S}from"lodash-es";import{createForm as A,onFieldValueChange as L,onFieldMount as R,onFieldUnmount as _,onFieldReact as O,onFormMount as w}from"@formily/core";import{FormProvider as B,FormConsumer as V}from"@formily/vue";import{NForm as I,NTabs as N,NTabPane as D,NConfigProvider as q}from"naive-ui";import{InjectionFormGraph as T}from"./constants/index.js";import{useAutoHidden as U}from"./hooks/useAutoHidden.js";import{useComplexOptionsSpan as W}from"./hooks/useComplexOptions.js";import{useFormDomEvent as E,useFormExposeEvent as G}from"./hooks/useFormEvent.js";import{useFormGraph as K}from"./hooks/useFormGraph.js";import{useFormRenderLifeCycle as M}from"./hooks/useFormRenderLifeCycle.js";import{useLowCodeEvent as P}from"./hooks/useLowCodeEvent.js";import{useLowCodeReactions as J}from"./hooks/useLowCodeReactions.js";import{useNuiThemeOverrides as $}from"./hooks/useNuiThemeOverrides.js";import"./utils/index.js";import{useFieldListAdaptor as z}from"./hooks/useFieldListAdaptor.js";import"../../../shared/utils/index.js";import"../index.js";import{useFieldVisitor as Q}from"./hooks/useFieldVisitor.js";import"../../../shared/utils/tapable/SyncHook.js";import"../../../shared/utils/tapable/SyncBailHook.js";import"../../../shared/utils/tapable/SyncWaterfallHook.js";import"../../../shared/utils/tapable/SyncLoopHook.js";import"../../../shared/utils/tapable/AsyncParallelHook.js";import"../../../shared/utils/tapable/AsyncParallelBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesHook.js";import"../../../shared/utils/tapable/AsyncSeriesBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesLoopHook.js";import"../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js";import{validateMessageLocale as X}from"./hooks/useFormValidator.js";import{useAnchor as Y}from"./hooks/useAnchor.js";import{useFormContext as Z}from"./hooks/useFormContext.js";import"./hooks/useFormRenderOptions.js";import ee from"../../../_virtual/plugin-vue_export-helper.js";import{createObjSchema as oe}from"./utils/schema.js";const te={key:0,style:{height:"54px"}},re={style:{"white-space":"pre"}};var se=ee(e({__name:"FormRender",props:{fieldList:{type:Array},initialData:{type:Object,default:()=>({})},fieldVisitor:{type:Object},column:{type:Number,default:24},maxHeight:{type:[Number,String],default:""},anchor:{type:Boolean,default:!1},parallelism:{type:Number,default:3},businessFormatter:{type:Function},schema:{type:Object},components:{type:Object,default:()=>({})},scope:{type:Object,default:()=>({})},annotation:{type:Object},consumer:{type:Boolean,default:!1},uuid:{type:String},lifeCycle:{type:Object},requestInstance:{type:Object},enterToNextWidget:{type:[Boolean,Function],default:!0},lowCodeReactions:{type:Array},linebarAutoHidden:{type:Boolean},bordered:{type:Boolean,default:!0}},emits:["formChange","annotationChange","scroll"],setup(e,{expose:ee,emit:se}){const ae=e,ie=x(),{nuiThemeOverrides:le}=$();X();const ne=o(),me=t((()=>H(ae.maxHeight)?ae.maxHeight+"px":ae.maxHeight)),{SchemaField:pe,businessCollector:de,formItemDepsCollector:ue,changeContextCollector:ce,formUUID:fe}=Z(ae,se),{anchorBarRef:he,currentAnchor:ye,generateAnchorList:je,updateAnchorList:ge,anchorIdList:ve,onScroll:be}=Y(ae,se,ne,ue);M(ae).callLifeCycle("onSetup");const{trigger:ke}=U(),{observeFormGraph:Fe,setGraph:Ce,removeGraph:xe}=K();r(T,Fe);const{lowCodeEventTrigger:He}=P(),Se=A({initialValues:ae.initialData,effects(e){L("*",(o=>{const t=o.props.name.toString();de.trigger(e,t),ue.trigger(t),se("formChange",{fieldInstance:o,fieldKey:t,fieldName:o.title,value:o.value,context:ce.getContext(t,o.value)}),He(o),Ae(t,o.value)})),R("*",Ce),_("*",xe),ae.linebarAutoHidden&&(O("*",ke),w((e=>e.query("*").forEach(ke)))),ae.anchor&&O("*",ge)}}),{lowCodeReactionsHandler:Ae,triggerAllReactionsHandler:Le}=J(t((()=>ae.lowCodeReactions)),Se);s(Le);const{schemaAdaptor:Re}=z(de);let _e=ae.fieldList||[];const Oe=t((()=>ae.schema?ae.schema:ae.fieldList?(_e=Q().traverse(S(ae.fieldList),ae.fieldVisitor),oe(Re(_e))):oe({}))),{onKeydown:we}=E({formModel:Se,formRenderRef:ne,props:ae}),{clearSpan:Be}=W();a((()=>Be(fe)));const Ve=G({formModel:Se,formRenderRef:ne,formItemDepsCollector:ue,getFieldList:()=>_e,formUUID:fe});return ee({formModel:Se,validate:(e="*")=>Ve.validate(e),getFormValues:(e=!0)=>Ve.getFormValues(e),async setFormValues(e,o=!0,t=!1,r=!0){t&&(de.triggerLock=!0),Ve.setFormValues(e,o,r),await i(),de.triggerLock=!1},setFieldState(e,o){Ve.setFieldState(e,o)},resetFields(e="*"){Ve.resetFields(e)},queryWidget:async e=>Ve.queryWidget(e),getFieldList:()=>_e,async reload(){console.error("reload function is abstract,it should be overwrite!")}}),(o,t)=>(l(),n(m(I),{class:p(["form-render",{"form-render--no-border":!e.bordered}]),"require-mark-placement":"left",style:d(m(ie))},{default:u((()=>[e.anchor?(l(),c("section",te,[f(m(N),{value:m(ye),"onUpdate:value":t[0]||(t[0]=e=>h(ye)?ye.value=e:null),type:"line",ref_key:"anchorBarRef",ref:he},{default:u((()=>[(l(!0),c(y,null,j(m(ve),(e=>(l(),n(m(D),{name:e.name,tab:e.title,key:e.name},null,8,["name","tab"])))),128))])),_:1},8,["value"])])):g("v-if",!0),f(m(q),{"theme-overrides":m(le)},{default:u((()=>[v("section",{class:"form-render__wrapper",style:d({"--column":e.column,"--form-height":m(me)}),ref_key:"formRenderRef",ref:ne,onScroll:t[1]||(t[1]=(...e)=>m(be)&&m(be)(...e)),onKeydownCapture:t[2]||(t[2]=b(k(((...e)=>m(we)&&m(we)(...e)),["prevent"]),["enter"]))},[f(m(B),{form:m(Se)},{default:u((()=>[f(m(pe),{schema:m(Oe)},null,8,["schema"]),e.consumer?(l(),n(m(V),{key:0},{default:u((({form:e})=>[v("div",re,F(JSON.stringify(e.values,null,2)),1)])),_:1})):g("v-if",!0),C(o.$slots,"default")])),_:3},8,["form"])],36)])),_:3},8,["theme-overrides"])])),_:3},8,["class","style"]))}}),[["__file","FormRender.vue"]]);export{se as default};
+import{defineComponent as e,ref as o,computed as t,provide as r,onMounted as s,onUnmounted as a,nextTick as i,openBlock as l,createBlock as n,unref as m,normalizeClass as d,normalizeStyle as p,withCtx as u,createElementBlock as c,createVNode as f,isRef as h,Fragment as y,renderList as g,createCommentVNode as j,createElementVNode as b,withKeys as v,withModifiers as k,toDisplayString as F,renderSlot as C}from"vue";import{useTheme as S}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isNumber as x,cloneDeep as H}from"lodash-es";import{createForm as A,onFieldValueChange as L,onFieldMount as R,onFieldUnmount as _,onFieldReact as O,onFormMount as w}from"@formily/core";import{FormProvider as B,FormConsumer as V}from"@formily/vue";import{NForm as I,NTabs as N,NTabPane as D,NConfigProvider as q}from"naive-ui";import{InjectionFormGraph as T}from"./constants/index.js";import{useAutoHidden as U}from"./hooks/useAutoHidden.js";import{useComplexOptionsSpan as W}from"./hooks/useComplexOptions.js";import{useFormDomEvent as E,useFormExposeEvent as G}from"./hooks/useFormEvent.js";import{useFormGraph as K}from"./hooks/useFormGraph.js";import{useFormRenderLifeCycle as M}from"./hooks/useFormRenderLifeCycle.js";import{useLowCodeEvent as P}from"./hooks/useLowCodeEvent.js";import{useLowCodeReactions as J}from"./hooks/useLowCodeReactions.js";import{useNuiThemeOverrides as $}from"./hooks/useNuiThemeOverrides.js";import"./utils/index.js";import{useFieldListAdaptor as z}from"./hooks/useFieldListAdaptor.js";import"../../../shared/utils/index.js";import"../index.js";import{useFieldVisitor as Q}from"./hooks/useFieldVisitor.js";import"../../../shared/utils/tapable/SyncHook.js";import"../../../shared/utils/tapable/SyncBailHook.js";import"../../../shared/utils/tapable/SyncWaterfallHook.js";import"../../../shared/utils/tapable/SyncLoopHook.js";import"../../../shared/utils/tapable/AsyncParallelHook.js";import"../../../shared/utils/tapable/AsyncParallelBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesHook.js";import"../../../shared/utils/tapable/AsyncSeriesBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesLoopHook.js";import"../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js";import{validateMessageLocale as X}from"./hooks/useFormValidator.js";import{useAnchor as Y}from"./hooks/useAnchor.js";import{useFormContext as Z}from"./hooks/useFormContext.js";import"./hooks/useFormRenderOptions.js";import ee from"../../../_virtual/plugin-vue_export-helper.js";import{createObjSchema as oe}from"./utils/schema.js";const te={key:0,style:{height:"54px"}},re={style:{"white-space":"pre"}};var se=ee(e({__name:"FormRender",props:{fieldList:{type:Array},initialData:{type:Object,default:()=>({})},fieldVisitor:{type:Object},column:{type:Number,default:24},maxHeight:{type:[Number,String],default:""},anchor:{type:Boolean,default:!1},parallelism:{type:Number,default:3},businessFormatter:{type:Function},schema:{type:Object},components:{type:Object,default:()=>({})},scope:{type:Object,default:()=>({})},annotation:{type:Object},consumer:{type:Boolean,default:!1},uuid:{type:String},lifeCycle:{type:Object},requestInstance:{type:Object},enterToNextWidget:{type:[Boolean,Function],default:!0},lowCodeReactions:{type:Array},linebarAutoHidden:{type:Boolean},bordered:{type:[Boolean,String],default:!0}},emits:["formChange","annotationChange","scroll"],setup(e,{expose:ee,emit:se}){const ae=e,ie=S(),{nuiThemeOverrides:le}=$();X();const ne=o(),me=t((()=>x(ae.maxHeight)?ae.maxHeight+"px":ae.maxHeight)),{SchemaField:de,businessCollector:pe,formItemDepsCollector:ue,changeContextCollector:ce,formUUID:fe}=Z(ae,se),{anchorBarRef:he,currentAnchor:ye,generateAnchorList:ge,updateAnchorList:je,anchorIdList:be,onScroll:ve}=Y(ae,se,ne,ue);M(ae).callLifeCycle("onSetup");const{trigger:ke}=U(),{observeFormGraph:Fe,setGraph:Ce,removeGraph:Se}=K();r(T,Fe);const{lowCodeEventTrigger:xe}=P(),He=A({initialValues:ae.initialData,effects(e){L("*",(o=>{const t=o.props.name.toString();pe.trigger(e,t),ue.trigger(t),se("formChange",{fieldInstance:o,fieldKey:t,fieldName:o.title,value:o.value,context:ce.getContext(t,o.value)}),xe(o),Ae(t,o.value)})),R("*",Ce),_("*",Se),ae.linebarAutoHidden&&(O("*",ke),w((e=>e.query("*").forEach(ke)))),ae.anchor&&O("*",je)}}),{lowCodeReactionsHandler:Ae,triggerAllReactionsHandler:Le}=J(t((()=>ae.lowCodeReactions)),He);s(Le);const{schemaAdaptor:Re}=z(pe);let _e=ae.fieldList||[];const Oe=t((()=>ae.schema?ae.schema:ae.fieldList?(_e=Q().traverse(H(ae.fieldList),ae.fieldVisitor),oe(Re(_e))):oe({}))),{onKeydown:we}=E({formModel:He,formRenderRef:ne,props:ae}),{clearSpan:Be}=W();a((()=>Be(fe)));const Ve=G({formModel:He,formRenderRef:ne,formItemDepsCollector:ue,getFieldList:()=>_e,formUUID:fe});return ee({formModel:He,validate:(e="*")=>Ve.validate(e),getFormValues:(e=!0)=>Ve.getFormValues(e),async setFormValues(e,o=!0,t=!1,r=!0){t&&(pe.triggerLock=!0),Ve.setFormValues(e,o,r),await i(),pe.triggerLock=!1},setFieldState(e,o){Ve.setFieldState(e,o)},resetFields(e="*"){Ve.resetFields(e)},queryWidget:async e=>Ve.queryWidget(e),getFieldList:()=>_e,async reload(){console.error("reload function is abstract,it should be overwrite!")}}),(o,t)=>(l(),n(m(I),{class:d(["form-render",{"form-render--no-border":!e.bordered,"form-render--underline":"underline"===e.bordered}]),"require-mark-placement":"left",style:p(m(ie))},{default:u((()=>[e.anchor?(l(),c("section",te,[f(m(N),{value:m(ye),"onUpdate:value":t[0]||(t[0]=e=>h(ye)?ye.value=e:null),type:"line",ref_key:"anchorBarRef",ref:he},{default:u((()=>[(l(!0),c(y,null,g(m(be),(e=>(l(),n(m(D),{name:e.name,tab:e.title,key:e.name},null,8,["name","tab"])))),128))])),_:1},8,["value"])])):j("v-if",!0),f(m(q),{"theme-overrides":m(le)},{default:u((()=>[b("section",{class:"form-render__wrapper",style:p({"--column":e.column,"--form-height":m(me)}),ref_key:"formRenderRef",ref:ne,onScroll:t[1]||(t[1]=(...e)=>m(ve)&&m(ve)(...e)),onKeydownCapture:t[2]||(t[2]=v(k(((...e)=>m(we)&&m(we)(...e)),["prevent"]),["enter"]))},[f(m(B),{form:m(He)},{default:u((()=>[f(m(de),{schema:m(Oe)},null,8,["schema"]),e.consumer?(l(),n(m(V),{key:0},{default:u((({form:e})=>[b("div",re,F(JSON.stringify(e.values,null,2)),1)])),_:1})):j("v-if",!0),C(o.$slots,"default")])),_:3},8,["form"])],36)])),_:3},8,["theme-overrides"])])),_:3},8,["class","style"]))}}),[["__file","FormRender.vue"]]);export{se as default};

package/es/components/form-render/src/FormRenderWrapper.vue.d.ts

@@ -134,7 +134,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
         };
         bordered: {
-            type: BooleanConstructor;
+            type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
         };
     }, {
@@ -266,7 +266,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
             };
             bordered: {
-                type: BooleanConstructor;
+                type: (BooleanConstructor | StringConstructor)[];
                 default: boolean;
             };
         }>> & {
@@ -714,7 +714,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
         };
         bordered: {
-            type: BooleanConstructor;
+            type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
         };
     }>> & {
@@ -732,7 +732,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         consumer: boolean;
         enterToNextWidget: boolean | ((fieldItem: import("../../../../es/components/form-render").FieldItem) => boolean | void);
         linebarAutoHidden: boolean;
-        bordered: boolean;
+        bordered: string | boolean;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/components/form-render/style/index.css

@@ -1 +1 @@
-.annotation-edit{align-items:center;color:var(--c-primary-color);cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:var(--c-primary-color);filter:hue-rotate(140deg)}.annotation-edit__icon{align-items:center;display:inline-flex}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.recommend-search__menu{min-height:100px}.recommend-search__menuRecommendList{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.recommend-search__menuRecommendList .n-tag{cursor:pointer}.recommend-search__recentRecommend{margin-bottom:8px}.recommend-search__recentRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__recentRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__commonRecommend{margin-bottom:8px}.recommend-search__commonRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__commonRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__option{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:space-between;padding:0 8px}.recommend-search__optionText{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-search__option.is-active{color:var(--n-color)!important}.recommend-search__option.is-active .n-icon{font-size:20px}.recommend-search__option:hover{background:rgba(0,0,0,.03)}.recommend-search__optionContainer{margin:-8px -10px}.recommend-search__empty{align-items:center;color:rgba(0,0,0,.3);display:flex;height:100px;justify-content:center}.search-cascader__menuWrapper{display:flex;flex-wrap:nowrap;margin:-8px -14px}.search-cascader__input input{cursor:pointer!important}.search-cascader__option{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;height:32px;justify-content:space-between;padding:0 8px 0 16px;width:100%}.search-cascader__option--active{background:#f8f8f8}.search-cascader__option:hover{background:#f5f5f5;cursor:pointer}.search-cascader__optionWrapper{background:#fff;height:256px;overflow-x:auto;width:calc(var(--menu-width)*1px)}.search-cascader__optionWrapper:not(:last-of-type){border:solid #e5e5e5;border-width:0 1px 0 0}.search-cascader__optionText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 20px)}.search-cascader__option svg{color:#bfbfbf;flex-shrink:0;font-size:12px;width:20px}.search-cascader__option svg.rotate{animation:rotate 1s linear infinite}.search-cascader__emptyWrapper{align-items:center;background:#fff;box-sizing:border-box;display:flex;height:300px;justify-content:center;padding:16px;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:inline-flex;justify-content:space-between;position:relative}.form-render__formItemLabel--operation{align-items:center;display:flex;gap:2px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.form-render__formItemLabel--tooltip{font-size:0;line-height:1;width:16px}.form-render__formItemLabel--text{white-space:nowrap}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:#f2f2f2;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader>svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarHeaderTitle{align-items:center;display:flex;font-size:15px;gap:4px;vertical-align:middle}.form-render__linebarHeaderTitle svg{height:16px;transform:translateY(-1px)}.form-render__linebarHeader--disabled{cursor:auto}.form-render__linebarItem{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:flex-start;display:flex;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__inputGroup>div{flex:1}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__inputGroup .n-form-item--left-labelled:not(:first-of-type)>label{display:none}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}.form-render__selectMenu .n-scrollbar-rail__scrollbar{display:none!important}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar,.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{display:unset!important;height:6px;width:6px}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.form-render__selectMenu .v-vl-items{min-width:100%;width:max-content}.form-render__selectOption .n-base-select-option__content{overflow:visible!important;text-overflow:unset!important;word-break:keep-all!important}.form-render__labelField{align-items:start;display:grid!important;display:inline-grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));grid-template-columns:repeat(var(--column),auto)!important;margin-left:16px}.form-render__labelField .n-form-item{display:inline-grid}.form-render__labelField label.n-form-item-label.n-form-item-label--left-mark{align-items:center}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box{background-color:transparent}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-icon .check-icon{opacity:0}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box__border{border:var(--n-border)}.form-render .form-render__formItem .n-checkbox,.form-render .form-render__formItem .n-radio{align-items:center}.form-render .form-render__formItem .n-radio-input{left:auto;right:auto}.form-render .form-render__formItem .n-checkbox-group>.n-space:not([vertical-space=true]),.form-render .form-render__formItem .n-radio-group>.n-space:not([vertical-space=true]){align-items:center!important}.form-render .form-render__formItem .n-checkbox__label{align-items:center;display:inline-flex}.form-render--no-border .n-input{border-radius:0}.form-render--no-border .n-input__border,.form-render--no-border .n-input__state-border{border-width:0!important}.form-render--no-border .n-input:hover .n-input__state-border{border-bottom-width:1px!important}.form-render--no-border .n-input--focus{border-radius:0}.form-render--no-border .n-input--focus .n-input__state-border{border-bottom-width:1px!important;box-shadow:none!important}.form-render--no-border .n-base-selection--active .n-base-selection__state-border,.form-render--no-border .n-base-selection--focus .n-base-selection__state-border,.form-render--no-border .n-base-selection:hover .n-base-selection__state-border,.form-render--no-border .n-base-selection__border,.form-render--no-border .n-base-selection__state-border{border-width:0!important;box-shadow:none!important}
+.annotation-edit{align-items:center;color:var(--c-primary-color);cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:var(--c-primary-color);filter:hue-rotate(140deg)}.annotation-edit__icon{align-items:center;display:inline-flex}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.recommend-search__menu{min-height:100px}.recommend-search__menuRecommendList{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.recommend-search__menuRecommendList .n-tag{cursor:pointer}.recommend-search__recentRecommend{margin-bottom:8px}.recommend-search__recentRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__recentRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__commonRecommend{margin-bottom:8px}.recommend-search__commonRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__commonRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__option{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:space-between;padding:0 8px}.recommend-search__optionText{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-search__option.is-active{color:var(--n-color)!important}.recommend-search__option.is-active .n-icon{font-size:20px}.recommend-search__option:hover{background:rgba(0,0,0,.03)}.recommend-search__optionContainer{margin:-8px -10px}.recommend-search__empty{align-items:center;color:rgba(0,0,0,.3);display:flex;height:100px;justify-content:center}.search-cascader__menuWrapper{display:flex;flex-wrap:nowrap;margin:-8px -14px}.search-cascader__input input{cursor:pointer!important}.search-cascader__option{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;height:32px;justify-content:space-between;padding:0 8px 0 16px;width:100%}.search-cascader__option--active{background:#f8f8f8}.search-cascader__option:hover{background:#f5f5f5;cursor:pointer}.search-cascader__optionWrapper{background:#fff;height:256px;overflow-x:auto;width:calc(var(--menu-width)*1px)}.search-cascader__optionWrapper:not(:last-of-type){border:solid #e5e5e5;border-width:0 1px 0 0}.search-cascader__optionText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 20px)}.search-cascader__option svg{color:#bfbfbf;flex-shrink:0;font-size:12px;width:20px}.search-cascader__option svg.rotate{animation:rotate 1s linear infinite}.search-cascader__emptyWrapper{align-items:center;background:#fff;box-sizing:border-box;display:flex;height:300px;justify-content:center;padding:16px;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:inline-flex;justify-content:space-between;position:relative}.form-render__formItemLabel--operation{align-items:center;display:flex;gap:2px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.form-render__formItemLabel--tooltip{font-size:0;line-height:1;width:16px}.form-render__formItemLabel--text{white-space:nowrap}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:#f2f2f2;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader>svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarHeaderTitle{align-items:center;display:flex;font-size:15px;gap:4px;vertical-align:middle}.form-render__linebarHeaderTitle svg{height:16px;transform:translateY(-1px)}.form-render__linebarHeader--disabled{cursor:auto}.form-render__linebarItem{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:flex-start;display:flex;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__inputGroup>div{flex:1}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__inputGroup .n-form-item--left-labelled:not(:first-of-type)>label{display:none}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}.form-render__selectMenu .n-scrollbar-rail__scrollbar{display:none!important}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar,.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{display:unset!important;height:6px;width:6px}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.form-render__selectMenu .v-vl-items{min-width:100%;width:max-content}.form-render__selectOption .n-base-select-option__content{overflow:visible!important;text-overflow:unset!important;word-break:keep-all!important}.form-render__labelField{align-items:start;display:grid!important;display:inline-grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));grid-template-columns:repeat(var(--column),auto)!important;margin-left:16px}.form-render__labelField .n-form-item{display:inline-grid}.form-render__labelField label.n-form-item-label.n-form-item-label--left-mark{align-items:center}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box{background-color:transparent}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-icon .check-icon{opacity:0}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box__border{border:var(--n-border)}.form-render .form-render__formItem .n-checkbox,.form-render .form-render__formItem .n-radio{align-items:center}.form-render .form-render__formItem .n-radio-input{left:auto;right:auto}.form-render .form-render__formItem .n-checkbox-group>.n-space:not([vertical-space=true]),.form-render .form-render__formItem .n-radio-group>.n-space:not([vertical-space=true]){align-items:center!important}.form-render .form-render__formItem .n-checkbox__label{align-items:center;display:inline-flex}.form-render--no-border .n-input{border-radius:0}.form-render--no-border .n-input__border,.form-render--no-border .n-input__state-border{border-width:0!important}.form-render--no-border .n-input:hover .n-input__state-border{border-bottom-width:1px!important}.form-render--no-border .n-input--focus{border-radius:0}.form-render--no-border .n-input--focus .n-input__state-border{border-bottom-width:1px!important;box-shadow:none!important}.form-render--no-border .n-base-selection--active .n-base-selection__state-border,.form-render--no-border .n-base-selection--focus .n-base-selection__state-border,.form-render--no-border .n-base-selection:hover .n-base-selection__state-border,.form-render--no-border .n-base-selection__border,.form-render--no-border .n-base-selection__state-border{border-width:0!important;box-shadow:none!important}.form-render--underline .n-input{border-radius:0}.form-render--underline .n-input__border,.form-render--underline .n-input__state-border{border-left-width:0!important;border-right-width:0!important;border-top-width:0!important}.form-render--underline .n-input--focus{border-radius:0}.form-render--underline .n-input--focus .n-input__state-border{box-shadow:none!important}.form-render--underline .n-base-selection--active .n-base-selection__state-border,.form-render--underline .n-base-selection--focus .n-base-selection__state-border,.form-render--underline .n-base-selection:hover .n-base-selection__state-border,.form-render--underline .n-base-selection__border,.form-render--underline .n-base-selection__state-border{border-left-width:0!important;border-right-width:0!important;border-top-width:0!important;box-shadow:none!important}

package/es/components/iho-table/src/plugins/keyboardEventPlugin/index.js

@@ -1 +1 @@
-import{promiseTimeout as e}from"@vueuse/shared";import"../../../index.js";import{useSessionStorage as o}from"@vueuse/core";import{selectOptionsMap as l}from"../rendererPlugins/editableWidgets/hooks/useSelectOption.js";import{defineTablePlugin as n}from"../../hooks/useTablePlugin.js";function t(){const t="keyboardEventPlugin",i=o("ihoTableClipData",null);return n({name:t,apply(o){function n(e,o,n,t){var u,d,a,s;if(!(null==(u=null==n?void 0:n.keyboardConfig)?void 0:u.isClip))return;const{row:f,column:v}=o.getSelectedCell()||o.getEditRecord()||{};if(!f||!v||!r(v)&&i.value===f[v.field])return;const c=n.uuid&&r(v)&&l.get(n.uuid)[v.field],p=f[v.field];if("copy"===e){const e=(null==(d=(c||[]).find((e=>e.value===p)))?void 0:d.label)||p;i.value=e}else{if(!(null==(s=null==(a=v.editRender)?void 0:a.props)?void 0:s.formType))return;let e=i.value;const l=(c||[]).find((o=>o.label===e));if(c&&(!l||p===l.value))return;l&&(e=l.value),f[v.field]=e,t("formChange",{column:v,row:f,oldValue:p,value:e,index:o.getRowIndex(f)})}}function r(e){var o;return"SELECT"===(null==(o=e.editRender)?void 0:o.name)}o.eventHooks.onCopy.tap(t,(({$table:e},o,{emits:l})=>n("copy",e,o,l))),o.eventHooks.onPaste.tap(t,(({$table:e},o,{emits:l})=>n("paste",e,o,l))),o.eventHooks.onKeydown.tap(t,(async({$event:o,$table:l},n,{emits:t})=>{await e(0);const{row:i,column:r}=l.getSelectedCell()||l.getEditRecord()||{};if(!i||!r)return;t("keyboard",{key:o.key,index:l.getRowIndex(i),value:i[r.field],row:i,column:r})}))}})}export{t as keyboardEventPlugin};
+import{promiseTimeout as e}from"@vueuse/shared";import"../../../index.js";import{useSessionStorage as o}from"@vueuse/core";import{isFunction as n}from"lodash-es";import{selectOptionsMap as t}from"../rendererPlugins/editableWidgets/hooks/useSelectOption.js";import{IhoTableUtils as l}from"../../utils/index.js";import{EDITABLE_WIDGET_TYPE as i}from"../../constants/index.js";import{defineTablePlugin as r}from"../../hooks/useTablePlugin.js";function u(){const u="keyboardEventPlugin",d=o("ihoTableClipData",null);return r({name:u,apply(o){function r(e,o,r,u,s){var c,f;if(!(null==(c=null==r?void 0:r.keyboardConfig)?void 0:c.isClip))return;const{row:p,column:m}=o.getSelectedCell()||o.getEditRecord()||{};if(!p||!m||!a(m)&&d.value===p[m.field])return;const v=r.uuid&&a(m)&&t.get(r.uuid)[m.field],g=p[m.field];if("copy"===e){const e=(null==(f=(v||[]).find((e=>e.value===g)))?void 0:f.label)||g;d.value=e}else{if(!function(e){var o;const n=null==(o=e.editRender)?void 0:o.props;return n&&Object.keys(i).includes(l.getCellType(n))}(m)||p.$__SEPARATE||!function(e,o,t,l){var i,r;const{beforeEditMethod:u}=o.editConfig||{},d={rowIndex:null!=(i=e.getRowIndex(t))?i:0,columnIndex:null!=(r=e.getColumnIndex(l))?r:0};return!u||n(u)&&u({row:t,column:l,...d,$table:e,$grid:void 0})}(o,r,p,m))return;let e=d.value;const t=(v||[]).find((o=>o.label===e));if(v&&(!t||g===t.value))return;t&&(e=t.value),p[m.field]=e,u("formChange",{column:m,row:p,oldValue:g,value:e,index:o.getRowIndex(p)}),function(e){var o;const n=null==(o=e.editRender)?void 0:o.props;return n&&"SEPARATE"===l.getCellType(n)}(m)&&(null==s||s())}}function a(e){var o;const n=null==(o=e.editRender)?void 0:o.props;return n&&"SELECT"===l.getCellType(n)}o.eventHooks.onCopy.tap(u,(({$table:e},o,{emits:n})=>r("copy",e,o,n))),o.eventHooks.onPaste.tap(u,(({$table:e},o,{emits:n,updateTableDataRef:t})=>r("paste",e,o,n,t))),o.eventHooks.onKeydown.tap(u,(async({$event:o,$table:n},t,{emits:l})=>{await e(0);const{row:i,column:r}=n.getSelectedCell()||n.getEditRecord()||{};if(!i||!r)return;l("keyboard",{key:o.key,index:n.getRowIndex(i),value:i[r.field],row:i,column:r})}))}})}export{u as keyboardEventPlugin};

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.vue.d.ts

@@ -1,5 +1,5 @@
 import { Func } from '../../../../../../../../es/shared/types';
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import { VxeTableDefines } from 'vxe-table';
 import { AnyObject } from '../../../../../../../../es/shared/types';
 declare const _default: import("vue").DefineComponent<{
@@ -43,8 +43,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     emitFormChangeWithParams: (params?: AnyObject) => void;
     emit: (event: "update:value", ...args: any[]) => void;
-    formRef: import("vue").Ref<HTMLElement | null>;
-    isShow: import("vue").Ref<boolean>;
+    formRef: import("vue").Ref<any>;
     formattedValue: any;
     onConfirm: (value: any) => void;
     isStartDate: any;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.vue.js

@@ -1 +1 @@
-import{defineComponent as e,useAttrs as t,ref as r,computed as o,watch as i,openBlock as a,createBlock as s,unref as u,mergeProps as l,isRef as n}from"vue";import{generateTimeFormat as m}from"../../../../../../../shared/utils/index.js";import{isFunction as d}from"lodash-es";import{useIhoTableFormEvent as p}from"../../../../utils/index.js";import{useAutoFocus as c}from"../hooks/useAutoFocus.js";import f from"../../../../../../date-picker/index.js";import w from"../../../../../../../_virtual/plugin-vue_export-helper.js";var v=w(e({__name:"editDate",props:{value:{type:String,default:void 0},column:{type:Object,required:!0},row:{type:Object,required:!0},rowIndex:{type:Number,required:!0}},emits:["update:value"],setup(e,{emit:w}){const v=e,D=t(),{emitFormChangeWithParams:g}=p(v),{formRef:h,isShow:y}=c(),b=r(v.value),j=e=>{b.value=e;const t=v.value;w("update:value",e),g({oldValue:t})},{isStartDate:S=!1,isEndDate:T=!1}=D,$=D.connectField||"",_=(e,t)=>S&&$?e>t:!(!T||!$)&&e<t,x=e=>{const t=new Date(v.row[$]),r=new Date(e),o=t.getHours(),i=t.getMinutes(),a=t.getSeconds(),s=(e,t,r,o)=>!(T&&r>o)&&(!(S&&r<o)&&_(e,t));return{isHourDisabled:t=>{if(!v.row[$])return!1;const i=new Date(`${v.row[$].split(" ")[0]} 00:00:00`).getTime(),a=r.getMinutes(),u=r.getSeconds();return s(t,o,e-60*t*60*1e3-60*a*1e3-1e3*u,i)},isMinuteDisabled:t=>{if(!v.row[$])return!1;const a=new Date(`${v.row[$].split(" ")[0]} ${o}:00:00`).getTime(),u=r.getSeconds();return s(t,i,e-60*t*1e3-1e3*u,a)},isSecondDisabled:t=>{if(!v.row[$])return!1;const r=new Date(`${v.row[$].split(" ")[0]} ${o}:${i}:00`).getTime();return s(t,a,e-1e3*t,r)}}};function F(e){return d(e)?t=>e(t,v.row):null}const M=o((()=>{const e=D.valueFormat||"yyyy-MM-dd HH:mm:ss";return{valueFormat:e,format:e,timePickerProps:{format:m(e)}}})),k={type:D.type||"datetime",clearable:!0,placeholder:D.placeholder||"请选择",...D,...M.value,isDateDisabled:F(D.isDateDisabled)||(e=>!!v.row[$]&&_(e,T?new Date(`${v.row[$].split(" ")[0]} 00:00:00`).getTime():new Date(v.row[$]).getTime()))};return k.type.includes("time")&&(k.isTimeDisabled=F(D.isTimeDisabled)||x),i((()=>v.value),(e=>{b.value=e})),(e,t)=>(a(),s(u(f),l({ref_key:"formRef",ref:h,show:u(y),"onUpdate:show":t[0]||(t[0]=e=>n(y)?y.value=e:null),"formatted-value":b.value},u(k),{"onUpdate:formattedValue":j}),null,16,["show","formatted-value"]))}}),[["__file","editDate.vue"]]);export{v as default};
+import{defineComponent as e,useAttrs as t,ref as r,computed as i,watch as a,onMounted as l,openBlock as o,createBlock as u,unref as n,mergeProps as s}from"vue";import{generateTimeFormat as d}from"../../../../../../../shared/utils/index.js";import{isFunction as m}from"lodash-es";import{useIhoTableFormEvent as p}from"../../../../utils/index.js";import c from"../../../../../../date-picker/index.js";import v from"../../../../../../../_virtual/plugin-vue_export-helper.js";var f=v(e({__name:"editDate",props:{value:{type:String,default:void 0},column:{type:Object,required:!0},row:{type:Object,required:!0},rowIndex:{type:Number,required:!0}},emits:["update:value"],setup(e,{emit:v}){const f=e,w=t(),{emitFormChangeWithParams:D}=p(f),g=r(),y=r(f.value),b=e=>{y.value=e;const t=f.value;t!==e&&(v("update:value",e),D({oldValue:t}))},{isStartDate:$=!1,isEndDate:h=!1}=w,S=w.connectField||"",T=(e,t)=>$&&S?e>t:!(!h||!S)&&e<t,_=e=>{const t=new Date(f.row[S]),r=new Date(e),i=t.getHours(),a=t.getMinutes(),l=t.getSeconds(),o=(e,t,r,i)=>!(h&&r>i)&&(!($&&r<i)&&T(e,t));return{isHourDisabled:t=>{if(!f.row[S])return!1;const a=new Date(`${f.row[S].split(" ")[0]} 00:00:00`).getTime(),l=r.getMinutes(),u=r.getSeconds();return o(t,i,e-60*t*60*1e3-60*l*1e3-1e3*u,a)},isMinuteDisabled:t=>{if(!f.row[S])return!1;const l=new Date(`${f.row[S].split(" ")[0]} ${i}:00:00`).getTime(),u=r.getSeconds();return o(t,a,e-60*t*1e3-1e3*u,l)},isSecondDisabled:t=>{if(!f.row[S])return!1;const r=new Date(`${f.row[S].split(" ")[0]} ${i}:${a}:00`).getTime();return o(t,l,e-1e3*t,r)}}};function j(e){return m(e)?t=>e(t,f.row):null}const x=i((()=>{const e=w.valueFormat||"yyyy-MM-dd HH:mm:ss";return{valueFormat:e,format:e,timePickerProps:{format:d(e)}}})),M={type:w.type||"datetime",clearable:!0,placeholder:w.placeholder||"请选择",...w,...x.value,isDateDisabled:j(w.isDateDisabled)||(e=>!!f.row[S]&&T(e,h?new Date(`${f.row[S].split(" ")[0]} 00:00:00`).getTime():new Date(f.row[S]).getTime()))};return M.type.includes("time")&&(M.isTimeDisabled=j(w.isTimeDisabled)||_),a((()=>f.value),(e=>{y.value=e})),l((()=>{var e,t,r,i,a,l,o;return null==(o=null==(a=null==(r=null==(t=null==(e=g.value)?void 0:e.$datePicker)?void 0:t.inputInstRef)?void 0:(i=r.$el).querySelector)?void 0:(l=a.call(i,"input")).select)?void 0:o.call(l)})),(e,t)=>(o(),u(n(c),s({ref_key:"formRef",ref:g,"formatted-value":y.value},n(M),{"onUpdate:formattedValue":b}),null,16,["formatted-value"]))}}),[["__file","editDate.vue"]]);export{f as default};