tt-mp/core/divider/index.js

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

import baseComponent from '../helpers/baseComponent'
import classNames from '../helpers/classNames'

baseComponent({
  properties: {
    prefixCls: {
      type: String,
      value: 'wux-divider',
    },
    position: {
      type: String,
      value: 'center',
    },
    dashed: {
      type: Boolean,
      value: false,
    },
    text: {
      type: String,
      value: '',
    },
    showText: {
      type: Boolean,
      value: true,
    },
  },
  computed: {
    classes: [
      'prefixCls, dashed, showText, position',
      function (prefixCls, dashed, showText, position) {
        const wrap = classNames(prefixCls, {
          [`${prefixCls}--dashed`]: dashed,
          [`${prefixCls}--text`]: showText,
          [`${prefixCls}--text-${position}`]: showText && position,
        })
        const text = `${prefixCls}__text`

        return {
          wrap,
          text,
        }
      },
    ],
  },
})