[demo]Not use npm link

demo/package.json

@@ -3,12 +3,9 @@
 	"version": "0.0.0",
 	"scripts": {
 		"dev": "vite dev",
-		"dev_stdf": "npm link ../packages/stdf && vite dev",
 		"build": "vite build",
-		"build_stdf": "npm link ../packages/stdf && vite build",
 		"preview": "vite preview",
 		"dev_en": "vite --mode english",
-		"dev_stdf_en": "npm link ../packages/stdf && vite --mode english",
 		"button": "vite --mode button",
 		"icon": "vite --mode icon",
 		"navBar": "vite --mode navBar",

demo/src/routes/+layout.svelte

@@ -2,9 +2,9 @@
 	import { setContext, onMount } from 'svelte';
 	import { page } from '$app/stores';
 	import { goto } from '$app/navigation';
-	import { NavBar, Icon } from 'stdf';
-	import zh_CN from 'stdf/lang/zh_CN';
-	import en_US from 'stdf/lang/en_US';
+	import { NavBar, Icon } from '../../../packages/stdf/components';
+	import zh_CN from '../../../packages/stdf/lang/zh_CN';
+	import en_US from '../../../packages/stdf/lang/en_US';
 	import '../app.css';
 	import menuList from '../data/menuList';
 

demo/src/routes/+page.svelte

@@ -1,10 +1,5 @@
 <script>
-	import { setContext, onMount } from 'svelte';
-	// import Router, { querystring, location, push, pop } from 'svelte-spa-router';
-	// import { routes, routes_en } from './route';
-	import { NavBar, Icon, CellGroup, Cell } from 'stdf';
-	import zh_CN from 'stdf/lang/zh_CN';
-	import en_US from 'stdf/lang/en_US';
+	import { CellGroup, Cell } from '../../../packages/stdf/components';
 	import menuList from '../data/menuList';
 
 	// 循环 menuList，将所有元素的 childs 组成一个数组
@@ -15,16 +10,6 @@
 		}
 		return acc;
 	}, []);
-	//获取参数
-	// get parameters
-	// const params = new URLSearchParams('?' + $querystring);
-	// 判断是否是iframe
-	// judge whether it is iframe
-	// const isIframe = params.get('channel') && params.get('channel') === 'iframe' ? '1' : '0';
-	// 设置iframe
-	// setting iframe
-	// setContext('iframe', isIframe);
-	let theme = localStorage.getItem('theme') === 'dark' ? 'dark' : 'light';
 	// 设置语言
 	// setting language
 	const isZh = sessionStorage.getItem('lang') === 'zh_CN';

demo/src/routes/en_US/actionSheet/+page.svelte

@@ -1,6 +1,6 @@
 <!-- ActionSheet Demo -->
 <script>
-	import { Cell, ActionSheet, Toast } from 'stdf';
+	import { Cell, ActionSheet, Toast } from '../../../../../packages/stdf/components';
 
 	let visible1 = false;
 	let visible2 = false;

demo/src/routes/en_US/asyncPicker/+page.svelte

@@ -1,6 +1,6 @@
 <!-- AsyncPicker Demo -->
 <script>
-	import { AsyncPicker, Cell } from 'stdf';
+	import { AsyncPicker, Cell } from '../../../../../packages/stdf/components';
 	// In order to avoid the messy Demo page, the specific reference data is placed in the data.js file, and you can view the bottom of the page.
 	import { linkageData, linkageDiffLabeData } from './data_en';
 

demo/src/routes/en_US/avatar/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Avatar Demo -->
 <script>
