nv-radio-btn-bw 1.0.0 → 1.0.1

package/TEST/tst.html

@@ -6,7 +6,7 @@
     <title>自定义单选按钮元素</title>
     <script>
         // 定义自定义元素类
-        class NvRadioButton extends HTMLElement {
+        class NvRadioBtn extends HTMLElement {
             constructor() {
                 super();
                 
@@ -363,8 +363,8 @@
         }
         
         // 注册自定义元素
-        if (!customElements.get('nv-radio-button')) {
-            customElements.define('nv-radio-button', NvRadioButton);
+        if (!customElements.get('nv-radio-btn')) {
+            customElements.define('nv-radio-btn', NvRadioBtn);
         }
     </script>
     <style>
@@ -430,7 +430,7 @@
         <div class="demo-section">
             <h2>基本测试</h2>
             <div class="button-group">
-                <nv-radio-button id="btn1"></nv-radio-button>
+                <nv-radio-btn id="btn1"></nv-radio-btn>
                 <div>
                     <div>默认按钮 (60px × 60px)</div>
                     <div>当前状态: <span id="statusText">选中</span></div>

package/index.d.ts

@@ -1,16 +1,16 @@
 /**
  * 自定义单选按钮元素的 TypeScript 类型声明
- * 对应自定义元素: <nv-radio-button>
+ * 对应自定义元素: <nv-radio-btn>
  */
 
 /**
  * 单选按钮事件详情接口
  */
-interface NvRadioButtonEventDetail {
+interface NvRadioBtnEventDetail {
   /** 事件时间戳 */
   timestamp: number;
   /** 事件源元素 */
-  element: NvRadioButtonElement;
+  element: NvRadioBtnElement;
   /** 是否选中（仅点击事件有） */
   selected?: boolean;
 }
@@ -18,31 +18,31 @@ interface NvRadioButtonEventDetail {
 /**
  * 单选按钮点击事件
  */
-interface NvRadioButtonClickEvent extends CustomEvent<NvRadioButtonEventDetail> {
+interface NvRadioBtnClickEvent extends CustomEvent<NvRadioBtnEventDetail> {
   /** 事件目标 */
-  readonly target: NvRadioButtonElement;
+  readonly target: NvRadioBtnElement;
 }
 
 /**
  * 单选按钮选中事件
  */
-interface NvRadioButtonSelectEvent extends CustomEvent<NvRadioButtonEventDetail> {
+interface NvRadioBtnSelectEvent extends CustomEvent<NvRadioBtnEventDetail> {
   /** 事件目标 */
-  readonly target: NvRadioButtonElement;
+  readonly target: NvRadioBtnElement;
 }
 
 /**
  * 单选按钮取消选中事件
  */
-interface NvRadioButtonUnselectEvent extends CustomEvent<NvRadioButtonEventDetail> {
+interface NvRadioBtnUnselectEvent extends CustomEvent<NvRadioBtnEventDetail> {
   /** 事件目标 */
-  readonly target: NvRadioButtonElement;
+  readonly target: NvRadioBtnElement;
 }
 
 /**
  * 单选按钮状态接口
  */
-interface NvRadioButtonState {
+interface NvRadioBtnState {
   /** 宽度 */
   width: string;
   /** 高度 */
@@ -58,7 +58,7 @@ interface NvRadioButtonState {
 /**
  * 单选按钮元素接口
  */
-interface NvRadioButtonElement extends HTMLElement {
+interface NvRadioBtnElement extends HTMLElement {
   /**
    * 按钮宽度
    * @example "60px"
@@ -93,7 +93,7 @@ interface NvRadioButtonElement extends HTMLElement {
    * 设置回调函数
    * @param cb 回调函数，参数为按钮实例
    */
-  setCallback(cb: (self: NvRadioButtonElement) => Promise<void> | void): void;
+  setCallback(cb: (self: NvRadioBtnElement) => Promise<void> | void): void;
   
   /**
    * 显示中心颜色
@@ -138,7 +138,7 @@ interface NvRadioButtonElement extends HTMLElement {
    * 获取当前状态
    * @returns 包含按钮状态的对象
    */
-  getState(): NvRadioButtonState;
+  getState(): NvRadioBtnState;
   
   /**
    * 点击事件监听器
@@ -148,7 +148,7 @@ interface NvRadioButtonElement extends HTMLElement {
    */
   addEventListener(
     type: "nv-radio-btn-click", 
-    listener: (this: NvRadioButtonElement, ev: NvRadioButtonClickEvent) => any, 
+    listener: (this: NvRadioBtnElement, ev: NvRadioBtnClickEvent) => any, 
     options?: boolean | AddEventListenerOptions
   ): void;
   
@@ -160,7 +160,7 @@ interface NvRadioButtonElement extends HTMLElement {
    */
   addEventListener(
     type: "nv-radio-btn-select", 
-    listener: (this: NvRadioButtonElement, ev: NvRadioButtonSelectEvent) => any, 
+    listener: (this: NvRadioBtnElement, ev: NvRadioBtnSelectEvent) => any, 
     options?: boolean | AddEventListenerOptions
   ): void;
   
@@ -172,7 +172,7 @@ interface NvRadioButtonElement extends HTMLElement {
    */
   addEventListener(
     type: "nv-radio-btn-unselect", 
-    listener: (this: NvRadioButtonElement, ev: NvRadioButtonUnselectEvent) => any, 
+    listener: (this: NvRadioBtnElement, ev: NvRadioBtnUnselectEvent) => any, 
     options?: boolean | AddEventListenerOptions
   ): void;
   
@@ -189,7 +189,7 @@ interface NvRadioButtonElement extends HTMLElement {
 /**
  * 单选按钮类定义
  */
-declare class NvRadioButton extends HTMLElement implements NvRadioButtonElement {
+declare class NvRadioBtn extends HTMLElement implements NvRadioBtnElement {
   /** 监听属性变化 */
   static get observedAttributes(): string[];
   
@@ -206,7 +206,7 @@ declare class NvRadioButton extends HTMLElement implements NvRadioButtonElement
   innerColor: string;
   
   /** 设置回调函数 */
-  setCallback(cb: (self: NvRadioButtonElement) => Promise<void> | void): void;
+  setCallback(cb: (self: NvRadioBtnElement) => Promise<void> | void): void;
   
   /** 显示中心颜色 */
   slct(): void;
@@ -230,7 +230,7 @@ declare class NvRadioButton extends HTMLElement implements NvRadioButtonElement
   setInnerColor(color: string): void;
   
   /** 获取当前状态 */
-  getState(): NvRadioButtonState;
+  getState(): NvRadioBtnState;
   
   /**
    * 属性变化回调
@@ -259,7 +259,7 @@ declare global {
    * 扩展 HTMLElementTagNameMap 以支持自定义元素
    */
   interface HTMLElementTagNameMap {
-    "nv-radio-button": NvRadioButtonElement;
+    "nv-radio-btn": NvRadioBtnElement;
   }
   
   /**
@@ -269,7 +269,7 @@ declare global {
     /**
      * 单选按钮自定义元素类
      */
-    NvRadioButton: typeof NvRadioButton;
+    NvRadioBtn: typeof NvRadioBtn;
   }
   
   /**
@@ -278,19 +278,19 @@ declare global {
   interface Document {
     addEventListener(
       type: "nv-radio-btn-click", 
-      listener: (this: Document, ev: NvRadioButtonClickEvent) => any, 
+      listener: (this: Document, ev: NvRadioBtnClickEvent) => any, 
       options?: boolean | AddEventListenerOptions
     ): void;
     
     addEventListener(
       type: "nv-radio-btn-select", 
-      listener: (this: Document, ev: NvRadioButtonSelectEvent) => any, 
+      listener: (this: Document, ev: NvRadioBtnSelectEvent) => any, 
       options?: boolean | AddEventListenerOptions
     ): void;
     
     addEventListener(
       type: "nv-radio-btn-unselect", 
-      listener: (this: Document, ev: NvRadioButtonUnselectEvent) => any, 
+      listener: (this: Document, ev: NvRadioBtnUnselectEvent) => any, 
       options?: boolean | AddEventListenerOptions
     ): void;
   }
@@ -299,10 +299,10 @@ declare global {
 /**
  * 导出单选按钮类
  */
-export { NvRadioButton };
+export { NvRadioBtn };
 
 /**
  * 默认导出单选按钮类型
  */
-export default NvRadioButton;
+export default NvRadioBtn;
 

package/index.js

@@ -1,4 +1,4 @@
-class NvRadioButton extends HTMLElement {
+class NvRadioBtn extends HTMLElement {
     constructor() {
         super();
 
@@ -355,10 +355,10 @@ class NvRadioButton extends HTMLElement {
 }
 
 // 注册自定义元素
-if (!customElements.get('nv-radio-button')) {
-    customElements.define('nv-radio-button', NvRadioButton);
+if (!customElements.get('nv-radio-btn')) {
+    customElements.define('nv-radio-btn', NvRadioBtn);
 }
 
 module.exports = {
-    NvRadioButton
+    NvRadioBtn
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nv-radio-btn-bw",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"