zartui 0.1.113 → 3.0.1

package/es/tabs/utils.js

@@ -1,43 +0,0 @@
-import { raf, cancelRaf } from '../utils/dom/raf';
-import { getScrollTop, setScrollTop } from '../utils/dom/scroll';
-var scrollLeftRafId;
-export function scrollLeftTo(scroller, to, duration) {
-  cancelRaf(scrollLeftRafId);
-  var count = 0;
-  var from = scroller.scrollLeft;
-  var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
-
-  function animate() {
-    scroller.scrollLeft += (to - from) / frames;
-
-    if (++count < frames) {
-      scrollLeftRafId = raf(animate);
-    }
-  }
-
-  animate();
-}
-export function scrollTopTo(scroller, to, duration, callback) {
-  var current = getScrollTop(scroller);
-  var isDown = current < to;
-  var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
-  var step = (to - current) / frames;
-
-  function animate() {
-    current += step;
-
-    if (isDown && current > to || !isDown && current < to) {
-      current = to;
-    }
-
-    setScrollTop(scroller, current);
-
-    if (isDown && current < to || !isDown && current > to) {
-      raf(animate);
-    } else if (callback) {
-      raf(callback);
-    }
-  }
-
-  animate();
-}

package/es/tag/index.css

@@ -1 +0,0 @@
-.zt-tag{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 4px;color:#fff;font-size:12px;line-height:16px;border-radius:2px}.zt-tag--default{background-color:#969799}.zt-tag--default.zt-tag--plain{color:#969799}.zt-tag--danger{background-color:#e62314}.zt-tag--danger.zt-tag--plain{color:#e62314}.zt-tag--primary{background-color:#0091fa}.zt-tag--primary.zt-tag--plain{color:#0091fa}.zt-tag--success{background-color:#28cd78}.zt-tag--success.zt-tag--plain{color:#28cd78}.zt-tag--warning{background-color:#ff9623}.zt-tag--warning.zt-tag--plain{color:#ff9623}.zt-tag--plain{background-color:#fff;border-color:currentColor}.zt-tag--plain::before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:'';pointer-events:none}.zt-tag--medium{padding:2px 6px}.zt-tag--large{padding:4px 8px;font-size:14px;border-radius:4px}.zt-tag--mark{border-radius:0 999px 999px 0}.zt-tag--mark::after{display:block;width:2px;content:''}.zt-tag--round{border-radius:999px}.zt-tag__close{margin-left:2px;cursor:pointer}

package/es/tag/index.js

@@ -1,79 +0,0 @@
-import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
-// Utils
-import { createNamespace } from '../utils';
-import { inherit, emit } from '../utils/functional'; // Components
-
-import Icon from '../icon'; // Types
-
-var _createNamespace = createNamespace('tag'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-function Tag(h, props, slots, ctx) {
-  var _style;
-
-  var type = props.type,
-      mark = props.mark,
-      plain = props.plain,
-      color = props.color,
-      round = props.round,
-      size = props.size,
-      textColor = props.textColor;
-  var key = plain ? 'color' : 'backgroundColor';
-  var style = (_style = {}, _style[key] = color, _style);
-
-  if (plain) {
-    style.color = textColor || color;
-    style.borderColor = color;
-  } else {
-    style.color = textColor;
-    style.background = color;
-  }
-
-  var classes = {
-    mark: mark,
-    plain: plain,
-    round: round
-  };
-
-  if (size) {
-    classes[size] = size;
-  }
-
-  var CloseIcon = props.closeable && h(Icon, {
-    "attrs": {
-      "name": "cross"
-    },
-    "class": bem('close'),
-    "on": {
-      "click": function click(event) {
-        event.stopPropagation();
-        emit(ctx, 'close');
-      }
-    }
-  });
-  return h("transition", {
-    "attrs": {
-      "name": props.closeable ? 'zt-fade' : null
-    }
-  }, [h("span", _mergeJSXProps([{
-    "key": "content",
-    "style": style,
-    "class": bem([classes, type])
-  }, inherit(ctx, true)]), [slots.default == null ? void 0 : slots.default(), CloseIcon])]);
-}
-
-Tag.props = {
-  size: String,
-  mark: Boolean,
-  color: String,
-  plain: Boolean,
-  round: Boolean,
-  textColor: String,
-  closeable: Boolean,
-  type: {
-    type: String,
-    default: 'default'
-  }
-};
-export default createComponent(Tag);

package/es/tag/index.less

@@ -1,99 +0,0 @@
-@import '../style/var';
-
-.zt-tag {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  padding: @tag-padding;
-  color: @tag-text-color;
-  font-size: @tag-font-size;
-  line-height: @tag-line-height;
-  border-radius: @tag-border-radius;
-
-  &--default {
-    background-color: @tag-default-color;
-
-    &.zt-tag--plain {
-      color: @tag-default-color;
-    }
-  }
-
-  &--danger {
-    background-color: @tag-danger-color;
-
-    &.zt-tag--plain {
-      color: @tag-danger-color;
-    }
-  }
-
-  &--primary {
-    background-color: @tag-primary-color;
-
-    &.zt-tag--plain {
-      color: @tag-primary-color;
-    }
-  }
-
-  &--success {
-    background-color: @tag-success-color;
-
-    &.zt-tag--plain {
-      color: @tag-success-color;
-    }
-  }
-
-  &--warning {
-    background-color: @tag-warning-color;
-
-    &.zt-tag--plain {
-      color: @tag-warning-color;
-    }
-  }
-
-  &--plain {
-    background-color: @tag-plain-background-color;
-    border-color: currentColor;
-
-    &::before {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      border: 1px solid;
-      border-color: inherit;
-      border-radius: inherit;
-      content: '';
-      pointer-events: none;
-    }
-  }
-
-  &--medium {
-    padding: @tag-medium-padding;
-  }
-
-  &--large {
-    padding: @tag-large-padding;
-    font-size: @tag-large-font-size;
-    border-radius: @tag-large-border-radius;
-  }
-
-  &--mark {
-    border-radius: 0 @tag-round-border-radius @tag-round-border-radius 0;
-
-    &::after {
-      display: block;
-      width: 2px;
-      content: '';
-    }
-  }
-
-  &--round {
-    border-radius: @tag-round-border-radius;
-  }
-
-  &__close {
-    margin-left: 2px;
-    cursor: pointer;
-  }
-}

package/es/tag/style/index.js

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

package/es/tag/style/less.js

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

package/es/telemetry/index.js

@@ -1,53 +0,0 @@
-// eslint-disable-next-line max-classes-per-file
-export var TelemetryEvent = function TelemetryEvent(name, attributes) {
-  this.name = name;
-
-  if (attributes) {
-    this.attributes = attributes;
-  } else {
-    this.attributes = {};
-  }
-};
-export var Telemetry = /*#__PURE__*/function () {
-  function Telemetry() {}
-
-  var _proto = Telemetry.prototype;
-
-  _proto.getRoute = function getRoute() {
-    if (this.route instanceof Function) {
-      var routeFunc = this.route;
-      return routeFunc();
-    }
-
-    return this.route;
-  };
-
-  _proto.track = function track(event) {
-    event.attributes.project = this.project;
-    event.attributes.app = this.app;
-    event.attributes.route = this.getRoute();
-
-    if (this.send) {
-      this.send(event);
-    } else {// console.debug(JSON.stringify(event))
-    }
-  };
-
-  _proto.trackClick = function trackClick(event) {
-    event.attributes.click = 1;
-    this.track(event);
-  };
-
-  _proto.trackAppear = function trackAppear(event) {
-    event.attributes.appear = 1;
-    this.track(event);
-  };
-
-  _proto.trackDisappear = function trackDisappear(event) {
-    event.attributes.disappear = 1;
-    this.track(event);
-  };
-
-  return Telemetry;
-}();
-Telemetry.sharedInstance = new Telemetry();

package/es/timeline/index.css

@@ -1 +0,0 @@
-.zt-timeline{background-color:#fff}.zt-timeline__top-bar{height:44px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-timeline__top-left{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-timeline__bar{width:4px;height:16px;background:#0091fa;margin-right:12px}.zt-timeline__title{font-size:16px;font-weight:700;color:#000;line-height:24px}.zt-timeline__top-right{padding-right:16px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-timeline__fold-text{font-size:16px;color:rgba(0,0,0,.6);line-height:24px;margin-right:8px}.zt-timeline__container{padding-top:16px}.zt-timeline__item{padding:0 16px 16px 16px;display:-webkit-box;display:-webkit-flex;display:flex}.zt-timeline__item.last-item .zt-timeline__line{height:0}.zt-timeline__left-container{margin-right:8px;display:-webkit-box;display:-webkit-flex;display:flex;-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}.zt-timeline__right-container{-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-timeline__avatar-box{width:40px;height:40px}.zt-timeline__avatar{width:40px;height:40px;background:#0091fa;border-radius:4px;font-size:14px;font-weight:700;text-align:center;color:#fff;line-height:40px}.zt-timeline__line{background-color:#f5f5f5;width:2px;height:100%;margin-top:4px;margin-bottom:-12px}.zt-timeline__title-box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:8px}.zt-timeline__title{font-size:16px;font-weight:700;color:#000;line-height:24px}.zt-timeline__time{font-size:12px;color:rgba(0,0,0,.8);line-height:16px}.zt-timeline__content-box{font-size:14px;color:rgba(0,0,0,.8);line-height:20px;padding-bottom:8px}.zt-timeline__main-container{background:rgba(0,0,0,.02);border-radius:4px;padding:8px 12px}.zt-timeline__main-container::before{border-radius:4px}.zt-timeline__main-container .zt-timeline__text-bold{font-weight:700;color:#000}.zt-timeline__opinion-box{padding-top:7px}.zt-timeline__opinion-label{margin-bottom:4px;font-size:14px;color:rgba(0,0,0,.4);line-height:20px}.zt-timeline__opinion{font-size:14px;color:#000;line-height:20px}

package/es/timeline/index.js

@@ -1,210 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createNamespace } from '../utils';
-import { BORDER_BOTTOM } from '../utils/constant';
-
-var _createNamespace = createNamespace('timeline'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-import Switch from "../switch";
-
-var defaultData = function defaultData() {
-  return {
-    isFold: false,
-    computedProcesses: []
-  };
-};
-
-export default createComponent({
-  props: {
-    title: {
-      type: String,
-      default: "办理经过"
-    },
-    // 默认折叠显示
-    defaultFold: {
-      type: Boolean,
-      default: false
-    },
-    // 折叠时显示几条数据
-    collapseCount: {
-      type: Number,
-      default: 0
-    },
-    processes: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    opinionKey: {
-      type: String,
-      default: "处理意见"
-    },
-    enableSingleFold: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data: function data() {
-    return defaultData();
-  },
-  computed: {},
-  watch: {},
-  mounted: function mounted() {
-    this.isFold = this.defaultFold;
-    this.computedProcesses = this.processes.map(function (v) {
-      return _extends({}, v, {
-        folded: false
-      });
-    });
-  },
-  methods: {
-    genProcesses: function genProcesses() {
-      var _this = this;
-
-      if (this.isFold) {
-        var showProcesses = this.computedProcesses.slice(0, this.collapseCount);
-        return showProcesses.map(function (item, index) {
-          return _this.genProcessItem(item, index === showProcesses.length - 1);
-        });
-      } else {
-        return this.computedProcesses.map(function (item, index) {
-          return _this.genProcessItem(item, index === _this.computedProcesses.length - 1);
-        });
-      }
-    },
-    genAvatar: function genAvatar(item, avatarSlot) {
-      var h = this.$createElement;
-
-      if (avatarSlot) {
-        return h("div", {
-          "class": bem("avatar-box") + " half-border"
-        }, [avatarSlot]);
-      }
-
-      return h("div", {
-        "class": bem("avatar-box" + " half-border")
-      }, [item.avatar ? h("img", {
-        "class": bem("avatar"),
-        "attrs": {
-          "src": item.avatar,
-          "alt": ""
-        }
-      }) : h("div", {
-        "class": bem("avatar")
-      }, [item.human.slice(-2)])]);
-    },
-    genTitle: function genTitle(item, titleSlot) {
-      var h = this.$createElement;
-
-      if (titleSlot) {
-        return h("div", {
-          "class": bem("title-box")
-        }, [titleSlot]);
-      }
-
-      return h("div", {
-        "class": bem("title-box")
-      }, [h("span", {
-        "class": bem("title")
-      }, [item.department + "[" + item.human + "]"]), h("span", {
-        "class": bem("time")
-      }, [item.timestamp])]);
-    },
-    genContent: function genContent(item, contentSlot) {
-      var h = this.$createElement;
-
-      if (contentSlot) {
-        return h("div", {
-          "class": bem("content-box") + " half-border-bottom"
-        }, [contentSlot]);
-      }
-
-      return h("div", {
-        "class": bem("content-box" + " half-border-bottom")
-      }, ["\u5728", h("span", [item.stage]), "\u9636\u6BB5", h("span", {
-        "class": bem("text-bold")
-      }, [" ", item.action, " "]), "\u5230", h("span", [item.nextAction]), h("span", [item.nextDepartment]), h("span", {
-        "class": bem("text-bold")
-      }, [" [", item.nextHuman, "]"])]);
-    },
-    genOpinion: function genOpinion(item, opinionSlot) {
-      var h = this.$createElement;
-
-      if (opinionSlot) {
-        return h("div", {
-          "class": bem("opinion-box")
-        }, [opinionSlot]);
-      }
-
-      return h("div", {
-        "class": bem("opinion-box")
-      }, [h("div", {
-        "class": bem("opinion-label")
-      }, [this.opinionKey]), h("div", {
-        "class": bem("opinion")
-      }, [item.opinion])]);
-    },
-    genProcessItem: function genProcessItem(item, isLast) {
-      var h = this.$createElement;
-      var avatarSlot = this.slots("avatar", item);
-      var titleSlot = this.slots("title", item);
-      var contentSlot = this.slots("content", item);
-      var opinionSlot = this.slots("opinion", item);
-      var that = this;
-
-      function itemClicked() {
-        if (!that.enableSingleFold) {
-          return;
-        }
-
-        item.folded = !item.folded;
-      }
-
-      return h("div", {
-        "class": bem("item") + (" " + (isLast ? "last-item" : "")),
-        "on": {
-          "click": itemClicked
-        }
-      }, [h("div", {
-        "class": bem("left-container")
-      }, [this.genAvatar(item, avatarSlot), h("div", {
-        "class": bem("line")
-      })]), h("div", {
-        "class": bem("right-container")
-      }, [this.genTitle(item, titleSlot), item.folded ? h() : h("div", {
-        "class": bem("main-container") + " half-border"
-      }, [this.genContent(item, contentSlot), this.genOpinion(item, opinionSlot)])])]);
-    }
-  },
-  render: function render(h) {
-    var _this2 = this;
-
-    var processes = this.genProcesses();
-    return h("div", {
-      "class": bem()
-    }, [h("div", {
-      "class": [bem("top-bar"), BORDER_BOTTOM]
-    }, [h("div", {
-      "class": bem("top-left")
-    }, [h("div", {
-      "class": bem("bar")
-    }), h("div", {
-      "class": bem("title")
-    }, [this.title])]), h("div", {
-      "class": bem("top-right")
-    }, [h("span", {
-      "class": bem("fold-text")
-    }, ["\u6298\u53E0", this.title]), h(Switch, {
-      "model": {
-        value: _this2.isFold,
-        callback: function callback($$v) {
-          _this2.isFold = $$v;
-        }
-      }
-    })])]), (processes == null ? void 0 : processes.length) > 0 ? h("div", {
-      "class": bem("container")
-    }, [processes]) : h()]);
-  }
-});

package/es/timeline/index.less

@@ -1,130 +0,0 @@
-@import '../style/var';
-
-.zt-timeline {
-  background-color: #fff;
-  &__top-bar {
-    height: 44px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-  &__top-left {
-    display: flex;
-    align-items: center;
-  }
-  &__bar {
-    width: 4px;
-    height: 16px;
-    background: #0091fa;
-    margin-right: 12px;
-  }
-  &__title {
-    font-size: 16px;
-    font-weight: bold;
-    color: #000000;
-    line-height: 24px;
-  }
-  &__top-right {
-    padding-right: 16px;
-    display: flex;
-    align-items: center;
-  }
-  &__fold-text {
-    font-size: 16px;
-    color: rgba(0,0,0,0.60);
-    line-height: 24px;
-    margin-right: 8px;
-  }
-  &__container {
-    padding-top: 16px;
-  }
-  &__item {
-    padding: 0 16px 16px 16px;
-    display: flex;
-    &.last-item {
-      .zt-timeline__line {
-        height: 0;
-      }
-    }
-  }
-  &__left-container {
-    margin-right: 8px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  }
-  &__right-container {
-    flex: 1;
-  }
-  &__avatar-box {
-    width: 40px;
-    height: 40px;
-  }
-  &__avatar {
-    width: 40px;
-    height: 40px;
-    background: #0091fa;
-    border-radius: 4px;
-    font-size: 14px;
-    font-weight: bold;
-    text-align: center;
-    color: #ffffff;
-    line-height: 40px;
-  }
-  &__line {
-    background-color: #f5f5f5;
-    width: 2px;
-    height: 100%;
-    margin-top: 4px;
-    margin-bottom: -12px;
-  }
-  &__title-box {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 8px;
-  }
-  &__title {
-    font-size: 16px;
-    font-weight: bold;
-    color: #000000;
-    line-height: 24px;
-  }
-  &__time {
-    font-size: 12px;
-    color: rgba(0,0,0,.8);
-    line-height: 16px;
-  }
-  &__content-box {
-    font-size: 14px;
-    color: rgba(0,0,0,0.80);
-    line-height: 20px;
-    padding-bottom: 8px;
-  }
-  &__main-container {
-    background: rgba(0,0,0,0.02);
-    border-radius: 4px;
-    padding: 8px 12px;
-    &::before {
-      border-radius: 4px;
-    }
-    .zt-timeline__text-bold {
-      font-weight: bold;
-      color: #000000;
-    }
-  }
-  &__opinion-box {
-    padding-top: 7px;
-  }
-  &__opinion-label {
-    margin-bottom: 4px;
-    font-size: 14px;
-    color: rgba(0,0,0,.4);
-    line-height: 20px;
-  }
-  &__opinion {
-    font-size: 14px;
-    color: #000000;
-    line-height: 20px;
-  }
-}

package/es/timeline/style/index.js

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

package/es/timeline/style/less.js

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