zartui 2.0.79 → 2.0.80-beta.1

package/es/datetime-picker/TimePicker.js

@@ -3,10 +3,8 @@ import { createNamespace } from '../utils';
 import { padZero } from '../utils/format/string';
 import { range } from '../utils/format/number';
 import { sharedProps, TimePickerMixin } from './shared';
-
 var _createNamespace = createNamespace('time-picker'),
-    createComponent = _createNamespace[0];
-
+  createComponent = _createNamespace[0];
 export default createComponent({
   mixins: [TimePickerMixin],
   props: _extends({}, sharedProps, {
@@ -46,16 +44,14 @@ export default createComponent({
     filter: 'updateInnerValue',
     minHour: function minHour() {
       var _this = this;
-
       this.$nextTick(function () {
         _this.updateInnerValue();
       });
     },
     maxHour: function maxHour(value) {
       var _this$innerValue$spli = this.innerValue.split(':'),
-          hour = _this$innerValue$spli[0],
-          minute = _this$innerValue$spli[1];
-
+        hour = _this$innerValue$spli[0],
+        minute = _this$innerValue$spli[1];
       if (hour >= value) {
         this.innerValue = this.formatValue(value + ":" + minute);
         this.updateColumnValue();
@@ -66,9 +62,8 @@ export default createComponent({
     minMinute: 'updateInnerValue',
     maxMinute: function maxMinute(value) {
       var _this$innerValue$spli2 = this.innerValue.split(':'),
-          hour = _this$innerValue$spli2[0],
-          minute = _this$innerValue$spli2[1];
-
+        hour = _this$innerValue$spli2[0],
+        minute = _this$innerValue$spli2[1];
       if (minute >= value) {
         this.innerValue = this.formatValue(hour + ":" + value);
         this.updateColumnValue();
@@ -78,7 +73,6 @@ export default createComponent({
     },
     value: function value(val) {
       val = this.formatValue(val);
-
       if (val !== this.innerValue) {
         this.innerValue = val;
         this.updateColumnValue();
@@ -90,27 +84,23 @@ export default createComponent({
       if (!value) {
         value = padZero(this.minHour) + ":" + padZero(this.minMinute);
       }
-
       var _value$split = value.split(':'),
-          hour = _value$split[0],
-          minute = _value$split[1];
-
+        hour = _value$split[0],
+        minute = _value$split[1];
       hour = padZero(range(hour, this.minHour, this.maxHour));
       minute = padZero(range(minute, this.minMinute, this.maxMinute));
       return hour + ":" + minute;
     },
     updateInnerValue: function updateInnerValue() {
       var indexes = this.getPicker().getIndexes();
-
       if (!indexes || indexes.length === 0) {
         return;
       }
-
       var hourIndex = indexes[0],
-          minuteIndex = indexes[1];
+        minuteIndex = indexes[1];
       var _this$originColumns = this.originColumns,
-          hourColumn = _this$originColumns[0],
-          minuteColumn = _this$originColumns[1];
+        hourColumn = _this$originColumns[0],
+        minuteColumn = _this$originColumns[1];
       var hour = hourColumn.values[hourIndex] || hourColumn.values[0];
       var minute = minuteColumn.values[minuteIndex] || minuteColumn.values[0];
       this.innerValue = this.formatValue(hour + ":" + minute);
@@ -118,20 +108,17 @@ export default createComponent({
     },
     onChange: function onChange(picker) {
       var _this2 = this;
-
       this.updateInnerValue();
       this.$nextTick(function () {
         _this2.$nextTick(function () {
           // https://github.com/vant-ui/vant/issues/9775
           _this2.updateInnerValue();
-
           _this2.$emit('change', picker);
         });
       });
     },
     updateColumnValue: function updateColumnValue() {
       var _this3 = this;
-
       var formatter = this.formatter;
       var pair = this.innerValue.split(':');
       var values = [formatter('hour', pair[0]), formatter('minute', pair[1])];

package/es/datetime-picker/index.js

@@ -2,11 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { createNamespace } from '../utils';
 import TimePicker from './TimePicker';
 import DatePicker from './DatePicker';
-
 var _createNamespace = createNamespace('datetime-picker'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   props: _extends({}, TimePicker.props, DatePicker.props),
   methods: {

package/es/datetime-picker/shared.js

@@ -31,19 +31,16 @@ export var TimePickerMixin = {
   computed: {
     originColumns: function originColumns() {
       var _this = this;
-
       return this.ranges.map(function (_ref) {
         var type = _ref.type,
-            rangeArr = _ref.range;
+          rangeArr = _ref.range;
         var values = times(rangeArr[1] - rangeArr[0] + 1, function (index) {
           var value = padZero(rangeArr[0] + index);
           return value;
         });
-
         if (_this.filter) {
           values = _this.filter(type, values);
         }
-
         return {
           type: type,
           values: values
@@ -52,7 +49,6 @@ export var TimePickerMixin = {
     },
     columns: function columns() {
       var _this2 = this;
-
       return this.originColumns.map(function (column) {
         return {
           values: column.values.map(function (value) {
@@ -66,7 +62,6 @@ export var TimePickerMixin = {
       if (this.columnsOrder) {
         return [];
       }
-
       var year = t('year');
       var month = t('month');
       var day = t('day');
@@ -79,8 +74,8 @@ export var TimePickerMixin = {
         'time': [hour, minute],
         'datetime': [year, month, day, hour, minute],
         'datehour': [year, month, day, hour]
-      }; // console.log('type ' + this.type + ' ' + JSON.stringify(presetHeaders[this.type]))
-
+      };
+      // console.log('type ' + this.type + ' ' + JSON.stringify(presetHeaders[this.type]))
       return presetHeaders[this.type] || [];
     }
   },
@@ -95,12 +90,10 @@ export var TimePickerMixin = {
     },
     showPicker: function showPicker() {
       var _this3 = this;
-
       if (this.columnValueNotInited) {
         this.updateColumnValue();
         this.$nextTick(function () {
           _this3.updateInnerValue();
-
           _this3.columnValueNotInited = false;
         });
       }
@@ -108,16 +101,14 @@ export var TimePickerMixin = {
   },
   mounted: function mounted() {
     var _this4 = this;
-
-    var picker = this.getPicker(); // picker UI元素没有准备好，没有columns
-
+    var picker = this.getPicker();
+    // picker UI元素没有准备好，没有columns
     if (!picker || !picker.getColumnCount()) {
       this.columnValueNotInited = true;
     } else {
       this.updateColumnValue();
       this.$nextTick(function () {
         _this4.updateInnerValue();
-
         _this4.columnValueNotInited = false;
       });
     }
@@ -129,18 +120,14 @@ export var TimePickerMixin = {
     // https://github.com/vant-ui/vant/issues/10013
     getProxiedPicker: function getProxiedPicker() {
       var _this5 = this;
-
       var picker = this.$refs.picker;
-
       if (picker) {
         var proxy = function proxy(fn) {
           return function () {
             picker[fn].apply(picker, arguments);
-
             _this5.updateInnerValue();
           };
         };
-
         return _extends({}, picker, {
           setValues: proxy('setValues'),
           setIndexes: proxy('setIndexes'),
@@ -160,7 +147,6 @@ export var TimePickerMixin = {
   },
   render: function render() {
     var _this6 = this;
-
     var h = arguments[0];
     var props = {};
     Object.keys(pickerProps).forEach(function (key) {

package/es/datetime-picker/utils.js

@@ -3,21 +3,17 @@ export function times(n, iteratee) {
   if (n < 0) {
     return [];
   }
-
   var index = -1;
   var result = Array(n);
-
   while (++index < n) {
     result[index] = iteratee(index);
   }
-
   return result;
 }
 export function getTrueValue(value) {
   if (!value) {
     return 0;
   }
-
   while (isNaN(parseInt(value, 10))) {
     if (value.length > 1) {
       value = value.slice(1);
@@ -25,7 +21,6 @@ export function getTrueValue(value) {
       return 0;
     }
   }
-
   return parseInt(value, 10);
 }
 export function getMonthEndDay(year, month) {

package/es/dialog/Dialog.js

@@ -3,12 +3,10 @@ import { createNamespace, addUnit } from '../utils';
 import { BORDER_TOP, BORDER_LEFT } from '../utils/constant';
 import { PopupMixin } from '../mixins/popup';
 import Button from '../button';
-
 var _createNamespace = createNamespace('dialog'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
 export default createComponent({
   mixins: [PopupMixin()],
   props: {
@@ -64,20 +62,18 @@ export default createComponent({
     },
     handleAction: function handleAction(action) {
       var _this = this;
+      this.$emit(action);
 
-      this.$emit(action); // show not trigger close event when hidden
-
+      // show not trigger close event when hidden
       if (!this.value) {
         return;
       }
-
       if (this.beforeClose) {
         this.loading[action] = true;
         this.beforeClose(action, function (state) {
           if (state !== false && _this.loading[action]) {
             _this.onClose(action);
           }
-
           _this.loading.confirm = false;
           _this.loading.cancel = false;
         });
@@ -87,7 +83,6 @@ export default createComponent({
     },
     onClose: function onClose(action) {
       this.close();
-
       if (this.callback) {
         this.callback(action);
       }
@@ -100,13 +95,10 @@ export default createComponent({
     },
     genButtons: function genButtons() {
       var _this2 = this;
-
       var h = this.$createElement;
-
       if (!this.showCancelButton && !this.showConfirmButton) {
         return "";
       }
-
       return h("div", {
         "class": bem('footer')
       }, [this.showCancelButton && h(Button, {
@@ -148,19 +140,15 @@ export default createComponent({
     },
     genContent: function genContent(hasTitle, messageSlot) {
       var h = this.$createElement;
-
       if (messageSlot) {
         return h("div", {
           "class": bem('content')
         }, [messageSlot]);
       }
-
       var message = this.message,
-          messageAlign = this.messageAlign;
-
+        messageAlign = this.messageAlign;
       if (message) {
         var _bem, _domProps;
-
         var data = {
           class: bem('message', (_bem = {
             'has-title': hasTitle
@@ -176,7 +164,6 @@ export default createComponent({
     },
     genBottom: function genBottom(bottomSlot) {
       var h = this.$createElement;
-
       if (bottomSlot) {
         return h("div", {
           "class": bem('bottom')
@@ -186,11 +173,9 @@ export default createComponent({
   },
   render: function render() {
     var h = arguments[0];
-
     if (!this.shouldRender) {
       return;
     }
-
     var message = this.message;
     var messageSlot = this.slots();
     var customTitle = this.slots('title');

package/es/dialog/index.js

@@ -3,16 +3,13 @@ import Vue from 'vue';
 import ZtDialog from './Dialog';
 import { isServer } from '../utils';
 var instance;
-
 function isInDocument(element) {
   return document.body.contains(element);
 }
-
 function initInstance() {
   if (instance) {
     instance.$destroy();
   }
-
   instance = new (Vue.extend(ZtDialog))({
     el: document.createElement('div'),
     // avoid missing animation when first rendered
@@ -24,25 +21,21 @@ function initInstance() {
     instance.value = value;
   });
 }
-
 function Dialog(options) {
   /* istanbul ignore if */
   if (isServer) {
     return Promise.resolve();
   }
-
   return new Promise(function (resolve, reject) {
     if (!instance || !isInDocument(instance.$el)) {
       initInstance();
     }
-
     _extends(instance, Dialog.currentOptions, options, {
       resolve: resolve,
       reject: reject
     });
   });
 }
-
 Dialog.defaultOptions = {
   value: true,
   title: '',
@@ -72,38 +65,29 @@ Dialog.defaultOptions = {
   }
 };
 Dialog.alert = Dialog;
-
 Dialog.confirm = function (options) {
   return Dialog(_extends({
     showCancelButton: true
   }, options));
 };
-
 Dialog.close = function () {
   if (instance) {
     instance.value = false;
   }
 };
-
 Dialog.setDefaultOptions = function (options) {
   _extends(Dialog.currentOptions, options);
 };
-
 Dialog.resetDefaultOptions = function () {
   Dialog.currentOptions = _extends({}, Dialog.defaultOptions);
 };
-
 Dialog.resetDefaultOptions();
-
 Dialog.install = function () {
   Vue.use(ZtDialog);
 };
-
 Dialog.Component = ZtDialog;
-
 if (typeof Vue.prototype.$dialog === "undefined") {
   Vue.prototype.$dialog = Dialog;
 }
-
 Vue.prototype.$ztDialog = Dialog;
 export default Dialog;

package/es/divider/index.js

@@ -1,15 +1,15 @@
 import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
 // Utils
 import { createNamespace } from '../utils';
-import { inherit } from '../utils/functional'; // Types
+import { inherit } from '../utils/functional';
 
-var _createNamespace = createNamespace('divider'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
+// Types
 
+var _createNamespace = createNamespace('divider'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function Divider(h, props, slots, ctx) {
   var _bem;
-
   return h("div", _mergeJSXProps([{
     "attrs": {
       "role": "separator"
@@ -23,7 +23,6 @@ function Divider(h, props, slots, ctx) {
     }, _bem["content-" + props.contentPosition] = slots.default, _bem))
   }, inherit(ctx, true)]), [slots.default && slots.default()]);
 }
-
 Divider.props = {
   dashed: Boolean,
   hairline: {

package/es/dropdown-item/index.js

@@ -1,20 +1,20 @@
 // Utils
 import { createNamespace } from '../utils';
-import { off, on } from '../utils/dom/event'; // Mixins
+import { off, on } from '../utils/dom/event';
 
+// Mixins
 import { PortalMixin } from '../mixins/portal';
-import { ChildrenMixin } from '../mixins/relation'; // Components
+import { ChildrenMixin } from '../mixins/relation';
 
+// Components
 import Cell from '../cell';
 import Checkbox from '../checkbox';
 import Icon from '../icon';
 import Popup from '../popup';
 import Button from '../button';
-
 var _createNamespace = createNamespace('dropdown-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [PortalMixin({
     ref: 'wrapper'
@@ -58,11 +58,9 @@ export default createComponent({
   computed: {
     displayTitle: function displayTitle() {
       var _this = this;
-
       if (this.title) {
         return this.title;
       }
-
       if (this.multiSelect) {
         if (this.value.length) {
           var value = '';
@@ -75,7 +73,6 @@ export default createComponent({
           return value;
         }
       }
-
       var match = this.options.filter(function (option) {
         return option.value === _this.value;
       });
@@ -89,13 +86,11 @@ export default createComponent({
   },
   beforeCreate: function beforeCreate() {
     var _this2 = this;
-
     var createEmitter = function createEmitter(eventName) {
       return function () {
         return _this2.$emit(eventName);
       };
     };
-
     this.onOpen = createEmitter('open');
     this.onClose = createEmitter('close');
     this.onOpened = createEmitter('opened');
@@ -106,23 +101,18 @@ export default createComponent({
       if (show === void 0) {
         show = !this.showPopup;
       }
-
       if (options === void 0) {
         options = {};
       }
-
       if (this.customToggle && show !== this.showPopup) {
         this.$emit('toggle');
         return;
       }
-
       if (show === this.showPopup) {
         return;
       }
-
       this.transition = !options.immediate;
       this.showPopup = show;
-
       if (show) {
         this.innerValue = [].concat(this.value);
         this.parent.updateOffset();
@@ -144,17 +134,20 @@ export default createComponent({
       }
     },
     select: function select(value) {
+      // 标识是否是取消选中这一元素
+      var isCancelSelect = true;
       if (this.innerValue.indexOf(value) >= 0) {
         this.innerValue.splice(this.innerValue.indexOf(value), 1);
       } else {
         this.innerValue.push(value);
+        isCancelSelect = false;
       }
+      this.$emit('item-select', value, isCancelSelect);
     },
     isSelect: function isSelect(value) {
       if (this.innerValue.indexOf(value) >= 0) {
         return true;
       }
-
       return false;
     },
     reset: function reset() {
@@ -165,22 +158,24 @@ export default createComponent({
       this.$emit('input', this.innerValue);
       this.$emit('change', this.innerValue);
       this.$emit('confirm', this.innerValue);
+    },
+    // @exposed-api 给灵珑侧提供的实现修改已选中值的函数
+    updateInnerValue: function updateInnerValue(updateValue) {
+      this.innerValue = updateValue;
     }
   },
   render: function render() {
     var _this3 = this;
-
     var h = arguments[0];
     var _this$parent = this.parent,
-        zIndex = _this$parent.zIndex,
-        offset = _this$parent.offset,
-        overlay = _this$parent.overlay,
-        duration = _this$parent.duration,
-        direction = _this$parent.direction,
-        activeColor = _this$parent.activeColor,
-        closeOnClickOverlay = _this$parent.closeOnClickOverlay;
+      zIndex = _this$parent.zIndex,
+      offset = _this$parent.offset,
+      overlay = _this$parent.overlay,
+      duration = _this$parent.duration,
+      direction = _this$parent.direction,
+      activeColor = _this$parent.activeColor,
+      closeOnClickOverlay = _this$parent.closeOnClickOverlay;
     var Options;
-
     if (this.multiSelect) {
       Options = this.options.map(function (option, index) {
         var active = _this3.innerValue.indexOf(option.value) >= 0;
@@ -228,11 +223,10 @@ export default createComponent({
           "on": {
             "click": function click() {
               _this3.showPopup = false;
-
               if (option.value !== _this3.value) {
                 _this3.$emit('input', option.value);
-
                 _this3.$emit('change', option.value);
+                _this3.$emit('item-select', option.value);
               }
             }
           }
@@ -246,12 +240,9 @@ export default createComponent({
         })]);
       });
     }
-
     var popupStyle = {};
-
     if (this.multiSelect) {
       var optionsLength = this.options.length;
-
       if (this.options.length < 7) {
         var popupHeight = optionsLength * 44 + 68;
         popupStyle.height = popupHeight + "px";
@@ -261,11 +252,9 @@ export default createComponent({
         popupStyle.height = "378px";
       }
     }
-
     var style = {
       zIndex: zIndex
     };
-
     if (direction === 'down') {
       style.top = offset + "px";
       popupStyle.borderRadius = "0 0 16px 16px";
@@ -273,7 +262,6 @@ export default createComponent({
       style.bottom = offset + "px";
       popupStyle.borderRadius = "16px 16px 0 0";
     }
-
     return h("div", [h("div", {
       "directives": [{
         name: "show",
@@ -304,7 +292,6 @@ export default createComponent({
         "opened": this.onOpened,
         "closed": function closed() {
           _this3.showWrapper = false;
-
           _this3.$emit('closed');
         }
       },

package/es/dropdown-menu/index.js

@@ -1,15 +1,14 @@
 // Utils
 import { createNamespace, isDef } from '../utils';
-import { getScroller } from '../utils/dom/scroll'; // Mixins
+import { getScroller } from '../utils/dom/scroll';
 
+// Mixins
 import { ClickOutsideMixin } from '../mixins/click-outside';
 import { ParentMixin } from '../mixins/relation';
 import Icon from '../icon';
-
 var _createNamespace = createNamespace('dropdown-menu'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ParentMixin('ztDropdownMenu'), ClickOutsideMixin({
     event: 'click',
@@ -62,9 +61,7 @@ export default createComponent({
       if (!this.$refs.bar) {
         return;
       }
-
       var rect = this.$refs.bar.getBoundingClientRect();
-
       if (this.direction === 'down') {
         this.offset = rect.bottom;
       } else {
@@ -90,13 +87,11 @@ export default createComponent({
   },
   render: function render() {
     var _this = this;
-
     var h = arguments[0];
     var Titles = this.children.map(function (item, index) {
       if (item.slots('header')) {
         return item.slots('header', item != null ? item : {});
       }
-
       return h("div", {
         "attrs": {
           "role": "button",