zartui 2.0.64 → 2.0.65

package/es/button/index.js

@@ -4,8 +4,7 @@ import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
 import { createNamespace } from '../utils';
 import { emit, inherit } from '../utils/functional';
 import { BORDER_SURROUND } from '../utils/constant';
-import { routeProps, functionalRoute } from '../utils/router';
-import { Telemetry, TelemetryEvent } from "../telemetry"; // Components
+import { routeProps, functionalRoute } from '../utils/router'; // Components
 
 import Icon from '../icon';
 import Loading from '../loading'; // Types
@@ -63,8 +62,6 @@ function Button(h, props, slots, ctx) {
     if (!loading && !disabled) {
       emit(ctx, 'click', event);
       functionalRoute(ctx);
-      var trackEvent = new TelemetryEvent('button', {});
-      Telemetry.sharedInstance.trackClick(trackEvent);
     }
   }
 

package/es/index.js

@@ -74,7 +74,7 @@ import Tag from './tag';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.0.64';
+var version = '2.0.65';
 
 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, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader];

package/es/style/var.less

@@ -951,6 +951,7 @@
 @tabs-default-color: #0091FA;
 @tabs-line-height: 44px;
 @tabs-card-height: 32px;
+@tabs-card-margin: 60px;
 @tabs-nav-background-color: @white;
 @tabs-bottom-bar-width: 12px;
 @tabs-bottom-bar-height: 4px;

package/es/tabs/index.css

