@pinnacle0/web-ui 0.2.102 → 0.3.1

package/admin/AdminApp/WithErrorBoundary.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 interface Props {
     onLifecycleError?: (error: unknown, componentStack: string) => void;
+    children: React.ReactChild;
 }
 interface State {
     error: Error | null;
@@ -9,6 +10,6 @@ export declare class WithErrorBoundary extends React.PureComponent<Props, State>
     static displayName: string;
     constructor(props: Props);
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-    render(): {} | null;
+    render(): string | number | JSX.Element;
 }
 export {};

package/admin/AdminApp/WithErrorBoundary.js

@@ -30,7 +30,7 @@ var WithErrorBoundary = /** @class */ (function (_super) {
     WithErrorBoundary.prototype.render = function () {
         var error = this.state.error;
         return error ? (React.createElement(AdminPage, null,
-            React.createElement(AdminPage.Result, { type: "error", title: "Page Script Error", subtitle: error.message }))) : (this.props.children || null);
+            React.createElement(AdminPage.Result, { type: "error", title: "Page Script Error", subtitle: error.message }))) : (this.props.children);
     };
     WithErrorBoundary.displayName = "WithErrorBoundary";
     return WithErrorBoundary;

package/admin/AdminApp/WithErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithErrorBoundary.js","sourceRoot":"","sources":["../../../src/admin/AdminApp/WithErrorBoundary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAUvC;IAAuC,qCAAiC;IAGpE,2BAAY,KAAY;QAAxB,YACI,kBAAM,KAAK,CAAC,SAEf;QADG,KAAI,CAAC,KAAK,GAAG,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;;IAC/B,CAAC;IAED,6CAAiB,GAAjB,UAAkB,KAAY,EAAE,SAA0B;;QACtD,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,OAAA,EAAC,CAAC,CAAC;QACvB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,gBAAgB,mDAAG,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACnE,CAAC;IAED,kCAAM,GAAN;QACW,IAAA,KAAK,GAAI,IAAI,CAAC,KAAK,MAAd,CAAe;QAC3B,OAAO,KAAK,CAAC,CAAC,CAAC,CACX,oBAAC,SAAS;YACN,oBAAC,SAAS,CAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,mBAAmB,EAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,GAAI,CAC5E,CACf,CAAC,CAAC,CAAC,CACA,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAC9B,CAAC;IACN,CAAC;IArBM,6BAAW,GAAG,mBAAmB,CAAC;IAsB7C,wBAAC;CAAA,AAvBD,CAAuC,KAAK,CAAC,aAAa,GAuBzD;SAvBY,iBAAiB"}
+{"version":3,"file":"WithErrorBoundary.js","sourceRoot":"","sources":["../../../src/admin/AdminApp/WithErrorBoundary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAWvC;IAAuC,qCAAiC;IAGpE,2BAAY,KAAY;QAAxB,YACI,kBAAM,KAAK,CAAC,SAEf;QADG,KAAI,CAAC,KAAK,GAAG,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;;IAC/B,CAAC;IAED,6CAAiB,GAAjB,UAAkB,KAAY,EAAE,SAA0B;;QACtD,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,OAAA,EAAC,CAAC,CAAC;QACvB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,gBAAgB,mDAAG,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACnE,CAAC;IAED,kCAAM,GAAN;QACW,IAAA,KAAK,GAAI,IAAI,CAAC,KAAK,MAAd,CAAe;QAC3B,OAAO,KAAK,CAAC,CAAC,CAAC,CACX,oBAAC,SAAS;YACN,oBAAC,SAAS,CAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,mBAAmB,EAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,GAAI,CAC5E,CACf,CAAC,CAAC,CAAC,CACA,IAAI,CAAC,KAAK,CAAC,QAAQ,CACtB,CAAC;IACN,CAAC;IArBM,6BAAW,GAAG,mBAAmB,CAAC;IAsB7C,wBAAC;CAAA,AAvBD,CAAuC,KAAK,CAAC,aAAa,GAuBzD;SAvBY,iBAAiB"}

package/core/DocumentTitle.d.ts

@@ -23,6 +23,6 @@ export declare class DocumentTitle extends React.PureComponent<Props> {
     componentDidUpdate(prevProps: Readonly<Props>): void;
     componentWillUnmount(): void;
     updateTitle: () => void;
-    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>> & React.ReactNode;
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 }
 export {};

package/core/VirtualTable/index.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import type { SafeReactChildren, SafeReactChild, StringKey } from "../../internal/type";
+import "./index.less";
+export declare type VirtualTableRowSelection<RowType extends object> = {
+    width: number;
+    selectedRowKeys: React.Key[];
+    onChange: (selectedRowKeys: React.Key[], selectedRows: RowType[]) => void;
+    fixed?: boolean;
+    disableSelection?: (data: RowType, rowIndex: number) => boolean;
+    disableSelectAll?: boolean;
+    title?: React.ReactElement | React.ReactChild;
+};
+export declare type VirtualTableColumn<RowType extends object> = {
+    title: React.ReactElement | React.ReactChild;
+    width: number;
+    renderData: (record: RowType, rowIndex: number) => SafeReactChildren | undefined;
+    align?: "left" | "right" | "center";
+    display?: "default" | "hidden";
+    fixed?: "left" | "right";
+    colSpan?: (record: RowType, rowIndex: number, colIndex: number) => number;
+};
+export interface VirtualTableProps<RowType extends object> {
+    dataSource: RowType[];
+    columns: VirtualTableColumn<RowType>[];
+    scrollY: number;
+    rowHeight: number | ((rowIndex: number) => number);
+    className?: string;
+    rowClassName?: string;
+    scrollX?: number;
+    loading?: boolean;
+    emptyPlaceholder?: SafeReactChild;
+    rowSelection?: VirtualTableRowSelection<RowType>;
+    /**
+     * Default: index
+     */
+    rowKey?: StringKey<RowType> | "index";
+}
+export declare const VirtualTable: (<RowType extends object>({ columns, rowHeight, scrollY, dataSource, className, rowClassName, loading, emptyPlaceholder, rowSelection, scrollX, rowKey, }: VirtualTableProps<RowType>) => JSX.Element) & {
+    displayName: string;
+};

package/core/VirtualTable/index.js

@@ -0,0 +1,123 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from "react";
+import { useVirtual } from "react-virtual";
+import { ArrayUtil } from "../../internal/ArrayUtil";
+import { Spin } from "../Spin";
+import { useRowSelection } from "./useRowSelection";
+import { useScrollToEdge } from "./useScrollToEdge";
+import "./index.less";
+var headerHeight = 50;
+var scrollBarSize = 10;
+export var VirtualTable = Object.assign(function (_a) {
+    var columns = _a.columns, rowHeight = _a.rowHeight, scrollY = _a.scrollY, dataSource = _a.dataSource, className = _a.className, rowClassName = _a.rowClassName, loading = _a.loading, emptyPlaceholder = _a.emptyPlaceholder, rowSelection = _a.rowSelection, scrollX = _a.scrollX, _b = _a.rowKey, rowKey = _b === void 0 ? "index" : _b;
+    var size = dataSource.length;
+    var scrollContentRef = React.useRef(null);
+    var estimateSize = React.useCallback(function (rowIndex) { return (typeof rowHeight === "function" ? rowHeight(rowIndex) : rowHeight); }, [rowHeight]);
+    var transformedColumns = useRowSelection({ columns: columns, dataSource: dataSource, rowSelection: rowSelection, rowKey: rowKey });
+    var _c = useVirtual({ size: size, parentRef: scrollContentRef, estimateSize: estimateSize, paddingStart: headerHeight }), virtualItems = _c.virtualItems, totalSize = _c.totalSize;
+    var _d = useScrollToEdge(scrollContentRef), onScroll = _d.onScroll, isScrollToLeft = _d.isScrollToLeft, isScrollToRight = _d.isScrollToRight;
+    var _e = __read(React.useState([]), 2), colWidths = _e[0], setColWidths = _e[1];
+    var headersRef = React.useRef(null);
+    var isScrollable = totalSize > scrollY;
+    var isReady = colWidths.length > 0;
+    var scrollContainerHeight = scrollY + headerHeight + (isScrollable ? scrollBarSize : 0);
+    var getColWidths = function () {
+        if (headersRef.current) {
+            var widths_1 = [];
+            var headers = headersRef.current.querySelectorAll(".table-header");
+            headers.forEach(function (header) {
+                var width = header.getBoundingClientRect().width;
+                widths_1.push(width);
+            });
+            setColWidths(widths_1);
+        }
+    };
+    var stickyPosition = React.useMemo(function () {
+        var result = {};
+        var left = [];
+        var right = [];
+        var leftFixedCols = ArrayUtil.compactMap(transformedColumns, function (_, columnIndex) { return (_.fixed === "left" ? { columnIndex: columnIndex, width: colWidths[columnIndex] } : null); });
+        var rightFixedCols = ArrayUtil.compactMap(transformedColumns, function (_, columnIndex) { return (_.fixed === "right" ? { columnIndex: columnIndex, width: colWidths[columnIndex] } : null); }).reverse();
+        leftFixedCols.forEach(function (column, idx) {
+            var stackedPositionValue = left.reduce(function (acc, prev) { return acc + prev; }, 0);
+            left.push(column.width);
+            result[column.columnIndex] = { value: stackedPositionValue, isLast: idx === leftFixedCols.length - 1 };
+        });
+        rightFixedCols.forEach(function (column, idx) {
+            var stackedPositionValue = right.reduce(function (acc, prev) { return acc + prev; }, 0);
+            right.unshift(column.width);
+            result[column.columnIndex] = { value: stackedPositionValue, isLast: idx === rightFixedCols.length - 1 };
+        });
+        return result;
+    }, [colWidths, transformedColumns]);
+    var getFixedColStyle = function (fixed, columnIndex) {
+        return {
+            left: fixed === "left" ? stickyPosition[columnIndex].value : undefined,
+            right: fixed === "right" ? stickyPosition[columnIndex].value : undefined,
+        };
+    };
+    var getFixedColClassNames = function (fixed, columnIndex) {
+        var isFixedClassName = fixed ? "fixed" : "";
+        var isLastFixedClassName = fixed && stickyPosition[columnIndex].isLast ? "last" : "";
+        var fixedPositionClassName = fixed;
+        var hideShadowClassName = (fixed === "left" && isScrollToLeft) || (fixed === "right" && isScrollToRight) ? "hide-shadow" : "";
+        return [isFixedClassName, isLastFixedClassName, fixedPositionClassName, hideShadowClassName];
+    };
+    // get the correct column width with the occurrence of scroll bar
+    React.useEffect(function () {
+        getColWidths();
+    }, [isScrollable]);
+    return (React.createElement("div", { className: ["g-virtual-table", className].join(" "), style: { width: scrollX || "100%" } }, React.createElement("div", { className: "scroll-content", ref: scrollContentRef, style: { height: scrollContainerHeight }, onScroll: onScroll },
+        React.createElement("div", { className: "table", style: { height: totalSize } },
+            React.createElement("div", { className: "table-headers", ref: headersRef, style: { height: headerHeight, width: isScrollable && !isReady ? "calc(100% - ".concat(scrollBarSize, "px)") : "100%" } }, transformedColumns.map(function (_a, columnIndex) {
+                var title = _a.title, width = _a.width, align = _a.align, fixed = _a.fixed, display = _a.display;
+                return (React.createElement("div", { className: __spreadArray(["table-header"], __read(getFixedColClassNames(fixed, columnIndex)), false).join(" "), key: columnIndex, style: __assign({ display: display !== "hidden" ? "flex" : "none", flex: "1 0 ".concat(width, "px"), textAlign: align }, getFixedColStyle(fixed, columnIndex)) }, title));
+            })),
+            React.createElement("div", { className: "table-body", style: { height: "calc(100% - ".concat(headerHeight, "px)") } }, loading ? (React.createElement(Spin, { spinning: loading })) : dataSource.length === 0 ? (emptyPlaceholder || "暂无数据") : (isReady &&
+                virtualItems.map(function (virtualItem) {
+                    var rowIndex = virtualItem.index;
+                    var currentData = dataSource[rowIndex];
+                    return (React.createElement("div", { key: rowIndex, className: ["table-row", rowClassName, rowIndex % 2 ? "odd" : "even"].join(" "), style: { height: virtualItem.size, transform: "translateY(".concat(virtualItem.start, "px)") } }, transformedColumns.map(function (column, columnIndex) {
+                        var colSpan = column.colSpan ? column.colSpan(currentData, rowIndex, columnIndex) : 1;
+                        var cellWidth = colSpan > 1 ? colWidths.slice(columnIndex, columnIndex + colSpan).reduce(function (acc, curr) { return acc + curr; }, 0) : colWidths[columnIndex];
+                        var renderData = column.display !== "hidden" && column.renderData(currentData, rowIndex);
+                        return (renderData && (React.createElement("div", { className: __spreadArray(["table-cell"], __read(getFixedColClassNames(column.fixed, columnIndex)), false).join(" "), key: columnIndex, style: __assign({ height: "100%", width: cellWidth, textAlign: column.align }, getFixedColStyle(column.fixed, columnIndex)) }, renderData)));
+                    })));
+                })))))));
+}, { displayName: "VirtualTable" });
+//# sourceMappingURL=index.js.map

package/core/VirtualTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/index.tsx"],"names":[],"mappings":"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"}

package/core/VirtualTable/index.less

@@ -0,0 +1,133 @@
+.fixed-column-shadow(@position) {
+    content: "";
+    position: absolute;
+    width: 30px;
+    height: 100%;
+    pointer-events: none;
+    background-color: transparent;
+    top: 0;
+    bottom: -1px;
+    transition: box-shadow 0.3s;
+
+    & when (@position = "right") {
+        left: 0;
+        transform: translate(-100%);
+        box-shadow: inset -10px 0 8px -8px #00000026;
+    }
+
+    & when (@position = "left") {
+        right: 0;
+        transform: translate(100%);
+        box-shadow: inset 10px 0 8px -8px #00000026;
+    }
+}
+
+.g-virtual-table {
+    position: relative;
+
+    .scroll-content {
+        width: 100%;
+        overflow: auto;
+
+        .table {
+            position: relative;
+            min-height: 100%;
+
+            .table-headers {
+                display: flex;
+                flex-wrap: nowrap;
+                position: sticky;
+                top: 0;
+                z-index: 10;
+
+                .table-header {
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    background-color: #f2f2f2;
+                    height: 100%;
+                    position: relative;
+
+                    &:not(:last-of-type)::before {
+                        background-color: rgb(0 0 0 / 6%);
+                        content: "";
+                        height: 60%;
+                        position: absolute;
+                        right: 0;
+                        top: 50%;
+                        transform: translateY(-50%);
+                        transition: background-color 0.3s;
+                        width: 1px;
+                    }
+
+                    &.fixed {
+                        position: sticky;
+                        z-index: 5;
+
+                        &.last {
+                            &.left {
+                                &::after {
+                                    .fixed-column-shadow("left");
+                                }
+                            }
+
+                            &.right {
+                                &::after {
+                                    .fixed-column-shadow("right");
+                                }
+                            }
+
+                            &.hide-shadow::after {
+                                box-shadow: none;
+                            }
+                        }
+                    }
+                }
+            }
+
+            .table-body {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+
+                .table-row {
+                    display: flex;
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+
+                    .table-cell {
+                        display: flex;
+                        justify-content: center;
+                        align-items: center;
+                        background-color: #fff;
+                        word-break: break-word;
+
+                        &.fixed {
+                            position: sticky;
+                            z-index: 5;
+
+                            &.last {
+                                &.left {
+                                    &::after {
+                                        .fixed-column-shadow("left");
+                                    }
+                                }
+
+                                &.right {
+                                    &::after {
+                                        .fixed-column-shadow("right");
+                                    }
+                                }
+
+                                &.hide-shadow::after {
+                                    box-shadow: none;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

package/core/VirtualTable/useRowSelection.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { VirtualTableRowSelection, VirtualTableColumn } from "./index";
+interface Props<RowType extends object> {
+    columns: VirtualTableColumn<RowType>[];
+    dataSource: RowType[];
+    rowSelection?: VirtualTableRowSelection<RowType>;
+    rowKey: "index" | React.Key;
+}
+export declare const useRowSelection: <RowType extends object>({ columns, dataSource, rowSelection, rowKey }: Props<RowType>) => VirtualTableColumn<RowType>[];
+export {};

package/core/VirtualTable/useRowSelection.js

@@ -0,0 +1,57 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from "react";
+import { Checkbox } from "../Checkbox";
+import { ArrayUtil } from "../../internal/ArrayUtil";
+export var useRowSelection = function (_a) {
+    var columns = _a.columns, dataSource = _a.dataSource, rowSelection = _a.rowSelection, rowKey = _a.rowKey;
+    var transformedColumns = React.useMemo(function () {
+        if (!rowSelection) {
+            return __spreadArray([], __read(columns), false);
+        }
+        var width = rowSelection.width, onChange = rowSelection.onChange, selectedRowKeys = rowSelection.selectedRowKeys, fixed = rowSelection.fixed, disableSelectAll = rowSelection.disableSelectAll, disableSelection = rowSelection.disableSelection, title = rowSelection.title;
+        var onSelectAll = function (val) {
+            var allSelectedRowKeys = dataSource.map(function (_, idx) { return (rowKey === "index" ? idx : _[rowKey]); });
+            val ? onChange(allSelectedRowKeys, dataSource) : onChange([], []);
+        };
+        var rowSelectionColumn = {
+            width: width,
+            fixed: fixed ? "left" : undefined,
+            title: title || (React.createElement(Checkbox, { disabled: disableSelectAll || dataSource.length === 0, indeterminate: selectedRowKeys.length >= 1 && selectedRowKeys.length !== dataSource.length, onChange: onSelectAll, value: dataSource.length !== 0 && selectedRowKeys ? selectedRowKeys.length === dataSource.length : false })),
+            renderData: function (data, rowIndex) {
+                var dataKey = rowKey === "index" ? rowIndex : data[rowKey];
+                var isChecked = selectedRowKeys.includes(dataKey);
+                var toggledSelectedRowKeys = ArrayUtil.toggleElement(selectedRowKeys, dataKey);
+                return (React.createElement(Checkbox, { disabled: disableSelection === null || disableSelection === void 0 ? void 0 : disableSelection(data, rowIndex), value: isChecked, onChange: function () {
+                        return onChange(toggledSelectedRowKeys, dataSource.filter(function (_, idx) { return toggledSelectedRowKeys.includes(rowKey ? _[rowKey] : idx); }));
+                    } }));
+            },
+        };
+        return __spreadArray([rowSelectionColumn], __read(columns), false);
+    }, [columns, dataSource, rowKey, rowSelection]);
+    return transformedColumns;
+};
+//# sourceMappingURL=useRowSelection.js.map

package/core/VirtualTable/useRowSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowSelection.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/useRowSelection.tsx"],"names":[],"mappings":"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"}

package/core/VirtualTable/useScrollToEdge.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare const useScrollToEdge: (scrollContentRef: React.RefObject<HTMLElement>) => {
+    onScroll: () => void;
+    isScrollToLeft: boolean;
+    isScrollToRight: boolean;
+    isScrollToTop: boolean;
+    isScrollToBottom: boolean;
+};

package/core/VirtualTable/useScrollToEdge.js

@@ -0,0 +1,41 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React from "react";
+export var useScrollToEdge = function (scrollContentRef) {
+    var _a = __read(React.useState(true), 2), isScrollToLeft = _a[0], setIsScrollToLeft = _a[1];
+    var _b = __read(React.useState(false), 2), isScrollToRight = _b[0], setIsScrollToRight = _b[1];
+    var _c = __read(React.useState(true), 2), isScrollToTop = _c[0], setIsScrollToTop = _c[1];
+    var _d = __read(React.useState(false), 2), isScrollToBottom = _d[0], setIsScrollToBottom = _d[1];
+    var onScroll = React.useCallback(function () {
+        var isScrollLeft = scrollContentRef.current ? scrollContentRef.current.scrollLeft <= 1 : false;
+        var isScrollRight = scrollContentRef.current ? scrollContentRef.current.scrollLeft >= scrollContentRef.current.scrollWidth - scrollContentRef.current.clientWidth : false;
+        var isScrollTop = scrollContentRef.current ? scrollContentRef.current.scrollTop <= 1 : false;
+        var isScrollBottom = scrollContentRef.current ? scrollContentRef.current.scrollTop >= scrollContentRef.current.scrollHeight - scrollContentRef.current.clientHeight : false;
+        setIsScrollToLeft(isScrollLeft);
+        setIsScrollToRight(isScrollRight);
+        setIsScrollToTop(isScrollTop);
+        setIsScrollToBottom(isScrollBottom);
+    }, [scrollContentRef]);
+    return {
+        onScroll: onScroll,
+        isScrollToLeft: isScrollToLeft,
+        isScrollToRight: isScrollToRight,
+        isScrollToTop: isScrollToTop,
+        isScrollToBottom: isScrollToBottom,
+    };
+};
+//# sourceMappingURL=useScrollToEdge.js.map

package/core/VirtualTable/useScrollToEdge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToEdge.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/useScrollToEdge.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,gBAA8C;IACpE,IAAA,KAAA,OAAsC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAA,EAAzD,cAAc,QAAA,EAAE,iBAAiB,QAAwB,CAAC;IAC3D,IAAA,KAAA,OAAwC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA5D,eAAe,QAAA,EAAE,kBAAkB,QAAyB,CAAC;IAC9D,IAAA,KAAA,OAAoC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAA,EAAvD,aAAa,QAAA,EAAE,gBAAgB,QAAwB,CAAC;IACzD,IAAA,KAAA,OAA0C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA9D,gBAAgB,QAAA,EAAE,mBAAmB,QAAyB,CAAC;IAEtE,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC;QAC/B,IAAM,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACjG,IAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,IAAI,gBAAgB,CAAC,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC;QAE5K,IAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC/F,IAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,SAAS,IAAI,gBAAgB,CAAC,OAAO,CAAC,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC;QAC9K,iBAAiB,CAAC,YAAY,CAAC,CAAC;QAChC,kBAAkB,CAAC,aAAa,CAAC,CAAC;QAClC,gBAAgB,CAAC,WAAW,CAAC,CAAC;QAC9B,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO;QACH,QAAQ,UAAA;QACR,cAAc,gBAAA;QACd,eAAe,iBAAA;QACf,aAAa,eAAA;QACb,gBAAgB,kBAAA;KACnB,CAAC;AACN,CAAC,CAAC"}

package/core/WithExplanation/index.d.ts

@@ -17,5 +17,5 @@ export interface Props {
 export declare class WithExplanation extends React.PureComponent<Props> {
     static displayName: string;
     static defaultProps: PickOptional<Props>;
-    render(): string | number | true | JSX.Element | import("../../internal/type").SafeReactChild[] | (false & {});
+    render(): string | number | true | JSX.Element | import("../../internal/type").SafeReactChild[];
 }

package/internal/ArrayUtil.d.ts

@@ -15,9 +15,15 @@ declare function toObject<T, V>(array: ReadonlyArray<T>, mapperCallback: (item:
  * @param callback Callback to transform item
  */
 declare function compactMap<T, V>(array: ReadonlyArray<T>, callback: (item: T, index: number) => V): Array<NonNullable<V>>;
+/**
+ * If element exists in array, it will return a new array without this element.
+ * If element not exists in array, it will return a new array with this element in the last.
+ */
+declare function toggleElement<T>(array: ReadonlyArray<T>, element: T): T[];
 export declare const ArrayUtil: Readonly<{
     intersectionPercentage: typeof intersectionPercentage;
     toObject: typeof toObject;
     compactMap: typeof compactMap;
+    toggleElement: typeof toggleElement;
 }>;
 export {};

package/internal/ArrayUtil.js

@@ -1,3 +1,28 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 /**
  * Return b's the occurrence percentage in a.
  * The ordering of a & b matters.
@@ -27,9 +52,25 @@ function toObject(array, mapperCallback) {
 function compactMap(array, callback) {
     return array.map(callback).filter(function (_) { return _ !== null && _ !== undefined && (typeof _ !== "number" || !Number.isNaN(_)); });
 }
+/**
+ * If element exists in array, it will return a new array without this element.
+ * If element not exists in array, it will return a new array with this element in the last.
+ */
+function toggleElement(array, element) {
+    var index = array.indexOf(element);
+    if (index >= 0) {
+        var clonedArray = __spreadArray([], __read(array), false);
+        clonedArray.splice(index, 1);
+        return clonedArray;
+    }
+    else {
+        return __spreadArray(__spreadArray([], __read(array), false), [element], false);
+    }
+}
 export var ArrayUtil = Object.freeze({
     intersectionPercentage: intersectionPercentage,
     toObject: toObject,
     compactMap: compactMap,
+    toggleElement: toggleElement,
 });
 //# sourceMappingURL=ArrayUtil.js.map

package/internal/ArrayUtil.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayUtil.js","sourceRoot":"","sources":["../../src/internal/ArrayUtil.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,SAAS,sBAAsB,CAAI,CAAM,EAAE,CAAM;IAC7C,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QAChB,OAAO,CAAC,CAAC;KACZ;IACD,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAb,CAAa,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC;AAClE,CAAC;AAED,SAAS,QAAQ,CAAO,KAAuB,EAAE,cAAuD;IACpG,IAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,KAAK,CAAC,OAAO,CAAC,UAAC,IAAI,EAAE,KAAK;QACtB,IAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAClB,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,UAAU,CAAO,KAAuB,EAAE,QAAuC;IACtF,OAAO,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAA5E,CAA4E,CAA0B,CAAC;AAClJ,CAAC;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,sBAAsB,wBAAA;IACtB,QAAQ,UAAA;IACR,UAAU,YAAA;CACb,CAAC,CAAC"}
+{"version":3,"file":"ArrayUtil.js","sourceRoot":"","sources":["../../src/internal/ArrayUtil.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;GAGG;AACH,SAAS,sBAAsB,CAAI,CAAM,EAAE,CAAM;IAC7C,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QAChB,OAAO,CAAC,CAAC;KACZ;IACD,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAb,CAAa,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC;AAClE,CAAC;AAED,SAAS,QAAQ,CAAO,KAAuB,EAAE,cAAuD;IACpG,IAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,KAAK,CAAC,OAAO,CAAC,UAAC,IAAI,EAAE,KAAK;QACtB,IAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAClB,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,UAAU,CAAO,KAAuB,EAAE,QAAuC;IACtF,OAAO,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAA5E,CAA4E,CAA0B,CAAC;AAClJ,CAAC;AAED;;;GAGG;AACH,SAAS,aAAa,CAAI,KAAuB,EAAE,OAAU;IACzD,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACrC,IAAI,KAAK,IAAI,CAAC,EAAE;QACZ,IAAM,WAAW,4BAAO,KAAK,SAAC,CAAC;QAC/B,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC7B,OAAO,WAAW,CAAC;KACtB;SAAM;QACH,8CAAW,KAAK,YAAE,OAAO,UAAE;KAC9B;AACL,CAAC;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,sBAAsB,wBAAA;IACtB,QAAQ,UAAA;IACR,UAAU,YAAA;IACV,aAAa,eAAA;CAChB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pinnacle0/web-ui",
-    "version": "0.2.102",
+    "version": "0.3.1",
     "author": "Pinnacle",
     "license": "MIT",
     "sideEffects": [
@@ -24,9 +24,10 @@
     },
     "dependencies": {
         "@ant-design/icons": "4.7.0",
-        "antd": "4.19.4",
+        "antd": "4.20.1",
         "braft-editor": "2.3.9",
-        "moment": "2.29.1"
+        "moment": "2.29.3",
+        "react-virtual": "2.10.4"
     },
     "peerDependencies": {
         "@babel/runtime": ">=7.12.1",
@@ -37,18 +38,18 @@
     "devDependencies": {
         "@babel/core": "7.17.8",
         "@babel/runtime": "7.17.8",
-        "@testing-library/dom": "8.12.0",
-        "@testing-library/jest-dom": "5.16.3",
-        "@testing-library/react": "12.1.4",
-        "@testing-library/user-event": "13.5.0",
+        "@testing-library/dom": "8.13.0",
+        "@testing-library/jest-dom": "5.16.4",
+        "@testing-library/react": "13.1.1",
+        "@testing-library/user-event": "14.1.1",
         "@types/draft-js": "0.11.9",
         "@types/history": "4.7.11",
-        "@types/react": "17.0.43",
+        "@types/react": "18.0.8",
         "@types/react-dom": "17.0.14",
         "@types/react-router-dom": "5.3.2",
         "less": "4.1.2",
-        "react": "17.0.2",
-        "react-dom": "17.0.2",
+        "react": "18.1.0",
+        "react-dom": "18.1.0",
         "react-router-dom": "5.3.0"
     }
 }

package/util/MediaUtil/index.js

@@ -1,5 +1,5 @@
 import React from "react";
-import ReactDOM from "react-dom";
+import ReactDOM from "react-dom/client";
 import CloseOutlined from "@ant-design/icons/CloseOutlined";
 import "./index.less";
 function openImage(url) {
@@ -10,9 +10,10 @@ function openImage(url) {
             bodyElement.removeChild(divElement);
             resolve();
         };
-        ReactDOM.render(React.createElement("div", { onClick: closeModal, className: "g-media-modal" },
+        bodyElement.appendChild(divElement);
+        ReactDOM.createRoot(divElement).render(React.createElement("div", { onClick: closeModal, className: "g-media-modal" },
             React.createElement("img", { src: url }),
-            React.createElement(CloseOutlined, null)), divElement, function () { return bodyElement.appendChild(divElement); });
+            React.createElement(CloseOutlined, null)));
     });
 }
 function openVideo(url) {
@@ -23,9 +24,10 @@ function openVideo(url) {
             bodyElement.removeChild(divElement);
             resolve();
         };
-        ReactDOM.render(React.createElement("div", { onClick: closeModal, className: "g-media-modal" },
+        ReactDOM.createRoot(divElement).render(React.createElement("div", { onClick: closeModal, className: "g-media-modal" },
             React.createElement("video", { src: url, autoPlay: true, controls: true, controlsList: "nodownload", muted: true }),
-            React.createElement(CloseOutlined, null)), divElement, function () { return bodyElement.appendChild(divElement); });
+            React.createElement(CloseOutlined, null)));
+        bodyElement.appendChild(divElement);
     });
 }
 function playAudio(url, amplitude) {

package/util/MediaUtil/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/util/MediaUtil/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,aAAa,MAAM,iCAAiC,CAAC;AAC5D,OAAO,cAAc,CAAC;AAEtB,SAAS,SAAS,CAAC,GAAW;IAC1B,OAAO,IAAI,OAAO,CAAO,UAAA,OAAO;QAC5B,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC;QAClC,IAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjD,IAAM,UAAU,GAAG;YACf,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACpC,OAAO,EAAE,CAAC;QACd,CAAC,CAAC;QAEF,QAAQ,CAAC,MAAM,CACX,6BAAK,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,eAAe;YAC/C,6BAAK,GAAG,EAAE,GAAG,GAAI;YACjB,oBAAC,aAAa,OAAG,CACf,EACN,UAAU,EACV,cAAM,OAAA,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,EAAnC,CAAmC,CAC5C,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,SAAS,CAAC,GAAW;IAC1B,OAAO,IAAI,OAAO,CAAO,UAAA,OAAO;QAC5B,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC;QAClC,IAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjD,IAAM,UAAU,GAAG;YACf,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACpC,OAAO,EAAE,CAAC;QACd,CAAC,CAAC;QAEF,QAAQ,CAAC,MAAM,CACX,6BAAK,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,eAAe;YAC/C,+BAAO,GAAG,EAAE,GAAG,EAAE,QAAQ,QAAC,QAAQ,QAAC,YAAY,EAAC,YAAY,EAAC,KAAK,SAAG;YACrE,oBAAC,aAAa,OAAG,CACf,EACN,UAAU,EACV,cAAM,OAAA,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,EAAnC,CAAmC,CAC5C,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,SAAS,CAAC,GAAW,EAAE,SAAqB;IAArB,0BAAA,EAAA,aAAqB;IACjD,IAAI;QACA;;;;WAIG;QACH,IAAM,aAAa,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC;QACrC,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;QACxC,IAAM,QAAQ,GAAG,IAAI,YAAY,EAAE,CAAC;QACpC,IAAM,MAAM,GAAG,QAAQ,CAAC,wBAAwB,CAAC,aAAa,CAAC,CAAC;QAChE,IAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvC,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QAChC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACzB,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QACvC,aAAa,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,cAAO,CAAC,CAAC,CAAC;KACxC;IAAC,OAAO,CAAC,EAAE;QACR,aAAa;KAChB;AACL,CAAC;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,SAAS,WAAA;IACT,SAAS,WAAA;IACT,SAAS,WAAA;CACZ,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/util/MediaUtil/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,aAAa,MAAM,iCAAiC,CAAC;AAC5D,OAAO,cAAc,CAAC;AAEtB,SAAS,SAAS,CAAC,GAAW;IAC1B,OAAO,IAAI,OAAO,CAAO,UAAA,OAAO;QAC5B,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC;QAClC,IAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjD,IAAM,UAAU,GAAG;YACf,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACpC,OAAO,EAAE,CAAC;QACd,CAAC,CAAC;QAEF,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACpC,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,MAAM,CAClC,6BAAK,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,eAAe;YAC/C,6BAAK,GAAG,EAAE,GAAG,GAAI;YACjB,oBAAC,aAAa,OAAG,CACf,CACT,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,SAAS,CAAC,GAAW;IAC1B,OAAO,IAAI,OAAO,CAAO,UAAA,OAAO;QAC5B,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC;QAClC,IAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjD,IAAM,UAAU,GAAG;YACf,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACpC,OAAO,EAAE,CAAC;QACd,CAAC,CAAC;QAEF,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,MAAM,CAClC,6BAAK,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,eAAe;YAC/C,+BAAO,GAAG,EAAE,GAAG,EAAE,QAAQ,QAAC,QAAQ,QAAC,YAAY,EAAC,YAAY,EAAC,KAAK,SAAG;YACrE,oBAAC,aAAa,OAAG,CACf,CACT,CAAC;QACF,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,SAAS,CAAC,GAAW,EAAE,SAAqB;IAArB,0BAAA,EAAA,aAAqB;IACjD,IAAI;QACA;;;;WAIG;QACH,IAAM,aAAa,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC;QACrC,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;QACxC,IAAM,QAAQ,GAAG,IAAI,YAAY,EAAE,CAAC;QACpC,IAAM,MAAM,GAAG,QAAQ,CAAC,wBAAwB,CAAC,aAAa,CAAC,CAAC;QAChE,IAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvC,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QAChC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACzB,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QACvC,aAAa,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,cAAO,CAAC,CAAC,CAAC;KACxC;IAAC,OAAO,CAAC,EAAE;QACR,aAAa;KAChB;AACL,CAAC;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,SAAS,WAAA;IACT,SAAS,WAAA;IACT,SAAS,WAAA;CACZ,CAAC,CAAC"}