syncraft/svelte-ui
1
0
Fork 0
Code Packages Activity

das

Browse Source
This commit is contained in:
zyxd
2026-06-22 15:57:57 +04:00
parent b04209650e
commit c500318676
2 changed files with 59 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
package.json
View File

@@ -1,49 +1,49 @@
{ {
"name": "@syncraft/svelte-ui", "name": "@syncraft/svelte-ui",
"version": "1.0.4", "version": "1.0.5",
"scripts": { "scripts": {
"dev": "vite dev", "dev": "vite dev",
"build": "vite build && npm run prepack", "build": "vite build && npm run prepack",
"preview": "vite preview", "preview": "vite preview",
"prepare": "svelte-kit sync || echo ''", "prepare": "svelte-kit sync || echo ''",
"prepack": "svelte-kit sync && svelte-package && publint" "prepack": "svelte-kit sync && svelte-package && publint"
}, },
"files": [ "files": [
"dist", "dist",
"!dist/**/*.test.*", "!dist/**/*.test.*",
"!dist/**/*.spec.*" "!dist/**/*.spec.*"
], ],
"sideEffects": [ "sideEffects": [
"**/*.css" "**/*.css"
], ],
"svelte": "./dist/index.js", "svelte": "./dist/index.js",
"types": "./dist/index.d.ts", "types": "./dist/index.d.ts",
"type": "module", "type": "module",
"exports": { "exports": {
".": { ".": {
"types": "./dist/index.d.ts", "types": "./dist/index.d.ts",
"svelte": "./dist/index.js" "svelte": "./dist/index.js"
} }
}, },
"peerDependencies": { "peerDependencies": {
"svelte": "^5.0.0" "svelte": "^5.0.0"
}, },
"devDependencies": { "devDependencies": {
"@sveltejs/adapter-auto": "^7.0.0", "@sveltejs/adapter-auto": "^7.0.0",
"@sveltejs/kit": "^2.49.2", "@sveltejs/kit": "^2.49.2",
"@sveltejs/package": "^2.5.7", "@sveltejs/package": "^2.5.7",
"@sveltejs/vite-plugin-svelte": "^6.2.1", "@sveltejs/vite-plugin-svelte": "^6.2.1",
"publint": "^0.3.16", "publint": "^0.3.16",
"svelte": "^5.46.0", "svelte": "^5.46.0",
"typescript": "^5.9.3", "typescript": "^5.9.3",
"vite": "^7.3.0" "vite": "^7.3.0"
}, },
"keywords": [ "keywords": [
"svelte" "svelte"
], ],
"pnpm": { "pnpm": {
"onlyBuiltDependencies": [ "onlyBuiltDependencies": [
"esbuild" "esbuild"
] ]
} }
} }

24
src/lib/components/Picture.svelte
View File

@@ -1,33 +1,31 @@
<script>
import Image from "$lib/components/Image.svelte";
let { src, ...others } = $props();
</script>
{#if src} {#if src}
<picture> <picture>
{#if src?.sources} {#if src?.sources}
{#each Object.entries(src.sources) as [ format, srcset ]} {#each Object.entries(src.sources) as [format, srcset]}
<source {srcset} type={`image/${format}`}/> <source {srcset} type={`image/${format}`} />
{/each} {/each}
{/if} {/if}
<Image <Image
src={src?.img?.src || src} src={src?.img?.src || src}
width={src?.img?.w} width={src?.img?.w}
height={src?.img?.h} height={src?.img?.h}
sizes="auto"
{...others} {...others}
/> />
</picture> </picture>
{/if} {/if}
<script>
import Image from '$lib/components/Image.svelte'
let {
src,
...others
} = $props()
</script>
<style lang="scss"> <style lang="scss">
picture { picture {
display: flex; display: flex;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
</style> </style>