From 402005a57e231be1f7d0af6801fa75bd30ff865d Mon Sep 17 00:00:00 2001 From: carolin913 Date: Mon, 29 Aug 2022 11:15:20 +0800 Subject: [PATCH 1/2] test(collapse): add missing usage demo n --- script/generate-usage/config.js | 33 +++++++++++++++++ src/collapse/_usage/index.jsx | 65 +++++++++++++++++++++++++++++++++ 2 files changed, 98 insertions(+) create mode 100644 src/collapse/_usage/index.jsx diff --git a/script/generate-usage/config.js b/script/generate-usage/config.js index 374a47dd8..98ede4c3c 100644 --- a/script/generate-usage/config.js +++ b/script/generate-usage/config.js @@ -1066,4 +1066,37 @@ module.exports = { }, [changedProps]); `, }, + Collapse: { + importStr: ` + import configProps from './props.json';\n + import { Collapse } from 'tdesign-react';\n`, + configStr: ` + const [configList, setConfigList] = useState(configProps); + `, + panelStr: ` + const panelList = [{ label: 'collapse', value: 'collapse' }]; + `, + usageStr: ` + const { Panel } = Collapse; + useEffect(() => { + setRenderComp(( + + + 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 + + + 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 + + + + + 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 + + + + + )); + }, [changedProps]); + `, + }, }; diff --git a/src/collapse/_usage/index.jsx b/src/collapse/_usage/index.jsx new file mode 100644 index 000000000..1dc027cbd --- /dev/null +++ b/src/collapse/_usage/index.jsx @@ -0,0 +1,65 @@ +/** + * 该脚本为自动生成，如有需要请在 /script/generate-usage.js 中调整 + */ + +// @ts-nocheck +import React, { useState, useEffect, useMemo } from "react"; +import BaseUsage, { + useConfigChange, + usePanelChange, +} from "@site/src/components/BaseUsage"; +import jsxToString from "react-element-to-jsx-string"; + +import { Collapse } from "tdesign-react"; +import configProps from "./props.json"; + + +export default function Usage() { + const [configList, setConfigList] = useState(configProps); + + const { changedProps, onConfigChange } = useConfigChange(configList); + + const panelList = [{ label: "collapse", value: "collapse" }]; + + const { panel, onPanelChange } = usePanelChange(panelList); + + const [renderComp, setRenderComp] = useState(); + + const { Panel } = Collapse; + useEffect(() => { + setRenderComp( + + + 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 + + + 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 + + + + + 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 + + + + + ); + }, [changedProps]); + + const jsxStr = useMemo(() => { + if (!renderComp) return ""; + return jsxToString(renderComp); + }, [renderComp]); + + return ( + + {renderComp} + + ); +} From f55dc61c732d9065fe55504c23985d441174e75f Mon Sep 17 00:00:00 2001 From: carolin913 Date: Mon, 29 Aug 2022 12:25:06 +0800 Subject: [PATCH 2/2] =?UTF-8?q?fix(select):=20option=E8=AE=BE=E7=BD=AEcont?= =?UTF-8?q?ent=E6=9C=AA=E7=94=9F=E6=95=88=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/message/_example/close-function.jsx | 1 - src/select/_example/base.jsx | 2 +- src/select/_example/multiple.jsx | 6 +++--- src/select/base/Option.tsx | 2 +- src/select/base/PopupContent.tsx | 3 ++- 5 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/message/_example/close-function.jsx b/src/message/_example/close-function.jsx index 4b7122634..1f0aa3f45 100644 --- a/src/message/_example/close-function.jsx +++ b/src/message/_example/close-function.jsx @@ -5,7 +5,6 @@ export default function () { const [instance, setInstance] = useState(null); const isMessageOpen = instance === null; const buttonTips = isMessageOpen ? '打开' : '关闭'; - return (