rappel-ui 1.0.0 → 1.0.1
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/package.json +5 -2
- package/cjs/_virtual/_plugin-vue_export-helper.js +0 -1
- package/cjs/components/button/index.d.ts +0 -33
- package/cjs/components/button/index.js +0 -1
- package/cjs/components/button/src/button.d.ts +0 -3
- package/cjs/components/button/src/button.vue.js +0 -1
- package/cjs/components/button/src/button.vue2.js +0 -1
- package/cjs/components/button/src/constants.d.ts +0 -4
- package/cjs/components/button/src/constants.js +0 -1
- package/cjs/components/button/src/types.d.ts +0 -16
- package/cjs/components/button/style/css.d.ts +0 -0
- package/cjs/components/button/style/index.d.ts +0 -0
- package/cjs/components/colors/index.d.ts +0 -7
- package/cjs/components/colors/index.js +0 -1
- package/cjs/components/colors/src/colors.vue.js +0 -1
- package/cjs/components/colors/src/colors.vue2.js +0 -1
- package/cjs/components/colors/src/neutral-color.css +0 -1
- package/cjs/components/colors/src/neutral-color.vue.js +0 -1
- package/cjs/components/colors/src/neutral-color.vue2.js +0 -1
- package/cjs/components/colors/src/primary-color.css +0 -1
- package/cjs/components/colors/src/primary-color.vue.js +0 -1
- package/cjs/components/colors/src/primary-color.vue2.js +0 -1
- package/cjs/components/colors/src/secondary-color.css +0 -1
- package/cjs/components/colors/src/secondary-color.vue.js +0 -1
- package/cjs/components/colors/src/secondary-color.vue2.js +0 -1
- package/cjs/components/index.d.ts +0 -4
- package/cjs/components/index.js +0 -1
- package/cjs/components/input/index.d.ts +0 -25
- package/cjs/components/input/index.js +0 -1
- package/cjs/components/input/src/input.vue.js +0 -1
- package/cjs/components/input/src/input.vue2.js +0 -1
- package/cjs/components/tabs/index.d.ts +0 -20
- package/cjs/components/tabs/index.js +0 -1
- package/cjs/components/tabs/src/tabs.vue.js +0 -1
- package/cjs/composables/index.d.ts +0 -6
- package/cjs/composables/use-namespace/index.d.ts +0 -12
- package/cjs/composables/use-namespace/index.js +0 -1
- package/cjs/composables/useDateFormat.d.ts +0 -7
- package/cjs/composables/useDateFormat.js +0 -1
- package/cjs/composables/useDraggable.d.ts +0 -10
- package/cjs/composables/useDraggable.js +0 -1
- package/cjs/composables/useOnceFn.d.ts +0 -24
- package/cjs/composables/useOnceFn.js +0 -1
- package/cjs/composables/useTimeNodes.d.ts +0 -3
- package/cjs/composables/useTimeNodes.js +0 -1
- package/cjs/composables/useWaterFallLayout.d.ts +0 -10
- package/cjs/composables/useWaterFallLayout.js +0 -1
- package/cjs/constants/index.d.ts +0 -1
- package/cjs/constants/svgLoading.d.ts +0 -2
- package/cjs/constants/svgLoading.js +0 -36
- package/cjs/directives/index.d.ts +0 -3
- package/cjs/directives/vDraggable.d.ts +0 -2
- package/cjs/directives/vDraggable.js +0 -1
- package/cjs/directives/vResizable.d.ts +0 -14
- package/cjs/directives/vResizable.js +0 -21
- package/cjs/directives/vSvgLoading.d.ts +0 -4
- package/cjs/directives/vSvgLoading.js +0 -1
- package/cjs/index.d.ts +0 -86
- package/cjs/index.js +0 -1
- package/cjs/package.json.js +0 -1
- package/cjs/purple-ui/index.d.ts +0 -1
- package/cjs/purple-ui/resolver.d.ts +0 -2
- package/cjs/purple-ui/resolver.js +0 -1
- package/cjs/theme-chalk/src/base.css +0 -1
- package/cjs/theme-chalk/src/button.css +0 -1
- package/cjs/utils/index.d.ts +0 -2
- package/cjs/utils/util.d.ts +0 -143
- package/cjs/utils/util.js +0 -3
- package/cjs/utils/vue/index.d.ts +0 -17
- package/cjs/utils/vue/index.js +0 -1
- package/es/_virtual/_plugin-vue_export-helper.mjs +0 -9
- package/es/components/button/index.d.ts +0 -33
- package/es/components/button/index.mjs +0 -6
- package/es/components/button/src/button.d.ts +0 -3
- package/es/components/button/src/button.vue.mjs +0 -74
- package/es/components/button/src/button.vue2.mjs +0 -4
- package/es/components/button/src/constants.d.ts +0 -4
- package/es/components/button/src/constants.mjs +0 -5
- package/es/components/button/src/types.d.ts +0 -16
- package/es/components/button/style/css.d.ts +0 -0
- package/es/components/button/style/index.d.ts +0 -0
- package/es/components/colors/index.d.ts +0 -7
- package/es/components/colors/index.mjs +0 -16
- package/es/components/colors/src/colors.vue.mjs +0 -21
- package/es/components/colors/src/colors.vue2.mjs +0 -4
- package/es/components/colors/src/neutral-color.css +0 -1
- package/es/components/colors/src/neutral-color.vue.mjs +0 -7
- package/es/components/colors/src/neutral-color.vue2.mjs +0 -195
- package/es/components/colors/src/primary-color.css +0 -1
- package/es/components/colors/src/primary-color.vue.mjs +0 -7
- package/es/components/colors/src/primary-color.vue2.mjs +0 -33
- package/es/components/colors/src/secondary-color.css +0 -1
- package/es/components/colors/src/secondary-color.vue.mjs +0 -7
- package/es/components/colors/src/secondary-color.vue2.mjs +0 -54
- package/es/components/index.d.ts +0 -4
- package/es/components/index.mjs +0 -20
- package/es/components/input/index.d.ts +0 -25
- package/es/components/input/index.mjs +0 -6
- package/es/components/input/src/input.vue.mjs +0 -15
- package/es/components/input/src/input.vue2.mjs +0 -4
- package/es/components/tabs/index.d.ts +0 -20
- package/es/components/tabs/index.mjs +0 -6
- package/es/components/tabs/src/tabs.vue.mjs +0 -17
- package/es/composables/index.d.ts +0 -6
- package/es/composables/use-namespace/index.d.ts +0 -12
- package/es/composables/use-namespace/index.mjs +0 -21
- package/es/composables/useDateFormat.d.ts +0 -7
- package/es/composables/useDateFormat.mjs +0 -20
- package/es/composables/useDraggable.d.ts +0 -10
- package/es/composables/useDraggable.mjs +0 -55
- package/es/composables/useOnceFn.d.ts +0 -24
- package/es/composables/useOnceFn.mjs +0 -32
- package/es/composables/useTimeNodes.d.ts +0 -3
- package/es/composables/useTimeNodes.mjs +0 -24
- package/es/composables/useWaterFallLayout.d.ts +0 -10
- package/es/composables/useWaterFallLayout.mjs +0 -51
- package/es/constants/index.d.ts +0 -1
- package/es/constants/svgLoading.d.ts +0 -2
- package/es/constants/svgLoading.mjs +0 -39
- package/es/directives/index.d.ts +0 -3
- package/es/directives/vDraggable.d.ts +0 -2
- package/es/directives/vDraggable.mjs +0 -13
- package/es/directives/vResizable.d.ts +0 -14
- package/es/directives/vResizable.mjs +0 -136
- package/es/directives/vSvgLoading.d.ts +0 -4
- package/es/directives/vSvgLoading.mjs +0 -48
- package/es/index.d.ts +0 -86
- package/es/index.mjs +0 -76
- package/es/package.json.mjs +0 -4
- package/es/purple-ui/index.d.ts +0 -1
- package/es/purple-ui/resolver.d.ts +0 -2
- package/es/purple-ui/resolver.mjs +0 -18
- package/es/theme-chalk/src/base.css +0 -1
- package/es/theme-chalk/src/button.css +0 -1
- package/es/utils/index.d.ts +0 -2
- package/es/utils/util.d.ts +0 -143
- package/es/utils/util.mjs +0 -151
- package/es/utils/vue/index.d.ts +0 -17
- package/es/utils/vue/index.mjs +0 -36
- package/global.d.ts +0 -7
- package/theme-chalk/base.css +0 -148
- package/theme-chalk/css-vars/_button.css +0 -35
- package/theme-chalk/css-vars/_colors.css +0 -51
- package/theme-chalk/function/_button.css +0 -35
- package/theme-chalk/function/index.css +0 -35
- package/theme-chalk/index.css +0 -560
- package/theme-chalk/mixins/_button.css +0 -35
- package/theme-chalk/mixins/index.css +0 -35
- package/theme-chalk/pu-button.css +0 -446
- package/theme-chalk/root-vars.css +0 -132
- package/theme-chalk/src/base.scss +0 -30
- package/theme-chalk/src/button.scss +0 -104
- package/theme-chalk/src/common/_function.scss +0 -46
- package/theme-chalk/src/css-vars/_button.scss +0 -47
- package/theme-chalk/src/css-vars/_colors.scss +0 -82
- package/theme-chalk/src/css-vars/_namespace.scss +0 -12
- package/theme-chalk/src/function/_button.scss +0 -2
- package/theme-chalk/src/function/index.scss +0 -155
- package/theme-chalk/src/index.scss +0 -2
- package/theme-chalk/src/mixins/_button.scss +0 -140
- package/theme-chalk/src/mixins/index.scss +0 -25
- package/theme-chalk/src/root-vars.scss +0 -13
- package/umd/index.js +0 -59
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Ref } from 'vue';
|
|
2
|
-
export declare function useWaterFallLayout(containerRef: Ref<HTMLElement | null>, itemSelector: string): {
|
|
3
|
-
init: (isRearrange?: boolean) => void;
|
|
4
|
-
column: Ref<number, number>;
|
|
5
|
-
rowSpacing: Ref<number, number>;
|
|
6
|
-
columnSpacing: Ref<number, number>;
|
|
7
|
-
oddColumnBgColor: Ref<string, string>;
|
|
8
|
-
evenColumnBgColor: Ref<string, string>;
|
|
9
|
-
getItems: (selector?: string) => any;
|
|
10
|
-
};
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { ref as o, watch as b, nextTick as F } from "vue";
|
|
2
|
-
function A(a, C) {
|
|
3
|
-
const n = o(3), d = o(2), u = o(2), i = o("#F5F8F8"), r = o("#FFFFFF"), x = o("top 300ms ease-in-out, left 300ms ease-in-out"), p = o(0), c = o(0), v = o(0), m = (t) => document.querySelectorAll(t || C), I = () => {
|
|
4
|
-
a.value.style.position = "relative";
|
|
5
|
-
}, W = () => {
|
|
6
|
-
I(), p.value = a.value.clientWidth;
|
|
7
|
-
}, w = () => {
|
|
8
|
-
v.value = (p.value - u.value * (n.value - 1)) / n.value;
|
|
9
|
-
}, T = (t) => {
|
|
10
|
-
const e = t % n.value;
|
|
11
|
-
return e === 0 ? 0 : e * (v.value + u.value);
|
|
12
|
-
}, f = (t) => {
|
|
13
|
-
const { style: e, offsetHeight: s } = t;
|
|
14
|
-
return parseFloat(e.top) + s + d.value;
|
|
15
|
-
}, B = (t, e) => t >= n.value ? f(e[t - n.value]) : 0, H = (t) => {
|
|
16
|
-
const e = f(t);
|
|
17
|
-
e > c.value && (c.value = e, a.value.style.height = e + "px");
|
|
18
|
-
}, h = o("is-dealed"), L = (t = !1) => {
|
|
19
|
-
const e = m(), s = m("." + h.value);
|
|
20
|
-
let g = 0;
|
|
21
|
-
s.length > 0 && (g = s.length), t && (g = 0, c.value = 0);
|
|
22
|
-
for (let l = g; l < e.length; l++)
|
|
23
|
-
e[l].style.position = "absolute", e[l].style.transition = x.value, e[l].style.width = v.value + "px", e[l].style.backgroundColor = S(l), e[l].style.left = T(l) + "px", e[l].style.top = B(l, e) + "px", e[l].classList.add(h.value), H(e[l]);
|
|
24
|
-
}, S = (t) => {
|
|
25
|
-
const e = t + 1;
|
|
26
|
-
return n.value % 2 === 0 ? e % 2 === 0 ? r.value : i.value : e % n.value !== 0 && e % n.value % 2 === 0 ? r.value : i.value;
|
|
27
|
-
}, y = (t = !1) => {
|
|
28
|
-
W(), w(), F(() => {
|
|
29
|
-
L(t);
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
return b(
|
|
33
|
-
() => n.value,
|
|
34
|
-
() => {
|
|
35
|
-
F(() => {
|
|
36
|
-
y(!0);
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
), {
|
|
40
|
-
init: y,
|
|
41
|
-
column: n,
|
|
42
|
-
rowSpacing: d,
|
|
43
|
-
columnSpacing: u,
|
|
44
|
-
oddColumnBgColor: i,
|
|
45
|
-
evenColumnBgColor: r,
|
|
46
|
-
getItems: m
|
|
47
|
-
};
|
|
48
|
-
}
|
|
49
|
-
export {
|
|
50
|
-
A as useWaterFallLayout
|
|
51
|
-
};
|
package/es/constants/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './svgLoading';
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const svgLoadingContent = "<svg viewBox=\"0 0 800 800\" xmlns=\"http://www.w3.org/2000/svg\">\n<style>\n @keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin2 {\n 0% {\n stroke-dasharray: 1, 800;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 200, 200;\n stroke-dashoffset: 100px;\n }\n 100% {\n stroke-dasharray: 800, 1;\n stroke-dashoffset: -800px;\n }\n}\n\n.spin2 {\n transform-origin: center;\n animation: spin2 1.5s ease-in-out infinite,\n spin 2s linear infinite;\n animation-direction: alternate;\n}\n</style>\n <circle class=\"spin2\" cx=\"400\" cy=\"400\" fill=\"none\"\n r=\"200\" stroke-width=\"40\" stroke=\"#E387FF\"\n stroke-dasharray=\"800 1400\"\n stroke-linecap=\"round\"\n />\n</svg>";
|
|
2
|
-
export { svgLoadingContent };
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
const s = `<svg viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<style>
|
|
3
|
-
@keyframes spin {
|
|
4
|
-
to {
|
|
5
|
-
transform: rotate(360deg);
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
@keyframes spin2 {
|
|
10
|
-
0% {
|
|
11
|
-
stroke-dasharray: 1, 800;
|
|
12
|
-
stroke-dashoffset: 0;
|
|
13
|
-
}
|
|
14
|
-
50% {
|
|
15
|
-
stroke-dasharray: 200, 200;
|
|
16
|
-
stroke-dashoffset: 100px;
|
|
17
|
-
}
|
|
18
|
-
100% {
|
|
19
|
-
stroke-dasharray: 800, 1;
|
|
20
|
-
stroke-dashoffset: -800px;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.spin2 {
|
|
25
|
-
transform-origin: center;
|
|
26
|
-
animation: spin2 1.5s ease-in-out infinite,
|
|
27
|
-
spin 2s linear infinite;
|
|
28
|
-
animation-direction: alternate;
|
|
29
|
-
}
|
|
30
|
-
</style>
|
|
31
|
-
<circle class="spin2" cx="400" cy="400" fill="none"
|
|
32
|
-
r="200" stroke-width="40" stroke="#E387FF"
|
|
33
|
-
stroke-dasharray="800 1400"
|
|
34
|
-
stroke-linecap="round"
|
|
35
|
-
/>
|
|
36
|
-
</svg>`;
|
|
37
|
-
export {
|
|
38
|
-
s as svgLoadingContent
|
|
39
|
-
};
|
package/es/directives/index.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { DirectiveBinding } from 'vue';
|
|
2
|
-
interface ResizeOptions {
|
|
3
|
-
minWidth?: number;
|
|
4
|
-
minHeight?: number;
|
|
5
|
-
maxWidth?: number;
|
|
6
|
-
maxHeight?: number;
|
|
7
|
-
}
|
|
8
|
-
/** main directive */
|
|
9
|
-
declare const vResizable: {
|
|
10
|
-
mounted(el: HTMLElement, binding: DirectiveBinding): void;
|
|
11
|
-
beforeUnmount(el: HTMLElement): void;
|
|
12
|
-
};
|
|
13
|
-
declare function applyResizable(el: HTMLElement, options?: ResizeOptions): () => void;
|
|
14
|
-
export { vResizable, applyResizable };
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
const h = "v-resizable-handle", $ = "v-resizable-handle-style";
|
|
2
|
-
function C() {
|
|
3
|
-
if (document.getElementById($)) return;
|
|
4
|
-
const t = document.createElement("style");
|
|
5
|
-
t.id = $, t.textContent = `
|
|
6
|
-
.${h} {
|
|
7
|
-
position: absolute;
|
|
8
|
-
background: transparent;
|
|
9
|
-
z-index: 9999;
|
|
10
|
-
user-select: none;
|
|
11
|
-
touch-action: none;
|
|
12
|
-
opacity: 0;
|
|
13
|
-
}
|
|
14
|
-
.${h}::after {
|
|
15
|
-
content: '';
|
|
16
|
-
display:block;
|
|
17
|
-
width:100%;
|
|
18
|
-
height:100%;
|
|
19
|
-
border-radius:2px;
|
|
20
|
-
background: rgba(0,0,0,0.12);
|
|
21
|
-
}
|
|
22
|
-
.${h}.hr { cursor: ew-resize; }
|
|
23
|
-
.${h}.vr { cursor: ns-resize; }
|
|
24
|
-
.${h}.corner { cursor: nwse-resize; }
|
|
25
|
-
`, document.head.appendChild(t);
|
|
26
|
-
}
|
|
27
|
-
function u(t, i, r) {
|
|
28
|
-
let n = 0, c = 0;
|
|
29
|
-
switch (t) {
|
|
30
|
-
case "hr":
|
|
31
|
-
n = 4, c = r.height - 8;
|
|
32
|
-
break;
|
|
33
|
-
case "vr":
|
|
34
|
-
n = r.width - 8, c = 4;
|
|
35
|
-
break;
|
|
36
|
-
case "corner":
|
|
37
|
-
n = 8, c = 8;
|
|
38
|
-
break;
|
|
39
|
-
}
|
|
40
|
-
return i.style.width = `${n}px`, i.style.height = `${c}px`, i;
|
|
41
|
-
}
|
|
42
|
-
function f(t, i) {
|
|
43
|
-
const r = document.createElement("div"), n = i.getBoundingClientRect();
|
|
44
|
-
return r.className = `${h} ${t}`, u(t, r, n);
|
|
45
|
-
}
|
|
46
|
-
function S(t, i, r) {
|
|
47
|
-
switch (i) {
|
|
48
|
-
case "left":
|
|
49
|
-
t.style.left = "-2px", t.style.top = "4px", u("hr", t, r);
|
|
50
|
-
break;
|
|
51
|
-
case "right":
|
|
52
|
-
t.style.left = `${r.width - 2}px`, t.style.top = "4px", u("hr", t, r);
|
|
53
|
-
break;
|
|
54
|
-
case "top":
|
|
55
|
-
t.style.left = "4px", t.style.top = "-2px", u("vr", t, r);
|
|
56
|
-
break;
|
|
57
|
-
case "bottom":
|
|
58
|
-
t.style.left = "4px", t.style.top = `${r.height - 2}px`, u("vr", t, r);
|
|
59
|
-
break;
|
|
60
|
-
case "bottom-right":
|
|
61
|
-
t.style.left = `${r.width - 2}px`, t.style.top = `${r.height - 2}px`;
|
|
62
|
-
break;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
function W(t, i) {
|
|
66
|
-
C(), getComputedStyle(t).position === "static" && (t.style.position = "relative"), t.style.boxSizing = t.style.boxSizing || "border-box";
|
|
67
|
-
const n = {
|
|
68
|
-
startX: 0,
|
|
69
|
-
startY: 0,
|
|
70
|
-
startW: 0,
|
|
71
|
-
startH: 0,
|
|
72
|
-
startL: 0,
|
|
73
|
-
startT: 0,
|
|
74
|
-
minW: i?.minWidth ?? 40,
|
|
75
|
-
minH: i?.minHeight ?? 24,
|
|
76
|
-
maxW: i?.maxWidth,
|
|
77
|
-
maxH: i?.maxHeight,
|
|
78
|
-
handlers: []
|
|
79
|
-
}, c = f("hr", t), x = f("hr", t), v = f("vr", t), E = f("vr", t), b = f("corner", t);
|
|
80
|
-
c.dataset.side = "left", x.dataset.side = "right", v.dataset.side = "top", E.dataset.side = "bottom", b.dataset.side = "bottom-right", t.appendChild(c), t.appendChild(x), t.appendChild(v), t.appendChild(E), t.appendChild(b), n.handlers.push(c, x, v, E, b);
|
|
81
|
-
const w = (o) => {
|
|
82
|
-
const a = o.target;
|
|
83
|
-
if (!a || !a.dataset?.side) return;
|
|
84
|
-
const e = a.dataset.side;
|
|
85
|
-
o.target.setPointerCapture?.(o.pointerId), n.side = e, n.pointerId = o.pointerId;
|
|
86
|
-
const p = t.getBoundingClientRect();
|
|
87
|
-
n.startX = o.clientX, n.startY = o.clientY, n.startW = p.width, n.startH = p.height;
|
|
88
|
-
const l = getComputedStyle(t), s = parseFloat(l.left || "0"), d = parseFloat(l.top || "0");
|
|
89
|
-
n.startL = s, n.startT = d, n.onMove = (m) => M(m, t, n), n.onUp = (m) => D(m, t, n), window.addEventListener("pointermove", n.onMove), window.addEventListener("pointerup", n.onUp), window.addEventListener("pointercancel", n.onUp), o.preventDefault();
|
|
90
|
-
}, M = (o, a, e) => {
|
|
91
|
-
if (e.side === void 0) return;
|
|
92
|
-
const p = o.clientX - e.startX, l = o.clientY - e.startY;
|
|
93
|
-
let s = e.startW, d = e.startH, m = e.startL, g = e.startT;
|
|
94
|
-
e.side === "right" ? (s = Math.max(e.minW, e.startW + p), e.maxW && (s = Math.min(s, e.maxW))) : e.side === "left" ? (s = Math.max(e.minW, e.startW - p), e.maxW && (s = Math.min(s, e.maxW)), m = e.startL + (e.startW - s)) : e.side === "bottom" ? (d = Math.max(e.minH, e.startH + l), e.maxH && (d = Math.min(d, e.maxH))) : e.side === "top" ? (d = Math.max(e.minH, e.startH - l), e.maxH && (d = Math.min(d, e.maxH)), g = e.startT + (e.startH - d)) : e.side === "bottom-right" && (s = Math.max(e.minW, e.startW + p), d = Math.max(e.minH, e.startH + l), e.maxW && (s = Math.min(s, e.maxW)), e.maxH && (d = Math.min(d, e.maxH))), a.style.width = `${s}px`, a.style.height = `${d}px`;
|
|
95
|
-
const H = getComputedStyle(a).position;
|
|
96
|
-
(H === "absolute" || H === "relative" || H === "fixed") && (a.style.left = `${m}px`, a.style.top = `${g}px`);
|
|
97
|
-
const I = a.getBoundingClientRect();
|
|
98
|
-
e.handlers.forEach((_) => {
|
|
99
|
-
const z = _.dataset.side;
|
|
100
|
-
S(_, z, I);
|
|
101
|
-
}), o.preventDefault();
|
|
102
|
-
}, D = (o, a, e) => {
|
|
103
|
-
e.onMove && (window.removeEventListener("pointermove", e.onMove), window.removeEventListener("pointerup", e.onUp), window.removeEventListener("pointercancel", e.onUp)), e.side = void 0, e.pointerId = void 0;
|
|
104
|
-
}, y = () => {
|
|
105
|
-
const o = t.getBoundingClientRect();
|
|
106
|
-
n.handlers.forEach((a) => {
|
|
107
|
-
const e = a.dataset.side;
|
|
108
|
-
a.style.position = "absolute", a.style.boxSizing = "content-box", S(a, e, o);
|
|
109
|
-
});
|
|
110
|
-
};
|
|
111
|
-
n.handlers.forEach((o) => o.addEventListener("pointerdown", w));
|
|
112
|
-
const L = new ResizeObserver(y);
|
|
113
|
-
return L.observe(t), n.ro = L, y(), { destroy: () => {
|
|
114
|
-
n.handlers.forEach((o) => {
|
|
115
|
-
o.removeEventListener("pointerdown", w), o.parentElement === t && t.removeChild(o);
|
|
116
|
-
}), n.onMove && (window.removeEventListener("pointermove", n.onMove), window.removeEventListener("pointerup", n.onUp), window.removeEventListener("pointercancel", n.onUp)), n.ro && n.ro.disconnect();
|
|
117
|
-
} };
|
|
118
|
-
}
|
|
119
|
-
const N = {
|
|
120
|
-
mounted(t, i) {
|
|
121
|
-
const r = i.value, { destroy: n } = W(t, r);
|
|
122
|
-
t.__v_resizable_cleanup = n;
|
|
123
|
-
},
|
|
124
|
-
beforeUnmount(t) {
|
|
125
|
-
const i = t.__v_resizable_cleanup;
|
|
126
|
-
i && (i(), delete t.__v_resizable_cleanup);
|
|
127
|
-
}
|
|
128
|
-
};
|
|
129
|
-
function Z(t, i) {
|
|
130
|
-
const { destroy: r } = W(t, i);
|
|
131
|
-
return r;
|
|
132
|
-
}
|
|
133
|
-
export {
|
|
134
|
-
Z as applyResizable,
|
|
135
|
-
N as vResizable
|
|
136
|
-
};
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { svgLoadingContent as C } from "../constants/svgLoading.mjs";
|
|
2
|
-
import { ref as x } from "vue";
|
|
3
|
-
const v = x(1e3), h = x(2e3), $ = {
|
|
4
|
-
mounted(l, r, t) {
|
|
5
|
-
const o = (s, a, m) => {
|
|
6
|
-
const c = {
|
|
7
|
-
svgClass: "",
|
|
8
|
-
svgContent: C,
|
|
9
|
-
svgViewBox: "",
|
|
10
|
-
//min-x min-y width height
|
|
11
|
-
markBgColor: "rgba(255,255,255,0.8)",
|
|
12
|
-
markClass: "",
|
|
13
|
-
spinnerClass: "",
|
|
14
|
-
spinnerH: 300,
|
|
15
|
-
spinnerContent: "",
|
|
16
|
-
zIndex: h.value++
|
|
17
|
-
}, e = Object.assign({}, c, a?.arg || {}), p = `background-color:${e.markBgColor};top:0;right:0;bottom:0;left:0;margin:0;position:absolute;transition:opacity 0.3s;overflow: hidden;`, u = `position:absolute;text-align:center;left:50%;top:50%;width:100%;height:${e.spinnerH}px;`, i = document.createElement("div"), n = document.createElement("div");
|
|
18
|
-
v.value++, i.className = `svg-loading ${e.markClass} uid-${v.value}`, n.className = `svg-loading-spinner ${e.spinnerClass}`, n.innerHTML = `${e.svgContent}`;
|
|
19
|
-
const g = n.getElementsByTagName("svg")[0];
|
|
20
|
-
if (e.spinnerH && (g.setAttribute("width", `${e.spinnerH}px`), g.setAttribute("height", `${e.spinnerH}px`)), e.svgClass && g.setAttribute("class", e.svgClass), e.svgViewBox && g.setAttribute("viewBox", e.svgViewBox), m.ctx.markSelector = ".svg-loading", e.spinnerContent) {
|
|
21
|
-
const d = document.createElement("div");
|
|
22
|
-
d.setAttribute("style", "text-align:center;"), d.innerHTML = e.spinnerContent, n.appendChild(d);
|
|
23
|
-
}
|
|
24
|
-
n.setAttribute("style", u), n.style.setProperty("margin-top", `${-(e.spinnerH / 2)}px`), n.style.setProperty("margin-left", `${-(e.spinnerH / 2)}px`), i.setAttribute("style", p), i.style.setProperty("z-index", e.zIndex), i.appendChild(n), s.style.setProperty("position", "relative"), s.appendChild(i);
|
|
25
|
-
}, y = (s) => 1 - (1 - s) ** 3, f = (s, a = 150) => {
|
|
26
|
-
const m = performance.now(), c = (e) => {
|
|
27
|
-
const p = e - m;
|
|
28
|
-
if (p >= a) {
|
|
29
|
-
s.style.setProperty("opacity", "0"), s?.remove();
|
|
30
|
-
return;
|
|
31
|
-
}
|
|
32
|
-
const u = a ? y(p / a) : 1;
|
|
33
|
-
s.style.setProperty("opacity", String(1 - u)), requestAnimationFrame(c);
|
|
34
|
-
};
|
|
35
|
-
requestAnimationFrame(c);
|
|
36
|
-
};
|
|
37
|
-
t.ctx.fadeOut = f, t.ctx.createLoading = o, r.value && o(l, r, t);
|
|
38
|
-
},
|
|
39
|
-
updated(l, r, t) {
|
|
40
|
-
if (r.value !== r.oldValue) {
|
|
41
|
-
const o = l.querySelector(t.ctx.markSelector);
|
|
42
|
-
r.value ? !o && t.ctx.createLoading(l, r, t) : o && t.ctx.fadeOut(o);
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
export {
|
|
47
|
-
$ as vSvgLoading
|
|
48
|
-
};
|
package/es/index.d.ts
DELETED
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
export * from './components';
|
|
2
|
-
export * from './constants';
|
|
3
|
-
export * from './directives';
|
|
4
|
-
export * from './composables';
|
|
5
|
-
export * from './utils';
|
|
6
|
-
export * from './purple-ui/index';
|
|
7
|
-
import * as components from './components';
|
|
8
|
-
export declare const install: (app: import('vue').App) => void;
|
|
9
|
-
export declare const version: string;
|
|
10
|
-
declare const _default: {
|
|
11
|
-
PuButton: {
|
|
12
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<components.ButtonProps> & Readonly<{
|
|
13
|
-
onClick?: ((evt: MouseEvent) => any) | undefined;
|
|
14
|
-
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
15
|
-
click: (evt: MouseEvent) => any;
|
|
16
|
-
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
|
|
17
|
-
P: {};
|
|
18
|
-
B: {};
|
|
19
|
-
D: {};
|
|
20
|
-
C: {};
|
|
21
|
-
M: {};
|
|
22
|
-
Defaults: {};
|
|
23
|
-
}, Readonly<components.ButtonProps> & Readonly<{
|
|
24
|
-
onClick?: ((evt: MouseEvent) => any) | undefined;
|
|
25
|
-
}>, {}, {}, {}, {}, {}>;
|
|
26
|
-
__isFragment?: never;
|
|
27
|
-
__isTeleport?: never;
|
|
28
|
-
__isSuspense?: never;
|
|
29
|
-
} & import('vue').ComponentOptionsBase<Readonly<components.ButtonProps> & Readonly<{
|
|
30
|
-
onClick?: ((evt: MouseEvent) => any) | undefined;
|
|
31
|
-
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
32
|
-
click: (evt: MouseEvent) => any;
|
|
33
|
-
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
34
|
-
$slots: {
|
|
35
|
-
loading?(_: {}): any;
|
|
36
|
-
icon?(_: {}): any;
|
|
37
|
-
default?(_: {}): any;
|
|
38
|
-
};
|
|
39
|
-
});
|
|
40
|
-
PuInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
41
|
-
type: {
|
|
42
|
-
type: StringConstructor;
|
|
43
|
-
default: string;
|
|
44
|
-
};
|
|
45
|
-
size: {
|
|
46
|
-
type: StringConstructor;
|
|
47
|
-
default: string;
|
|
48
|
-
};
|
|
49
|
-
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
50
|
-
type: {
|
|
51
|
-
type: StringConstructor;
|
|
52
|
-
default: string;
|
|
53
|
-
};
|
|
54
|
-
size: {
|
|
55
|
-
type: StringConstructor;
|
|
56
|
-
default: string;
|
|
57
|
-
};
|
|
58
|
-
}>> & Readonly<{}>, {
|
|
59
|
-
size: string;
|
|
60
|
-
type: string;
|
|
61
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLInputElement>;
|
|
62
|
-
PuTabs: {
|
|
63
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
64
|
-
P: {};
|
|
65
|
-
B: {};
|
|
66
|
-
D: {};
|
|
67
|
-
C: {};
|
|
68
|
-
M: {};
|
|
69
|
-
Defaults: {};
|
|
70
|
-
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
71
|
-
__isFragment?: never;
|
|
72
|
-
__isTeleport?: never;
|
|
73
|
-
__isSuspense?: never;
|
|
74
|
-
} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
75
|
-
$slots: {
|
|
76
|
-
'prev-button'?(_: {}): any;
|
|
77
|
-
};
|
|
78
|
-
});
|
|
79
|
-
PuColors: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
80
|
-
PuPrimaryColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
81
|
-
PuSecondaryColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
82
|
-
PuNeutralColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
83
|
-
install: (app: import('vue').App) => void;
|
|
84
|
-
version: string;
|
|
85
|
-
};
|
|
86
|
-
export default _default;
|
package/es/index.mjs
DELETED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import * as e from "./components/index.mjs";
|
|
2
|
-
import { svgLoadingContent as p } from "./constants/svgLoading.mjs";
|
|
3
|
-
import { vDraggable as u } from "./directives/vDraggable.mjs";
|
|
4
|
-
import { applyResizable as x, vResizable as d } from "./directives/vResizable.mjs";
|
|
5
|
-
import { vSvgLoading as C } from "./directives/vSvgLoading.mjs";
|
|
6
|
-
import { useDraggable as g } from "./composables/useDraggable.mjs";
|
|
7
|
-
import { useDateFormat as y } from "./composables/useDateFormat.mjs";
|
|
8
|
-
import { useOnceFn as L } from "./composables/useOnceFn.mjs";
|
|
9
|
-
import { useTimeNodes as F } from "./composables/useTimeNodes.mjs";
|
|
10
|
-
import { useWaterFallLayout as O } from "./composables/useWaterFallLayout.mjs";
|
|
11
|
-
import { useNamespace as E } from "./composables/use-namespace/index.mjs";
|
|
12
|
-
import { createGlobalInstaller as r } from "./utils/vue/index.mjs";
|
|
13
|
-
import { INSTALLED_KEY as S, toLowerCase as h, withInstall as w, withMultiInstall as N } from "./utils/vue/index.mjs";
|
|
14
|
-
import { autoCalcFileSize as z, buildTree as B, createColors as K, createOverload as U, darkenColor as k, deepClone as A, deleteKeys as q, flatArr as G, getEqualOpacityColor as M, hasOwnProperty as W, isPlainObject as Y, joinURLs as _, lineBreakToComma as $, omitEmptyKeys as H, paramsToFormData as J, readTxtByEncodes as Q, readTxtFile as V, setURLSearchParams as X, singleton as Z } from "./utils/util.mjs";
|
|
15
|
-
import { default as oe } from "./components/button/src/button.vue.mjs";
|
|
16
|
-
import { default as te } from "./components/input/src/input.vue.mjs";
|
|
17
|
-
import { default as le } from "./components/colors/src/colors.vue.mjs";
|
|
18
|
-
import { default as me } from "./components/tabs/src/tabs.vue.mjs";
|
|
19
|
-
import { default as pe } from "./components/colors/src/primary-color.vue.mjs";
|
|
20
|
-
import { default as ue } from "./components/colors/src/secondary-color.vue.mjs";
|
|
21
|
-
import { default as xe } from "./components/colors/src/neutral-color.vue.mjs";
|
|
22
|
-
import { PurpleUIResolver as ce } from "./purple-ui/resolver.mjs";
|
|
23
|
-
console.log(e);
|
|
24
|
-
const o = r(Object.values(e)), t = o.install, a = o.version, s = {
|
|
25
|
-
install: t,
|
|
26
|
-
version: a,
|
|
27
|
-
...e
|
|
28
|
-
};
|
|
29
|
-
export {
|
|
30
|
-
S as INSTALLED_KEY,
|
|
31
|
-
oe as PuButton,
|
|
32
|
-
le as PuColors,
|
|
33
|
-
te as PuInput,
|
|
34
|
-
xe as PuNeutralColor,
|
|
35
|
-
pe as PuPrimaryColor,
|
|
36
|
-
ue as PuSecondaryColor,
|
|
37
|
-
me as PuTabs,
|
|
38
|
-
ce as PurpleUIResolver,
|
|
39
|
-
x as applyResizable,
|
|
40
|
-
z as autoCalcFileSize,
|
|
41
|
-
B as buildTree,
|
|
42
|
-
K as createColors,
|
|
43
|
-
r as createGlobalInstaller,
|
|
44
|
-
U as createOverload,
|
|
45
|
-
k as darkenColor,
|
|
46
|
-
A as deepClone,
|
|
47
|
-
s as default,
|
|
48
|
-
q as deleteKeys,
|
|
49
|
-
G as flatArr,
|
|
50
|
-
M as getEqualOpacityColor,
|
|
51
|
-
W as hasOwnProperty,
|
|
52
|
-
t as install,
|
|
53
|
-
Y as isPlainObject,
|
|
54
|
-
_ as joinURLs,
|
|
55
|
-
$ as lineBreakToComma,
|
|
56
|
-
H as omitEmptyKeys,
|
|
57
|
-
J as paramsToFormData,
|
|
58
|
-
Q as readTxtByEncodes,
|
|
59
|
-
V as readTxtFile,
|
|
60
|
-
X as setURLSearchParams,
|
|
61
|
-
Z as singleton,
|
|
62
|
-
p as svgLoadingContent,
|
|
63
|
-
h as toLowerCase,
|
|
64
|
-
y as useDateFormat,
|
|
65
|
-
g as useDraggable,
|
|
66
|
-
E as useNamespace,
|
|
67
|
-
L as useOnceFn,
|
|
68
|
-
F as useTimeNodes,
|
|
69
|
-
O as useWaterFallLayout,
|
|
70
|
-
u as vDraggable,
|
|
71
|
-
d as vResizable,
|
|
72
|
-
C as vSvgLoading,
|
|
73
|
-
a as version,
|
|
74
|
-
w as withInstall,
|
|
75
|
-
N as withMultiInstall
|
|
76
|
-
};
|
package/es/package.json.mjs
DELETED
package/es/purple-ui/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './resolver';
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { toLowerCase as r } from "../utils/vue/index.mjs";
|
|
2
|
-
function o() {
|
|
3
|
-
return {
|
|
4
|
-
type: "component",
|
|
5
|
-
resolve: (e) => {
|
|
6
|
-
if (e.match(/^Pu[A-Z]/))
|
|
7
|
-
return {
|
|
8
|
-
name: e,
|
|
9
|
-
from: "purple-ui",
|
|
10
|
-
//
|
|
11
|
-
sideEffects: [`purple-ui/dist/es/${r(e.replace("Pu", ""))}/style.css`]
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
export {
|
|
17
|
-
o as PurpleUIResolver
|
|
18
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";:root{--pu-color-primary: #937bff;--pu-color-text-darkest: #000000;--pu-color-text-base: #303131;--pu-color-text-secondary: #606062;--pu-color-text-neutral: #909093;--pu-color-text-placeholder: #b2b2b6;--pu-color-text-disabled: #cdcdd1;--pu-color-text-lightest: #ffffff;--pu-color-border-darker: #c3c3cb;--pu-color-border-dark: #d0d0d8;--pu-color-border-base: #dbdbe0;--pu-color-border-light: #e4e4e8;--pu-color-border-lighter: #ededef;--pu-color-border-extra-light: #efeff3;--pu-color-border-theme: #d4caff;--pu-color-fill-darker: #d7d7dc;--pu-color-fill-dark: #e8e8ec;--pu-color-fill-base: #ededf0;--pu-color-fill-light: #f1f1f4;--pu-color-fill-lighter: #f6f6f7;--pu-color-fill-extra-light: #f8f8f9;--pu-color-fill-theme: #f7f7fb;--pu-color-fill-blank: #ffffff;--pu-color-fill-transparent: transparent;--pu-color-primary-base: #937bff;--pu-color-primary-hover: #7d69d9;--pu-color-primary-shade-9: #9e88ff;--pu-color-primary-shade-8: #a995ff;--pu-color-primary-shade-7: #b3a3ff;--pu-color-primary-shade-6: #beb0ff;--pu-color-primary-shade-5: #c9bdff;--pu-color-primary-shade-4: #d4caff;--pu-color-primary-shade-3: #dfd7ff;--pu-color-primary-shade-2: #e9e5ff;--pu-color-primary-shade-1: #f4f2ff;--pu-color-success-base: #06b56d;--pu-color-success-hover: #059a5d;--pu-color-success-shade-9: #1fbc7c;--pu-color-success-shade-8: #38c48a;--pu-color-success-shade-7: #51cb99;--pu-color-success-shade-6: #6ad3a7;--pu-color-success-shade-5: #83dab6;--pu-color-success-shade-4: #9be1c5;--pu-color-success-shade-3: #b4e9d3;--pu-color-success-shade-2: #cdf0e2;--pu-color-success-shade-1: #e6f8f0;--pu-color-danger-base: #ee6979;--pu-color-danger-hover: #ca5967;--pu-color-danger-shade-9: #f07886;--pu-color-danger-shade-8: #f18794;--pu-color-danger-shade-7: #f396a1;--pu-color-danger-shade-6: #f5a5af;--pu-color-danger-shade-5: #f7b4bc;--pu-color-danger-shade-4: #f8c3c9;--pu-color-danger-shade-3: #fad2d7;--pu-color-danger-shade-2: #fce1e4;--pu-color-danger-shade-1: #fdf0f2;--pu-color-warning-base: #cd9a0a;--pu-color-warning-hover: #ae8309;--pu-color-warning-shade-9: #d2a422;--pu-color-warning-shade-8: #d7ae3b;--pu-color-warning-shade-7: #dcb853;--pu-color-warning-shade-6: #e1c26c;--pu-color-warning-shade-5: #e6cd85;--pu-color-warning-shade-4: #ebd79d;--pu-color-warning-shade-3: #f0e1b6;--pu-color-warning-shade-2: #f5ebce;--pu-color-warning-shade-1: #faf5e7;--pu-color-info-base: #8e8e91;--pu-color-info-hover: #79797b;--pu-color-info-shade-9: #99999c;--pu-color-info-shade-8: #a5a5a7;--pu-color-info-shade-7: #b0b0b2;--pu-color-info-shade-6: #bbbbbd;--pu-color-info-shade-5: #c7c7c8;--pu-color-info-shade-4: #d2d2d3;--pu-color-info-shade-3: #ddddde;--pu-color-info-shade-2: #e8e8e9;--pu-color-info-shade-1: #f4f4f4}*,*:before,*:after{box-sizing:border-box;font-weight:400;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body{margin:0;padding:0;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,微软雅黑,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";.pu-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:all .3s ease;-webkit-user-select:none;user-select:none;outline:none;vertical-align:middle;height:32px;line-height:1;-webkit-appearance:none;appearance:none;position:relative;padding:8px 16px;border-radius:4px;border-width:1px;border-style:solid;background-color:var(--pu-button-bgcolor);color:var(--pu-button-color);border-color:var(--pu-button-border-color)}.pu-button__content{display:inline-flex;align-items:center}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pu-button__loading{animation:rotating 2s linear infinite}.pu-button__loading+*{margin-left:4px}.pu-button__icon{margin-right:4px;width:1em;height:1em}.pu-button.is-link{padding:2px;height:auto;border-color:var(--pu-color-fill-transparent);background-color:var(--pu-color-fill-transparent);text-decoration:underline}.pu-button.is-plain:hover:not(.is-disabled){border-color:var(--pu-color-primary-base);background-color:var(--pu-color-fill-blank)}.pu-button.is-round{border-radius:20px}.pu-button.is-circle{width:32px;border-radius:50%;padding:8px}.pu-button:active:not(.is-disabled){transform:scale(.97);transition:transform 0s ease}.pu-button:focus-visible{outline:none}.pu-button+.pu-button{margin-left:10px}.pu-button{--pu-button-bgcolor: var(--pu-color-fill-blank);--pu-button-color: var(--pu-color-text-secondary);--pu-button-border-color: var(--pu-color-border-base)}.pu-button:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-primary-shade-1);--pu-button-color: var(--pu-color-primary-base);--pu-button-border-color: var(--pu-color-primary-shade-4)}.pu-button.is-disabled{cursor:not-allowed;background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-border-base);color:var(--pu-color-text-disabled)}.pu-button.is-link{--pu-button-color: var(--pu-color-text-secondary)}.pu-button.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-primary-base);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-text-disabled)}.pu-button.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--primary{--pu-button-bgcolor: var(--pu-color-primary-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-primary-base)}.pu-button--primary:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-primary-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-primary-hover)}.pu-button--primary.is-disabled{cursor:not-allowed;background-color:var(--pu-color-primary-shade-4);border-color:var(--pu-color-primary-shade-4);color:var(--pu-color-fill-blank)}.pu-button--primary.is-link{--pu-button-color: var(--pu-color-primary-base)}.pu-button--primary.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-primary-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--primary.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-primary-shade-4)}.pu-button--primary.is-plain{background-color:var(--pu-color-primary-shade-1);color:var(--pu-color-primary-base);border-color:var(--pu-color-primary-shade-6)}.pu-button--primary.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-primary-base);border-color:var(--pu-color-primary-base)}.pu-button--primary.is-plain.is-disabled{background-color:var(--pu-color-primary-shade-1);color:var(--pu-color-primary-shade-4);border-color:var(--pu-color-primary-shade-4)}.pu-button--primary.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--success{--pu-button-bgcolor: var(--pu-color-success-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-success-base)}.pu-button--success:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-success-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-success-hover)}.pu-button--success.is-disabled{cursor:not-allowed;background-color:var(--pu-color-success-shade-4);border-color:var(--pu-color-success-shade-4);color:var(--pu-color-fill-blank)}.pu-button--success.is-link{--pu-button-color: var(--pu-color-success-base)}.pu-button--success.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-success-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--success.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-success-shade-4)}.pu-button--success.is-plain{background-color:var(--pu-color-success-shade-1);color:var(--pu-color-success-base);border-color:var(--pu-color-success-shade-6)}.pu-button--success.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-success-base);border-color:var(--pu-color-success-base)}.pu-button--success.is-plain.is-disabled{background-color:var(--pu-color-success-shade-1);color:var(--pu-color-success-shade-4);border-color:var(--pu-color-success-shade-4)}.pu-button--success.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--danger{--pu-button-bgcolor: var(--pu-color-danger-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-danger-base)}.pu-button--danger:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-danger-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-danger-hover)}.pu-button--danger.is-disabled{cursor:not-allowed;background-color:var(--pu-color-danger-shade-4);border-color:var(--pu-color-danger-shade-4);color:var(--pu-color-fill-blank)}.pu-button--danger.is-link{--pu-button-color: var(--pu-color-danger-base)}.pu-button--danger.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-danger-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--danger.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-danger-shade-4)}.pu-button--danger.is-plain{background-color:var(--pu-color-danger-shade-1);color:var(--pu-color-danger-base);border-color:var(--pu-color-danger-shade-6)}.pu-button--danger.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-danger-base);border-color:var(--pu-color-danger-base)}.pu-button--danger.is-plain.is-disabled{background-color:var(--pu-color-danger-shade-1);color:var(--pu-color-danger-shade-4);border-color:var(--pu-color-danger-shade-4)}.pu-button--danger.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--warning{--pu-button-bgcolor: var(--pu-color-warning-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-warning-base)}.pu-button--warning:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-warning-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-warning-hover)}.pu-button--warning.is-disabled{cursor:not-allowed;background-color:var(--pu-color-warning-shade-4);border-color:var(--pu-color-warning-shade-4);color:var(--pu-color-fill-blank)}.pu-button--warning.is-link{--pu-button-color: var(--pu-color-warning-base)}.pu-button--warning.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-warning-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--warning.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-warning-shade-4)}.pu-button--warning.is-plain{background-color:var(--pu-color-warning-shade-1);color:var(--pu-color-warning-base);border-color:var(--pu-color-warning-shade-6)}.pu-button--warning.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-warning-base);border-color:var(--pu-color-warning-base)}.pu-button--warning.is-plain.is-disabled{background-color:var(--pu-color-warning-shade-1);color:var(--pu-color-warning-shade-4);border-color:var(--pu-color-warning-shade-4)}.pu-button--warning.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--info{--pu-button-bgcolor: var(--pu-color-info-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-info-base)}.pu-button--info:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-info-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-info-hover)}.pu-button--info.is-disabled{cursor:not-allowed;background-color:var(--pu-color-info-shade-4);border-color:var(--pu-color-info-shade-4);color:var(--pu-color-fill-blank)}.pu-button--info.is-link{--pu-button-color: var(--pu-color-info-base)}.pu-button--info.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-info-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--info.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-info-shade-4)}.pu-button--info.is-plain{background-color:var(--pu-color-info-shade-1);color:var(--pu-color-info-base);border-color:var(--pu-color-info-shade-6)}.pu-button--info.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-info-base);border-color:var(--pu-color-info-base)}.pu-button--info.is-plain.is-disabled{background-color:var(--pu-color-info-shade-1);color:var(--pu-color-info-shade-4);border-color:var(--pu-color-info-shade-4)}.pu-button--info.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--large{padding:12px 20px}.pu-button--{padding:8px 16px}.pu-button--small{padding:6px 12px}.pu-button--mini{padding:4px 8px}
|
package/es/utils/index.d.ts
DELETED