zartui 0.1.113 → 3.0.1

package/es/cascader/style/index.js

@@ -1,8 +0,0 @@
-import '../../style/base.css';
-import '../../info/index.css';
-import '../../icon/index.css';
-import '../../tab/index.css';
-import '../../sticky/index.css';
-import '../../tabs/index.css';
-import '../../divider/index.css';
-import '../index.css';

package/es/cascader/style/less.js

@@ -1,8 +0,0 @@
-import '../../style/base.less';
-import '../../info/index.less';
-import '../../icon/index.less';
-import '../../tab/index.less';
-import '../../sticky/index.less';
-import '../../tabs/index.less';
-import '../../divider/index.less';
-import '../index.less';

package/es/cell/index.js

@@ -1,137 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
-// Utils
-import { createNamespace, isDef } from '../utils';
-import { emit, inherit } from '../utils/functional';
-import { routeProps, functionalRoute } from '../utils/router';
-import { cellProps } from './shared'; // Components
-
-import Icon from '../icon'; // Types
-
-var _createNamespace = createNamespace('cell'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-function Cell(h, props, slots, ctx) {
-  var _props$clickable;
-
-  var icon = props.icon,
-      size = props.size,
-      title = props.title,
-      label = props.label,
-      value = props.value,
-      isLink = props.isLink,
-      placeholder = props.placeholder;
-  var showTitle = slots.title || isDef(title);
-
-  function Label() {
-    var showLabel = slots.label || isDef(label);
-
-    if (showLabel) {
-      return h("div", {
-        "class": [bem('label'), props.labelClass]
-      }, [slots.label ? slots.label() : label]);
-    }
-  }
-
-  function Title() {
-    if (showTitle) {
-      return h("div", {
-        "class": [bem('title'), props.titleClass],
-        "style": props.titleStyle
-      }, [slots.title ? slots.title() : h("span", [title]), Label(), props.required ? h("span", {
-        "style": "color:#ff5023;margin-left:4px;"
-      }, ["*"]) : ""]);
-    }
-  }
-
-  function PlaceholderSpan() {
-    if (placeholder !== "" && typeof placeholder !== "undefined") {
-      return h("span", {
-        "class": [bem('placeholder')]
-      }, [placeholder || ""]);
-    } else {
-      return h();
-    }
-  }
-
-  function Value() {
-    var showValue = slots.default || isDef(value);
-
-    if (showValue) {
-      return h("div", {
-        "class": [bem('value', {
-          alone: !showTitle
-        }), props.valueClass]
-      }, [slots.default ? slots.default() : value !== "" ? h("span", [value]) : PlaceholderSpan()]);
-    } else {
-      return PlaceholderSpan();
-    }
-  }
-
-  function LeftIcon() {
-    if (slots.icon) {
-      return slots.icon();
-    }
-
-    if (icon) {
-      return h(Icon, {
-        "class": bem('left-icon'),
-        "attrs": {
-          "name": icon,
-          "classPrefix": props.iconPrefix
-        }
-      });
-    }
-  }
-
-  function RightIcon() {
-    var rightIconSlot = slots['right-icon'];
-
-    if (rightIconSlot) {
-      return rightIconSlot();
-    }
-
-    if (isLink) {
-      var arrowDirection = props.arrowDirection;
-      return h(Icon, {
-        "class": bem('right-icon'),
-        "attrs": {
-          "name": arrowDirection ? "arrow-" + arrowDirection : 'arrow'
-        }
-      });
-    }
-  }
-
-  function onClick(event) {
-    emit(ctx, 'click', event);
-    functionalRoute(ctx);
-  }
-
-  var clickable = (_props$clickable = props.clickable) != null ? _props$clickable : isLink;
-  var classes = {
-    clickable: clickable,
-    center: props.center,
-    // required: props.required,
-    borderless: !props.border,
-    noFlex: props.noFlex
-  };
-
-  if (size) {
-    classes[size] = size;
-  }
-
-  return h("div", _mergeJSXProps([{
-    "class": bem(classes),
-    "attrs": {
-      "role": clickable ? 'button' : null,
-      "tabindex": clickable ? 0 : null
-    },
-    "on": {
-      "click": onClick
-    }
-  }, inherit(ctx)]), [LeftIcon(), Title(), Value(), RightIcon(), slots.extra == null ? void 0 : slots.extra()]);
-}
-
-Cell.props = _extends({}, cellProps, routeProps);
-export default createComponent(Cell);

package/es/cell/index.less

@@ -1,107 +0,0 @@
-@import '../style/var';
-@import '../style/mixins/hairline';
-
-.zt-cell {
-  position: relative;
-  display: flex;
-  box-sizing: border-box;
-  width: 100%;
-  padding: @cell-vertical-padding @cell-horizontal-padding;
-  overflow: hidden;
-  color: @cell-text-color;
-  font-size: @cell-font-size;
-  line-height: @cell-line-height;
-  background-color: @cell-background-color;
-
-  &--noFlex {
-    display: block;
-    .zt-cell__title {
-      margin-bottom: 10px;
-      width: 100%;
-      max-width: 100%;
-    }
-  }
-
-  &::after {
-    .hairline-bottom(@cell-border-color, @padding-md, );
-  }
-
-  &:last-child::after,
-  &--borderless::after {
-    display: none;
-  }
-
-  &__label {
-    margin-top: @cell-label-margin-top;
-    color: @cell-label-color;
-    font-size: @cell-label-font-size;
-    line-height: @cell-label-line-height;
-  }
-
-  &__title,
-  &__value {
-    flex: 1;
-  }
-
-  &__placeholder {
-    color: @field-placeholder-text-color;
-    flex: 1;
-    text-align: right;
-  }
-
-  &__value {
-    position: relative;
-    overflow: hidden;
-    color: @cell-value-color;
-    text-align: right;
-    vertical-align: middle;
-    word-wrap: break-word;
-
-    &--alone {
-      color: @text-color;
-      text-align: left;
-    }
-  }
-
-  &__left-icon,
-  &__right-icon {
-    height: @cell-line-height;
-    font-size: @cell-icon-size;
-    line-height: @cell-line-height;
-  }
-
-  &__left-icon {
-    margin-right: @padding-base;
-  }
-
-  &__right-icon {
-    margin: auto 0;
-    margin-left: @padding-base;
-    color: @cell-right-icon-color;
-  }
-
-  &--clickable {
-    cursor: pointer;
-
-    &:active {
-      background-color: @cell-active-color;
-    }
-  }
-  
-  &--center {
-    align-items: center;
-  }
-
-  &--large {
-    padding-top: @cell-large-vertical-padding;
-    padding-bottom: @cell-large-vertical-padding;
-
-    .zt-cell__title {
-      font-size: @cell-large-title-font-size;
-    }
-
-    .zt-cell__label {
-      font-size: @cell-large-label-font-size;
-    }
-  }
-}

package/es/cell/shared.js

@@ -1,29 +0,0 @@
-export var cellProps = {
-  icon: String,
-  size: String,
-  center: Boolean,
-  isLink: Boolean,
-  required: Boolean,
-  noFlex: Boolean,
-  iconPrefix: String,
-  titleStyle: null,
-  titleClass: null,
-  valueClass: null,
-  labelClass: null,
-  title: [Number, String],
-  value: [Number, String],
-  label: [Number, String],
-  arrowDirection: String,
-  border: {
-    type: Boolean,
-    default: true
-  },
-  clickable: {
-    type: Boolean,
-    default: null
-  },
-  placeholder: {
-    type: String,
-    value: ""
-  }
-};

package/es/cell/style/index.js

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

package/es/cell/style/less.js

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

package/es/cell-group/index.css

@@ -1 +0,0 @@
-.zt-cell-group{background-color:#fff}.zt-cell-group--inset{margin:0 16px;overflow:hidden;border-radius:8px}.zt-cell-group__title{padding:16px 16px 8px;color:#969799;font-size:14px;line-height:16px}.zt-cell-group__title--inset{padding:16px 16px 8px 32px}

package/es/cell-group/index.js

@@ -1,41 +0,0 @@
-import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
-// Utils
-import { createNamespace } from '../utils';
-import { inherit } from '../utils/functional';
-import { BORDER_TOP_BOTTOM } from '../utils/constant'; // Types
-
-var _createNamespace = createNamespace('cell-group'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-function CellGroup(h, props, slots, ctx) {
-  var _ref;
-
-  var Group = h("div", _mergeJSXProps([{
-    "class": [bem({
-      inset: props.inset
-    }), (_ref = {}, _ref[BORDER_TOP_BOTTOM] = props.border, _ref)]
-  }, inherit(ctx, true)]), [slots.default == null ? void 0 : slots.default()]);
-
-  if (props.title || slots.title) {
-    return h("div", {
-      "key": ctx.data.key
-    }, [h("div", {
-      "class": bem('title', {
-        inset: props.inset
-      })
-    }, [slots.title ? slots.title() : props.title]), Group]);
-  }
-
-  return Group;
-}
-
-CellGroup.props = {
-  title: String,
-  inset: Boolean,
-  border: {
-    type: Boolean,
-    default: true
-  }
-};
-export default createComponent(CellGroup);

package/es/cell-group/index.less

@@ -1,22 +0,0 @@
-@import '../style/var';
-
-.zt-cell-group {
-  background-color: @cell-group-background-color;
-
-  &--inset {
-    margin: @cell-group-inset-padding;
-    overflow: hidden;
-    border-radius: @cell-group-inset-border-radius;
-  }
-
-  &__title {
-    padding: @cell-group-title-padding;
-    color: @cell-group-title-color;
-    font-size: @cell-group-title-font-size;
-    line-height: @cell-group-title-line-height;
-
-    &--inset {
-      padding: @cell-group-inset-title-padding;
-    }
-  }
-}

package/es/cell-group/style/index.js

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

package/es/cell-group/style/less.js

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

package/es/checkbox/index.css

@@ -1 +0,0 @@
-.zt-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 0}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-left:12px}.zt-checkbox__icon{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:1em;font-size:24px;line-height:1em;cursor:pointer}.zt-checkbox__icon i,.zt-checkbox__icon img{-webkit-transform:scale(.8333);transform:scale(.8333);-webkit-transform-origin:center;transform-origin:center}.zt-checkbox__icon .zt-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid #c8c9cc;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.zt-checkbox__icon--round .zt-icon{border-radius:100%}.zt-checkbox__icon--checked .zt-icon{color:#fff;background-color:#0091fa;border-color:#0091fa}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{background-color:rgba(0,0,0,.1);border-color:#c8c9cc}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:.4;background-color:#0091fa;color:#fff}.zt-checkbox__label{margin-left:8px;color:#000;line-height:24px}.zt-checkbox__label--left{margin:0 8px 0 0}.zt-checkbox__label--disabled{color:#c8c9cc}

package/es/checkbox/index.js

@@ -1,80 +0,0 @@
-import { createNamespace } from '../utils';
-import { CheckboxMixin } from '../mixins/checkbox';
-
-var _createNamespace = createNamespace('checkbox'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [CheckboxMixin({
-    bem: bem,
-    role: 'checkbox',
-    parent: 'vanCheckbox'
-  })],
-  computed: {
-    checked: {
-      get: function get() {
-        if (this.parent) {
-          return this.parent.value && this.parent.value.indexOf(this.name) !== -1;
-        }
-
-        return this.value;
-      },
-      set: function set(val) {
-        if (this.parent) {
-          this.setParentValue(val);
-        } else {
-          this.$emit('input', val);
-        }
-      }
-    }
-  },
-  watch: {
-    value: function value(val) {
-      this.$emit('change', val);
-    }
-  },
-  methods: {
-    // @exposed-api
-    toggle: function toggle(checked) {
-      var _this = this;
-
-      if (checked === void 0) {
-        checked = !this.checked;
-      }
-
-      // When toggle method is called multiple times at the same time,
-      // only the last call is valid.
-      // This is a hack for usage inside Cell.
-      clearTimeout(this.toggleTask);
-      this.toggleTask = setTimeout(function () {
-        _this.checked = checked;
-      });
-    },
-    setParentValue: function setParentValue(val) {
-      var parent = this.parent;
-      var value = parent.value.slice();
-
-      if (val) {
-        if (parent.max && value.length >= parent.max) {
-          return;
-        }
-        /* istanbul ignore else */
-
-
-        if (value.indexOf(this.name) === -1) {
-          value.push(this.name);
-          parent.$emit('input', value);
-        }
-      } else {
-        var index = value.indexOf(this.name);
-        /* istanbul ignore else */
-
-        if (index !== -1) {
-          value.splice(index, 1);
-          parent.$emit('input', value);
-        }
-      }
-    }
-  }
-});

