lumen-plus 0.0.6 → 0.0.7

package/dist/components/Form/FormInternals.d.ts

@@ -0,0 +1,40 @@
+import type { FormContext } from './FormContext';
+import type { FormItemRule, FormItemValidateResult } from './types';
+export interface RunValidateOptions {
+    value: any;
+    rules: FormItemRule[];
+    trigger?: 'input' | 'change' | 'blur' | 'submit';
+    setState: (s: {
+        message?: string;
+        type?: 'error' | 'success' | 'warning';
+    } | null) => void;
+    setValidating: (v: boolean) => void;
+}
+export interface CreateFormControllerOptions {
+    model: Record<string, any>;
+    rules: Record<string, FormItemRule[]>;
+    labelWidth?: string;
+    size?: 'small' | 'medium' | 'large';
+    disabled?: boolean;
+    inline?: boolean;
+    dispatch: (name: string, detail?: any) => void;
+}
+export declare const runValidate: ({ value, rules, trigger, setState, setValidating }: RunValidateOptions) => Promise<FormItemValidateResult>;
+export declare const createFormController: (opts: CreateFormControllerOptions) => {
+    context: FormContext;
+    validate: (props?: string[]) => Promise<boolean>;
+    validateField: (props: string | string[]) => Promise<boolean>;
+    clearValidation: (props?: string[]) => void;
+    resetFields: (props?: string[]) => void;
+    scrollToField: (prop: string) => void;
+};
+interface MergeRulesParams {
+    required: boolean;
+    label?: string;
+    prop: string;
+    itemRules?: FormItemRule[];
+    formRules?: FormItemRule[];
+}
+export declare const mergeFormItemRules: ({ required, label, prop, itemRules, formRules }: MergeRulesParams) => FormItemRule[];
+export declare const shouldTriggerChange: (rules: FormItemRule[]) => boolean;
+export {};

package/dist/components/Form/FormItem.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { FormItemProps } from './types';
+interface Props extends FormItemProps {
+    children?: Snippet;
+}
+declare const FormItem: import("svelte").Component<Props, {}, "">;
+type FormItem = ReturnType<typeof FormItem>;
+export default FormItem;

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

@@ -0,0 +1,3 @@
+export { default as Form } from './Form.svelte';
+export { default as FormItem } from './FormItem.svelte';
+export type * from './types';

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

@@ -0,0 +1,61 @@
+import type { HTMLFormAttributes } from 'svelte/elements';
+export type FormSize = 'small' | 'medium' | 'large';
+export type FormValidateTrigger = 'input' | 'change' | 'blur' | 'submit';
+export type FormValidateMessageType = 'error' | 'success' | 'warning';
+export interface FormItemValidateResult {
+    valid: boolean;
+    message?: string;
+    type?: FormValidateMessageType;
+}
+export interface FormItemRule {
+    required?: boolean;
+    message?: string;
+    /** 校验提示消息的类型（用于 UI 呈现） */
+    messageType?: FormValidateMessageType;
+    trigger?: FormValidateTrigger | FormValidateTrigger[];
+    /** async-validator 的 type（常见：string/number/boolean/array/object/email/url/date 等） */
+    type?: string;
+    /** 是否将仅包含空白字符视为无效（常用于 required 场景） */
+    whitespace?: boolean;
+    /** 枚举值 */
+    enum?: any[];
+    /** 字符串长度下限 */
+    min?: number;
+    /** 字符串长度上限 */
+    max?: number;
+    /** 字符串长度必须等于 */
+    len?: number;
+    /** 正则校验 */
+    pattern?: RegExp | string;
+    /** 值变换（用于校验前预处理） */
+    transform?: (value: any) => any;
+    /** 自定义校验（简化版：返回 true/false 或错误消息字符串，支持 Promise） */
+    validator?: (value: any) => boolean | string | Promise<boolean | string>;
+    /** 高级自定义校验（async-validator 原生签名） */
+    asyncValidator?: (...args: any[]) => void | Promise<void>;
+}
+export interface FormProps extends Omit<HTMLFormAttributes, 'size' | 'class' | 'children' | 'onsubmit'> {
+    model?: Record<string, any>;
+    rules?: Record<string, FormItemRule[]>;
+    inline?: boolean;
+    labelWidth?: string;
+    size?: FormSize;
+    disabled?: boolean;
+    class?: string;
+    /** 校验完成后的提交回调（Enter/原生 submit/点击 submit 均会走这里） */
+    onsubmit?: (event: CustomEvent<{
+        valid: boolean;
+        model: Record<string, any>;
+        event: SubmitEvent;
+    } & Record<string, any>>) => void;
+}
+export interface FormItemProps {
+    prop: string;
+    label?: string;
+    rules?: FormItemRule[];
+    showMessage?: boolean;
+    inlineMessage?: boolean;
+    size?: FormSize;
+    required?: boolean;
+    class?: string;
+}

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

