@wsxjs/wsx-base-components 0.0.26 → 0.0.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wsxjs/wsx-base-components",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "description": "Base UI components built with WSXJS",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -19,8 +19,8 @@
   ],
   "dependencies": {
     "prismjs": "^1.30.0",
-    "@wsxjs/wsx-core": "0.0.26",
-    "@wsxjs/wsx-logger": "0.0.26"
+    "@wsxjs/wsx-core": "0.0.28",
+    "@wsxjs/wsx-logger": "0.0.28"
   },
   "devDependencies": {
     "@types/prismjs": "^1.26.5",
@@ -33,8 +33,8 @@
     "typescript": "^5.0.0",
     "vite": "^5.4.19",
     "vitest": "^2.1.8",
-    "@wsxjs/eslint-plugin-wsx": "0.0.26",
-    "@wsxjs/wsx-vite-plugin": "0.0.26"
+    "@wsxjs/eslint-plugin-wsx": "0.0.28",
+    "@wsxjs/wsx-vite-plugin": "0.0.28"
   },
   "keywords": [
     "wsx",
@@ -61,8 +61,7 @@
     "typecheck": "tsc --noEmit",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
-    "test": "vitest",
-    "test:run": "vitest run",
+    "test": "vitest --run",
     "test:coverage": "vitest run --coverage",
     "test:watch": "vitest watch"
   }

package/src/Button.wsx

@@ -94,7 +94,7 @@ export default class Button extends WebComponent {
 
         const linkElement = (
             <a
-                href={this.disabled || this.loading ? undefined : this.href}
+                href={this.disabled || this.loading ? null : this.href || undefined}
                 target={this.target}
                 rel={this.rel || undefined}
                 download={this.download || undefined}

package/src/ColorPicker.wsx

@@ -65,7 +65,7 @@ const DEFAULT_COLORS = [
 /**
  *  颜色选择器组件 Web Component with JSX aka WSX
  */
-@autoRegister({ tagName: "color-picker" })
+@autoRegister({ tagName: "wsx-color-picker" })
 export default class ColorPicker extends WebComponent {
     private colorCollections: string[];
     private onColorPicked?: (color: string) => void;

package/src/SvgIcon.wsx

@@ -4,7 +4,7 @@ import { createLogger } from "@wsxjs/wsx-logger";
 
 const logger = createLogger("SvgIcon");
 
-@autoRegister({ tagName: "svg-icon" })
+@autoRegister({ tagName: "wsx-svg-icon" })
 export default class SvgIcon extends WebComponent {
     @state private size: number = 24;
     @state private color: string = "currentColor";
@@ -74,15 +74,4 @@ export default class SvgIcon extends WebComponent {
         const svg = event.target as SVGElement;
         svg.style.transform = "scale(1)";
     };
-
-    static get observedAttributes() {
-        return ["name", "size", "color"];
-    }
-
-    protected onAttributeChanged(name: string, oldValue: string, newValue: string): void {
-        logger.debug(`Attribute ${name} changed from ${oldValue} to ${newValue}`);
-        if (this.connected) {
-            this.rerender();
-        }
-    }
 }

package/src/ThemeSwitcher.wsx

@@ -2,7 +2,7 @@
 
 import { WebComponent, autoRegister } from "@wsxjs/wsx-core";
 
-@autoRegister({ tagName: "theme-switcher" })
+@autoRegister({ tagName: "wsx-theme-switcher" })
 export default class ThemeSwitcher extends WebComponent {
     private currentTheme: "light" | "dark" | "auto" = "auto";