@wzyjs/types 0.0.28

package/dist/esm/common/tools/other.js

@@ -0,0 +1,106 @@
+import { pick } from 'lodash';
+
+// 处理 ProComponents 中 ProTable 参数中的 page 和 where 和 sort
+const handleParams = (params, sort) => {
+    if (!params) {
+        return {
+            page: {},
+            where: {},
+        };
+    }
+    const { current, pageSize, ...other } = params;
+    return {
+        page: {
+            current: current || 1,
+            size: pageSize || 10,
+        },
+        where: Object.entries(other).reduce((acc, [key, value]) => {
+            if (key && value) {
+                acc[key] = typeof value === 'string' ? new RegExp(value) : value;
+            }
+            return acc;
+        }, {}),
+        order: sort && {
+            field: Object.keys(sort)[0],
+            type: Object.values(sort)[0] === 'ascend' ? 'asc' : 'desc',
+        },
+    };
+};
+// 将 list 的数据处理为 { label: string, value: string }[]
+const handleRes2List = async (reqPromise) => {
+    const { data } = await reqPromise();
+    return (data?.list || []).map((item) => ({
+        label: item.name,
+        value: item._id || item.key,
+    }));
+};
+// 计算执行 promise 花费的时间
+const executePromise = async (promise) => {
+    const start = Date.now();
+    const result = await promise;
+    const time = Date.now() - start;
+    return {
+        result,
+        time,
+    };
+};
+// 地址栏方面的操作
+const locationFn = {
+    // url地址的query转为query对象
+    url2Params: (url = location.href) => {
+        url = decodeURIComponent(url);
+        let jsonList = {};
+        if (url.indexOf('?') > -1) {
+            let str = url.slice(url.indexOf('?') + 1);
+            let strs = str.split('&');
+            for (let i = 0; i < strs.length; i++) {
+                jsonList[strs[i].split('=')[0]] = strs[i].split('=')[1]; // 如果出现乱码的话，可以用decodeURI()进行解码
+            }
+        }
+        return jsonList || {};
+    },
+    // 参数对象转换为url
+    params2Url: (params) => {
+        let url = '';
+        for (let k in params) {
+            if (k) {
+                url += `${k}=${params[k]}&`;
+            }
+        }
+        return url.substr(0, url.length - 1);
+    },
+    // 设置地址栏参数
+    setUrlParams: (key, value, keepName) => {
+        if (key === undefined || value === undefined)
+            return;
+        // 给地址栏参数对象添加指定参数
+        let allParams = locationFn.url2Params();
+        if (keepName) {
+            allParams = pick(allParams, keepName) || {};
+        }
+        allParams[key] = encodeURIComponent(value);
+        // 域名和路径
+        const url = location.href;
+        const sliceEnd = url.indexOf('?') === -1 ? url.length : url.indexOf('?');
+        const domainPath = url.slice(0, sliceEnd);
+        // 参数
+        const params = locationFn.params2Url(allParams);
+        // 修改地址栏url
+        location.replace(`${domainPath}?${params}`);
+    },
+    // 取地址栏的path部分
+    urlGetPath: (url = location.href) => {
+        // 计算要截取的最后一位
+        let lastIndex = url.indexOf('?');
+        if (lastIndex === -1) {
+            lastIndex = url.length;
+        }
+        return url.slice(0, lastIndex);
+    },
+};
+// 延迟指定毫秒数
+const delay = (time = 1000) => {
+    return new Promise(resolve => setTimeout(resolve, time));
+};
+
+export { delay, executePromise, handleParams, handleRes2List, locationFn };

package/dist/esm/common/tools/string.d.ts

@@ -0,0 +1,16 @@
+export declare const getChineseByStr: (str: string) => string;
+export declare const getStrLength: (value: string) => number;
+export declare const replaceAll: (str: string, searchValue: string, replaceValue: string) => string;
+export declare const replaceByRules: (str: string, rules: [string, string][]) => string;
+export declare const getType: (value: any) => string;
+export declare const amount: (str: string) => string;
+export declare const jsonParse: (value: string | object) => object;
+export declare const isJson: (str: string) => boolean;
+export declare const toString: (value: any) => string;
+export declare const getRandomColor: () => string;
+export declare const getRandomString: (length?: number) => string;
+export declare const getChinese: (str: string) => string;
+export declare const getSliceStr: (str: string, before: string, after: string) => string;
+export declare const getProxyUrl: (url: string) => string;
+export declare const getLength: (value: string) => number;
+export declare const getCookie: (name: string) => string | null;

