Feature/support lifecycle demo (#53)

* feat(example): 支持omi组件格式 * feat(example): 支持omi组件格式 * feat(example): 支持omi组件格式
TDesignOteam · Jun 19, 2024 · e377860 · e377860
1 parent b6f367c
commit e377860
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 43 deletions.
diff --git a/script/plugin-tdoc/transforms.js b/script/plugin-tdoc/transforms.js
@@ -48,7 +48,7 @@ export default {
       .map(
         (key) => `
       let ${key}Component = null;
-      if('${key}'.endsWith('omi')){
+      if(${key}.toString().startsWith('class')){
         define('t-${key.toLocaleLowerCase()}', ${key});
         ${key}Component = <t-${key.toLocaleLowerCase()} />;
       } else {

diff --git a/src/button/README.md b/src/button/README.md
@@ -8,7 +8,7 @@ spline: base
 
 ### 基础使用
 
-{{ base-omi }}
+{{ base }}
 
 ### 图标按钮
 

diff --git a/src/button/_example/base-omi.tsx b/src/button/_example/base-omi.tsx
diff --git a/src/button/_example/base.tsx b/src/button/_example/base.tsx
@@ -1,20 +1,24 @@
 import 'tdesign-web-components/button';
 
-export default function Button() {
-  return (
-    <div style={{ gap: 16, display: 'inline-flex' }}>
-      <t-button theme="default" variant="base">
-        填充按钮
-      </t-button>
-      <t-button theme="default" variant="outline">
-        描边按钮
-      </t-button>
-      <t-button theme="default" variant="dashed">
-        虚框按钮
-      </t-button>
-      <t-button theme="default" variant="text">
-        文字按钮
-      </t-button>
-    </div>
-  );
+import { Component } from 'omi';
+
+export default class Button extends Component {
+  render() {
+    return (
+      <div style={{ gap: 16, display: 'inline-flex' }}>
+        <t-button theme="default" variant="base">
+          填充按钮
+        </t-button>
+        <t-button theme="default" variant="outline">
+          描边按钮
+        </t-button>
+        <t-button theme="default" variant="dashed">
+          虚框按钮
+        </t-button>
+        <t-button theme="default" variant="text">
+          文字按钮
+        </t-button>
+      </div>
+    );
+  }
 }