@qy_better_lib/core 0.0.2 → 0.0.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@qy_better_lib/core",
   "private": false,
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "qy better lib core",
   "author": "luhuiming",
   "license": "ISC",

package/src/directives/click-outside.ts

@@ -1,115 +0,0 @@
-import { isElement, isClient } from "./../utils";
-import type {
-  ComponentPublicInstance,
-  DirectiveBinding,
-  ObjectDirective,
-} from "vue";
-
-type DocumentHandler = <T extends MouseEvent>(mouseup: T, mousedown: T) => void;
-
-type FlushList = Map<
-  HTMLElement,
-  {
-    documentHandler: DocumentHandler;
-    bindingFn: (...args: unknown[]) => unknown;
-  }[]
->;
-
-const nodeList: FlushList = new Map();
-
-let startClick: MouseEvent;
-
-if (isClient) {
-  document.addEventListener("mousedown", (e: MouseEvent) => (startClick = e));
-  document.addEventListener("mouseup", (e: MouseEvent) => {
-    for (const handlers of nodeList.values()) {
-      for (const { documentHandler } of handlers) {
-        documentHandler(e as MouseEvent, startClick);
-      }
-    }
-  });
-}
-
-function createDocumentHandler(
-  el: HTMLElement,
-  binding: DirectiveBinding
-): DocumentHandler {
-  let excludes: HTMLElement[] = [];
-  if (Array.isArray(binding.arg)) {
-    excludes = binding.arg;
-  } else if (isElement(binding.arg)) {
-    excludes.push(binding.arg as unknown as HTMLElement);
-  }
-  return function (mouseup, mousedown) {
-    const popperRef = (
-      binding.instance as ComponentPublicInstance<{
-        popperRef: HTMLElement | null;
-      }>
-    ).popperRef;
-    const mouseUpTarget = mouseup.target as Node;
-    const mouseDownTarget = mousedown?.target as Node;
-    const isBound = !binding || !binding.instance;
-    const isTargetExists = !mouseUpTarget || !mouseDownTarget;
-    const isContainedByEl =
-      el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
-    const isSelf = el === mouseUpTarget;
-
-    const isTargetExcluded =
-      (excludes.length &&
-        excludes.some((item) => item?.contains(mouseUpTarget))) ||
-      (excludes.length && excludes.includes(mouseDownTarget as HTMLElement));
-    const isContainedByPopper =
-      popperRef &&
-      (popperRef.contains(mouseUpTarget) ||
-        popperRef.contains(mouseDownTarget));
-    if (
-      isBound ||
-      isTargetExists ||
-      isContainedByEl ||
-      isSelf ||
-      isTargetExcluded ||
-      isContainedByPopper
-    ) {
-      return;
-    }
-    binding.value(mouseup, mousedown);
-  };
-}
-
-const ClickOutside: ObjectDirective = {
-  beforeMount(el: HTMLElement, binding: DirectiveBinding) {
-    if (!nodeList.has(el)) {
-      nodeList.set(el, []);
-    }
-
-    nodeList.get(el)?.push({
-      documentHandler: createDocumentHandler(el, binding),
-      bindingFn: binding.value,
-    });
-  },
-  updated(el: HTMLElement, binding: DirectiveBinding) {
-    if (!nodeList.has(el)) {
-      nodeList.set(el, []);
-    }
-
-    const handlers = nodeList.get(el);
-    const oldHandlerIndex = handlers?.findIndex(
-      (item) => item.bindingFn === binding.oldValue
-    );
-    const newHandler = {
-      documentHandler: createDocumentHandler(el, binding),
-      bindingFn: binding.value,
-    };
-
-    if (oldHandlerIndex && oldHandlerIndex >= 0) {
-      handlers?.splice(oldHandlerIndex, 1, newHandler);
-    } else {
-      handlers?.push(newHandler);
-    }
-  },
-  unmounted(el: HTMLElement) {
-    nodeList.delete(el);
-  },
-};
-
-export default ClickOutside;

package/src/directives/index.ts

@@ -1,3 +0,0 @@
-import ClickOutside from "./click-outside";
-
-export { ClickOutside };

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from "./utils/index";
-export * from "./directives/index";

package/src/utils/dom.ts