package/dist/esm/common/tools/string.js

@@ -0,0 +1,120 @@
+// 获取字符串中的中文字符串
+const getChineseByStr = (str) => {
+    if (!str) {
+        return '';
+    }
+    const match = str.match(/[\u4e00-\u9fa5]/g);
+    if (!match) {
+        return '';
+    }
+    return match.join('');
+};
+// 获取字符串中的长度，中文算 2 个字符
+const getStrLength = (value) => {
+    if (!value) {
+        return 0;
+    }
+    const chineseLength = getChineseByStr(value).length;
+    return (value.length - chineseLength) + chineseLength * 2;
+};
+// 替换全部指定字符串
+const replaceAll = (str, searchValue, replaceValue) => {
+    if (!str || !searchValue || !replaceValue) {
+        return str || '';
+    }
+    str = str.replace(searchValue, replaceValue);
+    if (!str.includes(searchValue)) {
+        return str;
+    }
+    return replaceAll(str, searchValue, replaceValue);
+};
+// 根据规则替换字符串
+const replaceByRules = (str, rules) => {
+    rules.forEach(([searchValue, replaceValue]) => {
+        str = str.replaceAll(searchValue, replaceValue);
+    });
+    return str;
+};
+// 获取变量的类型
+const getType = (value) => {
+    return Object.prototype.toString.call(value).slice(8, -1);
+};
+// 金钱格式化，每三位加,
+const amount = (str) => {
+    const reg = /(?=(?!\b)(\d{3})+$)/g;
+    return str.replace(reg, ',');
+};
+// 更安全的 JSON.parse
+const jsonParse = (value) => {
+    if (typeof value === 'object') {
+        return value;
+    }
+    try {
+        return JSON.parse(value);
+    }
+    catch (err) {
+        return {};
+    }
+};
+// 是否为json字符串
+const isJson = (str) => {
+    try {
+        if (getType(JSON.parse(str)) === 'Object') {
+            return true;
+        }
+    }
+    catch (e) {
+    }
+    return false;
+};
+// 将变量转为字符串
+const toString = (value) => {
+    return Object.prototype.toString.call(value).slice(8, -1) === 'object' ? JSON.stringify(value) : String(value);
+};
+// 生成随机颜色
+const getRandomColor = () => {
+    const color = Math.floor(Math.random() * 16777215).toString(16);
+    if (color.length === 6) {
+        return color;
+    }
+    else {
+        return getRandomColor();
+    }
+};
+// 生成随机字符串
+const getRandomString = (length = 4) => {
+    return Math.random().toString(36).substr(2, length);
+};
+// 获取字符串内的中文
+const getChinese = (str) => {
+    if (str == null || str === '') {
+        return '';
+    }
+    const res = str.match(/[\u4e00-\u9fa5]/g);
+    if (!res) {
+        return '';
+    }
+    return res.join('');
+};
+// 截取指定两个文本之间的字符串 (不好用)
+const getSliceStr = (str, before, after) => {
+    return str.slice(str.indexOf(before) + before.length, str.lastIndexOf(after));
+};
+// 获取代理后的url
+const getProxyUrl = (url) => {
+    const beforeUrl = 'https://1141871752167714.cn-hangzhou.fc.aliyuncs.com/2016-08-15/proxy/a.LATEST/proxy/?url=';
+    return beforeUrl + url;
+};
+// 获取字符串的长度
+const getLength = (value) => {
+    const chineseLength = getChinese(value).length;
+    return (value.length - chineseLength) + chineseLength * 2;
+};
+// 获取指定cookie
+const getCookie = (name) => {
+    const reg = new RegExp(`(^| )${name}=([^;]*)(;|$)`);
+    const arr = document.cookie.match(reg);
+    return arr ? unescape(arr[2]) : null;
+};
+
+export { amount, getChinese, getChineseByStr, getCookie, getLength, getProxyUrl, getRandomColor, getRandomString, getSliceStr, getStrLength, getType, isJson, jsonParse, replaceAll, replaceByRules, toString };

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

