luna-plus 0.0.40 → 0.0.43

package/dist/MessageBox/MessageBox.svelte

@@ -89,7 +89,7 @@
 {#if options}
   {@const opts = options}
   <div
-    class="lm-messagebox__wrapper"
+    class="ln-messagebox__wrapper"
     use:portal
   >
     <Dialog
@@ -99,23 +99,23 @@
       closeOnClickModal={false}
       closeOnEsc={true}
       onclose={handleCancel}
-      class={`lm-messagebox lm-messagebox--${opts.type ?? "info"}`}
+      class={`ln-messagebox ln-messagebox--${opts.type ?? "info"}`}
     >
       {#snippet header()}
-        <div class="lm-messagebox__header-content">
+        <div class="ln-messagebox__header-content">
           <Icon
             icon={getIcon(opts.type)}
             size={20}
-            class="lm-messagebox__icon"
+            class="ln-messagebox__icon"
           />
           {#if opts.title}
-            <span class="lm-messagebox__title">{opts.title}</span>
+            <span class="ln-messagebox__title">{opts.title}</span>
           {/if}
         </div>
       {/snippet}
 
       {#snippet children()}
-        <div class="lm-messagebox__body">{opts.content}</div>
+        <div class="ln-messagebox__body">{opts.content}</div>
       {/snippet}
 
       {#snippet footer()}

package/dist/MessageBox/messageBox.js

@@ -12,10 +12,10 @@ const ensureMounted = async () => {
     if (mountingPromise)
         return mountingPromise;
     mountingPromise = (async () => {
-        let container = document.querySelector('.lm-messagebox-container');
+        let container = document.querySelector('.ln-messagebox-container');
         if (!container) {
             container = document.createElement('div');
-            container.className = 'lm-messagebox-container';
+            container.className = 'ln-messagebox-container';
             document.body.appendChild(container);
         }
         // 容器已有内容（或标记）说明已挂载过 MessageBox。

package/dist/Notification/Notification.svelte

@@ -96,31 +96,31 @@
 {#if groupedNotifications}
   {#each Object.entries(groupedNotifications) as [placement, items] (placement)}
     <div
-      class="lm-notification-container lm-notification-container--{placement}"
+      class="ln-notification-container ln-notification-container--{placement}"
     >
       {#each items as notification (notification.id)}
         {#if notification.visible}
           <div
-            class="lm-notification lm-notification--{notification.type}"
+            class="ln-notification ln-notification--{notification.type}"
             transition:fly={{
               y: placement.startsWith("top") ? -20 : 20,
               duration: 250,
               opacity: 0,
             }}
           >
-            <div class="lm-notification__content">
-              <div class="lm-notification__header">
+            <div class="ln-notification__content">
+              <div class="ln-notification__header">
                 <Icon
                   icon={getIcon(notification.type)}
                   size={18}
-                  class="lm-notification__icon"
+                  class="ln-notification__icon"
                 />
                 {#if notification.title}
-                  <div class="lm-notification__title">{notification.title}</div>
+                  <div class="ln-notification__title">{notification.title}</div>
                 {/if}
               </div>
               <div
-                class="lm-notification__message"
+                class="ln-notification__message"
                 class:is-with-title={!!notification.title}
               >
                 {notification.message}
@@ -128,7 +128,7 @@
             </div>
             <button
               type="button"
-              class="lm-notification__close"
+              class="ln-notification__close"
               onclick={() => removeNotification(notification.id)}
               aria-label="Close"
             >

package/dist/Pagination/Pagination.svelte

@@ -186,7 +186,7 @@
 
   const isSmall = $derived(size === "small");
   const classes = $derived(
-    `lm-pagination${isSmall ? " lm-pagination--small" : ""}${background ? " is-background" : ""}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-pagination${isSmall ? " ln-pagination--small" : ""}${background ? " is-background" : ""}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
   );
 </script>
 
@@ -196,7 +196,7 @@
       {@const prevDisabled = disabled || clampPage(current) <= 1}
       <!-- svelte-ignore a11y_missing_attribute -->
       <a
-        class="lm-pagination__btn lm-pagination__btn--prev"
+        class="ln-pagination__btn ln-pagination__btn--prev"
         role="button"
         aria-disabled={prevDisabled}
         tabindex={prevDisabled ? -1 : 0}
@@ -217,23 +217,23 @@
         {/if}
       </a>
 
-      <span class="lm-pagination__simple">
+      <span class="ln-pagination__simple">
         <Input
-          class="lm-pagination__simple-editor"
+          class="ln-pagination__simple-editor"
           value={String(current)}
           size={isSmall ? "small" : "medium"}
           {disabled}
           oninput={(e) => (simpleValue = (e.target as HTMLInputElement).value)}
           onkeydown={(e) => e.key === "Enter" && handleSimpleCommit()}
         />
-        <span class="lm-pagination__simple-sep">/</span>
-        <span class="lm-pagination__simple-total">{totalPages}</span>
+        <span class="ln-pagination__simple-sep">/</span>
+        <span class="ln-pagination__simple-total">{totalPages}</span>
       </span>
 
       {@const nextDisabled = disabled || clampPage(current) >= totalPages}
       <!-- svelte-ignore a11y_missing_attribute -->
       <a
-        class="lm-pagination__btn lm-pagination__btn--next"
+        class="ln-pagination__btn ln-pagination__btn--next"
         role="button"
         aria-disabled={nextDisabled}
         tabindex={nextDisabled ? -1 : 0}
@@ -256,12 +256,12 @@
     {:else}
       {#each resolvedLayout as item (item)}
         {#if item === "total" && showTotal}
-          <span class="lm-pagination__total"
+          <span class="ln-pagination__total"
             >{formatTotal(showTotal as boolean | PaginationShowTotal)}</span
           >
         {:else if item === "sizes" && showSizeChanger}
           <Select
-            class="lm-pagination__sizes"
+            class="ln-pagination__sizes"
             modelValue={pageSize}
             options={sizeOptions}
             size={isSmall ? "small" : "default"}
@@ -272,7 +272,7 @@
           {@const prevDisabled = disabled || clampPage(current) <= 1}
           <!-- svelte-ignore a11y_missing_attribute -->
           <a
-            class="lm-pagination__btn lm-pagination__btn--prev"
+            class="ln-pagination__btn ln-pagination__btn--prev"
             role="button"
             aria-disabled={prevDisabled}
             tabindex={prevDisabled ? -1 : 0}
@@ -297,13 +297,13 @@
             {/if}
           </a>
         {:else if item === "pager"}
-          <ul class="lm-pagination__pager" aria-label="Pager">
+          <ul class="ln-pagination__pager" aria-label="Pager">
             {#each pagerItems as it (it.type === "page" ? `p:${it.page}` : it.type)}
               {#if it.type === "page"}
                 <li>
                   <!-- svelte-ignore a11y_missing_attribute -->
                   <a
-                    class="lm-pagination__item{it.page === clampPage(current)
+                    class="ln-pagination__item{it.page === clampPage(current)
                       ? ' is-active'
                       : ''}"
                     role="button"
@@ -325,7 +325,7 @@
                 <li>
                   <!-- svelte-ignore a11y_missing_attribute -->
                   <a
-                    class="lm-pagination__item lm-pagination__item--jump"
+                    class="ln-pagination__item ln-pagination__item--jump"
                     role="button"
                     aria-disabled={disabled}
                     tabindex={disabled ? -1 : 0}
@@ -338,7 +338,7 @@
                     {#if hoverJumpPrev}
                       <Icon icon={ChevronsLeft} size={16} />
                     {:else}
-                      <span class="lm-pagination__ellipsis">•••</span>
+                      <span class="ln-pagination__ellipsis">•••</span>
                     {/if}
                   </a>
                 </li>
@@ -346,7 +346,7 @@
                 <li>
                   <!-- svelte-ignore a11y_missing_attribute -->
                   <a
-                    class="lm-pagination__item lm-pagination__item--jump"
+                    class="ln-pagination__item ln-pagination__item--jump"
                     role="button"
                     aria-disabled={disabled}
                     tabindex={disabled ? -1 : 0}
@@ -359,7 +359,7 @@
                     {#if hoverJumpNext}
                       <Icon icon={ChevronsRight} size={16} />
                     {:else}
-                      <span class="lm-pagination__ellipsis">•••</span>
+                      <span class="ln-pagination__ellipsis">•••</span>
                     {/if}
                   </a>
                 </li>
@@ -370,7 +370,7 @@
           {@const nextDisabled = disabled || clampPage(current) >= totalPages}
           <!-- svelte-ignore a11y_missing_attribute -->
           <a
-            class="lm-pagination__btn lm-pagination__btn--next"
+            class="ln-pagination__btn ln-pagination__btn--next"
             role="button"
             aria-disabled={nextDisabled}
             tabindex={nextDisabled ? -1 : 0}
@@ -395,10 +395,10 @@
             {/if}
           </a>
         {:else if item === "jumper" && showQuickJumper}
-          <span class="lm-pagination__jump">
+          <span class="ln-pagination__jump">
             跳至
             <Input
-              class="lm-pagination__editor"
+              class="ln-pagination__editor"
               bind:value={jumperValue}
               size={isSmall ? "small" : "medium"}
               {disabled}

package/dist/PinInput/PinInput.svelte

@@ -52,7 +52,7 @@
     const isPassword = $derived(mask || type === 'password')
 
     const rootClasses = $derived(
-        `lm-pin-input lm-pin-input--${size}${disabled ? ' is-disabled' : ''}${isPassword ? ' is-password' : ''}${isComplete ? ' is-complete' : ''}${className ? ` ${className}` : ''}`
+        `ln-pin-input ln-pin-input--${size}${disabled ? ' is-disabled' : ''}${isPassword ? ' is-password' : ''}${isComplete ? ' is-complete' : ''}${className ? ` ${className}` : ''}`
     )
 
     /** 更新值 */
@@ -157,7 +157,7 @@
             bind:this={inputRefs[index]}
             type={isPassword ? 'password' : type === 'number' ? 'text' : type}
             inputmode={type === 'number' ? 'numeric' : 'text'}
-            class="lm-pin-input__input"
+            class="ln-pin-input__input"
             class:is-focused={isFocused}
             value={currentValue}
             {placeholder}

package/dist/Popconfirm/Popconfirm.svelte

@@ -222,16 +222,16 @@
   );
 
   const classes = $derived(
-    `lm-popconfirm${isVisible ? " is-visible" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-popconfirm${isVisible ? " is-visible" : ""}${cls ? ` ${cls}` : ""}`,
   );
 
-  const popperClasses = $derived(`lm-popconfirm__popper is-${actualPlacement}`);
+  const popperClasses = $derived(`ln-popconfirm__popper is-${actualPlacement}`);
 </script>
 
 <div {...attrs} class={classes}>
   <div
     bind:this={referenceElement}
-    class="lm-popconfirm__reference"
+    class="ln-popconfirm__reference"
     role="button"
     tabindex="0"
     onclick={handleTriggerClick}
@@ -262,11 +262,11 @@
       transition:scale={{ duration: 150, start: 0.9 }}
     >
       {#if showArrow}
-        <div class="lm-popconfirm__arrow"></div>
+        <div class="ln-popconfirm__arrow"></div>
       {/if}
-      <div class="lm-popconfirm__main">
+      <div class="ln-popconfirm__main">
         {#if !hideIcon}
-          <span class="lm-popconfirm__icon" style="color: {iconColor};">
+          <span class="ln-popconfirm__icon" style="color: {iconColor};">
             {#if icon}
               {@render icon()}
             {:else}
@@ -274,9 +274,9 @@
             {/if}
           </span>
         {/if}
-        <span class="lm-popconfirm__title">{title}</span>
+        <span class="ln-popconfirm__title">{title}</span>
       </div>
-      <div class="lm-popconfirm__action">
+      <div class="ln-popconfirm__action">
         {#if actions}
           {@render actions({ confirm: handleConfirm, cancel: handleCancel })}
         {:else}

package/dist/Popover/Popover.svelte

@@ -188,10 +188,10 @@
   });
 
   const classes = $derived(
-    `lm-popover${isVisible ? " is-visible" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-popover${isVisible ? " is-visible" : ""}${cls ? ` ${cls}` : ""}`,
   );
 
-  const popperClasses = $derived(`lm-popover__popper is-${actualPlacement}`);
+  const popperClasses = $derived(`ln-popover__popper is-${actualPlacement}`);
 
   const widthValue = $derived(
     typeof width === "number" ? `${Math.max(0, width)}px` : width,
@@ -201,7 +201,7 @@
 <div {...attrs} class={classes}>
   <div
     bind:this={referenceElement}
-    class="lm-popover__reference"
+    class="ln-popover__reference"
     role="button"
     tabindex="0"
     onclick={handleTriggerClick}
@@ -233,9 +233,9 @@
       transition:scale={{ duration: 150, start: 0.9 }}
     >
       {#if showArrow}
-        <div class="lm-popover__arrow"></div>
+        <div class="ln-popover__arrow"></div>
       {/if}
-      <div class="lm-popover__content">
+      <div class="ln-popover__content">
         {#if content}
           {@render content()}
         {/if}

package/dist/Progress/Progress.svelte

@@ -12,7 +12,7 @@
 
     const pct = $derived(Math.max(0, Math.min(100, Math.round(percentage))))
 
-    const classes = $derived(cls ? `lm-progress ${cls}` : 'lm-progress')
+    const classes = $derived(cls ? `ln-progress ${cls}` : 'ln-progress')
 
     const innerStyle = $derived.by(() => {
         const styles = [`width: ${pct}%`, `height: ${strokeWidth}px`]
@@ -24,10 +24,10 @@
 </script>
 
 <div {...attrs} class={classes}>
-    <div class="lm-progress__track" style={trackStyle}>
-        <div class={'lm-progress__bar lm-progress__bar--' + status} style={innerStyle}></div>
+    <div class="ln-progress__track" style={trackStyle}>
+        <div class={'ln-progress__bar ln-progress__bar--' + status} style={innerStyle}></div>
     </div>
     {#if showText}
-        <span class="lm-progress__text">{pct}%</span>
+        <span class="ln-progress__text">{pct}%</span>
     {/if}
 </div>

package/dist/Radio/Radio.svelte

@@ -27,7 +27,7 @@
   }: RadioProps = $props();
 
   const classes = $derived(
-    `lm-radio lm-radio--${size}${checked ? " is-checked" : ""}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-radio ln-radio--${size}${checked ? " is-checked" : ""}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
   );
 
   const handleInputChange = (e: Event): void => {
@@ -40,22 +40,22 @@
 </script>
 
 <label class={classes}>
-  <span class="lm-radio__input">
+  <span class="ln-radio__input">
     <input
       {...attrs}
       type="radio"
-      class="lm-radio__original"
+      class="ln-radio__original"
       {value}
       {name}
       {disabled}
       {checked}
       onchange={handleInputChange}
     />
-    <span class="lm-radio__inner"></span>
+    <span class="ln-radio__inner"></span>
   </span>
 
   {#if children || label}
-    <span class="lm-radio__label">
+    <span class="ln-radio__label">
       {#if children}
         {@render children()}
       {:else if label}

package/dist/Radio/RadioGroup.svelte

@@ -23,7 +23,7 @@
   }: RadioGroupProps = $props();
 
   const classes = $derived(
-    `lm-radio-group lm-radio-group--${size}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-radio-group ln-radio-group--${size}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
   );
 
   const handleChange = (value: string | number): void => {

package/dist/Rating/Rating.svelte

@@ -159,7 +159,7 @@
     }
 
     const classes = $derived(
-        `lm-rating${disabled ? ' lm-rating--disabled' : ''}${readonly ? ' lm-rating--readonly' : ''}${allowHalf ? ' lm-rating--half' : ''}${!disabled && !readonly ? ' lm-rating--interactive' : ''}${rounded ? ' lm-rating--rounded' : ''}${extraClass ? ` ${extraClass}` : ''}`
+        `ln-rating${disabled ? ' ln-rating--disabled' : ''}${readonly ? ' ln-rating--readonly' : ''}${allowHalf ? ' ln-rating--half' : ''}${!disabled && !readonly ? ' ln-rating--interactive' : ''}${rounded ? ' ln-rating--rounded' : ''}${extraClass ? ` ${extraClass}` : ''}`
     )
 
     /** 根元素样式（缓存避免重复计算） */
@@ -196,24 +196,24 @@
         {@const isEmpty = ratio === 0}
         <button
             type="button"
-            class="lm-rating__item"
+            class="ln-rating__item"
             aria-label="Rate {index + 1}"
             disabled={disabled || readonly}
             onmousemove={(e: MouseEvent) => onHover(index, e)}
             onclick={(e: MouseEvent) => onClick(index, e)}
         >
             <span
-                class="lm-rating__icon-wrapper {rounded ? 'is-rounded' : ''}"
+                class="ln-rating__icon-wrapper {rounded ? 'is-rounded' : ''}"
                 data-ratio={ratio}
                 data-full={isFull ? 'true' : undefined}
                 data-half={isHalf ? 'true' : undefined}
                 data-empty={isEmpty ? 'true' : undefined}
             >
-                <svg viewBox={VIEW_BOX} class="lm-rating__icon lm-rating__icon--void" aria-hidden="true" focusable="false">
+                <svg viewBox={VIEW_BOX} class="ln-rating__icon ln-rating__icon--void" aria-hidden="true" focusable="false">
                     <path d={iconPath} />
                 </svg>
-                <span class="lm-rating__icon-fill" data-ratio={ratio} data-half={isHalf ? 'true' : undefined} data-full={isFull ? 'true' : undefined}>
-                    <svg viewBox={VIEW_BOX} class="lm-rating__icon lm-rating__icon--filled" aria-hidden="true" focusable="false">
+                <span class="ln-rating__icon-fill" data-ratio={ratio} data-half={isHalf ? 'true' : undefined} data-full={isFull ? 'true' : undefined}>
+                    <svg viewBox={VIEW_BOX} class="ln-rating__icon ln-rating__icon--filled" aria-hidden="true" focusable="false">
                         <path d={iconPath} fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                     </svg>
                 </span>
@@ -221,6 +221,6 @@
         </button>
     {/each}
     {#if displayText}
-        <span class="lm-rating__text">{displayText}</span>
+        <span class="ln-rating__text">{displayText}</span>
     {/if}
 </div>

package/dist/Result/Result.svelte

@@ -24,11 +24,11 @@
         info: Info,
     }
 
-    const classes = $derived(`lm-result lm-result--${status}${cls ? ` ${cls}` : ''}`)
+    const classes = $derived(`ln-result ln-result--${status}${cls ? ` ${cls}` : ''}`)
 </script>
 
 <div class={classes} {...attrs}>
-    <div class="lm-result__icon">
+    <div class="ln-result__icon">
         {#if icon}
             {@render icon()}
         {:else}
@@ -37,21 +37,21 @@
     </div>
 
     {#if title}
-        <div class="lm-result__title">{title}</div>
+        <div class="ln-result__title">{title}</div>
     {/if}
 
     {#if subTitle}
-        <div class="lm-result__subtitle">{subTitle}</div>
+        <div class="ln-result__subtitle">{subTitle}</div>
     {/if}
 
     {#if extra}
-        <div class="lm-result__extra">
+        <div class="ln-result__extra">
             {@render extra()}
         </div>
     {/if}
 
     {#if children}
-        <div class="lm-result__content">
+        <div class="ln-result__content">
             {@render children()}
         </div>
     {/if}

package/dist/Segmented/Segmented.svelte

@@ -19,25 +19,25 @@
         modelValue = option.value
     }
 
-    const classes = $derived(`lm-segmented lm-segmented--${size}${block ? ' is-block' : ''}${disabled ? ' is-disabled' : ''}${cls ? ` ${cls}` : ''}`)
+    const classes = $derived(`ln-segmented ln-segmented--${size}${block ? ' is-block' : ''}${disabled ? ' is-disabled' : ''}${cls ? ` ${cls}` : ''}`)
 </script>
 
 <div class={classes} role="radiogroup" {...attrs}>
     {#each normalizedOptions as option (option.value)}
         <button
             type="button"
-            class="lm-segmented__item{modelValue === option.value ? ' is-selected' : ''}{option.disabled ? ' is-disabled' : ''}"
+            class="ln-segmented__item{modelValue === option.value ? ' is-selected' : ''}{option.disabled ? ' is-disabled' : ''}"
             role="radio"
             aria-checked={modelValue === option.value}
             disabled={disabled || option.disabled}
             onclick={() => handleSelect(option)}
         >
             {#if option.icon}
-                <span class="lm-segmented__icon">
+                <span class="ln-segmented__icon">
                     {@render option.icon()}
                 </span>
             {/if}
-            <span class="lm-segmented__label">
+            <span class="ln-segmented__label">
                 {#if typeof option.label === 'string'}
                     {option.label}
                 {:else}

package/dist/Select/Option.svelte

@@ -15,7 +15,7 @@
   }: OptionProps = $props();
 
   const classes = $derived(
-    `lm-option${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-option${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
   );
 </script>
 

package/dist/Select/OptionGroup.svelte

@@ -17,15 +17,15 @@
   }: OptionGroupProps = $props();
 
   const classes = $derived(
-    `lm-option-group${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-option-group${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
   );
 </script>
 
 <li class={classes} role="group" aria-label={label} {...attrs}>
   {#if label}
-    <div class="lm-option-group__title">{label}</div>
+    <div class="ln-option-group__title">{label}</div>
   {/if}
-  <ul class="lm-option-group__list" role="listbox">
+  <ul class="ln-option-group__list" role="listbox">
     {#if children}
       {@render children()}
     {/if}