@opentiny/vue-renderless 3.21.2 → 3.23.0

package/pager/vue.js

@@ -7,6 +7,7 @@ import {
   computedSimplestPagerOption,
   computedSimplestPagerWidth,
   computedPageSizeText,
+  getInternalPageSize,
   handleJumperFocus,
   handleSizeChange,
   handleJumperInput,
@@ -30,12 +31,11 @@ import {
   setTotal,
   clickSizes,
   watchInternalCurrentPage,
-  watchPageSizes,
   watchCurrentPage,
   watchInternalPageCount,
-  watchPageSize,
   watchTotal,
-  watchShowSizes
+  watchShowSizes,
+  watchInternalPageSize
 } from "./index";
 const api = [
   "state",
@@ -63,12 +63,12 @@ const api = [
   "clickSizes"
 ];
 const renderless = (props, { reactive, computed, watch }, { emit, vm, nextTick, t, designConfig }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   const api2 = {};
   const state = reactive({
     showSizes: false,
     internalCurrentPage: 1,
-    internalPageSize: props.pageSize,
+    internalPageSize: 10,
     lastEmittedPage: -1,
     userChangePageSize: false,
     internalTotal: props.total,
@@ -81,12 +81,15 @@ const renderless = (props, { reactive, computed, watch }, { emit, vm, nextTick,
     totalText: computed(() => api2.computedTotalText()),
     internalPageCount: computed(() => api2.computedInternalPageCount()),
     showJumperSuffix: (_b = (_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.showJumperSuffix) != null ? _b : true,
-    align: props.align || ((_c = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _c.align) || "right",
-    totalI18n: ((_d = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _d.totalI18n) || "totals",
+    align: computed(() => {
+      var _a2;
+      return props.align || ((_a2 = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a2.align) || "right";
+    }),
+    totalI18n: ((_c = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _c.totalI18n) || "totals",
     totalFixedLeft: computed(
       () => {
-        var _a2, _b2, _c2, _d2;
-        return (_d2 = (_c2 = (_b2 = props.totalFixedLeft) != null ? _b2 : (_a2 = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a2.totalFixedLeft) != null ? _c2 : props.mode !== "simplest") != null ? _d2 : true;
+        var _a2, _b2, _c2, _d;
+        return (_d = (_c2 = (_b2 = props.totalFixedLeft) != null ? _b2 : (_a2 = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a2.totalFixedLeft) != null ? _c2 : props.mode !== "simplest") != null ? _d : true;
       }
     ),
     pageSizeText: computed(() => api2.computedPageSizeText())
@@ -119,26 +122,34 @@ const renderless = (props, { reactive, computed, watch }, { emit, vm, nextTick,
     prev: prev({ state, props, api: api2, emit }),
     next: next({ props, state, api: api2, emit }),
     buildBeforePageChangeParam: buildBeforePageChangeParam({ state }),
-    emitChange: emitChange({ state, nextTick, emit }),
+    emitChange: emitChange({ state, nextTick, emit, props }),
     setTotal: setTotal({ state }),
     clickSizes: clickSizes(),
     // watch
-    watchInternalCurrentPage: watchInternalCurrentPage({ state, emit }),
-    watchPageSizes: watchPageSizes({ state, props }),
+    watchInternalCurrentPage: watchInternalCurrentPage({ state, emit, props }),
+    getInternalPageSize: getInternalPageSize({ state, props }),
     watchCurrentPage: watchCurrentPage({ state, api: api2 }),
     watchInternalPageCount: watchInternalPageCount({ state, api: api2 }),
-    watchPageSize: watchPageSize({ state }),
     watchTotal: watchTotal({ state }),
-    watchShowSizes: watchShowSizes({ nextTick, vm })
+    watchShowSizes: watchShowSizes({ nextTick, vm }),
+    watchInternalPageSize: watchInternalPageSize({ emit, props })
   });
   state.internalCurrentPage = api2.getValidCurrentPage(props.currentPage);
+  state.internalPageSize = api2.getInternalPageSize();
   watch(() => state.internalCurrentPage, api2.watchInternalCurrentPage);
-  watch(() => props.pageSizes, api2.watchPageSizes, { immediate: true });
+  watch(() => state.internalPageSize, api2.watchInternalPageSize);
   watch(() => props.currentPage, api2.watchCurrentPage);
   watch(() => state.internalPageCount, api2.watchInternalPageCount);
-  watch(() => props.pageSize, api2.watchPageSize, { immediate: true });
   watch(() => props.total, api2.watchTotal);
   watch(() => state.showSizes, api2.watchShowSizes);
+  watch(
+    () => props.pageSize,
+    () => state.internalPageSize = api2.getInternalPageSize()
+  );
+  watch(
+    () => props.pageSizes,
+    () => state.internalPageSize = api2.getInternalPageSize()
+  );
   return api2;
 };
 export {

package/panel/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { emitEvent } from "../common/event";
+import { emitEvent } from "@opentiny/utils";
 const toggle = ({ api, state }) => () => {
   state.isShow ? api.collapse() : api.expand();
 };

package/picker/index.js

@@ -2,12 +2,12 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { toDate, getDateWithNewTimezone, getStrTimezone, getLocalTimezone } from "../common/date";
-import { isNumber, isDate } from "../common/type";
-import userPopper from "../common/deps/vue-popper";
-import { DATEPICKER } from "../common";
-import { formatDate, parseDate, isDateObject, getWeekNumber, prevDate, nextDate } from "../common/deps/date-util";
-import { extend } from "../common/object";
+import { toDate1, getDateWithNewTimezone, getStrTimezone, getLocalTimezone } from "@opentiny/utils";
+import { isNumber, isDate } from "@opentiny/utils";
+import { userPopper } from "@opentiny/vue-hooks";
+import { DATEPICKER } from "@opentiny/utils";
+import { formatDate, parseDate1 as parseDate, isDateObject, getWeekNumber, prevDate, nextDate } from "@opentiny/utils";
+import { extend } from "@opentiny/utils";
 import globalTimezone from "./timezone";
 const iso8601Reg = /^\d{4}-\d{2}-\d{2}(.)\d{2}:\d{2}:\d{2}(.+)$/;
 const getPanel = ({
@@ -46,8 +46,8 @@ const watchMobileVisible = ({ api, props, state, nextTick }) => ([dateMobileVisi
     });
   }
 };
-const watchPickerVisible = ({ api, vm, dispatch, emit, props, state, nextTick }) => (value) => {
-  if (props.readonly || state.pickerDisabled || state.isMobileScreen)
+const watchPickerVisible = ({ api, vm, dispatch, emit, props, state, nextTick, isPCMode }) => (value) => {
+  if (props.readonly || state.pickerDisabled || state.isMobileScreen && !isPCMode)
     return;
   if (value) {
     api.showPicker();
@@ -158,7 +158,7 @@ const parsedValue = ({ api, props, state, t }) => () => {
     }
     return getDateWithNewTimezone(result || props.modelValue, from, to, timezoneOffset);
   }
-  const trans = (value) => typeof value === "string" || isNumber(value) ? toDate(value) : value;
+  const trans = (value) => typeof value === "string" || isNumber(value) ? toDate1(value) : value;
   const values = [].concat(props.modelValue).map((val) => getDateWithNewTimezone(trans(val), from, to, timezoneOffset));
   return values.length > 1 ? values : values[0];
 };
@@ -704,15 +704,18 @@ const handleClose = ({ api, props, state }) => () => {
     api.emitInput(oldValue, true);
   }
 };
-const handleFocus = ({ emit, vm, state, api }) => () => {
+const handleFocus = ({ emit, vm, state, api, props, isPCMode }) => () => {
   const type = state.type;
+  if (props.readonly || state.pickerDisabled) {
+    return;
+  }
   if (DATEPICKER.TriggerTypes.includes(type)) {
-    if (state.isMobileScreen && state.isDateMobileComponent) {
+    if (!state.isMobileScreen || isPCMode) {
+      state.pickerVisible = true;
+    } else if (state.isDateMobileComponent) {
       api.dateMobileToggle(true);
-    } else if (state.isMobileScreen && state.isTimeMobileComponent) {
+    } else if (state.isTimeMobileComponent) {
       api.timeMobileToggle(true);
-    } else {
-      state.pickerVisible = true;
     }
   }
   emit("focus", vm.$refs.reference);
@@ -772,9 +775,6 @@ const hidePicker = ({ destroyPopper, state }) => () => {
   }
 };
 const showPicker = ({ api, nextTick, updatePopper, state }) => () => {
-  if (state.$isServer) {
-    return;
-  }
   if (!state.picker) {
     api.mountPicker();
   }
@@ -786,14 +786,19 @@ const showPicker = ({ api, nextTick, updatePopper, state }) => () => {
     state.picker.adjustSpinners && state.picker.adjustSpinners();
   });
 };
-const handlePick = ({ state, api }) => (date = "", visible = false) => {
+const handlePick = ({ state, api }) => (date = "", visible = false, chooseOne = false) => {
   if (!state.picker)
     return;
-  state.userInput = null;
-  state.pickerVisible = state.picker.state.visible = visible;
-  api.emitInput(date, visible);
-  state.date = date;
-  state.picker.resetView && state.picker.resetView();
+  if (chooseOne) {
+    const minDate = date && date[0] || "";
+    state.userInput = [api.formatToString(minDate), null];
+  } else {
+    state.userInput = null;
+    state.pickerVisible = state.picker.state.visible = visible;
+    api.emitInput(date, visible);
+    state.date = date;
+    state.picker.resetView && state.picker.resetView();
+  }
 };
 const handleSelectRange = (state) => (start, end, pos) => {
   if (state.refInput.length === 0) {

package/picker/vue.js

@@ -59,7 +59,7 @@ import {
   formatInputValue
 } from "./index";
 import { dateMobileToggle, timeMobileToggle, dateToTimeArray, timeArrayToDate, timeMobileConfirm } from "./mb";
-import { DATEPICKER } from "../common";
+import { DATEPICKER } from "@opentiny/utils";
 const api = [
   "state",
   "btnClick",
@@ -154,7 +154,7 @@ const initState = ({ api: api2, reactive, vm, computed, props, utils, parent, br
   });
   return state;
 };
-const initApi = ({ api: api2, props, hooks, state, vnode, others, utils, parent }) => {
+const initApi = ({ api: api2, props, hooks, state, vnode, others, utils, parent, isPCMode }) => {
   const { t, emit, dispatch, nextTick, vm } = vnode;
   const { TimePanel, TimeRangePanel } = others;
   const { destroyPopper, popperElm, updatePopper } = initPopper({ props, hooks, vnode });
@@ -166,7 +166,7 @@ const initApi = ({ api: api2, props, hooks, state, vnode, others, utils, parent
     hidePicker: hidePicker({ destroyPopper, state }),
     handleSelectChange: ({ tz, date }) => !state.ranged && emit("select-change", { tz, date }),
     getPanel: getPanel(others),
-    handleFocus: handleFocus({ emit, vm, state, api: api2 }),
+    handleFocus: handleFocus({ emit, vm, state, api: api2, props, isPCMode }),
     getTimezone: getTimezone({ props, utils }),
     emitChange: emitChange({ api: api2, dispatch, emit, props, state }),
     parsedValue: parsedValue({ api: api2, props, state, t }),
@@ -189,7 +189,7 @@ const initApi = ({ api: api2, props, hooks, state, vnode, others, utils, parent
     handleClose: handleClose({ api: api2, props, state }),
     displayValue: displayValue({ api: api2, props, state }),
     handlePick: handlePick({ api: api2, state }),
-    watchPickerVisible: watchPickerVisible({ api: api2, vm, dispatch, emit, props, state, nextTick }),
+    watchPickerVisible: watchPickerVisible({ api: api2, vm, dispatch, emit, props, state, nextTick, isPCMode }),
     watchMobileVisible: watchMobileVisible({ api: api2, props, state, nextTick }),
     formatToString: formatToString({ api: api2, state }),
     watchIsRange: watchIsRange({ api: api2, state, TimePanel, TimeRangePanel }),
@@ -263,12 +263,12 @@ const initWatch = ({ api: api2, state, props, watch, markRaw }) => {
 const renderless = (props, hooks, vnode, others) => {
   const api2 = {};
   const { reactive, computed, watch, onBeforeUnmount, inject, markRaw, onMounted } = hooks;
-  const { vm, service, parent, useBreakpoint } = vnode;
+  const { vm, service, parent, useBreakpoint, isPCMode } = vnode;
   const { utils = {} } = service || {};
   const breakpoint = useBreakpoint();
   const state = initState({ api: api2, reactive, vm, computed, props, utils, parent, inject, breakpoint });
   parent.tinyForm = parent.tinyForm || inject("form", null);
-  initApi({ api: api2, props, hooks, state, vnode, others, utils, parent });
+  initApi({ api: api2, props, hooks, state, vnode, others, utils, parent, isPCMode });
   initWatch({ api: api2, state, props, watch, markRaw });
   api2.initGlobalTimezone();
   onMounted(() => {

package/picker-column/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 const computedWrapperStyle = (state) => () => {
   const wrapperStyle = {
     transform: `translate3d(0, ${state.offset + state.baseOffset}px, 0)`,

package/pop-upload/vue.js

@@ -41,7 +41,7 @@ import {
   fileUploadChange,
   deleteFile
 } from "./index";
-import { formatFileSize } from "../common/string";
+import { formatFileSize } from "@opentiny/utils";
 const api = [
   "state",
   "closeSuccessTips",

package/popconfirm/vue.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 import { show, hide, confirm, handleEmit, handleDocumentClick } from "./index";
 const api = ["state", "show", "hide", "confirm", "handleEmit"];
 const renderless = (props, { computed, reactive, onMounted, onBeforeUnmount }, { emit, constants, designConfig, vm }) => {

package/popeditor/index.js

@@ -1,11 +1,11 @@
 import "../chunk-G2ADBYYC.js";
-import { find } from "../common/array";
-import { typeOf, isNull } from "../common/type";
-import { getDataset } from "../common/dataset";
-import { isNullOrEmpty } from "../common/string";
-import { isEqual } from "../common/object";
+import { find } from "@opentiny/utils";
+import { typeOf, isNull } from "@opentiny/utils";
+import { getDataset } from "@opentiny/utils";
+import { isNullOrEmpty } from "@opentiny/utils";
+import { isEqual } from "@opentiny/utils";
 import { eachTree } from "../grid/static";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 const computedGetTitle = ({ constants, props, t }) => props.title || t(constants.TITLE);
 const computedModalWidth = ({ constants, props }) => {
   let modalWidth = 0;

package/popeditor/vue.js

@@ -1,8 +1,8 @@
 import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import debounce from "../common/deps/debounce";
-import userPopper from "../common/deps/vue-popper";
+import { debounce } from "@opentiny/utils";
+import { userPopper } from "@opentiny/vue-hooks";
 import {
   computedGetTitle,
   computedTreeOp,

package/popover/index.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
-import { on, off, addClass, removeClass } from "../common/deps/dom";
-import { guid } from "../common/string";
-import { KEY_CODE } from "../common";
+import { on, off, addClass, removeClass } from "@opentiny/utils";
+import { guid } from "@opentiny/utils";
+import { KEY_CODE } from "@opentiny/utils";
 const processTrigger = ({
   api,
   state,

package/popover/vue.js

@@ -20,7 +20,7 @@ import {
   handleItemClick,
   observeCallback
 } from "./index";
-import userPopper from "../common/deps/vue-popper";
+import { userPopper } from "@opentiny/vue-hooks";
 const api = [
   "state",
   "handleAfterEnter",

package/popup/index.js

@@ -1,10 +1,10 @@
 import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
-import { touchStart, touchMove } from "../common/deps/touch";
+import { on, off } from "@opentiny/utils";
+import { touchStart, touchMove } from "@opentiny/utils";
 import { getScroller } from "../dropdown-menu";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 const getStyle = (props) => () => {
   const style = __spreadValues({}, props.popupStyle);
   if (!isNull(props.duration)) {

package/pull-refresh/index.js

@@ -1,7 +1,7 @@
 import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 const PULL_UP_TIME_OUT = 300;
 const initPullRefresh = ({ t, props, state }) => () => {
   var _a, _b, _c;

package/pull-refresh-mobile-first/index.js

@@ -2,7 +2,7 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { on, off, getScrollTop, preventDefault } from "../common/deps/dom";
+import { on, off, getScrollTop, preventDefault } from "@opentiny/utils";
 const onTouchstart = ({ state }) => (event) => {
   state.draggposition = event.touches[0].clientY;
 };

package/pull-refresh-mobile-first/vue.js

@@ -19,10 +19,10 @@ import {
   parseHeaderHeight,
   checkSelfSimulate
 } from "./index";
-import { getScrollParent } from "../common/deps/dom";
-import { useTouch } from "../common/deps/useTouch";
-import { useEventListener } from "../common/deps/useEventListener";
-import emulate from "../common/deps/touch-emulator";
+import { getScrollParent } from "@opentiny/utils";
+import { useTouch } from "@opentiny/vue-hooks";
+import { useEventListener } from "@opentiny/vue-hooks";
+import { emulate } from "@opentiny/utils";
 emulate();
 const api = ["state", "constants", "onTouchStart", "onTouchEnd", "getStatusText"];
 const renderless = (props, { ref, unref, toRef, isRef, reactive, computed, watch, onMounted, onUnmounted, onActivated, onDeactivated }, { vm, emit, constants, t, nextTick, slots }, { Loading }) => {

package/quarter-panel/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { modifyDate, nextYear, prevYear } from "../common/deps/date-util";
-import { DATEPICKER } from "../common";
+import { modifyDate, nextYear, prevYear } from "@opentiny/utils";
+import { DATEPICKER } from "@opentiny/utils";
 const getTarget = (event) => {
   let target = event.target;
   const tagName = target.tagName;

package/quarter-panel/vue.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { DATEPICKER } from "../common";
+import { DATEPICKER } from "@opentiny/utils";
 import {
   handleQuarterTableClick,
   showYearPicker,

package/radio-group/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { KEY_CODE } from "../common";
+import { KEY_CODE } from "@opentiny/utils";
 const handleKeydown = (parent) => (event) => {
   const target = event.target;
   const className = (target == null ? void 0 : target.nodeName) === "INPUT" ? "[type=radio]" : "[role=radio]";

package/rate/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { KEY_CODE } from "../common";
+import { KEY_CODE } from "@opentiny/utils";
 const computedActiveColor = (props) => (state) => {
   let result = "";
   if (state.currentValue <= props.lowThreshold) {

package/rate/vue.js

@@ -18,7 +18,7 @@ import {
   computedActiveColor,
   computedActiveClass
 } from "./index";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 const api = [
   "state",
   "showDecimalIcon",

package/recycle-scroller/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { getScrollContainer } from "../common/deps/infinite-scroll";
-import { isNull } from "../common/type";
+import { getScrollContainer } from "@opentiny/utils";
+import { isNull } from "@opentiny/utils";
 let supportsPassive = false;
 if (typeof window !== "undefined") {
   supportsPassive = false;

package/recycle-scroller/vue.js

@@ -21,7 +21,7 @@ import {
   resetTemporary,
   init
 } from "./index";
-import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
+import { addResizeListener, removeResizeListener } from "@opentiny/utils";
 const api = [
   "state",
   "handleVisibilityChange",

package/rich-text/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { extend } from "../common/object";
+import { extend } from "@opentiny/utils";
 import { xss } from "@opentiny/utils";
 import { getToolbarTips, defaultOptions } from "./options";
 import registerTableModule from "./table-module";

package/rich-text/table-module.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { random } from "../common/string";
-import { isNull } from "../common/type";
+import { random } from "@opentiny/utils";
+import { isNull } from "@opentiny/utils";
 function cellName() {
   return random().toString(36).slice(2);
 }

package/river/river.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { omitText } from "../common/string";
+import { omitText } from "@opentiny/utils";
 const isArr = Array.isArray;
 const some = (arr, predicate) => arr.some(predicate);
 const filter = (arr, predicate) => arr.filter(predicate);

package/river/vue.js

@@ -17,7 +17,7 @@ import {
   getContainerWidth,
   resizeListener
 } from "./index";
-import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
+import { addResizeListener, removeResizeListener } from "@opentiny/utils";
 const api = ["state", "lightUp", "style"];
 const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive }, { vm, emit, parent }, { echarts }) => {
   const state = reactive({

package/scrollbar/vue-bar.js

@@ -8,7 +8,7 @@ import {
   mouseMoveDocumentHandler,
   mouseUpDocumentHandler
 } from "./index";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 const api = [
   "state",
   "startDrag",

package/scrollbar/vue.js

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

package/search/index.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
-import PopupManager from "../common/deps/popup-manager";
-import { isObject, typeOf } from "../common/type";
+import { on, off } from "@opentiny/utils";
+import { PopupManager } from "@opentiny/utils";
+import { isObject, typeOf } from "@opentiny/utils";
 const emitInput = ({ emit }) => (...args) => {
   emit("update:modelValue", ...args);
   emit("input", ...args);

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;