zartui 0.1.113 → 3.0.1

package/es/grid-item/index.js

@@ -1,163 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-// Utils
-import { createNamespace, addUnit } from '../utils';
-import { BORDER } from '../utils/constant';
-import { route, routeProps } from '../utils/router'; // Mixins
-
-import { ChildrenMixin } from '../mixins/relation'; // Components
-
-import Info from '../info';
-import Icon from '../icon';
-
-var _createNamespace = createNamespace('grid-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [ChildrenMixin('ztGrid')],
-  props: _extends({}, routeProps, {
-    dot: Boolean,
-    text: String,
-    icon: String,
-    iconPrefix: String,
-    // @deprecated
-    info: [Number, String],
-    badge: [Number, String]
-  }),
-  computed: {
-    style: function style() {
-      var _this$parent = this.parent,
-          square = _this$parent.square,
-          gutter = _this$parent.gutter,
-          columnNum = _this$parent.columnNum;
-      var percent = 100 / columnNum + "%";
-      var style = {
-        flexBasis: percent
-      };
-
-      if (square) {
-        style.paddingTop = percent;
-      } else if (gutter) {
-        var gutterValue = addUnit(gutter);
-        style.paddingRight = gutterValue;
-
-        if (this.index >= columnNum) {
-          style.marginTop = gutterValue;
-        }
-      }
-
-      return style;
-    },
-    contentStyle: function contentStyle() {
-      var _this$parent2 = this.parent,
-          square = _this$parent2.square,
-          gutter = _this$parent2.gutter;
-
-      if (square && gutter) {
-        var gutterValue = addUnit(gutter);
-        return {
-          right: gutterValue,
-          bottom: gutterValue,
-          height: 'auto'
-        };
-      }
-    }
-  },
-  methods: {
-    onClick: function onClick(event) {
-      this.$emit('click', event);
-      route(this.$router, this);
-    },
-    genIcon: function genIcon() {
-      var _this$badge;
-
-      var h = this.$createElement;
-      var iconSlot = this.slots('icon');
-      var info = (_this$badge = this.badge) != null ? _this$badge : this.info;
-
-      if (process.env.NODE_ENV === 'development' && this.info) {
-        console.warn('[Zart] GridItem: "info" prop is deprecated, use "badge" prop instead.');
-      }
-
-      if (iconSlot) {
-        return h("div", {
-          "class": bem('icon-wrapper')
-        }, [iconSlot, h(Info, {
-          "attrs": {
-            "dot": this.dot,
-            "info": info
-          }
-        })]);
-      }
-
-      if (this.icon) {
-        return h(Icon, {
-          "attrs": {
-            "name": this.icon,
-            "dot": this.dot,
-            "badge": info,
-            "size": this.parent.iconSize,
-            "classPrefix": this.iconPrefix
-          },
-          "class": bem('icon')
-        });
-      }
-    },
-    getText: function getText() {
-      var h = this.$createElement;
-      var textSlot = this.slots('text');
-
-      if (textSlot) {
-        return textSlot;
-      }
-
-      if (this.text) {
-        return h("span", {
-          "class": bem('text')
-        }, [this.text]);
-      }
-    },
-    genContent: function genContent() {
-      var slot = this.slots();
-
-      if (slot) {
-        return slot;
-      }
-
-      return [this.genIcon(), this.getText()];
-    }
-  },
-  render: function render() {
-    var _ref;
-
-    var h = arguments[0];
-    var _this$parent3 = this.parent,
-        center = _this$parent3.center,
-        border = _this$parent3.border,
-        square = _this$parent3.square,
-        gutter = _this$parent3.gutter,
-        direction = _this$parent3.direction,
-        clickable = _this$parent3.clickable;
-    return h("div", {
-      "class": [bem({
-        square: square
-      })],
-      "style": this.style
-    }, [h("div", {
-      "style": this.contentStyle,
-      "attrs": {
-        "role": clickable ? 'button' : null,
-        "tabindex": clickable ? 0 : null
-      },
-      "class": [bem('content', [direction, {
-        center: center,
-        square: square,
-        clickable: clickable,
-        surround: border && gutter
-      }]), (_ref = {}, _ref[BORDER] = border, _ref)],
-      "on": {
-        "click": this.onClick
-      }
-    }, [this.genContent()])]);
-  }
-});

package/es/grid-item/index.less

