@pinnacle0/web-ui 0.3.21 → 0.3.22

package/admin/AdminApp/Menu.d.ts

@@ -40,5 +40,5 @@ declare class RouterAwareMenu extends React.PureComponent<Props, State> {
     renderMenuGroup: (groupItem: NavigationGroupItem<any, any>) => JSX.Element;
     render(): JSX.Element;
 }
-export declare const Menu: React.ComponentClass<Pick<Props, "siteName" | "navigationService" | "menuExpanded" | "badges">, any> & import("react-router").WithRouterStatics<typeof RouterAwareMenu>;
+export declare const Menu: import("react").ComponentClass<Pick<Props, "siteName" | "navigationService" | "menuExpanded" | "badges">, any> & import("react-router").WithRouterStatics<typeof RouterAwareMenu>;
 export {};

package/admin/AdminApp/Navigator.d.ts

@@ -26,5 +26,5 @@ declare class RouterAwareNavigator extends React.PureComponent<Props, State> {
     onTabChange: (url: string) => void;
     render(): JSX.Element;
 }
-export declare const Navigator: React.ComponentClass<Pick<Props, "navigationService">, any> & import("react-router").WithRouterStatics<typeof RouterAwareNavigator>;
+export declare const Navigator: import("react").ComponentClass<Pick<Props, "navigationService">, any> & import("react-router").WithRouterStatics<typeof RouterAwareNavigator>;
 export {};

package/core/Card.d.ts

@@ -5,6 +5,6 @@ export interface Props extends CardProps {
 }
 export declare class Card extends React.PureComponent<Props> {
     static displayName: string;
-    static Grid: React.FC<import("antd/lib/card").CardGridProps>;
+    static Grid: import("react").FC<import("antd/lib/card").CardGridProps>;
     render(): JSX.Element;
 }

package/core/Checkbox/index.d.ts

@@ -8,7 +8,7 @@ export interface Props extends Omit<CheckboxProps, "value" | "onChange" | "check
 }
 export declare class Checkbox extends React.PureComponent<Props> {
     static displayName: string;
-    static Group: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("antd/lib/checkbox").CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>>;
+    static Group: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd/lib/checkbox").CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
     onChange: (e: CheckboxChangeEvent) => void;
     render(): JSX.Element;
 }

package/core/Collapse.d.ts

@@ -6,7 +6,7 @@ export interface Props extends CollapseProps {
 }
 export declare class Collapse extends React.PureComponent<Props> {
     static displayName: string;
-    static Panel: React.FC<CollapsePanelProps>;
+    static Panel: import("react").FC<CollapsePanelProps>;
     render(): JSX.Element;
 }
 export declare type PanelProps = CollapsePanelProps;

package/core/DarkOverlay/index.d.ts

@@ -8,5 +8,5 @@ export interface Props {
 }
 export declare class DarkOverlay extends React.PureComponent<Props> {
     static displayName: string;
-    render(): React.ReactPortal;
+    render(): import("react").ReactPortal;
 }

