ranui 0.1.5 → 0.1.7

package/dist/umd/utils/image.d.ts

@@ -0,0 +1,32 @@
+type ImgType = HTMLImageElement | HTMLCanvasElement;
+/**
+ * 根据路径获取图片对象
+ * @param { string } src 图片路径
+ * @returns { Promise<HTMLImageElement> } 图片标签
+ */
+export declare const getImage: (src: string) => Promise<ImgType>;
+/**
+ * 切割圆角
+ * @param img 将要裁剪的图片对象
+ * @param radius 裁剪的圆角半径
+ * @returns 返回一个离屏 canvas 用于渲染
+ */
+export declare const cutRound: (img: ImgType, radius: number) => ImgType;
+/**
+ * 透明度
+ * @param img 将要处理的图片对象
+ * @param opacity 透明度
+ * @returns 返回一个离屏 canvas 用于渲染
+ */
+export declare const opacity: (img: ImgType, opacity: number) => ImgType;
+/**
+ * 高斯模糊
+ * @param img 将要处理的图片对象
+ * @param radius 模糊半径
+ * @returns 返回一个离屏 canvas 用于渲染
+ */
+export declare const blur: (img: ImgType, radius: number) => ImgType;
+export declare const getBase64Image: (imageFile: File) => Promise<{
+    base64: string | ArrayBuffer | null;
+}>;
+export {};

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

@@ -5,33 +5,60 @@ export declare const falseList: (string | boolean | null | undefined)[];
  * @return {*}
  */
 export declare const isDisabled: (element: Element) => boolean;
-/**
- * @description: 给指定的元素添加指定的class
- * @param {Element} element
- * @param {string} addClass
- */
-export declare const setElementClass: (element: Element, addClass: string) => void;
 /**
  * @description: 查询指定元素的子级元素，删除他们的某一个指定class
  * @param {Element} parent
  * @param {string} deleteClass
  */
-export declare const deleteElementChildClass: (parent: Element, deleteClass: string) => void;
+export declare const removeClassToElementChild: (parent: Element, deleteClass: string) => void;
 /**
  * @description: 创建icon的文档示例
  */
 export declare const createIconList: () => void;
-export declare const createObjectURL: (src: Blob | ArrayBuffer | Response) => Promise<string>;
 export declare const loadScript: (src: string) => Promise<{
     success: boolean;
 }>;