-	import { Avatar } from 'stdf';
+	import { Avatar } from '../../../../../packages/stdf/components';
 
 	const icons = [
 		{ icon: { name: 'ri-aliens-fill', theme: true, top: -1, size: 16 }, size: 'xs' },

demo/src/routes/en_US/badge/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Badge Demo -->
 <script>
-	import { Badge, Avatar, Button, Icon, Input, Cell } from 'stdf';
+	import { Badge, Avatar, Button, Icon, Input, Cell } from '../../../../../packages/stdf/components';
 
 	let isShow = true;
 	const changeShowFun = () => {

demo/src/routes/en_US/bottomSheet/+page.svelte

@@ -1,6 +1,6 @@
 <!-- BottomSheet Demo -->
 <script>
-	import { BottomSheet, Cell, Toast, Button } from 'stdf';
+	import { BottomSheet, Cell, Toast, Button } from '../../../../../packages/stdf/components';
 	import Aphorism from '../../components/Aphorism.svelte';
 
 	let visible1 = false;

demo/src/routes/en_US/button/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Button Demo -->
 <script>
-	import { Button, Icon, Toast, Loading } from 'stdf';
+	import { Button, Icon, Toast, Loading } from '../../../../../packages/stdf/components';
 
 	let visible = false;
 </script>

demo/src/routes/en_US/calendar/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Calendar Demo -->
 <script>
-	import { Cell, Calendar } from 'stdf';
+	import { Cell, Calendar } from '../../../../../packages/stdf/components';
 
 	let visible1 = false;
 	let visible2 = false;

demo/src/routes/en_US/cell/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Cell Demo -->
 <script>
-	import { Cell, CellGroup, Toast } from 'stdf';
+	import { Cell, CellGroup, Toast } from '../../../../../packages/stdf/components';
 
 	let visible = false;
 </script>

demo/src/routes/en_US/checkbox/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Checkbox Demo -->
 <script>
-	import { CheckboxGroup, Checkbox, Divider, Button } from 'stdf';
+	import { CheckboxGroup, Checkbox, Divider, Button } from '../../../../../packages/stdf/components';
 	import { onMount } from 'svelte';
 	import { quintOut } from 'svelte/easing';
 	import { crossfade } from 'svelte/transition';

demo/src/routes/en_US/dialog/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Dialog Demo -->
 <script>
-	import { Dialog, Cell, Toast, Loading } from 'stdf';
+	import { Dialog, Cell, Toast, Loading } from '../../../../../packages/stdf/components';
 	import Aphorism from '../../components/Aphorism.svelte';
 
 	let visible1 = false;

demo/src/routes/en_US/divider/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Divider Demo -->
 <script>
-	import { Divider } from 'stdf';
+	import { Divider } from '../../../../../packages/stdf/components';
 </script>
 
 <div class="flex flex-col space-y-8 py-8 text-left">

demo/src/routes/en_US/grids/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Grids Demo -->
 <script>
-	import { Grids, Grid, Placeholder, Switch, Icon, Button } from 'stdf';
+	import { Grids, Grid, Placeholder, Switch, Icon, Button } from '../../../../../packages/stdf/components';
 
 	let devices = ['iOS', 'Android', 'Windows', 'macOS', 'Ubuntu'];
 	let curentIndex = 0;

demo/src/routes/en_US/icon/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Icon Demo, Please make sure you have been introduced symbol.svg file. -->
 <script>
-	import { Icon } from 'stdf';
+	import { Icon } from '../../../../../packages/stdf/components';
 
 	const icons = ['ri-spy-fill', 'ri-chrome-fill', 'ri-riding-line', 'ri-switch-fill'];
 </script>

demo/src/routes/en_US/indexBar/+page.svelte

@@ -1,6 +1,6 @@
 <!-- IndexBar Demo -->
 <script>
-	import { IndexBar, Button, Toast } from 'stdf';
+	import { IndexBar, Button, Toast } from '../../../../../packages/stdf/components';
 
 	const addressList = [
 		{ index: 'A', title: 'A', child: [{ text: 'Macau' }, { text: 'Anning' }, { text: 'Anqing' }, { text: 'Anshan' }] },

demo/src/routes/en_US/input/+page.svelte

@@ -1,7 +1,7 @@
 <!-- Input Demo -->
 <script>
 	import { getContext } from 'svelte';
-	import { Input, Button, Icon, Toast } from 'stdf';
+	import { Input, Button, Icon, Toast } from '../../../../../packages/stdf/components';
 
 	let value = 'Init text';
 	let visible = false;

demo/src/routes/en_US/loading/+page.svelte

@@ -1,6 +1,6 @@
 <!--Loading Demo-->
 <script>
-	import { Loading, Tabs, TabContent, Button } from 'stdf';
+	import { Loading, Tabs, TabContent, Button } from '../../../../../packages/stdf/components';
 
 	//Input the number and return an array of randomly generated colors
 	const randomColorArr = num => {

demo/src/routes/en_US/mask/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Mask Demo -->
 <script>
-	import { Mask, Toast, Cell, Button, Popup } from 'stdf';
+	import { Mask, Toast, Cell, Button, Popup } from '../../../../../packages/stdf/components';
 
 	let visible1 = false;
 	let visible2 = false;

demo/src/routes/en_US/modal/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Modal Demo -->
 <script>
-	import { Modal, Cell, Toast } from 'stdf';
+	import { Modal, Cell, Toast } from '../../../../../packages/stdf/components';
 	import Aphorism from '../../components/Aphorism.svelte';
 
 	let visible1 = false;

demo/src/routes/en_US/navBar/+page.svelte

@@ -1,6 +1,6 @@
 <!-- NavBar Demo -->
 <script>
-	import { NavBar, Icon, Toast } from 'stdf';
+	import { NavBar, Icon, Toast } from '../../../../../packages/stdf/components';
 
 	const icons1 = [{ name: 'ri-paint-brush-line', theme: true }, { name: 'ri-share-line' }];
 	const icons2 = [{ name: 'ri-command-line' }, { name: 'ri-drag-move-line' }];

demo/src/routes/en_US/noticeBar/+page.svelte

@@ -1,6 +1,6 @@
 <!-- NoticeBar Demo -->
 <script>
-	import { NoticeBar, Toast } from 'stdf';
+	import { NoticeBar, Toast } from '../../../../../packages/stdf/components';
 
 	let textList = ['1. This is the first announcement!', '2. This is the second notice!'];
 	let textLongList = [

demo/src/routes/en_US/numKeyboard/+page.svelte

@@ -1,6 +1,6 @@
 <!-- NumKeyboard Demo -->
 <script>
-	import { NumKeyboard, Cell, Toast } from 'stdf';
+	import { NumKeyboard, Cell, Toast } from '../../../../../packages/stdf/components';
 	import { Confetti } from 'svelte-confetti';
 
 	let visible1 = false;

demo/src/routes/en_US/pagination/+page.svelte

@@ -1,6 +1,6 @@
 <script>
 	import { onMount } from 'svelte';
-	import { Pagination, Loading } from 'stdf';
+	import { Pagination, Loading } from '../../../../../packages/stdf/components';
 	import aphorisms from '../../../data/aphorisms';
 
 	// total data number, generally, the back-end interface returns

demo/src/routes/en_US/picker/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Picker Demo -->
 <script>
-	import { Picker, Cell } from 'stdf';
+	import { Picker, Cell } from '../../../../../packages/stdf/components';
 	// In order to avoid the messy Demo page, the specific reference data is placed in the data.js file, and you can view the bottom of the page.
 	import {
 		someProvinceList,

demo/src/routes/en_US/placeholder/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Placeholder Demo -->
 <script>
-	import { Placeholder, Grids, Grid } from 'stdf';
+	import { Placeholder, Grids, Grid } from '../../../../../packages/stdf/components';
 </script>
 
 <div class="m-4 font-bold text-lg">Basic usage</div>

demo/src/routes/en_US/popup/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Popup Demo -->
 <script>
-	import { Cell, Popup, Button, Icon } from 'stdf';
+	import { Cell, Popup, Button, Icon } from '../../../../../packages/stdf/components';
 	import Aphorism from '../../components/Aphorism.svelte';
 
 	let visible1 = false;

demo/src/routes/en_US/progress/+page.svelte

@@ -1,6 +1,6 @@
 <!--Progress Demo-->
 <script>
-	import { Progress, Button } from 'stdf';
+	import { Progress, Button } from '../../../../../packages/stdf/components';
 
 	let percent = 20;
 	const changePercentFun = type => {

demo/src/routes/en_US/progressLoop/+page.svelte

@@ -1,6 +1,6 @@
 <!--ProgressLoop Demo-->
 <script>
-	import { ProgressLoop, Button } from 'stdf';
+	import { ProgressLoop, Button } from '../../../../../packages/stdf/components';
 
 	let percent = 20;
 	const changePercentFun = type => {

demo/src/routes/en_US/radio/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Radio Demo -->
 <script>
-	import { RadioGroup, Radio, Divider, Button } from 'stdf';
+	import { RadioGroup, Radio, Divider, Button } from '../../../../../packages/stdf/components';
 
 	const dota = [
 		{ label: 'Jugg', name: 'Juggernaut', desc: 'The master is a melee agile hero, and he can quickly cut into the battle.' },

demo/src/routes/en_US/rate/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Rate Demo -->
 <script>
-	import { Rate, Icon } from 'stdf';
+	import { Rate, Icon } from '../../../../../packages/stdf/components';
 
 	let value = 2.5;
 	const getValueFun = e => {

demo/src/routes/en_US/skeleton/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Skeleton Demo -->
 <script>
-	import { Skeleton } from 'stdf';
+	import { Skeleton } from '../../../../../packages/stdf/components';
 </script>
 
 <div class="p-2">

demo/src/routes/en_US/slider/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Slider Demo -->
 <script>
-	import { Slider, Icon } from 'stdf';
+	import { Slider, Icon } from '../../../../../packages/stdf/components';
 
 	let value = 20;
 	const onChangeFun = e => {

demo/src/routes/en_US/steps/+page.svelte

@@ -1,6 +1,6 @@
 <!--Steps Demo -->
 <script>
-	import { Steps, Button, Divider } from 'stdf';
+	import { Steps, Button, Divider } from '../../../../../packages/stdf/components';
 	import injCom1 from './injCom1_en.svelte';
 	import injCom2 from './injCom2_en.svelte';
 
@@ -277,7 +277,7 @@
 <!-- injCom2.svelte -->
 <!-- 
 <script>
-    import { Button, Icon, Avatar } from 'stdf';
+    import { Button, Icon, Avatar } from '../../../../../packages/stdf/components';
 </script>
 
 <div class="text-primary dark:text-dark text-sm">Here you inject something in the form of a component</div>

demo/src/routes/en_US/steps/injCom2_en.svelte

@@ -1,5 +1,5 @@
 <script>
-	import { Button, Icon, Avatar } from 'stdf';
+	import { Button, Icon, Avatar } from '../../../../../packages/stdf/components';
 </script>
 
 <div class="text-primary dark:text-dark text-sm">Here you inject something in the form of a component</div>

demo/src/routes/en_US/swiper/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Swiper Demo -->
 <script>
-	import { Swiper } from 'stdf';
+	import { Swiper } from '../../../../../packages/stdf/components';
 	import Item from './Item_en.svelte';
 
 	const data = [
@@ -299,7 +299,7 @@
 <!-- Item.svelte -->
 <!-- 
 <script>
-    import { Button, Avatar } from 'stdf';
+    import { Button, Avatar } from '../../../../../packages/stdf/components';
 </script>
 
 <div class="flex flex-col space-y-4 items-center">

demo/src/routes/en_US/swiper/Item_en.svelte

@@ -1,5 +1,5 @@
 <script>
-	import { Button, Avatar } from 'stdf';
+	import { Button, Avatar } from '../../../../../packages/stdf/components';
 </script>
 
 <div class="flex flex-col space-y-4 items-center">

demo/src/routes/en_US/switch/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Switch Demo -->
 <script>
-	import { Switch, Icon, Cell, Dialog } from 'stdf';
+	import { Switch, Icon, Cell, Dialog } from '../../../../../packages/stdf/components';
 
 	let checkAsync = false;
 	const switchClickFun = () => {

demo/src/routes/en_US/tabBar/+page.svelte

@@ -1,6 +1,6 @@
 <!-- TabBar Demo -->
 <script>
-	import { TabBar } from 'stdf';
+	import { TabBar } from '../../../../../packages/stdf/components';
 
 	const labels = [
 		{ text: 'Home', icon: { name: 'ri-home-3-line', size: 20 }, activeIcon: { name: 'ri-home-3-fill', size: 20 } },

demo/src/routes/en_US/tabs/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Tabs Demo -->
 <script>
-	import { Tabs, Tab, TabContent, Divider } from 'stdf';
+	import { Tabs, Tab, TabContent, Divider } from '../../../../../packages/stdf/components';
 	import { fly } from 'svelte/transition';
 
 	const labels = [{ text: 'aircraft' }, { text: 'steamer' }, { text: 'train' }, { text: 'car' }];

demo/src/routes/en_US/timePicker/+page.svelte

@@ -1,6 +1,6 @@
 <!-- TimePickerDemo Demo -->
 <script>
-	import { Cell, TimePicker } from 'stdf';
+	import { Cell, TimePicker } from '../../../../../packages/stdf/components';
 
 	let visible1 = false;
 	let visible2 = false;

demo/src/routes/en_US/toast/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Toast Demo -->
 <script>
-	import { Toast, Cell, Button, Loading } from 'stdf';
+	import { Toast, Cell, Button, Loading } from '../../../../../packages/stdf/components';
 
 	let visible1 = false;
 	let visible2 = false;

demo/src/routes/zh_CN/actionSheet/+page.svelte

@@ -1,6 +1,6 @@
 <!-- ActionSheet Demo -->
 <script>
-	import { Cell, ActionSheet, Toast } from 'stdf';
+	import { Cell, ActionSheet, Toast } from '../../../../../packages/stdf/components';
 
 	let visible1 = false;
 	let visible2 = false;

demo/src/routes/zh_CN/asyncPicker/+page.svelte

@@ -1,6 +1,6 @@
 <!-- AsyncPicker Demo -->
 <script>
-	import { AsyncPicker, Cell } from 'stdf';
+	import { AsyncPicker, Cell } from '../../../../../packages/stdf/components';
 	// 为避免 Demo 页面杂乱，具体参考数据放在 data.js 文件内，可查看此页面底部注释。
 	import { linkageData, linkageDiffLabeData } from './data';
 

demo/src/routes/zh_CN/avatar/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Avatar Demo -->
 <script>
-	import { Avatar } from 'stdf';
+	import { Avatar } from '../../../../../packages/stdf/components';
 
 	const icons = [
 		{ icon: { name: 'ri-aliens-fill', theme: true, top: -1, size: 16 }, size: 'xs' },

demo/src/routes/zh_CN/badge/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Badge Demo -->
 <script>
-	import { Badge, Avatar, Button, Icon, Input, Cell } from 'stdf';
+	import { Badge, Avatar, Button, Icon, Input, Cell } from '../../../../../packages/stdf/components';
 
 	let isShow = true;
 	const changeShowFun = () => {

demo/src/routes/zh_CN/bottomSheet/+page.svelte

@@ -1,6 +1,6 @@
 <!-- BottomSheet Demo -->
 <script>
-	import { BottomSheet, Cell, Toast, Button } from 'stdf';
+	import { BottomSheet, Cell, Toast, Button } from '../../../../../packages/stdf/components';
 	import Aphorism from '../../components/Aphorism.svelte';
 
 	let visible1 = false;

demo/src/routes/zh_CN/button/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Button Demo -->
 <script>
-	import { Button, Icon, Toast, Loading } from 'stdf';
+	import { Button, Icon, Toast, Loading } from '../../../../../packages/stdf/components';
 
 	let visible = false;
 </script>

demo/src/routes/zh_CN/calendar/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Calendar Demo -->
 <script>
-	import { Cell, Calendar } from 'stdf';
+	import { Cell, Calendar } from '../../../../../packages/stdf/components';
 
 	let visible1 = false;
 	let visible2 = false;

demo/src/routes/zh_CN/cell/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Cell Demo -->
 <script>
-	import { Cell, CellGroup, Toast } from 'stdf';
+	import { Cell, CellGroup, Toast } from '../../../../../packages/stdf/components';
 
 	let visible = false;
 </script>

demo/src/routes/zh_CN/checkbox/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Checkbox Demo -->
 <script>
-	import { CheckboxGroup, Checkbox, Divider, Button } from 'stdf';
+	import { CheckboxGroup, Checkbox, Divider, Button } from '../../../../../packages/stdf/components';
 	import { onMount } from 'svelte';
 	import { quintOut } from 'svelte/easing';
 	import { crossfade } from 'svelte/transition';

demo/src/routes/zh_CN/dialog/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Dialog Demo -->
 <script>
-	import { Dialog, Cell, Toast, Loading } from 'stdf';
+	import { Dialog, Cell, Toast, Loading } from '../../../../../packages/stdf/components';
 	import Aphorism from '../../components/Aphorism.svelte';
 
 	let visible1 = false;

demo/src/routes/zh_CN/divider/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Divider Demo -->
 <script>
-	import { Divider } from 'stdf';
+	import { Divider } from '../../../../../packages/stdf/components';
 </script>
 
 <div class="flex flex-col space-y-8 py-8">

demo/src/routes/zh_CN/grids/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Grids Demo -->
 <script>
-	import { Grids, Grid, Placeholder, Switch, Icon, Button } from 'stdf';
+	import { Grids, Grid, Placeholder, Switch, Icon, Button } from '../../../../../packages/stdf/components';
 
 	let devices = ['iOS', 'Android', 'Windows', 'macOS', 'Ubuntu'];
 	let curentIndex = 0;

demo/src/routes/zh_CN/icon/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Icon Demo，请确保已引入 symbol.svg 文件。 -->
 <script>
-	import { Icon } from 'stdf';
+	import { Icon } from '../../../../../packages/stdf/components';
 
 	const icons = ['ri-spy-fill', 'ri-chrome-fill', 'ri-riding-line', 'ri-switch-fill'];
 </script>

demo/src/routes/zh_CN/indexBar/+page.svelte

@@ -1,6 +1,6 @@
 <!-- IndexBar Demo -->
 <script>
-	import { IndexBar, Button, Toast } from 'stdf';
+	import { IndexBar, Button, Toast } from '../../../../../packages/stdf/components';
 
 	const addressList = [
 		{ index: 'A', title: 'A', child: [{ text: '澳门' }, { text: '安宁' }, { text: '安庆' }, { text: '鞍山' }] },

demo/src/routes/zh_CN/input/+page.svelte

@@ -1,7 +1,7 @@
 <!-- Input Demo -->
 <script>
 	import { getContext } from 'svelte';
-	import { Input, Button, Icon, Toast } from 'stdf';
+	import { Input, Button, Icon, Toast } from '../../../../../packages/stdf/components';
 
 	let value = '初始文本';
 	let visible = false;

demo/src/routes/zh_CN/loading/+page.svelte

@@ -1,6 +1,6 @@
 <!--Loading Demo-->
 <script>
-	import { Loading, Tabs, TabContent, Button } from 'stdf';
+	import { Loading, Tabs, TabContent, Button } from '../../../../../packages/stdf/components';
 
 	//传入个数，返回随机生成的颜色数组
 	const randomColorArr = num => {

demo/src/routes/zh_CN/mask/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Mask Demo -->
 <script>
-	import { Mask, Toast, Cell, Button, Popup } from 'stdf';
+	import { Mask, Toast, Cell, Button, Popup } from '../../../../../packages/stdf/components';
 
 	let visible1 = false;
 	let visible2 = false;

demo/src/routes/zh_CN/modal/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Modal Demo -->
 <script>
-	import { Modal, Cell, Toast } from 'stdf';
+	import { Modal, Cell, Toast } from '../../../../../packages/stdf/components';
 	import Aphorism from '../../components/Aphorism.svelte';
 
 	let visible1 = false;

demo/src/routes/zh_CN/navBar/+page.svelte

@@ -1,6 +1,6 @@
 <!-- NavBar Demo -->
 <script>
-	import { NavBar, Icon, Toast } from 'stdf';
+	import { NavBar, Icon, Toast } from '../../../../../packages/stdf/components';
 
 	const icons1 = [{ name: 'ri-paint-brush-line', theme: true }, { name: 'ri-share-line' }];
 	const icons2 = [{ name: 'ri-command-line' }, { name: 'ri-drag-move-line' }];

demo/src/routes/zh_CN/noticeBar/+page.svelte

@@ -1,6 +1,6 @@
 <!-- NoticeBar Demo -->
 <script>
-	import { NoticeBar, Toast } from 'stdf';
+	import { NoticeBar, Toast } from '../../../../../packages/stdf/components';
 
 	let textList = ['1. 这是第一条通告内容！', '2. 这是第二条通告内容！'];
 	let textLongList = ['1. 这条通告超长长长长长长长长长长长长长长长长长长长长长！', '2. 这是第二条通告内容！'];

demo/src/routes/zh_CN/numKeyboard/+page.svelte

@@ -1,6 +1,6 @@
 <!-- NumKeyboard Demo -->
 <script>
-	import { NumKeyboard, Cell, Toast } from 'stdf';
+	import { NumKeyboard, Cell, Toast } from '../../../../../packages/stdf/components';
 	import { Confetti } from 'svelte-confetti';
 
 	let visible1 = false;

demo/src/routes/zh_CN/pagination/+page.svelte

@@ -1,6 +1,6 @@
 <script>
 	import { onMount } from 'svelte';
-	import { Pagination, Loading } from 'stdf';
+	import { Pagination, Loading } from '../../../../../packages/stdf/components';
 	import aphorisms from '../../../data/aphorisms';
 
 	// 总数，一般是后端接口返回

demo/src/routes/zh_CN/picker/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Picker Demo -->
 <script>
-	import { Picker, Cell } from 'stdf';
+	import { Picker, Cell } from '../../../../../packages/stdf/components';
 	// 为避免 Demo 页面杂乱，具体参考数据放在 data.js 文件内，可查看此页面底部注释。
 	import {
 		someProvinceList,

demo/src/routes/zh_CN/placeholder/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Placeholder Demo -->
 <script>
-	import { Placeholder, Grids, Grid } from 'stdf';
+	import { Placeholder, Grids, Grid } from '../../../../../packages/stdf/components';
 </script>
 
 <div class="m-4 font-bold text-lg">基础用法</div>

demo/src/routes/zh_CN/popup/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Popup Demo -->
 <script>
-	import { Cell, Popup, Button, Icon } from 'stdf';
+	import { Cell, Popup, Button, Icon } from '../../../../../packages/stdf/components';
 	import Aphorism from '../../components/Aphorism.svelte';
 
 	let visible1 = false;

demo/src/routes/zh_CN/progress/+page.svelte

@@ -1,6 +1,6 @@
 <!--Progress Demo-->
 <script>
-	import { Progress, Button } from 'stdf';
+	import { Progress, Button } from '../../../../../packages/stdf/components';
 
 	let percent = 20;
 	const changePercentFun = type => {

demo/src/routes/zh_CN/progressLoop/+page.svelte

@@ -1,6 +1,6 @@
 <!--ProgressLoop Demo-->
 <script>
-	import { ProgressLoop, Button } from 'stdf';
+	import { ProgressLoop, Button } from '../../../../../packages/stdf/components';
 
 	let percent = 20;
 	const changePercentFun = type => {

demo/src/routes/zh_CN/radio/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Radio Demo -->
 <script>
-	import { RadioGroup, Radio, Divider, Button } from 'stdf';
+	import { RadioGroup, Radio, Divider, Button } from '../../../../../packages/stdf/components';
 
 	const dota = [
 		{ label: '主宰', name: '奶棒人', desc: '主宰是一个近战敏捷英雄，他能够迅速切入战斗。' },

demo/src/routes/zh_CN/rate/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Rate Demo -->
 <script>
-	import { Rate, Icon } from 'stdf';
+	import { Rate, Icon } from '../../../../../packages/stdf/components';
 
 	let value = 2.5;
 	const getValueFun = e => {

demo/src/routes/zh_CN/skeleton/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Skeleton Demo -->
 <script>
-	import { Skeleton } from 'stdf';
+	import { Skeleton } from '../../../../../packages/stdf/components';
 </script>
 
 <div class="p-2">

demo/src/routes/zh_CN/slider/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Slider Demo -->
 <script>
-	import { Slider, Icon } from 'stdf';
+	import { Slider, Icon } from '../../../../../packages/stdf/components';
 
 	let value = 20;
 	const onChangeFun = e => {

demo/src/routes/zh_CN/steps/+page.svelte

@@ -1,6 +1,6 @@
 <!--Steps Demo -->
 <script>
-	import { Steps, Button, Divider } from 'stdf';
+	import { Steps, Button, Divider } from '../../../../../packages/stdf/components';
 	import injCom1 from './injCom1.svelte';
 	import injCom2 from './injCom2.svelte';
 
@@ -274,7 +274,7 @@
 
 <!-- injCom2.svelte -->
 <!-- <script>
-    import { Button, Icon, Avatar } from 'stdf';
+    import { Button, Icon, Avatar } from '../../../../../packages/stdf/components';
 </script>
 
 <div class="text-primary dark:text-dark text-sm">此处以组件形式注入一些内容</div>

demo/src/routes/zh_CN/steps/injCom2.svelte

@@ -1,5 +1,5 @@
 <script>
-	import { Button, Icon, Avatar } from 'stdf';
+	import { Button, Icon, Avatar } from '../../../../../packages/stdf/components';
 </script>
 
 <div class="text-primary dark:text-dark text-sm">此处以组件形式注入一些内容</div>

demo/src/routes/zh_CN/swiper/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Swiper Demo -->
 <script>
-	import { Swiper } from 'stdf';
+	import { Swiper } from '../../../../../packages/stdf/components';
 	import Item from './Item.svelte';
 
 	const data = [
@@ -298,7 +298,7 @@
 
 <!-- Item.svelte -->
 <!-- <script>
-    import { Button, Avatar } from 'stdf';
+    import { Button, Avatar } from '../../../../../packages/stdf/components';
 </script>
 
 <div class="flex flex-col space-y-4 items-center">

demo/src/routes/zh_CN/swiper/Item.svelte

@@ -1,5 +1,5 @@
 <script>
-	import { Button, Avatar } from 'stdf';
+	import { Button, Avatar } from '../../../../../packages/stdf/components';
 </script>
 
 <div class="flex flex-col space-y-4 items-center">

demo/src/routes/zh_CN/switch/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Switch Demo -->
 <script>
-	import { Switch, Icon, Cell, Dialog } from 'stdf';
+	import { Switch, Icon, Cell, Dialog } from '../../../../../packages/stdf/components';
 
 	let checkAsync = false;
 	const switchClickFun = () => {

demo/src/routes/zh_CN/tabBar/+page.svelte

@@ -1,6 +1,6 @@
 <!-- TabBar Demo -->
 <script>
-	import { TabBar } from 'stdf';
+	import { TabBar } from '../../../../../packages/stdf/components';
 
 	const labels = [
 		{ text: '首页', icon: { name: 'ri-home-3-line', size: 20 }, activeIcon: { name: 'ri-home-3-fill', size: 20 } },

demo/src/routes/zh_CN/tabs/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Tabs Demo -->
 <script>
-	import { Tabs, Tab, TabContent, Divider } from 'stdf';
+	import { Tabs, Tab, TabContent, Divider } from '../../../../../packages/stdf/components';
 	import { fly } from 'svelte/transition';
 
 	const labels = [{ text: '飞机' }, { text: '轮船' }, { text: '火车' }, { text: '汽车' }];

demo/src/routes/zh_CN/timePicker/+page.svelte

@@ -1,6 +1,6 @@
 <!-- TimePickerDemo Demo -->
 <script>
-	import { Cell, TimePicker } from 'stdf';
+	import { Cell, TimePicker } from '../../../../../packages/stdf/components';
 
 	let visible1 = false;
 	let visible2 = false;

demo/src/routes/zh_CN/toast/+page.svelte

@@ -1,6 +1,6 @@
 <!-- Toast Demo -->
 <script>
-	import { Toast, Cell, Button, Loading } from 'stdf';
+	import { Toast, Cell, Button, Loading } from '../../../../../packages/stdf/components';
 
 	let visible1 = false;
 	let visible2 = false;

demo/tailwind.config.js

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-	content: ['./src/**/*.{html,js,svelte,ts}', './node_modules/stdf/**/*.svelte'],
+	content: ['./src/**/*.{html,js,svelte,ts}', '../packages/stdf/**/*.svelte'],
 	theme: {
 		colors: {
 			// 主题色