@opentiny/vue-renderless 3.21.2 → 3.23.0

package/amount/index.js

@@ -2,10 +2,10 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
-import { formatNumber } from "../common/decimal";
-import { getMiniDecimal, equalsDecimal } from "../common/bigInt";
-import { isNumber } from "../common/type";
+import { on, off } from "@opentiny/utils";
+import { formatNumber } from "@opentiny/utils";
+import { getMiniDecimal, equalsDecimal } from "@opentiny/utils";
+import { isNumber } from "@opentiny/utils";
 const initService = (service) => {
   const { utils = {} } = service || {};
   const noopFn = () => null;

package/anchor/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { addClass, removeClass } from "../common/deps/dom";
+import { addClass, removeClass } from "@opentiny/utils";
 const getEleMentBySelect = (parent, selector) => (selector == null ? void 0 : selector.startsWith("#")) ? document.getElementById(selector.slice(1)) : parent.querySelector(selector);
 const setFixAnchor = ({ vm, props }) => () => {
   const { anchorWrapRef } = vm.$refs;

package/async-flowchart/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import ResizeObserver from "../common/deps/ResizeObserver";
+import { ResizeObserver } from "@opentiny/utils";
 const observeContainerSize = ({
   nextTick,
   vm,

package/autocomplete/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { FORM_ITEM, FORM_EVENT } from "../common/form/const";
+import { FORM_ITEM, FORM_EVENT } from "@opentiny/utils";
 const getData = ({
   props,
   state,
@@ -61,6 +61,9 @@ const handleFocus = ({
   }
 };
 const handleBlur = ({ emit, state, dispatch, props }) => () => {
+  if (!state.activated) {
+    return;
+  }
   state.suggestionDisabled = true;
   emit("blur");
   if (state.validateEvent) {

package/autocomplete/vue.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
-import debounce from "../common/deps/debounce";
-import userPopper from "../common/deps/vue-popper";
-import { guid } from "../common/string";
+import { debounce } from "@opentiny/utils";
+import { userPopper } from "@opentiny/vue-hooks";
+import { guid } from "@opentiny/utils";
 import {
   computedVisible,
   watchVisible,

package/base-select/index.js

@@ -2,24 +2,24 @@ 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 { isBrowser } from "../common/browser";
+import { isServer } from "@opentiny/utils";
 const handleComposition = ({ api, nextTick, state }) => (event) => {
   const text = event.target.value;
   if (event.type === "compositionend") {
@@ -222,7 +222,6 @@ const getResultOfSetSelected = ({ state, api, props }) => {
   return result;
 };
 const setSelected = ({ api, nextTick, props, vm, state }) => () => {
-  var _a, _b, _c, _d;
   if (!props.multiple) {
     const option = getOptionOfSetSelected({ api, props });
     state.selected = option;
@@ -231,7 +230,7 @@ const setSelected = ({ api, nextTick, props, vm, state }) => () => {
   } else {
     const result = getResultOfSetSelected({ state, props, api });
     state.selectCls = result.length ? result.length === state.options.length ? "checked-sur" : "halfselect" : "check";
-    if (!((_b = (_a = state.selected) == null ? void 0 : _a[0]) == null ? void 0 : _b.isTree) && !((_d = (_c = state.selected) == null ? void 0 : _c[0]) == null ? void 0 : _d.isGrid)) {
+    if (!vm.$slots.panel) {
       state.selected = result;
     }
     state.selected.length && (state.selectedLabel = "");
@@ -378,7 +377,7 @@ const resetInputHeight = ({ constants, nextTick, props, vm, state, api, designCo
     return;
   }
   nextTick(() => {
-    var _a;
+    var _a, _b;
     if (!vm.$refs.reference) {
       return;
     }
@@ -393,7 +392,7 @@ const resetInputHeight = ({ constants, nextTick, props, vm, state, api, designCo
     }
     const sizeInMap = (designConfig == null ? void 0 : designConfig.state.initialInputHeight) || state.initialInputHeight || 32;
     const noSelected = state.selected.length === 0;
-    const spacingHeight = designConfig ? (_a = designConfig.state) == null ? void 0 : _a.spacingHeight : constants.SPACING_HEIGHT;
+    const spacingHeight = (_b = (_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.spacingHeight) != null ? _b : constants.SPACING_HEIGHT;
     if (!state.isDisplayOnly) {
       if (!noSelected && tags) {
         fastdom.measure(() => {
@@ -1292,7 +1291,7 @@ const watchInitValue = ({ props, emit }) => (value) => {
   }
 };
 const watchShowClose = ({ nextTick, state, parent }) => () => {
-  if (!isBrowser)
+  if (isServer)
     return;
   nextTick(() => {
     const parentEl = parent.$el;

package/base-select/vue.js

@@ -102,8 +102,8 @@ import {
   computedShowTagText,
   isTagClosable
 } from "./index";
-import debounce from "../common/deps/debounce";
-import { isNumber } from "../common/type";
+import { debounce } from "@opentiny/utils";
+import { isNumber } from "@opentiny/utils";
 const api = [
   "state",
   "toggleCheckAll",

package/calendar/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { copyArray } from "../common/object";
-import { lastMonth, nextMonth, getCalendar, transformArray, parseDate } from "../common/calendar/calendar";
+import { copyArray } from "@opentiny/utils";
+import { lastMonth, nextMonth, getCalendar, transformArray, parseDate } from "@opentiny/utils";
 const computedCalendar = ({ state }) => () => {
   const calendar = getCalendar(state.activeYear, state.activeMonth);
   const result = [];

package/calendar-bar/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { lastMonth, nextMonth } from "../common/calendar/calendar";
-import { getDirection } from "../common/deps/touch";
+import { lastMonth, nextMonth } from "@opentiny/utils";
+import { getDirection } from "@opentiny/utils";
 const normalConfig = (config, state) => {
   let { disabled, holiday, workday, mark } = config || {};
   const weekFirst = getWeekFirst(state, { config });

package/calendar-bar/vue.js

@@ -28,7 +28,7 @@ import {
   touchmove,
   touchend
 } from "./index";
-import throttle from "../common/deps/throttle";
+import { throttle } from "@opentiny/utils";
 const api = [
   "state",
   "handleDraggerClick",

package/calendar-view/index.js

@@ -2,8 +2,8 @@ import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
 import { cloneDeep } from "../chart-core/deps/utils";
-import { getDirection } from "../common/deps/touch";
-import { getDays, lastMonth, nextMonth, getCalendar, transformArray } from "../common/calendar/calendar";
+import { getDirection } from "@opentiny/utils";
+import { getDays, lastMonth, nextMonth, getCalendar, transformArray } from "@opentiny/utils";
 const getTime = (date) => new Date(date).getTime();
 const newSchedule = ({ emit }) => (date) => emit("new-schedule", date);
 const isShowNewSchedule = ({ props }) => (date) => props.showNewSchedule instanceof Function ? props.showNewSchedule(date) : false;
@@ -38,14 +38,13 @@ const getEventShowTime = ({ state }) => (type, event, date) => {
 const handleMouseenter = ({ state, vm }) => ($event, val) => {
   const tooltip = vm.$refs.tooltip;
   tooltip.state.referenceElm = $event.target;
-  tooltip.state.popperElm && (tooltip.state.popperElm.style.display = "none");
-  tooltip.doDestroy();
   state.eventTipContent = val;
-  state.eventTipVisible = true;
-  setTimeout(tooltip.updatePopper, 20);
+  setTimeout(tooltip.show(), 20);
 };
-const handleMouseleave = ({ state }) => () => {
-  state.eventTipVisible = false;
+const handleMouseleave = ({ vm }) => () => {
+  const tooltip = vm.$refs.tooltip;
+  tooltip.setExpectedState(false);
+  tooltip.debounceClose();
 };
 const isSelectedDate = ({ state }) => (day) => {
   if (day.isLast || day.isNext)
@@ -70,14 +69,30 @@ const parseDate = (time) => {
   } else {
     date = /* @__PURE__ */ new Date();
   }
-  return {
-    year: date.getFullYear(),
-    month: date.getMonth() + 1,
-    day: date.getDate(),
-    hours: date.getHours(),
-    minutes: date.getMinutes(),
-    seconds: date.getSeconds()
-  };
+  const timeParts = hasNoTime(time);
+  let timesPartsOne = {};
+  let timesPartsTwo = {};
+  if (!timeParts.hours) {
+    timesPartsOne = {
+      year: timeParts.year,
+      month: timeParts.month,
+      day: timeParts.day,
+      hours: 0,
+      minutes: 0,
+      seconds: 0
+    };
+  } else {
+    timesPartsTwo = {
+      year: date.getFullYear(),
+      month: date.getMonth() + 1,
+      day: date.getDate(),
+      hours: date.getHours(),
+      minutes: date.getMinutes(),
+      seconds: date.getSeconds()
+    };
+  }
+  const timePartsList = Object.assign(timesPartsOne, timesPartsTwo);
+  return timePartsList;
 };
 const computedCalendar = ({ props, state }) => (type) => {
   let year = state.activeYear;
@@ -114,6 +129,33 @@ const getCalendarItem = function(item, props, isFunction, type, isNext, isLast)
   }
   return res;
 };
+const hasNoTime = (date) => {
+  const datetimeStr = date;
+  let hoursTime = 0;
+  let minutesTime = 0;
+  let secondsTime = 0;
+  const [datePart, timePart] = datetimeStr.split(" ");
+  const [year, month, day] = datePart && datePart.split("-");
+  if (timePart) {
+    const [hours, minutes, seconds] = timePart && timePart.split(":");
+    hoursTime = hours;
+    minutesTime = minutes;
+    secondsTime = seconds;
+  }
+  return {
+    year: Number(year),
+    month: Number(month),
+    day: Number(day),
+    hours: hoursTime,
+    minutes: minutesTime,
+    seconds: secondsTime
+  };
+};
+const timesToGMT8 = (date) => {
+  const originalDate = new Date(date);
+  const gmt8 = new Date(originalDate.getTime() + 15 * 60 * 60 * 1e3);
+  return gmt8;
+};
 const handleEvents = ({ props, state }) => () => {
   let result = [];
   const dayMillisecond = 24 * 60 * 60 * 1e3;
@@ -141,14 +183,16 @@ const handleEvents = ({ props, state }) => () => {
         seconds: endSeconds
       } = parseDate(item.end);
       if ([lastYear, +state.activeYear, nextYear].includes(startYear) && [lastMon, +state.activeMonth, nextMon].includes(startMonth) || [lastYear, +state.activeYear, nextYear].includes(endYear) && [lastMon, +state.activeMonth, nextMon].includes(endMonth)) {
-        item.start = getTime(item.start);
-        item.end = getTime(item.end);
-        item.startTime = makeUpZero(startHours) + ":" + makeUpZero(startMinutes) + ":" + makeUpZero(startSeconds);
-        item.endTime = makeUpZero(endHours) + ":" + makeUpZero(endMinutes) + ":" + makeUpZero(endSeconds);
+        const timeStartPart = hasNoTime(item.start);
+        const timeEndPart = hasNoTime(item.end);
+        item.start = timeStartPart.hours ? getTime(item.start) : timesToGMT8(item.start);
+        item.end = timeEndPart.hours ? getTime(item.end) : timesToGMT8(item.end);
+        item.startTime = timeStartPart.hours ? makeUpZero(startHours) + ":" + makeUpZero(startMinutes) + ":" + makeUpZero(startSeconds) : "";
+        item.endTime = timeEndPart.hours ? makeUpZero(endHours) + ":" + makeUpZero(endMinutes) + ":" + makeUpZero(endSeconds) : "";
         item.startDay = startYear + "-" + startMonth + "-" + startDay;
         item.endDay = endYear + "-" + endMonth + "-" + endDay;
-        const startTimestamp = getTime(startYear + "-" + startMonth + "-" + startDay);
-        const endTimestamp = getTime(endYear + "-" + endMonth + "-" + endDay);
+        const startTimestamp = getTime(item.startDay);
+        const endTimestamp = getTime(item.endDay);
         const days = Math.abs(endTimestamp - startTimestamp) / dayMillisecond;
         item.dayNumber = days >= 1 ? days + 1 : 1;
         if (props.modes.includes("timeline")) {
@@ -189,7 +233,16 @@ function splitEvent(props, event) {
   }
   return result;
 }
-const selectDay = ({ state, emit }) => (day, i) => {
+const computedSelectDay = ({ state }) => (day) => {
+  if (!day || !day.value || day.disabled)
+    return false;
+  if (state.multiSelect) {
+    return state.selectedDates.includes(day.value);
+  } else {
+    return state.selectedDate === day.value;
+  }
+};
+const selectDay = ({ props, state, emit, api }) => (day, i) => {
   if (!day || !day.value || day.disabled)
     return;
   state.activedWeekIndex = i;
@@ -203,9 +256,10 @@ const selectDay = ({ state, emit }) => (day, i) => {
     } else {
       state.selectedDates.push(date);
     }
+    const dateEvent = dealEvents(props, api, state.selectedDates);
     emit("update:modelValue", state.selectedDates);
     emit("selected-date-change", state.selectedDates);
-    emit("date-click", date);
+    emit("date-click", state.selectedDates, dateEvent);
   } else {
     if (day.isNext) {
       const { year, month } = nextMonth(state.activeYear, state.activeMonth);
@@ -219,10 +273,21 @@ const selectDay = ({ state, emit }) => (day, i) => {
     }
     state.selectedDate = day.value.toString().length > 2 ? day.value : `${state.activeYear}-${state.activeMonth}-${day.value}`;
     state.showSelectedDateEvents = true;
+    const dateEvent = dealEvents(props, api, [state.selectedDate]);
     emit("update:modelValue", state.selectedDate);
-    emit("date-click", state.selectedDate);
+    emit("date-click", state.selectedDate, dateEvent[0]);
   }
 };
+const dealEvents = (props, api, date) => {
+  return date.map((item) => {
+    let event = api.getEventByTime(item, props._constants.DAY_START_TIME, props._constants.DAY_END_TIME);
+    event.forEach((e) => {
+      delete e.dayArr;
+      delete e.dayNumber;
+    });
+    return event;
+  });
+};
 const getEventByMonth = ({ state }) => (year, month) => {
   const result = [];
   const days = getDays(Number(year), Number(month));
@@ -564,6 +629,7 @@ function resetTouchStatus(state) {
 export {
   computeCascaderOptions,
   computedCalendar,
+  computedSelectDay,
   currentDateChange,
   dateIsToday,
   genDayTimes,

package/calendar-view/vue.js

@@ -2,6 +2,7 @@ import "../chunk-G2ADBYYC.js";
 import {
   computedCalendar,
   handleEvents,
+  computedSelectDay,
   selectDay,
   getEventByTime,
   isToday,
@@ -40,13 +41,14 @@ import {
   touchmove,
   touchend
 } from "./index";
-import throttle from "../common/deps/throttle";
+import { throttle } from "@opentiny/utils";
 const api = [
   "state",
   "renderProxy",
   "isToday",
   "dateIsToday",
   "getEventByTime",
+  "computedSelectDay",
   "selectDay",
   "toToday",
   "getPrevWeek",
@@ -119,7 +121,6 @@ const initState = ({ reactive, props, computed, api: api2, images, modesIcon })
     showMonth: false,
     showSelectedDateEvents: false,
     multiSelect: computed(() => props.multiSelect),
-    eventTipVisible: false,
     cascaderVisible: false,
     eventTipContent: {},
     activeYear: props.year,
@@ -255,7 +256,8 @@ const initApi = ({ vm, api: api2, state, t, props, emit, nextTick }) => {
     computeCascaderOptions: computeCascaderOptions(t),
     isToday: isToday(state),
     dateIsToday: dateIsToday(),
-    selectDay: selectDay({ state, emit }),
+    selectDay: selectDay({ props, state, emit, api: api2 }),
+    computedSelectDay: computedSelectDay({ state }),
     getEventByTime: getEventByTime({ props, state }),
     toToday: toToday({ state, api: api2, nextTick }),
     getAllWednesdaysInYear: getAllWednesdaysInYear({ state }),
@@ -271,7 +273,7 @@ const initApi = ({ vm, api: api2, state, t, props, emit, nextTick }) => {
     goPrevMonth: throttle(50, true, goPrevMonth({ state })),
     goNextMonth: throttle(50, true, goNextMonth({ state })),
     handleMouseenter: handleMouseenter({ vm, state }),
-    handleMouseleave: handleMouseleave({ state }),
+    handleMouseleave: handleMouseleave({ vm }),
     isSelectedDate: isSelectedDate({ state }),
     isStartOrEndDay: isStartOrEndDay({ state }),
     getDayBgColor: getDayBgColor({ props }),

package/card/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 const handelIconClick = ({ emit }) => (item, index, event) => {
   if (item.disabled)
     return;

package/card-template/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import PopupManager from "../common/deps/popup-manager";
+import { PopupManager } from "@opentiny/utils";
 const toolClick = (showMoreTools) => (cb) => {
   typeof cb === "function" && cb();
   showMoreTools.value = false;

package/carousel/index.js

@@ -1,8 +1,8 @@
 import "../chunk-G2ADBYYC.js";
-import throttle from "../common/deps/throttle";
-import { getDirection } from "../common/deps/touch";
-import { POSITION } from "../common";
-import emulate from "../common/deps/touch-emulator";
+import { throttle } from "@opentiny/utils";
+import { getDirection } from "@opentiny/utils";
+import { POSITION } from "@opentiny/utils";
+import { emulate } from "@opentiny/utils";
 const handleMouseEnter = ({ api, state }) => () => {
   state.hover = true;
   api.pauseTimer();

package/carousel/vue.js

@@ -30,7 +30,7 @@ import {
   computedHasIndicators,
   canActive
 } from "./index";
-import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
+import { addResizeListener, removeResizeListener } from "@opentiny/utils";
 const api = [
   "state",
   "items",

package/cascader/index.js

@@ -1,10 +1,10 @@
 import "../chunk-G2ADBYYC.js";
-import browser, { isBrowser } from "../common/browser";
-import { isNull } from "../common/type";
-import debounce from "../common/deps/debounce";
-import { isEqual } from "../common/object";
-import { addResizeListener } from "../common/deps/resize-event";
-import { KEY_CODE, CASCADER } from "../common";
+import { isServer, browserInfo } from "@opentiny/utils";
+import { isNull } from "@opentiny/utils";
+import { debounce } from "@opentiny/utils";
+import { isEqual } from "@opentiny/utils";
+import { addResizeListener } from "@opentiny/utils";
+import { KEY_CODE, CASCADER } from "@opentiny/utils";
 const initMigratingProps = () => ({
   expandTrigger: { newProp: CASCADER.PropsExpandTri, type: String },
   changeOnSelect: { newProp: CASCADER.PropsCheckStric, type: Boolean },
@@ -46,6 +46,7 @@ const computePresentContent = ({ api, state }) => () => {
 };
 const watchValue = ({ api, state }) => (value) => {
   if (!isEqual(value, state.checkedValue)) {
+    state.userChangeValue = true;
     state.checkedValue = value;
     setTimeout(api.computePresentContent);
   }
@@ -56,7 +57,8 @@ const watchCheckedValue = ({
   dispatch,
   api,
   emit,
-  state
+  state,
+  props
 }) => (value) => {
   state.presentText = state.presentTags.length ? "" : null;
   const { checkStrictly, multiple } = state.config;
@@ -71,8 +73,16 @@ const watchCheckedValue = ({
       state.multiple ? state.presentText : state.inputValue
     ]);
   });
-  emit("update:modelValue", value);
-  emit("change", value);
+  if (state.userChangeValue) {
+    if (props.changeCompat) {
+      emit("update:modelValue", value);
+      emit("change", value);
+    }
+    state.userChangeValue = false;
+  } else {
+    emit("update:modelValue", value);
+    emit("change", value);
+  }
   setTimeout(api.updateStyle);
 };
 const isEmpty = (val) => {
@@ -192,7 +202,7 @@ const handleInput = ({ api, state, vm }) => (val, event) => {
   const reference = vm.$refs.reference;
   const key = "init-flag";
   const value = "true";
-  const isIE = browser.name === "ie";
+  const isIE = browserInfo.name === "ie";
   if (isIE && reference.getAttribute(key) !== value && !event.target.value) {
     reference.setAttribute(key, value);
     return;
@@ -237,7 +247,7 @@ const focusFirstNode = ({ vm, state }) => () => {
   }
 };
 const computePresentText = ({ props, state }) => () => {
-  if (isBrowser) {
+  if (!isServer) {
     if (!isEmpty(state.checkedValue)) {
       const node = state.panel.getNodeByValue(state.checkedValue);
       if (node && (state.config.checkStrictly || node.isLeaf)) {

package/cascader/vue.js

@@ -36,9 +36,9 @@ import {
   handleMouseenter,
   handleMouseleave
 } from "./index";
-import { removeResizeListener } from "../common/deps/resize-event";
-import userPopper from "../common/deps/vue-popper";
-import { DATEPICKER } from "../common";
+import { removeResizeListener } from "@opentiny/utils";
+import { userPopper } from "@opentiny/vue-hooks";
+import { DATEPICKER } from "@opentiny/utils";
 const api = [
   "state",
   "getCheckedNodes",
@@ -104,7 +104,8 @@ const initState = ({
     isHidden: false,
     tooltipVisible: false,
     tooltipContent: "",
-    tagTypeWhenMultiple: (designConfig == null ? void 0 : designConfig.tagTypeWhenMultiple) || ""
+    tagTypeWhenMultiple: (designConfig == null ? void 0 : designConfig.tagTypeWhenMultiple) || "",
+    userChangeValue: false
   });
   return state;
 };
@@ -145,7 +146,7 @@ const initApi = ({
     watchValue: watchValue({ api: api2, state }),
     computePresentTags: computePresentTags({ api: api2, props, state }),
     computePresentContent: computePresentContent({ api: api2, state }),
-    watchCheckedValue: watchCheckedValue({ constants, dispatch, api: api2, nextTick, emit, state }),
+    watchCheckedValue: watchCheckedValue({ constants, dispatch, api: api2, nextTick, emit, state, props }),
     toggleDropDownVisible: toggleDropDownVisible({ emit, vm, state, updatePopper }),
     selfMounted: selfMounted({ api: api2, parent, props, vm, state }),
     handleBeforeUpdate: handleBeforeUpdate({ props, api: api2, state }),

package/cascader-menu/vue.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
 import { handleExpand, handleMouseMove, clearHoverZone } from "./index";
-import { CASCADER } from "../common";
-import { random } from "../common/string";
+import { CASCADER } from "@opentiny/utils";
+import { random } from "@opentiny/utils";
 const api = ["state", "handleMouseMove", "handleExpand"];
 const renderless = (props, { computed, reactive }, { vm, parent }) => {
   const api2 = {};

package/cascader-mobile/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import TreeStore from "../common/deps/tree-model/tree-store";
+import { TreeStore } from "@opentiny/utils";
 const close = ({ state, emit }) => () => {
   state.search.show = false;
   emit("update:visible", false);

package/cascader-node/vue.js

@@ -8,7 +8,7 @@ import {
   handleNodeClick
 } from "./index";
 const api = ["state", "handleMultiCheckChange", "handleCheckChange", "handleExpand", "handleNodeClick"];
-const renderless = (props, { computed, reactive, inject }, { dispatch }) => {
+const renderless = (props, { computed, reactive, inject, watch }, { dispatch }) => {
   const parent = inject("panel");
   const api2 = {};
   const state = reactive({
@@ -24,6 +24,16 @@ const renderless = (props, { computed, reactive, inject }, { dispatch }) => {
       return parent.state.renderLabelFn ? parent.state.renderLabelFn({ node: props.node, data: props.node.data }) : props.node.label;
     })
   });
+  if (parent.state.config.expandTrigger !== "click") {
+    watch(
+      () => state.checkedValue,
+      (checkedValue) => {
+        if (checkedValue.includes(props.node.value)) {
+          api2.handleExpand();
+        }
+      }
+    );
+  }
   Object.assign(api2, {
     state,
     isInPath: isInPath(props),

package/cascader-panel/index.js

@@ -1,9 +1,9 @@
 import "../chunk-G2ADBYYC.js";
-import { isNull } from "../common/type";
-import { isEqual } from "../common/object";
+import { isNull } from "@opentiny/utils";
+import { isEqual } from "@opentiny/utils";
 import { isEmpty } from "../cascader";
-import { KEY_CODE, CASCADER } from "../common";
-import scrollIntoViewCommon from "../common/deps/scroll-into-view";
+import { KEY_CODE, CASCADER } from "@opentiny/utils";
+import { scrollIntoView as scrollIntoViewCommon } from "@opentiny/utils";
 const watchCheckedValue = ({ api, emit, props, state }) => (value) => {
   if (!isEqual(value, props.modelValue)) {
     state.checkStrictly && api.calculateCheckedNodePaths();

package/cascader-panel/node.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
-import { isEqual } from "../common/object";
-import { capitalize } from "../common/string";
-import { isNull } from "../common/type";
+import { isEqual } from "@opentiny/utils";
+import { capitalize } from "@opentiny/utils";
+import { isNull } from "@opentiny/utils";
 let uid = 0;
 class Node {
   constructor(data, config, parentNode) {
@@ -106,7 +106,6 @@ class Node {
     this.setCheckState(checked);
   }
   syncCheckState(checkedValue) {
-    const value = this.getValueByOption();
     const checked = this.isSameNode(checkedValue);
     this.doCheck(checked);
   }