@voplus/morpho-workspace 1.0.0-dev01

package/es/components/ListHeader/index.less

@@ -0,0 +1,23 @@
+.list-header {
+	height: 44px;
+	padding: 0px 20px;
+	border-bottom: 1px solid #f2f2f2;
+	:global {
+		span {
+			cursor: pointer;
+		}
+		.icon-margin {
+			margin-left: 10px;
+			cursor: pointer;
+		}
+		.plus-icon {
+			display: inline-block;
+			padding: 4px;
+			margin-left: 10px;
+			font-size: 13px;
+			line-height: 1px;
+			background: #1abc9c;
+			cursor: pointer;
+		}
+	}
+}

package/es/components/PageListView/data/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export default class PageViewContext {
+    list: any[];
+    data: any[];
+    page: number;
+    loading: Boolean;
+    hasMore: Boolean;
+    static ReactContext: React.Context<PageViewContext | undefined>;
+}

package/es/components/PageListView/data/index.js

@@ -0,0 +1,29 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+import React from "react";
+export default class PageViewContext {
+    constructor() {
+        this.list = [];
+        this.data = [];
+        this.page = 0;
+        this.loading = true;
+        this.hasMore = true;
+    }
+}
+PageViewContext.ReactContext = React.createContext(undefined);
+__decorate([
+    observable
+], PageViewContext.prototype, "list", void 0);
+__decorate([
+    observable
+], PageViewContext.prototype, "data", void 0);
+__decorate([
+    observable
+], PageViewContext.prototype, "page", void 0);
+__decorate([
+    observable
+], PageViewContext.prototype, "loading", void 0);
+__decorate([
+    observable
+], PageViewContext.prototype, "hasMore", void 0);
+//# sourceMappingURL=index.js.map

package/es/components/PageListView/data/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/PageListView/data/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,OAAO,eAAe;IAApC;QACoB,SAAI,GAAU,EAAE,CAAC;QACxB,SAAI,GAAU,EAAE,CAAC;QACjB,SAAI,GAAW,CAAC,CAAC;QACjB,YAAO,GAAY,IAAI,CAAC;QACxB,YAAO,GAAY,IAAI,CAAC;IAErC,CAAC;;AADc,4BAAY,GAAG,KAAK,CAAC,aAAa,CAA8B,SAAS,CAAC,CAAC;AAL7E;IAAX,UAAU;6CAAyB;AACxB;IAAX,UAAU;6CAAkB;AACjB;IAAX,UAAU;6CAAkB;AACjB;IAAX,UAAU;gDAAyB;AACxB;IAAX,UAAU;gDAAyB"}

package/es/components/PageListView/index.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import PageViewContext from "./data/index";
+declare const PageListView: {
+    (props: {
+        context: any;
+        data: any[];
+        pageSize?: number | undefined;
+        loading?: boolean | undefined;
+        loadData?: ((page?: number | undefined) => void) | undefined;
+        children?: JSX.Element | JSX.Element[] | undefined;
+        scrollParentRef?: any;
+        description?: React.ReactNode;
+        imageStyle?: React.CSSProperties | undefined;
+        image?: React.ReactNode;
+        noDataTip?: boolean | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        noDataTip: boolean;
+        pageSize: number;
+    };
+    createContext(): PageViewContext;
+};
+/** React hook to use AsideContext*/
+export declare const usePageViewContext: () => PageViewContext | undefined;
+export default PageListView;

package/es/components/PageListView/index.js

@@ -0,0 +1,42 @@
+import React, { useEffect, useContext } from "react";
+import InfiniteScroll from "react-infinite-scroller";
+import { Icon, Empty, Spin, message } from "@voplus/antd";
+import PageViewContext from "./data/index";
+import styles from "./index.less";
+import { useObserver } from "mobx-react-lite";
+const PageListView = (props) => {
+    // const [state] = useState(new State());
+    const context = props.context;
+    useEffect(() => {
+        context.list = context.page > 1 ? [...context.list, ...props.data] : props.data;
+        // no more data to scroll load
+        if (!props.loading && (!props.data.length || props.data.length < props.pageSize))
+            context.hasMore = false;
+        console.log(context.hasMore, "context.list");
+    }, [props.data]);
+    // load more data
+    const loadData = (page) => {
+        if (!context.hasMore)
+            message.warning("List loaded all");
+        if (props.loading || !context.hasMore)
+            return;
+        context.page = page;
+        props.loadData(page);
+    };
+    const { children, loading, scrollParentRef, description, imageStyle, image, noDataTip } = props;
+    return useObserver(() => (React.createElement(PageViewContext.ReactContext.Provider, { value: context },
+        React.createElement(InfiniteScroll, { initialLoad: false, pageStart: 1, loadMore: loadData, hasMore: !loading && !!context.hasMore, useWindow: false, threshold: 150, getScrollParent: () => scrollParentRef },
+            children,
+            loading && context.hasMore && (React.createElement("div", { className: styles["page-list-view_loading"] },
+                React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(Icon, { type: "loading", spin: true }) }))),
+            !loading && !context.list.length && noDataTip && (React.createElement(Empty, { description: description, imageStyle: imageStyle, image: image }))))));
+};
+PageListView.defaultProps = {
+    noDataTip: true,
+    pageSize: 20
+};
+PageListView.createContext = () => new PageViewContext();
+/** React hook to use AsideContext*/
+export const usePageViewContext = () => useContext(PageViewContext.ReactContext);
+export default PageListView;
+//# sourceMappingURL=index.js.map

