docs: migrate docs back to main repo

Author: wxsms

.eslintignore

@@ -0,0 +1,2 @@
+*.md
+docs/.vuepress/dist

.github/workflows/publish_doc.yml

@@ -0,0 +1,29 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - dev
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+          ref: master
+      - uses: pnpm/[email protected]
+        with:
+          version: latest
+      - run: pnpm i --frozen-lockfile
+      - name: Build
+        run: pnpm run docs:build
+      - name: GitHub Pages
+        uses: crazy-max/[email protected]
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          target_branch: gh-pages
+          build_dir: docs/.vuepress/dist
+          jekyll: false

.idea/jsLibraryMappings.xml

@@ -0,0 +1,12 @@
+<template>
+  <div id="affix-example" class="uiv">
+    <affix :offset="50">
+      <alert>I'm using affix.</alert>
+    </affix>
+  </div>
+</template>
+<style>
+#affix-example .affix {
+  z-index: 999;
+}
+</style>

docs/.vuepress/components/affix/example.vue

@@ -0,0 +1,31 @@
+<template>
+  <section class="uiv">
+    <alert
+      v-for="(item, index) in alerts"
+      :key="item.key"
+      :duration="duration"
+      @dismissed="alerts.splice(index, 1)"
+    >
+      This alert <b>will dismiss after {{ duration }}ms</b>.
+    </alert>
+    <hr />
+    <btn type="primary" @click="addAutoDismissAlert()"
+      >Add Auto Dismiss Alert</btn
+    >
+  </section>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      alerts: [],
+      duration: 2000,
+    }
+  },
+  methods: {
+    addAutoDismissAlert() {
+      this.alerts.push({ key: new Date().getTime() })
+    },
+  },
+}
+</script>

docs/.vuepress/components/alert/auto-dismissing.vue

@@ -0,0 +1,35 @@
+<template>
+  <section class="uiv">
+    <alert v-if="show" type="warning" dismissible @dismissed="show = false">
+      <b>Warning!</b> Better check yourself, you're not looking too good.
+    </alert>
+    <alert
+      v-for="(item, index) in alerts"
+      :key="item.key"
+      dismissible
+      @dismissed="alerts.splice(index, 1)"
+    >
+      <b>Heads up!</b> This alert needs your attention, but it's not super
+      important.
+    </alert>
+    <hr />
+    <btn type="primary" @click="addDismissibleAlert()"
+      >Add Dismissible Alert</btn
+    >
+  </section>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      show: true,
+      alerts: [],
+    }
+  },
+  methods: {
+    addDismissibleAlert() {
+      this.alerts.push({ key: new Date().getTime() })
+    },
+  },
+}
+</script>

docs/.vuepress/components/alert/dismissible.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="uiv">
+    <alert type="success"
+      ><b>Well done!</b> You successfully read this important alert
+      message.</alert
+    >
+    <alert type="info"
+      ><b>Heads up!</b> This alert needs your attention, but it's not super
+      important.</alert
+    >
+    <alert type="warning"
+      ><b>Warning!</b> Better check yourself, you're not looking too
+      good.</alert
+    >
+    <alert type="danger"
+      ><b>Oh snap!</b> Change this and that and try again.</alert
+    >
+  </div>
+</template>

docs/.vuepress/components/alert/example.vue

@@ -0,0 +1,20 @@
+<template>
+  <section class="uiv">
+    <btn type="primary" @click="show = !show">Toggle Collapsing Alert</btn>
+    <hr />
+    <collapse v-model="show">
+      <alert type="warning" dismissible @dismissed="show = false"
+        >This alert <b>will collapse on open / close</b>.</alert
+      >
+    </collapse>
+  </section>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      show: true,
+    }
+  },
+}
+</script>

docs/.vuepress/components/alert/with-collapse.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="uiv">
+    <breadcrumbs>
+      <breadcrumb-item href="#"><b>Home</b></breadcrumb-item>
+      <breadcrumb-item href="#">Library</breadcrumb-item>
+      <breadcrumb-item active>Data</breadcrumb-item>
+    </breadcrumbs>
+  </div>
+</template>

docs/.vuepress/components/breadcrumbs/breadcrumbs-item.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="uiv">
+    <breadcrumbs :items="items" />
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      items: [
+        { text: 'Home', href: '#' },
+        { text: 'Library', href: '#' },
+        { text: 'Data', href: '#' },
+      ],
+    }
+  },
+}
+</script>