@@ -0,0 +1,20 @@
+export interface RequestRes<D = any> {
+    success?: boolean;
+    message?: string;
+    data?: D;
+}
+export type KeyValue<D extends object | string = string, V = any> = Partial<Record<D extends string ? string : keyof D, V>>;
+export interface Pagination {
+    current?: number;
+    pageSize?: number;
+}
+export type SortParams<D extends object | string = string> = Record<D extends string ? string : keyof D, 'ascend' | 'descend'>;
+export type OrderParams<D extends object | string = string> = {
+    field: D extends string ? string : keyof D;
+    type: 'asc' | 'desc';
+};
+export interface Option<V extends string | number = string> {
+    label: string;
+    value: V;
+    children?: Option<V>[];
+}

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

@@ -0,0 +1,4 @@
+import dayjs from 'dayjs';
+import 'dayjs/locale/zh-cn';
+export { Dayjs } from 'dayjs';
+export default dayjs;

package/dist/esm/fe/dayjs.js

@@ -0,0 +1,18 @@
+import dayjs from 'dayjs';
+export { Dayjs, default } from 'dayjs';
+import isBetween from 'dayjs/plugin/isBetween';
+import weekday from 'dayjs/plugin/weekday';
+import localeData from 'dayjs/plugin/localeData';
+import isoWeek from 'dayjs/plugin/isoWeek';
+import updateLocale from 'dayjs/plugin/updateLocale';
+import 'dayjs/locale/zh-cn';
+
+dayjs.extend(isBetween);
+dayjs.extend(weekday);
+dayjs.extend(localeData);
+dayjs.extend(isoWeek);
+dayjs.extend(updateLocale);
+dayjs.locale('zh-cn');
+dayjs.updateLocale('zh-cn', {
+    weekStart: 1,
+});

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

