zartui 0.1.113 → 3.0.1

package/lib/field/index.less

@@ -1,231 +0,0 @@
-@import '../style/var';
-@import '../style/mixins/hairline';
-
-.zt-field__root {
-  position: relative;
-  flex: 1;
-  background-color: @field-background-color;
-  padding: @field-vertical-padding @field-horizontal-padding;
-
-  &::after {
-    .hairline-bottom(@cell-border-color, @padding-md, );
-  }
-
-  &:last-child::after,
-  &--borderless::after {
-    display: none;
-  }
-}
-
-.zt-field {
-  padding: 0;
-  background-color: @field-background-color;
-
-  &::after {
-    display: none;
-  }
-
-  &__label {
-    flex: none;
-    box-sizing: border-box;
-    width: @field-label-width;
-    margin-right: @field-label-margin-right;
-    color: @field-label-color;
-    text-align: left;
-    word-wrap: break-word;
-    vertical-align: middle;
-    &--center {
-      text-align: center;
-    }
-
-    &--right {
-      text-align: right;
-    }
-  }
-
-  &--disabled {
-    .zt-field__label {
-      color: @field-disabled-text-color;
-    }
-  }
-
-  &__value {
-    overflow: visible;
-  }
-
-  &__body {
-    display: flex;
-    align-items: center;
-    input {
-      caret-color: @blue;
-    }
-  }
-
-  &__control {
-    display: block;
-    box-sizing: border-box;
-    width: 100%;
-    min-width: 0; // for flex-shrink in field__button
-    margin: 0;
-    padding: 0;
-    color: @field-input-text-color;
-    line-height: inherit;
-    text-align: left;
-    background-color: transparent;
-    border: 0;
-    resize: none;
-
-    &::placeholder {
-      color: @field-placeholder-text-color;
-    }
-
-    &:disabled {
-      color: @field-input-disabled-text-color;
-      cursor: not-allowed;
-      opacity: 1;
-      // fix disabled color in mobile safari
-      -webkit-text-fill-color: @field-input-disabled-text-color;
-    }
-
-    &:read-only {
-      cursor: default;
-    }
-
-    &--center {
-      justify-content: center;
-      text-align: center;
-    }
-
-    &--right {
-      justify-content: flex-end;
-      text-align: right;
-    }
-
-    &--custom {
-      display: flex;
-      align-items: center;
-      min-height: @cell-line-height;
-    }
-
-    // for ios wechat
-    &[type='date'],
-    &[type='time'],
-    &[type='datetime-local'] {
-      min-height: @cell-line-height;
-    }
-
-    // for safari
-    &[type='search'] {
-      -webkit-appearance: none;
-    }
-  }
-
-  &__clear,
-  &__icon,
-  &__button,
-  &__right-icon {
-    flex-shrink: 0;
-  }
-
-  &__clear,
-  &__right-icon {
-    margin-right: -@padding-xs;
-    padding: 0 @padding-xs;
-    line-height: inherit;
-  }
-
-  &__zt-clear-icon {
-    margin-right: -@padding-xs;
-    padding: 0 @padding-xs;
-    height: @field-zt-icon-size;
-  }
-
-  &__clear {
-    color: @field-clear-icon-color;
-    font-size: @field-clear-icon-size;
-    cursor: pointer;
-  }
-
-  &__left-icon .zt-icon,
-  &__right-icon .zt-icon {
-    display: block;
-    font-size: @field-icon-size;
-    line-height: inherit;
-  }
-
-  &__zt-left-icon {
-    margin-right: @padding-base;
-    height: @field-zt-icon-size;
-  }
-  &__zt-left-icon-size, &__zt-clear-size {
-    width: @field-zt-icon-size;
-    height: @field-zt-icon-size;
-  }
-
-  &__left-icon {
-    margin-right: @padding-base;
-  }
-
-  &__right-icon {
-    color: @field-right-icon-color;
-  }
-
-  &__button {
-    padding-left: @padding-xs;
-  }
-
-  &__error-message {
-    position: relative;
-    background-color: @field-error-background-color;
-    margin-top: @field-error-message-margin-top;
-    padding: @field-error-message-padding;
-    color: @field-error-message-color;
-    font-size: @field-error-message-text-size;
-    line-height: @field-error-message-line-height;
-    text-align: left;
-    word-break: break-all;
-
-    &::after {
-      .hairline-top(@field-error-message-color);
-    }
-
-    &--center {
-      text-align: center;
-    }
-
-    &--right {
-      text-align: right;
-    }
-  }
-
-  &__word-limit {
-    margin-top: @padding-base;
-    color: @field-word-limit-color;
-    font-size: @field-word-limit-font-size;
-    line-height: @field-word-limit-line-height;
-    text-align: left;
-  }
-
-  &--error {
-    .zt-field__control {
-      &,
-      &::placeholder {
-        color: @field-input-error-text-color;
-        -webkit-text-fill-color: currentColor;
-      }
-    }
-  }
-
-  &--error-label {
-    span {
-      color: @field-error-label-color;
-    }
-
-  }
-
-  &--min-height {
-    .zt-field__control {
-      // min-height: @field-text-area-min-height;
-    }
-  }
-}

