import color from './color';

const shadowZero = '';

const shadow1 = '0px 2px 4px 0 rgba(0,0,0,0.20)';
const shadow2 = '0px 4px 8px 0 rgba(0,0,0,0.24)';
const shadow3 = '0px 6px 12px 0 rgba(0,0,0,0.24)';
const shadow4 = '0px 8px 16px 0 rgba(0,0,0,0.28)';
const shadow5 = '0px 12px 24px 0 rgba(0,0,0,0.32)';
const shadowDistanceSd1 = '2px';
const shadowDistanceSd2 = '4px';
const shadowDistanceSd3 = '6px';
const shadowDistanceSd4 = '8px';
const shadowDistanceSd5 = '12px';
const shadowBlurSd1 = '4px';
const shadowBlurSd2 = '8px';
const shadowBlurSd3 = '12px';
const shadowBlurSd4 = '16px';
const shadowBlurSd5 = '24px';
const shadowSpreadSd1 = 0;
const shadowSpreadSd2 = 0;
const shadowSpreadSd3 = 0;
const shadowSpreadSd4 = 0;
const shadowSpreadSd5 = 0;
const shadowColorSd1 = color['color-black'];
const shadowColorSd2 = color['color-black'];
const shadowColorSd3 = color['color-black'];
const shadowColorSd4 = color['color-black'];
const shadowColorSd5 = color['color-black'];
const shadowOpacitySd1 = 0.20;
const shadowOpacitySd2 = 0.24;
const shadowOpacitySd3 = 0.24;
const shadowOpacitySd4 = 0.28;
const shadowOpacitySd5 = 0.32;

/**
 * 阴影
 * @namespace component
 * @property module shadow
 * @property category style
 */

