taro-ui 3.3.1 → 3.3.3

package/dist/style/variables/default.rn.scss

@@ -1,461 +0,0 @@
-/**
- * Default variables
- */
-
-@import '../mixins/libs/tint';
-
-$hd: 2 !default; // 基本单位
-
-/* The Color of O2Team Brand */
-$color-brand: #6190E8 !default;
-$color-brand-light: #78A4F4 !default;
-$color-brand-dark: #346FC2 !default;
-
-/* Color */
-$color-success: #13CE66 !default;
-$color-error: #FF4949 !default;
-$color-warning: #FFC82C !default;
-$color-info: #78A4FA !default;
-
-/* Color Palette */
-$color-black-0: #000 !default;
-$color-black-1: #333 !default;
-$color-black-2: #7F7F7F !default;
-$color-black-3: #B2B2B2 !default;
-
-$color-grey-0: #333 !default;
-$color-grey-1: #666 !default;
-$color-grey-2: #999 !default;
-$color-grey-3: #CCC !default;
-$color-grey-4: #E5E5E5 !default;
-$color-grey-5: #F0F0F0 !default;
-$color-grey-6: #F7F7F7 !default;
-
-$color-white: #FFF !default;
-
-/* Text Color */
-$color-text-base: #333 !default; // 文字的基本色
-$color-text-base-inverse: #FFF !default; // 反色
-$color-text-secondary: #36D57D !default; // 辅助色
-$color-text-placeholder: #C9C9C9 !default;
-$color-text-disabled: #CCC !default;
-$color-text-title: #2C405A !default; // 文章标题
-$color-text-paragraph: #3F536E !default; // 文章段落
-
-/* Link */
-$color-link: #6190E8 !default;
-$color-link-hover: #79A1EB !default;
-$color-link-active: #4F7DE2 !default;
-$color-link-disabled: #BFBFBF !default;
-
-/* 背景色 */
-$color-bg: #FFF !default;
-$color-bg-base: #FAFBFC !default;
-$color-bg-light: #ECF5FD !default;
-$color-bg-lighter: tint($color-bg-light, 50%) !default;
-$color-bg-grey: #F7F7F7 !default;
-
-/* 边框颜色 */
-$color-border-base: #C5D9E8 !default;
-$color-border-split: tint($color-border-base, 20%) !default; // 分割线
-$color-border-light: tint($color-border-base, 30%) !default;
-$color-border-lighter: tint($color-border-base, 50%) !default;
-$color-border-lightest: tint($color-border-base, 80%) !default;
-$color-border-grey: #CCC !default;
-
-/* 图标颜色 */
-$color-icon-base: #CCC !default;
-
-/* Border Radius */
-$border-radius-sm: 2px * $hd !default;
-$border-radius-md: 4px * $hd !default;
-$border-radius-lg: 6px * $hd !default;
-$border-radius-circle: 50% !default;
-
-/* 透明度 */
-$opacity-active: 0.6 !default; // Button 等组件点击态额透明度
-$opacity-disabled: 0.3 !default; // Button 等组件禁用态的透明度
-
-/* Font */
-$font-size-xs: 10px * $hd !default; // 非常用字号，用于标签
-$font-size-sm: 12px * $hd !default; // 用于辅助信息
-$font-size-base: 14px * $hd !default; // 常用字号
-$font-size-lg: 16px * $hd !default; // 常规标题
-$font-size-xl: 18px * $hd !default; // 大标题
-$font-size-xxl: 20px * $hd !default; // 用于大号的数字
-
-/* Line Height */
-$line-height-base: 1 !default; // 单行
-$line-height-en: 1.3 !default; // 英文多行
-$line-height-zh: 1.5 !default; // 中文多行
-/*  #ifndef  rn  */
-$line-height-base: 1 !default; // 单行
-$line-height-en: 1.3 !default; // 英文多行
-$line-height-zh: 1.5 !default; // 中文多行
-/*  #endif  */
-/* 水平间距 */
-$spacing-h-sm: 5px * $hd !default;
-$spacing-h-md: 8px * $hd !default;
-$spacing-h-lg: 12px * $hd !default;
-$spacing-h-xl: 16px * $hd !default;
-
-/* 垂直间距 */
-$spacing-v-xs: 3px * $hd !default;
-$spacing-v-sm: 6px * $hd !default;
-$spacing-v-md: 9px * $hd !default;
-$spacing-v-lg: 12px * $hd !default;
-$spacing-v-xl: 15px * $hd !default;
-
-/* 图标尺寸 */
-$icon-size-sm: 18px * $hd !default;
-$icon-size-md: 22px * $hd !default;
-$icon-size-lg: 36px * $hd !default;
-
-/* z-index */
-$zindex-divider: 100 !default;
-$zindex-steps: 500 !default;
-$zindex-tab: 600 !default;
-$zindex-form: 700 !default;
-$zindex-nav: 800 !default;
-$zindex-search-bar: 800 !default;
-$zindex-indexes: 805 !default;
-$zindex-flot-layout: 810 !default;
-$zindex-drawer: 900 !default;
-$zindex-modal: 1000 !default;
-$zindex-action-sheet: 1010 !default;
-$zindex-picker: 1010 !default;
-$zindex-curtain: 1080 !default;
-$zindex-message: 1090 !default;
-$zindex-toast: 1090 !default;
-
-/* timing function */
-$timing-func: cubic-bezier(0.36, 0.66, 0.04, 1) !default;
-
-/**
-* CSS cubic-bezier timing functions
-* http://bourbon.io/docs/#timing-functions
-*/
-$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530) !default;
-$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190) !default;
-$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220) !default;
-$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060) !default;
-$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715) !default;
-$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035) !default;
-$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335) !default;
-$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045) !default;
-
-$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940) !default;
-$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000) !default;
-$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000) !default;
-$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000) !default;
-$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000) !default;
-$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000) !default;
-$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000) !default;
-$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275) !default;
-
-$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955) !default;
-$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000) !default;
-$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000) !default;
-$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000) !default;
-$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950) !default;
-$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000) !default;
-$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860) !default;
-$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550) !default;
-
-/**
- * 组件变量
- */
-
-/* Accordion */
-$at-accordion-color-arrow: $color-grey-3 !default;
-
-/* Activity Indicator */
-$at-activity-indicator-font-size: 28px !default;
-$at-activity-indicator-font-color: $color-grey-2 !default;
-
-/* Avatar */
-$at-avatar-color: $color-white !default;
-$at-avatar-bg-color: $color-grey-4 !default;
-$at-avatar-size-sm: 80px !default;
-$at-avatar-size-md: 100px !default;
-$at-avatar-size-lg: 120px !default;
-
-/* Badge */
-$at-badge-color: $color-white !default;
-$at-badge-bg-color: $color-error !default;
-$at-badge-bg: $at-badge-bg-color !default;
-$at-badge-font-size: $font-size-xs !default;
-$at-badge-dot-size: 20px !default;
-
-/* Button */
-$at-button-height: 92px !default;
-$at-button-height-sm: 60px !default;
-$at-button-color: $color-brand !default;
-$at-button-border-color-primary: $color-brand !default;
-$at-button-border-color-secondary: $color-brand !default;
-$at-button-bg: $at-button-color !default;
-
-/* Float Button */
-$at-fab-size: 56px * $hd !default;
-$at-fab-size-sm: 40px * $hd !default;
-$at-fab-icon-size: 24px * $hd !default;
-$at-fab-bg-color: $color-brand;
-$at-fab-bg-color-active: $color-brand-dark;
-$at-fab-box-shadow:
-  0 6px 10px -2px rgba(0, 0, 0, 0.2),
-  0 12px 20px 0 rgba(0, 0, 0, 0.14),
-  0 2px 36px 0 rgba(0, 0, 0, 0.12) !default;
-$at-fab-box-shadow-active:
-  0 14px 16px -8px rgba(0, 0, 0, 0.2),
-  0 24px 34px 4px rgba(0, 0, 0, 0.14),
-  0 10px 44px 8px rgba(0, 0, 0, 0.12) !default;
-
-/* Calendar */
-$at-calendar-day-size: 72px !default;
-$at-calendar-mark-size: 8px !default;
-$at-calendar-header-color: #B8BFC6 !default;
-$at-calendar-main-color: $color-brand !default;
-$at-calendar-day-color: #7C86A2 !default;
-
-/* Card */
-$at-card-thumb-size: 32px !default;
-$at-card-icon-size: 32px !default;
-$at-card-title-color: $color-text-title !default;
-$at-card-extra-color: $color-text-title !default;
-$at-card-info-color: $color-text-base !default;
-$at-card-note-color: $color-grey-2 !default;
-
-/* Checkbox */
-$at-checkbox-circle-size: 40px !default;
-$at-checkbox-icon-size: $font-size-sm !default;
-$at-checkbox-icon-color: $color-brand !default;
-$at-checkbox-icon-color-checked: $color-white !default;
-$at-checkbox-title-color: $color-text-base !default;
-$at-checkbox-title-font-size: $font-size-lg !default;
-$at-checkbox-desc-font-size: $font-size-sm !default;
-$at-checkbox-desc-color: $color-grey-2 !default;
-
-/* Countdown */
-$at-countdown-font-size: $font-size-lg !default;
-$at-countdown-num-color: $color-text-base !default;
-$at-countdown-card-num-color: #FF4949 !default;
-$at-countdown-card-num-bg-color: $color-white !default;
-
-/* Curtain */
-$at-curtain-btn-color: $color-white !default;
-
-/* Divider */
-$at-divider-height: 112px;
-$at-divider-content-color: $color-brand !default;
-$at-divider-font-size: $font-size-lg !default;
-$at-divider-line-color: $color-grey-3 !default;
-
-/* Drawer */
-$at-drawer-content-width: 460px !default;
-
-/* FloatLayout */
-$float-layout-height-min: 600px !default;
-$float-layout-height-max: 950px !default;
-$float-layout-header-bg-color: $color-bg-grey !default;
-$float-layout-title-color: $color-text-base !default;
-$float-layout-title-font-size: $font-size-lg !default;
-$float-layout-btn-color: $color-grey-3 !default;
-
-/* Grid */
-$at-grid-text-color: $color-text-base !default;
-$at-grid-font-size: $font-size-lg !default;
-$at-grid-img-size: 80px !default;
-$at-gird-img-size-sm: 50px !default;
-
-/* ImagePicker */
-$at-image-picker-btn-add-color: $color-grey-3 !default;
-$at-image-picker-btn-remove-color: $color-white !default;
-$at-image-picker-btn-remove-bg-color: $color-grey-2 !default;
-
-/* Indexes */
-$at-indexes-nav-color: $color-link !default;
-$at-indexes-nav-font-size: $font-size-sm !default;
-$at-indexes-title-color: $color-black-2 !default;
-$at-indexes-title-font-size: $font-size-sm !default;
-$at-indexes-title-bg-color: $color-grey-6 !default;
-
-/* InputNumber */
-$at-input-number-text-color: $color-text-base !default;
-$at-input-number-font-size: $font-size-base !default;
-$at-input-number-font-size-lg: $font-size-xl !default;
-$at-input-number-btn-color: $color-brand !default;
-$at-input-number-btn-size: 30px !default;
-$at-input-number-btn-size-lg: 36px !default;
-$at-input-number-width-min: 80px !default;
-$at-input-number-width-min-lg: 120px !default;
-
-/* Input */
-$at-input-label-color: $color-text-base !default;
-$at-input-text-color: $color-text-base !default;
-$at-input-font-size: $font-size-lg !default;
-$at-input-placeholder-color: $color-grey-3 !default;
-
-/* List */
-$at-list-thumb-size: 56px !default;
-$at-list-arrow-color: $color-grey-3 !default;
-$at-list-text-color: $color-text-base !default;
-$at-list-content-color: $color-grey-2 !default;
-$at-list-extra-color: $color-grey-2 !default;
-$at-list-extra-width: 235px !default;
-
-/* LoadMore */
-$at-load-more-height: 80PX !default;
-$at-load-more-tips-color: $color-grey-1 !default;
-$at-load-more-tips-size: $font-size-lg !default;
-
-/* Loading */
-$at-loading-size: 36px !default;
-$at-loading-color: $color-brand !default;
-
-/* Message */
-$at-message-color: $color-white !default;
-$at-message-font-size: $font-size-base !default;
-$at-message-bg-color: $color-info !default;
-
-/* Modal */
-$at-modal-width: 540px !default;
-$at-modal-header-text-color: $color-text-base !default;
-$at-modal-content-text-color: $color-text-base !default;
-$at-modal-btn-default-color: $color-text-base !default;
-$at-modal-btn-confirm-color: $color-brand !default;
-$at-modal-bg-color: $color-white !default;
-
-/* NavBar */
-$at-nav-bar-title-color: $color-text-base !default;
-$at-nav-bar-link-color: $color-brand !default;
-
-/* NoticeBar */
-$at-noticebar-text-color: #DE8C17 !default;
-$at-noticebar-bg-color: #FCF6ED !default;
-$at-noticebar-font-size: $font-size-sm !default;
-$at-noticebar-icon-size: 30px !default;
-$at-noticebar-btn-close-size: 32px !default;
-$at-noticebar-btn-close-color: $color-grey-3 !default;
-
-/* Pagination */
-$at-pagination-margin: 40px !default;
-$at-pagination-num-color: $color-text-base !default;
-$at-pagination-num-font-size: $font-size-base !default;
-$at-pagination-current-num-color: $color-brand !default;
-$at-pagination-icon-color: $color-text-base !default;
-$at-pagination-icon-font-size: 32px !default;
-
-/* Progress */
-$at-progress-height: 16px !default;
-$at-progress-text-size: $font-size-sm !default;
-$at-progress-icon-size: $font-size-xl !default;
-$at-progress-inner-bg-color: $color-grey-6 !default;
-$at-progress-bar-bg-color: $color-brand-light !default;
-$at-progress-bar-bg-color-active: $color-white !default;
-
-/* Radio */
-$at-radio-title-color: $color-text-base !default;
-$at-radio-title-size: $font-size-lg !default;
-$at-radio-desc-color: $color-grey-2 !default;
-$at-radio-desc-size: $font-size-sm !default;
-$at-radio-check-color: $color-brand !default;
-
-/* Range */
-$at-range-slider-size: 28PX !default;
-$at-range-rail-height: 2PX !default;
-$at-range-rail-bg-color: #E9E9E9 !default;
-$at-range-track-bg-color: $color-brand !default;
-$at-range-slider-color: $color-white !default;
-$at-range-slider-shadow: 0 0 4PX 0 rgba(0, 0, 0, 0.2) !default;
-
-/* Rate */
-$at-rate-icon-size: 20PX !default;
-$at-rate-star-color: #ECECEC !default;
-$at-rate-star-color-on: #FFCA3E !default;
-
-/* SearchBar */
-$at-search-bar-btn-color: $color-white !default;
-$at-search-bar-btn-bg-color: $color-brand !default;
-
-/* SegmentedControl */
-$at-segmented-control-color: $color-brand !default;
-$at-segmented-control-color-active: $color-white !default;
-$at-segmented-control-bg-color: transparent !default;
-$at-segmented-control-font-size: $font-size-base !default;
-
-/* Slider */
-$at-slider-text-color: $color-grey-2 !default;
-$at-slider-text-size: $font-size-base !default;
-
-/* Steps */
-$at-steps-circle-size: 56px !default;
-$at-steps-icon-size: $font-size-sm !default;
-$at-steps-color: $color-white !default;
-$at-steps-color-active: $color-grey-2 !default;
-$at-steps-bg-color: $color-grey-4 !default;
-$at-steps-bg-color-active: $color-brand !default;
-$at-steps-line-color: $color-grey-3 !default;
-$at-steps-title-color: $color-black-0 !default;
-$at-steps-title-size: $font-size-lg !default;
-$at-steps-desc-color: $color-grey-3 !default;
-$at-steps-desc-size: $font-size-sm !default;
-
-/* SwipeAction */
-$at-swipe-action-color: $color-white !default;
-$at-swipe-action-font-size: $font-size-base !default;
-$at-swipe-action-bg-color: $color-white !default;
-$at-swipe-action-option-bg-color: $color-grey-2 !default;
-
-/* Switch */
-$at-switch-title-color: $color-text-base !default;
-$at-switch-title-size: $font-size-base !default;
-
-/* TabBar */
-$at-tab-bar-bg-color: $color-white !default;
-$at-tab-bar-color: $color-text-base !default;
-$at-tab-bar-color-active: $color-brand !default;
-$at-tab-bar-font-size: $font-size-base !default;
-$at-tab-bar-icon-color: $color-grey-0 !default;
-$at-tab-bar-icon-font-size: 48px !default;
-$at-tab-bar-icon-image-size: 50px !default;
-
-/* Tabs */
-$at-tabs-color: $color-text-base !default;
-$at-tabs-color-active: $color-brand !default;
-$at-tabs-font-size: $font-size-base !default;
-$at-tabs-line-height: 1PX !default;
-$at-tabs-underline-color: $color-grey-5 !default;
-$at-tabs-bg-color: $color-bg !default;
-
-/* Tag */
-$at-tag-height: 60px !default;
-$at-tag-height-sm: 40px !default;
-$at-tag-color: $color-grey-1 !default;
-$at-tag-color-primary: $color-grey-1 !default;
-$at-tag-color-active: $color-brand-light !default;
-$at-tag-color-primary-active: $color-text-base-inverse !default;
-$at-tag-font-size: $font-size-base !default;
-$at-tag-font-size-sm: $font-size-xs !default;
-$at-tag-bg-color: $color-bg-grey !default;
-$at-tag-bg-color-primary: $color-bg-grey !default;
-$at-tag-bg-color-active: $color-white !default;
-$at-tag-bg-color-primary-active: $at-tag-color-active !default;
-$at-tag-border-color: $at-tag-bg-color !default;
-$at-tag-border-color-primary: $at-tag-bg-color !default;
-$at-tag-border-color-active: $at-tag-color-active !default;
-
-/* Textarea */
-$at-textarea-font-size: $font-size-lg !default;
-$at-textarea-tips-color: $color-text-placeholder !default;
-$at-textarea-tips-size: $font-size-base !default;
-
-/* Timeline */
-$at-timeline-offset-left: 40px !default;
-$at-timeline-title-color: $color-grey-0 !default;
-$at-timeline-title-font-size: $font-size-base !default;
-$at-timeline-desc-color: $color-grey-1 !default;
-$at-timeline-desc-font-size: $font-size-sm !default;
-$at-timeline-dot-size: 24px !default;
-$at-timeline-dot-color: $color-bg !default;
-$at-timeline-dot-border-color: $color-brand-light !default;
-$at-timeline-line-color: $color-border-lighter !default;

