dtd
Version:
根据数梦工场视觉规范打造的组件库，感谢react-components和ant design
1 lines • 2.52 kB
JavaScript
import _defineProperty from"babel-runtime/helpers/defineProperty";import _extends from"babel-runtime/helpers/extends";import _typeof from"babel-runtime/helpers/typeof";import _classCallCheck from"babel-runtime/helpers/classCallCheck";import _createClass from"babel-runtime/helpers/createClass";import _possibleConstructorReturn from"babel-runtime/helpers/possibleConstructorReturn";import _inherits from"babel-runtime/helpers/inherits";var __rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(o=Object.getOwnPropertySymbols(e);s<o.length;s++)r.indexOf(o[s])<0&&(t[o[s]]=e[o[s]])}return t};import*as React from"react";import*as PropTypes from"prop-types";import classNames from"classnames";var stringOrNumber=PropTypes.oneOfType([PropTypes.string,PropTypes.number]),objectOrNumber=PropTypes.oneOfType([PropTypes.object,PropTypes.number]),Col=function(e){function r(){return _classCallCheck(this,r),_possibleConstructorReturn(this,(r.__proto__||Object.getPrototypeOf(r)).apply(this,arguments))}return _inherits(r,e),_createClass(r,[{key:"render",value:function(){var e,r=this.props,t=r.span,o=r.order,s=r.offset,p=r.push,n=r.pull,l=r.className,i=r.children,f=r.prefixCls,a=void 0===f?"dt-col":f,m=__rest(r,["span","order","offset","push","pull","className","children","prefixCls"]),u={};["xs","sm","md","lg","xl","xxl"].forEach(function(e){var t,o={};"number"==typeof r[e]?o.span=r[e]:"object"===_typeof(r[e])&&(o=r[e]||{}),delete m[e],u=_extends({},u,(_defineProperty(t={},a+"-"+e+"-"+o.span,void 0!==o.span),_defineProperty(t,a+"-"+e+"-order-"+o.order,o.order||0===o.order),_defineProperty(t,a+"-"+e+"-offset-"+o.offset,o.offset||0===o.offset),_defineProperty(t,a+"-"+e+"-push-"+o.push,o.push||0===o.push),_defineProperty(t,a+"-"+e+"-pull-"+o.pull,o.pull||0===o.pull),t))});var c=classNames((_defineProperty(e={},a+"-"+t,void 0!==t),_defineProperty(e,a+"-order-"+o,o),_defineProperty(e,a+"-offset-"+s,s),_defineProperty(e,a+"-push-"+p,p),_defineProperty(e,a+"-pull-"+n,n),e),l,u);return React.createElement("div",_extends({},m,{className:c}),i)}}]),r}(React.Component);export default Col;Col.propTypes={span:stringOrNumber,order:stringOrNumber,offset:stringOrNumber,push:stringOrNumber,pull:stringOrNumber,className:PropTypes.string,children:PropTypes.node,xs:objectOrNumber,sm:objectOrNumber,md:objectOrNumber,lg:objectOrNumber,xl:objectOrNumber,xxl:objectOrNumber};