123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- <script setup lang="tsx">
- import SemanticPreview from '../.vitepress/vitepress/components/semantic/preview.vue'
- import { Sender } from 'ant-design-x-vue'
- import { Flex, Button } from 'ant-design-vue';
- import { SmileOutlined } from '@ant-design/icons-vue'
- defineRender(() => {
- return (
- <Flex vertical>
- <SemanticPreview semantics={[
- { name: 'prefix', desc: '前缀' },
- { name: 'input', desc: '输入框' },
- { name: 'actions', desc: '操作列表' },
- ]}
- >
- {({ classNames }) => {
- return (
- <Sender classNames={classNames} prefix={<Button type="text" icon={<SmileOutlined />} />} />
- )
- }
- }
- </SemanticPreview>
- <SemanticPreview semantics={[
- { name: 'header', desc: '头部' },
- { name: 'content', desc: '内容' },
- ]}
- >
- {({ classNames }) => {
- return (
- <Sender
- header={
- <Sender.Header open title="Header" classNames={classNames}>
- Content
- </Sender.Header>
- }
- />
- )
- }
- }
- </SemanticPreview>
- </Flex>
- )
- })
- </script>
|