@voplus/morpho-document 5.0.18 → 5.0.20

package/es/components/TagView/index.js

@@ -1,51 +1,51 @@
-import "./index.less";
-import { Button, Popover, Select, Spin, Tag, Tooltip } from "@voplus/antd";
-import { useDocumentStore } from "@voplus/morpho-document-core";
-import React, { useEffect, useState } from "react";
-import { State, colorList } from "./state";
-import { faPlus } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-const TagView = (props) => {
-    const { id, tags, editable, className } = props;
-    const documentStore = useDocumentStore();
-    const [state] = useState(new State(id, documentStore));
-    useEffect(() => {
-        state.init();
-    }, [id]);
-    useEffect(() => {
-        if (state.visible)
-            state.init();
-    }, [state.visible]);
-    useEffect(() => {
-        runInAction(() => (state.tags = tags || []));
-    }, [tags]);
-    const content = observe(() => (React.createElement("div", { className: "add-tag-dialog" },
-        React.createElement("div", { className: "tag-view-color" }, colorList.map((item) => (React.createElement("div", { key: item.value, className: "tag-color-item", style: state.color === item.value ? { borderColor: item.borderColor || item.color } : {} },
-            React.createElement("span", { className: "color", onClick: () => state.selectColor(item.value), style: {
-                    backgroundColor: item.color,
-                    borderColor: item.borderColor,
-                } }))))),
-        state.editTagName && (React.createElement("div", { className: "reselect-information" },
-            React.createElement(Tag, { color: state.info.color }, state.editTagName),
-            React.createElement(Button, { type: "link", onClick: () => (state.info = {}) }, "Close Reselect"))),
-        React.createElement(Select, { autoFocus: true, showSearch: true, value: state.name, disabled: !!state.editTagName, showArrow: false, filterOption: false, notFoundContent: state.loading ? React.createElement(Spin, null) : null, placeholder: state.name, onSearch: state.onSearch, onSelect: state.onChange, onInputKeyDown: state.onkeydown }, state.list.map((d, index) => (React.createElement(Select.Option, { key: index, value: d.name }, d.name)))),
-        React.createElement("div", null, state.addTags.map((tag, index) => (React.createElement(Tooltip, { key: index, title: state.editTagName === tag.name ? "" : "Click to reselect color" },
-            React.createElement(Tag, { color: tag.color, closable: true, onClick: () => (state.info = tag), onClose: (e) => state.onRemove(e, tag.name) }, tag.name))))),
-        React.createElement("div", { className: "add-tag-dialog-footer" },
-            React.createElement(Button, { type: "link", className: "cancel", onClick: () => runInAction(() => (state.visible = false)) }, "Cancel"),
-            React.createElement(Button, { type: "link", loading: state.saveLoading, onClick: state.onOk }, "Ok")))));
-    return observe(() => (React.createElement("div", { className: classnames(className, "tag-view") },
-        state.tags.map((tag, index) => (React.createElement(Tag, { key: index, color: tag.color, closable: !!editable, onClose: (e) => {
-                e.preventDefault();
-                state.onClose(tag.name);
-            } }, tag.name))),
-        !!editable && (React.createElement(Popover, { content: content, title: "", trigger: "click", visible: state.visible, onVisibleChange: state.onVisibleChange },
-            React.createElement(Tag, { className: classnames("add-tag-btn", { show: state.show }) },
-                React.createElement(FAIcon, { icon: faPlus }),
-                " tag"))))));
-};
-export default TagView;
+import "./index.less";
+import { Button, Popover, Select, Spin, Tag, Tooltip } from "antd";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import React, { useEffect, useState } from "react";
+import { State, colorList } from "./state";
+import { useCountedMapItem } from "@voplus/morpho-data";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import classnames from "classnames";
+import { faPlus } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+const TagView = (props) => {
+    const { id, tags, editable, className, items } = props;
+    const documentStore = useDocumentStore();
+    /** 使用 useCountedMapItem 必须早已load 好 */
+    const item = useCountedMapItem(items, id);
+    const [state] = useState(new State(documentStore, items));
+    useEffect(() => {
+        state.id = id;
+        state.init();
+    }, [id]);
+    useEffect(() => {
+        runInAction(() => (state.tags = tags || []));
+    }, [tags]);
+    const content = observe(() => (React.createElement("div", { className: "add-tag-dialog" },
+        React.createElement("div", { className: "tag-view-color" }, colorList.map((item) => (React.createElement("div", { key: item.value, className: "tag-color-item", style: state.color === item.value ? { borderColor: item.borderColor || item.color } : {} },
+            React.createElement("span", { className: "color", onClick: () => state.selectColor(item.value), style: {
+                    backgroundColor: item.color,
+                    borderColor: item.borderColor,
+                } }))))),
+        state.editTagName && (React.createElement("div", { className: "reselect-information" },
+            React.createElement(Tag, { color: state.info.color }, state.editTagName),
+            React.createElement(Button, { type: "link", onClick: () => (state.info = {}) }, "Close Reselect"))),
+        React.createElement(Select, { autoFocus: true, showSearch: true, value: state.name, disabled: !!state.editTagName, showArrow: false, filterOption: false, notFoundContent: state.loading ? React.createElement(Spin, null) : null, placeholder: state.name, onSearch: state.onSearch, onSelect: state.onChange, onInputKeyDown: state.onkeydown }, state.list.map((d, index) => (React.createElement(Select.Option, { key: index, value: d.name }, d.name)))),
+        React.createElement("div", null, state.addTags.map((tag, index) => (React.createElement(Tooltip, { key: index, title: state.editTagName === tag.name ? "" : "Click to reselect color" },
+            React.createElement(Tag, { color: tag.color, closable: true, onClick: () => (state.info = tag), onClose: (e) => state.onRemove(e, tag.name) }, tag.name))))),
+        React.createElement("div", { className: "add-tag-dialog-footer" },
+            React.createElement(Button, { type: "link", className: "cancel", onClick: () => runInAction(() => (state.visible = false)) }, "Cancel"),
+            React.createElement(Button, { type: "link", loading: state.saveLoading, onClick: state.onOk }, "Ok")))));
+    return observe(() => (React.createElement("div", { className: classnames(className, "tag-view") },
+        state.tags.map((tag, index) => (React.createElement(Tag, { key: index, color: tag.color, closable: !!editable, onClose: (e) => {
+                e.preventDefault();
+                state.onClose(tag.name);
+            } }, tag.name))),
+        !!editable && (React.createElement(Popover, { content: content, title: "", trigger: "click", open: state.visible, onOpenChange: state.onVisibleChange },
+            React.createElement(Tag, { className: classnames("add-tag-btn", { show: state.show }) },
+                React.createElement(FAIcon, { icon: faPlus }),
+                " tag"))))));
+};
+export default TagView;
 //# sourceMappingURL=index.js.map

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

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

