zartui 0.1.113 → 3.0.1

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

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

package/es/tab/style/less.js

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

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

@@ -1,113 +0,0 @@
-import { createNamespace } from '../utils';
-import { BORDER_TOP_BOTTOM } from '../utils/constant';
-import { callInterceptor } from '../utils/interceptor';
-import { ParentMixin } from '../mixins/relation';
-
-var _createNamespace = createNamespace('tabbar'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [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;
-
-      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[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();
-  }
-});

package/es/tabbar/index.less

@@ -1,22 +0,0 @@
-@import '../style/var';
-
-.zt-tabbar {
-  z-index: @tabbar-z-index;
-  display: flex;
-  box-sizing: content-box;
-  width: 100%;
-  height: @tabbar-height;
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
-  background-color: @tabbar-background-color;
-
-  &--fixed {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-  }
-
-  &--unfit {
-    padding-bottom: 0;
-  }
-}

package/es/tabbar/style/index.js

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

package/es/tabbar/style/less.js

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

package/es/tabbar-item/index.css

@@ -1 +0,0 @@
-.zt-tabbar-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#646566;line-height:1;cursor:pointer}.zt-tabbar-item__image{width:24px;height:24px}.zt-tabbar-item__icon{position:relative;margin-bottom:2px;font-size:24px}.zt-tabbar-item__icon .zt-icon{display:block}.zt-tabbar-item__icon img{display:block;height:24px}.zt-tabbar-item__text{font-size:12px;transform:scale(.84);-webkit-transform:scale(.84)}.zt-tabbar-item--active{color:#0091fa;background-color:#fff}.zt-tabbar-item .zt-info{margin-top:4px;background-color:#ff4b50}

package/es/tabbar-item/index.js

@@ -1,116 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createNamespace, isObject, isDef } from '../utils';
-import { route, routeProps } from '../utils/router'; // Mixins
-
-import { ChildrenMixin } from '../mixins/relation'; // Components
-
-import Icon from '../icon';
-import Info from '../info';
-
-var _createNamespace = createNamespace('tabbar-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [ChildrenMixin('ztTabbar')],
-  props: _extends({}, routeProps, {
-    dot: Boolean,
-    icon: String,
-    name: [Number, String],
-    // @deprecated
-    info: [Number, String],
-    badge: [Number, String],
-    iconPrefix: String
-  }),
-  data: function data() {
-    return {
-      nameMatched: false
-    };
-  },
-  computed: {
-    routeMatched: function routeMatched() {
-      var to = this.to,
-          $route = this.$route;
-
-      if (to && $route) {
-        var config = isObject(to) ? to : {
-          path: to
-        };
-        return !!$route.matched.find(function (r) {
-          var pathMatched = config.path === r.path;
-          var nameMatched = isDef(config.name) && config.name === r.name;
-          return pathMatched || nameMatched;
-        });
-      }
-    },
-    active: function active() {
-      return this.parent.route ? this.routeMatched : this.nameMatched;
-    }
-  },
-  methods: {
-    onClick: function onClick(event) {
-      var _this = this;
-
-      if (!this.active) {
-        this.parent.triggerChange(this.name || this.index, function () {
-          route(_this.$router, _this);
-        });
-      }
-
-      this.$emit('click', event);
-    },
-    genIcon: function genIcon() {
-      var h = this.$createElement;
-      var slot = this.slots('icon', {
-        active: this.active
-      });
-
-      if (slot) {
-        return slot;
-      }
-
-      if (this.icon) {
-        return h(Icon, {
-          "attrs": {
-            "name": this.icon,
-            "classPrefix": this.iconPrefix
-          }
-        });
-      }
-    }
-  },
-  render: function render() {
-    var _this$badge;
-
-    var h = arguments[0];
-    var active = this.active;
-    var color = this.parent[active ? 'activeColor' : 'inactiveColor'];
-
-    if (process.env.NODE_ENV === 'development' && this.info) {
-      console.warn('[zart] TabbarItem: "info" prop is deprecated, use "badge" prop instead.');
-    }
-
-    return h("div", {
-      "class": bem({
-        active: active
-      }),
-      "style": {
-        color: color
-      },
-      "on": {
-        "click": this.onClick
-      }
-    }, [h("div", {
-      "class": bem('icon')
-    }, [this.genIcon(), h(Info, {
-      "attrs": {
-        "dot": this.dot,
-        "info": (_this$badge = this.badge) != null ? _this$badge : this.info
-      }
-    })]), h("div", {
-      "class": bem('text')
-    }, [this.slots('default', {
-      active: active
-    })])]);
-  }
-});

package/es/tabbar-item/index.less

