fix: fix typo export error & missing dependencies (#413)

* fix: fix missing dependencies

* fix: delete svelte attr in pkg json

* chore: use svelte-package to build lib

* fix: fix typo export error

* chore: remove unuseful deps

* chore: rollback test code

.gitignore

@@ -80,3 +80,5 @@ dist
 
 .vite-inspect
 docs/.vitepress/cache
+
+components/**/**/.svelte-kit

.npmrc

@@ -1,3 +1,3 @@
 engine-strict=true
 resolution-mode=highest
-registry=https://registry.npmmirror.com
+# registry=https://registry.npmmirror.com

components/Affix/package.json

@@ -20,9 +20,7 @@
 		"package.json"
 	],
 	"scripts": {
-		"build": "npm run build:js && npm run build:svelte",
-		"build:js": "tsc -p . --outDir dist/ --rootDir src/",
-		"build:svelte": "svelte-strip strip src/ dist",
+		"build": "svelte-package -i src",
 		"publish:pre": "node ../../scripts/pre-publish.js",
 		"publish:npm": "pnpm run publish:pre && pnpm publish --no-git-checks --access public"
 	},
@@ -37,11 +35,12 @@
 		"@ikun-ui/icon": "workspace:*",
 		"@ikun-ui/utils": "workspace:*",
 		"baiwusanyu-utils": "^1.0.18",
+		"svelte": "^4.2.7",
 		"clsx": "^2.1.0"
 	},
 	"devDependencies": {
 		"@tsconfig/svelte": "^5.0.2",
-		"svelte-strip": "^3.1.1",
+		"@sveltejs/package": "^2.0.0",
 		"tslib": "^2.6.2",
 		"typescript": "^5.3.3"
 	}

components/Affix/src/index.ts

@@ -3,3 +3,6 @@ import Affix from './index.svelte';
 export { Affix as KAffix };
 
 export default Affix;
+
+export * from './utils';
+export type { KAffixProps } from './types';

components/Alert/package.json

@@ -20,9 +20,7 @@
 		"package.json"
 	],
 	"scripts": {
-		"build": "npm run build:js && npm run build:svelte",
-		"build:js": "tsc -p . --outDir dist/ --rootDir src/",
-		"build:svelte": "svelte-strip strip src/ dist",
+		"build": "svelte-package -i src",
 		"publish:pre": "node ../../scripts/pre-publish.js",
 		"publish:npm": "pnpm run publish:pre && pnpm publish --no-git-checks --access public"
 	},
@@ -37,12 +35,13 @@
 		"@ikun-ui/icon": "workspace:*",
 		"@ikun-ui/utils": "workspace:*",
 		"baiwusanyu-utils": "^1.0.18",
+		"svelte": "^4.2.7",
 		"clsx": "^2.1.0"
 	},
 	"devDependencies": {
 		"@tsconfig/svelte": "^5.0.2",
-		"svelte-strip": "^3.1.1",
 		"tslib": "^2.6.2",
+		"@sveltejs/package": "^2.0.0",
 		"typescript": "^5.3.3"
 	}
 }

components/Alert/src/index.ts

@@ -3,3 +3,5 @@ import Alert from './index.svelte';
 export { Alert as KAlert };
 
 export default Alert;
+
+export type { KAlertProps } from './types';

components/AutoComplete/package.json

@@ -20,9 +20,7 @@
 		"package.json"
 	],
 	"scripts": {
-		"build": "npm run build:js && npm run build:svelte",
-		"build:js": "tsc -p . --outDir dist/ --rootDir src/",
-		"build:svelte": "svelte-strip strip src/ dist",
+		"build": "svelte-package -i src",
 		"publish:pre": "node ../../scripts/pre-publish.js",
 		"publish:npm": "pnpm run publish:pre && pnpm publish --no-git-checks --access public"
 	},