package/es/components/TagView/index.less

@@ -1,106 +1,106 @@
-:global {
-	.tag-view {
-		&:hover .add-tag-btn {
-			display: inline-block;
-		}
-		.ant-tag {
-			margin: 0 0 0 5px;
-			padding: 0 5px;
-			font-size: 12px;
-			line-height: 15px;
-			cursor: pointer;
-			display: inline-flex;
-			align-items: center;
-			.anticon-close {
-				display: none;
-			}
-			&:hover .anticon-close {
-				display: inline-block;
-			}
-		}
-		.add-tag-btn {
-			display: none;
-			background-color: "#fff";
-			border-style: dashed;
-			&.show {
-				display: inline-block;
-			}
-		}
-	}
-	.add-tag-dialog {
-		width: 336px;
-		.ant-tag {
-			margin-top: 10px;
-			cursor: pointer;
-			display: inline-flex;
-			align-items: center;
-		}
-		.tag-view-color {
-			display: flex;
-			align-items: center;
-			padding-bottom: 10px;
-			.tag-color-item {
-				padding: 2px;
-				border: 1px solid transparent;
-				.color {
-					display: block;
-					width: 20px;
-					height: 20px;
-					border-radius: 50%;
-					cursor: pointer;
-					border: 1px solid transparent;
-				}
-			}
-		}
-		.reselect-information {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			padding-bottom: 10px;
-			.ant-tag {
-				margin-top: 0;
-			}
-			.ant-btn {
-				padding: 0;
-				height: 24px;
-			}
-		}
-		.item-color + .item-color {
-			margin-left: 8px;
-		}
-		.color-dropdown {
-			display: inline-block;
-			width: 20px;
-			height: 20px;
-			padding: 2px;
-			border: 1px solid #e6e6e6;
-			cursor: pointer;
-			> span {
-				display: block;
-				width: 14px;
-				height: 14px;
-				line-height: 14px;
-				font-size: 12px;
-				text-align: center;
-				color: #fff;
-				background-color: #000;
-			}
-		}
-		.add-tag-dialog-footer {
-			text-align: right;
-			padding-top: 5px;
-			.ant-btn {
-				height: 28px;
-				padding: 0;
-				font-size: 15px;
-			}
-			.cancel {
-				margin-right: 10px;
-				color: #888;
-			}
-		}
-		.ant-select {
-			width: 100%;
-		}
-	}
-}
+:global {
+	.tag-view {
+		&:hover .add-tag-btn {
+			display: inline-block;
+		}
+		.ant-tag {
+			margin: 0 0 0 5px;
+			padding: 0 5px;
+			font-size: 12px;
+			line-height: 15px;
+			cursor: pointer;
+			display: inline-flex;
+			align-items: center;
+			.anticon-close {
+				display: none;
+			}
+			&:hover .anticon-close {
+				display: inline-block;
+			}
+		}
+		.add-tag-btn {
+			display: none;
+			background-color: "#fff";
+			border-style: dashed;
+			&.show {
+				display: inline-block;
+			}
+		}
+	}
+	.add-tag-dialog {
+		width: 336px;
+		.ant-tag {
+			margin-top: 10px;
+			cursor: pointer;
+			display: inline-flex;
+			align-items: center;
+		}
+		.tag-view-color {
+			display: flex;
+			align-items: center;
+			padding-bottom: 10px;
+			.tag-color-item {
+				padding: 2px;
+				border: 1px solid transparent;
+				.color {
+					display: block;
+					width: 20px;
+					height: 20px;
+					border-radius: 50%;
+					cursor: pointer;
+					border: 1px solid transparent;
+				}
+			}
+		}
+		.reselect-information {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding-bottom: 10px;
+			.ant-tag {
+				margin-top: 0;
+			}
+			.ant-btn {
+				padding: 0;
+				height: 24px;
+			}
+		}
+		.item-color + .item-color {
+			margin-left: 8px;
+		}
+		.color-dropdown {
+			display: inline-block;
+			width: 20px;
+			height: 20px;
+			padding: 2px;
+			border: 1px solid #e6e6e6;
+			cursor: pointer;
+			> span {
+				display: block;
+				width: 14px;
+				height: 14px;
+				line-height: 14px;
+				font-size: 12px;
+				text-align: center;
+				color: #fff;
+				background-color: #000;
+			}
+		}
+		.add-tag-dialog-footer {
+			text-align: right;
+			padding-top: 5px;
+			.ant-btn {
+				height: 28px;
+				padding: 0;
+				font-size: 15px;
+			}
+			.cancel {
+				margin-right: 10px;
+				color: #888;
+			}
+		}
+		.ant-select {
+			width: 100%;
+		}
+	}
+}