package/es/components/PageListView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PageListView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAEzF,OAAO,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,eAAe,MAAM,cAAc,CAAC;AAE3C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,YAAY,GAAG,CAAC,KAYrB,EAAE,EAAE;IACJ,yCAAyC;IACzC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC9B,SAAS,CAAC,GAAG,EAAE;QACd,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;QAChF,8BAA8B;QAC9B,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,QAAS,CAAC;YAChF,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IACjB,iBAAiB;IACjB,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE;QACjC,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACzD,IAAI,KAAK,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO;QAC9C,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;QACpB,KAAK,CAAC,QAAS,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IACF,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAChG,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,eAAe,CAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACpD,oBAAC,cAAc,IACd,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,EACtC,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,GAAG,EACd,eAAe,EAAE,GAAG,EAAE,CAAC,eAAe;YAErC,QAAQ;YACR,OAAO,IAAI,OAAO,CAAC,OAAO,IAAI,CAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC;gBAC/C,oBAAC,IAAI,IAAC,GAAG,EAAC,YAAY,EAAC,SAAS,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,SAAG,GAAI,CAC7D,CACN;YACA,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,SAAS,IAAI,CACjD,oBAAC,KAAK,IAAC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CACzE,CACe,CACsB,CACxC,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,YAAY,GAAG;IAC3B,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,EAAE;CACZ,CAAC;AACF,YAAY,CAAC,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,eAAe,EAAE,CAAC;AAEzD,oCAAoC;AACpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;AACjF,eAAe,YAAY,CAAC"}

package/es/components/PageListView/index.less

@@ -0,0 +1,4 @@
+.page-list-view_loading {
+	padding-top: 20px;
+	text-align: center;
+}

package/es/components/SortDnD/Card.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { ConnectDragSource, ConnectDropTarget, ConnectDragPreview } from "react-dnd";
+export interface CardProps {
+    id: string;
+    text: string;
+    moveCard: (id: string, to: number) => void;
+    findCard: (id: string) => {
+        index: number;
+    };
+    connectDragPreview: ConnectDragPreview;
+    connectDragSource: ConnectDragSource;
+    connectDropTarget: ConnectDropTarget;
+    isDragging: boolean;
+    canDrag: boolean;
+    onSave?: (id: string, index: number) => void;
+}
+declare const _default: import("react-dnd").DndComponentClass<import("react-dnd").DndComponentClass<React.FunctionComponent<CardProps>, Pick<CardProps, "text" | "id" | "canDrag" | "connectDropTarget" | "moveCard" | "findCard" | "onSave">>, Pick<Pick<CardProps, "text" | "id" | "canDrag" | "connectDropTarget" | "moveCard" | "findCard" | "onSave">, "text" | "id" | "canDrag" | "moveCard" | "findCard" | "onSave">>;
+export default _default;

package/es/components/SortDnD/Card.js