@@ -36,17 +34,16 @@
 	"dependencies": {
 		"@ikun-ui/icon": "workspace:*",
 		"@ikun-ui/input": "workspace:*",
-		"@ikun-ui/button": "workspace:*",
 		"@ikun-ui/utils": "workspace:*",
-		"@ikun-ui/form": "workspace:*",
 		"@ikun-ui/popover": "workspace:*",
 		"@ikun-ui/virtual-list": "workspace:*",
 		"baiwusanyu-utils": "^1.0.18",
+		"svelte": "^4.2.7",
 		"clsx": "^2.0.0"
 	},
 	"devDependencies": {
 		"@tsconfig/svelte": "^5.0.2",
-		"svelte-strip": "^2.0.0",
+		"@sveltejs/package": "^2.0.0",
 		"tslib": "^2.6.2",
 		"typescript": "^5.3.3"
 	}

components/AutoComplete/src/index.ts

@@ -3,3 +3,5 @@ import AutoComplete from './index.svelte';
 export { AutoComplete as KAutoComplete };
 
 export default AutoComplete;
+
+export type { KAutoCompleteProps, FetchSuggestionType, AutoCompleteItems } from './types';

components/Avatar/package.json

@@ -20,9 +20,7 @@
 		"package.json"
 	],
 	"scripts": {
-		"build": "npm run build:js && npm run build:svelte",
-		"build:js": "tsc -p . --outDir dist/ --rootDir src/",
-		"build:svelte": "svelte-strip strip src/ dist",
+		"build": "svelte-package -i src",
 		"publish:pre": "node ../../scripts/pre-publish.js",
 		"publish:npm": "pnpm run publish:pre && pnpm publish --no-git-checks --access public"
 	},
@@ -37,11 +35,12 @@
 		"@ikun-ui/icon": "workspace:*",
 		"@ikun-ui/utils": "workspace:*",
 		"baiwusanyu-utils": "^1.0.18",
+		"svelte": "^4.2.7",
 		"clsx": "^2.1.0"
 	},
 	"devDependencies": {
 		"@tsconfig/svelte": "^5.0.2",
-		"svelte-strip": "^3.1.1",
+		"@sveltejs/package": "^2.0.0",
 		"tslib": "^2.6.2",
 		"typescript": "^5.3.3"
 	}

components/Avatar/src/index.svelte

@@ -3,24 +3,25 @@
 	import { KIcon } from '@ikun-ui/icon';
 	import { getPrefixCls } from '@ikun-ui/utils';
 	import { isNumber } from 'baiwusanyu-utils';
-	import { clsx, type ClassValue } from 'clsx';
-
-	export let icon: string = '';
-	export let src: string = '';
-	export let srcSet: string = '';
-	export let alt: string = '';
-	export let fit: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down' = 'cover';
-	export let size: string | number = '50px';
-	export let radius: string | number = '4px';
-	export let cls: ClassValue = undefined;
-	export let attrs: Record<string, string> = {};
-
-	let avatarSize: string = size;
+	import { clsx } from 'clsx';
+	import type { KAvatarProps } from './types';
+
+	export let icon: KAvatarProps['icon'] = '';
+	export let src: KAvatarProps['src'] = '';
+	export let srcSet: KAvatarProps['srcSet'] = '';
+	export let alt: KAvatarProps['alt'] = '';
+	export let fit: KAvatarProps['fit'] = 'cover';
+	export let size: KAvatarProps['size'] = '50px';
+	export let radius: KAvatarProps['radius'] = '4px';
+	export let cls: KAvatarProps['cls'] = '';
+	export let attrs: KAvatarProps['attrs'] = {};
+
+	let avatarSize: KAvatarProps['size'] = size;
 	$: if (isNumber(size)) {
 		avatarSize = `${size}px`;
 	}
 
-	let avatarRadius: string = radius;
+	let avatarRadius: KAvatarProps['radius'] = radius;
 	$: if (isNumber(radius)) {
 		avatarRadius = `${radius}px`;
 	}
@@ -32,9 +33,9 @@
 
 	const dispatch = createEventDispatcher();
 
