@opentiny/vue-renderless 3.14.0 → 3.15.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2022 - present TinyVue Authors.
+Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/action-menu/index.js

@@ -1,4 +1,44 @@
 import "../chunk-G2ADBYYC.js";
+const computedMaxShowNum = ({ props, state }) => () => {
+  if (props.maxShowNum !== void 0) {
+    return props.maxShowNum;
+  }
+  if (state.isCardMode) {
+    return 3;
+  } else {
+    return 2;
+  }
+};
+const computedSpacing = ({ props, state }) => () => {
+  if (props.spacing !== void 0) {
+    return String(props.spacing).includes("px") ? props.spacing : props.spacing + "px";
+  }
+  if (state.isCardMode) {
+    return "10px";
+  } else {
+    return "5px";
+  }
+};
+const computedMoreText = ({ props, state, t }) => () => {
+  if (props.moreText !== void 0) {
+    return props.moreText;
+  }
+  if (state.isCardMode) {
+    return "";
+  } else {
+    return t("ui.actionMenu.moreText");
+  }
+};
+const computedSuffixIcon = ({ props, state }) => () => {
+  if (props.suffixIcon) {
+    return props.suffixIcon;
+  }
+  if (state.isCardMode) {
+    return "tiny-icon-ellipsis";
+  } else {
+    return "";
+  }
+};
 const handleMoreClick = (emit) => () => {
   emit("more-click");
 };
