zhl-methods 1.0.4 → 1.1.0

package/README.md

@@ -46,20 +46,25 @@ isPhone(123)
 
 ##### 获取导航栏高度
 
+- @example getNavBarHeight() => 100
 - @returns {number}
 
 ##### 弹窗二次确认
 
+- @example showModal(query,callback)
 - @param {Function} callback
 
 ##### 获取当前环境
 
+- @example getEnv()
 - @returns {string} release 线上 trial 测试 develop 开发
 
 ##### 获取 appId
 
+- @example getAppId()
 - @returns {string}
 
 ##### 获取底部安全距离
 
+- @example getSafeBottom()
 - @returns {string}

package/VERSION.md

@@ -0,0 +1,14 @@
+# zhl-methods
+
+版本更新日志
+
+#### 1.0.5
+
+- 增加 css 文件
+  - 单/多行文本溢出省略号 nowrap/manyWrap
+  - 滚动条样式 scrollbar
+
+### 1.1.0
+
+- 删除 wx 'requestApi' 方法 使用 'showModal' 代替
+- 小程序  兼容 uin 和 wx 方法

package/index.css

@@ -0,0 +1,49 @@
+/* npm publish 发布命令 */
+/* 单行溢出省略号 */
+.nowrap {
+  /*溢出部分隐藏*/
+  overflow: hidden;
+  /*禁止换行*/
+  white-space: nowrap;
+  /*显示省略号*/
+  text-overflow: ellipsis;
+}
+/* 三行溢出省略号 */
+.manyWrap {
+  /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
+  display: -webkit-box;
+  /* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
+  -webkit-box-orient: vertical;
+  /*要显示的行数*/
+  -webkit-line-clamp: 3;
+  line-clamp: 3;
+  /* 溢出部分隐藏 */
+  overflow: hidden;
+}
+/*滚动条整体部分*/
+.scrollbar ::-webkit-scrollbar {
+  width: 8px;
+  height: 6px;
+}
+/*滚动条的轨道*/
+.scrollbar ::-webkit-scrollbar-track {
+  background-color: #ffffff;
+}
+/*滚动条里面的小方块，能向上向下移动*/
+.scrollbar ::-webkit-scrollbar-thumb {
+  background-color: #bfbfbf;
+  border-radius: 5px;
+  border: 1px solid #f1f1f1;
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  cursor: pointer;
+}
+.scrollbar ::-webkit-scrollbar-thumb:hover {
+  background-color: #a8a8a8;
+}
+.scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: #787878;
+}
+/*边角，即两个滚动条的交汇处*/
+.scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}

package/js/index.js

@@ -218,3 +218,52 @@ export const downloadFile = (url, name) => {
   a.click();
   a.remove();
 };
+/**
+ * 防抖
+ * @example debounce(() => {}, 250)
+ * @param fn 防抖的函数
+ * @param wait 防抖时间 毫秒
+ * @returns fn
+ */
+export const debounce = (fn, wait = 250) => {
+  let timeout = null;
+  return function () {
+    let context = this;
+    let args = arguments;
+    if (timeout) clearTimeout(timeout);
+    let callNow = !timeout;
+    timeout = setTimeout(() => {
+      timeout = null;
+    }, wait);
+    if (callNow) fn.apply(context, args);
+  };
+};
+/**
+ * 节流
+ * @example throttle(()=>{})
+ * @param fn 节流的函数
+ * @param threshhold 节流时间
+ * @param scope this
+ * @returns 没有返回值
+ */
+export const throttle = (fn, threshhold, scope) => {
+  threshhold || (threshhold = 250);
+  var last, timer;
+  return function () {
+    var context = scope || this;
+    var now = +new Date(),
+      args = arguments;
+    if (last && now < last + threshhold) {
+      // 如果在节流时间内，则取消之前的延迟调用
+      clearTimeout(timer);
+      // 设定一个新的延迟调用
+      timer = setTimeout(function () {
+        last = now;
+        fn.apply(context, args);
+      }, threshhold);
+    } else {
+      last = now;
+      fn.apply(context, args);
+    }
+  };
+};

package/package.json

@@ -1,8 +1,6 @@
 {
   "name": "zhl-methods",
-  "version": "1.0.4",
-  "description": "",
-  "main": "index.js",
+  "version": "1.1.0",
   "license": "ISC",
   "dependencies": {
     "vue": "^3.5.12"

package/wx/index.js

@@ -1,9 +1,11 @@
+const thit = uni ? uni : wx;
 /**
  * 获取导航栏高度
+ * @example getNavBarHeight() => 100
  * @returns {number}
  */
 export const getNavBarHeight = () => {
-  let res = wx.getSystemInfoSync();
+  let res = thit.getSystemInfoSync();
   let nav = 48;
   if (res.system.indexOf("iOS") > -1) {
     nav = 44;
@@ -15,7 +17,7 @@ export const getNavBarHeight = () => {
  * @param {Function} callback
  */
 export const requestApi = (callback) => {
-  wx.showModal({
+  thit.showModal({
     title: "确认该操作吗?",
     confirmText: "确认",
     cancelText: "取消",
@@ -32,7 +34,7 @@ export const requestApi = (callback) => {
  * @param {Function} callback
  */
 export const showModal = (query = {}, callback) => {
-  wx.showModal({
+  thit.showModal({
     title: query.title ? query.title : "确认该操作吗?",
     content: query.content ? query.content : "",
     confirmText: "确认",
@@ -49,21 +51,21 @@ export const showModal = (query = {}, callback) => {
  * @returns {string} release线上 trial测试 develop开发
  */
 export const getEnv = () => {
-  return wx.getAccountInfoSync().miniProgram.envVersion;
+  return thit.getAccountInfoSync().miniProgram.envVersion;
 };
 /**
  * 获取appId
  * @returns {string}
  */
 export const getAppId = () => {
-  return wx.getAccountInfoSync().miniProgram.appId;
+  return thit.getAccountInfoSync().miniProgram.appId;
 };
 /**
  * 获取底部安全距离
  * @returns {string}
  */
 export const getSafeBottom = () => {
-  let winInfo = wx.getWindowInfo();
+  let winInfo = thit.getWindowInfo();
   return winInfo.safeArea.bottom - winInfo.safeArea.height;
 };
 /**
@@ -71,13 +73,13 @@ export const getSafeBottom = () => {
  * @param {string|number} 要复制的数据
  */
 export const copyText = (val) => {
-  wx.setClipboardData({
+  thit.setClipboardData({
     data: val,
     success: () => {
-      wx.showToast({ title: "复制成功", icon: "none" });
+      thit.showToast({ title: "复制成功", icon: "none" });
     },
     fail: (res) => {
-      wx.showToast({ title: "复制失败", icon: "none" });
+      thit.showToast({ title: "复制失败", icon: "none" });
     },
   });
 };