chore: add isMap

Author: Simon he

README.md

@@ -295,7 +295,21 @@ getDevice() => { os: 'android', dev: 'chrome' }
 preload('https://img.yzcdn.cn/vant/cat.jpeg')
 preload(['https://img.yzcdn.cn/vant/cat.jpeg', 'https://img.yzcdn.cn/vant/dog.jpeg'])
 ```
+## lazyLoad
+- 图片懒加载
+- params-1: 图片的集合 Element | Element[] | NodeList[] | class | id | tagName 
+- params-2: root 指定相对容器默认是body 
+- params-3: rootMargin 指定相对容器的边距 默认距离容器底部200px时候加载(↑ → ↓ ←) '0px 0px 200px 0px' 
+- params-4: threshold 指定图片加载的阈值
+```javascript
+// usage
+  lazyLoad(document.querySelectorAll("img"));
+  lazyLoad("img[data-src]");
+  lazyLoad(".img-wrapper>img");
+// template
+  <img src="temp" data-src="../public/favicon.svg" alt="" h-10 bg-red />
 
+```
 ## addScript
 - 动态添加script标签
 ```javascript
@@ -444,6 +458,23 @@ formateNum(number: number | string, decimals = 2, integer: 'floor' | 'ceil' = 'c
 interceptError(fn: Function) => Promise<any>
 ```
 
+## isBottom
+- 判断滚动是否触底
+- distance: 距离底部的距离作为触底的判断标准 默认0
+```javascript
+isBottom(distance: string = 0) => boolean
+```
+
+## calNum
+- 计算数字
+- type: '加' | '减' | '乘' | '除'
+```javascript
+console.log(calNum.add(0.1, 0.2, 0.2)) => 0.5
+console.log(calNum.div(0.1, 0.2, 0.2)) => 2.5
+console.log(calNum.sub(0.1, 0.2, 0.2)) => -0.3
+console.log(calNum.mul(0.1, 0.2, 0.2)) => 0.004
+```
+
 ## 类型判断
 - isArray(obj) - 判断是否是数组
 - isPlainObject(obj)  - 判断是否是纯对象

playground/src/App.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+// import { lazyLoad } from "../../src";
 // import { vFetch } from "../../src";
 
 // setTimeout(() => {
@@ -9,11 +10,21 @@
 //     return res;
 //   });
 // }, 2000);
+// onMounted(() => {
+//   lazyLoad(document.querySelectorAll("img"));
+//   lazyLoad("img[data-src]");
+//   lazyLoad(".img-wrapper>img");
+//   // document.querySelectorAll("img").forEach((img) => {
+//   //   lazyLoad(img);
+//   // });
+// });
 </script>
 
 <template>
-  <main font-sans p="x-4 y-10" text="center gray-700 dark:gray-200">
+  <main font-sans p="x-4 y-10" text="center gray-700 dark:gray-200" h-1000>
     <router-view />
     <Footer />
   </main>
+  <!-- <img src="temp" data-src="../public/favicon.svg" alt="" h-10 bg-red /> -->
+  <!-- <img src="temp" alt="" h-10 bg-red /> -->
 </template>

playground/src/main.ts

@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
 import routes from 'virtual:generated-pages'
-import { monitorPef, vFetch } from '../../src'
+import { monitorPef, vFetch, calNum, lazyLoad } from '../../src'
 import App from './App.vue'
 
 import '@unocss/reset/tailwind.css'
@@ -34,6 +34,9 @@ instance({
   return res
 })
 monitorPef()
+console.log(calNum.sub(0.1, 0.2, 0.2))
+console.log(calNum.mul(0.1, 0.2, 0.2))
+
 // console.log(formateNum(123456789.123456789, 3, 'floor'))
 // console.log(uppercaseNum(-122.12))
 // console.log(trim('  g  xx ', 'all').length)

playground/src/styles/main.css

@@ -1,7 +1,6 @@
 html,
 body,
 #app {
-  height: 100%;
   margin: 0;
   padding: 0;
 }

src/index.ts

@@ -61,3 +61,6 @@ export { base64ToFile } from './base64ToFile'
 export { base64ToBlob } from './base64ToBlob'
 export { uppercaseNum } from './uppercaseNum'
 export { formateNum } from './formateNum'
+export { isBottom } from './isBottom'
+export { calNum } from './calNum'
+export { lazyLoad } from './lazyLoad'

src/isMap.ts

@@ -0,0 +1,4 @@
+import { _toString } from './common';
+export function isMap(o: any) {
+  return _toString.call(o) === '[object Map]';
+}