@opentiny/vue-renderless 3.10.6 → 3.11.0-alpha.0

package/switch/vue.js

@@ -1,12 +1,9 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { toggle, computedWarpClasses, computedInnerClasses, computedStyle } from "./index";
 const api = ["toggle", "state"];
 const renderless = (props, { computed, watch, reactive, inject }, { parent, constants, mode, emit, designConfig }) => {
   const prefixCls = constants.prefixcls(mode);
   parent.tinyForm = parent.tinyForm || inject("form", null);
-  const api2 = {
-    computedInnerClasses: computedInnerClasses({ prefixCls })
-  };
   const state = reactive({
     currentValue: props.modelValue,
     innerClasses: computed(() => api2.computedInnerClasses()),
@@ -23,12 +20,13 @@ const renderless = (props, { computed, watch, reactive, inject }, { parent, cons
       }
     })
   });
-  Object.assign(api2, {
+  const api2 = {
     state,
+    computedInnerClasses: computedInnerClasses({ prefixCls }),
     computedStyle: computedStyle({ props, state }),
     computedWarpClasses: computedWarpClasses({ prefixCls, props, state }),
     toggle: toggle({ emit, props, state })
-  });
+  };
   watch(
     () => props.modelValue,
     (value) => {

package/tab-bar/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { POSITION } from "../common";
 import { capitalize } from "../common/string";
 const computedBarStyle = (parent) => (props, state) => {
@@ -7,42 +7,44 @@ const computedBarStyle = (parent) => (props, state) => {
   let tabSize = 0;
   const sizeName = ~[POSITION.Top, POSITION.Bottom].indexOf(state.rootTabs.position) ? "width" : "height";
   const sizeDir = sizeName === "width" ? "x" : "y";
-  props.tabs.every(({ state: state2 }) => {
-    const $el = parent.$refs[`tabs-${state2.paneName}`];
-    if (!$el) {
-      return false;
-    }
-    const barLength = $el.getBoundingClientRect()[sizeName];
-    const barMarginRight = parseFloat(window.getComputedStyle($el).marginRight);
-    if (!state2.active) {
-      if ($el.getBoundingClientRect().width === 0) {
-        const unactive = $el.cloneNode(true);
-        document.body.appendChild(unactive);
-        const unactiveSty = window.getComputedStyle(unactive);
-        offset += parseFloat(unactiveSty[sizeName]) - parseFloat(unactiveSty.marginRight);
-        document.body.removeChild(unactive);
-      } else {
-        offset += sizeName === "height" ? barLength : barLength + barMarginRight;
+  if (props.tabs && props.tabs.length) {
+    props.tabs.every(({ state: state2 }) => {
+      const $el = parent.$refs[`tabs-${state2.paneName}`];
+      if (!$el) {
+        return false;
       }
-      return true;
-    } else {
-      const copyEl = $el.cloneNode(true);
-      const eleStyle = window.getComputedStyle(copyEl);
-      tabSize = barLength;
-      if (tabSize === 0) {
-        document.body.appendChild(copyEl);
-        tabSize = parseFloat(eleStyle.width) - parseFloat(eleStyle.paddingLeft) - parseFloat(eleStyle.paddingRight);
-        document.body.removeChild(copyEl);
+      const barLength = $el.getBoundingClientRect()[sizeName];
+      const barMarginRight = parseFloat(window.getComputedStyle($el).marginRight);
+      if (!state2.active) {
+        if ($el.getBoundingClientRect().width === 0) {
+          const unactive = $el.cloneNode(true);
+          document.body.appendChild(unactive);
+          const unactiveSty = window.getComputedStyle(unactive);
+          offset += parseFloat(unactiveSty[sizeName]) - parseFloat(unactiveSty.marginRight);
+          document.body.removeChild(unactive);
+        } else {
+          offset += sizeName === "height" ? barLength : barLength + barMarginRight;
+        }
+        return true;
       } else {
-        if (sizeName === "width") {
+        const copyEl = $el.cloneNode(true);
+        const eleStyle = window.getComputedStyle(copyEl);
+        tabSize = barLength;
+        if (tabSize === 0) {
           document.body.appendChild(copyEl);
-          tabSize -= parseFloat(eleStyle.paddingRight);
+          tabSize = parseFloat(eleStyle.width) - parseFloat(eleStyle.paddingLeft) - parseFloat(eleStyle.paddingRight);
           document.body.removeChild(copyEl);
-          return false;
+        } else {
+          if (sizeName === "width") {
+            document.body.appendChild(copyEl);
+            tabSize -= parseFloat(eleStyle.paddingRight);
+            document.body.removeChild(copyEl);
+            return false;
+          }
         }
       }
-    }
-  });
+    });
+  }
   const transform = `translate${capitalize(sizeDir)}(${offset}px)`;
   style[sizeName] = tabSize + "px";
   style.transform = transform;

package/tab-bar/vue.js

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

package/tab-dropdown/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const handleClick = (state) => (name) => {
   state.rootTabs.setCurrentName(name);
   state.hide = true;

package/tab-dropdown/vue.js

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

package/tab-item/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const computedIsClosable = ({ rootTabs, props }) => () => props.withClose || rootTabs.withClose;
 const computedActive = ({ nextTick, props, state }) => () => {
   const active = state.rootTabs.state.currentName === (props.name || state.index);

package/tab-item/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { computedIsClosable, computedActive, computedPaneName, watchTitle } from "./index";
 const api = ["state"];
 const renderless = (props, { computed, inject, reactive, watch }, { parent, nextTick }) => {

package/tab-item-mf/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const renderless = (props, { inject }, { slots }) => {
   const tabs = inject("tabs", null);
   const { title, name } = props;

package/tab-nav/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { KEY_CODE, POSITION } from "../common";
 import { capitalize } from "../common/string";
 import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
@@ -53,9 +53,12 @@ const updated = ({ api, refs, state }) => () => {
   const currentOffset = state.navOffset;
   if (containerSize < navSize) {
     const currentOffset2 = state.navOffset;
-    state.scrollable = state.scrollable || {};
-    state.scrollable.prev = currentOffset2;
-    state.scrollable.next = currentOffset2 + containerSize < navSize;
+    if (!state.scrollable) {
+      state.scrollable = {
+        prev: currentOffset2,
+        next: currentOffset2 + containerSize < navSize
+      };
+    }
     if (navSize - currentOffset2 < containerSize) {
       state.navOffset = navSize - containerSize;
     }
@@ -164,8 +167,9 @@ const changeTab = (api) => (event) => {
   const keyCode = event.keyCode;
   let nextIndex;
   let currentIndex, tabList;
-  if (~[KEY_CODE.ArrowLeft, KEY_CODE.ArrowRight, KEY_CODE.ArrowUp, KEY_CODE.ArrowDown].indexOf(keyCode)) {
-    tabList = event.currentTarget.querySelectorAll("[role=tab]");
+  if (~[KEY_CODE.ArrowLeft, KEY_CODE.ArrowRight, KEY_CODE.ArrowUp, KEY_CODE.ArrowDown].indexOf(keyCode) && event.currentTarget) {
+    const target = event.currentTarget;
+    tabList = target.querySelectorAll("[role=tab]");
     currentIndex = Array.prototype.indexOf.call(tabList, event.target);
   } else {
     return;
@@ -254,7 +258,14 @@ const handleTabDragEnd = ({ refs, state, nextTick }) => () => {
     });
   }
 };
-const sortableEvent = ({ api, props, state, refs, emit, markRaw }) => () => {
+const sortableEvent = ({
+  api,
+  props,
+  state,
+  refs,
+  emit,
+  markRaw
+}) => () => {
   if (!props.dropConfig || typeof props.dropConfig.plugin !== "function") {
     return;
   }
@@ -271,7 +282,7 @@ const sortableEvent = ({ api, props, state, refs, emit, markRaw }) => () => {
       api.handleTabDragStart(event);
     },
     onEnd(event) {
-      api.handleTabDragEnd(event);
+      api.handleTabDragEnd();
     }
   });
   state.navSortableObj = markRaw(navSortableObj);

package/tab-nav/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   computedNavStyle,
   computedSizeName,
@@ -57,7 +57,8 @@ const renderless = (props, { computed, inject, onBeforeUnmount, onMounted, onUpd
     mode: props._mode || parent.$mode || tinyMode || "pc",
     rootTabs: inject("rootTabs"),
     sizeName: computed(() => api2.computedSizeName(state)),
-    navStyle: computed(() => api2.computedNavStyle(state))
+    navStyle: computed(() => api2.computedNavStyle(state)),
+    navSortableObj: {}
   });
   Object.assign(api2, {
     state,

package/tabbar/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const setActiveItem = ({ props, state }) => () => {
   state.children.forEach((item, index) => {
     item.state ? item.state.index = index : item.index = index;

package/tabbar/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { setActiveItem, onChange, getChildrens } from "./index";
 const api = ["state", "onChange", "getChildrens"];
 const renderless = (props, { computed, onMounted, reactive, watch }, { refs, emit, nextTick, childrenHandler }) => {
@@ -10,7 +10,6 @@ const renderless = (props, { computed, onMounted, reactive, watch }, { refs, emi
   const api2 = {
     state,
     onChange: onChange({ emit, props }),
-    parent: computed(() => api2.getParent()),
     setActiveItem: setActiveItem({ props, state }),
     getChildrens: getChildrens({ childrenHandler })
   };
@@ -22,7 +21,7 @@ const renderless = (props, { computed, onMounted, reactive, watch }, { refs, emi
     }
   });
   watch(() => props.modelValue, api2.setActiveItem, { immediate: true });
-  watch(() => state.children, api2.setActiveItem, { immediate: true });
+  watch(() => state.children, api2.setActiveItem, { immediate: true, deep: true });
   return api2;
 };
 export {

package/tabbar-item/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { isObject, isNull } from "../common/type";
 const getRouteActive = ({ props, route }) => () => {
   if (props.to && route) {

package/tabbar-item/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { getRouteActive, onClick, bindChildren, routeTab } from "./index";
 import { xss } from "../common/xss.js";
 const api = ["state", "onClick"];
@@ -9,8 +9,8 @@ const renderless = (props, { computed, onMounted, reactive }, { parent, emit, ne
     info: computed(() => props.dot ? "" : !props.dot && props.badge),
     url: computed(() => xss.filterUrl(props.url)),
     routeActive: computed(() => api2.getRouteActive()),
-    renderActive: computed(() => parent.$parent.route ? state.routeActive : state.active),
-    renderColor: computed(() => parent.$parent[state.active ? "activeColor" : "inactiveColor"])
+    renderActive: computed(() => parent.route ? state.routeActive : state.active),
+    renderColor: computed(() => parent[state.active ? "activeColor" : "inactiveColor"])
   });
   Object.assign(api2, {
     state,

package/table/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const computedCheckableData = ({ props }) => () => props.data.filter((item) => !item.disabled);
 const computedSelectedKeys = ({ props, state }) => () => {
   const keys = [];

package/table/vue.js

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

package/tabs/index.js

@@ -1,5 +1,10 @@
-import "../chunk-PKUHTIDK.js";
-const calcPaneInstances = ({ constants, parent, state, childrenHandler }) => (isForceUpdate = false) => {
+import "../chunk-G2ADBYYC.js";
+const calcPaneInstances = ({
+  constants,
+  parent,
+  state,
+  childrenHandler
+}) => (isForceUpdate = false) => {
   const tabItemVNodes = parent.$slots.default;
   if (tabItemVNodes) {
     const currentPanes = [];
@@ -27,7 +32,13 @@ const calcPaneInstances = ({ constants, parent, state, childrenHandler }) => (is
     state.panes = [];
   }
 };
-const calcMorePanes = ({ parent, props, state, refs, nextTick }) => () => {
+const calcMorePanes = ({
+  parent,
+  props,
+  state,
+  refs,
+  nextTick
+}) => () => {
   if (!props.showMoreTabs) {
     return;
   }
@@ -39,11 +50,13 @@ const calcMorePanes = ({ parent, props, state, refs, nextTick }) => () => {
       nextTick(() => {
         let tabsAllWidth = 0;
         for (let i = 0; i < tabs.length; i++) {
-          tabsAllWidth = tabs[i].offsetLeft + tabs[i].offsetWidth / 2;
+          const tabItem = tabs[i];
+          tabsAllWidth = tabItem.offsetLeft + tabItem.offsetWidth / 2;
           const tabsHeaderWidth = tabNavRefs.navScroll.offsetWidth;
-          if (tabsAllWidth > tabsHeaderWidth) {
-            if (state.currentName >= i + 1) {
-              state.showPanesCount = state.currentName - 0;
+          const currentName = Number(state.currentName);
+          if (tabsAllWidth > tabsHeaderWidth && currentName >= 0) {
+            if (currentName >= i + 1) {
+              state.showPanesCount = currentName - 0;
             } else {
               state.showPanesCount = i;
             }
@@ -111,7 +124,8 @@ const created = ({ api, parent, state }) => () => {
   parent.$on("tab-nav-update", api.calcPaneInstances.bind(null, true));
 };
 const changeDirection = ({ props, state }) => (currentName) => {
-  state.panes.forEach((item, index) => {
+  const panes = state.panes;
+  panes.forEach((item, index) => {
     if (item.state.paneName === currentName && state.currentIndex !== index) {
       const isTopOrBottom = ~["top", "bottom"].indexOf(props.position);
       const isPrev = state.currentIndex < index;

package/tabs/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   calcMorePanes,
   calcExpandPanes,
@@ -40,7 +40,14 @@ const initState = ({ reactive, props }) => reactive({
   direction: "",
   expandPanesWidth: ""
 });
-const initWatcher = ({ watch, props, api: api2, state, nextTick, refs }) => {
+const initWatcher = ({
+  watch,
+  props,
+  api: api2,
+  state,
+  nextTick,
+  refs
+}) => {
   watch(() => props.modelValue, api2.setCurrentName);
   watch(() => props.activeName, api2.setCurrentName);
   watch(

package/tabs-mf/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { random } from "../common/string";
 import debounce from "../common/deps/debounce";
 const setActive = ({ emit, state, props }) => (name) => {

package/tabs-mf/vue-bar.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
 import { wheelListener, getBoundRect, handleClickDropdownItem, key, emitAdd } from "./index";
 import { getAddWheelListener } from "./wheel";

package/tabs-mf/vue-nav-item.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { handleNavItemClick, getBoundRectNV, handleNavItemClose } from "./index";
 const api = ["state", "handleNavItemClick", "getBoundRect", "handleNavItemClose"];
 const renderless = (props, { inject, markRaw, reactive, computed }, { vm }) => {

package/tabs-mf/vue-nav.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const api = ["state"];
 const renderless = (props, { reactive, inject, computed }) => {
   const tabs = inject("tabs", null);

package/tabs-mf/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { random } from "../common/string";
 import { setActive, addItem, addNav, scrollTo, clickMore, removeItem } from "./index";
 const api = ["state", "setActive", "addItem", "addNav", "scrollTo", "clickMore", "removeItem"];

package/tabs-mf/wheel.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const getAddWheelListener = (window, document) => {
   const { addApiName, removeApiName, prefix } = detectEventModel(window);
   const support = detectAvailableWheelEvent(document);

package/tag/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const handleClose = ({ emit, props, state }) => (event) => {
   if (props.disabled)
     return;

package/tag/vue.js

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

package/tag-group/index.js

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 const handelItemClick = ({ emit }) => (item, index, $event) => {
   emit("item-click", item, index, $event);
 };

package/tag-group/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
 import debounce from "../common/deps/debounce";
 import { getHiddenTags, handelItemClick } from "./index";

package/tall-storage/index.js

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

package/tall-storage/vue-storage-box.js

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import { addMemory, searchMemory, selectedMemory } from "./index";
 var vue_storage_box_default = ({ api, props, reactive, toRefs }) => {
   const state = reactive({

package/tall-storage/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { mousedown, selectItem, keydown } from "./index";
 import { on, off } from "../common/deps/dom";
 const api = ["state", "mousedown", "selectItem"];

package/text-popup/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const computedWidth = ({ props }) => () => {
   if (typeof props.width === "number" || !Number.isNaN(Number(props.width))) {
     return props.width + "px";

package/text-popup/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { computedWidth, watchValue, mounted, onFocus, onBlur, onInput, separteText, jointText } from "./index";
 const api = ["state", "onFocus", "onBlur", "onInput"];
 const renderless = (props, { computed, onMounted, reactive, watch, inject }, { emit, nextTick, refs }) => {

package/time/index.js

@@ -1,11 +1,11 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { limitTimeRange, clearMilliseconds, timeWithinRange } from "../common/deps/date-util";
 const watchValue = ({ api, nextTick, state }) => (value) => {
   let date;
   if (value instanceof Date) {
     date = limitTimeRange(value, state.selectableRange, state.format);
   } else if (!value) {
-    date = state.defaultValue ? new Date(state.defaultValue) : new Date();
+    date = state.defaultValue ? new Date(state.defaultValue) : /* @__PURE__ */ new Date();
   }
   state.date = date;
   if (state.visible && state.needInitAdjust) {

package/time/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   changeSelectionRange,
   adjustSpinners,
@@ -20,8 +20,8 @@ const initState = ({ reactive, props, computed, api: api2 }) => {
     format: "HH:mm:ss",
     value: "",
     defaultValue: null,
-    date: props.value || new Date(),
-    oldValue: new Date(),
+    date: props.value || /* @__PURE__ */ new Date(),
+    oldValue: /* @__PURE__ */ new Date(),
     selectableRange: [],
     selectionRange: [0, 2],
     disabled: false,
@@ -67,7 +67,7 @@ const renderless = (props, { computed, onMounted, reactive, watch, nextTick }, {
   );
   watch(
     () => state.defaultValue,
-    (value) => !isDate(state.value) && (state.date = value ? new Date(value) : new Date())
+    (value) => !isDate(state.value) && (state.date = value ? new Date(value) : /* @__PURE__ */ new Date())
   );
   onMounted(() => {
     api2.handleConfirm(true, true);

package/time-line/index.js

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import { format } from "../common/date";
 const getDate = (dateTime) => ({
   date: format(dateTime, "yyyy-MM-dd"),
@@ -11,7 +11,7 @@ const getStatus = ({ state, t }) => (value) => {
   const status = state.current - value;
   return status > 0 ? t("ui.steps.done") : status === 0 ? t("ui.steps.doing") : t("ui.steps.wait");
 };
-const computedSpace = ({ props }) => {
+const computedSpace = ({ props }) => () => {
   const { space } = props;
   if (/^\d+$/.test(space)) {
     return `${space}px`;

package/time-line/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   handleClick,
   getStatusCls,
@@ -21,7 +21,7 @@ const renderless = (props, { computed, reactive, provide, watch }, { t, emit, co
     current: computed(() => api2.computedCurrent()),
     isReverse: computed(() => api2.computedIsReverse()),
     stackNodes: computed(() => state.showAll ? state.nodes : api2.computedStackNodes()),
-    computedSpace: computed(() => computedSpace({ props })),
+    computedSpace: computed(() => api2.computedSpace()),
     showData: false,
     showAll: false,
     computedWrapperClass: computed(() => api2.computedWrapperClass())
@@ -32,9 +32,10 @@ const renderless = (props, { computed, reactive, provide, watch }, { t, emit, co
     computedData: computedData({ props, state }),
     computedCurrent: computedCurrent({ props, state }),
     computedIsReverse: computedIsReverse(props),
+    computedSpace: computedSpace({ props }),
     getStatus: getStatus({ state, t }),
-    handleClick: handleClick({ emit, state, api: api2 }),
-    getStatusCls: getStatusCls({ constants, props, state }),
+    handleClick: handleClick({ emit, state }),
+    getStatusCls: getStatusCls({ constants, state }),
     computedStackNodes: computedStackNodes({ state, constants }),
     changeStatus: changeStatus({ state }),
     computedWrapperClass: computedWrapperClass({ props })

package/time-panel/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import scrollIntoView from "../common/deps/scroll-into-view";
 import { DATEPICKER } from "../common";
 const parseTime = () => (time) => {

package/time-panel/scrollIntoView.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 var scrollIntoView_default = (container, selected) => {
   if (!selected) {
     container.scrollTop = 0;

package/time-panel/vue.js

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

package/time-picker-mobile/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const optionMethod = (value) => {
   const val = ("0" + value).slice(-2);
   return { id: val, label: val };

package/time-picker-mobile/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { optionMethod, watchModelValue, watchVisible, confirm, updateVisible } from "./index";
 const api = ["state", "confirm", "updateVisible"];
 const renderless = (props, { reactive, watch }, { emit }) => {