-	const onError = (event: CustomEvent) => {
+	const onError = (event: Event & { currentTarget: EventTarget & Element }) => {
 		hasLoadError = true;
-		dispatch('error', event);
+		dispatch('error', event as unknown as CustomEvent);
 	};
 
 	// remove extra space from class names

components/Avatar/src/index.ts

@@ -4,3 +4,5 @@ import Avatar from './index.svelte';
 export default Avatar;
 
 export { Avatar as KAvatar };
+
+export type { KAvatarProps } from './types';

components/Avatar/src/types.d.ts

@@ -1 +1,15 @@
 /// <reference types="svelte" />
+
+import type { ClassValue } from 'clsx';
+
+export type KAvatarProps = {
+	icon: string;
+	src: string;
+	srcSet: string;
+	alt: string;
+	fit: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
+	size: string | number;
+	radius: string | number;
+	cls: ClassValue;
+	attrs: Record<string, string>;
+};

components/Backtop/package.json

@@ -20,9 +20,7 @@
 		"package.json"
 	],
 	"scripts": {
-		"build": "npm run build:js && npm run build:svelte",
-		"build:js": "tsc -p . --outDir dist/ --rootDir src/",
-		"build:svelte": "svelte-strip strip src/ dist",
+		"build": "svelte-package -i src",
 		"publish:pre": "node ../../scripts/pre-publish.js",
 		"publish:npm": "pnpm run publish:pre && pnpm publish --no-git-checks --access public"
 	},
@@ -37,12 +35,13 @@
 		"@ikun-ui/icon": "workspace:*",
 		"@ikun-ui/utils": "workspace:*",
 		"baiwusanyu-utils": "^1.0.18",
+		"svelte": "^4.2.7",
 		"clsx": "^2.1.0",
 		"smoke-distance": "^1.0.3"
 	},
 	"devDependencies": {
 		"@tsconfig/svelte": "^5.0.2",
-		"svelte-strip": "^3.1.1",
+		"@sveltejs/package": "^2.0.0",
 		"tslib": "^2.6.2",
 		"typescript": "^5.3.3"
 	}

components/Backtop/src/index.ts

@@ -3,3 +3,4 @@ import Backtop from './index.svelte';
 export { Backtop as KBacktop };
 
 export default Backtop;
+export type { KBacktopProps } from './types';

components/Badge/package.json

@@ -20,9 +20,7 @@
 		"package.json"
 	],
 	"scripts": {
-		"build": "npm run build:js && npm run build:svelte",
-		"build:js": "tsc -p . --outDir dist/ --rootDir src/",
-		"build:svelte": "svelte-strip strip src/ dist",
+		"build": "svelte-package -i src",
 		"publish:pre": "node ../../scripts/pre-publish.js",
 		"publish:npm": "pnpm run publish:pre && pnpm publish --no-git-checks --access public"
 	},
@@ -36,11 +34,12 @@
 	"dependencies": {
 		"@ikun-ui/utils": "workspace:*",
 		"baiwusanyu-utils": "^1.0.18",
+		"svelte": "^4.2.7",
 		"clsx": "^2.1.0"
 	},
 	"devDependencies": {
 		"@tsconfig/svelte": "^5.0.2",
-		"svelte-strip": "^3.1.1",
+		"@sveltejs/package": "^2.0.0",
 		"tslib": "^2.6.2",
 		"typescript": "^5.3.3"
 	}

components/Badge/src/index.svelte

@@ -1,16 +1,16 @@
 <script lang="ts">
 	import { isNumber } from 'baiwusanyu-utils';
-	import type { IKunTypePro } from '@ikun-ui/utils';
 	import { getPrefixCls } from '@ikun-ui/utils';
-	import { clsx, type ClassValue } from 'clsx';
+	import { clsx } from 'clsx';
+	import type { KBadgeProps } from './types';
 
