adui/es/grid/Col.js

<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>

var _excluded = ["children", "className", "span", "style"];

function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

import React, { useContext } from "react";
import PropTypes from "prop-types";
import classNames from "classnames";
import { RowContext } from "./Context";
import "./style";
var prefix = "adui-grid";

var Col = function Col(_ref) {
  var children = _ref.children,
      className = _ref.className,
      span = _ref.span,
      style = _ref.style,
      otherProps = _objectWithoutProperties(_ref, _excluded);

  var _useContext = useContext(RowContext),
      gutter = _useContext.gutter;

  var classSet = classNames(className, "".concat(prefix, "-col"), "".concat(prefix, "-col_").concat(span));
  var padding = "".concat((gutter || 0) / 2, "px");
  var additionStyle = padding ? {
    paddingLeft: padding,
    paddingRight: padding
  } : {};
  return React.createElement("div", _extends({
    className: classSet,
    style: _objectSpread(_objectSpread({}, additionStyle), style)
  }, otherProps), children);
};

Col.propTypes = {
  children: PropTypes.node,
  className: PropTypes.string,
  span: PropTypes.oneOf([0, 1, 2, 3, 4, 6, 8, 12]),
  style: PropTypes.object
};
Col.defaultProps = {
  children: "",
  className: undefined,
  span: 12,
  style: {}
};
export default Col;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNvbnRleHQiLCJQcm9wVHlwZXMiLCJjbGFzc05hbWVzIiwiUm93Q29udGV4dCIsInByZWZpeCIsIkNvbCIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwic3BhbiIsInN0eWxlIiwib3RoZXJQcm9wcyIsImd1dHRlciIsImNsYXNzU2V0IiwicGFkZGluZyIsImFkZGl0aW9uU3R5bGUiLCJwYWRkaW5nTGVmdCIsInBhZGRpbmdSaWdodCIsInByb3BUeXBlcyIsIm5vZGUiLCJzdHJpbmciLCJvbmVPZiIsIm9iamVjdCIsImRlZmF1bHRQcm9wcyIsInVuZGVmaW5lZCJdLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZ3JpZC9Db2wudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IHsgUm93Q29udGV4dCB9IGZyb20gXCIuL0NvbnRleHRcIlxuaW1wb3J0IFwiLi9zdHlsZVwiXG5cbmNvbnN0IHByZWZpeCA9IFwiYWR1aS1ncmlkXCJcblxuZXhwb3J0IGludGVyZmFjZSBJQ29sUHJvcHMge1xuICBba2V5OiBzdHJpbmddOiBhbnlcbiAgLyoqXG4gICAqIOWtkOiKgueCuVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqXG4gICAqIOmZhOWKoOexu+WQjVxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiDmoIXmoLzljaDkvY3moLzmlbBcbiAgICovXG4gIHNwYW4/OiAwIHwgMSB8IDIgfCAzIHwgNCB8IDYgfCA4IHwgMTJcbiAgLyoqXG4gICAqIOmZhOWKoOagt+W8j1xuICAgKi9cbiAgc3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzXG59XG5cbi8qKlxuICog5qCF5qC85YiXXG4gKi9cbmNvbnN0IENvbDogUmVhY3QuRkM8SUNvbFByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIHNwYW4sXG4gIHN0eWxlLFxuICAuLi5vdGhlclByb3BzXG59OiBJQ29sUHJvcHMpID0+IHtcbiAgY29uc3QgeyBndXR0ZXIgfSA9IHVzZUNvbnRleHQoUm93Q29udGV4dClcblxuICBjb25zdCBjbGFzc1NldCA9IGNsYXNzTmFtZXMoXG4gICAgY2xhc3NOYW1lLFxuICAgIGAke3ByZWZpeH0tY29sYCxcbiAgICBgJHtwcmVmaXh9LWNvbF8ke3NwYW59YFxuICApXG5cbiAgY29uc3QgcGFkZGluZyA9IGAkeyhndXR0ZXIgfHwgMCkgLyAyfXB4YFxuICBjb25zdCBhZGRpdGlvblN0eWxlID0gcGFkZGluZ1xuICAgID8ge1xuICAgICAgICBwYWRkaW5nTGVmdDogcGFkZGluZyxcbiAgICAgICAgcGFkZGluZ1JpZ2h0OiBwYWRkaW5nLFxuICAgICAgfVxuICAgIDoge31cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NTZXR9XG4gICAgICBzdHlsZT17e1xuICAgICAgICAuLi5hZGRpdGlvblN0eWxlLFxuICAgICAgICAuLi5zdHlsZSxcbiAgICAgIH19XG4gICAgICB7Li4ub3RoZXJQcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuQ29sLnByb3BUeXBlcyA9IHtcbiAgLyoqXG4gICAqIOWtkOiKgueCuVxuICAgKi9cbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICAvKipcbiAgICog6ZmE5Yqg57G75ZCNXG4gICAqL1xuICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIC8qKlxuICAgKiDmoIXmoLzljaDkvY3moLzmlbBcbiAgICovXG4gIHNwYW46IFByb3BUeXBlcy5vbmVPZihbMCwgMSwgMiwgMywgNCwgNiwgOCwgMTJdKSxcbiAgLyoqXG4gICAqIOmZhOWKoOagt+W8j1xuICAgKi9cbiAgc3R5bGU6IFByb3BUeXBlcy5vYmplY3QsXG59XG5cbkNvbC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBcIlwiLFxuICBjbGFzc05hbWU6IHVuZGVmaW5lZCxcbiAgc3BhbjogMTIsXG4gIHN0eWxlOiB7fSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29sXG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBT0EsS0FBUCxJQUFnQkMsVUFBaEIsUUFBa0MsT0FBbEM7QUFDQSxPQUFPQyxTQUFQLE1BQXNCLFlBQXRCO0FBQ0EsT0FBT0MsVUFBUCxNQUF1QixZQUF2QjtBQUNBLFNBQVNDLFVBQVQsUUFBMkIsV0FBM0I7QUFDQSxPQUFPLFNBQVA7QUFFQSxJQUFNQyxNQUFNLEdBQUcsV0FBZjs7QUF5QkEsSUFBTUMsR0FBd0IsR0FBRyxTQUEzQkEsR0FBMkIsT0FNaEI7RUFBQSxJQUxmQyxRQUtlLFFBTGZBLFFBS2U7RUFBQSxJQUpmQyxTQUllLFFBSmZBLFNBSWU7RUFBQSxJQUhmQyxJQUdlLFFBSGZBLElBR2U7RUFBQSxJQUZmQyxLQUVlLFFBRmZBLEtBRWU7RUFBQSxJQURaQyxVQUNZOztFQUNmLGtCQUFtQlYsVUFBVSxDQUFDRyxVQUFELENBQTdCO0VBQUEsSUFBUVEsTUFBUixlQUFRQSxNQUFSOztFQUVBLElBQU1DLFFBQVEsR0FBR1YsVUFBVSxDQUN6QkssU0FEeUIsWUFFdEJILE1BRnNCLHFCQUd0QkEsTUFIc0Isa0JBR1JJLElBSFEsRUFBM0I7RUFNQSxJQUFNSyxPQUFPLGFBQU0sQ0FBQ0YsTUFBTSxJQUFJLENBQVgsSUFBZ0IsQ0FBdEIsT0FBYjtFQUNBLElBQU1HLGFBQWEsR0FBR0QsT0FBTyxHQUN6QjtJQUNFRSxXQUFXLEVBQUVGLE9BRGY7SUFFRUcsWUFBWSxFQUFFSDtFQUZoQixDQUR5QixHQUt6QixFQUxKO0VBT0EsT0FDRTtJQUNFLFNBQVMsRUFBRUQsUUFEYjtJQUVFLEtBQUssa0NBQ0FFLGFBREEsR0FFQUwsS0FGQTtFQUZQLEdBTU1DLFVBTk4sR0FRR0osUUFSSCxDQURGO0FBWUQsQ0FuQ0Q7O0FBcUNBRCxHQUFHLENBQUNZLFNBQUosR0FBZ0I7RUFJZFgsUUFBUSxFQUFFTCxTQUFTLENBQUNpQixJQUpOO0VBUWRYLFNBQVMsRUFBRU4sU0FBUyxDQUFDa0IsTUFSUDtFQVlkWCxJQUFJLEVBQUVQLFNBQVMsQ0FBQ21CLEtBQVYsQ0FBZ0IsQ0FBQyxDQUFELEVBQUksQ0FBSixFQUFPLENBQVAsRUFBVSxDQUFWLEVBQWEsQ0FBYixFQUFnQixDQUFoQixFQUFtQixDQUFuQixFQUFzQixFQUF0QixDQUFoQixDQVpRO0VBZ0JkWCxLQUFLLEVBQUVSLFNBQVMsQ0FBQ29CO0FBaEJILENBQWhCO0FBbUJBaEIsR0FBRyxDQUFDaUIsWUFBSixHQUFtQjtFQUNqQmhCLFFBQVEsRUFBRSxFQURPO0VBRWpCQyxTQUFTLEVBQUVnQixTQUZNO0VBR2pCZixJQUFJLEVBQUUsRUFIVztFQUlqQkMsS0FBSyxFQUFFO0FBSlUsQ0FBbkI7QUFPQSxlQUFlSixHQUFmIn0=