@@ -1,15 +0,0 @@
-/**
- * 根据类名获取父元素
- * @param dom dom元素
- * @param className css类名
- * @return dom | null
- */
-export function getParentByClass(dom: any, className: string): any {
-  if (!dom || dom.tagName === "BODY") {
-    return null;
-  }
-  if (dom.classList.contains(className)) {
-    return dom;
-  }
-  return getParentByClass(dom.parentNode, className);
-}

package/src/utils/index.ts

@@ -1,7 +0,0 @@
-export * from "./random";
-export * from "./is";
-export * from "./tree";
-export * from "./number";
-export * from "./storage";
-export * from "./object";
-export * from "./dom";

package/src/utils/is.ts

@@ -1,67 +0,0 @@
-/**
- * 判断是否为undefined
- * @param val
- * @returns
- */
-export function isUndefined(val: any): boolean {
-  return val === undefined;
-}
-/**
- * 是否为数组
- * @param val
- * @returns
- */
-export function isArray(val: any) {
-  return Object.prototype.toString.call(val) === "[object Array]";
-}
-/**
- * 是否为对象
- * @param val
- * @returns
- */
-export function isObject(val: any) {
-  return (
-    typeof val === "object" &&
-    Object.prototype.toString.call(val) === "[object Object]"
-  );
-}
-
-/**
- * 是否为日期时间
- * @param val
- * @returns
- */
-export function isDate(val: any) {
-  return Object.prototype.toString.call(val) === "[object Date]";
-}
-
-/**
- * 是否为空
- * @param val
- * @returns
- */
-export function isEmpty(val: unknown) {
-  return (
-    (!val && val !== 0) ||
-    (isArray(val) && (<Array<unknown>>val).length === 0) ||
-    (isObject(val) && !Object.keys(val as any).length)
-  );
-}
-
-/**
- * 判断对象是否为DOM元素
- * @param e
- * @returns
- */
-export function isElement(e: unknown): e is Element {
-  if (typeof Element === "undefined") return false;
-  return e instanceof Element;
-}
-
-/**
- * 是否是客户端
- */
-export const isClient = typeof window !== "undefined";
-
-/**是否未数值 */
-export const isNumber = (val: any) => typeof val === "number";

package/src/utils/number.ts

@@ -1,14 +0,0 @@
-/**
- * 数字转成千分位
- * @param num
- * @returns
- */
-export function thousandSeparator(num: number | any): string {
-  if (!num) {
-    return "0";
-  }
-  if (Object.prototype.toString.call(1) !== "[object Number]") {
-    return `${num}`;
-  }
-  return `${num}`.replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g, "$1,");
-}

package/src/utils/object.ts

@@ -1,76 +0,0 @@
-import { isObject } from "./is";
-
-// 深拷贝对象
-export function deepClone(obj: any): any {
-  const _toString: Function = Object.prototype.toString;
-  // null, undefined, non-object, function
-  if (!obj || typeof obj !== "object") {
-    return obj;
-  }
-  // DOM Node
-  if (obj.nodeType && "cloneNode" in obj) {
-    return obj.cloneNode(true);
-  }
-  // Date
-  if (_toString.call(obj) === "[object Date]") {
-    return new Date(obj.getTime());
-  }
-  // RegExp
-  if (_toString.call(obj) === "[object RegExp]") {
-    const flags: Array<string> = [];
-    if (obj.global) {
-      flags.push("g");
-    }
-    if (obj.multiline) {
-      flags.push("m");
-    }
-    if (obj.ignoreCase) {
-      flags.push("i");
-    }
-    return new RegExp(obj.source, flags.join(""));
-  }
-  if (_toString.call(obj) === "[object FormData]") {
-    const formData = new FormData();
-    for (const [key, value] of obj.entries()) {
-      formData.append(key, value);
-    }
-    return formData;
-  }
-  const result: any = Array.isArray(obj)
-    ? []
-    : obj.constructor
-    ? new obj.constructor()
-    : {};
-
-  for (const key in obj) {
-    result[key] = deepClone(obj[key]);
-  }
-  return result;
-}
-
-/**
- *深度合并多个对象的方法
- */
-export function deepAssign(...arg: any[]) {
-  let len: number = arg.length,
-    target: Record<string, any> = arg[0];
-  if (!isObject(target)) {
-    target = {};
-  }
-  for (let i = 1; i < len; i++) {
-    let source = arg[i];
-    if (isObject(source)) {
-      for (let s in source) {
-        if (s === "__proto__" || target === source[s]) {
-          continue;
-        }
-        if (isObject(source[s])) {
-          target[s] = deepAssign(target[s], source[s]);
-        } else {
-          target[s] = source[s];
-        }
-      }
-    }
-  }
-  return target;
-}