@@ -0,0 +1,55 @@
+import React from "react";
+import classnames from "classnames";
+import { DragSource, DropTarget } from "react-dnd";
+import ItemTypes from "./type";
+import { faExpandArrows } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import styles from "./index.less";
+const Card = ({ text, isDragging, canDrag, connectDragPreview, connectDragSource, connectDropTarget }) => {
+    const opacity = isDragging ? 0 : 1;
+    // const ref = useRef(null);
+    // canDrag && connectDragSource(ref);
+    // canDrag && connectDropTarget(ref);
+    // return (
+    // 	<div ref={ref} style={{ ...{ cursor: canDrag ? "move" : "pointer" }, opacity }}>
+    // 		{text}
+    // 	</div>
+    // );
+    return connectDropTarget(connectDragPreview(React.createElement("div", { style: { opacity }, className: styles["sort-dnd-card"] },
+        connectDragSource(React.createElement("i", { className: classnames("icon-move", canDrag ? "sort-appear-active" : "sort-appear") }, canDrag && React.createElement(FAIcon, { icon: faExpandArrows, color: "#444" }))),
+        React.createElement("div", { style: { opacity } }, text))));
+};
+export default DropTarget(ItemTypes.CARD, {
+    canDrop: (props) => props.canDrag,
+    hover(props, monitor) {
+        const { id: draggedId } = monitor.getItem();
+        const { id: overId } = props;
+        if (draggedId !== overId) {
+            const { index: overIndex } = props.findCard(overId);
+            props.moveCard(draggedId, overIndex);
+        }
+    }
+}, connect => ({
+    connectDropTarget: connect.dropTarget()
+}))(DragSource(ItemTypes.CARD, {
+    beginDrag: (props) => ({
+        id: props.id,
+        originalIndex: props.findCard(props.id).index
+    }),
+    endDrag(props, monitor) {
+        const { id: droppedId, originalIndex } = monitor.getItem();
+        const didDrop = monitor.didDrop();
+        if (!didDrop) {
+            props.moveCard(droppedId, originalIndex);
+        }
+        const { index } = props.findCard(droppedId);
+        if (props.onSave)
+            props.onSave(droppedId, index);
+    },
+    canDrag: (props) => props.canDrag
+}, (connect, monitor) => ({
+    connectDragSource: connect.dragSource(),
+    connectDragPreview: connect.dragPreview(),
+    isDragging: monitor.isDragging()
+}))(Card));
+//# sourceMappingURL=Card.js.map

package/es/components/SortDnD/Card.js.map

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

package/es/components/SortDnD/Container.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ConnectDropTarget } from "react-dnd";
+export interface ContainerProps {
+    connectDropTarget: ConnectDropTarget;
+    list: any[];
+    text: any;
+    canDrag: boolean;
+    onSave?: (id: string, index: number) => void;
+}
+export interface ContainerState {
+    cards: any[];
+}
+declare const _default: import("react-dnd").DndComponentClass<React.FunctionComponent<ContainerProps>, Pick<ContainerProps, "text" | "list" | "canDrag" | "onSave">>;
+export default _default;

package/es/components/SortDnD/Container.js

@@ -0,0 +1,32 @@
+import React, { useState, useEffect, useCallback, useRef } from "react";
+import { DropTarget } from "react-dnd";
+import update from "immutability-helper";
+import ItemTypes from "./type";
+import Card from "./Card";
+import { useObserver } from "mobx-react-lite";
+const Container = ({ connectDropTarget, list, text, canDrag, onSave }) => {
+    const ref = useRef(null);
+    const [cards, setCards] = useState(list);
+    useEffect(() => {
+        setCards(list);
+    }, [list]);
+    const moveCard = useCallback((id, atIndex) => {
+        const { card, index } = findCard(id);
+        setCards(update(cards, {
+            $splice: [[index, 1], [atIndex, 0, card]]
+        }));
+    }, [cards]);
+    const findCard = useCallback((id) => {
+        const card = cards.filter(c => `${c.id}` === id)[0];
+        return {
+            card,
+            index: cards.indexOf(card)
+        };
+    }, [cards]);
+    connectDropTarget(ref);
+    return useObserver(() => (React.createElement("div", { ref: ref }, cards.map((card, index) => (React.createElement(Card, { key: card.id, id: `${card.id}`, text: text(card, index), moveCard: moveCard, findCard: findCard, canDrag: canDrag, onSave: onSave }))))));
+};
+export default DropTarget(ItemTypes.CARD, {}, connect => ({
+    connectDropTarget: connect.dropTarget()
+}))(Container);
+//# sourceMappingURL=Container.js.map

