gg-y-ui/lib/carousel/index.js

An enterprise-class UI design language and Vue-based implementation for web

/*!
 * 
 * y-ui v0.1.0
 * 
 * Copyright 2021-present, Y-UI-Design.
 * All rights reserved.
 * 
 */
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=62)}({0:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.getPrefixCls=function(e){return"y-"+e}},1:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=r(2),u=(n=i)&&n.__esModule?n:{default:n};u.default.install=function(e){e.component(u.default.name,u.default)},t.default=u.default},2:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var u={name:"YIcon",props:{name:String,sizes:{type:Number,default:4}},render:function(){var e,t=arguments[0],r=this.name,u=this.sizes;console.log(u);var o=(0,n.getPrefixCls)("icon"),a={class:(e={},i(e,""+o,!0),i(e,o+"-"+r,!!r),e),style:{fontSize:4*u+"px"}};return t("i",a)}};t.default=u},62:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=r(63),u=(n=i)&&n.__esModule?n:{default:n};u.default.install=function(e){e.component(u.default.name,u.default)},t.default=u.default},63:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0),i=o(r(64)),u=o(r(65));function o(e){return e&&e.__esModule?e:{default:e}}function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var l={name:"YCarousel",data:function(){return{activeIndex:0,itemCount:0,itemWidth:0}},computed:{transformX:function(){return-this.activeIndex*this.itemWidth}},methods:{onClickDot:function(e){this.activeIndex=e},onClickLeftArrow:function(){this.activeIndex--},onClickRightArrow:function(){this.activeIndex++}},mounted:function(){var e=this.$refs.itemContainer,t=this.$refs.itemSlider,r=e.firstChild.firstChild;this.itemWidth=r.clientWidth,e.style.width=r.clientWidth+"px",this.itemCount=this.$slots.default.length,t.style.width=r.clientWidth*this.itemCount+"px"},render:function(){var e=arguments[0],t=this.$slots,r=this.onClickDot,o=this.activeIndex,l=this.itemCount,s=this.onClickLeftArrow,f=this.onClickRightArrow,c=this.transformX,d=(0,n.getPrefixCls)("carousel"),v={class:a({},""+d,!0),on:{}};return e("div",v,[e("div",{class:d+"-item-container",ref:"itemContainer"},[e("div",{class:d+"-item-container-slider",ref:"itemSlider",style:{transform:"translate3d("+c+"px, 0, 0)"}},[t.default])]),0!==o&&e(i.default,{attrs:{type:"left"},nativeOn:{click:s}}),o<l-1&&e(i.default,{attrs:{type:"right"},nativeOn:{click:f}}),e("div",{class:d+"-dots-container"},[t.default.map((function(t,n){return e(u.default,{attrs:{active:o===n},nativeOn:{click:function(){return r(n)}}})}))])])}};t.default=l},64:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=r(0),u=r(1),o=(n=u)&&n.__esModule?n:{default:n};function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var l={name:"YCarouselArrow",props:{type:{type:String,required:!0}},render:function(){var e,t=arguments[0],r=this.$slots,n=this.type,u=(0,i.getPrefixCls)("carousel-arrow"),l={class:(e={},a(e,""+u,!0),a(e,u+"-left","left"===n),a(e,u+"-right","right"===n),e),on:{}};return t("div",l,[r.default,t(o.default,"left"===n?{attrs:{name:"arrow1_left_wide_linear",size:6}}:{attrs:{name:"arrow1_right_wide_linear",size:6}})])}};t.default=l},65:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var u={name:"YCarouselDot",props:{active:{type:Boolean,required:!0}},render:function(){var e,t=arguments[0],r=this.$slots,u=this.active,o=(0,n.getPrefixCls)("carousel-dot"),a={class:(e={},i(e,""+o,!0),i(e,"active",u),e),on:{}};return t("div",a,[r.default])}};t.default=u}});