package/es/components/TagView/state.d.ts

@@ -1,59 +1,61 @@
-/// <reference types="node" />
-import { DocumentStore, ITag } from "@voplus/morpho-document-core";
-export declare type TagViewProps = {
-    id: string;
-    tags?: ITag[];
-    /** editable of new tag */
-    editable?: boolean;
-    className?: string;
-};
-/** colors of preset */
-export declare const colorList: ({
-    value: string;
-    color: string;
-    borderColor?: undefined;
-} | {
-    value: string;
-    color: string;
-    borderColor: string;
-})[];
-export declare class State {
-    private id;
-    private documentStore;
-    /** porps list of tags */
-    tags: ITag[];
-    /** Add list of tags */
-    addTags: ITag[];
-    /** load list of tags */
-    list: any[];
-    /** name of tag */
-    name: string;
-    /** color of tag */
-    color: string;
-    /** loaded of tag list */
-    saveLoading: boolean;
-    /** data loading */
-    loading: boolean;
-    /**  visible of AddTagDialog */
-    visible: boolean;
-    /** 当前可更改Tag */
-    info: ITag;
-    /**  */
-    timer: NodeJS.Timeout | undefined;
-    constructor(id: string, documentStore: DocumentStore);
-    get show(): boolean;
-    /** Name of 当前可更改Tag */
-    get editTagName(): string;
-    onRemove(e: MouseEvent, tagName: string): void;
-    onClose(removedTag: string): Promise<void>;
-    onkeydown: (e: any) => void;
-    onChange: (name: string) => void;
-    deduplicate(): void;
-    onSearch: (value: string) => void;
-    loadData(): Promise<void>;
-    onVisibleChange: (visible: boolean) => void;
-    onOk: () => Promise<void>;
-    selectColor(value: string): void;
-    init(): void;
-    reset(): void;
-}
+import { ITag, DocumentStore } from "@voplus/morpho-document-core";
+import { CountedMap } from "@voplus/morpho-data";
+export type TagViewProps = {
+    id: string;
+    tags?: ITag[];
+    /** editable of new tag */
+    editable?: boolean;
+    className?: string;
+    items: CountedMap<string, any>;
+};
+/** colors of preset */
+export declare const colorList: ({
+    value: string;
+    color: string;
+    borderColor?: undefined;
+} | {
+    value: string;
+    color: string;
+    borderColor: string;
+})[];
+export declare class State {
+    private documentStore;
+    private items;
+    id: string;
+    /** porps list of tags */
+    tags: ITag[];
+    /** Add list of tags */
+    addTags: ITag[];
+    /** load list of tags */
+    list: any[];
+    /** name of tag */
+    name: string;
+    /** color of tag */
+    color: string;
+    /** loaded of tag list */
+    saveLoading: boolean;
+    /** data loading */
+    loading: boolean;
+    /**  visible of AddTagDialog */
+    visible: boolean;
+    /** 当前可更改Tag */
+    info: ITag;
+    /**  */
+    timer: any;
+    constructor(documentStore: DocumentStore, items: CountedMap<string, any>);
+    get show(): boolean;
+    /** Name of 当前可更改Tag */
+    get editTagName(): string;
+    onRemove(e: MouseEvent, tagName: string): void;
+    onClose(removedTag: string): Promise<void>;
+    onkeydown: (e: any) => void;
+    onChange: (name: string) => void;
+    deduplicate(): void;
+    onSearch: (value: string) => void;
+    loadData(): Promise<void>;
+    onVisibleChange: (visible: boolean) => void;
+    onOk: () => Promise<void>;
+    selectColor(value: string): void;
+    init(): void;
+    reset(): void;
+}