@@ -0,0 +1,11 @@
+import type { IconNode } from 'lucide';
+interface IconProps {
+    icon: IconNode;
+    size?: number | string;
+    color?: string;
+    strokeWidth?: number;
+    class?: string;
+}
+declare const Icon: import("svelte").Component<IconProps, {}, "">;
+type Icon = ReturnType<typeof Icon>;
+export default Icon;

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

@@ -0,0 +1,5 @@
+export { default } from './Icon.svelte';
+export { default as Icon } from './Icon.svelte';
+export type { IconProps } from './types';
+export type { IconNode } from 'lucide';
+export { Check, X, Plus, Minus, Edit, Trash2, Copy, Download, Upload, Save, Search, Filter, Settings, RefreshCw, MoreVertical, MoreHorizontal, ChevronLeft, ChevronRight, ChevronUp, ChevronDown, ArrowLeft, ArrowRight, ArrowUp, ArrowDown, AlertCircle, AlertTriangle, CheckCircle, Info, XCircle, HelpCircle, Eye, EyeOff, Heart, Star, Home, Menu, Bell, User, Mail, Lock, Calendar, Clock, File, Folder, FileText, Image, Play, Pause, Volume2, VolumeX, } from 'lucide';

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

@@ -0,0 +1,14 @@
+import type { IconNode } from 'lucide';
+/** Icon 属性 */
+export interface IconProps {
+    /** 图标 */
+    icon: IconNode;
+    /** 尺寸 */
+    size?: number | string;
+    /** 颜色 */
+    color?: string;
+    /** 描边宽度 */
+    strokeWidth?: number;
+    /** 自定义类名 */
+    class?: string;
+}

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

@@ -0,0 +1,20 @@
+import type { Snippet } from 'svelte';
+import type { ImageFit } from './types';
+interface ImageProps {
+    src?: string;
+    alt?: string;
+    fit?: ImageFit;
+    lazy?: boolean;
+    previewSrcList?: string[];
+    initialIndex?: number;
+    hideOnClickModal?: boolean;
+    placeholder?: Snippet;
+    error?: Snippet;
+    onload?: (e: Event) => void;
+    onerror?: (e: Event) => void;
+    children?: Snippet;
+    class?: string;
+}
+declare const Image: import("svelte").Component<ImageProps, {}, "">;
+type Image = ReturnType<typeof Image>;
+export default Image;

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

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

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

@@ -0,0 +1,32 @@
+import type { Snippet } from 'svelte';
+/** Image 填充模式 */
+export type ImageFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
+/** Image 属性 */
+export interface ImageProps {
+    /** 图片地址 */
+    src?: string;
+    /** 图片描述 */
+    alt?: string;
+    /** 填充模式 */
+    fit?: ImageFit;
+    /** 是否懒加载 */
+    lazy?: boolean;
+    /** 预览图片列表 */
+    previewSrcList?: string[];
+    /** 初始预览索引 */
+    initialIndex?: number;
+    /** 是否隐藏点击图片时的预览 */
+    hideOnClickModal?: boolean;
+    /** 加载中插槽 */
+    placeholder?: Snippet;
+    /** 加载失败插槽 */
+    error?: Snippet;
+    /** 加载事件 */
+    onload?: (e: Event) => void;
+    /** 错误事件 */
+    onerror?: (e: Event) => void;
+    /** 子内容 */
+    children?: Snippet;
+    /** 自定义类名 */
+    class?: string;
+}

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

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

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