-interface Url2FileOption {
-    responseType: XMLHttpRequestResponseType;
-    onProgress: (x: ProgressEvent<EventTarget>) => void;
-    method: string;
-    withCredentials: boolean;
-    headers: Record<string, string>;
-    body: string;
+export interface CustomErrorType {
+    new (m: string): void;
 }
-export declare const requestFile: (url: string, options?: Partial<Url2FileOption>) => Promise<File>;
-export {};
+export declare function createCustomError(msg: string): CustomErrorType;
+export declare const vod: {
+    FD: {
+        label: string;
+    };
+    LD: {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+    SD: {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+    HD: {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+    '2K': {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+    '4K': {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+};

package/dist/umd/utils/math.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 转换为运算角度
+ * @param { number } deg 数学角度
+ * @return { number } 运算角度
+ */
+export declare const getAngle: (deg: number) => number;
+/**
+ * 根据角度计算圆上的点
+ * @param { number } deg 运算角度
+ * @param { number } r 半径
+ * @return { Array<number> } 坐标[x, y]
+ */
+export declare const getArcPointerByDeg: (deg: number, r: number) => [number, number];
+/**
+ * 根据点计算切线方程
+ * @param { number } x 横坐标
+ * @param { number } y 纵坐标
+ * @return { Array<number> } [斜率, 常数]
+ */
+export declare const getTangentByPointer: (x: number, y: number) => Array<number>;
+export declare const fanShapedByArc: (ctx: CanvasRenderingContext2D, minRadius: number, maxRadius: number, start: number, end: number, gutter: number) => void;
+export declare const roundRectByArc: (ctx: CanvasRenderingContext2D, ...[x, y, w, h, r]: number[]) => void;
+/**
+ * 创建线性渐变色
+ */
+export declare const getLinearGradient: (ctx: CanvasRenderingContext2D, x: number, y: number, w: number, h: number, background: string) => void;

package/dist/umd/utils/tween.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 缓动函数
+ * t: current time（当前时间）
+ * b: beginning value（初始值）
+ * c: change in value（变化量）
+ * d: duration（持续时间）
+ *
+ * 感谢张鑫旭大佬 https://github.com/zhangxinxu/Tween
+ */
+interface SpeedType {
+    easeIn: (...arr: number[]) => number;
+    easeOut: (...arr: number[]) => number;
+}
+export declare const quad: SpeedType;
+export declare const cubic: SpeedType;
+export declare const quart: SpeedType;
+export declare const quint: SpeedType;
+export declare const sine: SpeedType;
+export declare const expo: SpeedType;
+export declare const circ: SpeedType;
+export {};

package/dist/unlock-f56086fd.js

@@ -0,0 +1,4 @@
+const unlock = { "success": true, "_identification": true, "data": '<svg t="1665313601302" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8185" width="200" height="200">\n    <path d="M832 464H332V240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v68c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-68c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32z m-40 376H232V536h560v304z" p-id="8186"></path>\n    <path d="M484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53c12.1-8.7 20-22.9 20-39 0-26.5-21.5-48-48-48s-48 21.5-48 48c0 16.1 7.9 30.3 20 39z" p-id="8187"></path>\n</svg>' };
+export {
+  unlock as default
+};

package/dist/user-5c01e665.js

@@ -0,0 +1,4 @@
+const user = { "success": true, "_identification": true, "data": '<svg t="1667483498347" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8544" width="200" height="200"><path d="M858.5 763.6c-18.9-44.8-46.1-85-80.6-119.5-34.5-34.5-74.7-61.6-119.5-80.6-0.4-0.2-0.8-0.3-1.2-0.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-0.4 0.2-0.8 0.3-1.2 0.5-44.8 18.9-85 46-119.5 80.6-34.5 34.5-61.6 74.7-80.6 119.5C146.9 807.5 137 854 136 901.8c-0.1 4.5 3.5 8.2 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c0.1 4.4 3.6 7.8 8 7.8h60c4.5 0 8.1-3.7 8-8.2-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z" p-id="8545"></path></svg>' };
+export {
+  user as default
+};

package/dist/utils/image.d.ts

@@ -0,0 +1,32 @@
+type ImgType = HTMLImageElement | HTMLCanvasElement;
+/**
+ * 根据路径获取图片对象
+ * @param { string } src 图片路径
+ * @returns { Promise<HTMLImageElement> } 图片标签
+ */
+export declare const getImage: (src: string) => Promise<ImgType>;
+/**
+ * 切割圆角
+ * @param img 将要裁剪的图片对象
+ * @param radius 裁剪的圆角半径
+ * @returns 返回一个离屏 canvas 用于渲染
+ */
+export declare const cutRound: (img: ImgType, radius: number) => ImgType;
+/**
+ * 透明度
+ * @param img 将要处理的图片对象
+ * @param opacity 透明度
+ * @returns 返回一个离屏 canvas 用于渲染
+ */
+export declare const opacity: (img: ImgType, opacity: number) => ImgType;
+/**
+ * 高斯模糊
+ * @param img 将要处理的图片对象
+ * @param radius 模糊半径
+ * @returns 返回一个离屏 canvas 用于渲染
+ */
+export declare const blur: (img: ImgType, radius: number) => ImgType;
+export declare const getBase64Image: (imageFile: File) => Promise<{
+    base64: string | ArrayBuffer | null;
+}>;
+export {};

package/dist/utils/index.d.ts

@@ -5,33 +5,60 @@ export declare const falseList: (string | boolean | null | undefined)[];
  * @return {*}
  */
 export declare const isDisabled: (element: Element) => boolean;
-/**
- * @description: 给指定的元素添加指定的class
- * @param {Element} element
- * @param {string} addClass
- */
-export declare const setElementClass: (element: Element, addClass: string) => void;
 /**
  * @description: 查询指定元素的子级元素，删除他们的某一个指定class
  * @param {Element} parent
  * @param {string} deleteClass
  */
-export declare const deleteElementChildClass: (parent: Element, deleteClass: string) => void;
+export declare const removeClassToElementChild: (parent: Element, deleteClass: string) => void;
 /**
  * @description: 创建icon的文档示例
  */
 export declare const createIconList: () => void;
-export declare const createObjectURL: (src: Blob | ArrayBuffer | Response) => Promise<string>;
 export declare const loadScript: (src: string) => Promise<{
     success: boolean;
 }>;
-interface Url2FileOption {
-    responseType: XMLHttpRequestResponseType;
-    onProgress: (x: ProgressEvent<EventTarget>) => void;
-    method: string;
-    withCredentials: boolean;
-    headers: Record<string, string>;
-    body: string;
+export interface CustomErrorType {
+    new (m: string): void;
 }
-export declare const requestFile: (url: string, options?: Partial<Url2FileOption>) => Promise<File>;
-export {};
+export declare function createCustomError(msg: string): CustomErrorType;
+export declare const vod: {
+    FD: {
+        label: string;
+    };
+    LD: {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+    SD: {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+    HD: {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+    '2K': {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+    '4K': {
+        bandWidth: {
+            h264: number;
+            h265: number;
+        };
+        label: string;
+    };
+};

package/dist/utils/math.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 转换为运算角度
+ * @param { number } deg 数学角度
+ * @return { number } 运算角度
+ */
+export declare const getAngle: (deg: number) => number;
+/**
+ * 根据角度计算圆上的点
+ * @param { number } deg 运算角度
+ * @param { number } r 半径
+ * @return { Array<number> } 坐标[x, y]
+ */
+export declare const getArcPointerByDeg: (deg: number, r: number) => [number, number];
+/**
+ * 根据点计算切线方程
+ * @param { number } x 横坐标
+ * @param { number } y 纵坐标
+ * @return { Array<number> } [斜率, 常数]
+ */
+export declare const getTangentByPointer: (x: number, y: number) => Array<number>;
+export declare const fanShapedByArc: (ctx: CanvasRenderingContext2D, minRadius: number, maxRadius: number, start: number, end: number, gutter: number) => void;
+export declare const roundRectByArc: (ctx: CanvasRenderingContext2D, ...[x, y, w, h, r]: number[]) => void;
+/**
+ * 创建线性渐变色
+ */
+export declare const getLinearGradient: (ctx: CanvasRenderingContext2D, x: number, y: number, w: number, h: number, background: string) => void;

package/dist/utils/tween.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 缓动函数
+ * t: current time（当前时间）
+ * b: beginning value（初始值）
+ * c: change in value（变化量）
+ * d: duration（持续时间）
+ *
+ * 感谢张鑫旭大佬 https://github.com/zhangxinxu/Tween
+ */
+interface SpeedType {
+    easeIn: (...arr: number[]) => number;
+    easeOut: (...arr: number[]) => number;
+}
+export declare const quad: SpeedType;
+export declare const cubic: SpeedType;
+export declare const quart: SpeedType;
+export declare const quint: SpeedType;
+export declare const sine: SpeedType;
+export declare const expo: SpeedType;
+export declare const circ: SpeedType;
+export {};