luna-plus 0.0.39 → 0.0.42

package/dist/Upload/Upload.svelte

@@ -204,39 +204,39 @@
   };
 
   const classes = $derived(
-    `lm-upload lm-upload--${listType}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-upload ln-upload--${listType}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
   );
 </script>
 
 <div class={classes} {...attrs}>
   {#if listType === "picture-card"}
     <!-- Picture Card 模式：文件列表在前，上传按钮在后 -->
-    <ul class="lm-upload__list">
+    <ul class="ln-upload__list">
       {#each normalizedFileList as file (file.uid)}
-        <li class="lm-upload__card is-{file.status}">
-          <div class="lm-upload__card-inner">
+        <li class="ln-upload__card is-{file.status}">
+          <div class="ln-upload__card-inner">
             {#if file.url && isImageFile(file)}
               <img
                 src={file.url}
                 alt={file.name}
-                class="lm-upload__card-image"
+                class="ln-upload__card-image"
               />
             {:else}
-              <Icon icon={File} size={32} class="lm-upload__card-file" />
+              <Icon icon={File} size={32} class="ln-upload__card-file" />
             {/if}
             {#if file.status === "uploading"}
-              <div class="lm-upload__card-progress">
+              <div class="ln-upload__card-progress">
                 <div
-                  class="lm-upload__card-progress-bar"
+                  class="ln-upload__card-progress-bar"
                   style="width: {file.percentage}%"
                 ></div>
               </div>
             {/if}
-            <div class="lm-upload__card-actions">
+            <div class="ln-upload__card-actions">
               {#if file.status === "success"}
                 <button
                   type="button"
-                  class="lm-upload__card-action"
+                  class="ln-upload__card-action"
                   onclick={() => handlePreview(file)}
                 >
                   <Icon icon={Eye} size={16} />
@@ -244,18 +244,18 @@
               {/if}
               <button
                 type="button"
-                class="lm-upload__card-action"
+                class="ln-upload__card-action"
                 onclick={() => handleRemove(file)}
               >
                 <Icon icon={X} size={16} />
               </button>
             </div>
             {#if file.status === "success"}
-              <span class="lm-upload__card-status is-success">
+              <span class="ln-upload__card-status is-success">
                 <Icon icon={Check} size={14} />
               </span>
             {:else if file.status === "fail"}
-              <span class="lm-upload__card-status is-fail">
+              <span class="ln-upload__card-status is-fail">
                 <Icon icon={AlertCircle} size={14} />
               </span>
             {/if}
@@ -263,7 +263,7 @@
         </li>
       {/each}
       <div
-        class="lm-upload__card is-trigger{isDragOver ? ' is-dragover' : ''}"
+        class="ln-upload__card is-trigger{isDragOver ? ' is-dragover' : ''}"
         onclick={handleClick}
         ondragover={drag ? handleDragOver : undefined}
         ondragleave={drag ? handleDragLeave : undefined}
@@ -275,28 +275,28 @@
         {#if children}
           {@render children()}
         {:else}
-          <Icon icon={Plus} size={28} class="lm-upload__card-add" />
+          <Icon icon={Plus} size={28} class="ln-upload__card-add" />
         {/if}
       </div>
     </ul>
     <input
       bind:this={inputRef}
       type="file"
-      class="lm-upload__input"
+      class="ln-upload__input"
       {multiple}
       {accept}
       {disabled}
       onchange={handleFileChange}
     />
     {#if tip}
-      <div class="lm-upload__tip">
+      <div class="ln-upload__tip">
         {@render tip()}
       </div>
     {/if}
   {:else}
     <!-- Text 和 Picture 模式 -->
     <div
-      class="lm-upload__trigger{drag ? ' is-drag' : ''}{isDragOver
+      class="ln-upload__trigger{drag ? ' is-drag' : ''}{isDragOver
         ? ' is-dragover'
         : ''}"
       onclick={handleClick}
@@ -310,12 +310,12 @@
       {#if children}
         {@render children()}
       {:else if drag}
-        <div class="lm-upload__drag-content">
+        <div class="ln-upload__drag-content">
           <Icon icon={UploadIcon} size={40} />
           <p>将文件拖到此处，或<em>点击上传</em></p>
         </div>
       {:else}
-        <button type="button" class="lm-upload__button" {disabled}>
+        <button type="button" class="ln-upload__button" {disabled}>
           <Icon icon={UploadIcon} size={14} />
           <span>点击上传</span>
         </button>
@@ -325,7 +325,7 @@
     <input
       bind:this={inputRef}
       type="file"
-      class="lm-upload__input"
+      class="ln-upload__input"
       {multiple}
       {accept}
       {disabled}
@@ -333,17 +333,17 @@
     />
 
     {#if tip}
-      <div class="lm-upload__tip">
+      <div class="ln-upload__tip">
         {@render tip()}
       </div>
     {/if}
 
     {#if showFileList && fileList.length > 0}
-      <ul class="lm-upload__list">
+      <ul class="ln-upload__list">
         {#each normalizedFileList as file (file.uid)}
-          <li class="lm-upload__item is-{file.status}">
+          <li class="ln-upload__item is-{file.status}">
             {#if listType === "picture"}
-              <div class="lm-upload__item-thumbnail">
+              <div class="ln-upload__item-thumbnail">
                 {#if file.url && isImageFile(file)}
                   <img src={file.url} alt={file.name} />
                 {:else}
@@ -351,10 +351,10 @@
                 {/if}
               </div>
             {:else}
-              <Icon icon={File} size={14} class="lm-upload__item-icon" />
+              <Icon icon={File} size={14} class="ln-upload__item-icon" />
             {/if}
             <span
-              class="lm-upload__item-name"
+              class="ln-upload__item-name"
               role="button"
               tabindex="0"
               onclick={() => handlePreview(file)}
@@ -363,24 +363,24 @@
               >{file.name}</span
             >
             {#if file.status === "uploading"}
-              <div class="lm-upload__item-progress">
+              <div class="ln-upload__item-progress">
                 <div
-                  class="lm-upload__item-progress-bar"
+                  class="ln-upload__item-progress-bar"
                   style="width: {file.percentage}%"
                 ></div>
               </div>
             {:else if file.status === "success"}
-              <Icon icon={Check} size={14} class="lm-upload__item-status" />
+              <Icon icon={Check} size={14} class="ln-upload__item-status" />
             {:else if file.status === "fail"}
               <Icon
                 icon={AlertCircle}
                 size={14}
-                class="lm-upload__item-status"
+                class="ln-upload__item-status"
               />
             {/if}
             <button
               type="button"
-              class="lm-upload__item-remove"
+              class="ln-upload__item-remove"
               onclick={(e: MouseEvent) => {
                 e.stopPropagation();
                 handleRemove(file);

package/dist/Watermark/Watermark.svelte

@@ -49,7 +49,7 @@
 
     const getCssDefaultFontColor = (): string | undefined => {
         if (!rootEl) return undefined
-        const raw = getComputedStyle(rootEl).getPropertyValue('--lm-watermark-font-color').trim()
+        const raw = getComputedStyle(rootEl).getPropertyValue('--ln-watermark-font-color').trim()
         return raw || undefined
     }
 
@@ -160,7 +160,7 @@
         generateWatermark()
     })
 
-    const classes = $derived(`lm-watermark${cls ? ` ${cls}` : ''}`)
+    const classes = $derived(`ln-watermark${cls ? ` ${cls}` : ''}`)
     const watermarkStyle = $derived(
         `background-image:url(${watermarkUrl});background-size:${width + gap[0]}px ${height + gap[1]}px;background-position:${offset[0]}px ${offset[1]}px;z-index:${zIndex}`
     )
@@ -170,5 +170,5 @@
     {#if children}
         {@render children()}
     {/if}
-    <div class="lm-watermark__mark" style={watermarkStyle}></div>
+    <div class="ln-watermark__mark" style={watermarkStyle}></div>
 </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-plus",
-  "version": "0.0.39",
+  "version": "0.0.42",
   "description": "A modern Svelte 5 component library with 60+ components",
   "type": "module",
   "svelte": "./dist/index.js",