zartui 0.1.113 → 3.0.1

package/es/button/index.js

@@ -1,184 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
-// Utils
-import { createNamespace } from '../utils';
-import { emit, inherit } from '../utils/functional';
-import { BORDER_SURROUND } from '../utils/constant';
-import { routeProps, functionalRoute } from '../utils/router';
-import { Telemetry, TelemetryEvent } from "../telemetry"; // Components
-
-import Icon from '../icon';
-import Loading from '../loading'; // Types
-
-var _createNamespace = createNamespace('button'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-function Button(h, props, slots, ctx) {
-  var _ref;
-
-  var tag = props.tag,
-      icon = props.icon,
-      type = props.type,
-      color = props.color,
-      plain = props.plain,
-      disabled = props.disabled,
-      loading = props.loading,
-      hairline = props.hairline,
-      loadingText = props.loadingText,
-      iconPosition = props.iconPosition;
-  var style = {};
-
-  if (color) {
-    style.color = plain ? color : 'white';
-
-    if (!plain) {
-      // Use background instead of backgroundColor to make linear-gradient work
-      style.background = color;
-    } // hide border when color is linear-gradient
-
-
-    if (color.indexOf('gradient') !== -1) {
-      style.border = 0;
-    } else {
-      style.borderColor = color;
-    }
-  }
-
-  function onClick(event) {
-    if (props.loading) {
-      event.preventDefault();
-    }
-
-    if (!loading && !disabled) {
-      emit(ctx, 'click', event);
-      functionalRoute(ctx);
-      var trackEvent = new TelemetryEvent('button', {});
-      Telemetry.sharedInstance.trackClick(trackEvent);
-    }
-  }
-
-  function onTouchstart(event) {
-    emit(ctx, 'touchstart', event);
-  }
-
-  var classes = [bem([type, props.size, {
-    plain: plain,
-    loading: loading,
-    disabled: disabled,
-    hairline: hairline,
-    block: props.block,
-    round: props.round,
-    square: props.square
-  }]), (_ref = {}, _ref[BORDER_SURROUND] = hairline, _ref)];
-
-  function renderIcon() {
-    if (loading) {
-      return slots.loading ? slots.loading() : h(Loading, {
-        "class": bem('loading'),
-        "attrs": {
-          "size": props.loadingSize,
-          "type": props.loadingType,
-          "color": "currentColor"
-        }
-      });
-    }
-
-    if (slots.icon) {
-      return h("div", {
-        "class": bem('icon')
-      }, [slots.icon()]);
-    }
-
-    if (icon) {
-      return h(Icon, {
-        "attrs": {
-          "name": icon,
-          "classPrefix": props.iconPrefix
-        },
-        "class": bem('icon')
-      });
-    }
-  }
-
-  function renderContent() {
-    var content = [];
-
-    if (iconPosition === 'left') {
-      content.push(renderIcon());
-    }
-
-    var text;
-
-    if (loading) {
-      text = loadingText;
-    } else {
-      text = slots.default ? slots.default() : props.text;
-    }
-
-    if (text) {
-      content.push(h("span", {
-        "class": bem('text')
-      }, [text]));
-    }
-
-    if (iconPosition === 'right') {
-      content.push(renderIcon());
-    }
-
-    return content;
-  }
-
-  return h(tag, _mergeJSXProps([{
-    "style": style,
-    "class": classes,
-    "attrs": {
-      "type": props.nativeType,
-      "disabled": disabled
-    },
-    "on": {
-      "click": onClick,
-      "touchstart": onTouchstart
-    }
-  }, inherit(ctx)]), [h("div", {
-    "class": bem('content')
-  }, [renderContent()])]);
-}
-
-Button.props = _extends({}, routeProps, {
-  text: String,
-  icon: String,
-  color: String,
-  block: Boolean,
-  plain: Boolean,
-  round: Boolean,
-  square: Boolean,
-  loading: Boolean,
-  hairline: Boolean,
-  disabled: Boolean,
-  iconPrefix: String,
-  nativeType: String,
-  loadingText: String,
-  loadingType: String,
-  tag: {
-    type: String,
-    default: 'button'
-  },
-  type: {
-    type: String,
-    default: 'default'
-  },
-  size: {
-    type: String,
-    default: 'normal'
-  },
-  loadingSize: {
-    type: String,
-    default: '20px'
-  },
-  iconPosition: {
-    type: String,
-    default: 'left'
-  }
-});
-export default createComponent(Button);

package/es/button/index.less

@@ -1,206 +0,0 @@
-@import '../style/var';
-
-.zt-button {
-  position: relative;
-  display: inline-block;
-  box-sizing: border-box;
-  height: @button-default-height;
-  margin: 0;
-  padding: 0;
-  font-size: @button-default-font-size;
-  line-height: @button-default-line-height;
-  font-family: @base-font-family;
-  font-weight: @base-font-weight;
-  text-align: center;
-  border-radius: @button-border-radius;
-  border-color: @button-default-border-color;
-  cursor: pointer;
-  transition: opacity @animation-duration-fast;
-  -webkit-appearance: none;
-
-  &::before {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 100%;
-    height: 100%;
-    background-color: @black;
-    border: inherit;
-    border-color: @black;
-    border-radius: inherit; /* inherit parent's border radius */
-    transform: translate(-50%, -50%);
-    opacity: 0;
-    content: ' ';
-  }
-
-  &:active::before {
-    opacity: 0.1;
-  }
-
-  &--loading,
-  &--disabled {
-    &::before {
-      display: none;
-    }
-  }
-
-  &--default {
-    color: @button-default-color;
-    background-color: @button-default-background-color;
-    border: @button-border-width solid @button-default-border-color;
-  }
-
-  &--primary {
-    color: @button-primary-color;
-    background-color: @button-primary-background-color;
-    border: @button-border-width solid @button-primary-border-color;
-  }
-
-  &--info {
-    color: @button-info-color;
-    background-color: @button-info-background-color;
-    border: @button-border-width solid @button-info-border-color;
-  }
-
-  &--danger {
-    color: @button-danger-color;
-    background-color: @button-danger-background-color;
-    border: @button-border-width solid @button-danger-border-color;
-  }
-
-  &--warning {
-    color: @button-warning-color;
-    background-color: @button-warning-background-color;
-    border: @button-border-width solid @button-warning-border-color;
-  }
-
-  &--success {
-    color: @button-success-color;
-    background-color: @button-success-background-color;
-    border: @button-border-width solid @button-success-border-color;
-  }
-
-  &--plain {
-    background-color: @button-plain-background-color;
-    font-weight: @plain-font-weight;
-
-    &.zt-button--primary {
-      color: @button-primary-background-color;
-    }
-
-    &.zt-button--info {
-      color: @button-info-background-color;
-    }
-
-    &.zt-button--danger {
-      color: @button-danger-background-color;
-    }
-
-    &.zt-button--warning {
-      color: @button-warning-background-color;
-    }
-
-    &.zt-button--success {
-      color: @button-success-background-color;
-    }
-  }
-
-  &--large {
-    width: 100%;
-    height: @button-large-height;
-  }
-
-  &--normal {
-    padding: 0 16px;
-    font-size: @button-normal-font-size;
-  }
-
-  &--small {
-    height: @button-small-height;
-    padding: 0 @padding-xs;
-    font-size: @button-small-font-size;
-  }
-
-  &__loading {
-    color: inherit;
-    font-size: inherit;
-  }
-
-  &--mini {
-    height: @button-mini-height;
-    padding: 0 @padding-xs;
-    font-size: @button-mini-font-size;
-    font-weight: @plain-font-weight;
-    border-radius: @border-radius-sm;
-
-    & + .zt-button--mini {
-      margin-left: @padding-base;
-    }
-  }
-
-  &--block {
-    display: block;
-    width: 100%;
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-    opacity: @button-disabled-opacity;
-  }
-
-  &--loading {
-    cursor: default;
-  }
-
-  &--round {
-    border-radius: @button-round-border-radius;
-  }
-
-  &--square {
-    border-radius: 0;
-  }
-
-  // align-items are ignored when flex container is a button in legacy safari
-  // see: https://bugs.webkit.org/show_bug.cgi?id=169700
-  &__content {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-
-    // fix icon vertical align
-    // see: https://github.com/youzan/vant/issues/7617
-    &::before {
-      content: ' ';
-    }
-  }
-
-  &__icon {
-    font-size: 1.2em;
-    line-height: inherit;
-  }
-
-  &__icon + &__text,
-  &__loading + &__text,
-  &__text + &__icon,
-  &__text + &__loading {
-    margin-left: @padding-base;
-  }
-
-  &--hairline {
-    border-width: 0;
-
-    &::after {
-      border-color: inherit;
-      border-radius: @button-border-radius * 2;
-    }
-
-    &.zt-button--round::after {
-      border-radius: @button-round-border-radius;
-    }
-
-    &.zt-button--square::after {
-      border-radius: 0;
-    }
-  }
-}

package/es/button/style/index.js

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

package/es/button/style/less.js

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

package/es/calendar/components/Header.js

@@ -1,62 +0,0 @@
-import { createNamespace } from '../../utils';
-import { t, bem } from '../utils';
-
-var _createNamespace = createNamespace('calendar-header'),
-    createComponent = _createNamespace[0];
-
-export default createComponent({
-  props: {
-    color: String,
-    title: String,
-    subtitle: String,
-    showTitle: Boolean,
-    showSubtitle: Boolean,
-    firstDayOfWeek: Number
-  },
-  methods: {
-    genTitle: function genTitle() {
-      var h = this.$createElement;
-
-      if (this.showTitle) {
-        var title = this.slots('title') || this.title || t('title');
-        return h("div", {
-          "class": bem('header-title')
-        }, [h("span", {
-          "class": "hint-block",
-          "style": {
-            "background": this.color
-          }
-        }), title]);
-      }
-    },
-    genSubtitle: function genSubtitle() {
-      var h = this.$createElement;
-
-      if (this.showSubtitle) {
-        return h("div", {
-          "class": bem('header-subtitle')
-        }, [this.subtitle]);
-      }
-    },
-    genWeekDays: function genWeekDays() {
-      var h = this.$createElement;
-      var weekdays = t('weekdays'); // console.log(" weekdays " + JSON.stringify(weekdays));
-
-      var firstDayOfWeek = this.firstDayOfWeek;
-      var renderWeekDays = [].concat(weekdays.slice(firstDayOfWeek, 7), weekdays.slice(0, firstDayOfWeek));
-      return h("div", {
-        "class": bem('weekdays')
-      }, [renderWeekDays.map(function (item) {
-        return h("span", {
-          "class": bem('weekday')
-        }, [item]);
-      })]);
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("div", {
-      "class": bem('header')
-    }, [this.genTitle(), this.genSubtitle(), this.genWeekDays()]);
-  }
-});