ranuts 0.1.0-alpha.11 → 0.1.0-alpha.13

package/dist/src/utils/dom.d.ts

@@ -1,11 +1,11 @@
 /**
- * @description: 给指定的元素添加指定的class
+ * @description: 给指定的元素添加指定的 class
  * @param {Element} element
  * @param {string} addClass
  */
 export declare const addClassToElement: (element: Element, addClass: string) => void;
 /**
- * @description: 给指定的元素移除指定的class
+ * @description: 给指定的元素移除指定的 class
  * @param {Element} element
  * @param {string} removeClass
  */
@@ -17,3 +17,88 @@ export declare const removeClassToElement: (element: Element, removeClass: strin
  */
 export declare const createDocumentFragment: (list: Element[]) => DocumentFragment | undefined;
 export declare function escapeHtml(string?: string | number | null): string;
+/**
+ * @description: 根据 UI 稿宽度设置 rem
+ * @param {*} void
+ * @return {*}
+ */
+export declare const setFontSize2html: (designWidth?: number) => void;
+/**
+ * @description: 链式调用的 dom 操作
+ * (tag) (key value) (children)
+ * @return {HTMLElement}
+ */
+export declare class Chain {
+    listener: Map<string, Map<string, EventListener>>;
+    element: HTMLElement;
+    constructor(tagName: string, options?: ElementCreationOptions);
+    /**
+     * @description: 创建元素
+     * @param {string} tagName
+     * @param {ElementCreationOptions} options
+     * @return {Chain}
+     */
+    create: (tagName: string, options?: ElementCreationOptions) => HTMLElement;
+    /**
+     * @description: 设置当前元素的属性
+     * @param {string} name
+     * @param {string} value
+     * @return {Chain}
+     */
+    setAttribute: (name: string, value: string) => Chain;
+    /**
+     * @description: 移除当前元素的属性
+     * @param {string} name
+     * @return {Chain}
+     */
+    removeAttribute: (name: string) => Chain;
+    /**
+     * @description: 当前元素添加子元素
+     * @param {HTMLElement} child
+     * @return {ChainElement}
+     */
+    append: (child: HTMLElement) => Chain;
+    /**
+     * @description: 当前元素移除子元素
+     * @param {HTMLElement} child
+     * @return {Chain}
+     */
+    remove: (child: HTMLElement) => Chain;
+    /**
+     * @description: 给当前元素设置文本内容
+     * @param {string} text
+     * @return {Chain}
+     */
+    setTextContent: (text: string) => Chain;
+    /**
+     * @description: 给当前元素设置样式
+     * @param {string} name
+     * @param {string} value
+     * @return {Chain}
+     */
+    setStyle: (name: string, value: string) => Chain;
+    /**
+     * @description: 给当前元素添加子元素
+     * @return {Chain}
+     */
+    addChild: (child: Chain | Chain[]) => Chain;
+    /**
+     * @description: 给当前元素添加事件监听
+     * @param {string} type
+     * @param {EventListener} listener
+     * @return {Chain}
+     */
+    listen: <K extends keyof HTMLElementEventMap>(type: K, listener: EventListener, options?: boolean | AddEventListenerOptions) => Chain;
+    /**
+     * @description: 移除当前元素的事件监听
+     * @param {string} type
+     * @return {Chain}
+     */
+    clearListener: <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions) => Chain;
+    /**
+     * @description: 移除当前元素的所有事件监听
+     * @return {Chain}
+     */
+    clearAllListener: () => Chain;
+}
+export declare const create: (tagName: string, options?: ElementCreationOptions) => Chain;

package/dist/src/utils/img.d.ts

@@ -9,7 +9,7 @@ export interface convertImageToBase64Return extends BaseReturn {
     data: string | ArrayBuffer | null;
 }
 /**
- * @description: 图片转base64
+ * @description: 图片转 base64
  * @param {File} file
  * @return {*}
  */

package/dist/src/utils/index.d.ts

@@ -1,12 +1,15 @@
 import { AudioRecorder } from '@/utils/audioRecorder';
 import { audioVendor, canvasVendor, webglVendor } from '@/utils/behavior';
+import { TOTP } from '@/utils/totp/totp';
+import { localStorageGetItem, localStorageSetItem } from '@/utils/storage';
 import { appendUrl, connection, createObjectURL, durationHandler, encodeUrl, getAllQueryString, getCookie, getCookieByName, getFrame, getHost, getPixelRatio, getWindow, imageRequest, networkSpeed, removeGhosting, requestUrlToBuffer, retain } from '@/utils/bom';
 import { Color, ColorScheme, FMT, Hsl, Hsla, Rgb, Rgba, componentToHex, hexToRgb, hsbToRgb, hslToRgb, hsvToHsl, hsvToRgb, hue2rgb, randomColor, rgbToHex, rgbToHsb, rgbToHsl } from '@/utils/color';
 import { compose } from '@/utils/compose';
 import { handleConsole } from '@/utils/console';
 import { debounce } from '@/utils/debounce';
