6 Commits

Author	SHA1	Message	Date
CatsJuice	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
EYHN	98281a6394	refactor(component): adjust confirm modal api (#7589)	2024-07-24 08:18:33 +00:00
EYHN	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
EYHN	f2adbdaba4	style: enable import-x/no-duplicates (#6279)	2024-03-25 03:55:33 +00:00
Cats Juice	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
JimmFly	ddd7cab414	feat(core): support share edgeless mode (#4856) ... Close #3287 <!-- copilot:all --> ### <samp>🤖 Generated by Copilot at d3fdf86</samp> ### Summary 📄🚀🔗 <!-- 1. 📄 - This emoji represents the page and edgeless modes of sharing a page, as well as the GraphQL operations and types related to public pages. 2. 🚀 - This emoji represents the functionality of publishing and revoking public pages, as well as the confirmation modal and the notifications for the user. 3. 🔗 - This emoji represents the sharing URL and the query parameter for the share mode, as well as the hooks and functions that generate and use the URL. --> This pull request adds a feature to the frontend component of AFFiNE that allows the user to share a page in either `page` or `edgeless` mode, which affects the appearance and functionality of the page. It also adds the necessary GraphQL operations, types, and schema to support this feature in the backend, and updates the tests and the storybook stories accordingly. * Modify the `useIsSharedPage` hook to accept an optional `shareMode` argument and use the `getWorkspacePublicPagesQuery`, `publishPageMutation`, and `revokePublicPageMutation` from `@affine/graphql`	2023-11-15 16:02:58 +08:00