zartui 0.1.113 → 3.0.1

package/lib/step/index.css

@@ -1 +0,0 @@
-.zt-step{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-step__circle{display:block;width:18px;height:18px;line-height:18px;border-radius:50%;text-align:center}.zt-step__line{position:absolute;background-color:rgba(0,0,0,.1);-webkit-transition:background-color .3s;transition:background-color .3s}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:14px;width:100%;text-align:center}@media (max-width:321px){.zt-step--horizontal .zt-step__title{font-size:13px}}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 10px + 4px);width:calc(100% - 20px - 8px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:12px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:18px}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:0;z-index:1;font-size:12px;line-height:1;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:12px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{-webkit-transition:color .3s;transition:color .3s}

package/lib/step/index.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../utils");
-
-var _constant = require("../utils/constant");
-
-var _relation = require("../mixins/relation");
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _createNamespace = (0, _utils.createNamespace)('step'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
-  mixins: [(0, _relation.ChildrenMixin)('ztSteps')],
-  props: {
-    iconPrefix: String,
-    activeIcon: String,
-    inactiveIcon: String
-  },
-  computed: {
-    active: function active() {
-      return this.index === this.parent.active;
-    },
-    circleStyle: function circleStyle() {
-      if (this.active) {
-        return {
-          background: "" + (this.parent.activeBgColor || 'rgba(0,145,250,0.20)'),
-          border: "1px solid " + (this.parent.activeBorderColor || '#0091FA'),
-          'font-weight': 'bold',
-          color: "" + (this.parent.activeColor || '#0091FA')
-        };
-      } else {
-        return {
-          background: "" + (this.parent.inactiveBgColor || 'rgba(0,0,0,0.20)'),
-          border: "1px solid " + (this.parent.inactiveBorderColor || 'rgba(0,0,0,0)'),
-          'font-weight': 'normal',
-          color: "" + (this.parent.inactiveColor || '#FFFFFF')
-        };
-      }
-    },
-    titleStyle: function titleStyle() {
-      if (this.active) {
-        return {
-          color: this.parent.titleActiveColor || 'rgba(0,0,0,1)'
-        };
-      } else {
-        return {
-          color: this.parent.titleInactiveColor || 'rgba(0,0,0,0.4)'
-        };
-      }
-    }
-  },
-  methods: {
-    genCircle: function genCircle() {
-      var h = this.$createElement;
-      var _this$parent = this.parent,
-          activeColor = _this$parent.activeColor,
-          inactiveColor = _this$parent.inactiveColor;
-      var activeIconSlot = this.slots('active-icon');
-
-      if (this.active && (this.activeIcon || activeIconSlot)) {
-        return h("div", {
-          "class": bem('circle'),
-          "style": this.circleStyle
-        }, [activeIconSlot || h(_icon.default, {
-          "class": bem('icon', 'active'),
-          "attrs": {
-            "name": this.activeIcon,
-            "color": activeColor,
-            "classPrefix": this.iconPrefix
-          }
-        })]);
-      }
-
-      var inactiveIconSlot = this.slots('inactive-icon');
-
-      if (this.inactiveIcon || inactiveIconSlot) {
-        return h("div", {
-          "class": bem('circle'),
-          "style": this.circleStyle
-        }, [inactiveIconSlot || h(_icon.default, {
-          "class": bem('icon'),
-          "attrs": {
-            "name": this.inactiveIcon,
-            "color": inactiveColor,
-            "classPrefix": this.iconPrefix
-          }
-        })]);
-      }
-
-      return h("div", {
-        "class": bem('circle'),
-        "style": this.circleStyle
-      }, [this.index + 1]);
-    },
-    onClickStep: function onClickStep() {
-      this.parent.$emit('click-step', this.index);
-    }
-  },
-  render: function render() {
-    var _ref;
-
-    var h = arguments[0];
-    var status = this.status,
-        active = this.active;
-    var direction = this.parent.direction;
-    return h("div", {
-      "class": [_constant.BORDER, bem([direction, (_ref = {}, _ref[status] = status, _ref)])]
-    }, [h("div", {
-      "class": bem('title', {
-        active: active
-      }),
-      "style": this.titleStyle,
-      "on": {
-        "click": this.onClickStep
-      }
-    }, [this.slots()]), h("div", {
-      "class": bem('circle-container'),
-      "on": {
-        "click": this.onClickStep
-      }
-    }, [this.genCircle()]), h("div", {
-      "class": bem('line')
-    })]);
-  }
-});
-
-exports.default = _default;

package/lib/step/index.less

