rappel-ui 1.0.30 → 1.0.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/neutral-color/src/neutral-color.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/popover/src/popover.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/primary-color/src/primary-color.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/secondary-color/src/secondary-color.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/tooltip/src/types.d.ts +4 -2
- package/cjs/components/tooltip/src/use-tooltip.d.ts +1 -1
- package/cjs/components/tooltip/src/use-tooltip.js +1 -1
- package/cjs/index.js +1 -1
- package/cjs/utils/index.js +1 -1
- package/cjs/utils/util.d.ts +19 -6
- package/cjs/utils/util.js +1 -1
- package/dist/index.css +1 -0
- package/dist/index.umd.js +63 -0
- package/es/components/neutral-color/src/neutral-color.vue_vue_type_script_setup_true_lang.mjs +8 -8
- package/es/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.mjs +1 -0
- package/es/components/popover/src/popover.vue_vue_type_script_setup_true_lang.mjs +1 -0
- package/es/components/primary-color/src/primary-color.vue_vue_type_script_setup_true_lang.mjs +7 -7
- package/es/components/secondary-color/src/secondary-color.vue_vue_type_script_setup_true_lang.mjs +13 -13
- package/es/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.mjs +7 -2
- package/es/components/tooltip/src/types.d.ts +4 -2
- package/es/components/tooltip/src/use-tooltip.d.ts +1 -1
- package/es/components/tooltip/src/use-tooltip.mjs +34 -32
- package/es/index.mjs +71 -71
- package/es/utils/index.mjs +2 -2
- package/es/utils/util.d.ts +19 -6
- package/es/utils/util.mjs +39 -34
- package/package.json +11 -2
- package/theme-chalk/base.css +1 -1
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/root-vars.css +1 -1
- package/theme-chalk/src/css-vars/_colors.scss +18 -2
- package/theme-chalk/src/function/index.scss +26 -22
package/es/index.mjs
CHANGED
|
@@ -1,87 +1,87 @@
|
|
|
1
1
|
import { INSTALLED_KEY as ee, createGlobalInstaller as e, toLowerCase as te, toPascalCase as ne, withInstall as re, withMultiInstall as ie } from "./utils/vue/index.mjs";
|
|
2
|
-
import { autoCalcFileSize as ae, buildTree as oe, copyText as t, createColors as n, createOverload as r,
|
|
2
|
+
import { autoCalcFileSize as ae, buildTree as oe, copyText as t, createColors as n, createOverload as r, deepClone as i, deleteKeys as a, flatArr as o, getCssVarsByPrefix as s, getEqualOpacityColor as c, hasOwnProperty as l, hexToRGB as u, isPlainObject as d, joinURLs as f, lineBreakToComma as p, mixedColor as m, omitEmptyKeys as h, paramsToFormData as g, readTxtByEncodes as _, readTxtFile as v, rgbToHex as y, setURLSearchParams as b, singleton as x, toKebabCase as S, toPx as C, transitionSize as w } from "./utils/util.mjs";
|
|
3
3
|
import "./utils/index.mjs";
|
|
4
|
-
import { _buttonGroupProps as
|
|
5
|
-
import { useDraggable as
|
|
6
|
-
import { useDateFormat as
|
|
7
|
-
import { useOnceFn as
|
|
8
|
-
import { useTimeNodes as
|
|
9
|
-
import { useWaterFallLayout as
|
|
10
|
-
import { useNamespace as
|
|
11
|
-
import { useZIndex as
|
|
12
|
-
import { useTheme as
|
|
4
|
+
import { _buttonGroupProps as T, buttonNativeTypes as E, buttonSizes as D, buttonTypes as O } from "./components/button/src/constants.mjs";
|
|
5
|
+
import { useDraggable as k } from "./composables/use-draggable/index.mjs";
|
|
6
|
+
import { useDateFormat as A } from "./composables/use-date-format/index.mjs";
|
|
7
|
+
import { useOnceFn as j } from "./composables/use-once-fn/index.mjs";
|
|
8
|
+
import { useTimeNodes as M } from "./composables/use-time-nodes/index.mjs";
|
|
9
|
+
import { useWaterFallLayout as N } from "./composables/use-waterfall-layout/index.mjs";
|
|
10
|
+
import { useNamespace as P } from "./composables/use-namespace/index.mjs";
|
|
11
|
+
import { useZIndex as F } from "./composables/use-z-index/index.mjs";
|
|
12
|
+
import { useTheme as I } from "./composables/use-theme/index.mjs";
|
|
13
13
|
import "./composables/index.mjs";
|
|
14
|
-
import { ReButton as
|
|
15
|
-
import { ReInput as
|
|
16
|
-
import { ReTabs as
|
|
17
|
-
import { RePrimaryColor as
|
|
18
|
-
import { ReSecondaryColor as
|
|
19
|
-
import { ReNeutralColor as
|
|
20
|
-
import { ReFilterPanel as
|
|
21
|
-
import { ReSvgIcon as
|
|
22
|
-
import { useTransitionEmits as
|
|
23
|
-
import { ReTransition as
|
|
24
|
-
import { useTooltipEmits as
|
|
25
|
-
import { ReTooltip as
|
|
26
|
-
import { usePopoverEmits as
|
|
27
|
-
import { RePopover as
|
|
28
|
-
import { RePopconfirm as
|
|
29
|
-
import { createMessage as
|
|
30
|
-
import { ReMessage as
|
|
14
|
+
import { ReButton as L, ReButtonGroup as R } from "./components/button/index.mjs";
|
|
15
|
+
import { ReInput as z } from "./components/input/index.mjs";
|
|
16
|
+
import { ReTabs as B } from "./components/tabs/index.mjs";
|
|
17
|
+
import { RePrimaryColor as V } from "./components/primary-color/index.mjs";
|
|
18
|
+
import { ReSecondaryColor as H } from "./components/secondary-color/index.mjs";
|
|
19
|
+
import { ReNeutralColor as U } from "./components/neutral-color/index.mjs";
|
|
20
|
+
import { ReFilterPanel as W } from "./components/filter-panel/index.mjs";
|
|
21
|
+
import { ReSvgIcon as G } from "./components/svg-icon/index.mjs";
|
|
22
|
+
import { useTransitionEmits as K } from "./components/transition/src/use-transition-emit.mjs";
|
|
23
|
+
import { ReTransition as q } from "./components/transition/index.mjs";
|
|
24
|
+
import { useTooltipEmits as se } from "./components/tooltip/src/use-tooltip-emit.mjs";
|
|
25
|
+
import { ReTooltip as J } from "./components/tooltip/index.mjs";
|
|
26
|
+
import { usePopoverEmits as ce } from "./components/popover/src/use-popover-emit.mjs";
|
|
27
|
+
import { RePopover as le } from "./components/popover/index.mjs";
|
|
28
|
+
import { RePopconfirm as ue } from "./components/popconfirm/index.mjs";
|
|
29
|
+
import { createMessage as de } from "./components/message/src/create-message.mjs";
|
|
30
|
+
import { ReMessage as fe } from "./components/message/index.mjs";
|
|
31
31
|
import { components_exports as Y } from "./components/index.mjs";
|
|
32
|
-
import { svgLoadingContent as
|
|
33
|
-
import { vDraggable as
|
|
34
|
-
import { applyResizable as
|
|
35
|
-
import { vSvgLoading as
|
|
32
|
+
import { svgLoadingContent as pe } from "./constants/svgLoading.mjs";
|
|
33
|
+
import { vDraggable as me } from "./directives/vDraggable.mjs";
|
|
34
|
+
import { applyResizable as he, vResizable as ge } from "./directives/vResizable.mjs";
|
|
35
|
+
import { vSvgLoading as _e } from "./directives/vSvgLoading.mjs";
|
|
36
36
|
import "./directives/index.mjs";
|
|
37
|
-
import { iconNames as
|
|
38
|
-
import { getAsyncIcon as
|
|
39
|
-
import { ArrowRight as
|
|
40
|
-
import { ArrowLeft as
|
|
41
|
-
import { ArrowUp as
|
|
42
|
-
import { ArrowDown as
|
|
43
|
-
import { Search as
|
|
44
|
-
import { SearchBold as
|
|
45
|
-
import { ArrowDownward as
|
|
46
|
-
import { ArrowUpward as
|
|
47
|
-
import { ArrowForward as
|
|
48
|
-
import { ArrowBackward as
|
|
49
|
-
import { Delete as
|
|
50
|
-
import { Close as
|
|
51
|
-
import { CloseShort as
|
|
52
|
-
import { Loading as
|
|
53
|
-
import { MoreDotSquare as
|
|
54
|
-
import { MoreDotSquareHorizontal as
|
|
55
|
-
import { MoreLine as
|
|
56
|
-
import { MoreDotCircle as
|
|
57
|
-
import { MoreDotCircleHorizontal as
|
|
58
|
-
import { Copy as
|
|
59
|
-
import { CopyClosure as
|
|
60
|
-
import { Star as
|
|
61
|
-
import { StarFill as
|
|
62
|
-
import { Help as
|
|
63
|
-
import { Exclam as
|
|
64
|
-
import { MoreDotCircleOutlineVertical as
|
|
65
|
-
import { MoreDotCircleOutlineHorizontal as
|
|
66
|
-
import { Check as
|
|
67
|
-
import { CheckCircle as
|
|
68
|
-
import { CloseCircle as
|
|
69
|
-
import { InfoCircle as
|
|
70
|
-
import { CheckFill as
|
|
71
|
-
import { InfoFill as
|
|
72
|
-
import { CloseFill as
|
|
73
|
-
import { ExclamFill as
|
|
37
|
+
import { iconNames as ve } from "./svg-icons/icon-names.mjs";
|
|
38
|
+
import { getAsyncIcon as ye } from "./svg-icons/get-async-icon.mjs";
|
|
39
|
+
import { ArrowRight as be } from "./svg-icons/src/arrow-right.mjs";
|
|
40
|
+
import { ArrowLeft as xe } from "./svg-icons/src/arrow-left.mjs";
|
|
41
|
+
import { ArrowUp as Se } from "./svg-icons/src/arrow-up.mjs";
|
|
42
|
+
import { ArrowDown as Ce } from "./svg-icons/src/arrow-down.mjs";
|
|
43
|
+
import { Search as we } from "./svg-icons/src/search.mjs";
|
|
44
|
+
import { SearchBold as Te } from "./svg-icons/src/search-bold.mjs";
|
|
45
|
+
import { ArrowDownward as Ee } from "./svg-icons/src/arrow-downward.mjs";
|
|
46
|
+
import { ArrowUpward as De } from "./svg-icons/src/arrow-upward.mjs";
|
|
47
|
+
import { ArrowForward as Oe } from "./svg-icons/src/arrow-forward.mjs";
|
|
48
|
+
import { ArrowBackward as ke } from "./svg-icons/src/arrow-backward.mjs";
|
|
49
|
+
import { Delete as Ae } from "./svg-icons/src/delete.mjs";
|
|
50
|
+
import { Close as je } from "./svg-icons/src/close.mjs";
|
|
51
|
+
import { CloseShort as Me } from "./svg-icons/src/close-short.mjs";
|
|
52
|
+
import { Loading as Ne } from "./svg-icons/src/loading.mjs";
|
|
53
|
+
import { MoreDotSquare as Pe } from "./svg-icons/src/more-dot-square.mjs";
|
|
54
|
+
import { MoreDotSquareHorizontal as Fe } from "./svg-icons/src/more-dot-square-horizontal.mjs";
|
|
55
|
+
import { MoreLine as Ie } from "./svg-icons/src/more-line.mjs";
|
|
56
|
+
import { MoreDotCircle as Le } from "./svg-icons/src/more-dot-circle.mjs";
|
|
57
|
+
import { MoreDotCircleHorizontal as Re } from "./svg-icons/src/more-dot-circle-horizontal.mjs";
|
|
58
|
+
import { Copy as ze } from "./svg-icons/src/copy.mjs";
|
|
59
|
+
import { CopyClosure as Be } from "./svg-icons/src/copy-closure.mjs";
|
|
60
|
+
import { Star as Ve } from "./svg-icons/src/star.mjs";
|
|
61
|
+
import { StarFill as He } from "./svg-icons/src/star-fill.mjs";
|
|
62
|
+
import { Help as Ue } from "./svg-icons/src/help.mjs";
|
|
63
|
+
import { Exclam as We } from "./svg-icons/src/exclam.mjs";
|
|
64
|
+
import { MoreDotCircleOutlineVertical as Ge } from "./svg-icons/src/more-dot-circle-outline-vertical.mjs";
|
|
65
|
+
import { MoreDotCircleOutlineHorizontal as Ke } from "./svg-icons/src/more-dot-circle-outline-horizontal.mjs";
|
|
66
|
+
import { Check as qe } from "./svg-icons/src/check.mjs";
|
|
67
|
+
import { CheckCircle as Je } from "./svg-icons/src/check-circle.mjs";
|
|
68
|
+
import { CloseCircle as Ye } from "./svg-icons/src/close-circle.mjs";
|
|
69
|
+
import { InfoCircle as Xe } from "./svg-icons/src/info-circle.mjs";
|
|
70
|
+
import { CheckFill as Ze } from "./svg-icons/src/check-fill.mjs";
|
|
71
|
+
import { InfoFill as Qe } from "./svg-icons/src/info-fill.mjs";
|
|
72
|
+
import { CloseFill as $e } from "./svg-icons/src/close-fill.mjs";
|
|
73
|
+
import { ExclamFill as et } from "./svg-icons/src/exclam-fill.mjs";
|
|
74
74
|
import { svg_icons_exports as X } from "./svg-icons/index.mjs";
|
|
75
|
-
import { RappelUIResolver as
|
|
75
|
+
import { RappelUIResolver as tt } from "./rappel-ui/resolvers.mjs";
|
|
76
76
|
//#region packages/index.ts
|
|
77
77
|
var Z = e(Object.values({
|
|
78
78
|
...Y,
|
|
79
79
|
...X
|
|
80
|
-
})), Q = Z.install, $ = Z.version,
|
|
80
|
+
})), Q = Z.install, $ = Z.version, nt = {
|
|
81
81
|
install: Q,
|
|
82
82
|
version: $,
|
|
83
83
|
...Y,
|
|
84
84
|
...X
|
|
85
85
|
};
|
|
86
86
|
//#endregion
|
|
87
|
-
export {
|
|
87
|
+
export { ke as ArrowBackward, Ce as ArrowDown, Ee as ArrowDownward, Oe as ArrowForward, xe as ArrowLeft, be as ArrowRight, Se as ArrowUp, De as ArrowUpward, qe as Check, Je as CheckCircle, Ze as CheckFill, je as Close, Ye as CloseCircle, $e as CloseFill, Me as CloseShort, ze as Copy, Be as CopyClosure, Ae as Delete, We as Exclam, et as ExclamFill, Ue as Help, ee as INSTALLED_KEY, Xe as InfoCircle, Qe as InfoFill, Ne as Loading, Le as MoreDotCircle, Re as MoreDotCircleHorizontal, Ke as MoreDotCircleOutlineHorizontal, Ge as MoreDotCircleOutlineVertical, Pe as MoreDotSquare, Fe as MoreDotSquareHorizontal, Ie as MoreLine, tt as RappelUIResolver, L as ReButton, R as ReButtonGroup, W as ReFilterPanel, z as ReInput, fe as ReMessage, U as ReNeutralColor, ue as RePopconfirm, le as RePopover, V as RePrimaryColor, H as ReSecondaryColor, G as ReSvgIcon, B as ReTabs, J as ReTooltip, q as ReTransition, we as Search, Te as SearchBold, Ve as Star, He as StarFill, T as _buttonGroupProps, he as applyResizable, ae as autoCalcFileSize, oe as buildTree, E as buttonNativeTypes, D as buttonSizes, O as buttonTypes, t as copyText, n as createColors, e as createGlobalInstaller, de as createMessage, r as createOverload, i as deepClone, nt as default, a as deleteKeys, o as flatArr, ye as getAsyncIcon, s as getCssVarsByPrefix, c as getEqualOpacityColor, l as hasOwnProperty, u as hexToRGB, ve as iconNames, Q as install, d as isPlainObject, f as joinURLs, p as lineBreakToComma, m as mixedColor, h as omitEmptyKeys, g as paramsToFormData, _ as readTxtByEncodes, v as readTxtFile, y as rgbToHex, b as setURLSearchParams, x as singleton, pe as svgLoadingContent, S as toKebabCase, te as toLowerCase, ne as toPascalCase, C as toPx, w as transitionSize, A as useDateFormat, k as useDraggable, P as useNamespace, j as useOnceFn, ce as usePopoverEmits, I as useTheme, M as useTimeNodes, se as useTooltipEmits, K as useTransitionEmits, N as useWaterFallLayout, F as useZIndex, me as vDraggable, ge as vResizable, _e as vSvgLoading, $ as version, re as withInstall, ie as withMultiInstall };
|
package/es/utils/index.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { INSTALLED_KEY as e, createGlobalInstaller as t, toLowerCase as n, toPascalCase as r, withInstall as i, withMultiInstall as a } from "./vue/index.mjs";
|
|
2
|
-
import { autoCalcFileSize as o, buildTree as s, copyText as c, createColors as l, createOverload as u,
|
|
3
|
-
export { e as INSTALLED_KEY, o as autoCalcFileSize, s as buildTree, c as copyText, l as createColors, t as createGlobalInstaller, u as createOverload, d as
|
|
2
|
+
import { autoCalcFileSize as o, buildTree as s, copyText as c, createColors as l, createOverload as u, deepClone as d, deleteKeys as f, flatArr as p, getCssVarsByPrefix as m, getEqualOpacityColor as h, hasOwnProperty as g, hexToRGB as _, isPlainObject as v, joinURLs as y, lineBreakToComma as b, mixedColor as x, omitEmptyKeys as S, paramsToFormData as C, readTxtByEncodes as w, readTxtFile as T, rgbToHex as E, setURLSearchParams as D, singleton as O, toKebabCase as k, toPx as A, transitionSize as j } from "./util.mjs";
|
|
3
|
+
export { e as INSTALLED_KEY, o as autoCalcFileSize, s as buildTree, c as copyText, l as createColors, t as createGlobalInstaller, u as createOverload, d as deepClone, f as deleteKeys, p as flatArr, m as getCssVarsByPrefix, h as getEqualOpacityColor, g as hasOwnProperty, _ as hexToRGB, v as isPlainObject, y as joinURLs, b as lineBreakToComma, x as mixedColor, S as omitEmptyKeys, C as paramsToFormData, w as readTxtByEncodes, T as readTxtFile, E as rgbToHex, D as setURLSearchParams, O as singleton, k as toKebabCase, n as toLowerCase, r as toPascalCase, A as toPx, j as transitionSize, i as withInstall, a as withMultiInstall };
|
package/es/utils/util.d.ts
CHANGED
|
@@ -77,20 +77,33 @@ export declare function buildTree(data: any[], props?: {
|
|
|
77
77
|
children: string;
|
|
78
78
|
parentId: string;
|
|
79
79
|
}): any[];
|
|
80
|
+
export declare function hexToRGB(hexColor: string): {
|
|
81
|
+
r: number;
|
|
82
|
+
g: number;
|
|
83
|
+
b: number;
|
|
84
|
+
};
|
|
85
|
+
/**
|
|
86
|
+
* r,g,b 输入可以浮点数，最终输出 #rrggbb
|
|
87
|
+
* @param r 0‑255
|
|
88
|
+
* @param g 0‑255
|
|
89
|
+
* @param b 0‑255
|
|
90
|
+
*/
|
|
91
|
+
export declare function rgbToHex(r: number, g: number, b: number): string;
|
|
80
92
|
/**
|
|
81
93
|
* 计算半透明颜色与白色背景混合后的等效不透明颜色值
|
|
82
94
|
* @param hexColor 原始十六进制颜色值 (例如 '#a895ff')
|
|
83
95
|
* @param opacity 透明度值 (0-1之间，默认为0.9)
|
|
84
96
|
* @returns 等效的不透明颜色值 (十六进制格式)
|
|
85
97
|
*/
|
|
86
|
-
export declare function getEqualOpacityColor(hexColor: string,
|
|
98
|
+
export declare function getEqualOpacityColor(hexColor: string, bgcolor?: string, opacity?: number): string;
|
|
87
99
|
/**
|
|
88
|
-
*
|
|
89
|
-
* @param
|
|
90
|
-
* @param
|
|
100
|
+
* Mixed color(Hexadecimal)
|
|
101
|
+
* @param baseColor 原始颜色(十六进制, 例如 '#a895ff')
|
|
102
|
+
* @param mixColor 混入颜色（十六进制,例如 '#000000')
|
|
103
|
+
* @param ratio 混合比率 (0-1, 0表示完全不改变，1表示完全变为混入色)
|
|
91
104
|
* @returns 调整后的颜色值
|
|
92
105
|
*/
|
|
93
|
-
export declare function
|
|
106
|
+
export declare function mixedColor(baseColor: string, mixColor: string, ratio?: number): string;
|
|
94
107
|
/**
|
|
95
108
|
* @description 创建层次颜色数组，包含一个变暗的颜色(hover/active)和多个透明度的等值颜色值
|
|
96
109
|
* @param baseColor - 基础颜色的十六进制字符串 (例如 '#a895ff')
|
|
@@ -99,7 +112,7 @@ export declare function darkenColor(hexColor: string, factor?: number): string;
|
|
|
99
112
|
* @param opacityLevels - 透明度数组，默认为 [0.9, 0.8, 0.7, 0.6, 0.5, 0.4, 0.3, 0.2, 0.1]
|
|
100
113
|
* @returns 层次颜色数组
|
|
101
114
|
*/
|
|
102
|
-
export declare function createColors(baseColor: string,
|
|
115
|
+
export declare function createColors(baseColor: string, bgcolor: string | undefined, mixColor: string, mixRatio?: number, opacityLevels?: number[]): string[];
|
|
103
116
|
/**
|
|
104
117
|
* @description 判断对象是否具有指定的键.
|
|
105
118
|
*
|
package/es/utils/util.mjs
CHANGED
|
@@ -74,12 +74,12 @@ function l() {
|
|
|
74
74
|
let e = new Map();
|
|
75
75
|
function t(...t) {
|
|
76
76
|
let n = t.map((e) => typeof e).join(","), r = e.get(n);
|
|
77
|
-
if (!r) throw Error("
|
|
77
|
+
if (!r) throw Error("no overload function found");
|
|
78
78
|
return r.apply(this, t);
|
|
79
79
|
}
|
|
80
80
|
return t.add = function(...t) {
|
|
81
81
|
let n = t.pop();
|
|
82
|
-
if (typeof n != "function") throw Error("
|
|
82
|
+
if (typeof n != "function") throw Error("the last parameter must be a function");
|
|
83
83
|
let r = t.join(",");
|
|
84
84
|
e.set(r, n);
|
|
85
85
|
}, t;
|
|
@@ -98,21 +98,26 @@ function u(e, t = {
|
|
|
98
98
|
i ? i.children.push(e) : n.push(e);
|
|
99
99
|
}), n;
|
|
100
100
|
}
|
|
101
|
-
function d(e
|
|
102
|
-
e = e.replace("#", "")
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
101
|
+
function d(e) {
|
|
102
|
+
return e = e.replace("#", ""), e.length === 3 && (e = e.split("").map((e) => e + e).join("")), {
|
|
103
|
+
r: parseInt(e.substring(0, 2), 16),
|
|
104
|
+
g: parseInt(e.substring(2, 4), 16),
|
|
105
|
+
b: parseInt(e.substring(4, 6), 16)
|
|
106
|
+
};
|
|
107
|
+
}
|
|
108
|
+
function f(e, t, n) {
|
|
109
|
+
let r = (e) => Math.max(0, Math.min(255, Math.round(e))).toString(16).padStart(2, "0");
|
|
110
|
+
return `#${r(e)}${r(t)}${r(n)}`;
|
|
111
|
+
}
|
|
112
|
+
function p(e, t = "#ffffff", n = 1) {
|
|
113
|
+
let { r, g: i, b: a } = d(e), { r: o, g: s, b: c } = d(t);
|
|
114
|
+
return f(Math.round(r * n + o * (1 - n)), Math.round(i * n + s * (1 - n)), Math.round(a * n + c * (1 - n)));
|
|
115
|
+
}
|
|
116
|
+
function m(e, t, n = .16) {
|
|
117
|
+
let { r, g: i, b: a } = d(e), { r: o, g: s, b: c } = d(t);
|
|
118
|
+
return f(Math.round(r * (1 - n) + o * n), Math.round(i * (1 - n) + s * n), Math.round(a * (1 - n) + c * n));
|
|
119
|
+
}
|
|
120
|
+
function h(e, t = "#ffffff", n, r = .12, i = [
|
|
116
121
|
.9,
|
|
117
122
|
.8,
|
|
118
123
|
.7,
|
|
@@ -123,35 +128,35 @@ function p(e, t = !1, n = .12, r = [
|
|
|
123
128
|
.2,
|
|
124
129
|
.1
|
|
125
130
|
]) {
|
|
126
|
-
return [
|
|
131
|
+
return [m(e, n, r), m(e, n, r / 2)].concat(i.map((n) => p(e, t, n)));
|
|
127
132
|
}
|
|
128
|
-
function
|
|
133
|
+
function g(e, t) {
|
|
129
134
|
return Object.prototype.hasOwnProperty.call(e, t);
|
|
130
135
|
}
|
|
131
|
-
function
|
|
136
|
+
function _(e) {
|
|
132
137
|
return typeof e == "object" && !!e && Object.getPrototypeOf(e) === Object.prototype;
|
|
133
138
|
}
|
|
134
|
-
function
|
|
135
|
-
if (!e || !t || !
|
|
139
|
+
function v(e, t) {
|
|
140
|
+
if (!e || !t || !_(e)) return e;
|
|
136
141
|
let n = { ...e };
|
|
137
142
|
return (Array.isArray(t) ? t : [t]).forEach((e) => {
|
|
138
143
|
Reflect.deleteProperty(n, e);
|
|
139
144
|
}), n;
|
|
140
145
|
}
|
|
141
|
-
function
|
|
142
|
-
return !e || !Array.isArray(e) ? [] : e.reduce((e, n) => Array.isArray(n) ? e.concat(
|
|
146
|
+
function y(e, t = "children") {
|
|
147
|
+
return !e || !Array.isArray(e) ? [] : e.reduce((e, n) => Array.isArray(n) ? e.concat(y(n, t)) : n && _(n) && n[t] ? e.concat(v(n, [t]), y(n[t], t)) : e.concat(n), []);
|
|
143
148
|
}
|
|
144
|
-
function
|
|
149
|
+
function b(e, t = [
|
|
145
150
|
"",
|
|
146
151
|
void 0,
|
|
147
152
|
null
|
|
148
153
|
]) {
|
|
149
|
-
if (!e || !
|
|
150
|
-
let n = {}, r = (e) => t.some((t) => Array.isArray(t) && Array.isArray(e) ? t.length === 0 && e.length === 0 :
|
|
151
|
-
for (let t in e)
|
|
154
|
+
if (!e || !_(e)) return e;
|
|
155
|
+
let n = {}, r = (e) => t.some((t) => Array.isArray(t) && Array.isArray(e) ? t.length === 0 && e.length === 0 : _(t) && _(e) ? Object.keys(t).length === 0 && Object.keys(e).length === 0 : t === e);
|
|
156
|
+
for (let t in e) g(e, t) && (r(e[t]) || (n[t] = e[t]));
|
|
152
157
|
return n;
|
|
153
158
|
}
|
|
154
|
-
function
|
|
159
|
+
function x(e, t = "height", n, r = "all 0.3s ease-in-out") {
|
|
155
160
|
if (!e) return;
|
|
156
161
|
let i = {
|
|
157
162
|
height: () => e.offsetHeight,
|
|
@@ -165,7 +170,7 @@ function y(e, t = "height", n, r = "all 0.3s ease-in-out") {
|
|
|
165
170
|
} else e.style.transition = r, e.style[t] = "0px";
|
|
166
171
|
}
|
|
167
172
|
}
|
|
168
|
-
function
|
|
173
|
+
function S(e) {
|
|
169
174
|
return new Promise((t) => {
|
|
170
175
|
var n;
|
|
171
176
|
if ((n = navigator) != null && (n = n.clipboard) != null && n.writeText && window.isSecureContext) {
|
|
@@ -185,10 +190,10 @@ function b(e) {
|
|
|
185
190
|
}
|
|
186
191
|
});
|
|
187
192
|
}
|
|
188
|
-
function
|
|
193
|
+
function C(e) {
|
|
189
194
|
return parseFloat(e) == e ? `${e}px` : e;
|
|
190
195
|
}
|
|
191
|
-
function
|
|
196
|
+
function w(e, t = document.documentElement) {
|
|
192
197
|
let n = getComputedStyle(t), r = {};
|
|
193
198
|
for (let t = 0; t < n.length; t++) {
|
|
194
199
|
let i = n[t];
|
|
@@ -196,8 +201,8 @@ function S(e, t = document.documentElement) {
|
|
|
196
201
|
}
|
|
197
202
|
return r;
|
|
198
203
|
}
|
|
199
|
-
function
|
|
204
|
+
function T(e) {
|
|
200
205
|
return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
|
|
201
206
|
}
|
|
202
207
|
//#endregion
|
|
203
|
-
export { i as autoCalcFileSize, u as buildTree,
|
|
208
|
+
export { i as autoCalcFileSize, u as buildTree, S as copyText, h as createColors, l as createOverload, r as deepClone, v as deleteKeys, y as flatArr, w as getCssVarsByPrefix, p as getEqualOpacityColor, g as hasOwnProperty, d as hexToRGB, _ as isPlainObject, n as joinURLs, s as lineBreakToComma, m as mixedColor, b as omitEmptyKeys, e as paramsToFormData, o as readTxtByEncodes, a as readTxtFile, f as rgbToHex, t as setURLSearchParams, c as singleton, T as toKebabCase, C as toPx, x as transitionSize };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rappel-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.32",
|
|
4
4
|
"description": "A Vue3 Component Library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"vue",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"vue": "^3.2.0"
|
|
74
74
|
},
|
|
75
75
|
"dependencies": {
|
|
76
|
-
"@rappel-ui/svg-icons": "^1.0.
|
|
76
|
+
"@rappel-ui/svg-icons": "^1.0.23",
|
|
77
77
|
"@vueuse/core": "^14.4.0",
|
|
78
78
|
"dayjs": "^1.11.18",
|
|
79
79
|
"@floating-ui/vue": "^2.0.1"
|
|
@@ -83,6 +83,15 @@
|
|
|
83
83
|
"vue": "^3.5.26",
|
|
84
84
|
"vue-router": "^4.6.3"
|
|
85
85
|
},
|
|
86
|
+
"files": [
|
|
87
|
+
"es",
|
|
88
|
+
"cjs",
|
|
89
|
+
"dist",
|
|
90
|
+
"theme-chalk",
|
|
91
|
+
"package.json",
|
|
92
|
+
"README.md",
|
|
93
|
+
"README.zh.md"
|
|
94
|
+
],
|
|
86
95
|
"scripts": {
|
|
87
96
|
"clean": "rimraf dist"
|
|
88
97
|
}
|
package/theme-chalk/base.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--re-color-primary:#a895ff;--re-color-text-darkest:#000000;--re-color-text-darker:#303131;--re-color-text-base:#606062;--re-color-text-dark:#909093;--re-color-text-light:#b2b2b6;--re-color-text-lighter:#cdcdd1;--re-color-text-lightest:#ffffff;--re-color-border-darker:#c3c3cb;--re-color-border-dark:#d0d0d8;--re-color-border-base:#dbdbe0;--re-color-border-light:#e4e4e8;--re-color-border-lighter:#ededef;--re-color-border-lightest:#efeff3;--re-color-fill-darker:#d7d7dc;--re-color-fill-dark:#e8e8ec;--re-color-fill-base:#ededf0;--re-color-fill-light:#f1f1f4;--re-color-fill-lighter:#f6f6f7;--re-color-fill-lightest:#f8f8f9;--re-color-fill-blank:#ffffff;--re-color-fill-transparent:transparent;--re-color-primary-base:#a895ff;--re-color-primary-active:#
|
|
1
|
+
:root{--re-color-primary:#a895ff;--re-color-text-darkest:#000000;--re-color-text-darker:#303131;--re-color-text-base:#606062;--re-color-text-dark:#909093;--re-color-text-light:#b2b2b6;--re-color-text-lighter:#cdcdd1;--re-color-text-lightest:#ffffff;--re-color-border-darker:#c3c3cb;--re-color-border-dark:#d0d0d8;--re-color-border-base:#dbdbe0;--re-color-border-light:#e4e4e8;--re-color-border-lighter:#ededef;--re-color-border-lightest:#efeff3;--re-color-fill-darker:#d7d7dc;--re-color-fill-dark:#e8e8ec;--re-color-fill-base:#ededf0;--re-color-fill-light:#f1f1f4;--re-color-fill-lighter:#f6f6f7;--re-color-fill-lightest:#f8f8f9;--re-color-fill-blank:#ffffff;--re-color-fill-transparent:transparent;--re-color-theme-bgcolor:#ffffff;--re-color-theme-reverse-bgcolor:#1b1b1f;--re-color-primary-base:#a895ff;--re-color-primary-active:#9786e4;--re-color-primary-hover:#a08ef2;--re-color-primary-shade-9:#b1a0ff;--re-color-primary-shade-8:#b9aaff;--re-color-primary-shade-7:#c2b5ff;--re-color-primary-shade-6:#cbbfff;--re-color-primary-shade-5:#d4caff;--re-color-primary-shade-4:#dcd5ff;--re-color-primary-shade-3:#e5dfff;--re-color-primary-shade-2:#eeeaff;--re-color-primary-shade-1:#f6f4ff;--re-color-success-base:#06be08;--re-color-success-active:#09aa0b;--re-color-success-hover:#07b409;--re-color-success-shade-9:#1fc521;--re-color-success-shade-8:#38cb39;--re-color-success-shade-7:#51d252;--re-color-success-shade-6:#6ad86b;--re-color-success-shade-5:#83df84;--re-color-success-shade-4:#9be59c;--re-color-success-shade-3:#b4ecb5;--re-color-success-shade-2:#cdf2ce;--re-color-success-shade-1:#e6f9e6;--re-color-danger-base:#ef717f;--re-color-danger-active:#d66773;--re-color-danger-hover:#e26c79;--re-color-danger-shade-9:#f17f8c;--re-color-danger-shade-8:#f28d99;--re-color-danger-shade-7:#f49ca5;--re-color-danger-shade-6:#f5aab2;--re-color-danger-shade-5:#f7b8bf;--re-color-danger-shade-4:#f9c6cc;--re-color-danger-shade-3:#fad4d9;--re-color-danger-shade-2:#fce3e5;--re-color-danger-shade-1:#fdf1f2;--re-color-error-base:#ef717f;--re-color-error-active:#d66773;--re-color-error-hover:#e26c79;--re-color-error-shade-9:#f17f8c;--re-color-error-shade-8:#f28d99;--re-color-error-shade-7:#f49ca5;--re-color-error-shade-6:#f5aab2;--re-color-error-shade-5:#f7b8bf;--re-color-error-shade-4:#f9c6cc;--re-color-error-shade-3:#fad4d9;--re-color-error-shade-2:#fce3e5;--re-color-error-shade-1:#fdf1f2;--re-color-warning-base:#e6a205;--re-color-warning-active:#ce9208;--re-color-warning-hover:#da9a07;--re-color-warning-shade-9:#e9ab1e;--re-color-warning-shade-8:#ebb537;--re-color-warning-shade-7:#eebe50;--re-color-warning-shade-6:#f0c769;--re-color-warning-shade-5:#f3d182;--re-color-warning-shade-4:#f5da9b;--re-color-warning-shade-3:#f8e3b4;--re-color-warning-shade-2:#faeccd;--re-color-warning-shade-1:#fdf6e6;--re-color-info-base:#9a9a9a;--re-color-info-active:#8b8b8b;--re-color-info-hover:#929293;--re-color-info-shade-9:#a4a4a4;--re-color-info-shade-8:#aeaeae;--re-color-info-shade-7:#b8b8b8;--re-color-info-shade-6:#c2c2c2;--re-color-info-shade-5:#cdcdcd;--re-color-info-shade-4:#d7d7d7;--re-color-info-shade-3:#e1e1e1;--re-color-info-shade-2:#ebebeb;--re-color-info-shade-1:#f5f5f5}:root.dark{--re-color-text-darkest:#ffffff;--re-color-text-darker:#e0e0e2;--re-color-text-base:#d0d0d4;--re-color-text-dark:#b2b2b6;--re-color-text-light:#909093;--re-color-text-lighter:#606062;--re-color-text-lightest:#303131;--re-color-border-darker:#8e8e91;--re-color-border-dark:#6b6b6f;--re-color-border-base:#5b5b5f;--re-color-border-light:#4d4d51;--re-color-border-lighter:#3b3b3d;--re-color-border-lightest:#2c2c2e;--re-color-fill-darker:#6b6b6f;--re-color-fill-dark:#5b5b5f;--re-color-fill-base:#4d4d51;--re-color-fill-light:#3b3b3d;--re-color-fill-lighter:#323236;--re-color-fill-lightest:#2c2c2e;--re-color-fill-blank:#1b1b1f;--re-color-fill-transparent:transparent;--re-color-theme-bgcolor:#1b1b1f;--re-color-theme-reverse-bgcolor:#ffffff;--re-color-primary-base:#a895ff;--re-color-primary-active:#9786e4;--re-color-primary-hover:#a08ef2;--re-color-primary-shade-9:#9a89e9;--re-color-primary-shade-8:#8c7dd2;--re-color-primary-shade-7:#7e70bc;--re-color-primary-shade-6:#7064a5;--re-color-primary-shade-5:#62588f;--re-color-primary-shade-4:#534c79;--re-color-primary-shade-3:#454062;--re-color-primary-shade-2:#37334c;--re-color-primary-shade-1:#292735;--re-color-success-base:#06be08;--re-color-success-active:#09aa0b;--re-color-success-hover:#07b409;--re-color-success-shade-9:#08ae0a;--re-color-success-shade-8:#0a9d0d;--re-color-success-shade-7:#0c8d0f;--re-color-success-shade-6:#0e7d11;--re-color-success-shade-5:#116d14;--re-color-success-shade-4:#135c16;--re-color-success-shade-3:#154c18;--re-color-success-shade-2:#173c1a;--re-color-success-shade-1:#192b1d;--re-color-danger-base:#ef717f;--re-color-danger-active:#d66773;--re-color-danger-hover:#e26c79;--re-color-danger-shade-9:#da6875;--re-color-danger-shade-8:#c5606c;--re-color-danger-shade-7:#af5762;--re-color-danger-shade-6:#9a4f59;--re-color-danger-shade-5:#85464f;--re-color-danger-shade-4:#703d45;--re-color-danger-shade-3:#5b353c;--re-color-danger-shade-2:#452c32;--re-color-danger-shade-1:#302429;--re-color-error-base:#ef717f;--re-color-error-active:#d66773;--re-color-error-hover:#e26c79;--re-color-error-shade-9:#da6875;--re-color-error-shade-8:#c5606c;--re-color-error-shade-7:#af5762;--re-color-error-shade-6:#9a4f59;--re-color-error-shade-5:#85464f;--re-color-error-shade-4:#703d45;--re-color-error-shade-3:#5b353c;--re-color-error-shade-2:#452c32;--re-color-error-shade-1:#302429;--re-color-warning-base:#e6a205;--re-color-warning-active:#ce9208;--re-color-warning-hover:#da9a07;--re-color-warning-shade-9:#d29508;--re-color-warning-shade-8:#bd870a;--re-color-warning-shade-7:#a97a0d;--re-color-warning-shade-6:#956c0f;--re-color-warning-shade-5:#815f12;--re-color-warning-shade-4:#6c5115;--re-color-warning-shade-3:#584417;--re-color-warning-shade-2:#44361a;--re-color-warning-shade-1:#2f291c;--re-color-info-base:#9a9a9a;--re-color-info-active:#8b8b8b;--re-color-info-hover:#929293;--re-color-info-shade-9:#8d8d8e;--re-color-info-shade-8:#818181;--re-color-info-shade-7:#747475;--re-color-info-shade-6:#676769;--re-color-info-shade-5:#5b5b5d;--re-color-info-shade-4:#4e4e50;--re-color-info-shade-3:#414144;--re-color-info-shade-2:#343438;--re-color-info-shade-1:#28282b}:root{--re-root-font-size:16px;--re-base-font-size:14px;--re-base-border-radius:4px;font-size:var(--re-root-font-size);--base-font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Microsoft YaHei, 微软雅黑, Arial, Noto Sans SC, sans-serif;--code-font-family: JetBrains Mono, ui-monospace, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace}*,*::before,*::after{box-sizing:border-box;font-weight:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{margin:0;padding:0;font-size:var(--re-base-font-size);font-family:var(--base-font-family)}
|