diff --git a/demos/common/Calendar.svelte b/demos/cases/Calendar.svelte
similarity index 92%
rename from demos/common/Calendar.svelte
rename to demos/cases/Calendar.svelte
index 6559d0b..9db8a17 100644
--- a/demos/common/Calendar.svelte
+++ b/demos/cases/Calendar.svelte
@@ -11,11 +11,10 @@
v >= new Date(2022, 2, 8) && v <= new Date(2022, 2, 29)
? "inrange"
: "";
-
-
Calendar
+
Calendar
@@ -24,7 +23,7 @@
-
Calendar with Locale
+
Calendar with Locale
@@ -36,6 +35,6 @@
-
Calendar without buttons
+
Calendar without buttons
diff --git a/demos/common/Checkbox.svelte b/demos/cases/Checkbox.svelte
similarity index 82%
rename from demos/common/Checkbox.svelte
rename to demos/cases/Checkbox.svelte
index 99b8e30..f91f05b 100644
--- a/demos/common/Checkbox.svelte
+++ b/demos/cases/Checkbox.svelte
@@ -10,8 +10,7 @@
];
let v1 = true,
- v2,
- v3 = [3];
+ v2;
let valueGroup1 = [1, 2];
let valueGroup2 = [2, 3];
@@ -20,11 +19,10 @@
function print(v) {
return v.join(", ");
}
-
-
Checkbox
+
Checkbox
Value:
{v1}
@@ -38,7 +36,7 @@
-
Checkbox with a side label
+
Checkbox with a side label
@@ -46,26 +44,26 @@
-
+
-
Checkbox group: {print(valueGroup1)}
+
Checkbox group: {print(valueGroup1)}
-
Checkbox group inline: {print(valueGroup2)}
+
Checkbox group inline: {print(valueGroup2)}
-
Checkbox group grid: {print(valueGroup3)}
+
Checkbox group grid: {print(valueGroup3)}
diff --git a/demos/common/ColorPicker.svelte b/demos/cases/ColorPicker.svelte
similarity index 78%
rename from demos/common/ColorPicker.svelte
rename to demos/cases/ColorPicker.svelte
index 2b79943..dfe7aa2 100644
--- a/demos/common/ColorPicker.svelte
+++ b/demos/cases/ColorPicker.svelte
@@ -3,24 +3,24 @@
let value;
let selectedColor;
-
-
The current color: {value || ''}
+
The current color: {value || ""}
-
The selected form color: {selectedColor || ''}
+
The selected form color: {selectedColor || ""}
+ placeholder="Select a color..."
+ />
-
Custom color select forms:
+
Custom color select forms:
@@ -29,7 +29,8 @@
{id}
placeholder="Select a color..."
disabled
- value="#65D3B3" />
+ value="#65D3B3"
+ />
diff --git a/demos/common/ColorSelect.svelte b/demos/cases/ColorSelect.svelte
similarity index 63%
rename from demos/common/ColorSelect.svelte
rename to demos/cases/ColorSelect.svelte
index 5cd8e10..b3089d1 100644
--- a/demos/common/ColorSelect.svelte
+++ b/demos/cases/ColorSelect.svelte
@@ -2,40 +2,43 @@
import { ColorSelect, Field } from "../../src/index";
let color;
-
- {#if lang === 'en'}
+ {#if lang === "en"}
- {:else if lang === 'cn'}
+ {:else if lang === "cn"}
- {:else if lang === 'de'}
+ {:else if lang === "de"}
- {:else if lang === 'es'}
+ {:else if lang === "es"}
- {:else if lang === 'fr'}
+ {:else if lang === "fr"}
- {:else if lang === 'it'}
+ {:else if lang === "it"}
- {:else if lang === 'ja'}
+ {:else if lang === "ja"}
- {:else if lang === 'pt'}
+ {:else if lang === "pt"}
- {:else if lang === 'ru'}
+ {:else if lang === "ru"}
diff --git a/demos/common/Messages.svelte b/demos/cases/Messages.svelte
similarity index 77%
rename from demos/common/Messages.svelte
rename to demos/cases/Messages.svelte
index 2081d07..37321a8 100644
--- a/demos/common/Messages.svelte
+++ b/demos/cases/Messages.svelte
@@ -30,30 +30,31 @@
function hideAll() {
custom1 = custom2 = false;
}
-
diff --git a/demos/common/Timepicker.svelte b/demos/cases/Timepicker.svelte
similarity index 88%
rename from demos/common/Timepicker.svelte
rename to demos/cases/Timepicker.svelte
index d0e6407..9e95b4f 100644
--- a/demos/common/Timepicker.svelte
+++ b/demos/cases/Timepicker.svelte
@@ -3,11 +3,10 @@
import { cn } from "@wx/core-locales";
let value = null;
-