package/lib/field/style/index.js

@@ -1,5 +0,0 @@
-require('../../style/base.css');
-require('../../info/index.css');
-require('../../icon/index.css');
-require('../../cell/index.css');
-require('../index.css');

package/lib/field/style/less.js

@@ -1,5 +0,0 @@
-require('../../style/base.less');
-require('../../info/index.less');
-require('../../icon/index.less');
-require('../../cell/index.less');
-require('../index.less');

package/lib/fold-dialog/index.css

@@ -1 +0,0 @@
-.zt-fold-dialog{padding:0 16px 12px 16px;background-color:#fff}.zt-fold-dialog__title{height:44px;font-family:PingFangSC-Regular;font-size:16px;color:rgba(0,0,0,.6);line-height:44px}.zt-fold-dialog__content{font-family:PingFangSC-Regular;font-size:16px;color:#000;text-align:justify;line-height:24px}.zt-fold-dialog__button{display:inline-block;font-family:PingFangSC-Regular;font-size:16px;color:#0091fa;line-height:24px}

package/lib/fold-dialog/index.js

@@ -1,151 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../utils");
-
-var _createNamespace = (0, _utils.createNamespace)('fold-dialog'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    content: {
-      type: String,
-      default: ""
-    },
-    maxLines: {
-      type: Number,
-      default: 3
-    },
-    foldText: {
-      type: String,
-      default: "收起全文"
-    },
-    unfoldText: {
-      type: String,
-      default: "查看全文"
-    }
-  },
-  data: function data() {
-    return {
-      offset: this.content.length,
-      expanded: false,
-      buttonBoxWidth: 0,
-      textBoxWidth: 0,
-      showSlotNode: false
-    };
-  },
-  computed: {
-    realText: function realText() {
-      // 是否被截取
-      var isCutOut = this.offset !== this.content.length;
-      var realText = this.content;
-
-      if (isCutOut && !this.expanded) {
-        realText = this.content.slice(0, this.offset) + "...";
-      }
-
-      return realText;
-    }
-  },
-  mounted: function mounted() {
-    this.init();
-  },
-  methods: {
-    init: function init() {
-      var _this = this;
-
-      var _this$getLines = this.getLines(),
-          len = _this$getLines.len;
-
-      if (len === 0) {
-        setTimeout(function () {
-          _this.init();
-        }, 100);
-      } else {
-        if (len > this.maxLines) {
-          this.showSlotNode = true;
-          this.$nextTick(function () {
-            _this.buttonBoxWidth = _this.$refs.buttonRef.clientWidth;
-            _this.textBoxWidth = _this.$refs.textOverflow.clientWidth;
-
-            _this.calculateOffset(0, _this.content.length);
-          });
-        }
-      }
-    },
-    calculateOffset: function calculateOffset(from, to) {
-      var _this2 = this;
-
-      this.$nextTick(function () {
-        if (Math.abs(from - to) <= 1) return;
-
-        if (_this2.isOverflow()) {
-          to = _this2.offset;
-        } else {
-          from = _this2.offset;
-        }
-
-        _this2.offset = Math.floor((from + to) / 2);
-
-        _this2.calculateOffset(from, to);
-      });
-    },
-    isOverflow: function isOverflow() {
-      var _this$getLines2 = this.getLines(),
-          len = _this$getLines2.len,
-          lastWidth = _this$getLines2.lastWidth;
-
-      if (len < this.maxLines) {
-        return false;
-      }
-
-      if (this.maxLines) {
-        // 超出部分 行数 > 最大行数 或则  已经是最大行数但最后一行宽度 + 后面内容超出正常宽度
-        var lastLineOver = !!(len === this.maxLines && lastWidth + this.buttonBoxWidth > this.textBoxWidth);
-
-        if (len > this.maxLines || lastLineOver) {
-          return true;
-        }
-      }
-
-      return false;
-    },
-    getLines: function getLines() {
-      var clientRects = this.$refs.overEllipsis.getClientRects();
-      return {
-        len: clientRects.length,
-        lastWidth: clientRects.length ? clientRects[clientRects.length - 1].width : this.$refs.textOverflow.clientWidth
-      };
-    },
-    toggle: function toggle() {
-      this.expanded = !this.expanded;
-    }
-  },
-  render: function render(h) {
-    return h("div", {
-      "class": bem()
-    }, [this.title ? h("div", {
-      "class": bem("title")
-    }, [this.title]) : h(), h("div", {
-      "ref": "textOverflow",
-      "class": bem("content")
-    }, [h("span", {
-      "ref": "overEllipsis"
-    }, [this.realText]), this.showSlotNode ? h("span", {
-      "class": bem("button"),
-      "ref": "buttonRef",
-      "on": {
-        "click": this.toggle
-      }
-    }, [this.expanded ? this.foldText : this.unfoldText]) : h()])]);
-  }
-});
-
-exports.default = _default;

