zartui 1.0.15 → 1.0.17

package/es/hierarchy-select/hierarchySelect.js

@@ -64,6 +64,10 @@ export default createComponent({
       default: function _default() {
         return [];
       }
+    },
+    autoChangeToChildren: {
+      type: Boolean,
+      default: true
     }
   },
   data: function data() {
@@ -95,7 +99,7 @@ export default createComponent({
 
             if (!list || list.length === 0) {
               Toast("无下级数据");
-              _this.dataList[index].children = null;
+              _this.dataList[index].children = _this.autoChangeToChildren ? null : [];
               return;
             }
 
@@ -107,6 +111,8 @@ export default createComponent({
           }).catch(function () {
             _this.loading = false;
           });
+        } else {
+          Toast("无下级数据");
         }
       }
     },
@@ -156,7 +162,8 @@ export default createComponent({
         "valueKey": this.valueKey,
         "textKey": this.textKey,
         "confirmedList": this.confirmedList,
-        "asyncGetter": this.asyncGetter
+        "asyncGetter": this.asyncGetter,
+        "autoChangeToChildren": this.autoChangeToChildren
       },
       "on": {
         "clickNext": this.clickNext,

package/es/hierarchy-select/index.css

@@ -1 +1 @@
-.zt-hierarchy-select__popup{height:100%}.zt-hierarchy-select__popup .zt-hierarchy-select{background-color:#f5f5ff;height:100%}.zt-hierarchy-select__popup .zt-hierarchy-select__title{height:44px;position:relative;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1)}.zt-hierarchy-select__popup .zt-hierarchy-select__title i{font-size:14px;position:absolute;left:15px;top:16px}.zt-hierarchy-select__popup .zt-hierarchy-select__title div{line-height:44px;text-align:center;font-weight:700;font-size:18px;color:#142841}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core .zt-loading{position:absolute;top:50%;left:50%;margin-left:-18px;margin-right:-18px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core__list span{height:24px;font-size:16px;font-family:PingFangSC,PingFangSC-Semibold;font-weight:600;color:#0091fa;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core__list .flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;padding:10px 0;background-color:#fff;margin-bottom:16px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 16px;overflow-x:auto}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list span{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;white-space:nowrap;height:24px;font-size:16px;font-family:PingFangSC,PingFangSC-Regular;text-align:left;color:#000;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list__icon-arrow{margin:0 4px;width:20px;height:20px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__crumb-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__fill-blur{position:absolute;top:0;width:16px;height:44px;background:-webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),to(#fff))}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__fill-blur:last-child{right:0;top:0;background:-webkit-gradient(linear,right top,left top,from(#fff),to(rgba(255,255,255,0)))}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list{background-color:#fff}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__multiple-button{margin-right:8px;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}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__check-icon{color:#0091fa;font-size:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__uncheck-icon{color:#e4e4e4;font-size:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__score-item{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:10px 0;background-color:#fff;margin-left:16px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__score-item:after{content:" ";position:absolute;bottom:0;height:1px;width:100%;background-color:rgba(0,0,0,.1);box-shadow:0 0 0 0 #000 inset}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-content{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-right:16px;width:278px;font-size:16px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#000;line-height:24px;word-break:break-all}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-content span{color:#0091fa}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-nav{padding:0 16px;border-left:rgba(0,0,0,.1) 1px solid}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level span{color:#0091fa}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level--disable{opacity:.2}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-icon{margin-right:4px;font-size:0;width:20px;height:20px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__result-box{position:fixed;left:0;bottom:0;background:#fff;width:100%}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__result-list{height:160px;box-shadow:0 -4px 8px 0 rgba(0,0,0,.1);border-radius:8px 8px 0 0;padding:12px 16px;font-size:14px;color:#000;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__operate-box{display:-webkit-box;display:-webkit-flex;display:flex;height:44px;line-height:44px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected{border-top:1px solid rgba(0,0,0,.1);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 16px;-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected i{color:#0091fa;font-size:20px;margin-right:4px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected span{font-size:14px;color:rgba(0,0,0,.6)}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected span.zt-hierarchy-mark-list__blue{color:#0091fa;margin-left:8px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__line{width:1px;height:24px;background:rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5);border-top:1px solid rgba(0,0,0,.1)}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__reset-button{width:110px;border-top:1px solid rgba(0,0,0,.1);font-size:16px;color:#000;text-align:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__cancel-button{width:110px;border-top:1px solid rgba(0,0,0,.1);font-size:16px;color:#000;text-align:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__confirm-button{width:110px;border-top:1px solid #0091fa;font-weight:700;font-size:16px;color:#fff;text-align:center;background:#0091fa}
+.zt-hierarchy-select__popup{height:100%}.zt-hierarchy-select__popup .zt-hierarchy-select{background-color:#f5f5ff;height:100%}.zt-hierarchy-select__popup .zt-hierarchy-select__title{height:44px;position:relative;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1)}.zt-hierarchy-select__popup .zt-hierarchy-select__title i{font-size:14px;position:absolute;left:15px;top:16px}.zt-hierarchy-select__popup .zt-hierarchy-select__title div{line-height:44px;text-align:center;font-weight:700;font-size:18px;color:#142841}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core .zt-loading{position:absolute;top:50%;left:50%;margin-left:-18px;margin-right:-18px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core__list span{height:24px;font-size:16px;font-family:PingFangSC,PingFangSC-Semibold;font-weight:600;color:#0091fa;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core__list .flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;padding:10px 0;background-color:#fff;margin-bottom:16px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 16px;overflow-x:auto}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list span{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;white-space:nowrap;height:24px;font-size:16px;font-family:PingFangSC,PingFangSC-Regular;text-align:left;color:#000;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list__icon-arrow{margin:0 4px;width:20px;height:20px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__crumb-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__fill-blur{position:absolute;top:0;width:16px;height:44px;background:-webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),to(#fff))}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__fill-blur:last-child{right:0;top:0;background:-webkit-gradient(linear,right top,left top,from(#fff),to(rgba(255,255,255,0)))}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list{background-color:#fff}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__multiple-button{margin-right:8px;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}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__check-icon{color:#0091fa;font-size:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__uncheck-icon{color:#e4e4e4;font-size:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__score-item{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:10px 0;background-color:#fff;margin-left:16px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__score-item:after{content:" ";position:absolute;bottom:0;height:1px;width:100%;background-color:rgba(0,0,0,.1);box-shadow:0 0 0 0 #000 inset}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-content{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-right:16px;width:278px;font-size:16px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#000;line-height:24px;word-break:break-all}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-content span{color:#0091fa}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-nav{padding:0 16px;border-left:rgba(0,0,0,.1) 1px solid}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level span{color:#0091fa}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level--disable{opacity:.2}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__disable-icon{font-size:0;width:24px;height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-icon{margin-right:4px;font-size:0;width:20px;height:20px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__result-box{position:fixed;left:0;bottom:0;background:#fff;width:100%}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__result-list{height:160px;box-shadow:0 -4px 8px 0 rgba(0,0,0,.1);border-radius:8px 8px 0 0;padding:12px 16px;font-size:14px;color:#000;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__operate-box{display:-webkit-box;display:-webkit-flex;display:flex;height:44px;line-height:44px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected{border-top:1px solid rgba(0,0,0,.1);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 16px;-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected i{color:#0091fa;font-size:20px;margin-right:4px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected span{font-size:14px;color:rgba(0,0,0,.6)}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected span.zt-hierarchy-mark-list__blue{color:#0091fa;margin-left:8px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__line{width:1px;height:24px;background:rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5);border-top:1px solid rgba(0,0,0,.1)}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__reset-button{width:110px;border-top:1px solid rgba(0,0,0,.1);font-size:16px;color:#000;text-align:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__cancel-button{width:110px;border-top:1px solid rgba(0,0,0,.1);font-size:16px;color:#000;text-align:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__confirm-button{width:110px;border-top:1px solid #0091fa;font-weight:700;font-size:16px;color:#fff;text-align:center;background:#0091fa}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__disable .zt-hierarchy-mark-list__item-content,.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__disable-parent .zt-hierarchy-mark-list__item-content{opacity:.4}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__disable .zt-hierarchy-mark-list__item-nav{opacity:.4}

package/es/hierarchy-select/index.js

@@ -57,6 +57,10 @@ export default createComponent({
     resetReplaceCancel: {
       type: Boolean,
       default: false
+    },
+    autoChangeToChildren: {
+      type: Boolean,
+      default: true
     }
   },
   data: function data() {
@@ -137,7 +141,8 @@ export default createComponent({
         "valueKey": this.valueKey,
         "textKey": this.textKey,
         "returnChainData": this.returnChainData,
-        "confirmedList": this.confirmedList
+        "confirmedList": this.confirmedList,
+        "autoChangeToChildren": this.autoChangeToChildren
       },
       "on": {
         "selected": this.onSelected,

package/es/hierarchy-select/index.less

@@ -45,7 +45,7 @@
         }
       }
     }
-  
+
     .zt-hierarchy-select-breadcrumb {
       position: relative;
       display: flex;
@@ -92,7 +92,7 @@
         }
       }
     }
-  
+
     .zt-hierarchy-mark-list {
       background-color: #fff;
       &__multiple-button {
@@ -124,7 +124,7 @@
             height: 1px;
             width: 100%;
             background-color: rgba(0,0,0,.1);
-            box-shadow: 0px 0px 0px 0px #000 inset; 
+            box-shadow: 0px 0px 0px 0px #000 inset;
           }
       }
       &__item-content {
@@ -156,6 +156,11 @@
           opacity: .2;
         }
       }
+      &__disable-icon {
+        font-size: 0;
+        width: 24px;
+        height: 24px;
+      }
       &__sub-icon {
         margin-right: 4px;
         font-size: 0;
@@ -235,6 +240,17 @@
         text-align: center;
         background: #0091FA;
       }
+      &__disable,
+      &__disable-parent {
+        .zt-hierarchy-mark-list__item-content {
+          opacity: 0.4;
+        }
+      }
+      &__disable {
+        .zt-hierarchy-mark-list__item-nav {
+          opacity: 0.4;
+        }
+      }
     }
   }
 }

