1.1.82 • Published 3 years ago

zb-components v1.1.82

Weekly downloads
118
License
ISC
Repository
-
Last release
3 years ago

zb-components

TextPopconfirm

使用了 antd 的 Popconfirm,点击文字出现确认框

import { TextPopconfirm } from 'zb-components'
;<TextPopconfirm onConfirm={this.onConfirm} title='确定删除吗?' text='删除' placement='top' />

image-preview

v1.1.10

图片预览高阶组件

import { ImagePreview } from 'zb-components'

@ImagePreview
class a extends Component {
  render() {
    return <img src={src} onClick={() => this.props.showModal(src)} />
  }
}

upload

v1.1.12

上传图片组件, 受控组件,接收 value: 图片列表 onChange: 事件 limit: 限制图片上传大小 默认 3 (MB) maximum: 图片数量限制 默认 5 env: 'test' | 'production' 环境 默认 production style

import { UploadImage } from 'zb-components'

class a extends Component {
  render() {
    return <UploadImage value={[]} limit={2} maximum={5} env='test' />
  }
}

装修组件

import { H5Fitment } from 'zb-components'
import { debounceAt } from 'zb-fjs' // 防抖

class a extends Component {
  toolbarConfig = () => {
    return [
      {
        type: 'default',
        key: 0,
        children: '提交',
        onClick: debounceAt(
          1000,
          true
        )(value => {
          if (!value.title) {
            message.error('请设置封面,输入页面标题!')
            return
          }
          let content = JSON.stringify(value)
        })
      }
    ]
  }
  render() {
    return (
      <div style={{ width: '100%', height: '699px' }}>
        <H5Fitment toolbarConfig={this.toolbarConfig()} title={title} dataSource={JSON.parse(content || '[]')} />
      </div>
    )
  }
}

滚动监听组件

// 1.1.32
import { ScrollHandle } from 'zb-components'

/**
 * @param 监听滚动事件的id
 * @param 触发事件的底部的距离
 **/
@ScrollHandle('id', 50)
class a extends Component {
  handleScroll = e => {
    // 滚动事件
  }
  handleScrollBottom = e => {
    // 滚动到底部触发的事件
  }
  render...
}
1.1.81

3 years ago

1.1.82

3 years ago

1.1.80

4 years ago

1.1.78

4 years ago

1.1.79

4 years ago

1.1.75

4 years ago

1.1.74

4 years ago

1.1.73

4 years ago

1.1.72

4 years ago

1.1.71

4 years ago

1.1.70

4 years ago

1.1.69

4 years ago

1.1.68

4 years ago

1.1.67

4 years ago

1.1.66

4 years ago

1.1.63

4 years ago

1.1.65

4 years ago

1.1.64

4 years ago

1.1.61

4 years ago

1.1.60

4 years ago

1.1.59

4 years ago

1.1.58

4 years ago

1.1.57

4 years ago

1.1.56

4 years ago

1.1.55

5 years ago

1.1.54

5 years ago

1.1.53

5 years ago

1.1.52

5 years ago

1.1.51

5 years ago

1.1.49

5 years ago

1.1.50

5 years ago

1.1.48

5 years ago

1.1.47

5 years ago

1.1.46

5 years ago

1.1.45

5 years ago

1.1.44

5 years ago

1.1.43

5 years ago

1.1.42

5 years ago

1.1.41

5 years ago

1.1.40

5 years ago

1.1.39

5 years ago

1.1.38

5 years ago

1.1.37

5 years ago

1.1.36

5 years ago

1.1.34

5 years ago

1.1.35

5 years ago

1.1.33

5 years ago

1.1.32

5 years ago

1.1.31

5 years ago

1.1.29

5 years ago

1.1.28

5 years ago

1.1.30

5 years ago

1.1.27

5 years ago

1.1.26

5 years ago

1.1.25

5 years ago

1.1.24

5 years ago

1.1.23

5 years ago

1.1.22

5 years ago

1.1.21

5 years ago

1.1.19

5 years ago

1.1.18

5 years ago

1.1.17

5 years ago

1.1.16

5 years ago

1.1.15

5 years ago

1.1.14

5 years ago

1.1.13

5 years ago

1.1.12

5 years ago

1.1.11

5 years ago

1.1.10

5 years ago

1.1.9

5 years ago

1.1.8

5 years ago

1.1.7

5 years ago

1.1.6

5 years ago

1.1.5

5 years ago

1.1.4

5 years ago

1.1.3

5 years ago

1.1.2

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.11

6 years ago

1.0.10

6 years ago

1.0.9

6 years ago

1.0.8

6 years ago

1.0.7

6 years ago

1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago