@community-release/nx-ui 0.0.20 → 0.0.22

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "ui",
   "configKey": "ui",
-  "version": "0.0.20"
+  "version": "0.0.22"
 }

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

@@ -33,17 +33,17 @@
 			default: () => []
 		},
 		/**
-		 * Slide that is active(open) by default, null = all closed
-		 * @values 1, 2, 3, 1000, null
+		 * Slide that is open by default, -1 = all closed
+		 * @values -1, 1, 2, 3, 1000
 		 */
-		active: {
-			type: [Number, null],
-			default: 0
-		}
+		open: {
+			type: Number,
+			default: -1
+		},
 	});
 
-	const activeItem = ref(props.active);
-	const itemCounter = ref(0);
+	const open = ref(props.open);
+	const counter = ref(0);
 
 	const iconLightComputed = computed(() => {
 		return props.icon !== '' ? `url(${props.icon})` : 'none';
@@ -54,8 +54,8 @@
 	});
 
 	provide('accordionData', {
-		itemCounter,
-		activeItem,
+		counter,
+		open,
 		haveIcon: !!props.icon
 	});
 </script>

package/dist/runtime/components/accordion/item.vue

@@ -1,8 +1,8 @@
 <template>
 	<section class="component-ui-accordion-item" 
-		:class="{'tag-active': accordionData.activeItem.value === id, 'tag-icon': accordionData.haveIcon}"
+		:class="{'tag-active': accordionData.open.value === id, 'tag-icon': accordionData.haveIcon}"
 	>
-		<div class="header" @click="accordionData.activeItem.value = id">
+		<div class="header" @click="accordionData.open.value = accordionData.open.value === id ? -1 : id">
 			<i class="icon"></i>
 			<div class="title">{{ title }}</div>
 			<div class="btn-toggle"></div>
@@ -14,16 +14,16 @@
 </template>
 
 <script setup>
-	// Import
+// Import
 	import { inject } from 'vue'
 
-	// Data
-	const accordionData = inject('accordionData', null);
+// Data
+	const accordionData = inject('accordionData');
 	const props = defineProps({
 		title: String,
 		text: String,
 	});
-	const id = accordionData.itemCounter.value++;
+	const id = accordionData.counter.value++;
 </script>
 
 <style lang="less">
@@ -162,12 +162,6 @@
 	}
 
 	&.tag-icon {
-		// .header {
-		// 	position: relative;
-		// 	padding: @com-space-small var(--ui-accordion-btn-padding) @com-space-small calc(var(--ui-accordion-icon-size) + @com-space-default);
-		// 	margin-bottom: @com-space-mini;
-		// 	cursor: pointer;
-		// }
 		--ui-accordion-icon-size: @com-icon-size;
 	}
 }
@@ -177,7 +171,6 @@
 		&.tag-icon {
 			--ui-accordion-icon-size: @com-icon-size-small;
 		}
-		//--ui-accordion-icon-size: @com-icon-size-small;
 		--ui-accordion-btn-padding: @com-btn-padding-small;
 
 		font-size: @com-text-default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@community-release/nx-ui",
-    "version": "0.0.20",
+    "version": "0.0.22",
     "description": "nx-ui - Nuxt UI library",
     "repository": {
         "type": "git",