package/src/utils/random.ts

@@ -1,40 +0,0 @@
-/**
- * ==============================================
- * 随机数
- * ==============================================
- */
-
-/**
- * 生成[0-10000]的随机数,针对数据小量使用
- * @returns 随机数
- */
-export function generateId(): number {
-  return Math.floor(Math.random() * 10000);
-}
-
-/**
- * 生成[0-max]的随机数
- * @returns 随机数
- */
-export function getRandomInt(max: number) {
-  return Math.floor(Math.random() * Math.floor(max));
-}
-
-/**
- * 生成GUID
- * @returns
- */
-export function guiID() {
-  const gs = generateString;
-  return `${gs()}${gs()}-${gs()}-${gs()}-${gs()}-${gs()}${gs()}${gs()}`;
-}
-
-/**
- * 随机字符串
- * @returns
- */
-export function generateString(): string {
-  return Math.floor((1 + Math.random()) * 0x10000)
-    .toString(16)
-    .substring(1);
-}

package/src/utils/storage.ts

@@ -1,86 +0,0 @@
-/**
- * 获取用户token,包含过期时间判断
- */
-export function getToken(): any | null {
-  const session = localStorage.getItem("token");
-  if (!session) {
-    return undefined;
-  }
-  const data = JSON.parse(session);
-  if (data !== null) {
-    if (data.expirse != null && data.expirse < new Date().getTime()) {
-      localStorage.removeItem("token");
-    } else {
-      return data.value;
-    }
-  }
-  return null;
-}
-
-/**
- * 设置用户token,有效期默认七天
- * @param {*} value
- */
-export function setToken(value: any, expires?: number): void {
-  (!expires && (expires = 7 * 24 * 60 * 60 * 1000)) ||
-    (expires = expires * 1000);
-  const data = { value: value, expirse: new Date().getTime() + expires };
-  localStorage.setItem("token", JSON.stringify(data));
-}
-
-/**
- * 移除token
- */
-export function removeToken(): void {
-  localStorage.removeItem("token");
-}
-/**
- * 设置缓存
- * @param key key
- * @param value 值
- */
-export function setStorage(
-  key: string,
-  value: any,
-  tpye: "local" | "session" = "local"
-): void {
-  const storage = tpye == "local" ? localStorage : sessionStorage;
-  value != undefined && storage.setItem(key, JSON.stringify(value));
-}
-/**
- * 获取缓存
- * @param key
- * @returns
- */
-export function getStorage(
-  key: string,
-  tpye: "local" | "session" = "local"
-): any {
-  const storage = tpye == "local" ? localStorage : sessionStorage;
-  let session = storage.getItem(key);
-  if (session) {
-    return JSON.parse(session || "");
-  }
-  return session;
-}
-
-/**
- * 删除指定key的缓存
- * @param key
- */
-export function removeStorage(
-  key: string,
-  tpye: "local" | "session" = "local"
-): void {
-  const storage = tpye == "local" ? localStorage : sessionStorage;
-  storage.removeItem(key);
-}
-
-/**
- * 清除所有缓存
- * @param tpye
- */
-export function clearStorage(tpye: "local" | "session" = "local") {
-  const storage = tpye == "local" ? localStorage : sessionStorage;
-  storage.clear();
-}

package/src/utils/tree.ts

@@ -1,30 +0,0 @@
-/**
- * 树形数据扁平化处理
- * @param data 数据
- * @param key key属性
- * @param children children属性
- */
-export function treeFlat(
-  listData: any[],
-  key: string = "key",
-  children: string = "children"
-): Record<string, any> {
-  const map: Record<string, any> = {};
-  const flat = (data: any[], parentKey?: string) => {
-    for (let i = 0; i < data.length; i++) {
-      const item = data[i];
-      const mapKey = item[key];
-      if (map[mapKey]) {
-      } else {
-        map[mapKey] = item;
-        if (parentKey) map[mapKey].parent = map[parentKey];
-        const itemChildren = item[children];
-        if (itemChildren && itemChildren.length > 0) {
-          flat(itemChildren, item[key]);
-        }
-      }
-    }
-  };
-  flat(listData);
-  return map;
-}