zartui 0.1.113 → 3.0.1

package/es/swipe-cell/index.js

@@ -1,220 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { range } from '../utils/format/number';
-import { preventDefault } from '../utils/dom/event'; // Mixins
-
-import { TouchMixin } from '../mixins/touch';
-import { ClickOutsideMixin } from '../mixins/click-outside';
-
-var _createNamespace = createNamespace('swipe-cell'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var THRESHOLD = 0.15;
-export default createComponent({
-  mixins: [TouchMixin, 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) {
-          preventDefault(event, this.stopPropagation);
-        }
-
-        this.offset = 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()])]);
-  }
-});

package/es/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/es/swipe-cell/style/index.js

@@ -1,2 +0,0 @@
-import '../../style/base.css';
-import '../index.css';

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

@@ -1,2 +0,0 @@
-import '../../style/base.less';
-import '../index.less';

package/es/swipe-item/index.js

@@ -1,78 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
-
-var _createNamespace = createNamespace('swipe-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [ChildrenMixin('vanSwipe')],
-  data: function data() {
-    return {
-      offset: 0,
-      inited: false,
-      mounted: false
-    };
-  },
-  mounted: function mounted() {
-    var _this = this;
-
-    this.$nextTick(function () {
-      _this.mounted = true;
-    });
-  },
-  computed: {
-    style: function style() {
-      var style = {};
-      var _this$parent = this.parent,
-          size = _this$parent.size,
-          vertical = _this$parent.vertical;
-
-      if (size) {
-        style[vertical ? 'height' : 'width'] = size + "px";
-      }
-
-      if (this.offset) {
-        style.transform = "translate" + (vertical ? 'Y' : 'X') + "(" + this.offset + "px)";
-      }
-
-      return style;
-    },
-    shouldRender: function shouldRender() {
-      var index = this.index,
-          inited = this.inited,
-          parent = this.parent,
-          mounted = this.mounted;
-
-      if (!parent.lazyRender || inited) {
-        return true;
-      } // wait for all item to mount, so we can get the exact count
-
-
-      if (!mounted) {
-        return false;
-      }
-
-      var active = parent.activeIndicator;
-      var maxActive = parent.count - 1;
-      var prevActive = active === 0 && parent.loop ? maxActive : active - 1;
-      var nextActive = active === maxActive && parent.loop ? 0 : active + 1;
-      var shouldRender = index === active || index === prevActive || index === nextActive;
-
-      if (shouldRender) {
-        this.inited = true;
-      }
-
-      return shouldRender;
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("div", {
-      "class": bem(),
-      "style": this.style,
-      "on": _extends({}, this.$listeners)
-    }, [this.shouldRender && this.slots()]);
-  }
-});

package/es/swipe-item/index.less

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

package/es/swipe-item/style/index.js

@@ -1,2 +0,0 @@
-import '../../style/base.css';
-import '../index.css';

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

@@ -1,2 +0,0 @@
-import '../../style/base.less';
-import '../index.less';

package/es/switch/index.js

@@ -1,74 +0,0 @@
-// Utils
-import { createNamespace, addUnit } from '../utils';
-import { switchProps } from './shared'; // Mixins
-
-import { FieldMixin } from '../mixins/field'; // Components
-
-import Loading from '../loading';
-
-var _createNamespace = createNamespace('switch'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [FieldMixin],
-  props: switchProps,
-  computed: {
-    checked: function checked() {
-      return this.value === this.activeValue;
-    },
-    style: function style() {
-      return {
-        fontSize: addUnit(this.size),
-        backgroundColor: this.checked ? this.activeColor : this.inactiveColor
-      };
-    }
-  },
-  methods: {
-    onClick: function onClick(event) {
-      this.$emit('click', event);
-
-      if (!this.disabled && !this.loading) {
-        var newValue = this.checked ? this.inactiveValue : this.activeValue;
-        this.$emit('input', newValue);
-        this.$emit('change', newValue);
-      }
-    },
-    genLoading: function genLoading() {
-      var h = this.$createElement;
-
-      if (this.loading) {
-        var color = this.checked ? this.activeColor : this.inactiveColor;
-        return h(Loading, {
-          "class": bem('loading'),
-          "attrs": {
-            "color": color
-          }
-        });
-      }
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    var checked = this.checked,
-        loading = this.loading,
-        disabled = this.disabled;
-    return h("div", {
-      "class": bem({
-        on: checked,
-        loading: loading,
-        disabled: disabled
-      }),
-      "attrs": {
-        "role": "switch",
-        "aria-checked": String(checked)
-      },
-      "style": this.style,
-      "on": {
-        "click": this.onClick
-      }
-    }, [h("div", {
-      "class": bem('node')
-    }, [this.genLoading()])]);
-  }
-});