package/es/components/SortDnD/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../src/components/SortDnD/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAqB,UAAU,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,SAAS,MAAM,QAAQ,CAAC;AAE/B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAa9C,MAAM,SAAS,GAA6B,CAAC,EAC5C,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,MAAM,EACN,EAAE,EAAE;IACJ,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzC,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,QAAQ,GAAG,WAAW,CAC3B,CAAC,EAAU,EAAE,OAAe,EAAE,EAAE;QAC/B,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QACrC,QAAQ,CACP,MAAM,CAAC,KAAK,EAAE;YACb,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;SACzC,CAAC,CACF,CAAC;IACH,CAAC,EACD,CAAC,KAAK,CAAC,CACP,CAAC;IACF,MAAM,QAAQ,GAAG,WAAW,CAC3B,CAAC,EAAU,EAAE,EAAE;QACd,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACpD,OAAO;YACN,IAAI;YACJ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;SAC1B,CAAC;IACH,CAAC,EACD,CAAC,KAAK,CAAC,CACP,CAAC;IACF,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACvB,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,GAAG,EAAE,GAAG,IACX,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,oBAAC,IAAI,IACJ,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,EAAE,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EACvB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,GACb,CACF,CAAC,CACG,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,UAAU,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC;IACzD,iBAAiB,EAAE,OAAO,CAAC,UAAU,EAAE;CACvC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC"}

package/es/components/SortDnD/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+declare const _default: (props: {
+    list: any[];
+    text: React.ReactNode;
+    canDrag?: boolean | undefined;
+    onSave?: ((id: string, index: number) => void) | undefined;
+}) => JSX.Element;
+export default _default;

package/es/components/SortDnD/index.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { DndProvider } from "react-dnd";
+import HTML5Backend from "react-dnd-html5-backend";
+import Container from "./Container";
+export default (props) => {
+    // const [shouldRender, setShouldRender] = useState(false);
+    // useEffect(() => setShouldRender(true));
+    return (React.createElement(DndProvider, { backend: HTML5Backend },
+        React.createElement(Container, { list: props.list, text: props.text, canDrag: !!props.canDrag, onSave: props.onSave })));
+};
+0;
+//# sourceMappingURL=index.js.map

package/es/components/SortDnD/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SortDnD/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AAEnD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,eAAe,CAAC,KAKf,EAAE,EAAE;IACJ,2DAA2D;IAC3D,0CAA0C;IAC1C,OAAO,CACN,oBAAC,WAAW,IAAC,OAAO,EAAE,YAAY;QACjC,oBAAC,SAAS,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,GACnB,CAEW,CACd,CAAC;AACH,CAAC,CAAC;AACF,CAAC,CAAC"}

package/es/components/SortDnD/index.less

@@ -0,0 +1,21 @@
+.sort-dnd-card {
+	display: flex;
+	align-items: center;
+	> :global(div) {
+		flex: 1;
+	}
+	:global {
+		.icon-move {
+			font-size: 16px;
+			cursor: move;
+		}
+		.sort-appear {
+			width: 0;
+			transform: translateX(-100%);
+		}
+		.sort-appear-active {
+			margin: 0 15px;
+			transition: transform 0.2s ease-in;
+		}
+	}
+}

package/es/components/SortDnD/type.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    CARD: string;
+};
+export default _default;

package/es/components/SortDnD/type.js

@@ -0,0 +1,4 @@
+export default {
+    CARD: "card"
+};
+//# sourceMappingURL=type.js.map

package/es/components/SortDnD/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/SortDnD/type.ts"],"names":[],"mappings":"AAAA,eAAe;IACd,IAAI,EAAE,MAAM;CACZ,CAAC"}

package/es/components/TimeLog/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/es/components/TimeLog/index.js

