cnhis-design-vue 3.1.49-beta.2 → 3.1.49-beta.21

package/es/components/field-set/src/FieldSet.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,ref as l,computed as t,watch as i,openBlock as d,createElementBlock as o,createElementVNode as a,Fragment as s,renderList as c,normalizeStyle as n,unref as u,createBlock as r,withCtx as f,createTextVNode as m,toDisplayString as h,createCommentVNode as p,createVNode as y,renderSlot as v}from"vue";import{NCheckbox as b,NPopconfirm as k,NButton as x}from"naive-ui";import g from"../../../shared/components/VueDraggable/src/vuedraggable.js";import A from"./components/Row.vue.js";import{isArray as w,cloneDeep as _}from"lodash-es";import{setStyle as S,getGroupTree as C,isDisable as W}from"./utils/index.js";import{isString as E}from"xe-utils";const q={class:"c-field-set"},F={class:"c-field-set__table-header"},N={class:"c-field-set__table-body"},R=["tabindex"],j={key:0,class:"c-field-set__table-footer"};var U=e({__name:"FieldSet",props:{fields:{type:Array,default:()=>[]},footerFlag:{type:Boolean,default:!0},type:{type:String,default:"old"},isEdit:{type:Boolean,default:!1},showColumnNames:{type:Array},groupSetting:{type:Object},customColumns:{type:Array,default:()=>[]},showSeq:{type:Boolean,default:!1}},emits:["save","close","reset"],setup(e,{expose:U,emit:D}){const V=e,B={sid:"id",columnName:"name",isShow:"show",isSort:"sort",isFixed:"fixedWay",colWidth:"columnWidth"},O=l([]),T=l([{title:"所有字段",type:"text",field:"title"},{title:"显示",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"show"},{title:"编辑",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"editable"},{title:"必填",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"required"},{title:"排序",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"sort"},{title:"加粗",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"bold"},{title:"默认排序",type:"select",field:"sortDirection"},{title:"固定",type:"select",field:"fixedWay"},{title:"自定义标题",type:"input",field:"alias"},{title:"列宽",type:"inputNumber",field:"columnWidth"}]),P=t((()=>O.value.flat())),G=()=>{D("save",{tableFields:$()})},H=()=>{D("close")};function I(){O.value=L(),J(),D("reset")}function L(){const e=_(V.fields);return Object.keys(B).forEach((l=>{e.forEach((e=>{"old"==V.type&&Reflect.has(e,l)&&("isFixed"==l?e.fixedWay=1==e[l]?"LEFT":2==e[l]?"RIGHT":"NONE":["isShow","isSort"].includes(l)&&"boolean"!=typeof l?e[B[l]]=1==e[l]:e[B[l]]=e[l],Reflect.deleteProperty(e,l)),e.columnWidth=+e.columnWidth||null,Reflect.has(e,"alias")||(e.alias=""),Reflect.has(e,"bold")||(e.bold=!1)}))})),function(e){if(V.groupSetting){return C(V.groupSetting,e).reduce(((t,i)=>{const d=E(i)?e.find((e=>e.name===i)):l(i.children);return d&&t.push(d),t}),[])}return e;function l(t){const i=[];return t.forEach((t=>{if(t.children)i.push(...l(t.children));else{const l=e.find((e=>e.name===t));l&&i.push(l)}})),i}}(e)}const $=()=>"old"==V.type?P.value.map(((e,l)=>({id:e.id,field:e.name,visible:e.show,sequence:l,sortable:e.sort,title:e.alias,fixed:e.fixedWay,minWidth:e.columnWidth,bold:e.bold,sortDirection:e.sortDirection,...V.isEdit?{required:e.required,editable:e.editable}:{}}))):P.value;function z({checked:e,column:l}){const t=!e||K(l.field);l.checkedAll=!t}function J(){var e,l;(null==(e=V.showColumnNames)?void 0:e.length)&&(T.value=T.value.filter((e=>{var l,t;return"title"===e.field||(null==(t=null==(l=V.showColumnNames)?void 0:l.includes)?void 0:t.call(l,e.field))}))),(null==(l=V.customColumns)?void 0:l.length)&&T.value.push(...V.customColumns),V.showSeq&&T.value.splice(1,0,{title:"排序",type:"text",field:"seq"}),T.value.forEach((e=>{if(function(e){const l=["editable","required"].includes(e.field);return l&&V.isEdit||!l}(e)&&(e.isShow=!0),"checkbox"===e.type){const l=O.value.flat().every((l=>!Reflect.has(l,e.field)));e.checkedAll=!K(e.field)&&!l}}))}function K(e){return O.value.flat().some((l=>!W(l,e)&&!l[e]&&"0001"!=l.id))}return i([()=>V.fields,()=>{var e;return null==(e=V.showColumnNames)?void 0:e.length}],(([e,l])=>{e.length>0&&(O.value=L(),J())}),{immediate:!0,deep:!0}),U({getTableFields:$}),(l,t)=>(d(),o("div",q,[a("div",F,[(d(!0),o(s,null,c(T.value,((e,l)=>(d(),o(s,{key:l},[e.isShow?(d(),o("span",{key:0,class:"table-cell",style:n(u(S)(e))},["checkbox"===e.type?(d(),r(u(b),{key:0,checked:e.checkedAll,"onUpdate:checked":[l=>e.checkedAll=l,l=>{return t=l,i=e.field,void P.value.forEach((e=>{W(e,i)||(e[i]=t)}));var t,i}],disabled:e.disabledAll},{default:f((()=>[m(h(e.title),1)])),_:2},1032,["checked","onUpdate:checked","disabled"])):p("v-if",!0),m(" "+h("checkbox"!==e.type?e.title:""),1)],4)):p("v-if",!0)],64)))),128))]),a("div",N,[y(u(g),{modelValue:O.value,"onUpdate:modelValue":t[0]||(t[0]=e=>O.value=e),animation:"150","item-key":"id",draggable:".item"},{item:f((({element:e,index:l})=>[e.hide?p("v-if",!0):(d(),o("div",{key:0,class:"item",tabindex:l},[u(w)(e)?(d(!0),o(s,{key:0},c(e,((e,t)=>(d(),r(A,{key:t,element:e,columns:T.value,idx:l+1,onUpdateChecked:z},null,8,["element","columns","idx"])))),128)):(d(),r(A,{key:1,element:e,columns:T.value,idx:l+1,onUpdateChecked:z},null,8,["element","columns","idx"]))],8,R))])),_:1},8,["modelValue"])]),e.footerFlag?(d(),o("div",j,[p(" 底部按钮插槽 "),v(l.$slots,"footer",{},(()=>[y(u(k),{onPositiveClick:I},{trigger:f((()=>[y(u(x),{style:{"margin-right":"8px"}},{default:f((()=>[m("恢复默认设置")])),_:1})])),default:f((()=>[m(" 确认要恢复系统默认设置吗？ ")])),_:1}),y(u(x),{style:{"margin-right":"8px"},onClick:H},{default:f((()=>[m("取消")])),_:1}),y(u(x),{type:"primary",onClick:G},{default:f((()=>[m("保存")])),_:1})]))])):p("v-if",!0)]))}});export{U as default};
+import{defineComponent as e,ref as l,computed as t,reactive as i,watch as o,openBlock as d,createElementBlock as a,normalizeStyle as s,createBlock as n,unref as r,withKeys as u,withModifiers as c,createCommentVNode as f,createElementVNode as h,Fragment as p,renderList as m,withCtx as v,createTextVNode as y,toDisplayString as b,createVNode as k,mergeProps as g,renderSlot as x}from"vue";import{useThemeVars as w,NInput as A,NCheckbox as _,NTooltip as S,NIcon as C,NPopconfirm as W,NButton as E}from"naive-ui";import q from"../../../shared/components/VueDraggable/src/vuedraggable.js";import F from"./components/Row.vue.js";import{isArray as N,cloneDeep as R,isString as j,omit as B}from"lodash-es";import{isDisable as I,setStyle as U,getGroupTree as D}from"./utils/index.js";import{uuidGenerator as O}from"../../../shared/utils/index.js";import{HelpCircleSharp as P}from"@vicons/ionicons5";const T={class:"c-field-set__table-header"},V=h("span",null,"数值越小，优先级越高",-1),K=["tabindex"],L={key:1,class:"c-field-set__table-footer"};var G=e({__name:"FieldSet",props:{fields:{type:Array,default:()=>[]},footerFlag:{type:Boolean,default:!0},type:{type:String,default:"old"},isEdit:{type:Boolean,default:!1},showColumnNames:{type:Array},groupSetting:{type:Object},customColumns:{type:Array,default:()=>[]},showSeq:{type:Boolean,default:!1},showSearch:{type:Boolean,default:!1}},emits:["save","close","reset"],setup(e,{expose:G,emit:H}){const M=e,$={sid:"id",columnName:"name",isShow:"show",isSort:"sort",isFixed:"fixedWay",colWidth:"columnWidth"},z=l(w().value.primaryColor),J=l(""),Q=l(),X=l([]),Y=l([{title:"所有字段",type:"text",field:"title"},{title:"显示",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"show"},{title:"编辑",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"editable"},{title:"必填",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"required"},{title:"排序",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"sort"},{title:"加粗",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"bold"},{title:"默认排序",type:"select",field:"sortDirection"},{title:"排序优先级",type:"select",field:"sortPriority"},{title:"固定",type:"select",field:"fixedWay"},{title:"自定义标题",type:"input",field:"alias"},{title:"列宽",type:"inputNumber",field:"columnWidth"}]),Z=t((()=>X.value.flat())),ee=i({columns:Y.value,fieldList:Z.value,onUpdateChecked:function({checked:e,column:l}){const t=!e||ue(l.field);l.checkedAll=!t}}),le={keyword:J.value,idx:0,startIdx:0},te=()=>{H("save",{tableFields:ae()})},ie=()=>{H("close")};function oe(){X.value=de(),re(),H("reset")}function de(){const e=R(M.fields).map((e=>({...e,uuid:O()})));return Object.keys($).forEach((l=>{e.forEach((e=>{"old"==M.type&&Reflect.has(e,l)&&("isFixed"==l?e.fixedWay=1==e[l]?"LEFT":2==e[l]?"RIGHT":"NONE":["isShow","isSort"].includes(l)&&"boolean"!=typeof l?e[$[l]]=1==e[l]:e[$[l]]=e[l],Reflect.deleteProperty(e,l)),e.columnWidth=+e.columnWidth||null,Reflect.has(e,"alias")||(e.alias=""),Reflect.has(e,"bold")||(e.bold=!1)}))})),function(e){if(M.groupSetting){return D(M.groupSetting,e).reduce(((t,i)=>{const o=j(i)?e.find((e=>e.name===i)):l(i.children);return o&&t.push(o),t}),[])}return e;function l(t){const i=[];return t.forEach((t=>{if(t.children)i.push(...l(t.children));else{const l=e.find((e=>e.name===t));l&&i.push(l)}})),i}}(e)}function ae(){let e=[];return e="old"==M.type?Z.value.map(((e,l)=>({id:e.id,field:e.name,visible:e.show,sequence:l,sortable:e.sort,title:e.alias,fixed:e.fixedWay,minWidth:e.columnWidth,bold:e.bold,sortDirection:e.sortDirection,...M.isEdit?{required:e.required,editable:e.editable}:{}}))):Z.value,e.map((e=>B(e,["uuid"])))}function se(){const e=le.keyword!==J.value;let l=J.value?Z.value.findIndex(((l,t)=>{var i;if(null==(i=l.title)?void 0:i.includes(J.value))return!!e||t>le.idx})):0;-1!==l||e||(l=le.startIdx),Q.value.scrollTop=52*l,Object.assign(le,{keyword:J.value,idx:l},e?{startIdx:l}:{})}function ne(e){var l;return!!J.value&&(null==(l=e.title)?void 0:l.includes(J.value))}function re(){var e,l;(null==(e=M.showColumnNames)?void 0:e.length)&&(Y.value=Y.value.filter((e=>{var l,t;return"title"===e.field||(null==(t=null==(l=M.showColumnNames)?void 0:l.includes)?void 0:t.call(l,e.field))}))),(null==(l=M.customColumns)?void 0:l.length)&&Y.value.push(...M.customColumns),M.showSeq&&Y.value.splice(1,0,{title:"排序",type:"text",field:"seq"}),Y.value.forEach((e=>{if(function(e){const l=["editable","required"].includes(e.field);return l&&M.isEdit||!l}(e)&&(e.isShow=!0),"checkbox"===e.type){const l=X.value.flat().every((l=>!Reflect.has(l,e.field)));e.checkedAll=!ue(e.field)&&!l}}))}function ue(e){return X.value.flat().some((l=>!I(l,e)&&!l[e]&&"0001"!=l.id))}return o([()=>M.fields,()=>{var e;return null==(e=M.showColumnNames)?void 0:e.length}],(([e,l])=>{e.length>0&&(X.value=de(),re())}),{immediate:!0,deep:!0}),G({getTableFields:ae}),(l,t)=>(d(),a("div",{class:"c-field-set",style:s({"--row-height":"52px","--primary-color":z.value})},[e.showSearch?(d(),n(r(A),{key:0,class:"c-field-set__search-wrapper",value:J.value,"onUpdate:value":t[0]||(t[0]=e=>J.value=e),valueModifiers:{trim:!0},placeholder:"请输入字段标题",onKeydown:u(c(se,["prevent"]),["enter"])},null,8,["value","onKeydown"])):f("v-if",!0),h("div",T,[(d(!0),a(p,null,m(Y.value,((e,l)=>(d(),a(p,{key:l},[e.isShow?(d(),a("span",{key:0,class:"table-cell",style:s(r(U)(e))},["checkbox"===e.type?(d(),n(r(_),{key:0,checked:e.checkedAll,"onUpdate:checked":[l=>e.checkedAll=l,l=>{return t=l,i=e.field,void Z.value.forEach((e=>{I(e,i)||(e[i]=t)}));var t,i}],disabled:e.disabledAll},{default:v((()=>[y(b(e.title),1)])),_:2},1032,["checked","onUpdate:checked","disabled"])):f("v-if",!0),y(" "+b("checkbox"!==e.type?e.title:"")+" ",1),"sortPriority"===e.field?(d(),n(r(S),{key:1,trigger:"hover"},{trigger:v((()=>[k(r(C),{component:r(P),style:{top:"2px"}},null,8,["component"])])),default:v((()=>[V])),_:1})):f("v-if",!0)],4)):f("v-if",!0)],64)))),128))]),h("div",{class:"c-field-set__table-body",ref_key:"tableBodyRef",ref:Q},[k(r(q),{modelValue:X.value,"onUpdate:modelValue":t[1]||(t[1]=e=>X.value=e),animation:"150","item-key":"id",draggable:".item"},{item:v((({element:e,index:l})=>[e.hide?f("v-if",!0):(d(),a("div",{key:0,class:"item",tabindex:l},[r(N)(e)?(d(!0),a(p,{key:0},m(e,((e,t)=>(d(),n(F,g(ee,{key:t,element:e,idx:l+1,"is-highlight":ne(e)}),null,16,["element","idx","is-highlight"])))),128)):(d(),n(F,g({key:1},ee,{element:e,idx:l+1,"is-highlight":ne(e)}),null,16,["element","idx","is-highlight"]))],8,K))])),_:1},8,["modelValue"])],512),e.footerFlag?(d(),a("div",L,[f(" 底部按钮插槽 "),x(l.$slots,"footer",{},(()=>[k(r(W),{onPositiveClick:oe},{trigger:v((()=>[k(r(E),{style:{"margin-right":"8px"}},{default:v((()=>[y("恢复默认设置")])),_:1})])),default:v((()=>[y(" 确认要恢复系统默认设置吗？ ")])),_:1}),k(r(E),{style:{"margin-right":"8px"},onClick:ie},{default:v((()=>[y("取消")])),_:1}),k(r(E),{type:"primary",onClick:te},{default:v((()=>[y("保存")])),_:1})]))])):f("v-if",!0)],4))}});export{G as default};