package/es/checkbox/index.less

@@ -1,93 +0,0 @@
-@import '../style/var';
-
-.zt-checkbox {
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  cursor: pointer;
-  user-select: none;
-  padding: @checkbox-padding;
-
-  &--disabled {
-    cursor: not-allowed;
-  }
-
-  &--label-disabled {
-    cursor: default;
-  }
-
-  &--horizontal {
-    margin-left: @padding-sm;
-  }
-
-  &__icon {
-    flex: none;
-    height: 1em;
-    font-size: @checkbox-size;
-    line-height: 1em;
-    cursor: pointer;
-    i, img {
-      transform: scale(0.8333);
-      transform-origin: center;
-    }
-
-    .zt-icon {
-      display: block;
-      box-sizing: border-box;
-      width: 1.25em;
-      height: 1.25em;
-      color: transparent;
-      font-size: 0.8em;
-      line-height: 1.25;
-      text-align: center;
-      border: 1px solid @checkbox-border-color;
-      transition-duration: @checkbox-transition-duration;
-      transition-property: color, border-color, background-color;
-    }
-
-    &--round {
-      .zt-icon {
-        border-radius: 100%;
-      }
-    }
-
-    &--checked {
-      .zt-icon {
-        color: @white;
-        background-color: @checkbox-checked-icon-color;
-        border-color: @checkbox-checked-icon-color;
-      }
-    }
-
-    &--disabled {
-      cursor: not-allowed;
-
-      .zt-icon {
-        background-color: @checkbox-disabled-background-color;
-        border-color: @checkbox-disabled-icon-color;
-      }
-    }
-
-    &--disabled&--checked {
-      .zt-icon {
-        opacity: .4;
-        background-color: @checkbox-checked-icon-color;
-        color: @white;
-      }
-    }
-  }
-
-  &__label {
-    margin-left: @checkbox-label-margin;
-    color: @black;
-    line-height: @checkbox-size;
-
-    &--left {
-      margin: 0 @checkbox-label-margin 0 0;
-    }
-
-    &--disabled {
-      color: @checkbox-disabled-label-color;
-    }
-  }
-}

