lumen-plus 0.0.1

package/dist/components/InputNumber/InputNumber.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { InputNumberSize } from './types';
+interface InputNumberProps {
+    modelValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: number;
+    size?: InputNumberSize;
+    disabled?: boolean;
+    readonly?: boolean;
+    controls?: boolean;
+    controlsPosition?: '' | 'right';
+    placeholder?: string;
+    class?: string;
+}
+declare const InputNumber: import("svelte").Component<InputNumberProps, {}, "modelValue">;
+type InputNumber = ReturnType<typeof InputNumber>;
+export default InputNumber;

package/dist/components/InputNumber/index.d.ts

@@ -0,0 +1,4 @@
+import InputNumber from './InputNumber.svelte';
+export { InputNumber };
+export type { InputNumberProps, InputNumberSize } from './types';
+export default InputNumber;

package/dist/components/InputNumber/index.js

@@ -0,0 +1,3 @@
+import InputNumber from './InputNumber.svelte';
+export { InputNumber };
+export default InputNumber;

package/dist/components/InputNumber/types.d.ts

@@ -0,0 +1,29 @@
+/** InputNumber 尺寸 */
+export type InputNumberSize = 'small' | 'default' | 'large';
+/** InputNumber 属性 */
+export interface InputNumberProps {
+    /** 绑定值 */
+    modelValue?: number;
+    /** 最小值 */
+    min?: number;
+    /** 最大值 */
+    max?: number;
+    /** 步长 */
+    step?: number;
+    /** 精度 */
+    precision?: number;
+    /** 尺寸 */
+    size?: InputNumberSize;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 是否使用控制按钮 */
+    controls?: boolean;
+    /** 控制按钮位置 */
+    controlsPosition?: '' | 'right';
+    /** 占位符 */
+    placeholder?: string;
+    /** 自定义类名 */
+    class?: string;
+}

package/dist/components/InputNumber/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/InputTag/InputTag.svelte