package/lib/fold-dialog/index.less

@@ -1,26 +0,0 @@
-@import '../style/var';
-.zt-fold-dialog {
-    padding: @foldDialog-padding;
-    background-color: @white;
-    &__title {
-        height: @foldDialog-title-height;
-        font-family: PingFangSC-Regular;
-        font-size: @foldDialog-title-font-size;
-        color: @foldDialog-title-color;
-        line-height: @foldDialog-title-height;
-    }
-    &__content {
-        font-family: PingFangSC-Regular;
-        font-size: @foldDialog-content-font-size;
-        color: @foldDialog-content-color;
-        text-align: justify;
-        line-height: @foldDialog-content-line-height;
-    }
-    &__button {
-        display: inline-block;
-        font-family: PingFangSC-Regular;
-        font-size: @foldDialog-content-font-size;
-        color: @foldDialog-button-color;
-        line-height: @foldDialog-content-line-height;
-    }
-}

package/lib/fold-dialog/style/index.js

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

package/lib/fold-dialog/style/less.js

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

package/lib/form/index.js

@@ -1,208 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../utils");
-
-var _vnodes = require("../utils/vnodes");
-
-var _createNamespace = (0, _utils.createNamespace)('form'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
-  props: {
-    colon: Boolean,
-    disabled: Boolean,
-    readonly: Boolean,
-    labelWidth: [Number, String],
-    labelAlign: String,
-    inputAlign: String,
-    scrollToError: Boolean,
-    validateFirst: Boolean,
-    errorMessageAlign: String,
-    submitOnEnter: {
-      type: Boolean,
-      default: true
-    },
-    validateTrigger: {
-      type: String,
-      default: 'onBlur'
-    },
-    showError: {
-      type: Boolean,
-      default: true
-    },
-    showErrorMessage: {
-      type: Boolean,
-      default: true
-    }
-  },
-  provide: function provide() {
-    return {
-      ztForm: this
-    };
-  },
-  data: function data() {
-    return {
-      fields: []
-    };
-  },
-  methods: {
-    getFieldsByNames: function getFieldsByNames(names) {
-      if (names) {
-        return this.fields.filter(function (field) {
-          return names.indexOf(field.name) !== -1;
-        });
-      }
-
-      return this.fields;
-    },
-    validateSeq: function validateSeq(names) {
-      var _this = this;
-
-      return new Promise(function (resolve, reject) {
-        var errors = [];
-
-        var fields = _this.getFieldsByNames(names);
-
-        fields.reduce(function (promise, field) {
-          return promise.then(function () {
-            if (!errors.length) {
-              return field.validate().then(function (error) {
-                if (error) {
-                  errors.push(error);
-                }
-              });
-            }
-          });
-        }, Promise.resolve()).then(function () {
-          if (errors.length) {
-            reject(errors);
-          } else {
-            resolve();
-          }
-        });
-      });
-    },
-    validateFields: function validateFields(names) {
-      var _this2 = this;
-
-      return new Promise(function (resolve, reject) {
-        var fields = _this2.getFieldsByNames(names);
-
-        Promise.all(fields.map(function (item) {
-          return item.validate();
-        })).then(function (errors) {
-          errors = errors.filter(function (item) {
-            return item;
-          });
-
-          if (errors.length) {
-            reject(errors);
-          } else {
-            resolve();
-          }
-        });
-      });
-    },
-    // @exposed-api
-    validate: function validate(name) {
-      if (name && !Array.isArray(name)) {
-        return this.validateField(name);
-      }
-
-      return this.validateFirst ? this.validateSeq(name) : this.validateFields(name);
-    },
-    validateField: function validateField(name) {
-      var matched = this.fields.filter(function (item) {
-        return item.name === name;
-      });
-
-      if (matched.length) {
-        return new Promise(function (resolve, reject) {
-          matched[0].validate().then(function (error) {
-            if (error) {
-              reject(error);
-            } else {
-              resolve();
-            }
-          });
-        });
-      }
-
-      return Promise.reject();
-    },
-    // @exposed-api
-    resetValidation: function resetValidation(name) {
-      if (name && !Array.isArray(name)) {
-        name = [name];
-      }
-
-      var fields = this.getFieldsByNames(name);
-      fields.forEach(function (item) {
-        item.resetValidation();
-      });
-    },
-    // @exposed-api
-    scrollToField: function scrollToField(name, options) {
-      this.fields.some(function (item) {
-        if (item.name === name) {
-          item.$el.scrollIntoView(options);
-          return true;
-        }
-
-        return false;
-      });
-    },
-    addField: function addField(field) {
-      this.fields.push(field);
-      (0, _vnodes.sortChildren)(this.fields, this);
-    },
-    removeField: function removeField(field) {
-      this.fields = this.fields.filter(function (item) {
-        return item !== field;
-      });
-    },
-    getValues: function getValues() {
-      return this.fields.reduce(function (form, field) {
-        form[field.name] = field.formValue;
-        return form;
-      }, {});
-    },
-    onSubmit: function onSubmit(event) {
-      event.preventDefault();
-      this.submit();
-    },
-    // @exposed-api
-    submit: function submit() {
-      var _this3 = this;
-
-      var values = this.getValues();
-      this.validate().then(function () {
-        _this3.$emit('submit', values);
-      }).catch(function (errors) {
-        _this3.$emit('failed', {
-          values: values,
-          errors: errors
-        });
-
-        if (_this3.scrollToError) {
-          _this3.scrollToField(errors[0].name);
-        }
-      });
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("form", {
-      "class": bem(),
-      "on": {
-        "submit": this.onSubmit
-      }
-    }, [this.slots()]);
-  }
-});
-
-exports.default = _default;

