fix: added type definitions

Author: kouts

dist/types/SearchInput.types.d.ts

@@ -0,0 +1,2 @@
+export declare const fieldType: readonly ["search", "text"];
+export declare type FieldType = typeof fieldType[number];

dist/types/SearchInput.vue.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+import { FieldType } from './SearchInput.types';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: PropType<"search" | "text">;
+        default: string;
+        validator: (prop: FieldType) => boolean;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    inputRef: import("vue").Ref<HTMLInputElement | null>;
+    hasFocus: import("vue").Ref<boolean>;
+    clear: () => void;
+    onInput: (e: Event) => void;
+    onKeydown: (e: KeyboardEvent) => void;
+    attrsStyles: import("vue").ComputedRef<{
+        [key: string]: unknown;
+    }>;
+    attrsWithoutStyles: import("vue").ComputedRef<{
+        [key: string]: unknown;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    type?: unknown;
+    modelValue?: unknown;
+} & {
+    type: "search" | "text";
+    modelValue: string;
+} & {}> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "search" | "text";
+    modelValue: string;
+}>;
+export default _default;

dist/vue-search-input.es.js

@@ -1,19 +1,3 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 import { defineComponent, ref, computed, onBeforeUnmount, openBlock, createElementBlock, normalizeProps, guardReactiveProps, renderSlot, createElementVNode, mergeProps, createCommentVNode } from "vue";
 const fieldType = ["search", "text"];
 var _export_sfc = (sfc, props) => {
@@ -23,6 +7,16 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
+const filterObject = (obj, properties, remove = true) => {
+  const res = {};
+  Object.keys(obj).forEach((objAttr) => {
+    const condition = remove ? properties.indexOf(objAttr) === -1 : properties.indexOf(objAttr) >= 0;
+    if (condition) {
+      res[objAttr] = obj[objAttr];
+    }
+  });
+  return res;
+};
 const _sfc_main = defineComponent({
   inheritAttrs: false,
   props: {
@@ -40,20 +34,8 @@ const _sfc_main = defineComponent({
   setup(props, { emit, attrs }) {
     const hasFocus = ref(false);
     const inputRef = ref(null);
-    const attrsWithoutStyles = computed(() => {
-      const toOmit = ["class", "style"];
-      const res = {};
-      Object.keys(attrs).forEach((attr) => {
-        if (toOmit.indexOf(attr) === -1) {
-          res[attr] = attrs[attr];
-        }
-      });
-      return res;
-    });
-    const attrsStyles = computed(() => {
-      const style = attrs.style;
-      return __spreadValues(__spreadValues({}, attrs.class ? { class: attrs.class } : {}), style ? { style } : {});
-    });
+    const attrsWithoutStyles = computed(() => filterObject(attrs, ["class", "style"]));
+    const attrsStyles = computed(() => filterObject(attrs, ["class", "style"], false));
     const clear = () => {
       emit("update:modelValue", "");
     };

dist/vue-search-input.umd.js

@@ -15,6 +15,7 @@
   ],
   "main": "./dist/vue-search-input.umd.js",
   "module": "./dist/vue-search-input.es.js",
+  "types": "./dist/types/SearchInput.vue.d.ts",
   "exports": {
     ".": {
       "import": "./dist/vue-search-input.es.js",
@@ -73,6 +74,7 @@
     "ts-jest": "^27.1.2",
     "typescript": "^4.4.4",
     "vite": "^2.7.2",
+    "vite-plugin-dts": "^0.9.9",
     "vue": "^3.2.25",
     "vue-tsc": "^0.29.8"
   }

package-lock.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "skipLibCheck": true,
     "baseUrl": ".",
-    "target": "es5",
+    "target": "es2016",
     "useDefineForClassFields": true,
     "module": "esnext",
     "moduleResolution": "node",
@@ -11,18 +11,40 @@
     "sourceMap": true,
     "resolveJsonModule": true,
     "esModuleInterop": true,
-    "lib": ["esnext", "dom"],
+    "lib": [
+      "esnext",
+      "dom"
+    ],
     "paths": {
-      "@/*": ["./src/*"],
-      "@playground/*": ["./playground/*"],
-      "@root/*": ["./*"]
+      "@/*": [
+        "./src/*"
+      ],
+      "@playground/*": [
+        "./playground/*"
+      ],
+      "@root/*": [
+        "./*"
+      ]
     },
-    "types": ["@types/jest"],
+    "types": [
+      "@types/jest"
+    ],
   },
   "include": [
-    "src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", 
-    "playground/**/*.ts", "playground/**/*.d.ts", "playground/**/*.tsx", "playground/**/*.vue",
-    "tests/**/*.ts", "tests/**/*.d.ts", "tests/**/*.tsx", "tests/**/*.vue"
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "playground/**/*.ts",
+    "playground/**/*.d.ts",
+    "playground/**/*.tsx",
+    "playground/**/*.vue",
+    "tests/**/*.ts",
+    "tests/**/*.d.ts",
+    "tests/**/*.tsx",
+    "tests/**/*.vue"
   ],
-  "exclude": ["node_modules"]
-}
+  "exclude": [
+    "node_modules"
+  ]
+}

package.json

@@ -2,10 +2,24 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import del from 'rollup-plugin-delete'
 import { resolve } from 'path'
+import dts from 'vite-plugin-dts'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [del({ targets: 'dist/favicon.ico', hook: 'writeBundle' }), vue()],
+  plugins: [
+    del({ targets: 'dist/favicon.ico', hook: 'writeBundle' }),
+    vue(),
+    // https://github.com/qmhc/vite-plugin-dts#options
+    dts({
+      exclude: ['playground/**'],
+      beforeWriteFile: function (filePath, content) {
+        // Write definition files in /dist/types/ instead of /dist/src/
+        const finalFilePath = filePath.replace('/dist/src/', '/dist/types/')
+
+        return { filePath: finalFilePath, content }
+      }
+    })
+  ],
   resolve: {
     alias: {
       '@': resolve(__dirname, './src'),