Merge pull request #266 from lapras-inc/24902/bugfix/remove-vite-plug…

…in-dts 型出力をvite-plugin-dtsからvue-tscに変更
lapras-inc · Jul 31, 2024 · e15c397 · e15c397
2 parents da8b344 + efbf1d7
commit e15c397
Show file tree

Hide file tree

Showing 26 changed files with 106 additions and 570 deletions.
diff --git a/dist/components/AvatarImg/AvatarImg.vue.d.ts b/dist/components/AvatarImg/AvatarImg.vue.d.ts
diff --git a/dist/components/EnhancedIconButton/EnhancedIconButton.vue.d.ts b/dist/components/EnhancedIconButton/EnhancedIconButton.vue.d.ts
diff --git a/package.json b/package.json
@@ -3,8 +3,8 @@
   "version": "0.3.5",
   "author": "nasum <[email protected]>",
   "scripts": {
-    "build": "yarn run check:types && npm run build:vue",
-    "check:types": "vue-tsc --noEmit",
+    "build": "npm run build:types && npm run build:vue",
+    "build:types": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.types.json && tsc-alias -p tsconfig.json",
     "lint": "eslint \"src/**/*.{ts,vue}\"",
     "build:vue": "vite build",
     "chromatic": "npx chromatic storybook:build --project-token $CHROMATIC_TOKEN -b storybook:build --exit-zero-on-changes",
@@ -20,7 +20,8 @@
   },
   "main": "dist/lapras-frontend.js",
   "files": [
-    "dist"
+    "dist",
+    "types"
   ],
   "dependencies": {
     "@popperjs/core": "^2.11.8",
@@ -62,7 +63,6 @@
     "typescript": "^5.5.4",
     "typescript-eslint": "^7.17.0",
     "vite": "^5.3.5",
-    "vite-plugin-dts": "^4.0.0-beta.1",
     "vue-eslint-parser": "^9.4.3",
     "vue-tsc": "2.0.29"
   },
@@ -76,7 +76,7 @@
     "registry": "https://npm.pkg.github.com/"
   },
   "repository": "ssh://[email protected]/lapras-inc/lapras-frontend.git",
-  "types": "dist/main.d.ts",
+  "types": "types/main.d.ts",
   "eslintConfig": {
     "extends": [
       "plugin:storybook/recommended"

diff --git a/tsconfig.types.json b/tsconfig.types.json
@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.json",
+  "exclude": [
+    "src/**/*.stories.ts"
+  ],
+}
diff --git a/types/components/AvatarImg/AvatarImg.vue.d.ts b/types/components/AvatarImg/AvatarImg.vue.d.ts
@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: StringConstructor;
+    };
+}, {
+    avatarDefault: string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+    };
+}>>, {}, {}>;
+export default _default;
diff --git a/dist/components/Card/Card.vue.d.ts → types/components/Card/Card.vue.d.ts b/dist/components/Card/Card.vue.d.ts → types/components/Card/Card.vue.d.ts
@@ -1,11 +1,10 @@
 import { PropType } from 'vue';
-
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     skin: {
         type: PropType<"default" | "background" | "background-line">;
         default: string;
     };
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     skin: {
         type: PropType<"default" | "background" | "background-line">;
         default: string;

diff --git a/dist/components/CheckBox/CheckBox.vue.d.ts → types/components/CheckBox/CheckBox.vue.d.ts b/dist/components/CheckBox/CheckBox.vue.d.ts → types/components/CheckBox/CheckBox.vue.d.ts
@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -9,9 +9,9 @@ declare const _default: import('vue').DefineComponent<{
     };
 }, {
     onInput: (e: Event) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': null;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -23,7 +23,7 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: boolean;
     disabled: boolean;
+    modelValue: boolean;
 }, {}>;
 export default _default;
