Aurora Admin v1.2.0: 79 components x 5 ends, doc site, contracts batch 1, playground, regression, deploy ready

2026-09-10 19:21:56 +08:00
commit 51ce3a28f7
654 changed files with 49082 additions and 0 deletions
@@ -0,0 +1,43 @@
+<template>
+  <div class="aa-carousel">
+    <div class="aa-carousel-track" :style="{ transform: 'translateX(-' + index * 100 + '%)' }">
+      <div class="aa-carousel-slide" v-for="(s, i) in items" :key="i" :style="{ background: s.color }">{{ s.text }}</div>
+    </div>
+    <button class="aa-carousel-arrow prev" @click="go(index - 1)">‹</button>
+    <button class="aa-carousel-arrow next" @click="go(index + 1)">›</button>
+    <div class="aa-carousel-dots">
+      <span class="aa-carousel-dot" v-for="(s, i) in items" :key="i"
+            :class="{ 'is-active': i === index }" @click="go(i)"></span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AaCarousel',
+  props: {
+    items: { type: Array, default: function () { return []; } },
+    autoplay: { type: Boolean, default: true },
+    interval: { type: Number, default: 3000 }
+  },
+  data: function () { return { index: 0, timer: null }; },
+  methods: {
+    go: function (i) {
+      var len = this.items.length || 1;
+      this.index = (i + len) % len;
+      this.restart();
+    },
+    restart: function () {
+      if (this.timer) clearInterval(this.timer);
+      var self = this;
+      if (this.autoplay && this.items.length > 1) {
+        this.timer = setInterval(function () { self.go(self.index + 1); }, this.interval);
+      }
+    }
+  },
+  mounted: function () { this.restart(); },
+  beforeDestroy: function () { if (this.timer) clearInterval(this.timer); }
+};
+</script>
+
+<style src="./Carousel.css"></style>