dolphin-weex-ui 2.3.1 → 2.3.3
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 +4 -4
- package/dist/index.web.js.map +1 -1
- package/package.json +2 -2
- package/packages/dof-button/index.vue +1 -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
|
|
|
@@ -9064,7 +9064,7 @@ exports = module.exports = __webpack_require__(0)(true);
|
|
|
9064
9064
|
|
|
9065
9065
|
|
|
9066
9066
|
// module
|
|
9067
|
-
exports.push([module.i, "\n.indicator[data-v-7ecb2930] {\n position: absolute;\n item-color: rgba(255, 195, 0, .5);\n item-selected-color: #ffc300;\n item-size: 0.26667rem;\n height: 0.26667rem;\n bottom: 0.32rem;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n width: 0.26667rem;\n height: 0.26667rem;\n}\n.indicator .weex-indicator-item.weex-indicator-item-active[data-v-7ecb2930] {\n background-color: #ffc300;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n background-color: rgba(255, 195, 0, .5);\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/index.vue?25abe080","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css
|
|
9067
|
+
exports.push([module.i, "\n.indicator[data-v-7ecb2930] {\n position: absolute;\n item-color: rgba(255, 195, 0, .5);\n item-selected-color: #ffc300;\n item-size: 0.26667rem;\n height: 0.26667rem;\n bottom: 0.32rem;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n width: 0.26667rem;\n height: 0.26667rem;\n}\n.indicator .weex-indicator-item.weex-indicator-item-active[data-v-7ecb2930] {\n background-color: #ffc300;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n background-color: rgba(255, 195, 0, .5);\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/index.vue?25abe080","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 17>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 16>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 15>"],"names":[],"mappings":";AA6BA;EACA,mBAAA;EACA,kCAAA;EACA,6BAAA;EACA,sBAAA;EACA,mBAAA;EACA,gBAAA;CACA;ACnCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,0BAA0B;CAC3B;ACFD;EACE,wCAAwC;CACzC","file":"index.vue","sourcesContent":["<template>\n <dof-mask :width=\"width\"\n :height=\"height\"\n aria-hidden=\"true\"\n mask-bg-color=\"transparent\"\n overlay-opacity=\"0.8\"\n :show=\"show\"\n :opacity='opacity'\n :show-close=\"false\"\n @dofMaskSetHidden=\"maskOverlayClick\">\n <slider auto-play=\"false\"\n v-if=\"show\"\n :index=\"index\"\n :interval=\"interval\"\n :style=\"{ height: height + 'px'}\">\n <div v-for=\"(v,index) in imageList\"\n :style=\"{ height: height + 'px'}\"\n :key=\"index\">\n <image resize=\"cover\"\n :src=\"v.src\"\n :style=\"{ height: height + 'px', width: width + 'px'}\"></image>\n </div>\n <indicator class=\"indicator\"\n :style=\"indicatorStyle\"></indicator>\n </slider>\n </dof-mask>\n</template>\n\n<style scoped>\n .indicator {\n position: absolute;\n item-color: rgba(255, 195, 0, .5);\n item-selected-color: #ffc300;\n item-size: 20px;\n height: 20px;\n bottom: 24px;\n }\n</style>\n\n<script>\n import DofMask from '../dof-mask';\n\n export default {\n components: {\n DofMask\n },\n props: {\n width: {\n type: [Number, String],\n default: 750\n },\n height: {\n type: [Number, String],\n default: 750\n },\n show: {\n type: Boolean,\n default: false\n },\n imageList: Array,\n indicatorColor: {\n type: Object,\n default: () => ({\n 'item-color': 'rgba(255, 195, 0, .5)',\n 'item-selected-color': '#ffc300',\n 'item-size': '20px'\n })\n },\n index: {\n type: [Number, String],\n default: 0\n },\n interval: {\n type: [Number, String],\n default: 3000\n },\n opacity: {\n type: [Number, String],\n default: 0.6\n }\n },\n computed: {\n indicatorStyle () {\n return {\n width: this.width + 'px',\n ...this.indicatorColor\n };\n }\n },\n methods: {\n maskOverlayClick () {\n this.$emit('dofLightboxOverlayClicked', {});\n }\n }\n };\n</script>\n","\n.indicator .weex-indicator-item {\n width: 20px;\n height: 20px;\n}","\n.indicator .weex-indicator-item.weex-indicator-item-active {\n background-color: #ffc300;\n}","\n.indicator .weex-indicator-item {\n background-color: rgba(255, 195, 0, .5);\n}"],"sourceRoot":""}]);
|
|
9068
9068
|
|
|
9069
9069
|
// exports
|
|
9070
9070
|
|
|
@@ -9428,7 +9428,7 @@ exports = module.exports = __webpack_require__(0)(true);
|
|
|
9428
9428
|
|
|
9429
9429
|
|
|
9430
9430
|
// module
|
|
9431
|
-
exports.push([module.i, "\n.indicator {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 0.66667rem;\n item-color: rgba(255, 255, 255, 0.5);\n item-selectedcolor: rgba(255, 255, 255, 1);\n item-size: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n width: 0.18667rem;\n height: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n background-color: rgba(255, 255, 255, 0.5);\n}\n.slider {\n /* background-color: #f2f2f2; */\n /* margin-left: 32px; */\n border-radius: 0.21333rem;\n}\n.image {\n border-radius: 0.21333rem;\n background-color: #f2f2f2;\n}\n.div_out {\n border-radius: 0.21333rem;\n position: relative;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/index.vue?f583422e","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css
|
|
9431
|
+
exports.push([module.i, "\n.indicator {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 0.66667rem;\n item-color: rgba(255, 255, 255, 0.5);\n item-selectedcolor: rgba(255, 255, 255, 1);\n item-size: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n width: 0.18667rem;\n height: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n background-color: rgba(255, 255, 255, 0.5);\n}\n.slider {\n /* background-color: #f2f2f2; */\n /* margin-left: 32px; */\n border-radius: 0.21333rem;\n}\n.image {\n border-radius: 0.21333rem;\n background-color: #f2f2f2;\n}\n.div_out {\n border-radius: 0.21333rem;\n position: relative;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/index.vue?f583422e","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 14>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 13>"],"names":[],"mappings":";AAiCA;EACA,mBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,qCAAA;EACA,2CAAA;EACA,sBAAA;CACA;ACzCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,2CAA2C;CAC5C;AFwCD;EACA,gCAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,mBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n <div :style=\"{ marginLeft: divLeft, width: imgWidth }\" class=\"div_out\">\n <slider\n class=\"slider\"\n :style=\"sliderStyle\"\n :interval=\"interval\"\n @change=\"change\"\n :auto-play=\"autoplay\"\n :infinite=\"infinite\"\n >\n <div v-for=\"(item, index) in slItems\" :key=\"index\" @click=\"imgClicked(item, index)\">\n <image\n :resize=\"imgResize\"\n :style=\"{ width: imgWidth, height: imgHeight }\"\n :src=\"item.url\"\n :placeholder=\"phImgUrl\"\n class=\"image\"\n >\n </image>\n </div>\n <indicator class=\"indicator\" :style=\"indicatorStyle\" v-if=\"showIndicator && !_isColmo\"></indicator>\n </slider>\n <div class=\"indicator-box\" v-if=\"showIndicator && _isColmo\">\n <div\n :class=\"['indicator-item', i === slItems.length - 1 && 'isLast', i == active && 'active']\"\n v-for=\"(item, i) in slItems\"\n :key=\"i\"\n ></div>\n </div>\n </div>\n</template>\n\n<style>\n.indicator {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 50px;\n item-color: rgba(255, 255, 255, 0.5);\n item-selectedcolor: rgba(255, 255, 255, 1);\n item-size: 14px;\n}\n.slider {\n /* background-color: #f2f2f2; */\n /* margin-left: 32px; */\n border-radius: 16px;\n}\n.image {\n border-radius: 16px;\n background-color: #f2f2f2;\n}\n.div_out {\n border-radius: 16px;\n position: relative;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64')\nvar PLACEHOLDERIMAGE = icon['ic_img_null@2x']\nconst modal = weex.requireModule('modal')\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n mixins: [ColmoMixin],\n props: {\n sliderStyle: {\n type: Object,\n default: () => ({\n width: '686px',\n height: '280px',\n position: 'relative'\n })\n },\n indicatorStyle: {\n type: Object,\n default: () => ({})\n },\n items: {\n type: Array,\n default: () => []\n },\n interval: {\n type: Number,\n default: 3000\n },\n autoplay: {\n type: Boolean,\n default: true\n },\n infinite: {\n type: Boolean,\n default: true\n },\n imgResize: {\n type: String,\n default: 'cover'\n },\n imgWidth: {\n type: String,\n default: '686px'\n },\n divLeft: {\n type: String,\n default: '32px'\n },\n imgHeight: {\n type: String,\n default: '280px'\n },\n showIndicator: {\n type: Boolean,\n default: true\n },\n phImgUrl: {\n type: String,\n default: PLACEHOLDERIMAGE\n }\n },\n data: function() {\n return {\n slItems: [],\n active: 0\n }\n },\n created() {\n if (this.items.length > 10) {\n this.slItems.splice(0)\n this.slItems = this.items.slice(0, 10)\n } else if (this.items.length <= 10) {\n this.slItems.splice(0)\n this.slItems = this.items.slice(0)\n }\n },\n methods: {\n imgClicked(target, index) {\n this.$emit('dofSwiperClicked', { target, index })\n },\n change(val) {\n this.active = val.index\n }\n }\n}\n</script>\n","\n.indicator .weex-indicator-item {\n width: 14px;\n height: 14px;\n}","\n.indicator .weex-indicator-item {\n background-color: rgba(255, 255, 255, 0.5);\n}"],"sourceRoot":""}]);
|
|
9432
9432
|
|
|
9433
9433
|
// exports
|
|
9434
9434
|
|
|
@@ -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",
|