const shadowMap = {
  /**
   * shadow-zero
   * @property group default
   * @property semantic 阴影0
   * @property export
   * @property unconfigurable
   */
  'shadow-zero': shadowZero,
  /**
   * shadow-1
   * @property group default
   * @property semantic 阴影1
   * @property export
   * @property calculate ['shadow-distance-sd1'] ['shadow-distance-sd1'] ['shadow-blur-sd1'] ['shadow-spread-sd1'] rgba(['shadow-color-sd1'], ['shadow-opacity-sd1'])
   * @property unconfigurable
   */
  'shadow-1': shadow1,
  /**
   * shadow-2
   * @property group default
   * @property semantic 阴影2
   * @property export
   * @property calculate ['shadow-distance-sd2'] ['shadow-distance-sd2'] ['shadow-blur-sd2'] ['shadow-spread-sd2'] rgba(['shadow-color-sd2'], ['shadow-opacity-sd2'])
   * @property unconfigurable
   */
  'shadow-2': shadow2,
  /**
   * shadow-3
   * @property group default
   * @property semantic 阴影3
   * @property export
   * @property calculate ['shadow-distance-sd3'] ['shadow-distance-sd3'] ['shadow-blur-sd3'] ['shadow-spread-sd3'] rgba(['shadow-color-sd3'], ['shadow-opacity-sd3'])
   * @property unconfigurable
   */
  'shadow-3': shadow3,
  /**
   * shadow-4
   * @property group default
   * @property semantic 阴影4
   * @property export
   * @property calculate ['shadow-distance-sd4'] ['shadow-distance-sd4'] ['shadow-blur-sd4'] ['shadow-spread-sd4'] rgba(['shadow-color-sd4'], ['shadow-opacity-sd4'])
   * @property unconfigurable
   */
  'shadow-4': shadow4,
  /**
   * shadow-5
   * @property group default
   * @property semantic 阴影5
   * @property export
   * @property calculate ['shadow-distance-sd5'] ['shadow-distance-sd5'] ['shadow-blur-sd5'] ['shadow-spread-sd5'] rgba(['shadow-color-sd5'], ['shadow-opacity-sd5'])
   * @property unconfigurable
   */
  'shadow-5': shadow5,
  /**
   * shadow-distance-sd1
   * @property semantic 阴影1距离
   */
  'shadow-distance-sd1': shadowDistanceSd1,
  /**
   * shadow-distance-sd2
   * @property semantic 阴影2距离
   */
  'shadow-distance-sd2': shadowDistanceSd2,
  /**
   * shadow-distance-sd3
   * @property semantic 阴影3距离
   */
  'shadow-distance-sd3': shadowDistanceSd3,
  /**
   * shadow-distance-sd4
   * @property semantic 阴影4距离
   */
  'shadow-distance-sd4': shadowDistanceSd4,
  /**
   * shadow-distance-sd5
   * @property semantic 阴影5距离
   */
  'shadow-distance-sd5': shadowDistanceSd5,
  /**
   * shadow-opacity-sd1
   * @property semantic 阴影1透明度
   */
  'shadow-opacity-sd1': shadowOpacitySd1,
  /**
   * shadow-opacity-sd2
   * @property semantic 阴影2透明度
   */
  'shadow-opacity-sd2': shadowOpacitySd2,
  /**
   * shadow-opacity-sd3
   * @property semantic 阴影3透明度
   */
  'shadow-opacity-sd3': shadowOpacitySd3,
  /**
   * shadow-opacity-sd4
   * @property semantic 阴影4透明度
   */
  'shadow-opacity-sd4': shadowOpacitySd4,
  /**
   * shadow-opacity-sd5
   * @property semantic 阴影5透明度
   */
  'shadow-opacity-sd5': shadowOpacitySd5,
  /**
   * shadow-color-sd1
   * @property semantic 阴影1颜色
   */
  'shadow-color-sd1': shadowColorSd1,
  /**
   * shadow-color-sd2
   * @property semantic 阴影2颜色
   */
  'shadow-color-sd2': shadowColorSd2,
  /**
   * shadow-color-sd3
   * @property semantic 阴影3颜色
   */
  'shadow-color-sd3': shadowColorSd3,
  /**
   * shadow-color-sd4
   * @property semantic 阴影4颜色
   */
  'shadow-color-sd4': shadowColorSd4,
  /**
   * shadow-color-sd5
   * @property semantic 阴影5颜色
   */
  'shadow-color-sd5': shadowColorSd5,
  /**
   * shadow-blur-sd1
   * @property semantic 阴影1羽化值
   */
  'shadow-blur-sd1': shadowBlurSd1,
  /**
   * shadow-blur-sd2
   * @property semantic 阴影2羽化值
   */
  'shadow-blur-sd2': shadowBlurSd2,
  /**
   * shadow-blur-sd3
   * @property semantic 阴影3羽化值
   */
  'shadow-blur-sd3': shadowBlurSd3,
  /**
   * shadow-blur-sd4
   * @property semantic 阴影4羽化值
   */
  'shadow-blur-sd4': shadowBlurSd4,
  /**
   * shadow-blur-sd5
   * @property semantic 阴影5羽化值
   */
  'shadow-blur-sd5': shadowBlurSd5,
  /**
   * shadow-spread-sd1
   * @property semantic 阴影1扩散值
   */
  'shadow-spread-sd1': shadowSpreadSd1,
  /**
   * shadow-spread-sd2
   * @property semantic 阴影2扩散值
   */
  'shadow-spread-sd2': shadowSpreadSd2,
  /**
   * shadow-spread-sd3
   * @property semantic 阴影3扩散值
   */
  'shadow-spread-sd3': shadowSpreadSd3,
  /**
   * shadow-spread-sd4
   * @property semantic 阴影4扩散值
   */
  'shadow-spread-sd4': shadowSpreadSd4,
  /**
   * shadow-spread-sd5
   * @property semantic 阴影5扩散值
   */
  'shadow-spread-sd5': shadowSpreadSd5,
};

export default shadowMap;