package/core/FlatList/VirtualFlatList/Item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FooterData } from "../type";
 import type { ItemRenderer, Measure } from "./type";
 export interface Gap {

package/core/FlatList/VirtualFlatList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 import type { VirtualFlatListProps } from "./type";
 /**

package/core/FlatList/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { FlatListProps } from "./type";
 export declare const FlatList: <T>(props: FlatListProps<T>) => JSX.Element;

package/core/FlatList/shared/Footer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Measure } from "../../VirtualFlatList/type";
 import type { FooterData } from "../../type";
 import "./index.less";

package/core/FlatList/shared/Spinner/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface Props {
     loading: boolean;

package/core/FlatList/shared/Wrapper/Loading.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     loading: boolean;
     message?: string;

package/core/Grid.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "antd/lib/grid/style";
 export declare const Grid: {
     Row: import("react").ForwardRefExoticComponent<import("antd").RowProps & import("react").RefAttributes<HTMLDivElement>>;

package/core/Input/index.d.ts

@@ -22,7 +22,7 @@ export interface Props extends Omit<InputProps, ExcludedAntInputKeys>, Controlle
 }
 export declare class Input extends React.PureComponent<Props> {
     static displayName: string;
-    static Group: React.FC<import("antd/lib/input").GroupProps>;
+    static Group: import("react").FC<import("antd/lib/input").GroupProps>;
     static Readonly: (props: InputReadonlyProps) => JSX.Element;
     static Search: ({ onChange, ...rest }: InputSearchProps) => JSX.Element;
     static TextArea: ({ onChange, ...rest }: InputTextAreaProps) => JSX.Element;

package/core/Radio/index.d.ts

@@ -6,8 +6,8 @@ export interface Props extends RadioProps {
 }
 export declare class Radio extends React.PureComponent<Props> {
     static displayName: string;
-    static Button: React.ForwardRefExoticComponent<import("antd/lib/radio/radioButton").RadioButtonProps & React.RefAttributes<any>>;
-    static Group: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("antd/lib/radio").RadioGroupProps & React.RefAttributes<HTMLDivElement>>>;
+    static Button: import("react").ForwardRefExoticComponent<import("antd/lib/radio/radioButton").RadioButtonProps & import("react").RefAttributes<any>>;
+    static Group: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd/lib/radio").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
     render(): JSX.Element;
 }
 export type { RadioChangeEvent };

package/core/VirtualTable/TableRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { VirtualItem } from "react-virtual";
 import type { ColumnFixedPosition, VirtualTableColumn, VirtualTableRowExpand, StickyPosition } from "./type";
 interface Props<RowType extends object> {

package/core/VirtualTable/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SafeReactChild, StringKey } from "../../internal/type";
 import type { VirtualTableColumn, VirtualTableRowExpand, VirtualTableRowSelection } from "./type";
 import "./index.less";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pinnacle0/web-ui",
-    "version": "0.3.21",
+    "version": "0.3.22",
     "author": "Pinnacle",
     "license": "MIT",
     "sideEffects": [
@@ -21,7 +21,7 @@
         "start": "yarn run-script script/start.ts",
         "start:mobile": "yarn run-script script/start-mobile.ts",
         "format": "yarn run-script script/format.ts",
-        "test": "jest --config config/jest.config.js"
+        "test": "jest --config config/jest.config.ts"
     },
     "dependencies": {
         "@ant-design/icons": "4.7.0",

package/util/CanvasUtil.d.ts

@@ -1,6 +1,8 @@
 interface DrawPathOptions {
     strokeColor: string;
     lineWidth?: number;
+    /** shorten the path between node from both ends */
+    offset?: number;
 }
 /**
  * This function draws line on canvas between the center of nodes.
@@ -8,7 +10,7 @@ interface DrawPathOptions {
  * Attention:
  * canvasContext must share the same offsetParent with the nodes.
  */
-declare function drawPathBetweenNodes(nodes: NodeListOf<Element>, canvasContext: CanvasRenderingContext2D, { strokeColor, lineWidth }: DrawPathOptions): void;
+declare function drawPathBetweenNodes(nodes: NodeListOf<Element>, canvasContext: CanvasRenderingContext2D, { strokeColor, lineWidth, offset }: DrawPathOptions): void;
 export declare const CanvasUtil: Readonly<{
     drawPathBetweenNodes: typeof drawPathBetweenNodes;
 }>;

package/util/CanvasUtil.js