@@ -0,0 +1,160 @@
+<script lang="ts">
+    import Tag from '../../Tag/src'
+
+    import type { InputTagProps } from './types'
+
+    const escapeRegExp = (s: string): string => s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+
+    let {
+        modelValue = $bindable<string[]>([]),
+        placeholder = '请输入标签',
+        disabled = false,
+        readonly = false,
+        size = 'default',
+        max,
+        allowDuplicates = false,
+        separator = /[,，\n]/,
+        tagType = 'info',
+        onchange,
+        class: cls = '',
+        ...attrs
+    }: InputTagProps = $props()
+
+    let inputRef: HTMLInputElement | null = $state(null)
+    let inputValue = $state('')
+    let focused = $state(false)
+
+    const separatorRe = $derived.by(() => {
+        if (separator instanceof RegExp) return separator
+        const s = String(separator ?? '')
+        if (!s) return /[,，\n]/
+        return new RegExp(`[${escapeRegExp(s)}]`)
+    })
+
+    const tagSize = $derived.by(() => {
+        if (size === 'small') return 'small'
+        if (size === 'large') return 'large'
+        return 'medium'
+    })
+
+    const classes = $derived(
+        [
+            'lm-input-tag',
+            `lm-input-tag--${size}`,
+            disabled && 'is-disabled',
+            readonly && 'is-readonly',
+            focused && 'is-focused',
+            cls,
+        ]
+            .filter(Boolean)
+            .join(' ')
+    )
+
+    const focusInput = (): void => {
+        if (disabled || readonly) return
+        inputRef?.focus()
+    }
+
+    const emitChange = (): void => {
+        onchange?.([...modelValue])
+    }
+
+    const addTag = (tag: string): boolean => {
+        const nextTag = tag.trim()
+        if (!nextTag) return false
+        if (!allowDuplicates && modelValue.includes(nextTag)) return false
+        if (typeof max === 'number' && max >= 0 && modelValue.length >= max) return false
+
+        modelValue = [...modelValue, nextTag]
+        emitChange()
+        return true
+    }
+
+    const removeAt = (index: number): void => {
+        if (disabled || readonly) return
+        if (index < 0 || index >= modelValue.length) return
+        modelValue = modelValue.filter((_, i) => i !== index)
+        emitChange()
+    }
+
+    const commitFromRaw = (raw: string): void => {
+        const text = (raw ?? '').trim()
+        if (!text) return
+
+        const parts = text
+            .split(separatorRe)
+            .map((s) => s.trim())
+            .filter(Boolean)
+
+        let added = false
+        for (const part of parts) {
+            const ok = addTag(part)
+            added = added || ok
+            if (typeof max === 'number' && max >= 0 && modelValue.length >= max) break
+        }
+
+        if (added) inputValue = ''
+    }
+
+    const handleInput = (e: Event & { currentTarget: HTMLInputElement }): void => {
+        if (disabled || readonly) return
+        const val = e.currentTarget.value
+
+        // If user pasted multiple tags, commit all but keep the last chunk for continued typing.
+        const chunks = val.split(separatorRe)
+        if (chunks.length <= 1) {
+            inputValue = val
+            return
+        }
+
+        const last = chunks.pop() ?? ''
+        for (const chunk of chunks) commitFromRaw(chunk)
+        inputValue = last
+    }
+
+    const handleKeydown = (e: KeyboardEvent): void => {
+        if (disabled || readonly) return
+
+        if (e.key === 'Enter' || e.key === 'Tab') {
+            if (inputValue.trim()) {
+                e.preventDefault()
+                commitFromRaw(inputValue)
+            }
+            return
+        }
+
+        if (e.key === ',' || e.key === '，') {
+            e.preventDefault()
+            commitFromRaw(inputValue)
+            return
+        }
+
+        if (e.key === 'Backspace' && !inputValue) {
+            if (modelValue.length > 0) removeAt(modelValue.length - 1)
+        }
+    }
+</script>
+
+<div class={classes} onclick={focusInput} {...attrs}>
+    <div class="lm-input-tag__inner">
+        {#each modelValue as tag, i (allowDuplicates ? i : tag)}
+            <Tag type={tagType} size={tagSize} closable={!disabled && !readonly} onclose={() => removeAt(i)}>
+                {tag}
+            </Tag>
+        {/each}
+
+        <input
+            bind:this={inputRef}
+            class="lm-input-tag__input"
+            type="text"
+            value={inputValue}
+            placeholder={modelValue.length === 0 ? placeholder : ''}
+            disabled={disabled}
+            readonly={readonly}
+            onfocus={() => (focused = true)}
+            onblur={() => (focused = false)}
+            oninput={handleInput}
+            onkeydown={handleKeydown}
+        />
+    </div>
+</div>

package/dist/components/InputTag/InputTag.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { InputTagProps } from './types';
+declare const InputTag: import("svelte").Component<InputTagProps, {}, "modelValue">;
+type InputTag = ReturnType<typeof InputTag>;
+export default InputTag;

package/dist/components/InputTag/index.d.ts

@@ -0,0 +1,4 @@
+import InputTag from './InputTag.svelte';
+export default InputTag;
+export { InputTag };
+export type { InputTagProps, InputTagSize, InputTagTagType } from './types';

package/dist/components/InputTag/index.js

@@ -0,0 +1,3 @@
+import InputTag from './InputTag.svelte';
+export default InputTag;
+export { InputTag };

package/dist/components/InputTag/types.d.ts

@@ -0,0 +1,21 @@
+export type InputTagSize = 'small' | 'default' | 'large';
+export type InputTagTagType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+export interface InputTagProps {
+    /** Tag list value */
+    modelValue?: string[];
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: InputTagSize;
+    /** Maximum tag count */
+    max?: number;
+    /** Allow duplicate tags */
+    allowDuplicates?: boolean;
+    /** Split pasted/typed input by separator. Default: /[,，\n]/ */
+    separator?: RegExp | string;
+    /** Tag visual style */
+    tagType?: InputTagTagType;
+    /** Fired after value changes */
+    onchange?: (value: string[]) => void;
+    class?: string;
+}

package/dist/components/InputTag/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Link/Link.svelte

@@ -0,0 +1,38 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte'
+
+    interface LinkProps {
+        href?: string
+        type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info'
+        underline?: boolean
+        disabled?: boolean
+        children?: Snippet
+        onclick?: (e: MouseEvent) => void
+        target?: '_self' | '_blank' | '_parent' | '_top'
+        rel?: string
+        class?: string
+    }
+
+    let { href, type = 'default', underline = true, disabled = false, children, onclick, target, rel, class: cls = '', ...attrs }: LinkProps = $props()
+
+    const classes = $derived(`lm-link lm-link--${type}${underline ? ' is-underline' : ''}${disabled ? ' is-disabled' : ''}${cls ? ` ${cls}` : ''}`)
+
+    const handleClick = (e: MouseEvent): void => {
+        if (disabled) {
+            e.preventDefault()
+            e.stopPropagation()
+            return
+        }
+        onclick?.(e)
+    }
+</script>
+
+{#if href && !disabled}
+    <a {...attrs} class={classes} {href} {target} {rel} onclick={handleClick}>
+        {#if children}{@render children()}{/if}
+    </a>
+{:else}
+    <span {...attrs} class={classes} role="link" aria-disabled={disabled || undefined} onclick={handleClick}>
+        {#if children}{@render children()}{/if}
+    </span>
+{/if}

package/dist/components/Link/Link.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { Snippet } from 'svelte';
+interface LinkProps {
+    href?: string;
+    type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    underline?: boolean;
+    disabled?: boolean;
+    children?: Snippet;
+    onclick?: (e: MouseEvent) => void;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    rel?: string;
+    class?: string;
+}
+declare const Link: import("svelte").Component<LinkProps, {}, "">;
+type Link = ReturnType<typeof Link>;
+export default Link;

package/dist/components/Link/index.d.ts

@@ -0,0 +1,4 @@
+import Link from './Link.svelte';
+export { Link };
+export type { LinkProps, LinkType, LinkTarget } from './types';
+export default Link;

package/dist/components/Link/index.js

@@ -0,0 +1,3 @@
+import Link from './Link.svelte';
+export { Link };
+export default Link;

package/dist/components/Link/types.d.ts

@@ -0,0 +1,26 @@
+import type { Snippet } from 'svelte';
+/** Link 类型 */
+export type LinkType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+/** Link 目标 */
+export type LinkTarget = '_self' | '_blank' | '_parent' | '_top';
+/** Link 属性 */
+export interface LinkProps {
+    /** 链接地址 */
+    href?: string;
+    /** 类型 */
+    type?: LinkType;
+    /** 是否显示下划线 */
+    underline?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 子内容 */
+    children?: Snippet;
+    /** 点击事件 */
+    onclick?: (e: MouseEvent) => void;
+    /** 打开方式 */
+    target?: LinkTarget;
+    /** rel 属性 */
+    rel?: string;
+    /** 自定义类名 */
+    class?: string;
+}

package/dist/components/Link/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Loading/Loading.svelte

@@ -0,0 +1,56 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte'
+    import Icon from '../Icon'
+    import { Loader2 } from 'lucide'
+
+    interface LoadingProps {
+        visible?: boolean
+        fullscreen?: boolean
+        lock?: boolean
+        text?: string
+        background?: string
+        spinner?: Snippet
+        children?: Snippet
+        class?: string
+    }
+
+    let { visible = false, fullscreen = false, lock = true, text = '', background, spinner, children, class: cls = '', ...attrs }: LoadingProps = $props()
+
+    $effect(() => {
+        if (!fullscreen || !lock) return
+        document.body.style.overflow = visible ? 'hidden' : ''
+        return () => {
+            document.body.style.overflow = ''
+        }
+    })
+
+    const classes = $derived(`lm-loading${fullscreen ? ' is-fullscreen' : ''}${cls ? ` ${cls}` : ''}`)
+    const maskStyle = $derived.by(() => {
+        if (!background) return undefined
+        // 用 CSS 变量覆写默认遮罩背景（theme-chalk 会在 dark 下自动切换变量）
+        return `--lm-loading-mask-bg: ${background}`
+    })
+</script>
+
+<div class={classes} {...attrs} aria-busy={visible} aria-live="polite">
+    {#if children}
+        {@render children()}
+    {/if}
+
+    {#if visible}
+        <div class="lm-loading__mask" style={maskStyle} role="status" aria-label="Loading">
+            <div class="lm-loading__spinner">
+                {#if spinner}
+                    {@render spinner()}
+                {:else}
+                    <div class="lm-loading__icon">
+                        <Icon icon={Loader2} size={42} />
+                    </div>
+                {/if}
+                {#if text}
+                    <p class="lm-loading__text">{text}</p>
+                {/if}
+            </div>
+        </div>
+    {/if}
+</div>

package/dist/components/Loading/Loading.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { Snippet } from 'svelte';
+interface LoadingProps {
+    visible?: boolean;
+    fullscreen?: boolean;
+    lock?: boolean;
+    text?: string;
+    background?: string;
+    spinner?: Snippet;
+    children?: Snippet;
+    class?: string;
+}
+declare const Loading: import("svelte").Component<LoadingProps, {}, "">;
+type Loading = ReturnType<typeof Loading>;
+export default Loading;
+//# sourceMappingURL=Loading.svelte.d.ts.map

package/dist/components/Loading/index.d.ts

@@ -0,0 +1,4 @@
+import Loading from './Loading.svelte';
+export { Loading };
+export type { LoadingProps } from './types';
+export default Loading;

package/dist/components/Loading/index.js

@@ -0,0 +1,3 @@
+import Loading from './Loading.svelte';
+export { Loading };
+export default Loading;

package/dist/components/Loading/types.d.ts

@@ -0,0 +1,20 @@
+import type { Snippet } from 'svelte';
+/** Loading 属性 */
+export interface LoadingProps {
+    /** 是否显示 */
+    visible?: boolean;
+    /** 是否全屏 */
+    fullscreen?: boolean;
+    /** 是否锁定滚动 */
+    lock?: boolean;
+    /** 加载文本 */
+    text?: string;
+    /** 背景色 */
+    background?: string;
+    /** 自定义图标 */
+    spinner?: Snippet;
+    /** 子内容（被遮罩的内容） */
+    children?: Snippet;
+    /** 自定义类名 */
+    class?: string;
+}

package/dist/components/Loading/types.js

@@ -0,0 +1 @@
+export {};