zartui 0.1.21 → 0.1.25

package/es/index.js

@@ -9,6 +9,7 @@ import CheckboxGroup from './checkbox-group';
 import Col from './col';
 import DatetimePicker from './datetime-picker';
 import Dialog from './dialog';
+import Empty from './empty';
 import Field from './field';
 import Form from './form';
 import Icon from './icon';
@@ -21,6 +22,7 @@ import Locale from './locale';
 import NavBar from './nav-bar';
 import NumberKeyboard from './number-keyboard';
 import Overlay from './overlay';
+import PasswordInput from './password-input';
 import PdfViewer from './pdf-viewer';
 import Picker from './picker';
 import Popup from './popup';
@@ -28,6 +30,7 @@ import Radio from './radio';
 import RadioGroup from './radio-group';
 import Rate from './rate';
 import Row from './row';
+import Signature from './signature';
 import Slider from './slider';
 import Step from './step';
 import Stepper from './stepper';
@@ -43,10 +46,10 @@ import Tabs from './tabs';
 import Tag from './tag';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '0.1.21';
+var version = '0.1.25';
 
 function install(Vue) {
-  var components = [Area, Avatar, Button, Calendar, Cell, CellGroup, Checkbox, CheckboxGroup, Col, DatetimePicker, Dialog, Field, Form, Icon, Image, ImagePreview, Info, Lazyload, Loading, Locale, NavBar, NumberKeyboard, Overlay, PdfViewer, Picker, Popup, Radio, RadioGroup, Rate, Row, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabs, Tag, Toast, Uploader];
+  var components = [Area, Avatar, Button, Calendar, Cell, CellGroup, Checkbox, CheckboxGroup, Col, DatetimePicker, Dialog, Empty, Field, Form, Icon, Image, ImagePreview, Info, Lazyload, Loading, Locale, NavBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, Picker, Popup, Radio, RadioGroup, Rate, Row, Signature, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabs, Tag, Toast, Uploader];
   components.forEach(function (item) {
     if (item.install) {
       Vue.use(item);
@@ -60,7 +63,7 @@ if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue);
 }
 
-export { install, version, Area, Avatar, Button, Calendar, Cell, CellGroup, Checkbox, CheckboxGroup, Col, DatetimePicker, Dialog, Field, Form, Icon, Image, ImagePreview, Info, Lazyload, Loading, Locale, NavBar, NumberKeyboard, Overlay, PdfViewer, Picker, Popup, Radio, RadioGroup, Rate, Row, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabs, Tag, Toast, Uploader };
+export { install, version, Area, Avatar, Button, Calendar, Cell, CellGroup, Checkbox, CheckboxGroup, Col, DatetimePicker, Dialog, Empty, Field, Form, Icon, Image, ImagePreview, Info, Lazyload, Loading, Locale, NavBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, Picker, Popup, Radio, RadioGroup, Rate, Row, Signature, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabs, Tag, Toast, Uploader };
 export default {
   install: install,
   version: version

package/es/info/index.less

@@ -1,29 +1,29 @@
-@import '../style/var';
-
-.zt-info {
-  position: absolute;
-  top: 0;
-  right: 0;
-  box-sizing: border-box;
-  min-width: @info-size;
-  padding: @info-padding;
-  color: @info-color;
-  font-weight: @info-font-weight;
-  font-size: @info-font-size;
-  font-family: @info-font-family;
-  line-height: 1.2;
-  text-align: center;
-  background-color: @info-background-color;
-  border: @info-border-width solid @white;
-  border-radius: @info-size;
-  transform: translate(50%, -50%);
-  transform-origin: 100%;
-
-  &--dot {
-    width: @info-dot-size;
-    min-width: 0;
-    height: @info-dot-size;
-    background-color: @info-dot-color;
-    border-radius: 100%;
-  }
-}
+@import '../style/var';
+
+.zt-info {
+  position: absolute;
+  top: 0;
+  right: 0;
+  box-sizing: border-box;
+  min-width: @info-size;
+  padding: @info-padding;
+  color: @info-color;
+  font-weight: @info-font-weight;
+  font-size: @info-font-size;
+  font-family: @info-font-family;
+  line-height: 1.2;
+  text-align: center;
+  background-color: @info-background-color;
+  border: @info-border-width solid @white;
+  border-radius: @info-size;
+  transform: translate(50%, -50%);
+  transform-origin: 100%;
+
+  &--dot {
+    width: @info-dot-size;
+    min-width: 0;
+    height: @info-dot-size;
+    background-color: @info-dot-color;
+    border-radius: 100%;
+  }
+}

package/es/loading/index.less

@@ -1,103 +1,103 @@
-@import '../style/var';
-
-.zt-loading {
-  position: relative;
-  color: @loading-spinner-color;
-  font-size: 0;
-  vertical-align: middle;
-
-  &__spinner {
-    position: relative;
-    display: inline-block;
-    width: @loading-spinner-size;
-    // compatible for 1.x, users may set width or height in root element
-    max-width: 100%;
-    height: @loading-spinner-size;
-    max-height: 100%;
-    vertical-align: middle;
-    animation: zt-rotate @loading-spinner-animation-duration linear infinite;
-
-    &--spinner {
-      animation-timing-function: steps(12);
-
-      i {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-
-        &::before {
-          display: block;
-          width: 2px;
-          height: 25%;
-          margin: 0 auto;
-          background-color: currentColor;
-          border-radius: 40%;
-          content: ' ';
-        }
-      }
-    }
-
-    &--circular {
-      animation-duration: 2s;
-    }
-  }
-
-  &__circular {
-    display: block;
-    width: 100%;
-    height: 100%;
-
-    circle {
-      animation: zt-circular 1.5s ease-in-out infinite;
-      stroke: currentColor;
-      stroke-width: 3;
-      stroke-linecap: round;
-    }
-  }
-
-  &__text {
-    display: inline-block;
-    margin-left: @padding-xs;
-    color: @loading-text-color;
-    font-size: @loading-text-font-size;
-    vertical-align: middle;
-  }
-
-  &--vertical {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    .zt-loading__text {
-      margin: @padding-xs 0 0;
-    }
-  }
-}
-
-@keyframes zt-circular {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -40;
-  }
-
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -120;
-  }
-}
-
-.generate-spinner(@n, @i: 1) when (@i =< @n) {
-  .zt-loading__spinner--spinner i:nth-of-type(@{i}) {
-    transform: rotate(@i * 30deg);
-    opacity: 1 - (0.75 / 12) * (@i - 1);
-  }
-  .generate-spinner(@n, (@i + 1));
-}
-.generate-spinner(12);
+@import '../style/var';
+
+.zt-loading {
+  position: relative;
+  color: @loading-spinner-color;
+  font-size: 0;
+  vertical-align: middle;
+
+  &__spinner {
+    position: relative;
+    display: inline-block;
+    width: @loading-spinner-size;
+    // compatible for 1.x, users may set width or height in root element
+    max-width: 100%;
+    height: @loading-spinner-size;
+    max-height: 100%;
+    vertical-align: middle;
+    animation: zt-rotate @loading-spinner-animation-duration linear infinite;
+
+    &--spinner {
+      animation-timing-function: steps(12);
+
+      i {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+
+        &::before {
+          display: block;
+          width: 2px;
+          height: 25%;
+          margin: 0 auto;
+          background-color: currentColor;
+          border-radius: 40%;
+          content: ' ';
+        }
+      }
+    }
+
+    &--circular {
+      animation-duration: 2s;
+    }
+  }
+
+  &__circular {
+    display: block;
+    width: 100%;
+    height: 100%;
+
+    circle {
+      animation: zt-circular 1.5s ease-in-out infinite;
+      stroke: currentColor;
+      stroke-width: 3;
+      stroke-linecap: round;
+    }
+  }
+
+  &__text {
+    display: inline-block;
+    margin-left: @padding-xs;
+    color: @loading-text-color;
+    font-size: @loading-text-font-size;
+    vertical-align: middle;
+  }
+
+  &--vertical {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .zt-loading__text {
+      margin: @padding-xs 0 0;
+    }
+  }
+}
+
+@keyframes zt-circular {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40;
+  }
+
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120;
+  }
+}
+
+.generate-spinner(@n, @i: 1) when (@i =< @n) {
+  .zt-loading__spinner--spinner i:nth-of-type(@{i}) {
+    transform: rotate(@i * 30deg);
+    opacity: 1 - (0.75 / 12) * (@i - 1);
+  }
+  .generate-spinner(@n, (@i + 1));
+}
+.generate-spinner(12);