package/es/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/es/switch/shared.js

@@ -1,19 +0,0 @@
-/**
- * Common Switch Props
- */
-export 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
-  }
-};

package/es/switch/style/index.js

@@ -1,3 +0,0 @@
-import '../../style/base.css';
-import '../../loading/index.css';
-import '../index.css';

package/es/switch/style/less.js

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

package/es/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/es/switch-cell/index.js

@@ -1,46 +0,0 @@
-import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
-import _extends from "@babel/runtime/helpers/esm/extends";
-// Utils
-import { createNamespace } from '../utils';
-import { inherit } from '../utils/functional'; // Components
-
-import Cell from '../cell';
-import Switch from '../switch';
-import { switchProps } from '../switch/shared'; // Types
-
-var _createNamespace = 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, _mergeJSXProps([{
-    "attrs": {
-      "center": true,
-      "size": props.cellSize,
-      "title": props.title,
-      "border": props.border
-    },
-    "class": bem([props.cellSize])
-  }, inherit(ctx)]), [h(Switch, {
-    "props": _extends({}, props),
-    "on": _extends({}, ctx.listeners)
-  })]);
-}
-
-SwitchCell.props = _extends({}, switchProps, {
-  title: String,
-  cellSize: String,
-  border: {
-    type: Boolean,
-    default: true
-  },
-  size: {
-    type: String,
-    default: '24px'
-  }
-});
-export default createComponent(SwitchCell);

package/es/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/es/switch-cell/style/index.js

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

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

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

package/es/tab/index.js

@@ -1,102 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
-import { routeProps } from '../utils/router';
-
-var _createNamespace = createNamespace('tab'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [ChildrenMixin('ztTabs')],
-  props: _extends({}, routeProps, {
-    dot: Boolean,
-    name: [Number, String],
-    // @deprecated
-    info: [Number, String],
-    badge: [Number, String],
-    title: String,
-    titleStyle: null,
-    titleClass: null,
-    disabled: Boolean
-  }),
-  data: function data() {
-    return {
-      inited: false
-    };
-  },
-  computed: {
-    computedName: function computedName() {
-      var _this$name;
-
-      return (_this$name = this.name) != null ? _this$name : this.index;
-    },
-    isActive: function isActive() {
-      var active = this.computedName === this.parent.currentName;
-
-      if (active) {
-        this.inited = true;
-      }
-
-      return active;
-    }
-  },
-  watch: {
-    title: function title() {
-      this.parent.setLine();
-      this.parent.scrollIntoView();
-    },
-    inited: function inited(val) {
-      var _this = this;
-
-      if (this.parent.lazyRender && val) {
-        this.$nextTick(function () {
-          _this.parent.$emit('rendered', _this.computedName, _this.title);
-        });
-      }
-    }
-  },
-  render: function render(h) {
-    var slots = this.slots,
-        parent = this.parent,
-        isActive = this.isActive;
-    var slotContent = slots();
-
-    if (process.env.NODE_ENV === 'development' && this.info) {
-      console.warn('[zart] Tab: "info" prop is deprecated, use "badge" prop instead.');
-    }
-
-    if (!slotContent && !parent.animated) {
-      return;
-    }
-
-    var show = parent.scrollspy || isActive;
-    var shouldRender = this.inited || parent.scrollspy || !parent.lazyRender;
-    var Content = shouldRender ? slotContent : h();
-
-    if (parent.animated) {
-      return h("div", {
-        "attrs": {
-          "role": "tabpanel",
-          "aria-hidden": !isActive
-        },
-        "class": bem('pane-wrapper', {
-          inactive: !isActive
-        })
-      }, [h("div", {
-        "class": bem('pane')
-      }, [Content])]);
-    }
-
-    return h("div", {
-      "directives": [{
-        name: "show",
-        value: show
-      }],
-      "attrs": {
-        "role": "tabpanel"
-      },
-      "class": bem('pane')
-    }, [Content]);
-  }
-});