@@ -1 +1 @@
-.zt2-tab{position:relative;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;box-sizing:border-box;padding:0 16px;color:rgba(45,75,115,.6);font-size:14px;line-height:20px;cursor:pointer}.zt2-tab--active{color:#2d4b73;font-weight:700;font-size:16px}.zt2-tab--disabled{color:#c8c9cc;cursor:not-allowed}.zt2-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.zt2-tab__text-wrapper{position:relative}.zt2-tabs{position:relative}.zt2-tabs__wrap{overflow:hidden}.zt2-tabs__wrap--page-top{position:fixed}.zt2-tabs__wrap--content-bottom{top:auto;bottom:0}.zt2-tabs__wrap--scrollable .zt2-tab{-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto;padding:0 12px}.zt2-tabs__wrap--scrollable .zt2-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt2-tabs__wrap--scrollable .zt2-tabs__nav::-webkit-scrollbar{display:none}.zt2-tabs__nav{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;background-color:#f5faff;-webkit-user-select:none;user-select:none}.zt2-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.zt2-tabs__nav--line.zt2-tabs__nav--complete{padding-right:8px;padding-left:8px}.zt2-tabs__nav--card{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:0 60px;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;height:32px;background:rgba(45,75,115,.04);box-shadow:inset 4px 4px 8px 0 rgba(45,75,115,.1);border-radius:16px}.zt2-tabs__nav--card .zt2-tab{color:#000}.zt2-tabs__nav--card .zt2-tab.zt2-tab--active{height:24px;color:#fff;font-size:14px;background-image:-webkit-linear-gradient(top,#3cafff 0,#0091fa 100%);background-image:linear-gradient(180deg,#3cafff 0,#0091fa 100%);box-shadow:0 2px 4px 0 rgba(0,145,250,.24);border-radius:14px}.zt2-tabs__nav--card .zt2-tab--disabled{color:#c8c9cc}.zt2-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:12px;height:4px;background-color:#0091fa;border-radius:2px}.zt2-tabs__track{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:100%;will-change:left}.zt2-tabs__content--animated{overflow:hidden}.zt2-tabs--line .zt2-tabs__wrap{height:44px}.zt2-tabs--card>.zt2-tabs__wrap{height:32px}
+.zt2-tab{position:relative;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;box-sizing:border-box;padding:0 16px;color:rgba(45,75,115,.6);font-size:14px;line-height:20px;cursor:pointer}.zt2-tab--active{color:#2d4b73;font-weight:700;font-size:16px}.zt2-tab--disabled{color:#c8c9cc;cursor:not-allowed}.zt2-tab__text{word-break:break-all}.zt2-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.zt2-tab__text-wrapper{position:relative}.zt2-tabs{position:relative}.zt2-tabs__wrap{overflow:hidden}.zt2-tabs__wrap--page-top{position:fixed}.zt2-tabs__wrap--content-bottom{top:auto;bottom:0}.zt2-tabs__wrap--scrollable .zt2-tab{-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto;padding:0 12px}.zt2-tabs__wrap--scrollable .zt2-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt2-tabs__wrap--scrollable .zt2-tabs__nav::-webkit-scrollbar{display:none}.zt2-tabs__nav{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;background-color:#f5faff;-webkit-user-select:none;user-select:none}.zt2-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.zt2-tabs__nav--line.zt2-tabs__nav--complete{padding-right:8px;padding-left:8px}.zt2-tabs__nav--card{max-width:calc(100vw - 60px * 2);-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;height:32px;background:rgba(45,75,115,.04);box-shadow:inset 4px 4px 8px 0 rgba(45,75,115,.1);border-radius:16px}.zt2-tabs__nav--card .zt2-tab{color:#000}.zt2-tabs__nav--card .zt2-tab.zt2-tab--active{height:24px;color:#fff;font-size:14px;background-image:-webkit-linear-gradient(top,#3cafff 0,#0091fa 100%);background-image:linear-gradient(180deg,#3cafff 0,#0091fa 100%);box-shadow:0 2px 4px 0 rgba(0,145,250,.24);border-radius:14px}.zt2-tabs__nav--card .zt2-tab--disabled{color:#c8c9cc}.zt2-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:12px;height:4px;background-color:#0091fa;border-radius:2px}.zt2-tabs__track{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:100%;will-change:left}.zt2-tabs__content--animated{overflow:hidden}.zt2-tabs--line .zt2-tabs__wrap{height:44px}.zt2-tabs--card>.zt2-tabs__wrap{height:32px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}

package/es/tabs/index.less

@@ -25,6 +25,8 @@
   }
 
   &__text {
+    // 处理title尾部全为字母数字换行导致省略后title显示怪异问题
+    word-break: break-all;
     &--ellipsis {
       display: -webkit-box;
       overflow: hidden;
@@ -90,8 +92,7 @@
     }
 
     &--card {
-      flex: 1;
-      margin: 0 60px;
+      max-width: calc(100vw - @tabs-card-margin * 2);
       justify-content: flex-start;
       align-items: center;
       box-sizing: border-box;
@@ -154,6 +155,8 @@
   &--card {
     > .@{base-prefix}-tabs__wrap {
       height: @tabs-card-height;
+      display: flex;
+      justify-content: center;
     }
   }
 }

package/es/utils/create/component.js

@@ -5,9 +5,7 @@ import '../../locale';
 import { isFunction } from '..';
 import { camelize } from '../format/string';
 import { SlotsMixin } from '../../mixins/slots';
-import { TelemetryMixin } from "../../mixins/telemetry";
 import Vue from 'vue';
-import { Telemetry, TelemetryEvent } from "../../telemetry";
 
 function install(Vue) {
   var name = this.name;
@@ -36,8 +34,6 @@ function transformFunctionComponent(pure, name) {
     props: pure.props,
     model: pure.model,
     render: function render(h, context) {
-      var event = new TelemetryEvent(name);
-      Telemetry.sharedInstance.trackAppear(event);
       return pure(h, context.props, unifySlots(context), context);
     }
   };
@@ -52,7 +48,6 @@ export function createComponent(name) {
     if (!sfc.functional) {
       sfc.mixins = sfc.mixins || [];
       sfc.mixins.push(SlotsMixin);
-      sfc.mixins.push(TelemetryMixin);
     }
 
     sfc.name = name;

package/lib/button/index.js

@@ -17,8 +17,6 @@ var _constant = require("../utils/constant");
 
 var _router = require("../utils/router");
 
-var _telemetry = require("../telemetry");
-
 var _icon = _interopRequireDefault(require("../icon"));
 
 var _loading = _interopRequireDefault(require("../loading"));
@@ -78,9 +76,6 @@ function Button(h, props, slots, ctx) {
     if (!loading && !disabled) {
       (0, _functional.emit)(ctx, 'click', event);
       (0, _router.functionalRoute)(ctx);
-      var trackEvent = new _telemetry.TelemetryEvent('button', {});
-
-      _telemetry.Telemetry.sharedInstance.trackClick(trackEvent);
     }
   }