diff --git a/components/editor/index.vue b/components/editor/index.vue index cc3b1e23..221e9cb1 100644 --- a/components/editor/index.vue +++ b/components/editor/index.vue @@ -1,5 +1,5 @@ + + diff --git a/src/countdown/example/index.vue b/src/countdown/example/index.vue new file mode 100644 index 00000000..0d07b594 --- /dev/null +++ b/src/countdown/example/index.vue @@ -0,0 +1,72 @@ + + + + + diff --git a/src/countdown/example/locale/en-US.ts b/src/countdown/example/locale/en-US.ts new file mode 100644 index 00000000..9980f9c1 --- /dev/null +++ b/src/countdown/example/locale/en-US.ts @@ -0,0 +1,11 @@ +export default { + basicUsage: 'Basic Usage', + customFormat: 'Custom Format', + showMillisecond: 'Show Millisecond', + customStyle: 'Custom Style', + manualControl: 'Manual Control', + format: 'DD Day, HH:mm:ss', + startText: 'Start', + pauseText: 'Pause', + resetText: 'Reset', +} diff --git a/src/countdown/example/locale/index.ts b/src/countdown/example/locale/index.ts new file mode 100644 index 00000000..e80e102a --- /dev/null +++ b/src/countdown/example/locale/index.ts @@ -0,0 +1,24 @@ +// lib +import _zhCN from '@varlet/ui/es/locale/zh-CN' +import _enCN from '@varlet/ui/es/locale/en-US' +// mobile example doc +import zhCN from './zh-CN' +import enUS from './en-US' +import { Locale } from '@varlet/ui' + +const { useLocale, use: _use, add: _add } = Locale +const { add, use: exampleUse, pack, packs, merge } = useLocale() + +const use = (lang: string) => { + _use(lang) + exampleUse(lang) +} + +export { add, pack, packs, merge, use } + +// lib +_add('zh-CN', _zhCN) +_add('en-US', _enCN) +// mobile example doc +add('zh-CN', zhCN as any) +add('en-US', enUS as any) diff --git a/src/countdown/example/locale/zh-CN.ts b/src/countdown/example/locale/zh-CN.ts new file mode 100644 index 00000000..75e1e1b5 --- /dev/null +++ b/src/countdown/example/locale/zh-CN.ts @@ -0,0 +1,11 @@ +export default { + basicUsage: '基本使用', + customFormat: '自定义格式', + showMillisecond: '显示毫秒', + customStyle: '自定义样式', + manualControl: '手动控制', + format: 'DD 天 HH 时 mm 分 ss 秒', + startText: '开始', + pauseText: '暂停', + resetText: '重置', +} diff --git a/src/space/docs/en-US.md b/src/space/docs/en-US.md new file mode 100644 index 00000000..1c065902 --- /dev/null +++ b/src/space/docs/en-US.md @@ -0,0 +1,5 @@ +# Space + +```vue +import Editor from '../example/Editor' +``` diff --git a/src/space/docs/zh-CN.md b/src/space/docs/zh-CN.md new file mode 100644 index 00000000..cf591a20 --- /dev/null +++ b/src/space/docs/zh-CN.md @@ -0,0 +1,5 @@ +# Space 间隔 + +```vue +import Editor from '../example/Editor' +``` diff --git a/src/space/example/Editor.vue b/src/space/example/Editor.vue new file mode 100644 index 00000000..b3564b05 --- /dev/null +++ b/src/space/example/Editor.vue @@ -0,0 +1,11 @@ + + + diff --git a/src/space/example/index.vue b/src/space/example/index.vue new file mode 100644 index 00000000..5b956866 --- /dev/null +++ b/src/space/example/index.vue @@ -0,0 +1,61 @@ + + + diff --git a/src/space/example/locale/en-US.ts b/src/space/example/locale/en-US.ts new file mode 100644 index 00000000..34b409f8 --- /dev/null +++ b/src/space/example/locale/en-US.ts @@ -0,0 +1,9 @@ +export default { + baseUse: 'Basic Use', + vertical: 'Vertical', + space: 'Space Size', + rightAlign: 'Right Align', + around: 'Space Around', + center: 'Align Center', + between: 'Space Between', +} diff --git a/src/space/example/locale/index.ts b/src/space/example/locale/index.ts new file mode 100644 index 00000000..ec22c7b7 --- /dev/null +++ b/src/space/example/locale/index.ts @@ -0,0 +1,25 @@ +// lib +import _zhCN from '@varlet/ui/es/locale/zh-CN' +import _enCN from '@varlet/ui/es/locale/en-US' +// mobile example doc +import zhCN from './zh-CN' +import enUS from './en-US' +import { Locale } from '@varlet/ui' + +const { useLocale, use: _use, add: _add } = Locale + +const { add, use: exampleUse, pack, packs, merge } = useLocale() + +const use = (lang: string) => { + _use(lang) + exampleUse(lang) +} + +export { add, pack, packs, merge, use } + +// lib +_add('zh-CN', _zhCN) +_add('en-US', _enCN) +// mobile example doc +add('zh-CN', zhCN as any) +add('en-US', enUS as any) diff --git a/src/space/example/locale/zh-CN.ts b/src/space/example/locale/zh-CN.ts new file mode 100644 index 00000000..043f9383 --- /dev/null +++ b/src/space/example/locale/zh-CN.ts @@ -0,0 +1,9 @@ +export default { + baseUse: '基本使用', + vertical: '垂直', + space: '间隙', + rightAlign: '靠右', + around: '环绕', + center: '居中', + between: '两端对齐', +} diff --git a/theme/light/countdown.ts b/theme/light/countdown.ts new file mode 100644 index 00000000..e09f71ab --- /dev/null +++ b/theme/light/countdown.ts @@ -0,0 +1,3 @@ +export default { + '--countdown-text-color': '#fff', +} diff --git a/theme/light/index.ts b/theme/light/index.ts index 8e9ff23d..474c3919 100644 --- a/theme/light/index.ts +++ b/theme/light/index.ts @@ -50,6 +50,8 @@ import paper from './paper' import avatar from './avatar' import link from './link' import fab from './fab' +import space from './space' +import countdown from './countdown' export default { common, @@ -104,4 +106,6 @@ export default { avatar, link, fab, + space, + countdown, } diff --git a/theme/light/space.ts b/theme/light/space.ts new file mode 100644 index 00000000..d7fff054 --- /dev/null +++ b/theme/light/space.ts @@ -0,0 +1,12 @@ +const SpaceTheme = { + '--space-size-mini-y': '4px', + '--space-size-mini-x': '4px', + '--space-size-small-y': '6px', + '--space-size-small-x': '6px', + '--space-size-normal-y': '8px', + '--space-size-normal-x': '12px', + '--space-size-large-y': '12px', + '--space-size-large-x': '20px', +} + +export default SpaceTheme diff --git a/varlet.config.mjs b/varlet.config.mjs index eaab8460..7e419c51 100644 --- a/varlet.config.mjs +++ b/varlet.config.mjs @@ -241,6 +241,14 @@ export default defineConfig({ doc: 'collapse', type: 2, }, + { + text: { + 'zh-CN': 'Space 间隔', + 'en-US': 'Space', + }, + doc: 'space', + type: 2, + }, { text: { 'zh-CN': 'Progress 进度条', @@ -462,6 +470,14 @@ export default defineConfig({ doc: 'loading-bar', type: 2, }, + { + text: { + 'zh-CN': 'Countdown 倒计时', + 'en-US': 'Countdown', + }, + doc: 'countdown', + type: 2, + }, { text: { 'zh-CN': 'Picker 多列选择器',