@bobbykim/mcl-collapse 0.2.0 → 0.4.0

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.4.0](https://github.com/bobbykim89/manguito-component-library/compare/@bobbykim/mcl-collapse@0.3.0...@bobbykim/mcl-collapse@0.4.0) (2024-03-21)
+
+
+### Features
+
+* **mcl-header:** move deprecated items to deprecated folder in root dir, update configs, init mcl-header-b component ([19aa842](https://github.com/bobbykim89/manguito-component-library/commit/19aa842faa7f1594f7be030b97d5093014efe7cb))
+* tsconfig update, slots and emits update ([c30ff80](https://github.com/bobbykim89/manguito-component-library/commit/c30ff804c961d205ac097e20cd51285a15ca8966))
+
+
+
+
+
+# [0.3.0](https://github.com/bobbykim89/manguito-component-library/compare/@bobbykim/mcl-collapse@0.2.0...@bobbykim/mcl-collapse@0.3.0) (2024-02-27)
+
+
+### Features
+
+* **/components/**/README.md,/deprecated:** update readme files, move deprecated packages to deprecated folder ([c0f8f7d](https://github.com/bobbykim89/manguito-component-library/commit/c0f8f7df158b8fcd99b4e3d191e02e3c8a9c144d))
+
+
+
+
+
 # 0.2.0 (2024-02-27)
 
 

package/README.md

@@ -1,16 +1,38 @@
 # @bobbykim/mcl-collapse
 
-Add description
-
 ## Demo
 
-[MCL Histoire Page](https://manguito-component-library.vercel.app/story/{%story-link%})
+[MCL Storybook Page](https://manguito-component-library.vercel.app/)
+
+- [MCL Collapse A](https://manguito-component-library.vercel.app/?path=/docs/components-collapse-mclcollapsea--mclcollapsea)
+- [MCL Collapse B](https://manguito-component-library.vercel.app/?path=/docs/components-collapse-mclcollapseb--mclcollapseb)
 
 ## Install
 
+```sh
+npm i @bobbykim/mcl-collapse
+```
+
 ## Usage
 
-`import MclCollapse from "@bobbykim/mcl-collapse"`;
+`import { MclCollapseA, MclCollapseB } from "@bobbykim/mcl-collapse"`;
+
+```vue
+<script setup lang="ts">
+...
+import { MclCollapseA, MclCollapseB } from '@bobbykim/mcl-collapse'
+...
+</script>
+
+<template>
+  <mcl-collapse-a></mcl-collapse-a>
+  <mcl-collapse-b></mcl-collapse-b>
+</template>
+```
+
+## Dependencies
+
+- @bobbykim/manguito-theme
 
 ## Maintainer
 

package/lib/mcl-collapse-a/MclCollapseA.vue

@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue'
-import generateClass, { Collapse, vCollapse } from '@bobbykim/manguito-theme'
-import type { CollapseEvent } from '@bobbykim/manguito-theme'
 import type { ColorPalette, HeadingSize } from '@bobbykim/manguito-theme'
+import generateClass, { Collapse, vCollapse } from '@bobbykim/manguito-theme'
+import { ref, watch } from 'vue'
 
 const props = withDefaults(
   defineProps<{
@@ -35,14 +34,22 @@ const props = withDefaults(
 )
 
 const toggle = ref(props.visible)
-const emit = defineEmits(['collapse-open', 'collapse-close'])
+const slots = defineSlots<{
+  content: any
+  tab: any
+}>()
+const emit = defineEmits<{
+  (e: 'collapse-open', visible: boolean, title: string): void
+  (e: 'collapse-close', visible: boolean, title: string): void
+}>()
 
-const toggleAction = (e: CollapseEvent): void => {
-  toggle.value = e.visible
-  if (e.visible === true) {
-    emit('collapse-open', { ...e, title: props.title })
+const toggleAction = (visible: boolean): void => {
+  const { title } = props
+  toggle.value = visible
+  if (visible === true) {
+    emit('collapse-open', visible, title)
   } else {
-    emit('collapse-close', { ...e, title: props.title })
+    emit('collapse-close', visible, title)
   }
 }
 
@@ -111,7 +118,7 @@ watch(
         <h3 :class="getTitleClass(titleSize, titleColor)">
           {{ title }}
         </h3>
-        <div @click.stop class="cursor-default">
+        <div @click.stop class="cursor-default" v-if="slots['tab']">
           <slot name="tab"></slot>
         </div>
       </div>
@@ -154,5 +161,3 @@ watch(
     </div>
   </div>
 </template>
-
-<style lang="scss" scoped></style>

package/lib/mcl-collapse-a/MclCollapseA.vue.d.ts

@@ -25,8 +25,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     bgColor: string;
     slotBgColor: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "collapse-open": (...args: any[]) => void;
-    "collapse-close": (...args: any[]) => void;
+    "collapse-open": (visible: boolean, title: string) => void;
+    "collapse-close": (visible: boolean, title: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     collapseId: string;
     borderColor?: ColorPalette | undefined;
@@ -53,10 +53,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     bgColor: string;
     slotBgColor: string;
 }>>> & {
-    "onCollapse-open"?: ((...args: any[]) => any) | undefined;
-    "onCollapse-close"?: ((...args: any[]) => any) | undefined;
+    "onCollapse-open"?: ((visible: boolean, title: string) => any) | undefined;
+    "onCollapse-close"?: ((visible: boolean, title: string) => any) | undefined;
 }, {
     visible: boolean;
+    bgColor: ColorPalette;
     titleColor: ColorPalette;
     borderColor: ColorPalette;
     rounded: boolean;
@@ -64,12 +65,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     highlightColor: ColorPalette;
     titleSize: HeadingSize;
     iconColor: ColorPalette;
-    bgColor: ColorPalette;
     slotBgColor: ColorPalette;
-}, {}>, {
-    tab?(_: {}): any;
-    content?(_: {}): any;
-}>;
+}, {}>, Readonly<{
+    content: any;
+    tab: any;
+}>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/mcl-collapse-b/MclCollapseB.vue

@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue'
-import generateClass, { Collapse, vCollapse } from '@bobbykim/manguito-theme'
-import type { CollapseEvent } from '@bobbykim/manguito-theme'
 import type { ColorPalette, HeadingSize } from '@bobbykim/manguito-theme'
+import generateClass, { Collapse, vCollapse } from '@bobbykim/manguito-theme'
+import { ref, watch } from 'vue'
 
 const props = withDefaults(
   defineProps<{
@@ -32,15 +31,22 @@ const props = withDefaults(
   }
 )
 
+const slots = defineSlots<{
+  default: any
+}>()
 const toggle = ref(props.visible)
-const emit = defineEmits(['collapse-open', 'collapse-close'])
+const emit = defineEmits<{
+  (e: 'collapse-open', visible: boolean, title: string): void
+  (e: 'collapse-close', visible: boolean, title: string): void
+}>()
 
-const toggleAction = (e: CollapseEvent): void => {
-  toggle.value = e.visible
-  if (e.visible === true) {
-    emit('collapse-open', { ...e, title: props.title })
+const toggleAction = (visible: boolean): void => {
+  const { title } = props
+  toggle.value = visible
+  if (visible === true) {
+    emit('collapse-open', visible, title)
   } else {
-    emit('collapse-close', { ...e, title: props.title })
+    emit('collapse-close', visible, title)
   }
 }
 
@@ -141,5 +147,3 @@ watch(
     </div>
   </div>
 </template>
-
-<style lang="scss" scoped></style>

package/lib/mcl-collapse-b/MclCollapseB.vue.d.ts

@@ -23,8 +23,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     displayShadow: boolean;
     visible: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "collapse-open": (...args: any[]) => void;
-    "collapse-close": (...args: any[]) => void;
+    "collapse-open": (visible: boolean, title: string) => void;
+    "collapse-close": (visible: boolean, title: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     collapseId: string;
     title: string;
@@ -49,21 +49,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     displayShadow: boolean;
     visible: boolean;
 }>>> & {
-    "onCollapse-open"?: ((...args: any[]) => any) | undefined;
-    "onCollapse-close"?: ((...args: any[]) => any) | undefined;
+    "onCollapse-open"?: ((visible: boolean, title: string) => any) | undefined;
+    "onCollapse-close"?: ((visible: boolean, title: string) => any) | undefined;
 }, {
     visible: boolean;
+    bgColor: ColorPalette;
     titleColor: ColorPalette;
     borderColor: ColorPalette;
     rounded: boolean;
     titleSize: HeadingSize;
     iconColor: ColorPalette;
-    bgColor: ColorPalette;
     btnColor: ColorPalette;
     displayShadow: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>, Readonly<{
+    default: any;
+}>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@bobbykim/mcl-collapse",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "",
   "type": "module",
   "main": "index.ts",
   "scripts": {
-    "build": "vue-tsc --project tsconfig.vue.json && tsc"
+    "build": "vue-tsc --project tsconfig.vue.json && tsc --project tsconfig.ts.json"
   },
   "author": {
     "name": "Bobby Kim",
@@ -21,7 +21,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@bobbykim/manguito-theme": "^0.14.0"
+    "@bobbykim/manguito-theme": "^0.16.0"
   },
-  "gitHead": "4d94a8d34988d926c8d465891fd7aa535cffdf33"
+  "gitHead": "5b81953e5108fd166c0b89ebc6a24e6de9499635"
 }

package/tsconfig.json

@@ -1,9 +1,5 @@
 {
-"extends": "../../../tsconfig.json",
-"include": ["./**/*.ts"],
-"exclude": ["node_modules", "./**/*.vue.d.ts", "./**/*.vue"],
-"compilerOptions": {
-"skipLibCheck": true,
-"declaration": true
-}
+  "extends": "../../../tsconfig.json",
+  "include": ["./**/*.ts", "./**/*.vue"],
+  "exclude": ["node_modules", "./**/*.vue.d.ts"]
 }

package/tsconfig.ts.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../../tsconfig.json",
+  "include": ["./**/*.ts"],
+  "exclude": ["node_modules", "./**/*.vue.d.ts", "./**/*.vue"],
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "declaration": true
+  }
+}