@wzyjs/utils 0.0.15 → 0.0.17

package/dist/cjs/common/index.d.ts

@@ -3,3 +3,4 @@ export { cloneDeep, debounce, isBoolean, isEqual, isFunction, isNumber, isObject
 export * as consola from 'consola';
 export * from './tools';
 export * from './types';
+export { default as lodash } from 'lodash';

package/dist/cjs/fe/dayjs.d.ts

@@ -0,0 +1,2 @@
+import dayjs from 'dayjs';
+export default dayjs;

package/dist/cjs/fe/element.d.ts

@@ -0,0 +1,9 @@
+export declare const scrollIntoView: (el: Element, option?: ScrollIntoViewOptions) => void;
+export declare const getElement: (el: string | Element) => {
+    element: null;
+    originalStyle: {};
+} | {
+    element: Element;
+    originalStyle: CSSStyleDeclaration;
+};
+export declare const isElementInViewport: (el: string | Element) => boolean | undefined;

package/dist/cjs/fe/index.d.ts

@@ -1,8 +1,8 @@
 import md5 from 'md5';
-import dayjs from 'dayjs';
 import classnames from 'classnames';
 import copy from 'copy-to-clipboard';
-export { copy, classnames, dayjs, md5 };
+import anime from 'animejs';
+export { copy, classnames, md5, anime };
 export declare const localforage: {
     config: {
         (options: LocalForageOptions): boolean;
@@ -13,3 +13,6 @@ export declare const localforage: {
     getItem: <T_1>(key: string, callback?: ((err: any, value: T_1 | null) => void) | undefined) => Promise<T_1 | null>;
     removeItem: (key: string, callback?: ((err: any) => void) | undefined) => Promise<void>;
 };
+export * from './style';
+export * from './element';
+export { default as dayjs } from './dayjs';

package/dist/cjs/fe/style.d.ts

@@ -0,0 +1,10 @@
+export declare const hexToRgba: (hexColor: string, a?: number) => {
+    nums: {
+        red: number;
+        green: number;
+        blue: number;
+    };
+    text: string;
+};
+export declare const flashBackground: (el: string | Element, color: string, a?: number) => void;
+export declare const flashBorder: (el: string | Element, color: string, a?: number) => void;

package/dist/cjs/index_c.js

@@ -68,6 +68,7 @@ Object.defineProperty(exports, 'isString', {
 	enumerable: true,
 	get: function () { return lodash.isString; }
 });
+exports.lodash = lodash;
 Object.defineProperty(exports, 'merge', {
 	enumerable: true,
 	get: function () { return lodash.merge; }

package/dist/esm/common/index.d.ts

@@ -3,3 +3,4 @@ export { cloneDeep, debounce, isBoolean, isEqual, isFunction, isNumber, isObject
 export * as consola from 'consola';
 export * from './tools';
 export * from './types';
+export { default as lodash } from 'lodash';

package/dist/esm/fe/dayjs.d.ts

@@ -0,0 +1,2 @@
+import dayjs from 'dayjs';
+export default dayjs;

package/dist/esm/fe/dayjs.js

@@ -0,0 +1,9 @@
+import dayjs from 'dayjs';
+export { default } from 'dayjs';
+import isBetween from 'dayjs/plugin/isBetween';
+import weekday from 'dayjs/plugin/weekday';
+import localeData from 'dayjs/plugin/localeData';
+
+dayjs.extend(isBetween);
+dayjs.extend(weekday);
+dayjs.extend(localeData);

package/dist/esm/fe/element.d.ts

@@ -0,0 +1,9 @@
+export declare const scrollIntoView: (el: Element, option?: ScrollIntoViewOptions) => void;
+export declare const getElement: (el: string | Element) => {
+    element: null;
+    originalStyle: {};
+} | {
+    element: Element;
+    originalStyle: CSSStyleDeclaration;
+};
+export declare const isElementInViewport: (el: string | Element) => boolean | undefined;

package/dist/esm/fe/element.js

@@ -0,0 +1,36 @@
+// 滚动到让指定元素显示出来的位置
+const scrollIntoView = (el, option) => {
+    if (!el) {
+        return;
+    }
+    el.scrollIntoView({ behavior: 'smooth', block: 'start', ...option });
+};
+// 获取指定元素 已经元素原始的样式
+const getElement = (el) => {
+    const element = typeof el === 'string' ? document.querySelector(el) : el;
+    if (!element) {
+        return {
+            element: null,
+            originalStyle: {},
+        };
+    }
+    // 获取元素原始的样式
+    return {
+        element,
+        originalStyle: window.getComputedStyle(element),
+    };
+};
+// 判断元素是否在可见范围内
+const isElementInViewport = (el) => {
+    const { element } = getElement(el);
+    if (!element) {
+        return;
+    }
+    const rect = element.getBoundingClientRect();
+    return (rect.top >= 0 &&
+        rect.left >= 0 &&
+        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+        rect.right <= (window.innerWidth || document.documentElement.clientWidth));
+};
+
+export { getElement, isElementInViewport, scrollIntoView };

package/dist/esm/fe/index.d.ts

@@ -1,8 +1,8 @@
 import md5 from 'md5';
-import dayjs from 'dayjs';
 import classnames from 'classnames';
 import copy from 'copy-to-clipboard';
-export { copy, classnames, dayjs, md5 };
+import anime from 'animejs';
+export { copy, classnames, md5, anime };
 export declare const localforage: {
     config: {
         (options: LocalForageOptions): boolean;
@@ -13,3 +13,6 @@ export declare const localforage: {
     getItem: <T_1>(key: string, callback?: ((err: any, value: T_1 | null) => void) | undefined) => Promise<T_1 | null>;
     removeItem: (key: string, callback?: ((err: any) => void) | undefined) => Promise<void>;
 };
+export * from './style';
+export * from './element';
+export { default as dayjs } from './dayjs';

package/dist/esm/fe/index.js

@@ -1,8 +1,9 @@
 export { default as md5 } from 'md5';
-export { default as dayjs } from 'dayjs';
 export { default as classnames } from 'classnames';
 export { default as copy } from 'copy-to-clipboard';
 import { config, setItem, getItem, removeItem } from 'localforage';
+export { default as anime } from 'animejs';
+import './dayjs.js';
 
 const localforage = {
     config,

package/dist/esm/fe/style.d.ts

@@ -0,0 +1,10 @@
+export declare const hexToRgba: (hexColor: string, a?: number) => {
+    nums: {
+        red: number;
+        green: number;
+        blue: number;
+    };
+    text: string;
+};
+export declare const flashBackground: (el: string | Element, color: string, a?: number) => void;
+export declare const flashBorder: (el: string | Element, color: string, a?: number) => void;

package/dist/esm/fe/style.js

@@ -0,0 +1,45 @@
+import anime from 'animejs';
+import { getElement } from './element.js';
+
+// 颜色值转换
+const hexToRgba = (hexColor, a = 1) => {
+    let red = parseInt(hexColor.substr(1, 2), 16);
+    let green = parseInt(hexColor.substr(3, 2), 16);
+    let blue = parseInt(hexColor.substr(5, 2), 16);
+    return {
+        nums: { red, green, blue },
+        text: `rgba(${red}, ${green}, ${blue}, ${a})`,
+    };
+};
+// 背景颜色闪动
+const flashBackground = (el, color, a = 1) => {
+    const { element, originalStyle } = getElement(el);
+    if (!element) {
+        return;
+    }
+    anime({
+        targets: element,
+        backgroundColor: [hexToRgba(color, a).text, originalStyle.backgroundColor],
+        duration: 1500,
+        easing: 'easeInOutSine',
+        direction: 'alternate',
+        loop: false,
+    });
+};
+// 边框闪动
+const flashBorder = (el, color, a = 1) => {
+    const { element } = getElement(el);
+    if (!element) {
+        return;
+    }
+    anime({
+        targets: element,
+        border: [`1px solid ${hexToRgba(color, a).text}`, 'none'],
+        duration: 1500,
+        easing: 'easeInOutSine',
+        direction: 'alternate',
+        loop: false,
+    });
+};
+
+export { flashBackground, flashBorder, hexToRgba };

package/dist/esm/index.js

@@ -1,11 +1,15 @@
-export { cloneDeep, debounce, isBoolean, isEmpty, isEqual, isError, isFunction, isNumber, isObject, isString, merge, omit, pick, uniq, uniqBy, uniqWith } from 'lodash';
+export { cloneDeep, debounce, isBoolean, isEmpty, isEqual, isError, isFunction, isNumber, isObject, isString, default as lodash, merge, omit, pick, uniq, uniqBy, uniqWith } from 'lodash';
 import * as consola from 'consola';
 export { consola };
 export { getChineseByStr, getStrLength, jsonParse, replaceAll, replaceByRules } from './common/tools/string.js';
 export { checkAttr } from './common/tools/object.js';
 export { executePromise, handleParams, handleRes2List } from './common/tools/other.js';
 export { localforage } from './fe/index.js';
+import './fe/dayjs.js';
+export { default as dayjs } from 'dayjs';
+export { flashBackground, flashBorder, hexToRgba } from './fe/style.js';
+export { getElement, isElementInViewport, scrollIntoView } from './fe/element.js';
 export { default as copy } from 'copy-to-clipboard';
 export { default as classnames } from 'classnames';
-export { default as dayjs } from 'dayjs';
 export { default as md5 } from 'md5';
+export { default as anime } from 'animejs';

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@wzyjs/utils",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "description",
   "author": "wzy",
   "license": "ISC",
   "main": "dist/cjs/index_c.js",
   "module": "dist/esm/index.js",
-  "typings": "dist/esm/index.d.ts",
+  "typings": "dist/cjs/index_c.d.ts",
   "scripts": {
     "dev": "rollup -c -w --bundleConfigAsCjs",
     "build": "rollup -c --bundleConfigAsCjs"
@@ -16,6 +16,8 @@
   ],
   "dependencies": {
     "@cloudbase/node-sdk": "^2.9.1",
+    "@types/animejs": "^3.1.6",
+    "animejs": "^3.2.1",
     "classnames": "^2.3.2",
     "consola": "^2.15.3",
     "copy-to-clipboard": "^3.3.3",
@@ -42,5 +44,5 @@
     "type": "git",
     "url": "https://gitee.com/wang-zhenyu/app.git"
   },
-  "gitHead": "49f41af470bbc27eb90b4d15bf170d79bf6f9529"
+  "gitHead": "f07be747da894f607f30c2be97c23abac5712bc2"
 }