update repo github

lusaxweb · Jun 18, 2020 · 3c09e71 · 3c09e71
1 parent 4fa316d
commit 3c09e71
Show file tree

Hide file tree

Showing 97 changed files with 7,787 additions and 495 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,5 +15,8 @@
     "lerna": "^3.19.0",
     "shelljs": "^0.8.3",
     "vue": "^2.6.11"
+  },
+  "dependencies": {
+    "@types/lodash": "^4.14.150"
   }
 }
diff --git a/packages/docs/.vuepress/components/Checkbox/array.vue b/packages/docs/.vuepress/components/Checkbox/array.vue
@@ -16,7 +16,7 @@
       Vuesax
     </vs-checkbox>
 
-    <span class="data">
+    <span class="data-check">
       {{ options }}
     </span>
   </div>
@@ -37,7 +37,7 @@ export default {
   align-items flex-start
   >>>.vs-checkbox-content
     min-width 80px
-  .data
+  .data-check
     background rgba(0,0,0,.03)
     padding 10px 20px
     border-radius 18px

diff --git a/packages/docs/.vuepress/components/Checkbox/icon.vue b/packages/docs/.vuepress/components/Checkbox/icon.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="center">
+  <div class="center checks">
     <vs-checkbox v-model="option1">
       <template #icon>
         <i class='bx bx-check' ></i>
@@ -50,3 +50,8 @@ export default {
   })
 }
 </script>
+<style lang="stylus">
+  .checks
+    .vs-checkbox-content
+      margin 5px
+</style>
diff --git a/packages/docs/.vuepress/components/Checkbox/object.vue b/packages/docs/.vuepress/components/Checkbox/object.vue
@@ -10,10 +10,8 @@
       Sass
     </vs-checkbox>
 
-    <pre class="data">
-      <code>
+    <pre class="data-check">
   {{ options }}
-      </code>
     </pre>
   </div>
 </template>
@@ -29,18 +27,21 @@ export default {
   }),
 }
 </script>
-<style scoped lang="stylus">
+<style scoped lang="stylus" scoped>
 .con-checkbox
   flex-direction column
   align-items flex-start
   >>>.vs-checkbox-content
     min-width 80px
-  .data
-    // background rgba(0,0,0,.025)
-    line-height 1rem
-    display flex
-    align-items center
-    justify-content flex-start
-    margin-top 10px
+  .data-check
+    background rgba(0,0,0,.03)
+    padding 10px
+    border-radius 18px
+    margin-top 20px
+    font-size .9rem
     width 100%
+    pre
+      background transparent
+      padding 0px 10px
+      overflow hidden
 </style>
diff --git a/packages/docs/.vuepress/components/Input/default.vue b/packages/docs/.vuepress/components/Input/default.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="center content-inputs">
-    <vs-input v-model="value" placeholder="Name" />
+    <vs-input block v-model="value" placeholder="Name" />
   </div>
 </template>
 <script>