@@ -0,0 +1,72 @@
+import React, { useState, useEffect } from "react";
+import { Dropdown, Input, Button, Row, Avatar } from "@voplus/antd";
+import { faStopwatch } from "@fortawesome/pro-light-svg-icons";
+import { faPlay, faStop } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import styles from "./index.less";
+import moment from "moment";
+export default () => {
+    const [visible, setVisible] = useState(false);
+    const [on, setOn] = useState(false);
+    let [times, setTimes] = useState(0);
+    useEffect(() => {
+        const timer = setInterval(() => {
+            if (on)
+                setTimes(times => times + 1);
+        }, 1000);
+        return () => clearInterval(timer);
+    }, [on]);
+    // 计时时间不足两位补0显示
+    const appendZero = (time) => {
+        return Number.parseInt(time).toLocaleString("zh", { minimumIntegerDigits: 2 });
+    };
+    // 手动输入更改计数时间
+    const onChange = (type, e) => {
+        e.persist();
+        const value = e.target.value - 0;
+        if (type === "hour")
+            setTimes(value * 3600 + (times % 3600));
+        if (type === "minute")
+            setTimes(value * 60 + (times % 60));
+        if (type === "second")
+            setTimes(value + times - (times % 60));
+    };
+    // 清空
+    const onClear = () => {
+        setTimes(0);
+        setOn(false);
+    };
+    const handleVisibleChange = (flag) => {
+        setVisible(flag);
+    };
+    const hour = appendZero(times / 3600);
+    const minute = appendZero((times / 60) % 60);
+    const second = appendZero(times % 60);
+    return (React.createElement(Dropdown, { visible: visible, overlay: React.createElement("div", { className: styles["time-log"] },
+            React.createElement("div", { className: "time-header" },
+                React.createElement(Button, { type: "link", onClick: onClear }, "Clear"),
+                React.createElement(Button, { type: "link" }, "Record")),
+            React.createElement("div", { className: "timer" },
+                React.createElement(Input, { value: hour, maxLength: 3, onChange: onChange.bind(event, "hour") }),
+                ":",
+                React.createElement(Input, { value: minute, maxLength: 3, onChange: onChange.bind(event, "minute") }),
+                ":",
+                React.createElement(Input, { value: second, maxLength: 3, onChange: onChange.bind(event, "second") }),
+                React.createElement("span", { onClick: () => setOn(!on), className: "status-icon" },
+                    React.createElement(FAIcon, { icon: on ? faStop : faPlay, color: "#000" }))),
+            React.createElement("div", { className: "record-list" }, Array.from(new Array(3).keys()).map(item => (React.createElement(Row, { key: item, type: "flex", justify: "space-around" },
+                React.createElement(Avatar, { size: "small" }, "Mn"),
+                React.createElement("div", { className: "record-time" },
+                    React.createElement("div", null,
+                        React.createElement("span", null, moment().format("YYYY-MM-DD")),
+                        " from",
+                        " ",
+                        React.createElement("span", null, moment().format("HH:mm")),
+                        " to",
+                        " ",
+                        React.createElement("span", null, moment().format("HH:mm"))),
+                    React.createElement("div", null, "3 hours 4 minutes 4 seconds"))))))), trigger: ["click"], placement: "bottomCenter", onVisibleChange: handleVisibleChange },
+        React.createElement("span", { className: styles["tool-bar-icon"] },
+            React.createElement(FAIcon, { icon: faStopwatch }))));
+};
+//# sourceMappingURL=index.js.map

package/es/components/TimeLog/index.js.map

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

package/es/components/TimeLog/index.less

@@ -0,0 +1,87 @@
+@import "../../styles/common.less";
+.time-log {
+	position: relative;
+	margin-top: 8px;
+	background-color: #fff;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+	:global {
+		.time-header {
+			display: flex;
+			justify-content: space-around;
+			padding: 1px 0;
+			background: #f5f5f5;
+			.ant-btn {
+				padding: 0;
+				color: #333;
+			}
+		}
+		.timer {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding: 12px 25px;
+			.status-icon {
+				cursor: pointer;
+				margin-left: 10px;
+				font-size: 20px;
+			}
+			.ant-input {
+				width: 40px;
+				padding: 0;
+				border: 0;
+				text-align: center;
+				font-size: 22px;
+				color: #000;
+			}
+			.ant-input:focus {
+				box-shadow: none;
+				border: 0;
+			}
+		}
+		.record-list {
+			position: relative;
+			padding: 15px 15px 0 15px;
+			font-size: 13px;
+			line-height: 14px;
+			color: #666;
+			.ant-avatar {
+				margin-right: 10px;
+			}
+			.record-time {
+				padding-bottom: 15px;
+				> div + div {
+					padding-top: 5px;
+				}
+				span {
+					color: #000;
+				}
+			}
+		}
+		.record-list:before {
+			position: absolute;
+			content: "";
+			left: 0;
+			top: 0;
+			right: 0;
+			border-top: 1px #d9d9d9 solid;
+		}
+	}
+}
+.time-log:before,
+.time-log:after {
+	position: absolute;
+	content: "";
+	border-width: 6px;
+	top: -13px;
+	border-style: dashed solid solid dashed;
+}
+.time-log:before {
+	left: 50%;
+	margin-left: -6px;
+	border-color: transparent transparent #e4e7ed transparent;
+}
+.time-log:after {
+	left: 50%;
+	margin-left: -5px;
+	border-color: transparent transparent #f5f5f5 transparent;
+}

