@varlet/ui 1.23.4-alpha.5 → 1.23.5

package/lib/index.js

@@ -1,65 +1,65 @@
-const ActionSheet = require('./action-sheet')
-const AppBar = require('./app-bar')
-const BackTop = require('./back-top')
-const Badge = require('./badge')
-const Button = require('./button')
-const Card = require('./card')
-const Cell = require('./cell')
-const Checkbox = require('./checkbox')
-const CheckboxGroup = require('./checkbox-group')
-const Chip = require('./chip')
-const Col = require('./col')
-const Collapse = require('./collapse')
-const CollapseItem = require('./collapse-item')
-const Context = require('./context')
-const Countdown = require('./countdown')
-const Counter = require('./counter')
-const DatePicker = require('./date-picker')
-const Dialog = require('./dialog')
-const Divider = require('./divider')
-const Form = require('./form')
-const FormDetails = require('./form-details')
-const Icon = require('./icon')
-const Image = require('./image')
-const ImagePreview = require('./image-preview')
-const IndexAnchor = require('./index-anchor')
-const IndexBar = require('./index-bar')
-const Input = require('./input')
-const Lazy = require('./lazy')
-const List = require('./list')
-const Loading = require('./loading')
-const Locale = require('./locale')
-const Menu = require('./menu')
-const Option = require('./option')
-const Pagination = require('./pagination')
-const Picker = require('./picker')
-const Popup = require('./popup')
-const Progress = require('./progress')
-const PullRefresh = require('./pull-refresh')
-const Radio = require('./radio')
-const RadioGroup = require('./radio-group')
-const Rate = require('./rate')
-const Ripple = require('./ripple')
-const Row = require('./row')
-const Select = require('./select')
-const Skeleton = require('./skeleton')
-const Slider = require('./slider')
-const Snackbar = require('./snackbar')
-const Space = require('./space')
-const Step = require('./step')
-const Steps = require('./steps')
-const Sticky = require('./sticky')
-const StyleProvider = require('./style-provider')
-const Swipe = require('./swipe')
-const SwipeItem = require('./swipe-item')
-const Switch = require('./switch')
-const Tab = require('./tab')
-const TabItem = require('./tab-item')
-const Table = require('./table')
-const Tabs = require('./tabs')
-const TabsItems = require('./tabs-items')
-const TimePicker = require('./time-picker')
-const Uploader = require('./uploader')
+var ActionSheet = require('./action-sheet')['default']
+var AppBar = require('./app-bar')['default']
+var BackTop = require('./back-top')['default']
+var Badge = require('./badge')['default']
+var Button = require('./button')['default']
+var Card = require('./card')['default']
+var Cell = require('./cell')['default']
+var Checkbox = require('./checkbox')['default']
+var CheckboxGroup = require('./checkbox-group')['default']
+var Chip = require('./chip')['default']
+var Col = require('./col')['default']
+var Collapse = require('./collapse')['default']
+var CollapseItem = require('./collapse-item')['default']
+var Context = require('./context')['default']
+var Countdown = require('./countdown')['default']
+var Counter = require('./counter')['default']
+var DatePicker = require('./date-picker')['default']
+var Dialog = require('./dialog')['default']
+var Divider = require('./divider')['default']
+var Form = require('./form')['default']
+var FormDetails = require('./form-details')['default']
+var Icon = require('./icon')['default']
+var Image = require('./image')['default']
+var ImagePreview = require('./image-preview')['default']
+var IndexAnchor = require('./index-anchor')['default']
+var IndexBar = require('./index-bar')['default']
+var Input = require('./input')['default']
+var Lazy = require('./lazy')['default']
+var List = require('./list')['default']
+var Loading = require('./loading')['default']
+var Locale = require('./locale')['default']
+var Menu = require('./menu')['default']
+var Option = require('./option')['default']
+var Pagination = require('./pagination')['default']
+var Picker = require('./picker')['default']
+var Popup = require('./popup')['default']
+var Progress = require('./progress')['default']
+var PullRefresh = require('./pull-refresh')['default']
+var Radio = require('./radio')['default']
+var RadioGroup = require('./radio-group')['default']
+var Rate = require('./rate')['default']
+var Ripple = require('./ripple')['default']
+var Row = require('./row')['default']
+var Select = require('./select')['default']
+var Skeleton = require('./skeleton')['default']
+var Slider = require('./slider')['default']
+var Snackbar = require('./snackbar')['default']
+var Space = require('./space')['default']
+var Step = require('./step')['default']
+var Steps = require('./steps')['default']
+var Sticky = require('./sticky')['default']
+var StyleProvider = require('./style-provider')['default']
+var Swipe = require('./swipe')['default']
+var SwipeItem = require('./swipe-item')['default']
+var Switch = require('./switch')['default']
+var Tab = require('./tab')['default']
+var TabItem = require('./tab-item')['default']
+var Table = require('./table')['default']
+var Tabs = require('./tabs')['default']
+var TabsItems = require('./tabs-items')['default']
+var TimePicker = require('./time-picker')['default']
+var Uploader = require('./uploader')['default']
 
 
 function install(app) {

package/lib/input/Input.js

@@ -26,7 +26,9 @@ var _hoisted_1 = {
   key: 0,
   class: "var-input__autocomplete"
 };
-var _hoisted_2 = ["for"];
+var _hoisted_2 = ["id", "disabled", "type", "value", "maxlength", "rows"];
+var _hoisted_3 = ["id", "disabled", "type", "value", "maxlength"];
+var _hoisted_4 = ["for"];
 
 function render(_ctx, _cache) {
   var _component_var_icon = (0, _vue.resolveComponent)("var-icon");
@@ -35,7 +37,7 @@ function render(_ctx, _cache) {
 
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     class: (0, _vue.normalizeClass)(["var-input var--box", [_ctx.disabled ? 'var-input--disabled' : null]]),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    onClick: _cache[8] || (_cache[8] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [(0, _vue.createElementVNode)("div", {
     class: (0, _vue.normalizeClass)(["var-input__controller", [_ctx.isFocus ? 'var-input--focus' : null, _ctx.errorMessage ? 'var-input--error' : null, _ctx.formDisabled || _ctx.disabled ? 'var-input--disabled' : null]]),
     style: (0, _vue.normalizeStyle)({
@@ -47,8 +49,9 @@ function render(_ctx, _cache) {
   /* CLASS */
   ), (0, _vue.createElementVNode)("div", {
     class: (0, _vue.normalizeClass)(["var-input__wrap", [!_ctx.hint ? 'var-input--non-hint' : null]])
-  }, [_ctx.type === 'password' ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("input", _hoisted_1)) : (0, _vue.createCommentVNode)("v-if", true), ((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.resolveDynamicComponent)(_ctx.textarea ? 'textarea' : 'input'), {
-    class: (0, _vue.normalizeClass)(["var-input__input", [_ctx.formDisabled || _ctx.disabled ? 'var-input--disabled' : null, _ctx.textarea ? 'var-input--textarea' : null, _ctx.errorMessage ? 'var-input--caret-error' : null]]),
+  }, [_ctx.type === 'password' ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("input", _hoisted_1)) : (0, _vue.createCommentVNode)("v-if", true), _ctx.textarea ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("textarea", {
+    key: 1,
+    class: (0, _vue.normalizeClass)(["var-input__input var-input--textarea", [_ctx.formDisabled || _ctx.disabled ? 'var-input--disabled' : null, _ctx.errorMessage ? 'var-input--caret-error' : null]]),
     ref: "el",
     autocomplete: "new-password",
     id: _ctx.id,
@@ -62,18 +65,38 @@ function render(_ctx, _cache) {
       caretColor: !_ctx.errorMessage ? _ctx.focusColor : null,
       resize: _ctx.resize ? 'vertical' : 'none'
     }),
-    onFocus: _ctx.handleFocus,
-    onBlur: _ctx.handleBlur,
-    onInput: _ctx.handleInput,
-    onChange: _ctx.handleChange
-  }, null, 8
-  /* PROPS */
-  , ["id", "disabled", "type", "value", "maxlength", "rows", "class", "style", "onFocus", "onBlur", "onInput", "onChange"])), (0, _vue.createElementVNode)("label", {
+    onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+    onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
+    onInput: _cache[2] || (_cache[2] = (...args) => _ctx.handleInput && _ctx.handleInput(...args)),
+    onChange: _cache[3] || (_cache[3] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
+  }, "\n        ", 46
+  /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */
+  , _hoisted_2)) : ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("input", {
+    key: 2,
+    class: (0, _vue.normalizeClass)(["var-input__input", [_ctx.formDisabled || _ctx.disabled ? 'var-input--disabled' : null, _ctx.errorMessage ? 'var-input--caret-error' : null]]),
+    ref: "el",
+    autocomplete: "new-password",
+    id: _ctx.id,
+    disabled: _ctx.formDisabled || _ctx.disabled || _ctx.formReadonly || _ctx.readonly,
+    type: _ctx.type,
+    value: _ctx.modelValue,
+    maxlength: _ctx.maxlength,
+    style: (0, _vue.normalizeStyle)({
+      color: _ctx.textColor,
+      caretColor: !_ctx.errorMessage ? _ctx.focusColor : null
+    }),
+    onFocus: _cache[4] || (_cache[4] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+    onBlur: _cache[5] || (_cache[5] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
+    onInput: _cache[6] || (_cache[6] = (...args) => _ctx.handleInput && _ctx.handleInput(...args)),
+    onChange: _cache[7] || (_cache[7] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
+  }, null, 46
+  /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */
+  , _hoisted_3)), (0, _vue.createElementVNode)("label", {
     class: (0, _vue.normalizeClass)([_ctx.textarea ? 'var-input__textarea-placeholder' : 'var-input__placeholder', _ctx.computePlaceholderState(), !_ctx.hint ? 'var-input--placeholder-non-hint' : null]),
     for: _ctx.id
   }, (0, _vue.toDisplayString)(_ctx.placeholder), 11
   /* TEXT, CLASS, PROPS */
-  , _hoisted_2)], 2
+  , _hoisted_4)], 2
   /* CLASS */
   ), (0, _vue.createElementVNode)("div", {
     class: (0, _vue.normalizeClass)(["var-input__icon", [!_ctx.hint ? 'var-input--non-hint' : null]])

package/lib/list/List.js

@@ -90,7 +90,7 @@ var _default = (0, _vue.defineComponent)({
   setup(props) {
     var listEl = (0, _vue.ref)(null);
     var detectorEl = (0, _vue.ref)(null);
-    var scroller = window;
+    var scroller;
 
     var load = () => {
       var _props$onUpdateError, _props$onUpdateLoadi;

package/lib/popup/Popup.js

@@ -1,7 +1,6 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
 
 var _vue = require("vue");
@@ -14,68 +13,25 @@ var _zIndex = require("../context/zIndex");
 
 var _components = require("../utils/components");
 
+
+
+
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)(_vue.Teleport, {
-    to: _ctx.teleport,
-    disabled: !_ctx.teleport || _ctx.disabled
-  }, [(0, _vue.createVNode)(_vue.Transition, {
-    name: "var-fade",
-    onAfterEnter: _ctx.onOpened,
-    onAfterLeave: _ctx.onClosed
-  }, {
-    default: (0, _vue.withCtx)(() => [(0, _vue.withDirectives)((0, _vue.createElementVNode)("div", {
-      class: "var--box var-popup",
-      style: (0, _vue.normalizeStyle)({
-        zIndex: _ctx.zIndex - 2
-      })
-    }, [_ctx.overlay ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
-      key: 0,
-      class: (0, _vue.normalizeClass)(["var-popup__overlay", [_ctx.overlayClass]]),
-      style: (0, _vue.normalizeStyle)(_extends({
-        zIndex: _ctx.zIndex - 1
-      }, _ctx.overlayStyle)),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.hidePopup && _ctx.hidePopup(...args))
-    }, null, 6
-    /* CLASS, STYLE */
-    )) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.createVNode)(_vue.Transition, {
-      name: _ctx.transition ? _ctx.transition : "var-pop-" + _ctx.position
-    }, {
-      default: (0, _vue.withCtx)(() => [_ctx.show ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", (0, _vue.mergeProps)({
-        key: 0,
-        class: ["var-popup__content var-elevation--3", ["var-popup--" + _ctx.position]],
-        style: {
-          zIndex: _ctx.zIndex
-        }
-      }, _ctx.$attrs), [(0, _vue.renderSlot)(_ctx.$slots, "default")], 16
-      /* FULL_PROPS */
-      )) : (0, _vue.createCommentVNode)("v-if", true)]),
-      _: 3
-      /* FORWARDED */
-
-    }, 8
-    /* PROPS */
-    , ["name"])], 4
-    /* STYLE */
-    ), [[_vue.vShow, _ctx.show]])]),
-    _: 3
-    /* FORWARDED */
-
-  }, 8
-  /* PROPS */
-  , ["onAfterEnter", "onAfterLeave"])], 8
-  /* PROPS */
-  , ["to", "disabled"]);
+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: 'VarPopup',
   inheritAttrs: false,
   props: _props.props,
 
-  setup(props) {
+  setup(props, {
+    slots,
+    attrs
+  }) {
     var {
       zIndex
     } = (0, _zIndex.useZIndex)(() => props.show, 3);
@@ -109,10 +65,74 @@ var _default = (0, _vue.defineComponent)({
     }); // internal for Dialog
 
     (0, _components.addRouteListener)(() => props.onRouteChange == null ? void 0 : props.onRouteChange());
-    return {
-      zIndex,
-      disabled,
-      hidePopup
+
+    var renderOverlay = () => {
+      var {
+        overlayClass,
+        overlayStyle
+      } = props;
+      return (0, _vue.createVNode)("div", {
+        "class": ['var-popup__overlay', overlayClass],
+        "style": _extends({
+          zIndex: zIndex.value - 1
+        }, overlayStyle),
+        "onClick": hidePopup
+      }, null);
+    };
+
+    var renderContent = () => {
+      return (0, _vue.createVNode)("div", (0, _vue.mergeProps)({
+        "class": ['var-popup__content', 'var-elevation--3', "var-popup--" + props.position],
+        "style": {
+          zIndex: zIndex.value
+        }
+      }, attrs), [slots.default == null ? void 0 : slots.default()]);
+    };
+
+    var renderPopup = () => {
+      var {
+        onOpened,
+        onClosed,
+        show,
+        overlay,
+        transition,
+        position
+      } = props;
+      return (0, _vue.createVNode)(_vue.Transition, {
+        "name": "var-fade",
+        "onAfterEnter": onOpened,
+        "onAfterLeave": onClosed
+      }, {
+        default: () => [(0, _vue.withDirectives)((0, _vue.createVNode)("div", {
+          "class": "var--box var-popup",
+          "style": {
+            zIndex: zIndex.value - 2
+          }
+        }, [overlay && renderOverlay(), (0, _vue.createVNode)(_vue.Transition, {
+          "name": transition || "var-pop-" + position
+        }, {
+          default: () => [show && renderContent()]
+        })]), [[_vue.vShow, show]])]
+      });
+    };
+
+    return () => {
+      var {
+        teleport
+      } = props;
+
+      if (teleport) {
+        var _slot;
+
+        return (0, _vue.createVNode)(_vue.Teleport, {
+          "to": teleport,
+          "disabled": disabled.value
+        }, _isSlot(_slot = renderPopup()) ? _slot : {
+          default: () => [_slot]
+        });
+      }
+
+      return renderPopup();
     };
   }
 

package/lib/popup/index.js

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

package/lib/popup/style/index.js

@@ -1,3 +1,2 @@
 require('../../styles/common.css')
 require('../popup.css')
-require('../PopupSfc.css')

package/lib/popup/style/less.js

@@ -1,3 +1,2 @@
 require('../../styles/common.less')
 require('../popup.less')
-require('../PopupSfc.less')

package/lib/pull-refresh/PullRefresh.js

@@ -18,7 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var MAX_DISTANCE = 100;
 var CONTROL_POSITION = -50;
-var scroller = window;
+var scroller;
 
 function render(_ctx, _cache) {
   var _component_var_icon = (0, _vue.resolveComponent)("var-icon");

package/lib/sticky/Sticky.js

@@ -58,7 +58,7 @@ var _default = (0, _vue.defineComponent)({
     var enableCSSMode = (0, _vue.computed)(() => !props.disabled && props.cssMode);
     var enableFixedMode = (0, _vue.computed)(() => !props.disabled && isFixed.value);
     var offsetTop = (0, _vue.computed)(() => (0, _elements.toPxNum)(props.offsetTop));
-    var scroller = window;
+    var scroller;
 
     var handleScroll = () => {
       var {