zartui 0.1.98 → 0.1.101

package/es/dropdown-item/index.css

@@ -1 +1 @@
-.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}.button{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}
+.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}

package/es/dropdown-item/index.js

@@ -246,6 +246,22 @@ export default createComponent({
       });
     }
 
+    var buttonStyle;
+    var optionStyle;
+    var popupStyle;
+
+    if (this.options.length < 7) {
+      var height = this.options.length * 44;
+      var popupHeight = this.options.length * 44 + 44;
+      buttonStyle = 'top:' + (height + "px");
+      optionStyle = 'height:' + (height + "px");
+      popupStyle = "padding-left: 0px;height:" + (popupHeight + "px");
+    } else {
+      buttonStyle = 'top: 308px';
+      optionStyle = 'height: 308px';
+      popupStyle = "padding-left: 0px;height: 352px";
+    }
+
     var style = {
       zIndex: zIndex
     };
@@ -279,7 +295,7 @@ export default createComponent({
         "closeOnClickOverlay": closeOnClickOverlay
       },
       "class": bem('content'),
-      "style": this.multiSelect ? "padding-left: 0px" : "",
+      "style": this.multiSelect ? popupStyle : "",
       "on": {
         "open": this.onOpen,
         "close": this.onClose,
@@ -296,8 +312,21 @@ export default createComponent({
           _this3.showPopup = $$v;
         }
       }
-    }, [Options, h("div", {
+    }, [h("div", {
+      "directives": [{
+        name: "show",
+        value: !this.multiSelect
+      }]
+    }, [Options]), h("div", {
+      "class": "options",
+      "style": optionStyle,
+      "directives": [{
+        name: "show",
+        value: this.multiSelect
+      }]
+    }, [Options]), h("div", {
       "class": "button",
+      "style": buttonStyle,
       "directives": [{
         name: "show",
         value: this.multiSelect

package/es/dropdown-item/index.less

@@ -47,7 +47,17 @@
   }
 
 }
+
+.options{
+  position: absolute;
+  top: 0px;
+  width: 100%;
+  overflow-y: scroll;
+}
+
 .button{
+  position: absolute;
+  z-index: 1;
   width: 100%;
   height: 44px;
   display: flex;

package/es/index.js

@@ -75,7 +75,7 @@ import Tag from './tag';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '0.1.98';
+var version = '0.1.101';
 
 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, 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/pdf-viewer/index.js

@@ -30,7 +30,8 @@ var defaultData = function defaultData() {
     bodyInitialMinHeight: "",
     metaContent: "",
     pdfScrollEvent: function pdfScrollEvent() {},
-    scrollEvent: function scrollEvent() {}
+    scrollEvent: function scrollEvent() {},
+    privateUrl: ""
   };
 };
 
@@ -49,6 +50,7 @@ export default createComponent({
     this.getPdfNumPages();
   },
   activated: function activated() {
+    this.privateUrl = this.url;
     this.recordMeta();
     this.recordHeight();
     this.recordScrollEvent();
@@ -61,14 +63,14 @@ export default createComponent({
     this.setMeta(true);
     this.setScrollEvent(true);
     this.reset();
-    this.url = "";
+    this.privateUrl = "";
   },
   destroyed: function destroyed() {
     this.setHeight(true);
     this.setMeta(true);
     this.setScrollEvent(true);
     this.reset();
-    this.url = "";
+    this.privateUrl = "";
   },
   computed: {
     // 只显示当前页前后几页的pdf
@@ -90,7 +92,10 @@ export default createComponent({
     }
   },
   watch: {
-    url: function url() {
+    url: function url(nv) {
+      this.privateUrl = nv;
+    },
+    privateUrl: function privateUrl() {
       this.getPdfNumPages();
     },
     pageNum: function pageNum(nv) {
@@ -191,13 +196,8 @@ export default createComponent({
     },
     setHeight: function setHeight(restore) {
       if (restore) {
-        if (this.bodyInitialHeight) {
-          document.body.style.height = this.bodyInitialHeight;
-        }
-
-        if (this.bodyInitialMinHeight) {
-          document.body.style.minHeight = this.bodyInitialMinHeight;
-        }
+        document.body.style.height = this.bodyInitialHeight;
+        document.body.style.minHeight = this.bodyInitialMinHeight;
       } else {
         document.body.style.height = 'auto';
         document.body.style.minHeight = '100%';
@@ -209,12 +209,12 @@ export default createComponent({
     getPdfNumPages: function getPdfNumPages() {
       var _this5 = this;
 
-      if (!this.url) {
+      if (!this.privateUrl) {
         return;
       }
 
       this.loading = true;
-      this.loadingTask = pdf.createLoadingTask(this.url);
+      this.loadingTask = pdf.createLoadingTask(this.privateUrl);
       this.loadingTask.promise.then(function (v) {
         _this5.pdfPageCount = v.numPages;
         var pdfArr = [];

package/lib/dropdown-item/index.css

@@ -1 +1 @@
-.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}.button{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}
+.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}

package/lib/dropdown-item/index.js

@@ -260,6 +260,22 @@ var _default2 = createComponent({
       });
     }
 
+    var buttonStyle;
+    var optionStyle;
+    var popupStyle;
+
+    if (this.options.length < 7) {
+      var height = this.options.length * 44;
+      var popupHeight = this.options.length * 44 + 44;
+      buttonStyle = 'top:' + (height + "px");
+      optionStyle = 'height:' + (height + "px");
+      popupStyle = "padding-left: 0px;height:" + (popupHeight + "px");
+    } else {
+      buttonStyle = 'top: 308px';
+      optionStyle = 'height: 308px';
+      popupStyle = "padding-left: 0px;height: 352px";
+    }
+
     var style = {
       zIndex: zIndex
     };
@@ -293,7 +309,7 @@ var _default2 = createComponent({
         "closeOnClickOverlay": closeOnClickOverlay
       },
       "class": bem('content'),
-      "style": this.multiSelect ? "padding-left: 0px" : "",
+      "style": this.multiSelect ? popupStyle : "",
       "on": {
         "open": this.onOpen,
         "close": this.onClose,
@@ -310,8 +326,21 @@ var _default2 = createComponent({
           _this3.showPopup = $$v;
         }
       }
-    }, [Options, h("div", {
+    }, [h("div", {
+      "directives": [{
+        name: "show",
+        value: !this.multiSelect
+      }]
+    }, [Options]), h("div", {
+      "class": "options",
+      "style": optionStyle,
+      "directives": [{
+        name: "show",
+        value: this.multiSelect
+      }]
+    }, [Options]), h("div", {
       "class": "button",
+      "style": buttonStyle,
       "directives": [{
         name: "show",
         value: this.multiSelect

package/lib/dropdown-item/index.less

@@ -47,7 +47,17 @@
   }
 
 }
+
+.options{
+  position: absolute;
+  top: 0px;
+  width: 100%;
+  overflow-y: scroll;
+}
+
 .button{
+  position: absolute;
+  z-index: 1;
   width: 100%;
   height: 44px;
   display: flex;