zartui 0.1.111 → 3.0.1

package/es/rate/index.js

@@ -1,227 +0,0 @@
-// Utils
-import { createNamespace, addUnit } from '../utils';
-import { preventDefault } from '../utils/dom/event'; // Mixins
-
-import { TouchMixin } from '../mixins/touch';
-import { FieldMixin } from '../mixins/field'; // Components
-
-import Icon from '../icon';
-
-var _createNamespace = createNamespace('rate'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-function getRateStatus(value, index, allowHalf) {
-  if (value >= index) {
-    return 'full';
-  }
-
-  if (value + 0.5 >= index && allowHalf) {
-    return 'half';
-  }
-
-  return 'void';
-}
-
-export default createComponent({
-  mixins: [TouchMixin, FieldMixin],
-  props: {
-    size: [Number, String],
-    color: String,
-    gutter: [Number, String],
-    readonly: Boolean,
-    disabled: Boolean,
-    allowHalf: Boolean,
-    voidColor: String,
-    iconPrefix: String,
-    disabledColor: String,
-    value: {
-      type: Number,
-      default: 0
-    },
-    icon: {
-      type: String,
-      default: 'star'
-    },
-    voidIcon: {
-      type: String,
-      default: 'star'
-    },
-    count: {
-      type: [Number, String],
-      default: 5
-    },
-    touchable: {
-      type: Boolean,
-      default: true
-    }
-  },
-  computed: {
-    list: function list() {
-      var list = [];
-
-      for (var i = 1; i <= this.count; i++) {
-        list.push(getRateStatus(this.value, i, this.allowHalf));
-      }
-
-      return list;
-    },
-    sizeWithUnit: function sizeWithUnit() {
-      return addUnit(this.size);
-    },
-    gutterWithUnit: function gutterWithUnit() {
-      return addUnit(this.gutter);
-    }
-  },
-  mounted: function mounted() {
-    this.bindTouchEvent(this.$el);
-  },
-  methods: {
-    select: function select(index) {
-      if (!this.disabled && !this.readonly && index !== this.value) {
-        this.$emit('input', index);
-        this.$emit('change', index);
-      }
-    },
-    onTouchStart: function onTouchStart(event) {
-      var _this = this;
-
-      if (this.readonly || this.disabled || !this.touchable) {
-        return;
-      }
-
-      this.touchStart(event);
-      var rects = this.$refs.items.map(function (item) {
-        return item.getBoundingClientRect();
-      });
-      var ranges = [];
-      rects.forEach(function (rect, index) {
-        if (_this.allowHalf) {
-          ranges.push({
-            score: index + 0.5,
-            left: rect.left
-          }, {
-            score: index + 1,
-            left: rect.left + rect.width / 2
-          });
-        } else {
-          ranges.push({
-            score: index + 1,
-            left: rect.left
-          });
-        }
-      });
-      this.ranges = ranges;
-    },
-    onTouchMove: function onTouchMove(event) {
-      if (this.readonly || this.disabled || !this.touchable) {
-        return;
-      }
-
-      this.touchMove(event);
-
-      if (this.direction === 'horizontal') {
-        preventDefault(event);
-        var clientX = event.touches[0].clientX;
-        this.select(this.getScoreByPosition(clientX));
-      }
-    },
-    getScoreByPosition: function getScoreByPosition(x) {
-      for (var i = this.ranges.length - 1; i > 0; i--) {
-        if (x > this.ranges[i].left) {
-          return this.ranges[i].score;
-        }
-      }
-
-      return this.allowHalf ? 0.5 : 1;
-    },
-    genStar: function genStar(status, index) {
-      var _this2 = this;
-
-      var h = this.$createElement;
-      var icon = this.icon,
-          color = this.color,
-          count = this.count,
-          voidIcon = this.voidIcon,
-          disabled = this.disabled,
-          voidColor = this.voidColor,
-          disabledColor = this.disabledColor;
-      var score = index + 1;
-      var isFull = status === 'full';
-      var isVoid = status === 'void';
-      var style;
-
-      if (this.gutterWithUnit && score !== +count) {
-        style = {
-          paddingRight: this.gutterWithUnit
-        };
-      }
-
-      return h("div", {
-        "ref": "items",
-        "refInFor": true,
-        "key": index,
-        "attrs": {
-          "role": "radio",
-          "tabindex": "0",
-          "aria-setsize": count,
-          "aria-posinset": score,
-          "aria-checked": String(!isVoid)
-        },
-        "style": style,
-        "class": bem('item')
-      }, [h(Icon, {
-        "attrs": {
-          "size": this.sizeWithUnit,
-          "name": isFull ? icon : voidIcon,
-          "color": disabled ? disabledColor : isFull ? color : voidColor,
-          "classPrefix": this.iconPrefix,
-          "data-score": score
-        },
-        "class": bem('icon', {
-          disabled: disabled,
-          full: isFull
-        }),
-        "on": {
-          "click": function click() {
-            _this2.select(score);
-          }
-        }
-      }), this.allowHalf && h(Icon, {
-        "attrs": {
-          "size": this.sizeWithUnit,
-          "name": isVoid ? voidIcon : icon,
-          "color": disabled ? disabledColor : isVoid ? voidColor : color,
-          "classPrefix": this.iconPrefix,
-          "data-score": score - 0.5
-        },
-        "class": bem('icon', ['half', {
-          disabled: disabled,
-          full: !isVoid
-        }]),
-        "on": {
-          "click": function click() {
-            _this2.select(score - 0.5);
-          }
-        }
-      })]);
-    }
-  },
-  render: function render() {
-    var _this3 = this;
-
-    var h = arguments[0];
-    return h("div", {
-      "class": bem({
-        readonly: this.readonly,
-        disabled: this.disabled
-      }),
-      "attrs": {
-        "tabindex": "0",
-        "role": "radiogroup"
-      }
-    }, [this.list.map(function (status, index) {
-      return _this3.genStar(status, index);
-    })]);
-  }
-});

package/es/rate/index.less

@@ -1,47 +0,0 @@
-@import '../style/var';
-
-.zt-rate {
-  display: inline-flex;
-  flex-wrap: wrap;
-  cursor: pointer;
-  user-select: none;
-
-  &__item {
-    position: relative;
-
-    &:not(:last-child) {
-      padding-right: @rate-icon-gutter;
-    }
-  }
-
-  &__icon {
-    display: block;
-    width: 1em;
-    color: @rate-icon-void-color;
-    font-size: @rate-icon-size;
-
-    &--half {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 0.5em;
-      overflow: hidden;
-    }
-
-    &--full {
-      color: @rate-icon-full-color;
-    }
-
-    &--disabled {
-      color: @rate-icon-disabled-color;
-    }
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-  }
-
-  &--readonly {
-    cursor: default;
-  }
-}

package/es/rate/style/index.js

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

package/es/rate/style/less.js

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

package/es/row/index.js

@@ -1,85 +0,0 @@
-import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
-
-var _createNamespace = createNamespace('row'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [ParentMixin('ztRow')],
-  props: {
-    type: String,
-    align: String,
-    justify: String,
-    tag: {
-      type: String,
-      default: 'div'
-    },
-    gutter: {
-      type: [Number, String],
-      default: 0
-    }
-  },
-  computed: {
-    spaces: function spaces() {
-      var gutter = Number(this.gutter);
-
-      if (!gutter) {
-        return;
-      }
-
-      var spaces = [];
-      var groups = [[]];
-      var totalSpan = 0;
-      this.children.forEach(function (item, index) {
-        totalSpan += Number(item.span);
-
-        if (totalSpan > 24) {
-          groups.push([index]);
-          totalSpan -= 24;
-        } else {
-          groups[groups.length - 1].push(index);
-        }
-      });
-      groups.forEach(function (group) {
-        var averagePadding = gutter * (group.length - 1) / group.length;
-        group.forEach(function (item, index) {
-          if (index === 0) {
-            spaces.push({
-              right: averagePadding
-            });
-          } else {
-            var left = gutter - spaces[item - 1].right;
-            var right = averagePadding - left;
-            spaces.push({
-              left: left,
-              right: right
-            });
-          }
-        });
-      });
-      return spaces;
-    }
-  },
-  methods: {
-    onClick: function onClick(event) {
-      this.$emit('click', event);
-    }
-  },
-  render: function render() {
-    var _bem;
-
-    var h = arguments[0];
-    var align = this.align,
-        justify = this.justify;
-    var flex = this.type === 'flex';
-    return h(this.tag, {
-      "class": bem((_bem = {
-        flex: flex
-      }, _bem["align-" + align] = flex && align, _bem["justify-" + justify] = flex && justify, _bem)),
-      "on": {
-        "click": this.onClick
-      }
-    }, [this.slots()]);
-  }
-});

