feat: publicize doc implemetation

2020-08-13 11:47:56 +08:00
parent 55b9b044f2
commit 1e5fcff6ad
372 changed files with 50636 additions and 0 deletions
--- a/one/docs/demo/table/expandable.vue
+++ b/one/docs/demo/table/expandable.vue
@@ -0,0 +1,158 @@
+<template>
+<article>
+  <section>
+    <veui-table
+      :data="data"
+      expandable
+      key-field="id"
+    >
+      <veui-table-column
+        field="id"
+        title="ID"
+      />
+      <veui-table-column
+        field="name"
+        title="Name"
+      />
+      <veui-table-column
+        field="bid"
+        title="Bid"
+        width="160"
+        align="right"
+      >
+        <template slot-scope="{ bid }">
+          {{ bid | currency }}
+        </template>
+      </veui-table-column>
+      <veui-table-column
+        field="updateDate"
+        title="Last updated"
+        align="center"
+      >
+        <template slot-scope="{ updateDate }">
+          {{ updateDate | date }}
+        </template>
+      </veui-table-column>
+    </veui-table>
+  </section>
+</article>
+</template>
+
+<script>
+import { Table, Column } from 'veui'
+
+export default {
+  components: {
+    'veui-table': Table,
+    'veui-table-column': Column
+  },
+  filters: {
+    currency (value) {
+      return '¥' + value.toFixed(2)
+    },
+    date (value) {
+      let [, ...parts] = value.match(/(\d{4})(\d{2})(\d{2})/) || []
+      return parts.join('-')
+    }
+  },
+  data () {
+    return {
+      data: [
+        {
+          id: '3154',
+          name: 'Steve Rogers',
+          bid: 1024,
+          updateDate: '20131117',
+          children: [
+            {
+              id: '3154',
+              name: 'Steve Rogers',
+              bid: 1024,
+              updateDate: '20131117'
+            },
+            {
+              id: '3154',
+              name: 'Steve Rogers',
+              bid: 1001,
+              updateDate: '20131116'
+            },
+            {
+              id: '3154',
+              name: 'Steve Rogers',
+              bid: 985,
+              updateDate: '20131115'
+            }
+          ]
+        },
+        {
+          id: '3155',
+          name: 'Thor Odinson',
+          bid: 598,
+          updateDate: '20140214',
+          children: [
+            {
+              id: '3155',
+              name: 'Thor Odinson',
+              bid: 520,
+              updateDate: '20131116'
+            }
+          ]
+        },
+        {
+          id: '3156',
+          name: 'Tony Stark',
+          bid: 820,
+          updateDate: '20170610',
+          children: [
+            {
+              id: '3156',
+              name: 'Tony Stark',
+              bid: 800,
+              updateDate: '20131116'
+            },
+            { id: '3156', name: 'Tony Stark', bid: 763, updateDate: '20131115' }
+          ]
+        },
+        {
+          id: '3157',
+          name: 'Stephen Strange',
+          bid: 736,
+          updateDate: '20180109',
+          children: [
+            {
+              id: '3157',
+              name: 'Stephen Strange',
+              bid: 704,
+              updateDate: '20131116'
+            },
+            {
+              id: '3157',
+              name: 'Stephen Strange',
+              bid: 666,
+              updateDate: '20131112'
+            },
+            {
+              id: '3157',
+              name: 'Stephen Strange',
+              bid: 521,
+              updateDate: '20131111'
+            },
+            {
+              id: '3157',
+              name: 'Stephen Strange',
+              bid: 428,
+              updateDate: '20131110'
+            }
+          ]
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+section {
+  margin-bottom: 20px;
+}
+</style>