dolphin-weex-ui 2.3.2 → 2.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/dist/index.native.js +1 -1
- package/dist/index.native.js.map +1 -1
- package/dist/index.web.js +2 -2
- package/dist/index.web.js.map +1 -1
- package/package.json +1 -1
- package/packages/dof-button/index.vue +1 -1
- package/packages/dof-cell/index.vue +27 -1
package/dist/index.web.js
CHANGED
|
@@ -8672,7 +8672,7 @@ exports = module.exports = __webpack_require__(0)(true);
|
|
|
8672
8672
|
|
|
8673
8673
|
|
|
8674
8674
|
// module
|
|
8675
|
-
exports.push([module.i, "\n.loading-image[data-v-5680972d] {\n height: 0.42667rem;\n width: 0.42667rem;\n margin-right: 0.13333rem;\n}\n.dof-btn[data-v-5680972d] {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n /* border-radius: 12px; */\n opacity: 1;\n position: relative;\n overflow: hidden;\n}\n.mask[data-v-5680972d] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.mask[data-v-5680972d]:active {\n background-color: rgba(255, 255, 255, 0.1);\n}\n.dof-btn-highlight-primary-default[data-v-5680972d] {\n background-color: #00a4f2;\n}\n.dof-btn-highlight-primary-default[data-v-5680972d]:active {\n background-color: #0093d9;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d] {\n background-color: #e5f5fd;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d]:active {\n background-color: #cddce3;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d]:active {\n background-color: rgba(38, 122, 255, 0.1);\n}\n.dof-btn-highlight-purple-default[data-v-5680972d] {\n background-color: #995efc;\n}\n.dof-btn-highlight-purple-default[data-v-5680972d]:active {\n background-color: #8a54e3;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d] {\n background-color: #eee6ff;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d]:active {\n background-color: #d5cee5;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d]:active {\n background-color: rgba(153, 94, 252, 0.1);\n}\n.dof-btn-highlight-slate-default[data-v-5680972d] {\n background-color: #6575ff;\n}\n.dof-btn-highlight-slate-default[data-v-5680972d]:active {\n background-color: #5b69e6;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d] {\n background-color: #e6e8ff;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d]:active {\n background-color: #ced0e5;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d]:active {\n background-color: rgba(101, 117, 255, 0.1);\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d] {\n background-color: #29c3ff;\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d]:active {\n background-color: #24afe6;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d] {\n background-color: #e6f8ff;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d]:active {\n background-color: #cedee5;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d]:active {\n background-color: rgba(41, 195, 255, 0.1);\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d] {\n background-color: #00bdb2;\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d]:active {\n background-color: #00b7a5;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d] {\n background-color: #e6fffd;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d]:active {\n background-color: #cee5e3;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d]:active {\n background-color: rgba(0, 203, 184, 0.1);\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d] {\n background-color: #ffaa10;\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d]:active {\n background-color: #e5980e;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d] {\n background-color: #fff4e0;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d]:active {\n background-color: #e5dbc9;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d]:active {\n background-color: rgba(255, 170, 16, 0.1);\n}\n.dof-btn-highlight-orange-default[data-v-5680972d] {\n background-color: #ffaa10;\n}\n.dof-btn-highlight-orange-default[data-v-5680972d]:active {\n background-color: #e67521;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d] {\n background-color: #fff0e6;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d]:active {\n background-color: #e5d7ce;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d]:active {\n background-color: rgba(255, 130, 37, 0.1);\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d] {\n background-color: #f56428;\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d]:active {\n background-color: #e65f44;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d] {\n background-color: #ffeae6;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d]:active {\n background-color: #e6d3cf;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d]:active {\n background-color: rgba(255, 106, 76, 0.1);\n}\n.dof-btn-highlight-gray-default[data-v-5680972d] {\n background-color: #7c879b;\n}\n.dof-btn-highlight-gray-default[data-v-5680972d]:active {\n background-color: #6f798b;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d] {\n background-color: #cfd7e6;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d]:active {\n background-color: #b9c1ce;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d]:active {\n background-color: rgba(124, 135, 155, 0.1);\n}\n.dof-btn-highlight-red-default[data-v-5680972d] {\n background-color: #e61e1e;\n}\n.dof-btn-highlight-red-default[data-v-5680972d]:active {\n background-color: #ce1a1a;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n background-color: #fffeb7;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n background-color: #fff;\n}\n.dof-btn-highlight-brown-default[data-v-5680972d] {\n background-color: #86696b;\n}\n.dof-btn-highlight-brown-default[data-v-5680972d]:active {\n background-color: #785e60;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n background-color: #ffd9cf;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n background-color: #fff;\n}\n.dof-btn-highlight-colmo-default[data-v-5680972d] {\n background-color: #b35336;\n}\n.dof-btn-highlight-colmo-default[data-v-5680972d]:active {\n background-color: #743d2a;\n}\n.dof-btn-highlight-colmo-base[data-v-5680972d] {\n background-color: #292c30;\n}\n.dof-btn-highlight-colmo-base[data-v-5680972d]:active {\n background-color: rgba(0, 0, 0, 0.3);\n}\n.dof-btn-highlight-colmo-plain[data-v-5680972d] {\n background-color: transparent;\n}\n.dof-btn-highlight-colmo-plain[data-v-5680972d]:active {\n background-color: #636569;\n}\n.btn-text[data-v-5680972d] {\n font-family: PingFangSC-Medium;\n text-overflow: ellipsis;\n lines: 1;\n /* color: #ffffff; */\n /* margin-left: 10px; */\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n}\n/* .dof-text-highlight-primary:active {\n color: #0093d9;\n}\n.dof-text-highlight-purple:active {\n color: #8a54e3;\n}\n.dof-text-highlight-slate:active {\n color: #5b69e6;\n}\n.dof-text-highlight-aqua:active {\n color: #24afe6;\n}\n.dof-text-highlight-turquoise:active {\n color: #00b7a5;\n}\n.dof-text-highlight-yellow:active {\n color: #e5980e;\n}\n.dof-text-highlight-orange:active {\n color: #e67521;\n}\n.dof-text-highlight-tomatot:active {\n color: #e65f44;\n}\n.dof-text-highlight-gray:active {\n color: #6f798b;\n} */\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/index.vue?a7617a84","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/<no source>"],"names":[],"mappings":";AA2JA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;CACA;AACA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EACA,WAAA;EACA,mBAAA;EACA,iBAAA;CACA;AACA;EACA,mBAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;CACA;AACA;EACA,2CAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,uBAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,uBAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,qCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,0BAAA;CACA;AAEA;EACA,+BAAA;EACA,wBAAA;EACA,SAAA;EACA,qBAAA;EACA,wBAAA;ECzYA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CD0YA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BA","file":"index.vue","sourcesContent":["<!-- modified by liuhr7 on 19/12/28. -->\n\n<template>\n <WeexThemeView :key=\"disabled + ''\">\n <text\n v-if=\"pattern === 'plain_text'\"\n :class=\"['btn-text', isHighlight && !disabled && pattern === 'text' && !_isColmo && `dof-text-highlight-${type}`]\"\n :style=\"mrTextStyle\"\n @click=\"onTextClicked\"\n :aria-label=\"text ? text + '。按钮。' : ''\"\n >{{ loading && size == 'small' ? '' : text }}</text\n >\n <div\n v-else\n :class=\"['dof-btn', isHighlight && !disabled && !_isColmo && `dof-btn-highlight-${type}-${pattern}`]\"\n :style=\"mrBtnStyle\"\n @click=\"onClicked\"\n :accessible=\"true\"\n :aria-label=\"text ? text + '。按钮。' : ''\"\n >\n <dof-spinner :type=\"loadingGif\" class=\"loading-image\" v-if=\"loading\" />\n <slot>\n <text\n :class=\"['btn-text', isHighlight && !disabled && pattern === 'text' && `dof-text-highlight-${type}`]\"\n :style=\"mrTextStyle\"\n @click=\"onTextClicked\"\n :aria-label=\"text ? text + '。按钮。' : ''\"\n >{{ loading && size == 'small' ? '' : text }}</text\n >\n </slot>\n <div v-if=\"_isColmo && !disabled && !loading\" class=\"mask\" @click=\"onClicked\"></div>\n </div>\n </WeexThemeView>\n</template>\n\n<script>\nimport {\n STYLE_MAP,\n TEXT_STYLE_MAP,\n BUTTON_STYLE_MAP,\n COLMO_BUTTON_STYLE_MAP,\n TEXT_FONTSIZE_STYLE_MAP,\n COLMO_TEXT_FONTSIZE_STYLE_MAP\n} from './type'\nimport Utils from '../utils'\nimport ColmoMixin from '../../mixins/colmo'\nimport { WeexThemeView } from '@dolphinweex/weex-theme'\nimport DofSpinner from '../dof-spinner'\n\nexport default {\n mixins: [ColmoMixin],\n components: { WeexThemeView, DofSpinner },\n props: {\n loading: {\n type: Boolean,\n default: false\n },\n text: {\n type: String,\n default: '确认'\n },\n size: {\n type: String,\n default: 'full'\n },\n type: {\n type: String,\n default: 'primary'\n },\n pattern: {\n type: String,\n default: 'default'\n },\n disabled: {\n type: Boolean,\n default: false\n },\n isHighlight: {\n type: Boolean,\n default: true\n },\n btnStyle: Object,\n textStyle: Object,\n disabledStyle: Object\n },\n computed: {\n mrBtnStyle() {\n let { type, pattern, disabled, btnStyle, size, disabledStyle } = this\n let buttonStyle = BUTTON_STYLE_MAP\n if (this._isColmo && this.type === 'primary') {\n type = 'colmo'\n buttonStyle = COLMO_BUTTON_STYLE_MAP\n }\n\n let styleMap = { ...STYLE_MAP[type][pattern] }\n if (!this._isColmo && pattern !== 'text' && !disabled) delete styleMap.backgroundColor\n const mrBtnStyle = {\n ...styleMap,\n ...buttonStyle[size],\n ...btnStyle\n }\n\n let disabledInStyle = { opacity: 0.3 }\n if (type === 'white') {\n disabledInStyle = { backgroundColor: 'rgba(0, 0, 0, 0.1)' }\n }\n\n return disabled\n ? {\n ...mrBtnStyle,\n ...disabledInStyle,\n ...disabledStyle\n }\n : mrBtnStyle\n },\n mrTextStyle() {\n let { type, pattern, disabled, textStyle, size } = this\n if (pattern === 'plain_text') pattern = 'text'\n let buttonTextStyle = TEXT_FONTSIZE_STYLE_MAP\n if (this._isColmo && this.type === 'primary') {\n type = 'colmo'\n buttonTextStyle = COLMO_TEXT_FONTSIZE_STYLE_MAP\n }\n const mrTextStyle = {\n ...TEXT_STYLE_MAP[type][pattern],\n ...buttonTextStyle[size],\n ...textStyle\n }\n return disabled ? { ...mrTextStyle } : mrTextStyle\n },\n loadingGif() {\n if (this._isColmo) return 'colmo'\n const { pattern } = this\n if (pattern === 'default') {\n return 'white'\n } else {\n return 'black'\n }\n }\n },\n methods: {\n onClicked(e) {\n const { type, pattern, disabled } = this\n disabled ? null : this.$emit('dofButtonClicked', { e, type, pattern, disabled })\n },\n onTextClicked(e) {\n const { type, pattern, disabled } = this\n disabled ? null : this.$emit('dofButtonClicked', { e, type, pattern, disabled })\n }\n }\n}\n</script>\n\n<style src=\"./colmo.css\"></style>\n<style scoped>\n.loading-image {\n height: 32px;\n width: 32px;\n margin-right: 10px;\n}\n.dof-btn {\n flex-direction: row;\n align-items: center;\n justify-content: center;\n /* border-radius: 12px; */\n opacity: 1;\n position: relative;\n overflow: hidden;\n}\n.mask {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.mask:active {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n.dof-btn-highlight-primary-default {\n background-color: #00a4f2;\n}\n.dof-btn-highlight-primary-default:active {\n background-color: #0093d9;\n}\n.dof-btn-highlight-primary-base {\n background-color: #e5f5fd;\n}\n.dof-btn-highlight-primary-base:active {\n background-color: #cddce3;\n}\n.dof-btn-highlight-primary-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-primary-plain:active {\n background-color: rgba(38, 122, 255, 0.1);\n}\n.dof-btn-highlight-purple-default {\n background-color: #995efc;\n}\n.dof-btn-highlight-purple-default:active {\n background-color: #8a54e3;\n}\n.dof-btn-highlight-purple-base {\n background-color: #eee6ff;\n}\n.dof-btn-highlight-purple-base:active {\n background-color: #d5cee5;\n}\n.dof-btn-highlight-purple-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-purple-plain:active {\n background-color: rgba(153, 94, 252, 0.1);\n}\n\n.dof-btn-highlight-slate-default {\n background-color: #6575ff;\n}\n.dof-btn-highlight-slate-default:active {\n background-color: #5b69e6;\n}\n.dof-btn-highlight-slate-base {\n background-color: #e6e8ff;\n}\n.dof-btn-highlight-slate-base:active {\n background-color: #ced0e5;\n}\n.dof-btn-highlight-slate-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-slate-plain:active {\n background-color: rgba(101, 117, 255, 0.1);\n}\n.dof-btn-highlight-aqua-default {\n background-color: #29c3ff;\n}\n.dof-btn-highlight-aqua-default:active {\n background-color: #24afe6;\n}\n.dof-btn-highlight-aqua-base {\n background-color: #e6f8ff;\n}\n.dof-btn-highlight-aqua-base:active {\n background-color: #cedee5;\n}\n.dof-btn-highlight-aqua-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-aqua-plain:active {\n background-color: rgba(41, 195, 255, 0.1);\n}\n.dof-btn-highlight-turquoise-default {\n background-color: #00bdb2;\n}\n.dof-btn-highlight-turquoise-default:active {\n background-color: #00b7a5;\n}\n.dof-btn-highlight-turquoise-base {\n background-color: #e6fffd;\n}\n.dof-btn-highlight-turquoise-base:active {\n background-color: #cee5e3;\n}\n.dof-btn-highlight-turquoise-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-turquoise-plain:active {\n background-color: rgba(0, 203, 184, 0.1);\n}\n.dof-btn-highlight-yellow-default {\n background-color: #ffaa10;\n}\n.dof-btn-highlight-yellow-default:active {\n background-color: #e5980e;\n}\n.dof-btn-highlight-yellow-base {\n background-color: #fff4e0;\n}\n.dof-btn-highlight-yellow-base:active {\n background-color: #e5dbc9;\n}\n.dof-btn-highlight-yellow-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-yellow-plain:active {\n background-color: rgba(255, 170, 16, 0.1);\n}\n.dof-btn-highlight-orange-default {\n background-color: #ffaa10;\n}\n.dof-btn-highlight-orange-default:active {\n background-color: #e67521;\n}\n.dof-btn-highlight-orange-base {\n background-color: #fff0e6;\n}\n.dof-btn-highlight-orange-base:active {\n background-color: #e5d7ce;\n}\n.dof-btn-highlight-orange-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-orange-plain:active {\n background-color: rgba(255, 130, 37, 0.1);\n}\n.dof-btn-highlight-tomato-default {\n background-color: #f56428;\n}\n.dof-btn-highlight-tomato-default:active {\n background-color: #e65f44;\n}\n.dof-btn-highlight-tomato-base {\n background-color: #ffeae6;\n}\n.dof-btn-highlight-tomato-base:active {\n background-color: #e6d3cf;\n}\n.dof-btn-highlight-tomato-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-tomato-plain:active {\n background-color: rgba(255, 106, 76, 0.1);\n}\n.dof-btn-highlight-gray-default {\n background-color: #7c879b;\n}\n.dof-btn-highlight-gray-default:active {\n background-color: #6f798b;\n}\n.dof-btn-highlight-gray-base {\n background-color: #cfd7e6;\n}\n.dof-btn-highlight-gray-base:active {\n background-color: #b9c1ce;\n}\n.dof-btn-highlight-gray-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-gray-plain:active {\n background-color: rgba(124, 135, 155, 0.1);\n}\n.dof-btn-highlight-red-default {\n background-color: #e61e1e;\n}\n.dof-btn-highlight-red-default:active {\n background-color: #ce1a1a;\n}\n.dof-btn-highlight-red-base {\n background-color: #fffeb7;\n}\n.dof-btn-highlight-red-plain {\n background-color: #fff;\n}\n\n.dof-btn-highlight-brown-default {\n background-color: #86696b;\n}\n.dof-btn-highlight-brown-default:active {\n background-color: #785e60;\n}\n.dof-btn-highlight-red-base {\n background-color: #ffd9cf;\n}\n.dof-btn-highlight-red-plain {\n background-color: #fff;\n}\n\n.dof-btn-highlight-colmo-default {\n background-color: #b35336;\n}\n.dof-btn-highlight-colmo-default:active {\n background-color: #743d2a;\n}\n.dof-btn-highlight-colmo-base {\n background-color: #292c30;\n}\n.dof-btn-highlight-colmo-base:active {\n background-color: rgba(0, 0, 0, 0.3);\n}\n.dof-btn-highlight-colmo-plain {\n background-color: transparent;\n}\n.dof-btn-highlight-colmo-plain:active {\n background-color: #636569;\n}\n\n.btn-text {\n font-family: PingFangSC-Medium;\n text-overflow: ellipsis;\n lines: 1;\n /* color: #ffffff; */\n /* margin-left: 10px; */\n}\n/* .dof-text-highlight-primary:active {\n color: #0093d9;\n}\n.dof-text-highlight-purple:active {\n color: #8a54e3;\n}\n.dof-text-highlight-slate:active {\n color: #5b69e6;\n}\n.dof-text-highlight-aqua:active {\n color: #24afe6;\n}\n.dof-text-highlight-turquoise:active {\n color: #00b7a5;\n}\n.dof-text-highlight-yellow:active {\n color: #e5980e;\n}\n.dof-text-highlight-orange:active {\n color: #e67521;\n}\n.dof-text-highlight-tomatot:active {\n color: #e65f44;\n}\n.dof-text-highlight-gray:active {\n color: #6f798b;\n} */\n</style>\n",null],"sourceRoot":""}]);
|
|
8675
|
+
exports.push([module.i, "\n.loading-image[data-v-5680972d] {\n height: 0.42667rem;\n width: 0.42667rem;\n margin-right: 0.13333rem;\n}\n.dof-btn[data-v-5680972d] {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n /* border-radius: 12px; */\n opacity: 1;\n position: relative;\n overflow: hidden;\n}\n.mask[data-v-5680972d] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.mask[data-v-5680972d]:active {\n background-color: rgba(255, 255, 255, 0.1);\n}\n.dof-btn-highlight-primary-default[data-v-5680972d] {\n background-color: #00a4f2;\n}\n.dof-btn-highlight-primary-default[data-v-5680972d]:active {\n background-color: #0093d9;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d] {\n background-color: #e5f5fd;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d]:active {\n background-color: #cddce3;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d]:active {\n background-color: rgba(38, 122, 255, 0.1);\n}\n.dof-btn-highlight-purple-default[data-v-5680972d] {\n background-color: #995efc;\n}\n.dof-btn-highlight-purple-default[data-v-5680972d]:active {\n background-color: #8a54e3;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d] {\n background-color: #eee6ff;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d]:active {\n background-color: #d5cee5;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d]:active {\n background-color: rgba(153, 94, 252, 0.1);\n}\n.dof-btn-highlight-slate-default[data-v-5680972d] {\n background-color: #6575ff;\n}\n.dof-btn-highlight-slate-default[data-v-5680972d]:active {\n background-color: #5b69e6;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d] {\n background-color: #e6e8ff;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d]:active {\n background-color: #ced0e5;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d]:active {\n background-color: rgba(101, 117, 255, 0.1);\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d] {\n background-color: #29c3ff;\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d]:active {\n background-color: #24afe6;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d] {\n background-color: #e6f8ff;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d]:active {\n background-color: #cedee5;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d]:active {\n background-color: rgba(41, 195, 255, 0.1);\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d] {\n background-color: #00bdb2;\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d]:active {\n background-color: #00b7a5;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d] {\n background-color: #e6fffd;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d]:active {\n background-color: #cee5e3;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d]:active {\n background-color: rgba(0, 203, 184, 0.1);\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d] {\n background-color: #ffaa10;\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d]:active {\n background-color: #e5980e;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d] {\n background-color: #fff4e0;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d]:active {\n background-color: #e5dbc9;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d]:active {\n background-color: rgba(255, 170, 16, 0.1);\n}\n.dof-btn-highlight-orange-default[data-v-5680972d] {\n background-color: #ffaa10;\n}\n.dof-btn-highlight-orange-default[data-v-5680972d]:active {\n background-color: #e67521;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d] {\n background-color: #fff0e6;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d]:active {\n background-color: #e5d7ce;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d]:active {\n background-color: rgba(255, 130, 37, 0.1);\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d] {\n background-color: #f56428;\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d]:active {\n background-color: #e65f44;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d] {\n background-color: #ffeae6;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d]:active {\n background-color: #e6d3cf;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d]:active {\n background-color: rgba(255, 106, 76, 0.1);\n}\n.dof-btn-highlight-gray-default[data-v-5680972d] {\n background-color: #7c879b;\n}\n.dof-btn-highlight-gray-default[data-v-5680972d]:active {\n background-color: #6f798b;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d] {\n background-color: #cfd7e6;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d]:active {\n background-color: #b9c1ce;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d]:active {\n background-color: rgba(124, 135, 155, 0.1);\n}\n.dof-btn-highlight-red-default[data-v-5680972d] {\n background-color: #e61e1e;\n}\n.dof-btn-highlight-red-default[data-v-5680972d]:active {\n background-color: #ce1a1a;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n background-color: #fffeb7;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n background-color: #fff;\n}\n.dof-btn-highlight-brown-default[data-v-5680972d] {\n background-color: #86696b;\n}\n.dof-btn-highlight-brown-default[data-v-5680972d]:active {\n background-color: #785e60;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n background-color: #ffd9cf;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n background-color: #fff;\n}\n.dof-btn-highlight-colmo-default[data-v-5680972d] {\n background-color: #b35336;\n}\n.dof-btn-highlight-colmo-default[data-v-5680972d]:active {\n background-color: #743d2a;\n}\n.dof-btn-highlight-colmo-base[data-v-5680972d] {\n background-color: #292c30;\n}\n.dof-btn-highlight-colmo-base[data-v-5680972d]:active {\n background-color: rgba(0, 0, 0, 0.3);\n}\n.dof-btn-highlight-colmo-plain[data-v-5680972d] {\n background-color: transparent;\n}\n.dof-btn-highlight-colmo-plain[data-v-5680972d]:active {\n background-color: #636569;\n}\n.btn-text[data-v-5680972d] {\n font-family: PingFangSC-Medium;\n text-overflow: ellipsis;\n lines: 1;\n /* color: #ffffff; */\n /* margin-left: 10px; */\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n}\n/* .dof-text-highlight-primary:active {\n color: #0093d9;\n}\n.dof-text-highlight-purple:active {\n color: #8a54e3;\n}\n.dof-text-highlight-slate:active {\n color: #5b69e6;\n}\n.dof-text-highlight-aqua:active {\n color: #24afe6;\n}\n.dof-text-highlight-turquoise:active {\n color: #00b7a5;\n}\n.dof-text-highlight-yellow:active {\n color: #e5980e;\n}\n.dof-text-highlight-orange:active {\n color: #e67521;\n}\n.dof-text-highlight-tomatot:active {\n color: #e65f44;\n}\n.dof-text-highlight-gray:active {\n color: #6f798b;\n} */\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/index.vue?d19af2d2","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/<no source>"],"names":[],"mappings":";AA2JA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;CACA;AACA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EACA,WAAA;EACA,mBAAA;EACA,iBAAA;CACA;AACA;EACA,mBAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;CACA;AACA;EACA,2CAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,uBAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,uBAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,qCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,0BAAA;CACA;AAEA;EACA,+BAAA;EACA,wBAAA;EACA,SAAA;EACA,qBAAA;EACA,wBAAA;ECzYA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CD0YA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BA","file":"index.vue","sourcesContent":["<!-- modified by liuhr7 on 19/12/28. -->\n\n<template>\n <WeexThemeView :key=\"disabled + _theme + ''\">\n <text\n v-if=\"pattern === 'plain_text'\"\n :class=\"['btn-text', isHighlight && !disabled && pattern === 'text' && !_isColmo && `dof-text-highlight-${type}`]\"\n :style=\"mrTextStyle\"\n @click=\"onTextClicked\"\n :aria-label=\"text ? text + '。按钮。' : ''\"\n >{{ loading && size == 'small' ? '' : text }}</text\n >\n <div\n v-else\n :class=\"['dof-btn', isHighlight && !disabled && !_isColmo && `dof-btn-highlight-${type}-${pattern}`]\"\n :style=\"mrBtnStyle\"\n @click=\"onClicked\"\n :accessible=\"true\"\n :aria-label=\"text ? text + '。按钮。' : ''\"\n >\n <dof-spinner :type=\"loadingGif\" class=\"loading-image\" v-if=\"loading\" />\n <slot>\n <text\n :class=\"['btn-text', isHighlight && !disabled && pattern === 'text' && `dof-text-highlight-${type}`]\"\n :style=\"mrTextStyle\"\n @click=\"onTextClicked\"\n :aria-label=\"text ? text + '。按钮。' : ''\"\n >{{ loading && size == 'small' ? '' : text }}</text\n >\n </slot>\n <div v-if=\"_isColmo && !disabled && !loading\" class=\"mask\" @click=\"onClicked\"></div>\n </div>\n </WeexThemeView>\n</template>\n\n<script>\nimport {\n STYLE_MAP,\n TEXT_STYLE_MAP,\n BUTTON_STYLE_MAP,\n COLMO_BUTTON_STYLE_MAP,\n TEXT_FONTSIZE_STYLE_MAP,\n COLMO_TEXT_FONTSIZE_STYLE_MAP\n} from './type'\nimport Utils from '../utils'\nimport ColmoMixin from '../../mixins/colmo'\nimport { WeexThemeView } from '@dolphinweex/weex-theme'\nimport DofSpinner from '../dof-spinner'\n\nexport default {\n mixins: [ColmoMixin],\n components: { WeexThemeView, DofSpinner },\n props: {\n loading: {\n type: Boolean,\n default: false\n },\n text: {\n type: String,\n default: '确认'\n },\n size: {\n type: String,\n default: 'full'\n },\n type: {\n type: String,\n default: 'primary'\n },\n pattern: {\n type: String,\n default: 'default'\n },\n disabled: {\n type: Boolean,\n default: false\n },\n isHighlight: {\n type: Boolean,\n default: true\n },\n btnStyle: Object,\n textStyle: Object,\n disabledStyle: Object\n },\n computed: {\n mrBtnStyle() {\n let { type, pattern, disabled, btnStyle, size, disabledStyle } = this\n let buttonStyle = BUTTON_STYLE_MAP\n if (this._isColmo && this.type === 'primary') {\n type = 'colmo'\n buttonStyle = COLMO_BUTTON_STYLE_MAP\n }\n\n let styleMap = { ...STYLE_MAP[type][pattern] }\n if (!this._isColmo && pattern !== 'text' && !disabled) delete styleMap.backgroundColor\n const mrBtnStyle = {\n ...styleMap,\n ...buttonStyle[size],\n ...btnStyle\n }\n\n let disabledInStyle = { opacity: 0.3 }\n if (type === 'white') {\n disabledInStyle = { backgroundColor: 'rgba(0, 0, 0, 0.1)' }\n }\n\n return disabled\n ? {\n ...mrBtnStyle,\n ...disabledInStyle,\n ...disabledStyle\n }\n : mrBtnStyle\n },\n mrTextStyle() {\n let { type, pattern, disabled, textStyle, size } = this\n if (pattern === 'plain_text') pattern = 'text'\n let buttonTextStyle = TEXT_FONTSIZE_STYLE_MAP\n if (this._isColmo && this.type === 'primary') {\n type = 'colmo'\n buttonTextStyle = COLMO_TEXT_FONTSIZE_STYLE_MAP\n }\n const mrTextStyle = {\n ...TEXT_STYLE_MAP[type][pattern],\n ...buttonTextStyle[size],\n ...textStyle\n }\n return disabled ? { ...mrTextStyle } : mrTextStyle\n },\n loadingGif() {\n if (this._isColmo) return 'colmo'\n const { pattern } = this\n if (pattern === 'default') {\n return 'white'\n } else {\n return 'black'\n }\n }\n },\n methods: {\n onClicked(e) {\n const { type, pattern, disabled } = this\n disabled ? null : this.$emit('dofButtonClicked', { e, type, pattern, disabled })\n },\n onTextClicked(e) {\n const { type, pattern, disabled } = this\n disabled ? null : this.$emit('dofButtonClicked', { e, type, pattern, disabled })\n }\n }\n}\n</script>\n\n<style src=\"./colmo.css\"></style>\n<style scoped>\n.loading-image {\n height: 32px;\n width: 32px;\n margin-right: 10px;\n}\n.dof-btn {\n flex-direction: row;\n align-items: center;\n justify-content: center;\n /* border-radius: 12px; */\n opacity: 1;\n position: relative;\n overflow: hidden;\n}\n.mask {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.mask:active {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n.dof-btn-highlight-primary-default {\n background-color: #00a4f2;\n}\n.dof-btn-highlight-primary-default:active {\n background-color: #0093d9;\n}\n.dof-btn-highlight-primary-base {\n background-color: #e5f5fd;\n}\n.dof-btn-highlight-primary-base:active {\n background-color: #cddce3;\n}\n.dof-btn-highlight-primary-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-primary-plain:active {\n background-color: rgba(38, 122, 255, 0.1);\n}\n.dof-btn-highlight-purple-default {\n background-color: #995efc;\n}\n.dof-btn-highlight-purple-default:active {\n background-color: #8a54e3;\n}\n.dof-btn-highlight-purple-base {\n background-color: #eee6ff;\n}\n.dof-btn-highlight-purple-base:active {\n background-color: #d5cee5;\n}\n.dof-btn-highlight-purple-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-purple-plain:active {\n background-color: rgba(153, 94, 252, 0.1);\n}\n\n.dof-btn-highlight-slate-default {\n background-color: #6575ff;\n}\n.dof-btn-highlight-slate-default:active {\n background-color: #5b69e6;\n}\n.dof-btn-highlight-slate-base {\n background-color: #e6e8ff;\n}\n.dof-btn-highlight-slate-base:active {\n background-color: #ced0e5;\n}\n.dof-btn-highlight-slate-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-slate-plain:active {\n background-color: rgba(101, 117, 255, 0.1);\n}\n.dof-btn-highlight-aqua-default {\n background-color: #29c3ff;\n}\n.dof-btn-highlight-aqua-default:active {\n background-color: #24afe6;\n}\n.dof-btn-highlight-aqua-base {\n background-color: #e6f8ff;\n}\n.dof-btn-highlight-aqua-base:active {\n background-color: #cedee5;\n}\n.dof-btn-highlight-aqua-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-aqua-plain:active {\n background-color: rgba(41, 195, 255, 0.1);\n}\n.dof-btn-highlight-turquoise-default {\n background-color: #00bdb2;\n}\n.dof-btn-highlight-turquoise-default:active {\n background-color: #00b7a5;\n}\n.dof-btn-highlight-turquoise-base {\n background-color: #e6fffd;\n}\n.dof-btn-highlight-turquoise-base:active {\n background-color: #cee5e3;\n}\n.dof-btn-highlight-turquoise-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-turquoise-plain:active {\n background-color: rgba(0, 203, 184, 0.1);\n}\n.dof-btn-highlight-yellow-default {\n background-color: #ffaa10;\n}\n.dof-btn-highlight-yellow-default:active {\n background-color: #e5980e;\n}\n.dof-btn-highlight-yellow-base {\n background-color: #fff4e0;\n}\n.dof-btn-highlight-yellow-base:active {\n background-color: #e5dbc9;\n}\n.dof-btn-highlight-yellow-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-yellow-plain:active {\n background-color: rgba(255, 170, 16, 0.1);\n}\n.dof-btn-highlight-orange-default {\n background-color: #ffaa10;\n}\n.dof-btn-highlight-orange-default:active {\n background-color: #e67521;\n}\n.dof-btn-highlight-orange-base {\n background-color: #fff0e6;\n}\n.dof-btn-highlight-orange-base:active {\n background-color: #e5d7ce;\n}\n.dof-btn-highlight-orange-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-orange-plain:active {\n background-color: rgba(255, 130, 37, 0.1);\n}\n.dof-btn-highlight-tomato-default {\n background-color: #f56428;\n}\n.dof-btn-highlight-tomato-default:active {\n background-color: #e65f44;\n}\n.dof-btn-highlight-tomato-base {\n background-color: #ffeae6;\n}\n.dof-btn-highlight-tomato-base:active {\n background-color: #e6d3cf;\n}\n.dof-btn-highlight-tomato-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-tomato-plain:active {\n background-color: rgba(255, 106, 76, 0.1);\n}\n.dof-btn-highlight-gray-default {\n background-color: #7c879b;\n}\n.dof-btn-highlight-gray-default:active {\n background-color: #6f798b;\n}\n.dof-btn-highlight-gray-base {\n background-color: #cfd7e6;\n}\n.dof-btn-highlight-gray-base:active {\n background-color: #b9c1ce;\n}\n.dof-btn-highlight-gray-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-gray-plain:active {\n background-color: rgba(124, 135, 155, 0.1);\n}\n.dof-btn-highlight-red-default {\n background-color: #e61e1e;\n}\n.dof-btn-highlight-red-default:active {\n background-color: #ce1a1a;\n}\n.dof-btn-highlight-red-base {\n background-color: #fffeb7;\n}\n.dof-btn-highlight-red-plain {\n background-color: #fff;\n}\n\n.dof-btn-highlight-brown-default {\n background-color: #86696b;\n}\n.dof-btn-highlight-brown-default:active {\n background-color: #785e60;\n}\n.dof-btn-highlight-red-base {\n background-color: #ffd9cf;\n}\n.dof-btn-highlight-red-plain {\n background-color: #fff;\n}\n\n.dof-btn-highlight-colmo-default {\n background-color: #b35336;\n}\n.dof-btn-highlight-colmo-default:active {\n background-color: #743d2a;\n}\n.dof-btn-highlight-colmo-base {\n background-color: #292c30;\n}\n.dof-btn-highlight-colmo-base:active {\n background-color: rgba(0, 0, 0, 0.3);\n}\n.dof-btn-highlight-colmo-plain {\n background-color: transparent;\n}\n.dof-btn-highlight-colmo-plain:active {\n background-color: #636569;\n}\n\n.btn-text {\n font-family: PingFangSC-Medium;\n text-overflow: ellipsis;\n lines: 1;\n /* color: #ffffff; */\n /* margin-left: 10px; */\n}\n/* .dof-text-highlight-primary:active {\n color: #0093d9;\n}\n.dof-text-highlight-purple:active {\n color: #8a54e3;\n}\n.dof-text-highlight-slate:active {\n color: #5b69e6;\n}\n.dof-text-highlight-aqua:active {\n color: #24afe6;\n}\n.dof-text-highlight-turquoise:active {\n color: #00b7a5;\n}\n.dof-text-highlight-yellow:active {\n color: #e5980e;\n}\n.dof-text-highlight-orange:active {\n color: #e67521;\n}\n.dof-text-highlight-tomatot:active {\n color: #e65f44;\n}\n.dof-text-highlight-gray:active {\n color: #6f798b;\n} */\n</style>\n",null],"sourceRoot":""}]);
|
|
8676
8676
|
|
|
8677
8677
|
// exports
|
|
8678
8678
|
|
|
@@ -47486,7 +47486,7 @@ if (false) {
|
|
|
47486
47486
|
|
|
47487
47487
|
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
|
47488
47488
|
return _c('WeexThemeView', {
|
|
47489
|
-
key: _vm.disabled + '',
|
|
47489
|
+
key: _vm.disabled + _vm._theme + '',
|
|
47490
47490
|
attrs: {}
|
|
47491
47491
|
}, [(_vm.pattern === 'plain_text') ? _c('p', {
|
|
47492
47492
|
staticClass: " weex-el weex-text",
|