luna-plus 0.0.40 → 0.0.43

package/dist/TreeSelect/TreeSelect.svelte

@@ -483,11 +483,11 @@
 
   const classes = $derived(
     [
-      "lm-tree-select",
+      "ln-tree-select",
       disabled && "is-disabled",
       visible && "is-focus",
       multiple && "is-multiple",
-      size !== "default" && `lm-tree-select--${size}`,
+      size !== "default" && `ln-tree-select--${size}`,
       cls,
     ]
       .filter(Boolean)
@@ -509,11 +509,11 @@
   {@const isCurrent = currentKey === nodeValue}
 
   <div
-    class="lm-tree-select__tree-node"
+    class="ln-tree-select__tree-node"
     class:is-current={highlightCurrent && isCurrent}
   >
     <div
-      class="lm-tree-select__node-content"
+      class="ln-tree-select__node-content"
       class:is-selected={selected && !showCheckbox}
       class:is-disabled={nodeDisabled}
       style="padding-left: {level * 18 + 8}px"
@@ -533,7 +533,7 @@
       <!-- 展开/收起按钮 -->
       <button
         type="button"
-        class="lm-tree-select__expand-icon"
+        class="ln-tree-select__expand-icon"
         class:is-expanded={expanded}
         class:is-leaf={nodeLeaf && !lazy}
         onclick={(e: MouseEvent) => toggleExpand(node, e)}
@@ -541,7 +541,7 @@
         tabindex="-1"
       >
         {#if loading}
-          <span class="lm-tree-select__loading">
+          <span class="ln-tree-select__loading">
             <Icon icon={Loader2} size={14} />
           </span>
         {:else if !nodeLeaf || (lazy && !loadedLazyData.has(nodeValue) && !node.isLeaf)}
@@ -551,7 +551,7 @@
 
       <!-- 复选框 -->
       {#if showCheckbox && multiple}
-        <span class="lm-tree-select__checkbox" role="presentation">
+        <span class="ln-tree-select__checkbox" role="presentation">
           <Checkbox
             checked={checkState === "checked"}
             indeterminate={checkState === "indeterminate"}
@@ -562,7 +562,7 @@
       {/if}
 
       <!-- 节点内容 -->
-      <span class="lm-tree-select__node-label">
+      <span class="ln-tree-select__node-label">
         {#if renderLabel}
           {@render renderLabel({ node })}
         {:else}
@@ -572,7 +572,7 @@
 
       <!-- 选中标记（单选无复选框模式） -->
       {#if selected && !showCheckbox && !multiple}
-        <span class="lm-tree-select__check-icon">
+        <span class="ln-tree-select__check-icon">
           <Icon icon={Check} size={14} />
         </span>
       {/if}
@@ -581,7 +581,7 @@
     <!-- 子节点 -->
     {#if (hasChildren || loading) && expanded}
       <div
-        class="lm-tree-select__children"
+        class="ln-tree-select__children"
         transition:slide={{ duration: expandCollapseDuration }}
       >
         {#if children}
@@ -597,20 +597,20 @@
 <div bind:this={containerRef} class={classes} {...attrs}>
   <!-- 触发器 -->
   <div
-    class="lm-tree-select__trigger"
+    class="ln-tree-select__trigger"
     class:is-focus={visible}
     onclick={toggle}
     onkeydown={handleKeydown}
     role="combobox"
     tabindex={disabled ? -1 : 0}
     aria-expanded={visible}
-    aria-controls="lm-tree-select-dropdown"
+    aria-controls="ln-tree-select-dropdown"
     aria-haspopup="tree"
     aria-disabled={disabled}
   >
     {#if multiple && selectedValues.length > 0}
       <!-- 多选 Tags -->
-      <div class="lm-tree-select__tags">
+      <div class="ln-tree-select__tags">
         {#if collapseTags}
           {#each displayLabels.slice(0, maxCollapseTags) as label, i (selectedValues[i])}
             <Tag
@@ -639,7 +639,7 @@
         {#if filterable}
           <input
             bind:this={inputRef}
-            class="lm-tree-select__filter-input"
+            class="ln-tree-select__filter-input"
             type="text"
             value={filterQuery}
             oninput={handleFilterInput}
@@ -653,7 +653,7 @@
       {#if filterable && visible}
         <input
           bind:this={inputRef}
-          class="lm-tree-select__input"
+          class="ln-tree-select__input"
           type="text"
           value={filterQuery}
           oninput={handleFilterInput}
@@ -661,7 +661,7 @@
         />
       {:else}
         <span
-          class="lm-tree-select__value"
+          class="ln-tree-select__value"
           class:is-placeholder={!displayValue}
         >
           {displayValue || placeholder}
@@ -670,18 +670,18 @@
     {/if}
 
     <!-- 清空/箭头 -->
-    <span class="lm-tree-select__suffix">
+    <span class="ln-tree-select__suffix">
       {#if clearable && selectedValues.length > 0 && !disabled}
         <button
           type="button"
-          class="lm-tree-select__clear"
+          class="ln-tree-select__clear"
           onclick={handleClear}
           aria-label="清除"
         >
           <Icon icon={X} size={14} />
         </button>
       {:else}
-        <span class="lm-tree-select__arrow" class:is-open={visible}>
+        <span class="ln-tree-select__arrow" class:is-open={visible}>
           <Icon icon={ChevronDown} size={14} />
         </span>
       {/if}
@@ -691,20 +691,20 @@
   <!-- 下拉面板 -->
   {#if visible}
     <div
-      class="lm-tree-select__dropdown"
+      class="ln-tree-select__dropdown"
       role="tree"
-      id="lm-tree-select-dropdown"
+      id="ln-tree-select-dropdown"
       transition:dropdownTransition
     >
       {#if showMenuArrow}
-        <div class="lm-tree-select__menu-arrow" aria-hidden="true"></div>
+        <div class="ln-tree-select__menu-arrow" aria-hidden="true"></div>
       {/if}
 
-      <div class="lm-tree-select__dropdown-content">
+      <div class="ln-tree-select__dropdown-content">
         {#if showNoData}
-          <div class="lm-tree-select__empty">{noDataText}</div>
+          <div class="ln-tree-select__empty">{noDataText}</div>
         {:else if showNoMatch}
-          <div class="lm-tree-select__empty">{noMatchText}</div>
+          <div class="ln-tree-select__empty">{noMatchText}</div>
         {:else}
           {#each filteredData as node (getNodeValue(node))}
             {@render treeNode(node, 0)}

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.40",
+  "version": "0.0.43",
   "description": "A modern Svelte 5 component library with 60+ components",
   "type": "module",
   "svelte": "./dist/index.js",