package/lib/common/component.js

@@ -1,33 +0,0 @@
-import { Component } from 'react';
-const objectToString = (style) => {
-    if (style && typeof style === 'object') {
-        let styleStr = '';
-        Object.keys(style).forEach(key => {
-            const lowerCaseKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
-            styleStr += `${lowerCaseKey}:${style[key]};`;
-        });
-        return styleStr;
-    }
-    else if (style && typeof style === 'string') {
-        return style;
-    }
-    return '';
-};
-export default class AtComponent extends Component {
-    /**
-     * 合并 style
-     * @param {Object|String} style1
-     * @param {Object|String} style2
-     * @returns {String}
-     */
-    mergeStyle(style1, style2) {
-        if (style1 &&
-            typeof style1 === 'object' &&
-            style2 &&
-            typeof style2 === 'object') {
-            return Object.assign({}, style1, style2);
-        }
-        return objectToString(style1) + objectToString(style2);
-    }
-}
-//# sourceMappingURL=component.js.map

package/lib/common/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/common/component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,cAAc,GAAG,CAAC,KAAsB,EAAU,EAAE;IACxD,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QACtC,IAAI,QAAQ,GAAG,EAAE,CAAA;QACjB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC/B,MAAM,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAA;YACjE,QAAQ,IAAI,GAAG,YAAY,IAAI,KAAK,CAAC,GAAG,CAAC,GAAG,CAAA;QAC9C,CAAC,CAAC,CAAA;QACF,OAAO,QAAQ,CAAA;KAChB;SAAM,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7C,OAAO,KAAK,CAAA;KACb;IACD,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,WAAkB,SAAQ,SAAe;IAC5D;;;;;OAKG;IACH,UAAU,CACR,MAAuB,EACvB,MAAuB;QAEvB,IACE,MAAM;YACN,OAAO,MAAM,KAAK,QAAQ;YAC1B,MAAM;YACN,OAAO,MAAM,KAAK,QAAQ,EAC1B;YACA,OAAO,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;SACzC;QACD,OAAO,cAAc,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;IACxD,CAAC;CACF"}