@@ -1,46 +0,0 @@
-@import '../style/var';
-
-.zt-tabbar-item {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: @tabbar-item-text-color;
-  line-height: @tabbar-item-line-height;
-  cursor: pointer;
-  &__image{
-      width: 24px;
-      height:24px
-  }
-  &__icon {
-    position: relative;
-    margin-bottom: @tabbar-item-margin-bottom;
-    font-size: @tabbar-item-icon-size;
-
-    .zt-icon {
-      display: block;
-    }
-
-    img {
-      display: block;
-      height: 24px;
-    }
-  }
-
-  &__text {
-    font-size: @tabbar-item-font-size;
-    transform: scale(0.84);
-    -webkit-transform: scale(0.84);
-  }
-
-  &--active {
-    color: @tabbar-item-active-color;
-    background-color: @tabbar-item-active-background-color;
-  }
-
-  .zt-info {
-    margin-top: @padding-base;
-    background-color:#FF4B50
-  }
-}

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

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

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

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

package/es/table/index.css

@@ -1 +0,0 @@
-.zt-table{position:relative}.zt-table__normal-box{display:-webkit-box;display:-webkit-flex;display:flex;overflow-x:scroll}.zt-table__normal-box::-webkit-scrollbar{width:unset;background-color:unset;height:4px}.zt-table__normal-box::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1)}.zt-table__fixed-box{display:-webkit-box;display:-webkit-flex;display:flex;position:absolute;top:0;left:0;z-index:2}.zt-table__fixed-box.shadow::after{content:"";position:absolute;top:0;right:-10px;width:10px;height:100%;opacity:.06;background-image:-webkit-linear-gradient(left,#000 0,rgba(0,0,0,0) 100%);background-image:linear-gradient(90deg,#000 0,rgba(0,0,0,0) 100%)}.zt-table__head{-webkit-flex-shrink:0;flex-shrink:0}.zt-table__head-item{height:40px;font-weight:600;font-size:14px;color:#000;text-align:center;line-height:40px;background:#fafafa}.zt-table__table-data{height:40px;font-size:14px;color:#000;text-align:center;line-height:40px;background:#fff}

package/es/table/index.js

@@ -1,124 +0,0 @@
-import { createNamespace } from '../utils';
-import { BORDER_LEFT, BORDER_BOTTOM, BORDER_RIGHT, BORDER_SURROUND, BORDER_TOP_BOTTOM } from '../utils/constant';
-
-var _createNamespace = createNamespace('table'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var defaultData = function defaultData() {
-  return {};
-};
-
-export default createComponent({
-  props: {
-    headList: {
-      type: Array,
-      default: []
-    },
-    dataList: {
-      type: Array,
-      default: []
-    }
-  },
-  data: function data() {
-    return defaultData();
-  },
-  computed: {
-    fixedColumn: function fixedColumn() {
-      return this.headList.filter(function (v) {
-        return v.fixed;
-      });
-    },
-    resortHeadList: function resortHeadList() {
-      // 对表头数组重新排序，需要固定的表头向左对齐
-      return this.fixedColumn.concat(this.headList.filter(function (v) {
-        return !v.fixed;
-      }));
-    },
-    hasSummary: function hasSummary() {
-      return this.headList.filter(function (v) {
-        return v.showSummary;
-      }).length > 0;
-    }
-  },
-  mounted: function mounted() {
-    if (this.fixedColumn && this.fixedColumn.length) {
-      // 当表格横向出现滚动时，给固定列的右侧加一个box-shadow
-      var box = document.getElementById("normalBoxID");
-      box.addEventListener("scroll", function (e) {
-        var fixedBox = document.getElementById("fixedBoxID");
-
-        if (e.target.scrollLeft > 0) {
-          fixedBox.classList.add("shadow");
-        } else {
-          fixedBox.classList.remove("shadow");
-        }
-      });
-    } // 获取需固定列的实际宽度，用于设置绝对定位元素的宽度
-
-
-    var fixedIndexList = this.headList.map(function (v, i) {
-      if (v.fixed) {
-        return "tableHead" + i;
-      } else {
-        return "";
-      }
-    }).filter(function (v) {
-      return v !== "";
-    });
-
-    if (fixedIndexList.length > 0) {
-      fixedIndexList.forEach(function (current, index) {
-        var fixedDom = document.getElementById("fixedHead" + index);
-        var normalDom = document.getElementById(current);
-        fixedDom.style.width = normalDom.offsetWidth + "px";
-      }, 0);
-    }
-  },
-  watch: {},
-  methods: {
-    genColumn: function genColumn(headObj, index, isFixed) {
-      var h = this.$createElement;
-      return h("div", {
-        "class": [bem(isFixed ? "fixed-head" : "head"), isFixed ? BORDER_SURROUND : BORDER_RIGHT],
-        "attrs": {
-          "id": isFixed ? "fixedHead" + index : "tableHead" + index
-        },
-        "style": isFixed ? "" : headObj.width ? "width:" + headObj.width + ";" : ""
-      }, [h("div", {
-        "class": [bem("head-item"), BORDER_TOP_BOTTOM]
-      }, [headObj.label]), this.dataList.map(function (data) {
-        return h("div", {
-          "class": [bem("table-data"), BORDER_BOTTOM]
-        }, [data[headObj.key]]);
-      }), this.hasSummary ? headObj.showSummary ? h("div", {
-        "class": [bem("head-item"), BORDER_BOTTOM]
-      }, [this.dataList.reduce(function (prev, curr) {
-        return prev + curr[headObj.key];
-      }, 0)]) : h("div", {
-        "class": [bem("head-item"), BORDER_BOTTOM]
-      }, [headObj.summaryLabel || ""]) : ""]);
-    }
-  },
-  render: function render(h) {
-    var _this = this;
-
-    return h("div", {
-      "class": bem()
-    }, [h("div", {
-      "attrs": {
-        "id": "normalBoxID"
-      },
-      "class": [bem("normal-box"), BORDER_LEFT]
-    }, [this.resortHeadList.map(function (x, i) {
-      return _this.genColumn(x, i);
-    })]), h("div", {
-      "attrs": {
-        "id": "fixedBoxID"
-      },
-      "class": bem("fixed-box")
-    }, [this.fixedColumn.map(function (x, i) {
-      return _this.genColumn(x, i, true);
-    })])]);
-  }
-});

package/es/table/index.less

@@ -1,53 +0,0 @@
-@import '../style/var';
-.zt-table {
-  position: relative;
-  &__normal-box {
-    display: flex;
-    overflow-x: scroll;
-    &::-webkit-scrollbar {
-      width: unset;
-      background-color: unset;
-      height: 4px;
-    }
-    &::-webkit-scrollbar-thumb{
-      background-color: rgba(0,0,0,.1);
-    }
-  }
-  &__fixed-box {
-    display: flex;
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 2;
-  }
-  &__fixed-box.shadow::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: -10px;
-    width: 10px;
-    height: 100%;
-    opacity: 0.06;
-    background-image: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0.00) 100%);
-  }
-  &__head {
-    flex-shrink: 0;
-  }
-  &__head-item {
-    height: @table-head-height;
-    font-weight: 600;
-    font-size: @table-head-font-size;
-    color: @table-head-color;
-    text-align: center;
-    line-height: @table-head-height;
-    background: @table-head-background;
-  }
-  &__table-data {
-    height: @table-row-height;
-    font-size: @table-row-font-size;
-    color: @table-row-color;
-    text-align: center;
-    line-height: @table-row-height;
-    background: @table-row-background;
-  }
-}

