weex-nuke/lib/Modal/styles/variable.js

基于 Rax 、Weex 的高性能组件体系 ~~

'use strict';

var _extends = Object.assign || 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; };

var _nukeCore = require('../../Core/index.js');

function VariableMix(theme) {
  var core = theme.Core;
  var ComponentCustomStyle = theme.Toast;

  var modalCustomToastMaskBgColor = (0, _nukeCore.vLoader)(core['color-black']);
  // / background
  // / @namespace statement
  var modalCustomToastBgColor = (0, _nukeCore.vLoader)(core['color-black']);

  // / text
  // / @namespace statement
  var modalCustomToastColor = (0, _nukeCore.vLoader)(core['color-white']);

  // / padding(l/r)
  // / @namespace size/bounding
  var modalCustomToastPaddingLeftRight = (0, _nukeCore.vLoader)(core.s3);

  // / padding(t,b)
  // / @namespace size/bounding
  var modalCustomToastPaddingTopBottom = (0, _nukeCore.vLoader)(core.s4);

  // / text
  // / @namespace size/text
  var modalCustomToastFontSize = (0, _nukeCore.vLoader)(core['font-size-caption']);

  // / margin(b)
  // / @namespace size/icon
  var modalCustomToastIconMarginBottom = (0, _nukeCore.vLoader)(core.s3);

  // / corner
  // / @namespace statement
  var modalCustomToastCorner = (0, _nukeCore.vLoader)(core['corner-1']);

  // / size
  // / @namespace size/icon
  var modalCustomToastIconSize = (0, _nukeCore.vLoader)(core['icon-l']);

  // / icon-color
  // / @namespace statement
  var modalCustomToastIconColor = (0, _nukeCore.vLoader)(core['color-white']);

  // / opacity
  // / @namespace statement
  var modalCustomToastOpacity = (0, _nukeCore.vLoader)('.7');

  // / mask-opacity
  // / @namespace statement
  var modalCustomToastMaskOpacity = (0, _nukeCore.vLoader)('0');

  // / min width
  // / @namespace size
  var modalCustomToastMinWidth = (0, _nukeCore.vLoader)(200);

  // / max width
  // / @namespace size
  var modalCustomToastMaxWidth = (0, _nukeCore.vLoader)(320);

  // / min height
  // / @namespace size
  var modalCustomToastMinHeight = (0, _nukeCore.vLoader)(core.s15);

  // / min width
  // / @namespace size
  var modalCustomToastIconMinWidth = (0, _nukeCore.vLoader)(200);

  // / max width
  // / @namespace size
  var modalCustomToastIconMaxWidth = (0, _nukeCore.vLoader)(240);

  // / min height
  // / @namespace size
  var modalCustomToastIconMinHeight = (0, _nukeCore.vLoader)(core.s15);
  // / align
  // / @namespace statement
  var modalCustomToastAlign = (0, _nukeCore.vLoader)('center');

  var toastVariables = {
    'mask-bg-color': modalCustomToastMaskBgColor,
    'bg-color': modalCustomToastBgColor,
    color: modalCustomToastColor,
    'padding-left-right': modalCustomToastPaddingLeftRight,
    'padding-top-bottom': modalCustomToastPaddingTopBottom,
    'font-size': modalCustomToastFontSize,
    'icon-margin-bottom': modalCustomToastIconMarginBottom,
    corner: modalCustomToastCorner,
    'icon-size': modalCustomToastIconSize,
    'icon-color': modalCustomToastIconColor,
    opacity: modalCustomToastOpacity,
    'mask-opacity': modalCustomToastMaskOpacity,
    'min-width': modalCustomToastMinWidth,
    'max-width': modalCustomToastMaxWidth,
    'min-height': modalCustomToastMinHeight,
    'icon-min-width': modalCustomToastIconMinWidth,
    'icon-max-width': modalCustomToastIconMaxWidth,
    'icon-min-height': modalCustomToastIconMinHeight,
    align: modalCustomToastAlign
  };
  return _extends({}, toastVariables, ComponentCustomStyle);
}
module.exports = VariableMix;