zartui 2.1.18 → 2.1.19

package/lib/index.js

@@ -161,7 +161,7 @@ var _toast = _interopRequireDefault(require("./toast"));
 exports.Toast = _toast.default;
 var _uploader = _interopRequireDefault(require("./uploader"));
 exports.Uploader = _uploader.default;
-var version = exports.version = '2.1.18';
+var version = exports.version = '2.1.19';
 function install(Vue) {
   var components = [_actionSheet.default, _area.default, _avatar.default, _backTop.default, _badge.default, _button.default, _calendar.default, _cascader.default, _cell.default, _cellGroup.default, _checkbox.default, _checkboxGroup.default, _col.default, _collapse.default, _collapseItem.default, _countDown.default, _datetimePicker.default, _dialog.default, _divider.default, _dropdownItem.default, _dropdownMenu.default, _empty.default, _field.default, _foldDialog.default, _form.default, _grid.default, _gridItem.default, _hierarchySelect.default, _icon.default, _image.default, _imagePreview.default, _indexAnchor.default, _indexBar.default, _info.default, _lazyload.default, _list.default, _loading.default, _locale.default, _mediaPicker.default, _mediaPlayer.default, _multiplePicker.default, _navBar.default, _noticeBar.default, _numberKeyboard.default, _overlay.default, _passwordInput.default, _picker.default, _popover.default, _popup.default, _pullRefresh.default, _radio.default, _radioGroup.default, _rate.default, _row.default, _search.default, _signature.default, _skeleton.default, _slider.default, _speechRecognizer.default, _step.default, _stepper.default, _steps.default, _sticky.default, _swipe.default, _swipeCell.default, _swipeItem.default, _switch.default, _switchCell.default, _tab.default, _tabbar.default, _tabbarItem.default, _table.default, _tabs.default, _tag.default, _textEllipsis.default, _timeline.default, _toast.default, _uploader.default];
   components.forEach(function (item) {

package/lib/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/lib/table/index.js

@@ -38,6 +38,7 @@ var _default = exports.default = createComponent({
   data: function data() {
     return {
       pingedLeft: false,
+      pingedRight: false,
       sortOrder: '',
       sortKey: ''
     };
@@ -45,7 +46,7 @@ var _default = exports.default = createComponent({
   computed: {
     fixedColumn: function fixedColumn() {
       return this.headList.filter(function (v) {
-        return v.fixed;
+        return v.fixed || v.fixedRight;
       });
     },
     fixed: function fixed() {
@@ -83,6 +84,8 @@ var _default = exports.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) {
@@ -111,10 +114,13 @@ var _default = exports.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
@@ -190,6 +196,7 @@ var _default = exports.default = createComponent({
         }
         var style = (0, _extends2.default)({}, 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() {
@@ -198,7 +205,9 @@ var _default = exports.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,
@@ -209,9 +218,16 @@ var _default = exports.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/lib/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%);
+    }
+  }
+}

package/lib/zart.js

@@ -30401,6 +30401,7 @@ var BODY_CELL_SLOTS_NAME = 'bodyCell';
   data: function data() {
     return {
       pingedLeft: false,
+      pingedRight: false,
       sortOrder: '',
       sortKey: ''
     };
@@ -30408,7 +30409,7 @@ var BODY_CELL_SLOTS_NAME = 'bodyCell';
   computed: {
     fixedColumn: function fixedColumn() {
       return this.headList.filter(function (v) {
-        return v.fixed;
+        return v.fixed || v.fixedRight;
       });
     },
     fixed: function fixed() {
@@ -30446,6 +30447,8 @@ var BODY_CELL_SLOTS_NAME = 'bodyCell';
         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) {
@@ -30474,10 +30477,13 @@ var BODY_CELL_SLOTS_NAME = 'bodyCell';
         return h("th", {
           "class": table_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
@@ -30553,6 +30559,7 @@ var BODY_CELL_SLOTS_NAME = 'bodyCell';
         }
         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() {
@@ -30561,7 +30568,9 @@ var BODY_CELL_SLOTS_NAME = 'bodyCell';
           },
           "class": table_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,
@@ -30572,9 +30581,16 @@ var BODY_CELL_SLOTS_NAME = 'bodyCell';
       })]);
     }
   },
+  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": table_bem({
         fixed: this.fixed,
         bordered: this.bordered,
@@ -31635,7 +31651,7 @@ var uploader_createNamespace = Object(utils["b" /* createNamespace */])('uploade
 
 
 
-var version = '2.1.18';
+var version = '2.1.19';
 function install(Vue) {
   var components = [action_sheet, es_area, avatar, back_top, badge, es_button, calendar, cascader, cell, cell_group, es_checkbox, checkbox_group, col, collapse, collapse_item, count_down, datetime_picker, dialog, divider, dropdown_item, dropdown_menu, empty, es_field, fold_dialog, es_form, grid, grid_item, hierarchy_select, es_icon, es_image, image_preview, index_anchor, index_bar, es_info, lazyload, es_list, es_loading, locale["a" /* default */], media_picker, media_player, multiple_picker, nav_bar, notice_bar, number_keyboard, es_overlay, password_input, es_picker, popover, popup, pull_refresh, es_radio, radio_group, rate, row, search, signature, skeleton, slider, speech_recognizer, es_step, stepper, steps, es_sticky, swipe, swipe_cell, swipe_item, es_switch, switch_cell, tab, tabbar, tabbar_item, table, tabs, es_tag, text_ellipsis, timeline, es_toast, uploader];
   components.forEach(function (item) {