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 @@
+
+
+
+ {{ pack.basicUsage }}
+
+
+ {{ pack.customFormat }}
+
+
+ {{ pack.showMillisecond }}
+
+
+ {{ pack.customStyle }}
+
+
+ {{ timeData.hours }}
+ :
+ {{ timeData.minutes }}
+ :
+ {{ timeData.seconds }}
+
+
+
+ {{ pack.manualControl }}
+
+
+ {{ pack.startText }}
+ {{ pack.pauseText }}
+ {{ pack.resetText }}
+
+
+
+
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 @@
+
+
+
+ {{ pack.baseUse }}
+
+ Button1
+ Button2
+ Button3
+
+
+ {{ pack.vertical }}
+
+ Button1
+ Button2
+ Button3
+
+
+ {{ pack.space }}
+
+ Button1
+ Button2
+ Button3
+ Button4
+ Button5
+ Button6
+
+
+ {{ pack.rightAlign }}
+
+ Button1
+ Button2
+
+
+ {{ pack.around }}
+
+ Button1
+ Button2
+
+
+ {{ pack.center }}
+
+ Button1
+ Button2
+
+
+ {{ pack.between }}
+
+ Button1
+ Button2
+
+
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 多列选择器',