zartui 0.1.113 → 3.0.1

package/lib/datetime-picker/style/less.js

@@ -1,7 +0,0 @@
-require('../../style/base.less');
-require('../../overlay/index.less');
-require('../../info/index.less');
-require('../../icon/index.less');
-require('../../popup/index.less');
-require('../../loading/index.less');
-require('../../picker/index.less');

package/lib/datetime-picker/utils.js

@@ -1,39 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.times = times;
-exports.getTrueValue = getTrueValue;
-exports.getMonthEndDay = getMonthEndDay;
-
-var _number = require("../utils/validate/number");
-
-function times(n, iteratee) {
-  var index = -1;
-  var result = Array(n);
-
-  while (++index < n) {
-    result[index] = iteratee(index);
-  }
-
-  return result;
-}
-
-function getTrueValue(value) {
-  if (!value) {
-    return 0;
-  }
-
-  while ((0, _number.isNaN)(parseInt(value, 10))) {
-    if (value.length > 1) {
-      value = value.slice(1);
-    } else {
-      return 0;
-    }
-  }
-
-  return parseInt(value, 10);
-}
-
-function getMonthEndDay(year, month) {
-  return 32 - new Date(year, month - 1, 32).getDate();
-}

package/lib/dialog/Dialog.js

@@ -1,223 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
-var _utils = require("../utils");
-
-var _constant = require("../utils/constant");
-
-var _popup = require("../mixins/popup");
-
-var _button = _interopRequireDefault(require("../button"));
-
-var _createNamespace = (0, _utils.createNamespace)('dialog'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
-var _default = createComponent({
-  mixins: [(0, _popup.PopupMixin)()],
-  props: {
-    title: String,
-    theme: String,
-    width: [Number, String],
-    message: String,
-    className: null,
-    callback: Function,
-    beforeClose: Function,
-    messageAlign: String,
-    cancelButtonText: String,
-    cancelButtonColor: String,
-    confirmButtonText: String,
-    confirmButtonColor: String,
-    showCancelButton: Boolean,
-    overlay: {
-      type: Boolean,
-      default: true
-    },
-    allowHtml: {
-      type: Boolean,
-      default: true
-    },
-    transition: {
-      type: String,
-      default: 'zt-dialog-bounce'
-    },
-    showConfirmButton: {
-      type: Boolean,
-      default: true
-    },
-    closeOnPopstate: {
-      type: Boolean,
-      default: true
-    },
-    closeOnClickOverlay: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data: function data() {
-    return {
-      loading: {
-        confirm: false,
-        cancel: false
-      }
-    };
-  },
-  methods: {
-    onClickOverlay: function onClickOverlay() {
-      this.handleAction('overlay');
-    },
-    handleAction: function handleAction(action) {
-      var _this = this;
-
-      this.$emit(action); // show not trigger close event when hidden
-
-      if (!this.value) {
-        return;
-      }
-
-      if (this.beforeClose) {
-        this.loading[action] = true;
-        this.beforeClose(action, function (state) {
-          if (state !== false && _this.loading[action]) {
-            _this.onClose(action);
-          }
-
-          _this.loading.confirm = false;
-          _this.loading.cancel = false;
-        });
-      } else {
-        this.onClose(action);
-      }
-    },
-    onClose: function onClose(action) {
-      this.close();
-
-      if (this.callback) {
-        this.callback(action);
-      }
-    },
-    onOpened: function onOpened() {
-      this.$emit('opened');
-    },
-    onClosed: function onClosed() {
-      this.$emit('closed');
-    },
-    genButtons: function genButtons() {
-      var _this2 = this,
-          _ref;
-
-      var h = this.$createElement;
-      var multiple = this.showCancelButton && this.showConfirmButton;
-      return h("div", {
-        "class": [_constant.BORDER_TOP, bem('footer')]
-      }, [this.showCancelButton && h(_button.default, {
-        "attrs": {
-          "size": "large",
-          "loading": this.loading.cancel,
-          "text": this.cancelButtonText || t('cancel')
-        },
-        "class": bem('cancel'),
-        "style": {
-          color: this.cancelButtonColor
-        },
-        "on": {
-          "click": function click() {
-            _this2.handleAction('cancel');
-          }
-        }
-      }), this.showConfirmButton && h(_button.default, {
-        "attrs": {
-          "size": "large",
-          "loading": this.loading.confirm,
-          "text": this.confirmButtonText || t('confirm')
-        },
-        "class": [bem('confirm'), (_ref = {}, _ref[_constant.BORDER_LEFT] = multiple, _ref)],
-        "style": {
-          color: this.confirmButtonColor
-        },
-        "on": {
-          "click": function click() {
-            _this2.handleAction('confirm');
-          }
-        }
-      })]);
-    },
-    genContent: function genContent(hasTitle, messageSlot) {
-      var h = this.$createElement;
-
-      if (messageSlot) {
-        return h("div", {
-          "class": bem('content')
-        }, [messageSlot]);
-      }
-
-      var message = this.message,
-          messageAlign = this.messageAlign;
-
-      if (message) {
-        var _bem, _domProps;
-
-        var data = {
-          class: bem('message', (_bem = {
-            'has-title': hasTitle
-          }, _bem[messageAlign] = messageAlign, _bem)),
-          domProps: (_domProps = {}, _domProps[this.allowHtml ? 'innerHTML' : 'textContent'] = message, _domProps)
-        };
-        return h("div", {
-          "class": bem('content', {
-            isolated: !hasTitle
-          })
-        }, [h("div", (0, _babelHelperVueJsxMergeProps.default)([{}, data]))]);
-      }
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-
-    if (!this.shouldRender) {
-      return;
-    }
-
-    var message = this.message;
-    var messageSlot = this.slots();
-    var customTitle = this.slots('title');
-    var title = customTitle || this.title;
-    var Title = title && h("div", {
-      "class": bem('header', {
-        isolated: !message && !messageSlot,
-        'custom-title': !!customTitle
-      })
-    }, [title]);
-    return h("transition", {
-      "attrs": {
-        "name": this.transition
-      },
-      "on": {
-        "afterEnter": this.onOpened,
-        "afterLeave": this.onClosed
-      }
-    }, [h("div", {
-      "directives": [{
-        name: "show",
-        value: this.value
-      }],
-      "attrs": {
-        "role": "dialog",
-        "aria-labelledby": this.title || message
-      },
-      "class": [bem([this.theme]), this.className],
-      "style": {
-        width: (0, _utils.addUnit)(this.width)
-      }
-    }, [Title, this.genContent(title, messageSlot), this.genButtons()])]);
-  }
-});
-
-exports.default = _default;

package/lib/dialog/index.css

@@ -1 +0,0 @@
-.zt-dialog{position:fixed;top:45%;left:50%;width:327px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:4px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:328px){.zt-dialog{width:90%}}.zt-dialog__header{padding-top:24px;font-weight:700;line-height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;padding-left:16px;padding-right:16px}.zt-dialog__header--isolated{padding:24px 0}.zt-dialog__header--custom-title{height:44px;padding-left:0;padding-right:0;padding-top:0}.zt-dialog__content{text-align:center;word-break:break-all}.zt-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-height:100px}.zt-dialog__message{max-height:60vh;padding:24px 16px;overflow-y:auto;font-size:16px;line-height:20px;color:rgba(0,0,0,.6);display:inline-block;text-align:left;white-space:pre-wrap;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:8px;font-size:14px}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__footer{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.zt-dialog__footer .zt-hairline--left::after{top:calc(-50% + 20px);bottom:calc(-50% + 20px)}.zt-dialog__cancel.zt-button,.zt-dialog__confirm.zt-button{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px;margin:0;border:0}.zt-dialog__confirm.zt-button,.zt-dialog__confirm.zt-button:active{color:#0091fa}.zt-dialog__cancel{color:#000;font-weight:400}.zt-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}

package/lib/dialog/index.js

@@ -1,121 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _vue = _interopRequireDefault(require("vue"));
-
-var _Dialog = _interopRequireDefault(require("./Dialog"));
-
-var _utils = require("../utils");
-
-var instance;
-
-function isInDocument(element) {
-  return document.body.contains(element);
-}
-
-function initInstance() {
-  if (instance) {
-    instance.$destroy();
-  }
-
-  instance = new (_vue.default.extend(_Dialog.default))({
-    el: document.createElement('div'),
-    // avoid missing animation when first rendered
-    propsData: {
-      lazyRender: false
-    }
-  });
-  instance.$on('input', function (value) {
-    instance.value = value;
-  });
-}
-
-function Dialog(options) {
-  /* istanbul ignore if */
-  if (_utils.isServer) {
-    return Promise.resolve();
-  }
-
-  return new Promise(function (resolve, reject) {
-    if (!instance || !isInDocument(instance.$el)) {
-      initInstance();
-    }
-
-    (0, _extends2.default)(instance, Dialog.currentOptions, options, {
-      resolve: resolve,
-      reject: reject
-    });
-  });
-}
-
-Dialog.defaultOptions = {
-  value: true,
-  title: '',
-  width: '',
-  theme: null,
-  message: '',
-  overlay: true,
-  className: '',
-  allowHtml: true,
-  lockScroll: true,
-  transition: 'zt-dialog-bounce',
-  beforeClose: null,
-  overlayClass: '',
-  overlayStyle: null,
-  messageAlign: '',
-  getContainer: 'body',
-  cancelButtonText: '',
-  cancelButtonColor: null,
-  confirmButtonText: '',
-  confirmButtonColor: null,
-  showConfirmButton: true,
-  showCancelButton: false,
-  closeOnPopstate: true,
-  closeOnClickOverlay: false,
-  callback: function callback(action) {
-    instance[action === 'confirm' ? 'resolve' : 'reject'](action);
-  }
-};
-Dialog.alert = Dialog;
-
-Dialog.confirm = function (options) {
-  return Dialog((0, _extends2.default)({
-    showCancelButton: true
-  }, options));
-};
-
-Dialog.close = function () {
-  if (instance) {
-    instance.value = false;
-  }
-};
-
-Dialog.setDefaultOptions = function (options) {
-  (0, _extends2.default)(Dialog.currentOptions, options);
-};
-
-Dialog.resetDefaultOptions = function () {
-  Dialog.currentOptions = (0, _extends2.default)({}, Dialog.defaultOptions);
-};
-
-Dialog.resetDefaultOptions();
-
-Dialog.install = function () {
-  _vue.default.use(_Dialog.default);
-};
-
-Dialog.Component = _Dialog.default;
-
-if (typeof _vue.default.prototype.$dialog === "undefined") {
-  _vue.default.prototype.$dialog = Dialog;
-}
-
-_vue.default.prototype.$ztDialog = Dialog;
-var _default = Dialog;
-exports.default = _default;

package/lib/dialog/index.less

@@ -1,133 +0,0 @@
-@import '../style/var';
-
-.zt-dialog {
-  position: fixed;
-  top: 45%;
-  left: 50%;
-  width: @dialog-width;
-  overflow: hidden;
-  font-size: @dialog-font-size;
-  background-color: @dialog-background-color;
-  border-radius: @dialog-border-radius;
-  transform: translate3d(-50%, -50%, 0);
-  backface-visibility: hidden; // avoid blurry text after scale animation
-  transition: @dialog-transition;
-  transition-property: transform, opacity;
-
-  @media (max-width: 328px) {
-    width: @dialog-small-screen-width;
-  }
-
-  &__header {
-    padding-top: @dialog-header-padding-top;
-    font-weight: @dialog-header-font-weight;
-    line-height: @dialog-header-line-height;
-    text-align: center;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    word-break: break-all;
-    padding-left: @dialog-header-padding-left;
-    padding-right: @dialog-header-padding-right;
-
-    &--isolated {
-      padding: @dialog-header-isolated-padding;
-    }
-    
-    &--custom-title {
-      height: 44px;
-      padding-left: 0;
-      padding-right: 0;
-      padding-top: 0;
-    }
-  }
-
-  &__content {
-    text-align: center;
-    word-break:break-all;
-
-    &--isolated {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      min-height: 100px;
-    }
-  }
-
-  &__message {
-    // flex: 1;
-    max-height: @dialog-message-max-height;
-    padding: 24px @dialog-message-padding;
-    overflow-y: auto;
-    font-size: @dialog-message-font-size;
-    line-height: @dialog-message-line-height;
-    color: @dialog-has-title-message-text-color;
-    display: inline-block;
-    text-align: left;
-
-    // allow newline charactor
-    white-space: pre-wrap;
-    //text-align: center;
-    word-wrap: break-word;
-    -webkit-overflow-scrolling: touch;
-
-    &--has-title {
-      padding-top: @dialog-has-title-message-padding-top;
-      font-size: @dialog-message-font-size-with-title;
-    }
-
-    &--left {
-      text-align: left;
-    }
-
-    &--right {
-      text-align: right;
-    }
-  }
-
-  &__footer {
-    display: flex;
-    overflow: hidden;
-    user-select: none;
-
-    //底部按钮中间垂直分割线，上下各留10px间距
-    .zt-hairline--left::after {
-      top: calc(-50% + 20px);
-      bottom: calc(-50% + 20px);
-    }
-  }
-
-  // 提高优先级避免被zt-button--default的样式覆盖了
-  &__confirm,
-  &__cancel {
-    &.zt-button {
-      flex: 1;
-      height: @dialog-button-height;
-      margin: 0;
-      border: 0;
-    }
-  }
-
-  &__confirm {
-    &.zt-button,
-    &.zt-button:active {
-      color: @dialog-confirm-button-text-color;
-    }
-  }
-  
-  //取消按钮不加粗、纯黑色
-  &__cancel {
-    color: @black;
-    font-weight: normal;
-  }
-
-  &-bounce-enter {
-    transform: translate3d(-50%, -50%, 0) scale(0.7);
-    opacity: 0;
-  }
-
-  &-bounce-leave-active {
-    transform: translate3d(-50%, -50%, 0) scale(0.9);
-    opacity: 0;
-  }
-}

package/lib/dialog/style/index.js

@@ -1,8 +0,0 @@
-require('../../style/base.css');
-require('../../overlay/index.css');
-require('../../info/index.css');
-require('../../icon/index.css');
-require('../../popup/index.css');
-require('../../loading/index.css');
-require('../../button/index.css');
-require('../index.css');

package/lib/dialog/style/less.js

@@ -1,8 +0,0 @@
-require('../../style/base.less');
-require('../../overlay/index.less');
-require('../../info/index.less');
-require('../../icon/index.less');
-require('../../popup/index.less');
-require('../../loading/index.less');
-require('../../button/index.less');
-require('../index.less');

package/lib/divider/index.less

@@ -1,64 +0,0 @@
-@import '../style/var';
-
-.zt-divider {
-  display: flex;
-  align-items: center;
-  margin: @divider-margin;
-  color: @divider-text-color;
-  font-size: @divider-font-size;
-  line-height: @divider-line-height;
-  border-color: @divider-border-color;
-  border-style: solid;
-  border-width: 0;
-
-  &::before,
-  &::after {
-    display: block;
-    flex: 1;
-    box-sizing: border-box;
-    height: 1px;
-    border-color: inherit;
-    border-style: inherit;
-    border-width: @border-width-base 0 0;
-  }
-
-  &::before {
-    content: '';
-  }
-
-  &--hairline {
-    &::before,
-    &::after {
-      transform: scaleY(0.5);
-    }
-  }
-
-  &--dashed {
-    border-style: dashed;
-  }
-
-  &--content-center,
-  &--content-left,
-  &--content-right {
-    &::before {
-      margin-right: @divider-content-padding;
-    }
-
-    &::after {
-      margin-left: @divider-content-padding;
-      content: '';
-    }
-  }
-
-  &--content-left {
-    &::before {
-      max-width: @divider-content-left-width;
-    }
-  }
-
-  &--content-right {
-    &::after {
-      max-width: @divider-content-right-width;
-    }
-  }
-}

package/lib/divider/style/less.js

@@ -1,2 +0,0 @@
-require('../../style/base.less');
-require('../index.less');

package/lib/dropdown-item/index.css

@@ -1 +0,0 @@
-.zt-dropdown-item{position:fixed;right:0;left:0;z-index:10;overflow:hidden}.zt-dropdown-item__icon{display:block;line-height:inherit;font-size:24px}.zt-dropdown-item .zt-cell::after{border:none}.zt-dropdown-item__option{text-align:left;font-size:14px;padding-left:0}.zt-dropdown-item__option--active{color:#0091fa}.zt-dropdown-item__option--active .zt-dropdown-item__icon{color:#0091fa}.zt-dropdown-item--up{top:0}.zt-dropdown-item--down{bottom:0}.zt-dropdown-item__content,.zt-dropdown-item__content.zt-popup{position:absolute;max-height:80%;padding-left:16px;box-sizing:border-box}.options{position:absolute;top:0;width:100%;overflow-y:scroll}.button{position:absolute;z-index:1;width:100%;height:44px;display:-webkit-box;display:-webkit-flex;display:flex;border-top:1px solid rgba(0,0,0,.05)}.button-reset{width:50%;font-family:PingFangSC-Regular;font-weight:400;font-size:16px;color:#ff9623;text-align:center;padding-top:11px}.button-confirm{width:50%;background-color:#0091fa;font-family:PingFangSC-Semibold;font-weight:600;font-size:16px;color:#f5f5fa;text-align:center;padding-top:11px}