3 |
8 | 验证码已发送至186****5407
9 |
10 |
11 |
12 |
13 |
27 |
28 |
35 |
--------------------------------------------------------------------------------
/components/captcha/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 | 验证码已发送至186****5407
9 |
10 |
11 |
12 |
13 |
22 |
23 |
30 |
--------------------------------------------------------------------------------
/components/captcha/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import Demo2 from './cases/demo2'
4 | import {renderToString} from '@vue/server-test-utils'
5 |
6 | describe('Captcha - Demo', () => {
7 | test(`Customize`, () => {
8 | expect(renderToString(Demo0)).toMatchSnapshot()
9 | })
10 | test(`Inline display`, () => {
11 | expect(renderToString(Demo1)).toMatchSnapshot()
12 | })
13 | test(`HalfScreen`, () => {
14 | expect(renderToString(Demo2)).toMatchSnapshot()
15 | })
16 | })
17 |
--------------------------------------------------------------------------------
/components/cashier/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'cashier',
3 | 'text': '收银台',
4 | 'category': 'business',
5 | 'description': '',
6 | 'author': 'xuxiaoyan'
7 | }
8 |
--------------------------------------------------------------------------------
/components/cashier/demo/index.vue:
--------------------------------------------------------------------------------
1 | <
2 |
3 |
4 |
5 |
9 |
10 |
11 |
12 |
18 |
19 |
24 |
--------------------------------------------------------------------------------
/components/cell-item/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'cell-item',
3 | 'text': '列表单元',
4 | 'category': 'basic',
5 | 'description': '列表用于展现并列层级的信息内容，列表可承载功能入口、功能操作、信息展示等功能',
6 | 'author': 'moyu
6 |
8 |
3 |
4 |
5 |
9 |
10 |
11 |
12 |
18 |
--------------------------------------------------------------------------------
/components/cell-item/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
8 |
3 |
4 |
8 |
9 |
10 |
11 |
28 |
--------------------------------------------------------------------------------
/components/cell-item/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import Demo2 from './cases/demo2'
4 | import {renderToString} from '@vue/server-test-utils'
5 |
6 | describe('CellItem - Demo', () => {
7 | test(`Basic`, () => {
8 | expect(renderToString(Demo0)).toMatchSnapshot()
9 | })
10 | test(`Simple List`, () => {
11 | expect(renderToString(Demo1)).toMatchSnapshot()
12 | })
13 | test(`Content List`, () => {
14 | expect(renderToString(Demo2)).toMatchSnapshot()
15 | })
16 | })
17 |
--------------------------------------------------------------------------------
/components/chart/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'chart',
3 | 'text': '折线图表',
4 | 'category': 'business',
5 | 'description': '基于 SVG 的折线图表组件',
6 | 'author': 'moyu
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
20 |
21 |
25 |
--------------------------------------------------------------------------------
/components/chart/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import Demo2 from './cases/demo2'
4 | import {renderToString} from '@vue/server-test-utils'
5 |
6 | describe('Chart - Demo', () => {
7 | test(`Multiple fold lines`, () => {
8 | expect(renderToString(Demo0)).toMatchSnapshot()
9 | })
10 | test(`Gradient fold line`, () => {
11 | expect(renderToString(Demo1)).toMatchSnapshot()
12 | })
13 | test(`Area fill`, () => {
14 | expect(renderToString(Demo2)).toMatchSnapshot()
15 | })
16 | })
17 |
--------------------------------------------------------------------------------
/components/check-box/index.vue:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/components/check-group/index.vue:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/components/check-list/index.vue:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/components/check/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'check',
3 | 'text': '复选项',
4 | 'category': 'form',
5 | 'description': '',
6 | 'author': 'moyu
7 |
9 |
3 |
6 |
7 |
8 |
26 |
--------------------------------------------------------------------------------
/components/check/demo/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
9 |
27 |
--------------------------------------------------------------------------------
/components/check/mixin/index.js:
--------------------------------------------------------------------------------
1 | export default {
2 | props: {
3 | icon: {
4 | type: String,
5 | default: 'checked',
6 | },
7 | iconInverse: {
8 | type: String,
9 | default: 'check',
10 | },
11 | iconDisabled: {
12 | type: String,
13 | default: 'check-disabled',
14 | },
15 | iconSvg: {
16 | type: Boolean,
17 | default: false,
18 | },
19 | iconSize: {
20 | type: String,
21 | default: 'md',
22 | },
23 | iconPosition: {
24 | type: String,
25 | default: 'right',
26 | },
27 | },
28 | }
29 |
--------------------------------------------------------------------------------
/components/check/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |
23 |
--------------------------------------------------------------------------------
/components/check/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
10 |
11 |
12 |
13 |
29 |
--------------------------------------------------------------------------------
/components/check/test/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
9 |
23 |
--------------------------------------------------------------------------------
/components/check/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import Demo2 from './cases/demo2'
4 | import Demo3 from './cases/demo3'
5 | import Demo4 from './cases/demo4'
6 | import {renderToString} from '@vue/server-test-utils'
7 |
8 | describe('Check - Demo', () => {
9 | test(`Check options`, () => {
10 | expect(renderToString(Demo0)).toMatchSnapshot()
11 | })
12 | test(`Check options group`, () => {
13 | expect(renderToString(Demo1)).toMatchSnapshot()
14 | })
15 | test(`Check box`, () => {
16 | expect(renderToString(Demo2)).toMatchSnapshot()
17 | })
18 | test(`Check box group`, () => {
19 | expect(renderToString(Demo3)).toMatchSnapshot()
20 | })
21 | test(`Check list`, () => {
22 | expect(renderToString(Demo4)).toMatchSnapshot()
23 | })
24 | })
25 |
--------------------------------------------------------------------------------
/components/codebox/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'codebox',
3 | 'text': '验证码输入框',
4 | 'category': 'business',
5 | 'description': '验证码/密码输入框组件',
6 | 'author': 'moyu
3 |
9 |
10 |
11 |
25 |
--------------------------------------------------------------------------------
/components/codebox/demo/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
9 |
10 |
11 |
29 |
--------------------------------------------------------------------------------
/components/codebox/demo/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 |
10 |
28 |
--------------------------------------------------------------------------------
/components/codebox/demo/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
9 |
10 |
11 |
29 |
--------------------------------------------------------------------------------
/components/codebox/demo/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
21 |
--------------------------------------------------------------------------------
/components/codebox/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
9 |
3 |
9 |
10 |
11 |
25 |
--------------------------------------------------------------------------------
/components/codebox/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
11 |
12 |
26 |
--------------------------------------------------------------------------------
/components/codebox/test/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 |
10 |
24 |
--------------------------------------------------------------------------------
/components/codebox/test/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
9 |
10 |
11 |
25 |
--------------------------------------------------------------------------------
/components/codebox/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import Demo2 from './cases/demo2'
4 | import Demo3 from './cases/demo3'
5 | import {renderToString} from '@vue/server-test-utils'
6 |
7 | describe('Codebox', () => {
8 | test(`Basic`, () => {
9 | expect(renderToString(Demo0)).toMatchSnapshot()
10 | })
11 | test(`Character mask`, () => {
12 | expect(renderToString(Demo1)).toMatchSnapshot()
13 | })
14 | test(`Unlimited length`, () => {
15 | expect(renderToString(Demo2)).toMatchSnapshot()
16 | })
17 | test(`System keyboard`, () => {
18 | expect(renderToString(Demo3)).toMatchSnapshot()
19 | })
20 | })
21 |
--------------------------------------------------------------------------------
/components/date-picker/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'date-picker',
3 | 'text': '日期选择器',
4 | 'category': 'feedback',
5 | 'description': '',
6 | 'author': 'xuxiaoyan'
7 | }
8 |
--------------------------------------------------------------------------------
/components/date-picker/demo/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/components/date-picker/demo/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/components/date-picker/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
9 |
3 |
11 |
12 |
13 |
29 |
--------------------------------------------------------------------------------
/components/date-picker/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/components/date-picker/test/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
11 |
12 |
27 |
--------------------------------------------------------------------------------
/components/detail-item/README.en-US.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: DetailItem
3 | preview: https://didi.github.io/mand-mobile/examples/#/detail-item
4 | ---
5 |
6 | Detail list usually used as bill details, inventory details and so on.
7 |
8 | ### Import
9 |
10 | ```javascript
11 | import { DetailItem } from 'mand-mobile'
12 |
13 | Vue.component(DetailItem.name, DetailItem)
14 | ```
15 |
16 | ### Code Examples
17 |
18 |
19 | ### API
20 |
21 | #### CellItem Props
22 | |Props | Description | Type | Default | Note|
23 | |----|-----|------|------|------|
24 | |title|title|String|-|-|
25 | |content|content text|String|-|-|
26 | |bold|whether emphasis content|Boolean|`false`|-|
27 |
--------------------------------------------------------------------------------
/components/detail-item/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: DetailItem 清单项
3 | preview: https://didi.github.io/mand-mobile/examples/#/detail-item
4 | ---
5 |
6 | 清单列表用于展示一些列表信息，如账单。
7 |
8 | ### 引入
9 |
10 | ```javascript
11 | import { DetailItem } from 'mand-mobile'
12 |
13 | Vue.component(DetailItem.name, DetailItem)
14 | ```
15 |
16 | ### 代码演示
17 |
18 |
19 | ### API
20 |
21 | #### CellItem Props
22 | |属性 | 说明 | 类型 | 默认值|备注|
23 | |----|-----|------|------|------|
24 | |title|标题|String|-|-|
25 | |content|描述内容|String|-|-|
26 | |bold|是否加粗显示|Boolean|`false`|-|
27 |
--------------------------------------------------------------------------------
/components/detail-item/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'detail-item',
3 | 'text': '清单项目',
4 | 'category': 'basic',
5 | 'description': '清单列表用于展示一些列表信息，如账单。',
6 | 'author': 'moyu
3 |
4 |
5 |
9 |
10 |
11 |
12 |
16 |
--------------------------------------------------------------------------------
/components/detail-item/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import {renderToString} from '@vue/server-test-utils'
3 |
4 | describe('DetailItem', () => {
5 | test(`Basic`, () => {
6 | expect(renderToString(Demo0)).toMatchSnapshot()
7 | })
8 | })
9 |
--------------------------------------------------------------------------------
/components/dialog/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'dialog',
3 | 'text': '模态窗口',
4 | 'category': 'feedback',
5 | 'description': '弹出式交互窗口',
6 | 'author': 'moyu
6 |
8 |
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
19 |
20 |
24 |
--------------------------------------------------------------------------------
/components/dialog/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import {renderToString} from '@vue/server-test-utils'
3 |
4 | describe('Dialog - Demo', () => {
5 | test(`Basic`, () => {
6 | expect(renderToString(Demo0)).toMatchSnapshot()
7 | })
8 | })
9 |
--------------------------------------------------------------------------------
/components/drop-menu/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'drop-menu',
3 | 'text': '下拉菜单',
4 | 'category': 'basic',
5 | 'description': '',
6 | 'author': 'xuxiaoyan'
7 | }
8 |
--------------------------------------------------------------------------------
/components/drop-menu/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
8 |
36 |
--------------------------------------------------------------------------------
/components/drop-menu/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import Demo2 from './cases/demo2'
4 | import Demo3 from './cases/demo3'
5 |
6 | import {renderToString} from '@vue/server-test-utils'
7 |
8 | describe('DropMenu - Demo', () => {
9 | test(`Basic`, () => {
10 | expect(renderToString(Demo0)).toMatchSnapshot()
11 | })
12 | test(`Initial selection`, () => {
13 | expect(renderToString(Demo1)).toMatchSnapshot()
14 | })
15 | test(`Disabled item`, () => {
16 | expect(renderToString(Demo2)).toMatchSnapshot()
17 | })
18 | test(`Custom menu options`, () => {
19 | expect(renderToString(Demo3)).toMatchSnapshot()
20 | })
21 | })
22 |
--------------------------------------------------------------------------------
/components/field-item/index.vue:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/components/field/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'field',
3 | 'text': '组合列表',
4 | 'category': 'form',
5 | 'description': '单个连续模块垂直排列，显示当前的内容、状态和可进行的操作',
6 | 'author': 'moyu
7 |
9 |
3 |
4 |
5 |
9 |
10 |
11 |
12 |
16 |
--------------------------------------------------------------------------------
/components/field/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 |
3 | import {renderToString} from '@vue/server-test-utils'
4 |
5 | describe('Field', () => {
6 | test(`Basic`, () => {
7 | expect(renderToString(Demo0)).toMatchSnapshot()
8 | })
9 | })
10 |
--------------------------------------------------------------------------------
/components/field/test/index.spec.js:
--------------------------------------------------------------------------------
1 | import {FieldItem} from 'mand-mobile'
2 | import sinon from 'sinon'
3 | import {shallowMount} from '@vue/test-utils'
4 |
5 | describe('Field - Operation', () => {
6 | let wrapper
7 |
8 | afterEach(() => {
9 | wrapper && wrapper.destroy()
10 | })
11 |
12 | it('field item click event', () => {
13 | let clicked = false
14 | wrapper = shallowMount(FieldItem, {
15 | listeners: {
16 | click() {
17 | clicked = true
18 | },
19 | },
20 | })
21 | const eventSpy = sinon.spy(wrapper.vm, '$emit')
22 |
23 | wrapper.find('.md-field-item').trigger('click')
24 | expect(eventSpy.calledWith('click')).toBe(true)
25 | expect(clicked).toBe(true)
26 | })
27 | })
28 |
--------------------------------------------------------------------------------
/components/icon/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/components/icon/iconfont.ttf
--------------------------------------------------------------------------------
/components/icon/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/components/icon/iconfont.woff
--------------------------------------------------------------------------------
/components/icon/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
16 |
17 |
18 |
27 |
--------------------------------------------------------------------------------
/components/icon/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import Demo2 from './cases/demo2'
4 | import Demo3 from './cases/demo3'
5 | import {renderToString} from '@vue/server-test-utils'
6 |
7 | describe('Icon - Demo', () => {
8 | test(`Font icon`, () => {
9 | expect(renderToString(Demo0)).toMatchSnapshot()
10 | })
11 | test(`Svg icon`, () => {
12 | expect(renderToString(Demo1)).toMatchSnapshot()
13 | })
14 | test(`Icon size`, () => {
15 | expect(renderToString(Demo2)).toMatchSnapshot()
16 | })
17 | test(`Icon color`, () => {
18 | expect(renderToString(Demo3)).toMatchSnapshot()
19 | })
20 | })
21 |
--------------------------------------------------------------------------------
/components/icon/test/index.spec.js:
--------------------------------------------------------------------------------
1 | import {Icon} from 'mand-mobile'
2 | import sinon from 'sinon'
3 | import {shallowMount} from '@vue/test-utils'
4 |
5 | describe('Icon - Operation', () => {
6 | let wrapper
7 |
8 | afterEach(() => {
9 | wrapper && wrapper.destroy()
10 | })
11 |
12 | it('icon click event', () => {
13 | let clicked = false
14 | wrapper = shallowMount(Icon, {
15 | propsData: {
16 | name: 'success-color',
17 | },
18 | listeners: {
19 | click() {
20 | clicked = true
21 | },
22 | },
23 | })
24 | const eventSpy = sinon.spy(wrapper.vm, '$emit')
25 |
26 | wrapper.find('.md-icon').trigger('click')
27 | expect(eventSpy.calledWith('click')).toBe(true)
28 | expect(clicked).toBe(true)
29 | })
30 | })
31 |
--------------------------------------------------------------------------------
/components/image-reader/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'image-reader',
3 | 'text': '图片选择器',
4 | 'category': 'basic',
5 | 'description': '',
6 | 'author': 'xuxiaoyan'
7 | }
8 |
--------------------------------------------------------------------------------
/components/image-reader/demo/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
8 |
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/components/image-reader/image-processor.d.ts:
--------------------------------------------------------------------------------
1 | export interface ImageProcessorOptions {
2 | dataUrl: string
3 | width?: number
4 | height?: number
5 | quality: number
6 | }
7 |
8 | export interface ImageProcessorData {
9 | dataUrl: string
10 | blob: Blob
11 | }
12 |
13 | export default function ImageProcessor(
14 | options: ImageProcessorOptions,
15 | callback?: (data: ImageProcessorData) => any): Promise
7 |
9 |
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/components/image-viewer/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import {renderToString} from '@vue/server-test-utils'
3 |
4 | describe('ImageViewer - Demo', () => {
5 | test(`Basic`, () => {
6 | expect(renderToString(Demo0)).toMatchSnapshot()
7 | })
8 | })
9 |
--------------------------------------------------------------------------------
/components/input-item/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'input-item',
3 | 'text': '输入框',
4 | 'category': 'form',
5 | 'description': '',
6 | 'author': 'xuxiaoyan'
7 | }
8 |
--------------------------------------------------------------------------------
/components/landscape/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'landscape',
3 | 'text': '压屏',
4 | 'category': 'business',
5 | 'description': '用于展示压屏广告或通知的组件。',
6 | 'author': 'zhaozhe'
7 | }
8 |
--------------------------------------------------------------------------------
/components/landscape/demo/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
9 |
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
18 |
--------------------------------------------------------------------------------
/components/landscape/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import {renderToString} from '@vue/server-test-utils'
3 |
4 | describe('Landscape - Demo', () => {
5 | test('Basic', () => {
6 | expect(renderToString(Demo0)).toMatchSnapshot()
7 | })
8 | })
9 |
--------------------------------------------------------------------------------
/components/license-plate/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'license-plate',
3 | 'text': '车牌号键入',
4 | 'category': 'business',
5 | 'description': '车牌号输入键盘',
6 | 'author': 'weishuodan'
7 | }
8 |
--------------------------------------------------------------------------------
/components/license-plate/demo/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
9 |
3 |
5 |
6 |
7 |
27 |
--------------------------------------------------------------------------------
/components/license-plate/demo/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
19 |
--------------------------------------------------------------------------------
/components/license-plate/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
9 |
3 |
5 |
6 |
7 |
20 |
21 |
23 |
--------------------------------------------------------------------------------
/components/license-plate/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import {renderToString} from '@vue/server-test-utils'
3 |
4 | describe('Landscape - Demo', () => {
5 | test('Basic', () => {
6 | expect(renderToString(Demo0)).toMatchSnapshot()
7 | })
8 | })
9 |
--------------------------------------------------------------------------------
/components/notice-bar/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'notice-bar',
3 | 'text': '通告栏',
4 | 'category': 'basic',
5 | 'description': '通告栏',
6 | 'author': 'linyufei'
7 | }
8 |
--------------------------------------------------------------------------------
/components/notice-bar/demo/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/components/notice-bar/demo/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
10 |
11 |
12 |
26 |
--------------------------------------------------------------------------------
/components/notice-bar/demo/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/components/notice-bar/demo/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
7 |
21 |
--------------------------------------------------------------------------------
/components/notice-bar/demo/cases/demo5.vue:
--------------------------------------------------------------------------------
1 |
2 |
11 |
12 |
13 |
27 |
--------------------------------------------------------------------------------
/components/notice-bar/demo/cases/demo6.vue:
--------------------------------------------------------------------------------
1 |
2 |
11 |
12 |
13 |
27 |
--------------------------------------------------------------------------------
/components/notice-bar/demo/cases/demo7.vue:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
10 |
25 |
--------------------------------------------------------------------------------
/components/notice-bar/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/components/notice-bar/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
10 |
11 |
12 |
21 |
--------------------------------------------------------------------------------
/components/notice-bar/test/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/components/notice-bar/test/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
7 |
16 |
--------------------------------------------------------------------------------
/components/notice-bar/test/cases/demo5.vue:
--------------------------------------------------------------------------------
1 |
2 |
11 |
12 |
13 |
22 |
--------------------------------------------------------------------------------
/components/notice-bar/test/cases/demo6.vue:
--------------------------------------------------------------------------------
1 |
2 |
11 |
12 |
13 |
22 |
--------------------------------------------------------------------------------
/components/notice-bar/test/cases/demo7.vue:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
10 |
20 |
--------------------------------------------------------------------------------
/components/number-keyboard/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'number-keyboard',
3 | 'text': '数字键盘',
4 | 'category': 'form',
5 | 'description': '',
6 | 'author': 'xuxiaoyan'
7 | }
8 |
--------------------------------------------------------------------------------
/components/number-keyboard/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
9 |
10 |
11 |
20 |
21 |
31 |
--------------------------------------------------------------------------------
/components/number-keyboard/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import {renderToString} from '@vue/server-test-utils'
4 |
5 | describe('NumberKeyboard - Demo', () => {
6 | test('With confirmation key and decimal point, generally used for price or amount input', () => {
7 | expect(renderToString(Demo0)).toMatchSnapshot()
8 | })
9 | test('Simple type', () => {
10 | expect(renderToString(Demo1)).toMatchSnapshot()
11 | })
12 | })
13 |
--------------------------------------------------------------------------------
/components/picker/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'picker',
3 | 'text': '选择器',
4 | 'category': 'feedback',
5 | 'description': '',
6 | 'author': 'xuxiaoyan'
7 | }
8 |
--------------------------------------------------------------------------------
/components/picker/demo/data/simple.js:
--------------------------------------------------------------------------------
1 | export default [
2 | [
3 | {text: '2015', value: 1},
4 | {text: '2016', value: 2},
5 | {text: '2017', value: 3},
6 | {text: '2018', value: 4},
7 | {text: '2019', value: 5},
8 | {text: '2020', value: 6},
9 | {text: '2021', value: 2},
10 | {text: '2022', value: 3},
11 | {text: '2023', value: 2},
12 | {text: '2024', value: 3},
13 | {text: '2025', value: 2},
14 | {text: '2026', value: 3},
15 | {text: '2027', value: 2},
16 | {text: '2028', value: 3},
17 | {text: '2029', value: 2},
18 | {text: '2030', value: 3},
19 | ],
20 | ]
21 |
--------------------------------------------------------------------------------
/components/picker/mixins/index.js:
--------------------------------------------------------------------------------
1 | import {t} from '../../_locale'
2 | import popupMixin from '../../popup/mixins'
3 | import popupTitleBarMixin from '../../popup/mixins/title-bar'
4 |
5 | export default {
6 | mixins: [popupMixin, popupTitleBarMixin],
7 | props: {
8 | isView: {
9 | type: Boolean,
10 | default: false,
11 | },
12 | okText: {
13 | default: t('md.picker.confirm'),
14 | },
15 | cancelText: {
16 | default: t('md.picker.cancel'),
17 | },
18 | lineHeight: {
19 | type: Number,
20 | },
21 | keepIndex: {
22 | type: Boolean,
23 | default: false,
24 | },
25 | },
26 | }
27 |
--------------------------------------------------------------------------------
/components/picker/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/components/picker/test/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
11 |
12 |
27 |
--------------------------------------------------------------------------------
/components/popup-title-bar/index.vue:
--------------------------------------------------------------------------------
1 |
4 |
5 |
--------------------------------------------------------------------------------
/components/popup/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'popup',
3 | 'text': '弹出层',
4 | 'category': 'feedback',
5 | 'description': '',
6 | 'author': 'xuxiaoyan'
7 | }
8 |
--------------------------------------------------------------------------------
/components/popup/demo/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
19 |
--------------------------------------------------------------------------------
/components/popup/mixins/index.js:
--------------------------------------------------------------------------------
1 | export default {
2 | props: {
3 | value: {
4 | type: Boolean,
5 | default: false,
6 | },
7 | hasMask: {
8 | type: Boolean,
9 | default: true,
10 | },
11 | maskClosable: {
12 | type: Boolean,
13 | default: true,
14 | },
15 | },
16 | }
17 |
--------------------------------------------------------------------------------
/components/popup/mixins/title-bar.js:
--------------------------------------------------------------------------------
1 | export default {
2 | props: {
3 | title: {
4 | type: String,
5 | default: '',
6 | },
7 | describe: {
8 | type: String,
9 | default: '',
10 | },
11 | okText: {
12 | type: String,
13 | default: '',
14 | },
15 | cancelText: {
16 | type: String,
17 | default: '',
18 | },
19 | titleAlign: {
20 | type: String,
21 | default: 'center',
22 | },
23 | largeRadius: {
24 | type: Boolean,
25 | default: false,
26 | },
27 | onlyClose: {
28 | type: Boolean,
29 | default: false,
30 | },
31 | },
32 | }
33 |
--------------------------------------------------------------------------------
/components/popup/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import {renderToString} from '@vue/server-test-utils'
4 |
5 | describe('Popup - Demo', () => {
6 | test('Different positions', () => {
7 | expect(renderToString(Demo0)).toMatchSnapshot()
8 | })
9 | test('Other configurations', () => {
10 | expect(renderToString(Demo1)).toMatchSnapshot()
11 | })
12 | })
13 |
--------------------------------------------------------------------------------
/components/popup/test/touch-trigger.js:
--------------------------------------------------------------------------------
1 | export default function(element, eventName, x, y, keyCodeOrValue) {
2 | const touch = {
3 | identifier: Date.now(),
4 | target: element,
5 | pageX: x,
6 | pageY: y,
7 | clientX: x,
8 | clientY: y,
9 | radiusX: 2.5,
10 | radiusY: 2.5,
11 | rotationAngle: 10,
12 | force: 0.5,
13 | }
14 |
15 | const event = document.createEvent('CustomEvent')
16 | event.initCustomEvent(eventName, true, true, {})
17 | event.touches = [touch]
18 | event.targetTouches = [touch]
19 | event.changedTouches = [touch]
20 | event.keyCode = keyCodeOrValue
21 | event.clientX = x
22 | event.clientY = y
23 | event.pageX = x
24 | event.pageY = y
25 |
26 | element.value += keyCodeOrValue
27 |
28 | element.dispatchEvent(event)
29 | }
30 |
--------------------------------------------------------------------------------
/components/progress/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'progress',
3 | 'text': '进度',
4 | 'category': 'basic',
5 | 'description': '',
6 | 'author': 'xuxiaoyan'
7 | }
--------------------------------------------------------------------------------
/components/progress/demo/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
9 |
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
21 |
22 |
26 |
--------------------------------------------------------------------------------
/components/progress/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import {renderToString} from '@vue/server-test-utils'
4 | import {mount} from '@vue/test-utils'
5 |
6 | describe('Progress', () => {
7 | test(`Basic`, () => {
8 | expect(renderToString(Demo0)).toMatchSnapshot()
9 | })
10 | test(`Other configurations`, () => {
11 | const wrapper = mount(Demo1)
12 | expect(wrapper.html()).toMatchSnapshot()
13 | })
14 | })
15 |
--------------------------------------------------------------------------------
/components/radio-box/index.vue:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/components/radio-group/index.vue:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/components/radio-list/index.vue:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/components/radio/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'radio',
3 | 'text': '单选框',
4 | 'category': 'form',
5 | 'description': '',
6 | 'author': 'moyu
7 |
9 |
3 |
6 |
7 |
8 |
26 |
--------------------------------------------------------------------------------
/components/radio/demo/cases/demo4.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
9 |
28 |
--------------------------------------------------------------------------------
/components/radio/group.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
33 |
34 |
--------------------------------------------------------------------------------
/components/radio/mixins/index.js:
--------------------------------------------------------------------------------
1 | export default {
2 | props: {
3 | icon: {
4 | type: String,
5 | default: 'checked',
6 | },
7 | iconInverse: {
8 | type: String,
9 | default: 'check',
10 | },
11 | iconDisabled: {
12 | type: String,
13 | default: 'check-disabled',
14 | },
15 | iconSvg: {
16 | type: Boolean,
17 | default: false,
18 | },
19 | iconSize: {
20 | type: String,
21 | default: 'md',
22 | },
23 | iconPosition: {
24 | type: String,
25 | default: 'left',
26 | },
27 | },
28 | }
29 |
--------------------------------------------------------------------------------
/components/radio/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |
22 |
--------------------------------------------------------------------------------
/components/radio/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
9 |
10 |
11 |
12 |
13 |
29 |
--------------------------------------------------------------------------------
/components/radio/test/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
10 |
11 |
12 |
13 |
28 |
--------------------------------------------------------------------------------
/components/radio/test/cases/demo4.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
9 |
23 |
--------------------------------------------------------------------------------
/components/radio/test/cases/demo5.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 自己
5 | 配偶
6 | 父母
7 | 子女
8 |
9 |
10 |
11 |
12 |
27 |
--------------------------------------------------------------------------------
/components/result-page/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'result-page',
3 | 'text': '结果页',
4 | 'category': 'business',
5 | 'description': '用于展示流程终点页面的组件。',
6 | 'author': 'zhaozhe'
7 | }
8 |
--------------------------------------------------------------------------------
/components/result-page/demo/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
8 |
9 |
21 |
22 |
--------------------------------------------------------------------------------
/components/result-page/demo/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |
9 |
10 |
23 |
24 |
--------------------------------------------------------------------------------
/components/result-page/demo/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/components/result-page/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
8 |
9 |
18 |
19 |
--------------------------------------------------------------------------------
/components/result-page/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |
9 |
10 |
19 |
20 |
--------------------------------------------------------------------------------
/components/result-page/test/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 |
10 |
11 |
12 |
21 |
22 |
--------------------------------------------------------------------------------
/components/result-page/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import Demo2 from './cases/demo2'
4 | import Demo3 from './cases/demo3'
5 | import {renderToString} from '@vue/server-test-utils'
6 |
7 | describe('ResultPage', () => {
8 | test(`404`, () => {
9 | expect(renderToString(Demo0)).toMatchSnapshot()
10 | })
11 | test(`Network anomaly`, () => {
12 | expect(renderToString(Demo1)).toMatchSnapshot()
13 | })
14 | test(`With button`, () => {
15 | expect(renderToString(Demo2)).toMatchSnapshot()
16 | })
17 | test(`Custom pattern`, () => {
18 | expect(renderToString(Demo3)).toMatchSnapshot()
19 | })
20 | })
21 |
--------------------------------------------------------------------------------
/components/result-page/test/index.spec.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import {ResultPage} from 'mand-mobile'
3 | import {mount} from '@vue/test-utils'
4 |
5 | describe('ResultPage - Operation', () => {
6 | let wrapper
7 |
8 | afterEach(() => {
9 | wrapper && wrapper.destroy()
10 | })
11 |
12 | it('props reactive', () => {
13 | let name = ''
14 | wrapper = mount(ResultPage, {
15 | propsData: {
16 | text: '123',
17 | },
18 | })
19 | expect(wrapper.find('.md-result-text').text()).toBe('123')
20 | wrapper.setProps({text: '456'})
21 | expect(wrapper.find('.md-result-text').text()).toBe('456')
22 | })
23 | })
24 |
--------------------------------------------------------------------------------
/components/ruler/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'ruler',
3 | 'text': '刻度尺',
4 | 'category': 'business',
5 | 'description': '刻度尺',
6 | 'author': 'supergaojian <402853745@qq.com>'
7 | }
--------------------------------------------------------------------------------
/components/ruler/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
13 |
14 |
15 |
30 |
31 |
37 |
--------------------------------------------------------------------------------
/components/ruler/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import Demo2 from './cases/demo2'
4 | import {renderToString} from '@vue/server-test-utils'
5 |
6 | describe('Radio', () => {
7 | test(`Basic`, () => {
8 | expect(renderToString(Demo0)).toMatchSnapshot()
9 | })
10 | test(`With Field`, () => {
11 | expect(renderToString(Demo1)).toMatchSnapshot()
12 | })
13 | test(`List`, () => {
14 | expect(renderToString(Demo2)).toMatchSnapshot()
15 | })
16 | })
17 |
--------------------------------------------------------------------------------
/components/scroll-view-more/index.vue:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/components/scroll-view-refresh/index.vue:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/components/scroll-view/test/scroll-view-content.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
13 |
14 |
18 |
--------------------------------------------------------------------------------
/components/selector/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'selector',
3 | 'text': '列表选择器',
4 | 'category': 'feedback',
5 | 'description': '',
6 | 'author': 'xuxiaoyan'
7 | }
8 |
--------------------------------------------------------------------------------
/components/selector/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import Demo2 from './cases/demo2'
4 | import Demo3 from './cases/demo3'
5 | import Demo4 from './cases/demo4'
6 | import {renderToString} from '@vue/server-test-utils'
7 |
8 | describe('Selector - Demo', () => {
9 | test(`No need to confirm`, () => {
10 | expect(renderToString(Demo0)).toMatchSnapshot()
11 | })
12 | test(`Custom options`, () => {
13 | expect(renderToString(Demo1)).toMatchSnapshot()
14 | })
15 | test(`Confirmed mode`, () => {
16 | expect(renderToString(Demo2)).toMatchSnapshot()
17 | })
18 | test(`Check mode`, () => {
19 | expect(renderToString(Demo3)).toMatchSnapshot()
20 | })
21 | test(`Multi mode`, () => {
22 | expect(renderToString(Demo4)).toMatchSnapshot()
23 | })
24 | })
25 |
--------------------------------------------------------------------------------
/components/skeleton/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Skeleton 骨架屏
3 | preview: https://didi.github.io/mand-mobile/examples/#/skeleton
4 | ---
5 |
6 | 骨架屏，一般用于数据尚未加载前先展示出页面的大致结构的加载状态 2.5.0+
7 |
8 | ### 引入
9 |
10 | ```javascript
11 | import { Skeleton } from 'mand-mobile'
12 |
13 | Vue.component(Skeleton.name, Skeleton)
14 | ```
15 |
16 | ### 代码演示
17 |
18 |
19 | ### API
20 |
21 | #### Skeleton Props
22 | |属性 | 说明 | 类型 | 默认值 | 备注|
23 | |----|-----|------|------|------|
24 | |loading|是否显示骨架屏|Boolean|true|-|
25 | |avatar|是否显示图标占位图|Boolean|false|-|
26 | |avatar-size|图标占位图大小|String|md| sm, md, lg |
27 | |title|是否显示标题占位图|Boolean|false|-|
28 | |title-width|标题占位宽度|Number,String| 40%|-|
29 | |row|内容占位图行数|Number|3|-|
30 | |row-width|内容占位图宽度|String,Number,Array\当前值：{{ value }}
4 |
5 |
12 |
3 |
4 |
5 |
6 |
7 |
8 |
21 |
22 |
26 |
--------------------------------------------------------------------------------
/components/skeleton/demo/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
25 |
26 |
30 |
--------------------------------------------------------------------------------
/components/skeleton/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
21 |
--------------------------------------------------------------------------------
/components/skeleton/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
22 |
--------------------------------------------------------------------------------
/components/skeleton/test/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
23 |
--------------------------------------------------------------------------------
/components/skeleton/test/cases/demo4.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
23 |
--------------------------------------------------------------------------------
/components/skeleton/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import Demo2 from './cases/demo2'
4 | import Demo3 from './cases/demo3'
5 | import Demo4 from './cases/demo4'
6 | import {renderToString} from '@vue/server-test-utils'
7 |
8 | describe('Skeleton - Demo', () => {
9 | test(`basic`, () => {
10 | expect(renderToString(Demo0)).toMatchSnapshot()
11 | })
12 | test(`withAvatar`, () => {
13 | expect(renderToString(Demo1)).toMatchSnapshot()
14 | })
15 | test(`switchSkeleton`, () => {
16 | expect(renderToString(Demo2)).toMatchSnapshot()
17 | })
18 | test(`defaultSkeleton`, () => {
19 | expect(renderToString(Demo3)).toMatchSnapshot()
20 | })
21 | test(`combineSkeleton`, () => {
22 | expect(renderToString(Demo4)).toMatchSnapshot()
23 | })
24 | })
25 |
--------------------------------------------------------------------------------
/components/slider/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Slider 滑块
3 | preview: https://didi.github.io/mand-mobile/examples/#/slider
4 | ---
5 |
6 | ### 引入
7 |
8 | ```javascript
9 | import { Slider } from 'mand-mobile'
10 |
11 | Vue.component(Slider.name, Slider)
12 | ```
13 |
14 | ### 代码演示
15 |
16 |
17 | ### API
18 |
19 | #### Slider Props
20 | |属性 | 说明 | 类型 | 默认值 | 备注|
21 | |----|-----|------|------|------|
22 | |v-model|双向绑定的值, 当开启range时, 其值为数组形式|number, number[]|`0`|-|
23 | |disabled|是否禁用滑块|Boolean|`false`|-|
24 | |min|可拖动的最小值|number|`0`|-|
25 | |max|可拖动的最大值|number|`100`|-|
26 | |step|步长|number|`1`|-|
27 | |range|是否启动双向拖动|Boolean|`false`|-|
28 | |format|显示文本的格式化函数|Function|`(val) => {return val}`|-|
29 |
--------------------------------------------------------------------------------
/components/slider/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'slider',
3 | 'text': '滑块',
4 | 'category': 'form',
5 | 'description': '',
6 | 'author': 'moyu
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
26 |
--------------------------------------------------------------------------------
/components/stepper/demo/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
26 |
--------------------------------------------------------------------------------
/components/stepper/demo/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
31 |
--------------------------------------------------------------------------------
/components/stepper/demo/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
31 |
--------------------------------------------------------------------------------
/components/stepper/demo/cases/demo4.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
26 |
--------------------------------------------------------------------------------
/components/stepper/demo/cases/demo5.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
26 |
--------------------------------------------------------------------------------
/components/stepper/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
22 |
--------------------------------------------------------------------------------
/components/stepper/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
22 |
--------------------------------------------------------------------------------
/components/stepper/test/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
27 |
--------------------------------------------------------------------------------
/components/stepper/test/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
27 |
--------------------------------------------------------------------------------
/components/stepper/test/cases/demo4.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
22 |
--------------------------------------------------------------------------------
/components/stepper/test/cases/demo5.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
22 |
--------------------------------------------------------------------------------
/components/steps/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'steps',
3 | 'text': '步骤条',
4 | 'category': 'basic',
5 | 'description': '展示当前所在步骤位置的组件。',
6 | 'author': 'zhaozhe'
7 | }
8 |
--------------------------------------------------------------------------------
/components/steps/demo/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/components/steps/demo/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/components/steps/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/components/steps/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/components/steps/test/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/components/steps/test/cases/demo6.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
9 |
10 |
11 |
39 |
--------------------------------------------------------------------------------
/components/swiper-item/index.vue:
--------------------------------------------------------------------------------
1 |
4 |
5 |
--------------------------------------------------------------------------------
/components/swiper/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'swiper',
3 | 'text': '轮播',
4 | 'category': 'basic',
5 | 'description': '轮播',
6 | 'author': 'huangbinxing'
7 | }
8 |
--------------------------------------------------------------------------------
/components/swiper/demo/data/simple.js:
--------------------------------------------------------------------------------
1 | var colors = [
2 | {
3 | color: '#4390EE',
4 | text: '给时光以生命，给岁月以文明。',
5 | },
6 | {
7 | color: '#364d79',
8 | text: '你的无畏来源于无知。',
9 | },
10 | {
11 | color: '#CA4040',
12 | text: '一切都将逝去，只有死神永生。',
13 | },
14 | ]
15 |
16 | export default colors
17 |
--------------------------------------------------------------------------------
/components/switch/README.en-US.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Switch
3 | preview: https://didi.github.io/mand-mobile/examples/#/switch
4 | ---
5 |
6 | Switch between two status
7 |
8 | ### Import
9 |
10 | ```javascript
11 | import { Switch } from 'mand-mobile'
12 |
13 | Vue.component(Switch.name, Switch)
14 | ```
15 |
16 | ### Code Examples
17 |
18 |
19 | ### API
20 |
21 | #### Switch Props
22 | | Props | Description | Type | Default |
23 | |----|-----|------|------|
24 | |v-model| Whether it is on or off |Boolean|`false`|
25 | |disabled| Whether it is disabled or not |Boolean|`false`|
26 |
27 | #### Switch Instance Events
28 |
29 | ##### @change(isActive)
30 |
31 | | Props | Description | Type |
32 | |----|-----|------|
33 | |isActive| Whether it is on or off |Boolean|
34 |
--------------------------------------------------------------------------------
/components/switch/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Switch 开关
3 | preview: https://didi.github.io/mand-mobile/examples/#/switch
4 | ---
5 |
6 | 开关按钮，用于表示开关状态/两种状态之间的切换
7 |
8 | ### 引入
9 |
10 | ```javascript
11 | import { Switch } from 'mand-mobile'
12 |
13 | Vue.component(Switch.name, Switch)
14 | ```
15 |
16 | ### 代码演示
17 |
18 |
19 | ### API
20 |
21 | #### Switch Props
22 | |属性 | 说明 | 类型 | 默认值|
23 | |----|-----|------|------|
24 | |v-model|打开或者关闭|Boolean|`false`|
25 | |disabled|是否禁用|Boolean|`false`|
26 |
27 | #### Switch Events
28 |
29 | ##### @change(isActive)
30 | 事件说明
31 |
32 | |属性 | 说明 | 类型 |
33 | |----|-----|------|
34 | |isActive|开关状态，打开或者关闭|Boolean|
35 |
--------------------------------------------------------------------------------
/components/switch/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'switch',
3 | 'text': '滑动开关',
4 | 'category': 'basic',
5 | 'description': '',
6 | 'author': 'chengyanjing'
7 | }
8 |
--------------------------------------------------------------------------------
/components/switch/demo/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/components/switch/demo/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/components/switch/demo/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/components/switch/demo/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/components/switch/demo/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/components/switch/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
9 |
3 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/components/switch/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/components/switch/test/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/components/switch/test/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/components/switch/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import Demo2 from './cases/demo2'
4 | import Demo3 from './cases/demo3'
5 | import {renderToString} from '@vue/server-test-utils'
6 |
7 | describe('Switch - Demo', () => {
8 | test(`Open`, () => {
9 | expect(renderToString(Demo0)).toMatchSnapshot()
10 | })
11 | test(`Closed`, () => {
12 | expect(renderToString(Demo1)).toMatchSnapshot()
13 | })
14 | test(`Open and disabled`, () => {
15 | expect(renderToString(Demo2)).toMatchSnapshot()
16 | })
17 | test(`Closed and disabled`, () => {
18 | expect(renderToString(Demo3)).toMatchSnapshot()
19 | })
20 | })
21 |
--------------------------------------------------------------------------------
/components/switch/test/index.spec.js:
--------------------------------------------------------------------------------
1 | import {Switch} from 'mand-mobile'
2 | import sinon from 'sinon'
3 | import {mount} from '@vue/test-utils'
4 |
5 | describe('Switch - Operation', () => {
6 | let wrapper
7 |
8 | afterEach(() => {
9 | wrapper && wrapper.destroy()
10 | })
11 |
12 | test('click disabled switch', () => {
13 | wrapper = mount(Switch, {
14 | propsData: {
15 | disabled: true,
16 | },
17 | })
18 |
19 | const spy = sinon.spy(wrapper.vm, '$_onChange')
20 | wrapper.find('.md-switch').trigger('click')
21 | expect(spy.called).toBe(true)
22 | })
23 | })
24 |
--------------------------------------------------------------------------------
/components/tab-bar/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'tab-bar',
3 | 'text': '标签菜单',
4 | 'category': 'basic',
5 | 'description': '标签导航菜单',
6 | 'author': 'moyu
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
20 |
--------------------------------------------------------------------------------
/components/tab-picker/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
9 |
3 |
10 |
11 |
12 |
28 |
--------------------------------------------------------------------------------
/components/tab-picker/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import {renderToString} from '@vue/server-test-utils'
3 |
4 | describe('TabPicker - Demo', () => {
5 | test(`Basic`, () => {
6 | expect(renderToString(Demo0)).toMatchSnapshot()
7 | })
8 | })
9 |
--------------------------------------------------------------------------------
/components/tabs/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'tabs',
3 | 'text': '标签页',
4 | 'category': 'basic',
5 | 'description': '用于在内部固定区域切换展示内容的组件',
6 | 'author': 'moyu
3 | 可选
4 | 可选
5 |
6 |
7 |
8 |
21 |
--------------------------------------------------------------------------------
/components/tag/demo/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | ￥3600
4 | ￥300
5 |
6 |
7 |
8 |
21 |
--------------------------------------------------------------------------------
/components/tag/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 逾期23天
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/components/tag/test/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 可选
4 | 可选
5 |
6 |
7 |
8 |
17 |
--------------------------------------------------------------------------------
/components/tag/test/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | ￥3600
4 | ￥300
5 |
6 |
7 |
8 |
17 |
--------------------------------------------------------------------------------
/components/tag/test/index.spec.js:
--------------------------------------------------------------------------------
1 | import {renderToString} from '@vue/server-test-utils'
2 | import Demo0 from './cases/demo0'
3 | import Demo1 from './cases/demo1'
4 | import Demo2 from './cases/demo2'
5 | import Demo3 from './cases/demo3'
6 | import Demo4 from './cases/demo4'
7 |
8 | describe('Tag - Demo', () => {
9 | test('Semicircle', () => {
10 | expect(renderToString(Demo0)).toMatchSnapshot()
11 | })
12 | test('Fillet', () => {
13 | expect(renderToString(Demo1)).toMatchSnapshot()
14 | })
15 | test('Square', () => {
16 | expect(renderToString(Demo2)).toMatchSnapshot()
17 | })
18 | test('Characters cut in relief', () => {
19 | expect(renderToString(Demo3)).toMatchSnapshot()
20 | })
21 | test('Special tags', () => {
22 | expect(renderToString(Demo4)).toMatchSnapshot()
23 | })
24 | })
25 |
--------------------------------------------------------------------------------
/components/textarea-item/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'textarea-item',
3 | 'text': '文本输入框',
4 | 'category': 'form',
5 | 'description': '文本输入框。',
6 | 'author': '张鹏'
7 | }
8 |
--------------------------------------------------------------------------------
/components/textarea-item/demo/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
20 |
--------------------------------------------------------------------------------
/components/textarea-item/test/deme.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import Demo2 from './cases/demo2'
4 | import {renderToString} from '@vue/server-test-utils'
5 |
6 | describe('TextareaItem - Demo', () => {
7 | test('Basic', () => {
8 | expect(renderToString(Demo0)).toMatchSnapshot()
9 | })
10 | test('Error Tip', () => {
11 | expect(renderToString(Demo1)).toMatchSnapshot()
12 | })
13 | test('Slot', () => {
14 | expect(renderToString(Demo2)).toMatchSnapshot()
15 | })
16 | })
17 |
--------------------------------------------------------------------------------
/components/tip/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Tip 气泡提示
3 | preview: https://didi.github.io/mand-mobile/examples/#/tip
4 | ---
5 |
6 | ### 引入
7 |
8 | ```javascript
9 | import { Tip } from 'mand-mobile'
10 |
11 | Vue.component(Tip.name, Tip)
12 | ```
13 |
14 | ### 代码演示
15 |
16 |
17 | ### API
18 |
19 | #### Tip Props
20 | |属性 | 说明 | 类型 | 默认值|备注|
21 | |----|-----|------|------|------|
22 | |name|提示名称|String/Number|-|一般用于特殊类名|
23 | |content|提示文本内容|String/Number|-|-|
24 | |placement|位置|String|`top`|`top`, `left`, `bottom`, `right`|
25 | |icon|图标|String|-|可选值请参考组件`Icon`|
26 | |icon-svg|使用svg图标|Boolean|`false`|-|
27 | |fill|充满子元素|Boolean|`false`|如按钮提示，与按钮等宽(top/bottom)或等高(left/right)|
28 | |offset|偏移量|Object:{left, top}|-|-|
29 |
30 | #### Tip Events
31 |
32 | ##### @show()
33 | 提示框显示后触发的事件
34 |
35 | ##### @hide()
36 | 提示框隐藏后触发的事件
37 |
--------------------------------------------------------------------------------
/components/tip/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'tip',
3 | 'text': '轻提示',
4 | 'category': 'feedback',
5 | 'description': '弹出式轻提示',
6 | 'author': 'moyu
7 |
9 |
3 |
4 | 点击我
5 |
6 |
7 |
8 |
9 |
23 |
--------------------------------------------------------------------------------
/components/tip/demo/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 点击我
5 |
6 |
7 |
8 |
9 |
23 |
--------------------------------------------------------------------------------
/components/tip/demo/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 点击我
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/components/tip/demo/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 点击我
5 |
6 |
7 |
8 |
9 |
23 |
--------------------------------------------------------------------------------
/components/tip/test/tip-wrapper.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/components/toast/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'toast',
3 | 'text': '提示',
4 | 'category': 'feedback',
5 | 'description': '弹出式提示',
6 | 'author': 'moyu
4 |
5 | 点击我
6 |
7 |
8 |
3 | 纯文字
4 |
5 |
6 |
7 |
25 |
--------------------------------------------------------------------------------
/components/toast/demo/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 成功
4 |
5 |
6 |
7 |
25 |
--------------------------------------------------------------------------------
/components/toast/demo/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 失败
4 |
5 |
6 |
7 |
25 |
--------------------------------------------------------------------------------
/components/toast/demo/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 载入
4 |
5 |
6 |
7 |
28 |
--------------------------------------------------------------------------------
/components/toast/demo/cases/demo4.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 连续调用
4 |
5 |
6 |
7 |
31 |
--------------------------------------------------------------------------------
/components/toast/demo/cases/demo5.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 长文字
4 |
5 |
6 |
7 |
25 |
--------------------------------------------------------------------------------
/components/toast/demo/cases/demo6.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 自定义位置
4 |
5 |
6 |
7 |
28 |
--------------------------------------------------------------------------------
/components/toast/test/cases/demo0.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
15 |
--------------------------------------------------------------------------------
/components/toast/test/cases/demo1.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
15 |
--------------------------------------------------------------------------------
/components/toast/test/cases/demo2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
15 |
--------------------------------------------------------------------------------
/components/toast/test/cases/demo3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
15 |
--------------------------------------------------------------------------------
/components/toast/test/cases/demo4.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
21 |
--------------------------------------------------------------------------------
/components/toast/test/cases/demo5.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
18 |
--------------------------------------------------------------------------------
/components/transition/README.en-US.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Transition
3 | preview: https://didi.github.io/mand-mobile/examples/#/transition
4 | ---
5 |
6 | 复用动画切换组件
7 |
8 | ### 引入
9 |
10 | ```javascript
11 | import { Transition } from 'mand-mobile'
12 |
13 | Vue.component(Transition.name, Transition)
14 | ```
15 |
16 | ### 代码演示
17 |
18 |
19 | ### API
20 | `md-transition` is a wrapper of vue `transtion`, support all `transition` props.
21 |
22 | built-in transition name：
23 |
24 | - `md-fade`
25 | - `md-fade-up`
26 | - `md-fade-down`
27 | - `md-fade-left`
28 | - `md-fade-right`
29 | - `md-slide-up`
30 | - `md-slide-down`
31 | - `md-slide-left`
32 | - `md-slide-right`
33 | - `md-bounce`
34 | - `md-punch`
35 | - `md-zoom`
36 |
37 |
--------------------------------------------------------------------------------
/components/transition/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Transition 动画
3 | preview: https://didi.github.io/mand-mobile/examples/#/transition
4 | ---
5 |
6 | 复用动画切换组件
7 |
8 | ### 引入
9 |
10 | ```javascript
11 | import { Transition } from 'mand-mobile'
12 |
13 | Vue.component(Transition.name, Transition)
14 | ```
15 |
16 | ### 代码演示
17 |
18 |
19 | ### API
20 | `md-transition`组件为Vue内置`transtion`的一层封装，支持所有Transition的属性参数。
21 |
22 | 其中内置动画`name`参数如下：
23 |
24 | - `md-fade`
25 | - `md-fade-up`
26 | - `md-fade-down`
27 | - `md-fade-left`
28 | - `md-fade-right`
29 | - `md-slide-up`
30 | - `md-slide-down`
31 | - `md-slide-left`
32 | - `md-slide-right`
33 | - `md-bounce`
34 | - `md-punch`
35 | - `md-zoom`
36 |
37 |
--------------------------------------------------------------------------------
/components/transition/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'transition',
3 | 'text': '动画',
4 | 'category': 'feedback',
5 | 'description': '复用动画切换组件',
6 | 'author': 'moyu
3 |
4 |
5 |
6 |
10 |
11 |
12 |
13 |
18 |
--------------------------------------------------------------------------------
/components/water-mark/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'name': 'water-mark',
3 | 'text': '水印',
4 | 'category': 'business',
5 | 'description': '',
6 | 'author': 'xuxiaoyan'
7 | }
8 |
--------------------------------------------------------------------------------
/components/water-mark/demo/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
9 |
3 |
4 |
5 |
9 |
10 |
11 |
12 |
20 |
21 |
--------------------------------------------------------------------------------
/components/water-mark/test/demo.spec.js:
--------------------------------------------------------------------------------
1 | import Demo0 from './cases/demo0'
2 | import Demo1 from './cases/demo1'
3 | import {renderToString} from '@vue/server-test-utils'
4 |
5 | describe('Tabs - Demo', () => {
6 | test(`Basic`, () => {
7 | expect(renderToString(Demo0)).toMatchSnapshot()
8 | })
9 | test(`Using slots`, () => {
10 | expect(renderToString(Demo1)).toMatchSnapshot()
11 | })
12 | })
13 |
--------------------------------------------------------------------------------
/config/dev.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const prodEnv = require('./prod.env')
4 |
5 | module.exports = merge(prodEnv, {
6 | NODE_ENV: '"development"',
7 | MAND_ENV: '"development"',
8 | })
9 |
--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | module.exports = {
3 | NODE_ENV: '"production"',
4 | MAND_ENV: '"production"',
5 | }
6 |
--------------------------------------------------------------------------------
/config/test.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const devEnv = require('./dev.env')
4 |
5 | module.exports = merge(devEnv, {
6 | NODE_ENV: '"testing"',
7 | MAND_ENV: '"testing"',
8 | })
9 |
--------------------------------------------------------------------------------
/docs/static/img/backboard.ffb0d5b.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/docs/static/img/backboard.ffb0d5b.png
--------------------------------------------------------------------------------
/docs/static/img/list.405b4bc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/docs/static/img/list.405b4bc.png
--------------------------------------------------------------------------------
/docs/static/img/mr-king.abdaf07.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/docs/static/img/mr-king.abdaf07.png
--------------------------------------------------------------------------------
/examples/assets/images/cashier-icon-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/examples/assets/images/cashier-icon-1.png
--------------------------------------------------------------------------------
/examples/assets/images/cashier-icon-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/examples/assets/images/cashier-icon-2.png
--------------------------------------------------------------------------------
/examples/assets/images/cashier-icon-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/examples/assets/images/cashier-icon-3.png
--------------------------------------------------------------------------------
/examples/assets/images/cashier-icon-4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/examples/assets/images/cashier-icon-4.png
--------------------------------------------------------------------------------
/examples/assets/images/cashier-icon-5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/examples/assets/images/cashier-icon-5.png
--------------------------------------------------------------------------------
/examples/assets/responsive.js:
--------------------------------------------------------------------------------
1 | (function (window, document) {
2 | function resize () {
3 | var ww = window.innerWidth
4 | if (ww > window.screen.width) {
5 | window.requestAnimationFrame(resize)
6 | } else {
7 | if (ww > 750) {
8 | ww = 750
9 | }
10 | document.documentElement.style.fontSize = ww * 100 / 750 + 'px'
11 | }
12 | }
13 |
14 | resize()
15 |
16 | window.addEventListener('resize', resize)
17 | })(window, document)
--------------------------------------------------------------------------------
/examples/create-demo-module.js:
--------------------------------------------------------------------------------
1 | export default function(name = '', demos = []) {
2 | return {
3 | name: `${name}-demo`,
4 | data() {
5 | return {
6 | demos,
7 | }
8 | },
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/examples/theme.custom.styl:
--------------------------------------------------------------------------------
1 | // color-primary = #1AAD19
--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 |
2 | // https://github.com/michael-ciniawsky/postcss-load-config
3 | const browserslist = require('./package.json').browserslist
4 | module.exports = () => {
5 | const plugins = {
6 | 'postcss-url': {url: 'inline'},
7 | 'cssnano': {
8 | preset: ['default', {
9 | zindex: false,
10 | mergeIdents: false,
11 | discardUnused: false,
12 | autoprefixer: false,
13 | reduceIdents: false,
14 | }]
15 | },
16 | 'autoprefixer': { browsers: browserslist }
17 | }
18 |
19 | if (process.env.NODE_ENV !== 'production' || process.env.BUILD_TYPE === 'example') {
20 | plugins['postcss-pxtorem'] = { rootValue: 100, minPixelValue: 2, propWhiteList: [] }
21 | }
22 |
23 | return {
24 | plugins
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/site/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | // "presets": [
3 | // ["env", {
4 | // "modules": false,
5 | // "targets": {
6 | // "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
7 | // }
8 | // }],
9 | // "stage-2"
10 | // ],
11 | "presets": [
12 | "env",
13 | "stage-2"
14 | ],
15 | "plugins": [
16 | ["import", { "libraryName": "mand-mobile" }]
17 | ],
18 | "env": {
19 | "test": {
20 | "presets": ["env", "stage-2"],
21 | "plugins": ["istanbul"]
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/site/.eslintignore:
--------------------------------------------------------------------------------
1 | build/*.js
2 | config/*.js
3 | public/*
4 |
--------------------------------------------------------------------------------
/site/.eslintrc.js:
--------------------------------------------------------------------------------
1 | // https://eslint.org/docs/user-guide/configuring
2 |
3 | module.exports = {
4 | root: true,
5 | parser: 'babel-eslint',
6 | parserOptions: {
7 | sourceType: 'module'
8 | },
9 | env: {
10 | browser: true,
11 | },
12 | // https://github.com/standard/standard/blob/master/docs/RULES-en.md
13 | extends: 'standard',
14 | // required to lint *.vue files
15 | plugins: [
16 | 'html'
17 | ],
18 | // add your custom rules here
19 | 'rules': {
20 | // allow paren-less arrow functions
21 | 'arrow-parens': 0,
22 | // allow async-await
23 | 'generator-star-spacing': 0,
24 | // allow debugger during development
25 | 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/site/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | dist/
4 | public/
5 | npm-debug.log*
6 | yarn-debug.log*
7 | yarn-error.log*
8 | test/unit/coverage
9 | test/e2e/reports
10 | selenium-debug.log
11 | package-lock.json
12 | yarn.lock
13 |
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 |
--------------------------------------------------------------------------------
/site/.postcssrc.js:
--------------------------------------------------------------------------------
1 | // https://github.com/michael-ciniawsky/postcss-load-config
2 |
3 | module.exports = {
4 | "plugins": {
5 | // to edit target browsers: use "browserslist" field in package.json
6 | // "autoprefixer": {}
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/site/build/bin/default.mfe.blog.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path')
2 |
3 | function resolve(dir) {
4 | return path.join(__dirname, '../..', dir)
5 | }
6 |
7 | module.exports = {
8 | title: '',
9 | subtitle: '',
10 | logo: '',
11 | favicon: '',
12 | theme: 'default',
13 | hasHome: true,
14 | source: [],
15 | markdownBoundary: {
16 | '': '',
17 | },
18 | output: resolve('public'),
19 | defaultTemplate: resolve('theme/default/DocTemplate.vue'),
20 | links: [],
21 | copyRight: '',
22 | produceBy: '',
23 | powerBy: '',
24 | routePrefix: '',
25 | staticPrefix: '',
26 | }
27 |
--------------------------------------------------------------------------------
/site/build/dev-client.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | require('eventsource-polyfill')
3 | var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
4 |
5 | hotClient.subscribe(function(event) {
6 | if (event.action === 'reload') {
7 | window.location.reload()
8 | }
9 | })
10 |
--------------------------------------------------------------------------------
/site/build/vue-loader.conf.js:
--------------------------------------------------------------------------------
1 | const utils = require('./utils')
2 | const config = require('../config')
3 | const isProduction = process.env.NODE_ENV === 'production'
4 |
5 | module.exports = {
6 | loaders: utils.cssLoaders({
7 | sourceMap: isProduction ? config.build.productionSourceMap : config.dev.cssSourceMap,
8 | }),
9 | transformToRequire: {
10 | video: 'src',
11 | source: 'src',
12 | img: 'src',
13 | image: 'xlink:href',
14 | },
15 | }
16 |
--------------------------------------------------------------------------------
/site/config/dev.env.js:
--------------------------------------------------------------------------------
1 | const merge = require('webpack-merge')
2 | const prodEnv = require('./prod.env')
3 |
4 | module.exports = merge(prodEnv, {
5 | NODE_ENV: '"development"',
6 | })
7 |
--------------------------------------------------------------------------------
/site/config/prod.env.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | NODE_ENV: '"production"',
3 | }
4 |
--------------------------------------------------------------------------------
/site/theme/default/DocTemplate.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
8 |
3 |
10 |
11 |
31 |
--------------------------------------------------------------------------------
/site/theme/default/assets/css/global.styl:
--------------------------------------------------------------------------------
1 | .doc-demo-title a
2 | margin 0 5px
3 | background #2f86f6
4 | color #fff
5 | padding 5px 10px
6 | border-radius 2px
7 | font-size 12px
8 | -webkit-font-smoothing antialiased
9 | text-decoration none
10 | transition all .3s
11 | &:hover
12 | opacity .8
13 | .doc-demo-box-priview ul>li
14 | list-style none !important
15 |
16 | .doc-content-qrcode
17 | img
18 | display inline-block
19 | width 100%
20 | margin-top 10px
21 | opacity .8
22 |
--------------------------------------------------------------------------------
/site/theme/default/assets/css/mixin.styl:
--------------------------------------------------------------------------------
1 | block()
2 | float left
3 | width 100%
4 |
5 | clearfix()
6 | &:after
7 | content ""
8 | clear both
9 | display table
--------------------------------------------------------------------------------
/site/theme/default/assets/images/algolia.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/site/theme/default/assets/images/algolia.png
--------------------------------------------------------------------------------
/site/theme/default/assets/images/codesandbox.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/site/theme/default/assets/images/codesandbox.png
--------------------------------------------------------------------------------
/site/theme/default/assets/images/github.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/site/theme/default/assets/images/github.png
--------------------------------------------------------------------------------
/site/theme/default/assets/images/home/pictorial/0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/site/theme/default/assets/images/home/pictorial/0.png
--------------------------------------------------------------------------------
/site/theme/default/assets/images/home/pictorial/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/site/theme/default/assets/images/home/pictorial/1.png
--------------------------------------------------------------------------------
/site/theme/default/assets/images/home/pictorial/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/site/theme/default/assets/images/home/pictorial/2.png
--------------------------------------------------------------------------------
/site/theme/default/assets/images/home/pictorial/3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/site/theme/default/assets/images/home/pictorial/3.png
--------------------------------------------------------------------------------
/site/theme/default/assets/images/home/pictorial/4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/site/theme/default/assets/images/home/pictorial/4.png
--------------------------------------------------------------------------------
/site/theme/default/assets/images/home/pictorial/5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/site/theme/default/assets/images/home/pictorial/5.png
--------------------------------------------------------------------------------
/site/theme/default/assets/images/home/pictorial/backboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/site/theme/default/assets/images/home/pictorial/backboard.png
--------------------------------------------------------------------------------
/site/theme/default/assets/images/home/pictorial/list.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/site/theme/default/assets/images/home/pictorial/list.png
--------------------------------------------------------------------------------
/site/theme/default/assets/images/home/pictorial/mr-king.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/site/theme/default/assets/images/home/pictorial/mr-king.png
--------------------------------------------------------------------------------
/site/theme/default/assets/js/responsive.js:
--------------------------------------------------------------------------------
1 | (function (window, document) {
2 |
3 | function resize(){
4 | var ww = window.innerWidth;
5 | if (ww > window.screen.width) {
6 | window.requestAnimationFrame(resize);
7 | }
8 | else{
9 | if (ww > 720) {
10 | ww = 720
11 | }
12 | document.documentElement.style.fontSize = ww * 0.13333333333333333 + 'px';
13 | document.body.style.opacity = 1;
14 | }
15 | }
16 |
17 | if (document.readyState !== 'loading') {
18 | resize();
19 | }
20 | else {
21 | document.addEventListener('DOMContentLoaded', resize);
22 | }
23 |
24 | window.addEventListener('resize', resize);
25 |
26 | })(window, document)
27 |
--------------------------------------------------------------------------------
/site/theme/default/components/home/Animation2.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 
4 |
5 |
6 |
7 |
14 |
--------------------------------------------------------------------------------
/static/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didi/mand-mobile/967ae3ded30b10f7ba167bc8855d3ffffb902bbf/static/.gitkeep
--------------------------------------------------------------------------------
/test/jest.init.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import pkg from '../package.json'
3 |
4 | Vue.config.silent = true
5 |
6 | global.MAN_VERSION = pkg.version
--------------------------------------------------------------------------------
/types/component.d.ts:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 |
3 | export class MandComponent extends Vue {
4 | static name: string
5 | }
--------------------------------------------------------------------------------
/types/image-processor.d.ts:
--------------------------------------------------------------------------------
1 | export interface ImageProcessorOptions {
2 | dataUrl: string
3 | width?: number
4 | height?: number
5 | quality: number
6 | }
7 |
8 | export interface ImageProcessorData {
9 | dataUrl: string
10 | blob: Blob
11 | }
12 |
13 | export default function ImageProcessor(
14 | options: ImageProcessorOptions,
15 | callback?: (data: ImageProcessorData) => any): Promise
4 |