@opentiny/vue-renderless 3.21.1 → 3.22.0

package/select/index.js

@@ -2,25 +2,25 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { find } from "../common/array";
-import { getObj, isEqual } from "../common/object";
-import { isKorean } from "../common/string";
-import scrollIntoView from "../common/deps/scroll-into-view";
-import PopupManager from "../common/deps/popup-manager";
-import debounce from "../common/deps/debounce";
-import { getDataset } from "../common/dataset";
-import Memorize from "../common/deps/memorize";
-import { isEmptyObject } from "../common/type";
-import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
-import { extend } from "../common/object";
-import { BROWSER_NAME } from "../common";
-import browserInfo from "../common/browser";
-import { isNull } from "../common/type";
-import { fastdom } from "../common/deps/fastdom";
+import { find } from "@opentiny/utils";
+import { getObj, isEqual } from "@opentiny/utils";
+import { isKorean } from "@opentiny/utils";
+import { scrollIntoView } from "@opentiny/utils";
+import { PopupManager } from "@opentiny/utils";
+import { debounce } from "@opentiny/utils";
+import { getDataset } from "@opentiny/utils";
+import { Memorize } from "@opentiny/utils";
+import { isEmptyObject } from "@opentiny/utils";
+import { addResizeListener, removeResizeListener } from "@opentiny/utils";
+import { extend } from "@opentiny/utils";
+import { BROWSER_NAME } from "@opentiny/utils";
+import { browserInfo } from "@opentiny/utils";
+import { isNull } from "@opentiny/utils";
+import { fastdom } from "@opentiny/utils";
 import { deepClone } from "../picker-column";
 import { escapeRegexpString } from "../option";
