@community-release/nx-ui 0.0.46 → 0.0.48

package/dist/module.d.mts

@@ -187,7 +187,7 @@ var module = defineNuxtModule({
     }
     addPlugin({
       src: resolve("./runtime/plugins/variables"),
-      mode: "server"
+      mode: "all"
     });
     addPlugin({
       src: resolve("./runtime/plugins/methods"),

package/dist/module.d.ts

@@ -187,7 +187,7 @@ var module = defineNuxtModule({
     }
     addPlugin({
       src: resolve("./runtime/plugins/variables"),
-      mode: "server"
+      mode: "all"
     });
     addPlugin({
       src: resolve("./runtime/plugins/methods"),

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "ui",
   "configKey": "ui",
-  "version": "0.0.46"
+  "version": "0.0.48"
 }

package/dist/module.mjs

@@ -187,7 +187,7 @@ const module = defineNuxtModule({
     }
     addPlugin({
       src: resolve("./runtime/plugins/variables"),
-      mode: "server"
+      mode: "all"
     });
     addPlugin({
       src: resolve("./runtime/plugins/methods"),

package/dist/runtime/components/button/index.vue

@@ -1,9 +1,8 @@
 <template>
-	<component 
+	<a
+		v-if="computedType == 'a'"
 		class="component-ui component-ui-button"
-		:is="computedType" 
-		:href="href" 
-		:to="href" 
+		:href="href"
 		:class="classes" 
 		:style="styles" 
 		@click="handleClick"
@@ -20,15 +19,39 @@
 		</span>
 
 		<ui-loading class="loading-indicator" :active="loading"></ui-loading>
-	</component>
+	</a>
+	<button
+		v-else
+		class="component-ui component-ui-button"
+		:class="classes" 
+		:style="styles" 
+		@click="handleClick"
+		ref="refCom"
+	>
+		<div class="button-bg" :style="buttonBgStyle"></div>
+
+		<ui-impulse-indicator :impulse="impulse" />
+
+		<span class="button-content">
+			<span><slot name="prepend"></slot></span>
+			<span class="slot-default"><slot></slot></span>
+			<span><slot name="append"></slot></span>
+		</span>
+
+		<ui-loading class="loading-indicator" :active="loading"></ui-loading>
+	</button>
 </template>
 
 <script setup>
 // Imports
-	import { ref, computed } from 'vue';
+	import { ref, computed, resolveComponent } from 'vue';
 	import UiImpulseIndicator from '../impulse-indicator.vue';
 	import UiLoading from '../loading.vue';
 	import comProps from '#build/ui.button.mjs';
+	import { useRouter } from 'vue-router';
+
+// Composables
+	const router = useRouter();
 
 // Data
 	const props = defineProps({
@@ -52,10 +75,6 @@
 			type: String,
 			default: '',
 		},
-		type: {
-			type: String,
-			default: '',
-		},
 		block: {
 			type: Boolean,
 			default: false,
@@ -73,10 +92,8 @@
 	const refCom = ref(null);
 
 	const impulse = ref(false);
-		
-	const computedType = computed(() => {
-		return props.type !== '' ? props.type : (props.href !== '' ? 'a' : 'button');
-	});
+
+	const computedType = props.href ? 'a' : 'button';
 
 	const classes = computed(() => {
 		let ar = [];
@@ -138,6 +155,15 @@
 			width	: refCom.value.offsetWidth,
 			height	: refCom.value.offsetHeight
 		};
+
+		// Handle navigate
+		if (computedType == 'a') {
+			if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0) return;
+
+			e.preventDefault();
+
+			router.push(props.href);
+		}
 	}
 </script>
 

package/dist/runtime/components/card.vue

@@ -73,8 +73,8 @@ const props = defineProps({
 	},
 });
 
-const cardIs = (props.to || props.href) ? resolveComponent('NuxtLink') : 'div';
-const iconTitleIs = props.iconLink ? resolveComponent('NuxtLink') : 'b';
+const cardIs = (props.to || props.href) ? 'NuxtLink' : 'div';
+const iconTitleIs = props.iconLink ? 'NuxtLink' : 'b';
 </script>
 
 <style lang="less">

package/dist/runtime/components/select.vue

@@ -99,7 +99,6 @@ const classes = computed(() => {
 	if (props.error) 				ar.push('tag-error');
 	if (focus.value) 				ar.push('tag-focus');
 	if (props.disabled) 			ar.push('tag-disabled');
-	if (props.label) 				ar.push('tag-label');
 
 	return ar;
 });
@@ -208,37 +207,32 @@ onMounted(() => {
 		-ms-user-select: none;
 		user-select: none;
 
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: flex-start;
+
 		position: absolute;
 		top: 0;
 		left: 0;
-		width: 100%;
-		height: 100%;
-
-		cursor: pointer;
-
 		padding-right: 45px;
 		padding-left: 10px;
+		width: 100%;
 		height: 100%;
 
-		cursor: pointer;
-
 		border: 1px solid @com-color-border;
 		border-radius: @com-border-radius-default;
 
-		label, strong {
+		cursor: pointer;
+
+		div, strong {
+			width: 100%;
 			overflow: hidden;
 			text-overflow: ellipsis;
 			white-space: nowrap;
-
-			position: absolute;
-			left: 10px;
-			right: 30px;
 		}
 
 		strong {
-			transform: translateY(-50%);
-			top: 50%;
-			bottom: auto;
 			font-family: @com-font-header;
 			font-weight: @com-value-font-weight;
 			color: @com-color-header-text;
@@ -260,25 +254,6 @@ onMounted(() => {
 		}
 	}
 
-	&.tag-label {
-		.value {
-			label {
-				top: 3px;
-				margin: 0;
-				padding: 0 0 5px 0;
-				font-size: @com-text-small;
-				
-				color: @com-color-gray-text;
-			}
-
-			strong {
-				transform: none;
-				top: 20px;
-				bottom: 0;
-			}
-		}
-	}
-
 	&.tag-disabled {
 		opacity: 0.6;
 		cursor: not-allowed;
@@ -293,8 +268,6 @@ onMounted(() => {
 			border-color: transparent;
 			outline: @com-outline;
 		}
-
-
 	}
 
 	&.tag-error {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@community-release/nx-ui",
-	"version": "0.0.46",
+	"version": "0.0.48",
 	"description": "nx-ui - Nuxt UI library",
 	"repository": {
 		"type": "git",
@@ -23,15 +23,15 @@
 		"@nuxtjs/color-mode": "^3.5.2",
 		"@nuxtjs/i18n": "^9.2.0",
 		"@pinia/nuxt": "^0.10.1",
-		"pinia": "^3.0.1",
 		"ol": "^9.1.0",
+		"pinia": "^3.0.1",
 		"vue": "^3.5.13"
 	},
 	"devDependencies": {
 		"@nuxt/devtools": "latest",
 		"@nuxt/module-builder": "^0.5.5",
 		"@nuxt/schema": "^3.11.2",
-		"@nuxt/test-utils": "^3.12.0",
+		"@nuxt/test-utils": "^3.19.2",
 		"@vitejs/plugin-vue": "^5.2.1",
 		"@vue/test-utils": "^2.4.6",
 		"@vuedoc/md": "^4.0.0-beta8",
@@ -42,11 +42,15 @@
 		"less": "^3.9.0",
 		"less-loader": "^5.0.0",
 		"nuxt": "^3.15.4",
+		"playwright-core": "^1.54.1",
 		"vite-raw-plugin": "^1.0.2",
 		"vitest": "^1.6.0",
 		"vue-docgen-cli": "^4.79.0",
 		"vue-tsc": "^2.0.24"
 	},
+	"peerDependencies": {
+		"vue-router": "^4.5.0"
+	},
 	"resolutions": {
 		"string-width": "4.2.3"
 	},