docs(license): 添加了 LICENSE

Author: 白唯

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 ibaiwei
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

src/components/index.ts

@@ -1,26 +1,25 @@
-import { kebabCase } from 'lodash'
-import { createApp } from 'vue'
-import { createFromIconfontCN } from '@ant-design/icons-vue'
-import { StaticConfig } from '@/config/app'
-// iconfont的使用姿势: 2x.antdv.com/components/icon-cn/#components-icon-demo-use-iconfont.cn
-const IconFont: any = createFromIconfontCN({
-  scriptUrl: StaticConfig.IconfontURL
-})
-
-/**
- * @description 自动将 ./src/components/global 下的组件注册成为全局组件
- * @param {vue} app 当前应用实例
- * @returns {void} void
- */
-export function registeGlobalComponent(app: ReturnType<typeof createApp>): void {
-  const files = require.context('./global', true, /\.(vue|ts)$/)
-  files.keys().forEach(key => {
-    const config = files(key)
-    console.log(key)
-    const name = kebabCase(key.replace(/^\.\//, '').replace(/\.\w+$/, ''))
-    app.component(name, config.default || config)
-  })
-
-  // 全局注册 iconfont
-  app.component('IconFont', IconFont)
-}
+import { kebabCase } from 'lodash'
+import { createApp } from 'vue'
+import { createFromIconfontCN } from '@ant-design/icons-vue'
+import { StaticConfig } from '@/config/app'
+// iconfont的使用姿势: 2x.antdv.com/components/icon-cn/#components-icon-demo-use-iconfont.cn
+const IconFont: any = createFromIconfontCN({
+  scriptUrl: StaticConfig.IconfontURL
+})
+
+/**
+ * @description 自动将 ./src/components/global 下的组件注册成为全局组件
+ * @param {vue} app 当前应用实例
+ * @returns {void} void
+ */
+export function registeGlobalComponent(app: ReturnType<typeof createApp>): void {
+  const files = require.context('./global', true, /\.(vue|ts)$/)
+  files.keys().forEach(key => {
+    const config = files(key)
+    const name = kebabCase(key.replace(/^\.\//, '').replace(/\.\w+$/, ''))
+    app.component(name, config.default || config)
+  })
+
+  // 全局注册 iconfont
+  app.component('IconFont', IconFont)
+}

src/utils/hooks/index.ts

@@ -0,0 +1,27 @@
+import { customRef } from 'vue'
+
+/**
+ * @description 使用自定义 ref 实现带防抖功能的 v-model ：
+ * @param {any} value 要更改的值
+ * @param {number} delay
+ * @returns {T}
+ */
+
+export function useDebouncedRef<T>(value: T, delay = 200) {
+  let timeout: any = null
+  return customRef((track, trigger) => {
+    return {
+      get() {
+        track()
+        return value
+      },
+      set(newValue: T) {
+        clearTimeout(timeout)
+        timeout = setTimeout(() => {
+          value = newValue
+          trigger()
+        }, delay)
+      }
+    }
+  })
+}