package/es/checkbox/style/index.js

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

package/es/checkbox/style/less.js

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

package/es/checkbox-group/index.css

@@ -1 +0,0 @@
-.zt-checkbox-group--horizontal{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}

package/es/checkbox-group/index.js

@@ -1,64 +0,0 @@
-import { createNamespace } from '../utils';
-import { FieldMixin } from '../mixins/field';
-import { ParentMixin } from '../mixins/relation';
-
-var _createNamespace = createNamespace('checkbox-group'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [ParentMixin('vanCheckbox'), FieldMixin],
-  props: {
-    max: [Number, String],
-    disabled: Boolean,
-    direction: String,
-    iconSize: [Number, String],
-    checkedColor: String,
-    value: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    }
-  },
-  watch: {
-    value: function value(val) {
-      this.$emit('change', val);
-    }
-  },
-  methods: {
-    // @exposed-api
-    toggleAll: function toggleAll(options) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (typeof options === 'boolean') {
-        options = {
-          checked: options
-        };
-      }
-
-      var _options = options,
-          checked = _options.checked,
-          skipDisabled = _options.skipDisabled;
-      var children = this.children.filter(function (item) {
-        if (item.disabled && skipDisabled) {
-          return item.checked;
-        }
-
-        return checked != null ? checked : !item.checked;
-      });
-      var names = children.map(function (item) {
-        return item.name;
-      });
-      this.$emit('input', names);
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("div", {
-      "class": bem([this.direction])
-    }, [this.slots()]);
-  }
-});

package/es/checkbox-group/index.less

@@ -1,8 +0,0 @@
-@import '../style/var';
-
-.zt-checkbox-group {
-  &--horizontal {
-    display: flex;
-    flex-wrap: wrap;
-  }
-}

package/es/checkbox-group/style/index.js

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

package/es/checkbox-group/style/less.js

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