zartui 2.1.17 → 2.1.19

package/es/index.js

@@ -76,7 +76,7 @@ import TextEllipsis from './text-ellipsis';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.1.17';
+var version = '2.1.19';
 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, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, SpeechRecognizer, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, TextEllipsis, Timeline, Toast, Uploader];
   components.forEach(function (item) {

package/es/media-picker/index.js

@@ -1149,7 +1149,7 @@ export default createComponent({
       }
     }, [this.renderCertificates()]) : h("div", {
       "class": bem('line')
-    }, [this.renderButtons()]), h(ZtGrid, {
+    }, [this.renderButtons(), this.slots('extend')]), h(ZtGrid, {
       "directives": [{
         name: "show",
         value: this.mediaList.length && this.pickerMode !== "certificate"

package/es/table/index.css

@@ -1 +1 @@
-.zt2-table table{border-collapse:separate;border-spacing:0;width:100%;table-layout:auto;box-sizing:border-box}.zt2-table--fixed{overflow:auto scroll}.zt2-table--fixed::-webkit-scrollbar{width:0;height:0}.zt2-table--fixed table{table-layout:fixed}.zt2-table--thead-fixed{position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt2-table--fix-left{position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt2-table--bordered{border-left:1px solid #f0f0f0}.zt2-table--bordered>table{border-top:1px solid #f0f0f0}.zt2-table--bordered .zt2-table__thead>tr>th{border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.zt2-table--bordered .zt2-table__tbody>tr>td{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0}.zt2-table__thead>tr>th{box-sizing:border-box;overflow-wrap:break-word;height:40px;font-weight:600;font-size:14px;color:#0091fa;text-align:center;line-height:40px;background:#e6f5ff}.zt2-table__head{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.zt2-table__head-sort{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;color:#c8c9cc}.zt2-table__sort-active{color:#0091fa}.zt2-table__tbody>tr>td{box-sizing:border-box;overflow-wrap:break-word;height:40px;font-size:14px;color:#2d4b73;text-align:center;line-height:40px;background:#fff}.zt2-table--striped .zt2-table__tbody>tr:nth-child(even)>td{background:#f5faff}.zt2-table--left-last{border-right:none!important}.zt2-table--left-last::after{content:"";position:absolute;top:0;right:-10px;width:10px;height:100%;opacity:.06;background-image:-webkit-linear-gradient(left,#000 0,rgba(0,0,0,0) 100%);background-image:linear-gradient(90deg,#000 0,rgba(0,0,0,0) 100%)}
+.zt2-table table{border-collapse:separate;border-spacing:0;width:100%;table-layout:auto;box-sizing:border-box}.zt2-table--fixed{overflow:auto scroll}.zt2-table--fixed::-webkit-scrollbar{width:0;height:0}.zt2-table--fixed table{table-layout:fixed}.zt2-table--thead-fixed{position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt2-table--fix-left,.zt2-table--fix-right{position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt2-table--bordered{border-left:1px solid #f0f0f0}.zt2-table--bordered>table{border-top:1px solid #f0f0f0}.zt2-table--bordered .zt2-table__thead>tr>th{border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.zt2-table--bordered .zt2-table__tbody>tr>td{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0}.zt2-table__thead>tr>th{box-sizing:border-box;overflow-wrap:break-word;height:40px;font-weight:600;font-size:14px;color:#0091fa;text-align:center;line-height:40px;background:#e6f5ff}.zt2-table__head{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.zt2-table__head-sort{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;color:#c8c9cc}.zt2-table__sort-active{color:#0091fa}.zt2-table__tbody>tr>td{box-sizing:border-box;overflow-wrap:break-word;height:40px;font-size:14px;color:#2d4b73;text-align:center;line-height:40px;background:#fff}.zt2-table--striped .zt2-table__tbody>tr:nth-child(even)>td{background:#f5faff}.zt2-table--left-last{border-right:none!important}.zt2-table--left-last::after{content:"";position:absolute;top:0;right:-10px;width:10px;height:100%;opacity:.06;background-image:-webkit-linear-gradient(left,#000 0,rgba(0,0,0,0) 100%);background-image:linear-gradient(90deg,#000 0,rgba(0,0,0,0) 100%)}.zt2-table--right-last{border-left:none!important}.zt2-table--right-last::after{content:"";position:absolute;top:0;left:-10px;width:10px;height:100%;opacity:.06;background-image:-webkit-linear-gradient(right,#000 0,rgba(0,0,0,0) 100%);background-image:linear-gradient(-90deg,#000 0,rgba(0,0,0,0) 100%)}

package/es/table/index.js

@@ -33,6 +33,7 @@ export default createComponent({
   data: function data() {
     return {
       pingedLeft: false,
+      pingedRight: false,
       sortOrder: '',
       sortKey: ''
     };
@@ -40,7 +41,7 @@ export default createComponent({
   computed: {
     fixedColumn: function fixedColumn() {
       return this.headList.filter(function (v) {
-        return v.fixed;
+        return v.fixed || v.fixedRight;
       });
     },
     fixed: function fixed() {
@@ -78,6 +79,8 @@ export default createComponent({
         scrollLeft = _ref.scrollLeft;
       var mergedScrollLeft = typeof scrollLeft === 'number' ? scrollLeft : currentTarget.scrollLeft;
       this.pingedLeft = mergedScrollLeft > 0;
+      var rightRemain = currentTarget.scrollWidth - currentTarget.scrollLeft - currentTarget.clientWidth;
+      this.pingedRight = rightRemain > 0;
     },
     getNextSortOrder: function getNextSortOrder(type) {
       if (!type) {
@@ -106,10 +109,13 @@ export default createComponent({
         return h("th", {
           "class": bem({
             'fix-left': colData.fixed,
-            'left-last': colData.lastFixLeft && this.pingedLeft
+            'left-last': colData.lastFixLeft && this.pingedLeft,
+            'fix-right': colData.fixedRight,
+            'right-last': colData.lastRight && this.pingedRight
           }),
           "style": {
-            left: colData.fixed ? colData.left : ''
+            left: colData.fixed ? colData.left : '',
+            right: colData.fixedRight ? colData.right : ''
           },
           "attrs": {
             "colspan": (colData == null ? void 0 : colData.colSpan) !== 1 ? colData == null ? void 0 : colData.colSpan : null
@@ -185,6 +191,7 @@ export default createComponent({
         }
         var style = _extends({}, colData.style);
         style.left = colData.fixed ? colData.left : '';
+        style.right = colData.fixedRight ? colData.right : '';
         return ((_additionalCellProps = additionalCellProps) == null ? void 0 : _additionalCellProps.rowSpan) !== 0 && ((_additionalCellProps2 = additionalCellProps) == null ? void 0 : _additionalCellProps2.colSpan) !== 0 && h("td", {
           "on": {
             "click": function click() {
@@ -193,7 +200,9 @@ export default createComponent({
           },
           "class": bem({
             'fix-left': colData.fixed,
-            'left-last': colData.lastFixLeft && _this3.pingedLeft
+            'left-last': colData.lastFixLeft && _this3.pingedLeft,
+            'fix-right': colData.fixedRight,
+            'right-last': colData.lastRight && _this3.pingedRight
           }),
           "attrs": {
             "colspan": ((_additionalCellProps3 = additionalCellProps) == null ? void 0 : _additionalCellProps3.colSpan) !== 1 ? (_additionalCellProps4 = additionalCellProps) == null ? void 0 : _additionalCellProps4.colSpan : null,
@@ -204,9 +213,16 @@ export default createComponent({
       })]);
     }
   },
+  mounted: function mounted() {
+    var table = this.$refs.table;
+    if (table) {
+      this.pingedRight = table.scrollWidth > table.clientWidth;
+    }
+  },
   render: function render(h) {
     var _this4 = this;
     return h("div", {
+      "ref": "table",
       "class": bem({
         fixed: this.fixed,
         bordered: this.bordered,

package/es/table/index.less

@@ -28,6 +28,7 @@
     z-index: 2;
   }
 
+  &--fix-right,
   &--fix-left {
     position: sticky !important;
     z-index: 2;
@@ -131,4 +132,19 @@
       background-image: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
     }
   }
-}
+
+  &--right-last {
+    border-left: none !important;
+
+    &::after {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: -10px;
+      width: 10px;
+      height: 100%;
+      opacity: 0.06;
+      background-image: linear-gradient(-90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
+    }
+  }
+}