zartui 2.0.19 → 2.0.21

package/es/checkbox/index.css

@@ -1 +1 @@
-.zt-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 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:20px;line-height:1em;cursor:pointer}.zt-checkbox__icon .zt-icon{display:block;box-sizing:border-box;width:1em;height:1em;color:transparent;font-size:1em;line-height:.95em;text-align:center;background-image:-webkit-linear-gradient(315deg,#e6ebf0 0,#fff 100%);background-image:linear-gradient(135deg,#e6ebf0 0,#fff 100%);border:1px solid rgba(45,75,115,.13);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2);-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{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-radius:100%}.zt-checkbox__icon--checked .zt-icon{color:#fff;background:#0091fa;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:1px solid rgba(255,255,255,.5);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2);background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:.4;background:#0091fa;color:#fff}.zt-checkbox__label{margin-left:8px;color:#000;font-size:14px;line-height:20px}.zt-checkbox__label--left{margin:0 8px 0 0}.zt-checkbox__label--disabled{color:#c8c9cc}
+.zt-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:14px 0}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-left:12px}.zt-checkbox__icon{font-size:16px;cursor:pointer;box-sizing:border-box}.zt-checkbox__icon .zt-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid rgba(45,75,115,.13);-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:#0091fa;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:1px solid rgba(255,255,255,.5);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2);background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:.4;background:#0091fa;color:#fff}.zt-checkbox__label{margin-left:8px;color:#000;font-size:14px;line-height:16px}.zt-checkbox__label--left{margin:0 8px 0 0}.zt-checkbox__label--disabled{color:#c8c9cc}

package/es/checkbox/index.less

@@ -20,33 +20,24 @@
   }
 
   &__icon {
-    flex: none;
-    height: 1em;
     font-size: @checkbox-size;
-    line-height: 1em;
     cursor: pointer;
-
+    box-sizing: border-box;
     .zt-icon {
-      display: block;
-      box-sizing: border-box;
+      display: flex;
+      justify-content: center;
+      align-items: center;
       width: 1em;
       height: 1em;
       color: transparent;
-      font-size: 1em;
-      line-height: 0.95em;
       text-align: center;
-      background-image: @gradient-white-1;
-      border: 1px solid @radio-border-color;
-      box-shadow: -1px -1px 2px 0 #FFF, 0 0 3px 0 rgba(45,75,115,0.20);
+      border: 1px solid @checkbox-border-color;
       transition-duration: @checkbox-transition-duration;
       transition-property: color, border-color, background-color;
     }
 
     &--round {
       .zt-icon {
-        display: flex;
-        justify-content: center;
-        align-items: center;
         border-radius: 100%;
       }
     }
@@ -56,7 +47,7 @@
         color: @white;
         background: @checkbox-checked-icon-color;
         box-shadow: inset 1px 1px 2px 0 @gray-a2;
-        border: 1px solid rgba(255,255,255,0.50);
+        border: 1px solid @white-1;
       }
     }
 
@@ -73,7 +64,7 @@
     &--disabled&--checked {
       .zt-icon {
         opacity: .4;
-        background: @radio-checked-icon-color;
+        background: @checkbox-checked-icon-color;
         color: @white;
       }
     }

package/es/datetime-picker/DatePicker.js

@@ -123,6 +123,15 @@ export default createComponent({
     formatValue: function formatValue(value) {
       var _this2 = this;
 
+      if (typeof value === "string") {
+        try {
+          value = value.replace(/-/g, "/");
+          value = new Date(value);
+        } catch (error) {
+          console.error("datetime-picker strToDate error", error);
+        }
+      }
+
       if (!isDate(value)) {
         return null;
       }

package/es/dialog/Dialog.js

@@ -174,6 +174,15 @@ export default createComponent({
           })
         }, [h("div", _mergeJSXProps([{}, data]))]);
       }
