3d855647c7
refactor(component): refactor the implementation of Button and IconButton ( #7716 )
...
## Button
- Remove props withoutHoverStyle
refactor hover impl with independent layer, so that hover-color won't affect the background even if is overridden outside
- Update `type` (renamed to `variant`):
- remove `processing` and `warning`
- rename `default` with `secondary`
- Remove `shape` props
- Remove `icon` and `iconPosition`, replaced with `prefix: ReactNode` and `suffix: ReactNode`
- Integrate tooltip for more convenient usage
- New Storybook document
- Focus style
## IconButton
- A Wrapper base on `<Button />`
- Override Button size and variant
- size: `'12' | '14' | '16' | '20' | '24' | number`
These presets size are referenced from the design system.
- variant: `'plain' | 'solid' | 'danger' | 'custom'`
- Inset icon via Button 's prefix
## Fix
- fix some button related issues
- close AF-1159, AF-1160, AF-1161, AF-1162, AF-1163, AF-1158, AF-1157
## Storybook
2024-08-05 02:57:23 +00:00
33fc00f8c7
chore(core): set read-only mode on mobile device ( #7651 )
...
Close [BS-795](https://linear.app/affine-design/issue/BS-795/affine-mobile-设置只读模式 )
- Set read-only mode on mobile device
- Add mobile only support read-only warning toast
- remove `user-select: none` so that user can select text in read-only mode
2024-08-01 05:22:50 +00:00
7c0a686cd9
refactor(i18n): new hook api ( #7273 )
...
# NEW HOOK API
`useI18n`: same as `useAFFiNEI18N`, with additional APIs
```ts
import { useI18n } from '@affine/i18n'
const i18n = useI18n()
i18n['hello world']() -> 你好世界
```
# NEW GLOBAL i18n Instance
`I18n`: use i18n capabilities outside of React
```ts
import { I18n } from '@affine/i18n'
I18n['hello world']() -> 你好世界
```
# NEW TYPES
`I18nKeys` -> all i18n keys
`I18nString` -> An i18n message (key&options)
transfer and store i18n text outside of React
```ts
const msg: I18nString = {
key: 'helloworld',
options: {
arg1: '123'
}
}
I18n.t(msg) -> 你好世界123
```
before:
```ts
registerCommand('open-page', {
name: t('command.open-page')
// ^- translation happens here,
})
```
after:
```ts
registerCommand('open-page', {
name: { key: 'command.open-page' }
// ^- store I18nString here, translate when the command render to UI
})
```
2024-06-20 02:19:41 +00:00
09201d42a0
chore: bump up @blocksuite/icons version ( #7233 )
2024-06-18 17:07:11 +08:00
5b8b2bbf48
fix(component): banner should not affect the editor layout ( #7128 )
...
Same as #6605
2024-06-03 02:13:24 +00:00
5437c6567b
fix(component): banner should not affect the editor layout ( #6605 )
...
https://github.com/toeverything/AFFiNE/assets/27926/6aacb16c-02ca-4693-afe8-628bef507811
2024-04-18 13:16:10 +00:00
7d951a975f
fix(core): replace most --affine with cssVar ( #5728 )
...
using a [babel plugin](https://gist.github.com/pengx17/49e24ae8a5a609bdaff122ee8c679d1c ) to transform all var(--affine-xxx) to cssVar
Some issues:
- tried ast-grep but it seems to be not easy to add imports conditionally
- current work does not work well with ts with types because babel will strip them out
2024-02-01 09:33:11 +00:00
7ec8e49b3b
feat(core): add responsive styles to registration page ( #5044 )
...
The responsive style of the login and registration page has been adjusted, with special treatment given to the input.
work for #4843
2023-12-06 10:43:14 +00:00
b32a427ecd
chore: adjust banner content text ( #5153 )
...
2023-12-06 08:13:56 +00:00
9c50dbc362
feat(core): remove all imports from design/component ( #5078 )
...
feat(core): remove all imports from design/component
feat(plugin): remove imports from design-components
feat(storybook): remove design-components imoprts
feat(core): remove
fix(component): remove design/component import in local-demo-tip
2023-12-04 08:32:16 +00:00
ad2d3b9167
feat(core): add download app button to web ( #5023 )
2023-11-23 14:33:25 +08:00
5226d6c568
feat(core): add search result highlighting ( #4667 )
...
Co-authored-by: Peng Xiao <pengxiao@outlook.com >
2023-10-24 05:54:37 +00:00
bed9310519
refactor(infra): directory structure ( #4615 )
2023-10-18 15:30:08 +00:00
CatsJuice
