iep-ui 1.4.20 → 1.4.21

package/lib/carousel/index.js

@@ -0,0 +1,231 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CarouselProps = exports.CarouselEffect = undefined;
+
+var _babelHelperVueJsxMergeProps = require('babel-helper-vue-jsx-merge-props');
+
+var _babelHelperVueJsxMergeProps2 = _interopRequireDefault(_babelHelperVueJsxMergeProps);
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _vueTypes = require('../_util/vue-types');
+
+var _vueTypes2 = _interopRequireDefault(_vueTypes);
+
+var _debounce = require('lodash/debounce');
+
+var _debounce2 = _interopRequireDefault(_debounce);
+
+var _propsUtil = require('../_util/props-util');
+
+var _propsUtil2 = _interopRequireDefault(_propsUtil);
+
+var _configConsumerProps = require('../config-provider/configConsumerProps');
+
+var _base = require('../base');
+
+var _base2 = _interopRequireDefault(_base);
+
+var _warning = require('../_util/warning');
+
+var _warning2 = _interopRequireDefault(_warning);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+// matchMedia polyfill for
+// https://github.com/WickyNilliams/enquire.js/issues/82
+if (typeof window !== 'undefined') {
+  var matchMediaPolyfill = function matchMediaPolyfill(mediaQuery) {
+    return {
+      media: mediaQuery,
+      matches: false,
+      addListener: function addListener() {},
+      removeListener: function removeListener() {}
+    };
+  };
+  // ref: https://github.com/ant-design/ant-design/issues/18774
+  if (!window.matchMedia) window.matchMedia = matchMediaPolyfill;
+}
+// Use require over import (will be lifted up)
+// make sure matchMedia polyfill run before require('vc-slick')
+// Fix https://github.com/ant-design/ant-design/issues/6560
+// Fix https://github.com/ant-design/ant-design/issues/3308
+var SlickCarousel = require('../vc-slick/src')['default'];
+
+var CarouselEffect = exports.CarouselEffect = _vueTypes2['default'].oneOf(['scrollx', 'fade']);
+// Carousel
+var CarouselProps = exports.CarouselProps = {
+  effect: CarouselEffect,
+  dots: _vueTypes2['default'].bool,
+  vertical: _vueTypes2['default'].bool,
+  autoplay: _vueTypes2['default'].bool,
+  easing: _vueTypes2['default'].string,
+  beforeChange: _vueTypes2['default'].func,
+  afterChange: _vueTypes2['default'].func,
+  // style: PropTypes.React.CSSProperties,
+  prefixCls: _vueTypes2['default'].string,
+  accessibility: _vueTypes2['default'].bool,
+  nextArrow: _vueTypes2['default'].any,
+  prevArrow: _vueTypes2['default'].any,
+  pauseOnHover: _vueTypes2['default'].bool,
+  // className: PropTypes.string,
+  adaptiveHeight: _vueTypes2['default'].bool,
+  arrows: _vueTypes2['default'].bool,
+  autoplaySpeed: _vueTypes2['default'].number,
+  centerMode: _vueTypes2['default'].bool,
+  centerPadding: _vueTypes2['default'].string,
+  cssEase: _vueTypes2['default'].string,
+  dotsClass: _vueTypes2['default'].string,
+  draggable: _vueTypes2['default'].bool,
+  fade: _vueTypes2['default'].bool,
+  focusOnSelect: _vueTypes2['default'].bool,
+  infinite: _vueTypes2['default'].bool,
+  initialSlide: _vueTypes2['default'].number,
+  lazyLoad: _vueTypes2['default'].bool,
+  rtl: _vueTypes2['default'].bool,
+  slide: _vueTypes2['default'].string,
+  slidesToShow: _vueTypes2['default'].number,
+  slidesToScroll: _vueTypes2['default'].number,
+  speed: _vueTypes2['default'].number,
+  swipe: _vueTypes2['default'].bool,
+  swipeToSlide: _vueTypes2['default'].bool,
+  touchMove: _vueTypes2['default'].bool,
+  touchThreshold: _vueTypes2['default'].number,
+  variableWidth: _vueTypes2['default'].bool,
+  useCSS: _vueTypes2['default'].bool,
+  slickGoTo: _vueTypes2['default'].number,
+  responsive: _vueTypes2['default'].array,
+  dotPosition: _vueTypes2['default'].oneOf(['top', 'bottom', 'left', 'right'])
+};
+
+var Carousel = {
+  name: 'ACarousel',
+  props: (0, _propsUtil.initDefaultProps)(CarouselProps, {
+    dots: true,
+    arrows: false,
+    draggable: false
+  }),
+  inject: {
+    configProvider: { 'default': function _default() {
+        return _configConsumerProps.ConfigConsumerProps;
+      } }
+  },
+
+  beforeMount: function beforeMount() {
+    this.onWindowResized = (0, _debounce2['default'])(this.onWindowResized, 500, {
+      leading: false
+    });
+  },
+  mounted: function mounted() {
+    if ((0, _propsUtil2['default'])(this, 'vertical')) {
+      (0, _warning2['default'])(!this.vertical, 'Carousel', '`vertical` is deprecated, please use `dotPosition` instead.');
+    }
+    var autoplay = this.autoplay;
+
+    if (autoplay) {
+      window.addEventListener('resize', this.onWindowResized);
+    }
+    // https://github.com/ant-design/ant-design/issues/7191
+    this.innerSlider = this.$refs.slick && this.$refs.slick.innerSlider;
+  },
+  beforeDestroy: function beforeDestroy() {
+    var autoplay = this.autoplay;
+
+    if (autoplay) {
+      window.removeEventListener('resize', this.onWindowResized);
+      this.onWindowResized.cancel();
+    }
+  },
+
+  methods: {
+    getDotPosition: function getDotPosition() {
+      if (this.dotPosition) {
+        return this.dotPosition;
+      }
+      if ((0, _propsUtil2['default'])(this, 'vertical')) {
+        return this.vertical ? 'right' : 'bottom';
+      }
+      return 'bottom';
+    },
+    onWindowResized: function onWindowResized() {
+      // Fix https://github.com/ant-design/ant-design/issues/2550
+      var autoplay = this.autoplay;
+
+      if (autoplay && this.$refs.slick && this.$refs.slick.innerSlider && this.$refs.slick.innerSlider.autoPlay) {
+        this.$refs.slick.innerSlider.autoPlay();
+      }
+    },
+    next: function next() {
+      this.$refs.slick.slickNext();
+    },
+    prev: function prev() {
+      this.$refs.slick.slickPrev();
+    },
+    goTo: function goTo(slide) {
+      var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      this.$refs.slick.slickGoTo(slide, dontAnimate);
+    }
+  },
+
+  render: function render() {
+    var h = arguments[0];
+
+    var props = (0, _extends3['default'])({}, this.$props);
+    var $slots = this.$slots;
+
+
+    if (props.effect === 'fade') {
+      props.fade = true;
+    }
+
+    var getPrefixCls = this.configProvider.getPrefixCls;
+    var className = getPrefixCls('carousel', props.prefixCls);
+    var dotsClass = 'slick-dots';
+    var dotPosition = this.getDotPosition();
+    props.vertical = dotPosition === 'left' || dotPosition === 'right';
+    props.dotsClass = (0, _classnames2['default'])('' + dotsClass, dotsClass + '-' + (dotPosition || 'bottom'), (0, _defineProperty3['default'])({}, '' + props.dotsClass, !!props.dotsClass));
+    if (props.vertical) {
+      className = className + ' ' + className + '-vertical';
+    }
+    var SlickCarouselProps = {
+      props: (0, _extends3['default'])({}, props, {
+        nextArrow: (0, _propsUtil.getComponentFromProp)(this, 'nextArrow'),
+        prevArrow: (0, _propsUtil.getComponentFromProp)(this, 'prevArrow')
+      }),
+      on: (0, _propsUtil.getListeners)(this),
+      scopedSlots: this.$scopedSlots
+    };
+    var children = (0, _propsUtil.filterEmpty)($slots['default']);
+    return h(
+      'div',
+      { 'class': className },
+      [h(
+        SlickCarousel,
+        (0, _babelHelperVueJsxMergeProps2['default'])([{ ref: 'slick' }, SlickCarouselProps]),
+        [children]
+      )]
+    );
+  }
+};
+
+/* istanbul ignore next */
+Carousel.install = function (Vue) {
+  Vue.use(_base2['default']);
+  Vue.component(Carousel.name, Carousel);
+};
+
+exports['default'] = Carousel;

