@varlet/ui 1.27.12 → 1.27.14-alpha.1655710081377

package/es/action-sheet/index.js

@@ -1,6 +1,6 @@
 import VarActionSheet from './ActionSheet.js'
 import { nextTick, reactive } from 'vue';
-import { inBrowser } from '../utils/shared';
+import { inBrowser } from '@varlet/shared';
 import { mountInstance } from '../utils/components';
 var singletonOptions;
 

package/es/back-top/BackTop.js

@@ -2,14 +2,15 @@ import { defineComponent, ref, onMounted, onBeforeUnmount } from 'vue';
 import VarButton from '../button';
 import VarIcon from '../icon';
 import { props } from './props';
-import { isString, easeInOutCubic, throttle, isObject } from '../utils/shared';
+import { isString, throttle, isObject } from '@varlet/shared';
+import { easeInOutCubic } from '../utils/shared';
 import { getScrollTop, getScrollLeft, scrollTo, getParentScroller, toPxNum, toSizeUnit } from '../utils/elements';
 import { call, createNamespace } from '../utils/components';
 var {
   n,
   classes
 } = createNamespace('back-top');
-import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, withModifiers as _withModifiers, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, withModifiers as _withModifiers, mergeProps as _mergeProps, createElementVNode as _createElementVNode, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 export function render(_ctx, _cache) {
   var _component_var_icon = _resolveComponent("var-icon");
 
@@ -18,17 +19,18 @@ export function render(_ctx, _cache) {
   return _openBlock(), _createBlock(_Teleport, {
     to: "body",
     disabled: _ctx.disabled
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.show, _ctx.n('--active')])),
+  }, [_createElementVNode("div", _mergeProps({
+    class: _ctx.classes(_ctx.n(), [_ctx.show, _ctx.n('--active')]),
     ref: "backTopEl",
-    style: _normalizeStyle({
+    style: {
       right: _ctx.toSizeUnit(_ctx.right),
       bottom: _ctx.toSizeUnit(_ctx.bottom)
-    }),
+    }
+  }, _ctx.$attrs, {
     onClick: _cache[0] || (_cache[0] = _withModifiers(function () {
       return _ctx.click && _ctx.click(...arguments);
     }, ["stop"]))
-  }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createVNode(_component_var_button, {
+  }), [_renderSlot(_ctx.$slots, "default", {}, () => [_createVNode(_component_var_button, {
     type: "primary",
     round: "",
     "var-back-top-cover": ""
@@ -39,8 +41,8 @@ export function render(_ctx, _cache) {
     _: 1
     /* STABLE */
 
-  })])], 6
-  /* CLASS, STYLE */
+  })])], 16
+  /* FULL_PROPS */
   )], 8
   /* PROPS */
   , ["disabled"]);
