zartui 0.1.113 → 3.0.1

package/es/hierarchy-select/index.less

@@ -1,239 +0,0 @@
-.zt-hierarchy-select__popup {
-  height: 100%;
-  .zt-hierarchy-select {
-    background-color: #F5F5FF;
-    height: 100%;
-    &__title {
-      height: 44px;
-      position: relative;
-      background-color: #fff;
-      border-bottom: 1px solid rgba(0,0,0,.1);
-      i {
-        font-size: 14px;
-        position: absolute;
-        left: 15px;
-        top: 16px;
-      }
-      div {
-        line-height: 44px;
-        text-align: center;
-        font-weight: bold;
-        font-size: 18px;
-        color: #142841;
-      }
-    }
-    .zt-hierarchy-select-core {
-      .zt-loading {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        margin-left: -18px;
-        margin-right: -18px;
-      }
-      &__list {
-        span {
-            height: 24px;
-            font-size: 16px;
-            font-family: PingFangSC, PingFangSC-Semibold;
-            font-weight: 600;
-            color: #0091fa;
-            line-height: 24px;
-        }
-        .flex {
-            display: flex;
-            align-items: center;
-        }
-      }
-    }
-  
-    .zt-hierarchy-select-breadcrumb {
-      position: relative;
-      display: flex;
-      padding: 10px 0;
-      background-color: #fff;
-      margin-bottom: 16px;
-      &__indicator-crumb-list {
-        flex: 1;
-        display: flex;
-        align-items: center;
-        padding: 0 16px;
-        overflow-x: auto;
-        span {
-            display: flex;
-            align-items: center;
-            white-space: nowrap;
-            height: 24px;
-            font-size: 16px;
-            font-family: PingFangSC, PingFangSC-Regular;
-            text-align: left;
-            color: #000;
-            line-height: 24px;
-        }
-        &__icon-arrow {
-            margin: 0 4px;
-            width: 20px;
-            height: 20px;
-        }
-      }
-      &__crumb-item {
-          display: flex;
-          align-items: center;
-      }
-      &__fill-blur {
-          position: absolute;
-          top: 0;
-          width: 16px;
-          height: 44px;
-          background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)),to(rgba(255, 255, 255, 1)));
-        &:last-child {
-          right: 0;
-          top: 0;
-          background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 1)),to(rgba(255, 255, 255, 0)));
-        }
-      }
-    }
-  
-    .zt-hierarchy-mark-list {
-      background-color: #fff;
-      &__multiple-button {
-        margin-right: 8px;
-      }
-      &__check-icon {
-        color: #0091fa;
-        font-size: 24px;
-      }
-      &__uncheck-icon {
-        width: 24px;
-        height: 24px;
-        border: 1px solid rgba(0,0,0,.1);
-        border-radius: 50%;
-      }
-      &__score-item {
-          position: relative;
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          padding: 10px 0;
-          background-color: #fff;
-          margin-left: 16px;
-          &:after {
-            content: " ";
-            position: absolute;
-            bottom: 0;
-            height: 1px;
-            width: 100%;
-            background-color: rgba(0,0,0,.1);
-            box-shadow: 0px 0px 0px 0px #000 inset; 
-          }
-      }
-      &__item-content {
-          flex: 1;
-          margin-right: 16px;
-          width: 278px;
-          font-size: 16px;
-          font-family: PingFangSC, PingFangSC-Regular;
-          font-weight: 400;
-          text-align: left;
-          color: #000;
-          line-height: 24px;
-          word-break: break-all;
-          span {
-              color: #0091fa;
-          }
-      }
-      &__item-nav {
-          padding: 0 16px;
-          border-left: rgba(0,0,0,0.10) 1px solid;
-      }
-      &__sub-level {
-        display: flex;
-        align-items: center;
-        span {
-          color: #0091fa;
-        }
-        &--disable {
-          opacity: .2;
-        }
-      }
-      &__sub-icon {
-        margin-right: 4px;
-        font-size: 0;
-        width: 20px;
-        height: 20px;
-      }
-      &__result-box {
-        position: fixed;
-        left: 0;
-        bottom: 0;
-        background: #fff;
-        width: 100%;
-      }
-      &__result-list {
-        height: 160px;
-        box-shadow: 0 -4px 8px 0 rgba(0,0,0,0.10);
-        border-radius: 8px 8px 0 0;
-        padding: 12px 16px;
-        font-size: 14px;
-        color: #000000;
-        line-height: 24px;
-      }
-      &__operate-box {
-        display: flex;
-        height: 44px;
-        line-height: 44px;
-        align-items: center;
-      }
-      &__selected {
-        border-top: 1px solid rgba(0,0,0,.1);
-        display: flex;
-        align-items: center;
-        padding: 0 16px;
-        flex: 1;
-        height: 44px;
-        i {
-          color: #0091fa;
-          font-size: 20px;
-          margin-right: 4px;
-        }
-        span {
-          font-size: 14px;
-          color: rgba(0,0,0,.6);
-          &.zt-hierarchy-mark-list__blue {
-            color: #0091fa;
-            margin-left: 8px
-          }
-        }
-      }
-      &__line {
-        width: 1px;
-        height: 24px;
-        background: rgba(0,0,0,0.10);
-        transform: scaleX(0.5);
-        border-top: 1px solid rgba(0,0,0,.1);
-      }
-      &__reset-button {
-        width: 110px;
-        border-top: 1px solid rgba(0,0,0,.1);
-        font-size: 16px;
-        color: #000000;
-        text-align: center;
-      }
-      &__cancel-button {
-        width: 110px;
-        border-top: 1px solid rgba(0,0,0,.1);
-        font-size: 16px;
-        color: #000000;
-        text-align: center;
-      }
-      &__confirm-button {
-        width: 110px;
-        border-top: 1px solid #0091FA;
-        font-weight: bold;
-        font-size: 16px;
-        color: #FFFFFF;
-        text-align: center;
-        background: #0091FA;
-      }
-    }
-  }
-}

