调整filters等js文件为ts格式

Author: zhongjie

src/components/api-table.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="site-api">
-    <div v-if="dataApiData && dataApiData.length">
+    <div v-if="dataApiData.length">
       <div class="site-content-subtitle">
         DATA-API
       </div>
@@ -35,7 +35,7 @@
       </code></pre>
     </div>
 
-    <div v-if="attrData && attrData.length">
+    <div v-if="attrData.length">
       <div class="site-content-subtitle">
         属性
       </div>
@@ -68,7 +68,7 @@
       </div>
     </div>
 
-    <div v-if="eventData && eventData.length">
+    <div v-if="eventData.length">
       <div class="site-content-subtitle">
         事件
       </div>
@@ -94,7 +94,7 @@
       </div>
     </div>
 
-    <div v-if="hookData && hookData.length">
+    <div v-if="hookData.length">
       <div class="site-content-subtitle">
         钩子方法
       </div>
@@ -141,16 +141,36 @@ export default class extends Vue {
   @Prop()
   code: any;
 
-  @Prop()
+  @Prop({
+    type: Array,
+    default: () => {
+      return [];
+    }
+  })
   dataApiData: any[];
 
-  @Prop()
+  @Prop({
+    type: Array,
+    default: () => {
+      return [];
+    }
+  })
   attrData: any[];
 
-  @Prop()
+  @Prop({
+    type: Array,
+    default: () => {
+      return [];
+    }
+  })
   eventData: any[];
 
-  @Prop()
+  @Prop({
+    type: Array,
+    default: () => {
+      return [];
+    }
+  })
   hookData: any[];
   
   created() {

src/components/color-item.vue

@@ -36,7 +36,6 @@ export default class extends Vue {
   title: string;
 
   get middleIndex():number {
-    console.log(Math.ceil(this.colorArr.length / 2), 'colorArr')
     return Math.ceil(this.colorArr.length / 2);
   }
 }

src/data/index.js renamed to src/data/index.ts

@@ -1,4 +1,4 @@
-const componentMenu = [
+const componentMenu:any[] = [
   {
     'text': '基础 Basic',
     'children': [
@@ -218,7 +218,7 @@ const componentMenu = [
   }
 ];
 
-const navMenu = [
+const navMenu:any[] = [
   {
     'text': '首页',
     'name': 'homepage'
@@ -229,9 +229,9 @@ const navMenu = [
   }
 ];
 
-const componentData = [];
+const componentData:any[] = [];
 
-componentMenu.map((item) => {
+componentMenu.map((item: any):void => {
   componentData.push(...item.children);
 });
 

src/filters/index.js renamed to src/filters/index.ts

@@ -1,7 +1,7 @@
 import moment from 'moment';
 
 export default {
-  install(Vue) {
+  install(Vue: any):void {
     Vue.filter('trim', value => value.replace(/(^\s*)|(\s*$)/g, ''));
 
     Vue.filter('datetime', value => moment(+new Date(value)).format('YYYY-MM-DD HH:mm'));

src/plugins/index.js

@@ -0,0 +1,7 @@
+export default {
+  install(Vue) {
+    Vue.prototype.isDev = (): boolean => process.env.NODE_ENV !== 'production';
+
+    Vue.prototype.setTitle = (title: string): string => document.title = title;
+  },
+};

src/plugins/index.ts

@@ -151,10 +151,19 @@ export default class extends Vue {
   baseColor: any = baseColor;
   colors: any = {};
   
+  beforeCreate () {
+    this.$nextTick().then(() => {
+      console.log(2122)
+    })
+  }
   created() {
     for (let color in baseColor) {
       this.$set(this.colors, color, this.colorMix(baseColor[color].hex));
     }
+
+    this.$nextTick().then(() => {
+      console.log(222)
+    })
   }
 
   updateValue(color) {

src/views/component/color.vue

@@ -15,6 +15,7 @@ declare module 'vue/types/vue' {
 }
 
 declare global {
-  const cd: any
+  const cd: any,
+  const process: any
 }