@@ -1,79 +0,0 @@
-@import '../style/var';
-
-.zt-grid-item {
-  position: relative;
-  box-sizing: border-box;
-
-  &--square {
-    height: 0;
-  }
-
-  &__icon {
-    font-size: @grid-item-icon-size;
-  }
-
-  &__icon-wrapper {
-    position: relative;
-  }
-
-  &__text {
-    color: @grid-item-text-color;
-    font-size: @grid-item-text-font-size;
-    line-height: 1.5;
-    // https://github.com/youzan/vant/issues/3894
-    word-break: break-all;
-  }
-
-  &__icon + &__text {
-    margin-top: @padding-xs;
-  }
-
-  &__content {
-    display: flex;
-    flex-direction: column;
-    box-sizing: border-box;
-    height: 100%;
-    padding: @grid-item-content-padding;
-    background-color: @grid-item-content-background-color;
-
-    &::after {
-      z-index: 1;
-      border-width: 0 @border-width-base @border-width-base 0;
-    }
-
-    &--square {
-      position: absolute;
-      top: 0;
-      right: 0;
-      left: 0;
-    }
-
-    &--center {
-      align-items: center;
-      justify-content: center;
-    }
-
-    &--horizontal {
-      flex-direction: row;
-
-      .zt-grid-item__icon + .zt-grid-item__text {
-        margin-top: 0;
-        margin-left: @padding-xs;
-      }
-    }
-
-    &--surround {
-      &::after {
-        border-width: @border-width-base;
-      }
-    }
-
-    &--clickable {
-      cursor: pointer;
-
-      &:active {
-        background-color: @grid-item-content-active-color;
-      }
-    }
-  }
-}

package/es/grid-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/grid-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/hierarchy-select/breadcrumb.js