-	export let value: string | number = '';
-	export let max: number = 99;
-	export let isDot: boolean = false;
-	export let show: boolean = true;
-	export let type: IKunTypePro = 'error';
-	export let cls: ClassValue = undefined;
-	export let attrs: Record<string, string> = {};
+	export let value: KBadgeProps['value'] = '';
+	export let max: KBadgeProps['max'] = 99;
+	export let isDot: KBadgeProps['isDot'] = false;
+	export let show: KBadgeProps['show'] = true;
+	export let type: KBadgeProps['type'] = 'error';
+	export let cls: KBadgeProps['cls'] = '';
+	export let attrs: KBadgeProps['attrs'] = {};
 
 	let content = `${value}`;
 	$: if (isDot) {

components/Badge/src/index.ts

@@ -4,3 +4,5 @@ import Badge from './index.svelte';
 export default Badge;
 
 export { Badge as KBadge };
+
+export type { KBadgeProps } from './types';

components/Badge/src/types.d.ts

@@ -1 +1,13 @@
 /// <reference types="svelte" />
+import type { ClassValue } from 'clsx';
+import type { IKunTypePro } from '@ikun-ui/utils';
+
+export type KBadgeProps = {
+	value: string | number;
+	max: number;
+	isDot: boolean;
+	show: boolean;
+	type: IKunTypePro;
+	cls: ClassValue;
+	attrs: Record<string, string>;
+};

components/Breadcrumb/package.json

@@ -20,9 +20,7 @@
 		"package.json"
 	],
 	"scripts": {
-		"build": "npm run build:js && npm run build:svelte",
-		"build:js": "tsc -p . --outDir dist/ --rootDir src/",
-		"build:svelte": "svelte-strip strip src/ dist",
+		"build": "svelte-package -i src",
 		"publish:pre": "node ../../scripts/pre-publish.js",
 		"publish:npm": "pnpm run publish:pre && pnpm publish --no-git-checks --access public"
 	},
@@ -37,11 +35,12 @@
 		"@ikun-ui/icon": "workspace:*",
 		"@ikun-ui/utils": "workspace:*",
 		"baiwusanyu-utils": "^1.0.18",
+		"svelte": "^4.2.7",
 		"clsx": "^2.1.0"
 	},
 	"devDependencies": {
 		"@tsconfig/svelte": "^5.0.2",
-		"svelte-strip": "^3.1.1",
+		"@sveltejs/package": "^2.0.0",
 		"tslib": "^2.6.2",
 		"typescript": "^5.3.3"
 	}

components/Breadcrumb/src/index.ts

@@ -3,3 +3,4 @@ import Breadcrumb from './index.svelte';
 export { Breadcrumb as KBreadcrumb };
 
 export default Breadcrumb;
+export type { KBreadcrumbProps } from './types';

components/BreadcrumbItem/package.json

@@ -20,9 +20,7 @@
 		"package.json"
 	],
 	"scripts": {
-		"build": "npm run build:js && npm run build:svelte",
-		"build:js": "tsc -p . --outDir dist/ --rootDir src/",
-		"build:svelte": "svelte-strip strip src/ dist",
+		"build": "svelte-package -i src",
 		"publish:pre": "node ../../scripts/pre-publish.js",
 		"publish:npm": "pnpm run publish:pre && pnpm publish --no-git-checks --access public"
 	},
@@ -36,12 +34,13 @@
 	"dependencies": {
 		"@ikun-ui/icon": "workspace:*",
 		"@ikun-ui/utils": "workspace:*",
+		"svelte": "^4.2.7",
 		"baiwusanyu-utils": "^1.0.18",
 		"clsx": "^2.1.0"
 	},
 	"devDependencies": {
 		"@tsconfig/svelte": "^5.0.2",
-		"svelte-strip": "^3.1.1",
+		"@sveltejs/package": "^2.0.0",
 		"tslib": "^2.6.2",
 		"typescript": "^5.3.3"
 	}

components/BreadcrumbItem/src/index.ts

@@ -3,3 +3,5 @@ import BreadcrumbItem from './index.svelte';
 export { BreadcrumbItem as KBreadcrumbItem };
 
 export default BreadcrumbItem;
+
+export type { KBreadcrumbItemProps, KBreadcrumbItemPropsPropsInner } from './types';