package/lib/carousel/style/css.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('../../style/index.css');
+
+require('./index.css');

package/lib/carousel/style/index.css

@@ -0,0 +1,250 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
+::-webkit-scrollbar {
+  width: 6px;
+  background-color: transparent;
+}
+/*定义滚动条轨道 内阴影+圆角*/
+::-webkit-scrollbar-track {
+  -webkit-box-shadow: none;
+  border-radius: 4px;
+  background-color: transparent;
+}
+/*定义滑块 内阴影+圆角*/
+::-webkit-scrollbar-thumb {
+  border-radius: 6px;
+  -webkit-box-shadow: none;
+  background-color: rgba(144, 147, 153, 0.3);
+}
+/*定义最上方和最下方的按钮*/
+::-webkit-scrollbar-button {
+  display: none;
+  background-color: #252540;
+  border: 1px solid #252540;
+}
+.ant-carousel {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+}
+.ant-carousel .slick-slider {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  -webkit-touch-callout: none;
+  touch-action: pan-y;
+  -webkit-tap-highlight-color: transparent;
+}
+.ant-carousel .slick-list {
+  position: relative;
+  display: block;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
+.ant-carousel .slick-list:focus {
+  outline: none;
+}
+.ant-carousel .slick-list.dragging {
+  cursor: pointer;
+}
+.ant-carousel .slick-list .slick-slide {
+  pointer-events: none;
+}
+.ant-carousel .slick-list .slick-slide input.ant-radio-input,
+.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
+  visibility: hidden;
+}
+.ant-carousel .slick-list .slick-slide.slick-active {
+  pointer-events: auto;
+}
+.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
+.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
+  visibility: visible;
+}
+.ant-carousel .slick-slider .slick-track,
+.ant-carousel .slick-slider .slick-list {
+  transform: translate3d(0, 0, 0);
+}
+.ant-carousel .slick-track {
+  position: relative;
+  top: 0;
+  left: 0;
+  display: block;
+}
+.ant-carousel .slick-track::before,
+.ant-carousel .slick-track::after {
+  display: table;
+  content: '';
+}
+.ant-carousel .slick-track::after {
+  clear: both;
+}
+.slick-loading .ant-carousel .slick-track {
+  visibility: hidden;
+}
+.ant-carousel .slick-slide {
+  display: none;
+  float: left;
+  height: 100%;
+  min-height: 1px;
+}
+[dir='rtl'] .ant-carousel .slick-slide {
+  float: right;
+}
+.ant-carousel .slick-slide img {
+  display: block;
+}
+.ant-carousel .slick-slide.slick-loading img {
+  display: none;
+}
+.ant-carousel .slick-slide.dragging img {
+  pointer-events: none;
+}
+.ant-carousel .slick-initialized .slick-slide {
+  display: block;
+}
+.ant-carousel .slick-loading .slick-slide {
+  visibility: hidden;
+}
+.ant-carousel .slick-vertical .slick-slide {
+  display: block;
+  height: auto;
+  border: 1px solid transparent;
+}
+.ant-carousel .slick-arrow.slick-hidden {
+  display: none;
+}
+.ant-carousel .slick-prev,
+.ant-carousel .slick-next {
+  position: absolute;
+  top: 50%;
+  display: block;
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  padding: 0;
+  color: transparent;
+  font-size: 0;
+  line-height: 0;
+  background: transparent;
+  border: 0;
+  outline: none;
+  cursor: pointer;
+}
+.ant-carousel .slick-prev:hover,
+.ant-carousel .slick-next:hover,
+.ant-carousel .slick-prev:focus,
+.ant-carousel .slick-next:focus {
+  color: transparent;
+  background: transparent;
+  outline: none;
+}
+.ant-carousel .slick-prev:hover::before,
+.ant-carousel .slick-next:hover::before,
+.ant-carousel .slick-prev:focus::before,
+.ant-carousel .slick-next:focus::before {
+  opacity: 1;
+}
+.ant-carousel .slick-prev.slick-disabled::before,
+.ant-carousel .slick-next.slick-disabled::before {
+  opacity: 0.25;
+}
+.ant-carousel .slick-prev {
+  left: -25px;
+}
+.ant-carousel .slick-prev::before {
+  content: '←';
+}
+.ant-carousel .slick-next {
+  right: -25px;
+}
+.ant-carousel .slick-next::before {
+  content: '→';
+}
+.ant-carousel .slick-dots {
+  position: absolute;
+  display: block;
+  width: 100%;
+  height: 3px;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+  list-style: none;
+}
+.ant-carousel .slick-dots-bottom {
+  bottom: 12px;
+}
+.ant-carousel .slick-dots-top {
+  top: 12px;
+}
+.ant-carousel .slick-dots li {
+  position: relative;
+  display: inline-block;
+  margin: 0 2px;
+  padding: 0;
+  text-align: center;
+  vertical-align: top;
+}
+.ant-carousel .slick-dots li button {
+  display: block;
+  width: 16px;
+  height: 3px;
+  padding: 0;
+  color: transparent;
+  font-size: 0;
+  background: #fff;
+  border: 0;
+  border-radius: 1px;
+  outline: none;
+  cursor: pointer;
+  opacity: 0.3;
+  transition: all 0.5s;
+}
+.ant-carousel .slick-dots li button:hover,
+.ant-carousel .slick-dots li button:focus {
+  opacity: 0.75;
+}
+.ant-carousel .slick-dots li.slick-active button {
+  width: 24px;
+  background: #fff;
+  opacity: 1;
+}
+.ant-carousel .slick-dots li.slick-active button:hover,
+.ant-carousel .slick-dots li.slick-active button:focus {
+  opacity: 1;
+}
+.ant-carousel-vertical .slick-dots {
+  top: 50%;
+  bottom: auto;
+  width: 3px;
+  height: auto;
+  transform: translateY(-50%);
+}
+.ant-carousel-vertical .slick-dots-left {
+  left: 12px;
+}
+.ant-carousel-vertical .slick-dots-right {
+  right: 12px;
+}
+.ant-carousel-vertical .slick-dots li {
+  margin: 0 2px;
+  vertical-align: baseline;
+}
+.ant-carousel-vertical .slick-dots li button {
+  width: 3px;
+  height: 16px;
+}
+.ant-carousel-vertical .slick-dots li.slick-active button {
+  width: 3px;
+  height: 24px;
+}

package/lib/carousel/style/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('../../style/index.less');
+
+require('./index.less');