tt-mp/src/white-space/index.js

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

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

baseComponent({
  properties: {
    prefixCls: {
      type: String,
      value: 'wux-whitespace',
    },
    size: {
      type: String,
      value: 'default',
    },
    bodyStyle: {
      type: [String, Object],
      value: '',
      observer(newVal) {
        this.setData({
          extStyle: styleToCssString(newVal),
        })
      },
    },
  },
  data: {
    extStyle: '',
  },
  computed: {
    classes: [
      'prefixCls, size',
      function (prefixCls, size) {
        const wrap = classNames(prefixCls, {
          [`${prefixCls}--${size}`]: size,
        })

        return {
          wrap,
        }
      },
    ],
  },
  methods: {
    onTap() {
      this.triggerEvent('click')
    },
  },
})