rappel-ui 1.0.32 → 1.0.33

package/es/svg-icons/src/more-dot-square-horizontal.d.ts

@@ -6,11 +6,7 @@ export declare const MoreDotSquareHorizontal: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: string | undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string | undefined;
+        default: string;
     };
     spin: {
         type: BooleanConstructor;
@@ -25,11 +21,7 @@ export declare const MoreDotSquareHorizontal: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: string | undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string | undefined;
+        default: string;
     };
     spin: {
         type: BooleanConstructor;
@@ -37,7 +29,6 @@ export declare const MoreDotSquareHorizontal: DefineComponent<ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     size: string | number;
-    fill: string;
-    color: string;
     spin: boolean;
+    color: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any> | undefined;

package/es/svg-icons/src/more-dot-square-horizontal.mjs

@@ -1,7 +1,9 @@
 import { createIcon as e } from "../create-icon.mjs";
+//#region packages/svg-icons/src/more-dot-square-horizontal.ts
 var t = e({
 	name: "more-dot-square-horizontal",
-	path: "M4 11h2v2h-2v-2m0 1h2m0 1h-2M11 11h2v2h-2v-2m0 1h2m0 1h-2M18 11h2v2h-2v-2m0 1h2m0 1h-2"
+	path: "M4 11h2v2h-2v-2m0 1h2m0 1h-2M11 11h2v2h-2v-2m0 1h2m0 1h-2M18 11h2v2h-2v-2m0 1h2m0 1h-2",
+	stroke: "currentColor"
 });
 //#endregion
 export { t as MoreDotSquareHorizontal };

package/es/svg-icons/src/more-dot-square.d.ts

@@ -6,11 +6,7 @@ export declare const MoreDotSquare: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: string | undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string | undefined;
+        default: string;
     };
     spin: {
         type: BooleanConstructor;
@@ -25,11 +21,7 @@ export declare const MoreDotSquare: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: string | undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string | undefined;
+        default: string;
     };
     spin: {
         type: BooleanConstructor;
@@ -37,7 +29,6 @@ export declare const MoreDotSquare: DefineComponent<ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     size: string | number;
-    fill: string;
-    color: string;
     spin: boolean;
+    color: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any> | undefined;

package/es/svg-icons/src/more-dot-square.mjs

@@ -1,7 +1,9 @@
 import { createIcon as e } from "../create-icon.mjs";
+//#region packages/svg-icons/src/more-dot-square.ts
 var t = e({
 	name: "more-dot-square",
-	path: "M10 4h2v2h-2v-2m0 1h2m0 1h-2M10 11 h2v2h-2v-2m0 1h2m0 1h-2M10 18 h2v2h-2v-2m0 1h2m0 1h-2"
+	path: "M10 4h2v2h-2v-2m0 1h2m0 1h-2M10 11 h2v2h-2v-2m0 1h2m0 1h-2M10 18 h2v2h-2v-2m0 1h2m0 1h-2",
+	stroke: "currentColor"
 });
 //#endregion
 export { t as MoreDotSquare };

package/es/svg-icons/src/more-line.d.ts

@@ -6,11 +6,7 @@ export declare const MoreLine: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: string | undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string | undefined;
+        default: string;
     };
     spin: {
         type: BooleanConstructor;
@@ -25,11 +21,7 @@ export declare const MoreLine: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: string | undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string | undefined;
+        default: string;
     };
     spin: {
         type: BooleanConstructor;
@@ -37,7 +29,6 @@ export declare const MoreLine: DefineComponent<ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     size: string | number;
-    fill: string;
-    color: string;
     spin: boolean;
+    color: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any> | undefined;

package/es/svg-icons/src/more-line.mjs

@@ -1,7 +1,9 @@
 import { createIcon as e } from "../create-icon.mjs";
+//#region packages/svg-icons/src/more-line.ts
 var t = e({
 	name: "more-line",
-	path: "M5 5h14l0 1h-14zM5 11h14l0 1h-14zM5 17h14l0 1h-14z"
+	path: "M5 5h14l0 1h-14zM5 11h14l0 1h-14zM5 17h14l0 1h-14z",
+	stroke: "currentColor"
 });
 //#endregion
 export { t as MoreLine };

package/es/svg-icons/src/search-bold.d.ts

@@ -6,11 +6,7 @@ export declare const SearchBold: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: string | undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string | undefined;
+        default: string;
     };
     spin: {
         type: BooleanConstructor;
@@ -25,11 +21,7 @@ export declare const SearchBold: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: string | undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string | undefined;
+        default: string;
     };
     spin: {
         type: BooleanConstructor;
@@ -37,7 +29,6 @@ export declare const SearchBold: DefineComponent<ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     size: string | number;
-    fill: string;
-    color: string;
     spin: boolean;
+    color: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any> | undefined;

package/es/svg-icons/src/search-bold.mjs

@@ -1,7 +1,9 @@
 import { createIcon as e } from "../create-icon.mjs";
+//#region packages/svg-icons/src/search-bold.ts
 var t = e({
 	name: "search-bold",
-	path: "M4 11 A7 7 0 1 0 18 11A7 7 0 1 0 4 11M16 16 L20 20"
+	path: "M4 11 A7 7 0 1 0 18 11A7 7 0 1 0 4 11M16 16 L20 20",
+	stroke: "currentColor"
 });
 //#endregion
 export { t as SearchBold };

package/es/svg-icons/src/search.d.ts

@@ -6,11 +6,7 @@ export declare const Search: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: string | undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string | undefined;
+        default: string;
     };
     spin: {
         type: BooleanConstructor;
@@ -25,11 +21,7 @@ export declare const Search: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: string | undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string | undefined;
+        default: string;
     };
     spin: {
         type: BooleanConstructor;
@@ -37,7 +29,6 @@ export declare const Search: DefineComponent<ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     size: string | number;
-    fill: string;
-    color: string;
     spin: boolean;
+    color: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any> | undefined;

package/es/svg-icons/src/search.mjs

@@ -1,7 +1,9 @@
 import { createIcon as e } from "../create-icon.mjs";
+//#region packages/svg-icons/src/search.ts
 var t = e({
 	name: "search",
-	path: "M4 10A6 6 0 1 0 16 10 A6 6 0 1 0 4 10M20 20 L14.5 14.5"
+	path: "M4 10A6 6 0 1 0 16 10 A6 6 0 1 0 4 10M20 20 L14.5 14.5",
+	stroke: "currentColor"
 });
 //#endregion
 export { t as Search };

package/es/svg-icons/src/star-fill.d.ts

@@ -6,11 +6,7 @@ export declare const StarFill: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: string | undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string | undefined;
+        default: string;
     };
     spin: {
         type: BooleanConstructor;
@@ -25,11 +21,7 @@ export declare const StarFill: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: string | undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string | undefined;
+        default: string;
     };
     spin: {
         type: BooleanConstructor;
@@ -37,7 +29,6 @@ export declare const StarFill: DefineComponent<ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     size: string | number;
-    fill: string;
-    color: string;
     spin: boolean;
+    color: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any> | undefined;

package/es/svg-icons/src/star.d.ts

@@ -6,11 +6,7 @@ export declare const Star: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: string | undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string | undefined;
+        default: string;
     };
     spin: {
         type: BooleanConstructor;
@@ -25,11 +21,7 @@ export declare const Star: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: string | undefined;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string | undefined;
+        default: string;
     };
     spin: {
         type: BooleanConstructor;
@@ -37,7 +29,6 @@ export declare const Star: DefineComponent<ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     size: string | number;
-    fill: string;
-    color: string;
     spin: boolean;
+    color: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any> | undefined;

package/es/svg-icons/src/star.mjs

@@ -1,7 +1,9 @@
 import { createIcon as e } from "../create-icon.mjs";
+//#region packages/svg-icons/src/star.ts
 var t = e({
 	name: "star",
-	path: "M12 2L14.63 9.25L22 9.64L16.26 14.51L18.18 22L12 17.77L5.82 22L7.74 14.51L2 9.64L9.37 9.25L12 2"
+	path: "M12 2L14.63 9.25L22 9.64L16.26 14.51L18.18 22L12 17.77L5.82 22L7.74 14.51L2 9.64L9.37 9.25L12 2",
+	stroke: "currentColor"
 });
 //#endregion
 export { t as Star };

package/es/svg-icons/types.d.ts

@@ -1,7 +1,7 @@
 export interface SvgIconMeta {
     name: string;
     path: string;
+    stroke?: string;
     fill?: string;
     fillRule?: 'inherit' | 'nonzero' | 'evenodd';
-    color?: string;
 }

package/es/utils/util.d.ts

@@ -1,45 +1,45 @@
 /**
- * 将对象转换为 FormData 对象
- * @param { Object } params 要转换的对象
- * @returns 转换后的 FormData 对象
+ * Convert objects to FormData objects
+ * @param { Object } params - objects to convert
+ * @returns - converted FormData object
  */
 export declare function paramsToFormData(params: Record<string, any>): FormData;
 /**
- * 设置URLSearchParams对象并返回新的URL字符串
- * @param { string } urlString - URL字符串
- * @param { Object } params - 要设置的参数对象
- * @returns { string }设置参数后的新的URL字符串
+ * Set URLSearchParams object and return a new URL string
+ * @param { string } urlString - URL string
+ * @param { Object } params - parameters to set in the URLSearchParams object
+ * @returns { string } - new URL string with updated search parameters
  */
 export declare function setURLSearchParams(urlString: string, params: Record<string, any>): string;
 /**
- * 合并URL字符串
- * @param { string[] } ...urls 可变参数: URL字符串参数
- * @returns { string } 合并后的URL字符串
+ * Merge URL strings
+ * @param { string[] } ...urls -Variable parameters: URL string parameters
+ * @returns { string } -merged URL string
  */
 export declare function joinURLs(...urls: string[]): string;
 /**
- * 深度拷贝
+ * deep clone
  * @param arr
  * @returns
  */
 export declare function deepClone(arr: any[]): any[] | null;
 /**
- * 自动将文件大小转换成合适的带单位大小
- * @param byte {number} - 文件大小（B）
+ * Automatically convert file size to a suitable unit size
+ * @param byte {number} - file size（B）
  * @returns
  */
 export declare function autoCalcFileSize(byte: number): string;
 /**
- * 根据编码读取txt文件
- * @param file {File} - 文件对象
- * @param encode {string} - 编码格式
+ * Read txt files based on encoding
+ * @param file {File} - File Object
+ * @param encode {string} - Encoding type
  * @returns
  */
 export declare function readTxtFile(file: File, encode: string): Promise<string>;
 /**
- * 用不同编码读取txt文件
- * @param file {File} - 文件对象
- * @param encodes {string[]} - 编码格式数组
+ * Read txt file with different encodings
+ * @param file {File} - File Object
+ * @param encodes {string[]} - Encodings array
  * @returns
  */
 export declare function readTxtByEncodes(file: File, encodes?: string[]): Promise<string>;
@@ -49,27 +49,27 @@ export declare function readTxtByEncodes(file: File, encodes?: string[]): Promis
  */
 export declare function lineBreakToComma(str: string): string;
 /**
- * 单例模式函数
- * @param {Function} fn - 要执行的函数 / class类
+ * singleton mode
+ * @param {Function} fn - function to run  / class to construct
  */
 export declare function singleton(fn: (...args: unknown[]) => unknown): unknown;
 /**
- * 函数重载
+ * function overload
  * @example
  * const overload = createOverload()
  * overload.add('string', (arg: string) => { console.log('string', arg) })
  * overload.add('number','string', (arg1: number, arg2: string) => { console.log('number,string', arg1, arg2) })
- * @returns {Function} 重载函数
+ * @returns {Function} overload function
  */
 export declare function createOverload(): {
     (...args: any[]): any;
     add(...args: any[]): void;
 };
 /**
- * 平铺数据构建树结构
- * @param data {Array} - 数据源
- * @param props {Object} - 属性映射
- * @returns {Array} - 树结构
+ * flat to tree
+ * @param data {Array} - original data
+ * @param props {Object} - props map
+ * @returns {Array} - tree data
  */
 export declare function buildTree(data: any[], props?: {
     label: string;
@@ -83,80 +83,81 @@ export declare function hexToRGB(hexColor: string): {
     b: number;
 };
 /**
- * r,g,b 输入可以浮点数，最终输出 #rrggbb
+ * Input can be float number, and the final output: #rrggbb
  * @param r 0‑255
  * @param g 0‑255
  * @param b 0‑255
  */
 export declare function rgbToHex(r: number, g: number, b: number): string;
 /**
- * 计算半透明颜色与白色背景混合后的等效不透明颜色值
- * @param hexColor 原始十六进制颜色值 (例如 '#a895ff')
- * @param opacity 透明度值 (0-1之间，默认为0.9)
- * @returns 等效的不透明颜色值 (十六进制格式)
+ * Calculate the equivalent color value of transparency
+ * @param hexColor - (e.g., '#a895ff')
+ * @param opacity  - (between 0-1, default is 1)
+ * @returns the equivalent opaque color value (hexadecimal format)
  */
 export declare function getEqualOpacityColor(hexColor: string, bgcolor?: string, opacity?: number): string;
 /**
  * Mixed color(Hexadecimal)
- * @param baseColor 原始颜色(十六进制, 例如 '#a895ff')
- * @param mixColor 混入颜色（十六进制,例如 '#000000')
- * @param ratio 混合比率 (0-1, 0表示完全不改变，1表示完全变为混入色)
- * @returns 调整后的颜色值
+ * @param originColor -original color(Hexadecimal, eg: '#a895ff')
+ * @param mixColor -mixed color(Hexadecimal, eg: '#000000')
+ * @param ratio -Mixing ratio (0-1, 0 means no change at all, 1 means completely mixed color)
+ * @returns -mixed color value
  */
-export declare function mixedColor(baseColor: string, mixColor: string, ratio?: number): string;
+export declare function mixedColor(originColor: string, mixColor: string, ratio?: number): string;
 /**
  * @description 创建层次颜色数组，包含一个变暗的颜色(hover/active)和多个透明度的等值颜色值
  * @param baseColor - 基础颜色的十六进制字符串 (例如 '#a895ff')
- * @param isDark - 是否为暗色模式，默认为false
- * @param darkDegree - 变暗程度，默认为0.12，取值范围为0-1，0表示不变，1表示完全变为黑色
+ * @param bgcolor - 背景颜色的十六进制字符串，默认为 '#ffffff'
+ * @param mixColor - 混入颜色的十六进制字符串
+ * @param mixRatio - 混入颜色比率，取值范围为0-1，0表示不变，1表示完全变为混入颜色
  * @param opacityLevels - 透明度数组，默认为 [0.9, 0.8, 0.7, 0.6, 0.5, 0.4, 0.3, 0.2, 0.1]
  * @returns 层次颜色数组
  */
 export declare function createColors(baseColor: string, bgcolor: string | undefined, mixColor: string, mixRatio?: number, opacityLevels?: number[]): string[];
 /**
- * @description 判断对象是否具有指定的键.
+ * @description Whether the object has the specified key
  *
- * @param { Record<string, unknown> } obj - 待判断的对象.
- * @param { string } key - 待判断的键.
- * @returns { boolean } - 是否具有指定的键
+ * @param { Record<string, unknown> } obj - the object to be judged.
+ * @param { string } key - the key to check.
+ * @returns { boolean } - true or false
  */
 export declare function hasOwnProperty(obj: Record<string, unknown>, key: string): boolean;
 /**
- * @description 判断对象是否为普通对象.
+ * @description whether the object is a plain object.
  *
- * @param { unknown } obj - 待判断的对象.
- * @returns { boolean } - 是否为普通对象
+ * @param { unknown } obj - the object to be judged.
+ * @returns { boolean } - true or false
  */
 export declare function isPlainObject(obj: unknown): boolean;
 /**
- * @description 删除对象中的指定键.
+ * @description delete object keys.
  *
- * @param { Record<string, unknown> } obj - 目标对象.
- * @param { string[] } keys - 要删除的键/键数组.
- * @returns { Record<string, unknown> } - 删除键后的新对象
+ * @param { Record<string, unknown> } obj - target object.
+ * @param { string[] } keys - keys to delete.
+ * @returns { Record<string, unknown> } - new object after deleting keys
  */
 export declare function deleteKeys<T extends Record<string, unknown>, K extends keyof T>(obj: T, keys: K[] | K): Omit<T, K>;
 /**
- * @description 数组深度扁平化，支持数组子元素为基本类型、对象、数组.
+ * @description Recursive array flattening, supporting array sub-elements as basic types, objects, and arrays.
  *
- * @param { Record<string, unknown>[] } arr - 目标数组.
- * @param { string } key - 拍平的键.
- * @returns { Record<string, unknown>[] } - 拍平后的数组
+ * @param { Record<string, unknown>[] } arr - original array.
+ * @param { string } key - flattened key.
+ * @returns { Record<string, unknown>[] } - flattened array
  */
 export declare function flatArr<T extends Record<string, unknown>, K extends keyof T>(arr: T[], key?: K): T[];
 /**
- * @description 删除对象中的空值.
+ * @description remove object empty keys.
  *
- * @param { Record<string, unknown> } obj - 目标对象.
- * @param { unknown[] } emptyValues - 空值数组 （默认为 ['', undefined, null]，支持数组和对象的空值判断['', undefined,
- *   null, {}, [], false, 0]）
- * @returns { Partial<T> | T } - 删除空值后的新对象
+ * @param { Record<string, unknown> } obj - target object.
+ * @param { unknown[] } emptyValues - empty value array (default is ['', undefined, null], supports empty value judgment for arrays and objects ['',
+ *   null, {}, [], false, 0])
+ * @returns { Partial<T> | T } - new object after removing empty values
  */
 export declare function omitEmptyKeys<T extends Record<string, unknown> & {
     length?: never;
 }>(obj: T, emptyValues?: unknown[]): Partial<T> | T;
 /**
- * 元素宽高过渡效果
+ * element sizes transition
  * @param dom
  * @param property
  * @param show
@@ -164,26 +165,29 @@ export declare function omitEmptyKeys<T extends Record<string, unknown> & {
  */
 export declare function transitionSize(dom: HTMLElement | undefined, property: "height" | "width" | undefined, show: boolean, transition?: string): void;
 /**
- * 复制文本到剪贴板
- * @param {string} text - 需要复制的文本
+ * copy text to clipboard
+ * @param {string} text - text to copy
  * @returns {Promise<any>}
  */
 export declare function copyText(text: string): Promise<any>;
 /**
- * 转为带 px 的尺寸值
- * @param value 数字 / 纯数字字符串 / 带单位字符串
- * @returns 带单位 CSS 值
+ * Convert to a size value with px unit
+ * @param value number / pure number string / string with unit
+ * @returns CSS value with unit
  */
 export declare function toPx(val?: string | number): string | undefined;
 /**
- *
+ * Get CSS variables by prefix
  * @param prefix
  * @param element
  * @returns
  */
 export declare function getCssVarsByPrefix(prefix: string, element?: HTMLElement): {};
 /**
- * 将大驼峰命名转换为短横线命名 (kebab-case)
- * 例如: ReFilterPanel -> re-filter-panel
+ *  Convert PascalCase to kebab-case
+ * @param str {string} - PascalCase string
+ * @returns {string} - kebab-case string
+ * @example
+ * ReFilterPanel -> re-filter-panel
  */
 export declare function toKebabCase(str: string): string;

package/es/utils/util.mjs

@@ -113,9 +113,9 @@ function p(e, t = "#ffffff", n = 1) {
 	let { r, g: i, b: a } = d(e), { r: o, g: s, b: c } = d(t);
 	return f(Math.round(r * n + o * (1 - n)), Math.round(i * n + s * (1 - n)), Math.round(a * n + c * (1 - n)));
 }
-function m(e, t, n = .16) {
+function m(e, t, n = .12) {
 	let { r, g: i, b: a } = d(e), { r: o, g: s, b: c } = d(t);
-	return f(Math.round(r * (1 - n) + o * n), Math.round(i * (1 - n) + s * n), Math.round(a * (1 - n) + c * n));
+	return n = Math.max(0, Math.min(1, n)), f(Math.round(r * (1 - n) + o * n), Math.round(i * (1 - n) + s * n), Math.round(a * (1 - n) + c * n));
 }
 function h(e, t = "#ffffff", n, r = .12, i = [
 	.9,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rappel-ui",
-  "version": "1.0.32",
+  "version": "1.0.33",
   "description": "A Vue3 Component Library",
   "keywords": [
     "vue",
@@ -73,7 +73,7 @@
     "vue": "^3.2.0"
   },
   "dependencies": {
-    "@rappel-ui/svg-icons": "^1.0.23",
+    "@rappel-ui/svg-icons": "^1.0.24",
     "@vueuse/core": "^14.4.0",
     "dayjs": "^1.11.18",
     "@floating-ui/vue": "^2.0.1"