From df64f2f9aa7bb111e0d5feda9b49f20dabaacc55 Mon Sep 17 00:00:00 2001
From: HQ-Lin <a154571896@gmail.com>
Date: Fri, 1 Apr 2022 12:52:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=20usage=20=E7=9B=AE?=
 =?UTF-8?q?=E5=BD=95=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../{demos/usage.vue => usage/index.vue}      | 27 +++++++++++--------
 site/plugin-tdoc/md-to-vue.js                 |  2 +-
 2 files changed, 17 insertions(+), 12 deletions(-)
 rename examples/button/{demos/usage.vue => usage/index.vue} (63%)

diff --git a/examples/button/demos/usage.vue b/examples/button/usage/index.vue
similarity index 63%
rename from examples/button/demos/usage.vue
rename to examples/button/usage/index.vue
index 1fd9b053dd..0842ccfc1a 100644
--- a/examples/button/demos/usage.vue
+++ b/examples/button/usage/index.vue
@@ -11,11 +11,16 @@ export default {
   data() {
     return {
       configList: [
-        { name: "disabled", defaultValue: false, type: "boolean" },
-        { name: "disabled2", defaultValue: false, type: "boolean" },
-        { name: "disabled3", defaultValue: false, type: "boolean" },
-        { name: "select", type: "enum", defaultValue: 'value1', options: [{ label: 'value1', value: 'value1' }, { label: 'value 1', value: 'value 1' }] },
-        { name: "select2", type: "enum", defaultValue: 'value2', options: [{ label: 'value2', value: 'value2' }, { label: 'value 2', value: 'value 2' }] },
+        { name: 'disabled', defaultValue: false, type: 'boolean' },
+        {
+          name: 'select',
+          type: 'enum',
+          defaultValue: 'value1',
+          options: [
+            { label: 'value1', value: 'value1' },
+            { label: 'value 1', value: 'value 1' },
+          ],
+        },
       ],
       renderComp: null, // 组件实例
       defaultProps: {}, // 这里放组件渲染默认 mock 数据
@@ -30,8 +35,8 @@ export default {
       immediate: true,
       handler(v) {
         this.renderComp = Vue.compile(v);
-      }
-    }
+      },
+    },
   },
 
   mounted() {
@@ -40,9 +45,9 @@ export default {
 
   methods: {
     onConfigChange(e) {
+      // eslint-disable-next-line
       console.log('e', e);
-    }
-  }
-}
+    },
+  },
+};
 </script>
-
diff --git a/site/plugin-tdoc/md-to-vue.js b/site/plugin-tdoc/md-to-vue.js
index 3eba1553e4..a9abe09390 100644
--- a/site/plugin-tdoc/md-to-vue.js
+++ b/site/plugin-tdoc/md-to-vue.js
@@ -170,7 +170,7 @@ function customRender({ source, file, md }) {
     const usageObj = compileUsage({
       componentName,
       usage: pageData.usage,
-      demoPath: path.resolve(__dirname, `../../examples/${componentName}/demos/usage.vue`),
+      demoPath: path.resolve(__dirname, `../../examples/${componentName}/usage/index.vue`),
     });
     if (usageObj) {
       mdSegment.usage = usageObj;