@@ -52,6 +54,7 @@ export default defineComponent({
     VarButton,
     VarIcon
   },
+  inheritAttrs: false,
   props,
 
   setup(props) {

package/es/badge/Badge.js

@@ -1,7 +1,7 @@
 import VarIcon from '../icon';
+import { toNumber } from '@varlet/shared';
 import { computed, defineComponent } from 'vue';
 import { props } from './props';
-import { toNumber } from '../utils/shared';
 import { createNamespace } from '../utils/components';
 var {
   n,

package/es/bottom-navigation/BottomNavigation.js

@@ -5,7 +5,7 @@ import { defineComponent, ref, computed, onMounted, onUpdated, watch } from 'vue
 import { props } from './props';
 import { useBottomNavigationItems } from './provide';
 import { createNamespace, call } from '../utils/components';
-import { isNumber } from '../utils/shared';
+import { isNumber } from '@varlet/shared';
 var {
   n,
   classes

package/es/checkbox-group/CheckboxGroup.js

@@ -4,7 +4,7 @@ import { props } from './props';
 import { useValidation, createNamespace, call } from '../utils/components';
 import { useCheckboxes } from './provide';
 import { useForm } from '../form/provide';
-import { uniq } from '../utils/shared';
+import { uniq } from '@varlet/shared';
 var {
   n,
   classes

package/es/col/Col.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch } from 'vue';
-import { isPlainObject, toNumber } from '../utils/shared';
+import { isPlainObject, toNumber } from '@varlet/shared';
 import { props } from './props';
 import { useRow } from './provide';
 import { toSizeUnit } from '../utils/elements';

package/es/collapse/Collapse.js

@@ -2,7 +2,7 @@ import { computed, defineComponent, nextTick, watch } from 'vue';
 import { useCollapseItem } from './provide';
 import { props } from './props';
 import { call, createNamespace } from '../utils/components';
-import { isArray } from '../utils/shared';
+import { isArray } from '@varlet/shared';
 var {
   n
 } = createNamespace('collapse');

package/es/collapse-item/CollapseItem.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, nextTick, watch, computed } from 'vue';
 import { requestAnimationFrame } from '../utils/elements';
-import { isArray } from '../utils/shared';
+import { isArray } from '@varlet/shared';
 import { createNamespace } from '../utils/components';
 import { useCollapse } from './provide';
 import { props } from './props';

package/es/countdown/Countdown.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch } from 'vue';
 import { props } from './props';
 import { requestAnimationFrame, cancelAnimationFrame } from '../utils/elements';
-import { toNumber, parseFormat } from '../utils/shared';
+import { toNumber } from '@varlet/shared';
 import { call, createNamespace } from '../utils/components';
 var {
   n
@@ -39,6 +39,33 @@ export default defineComponent({
       milliseconds: 0
     });
 
+    var parseFormat = (format, time) => {
+      var scannedTimes = Object.values(time);
+      var scannedFormats = ['DD', 'HH', 'mm', 'ss'];
+      var padValues = [24, 60, 60, 1000];
+      scannedFormats.forEach((scannedFormat, index) => {
+        if (!format.includes(scannedFormat)) {
+          scannedTimes[index + 1] += scannedTimes[index] * padValues[index];
+        } else {
+          format = format.replace(scannedFormat, String(scannedTimes[index]).padStart(2, '0'));
+        }
+      });
+
+      if (format.includes('S')) {
+        var ms = String(scannedTimes[scannedTimes.length - 1]).padStart(3, '0');
+
+        if (format.includes('SSS')) {
+          format = format.replace('SSS', ms);
+        } else if (format.includes('SS')) {
+          format = format.replace('SS', ms.slice(0, 2));
+        } else {
+          format = format.replace('S', ms.slice(0, 1));
+        }
+      }
+
+      return format;
+    };
+
     var formatTime = durationTime => {
       var days = Math.floor(durationTime / DAY);
       var hours = Math.floor(durationTime % DAY / HOUR);

package/es/counter/Counter.js

@@ -4,7 +4,7 @@ import Ripple from '../ripple';
 import { defineComponent, ref, watch, computed, nextTick } from 'vue';
 import { Decimal } from 'decimal.js';
 import { props } from './props';
-import { toNumber } from '../utils/shared';
+import { toNumber } from '@varlet/shared';
 import { toSizeUnit } from '../utils/elements';
 import { useForm } from '../form/provide';
 import { useValidation, createNamespace, call } from '../utils/components';

package/es/date-picker/DatePicker.js

@@ -4,7 +4,7 @@ import MonthPickerPanel from './src/month-picker-panel.js'
 import YearPickerPanel from './src/year-picker-panel.js'
 import DayPickerPanel from './src/day-picker-panel.js'
 import { props, MONTH_LIST, WEEK_HEADER } from './props';
-import { isArray, toNumber } from '../utils/shared';
+import { isArray, toNumber } from '@varlet/shared';
 import { nextTickFrame } from '../utils/elements';
 import { createNamespace, call } from '../utils/components';
 import { pack } from '../locale';

package/es/date-picker/src/day-picker-panel.js

@@ -7,7 +7,7 @@ import PanelHeader from './panel-header.js'
 import VarButton from '../../button';
 import { defineComponent, ref, computed, watch, onMounted, reactive } from 'vue';
 import { WEEK_HEADER } from '../props';
-import { toNumber } from '../../utils/shared';
+import { toNumber } from '@varlet/shared';
 import { createNamespace } from '../../utils/components';
 import { pack } from '../../locale';
 dayjs.extend(isSameOrBefore);

package/es/date-picker/src/month-picker-panel.js

@@ -7,7 +7,7 @@ import isSameOrAfter from 'dayjs/esm/plugin/isSameOrAfter';
 import { MONTH_LIST } from '../props';
 import PanelHeader from './panel-header.js'
 import VarButton from '../../button';
-import { toNumber } from '../../utils/shared';
+import { toNumber } from '@varlet/shared';
 import { createNamespace } from '../../utils/components';
 import { pack } from '../../locale';
 dayjs.extend(isSameOrBefore);

package/es/date-picker/src/panel-header.js

@@ -1,7 +1,7 @@
 import VarButton from '../../button';
 import VarIcon from '../../icon';
 import { defineComponent, ref, computed, watch } from 'vue';
-import { toNumber } from '../../utils/shared';
+import { toNumber } from '@varlet/shared';
 import { createNamespace } from '../../utils/components';
 import { pack } from '../../locale';
 var {

package/es/date-picker/src/year-picker-panel.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, onMounted } from 'vue';
 import dayjs from 'dayjs/esm';
-import { toNumber } from '../../utils/shared';
+import { toNumber } from '@varlet/shared';
 import { createNamespace } from '../../utils/components';
 var {
   n,

package/es/dialog/index.js

@@ -1,6 +1,6 @@
 import VarDialog from './Dialog.js'
 import { reactive, nextTick } from 'vue';
-import { inBrowser, isNumber, isString } from '../utils/shared';
+import { inBrowser, isNumber, isString } from '@varlet/shared';
 import { mountInstance } from '../utils/components';
 var singletonOptions;
 

package/es/divider/Divider.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import { defineComponent, computed, reactive, onMounted, onUpdated, toRefs } from 'vue';
 import { toSizeUnit } from '../utils/elements';
-import { isBool, toNumber } from '../utils/shared';
+import { isBoolean, toNumber } from '@varlet/shared';
 import { props } from './props';
 import { createNamespace } from '../utils/components';
 var {
@@ -35,7 +35,7 @@ export default defineComponent({
     var state = reactive({
       withText: false
     });
-    var isInset = computed(() => isBool(props.inset) ? props.inset : true);
+    var isInset = computed(() => isBoolean(props.inset) ? props.inset : true);
     var style = computed(() => {
       var {
         inset,
@@ -45,7 +45,7 @@ export default defineComponent({
       var baseStyle = {
         margin
       };
-      if (isBool(inset) || inset === 0) return _extends({}, baseStyle); // -18px -> -18
+      if (isBoolean(inset) || inset === 0) return _extends({}, baseStyle); // -18px -> -18
 
       var _inset = toNumber(inset); // -18px -> 18px
 

package/es/icon/Icon.js

@@ -3,7 +3,7 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 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); }); }; }
 
 import { defineComponent, watch, ref, nextTick } from 'vue';
-import { isURL, toNumber } from '../utils/shared';
+import { isURL, toNumber } from '@varlet/shared';
 import { props } from './props';
 import { toSizeUnit } from '../utils/elements';
 import { createNamespace } from '../utils/components';

package/es/image-preview/ImagePreview.js

@@ -4,7 +4,7 @@ import VarIcon from '../icon';
 import VarPopup from '../popup';
 import { defineComponent, ref, computed, watch } from 'vue';
 import { props } from './props';
-import { toNumber } from '../utils/shared';
+import { toNumber } from '@varlet/shared';
 import { call, createNamespace } from '../utils/components';
 var {
   n,

package/es/image-preview/index.js

@@ -1,6 +1,6 @@
 import VarImagePreview from './ImagePreview.js'
 import { nextTick, reactive } from 'vue';
-import { inBrowser, isArray, isString } from '../utils/shared';
+import { inBrowser, isArray, isString } from '@varlet/shared';
 import { mountInstance } from '../utils/components';
 var singletonOptions;
 

package/es/index-bar/IndexBar.js

@@ -3,7 +3,8 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 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); }); }; }
 
 import { computed, defineComponent, ref, watch, onMounted, onBeforeUnmount } from 'vue';
-import { easeInOutCubic, isPlainObject, toNumber } from '../utils/shared';
+import { isPlainObject, toNumber } from '@varlet/shared';
+import { easeInOutCubic } from '../utils/shared';
 import { doubleRaf, getParentScroller, getScrollLeft, getScrollTop, nextTickFrame, requestAnimationFrame, scrollTo as varScrollTo, toPxNum } from '../utils/elements';
 import { useIndexAnchors } from './provide';
 import { props } from './props';

package/es/input/Input.js

@@ -2,7 +2,7 @@ import VarFormDetails from '../form-details';
 import VarIcon from '../icon';
 import { defineComponent, getCurrentInstance, ref, computed, nextTick, onMounted } from 'vue';
 import { props } from './props';
-import { isEmpty } from '../utils/shared';
+import { isEmpty } from '@varlet/shared';
 import { useValidation, createNamespace, call } from '../utils/components';
 import { useForm } from '../form/provide';
 var {

package/es/lazy/index.js

@@ -5,7 +5,8 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 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); }
 
 import { getAllParentScroller, inViewport } from '../utils/elements';
-import { createCache, removeItem, throttle } from '../utils/shared';
+import { removeItem, throttle } from '@varlet/shared';
+import { createCache } from '../utils/shared';
 import { call } from '../utils/components';
 var BACKGROUND_IMAGE_ARG_NAME = 'background-image';
 var LAZY_LOADING = 'lazy-loading';

package/es/list/List.js

@@ -7,7 +7,8 @@ import Ripple from '../ripple';
 import { defineComponent, onMounted, onUnmounted, ref, nextTick } from 'vue';
 import { getParentScroller, toPxNum } from '../utils/elements';
 import { props } from './props';
-import { isNumber, dt } from '../utils/shared';
+import { isNumber } from '@varlet/shared';
+import { dt } from '../utils/shared';
 import { createNamespace, call } from '../utils/components';
 import { pack } from '../locale';
 var {

package/es/pagination/Pagination.js

@@ -5,7 +5,7 @@ import VarCell from '../cell';
 import VarInput from '../input';
 import { defineComponent, ref, computed, watch } from 'vue';
 import { props } from './porps';
-import { isNumber, toNumber } from '../utils/shared';
+import { isNumber, toNumber } from '@varlet/shared';
 import { pack } from '../locale';
 import { createNamespace } from '../utils/components';
 var {

package/es/picker/Picker.js

@@ -2,7 +2,8 @@ import VarButton from '../button';
 import VarPopup from '../popup';
 import { defineComponent, watch, ref, computed, Transition, toRaw } from 'vue';
 import { props } from './props';
-import { isArray, dt } from '../utils/shared';
+import { isArray } from '@varlet/shared';
+import { dt } from '../utils/shared';
 import { toPxNum, getTranslate } from '../utils/elements';
 import { pack } from '../locale';
 import { createNamespace, call } from '../utils/components';

package/es/picker/index.js

@@ -1,6 +1,6 @@
 import VarPicker from './Picker.js'
 import { nextTick, reactive } from 'vue';
-import { isArray } from '../utils/shared';
+import { isArray } from '@varlet/shared';
 import { mountInstance } from '../utils/components';
 var singletonOptions;
 

package/es/progress/Progress.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed } from 'vue';
 import { props } from './props';
-import { toNumber } from '../utils/shared';
+import { toNumber } from '@varlet/shared';
 import { toSizeUnit, multiplySizeUnit, toPxNum } from '../utils/elements';
 import { createNamespace } from '../utils/components';
 var {

package/es/pull-refresh/PullRefresh.js

@@ -6,7 +6,7 @@ import VarIcon from '../icon';
 import { defineComponent, ref, computed, watch, onMounted } from 'vue';
 import { getParentScroller, getScrollTop } from '../utils/elements';
 import { props } from './props';
-import { toNumber } from '../utils/shared';
+import { toNumber } from '@varlet/shared';
 import { createNamespace } from '../utils/components';
 var {
   n,

package/es/rate/Rate.js

@@ -5,7 +5,7 @@ import { defineComponent, nextTick } from 'vue';
 import { useForm } from '../form/provide';
 import { useValidation, call, createNamespace } from '../utils/components';
 import { toSizeUnit } from '../utils/elements';
-import { toNumber } from '../utils/shared';
+import { toNumber } from '@varlet/shared';
 import { props } from './props';
 var {
   n

package/es/ripple/index.js

@@ -160,16 +160,23 @@ function unmounted(el) {
 }
 
 function updated(el, binding) {
-  var _binding$value3, _binding$value$touchm2, _binding$value4;
+  var _binding$value$touchm2, _binding$value3, _binding$value4, _binding$value5, _el$_ripple, _el$_ripple2, _el$_ripple3;
 
-  if (el._ripple.tasker) {
-    el._ripple.removeRipple();
-  }
+  var newBinding = {
+    touchmoveForbid: (_binding$value$touchm2 = (_binding$value3 = binding.value) == null ? void 0 : _binding$value3.touchmoveForbid) != null ? _binding$value$touchm2 : context.touchmoveForbid,
+    color: (_binding$value4 = binding.value) == null ? void 0 : _binding$value4.color,
+    disabled: (_binding$value5 = binding.value) == null ? void 0 : _binding$value5.disabled
+  };
+  var diff = newBinding.touchmoveForbid !== ((_el$_ripple = el._ripple) == null ? void 0 : _el$_ripple.touchmoveForbid) || newBinding.color !== ((_el$_ripple2 = el._ripple) == null ? void 0 : _el$_ripple2.color) || newBinding.disabled !== ((_el$_ripple3 = el._ripple) == null ? void 0 : _el$_ripple3.disabled);
 
-  el._ripple = _extends({}, el._ripple, (_binding$value3 = binding.value) != null ? _binding$value3 : {}, {
-    touchmoveForbid: (_binding$value$touchm2 = (_binding$value4 = binding.value) == null ? void 0 : _binding$value4.touchmoveForbid) != null ? _binding$value$touchm2 : context.touchmoveForbid,
-    tasker: null
-  });
+  if (diff) {
+    var _el$_ripple4, _el$_ripple5;
+
+    el._ripple = _extends({
+      tasker: (_el$_ripple4 = el._ripple) == null ? void 0 : _el$_ripple4.tasker,
+      removeRipple: (_el$_ripple5 = el._ripple) == null ? void 0 : _el$_ripple5.removeRipple
+    }, newBinding);
+  }
 }
 
 var Ripple = {

package/es/select/Select.js

@@ -3,7 +3,7 @@ import VarMenu from '../menu';
 import VarChip from '../chip';
 import VarFormDetails from '../form-details';
 import { computed, defineComponent, ref, watch, nextTick } from 'vue';
-import { isArray, isEmpty } from '../utils/shared';
+import { isArray, isEmpty } from '@varlet/shared';
 import { props } from './props';
 import { useValidation, createNamespace, call } from '../utils/components';
 import { useOptions } from './provide';
@@ -55,6 +55,7 @@ export function render(_ctx, _cache) {
     onClose: _ctx.handleBlur
   }, {
     menu: _withCtx(() => [_createElementVNode("div", {
+      ref: "menuEl",
       class: _normalizeClass(_ctx.n('scroller'))
     }, [_renderSlot(_ctx.$slots, "default")], 2
     /* CLASS */
@@ -202,6 +203,7 @@ export default defineComponent({
       // expose
       resetValidation
     } = useValidation();
+    var menuEl = ref(null);
 
     var computeLabel = () => {
       var {
@@ -309,6 +311,7 @@ export default defineComponent({
       isFocus.value = true;
       call(onFocus);
       validateWithTrigger('onFocus');
+      detectBoundary();
     };
 
     var handleBlur = () => {
@@ -433,6 +436,7 @@ export default defineComponent({
       wrapWidth.value = getWrapWidth();
       offsetY.value = getOffsetY() + toPxNum(props.offsetY);
       isFocus.value = true;
+      detectBoundary();
     }; // expose
 
 
@@ -449,6 +453,23 @@ export default defineComponent({
       resetValidation();
     };
 
+    var detectBoundary = () => {
+      var {
+        body
+      } = document;
+      nextTick(() => {
+        var _menuEl$value, _menuEl$value2;
+
+        var {
+          offsetTop: menuOffsetTop,
+          offsetHeight: menuOffsetHeight
+        } = (_menuEl$value = menuEl.value) == null ? void 0 : _menuEl$value.parentElement;
+        var menuOffsetBottom = body.scrollHeight - menuOffsetHeight - menuOffsetTop;
+        if (menuOffsetTop < 0) offsetY.value = getOffsetY();
+        if (menuOffsetBottom < 0) offsetY.value -= ((_menuEl$value2 = menuEl.value) == null ? void 0 : _menuEl$value2.parentElement).offsetHeight - getOffsetY();
+      });
+    };
+
     watch(() => props.multiple, () => {
       var {
         multiple,
@@ -482,6 +503,7 @@ export default defineComponent({
       formDisabled: form == null ? void 0 : form.disabled,
       label,
       labels,
+      menuEl,
       n,
       classes,
       computePlaceholderState,

package/es/skeleton/Skeleton.js

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import { props } from './props';
 import { toSizeUnit } from '../utils/elements';
-import { toNumber } from '../utils/shared';
+import { toNumber } from '@varlet/shared';
 import { createNamespace } from '../utils/components';
 var {
   n,

package/es/slider/Slider.js

@@ -4,7 +4,7 @@ import { defineComponent, ref, onMounted, computed, reactive, nextTick, watch }
 import { useValidation, createNamespace, call } from '../utils/components';
 import { useForm } from '../form/provide';
 import { getLeft, multiplySizeUnit } from '../utils/elements';
-import { isArray, isNumber, toNumber } from '../utils/shared';
+import { isArray, isNumber, toNumber } from '@varlet/shared';
 import { props } from './props';
 import VarFormDetails from '../form-details';
 var {

package/es/snackbar/index.js

@@ -7,7 +7,7 @@ import VarSnackbar from './Snackbar.js'
 import context from '../context';
 import { reactive, TransitionGroup } from 'vue';
 import { mountInstance } from '../utils/components';
-import { isNumber, isPlainObject, isString, toNumber } from '../utils/shared';
+import { isNumber, isPlainObject, isString, toNumber } from '@varlet/shared';
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);

package/es/space/Space.js

@@ -2,7 +2,7 @@ import { createVNode as _createVNode } from "vue";
 import { defineComponent, Fragment, Comment } from 'vue';
 import { internalSizeValidator, props } from './props';
 import { toPxNum } from '../utils/elements';
-import { isArray } from '../utils/shared';
+import { isArray } from '@varlet/shared';
 
 
 import { call, createNamespace } from '../utils/components';

package/es/space/props.js

@@ -1,4 +1,4 @@
-import { isArray, isNumber, isString } from '../utils/shared';
+import { isArray, isNumber, isString } from '@varlet/shared';
 export var internalSizeValidator = size => ['mini', 'small', 'normal', 'large'].includes(size);
 export var sizeValidator = size => {
   return internalSizeValidator(size) || isArray(size) || isNumber(size) || isString(size);

package/es/sticky/Sticky.js

@@ -5,7 +5,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 import { defineComponent, ref, onMounted, onUnmounted, onActivated, onDeactivated, computed, watch } from 'vue';
 import { props } from './props';
 import { doubleRaf, getParentScroller, toPxNum } from '../utils/elements';
-import { toNumber } from '../utils/shared';
+import { toNumber } from '@varlet/shared';
 import { call, createNamespace } from '../utils/components';
 var {
   n,

package/es/swipe/Swipe.js

@@ -6,7 +6,7 @@ import { defineComponent, ref, computed, watch, onMounted, onUnmounted } from 'v
 import { useSwipeItems } from './provide';
 import { doubleRaf, nextTickFrame } from '../utils/elements';
 import { props } from './props';
-import { isNumber, toNumber } from '../utils/shared';
+import { isNumber, toNumber } from '@varlet/shared';
 import { call, createNamespace } from '../utils/components';
 var SWIPE_DELAY = 250;
 var SWIPE_DISTANCE = 20;

package/es/tabs/Tabs.js

@@ -6,7 +6,8 @@ import VarSticky from '../sticky';
 import { defineComponent, watch, ref, computed, Transition, onMounted, onUnmounted } from 'vue';
 import { props } from './props';
 import { useTabList } from './provide';
-import { isNumber, linear } from '../utils/shared';
+import { isNumber } from '@varlet/shared';
+import { linear } from '../utils/shared';
 import { toSizeUnit, scrollTo, doubleRaf } from '../utils/elements';
 import { createNamespace, call } from '../utils/components';
 var {

package/es/time-picker/TimePicker.js

@@ -2,7 +2,7 @@ import { computed, defineComponent, reactive, ref, watch } from 'vue';
 import dayjs from 'dayjs/esm';
 import Clock from './clock.js'
 import { props, hoursAmpm, hours24 } from './props';
-import { toNumber } from '../utils/shared';
+import { toNumber } from '@varlet/shared';
 import { createNamespace, call } from '../utils/components';
 import { getNumberTime, getIsDisableMinute, getIsDisableSecond } from './utils';
 var {

package/es/time-picker/clock.js

@@ -2,7 +2,7 @@ import { computed, defineComponent, ref, watch } from 'vue';
 import dayjs from 'dayjs/esm';
 import { hoursAmpm, hours24, minSec } from './props';
 import { notConvert, convertHour, getIsDisableMinute, getIsDisableSecond, getNumberTime } from './utils';
-import { toNumber } from '../utils/shared';
+import { toNumber } from '@varlet/shared';
 import { createNamespace } from '../utils/components';
 var {
   n,

package/es/time-picker/utils.js

@@ -1,5 +1,5 @@
 import { hours24, hoursAmpm } from './props';
-import { toNumber } from '../utils/shared';
+import { toNumber } from '@varlet/shared';
 export var notConvert = (format, ampm) => format === '24hr' || ampm === 'am';
 export var convertHour = (format, ampm, hour) => {
   var index = hoursAmpm.findIndex(hourAmpm => toNumber(hourAmpm) === toNumber(hour));

package/es/uploader/Uploader.js

@@ -9,7 +9,8 @@ import ImagePreview from '../image-preview';
 import Ripple from '../ripple';
 import { defineComponent, nextTick, reactive, computed, watch, ref } from 'vue';
 import { props } from './props';
-import { isNumber, isHTMLSupportImage, isHTMLSupportVideo, toNumber, isString } from '../utils/shared';
+import { isNumber, toNumber, isString } from '@varlet/shared';
+import { isHTMLSupportImage, isHTMLSupportVideo } from '../utils/shared';
 import { call, useValidation, createNamespace } from '../utils/components';
 import { useForm } from '../form/provide';
 var {