package/es/hierarchy-select/markList.js

@@ -7,6 +7,7 @@ var _createNamespace = createNamespace('hierarchy-mark-list'),
     t = _createNamespace[2];
 
 import SubIcon from './svg/SubIcon';
+import UnselectDisableIcon from './svg/UnselectDisableIcon';
 import Icon from "../icon";
 import { deepClone } from '../utils/deep-clone';
 export default createComponent({
@@ -46,6 +47,10 @@ export default createComponent({
     asyncGetter: {
       type: Function,
       default: null
+    },
+    autoChangeToChildren: {
+      type: Boolean,
+      default: true
     }
   },
   data: function data() {
@@ -57,6 +62,10 @@ export default createComponent({
   },
   methods: {
     toNextLevel: function toNextLevel(item, index) {
+      if (item.disable) {
+        return;
+      }
+
       if (this.getChecked(item)) {
         return;
       }
@@ -67,6 +76,10 @@ export default createComponent({
       });
     },
     isDisabled: function isDisabled(item) {
+      if (!this.autoChangeToChildren && this.disableParent && item.children) {
+        return true;
+      }
+
       if (this.asyncGetter && this.disableParent && item.children) {
         return true;
       }
@@ -76,7 +89,7 @@ export default createComponent({
       }
     },
     selected: function selected(item) {
-      if (this.isDisabled(item)) {
+      if (this.isDisabled(item) || item.disable) {
         return;
       }
 
@@ -90,6 +103,13 @@ export default createComponent({
     },
     getMultipleDom: function getMultipleDom(item) {
       var h = this.$createElement;
+
+      if (item.disable || this.isDisabled(item)) {
+        return h(UnselectDisableIcon, {
+          "class": bem("disable-icon")
+        });
+      }
+
       return this.getChecked(item) ? h(Icon, {
         "attrs": {
           "name": "checked"
@@ -109,9 +129,9 @@ export default createComponent({
         return v[_this.valueKey];
       }).indexOf(item[this.valueKey]) > -1) {
         return true;
-      } else {
-        return false;
       }
+
+      return false;
     },
     multipleClicked: function multipleClicked(item) {
       var _this2 = this;
@@ -192,6 +212,10 @@ export default createComponent({
     var _this4 = this;
 
     var showSub = function showSub(item) {
+      if (!_this4.autoChangeToChildren) {
+        return item && item.children;
+      }
+
       return _this4.asyncGetter && item && item.children || !_this4.asyncGetter && item && item.children && item.children.length;
     };
 
@@ -199,7 +223,7 @@ export default createComponent({
       "class": bem()
     }, [this.dataList.map(function (item, index) {
       return h("div", {
-        "class": bem("score-item")
+        "class": [bem("score-item"), _this4.isDisabled(item) ? bem("disable-parent") : '', item.disable ? bem("disable") : '']
       }, [_this4.multiple ? h("div", {
         "class": bem("multiple-button"),
         "on": {

package/es/hierarchy-select/svg/UnselectDisableIcon.js

@@ -0,0 +1,22 @@
+export default {
+  render: function render() {
+    var h = arguments[0];
+    return h("svg", {
+      "attrs": {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": "0 0 24 24"
+      },
+      "class": "design-iconfont"
+    }, [h("path", {
+      "attrs": {
+        "stroke-opacity": ".19676539",
+        "stroke": "#000",
+        "stroke-width": ".5",
+        "fill-opacity": ".10467145",
+        "fill": "#000",
+        "d": "M12 2.25A9.75 9.75 0 1 0 12 21.75A9.75 9.75 0 1 0 12 2.25Z",
+        "fill-rule": "evenodd"
+      }
+    })]);
+  }
+};

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 = '1.0.15';
+var version = '1.0.17';
 
 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/slider/index.css

@@ -1 +1 @@
-.zt-slider__container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-slider__container .zt-slider__progress{-webkit-box-flex:3;-webkit-flex:3;flex:3;text-align:center;font-size:14px}.zt-slider__container .zt-slider__title{-webkit-box-flex:2;-webkit-flex:2;flex:2;text-align:left;font-size:14px;font-weight:700}.zt-slider__container .zt-slider{position:relative;width:100%;height:4px;background-color:#ebedf0;cursor:pointer;-webkit-box-flex:10;-webkit-flex:10;flex:10}.zt-slider__container .zt-slider::before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:''}.zt-slider__container .zt-slider__bar{position:relative;width:100%;height:100%;background-color:#0091fa;border-radius:inherit;-webkit-transition:all .2s;transition:all .2s}.zt-slider__container .zt-slider__button{width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.zt-slider__container .zt-slider__button-wrapper,.zt-slider__container .zt-slider__button-wrapper-right{position:absolute;top:50%;right:0;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0);cursor:grab}.zt-slider__container .zt-slider__button-wrapper-left{position:absolute;top:50%;left:0;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);cursor:grab}.zt-slider__container .zt-slider--disabled{cursor:not-allowed;opacity:.4}.zt-slider__container .zt-slider--disabled .zt-slider__button-wrapper,.zt-slider__container .zt-slider--disabled .zt-slider__button-wrapper-left,.zt-slider__container .zt-slider--disabled .zt-slider__button-wrapper-right{cursor:not-allowed}.zt-slider__container .zt-slider--vertical{display:inline-block;width:4px;height:100%}.zt-slider__container .zt-slider--vertical .zt-slider__button-wrapper,.zt-slider__container .zt-slider--vertical .zt-slider__button-wrapper-right{top:auto;right:50%;bottom:0;-webkit-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}.zt-slider__container .zt-slider--vertical .zt-slider__button-wrapper-left{top:0;right:50%;left:auto;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.zt-slider__container .zt-slider--vertical::before{top:0;right:-8px;bottom:0;left:-8px}
+.zt-slider__container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-slider__container .zt-slider__progress{max-width:98px;overflow-x:hidden;white-space:nowrap;text-align:center;font-size:14px}.zt-slider__container .zt-slider__title{min-width:14px;margin-right:8px;max-width:98px;overflow-x:hidden;white-space:nowrap;text-align:left;font-size:14px;font-weight:700}.zt-slider__container .zt-slider__left-slot{margin-right:8px;max-width:98px;overflow-x:hidden;white-space:nowrap;text-align:left;font-size:14px}.zt-slider__container .zt-slider{position:relative;width:100%;height:4px;background-color:#ebedf0;cursor:pointer;-webkit-box-flex:10;-webkit-flex:10;flex:10}.zt-slider__container .zt-slider::before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:''}.zt-slider__container .zt-slider__bar{position:relative;width:100%;height:100%;background-color:#0091fa;border-radius:inherit;-webkit-transition:all .2s;transition:all .2s}.zt-slider__container .zt-slider__button{width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.zt-slider__container .zt-slider__button-wrapper,.zt-slider__container .zt-slider__button-wrapper-right{position:absolute;top:50%;right:0;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0);cursor:grab}.zt-slider__container .zt-slider__button-wrapper-left{position:absolute;top:50%;left:0;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);cursor:grab}.zt-slider__container .zt-slider--disabled{cursor:not-allowed;opacity:.4}.zt-slider__container .zt-slider--disabled .zt-slider__button-wrapper,.zt-slider__container .zt-slider--disabled .zt-slider__button-wrapper-left,.zt-slider__container .zt-slider--disabled .zt-slider__button-wrapper-right{cursor:not-allowed}.zt-slider__container .zt-slider--vertical{display:inline-block;width:4px;height:100%}.zt-slider__container .zt-slider--vertical .zt-slider__button-wrapper,.zt-slider__container .zt-slider--vertical .zt-slider__button-wrapper-right{top:auto;right:50%;bottom:0;-webkit-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}.zt-slider__container .zt-slider--vertical .zt-slider__button-wrapper-left{top:0;right:50%;left:auto;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.zt-slider__container .zt-slider--vertical::before{top:0;right:-8px;bottom:0;left:-8px}

package/es/slider/index.js

@@ -2,6 +2,7 @@ import { createNamespace, addUnit } from '../utils';
 import { deepClone } from '../utils/deep-clone';
 import { preventDefault } from '../utils/dom/event';
 import { range, addNumber } from '../utils/format/number';
+import { isNumeric } from '../utils/validate/number';
 import { TouchMixin } from '../mixins/touch';
 import { FieldMixin } from '../mixins/field';
 
@@ -19,8 +20,11 @@ export default createComponent({
     disabled: Boolean,
     vertical: Boolean,
     range: Boolean,
-    barHeight: [Number, String],
-    buttonSize: [Number, String],
+    barHeight: Number,
+    buttonSize: {
+      type: Number,
+      default: 24
+    },
     activeColor: [String, Array],
     inactiveColor: String,
     min: {
@@ -202,12 +206,14 @@ export default createComponent({
         _barStyle;
 
     var h = arguments[0];
-    var vertical = this.vertical;
+    var vertical = this.vertical,
+        buttonSize = this.buttonSize;
     var mainAxis = vertical ? 'height' : 'width';
     var crossAxis = vertical ? 'width' : 'height';
+    var margin = isNumeric(buttonSize) && buttonSize > 0 ? buttonSize / 2 : 24;
     var wrapperStyle = (_wrapperStyle = {
       background: this.inactiveColor
-    }, _wrapperStyle[crossAxis] = addUnit(this.barHeight) ? addUnit(this.barHeight) : this.progress ? '8px' : '4px', _wrapperStyle); // 计算选中条的长度百分比
+    }, _wrapperStyle[crossAxis] = addUnit(this.barHeight) ? addUnit(this.barHeight) : this.progress ? '8px' : '4px', _wrapperStyle.margin = "0 " + margin + "px", _wrapperStyle); // 计算选中条的长度百分比
 
     var calcMainAxis = function calcMainAxis() {
       var value = _this.value,
@@ -311,19 +317,21 @@ export default createComponent({
 
     var renderTitle = function renderTitle() {
       if (_this.slots('left')) {
-        return _this.slots('left');
+        return h("div", {
+          "class": bem('left-slot')
+        }, [_this.slots('left')]);
       } else if (_this.title) {
         return h("div", {
           "class": bem('title')
         }, [_this.title]);
       } else {
-        return;
+        return '';
       }
     };
 
     return h("div", {
       "class": bem('container')
-    }, [this.title ? renderTitle() : '', h("div", {
+    }, [renderTitle(), h("div", {
       "style": wrapperStyle,
       "class": bem({
         disabled: this.disabled,

package/es/slider/index.less

@@ -3,16 +3,30 @@
   display: flex;
   align-items: center;
   .zt-slider__progress{
-    flex: 3;
+    max-width: 98px;
+    overflow-x: hidden;
+    white-space: nowrap;
     text-align: center;
     font-size: 14px;
   }
   .zt-slider__title{
-    flex: 2;
+    min-width: 14px;
+    margin-right: 8px;
+    max-width: 98px;
+    overflow-x: hidden;
+    white-space: nowrap;
     text-align: left;
     font-size: 14px;
     font-weight: bold;
   }
+  .zt-slider__left-slot {
+    margin-right: 8px;
+    max-width: 98px;
+    overflow-x: hidden;
+    white-space: nowrap;
+    text-align: left;
+    font-size: 14px;
+  }
   .zt-slider {
     position: relative;
     width: 100%;
@@ -29,7 +43,7 @@
       left: 0;
       content: '';
     }
-  
+
     &__bar {
       position: relative;
       width: 100%;
@@ -38,14 +52,14 @@
       border-radius: inherit;
       transition: all @animation-duration-fast;
     }
-  
+
     &__button {
       width: @slider-button-width;
       height: @slider-button-height;
       background-color: @slider-button-background-color;
       border-radius: @slider-button-border-radius;
       box-shadow: @slider-button-box-shadow;
-  
+
       &-wrapper,
       &-wrapper-right {
         position: absolute;
@@ -54,7 +68,7 @@
         transform: translate3d(50%, -50%, 0);
         cursor: grab;
       }
-  
+
       &-wrapper-left {
         position: absolute;
         top: 50%;
@@ -63,23 +77,23 @@
         cursor: grab;
       }
     }
-  
+
     &--disabled {
       cursor: not-allowed;
       opacity: @slider-disabled-opacity;
-  
+
       .zt-slider__button-wrapper,
       .zt-slider__button-wrapper-left,
       .zt-slider__button-wrapper-right {
         cursor: not-allowed;
       }
     }
-  
+
     &--vertical {
       display: inline-block;
       width: @slider-bar-height;
       height: 100%;
-  
+
       .zt-slider__button-wrapper,
       .zt-slider__button-wrapper-right {
         top: auto;
@@ -87,14 +101,14 @@
         bottom: 0;
         transform: translate3d(50%, 50%, 0);
       }
-  
+
       .zt-slider__button-wrapper-left {
         top: 0;
         right: 50%;
         left: auto;
         transform: translate3d(50%, -50%, 0);
       }
-  
+
       // use pseudo element to expand click area
       &::before {
         top: 0;