@@ -0,0 +1,20 @@
+import md5 from 'md5';
+import classnames from 'classnames';
+import copy from 'copy-to-clipboard';
+import anime from 'animejs';
+export { copy, classnames, md5, anime };
+export declare const localforage: {
+    config: {
+        (options: LocalForageOptions): boolean;
+        (options: string): any;
+        (): LocalForageOptions;
+    };
+    setItem: <T>(key: string, value: T, callback?: ((err: any, value: T) => void) | undefined) => Promise<T>;
+    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 { default as dayjs, Dayjs } from './dayjs';
+export * from './style';
+export * from './element';
+export * from './other';
+export * from './middlewares';

package/dist/esm/fe/index.js

@@ -0,0 +1,16 @@
+export { default as md5 } from 'md5';
+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';
+export { setupHttpClient } from '@midwayjs/rpc';
+
+const localforage = {
+    config,
+    setItem,
+    getItem,
+    removeItem,
+};
+
+export { localforage };

package/dist/esm/fe/middlewares/error.d.ts

@@ -0,0 +1,3 @@
+import type { Middleware } from '@midwayjs/rpc';
+export { setupHttpClient } from '@midwayjs/rpc';
+export declare const ErrorMiddleware: Middleware;

package/dist/esm/fe/middlewares/error.js

@@ -0,0 +1,22 @@
+export { setupHttpClient } from '@midwayjs/rpc';
+
+const ErrorMiddleware = async (ctx, next) => {
+    try {
+        await next();
+    }
+    catch (err) {
+        switch (err?.status) {
+            case 401:
+                location.href = '/login';
+                break;
+            case 500:
+                alert('Internal Server Error');
+                break;
+            default:
+                alert(`Unknown Error, status: ${err?.status}`);
+                break;
+        }
+    }
+};
+
+export { ErrorMiddleware };

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

@@ -0,0 +1 @@
+export * from './error';

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

@@ -0,0 +1 @@
+export declare const readClipboard: () => Promise<string>;

package/dist/esm/fe/other.js

@@ -0,0 +1,10 @@
+const readClipboard = async () => {
+    try {
+        return await navigator.clipboard.readText();
+    }
+    catch (error) {
+        return '';
+    }
+};
+
+export { readClipboard };

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_all.d.ts

@@ -0,0 +1,3 @@
+export * from './common';
+export * from './fe';
+export * from './rd';

package/dist/esm/index_fe.d.ts

@@ -0,0 +1,2 @@
+export * from './common';
+export * from './fe';

package/dist/esm/index_fe.js

@@ -0,0 +1,19 @@
+export { default as _, cloneDeep, debounce, find, groupBy, isBoolean, isEmpty, isEqual, isError, isFunction, isNumber, isObject, isString, merge, noop, omit, pick, uniq, uniqBy, uniqWith } from 'lodash';
+import * as consola from 'consola';
+export { consola };
+export { amount, getChinese, getChineseByStr, getCookie, getLength, getProxyUrl, getRandomColor, getRandomString, getSliceStr, getStrLength, getType, isJson, jsonParse, replaceAll, replaceByRules, toString } from './common/tools/string.js';
+export { filterParams, findItem, watch } from './common/tools/object.js';
+export { delay, executePromise, handleParams, handleRes2List, locationFn } from './common/tools/other.js';
+export { getFileSize, getRandomNum, limitDecimals } from './common/tools/number.js';
+export { localforage } from './fe/index.js';
+import './fe/dayjs.js';
+export { Dayjs, default as dayjs } from 'dayjs';
+export { flashBackground, flashBorder, hexToRgba } from './fe/style.js';
+export { getElement, isElementInViewport, scrollIntoView } from './fe/element.js';
+export { readClipboard } from './fe/other.js';
+export { setupHttpClient } from '@midwayjs/rpc';
+export { ErrorMiddleware } from './fe/middlewares/error.js';
+export { default as copy } from 'copy-to-clipboard';
+export { default as classnames } from 'classnames';
+export { default as md5 } from 'md5';
+export { default as anime } from 'animejs';

package/dist/esm/index_rd.d.ts

@@ -0,0 +1,2 @@
+export * from './common';
+export * from './rd';

package/dist/esm/rd/database/Collection.d.ts

@@ -0,0 +1,22 @@
+import { Database, IKeyValue } from '@cloudbase/node-sdk';
+import { Add, Conditions, Count, Delete, Find, FindList, IdConditions, MethodParams, Update, WhereConditions } from './types';
+export declare class Collection<D extends IKeyValue> {
+    private readonly db;
+    private readonly collection;
+    constructor(db: Database.Db, name: string);
+    private joinConditions;
+    private request;
+    private handleRes;
+    private handleData;
+    handleConditions(params: MethodParams<D>): MethodParams<D>;
+    private exec;
+    add(data: Add.Params<D>['data']): Promise<Add.Res>;
+    add(data: Add.Params<D>['data'], isReturn: true, conditions?: Pick<IdConditions, 'field'>): Promise<Find.Res<D>>;
+    delete(conditions: Conditions): Promise<Delete.Res>;
+    update(conditions: Conditions, data: Update.Params<D>['data'], isSet?: true): Promise<Update.Res<D>>;
+    update(conditions: IdConditions, data: Update.Params<D>['data'], isSet?: true): Promise<Update.Res<D>>;
+    update(conditions: IdConditions, data: Update.Params<D>['data'], isReturn: true, isSet?: true): Promise<Find.Res<D>>;
+    find(conditions?: Conditions): Promise<Find.Res<D>>;
+    findList(conditions?: WhereConditions): Promise<FindList.Res<D>>;
+    count(conditions: Conditions): Promise<Count.Res>;
+}

package/dist/esm/rd/database/Database.d.ts

@@ -0,0 +1,10 @@
+import tcb, { IKeyValue } from '@cloudbase/node-sdk';
+import { Config } from './types';
+import { Collection } from './Collection';
+export declare class Database {
+    private readonly db;
+    private readonly instance;
+    constructor(config: Config);
+    collection<D extends IKeyValue>(name: string): Collection<D>;
+    createCollection(name: string): tcb.IBaseRes;
+}

package/dist/esm/rd/database/index.d.ts

@@ -0,0 +1,2 @@
+export { Database } from './Database';
+export { Conditions, IdConditions, WhereConditions, Record } from './types';