package/es/table/style/index.js

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

package/es/table/style/less.js

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

package/es/tabs/Content.js

@@ -1,78 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createNamespace } from '../utils';
-import { TouchMixin } from '../mixins/touch';
-
-var _createNamespace = createNamespace('tabs'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var MIN_SWIPE_DISTANCE = 50;
-export default createComponent({
-  mixins: [TouchMixin],
-  props: {
-    count: Number,
-    duration: [Number, String],
-    animated: Boolean,
-    swipeable: Boolean,
-    currentIndex: Number
-  },
-  computed: {
-    style: function style() {
-      if (this.animated) {
-        return {
-          transform: "translate3d(" + -1 * this.currentIndex * 100 + "%, 0, 0)",
-          transitionDuration: this.duration + "s"
-        };
-      }
-    },
-    listeners: function listeners() {
-      if (this.swipeable) {
-        return {
-          touchstart: this.touchStart,
-          touchmove: this.touchMove,
-          touchend: this.onTouchEnd,
-          touchcancel: this.onTouchEnd
-        };
-      }
-    }
-  },
-  methods: {
-    // watch swipe touch end
-    onTouchEnd: function onTouchEnd() {
-      var direction = this.direction,
-          deltaX = this.deltaX,
-          currentIndex = this.currentIndex;
-      /* istanbul ignore else */
-
-      if (direction === 'horizontal' && this.offsetX >= MIN_SWIPE_DISTANCE) {
-        /* istanbul ignore else */
-        if (deltaX > 0 && currentIndex !== 0) {
-          this.$emit('change', currentIndex - 1);
-        } else if (deltaX < 0 && currentIndex !== this.count - 1) {
-          this.$emit('change', currentIndex + 1);
-        }
-      }
-    },
-    genChildren: function genChildren() {
-      var h = this.$createElement;
-
-      if (this.animated) {
-        return h("div", {
-          "class": bem('track'),
-          "style": this.style
-        }, [this.slots()]);
-      }
-
-      return this.slots();
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("div", {
-      "class": bem('content', {
-        animated: this.animated
-      }),
-      "on": _extends({}, this.listeners)
-    }, [this.genChildren()]);
-  }
-});