zview-plus/es/packages/components/carousel/src/carousel.mjs

基于 Vue3 的 UI 组件库

const a = {
  data: {
    type: Array,
    default: () => []
  },
  // 初始下标
  initialIndex: {
    type: Number,
    default: 0
  },
  // 高度
  height: {
    type: String,
    default: ""
  },
  // 指示器（底部小圆点）的触发方式
  trigger: {
    type: String,
    values: ["hover", "click"],
    default: "hover"
  },
  // 自动切换
  autoplay: {
    type: Boolean,
    default: !0
  },
  // 切换间隔，单位 ms
  interval: {
    type: Number,
    default: 3e3
  },
  // 指示器位置
  indicatorPosition: {
    type: String,
    values: ["", "none", "outside"],
    // 内部，无指示器，外部
    default: ""
  },
  // 指示器形状
  indicatorType: {
    type: String,
    values: ["circle", "rect"],
    default: "circle"
  },
  // 箭头显示方法
  arrow: {
    type: String,
    values: ["always", "hover", "never"],
    // 一直显示，hover 显示，不显示
    default: "hover"
  },
  // 是否无限循环切换
  loop: {
    type: Boolean,
    default: !0
  },
  // 走马灯切换方向
  direction: {
    type: String,
    values: ["horizontal", "vertical"],
    default: "horizontal"
  },
  // 鼠标悬浮时是否停止自动切换
  pauseOnHover: {
    type: Boolean,
    default: !0
  }
}, l = {
  change: (e, t) => [e, t].every((r) => Number.isInteger(r))
};
export {
  l as carouselEmits,
  a as carouselProps
};