package/es/hierarchy-select/markList.js

@@ -1,242 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-
-var _createNamespace = createNamespace('hierarchy-mark-list'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
-import SubIcon from './svg/SubIcon';
-import Icon from "../icon";
-import { deepClone } from '../utils/deep-clone';
-export default createComponent({
-  props: {
-    dataList: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    disableParent: {
-      type: Boolean,
-      default: false
-    },
-    multiple: {
-      type: Boolean,
-      default: false
-    },
-    resetReplaceCancel: {
-      type: Boolean,
-      default: false
-    },
-    valueKey: {
-      type: String,
-      default: "id"
-    },
-    textKey: {
-      type: String,
-      default: "name"
-    }
-  },
-  data: function data() {
-    return {
-      choosedValue: "",
-      checkedList: [],
-      showResultList: false
-    };
-  },
-  methods: {
-    toNextLevel: function toNextLevel(item, index) {
-      if (this.getChecked(item)) {
-        return;
-      }
-
-      this.$emit('clickNext', {
-        item: item,
-        index: index
-      });
-    },
-    selected: function selected(item) {
-      if (this.disableParent && item.children) {
-        return;
-      }
-
-      this.choosedValue = item[this.valueKey];
-      this.$emit('selected', item);
-    },
-    getMultipleDom: function getMultipleDom(item) {
-      var h = this.$createElement;
-      return this.getChecked(item) ? h(Icon, {
-        "attrs": {
-          "name": "checked"
-        },
-        "class": bem("check-icon")
-      }) : h("div", {
-        "class": bem("uncheck-icon")
-      });
-    },
-    getChecked: function getChecked(item) {
-      var _this = this;
-
-      if (this.checkedList && this.checkedList.length && this.checkedList.map(function (v) {
-        return v[_this.valueKey];
-      }).indexOf(item[this.valueKey]) > -1) {
-        return true;
-      } else {
-        return false;
-      }
-    },
-    multipleClicked: function multipleClicked(item) {
-      var _this2 = this;
-
-      item = deepClone(item);
-
-      if (this.checkedList && this.checkedList.length) {
-        var existed = false;
-        this.checkedList.forEach(function (v, i) {
-          if (item[_this2.valueKey] === v[_this2.valueKey]) {
-            existed = true;
-
-            _this2.checkedList.splice(i, 1);
-          }
-        });
-
-        if (!existed) {
-          if (item.children && item.children.length) {
-            this.uncheckedChildren(item.children);
-          }
-
-          delete item.children;
-          this.checkedList.push(item);
-        }
-      } else {
-        this.checkedList = [];
-        delete item.children;
-        this.checkedList.push(item);
-      }
-
-      this.$forceUpdate();
-    },
-    uncheckedChildren: function uncheckedChildren(array) {
-      var _this3 = this;
-
-      // 父节点被选中后，子节点取消选中
-      var unchecked = function unchecked(list) {
-        var len = _this3.checkedList.length;
-
-        var _loop = function _loop(index) {
-          list.forEach(function (v) {
-            if (_this3.checkedList[index][_this3.valueKey] === v[_this3.valueKey]) {
-              _this3.checkedList.splice(index, 1);
-            }
-          });
-        };
-
-        for (var index = len - 1; index > -1; index--) {
-          _loop(index);
-        }
-
-        list.forEach(function (v) {
-          if (v && v.children && v.children.length) {
-            unchecked(v.children);
-          }
-        });
-      };
-
-      unchecked(array);
-    },
-    cancel: function cancel() {
-      this.$emit("cancel");
-    },
-    confirm: function confirm() {
-      this.$emit("confirm", this.checkedList);
-    },
-    reset: function reset() {
-      this.checkedList = [];
-      this.$emit("reset");
-    }
-  },
-  render: function render(h) {
-    var _this4 = this;
-
-    return h("div", {
-      "class": bem()
-    }, [this.dataList.map(function (item, index) {
-      return h("div", {
-        "class": bem("score-item")
-      }, [_this4.multiple ? h("div", {
-        "class": bem("multiple-button"),
-        "on": {
-          "click": function click() {
-            _this4.multipleClicked(item);
-          }
-        }
-      }, [_this4.getMultipleDom(item)]) : h(), h("div", {
-        "class": bem("item-content"),
-        "on": {
-          "click": function click() {
-            _this4.selected(item);
-          }
-        },
-        "style": !_this4.multiple && _this4.choosedValue === item[_this4.valueKey] ? 'color:#0091fa;' : ''
-      }, [item[_this4.textKey]]), h("div", {
-        "class": bem("item-nav"),
-        "on": {
-          "click": function click() {
-            _this4.toNextLevel(item, index);
-          }
-        }
-      }, [item && item.children ? h("div", {
-        "class": bem("sub-level", _this4.getChecked(item) ? 'disable' : '')
-      }, [h(SubIcon, {
-        "class": bem("sub-icon")
-      }), h("span", ["\u4E0B\u7EA7"])]) : h()])]);
-    }), this.multiple ? h("div", {
-      "class": bem("result-box")
-    }, [this.showResultList ? h("div", {
-      "class": bem("result-list")
-    }, [this.checkedList && this.checkedList.length ? this.checkedList.map(function (v) {
-      return v[_this4.textKey];
-    }).join("、") : ""]) : h(), h("div", {
-      "class": bem("operate-box")
-    }, [h("div", {
-      "class": bem("selected"),
-      "on": {
-        "click": function click() {
-          _this4.showResultList = !_this4.showResultList;
-        }
-      }
-    }, [h(Icon, {
-      "attrs": {
-        "name": this.showResultList ? "arrow-up" : "arrow-down"
-      }
-    }), h("span", ["\u5DF2\u9009\u62E9"]), h("span", {
-      "class": bem("blue")
-    }, [this.checkedList.length])]), h("div", {
-      "class": bem("line")
-    }), h("div", {
-      "directives": [{
-        name: "show",
-        value: this.resetReplaceCancel
-      }],
-      "class": bem("reset-button"),
-      "on": {
-        "click": this.reset
-      }
-    }, ["\u91CD\u7F6E"]), h("div", {
-      "directives": [{
-        name: "show",
-        value: !this.resetReplaceCancel
-      }],
-      "class": bem("cancel-button"),
-      "on": {
-        "click": this.cancel
-      }
-    }, ["\u53D6\u6D88"]), h("div", {
-      "class": bem("confirm-button"),
-      "on": {
-        "click": this.confirm
-      }
-    }, ["\u786E\u5B9A"])])]) : h()]);
-  }
-});

package/es/hierarchy-select/style/index.js

@@ -1,8 +0,0 @@
-import '../../style/base.css';
-import '../../overlay/index.css';
-import '../../info/index.css';
-import '../../icon/index.css';
-import '../../popup/index.css';
-import '../../loading/index.css';
-import '../../toast/index.css';
-import '../index.css';

package/es/hierarchy-select/style/less.js

@@ -1,8 +0,0 @@
-import '../../style/base.less';
-import '../../overlay/index.less';
-import '../../info/index.less';
-import '../../icon/index.less';
-import '../../popup/index.less';
-import '../../loading/index.less';
-import '../../toast/index.less';
-import '../index.less';

package/es/hierarchy-select/svg/SubIcon.js

@@ -1,50 +0,0 @@
-export default {
-  render: function render() {
-    var _attrs;
-
-    var h = arguments[0];
-    return h("svg", {
-      "attrs": (_attrs = {
-        "width": "20px",
-        "height": "20px",
-        "viewBox": "0 0 20 20",
-        "version": "1.1",
-        "xmlns": "http://www.w3.org/2000/svg"
-      }, _attrs["xmlns"] = "http://www.w3.org/1999/xlink", _attrs)
-    }, [h("title", ["-mockplus-"]), h("g", {
-      "attrs": {
-        "id": "千分制评分系统",
-        "stroke": "none",
-        "stroke-width": "1",
-        "fill": "none",
-        "fill-rule": "evenodd"
-      }
-    }, [h("g", {
-      "attrs": {
-        "id": "2-2-二级",
-        "transform": "translate(-303.000000, -180.000000)",
-        "fill": "#0091fa",
-        "fill-rule": "nonzero"
-      }
-    }, [h("g", {
-      "attrs": {
-        "id": "list",
-        "transform": "translate(0.000000, 168.000000)"
-      }
-    }, [h("g", {
-      "attrs": {
-        "id": "-mockplus-",
-        "transform": "translate(303.000000, 12.000000)"
-      }
-    }, [h("g", {
-      "attrs": {
-        "id": "ic",
-        "transform": "translate(1.000000, 1.000000)"
-      }
-    }, [h("path", {
-      "attrs": {
-        "d": "M2.14317706,0.666666667 L2.22223941,0.668944438 C2.85659925,0.701997774 3.40241118,1.14563083 3.56824813,1.77287529 C3.71984748,2.34626892 3.52076148,2.94764607 3.07824755,3.31404308 L3.01338689,3.36475861 L2.98117698,3.38692192 L2.99854276,7.96851143 L6.45837186,7.96851143 L6.4906636,7.92242957 C6.70010816,7.63994553 7.00294966,7.43994322 7.35182725,7.361073 L7.43997833,7.3439014 L7.52988313,7.33191117 L7.6692854,7.32536694 C8.3837757,7.32585828 8.99437829,7.8461057 9.11812542,8.55870349 C9.24180953,9.27093832 8.84363091,9.97085988 8.17282427,10.2188787 C7.57700711,10.4391716 6.91923866,10.2463364 6.52883188,9.76213793 L6.47945255,9.69733927 L6.457968,9.66562226 L2.99854276,9.66480927 L2.98077313,14.9931275 L6.43817909,14.9931275 L6.46054677,14.9607514 C6.78337751,14.5127274 7.32688536,14.2830957 7.86795816,14.3658534 L7.95333794,14.3815301 L8.03075658,14.4003564 C8.67421418,14.5754457 9.12114112,15.1665172 9.12114112,15.8412592 C9.12114112,16.5160012 8.67421418,17.1070728 8.03075658,17.282162 C7.46526323,17.4360366 6.87234558,17.2347803 6.51062104,16.7873487 L6.46054677,16.721767 L6.43817909,16.6890189 L2.14293988,16.689376 C1.75471326,16.689277 1.42412847,16.4204314 1.33123628,16.0433526 L1.31798598,15.9795315 L1.30932263,15.9138712 L1.30596651,15.8407337 L1.30558099,3.3881414 L1.27366107,3.36611374 C0.829669171,3.03959222 0.601729085,2.48805959 0.682853956,1.93886294 L0.698245114,1.85220024 L0.716763107,1.773617 C0.882433394,1.14570649 1.42884,0.701620365 2.06379274,0.668899133 L2.14317706,0.666666667 Z M16.4991461,14.9765217 C16.9438894,14.9769436 17.3105373,15.3322646 17.3323164,15.7826586 C17.3531195,16.212871 17.0525873,16.5872728 16.6303383,16.6599846 L16.5692105,16.6682931 L16.4968837,16.6717041 L11.4076594,16.6717041 C10.9615199,16.6705571 10.5951522,16.3154549 10.5737275,15.8648797 C10.5532819,15.4348956 10.8537702,15.0608774 11.2757903,14.9882337 L11.3368841,14.9799327 L11.409211,14.9765217 L16.4991461,14.9765217 Z M16.4991461,7.96971132 C16.9438894,7.97013329 17.3105373,8.3254543 17.3323164,8.77584828 C17.3531195,9.2060606 17.0525873,9.58046244 16.6303382,9.6531742 L16.5692105,9.66148273 L16.4968837,9.66489375 L11.4076594,9.66489375 C10.9615199,9.66374664 10.5951523,9.30864449 10.5737276,8.8580693 C10.553282,8.42808526 10.8537703,8.05406711 11.2757903,7.98142337 L11.3368841,7.97312235 L11.409211,7.96971132 L16.4991461,7.96971132 Z M16.4788602,1.09703911 C16.9326749,1.08805607 17.3101999,1.44528695 17.3323171,1.9030475 C17.353414,2.3396908 17.0437664,2.71759912 16.6148696,2.7828049 L16.5528102,2.78996537 L16.4838666,2.79218225 L6.74173256,2.79218225 C6.2955931,2.79103514 5.92922548,2.43593299 5.90780078,1.9853578 C5.88735518,1.55537376 6.18784345,1.18135561 6.60986349,1.10871187 L6.67095729,1.10041085 L6.74328413,1.09699982 L16.4788602,1.09703911 Z"
-      }
-    })])])])])])]);
-  }
-};

package/es/icon/index.js

@@ -1,74 +0,0 @@
-import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
-// Utils
-import { createNamespace, addUnit } from '../utils';
-import { inherit } from '../utils/functional'; // Components
-
-import Info from '../info'; // Types
-
-var _createNamespace = createNamespace('icon'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-function isImage(name) {
-  return name ? name.indexOf('/') !== -1 : false;
-} // compatible with legacy usage, should be removed in next major version
-
-
-var LEGACY_MAP = {
-  medel: 'medal',
-  'medel-o': 'medal-o',
-  'calender-o': 'calendar-o'
-};
-
-function correctName(name) {
-  return name && LEGACY_MAP[name] || name;
-}
-
-function Icon(h, props, slots, ctx) {
-  var _props$badge;
-
-  var name = correctName(props.name);
-  var imageIcon = isImage(name);
-
-  if (process.env.NODE_ENV === 'development' && props.info) {
-    console.warn('[Zart] Icon: "info" prop is deprecated, use "badge" prop instead.');
-  }
-
-  return h(props.tag, _mergeJSXProps([{
-    "class": [props.classPrefix, imageIcon ? '' : props.classPrefix + "-" + name],
-    "style": {
-      color: props.color,
-      fontSize: addUnit(props.size)
-    }
-  }, inherit(ctx, true)]), [slots.default && slots.default(), imageIcon && h("img", {
-    "class": bem('image'),
-    "attrs": {
-      "src": name
-    }
-  }), h(Info, {
-    "attrs": {
-      "dot": props.dot,
-      "info": (_props$badge = props.badge) != null ? _props$badge : props.info
-    }
-  })]);
-}
-
-Icon.props = {
-  dot: Boolean,
-  name: String,
-  size: [Number, String],
-  // @deprecated
-  // should be removed in next major version
-  info: [Number, String],
-  badge: [Number, String],
-  color: String,
-  tag: {
-    type: String,
-    default: 'i'
-  },
-  classPrefix: {
-    type: String,
-    default: bem()
-  }
-};
-export default createComponent(Icon);

package/es/icon/index.less

@@ -1,10 +0,0 @@
-@import '../style/var';
-@import '~zart-icons/src/encode-woff2.less';
-
-.zt-icon {
-  &__image {
-    width: 1em;
-    height: 1em;
-    object-fit: contain;
-  }
-}