zartui 0.1.113 → 3.0.1

package/lib/swipe/index.less

@@ -1,72 +0,0 @@
-@import '../style/var';
-
-.zt-swipe {
-  position: relative;
-  overflow: hidden;
-  cursor: grab;
-  user-select: none;
-
-  &__track {
-    display: flex;
-    height: 100%;
-
-    &--vertical {
-      flex-direction: column;
-    }
-  }
-  &__foot{
-    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
-    height: 44px;
-    position: absolute;
-    bottom:0;
-    width: 100%;
-  }
-  &__indicators {
-    position: absolute;
-    bottom: @swipe-indicator-bottom;
-    right: @swipe-indicator-right;
-    display: flex;
-    transform: translateX(-50%);
-
-    &--vertical {
-      top: 50%;
-      bottom: auto;
-      left: @swipe-indicator-margin;
-      flex-direction: column;
-      transform: translateY(-50%);
-
-      .zt-swipe__indicator:not(:last-child) {
-        margin-bottom: @swipe-indicator-size;
-      }
-    }
-  }
-
-  &__indicator {
-    width: @swipe-indicator-size;
-    height: @swipe-indicator-size;
-    background-color: @swipe-indicator-background-color;
-    border-radius: 100%;
-    opacity: @swipe-indicator-inactive-opacity;
-    transition: opacity @animation-duration-fast,
-      background-color @animation-duration-fast;
-
-    &:not(:last-child) {
-      margin-right: @swipe-indicator-size;
-    }
-
-    &--active {
-      background-color: @swipe-indicator-active-background-color;
-      opacity: @swipe-indicator-active-opacity;
-    }
-  }
-
-  &__title{
-    position:absolute;
-    bottom:@swipe-title-bottom;
-    left: @swipe-title-left;
-    line-height: @line-height-md;
-    font-size: @font-size-lg;
-    color: @white;
-    z-index:@swipe-title-z-index
-  }
-}

package/lib/swipe/style/less.js

@@ -1,2 +0,0 @@
-require('../../style/base.less');
-require('../index.less');

package/lib/swipe-cell/index.css

