@opentiny/vue-renderless 3.10.7 → 3.11.0

package/nav-menu/index.js

@@ -1,4 +1,5 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
+import { omitText } from "../common/string";
 import { isEmptyObject, isObject } from "../common/type";
 import PopupManager from "../common/deps/popup-manager";
 import { mapTree } from "../grid/static";
@@ -7,7 +8,10 @@ import { on, off } from "../common/deps/dom";
 import { xss } from "../common/xss.js";
 const { nextZIndex } = PopupManager;
 const computedIsShowMore = ({ props, state }) => () => !/^(retract|fixed|hidden)$/.test(props.overflow) && state.more && state.more.length;
-const computedPopClass = (state) => () => !state.showMore && state.subMenus && state.subMenus.length === 1 ? "single" : "";
+const computedPopClass = (state) => () => {
+  const popClass = !state.showMore && state.subMenus && state.subMenus.length === 1 ? "single" : "";
+  return popClass + " " + state.menuClass;
+};
 const computedSubMenus = (state) => () => {
   let arr = state.subMenu;
   if (state.subMenu && !isEmptyObject(state.subMenu)) {
@@ -87,7 +91,12 @@ class CloneObject {
     return result;
   }
 }
-const initData = ({ fetchMenuData, fields, props, state }) => () => {
+const initData = ({
+  fetchMenuData,
+  fields,
+  props,
+  state
+}) => () => {
   const { textField = "title", urlField = "url", key = "id" } = fields || {};
   const { parentKey, data } = props;
   const isFullUrl = (url) => /^(https?:\/\/|\/\/)[\s\S]+$/.test(url);
@@ -108,7 +117,7 @@ const initData = ({ fetchMenuData, fields, props, state }) => () => {
     return;
   }
   const menuData = props.fetchMenuData && fetchMenuData();
-  if (isObject(menuData) && menuData.then) {
+  if (isObject(menuData) && (menuData == null ? void 0 : menuData.then)) {
     menuData.then((data2) => {
       state.data = mapTree(props.parentKey ? transformTreeData(data2, key, props.parentKey) : data2, buildData);
     });
@@ -125,7 +134,13 @@ const initData = ({ fetchMenuData, fields, props, state }) => () => {
   }
   state.data = mapTree(parentKey ? transformTreeData(arr, key, parentKey) : arr, buildData);
 };
-const mounted = ({ api, props, router, route, state }) => () => {
+const mounted = ({
+  api,
+  props,
+  router,
+  route,
+  state
+}) => () => {
   api.calcWidth();
   on(window, "resize", api.calcWidth);
   if (router) {
@@ -169,27 +184,31 @@ const showSetting = ({ parent, state }) => () => {
   setting.style.zIndex = nextZIndex();
 };
 const willHideSetting = (state) => () => state.isShowSetting = false;
-const showSubMenu = ({ api, nextTick, parent, state }) => (list, { more, index }, event) => {
+const showSubMenu = ({
+  api,
+  nextTick,
+  parent,
+  state,
+  vm
+}) => (list, { more, index }, event) => {
+  if (event) {
+    api.handleTitleMouseenter(event);
+  }
+  state.enterMenu = true;
   if (list || more) {
     state.subMenu !== list ? api.hideSubMenu() : api.stopHideSubMenu();
     state.showMore = !!more;
     state.subMenu = list;
     state.showPopmenu = true;
-    state.enterMenu = true;
     state.subItemSelectedIndex = -1;
     state.subIndex = -1;
     state.moreItemSelectedIndex = -1;
     nextTick(() => {
       const popmenu = parent.$el.querySelector(".popmenu");
-      if (popmenu) {
-        popmenu.style.zIndex = nextZIndex();
-        if (popmenu.classList.contains("single") && event) {
-          popmenu.style.left = `${event.target.offsetLeft}px`;
-        } else {
-          popmenu.style.left = 0;
-        }
-        popmenu.style.height = "auto";
-        popmenu.style.display = "block";
+      if (state.isSaaSTheme) {
+        setPopmenuStyleForSaas(popmenu, vm, event, state);
+      } else {
+        setPopmenuStyleForAurora(popmenu, event);
       }
     });
     if (index !== void 0) {
@@ -202,6 +221,46 @@ const showSubMenu = ({ api, nextTick, parent, state }) => (list, { more, index }
     api.hideSubMenu();
   }
 };
+const setPopmenuStyleForSaas = (popmenu, vm, event, state) => {
+  if (!popmenu)
+    return;
+  const navMenu = vm.$refs.navMenu;
+  const itemWidth = 216;
+  const margin = window.outerWidth >= 1440 ? 96 : 56;
+  const safeMargin = 32;
+  popmenu.style.zIndex = String(nextZIndex());
+  popmenu.style.display = "block";
+  popmenu.style.left = "32px";
+  const popmenuWidth = state.subMenus && state.subMenus.length ? state.subMenus.length * itemWidth + (state.subMenus.length - 1) * margin : 0;
+  if (event) {
+    if (popmenuWidth > navMenu.offsetWidth - safeMargin * 4) {
+      state.menuClass = "display-gird";
+    } else {
+      state.menuClass = "display-flex";
+      if (popmenuWidth + safeMargin * 2 > navMenu.offsetWidth - event.target.offsetLeft) {
+        popmenu.style.right = "32px";
+        popmenu.style.left = "unset";
+      } else {
+        popmenu.style.left = `${event.target.offsetLeft - 28}px`;
+        popmenu.style.right = "unset";
+      }
+    }
+  } else {
+    state.menuClass = "display-gird";
+  }
+};
+const setPopmenuStyleForAurora = (popmenu, event) => {
+  if (popmenu) {
+    popmenu.style.zIndex = String(nextZIndex());
+    if (popmenu.classList.contains("single") && event) {
+      popmenu.style.left = `${event.target.offsetLeft}px`;
+    } else {
+      popmenu.style.left = "0";
+    }
+    popmenu.style.height = "auto";
+    popmenu.style.display = "block";
+  }
+};
 const hideSubMenu = ({ api, parent, state }) => () => {
   api.stopHideSubMenu();
   state.showMore = false;
@@ -214,8 +273,9 @@ const hideSubMenu = ({ api, parent, state }) => () => {
 };
 const willHideSubMenu = ({ api, state }) => () => {
   api.stopHideSubMenu();
+  api.handleTitleMouseleave();
   state.enterMenu = false;
-  state.timer = setTimeout(() => {
+  state.timer = window.setTimeout(() => {
     api.hideSubMenu();
   }, 20);
 };
@@ -256,10 +316,10 @@ const clickMenu = ({ api, props, state }) => (item, index, parentIndex) => {
     if (props.beforeSkip) {
       props.beforeSkip(item) && api.skip(item, true);
     } else {
-      api.skip(item);
+      api.skip(item, false);
     }
+    api.hidePopmenu(item);
   }
-  api.hidePopmenu(item);
 };
 const skip = ({ api, router, fields }) => (item, flag = false) => {
   if (item.isFullUrl) {
@@ -289,8 +349,9 @@ const getPoint = ({ api, parent }) => () => {
   return index;
 };
 const classify = ({ api, props, state }) => () => {
+  var _a;
   const isRetractOrFixed = /^(retract|fixed)$/.test(props.overflow);
-  const menuCount = isRetractOrFixed ? 0 : props.overflow === "hidden" ? props.data.length : api.getPoint();
+  const menuCount = isRetractOrFixed ? 0 : props.overflow === "hidden" ? (_a = props.data) == null ? void 0 : _a.length : api.getPoint();
   state.more = state.data.slice(menuCount);
 };
 const calcWidth = ({ parent, props, state }) => () => {
@@ -318,6 +379,26 @@ const initService = ({ props, service }) => {
     fields: props.fields || options.NavMenu
   };
 };
+const handleTitleMouseenter = ({ state, vm }) => ($event) => {
+  state.tooltipContent = "";
+  const target = $event.target;
+  const text = target.textContent;
+  const font = window.getComputedStyle(target).font;
+  const rect = target.getBoundingClientRect();
+  const res = omitText(text, font, rect.width + 2);
+  if (target && res.o) {
+    const tooltip = vm.$refs.tooltip;
+    tooltip.state.referenceElm = target;
+    tooltip.state.popperElm && (tooltip.state.popperElm.style.display = "none");
+    tooltip.doDestroy();
+    state.tooltipVisible = true;
+    state.tooltipContent = text;
+    setTimeout(tooltip.updatePopper, 20);
+  }
+};
+const handleTitleMouseleave = ({ state }) => () => {
+  state.tooltipVisible = false;
+};
 export {
   calcWidth,
   classify,
@@ -332,6 +413,8 @@ export {
   getSelectedIndex,
   getTag,
   getUrl,
+  handleTitleMouseenter,
+  handleTitleMouseleave,
   hidePopmenu,
   hideSubMenu,
   initData,

package/nav-menu/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   computedIsShowMore,
   computedPopClass,
@@ -29,7 +29,9 @@ import {
   getUrl,
   getRoute,
   setActiveMenu,
-  initService
+  initService,
+  handleTitleMouseenter,
+  handleTitleMouseleave
 } from "./index";
 const api = [
   "state",
@@ -52,9 +54,11 @@ const api = [
   "getTag",
   "getUrl",
   "getRoute",
-  "setActiveMenu"
+  "setActiveMenu",
+  "handleTitleMouseenter",
+  "handleTitleMouseleave"
 ];
-const initState = ({ reactive, api: api2, computed }) => reactive({
+const initState = ({ reactive, api: api2, computed, vm }) => reactive({
   data: [],
   more: [],
   width: -1,
@@ -72,14 +76,18 @@ const initState = ({ reactive, api: api2, computed }) => reactive({
   moreItemSelectedIndex: -1,
   subIndex: -1,
   isShowSetting: false,
+  tooltipVisible: false,
+  tooltipContent: "",
   marginLeft: 0,
+  isSaaSTheme: vm.theme === "saas",
+  menuClass: "",
   isShowMore: computed(() => api2.computedIsShowMore()),
   popClass: computed(() => api2.computedPopClass()),
   subMenus: computed(() => api2.computedSubMenus()),
   menuStyle: computed(() => api2.computedMenuStyle()),
   popStyle: computed(() => api2.computedPopStyle())
 });
-const initApi = ({ api: api2, state, props, parent, fetchMenuData, fields, router, route, nextTick }) => {
+const initApi = ({ api: api2, state, props, parent, fetchMenuData, fields, router, route, nextTick, vm }) => {
   Object.assign(api2, {
     state,
     getUrl: getUrl(),
@@ -110,14 +118,16 @@ const initApi = ({ api: api2, state, props, parent, fetchMenuData, fields, route
     watchWidth: watchWidth({ api: api2, nextTick }),
     willHideSubMenu: willHideSubMenu({ api: api2, state }),
     hideSubMenu: hideSubMenu({ api: api2, parent, state }),
-    showSubMenu: showSubMenu({ api: api2, nextTick, parent, state })
+    showSubMenu: showSubMenu({ api: api2, nextTick, parent, state, vm }),
+    handleTitleMouseenter: handleTitleMouseenter({ state, vm }),
+    handleTitleMouseleave: handleTitleMouseleave({ state })
   });
 };
-const renderless = (props, { computed, onMounted, onUnmounted, reactive, watch }, { parent, nextTick, service, router, route }) => {
+const renderless = (props, { computed, onMounted, onUnmounted, reactive, watch }, { parent, nextTick, service, router, route, vm }) => {
   const api2 = {};
   const { fetchMenuData, fields } = initService({ props, service });
-  const state = initState({ reactive, api: api2, computed });
-  initApi({ api: api2, state, props, parent, fetchMenuData, fields, router, route, nextTick });
+  const state = initState({ reactive, api: api2, computed, vm });
+  initApi({ api: api2, state, props, parent, fetchMenuData, fields, router, route, nextTick, vm });
   api2.initData();
   watch(() => state.width, api2.watchWidth, { deep: true, immediate: true });
   watch(() => state.data, api2.watchWidth);

package/notify/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { KEY_CODE } from "../common";
 import { on, off } from "../common/deps/dom";
 import PopupManager from "../common/deps/popup-manager";

package/notify/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   clearTimer,
   startTimer,

package/numeric/index.js

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import { formatNumber, roundFixed } from "../common/decimal";
 import { getMiniDecimal, lessEquals, equalsDecimal } from "../common/bigInt";
 import { isNumber, isNull } from "../common/type";
@@ -59,6 +59,9 @@ const increase = ({ api, props, state }) => () => {
     return;
   }
   const value = (props.mouseWheel ? state.displayValue : props.modelValue) || 0;
+  if (value.toString().includes("e")) {
+    return;
+  }
   let newVal = api.internalIncrease({ val: value, step: props.step });
   if (!props.circulate || !isFinite(props.max) || !isFinite(props.min)) {
     api.setCurrentValue(newVal);
@@ -74,6 +77,9 @@ const decrease = ({ api, props, state }) => () => {
     return;
   }
   const value = (props.mouseWheel ? state.displayValue : props.modelValue) || 0;
+  if (value.toString().includes("e")) {
+    return;
+  }
   let newVal = api.internalDecrease({ val: value, step: props.step });
   if (!props.circulate || !isFinite(props.max) || !isFinite(props.min)) {
     api.setCurrentValue(newVal);
@@ -84,7 +90,14 @@ const decrease = ({ api, props, state }) => () => {
   }
   api.setCurrentValue(newVal);
 };
-const handleBlur = ({ constants, dispatch, emit, props, state, api }) => (event) => {
+const handleBlur = ({
+  constants,
+  dispatch,
+  emit,
+  props,
+  state,
+  api
+}) => (event) => {
   state.inputStatus = false;
   api.setCurrentValue(event.target.value);
   emit("blur", event);
@@ -140,7 +153,14 @@ const getEmitValue = (args) => {
   }
   return { newVal, emitValue };
 };
-const setCurrentValue = ({ api, constants, dispatch, emit, props, state }) => (newVal) => {
+const setCurrentValue = ({
+  api,
+  constants,
+  dispatch,
+  emit,
+  props,
+  state
+}) => (newVal) => {
   const { max, min, allowEmpty, validateEvent, stringMode, plugin } = props;
   const { format } = state;
   const oldVal = state.currentValue;
@@ -182,7 +202,7 @@ const handleInput = ({ state, api, emit, props }) => (event) => {
   if (value !== "-" && api.getDecimal(value).isNaN()) {
     emitError();
     if (!(value === "" && props.allowEmpty)) {
-      value = state.lastInput;
+      value = value.indexOf("e") === -1 ? state.lastInput : value;
     }
   } else {
     value = value.split(".").map((a, i) => {
@@ -250,7 +270,10 @@ const mouseEvent = ({ api, props, state }) => (event) => {
     return false;
   }
 };
-const getUnitPrecision = ({ service, props }) => {
+const getUnitPrecision = ({
+  service,
+  props
+}) => {
   let fraction, rounding;
   const { format = {}, precision, unit } = props;
   const defaultFmt = {

package/numeric/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   watchValue,
   toPrecision,
@@ -52,27 +52,32 @@ const initState = ({ reactive, computed, props, api: api2, $service, parent }) =
     inputDisabled: computed(() => props.disabled || state.formDisabled),
     displayValue: computed(() => api2.displayValue()),
     numPrecision: computed(() => api2.getNumPecision()),
-    minDisabled: computed(
-      () => !props.circulate && state.currentValue <= props.min || state.formDisabled
-    ),
-    maxDisabled: computed(
-      () => !props.circulate && state.currentValue >= props.max || state.formDisabled
-    ),
+    minDisabled: computed(() => !props.circulate && state.currentValue <= props.min || state.formDisabled),
+    maxDisabled: computed(() => !props.circulate && state.currentValue >= props.max || state.formDisabled),
     controlsAtRight: computed(() => props.controls && props.controlsPosition === "right"),
     format: computed(() => getUnitPrecision({ service: $service, props })),
     isDisplayOnly: computed(() => props.displayOnly || (parent.tinyForm || {}).displayOnly)
   });
   return state;
 };
-const initApi = ({ api: api2, props, state, parent, refs, emit, dispatch, constants }) => {
+const initApi = ({
+  api: api2,
+  props,
+  state,
+  parent,
+  refs,
+  emit,
+  dispatch,
+  constants
+}) => {
   Object.assign(api2, {
     state,
     focus: focus(refs),
     select: select(refs),
     getPrecision: getPrecision(),
     toPrecision: toPrecision(state),
-    updated: updated({ constants, parent, props, refs, state }),
-    mounted: mounted({ constants, parent, props, refs, state }),
+    updated: updated({ constants, parent, state }),
+    mounted: mounted({ constants, parent, props, state }),
     unmounted: unmounted({ parent, state }),
     getDecimal: getDecimal(props),
     handleFocus: handleFocus({ emit, state, props, api: api2, refs }),
@@ -93,7 +98,12 @@ const initApi = ({ api: api2, props, state, parent, refs, emit, dispatch, consta
   });
   api2.getDecimal(0);
 };
-const initWatch = ({ state, watch, props, api: api2 }) => {
+const initWatch = ({
+  state,
+  watch,
+  props,
+  api: api2
+}) => {
   watch(() => props.modelValue, api2.watchValue, { immediate: true });
   watch(() => state.isDisplayOnly, api2.dispatchDisplayedValue);
 };

package/option/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { getObj } from "../common/object";
 const escapeRegexpString = (value = "") => String(value).replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
 const isEqual = ({ select, state }) => (a, b) => {

package/option/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   isEqual,
   contains,

package/option-group/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const queryChange = ({ select, state, vm }) => () => {
   state.visible = true;
   if (Array.isArray(select.state.options)) {

package/option-group/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { queryChange } from "./index";
 const api = ["state", "queryChange"];
 const renderless = (props, { onMounted, reactive, watch, inject }, { broadcast, vm }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.10.7",
+  "version": "3.11.0",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "homepage": "https://opentiny.design/tiny-vue",
   "keywords": [
@@ -28,13 +28,14 @@
     "build": "tsup",
     "build:fast": "npm run build && npm run release",
     "postversion": "pnpm build",
-    "release": "esno ./scripts/postbuild.ts && cp README.md dist"
+    "release": "esno ./scripts/postbuild.ts && shx cp README.md dist"
   },
   "dependencies": {
-    "xss": "1.0.11"
+    "xss": "1.0.11",
+    "color": "4.2.3"
   },
   "devDependencies": {
     "esno": "^0.16.3",
-    "tsup": "^6.5.0"
+    "tsup": "7.2.0"
   }
 }

package/pager/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const api = [];
 const renderless = () => {
   const api2 = {};

package/pager-item/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const getPages = ({ props, state }) => () => {
   const pagerCount = props.pagerCount;
   const halfPagerCount = (pagerCount - 1) / 2;

package/pager-item/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { getPages, onPagerClick, onMouseenter } from "./index";
 const api = ["state", "onPagerClick", "onMouseenter"];
 const renderless = (props, { computed, reactive, watch }, { emit, vm }) => {

package/panel/index.js

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

package/panel/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { collapse, expand, toggle } from "./index";
 const api = ["state", "toggle"];
 const renderless = (props, { reactive }, { emit }) => {

package/picker/index.js

@@ -1,24 +1,16 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} 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 } from "../common/deps/date-util";
 import { extend } from "../common/object";
-import globalTimezone from "../picker/timezone";
+import globalTimezone from "./timezone";
 const iso8601Reg = /^\d{4}-\d{2}-\d{2}(.)\d{2}:\d{2}:\d{2}(.+)$/;
-const getPanel = ({
-  DatePanel,
-  DateRangePanel,
-  MonthRangePanel,
-  YearRangePanel,
-  TimePanel,
-  TimeRangePanel,
-  TimeSelect
-}) => (type) => {
+const getPanel = ({ DatePanel, DateRangePanel, MonthRangePanel, YearRangePanel, TimePanel, TimeRangePanel, TimeSelect }) => (type) => {
   if (type === DATEPICKER.DateRange || type === DATEPICKER.DateTimeRange) {
     return DateRangePanel;
   } else if (type === DATEPICKER.MonthRange) {
@@ -384,7 +376,7 @@ const handleStartChange = ({ api, state }) => () => {
       newValue = [value, state.picker.state.value && state.picker.state.value[1]];
       state.startStatus = true;
     } else {
-      let now = new Date();
+      let now = /* @__PURE__ */ new Date();
       if (now.getTime() < value.getTime()) {
         state.userInput = [api.formatToString(value), api.formatToString(value)];
         newValue = [value, value];
@@ -419,7 +411,7 @@ const handleEndChange = ({ api, state }) => () => {
       newValue = [state.picker.state.value && state.picker.state.value[0], value];
       state.endStatus = true;
     } else {
-      let now = new Date();
+      let now = /* @__PURE__ */ new Date();
       if (now.getTime() < value.getTime()) {
         state.userInput = [api.formatToString(now), api.formatToString(value)];
         newValue = [now, value];
@@ -521,11 +513,10 @@ const handleKeydown = ({ api, state }) => (event) => {
     state.picker.handleKeydown(event);
   }
 };
-const hidePicker = ({ destroyPopper, state }) => () => {
+const hidePicker = ({ state }) => () => {
   if (state.picker) {
     state.picker.resetView && state.picker.resetView();
     state.pickerVisible = state.picker.visible = state.picker.state.visible = false;
-    destroyPopper();
   }
 };
 const showPicker = ({ api, nextTick, updatePopper, state }) => () => {
@@ -538,10 +529,8 @@ const showPicker = ({ api, nextTick, updatePopper, state }) => () => {
   state.pickerVisible = state.picker.state.visible = true;
   state.picker.state.value = state.parsedValue;
   state.picker.resetView && state.picker.resetView();
-  nextTick(() => {
-    updatePopper(state.picker.$el);
-    state.picker.adjustSpinners && state.picker.adjustSpinners();
-  });
+  updatePopper(state.picker.$el);
+  state.picker.adjustSpinners && state.picker.adjustSpinners();
 };
 const handlePick = ({ state, api }) => (date = "", visible = false) => {
   state.userInput = null;

package/picker/timezone.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 var timezone_default = {
   "enUS": [
     {