diff --git a/packages/docs/.vuepress/components/Navbar/color.vue b/packages/docs/.vuepress/components/Navbar/color.vue
@@ -0,0 +1,69 @@
+<template>
+  <div class="center examplex">
+    <vs-navbar text-white :color="active" center-collapsed v-model="active">
+      <template #left>
+        <img src="/logos/logo-vuesax-logotipo-vuesax-png-4.png" alt="">
+      </template>
+      <template #right>
+        <vs-navbar-item :active="active == 'primary'" id="primary">
+          Primary
+        </vs-navbar-item>
+        <vs-navbar-item :active="active == 'success'" id="success">
+          Success
+        </vs-navbar-item>
+        <vs-navbar-item :active="active == 'danger'" id="danger">
+          Danger
+        </vs-navbar-item>
+        <vs-navbar-item :active="active == 'warn'" id="warn">
+          Warn
+        </vs-navbar-item>
+        <vs-navbar-item :active="active == 'dark'" id="dark">
+          Dark
+        </vs-navbar-item>
+        <vs-navbar-item :active="active == '#7d33ff'" id="#7d33ff">
+          HEX
+        </vs-navbar-item>
+        <vs-navbar-item :active="active == 'rgb(59,222,200)'" id="rgb(59,222,200)">
+          RGB
+        </vs-navbar-item>
+      </template>
+    </vs-navbar>
+    <div class="square">
+      <div class="child">
+        child 1
+      </div>
+      <div class="child">
+        child 2
+      </div>
+      <div class="child">
+        child 3
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data:() => ({
+    active: 'primary'
+  })
+}
+</script>
+<style lang="stylus">
+  .square
+    height 400px
+    position relative
+    overflow auto
+    width 100%
+    .child
+      height 400px
+      display flex
+      align-items center
+      justify-content center
+      width 100%
+  .examplex
+    background rgb(240,240,240) !important
+    padding 0px !important
+    position relative
+    img
+      max-height 22px
+</style>
diff --git a/packages/docs/.vuepress/components/Navbar/default copy.vue b/packages/docs/.vuepress/components/Navbar/default copy.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="center examplex">
+    <vs-navbar center-collapsed v-model="active">
+      <template #left>
+        <img src="/logo2.png" alt="">
+      </template>
+      <vs-navbar-item :active="active == 'guide'" id="guide">
+        Guide
+      </vs-navbar-item>
+      <vs-navbar-item :active="active == 'docs'" id="docs">
+        Documents
+      </vs-navbar-item>
+      <vs-navbar-item :active="active == 'components'" id="components">
+        Components
+      </vs-navbar-item>
+      <vs-navbar-item :active="active == 'license'" id="license">
+        license
+      </vs-navbar-item>
+      <template #right>
+        <vs-button flat >Login</vs-button>
+        <vs-button>Get Started</vs-button>
+      </template>
+    </vs-navbar>
+    <div class="square">
+      <div class="child">
+        child 1
+      </div>
+      <div class="child">
+        child 2
+      </div>
+      <div class="child">
+        child 3
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data:() => ({
+    active: 'license'
+  })
+}
+</script>
+<style lang="stylus">
+  .square
+    height 400px
+    position relative
+    overflow auto
+    width 100%
+    .child
+      height 400px
+      display flex
+      align-items center
+      justify-content center
+      width 100%
+  .examplex
+    background rgb(240,240,240) !important
+    padding 0px !important
+    position relative
+    img
+      max-height 25px
+</style>
diff --git a/packages/docs/.vuepress/components/Navbar/default.vue b/packages/docs/.vuepress/components/Navbar/default.vue
@@ -0,0 +1,69 @@
+<template>
+  <div class="center examplex">
+    <vs-navbar text-white :color="active" center-collapsed v-model="active">
+      <template #left>
+        <img src="/logos/logo-vuesax-logotipo-vuesax-png-4.png" alt="">
+      </template>
+      <template #right>
+        <vs-navbar-item :active="active == 'primary'" id="primary">
+          Primary
+        </vs-navbar-item>
+        <vs-navbar-item :active="active == 'success'" id="success">
+          Success
+        </vs-navbar-item>
+        <vs-navbar-item :active="active == 'danger'" id="danger">
+          Danger
+        </vs-navbar-item>
+        <vs-navbar-item :active="active == 'warn'" id="warn">
+          Warn
+        </vs-navbar-item>
+        <vs-navbar-item :active="active == 'dark'" id="dark">
+          Dark
+        </vs-navbar-item>
+        <vs-navbar-item :active="active == '#7d33ff'" id="#7d33ff">
+          HEX
+        </vs-navbar-item>
+        <vs-navbar-item :active="active == 'rgb(59,222,200)'" id="rgb(59,222,200)">
+          RGB
+        </vs-navbar-item>
+      </template>
+    </vs-navbar>
+    <div class="square">
+      <div class="child">
+        child 1
+      </div>
+      <div class="child">
+        child 2
+      </div>
+      <div class="child">
+        child 3
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data:() => ({
+    active: 'primary'
+  })
+}
+</script>
+<style lang="stylus">
+  .square
+    height 400px
+    position relative
+    overflow auto
+    width 100%
+    .child
+      height 400px
+      display flex
+      align-items center
+      justify-content center
+      width 100%
+  .examplex
+    background rgb(240,240,240) !important
+    padding 0px !important
+    position relative
+    img
+      max-height 22px
+</style>
diff --git a/packages/docs/.vuepress/components/Pagination/color.vue b/packages/docs/.vuepress/components/Pagination/color.vue
@@ -37,6 +37,7 @@ export default {
     display flex
     align-items center
     justify-content flex-start
+    flex-wrap: wrap
     .vs-radio-content
       margin 10px
   .vs-pagination-content