ll-package
Version:
2 lines (1 loc) • 3.5 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const N=require("../../../@babel/runtime/helpers/esm/objectSpread2.js"),o=require("vue"),R=require("../_util/warning.js"),S=require("../_util/responsiveObserve.js"),E=require("./Row.js"),v=require("../_util/vue-types/index.js"),P=require("../_util/vnode.js"),B=require("../_util/props-util/index.js"),k=require("../config-provider/hooks/useConfigInject.js"),z=require("./style/index.js");v.default.any;const U=()=>({prefixCls:String,label:v.default.any,labelStyle:{type:Object,default:void 0},contentStyle:{type:Object,default:void 0},span:{type:Number,default:1}}),$=o.defineComponent({compatConfig:{MODE:3},name:"ADescriptionsItem",props:U(),setup(e,r){let{slots:t}=r;return()=>{var n;return(n=t.default)===null||n===void 0?void 0:n.call(t)}}}),j={xxxl:3,xxl:3,xl:3,lg:3,md:3,sm:2,xs:1};function F(e,r){if(typeof e=="number")return e;if(typeof e=="object")for(let t=0;t<S.responsiveArray.length;t++){const n=S.responsiveArray[t];if(r[n]&&e[n]!==void 0)return e[n]||j[n]}return 3}function O(e,r,t){let n=e;return(t===void 0||t>r)&&(n=P.cloneElement(e,{span:r}),R.default(t===void 0,"Descriptions","Sum of column `span` in a line not match `column` of Descriptions.")),n}function L(e,r){const t=B.flattenChildren(e),n=[];let l=[],s=r;return t.forEach((i,f)=>{var c;const p=(c=i.props)===null||c===void 0?void 0:c.span,a=p||1;if(f===t.length-1){l.push(O(i,s,p)),n.push(l);return}a<s?(s-=a,l.push(i)):(l.push(O(i,s,a)),n.push(l),s=r,l=[])}),n}const D=()=>({prefixCls:String,bordered:{type:Boolean,default:void 0},size:{type:String,default:"default"},title:v.default.any,extra:v.default.any,column:{type:[Number,Object],default:()=>j},layout:String,colon:{type:Boolean,default:void 0},labelStyle:{type:Object,default:void 0},contentStyle:{type:Object,default:void 0}}),q=Symbol("descriptionsContext"),u=o.defineComponent({compatConfig:{MODE:3},name:"ADescriptions",inheritAttrs:!1,props:D(),slots:Object,Item:$,setup(e,r){let{slots:t,attrs:n}=r;const{prefixCls:l,direction:s}=k.default("descriptions",e);let i;const f=o.ref({}),[c,p]=z.default(l),a=S.default();o.onBeforeMount(()=>{i=a.value.subscribe(d=>{typeof e.column=="object"&&(f.value=d)})}),o.onBeforeUnmount(()=>{a.value.unsubscribe(i)}),o.provide(q,{labelStyle:o.toRef(e,"labelStyle"),contentStyle:o.toRef(e,"contentStyle")});const I=o.computed(()=>F(e.column,f.value));return()=>{var d,m,b;const{size:g,bordered:h=!1,layout:_="horizontal",colon:w=!0,title:y=(d=t.title)===null||d===void 0?void 0:d.call(t),extra:x=(m=t.extra)===null||m===void 0?void 0:m.call(t)}=e,V=(b=t.default)===null||b===void 0?void 0:b.call(t),A=L(V,I.value);return c(o.createVNode("div",N.default(N.default({},n),{},{class:[l.value,{[`${l.value}-${g}`]:g!=="default",[`${l.value}-bordered`]:!!h,[`${l.value}-rtl`]:s.value==="rtl"},n.class,p.value]}),[(y||x)&&o.createVNode("div",{class:`${l.value}-header`},[y&&o.createVNode("div",{class:`${l.value}-title`},[y]),x&&o.createVNode("div",{class:`${l.value}-extra`},[x])]),o.createVNode("div",{class:`${l.value}-view`},[o.createVNode("table",null,[o.createVNode("tbody",null,[A.map((M,C)=>o.createVNode(E.default,{key:C,index:C,colon:w,prefixCls:l.value,vertical:_==="vertical",bordered:h,row:M},null))])])])]))}}});u.install=function(e){return e.component(u.name,u),e.component(u.Item.name,u.Item),e};const T=u;exports.DescriptionsItem=$;exports.default=T;exports.descriptionsContext=q;exports.descriptionsProps=D;