goods-common v2.4.1

前端通用业务组件

业务项目安装goods-common

npm install --save goods-common

引入方式

# 按需引入
import cascader from 'goods-common/lib/cascader.js'
import filtrate from 'goods-common/lib/filtrate.js'
import select from 'goods-common/lib/select.js'
import tree from 'goods-common/lib/tree.js'
import batchUpload from 'goods-common/lib/batchUpload.js'
import checkboxGroup from 'goods-common/lib/checkboxGroup.js'
import countInput from 'goods-common/lib/countInput.js'
import imageUpload from 'goods-common/lib/imageUpload.js'
import radioGroup from 'goods-common/lib/radioGroup.js'
import newBadge from 'goods-common/lib/newBadge.js'
import imageCompress from 'goods-common/lib/imageCompress.js'
import dateSelector from 'goods-common/lib/dateSelector.js'
import marsHeatmap from 'goods-common/lib/marsHeatmap.js'
import numView from 'goods-common/lib/numView.js'
import quotaHover from 'goods-common/lib/quotaHover.js'
Vue.use(cascader)
Vue.use(filtrate)
Vue.use(select)
Vue.use(tree)
Vue.use(batchUpload)
Vue.use(checkboxGroup)
Vue.use(countInput)
Vue.use(imageUpload)
Vue.use(radioGroup)
Vue.use(newBadge)
Vue.use(imageCompress)
Vue.use(dateSelector)
Vue.use(marsHeatmap)
Vue.use(numView)
Vue.use(quotaHover)

# 使用组件时需加上前缀gd（goods简写）
eg: <gd-cascader></gd-cascader>
eg: <gd-filtrate></gd-filtrate>
eg: <gd-select></gd-select>
eg: <gd-tree></gd-tree>
eg: <gd-batchUpload></gd-batchUpload>
eg: <gd-checkboxGroup></gd-checkboxGroup>
eg: <gd-countInput></gd-countInput>
eg: <gd-imageUpload></gd-imageUpload>
eg: <gd-radioGroup></gd-radioGroup>
eg: <gd-newBadge></gd-newBadge>
eg: <gd-imageCompress></gd-imageCompress>
eg: <gd-dateSelector></gd-dateSelector>
eg: <gd-marsHeatmap></gd-marsHeatmap>
eg: <gd-numView></gd-numView>
eg: <gd-quotaHover></gd-quotaHover>

注意：如果有旧项目要迁移到此select，记得将g-select修改为gd-select，用Vue.components注册同名组件，用npm装的组件，无论注册代码放于前还是后，生效的始终是开发项目中的select组件，而用npm装的select注册后不生效，因此更改为 gd 前缀

组件文档

• cascader
• filtrate
• select
• tree
• batchUpload
• checkboxGroup
• countInput
• imageUpload
• radioGroup
• newBadge
• imageCompress
• dateSelector
• marsHeatmap
• numView
• quotaHover

查看例子

# install dependency
npm install

# develop
npm run dev

This will automatically open http://localhost:8866

发布

# 编译时只编译packages中的内容，src目录存放的是例子
npm run build:lib