@chief-editor/ui
Version:
UI Component for chief editor
1 lines • 1.7 kB
JavaScript
var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(t){for(var e,r=1,s=arguments.length;r<s;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)},__rest=this&&this.__rest||function(t,e){var r={};for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&e.indexOf(s)<0&&(r[s]=t[s]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(s=Object.getOwnPropertySymbols(t);o<s.length;o++)e.indexOf(s[o])<0&&Object.prototype.propertyIsEnumerable.call(t,s[o])&&(r[s[o]]=t[s[o]])}return r};import{classnames,tuple}from"@co-hooks/util";import React,{useContext}from"react";import{usePrefixCls}from"../../hooks";import RowContext from"../row/context/grid";export function Col(t){var e=t.span,r=t.order,s=t.offset,o=t.push,n=t.pull,l=t.xxs,a=t.xs,i=t.sm,p=t.md,f=t.lg,c=t.xl,u=t.xxl,x=t.className,m=t.children,g=t.style,h=__rest(t,["span","order","offset","push","pull","xxs","xs","sm","md","lg","xl","xxl","className","children","style"]),_={span:e,order:r,offset:s,push:o,pull:n,xxs:l,xs:a,sm:i,md:p,lg:f,xl:c,xxl:u},y=useContext(RowContext),d=y.gutter,O=y.breakpoint,b=classnames(usePrefixCls("col",match(_,O)),x),v=d>0?__assign({paddingLeft:d/2,paddingRight:d/2},g):g;return React.createElement("div",__assign({},h,{style:v,className:b}),m)}var COL_PROP_TYPES=tuple("span","order","offset","push","pull");function match(t,e){var r={};return COL_PROP_TYPES.forEach((function(s){var o=t[e],n=t[s];if("span"!==s)r[s]=String("object"==typeof o&&o[s]||null!=n&&n||"0");else{var l="object"==typeof o&&o[s]||"string"==typeof o&&o||"number"==typeof o&&String(o)||null!=n&&n||"0";r[l]=!0}})),r}