-import { correctTarget } from "../common/event";
-import { isBrowser } from "../common/browser";
+import { correctTarget } from "@opentiny/utils";
+import { isServer } from "@opentiny/utils";
 const handleComposition = ({ api, nextTick, state }) => (event) => {
   const text = event.target.value;
   if (event.type === "compositionend") {
@@ -633,13 +633,17 @@ const initValue = ({ state }) => (vm) => {
   const isExist = state.initValue.find((val) => val === vm.value);
   !isExist && state.initValue.push(vm.value);
 };
-const setSoftFocus = ({ vm, state }) => () => {
+const setSoftFocus = ({ vm, state, props }) => () => {
+  if (vm.$slots.reference) {
+    return;
+  }
   state.softFocus = true;
   const input = vm.$refs.input || vm.$refs.reference;
-  if (input) {
-    input.focus();
+  if (!props.automaticDropdown) {
+    if (input) {
+      input.focus();
+    }
   }
-  state.softFocus = false;
 };
 const getValueIndex = (props) => (arr = [], value = null) => {
   const isObject = Object.prototype.toString.call(value).toLowerCase() === "[object object]";
@@ -1683,7 +1687,7 @@ const watchInitValue = ({ props, emit }) => (value) => {
   }
 };
 const watchShowClose = ({ nextTick, state, parent }) => () => {
-  if (!isBrowser)
+  if (isServer)
     return;
   nextTick(() => {
     const parentEl = parent.$el;

package/select/vue.js

@@ -115,10 +115,10 @@ import {
   isTagClosable,
   computedCurrentSizeMap
 } from "./index";
-import debounce from "../common/deps/debounce";
-import { isNumber } from "../common/type";
-import { useUserAgent } from "../common/deps/useUserAgent";
-import { isBrowser } from "../common/browser";
+import { debounce } from "@opentiny/utils";
+import { isNumber } from "@opentiny/utils";
+import { useUserAgent } from "@opentiny/vue-hooks";
+import { isServer } from "@opentiny/utils";
 const api = [
   "state",
   "nodeCollapse",
@@ -207,7 +207,7 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
     optionsAllDisabled: computed(() => api2.computedOptionsAllDisabled()),
     collapseTagSize: computed(() => api2.computedCollapseTagSize()),
     showNewOption: computed(() => api2.computedShowNewOption()),
-    selectSize: computed(() => isBrowser ? props.size || state.formItemSize : 0),
+    selectSize: computed(() => !isServer ? props.size || state.formItemSize : 0),
     optimizeOpts: computed(() => api2.computeOptimizeOpts()),
     optimizeStore: { valueIndex: 0, recycleScrollerHeight: computed(() => api2.recycleScrollerHeight()) },
     collapseTags: computed(() => api2.computeCollapseTags()),
@@ -227,6 +227,7 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
       () => state.device === "mb" && props.multiple && state.visible ? state.selectedCopy : state.selected
     ),
     displayOnlyContent: computed(() => {
+      var _a;
       if (props.multiple) {
         if (Array.isArray(state.selected)) {
           if (state.isDisplayOnly && props.options && props.options.length > 0) {
@@ -246,7 +247,7 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
             const find = props.options.find((opt) => opt[props.valueField] === state.selected.value);
             return find ? find[props.textField] : "";
           } else {
-            return (state.selected.state ? state.selected.state.currentLabel : state.selected.currentLabel || state.selected.label) || "";
+            return ((_a = state.selected.state) == null ? void 0 : _a.currentLabel) || state.selected.currentLabel || state.selected.label || "";
           }
         } else {
           return "";
@@ -372,7 +373,7 @@ const initApi = ({
     toggleMenu: toggleMenu({ vm, state, props, api: api2, isMobileFirstMode }),
     showTip: showTip({ props, state, vm }),
     onOptionDestroy: onOptionDestroy(state),
-    setSoftFocus: setSoftFocus({ vm, state }),
+    setSoftFocus: setSoftFocus({ vm, state, props }),
     getcheckedData: getcheckedData({ props, state }),
     resetInputWidth: resetInputWidth({ vm, state }),
     resetHoverIndex: resetHoverIndex({ props, state }),

package/select-dropdown/vue.js

@@ -10,10 +10,10 @@ import {
   cancelSearch,
   handleClear
 } from "./index";
-import userPopper from "../common/deps/vue-popper";
-import PopupManager from "../common/deps/popup-manager";
-import debounce from "../common/deps/debounce";
-import { isBrowser } from "../common/browser";
+import { userPopper } from "@opentiny/vue-hooks";
+import { PopupManager } from "@opentiny/utils";
+import { debounce } from "@opentiny/utils";
+import { isServer } from "@opentiny/utils";
 const api = [
   "state",
   "doDestroy",
@@ -76,7 +76,7 @@ const initApi = ({ api: api2, popper, state, selectEmitter, constants, selectVm,
 };
 const initWatch = ({ watch, selectVm, state, nextTick }) => {
   watch(
-    () => isBrowser ? selectVm.state.inputWidth : void 0,
+    () => !isServer ? selectVm.state.inputWidth : void 0,
     (val) => {
       nextTick(() => {
         state.minWidth = (selectVm && selectVm.$el && selectVm.$el.getBoundingClientRect().width || val) + "px";

package/selected-box/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { omitText } from "../common/string";
+import { omitText } from "@opentiny/utils";
 const normal = (n) => n < 0 ? 0 : n;
 const init = ({ props, state }) => () => {
   const { inverse, total, select } = props;

package/signature/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { preventDefault } from "../common/deps/dom";
+import { preventDefault } from "@opentiny/utils";
 const getOffsetPosition = ({ touch, state }) => {
   let offsetY = 0;
   let offsetX = 0;

package/signature/vue.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import emulate from "../common/deps/touch-emulator";
-import { useRect as _useRect } from "../common/deps/useRect";
+import { emulate } from "@opentiny/utils";
+import { useRect as _useRect } from "@opentiny/vue-hooks";
 import {
   touchStart,
   touchMove,

package/skeleton/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { isNumber, isNull } from "../common/type";
+import { isNumber, isNull } from "@opentiny/utils";
 const toPxStyle = (value) => {
   if (isNull(value)) {
     return void 0;

package/slider/index.js

@@ -1,8 +1,8 @@
 import "../chunk-G2ADBYYC.js";
-import { KEY_CODE } from "../common";
-import { emitEvent } from "../common/event";
-import { on, off, hasClass } from "../common/deps/dom";
-import { toNumber } from "../common/string";
+import { KEY_CODE } from "@opentiny/utils";
+import { emitEvent } from "@opentiny/utils";
+import { on, off, hasClass } from "@opentiny/utils";
+import { toNumber } from "@opentiny/utils";
 const bindEvent = (api) => () => {
   on(window, "resize", api.bindResize);
   api.bindResize();

package/slider-button-group/slide-button.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import debounce from "../common/deps/debounce";
-import { on, off } from "../common/deps/dom";
+import { debounce } from "@opentiny/utils";
+import { on, off } from "@opentiny/utils";
 const getButtonPosition = ({ sliderState }) => () => {
   const { slideMainPostion, offsetList } = sliderState;
   const array = offsetList.slice();

package/split/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { isBrowser } from "../common/browser";
+import { isServer } from "@opentiny/utils";
 const px2percent = ({ numerator, denominator }) => parseFloat(numerator) / parseFloat(denominator);
 const getComputedThresholdValue = ({ api, props, vm, state }) => (type) => {
   const size = vm.$refs.outerWrapper[state.offsetSize];
@@ -101,7 +101,7 @@ const buttonRightBottomClick = ({ emit, props, state }) => () => {
 };
 const computeOffset = ({ api, nextTick, props, vm, state }) => () => {
   setTimeout(() => {
-    if (state && isBrowser) {
+    if (state && !isServer) {
       state.totalPane = vm.$refs.outerWrapper[state.offsetSize];
       state.leftTopPane = state.totalPane * (state.offset / 100);
     }

package/split/vue.js

@@ -16,7 +16,7 @@ import {
   buttonRightBottomClick,
   computeOffset
 } from "./index";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 const api = ["state", "handleMousedown", "buttonMousedown", "buttonLeftTopClick", "buttonRightBottomClick"];
 const renderless = (props, hooks, { vm, nextTick, emit, constants, designConfig }) => {
   var _a;

package/statistic/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { isFunction } from "../common/type";
+import { isFunction } from "@opentiny/utils";
 const isNumber = ({ props }) => () => {
   return typeof props.value === "number";
 };

package/steps/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { omitText } from "../common/string";
+import { omitText } from "@opentiny/utils";
 const updateStartIndex = ({ state, props }) => () => {
   const { visibleNum, active } = props;
   const maxStartIndex = Math.min(props.data.length - visibleNum, active - Math.floor(visibleNum / 2));
@@ -20,8 +20,7 @@ const computedRightNodePos = ({ state, props }) => () => {
   const dataLength = data.length;
   const nodesLength = dataLength - 1 - endIndex;
   return Array.from({ length: nodesLength }).map((item, index) => ({
-    zIndex: dataLength - index,
-    right: -(index + 1) * 4 + "px"
+    zIndex: dataLength - index
   }));
 };
 const handleMouseenter = ({ state, vm }) => (e, placement) => {

package/steps/slide-bar.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import debounce from "../common/deps/debounce";
-import { on, off } from "../common/deps/dom";
+import { debounce } from "@opentiny/utils";
+import { on, off } from "@opentiny/utils";
 const getBoundingPosition = ({ state }) => () => {
   const { slideMainPostion, positionList } = state;
   const list = positionList.slice();

package/sticky/vue.js

@@ -1,8 +1,8 @@
 import "../chunk-G2ADBYYC.js";
-import { useRect } from "../common/deps/useRect";
-import { useWindowSize } from "../common/deps/useWindowSize";
-import { useEventListener } from "../common/deps/useEventListener";
-import { useScrollParent } from "../common/deps/dom";
+import { useRect } from "@opentiny/vue-hooks";
+import { useWindowSize } from "@opentiny/vue-hooks";
+import { useEventListener } from "@opentiny/vue-hooks";
+import { useScrollParent } from "@opentiny/utils";
 import { computedRootStyle, computedStickyStyle, updateRoot, unitToPx, getRootRect, getTarget } from "./index";
 const api = ["state"];
 const renderless = (props, hooks, { vm, emit }) => {

package/tab-bar/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { POSITION } from "../common";
-import { capitalize } from "../common/string";
+import { POSITION } from "@opentiny/utils";
+import { capitalize } from "@opentiny/utils";
 const computedBarStyle = (parent) => (props, state) => {
   const style = {};
   let offset = 0;

package/tab-item-mf/vue.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { useRelation as createUseRelation } from "../common/deps/useRelation";
+import { useRelation as createUseRelation } from "@opentiny/vue-hooks";
 const renderless = (props, hooks, { slots, vm }) => {
   const { inject, onBeforeUnmount, reactive, toRef, markRaw } = hooks;
   const tabs = inject("tabs", null);

package/tab-nav/index.js

@@ -1,8 +1,8 @@
 import "../chunk-G2ADBYYC.js";
-import { KEY_CODE, POSITION } from "../common";
-import { capitalize } from "../common/string";
-import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
-import { on, off } from "../common/deps/dom";
+import { KEY_CODE, POSITION } from "@opentiny/utils";
+import { capitalize } from "@opentiny/utils";
+import { addResizeListener, removeResizeListener } from "@opentiny/utils";
+import { on, off } from "@opentiny/utils";
 const computedNavStyle = (state) => {
   const dir = ~[POSITION.Top, POSITION.Bottom].indexOf(state.rootTabs.position) ? "X" : "Y";
   if (state.mode === "mobile") {

package/tabbar/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { off } from "../common/deps/dom";
+import { off } from "@opentiny/utils";
 const setActiveItem = ({ props, state }) => () => {
   state.children.forEach((item, index) => {
     item.state ? item.state.index = index : item.index = index;

package/tabbar/vue.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
 import { setActiveItem, onChange, getChildrens, getItems, beforeDestroy, initPage } from "./index";
-import { on } from "../common/deps/dom";
+import { on } from "@opentiny/utils";
 const api = ["state", "onChange", "getChildrens"];
 const renderless = (props, { computed, onMounted, reactive, watch, onBeforeUnmount, provide }, { vm, emit, nextTick, childrenHandler }) => {
   const api2 = {};

package/tabbar-item/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { isObject, isNull } from "../common/type";
+import { isObject, isNull } from "@opentiny/utils";
 const getRouteActive = ({ props, route }) => () => {
   if (props.to && route) {
     const config = isObject(props.to) ? props.to : { path: props.to };

package/tabs-mf/index.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
-import { random } from "../common/string";
-import debounce from "../common/deps/debounce";
-import { fastdom } from "../common/deps/fastdom";
+import { random } from "@opentiny/utils";
+import { debounce } from "@opentiny/utils";
+import { fastdom } from "@opentiny/utils";
 const setActive = ({ state, api }) => (name) => {
   const current = state.currentItem ? state.currentItem.name : "";
   if (current && current !== name) {
@@ -209,7 +209,7 @@ const emitAdd = (tabs) => () => {
   tabs.$emit("edit", null, "add");
   tabs.$emit("add");
 };
-const handleNavItemClick = ({ tabs, props, vm }) => () => {
+const handleNavItemClick = ({ tabs, props, vm }) => (event) => {
   const index = tabs.state.navs.indexOf(vm);
   const newTab = props.navItem.name;
   const oldTab = tabs.state.currentItem ? tabs.state.currentItem.name : "";
@@ -219,7 +219,7 @@ const handleNavItemClick = ({ tabs, props, vm }) => () => {
       tabs.$refs.swipe && tabs.$refs.swipe.setActiveItem(index);
     }
   });
-  tabs.$emit("click", props.navItem);
+  tabs.$emit("click", props.navItem, event);
 };
 const getBoundRectNV = ({ vm, props }) => () => ({
   name: props.navItem.name,

package/tabs-mf/vue-bar.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
+import { addResizeListener, removeResizeListener } from "@opentiny/utils";
 import { wheelListener, getBoundRect, handleClickDropdownItem, key, emitAdd } from "./index";
 import { getAddWheelListener } from "./wheel";
 const { addWheelListener, removeWheelListener } = getAddWheelListener(window, document);

package/tabs-mf/vue-swipe.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import emulate from "../common/deps/touch-emulator";
+import { emulate } from "@opentiny/utils";
 import { onTouchstart, onTouchmove, clearScroll } from "./index";
 emulate();
 const api = ["state", "onTouchstart", "onTouchmove", "clearScroll"];

package/tabs-mf/vue.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { random } from "../common/string";
-import { useRelation } from "../common/deps/useRelation";
+import { random } from "@opentiny/utils";
+import { useRelation } from "@opentiny/vue-hooks";
 import {
   setActive,
   addItem,

package/tabs-mf/wheel.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { isBrowser } from "../common/browser";
+import { isServer } from "@opentiny/utils";
 const getAddWheelListener = (window, document) => {
   const { addApiName, removeApiName, prefix } = detectEventModel(window);
   const support = detectAvailableWheelEvent(document);
@@ -15,14 +15,14 @@ const getAddWheelListener = (window, document) => {
   };
 };
 const detectEventModel = (window) => {
-  const flag = isBrowser ? window.addEventListener : null;
+  const flag = !isServer ? window.addEventListener : null;
   const addApiName = flag ? "addEventListener" : "attachEvent";
   const removeApiName = flag ? "removeEventListener" : "detachEvent";
   const prefix = flag ? "" : "on";
   return { addApiName, removeApiName, prefix };
 };
 const detectAvailableWheelEvent = (document) => {
-  if (!isBrowser)
+  if (isServer)
     return null;
   else {
     let support;

package/tag-group/vue.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
-import debounce from "../common/deps/debounce";
+import { addResizeListener, removeResizeListener } from "@opentiny/utils";
+import { debounce } from "@opentiny/utils";
 import { getHiddenTags, handelItemClick } from "./index";
 const api = ["state", "handelItemClick"];
 const renderless = (props, { onMounted, onBeforeUnmount, reactive, watch }, { vm, emit }) => {

package/tall-storage/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { KEY_CODE } from "../common";
+import { KEY_CODE } from "@opentiny/utils";
 const mousedown = (event) => {
   if (event && event.preventDefault) {
     event.preventDefault();

package/tall-storage/vue.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
 import { mousedown, selectItem, keydown } from "./index";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 const api = ["state", "mousedown", "selectItem"];
 const renderless = (props, { onUnmounted, reactive, watch }, { emit }) => {
   const state = reactive({

package/time/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { limitTimeRange, formatDate, clearMilliseconds, timeWithinRange } from "../common/deps/date-util";
+import { limitTimeRange, formatDate, clearMilliseconds, timeWithinRange } from "@opentiny/utils";
 const watchValue = ({ api, nextTick, state }) => (value) => {
   let date;
   if (value instanceof Date) {

package/time/vue.js

@@ -13,7 +13,7 @@ import {
   handleConfirm
 } from "./index";
 import { compuAmPmMode } from "../time-range";
-import { isDate } from "../common/deps/date-util";
+import { isDate1 as isDate } from "@opentiny/utils";
 const api = ["state", "handleChange", "setSelectionRange", "handleCancel", "handleConfirm", "adjustSpinners"];
 const initState = ({ reactive, props, computed, api: api2 }) => {
   const state = reactive({

package/time-line/index.js

@@ -2,7 +2,7 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { format } from "../common/date";
+import { formatDateByPattern as format } from "@opentiny/utils";
 const getDate = (dateTime) => ({
   date: format(dateTime, "yyyy-MM-dd"),
   time: format(dateTime, "hh:mm")

package/time-line-new/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { format } from "../common/date";
+import { formatDateByPattern as format } from "@opentiny/utils";
 const getDate = (dateTime) => {
   return {
     date: format(dateTime, "yyyy/MM/dd"),

package/time-panel/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import scrollIntoView from "../common/deps/scroll-into-view";
-import { DATEPICKER } from "../common";
+import { scrollIntoView } from "@opentiny/utils";
+import { DATEPICKER } from "@opentiny/utils";
 const parseTime = () => (time) => {
   const values = (time || "").split(":");
   if (values.length >= 2) {

package/time-panel/vue.js

@@ -16,7 +16,7 @@ import {
   emitPick,
   emitDestroy
 } from "./index";
-import { DATEPICKER } from "../common";
+import { DATEPICKER } from "@opentiny/utils";
 const api = ["state", "handleMenuEnter", "handleClick", "handleClear", "emitDestroy"];
 const initState = ({ reactive, computed, api: api2 }) => {
   const { Start, End, Step } = DATEPICKER;

package/time-range/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { clearMilliseconds, timeWithinRange, limitTimeRange, modifyDate } from "../common/deps/date-util";
+import { clearMilliseconds, timeWithinRange, limitTimeRange, modifyDate } from "@opentiny/utils";
 const minTimeOfDay = ({ MIN_TIME }) => (date) => modifyDate(MIN_TIME, date.getFullYear(), date.getMonth(), date.getDate());
 const maxTimeOfDay = ({ MAX_TIME }) => (date) => modifyDate(MAX_TIME, date.getFullYear(), date.getMonth(), date.getDate());
 const advanceTime = (api) => (date, amount) => new Date(Math.min(date.getTime() + amount, api.maxTimeOfDay(date).getTime()));

package/time-range/vue.js

@@ -19,7 +19,7 @@ import {
   compuAmPmMode,
   adjustSpinners
 } from "./index";
-import { parseDate } from "../common/deps/date-util";
+import { parseDate1 as parseDate } from "@opentiny/utils";
 const api = [
   "state",
   "handleMinChange",

package/time-spinner/index.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
-import { modifyTime } from "../common/deps/date-util";
-import { DATEPICKER } from "../common";
-import { isBrowser } from "../common/browser";
+import { modifyTime } from "@opentiny/utils";
+import { DATEPICKER } from "@opentiny/utils";
+import { isServer } from "@opentiny/utils";
 const getArrowHourList = (state) => () => {
   const hours = state.hours;
   const step = state.step.hours;
@@ -143,7 +143,7 @@ const adjustCurrentSpinner = ({ api, state }) => (type) => {
   api.adjustSpinner(type, state[type]);
 };
 const adjustSpinner = ({ api, props, vm, state }) => (type, value) => {
-  if (props.arrowControl || !isBrowser) {
+  if (props.arrowControl || isServer) {
     return;
   }
   const el = vm.$refs[type].$refs.wrap;

package/time-spinner/vue.js

@@ -19,7 +19,7 @@ import {
   emitSelectRange,
   selectDateScroll
 } from "./index";
-import { getRangeHours, getRangeMinutes } from "../common/deps/date-util";
+import { getRangeHours, getRangeMinutes } from "@opentiny/utils";
 const api = [
   "state",
   "emitSelectRange",

package/timeline-item/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { format } from "../common/date";
+import { formatDateByPattern as format } from "@opentiny/utils";
 const getDate = (dateTime) => ({
   date: format(dateTime, "yyyy-MM-dd"),
   time: format(dateTime, "hh:mm")

package/toggle-menu/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
 import { xss } from "@opentiny/utils";
-import { isObject } from "../common/type";
+import { isObject } from "@opentiny/utils";
 const filterNode = (props) => (value, data) => {
   const node = data[props.props.label || "label"] || "";
   return node.includes(value);

package/tooltip/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import debounce from "../common/deps/debounce";
-import { on, off, addClass, removeClass } from "../common/deps/dom";
+import { debounce } from "@opentiny/utils";
+import { on, off, addClass, removeClass } from "@opentiny/utils";
 const show = ({ api, state, props }) => (event) => {
   const defaultDelay = 200;
   const delay = event && event.type === "mouseenter" ? defaultDelay : 0;

package/tooltip/vue.js

@@ -17,8 +17,8 @@ import {
   observeCallback,
   handleDocumentClick
 } from "./index";
-import userPopper from "../common/deps/vue-popper";
-import { guid } from "../common/string";
+import { userPopper } from "@opentiny/vue-hooks";
+import { guid } from "@opentiny/utils";
 const api = [
   "state",
   "bindEvent",

package/top-box/index.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
-import { KEY_CODE } from "../common";
-import { on, off } from "../common/deps/dom";
-import PopupManager from "../common/deps/popup-manager";
+import { KEY_CODE } from "@opentiny/utils";
+import { on, off } from "@opentiny/utils";
+import { PopupManager } from "@opentiny/utils";
 const handleAfterLeave = (api) => () => api.destroy();
 const destroy = (parent) => () => {
   parent.$el.parentNode.removeChild(parent.$el);

package/transfer/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { copyArray } from "../common/object";
+import { copyArray } from "@opentiny/utils";
 const getObj = (props) => () => props.data.reduce((o, cur) => (o[cur[props.props.key]] = cur) && o, {});
 const getSourceData = ({ props, Tree }) => () => {
   if (props.render && props.render.plugin.name === Tree) {