+    },
+    genBottom: function genBottom(bottomSlot) {
+      var h = this.$createElement;
+
+      if (bottomSlot) {
+        return h("div", {
+          "class": bem('bottom')
+        }, [bottomSlot]);
+      }
     }
   },
   render: function render() {
@@ -186,6 +195,7 @@ export default createComponent({
     var message = this.message;
     var messageSlot = this.slots();
     var customTitle = this.slots('title');
+    var bottomSlot = this.slots('bottom');
     var title = customTitle || this.title;
     var Title = title && h("div", {
       "class": bem('header', {
@@ -216,6 +226,6 @@ export default createComponent({
       "style": {
         width: addUnit(this.width)
       }
-    }, [Title, this.genContent(title, messageSlot), this.genButtons()])]);
+    }, [Title, this.genContent(title, messageSlot), this.genButtons(), this.genBottom(bottomSlot)])]);
   }
 });

package/es/index.js

@@ -76,7 +76,7 @@ import Tag from './tag';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.0.19';
+var version = '2.0.21';
 
 function install(Vue) {
   var components = [ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, PdfViewerV2, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader];

package/es/mixins/checkbox.js

@@ -98,12 +98,16 @@ export var CheckboxMixin = function CheckboxMixin(_ref) {
           }
         }, [this.slots('icon', {
           checked: checked
-        }) || h(Icon, {
+        }) || (role === 'radio' ? h(Icon, {
+          "style": this.iconStyle
+        }, [checked ? h("div", {
+          "class": bem('dot')
+        }) : '']) : h(Icon, {
           "attrs": {
-            "name": role === 'radio' ? "radio-round" : "checkBox-select"
+            "name": "checkBox-select"
           },
           "style": this.iconStyle
-        })]);
+        }))]);
       },
       genLabel: function genLabel() {
         var h = this.$createElement;

package/es/picker/index.js

@@ -86,6 +86,10 @@ export default createComponent({
             _this.children.forEach(function (child) {
               child.setConfirmIndex();
             });
+
+            _this.children.forEach(function (child) {
+              child.recordConfirmIndex();
+            });
           });
         }
       },

package/es/radio/index.css

@@ -1 +1 @@
-.zt-radio{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:14px 0}.zt-radio--disabled{cursor:not-allowed}.zt-radio--label-disabled{cursor:default}.zt-radio--horizontal{margin-left:12px}.zt-radio__icon{font-size:20px;cursor:pointer}.zt-radio__icon .zt-icon{display:block;box-sizing:border-box;width:1em;height:1em;color:transparent;font-size:inherit;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.zt-radio__icon--round .zt-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-radius:100%}.zt-radio__icon--checked .zt-icon{color:#fff;background-color:#0091fa;border:1px solid rgba(255,255,255,.5);box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2)}.zt-radio__icon--disabled{cursor:not-allowed}.zt-radio__icon--disabled .zt-icon{background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%);border:1px solid rgba(45,75,115,.08);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2)}.zt-radio__icon--disabled.zt-radio__icon--checked .zt-icon{opacity:.4;background:#0091fa;color:#fff}.zt-radio__label{margin-left:8px;color:#000;font-size:14px;line-height:20px}.zt-radio__label--left{margin:0 8px 0 0}.zt-radio__label--disabled{color:#c8c9cc}.zt-radio__disable-icon .zt-radio__icon--round:not(.zt-radio__icon--disabled,.zt-radio__icon--checked){width:1em;height:1em;box-sizing:border-box;border-radius:100%;background-image:-webkit-linear-gradient(315deg,#e6ebf0 0,#fff 100%);background-image:linear-gradient(135deg,#e6ebf0 0,#fff 100%);border:1px solid rgba(45,75,115,.13);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2)}
+.zt-radio{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:14px 0}.zt-radio--disabled{cursor:not-allowed}.zt-radio--label-disabled{cursor:default}.zt-radio--horizontal{margin-left:12px}.zt-radio__icon{font-size:16px;cursor:pointer;box-sizing:border-box}.zt-radio__icon .zt-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid rgba(45,75,115,.13);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.zt-radio__icon--round .zt-icon{border-radius:100%}.zt-radio__icon--checked .zt-icon{color:#fff;background-color:#0091fa;border:1px solid rgba(255,255,255,.5);box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2)}.zt-radio__icon--disabled{cursor:not-allowed}.zt-radio__icon--disabled .zt-icon{background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%);border:1px solid rgba(45,75,115,.08);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2)}.zt-radio__icon--disabled.zt-radio__icon--checked .zt-icon{opacity:.4;background:#0091fa;color:#fff}.zt-radio__dot{width:calc(16px * .5);height:calc(16px * .5);background-color:#fff;border-radius:50%}.zt-radio__label{margin-left:8px;color:#000;font-size:14px;line-height:16px}.zt-radio__label--left{margin:0 8px 0 0}.zt-radio__label--disabled{color:#c8c9cc}

package/es/radio/index.less

@@ -22,23 +22,22 @@
   &__icon {
     font-size: @radio-size;
     cursor: pointer;
-
+    box-sizing: border-box;
     .zt-icon {
-      display: block;
-      box-sizing: border-box;
+      display: flex;
+      justify-content: center;
+      align-items: center;
       width: 1em;
       height: 1em;
       color: transparent;
-      font-size: inherit;
+      text-align: center;
+      border: 1px solid @radio-border-color;
       transition-duration: @radio-transition-duration;
       transition-property: color, border-color, background-color;
     }
 
     &--round {
       .zt-icon {
-        display: flex;
-        justify-content: center;
-        align-items: center;
         border-radius: 100%;
       }
     }
@@ -47,7 +46,7 @@
       .zt-icon {
         color: @white;
         background-color: @radio-checked-icon-color;
-        border: 1px solid @checkbox-disabled-border-color;
+        border: 1px solid @white-1;
         box-shadow: inset 1px 1px 2px 0 @gray-a2;
       }
     }
@@ -71,6 +70,12 @@
     }
   }
 
