drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

empty master

Browse source
This commit is contained in:
梁灏 2019-08-27 09:37:17 +08:00
parent 92c1162255
commit 67d534df27
276 changed files with 0 additions and 28368 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/steps/index.js
View file

@ -1,5 +0,0 @@
import Steps from './steps.vue';
import Step from './step.vue';
Steps.Step = Step;
export default Steps;

94
src/components/steps/step.vue
View file

@ -1,94 +0,0 @@
<template>
<div :class="wrapClasses" :style="styles">
<div :class="[prefixCls + '-tail']"><i></i></div>
<div :class="[prefixCls + '-head']">
<div :class="[prefixCls + '-head-inner']">
<span v-if="!icon && status != 'finish' && status != 'error'">{{ stepNumber }}</span>
<span v-else :class="iconClasses"></span>
</div>
</div>
<div :class="[prefixCls + '-main']">
<div :class="[prefixCls + '-title']">{{ title }}</div>
<div v-if="content" :class="[prefixCls + '-content']">{{ content }}</div>
</div>
</div>
</template>
<script>
import { oneOf } from '../../utils/assist';
const prefixCls = 'ivu-steps';
const iconPrefixCls = 'ivu-icon';
export default {
props: {
status: {
validator (value) {
return oneOf(value, ['wait', 'process', 'finish', 'error']);
}
},
title: {
type: String,
default: ''
},
content: {
type: String
},
icon: {
type: String
}
},
data () {
return {
prefixCls: prefixCls,
stepNumber: '',
nextError: false,
total: 1
};
},
computed: {
wrapClasses () {
return [
`${prefixCls}-item`,
`${prefixCls}-status-${this.status}`,
{
[`${prefixCls}-custom`]: !!this.icon,
[`${prefixCls}-next-error`]: this.nextError
}
];
},
iconClasses () {
let icon = '';
if (this.icon) {
icon = this.icon;
} else {
if (this.status == 'finish') {
icon = 'ios-checkmark-empty';
} else if (this.status == 'error') {
icon = 'ios-close-empty';
}
}
return [
`${prefixCls}-icon`,
`${iconPrefixCls}`,
{
[`${iconPrefixCls}-${icon}`]: icon != ''
}
];
},
styles () {
return {
width: `${1/this.total*100}%`
};
}
},
watch: {
status () {
if (this.status == 'error') {
this.$parent.setNextError();
}
}
}
};
</script>

107
src/components/steps/steps.vue
View file

@ -1,107 +0,0 @@
<template>
<div :class="classes">
<slot></slot>
</div>
</template>
<script>
import { oneOf } from '../../utils/assist';
const prefixCls = 'ivu-steps';
export default {
props: {
current: {
type: Number,
default: 0
},
status: {
validator (value) {
return oneOf(value, ['wait', 'process', 'finish', 'error']);
},
default: 'process'
},
size: {
validator (value) {
return oneOf(value, ['small']);
}
},
direction: {
validator (value) {
return oneOf(value, ['horizontal', 'vertical']);
},
default: 'horizontal'
}
},
computed: {
classes () {
return [
`${prefixCls}`,
`${prefixCls}-${this.direction}`,
{
[`${prefixCls}-${this.size}`]: !!this.size
}
];
}
},
ready () {
this.updateChildProps(true);
this.setNextError();
this.updateCurrent(true);
},
methods: {
updateChildProps (isInit) {
const total = this.$children.length;
this.$children.forEach((child, index) => {
child.stepNumber = index + 1;
if (this.direction === 'horizontal') {
child.total = total;
}
// 如果已存在status,且在初始化时,则略过
// todo 如果当前是error,在current改变时需要处理
if (!(isInit && child.status)) {
if (index == this.current) {
if (this.status != 'error') {
child.status = 'process';
}
} else if (index < this.current) {
child.status = 'finish';
} else {
child.status = 'wait';
}
}
if (child.status != 'error' && index != 0) {
this.$children[index - 1].nextError = false;
}
});
},
setNextError () {
this.$children.forEach((child, index) => {
if (child.status == 'error' && index != 0) {
this.$children[index - 1].nextError = true;
}
});
},
updateCurrent (isInit) {
if (isInit) {
const current_status = this.$children[this.current].status;
if (!current_status) {
this.$children[this.current].status = this.status;
}
} else {
this.$children[this.current].status = this.status;
}
}
},
watch: {
current () {
this.updateChildProps();
},
status () {
this.updateCurrent();
}
}
};
</script>