@varlet/ui 1.24.1 → 1.24.2

package/lib/menu/Menu.js

@@ -1,7 +1,6 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
 
 var _vue = require("vue");
@@ -14,53 +13,28 @@ var _zIndex = require("../context/zIndex");
 
 var _components = require("../utils/components");
 
+
+
+
+
+
+
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
-    class: "var-menu",
-    ref: "host",
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default"), ((0, _vue.openBlock)(), (0, _vue.createBlock)(_vue.Teleport, {
-    to: _ctx.teleport,
-    disabled: !_ctx.teleport || _ctx.disabled
-  }, [(0, _vue.createVNode)(_vue.Transition, {
-    name: "var-menu",
-    onAfterEnter: _ctx.onOpened,
-    onAfterLeave: _ctx.onClosed
-  }, {
-    default: (0, _vue.withCtx)(() => [(0, _vue.withDirectives)((0, _vue.createElementVNode)("div", {
-      class: "var-menu__menu var-elevation--3",
-      ref: "menu",
-      style: (0, _vue.normalizeStyle)({
-        top: "calc(" + _ctx.top + "px + " + _ctx.toSizeUnit(_ctx.offsetY) + ")",
-        left: "calc(" + _ctx.left + "px + " + _ctx.toSizeUnit(_ctx.offsetX) + ")",
-        zIndex: _ctx.zIndex
-      }),
-      onClick: _cache[0] || (_cache[0] = (0, _vue.withModifiers)(() => {}, ["stop"]))
-    }, [(0, _vue.renderSlot)(_ctx.$slots, "menu")], 4
-    /* STYLE */
-    ), [[_vue.vShow, _ctx.show]])]),
-    _: 3
-    /* FORWARDED */
-
-  }, 8
-  /* PROPS */
-  , ["onAfterEnter", "onAfterLeave"])], 8
-  /* PROPS */
-  , ["to", "disabled"]))], 512
-  /* NEED_PATCH */
-  );
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0, _vue.isVNode)(s);
 }
 
 var _default = (0, _vue.defineComponent)({
-  render,
   name: 'VarMenu',
   props: _props.props,
 
-  setup(props) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var host = (0, _vue.ref)(null);
     var menu = (0, _vue.ref)(null);
     var top = (0, _vue.ref)(0);
@@ -102,19 +76,43 @@ var _default = (0, _vue.defineComponent)({
       left.value = (0, _elements.getLeft)(host.value);
     };
 
+    var renderTransition = () => (0, _vue.createVNode)(_vue.Transition, {
+      "name": "var-menu",
+      "onAfterEnter": props.onOpen,
+      "onAfterLeave": props.onClosed
+    }, {
+      default: () => [(0, _vue.withDirectives)((0, _vue.createVNode)("div", {
+        "class": "var-menu__menu var-elevation--3",
+        "ref": menu,
+        "style": {
+          top: "calc(" + top.value + "px + " + (0, _elements.toSizeUnit)(props.offsetY) + ")",
+          left: "calc(" + left.value + "px + " + (0, _elements.toSizeUnit)(props.offsetX) + ")",
+          zIndex: zIndex.value
+        },
+        "onClick": event => {
+          event.stopPropagation();
+        }
+      }, [slots.menu == null ? void 0 : slots.menu()]), [[_vue.vShow, props.show]])]
+    });
+
     (0, _vue.watch)(() => props.alignment, resize);
     (0, _vue.watch)(() => props.show, /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(function* (newValue) {
+      var _ref2 = _asyncToGenerator(function* (newValue) {
         var {
           onOpen,
           onClose
         } = props;
-        newValue && resize();
+
+        if (newValue) {
+          yield (0, _vue.nextTick)();
+          resize();
+        }
+
         newValue ? onOpen == null ? void 0 : onOpen() : onClose == null ? void 0 : onClose();
       });
 
       return function (_x) {
-        return _ref.apply(this, arguments);
+        return _ref2.apply(this, arguments);
       };
     }());
     (0, _vue.onMounted)(() => {
@@ -126,16 +124,22 @@ var _default = (0, _vue.defineComponent)({
       document.removeEventListener('click', handleMenuClose);
       window.removeEventListener('resize', resize);
     });
-    return {
-      disabled,
-      zIndex,
-      host,
-      menu,
-      top,
-      left,
-      toSizeUnit: _elements.toSizeUnit,
-      handleClick,
+    (0, _components.exposeApis)({
       resize
+    });
+    return () => {
+      var _slot;
+
+      return (0, _vue.createVNode)("div", {
+        "class": "var-menu",
+        "ref": host,
+        "onClick": handleClick
+      }, [slots.default == null ? void 0 : slots.default(), props.teleport ? (0, _vue.createVNode)(_vue.Teleport, {
+        "to": props.teleport,
+        "disabled": disabled.value
+      }, _isSlot(_slot = renderTransition()) ? _slot : {
+        default: () => [_slot]
+      }) : renderTransition()]);
     };
   }
 

package/lib/menu/index.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.default = exports._MenuComponent = void 0;
 
-var _Menu = _interopRequireDefault(require("./Menu.js"));
+var _Menu = _interopRequireDefault(require("./Menu"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/menu/style/index.js

@@ -1,4 +1,3 @@
 require('../../styles/common.css')
 require('../../styles/elevation.css')
 require('../menu.css')
-require('../MenuSfc.css')

package/lib/menu/style/less.js

@@ -1,4 +1,3 @@
 require('../../styles/common.less')
 require('../../styles/elevation.less')
 require('../menu.less')
-require('../MenuSfc.less')

package/lib/option/Option.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _checkbox = _interopRequireDefault(require("../checkbox"));
 
@@ -33,7 +33,9 @@ function render(_ctx, _cache) {
       width: _ctx.wrapWidth,
       color: _ctx.optionSelected ? _ctx.focusColor : undefined
     }),
-    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    onClick: _cache[2] || (_cache[2] = function () {
+      return _ctx.handleClick && _ctx.handleClick(...arguments);
+    })
   }, [(0, _vue.createElementVNode)("div", {
     class: (0, _vue.normalizeClass)(["var-option__cover", [_ctx.optionSelected ? 'var-option--selected-background' : null]]),
     style: (0, _vue.normalizeStyle)({

package/lib/pagination/Pagination.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _menu = _interopRequireDefault(require("../menu"));
 
@@ -147,7 +147,9 @@ function render(_ctx, _cache) {
       style: {
         "display": "flex"
       },
-      onClick: _cache[5] || (_cache[5] = (...args) => _ctx.showMenu && _ctx.showMenu(...args))
+      onClick: _cache[5] || (_cache[5] = function () {
+        return _ctx.showMenu && _ctx.showMenu(...arguments);
+      })
     }, [(0, _vue.createElementVNode)("span", null, (0, _vue.toDisplayString)(_ctx.size) + (0, _vue.toDisplayString)(_ctx.pack.paginationItem) + " / " + (0, _vue.toDisplayString)(_ctx.pack.paginationPage), 1
     /* TEXT */
     ), (0, _vue.createVNode)(_component_var_icon, {
@@ -275,11 +277,15 @@ var _default = (0, _vue.defineComponent)({
       if (type === 'simple' && !isValidatePage(value)) simpleValue.value = "" + current.value;
     };
 
-    (0, _vue.watch)([() => props.current, () => props.size], ([newCurrent, newSize]) => {
+    (0, _vue.watch)([() => props.current, () => props.size], _ref => {
+      var [newCurrent, newSize] = _ref;
       current.value = (0, _shared.toNumber)(newCurrent) || 1;
       size.value = (0, _shared.toNumber)(newSize || 10);
     });
-    (0, _vue.watch)([current, pageCount], ([newCurrent, newCount], [oldCurrent, oldCount]) => {
+    (0, _vue.watch)([current, pageCount], (_ref2, _ref3) => {
+      var [newCurrent, newCount] = _ref2;
+      var [oldCurrent, oldCount] = _ref3;
+
       if (newCurrent > newCount) {
         current.value = newCount;
         return;

package/lib/picker/Picker.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _button = _interopRequireDefault(require("../button"));
 
@@ -225,7 +225,11 @@ var _default = (0, _vue.defineComponent)({
       };
     };
 
-    var scrollTo = (scrollColumn, index, duration, noEmit = false) => {
+    var scrollTo = function (scrollColumn, index, duration, noEmit) {
+      if (noEmit === void 0) {
+        noEmit = false;
+      }
+
       var translate = center.value - boundaryIndex(scrollColumn, index) * optionHeight.value;
 
       if (translate === scrollColumn.translate) {

package/lib/popup/Popup.js

@@ -28,10 +28,11 @@ var _default = (0, _vue.defineComponent)({
   inheritAttrs: false,
   props: _props.props,
 
-  setup(props, {
-    slots,
-    attrs
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      attrs
+    } = _ref;
     var {
       zIndex
     } = (0, _zIndex.useZIndex)(() => props.show, 3);

package/lib/progress/Progress.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 

package/lib/pull-refresh/PullRefresh.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _icon = _interopRequireDefault(require("../icon"));
 
@@ -26,10 +26,18 @@ function render(_ctx, _cache) {
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     ref: "freshNode",
     class: "var-pull-refresh",
-    onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),
-    onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.touchMove && _ctx.touchMove(...args)),
-    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args)),
-    onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
+    onTouchstart: _cache[0] || (_cache[0] = function () {
+      return _ctx.touchStart && _ctx.touchStart(...arguments);
+    }),
+    onTouchmove: _cache[1] || (_cache[1] = function () {
+      return _ctx.touchMove && _ctx.touchMove(...arguments);
+    }),
+    onTouchend: _cache[2] || (_cache[2] = function () {
+      return _ctx.touchEnd && _ctx.touchEnd(...arguments);
+    }),
+    onTouchcancel: _cache[3] || (_cache[3] = function () {
+      return _ctx.touchEnd && _ctx.touchEnd(...arguments);
+    })
   }, [(0, _vue.createElementVNode)("div", {
     class: (0, _vue.normalizeClass)(["var-pull-refresh__control var-elevation--2", [_ctx.isSuccess ? 'var-pull-refresh__control-success' : null]]),
     style: (0, _vue.normalizeStyle)(_ctx.controlStyle)

package/lib/radio/Radio.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _icon = _interopRequireDefault(require("../icon"));
 
@@ -37,7 +37,9 @@ function render(_ctx, _cache) {
 
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_1, [(0, _vue.createElementVNode)("div", (0, _vue.mergeProps)({
     class: "var-radio",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.handleClick && _ctx.handleClick(...arguments);
+    })
   }, _ctx.$attrs), [(0, _vue.withDirectives)((0, _vue.createElementVNode)("div", {
     class: (0, _vue.normalizeClass)(["var-radio__action", [_ctx.checked ? 'var-radio--checked' : 'var-radio--unchecked', _ctx.errorMessage || _ctx.radioGroupErrorMessage ? 'var-radio--error' : null, _ctx.formDisabled || _ctx.disabled ? 'var-radio--disabled' : null]]),
     style: (0, _vue.normalizeStyle)({

package/lib/radio-group/RadioGroup.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _formDetails = _interopRequireDefault(require("../form-details"));
 
@@ -75,9 +75,12 @@ var _default = (0, _vue.defineComponent)({
       });
     };
 
-    var syncRadios = () => radios.forEach(({
-      sync
-    }) => sync(props.modelValue));
+    var syncRadios = () => radios.forEach(_ref => {
+      var {
+        sync
+      } = _ref;
+      return sync(props.modelValue);
+    });
 
     var onToggle = changedValue => {
       var _props$onUpdateModel;

package/lib/radio-group/provide.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useRadios = useRadios;
 exports.RADIO_GROUP_COUNT_RADIO_KEY = exports.RADIO_GROUP_BIND_RADIO_KEY = void 0;
+exports.useRadios = useRadios;
 
 var _components = require("../utils/components");
 

package/lib/rate/Rate.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _icon = _interopRequireDefault(require("../icon"));
 

package/lib/row/Row.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 
@@ -19,7 +19,9 @@ function render(_ctx, _cache) {
       justifyContent: _ctx.justify,
       alignItems: _ctx.align
     }),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
   }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 4
   /* STYLE */
   );

package/lib/row/provide.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useCols = useCols;
 exports.ROW_COUNT_COL_KEY = exports.ROW_BIND_COL_KEY = void 0;
+exports.useCols = useCols;
 
 var _components = require("../utils/components");
 

package/lib/select/Select.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _icon = _interopRequireDefault(require("../icon"));
 
@@ -59,7 +59,9 @@ function render(_ctx, _cache) {
 
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     class: (0, _vue.normalizeClass)(["var-select var--box", [_ctx.formDisabled || _ctx.disabled ? 'var-select--disabled' : null]]),
-    onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    onClick: _cache[3] || (_cache[3] = function () {
+      return _ctx.handleClick && _ctx.handleClick(...arguments);
+    })
   }, [(0, _vue.createElementVNode)("div", {
     class: (0, _vue.normalizeClass)(["var-select__controller", [_ctx.isFocus ? 'var-select--focus' : null, _ctx.errorMessage ? 'var-select--error' : null, _ctx.formDisabled || _ctx.disabled ? 'var-select--disabled' : null]]),
     style: (0, _vue.normalizeStyle)({
@@ -81,7 +83,9 @@ function render(_ctx, _cache) {
     default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", {
       class: (0, _vue.normalizeClass)(["var-select__wrap", [!_ctx.hint ? 'var-select--non-hint' : null]]),
       ref: "wrapEl",
-      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
+      onClick: _cache[1] || (_cache[1] = function () {
+        return _ctx.handleFocus && _ctx.handleFocus(...arguments);
+      })
     }, [(0, _vue.createElementVNode)("div", {
       class: (0, _vue.normalizeClass)(["var-select__select", [_ctx.errorMessage ? 'var-select--error' : null, _ctx.formDisabled || _ctx.disabled ? 'var-select--disabled' : null]]),
       style: (0, _vue.normalizeStyle)({
@@ -246,10 +250,12 @@ var _default = (0, _vue.defineComponent)({
       });
     };
 
-    var findValueOrLabel = ({
-      value,
-      label
-    }) => {
+    var findValueOrLabel = _ref => {
+      var {
+        value,
+        label
+      } = _ref;
+
       if (value.value != null) {
         return value.value;
       }
@@ -258,14 +264,20 @@ var _default = (0, _vue.defineComponent)({
     };
 
     var findLabel = modelValue => {
-      var option = options.find(({
-        value
-      }) => value.value === modelValue);
+      var option = options.find(_ref2 => {
+        var {
+          value
+        } = _ref2;
+        return value.value === modelValue;
+      });
 
       if (!option) {
-        option = options.find(({
-          label
-        }) => label.value === modelValue);
+        option = options.find(_ref3 => {
+          var {
+            label
+          } = _ref3;
+          return label.value === modelValue;
+        });
       }
 
       return option.label.value;
@@ -331,9 +343,12 @@ var _default = (0, _vue.defineComponent)({
         return;
       }
 
-      var selectedValue = multiple ? options.filter(({
-        selected
-      }) => selected.value).map(findValueOrLabel) : findValueOrLabel(option);
+      var selectedValue = multiple ? options.filter(_ref4 => {
+        var {
+          selected
+        } = _ref4;
+        return selected.value;
+      }).map(findValueOrLabel) : findValueOrLabel(option);
       (_props$onUpdateModel = props['onUpdate:modelValue']) == null ? void 0 : _props$onUpdateModel.call(props, selectedValue);
       onChange == null ? void 0 : onChange(selectedValue);
       validateWithTrigger('onChange');
@@ -390,9 +405,12 @@ var _default = (0, _vue.defineComponent)({
       }
 
       var rawModelValue = modelValue;
-      var option = options.find(({
-        label
-      }) => label.value === text);
+      var option = options.find(_ref5 => {
+        var {
+          label
+        } = _ref5;
+        return label.value === text;
+      });
       var currentModelValue = rawModelValue.filter(value => {
         var _value$value;
 

package/lib/select/props.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.textAlignValidator = textAlignValidator;
 exports.props = void 0;
+exports.textAlignValidator = textAlignValidator;
 
 function textAlignValidator(textAlign) {
   return ['left', 'right', 'center'].includes(textAlign);

package/lib/select/provide.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useOptions = useOptions;
 exports.SELECT_COUNT_OPTION_KEY = exports.SELECT_BIND_OPTION_KEY = void 0;
+exports.useOptions = useOptions;
 
 var _components = require("../utils/components");
 

package/lib/skeleton/Skeleton.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 

package/lib/slider/Slider.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 
@@ -47,7 +47,9 @@ function render(_ctx, _cache) {
       margin: _ctx.thumbSize === undefined ? _ctx.thumbSize : "0 " + _ctx.toNumber(_ctx.thumbSize) / 2 + "px"
     }),
     ref: "sliderEl",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.click && _ctx.click(...arguments);
+    })
   }, [(0, _vue.createElementVNode)("div", _hoisted_2, [(0, _vue.createElementVNode)("div", {
     class: "var-slider__track-background",
     style: (0, _vue.normalizeStyle)({
@@ -329,7 +331,15 @@ var _default = (0, _vue.defineComponent)({
       return true;
     };
 
-    var setProps = (modelValue = props.modelValue, step = (0, _shared.toNumber)(props.step)) => {
+    var setProps = function (modelValue, step) {
+      if (modelValue === void 0) {
+        modelValue = props.modelValue;
+      }
+
+      if (step === void 0) {
+        step = (0, _shared.toNumber)(props.step);
+      }
+
       if (props.range && (0, _shared.isArray)(modelValue)) {
         thumbsProps[Thumbs.First].percentValue = modelValue[0] / step;
         thumbsProps[Thumbs.First].currentLeft = thumbsProps[Thumbs.First].percentValue * unitWidth.value;
@@ -340,7 +350,8 @@ var _default = (0, _vue.defineComponent)({
       }
     };
 
-    (0, _vue.watch)([() => props.modelValue, () => props.step], ([modelValue, step]) => {
+    (0, _vue.watch)([() => props.modelValue, () => props.step], _ref => {
+      var [modelValue, step] = _ref;
       if (!stepValidator() || !valueValidator() || isScroll.value) return;
       setProps(modelValue, (0, _shared.toNumber)(step));
     });

package/lib/snackbar/Snackbar.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 

package/lib/snackbar/core.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");