@@ -1 +0,0 @@
-.zt-swipe-cell{position:relative;overflow:hidden;cursor:grab}.zt-swipe-cell__wrapper{-webkit-transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-timing-function:cubic-bezier(.18,.89,.32,1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.zt-swipe-cell__left,.zt-swipe-cell__right{position:absolute;top:0;height:100%}.zt-swipe-cell__left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.zt-swipe-cell__right{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}

package/lib/swipe-cell/index.js

@@ -1,232 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../utils");
-
-var _number = require("../utils/format/number");
-
-var _event = require("../utils/dom/event");
-
-var _touch = require("../mixins/touch");
-
-var _clickOutside = require("../mixins/click-outside");
-
-// Utils
-// Mixins
-var _createNamespace = (0, _utils.createNamespace)('swipe-cell'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var THRESHOLD = 0.15;
-
-var _default = createComponent({
-  mixins: [_touch.TouchMixin, (0, _clickOutside.ClickOutsideMixin)({
-    event: 'touchstart',
-    method: 'onClick'
-  })],
-  props: {
-    // @deprecated
-    // should be removed in next major version, use beforeClose instead
-    onClose: Function,
-    disabled: Boolean,
-    leftWidth: [Number, String],
-    rightWidth: [Number, String],
-    beforeClose: Function,
-    stopPropagation: Boolean,
-    name: {
-      type: [Number, String],
-      default: ''
-    }
-  },
-  data: function data() {
-    return {
-      offset: 0,
-      dragging: false
-    };
-  },
-  computed: {
-    computedLeftWidth: function computedLeftWidth() {
-      return +this.leftWidth || this.getWidthByRef('left');
-    },
-    computedRightWidth: function computedRightWidth() {
-      return +this.rightWidth || this.getWidthByRef('right');
-    }
-  },
-  mounted: function mounted() {
-    this.bindTouchEvent(this.$el);
-  },
-  methods: {
-    getWidthByRef: function getWidthByRef(ref) {
-      if (this.$refs[ref]) {
-        var rect = this.$refs[ref].getBoundingClientRect();
-        return rect.width;
-      }
-
-      return 0;
-    },
-    // @exposed-api
-    open: function open(position) {
-      var offset = position === 'left' ? this.computedLeftWidth : -this.computedRightWidth;
-      this.opened = true;
-      this.offset = offset;
-      this.$emit('open', {
-        position: position,
-        name: this.name,
-        // @deprecated
-        // should be removed in next major version
-        detail: this.name
-      });
-    },
-    // @exposed-api
-    close: function close(position) {
-      this.offset = 0;
-
-      if (this.opened) {
-        this.opened = false;
-        this.$emit('close', {
-          position: position,
-          name: this.name
-        });
-      }
-    },
-    onTouchStart: function onTouchStart(event) {
-      if (this.disabled) {
-        return;
-      }
-
-      this.startOffset = this.offset;
-      this.touchStart(event);
-    },
-    onTouchMove: function onTouchMove(event) {
-      if (this.disabled) {
-        return;
-      }
-
-      this.touchMove(event);
-
-      if (this.direction === 'horizontal') {
-        this.dragging = true;
-        this.lockClick = true;
-        var isPrevent = !this.opened || this.deltaX * this.startOffset < 0;
-
-        if (isPrevent) {
-          (0, _event.preventDefault)(event, this.stopPropagation);
-        }
-
-        this.offset = (0, _number.range)(this.deltaX + this.startOffset, -this.computedRightWidth, this.computedLeftWidth);
-      }
-    },
-    onTouchEnd: function onTouchEnd() {
-      var _this = this;
-
-      if (this.disabled) {
-        return;
-      }
-
-      if (this.dragging) {
-        this.toggle(this.offset > 0 ? 'left' : 'right');
-        this.dragging = false; // compatible with desktop scenario
-
-        setTimeout(function () {
-          _this.lockClick = false;
-        }, 0);
-      }
-    },
-    toggle: function toggle(direction) {
-      var offset = Math.abs(this.offset);
-      var threshold = this.opened ? 1 - THRESHOLD : THRESHOLD;
-      var computedLeftWidth = this.computedLeftWidth,
-          computedRightWidth = this.computedRightWidth;
-
-      if (computedRightWidth && direction === 'right' && offset > computedRightWidth * threshold) {
-        this.open('right');
-      } else if (computedLeftWidth && direction === 'left' && offset > computedLeftWidth * threshold) {
-        this.open('left');
-      } else {
-        this.close();
-      }
-    },
-    onClick: function onClick(position) {
-      if (position === void 0) {
-        position = 'outside';
-      }
-
-      this.$emit('click', position);
-
-      if (this.opened && !this.lockClick) {
-        if (this.beforeClose) {
-          this.beforeClose({
-            position: position,
-            name: this.name,
-            instance: this
-          });
-        } else if (this.onClose) {
-          this.onClose(position, this, {
-            name: this.name
-          });
-        } else {
-          this.close(position);
-        }
-      }
-    },
-    getClickHandler: function getClickHandler(position, stop) {
-      var _this2 = this;
-
-      return function (event) {
-        if (stop) {
-          event.stopPropagation();
-        }
-
-        _this2.onClick(position);
-      };
-    },
-    genLeftPart: function genLeftPart() {
-      var h = this.$createElement;
-      var content = this.slots('left');
-
-      if (content) {
-        return h("div", {
-          "ref": "left",
-          "class": bem('left'),
-          "on": {
-            "click": this.getClickHandler('left', true)
-          }
-        }, [content]);
-      }
-    },
-    genRightPart: function genRightPart() {
-      var h = this.$createElement;
-      var content = this.slots('right');
-
-      if (content) {
-        return h("div", {
-          "ref": "right",
-          "class": bem('right'),
-          "on": {
-            "click": this.getClickHandler('right', true)
-          }
-        }, [content]);
-      }
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    var wrapperStyle = {
-      transform: "translate3d(" + this.offset + "px, 0, 0)",
-      transitionDuration: this.dragging ? '0s' : '.6s'
-    };
-    return h("div", {
-      "class": bem(),
-      "on": {
-        "click": this.getClickHandler('cell')
-      }
-    }, [h("div", {
-      "class": bem('wrapper'),
-      "style": wrapperStyle
-    }, [this.genLeftPart(), this.slots(), this.genRightPart()])]);
-  }
-});
-
-exports.default = _default;

package/lib/swipe-cell/index.less

@@ -1,29 +0,0 @@
-@import '../style/var';
-
-.zt-swipe-cell {
-  position: relative;
-  overflow: hidden;
-  cursor: grab;
-
-  &__wrapper {
-    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
-    transition-property: transform;
-  }
-
-  &__left,
-  &__right {
-    position: absolute;
-    top: 0;
-    height: 100%;
-  }
-
-  &__left {
-    left: 0;
-    transform: translate3d(-100%, 0, 0);
-  }
-
-  &__right {
-    right: 0;
-    transform: translate3d(100%, 0, 0);
-  }
-}

package/lib/swipe-cell/style/index.js

@@ -1,2 +0,0 @@
-require('../../style/base.css');
-require('../index.css');

package/lib/swipe-cell/style/less.js

@@ -1,2 +0,0 @@
-require('../../style/base.less');
-require('../index.less');

package/lib/swipe-item/index.less

@@ -1,8 +0,0 @@
-@import '../style/var';
-
-.zt-swipe-item {
-  position: relative;
-  flex-shrink: 0;
-  width: 100%;
-  height: 100%;
-}

package/lib/swipe-item/style/less.js

@@ -1,2 +0,0 @@
-require('../../style/base.less');
-require('../index.less');

package/lib/switch/index.less

@@ -1,56 +0,0 @@
-@import '../style/var';
-
-.zt-switch {
-  position: relative;
-  display: inline-block;
-  box-sizing: content-box;
-  width: @switch-width;
-  height: @switch-height;
-  font-size: @switch-size;
-  background-color: @switch-background-color;
-  border-radius: @switch-border-radius;
-  cursor: pointer;
-  transition: background-color @switch-transition-duration;
-
-  &__node {
-    position: absolute;
-    top: @switch-gap;
-    left: @switch-gap;
-    width: @switch-node-size;
-    height: @switch-node-size;
-    background-color: @switch-node-background-color;
-    border-radius: 100%;
-    box-shadow: @switch-node-box-shadow;
-    transition: transform @switch-transition-duration
-      cubic-bezier(0.3, 1.05, 0.4, 1.05);
-  }
-
-  &__loading {
-    top: 25%;
-    left: 25%;
-    width: 50%;
-    height: 50%;
-    line-height: 1;
-  }
-
-  &--on {
-    background-color: @switch-on-background-color;
-
-    .zt-switch__node {
-      transform: translateX(@switch-width - @switch-node-size - 2*@switch-gap);
-    }
-
-    .zt-switch__loading {
-      color: @switch-on-background-color;
-    }
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-    opacity: @switch-disabled-opacity;
-  }
-
-  &--loading {
-    cursor: default;
-  }
-}

package/lib/switch/shared.js

@@ -1,25 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.switchProps = void 0;
-
-/**
- * Common Switch Props
- */
-var switchProps = {
-  size: [Number, String],
-  value: null,
-  loading: Boolean,
-  disabled: Boolean,
-  activeColor: String,
-  inactiveColor: String,
-  activeValue: {
-    type: null,
-    default: true
-  },
-  inactiveValue: {
-    type: null,
-    default: false
-  }
-};
-exports.switchProps = switchProps;

package/lib/switch/style/less.js

@@ -1,3 +0,0 @@
-require('../../style/base.less');
-require('../../loading/index.less');
-require('../index.less');

package/lib/switch-cell/index.css

@@ -1 +0,0 @@
-.zt-switch-cell{padding-top:9px;padding-bottom:9px}.zt-switch-cell--large{padding-top:11px;padding-bottom:11px}.zt-switch-cell .zt-switch{float:right}

package/lib/switch-cell/index.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _utils = require("../utils");
-
-var _functional = require("../utils/functional");
-
-var _cell = _interopRequireDefault(require("../cell"));
-
-var _switch = _interopRequireDefault(require("../switch"));
-
-var _shared = require("../switch/shared");
-
-// Utils
-// Components
-var _createNamespace = (0, _utils.createNamespace)('switch-cell'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-function SwitchCell(h, props, slots, ctx) {
-  if (process.env.NODE_ENV === 'development') {
-    console.warn('[Vant] "SwitchCell" component is deprecated, see: https://youzan.github.io/vant/#/switch-cell.');
-  }
-
-  return h(_cell.default, (0, _babelHelperVueJsxMergeProps.default)([{
-    "attrs": {
-      "center": true,
-      "size": props.cellSize,
-      "title": props.title,
-      "border": props.border
-    },
-    "class": bem([props.cellSize])
-  }, (0, _functional.inherit)(ctx)]), [h(_switch.default, {
-    "props": (0, _extends2.default)({}, props),
-    "on": (0, _extends2.default)({}, ctx.listeners)
-  })]);
-}
-
-SwitchCell.props = (0, _extends2.default)({}, _shared.switchProps, {
-  title: String,
-  cellSize: String,
-  border: {
-    type: Boolean,
-    default: true
-  },
-  size: {
-    type: String,
-    default: '24px'
-  }
-});
-
-var _default = createComponent(SwitchCell);
-
-exports.default = _default;

package/lib/switch-cell/index.less

@@ -1,15 +0,0 @@
-@import '../style/var';
-
-.zt-switch-cell {
-  padding-top: @switch-cell-padding-top;
-  padding-bottom: @switch-cell-padding-bottom;
-
-  &--large {
-    padding-top: @switch-cell-large-padding-top;
-    padding-bottom: @switch-cell-large-padding-bottom;
-  }
-
-  .zt-switch {
-    float: right;
-  }
-}

package/lib/switch-cell/style/index.js

@@ -1,7 +0,0 @@
-require('../../style/base.css');
-require('../../info/index.css');
-require('../../icon/index.css');
-require('../../cell/index.css');
-require('../../loading/index.css');
-require('../../switch/index.css');
-require('../index.css');

package/lib/switch-cell/style/less.js

@@ -1,7 +0,0 @@
-require('../../style/base.less');
-require('../../info/index.less');
-require('../../icon/index.less');
-require('../../cell/index.less');
-require('../../loading/index.less');
-require('../../switch/index.less');
-require('../index.less');

package/lib/tab/index.less

@@ -1,17 +0,0 @@
-@import '../style/var';
-
-.zt-tab {
-  &__pane {
-    &,
-    &-wrapper {
-      flex-shrink: 0;
-      box-sizing: border-box;
-      width: 100%;
-    }
-
-    &-wrapper--inactive {
-      height: 0;
-      overflow: visible;
-    }
-  }
-}

package/lib/tab/style/less.js

@@ -1,2 +0,0 @@
-require('../../style/base.less');
-require('../index.less');

package/lib/tabbar/index.css

@@ -1 +0,0 @@
-.zt-tabbar{z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:content-box;width:100%;height:50px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.zt-tabbar--fixed{position:fixed;bottom:0;left:0}.zt-tabbar--unfit{padding-bottom:0}

package/lib/tabbar/index.js

@@ -1,123 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../utils");
-
-var _constant = require("../utils/constant");
-
-var _interceptor = require("../utils/interceptor");
-
-var _relation = require("../mixins/relation");
-
-var _createNamespace = (0, _utils.createNamespace)('tabbar'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
-  mixins: [(0, _relation.ParentMixin)('ztTabbar')],
-  props: {
-    route: Boolean,
-    zIndex: [Number, String],
-    placeholder: Boolean,
-    activeColor: String,
-    beforeChange: Function,
-    inactiveColor: String,
-    value: {
-      type: [Number, String],
-      default: 0
-    },
-    border: {
-      type: Boolean,
-      default: true
-    },
-    fixed: {
-      type: Boolean,
-      default: true
-    },
-    safeAreaInsetBottom: {
-      type: Boolean,
-      default: null
-    }
-  },
-  data: function data() {
-    return {
-      height: null
-    };
-  },
-  computed: {
-    fit: function fit() {
-      if (this.safeAreaInsetBottom !== null) {
-        return this.safeAreaInsetBottom;
-      } // enable safe-area-inset-bottom by default when fixed
-
-
-      return this.fixed;
-    }
-  },
-  watch: {
-    value: 'setActiveItem',
-    children: 'setActiveItem'
-  },
-  mounted: function mounted() {
-    if (this.placeholder && this.fixed) {
-      this.height = this.$refs.tabbar.getBoundingClientRect().height;
-    }
-  },
-  methods: {
-    setActiveItem: function setActiveItem() {
-      var _this = this;
-
-      this.children.forEach(function (item, index) {
-        item.nameMatched = (item.name || index) === _this.value;
-      });
-    },
-    triggerChange: function triggerChange(active, afterChange) {
-      var _this2 = this;
-
-      (0, _interceptor.callInterceptor)({
-        interceptor: this.beforeChange,
-        args: [active],
-        done: function done() {
-          _this2.$emit('input', active);
-
-          _this2.$emit('change', active);
-
-          afterChange();
-        }
-      });
-    },
-    genTabbar: function genTabbar() {
-      var _ref;
-
-      var h = this.$createElement;
-      return h("div", {
-        "ref": "tabbar",
-        "style": {
-          zIndex: this.zIndex
-        },
-        "class": [(_ref = {}, _ref[_constant.BORDER_TOP_BOTTOM] = this.border, _ref), bem({
-          unfit: !this.fit,
-          fixed: this.fixed
-        })]
-      }, [this.slots()]);
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-
-    if (this.placeholder && this.fixed) {
-      return h("div", {
-        "class": bem('placeholder'),
-        "style": {
-          height: this.height + "px"
-        }
-      }, [this.genTabbar()]);
-    }
-
-    return this.genTabbar();
-  }
-});
-
-exports.default = _default;