@cloudtower/eagle 0.26.14 → 0.26.16
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/dist/components.css +1145 -1100
- package/dist/esm/index.js +268 -196
- package/dist/esm/stats1.html +1 -1
- package/dist/spec/base.d.ts +11 -1
- package/dist/style.css +836 -791
- package/dist/umd/index.js +266 -194
- package/dist/umd/stats1.html +1 -1
- package/package.json +5 -5
package/dist/umd/index.js
CHANGED
|
@@ -507,6 +507,22 @@
|
|
|
507
507
|
}));
|
|
508
508
|
};
|
|
509
509
|
|
|
510
|
+
const useParrotTranslation = () => {
|
|
511
|
+
return reactI18next.useTranslation(void 0, {
|
|
512
|
+
i18n: parrot.parrotI18n
|
|
513
|
+
});
|
|
514
|
+
};
|
|
515
|
+
|
|
516
|
+
const Arch = (props) => {
|
|
517
|
+
const { t } = useParrotTranslation();
|
|
518
|
+
const { architecture } = props;
|
|
519
|
+
let text = "";
|
|
520
|
+
if (architecture) {
|
|
521
|
+
text = t(`components.Architecture_${architecture}`);
|
|
522
|
+
}
|
|
523
|
+
return /* @__PURE__ */ React__namespace.default.createElement("span", null, text);
|
|
524
|
+
};
|
|
525
|
+
|
|
510
526
|
var __defProp$P = Object.defineProperty;
|
|
511
527
|
var __defProps$z = Object.defineProperties;
|
|
512
528
|
var __getOwnPropDescs$z = Object.getOwnPropertyDescriptors;
|
|
@@ -538,126 +554,31 @@
|
|
|
538
554
|
}
|
|
539
555
|
return target;
|
|
540
556
|
};
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
const _a = props, {
|
|
544
|
-
followMouse,
|
|
545
|
-
overlayClassName,
|
|
546
|
-
overlayStyle,
|
|
547
|
-
children
|
|
548
|
-
} = _a, restProps = __objRest$t(_a, [
|
|
549
|
-
"followMouse",
|
|
550
|
-
"overlayClassName",
|
|
551
|
-
"overlayStyle",
|
|
552
|
-
"children"
|
|
553
|
-
]);
|
|
554
|
-
const id = React.useRef(++componentId);
|
|
555
|
-
const uniquePopupClass = `kit-popup-${id.current}`;
|
|
556
|
-
const uniqueContainerClass = `kit-tooltip-${id.current}`;
|
|
557
|
-
const _children = React.useMemo(() => {
|
|
558
|
-
if (followMouse) {
|
|
559
|
-
const child = React__namespace.default.isValidElement(children) ? children : /* @__PURE__ */ React__namespace.default.createElement("span", null, children);
|
|
560
|
-
return React__namespace.default.cloneElement(child, {
|
|
561
|
-
className: cs__default.default(child.props.className, uniqueContainerClass)
|
|
562
|
-
});
|
|
563
|
-
} else {
|
|
564
|
-
return children;
|
|
565
|
-
}
|
|
566
|
-
}, [children, followMouse, uniqueContainerClass]);
|
|
567
|
-
const onmousemove = React.useCallback(
|
|
568
|
-
(event) => {
|
|
569
|
-
const popup = document.querySelector(`.${uniquePopupClass}`);
|
|
570
|
-
if (!popup)
|
|
571
|
-
return;
|
|
572
|
-
popup.style.left = event.pageX + "px";
|
|
573
|
-
popup.style.top = event.pageY + "px";
|
|
574
|
-
},
|
|
575
|
-
[uniquePopupClass]
|
|
576
|
-
);
|
|
577
|
-
React.useEffect(() => {
|
|
578
|
-
if (followMouse) {
|
|
579
|
-
const container = document.querySelector(
|
|
580
|
-
`.${uniqueContainerClass}`
|
|
581
|
-
);
|
|
582
|
-
container == null ? void 0 : container.addEventListener("mousemove", onmousemove);
|
|
583
|
-
return () => {
|
|
584
|
-
container == null ? void 0 : container.removeEventListener("mousemove", onmousemove);
|
|
585
|
-
};
|
|
586
|
-
}
|
|
587
|
-
}, [followMouse, onmousemove, uniqueContainerClass]);
|
|
557
|
+
const Badge = (_a) => {
|
|
558
|
+
var _b = _a, { type = "error", className } = _b, props = __objRest$t(_b, ["type", "className"]);
|
|
588
559
|
return /* @__PURE__ */ React__namespace.default.createElement(
|
|
589
|
-
antd.
|
|
590
|
-
__spreadProps$z(__spreadValues$P({
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
transform: "translate(-50%, -100%)",
|
|
595
|
-
pointerEvents: "none"
|
|
596
|
-
}, overlayStyle) : overlayStyle
|
|
560
|
+
antd.Badge,
|
|
561
|
+
__spreadProps$z(__spreadValues$P({
|
|
562
|
+
className: core.cx(`badge-${type}`, className)
|
|
563
|
+
}, props), {
|
|
564
|
+
showZero: false
|
|
597
565
|
})
|
|
598
566
|
);
|
|
599
567
|
};
|
|
600
568
|
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
text,
|
|
605
|
-
len = 100,
|
|
606
|
-
frontLen,
|
|
607
|
-
backLen = 4,
|
|
608
|
-
hoverShowFullText = true,
|
|
609
|
-
className,
|
|
610
|
-
inline
|
|
611
|
-
} = props;
|
|
612
|
-
if (len <= 0) {
|
|
613
|
-
console.error("[Truncate] prop len can not be 0 or negative number");
|
|
614
|
-
return null;
|
|
615
|
-
}
|
|
616
|
-
if (backLen < 0) {
|
|
617
|
-
console.error("[Truncate] prop backLen can not be negative number");
|
|
618
|
-
return null;
|
|
619
|
-
}
|
|
620
|
-
if (frontLen && frontLen < 0) {
|
|
621
|
-
console.error("[Truncate] prop frontLen can not be negative number");
|
|
622
|
-
return null;
|
|
623
|
-
}
|
|
624
|
-
const ellipse = "...";
|
|
625
|
-
let _backLen = Math.min(backLen, text.length - ellipse.length, len - ellipse.length);
|
|
626
|
-
const _frontLen = frontLen !== void 0 ? Math.min(frontLen, text.length - ellipse.length, len - ellipse.length) : Math.max(len - _backLen - ellipse.length, 0);
|
|
627
|
-
if (_frontLen + _backLen + ellipse.length > len) {
|
|
628
|
-
_backLen = len - _frontLen - ellipse.length;
|
|
629
|
-
}
|
|
630
|
-
const truncated = text.length <= len ? text : text.slice(0, _frontLen) + ellipse + text.slice(text.length - _backLen);
|
|
631
|
-
const Text = /* @__PURE__ */React__namespace.default.createElement("div", {
|
|
632
|
-
className: cs__default.default([className, inline && Inline])
|
|
633
|
-
}, truncated);
|
|
634
|
-
if (!hoverShowFullText || text.length <= len) {
|
|
635
|
-
return Text;
|
|
569
|
+
function isEmpty(rawValue) {
|
|
570
|
+
if (rawValue === null || rawValue === void 0 || rawValue === MAGIC_METRIC_NULL || Number.isNaN(rawValue) || !Number.isFinite(rawValue)) {
|
|
571
|
+
return true;
|
|
636
572
|
}
|
|
637
|
-
return
|
|
638
|
-
|
|
639
|
-
}, Text);
|
|
640
|
-
};
|
|
641
|
-
|
|
642
|
-
const useParrotTranslation = () => {
|
|
643
|
-
return reactI18next.useTranslation(void 0, {
|
|
644
|
-
i18n: parrot.parrotI18n
|
|
645
|
-
});
|
|
646
|
-
};
|
|
573
|
+
return false;
|
|
574
|
+
}
|
|
647
575
|
|
|
648
|
-
const
|
|
649
|
-
const {
|
|
650
|
-
|
|
651
|
-
let text = "";
|
|
652
|
-
if (architecture) {
|
|
653
|
-
text = t(`components.Architecture_${architecture}`);
|
|
654
|
-
}
|
|
655
|
-
return /* @__PURE__ */ React__namespace.default.createElement("span", null, text);
|
|
576
|
+
const Empty = (props) => {
|
|
577
|
+
const { className, style } = props;
|
|
578
|
+
return /* @__PURE__ */ React__namespace.default.createElement("span", { className, style }, "-");
|
|
656
579
|
};
|
|
657
580
|
|
|
658
581
|
var __defProp$O = Object.defineProperty;
|
|
659
|
-
var __defProps$y = Object.defineProperties;
|
|
660
|
-
var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
|
|
661
582
|
var __getOwnPropSymbols$P = Object.getOwnPropertySymbols;
|
|
662
583
|
var __hasOwnProp$P = Object.prototype.hasOwnProperty;
|
|
663
584
|
var __propIsEnum$P = Object.prototype.propertyIsEnumerable;
|
|
@@ -673,41 +594,18 @@
|
|
|
673
594
|
}
|
|
674
595
|
return a;
|
|
675
596
|
};
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
target[prop] = source[prop];
|
|
686
|
-
}
|
|
687
|
-
return target;
|
|
688
|
-
};
|
|
689
|
-
const Badge = (_a) => {
|
|
690
|
-
var _b = _a, { type = "error", className } = _b, props = __objRest$s(_b, ["type", "className"]);
|
|
691
|
-
return /* @__PURE__ */ React__namespace.default.createElement(
|
|
692
|
-
antd.Badge,
|
|
693
|
-
__spreadProps$y(__spreadValues$O({
|
|
694
|
-
className: core.cx(`badge-${type}`, className)
|
|
695
|
-
}, props), {
|
|
696
|
-
showZero: false
|
|
697
|
-
})
|
|
698
|
-
);
|
|
699
|
-
};
|
|
700
|
-
|
|
701
|
-
function isEmpty(rawValue) {
|
|
702
|
-
if (rawValue === null || rawValue === void 0 || rawValue === MAGIC_METRIC_NULL || Number.isNaN(rawValue) || !Number.isFinite(rawValue)) {
|
|
703
|
-
return true;
|
|
597
|
+
const Bit = ({
|
|
598
|
+
rawValue,
|
|
599
|
+
decimals,
|
|
600
|
+
unitClassName,
|
|
601
|
+
valueClassName,
|
|
602
|
+
emptyProps
|
|
603
|
+
}) => {
|
|
604
|
+
if (isEmpty(rawValue)) {
|
|
605
|
+
return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$O({}, emptyProps));
|
|
704
606
|
}
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
const Empty = (props) => {
|
|
709
|
-
const { className, style } = props;
|
|
710
|
-
return /* @__PURE__ */ React__namespace.default.createElement("span", { className, style }, "-");
|
|
607
|
+
const { value, unit } = formatBits(rawValue, decimals);
|
|
608
|
+
return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
|
|
711
609
|
};
|
|
712
610
|
|
|
713
611
|
var __defProp$N = Object.defineProperty;
|
|
@@ -726,17 +624,17 @@
|
|
|
726
624
|
}
|
|
727
625
|
return a;
|
|
728
626
|
};
|
|
729
|
-
const
|
|
627
|
+
const BitPerSeconds = ({
|
|
730
628
|
rawValue,
|
|
731
629
|
decimals,
|
|
732
|
-
unitClassName,
|
|
733
630
|
valueClassName,
|
|
631
|
+
unitClassName,
|
|
734
632
|
emptyProps
|
|
735
633
|
}) => {
|
|
736
634
|
if (isEmpty(rawValue)) {
|
|
737
635
|
return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$N({}, emptyProps));
|
|
738
636
|
}
|
|
739
|
-
const { value, unit } =
|
|
637
|
+
const { value, unit } = formatBitPerSecond(rawValue, decimals);
|
|
740
638
|
return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
|
|
741
639
|
};
|
|
742
640
|
|
|
@@ -756,36 +654,6 @@
|
|
|
756
654
|
}
|
|
757
655
|
return a;
|
|
758
656
|
};
|
|
759
|
-
const BitPerSeconds = ({
|
|
760
|
-
rawValue,
|
|
761
|
-
decimals,
|
|
762
|
-
valueClassName,
|
|
763
|
-
unitClassName,
|
|
764
|
-
emptyProps
|
|
765
|
-
}) => {
|
|
766
|
-
if (isEmpty(rawValue)) {
|
|
767
|
-
return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$M({}, emptyProps));
|
|
768
|
-
}
|
|
769
|
-
const { value, unit } = formatBitPerSecond(rawValue, decimals);
|
|
770
|
-
return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
|
|
771
|
-
};
|
|
772
|
-
|
|
773
|
-
var __defProp$L = Object.defineProperty;
|
|
774
|
-
var __getOwnPropSymbols$M = Object.getOwnPropertySymbols;
|
|
775
|
-
var __hasOwnProp$M = Object.prototype.hasOwnProperty;
|
|
776
|
-
var __propIsEnum$M = Object.prototype.propertyIsEnumerable;
|
|
777
|
-
var __defNormalProp$L = (obj, key, value) => key in obj ? __defProp$L(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
778
|
-
var __spreadValues$L = (a, b) => {
|
|
779
|
-
for (var prop in b || (b = {}))
|
|
780
|
-
if (__hasOwnProp$M.call(b, prop))
|
|
781
|
-
__defNormalProp$L(a, prop, b[prop]);
|
|
782
|
-
if (__getOwnPropSymbols$M)
|
|
783
|
-
for (var prop of __getOwnPropSymbols$M(b)) {
|
|
784
|
-
if (__propIsEnum$M.call(b, prop))
|
|
785
|
-
__defNormalProp$L(a, prop, b[prop]);
|
|
786
|
-
}
|
|
787
|
-
return a;
|
|
788
|
-
};
|
|
789
657
|
const Bps = ({
|
|
790
658
|
rawValue,
|
|
791
659
|
decimals,
|
|
@@ -794,7 +662,7 @@
|
|
|
794
662
|
emptyProps
|
|
795
663
|
}) => {
|
|
796
664
|
if (isEmpty(rawValue)) {
|
|
797
|
-
return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$
|
|
665
|
+
return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$M({}, emptyProps));
|
|
798
666
|
}
|
|
799
667
|
const { value, unit } = formatBps(rawValue, decimals);
|
|
800
668
|
return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
|
|
@@ -935,28 +803,28 @@
|
|
|
935
803
|
return icon != null ? React__namespace.default.cloneElement(icon, { className }) : null;
|
|
936
804
|
};
|
|
937
805
|
|
|
938
|
-
var __defProp$
|
|
939
|
-
var __getOwnPropSymbols$
|
|
940
|
-
var __hasOwnProp$
|
|
941
|
-
var __propIsEnum$
|
|
942
|
-
var __defNormalProp$
|
|
806
|
+
var __defProp$L = Object.defineProperty;
|
|
807
|
+
var __getOwnPropSymbols$M = Object.getOwnPropertySymbols;
|
|
808
|
+
var __hasOwnProp$M = Object.prototype.hasOwnProperty;
|
|
809
|
+
var __propIsEnum$M = Object.prototype.propertyIsEnumerable;
|
|
810
|
+
var __defNormalProp$L = (obj, key, value) => key in obj ? __defProp$L(obj, key, {
|
|
943
811
|
enumerable: true,
|
|
944
812
|
configurable: true,
|
|
945
813
|
writable: true,
|
|
946
814
|
value
|
|
947
815
|
}) : obj[key] = value;
|
|
948
|
-
var __spreadValues$
|
|
949
|
-
for (var prop in b || (b = {})) if (__hasOwnProp$
|
|
950
|
-
if (__getOwnPropSymbols$
|
|
951
|
-
if (__propIsEnum$
|
|
816
|
+
var __spreadValues$L = (a, b) => {
|
|
817
|
+
for (var prop in b || (b = {})) if (__hasOwnProp$M.call(b, prop)) __defNormalProp$L(a, prop, b[prop]);
|
|
818
|
+
if (__getOwnPropSymbols$M) for (var prop of __getOwnPropSymbols$M(b)) {
|
|
819
|
+
if (__propIsEnum$M.call(b, prop)) __defNormalProp$L(a, prop, b[prop]);
|
|
952
820
|
}
|
|
953
821
|
return a;
|
|
954
822
|
};
|
|
955
|
-
var __objRest$
|
|
823
|
+
var __objRest$s = (source, exclude) => {
|
|
956
824
|
var target = {};
|
|
957
|
-
for (var prop in source) if (__hasOwnProp$
|
|
958
|
-
if (source != null && __getOwnPropSymbols$
|
|
959
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
825
|
+
for (var prop in source) if (__hasOwnProp$M.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
|
|
826
|
+
if (source != null && __getOwnPropSymbols$M) for (var prop of __getOwnPropSymbols$M(source)) {
|
|
827
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$M.call(source, prop)) target[prop] = source[prop];
|
|
960
828
|
}
|
|
961
829
|
return target;
|
|
962
830
|
};
|
|
@@ -979,12 +847,12 @@
|
|
|
979
847
|
onMouseLeave,
|
|
980
848
|
size = "middle"
|
|
981
849
|
} = _a,
|
|
982
|
-
restProps = __objRest$
|
|
850
|
+
restProps = __objRest$s(_a, ["type", "className", "children", "prefixIcon", "hoverPrefixIcon", "suffixIcon", "hoverSuffixIcon", "onMouseEnter", "onMouseLeave", "size"]);
|
|
983
851
|
const [status, setStatus] = React.useState("normal");
|
|
984
852
|
const hasIcon = prefixIcon || suffixIcon;
|
|
985
853
|
const hasHoverIcon = hoverPrefixIcon || hoverSuffixIcon;
|
|
986
854
|
const onlyIcon = !children && (prefixIcon || suffixIcon);
|
|
987
|
-
return /* @__PURE__ */React__namespace.default.createElement(antd.Button, __spreadValues$
|
|
855
|
+
return /* @__PURE__ */React__namespace.default.createElement(antd.Button, __spreadValues$L({
|
|
988
856
|
ref,
|
|
989
857
|
className: cs__default.default(className, ButtonStyle$1, type === "link" && NoPadding, (prefixIcon || suffixIcon) && "has-icon", size === "large" && Typo.Label.l1_regular_title, size === "middle" && Typo.Label.l2_regular_title, size === "small" && Typo.Label.l3_regular_title, type && `ant-btn-${type}`, onlyIcon && "ant-btn-icon-only"),
|
|
990
858
|
type: isAntdButtonTypes(type) ? type : void 0,
|
|
@@ -1014,6 +882,97 @@
|
|
|
1014
882
|
}));
|
|
1015
883
|
});
|
|
1016
884
|
|
|
885
|
+
var __defProp$K = Object.defineProperty;
|
|
886
|
+
var __defProps$y = Object.defineProperties;
|
|
887
|
+
var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
|
|
888
|
+
var __getOwnPropSymbols$L = Object.getOwnPropertySymbols;
|
|
889
|
+
var __hasOwnProp$L = Object.prototype.hasOwnProperty;
|
|
890
|
+
var __propIsEnum$L = Object.prototype.propertyIsEnumerable;
|
|
891
|
+
var __defNormalProp$K = (obj, key, value) => key in obj ? __defProp$K(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
892
|
+
var __spreadValues$K = (a, b) => {
|
|
893
|
+
for (var prop in b || (b = {}))
|
|
894
|
+
if (__hasOwnProp$L.call(b, prop))
|
|
895
|
+
__defNormalProp$K(a, prop, b[prop]);
|
|
896
|
+
if (__getOwnPropSymbols$L)
|
|
897
|
+
for (var prop of __getOwnPropSymbols$L(b)) {
|
|
898
|
+
if (__propIsEnum$L.call(b, prop))
|
|
899
|
+
__defNormalProp$K(a, prop, b[prop]);
|
|
900
|
+
}
|
|
901
|
+
return a;
|
|
902
|
+
};
|
|
903
|
+
var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
|
|
904
|
+
var __objRest$r = (source, exclude) => {
|
|
905
|
+
var target = {};
|
|
906
|
+
for (var prop in source)
|
|
907
|
+
if (__hasOwnProp$L.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
908
|
+
target[prop] = source[prop];
|
|
909
|
+
if (source != null && __getOwnPropSymbols$L)
|
|
910
|
+
for (var prop of __getOwnPropSymbols$L(source)) {
|
|
911
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$L.call(source, prop))
|
|
912
|
+
target[prop] = source[prop];
|
|
913
|
+
}
|
|
914
|
+
return target;
|
|
915
|
+
};
|
|
916
|
+
let componentId = 0;
|
|
917
|
+
const Tooltip = (props) => {
|
|
918
|
+
const _a = props, {
|
|
919
|
+
followMouse,
|
|
920
|
+
overlayClassName,
|
|
921
|
+
overlayStyle,
|
|
922
|
+
children
|
|
923
|
+
} = _a, restProps = __objRest$r(_a, [
|
|
924
|
+
"followMouse",
|
|
925
|
+
"overlayClassName",
|
|
926
|
+
"overlayStyle",
|
|
927
|
+
"children"
|
|
928
|
+
]);
|
|
929
|
+
const id = React.useRef(++componentId);
|
|
930
|
+
const uniquePopupClass = `kit-popup-${id.current}`;
|
|
931
|
+
const uniqueContainerClass = `kit-tooltip-${id.current}`;
|
|
932
|
+
const _children = React.useMemo(() => {
|
|
933
|
+
if (followMouse) {
|
|
934
|
+
const child = React__namespace.default.isValidElement(children) ? children : /* @__PURE__ */ React__namespace.default.createElement("span", null, children);
|
|
935
|
+
return React__namespace.default.cloneElement(child, {
|
|
936
|
+
className: cs__default.default(child.props.className, uniqueContainerClass)
|
|
937
|
+
});
|
|
938
|
+
} else {
|
|
939
|
+
return children;
|
|
940
|
+
}
|
|
941
|
+
}, [children, followMouse, uniqueContainerClass]);
|
|
942
|
+
const onmousemove = React.useCallback(
|
|
943
|
+
(event) => {
|
|
944
|
+
const popup = document.querySelector(`.${uniquePopupClass}`);
|
|
945
|
+
if (!popup)
|
|
946
|
+
return;
|
|
947
|
+
popup.style.left = event.pageX + "px";
|
|
948
|
+
popup.style.top = event.pageY + "px";
|
|
949
|
+
},
|
|
950
|
+
[uniquePopupClass]
|
|
951
|
+
);
|
|
952
|
+
React.useEffect(() => {
|
|
953
|
+
if (followMouse) {
|
|
954
|
+
const container = document.querySelector(
|
|
955
|
+
`.${uniqueContainerClass}`
|
|
956
|
+
);
|
|
957
|
+
container == null ? void 0 : container.addEventListener("mousemove", onmousemove);
|
|
958
|
+
return () => {
|
|
959
|
+
container == null ? void 0 : container.removeEventListener("mousemove", onmousemove);
|
|
960
|
+
};
|
|
961
|
+
}
|
|
962
|
+
}, [followMouse, onmousemove, uniqueContainerClass]);
|
|
963
|
+
return /* @__PURE__ */ React__namespace.default.createElement(
|
|
964
|
+
antd.Tooltip,
|
|
965
|
+
__spreadProps$y(__spreadValues$K({}, restProps), {
|
|
966
|
+
overlayClassName: followMouse ? cs__default.default(overlayClassName, uniquePopupClass) : overlayClassName,
|
|
967
|
+
children: _children,
|
|
968
|
+
overlayStyle: followMouse ? __spreadValues$K({
|
|
969
|
+
transform: "translate(-50%, -100%)",
|
|
970
|
+
pointerEvents: "none"
|
|
971
|
+
}, overlayStyle) : overlayStyle
|
|
972
|
+
})
|
|
973
|
+
);
|
|
974
|
+
};
|
|
975
|
+
|
|
1017
976
|
var __defProp$J = Object.defineProperty;
|
|
1018
977
|
var __getOwnPropSymbols$K = Object.getOwnPropertySymbols;
|
|
1019
978
|
var __hasOwnProp$K = Object.prototype.hasOwnProperty;
|
|
@@ -1310,6 +1269,74 @@
|
|
|
1310
1269
|
}, description) : null) : null);
|
|
1311
1270
|
};
|
|
1312
1271
|
|
|
1272
|
+
const card = "c10crapj";
|
|
1273
|
+
const ExpandableContainer = props => {
|
|
1274
|
+
const {
|
|
1275
|
+
children
|
|
1276
|
+
} = props;
|
|
1277
|
+
return /* @__PURE__ */React__namespace.default.createElement(antd.Card, {
|
|
1278
|
+
className: card
|
|
1279
|
+
}, children);
|
|
1280
|
+
};
|
|
1281
|
+
|
|
1282
|
+
const ExpandIcon = (props) => {
|
|
1283
|
+
const { isActive } = props;
|
|
1284
|
+
return isActive ? /* @__PURE__ */ React__namespace.default.createElement(iconsReact.ArrowChevronUp16SecondaryIcon, null) : /* @__PURE__ */ React__namespace.default.createElement(iconsReact.ArrowChevronDown16SecondaryIcon, null);
|
|
1285
|
+
};
|
|
1286
|
+
|
|
1287
|
+
const RoundedOrderStyle = "rrwcpby";
|
|
1288
|
+
const RoundedOrder = props => {
|
|
1289
|
+
const {
|
|
1290
|
+
children,
|
|
1291
|
+
order
|
|
1292
|
+
} = props;
|
|
1293
|
+
return /* @__PURE__ */React__namespace.default.createElement("div", {
|
|
1294
|
+
className: RoundedOrderStyle
|
|
1295
|
+
}, order != null ? /* @__PURE__ */React__namespace.default.createElement("span", {
|
|
1296
|
+
className: "order"
|
|
1297
|
+
}, /* @__PURE__ */React__namespace.default.createElement("span", {
|
|
1298
|
+
className: Typo.Label.l2_bold
|
|
1299
|
+
}, order)) : null, children);
|
|
1300
|
+
};
|
|
1301
|
+
|
|
1302
|
+
const CollapseStyle = "cav9p2m";
|
|
1303
|
+
const CollapseDisabled = "csf0p6c";
|
|
1304
|
+
const ExpandableItem = props => {
|
|
1305
|
+
const {
|
|
1306
|
+
children,
|
|
1307
|
+
disableExpand = false,
|
|
1308
|
+
defaultActive = false,
|
|
1309
|
+
header,
|
|
1310
|
+
order
|
|
1311
|
+
} = props;
|
|
1312
|
+
const showExpandOnDisable = React.useMemo(() => {
|
|
1313
|
+
return disableExpand && defaultActive;
|
|
1314
|
+
}, [defaultActive, disableExpand]);
|
|
1315
|
+
const [activeKey, setActiveKey] = React.useState(showExpandOnDisable ? ["expandPanelKey"] : []);
|
|
1316
|
+
return /* @__PURE__ */React__namespace.default.createElement(antd.Collapse, {
|
|
1317
|
+
className: cs__default.default(CollapseStyle, {
|
|
1318
|
+
[CollapseDisabled]: disableExpand
|
|
1319
|
+
}),
|
|
1320
|
+
expandIcon: ExpandIcon,
|
|
1321
|
+
expandIconPosition: "right",
|
|
1322
|
+
defaultActiveKey: showExpandOnDisable ? ["expandPanelKey"] : [],
|
|
1323
|
+
bordered: false,
|
|
1324
|
+
activeKey,
|
|
1325
|
+
onChange: v => {
|
|
1326
|
+
if (disableExpand) {
|
|
1327
|
+
return;
|
|
1328
|
+
}
|
|
1329
|
+
setActiveKey(v);
|
|
1330
|
+
}
|
|
1331
|
+
}, /* @__PURE__ */React__namespace.default.createElement(antd.Collapse.Panel, {
|
|
1332
|
+
key: "expandPanelKey",
|
|
1333
|
+
header: /* @__PURE__ */React__namespace.default.createElement(RoundedOrder, {
|
|
1334
|
+
order
|
|
1335
|
+
}, header),
|
|
1336
|
+
showArrow: !disableExpand
|
|
1337
|
+
}, children));
|
|
1338
|
+
};
|
|
1339
|
+
|
|
1313
1340
|
var __defProp$F = Object.defineProperty;
|
|
1314
1341
|
var __getOwnPropSymbols$G = Object.getOwnPropertySymbols;
|
|
1315
1342
|
var __hasOwnProp$G = Object.prototype.hasOwnProperty;
|
|
@@ -5230,6 +5257,47 @@
|
|
|
5230
5257
|
}, icon), children);
|
|
5231
5258
|
};
|
|
5232
5259
|
|
|
5260
|
+
const Inline = "i1e4sgug";
|
|
5261
|
+
const Truncate = props => {
|
|
5262
|
+
const {
|
|
5263
|
+
text,
|
|
5264
|
+
len = 100,
|
|
5265
|
+
frontLen,
|
|
5266
|
+
backLen = 4,
|
|
5267
|
+
hoverShowFullText = true,
|
|
5268
|
+
className,
|
|
5269
|
+
inline
|
|
5270
|
+
} = props;
|
|
5271
|
+
if (len <= 0) {
|
|
5272
|
+
console.error("[Truncate] prop len can not be 0 or negative number");
|
|
5273
|
+
return null;
|
|
5274
|
+
}
|
|
5275
|
+
if (backLen < 0) {
|
|
5276
|
+
console.error("[Truncate] prop backLen can not be negative number");
|
|
5277
|
+
return null;
|
|
5278
|
+
}
|
|
5279
|
+
if (frontLen && frontLen < 0) {
|
|
5280
|
+
console.error("[Truncate] prop frontLen can not be negative number");
|
|
5281
|
+
return null;
|
|
5282
|
+
}
|
|
5283
|
+
const ellipse = "...";
|
|
5284
|
+
let _backLen = Math.min(backLen, text.length - ellipse.length, len - ellipse.length);
|
|
5285
|
+
const _frontLen = frontLen !== void 0 ? Math.min(frontLen, text.length - ellipse.length, len - ellipse.length) : Math.max(len - _backLen - ellipse.length, 0);
|
|
5286
|
+
if (_frontLen + _backLen + ellipse.length > len) {
|
|
5287
|
+
_backLen = len - _frontLen - ellipse.length;
|
|
5288
|
+
}
|
|
5289
|
+
const truncated = text.length <= len ? text : text.slice(0, _frontLen) + ellipse + text.slice(text.length - _backLen);
|
|
5290
|
+
const Text = /* @__PURE__ */React__namespace.default.createElement("div", {
|
|
5291
|
+
className: cs__default.default([className, inline && Inline])
|
|
5292
|
+
}, truncated);
|
|
5293
|
+
if (!hoverShowFullText || text.length <= len) {
|
|
5294
|
+
return Text;
|
|
5295
|
+
}
|
|
5296
|
+
return /* @__PURE__ */React__namespace.default.createElement(Tooltip, {
|
|
5297
|
+
title: text
|
|
5298
|
+
}, Text);
|
|
5299
|
+
};
|
|
5300
|
+
|
|
5233
5301
|
function getAntdKit() {
|
|
5234
5302
|
const kit = {
|
|
5235
5303
|
loading: Loading,
|
|
@@ -5321,7 +5389,11 @@
|
|
|
5321
5389
|
antdDrawer: antd.Drawer,
|
|
5322
5390
|
antdSteps: antd.Steps,
|
|
5323
5391
|
card: Card,
|
|
5324
|
-
truncate: Truncate
|
|
5392
|
+
truncate: Truncate,
|
|
5393
|
+
expandableList: {
|
|
5394
|
+
ExpandableContainer,
|
|
5395
|
+
ExpandableItem
|
|
5396
|
+
}
|
|
5325
5397
|
};
|
|
5326
5398
|
kit.option.isSelectOption = true;
|
|
5327
5399
|
kit.button.__ANT_BUTTON = true;
|