dolphin-weex-ui 2.0.0 → 2.0.2
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 +15 -0
- package/dist/index.native.js +17 -15
- package/dist/index.native.js.map +1 -1
- package/dist/index.web.js +22 -19
- package/dist/index.web.js.map +1 -1
- package/package.json +1 -1
- package/packages/dof-cell/index.vue +126 -126
- package/packages/dof-refresher/index.vue +4 -5
package/dist/index.web.js
CHANGED
|
@@ -8866,7 +8866,7 @@ exports = module.exports = __webpack_require__(0)(true);
|
|
|
8866
8866
|
|
|
8867
8867
|
|
|
8868
8868
|
// module
|
|
8869
|
-
exports.push([module.i, "\n.wrapper[data-v-722c555d] {\n /*hairong add for swipe*/\n overflow: hidden;\n position: relative;\n /* end by hairong*/\n /* 解决安卓渲染间隔问题 */\n /* margin-bottom: -1px; */\n /* padding-bottom: -1px; */\n}\n.fake-border[data-v-722c555d] {\n /* width: 750px; */\n height: 1px;\n position: absolute;\n bottom: 1px;\n left: 0;\n /* background-color: #f2f2f2; */\n}\n.cell-margin[data-v-722c555d] {\n margin-bottom: 0.21333rem;\n}\n.dof-cell-highlight[data-v-722c555d]:active {\n background-color: #f5f5f5;\n}\n.dof-cell[data-v-722c555d] {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n /* align-items: center; */\n}\n.mgb-1[data-v-722c555d] {\n margin-bottom: 1px;\n}\n.cell-disabled-opacity[data-v-722c555d] {\n opacity: 0.3;\n}\n.cell-abled-opacity[data-v-722c555d] {\n opacity: 1;\n}\n\n/* left部分 */\n.left[data-v-722c555d] {\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n /* border-width: 1px; */\n}\n.img-wrapper[data-v-722c555d] {\n}\n.circle-bg[data-v-722c555d] {\n margin-left: 0.42667rem;\n /* width: 96px;\n height: 96px; */\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\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 overflow: hidden;\n}\n.text-dot-tip[data-v-722c555d] {\n width: 0.21333rem;\n height: 0.21333rem;\n border-radius: 0.13333rem;\n background-color: #ff3b30;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n text-align: center;\n margin-left: 0.29333rem;\n}\n.dot-tip[data-v-722c555d] {\n position: absolute;\n top: 0.45333rem;\n right: 0px;\n width: 0.21333rem;\n height: 0.21333rem;\n border-radius: 0.13333rem;\n background-color: #ff3b30;\n}\n.dot-num-tip[data-v-722c555d] {\n position: absolute;\n font-size: 0.32rem;\n top: 0.45333rem;\n right: 0.21333rem;\n /* transform: translate(50%, 0); */\n border-radius: 1.33333rem;\n /* border-width: 1px;\n border-color: #ffffff; */\n background-color: #ff3b30;\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 padding-left: 0.10667rem;\n padding-right: 0.10667rem;\n line-height: 1;\n}\n.dot-num-tip-text[data-v-722c555d] {\n font-size: 0.32rem;\n color: #ffffff;\n}\n.left-img[data-v-722c555d] {\n /* width: 64px;\n height: 64px; */\n}\n.main-container[data-v-722c555d] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\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 /* padding: 0 0px 0 32px; */\n margin-left: 0.42667rem;\n overflow: hidden;\n\n /* border-width: 1px;\n border-color: red; */\n}\n.Dotleft32[data-v-722c555d] {\n margin-left: 0.42667rem;\n}\n.Dotright32[data-v-722c555d] {\n margin-right: 0.42667rem;\n}\n.notDot[data-v-722c555d] {\n margin-left: 0px;\n}\n.dotRight[data-v-722c555d] {\n right: 0.42667rem;\n}\n\n/* label */\n.cell-label-text[data-v-722c555d] {\n font-size: 0.4rem;\n color: #666666;\n width: 2.50667rem;\n margin-right: 0.13333rem;\n}\n\n/* middle部分 */\n.middle[data-v-722c555d] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n min-height: 1.38667rem;\n overflow: hidden;\n /* margin-right: 32px; */\n /* border-width: 1px;\n border-color: blue; */\n}\n.has-desc[data-v-722c555d] {\n min-height: 2.13333rem;\n /* padding-top: 26px; */\n /* margin-bottom: 2px; */\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n}\n.no-desc[data-v-722c555d] {\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n}\n.cell-title-wrapper[data-v-722c555d] {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n margin-right: 0.53333rem;\n overflow: hidden;\n}\n.cell-title-content[data-v-722c555d] {\n /* flex: 1; */\n /* max-width: 400px; */\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\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: stretch;\n -webkit-justify-content: stretch;\n justify-content: stretch;\n /* border-width: 1px;\n border-color: orange; */\n overflow: hidden;\n}\n.title-flex-expand[data-v-722c555d] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n}\n.cell-title[data-v-722c555d] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\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 /* justify-content: flex-start; */\n}\n.avatar-icon[data-v-722c555d] {\n width: 0.53333rem;\n height: 0.53333rem;\n border-radius: 0.26667rem;\n margin-right: 0.32rem;\n}\n.cell-title-text[data-v-722c555d] {\n font-family: PingFangSC-Regular;\n font-size: 0.42667rem;\n /* line-height: 32px; */\n color: #000000;\n lines: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n}\n\n/* tag */\n.cell-title-tag[data-v-722c555d] {\n width: 1.17333rem;\n height: 0.64rem;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n text-align: center;\n background-color: #f2f2f2;\n border-radius: 0.32rem;\n margin-left: 0.24rem;\n}\n.cell-title-tag-text[data-v-722c555d] {\n font-family: PingFangSC-Medium;\n font-size: 0.32rem;\n color: #666666;\n /* line-height: 24px; */\n}\n\n/* desc */\n.cell-desc-wrapper[data-v-722c555d] {\n /* flex: 1; */\n margin-top: 0.21333rem;\n /* border-width: 1px;\n border-color: tomato; */\n /* padding-bottom: 30px; */\n /* min-height: 36px; */\n}\n.margin-top-24[data-v-722c555d] {\n margin-top: 0.24rem;\n}\n.cell-desc[data-v-722c555d] {\n /* border-width: 1px;\n border-color: aqua; */\n}\n.cell-desc-text[data-v-722c555d] {\n font-family: PingFangSC-Regular;\n color: #8a8a8f;\n font-size: 0.32rem;\n /* line-height: 36px; */\n /* desc和title的间距 */\n /* margin-top: 4px; */\n /* margin-right: 30px; */\n /* 文字超出设置 */\n lines: 2;\n text-overflow: ellipsis;\n overflow: hidden;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n}\n\n/* 右部 */\n.right-tip-wrapper[data-v-722c555d] {\n padding: 0.53333rem 0.42667rem 0 0;\n /* border-width: 1px; */\n}\n.space-gap[data-v-722c555d] {\n margin-left: 1.22667rem;\n}\n.right-tip-text[data-v-722c555d] {\n font-family: PingFangSC-Regular;\n color: #8a8a8f;\n font-size: 0.32rem;\n /* line-height: 24px; */\n text-align: right;\n}\n.right[data-v-722c555d] {\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 padding-right: 0.42667rem;\n padding-left: 0.42667rem;\n}\n.has-no-padding-left[data-v-722c555d] {\n padding-right: 0;\n padding-left: 0;\n}\n.right-text-wrapper[data-v-722c555d] {\n /* 文字距离图标间隔 */\n /* margin-left: 80px;\n border-width: 1px;\n border-color: greenyellow; */\n}\n.right-text[data-v-722c555d] {\n font-family: PingFangSC-Regular;\n color: #666666;\n font-size: 0.37333rem;\n /* line-height: 28px; */\n letter-spacing: 0;\n text-align: right;\n}\n.normal-right-text[data-v-722c555d] {\n font-size: 0.42667rem;\n /* line-height: 32px; */\n}\n.single-line-text[data-v-722c555d] {\n /* color: #8a8a8f;\n font-size: 24px;\n line-height: 34px; */\n}\n\n/* arrow */\n.arrow-wrapper[data-v-722c555d] {\n padding-left: 0.26667rem;\n}\n.cell-arrow-icon[data-v-722c555d] {\n width: 0.29333rem;\n height: 0.29333rem;\n}\n.midea-swipe-cell__right[data-v-722c555d] {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-flex-wrap: nowrap;\n flex-wrap: nowrap;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n background-color: #ff3b30;\n font-size: 0.42667rem;\n color: #ffffff;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-cell/index.vue?2fcef862","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-cell/<no source>"],"names":[],"mappings":"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","file":"index.vue","sourcesContent":["<template>\n <div :class=\"['wrapper', hasMargin && 'cell-margin']\" ref=\"dof-cell\" :style=\"cellStyleComp\">\n <div\n :class=\"[\n 'dof-cell',\n disabled ? 'cell-disabled-opacity' : 'cell-abled-opacity',\n hackMrgb1pxcom && 'mgb-1',\n !disabled && isHighlight && 'dof-cell-highlight'\n ]\"\n :style=\"borderStyleComp\"\n :accessible=\"autoAccessible\"\n :aria-label=\"`${label},${title},${desc}`\"\n @click=\"onClick\"\n >\n <slot>\n <!-- left -->\n <div class=\"left img-wrapper\" v-if=\"avatarIcon || avatarIconFont\">\n <div\n v-if=\"avatarIcon\"\n class=\"img-container circle-bg\"\n :class=\"[badgeNum && 'Dotright32']\"\n :style=\"avatarIconBgSizeComp\"\n >\n <slot name=\"leftImg\">\n <image class=\"left-img\" :src=\"avatarIcon\" :style=\"avatarIconSizeComp\"></image>\n </slot>\n </div>\n <div v-if=\"avatarIconFont\" class=\"circle-bg\">\n <dof-iconfont\n :code=\"avatarIconFont\"\n :size=\"avatarIconFontSize\"\n :color=\"_isColmo ? 'rgba(255,255,255,0.80)' : '#333333'\"\n ></dof-iconfont>\n </div>\n\n <div class=\"dot-tip\" v-if=\"hasDot\" :class=\"[badgeNum && 'dotRight']\" :style=\"badgeStyle\"></div>\n <div class=\"dot-num-tip\" v-else-if=\"badgeNum\" :style=\"badgeStyle\">\n <text class=\"dot-num-tip-text\">{{ dotNum }}</text>\n </div>\n </div>\n\n <!-- middle -->\n <div\n :class=\"['main-container', hasVerticalIndent && 'cell-indent', badgeNum && 'notDot']\"\n :style=\"subBorderStyleComp\"\n >\n <slot name=\"label\">\n <div v-if=\"label\">\n <text class=\"cell-label-text\" :style=\"textColorComp\">{{ label }}</text>\n </div>\n </slot>\n <div :class=\"['middle', desc ? 'has-desc' : 'no-desc']\" :style=\"innerCellHeightComp\">\n <slot name=\"middle\">\n <div class=\"cell-title-wrapper\">\n <div :class=\"['cell-title-content', !tag && 'title-flex-expand']\">\n <div :class=\"['cell-title']\">\n <text :class=\"['cell-title-text', !hasTextTip && 'title-flex-expand']\" :style=\"titleStyleComp\">{{\n title\n }}</text>\n <div class=\"text-dot-tip\" v-if=\"hasTextTip\"></div>\n </div>\n </div>\n\n <slot name=\"tag\">\n <div\n class=\"cell-title-tag\"\n v-if=\"tag\"\n :style=\"{\n backgroundColor: iconColor ? iconColor : '#f2f2f2'\n }\"\n >\n <text class=\"cell-title-tag-text\">{{ tag }}</text>\n </div>\n </slot>\n </div>\n <div :class=\"['cell-desc-wrapper', !tag && !_isColmo && 'margin-top-24']\" v-if=\"desc\">\n <slot name=\"desc\">\n <div class=\"cell-desc\">\n <text class=\"cell-desc-text\" :style=\"descStyleComp\">{{ desc }}</text>\n </div>\n </slot>\n </div>\n </slot>\n </div>\n <!-- right -->\n <div :class=\"['right', rightTip && 'has-no-padding-left']\">\n <slot name=\"rightText\">\n <div class=\"right-text-wrapper\" v-if=\"rightText\">\n <text\n :class=\"[\n 'right-text',\n !avatarIcon && 'single-line-text',\n avatarIcon && iconSize === 'big' && 'normal-right-text'\n ]\"\n :style=\"rightTextStyleComp\"\n >{{ rightText }}</text\n >\n </div>\n </slot>\n <text class=\"extra-content-text\" :style=\"textColorComp\" v-if=\"extraContent\">{{ extraContent }}</text>\n <!-- 开关 -->\n <slot name=\"switch\"></slot>\n\n <div class=\"arrow-wrapper\" v-if=\"hasArrow\">\n <slot name=\"arrow\">\n <dof-iconfont\n style=\"width: 34px\"\n v-if=\"_isColmo\"\n :code=\"'\\u4713'\"\n :size=\"48\"\n :color=\"'rgba(255,255,255,0.80)'\"\n ></dof-iconfont>\n <image v-else :src=\"arrowIcon\" class=\"cell-arrow-icon\" :aria-hidden=\"true\"></image>\n </slot>\n </div>\n </div>\n </div>\n <div\n :class=\"[\n 'right-tip-wrapper',\n hasTopSubBorder && 'cell-top-border',\n hasSubBottomBorder && 'cell-bottom-border',\n special && 'space-gap'\n ]\"\n v-if=\"rightTip\"\n >\n <slot name=\"rightTip\">\n <text class=\"right-tip-text\" @click=\"dofRightTipClicked\">{{ rightTip }}</text>\n </slot>\n </div>\n </slot>\n </div>\n <div v-if=\"useFakeBorder\" class=\"fake-border\" :style=\"fakeBorderStyleRender\"></div>\n </div>\n</template>\n\n<style scoped>\n.wrapper {\n /*hairong add for swipe*/\n overflow: hidden;\n position: relative;\n /* end by hairong*/\n /* 解决安卓渲染间隔问题 */\n /* margin-bottom: -1px; */\n /* padding-bottom: -1px; */\n}\n\n.fake-border {\n /* width: 750px; */\n height: 1px;\n position: absolute;\n bottom: 1px;\n left: 0;\n /* background-color: #f2f2f2; */\n}\n\n.cell-margin {\n margin-bottom: 16px;\n}\n\n.dof-cell-highlight:active {\n background-color: #f5f5f5;\n}\n\n.dof-cell {\n display: flex;\n flex-direction: row;\n flex: 1;\n /* align-items: center; */\n}\n\n.mgb-1 {\n margin-bottom: 1px;\n}\n\n.cell-disabled-opacity {\n opacity: 0.3;\n}\n\n.cell-abled-opacity {\n opacity: 1;\n}\n\n/* left部分 */\n.left {\n justify-content: center;\n /* border-width: 1px; */\n}\n\n.img-wrapper {\n}\n\n.circle-bg {\n margin-left: 32px;\n /* width: 96px;\n height: 96px; */\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n}\n\n.text-dot-tip {\n width: 16px;\n height: 16px;\n border-radius: 10px;\n background-color: #ff3b30;\n justify-content: center;\n align-items: center;\n text-align: center;\n margin-left: 22px;\n}\n\n.dot-tip {\n position: absolute;\n top: 34px;\n right: 0px;\n width: 16px;\n height: 16px;\n border-radius: 10px;\n background-color: #ff3b30;\n}\n\n.dot-num-tip {\n position: absolute;\n font-size: 24px;\n top: 34px;\n right: 16px;\n /* transform: translate(50%, 0); */\n border-radius: 100px;\n /* border-width: 1px;\n border-color: #ffffff; */\n background-color: #ff3b30;\n align-items: center;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n line-height: 1;\n}\n\n.dot-num-tip-text {\n font-size: 24px;\n color: #ffffff;\n}\n\n.left-img {\n /* width: 64px;\n height: 64px; */\n}\n\n.main-container {\n flex: 1;\n flex-direction: row;\n align-items: center;\n /* padding: 0 0px 0 32px; */\n margin-left: 32px;\n overflow: hidden;\n\n /* border-width: 1px;\n border-color: red; */\n}\n\n.Dotleft32 {\n margin-left: 32px;\n}\n\n.Dotright32 {\n margin-right: 32px;\n}\n\n.notDot {\n margin-left: 0px;\n}\n\n.dotRight {\n right: 32px;\n}\n\n/* label */\n.cell-label-text {\n font-size: 30px;\n color: #666666;\n width: 188px;\n margin-right: 10px;\n}\n\n/* middle部分 */\n.middle {\n flex: 1;\n min-height: 104px;\n overflow: hidden;\n /* margin-right: 32px; */\n /* border-width: 1px;\n border-color: blue; */\n}\n\n.has-desc {\n min-height: 160px;\n /* padding-top: 26px; */\n /* margin-bottom: 2px; */\n justify-content: center;\n}\n\n.no-desc {\n justify-content: center;\n}\n\n.cell-title-wrapper {\n flex-direction: row;\n margin-right: 40px;\n overflow: hidden;\n}\n\n.cell-title-content {\n /* flex: 1; */\n /* max-width: 400px; */\n flex: 1;\n flex-direction: row;\n align-items: center;\n justify-content: stretch;\n /* border-width: 1px;\n border-color: orange; */\n overflow: hidden;\n}\n\n.title-flex-expand {\n flex: 1;\n}\n\n.cell-title {\n flex: 1;\n flex-direction: row;\n align-items: center;\n /* justify-content: flex-start; */\n}\n\n.avatar-icon {\n width: 40px;\n height: 40px;\n border-radius: 20px;\n margin-right: 24px;\n}\n\n.cell-title-text {\n font-family: PingFangSC-Regular;\n font-size: 32px;\n /* line-height: 32px; */\n color: #000000;\n lines: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n/* tag */\n\n.cell-title-tag {\n width: 88px;\n height: 48px;\n justify-content: center;\n align-items: center;\n text-align: center;\n background-color: #f2f2f2;\n border-radius: 24px;\n margin-left: 18px;\n}\n\n.cell-title-tag-text {\n font-family: PingFangSC-Medium;\n font-size: 24px;\n color: #666666;\n /* line-height: 24px; */\n}\n\n/* desc */\n.cell-desc-wrapper {\n /* flex: 1; */\n margin-top: 16px;\n /* border-width: 1px;\n border-color: tomato; */\n /* padding-bottom: 30px; */\n /* min-height: 36px; */\n}\n\n.margin-top-24 {\n margin-top: 18px;\n}\n\n.cell-desc {\n /* border-width: 1px;\n border-color: aqua; */\n}\n\n.cell-desc-text {\n font-family: PingFangSC-Regular;\n color: #8a8a8f;\n font-size: 24px;\n /* line-height: 36px; */\n /* desc和title的间距 */\n /* margin-top: 4px; */\n /* margin-right: 30px; */\n /* 文字超出设置 */\n lines: 2;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n/* 右部 */\n.right-tip-wrapper {\n padding: 40px 32px 0 0;\n /* border-width: 1px; */\n}\n\n.space-gap {\n margin-left: 92px;\n}\n\n.right-tip-text {\n font-family: PingFangSC-Regular;\n color: #8a8a8f;\n font-size: 24px;\n /* line-height: 24px; */\n text-align: right;\n}\n\n.right {\n flex-direction: row;\n align-items: center;\n padding-right: 32px;\n padding-left: 32px;\n}\n\n.has-no-padding-left {\n padding-right: 0;\n padding-left: 0;\n}\n\n.right-text-wrapper {\n /* 文字距离图标间隔 */\n /* margin-left: 80px;\n border-width: 1px;\n border-color: greenyellow; */\n}\n\n.right-text {\n font-family: PingFangSC-Regular;\n color: #666666;\n font-size: 28px;\n /* line-height: 28px; */\n letter-spacing: 0;\n text-align: right;\n}\n\n.normal-right-text {\n font-size: 32px;\n /* line-height: 32px; */\n}\n\n.single-line-text {\n /* color: #8a8a8f;\n font-size: 24px;\n line-height: 34px; */\n}\n\n/* arrow */\n.arrow-wrapper {\n padding-left: 20px;\n}\n\n.cell-arrow-icon {\n width: 22px;\n height: 22px;\n}\n\n.midea-swipe-cell__right {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n background-color: #ff3b30;\n font-size: 32px;\n color: #ffffff;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64.js')\nconst modal = weex.requireModule('modal')\nconst dom = weex.requireModule('dom')\nimport DofIconfont from '../dof-iconfont'\nimport ColmoMixin from '../../mixins/colmo'\nexport default {\n mixins: [ColmoMixin],\n components: { DofIconfont },\n props: {\n special: {\n type: Boolean,\n default: false\n },\n label: {\n type: String,\n default: ''\n },\n isHighlight: {\n type: Boolean,\n default: true\n },\n title: {\n type: String,\n default: ''\n },\n tag: {\n type: String,\n default: ''\n },\n extraContent: {\n type: String,\n default: ''\n },\n desc: {\n type: String,\n default: ''\n },\n hasTextTip: {\n type: Boolean,\n default: false\n },\n badgeNum: {\n type: [Number, String],\n default: 0\n },\n badgeMax: {\n type: Number,\n default: 0\n },\n badgeTheme: {\n type: String,\n default: 'red'\n },\n badgeColor: {\n type: String,\n default: ''\n },\n hasDot: {\n type: Boolean,\n default: false\n },\n avatarIcon: {\n type: String,\n default: ''\n },\n // 使用字体图标\n avatarIconFont: {\n type: String,\n default: ''\n },\n iconSize: {\n type: String,\n default: 'big'\n },\n cellStyle: {\n type: Object,\n default: () => ({})\n },\n rightTextStyle: {\n type: Object,\n default: () => ({})\n },\n backgroundColor: {\n type: String,\n default: ''\n },\n textColor: {\n type: String,\n default: ''\n },\n iconColor: {\n type: String,\n default: ''\n },\n hasTopBorder: {\n type: Boolean,\n default: false\n },\n hasTopSubBorder: {\n type: Boolean,\n default: false\n },\n hasBottomBorder: {\n type: Boolean,\n default: false\n },\n hasSubTopBorder: {\n type: Boolean,\n default: false\n },\n hasSubBottomBorder: {\n type: Boolean,\n default: false\n },\n hasMargin: {\n type: Boolean,\n default: false\n },\n hasVerticalIndent: {\n type: Boolean,\n default: true\n },\n hasArrow: {\n type: Boolean,\n default: true\n },\n rightText: {\n type: String,\n default: ''\n },\n rightTip: {\n type: String,\n default: ''\n },\n disabled: {\n type: Boolean,\n default: false\n },\n autoAccessible: {\n type: Boolean,\n default: true\n },\n fakeBorderStyle: {\n type: Object,\n default: () => ({})\n },\n titleTextStyle: {\n type: Object,\n default: () => ({})\n },\n descTextStyle: {\n type: Object,\n default: () => ({})\n }\n },\n data: () => ({\n arrowIcon: icon.arrowIconNew,\n offset: 0,\n dragging: false,\n badgeThemeList: {\n brand: '#267aff',\n red: '#ff3b30',\n purple: '#995efc',\n 'blue-purple': '#6575ff',\n blue: '#29c3ff',\n cyan: '#00cbb8',\n yellow: '#ffaa10',\n orange: '#ff8225',\n 'orange-red': '#ff6a4c',\n 'gray-offline': '#7c879b'\n }\n }),\n\n computed: {\n _backgroundColor() {\n if (this.backgroundColor) return this.backgroundColor\n return this._isColmo ? '#1d1f22' : '#ffffff'\n },\n _borderColor() {\n return this._isColmo ? '#343639' : '#f2f2f2'\n },\n useFakeBorder() {\n return JSON.stringify(this.fakeBorderStyle) !== '{}'\n },\n // cell样式\n cellStyleComp() {\n const { cellStyle, _backgroundColor } = this\n return {\n backgroundColor: _backgroundColor,\n ...cellStyle\n }\n },\n dotNum() {\n let { badgeNum, badgeMax } = this\n let value = ''\n let curContent = Number(badgeNum)\n if (badgeMax && curContent >= badgeMax) {\n value = `${badgeMax}+`\n } else {\n value = badgeNum\n }\n return value\n },\n //处理特殊类型cell高度问题\n innerCellHeightComp() {\n const { special, desc } = this\n if (special && desc) {\n return {\n minHeight: '200px',\n paddingTop: '32px'\n }\n }\n return ''\n },\n // 文字样式颜色\n textColorComp() {\n const { textColor } = this\n if (textColor) {\n return {\n color: textColor\n }\n } else {\n return {}\n }\n },\n titleStyleComp() {\n const { textColor, titleTextStyle } = this\n if (textColor) {\n return {\n color: textColor,\n ...titleTextStyle\n }\n } else {\n return {\n ...titleTextStyle\n }\n }\n },\n descStyleComp() {\n const { textColor, descTextStyle } = this\n if (textColor) {\n return {\n color: textColor,\n ...descTextStyle\n }\n } else {\n return {\n ...descTextStyle\n }\n }\n },\n avatarIconBgSizeComp() {\n let { iconSize, iconColor } = this\n if (iconSize === 'max') {\n return {\n width: '96px',\n height: '96px',\n borderRadius: '48px',\n marginTop: '32px',\n marginBottom: '32px',\n backgroundColor: iconColor ? iconColor : 'transparent'\n }\n } else if (iconSize === 'medium') {\n return {\n width: '64px',\n height: '64px',\n borderRadius: '32px',\n marginTop: '52px',\n marginBottom: '52px',\n backgroundColor: iconColor ? iconColor : 'transparent'\n }\n } else if (iconSize === 'min') {\n return {\n width: '40px',\n height: '40px',\n borderRadius: '20px',\n marginTop: '32px',\n marginBottom: '32px',\n backgroundColor: iconColor ? iconColor : 'transparent'\n }\n } else {\n return {\n width: '64px',\n height: '64px',\n borderRadius: '32px',\n marginTop: '48px',\n marginBottom: '48px',\n backgroundColor: iconColor ? iconColor : 'transparent'\n }\n }\n },\n avatarIconSizeComp() {\n let { iconSize } = this\n if (iconSize === 'max') {\n return {\n width: '96px',\n height: '96px'\n }\n } else if (iconSize === 'medium') {\n return {\n width: '64px',\n height: '64px'\n }\n } else if (iconSize === 'min') {\n return {\n width: '24px',\n height: '24px'\n }\n } else {\n return {\n width: '48px',\n height: '48px'\n }\n }\n },\n avatarIconFontSize() {\n let { iconSize } = this\n if (iconSize === 'max') {\n return 80\n } else if (iconSize === 'medium') {\n return 40\n } else if (iconSize === 'min') {\n return 24\n } else {\n return 64\n }\n },\n rightTextStyleComp() {\n const { textColor, rightTextStyle, avatarIcon, iconSize } = this\n if (textColor) {\n return {\n color: textColor,\n ...rightTextStyle\n }\n } else {\n return {\n ...rightTextStyle\n }\n }\n },\n hackMrgb1pxcom() {\n let { hasSubBottomBorder, hasBottomBorder } = this\n return hasSubBottomBorder || hasBottomBorder ? true : false\n },\n borderStyleComp() {\n let {\n cellStyle: { borderColor = null },\n hasTopBorder,\n hasBottomBorder\n } = this\n if (borderColor) {\n if (hasTopBorder) {\n return {\n borderTopWidth: '1px',\n borderTopColor: borderColor\n }\n } else if (hasBottomBorder) {\n return {\n borderBottomWidth: '1px',\n borderBottomColor: borderColor\n }\n } else {\n return {}\n }\n } else {\n if (hasTopBorder) {\n return {\n borderTopWidth: '1px',\n borderTopColor: this._borderColor\n }\n } else if (hasBottomBorder) {\n return {\n borderBottomWidth: '1px',\n borderBottomColor: this._borderColor\n }\n } else {\n return {}\n }\n }\n },\n subBorderStyleComp() {\n let {\n cellStyle: { borderColor = null },\n hasSubTopBorder,\n hasSubBottomBorder\n } = this\n if (borderColor) {\n if (hasSubTopBorder) {\n return {\n borderTopWidth: '1px',\n borderTopColor: borderColor\n }\n } else if (hasSubBottomBorder) {\n return {\n borderBottomWidth: '1px',\n borderBottomColor: borderColor\n }\n } else {\n return {}\n }\n } else {\n if (hasSubTopBorder) {\n return {\n borderTopWidth: '1px',\n borderTopColor: this._borderColor\n }\n } else if (hasSubBottomBorder) {\n return {\n borderBottomWidth: '1px',\n borderBottomColor: this._borderColor\n }\n } else {\n return {}\n }\n }\n },\n badgeStyle() {\n let { badgeTheme, badgeThemeList, badgeColor } = this\n return {\n backgroundColor: badgeColor ? badgeColor : badgeThemeList[badgeTheme]\n }\n },\n // 底部border样式\n fakeBorderStyleRender() {\n return {\n backgroundColor: this._isColmo ? '#343639' : '#F2F2F2',\n ...this.fakeBorderStyle\n }\n }\n },\n methods: {\n onClick() {\n const { disabled } = this\n !disabled && this.$emit('dofCellClicked')\n },\n dofRightTipClicked() {\n const { rightTip } = this\n rightTip && this.$emit('dofRightTipClicked')\n }\n }\n}\n</script>\n",null],"sourceRoot":""}]);
|
|
8869
|
+
exports.push([module.i, "\n.wrapper[data-v-722c555d] {\n /*hairong add for swipe*/\n overflow: hidden;\n position: relative;\n /* end by hairong*/\n /* 解决安卓渲染间隔问题 */\n /* margin-bottom: -1px; */\n /* padding-bottom: -1px; */\n}\n.fake-border[data-v-722c555d] {\n /* width: 750px; */\n height: 1px;\n position: absolute;\n bottom: 1px;\n left: 0;\n /* background-color: #f2f2f2; */\n}\n.cell-margin[data-v-722c555d] {\n margin-bottom: 0.21333rem;\n}\n.dof-cell-highlight[data-v-722c555d]:active {\n background-color: #f5f5f5;\n}\n.dof-cell[data-v-722c555d] {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n /* align-items: center; */\n}\n.cell-wrapper[data-v-722c555d] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n}\n.mgb-1[data-v-722c555d] {\n margin-bottom: 1px;\n}\n.cell-disabled-opacity[data-v-722c555d] {\n opacity: 0.3;\n}\n.cell-abled-opacity[data-v-722c555d] {\n opacity: 1;\n}\n\n/* left部分 */\n.left[data-v-722c555d] {\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n /* border-width: 1px; */\n}\n.img-wrapper[data-v-722c555d] {\n}\n.circle-bg[data-v-722c555d] {\n margin-left: 0.42667rem;\n /* width: 96px;\n height: 96px; */\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\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 overflow: hidden;\n}\n.text-dot-tip[data-v-722c555d] {\n width: 0.21333rem;\n height: 0.21333rem;\n border-radius: 0.13333rem;\n background-color: #ff3b30;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n text-align: center;\n margin-left: 0.29333rem;\n}\n.dot-tip[data-v-722c555d] {\n position: absolute;\n top: 0.45333rem;\n right: 0px;\n width: 0.21333rem;\n height: 0.21333rem;\n border-radius: 0.13333rem;\n background-color: #ff3b30;\n}\n.dot-num-tip[data-v-722c555d] {\n position: absolute;\n font-size: 0.32rem;\n top: 0.45333rem;\n right: 0.21333rem;\n /* transform: translate(50%, 0); */\n border-radius: 1.33333rem;\n /* border-width: 1px;\n border-color: #ffffff; */\n background-color: #ff3b30;\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 padding-left: 0.10667rem;\n padding-right: 0.10667rem;\n line-height: 1;\n}\n.dot-num-tip-text[data-v-722c555d] {\n font-size: 0.32rem;\n color: #ffffff;\n}\n.left-img[data-v-722c555d] {\n /* width: 64px;\n height: 64px; */\n}\n.main-container[data-v-722c555d] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\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 /* padding: 0 0px 0 32px; */\n margin-left: 0.42667rem;\n overflow: hidden;\n\n /* border-width: 1px;\n border-color: red; */\n}\n.Dotleft32[data-v-722c555d] {\n margin-left: 0.42667rem;\n}\n.Dotright32[data-v-722c555d] {\n margin-right: 0.42667rem;\n}\n.notDot[data-v-722c555d] {\n margin-left: 0px;\n}\n.dotRight[data-v-722c555d] {\n right: 0.42667rem;\n}\n\n/* label */\n.cell-label-text[data-v-722c555d] {\n font-size: 0.4rem;\n color: #666666;\n width: 2.50667rem;\n margin-right: 0.13333rem;\n}\n\n/* middle部分 */\n.middle[data-v-722c555d] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n min-height: 1.38667rem;\n overflow: hidden;\n /* margin-right: 32px; */\n /* border-width: 1px;\n border-color: blue; */\n}\n.has-desc[data-v-722c555d] {\n min-height: 2.13333rem;\n /* padding-top: 26px; */\n /* margin-bottom: 2px; */\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n}\n.no-desc[data-v-722c555d] {\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n}\n.cell-title-wrapper[data-v-722c555d] {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n margin-right: 0.53333rem;\n overflow: hidden;\n}\n.cell-title-content[data-v-722c555d] {\n /* flex: 1; */\n /* max-width: 400px; */\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\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: stretch;\n -webkit-justify-content: stretch;\n justify-content: stretch;\n /* border-width: 1px;\n border-color: orange; */\n overflow: hidden;\n}\n.title-flex-expand[data-v-722c555d] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n}\n.cell-title[data-v-722c555d] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\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 /* justify-content: flex-start; */\n}\n.avatar-icon[data-v-722c555d] {\n width: 0.53333rem;\n height: 0.53333rem;\n border-radius: 0.26667rem;\n margin-right: 0.32rem;\n}\n.cell-title-text[data-v-722c555d] {\n font-family: PingFangSC-Regular;\n font-size: 0.42667rem;\n /* line-height: 32px; */\n color: #000000;\n lines: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n}\n\n/* tag */\n.cell-title-tag[data-v-722c555d] {\n width: 1.17333rem;\n height: 0.64rem;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n text-align: center;\n background-color: #f2f2f2;\n border-radius: 0.32rem;\n margin-left: 0.24rem;\n}\n.cell-title-tag-text[data-v-722c555d] {\n font-family: PingFangSC-Medium;\n font-size: 0.32rem;\n color: #666666;\n /* line-height: 24px; */\n}\n\n/* desc */\n.cell-desc-wrapper[data-v-722c555d] {\n /* flex: 1; */\n margin-top: 0.21333rem;\n /* border-width: 1px;\n border-color: tomato; */\n /* padding-bottom: 30px; */\n /* min-height: 36px; */\n}\n.margin-top-24[data-v-722c555d] {\n margin-top: 0.24rem;\n}\n.cell-desc[data-v-722c555d] {\n /* border-width: 1px;\n border-color: aqua; */\n}\n.cell-desc-text[data-v-722c555d] {\n font-family: PingFangSC-Regular;\n color: #8a8a8f;\n font-size: 0.32rem;\n /* line-height: 36px; */\n /* desc和title的间距 */\n /* margin-top: 4px; */\n /* margin-right: 30px; */\n /* 文字超出设置 */\n lines: 2;\n text-overflow: ellipsis;\n overflow: hidden;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n}\n\n/* 右部 */\n.right-tip-wrapper[data-v-722c555d] {\n padding: 0.53333rem 0.42667rem 0 0;\n /* border-width: 1px; */\n}\n.space-gap[data-v-722c555d] {\n margin-left: 1.22667rem;\n}\n.right-tip-text[data-v-722c555d] {\n font-family: PingFangSC-Regular;\n color: #8a8a8f;\n font-size: 0.32rem;\n /* line-height: 24px; */\n text-align: right;\n}\n.right[data-v-722c555d] {\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 padding-right: 0.42667rem;\n padding-left: 0.42667rem;\n}\n.has-no-padding-left[data-v-722c555d] {\n padding-right: 0;\n padding-left: 0;\n}\n.right-text-wrapper[data-v-722c555d] {\n /* 文字距离图标间隔 */\n /* margin-left: 80px;\n border-width: 1px;\n border-color: greenyellow; */\n}\n.right-text[data-v-722c555d] {\n font-family: PingFangSC-Regular;\n color: #666666;\n font-size: 0.37333rem;\n /* line-height: 28px; */\n letter-spacing: 0;\n text-align: right;\n}\n.normal-right-text[data-v-722c555d] {\n font-size: 0.42667rem;\n /* line-height: 32px; */\n}\n.single-line-text[data-v-722c555d] {\n /* color: #8a8a8f;\n font-size: 24px;\n line-height: 34px; */\n}\n\n/* arrow */\n.arrow-wrapper[data-v-722c555d] {\n padding-left: 0.26667rem;\n}\n.cell-arrow-icon[data-v-722c555d] {\n width: 0.29333rem;\n height: 0.29333rem;\n}\n.midea-swipe-cell__right[data-v-722c555d] {\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-flex-wrap: nowrap;\n flex-wrap: nowrap;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n background-color: #ff3b30;\n font-size: 0.42667rem;\n color: #ffffff;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-cell/index.vue?2ef45061","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-cell/<no source>"],"names":[],"mappings":";AAsIA;EACA,yBAAA;EACA,iBAAA;EACA,mBAAA;EACA,oBAAA;EACA,gBAAA;EACA,0BAAA;EACA,2BAAA;CACA;AAEA;EACA,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,YAAA;EACA,QAAA;EACA,gCAAA;CACA;AAEA;EACA,0BAAA;CACA;AAEA;EACA,0BAAA;CACA;AAEA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,0BAAA;CACA;AACA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;CACA;AAEA;EACA,mBAAA;CACA;AAEA;EACA,aAAA;CACA;AAEA;EACA,WAAA;CACA;;AAEA,YAAA;AACA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,wBAAA;CACA;AAEA;CACA;AAEA;EACA,wBAAA;EACA;kBACA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,iBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;EACA,0BAAA;EACA,0BAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,mBAAA;EACA,wBAAA;CACA;AAEA;EACA,mBAAA;EACA,gBAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,0BAAA;EACA,0BAAA;CACA;AAEA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;EACA,kBAAA;EACA,mCAAA;EACA,0BAAA;EACA;2BACA;EACA,0BAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,yBAAA;EACA,0BAAA;EACA,eAAA;CACA;AAEA;EACA,mBAAA;EACA,eAAA;CACA;AAEA;EACA;kBACA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,4BAAA;EACA,wBAAA;EACA,iBAAA;;EAEA;uBACA;CACA;AAEA;EACA,wBAAA;CACA;AAEA;EACA,yBAAA;CACA;AAEA;EACA,iBAAA;CACA;AAEA;EACA,kBAAA;CACA;;AAEA,WAAA;AACA;EACA,kBAAA;EACA,eAAA;EACA,kBAAA;EACA,yBAAA;CACA;;AAEA,cAAA;AACA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,uBAAA;EACA,iBAAA;EACA,yBAAA;EACA;wBACA;CACA;AAEA;EACA,uBAAA;EACA,wBAAA;EACA,yBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AAEA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EACA,iBAAA;CACA;AAEA;EACA,cAAA;EACA,uBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,iCAAA;UAAA,yBAAA;EACA;0BACA;EACA,iBAAA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,kCAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;EACA,0BAAA;EACA,sBAAA;CACA;AAEA;EACA,gCAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,SAAA;EACA,wBAAA;EACA,iBAAA;EC9VA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CD+VA;;AAEA,SAAA;AAEA;EACA,kBAAA;EACA,gBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,mBAAA;EACA,0BAAA;EACA,uBAAA;EACA,qBAAA;CACA;AAEA;EACA,+BAAA;EACA,mBAAA;EACA,eAAA;EACA,wBAAA;CACA;;AAEA,UAAA;AACA;EACA,cAAA;EACA,uBAAA;EACA;0BACA;EACA,2BAAA;EACA,uBAAA;CACA;AAEA;EACA,oBAAA;CACA;AAEA;EACA;wBACA;CACA;AAEA;EACA,gCAAA;EACA,eAAA;EACA,mBAAA;EACA,wBAAA;EACA,mBAAA;EACA,sBAAA;EACA,yBAAA;EACA,YAAA;EACA,SAAA;EACA,wBAAA;EACA,iBAAA;ECnZA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDoZA;;AAEA,QAAA;AACA;EACA,mCAAA;EACA,wBAAA;CACA;AAEA;EACA,wBAAA;CACA;AAEA;EACA,gCAAA;EACA,eAAA;EACA,mBAAA;EACA,wBAAA;EACA,kBAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EACA,yBAAA;CACA;AAEA;EACA,iBAAA;EACA,gBAAA;CACA;AAEA;EACA,cAAA;EACA;;+BAEA;CACA;AAEA;EACA,gCAAA;EACA,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,kBAAA;EACA,kBAAA;CACA;AAEA;EACA,sBAAA;EACA,wBAAA;CACA;AAEA;EACA;;uBAEA;CACA;;AAEA,WAAA;AACA;EACA,yBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;UAAA,kBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EACA,sBAAA;EACA,eAAA;CACA","file":"index.vue","sourcesContent":["<template>\n <div :class=\"['wrapper', hasMargin && 'cell-margin']\" ref=\"dof-cell\" :style=\"cellStyleComp\">\n <div :class=\"['cell-wrapper', disabled ? 'cell-disabled-opacity' : 'cell-abled-opacity']\">\n <div\n :class=\"['dof-cell', hackMrgb1pxcom && 'mgb-1', !disabled && isHighlight && 'dof-cell-highlight']\"\n :style=\"borderStyleComp\"\n :accessible=\"autoAccessible\"\n :aria-label=\"`${label},${title},${desc}`\"\n @click=\"onClick\"\n >\n <slot>\n <!-- left -->\n <div class=\"left img-wrapper\" v-if=\"avatarIcon || avatarIconFont\">\n <div\n v-if=\"avatarIcon\"\n class=\"img-container circle-bg\"\n :class=\"[badgeNum && 'Dotright32']\"\n :style=\"avatarIconBgSizeComp\"\n >\n <slot name=\"leftImg\">\n <image class=\"left-img\" :src=\"avatarIcon\" :style=\"avatarIconSizeComp\"></image>\n </slot>\n </div>\n <div v-if=\"avatarIconFont\" class=\"circle-bg\">\n <dof-iconfont\n :code=\"avatarIconFont\"\n :size=\"avatarIconFontSize\"\n :color=\"_isColmo ? 'rgba(255,255,255,0.80)' : '#333333'\"\n ></dof-iconfont>\n </div>\n\n <div class=\"dot-tip\" v-if=\"hasDot\" :class=\"[badgeNum && 'dotRight']\" :style=\"badgeStyle\"></div>\n <div class=\"dot-num-tip\" v-else-if=\"badgeNum\" :style=\"badgeStyle\">\n <text class=\"dot-num-tip-text\">{{ dotNum }}</text>\n </div>\n </div>\n\n <!-- middle -->\n <div\n :class=\"['main-container', hasVerticalIndent && 'cell-indent', badgeNum && 'notDot']\"\n :style=\"subBorderStyleComp\"\n >\n <slot name=\"label\">\n <div v-if=\"label\">\n <text class=\"cell-label-text\" :style=\"textColorComp\">{{ label }}</text>\n </div>\n </slot>\n <div :class=\"['middle', desc ? 'has-desc' : 'no-desc']\" :style=\"innerCellHeightComp\">\n <slot name=\"middle\">\n <div class=\"cell-title-wrapper\">\n <div :class=\"['cell-title-content', !tag && 'title-flex-expand']\">\n <div :class=\"['cell-title']\">\n <text :class=\"['cell-title-text', !hasTextTip && 'title-flex-expand']\" :style=\"titleStyleComp\">{{\n title\n }}</text>\n <div class=\"text-dot-tip\" v-if=\"hasTextTip\"></div>\n </div>\n </div>\n\n <slot name=\"tag\">\n <div\n class=\"cell-title-tag\"\n v-if=\"tag\"\n :style=\"{\n backgroundColor: iconColor ? iconColor : '#f2f2f2'\n }\"\n >\n <text class=\"cell-title-tag-text\">{{ tag }}</text>\n </div>\n </slot>\n </div>\n <div :class=\"['cell-desc-wrapper', !tag && !_isColmo && 'margin-top-24']\" v-if=\"desc\">\n <slot name=\"desc\">\n <div class=\"cell-desc\">\n <text class=\"cell-desc-text\" :style=\"descStyleComp\">{{ desc }}</text>\n </div>\n </slot>\n </div>\n </slot>\n </div>\n <!-- right -->\n <div :class=\"['right', rightTip && 'has-no-padding-left']\">\n <slot name=\"rightText\">\n <div class=\"right-text-wrapper\" v-if=\"rightText\">\n <text\n :class=\"[\n 'right-text',\n !avatarIcon && 'single-line-text',\n avatarIcon && iconSize === 'big' && 'normal-right-text'\n ]\"\n :style=\"rightTextStyleComp\"\n >{{ rightText }}</text\n >\n </div>\n </slot>\n <text class=\"extra-content-text\" :style=\"textColorComp\" v-if=\"extraContent\">{{ extraContent }}</text>\n <!-- 开关 -->\n <slot name=\"switch\"></slot>\n\n <div class=\"arrow-wrapper\" v-if=\"hasArrow\">\n <slot name=\"arrow\">\n <dof-iconfont\n style=\"width: 34px\"\n v-if=\"_isColmo\"\n :code=\"'\\u4713'\"\n :size=\"48\"\n :color=\"'rgba(255,255,255,0.80)'\"\n ></dof-iconfont>\n <image v-else :src=\"arrowIcon\" class=\"cell-arrow-icon\" :aria-hidden=\"true\"></image>\n </slot>\n </div>\n </div>\n </div>\n <div\n :class=\"[\n 'right-tip-wrapper',\n hasTopSubBorder && 'cell-top-border',\n hasSubBottomBorder && 'cell-bottom-border',\n special && 'space-gap'\n ]\"\n v-if=\"rightTip\"\n >\n <slot name=\"rightTip\">\n <text class=\"right-tip-text\" @click=\"dofRightTipClicked\">{{ rightTip }}</text>\n </slot>\n </div>\n </slot>\n </div>\n </div>\n <div v-if=\"useFakeBorder\" class=\"fake-border\" :style=\"fakeBorderStyleRender\"></div>\n </div>\n</template>\n\n<style scoped>\n.wrapper {\n /*hairong add for swipe*/\n overflow: hidden;\n position: relative;\n /* end by hairong*/\n /* 解决安卓渲染间隔问题 */\n /* margin-bottom: -1px; */\n /* padding-bottom: -1px; */\n}\n\n.fake-border {\n /* width: 750px; */\n height: 1px;\n position: absolute;\n bottom: 1px;\n left: 0;\n /* background-color: #f2f2f2; */\n}\n\n.cell-margin {\n margin-bottom: 16px;\n}\n\n.dof-cell-highlight:active {\n background-color: #f5f5f5;\n}\n\n.dof-cell {\n display: flex;\n flex-direction: row;\n flex: 1;\n /* align-items: center; */\n}\n.cell-wrapper {\n flex: 1;\n}\n\n.mgb-1 {\n margin-bottom: 1px;\n}\n\n.cell-disabled-opacity {\n opacity: 0.3;\n}\n\n.cell-abled-opacity {\n opacity: 1;\n}\n\n/* left部分 */\n.left {\n justify-content: center;\n /* border-width: 1px; */\n}\n\n.img-wrapper {\n}\n\n.circle-bg {\n margin-left: 32px;\n /* width: 96px;\n height: 96px; */\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n}\n\n.text-dot-tip {\n width: 16px;\n height: 16px;\n border-radius: 10px;\n background-color: #ff3b30;\n justify-content: center;\n align-items: center;\n text-align: center;\n margin-left: 22px;\n}\n\n.dot-tip {\n position: absolute;\n top: 34px;\n right: 0px;\n width: 16px;\n height: 16px;\n border-radius: 10px;\n background-color: #ff3b30;\n}\n\n.dot-num-tip {\n position: absolute;\n font-size: 24px;\n top: 34px;\n right: 16px;\n /* transform: translate(50%, 0); */\n border-radius: 100px;\n /* border-width: 1px;\n border-color: #ffffff; */\n background-color: #ff3b30;\n align-items: center;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n line-height: 1;\n}\n\n.dot-num-tip-text {\n font-size: 24px;\n color: #ffffff;\n}\n\n.left-img {\n /* width: 64px;\n height: 64px; */\n}\n\n.main-container {\n flex: 1;\n flex-direction: row;\n align-items: center;\n /* padding: 0 0px 0 32px; */\n margin-left: 32px;\n overflow: hidden;\n\n /* border-width: 1px;\n border-color: red; */\n}\n\n.Dotleft32 {\n margin-left: 32px;\n}\n\n.Dotright32 {\n margin-right: 32px;\n}\n\n.notDot {\n margin-left: 0px;\n}\n\n.dotRight {\n right: 32px;\n}\n\n/* label */\n.cell-label-text {\n font-size: 30px;\n color: #666666;\n width: 188px;\n margin-right: 10px;\n}\n\n/* middle部分 */\n.middle {\n flex: 1;\n min-height: 104px;\n overflow: hidden;\n /* margin-right: 32px; */\n /* border-width: 1px;\n border-color: blue; */\n}\n\n.has-desc {\n min-height: 160px;\n /* padding-top: 26px; */\n /* margin-bottom: 2px; */\n justify-content: center;\n}\n\n.no-desc {\n justify-content: center;\n}\n\n.cell-title-wrapper {\n flex-direction: row;\n margin-right: 40px;\n overflow: hidden;\n}\n\n.cell-title-content {\n /* flex: 1; */\n /* max-width: 400px; */\n flex: 1;\n flex-direction: row;\n align-items: center;\n justify-content: stretch;\n /* border-width: 1px;\n border-color: orange; */\n overflow: hidden;\n}\n\n.title-flex-expand {\n flex: 1;\n}\n\n.cell-title {\n flex: 1;\n flex-direction: row;\n align-items: center;\n /* justify-content: flex-start; */\n}\n\n.avatar-icon {\n width: 40px;\n height: 40px;\n border-radius: 20px;\n margin-right: 24px;\n}\n\n.cell-title-text {\n font-family: PingFangSC-Regular;\n font-size: 32px;\n /* line-height: 32px; */\n color: #000000;\n lines: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n/* tag */\n\n.cell-title-tag {\n width: 88px;\n height: 48px;\n justify-content: center;\n align-items: center;\n text-align: center;\n background-color: #f2f2f2;\n border-radius: 24px;\n margin-left: 18px;\n}\n\n.cell-title-tag-text {\n font-family: PingFangSC-Medium;\n font-size: 24px;\n color: #666666;\n /* line-height: 24px; */\n}\n\n/* desc */\n.cell-desc-wrapper {\n /* flex: 1; */\n margin-top: 16px;\n /* border-width: 1px;\n border-color: tomato; */\n /* padding-bottom: 30px; */\n /* min-height: 36px; */\n}\n\n.margin-top-24 {\n margin-top: 18px;\n}\n\n.cell-desc {\n /* border-width: 1px;\n border-color: aqua; */\n}\n\n.cell-desc-text {\n font-family: PingFangSC-Regular;\n color: #8a8a8f;\n font-size: 24px;\n /* line-height: 36px; */\n /* desc和title的间距 */\n /* margin-top: 4px; */\n /* margin-right: 30px; */\n /* 文字超出设置 */\n lines: 2;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n/* 右部 */\n.right-tip-wrapper {\n padding: 40px 32px 0 0;\n /* border-width: 1px; */\n}\n\n.space-gap {\n margin-left: 92px;\n}\n\n.right-tip-text {\n font-family: PingFangSC-Regular;\n color: #8a8a8f;\n font-size: 24px;\n /* line-height: 24px; */\n text-align: right;\n}\n\n.right {\n flex-direction: row;\n align-items: center;\n padding-right: 32px;\n padding-left: 32px;\n}\n\n.has-no-padding-left {\n padding-right: 0;\n padding-left: 0;\n}\n\n.right-text-wrapper {\n /* 文字距离图标间隔 */\n /* margin-left: 80px;\n border-width: 1px;\n border-color: greenyellow; */\n}\n\n.right-text {\n font-family: PingFangSC-Regular;\n color: #666666;\n font-size: 28px;\n /* line-height: 28px; */\n letter-spacing: 0;\n text-align: right;\n}\n\n.normal-right-text {\n font-size: 32px;\n /* line-height: 32px; */\n}\n\n.single-line-text {\n /* color: #8a8a8f;\n font-size: 24px;\n line-height: 34px; */\n}\n\n/* arrow */\n.arrow-wrapper {\n padding-left: 20px;\n}\n\n.cell-arrow-icon {\n width: 22px;\n height: 22px;\n}\n\n.midea-swipe-cell__right {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n background-color: #ff3b30;\n font-size: 32px;\n color: #ffffff;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64.js')\nconst modal = weex.requireModule('modal')\nconst dom = weex.requireModule('dom')\nimport DofIconfont from '../dof-iconfont'\nimport ColmoMixin from '../../mixins/colmo'\nexport default {\n mixins: [ColmoMixin],\n components: { DofIconfont },\n props: {\n special: {\n type: Boolean,\n default: false\n },\n label: {\n type: String,\n default: ''\n },\n isHighlight: {\n type: Boolean,\n default: true\n },\n title: {\n type: String,\n default: ''\n },\n tag: {\n type: String,\n default: ''\n },\n extraContent: {\n type: String,\n default: ''\n },\n desc: {\n type: String,\n default: ''\n },\n hasTextTip: {\n type: Boolean,\n default: false\n },\n badgeNum: {\n type: [Number, String],\n default: 0\n },\n badgeMax: {\n type: Number,\n default: 0\n },\n badgeTheme: {\n type: String,\n default: 'red'\n },\n badgeColor: {\n type: String,\n default: ''\n },\n hasDot: {\n type: Boolean,\n default: false\n },\n avatarIcon: {\n type: String,\n default: ''\n },\n // 使用字体图标\n avatarIconFont: {\n type: String,\n default: ''\n },\n iconSize: {\n type: String,\n default: 'big'\n },\n cellStyle: {\n type: Object,\n default: () => ({})\n },\n rightTextStyle: {\n type: Object,\n default: () => ({})\n },\n backgroundColor: {\n type: String,\n default: ''\n },\n textColor: {\n type: String,\n default: ''\n },\n iconColor: {\n type: String,\n default: ''\n },\n hasTopBorder: {\n type: Boolean,\n default: false\n },\n hasTopSubBorder: {\n type: Boolean,\n default: false\n },\n hasBottomBorder: {\n type: Boolean,\n default: false\n },\n hasSubTopBorder: {\n type: Boolean,\n default: false\n },\n hasSubBottomBorder: {\n type: Boolean,\n default: false\n },\n hasMargin: {\n type: Boolean,\n default: false\n },\n hasVerticalIndent: {\n type: Boolean,\n default: true\n },\n hasArrow: {\n type: Boolean,\n default: true\n },\n rightText: {\n type: String,\n default: ''\n },\n rightTip: {\n type: String,\n default: ''\n },\n disabled: {\n type: Boolean,\n default: false\n },\n autoAccessible: {\n type: Boolean,\n default: true\n },\n fakeBorderStyle: {\n type: Object,\n default: () => ({})\n },\n titleTextStyle: {\n type: Object,\n default: () => ({})\n },\n descTextStyle: {\n type: Object,\n default: () => ({})\n }\n },\n data: () => ({\n arrowIcon: icon.arrowIconNew,\n offset: 0,\n dragging: false,\n badgeThemeList: {\n brand: '#267aff',\n red: '#ff3b30',\n purple: '#995efc',\n 'blue-purple': '#6575ff',\n blue: '#29c3ff',\n cyan: '#00cbb8',\n yellow: '#ffaa10',\n orange: '#ff8225',\n 'orange-red': '#ff6a4c',\n 'gray-offline': '#7c879b'\n }\n }),\n\n computed: {\n _backgroundColor() {\n if (this.backgroundColor) return this.backgroundColor\n return this._isColmo ? '#1d1f22' : '#ffffff'\n },\n _borderColor() {\n return this._isColmo ? '#343639' : '#f2f2f2'\n },\n useFakeBorder() {\n return JSON.stringify(this.fakeBorderStyle) !== '{}'\n },\n // cell样式\n cellStyleComp() {\n const { cellStyle, _backgroundColor } = this\n return {\n backgroundColor: _backgroundColor,\n ...cellStyle\n }\n },\n dotNum() {\n let { badgeNum, badgeMax } = this\n let value = ''\n let curContent = Number(badgeNum)\n if (badgeMax && curContent >= badgeMax) {\n value = `${badgeMax}+`\n } else {\n value = badgeNum\n }\n return value\n },\n //处理特殊类型cell高度问题\n innerCellHeightComp() {\n const { special, desc } = this\n if (special && desc) {\n return {\n minHeight: '200px',\n paddingTop: '32px'\n }\n }\n return ''\n },\n // 文字样式颜色\n textColorComp() {\n const { textColor } = this\n if (textColor) {\n return {\n color: textColor\n }\n } else {\n return {}\n }\n },\n titleStyleComp() {\n const { textColor, titleTextStyle } = this\n if (textColor) {\n return {\n color: textColor,\n ...titleTextStyle\n }\n } else {\n return {\n ...titleTextStyle\n }\n }\n },\n descStyleComp() {\n const { textColor, descTextStyle } = this\n if (textColor) {\n return {\n color: textColor,\n ...descTextStyle\n }\n } else {\n return {\n ...descTextStyle\n }\n }\n },\n avatarIconBgSizeComp() {\n let { iconSize, iconColor } = this\n if (iconSize === 'max') {\n return {\n width: '112px',\n height: '112px',\n borderRadius: '48px',\n marginTop: '16px',\n marginBottom: '16px',\n backgroundColor: iconColor ? iconColor : 'transparent'\n }\n } else if (iconSize === 'medium') {\n return {\n width: '76px',\n height: '76px',\n borderRadius: '32px',\n marginTop: '40px',\n marginBottom: '40px',\n backgroundColor: iconColor ? iconColor : 'transparent'\n }\n } else if (iconSize === 'min') {\n return {\n width: '40px',\n height: '40px',\n borderRadius: '20px',\n marginTop: '32px',\n marginBottom: '32px',\n backgroundColor: iconColor ? iconColor : 'transparent'\n }\n } else {\n return {\n width: '64px',\n height: '64px',\n borderRadius: '32px',\n marginTop: '48px',\n marginBottom: '48px',\n backgroundColor: iconColor ? iconColor : 'transparent'\n }\n }\n },\n avatarIconSizeComp() {\n let { iconSize } = this\n if (iconSize === 'max') {\n return {\n width: '96px',\n height: '96px'\n }\n } else if (iconSize === 'medium') {\n return {\n width: '64px',\n height: '64px'\n }\n } else if (iconSize === 'min') {\n return {\n width: '24px',\n height: '24px'\n }\n } else {\n return {\n width: '48px',\n height: '48px'\n }\n }\n },\n avatarIconFontSize() {\n let { iconSize } = this\n if (iconSize === 'max') {\n return 80\n } else if (iconSize === 'medium') {\n return 40\n } else if (iconSize === 'min') {\n return 24\n } else {\n return 64\n }\n },\n rightTextStyleComp() {\n const { textColor, rightTextStyle, avatarIcon, iconSize } = this\n if (textColor) {\n return {\n color: textColor,\n ...rightTextStyle\n }\n } else {\n return {\n ...rightTextStyle\n }\n }\n },\n hackMrgb1pxcom() {\n let { hasSubBottomBorder, hasBottomBorder } = this\n return hasSubBottomBorder || hasBottomBorder ? true : false\n },\n borderStyleComp() {\n let {\n cellStyle: { borderColor = null },\n hasTopBorder,\n hasBottomBorder\n } = this\n if (borderColor) {\n if (hasTopBorder) {\n return {\n borderTopWidth: '1px',\n borderTopColor: borderColor\n }\n } else if (hasBottomBorder) {\n return {\n borderBottomWidth: '1px',\n borderBottomColor: borderColor\n }\n } else {\n return {}\n }\n } else {\n if (hasTopBorder) {\n return {\n borderTopWidth: '1px',\n borderTopColor: this._borderColor\n }\n } else if (hasBottomBorder) {\n return {\n borderBottomWidth: '1px',\n borderBottomColor: this._borderColor\n }\n } else {\n return {}\n }\n }\n },\n subBorderStyleComp() {\n let {\n cellStyle: { borderColor = null },\n hasSubTopBorder,\n hasSubBottomBorder\n } = this\n if (borderColor) {\n if (hasSubTopBorder) {\n return {\n borderTopWidth: '1px',\n borderTopColor: borderColor\n }\n } else if (hasSubBottomBorder) {\n return {\n borderBottomWidth: '1px',\n borderBottomColor: borderColor\n }\n } else {\n return {}\n }\n } else {\n if (hasSubTopBorder) {\n return {\n borderTopWidth: '1px',\n borderTopColor: this._borderColor\n }\n } else if (hasSubBottomBorder) {\n return {\n borderBottomWidth: '1px',\n borderBottomColor: this._borderColor\n }\n } else {\n return {}\n }\n }\n },\n badgeStyle() {\n let { badgeTheme, badgeThemeList, badgeColor } = this\n return {\n backgroundColor: badgeColor ? badgeColor : badgeThemeList[badgeTheme]\n }\n },\n // 底部border样式\n fakeBorderStyleRender() {\n return {\n backgroundColor: this._isColmo ? '#343639' : '#F2F2F2',\n ...this.fakeBorderStyle\n }\n }\n },\n methods: {\n onClick() {\n const { disabled } = this\n !disabled && this.$emit('dofCellClicked')\n },\n dofRightTipClicked() {\n const { rightTip } = this\n rightTip && this.$emit('dofRightTipClicked')\n }\n }\n}\n</script>\n",null],"sourceRoot":""}]);
|
|
8870
8870
|
|
|
8871
8871
|
// exports
|
|
8872
8872
|
|
|
@@ -9006,7 +9006,7 @@ exports = module.exports = __webpack_require__(0)(true);
|
|
|
9006
9006
|
|
|
9007
9007
|
|
|
9008
9008
|
// module
|
|
9009
|
-
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
|
|
9009
|
+
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 14>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 13>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 12>"],"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":""}]);
|
|
9010
9010
|
|
|
9011
9011
|
// exports
|
|
9012
9012
|
|
|
@@ -9188,7 +9188,7 @@ exports = module.exports = __webpack_require__(0)(true);
|
|
|
9188
9188
|
|
|
9189
9189
|
|
|
9190
9190
|
// module
|
|
9191
|
-
exports.push([module.i, "\n.dof-refresher[data-v-967e72fa] {\n height: 1.86667rem;\n width: 10rem;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n /* flex-wrap: nowrap; */\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n padding-top: 0.66667rem;\n}\n.cycle-container[data-v-967e72fa] {\n position: relative;\n width: 0.8rem;\n height: 0.8rem;\n}\n.u-cover[data-v-967e72fa] {\n position: absolute;\n width: 0.4rem;\n height: 0.8rem;\n top: 0;\n background-color: #ffffff;\n overflow: hidden;\n right: 0;\n}\n.c1[data-v-967e72fa] {\n z-index: 1;\n}\n.c2[data-v-967e72fa] {\n z-index: 2;\n -webkit-transform-origin: left center;\n transform-origin: left center;\n -webkit-transform: rotateZ(0deg);\n transform: rotateZ(0deg);\n}\n.u-cover-cycle[data-v-967e72fa] {\n position: absolute;\n width: 0.8rem;\n height: 0.8rem;\n right: 0;\n top: 0;\n /* box-sizing: border-box; */\n border-width: 0.02667rem;\n border-color: #666666;\n border-style: solid;\n border-radius: 0.4rem;\n opacity: 0;\n}\n.cover1[data-v-967e72fa] {\n opacity: 1;\n}\n.indicator[data-v-967e72fa] {\n /* margin-right: 20px; */\n height: 0.8rem;\n width: 0.8rem;\n color: #666666;\n}\n.arrow-down[data-v-967e72fa] {\n position: relative;\n top: 0.2rem;\n left: -0.6rem;\n width: 0.4rem;\n height: 0.4rem;\n border-width: 1px;\n}\n.u-txt[data-v-967e72fa] {\n font-size: 0.32rem;\n line-height: 0.53333rem;\n color: #999999;\n margin-top: 0.13333rem;\n margin-left: 0.13333rem;\n height: 0.53333rem;\n lines: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-refresher/index.vue?
|
|
9191
|
+
exports.push([module.i, "\n.dof-refresher[data-v-967e72fa] {\n height: 1.86667rem;\n width: 10rem;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n /* flex-wrap: nowrap; */\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n padding-top: 0.66667rem;\n}\n.cycle-container[data-v-967e72fa] {\n position: relative;\n width: 0.8rem;\n height: 0.8rem;\n}\n.u-cover[data-v-967e72fa] {\n position: absolute;\n width: 0.4rem;\n height: 0.8rem;\n top: 0;\n background-color: #ffffff;\n overflow: hidden;\n right: 0;\n}\n.c1[data-v-967e72fa] {\n z-index: 1;\n}\n.c2[data-v-967e72fa] {\n z-index: 2;\n -webkit-transform-origin: left center;\n transform-origin: left center;\n -webkit-transform: rotateZ(0deg);\n transform: rotateZ(0deg);\n}\n.u-cover-cycle[data-v-967e72fa] {\n position: absolute;\n width: 0.8rem;\n height: 0.8rem;\n right: 0;\n top: 0;\n /* box-sizing: border-box; */\n border-width: 0.02667rem;\n border-color: #666666;\n border-style: solid;\n border-radius: 0.4rem;\n opacity: 0;\n}\n.cover1[data-v-967e72fa] {\n opacity: 1;\n}\n.indicator[data-v-967e72fa] {\n /* margin-right: 20px; */\n height: 0.8rem;\n width: 0.8rem;\n color: #666666;\n}\n.arrow-down[data-v-967e72fa] {\n position: relative;\n top: 0.2rem;\n left: -0.6rem;\n width: 0.4rem;\n height: 0.4rem;\n border-width: 1px;\n}\n.u-txt[data-v-967e72fa] {\n font-size: 0.32rem;\n line-height: 0.53333rem;\n color: #999999;\n margin-top: 0.13333rem;\n margin-left: 0.13333rem;\n height: 0.53333rem;\n lines: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-refresher/index.vue?b60d6678","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-refresher/<no source>"],"names":[],"mappings":";AAmOA;EACA,mBAAA;EACA,aAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,wBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,wBAAA;CACA;AAEA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;CACA;AAEA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;EACA,OAAA;EACA,0BAAA;EACA,iBAAA;EACA,SAAA;CACA;AAEA;EACA,WAAA;CACA;AAEA;EACA,WAAA;EACA,sCAAA;UAAA,8BAAA;EACA,iCAAA;UAAA,yBAAA;CACA;AAEA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;EACA,SAAA;EACA,OAAA;EACA,6BAAA;EACA,yBAAA;EACA,sBAAA;EACA,oBAAA;EACA,sBAAA;EACA,WAAA;CACA;AAEA;EACA,WAAA;CACA;AAEA;EACA,yBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;CACA;AAEA;EACA,mBAAA;EACA,YAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;EACA,kBAAA;CACA;AAEA;EACA,mBAAA;EACA,wBAAA;EACA,eAAA;EACA,uBAAA;EACA,wBAAA;EACA,mBAAA;EACA,SAAA;EC/SA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDgTA","file":"index.vue","sourcesContent":["<template>\n <refresh\n class=\"dof-refresher\"\n @refresh=\"onRefresh\"\n @pullingdown=\"onPullingDown\"\n :display=\"refreshing ? 'show' : 'hide'\"\n >\n <!-- <div v-if=\"false\" class=\"cycle-container\" ref=\"cycle\">\n <div class=\"u-cover c1\" ref=\"cover1\">\n <div class=\"u-cover-cycle cover1\"></div>\n </div>\n <div class=\"u-cover c2\" ref=\"cover2\">\n <div class=\"u-cover-cycle\" ref=\"cover-cycle\"></div>\n </div>\n </div> -->\n <!-- <image\n v-if=\"newStyleFlag\"\n class=\"arrow-down\"\n ref=\"arrow\"\n :src=\"ICON_ARROW_DOWN\"\n resize=\"contain\"\n ></image> -->\n <loading-indicator class=\"indicator\"></loading-indicator>\n <text class=\"u-txt\" v-if=\"refresherText\">{{ refresherText }}</text>\n </refresh>\n</template>\n<script>\nconst animation = weex.requireModule('animation')\n\n// 减少打包体积\nimport bindingx from 'weex-bindingx/lib/index.weex'\nimport BindEnv from '../utils/bind-env'\nimport Utils from '../utils'\n\nconst ICON_ARROW_DOWN = 'https://img.alicdn.com/tfs/TB1A8faeTtYBeNjy1XdXXXXyVXa-48-48.png'\n\nexport default {\n props: {\n scrollerRef: String,\n maxTime: {\n type: Number,\n default: 0\n },\n mainText: {\n type: String,\n default: ''\n },\n pullingText: {\n type: String,\n default: ''\n },\n refreshingText: {\n type: String,\n default: ''\n },\n textWidth: {\n type: Number,\n default: 200\n }\n },\n data() {\n return {\n ICON_ARROW_DOWN,\n refreshing: false,\n couldUnLash: false\n }\n },\n computed: {\n newStyleFlag() {\n return this.scrollerRef && BindEnv.supportsEBForIos()\n },\n refresherText() {\n return this.refreshing ? this.refreshingText : this.pText\n },\n pText() {\n return this.couldUnLash ? this.pullingText : this.mainText\n }\n },\n created() {\n this.newStyleFlag && this.animationBinding()\n },\n beforeDestroy() {\n this.bindingsDestroy()\n },\n methods: {\n onRefresh(event) {\n this.$emit('dofRefresh', event)\n this.refreshing = true\n this.newStyleFlag && this.cycleGoRound()\n if (this.maxTime <= 0) return\n this.timeoutSto && clearTimeout(this.timeoutSto)\n this.timeoutSto = setTimeout(() => {\n this.$emit('dofTimeout')\n this.dofCancel()\n }, this.maxTime)\n },\n /**\n * 取消 refreshing\n */\n dofCancel() {\n this.refreshing = false\n this.timeoutSto && clearTimeout(this.timeoutSto)\n this.roundingDestroy()\n },\n /**\n * 下拉事件\n */\n onPullingDown(event) {\n this.$emit('dofPullingDown', event)\n const pd = event.pullingDistance * (Utils.env.isIOS() ? -1 : 1)\n pd > (Utils.env.isAndroid() ? 200 : 140) ? (this.couldUnLash = true) : (this.couldUnLash = false)\n if (this.refreshing && pd < 20) {\n this.timeoutSto && clearTimeout(this.timeoutSto)\n this.refreshing = false\n this.roundingDestroy()\n }\n },\n /**\n * 注册 bindingx\n */\n animationBinding() {\n setTimeout(() => {\n if (!this.$refs['cover2'] || !this.$refs['cover-cycle']) return\n // 降级版本取不到，需要注意\n const scroller = this.$parent.$refs[this.scrollerRef].ref\n const cover2 = this.$refs['cover2'].ref\n const coverCycle = this.$refs['cover-cycle'].ref\n\n const bindingResult = bindingx.bind(\n {\n eventType: 'scroll',\n anchor: scroller,\n props: [\n {\n element: cover2,\n property: 'transform.rotateZ',\n expression: 'y>-140?(y%75/150*-360):156'\n },\n {\n element: coverCycle,\n property: 'opacity',\n expression: 'y<-75 ?1:0'\n }\n ]\n },\n e => {}\n )\n this.bindingToken = bindingResult.token\n }, 300)\n },\n /**\n * 旋转动作\n */\n cycleGoRound() {\n if (Utils.env.isAndroid()) return\n if (!this.$refs['cycle']) return\n const cycle = this.$refs['cycle'].ref\n this.arrowShow(false)\n if (!cycle) {\n return\n }\n const roundingResult = bindingx.bind(\n {\n eventType: 'timing',\n props: [\n {\n element: cycle,\n property: 'transform.rotateZ',\n expression: 't*0.72'\n }\n ]\n },\n e => {}\n )\n this.roundingToken = roundingResult.token\n },\n /**\n * 箭头显隐控制\n */\n arrowShow(_show = true) {\n const arrow = this.$refs['arrow']\n arrow &&\n animation.transition(\n arrow,\n {\n styles: {\n opacity: _show ? 1 : 0,\n transform: _show ? 'scale(1)' : 'scale(0.5)'\n },\n duration: 300,\n delay: 0\n },\n () => {}\n )\n },\n /**\n * 完整 bindingx 销毁\n */\n bindingsDestroy() {\n if (this.bindingToken !== 0) {\n bindingx &&\n bindingx.unbind({\n eventType: 'scroll',\n token: this.bindingToken\n })\n this.bindingToken = 0\n }\n this.roundingDestroy()\n },\n /**\n * 旋转 bindingx 销毁\n */\n roundingDestroy() {\n if (this.roundingToken !== 0) {\n bindingx &&\n bindingx.unbind({\n eventType: 'timing',\n token: this.roundingToken\n })\n this.roundingToken = 0\n }\n this.arrowShow(true)\n }\n }\n}\n</script>\n<style scoped>\n.dof-refresher {\n height: 140px;\n width: 750px;\n flex-direction: row;\n /* flex-wrap: nowrap; */\n justify-content: center;\n padding-top: 50px;\n}\n\n.cycle-container {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.u-cover {\n position: absolute;\n width: 30px;\n height: 60px;\n top: 0;\n background-color: #ffffff;\n overflow: hidden;\n right: 0;\n}\n\n.c1 {\n z-index: 1;\n}\n\n.c2 {\n z-index: 2;\n transform-origin: left center;\n transform: rotateZ(0deg);\n}\n\n.u-cover-cycle {\n position: absolute;\n width: 60px;\n height: 60px;\n right: 0;\n top: 0;\n /* box-sizing: border-box; */\n border-width: 2px;\n border-color: #666666;\n border-style: solid;\n border-radius: 30px;\n opacity: 0;\n}\n\n.cover1 {\n opacity: 1;\n}\n\n.indicator {\n /* margin-right: 20px; */\n height: 60px;\n width: 60px;\n color: #666666;\n}\n\n.arrow-down {\n position: relative;\n top: 15px;\n left: -45px;\n width: 30px;\n height: 30px;\n border-width: 1px;\n}\n\n.u-txt {\n font-size: 24px;\n line-height: 40px;\n color: #999999;\n margin-top: 10px;\n margin-left: 10px;\n height: 40px;\n lines: 1;\n}\n</style>\n",null],"sourceRoot":""}]);
|
|
9192
9192
|
|
|
9193
9193
|
// exports
|
|
9194
9194
|
|
|
@@ -9342,7 +9342,7 @@ exports = module.exports = __webpack_require__(0)(true);
|
|
|
9342
9342
|
|
|
9343
9343
|
|
|
9344
9344
|
// module
|
|
9345
|
-
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
|
|
9345
|
+
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 11>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 10>"],"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":""}]);
|
|
9346
9346
|
|
|
9347
9347
|
// exports
|
|
9348
9348
|
|
|
@@ -12318,20 +12318,20 @@ exports.default = {
|
|
|
12318
12318
|
|
|
12319
12319
|
if (iconSize === 'max') {
|
|
12320
12320
|
return {
|
|
12321
|
-
width: '
|
|
12322
|
-
height: '
|
|
12321
|
+
width: '112px',
|
|
12322
|
+
height: '112px',
|
|
12323
12323
|
borderRadius: '48px',
|
|
12324
|
-
marginTop: '
|
|
12325
|
-
marginBottom: '
|
|
12324
|
+
marginTop: '16px',
|
|
12325
|
+
marginBottom: '16px',
|
|
12326
12326
|
backgroundColor: iconColor ? iconColor : 'transparent'
|
|
12327
12327
|
};
|
|
12328
12328
|
} else if (iconSize === 'medium') {
|
|
12329
12329
|
return {
|
|
12330
|
-
width: '
|
|
12331
|
-
height: '
|
|
12330
|
+
width: '76px',
|
|
12331
|
+
height: '76px',
|
|
12332
12332
|
borderRadius: '32px',
|
|
12333
|
-
marginTop: '
|
|
12334
|
-
marginBottom: '
|
|
12333
|
+
marginTop: '40px',
|
|
12334
|
+
marginBottom: '40px',
|
|
12335
12335
|
backgroundColor: iconColor ? iconColor : 'transparent'
|
|
12336
12336
|
};
|
|
12337
12337
|
} else if (iconSize === 'min') {
|
|
@@ -24471,6 +24471,7 @@ exports.default = {
|
|
|
24471
24471
|
var _this2 = this;
|
|
24472
24472
|
|
|
24473
24473
|
setTimeout(function () {
|
|
24474
|
+
if (!_this2.$refs['cover2'] || !_this2.$refs['cover-cycle']) return;
|
|
24474
24475
|
// 降级版本取不到，需要注意
|
|
24475
24476
|
var scroller = _this2.$parent.$refs[_this2.scrollerRef].ref;
|
|
24476
24477
|
var cover2 = _this2.$refs['cover2'].ref;
|
|
@@ -24498,6 +24499,7 @@ exports.default = {
|
|
|
24498
24499
|
*/
|
|
24499
24500
|
cycleGoRound: function cycleGoRound() {
|
|
24500
24501
|
if (_utils2.default.env.isAndroid()) return;
|
|
24502
|
+
if (!this.$refs['cycle']) return;
|
|
24501
24503
|
var cycle = this.$refs['cycle'].ref;
|
|
24502
24504
|
this.arrowShow(false);
|
|
24503
24505
|
if (!cycle) {
|
|
@@ -47911,12 +47913,13 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
|
|
|
47911
47913
|
}
|
|
47912
47914
|
}, [_c('div', {
|
|
47913
47915
|
staticClass: " weex-ct weex-div",
|
|
47914
|
-
class: [
|
|
47915
|
-
|
|
47916
|
-
|
|
47917
|
-
|
|
47918
|
-
|
|
47919
|
-
|
|
47916
|
+
class: ['cell-wrapper', _vm.disabled ? 'cell-disabled-opacity' : 'cell-abled-opacity'],
|
|
47917
|
+
attrs: {
|
|
47918
|
+
"weex-type": "div"
|
|
47919
|
+
}
|
|
47920
|
+
}, [_c('div', {
|
|
47921
|
+
staticClass: " weex-ct weex-div",
|
|
47922
|
+
class: ['dof-cell', _vm.hackMrgb1pxcom && 'mgb-1', !_vm.disabled && _vm.isHighlight && 'dof-cell-highlight'],
|
|
47920
47923
|
style: (_vm._px2rem(_vm.borderStyleComp, 75)),
|
|
47921
47924
|
attrs: {
|
|
47922
47925
|
"accessible": _vm.autoAccessible,
|
|
@@ -48138,7 +48141,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
|
|
|
48138
48141
|
return _vm.dofRightTipClicked($event)
|
|
48139
48142
|
}
|
|
48140
48143
|
}
|
|
48141
|
-
}, [_vm._v(_vm._s(_vm.rightTip))])], {})], 2) : _vm._e()], {})], 2), _vm._v(" "), (_vm.useFakeBorder) ? _c('div', {
|
|
48144
|
+
}, [_vm._v(_vm._s(_vm.rightTip))])], {})], 2) : _vm._e()], {})], 2)]), _vm._v(" "), (_vm.useFakeBorder) ? _c('div', {
|
|
48142
48145
|
staticClass: "fake-border weex-ct weex-div",
|
|
48143
48146
|
style: (_vm._px2rem(_vm.fakeBorderStyleRender, 75)),
|
|
48144
48147
|
attrs: {
|