fix(switch): add docs and all

Author: koory1st

docs/src/lib/component_info.js

@@ -18,6 +18,7 @@ export const component_group_list = [
       { key: 'checkbox', name: 'ccheckbox01010' },
       { key: 'radio', name: 'cradio01010' },
       { key: 'slider', name: 'cslider01010' },
+      { key: 'switch', name: 'cswitch01010' },
     ],
   },
   {

docs/src/lib/i18n/zh/index.js

@@ -12,6 +12,7 @@ import inputNumber from '$lib/i18n/zh/input_number.js';
 import radio from '$lib/i18n/zh/radio.js';
 import tooltip from '$lib/i18n/zh/tooltip.js';
 import slider from '$lib/i18n/zh/slider.js';
+import _switch from '$lib/i18n/zh/switch.js';
 
 export const langDict = {
   ...util,
@@ -28,6 +29,7 @@ export const langDict = {
   ...inputNumber,
   ...tooltip,
   ...slider,
+  ..._switch,
 };
 
 function getText(key) {

docs/src/lib/i18n/zh/switch.js

@@ -0,0 +1,7 @@
+export default {
+  cswitch01010: 'Switch 开关',
+  cswitch01011: '表示两种相互对立的状态间的切换，多用于触发「开/关」。',
+  cswitch02010: '基础用法',
+  cswitch02020:
+    '绑定 value 到一个 Boolean 类型的变量。 可以使用 --svel-switch-on-color 属性与 --svel-switch-off-color 属性来设置开关的背景色。',
+};

docs/src/routes/component/switch/+page.svelte

@@ -0,0 +1,31 @@
+<script>
+  import { SvelSwitch } from '@svelement-ui/all';
+  import Example from '$lib/example.svelte';
+  import { getContext } from 'svelte';
+
+  let langFn = getContext('langFn');
+
+  let value1 = true;
+  let value2 = true;
+</script>
+
+<h1>{$langFn('cswitch01010')}</h1>
+<p>{$langFn('cswitch01011')}</p>
+
+<h2>{$langFn('cswitch02010')}</h2>
+<p>{$langFn('cswitch02020')}</p>
+<p>{$langFn('cswitch02030')}</p>
+<Example
+  code={`
+`}
+>
+  <SvelSwitch bind:value={value1} />
+  <SvelSwitch
+    bind:value={value2}
+    class="ml-2"
+    style="--svel-switch-on-color: #13ce66; --svel-switch-off-color: #ff4949"
+  />
+</Example>
+
+<style>
+</style>

packages/all/package.json

@@ -23,7 +23,8 @@
     "scroll",
     "slider",
     "space",
-    "autocomplete"
+    "autocomplete",
+    "switch"
   ],
   "exports": {
     ".": {
@@ -49,6 +50,7 @@
     "@svelement-ui/radio": "workspace:^",
     "@svelement-ui/scrollbar": "workspace:^",
     "@svelement-ui/slider": "workspace:^",
+    "@svelement-ui/switch": "workspace:^",
     "@svelement-ui/theme-chalk": "workspace:^",
     "@svelement-ui/tooltip": "workspace:^",
     "@svelement-ui/util-array-2-class-string": "workspace:^"

packages/all/src/lib/index.js

@@ -19,6 +19,7 @@ import SvelInput from '@svelement-ui/input';
 import SvelInputNumber from '@svelement-ui/input-number';
 import SvelSlider from '@svelement-ui/slider';
 import SvelTooltip from '@svelement-ui/tooltip';
+import SvelSwitch from '@svelement-ui/switch';
 
 export {
   SvelAside,
@@ -44,4 +45,5 @@ export {
   SvelInputNumber,
   SvelSlider,
   SvelTooltip,
+  SvelSwitch,
 };