init;

Author: xunziheng

.editorconfig

@@ -0,0 +1,16 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab

.fatherrc.ts

@@ -0,0 +1,15 @@
+export default {
+  esm: 'babel',
+  cjs: 'babel',
+  lessInBabelMode: true,
+  extraBabelPlugins: [
+    [
+      'babel-plugin-import',
+      {
+        libraryName: 'antd',
+        libraryDirectory: 'es',
+        style: true,
+      },
+    ],
+  ],
+};

.gitignore

@@ -0,0 +1,26 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/npm-debug.log*
+/yarn-error.log
+/yarn.lock
+/package-lock.json
+
+# production
+/es
+/docs-dist
+
+# misc
+.DS_Store
+/coverage
+
+# umi
+.umi
+.umi-production
+.umi-test
+.env.local
+
+# ide
+/.vscode
+/.idea

.prettierignore

@@ -0,0 +1,7 @@
+**/*.svg
+**/*.ejs
+**/*.html
+package.json
+.umi
+.umi-production
+.umi-test

.prettierrc.js

@@ -0,0 +1 @@
+module.exports = require('@umijs/fabric').prettier;

.umirc.ts

@@ -0,0 +1,26 @@
+import { defineConfig } from 'dumi';
+
+export default defineConfig({
+  title: 'antd-debounce-select',
+  favicon:
+    'https://avatars.githubusercontent.com/u/35691153?s=400&u=a0173e2ecd400de3e7ad38cde996f4cbaf777b2b&v=4',
+  logo: 'https://avatars.githubusercontent.com/u/35691153?s=400&u=a0173e2ecd400de3e7ad38cde996f4cbaf777b2b&v=4',
+  outputPath: 'docs-dist',
+  mode: 'site',
+  // more config: https://d.umijs.org/config
+  extraBabelPlugins: [
+    [
+      'babel-plugin-import',
+      {
+        libraryName: 'antd',
+        libraryDirectory: 'es',
+        style: true,
+      },
+    ],
+  ],
+  apiParser: {
+    propFilter: {
+      skipNodeModules: true,
+    },
+  },
+});

README.md

@@ -1,2 +1,33 @@
 # antd-debounce-select
-Antd Select that supports remote search and pagination loading.
+
+## Getting Started
+
+Install dependencies,
+
+```bash
+$ npm i
+```
+
+Start the dev server,
+
+```bash
+$ npm start
+```
+
+Build documentation,
+
+```bash
+$ npm run docs:build
+```
+
+Run test,
+
+```bash
+$ npm test
+```
+
+Build library via `father-build`,
+
+```bash
+$ npm run build
+```

docs/index.md

@@ -0,0 +1,21 @@
+---
+hero:
+  title: antd-debounce-select
+  desc: antd-debounce-select site example
+  actions:
+    - text: Getting Started
+      link: /components
+features:
+  - icon: https://gw.alipayobjects.com/zos/bmw-prod/881dc458-f20b-407b-947a-95104b5ec82b/k79dm8ih_w144_h144.png
+    title: Feature 1
+    desc: Balabala
+  - icon: https://gw.alipayobjects.com/zos/bmw-prod/d60657df-0822-4631-9d7c-e7a869c2f21c/k79dmz3q_w126_h126.png
+    title: Feature 2
+    desc: Balabala
+  - icon: https://gw.alipayobjects.com/zos/bmw-prod/d1ee0c6f-5aed-4a45-a507-339a4bfe076c/k7bjsocq_w144_h144.png
+    title: Feature 3
+    desc: Balabala
+footer: Open-source MIT Licensed | Copyright © 2020<br />Powered by [dumi](https://d.umijs.org)
+---
+
+## Hello antd-debounce-select!

lib/DebounceSelect/index.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+export declare type SelectOption = {
+    label: string;
+    value: string;
+};
+export declare type Page = {
+    offset: number;
+    limit: number;
+};
+declare type DebounceSelectProps = {
+    /**
+     * If you need multiple selections, set mode="multiple", otherwise you don`t need to set,
+     * and it should be noted that the value of multiple selections is string[], and the single selection is string.
+     */
+    mode?: 'multiple';
+    /**
+     * Multiple selection is string[], single selection is string.
+     */
+    value: string | string[];
+    /**
+     * The default is 10, you don't need to set it, if you need to save http resources, set it at will.
+     */
+    pageSize?: number;
+    /**
+     * A setting necessary so that the component can tell if more can be loaded.
+     */
+    total: number;
+    /**
+     * Set the time of the function debounce.
+     */
+    debounceTimeout?: number;
+    /**
+     * The callback after selecting options, you need to set it as value.
+     */
+    onChange: (newValue: string | string[]) => void;
+    /**
+     * In this callback function, the http request is made,
+     * and the options of the next page are obtained according to the Page parameter and searchKey, which will be pushed.
+     */
+    fetchOptions: (search: string, page: Page) => Promise<SelectOption[]>;
+};
+export declare const DebounceSelect: React.FC<DebounceSelectProps>;
+export {};