import Color from 'color' ; const darken = ( color , percent ) => { const hsl = Color ( color ) . hsl ( ) ; const l = hsl . color [ 2 ] - percent * 100 ; hsl . color [ 2 ] = l ; return hsl . hex ( ) ; } ; let base = { theme_default : '#e6e6e6' , theme_primary : '#00bc70' , theme_success : '#00bc70' , theme_warning : '#ec9131' , theme_danger : '#ff5050' , } ; base = { ... base , theme_default_press : darken ( base . theme_default , 0.04 ) , theme_primary_press : darken ( base . theme_primary , 0.04 ) , theme_success_press : darken ( base . theme_primary , 0.04 ) , theme_warning_press : darken ( base . theme_warning , 0.04 ) , theme_danger_press : darken ( base . theme_danger , 0.04 ) , color_text : '#464646' , color_text_inverse : '#fff' , color_text_placeholder : '#a9a9a9' , color_text_disabled : '#bcbcbc' , color_text_caption : '#909090' , color_link : '#108ee9' , color_shadow : 'rgba(56, 56, 56, .15)' , background_active : '#e6e6e6' , background_disabled : '#bcbcbc' , border_color : '#e6e6e6' , border_disabled : '#bcbcbc' , radius_sm : 2 , radius_md : 4 , radius_lg : 8 , radius_round : 1000 , padding_h_xs : 8 , padding_h_sm : 12 , padding_h_md : 16 , padding_h_lg : 20 , padding_v_xs : 4 , padding_v_sm : 8 , padding_v_md : 12 , padding_v_lg : 16 , font_size_xs : 10 , font_size_sm : 12 , font_size_md : 14 , font_size_lg : 16 , font_size_xl : 18 , zindex_mask : 1000 , zindex_popup : 1300 , zindex_modal : 1400 , zindex_toast : 1500 , zindex_loading : 1500 , opacity_disabled : 0.5 , opacity_mask : 0.5 , opacity_toast : 0.8 , opacity_tooltip : 0.8 , } ; const components = { actionSheet_margin : 0 , actionSheet_item_height : 50 , actionSheet_item_font_size : 16 , alert_button_height : 50 , alert_button_font_size : 18 , badge_height : 14 , badge_font_size : base . font_size_xs , badge_padding_h : 4 , badge_dot_diameter : 8 , badge_border_radius_rect : base . radius_sm , badge_border_radius_round : base . radius_round , badge_sup_top : - 4 , badge_text_color : '#fff' , button_height_xs : 28 , button_height_sm : 36 , button_height_md : 44 , button_height_lg : 52 , button_padding_h_xs : base . padding_h_xs , button_padding_h_sm : base . padding_h_sm , button_padding_h_md : base . padding_h_md , button_padding_h_lg : base . padding_h_lg , button_font_size_xs : 12 , button_font_size_sm : 14 , button_font_size_md : 16 , button_font_size_lg : 18 , button_icon_size_xs : 16 , button_icon_size_sm : 18 , button_icon_size_md : 22 , button_icon_size_lg : 26 , button_disabled_opacity : base . opacity_disabled , button_disabled_color_ghost : base . border_disabled , button_default_background : '#fff' , button_default_border : base . theme_default , button_default_color : base . color_text , button_default_active_background : base . theme_default , button_default_active_border : base . theme_default , button_default_active_color : base . color_text , button_default_ghost_border : '#fff' , button_default_ghost_color : '#fff' , button_default_ghost_active_border : base . theme_default , button_default_ghost_active_color : base . theme_default , button_primary_background : base . theme_primary , button_primary_border : base . theme_primary , button_primary_color : '#fff' , button_primary_active_background : base . theme_primary_press , button_primary_active_border : base . theme_primary_press , button_primary_active_color : `${ Color ( '#fff' ) . alpha ( 0.4 ) }` , button_primary_ghost_border : base . theme_primary , button_primary_ghost_color : base . theme_primary , button_primary_ghost_active_border : base . theme_primary_press , button_primary_ghost_active_color : base . theme_primary_press , button_danger_background : base . theme_danger , button_danger_border : base . theme_danger , button_danger_color : '#fff' , button_danger_active_background : base . theme_danger_press , button_danger_active_border : base . theme_danger_press , button_danger_active_color : `${ Color ( '#fff' ) . alpha ( 0.4 ) }` , button_danger_ghost_border : base . theme_danger , button_danger_ghost_color : base . theme_danger , button_danger_ghost_active_border : base . theme_danger_press , button_danger_ghost_active_color : base . theme_danger_press , cell_height : 52 , cell_background : '#fff' , cell_line_padding_left : 16 , cell_padding_h : 16 , cell_padding_v : 15 , cell_title_color : base . color_text , cell_title_font_size : 15 , cell_title_line_height : 22 , cell_description_color : base . color_text_caption , cell_description_font_size : 15 , cell_label_width : 100 , cell_arrow_color : '#bcbcbc' , cell_arrow_length : 10 , cell_arrow_border_width : 2 , checkbox_size : 20 , collapse_height : 52 , collapse_padding : 16 , collapse_arrow_color : '#bcbcbc' , collapse_arrow_disabled_color : '#eee' , confirm_button_height : 50 , confirm_button_font_size : 18 , icon_url : '//at.alicdn.com/t/font_126288_uipjvv8ogdivbo6r' , keyboard_item_height : 52 , keyboard_item_font_size : 30 , keyboard_icon_font_size : 21 , message_min_height_md : 29 , message_min_height_lg : 40 , message_font_size_md : 12 , message_font_size_lg : 14 , message_padding_v_md : 6 , message_padding_v_lg : 8 , message_padding_h_md : 8 , message_padding_h_lg : 12 , message_close_length_md : 12 , message_close_length_lg : 14 , message_arrow_length_md : 8 , message_arrow_length_lg : 10 , message_arrow_border_width : 1 , modal_background : '#fff' , modal_title_font_size : 18 , noticeBar_height : 24 , panel_header_color : '#999' , panel_header_font_size : 14 , panel_body_color : '#333' , panel_body_font_size : 15 , pull_control_height : 50 , pull_control_font_size : 14 , radio_size : 20 , slider_line_background : '#e6e6e6' , slider_line_height : 2 , slider_handle_size : 28 , slider_handle_background : '#fff' , activityIndicator_size_md : 20 , activityIndicator_size_lg : 31 , activityIndicator_path_color : '#e6e6e6' , stepper_height_md : 28 , stepper_icon_font_size_md : 20 , stepper_input_width_md : 40 , stepper_input_font_size_md : 16 , swipe_pagination_dot_size : 8 , switch_width : 53 , switch_height : 32 , switch_border_color : '#e6e6e6' , switch_background : '#fff' , swipe_action_height : 45 , swipe_action_background : '#fff' , tabs_height : 45 , tabs_item_font_size : 15 , tabs_line_height : 2 , toast_border_radius : 6 , toast_color : '#fff' , toast_font_size : 13 , toast_max_width : '70%' , tooltip_font_size : 12 , tooltip_color : '#fff' , tooltip_arrow_size : 5 , tooltip_padding_v : base . padding_v_sm , tooltip_padding_h : base . padding_h_sm , } ; export default { ... base , ... components } ;