@univerjs/design 1.0.0-alpha.7 → 1.0.0-alpha.8
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/lib/cjs/index.js +37 -79
- package/lib/cjs/locale/ar-SA.js +1 -1
- package/lib/cjs/locale/ca-ES.js +3 -3
- package/lib/cjs/locale/de-DE.js +1 -1
- package/lib/cjs/locale/es-ES.js +1 -1
- package/lib/cjs/locale/fr-FR.js +3 -3
- package/lib/cjs/locale/id-ID.js +1 -1
- package/lib/cjs/locale/it-IT.js +3 -3
- package/lib/cjs/locale/pl-PL.js +3 -3
- package/lib/cjs/locale/pt-BR.js +3 -3
- package/lib/cjs/locale/ru-RU.js +1 -1
- package/lib/cjs/locale/sk-SK.js +3 -3
- package/lib/es/index.js +38 -79
- package/lib/es/locale/ar-SA.js +1 -1
- package/lib/es/locale/ca-ES.js +3 -3
- package/lib/es/locale/de-DE.js +1 -1
- package/lib/es/locale/es-ES.js +1 -1
- package/lib/es/locale/fr-FR.js +3 -3
- package/lib/es/locale/id-ID.js +1 -1
- package/lib/es/locale/it-IT.js +3 -3
- package/lib/es/locale/pl-PL.js +3 -3
- package/lib/es/locale/pt-BR.js +3 -3
- package/lib/es/locale/ru-RU.js +1 -1
- package/lib/es/locale/sk-SK.js +3 -3
- package/lib/index.css +26 -77
- package/lib/index.js +38 -79
- package/lib/locale/ar-SA.js +1 -1
- package/lib/locale/ca-ES.js +3 -3
- package/lib/locale/de-DE.js +1 -1
- package/lib/locale/es-ES.js +1 -1
- package/lib/locale/fr-FR.js +3 -3
- package/lib/locale/id-ID.js +1 -1
- package/lib/locale/it-IT.js +3 -3
- package/lib/locale/pl-PL.js +3 -3
- package/lib/locale/pt-BR.js +3 -3
- package/lib/locale/ru-RU.js +1 -1
- package/lib/locale/sk-SK.js +3 -3
- package/lib/types/components/dialog/Dialog.d.ts +0 -6
- package/lib/types/components/popup/Popup.d.ts +0 -1
- package/lib/types/index.d.ts +0 -1
- package/lib/umd/index.js +14 -14
- package/lib/umd/locale/ar-SA.js +1 -1
- package/lib/umd/locale/ca-ES.js +1 -1
- package/lib/umd/locale/de-DE.js +1 -1
- package/lib/umd/locale/es-ES.js +1 -1
- package/lib/umd/locale/fr-FR.js +1 -1
- package/lib/umd/locale/id-ID.js +1 -1
- package/lib/umd/locale/it-IT.js +1 -1
- package/lib/umd/locale/pl-PL.js +1 -1
- package/lib/umd/locale/pt-BR.js +1 -1
- package/lib/umd/locale/ru-RU.js +1 -1
- package/lib/umd/locale/sk-SK.js +1 -1
- package/package.json +10 -12
- package/lib/types/helper/resize-observer.d.ts +0 -19
package/lib/es/locale/id-ID.js
CHANGED
package/lib/es/locale/it-IT.js
CHANGED
|
@@ -12,11 +12,11 @@ const locale = { design: {
|
|
|
12
12
|
},
|
|
13
13
|
Confirm: {
|
|
14
14
|
cancel: "annulla",
|
|
15
|
-
confirm: "
|
|
15
|
+
confirm: "OK"
|
|
16
16
|
},
|
|
17
17
|
CascaderList: { empty: "Nessuno" },
|
|
18
18
|
Calendar: {
|
|
19
|
-
year: "",
|
|
19
|
+
year: "Anno",
|
|
20
20
|
weekDays: [
|
|
21
21
|
"Dom",
|
|
22
22
|
"Lun",
|
|
@@ -51,7 +51,7 @@ const locale = { design: {
|
|
|
51
51
|
ColorPicker: {
|
|
52
52
|
more: "Altri Colori",
|
|
53
53
|
cancel: "annulla",
|
|
54
|
-
confirm: "
|
|
54
|
+
confirm: "OK"
|
|
55
55
|
},
|
|
56
56
|
GradientColorPicker: {
|
|
57
57
|
linear: "Lineare",
|
package/lib/es/locale/pl-PL.js
CHANGED
|
@@ -12,11 +12,11 @@ const locale = { design: {
|
|
|
12
12
|
},
|
|
13
13
|
Confirm: {
|
|
14
14
|
cancel: "anuluj",
|
|
15
|
-
confirm: "
|
|
15
|
+
confirm: "OK"
|
|
16
16
|
},
|
|
17
17
|
CascaderList: { empty: "Brak" },
|
|
18
18
|
Calendar: {
|
|
19
|
-
year: "",
|
|
19
|
+
year: "Rok",
|
|
20
20
|
weekDays: [
|
|
21
21
|
"nd",
|
|
22
22
|
"pn",
|
|
@@ -51,7 +51,7 @@ const locale = { design: {
|
|
|
51
51
|
ColorPicker: {
|
|
52
52
|
more: "Więcej kolorów",
|
|
53
53
|
cancel: "anuluj",
|
|
54
|
-
confirm: "
|
|
54
|
+
confirm: "OK"
|
|
55
55
|
},
|
|
56
56
|
GradientColorPicker: {
|
|
57
57
|
linear: "Liniowy",
|
package/lib/es/locale/pt-BR.js
CHANGED
|
@@ -12,11 +12,11 @@ const locale = { design: {
|
|
|
12
12
|
},
|
|
13
13
|
Confirm: {
|
|
14
14
|
cancel: "cancelar",
|
|
15
|
-
confirm: "
|
|
15
|
+
confirm: "OK"
|
|
16
16
|
},
|
|
17
17
|
CascaderList: { empty: "Nenhum" },
|
|
18
18
|
Calendar: {
|
|
19
|
-
year: "",
|
|
19
|
+
year: "Ano",
|
|
20
20
|
weekDays: [
|
|
21
21
|
"Dom",
|
|
22
22
|
"Seg",
|
|
@@ -51,7 +51,7 @@ const locale = { design: {
|
|
|
51
51
|
ColorPicker: {
|
|
52
52
|
more: "Mais Cores",
|
|
53
53
|
cancel: "cancelar",
|
|
54
|
-
confirm: "
|
|
54
|
+
confirm: "OK"
|
|
55
55
|
},
|
|
56
56
|
GradientColorPicker: {
|
|
57
57
|
linear: "Linear",
|
package/lib/es/locale/ru-RU.js
CHANGED
package/lib/es/locale/sk-SK.js
CHANGED
|
@@ -12,11 +12,11 @@ const locale = { design: {
|
|
|
12
12
|
},
|
|
13
13
|
Confirm: {
|
|
14
14
|
cancel: "zrušiť",
|
|
15
|
-
confirm: "
|
|
15
|
+
confirm: "OK"
|
|
16
16
|
},
|
|
17
17
|
CascaderList: { empty: "Žiadne" },
|
|
18
18
|
Calendar: {
|
|
19
|
-
year: "",
|
|
19
|
+
year: "Rok",
|
|
20
20
|
weekDays: [
|
|
21
21
|
"Ne",
|
|
22
22
|
"Po",
|
|
@@ -51,7 +51,7 @@ const locale = { design: {
|
|
|
51
51
|
ColorPicker: {
|
|
52
52
|
more: "Viac farieb",
|
|
53
53
|
cancel: "zrušiť",
|
|
54
|
-
confirm: "
|
|
54
|
+
confirm: "OK"
|
|
55
55
|
},
|
|
56
56
|
GradientColorPicker: {
|
|
57
57
|
linear: "Lineárny",
|
package/lib/index.css
CHANGED
|
@@ -191,6 +191,10 @@
|
|
|
191
191
|
z-index: 10;
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
+
.univer-z-\[1070\] {
|
|
195
|
+
z-index: 1070;
|
|
196
|
+
}
|
|
197
|
+
|
|
194
198
|
.univer-z-\[1080\] {
|
|
195
199
|
z-index: 1080;
|
|
196
200
|
}
|
|
@@ -608,6 +612,10 @@
|
|
|
608
612
|
transform-origin: var(--radix-hover-card-content-transform-origin);
|
|
609
613
|
}
|
|
610
614
|
|
|
615
|
+
.univer-origin-top-left {
|
|
616
|
+
transform-origin: 0 0;
|
|
617
|
+
}
|
|
618
|
+
|
|
611
619
|
.-univer-translate-x-1\/2 {
|
|
612
620
|
--univer-tw-translate-x: -50%;
|
|
613
621
|
transform: translate(-50%, var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
|
|
@@ -656,6 +664,18 @@
|
|
|
656
664
|
transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
|
|
657
665
|
}
|
|
658
666
|
|
|
667
|
+
.univer-scale-y-0 {
|
|
668
|
+
--univer-tw-scale-y: 0;
|
|
669
|
+
transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(0);
|
|
670
|
+
transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
|
|
671
|
+
}
|
|
672
|
+
|
|
673
|
+
.univer-scale-y-100 {
|
|
674
|
+
--univer-tw-scale-y: 1;
|
|
675
|
+
transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(1);
|
|
676
|
+
transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
|
|
677
|
+
}
|
|
678
|
+
|
|
659
679
|
.\!univer-animate-none {
|
|
660
680
|
animation: none !important;
|
|
661
681
|
}
|
|
@@ -1698,6 +1718,12 @@
|
|
|
1698
1718
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
1699
1719
|
}
|
|
1700
1720
|
|
|
1721
|
+
.univer-transition-\[transform\,opacity\] {
|
|
1722
|
+
transition-property: transform, opacity;
|
|
1723
|
+
transition-duration: .15s;
|
|
1724
|
+
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
1725
|
+
}
|
|
1726
|
+
|
|
1701
1727
|
.univer-transition-all {
|
|
1702
1728
|
transition-property: all;
|
|
1703
1729
|
transition-duration: .15s;
|
|
@@ -2768,80 +2794,3 @@
|
|
|
2768
2794
|
.\[\&_svg\]\:univer-shrink-0 svg {
|
|
2769
2795
|
flex-shrink: 0;
|
|
2770
2796
|
}
|
|
2771
|
-
.univer-popup {
|
|
2772
|
-
z-index: 1070;
|
|
2773
|
-
--univer-tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
|
|
2774
|
-
--univer-tw-shadow-colored: 0 1px 3px 0 var(--univer-tw-shadow-color), 0 1px 2px -1px var(--univer-tw-shadow-color);
|
|
2775
|
-
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
|
|
2776
|
-
box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
|
|
2777
|
-
border-radius: 6px;
|
|
2778
|
-
position: fixed;
|
|
2779
|
-
top: -9999px;
|
|
2780
|
-
left: -9999px;
|
|
2781
|
-
overflow: hidden;
|
|
2782
|
-
}
|
|
2783
|
-
|
|
2784
|
-
.univer-popup-enter {
|
|
2785
|
-
transform-origin: 0 0;
|
|
2786
|
-
opacity: 0;
|
|
2787
|
-
animation-duration: .15s;
|
|
2788
|
-
animation-timing-function: cubic-bezier(.08, .82, .17, 1);
|
|
2789
|
-
animation-play-state: paused;
|
|
2790
|
-
animation-fill-mode: both;
|
|
2791
|
-
}
|
|
2792
|
-
|
|
2793
|
-
.univer-popup-enter-active {
|
|
2794
|
-
animation-name: popup-slide-up-in;
|
|
2795
|
-
animation-play-state: running;
|
|
2796
|
-
}
|
|
2797
|
-
|
|
2798
|
-
.univer-popup-exit {
|
|
2799
|
-
transform-origin: 0 0;
|
|
2800
|
-
opacity: 1;
|
|
2801
|
-
animation-name: popup-slide-up-out;
|
|
2802
|
-
animation-duration: .15s;
|
|
2803
|
-
animation-timing-function: cubic-bezier(.6, .04, .98, .34);
|
|
2804
|
-
animation-play-state: running;
|
|
2805
|
-
animation-fill-mode: both;
|
|
2806
|
-
}
|
|
2807
|
-
|
|
2808
|
-
.univer-popup-exit-active {
|
|
2809
|
-
display: none;
|
|
2810
|
-
}
|
|
2811
|
-
|
|
2812
|
-
@keyframes popup-slide-up-in {
|
|
2813
|
-
0% {
|
|
2814
|
-
transform-origin: 0 0;
|
|
2815
|
-
opacity: 0;
|
|
2816
|
-
transform: scaleY(0);
|
|
2817
|
-
}
|
|
2818
|
-
|
|
2819
|
-
100% {
|
|
2820
|
-
transform-origin: 0 0;
|
|
2821
|
-
opacity: 1;
|
|
2822
|
-
transform: scaleY(1);
|
|
2823
|
-
}
|
|
2824
|
-
}
|
|
2825
|
-
|
|
2826
|
-
@keyframes popup-slide-up-out {
|
|
2827
|
-
0% {
|
|
2828
|
-
transform-origin: 0 0;
|
|
2829
|
-
opacity: 1;
|
|
2830
|
-
transform: scaleY(1);
|
|
2831
|
-
}
|
|
2832
|
-
|
|
2833
|
-
100% {
|
|
2834
|
-
transform-origin: 0 0;
|
|
2835
|
-
opacity: 0;
|
|
2836
|
-
transform: scaleY(0);
|
|
2837
|
-
}
|
|
2838
|
-
}
|
|
2839
|
-
|
|
2840
|
-
.univer-popup-mask {
|
|
2841
|
-
z-index: 1060;
|
|
2842
|
-
position: fixed;
|
|
2843
|
-
top: 0;
|
|
2844
|
-
bottom: 0;
|
|
2845
|
-
left: 0;
|
|
2846
|
-
right: 0;
|
|
2847
|
-
}
|
package/lib/index.js
CHANGED
|
@@ -13,7 +13,6 @@ import { Command as Command$1 } from "cmdk";
|
|
|
13
13
|
import { createPortal } from "react-dom";
|
|
14
14
|
import { Content as Content$3, Portal as Portal$3, Root as Root$3, Trigger as Trigger$2 } from "@radix-ui/react-hover-card";
|
|
15
15
|
import { Toaster as Toaster$1, toast, toast as toast$1 } from "sonner";
|
|
16
|
-
import { CSSTransition } from "react-transition-group";
|
|
17
16
|
import { Root as Root$4 } from "@radix-ui/react-separator";
|
|
18
17
|
import { createRoot } from "react-dom/client";
|
|
19
18
|
|
|
@@ -1108,7 +1107,8 @@ function useDraggable(options = {}) {
|
|
|
1108
1107
|
if (!isDragging) return;
|
|
1109
1108
|
e.preventDefault();
|
|
1110
1109
|
e.stopPropagation();
|
|
1111
|
-
|
|
1110
|
+
const newPosition = calculateBounds(e.clientX, e.clientY);
|
|
1111
|
+
setPosition(newPosition);
|
|
1112
1112
|
}, [isDragging, calculateBounds]);
|
|
1113
1113
|
const endDrag = useCallback(() => {
|
|
1114
1114
|
setIsDragging(false);
|
|
@@ -1505,10 +1505,11 @@ function RgbInput({ hsv, alpha, format, onChange }) {
|
|
|
1505
1505
|
if (value !== "" && !/^\d*\.?\d*$/.test(value)) return;
|
|
1506
1506
|
const numValue = value === "" ? 0 : Number.parseFloat(value);
|
|
1507
1507
|
if (numValue > 1) return;
|
|
1508
|
-
|
|
1508
|
+
const newValues = {
|
|
1509
1509
|
...localValues,
|
|
1510
1510
|
a: numValue
|
|
1511
|
-
}
|
|
1511
|
+
};
|
|
1512
|
+
setLocalValues(newValues);
|
|
1512
1513
|
if (onChange) onChange(hsv[0], hsv[1], hsv[2], numValue);
|
|
1513
1514
|
return;
|
|
1514
1515
|
}
|
|
@@ -2393,7 +2394,10 @@ function DraggableList(props) {
|
|
|
2393
2394
|
onPointerDownCapture: (e) => {
|
|
2394
2395
|
if (pointerIdRef.current !== null) return;
|
|
2395
2396
|
if (!draggableHandle) pressedHandleIdRef.current = itemId;
|
|
2396
|
-
else
|
|
2397
|
+
else {
|
|
2398
|
+
const isMatched = !!e.target.closest(draggableHandle);
|
|
2399
|
+
pressedHandleIdRef.current = isMatched ? itemId : null;
|
|
2400
|
+
}
|
|
2397
2401
|
if (pressedHandleIdRef.current !== itemId) return;
|
|
2398
2402
|
const rect = e.currentTarget.getBoundingClientRect();
|
|
2399
2403
|
dragPointerOffsetRef.current = {
|
|
@@ -2975,14 +2979,16 @@ function Segmented({ items, value, defaultValue, onChange, className = "" }) {
|
|
|
2975
2979
|
const containerRect = containerRef.current.getBoundingClientRect();
|
|
2976
2980
|
const newRect = newItemElement.getBoundingClientRect();
|
|
2977
2981
|
const newLeft = newRect.left - containerRect.left - SEGMENTED_PADDING;
|
|
2978
|
-
if (oldItemElement)
|
|
2979
|
-
|
|
2980
|
-
|
|
2981
|
-
|
|
2982
|
-
|
|
2983
|
-
|
|
2984
|
-
|
|
2985
|
-
|
|
2982
|
+
if (oldItemElement) {
|
|
2983
|
+
const oldLeft = oldItemElement.getBoundingClientRect().left - containerRect.left - SEGMENTED_PADDING;
|
|
2984
|
+
setSlideStyle({
|
|
2985
|
+
"--slide-from": `${oldLeft}px`,
|
|
2986
|
+
"--slide-to": `${newLeft}px`,
|
|
2987
|
+
left: `${SEGMENTED_PADDING}px`,
|
|
2988
|
+
width: `${newRect.width}px`,
|
|
2989
|
+
transform: `translateX(${newLeft}px)`
|
|
2990
|
+
});
|
|
2991
|
+
} else setSlideStyle({
|
|
2986
2992
|
left: `${SEGMENTED_PADDING}px`,
|
|
2987
2993
|
width: `${newRect.width}px`,
|
|
2988
2994
|
transform: `translateX(${newLeft}px)`
|
|
@@ -3838,9 +3844,10 @@ function PanelField(props) {
|
|
|
3838
3844
|
//#endregion
|
|
3839
3845
|
//#region src/components/popup/Popup.tsx
|
|
3840
3846
|
const POPUP_POINTER_OFFSET = 2;
|
|
3847
|
+
const DEFAULT_POPUP_OFFSET = [0, 0];
|
|
3841
3848
|
const HIDDEN_POPUP_OFFSET = [-9999, -9999];
|
|
3842
3849
|
function Popup(props) {
|
|
3843
|
-
const { children, visible = false, offset =
|
|
3850
|
+
const { children, visible = false, offset = DEFAULT_POPUP_OFFSET, overflowVisible = false, placementY = "below" } = props;
|
|
3844
3851
|
const nodeRef = useRef(null);
|
|
3845
3852
|
const [realOffset, setRealOffset] = useState(HIDDEN_POPUP_OFFSET);
|
|
3846
3853
|
const { mountContainer, direction } = useContext(ConfigContext);
|
|
@@ -3886,29 +3893,17 @@ function Popup(props) {
|
|
|
3886
3893
|
function preventDefault(event) {
|
|
3887
3894
|
event.preventDefault();
|
|
3888
3895
|
}
|
|
3889
|
-
return createPortal(/* @__PURE__ */ jsx(
|
|
3890
|
-
|
|
3891
|
-
|
|
3892
|
-
|
|
3893
|
-
|
|
3894
|
-
|
|
3895
|
-
|
|
3896
|
-
|
|
3897
|
-
exitActive: "univer-popup-exit",
|
|
3898
|
-
exitDone: "univer-popup-exit-active"
|
|
3896
|
+
return createPortal(/* @__PURE__ */ jsx("section", {
|
|
3897
|
+
ref: nodeRef,
|
|
3898
|
+
dir: direction,
|
|
3899
|
+
className: clsx("univer-popup univer-fixed univer-z-[1070] univer-origin-top-left univer-overflow-hidden univer-rounded-md univer-shadow univer-transition-[transform,opacity] univer-duration-150", visible ? "univer-[transition-timing-function:cubic-bezier(0.08,0.82,0.17,1)] univer-scale-y-100 univer-opacity-100" : "univer-[transition-timing-function:cubic-bezier(0.6,0.04,0.98,0.34)] univer-scale-y-0 univer-opacity-0"),
|
|
3900
|
+
style: {
|
|
3901
|
+
left: realOffset[0] + POPUP_POINTER_OFFSET,
|
|
3902
|
+
top: realOffset[1] + POPUP_POINTER_OFFSET,
|
|
3903
|
+
overflow: overflowVisible ? "visible" : void 0
|
|
3899
3904
|
},
|
|
3900
|
-
|
|
3901
|
-
|
|
3902
|
-
dir: direction,
|
|
3903
|
-
className: "univer-popup",
|
|
3904
|
-
style: {
|
|
3905
|
-
left: realOffset[0] + POPUP_POINTER_OFFSET,
|
|
3906
|
-
top: realOffset[1] + POPUP_POINTER_OFFSET,
|
|
3907
|
-
overflow: overflowVisible ? "visible" : void 0
|
|
3908
|
-
},
|
|
3909
|
-
onContextMenu: preventDefault,
|
|
3910
|
-
children
|
|
3911
|
-
})
|
|
3905
|
+
onContextMenu: preventDefault,
|
|
3906
|
+
children
|
|
3912
3907
|
}), mountContainer);
|
|
3913
3908
|
}
|
|
3914
3909
|
|
|
@@ -4115,13 +4110,15 @@ function MultipleSelect(props) {
|
|
|
4115
4110
|
disabled: option.disabled,
|
|
4116
4111
|
checked: value.includes(option.value),
|
|
4117
4112
|
onSelect: (item) => {
|
|
4118
|
-
|
|
4113
|
+
const newValue = value.includes(item) ? value.filter((v) => v !== item) : [...value, item];
|
|
4114
|
+
onChange(newValue);
|
|
4119
4115
|
}
|
|
4120
4116
|
};
|
|
4121
4117
|
});
|
|
4122
4118
|
}, [options]);
|
|
4123
4119
|
function handleClose(item) {
|
|
4124
|
-
|
|
4120
|
+
const newValue = value.filter((v) => v !== item);
|
|
4121
|
+
onChange(newValue);
|
|
4125
4122
|
}
|
|
4126
4123
|
const displayValue = useMemo(() => {
|
|
4127
4124
|
return options.filter((option) => value.includes(option.value)).map((option, index) => /* @__PURE__ */ jsx(Badge, {
|
|
@@ -4379,7 +4376,8 @@ const filterLeafNode = (tree, keyList) => {
|
|
|
4379
4376
|
const result = [];
|
|
4380
4377
|
const find = createCacheWithFindNodePathFromTree(tree);
|
|
4381
4378
|
keyList.forEach((key) => {
|
|
4382
|
-
const
|
|
4379
|
+
const path = find.findNodePathFromTreeWithCache(key);
|
|
4380
|
+
const node = findNodeFromPath(tree, path);
|
|
4383
4381
|
if (node) {
|
|
4384
4382
|
var _node$children3;
|
|
4385
4383
|
if (!((_node$children3 = node.children) === null || _node$children3 === void 0 ? void 0 : _node$children3.length)) result.push(node);
|
|
@@ -4534,43 +4532,4 @@ function unmount(container) {
|
|
|
4534
4532
|
}
|
|
4535
4533
|
|
|
4536
4534
|
//#endregion
|
|
4537
|
-
|
|
4538
|
-
/**
|
|
4539
|
-
* Copyright 2023-present DreamNum Co., Ltd.
|
|
4540
|
-
*
|
|
4541
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
4542
|
-
* you may not use this file except in compliance with the License.
|
|
4543
|
-
* You may obtain a copy of the License at
|
|
4544
|
-
*
|
|
4545
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
4546
|
-
*
|
|
4547
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
4548
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
4549
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
4550
|
-
* See the License for the specific language governing permissions and
|
|
4551
|
-
* limitations under the License.
|
|
4552
|
-
*/
|
|
4553
|
-
/**
|
|
4554
|
-
* All elements are observed by a single ResizeObserver is got greater performance than each element observed by separate ResizeObserver
|
|
4555
|
-
* See issue https://github.com/WICG/resize-observer/issues/59#issuecomment-408098151
|
|
4556
|
-
*/
|
|
4557
|
-
const _resizeObserverCallbacks = /* @__PURE__ */ new Set();
|
|
4558
|
-
let _resizeObserver;
|
|
4559
|
-
function resizeObserverCtor(callback) {
|
|
4560
|
-
if (!_resizeObserver) _resizeObserver = new ResizeObserver((...args) => {
|
|
4561
|
-
_resizeObserverCallbacks.forEach((callback) => callback(...args));
|
|
4562
|
-
});
|
|
4563
|
-
return {
|
|
4564
|
-
observe(target, options) {
|
|
4565
|
-
_resizeObserverCallbacks.add(callback);
|
|
4566
|
-
_resizeObserver.observe(target, options);
|
|
4567
|
-
},
|
|
4568
|
-
unobserve(target) {
|
|
4569
|
-
_resizeObserverCallbacks.delete(callback);
|
|
4570
|
-
_resizeObserver.unobserve(target);
|
|
4571
|
-
}
|
|
4572
|
-
};
|
|
4573
|
-
}
|
|
4574
|
-
|
|
4575
|
-
//#endregion
|
|
4576
|
-
export { Accordion, Avatar, Badge, Button, ButtonGroup, Calendar, CascaderList, Checkbox, CheckboxGroup, ColorPicker, ColorPresets, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfigContext, ConfigProvider, Confirm, DatePicker, DateRangePicker, Dialog, DraggableList, Dropdown, DropdownMenu, FormDualColumnLayout, FormLayout, Gallery, GradientColorPicker, HoverCard, Input, InputNumber, KBD, MessageType, Messager, MultipleSelect, Pager, Panel, PanelField, PanelSection, Popup, Radio, RadioGroup, Segmented, Select, SelectList, Separator, Switch, Textarea, TimeInput, Toaster, Tooltip, Tree, TreeSelectionMode, borderBottomClassName, borderClassName, borderLeftBottomClassName, borderLeftClassName, borderRightClassName, borderTopClassName, clsx, cva, divideXClassName, divideYClassName, filterLeafNode, findNodePathFromTree, findSubTreeFromPath, isBrowser, mergeTreeSelected, message, removeMessage, render, resetButtonClassName, resizeObserverCtor, scrollbarClassName, selectClassName, toast, unmount };
|
|
4535
|
+
export { Accordion, Avatar, Badge, Button, ButtonGroup, Calendar, CascaderList, Checkbox, CheckboxGroup, ColorPicker, ColorPresets, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfigContext, ConfigProvider, Confirm, DatePicker, DateRangePicker, Dialog, DraggableList, Dropdown, DropdownMenu, FormDualColumnLayout, FormLayout, Gallery, GradientColorPicker, HoverCard, Input, InputNumber, KBD, MessageType, Messager, MultipleSelect, Pager, Panel, PanelField, PanelSection, Popup, Radio, RadioGroup, Segmented, Select, SelectList, Separator, Switch, Textarea, TimeInput, Toaster, Tooltip, Tree, TreeSelectionMode, borderBottomClassName, borderClassName, borderLeftBottomClassName, borderLeftClassName, borderRightClassName, borderTopClassName, clsx, cva, divideXClassName, divideYClassName, filterLeafNode, findNodePathFromTree, findSubTreeFromPath, isBrowser, mergeTreeSelected, message, removeMessage, render, resetButtonClassName, scrollbarClassName, selectClassName, toast, unmount };
|
package/lib/locale/ar-SA.js
CHANGED
package/lib/locale/ca-ES.js
CHANGED
|
@@ -12,11 +12,11 @@ const locale = { design: {
|
|
|
12
12
|
},
|
|
13
13
|
Confirm: {
|
|
14
14
|
cancel: "cancel·la",
|
|
15
|
-
confirm: "
|
|
15
|
+
confirm: "D'acord"
|
|
16
16
|
},
|
|
17
17
|
CascaderList: { empty: "Cap" },
|
|
18
18
|
Calendar: {
|
|
19
|
-
year: "",
|
|
19
|
+
year: "Any",
|
|
20
20
|
weekDays: [
|
|
21
21
|
"dg",
|
|
22
22
|
"dl",
|
|
@@ -51,7 +51,7 @@ const locale = { design: {
|
|
|
51
51
|
ColorPicker: {
|
|
52
52
|
more: "Més colors",
|
|
53
53
|
cancel: "cancel·la",
|
|
54
|
-
confirm: "
|
|
54
|
+
confirm: "D'acord"
|
|
55
55
|
},
|
|
56
56
|
GradientColorPicker: {
|
|
57
57
|
linear: "Lineal",
|
package/lib/locale/de-DE.js
CHANGED
package/lib/locale/es-ES.js
CHANGED
package/lib/locale/fr-FR.js
CHANGED
|
@@ -12,11 +12,11 @@ const locale = { design: {
|
|
|
12
12
|
},
|
|
13
13
|
Confirm: {
|
|
14
14
|
cancel: "annuler",
|
|
15
|
-
confirm: "
|
|
15
|
+
confirm: "OK"
|
|
16
16
|
},
|
|
17
17
|
CascaderList: { empty: "Aucun" },
|
|
18
18
|
Calendar: {
|
|
19
|
-
year: "",
|
|
19
|
+
year: "Année",
|
|
20
20
|
weekDays: [
|
|
21
21
|
"Dim",
|
|
22
22
|
"Lun",
|
|
@@ -51,7 +51,7 @@ const locale = { design: {
|
|
|
51
51
|
ColorPicker: {
|
|
52
52
|
more: "Plus de couleurs",
|
|
53
53
|
cancel: "annuler",
|
|
54
|
-
confirm: "
|
|
54
|
+
confirm: "OK"
|
|
55
55
|
},
|
|
56
56
|
GradientColorPicker: {
|
|
57
57
|
linear: "Linéaire",
|
package/lib/locale/id-ID.js
CHANGED
package/lib/locale/it-IT.js
CHANGED
|
@@ -12,11 +12,11 @@ const locale = { design: {
|
|
|
12
12
|
},
|
|
13
13
|
Confirm: {
|
|
14
14
|
cancel: "annulla",
|
|
15
|
-
confirm: "
|
|
15
|
+
confirm: "OK"
|
|
16
16
|
},
|
|
17
17
|
CascaderList: { empty: "Nessuno" },
|
|
18
18
|
Calendar: {
|
|
19
|
-
year: "",
|
|
19
|
+
year: "Anno",
|
|
20
20
|
weekDays: [
|
|
21
21
|
"Dom",
|
|
22
22
|
"Lun",
|
|
@@ -51,7 +51,7 @@ const locale = { design: {
|
|
|
51
51
|
ColorPicker: {
|
|
52
52
|
more: "Altri Colori",
|
|
53
53
|
cancel: "annulla",
|
|
54
|
-
confirm: "
|
|
54
|
+
confirm: "OK"
|
|
55
55
|
},
|
|
56
56
|
GradientColorPicker: {
|
|
57
57
|
linear: "Lineare",
|
package/lib/locale/pl-PL.js
CHANGED
|
@@ -12,11 +12,11 @@ const locale = { design: {
|
|
|
12
12
|
},
|
|
13
13
|
Confirm: {
|
|
14
14
|
cancel: "anuluj",
|
|
15
|
-
confirm: "
|
|
15
|
+
confirm: "OK"
|
|
16
16
|
},
|
|
17
17
|
CascaderList: { empty: "Brak" },
|
|
18
18
|
Calendar: {
|
|
19
|
-
year: "",
|
|
19
|
+
year: "Rok",
|
|
20
20
|
weekDays: [
|
|
21
21
|
"nd",
|
|
22
22
|
"pn",
|
|
@@ -51,7 +51,7 @@ const locale = { design: {
|
|
|
51
51
|
ColorPicker: {
|
|
52
52
|
more: "Więcej kolorów",
|
|
53
53
|
cancel: "anuluj",
|
|
54
|
-
confirm: "
|
|
54
|
+
confirm: "OK"
|
|
55
55
|
},
|
|
56
56
|
GradientColorPicker: {
|
|
57
57
|
linear: "Liniowy",
|
package/lib/locale/pt-BR.js
CHANGED
|
@@ -12,11 +12,11 @@ const locale = { design: {
|
|
|
12
12
|
},
|
|
13
13
|
Confirm: {
|
|
14
14
|
cancel: "cancelar",
|
|
15
|
-
confirm: "
|
|
15
|
+
confirm: "OK"
|
|
16
16
|
},
|
|
17
17
|
CascaderList: { empty: "Nenhum" },
|
|
18
18
|
Calendar: {
|
|
19
|
-
year: "",
|
|
19
|
+
year: "Ano",
|
|
20
20
|
weekDays: [
|
|
21
21
|
"Dom",
|
|
22
22
|
"Seg",
|
|
@@ -51,7 +51,7 @@ const locale = { design: {
|
|
|
51
51
|
ColorPicker: {
|
|
52
52
|
more: "Mais Cores",
|
|
53
53
|
cancel: "cancelar",
|
|
54
|
-
confirm: "
|
|
54
|
+
confirm: "OK"
|
|
55
55
|
},
|
|
56
56
|
GradientColorPicker: {
|
|
57
57
|
linear: "Linear",
|
package/lib/locale/ru-RU.js
CHANGED
package/lib/locale/sk-SK.js
CHANGED
|
@@ -12,11 +12,11 @@ const locale = { design: {
|
|
|
12
12
|
},
|
|
13
13
|
Confirm: {
|
|
14
14
|
cancel: "zrušiť",
|
|
15
|
-
confirm: "
|
|
15
|
+
confirm: "OK"
|
|
16
16
|
},
|
|
17
17
|
CascaderList: { empty: "Žiadne" },
|
|
18
18
|
Calendar: {
|
|
19
|
-
year: "",
|
|
19
|
+
year: "Rok",
|
|
20
20
|
weekDays: [
|
|
21
21
|
"Ne",
|
|
22
22
|
"Po",
|
|
@@ -51,7 +51,7 @@ const locale = { design: {
|
|
|
51
51
|
ColorPicker: {
|
|
52
52
|
more: "Viac farieb",
|
|
53
53
|
cancel: "zrušiť",
|
|
54
|
-
confirm: "
|
|
54
|
+
confirm: "OK"
|
|
55
55
|
},
|
|
56
56
|
GradientColorPicker: {
|
|
57
57
|
linear: "Lineárny",
|
|
@@ -47,12 +47,6 @@ export interface IDialogProps {
|
|
|
47
47
|
x: number;
|
|
48
48
|
y: number;
|
|
49
49
|
};
|
|
50
|
-
/**
|
|
51
|
-
* Whether the dialog should be destroyed on close.
|
|
52
|
-
* @deprecated
|
|
53
|
-
* @default false
|
|
54
|
-
*/
|
|
55
|
-
destroyOnClose?: boolean;
|
|
56
50
|
/**
|
|
57
51
|
* Whether the dialog should preserve its position on destroy.
|
|
58
52
|
* @default false
|
package/lib/types/index.d.ts
CHANGED
|
@@ -96,5 +96,4 @@ export { borderBottomClassName, borderClassName, borderLeftBottomClassName, bord
|
|
|
96
96
|
export { clsx } from './helper/clsx';
|
|
97
97
|
export { isBrowser } from './helper/is-browser';
|
|
98
98
|
export { render, unmount } from './helper/react-dom';
|
|
99
|
-
export { resizeObserverCtor } from './helper/resize-observer';
|
|
100
99
|
export { cva } from 'class-variance-authority';
|