package/es/locale/lang/zh-CN.js

@@ -94,5 +94,27 @@ export default {
   },
   vanAddressList: {
     add: '新增地址'
+  },
+  ztAvatar: {
+    defaultSrc: "https://zartui.egova.com.cn/static/head_shot.png",
+    small: "small",
+    medium: "medium",
+    large: "large",
+    square: "square",
+    circle: "circle",
+    defaultText: "头像"
+  },
+  ztEmpty: {
+    notSearchResult: '没有搜索结果',
+    notFound: '页面无法访问',
+    developing: '项目建设中',
+    error: '通用错误',
+    notRight: '您暂未拥有访问权限'
+  },
+  ztSignature: {
+    hint: '请在此签名',
+    browserUnsupported: '对不起，当前浏览器不支持Canvas，无法使用本控件！',
+    orientationChangeTip: '旋转屏幕触发重新绘制',
+    reSign: '重签'
   }
 };

package/es/mixins/bind-event.js

@@ -1,5 +1,5 @@
-/**
- * Bind event when mounted or activated
+/**
+ * Bind event when mounted or activated
  */
 import { on, off } from '../utils/dom/event';
 var uid = 0;

package/es/mixins/checkbox.js

@@ -1,5 +1,5 @@
-/**
- * Common part of Checkbox & Radio
+/**
+ * Common part of Checkbox & Radio
  */
 import Icon from '../icon';
 import { FieldMixin } from './field';

