增加 ts 文件

Author: dian.li

gulpfile.js

@@ -52,6 +52,11 @@ gulp.task("publish:clean", function(){
     .pipe(clean());
 })
 
+gulp.task("publish:ts", ["publish:clean"], function(){
+  return gulp.src('src/**/*.ts')
+    .pipe(gulp.dest('dist'));
+})
+
 //编译 js 文件
 gulp.task('publish:js', ["publish:clean"], function(){
   return gulp.src('src/**/*.{js,jsx}')
@@ -77,7 +82,7 @@ gulp.task('publish:css', ["publish:clean"], function(){
 })
 
 //打包发布 npm
-gulp.task('publish', ["publish:clean", 'publish:js', 'publish:less']);
+gulp.task('publish', ["publish:clean", 'publish:ts', 'publish:js', 'publish:less']);
 
 gulp.task('demo', ['deploy:demo']);
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-pullload",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "React compopnent pull down refresh and pull up load more",
   "main": "./dist/index.js",
   "scripts": {

src/index.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+declare enum STATS {
+  init = "",
+  pulling = "pulling",
+  enough = "pulling enough",
+  refreshing = "refreshing",
+  refreshed = "refreshed",
+  reset = "reset",
+
+  loading = "loading" // loading more
+}
+
+export interface PullLoadProps {
+  action: STATS; //用于同步状态
+  handleAction: (action: STATS) => void; //用于处理状态
+  hasMore: boolean; //是否还有更多内容可加载
+  offsetScrollTop?: number; //必须大于零，使触发刷新往下偏移，隐藏部分顶部内容
+  downEnough?: number; //下拉满足刷新的距离
+  distanceBottom?: number; //距离底部距离触发加载更多
+  isBlockContainer?: boolean;
+
+  HeadNode?: React.ReactNode | string; //refresh message react dom
+  FooterNode?: React.ReactNode | string; //refresh loading react dom
+  children: React.ReactChild; // 子组件
+}
+export default class ReactPullLoad extends React.Component<
+  PullLoadProps,
+  any
+> {}