package/lib/form/style/index.js

@@ -1 +0,0 @@
-require('../../style/base.css');

package/lib/form/style/less.js

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

package/lib/grid/index.css

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

package/lib/grid/index.js

@@ -1,59 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../utils");
-
-var _constant = require("../utils/constant");
-
-var _relation = require("../mixins/relation");
-
-var _createNamespace = (0, _utils.createNamespace)('grid'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
-  mixins: [(0, _relation.ParentMixin)('ztGrid')],
-  props: {
-    square: Boolean,
-    gutter: [Number, String],
-    iconSize: [Number, String],
-    direction: String,
-    clickable: Boolean,
-    columnNum: {
-      type: [Number, String],
-      default: 4
-    },
-    center: {
-      type: Boolean,
-      default: true
-    },
-    border: {
-      type: Boolean,
-      default: true
-    }
-  },
-  computed: {
-    style: function style() {
-      var gutter = this.gutter;
-
-      if (gutter) {
-        return {
-          paddingLeft: (0, _utils.addUnit)(gutter)
-        };
-      }
-    }
-  },
-  render: function render() {
-    var _ref;
-
-    var h = arguments[0];
-    return h("div", {
-      "style": this.style,
-      "class": [bem(), (_ref = {}, _ref[_constant.BORDER_TOP] = this.border && !this.gutter, _ref)]
-    }, [this.slots()]);
-  }
-});
-
-exports.default = _default;

package/lib/grid/index.less

@@ -1,6 +0,0 @@
-@import '../style/var';
-
-.zt-grid {
-  display: flex;
-  flex-wrap: wrap;
-}