@@ -1,103 +0,0 @@
-@import '../style/var';
-
-.zt-step {
-  position: relative;
-  flex: 1;
-
-  &__circle {
-    display: block;
-    width: @step-circle-size;
-    height: @step-circle-size;
-    line-height: @step-circle-size;
-    border-radius: 50%;
-    text-align: center;
-  }
-
-  &__line {
-    position: absolute;
-    background-color: @step-line-color;
-    transition: background-color @animation-duration-base;
-  }
-
-  &--horizontal {
-    float: left;
-
-    .zt-step__circle-container {
-      position: absolute;
-      top: 10px;
-      left: calc(50% - 10px);
-      z-index: 1;
-      background-color: @white;
-      transform: translateY(-50%);
-    }
-
-    .zt-step__title {
-      display: inline-block;
-      margin-top: 26px;
-      font-size: @step-horizontal-title-font-size;
-      width: 100%;
-      text-align: center;
-      @media (max-width: 321px) {
-        font-size: @step-horizontal-title-font-size - 1px;
-      }
-    }
-
-    .zt-step__line {
-      top: 10px;
-      left: calc(50% + 10px + 4px);
-      width: calc(100% - 20px - 8px);
-      height: 1px;
-    }
-
-    .zt-step__icon {
-      display: block;
-      font-size: @step-icon-size;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-
-  &--vertical {
-    display: block;
-    float: none;
-    padding: 10px 16px 10px 8px;
-    line-height: @line-height-sm;
-
-    .zt-step__circle-container {
-      position: absolute;
-      top: 20px;
-      left: 0px;
-      z-index: 1;
-      font-size: @step-icon-size;
-      line-height: 1;
-      transform: translate(-100%, -50%);
-    }
-
-    .zt-step__line {
-      left: -10px;
-      top: 34px;
-      height: calc(100% - 28px);
-      width: 1px;
-    }
-
-    .zt-step__icon {
-      display: block;
-      font-size: @step-icon-size;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-
-  &:last-child {
-    .zt-step__line {
-      width: 0;
-    }
-  }
-
-  &__icon,
-  &__title {
-    transition: color @animation-duration-base;
-  }
-}

package/lib/step/style/index.js

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

package/lib/step/style/less.js

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

package/lib/stepper/index.less

@@ -1,124 +0,0 @@
-@import '../style/var';
-
-.zt-stepper {
-  font-size: 0;
-  user-select: none;
-  &__plus__box,
-  &__minus__box{
-    width: @stepper-box-size;
-    height: @stepper-box-size;
-    margin-left: @stepper-box-margin-left;
-
-    &::before {
-      width: @stepper-before-length;
-      height: @stepper-before-width;
-    }
-
-    &::after {
-      width: @stepper-before-width;
-      height: @stepper-before-length;
-    }
-
-    &::before,
-    &::after {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      background-color: currentColor;
-      transform: translate(-50%, -50%);
-      content: '';
-    }
-  }
-  &__minus,
-  &__plus {
-    position: relative;
-    box-sizing: border-box;
-    width: @stepper-before-button-size;
-    height: @stepper-before-button-size;
-    margin: 0;
-    padding: 0;
-    color: #000;
-    vertical-align: middle;
-    background-color: @white;
-    border: 1px solid rgba(0,0,0,0.4);
-    cursor: pointer;
-    margin-right: @stepper-margin-right;
-    border-radius: 2px;
-
-    &:active {
-      background-color: rgba(0,0,0,0.1);
-    }
-
-    &--disabled {
-      color: rgba(0,0,0,0.2);
-      border-color: rgba(0,0,0,0.2);
-      cursor: not-allowed;
-
-      &:active {
-        background-color: @stepper-button-disabled-color;
-      }
-    }
-  }
-
-  &__minus__box {
-    &::after {
-      display: none;
-    }
-  }
-
-  &__minus {
-    margin-right: @stepper-margin-right;
-  }
-
-  &__input {
-    box-sizing: border-box;
-    width: @stepper-input-width;
-    height: @stepper-input-height;
-    border: 1px solid rgba(0,0,0,0.4);
-    padding: 0;
-    color: @black;
-    font-weight: bold;
-    font-size: @stepper-input-font-size;
-    line-height: @stepper-input-line-height;
-    text-align: center;
-    vertical-align: middle;
-    background-color: @white;
-    border-radius: @border-radius-sm;
-    -webkit-appearance: none;
-    margin-right: @stepper-margin-right;
-    caret-color:@stepper-caret-color;
-    &:disabled {
-      color: @stepper-input-disabled-text-color;
-      background-color: @stepper-input-disabled-background-color;
-      // fix disabled color in iOSF
-      -webkit-text-fill-color: @stepper-input-disabled-text-color;
-      opacity: 1;
-    }
-
-    &:read-only {
-      cursor: default;
-    }
-  }
-
-  &--round {
-    .zt-stepper__input {
-      background-color: transparent;
-    }
-
-    .zt-stepper__plus,
-    .zt-stepper__minus {
-      border-radius: 100%;
-
-      &:active {
-        opacity: @active-opacity;
-      }
-
-      &--disabled {
-        &,
-        &:active {
-          opacity: 0.3;
-        }
-      }
-    }
-  }
-}

package/lib/stepper/style/less.js

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

package/lib/steps/index.css

@@ -1 +0,0 @@
-.zt-steps{overflow:hidden;background-color:#fff;margin:12px;border:0 solid rgba(0,0,0,.1);box-shadow:0 4px 8px 0 rgba(0,0,0,.1);border-radius:4px}.zt-steps--horizontal{padding:8px 0}.zt-steps--horizontal .zt-steps__items{position:relative;display:-webkit-box;display:-webkit-flex;display:flex}.zt-steps--vertical{padding:0 0 0 36px}

package/lib/steps/index.js

@@ -1,44 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../utils");
-
-var _relation = require("../mixins/relation");
-
-var _createNamespace = (0, _utils.createNamespace)('steps'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
-  mixins: [(0, _relation.ParentMixin)('ztSteps')],
-  props: {
-    activeColor: String,
-    activeBgColor: String,
-    activeBorderColor: String,
-    inactiveColor: String,
-    inactiveBgColor: String,
-    inactiveBorderColor: String,
-    titleActiveColor: String,
-    titleInactiveColor: String,
-    active: {
-      type: [Number, String],
-      default: 0
-    },
-    direction: {
-      type: String,
-      default: 'horizontal'
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("div", {
-      "class": bem([this.direction])
-    }, [h("div", {
-      "class": bem('items')
-    }, [this.slots()])]);
-  }
-});
-
-exports.default = _default;

package/lib/steps/index.less

@@ -1,23 +0,0 @@
-@import '../style/var';
-
-.zt-steps {
-  overflow: hidden;
-  background-color: @steps-background-color;
-  margin: 12px;
-  border: 0 solid rgba(0,0,0,0.10);
-  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.10);
-  border-radius: 4px;
-
-  &--horizontal {
-    padding: 8px 0;
-
-    .zt-steps__items {
-      position: relative;
-      display: flex;
-    }
-  }
-
-  &--vertical {
-    padding: 0 0 0 36px;
-  }
-}

package/lib/steps/style/index.js

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

package/lib/steps/style/less.js

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

package/lib/sticky/index.less

@@ -1,14 +0,0 @@
-@import '../style/var';
-
-.zt-sticky {
-  &--fixed {
-    position: fixed;
-    top: 0;
-    right: 0;
-    left: 0;
-    z-index: @sticky-z-index;
-  }
-  &__head {
-    text-align: center;
-  }
-}

package/lib/sticky/style/less.js

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

package/lib/style/animation.less

@@ -1,139 +0,0 @@
-@import './var';
-
-@keyframes zt-slide-up-enter {
-  from {
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes zt-slide-up-leave {
-  to {
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes zt-slide-down-enter {
-  from {
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes zt-slide-down-leave {
-  to {
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes zt-slide-left-enter {
-  from {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes zt-slide-left-leave {
-  to {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes zt-slide-right-enter {
-  from {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes zt-slide-right-leave {
-  to {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes zt-fade-in {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes zt-fade-out {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes zt-rotate {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.zt-fade {
-  &-enter-active {
-    animation: @animation-duration-base zt-fade-in both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: @animation-duration-base zt-fade-out both
-      @animation-timing-function-leave;
-  }
-}
-
-.zt-slide-up {
-  &-enter-active {
-    animation: zt-slide-up-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: zt-slide-up-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}
-
-.zt-slide-down {
-  &-enter-active {
-    animation: zt-slide-down-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: zt-slide-down-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}
-
-.zt-slide-left {
-  &-enter-active {
-    animation: zt-slide-left-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: zt-slide-left-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}
-
-.zt-slide-right {
-  &-enter-active {
-    animation: zt-slide-right-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: zt-slide-right-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}

package/lib/style/base.less

@@ -1,11 +0,0 @@
-/**
- * Entry of basic styles
- */
-
-@import './var';
-@import './normalize';
-@import './ellipsis';
-@import './clearfix';
-@import './hairline';
-@import './animation';
-@import './halfPxBorder.less';

package/lib/style/clearfix.css

@@ -1 +0,0 @@
-.zt-clearfix::after{display:table;clear:both;content:''}

package/lib/style/clearfix.less

@@ -1,5 +0,0 @@
-@import './mixins/clearfix';
-
-.zt-clearfix {
-  .clearfix();
-}

package/lib/style/ellipsis.css

@@ -1 +0,0 @@
-.zt-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zt-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zt-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}

package/lib/style/ellipsis.less

@@ -1,13 +0,0 @@
-@import './mixins/ellipsis';
-
-.zt-ellipsis {
-  .ellipsis();
-}
-
-.zt-multi-ellipsis--l2 {
-  .multi-ellipsis(2);
-}
-
-.zt-multi-ellipsis--l3 {
-  .multi-ellipsis(3);
-}

package/lib/style/hairline.css

@@ -1 +0,0 @@
-[class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}