@@ -14,6 +14,17 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
 /**
  * This function draws line on canvas between the center of nodes.
  *
@@ -21,42 +32,61 @@ var __read = (this && this.__read) || function (o, n) {
  * canvasContext must share the same offsetParent with the nodes.
  */
 function drawPathBetweenNodes(nodes, canvasContext, _a) {
-    var strokeColor = _a.strokeColor, _b = _a.lineWidth, lineWidth = _b === void 0 ? 1 : _b;
+    var e_1, _b;
+    var strokeColor = _a.strokeColor, _c = _a.lineWidth, lineWidth = _c === void 0 ? 1 : _c, _d = _a.offset, offset = _d === void 0 ? 0 : _d;
+    var _e = __read(Array.from(nodes).map(function (_) { return elementCenter(_, canvasContext.canvas.offsetParent); })), first = _e[0], rest = _e.slice(1);
+    if (!first)
+        return;
+    var drawWithOffset = offset > 0;
+    var previousPosition = first;
     canvasContext.save();
-    canvasContext.beginPath();
-    var _c = __read(Array.from(nodes).map(function (_) { return elementCenter(_, canvasContext.canvas.offsetParent); })), first = _c[0], rest = _c.slice(1);
-    if (first) {
-        canvasContext.moveTo(first.x, first.y);
-        rest.forEach(function (node) {
-            if (node) {
-                canvasContext.lineTo(node.x, node.y);
-            }
-        });
-    }
     canvasContext.lineWidth = lineWidth;
     canvasContext.strokeStyle = strokeColor;
-    canvasContext.stroke();
+    if (!drawWithOffset) {
+        canvasContext.beginPath();
+        canvasContext.moveTo(previousPosition.x, previousPosition.y);
+    }
+    try {
+        for (var rest_1 = __values(rest), rest_1_1 = rest_1.next(); !rest_1_1.done; rest_1_1 = rest_1.next()) {
+            var position = rest_1_1.value;
+            if (position) {
+                if (drawWithOffset) {
+                    canvasContext.beginPath();
+                    canvasContext.moveTo(previousPosition.x, previousPosition.y);
+                    canvasContext.setLineDash([0, offset, Math.sqrt(Math.pow((position.x - previousPosition.x), 2) + Math.pow((position.y - previousPosition.y), 2)) - offset * 2, offset, 0]);
+                    previousPosition = position;
+                }
+                canvasContext.lineTo(position.x, position.y);
+                if (drawWithOffset)
+                    canvasContext.stroke();
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (rest_1_1 && !rest_1_1.done && (_b = rest_1.return)) _b.call(rest_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    if (!drawWithOffset)
+        canvasContext.stroke();
     canvasContext.restore();
 }
 function elementCenter(element, canvasParentElement) {
-    if (element) {
-        var htmlElement = element;
-        var x = htmlElement.offsetLeft + htmlElement.offsetWidth / 2;
-        var y = htmlElement.offsetTop + htmlElement.offsetHeight / 2;
-        var parentElement = htmlElement.offsetParent;
-        while (parentElement && canvasParentElement && parentElement !== canvasParentElement) {
-            x = x + parentElement.offsetLeft;
-            y = y + parentElement.offsetTop;
-            parentElement = parentElement.offsetParent;
-        }
-        return {
-            x: x,
-            y: y,
-        };
-    }
-    else {
-        return null;
+    var htmlElement = element;
+    var x = htmlElement.offsetLeft + htmlElement.offsetWidth / 2;
+    var y = htmlElement.offsetTop + htmlElement.offsetHeight / 2;
+    var parentElement = htmlElement.offsetParent;
+    while (parentElement && canvasParentElement && parentElement !== canvasParentElement) {
+        x = x + parentElement.offsetLeft;
+        y = y + parentElement.offsetTop;
+        parentElement = parentElement.offsetParent;
     }
+    return {
+        x: x,
+        y: y,
+    };
 }
 export var CanvasUtil = Object.freeze({
     drawPathBetweenNodes: drawPathBetweenNodes,

package/util/CanvasUtil.js.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasUtil.js","sourceRoot":"","sources":["../../src/util/CanvasUtil.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAIA;;;;;GAKG;AACH,SAAS,oBAAoB,CAAC,KAA0B,EAAE,aAAuC,EAAE,EAA6C;QAA5C,WAAW,iBAAA,EAAE,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA;IAC1H,aAAa,CAAC,IAAI,EAAE,CAAC;IACrB,aAAa,CAAC,SAAS,EAAE,CAAC;IACpB,IAAA,KAAA,OAAmB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,aAAa,CAAC,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,EAAnD,CAAmD,CAAC,CAAA,EAAjG,KAAK,QAAA,EAAK,IAAI,cAAmF,CAAC;IACzG,IAAI,KAAK,EAAE;QACP,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,CAAC,UAAA,IAAI;YACb,IAAI,IAAI,EAAE;gBACN,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;aACxC;QACL,CAAC,CAAC,CAAC;KACN;IACD,aAAa,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;IACxC,aAAa,CAAC,MAAM,EAAE,CAAC;IACvB,aAAa,CAAC,OAAO,EAAE,CAAC;AAC5B,CAAC;AAED,SAAS,aAAa,CAAC,OAAuB,EAAE,mBAAmC;IAC/E,IAAI,OAAO,EAAE;QACT,IAAM,WAAW,GAAG,OAAsB,CAAC;QAC3C,IAAI,CAAC,GAAG,WAAW,CAAC,UAAU,GAAG,WAAW,CAAC,WAAW,GAAG,CAAC,CAAC;QAC7D,IAAI,CAAC,GAAG,WAAW,CAAC,SAAS,GAAG,WAAW,CAAC,YAAY,GAAG,CAAC,CAAC;QAC7D,IAAI,aAAa,GAAG,WAAW,CAAC,YAAkC,CAAC;QACnE,OAAO,aAAa,IAAI,mBAAmB,IAAI,aAAa,KAAK,mBAAmB,EAAE;YAClF,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,UAAU,CAAC;YACjC,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC;YAChC,aAAa,GAAG,aAAa,CAAC,YAAkC,CAAC;SACpE;QACD,OAAO;YACH,CAAC,GAAA;YACD,CAAC,GAAA;SACJ,CAAC;KACL;SAAM;QACH,OAAO,IAAI,CAAC;KACf;AACL,CAAC;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,oBAAoB,sBAAA;CACvB,CAAC,CAAC"}
+{"version":3,"file":"CanvasUtil.js","sourceRoot":"","sources":["../../src/util/CanvasUtil.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;GAKG;AACH,SAAS,oBAAoB,CAAC,KAA0B,EAAE,aAAuC,EAAE,EAAyD;;QAAxD,WAAW,iBAAA,EAAE,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA,EAAE,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA;IAChI,IAAA,KAAA,OAAmB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,aAAa,CAAC,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,EAAnD,CAAmD,CAAC,CAAA,EAAjG,KAAK,QAAA,EAAK,IAAI,cAAmF,CAAC;IACzG,IAAI,CAAC,KAAK;QAAE,OAAO;IACnB,IAAM,cAAc,GAAG,MAAM,GAAG,CAAC,CAAC;IAClC,IAAI,gBAAgB,GAAG,KAAK,CAAC;IAE7B,aAAa,CAAC,IAAI,EAAE,CAAC;IACrB,aAAa,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;IAExC,IAAI,CAAC,cAAc,EAAE;QACjB,aAAa,CAAC,SAAS,EAAE,CAAC;QAC1B,aAAa,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;KAChE;;QACD,KAAuB,IAAA,SAAA,SAAA,IAAI,CAAA,0BAAA,4CAAE;YAAxB,IAAM,QAAQ,iBAAA;YACf,IAAI,QAAQ,EAAE;gBACV,IAAI,cAAc,EAAE;oBAChB,aAAa,CAAC,SAAS,EAAE,CAAC;oBAC1B,aAAa,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;oBAC7D,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,SAAA,CAAC,QAAQ,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAAI,CAAC,CAAA,GAAG,SAAA,CAAC,QAAQ,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAAI,CAAC,CAAA,CAAC,GAAG,MAAM,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;oBAC3J,gBAAgB,GAAG,QAAQ,CAAC;iBAC/B;gBACD,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAC7C,IAAI,cAAc;oBAAE,aAAa,CAAC,MAAM,EAAE,CAAC;aAC9C;SACJ;;;;;;;;;IACD,IAAI,CAAC,cAAc;QAAE,aAAa,CAAC,MAAM,EAAE,CAAC;IAC5C,aAAa,CAAC,OAAO,EAAE,CAAC;AAC5B,CAAC;AAED,SAAS,aAAa,CAAC,OAAgB,EAAE,mBAAmC;IACxE,IAAM,WAAW,GAAG,OAAsB,CAAC;IAC3C,IAAI,CAAC,GAAG,WAAW,CAAC,UAAU,GAAG,WAAW,CAAC,WAAW,GAAG,CAAC,CAAC;IAC7D,IAAI,CAAC,GAAG,WAAW,CAAC,SAAS,GAAG,WAAW,CAAC,YAAY,GAAG,CAAC,CAAC;IAC7D,IAAI,aAAa,GAAG,WAAW,CAAC,YAAkC,CAAC;IACnE,OAAO,aAAa,IAAI,mBAAmB,IAAI,aAAa,KAAK,mBAAmB,EAAE;QAClF,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,UAAU,CAAC;QACjC,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC;QAChC,aAAa,GAAG,aAAa,CAAC,YAAkC,CAAC;KACpE;IACD,OAAO;QACH,CAAC,GAAA;QACD,CAAC,GAAA;KACJ,CAAC;AACN,CAAC;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,oBAAoB,sBAAA;CACvB,CAAC,CAAC"}