-
Notifications
You must be signed in to change notification settings - Fork 141
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[comp: space]: feature space component #63
Comments
@danranVm 麻烦安排一下review API |
@huangtenghui @danranVm 负责 review |
看了文档,然后去ant design的demo,发现跟我想象的不太一样,我想象的是居中是自适应整个父容器宽度,居于中间位置;看看我们是直接把这个组件做成我们想要的还是说先按ant design的搞,我们想要的后面加?目前看ant design的我们业务使用场景不多; @danranVm @coolyuantao |
@huangtenghui @danranVm 找个时间讨论一下?我不知道你们的想法是咋样的 |
@LaamGinghong 就先按照你的API 设计来吧。 不过 |
有道理,已经修改了 |
@huangtenghui @danranVm 麻烦请重新review API |
|
@LaamGinghong 其他的没什么问题了,期待你的 PR |
@danranVm 修改了一点 |
打算就按照这个来做了 |
fix IDuxFE#77 build: upgrade vite (IDuxFE#102) refactor(comp:all): updalte all components ts definition (IDuxFE#103) docs: update all components index.zh.md (IDuxFE#105) * docs: update gen script fix(comp: divider): dynamic slot (IDuxFE#104) fix IDuxFE#76 feat(comp: spin): add spin component (IDuxFE#101) fix IDuxFE#72 refactor(comp:core): useGlobalConfig (IDuxFE#107) fix: vite traverse filename config (IDuxFE#106) docs: update spin component demo (IDuxFE#109) fix(comp: divider): slots rerender (IDuxFE#110) refactor(comp:i18n): update useI18n to useLocale (IDuxFE#111) feat(comp: space): add component space (IDuxFE#97) fix IDuxFE#63 fix(comp:all): solot dynamic load (IDuxFE#114) fix: add engines to package.json (IDuxFE#117) yarn start error because of the low version of Node.js fix IDuxFE#116 refactor: script gen type structure (IDuxFE#118) refactor: script gen types template (IDuxFE#119) * Update the template to make it more simpler. style(scripts): add brace style eslint rule (IDuxFE#123) fix IDuxFE#122 refactor(comp:all): export type declaration from current component (IDuxFE#124) docs: contribution (IDuxFE#125) update contributing.zh and add contributing.en fix(comp: image): export type to fix vite error (IDuxFE#127) feat(cdk:forms): add useFormControl and Validtors (IDuxFE#121) * test(cdk:forms): add test fix IDuxFE#115 docs(cdk:forms): add validators docs (IDuxFE#128) re IDuxFE#115 docs: modify components' docs' type (IDuxFE#131) feat(comp: empty): add component empty (IDuxFE#132) * feat(comp:empty): update and add test fix IDuxFE#54 feat(cdk:utils): add hasOwnProperty function (IDuxFE#137) fix(comp: badge): overflowCount not work (IDuxFE#135) fix IDuxFE#134 test(comp:badge,icon): fix warning (IDuxFE#140) feat(comp: result): add result component (IDuxFE#136) fix IDuxFE#112 feat(cdk:forms): add formGroup and formArray (IDuxFE#139) * feat(cdk:forms): add test re IDuxFE#115 feat(cdk:forms): add utils (IDuxFE#141) re IDuxFE#115 refactor(cdk:forms): `modelRef` renamed to `valueRef` (IDuxFE#142) re IDuxFE#115 feat(cdk:forms): add watchValue and watchStatus (IDuxFE#143) re IDuxFE#115 refactor(cdk:forms): add dirty status and marks `valueRef` to readonly (IDuxFE#144) re IDuxFE#115 feat(cdk:forms): setValue support configuration options (IDuxFE#146) re IDuxFE#115 feat: add global types (IDuxFE#150) docs(cdk:forms): add docs and demo (IDuxFE#149) fix IDuxFE#115 refactor(cdk:forms): update typescript defintions (IDuxFE#151) * docs(cdk:forms): update docs feat(cdk: subject): add subject (IDuxFE#155) fix IDuxFE#154 feat(comp: typography): add directive typography (IDuxFE#148) * docs(comp: typography): modify docs * feat(comp: typography): add type check * feat(comp: typography): style * test(comp: typography): add test fix IDuxFE#130 feature(comp:card): 1.修改dom结构 2.补全css样式 3.重跑单测 feat(comp:card): 1.解决合并冲突 feat(comp:card): add card component
设置组件之间的间距,避免组件紧贴在一起,拉开统一的空间。
What problem does this feature solve?
核心原理是通过 Flex 布局对组件内部的元素进行重新排布:
align
设置不同的对齐方式:start
|center
|end
|baseline
;direction
设置 水平 、垂直 两种间隔方式;size
设置间隔的大小,其中 size 有三种默认大小:'small'|'middle'|'large'
,如遇到无法满足的情况,还可以传入一个 数字 自定义间隔大小。同时 size 允许传入一个数组,用来控制每个间隔的大小,数组的长度必须与传入的 children 长度 - 1 相等,否则会抛出警告;wrap
来设置是否自动换行,仅在horizontal
时有效。What does the proposed API look like?
props
align
start
|center
|end
|baseline
baseline
direction
vertical
|horizontal
horizontal
size
Size
|Size[]
small
split
v-slot: split
的方式设置分隔符,优先级高于 propwrap
boolean
horizontal
时生效slots
default
split
The text was updated successfully, but these errors were encountered: