Merge branch 'dev' of https://gitee.com/lookforwhat/vue-devui into dev

.gitignore

@@ -5,3 +5,5 @@ dist-ssr
 *.local
 package-lock.json
 .history
+.vscode
+devui/vue-devui.ts

devui/accordion/index.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue'
+import Accordion from './accordion'
+
+Accordion.install = function(Vue: App) {
+ Vue.component(Accordion.name, Accordion)
+};
+
+Accordion.version = '0.0.1'
+
+export default Accordion

devui/alert/index.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue'
+import Alert from './alert'
+
+Alert.install = function(Vue: App) {
+ Vue.component(Alert.name, Alert)
+};
+
+Alert.version = '0.0.1'
+
+export default Alert

devui/anchor/index.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue'
+import Anchor from './anchor'
+
+Anchor.install = function(Vue: App) {
+ Vue.component(Anchor.name, Anchor)
+};
+
+Anchor.version = '0.0.1'
+
+export default Anchor

devui/avatar/index.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue'
+import Avatar from './avatar'
+
+Avatar.install = function(Vue: App) {
+ Vue.component(Avatar.name, Avatar)
+};
+
+Avatar.version = '0.0.1'
+
+export default Avatar

devui/button/index.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue'
+import Button from './button'
+
+Button.install = function(Vue: App) {
+ Vue.component(Button.name, Button)
+};
+
+Button.version = '0.0.1'
+
+export default Button

devui/card/index.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue'
+import Card from './card'
+
+Card.install = function(Vue: App) {
+ Vue.component(Card.name, Card)
+};
+
+Card.version = '0.0.1'
+
+export default Card

devui/carousel/carousel.scss

@@ -0,0 +1,111 @@
+@import '../style/theme/color';
+@import '../style/theme/shadow';
+@import '../style/core/animation';
+
+@mixin fixed-arrow-button() {
+ position: absolute;
+ top: -18px;
+ z-index: 2;
+ cursor: pointer;
+ width: 36px;
+ height: 36px;
+ border-radius: 18px;
+ background: $devui-highlight-overlay;
+ box-shadow: $devui-shadow-length-hover $devui-light-shadow;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+
+ &:hover {
+ background: $devui-area;
+ }
+
+ svg polygon {
+ fill: $devui-text;
+ }
+}
+
+.devui-carousel-container {
+ display: block;
+ position: relative;
+
+ .devui-carousel-arrow {
+ position: absolute;
+ width: 100%;
+ top: 50%;
+
+ .arrow-left {
+ @include fixed-arrow-button();
+
+ left: 10px;
+ }
+
+ .arrow-right {
+ @include fixed-arrow-button();
+
+ right: 10px;
+ }
+ }
+
+ .devui-carousel-item-wrapper {
+ position: relative;
+ overflow: hidden;
+ height: 100%;
+
+ .devui-carousel-item-container {
+ display: flex;
+ height: 100%;
+ position: relative;
+
+ .d-carousel-item {
+ flex: 1;
+ position: relative;
+ height: 100%;
+ }
+ }
+ }
+
+ .devui-carousel-dots {
+ position: absolute;
+ display: flex;
+ justify-content: center;
+ width: 100%;
+ list-style: none;
+
+ &.bottom {
+ bottom: 8px;
+ }
+
+ &.top {
+ top: 8px;
+ }
+
+ .dot-item {
+ width: 6px;
+ height: 6px;
+ border-radius: 3px;
+ margin-right: 8px;
+ background: $devui-icon-fill;
+
+ &:hover {
+ cursor: pointer;
+ background: $devui-list-item-hover-bg;
+ }
+
+ &.active {
+ width: 24px;
+ background: $devui-list-item-active-bg;
+ transition: all $devui-animation-duration-slow $devui-animation-ease-in-smooth;
+ }
+ }
+ }
+}
+
+.devui-carousel-container {
+ .devui-carousel-arrow {
+ .arrow-left,
+ .arrow-right {
+ transition: background-color $devui-animation-duration-slow $devui-animation-ease-in-smooth;
+ }
+ }
+}