@@ -9,6 +49,10 @@ const visibleChange = (emit) => (status) => {
   emit("visible-change", status);
 };
 export {
+  computedMaxShowNum,
+  computedMoreText,
+  computedSpacing,
+  computedSuffixIcon,
   handleItemClick,
   handleMoreClick,
   visibleChange

package/action-menu/vue.js

@@ -1,18 +1,35 @@
 import "../chunk-G2ADBYYC.js";
-import { handleMoreClick, handleItemClick, visibleChange } from "./index";
+import {
+  handleMoreClick,
+  handleItemClick,
+  visibleChange,
+  computedMaxShowNum,
+  computedSpacing,
+  computedMoreText,
+  computedSuffixIcon
+} from "./index";
 const api = ["state", "handleMoreClick", "handleItemClick", "visibleChange"];
-const renderless = (props, { computed, reactive }, { emit }) => {
+const renderless = (props, { computed, reactive }, { emit, t }) => {
+  const api2 = {};
   const state = reactive({
-    visibleOptions: computed(() => props.options.slice(0, props.maxShowNum)),
-    moreOptions: computed(() => props.options.slice(props.maxShowNum)),
-    spacing: computed(() => String(props.spacing).includes("px") ? props.spacing : props.spacing + "px")
+    visibleOptions: computed(() => props.options.slice(0, state.maxShowNum)),
+    isCardMode: computed(() => props.mode === "card"),
+    moreOptions: computed(() => props.options.slice(state.maxShowNum)),
+    spacing: computed(() => api2.computedSpacing()),
+    maxShowNum: computed(() => api2.computedMaxShowNum()),
+    moreText: computed(() => api2.computedMoreText()),
+    suffixIcon: computed(() => api2.computedSuffixIcon())
   });
-  const api2 = {
+  Object.assign(api2, {
+    state,
     handleMoreClick: handleMoreClick(emit),
     handleItemClick: handleItemClick(emit),
     visibleChange: visibleChange(emit),
-    state
-  };
+    computedMaxShowNum: computedMaxShowNum({ props, state }),
+    computedSpacing: computedSpacing({ props, state }),
+    computedMoreText: computedMoreText({ props, state, t }),
+    computedSuffixIcon: computedSuffixIcon({ props, state })
+  });
   return api2;
 };
 export {

package/calendar-view/index.js

@@ -125,23 +125,30 @@ const handleEvents = ({ props, state }) => () => {
     props.events.forEach((prop) => {
       const item = __spreadValues({}, prop);
       const {
-        year,
-        month,
+        year: startYear,
+        month: startMonth,
         day: startDay,
         hours: startHours,
         minutes: startMinutes,
         seconds: startSeconds
       } = parseDate(item.start);
-      const { day: endDay, hours: endHours, minutes: endMinutes, seconds: endSeconds } = parseDate(item.end);
-      if ([lastYear, +state.activeYear, nextYear].includes(year) && [lastMon, +state.activeMonth, nextMon].includes(month)) {
+      const {
+        year: endYear,
+        month: endMonth,
+        day: endDay,
+        hours: endHours,
+        minutes: endMinutes,
+        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);
-        item.startDay = year + "-" + month + "-" + startDay;
-        item.endDay = year + "-" + month + "-" + endDay;
-        const startTimestamp = getTime(year + "-" + month + "-" + startDay);
-        const endTimestamp = getTime(year + "-" + month + "-" + endDay);
+        item.startDay = startYear + "-" + startMonth + "-" + startDay;
+        item.endDay = endYear + "-" + endMonth + "-" + endDay;
+        const startTimestamp = getTime(startYear + "-" + startMonth + "-" + startDay);
+        const endTimestamp = getTime(endYear + "-" + endMonth + "-" + endDay);
         const days = Math.abs(endTimestamp - startTimestamp) / dayMillisecond;
         item.dayNumber = days >= 1 ? days + 1 : 1;
         if (props.modes.includes("timeline")) {
@@ -158,19 +165,20 @@ const handleEvents = ({ props, state }) => () => {
 function splitEvent(props, event) {
   const result = [];
   const startDay = new Date(event.startDay);
-  const day = startDay.getDate();
+  const dayMillisecond = 24 * 60 * 60 * 1e3;
   if (event.dayNumber > 1) {
     for (let i = 0; i < event.dayNumber; i++) {
       let copyObj = JSON.parse(JSON.stringify(event));
+      let dayStartTimeStamp = new Date(startDay.getTime() + i * dayMillisecond);
       if (i === 0) {
         copyObj.realStart = copyObj.start;
-        copyObj.realEnd = new Date(startDay.setDate(day + i)).setHours(props.dayTimes[1]);
+        copyObj.realEnd = new Date(dayStartTimeStamp).setHours(props.dayTimes[1]);
       } else if (i === event.dayNumber - 1) {
-        copyObj.realStart = new Date(startDay.setDate(day + i)).setHours(props.dayTimes[0]);
+        copyObj.realStart = new Date(dayStartTimeStamp).setHours(props.dayTimes[0]);
         copyObj.realEnd = copyObj.end;
       } else {
-        copyObj.realStart = new Date(startDay.setDate(day + i)).setHours(props.dayTimes[0]);
-        copyObj.realEnd = new Date(startDay.setDate(day + i)).setHours(props.dayTimes[1]);
+        copyObj.realStart = new Date(dayStartTimeStamp).setHours(props.dayTimes[0]);
+        copyObj.realEnd = new Date(dayStartTimeStamp).setHours(props.dayTimes[1]);
       }
       result.push(copyObj);
     }

package/calendar-view/vue.js

@@ -149,9 +149,12 @@ const initWatch = ({ watch, props, state, emit, api: api2, nextTick }) => {
     { immediate: true, deep: true }
   );
   watch(
-    () => props.mode,
-    () => {
-      state.mode = props.mode;
+    () => state.mode,
+    (val) => {
+      emit("mode-change", val);
+      if (val === "timeline") {
+        api2.getCurWeekEvent();
+      }
     }
   );
   watch(

package/cascader/index.js

@@ -217,7 +217,7 @@ const handleExpandChange = ({ constants, dispatch, emit, nextTick, state, update
     dispatch(constants.COMPONENT_NAME.FormItem, constants.EVENT_NAME.FormBlur, [
       state.multiple ? state.presentText : state.inputValue
     ]);
-    updatePopper(state.panel.$parent.$el);
+    updatePopper();
   });
   emit("expand-change", value);
   emit("active-item-change", value);

package/cascader-select/index.js

@@ -29,6 +29,10 @@ const confirm = ({ api, emit, defaultValues, selectedOptions, isDisabled, vm })
   emit("update:modelValue", defaultValues.value.slice());
   api.close();
 };
+const clear = ({ api, emit }) => (value) => {
+  emit("update:modelValue", value);
+  api.close();
+};
 const columnStyle = ({ props, computed }) => computed(() => {
   return {
     height: `${+props.visibleOptionNum * +props.optionHeight}px`,
@@ -36,6 +40,7 @@ const columnStyle = ({ props, computed }) => computed(() => {
   };
 });
 export {
+  clear,
   close,
   columnStyle,
   confirm,

package/cascader-select/vue.js

@@ -1,10 +1,11 @@
 import "../chunk-G2ADBYYC.js";
-import { watchActionSheetVisible, close, confirm, columnStyle } from "./index";
+import { watchActionSheetVisible, close, confirm, columnStyle, clear } from "./index";
 import { usePicker } from "./usePicker";
 const api = [
   "state",
   "close",
   "confirm",
+  "clear",
   "columnsType",
   "columnsList",
   "columnFieldNames",
@@ -34,6 +35,7 @@ const renderless = (props, { reactive, computed, watch, ref, toRefs }, { emit, v
   };
   Object.assign(api2, {
     close: close(state),
+    clear: clear({ api: api2, emit }),
     confirm: confirm({ api: api2, emit, props, state, defaultValues, selectedOptions, isDisabled, vm }),
     watchActionSheetVisible: watchActionSheetVisible({ emit, api: api2, props }),
     columnsType,

package/common/bigInt.js

@@ -119,7 +119,7 @@ class BigIntDecimal {
     const f = Function;
     const convertBigInt = (str) => {
       const validStr = str.replace(/^0+/, "") || "0";
-      return f(`return BigInt(${validStr})`)();
+      return f(`return BigInt('${validStr}')`)();
     };
     if (validateNumber(mergedValue)) {
       const trimRet = trimNumber(mergedValue);
@@ -127,7 +127,7 @@ class BigIntDecimal {
       const numbers = trimRet.trimStr.split(".");
       this.integer = !numbers[0].includes("e") ? BigInt(numbers[0]) : numbers[0];
       const decimalStr = numbers[1] || "0";
-      this.decimal = convertBigInt(decimalStr);
+      this.decimal = decimalStr.includes("e") ? convertBigInt(decimalStr) : BigInt(decimalStr);
       this.decimalLen = decimalStr.length;
     } else {
       this.nan = true;

package/common/deps/date-util.js

@@ -60,10 +60,12 @@ const getFirstDayOfMonth = (date) => {
 };
 const prevDate = (date, amount = 1) => new Date(date.getFullYear(), date.getMonth(), date.getDate() - amount);
 const nextDate = (date, amount = 1) => new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
-const getStartDateOfMonth = (year, month) => {
+const getStartDateOfMonth = (year, month, offsetDay = 0) => {
   const res = new Date(year, month, 1);
   const day = res.getDay();
-  return day === 0 ? prevDate(res, 7) : prevDate(res, day);
+  const _day = day === 0 ? 7 : day;
+  const offset = _day + offsetDay <= 0 ? 7 + _day : _day;
+  return prevDate(res, offset);
 };
 const getWeekNumber = (src) => {
   if (!isDate(src)) {

package/common/deps/vue-popper.js

@@ -14,6 +14,23 @@ const getReference = ({ state, props, vm, slots }) => {
   }
   return reference;
 };
+const getReferMaxZIndex = (reference) => {
+  if (!reference || !reference.nodeType)
+    return;
+  let getZIndex = (dom) => parseInt(window.getComputedStyle(dom).zIndex, 10) || 0;
+  let max = getZIndex(reference);
+  let z;
+  do {
+    reference = reference.parentNode;
+    if (reference) {
+      z = getZIndex(reference);
+    } else {
+      break;
+    }
+    max = z > max ? z : max;
+  } while (reference !== document.body);
+  return max + 1 + "";
+};
 var vue_popper_default = (options) => {
   const {
     parent,
@@ -55,6 +72,9 @@ var vue_popper_default = (options) => {
       popper.style.display = "none";
     }
   };
+  const nextZIndex = (reference) => {
+    return props.zIndex === "relative" ? getReferMaxZIndex(reference) : PopupManager.nextZIndex();
+  };
   const createPopper = (dom) => {
     if (isServer) {
       return;
@@ -89,7 +109,7 @@ var vue_popper_default = (options) => {
     if (typeof options2.onUpdate === "function") {
       state.popperJS.onUpdate(options2.onUpdate);
     }
-    state.popperJS._popper.style.zIndex = PopupManager.nextZIndex().toString();
+    state.popperJS._popper.style.zIndex = nextZIndex(state.popperJS._reference);
     followHide(state.popperJS);
     on(state.popperElm, "click", stop);
   };
@@ -101,7 +121,7 @@ var vue_popper_default = (options) => {
     if (popperJS) {
       popperJS.update();
       if (popperJS._popper && popperElmOrTrue !== true) {
-        popperJS._popper.style.zIndex = PopupManager.nextZIndex().toString();
+        popperJS._popper.style.zIndex = nextZIndex(popperJS._reference);
         followHide(state.popperJS);
       }
     } else {

package/common/index.js

@@ -109,7 +109,7 @@ const DATE = {
   Time: "hh:mm",
   YearMonth: "yyyy-MM"
 };
-const TriggerTypes = "date,datetime,time,time-select,week,month,year,years,yearrange,daterange,monthrange,timerange,datetimerange,dates";
+const TriggerTypes = "date,datetime,time,time-select,week,month,year,years,yearrange,daterange,monthrange,timerange,datetimerange,dates,quarter";
 const DATEPICKER = {
   Day: "day",
   Date: "date",
@@ -147,6 +147,18 @@ const DATEPICKER = {
     center: "bottom",
     right: "bottom-end"
   },
+  QuarterMap: {
+    0: 0,
+    1: 3,
+    2: 6,
+    3: 9
+  },
+  MonthQuarterMap: {
+    0: 1,
+    3: 2,
+    6: 3,
+    9: 4
+  },
   TriggerTypes: TriggerTypes.split(","),
   DateFormats: {
     year: "yyyy",
@@ -164,6 +176,7 @@ const DATEPICKER = {
   },
   Time: "time",
   TimeRange: "timerange",
+  Quarter: "quarter",
   IconTime: "icon-time",
   IconDate: "icon-Calendar",
   DateRange: "daterange",
@@ -224,7 +237,7 @@ const CASCADER = {
   PropsHover: "hoverThreshold",
   MenuConnector: "cascader-menu-"
 };
-const version = "3.14.0";
+const version = "3.15.0";
 const log = (data, type = "log") => {
   uLog.logger[type](data);
 };

package/common/runtime.js

@@ -22,7 +22,7 @@ import vuePopup from "./deps/vue-popup";
 import validate from "./validate";
 import memorize from "./deps/memorize";
 import * as common from ".";
-const version = "3.14.0";
+const version = "3.15.0";
 const Renderless = {
   browser,
   array,

package/date-range/vue.js

@@ -117,6 +117,7 @@ const initState = ({ reactive, computed, api: api2, constants, designConfig }) =
     dateFormat: computed(() => state.format ? extractDateFormat(state.format) : "yyyy-MM-dd"),
     enableMonthArrow: computed(() => api2.getEnableMonthArrow()),
     enableYearArrow: computed(() => api2.computerEnableYearArrow()),
+    // tiny 新增
     confirmButtonProps: __spreadValues({
       plain: true,
       type: "default"

package/date-table/index.js

@@ -11,7 +11,7 @@ import {
 } from "../common/deps/date-util";
 import { DATEPICKER } from "../common";
 const formatJudg = ({ day, offset, j, i, cell, count, dateCountOfLastMonth }) => {
-  const nodfpm = day + offset < 0 ? 7 + day + offset : day + offset;
+  const nodfpm = day + offset <= 0 ? 7 + day + offset : day + offset;
   if (j + i * 7 >= nodfpm) {
     cell.text = count++;
   } else {
@@ -36,19 +36,7 @@ const getDateTimestamp = (time) => {
   }
   return NaN;
 };
-const arrayFindIndex = (arr, pred) => {
-  for (let i = 0, len = arr.length; i !== len; ++i) {
-    if (pred(arr[i])) {
-      return i;
-    }
-  }
-  return -1;
-};
-const arrayFind = (arr, pred) => {
-  const idx = arrayFindIndex(arr, pred);
-  return ~idx ? arr[idx] : void 0;
-};
-const getSelected = ({ props, cell, format, t, cellDate, selectedDate }) => {
+const getSelected = (props, cell, format, t, cellDate, selectedDate) => {
   let selected = cell.selected;
   if (props.selectionMode === "dates") {
     selected = arrayFind(selectedDate, (date) => formatDate(date, format, t) === formatDate(cellDate, format, t));
@@ -61,14 +49,7 @@ const getCell = ({ state, props }) => (row, i, j) => {
   const now = getDateTimestamp(/* @__PURE__ */ new Date());
   let cell = row[props.showWeekNumber ? j + 1 : j];
   if (!cell) {
-    cell = {
-      row: i,
-      column: j,
-      inRange: false,
-      start: false,
-      end: false,
-      type: DATEPICKER.Normal
-    };
+    cell = { row: i, column: j, inRange: false, start: false, end: false, type: DATEPICKER.Normal };
   }
   cell.type = DATEPICKER.Normal;
   const index = i * 7 + j;
@@ -81,15 +62,7 @@ const getCell = ({ state, props }) => (row, i, j) => {
 };
 const doCount = ({ i, day, offset, j, cell, count, dateCountOfLastMonth, dateCountOfMonth }) => {
   if (i >= 0 && i <= 1) {
-    const ret = formatJudg({
-      day,
-      offset,
-      j,
-      i,
-      cell,
-      count,
-      dateCountOfLastMonth
-    });
+    const ret = formatJudg({ day, offset, j, i, cell, count, dateCountOfLastMonth });
     count = ret.count;
   } else {
     if (count <= dateCountOfMonth) {
@@ -101,7 +74,6 @@ const doCount = ({ i, day, offset, j, cell, count, dateCountOfLastMonth, dateCou
   }
   return count;
 };
-const coerceTruthyValueToArray = (val) => Array.isArray(val) ? val : val ? [val] : [];
 const getRows = ({ api, props, state, t, vm }) => () => {
   const date = new Date(state.year, state.month, 1);
   let day = getFirstDayOfMonth(date);
@@ -133,15 +105,7 @@ const getRows = ({ api, props, state, t, vm }) => () => {
       const { cell, cellDate } = api.getCell(row, i, j, DATEPICKER.Normal, props);
       count = doCount({ i, day, offset, j, cell, count, dateCountOfLastMonth, dateCountOfMonth });
       cell.disabled = typeof disabledDate === "function" && disabledDate(cellDate);
-      cell.selected = getSelected({
-        props,
-        cell,
-        api,
-        format: DATEPICKER.DateFormats.date,
-        t,
-        cellDate,
-        selectedDate
-      });
+      cell.selected = getSelected(props, cell, DATEPICKER.DateFormats.date, t, cellDate, selectedDate);
       cell.customClass = typeof cellClassName === "function" && cellClassName(cellDate);
       vm.$set(row, props.showWeekNumber ? j + 1 : j, cell);
       arr[i].push(cellDate);
@@ -165,6 +129,19 @@ const getRows = ({ api, props, state, t, vm }) => () => {
   }
   return rows;
 };
+const arrayFindIndex = (arr, pred) => {
+  for (let i = 0, len = arr.length; i !== len; ++i) {
+    if (pred(arr[i])) {
+      return i;
+    }
+  }
+  return -1;
+};
+const arrayFind = (arr, pred) => {
+  const idx = arrayFindIndex(arr, pred);
+  return ~idx ? arr[idx] : void 0;
+};
+const coerceTruthyValueToArray = (val) => Array.isArray(val) ? val : val ? [val] : [];
 const watchMinDate = ({ api, props }) => (value, oldvalue) => {
   if (getDateTimestamp(value) !== getDateTimestamp(oldvalue)) {
     api.markRange(props.minDate, props.maxDate);
@@ -259,14 +236,14 @@ const markRange = ({ props, state }) => (minDate, maxDate) => {
   for (let i = 0, k = rows.length; i < k; i++) {
     const row = rows[i];
     for (let j = 0, l = row.length; j < l; j++) {
-      if (!props.showWeekNumber || j !== 0) {
-        const cell = row[j];
-        const index = i * 7 + j + (props.showWeekNumber ? -1 : 0);
-        const time = nextDate(startDate, index - state.offsetDay).getTime();
-        cell.inRange = minDate && time >= minDate && time <= maxDate;
-        cell.start = minDate && time === minDate;
-        cell.end = maxDate && time === maxDate;
-      }
+      if (props.showWeekNumber && j === 0)
+        continue;
+      const cell = row[j];
+      const index = i * 7 + j + (props.showWeekNumber ? -1 : 0);
+      const time = nextDate(startDate, index - state.offsetDay).getTime();
+      cell.inRange = minDate && time >= minDate && time <= maxDate;
+      cell.start = minDate && time === minDate;
+      cell.end = maxDate && time === maxDate;
     }
   }
 };
@@ -312,10 +289,6 @@ const getTarget = (event) => {
   }
   return target;
 };
-const removeFromArray = (arr, pred) => {
-  const idx = typeof pred === "function" ? arrayFindIndex(arr, pred) : arr.indexOf(pred);
-  return idx >= 0 ? [...arr.slice(0, idx), ...arr.slice(idx + 1)] : arr;
-};
 const handleClick = ({ api, emit, props, state }) => (event) => {
   let target = getTarget(event);
   if (target.tagName !== "TD") {
@@ -357,6 +330,10 @@ const handleClick = ({ api, emit, props, state }) => (event) => {
     emit("pick", newValue);
   }
 };
+const removeFromArray = (arr, pred) => {
+  const idx = typeof pred === "function" ? arrayFindIndex(arr, pred) : arr.indexOf(pred);
+  return idx >= 0 ? [...arr.slice(0, idx), ...arr.slice(idx + 1)] : arr;
+};
 const getCssToken = ({ api }) => (cell, prexfix = "") => {
   const cssStr = api.getCellClasses(cell) || "";
   return cssStr.split(" ").map((className) => prexfix + className);

package/date-table/vue.js

@@ -29,7 +29,7 @@ const initState = ({ reactive, computed, api: api2, props }) => {
     month: computed(() => !Array.isArray(props.date) && props.date.getMonth()),
     offsetDay: computed(() => api2.getOffsetDay()),
     year: computed(() => !Array.isArray(props.date) && props.date.getFullYear()),
-    startDate: computed(() => getStartDateOfMonth(state.year, state.month)),
+    startDate: computed(() => getStartDateOfMonth(state.year, state.month, state.offsetDay)),
     date: props.value
   });
   return state;

package/dept/index.js

@@ -93,6 +93,7 @@ const getDeptList = ({ api, state, deptState }) => ({ level, value, auto }) => {
 const selectChange = ({ emit, api, state, deptState }) => ({ level, value }) => {
   api.resetDeptState(deptState.slice(level + 1, 9));
   api.setSelectData();
+  state.selectChanged = true;
   const current = formatJudgCofim(deptState);
   const { hrapprover } = state;
   if (hrapprover) {
@@ -145,7 +146,13 @@ const confirm = ({ api, props, state }) => () => {
     }
   }
 };
-const closeDialog = (emit) => () => emit("close");
+const closeDialog = ({ emit, state, deptState }) => (type) => {
+  if (state.selectChanged) {
+    state.labels = state.lastLabels;
+    deptState.forEach((item, i) => Object.assign(item, state.lastDeptState[i]));
+  }
+  emit("close", type);
+};
 const cancel = ({ emit, state, deptState }) => () => {
   state.labels = state.lastLabels;
   deptState.forEach((item, i) => Object.assign(item, state.lastDeptState[i]));

package/dept/vue.js

@@ -38,6 +38,7 @@ const initState = ({ reactive, computed, parent, props, inject, lastDeptState })
     display: "",
     open: false,
     loading: false,
+    selectChanged: false,
     searchValue: "",
     searchOptions: [],
     current: "",
@@ -52,7 +53,7 @@ const initApi = ({ api: api2, state, deptState, emit, $service, props }) => {
   Object.assign(api2, {
     state,
     deptState,
-    closeDialog: closeDialog(emit),
+    closeDialog: closeDialog({ emit, state, deptState }),
     resetDeptState: resetDeptState(deptState),
     fetchDept: $service.fetchDept,
     fetchDeptList: $service.fetchDeptList,
@@ -82,6 +83,14 @@ const renderless = (props, { onBeforeUnmount, reactive, watch, inject, computed
   const state = initState({ reactive, computed, parent, props, inject, lastDeptState });
   initApi({ api: api2, state, deptState, emit, $service, props });
   watch(() => props.modelValue, api2.getDisplay, { immediate: true });
+  watch(
+    () => state.open,
+    (val) => {
+      if (!val) {
+        state.selectChanged = false;
+      }
+    }
+  );
   onBeforeUnmount(() => {
     state.open = false;
   });