diff --git a/package.json b/package.json index c5b57dc5d..ea99a4f0d 100644 --- a/package.json +++ b/package.json @@ -93,6 +93,7 @@ "clipboard": "^2.0.8", "dayjs": "^1.9.7", "lodash": "^4.17.21", + "mitt": "^3.0.0", "raf": "^3.4.1", "sortablejs": "^1.15.0", "tdesign-icons-vue": "^0.1.4", diff --git a/site/site.config.mjs b/site/site.config.mjs index 7ae8c903b..00bcd235c 100644 --- a/site/site.config.mjs +++ b/site/site.config.mjs @@ -170,14 +170,6 @@ const docs = [ component: () => import('tdesign-vue/dropdown/dropdown.md'), componentEn: () => import('tdesign-vue/dropdown/dropdown.en-US.md'), }, - { - title: 'Jumper 跳转', - titleEn: 'Jumper', - name: 'jumper', - path: '/vue/components/jumper', - component: () => import('tdesign-vue/jumper/jumper.md'), - componentEn: () => import('tdesign-vue/jumper/jumper.en-US.md'), - }, { title: 'Menu 导航菜单', titleEn: 'Menu', diff --git a/src/_common b/src/_common index 410a55353..ec9a9f8ea 160000 --- a/src/_common +++ b/src/_common @@ -1 +1 @@ -Subproject commit 410a55353e8254e9654f80568f030ea79655d553 +Subproject commit ec9a9f8ea90f2e5a9250e722510d14152057666d diff --git a/src/components.ts b/src/components.ts index 7cfd13a3e..d74c270e3 100644 --- a/src/components.ts +++ b/src/components.ts @@ -14,7 +14,6 @@ export * from './affix'; export * from './anchor'; export * from './breadcrumb'; export * from './dropdown'; -export * from './jumper'; export * from './menu'; export * from './pagination'; export * from './steps'; diff --git a/src/date-picker/base/Header.tsx b/src/date-picker/base/Header.tsx index 5270d9bae..6e64a2116 100644 --- a/src/date-picker/base/Header.tsx +++ b/src/date-picker/base/Header.tsx @@ -1,8 +1,8 @@ import { defineComponent, PropType, ref, computed, } from '@vue/composition-api'; -import TJumper from '../../jumper/jumper'; -import TSelect from '../../select/select'; +import { PaginationMini } from '../../pagination'; +import TSelect from '../../select'; import { useConfig, usePrefixClass } from '../../hooks/useConfig'; import type { TdDatePickerProps } from '../type'; @@ -198,7 +198,7 @@ export default defineComponent({ /> - + ); }, diff --git a/src/jumper/__tests__/index.test.jsx b/src/jumper/__tests__/index.test.jsx deleted file mode 100644 index 5ba30a49d..000000000 --- a/src/jumper/__tests__/index.test.jsx +++ /dev/null @@ -1,138 +0,0 @@ -import { mount } from '@vue/test-utils'; -import Jumper from '@/src/jumper/index.ts'; - -describe('Jumper', () => { - describe(':props', () => { - it(':disabled', async () => { - const wrapper = mount(Jumper, { - propsData: { - disabled: true, - }, - }); - expect(wrapper.findAll('button[disabled="disabled"]').length).toEqual(3); - - await wrapper.setProps({ - disabled: { - prev: true, - current: false, - next: false, - }, - }); - expect(wrapper.findAll('button[disabled="disabled"]').length).toEqual(1); - }); - - it(':layout', async () => { - const wrapper = mount(Jumper, { - propsData: { - layout: 'horizontal', - }, - }); - expect(wrapper.findAll('.t-icon-chevron-right').length).toEqual(1); - expect(wrapper.findAll('.t-icon-chevron-up').length).toEqual(0); - - await wrapper.setProps({ - layout: 'vertical', - }); - expect(wrapper.findAll('.t-icon-chevron-right').length).toEqual(0); - expect(wrapper.findAll('.t-icon-chevron-up').length).toEqual(1); - }); - - it(':showCurrent', async () => { - const wrapper = mount(Jumper, { - propsData: { - showCurrent: false, - }, - }); - expect(wrapper.find('.t-jumper__current').exists()).toEqual(false); - await wrapper.setProps({ - showCurrent: true, - }); - expect(wrapper.find('.t-jumper__current').exists()).toEqual(true); - }); - - it(':size', async () => { - const wrapper = mount(Jumper, { - propsData: { - size: 'small', - }, - }); - expect(wrapper.findAll('.t-size-s').length).toEqual(3); - expect(wrapper.findAll('.t-size-m').length).toEqual(0); - await wrapper.setProps({ - size: 'medium', - }); - expect(wrapper.findAll('.t-size-s').length).toEqual(0); - expect(wrapper.findAll('.t-size-m').length).toEqual(3); - }); - - it(':tips', async () => { - const wrapper = mount(Jumper, { - propsData: { - tips: true, - }, - }); - expect(wrapper.find('button').attributes('title')).toEqual('上一页'); - await wrapper.setProps({ - tips: { - prev: 'prev', - current: 'current', - next: 'next', - }, - }); - expect(wrapper.find('button').attributes('title')).toEqual('prev'); - }); - - it(':variant', async () => { - const wrapper = mount(Jumper, { - propsData: { - variant: 'outline', - }, - }); - expect(wrapper.classes()).toContain('t-jumper--outline'); - expect(wrapper.find('button').classes()).toContain('t-button--variant-outline'); - await wrapper.setProps({ - variant: 'text', - }); - expect(wrapper.classes()).not.toContain('t-jumper--outline'); - expect(wrapper.find('button').classes()).not.toContain('t-button--variant-outline'); - }); - }); - - describe('@event', () => { - it('@change', () => { - const onChange = vi.fn(); - const wrapper = mount(Jumper, { - propsData: { - onChange, - }, - }); - const prevBtn = wrapper.find('.t-jumper__prev'); - prevBtn.trigger('click'); - - expect(wrapper.emitted().change.length).toEqual(1); - expect(onChange).toHaveBeenCalledTimes(1); - expect(onChange).toHaveBeenCalledWith({ - e: expect.any(Object), - trigger: 'prev', - }); - - const currentBtn = wrapper.find('.t-jumper__current'); - currentBtn.trigger('click'); - expect(wrapper.emitted().change.length).toEqual(2); - expect(onChange).toHaveBeenCalledTimes(2); - expect(onChange).toHaveBeenLastCalledWith({ - e: expect.any(Object), - trigger: 'current', - }); - - const nextBtn = wrapper.find('.t-jumper__next'); - nextBtn.trigger('click'); - expect(wrapper.emitted().change.length).toEqual(3); - expect(onChange).toHaveBeenCalledTimes(3); - expect(onChange).toHaveBeenLastCalledWith({ - e: expect.any(Object), - trigger: 'next', - }); - }); - }); -}); diff --git a/src/jumper/_example/layout.vue b/src/jumper/_example/layout.vue deleted file mode 100644 index 66b44d1bc..000000000 --- a/src/jumper/_example/layout.vue +++ /dev/null @@ -1,13 +0,0 @@ - - - diff --git a/src/jumper/_example/size.vue b/src/jumper/_example/size.vue deleted file mode 100644 index f09243ae8..000000000 --- a/src/jumper/_example/size.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/jumper/_example/tips.vue b/src/jumper/_example/tips.vue deleted file mode 100644 index 53c4645c0..000000000 --- a/src/jumper/_example/tips.vue +++ /dev/null @@ -1,13 +0,0 @@ - - - diff --git a/src/jumper/_usage/index.vue b/src/jumper/_usage/index.vue deleted file mode 100644 index dd7a059cf..000000000 --- a/src/jumper/_usage/index.vue +++ /dev/null @@ -1,24 +0,0 @@ - - - - diff --git a/src/jumper/_usage/props.json b/src/jumper/_usage/props.json deleted file mode 100644 index 926c6d23d..000000000 --- a/src/jumper/_usage/props.json +++ /dev/null @@ -1,63 +0,0 @@ -[ - { - "name": "disabled", - "type": "Boolean", - "defaultValue": false, - "options": [] - }, - { - "name": "layout", - "type": "enum", - "defaultValue": "horizontal", - "options": [ - { - "label": "horizontal", - "value": "horizontal" - }, - { - "label": "vertical", - "value": "vertical" - } - ] - }, - { - "name": "showCurrent", - "type": "Boolean", - "defaultValue": true, - "options": [] - }, - { - "name": "size", - "type": "enum", - "defaultValue": "medium", - "options": [ - { - "label": "small", - "value": "small" - }, - { - "label": "medium", - "value": "medium" - }, - { - "label": "large", - "value": "large" - } - ] - }, - { - "name": "variant", - "type": "enum", - "defaultValue": "text", - "options": [ - { - "label": "text", - "value": "text" - }, - { - "label": "outline", - "value": "outline" - } - ] - } -] \ No newline at end of file diff --git a/src/jumper/index.ts b/src/jumper/index.ts deleted file mode 100644 index d47ff738a..000000000 --- a/src/jumper/index.ts +++ /dev/null @@ -1,14 +0,0 @@ -import VueCompositionAPI from '@vue/composition-api'; - -import _Jumper from './jumper'; -import withInstall from '../utils/withInstall'; -import { TdJumperProps } from './type'; - -import './style'; - -export * from './type'; -export type JumperProps = TdJumperProps; - -export const Jumper = withInstall(_Jumper, VueCompositionAPI); - -export default Jumper; diff --git a/src/jumper/jumper.en-US.md b/src/jumper/jumper.en-US.md deleted file mode 100644 index c28c69614..000000000 --- a/src/jumper/jumper.en-US.md +++ /dev/null @@ -1,21 +0,0 @@ -:: BASE_DOC :: - -## API - -### Jumper Props - -name | type | default | description | required --- | -- | -- | -- | -- -disabled | Boolean / Object | - | Typescript：`boolean | JumperDisabledConfig` `type JumperDisabledConfig = { prev?: boolean; current?: boolean; next?: boolean; }`。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/jumper/type.ts) | N -layout | String | horizontal | horizontal or vertical。options：horizontal/vertical | N -showCurrent | Boolean | true | Typescript：`boolean` | N -size | String | medium | Button size。options：small/medium/large。Typescript：`SizeEnum`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N -tips | Object | - | Typescript：`boolean | JumperTipsConfig` `type JumperTipsConfig = { prev?: string; current?: string; next?: string; }`。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/jumper/type.ts) | N -variant | String | text | options：text/outline | N -onChange | Function | | TS 类型：`(context: {e: MouseEvent, trigger: JumperTrigger}) => void`
[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/jumper/type.ts)。
`type JumperTrigger = 'prev' | 'current' | 'next'`
| N - -### Jumper Events - -name | params | description --- | -- | -- -change | `(context: {e: MouseEvent, trigger: JumperTrigger})` | [see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/jumper/type.ts)。
`type JumperTrigger = 'prev' | 'current' | 'next'`
diff --git a/src/jumper/jumper.md b/src/jumper/jumper.md deleted file mode 100644 index 39f0129dc..000000000 --- a/src/jumper/jumper.md +++ /dev/null @@ -1,21 +0,0 @@ -:: BASE_DOC :: - -## API - -### Jumper Props - -名称 | 类型 | 默认值 | 说明 | 必传 --- | -- | -- | -- | -- -disabled | Boolean / Object | - | 按钮禁用配置。TS 类型：`boolean | JumperDisabledConfig` `type JumperDisabledConfig = { prev?: boolean; current?: boolean; next?: boolean; }`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/jumper/type.ts) | N -layout | String | horizontal | 按钮方向。可选项：horizontal/vertical | N -showCurrent | Boolean | true | 是否展示当前按钮。TS 类型：`boolean` | N -size | String | medium | 按钮尺寸。可选项：small/medium/large。TS 类型：`SizeEnum`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N -tips | Object | - | 提示文案配置，值为 `true` 显示默认文案；值为 `false` 不显示提示文案；值类型为对象则单独配置文案内容。TS 类型：`boolean | JumperTipsConfig` `type JumperTipsConfig = { prev?: string; current?: string; next?: string; }`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/jumper/type.ts) | N -variant | String | text | 按钮形式。可选项：text/outline | N -onChange | Function | | TS 类型：`(context: {e: MouseEvent, trigger: JumperTrigger}) => void`
按钮点击事件回调。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/jumper/type.ts)。
`type JumperTrigger = 'prev' | 'current' | 'next'`
| N - -### Jumper Events - -名称 | 参数 | 描述 --- | -- | -- -change | `(context: {e: MouseEvent, trigger: JumperTrigger})` | 按钮点击事件回调。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/jumper/type.ts)。
`type JumperTrigger = 'prev' | 'current' | 'next'`
diff --git a/src/jumper/style/css.js b/src/jumper/style/css.js deleted file mode 100644 index 6a9a4b132..000000000 --- a/src/jumper/style/css.js +++ /dev/null @@ -1 +0,0 @@ -import './index.css'; diff --git a/src/jumper/style/index.js b/src/jumper/style/index.js deleted file mode 100644 index 3371078bd..000000000 --- a/src/jumper/style/index.js +++ /dev/null @@ -1 +0,0 @@ -import '../../_common/style/web/components/jumper/_index.less'; diff --git a/src/jumper/type.ts b/src/jumper/type.ts deleted file mode 100644 index e7d8a7c87..000000000 --- a/src/jumper/type.ts +++ /dev/null @@ -1,48 +0,0 @@ -/* eslint-disable */ - -/** - * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC - * */ - -import { SizeEnum } from '../common'; - -export interface TdJumperProps { - /** - * 按钮禁用配置 - */ - disabled?: boolean | JumperDisabledConfig; - /** - * 按钮方向 - * @default horizontal - */ - layout?: 'horizontal' | 'vertical'; - /** - * 是否展示当前按钮 - * @default true - */ - showCurrent?: boolean; - /** - * 按钮尺寸 - * @default medium - */ - size?: SizeEnum; - /** - * 提示文案配置，值为 `true` 显示默认文案；值为 `false` 不显示提示文案；值类型为对象则单独配置文案内容 - */ - tips?: boolean | JumperTipsConfig; - /** - * 按钮形式 - * @default text - */ - variant?: 'text' | 'outline'; - /** - * 按钮点击事件回调 - */ - onChange?: (context: { e: MouseEvent; trigger: JumperTrigger }) => void; -} - -export type JumperDisabledConfig = { prev?: boolean; current?: boolean; next?: boolean }; - -export type JumperTipsConfig = { prev?: string; current?: string; next?: string }; - -export type JumperTrigger = 'prev' | 'current' | 'next'; diff --git a/src/pagination/_example/pagination-mini.vue b/src/pagination/_example/pagination-mini.vue new file mode 100644 index 000000000..ec4441c95 --- /dev/null +++ b/src/pagination/_example/pagination-mini.vue @@ -0,0 +1,32 @@ + + + diff --git a/src/pagination/index.ts b/src/pagination/index.ts index c10078856..28e4205d2 100755 --- a/src/pagination/index.ts +++ b/src/pagination/index.ts @@ -1,4 +1,5 @@ import PaginationBase from './pagination'; +import _PaginationMini from './pagination-mini'; import withInstall from '../utils/withInstall'; import mapProps from '../utils/map-props'; import { TdPaginationProps } from './type'; @@ -9,9 +10,10 @@ export type PaginationProps = TdPaginationProps; export * from './type'; // 支持非受控属性 defaultCurrent 和 defaultPageSize -export const Pagination = withInstall(mapProps( - ['current', 'pageSize'], - { model: { prop: 'current', event: 'current-change' } }, -)(PaginationBase)); +export const Pagination = withInstall( + mapProps(['current', 'pageSize'], { model: { prop: 'current', event: 'current-change' } })(PaginationBase), +); + +export const PaginationMini = withInstall(_PaginationMini); export default Pagination; diff --git a/src/jumper/props.ts b/src/pagination/pagination-mini-props.ts similarity index 52% rename from src/jumper/props.ts rename to src/pagination/pagination-mini-props.ts index 8760125cc..1602f3bc5 100644 --- a/src/jumper/props.ts +++ b/src/pagination/pagination-mini-props.ts @@ -4,19 +4,19 @@ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC * */ -import { TdJumperProps } from './type'; +import { TdPaginationMiniProps } from '../pagination/type'; import { PropType } from 'vue'; export default { /** 按钮禁用配置 */ disabled: { - type: [Boolean, Object] as PropType, + type: [Boolean, Object] as PropType, }, /** 按钮方向 */ layout: { - type: String as PropType, - default: 'horizontal' as TdJumperProps['layout'], - validator(val: TdJumperProps['layout']): boolean { + type: String as PropType, + default: 'horizontal' as TdPaginationMiniProps['layout'], + validator(val: TdPaginationMiniProps['layout']): boolean { if (!val) return true; return ['horizontal', 'vertical'].includes(val); }, @@ -28,26 +28,26 @@ export default { }, /** 按钮尺寸 */ size: { - type: String as PropType, - default: 'medium' as TdJumperProps['size'], - validator(val: TdJumperProps['size']): boolean { + type: String as PropType, + default: 'medium' as TdPaginationMiniProps['size'], + validator(val: TdPaginationMiniProps['size']): boolean { if (!val) return true; return ['small', 'medium', 'large'].includes(val); }, }, /** 提示文案配置，值为 `true` 显示默认文案；值为 `false` 不显示提示文案；值类型为对象则单独配置文案内容 */ tips: { - type: [Boolean, Object] as PropType, + type: Object as PropType, }, /** 按钮形式 */ variant: { - type: String as PropType, - default: 'text' as TdJumperProps['variant'], - validator(val: TdJumperProps['variant']): boolean { + type: String as PropType, + default: 'text' as TdPaginationMiniProps['variant'], + validator(val: TdPaginationMiniProps['variant']): boolean { if (!val) return true; return ['text', 'outline'].includes(val); }, }, /** 按钮点击事件回调 */ - onChange: Function as PropType, + onChange: Function as PropType, }; diff --git a/src/jumper/jumper.tsx b/src/pagination/pagination-mini.tsx similarity index 96% rename from src/jumper/jumper.tsx rename to src/pagination/pagination-mini.tsx index de4d599cd..a728fbb7c 100644 --- a/src/jumper/jumper.tsx +++ b/src/pagination/pagination-mini.tsx @@ -8,19 +8,19 @@ import { ChevronDownIcon as TdChevronDownIcon, } from 'tdesign-icons-vue'; -import props from './props'; +import props from './pagination-mini-props'; import { usePrefixClass } from '../hooks/useConfig'; import { useGlobalIcon } from '../hooks/useGlobalIcon'; import TButton from '../button'; import { JumperTrigger } from './type'; export default defineComponent({ - name: 'TJumper', + name: 'TPaginationMini', props: { ...props }, setup(props, { emit }) { - const COMPONENT_NAME = usePrefixClass('jumper'); + const COMPONENT_NAME = usePrefixClass('pagination-mini'); const { ChevronLeftIcon, RoundIcon, ChevronRightIcon, ChevronUpIcon, ChevronDownIcon, } = useGlobalIcon({ diff --git a/src/pagination/props.ts b/src/pagination/props.ts index 481d93a2e..cbd2d4edd 100644 --- a/src/pagination/props.ts +++ b/src/pagination/props.ts @@ -11,7 +11,7 @@ export default { /** 当前页 */ current: { type: Number, - default: undefined, + default: 1, }, /** 当前页，非受控属性 */ defaultCurrent: { @@ -42,7 +42,7 @@ export default { /** 每一页的数据量 */ pageSize: { type: Number, - default: undefined, + default: 10, }, /** 每一页的数据量，非受控属性 */ defaultPageSize: { diff --git a/src/pagination/type.ts b/src/pagination/type.ts index 757c7b0cd..80fd0185f 100644 --- a/src/pagination/type.ts +++ b/src/pagination/type.ts @@ -5,7 +5,7 @@ * */ import { SelectProps } from '../select'; -import { TNode } from '../common'; +import { TNode, SizeEnum } from '../common'; export interface TdPaginationProps { /** @@ -115,8 +115,49 @@ export interface TdPaginationProps { onPageSizeChange?: (pageSize: number, pageInfo: PageInfo) => void; } +export interface TdPaginationMiniProps { + /** + * 按钮禁用配置 + */ + disabled?: boolean | JumperDisabledConfig; + /** + * 按钮方向 + * @default horizontal + */ + layout?: 'horizontal' | 'vertical'; + /** + * 是否展示当前按钮 + * @default true + */ + showCurrent?: boolean; + /** + * 按钮尺寸 + * @default medium + */ + size?: SizeEnum; + /** + * 提示文案配置，值为 `true` 显示默认文案；值为 `false` 不显示提示文案；值类型为对象则单独配置文案内容 + */ + tips?: boolean | JumperTipsConfig; + /** + * 按钮形式 + * @default text + */ + variant?: 'text' | 'outline'; + /** + * 按钮点击事件回调 + */ + onChange?: (context: { e: MouseEvent; trigger: JumperTrigger }) => void; +} + export interface PageInfo { current: number; previous: number; pageSize: number; } + +export type JumperDisabledConfig = { prev?: boolean; current?: boolean; next?: boolean }; + +export type JumperTipsConfig = { prev?: string; current?: string; next?: string }; + +export type JumperTrigger = 'prev' | 'current' | 'next'; diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap index bc3b02852..cb5261dc9 100644 --- a/test/snap/__snapshots__/csr.test.js.snap +++ b/test/snap/__snapshots__/csr.test.js.snap @@ -35952,10 +35952,10 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
`; -exports[`csr snapshot test > csr test ./src/jumper/_example/layout.vue 1`] = ` -
- - - -
-`; - -exports[`csr snapshot test > csr test ./src/jumper/_example/size.vue 1`] = ` -
-
-
- - - -
-
-
-
- - - -
-
-
-
- - - -
-
-
-`; - -exports[`csr snapshot test > csr test ./src/jumper/_example/tips.vue 1`] = ` -
- - - -
-`; - exports[`csr snapshot test > csr test ./src/layout/_example/aside.vue 1`] = `
csr test ./src/pagination/_example/page-num.vue 1`]
`; +exports[`csr snapshot test > csr test ./src/pagination/_example/pagination-mini.vue 1`] = ` +
+
+
+
+ + layout: + +
+
+
+ + +
+
+
+
+
+
+
+
+ + size: + +
+
+
+ + + +
+
+
+
+
+
+
+ + + +
+
+
+`; + exports[`csr snapshot test > csr test ./src/pagination/_example/simple.vue 1`] = `
renders ./src/date-picker/_example/first-day-of-wee exports[`ssr snapshot test > renders ./src/date-picker/_example/month.vue correctly 1`] = `"
-
"`; -exports[`ssr snapshot test > renders ./src/date-picker/_example/quarter.vue correctly 1`] = `"
一二三四五六日
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
一二三四五六日
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
00:00:00
一二三四五六日
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
1
2
3
4
5
6
7
8
9
10
11
12
13
一二三四五六日
28
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
一二三四五六日
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
00:00:00
"`; +exports[`ssr snapshot test > renders ./src/date-picker/_example/quarter.vue correctly 1`] = `"
一二三四五六日
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
一二三四五六日
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
00:00:00
一二三四五六日
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
1
2
3
4
5
6
7
8
9
10
11
12
13
一二三四五六日
28
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
一二三四五六日
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
00:00:00
"`; exports[`ssr snapshot test > renders ./src/date-picker/_example/quarter.vue correctly 2`] = `"
-
"`; @@ -526,12 +526,6 @@ exports[`ssr snapshot test > renders ./src/input-number/_example/status.vue corr exports[`ssr snapshot test > renders ./src/input-number/_example/step.vue correctly 1`] = `"
"`; -exports[`ssr snapshot test > renders ./src/jumper/_example/layout.vue correctly 1`] = `"
"`; - -exports[`ssr snapshot test > renders ./src/jumper/_example/size.vue correctly 1`] = `"
"`; - -exports[`ssr snapshot test > renders ./src/jumper/_example/tips.vue correctly 1`] = `"
"`; - exports[`ssr snapshot test > renders ./src/layout/_example/aside.vue correctly 1`] = `"
Content
Copyright @ 2019-2021 Tencent. All Rights Reserved
"`; exports[`ssr snapshot test > renders ./src/layout/_example/base.vue correctly 1`] = `"
Header
Content
Footer
Header
Content
Footer
Header
Content
Footer
Header
Content
Footer
"`; @@ -685,6 +679,8 @@ exports[`ssr snapshot test > renders ./src/pagination/_example/more.vue correctl exports[`ssr snapshot test > renders ./src/pagination/_example/page-num.vue correctly 1`] = `"
共 645 项数据
每页 30 条
  • 1
  • 2
  • 3
  • 4
  • 5
  • 22
"`; +exports[`ssr snapshot test > renders ./src/pagination/_example/pagination-mini.vue correctly 1`] = `"
layout:
size:
"`; + exports[`ssr snapshot test > renders ./src/pagination/_example/simple.vue correctly 1`] = `"
共 100 项数据
5 条/页
跳至
/ 20 页
"`; exports[`ssr snapshot test > renders ./src/pagination/_example/simple-mini.vue correctly 1`] = `"
共 100 项数据
5 条/页
跳至
/ 20 页
"`;