common-utils-kit 1.1.1 → 1.1.3

package/README.md

@@ -7,12 +7,22 @@
 ```
 # 安装
 npm i common-utils-kit
-# 引入
-import {test,format,tool} from "common-utils-kit/src/test";
-# 使用
-test //验证数据类型 例：test.number(1)
-format  // 格式化数据 例：
-tool //工具函数
-files  //文件下载
-```
 
+# 使用方式一（局部引入）
+import commonUtilsKit from "common-utils-kit";
+例：验证是否为数字 commonUtilsKit.test.number(1)
+
+# 使用方式二（全局引入）
+import commonUtilsKit from "common-utils-kit";
+Vue.prototype.$test = commonUtilsKit.test;
+例：验证是否为数字 this.$test.number(1)
+```
+<!-- ### directives(指令)
+1. v-debounce(按钮或输入框防抖)
+   * function：需要防抖的函数
+   * event：事件类型
+   * time：防抖时间
+```
+<el-input v-debounce="[function,`input`,1000]" placeholder="输入框数组防抖" />
+<el-button v-debounce="[function,`click`,1000]">按钮防抖</el-button>
+``` -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "common-utils-kit",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "",
   "main": "index.js",
   "type": "module",

package/src/directives.js

@@ -1,6 +1,29 @@
-// import ElTableInfiniteScroll from "el-table-infinite-scroll";
+
 // 自定义指令基础配置
 const directives = {
+  debounce: { // 按钮或者输入框防抖
+    // 例子 <el-input v-model="aa" v-debounce="[reset,`input`,1000]" placeholder="输入框数组防抖" />
+    // <el-button v-debounce="[reset,`click`,1000]">刷新</el-button>
+    inserted: function(el, binding) {
+      const [fn, event = "click", time = 1000] = binding.value;
+      let timer;
+      let flag = true; // 输入法标记
+      if (event === "input") {
+        el.addEventListener("compositionstart", () => { // 监听中文输入开始
+          flag = false;
+        });
+        el.addEventListener("compositionend", () => { // 监听中文输入结束
+          flag = true;
+        });
+      }
+      el.addEventListener(event, () => {
+        timer && clearTimeout(timer);
+        timer = setTimeout(() => {
+          if (flag) fn();
+        }, time);
+      });
+    },
+  },
   inputDebounce: { // 输入框防抖
     inserted: function (el, binding) {
       const fn = binding.value;
@@ -117,7 +140,7 @@ const directives = {
       delete el.__timeout__
     }
   },
-  bb: {//限制input输入内容
+  replace: {//限制input输入内容
     inserted: function (el, binding, vnode) {
       const element = el.tagName === "INPUT" ? el : el.querySelector("input");
       let flag = true; // 输入法标记
@@ -134,7 +157,7 @@ const directives = {
             case "price": // 正负的两位小数金额 -和.只能出现一次 并且-只能在首位
               element.value = element.value.replace(/^([-+])?\D*(\d*(?:\.\d{0,2})?).*$/, "$1$2");
               break;
-            case "aprice": // 验证正的两位小数金额
+            case "plusPrice": // 验证正的两位小数金额
               element.value = element.value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, "$1");
               break;
             case "num": // 只能输入正整数

package/src/format.js

@@ -73,13 +73,13 @@ export function unrepeated(data, parameter) {
  * console.log(flatArray);
  * // 输出：[ { id: 1, label: 'parent 1' },{ id: 2, label: 'child 1' }, { id: 3, label: 'child 2' }, { id: 4, label: 'parent 2' },{ id: 5, label: 'child 3' },{ id: 6, label: 'child 4' }]
  */
-export function treeToFlat(previous, bind = 'children') {
+export function treeToFlat(previous=[], bind = 'children') {
   const result = []
   previous.forEach(item => {
     const clonedItem = { ...item };
     if (clonedItem[bind]) {
       result.push(clonedItem)
-      if (clonedItem[bind].length > 0) {
+      if (Array.isArray(previous) && clonedItem[bind].length > 0) {
         result.push(...treeToFlat(clonedItem[bind]))
       }
     } else {
@@ -159,13 +159,13 @@ export function flatToTree(flatArray, rootValue = null, bind = "pid") {
  * const processedTree = recursionFunction(treeData, processFunction);
  */
 export function recursionFunction(data, processFunction, bind = 'children') {
-  function internalRecursion(previous, initial) {
+  function internalRecursion(previous=[], initial) {
     return previous.map((element, i) => {
       const menus = initial[i] ? processFunction(initial[i]) : {};
       const children = element[bind] && Array.isArray(element[bind]) && element[bind].length > 0
         ? internalRecursion(element[bind], initial[i][bind])
         : [];
-      return { [bind]: children, ...menus };
+      return { ...menus,[bind]: children };
     });
   }
   return internalRecursion(data, data);
@@ -203,3 +203,46 @@ export function filterData(filterMethod) {
   }
   return list;
 }
+/**
+ * @description 计算时间差(单位：天)
+ * @param {Date} startDate 开始时间 默认当前时间
+ * @param {Date} endDate 结束时间 默认当前时间
+ * @returns {number} 时间差（天）
+ * @example DateDiff(开始时间,结束时间)
+ */
+export function dateDiff(startDate = new Date(), endDate = new Date()) {
+  const MS_PER_DAY = 24 * 60 * 60 * 1000; // 一天的毫秒数
+  const startTimestamp = new Date(startDate).setHours(0, 0, 0, 0);
+  const endTimestamp = new Date(endDate).setHours(0, 0, 0, 0);
+  const timeDiff = endTimestamp - startTimestamp;
+  const daysDiff = Math.floor(timeDiff / MS_PER_DAY);
+  return daysDiff;
+}
+/**
+ * @description 获取当前时间（年月日）
+ * @returns {string} 当前时间字符串，格式为 "YYYY-MM-DD"
+ * @example getNowDate()
+ */
+export function getNowDate() {
+  const timeOne = new Date();
+  const year = timeOne.getFullYear();
+  const month = String(timeOne.getMonth() + 1).padStart(2, '0');
+  const day = String(timeOne.getDate()).padStart(2, '0');
+  return `${year}-${month}-${day}`;
+}
+
+/**
+ * @description form的下拉框  级联选择器等数据赋值
+ * @param {Array} columns - form的columns数据
+ * @param {String} targetLabel - 需要赋值的columns[i]的label
+ * @param {Array} newData - 想要赋值的数据
+ * @returns {Array} 包含data的Columns数据
+ * @example  setFormColumnsData(this.columns, '下单医生', result.data)
+ */
+export function setFormColumnsData(columns, targetLabel, newData) {
+  var targetIndex = columns.findIndex(item => item.label === targetLabel);
+  if (targetIndex !== -1) {
+    columns[targetIndex].data = newData;
+  }
+  return columns;
+}