package/es/row/index.less

@@ -1,42 +0,0 @@
-@import '../style/var';
-
-.zt-row {
-  &::after {
-    display: table;
-    clear: both;
-    content: '';
-  }
-
-  &--flex {
-    display: flex;
-    flex-wrap: wrap;
-
-    &::after {
-      display: none;
-    }
-  }
-
-  &--justify-center {
-    justify-content: center;
-  }
-
-  &--justify-end {
-    justify-content: flex-end;
-  }
-
-  &--justify-space-between {
-    justify-content: space-between;
-  }
-
-  &--justify-space-around {
-    justify-content: space-around;
-  }
-
-  &--align-center {
-    align-items: center;
-  }
-
-  &--align-bottom {
-    align-items: flex-end;
-  }
-}

package/es/row/style/index.js

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

package/es/row/style/less.js

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

package/es/search/index.css

@@ -1 +0,0 @@
-.zt-search{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;padding:8px 16px;background-color:#fff}.zt-search__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:rgba(0,0,0,.04);border:0 solid rgba(0,0,0,.06);border-radius:2px}.zt-search__content--round{border-radius:999px}.zt-search__label{padding:4px 0 4px 8px;color:rgba(0,0,0,.6);font-family:PingFangSC-Semibold;font-weight:400;font-size:14px;line-height:20px}.zt-search .zt-field__root{background-color:transparent;padding:0}.zt-search .zt-cell{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:4px 8px;background-color:transparent;line-height:20px;font-size:14px;font-family:PingFangSC-Regular;font-weight:400}.zt-search .zt-cell__left-icon{color:#969799}.zt-search .zt-field{margin:0}.zt-search .zt-field__control{color:#000}.zt-search--show-action{padding-right:0}.zt-search input{caret-color:#0091fa}.zt-search input::-webkit-search-cancel-button,.zt-search input::-webkit-search-decoration,.zt-search input::-webkit-search-results-button,.zt-search input::-webkit-search-results-decoration{display:none}.zt-search__action{padding:0 16px;color:#0091fa;font-size:16px;font-family:PingFangSC-Semibold;height:28px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-search__action:active{background-color:rgba(0,0,0,.04)}

package/es/search/index.js

@@ -1,117 +0,0 @@
-import _mergeJSXProps2 from "@vue/babel-helper-vue-jsx-merge-props";
-import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
-import _extends from "@babel/runtime/helpers/esm/extends";
-// Utils
-import { createNamespace } from '../utils';
-import { inherit, emit } from '../utils/functional';
-import { preventDefault } from '../utils/dom/event'; // Components
-
-import Field from '../field'; // Types
-
-var _createNamespace = createNamespace('search'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
-function Search(h, props, slots, ctx) {
-  function Label() {
-    if (slots.label || props.label) {
-      return h("div", {
-        "class": bem('label')
-      }, [slots.label ? slots.label() : props.label]);
-    }
-  }
-
-  function Action() {
-    if (!props.showAction) {
-      return;
-    }
-
-    function onActionSearch() {
-      if (slots.action) {
-        return;
-      }
-
-      emit(ctx, 'search', props.value);
-    }
-
-    return h("div", {
-      "class": bem('action'),
-      "attrs": {
-        "role": "button",
-        "tabindex": "0"
-      },
-      "on": {
-        "click": onActionSearch
-      }
-    }, [slots.action ? slots.action() : props.actionText || t('search')]);
-  }
-
-  var fieldData = {
-    attrs: ctx.data.attrs,
-    on: _extends({}, ctx.listeners, {
-      keypress: function keypress(event) {
-        // press enter
-        if (event.keyCode === 13) {
-          preventDefault(event);
-          emit(ctx, 'search', props.value);
-        }
-
-        emit(ctx, 'keypress', event);
-      }
-    })
-  };
-  var inheritData = inherit(ctx);
-  inheritData.attrs = undefined;
-  return h("div", _mergeJSXProps2([{
-    "class": bem({
-      'show-action': props.showAction
-    }),
-    "style": {
-      background: props.background
-    }
-  }, inheritData]), [slots.left == null ? void 0 : slots.left(), h("div", {
-    "class": bem('content', props.shape),
-    "style": {
-      background: props.inputBackgound
-    }
-  }, [Label(), h(Field, _mergeJSXProps([{
-    "attrs": {
-      "type": "search",
-      "border": false,
-      "value": props.value,
-      "leftIcon": props.leftIcon,
-      "rightIcon": props.rightIcon,
-      "clearable": props.clearable,
-      "clearTrigger": props.clearTrigger
-    },
-    "scopedSlots": {
-      'left-icon': slots['left-icon'],
-      'right-icon': slots['right-icon']
-    }
-  }, fieldData]))]), Action()]);
-}
-
-Search.props = {
-  value: String,
-  label: String,
-  rightIcon: String,
-  actionText: String,
-  background: String,
-  inputBackgound: String,
-  showAction: Boolean,
-  clearTrigger: String,
-  shape: {
-    type: String,
-    default: 'square'
-  },
-  clearable: {
-    type: Boolean,
-    default: true
-  },
-  leftIcon: {
-    type: String,
-    default: 'zt-search'
-  }
-};
-export default createComponent(Search);

package/es/search/index.less

@@ -1,89 +0,0 @@
-@import '../style/var';
-
-.zt-search {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: @search-padding;
-  background-color: @search-background-color;
-
-  &__content {
-    display: flex;
-    flex: 1;
-    background-color: @search-content-background-color;
-    border: 0 solid rgba(0,0,0,0.06);
-    border-radius: @border-radius-sm;
-
-    &--round {
-      border-radius: @border-radius-max;
-    }
-  }
-
-  &__label {
-    padding: @search-label-padding;
-    color: @search-label-color;
-    font-family: PingFangSC-Semibold;
-    font-weight: 400;
-    font-size: @search-label-font-size;
-    line-height: @search-input-height;
-  }
-
-  .zt-field__root {
-    background-color: transparent;
-    padding: 0;
-  }
-
-  .zt-cell {
-    flex: 1;
-    padding: 4px @padding-xs;
-    background-color: transparent;
-    line-height: @search-input-height;
-    font-size: @font-size-md;
-    font-family: PingFangSC-Regular;
-    font-weight: 400;
-    &__left-icon {
-      color: @search-left-icon-color;
-    }
-  }
-
-  .zt-field {
-    margin: 0
-  }
-
-  .zt-field__control {
-    color: rgba(0, 0, 0, 1);
-  }
-
-  &--show-action {
-    padding-right: 0;
-  }
-
-  input {
-    &::-webkit-search-decoration,
-    &::-webkit-search-cancel-button,
-    &::-webkit-search-results-button,
-    &::-webkit-search-results-decoration {
-      display: none;
-    }
-
-    caret-color:@search-input-caret-color;
-  }
-
-  &__action {
-    padding: @search-action-padding;
-    color: @search-action-text-color;
-    font-size: @search-action-font-size;
-    font-family: PingFangSC-Semibold;
-    height: @search-action-height;
-    font-weight: 600;
-    cursor: pointer;
-    user-select: none;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    &:active {
-      background-color: @active-color;
-    }
-  }
-}

package/es/search/style/index.js

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

package/es/search/style/less.js

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