@@ -0,0 +1,4 @@
+import Input from './Input.svelte';
+export { Input };
+export type { InputProps, InputType, InputSize } from './types';
+export default Input;

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

@@ -0,0 +1,72 @@
+import type { Snippet } from 'svelte';
+/** Input 类型 */
+export type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
+/** Input 尺寸 */
+export type InputSize = 'small' | 'medium' | 'large';
+/** Input 属性 */
+export interface InputProps {
+    /** 绑定值 */
+    value?: string;
+    /** 输入框类型 */
+    type?: InputType;
+    /** 尺寸 */
+    size?: InputSize;
+    /** 占位符 */
+    placeholder?: string;
+    /** 原生 name（对浏览器自动填充很关键） */
+    name?: string;
+    /** 原生 id */
+    id?: string;
+    /** 原生 autocomplete */
+    autocomplete?: string;
+    /** 原生 autocapitalize */
+    autocapitalize?: 'off' | 'on' | 'characters' | 'none' | 'sentences' | 'words' | null;
+    /** 原生 spellcheck */
+    spellcheck?: boolean;
+    /** 无可视 label 时的可访问性标签（透传到 input） */
+    'aria-label'?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否可清空 */
+    clearable?: boolean;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 密码可见切换（仅 type=password 时生效） */
+    showPassword?: boolean;
+    /** 最大长度 */
+    maxlength?: number;
+    /** 前缀内容 */
+    prefix?: Snippet;
+    /** 后缀内容 */
+    suffix?: Snippet;
+    /** 输入事件 */
+    oninput?: (e: Event & {
+        currentTarget: HTMLInputElement;
+    }) => void;
+    /** 变化事件 */
+    onchange?: (e: Event & {
+        currentTarget: HTMLInputElement;
+    }) => void;
+    /** 聚焦事件 */
+    onfocus?: (e: FocusEvent & {
+        currentTarget: HTMLInputElement;
+    }) => void;
+    /** 失焦事件 */
+    onblur?: (e: FocusEvent & {
+        currentTarget: HTMLInputElement;
+    }) => void;
+    /** 键盘按下事件 */
+    onkeydown?: (e: KeyboardEvent & {
+        currentTarget: HTMLInputElement;
+    }) => void;
+    /** 键盘抬起事件 */
+    onkeyup?: (e: KeyboardEvent & {
+        currentTarget: HTMLInputElement;
+    }) => void;
+    /** 清空事件 */
+    onclear?: () => void;
+    /** 自定义类名 */
+    class?: string;
+    /** 是否被浏览器自动填充（只读，由组件内部检测 :-webkit-autofill 设置） */
+    autofilled?: boolean;
+}

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/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/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/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/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/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/Loading/Loading.svelte.d.ts

@@ -0,0 +1,14 @@
+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;

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/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/Menu/Menu.svelte.d.ts

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

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

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

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

@@ -0,0 +1,18 @@
+import type { IconNode } from 'lucide';
+export interface MenuItem {
+    id?: string | number;
+    label: string;
+    icon?: IconNode;
+    children?: MenuItem[];
+    disabled?: boolean;
+    group?: string;
+}
+export interface MenuProps {
+    items?: MenuItem[];
+    activeId?: string | number;
+    mode?: 'vertical' | 'horizontal';
+    collapsed?: boolean;
+    accordion?: boolean;
+    class?: string;
+    onselect?: (id: string | number, item: MenuItem) => void;
+}

package/dist/components/Message/MessageBox.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { MessageItem, CloseMessageFn } from './types';
+interface Props {
+    messages: MessageItem[];
+    onClose: CloseMessageFn;
+}
+declare const MessageBox: import("svelte").Component<Props, {
+    setMessages: (next: MessageItem[]) => void;
+}, "messages">;
+type MessageBox = ReturnType<typeof MessageBox>;
+export default MessageBox;

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

