@fishawack/lab-velocity 1.11.0 → 2.0.0-beta.1

package/components/_menu.scss

@@ -1,15 +1,17 @@
-@import 'element-plus/theme-chalk/el-menu';
-@import 'element-plus/theme-chalk/el-menu-item';
-@import 'element-plus/theme-chalk/el-sub-menu';
+@import "element-plus/theme-chalk/el-menu";
+@import "element-plus/theme-chalk/el-menu-item";
+@import "element-plus/theme-chalk/el-sub-menu";
 
-ul.vel-menu  {
+ul.vel-menu {
     li {
-        --el-menu-level-padding : 0;
+        --el-menu-level-padding: 0;
         padding-right: 0px;
     }
-    .el-sub-menu__title, a, .el-menu-item > *  {
+    .el-sub-menu__title,
+    a,
+    .el-menu-item > * {
         font-size: get-ratio(18px);
-        border-left: solid .5 * $spacing transparent;
+        border-left: solid 0.5 * $spacing transparent;
         padding: 0 2.5 * $spacing;
         width: 100%;
         display: flex;
@@ -20,12 +22,11 @@ ul.vel-menu  {
             width: 2.5 * $spacing;
             min-width: 2.5 * $spacing;
             fill: currentColor;
-            margin-right: .5 * $spacing;
+            margin-right: 0.5 * $spacing;
             * {
                 vertical-align: middle;
             }
         }
-
     }
 
     .el-sub-menu__title {
@@ -35,27 +36,28 @@ ul.vel-menu  {
     a {
         height: 100%;
         box-sizing: border-box;
-        border-left: solid .5 * $spacing $color8;
+        border-left: solid 0.5 * $spacing $color8;
         .vel-icon {
             width: 2.5 * $spacing;
             max-width: 2.5 * $spacing;
             min-width: 2.5 * $spacing;
             padding-bottom: 0px;
         }
-        &.active{
+        &.active {
             border-left-color: $color1;
         }
-
     }
-    
-    span, .el-sub-menu__icon-arrow {
+
+    span,
+    .el-sub-menu__icon-arrow {
         opacity: 0;
-        transition: .2s ease-in-out opacity;
-        margin-left: .5 * $spacing;
+        transition: 0.2s ease-in-out opacity;
+        margin-left: 0.5 * $spacing;
     }
 
     .active & {
-        span,.el-sub-menu__icon-arrow {
+        span,
+        .el-sub-menu__icon-arrow {
             opacity: 1;
         }
     }
@@ -66,11 +68,10 @@ ul.vel-menu  {
     }
 }
 
-
-
 .vel-sub-menu {
     --el-menu-level-padding: 0;
-    .el-menu-item, .vel-sub-menu {
+    .el-menu-item,
+    .vel-sub-menu {
         padding-left: 5 * $spacing !important;
     }
     .el-sub-menu__title {
@@ -98,13 +99,12 @@ ul.vel-menu  {
     }
 
     .el-sub-menu {
-
         .vel-menu-item {
             a.active {
                 border-left-color: transparent;
             }
         }
-        .vel-menu-item a{
+        .vel-menu-item a {
             padding-left: 0px;
             padding-right: 0px;
         }

package/components/_pageTitle.scss

@@ -1,8 +1,8 @@
 .vel-page-title {
     padding: 3 * $spacing 6 * $spacing;
     background-color: $color0;
-    border-bottom: .5 * $spacing solid;
-    border-image: linear-gradient(90deg, #FF558F 0%, #856DF6 100%) 1;
-    box-shadow: .5 * $spacing .5 * $spacing $spacing 0px #00000040;
+    border-bottom: 0.5 * $spacing solid;
+    border-image: linear-gradient(90deg, #ff558f 0%, #856df6 100%) 1;
+    box-shadow: 0.5 * $spacing 0.5 * $spacing $spacing 0px #00000040;
     margin-bottom: 2.5 * $spacing;
 }

package/components/_permissionLegend.scss

@@ -0,0 +1,18 @@
+.permission-legend {
+    background-color: #f2f2f2;
+    border: 1px solid #e6e6e6;
+    padding: $spacing * 2;
+}
+
+.permission-legend__list {
+    list-style: none;
+    padding-left: 0;
+
+    & > li {
+        margin-bottom: $spacing;
+    }
+}
+
+.permission-legend__description {
+    padding-left: $spacing;
+}

package/components/_select.scss

@@ -5,12 +5,13 @@
 @import "element-plus/theme-chalk/el-popper";
 @import "element-plus/theme-chalk/el-select";
 
-.vel-select {   
+.vel-select {
     .el-select__wrapper {
         font-size: get-ratio(16px);
         padding: get-ratio(17px) get-ratio(16px);
     }
-    .el-select__input, .el-select__selected-item {
+    .el-select__input,
+    .el-select__selected-item {
         line-height: get-ratio(16px);
         height: get-ratio(16px);
     }

package/components/_sidebar.scss

@@ -2,11 +2,11 @@
     flex-basis: $spacing * 7.5;
     display: flex;
     flex-direction: column;
-    box-shadow: 0px $spacing * .5 $spacing * .5 0px hsla(0, 0%, 0%, 0.251);
+    box-shadow: 0px $spacing * 0.5 $spacing * 0.5 0px hsla(0, 0%, 0%, 0.251);
     min-height: 10vh;
     max-height: 100vh;
     overflow: hidden;
-    transition: flex-basis .3s ease-in-out;
+    transition: flex-basis 0.3s ease-in-out;
     background-color: $color0;
 
     position: sticky;
@@ -15,10 +15,9 @@
     min-width: get-ratio(64px);
     flex-basis: get-ratio(64px);
 
-
     > div {
         &:first-child {
-            flex-grow: .80;
+            flex-grow: 0.8;
         }
         &:last-child {
             margin-bottom: 5.5vh;
@@ -48,10 +47,10 @@
 .vel-side-bar__bottom {
     display: flex;
     justify-content: flex-end;
-    border-top: solid 1px #E6E6E6;
+    border-top: solid 1px #e6e6e6;
     padding: $spacing $spacing * 1.5;
 }
 
 main {
     overflow: hidden;
-}
+}

package/components/_switch.scss

@@ -9,6 +9,6 @@
         height: auto;
     }
     .vel-switch__label {
-        margin-right: .5rem;
+        margin-right: 0.5rem;
     }
-}
+}

package/components/_table.scss

@@ -4,8 +4,8 @@
 
 .el-table {
     padding: get-ratio(8px);
-    thead tr .el-table__cell{
-        background-color: #F7F7F7;
+    thead tr .el-table__cell {
+        background-color: #f7f7f7;
     }
     .el-table__cell {
         padding: get-ratio(8px) get-ratio(12px);
@@ -17,4 +17,4 @@
     display: flex;
     width: 100%;
     max-width: 100%;
-  }
+}

package/components/_tooltip.scss

@@ -1,4 +1,4 @@
 @import "element-plus/theme-chalk/el-tooltip";
 
-.vel-tooltip{
-}
+.vel-tooltip {
+}

package/components/_typography.scss

@@ -2,119 +2,128 @@
 /* Primary font
 -------------------------------------------------- */
 @font-face {
-    font-family : $primaryFont;
-    font-weight : 400;
-    font-style  : normal;
+    font-family: $primaryFont;
+    font-weight: 400;
+    font-style: normal;
 
-    src :
-        resolve($primaryFontRegular + '.woff2') format('woff2'),
-        resolve($primaryFontRegular + '.woff') format('woff'),
+    src:
+        resolve($primaryFontRegular + ".woff2") format("woff2"),
+        resolve($primaryFontRegular + ".woff") format("woff");
 }
 
 @font-face {
-    font-family : $primaryFont;
-    font-weight : 100;
-    font-style  : normal;
+    font-family: $primaryFont;
+    font-weight: 100;
+    font-style: normal;
 
-    src :
-        resolve($primaryFontThin + '.woff2') format('woff2'),
-        resolve($primaryFontThin + '.woff') format('woff'),
+    src:
+        resolve($primaryFontThin + ".woff2") format("woff2"),
+        resolve($primaryFontThin + ".woff") format("woff");
 }
 
 @font-face {
-    font-family : $primaryFont;
-    font-weight : 200;
-    font-style  : normal;
+    font-family: $primaryFont;
+    font-weight: 200;
+    font-style: normal;
 
-    src :
-        resolve($primaryFontExtraLight + '.woff2') format('woff2'),
-        resolve($primaryFontExtraLight + '.woff') format('woff'),
+    src:
+        resolve($primaryFontExtraLight + ".woff2") format("woff2"),
+        resolve($primaryFontExtraLight + ".woff") format("woff");
 }
 
 @font-face {
-    font-family : $primaryFont;
-    font-weight : 300;
-    font-style  : normal;
+    font-family: $primaryFont;
+    font-weight: 300;
+    font-style: normal;
 
-    src :
-        resolve($primaryFontLight + '.woff2') format('woff2'),
-        resolve($primaryFontLight + '.woff') format('woff'),
+    src:
+        resolve($primaryFontLight + ".woff2") format("woff2"),
+        resolve($primaryFontLight + ".woff") format("woff");
 }
 
 @font-face {
-    font-family : $primaryFont;
-    font-weight : 500;
-    font-style  : normal;
+    font-family: $primaryFont;
+    font-weight: 500;
+    font-style: normal;
 
-    src :
-        resolve($primaryFontMedium + '.woff2') format('woff2'),
-        resolve($primaryFontMedium + '.woff') format('woff'),
+    src:
+        resolve($primaryFontMedium + ".woff2") format("woff2"),
+        resolve($primaryFontMedium + ".woff") format("woff");
 }
 
 @font-face {
-    font-family : $primaryFont;
-    font-weight : 600;
-    font-style  : normal;
+    font-family: $primaryFont;
+    font-weight: 600;
+    font-style: normal;
 
-    src :
-        resolve($primaryFontSemiBold + '.woff2') format('woff2'),
-        resolve($primaryFontSemiBold + '.woff') format('woff'),
+    src:
+        resolve($primaryFontSemiBold + ".woff2") format("woff2"),
+        resolve($primaryFontSemiBold + ".woff") format("woff");
 }
 
 @font-face {
-    font-family : $primaryFont;
-    font-weight : 700;
-    font-style  : normal;
+    font-family: $primaryFont;
+    font-weight: 700;
+    font-style: normal;
 
-    src :
-        resolve($primaryFontBold + '.woff2') format('woff2'),
-        resolve($primaryFontBold + '.woff2') format('woff2'),
+    src:
+        resolve($primaryFontBold + ".woff2") format("woff2"),
+        resolve($primaryFontBold + ".woff2") format("woff2");
 }
 
-
-
 @font-face {
-    font-family : $secondaryFont;
-    font-weight : 500;
-    font-style  : normal;
+    font-family: $secondaryFont;
+    font-weight: 500;
+    font-style: normal;
 
-    src :
-        resolve($secondaryFontMedium + '.ttf') format('truetype')
+    src: resolve($secondaryFontMedium + ".ttf") format("truetype");
 }
 
-
-h1,.h1 {
+h1,
+.h1 {
     font-size: get-ratio(48px);
     line-height: get-ratio(56px);
     font-family: $primaryFont;
 }
 
-h2, .h2 {
+h2,
+.h2 {
     font-size: get-ratio(36px);
     line-height: get-ratio(48px);
-    font-family : $secondaryFont;
+    font-family: $secondaryFont;
 }
 
-h3, .h3 {
+h3,
+.h3 {
     font-size: get-ratio(32px);
     line-height: get-ratio(42px);
-    font-family : $primaryFont;
+    font-family: $primaryFont;
 }
 
-h4, .h4 {
+h4,
+.h4 {
     font-size: get-ratio(24px);
     line-height: get-ratio(32px);
-    font-family : $primaryFont;
+    font-family: $primaryFont;
 }
 
-h5, .h5 {
+h5,
+.h5 {
     font-size: get-ratio(20px);
     line-height: get-ratio(24px);
     font-weight: 700;
-    font-family : $primaryFont;
+    font-family: $primaryFont;
 }
-h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5 {
-
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5 {
     font-weight: 500;
 }
 
@@ -149,5 +158,5 @@ h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5 {
     font-size: get-ratio(60px);
     line-height: get-ratio(68px);
     font-weight: 500;
-    font-family : $primaryFont;
+    font-family: $primaryFont;
 }

package/components/_upload.scss

@@ -12,4 +12,4 @@
     &__error {
         color: $colorAlert;
     }
-}
+}

package/components/_wysiwyg.scss

@@ -1,6 +1,7 @@
 @import "quill/dist/quill.snow";
 @import "quill/dist/quill.core";
 
-.ql-container,.ql-toolbar {
+.ql-container,
+.ql-toolbar {
     background-color: $color0;
-}
+}

package/components/_wysiwyg2.scss

@@ -11,9 +11,9 @@
     border-bottom: none;
     // margin-bottom: .5 * $spacing;
     font-size: get-ratio(14px);
-    padding: 0 .5 * $spacing;
+    padding: 0 0.5 * $spacing;
     > * {
-        padding: .5 * $spacing;
+        padding: 0.5 * $spacing;
         padding-right: $spacing;
         --el-font-size-base: get-ratio(14px);
         &:not(:last-child) {
@@ -29,7 +29,8 @@
         padding: 3px 5px;
         line-height: 1;
         border: none;
-        &.is-active, &:hover {
+        &.is-active,
+        &:hover {
             background-color: $color5;
         }
         svg {
@@ -47,61 +48,64 @@
         stroke-linejoin: round;
         stroke-width: 2;
     }
-    
+
     .ql-stroke-miter {
         fill: none;
         stroke: #444;
         stroke-miterlimit: 10;
         stroke-width: 2;
     }
-    
+
     .ql-fill,
     .ql-stroke.ql-fill {
         fill: #444;
     }
-    
+
     .ql-empty {
         fill: none;
     }
-    
+
     .ql-even {
         fill-rule: evenodd;
     }
-    
+
     .ql-thin,
     .ql-stroke.ql-thin {
         stroke-width: 1;
     }
-    
+
     .ql-transparent {
         opacity: 0.4;
-  }
+    }
 
-  ~ div {
-    // margin-top: $spacing;
-    border: solid $color5 2px;
-    background-color: $color0;
-    > div {
-        padding: 2 * $spacing;
+    ~ div {
+        // margin-top: $spacing;
+        border: solid $color5 2px;
+        background-color: $color0;
+        > div {
+            padding: 2 * $spacing;
+        }
     }
-  }
 }
 .vel-wysiwyg__button {
-        // border: solid 1px $color1;
-        background-color: transparent;
-        // cursor: pointer;
+    // border: solid 1px $color1;
+    background-color: transparent;
+    // cursor: pointer;
 
-        &.is-active, &:hover {
-            background-color: $color5;
-        }
+    &.is-active,
+    &:hover {
+        background-color: $color5;
+    }
 }
 
 .vel-wysiwyg {
     // border: solid $color1 1px;
     // padding: $spacing * 1.5;
 
-    table,td,th {
-        border: solid .5px $color1;
+    table,
+    td,
+    th {
+        border: solid 0.5px $color1;
     }
     th {
         background-color: $color5;
@@ -115,10 +119,10 @@
     }
 }
 
-
-
-.lab-table, .lab-table-cell, .lab-table-header {
-    border: solid .5px $color1;
+.lab-table,
+.lab-table-cell,
+.lab-table-header {
+    border: solid 0.5px $color1;
 }
 .lab-table-header {
     background-color: $color5;
@@ -130,7 +134,9 @@
     }
 }
 .lab-table-cell {
-    &:active, &:focus-within, &.selectedCell {
-        background-color: transparentize($color: $color5, $amount: .8);
+    &:active,
+    &:focus-within,
+    &.selectedCell {
+        background-color: transparentize($color: $color5, $amount: 0.8);
     }
 }

package/general.scss

@@ -31,5 +31,4 @@
 @import "./components/_loader.scss";
 @import "./modules/_AuthModule.scss";
 
-
-@import "./_base.scss";
+@import "./_base.scss";

package/index.js

@@ -1,34 +1,42 @@
-export { default as Button } from "./basic/Button.vue";
-export { default as Link } from "./basic/link.vue";
+import Router from "./_Build/vue/modules/AuthModule/js/router.js";
+import Axios from "./_Build/vue/modules/AuthModule/js/axios.js";
+import Store from "./_Build/vue/modules/AuthModule/js/store.js";
 
-export { default as Basic } from "./form/basic.vue";
-export { default as Checkbox } from "./form/Checkbox.vue";
-export { default as CheckboxGroup } from "./form/CheckboxGroup.vue";
-export { default as Color } from "./form/color.vue";
-export { default as DatePicker } from "./form/DatePicker.vue";
-export { default as file } from "./form/file.vue";
-export { default as Select } from "./form/Select.vue";
-export { default as Switch } from "./form/Switch.vue";
-export { default as Wysiwyg } from "./form/Wysiwyg.vue";
-export { default as Wysiwyg2 } from "./form/Wysiwyg2.vue";
-export { default as Upload } from "./form/Upload.vue";
-export { default as InputNumber } from "./form/InputNumber.vue";
+export const Auth = {
+    Router,
+    Axios,
+    Store,
+};
 
-export { default as SideBar } from "./layout/sideBar.vue";
-export { default as Footer } from "./layout/Footer.vue";
-export { default as Header } from "./layout/Header.vue";
-export { default as PageTitle } from "./layout/pageTitle.vue";
-export { default as Alert } from "./layout/Alert.vue";
-export { default as Tooltip } from "./layout/Tooltip.vue";
-export { default as Menu } from "./navigation/Menu.vue";
-export { default as MenuItem } from "./navigation/MenuItem.vue";
-export { default as MenuItemGroup } from "./navigation/MenuItemGroup.vue";
-export { default as SubMenu } from "./navigation/SubMenu.vue";
-export { default as Breadcrumbs } from "./navigation/Breadcrumbs.vue";
-export { default as BreadcrumbsItem } from "./navigation/BreadcrumbsItem.vue";
+export { default as Button } from "./_Build/vue/components/basic/Button.vue";
+export { default as Link } from "./_Build/vue/components/basic/link.vue";
 
-export { default as Icon } from "./Icon.vue";
-export { default as Svg } from "./Svg.vue";
-export { default as Loader } from "./layout/Loader.vue";
+export { default as Basic } from "./_Build/vue/components/form/basic.vue";
+export { default as Checkbox } from "./_Build/vue/components/form/Checkbox.vue";
+export { default as CheckboxGroup } from "./_Build/vue/components/form/CheckboxGroup.vue";
+export { default as Color } from "./_Build/vue/components/form/color.vue";
+export { default as DatePicker } from "./_Build/vue/components/form/DatePicker.vue";
+export { default as file } from "./_Build/vue/components/form/file.vue";
+export { default as Select } from "./_Build/vue/components/form/Select.vue";
+export { default as Switch } from "./_Build/vue/components/form/Switch.vue";
+export { default as Wysiwyg } from "./_Build/vue/components/form/Wysiwyg.vue";
+export { default as Wysiwyg2 } from "./_Build/vue/components/form/Wysiwyg2.vue";
+export { default as Upload } from "./_Build/vue/components/form/Upload.vue";
+export { default as InputNumber } from "./_Build/vue/components/form/InputNumber.vue";
 
-export { authRoutes } from './AuthModule/js/AuthRoutes.js';
+export { default as SideBar } from "./_Build/vue/components/layout/sideBar.vue";
+export { default as Footer } from "./_Build/vue/components/layout/Footer.vue";
+export { default as Header } from "./_Build/vue/components/layout/Header.vue";
+export { default as PageTitle } from "./_Build/vue/components/layout/pageTitle.vue";
+export { default as Alert } from "./_Build/vue/components/layout/Alert.vue";
+export { default as Tooltip } from "./_Build/vue/components/layout/Tooltip.vue";
+export { default as Menu } from "./_Build/vue/components/navigation/Menu.vue";
+export { default as MenuItem } from "./_Build/vue/components/navigation/MenuItem.vue";
+export { default as MenuItemGroup } from "./_Build/vue/components/navigation/MenuItemGroup.vue";
+export { default as SubMenu } from "./_Build/vue/components/navigation/SubMenu.vue";
+export { default as Breadcrumbs } from "./_Build/vue/components/navigation/Breadcrumbs.vue";
+export { default as BreadcrumbsItem } from "./_Build/vue/components/navigation/BreadcrumbsItem.vue";
+
+export { default as Icon } from "./_Build/vue/components/Icon.vue";
+export { default as Svg } from "./_Build/vue/components/Svg.vue";
+export { default as Loader } from "./_Build/vue/components/layout/Loader.vue";