diff --git a/types/components/EnhancedIconButton/EnhancedIconButton.vue.d.ts b/types/components/EnhancedIconButton/EnhancedIconButton.vue.d.ts
@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    tag: string;
+}, {}>;
+export default _default;
diff --git a/...components/FieldGroup/FieldGroup.vue.d.ts → ...components/FieldGroup/FieldGroup.vue.d.ts b/...components/FieldGroup/FieldGroup.vue.d.ts → ...components/FieldGroup/FieldGroup.vue.d.ts
@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
-
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     label: {
         type: StringConstructor;
         default: string;
@@ -17,7 +16,7 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         default: string;
@@ -35,8 +34,8 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
 }>>, {
-    label: string;
     required: boolean | null;
+    label: string;
     subLabel: string;
     errorMessage: string;
 }, {}>;

diff --git a/...components/FlatButton/FlatButton.vue.d.ts → ...components/FlatButton/FlatButton.vue.d.ts b/...components/FlatButton/FlatButton.vue.d.ts → ...components/FlatButton/FlatButton.vue.d.ts
@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
-
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     skin: {
         type: PropType<"important" | "primary" | "primary-line" | "secondary" | "tertiary" | "muted" | "disabled">;
         default: string;
@@ -21,7 +20,7 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     skin: {
         type: PropType<"important" | "primary" | "primary-line" | "secondary" | "tertiary" | "muted" | "disabled">;
         default: string;
@@ -43,10 +42,10 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
 }>>, {
-    skin: "disabled" | "important" | "primary" | "primary-line" | "secondary" | "tertiary" | "muted";
-    tag: string;
-    size: "s" | "xl" | "l" | "m" | "xs";
     disabled: boolean;
+    size: "s" | "m" | "xl" | "l" | "xs";
+    tag: string;
+    skin: "disabled" | "muted" | "important" | "primary" | "primary-line" | "secondary" | "tertiary";
     enhanced: boolean;
 }, {}>;
 export default _default;
diff --git a/dist/components/Icon/Icon.vue.d.ts → types/components/Icon/Icon.vue.d.ts b/dist/components/Icon/Icon.vue.d.ts → types/components/Icon/Icon.vue.d.ts
@@ -1,8 +1,7 @@
 import { PropType } from 'vue';
-import { default as iconMap } from './iconMap';
-
+import iconMap from './iconMap';
 type IconKey = keyof typeof iconMap;
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     name: {
         type: PropType<IconKey>;
         required: true;
@@ -137,7 +136,7 @@ declare const _default: import('vue').DefineComponent<{
         remote: string;
         'upload-document': string;
     };
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: PropType<IconKey>;
         required: true;

diff --git a/dist/components/Icon/iconMap.d.ts → types/components/Icon/iconMap.d.ts b/dist/components/Icon/iconMap.d.ts → types/components/Icon/iconMap.d.ts
diff --git a/dist/components/Modal/Modal.vue.d.ts → types/components/Modal/Modal.vue.d.ts b/dist/components/Modal/Modal.vue.d.ts → types/components/Modal/Modal.vue.d.ts
@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     filterBackground: {
         type: StringConstructor;
         default: string;
@@ -23,9 +23,9 @@ declare const _default: import('vue').DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: null;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     filterBackground: {
         type: StringConstructor;
         default: string;
@@ -53,11 +53,11 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
+    zIndex: number;
     visible: boolean;
     filterBackground: string;
     hasClose: boolean;
     panel: boolean;
     gutter: number;
-    zIndex: number;
 }, {}>;
 export default _default;
diff --git a/...ents/ProtectedLink/ProtectedLink.vue.d.ts → ...ents/ProtectedLink/ProtectedLink.vue.d.ts b/...ents/ProtectedLink/ProtectedLink.vue.d.ts → ...ents/ProtectedLink/ProtectedLink.vue.d.ts
@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     href: {
         type: StringConstructor;
         validator(value: string): boolean;
@@ -14,9 +14,9 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
     };
 }, {
-    escapedHref: import('vue').ComputedRef<string | undefined>;
-    formattedRel: import('vue').ComputedRef<string | undefined>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    escapedHref: import("vue").ComputedRef<string | undefined>;
+    formattedRel: import("vue").ComputedRef<string | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     href: {
         type: StringConstructor;
         validator(value: string): boolean;