@@ -0,0 +1,15 @@
+import type { MessageOptions, MessageItem, MessageType, CloseMessageFn } from './types';
+/** 移除消息 */
+declare const removeMessage: CloseMessageFn;
+/** Message 主函数 */
+declare const Message: {
+    (options: MessageOptions | string): void;
+    success(message: string, options?: Omit<MessageOptions, "message" | "type">): void;
+    warning(message: string, options?: Omit<MessageOptions, "message" | "type">): void;
+    error(message: string, options?: Omit<MessageOptions, "message" | "type">): void;
+    info(message: string, options?: Omit<MessageOptions, "message" | "type">): void;
+    closeAll(): void;
+};
+export { Message, removeMessage };
+export type { MessageOptions, MessageItem, MessageType, CloseMessageFn };
+export default Message;

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

@@ -0,0 +1,28 @@
+/** 消息类型 */
+export type MessageType = 'success' | 'warning' | 'error' | 'info';
+/** 消息配置选项 */
+export interface MessageOptions {
+    /** 消息内容 */
+    message: string;
+    /** 消息类型 */
+    type?: MessageType;
+    /** 显示时间（毫秒），设为 0 则不会自动关闭 */
+    duration?: number;
+    /** 是否显示关闭按钮 */
+    showClose?: boolean;
+    /** 文字是否居中 */
+    center?: boolean;
+    /** 距离顶部的偏移量 */
+    offset?: number;
+    /** 关闭时的回调函数 */
+    onClose?: () => void;
+}
+/** 消息项（内部使用） */
+export interface MessageItem extends MessageOptions {
+    /** 消息唯一标识 */
+    id: number;
+    /** 是否可见 */
+    visible: boolean;
+}
+/** 关闭消息的回调函数类型 */
+export type CloseMessageFn = (id: number) => void;

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

@@ -0,0 +1,7 @@
+interface Props {
+    zIndex?: number;
+    showClose?: boolean;
+}
+declare const MessageBox: import("svelte").Component<Props, {}, "">;
+type MessageBox = ReturnType<typeof MessageBox>;
+export default MessageBox;

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

@@ -0,0 +1,4 @@
+import MessageBox from './MessageBox.svelte';
+export { MessageBox };
+export type { MessageBoxOptions, MessageBoxType, CloseMessageBoxFn } from './types';
+export default MessageBox;

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

@@ -0,0 +1,21 @@
+/** 消息框类型 */
+export type MessageBoxType = 'info' | 'success' | 'warning' | 'error';
+/** 消息框配置选项 */
+export interface MessageBoxOptions {
+    /** 标题 */
+    title?: string;
+    /** 内容 */
+    content: string;
+    /** 类型 */
+    type?: MessageBoxType;
+    /** 确认按钮文字 */
+    okText?: string;
+    /** 取消按钮文字 */
+    cancelText?: string;
+    /** 确认回调 */
+    onOk?: () => void;
+    /** 取消回调 */
+    onCancel?: () => void;
+}
+/** 关闭消息框的回调函数类型 */
+export type CloseMessageBoxFn = () => void;

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

@@ -0,0 +1,7 @@
+import type { NotificationPlacement } from './types';
+interface Props {
+    defaultPlacement?: NotificationPlacement;
+}
+declare const Notification: import("svelte").Component<Props, {}, "">;
+type Notification = ReturnType<typeof Notification>;
+export default Notification;

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

@@ -0,0 +1,4 @@
+import Notification from './Notification.svelte';
+export { Notification };
+export type { NotificationOptions, NotificationItem, NotificationType, NotificationPlacement, CloseNotificationFn } from './types';
+export default Notification;

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

@@ -0,0 +1,24 @@
+/** 通知类型 */
+export type NotificationType = 'success' | 'warning' | 'error' | 'info';
+/** 通知位置 */
+export type NotificationPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+/** 通知配置选项 */
+export interface NotificationOptions {
+    /** 标题 */
+    title?: string;
+    /** 消息内容 */
+    message: string;
+    /** 类型 */
+    type?: NotificationType;
+    /** 显示时间（毫秒） */
+    duration?: number;
+    /** 显示位置 */
+    placement?: NotificationPlacement;
+}
+/** 通知项（内部使用） */
+export interface NotificationItem extends NotificationOptions {
+    /** 唯一标识 */
+    id: number;
+}
+/** 关闭通知的回调函数类型 */
+export type CloseNotificationFn = (id: number) => void;