点击事件获取返回值
-超长文字
-弹出式菜单
-弹出式菜单
-是否省略显示，该属性默认为false
', - 'en-US': 'display different button' - }, - demoId: 'ellipsis' - }, - { - name: 'menus', - type: 'Array', - defaultValue: '50', - desc: { - 'zh-CN': '列表数组
', - 'en-US': 'display different button' - }, - demoId: 'ellipsis' - }, - { - name: 'visible', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '上划列表显示隐藏,该属性默认为false
', - 'en-US': 'display different button' - }, - demoId: 'ellipsis' - }, - { - name: 'content-position', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否显示action插槽', - 'en-US': 'Whether to display action slots ' - }, - demoId: 'slot-action' - } - ], - events: [ - { - name: 'click', - type: 'Function()', - defaultValue: '', - desc: { - 'zh-CN': '设置组件点击列表项时触发的回调函数
', - 'en-US': 'Click' - }, - demoId: 'clickfn' - } - ], - methods: [ - { - name: 'visibleHandle', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '菜单列表隐藏方法
', - 'en-US': 'Click' - }, - demoId: 'slot-item' - } - ], - slots: [ - { - name: 'action', - defaultValue: '', - desc: { - 'zh-CN': 'action插槽
', - 'en-US': 'Click' - }, - demoId: 'slot-action' - }, - { - name: 'item', - defaultValue: '', - desc: { - 'zh-CN': 'item插槽
', - 'en-US': 'Click' - }, - demoId: 'slot-item' - } - ] - } - ], - demos: [ - { - demoId: 'clickfn', - name: { - 'zh-CN': '点击列表事件', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '点击列表事件
', - 'en-US': 'button type
' - }, - codeFiles: ['clickfn.vue'] - }, - { - demoId: 'ellipsis', - name: { - 'zh-CN': '内容超出显示省略号', - 'en-US': 'button round' - }, - desc: { - 'zh-CN': '内容超出显示省略号
', - 'en-US': 'button round
' - }, - codeFiles: ['ellipsis.vue'] - }, - { - demoId: 'slot-item', - name: { - 'zh-CN': '数据插槽', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '通过item插槽自定义下拉列表内容
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['slot-item.vue'] - }, - { - demoId: 'slot-action', - name: { - 'zh-CN': 'action插槽', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '通过action插槽自定义操作项内容
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['slot-action.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/alert/basic-usage.spec.ts b/examples/sites/demos/mobile/app/alert/basic-usage.spec.ts deleted file mode 100644 index ac7d4d5508..0000000000 --- a/examples/sites/demos/mobile/app/alert/basic-usage.spec.ts +++ /dev/null @@ -1,36 +0,0 @@ -import { test, expect } from '@playwright/test' - -test('基本用法', async ({ page }) => { - page.on('pageerror', (exception) => expect(exception).toBeNull()) - await page.goto('alert#base') - - const alerts = page.locator('.demo-alert-base .tiny-mobile-alert') - - // 背景色与图标色验证 - await expect(alerts.first()).toHaveCSS('background-color', 'rgb(222, 236, 255)') - await expect(alerts.first().locator('.tiny-mobile-alert__icon').first()).toHaveCSS('fill', 'rgb(20, 118, 255)') - await expect(alerts.nth(1)).toHaveCSS('background-color', 'rgb(252, 227, 225)') - await expect(alerts.nth(1).locator('.tiny-mobile-alert__icon').first()).toHaveCSS('fill', 'rgb(242, 48, 48)') - await expect(alerts.nth(2)).toHaveCSS('background-color', 'rgb(230, 242, 213)') - await expect(alerts.nth(2).locator('.tiny-mobile-alert__icon').first()).toHaveCSS('fill', 'rgb(92, 179, 0)') - await expect(alerts.nth(3)).toHaveCSS('background-color', 'rgb(255, 235, 209)') - await expect(alerts.nth(3).locator('.tiny-mobile-alert__icon').first()).toHaveCSS('fill', 'rgb(255, 136, 0)') - - // 警告可见 - const alertSuccess = page.locator('.tiny-mobile-alert--success') - await expect(alertSuccess).toBeVisible() - - // 状态图标存在 - const icon = alertSuccess.locator('.tiny-mobile-alert__icon').first() - await expect(icon).toBeVisible() - - // 提示内容存在 - const content = alertSuccess.locator('.tiny-mobile-alert__content') - await expect(content).toBeVisible() - - // 点击关闭按钮，警告消失 - const close = alertSuccess.locator('.tiny-mobile-alert__close') - await expect(close).toBeVisible() - await close.click() - await expect(alertSuccess).toBeHidden() -}) diff --git a/examples/sites/demos/mobile/app/alert/basic-usage.vue b/examples/sites/demos/mobile/app/alert/basic-usage.vue deleted file mode 100644 index 8b73e51a29..0000000000 --- a/examples/sites/demos/mobile/app/alert/basic-usage.vue +++ /dev/null @@ -1,20 +0,0 @@ - -1. 当 closable 属性设成 false 时, 提示不可关闭。
2. 当 auto-hide 属性设成 true 时, 提示将在2秒后自动关闭。
3. 通过 close-text 属性自定义关闭按钮文本。
4. 提示关闭时触发 close 事件：
description下方 ',
- 'en-US': 'The default slot for the component is valid when size is set to large'
- },
- demoId: 'slot-default'
- }
- ]
- }
- ],
- demos: [
- {
- demoId: 'base',
- name: {
- 'zh-CN': '基本用法',
- 'en-US': 'Basic Usage'
- },
- desc: {
- 'zh-CN':
- '通过 type 设置不同的类型 可选值：success | warning | info | error ，默认值：success。default 默认插槽自定义提示内容。',
- 'en-US':
- 'Set different types through type. The options are success | warning | info | error. The default value is success. default slot. '
- },
- codeFiles: ['basic-usage.vue']
- },
- {
- demoId: 'custom-close',
- name: {
- 'zh-CN': '自定义关闭',
- 'en-US': 'left right arrow'
- },
- desc: {
- 'zh-CN': '自定义关闭
', - 'en-US': 'button type
' - }, - codeFiles: ['custom-close.vue'] - }, - { - demoId: 'icon', - name: { - 'zh-CN': '自定义提示图标', - 'en-US': 'left right text' - }, - desc: { - 'zh-CN': '自定义提示图标
', - 'en-US': 'button round
' - }, - codeFiles: ['icon.vue'] - }, - { - demoId: 'center', - name: { - 'zh-CN': '文字居中', - 'en-US': 'Center text' - }, - desc: { - 'zh-CN': '通过 center 属性可使文字显示居中。
You can use the center property to center the text.
不同尺寸
', - 'en-US': 'button click
' - }, - codeFiles: ['size.vue'] - }, - { - demoId: 'target', - name: { - 'zh-CN': '指定挂载节点', - 'en-US': 'Specify display node' - }, - desc: { - 'zh-CN': '通过 target 属性绑定要挂载的容器ref值，实现自定义展示位置',
- 'en-US': 'Specify display position'
- },
- codeFiles: ['target.vue']
- },
- {
- demoId: 'slot-default',
- name: {
- 'zh-CN': '内容插槽',
- 'en-US': 'Content slot'
- },
- desc: {
- 'zh-CN': '通过默认插槽自定义提示内容。
', - 'en-US': 'Customize prompt messages through default slot.
' - }, - codeFiles: ['slot-default.vue'] - } - ], - types: [ - { - name: 'IType', - type: 'type', - code: ` -type IType = 'success' | 'warning' | 'info' | 'error' | 'simple' -` - } - ] -} diff --git a/examples/sites/demos/mobile/app/avatar/avatar-size.vue b/examples/sites/demos/mobile/app/avatar/avatar-size.vue deleted file mode 100644 index 38a0c98b17..0000000000 --- a/examples/sites/demos/mobile/app/avatar/avatar-size.vue +++ /dev/null @@ -1,58 +0,0 @@ - -头像图标
-设置图片的备用文字描述
', - 'en-US': 'display different button' - }, - demoId: 'avatar-src-set' - }, - { - name: 'error', - type: 'Function()', - defaultValue: '', - desc: { - 'zh-CN': '设置img 标签的 onerror 函数
', - 'en-US': 'display different button' - }, - demoId: 'avatar-src-set' - }, - { - name: 'fit', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '设置图片的 object-fit
', - 'en-US': 'display different button' - }, - demoId: 'avatar-src-set' - }, - { - name: 'icon', - type: 'Object', - defaultValue: '', - desc: { - 'zh-CN': '设置显示内容为icon
', - 'en-US': 'display different button' - }, - demoId: 'avatar-src-set' - }, - { - name: 'shape', - type: 'string', - defaultValue: 'circle', - desc: { - 'zh-CN': '该属性的可选值为 circle | square
', - 'en-US': 'display different button' - }, - demoId: 'avatar-src-set' - }, - { - name: 'size', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '该属性的可选值为 large|medium|small
', - 'en-US': 'display different button' - }, - demoId: 'avatar-size' - }, - { - name: 'src', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '设置图片链接地址
', - 'en-US': 'display different button' - }, - demoId: 'avatar-src-set' - }, - { - name: 'src-set', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '设置源图容器
', - 'en-US': 'display different button' - }, - demoId: 'avatar-src-set' - } - ], - events: [], - methods: [], - slots: [ - { - name: 'default', - defaultValue: '', - desc: { - 'zh-CN': '组件默认插槽
', - 'en-US': 'Click' - }, - demoId: 'avatar-src-set' - } - ] - } - ], - demos: [ - { - demoId: 'avatar-size', - name: { - 'zh-CN': '设置头像大小', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': - 'size可设置为large,medium,small,如果不能满足需要，可以设置size为number类型自定义大小
button type
' - }, - codeFiles: ['avatar-size.vue'] - }, - { - demoId: 'avatar-src-set', - name: { - 'zh-CN': '设置头像', - 'en-US': 'button round' - }, - desc: { - 'zh-CN': - '\n src设置img的展示源，img原生属性
\n srcSet设置img在不同情况下的图片源的集合，img原生属性
\n icon设置图标头像
\n fit设置填充样式,默认为cover可选fill，contain，cover，none，scale-down
\n error设置img标签的onerror函数
\n shape设置形状,默认为circle可选circle,square\n
button round
' - }, - codeFiles: ['avatar-src-set.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/badge/content.vue b/examples/sites/demos/mobile/app/badge/content.vue deleted file mode 100644 index 35dc5de582..0000000000 --- a/examples/sites/demos/mobile/app/badge/content.vue +++ /dev/null @@ -1,21 +0,0 @@ - -设置小尺寸，该属性默认为false
', - 'en-US': 'display different button' - }, - demoId: 'is-mini' - }, - { - name: 'max', - type: 'number', - defaultValue: '', - desc: { - 'zh-CN': - "指定徽章显示的最大值，如果实际获取的徽章值超过该最大值，则以最大值后接一个 '+' 的形式显示徽章数，要求 value 是 number 类型", - 'en-US': - 'Specifies the maximum number of badges to be displayed. If the actual badge value exceeds the maximum value, the number of badges is displayed in the format of "+". The value must be of the number type.' - }, - demoId: 'is-mini' - }, - { - name: 'target', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '点击标记时链接到目标页面的跳转方式，仅在 href 属性存在时使用', - 'en-US': - 'Set the jump method for linking to the target page when clicking on the tag, only used when the href attribute exists' - }, - demoId: 'href-target' - }, - { - name: 'value', - type: 'number | string', - defaultValue: '', - desc: { - 'zh-CN': '相关数据条目数', - 'en-US': 'Set the number of related data entries' - }, - demoId: 'content' - } - ], - events: [], - methods: [], - slots: [ - { - name: 'content', - type: '', - defaultValue: '', - desc: { - 'zh-CN': '消息提示内容', - 'en-US': 'Message Content' - }, - demoId: 'content' - }, - { - name: 'default', - type: '', - defaultValue: '', - desc: { - 'zh-CN': '默认插槽，有data属性时，默认插槽不生效', - 'en-US': 'Default slot. When there is a data attribute, the default slot is not valid' - }, - demoId: 'content' - } - ] - } - ], - demos: [ - { - demoId: 'content', - name: { - 'zh-CN': '自定义提示内容', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '自定义提示内容
', - 'en-US': 'button type
' - }, - codeFiles: ['content.vue'] - }, - { - demoId: 'hidden', - name: { - 'zh-CN': '隐藏徽标', - 'en-US': 'button round' - }, - desc: { - 'zh-CN': '隐藏徽标
', - 'en-US': 'button round
' - }, - codeFiles: ['hidden.vue'] - }, - { - demoId: 'href-target', - name: { - 'zh-CN': '跳转链接', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '跳转链接
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['href-target.vue'] - }, - { - demoId: 'is-dot', - name: { - 'zh-CN': '小圆点标记', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '小圆点标记
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['is-dot.vue'] - }, - { - demoId: 'is-mini', - name: { - 'zh-CN': '小尺寸', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '小尺寸
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['is-mini.vue'] - }, - { - demoId: 'type', - name: { - 'zh-CN': '不同主题', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '不同主题
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['type.vue'] - } - ], - types: [] -} diff --git a/examples/sites/demos/mobile/app/button/base.spec.ts b/examples/sites/demos/mobile/app/button/base.spec.ts deleted file mode 100644 index ee83d6a1d5..0000000000 --- a/examples/sites/demos/mobile/app/button/base.spec.ts +++ /dev/null @@ -1,35 +0,0 @@ -import { test, expect } from '@playwright/test' - -test('基本用法', async ({ page }) => { - page.on('pageerror', (exception) => expect(exception).toBeNull()) - await page.goto('button#base') - - const buttons = page.locator('.button-wrap .tiny-mobile-button') - - // 主要按钮 - await expect(buttons.first()).toHaveClass(/tiny-mobile-button--primary/) - await expect(buttons.first()).toHaveCSS('background-color', 'rgb(25, 25, 25)') - await expect(buttons.first()).toHaveCSS('color', 'rgb(255, 255, 255)') - - // 次要按钮 - await expect(buttons.nth(1)).toHaveClass(/tiny-mobile-button--secondary/) - await expect(buttons.nth(1)).toHaveCSS('background-color', 'rgb(255, 255, 255)') - await expect(buttons.nth(1)).toHaveCSS('color', 'rgb(25, 25, 25)') - - // 危险按钮 - await expect(buttons.nth(2)).toHaveClass(/tiny-mobile-button--danger/) - await expect(buttons.nth(2)).toHaveCSS('border-color', 'rgb(242, 48, 48)') - await expect(buttons.nth(2)).toHaveCSS('color', 'rgb(242, 48, 48)') - - // 文字按钮 - await expect(buttons.nth(3)).toHaveClass(/tiny-mobile-button--text/) - await expect(buttons.nth(3)).toHaveCSS('border-style', 'none') - - // 纯图标按钮 - await expect(buttons.nth(4)).toHaveClass(/tiny-mobile-button--icon/) - await expect(buttons.nth(4).locator('span')).toBeEmpty() - - // 图标按钮 - await expect(buttons.nth(5)).toHaveClass(/tiny-mobile-button--icon/) - await expect(buttons.nth(5)).toContainText('图标按钮') -}) diff --git a/examples/sites/demos/mobile/app/button/base.vue b/examples/sites/demos/mobile/app/button/base.vue deleted file mode 100644 index d198daec00..0000000000 --- a/examples/sites/demos/mobile/app/button/base.vue +++ /dev/null @@ -1,33 +0,0 @@ - - - - - - - diff --git a/examples/sites/demos/mobile/app/button/disabled.spec.ts b/examples/sites/demos/mobile/app/button/disabled.spec.ts deleted file mode 100644 index 7f3124f9bf..0000000000 --- a/examples/sites/demos/mobile/app/button/disabled.spec.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { test, expect } from '@playwright/test' - -test('禁用', async ({ page }) => { - page.on('pageerror', (exception) => expect(exception).toBeNull()) - await page.goto('button#disabled') - - const button = page.locator('#disabled .tiny-mobile-button').first() - - await expect(button).toHaveClass(/is-disabled/) - await expect(button).toHaveCSS('background-color', 'rgb(240, 240, 240)') - await expect(button).toHaveCSS('color', 'rgb(194, 194, 194)') - await expect(button).toHaveCSS('cursor', 'not-allowed') -}) diff --git a/examples/sites/demos/mobile/app/button/disabled.vue b/examples/sites/demos/mobile/app/button/disabled.vue deleted file mode 100644 index c056ec73b6..0000000000 --- a/examples/sites/demos/mobile/app/button/disabled.vue +++ /dev/null @@ -1,33 +0,0 @@ - - - - - - - diff --git a/examples/sites/demos/mobile/app/button/event.spec.ts b/examples/sites/demos/mobile/app/button/event.spec.ts deleted file mode 100644 index f1e14ed35a..0000000000 --- a/examples/sites/demos/mobile/app/button/event.spec.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { test, expect } from '@playwright/test' - -test('事件', async ({ page }) => { - page.on('pageerror', (exception) => expect(exception).toBeNull()) - await page.goto('button#event') - - const button = page.locator('#event .tiny-mobile-button') - - await button.click() - await expect(button).toHaveClass(/is-loading/) - await page.waitForTimeout(2000) - await expect(button).not.toHaveClass(/is-loading/) -}) diff --git a/examples/sites/demos/mobile/app/button/event.vue b/examples/sites/demos/mobile/app/button/event.vue deleted file mode 100644 index 90ad5c5149..0000000000 --- a/examples/sites/demos/mobile/app/button/event.vue +++ /dev/null @@ -1,37 +0,0 @@ - - - - - - - diff --git a/examples/sites/demos/mobile/app/button/icon.spec.ts b/examples/sites/demos/mobile/app/button/icon.spec.ts deleted file mode 100644 index cc671d4646..0000000000 --- a/examples/sites/demos/mobile/app/button/icon.spec.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { test, expect } from '@playwright/test' - -test('自定义图标', async ({ page }) => { - page.on('pageerror', (exception) => expect(exception).toBeNull()) - await page.goto('button#icon') - - const buttons = page.locator('#icon .tiny-mobile-button') - - await expect(buttons.first()).toHaveClass(/tiny-mobile-button--icon/) - await expect(buttons.first().locator('.is-icon')).toBeVisible() - - await expect(buttons.nth(1)).toHaveClass(/tiny-mobile-button--icon/) - await expect(buttons.nth(1).locator('.is-icon')).toBeVisible() - await expect(buttons.nth(1).locator('span')).toBeVisible() -}) diff --git a/examples/sites/demos/mobile/app/button/icon.vue b/examples/sites/demos/mobile/app/button/icon.vue deleted file mode 100644 index 2256b8e1b6..0000000000 --- a/examples/sites/demos/mobile/app/button/icon.vue +++ /dev/null @@ -1,33 +0,0 @@ - - - - - - - diff --git a/examples/sites/demos/mobile/app/button/loading.spec.ts b/examples/sites/demos/mobile/app/button/loading.spec.ts deleted file mode 100644 index 9c4b5ad5cf..0000000000 --- a/examples/sites/demos/mobile/app/button/loading.spec.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { test, expect } from '@playwright/test' - -test('加载中状态', async ({ page }) => { - page.on('pageerror', (exception) => expect(exception).toBeNull()) - await page.goto('button#loading') - - const buttons = page.locator('.button-wrap .tiny-mobile-button') - - await expect(buttons.first()).toHaveClass(/is-loading/) - await expect(buttons.first().locator('.tiny-mobile-button-loading-white')).toBeVisible() -}) diff --git a/examples/sites/demos/mobile/app/button/loading.vue b/examples/sites/demos/mobile/app/button/loading.vue deleted file mode 100644 index 83a71da60c..0000000000 --- a/examples/sites/demos/mobile/app/button/loading.vue +++ /dev/null @@ -1,36 +0,0 @@ - - - - - - - diff --git a/examples/sites/demos/mobile/app/button/reset-time.spec.ts b/examples/sites/demos/mobile/app/button/reset-time.spec.ts deleted file mode 100644 index f30124a9f9..0000000000 --- a/examples/sites/demos/mobile/app/button/reset-time.spec.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { test, expect } from '@playwright/test' - -test('重置时间', async ({ page }) => { - page.on('pageerror', (exception) => expect(exception).toBeNull()) - await page.goto('button#reset-time') - - const button = page.locator('.button-wrap .tiny-mobile-button') - await button.click() - - await expect(button).toHaveClass(/is-disabled/) - await page.waitForTimeout(500) - await expect(button).not.toHaveClass(/is-disabled/) -}) diff --git a/examples/sites/demos/mobile/app/button/reset-time.vue b/examples/sites/demos/mobile/app/button/reset-time.vue deleted file mode 100644 index 1188ef1459..0000000000 --- a/examples/sites/demos/mobile/app/button/reset-time.vue +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - diff --git a/examples/sites/demos/mobile/app/button/size.spec.ts b/examples/sites/demos/mobile/app/button/size.spec.ts deleted file mode 100644 index ff75597327..0000000000 --- a/examples/sites/demos/mobile/app/button/size.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { test, expect } from '@playwright/test' - -test('尺寸', async ({ page }) => { - page.on('pageerror', (exception) => expect(exception).toBeNull()) - await page.goto('button#size') - - const buttons = page.locator('.button-wrap .tiny-mobile-button') - - // 主要按钮 - const smallPrimaryBtn = buttons.first() - const size = await smallPrimaryBtn.boundingBox() - await expect(smallPrimaryBtn).toHaveClass(/tiny-mobile-button--small/) - expect(size?.height).toBeCloseTo(28, 1) - expect(smallPrimaryBtn).toHaveCSS('font-size', '12px') - - // 文字按钮 - const smallTextBtn = buttons.nth(3) - await expect(smallTextBtn).toHaveClass(/tiny-mobile-button--small/) - expect(smallTextBtn).toHaveCSS('font-size', '12px') - - // 图标按钮 - const smallIconBtn = buttons.nth(4) - const iconSize = await smallIconBtn.locator('.tiny-icon').boundingBox() - expect(iconSize?.width).toBeCloseTo(16, 1) -}) diff --git a/examples/sites/demos/mobile/app/button/size.vue b/examples/sites/demos/mobile/app/button/size.vue deleted file mode 100644 index c0698d561b..0000000000 --- a/examples/sites/demos/mobile/app/button/size.vue +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - diff --git a/examples/sites/demos/mobile/app/button/webdoc/button.cn.md b/examples/sites/demos/mobile/app/button/webdoc/button.cn.md deleted file mode 100644 index 475442e256..0000000000 --- a/examples/sites/demos/mobile/app/button/webdoc/button.cn.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: Button 按钮 ---- - -# Button 按钮 - -Icon组件',
- 'en-US': 'The icon displayed by the button is received as an Icon component'
- },
- demoId: 'icon'
- },
- {
- name: 'loading',
- type: 'boolean',
- defaultValue: 'false',
- desc: {
- 'zh-CN': '是否加载中状态',
- 'en-US': 'Loading status'
- },
- demoId: 'loading'
- },
- {
- name: 'reset-time',
- type: 'number',
- defaultValue: '1000',
- desc: {
- 'zh-CN': '设置按钮禁用时间，防止重复提交，单位毫秒',
- 'en-US': 'Set the button disable time, in milliseconds, to prevent repeated submission'
- },
- demoId: 'reset-time'
- },
- {
- name: 'size',
- type: "'large' | 'medium' | 'small' | 'mini'",
- defaultValue: '',
- desc: {
- 'zh-CN': '定义按钮尺寸',
- 'en-US': 'Define the button size'
- },
- demoId: 'size'
- },
- {
- name: 'text',
- type: 'string',
- defaultValue: '',
- desc: {
- 'zh-CN': '按钮显示的文本',
- 'en-US': 'Set the text displayed by the button'
- },
- demoId: 'base'
- },
- {
- name: 'type',
- typeAnchorName: 'IButtonType',
- type: 'IButtonType',
- defaultValue: "'default'",
- desc: {
- 'zh-CN': '展示按钮不同的状态，设置为text则展示为文本按钮',
- 'en-US': 'Display different states of buttons, set to text to display as text buttons'
- },
- demoId: 'base'
- }
- ],
- events: [
- {
- name: 'click',
- type: '(event: PointEvent) => void',
- defaultValue: '',
- desc: {
- 'zh-CN': '当按钮被点击时触发的回调函数',
- 'en-US': 'Sets the callback function triggered when a button is clicked'
- },
- demoId: 'event'
- }
- ],
- methods: [],
- slots: [
- {
- name: 'default',
- type: '',
- defaultValue: '',
- desc: {
- 'zh-CN': '默认插槽，自定义按钮展示内容',
- 'en-US': 'Default slot'
- },
- demoId: ''
- }
- ]
- }
- ],
- demos: [
- {
- demoId: 'base',
- name: {
- 'zh-CN': '基础用法',
- 'en-US': 'base'
- },
- desc: {
- 'zh-CN': '基础用法
', - 'en-US': 'base
' - }, - codeFiles: ['base.vue'] - }, - { - demoId: 'disabled', - name: { - 'zh-CN': '不可用', - 'en-US': 'disabled' - }, - desc: { - 'zh-CN': '不可用
', - 'en-US': 'disabled
' - }, - codeFiles: ['disabled.vue'] - }, - { - demoId: 'loading', - name: { - 'zh-CN': '加载中', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '加载中
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['loading.vue'] - }, - { - demoId: 'size', - name: { - 'zh-CN': '不同尺寸', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '不同尺寸
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['size.vue'] - }, - { - demoId: 'icon', - name: { - 'zh-CN': '图标', - 'en-US': 'icon' - }, - desc: { - 'zh-CN': '图标
', - 'en-US': 'icon
' - }, - codeFiles: ['icon.vue'] - }, - { - demoId: 'reset-time', - name: { - 'zh-CN': '重置时间', - 'en-US': 'reset time' - }, - desc: { - 'zh-CN': '重置时间
', - 'en-US': 'reset-time
' - }, - codeFiles: ['reset-time.vue'] - }, - { - demoId: 'event', - name: { - 'zh-CN': '点击事件', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '点击事件
', - 'en-US': 'button click
' - }, - codeFiles: ['event.vue'] - } - ], - types: [ - { - name: 'IButtonType', - type: 'interface', - code: `type IButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text'` - } - ] -} diff --git a/examples/sites/demos/mobile/app/checkbox/basic-usage.vue b/examples/sites/demos/mobile/app/checkbox/basic-usage.vue deleted file mode 100644 index 60eb16c45d..0000000000 --- a/examples/sites/demos/mobile/app/checkbox/basic-usage.vue +++ /dev/null @@ -1,25 +0,0 @@ - -当前选中的值为：{{ checked1 }}
-使用插槽：
-当前选中的值为：{{ checked }}
-
- 1. 给 checkbox-group 设置 icon-position属性，指定其中所有
- checkbox 子选项的同名属性。
-
2. 也可以给单个 checkbox 复选框设置 icon-position属性。
图标与文本的对齐方式，可选值：'center' | 'top'
", - 'en-US': "Alignment of icon and text, optional value: 'center' | 'top'
" - }, - demoId: 'icon-position' - }, - { - name: 'indeterminate', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '设置 indeterminate 状态，只负责样式控制', - 'en-US': 'Sets the indeterminate state and controls only the style.' - }, - demoId: 'indeterminate' - }, - { - name: 'label', - type: 'string | number | boolean', - defaultValue: '', - desc: { - 'zh-CN': '选中状态的值（只有在 checkbox-group 中或者绑定对象类型为 array 时有效）', - 'en-US': - 'Selected value (This parameter is valid only when checkbox-group or the bound object type is array)' - }, - demoId: 'basic-usage' - }, - { - name: 'name', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '原生 name 属性', - 'en-US': 'Native name attribute' - }, - demoId: '' - }, - { - name: 'true-label', - type: 'string | number', - defaultValue: '', - desc: { - 'zh-CN': '选中时的值', - 'en-US': 'Value when selected' - }, - demoId: 'custom-value' - }, - { - name: 'v-model / modelValue', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '绑定值
', - 'en-US': 'value
' - }, - demoId: 'basic-usage' - } - ], - events: [ - { - name: 'change', - type: '(value: string | number | boolean) => void', - defaultValue: '', - desc: { - 'zh-CN': '当绑定值变化时触发的事件', - 'en-US': 'This event is triggered when the binding value changes' - }, - demoId: 'event-change' - } - ], - methods: [], - slots: [ - { - name: 'default', - type: '', - defaultValue: '', - desc: { - 'zh-CN': 'checkbox的内容', - 'en-US': 'Checkbox content' - }, - demoId: '' - } - ] - }, - { - name: 'checkbox-group', - type: 'component', - props: [], - events: [], - methods: [], - slots: [] - }, - { - name: 'checkbox-button', - type: 'component', - props: [], - events: [], - methods: [], - slots: [] - } - ], - demos: [ - { - demoId: 'basic-usage', - name: { - 'zh-CN': '基本使用', - 'en-US': 'basic-usage' - }, - desc: { - 'zh-CN': - '通过 v-model/modelValue 属性绑定勾选值，label 或 default 插槽绑定标签文本。
Bind the checked value through the v-model/modelValue/code> attribute and the label/code> props or default/code> slot to bind the label text.
通过 checkbox-group 可以将多个 checkbox 元素管理为一组，在 checkbox-group 中使用 v-model 绑定 Array 类型的变量即可实现双向绑定。 checkbox 的 label 属性是其对应的值，若该标签中无内容，则该属性也充当 checkbox 的描述文本。 label 与数组中的元素值相对应，如果存在指定的值则为选中状态，否则为不选中。
Manages multiple checkbox elements into a group through the checkbox-group element. In checkbox-group , use v-model to bind variables of the Array type to implement bidirectional binding. The label attribute of the checkbox is its corresponding value. If there is no content in the tag, the attribute also serves as the introduction after the checkbox. label corresponds to the element value in the array. If the specified value exists, the value is selected. Otherwise, the value is not selected.
全选与半选
', - 'en-US': '' - }, - codeFiles: ['indeterminate.vue'] - }, - { - demoId: 'disabled', - name: { - 'zh-CN': '禁用', - 'en-US': 'disabled' - }, - desc: { - 'zh-CN': '通过 disabled 设置禁用。
The demo of disabled attribute.
通过 true-label 自定义选中值，false-label 自定义未选中值。
Customize the selected value with true-label and the unselected value with false-label.
通过 icon-position 属性设置图标与文本的对齐方式。
Set the alignment of icons and text using the icon-position property.k
勾选值改变后将触发 change 事件。
The change event is triggered when the value of the check box is changed.
是否禁用，该属性默认为false
', - 'en-US': 'display different button' - }, - demoId: 'disabled' - }, - { - name: 'max', - type: 'number', - defaultValue: '', - desc: { - 'zh-CN': '可被勾选的 checkbox 的最大数量
', - 'en-US': 'display different button' - }, - demoId: 'min-max' - }, - { - name: 'min', - type: 'number', - defaultValue: '', - desc: { - 'zh-CN': '可被勾选的 checkbox 的最小数量
', - 'en-US': 'display different button' - }, - demoId: 'min-max' - }, - { - name: 'value / v-model', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '绑定值
', - 'en-US': 'display different button' - }, - demoId: 'dedisabled' - }, - { - name: 'vertical', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否竖向模式
', - 'en-US': 'display different button' - }, - demoId: 'vertical' - } - ], - events: [ - { - name: 'change', - defaultValue: '', - desc: { - 'zh-CN': '当绑定值变化时触发的事件,该事件可获取更新后的值
', - 'en-US': 'Click' - }, - demoId: 'event-change' - } - ], - methods: [], - slots: [] - } - ], - demos: [ - { - demoId: 'disabled', - name: { - 'zh-CN': '是否禁用', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '是否禁用
', - 'en-US': 'button type
' - }, - codeFiles: ['disabled.vue'] - }, - { - demoId: 'event-change', - name: { - 'zh-CN': '事件', - 'en-US': 'button round' - }, - desc: { - 'zh-CN': '事件
', - 'en-US': 'button round
' - }, - codeFiles: ['event-change.vue'] - }, - { - demoId: 'min-max', - name: { - 'zh-CN': '可选数量', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '可选数量
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['min-max.vue'] - }, - { - demoId: 'vertical', - name: { - 'zh-CN': '垂直排列', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '垂直排列
' - }, - codeFiles: ['vertical.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/container/basic-usage.vue b/examples/sites/demos/mobile/app/container/basic-usage.vue deleted file mode 100644 index f7ca30f1c9..0000000000 --- a/examples/sites/demos/mobile/app/container/basic-usage.vue +++ /dev/null @@ -1,95 +0,0 @@ - -DialogBox 本身是否插入到 body 上
', - 'en-US': 'button type
' - }, - codeFiles: ['append-to-body.vue'] - }, - { - demoId: 'with-input', - name: { - 'zh-CN': '输入类提示框', - 'en-US': 'left right arrow' - }, - desc: { - 'zh-CN': '输入类提示框
', - 'en-US': 'button type
' - }, - codeFiles: ['with-input.vue'] - }, - { - demoId: 'close-on-click-modal', - name: { - 'zh-CN': '单击遮罩层不关闭', - 'en-US': 'left right text' - }, - desc: { - 'zh-CN': '单击遮罩层不关闭
', - 'en-US': 'button round
' - }, - codeFiles: ['close-on-click-modal.vue'] - }, - { - demoId: 'show-header', - name: { - 'zh-CN': '不显示标题', - 'en-US': 'show-header' - }, - desc: { - 'zh-CN': '不显示标题
', - 'en-US': 'button click
' - }, - codeFiles: ['show-header.vue'] - }, - { - demoId: 'slot-title', - name: { - 'zh-CN': '自定义标题', - 'en-US': 'slot-title' - }, - desc: { - 'zh-CN': '自定义标题
', - 'en-US': 'button click
' - }, - codeFiles: ['slot-title.vue'] - }, - { - demoId: 'slot-footer', - name: { - 'zh-CN': '自定义底部', - 'en-US': 'slot-footer' - }, - desc: { - 'zh-CN': '自定义底部
', - 'en-US': 'button click
' - }, - codeFiles: ['slot-footer.vue'] - }, - { - demoId: 'events-open-close', - name: { - 'zh-CN': '打开与关闭事件', - 'en-US': 'events-open-close' - }, - desc: { - 'zh-CN': '打开与关闭事件
', - 'en-US': 'button click
' - }, - codeFiles: ['events-open-close.vue'] - }, - { - demoId: 'cancel-confirm', - name: { - 'zh-CN': '取消与确认事件的回调', - 'en-US': 'cancel-confirm' - }, - desc: { - 'zh-CN': '取消与确认事件的回调
', - 'en-US': 'button click
' - }, - codeFiles: ['cancel-confirm.vue'] - }, - { - demoId: 'lock-scroll', - name: { - 'zh-CN': '弹出时禁用滚动', - 'en-US': 'lock-scroll' - }, - desc: { - 'zh-CN': '弹出时禁用滚动
', - 'en-US': 'button click
' - }, - codeFiles: ['lock-scroll.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/dialog-box/with-input.vue b/examples/sites/demos/mobile/app/dialog-box/with-input.vue deleted file mode 100644 index 2d893905de..0000000000 --- a/examples/sites/demos/mobile/app/dialog-box/with-input.vue +++ /dev/null @@ -1,54 +0,0 @@ - -对话框
-筛选漏斗
-筛选漏斗
-标题和选项的选中态颜色
', - 'en-US': 'display different button' - }, - demoId: 'activeColor' - }, - { - name: 'close-on-click-outside', - type: 'boolean', - defaultValue: 'true', - desc: { - 'zh-CN': '设置点击外部元素后关闭菜单,默认问true
', - 'en-US': 'display different button' - }, - demoId: 'closeOnClickOutside' - }, - { - name: 'close-on-click-overlay', - type: 'boolean', - defaultValue: 'true', - desc: { - 'zh-CN': '设置点击遮罩层后关闭菜单，默认为true设置点击遮罩层后关闭菜单，默认为true
', - 'en-US': 'display different button' - }, - demoId: 'closeOnClickOverlay' - }, - { - name: 'direction', - type: 'string', - defaultValue: 'down', - desc: { - 'zh-CN': '设置弹出框弹出框展开方向，默认为down
', - 'en-US': 'display different button' - }, - demoId: 'direction' - }, - { - name: 'duration', - type: 'number', - defaultValue: '', - desc: { - 'zh-CN': '设置弹出框的动画时长
', - 'en-US': 'display different button' - }, - demoId: 'duration' - }, - { - name: 'overlay', - type: 'boolean', - defaultValue: 'true', - desc: { - 'zh-CN': '设置是否显示遮罩层，默认为true
', - 'en-US': 'display different button' - }, - demoId: 'overlay' - } - ], - events: [], - methods: [], - slots: [ - { - name: 'default', - defaultValue: '', - desc: { - 'zh-CN': '定义菜单内容
', - 'en-US': 'Click' - }, - demoId: 'slot' - } - ] - }, - { - name: 'DropdownItem', - type: 'component', - props: [ - { - name: 'disabled', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '设置是否禁用，默认为false
', - 'en-US': 'display different button' - }, - demoId: 'disabled' - }, - { - name: 'icon', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '设置菜单选项项左侧icon
', - 'en-US': 'display different button' - }, - demoId: 'icon' - }, - { - name: 'options', - type: 'Array', - defaultValue: '', - desc: { - 'zh-CN': '设置选项数据
', - 'en-US': 'display different button' - }, - demoId: 'screen-funnel' - }, - { - name: 'title', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '菜单项标题
', - 'en-US': 'display different button' - }, - demoId: 'screen-funnel' - }, - { - name: 'title-class', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '标题类名
', - 'en-US': 'display different button' - }, - demoId: 'title-class' - }, - { - name: 'type', - type: 'string', - defaultValue: 'selection', - desc: { - 'zh-CN': '设置菜单项类型，可选值为 filter | sort | selection,默认值为 selection
', - 'en-US': 'display different button' - }, - demoId: 'title-class' - }, - { - name: 'value', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '当前选中项对应的 value，可以通过v-model双向绑定
', - 'en-US': 'display different button' - }, - demoId: 'activeColor' - } - ], - events: [ - { - name: 'change', - defaultValue: '', - desc: { - 'zh-CN': '点击选项时触发，type为 selection 时启用
', - 'en-US': 'Click' - }, - demoId: 'event' - }, - { - name: 'close', - defaultValue: '', - desc: { - 'zh-CN': '关闭菜单时触发
', - 'en-US': 'Click' - }, - demoId: 'event' - }, - { - name: 'open', - defaultValue: '', - desc: { - 'zh-CN': '打开菜单时触发
', - 'en-US': 'Click' - }, - demoId: 'event' - } - ], - methods: [], - slots: [ - { - name: 'default', - defaultValue: '', - desc: { - 'zh-CN': '定义菜单内容
', - 'en-US': 'Click' - }, - demoId: 'slot' - }, - { - name: 'icon', - defaultValue: '', - desc: { - 'zh-CN': '当type为selection时选项左侧内容
', - 'en-US': 'Click' - }, - demoId: 'slot' - }, - { - name: 'title', - defaultValue: '', - desc: { - 'zh-CN': '当type为selection时选项内容
', - 'en-US': 'Click' - }, - demoId: 'slot' - } - ] - } - ], - demos: [ - { - demoId: 'activeColor', - name: { - 'zh-CN': '标题和选项的选中态颜色', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '设置选中项颜色
', - 'en-US': 'button type
' - }, - codeFiles: ['activeColor.vue'] - }, - { - demoId: 'closeOnClickOutside', - name: { - 'zh-CN': '点击外部元素关闭弹出菜单', - 'en-US': 'button round' - }, - desc: { - 'zh-CN': '点击外部元素关闭弹出菜单
', - 'en-US': 'button round
' - }, - codeFiles: ['closeOnClickOutside.vue'] - }, - { - demoId: 'closeOnClickOverlay', - name: { - 'zh-CN': '点击遮罩层关闭弹出菜单', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '点击遮罩层关闭弹出菜单
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['closeOnClickOverlay.vue'] - }, - { - demoId: 'direction', - name: { - 'zh-CN': '菜单弹出位置', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '弹出菜单位置
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['direction.vue'] - }, - { - demoId: 'duration', - name: { - 'zh-CN': '动画时长', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '弹出菜单动画时长
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['duration.vue'] - }, - { - demoId: 'event', - name: { - 'zh-CN': '事件', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '事件
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['event.vue'] - }, - { - demoId: 'icon', - name: { - 'zh-CN': '自定义 icon', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '自定义icon
bbutton click
' - }, - codeFiles: ['icon.vue'] - }, - { - demoId: 'item-disabled', - name: { - 'zh-CN': '是否禁用', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '通过disabled属性设置是否禁用，默认为 false 。
bbutton click
' - }, - codeFiles: ['item-disabled.vue'] - }, - { - demoId: 'overlay', - name: { - 'zh-CN': '遮罩层', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '遮罩层
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['overlay.vue'] - }, - { - demoId: 'screen-funnel', - name: { - 'zh-CN': '筛选漏斗', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '筛选漏斗
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['screen-funnel.vue'] - }, - { - demoId: 'slot', - name: { - 'zh-CN': '插槽', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '插槽
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['slot.vue'] - }, - { - demoId: 'title-class', - name: { - 'zh-CN': '标题类名', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '通过title-class属性设置标题类名
bbutton click
' - }, - codeFiles: ['title-class.vue'] - }, - { - demoId: 'type', - name: { - 'zh-CN': '筛选类型', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '筛选类型
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['type.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/exception/buttonText.vue b/examples/sites/demos/mobile/app/exception/buttonText.vue deleted file mode 100644 index ab6beac379..0000000000 --- a/examples/sites/demos/mobile/app/exception/buttonText.vue +++ /dev/null @@ -1,16 +0,0 @@ - -异常提示
-按钮文字/p>', - 'en-US': 'display different button' - }, - demoId: 'buttonText' - }, - { - name: 'exceptionClass', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '
自定义缺省页类名
', - 'en-US': 'display different button' - }, - demoId: 'exceptionClass' - }, - { - name: 'imageUrl', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '自定义图片
', - 'en-US': 'display different button' - }, - demoId: 'buttonText' - }, - { - name: 'message', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '主图片文字，在图片下方
', - 'en-US': 'display different button' - }, - demoId: 'message' - }, - { - name: 'subMessage', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '副文本内容,在描述文字的下方
', - 'en-US': 'display different button' - }, - demoId: 'subMessage' - }, - { - name: 'type', - type: 'string', - defaultValue: 'nodata', - desc: { - 'zh-CN': - '设置缺省页类型，默认为nodata,可选值有 weaknet || noperm || busy || build || weaknet || pcview
', - 'en-US': 'display different button' - }, - demoId: 'type' - } - ], - events: [ - { - name: 'click', - type: 'Function()', - defaultValue: '', - desc: { - 'zh-CN': '点击按钮时触发，type 为 nodata 时启用
', - 'en-US': 'Click' - }, - demoId: 'message' - } - ], - methods: [], - slots: [ - { - name: 'content', - type: '', - defaultValue: '', - desc: { - 'zh-CN': '设置内容
', - 'en-US': 'Click' - }, - demoId: 'mobileexception' - }, - { - name: 'footer', - defaultValue: '', - desc: { - 'zh-CN': '设置底部内容
', - 'en-US': 'Click' - }, - demoId: 'mobileexception' - } - ] - } - ], - demos: [ - { - demoId: 'mobileexception', - name: { - 'zh-CN': '异常提示', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '异常提示
', - 'en-US': 'button type
' - }, - codeFiles: ['mobileexception.vue'] - }, - { - demoId: 'buttonText', - name: { - 'zh-CN': '按钮文本内容', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '自定义按钮文本
', - 'en-US': 'button type
' - }, - codeFiles: ['buttonText.vue'] - }, - { - demoId: 'exceptionClass', - name: { - 'zh-CN': '自定义类名', - 'en-US': 'button round' - }, - desc: { - 'zh-CN': '自定义类名
', - 'en-US': 'button round
' - }, - codeFiles: ['exceptionClass.vue'] - }, - { - demoId: 'message', - name: { - 'zh-CN': '文本内容', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '设置文本内容
', - 'en-US': '
button click
' - }, - codeFiles: ['message.vue'] - }, - { - demoId: 'subMessage', - name: { - 'zh-CN': '副文本内容', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '设置副文本内容
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['subMessage.vue'] - }, - { - demoId: 'type', - name: { - 'zh-CN': '缺省页类型', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '缺省页类型
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['type.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/file-upload/abort-quest.vue b/examples/sites/demos/mobile/app/file-upload/abort-quest.vue deleted file mode 100644 index 1924bfc9c3..0000000000 --- a/examples/sites/demos/mobile/app/file-upload/abort-quest.vue +++ /dev/null @@ -1,27 +0,0 @@ - -上传组件
-设置组件基本按钮禁用或启用。
', - 'en-US': 'display different button' - }, - demoId: '' - }, - { - name: 'data', - typeAnchorName: 'IData', - type: 'IData', - defaultValue: '', - desc: { - 'zh-CN': '上传时附带的额外参数，参数自定义', - 'en-US': 'Extra parameters attached during upload, parameter customization' - }, - demoId: 'data' - }, - { - name: 'disabled', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否禁用', - 'en-US': 'Is it disabled' - }, - demoId: 'dynamic-disable' - }, - { - name: 'display', - type: 'boolean', - defaultValue: 'true', - desc: { - 'zh-CN': '显示删除文件功能，该属性默认为true
', - 'en-US': 'display different button' - }, - demoId: '' - }, - { - name: 'file-icon-list', - type: 'Array', - defaultValue: '', - desc: { - 'zh-CN': '配置文件上传显示的图标路径，未配置会默认显示组件内部配置图标
', - 'en-US': 'display different button' - }, - demoId: 'file-icon-list' - }, - { - name: 'file-list', - typeAnchorName: 'IFileListItem', - type: 'IFileListItem[]', - defaultValue: '', - desc: { - 'zh-CN': '上传的文件列表', - 'en-US': 'List of uploaded files' - }, - demoId: 'upload-file-list' - }, - { - name: 'file-title', - type: 'string', - defaultValue: '附件', - desc: { - 'zh-CN': '头部标题，该属性默认为‘附件’
', - 'en-US': 'display different button' - }, - demoId: 'header-show' - }, - { - name: 'header-show', - type: 'boolean', - defaultValue: 'true', - desc: { - 'zh-CN': '是否显示头部，该属性默认为true
', - 'en-US': 'display different button' - }, - demoId: 'header-show' - }, - { - name: 'headers', - typeAnchorName: 'IHeaders', - type: 'IHeaders', - defaultValue: '', - desc: { - 'zh-CN': '设置上传的请求头部;通过设置 headers 为头部请求信息', - 'en-US': 'Set the upload request header. You can set headers to the header request information' - }, - demoId: 'upload-request' - }, - { - name: 'http-request', - type: '(file: ICustomParam) => Promise设置 mini 模式。
', - 'en-US': 'display different button' - }, - demoId: 'mini-mode' - }, - { - name: 'multiple', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否支持多选文件', - 'en-US': 'Specifies whether multiple files can be selected' - }, - demoId: 'multiple-file' - }, - { - name: 'name', - type: 'string', - defaultValue: "'file'", - desc: { - 'zh-CN': '上传的文件字段名', - 'en-US': 'Field name of the uploaded file' - }, - demoId: 'data' - }, - { - name: 'show-file-list', - type: 'boolean', - defaultValue: 'true', - desc: { - 'zh-CN': '是否显示已上传文件列表', - 'en-US': 'Whether to display the list of uploaded files' - }, - demoId: 'upload-file-list' - }, - { - name: 'size', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '为单个按钮且按钮为TinyVue的Button组件时生效，值可设置为：medium，small，mini
', - 'en-US': 'display different button' - }, - demoId: 'size' - }, - { - name: 'success-statistics', - type: 'boolean', - defaultValue: 'true', - desc: { - 'zh-CN': '文件上传成功数量展示，该属性默认为true
', - 'en-US': 'display different button' - }, - demoId: 'prevent-delete-file' - }, - { - name: 'type', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '文本，该属性默认为select
', - 'en-US': 'display different button' - }, - demoId: '' - }, - { - name: 'upload-icon', - type: 'boolean', - defaultValue: 'true', - desc: { - 'zh-CN': '是否显示头部文件上传按钮，该属性默认为true
', - 'en-US': 'display different button' - }, - demoId: 'data' - }, - { - name: 'with-credentials', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '支持发送 cookie 凭证信息', - 'en-US': 'Cookie credential information can be sent' - }, - demoId: 'with-credentials' - } - ], - events: [ - { - name: 'change', - typeAnchorName: 'IFile', - type: '(file: IFile, fileList: IFile[]) => void', - defaultValue: '', - desc: { - 'zh-CN': '文件状态改变时触发的事件，添加文件、上传成功和上传失败时都会被触发', - 'en-US': - 'The event triggered when the file status changes, including adding a file, successfully uploading, and failing to upload, will be triggered' - }, - demoId: 'upload-events' - }, - { - name: 'error', - typeAnchorName: 'IFile', - type: '(message: ProgressEvent, file: IFile, fileList: IFile[]) => void', - defaultValue: '', - desc: { - 'zh-CN': - '文件上传失败时触发的事件； message 为错误信息事件对象，file 为当前上传失败文件信息，fileList 为上传成功 file 数组', - 'en-US': - 'Event triggered when file upload fails; Message is the error message event object, file is the current upload failure file information, and fileList is the upload success file array' - }, - demoId: 'upload-events' - }, - { - name: 'exceed', - typeAnchorName: 'IFile', - type: '(files: File | File[], fileList: IFile[]) => void', - defaultValue: '', - desc: { - 'zh-CN': '文件超出个数限制时触发的事件； files 为上传的文件', - 'en-US': 'Event triggered when the number of files exceeds the limit; Files are uploaded files' - }, - demoId: 'upload-events' - }, - { - name: 'preview', - typeAnchorName: 'IFile', - type: '(file: IFile) => void', - defaultValue: '', - desc: { - 'zh-CN': '点击文件列表中已上传的文件时触发的事件', - 'en-US': 'Event triggered when clicking on an uploaded file in the file list' - }, - demoId: 'upload-events' - }, - { - name: 'progress', - typeAnchorName: 'IFile', - type: '(message: ProgressEvent, file: IFile) => void', - defaultValue: '', - desc: { - 'zh-CN': '文件上传时触发的事件； message 为进度条事件对象', - 'en-US': 'Event triggered during file upload; Message is the progress bar event object' - }, - demoId: 'upload-events' - }, - { - name: 'remove', - typeAnchorName: 'IFile', - type: '(file: IFile) => void', - defaultValue: '', - desc: { - 'zh-CN': '从文件列表移除文件时触发的事件； file 为当前移除的文件信息', - 'en-US': - 'Event triggered when removing a file from the file list; File is the information of the currently removed file' - }, - demoId: 'upload-events' - }, - { - name: 'success', - typeAnchorName: 'IFile', - type: '(res: ProgressEvent, file: IFile, fileList: IFile[]) => void', - defaultValue: '', - desc: { - 'zh-CN': - '文件上传成功时触发的事件； res 为上传成功后的响应信息事件对象，file 为当前上传的文件，fileList 为所有上传文件数组', - 'en-US': - 'Event triggered when the file is successfully uploaded; Res is the response information event object after successful upload, file is the current uploaded file, and fileList is an array of all uploaded files' - }, - demoId: 'upload-events' - } - ], - methods: [ - { - name: 'abort', - type: '() => void', - defaultValue: '', - desc: { - 'zh-CN': '取消上传请求', - 'en-US': 'Cancel the upload request' - }, - demoId: 'abort-quest' - }, - { - name: 'clearFiles', - type: '() => void', - defaultValue: '', - desc: { - 'zh-CN': '清空已上传的文件列表（该方法不支持在 before-upload 中调用）', - 'en-US': 'Clear the list of uploaded files. (This method cannot be invoked in before-upload)' - }, - demoId: 'clear-files' - }, - { - name: 'submit', - type: '() => void', - defaultValue: '', - desc: { - 'zh-CN': '手动上传文件列表', - 'en-US': 'List of manually uploaded files' - }, - demoId: 'manual-upload' - } - ], - slots: [ - { - name: 'tip', - type: '', - defaultValue: '', - desc: { - 'zh-CN': '提示说明文字', - 'en-US': 'Prompt Description' - }, - demoId: 'custom-upload-tip' - }, - { - name: 'trigger', - type: '', - defaultValue: '', - desc: { - 'zh-CN': '触发文件选择框的内容', - 'en-US': 'Content of the triggering file selection box' - }, - demoId: 'custom-upload-tip' - } - ] - } - ], - demos: [ - { - demoId: 'multiple-file', - name: { - 'zh-CN': '文件多选', - 'en-US': 'Multiple file selection' - }, - desc: { - 'zh-CN': '通过multiple 设置实现文件多选，默认单选。',
- 'en-US': 'By setting multiple , multiple files can be selected, with default single selection.'
- },
- codeFiles: ['multiple-file.vue']
- },
- {
- demoId: 'manual-upload',
- name: {
- 'zh-CN': '手动上传',
- 'en-US': 'Manual upload'
- },
- desc: {
- 'zh-CN': '通过 auto-upload 取消自动上传，配合 submit 实例方法手动上传。',
- 'en-US':
- 'Cancel automatic upload through auto-upload and manually upload in conjunction with the submit instance method.'
- },
- codeFiles: ['manual-upload.vue']
- },
- {
- demoId: 'header-show',
- name: {
- 'zh-CN': '手动上传',
- 'en-US': 'Manual upload'
- },
- desc: {
- 'zh-CN':
- '通过header-show设置是否显示头部，该属性默认为true。file-title 设置头部标题。',
- 'en-US':
- 'Set whether to display the header throughheader show, which defaults to truefile titleSet the header title.'
- },
- codeFiles: ['header-show.vue']
- },
- {
- demoId: 'file-icon-list',
- name: {
- 'zh-CN': '手动上传',
- 'en-US': 'Manual upload'
- },
- desc: {
- 'zh-CN':
- '通过file-icon-list配置文件上传显示的图标路径，未配置会默认显示组件内部配置图标，file-list配置上传的文件列表。',
- 'en-US':
- 'Upload and display the icon path through thefile-icon-listconfiguration file. If not configured, the internal configuration icon of the component will be displayed by defaultfile-listConfigure the list of uploaded files.'
- },
- codeFiles: ['file-icon-list.vue']
- },
- {
- demoId: 'accept-file',
- name: {
- 'zh-CN': '限制文件类型',
- 'en-US': 'Restrict file types'
- },
- desc: {
- 'zh-CN': '通过 accept 设置限制上传文件的格式只能为.doc.docx。',
- 'en-US':
- 'Set a limit on the format of uploaded files to only be. doc. docxthroughaccept.'
- },
- codeFiles: ['accept-file.vue']
- },
- {
- demoId: 'max-file-count',
- name: {
- 'zh-CN': '最大上传数',
- 'en-US': 'Maximum number of uploads'
- },
- desc: {
- 'zh-CN':
- '通过 limit 设置限制上传文件的个数， is-hidden 设置达到最大上传数时是否隐藏上传按钮。',
- 'en-US':
- 'Set a limit on the number of uploaded files by limit , and is-hidden whether to hide the upload button when the maximum number of uploads is reached.'
- },
- codeFiles: ['max-file-count.vue']
- },
- {
- demoId: 'prevent-delete-file',
- name: {
- 'zh-CN': '阻止删除文件',
- 'en-US': 'Prevent deleting files'
- },
- desc: {
- 'zh-CN':
- '通过 before-remove 执行移除文件前的操作，返回 false 或 reject 则阻止删除。success-statistics设置是否展示上传成功数量。',
- 'en-US':
- 'Perform the operation before removing the file by before-remove , and return false or reject to prevent deletion.success statisticsSet whether to display the number of successful uploads.'
- },
- codeFiles: ['prevent-delete-file.vue']
- },
- {
- demoId: 'upload-file-list',
- name: {
- 'zh-CN': '文件列表',
- 'en-US': 'Uploaded file list'
- },
- desc: {
- 'zh-CN':
- '通过 file-list 设置上传的文件列表，也可通过 show-file-list="false" 关闭列表的显示； open-download-file 设置文件是否可下载。',
- 'en-US':
- 'Set the list of uploaded files through file-list , or turn off the display of the list through : show-file-list="false" ; open-download-file Set whether the file is downloadable.'
- },
- codeFiles: ['upload-file-list.vue']
- },
- {
- demoId: 'upload-http-request',
- name: {
- 'zh-CN': '上传请求',
- 'en-US': 'Upload request'
- },
- desc: {
- 'zh-CN': '通过 http-request 覆盖默认的上传行为，可以自定义上传的实现。',
- 'en-US':
- 'By usinghttp requestto override the default upload behavior, the implementation of upload can be customized.'
- },
- codeFiles: ['upload-http-request.vue']
- },
- {
- demoId: 'picture-card',
- name: {
- 'zh-CN': '照片墙',
- 'en-US': 'Photo Wall'
- },
- desc: {
- 'zh-CN':
- '通过设置 list-type="picture-card" 开启照片墙模式， preview 监听此模式下的图片预览按钮的点击事件。',
- 'en-US':
- 'By setting list-type="picture-card" to enable photo wall mode, preview listens to the click event of the picture preview button in this mode.'
- },
- codeFiles: ['picture-card.vue']
- },
- {
- demoId: 'size',
- name: {
- 'zh-CN': '设置按钮尺寸',
- 'en-US': 'Set button size'
- },
- desc: {
- 'zh-CN': '通过size设置按钮尺寸。',
- 'en-US': 'Set button size throughsize'
- },
- codeFiles: ['size.vue']
- },
- {
- demoId: 'data',
- name: {
- 'zh-CN': '上传额外参数用法',
- 'en-US': 'Usage of uploading additional parameters'
- },
- desc: {
- 'zh-CN': '通过data 设置上传时附带的额外参数，upload-icon是否显示头部文件上传按钮。',
- 'en-US':
- 'Set the additional parameters that come with uploading through data .upload iconWhether to display the header file upload button.'
- },
- codeFiles: ['data.vue']
- },
- {
- demoId: 'mini-mode',
- name: {
- 'zh-CN': 'mini 模式',
- 'en-US': 'Mini Mode'
- },
- desc: {
- 'zh-CN': '通过设置 mini-mode设置mini模式，默认为false。',
- 'en-US': 'By setting themini-mode, set theminimode to false by default.'
- },
- codeFiles: ['mini-mode.vue']
- },
- {
- demoId: 'dynamic-disable',
- name: {
- 'zh-CN': '禁用',
- 'en-US': 'Disabled'
- },
- desc: {
- 'zh-CN': '通过 disabled 设置禁用功能。',
- 'en-US': 'Disable the function by setting disabled .'
- },
- codeFiles: ['dynamic-disable.vue']
- },
- {
- demoId: 'upload-request',
- name: {
- 'zh-CN': '定义请求头部',
- 'en-US': 'Custom request header'
- },
- desc: {
- 'zh-CN':
- '通过 headers 配置上传请求头部信息，before-upload上传文件之前的钩子，参数为上传的文件，若返回false或者返回Promise且被reject，则停止上传。',
- 'en-US':
- 'Configure upload request header information throughheaders.before uploadThe hook before uploading a file, with the parameter being the uploaded file. If it returnsfalseor returnsPromiseand is rejected, the upload will be stopped.'
- },
- codeFiles: ['upload-request.vue']
- },
- {
- demoId: 'with-credentials',
- name: {
- 'zh-CN': '定义请求头部',
- 'en-US': 'Custom request header'
- },
- desc: {
- 'zh-CN': '通过 with-credentials 设置允许发送 cookie 凭证信息。',
- 'en-US': 'Set the permission to send cookie credential information throughwith credentials.'
- },
- codeFiles: ['with-credentials.vue']
- },
- {
- demoId: 'clear-files',
- name: {
- 'zh-CN': '手动清空列表',
- 'en-US': 'Manually clear the list'
- },
- desc: {
- 'zh-CN':
- '通过 clearFiles 实例方法实现清空已上传的文件列表（注意：该方法不支持在 before-upload 中调用）。',
- 'en-US':
- 'Clear the list of uploaded files through the clearFiles instance method (note: this method does not support calling in before-upload ).'
- },
- codeFiles: ['clear-files.vue']
- },
- {
- demoId: 'abort-quest',
- name: {
- 'zh-CN': '手动取消上传请求',
- 'en-US': 'Manually cancel the upload request'
- },
- desc: {
- 'zh-CN': '通过 abort 实例方法取消上传请求。',
- 'en-US': 'Cancel the upload request through the abort instance method.'
- },
- codeFiles: ['abort-quest.vue']
- },
- {
- demoId: 'custom-trigger',
- name: {
- 'zh-CN': '触发源插槽',
- 'en-US': 'Trigger source slot'
- },
- desc: {
- 'zh-CN': '通过 trigger 插槽自定义文件选择触发源的内容，有触发文件选项框弹出的功能。',
- 'en-US':
- 'Select the content of the trigger source through the trigger slot customization file, and there is a function to pop up the trigger file option box.'
- },
- codeFiles: ['custom-trigger.vue']
- },
- {
- demoId: 'custom-upload-tip',
- name: {
- 'zh-CN': '定义上传提示',
- 'en-US': 'Customized Upload Prompt'
- },
- desc: {
- 'zh-CN':
- '通过 tip 插槽自定义上传提示， re-uploadable 启用重新上传功能， re-upload-tip 自定义重新上传提示的左侧文字。',
- 'en-US':
- 'Customize the upload prompt through the tip slot, re-uploadable enable the re upload function, and re-upload-tip customize the left text of the re upload prompt.'
- },
- codeFiles: ['custom-upload-tip.vue']
- },
- {
- demoId: 'upload-events',
- name: {
- 'zh-CN': '事件',
- 'en-US': 'Event'
- },
- desc: {
- 'zh-CN':
- 'preview 监听文件点击事件；remove 监听文件移除事件；error 监听文件上传失败事件；exceed 监听文件超出个数限制事件；progress 监听文件上传过程事件；change 监听文件改变事件（文件改变涵盖文件添加、上传成功和上传失败）；success 监听文件上传成功事件；hash-progress 监听文件上传生成hash值事件。preview Listen for file click events; remove Listen for file removal events; error Listen for file upload failure events;exceeded Listen for events where the number of files exceeds the limit; progress Listen for file upload process events;change Listen for file change events (file changes include file addition, successful upload, and failed upload);success Listen for file upload success events;hash-progress Listen for file upload to generate hash value events.表单（校验显示位置）
-表单（设置标签宽度）
-表单（选择）
-表单（分段器）
-表单（文本框）
-表单（文本域）
-普通-可清除输入框
-文本域
-表单（纯展示）
-表单（设置标签宽度）
-表单（纯展示）
-表单（校验显示位置）
-表单校验
-自动换行
', - 'en-US': 'button type
' - }, - codeFiles: ['auto-wordwrap.vue'] - }, - { - demoId: 'form-label-suffix', - name: { - 'zh-CN': '标签宽度', - 'en-US': 'left right arrow' - }, - desc: { - 'zh-CN': '自定义标签的宽度
', - 'en-US': 'button type
' - }, - codeFiles: ['form-label-suffix.vue'] - }, - { - demoId: 'form-select', - name: { - 'zh-CN': '选择展示', - 'en-US': 'left right text' - }, - desc: { - 'zh-CN': '表单（纯展示）
', - 'en-US': 'button round
' - }, - codeFiles: ['form-select.vue'] - }, - { - demoId: 'form-tabselect', - name: { - 'zh-CN': '分段器', - 'en-US': 'form-tabselect' - }, - desc: { - 'zh-CN': '表单（分段器）
', - 'en-US': 'button click
' - }, - codeFiles: ['form-tabselect.vue'] - }, - { - demoId: 'form-writeone', - name: { - 'zh-CN': '可填写(1)', - 'en-US': 'form-writeone' - }, - desc: { - 'zh-CN': '表单（文本框）
', - 'en-US': 'button click
' - }, - codeFiles: ['form-writeone.vue'] - }, - { - demoId: 'form-writetwo', - name: { - 'zh-CN': '可填写(2)', - 'en-US': 'form-writetwo' - }, - desc: { - 'zh-CN': '表单（文本域）
', - 'en-US': 'button click
' - }, - codeFiles: ['form-writetwo.vue'] - }, - { - demoId: 'hide-required-asterisk', - name: { - 'zh-CN': '显示红色星号', - 'en-US': 'hide-required-asterisk' - }, - desc: { - 'zh-CN': '是否显示红色星号
', - 'en-US': 'button click
' - }, - codeFiles: ['hide-required-asterisk.vue'] - }, - { - demoId: 'label-width', - name: { - 'zh-CN': '标签宽度', - 'en-US': 'label-width' - }, - desc: { - 'zh-CN': '自定义标签的宽度
', - 'en-US': 'button click
' - }, - codeFiles: ['label-width.vue'] - }, - { - demoId: 'only-read', - name: { - 'zh-CN': '纯展示', - 'en-US': 'only-read' - }, - desc: { - 'zh-CN': '表单（纯展示）
', - 'en-US': 'button click
' - }, - codeFiles: ['only-read.vue'] - }, - { - demoId: 'validate-position', - name: { - 'zh-CN': '校验显示位置', - 'en-US': 'validate-position' - }, - desc: { - 'zh-CN': '校验提示信息的位置
', - 'en-US': 'button click
' - }, - codeFiles: ['validate-position.vue'] - }, - { - demoId: 'validate', - name: { - 'zh-CN': '表单校验', - 'en-US': 'validate' - }, - desc: { - 'zh-CN': '表单校验
', - 'en-US': 'button click
' - }, - codeFiles: ['validate.vue'] - } - ], - types: [ - { - name: 'IFormRules', - type: 'interface', - code: ` -// 表单项检验触发时机 -type IFormTrigger = 'change' | 'blur' - -interface IFormRules { - required?: boolean // 是否必填 - message?: string // 校验错误的提示 - // 内置的类型校验 - type?: 'date' | 'dateTime' | 'float' | 'array' | 'string' | 'number' | 'url' | 'time' | 'email' | 'object' | 'boolean' | 'enum' - // 校验触发时机， 默认为 ['change', 'blur'] 两种场景都触发，如果仅在主动调用校验方式时触发，可设置为空数组 []。 - trigger?: IFormTrigger | IFormTrigger[] - // 同步检验函数，调用回调传递错误信息。 - validator?: ( - rule: IFormInnerRule, // form内部处理后的rule - value: any, // 表单model对应的值，根据表单项prop获取 - callback: (e: Error) => void - data: object, // prop和value构造的对象 - options: object // 检验配置，一般不需要用到 - ) => void - // 异步校验函数，resolve则表示校验成功，reject表示校验失败。 - asyncValidator?: ( - rule: IFormInnerRule, - value: any, - callback: (e: Error) => void - data: object, - options: object - ) => Promise图标（设置图标大小）
-IconShare
-IconDel
-IconWriting
-IconAscending
-IconClockWork
-IconCalculator
-IconShare
-IconDel
-IconWriting
-IconAscending
-IconClockWork
-IconCalculator
-IconShare
-IconDel
-IconWriting
-IconAscending
-IconClockWork
-IconCalculator
-点击图标复制图标文本
', - 'en-US': 'button type
' - }, - codeFiles: ['icon-set.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/imageviewer/events-change-close.vue b/examples/sites/demos/mobile/app/imageviewer/events-change-close.vue deleted file mode 100644 index a44557c6bd..0000000000 --- a/examples/sites/demos/mobile/app/imageviewer/events-change-close.vue +++ /dev/null @@ -1,39 +0,0 @@ - -是否显示图片切换按钮,该属性默认为false
', - 'en-US': 'display different button' - }, - demoId: 'image-full-current' - }, - { - name: 'async-close', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否开启异步关闭，该属性默认为false
', - 'en-US': 'display different button' - }, - demoId: '' - }, - { - name: 'close-show', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否显示关闭按钮，该属性默认为false
', - 'en-US': 'display different button' - }, - demoId: 'image-full-current' - }, - { - name: 'image-full-current', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否全屏显示，该属性默认为false
', - 'en-US': 'display different button' - }, - demoId: 'image-full-current' - }, - { - name: 'preview-visible', - type: 'boolean', - defaultValue: '', - desc: { - 'zh-CN': '设置图片预览显示隐藏
', - 'en-US': 'display different button' - }, - demoId: 'image-full-current' - }, - { - name: 'show-index', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否显示当前图片下标，该属性默认为false
', - 'en-US': 'display different button' - }, - demoId: 'slot-index' - }, - { - name: 'start-position', - type: 'number', - defaultValue: '0', - desc: { - 'zh-CN': '图片预览起始位置索引,该属性默认为0
', - 'en-US': 'display different button' - }, - demoId: 'start-position' - }, - { - name: 'tool-show', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否显示工具栏钮，该属性默认为false
', - 'en-US': 'display different button' - }, - demoId: '' - }, - { - name: 'url-list', - type: 'Array', - defaultValue: '', - desc: { - 'zh-CN': '配置图片路径
', - 'en-US': 'display different button' - }, - demoId: 'image-full-current' - }, - { - name: 'z-index', - type: 'number', - defaultValue: '2000', - desc: { - 'zh-CN': '设置图片预览的 z-index，该属性默认为2000
', - 'en-US': 'display different button' - }, - demoId: 'slot-index' - } - ], - events: [ - { - name: 'change', - defaultValue: '', - desc: { - 'zh-CN': '切换当前图片时触发，{ index:切换时图片索引, url: 切换时图片链接 }
', - 'en-US': 'Click' - }, - demoId: 'events-change-close' - }, - { - name: 'close', - defaultValue: '', - desc: { - 'zh-CN': 'close，{ index: 关闭时图片索引, url: 关闭时图片链接 }
', - 'en-US': 'Click' - }, - demoId: 'events-change-close' - } - ], - methods: [], - slots: [ - { - name: 'index', - defaultValue: '', - desc: { - 'zh-CN': '自定义页码内容
', - 'en-US': 'Click' - }, - demoId: 'slot-index' - } - ] - } - ], - demos: [ - { - demoId: 'events-change-close', - name: { - 'zh-CN': '切换与关闭事件', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '切换与关闭事件
', - 'en-US': 'button type
' - }, - codeFiles: ['events-change-close.vue'] - }, - { - demoId: 'image-full-current', - name: { - 'zh-CN': '全屏显示', - 'en-US': 'button round' - }, - desc: { - 'zh-CN': '全屏显示
', - 'en-US': 'button round
' - }, - codeFiles: ['image-full-current.vue'] - }, - { - demoId: 'slot-index', - name: { - 'zh-CN': '自定义下标', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '自定义下标
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['slot-index.vue'] - }, - { - demoId: 'start-position', - name: { - 'zh-CN': '初始起始位置', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '初始起始位置
' - }, - codeFiles: ['start-position.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/index-bar/base.vue b/examples/sites/demos/mobile/app/index-bar/base.vue deleted file mode 100644 index 576b3931fc..0000000000 --- a/examples/sites/demos/mobile/app/index-bar/base.vue +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - diff --git a/examples/sites/demos/mobile/app/index-bar/event.vue b/examples/sites/demos/mobile/app/index-bar/event.vue deleted file mode 100644 index 83c18c0ad5..0000000000 --- a/examples/sites/demos/mobile/app/index-bar/event.vue +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - - diff --git a/examples/sites/demos/mobile/app/index-bar/webdoc/index-bar.cn.md b/examples/sites/demos/mobile/app/index-bar/webdoc/index-bar.cn.md deleted file mode 100644 index 57df0b63a3..0000000000 --- a/examples/sites/demos/mobile/app/index-bar/webdoc/index-bar.cn.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -title: IndexBar 索引条 ---- - -# IndexBar 索引条 - -索引文字列表
', - 'en-US': 'display different button' - }, - demoId: 'base' - } - ], - events: [ - { - name: 'change', - type: 'Function(arg1)', - defaultValue: '', - desc: { - 'zh-CN': '\t当前索引改变触发
', - 'en-US': 'display different button' - }, - demoId: 'event' - }, - { - name: 'select', - type: 'Function(arg1)', - defaultValue: '', - desc: { - 'zh-CN': '选中新的索引触发
', - 'en-US': 'display different button' - }, - demoId: 'event' - } - ], - methods: [], - slots: [ - { - name: 'default', - defaultValue: '', - desc: { - 'zh-CN': '\t自定义内容
', - 'en-US': 'display different button' - }, - demoId: 'event' - } - ] - }, - { - name: 'IndexBarAnchor', - type: 'component', - props: [ - { - name: 'index', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '索引文字
', - 'en-US': 'display different button' - }, - demoId: 'base' - } - ], - events: [], - methods: [], - slots: [] - } - ], - demos: [ - { - demoId: 'base', - name: { - 'zh-CN': '基础用法', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '基础用法
', - 'en-US': 'button type
' - }, - codeFiles: ['base.vue'] - }, - { - demoId: 'event', - name: { - 'zh-CN': '事件', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '事件
', - 'en-US': 'button type
' - }, - codeFiles: ['event.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/input/basic-usage.spec.ts b/examples/sites/demos/mobile/app/input/basic-usage.spec.ts deleted file mode 100644 index 0a37563e9d..0000000000 --- a/examples/sites/demos/mobile/app/input/basic-usage.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { test, expect } from '@playwright/test' - -test('输入框基本用法', async ({ page }) => { - page.on('pageerror', (exception) => expect(exception).toBeNull()) - await page.goto('input#base') - - const input = page.locator('.demo-input .tiny-mobile-input') - const textarea = page.locator('.demo-input .tiny-mobile-textarea') - - await expect(input).toBeVisible() - await expect(textarea).toBeVisible() - - await input.click() - await expect(input).toHaveClass(/is-focus/) - await textarea.click() - await expect(textarea).toHaveClass(/is-focus/) - - await expect(input).toHaveAttribute('placeholder', '请输入内容') - await expect(textarea).toHaveAttribute('placeholder', '用作文本框') - - await input.locator('input').fill('123') - await expect(input.locator('input')).toHaveValue('123') - await textarea.locator('textarea').fill('abc') - await expect(textarea.locator('textarea')).toHaveValue('abc') -}) diff --git a/examples/sites/demos/mobile/app/input/basic-usage.vue b/examples/sites/demos/mobile/app/input/basic-usage.vue deleted file mode 100644 index 97910326b4..0000000000 --- a/examples/sites/demos/mobile/app/input/basic-usage.vue +++ /dev/null @@ -1,24 +0,0 @@ - -rows=3 cols=30
-resize 可拖动调整大小
-autosize 自适应大小
-type="textarea" 有效。可传入对象，如，{ minRows: 2, maxRows: 6 }',
- 'en-US':
- 'Adaptive content height. This parameter is valid only for type="textarea". Objects can be transferred, for example, {minRows: 2, maxRows: 6}'
- },
- demoId: 'textarea-scalable'
- },
- {
- name: 'clearable',
- type: 'boolean',
- defaultValue: '',
- desc: {
- 'zh-CN': '是否显示清除按钮，该属性不适用于 type="textarea"',
- 'en-US':
- 'Whether to display the clear button. This attribute is not applicable to type="textarea".'
- },
- demoId: 'clearable'
- },
- {
- name: 'cols',
- type: 'string',
- defaultValue: '',
- desc: {
- 'zh-CN': '原生属性，设置宽度，在 type ="textarea" 时有效',
- 'en-US':
- 'Native attribute, which is used to set the width. This parameter is valid only when type is "textarea"'
- },
- demoId: 'textarea-rows-cols'
- },
- {
- name: 'counter',
- type: 'boolean',
- defaultValue: 'false',
- desc: {
- 'zh-CN': '是否显示字数统计，只在 type = "text" 或 type = "textarea" 时有效',
- 'en-US':
- 'Whether to display the word count statistics. This parameter is valid only when type is "text" or type is "textarea"'
- },
- demoId: 'counter'
- },
- {
- name: 'disabled',
- type: 'boolean',
- defaultValue: 'false',
- desc: {
- 'zh-CN': '是否禁用',
- 'en-US': 'Disable'
- },
- demoId: 'disabled'
- },
- {
- name: 'is-select',
- type: 'boolean',
- defaultValue: 'false',
- desc: {
- 'zh-CN': '是否可下拉选择',
- 'en-US': 'display different button'
- },
- demoId: 'type-select'
- },
- {
- name: 'label',
- type: 'string',
- defaultValue: '',
- desc: {
- 'zh-CN': '等价于原生 input aria-label 属性',
- 'en-US': 'Equiphorus input aria-label attribute'
- },
- demoId: ''
- },
- {
- name: 'max',
- type: 'number',
- defaultValue: '',
- desc: {
- 'zh-CN': '原生属性，设置最大值',
- 'en-US': 'Native attribute, set the maximum value'
- },
- demoId: 'native-attributes'
- },
- {
- name: 'maxlength',
- type: 'number',
- defaultValue: '',
- desc: {
- 'zh-CN': '原生属性，最大输入长度',
- 'en-US': 'Native attribute, maximum input length'
- },
- demoId: 'counter'
- },
- {
- name: 'min',
- type: 'number',
- defaultValue: '',
- desc: {
- 'zh-CN': '原生属性，设置最小值',
- 'en-US': 'Native attribute, which sets the minimum value'
- },
- demoId: 'native-attributes'
- },
- {
- name: 'minlength',
- type: 'number',
- defaultValue: '',
- desc: {
- 'zh-CN': '原生属性，最小输入长度',
- 'en-US': 'Native attribute, minimum input length'
- },
- demoId: 'counter'
- },
- {
- name: 'name',
- type: 'string',
- defaultValue: '',
- desc: {
- 'zh-CN': '原生 input name 属性',
- 'en-US': 'Native input name attribute'
- },
- demoId: 'native-attributes'
- },
- {
- name: 'placeholder',
- type: 'string',
- defaultValue: '',
- desc: {
- 'zh-CN': '输入框占位文本',
- 'en-US': 'Enter the place-holder text in the text box'
- },
- demoId: 'basic-usage'
- },
- {
- name: 'prefix-icon',
- type: 'Component',
- defaultValue: '',
- desc: {
- 'zh-CN': '输入框头部图标',
- 'en-US': 'Icon at the head of the input box'
- },
- demoId: 'prefix-suffix-icon'
- },
- {
- name: 'readonly',
- type: 'boolean',
- defaultValue: 'false',
- desc: {
- 'zh-CN': '原生属性，是否只读',
- 'en-US': 'Native attribute, read-only'
- },
- demoId: 'native-attributes'
- },
- {
- name: 'rows',
- type: 'number',
- defaultValue: '2',
- desc: {
- 'zh-CN': '输入框行数，只对 type="textarea" 有效',
- 'en-US': 'Number of lines in the input box. This parameter is valid only for type="textarea"'
- },
- demoId: 'textarea-rows-cols'
- },
- {
- name: 'select-menu',
- type: 'Array',
- defaultValue: '',
- desc: {
- 'zh-CN': '下拉选择的选项',
- 'en-US': 'options of select'
- },
- demoId: 'type-select'
- },
- {
- name: 'show-password',
- type: 'boolean',
- defaultValue: 'false',
- desc: {
- 'zh-CN': '是否显示切换密码图标',
- 'en-US': 'Whether to display the switchover password icon'
- },
- demoId: 'show-password'
- },
- {
- name: 'show-word-limit',
- type: 'boolean',
- defaultValue: 'false',
- desc: {
- 'zh-CN': '是否显示输入字数统计，只在 type = "text" 或 type = "textarea" 时有效',
- 'en-US':
- 'Whether to display the number of input words. This parameter is valid only when type is "text" or type is "textarea"'
- },
- demoId: 'counter'
- },
- {
- name: 'step',
- type: 'number',
- defaultValue: '',
- desc: {
- 'zh-CN': '原生属性，设置输入字段的合法数字间隔',
- 'en-US': 'Native attribute, which is used to set the valid digit interval of the input field.'
- },
- demoId: 'native-attributes'
- },
- {
- name: 'suffix-icon',
- type: 'Component',
- defaultValue: '',
- desc: {
- 'zh-CN': '输入框尾部图标',
- 'en-US': 'Input box end icon'
- },
- demoId: 'prefix-suffix-icon'
- },
- {
- name: 'tips',
- type: 'String | Slot',
- defaultValue: '',
- desc: {
- 'zh-CN': '提示信息',
- 'en-US': 'tips under input'
- },
- demoId: 'slots'
- },
- {
- name: 'title',
- type: 'String | Slot',
- defaultValue: '',
- desc: {
- 'zh-CN': '自定义标题',
- 'en-US': 'custom title'
- },
- demoId: ''
- },
- {
- name: 'type',
- type: "'text' | 'textarea' | 'password' | InputHTMLAttributes.type",
- defaultValue: "'text'",
- desc: {
- 'zh-CN': '设置 input 框的 type 属性，默认为 "text",可选值 "text"，"textarea" 和其他 原生 input 的 type 值',
- 'en-US':
- 'Set the type attribute of the input box. The default value is "text". The options are "text", "textarea", and type values of other native inputs.'
- },
- demoId: 'type'
- },
- {
- name: 'v-model / modelValue',
- type: 'string',
- defaultValue: '',
- desc: {
- 'zh-CN': '绑定值',
- 'en-US': 'input value'
- },
- demoId: 'basic-usage'
- },
- {
- name: 'validate-event',
- type: 'boolean',
- defaultValue: 'true',
- desc: {
- 'zh-CN': '输入时是否触发表单的校验',
- 'en-US': 'Trigger form verification upon input'
- },
- demoId: 'validate-event'
- },
- {
- name: 'width',
- type: 'Number | String',
- defaultValue: '',
- desc: {
- 'zh-CN': '宽度，取值为数字或元素 width 属性有效值，如果是数字则以 px 为单位',
- 'en-US':
- 'width, accepts a numerical value or a valid value for the width property, and if it is a number, it is measured in pixels.'
- },
- demoId: ''
- }
- ],
- events: [
- {
- name: 'blur',
- type: '(event: FocusEvent) => void',
- defaultValue: '',
- desc: {
- 'zh-CN': '在 Input 失去焦点时触发',
- 'en-US': 'Trigger when Input loses focus'
- },
- demoId: 'events'
- },
- {
- name: 'change',
- type: '(value: string | number) => void',
- defaultValue: '',
- desc: {
- 'zh-CN': '在 Input 值改变时触发',
- 'en-US': 'triggered when the input value changes.'
- },
- demoId: 'events'
- },
- {
- name: 'clear',
- type: '() => void',
- defaultValue: '',
- desc: {
- 'zh-CN': '在点击由 clearable 属性生成的清空按钮时触发',
- 'en-US': 'Trigger when the clear button generated by the clearable property is clicked'
- },
- demoId: 'events'
- },
- {
- name: 'focus',
- type: '(event: FocusEvent) => void',
- defaultValue: '',
- desc: {
- 'zh-CN': '在 Input 获得焦点时触发',
- 'en-US': 'Trigger when Input obtains focus'
- },
- demoId: 'events'
- },
- {
- name: 'input',
- type: '(event: InputEvent) => void',
- defaultValue: '',
- desc: {
- 'zh-CN': '输入值时触发事件',
- 'en-US': 'An event is triggered when a value is entered.'
- },
- demoId: 'events'
- }
- ],
- methods: [
- {
- name: 'blur',
- type: '() => void',
- defaultValue: '',
- desc: {
- 'zh-CN': '使 input 失去焦点',
- 'en-US': 'The input loses focus.'
- },
- demoId: 'methods'
- },
- {
- name: 'focus',
- type: '() => void',
- defaultValue: '',
- desc: {
- 'zh-CN': '使 input 获取焦点',
- 'en-US': 'To enable the input to obtain the focus'
- },
- demoId: 'methods'
- },
- {
- name: 'select',
- type: '() => void',
- defaultValue: '',
- desc: {
- 'zh-CN': '选中 input 中的文字',
- 'en-US': 'Select the text in input.'
- },
- demoId: 'methods'
- }
- ],
- slots: [
- {
- name: 'append',
- type: '',
- defaultValue: '',
- desc: {
- 'zh-CN': '输入框后置内容，只对 type="text" 有效',
- 'en-US': 'Content at the end of the text box. This field is valid only for type="text"'
- },
- demoId: 'slots'
- },
- {
- name: 'prefix',
- type: '',
- defaultValue: '',
- desc: {
- 'zh-CN': '输入框头部内容，只对 type="text" 有效',
- 'en-US': 'Content in the header of the text box, which is valid only for type="text"'
- },
- demoId: 'slots'
- },
- {
- name: 'prepend',
- type: '',
- defaultValue: '',
- desc: {
- 'zh-CN': '输入框前置内容，只对 type="text" 有效',
- 'en-US': 'Content before the text box, which is valid only for type="text"'
- },
- demoId: 'slots'
- },
- {
- name: 'suffix',
- type: '',
- defaultValue: '',
- desc: {
- 'zh-CN': '输入框尾部内容，只对 type="text" 有效',
- 'en-US': 'The content at the end of the text box is valid only for type="text"'
- },
- demoId: 'slots'
- },
- {
- name: 'tips',
- desc: {
- 'zh-CN': '提示信息插槽',
- 'en-US': 'tips slot'
- },
- demoId: 'slots'
- },
- {
- name: 'title',
- desc: {
- 'zh-CN': '标题插槽',
- 'en-US': 'title slot'
- },
- demoId: 'slots'
- }
- ]
- }
- ],
- demos: [
- {
- demoId: 'basic-usage',
- name: {
- 'zh-CN': '基本用法',
- 'en-US': 'basic usage'
- },
- desc: {
- 'zh-CN':
- '通过 v-model/modelValue 属性绑定输入值，placeholder 属性显示提示文本；使用原生属性 type 指定输入框类型，如取值为 textarea 时用作文本框。
Bind the input value through the v-model/modelValue property, and use placeholder to bind placeholder.Specify the input box type with the native type attribute. When the value is set to textarea, it is used as a textarea.
可通过 clearable 属性设置输入框显示清空图标按钮。
You can set the clearable attribute to display the clear icon button in the input.
通过对应的 type 属性，可以设置为对应的类型。默认为 text，可选值为 text，number 等其他 原生 input 的 type 值
You can set the corresponding type through the corresponding type attribute. The default value is text. The options are text, textarea, and other type values of the native input
通过原生属性 rows 与 cols 分别指定文本框的行数与列字符数。
Specify the number of rows and columns of a text box using the native attributes rows and cols respectively.
可通过 resize 属性设置文本框的缩放。可选值：none | both | horizontal | vertical。
可通过 autosize 属性设置文本框自适应内容高度。可传入对象，如 { minRows: 2, maxRows: 6 }。',
- 'en-US':
- '
You can use the resize property to set the zoom of the text field. The value can be none | both | horizontal | vertical . Note: This parameter is valid only when type="textarea" is used.
You can use the autosize attribute to set the text field to adapt to the content height. You can transfer an object, for example, {minRows: 2, maxRows: 6} . Note: This parameter is valid only for type="textarea" .
当 type 为 password 时，可通过 show-password 属性设置输入框显示密码显示/隐藏切换图标按钮。
When type is set to password, you can set the show-password attribute to display or hide the password switch button in the text box.
通过 code 属性禁用输入框。
To disabled input through code props.
通过 maxlength 属性限制输入字符数； counter 属性显示当前输入字符数；show-word-limit 显示当前字符数与输入限制长度（仅限文本框）
Limit input character count with the maxlength attribute; display current input character count with the counter attribute; show current character count and input limit length with the show-word-limit attribute(for text boxes only)."
可通过 prefix-icon, suffix-icon 属性分别设置输入框头部、尾部图标
You can set the header icon or the end icon of the text box through the prefix-icon, suffix-icon attribute respectively.
可设置 autofocus、readonly、name 等原生属性。
Set native attributes such as autofocus, readonly, name, etc.
' - }, - codeFiles: ['native-attributes.vue'] - }, - { - demoId: 'type-select', - name: { - 'zh-CN': '下拉列表', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '通过使用 is-select 与 select-menu 搭配让输入框变为下拉列表。
By using is-select with select-menu, the input field can be turned into a dropdown list.
可通过 validate-event 属性设置输入时触发表单校验。通过 trigger 配置触发校验规则的方式，为 change 时，当输入框值改变即触发校验，为 blur 时则失焦后触发校验
You can set the validate-event attribute to trigger form validation upon input. Use trigger to configure the mode of triggering the validation rule. If change is used, the validation is triggered when the value in the text box changes. If blur is used, the validation is triggered after the focus is lost
可使用组件的实例方法：focus | blur | select
Those instance methods available: focus | blur | select
Input 组件提供了丰富的插槽。
', - 'en-US': 'Input component provides a rich set of slots.
' - }, - codeFiles: ['slots.vue'] - }, - { - demoId: 'events', - name: { - 'zh-CN': '事件', - 'en-US': 'Events' - }, - desc: { - 'zh-CN': - '输入框的事件，包括 input(输入值时触发), blur(失去焦点时触发), focus(获取焦点时触发), change(值改变时触发), clear(清除按钮时触发)。
Event of the text box, including: input (triggered when a value is entered) blur (triggered when the focus is lost)focus (triggered when the focus is obtained) change (triggered when the value changes) clear (triggered when the button is cleared).
小数点的位数
', - 'en-US': 'decimal' - }, - demoId: 'decimal' - }, - { - name: 'ellipsis', - type: 'number', - defaultValue: '', - desc: { - 'zh-CN': '支持超出省略号显示的行数
', - 'en-US': 'ellipsis' - }, - demoId: 'ellipsis' - }, - { - name: 'is-required', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否添加*号
', - 'en-US': 'is required' - }, - demoId: 'required' - }, - { - name: 'label', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '文本
', - 'en-US': 'text' - }, - demoId: 'base' - }, - { - name: 'limit', - type: 'number', - defaultValue: '', - desc: { - 'zh-CN': '限制文本的字数
', - 'en-US': 'text limit' - }, - demoId: 'limit' - }, - { - name: 'position', - type: 'string', - defaultValue: 'left', - desc: { - 'zh-CN': '整行显示时的位置:left,center,right
', - 'en-US': 'position of whole line dispaly' - }, - demoId: 'position' - }, - { - name: 'size', - type: 'string', - defaultValue: 'normal', - desc: { - 'zh-CN': '文本大小:large,normal,small,mini
', - 'en-US': 'text size' - }, - demoId: 'size' - }, - { - name: 'type', - type: 'string', - defaultValue: 'base', - desc: { - 'zh-CN': '类型 \n base, number
', - 'en-US': 'type' - }, - demoId: 'type' - }, - { - name: 'wholeline', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否整行显示
', - 'en-US': 'whole line display' - }, - demoId: 'wholeline' - } - ], - events: [], - methods: [], - slots: [] - } - ], - demos: [ - { - demoId: 'base', - name: { - 'zh-CN': '基础用法', - 'en-US': 'base' - }, - desc: { - 'zh-CN': '基础用法
', - 'en-US': 'base
' - }, - codeFiles: ['base.vue'] - }, - { - demoId: 'type', - name: { - 'zh-CN': '类型', - 'en-US': 'type' - }, - desc: { - 'zh-CN': '类型
', - 'en-US': 'type
' - }, - codeFiles: ['type.vue'] - }, - { - demoId: 'decimal', - name: { - 'zh-CN': '小数点位数', - 'en-US': 'decimal' - }, - desc: { - 'zh-CN': '小数点位数
', - 'en-US': 'decimal
' - }, - codeFiles: ['decimal.vue'] - }, - { - demoId: 'bold', - name: { - 'zh-CN': '加粗', - 'en-US': 'bold' - }, - desc: { - 'zh-CN': '加粗
', - 'en-US': 'bold
' - }, - codeFiles: ['bold.vue'] - }, - { - demoId: 'color', - name: { - 'zh-CN': '不同颜色', - 'en-US': 'different color' - }, - desc: { - 'zh-CN': '不同颜色
', - 'en-US': 'different color
' - }, - codeFiles: ['color.vue'] - }, - { - demoId: 'size', - name: { - 'zh-CN': '不同尺寸', - 'en-US': 'different size' - }, - desc: { - 'zh-CN': '不同尺寸
', - 'en-US': 'different size
' - }, - codeFiles: ['size.vue'] - }, - { - demoId: 'wholeline', - name: { - 'zh-CN': '整行展示', - 'en-US': 'whole line' - }, - desc: { - 'zh-CN': '整行展示
', - 'en-US': 'whole line
' - }, - codeFiles: ['wholeline.vue'] - }, - { - demoId: 'limit', - name: { - 'zh-CN': '限制文本字数', - 'en-US': 'limit text length' - }, - desc: { - 'zh-CN': '限制文本字数
', - 'en-US': 'limit text length
' - }, - codeFiles: ['limit.vue'] - }, - { - demoId: 'position', - name: { - 'zh-CN': '整行显示文字位置', - 'en-US': 'text position' - }, - desc: { - 'zh-CN': '整行显示时，文字位置
', - 'en-US': 'text position
' - }, - codeFiles: ['position.vue'] - }, - { - demoId: 'ellipsis', - name: { - 'zh-CN': '最大显示行数', - 'en-US': 'max line' - }, - desc: { - 'zh-CN': '最大显示行数
', - 'en-US': 'max line
' - }, - codeFiles: ['ellipsis.vue'] - }, - { - demoId: 'required', - name: { - 'zh-CN': '是否添加*号', - 'en-US': 'required' - }, - desc: { - 'zh-CN': '是否添加*号
', - 'en-US': 'required
' - }, - codeFiles: ['required.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/label/wholeline.vue b/examples/sites/demos/mobile/app/label/wholeline.vue deleted file mode 100644 index af6f6633c0..0000000000 --- a/examples/sites/demos/mobile/app/label/wholeline.vue +++ /dev/null @@ -1,18 +0,0 @@ - -双行列表
-资讯类列表
-上图下文无辅助文本
-上图下文 - 辅助文本
-上图下文 - 图标+辅助文本
-上图下文(小图) - 图标+辅助文本
-上图下文(小图)
-主文本+次文本
-主文本+次文本(可选)+提示性图标
-操作性图标+主文本
-主文本+次文本(可选)+提示性图标
-图文列表
-设置主文本
', - 'en-US': 'Is fixed top' - }, - demoId: 'double-line' - }, - { - name: 'sub-text', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '设置次文本
', - 'en-US': 'Is show right arrow' - }, - demoId: 'single-line' - } - ], - events: [], - methods: [], - slots: [ - { - name: 'default', - defaultValue: '', - desc: { - 'zh-CN': '自定义主文本内容
', - 'en-US': 'Is show right arrow' - }, - demoId: '' - }, - { - name: 'description', - defaultValue: '', - desc: { - 'zh-CN': '自定义描述内容
', - 'en-US': 'Is show right arrow' - }, - demoId: 'slots' - }, - { - name: 'prefix', - defaultValue: '', - desc: { - 'zh-CN': '自定义头部内容
', - 'en-US': 'Is show right arrow' - }, - demoId: 'slots' - }, - { - name: 'suffix', - defaultValue: '', - desc: { - 'zh-CN': '自定义尾部内容
', - 'en-US': 'Is show right arrow' - }, - demoId: 'slots' - } - ] - } - ], - demos: [ - { - demoId: 'double-line', - name: { - 'zh-CN': '双实线列表', - 'en-US': 'left right arrow' - }, - desc: { - 'zh-CN': '双实线列表
', - 'en-US': 'double-line
' - }, - codeFiles: ['double-line.vue'] - }, - { - demoId: 'double-list', - name: { - 'zh-CN': '双行列表', - 'en-US': 'left right text' - }, - desc: { - 'zh-CN': '双行列表
', - 'en-US': 'button round
' - }, - codeFiles: ['double-list.vue'] - }, - { - demoId: 'imformation-list', - name: { - 'zh-CN': '资讯类列表', - 'en-US': 'imformation-list' - }, - desc: { - 'zh-CN': '资讯类列表
', - 'en-US': 'button click
' - }, - codeFiles: ['imformation-list.vue'] - }, - { - demoId: 'single-line', - name: { - 'zh-CN': '单行', - 'en-US': 'single-line' - }, - desc: { - 'zh-CN': '单行
', - 'en-US': 'button click
' - }, - codeFiles: ['single-line.vue'] - }, - { - demoId: 'slots', - name: { - 'zh-CN': '自定义列表内容', - 'en-US': 'slots' - }, - desc: { - 'zh-CN': '自定义列表内容
', - 'en-US': 'button click
' - }, - codeFiles: ['slots.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/loading/background.spec.ts b/examples/sites/demos/mobile/app/loading/background.spec.ts deleted file mode 100644 index c4d525e0c6..0000000000 --- a/examples/sites/demos/mobile/app/loading/background.spec.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { test, expect } from '@playwright/test' - -test('自定义遮罩背景色', async ({ page }) => { - page.on('pageerror', (exception) => expect(exception).toBeNull()) - await page.goto('loading#background') - - const loading = page.locator('#background .tiny-mobile-loading') - await expect(loading).toHaveCSS('background-color', 'rgba(25, 25, 25, 0.376)') -}) diff --git a/examples/sites/demos/mobile/app/loading/background.vue b/examples/sites/demos/mobile/app/loading/background.vue deleted file mode 100644 index 106ee5eeaf..0000000000 --- a/examples/sites/demos/mobile/app/loading/background.vue +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - - diff --git a/examples/sites/demos/mobile/app/loading/base.spec.ts b/examples/sites/demos/mobile/app/loading/base.spec.ts deleted file mode 100644 index 97d8581995..0000000000 --- a/examples/sites/demos/mobile/app/loading/base.spec.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { test, expect } from '@playwright/test' - -test('基本用法', async ({ page }) => { - page.on('pageerror', (exception) => expect(exception).toBeNull()) - await page.goto('loading#base') - - const loading = page.locator('#base .tiny-mobile-loading') - const loadingIcon = loading.locator('.tiny-mobile-loading__icon') - - await expect(loading).toBeVisible() - await expect(loading).toHaveCSS('background-color', 'rgba(0, 0, 0, 0.294)') - await expect(loadingIcon).toBeVisible() - await expect(loadingIcon).toHaveCSS('width', '24px') - await expect(loadingIcon).toHaveCSS('height', '24px') - - // 可关闭 - await page.getByRole('button', { name: '关闭 Loading' }).click() - await expect(loading).not.toBeVisible() -}) diff --git a/examples/sites/demos/mobile/app/loading/base.vue b/examples/sites/demos/mobile/app/loading/base.vue deleted file mode 100644 index 2f90d4f193..0000000000 --- a/examples/sites/demos/mobile/app/loading/base.vue +++ /dev/null @@ -1,31 +0,0 @@ - -通配置项pc,mobile表示不同设备
', - 'en-US': 'display different button' - }, - demoId: 'type' - }, - { - name: 'type', - type: 'string', - defaultValue: 'primary', - desc: { - 'zh-CN': '通过type设置不同的加载样式
', - 'en-US': 'display different button' - }, - demoId: 'type' - } - ], - events: [], - methods: [ - { - name: 'closeLoading', - type: 'Function', - defaultValue: '', - desc: { - 'zh-CN': '关闭Loading
', - 'en-US': 'display different button' - }, - demoId: 'type' - } - ], - slots: [] - } - ], - demos: [ - { - demoId: 'base', - name: { - 'zh-CN': '基础用法', - 'en-US': 'Basic usage' - }, - desc: { - 'zh-CN': '通过 service 方法显示 Loading ，再通过 close 方法关闭。
Use the service method to display Loading, then close it using the close method.
通过 spinner 属性自定义加载图标。
', - 'en-US': '
Customize loading icon using the spinner attribute.
通过 text 自定义加载文字的提示文本。
', - 'en-US': '
Use text to customize loading tip.
通过 background 自定义遮罩层背景颜色。
', - 'en-US': '
Use background property to customize background color of mask.
通过 custom-class 指定类名进行样式修改。
', - 'en-US': '
Specify the class name using custom-class to modify the style.
通过在 Loading.service 中设置 size 属性加载不同的大小尺寸，包括 large | medium | small | mini 四种不同大小。不设置时为默认尺寸。
', - 'en-US': - '
By setting the size attribute in the Loading.service, different size dimensions can be loaded, including large, medium, small and mini. If not set, the default size will be used.
通过 v-loading.lock.fullscreen 指令方式或者服务方式进行全局加载，如需使用指令方式全局加载需要如下操作：\n
在 Vue 2 版本环境中添加 Vue.use(Loading)；
在Vue 3 版本环境中添加 app.use(Loading).
', - 'en-US': - '
Global loading can be achieved through the v-loading.lock.fullscreen directive or service. To use the directive for global loading, follow these steps:
For Vue 2 environment, add Vue.use(Loading);
For Vue 3 environment, add app.use(Loading).
遮罩层click事件已触发！
- -这是自定义内容
-true 后点击遮罩层不会关闭',
- 'en-US': "whether to disable touch events, and mask wouldn't close when it was set true"
- },
- demoId: 'cancel-touch'
- },
- {
- name: 'visible',
- type: 'boolean',
- defaultValue: 'false',
- desc: {
- 'zh-CN': '是否展示遮罩层',
- 'en-US': 'whether to show mask layer'
- },
- demoId: 'base'
- },
- {
- name: 'z-index',
- type: 'number',
- defaultValue: '99',
- desc: {
- 'zh-CN': '层叠数值',
- 'en-US': 'z-index property'
- },
- demoId: 'z-index'
- }
- ],
- events: [
- {
- name: 'click',
- desc: {
- 'zh-CN': '点击遮罩层触发',
- 'en-US': 'Click'
- },
- demoId: 'basic-usage'
- }
- ],
- methods: [],
- slots: [
- {
- name: 'default',
- desc: {
- 'zh-CN': '默认插槽',
- 'en-US': 'Default slot'
- },
- demoId: 'slot-default'
- }
- ]
- }
- ],
- demos: [
- {
- demoId: 'base',
- name: {
- 'zh-CN': '基本使用',
- 'en-US': 'left right arrow'
- },
- desc: {
- 'zh-CN': '通过 v-model:visible 属性设置显示与隐藏遮罩层；click 监听点击事件。
double-line
' - }, - codeFiles: ['basic-usage.vue'] - }, - { - demoId: 'cancel-touch', - name: { - 'zh-CN': '点击遮罩层不隐藏', - 'en-US': 'No hide after clicking' - }, - desc: { - 'zh-CN': '通过 cancel-touch 属性设置点击遮罩层后组件不隐藏
"By setting the cancel-touch attribute, the component will not be hidden when clicking on the mask layer.
通过 z-index 属性设置层叠数值。
"Use the z-index attribute to set z-index of CSS property.
通过 default 默认插槽自定义嵌入内容。
"By setting the cancel-touch attribute, the component will not be hidden when clicking on the mask layer.
单列选择器
-取消按钮内容设置，该属性默认为‘取消’
', - 'en-US': 'display different button' - }, - demoId: 'cancel-button-text' - }, - { - name: 'columns', - type: 'Array', - defaultValue: '', - desc: { - 'zh-CN': '配置每一列显示的数据
', - 'en-US': 'display different button' - }, - demoId: 'multicolumn' - }, - { - name: 'confirm-button-text', - type: 'string', - defaultValue: '确定', - desc: { - 'zh-CN': '确定按钮内容设置，该属性默认为‘确定’
', - 'en-US': 'display different button' - }, - demoId: 'confirm-button-text' - }, - { - name: 'default-index', - type: 'number', - defaultValue: '0', - desc: { - 'zh-CN': '单列选择时,选择的初始值索引，该属性默认为0
', - 'en-US': 'display different button' - }, - demoId: 'defaultindex' - }, - { - name: 'item-height', - type: 'number', - defaultValue: '34', - desc: { - 'zh-CN': '选项高度，该属性默认为34
', - 'en-US': 'display different button' - }, - demoId: 'itemheight' - }, - { - name: 'swipe-duration', - type: 'number', - defaultValue: '1000', - desc: { - 'zh-CN': '快速滑动时惯性滚动的时长，单位 ms,该属性默认为1000
', - 'en-US': 'display different button' - }, - demoId: 'cancel-button-text' - }, - { - name: 'title', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '标题
', - 'en-US': 'display different button' - }, - demoId: 'cancel-button-text' - }, - { - name: 'value-key', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '选项对象中，选项文字对应的键名，该属性默认为"text"
', - 'en-US': 'display different button' - }, - demoId: '' - }, - { - name: 'visible', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '选择器组件显示或隐藏，该属性默认为false
', - 'en-US': 'display different button' - }, - demoId: 'cancel-button-text' - }, - { - name: 'visible-item-count', - type: 'number', - defaultValue: '5', - desc: { - 'zh-CN': '可见的选项个数，该属性默认为5
', - 'en-US': 'display different button' - }, - demoId: 'visibleitemcount' - } - ], - events: [ - { - name: 'cancel', - defaultValue: '', - desc: { - 'zh-CN': '点击取消按钮时触发
', - 'en-US': 'Click' - }, - demoId: '' - }, - { - name: 'change', - defaultValue: '', - desc: { - 'zh-CN': '选项改变时触发。
', - 'en-US': 'Click' - }, - demoId: 'change' - }, - { - name: 'confirm', - defaultValue: '', - desc: { - 'zh-CN': '点击确定按钮时触发
', - 'en-US': 'Click' - }, - demoId: 'cancel' - } - ], - methods: [ - { - name: 'getColumnIndex', - type: '获取对应列选中项的索引，参数columnIndex，返回值optionIndex', - defaultValue: '', - desc: { - 'zh-CN': '下拉时触发的事件
', - 'en-US': 'Click' - }, - demoId: 'methods' - }, - { - name: 'getColumnValue', - defaultValue: '', - desc: { - 'zh-CN': '获取对应列选中的值，参数columnIndex，返回值value
', - 'en-US': 'Click' - }, - demoId: 'methods' - }, - { - name: 'getColumnValues', - defaultValue: '', - desc: { - 'zh-CN': '获取对应列中所有选项，参数columnIndex，返回值values
', - 'en-US': 'Click' - }, - demoId: 'methods' - }, - { - name: 'getIndexes', - defaultValue: '', - desc: { - 'zh-CN': '获取所有列选中值对应的索引
', - 'en-US': 'Click' - }, - demoId: 'column' - }, - { - name: 'getValues', - defaultValue: '', - desc: { - 'zh-CN': '获取所有列选中的值
', - 'en-US': 'Click' - }, - demoId: 'column' - } - ], - slots: [ - { - name: 'toolbar', - defaultValue: '', - desc: { - 'zh-CN': '自定义工具栏
', - 'en-US': 'toolbar' - }, - demoId: 'toolbar' - } - ] - } - ], - demos: [ - { - demoId: 'multicolumn', - name: { - 'zh-CN': '多列选择', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '多列选择
', - 'en-US': 'button type
' - }, - codeFiles: ['multicolumn.vue'] - }, - { - demoId: 'cancel-button-text', - name: { - 'zh-CN': '自定义按钮内容', - 'en-US': 'button round' - }, - desc: { - 'zh-CN': '取消按钮内容
', - 'en-US': 'button round
' - }, - codeFiles: ['cancel-button-text.vue'] - }, - { - demoId: 'cancel', - name: { - 'zh-CN': 'cancel事件', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '事件
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['cancel.vue'] - }, - { - demoId: 'cascad', - name: { - 'zh-CN': '级联选择', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '级联选择
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['cascad.vue'] - }, - { - demoId: 'change', - name: { - 'zh-CN': 'change事件', - 'en-US': 'events' - }, - desc: { - 'zh-CN': 'change 事件
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['change.vue'] - }, - { - demoId: 'defaultindex', - name: { - 'zh-CN': '初始值索引', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '初始值索引
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['defaultindex.vue'] - }, - { - demoId: 'itemheight', - name: { - 'zh-CN': '选项高度', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '选项高度
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['itemheight.vue'] - }, - { - demoId: 'methods', - name: { - 'zh-CN': '方法', - 'en-US': 'events' - }, - desc: { - 'zh-CN': - 'MiniPicker的 getColumnIndex获取对应列选中项的索引getColumnValue获取对应列选中的值getColumnValues获取对应列中所有选项
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['methods.vue'] - }, - { - demoId: 'toolbar', - name: { - 'zh-CN': '插槽', - 'en-US': 'events' - }, - desc: { - 'zh-CN': 'toolbar插槽
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['toolbar.vue'] - }, - { - demoId: 'column', - name: { - 'zh-CN': '方法', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '获取所有选中列的值与对应索引
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['column.vue'] - }, - { - demoId: 'visibleitemcount', - name: { - 'zh-CN': '可见选项个数', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '可见选项个数
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['visibleitemcount.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/modal/base.vue b/examples/sites/demos/mobile/app/modal/base.vue deleted file mode 100644 index 90fe999ebd..0000000000 --- a/examples/sites/demos/mobile/app/modal/base.vue +++ /dev/null @@ -1,38 +0,0 @@ - -test
- -test
- -test
- -test
- -test
- -test
- -基础用法
', - 'en-US': 'button type
' - }, - codeFiles: ['base.vue'] - }, - { - demoId: 'cancel-event', - name: { - 'zh-CN': '取消事件', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '取消事件
', - 'en-US': 'button type
' - }, - codeFiles: ['cancel-event.vue'] - }, - { - demoId: 'close-event', - name: { - 'zh-CN': '关闭事件', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '关闭事件
', - 'en-US': 'button type
' - }, - codeFiles: ['close-event.vue'] - }, - { - demoId: 'confirm-event', - name: { - 'zh-CN': '确认事件', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '确认事件
', - 'en-US': 'button type
' - }, - codeFiles: ['confirm-event.vue'] - }, - { - demoId: 'duration', - name: { - 'zh-CN': '持续时间', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '持续时间
', - 'en-US': 'button type
' - }, - codeFiles: ['duration.vue'] - }, - { - demoId: 'id', - name: { - 'zh-CN': '不允许重复点击', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '不允许重复点击
', - 'en-US': 'button type
' - }, - codeFiles: ['id.vue'] - }, - { - demoId: 'esc-closable', - name: { - 'zh-CN': 'ESC键关闭', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': 'ESC键关闭
', - 'en-US': 'button type
' - }, - codeFiles: ['esc-closable.vue'] - }, - { - demoId: 'footer-slot', - name: { - 'zh-CN': '尾部插槽', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '尾部插槽
', - 'en-US': 'button type
' - }, - codeFiles: ['footer-slot.vue'] - }, - { - demoId: 'fullscreen', - name: { - 'zh-CN': '铺满全屏', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '铺满全屏
', - 'en-US': 'button type
' - }, - codeFiles: ['fullscreen.vue'] - }, - { - demoId: 'hide-event', - name: { - 'zh-CN': '隐藏事件', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '隐藏事件
', - 'en-US': 'button type
' - }, - codeFiles: ['hide-event.vue'] - }, - { - demoId: 'is-form-reset', - name: { - 'zh-CN': '重置表单数据', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '关闭弹窗，默认重置表单数据
', - 'en-US': 'button type
' - }, - codeFiles: ['is-form-reset.vue'] - }, - { - demoId: 'lock-scroll', - name: { - 'zh-CN': '禁止页面滚动', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '是否锁住滚动条，不允许页面滚动
', - 'en-US': 'button type
' - }, - codeFiles: ['lock-scroll.vue'] - }, - { - demoId: 'lock-view', - name: { - 'zh-CN': '锁住页面', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '是否锁住页面，不允许窗口之外的任何操作
', - 'en-US': 'button type
' - }, - codeFiles: ['lock-view.vue'] - }, - { - demoId: 'mask-closable', - name: { - 'zh-CN': '点击遮罩层关闭', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '点击遮罩层关闭
', - 'en-US': 'button type
' - }, - codeFiles: ['mask-closable.vue'] - }, - { - demoId: 'message', - name: { - 'zh-CN': '自定义提示框的内容', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '自定义提示框的内容
', - 'en-US': 'button type
' - }, - codeFiles: ['message.vue'] - }, - { - demoId: 'min-height', - name: { - 'zh-CN': '提示框最小高度为300', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '提示框最小高度为300
', - 'en-US': 'button type
' - }, - codeFiles: ['min-height.vue'] - }, - { - demoId: 'min-width', - name: { - 'zh-CN': '提示框最小宽度为700', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '提示框最小宽度为700
', - 'en-US': 'button type
' - }, - codeFiles: ['min-width.vue'] - }, - { - demoId: 'resize', - name: { - 'zh-CN': '可以拖动调整窗口大小', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '可以拖动调整窗口大小
', - 'en-US': 'button type
' - }, - codeFiles: ['resize.vue'] - }, - { - demoId: 'show-event', - name: { - 'zh-CN': '在窗口显示时触发事件', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '在窗口显示时触发事件
', - 'en-US': 'button type
' - }, - codeFiles: ['show-event.vue'] - }, - { - demoId: 'showFooter', - name: { - 'zh-CN': '是否显示底部', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '是否显示底部
', - 'en-US': 'button type
' - }, - codeFiles: ['showFooter.vue'] - }, - { - demoId: 'showHeader', - name: { - 'zh-CN': '是否显示头部', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '是否显示头部
', - 'en-US': 'button type
' - }, - codeFiles: ['showHeader.vue'] - }, - { - demoId: 'status', - name: { - 'zh-CN': '模态框提示图标', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '模态框提示图标
', - 'en-US': 'button type
' - }, - codeFiles: ['status.vue'] - }, - { - demoId: 'title', - name: { - 'zh-CN': '自定义标题', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '自定义标题
', - 'en-US': 'button type
' - }, - codeFiles: ['title.vue'] - }, - { - demoId: 'top', - name: { - 'zh-CN': '距离顶部的位置', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '距离顶部的位置
', - 'en-US': 'button type
' - }, - codeFiles: ['top.vue'] - }, - { - demoId: 'type', - name: { - 'zh-CN': '模态框类型', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '模态框类型
', - 'en-US': 'button type
' - }, - codeFiles: ['type.vue'] - }, - { - demoId: 'value', - name: { - 'zh-CN': '模态框按钮的值', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '模态框按钮的值
', - 'en-US': 'button type
' - }, - codeFiles: ['value.vue'] - }, - { - demoId: 'zIndex', - name: { - 'zh-CN': '模态框层级', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '模态框层级
', - 'en-US': 'button type
' - }, - codeFiles: ['zIndex.vue'] - }, - { - demoId: 'zoom-event', - name: { - 'zh-CN': '窗口缩放时触发事件', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '窗口缩放时触发事件
', - 'en-US': 'button type
' - }, - codeFiles: ['zoom-event.vue'] - } - ], - types: [ - { - name: 'IModalEventParam', - type: 'interface', - code: ` -interface IModalEventParam { - type: 'alert' | 'message' | 'confirm' // 弹窗类型 - $modal: ComponentPublicInstance // Modal组件实例 -} -` - }, - { - name: 'IStatus', - type: 'type', - code: ` - type IStatus = 'info' | 'success' | 'warning' | 'error' | 'loading' - ` - } - ] -} diff --git a/examples/sites/demos/mobile/app/modal/zIndex.vue b/examples/sites/demos/mobile/app/modal/zIndex.vue deleted file mode 100644 index 35e5375a7d..0000000000 --- a/examples/sites/demos/mobile/app/modal/zIndex.vue +++ /dev/null @@ -1,11 +0,0 @@ - -test
- -多下拉项 value: {{ value1 }}
-单下拉项 value: {{ value2 }}
-value: {{ value }}
-value: {{ value }}
-value: {{ value }}
-zIndex: the stacking order value of the mask layer;
cancelTouch: whether to disable touch events.
' - }, - demoId: 'mask-options' - }, - { - name: 'search-placeholder', - type: 'string', - defaultValue: '搜索', - desc: { - 'zh-CN': '搜索框默认提示', - 'en-US': 'search input placeholder' - }, - demoId: 'filter' - }, - { - name: 'type', - type: "'list' | 'wheel'", - defaultValue: '', - desc: { - 'zh-CN': '选项外观，其中 list：列表形式；wheel：滑轮模式', - 'en-US': 'option appearance' - }, - demoId: 'wheel' - }, - { - name: 'v-model/modelValue', - type: '(string | string[])[]', - defaultValue: '[]', - desc: { - 'zh-CN': '选中值
', - 'en-US': 'selected value
' - }, - demoId: 'basic-usage' - } - ], - events: [ - { - name: 'item-click', - type: '(option, headerIndex) => void', - desc: { - 'zh-CN': '点击选项事件，当 type="list" 时适用', - 'en-us': 'click option event, applicable when type = "list"' - }, - demoId: 'event-click-item' - }, - { - name: 'confirm', - type: '', - defaultValue: '', - desc: { - 'zh-CN': "确认事件，当 type='wheel' 时适用", - 'en-US': "confirm selection event, applicable when the type = 'wheel'" - }, - demoId: 'type-wheel' - }, - { - name: 'reset', - type: '', - defaultValue: '', - desc: { - 'zh-CN': "重置事件，当 type='wheel' 时适用", - 'en-US': "reset selection event, applicable when the type = 'wheel'" - }, - demoId: 'type-wheel' - } - ], - slots: [ - { - name: 'footer', - desc: { - 'zh-CN': '选项底部插槽', - 'en-US': 'slot under options' - }, - demoId: 'slots' - } - ] - } - ], - demos: [ - { - demoId: 'basic-usage', - name: { - 'zh-CN': '基础用法', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '通过 data-source 属性绑定可选项数据，v-model 设置被选中值。
Bind the optional data through the data-source attribute, and set the selected value through v-model.
通过 mask 属性显示遮罩层，同时利用 mask-options 属性设置遮罩层属性。
Display a mask layer using the mask attribute, and set the mask layer properties using the mask-options attribute.
通过 disabled 属性禁用组件，也支持在 data-source 数据源指定特定选项禁用。
Use the disabled attribute to disable the component, and can also specify specific options to disable in the data-source data source.
通过 filterable 属性启用搜索功能，search-placeholder 属性设置搜索提示，search-value 属性可双向绑定搜索框输入值。
Enable search functionality through the filterable attribute, search-placeholder attribute sets the search prompt, and the search-value attribute enables two-way binding of the search box input value.
通过 type 属性设置选项形式，可选值有以下两种：
Set the option form by using the type attribute, with the following two optional values:
通过 footer 插槽可自定义选项下方区域元素。
Use footer slot to customize elements under options list.
通过 item-click 监听选项点击事件。
Listen to the option click event through item-click.
是否固定在顶部，该属性默认为true
', - 'en-US': 'Is fixed top' - }, - demoId: 'left-right-arrow' - }, - { - name: 'left-arrow', - type: 'boolean', - defaultValue: '', - desc: { - 'zh-CN': '是否显示左侧箭头，该属性默认为false
', - 'en-US': 'Is show left arrow' - }, - demoId: 'left-right-arrow' - }, - { - name: 'left-text', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '设置左侧文本
', - 'en-US': 'Is show left text' - }, - demoId: 'left-right-text' - }, - { - name: 'right-arrow', - type: 'boolean', - defaultValue: '', - desc: { - 'zh-CN': '是否显示右侧箭头
', - 'en-US': 'Is show right arrow' - }, - demoId: 'left-right-arrow' - }, - { - name: 'right-text', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '设置右侧文本
', - 'en-US': 'Is show right text' - }, - demoId: 'left-right-text' - }, - { - name: 'sub-title', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '设置副标题
', - 'en-US': 'set sub-title' - }, - demoId: 'left-right-text' - }, - { - name: 'title', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '设置主标题
', - 'en-US': 'set main-title' - }, - demoId: 'z-index' - }, - { - name: 'z-index', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '设置z-index
', - 'en-US': 'set z-index' - }, - demoId: 'z-index' - } - ], - events: [], - methods: [], - slots: [ - { - name: 'default', - defaultValue: '', - desc: { - 'zh-CN': '自定义标题
', - 'en-US': 'Click' - }, - demoId: 'left-right-arrow' - }, - { - name: 'left', - defaultValue: '', - desc: { - 'zh-CN': '自定义左侧内容
', - 'en-US': 'Click' - }, - demoId: 'left-right-text' - }, - { - name: 'right', - defaultValue: '', - desc: { - 'zh-CN': '自定义右侧内容
', - 'en-US': 'Click' - }, - demoId: 'left-right-text' - } - ] - } - ], - demos: [ - { - demoId: 'left-right-arrow', - name: { - 'zh-CN': '显示左右箭头', - 'en-US': 'left right arrow' - }, - desc: { - 'zh-CN': '显示左右箭头
', - 'en-US': 'button type
' - }, - codeFiles: ['left-right-arrow.vue'] - }, - { - demoId: 'left-right-text', - name: { - 'zh-CN': '指定左右文本', - 'en-US': 'left right text' - }, - desc: { - 'zh-CN': '指定左右文本
', - 'en-US': 'button round
' - }, - codeFiles: ['left-right-text.vue'] - }, - { - demoId: 'slots', - name: { - 'zh-CN': '自定义左右侧内容', - 'en-US': 'slots' - }, - desc: { - 'zh-CN': '自定义左右侧内容
', - 'en-US': 'button click
' - }, - codeFiles: ['slots.vue'] - }, - { - demoId: 'z-index', - name: { - 'zh-CN': '设置层级', - 'en-US': 'z-index' - }, - desc: { - 'zh-CN': '设置层
', - 'en-US': 'button click
' - }, - codeFiles: ['z-index.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/navbar/z-index.vue b/examples/sites/demos/mobile/app/navbar/z-index.vue deleted file mode 100644 index 15e8bde9a2..0000000000 --- a/examples/sites/demos/mobile/app/navbar/z-index.vue +++ /dev/null @@ -1,7 +0,0 @@ - -步进器
-设置输入组件的默认值，该属性默认为 0。
', - 'en-US': 'display different button' - }, - demoId: '' - } - ], - events: [ - { - name: 'blur', - type: '(event: FocusEvent) => void', - defaultValue: '', - desc: { - 'zh-CN': '组件失去焦点时触发的回调函数', - 'en-US': 'The callback function triggered when a component loses focus' - }, - demoId: 'event' - }, - { - name: 'change', - type: '(newVal: number | undefined, oldVal: number | undefined) => void', - defaultValue: '', - desc: { - 'zh-CN': '组件的值变化时触发的回调函数', - 'en-US': 'The callback function triggered when the value of a component changes' - }, - demoId: 'event' - }, - { - name: 'focus', - type: '(event: FocusEvent) => void', - defaultValue: '', - desc: { - 'zh-CN': '组件获得焦点时触发的回调函数', - 'en-US': 'The callback function triggered when a component obtains the focus' - }, - demoId: 'event' - } - ], - methods: [], - slots: [] - } - ], - demos: [ - { - demoId: 'automatic-price', - name: { - 'zh-CN': '根据商品数量自动计算价格', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '根据商品数量自动计算价格
', - 'en-US': 'button type
' - }, - codeFiles: ['automatic-price.vue'] - }, - { - demoId: 'circulate', - name: { - 'zh-CN': '是否循环', - 'en-US': 'button round' - }, - desc: { - 'zh-CN': '是否循环
', - 'en-US': 'button round
' - }, - codeFiles: ['circulate.vue'] - }, - { - demoId: 'controls-position', - name: { - 'zh-CN': '控制按钮显示位置', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '控制按钮显示位置
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['controls-position.vue'] - }, - { - demoId: 'controls', - name: { - 'zh-CN': '控制按钮', - 'en-US': 'controls' - }, - desc: { - 'zh-CN': '控制按钮
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['controls.vue'] - }, - { - demoId: 'event', - name: { - 'zh-CN': '事件', - 'en-US': 'event' - }, - desc: { - 'zh-CN': '事件
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['event.vue'] - }, - { - demoId: 'max', - name: { - 'zh-CN': '最大值最小值', - 'en-US': 'max' - }, - desc: { - 'zh-CN': '最大值最小值
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['max.vue'] - }, - { - demoId: 'placeholder', - name: { - 'zh-CN': '占位文本', - 'en-US': 'placeholder' - }, - desc: { - 'zh-CN': '通过placeholder属性设置输入框占位文本。
bbutton click
' - }, - codeFiles: ['placeholder.vue'] - }, - { - demoId: 'precision', - name: { - 'zh-CN': '数值精度', - 'en-US': 'precision' - }, - desc: { - 'zh-CN': '数值精度
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['precision.vue'] - }, - { - demoId: 'step', - name: { - 'zh-CN': '步长', - 'en-US': 'step' - }, - desc: { - 'zh-CN': '步长
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['step.vue'] - } - ], - types: [ - { - name: 'IStepStrategy', - type: 'interface', - code: ` -interface IStepStrategy { - value: number | string, // 5 或者 '5' - mode: 'strictly' | 'restore' -} - ` - } - ] -} diff --git a/examples/sites/demos/mobile/app/popover/base.vue b/examples/sites/demos/mobile/app/popover/base.vue deleted file mode 100644 index f6ac2dbd1b..0000000000 --- a/examples/sites/demos/mobile/app/popover/base.vue +++ /dev/null @@ -1,103 +0,0 @@ - -内容对象列表，对象字段包含：icon图片地址、label标题、subLabel子标题
', - 'en-US': 'display different button' - }, - demoId: 'base' - }, - { - name: 'maxHeight', - type: 'Number | String', - defaultValue: '', - desc: { - 'zh-CN': '最大高度
', - 'en-US': 'display different button' - }, - demoId: 'base' - }, - { - name: 'modelValue / v-model', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '状态是否可见
', - 'en-US': 'display different button' - }, - demoId: '' - }, - { - name: 'offset', - type: 'number', - defaultValue: '0', - desc: { - 'zh-CN': '弹出层的偏移量', - 'en-US': 'Layer offset' - }, - demoId: '' - }, - { - name: 'open-delay', - type: 'number', - defaultValue: '0', - desc: { - 'zh-CN': '触发方式为 hover 时的显示延迟，单位为毫秒', - 'en-US': 'The display delay when the trigger mode is hover, in milliseconds' - }, - demoId: '' - }, - { - name: 'placement', - typeAnchorName: 'IPopperPlacement', - type: 'IPopperPlacement', - defaultValue: "'bottom'", - desc: { - 'zh-CN': '弹出层出现的位置', - 'en-US': 'Layer Placement' - }, - demoId: 'base' - }, - { - name: 'popper-class', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '为弹出层添加类名', - 'en-US': 'Add a class name for the pop-up layer.' - }, - demoId: '' - }, - { - name: 'popper-options', - type: 'IPopperOption', - typeAnchorName: 'IPopperOption', - defaultValue: '{}', - desc: { - 'zh-CN': '弹出层参数', - 'en-US': 'layer parameters; Refer to the description of IPopperOption' - }, - demoId: '' - }, - { - name: 'title', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '弹出层的标题', - 'en-US': 'Layer Title' - }, - demoId: 'base' - }, - { - name: 'transform-origin', - type: 'Boolean | String', - defaultValue: 'true', - desc: { - 'zh-CN': '组件的旋转中心点
', - 'en-US': 'display different button' - }, - demoId: '' - }, - { - name: 'transition', - type: 'string', - defaultValue: "'fade-in-linear'", - desc: { - 'zh-CN': '定义渐变动画', - 'en-US': 'Define gradient animation' - }, - demoId: '' - }, - { - name: 'trigger', - type: "'click' | 'focus' | 'hover' | 'manual'", - defaultValue: "'click'", - desc: { - 'zh-CN': '触发方式', - 'en-US': 'Trigger mode' - }, - demoId: '' - }, - { - name: 'visible-arrow', - type: 'boolean', - defaultValue: 'true', - desc: { - 'zh-CN': '是否显示弹出层的箭头', - 'en-US': "whether to show layer's arrow" - }, - demoId: '' - }, - { - name: 'width', - type: "'auto' | number", - defaultValue: "'auto'", - desc: { - 'zh-CN': '弹出层宽度', - 'en-US': 'Layer width' - }, - demoId: 'base' - } - ], - events: [ - { - name: 'after-enter', - type: '() =>void', - defaultValue: '', - desc: { - 'zh-CN': '进入的动画播放完毕后触发', - 'en-US': 'This event is triggered after the animation is played.' - }, - demoId: 'base' - }, - { - name: 'after-leave', - type: '() =>void', - defaultValue: '', - desc: { - 'zh-CN': '离开的动画播放完毕后触发', - 'en-US': 'Triggered after the hidden animation is played.' - }, - demoId: 'base' - }, - { - name: 'hide', - type: '() =>void', - defaultValue: '', - desc: { - 'zh-CN': '隐藏时触发', - 'en-US': 'Triggered when hidden' - }, - demoId: 'base' - }, - { - name: 'show', - type: '() =>void', - defaultValue: '', - desc: { - 'zh-CN': '显示时触发', - 'en-US': 'Triggered when display' - }, - demoId: 'base' - } - ], - methods: [], - slots: [ - { - name: 'default', - type: '', - defaultValue: '', - desc: { - 'zh-CN': '弹出层元素插槽', - 'en-US': 'The layer element slot' - }, - demoId: 'base' - }, - { - name: 'reference', - type: '', - defaultValue: '', - desc: { - 'zh-CN': '触发源元素插槽，该插槽是必传插槽。', - 'en-US': "The layer's reference element slot" - }, - demoId: 'base' - } - ] - } - ], - demos: [ - { - demoId: 'base', - name: { - 'zh-CN': '基础用法', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '基础用法
', - 'en-US': 'button type
' - }, - codeFiles: ['base.vue'] - }, - { - demoId: 'direction', - name: { - 'zh-CN': '方向', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '展开方向
', - 'en-US': 'button type
' - }, - codeFiles: ['direction.vue'] - } - ], - types: [ - { - name: 'IPopperOption', - type: 'interface', - code: ` -interface IPopperOption { - bubbling: boolean // 是否监听元素所有上级有滚动元素的scroll事件，监听到则更新popper的位置。用于解决某些弹出层位置在页面滚动时，位置不正确的场景，默认false - followReferenceHide: boolean // 当触发源隐藏时，自动隐藏弹出层，默认true - removeOnDestroy: boolean // 弹出层消失后，是否移除弹出层的DOM元素，布尔false - updateHiddenPopperOnScroll: boolean // 滚动过程中是否更新隐藏的弹出层位置 - boundariesElement: 'viewport' | 'body' | HTMLElement // 滚动过程中,弹出层的碰撞边界。 默认值为： 'viewport' - ignoreBoundaries: boolean // 忽略边界判断，弹出的位置始终是设置的 placement 值 - scrollParent: HTMLElement // 指定滚动的父节点，优化级最高。 默认为null -} - ` - }, - { - name: 'IPopperPlacement', - type: 'type', - code: ` -type IPopperPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' - ` - } - ] -} diff --git a/examples/sites/demos/mobile/app/progress/custom-color.vue b/examples/sites/demos/mobile/app/progress/custom-color.vue deleted file mode 100644 index 81f355a6fc..0000000000 --- a/examples/sites/demos/mobile/app/progress/custom-color.vue +++ /dev/null @@ -1,33 +0,0 @@ - -进度条
-进度条
-line类型
button type
' - }, - codeFiles: ['progress-type.vue'] - }, - { - demoId: 'progress-type-circle', - name: { - 'zh-CN': '类型', - 'en-US': 'left right text' - }, - desc: { - 'zh-CN': 'circle类型
button round
' - }, - codeFiles: ['progress-type-circle.vue'] - }, - { - demoId: 'progress-type-dashboard', - name: { - 'zh-CN': '类型', - 'en-US': 'progress-type-dashboard' - }, - desc: { - 'zh-CN': 'dashboard类型
button click
' - }, - codeFiles: ['progress-type-dashboard.vue'] - }, - { - demoId: 'progress-width', - name: { - 'zh-CN': '宽度', - 'en-US': 'progress-width' - }, - desc: { - 'zh-CN': 'stroke-width进度条的宽度，单位 px
button click
' - }, - codeFiles: ['progress-width.vue'] - }, - { - demoId: 'progress-status', - name: { - 'zh-CN': '状态', - 'en-US': 'progress-status' - }, - desc: { - 'zh-CN': 'status进度条当前状态（success/exception/warning）
button click
' - }, - codeFiles: ['progress-status.vue'] - }, - { - demoId: 'text-inside-or-no-text', - name: { - 'zh-CN': '文字内显或不显', - 'en-US': 'text-inside-or-no-text' - }, - desc: { - 'zh-CN': 'show-text是否显示进度条文字内容
button click
' - }, - codeFiles: ['text-inside-or-no-text.vue'] - }, - { - demoId: 'custom-color', - name: { - 'zh-CN': '自定义颜色', - 'en-US': 'custom-color' - }, - desc: { - 'zh-CN': '通过color设置进度条颜色。color进度条背景色（会覆盖status状态颜色）
button click
' - }, - codeFiles: ['custom-color.vue'] - }, - { - demoId: 'format-text', - name: { - 'zh-CN': '自定义显示文字', - 'en-US': 'format-text' - }, - desc: { - 'zh-CN': 'text-inside进度条显示文字内置在进度条内（只在 type=line 时可用）
button click
' - }, - codeFiles: ['format-text.vue'] - }, - { - demoId: 'format', - name: { - 'zh-CN': '自定义显示内容', - 'en-US': 'format' - }, - desc: { - 'zh-CN': '通过format属性设置显示文字内置在进度条内时，用于自定义显示内容。
button click
' - }, - codeFiles: ['format.vue'] - }, - { - demoId: 'dynamic-control-changes', - name: { - 'zh-CN': '动态进度条', - 'en-US': 'dynamic-control-changes' - }, - desc: { - 'zh-CN': '通过动态改变percentage的值，使进度条动态变化
button click
' - }, - codeFiles: ['dynamic-control-changes.vue'] - }, - { - demoId: 'dynamic-progress', - name: { - 'zh-CN': '动态控制进度条变化', - 'en-US': 'dynamic-progress' - }, - desc: { - 'zh-CN': '通过设置percentage动态控制进度条变化
button click
' - }, - codeFiles: ['dynamic-progress.vue'] - }, - { - demoId: 'width', - name: { - 'zh-CN': '环形进度条画布宽度', - 'en-US': 'width' - }, - desc: { - 'zh-CN': - '通过设置width属性设置环形进度条画布宽度（只在type 为 circle 或 dashboard 时可用）。
button click
' - }, - codeFiles: ['width.vue'] - } - ], - types: [ - { - name: 'IColorItem', - type: 'type', - code: ` -interface IColorItem { - color: string - percentage: number -} -` - } - ] -} diff --git a/examples/sites/demos/mobile/app/progress/width.vue b/examples/sites/demos/mobile/app/progress/width.vue deleted file mode 100644 index 41a81d0bb0..0000000000 --- a/examples/sites/demos/mobile/app/progress/width.vue +++ /dev/null @@ -1,16 +0,0 @@ - -刷新
-刷新
-刷新
-刷新
-刷新
-刷新
-刷新
-刷新
-刷新
-刷新
-是否禁用下拉刷新
', - 'en-US': 'disablde pull down' - }, - demoId: 'disabled-pull-down' - }, - { - name: 'disabled-pull-up', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否禁用上拉
', - 'en-US': 'disablded pull up' - }, - demoId: 'disabled-pull-up' - }, - { - name: 'has-more', - type: 'boolean', - defaultValue: 'true', - desc: { - 'zh-CN': '是否有更多数据
', - 'en-US': 'has more' - }, - demoId: 'has-more' - }, - { - name: 'loosing-text', - type: 'string', - defaultValue: '释放即可刷新', - desc: { - 'zh-CN': '下拉高度大于等于head-height时的提示文字，默认为：释放即可刷新
', - 'en-US': 'display different button' - }, - demoId: 'loosing-text' - }, - { - name: 'pull-down-loading-text', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '下拉加载文字
', - 'en-US': 'pull down loading text' - }, - demoId: 'pulling-text' - }, - { - name: 'pull-up-distance', - type: 'number', - defaultValue: '18', - desc: { - 'zh-CN': '触发上拉刷新的距离
', - 'en-US': 'pull up distance' - }, - demoId: 'pull-up-distance' - }, - { - name: 'pull-up-loading-text', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '上拉加载文字
', - 'en-US': 'pull up loading text' - }, - demoId: 'pulling-text' - }, - { - name: 'v-model', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否刷新状态，可以手动设置false来关闭刷新
', - 'en-US': 'is refreshing' - }, - demoId: 'base' - } - ], - events: [ - { - name: 'pull-down', - type: '(event: PullEvent) => void', - defaultValue: '', - desc: { - 'zh-CN': '下拉时触发的事件
', - 'en-US': 'Click' - }, - demoId: 'event' - }, - { - name: 'pull-up', - type: '(event: PullEvent) => void', - defaultValue: '', - desc: { - 'zh-CN': '上拉时触发的事件
', - 'en-US': 'Click' - }, - demoId: 'event' - } - ], - methods: [], - slots: [ - { - name: 'footer', - defaultValue: '', - desc: { - 'zh-CN': '上拉加载更多插槽
', - 'en-US': 'pull up slot' - }, - demoId: 'pull-refresh-slot' - }, - { - name: 'header', - defaultValue: '', - desc: { - 'zh-CN': '下拉刷新插槽
', - 'en-US': 'pull down slot' - }, - demoId: '' - } - ] - }, - { - name: 'pull-refresh', - type: 'component', - props: [], - events: [], - methods: [], - slots: [] - } - ], - demos: [ - { - demoId: 'base', - name: { - 'zh-CN': '基础用法', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '基础用法
', - 'en-US': 'button type
' - }, - codeFiles: ['base.vue'] - }, - { - demoId: 'animation-duration', - name: { - 'zh-CN': '弹回动画所用的时间', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '下拉可刷新的弹回动画时间
', - 'en-US': 'button type
' - }, - codeFiles: ['animation-duration.vue'] - }, - { - demoId: 'disabled-pull-down', - name: { - 'zh-CN': '禁用下拉刷新', - 'en-US': 'button round' - }, - desc: { - 'zh-CN': '禁用下拉刷新
', - 'en-US': 'disabled pull down
' - }, - codeFiles: ['disabled-pull-down.vue'] - }, - { - demoId: 'disabled-pull-up', - name: { - 'zh-CN': '禁用上拉刷新', - 'en-US': 'disabled pull up' - }, - desc: { - 'zh-CN': '禁用上拉刷新
', - 'en-US': 'disabled pull up
' - }, - codeFiles: ['disabled-pull-up.vue'] - }, - { - demoId: 'has-more', - name: { - 'zh-CN': '没有更多数据', - 'en-US': 'no more' - }, - desc: { - 'zh-CN': '没有更多数据
', - 'en-US': 'no more
' - }, - codeFiles: ['has-more.vue'] - }, - { - demoId: 'loosing-text', - name: { - 'zh-CN': '可以触发下拉刷新的提示文字', - 'en-US': 'loosing-text' - }, - desc: { - 'zh-CN': '可以触发下拉刷新的提示文字
', - 'en-US': '
loosing text
' - }, - codeFiles: ['loosing-text.vue'] - }, - { - demoId: 'pull-refresh-slot', - name: { - 'zh-CN': '插槽', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '插槽
', - 'en-US': '
slot
' - }, - codeFiles: ['pull-refresh-slot.vue'] - }, - { - demoId: 'pull-up-distance', - name: { - 'zh-CN': '上拉触发加载的距离', - 'en-US': 'pull up distance' - }, - desc: { - 'zh-CN': '上拉触发加载的距离
', - 'en-US': '
pull up distanc
' - }, - codeFiles: ['pull-up-distance.vue'] - }, - { - demoId: 'pulling-text', - name: { - 'zh-CN': '加载状态文字', - 'en-US': 'pulling text' - }, - desc: { - 'zh-CN': '加载状态文字
', - 'en-US': '
pulling text
' - }, - codeFiles: ['pulling-text.vue'] - }, - { - demoId: '刷新事件', - name: { - 'zh-CN': '刷新事件', - 'en-US': 'refresh event' - }, - desc: { - 'zh-CN': '刷新事件
', - 'en-US': '
refresh event
' - }, - codeFiles: ['event.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/radio/base.vue b/examples/sites/demos/mobile/app/radio/base.vue deleted file mode 100644 index 05f9d17d9b..0000000000 --- a/examples/sites/demos/mobile/app/radio/base.vue +++ /dev/null @@ -1,21 +0,0 @@ - -默认
-禁用
-默认
-{{ text }}
-默认
-绑定值，该属性默认为{}
', - 'en-US': 'display different button' - }, - demoId: 'base' - } - ], - events: [ - { - name: 'change', - type: '(value: boolean | number | string) => void', - defaultValue: '', - desc: { - 'zh-CN': '绑定值变化时触发的事件', - 'en-US': 'Event triggered when the binding value changes' - }, - demoId: 'event' - } - ], - methods: [], - slots: [ - { - name: 'default', - type: '', - defaultValue: '', - desc: { - 'zh-CN': 'radio 的默认插槽', - 'en-US': 'Radio default slot' - }, - demoId: '' - } - ] - }, - { - name: 'radio-group', - type: 'component', - props: [], - events: [], - methods: [], - slots: [] - }, - { - name: 'radio-button', - type: 'component', - props: [], - events: [], - methods: [], - slots: [] - } - ], - demos: [ - { - demoId: 'base', - name: { - 'zh-CN': '基础展示', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '基础展示
', - 'en-US': 'button type
' - }, - codeFiles: ['base.vue'] - }, - { - demoId: 'disabled', - name: { - 'zh-CN': '禁用状态', - 'en-US': 'disabled' - }, - desc: { - 'zh-CN': '禁用
', - 'en-US': 'disabled
' - }, - codeFiles: ['disabled.vue'] - }, - { - demoId: 'label', - name: { - 'zh-CN': '自定义label', - 'en-US': 'custom label' - }, - desc: { - 'zh-CN': '自定义label
', - 'en-US': 'custom label
' - }, - codeFiles: ['label.vue'] - }, - { - demoId: 'event', - name: { - 'zh-CN': '选中状态事件', - 'en-US': 'event' - }, - desc: { - 'zh-CN': '事件
', - 'en-US': 'event
' - }, - codeFiles: ['event.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/search/base.vue b/examples/sites/demos/mobile/app/search/base.vue deleted file mode 100644 index 841d1cc117..0000000000 --- a/examples/sites/demos/mobile/app/search/base.vue +++ /dev/null @@ -1,70 +0,0 @@ - -自定义搜索框按钮的文本内容，默认是‘搜索’
', - 'en-US': 'display different button' - }, - demoId: 'button-text' - }, - { - name: 'placeholder', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '搜索输入框内的提示占位文本', - 'en-US': 'Search for prompt placeholder text in the input box' - }, - demoId: 'button-text' - }, - { - name: 'search-types', - typeAnchorName: 'ITypeValue', - type: 'ITypeValue[]', - defaultValue: '[]', - desc: { - 'zh-CN': '搜索类型的选项列表', - 'en-US': 'List of options for search types' - }, - demoId: 'default-value' - }, - { - name: 'themeType', - type: 'string', - defaultValue: 'primary', - desc: { - 'zh-CN': '配置主题色，primary:蓝 gray:灰
', - 'en-US': 'display different button' - }, - demoId: 'base' - }, - { - name: 'v-model/value', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '设置搜索输入框内的默认搜索值
', - 'en-US': 'display different button' - }, - demoId: 'default-value' - } - ], - events: [ - { - name: 'change', - typeAnchorName: 'ITypeValue', - type: '(value: ITypeValue, input: string) => void', - defaultValue: '', - desc: { - 'zh-CN': '输入完成时触发的回调函数； value 为搜索类型，input 为当前输入值', - 'en-US': - 'The callback function triggered upon input completion; value is the search type, input is the current input value' - }, - demoId: 'events' - }, - { - name: 'clear', - type: '() => void', - defaultValue: '', - desc: { - 'zh-CN': '清空值触发的回调函数', - 'en-US': 'Callback function triggered by clearing values' - }, - demoId: 'clear' - }, - { - name: 'search', - typeAnchorName: 'ITypeValue', - type: '(value: ITypeValue, input: string) => void', - defaultValue: '', - desc: { - 'zh-CN': '展开模式下，点击搜索按钮时触发的回调函数； value 为搜索类型，input 为当前输入值', - 'en-US': - 'The callback function triggered when clicking the search button in expansion mode; value is the search type, input is the current input value' - }, - demoId: 'events' - }, - { - name: 'select', - typeAnchorName: 'ITypeValue', - type: '(value: ITypeValue) => void', - defaultValue: '', - desc: { - 'zh-CN': '切换类型时触发的回调函数； value 为搜索类型', - 'en-US': 'The callback function triggered when switching types; value is a search type' - }, - demoId: 'clear' - } - ], - methods: [], - slots: [ - { - name: 'default', - defaultValue: '', - desc: { - 'zh-CN': '自定义搜索框右侧内容
', - 'en-US': 'Click' - }, - demoId: '' - } - ] - } - ], - demos: [ - { - demoId: 'base', - name: { - 'zh-CN': '基础用法', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '基础用法
', - 'en-US': 'button type
' - }, - codeFiles: ['base.vue'] - }, - { - demoId: 'button-text', - name: { - 'zh-CN': '自定义搜索按钮文本', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '自定义搜索按钮文本
', - 'en-US': 'button type
' - }, - codeFiles: ['button-text.vue'] - }, - { - demoId: 'clear', - name: { - 'zh-CN': '清除事件', - 'en-US': 'button round' - }, - desc: { - 'zh-CN': '清除事件
', - 'en-US': 'button round
' - }, - codeFiles: ['clear.vue'] - }, - { - demoId: 'default-value', - name: { - 'zh-CN': '默认搜索', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '默认搜索
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['default-value.vue'] - }, - { - demoId: 'events', - name: { - 'zh-CN': '事件', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '事件
', - 'en-US': 'bbutton click
' - }, - codeFiles: ['events.vue'] - } - ], - types: [ - { - name: 'ITypeValue', - type: 'interface', - code: ` -interface ITypeValue { - text: string - value: number -}` - } - ] -} diff --git a/examples/sites/demos/mobile/app/slider/about-step.vue b/examples/sites/demos/mobile/app/slider/about-step.vue deleted file mode 100644 index ebdb3797d3..0000000000 --- a/examples/sites/demos/mobile/app/slider/about-step.vue +++ /dev/null @@ -1,38 +0,0 @@ - -滑块
-滑块
-滑块
-滑块
-滑块
-滑块
-滑块
-滑块
-滑块
-滑块
-滑块
-滑块
-滑块
-是否为范围选择
', - 'en-US': 'display different button' - }, - demoId: '' - }, - { - name: 'show-input', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否显示输入框', - 'en-US': 'Indicates whether to display the text box.' - }, - demoId: 'show-input' - }, - { - name: 'show-tip', - type: 'boolean', - defaultValue: 'true', - desc: { - 'zh-CN': '是否显示 tooltip', - 'en-US': 'Whether to display tooltip' - }, - demoId: 'show-tip' - }, - { - name: 'step', - type: 'number', - defaultValue: '1', - desc: { - 'zh-CN': '设置滑块移动时，每步位移距离，必需是大于0的正整数', - 'en-US': - 'Displacement distance of each step when the slider moves. The value must be a positive integer greater than 0' - }, - demoId: 'about-step' - }, - { - name: 'value', - type: 'Number | Array', - defaultValue: '', - desc: { - 'zh-CN': '设置单滑块的当前值，必需是整数或数组。
', - 'en-US': 'display different button' - }, - demoId: '' - }, - { - name: 'vertical', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '是否竖向模式', - 'en-US': 'Whether the vertical mode is used' - }, - demoId: 'vertical-mode' - } - ], - events: [ - { - name: 'change', - type: '(value: number | [number, number]) => void', - defaultValue: '', - desc: { - 'zh-CN': '值改变时触发（使用鼠标拖曳时，只在松开鼠标后触发）', - 'en-US': - 'Triggered when the value changes (When you drag the mouse, it is triggered only after you release the mouse).' - }, - demoId: 'slider-event-change' - }, - { - name: 'start', - type: '(event: Event, value: number | [number, number]) => void', - defaultValue: '', - desc: { - 'zh-CN': '设置滑块滑动开始时，触发该事件', - 'en-US': 'This event is triggered when the slider starts to slide.' - }, - demoId: 'slider-event-start' - }, - { - name: 'stop', - type: '(value: number | [number, number]) => void', - defaultValue: '', - desc: { - 'zh-CN': '设置滑块滑动结束时，触发该事件', - 'en-US': 'This event is triggered when the slider sliding ends. ' - }, - demoId: 'slider-event-stop' - } - ], - methods: [], - slots: [ - { - name: 'default', - type: '', - defaultValue: '', - desc: { - 'zh-CN': '显示滑块值的插槽，仅仅 v-model 是单数值时才有效，插槽参数为：slotArg: { slotScope: number }', - 'en-US': - 'Slot for displaying slider values, valid only if v-model is a single value. Slot parameters are: slotArg: {slotScope: number}' - }, - demoId: '' - } - ] - } - ], - demos: [ - { - demoId: 'about-step', - name: { - 'zh-CN': '步长', - 'en-US': 'step length' - }, - desc: { - 'zh-CN': '通过设置step来配置滑块滑动的步长。
Configure the step size of slider sliding by settingstep.
通过设置属性disabled,设置滑动滑块禁止滑动。
By setting the attributedisabled, set the slider to prevent sliding.
通过设置min max来设置滑块取值范围。
Set the slider value range by setting min max
通过v-model为数组 设定初始范围选择。
Set the initial range selection for the array using v-model
通过num-pages属性设置总步数，即按快捷键 PageDown/PageUp 时，每次移动的距离是(最大值-最小值)/分页数。
num pagesproperty, which means that when pressing the shortcut keys PageDown/PageUp, the distance moved each time is (maximum - minimum) divided by the number of pages.'
- },
- codeFiles: ['shortcut-operation.vue']
- },
- {
- demoId: 'format-tooltip',
- name: {
- 'zh-CN': '格式化',
- 'en-US': 'format'
- },
- desc: {
- 'zh-CN': '通过format-tooltip属性设置value。
Set the value through theformat tooltipattribute.
通过配置show-input开启滑块输入框模式。
Enable slider input box mode by configuringshow input.
通过设定show-tip="false"，关闭滑块提示。(默认开启)
Turn off slider prompts by settingshow-tip="false". (default enabled)
通过设置change事件滑块值改变。
By setting thechangeevent slider value to change.
通过设置start事件滑块开始滑动。
Start sliding events by setting thestart slider
通过设置stop滑块停止滑动。
Stop the sliding event by setting thestop slider.
自定义插槽
', - 'en-US': 'Custom Slot
' - }, - codeFiles: ['slider-slot.vue'] - }, - { - demoId: 'vertical-mode', - name: { - 'zh-CN': '竖向模式', - 'en-US': 'Vertical mode' - }, - desc: { - 'zh-CN': - '通过设置vertical属性来展示滑块竖向模式（不设置，默认为横向模式）
竖向模式可以通过height设置组件高度
Display the slider vertical mode by setting theverticalattribute (no setting, default is horizontal mode)
Vertical mode can be set byheightto set the component height.
默认
-不可用-开
-不可用-关
-默认
-加载状态
-加载状态-小尺寸
-小尺寸
-绑定值
', - 'en-US': 'display different button' - }, - demoId: 'base' - } - ], - events: [ - { - name: 'change', - type: '(value: boolean | string | number) => void', - defaultValue: '', - desc: { - 'zh-CN': 'switch 状态发生变化时的回调函数', - 'en-US': 'Callback function for switch changes' - }, - demoId: 'event' - } - ], - methods: [], - slots: [] - } - ], - demos: [ - { - demoId: 'base', - name: { - 'zh-CN': '基础用法', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '基础用法
', - 'en-US': 'base
' - }, - codeFiles: ['base.vue'] - }, - { - demoId: 'disabled', - name: { - 'zh-CN': '状态不可用', - 'en-US': 'disabled' - }, - desc: { - 'zh-CN': '状态不可用
', - 'en-US': 'disabled
' - }, - codeFiles: ['disabled.vue'] - }, - { - demoId: 'loading', - name: { - 'zh-CN': '加载状态', - 'en-US': 'loading' - }, - desc: { - 'zh-CN': '加载中状态
', - 'en-US': 'loading
' - }, - codeFiles: ['loading.vue'] - }, - { - demoId: 'mini', - name: { - 'zh-CN': '小尺寸', - 'en-US': 'mini' - }, - desc: { - 'zh-CN': '小尺寸
', - 'en-US': 'mini
' - }, - codeFiles: ['mini.vue'] - }, - { - demoId: 'event', - name: { - 'zh-CN': '开关状态改变事件', - 'en-US': 'switch status event' - }, - desc: { - 'zh-CN': '开关的状态改变事件
', - 'en-US': 'switch status event
' - }, - codeFiles: ['event.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/tabbar/active-inactive-color.vue b/examples/sites/demos/mobile/app/tabbar/active-inactive-color.vue deleted file mode 100644 index c50d0cedf3..0000000000 --- a/examples/sites/demos/mobile/app/tabbar/active-inactive-color.vue +++ /dev/null @@ -1,22 +0,0 @@ - - - - - diff --git a/examples/sites/demos/mobile/app/tabbar/badge.vue b/examples/sites/demos/mobile/app/tabbar/badge.vue deleted file mode 100644 index f320803e46..0000000000 --- a/examples/sites/demos/mobile/app/tabbar/badge.vue +++ /dev/null @@ -1,22 +0,0 @@ - - - - - diff --git a/examples/sites/demos/mobile/app/tabbar/base.vue b/examples/sites/demos/mobile/app/tabbar/base.vue deleted file mode 100644 index 9ff2e47b62..0000000000 --- a/examples/sites/demos/mobile/app/tabbar/base.vue +++ /dev/null @@ -1,63 +0,0 @@ - - - - - - - diff --git a/examples/sites/demos/mobile/app/tabbar/border.vue b/examples/sites/demos/mobile/app/tabbar/border.vue deleted file mode 100644 index d8d36342d7..0000000000 --- a/examples/sites/demos/mobile/app/tabbar/border.vue +++ /dev/null @@ -1,20 +0,0 @@ - -选中标签的颜色
', - 'en-US': 'display different button' - }, - demoId: 'active-inactive-color' - }, - { - name: 'border', - type: 'boolean', - defaultValue: '', - desc: { - 'zh-CN': '是否显示外边框，该属性默认为true
', - 'en-US': 'display different button' - }, - demoId: 'border' - }, - { - name: 'fixed', - type: 'Boolen', - defaultValue: '', - desc: { - 'zh-CN': '是否固定在底部，该属性默认为true
', - 'en-US': 'display different button' - }, - demoId: 'border' - }, - { - name: 'inactive-color', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '未选中标签的颜色
', - 'en-US': 'display different button' - }, - demoId: 'active-inactive-color' - }, - { - name: 'route', - type: 'boolean', - defaultValue: '', - desc: { - 'zh-CN': '是否开启路由模式，该属性默认为false
', - 'en-US': 'display different button' - }, - demoId: 'route' - }, - { - name: 'z-index', - type: 'Number | String', - defaultValue: '', - desc: { - 'zh-CN': '元素 z-index
', - 'en-US': 'display different button' - }, - demoId: 'border' - } - ], - events: [ - { - name: 'change', - type: 'Function()', - defaultValue: '', - desc: { - 'zh-CN': '切换标签时触发,value: 当前选中标签的名称或索引值
', - 'en-US': 'Click' - }, - demoId: 'event-change' - } - ], - methods: [], - slots: [ - { - name: 'icon', - defaultValue: '', - desc: { - 'zh-CN': '自定义图标
', - 'en-US': 'Click' - }, - demoId: 'slot-icon' - } - ] - }, - { - name: 'TabbarItem', - type: 'component', - props: [], - events: [], - methods: [], - slots: [] - } - ], - demos: [ - { - demoId: 'onlytext', - name: { - 'zh-CN': '纯文本', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '纯文本标签
', - 'en-US': 'button type
' - }, - codeFiles: ['onlytext.vue'] - }, - { - demoId: 'active-inactive-color', - name: { - 'zh-CN': '自定义颜色', - 'en-US': 'button round' - }, - desc: { - 'zh-CN': '自定义颜色
', - 'en-US': 'button round
' - }, - codeFiles: ['active-inactive-color.vue'] - }, - { - demoId: 'badge', - name: { - 'zh-CN': '徽标提示', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '徽标提示
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['badge.vue'] - }, - { - demoId: 'border', - name: { - 'zh-CN': '无边框', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '无边框
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['border.vue'] - }, - { - demoId: 'event-change', - name: { - 'zh-CN': '切换事件', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '切换事件
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['event-change.vue'] - }, - { - demoId: 'route', - name: { - 'zh-CN': '路由跳转', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '路由跳转
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['route.vue'] - }, - { - demoId: 'slot-icon', - name: { - 'zh-CN': '自定义图标', - 'en-US': 'events' - }, - desc: { - 'zh-CN': '自定义图标
', - 'en-US': '
bbutton click
' - }, - codeFiles: ['slot-icon.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/table/base.vue b/examples/sites/demos/mobile/app/table/base.vue deleted file mode 100644 index 5731c0db1d..0000000000 --- a/examples/sites/demos/mobile/app/table/base.vue +++ /dev/null @@ -1,160 +0,0 @@ - -列数据
', - 'en-US': 'display different button' - }, - demoId: 'base' - }, - { - name: 'data', - type: '[]', - defaultValue: '', - desc: { - 'zh-CN': '表格数据
', - 'en-US': 'display different button' - }, - demoId: 'base' - }, - { - name: 'defaultChecked', - type: '[]', - defaultValue: '', - desc: { - 'zh-CN': '默认选中项
', - 'en-US': 'display different button' - }, - demoId: 'base' - }, - { - name: 'keys', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '数据标识
', - 'en-US': 'display different button' - }, - demoId: 'base' - }, - { - name: 'width', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '表格宽度
', - 'en-US': 'display different button' - }, - demoId: 'base' - } - ], - events: [], - methods: [], - slots: [] - } - ], - demos: [ - { - demoId: 'base', - name: { - 'zh-CN': '基础用法', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '基础用法
', - 'en-US': 'button type
' - }, - codeFiles: ['base.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/tabs/active-color.vue b/examples/sites/demos/mobile/app/tabs/active-color.vue deleted file mode 100644 index 385bd8d105..0000000000 --- a/examples/sites/demos/mobile/app/tabs/active-color.vue +++ /dev/null @@ -1,18 +0,0 @@ - -1. 动态增加页签
-2. 动态删除页签
-Tabs ：通过 v-model 设置选中的页签项，对应 TabItem 页签项中 name 属性的值；TabItem ：通过 title 设置页签项标题， name 设置页签项的值，disabled 设置页签项禁用，默认插槽自定义对应的内容。 Tabs :Set the selected tag item through the v-model , corresponding to the value of the name attribute in the TabItem tag item;
\n TabItem :Set the label item title through title .nameSet the value of tab items.disabledSet tab items to be disabled.Customize the corresponding content for the default slot.
active-color 设置当前页签的字体色。',
- 'en-US': 'Specify the font color of the current label using the active-color property.'
- },
- codeFiles: ['active-color.vue']
- },
- {
- demoId: 'size',
- name: {
- 'zh-CN': '页签尺寸',
- 'en-US': 'Tab Size'
- },
- desc: {
- 'zh-CN': '通过 size 设置当前页签的字体色。',
- 'en-US': 'Set the font color of the current tag using the size attribute.'
- },
- codeFiles: ['size.vue']
- },
- {
- demoId: 'before-leave',
- name: {
- 'zh-CN': '切换页签钩子函数',
- 'en-US': 'Change Tab Hook'
- },
- desc: {
- 'zh-CN':
- '通过 before-leave 钩子函数处理切换页签项前的逻辑，若返回是 false 或 Promise.reject ，则阻止切换，返回 true 则可以切换。',
- 'en-US':
- 'Use the before-leave hook function to handle the logic before switching label items. If false or Promise.reject is returned, the switch is blocked, and if true is returned, the switch can be made.'
- },
- codeFiles: ['before-leave.vue']
- },
- {
- demoId: 'swipe',
- name: {
- 'zh-CN': '滑动内容切换页签',
- 'en-US': 'Slide Content to Switch Tabs'
- },
- desc: {
- 'zh-CN': '通过 swipeable 属性设置滑动内容是否切换页签。',
- 'en-US': 'Set whether swiping changes the selected tab through the swipeable attribute.'
- },
- codeFiles: ['swipe.vue']
- },
- {
- demoId: 'stretch',
- name: {
- 'zh-CN': '自动撑宽',
- 'en-US': 'Automatic widening'
- },
- desc: {
- 'zh-CN': '通过 stretch 设置页签项的宽度是否自撑开，默认为 false 。',
- 'en-US':
- 'Set whether the width of the label item is self expanding by stretch , and the default is false.'
- },
- codeFiles: ['stretch.vue']
- },
- {
- demoId: 'add-delete-tab',
- name: {
- 'zh-CN': '动态增减页签',
- 'en-US': 'Dynamic Addition of Tabs'
- },
- desc: {
- 'zh-CN':
- '通过 with-add 打开添加按钮，并监听 add 事件自定义实现添加页签项的逻辑；
with-close 显示删除按钮，并监听 close 事件自定义实现添加页签项的逻辑。',
- 'en-US':
- 'Open the add button through with-add and listen for the add event to customize the logic for adding tag items.
Show the delete button through with-close and listen for the close event to customize the logic for closing tag items.
:show-expand-tabs="true" 显示展开按钮，点击后展开全部页签功能。',
- 'en-US':
- 'When there are too many tabs to display at once, you can use the :show-expand-tabs="true" attribute to show an expand button. Clicking on this button will expand and display all tabs.'
- },
- codeFiles: ['expand.vue']
- },
- {
- demoId: 'tabs-events',
- name: {
- 'zh-CN': '点击事件',
- 'en-US': ' Click Event'
- },
- desc: {
- 'zh-CN': '通过 click 监听点击页签事件。',
- 'en-US': 'Listen for click events on tab buttons using the click event.'
- },
- codeFiles: ['tabs-events.vue']
- }
- ]
-}
diff --git a/examples/sites/demos/mobile/app/tag/basic-usage.vue b/examples/sites/demos/mobile/app/tag/basic-usage.vue
deleted file mode 100644
index adb7aa9be9..0000000000
--- a/examples/sites/demos/mobile/app/tag/basic-usage.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-
- 设置步骤条的选中步骤
', - 'en-US': 'Is show right text' - }, - demoId: 'different-data' - }, - { - name: 'data', - type: 'Array', - defaultValue: '', - desc: { - 'zh-CN': '设置时间线步骤条数据', - 'en-US': 'data' - }, - demoId: 'different-data' - }, - { - name: 'horizontal', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '
是否为横向步骤条
', - 'en-US': 'Is show right text' - }, - demoId: '' - }, - { - name: 'name-field', - type: 'string', - defaultValue: 'name', - desc: { - 'zh-CN': '设置节点信息中名称对应的字段名
', - 'en-US': 'Is show left arrow' - }, - demoId: 'different-data' - }, - { - name: 'reverse', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '设置竖向步骤条的方向
', - 'en-US': 'Is show right text' - }, - demoId: 'mobileTimeLine' - }, - { - name: 'show-number', - type: 'boolean', - defaultValue: 'true', - desc: { - 'zh-CN': '设置未完成的状态是否显示序号', - 'en-US': 'data' - }, - demoId: 'different-data' - }, - { - name: 'showStatus', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '
是否展示状态文字
', - 'en-US': 'Is show right text' - }, - demoId: '' - }, - { - name: 'space', - type: 'number', - defaultValue: '', - desc: { - 'zh-CN': '设置步骤条的宽度
', - 'en-US': 'Is show right arrow' - }, - demoId: 'space' - }, - { - name: 'start', - type: 'start', - defaultValue: '1', - desc: { - 'zh-CN': '设置步骤条序号起始值
', - 'en-US': 'Is show left arrow' - }, - demoId: '' - }, - { - name: 'time-field', - type: 'string', - defaultValue: 'time', - desc: { - 'zh-CN': '设置节点时间信息对应的字段名
', - 'en-US': 'Is show right text' - }, - demoId: 'different-data' - }, - { - name: 'vertical', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '竖式步骤条
', - 'en-US': 'Is show right text' - }, - demoId: 'steps' - } - ], - events: [ - { - name: 'click', - type: 'Function(arg1,arg2)', - defaultValue: '', - desc: { - 'zh-CN': '节点的点击事件;arguments: arg1:点击节点的下标, arg2:{ name: 节点名称, time: 时间 }
', - 'en-US': 'Click' - }, - demoId: 'mobileTimeLine' - } - ], - methods: [], - slots: [ - { - name: 'bottom', - defaultValue: '', - desc: { - 'zh-CN': '定义横向步骤条底部
', - 'en-US': 'Click' - }, - demoId: '' - }, - { - name: 'conternt', - defaultValue: '', - desc: { - 'zh-CN': '定义竖向步骤条内容
', - 'en-US': 'Click' - }, - demoId: '' - }, - { - name: 'header', - defaultValue: '', - desc: { - 'zh-CN': '定义竖向步骤条头部内容
', - 'en-US': 'Click' - }, - demoId: '' - }, - { - name: 'left', - defaultValue: '', - desc: { - 'zh-CN': '定义步骤条左侧内容
', - 'en-US': 'Click' - }, - demoId: 'slot' - }, - { - name: 'right', - defaultValue: '', - desc: { - 'zh-CN': '定义步骤条右侧内容
', - 'en-US': 'Click' - }, - demoId: 'slot' - }, - { - name: 'top', - defaultValue: '', - desc: { - 'zh-CN': '定义横向步骤条顶部
', - 'en-US': 'Click' - }, - demoId: '' - } - ] - } - ], - demos: [ - { - demoId: 'different-data', - name: { - 'zh-CN': '数据映射', - 'en-US': 'different data' - }, - desc: { - 'zh-CN': '数据映射
', - 'en-US': 'button type
' - }, - codeFiles: ['different-data.vue'] - }, - { - demoId: 'space', - name: { - 'zh-CN': '设置高度', - 'en-US': 'space' - }, - desc: { - 'zh-CN': '设置高度
', - 'en-US': 'button round
' - }, - codeFiles: ['space.vue'] - }, - { - demoId: 'slot', - name: { - 'zh-CN': '插槽', - 'en-US': 'slots' - }, - desc: { - 'zh-CN': '插槽
', - 'en-US': 'button click
' - }, - codeFiles: ['slot.vue'] - }, - { - demoId: 'steps', - name: { - 'zh-CN': '方向', - 'en-US': 'steps' - }, - desc: { - 'zh-CN': '方向
', - 'en-US': 'button click
' - }, - codeFiles: ['steps.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/toast/base.vue b/examples/sites/demos/mobile/app/toast/base.vue deleted file mode 100644 index 69ec0b9457..0000000000 --- a/examples/sites/demos/mobile/app/toast/base.vue +++ /dev/null @@ -1,20 +0,0 @@ - -展示的文本
', - 'en-US': 'display text' - }, - demoId: 'base' - }, - { - name: 'time', - type: 'number', - defaultValue: '2000', - desc: { - 'zh-CN': '展示持续时间，单位：ms
', - 'en-US': 'display times' - }, - demoId: 'base' - }, - { - name: 'type', - type: 'string', - defaultValue: 'text', - desc: { - 'zh-CN': '类型， text：纯文本 correct：成功 error：失败
', - 'en-US': 'type' - }, - demoId: 'base' - }, - { - name: 'zIndex', - type: 'number', - defaultValue: '100', - desc: { - 'zh-CN': '弹框层级
', - 'en-US': '' - }, - demoId: 'base' - } - ], - events: [], - methods: [ - { - name: 'timeout', - type: 'Function', - defaultValue: '', - desc: { - 'zh-CN': '消失前的回调
', - 'en-US': '' - }, - demoId: 'base' - } - ], - slots: [] - } - ], - demos: [ - { - demoId: 'base', - name: { - 'zh-CN': '基础用法', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '基础用法
', - 'en-US': 'button type
' - }, - codeFiles: ['base.vue'] - }, - { - demoId: 'success', - name: { - 'zh-CN': '成功样式', - 'en-US': 'success' - }, - desc: { - 'zh-CN': '成功提示
', - 'en-US': 'success
' - }, - codeFiles: ['success.vue'] - }, - { - demoId: 'failed', - name: { - 'zh-CN': '失败样式', - 'en-US': 'failed' - }, - desc: { - 'zh-CN': '失败提示
', - 'en-US': 'failed
' - }, - codeFiles: ['failed.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/app/user-head/basic-usage.vue b/examples/sites/demos/mobile/app/user-head/basic-usage.vue deleted file mode 100644 index 470ac3de15..0000000000 --- a/examples/sites/demos/mobile/app/user-head/basic-usage.vue +++ /dev/null @@ -1,48 +0,0 @@ - -设置背景色
', - 'en-US': 'display different button' - }, - demoId: 'custom-background-color' - }, - { - name: 'color', - type: 'string', - defaultValue: "'#ffffff'", - desc: { - 'zh-CN': '文字颜色', - 'en-US': 'Text color' - }, - demoId: 'color' - }, - { - name: 'messageTotal', - type: 'number', - defaultValue: '', - desc: { - 'zh-CN': '右上角消息计数
', - 'en-US': 'display different button' - }, - demoId: 'message-count-limit' - }, - { - name: 'messageType', - type: 'string', - defaultValue: 'details', - desc: { - 'zh-CN': '右上角消息提醒类型，basic显示小圆点不显示消息数量
', - 'en-US': 'display different button' - }, - demoId: 'message-count-type' - }, - { - name: 'messageUpperLimit', - type: 'number', - defaultValue: '0', - desc: { - 'zh-CN': '右上角消息显示上限
', - 'en-US': 'display different button' - }, - demoId: 'message-count-limit' - }, - { - name: 'min', - type: 'boolean', - defaultValue: 'false', - desc: { - 'zh-CN': '小尺寸模式', - 'en-US': 'Small size mode' - }, - demoId: 'min-user-head' - }, - { - name: 'round', - type: 'boolean', - defaultValue: '', - desc: { - 'zh-CN': '圆形模式', - 'en-US': 'Circular mode' - }, - demoId: 'round-user-head' - }, - { - name: 'size', - type: 'number', - defaultValue: '', - desc: { - 'zh-CN': '设置头像尺寸
', - 'en-US': 'display different button' - }, - demoId: 'basic-usage' - }, - { - name: 'type', - type: 'string', - defaultValue: "'label'", - desc: { - 'zh-CN': '头像类型，icon|image|label 可选', - 'en-US': - 'Avatar type. The options are icon, image, and label. ;The value of this attribute can be icon / image / label' - }, - demoId: 'basic-usage' - }, - { - name: 'v-model/modelValue', - type: 'string', - defaultValue: '', - desc: { - 'zh-CN': '设type=icon 时为图标类名，type=label时为字体串，type=image时为资源路径
', - 'en-US': 'display different button' - }, - demoId: 'basic-usage' - } - ], - events: [], - methods: [], - slots: [ - { - name: 'default', - type: '', - defaultValue: '', - desc: { - 'zh-CN': '自定义图像内容', - 'en-US': 'Customized image content' - }, - demoId: 'round-user-head' - } - ] - } - ], - demos: [ - { - demoId: 'basic-usage', - name: { - 'zh-CN': '基础用法', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '基础用法
', - 'en-US': 'button type
' - }, - codeFiles: ['basic-usage.vue'] - }, - { - demoId: 'color', - name: { - 'zh-CN': '设置头像的颜色及背景色', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': - '当头像type设置为icon或label时，可以通过color属性设置颜色，通过background-color
button type
' - }, - codeFiles: ['color.vue'] - }, - { - demoId: 'custom-background-color', - name: { - 'zh-CN': '背景色', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '通过background-color
button type
' - }, - codeFiles: ['custom-background-color.vue'] - }, - { - demoId: 'custom-user-head-content', - name: { - 'zh-CN': '头像内容', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '直接设置头像显示的内容
', - 'en-US': 'button type
' - }, - codeFiles: ['custom-user-head-content.vue'] - }, - { - demoId: 'icon-user-head', - name: { - 'zh-CN': '设置头像为icon类型', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '设置头像为icon类型
', - 'en-US': 'button type
' - }, - codeFiles: ['icon-user-head.vue'] - }, - { - demoId: 'image-user-head', - name: { - 'zh-CN': '设置头像为图片类型', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '设置头像为图片类型
', - 'en-US': 'button type
' - }, - codeFiles: ['image-user-head.vue'] - }, - { - demoId: 'label-user-head', - name: { - 'zh-CN': '设置头像为文字类型', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '设置头像为文字类型
', - 'en-US': 'button type
' - }, - codeFiles: ['label-user-head.vue'] - }, - { - demoId: 'message-count-limit', - name: { - 'zh-CN': '消息提醒', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '设置头像右上角消息提醒
', - 'en-US': 'button type
' - }, - codeFiles: ['message-count-limit.vue'] - }, - { - demoId: 'message-count-total', - name: { - 'zh-CN': '总消息提醒数', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '总消息提醒数
', - 'en-US': 'button type
' - }, - codeFiles: ['message-count-total.vue'] - }, - { - demoId: 'message-count-type', - name: { - 'zh-CN': '消息提醒类型', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '消息提醒类型
', - 'en-US': 'button type
' - }, - codeFiles: ['message-count-type.vue'] - }, - { - demoId: 'min-user-head', - name: { - 'zh-CN': '小尺寸', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '小尺寸
', - 'en-US': 'button type
' - }, - codeFiles: ['min-user-head.vue'] - }, - { - demoId: 'round-user-head', - name: { - 'zh-CN': '圆形用户头像', - 'en-US': 'button type' - }, - desc: { - 'zh-CN': '圆形用户头像
', - 'en-US': 'button type
' - }, - codeFiles: ['round-user-head.vue'] - } - ] -} diff --git a/examples/sites/demos/mobile/config.js b/examples/sites/demos/mobile/config.js deleted file mode 100644 index ab99dae059..0000000000 --- a/examples/sites/demos/mobile/config.js +++ /dev/null @@ -1,13 +0,0 @@ -const map = { - tinyMode: 'tiny_mode' -} - -export default { - isMobile: true, - VITE_CONTEXT: '', - base: '', - prodBase: '', - initApp: (app) => { - app.config.globalProperties[map.tinyMode] = { value: 'pc' } - } -} diff --git a/examples/sites/demos/mobile/menus.js b/examples/sites/demos/mobile/menus.js deleted file mode 100644 index 62b70ef48a..0000000000 --- a/examples/sites/demos/mobile/menus.js +++ /dev/null @@ -1,121 +0,0 @@ -export const standaloneMenus = [ - { - label: '组件总览', - key: 'overview' - } -] - -export const docMenus = [ - { - label: '使用指南', - labelEn: 'Guide', - key: 'doc_use', - children: [ - { - title: '更新日志', - titleEn: 'Change Log', - key: 'changelog' - }, - { - title: '组件介绍', - titleEn: 'Introduce', - key: 'introduce' - }, - { - title: '引入组件', - titleEn: 'Import Component', - key: 'import' - }, - { - title: '切换模式', - titleEn: 'Switch Mode', - key: 'mode' - } - ] - } -] - -export const cmpMenus = [ - { - label: '导航组件', - labelEn: 'Navigation', - key: 'cmp_navigation', - children: [ - { name: 'Navbar', nameCn: '导航栏', key: 'navbar' }, - { name: 'Tabbar', nameCn: '标签栏', key: 'tabbar' }, - { name: 'DropdownMenu ', nameCn: '下拉菜单', key: 'dropdownmenu' }, - { name: 'Tabs', nameCn: '选项卡', key: 'tabs' }, - { name: 'TimeLine ', nameCn: '时间轴', key: 'timeline' }, - { name: 'IndexBar ', nameCn: '索引条', key: 'index-bar' } - ] - }, - { - label: '容器组件', - labelEn: 'Container', - key: 'cmp_container', - children: [ - { name: 'Dialog', nameCn: '对话框', key: 'dialog-box' }, - { name: 'Container', nameCn: '内容布局', key: 'container' } - ] - }, - { - label: '数据组件', - labelEn: 'Data', - key: 'cmp_data', - children: [ - { name: 'Table', nameCn: '表格', key: 'table' }, - { name: 'List', nameCn: '列表', key: 'list' }, - { name: 'Progress', nameCn: '进度条', key: 'progress' } - ] - }, - { - label: '表单组件', - labelEn: 'Form', - key: 'cmp_form', - children: [ - { name: 'Button', nameCn: '按钮', key: 'button' }, - { name: 'Form', nameCn: '表单', key: 'form' }, - { name: 'Checkbox', nameCn: '复选框', key: 'checkbox' }, - { name: 'Slider', nameCn: '滑块', key: 'slider' }, - { name: 'CheckboxGroup', nameCn: '复选框组', key: 'checkboxgroup' }, - { name: 'Input', nameCn: '输入框', key: 'input' }, - { name: 'Label', nameCn: '文本', key: 'label' }, - { name: 'Radio', nameCn: '单选', key: 'radio' }, - { name: 'Search', nameCn: '搜索框', key: 'search' }, - { name: 'Switch', nameCn: '开关', key: 'switch' }, - { name: 'Numeric', nameCn: '计数器 ', key: 'numeric' }, - { name: 'FileUpload', nameCn: '文件上传', key: 'file-upload' }, - { name: 'MultiSelect', nameCn: '下拉选择器', key: 'multi-select' } - ] - }, - { - label: '提示组件', - labelEn: 'Tooltip', - key: 'cmp_tooltip', - children: [ - { name: 'PullRefresh', nameCn: '下拉刷新', key: 'pull-refresh' }, - { name: 'Alert', nameCn: '提示', key: 'alert' }, - { name: 'Badge', nameCn: '徽章', key: 'badge' }, - { name: 'Loading', nameCn: '加载', key: 'loading' }, - { name: 'Modal', nameCn: '模态框', key: 'modal' }, - { name: 'Popover', nameCn: '气泡', key: 'popover' }, - { name: 'Toast', nameCn: '轻提示', key: 'toast' }, - { name: 'Mask', nameCn: '遮罩层', key: 'mask' } - ] - }, - { - label: '其它组件', - labelEn: 'Others', - key: 'cmp_others', - children: [ - { name: 'Exception', nameCn: '缺省页', key: 'exception' }, - { name: 'Avatar', nameCn: '头像', key: 'avatar' }, - { name: 'ImageViewer', nameCn: '图片预览', key: 'imageviewer' }, - { name: 'Icon', nameCn: '图标', key: 'icon' }, - { name: 'ActionSheet', nameCn: '上滑列表组件', key: 'actionsheet' }, - { name: 'MiniPicker', nameCn: 'mini选择器', key: 'minipicker' }, - { name: 'UserHead', nameCn: '用户头像', key: 'user-head' }, - { name: 'Tag', nameCn: '标签', key: 'tag' } - ] - } -] diff --git a/examples/sites/demos/mobile/overviewimage/actionsheet.svg b/examples/sites/demos/mobile/overviewimage/actionsheet.svg deleted file mode 100644 index 587cff8f9f..0000000000 --- a/examples/sites/demos/mobile/overviewimage/actionsheet.svg +++ /dev/null @@ -1,100 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/alert.svg b/examples/sites/demos/mobile/overviewimage/alert.svg deleted file mode 100644 index da1c09b1d1..0000000000 --- a/examples/sites/demos/mobile/overviewimage/alert.svg +++ /dev/null @@ -1,90 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/badge.svg b/examples/sites/demos/mobile/overviewimage/badge.svg deleted file mode 100644 index 34c72827f4..0000000000 --- a/examples/sites/demos/mobile/overviewimage/badge.svg +++ /dev/null @@ -1,101 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/button.svg b/examples/sites/demos/mobile/overviewimage/button.svg deleted file mode 100644 index 7e443c451b..0000000000 --- a/examples/sites/demos/mobile/overviewimage/button.svg +++ /dev/null @@ -1,106 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/buttongroup.svg b/examples/sites/demos/mobile/overviewimage/buttongroup.svg deleted file mode 100644 index 2dd081880f..0000000000 --- a/examples/sites/demos/mobile/overviewimage/buttongroup.svg +++ /dev/null @@ -1,138 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/checkbox.svg b/examples/sites/demos/mobile/overviewimage/checkbox.svg deleted file mode 100644 index e7e9d5ba1f..0000000000 --- a/examples/sites/demos/mobile/overviewimage/checkbox.svg +++ /dev/null @@ -1,118 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/checkboxgroup.svg b/examples/sites/demos/mobile/overviewimage/checkboxgroup.svg deleted file mode 100644 index eff6c46cb1..0000000000 --- a/examples/sites/demos/mobile/overviewimage/checkboxgroup.svg +++ /dev/null @@ -1,91 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/container.svg b/examples/sites/demos/mobile/overviewimage/container.svg deleted file mode 100644 index 054a19be5d..0000000000 --- a/examples/sites/demos/mobile/overviewimage/container.svg +++ /dev/null @@ -1,64 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/dev.svg b/examples/sites/demos/mobile/overviewimage/dev.svg deleted file mode 100644 index 84a980441c..0000000000 --- a/examples/sites/demos/mobile/overviewimage/dev.svg +++ /dev/null @@ -1,36 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/dialog-box.svg b/examples/sites/demos/mobile/overviewimage/dialog-box.svg deleted file mode 100644 index cce60542a4..0000000000 --- a/examples/sites/demos/mobile/overviewimage/dialog-box.svg +++ /dev/null @@ -1,108 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/dialogbox.svg b/examples/sites/demos/mobile/overviewimage/dialogbox.svg deleted file mode 100644 index cce60542a4..0000000000 --- a/examples/sites/demos/mobile/overviewimage/dialogbox.svg +++ /dev/null @@ -1,108 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/dropdownmenu.svg b/examples/sites/demos/mobile/overviewimage/dropdownmenu.svg deleted file mode 100644 index d66023eb97..0000000000 --- a/examples/sites/demos/mobile/overviewimage/dropdownmenu.svg +++ /dev/null @@ -1,104 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/exception.svg b/examples/sites/demos/mobile/overviewimage/exception.svg deleted file mode 100644 index 1884574d13..0000000000 --- a/examples/sites/demos/mobile/overviewimage/exception.svg +++ /dev/null @@ -1,82 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/file-upload.svg b/examples/sites/demos/mobile/overviewimage/file-upload.svg deleted file mode 100644 index 010feb0e00..0000000000 --- a/examples/sites/demos/mobile/overviewimage/file-upload.svg +++ /dev/null @@ -1,85 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/fileupload.svg b/examples/sites/demos/mobile/overviewimage/fileupload.svg deleted file mode 100644 index 010feb0e00..0000000000 --- a/examples/sites/demos/mobile/overviewimage/fileupload.svg +++ /dev/null @@ -1,85 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/form.svg b/examples/sites/demos/mobile/overviewimage/form.svg deleted file mode 100644 index ee55a9eab4..0000000000 --- a/examples/sites/demos/mobile/overviewimage/form.svg +++ /dev/null @@ -1,145 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/icon.svg b/examples/sites/demos/mobile/overviewimage/icon.svg deleted file mode 100644 index fcd0820e3e..0000000000 --- a/examples/sites/demos/mobile/overviewimage/icon.svg +++ /dev/null @@ -1,85 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/imageviewer.svg b/examples/sites/demos/mobile/overviewimage/imageviewer.svg deleted file mode 100644 index c406be8438..0000000000 --- a/examples/sites/demos/mobile/overviewimage/imageviewer.svg +++ /dev/null @@ -1,111 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/input.svg b/examples/sites/demos/mobile/overviewimage/input.svg deleted file mode 100644 index e9ba72ecf6..0000000000 --- a/examples/sites/demos/mobile/overviewimage/input.svg +++ /dev/null @@ -1,94 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/list.svg b/examples/sites/demos/mobile/overviewimage/list.svg deleted file mode 100644 index 0817caa964..0000000000 --- a/examples/sites/demos/mobile/overviewimage/list.svg +++ /dev/null @@ -1,128 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/loading.svg b/examples/sites/demos/mobile/overviewimage/loading.svg deleted file mode 100644 index 84d5f8a61e..0000000000 --- a/examples/sites/demos/mobile/overviewimage/loading.svg +++ /dev/null @@ -1,82 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/modal.svg b/examples/sites/demos/mobile/overviewimage/modal.svg deleted file mode 100644 index cce60542a4..0000000000 --- a/examples/sites/demos/mobile/overviewimage/modal.svg +++ /dev/null @@ -1,108 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/multi-select.svg b/examples/sites/demos/mobile/overviewimage/multi-select.svg deleted file mode 100644 index e7e9d5ba1f..0000000000 --- a/examples/sites/demos/mobile/overviewimage/multi-select.svg +++ /dev/null @@ -1,118 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/navbar.svg b/examples/sites/demos/mobile/overviewimage/navbar.svg deleted file mode 100644 index 5d41007d3f..0000000000 --- a/examples/sites/demos/mobile/overviewimage/navbar.svg +++ /dev/null @@ -1,98 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/nopic.svg b/examples/sites/demos/mobile/overviewimage/nopic.svg deleted file mode 100644 index c458e8b3e5..0000000000 --- a/examples/sites/demos/mobile/overviewimage/nopic.svg +++ /dev/null @@ -1,81 +0,0 @@ - - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/numeric.svg b/examples/sites/demos/mobile/overviewimage/numeric.svg deleted file mode 100644 index fcb6325849..0000000000 --- a/examples/sites/demos/mobile/overviewimage/numeric.svg +++ /dev/null @@ -1,86 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/popover.svg b/examples/sites/demos/mobile/overviewimage/popover.svg deleted file mode 100644 index 79008d5044..0000000000 --- a/examples/sites/demos/mobile/overviewimage/popover.svg +++ /dev/null @@ -1,65 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/progress.svg b/examples/sites/demos/mobile/overviewimage/progress.svg deleted file mode 100644 index 92cf20b044..0000000000 --- a/examples/sites/demos/mobile/overviewimage/progress.svg +++ /dev/null @@ -1,91 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/pull-refresh.svg b/examples/sites/demos/mobile/overviewimage/pull-refresh.svg deleted file mode 100644 index 84d5f8a61e..0000000000 --- a/examples/sites/demos/mobile/overviewimage/pull-refresh.svg +++ /dev/null @@ -1,82 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/radio.svg b/examples/sites/demos/mobile/overviewimage/radio.svg deleted file mode 100644 index 2abd731b31..0000000000 --- a/examples/sites/demos/mobile/overviewimage/radio.svg +++ /dev/null @@ -1,117 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/search.svg b/examples/sites/demos/mobile/overviewimage/search.svg deleted file mode 100644 index d6c3c1d492..0000000000 --- a/examples/sites/demos/mobile/overviewimage/search.svg +++ /dev/null @@ -1,112 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/slider.svg b/examples/sites/demos/mobile/overviewimage/slider.svg deleted file mode 100644 index 81127cf53e..0000000000 --- a/examples/sites/demos/mobile/overviewimage/slider.svg +++ /dev/null @@ -1,130 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/switch.svg b/examples/sites/demos/mobile/overviewimage/switch.svg deleted file mode 100644 index 1f15d28a86..0000000000 --- a/examples/sites/demos/mobile/overviewimage/switch.svg +++ /dev/null @@ -1,118 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/tabbar.svg b/examples/sites/demos/mobile/overviewimage/tabbar.svg deleted file mode 100644 index 5d41007d3f..0000000000 --- a/examples/sites/demos/mobile/overviewimage/tabbar.svg +++ /dev/null @@ -1,98 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/tabs.svg b/examples/sites/demos/mobile/overviewimage/tabs.svg deleted file mode 100644 index 5d41007d3f..0000000000 --- a/examples/sites/demos/mobile/overviewimage/tabs.svg +++ /dev/null @@ -1,98 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/tag.svg b/examples/sites/demos/mobile/overviewimage/tag.svg deleted file mode 100644 index 57f021441a..0000000000 --- a/examples/sites/demos/mobile/overviewimage/tag.svg +++ /dev/null @@ -1,59 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/timeline.svg b/examples/sites/demos/mobile/overviewimage/timeline.svg deleted file mode 100644 index 8a1587031d..0000000000 --- a/examples/sites/demos/mobile/overviewimage/timeline.svg +++ /dev/null @@ -1,180 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/overviewimage/user-head.svg b/examples/sites/demos/mobile/overviewimage/user-head.svg deleted file mode 100644 index 128a884fab..0000000000 --- a/examples/sites/demos/mobile/overviewimage/user-head.svg +++ /dev/null @@ -1,58 +0,0 @@ - - \ No newline at end of file diff --git a/examples/sites/demos/mobile/webdoc/changelog.md b/examples/sites/demos/mobile/webdoc/changelog.md deleted file mode 100644 index dc7b9ca667..0000000000 --- a/examples/sites/demos/mobile/webdoc/changelog.md +++ /dev/null @@ -1,38 +0,0 @@ -# 更新日志 - - -## v2.6.0/v3.6.0 - -`2023/03/30` - -### 📢 破坏性变更 - -- 无 - -### ✨ 新特性 - -- 【TimeLine 组件】增加内容插槽功能 -- 【TimeLine 组件】增加内容折叠功能 -- 【Exception 组件】增加自定义图片功能 -- 【PullRefresh 组件】增加上拉刷新功能 -- 【Tabs 组件】增加可展开的功能 -- 【Form 组件】增加label支撑文字超长自动换行功能 -- 【UserHead 组件】新增移动端UserHead组件 -- 【Popover 组件】新增移动端Popover组件 -- 【Table 组件】新增移动端Table组件 -- 【IndexBar 组件】新增移动端IndexBar组件 -- 【Multi-select 组件】新增移动端Multi-select组件 - - -### 🐞 缺陷修复 - -- 无 - -### 🚀 优化 - -- 【Button 组件】优化 Button 组件的移动端样式 -- 【Search 组件】优化 Search 组件的移动端样式 -- 【Action-sheet 组件】优化 Action-sheet 组件的滚动方式 -- 【Input 组件】优化type为select时，可下拉选择 - ---- \ No newline at end of file diff --git a/examples/sites/demos/mobile/webdoc/import.md b/examples/sites/demos/mobile/webdoc/import.md deleted file mode 100644 index 67dfa47e1b..0000000000 --- a/examples/sites/demos/mobile/webdoc/import.md +++ /dev/null @@ -1,87 +0,0 @@ - - -## 引入组件 - -`TinyVue` 支持多组件引入、单组件引入以及完整引入三种方式。 - -### 多组件引入（推荐） - -多组件引用即从依赖包 `@opentiny/vue` 中引用多个组件，参考示例如下（以 `Button` 和 `Alert` 组件为例）： - -```vue - -