create

dashboard/src/components/tag/TagsManager.tsx

@@ -0,0 +1,52 @@
+import { useState } from "react";
+import { Modal } from "antd";
+
+import TagsOnItem from "./TagsOnItem";
+
+interface IWidget {
+  studioName?: string;
+  resId?: string;
+  resType?: string;
+  trigger?: React.ReactNode;
+  onSelect?: Function;
+}
+const TagsManagerWidget = ({
+  studioName,
+  resId,
+  resType,
+  trigger,
+  onSelect,
+}: IWidget) => {
+  const [isModalOpen, setIsModalOpen] = useState(false);
+
+  const showModal = () => {
+    setIsModalOpen(true);
+  };
+
+  const handleOk = () => {
+    setIsModalOpen(false);
+  };
+
+  const handleCancel = () => {
+    setIsModalOpen(false);
+  };
+
+  return (
+    <>
+      <span onClick={showModal}>{trigger}</span>
+      <Modal
+        width={500}
+        title={`${studioName}标签列表`}
+        open={isModalOpen}
+        onOk={handleOk}
+        onCancel={handleCancel}
+        destroyOnClose
+        footer={false}
+      >
+        <TagsOnItem studioName={studioName} resId={resId} resType={resType} />
+      </Modal>
+    </>
+  );
+};
+
+export default TagsManagerWidget;