|
11 | 11 | :direction="direction"
|
12 | 12 | :delay="delay"
|
13 | 13 | :duration="duration"
|
14 |
| - :separator="separator" |
15 | 14 | class-name="count-up-text"
|
16 | 15 | />
|
17 | 16 |
|
|
41 | 40 | </div>
|
42 | 41 |
|
43 | 42 | <Customize>
|
44 |
| - <PreviewSlider title="From" v-model="from" :min="0" :max="1000" :step="10" /> |
| 43 | + <PreviewSlider title="From" v-model="from" :min="0" :max="100" :step="10" /> |
45 | 44 |
|
46 |
| - <PreviewSlider title="To" v-model="to" :min="100" :max="5000" :step="100" /> |
| 45 | + <PreviewSlider title="To" v-model="to" :min="100" :max="500" :step="100" /> |
47 | 46 |
|
48 | 47 | <PreviewSelect title="Direction" v-model="direction" :options="directionOptions" />
|
49 | 48 |
|
50 | 49 | <PreviewSlider title="Duration" v-model="duration" :min="0.5" :max="10" :step="0.5" value-unit="s" />
|
51 | 50 |
|
52 | 51 | <PreviewSlider title="Delay" v-model="delay" :min="0" :max="5" :step="0.5" value-unit="s" />
|
53 |
| - |
54 |
| - <PreviewSelect title="Separator" v-model="separator" :options="separatorOptions" /> |
55 | 52 | </Customize>
|
56 | 53 |
|
57 | 54 | <PropTable :data="propData" />
|
@@ -94,25 +91,16 @@ const setStartCounting = (value: boolean) => {
|
94 | 91 | };
|
95 | 92 |
|
96 | 93 | const from = ref(50);
|
97 |
| -const to = ref(1000); |
| 94 | +const to = ref(100); |
98 | 95 | const direction = ref<'up' | 'down'>('up');
|
99 | 96 | const duration = ref(2);
|
100 | 97 | const delay = ref(0);
|
101 |
| -const separator = ref(','); |
102 | 98 |
|
103 | 99 | const directionOptions = [
|
104 | 100 | { label: 'Up', value: 'up' },
|
105 | 101 | { label: 'Down', value: 'down' }
|
106 | 102 | ];
|
107 | 103 |
|
108 |
| -const separatorOptions = [ |
109 |
| - { label: 'None', value: '' }, |
110 |
| - { label: 'Comma (,)', value: ',' }, |
111 |
| - { label: 'Period (.)', value: '.' }, |
112 |
| - { label: 'Space ( )', value: ' ' }, |
113 |
| - { label: 'Underscore (_)', value: '_' } |
114 |
| -]; |
115 |
| -
|
116 | 104 | const propData = [
|
117 | 105 | {
|
118 | 106 | name: 'to',
|
|
0 commit comments