zartui 0.1.103 → 0.1.104

package/es/image-preview/index.css

@@ -1 +1 @@
-.zt-image-preview{position:fixed;top:0;left:0;width:100%;height:100%}.zt-image-preview__swipe{height:100%}.zt-image-preview__swipe-item{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;overflow:hidden}.zt-image-preview__cover{position:absolute;top:0;left:0}.zt-image-preview__image{width:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.zt-image-preview__image--vertical{width:auto;height:100%}.zt-image-preview__image img{-webkit-user-drag:none}.zt-image-preview__image .zt-image__error{top:30%;height:40%}.zt-image-preview__image .zt-image__error-icon{font-size:36px}.zt-image-preview__image .zt-image__loading{background-color:transparent}.zt-image-preview__index{position:absolute;bottom:8px;left:40px;height:24px;line-height:24px;padding:4px 8px;border-radius:2px;background:rgba(0,0,0,.6);color:#fff;font-size:16px;text-shadow:0 1px 1px #323233;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:10}.zt-image-preview__overlay{background-color:#000}.zt-image-preview__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:22px;cursor:pointer}.zt-image-preview__close-icon:active{color:#969799}.zt-image-preview__close-icon--top-left{top:16px;left:16px}.zt-image-preview__close-icon--top-right{top:16px;right:16px}.zt-image-preview__close-icon--bottom-left{bottom:16px;left:16px}.zt-image-preview__close-icon--bottom-right{right:16px;bottom:16px}.zt-image-preview__title{position:absolute;bottom:0;height:48px;width:100%;padding-left:70px;left:0;line-height:48px;font-size:18px;color:#fff;background:rgba(0,0,0,.4);z-index:9}
+.zt-image-preview{position:fixed;top:0;left:0;width:100%;height:100%}.zt-image-preview__swipe{height:100%}.zt-image-preview__swipe-item{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;overflow:hidden}.zt-image-preview__cover{position:absolute;top:0;left:0}.zt-image-preview__image{width:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.zt-image-preview__image--vertical{width:auto;height:100%}.zt-image-preview__image img{-webkit-user-drag:none}.zt-image-preview__image .zt-image__error{top:30%;height:40%}.zt-image-preview__image .zt-image__error-icon{font-size:36px}.zt-image-preview__image .zt-image__loading{background-color:transparent}.zt-image-preview__index{position:absolute;bottom:8px;left:40px;height:24px;line-height:24px;padding:4px 8px;border-radius:2px;background:rgba(0,0,0,.6);color:#fff;font-size:16px;text-shadow:0 1px 1px #323233;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:10}.zt-image-preview__overlay.zt-overlay{background-color:#000}.zt-image-preview__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:22px;cursor:pointer}.zt-image-preview__close-icon:active{color:#969799}.zt-image-preview__close-icon--top-left{top:16px;left:16px}.zt-image-preview__close-icon--top-right{top:16px;right:16px}.zt-image-preview__close-icon--bottom-left{bottom:16px;left:16px}.zt-image-preview__close-icon--bottom-right{right:16px;bottom:16px}.zt-image-preview__title{position:absolute;bottom:0;height:48px;width:100%;padding-left:70px;left:0;line-height:48px;font-size:18px;color:#fff;background:rgba(0,0,0,.4);z-index:9}

package/es/image-preview/index.less

@@ -70,7 +70,7 @@
     z-index: @image-preview-index-z-index;
   }
 
-  &__overlay {
+  &__overlay.zt-overlay {
     background-color: @black;
   }
 

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.103';
+var version = '0.1.104';
 
 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/timeline/index.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import { createNamespace } from '../utils';
 
 var _createNamespace = createNamespace('timeline'),
@@ -8,7 +9,8 @@ import Switch from "../switch";
 
 var defaultData = function defaultData() {
   return {
-    isFold: false
+    isFold: false,
+    computedProcesses: []
   };
 };
 
@@ -37,6 +39,10 @@ export default createComponent({
     opinionKey: {
       type: String,
       default: "处理意见"
+    },
+    enableSingleFold: {
+      type: Boolean,
+      default: true
     }
   },
   data: function data() {
@@ -46,20 +52,24 @@ export default createComponent({
   watch: {},
   mounted: function mounted() {
     this.isFold = this.defaultFold;
-    console.log("this.$slots", this.$slots);
+    this.computedProcesses = this.processes.map(function (v) {
+      return _extends({}, v, {
+        folded: false
+      });
+    });
   },
   methods: {
     genProcesses: function genProcesses() {
       var _this = this;
 
       if (this.isFold) {
-        var showProcesses = this.processes.slice(0, this.collapseCount);
+        var showProcesses = this.computedProcesses.slice(0, this.collapseCount);
         return showProcesses.map(function (item, index) {
           return _this.genProcessItem(item, index === showProcesses.length - 1);
         });
       } else {
-        return this.processes.map(function (item, index) {
-          return _this.genProcessItem(item, index === _this.processes.length - 1);
+        return this.computedProcesses.map(function (item, index) {
+          return _this.genProcessItem(item, index === _this.computedProcesses.length - 1);
         });
       }
     },
@@ -141,15 +151,28 @@ export default createComponent({
       var titleSlot = this.slots("title", item);
       var contentSlot = this.slots("content", item);
       var opinionSlot = this.slots("opinion", item);
+      var that = this;
+
+      function itemClicked() {
+        if (!that.enableSingleFold) {
+          return;
+        }
+
+        item.folded = !item.folded;
+      }
+
       return h("div", {
-        "class": bem("item") + (" " + (isLast ? "last-item" : ""))
+        "class": bem("item") + (" " + (isLast ? "last-item" : "")),
+        "on": {
+          "click": itemClicked
+        }
       }, [h("div", {
         "class": bem("left-container")
       }, [this.genAvatar(item, avatarSlot), h("div", {
         "class": bem("line")
       })]), h("div", {
         "class": bem("right-container")
-      }, [this.genTitle(item, titleSlot), h("div", {
+      }, [this.genTitle(item, titleSlot), item.folded ? h() : h("div", {
         "class": bem("main-container") + " half-border"
       }, [this.genContent(item, contentSlot), this.genOpinion(item, opinionSlot)])])]);
     }
@@ -178,7 +201,7 @@ export default createComponent({
           _this2.isFold = $$v;
         }
       }
-    })])]), this.processes.length ? h("div", {
+    })])]), this.computedProcesses.length ? h("div", {
       "class": bem("container")
     }, [this.genProcesses()]) : h()]);
   }