package/es/components/ToolBar/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare const _default: (props: {
+    routeUrl?: string | undefined;
+    lock?: boolean | undefined;
+    send?: boolean | undefined;
+    show?: boolean | undefined;
+    echo?: boolean | undefined;
+    onExpend?: (() => void) | undefined;
+    onItemEdit?: (() => void) | undefined;
+    onDelete?: (() => void) | undefined;
+    onPaste?: (() => void) | undefined;
+}) => JSX.Element;
+export default _default;

package/es/components/ToolBar/index.js

@@ -0,0 +1,100 @@
+import React, { useState } from "react";
+import { faPaperPlane, faLockAlt, faThumbtack, faHeart, faSave, faExpandAlt, faEllipsisH, faEye, faPen, faFlag, faTrashAlt, faPaste } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import TimeLog from "../TimeLog";
+import styles from "./index.less";
+import { useLayout } from "@voplus/morpho-data";
+import { Modal, Button, Dropdown, Menu } from "@voplus/antd";
+export default (props) => {
+    const [visible, setVisible] = useState(false);
+    const doc = {
+        id: 1,
+        title: "Meeting King Solution Manual.pdf",
+        text: "dddd"
+    };
+    const layout = useLayout();
+    const { routeUrl, lock, send, show, echo } = props;
+    const showModal = () => {
+        setVisible(true);
+    };
+    const handleCancel = (e) => {
+        console.log(e);
+        setVisible(false);
+    };
+    const onDelete = () => {
+        Modal.confirm({
+            title: "Do you want to delete this item?",
+            onOk() {
+                return props.onDelete();
+            },
+            onCancel() { }
+        });
+    };
+    const onClick = ({ key }) => {
+        if (key === "Paste" && props.onPaste)
+            props.onPaste();
+    };
+    return (React.createElement("div", null,
+        React.createElement("div", { className: styles["tool-bar"] },
+            echo && (React.createElement("span", { onClick: showModal },
+                React.createElement(FAIcon, { icon: faEye }))),
+            show && (React.createElement("span", null,
+                React.createElement(FAIcon, { icon: faPen }))),
+            lock && React.createElement(TimeLog, null),
+            React.createElement("span", null,
+                React.createElement(FAIcon, { icon: faLockAlt })),
+            React.createElement("span", null,
+                React.createElement(FAIcon, { icon: faThumbtack })),
+            React.createElement("span", null,
+                React.createElement(FAIcon, { icon: faHeart })),
+            send && (React.createElement("span", null,
+                React.createElement(FAIcon, { icon: faPaperPlane }))),
+            show && (React.createElement("span", null,
+                React.createElement(FAIcon, { icon: faFlag }))),
+            lock && (React.createElement("span", null,
+                React.createElement(FAIcon, { icon: faSave }))),
+            React.createElement("span", { onClick: () => (routeUrl ? layout.history.push(routeUrl) : props.onExpend()) },
+                React.createElement(FAIcon, { icon: faExpandAlt })),
+            React.createElement("span", { onClick: onDelete },
+                React.createElement(FAIcon, { icon: faTrashAlt })),
+            React.createElement(Dropdown, { overlay: React.createElement(Menu, { onClick: onClick },
+                    React.createElement(Menu.Item, { key: "Paste" },
+                        React.createElement(FAIcon, { icon: faPaste, color: "#666", size: "sm" }),
+                        React.createElement("span", { className: styles["margin-left-5"] }, "Paste"))), placement: "bottomRight" },
+                React.createElement("span", { onClick: e => e.stopPropagation() },
+                    React.createElement(FAIcon, { icon: faEllipsisH })))),
+        React.createElement("div", null,
+            React.createElement(Modal, { title: doc.title, visible: visible, onCancel: handleCancel, mask: false, maskClosable: true, footer: null, width: "50%", className: "bounced-content" },
+                React.createElement("div", { className: "scroll-body" },
+                    React.createElement("div", { className: "scroll-control" },
+                        React.createElement(Button, { shape: "circle", icon: "arrows-alt" }),
+                        React.createElement(Button, { shape: "circle", icon: "plus" }),
+                        React.createElement(Button, { shape: "circle", icon: "minus" })),
+                    React.createElement("div", { className: "scroll-content" },
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents..."),
+                        React.createElement("p", null, "Some contents...")))))));
+};
+//# sourceMappingURL=index.js.map