2.0.38 • Published 4 years ago

tinper-bee-core v2.0.38

Weekly downloads
784
License
MIT
Repository
github
Last release
4 years ago

bee-core

tinper-bee组件库的核心样式及公用方法库

核心样式

放在scss文件夹下,由index.scss统一导出 包括

  • 重置浏览器样式
  • 全局样式设置
  • 图标样式
  • 波纹效果、阴影样式、文本及字体样式
  • 主辅色及常用颜色设置

工具方法库

set-global

  • 设置body字体及颜色
  • 设置图表间距
  • 设置显隐u-visible u-not-visible
  • 设置边框u-border-top...

set-normalize

  • 重置css样式

set-resets

  • 选择时删除文本阴影,及设置默认选中颜色
  • html5标签的跨浏览器样式适配

util-iconfont

  • 图标设定

util-ripple

  • 波动动画设定

util-shadow

  • 阴影样式设定

util-utilities

  • 垂直对齐样式
  • display样式
  • 文本换行,浅色
  • 文本位置
  • 文本大小写
  • 字体粗度
  • 字体大小
  • 清除浮动及左右浮动
  • 显示隐藏
  • 宽高常用预设样式
  • 常用margin,padding预设样式
  • visible,hidden的适配预设

minxin-colors

minxin-mixins

minxin-palette

  • 设置根据minxin-colors的颜色生成背景颜色和字体颜色

minxin-themeColors

  • 设置主色和辅色

minxin-variables

  • 默认变量
    • 默认字体
    • 默认颜色
    • 字体大小和粗细
    • 波纹效果
    • 贝塞尔曲线动画
    • 阴影
    • 常用z-index值设定
    • UI组件的预设

js方法

keyCode对象

引入方法:

import keyCode from 'tinper-bee-core/lib/keyCode';

//或者

import { keyCode } from 'tinper-bee-core';

方法:

  • isTextModifyingKeyEvent 验证是否是特殊按键或组合按键
handleKeyDown = (e) => {
if(keyCode.isTextModifyingKeyEvent(e)){
 //一些操作
}
}
...

<Input onKeyDown={this.handleKeyDown} />
  • isCharacterKey 验证是否是文本键
handleKeyDown = (e) => {
if(keyCode.isCharacterKey(e)){
 //一些操作
}
}
...

<Input onKeyDown={this.handleKeyDown} />

toArray 将数组安全的转换为react element 数组

splitComponentProps 通过父组件的propTypes拆分分别传给父子组件的props

const propTypes = {
    color: PropTypes.string,
    size: PropTypes.string
}
class ParentClass extends React.Component{
    render() {
        let props = this.props;
        let [parentProps, childProps] = splitComponentProps(props);

        return (
            <div>
                <ChildrenClass {...childProps} />
            </div>
        )
    }
}

ParentClass.propTypes = propTypes;

createChainedFunction 创建链式调用方法

用法:

contains 检验是否包含

2.0.37

4 years ago

2.0.38

4 years ago

2.0.36

5 years ago

2.0.35

5 years ago

2.0.34

6 years ago

2.0.33

6 years ago

2.0.32

6 years ago

2.0.31

6 years ago

2.0.31-alpha.0

6 years ago

2.0.30

6 years ago

2.0.30-alpha.0

6 years ago

2.0.29

6 years ago

2.0.28

6 years ago

2.0.28-alpha.1

6 years ago

2.0.28-alpha.0

6 years ago

2.0.27

6 years ago

2.0.26

6 years ago

2.0.25

6 years ago

2.0.24

6 years ago

2.0.24-alpha.0

6 years ago

2.0.23

6 years ago

2.0.23-alpha.0

6 years ago

2.0.22

6 years ago

2.0.21

6 years ago

2.0.20

6 years ago

2.0.19

6 years ago

2.0.18-alpha.0

6 years ago

2.0.18

6 years ago

2.0.17

6 years ago

2.0.17-alpha.0

6 years ago

2.0.16

6 years ago

2.0.16-alpha.1

6 years ago

2.0.16-alpha.0

6 years ago

2.0.15

6 years ago

2.0.14

6 years ago

2.0.13

6 years ago

2.0.13-alpha.2

6 years ago

2.0.13-alpha.1

6 years ago

2.0.13-alpha.0

6 years ago

2.0.12

6 years ago

2.0.12-alpha.7

6 years ago

2.0.12-alpha.6

6 years ago

2.0.12-alpha.5

6 years ago

2.0.12-alpha.4

6 years ago

2.0.12-alpha.3

6 years ago

2.0.12-alpha.2

6 years ago

2.0.12-alpha.1

6 years ago

2.0.12-alpha.0

6 years ago

2.0.11

6 years ago

2.0.11-alpha.0

6 years ago

2.0.10

6 years ago

2.0.9-beta.1

6 years ago

2.0.9

6 years ago

2.0.8

6 years ago

2.0.8-alpha.1

6 years ago

2.0.8-alpha.0

6 years ago

2.0.7

6 years ago

2.0.6

6 years ago

2.0.5

6 years ago

2.0.4

6 years ago

2.0.4-alpha.0

6 years ago

2.0.3

6 years ago

2.0.2

6 years ago

2.0.1

6 years ago

2.0.1-alpha.1

6 years ago

2.0.1-alpha.0

6 years ago

2.0.0

6 years ago

2.0.0-alpha.4

6 years ago

2.0.0-alpha.3

6 years ago

2.0.0-alpha.2

6 years ago

2.0.0-alpha.1

6 years ago

2.0.0-alpha.0

6 years ago

1.0.8

6 years ago

1.0.7

6 years ago

1.0.6

6 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago

0.4.1

8 years ago

0.4.0

8 years ago

0.2.11

8 years ago

0.2.10

8 years ago

0.3.0

8 years ago

0.2.9

8 years ago

0.2.8

8 years ago

0.2.7

8 years ago

0.2.6

8 years ago

0.2.5

8 years ago

0.2.4

8 years ago

0.2.3

8 years ago

0.2.2

8 years ago

0.2.1

8 years ago

0.2.0

8 years ago

0.1.9

8 years ago

0.1.8

9 years ago

0.1.7

9 years ago

0.1.6

9 years ago

0.1.5

9 years ago

0.1.4

9 years ago

0.1.3

9 years ago

0.1.2

9 years ago

0.1.1

9 years ago

0.0.26

9 years ago

0.1.0

9 years ago

0.0.25

9 years ago

0.0.24

9 years ago

0.0.23

9 years ago

0.0.22

9 years ago

0.0.21

9 years ago

0.0.20

9 years ago

0.0.19

9 years ago

0.0.18

9 years ago

0.0.17

9 years ago

0.0.16

9 years ago

0.0.15

9 years ago

0.0.14

9 years ago

0.0.13

9 years ago

0.0.12

9 years ago

0.0.11

9 years ago

0.0.10

9 years ago

0.0.9

9 years ago

0.0.8

9 years ago

0.0.7

9 years ago

0.0.6

9 years ago

0.0.5

9 years ago

0.0.4

9 years ago

0.0.3

9 years ago

0.0.2

9 years ago

0.0.1

9 years ago