zartui 2.0.79 → 2.0.80-beta.1

package/lib/dialog/Dialog.js

@@ -1,25 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
 var _utils = require("../utils");
-
 var _constant = require("../utils/constant");
-
 var _popup = require("../mixins/popup");
-
 var _button = _interopRequireDefault(require("../button"));
-
 var _createNamespace = (0, _utils.createNamespace)('dialog'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
 var _default = createComponent({
   mixins: [(0, _popup.PopupMixin)()],
   props: {
@@ -75,20 +67,18 @@ var _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;
         });
@@ -98,7 +88,6 @@ var _default = createComponent({
     },
     onClose: function onClose(action) {
       this.close();
-
       if (this.callback) {
         this.callback(action);
       }
@@ -111,13 +100,10 @@ var _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.default, {
@@ -159,19 +145,15 @@ var _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
@@ -187,7 +169,6 @@ var _default = createComponent({
     },
     genBottom: function genBottom(bottomSlot) {
       var h = this.$createElement;
-
       if (bottomSlot) {
         return h("div", {
           "class": bem('bottom')
@@ -197,11 +178,9 @@ var _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');
@@ -239,5 +218,4 @@ var _default = createComponent({
     }, [Title, this.genContent(title, messageSlot), this.genButtons(), this.genBottom(bottomSlot)])]);
   }
 });
-
 exports.default = _default;

package/lib/dialog/index.js

@@ -1,29 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _vue = _interopRequireDefault(require("vue"));
-
 var _Dialog = _interopRequireDefault(require("./Dialog"));
-
 var _utils = require("../utils");
-
 var instance;
-
 function isInDocument(element) {
   return document.body.contains(element);
 }
-
 function initInstance() {
   if (instance) {
     instance.$destroy();
   }
-
   instance = new (_vue.default.extend(_Dialog.default))({
     el: document.createElement('div'),
     // avoid missing animation when first rendered
@@ -35,25 +26,21 @@ function initInstance() {
     instance.value = value;
   });
 }
-
 function Dialog(options) {
   /* istanbul ignore if */
   if (_utils.isServer) {
     return Promise.resolve();
   }
-
   return new Promise(function (resolve, reject) {
     if (!instance || !isInDocument(instance.$el)) {
       initInstance();
     }
-
     (0, _extends2.default)(instance, Dialog.currentOptions, options, {
       resolve: resolve,
       reject: reject
     });
   });
 }
-
 Dialog.defaultOptions = {
   value: true,
   title: '',
@@ -83,39 +70,30 @@ Dialog.defaultOptions = {
   }
 };
 Dialog.alert = Dialog;
-
 Dialog.confirm = function (options) {
   return Dialog((0, _extends2.default)({
     showCancelButton: true
   }, options));
 };
-
 Dialog.close = function () {
   if (instance) {
     instance.value = false;
   }
 };
-
 Dialog.setDefaultOptions = function (options) {
   (0, _extends2.default)(Dialog.currentOptions, options);
 };
-
 Dialog.resetDefaultOptions = function () {
   Dialog.currentOptions = (0, _extends2.default)({}, Dialog.defaultOptions);
 };
-
 Dialog.resetDefaultOptions();
-
 Dialog.install = function () {
   _vue.default.use(_Dialog.default);
 };
-
 Dialog.Component = _Dialog.default;
-
 if (typeof _vue.default.prototype.$dialog === "undefined") {
   _vue.default.prototype.$dialog = Dialog;
 }
-
 _vue.default.prototype.$ztDialog = Dialog;
 var _default = Dialog;
 exports.default = _default;

package/lib/divider/index.js

@@ -1,24 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
 var _utils = require("../utils");
-
 var _functional = require("../utils/functional");
-
 // Utils
-var _createNamespace = (0, _utils.createNamespace)('divider'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+// Types
+
+var _createNamespace = (0, _utils.createNamespace)('divider'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function Divider(h, props, slots, ctx) {
   var _bem;
-
   return h("div", (0, _babelHelperVueJsxMergeProps.default)([{
     "attrs": {
       "role": "separator"
@@ -32,7 +28,6 @@ function Divider(h, props, slots, ctx) {
     }, _bem["content-" + props.contentPosition] = slots.default, _bem))
   }, (0, _functional.inherit)(ctx, true)]), [slots.default && slots.default()]);
 }
-
 Divider.props = {
   dashed: Boolean,
   hairline: {
@@ -44,7 +39,5 @@ Divider.props = {
     default: 'center'
   }
 };
-
 var _default = createComponent(Divider);
-
 exports.default = _default;

package/lib/dropdown-item/index.js

@@ -1,35 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _event = require("../utils/dom/event");
-
 var _portal = require("../mixins/portal");
-
 var _relation = require("../mixins/relation");
-
 var _cell = _interopRequireDefault(require("../cell"));
-
 var _checkbox = _interopRequireDefault(require("../checkbox"));
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _popup = _interopRequireDefault(require("../popup"));
-
 var _button = _interopRequireDefault(require("../button"));
-
 // Utils
+
 // Mixins
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('dropdown-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+var _createNamespace = (0, _utils.createNamespace)('dropdown-item'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default2 = createComponent({
   mixins: [(0, _portal.PortalMixin)({
     ref: 'wrapper'
@@ -73,11 +64,9 @@ var _default2 = createComponent({
   computed: {
     displayTitle: function displayTitle() {
       var _this = this;
-
       if (this.title) {
         return this.title;
       }
-
       if (this.multiSelect) {
         if (this.value.length) {
           var value = '';
@@ -90,7 +79,6 @@ var _default2 = createComponent({
           return value;
         }
       }
-
       var match = this.options.filter(function (option) {
         return option.value === _this.value;
       });
@@ -104,13 +92,11 @@ var _default2 = 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');
@@ -121,23 +107,18 @@ var _default2 = 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();
@@ -159,17 +140,20 @@ var _default2 = 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() {
@@ -180,22 +164,24 @@ var _default2 = 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;
@@ -243,11 +229,10 @@ var _default2 = 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);
               }
             }
           }
@@ -261,12 +246,9 @@ var _default2 = 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";
@@ -276,11 +258,9 @@ var _default2 = createComponent({
         popupStyle.height = "378px";
       }
     }
-
     var style = {
       zIndex: zIndex
     };
-
     if (direction === 'down') {
       style.top = offset + "px";
       popupStyle.borderRadius = "0 0 16px 16px";
@@ -288,7 +268,6 @@ var _default2 = createComponent({
       style.bottom = offset + "px";
       popupStyle.borderRadius = "16px 16px 0 0";
     }
-
     return h("div", [h("div", {
       "directives": [{
         name: "show",
@@ -319,7 +298,6 @@ var _default2 = createComponent({
         "opened": this.onOpened,
         "closed": function closed() {
           _this3.showWrapper = false;
-
           _this3.$emit('closed');
         }
       },
@@ -362,5 +340,4 @@ var _default2 = createComponent({
     }, ["\u786E\u5B9A"])]), this.slots('default')])])]);
   }
 });
-
 exports.default = _default2;

package/lib/dropdown-menu/index.js

@@ -1,26 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _scroll = require("../utils/dom/scroll");
-
 var _clickOutside = require("../mixins/click-outside");
-
 var _relation = require("../mixins/relation");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 // Utils
+
 // Mixins
-var _createNamespace = (0, _utils.createNamespace)('dropdown-menu'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+var _createNamespace = (0, _utils.createNamespace)('dropdown-menu'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   mixins: [(0, _relation.ParentMixin)('ztDropdownMenu'), (0, _clickOutside.ClickOutsideMixin)({
     event: 'click',
@@ -73,9 +67,7 @@ var _default = createComponent({
       if (!this.$refs.bar) {
         return;
       }
-
       var rect = this.$refs.bar.getBoundingClientRect();
-
       if (this.direction === 'down') {
         this.offset = rect.bottom;
       } else {
@@ -101,13 +93,11 @@ var _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",
@@ -155,5 +145,4 @@ var _default = createComponent({
     }, [Titles]), this.slots('default')]);
   }
 });
-
 exports.default = _default;

package/lib/empty/index.js

@@ -1,35 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _NotFound = _interopRequireDefault(require("./images/NotFound"));
-
 var _Developing = _interopRequireDefault(require("./images/Developing"));
-
 var _EmptyInterface = _interopRequireDefault(require("./images/EmptyInterface"));
-
 var _EmptyResult = _interopRequireDefault(require("./images/EmptyResult"));
-
 var _FindNull = _interopRequireDefault(require("./images/FindNull"));
-
 var _NetworkError = _interopRequireDefault(require("./images/NetworkError"));
-
 var _ReportSuccess = _interopRequireDefault(require("./images/ReportSuccess"));
-
 var _Restricted = _interopRequireDefault(require("./images/Restricted"));
-
 var _ServerError = _interopRequireDefault(require("./images/ServerError"));
-
 var _createNamespace = (0, _utils.createNamespace)('empty'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
 var _default = createComponent({
   props: {
     imageWidth: [Number, String],
@@ -44,11 +31,9 @@ var _default = createComponent({
     genImageContent: function genImageContent() {
       var h = this.$createElement;
       var slots = this.slots('image');
-
       if (slots) {
         return slots;
       }
-
       if (this.image === 'default') {
         return h(_NotFound.default);
       } else if (this.image === 'error') {
@@ -70,7 +55,6 @@ var _default = createComponent({
       } else if (this.image === 'report-success') {
         return h(_ReportSuccess.default);
       }
-
       var image = this.image;
       return h("img", {
         "attrs": {
@@ -92,7 +76,6 @@ var _default = createComponent({
     genDescription: function genDescription() {
       var h = this.$createElement;
       var description = this.slots('description') || this.description;
-
       if (!description) {
         if (this.image === 'not-search-result') {
           description = t('notSearchResult');
@@ -106,7 +89,6 @@ var _default = createComponent({
           description = t('notRight');
         }
       }
-
       if (description) {
         return h("p", {
           "class": bem('description')
@@ -116,7 +98,6 @@ var _default = createComponent({
     genBottom: function genBottom() {
       var h = this.$createElement;
       var slot = this.slots();
-
       if (slot) {
         return h("div", {
           "class": bem('bottom')
@@ -131,5 +112,4 @@ var _default = createComponent({
     }, [this.genImage(), this.genDescription(), this.genBottom()]);
   }
 });
-
 exports.default = _default;