+  &__dot {
+    width: calc(@radio-size * 0.5);
+    height: calc(@radio-size * 0.5);
+    background-color: @white;
+    border-radius: 50%;
+  }
   &__label {
     margin-left: @radio-label-margin;
     color: @black;
@@ -86,15 +91,3 @@
     }
   }
 }
-
-.zt-radio__disable-icon {
-  .zt-radio__icon--round:not(.zt-radio__icon--disabled,.zt-radio__icon--checked){
-    width: 1em;
-    height: 1em;
-    box-sizing: border-box;
-    border-radius: 100%;
-    background-image: @gradient-white-1;
-    border: 1px solid @radio-border-color;
-    box-shadow: -1px -1px 2px 0 #FFF, 0 0 3px 0 rgba(45,75,115,0.20);
-  }
-}

package/es/style/var.less

@@ -299,8 +299,8 @@
 @cell-group-inset-title-padding: @padding-md @padding-md @padding-xs @padding-xl;
 
 // Checkbox
-@checkbox-size: 20px;
-@checkbox-padding: 12px 0;
+@checkbox-size: 16px;
+@checkbox-padding: 14px 0;
 @checkbox-border-color: @border-color-3;
 @checkbox-transition-duration: @animation-duration-fast;
 @checkbox-label-margin: @padding-xs;
@@ -732,7 +732,7 @@
 @pull-refresh-head-background:@background-color;
 
 // Radio
-@radio-size: 20px;
+@radio-size: 16px;
 @radio-padding: 14px 0;
 @radio-border-color: @border-color-3;
 @radio-transition-duration: @animation-duration-fast;

package/lib/checkbox/index.css

