| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| packages/badge-group/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/badge/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/badge/src/ | -57.14% | -4/7 | -100% | -0/0 | -0% | -0/3 | -40% | -2/5 | -|
| packages/button/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/button/src/ | -40% | -4/10 | -0% | -0/2 | -0% | -0/4 | -33.33% | -3/9 | -|
| packages/card/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/card/src/ | -100% | -2/2 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -|
| packages/cell-group/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/cell/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/cell/src/ | -80% | -4/5 | -100% | -0/0 | -0% | -0/1 | -66.67% | -2/3 | -|
| packages/checkbox-group/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/checkbox/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/checkbox/src/ | -29.63% | -8/27 | -14.29% | -4/28 | -14.29% | -1/7 | -13.64% | -3/22 | -|
| packages/dialog/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/dialog/src/ | -39.24% | -31/79 | -20% | -8/40 | -13.33% | -2/15 | -27.69% | -18/65 | -|
| packages/field/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/field/src/ | -54.55% | -6/11 | -100% | -4/4 | -20% | -1/5 | -28.57% | -2/7 | -|
| packages/icon/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/icon/src/ | -100% | -2/2 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -|
| packages/loading/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/loading/src/ | -100% | -2/2 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -|
| packages/panel/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/panel/src/ | -100% | -2/2 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -|
| packages/picker/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/picker/src/ | -16.67% | -24/144 | -20% | -14/70 | -7.5% | -3/40 | -7.94% | -10/126 | -|
| packages/popup/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/popup/src/ | -42.86% | -6/14 | -50% | -4/8 | -16.67% | -1/6 | -20% | -2/10 | -|
| packages/radio-group/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/radio/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/radio/src/ | -53.33% | -8/15 | -22.22% | -4/18 | -16.67% | -1/6 | -30% | -3/10 | -|
| packages/search/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/search/src/ | -16.67% | -2/12 | -0% | -0/2 | -0% | -0/6 | -10% | -1/10 | -|
| packages/steps/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/steps/src/ | -66.67% | -2/3 | -100% | -0/0 | -0% | -0/1 | -50% | -1/2 | -|
| packages/switch/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/switch/src/ | -18.18% | -2/11 | -0% | -0/10 | -0% | -0/3 | -14.29% | -1/7 | -|
| packages/tag/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/tag/src/ | -100% | -2/2 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -|
| packages/waterfall/ | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -|
| packages/waterfall/src/ | -25.47% | -27/106 | -16.67% | -9/54 | -21.05% | -4/19 | -18.09% | -17/94 | -|
| src/ | -68.06% | -49/72 | -70% | -7/10 | -50% | -1/2 | -54.17% | -26/48 | -|
| src/mixins/ | -18.18% | -2/11 | -0% | -0/4 | -0% | -0/1 | -11.11% | -1/9 | -|
| src/mixins/popup/ | -14.18% | -19/134 | -4.88% | -4/82 | -4.76% | -1/21 | -10% | -12/120 | -|
| src/utils/ | -33.06% | -40/121 | -9.8% | -10/102 | -11.11% | -1/9 | -31.68% | -32/101 | -
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import BadgeGroup from '../badge/src/badge-group'; - -export default BadgeGroup; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Badge from './src/badge'; - -export default Badge; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 | - - - - - - - - - - - - - - - - - - - - - - - - - | // -// -// -// -// -// - -export default { - name: 'zan-badge-group', - - props: { - // 当前激活 tab 面板的 key - activeKey: { - type: [Number, String], - default: 0 - } - }, - - data() { - return { - computedActiveKey: this.activeKey - }; - } -}; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | //
-//
-//
-//
-//
-//
-//
-
-export default {
- name: 'zan-badge',
- props: {
- mark: {
- type: [Number, String],
- required: true
- },
- title: {
- type: String,
- required: true
- },
- url: {
- type: String
- },
- info: {
- type: String
- }
- },
- methods: {
- handleClick() {
- this.$parent.computedActiveKey = this.mark;
- }
- },
- computed: {
- classNames() {
- return {
- 'is-select': this.mark === this.$parent.computedActiveKey
- };
- }
- }
-};
-
- |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| badge-group.vue | -66.67% | -2/3 | -100% | -0/0 | -0% | -0/1 | -50% | -1/2 | -|
| badge.vue | -50% | -2/4 | -100% | -0/0 | -0% | -0/2 | -33.33% | -1/3 | -
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Button from './src/button'; - -export default Button; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 | - - - - - - - - - - - - -1× -1× - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | /**
- * @module components/button
- * @desc 按钮
- * @param {string} [type=default] - 显示类型，接受 default, primary, danger
- * @param {boolean} [disabled=false] - 禁用
- * @param {string} [size=normal] - 尺寸，接受 normal, mini, small, large
- * @param {string} [native-type] - 原生 type 属性
- * @param {slot} - 显示文本
- *
- * @example
- * <zan-button size="large" type="primary">按钮</zan-button>
- */
-
-const allowedSize = ['mini', 'small', 'normal', 'large'];
-const allowedType = ['default', 'danger', 'primary'];
-
-export default {
- name: 'zan-button',
-
- props: {
- disabled: Boolean,
- loading: Boolean,
- block: Boolean,
- tag: {
- type: String,
- default: 'button'
- },
- nativeType: String,
- type: {
- type: String,
- default: 'default',
- validator(value) {
- return allowedType.indexOf(value) > -1;
- }
- },
- size: {
- type: String,
- default: 'normal',
- validator(value) {
- return allowedSize.indexOf(value) > -1;
- }
- }
- },
-
- methods: {
- handleClick() {
- this.$emit('click');
- }
- },
-
- render(h) {
- let { type, nativeType, size, disabled, loading, block } = this;
- let Tag = this.tag;
-
- return (
- <Tag
- type={nativeType}
- disabled={disabled}
- class={[
- 'zan-button',
- 'zan-button--' + type,
- 'zan-button--' + size,
- {
- 'is-disabled': disabled,
- 'is-loading': loading,
- 'is-block': block
- }
- ]}
- onClick={this.handleClick}
- >
- {
- loading ? <i class="zan-icon-loading"></i> : null
- }
- <span class="zan-button-text">{this.$slots.default}</span>
- </Tag>
- );
- }
-};
-
- |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| button.js | -40% | -4/10 | -0% | -0/2 | -0% | -0/4 | -33.33% | -3/9 | -
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Card from './src/card'; - -export default Card; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-export default {
- name: 'zan-card',
- props: {
- thumb: {
- type: String,
- required: true
- },
- title: String,
- desc: String
- }
-};
-
- |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| card.vue | -100% | -2/2 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import CellGroup from '../cell/src/cell-group'; - -export default CellGroup; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Cell from './src/cell'; - -export default Cell; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 | - - - - - - - - - - - | //
-//
-//
-//
-//
-//
-
-export default {
- name: 'zan-cell-group'
-};
-
- |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-export default {
- name: 'zan-cell',
-
- props: {
- icon: String,
- title: String,
- value: [String, Number],
- url: String,
- label: String,
- isLink: Boolean
- },
-
- methods: {
- handleClick() {
- this.$emit('click');
- }
- }
-};
-
- |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| cell-group.vue | -100% | -2/2 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -|
| cell.vue | -66.67% | -2/3 | -100% | -0/0 | -0% | -0/1 | -50% | -1/2 | -
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import CheckboxGroup from 'packages/checkbox/src/checkbox-group'; - -export default CheckboxGroup; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Checkbox from './src/checkbox'; - -export default Checkbox; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 | - - - - - - - - - - - - - - - - - - - - - - | //
-//
-//
-//
-//
-//
-
-export default {
- name: 'zan-checkbox-group',
-
- props: {
- value: {},
- disabled: Boolean
- },
-
- watch: {
- value(val) {
- this.$emit('change', val);
- }
- }
-};
-
- |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 | - - - - - - - - - - - - - - - - - - - - - - - - -1× - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-import findParent from 'src/mixins/findParent';
-
-export default {
- name: 'zan-checkbox',
-
- mixins: [findParent],
-
- props: {
- disabled: Boolean,
- value: {},
- name: [String, Number]
- },
-
- computed: {
- /**
- * `checkbox`是否在`zan-checkbox-group`中
- */
- isGroup() {
- return !!this.findParentByComponentName('zan-checkbox-group');
- },
-
- /**
- * `checkbox`当前值
- */
- currentValue: {
- get() {
- return this.isGroup && this.parentGroup ? this.parentGroup.value.indexOf(this.name) !== -1 : this.value;
- },
-
- set(val) {
- if (this.isGroup && this.parentGroup) {
- let parentValue = this.parentGroup.value.slice();
- if (val) {
- if (parentValue.indexOf(this.name) === -1) {
- parentValue.push(this.name);
- this.parentGroup.$emit('input', parentValue);
- }
- } else {
- let index = parentValue.indexOf(this.name);
- if (index !== -1) {
- parentValue.splice(index, 1);
- this.parentGroup.$emit('input', parentValue);
- }
- }
- } else {
- this.$emit('input', val);
- }
- }
- },
-
- /**
- * `checkbox`是否被选中
- */
- isChecked() {
- if ({}.toString.call(this.currentValue) === '[object Boolean]') {
- return this.currentValue;
- } else if (Array.isArray(this.currentValue)) {
- return this.currentValue.indexOf(this.name) > -1;
- }
- },
-
- /**
- * `checkbox`是否被禁用
- */
- isDisabled() {
- return this.isGroup && this.parentGroup
- ? this.parentGroup.disabled || this.disabled
- : this.disabled;
- }
- }
-};
-
- |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| checkbox-group.vue | -66.67% | -2/3 | -100% | -0/0 | -0% | -0/1 | -50% | -1/2 | -|
| checkbox.vue | -25% | -6/24 | -14.29% | -4/28 | -16.67% | -1/6 | -10% | -2/20 | -
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Dialog from './src/dialog.js'; - -export default Dialog; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 | 1× -1× -1× - -1× - -1× -1× -1× - -1× - - - - - - - - - - - - - - - -1× - - - - - - - -1× - - - - - - - - - - - - - - - - - - - - - - - - - - - -1× - - - - - - - - - - - - -1× - - - - - - - -1× - - - - - - - -1× - - - - - - - - | import Vue from 'vue'; -import Dialog from './dialog.vue'; -import merge from 'src/utils/merge'; - -const DialogConstructor = Vue.extend(Dialog); - -let currentDialog; -let instance; -let dialogQueue = []; - -const defaultCallback = action => { - if (currentDialog) { - let callback = currentDialog.callback; - - if (typeof callback === 'function') { - callback(action); - } - - if (currentDialog.resolve && action === 'confirm') { - currentDialog.resolve(action); - } else if (currentDialog.reject && action === 'cancel') { - currentDialog.reject(action); - } - } -}; - -const initInstance = () => { - instance = new DialogConstructor({ - el: document.createElement('div') - }); - - instance.callback = defaultCallback; -}; - -const showNextDialog = () => { - if (!instance) { - initInstance(); - } - - if (!instance.value && dialogQueue.length > 0) { - currentDialog = dialogQueue.shift(); - - let options = currentDialog.options; - - for (let prop in options) { - if (options.hasOwnProperty(prop)) { - instance[prop] = options[prop]; - } - } - - if (options.callback === undefined) { - instance.callback = defaultCallback; - } - - document.body.appendChild(instance.$el); - - Vue.nextTick(() => { - instance.value = true; - }); - } -}; - -var DialogBox = options => { - return new Promise((resolve, reject) => { // eslint-disable-line - dialogQueue.push({ - options: merge({}, options), - callback: options.callback, - resolve: resolve, - reject: reject - }); - - showNextDialog(); - }); -}; - -DialogBox.alert = function(options) { - return DialogBox(merge({ - type: 'alert', - closeOnClickOverlay: false, - showCancelButton: false - }, options)); -}; - -DialogBox.confirm = function(options) { - return DialogBox(merge({ - type: 'confirm', - closeOnClickOverlay: true, - showCancelButton: true - }, options)); -}; - -DialogBox.close = function() { - instance.value = false; - dialogQueue = []; - currentDialog = null; -}; - -export default DialogBox; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 | - - - - - - - - - - - - - - - - - - - -1× - - -1× - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | // -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// - -import Popup from 'src/mixins/popup'; - -const CANCEL_TEXT = '取消'; -const CONFIRM_TEXT = '确认'; - -export default { - name: 'zan-dialog', - - mixins: [Popup], - - props: { - overlay: { - default: true - }, - closeOnClickOverlay: { - default: true - }, - lockOnScroll: { - default: true - } - }, - - data() { - return { - title: '', - message: '', - type: '', - showConfirmButton: true, - showCancelButton: false, - confirmButtonText: CONFIRM_TEXT, - cancelButtonText: CANCEL_TEXT, - callback: null - }; - }, - - methods: { - handleAction(action) { - this.value = false; - this.callback && this.callback(action); - }, - - close() { - if (this.closing) return; - - this.closing = true; - - this.value = false; - - if (this.lockOnScroll) { - setTimeout(() => { - if (this.modal && this.bodyOverflow !== 'hidden') { - document.body.style.overflow = this.bodyOverflow; - document.body.style.paddingRight = this.bodyPaddingRight; - } - this.bodyOverflow = null; - this.bodyPaddingRight = null; - }, 200); - } - - this.opened = false; - this.doAfterClose(); - } - } -}; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| dialog.js | -42.59% | -23/54 | -15.38% | -4/26 | -10% | -1/10 | -32.61% | -15/46 | -|
| dialog.vue | -32% | -8/25 | -28.57% | -4/14 | -20% | -1/5 | -15.79% | -3/19 | -
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Field from './src/field'; - -export default Field; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -1× - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | // -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// - -import zCell from 'packages/cell'; - -export default { - name: 'zan-field', - - components: { - zCell - }, - - props: { - type: { - type: String, - default: 'text' - }, - placeholder: String, - value: String, - label: String, - disabled: Boolean, - readonly: Boolean, - maxlength: [String, Number] - }, - - data() { - return { - currentValue: this.value - }; - }, - - watch: { - value(val) { - this.currentValue = val; - }, - - currentValue(val) { - this.$emit('input', val); - console.log(val); - } - }, - - methods: { - handleInput(event) { - this.currentValue = event.target.value; - } - } -}; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| field.vue | -54.55% | -6/11 | -100% | -4/4 | -20% | -1/5 | -28.57% | -2/7 | -
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Icon from './src/icon'; - -export default Icon; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 | - - - - - - - - - - - - - | //
-//
-//
-//
-
-export default {
- name: 'zan-icon',
-
- props: {
- name: String
- }
-};
-
- |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| icon.vue | -100% | -2/2 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Loading from './src/loading'; - -export default Loading; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| loading.vue | -100% | -2/2 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 | - - - - - - - - - - - | //
-//
-//
-//
-//
-//
-
-export default {
- name: 'zan-loading'
-};
-
- |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Panel from './src/panel'; - -export default Panel; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| panel.vue | -100% | -2/2 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - | //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-export default {
- name: 'zan-panel',
- props: {
- title: String,
- desc: String,
- status: String
- }
-};
-
- |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Picker from './src/picker'; - -export default Picker; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 | 1× - -1× - -1× - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import Vue from 'vue'; - -let isDragging = false; - -const supportTouch = !Vue.prototype.$isServer && 'ontouchstart' in window; - -export default function(element, options) { - const moveFn = function(event) { - if (options.drag) { - options.drag(supportTouch ? event.changedTouches[0] || event.touches[0] : event); - } - }; - - const endFn = function(event) { - if (!supportTouch) { - document.removeEventListener('mousemove', moveFn); - document.removeEventListener('mouseup', endFn); - } - document.onselectstart = null; - document.ondragstart = null; - - isDragging = false; - - if (options.end) { - options.end(supportTouch ? event.changedTouches[0] || event.touches[0] : event); - } - }; - - element.addEventListener(supportTouch ? 'touchstart' : 'mousedown', function(event) { - if (isDragging) return; - document.onselectstart = function() { return false; }; - document.ondragstart = function() { return false; }; - - if (!supportTouch) { - document.addEventListener('mousemove', moveFn); - document.addEventListener('mouseup', endFn); - } - isDragging = true; - - if (options.start) { - event.preventDefault(); - options.start(supportTouch ? event.changedTouches[0] || event.touches[0] : event); - } - }); - - if (supportTouch) { - element.addEventListener('touchmove', moveFn); - element.addEventListener('touchend', endFn); - element.addEventListener('touchcancel', endFn); - } -}; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| draggable.js | -21.05% | -8/38 | -17.65% | -6/34 | -14.29% | -1/7 | -12.9% | -4/31 | -|
| picker-column.vue | -12% | -9/75 | -22.22% | -4/18 | -5.26% | -1/19 | -5.71% | -4/70 | -|
| picker.vue | -22.58% | -7/31 | -22.22% | -4/18 | -7.14% | -1/14 | -8% | -2/25 | -
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 | - - - - - - - - - - - - - - -1× -1× - -1× - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | // -// -// -// -// -// -// -// -// -// -// -// -// -// - -import translateUtil from 'src/utils/transition'; -import draggable from './draggable'; - -const DEFAULT_ITEM_HEIGHT = 44; - -export default { - name: 'zan-picker-column', - - props: { - /** - * 每一列可见备选元素的个数 - */ - visibileColumnCount: { - type: Number, - default: 5 - }, - /** - * 该列所有的可选值 - */ - values: { - type: Array, - default() { - return []; - } - }, - /** - * 每列添加额外的`className` - */ - className: { - type: String, - default: '' - }, - /** - * 行高 - */ - itemHeight: { - type: Number, - default: DEFAULT_ITEM_HEIGHT - }, - value: {} - }, - - data() { - return { - currentValue: this.value, - currentValues: this.values, - isDragging: false - }; - }, - - watch: { - values(val) { - this.currentValues = val; - }, - - currentValues(val) { - if (this.valueIndex === -1) { - this.currentValue = (val || [])[0]; - } - }, - - currentValue(val) { - this.doOnValueChange(); - - this.$emit('change', this); - } - }, - - computed: { - /** - * picker可见备选元素总高度 - */ - visibleContentHeight() { - return this.itemHeight * this.visibileColumnCount; - }, - - /** - * 当前选中值在`values`中的索引 - */ - valueIndex() { - return this.currentValues.indexOf(this.currentValue); - }, - - /** - * 计算picker的拖动范围 - */ - dragRange() { - var values = this.currentValues; - var visibileColumnCount = this.visibileColumnCount; - var itemHeight = this.itemHeight; - - return [ -itemHeight * (values.length - Math.ceil(visibileColumnCount / 2)), itemHeight * Math.floor(visibileColumnCount / 2) ]; - }, - - /** - * 计算`classNames` - */ - classNames() { - return this.className.split(' '); - } - }, - - mounted() { - this.initEvents(); - this.doOnValueChange(); - }, - - methods: { - /** - * 将当前`value`值转换成需要垂直方向需要`translate`的值 - */ - value2Translate(value) { - let values = this.currentValues; - let valueIndex = values.indexOf(value); - let offset = Math.floor(this.visibileColumnCount / 2); - let itemHeight = this.itemHeight; - - if (valueIndex !== -1) { - return (valueIndex - offset) * (-itemHeight); - } - }, - - /** - * 根据当前`translate`的值转换成当前选中的`value` - */ - translate2Value(translate) { - let itemHeight = this.itemHeight; - translate = Math.round(translate / itemHeight) * itemHeight; - - let index = -(translate - Math.floor(this.visibileColumnCount / 2) * itemHeight) / itemHeight; - - return this.currentValues[index]; - }, - - /** - * 初始化拖动事件 - */ - initEvents() { - var el = this.$refs.wrapper; - var dragState = {}; - - var velocityTranslate; - var prevTranslate; - var pickerItems; // eslint-disable-line - - draggable(el, { - start: (event) => { - // 存储当前状态 - dragState = { - range: this.dragRange, - start: new Date(), - startLeft: event.pageX, - startTop: event.pageY, - startTranslateTop: translateUtil.getElementTranslate(el).top - }; - pickerItems = el.querySelectorAll('.zan-picker-item'); // eslint-disable-line - }, - - drag: (event) => { - this.isDragging = true; - - dragState.left = event.pageX; - dragState.top = event.pageY; - - let deltaY = dragState.top - dragState.startTop; - let translate = dragState.startTranslateTop + deltaY; - - translateUtil.translateElement(el, null, translate); - - velocityTranslate = translate - prevTranslate || translate; - - prevTranslate = translate; - }, - - end: () => { - if (this.isDragging) { - this.isDragging = false; - - var momentumRatio = 7; - var currentTranslate = translateUtil.getElementTranslate(el).top; - var duration = new Date() - dragState.start; - - var momentumTranslate; - if (duration < 300) { - momentumTranslate = currentTranslate + velocityTranslate * momentumRatio; - } - - var dragRange = dragState.range; - - this.$nextTick(() => { - var translate; - var itemHeight = this.itemHeight; - - if (momentumTranslate) { - translate = Math.round(momentumTranslate / itemHeight) * itemHeight; - } else { - translate = Math.round(currentTranslate / itemHeight) * itemHeight; - } - - translate = Math.max(Math.min(translate, dragRange[1]), dragRange[0]); - - translateUtil.translateElement(el, null, translate); - - this.currentValue = this.translate2Value(translate); - }); - } - - dragState = {}; - } - }); - }, - - /** - * `value`改变时调用 - */ - doOnValueChange() { - let value = this.currentValue; - let wrapper = this.$refs.wrapper; - - this.$emit('input', this.currentValue); - - translateUtil.translateElement(wrapper, null, this.value2Translate(value)); - } - } -}; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 | - - - - - - - - - - - - - - - - - - - - - -1× - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-import PickerColumn from './picker-column';
-
-const DEFAULT_ITEM_HEIGHT = 44;
-
-export default {
- name: 'zan-picker',
-
- components: {
- PickerColumn
- },
-
- props: {
- /**
- * 每一列可见备选元素的个数
- */
- visibileColumnCount: {
- type: Number,
- default: 5
- },
- /**
- * 选中元素区高度
- */
- itemHeight: {
- type: Number,
- default: DEFAULT_ITEM_HEIGHT
- },
- /**
- * 对象数组，配置每一列显示的数据
- */
- columns: {
- type: Array,
- default() {
- return [];
- }
- },
- /**
- * 否在组件顶部显示一个toolbar
- */
- showToolbar: {
- type: Boolean,
- default: true
- }
- },
-
- computed: {
- values() {
- let columns = this.columns || [];
- let values = [];
-
- columns.forEach(column => {
- values.push(column.value || column.values[column.defaultIndex || 0]);
- });
-
- return values;
- }
- },
-
- methods: {
- /**
- * 处理列`change`事件
- */
- columnValueChange() {
- this.$emit('change', this, this.values);
- },
-
- /**
- * 获取对应索引的列的实例
- */
- getColumn(index) {
- let children = this.$children.filter(child => child.$options.name === 'zan-picker-column');
- return children[index];
- },
-
- /**
- * 获取对应列中选中的值
- */
- getColumnValue(index) {
- let column = this.getColumn(index);
- return column && column.values[column.valueIndex];
- },
-
- /**
- * 设置对应列中选中的值
- */
- setColumnValue(index, value) {
- let column = this.getColumn(index);
- if (column) {
- column.currentValue = value;
- }
- },
-
- /**
- * 获取对应列中所有的备选值
- */
- getColumnValues(index) {
- let column = this.getColumn(index);
- return column && column.currentValues;
- },
-
- /**
- * 设置对应列中所有的备选值
- */
- setColumnValues(index, values) {
- let column = this.getColumn(index);
- if (column) {
- column.currentValues = values;
- }
- },
-
- /**
- * 获取所有列中被选中的值，返回一个数组
- */
- getValues() {
- return this.values;
- },
-
- /**
- * `values`为一个数组，设置所有列中被选中的值
- */
- setValues(values) {
- values.forEach((value, index) => {
- this.setColumnValue(index, value);
- });
- }
- }
-};
-
- |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Popup from './src/popup'; - -export default Popup; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| popup.vue | -42.86% | -6/14 | -50% | -4/8 | -16.67% | -1/6 | -20% | -2/10 | -
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 | - - - - - - - - -1× - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | // -// -// -// -// -// -// -// - -import Popup from 'src/mixins/popup'; - -export default { - name: 'zan-popup', - - mixins: [Popup], - - props: { - overlay: { - default: true - }, - - lockOnScroll: { - default: false - }, - - closeOnClickOverlay: { - default: true - }, - - transition: { - type: String, - default: 'popup-slide' - }, - - position: { - type: String, - default: '' - } - }, - - data() { - return { - currentValue: false, - currentTransition: this.transition - }; - }, - - watch: { - currentValue(val) { - this.$emit('input', val); - }, - - value(val) { - this.currentValue = val; - } - }, - - beforeMount() { - if (this.transition !== 'popup-fade') { - this.currentTransition = `popup-slide-${this.position}`; - } - }, - - mounted() { - if (this.value) { - this.currentValue = true; - this.open(); - } - } -}; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import RadioGroup from 'packages/radio/src/radio-group'; - -export default RadioGroup; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Radio from './src/radio'; - -export default Radio; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| radio-group.vue | -66.67% | -2/3 | -100% | -0/0 | -0% | -0/1 | -50% | -1/2 | -|
| radio.vue | -50% | -6/12 | -22.22% | -4/18 | -20% | -1/5 | -25% | -2/8 | -
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 | - - - - - - - - - - - - - - - - - - - - - - | //
-//
-//
-//
-//
-//
-
-export default {
- name: 'zan-radio-group',
-
- props: {
- value: {},
- disabled: Boolean
- },
-
- watch: {
- value(value) {
- this.$emit('change', value);
- }
- }
-};
-
- |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 | - - - - - - - - - - - - - - - - - - - - - - - - - -1× - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-import findParent from 'src/mixins/findParent';
-
-export default {
- name: 'zan-radio',
-
- mixins: [findParent],
-
- props: {
- disabled: Boolean,
- value: {},
- name: [String, Number]
- },
-
- computed: {
- isGroup() {
- return !!this.findParentByComponentName('zan-radio-group');
- },
-
- currentValue: {
- get() {
- return this.isGroup && this.parentGroup ? this.parentGroup.value : this.value;
- },
-
- set(val) {
- if (this.isGroup && this.parentGroup) {
- this.parentGroup.$emit('input', val);
- } else {
- this.$emit('input', val);
- }
- }
- },
-
- isDisabled() {
- return this.isGroup && this.parentGroup
- ? this.parentGroup.disabled || this.disabled
- : this.disabled;
- }
- }
-};
-
- |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Search from './src/search'; - -export default Search; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| search.vue | -16.67% | -2/12 | -0% | -0/2 | -0% | -0/6 | -10% | -1/10 | -
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | // -// -// -// -// -// -// -// -// -// - -export default { - name: 'zan-search', - props: { - placeholder: { - type: String - } - }, - data() { - return { - value: '', - focusStatus: false, - isFocus: false - }; - }, - directives: { - refocus: { - update: function(el, state) { - if (state.value) { el.focus(); } - } - } - }, - methods: { - handleFocus() { - // 进入input焦点，出现close和取消 - this.isFocus = true; - }, - handleClean() { - // 点击close后清空vlaue后，再聚焦input框 - this.value = ''; - this.focusStatus = true; - }, - handleBack() { - // 点击取消后，清空所有回复最初状态 - this.value = ''; - this.focusStatus = false; - this.isFocus = false; - }, - handleSearch() { - // input输入回车后，发送回调 - this.$emit('search', this.value); - } - } -}; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Steps from './src/steps'; - -export default Steps; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| steps.vue | -66.67% | -2/3 | -100% | -0/0 | -0% | -0/1 | -50% | -1/2 | -
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 | - - - - - - - - - - - - - - - - - - | // -// -// -// -// -// -// - -export default { - name: 'Sample', - props: ['author'], - data() { - return { - name: 'World' - }; - } -}; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Switch from './src/switch'; - -export default Switch; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| switch.vue | -18.18% | -2/11 | -0% | -0/10 | -0% | -0/3 | -14.29% | -1/7 | -
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | //
-//
-//
-//
-//
-//
-//
-//
-
-/**
- * zan-switch
- * @module components/switch
- * @desc 开关
- * @param {boolean} [checked=false] - 开关状态
- * @param {boolean} [disabled=false] - 禁用
- * @param {boolean} [loading=false] - loading状态
- * @param {callback} [onChange] - 开关状态改变回调函数。
- *
- * @example
- * <zan-switch checked="true" disabled="false"></zan-switch>
- */
-export default {
- name: 'zan-switch',
- props: {
- checked: {
- type: Boolean,
- default: false
- },
- disabled: {
- type: Boolean,
- default: false
- },
- loading: {
- type: Boolean,
- default: false
- },
- onChange: {
- type: Function,
- default: function() {}
- }
- },
- computed: {
- switchState: function() {
- let switchState = this.checked ? ['is-on'] : ['is-off'];
-
- if (this.disabled) switchState.push('is-disabled');
- if (this.loading) switchState.push('is-loading');
-
- return switchState;
- }
- },
- methods: {
- /*
- * 开关状态交互。
- */
- toggleState: function() {
- if (this.disabled || this.loading) return;
- this.onChange(!this.checked);
- }
- }
-};
-
- |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Tag from './src/main'; - -export default Tag; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| main.vue | -100% | -2/2 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 | - - - - - - - - - - - - - - - - | //
-//
-//
-//
-//
-//
-
-export default {
- name: 'zan-tag',
- props: {
- type: String,
- mark: Boolean,
- plain: Boolean
- }
-};
-
- |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -100% | -6/6 | -100% | -4/4 | -100% | -1/1 | -100% | -2/2 | -
| 1 -2 -3 -4 -5 | 1× - - - - | import Waterfall from './src/main.js'; - -export default Waterfall; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 | 1× - -1× -1× - - - -1× - - - - - - - - - - - - - - - - - - - - - - -1× - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -2× - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import Utils from './utils.js'; - -const CONTEXT = '@@Waterfall'; -const OFFSET = 300; - -// 绑定事件到元素上 -// 读取基本的控制变量 -function doBindEvent() { - this.scrollEventListener = Utils.debounce(handleScrollEvent.bind(this), 200); - this.scrollEventTarget = Utils.getScrollEventTarget(this.el); - - var disabledExpr = this.el.getAttribute('waterfall-disabled'); - var disabled = false; - if (disabledExpr) { - this.vm.$watch(disabledExpr, (value) => { - this.disabled = value; - }); - disabled = Boolean(this.vm[disabledExpr]); - } - this.disabled = disabled; - - var offset = this.el.getAttribute('waterfall-offset'); - this.offset = Number(offset) || OFFSET; - - this.scrollEventTarget.addEventListener('scroll', this.scrollEventListener); - - this.scrollEventListener(); -} - -// 处理滚动函数 -function handleScrollEvent() { - let element = this.el; - let scrollEventTarget = this.scrollEventTarget; - - // 已被禁止的滚动处理 - if (this.disabled) return; - - let targetScrollTop = Utils.getScrollTop(scrollEventTarget); - let targetBottom = targetScrollTop + Utils.getVisibleHeight(scrollEventTarget); - - // 判断是否到了底 - let needLoadMoreToLower = false; - if (element === scrollEventTarget) { - needLoadMoreToLower = scrollEventTarget.scollHeight - targetBottom < this.offset; - } else { - let elementBottom = Utils.getElementTop(element) - Utils.getElementTop(scrollEventTarget) + Utils.getVisibleHeight(element); - needLoadMoreToLower = elementBottom - Utils.getVisibleHeight(scrollEventTarget) < this.offset; - } - if (needLoadMoreToLower) { - this.cb['lower'] && this.cb['lower']({ target: scrollEventTarget, top: targetScrollTop }); - } - - // 判断是否到了顶 - let needLoadMoreToUpper = false; - if (element === scrollEventTarget) { - needLoadMoreToUpper = targetScrollTop < this.offset; - } else { - let elementTop = Utils.getElementTop(element) - Utils.getElementTop(scrollEventTarget); - needLoadMoreToUpper = elementTop + this.offset > 0; - } - if (needLoadMoreToUpper) { - this.cb['upper'] && this.cb['upper']({ target: scrollEventTarget, top: targetScrollTop }); - } -} - -export default function(type) { - return { - bind(el, binding, vnode) { - if (!el[CONTEXT]) { - el[CONTEXT] = { - el, - vm: vnode.context, - cb: {} - }; - } - el[CONTEXT].cb[type] = binding.value; - - vnode.context.$on('hook:mounted', function() { - if (Utils.isAttached(el)) { - doBindEvent.call(el[CONTEXT]); - } - }); - }, - - update(el) { - el[CONTEXT].scrollEventListener(); - }, - - unbind(el) { - const context = el[CONTEXT]; - context.scrollEventTarget.removeEventListener('scroll', context.scrollEventListener); - } - }; -}; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| directive.js | -20.37% | -11/54 | -15.38% | -4/26 | -22.22% | -2/9 | -14.58% | -7/48 | -|
| main.js | -100% | -14/14 | -83.33% | -5/6 | -100% | -2/2 | -100% | -9/9 | -|
| utils.js | -5.26% | -2/38 | -0% | -0/22 | -0% | -0/8 | -2.7% | -1/37 | -
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 | 1× -1× - -1× -1× -1× - - -1× -1× - - -1× - - - | import Waterfall from './directive.js';
-import Vue from 'vue';
-
-const install = function(Vue) {
- Vue.directive('WaterfallLower', Waterfall('lower'));
- Vue.directive('WaterfallUpper', Waterfall('upper'));
-};
-
-Eif (!Vue.prototype.$isServer) {
- Vue.use(install);
-}
-
-Waterfall.install = install;
-export default Waterfall;
-
- |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | export default { - debounce(func, wait, immediate) { - var timeout, args, context, timestamp, result; - return function() { - context = this; - args = arguments; - timestamp = new Date(); - var later = function() { - var last = (new Date()) - timestamp; - if (last < wait) { - timeout = setTimeout(later, wait - last); - } else { - timeout = null; - result = func.apply(context, args); - } - }; - if (!timeout) { - timeout = setTimeout(later, wait); - } - return result; - }; - }, - - // 找到最近的触发滚动事件的元素 - getScrollEventTarget(element) { - var currentNode = element; - // bugfix, see http://w3help.org/zh-cn/causes/SD9013 and http://stackoverflow.com/questions/17016740/onscroll-function-is-not-working-for-chrome - while (currentNode && currentNode.tagName !== 'HTML' && currentNode.tagName !== 'BODY' && currentNode.nodeType === 1) { - var overflowY = this.getComputedStyle(currentNode).overflowY; - if (overflowY === 'scroll' || overflowY === 'auto') { - return currentNode; - } - currentNode = currentNode.parentNode; - } - return window; - }, - - // 判断元素是否被加入到页面节点内 - isAttached(element) { - var currentNode = element.parentNode; - while (currentNode) { - if (currentNode.tagName === 'HTML') { - return true; - } - if (currentNode.nodeType === 11) { - return false; - } - currentNode = currentNode.parentNode; - } - return false; - }, - - // 获取滚动高度 - getScrollTop(element) { - return 'scrollTop' in element ? element.scrollTop : element.pageYOffset; - }, - - // 获取元素距离顶部高度 - getElementTop(element) { - if (element === window) { - return this.getScrollTop(window); - } - return element.getBoundingClientRect().top + this.getScrollTop(window); - }, - - getVisibleHeight(element) { - if (element === window) { - return element.innerHeight; - } - - return element.getBoundingClientRect().height; - }, - - getComputedStyle: document.defaultView.getComputedStyle.bind(document.defaultView) -}; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -68.06% | -49/72 | -70% | -7/10 | -50% | -1/2 | -54.17% | -26/48 | -
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 | 1× -1× -1× -1× -1× -1× -1× -1× -1× -1× -1× -1× -1× -1× -1× -1× -1× -1× -1× -1× -1× -1× - -1× - - - - - - - - - - - - - - - - - - - - - - - - - -1× - - - -1× - - - - - - - - - - - - - - - - - - - - - - - - - - - | import Button from '../packages/button/index.js'; -import Switch from '../packages/switch/index.js'; -import Field from '../packages/field/index.js'; -import Radio from '../packages/radio/index.js'; -import Cell from '../packages/cell/index.js'; -import Icon from '../packages/icon/index.js'; -import CellGroup from '../packages/cell-group/index.js'; -import Popup from '../packages/popup/index.js'; -import Dialog from '../packages/dialog/index.js'; -import Picker from '../packages/picker/index.js'; -import RadioGroup from '../packages/radio-group/index.js'; -import Waterfall from '../packages/waterfall/index.js'; -import Loading from '../packages/loading/index.js'; -import Panel from '../packages/panel/index.js'; -import Card from '../packages/card/index.js'; -import Steps from '../packages/steps/index.js'; -import Tag from '../packages/tag/index.js'; -import Checkbox from '../packages/checkbox/index.js'; -import CheckboxGroup from '../packages/checkbox-group/index.js'; -import BadgeGroup from '../packages/badge-group/index.js'; -import Badge from '../packages/badge/index.js'; -import Search from '../packages/search/index.js'; - -const install = function(Vue) { - if (install.installed) return; - - Vue.component(Button.name, Button); - Vue.component(Switch.name, Switch); - Vue.component(Field.name, Field); - Vue.component(Radio.name, Radio); - Vue.component(Cell.name, Cell); - Vue.component(Icon.name, Icon); - Vue.component(CellGroup.name, CellGroup); - Vue.component(Popup.name, Popup); - Vue.component(Picker.name, Picker); - Vue.component(RadioGroup.name, RadioGroup); - Vue.component(Loading.name, Loading); - Vue.component(Panel.name, Panel); - Vue.component(Card.name, Card); - Vue.component(Steps.name, Steps); - Vue.component(Tag.name, Tag); - Vue.component(Checkbox.name, Checkbox); - Vue.component(CheckboxGroup.name, CheckboxGroup); - Vue.component(BadgeGroup.name, BadgeGroup); - Vue.component(Badge.name, Badge); - Vue.component(Search.name, Search); -}; - -// auto install -Iif (typeof window !== 'undefined' && window.Vue) { - install(window.Vue); -} - -module.exports = { - install, - version: '0.0.7', - Button, - Switch, - Field, - Radio, - Cell, - Icon, - CellGroup, - Popup, - Dialog, - Picker, - RadioGroup, - Waterfall, - Loading, - Panel, - Card, - Steps, - Tag, - Checkbox, - CheckboxGroup, - BadgeGroup, - Badge, - Search -}; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 | - - - - - - - - - - - - - - - - - - - - - - - | /**
- * 根据父组件名找到对应`parent`
- */
-export default {
- methods: {
- findParentByComponentName(name) {
- if (this.parentGroup) return;
-
- let parent = this.$parent;
- while (parent) {
- if (parent.$options.name === name) {
- this.parentGroup = parent;
- break;
- } else {
- parent = parent.$parent;
- }
- }
-
- return this.parentGroup;
- }
- }
-};
-
- |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| findParent.js | -18.18% | -2/11 | -0% | -0/4 | -0% | -0/1 | -11.11% | -1/9 | -
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.js | -18.18% | -12/66 | -10.26% | -4/39 | -10% | -1/10 | -10.71% | -6/56 | -|
| popup-manager.js | -10.29% | -7/68 | -0% | -0/43 | -0% | -0/11 | -9.38% | -6/64 | -
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 | 1× -1× -1× - -1× - -1× - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import Vue from 'vue'; -import merge from 'src/utils/merge'; -import PopupManager from './popup-manager'; - -let idSeed = 1; - -const getDOM = function(dom) { - if (dom.nodeType === 3) { - dom = dom.nextElementSibling || dom.nextSibling; - getDOM(dom); - } - return dom; -}; - -export default { - props: { - /** - * popup当前显示状态 - */ - value: { - type: Boolean, - default: false - }, - /** - * 是否显示遮罩层 - */ - overlay: { - type: Boolean, - default: false - }, - /** - * 点击遮罩层是否关闭popup - */ - closeOnClickOverlay: { - type: Boolean, - default: false - }, - zIndex: [String, Number], - /** - * popup滚动时是否body内容也滚动 - * 默认为不滚动 - */ - lockOnScroll: { - type: Boolean, - default: true - } - }, - - watch: { - value(val) { - if (val) { - if (this.opening) return; - this.open(); - } else { - if (this.closing) return; - this.close(); - } - } - }, - - beforeMount() { - this._popupId = 'popup-' + idSeed++; - PopupManager.register(this._popupId, this); - }, - - data() { - return { - opening: false, - opened: false, - closing: false, - bodyOverflow: null - }; - }, - - methods: { - /** - * 显示popup - */ - open(options) { - if (this.opened) return; - - this.opening = true; - - this.$emit('input', true); - - const dom = getDOM(this.$el); - const props = merge({}, this, options); - const zIndex = props.zIndex; - - // 如果属性中传入了`zIndex`，则覆盖`PopupManager`中对应的`zIndex` - if (zIndex) { - PopupManager.zIndex = zIndex; - } - - // 如果显示遮罩层 - if (this.overlay) { - if (this.closing) { - PopupManager.closeModal(this._popupId); - this.closing = false; - } - PopupManager.openModal(this._popupId, PopupManager.nextZIndex(), dom); - - // 如果滚动时需要锁定 - if (this.lockOnScroll) { - // 将原来的`bodyOverflow`存起来 - if (!this.bodyOverflow) { - this.bodyOverflow = document.body.style.overflow; - } - - document.body.style.overlay = 'hidden'; - } - } - - dom.style.zIndex = PopupManager.nextZIndex(); - this.opened = true; - this.opening = false; - }, - - /** - * 关闭popup - */ - close() { - if (this.closing) return; - - this.closing = true; - - this.$emit('input', false); - - if (this.lockOnScroll) { - setTimeout(() => { - if (this.modal && this.bodyOverflow !== 'hidden') { - document.body.style.overflow = this.bodyOverflow; - } - this.bodyOverflow = null; - }, 200); - } - - this.opened = false; - this.doAfterClose(); - }, - - doAfterClose() { - this.closing = false; - PopupManager.closeModal(this._popupId); - } - }, - - beforeDestroy() { - PopupManager.deregister(this._popupId); - PopupManager.closeModal(this._popupId); - - if (this.modal && this.bodyOverflow !== null && this.bodyOverflow !== 'hidden') { - document.body.style.overflow = this.bodyOverflow; - } - this.bodyOverflow = null; - } -}; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 | 1× - -1× - -1× - - - - - - - - - - - - - - - - - - - - - -1× - -1× - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { addClass, removeClass } from 'src/utils/dom';
-
-let hasModal = false;
-
-const getModal = function() {
- let modalDom = PopupManager.modalDom;
- if (modalDom) {
- hasModal = true;
- } else {
- hasModal = false;
- modalDom = document.createElement('div');
- PopupManager.modalDom = modalDom;
-
- modalDom.addEventListener('touchmove', function(event) {
- event.preventDefault();
- event.stopPropagation();
- });
-
- modalDom.addEventListener('click', function() {
- PopupManager.handleOverlayClick && PopupManager.handleOverlayClick();
- });
- }
-
- return modalDom;
-};
-
-const instances = {};
-
-const PopupManager = {
- zIndex: 2000,
-
- modalStack: [],
-
- nextZIndex() {
- return this.zIndex++;
- },
-
- getInstance(id) {
- return instances[id];
- },
-
- register(id, instance) {
- if (id && instance) {
- instances[id] = instance;
- }
- },
-
- deregister(id) {
- if (id) {
- instances[id] = null;
- delete instances[id];
- }
- },
-
- /**
- * 遮罩层点击回调，`closeOnClickOverlay`为`true`时会关闭当前`popup`
- */
- handleOverlayClick() {
- const topModal = PopupManager.modalStack[PopupManager.modalStack.length - 1];
- if (!topModal) return;
-
- const instance = PopupManager.getInstance(topModal.id);
- if (instance && instance.closeOnClickOverlay) {
- instance.close();
- }
- },
-
- openModal(id, zIndex, dom) {
- if (!id || zIndex === undefined) return;
-
- const modalStack = this.modalStack;
-
- for (let i = 0, len = modalStack.length; i < len; i++) {
- const item = modalStack[i];
- if (item.id === id) {
- return;
- }
- }
-
- const modalDom = getModal();
-
- addClass(modalDom, 'zan-modal');
-
- if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
- dom.parentNode.appendChild(modalDom);
- } else {
- document.body.appendChild(modalDom);
- }
-
- if (zIndex) {
- modalDom.style.zIndex = zIndex;
- }
- modalDom.style.display = '';
-
- this.modalStack.push({ id: id, zIndex: zIndex });
- },
-
- closeModal(id) {
- const modalStack = this.modalStack;
- const modalDom = getModal();
-
- if (modalStack.length > 0) {
- const topItem = modalStack[modalStack.length - 1];
- if (topItem.id === id) {
- modalStack.pop();
- if (modalStack.length > 0) {
- modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
- }
- } else {
- for (let i = modalStack.length - 1; i >= 0; i--) {
- if (modalStack[i].id === id) {
- modalStack.splice(i, 1);
- break;
- }
- }
- }
- }
-
- if (modalStack.length === 0) {
- setTimeout(() => {
- if (modalStack.length === 0) {
- if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
-
- modalDom.style.display = 'none';
- this.modalDom = null;
- }
- }, 200);
- }
- }
-};
-
-export default PopupManager;
-
- |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 | 1× - - - -1× - - - - - - - - - -1× - - - - - - - - - - - - - - - - - - - - - -1× - - - - - - - - - - - - - - - - - - - - - - | const trim = function(string) { - return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, ''); -}; - -export function hasClass(el, cls) { - if (!el || !cls) return false; - if (cls.indexOf(' ') !== -1) throw new Error('className should not contain space.'); - if (el.classList) { - return el.classList.contains(cls); - } else { - return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1; - } -}; - -export function addClass(el, cls) { - if (!el) return; - var curClass = el.className; - var classes = (cls || '').split(' '); - - for (var i = 0, j = classes.length; i < j; i++) { - var clsName = classes[i]; - if (!clsName) continue; - - if (el.classList) { - el.classList.add(clsName); - } else { - if (!hasClass(el, clsName)) { - curClass += ' ' + clsName; - } - } - } - if (!el.classList) { - el.className = curClass; - } -}; - -export function removeClass(el, cls) { - if (!el || !cls) return; - var classes = cls.split(' '); - var curClass = ' ' + el.className + ' '; - - for (var i = 0, j = classes.length; i < j; i++) { - var clsName = classes[i]; - if (!clsName) continue; - - if (el.classList) { - el.classList.remove(clsName); - } else { - if (hasClass(el, clsName)) { - curClass = curClass.replace(' ' + clsName + ' ', ' '); - } - } - } - if (!el.classList) { - el.className = trim(curClass); - } -}; - - |
| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| dom.js | -18.18% | -8/44 | -0% | -0/34 | -0% | -0/4 | -14.29% | -5/35 | -|
| merge.js | -16.67% | -2/12 | -0% | -0/6 | -0% | -0/1 | -10% | -1/10 | -|
| transition.js | -46.15% | -30/65 | -16.13% | -10/62 | -25% | -1/4 | -46.43% | -26/56 | -
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 | - - - - - - - - - - - - - - - - | export default function(target, ...sources) { - for (let i = 0; i < sources.length; i++) { - let source = sources[i] || {}; - for (let prop in source) { - if (source.hasOwnProperty(prop)) { - let value = source[prop]; - if (value !== undefined) { - target[prop] = value; - } - } - } - } - - return target; -}; - - |
| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 | 1× - -1× - -1× -1× -1× -1× - -1× - -1× - -1× -1× - - - - -1× - -1× - -1× -1× -1× -1× -1× -1× -1× - -1× -1× - - -1× - - - - - - - - - - - - - -1× - - - - - - - - - - - - - - - - - - - - - - - - - -1× - - - - - - - - - - -1× - - - - - - - - - - - - - - - | import Vue from 'vue';
-
-var exportObj = {};
-
-Eif (!Vue.prototype.$isServer) {
- var docStyle = document.documentElement.style;
- var engine;
- var translate3d = false;
-
- Iif (window.opera && Object.prototype.toString.call(window.opera) === '[object Opera]') {
- engine = 'presto';
- } else Iif ('MozAppearance' in docStyle) {
- engine = 'gecko';
- } else Eif ('WebkitAppearance' in docStyle) {
- engine = 'webkit';
- } else if (typeof navigator.cpuClass === 'string') {
- engine = 'trident';
- }
-
- var cssPrefix = {trident: '-ms-', gecko: '-moz-', webkit: '-webkit-', presto: '-o-'}[engine];
-
- var vendorPrefix = {trident: 'ms', gecko: 'Moz', webkit: 'Webkit', presto: 'O'}[engine];
-
- var helperElem = document.createElement('div');
- var perspectiveProperty = vendorPrefix + 'Perspective';
- var transformProperty = vendorPrefix + 'Transform';
- var transformStyleName = cssPrefix + 'transform';
- var transitionProperty = vendorPrefix + 'Transition';
- var transitionStyleName = cssPrefix + 'transition';
- var transitionEndProperty = vendorPrefix.toLowerCase() + 'TransitionEnd';
-
- Eif (helperElem.style[perspectiveProperty] !== undefined) {
- translate3d = true;
- }
-
- var getTranslate = function(element) {
- var result = {left: 0, top: 0};
- if (element === null || element.style === null) return result;
-
- var transform = element.style[transformProperty];
- var matches = /translate\(\s*(-?\d+(\.?\d+?)?)px,\s*(-?\d+(\.\d+)?)px\)\s*translateZ\(0px\)/ig.exec(transform);
- if (matches) {
- result.left = +matches[1];
- result.top = +matches[3];
- }
-
- return result;
- };
-
- var translateElement = function(element, x, y) {
- if (x === null && y === null) return;
-
- if (element === null || element === undefined || element.style === null) return;
-
- if (!element.style[transformProperty] && x === 0 && y === 0) return;
-
- if (x === null || y === null) {
- var translate = getTranslate(element);
- if (x === null) {
- x = translate.left;
- }
- if (y === null) {
- y = translate.top;
- }
- }
-
- cancelTranslateElement(element);
-
- if (translate3d) {
- element.style[transformProperty] += ' translate(' + (x ? (x + 'px') : '0px') + ',' + (y ? (y + 'px') : '0px') + ') translateZ(0px)';
- } else {
- element.style[transformProperty] += ' translate(' + (x ? (x + 'px') : '0px') + ',' + (y ? (y + 'px') : '0px') + ')';
- }
- };
-
- var cancelTranslateElement = function(element) {
- if (element === null || element.style === null) return;
-
- var transformValue = element.style[transformProperty];
-
- if (transformValue) {
- transformValue = transformValue.replace(/translate\(\s*(-?\d+(\.?\d+?)?)px,\s*(-?\d+(\.\d+)?)px\)\s*translateZ\(0px\)/g, '');
- element.style[transformProperty] = transformValue;
- }
- };
-
- exportObj = {
- transformProperty: transformProperty,
- transformStyleName: transformStyleName,
- transitionProperty: transitionProperty,
- transitionStyleName: transitionStyleName,
- transitionEndProperty: transitionEndProperty,
- getElementTranslate: getTranslate,
- translateElement: translateElement,
- cancelTranslateElement: cancelTranslateElement
- };
-};
-
-export default exportObj;
-
-
- |