-import { currentDevice, isClient, isMobile, isWeiXin } from '@/utils/device';
-import { addClassToElement, createDocumentFragment, escapeHtml, removeClassToElement } from '@/utils/dom';
+import { currentDevice, isBangDevice, isClient, isMobile, isWeiXin } from '@/utils/device';
+import type { CurrentDevice } from '@/utils/device';
+import { Chain, addClassToElement, create, createDocumentFragment, escapeHtml, removeClassToElement, setFontSize2html } from '@/utils/dom';
 import { handleError } from '@/utils/error';
 import { convertImageToBase64, isImageSize } from '@/utils/img';
 import { memoize } from '@/utils/memoize';
@@ -15,7 +18,7 @@ import { Monitor } from '@/utils/monitor';
 import { getStatus, status } from '@/utils/network';
 import { noop } from '@/utils/noop';
 import { Mathjs, mathjs, perToNum, range } from '@/utils/number';
-import { filterObj, formatJson, merge, mergeExports, querystring, replaceOld } from '@/utils/obj';
+import { filterObj, formatJson, merge, mergeExports, querystring, replaceOld, setAttributeByGlobal } from '@/utils/obj';
 import { getPerformance } from '@/utils/performance';
 import { QuestQueue } from '@/utils/queue';
 import { createData, report } from '@/utils/report';
@@ -25,4 +28,5 @@ import { changeHumpToLowerCase, clearBr, clearStr, isString, randomString, str2X
 import { SyncHook } from '@/utils/subscribe';
 import { generateThrottle, requestAnimation, throttle } from '@/utils/throttle';
 import { performanceTime, timeFormat, timestampToTime } from '@/utils/time';
-export { performanceTime, timeFormat, timestampToTime, generateThrottle, requestAnimation, throttle, SyncHook, changeHumpToLowerCase, clearBr, clearStr, isString, randomString, str2Xml, strParse, scriptOnLoad, handleFetchHook, createData, report, QuestQueue, noop, getPerformance, querystring, formatJson, filterObj, merge, replaceOld, mergeExports, perToNum, range, Mathjs, mathjs, getStatus, status, Monitor, MimeType, setMime, getMime, memoize, isImageSize, convertImageToBase64, handleError, addClassToElement, removeClassToElement, createDocumentFragment, escapeHtml, isClient, isWeiXin, isMobile, debounce, currentDevice, handleConsole, compose, Color, FMT, Hsl, Hsla, Rgb, Rgba, randomColor, hexToRgb, componentToHex, rgbToHex, rgbToHsl, hue2rgb, hslToRgb, rgbToHsb, hsbToRgb, hsvToRgb, hsvToHsl, ColorScheme, AudioRecorder, webglVendor, canvasVendor, audioVendor, retain, getCookie, requestUrlToBuffer, getPixelRatio, createObjectURL, getFrame, getHost, getAllQueryString, appendUrl, removeGhosting, getCookieByName, getWindow, connection, encodeUrl, imageRequest, durationHandler, networkSpeed, };
+export { performanceTime, timeFormat, timestampToTime, generateThrottle, requestAnimation, throttle, SyncHook, changeHumpToLowerCase, clearBr, clearStr, isString, randomString, str2Xml, strParse, scriptOnLoad, handleFetchHook, createData, report, QuestQueue, noop, getPerformance, querystring, formatJson, filterObj, merge, replaceOld, mergeExports, perToNum, range, Mathjs, mathjs, getStatus, status, Monitor, MimeType, setMime, getMime, memoize, isImageSize, convertImageToBase64, handleError, addClassToElement, removeClassToElement, createDocumentFragment, escapeHtml, isClient, isWeiXin, isMobile, debounce, currentDevice, handleConsole, compose, Color, FMT, Hsl, Hsla, Rgb, Rgba, randomColor, hexToRgb, componentToHex, rgbToHex, rgbToHsl, hue2rgb, hslToRgb, rgbToHsb, hsbToRgb, hsvToRgb, hsvToHsl, ColorScheme, AudioRecorder, webglVendor, canvasVendor, audioVendor, retain, getCookie, requestUrlToBuffer, getPixelRatio, createObjectURL, getFrame, getHost, getAllQueryString, appendUrl, removeGhosting, getCookieByName, getWindow, connection, encodeUrl, imageRequest, durationHandler, networkSpeed, TOTP, isBangDevice, localStorageGetItem, localStorageSetItem, setAttributeByGlobal, setFontSize2html, Chain, create, };
+export type { CurrentDevice };