@@ -1 +1 @@
-.zt-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 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:20px;line-height:1em;cursor:pointer}.zt-checkbox__icon .zt-icon{display:block;box-sizing:border-box;width:1em;height:1em;color:transparent;font-size:1em;line-height:.95em;text-align:center;background-image:-webkit-linear-gradient(315deg,#e6ebf0 0,#fff 100%);background-image:linear-gradient(135deg,#e6ebf0 0,#fff 100%);border:1px solid rgba(45,75,115,.13);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2);-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{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-radius:100%}.zt-checkbox__icon--checked .zt-icon{color:#fff;background:#0091fa;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:1px solid rgba(255,255,255,.5);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2);background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:.4;background:#0091fa;color:#fff}.zt-checkbox__label{margin-left:8px;color:#000;font-size:14px;line-height:20px}.zt-checkbox__label--left{margin:0 8px 0 0}.zt-checkbox__label--disabled{color:#c8c9cc}
+.zt-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:14px 0}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-left:12px}.zt-checkbox__icon{font-size:16px;cursor:pointer;box-sizing:border-box}.zt-checkbox__icon .zt-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid rgba(45,75,115,.13);-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:#0091fa;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:1px solid rgba(255,255,255,.5);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2);background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:.4;background:#0091fa;color:#fff}.zt-checkbox__label{margin-left:8px;color:#000;font-size:14px;line-height:16px}.zt-checkbox__label--left{margin:0 8px 0 0}.zt-checkbox__label--disabled{color:#c8c9cc}

package/lib/checkbox/index.less

@@ -20,33 +20,24 @@
   }
 
   &__icon {
-    flex: none;
-    height: 1em;
     font-size: @checkbox-size;
-    line-height: 1em;
     cursor: pointer;
-
+    box-sizing: border-box;
     .zt-icon {
-      display: block;
-      box-sizing: border-box;
+      display: flex;
+      justify-content: center;
+      align-items: center;
       width: 1em;
       height: 1em;
       color: transparent;
-      font-size: 1em;
-      line-height: 0.95em;
       text-align: center;
-      background-image: @gradient-white-1;
-      border: 1px solid @radio-border-color;
-      box-shadow: -1px -1px 2px 0 #FFF, 0 0 3px 0 rgba(45,75,115,0.20);
+      border: 1px solid @checkbox-border-color;
       transition-duration: @checkbox-transition-duration;
       transition-property: color, border-color, background-color;
     }
 
     &--round {
       .zt-icon {
-        display: flex;
-        justify-content: center;
-        align-items: center;
         border-radius: 100%;
       }
     }
@@ -56,7 +47,7 @@
         color: @white;
         background: @checkbox-checked-icon-color;
         box-shadow: inset 1px 1px 2px 0 @gray-a2;
-        border: 1px solid rgba(255,255,255,0.50);
+        border: 1px solid @white-1;
       }
     }
 
@@ -73,7 +64,7 @@
     &--disabled&--checked {
       .zt-icon {
         opacity: .4;
-        background: @radio-checked-icon-color;
+        background: @checkbox-checked-icon-color;
         color: @white;
       }
     }

package/lib/datetime-picker/DatePicker.js

@@ -137,6 +137,15 @@ var _default2 = createComponent({
     formatValue: function formatValue(value) {
       var _this2 = this;
 
+      if (typeof value === "string") {
+        try {
+          value = value.replace(/-/g, "/");
+          value = new Date(value);
+        } catch (error) {
+          console.error("datetime-picker strToDate error", error);
+        }
+      }
+
       if (!(0, _date.isDate)(value)) {
         return null;
       }

package/lib/dialog/Dialog.js

@@ -185,6 +185,15 @@ var _default = createComponent({
           })
         }, [h("div", (0, _babelHelperVueJsxMergeProps.default)([{}, data]))]);
       }
+    },
+    genBottom: function genBottom(bottomSlot) {
+      var h = this.$createElement;
+
+      if (bottomSlot) {
+        return h("div", {
+          "class": bem('bottom')
+        }, [bottomSlot]);
+      }
     }
   },
   render: function render() {
@@ -197,6 +206,7 @@ var _default = createComponent({
     var message = this.message;
     var messageSlot = this.slots();
     var customTitle = this.slots('title');
+    var bottomSlot = this.slots('bottom');
     var title = customTitle || this.title;
     var Title = title && h("div", {
       "class": bem('header', {
@@ -227,7 +237,7 @@ var _default = createComponent({
       "style": {
         width: (0, _utils.addUnit)(this.width)
       }
-    }, [Title, this.genContent(title, messageSlot), this.genButtons()])]);
+    }, [Title, this.genContent(title, messageSlot), this.genButtons(), this.genBottom(bottomSlot)])]);
   }
 });