@@ -1,75 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import Icon from "../icon";
-
-var _createNamespace = createNamespace('hierarchy-select-breadcrumb'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
-export default createComponent({
-  props: {
-    data: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    valueKey: {
-      type: String,
-      default: "id"
-    },
-    textKey: {
-      type: String,
-      default: "name"
-    }
-  },
-  data: function data() {
-    return {};
-  },
-  methods: {
-    chooseSenior: function chooseSenior(index) {
-      this.$emit("chooseSenior", index);
-    }
-  },
-  render: function render(h) {
-    var _this = this;
-
-    return h("div", [this.data.length > 0 ? h("div", {
-      "class": bem()
-    }, [h("span", {
-      "class": bem("fill-blur")
-    }), h("div", {
-      "class": bem("indicator-crumb-list")
-    }, [h("span", {
-      "style": {
-        color: '#0091fa'
-      },
-      "on": {
-        "click": function click() {
-          _this.chooseSenior(-1);
-        }
-      }
-    }, ["\u5168\u90E8"]), this.data.map(function (item, index) {
-      return h("div", {
-        "class": bem("crumb-item")
-      }, [h(Icon, {
-        "attrs": {
-          "name": "arrow"
-        },
-        "class": bem("icon-arrow")
-      }), h("span", {
-        "style": {
-          color: index === _this.data.length - 1 ? '' : '#0091fa'
-        },
-        "on": {
-          "click": function click() {
-            _this.chooseSenior(index);
-          }
-        }
-      }, [item[_this.textKey]])]);
-    })]), h("span", {
-      "class": "fill-blur"
-    })]) : h()]);
-  }
-});

package/es/hierarchy-select/hierarchySelect.js

@@ -1,162 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { resetObject } from "../utils/index";
-import { deepClone } from '../utils/deep-clone';
-import Breadcrumb from "./breadcrumb";
-import MarkList from "./markList";
-import Loading from '../loading';
-import Toast from '../toast';
-
-var _createNamespace = createNamespace('hierarchy-select-core'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
-var defaultData = function defaultData() {
-  return {
-    dataList: [],
-    indexTree: [],
-    breadcrumbData: [],
-    callback: null,
-    historyLayers: [],
-    loading: false
-  };
-};
-
-export default createComponent({
-  props: {
-    treeData: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    disableParent: {
-      type: Boolean,
-      default: false
-    },
-    asyncGetter: {
-      type: Function,
-      default: null
-    },
-    multiple: {
-      type: Boolean,
-      default: false
-    },
-    resetReplaceCancel: {
-      type: Boolean,
-      default: false
-    },
-    valueKey: {
-      type: String,
-      default: "id"
-    },
-    textKey: {
-      type: String,
-      default: "name"
-    },
-    returnChainData: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data: function data() {
-    return defaultData();
-  },
-  mounted: function mounted() {
-    // resetObject(this, defaultData())
-    // if (this.$refs.markList) {
-    //   this.$refs.markList.reset()
-    // }
-    this.dataList = deepClone(this.treeData);
-  },
-  methods: {
-    clickNext: function clickNext(obj) {
-      var _this = this;
-
-      var item = obj.item,
-          index = obj.index;
-
-      if (item["children"] && item["children"].length) {
-        this.historyLayers.push(this.dataList);
-        this.breadcrumbData.push(item);
-        this.dataList = item["children"];
-      } else {
-        if (this.asyncGetter) {
-          this.loading = true;
-          this.asyncGetter(item[this.valueKey]).then(function (list) {
-            _this.loading = false;
-
-            if (!list || list.length === 0) {
-              Toast("无下级数据");
-              _this.dataList[index].children = null;
-              return;
-            }
-
-            _this.historyLayers.push(_this.dataList);
-
-            _this.breadcrumbData.push(item);
-
-            _this.dataList = list;
-          }).catch(function () {
-            _this.loading = false;
-          });
-        }
-      }
-    },
-    selected: function selected(item) {
-      var data = deepClone(this.breadcrumbData);
-      data.push(item);
-      this.$emit("selected", this.returnChainData ? data : item);
-    },
-    chooseSenior: function chooseSenior(index) {
-      this.breadcrumbData.splice(index + 1);
-      this.dataList = this.historyLayers[index + 1];
-      this.historyLayers.splice(index + 1);
-    },
-    reset: function reset() {
-      this.$emit("reset");
-    },
-    cancel: function cancel() {
-      this.$emit("cancel");
-    },
-    confirm: function confirm(list) {
-      this.$emit("confirm", list);
-    }
-  },
-  render: function render(h) {
-    return h("div", {
-      "class": bem()
-    }, [h(Breadcrumb, {
-      "attrs": {
-        "data": this.breadcrumbData,
-        "valueKey": this.valueKey,
-        "textKey": this.textKey
-      },
-      "on": {
-        "chooseSenior": this.chooseSenior
-      }
-    }), h("div", {
-      "class": bem("list")
-    }, [this.loading ? h(Loading, {
-      "class": bem('loading')
-    }) : h(), h(MarkList, {
-      "ref": "markList",
-      "attrs": {
-        "dataList": this.dataList,
-        "multiple": this.multiple,
-        "resetReplaceCancel": this.resetReplaceCancel,
-        "disableParent": this.disableParent,
-        "valueKey": this.valueKey,
-        "textKey": this.textKey
-      },
-      "on": {
-        "clickNext": this.clickNext,
-        "selected": this.selected,
-        "cancel": this.cancel,
-        "confirm": this.confirm,
-        "reset": this.reset
-      }
-    })])]);
-  }
-});

package/es/hierarchy-select/index.css

@@ -1 +0,0 @@
-.zt-hierarchy-select__popup{height:100%}.zt-hierarchy-select__popup .zt-hierarchy-select{background-color:#f5f5ff;height:100%}.zt-hierarchy-select__popup .zt-hierarchy-select__title{height:44px;position:relative;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1)}.zt-hierarchy-select__popup .zt-hierarchy-select__title i{font-size:14px;position:absolute;left:15px;top:16px}.zt-hierarchy-select__popup .zt-hierarchy-select__title div{line-height:44px;text-align:center;font-weight:700;font-size:18px;color:#142841}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core .zt-loading{position:absolute;top:50%;left:50%;margin-left:-18px;margin-right:-18px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core__list span{height:24px;font-size:16px;font-family:PingFangSC,PingFangSC-Semibold;font-weight:600;color:#0091fa;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core__list .flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;padding:10px 0;background-color:#fff;margin-bottom:16px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 16px;overflow-x:auto}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list span{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;white-space:nowrap;height:24px;font-size:16px;font-family:PingFangSC,PingFangSC-Regular;text-align:left;color:#000;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list__icon-arrow{margin:0 4px;width:20px;height:20px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__crumb-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__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(#fff))}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__fill-blur:last-child{right:0;top:0;background:-webkit-gradient(linear,right top,left top,from(#fff),to(rgba(255,255,255,0)))}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list{background-color:#fff}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__multiple-button{margin-right:8px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__check-icon{color:#0091fa;font-size:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__uncheck-icon{width:24px;height:24px;border:1px solid rgba(0,0,0,.1);border-radius:50%}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__score-item{position:relative;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;padding:10px 0;background-color:#fff;margin-left:16px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__score-item:after{content:" ";position:absolute;bottom:0;height:1px;width:100%;background-color:rgba(0,0,0,.1);box-shadow:0 0 0 0 #000 inset}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-content{-webkit-box-flex:1;-webkit-flex:1;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}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-content span{color:#0091fa}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-nav{padding:0 16px;border-left:rgba(0,0,0,.1) 1px solid}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level span{color:#0091fa}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level--disable{opacity:.2}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-icon{margin-right:4px;font-size:0;width:20px;height:20px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__result-box{position:fixed;left:0;bottom:0;background:#fff;width:100%}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__result-list{height:160px;box-shadow:0 -4px 8px 0 rgba(0,0,0,.1);border-radius:8px 8px 0 0;padding:12px 16px;font-size:14px;color:#000;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__operate-box{display:-webkit-box;display:-webkit-flex;display:flex;height:44px;line-height:44px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected{border-top:1px solid rgba(0,0,0,.1);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 16px;-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected i{color:#0091fa;font-size:20px;margin-right:4px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected span{font-size:14px;color:rgba(0,0,0,.6)}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected span.zt-hierarchy-mark-list__blue{color:#0091fa;margin-left:8px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__line{width:1px;height:24px;background:rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5);border-top:1px solid rgba(0,0,0,.1)}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__reset-button{width:110px;border-top:1px solid rgba(0,0,0,.1);font-size:16px;color:#000;text-align:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__cancel-button{width:110px;border-top:1px solid rgba(0,0,0,.1);font-size:16px;color:#000;text-align:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__confirm-button{width:110px;border-top:1px solid #0091fa;font-weight:700;font-size:16px;color:#fff;text-align:center;background:#0091fa}

package/es/hierarchy-select/index.js

@@ -1,142 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-
-var _createNamespace = createNamespace('hierarchy-select'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
-import HierarchySelect from './hierarchySelect';
-import Popup from '../popup';
-import { PopupMixin } from '../mixins/popup';
-import Icon from "../icon";
-export default createComponent({
-  mixins: [PopupMixin()],
-  props: {
-    treeData: {
-      type: Array,
-      default: []
-    },
-    disableParent: {
-      type: Boolean,
-      default: false
-    },
-    asyncGetter: {
-      type: Function,
-      default: null
-    },
-    multiple: {
-      type: Boolean,
-      default: false
-    },
-    valueKey: {
-      type: String,
-      default: "id"
-    },
-    textKey: {
-      type: String,
-      default: "name"
-    },
-    title: {
-      type: String,
-      default: "选择"
-    },
-    returnChainData: {
-      type: Boolean,
-      default: false
-    },
-    showTitle: {
-      type: Boolean,
-      default: true
-    },
-    customCancel: {
-      type: Boolean,
-      default: false
-    },
-    resetReplaceCancel: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data: function data() {
-    return {
-      showPicker: false
-    };
-  },
-  methods: {
-    onSelected: function onSelected(item) {
-      this.$emit("selected", item);
-    },
-    show: function show() {
-      this.showPicker = true;
-    },
-    hide: function hide() {
-      this.showPicker = false;
-    },
-    reset: function reset() {
-      this.$emit("reset");
-      this.hide();
-    },
-    cancel: function cancel() {
-      if (this.customCancel) {
-        this.$emit("cancel");
-      } else {
-        this.hide();
-      }
-    },
-    confirm: function confirm(list) {
-      this.$emit("confirm", list);
-    }
-  },
-  render: function render(h) {
-    var _this = this;
-
-    return h(Popup, {
-      "attrs": {
-        "position": "bottom",
-        "closeOnPopstate": true
-      },
-      "class": bem('popup'),
-      "model": {
-        value: _this.showPicker,
-        callback: function callback($$v) {
-          _this.showPicker = $$v;
-        }
-      }
-    }, [h("div", {
-      "class": bem()
-    }, [h("div", {
-      "directives": [{
-        name: "show",
-        value: this.showTitle
-      }],
-      "class": bem("title")
-    }, [h(Icon, {
-      "attrs": {
-        "name": "arrow-left"
-      },
-      "on": {
-        "click": function click() {
-          _this.showPicker = false;
-        }
-      }
-    }), h("div", [this.title])]), h(HierarchySelect, {
-      "attrs": {
-        "treeData": this.treeData,
-        "disableParent": this.disableParent,
-        "asyncGetter": this.asyncGetter,
-        "resetReplaceCancel": this.resetReplaceCancel,
-        "multiple": this.multiple,
-        "valueKey": this.valueKey,
-        "textKey": this.textKey,
-        "returnChainData": this.returnChainData
-      },
-      "on": {
-        "selected": this.onSelected,
-        "cancel": this.cancel,
-        "confirm": this.confirm,
-        "reset": this.reset
-      }
-    })])]);
-  }
-});