diff --git a/src/button/README.md b/src/button/README.md index ee4286112..d9401eaca 100644 --- a/src/button/README.md +++ b/src/button/README.md @@ -89,6 +89,11 @@ Vue.use(Button); Gradient ``` +### Block Element +```html +Display as a block element +``` + ## API ### Props diff --git a/src/button/README.zh-CN.md b/src/button/README.zh-CN.md index 45fc1a17f..0199bf796 100644 --- a/src/button/README.zh-CN.md +++ b/src/button/README.zh-CN.md @@ -109,6 +109,15 @@ Vue.use(Button); 渐变色按钮 ``` +### 块级元素按钮 + +通过`block`属性可以设置按钮的元素类型 + +```html +块级元素按钮 +``` + + ## API ### Props diff --git a/src/button/demo/index.vue b/src/button/demo/index.vue index 0adb78343..2d01011db 100644 --- a/src/button/demo/index.vue +++ b/src/button/demo/index.vue @@ -64,6 +64,13 @@ + + +
+ {{ $t('normal') }} +
+ {{ $t('blockElement') }} + @@ -96,7 +103,8 @@ export default { vueRoute: '路由跳转', customColor: '自定义颜色', pure: '单色按钮', - gradient: '渐变色按钮' + gradient: '渐变色按钮', + blockElement: '块级元素按钮' }, 'en-US': { type: 'Type', @@ -124,7 +132,8 @@ export default { vueRoute: 'Vue Router', customColor: 'Custom Color', pure: 'Pure', - gradient: 'Gradient' + gradient: 'Gradient', + blockElement: 'Display as a block element' } } }; diff --git a/src/button/test/__snapshots__/demo.spec.js.snap b/src/button/test/__snapshots__/demo.spec.js.snap index 035fca401..10ef719af 100644 --- a/src/button/test/__snapshots__/demo.spec.js.snap +++ b/src/button/test/__snapshots__/demo.spec.js.snap @@ -23,5 +23,8 @@ exports[`renders demo correctly 1`] = `
+
+
+
`; diff --git a/src/cell/README.md b/src/cell/README.md index 7e3c9643a..7cc6eb96d 100644 --- a/src/cell/README.md +++ b/src/cell/README.md @@ -94,6 +94,12 @@ Vue.use(Cell).use(CellGroup); ``` +### Vertical Center + +```html + +``` + ## API ### CellGroup Props diff --git a/src/cell/README.zh-CN.md b/src/cell/README.zh-CN.md index d92c15f9a..402d87f28 100644 --- a/src/cell/README.zh-CN.md +++ b/src/cell/README.zh-CN.md @@ -102,6 +102,15 @@ Vue.use(Cell).use(CellGroup); ``` +### 垂直居中 + +通过`center`属性在多行文本时控制左侧标题垂直居中 + +```html + +``` + + ## API ### CellGroup Props diff --git a/src/cell/demo/index.vue b/src/cell/demo/index.vue index 44e4278f2..7414b41f4 100644 --- a/src/cell/demo/index.vue +++ b/src/cell/demo/index.vue @@ -54,6 +54,10 @@ + + + + @@ -71,7 +75,9 @@ export default { router: '页面导航', urlRoute: 'URL 跳转', vueRoute: '路由跳转', - useSlots: '使用插槽' + useSlots: '使用插槽', + verticalCenter: '垂直居中', + multipleLinesContent: '多行内容多行内容多行内容多行内容', }, 'en-US': { cell: 'Cell title', @@ -84,7 +90,9 @@ export default { router: 'Router', urlRoute: 'URL', vueRoute: 'Vue Router', - useSlots: 'Use Slots' + useSlots: 'Use Slots', + verticalCenter: 'Vertical center', + multipleLinesContent: 'Multiple lines content, multiple lines content' } } }; diff --git a/src/cell/test/__snapshots__/demo.spec.js.snap b/src/cell/test/__snapshots__/demo.spec.js.snap index 043ab809e..38df9ddba 100644 --- a/src/cell/test/__snapshots__/demo.spec.js.snap +++ b/src/cell/test/__snapshots__/demo.spec.js.snap @@ -98,5 +98,11 @@ exports[`renders demo correctly 1`] = ` +
+
+
单元格
+
多行内容多行内容多行内容多行内容
+
+
`; diff --git a/src/checkbox/README.md b/src/checkbox/README.md index f81c8eefb..45a9556b1 100644 --- a/src/checkbox/README.md +++ b/src/checkbox/README.md @@ -33,6 +33,12 @@ export default { Checkbox ``` +### Disabled Label Click + +```html +Checkbox +``` + ### Custom Shape ```html @@ -45,6 +51,12 @@ export default { Checkbox ``` +### Custom Icon Size + +```html +Checkbox +``` + ### Custom Icon Use icon slot to custom icon diff --git a/src/checkbox/README.zh-CN.md b/src/checkbox/README.zh-CN.md index fe24bdf08..31a9cdff0 100644 --- a/src/checkbox/README.zh-CN.md +++ b/src/checkbox/README.zh-CN.md @@ -37,6 +37,14 @@ export default { 复选框 ``` +### 禁用文本点击 + +通过设置`label-disabled`属性可以禁用复选框文本点击 + +```html +复选框 +``` + ### 自定义形状 将`shape`属性设置为`square`，复选框的形状会变成方形 @@ -53,6 +61,14 @@ export default { 复选框 ``` +### 自定义大小 + +通过`icon-size`属性可以自定义图标的大小 + +```html +复选框 +``` + ### 自定义图标 通过 icon 插槽自定义图标，可以通过`slotProps`判断是否为选中状态 diff --git a/src/checkbox/demo/index.vue b/src/checkbox/demo/index.vue index 4fc3c7a32..e8bd035d3 100644 --- a/src/checkbox/demo/index.vue +++ b/src/checkbox/demo/index.vue @@ -13,6 +13,12 @@ + + + {{ $t('checkbox') }} + + + {{ $t('customColor') }} @@ -25,6 +31,12 @@ + + + {{ $t('customIconSize') }} + + + {{ $t('customIcon') }} @@ -89,6 +101,7 @@ export default { 'zh-CN': { checkbox: '复选框', customIcon: '自定义图标', + customIconSize: '自定义大小', customColor: '自定义颜色', customShape: '自定义形状', title3: '复选框组', @@ -96,11 +109,13 @@ export default { title5: '搭配单元格组件使用', toggleAll: '全选与反选', checkAll: '全选', - inverse: '反选' + inverse: '反选', + disabledLabelClick: '禁用复选框文本点击' }, 'en-US': { checkbox: 'Checkbox', customIcon: 'Custom Icon', + customIconSize: 'Custom Icon Size', customColor: 'Custom Color', customShape: 'Custom Shape', title3: 'Checkbox Group', @@ -108,7 +123,8 @@ export default { title5: 'Inside a Cell', toggleAll: 'Toggle All', checkAll: 'Check All', - inverse: 'Inverse' + inverse: 'Inverse', + disabledLabelClick: 'Disable the click event of label' } }, @@ -118,6 +134,8 @@ export default { checkbox2: true, checkbox3: true, checkboxShape: true, + checkboxLabel: true, + checboxIcon: true, list: [ 'a', 'b', diff --git a/src/checkbox/test/__snapshots__/demo.spec.js.snap b/src/checkbox/test/__snapshots__/demo.spec.js.snap index d3f357e59..7cdf71224 100644 --- a/src/checkbox/test/__snapshots__/demo.spec.js.snap +++ b/src/checkbox/test/__snapshots__/demo.spec.js.snap @@ -22,6 +22,14 @@ exports[`renders demo correctly 1`] = ` +
+ +
+
+ +
+
+
+ + +
+
+
+
+ + +
+