feat: 调整 usage 目录结构

Tencent · Apr 1, 2022 · df64f2f · df64f2f
1 parent 4de3b5f
commit df64f2f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 12 deletions.
diff --git a/examples/button/demos/usage.vue → examples/button/usage/index.vue b/examples/button/demos/usage.vue → 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
@@ -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;