package/es/mixins/click-outside.js

@@ -1,5 +1,5 @@
-/**
- * Listen to click outside event
+/**
+ * Listen to click outside event
  */
 import { on, off } from '../utils/dom/event';
 export var ClickOutsideMixin = function ClickOutsideMixin(config) {

package/es/mixins/slots.js

@@ -1,6 +1,6 @@
-/**
- * Use scopedSlots in Vue 2.6+
- * downgrade to slots in lower version
+/**
+ * Use scopedSlots in Vue 2.6+
+ * downgrade to slots in lower version
  */
 export var SlotsMixin = {
   methods: {

package/es/mixins/telemetry.js

@@ -0,0 +1,11 @@
+import { Telemetry, TelemetryEvent } from "../telemetry";
+export var TelemetryMixin = {
+  mounted: function mounted() {
+    var event = new TelemetryEvent(this.$options.name, {});
+    Telemetry.sharedInstance.trackAppear(event);
+  },
+  unmountd: function unmountd() {
+    var event = new TelemetryEvent(this.$options.name, {});
+    Telemetry.sharedInstance.trackDisappear(event);
+  }
+};

package/es/nav-bar/index.less

@@ -1,74 +1,74 @@
-@import '../style/var';
-
-.zt-nav-bar {
-  position: relative;
-  z-index: @nav-bar-z-index;
-  line-height: @line-height-lg;
-  text-align: center;
-  background-color: @nav-bar-background-color;
-  user-select: none;
-
-  &--fixed {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-  }
-
-  &--safe-area-inset-top {
-    padding-top: constant(safe-area-inset-top);
-    padding-top: env(safe-area-inset-top);
-  }
-
-  .zt-icon {
-    color: @nav-bar-icon-color;
-  }
-
-  &__content {
-    position: relative;
-    display: flex;
-    align-items: center;
-    height: @nav-bar-height;
-  }
-
-  &__arrow {
-    margin-right: @padding-base;
-    font-size: @nav-bar-arrow-size;
-  }
-
-  &__title {
-    max-width: 60%;
-    margin: 0 auto;
-    color: @nav-bar-title-text-color;
-    font-weight: @font-weight-bold;
-    font-size: @nav-bar-title-font-size;
-  }
-
-  &__left,
-  &__right {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    display: flex;
-    align-items: center;
-    padding: 0 @padding-md;
-    font-size: @font-size-md;
-    cursor: pointer;
-
-    &:active {
-      opacity: @active-opacity;
-    }
-  }
-
-  &__left {
-    left: 0;
-  }
-
-  &__right {
-    right: 0;
-  }
-
-  &__text {
-    color: @nav-bar-text-color;
-  }
-}
+@import '../style/var';
+
+.zt-nav-bar {
+  position: relative;
+  z-index: @nav-bar-z-index;
+  line-height: @line-height-lg;
+  text-align: center;
+  background-color: @nav-bar-background-color;
+  user-select: none;
+
+  &--fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+  }
+
+  &--safe-area-inset-top {
+    padding-top: constant(safe-area-inset-top);
+    padding-top: env(safe-area-inset-top);
+  }
+
+  .zt-icon {
+    color: @nav-bar-icon-color;
+  }
+
+  &__content {
+    position: relative;
+    display: flex;
+    align-items: center;
+    height: @nav-bar-height;
+  }
+
+  &__arrow {
+    margin-right: @padding-base;
+    font-size: @nav-bar-arrow-size;
+  }
+
+  &__title {
+    max-width: 60%;
+    margin: 0 auto;
+    color: @nav-bar-title-text-color;
+    font-weight: @font-weight-bold;
+    font-size: @nav-bar-title-font-size;
+  }
+
+  &__left,
+  &__right {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    padding: 0 @padding-md;
+    font-size: @font-size-md;
+    cursor: pointer;
+
+    &:active {
+      opacity: @active-opacity;
+    }
+  }
+
+  &__left {
+    left: 0;
+  }
+
+  &__right {
+    right: 0;
+  }
+
+  &__text {
+    color: @nav-bar-text-color;
+  }
+}

package/es/number-keyboard/index.css

@@ -1 +1 @@
-.zt-number-keyboard{position:fixed;bottom:0;left:0;z-index:100;width:100%;padding-bottom:22px;background-color:#f2f3f5;-webkit-user-select:none;user-select:none}.zt-number-keyboard--with-title{border-radius:20px 20px 0 0}.zt-number-keyboard__header{position:relative;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;box-sizing:content-box;height:34px;padding-top:6px;color:#646566;font-size:16px}.zt-number-keyboard__title{display:inline-block;font-weight:400}.zt-number-keyboard__title-left{position:absolute;left:0}.zt-number-keyboard__body{display:-webkit-box;display:-webkit-flex;display:flex;padding:6px 0 0 6px}.zt-number-keyboard__keys{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:3;-webkit-flex:3;flex:3;-webkit-flex-wrap:wrap;flex-wrap:wrap}.zt-number-keyboard__close{position:absolute;right:0;height:100%;padding:0 16px;color:#576b95;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt-number-keyboard__close:active{opacity:.7}.zt-number-keyboard__sidebar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.zt-number-keyboard--unfit{padding-bottom:0}.zt-key{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;height:48px;font-size:28px;line-height:1.5;background-color:#fff;border-radius:8px;cursor:pointer}.zt-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.zt-key--blue,.zt-key--delete{font-size:16px}.zt-key--active{background-color:#ebedf0}.zt-key--blue{color:#fff;background-color:#0091fa}.zt-key--blue.zt-key--active{background-color:#0073c7}.zt-key__wrapper{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:33%;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.zt-key__wrapper--wider{-webkit-flex-basis:66%;flex-basis:66%}.zt-key__delete-icon{width:32px;height:22px}.zt-key__collapse-icon{width:30px;height:24px}.zt-key__loading-icon{color:#fff}
+.zt-number-keyboard{position:fixed;bottom:0;left:0;z-index:100;width:calc(100% - 24px);padding:16px 8px 8px 16px;background-color:#f2f3f5;-webkit-user-select:none;user-select:none}.zt-number-keyboard--with-title{border-radius:20px 20px 0 0}.zt-number-keyboard__header{position:relative;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;box-sizing:content-box;height:34px;padding-top:6px;color:#646566;font-size:16px}.zt-number-keyboard__title{display:inline-block;font-weight:400}.zt-number-keyboard__title-left{position:absolute;left:0}.zt-number-keyboard__body{display:-webkit-box;display:-webkit-flex;display:flex}.zt-number-keyboard__keys{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:3;-webkit-flex:3;flex:3;-webkit-flex-wrap:wrap;flex-wrap:wrap}.zt-number-keyboard__close{position:absolute;right:0;height:100%;padding:0 16px;color:#576b95;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt-number-keyboard__close:active{opacity:.7}.zt-number-keyboard__sidebar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.zt-number-keyboard--unfit{padding-bottom:0}.zt-key{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;height:44px;font-size:28px;line-height:1.5;background-color:#fff;border-radius:8px;cursor:pointer}.zt-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.zt-key--blue,.zt-key--delete{font-size:16px}.zt-key--active{background-color:#ebedf0}.zt-key--blue{color:#fff;background-color:#0091fa}.zt-key--blue.zt-key--active{background-color:#0073c7}.zt-key__wrapper{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:33%;flex-basis:33%;box-sizing:border-box;padding:0 8px 8px 0}.zt-key__wrapper--wider{-webkit-flex-basis:66%;flex-basis:66%}.zt-key__delete-icon{width:32px;height:22px}.zt-key__collapse-icon{width:30px;height:24px}.zt-key__loading-icon{color:#fff}.zt-cell .zt-field__label{color:rgba(0,0,0,.6)}