package/es/components/field-set/src/components/Row.vue.d.ts

@@ -1,12 +1,38 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../../../es/shared/types';
+import { FieldSetColumnItem } from '../../../../../es/components/field-set';
 import { setStyle, isDisable } from '../utils';
 declare const _default: import("vue").DefineComponent<{
     element: {
-        type: PropType<AnyObject>;
+        type: PropType<Partial<{
+            [key: string]: any;
+            id: string;
+            name: string;
+            show: boolean;
+            sort: boolean;
+            sortDirection: "NONE" | "ASC" | "DESC";
+            title: string;
+            alias: string;
+            fixedShow: boolean;
+            fixedWay: "NONE" | "LEFT" | "RIGHT";
+            columnWidth: number | null;
+            editable: boolean;
+            editableDisable: boolean;
+            required: boolean;
+            requiredDisable: boolean;
+            hide: boolean;
+        }>>;
         default: () => {};
     };
     columns: {
+        type: PropType<FieldSetColumnItem[]>;
+        default: () => never[];
+    };
+    idx: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fieldList: {
         type: PropType<Partial<{
             [key: string]: any;
             id: string;
@@ -27,9 +53,8 @@ declare const _default: import("vue").DefineComponent<{
         }>[]>;
         default: () => never[];
     };
-    idx: {
-        type: NumberConstructor;
-        default: number;
+    isHighlight: {
+        type: BooleanConstructor;
     };
 }, {
     fixedWayOptions: {
@@ -42,10 +67,35 @@ declare const _default: import("vue").DefineComponent<{
     }[];
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         element: {
-            type: PropType<AnyObject>;
+            type: PropType<Partial<{
+                [key: string]: any;
+                id: string;
+                name: string;
+                show: boolean;
+                sort: boolean;
+                sortDirection: "NONE" | "ASC" | "DESC";
+                title: string;
+                alias: string;
+                fixedShow: boolean;
+                fixedWay: "NONE" | "LEFT" | "RIGHT";
+                columnWidth: number | null;
+                editable: boolean;
+                editableDisable: boolean;
+                required: boolean;
+                requiredDisable: boolean;
+                hide: boolean;
+            }>>;
             default: () => {};
         };
         columns: {
+            type: PropType<FieldSetColumnItem[]>;
+            default: () => never[];
+        };
+        idx: {
+            type: NumberConstructor;
+            default: number;
+        };
+        fieldList: {
             type: PropType<Partial<{
                 [key: string]: any;
                 id: string;
@@ -66,19 +116,27 @@ declare const _default: import("vue").DefineComponent<{
             }>[]>;
             default: () => never[];
         };
-        idx: {
-            type: NumberConstructor;
-            default: number;
+        isHighlight: {
+            type: BooleanConstructor;
         };
     }>> & {
         onUpdateChecked?: ((...args: any[]) => any) | undefined;
     }>>;
     emit: (event: "updateChecked", ...args: any[]) => void;
-    setOptions: (column: AnyObject) => {
+    getSortPriorityOptions: () => {
+        label: string;
+        value: number;
+    }[];
+    getOptions: (column: AnyObject) => {
         label: string;
         value: string;
+    }[] | {
+        label: string;
+        value: number;
     }[];
+    setDisabled: (column: AnyObject) => boolean;
     onUpdateChecked: (checked: boolean, column: AnyObject) => void;
+    handleUpdateSelect: (value: string, column: AnyObject) => void;
     NCheckbox: any;
     NSelect: any;
     NInput: any;
@@ -90,10 +148,35 @@ declare const _default: import("vue").DefineComponent<{
     ReorderTwoOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "updateChecked"[], "updateChecked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     element: {
-        type: PropType<AnyObject>;
+        type: PropType<Partial<{
+            [key: string]: any;
+            id: string;
+            name: string;
+            show: boolean;
+            sort: boolean;
+            sortDirection: "NONE" | "ASC" | "DESC";
+            title: string;
+            alias: string;
+            fixedShow: boolean;
+            fixedWay: "NONE" | "LEFT" | "RIGHT";
+            columnWidth: number | null;
+            editable: boolean;
+            editableDisable: boolean;
+            required: boolean;
+            requiredDisable: boolean;
+            hide: boolean;
+        }>>;
         default: () => {};
     };
     columns: {
+        type: PropType<FieldSetColumnItem[]>;
+        default: () => never[];
+    };
+    idx: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fieldList: {
         type: PropType<Partial<{
             [key: string]: any;
             id: string;
@@ -114,14 +197,14 @@ declare const _default: import("vue").DefineComponent<{
         }>[]>;
         default: () => never[];
     };
-    idx: {
-        type: NumberConstructor;
-        default: number;
+    isHighlight: {
+        type: BooleanConstructor;
     };
 }>> & {
     onUpdateChecked?: ((...args: any[]) => any) | undefined;
 }, {
-    columns: Partial<{
+    columns: FieldSetColumnItem[];
+    fieldList: Partial<{
         [key: string]: any;
         id: string;
         name: string;
@@ -139,7 +222,25 @@ declare const _default: import("vue").DefineComponent<{
         requiredDisable: boolean;
         hide: boolean;
     }>[];
-    element: AnyObject;
+    element: Partial<{
+        [key: string]: any;
+        id: string;
+        name: string;
+        show: boolean;
+        sort: boolean;
+        sortDirection: "NONE" | "ASC" | "DESC";
+        title: string;
+        alias: string;
+        fixedShow: boolean;
+        fixedWay: "NONE" | "LEFT" | "RIGHT";
+        columnWidth: number | null;
+        editable: boolean;
+        editableDisable: boolean;
+        required: boolean;
+        requiredDisable: boolean;
+        hide: boolean;
+    }>;
     idx: number;
+    isHighlight: boolean;
 }>;
 export default _default;

package/es/components/field-set/src/components/Row.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,openBlock as l,createElementBlock as t,Fragment as n,renderList as i,normalizeStyle as a,unref as d,createBlock as u,withCtx as o,createVNode as p,createCommentVNode as f,createTextVNode as m,toDisplayString as c,withDirectives as v,vShow as r,createElementVNode as s}from"vue";import{NTooltip as y,NIcon as k,NCheckbox as b,NSelect as h,NInput as x,NInputNumber as U}from"naive-ui";import{setStyle as g,isDisable as N}from"../utils/index.js";import{ReorderTwoOutline as C}from"@vicons/ionicons5";const E={class:"row"},w=["title"],O=s("span",null,"拖拽调整顺序",-1);var S=e({__name:"Row",props:{element:{type:Object,default:()=>({})},columns:{type:Array,default:()=>[]},idx:{type:Number,default:1}},emits:["updateChecked"],setup(e,{emit:s}){const S=[{label:"不固定",value:"NONE"},{label:"左固定",value:"LEFT"},{label:"右固定",value:"RIGHT"}],_=[{label:"不排序",value:"NONE"},{label:"升序",value:"ASC"},{label:"降序",value:"DESC"}];function j(e){return"fixedWay"===e.field?S:_}return(S,_)=>(l(),t("div",E,[(l(!0),t(n,null,i(e.columns,((i,E)=>(l(),t(n,{key:E},[i.isShow?(l(),t("span",{key:0,class:"table-cell",title:e.element[i.field],style:a(d(g)(i))},["text"===i.type?(l(),t(n,{key:0},[0===E?(l(),u(d(y),{key:0,trigger:"hover"},{trigger:o((()=>[p(d(k),{style:{"margin-right":"5px",top:"2px"},component:d(C)},null,8,["component"])])),default:o((()=>[O])),_:1})):f("v-if",!0),m(" "+c("seq"===i.field?e.idx:e.element[i.field]),1)],64)):f("v-if",!0),"checkbox"===i.type?v((l(),u(d(b),{key:1,disabled:d(N)(e.element,i.field),checked:e.element[i.field],"onUpdate:checked":[l=>e.element[i.field]=l,e=>function(e,l){s("updateChecked",{checked:e,column:l})}(e,i)]},null,8,["disabled","checked","onUpdate:checked"])),[[r,"0001"!=e.element.id]]):f("v-if",!0),"select"===i.type?v((l(),u(d(h),{key:2,value:e.element[i.field],"onUpdate:value":l=>e.element[i.field]=l,options:j(i)},null,8,["value","onUpdate:value","options"])),[[r,"fixedWay"===i.field||"0001"!=e.element.id]]):f("v-if",!0),"input"===i.type?v((l(),u(d(x),{key:3,value:e.element[i.field],"onUpdate:value":l=>e.element[i.field]=l,clearable:""},null,8,["value","onUpdate:value"])),[[r,"0001"!=e.element.id]]):f("v-if",!0),"inputNumber"===i.type?(l(),u(d(U),{key:4,value:e.element[i.field],"onUpdate:value":l=>e.element[i.field]=l},null,8,["value","onUpdate:value"])):f("v-if",!0)],12,w)):f("v-if",!0)],64)))),128))]))}});export{S as default};
+import{defineComponent as e,openBlock as l,createElementBlock as t,Fragment as i,renderList as n,normalizeStyle as a,unref as o,createBlock as r,withCtx as u,createVNode as d,createCommentVNode as s,createElementVNode as f,normalizeClass as c,toDisplayString as p,withDirectives as m,vShow as v}from"vue";import{NTooltip as y,NIcon as h,NCheckbox as b,NSelect as k,NInput as g,NInputNumber as x}from"naive-ui";import{setStyle as N,isDisable as U}from"../utils/index.js";import{ReorderTwoOutline as E}from"@vicons/ionicons5";import{range as O}from"lodash-es";const P={class:"row"},w=["title"],C=f("span",null,"拖拽调整顺序",-1);var D=e({__name:"Row",props:{element:{type:Object,default:()=>({})},columns:{type:Array,default:()=>[]},idx:{type:Number,default:1},fieldList:{type:Array,default:()=>[]},isHighlight:{type:Boolean}},emits:["updateChecked"],setup(e,{emit:D}){const L=e,S=[{label:"不固定",value:"NONE"},{label:"左固定",value:"LEFT"},{label:"右固定",value:"RIGHT"}],A=[{label:"不排序",value:"NONE"},{label:"升序",value:"ASC"},{label:"降序",value:"DESC"}];function H(e){switch(e.field){case"fixedWay":return S;case"sortDirection":return A;case"sortPriority":return function(){const e=O(1,L.fieldList.length+1).map((e=>({label:e.toString(),value:e}))),l=L.fieldList.filter((e=>!!e.sortPriority&&e.uuid!==L.element.uuid)).map((e=>e.sortPriority));return e.filter((e=>!l.includes(e.value)))}();default:return[]}}function _(e){if("sortPriority"!==e.field)return!1;const{sortDirection:l}=L.element;return!l||"NONE"===l}return(O,S)=>(l(),t("div",P,[(l(!0),t(i,null,n(e.columns,((n,O)=>(l(),t(i,{key:O},[n.isShow?(l(),t("span",{key:0,class:"table-cell",title:e.element[n.field],style:a(o(N)(n))},["text"===n.type?(l(),t(i,{key:0},[0===O?(l(),r(o(y),{key:0,trigger:"hover"},{trigger:u((()=>[d(o(h),{style:{"margin-right":"5px",top:"2px"},component:o(E)},null,8,["component"])])),default:u((()=>[C])),_:1})):s("v-if",!0),f("span",{class:c([e.isHighlight&&"title"===n.field?"highlight":""])},p("seq"===n.field?e.idx:e.element[n.field]),3)],64)):s("v-if",!0),"checkbox"===n.type?m((l(),r(o(b),{key:1,disabled:o(U)(e.element,n.field),checked:e.element[n.field],"onUpdate:checked":[l=>e.element[n.field]=l,e=>function(e,l){D("updateChecked",{checked:e,column:l})}(e,n)]},null,8,["disabled","checked","onUpdate:checked"])),[[v,"0001"!=e.element.id]]):s("v-if",!0),"select"===n.type?m((l(),r(o(k),{key:2,clearable:"",disabled:_(n),value:e.element[n.field],"onUpdate:value":[l=>e.element[n.field]=l,e=>function(e,l){"sortDirection"===l.field&&"NONE"===e&&(L.element.sortPriority=null)}(e,n)],options:H(n)},null,8,["disabled","value","onUpdate:value","options"])),[[v,"fixedWay"===n.field||"0001"!=e.element.id]]):s("v-if",!0),"input"===n.type?m((l(),r(o(g),{key:3,value:e.element[n.field],"onUpdate:value":l=>e.element[n.field]=l,clearable:""},null,8,["value","onUpdate:value"])),[[v,"0001"!=e.element.id]]):s("v-if",!0),"inputNumber"===n.type?(l(),r(o(x),{key:4,value:e.element[n.field],"onUpdate:value":l=>e.element[n.field]=l},null,8,["value","onUpdate:value"])):s("v-if",!0)],12,w)):s("v-if",!0)],64)))),128))]))}});export{D as default};

package/es/components/field-set/src/types/index.d.ts

@@ -16,7 +16,7 @@ export declare type FieldSetItem = Partial<{
     hide: boolean;
     [key: string]: any;
 }>;
-export declare type FieldSetColumnName = 'show' | 'editable' | 'required' | 'sort' | 'bold' | 'sortDirection' | 'fixedWay' | 'alias' | 'columnWidth';
+export declare type FieldSetColumnName = 'show' | 'editable' | 'required' | 'sort' | 'bold' | 'sortDirection' | 'sortPriority' | 'fixedWay' | 'alias' | 'columnWidth';
 export declare type FieldSetColumnItem = {
     title: string;
     type: 'text' | 'checkbox' | 'select' | 'input' | 'inputNumber';

package/es/components/field-set/src/utils/index.js

@@ -1 +1 @@
-import{isArray as e,isObject as t}from"lodash-es";import{IhoTableRowGroupSequence as i}from"../../../iho-table/src/constants/index.js";function n(e){const t={flex:"1 1 90px"};switch(e.type){case"text":"title"===e.field&&Object.assign(t,{flex:"0 0 120px",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap"});break;case"checkbox":t.flex="1 1 60px";break;case"select":t.flex="1 1 80px";break;case"input":t.flex="1 1 100px"}return t}function s(e,t){return["editable","required"].includes(t)&&e[`${t}Disable`]||["sort"].includes(t)&&1==e.notParticipatingSort}function r(n,s,r=(e=>e.name)){const l=s.map((e=>r(e)));return i.some((i=>{const s=n[i];if(!e(s))return!0;s.forEach((i=>{if(!e(i.list)||!i.list.length)return;const n=[];let s=null;i.list.forEach(((e,r)=>{const c=function(e,i,n){return i.findIndex((i=>i!==n&&(t(i)?i.fieldName:i)===e))}(e,l,s);~c&&(n.push(l[c]),0===r?l.splice(c,1,s={fieldName:i.title,children:n}):l.splice(c,1))}))}))})),l}export{r as getGroupTree,s as isDisable,n as setStyle};
+import{isArray as e,isObject as t}from"lodash-es";import{IhoTableRowGroupSequence as i}from"../../../iho-table/src/constants/index.js";function n(e){const t={flex:"1 1 90px"};switch(e.type){case"text":"title"===e.field&&Object.assign(t,{flex:"0 0 120px",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap"}),"seq"===e.field&&(t.flex="1 1 40px");break;case"checkbox":t.flex="1 1 60px";break;case"select":t.flex="1 1 80px";break;case"input":t.flex="1 1 100px"}return t}function s(e,t){return["editable","required"].includes(t)&&e[`${t}Disable`]||["sort"].includes(t)&&1==e.notParticipatingSort}function l(n,s,l=(e=>e.name)){const r=s.map((e=>l(e)));return i.some((i=>{const s=n[i];if(!e(s))return!0;s.forEach((i=>{if(!e(i.list)||!i.list.length)return;const n=[];let s=null;i.list.forEach(((e,l)=>{const c=function(e,i,n){return i.findIndex((i=>i!==n&&(t(i)?i.fieldName:i)===e))}(e,r,s);~c&&(n.push(r[c]),0===l?r.splice(c,1,s={fieldName:i.title,children:n}):r.splice(c,1))}))}))})),r}export{l as getGroupTree,s as isDisable,n as setStyle};

package/es/components/field-set/style/index.css

@@ -1 +1 @@
-.c-field-set{display:flex;flex-flow:column nowrap;height:100%;width:100%}.c-field-set .item{background:#fff}.c-field-set .item:active{background:#f2f2f2;box-shadow:0 0 10px 0 #d5d5d5}.c-field-set .item:focus{background-color:#f2f2f2}.c-field-set .item .row{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;height:52px;padding:5px 0}.c-field-set .table-cell{box-sizing:border-box;display:inline-block;padding:0 5px}.c-field-set__table-header{align-items:center;background:#f2f2f4;border:1px solid #f2f2f2;display:flex;height:52px}.c-field-set__table-body{flex:1;overflow-y:scroll}.c-field-set__table-footer{border-top:1px solid #d5d5d5;padding:12px 0}
+.c-field-set{display:flex;flex-flow:column nowrap;height:100%;width:100%}.c-field-set__search-wrapper.n-input{margin-bottom:12px;width:50%}.c-field-set .item{background:#fff}.c-field-set .item:active{background:#f2f2f2;box-shadow:0 0 10px 0 #d5d5d5}.c-field-set .item:focus{background-color:#f2f2f2}.c-field-set .item .row{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;height:var(--row-height);padding:5px 0}.c-field-set .table-cell{box-sizing:border-box;color:inherit;display:inline-block;padding:0 5px}.c-field-set .table-cell .highlight{background-color:var(--primary-color);color:#fff}.c-field-set__table-header{align-items:center;background:#f2f2f4;border:1px solid #f2f2f2;display:flex;height:52px}.c-field-set__table-body{flex:1;overflow-y:scroll}.c-field-set__table-footer{border-top:1px solid #d5d5d5;padding:12px 0}

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

@@ -166,6 +166,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 method?: import("..").FormRequestType | undefined;
                 nameKey?: string | undefined;
                 valueKey?: string | undefined;
+                showKey?: string | undefined;
                 params?: import("../../../es/shared/types").AnyObject | undefined;
                 dependKey?: string | Record<string, string> | (string | {
                     paramName: string;
@@ -203,6 +204,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             prefix?: string | import("../../../es/shared/types").AnyObject | (() => any) | undefined;
             suffix?: string | import("../../../es/shared/types").AnyObject | (() => any) | undefined;
             allowSlash?: boolean | undefined;
+            allowModify?: "0" | "1" | undefined;
+            show_key?: string | undefined;
+            bordered?: string | boolean | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("..").FormRenderer | Record<string, import("..").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -1894,6 +1898,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 method?: import("..").FormRequestType | undefined;
                 nameKey?: string | undefined;
                 valueKey?: string | undefined;
+                showKey?: string | undefined;
                 params?: import("../../../es/shared/types").AnyObject | undefined;
                 dependKey?: string | Record<string, string> | (string | {
                     paramName: string;
@@ -1931,6 +1936,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             prefix?: string | import("../../../es/shared/types").AnyObject | (() => any) | undefined;
             suffix?: string | import("../../../es/shared/types").AnyObject | (() => any) | undefined;
             allowSlash?: boolean | undefined;
+            allowModify?: "0" | "1" | undefined;
+            show_key?: string | undefined;
+            bordered?: string | boolean | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("..").FormRenderer | Record<string, import("..").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -3631,6 +3639,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 method?: import("..").FormRequestType | undefined;
                 nameKey?: string | undefined;
                 valueKey?: string | undefined;
+                showKey?: string | undefined;
                 params?: import("../../../es/shared/types").AnyObject | undefined;
                 dependKey?: string | Record<string, string> | (string | {
                     paramName: string;
@@ -3668,6 +3677,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             prefix?: string | import("../../../es/shared/types").AnyObject | (() => any) | undefined;
             suffix?: string | import("../../../es/shared/types").AnyObject | (() => any) | undefined;
             allowSlash?: boolean | undefined;
+            allowModify?: "0" | "1" | undefined;
+            show_key?: string | undefined;
+            bordered?: string | boolean | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("..").FormRenderer | Record<string, import("..").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -5359,6 +5371,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 method?: import("..").FormRequestType | undefined;
                 nameKey?: string | undefined;
                 valueKey?: string | undefined;
+                showKey?: string | undefined;
                 params?: import("../../../es/shared/types").AnyObject | undefined;
                 dependKey?: string | Record<string, string> | (string | {
                     paramName: string;
@@ -5396,6 +5409,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             prefix?: string | import("../../../es/shared/types").AnyObject | (() => any) | undefined;
             suffix?: string | import("../../../es/shared/types").AnyObject | (() => any) | undefined;
             allowSlash?: boolean | undefined;
+            allowModify?: "0" | "1" | undefined;
+            show_key?: string | undefined;
+            bordered?: string | boolean | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("..").FormRenderer | Record<string, import("..").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -7052,7 +7068,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
         lineBreakFormRef: import("vue").Ref<import("..").FormRenderExpose | undefined>;
         initialData: Partial<import("./src/types").FormConfigItem>;
         emit: (event: "submit", payload: import("./src/types").FormConfigItem) => void;
-        submit: (type: string, formRef?: import("..").FormRenderExpose | undefined) => Promise<void>;
+        submit: (type: string, props?: import("../../../es/shared/types").AnyObject | undefined, formRef?: import("..").FormRenderExpose | undefined) => Promise<void>;
         pick: {
             <T extends object, U extends keyof T>(object: T, ...props: import("lodash").Many<U>[]): Pick<T, U>;
             <T_1>(object: T_1 | null | undefined, ...props: import("lodash").Many<import("lodash").PropertyPath>[]): Partial<T_1>;
@@ -7201,6 +7217,10 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: (BooleanConstructor | StringConstructor)[];
                     default: boolean;
                 };
+                outBordered: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 uniqueCacheData: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -7341,6 +7361,10 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         type: (BooleanConstructor | StringConstructor)[];
                         default: boolean;
                     };
+                    outBordered: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                     uniqueCacheData: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -7394,7 +7418,10 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 operationalFormHandler: (field: string) => void;
                 triggerAllOperationalFormHandler: () => void;
                 wordbookSettingHandler: (fieldKey: string, value: unknown) => void;
-                schemaAdaptor: (fieldList: import("..").FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
+                schemaAdaptor: (fieldList: import("..").FieldItem[], options?: {
+                    column: number;
+                    outBordered?: boolean | undefined;
+                }) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
                     [key: `x-${number}`]: any;
@@ -7810,6 +7837,10 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: (BooleanConstructor | StringConstructor)[];
                     default: boolean;
                 };
+                outBordered: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 uniqueCacheData: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -7831,6 +7862,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
                 uniqueCacheData: boolean;
+                outBordered: 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, {
@@ -8063,6 +8095,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 method?: import("..").FormRequestType | undefined;
                 nameKey?: string | undefined;
                 valueKey?: string | undefined;
+                showKey?: string | undefined;
                 params?: import("../../../es/shared/types").AnyObject | undefined;
                 dependKey?: string | Record<string, string> | (string | {
                     paramName: string;
@@ -8100,6 +8133,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             prefix?: string | import("../../../es/shared/types").AnyObject | (() => any) | undefined;
             suffix?: string | import("../../../es/shared/types").AnyObject | (() => any) | undefined;
             allowSlash?: boolean | undefined;
+            allowModify?: "0" | "1" | undefined;
+            show_key?: string | undefined;
+            bordered?: string | boolean | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("..").FormRenderer | Record<string, import("..").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -9802,6 +9838,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         method?: import("..").FormRequestType | undefined;
                         nameKey?: string | undefined;
                         valueKey?: string | undefined;
+                        showKey?: string | undefined;
                         params?: import("../../../es/shared/types").AnyObject | undefined;
                         dependKey?: string | Record<string, string> | (string | {
                             paramName: string;
@@ -9839,6 +9876,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     prefix?: string | import("../../../es/shared/types").AnyObject | (() => any) | undefined;
                     suffix?: string | import("../../../es/shared/types").AnyObject | (() => any) | undefined;
                     allowSlash?: boolean | undefined;
+                    allowModify?: "0" | "1" | undefined;
+                    show_key?: string | undefined;
+                    bordered?: string | boolean | undefined;
                     fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
                     content?: string | import("..").FormRenderer | Record<string, import("..").FormRenderer> | undefined;
                     lazyRequest?: boolean | undefined;
@@ -11514,6 +11554,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     method?: import("..").FormRequestType | undefined;
                     nameKey?: string | undefined;
                     valueKey?: string | undefined;
+                    showKey?: string | undefined;
                     params?: import("../../../es/shared/types").AnyObject | undefined;
                     dependKey?: string | Record<string, string> | (string | {
                         paramName: string;
@@ -11551,6 +11592,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 prefix?: string | import("../../../es/shared/types").AnyObject | (() => any) | undefined;
                 suffix?: string | import("../../../es/shared/types").AnyObject | (() => any) | undefined;
                 allowSlash?: boolean | undefined;
+                allowModify?: "0" | "1" | undefined;
+                show_key?: string | undefined;
+                bordered?: string | boolean | undefined;
                 fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
                 content?: string | import("..").FormRenderer | Record<string, import("..").FormRenderer> | undefined;
                 lazyRequest?: boolean | undefined;
@@ -13274,6 +13318,10 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: (BooleanConstructor | StringConstructor)[];
                     default: boolean;
                 };
+                outBordered: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 uniqueCacheData: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -13414,6 +13462,10 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         type: (BooleanConstructor | StringConstructor)[];
                         default: boolean;
                     };
+                    outBordered: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                     uniqueCacheData: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -13467,7 +13519,10 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 operationalFormHandler: (field: string) => void;
                 triggerAllOperationalFormHandler: () => void;
                 wordbookSettingHandler: (fieldKey: string, value: unknown) => void;
-                schemaAdaptor: (fieldList: import("..").FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
+                schemaAdaptor: (fieldList: import("..").FieldItem[], options?: {
+                    column: number;
+                    outBordered?: boolean | undefined;
+                }) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
                     [key: `x-${number}`]: any;
@@ -13883,6 +13938,10 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     type: (BooleanConstructor | StringConstructor)[];
                     default: boolean;
                 };
+                outBordered: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 uniqueCacheData: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -13904,6 +13963,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
                 uniqueCacheData: boolean;
+                outBordered: 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<{