wux-weapp/packages/lib/badge/index.js

一套组件化、可复用、易扩展的微信小程序 UI 组件库

"use strict";var _observers,_baseComponent=_interopRequireDefault(require("../helpers/baseComponent")),_classNames3=_interopRequireDefault(require("../helpers/libs/classNames")),_styleToCssString=_interopRequireDefault(require("../helpers/libs/styleToCssString"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}(0,_baseComponent.default)({externalClasses:["wux-class-badge"],properties:{prefixCls:{type:String,value:"wux-badge"},count:{type:Number,value:0},overflowCount:{type:Number,value:99},dot:{type:Boolean,value:!1},showZero:{type:Boolean,value:!1},status:{type:String,value:""},text:{type:String,value:""},position:{type:String,value:"topRight"},backgroundColor:{type:String,value:"#ed3f14"},hideShadow:{type:Boolean,value:!1},title:{type:String,value:""}},data:{finalCount:0,badgeStyle:""},observers:(_observers={},_defineProperty(_observers,"count, overflowCount",function(e,t){this.updated({count:e,overflowCount:t})}),_defineProperty(_observers,"backgroundColor",function(e){this.updateStyle(e)}),_observers),computed:{classes:["prefixCls, position, hideShadow, status",function(e,t,o,a){var s;return{wrap:(0,_classNames3.default)(e,(_defineProperty(s={},"".concat(e,"--position-").concat(t),t),_defineProperty(s,"".concat(e,"--hide-shadow"),o),s)),status:"".concat(e,"__status"),statusDot:(0,_classNames3.default)("".concat(e,"__status-dot"),_defineProperty({},"".concat(e,"__status-dot--").concat(a),a)),statusText:"".concat(e,"__status-text"),dot:"".concat(e,"__dot"),count:"".concat(e,"__count")}}]},methods:{updated:function(e){var t=0<arguments.length&&void 0!==e?e:this.data,o=t.count,a=t.overflowCount,s=a<=o?"".concat(a,"+"):o;this.setData({finalCount:s})},updateStyle:function(e){var t=(0,_styleToCssString.default)({backgroundColor:e});t!==this.data.badgeStyle&&this.setData({badgeStyle:t})}}});