1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- import baseComponent from '../helpers/baseComponent'
- import classNames from '../helpers/classNames'
- baseComponent({
- relations: {
- '../skeleton/index': {
- type: 'ancestor',
- },
- },
- properties: {
- prefixCls: {
- type: String,
- value: 'wux-skeleton-paragraph',
- },
- rows: {
- type: Number,
- value: 3,
- },
- rounded: {
- type: Boolean,
- value: false,
- },
- },
- data: {
- active: false,
- rowList: [],
- },
- computed: {
- classes: ['prefixCls, active, rounded', function(prefixCls, active, rounded) {
- const wrap = classNames(prefixCls, {
- [`${prefixCls}--active`]: active,
- [`${prefixCls}--rounded`]: rounded,
- })
- const row = `${prefixCls}__row`
- return {
- wrap,
- row,
- }
- }],
- },
- methods: {
- updated(active) {
- if (this.data.active !== active) {
- this.setData({
- active,
- })
- }
- },
- updateRows(rows = this.data.rows) {
- this.setData({
- rowList: [...Array(rows)].map((_, index) => index),
- })
- },
- },
- attached() {
- this.updateRows()
- },
- })
|