@opentiny/vue-renderless 3.15.0 → 3.16.0

package/calendar-view/vue.js

@@ -152,7 +152,7 @@ const initWatch = ({ watch, props, state, emit, api: api2, nextTick }) => {
     () => state.mode,
     (val) => {
       emit("mode-change", val);
-      if (val === "timeline") {
+      if (val === "schedule") {
         api2.getCurWeekEvent();
       }
     }

package/common/index.js

@@ -237,7 +237,7 @@ const CASCADER = {
   PropsHover: "hoverThreshold",
   MenuConnector: "cascader-menu-"
 };
-const version = "3.15.0";
+const version = "3.16.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.15.0";
+const version = "3.16.0";
 const Renderless = {
   browser,
   array,

package/dialog-box/index.js

@@ -29,15 +29,29 @@ const computedStyle = ({ props, state, designConfig }) => () => {
   }
   if (state.dragStyle) {
     style = __spreadValues(__spreadValues({}, style), state.dragStyle);
+    if (state.isFull) {
+      style = { left: "0px", top: "0px" };
+    }
   }
   return style;
 };
-const computedBodyStyle = ({ props }) => () => {
+const computedBodyStyle = ({ vm, props, state }) => () => {
   const style = {
     maxHeight: ""
   };
+  const headerHeight = vm.$refs.header && vm.$refs.header.offsetHeight || 0;
+  const footerHeight = vm.$refs.footer && vm.$refs.footer.offsetHeight || 0;
   let { maxHeight } = props;
-  if (maxHeight) {
+  if (state.isFull || props.rightSlide) {
+    if (vm.$slots.footer) {
+      style.maxHeight = `calc(100vh - ${headerHeight + footerHeight}px)`;
+    } else {
+      style.maxHeight = `calc(100vh - ${headerHeight}px)`;
+    }
+  } else {
+    style.maxHeight = "65vh";
+  }
+  if (maxHeight && !state.isFull) {
     style.maxHeight = "none";
   }
   return style;
@@ -236,7 +250,9 @@ const handleDrag = ({
       left = event2.clientX < 0 ? -disX : left > maxX ? maxX : left;
       top = event2.clientY < 0 ? -disY : top > maxY ? maxY : top;
     }
-    state.dragStyle = { left: `${left}px`, top: `${top}px` };
+    if (!state.isFull) {
+      state.dragStyle = { left: `${left}px`, top: `${top}px` };
+    }
     state.left = `${left}px`;
     state.top = `${top}px`;
     state.emitter.emit("boxdrag");
@@ -255,6 +271,12 @@ const showScrollbar = (lockScrollClass) => () => {
 const hideScrollbar = (lockScrollClass) => () => {
   removeClass(document.body, lockScrollClass);
 };
+const toggleFullScreen = ({ state, emit, nextTick, vm }) => (isFull) => {
+  state.isFull = isFull;
+  nextTick(() => {
+    emit("resize", { fullscreen: isFull, dialog: vm.$refs.dialog });
+  });
+};
 export {
   afterEnter,
   afterLeave,
@@ -271,6 +293,7 @@ export {
   hideScrollbar,
   mounted,
   showScrollbar,
+  toggleFullScreen,
   unMounted,
   updatePopper,
   useMouseEventDown,

package/dialog-box/vue.js

@@ -20,7 +20,8 @@ import {
   handleDrag,
   showScrollbar,
   hideScrollbar,
-  computedBodyStyle
+  computedBodyStyle,
+  toggleFullScreen
 } from "./index";
 import usePopup from "../common/deps/vue-popup";
 const api = [
@@ -33,6 +34,7 @@ const api = [
   "handleCancel",
   "handleConfirm",
   "handleDrag",
+  "toggleFullScreen",
   "state"
 ];
 const initState = ({
@@ -111,7 +113,7 @@ const initApi = ({
       state
     }),
     computedStyle: computedStyle({ state, props, designConfig }),
-    computedBodyStyle: computedBodyStyle({ props }),
+    computedBodyStyle: computedBodyStyle({ vm, props, state }),
     mounted: mounted({ api: api2, parent, props }),
     unMounted: unMounted({ api: api2, parent, props }),
     computedAnimationName: computedAnimationName({ constants, props }),
@@ -119,7 +121,9 @@ const initApi = ({
     afterLeave: afterLeave(emit),
     hideScrollbar: hideScrollbar(lockScrollClass),
     showScrollbar: showScrollbar(lockScrollClass),
-    handleDrag: handleDrag({ parent, props, state, emit, vm })
+    handleDrag: handleDrag({ parent, props, state, emit, vm }),
+    // tiny 新增
+    toggleFullScreen: toggleFullScreen({ state, emit, nextTick, vm })
   });
 };
 const initWatch = ({ watch, state, api: api2, props }) => {

package/drawer/index.js

@@ -35,8 +35,10 @@ const handleClose = ({ emit, props, state }) => (type, force) => {
   if (isMaskNotClosable || isBlockClose) {
     return;
   }
-  state.toggle = false;
-  emit(["close", "confirm"].includes(type) ? type : "close", state);
+  if (type !== "confirm") {
+    state.toggle = false;
+  }
+  emit(["close", "confirm"].includes(type) ? type : "close");
 };
 const mousedown = ({ state, vm }) => (event2) => {
   event2.preventDefault();
@@ -44,7 +46,9 @@ const mousedown = ({ state, vm }) => (event2) => {
   const drawerBox = vm.$refs.drawerBox;
   state.dragEvent.isDrag = true;
   state.dragEvent.x = touch.clientX;
+  state.dragEvent.y = touch.clientY;
   state.dragEvent.offsetWidth = drawerBox.offsetWidth;
+  state.dragEvent.offsetHeight = drawerBox.offsetHeight;
 };
 const mousemove = ({ state, props }) => debounce(1, (event2) => {
   if (!state.dragEvent.isDrag) {
@@ -53,16 +57,23 @@ const mousemove = ({ state, props }) => debounce(1, (event2) => {
   event2.preventDefault();
   const { placement } = props;
   const {
-    dragEvent: { x, offsetWidth }
+    dragEvent: { x, y, offsetWidth, offsetHeight }
   } = state;
   const { touches, targetTouches, changedTouches } = event2;
   const touch = touches && touches[0] || targetTouches && targetTouches[0] || changedTouches && changedTouches[0];
-  const { clientX } = touch || event2;
+  const { clientX, clientY } = touch || event2;
   const offsetX = clientX - x;
+  const offsetY = clientY - y;
   if (placement === "left") {
     state.width = offsetWidth + offsetX;
   } else if (placement === "right") {
     state.width = offsetWidth - offsetX;
+  } else if (placement === "top") {
+    const height = offsetHeight + offsetY;
+    state.height = height > 10 ? height : 10;
+  } else if (placement === "bottom") {
+    const height = offsetHeight - offsetY;
+    state.height = height > 10 ? height : 10;
   }
 });
 const mouseup = ({ state }) => () => {

package/drawer/vue.js

@@ -23,7 +23,8 @@ const renderless = (props, { reactive, watch, onMounted, onBeforeUnmount, comput
   const state = reactive({
     toggle: false,
     width: 0,
-    dragEvent: { x: 0, isDrag: false, offsetWidth: 0 },
+    height: 0,
+    dragEvent: { x: 0, y: 0, isDrag: false, offsetWidth: 0, offsetHeight: 0 },
     computedWidth: computed(() => api2.computedWidth()),
     btnOrderReversed: vm.theme === "saas" || ((_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.btnOrderReversed)
   });

package/espace/index.js

@@ -24,7 +24,8 @@ const getUserTitle = (item) => {
   const title = `${type}:${value}`;
   return title;
 };
-const doUserAction = ({ api, props, state, eSpaceCtrl }) => (item) => {
+const doUserAction = ({ api, props, state, eSpaceCtrl }) => (item, ev) => {
+  ev == null ? void 0 : ev.preventDefault();
   state.dataItem = item;
   const type = item.type ? String(item.type).toLocaleLowerCase() : "";
   if (props.isNewImMode) {

package/file-upload/index.js

@@ -269,22 +269,20 @@ const properFileSize = ({
     return true;
   let maxSize = 0;
   if (Array.isArray(props.fileSize) && props.fileSize[1]) {
-    maxSize = Math.min(state.singleMaxSize, props.fileSize[1] / 1024).toFixed(2);
+    maxSize = state.isEdm ? Math.min(state.singleMaxSize, props.fileSize[1] / 1024) : Math.max(props.fileSize[0] / 1024, props.fileSize[1] / 1024);
   } else {
-    maxSize = Math.min(state.singleMaxSize);
+    maxSize = state.isEdm ? Math.min(state.singleMaxSize) : props.fileSize / 1024;
   }
-  if (state.isEdm || !state.isEdm && Array.isArray(props.fileSize) && props.fileSize[1]) {
-    if (file.size > maxSize * 1024 * 1024) {
-      Modal.message({
-        message: t(constants.EDM.EXCEED, { maxSize: api.formatFileSize(Number(maxSize), "M") }),
-        status: "warning"
-      });
-      return false;
-    }
+  if (!isNaN(Number(maxSize)) && file.size > maxSize * 1024 * 1024) {
+    Modal.message({
+      message: t(constants.EDM.EXCEED, { maxSize: api.formatFileSize(Number(maxSize * 1024 * 1024)) }),
+      status: "warning"
+    });
+    return false;
   }
   if (file.size <= 0) {
     Modal.message({
-      message: `${file.name} ${t(constants.EDM.FILEEMPTY)}`,
+      message: t(constants.EDM.FILEEMPTY),
       status: "warning"
     });
     return false;
@@ -789,6 +787,10 @@ const updateUrl = ({ api, props, state }) => () => {
     api.getFileUploadUrl().then((url) => state.url = url);
   }
 };
+const handleFileClick = ({ props, emit }) => (file) => {
+  emit("preview", file);
+  props.preview && props.preview(file);
+};
 const getTranslateFile = ({
   api,
   isChunk,
@@ -1019,7 +1021,7 @@ const downloadFileBatch = ({
   state,
   emit
 }) => (args) => {
-  let { downloadOps, file, calcProgress, handleSuccess: handleSuccess2, range = {} } = args;
+  let { downloadOps, file, calcProgress, handleSuccess: handleSuccess2, range = {}, isLessThan17G } = args;
   let tokenParams = { token: downloadOps.packageToken, file, type: "download" };
   const { asyncPackages } = downloadOps || {};
   api.getToken(tokenParams).then((data) => {
@@ -1058,6 +1060,8 @@ const downloadFileBatch = ({
       ).then((data2) => {
         if (api.getKiaScanTip({ data: data2 }))
           return;
+        if (api.validateDownloadStatus({ downloadOps: props.edm.download || {}, file, isLessThan17G, data: data2 }))
+          return;
         const { "content-size": fileSize, checkcode } = data2.headers;
         emit("download", 100, "", { fileSize, checkcode });
         handleSuccess2(data2, "zip");
@@ -1295,7 +1299,7 @@ const downloadFileInner = ({ api, props, state }) => ({ batchIndex, file, range,
     api.downloadFileSingle(args);
     return;
   }
-  const params = { downloadOps, file, calcProgress, handleSuccess: handleSuccess2, range };
+  const params = { downloadOps, file, calcProgress, handleSuccess: handleSuccess2, range, isLessThan17G };
   isBatch && api.downloadFileBatch(params);
 };
 const afterDownload = ({ api, state }) => ({ batchIndex, range, data, file, isBatch, isChunk, isLessThan17G }) => {
@@ -1432,7 +1436,7 @@ const largeDocumentUpload = ({
   file.chunkSize = chunkSize;
   file.cancelToken = [];
   api.segmentUploadInit(file).then((data) => {
-    if (data) {
+    if (data && data.docId) {
       file.records = data.chunks;
       file.docId = data.docId;
       state.largeFileInfo[data.docId] = file;
@@ -1734,7 +1738,11 @@ const getToken = ({
         const result = data || {};
         const whitelist = result.config && result.config.fileWhiteList || "";
         state.isSuccess = true;
-        state.accept = type === "download" || type === "preview" ? props.accept : `${whitelist}${props.accept ? `,${props.accept}` : ""}`;
+        if (["preview", "download"].includes(type) && props.accept) {
+          state.accept = props.accept;
+        } else if (whitelist) {
+          state.accept = `${whitelist}${props.accept ? `,${props.accept}` : ""}`;
+        }
         state.headers[constants.EDM.EDMTOKEN] = result.edmToken || "";
         state.headers[constants.EDM.TRACEID] = result.traceId || "";
         if (result.config) {
@@ -2105,7 +2113,9 @@ const getTipMessage = ({ t, api, constants }) => ({ accept, fileSize, limit }) =
   if (typeof fileSize === "number") {
     fileSizeTip = `${t(constants.FILE_NOT_LESS_THAN)}${api.formatFileSize(fileSize * kibibyte)}`;
   } else if (Array.isArray(fileSize)) {
-    fileSizeTip += !isNaN(fileSize[0]) ? `${t(constants.FILE_NOT_LESS_THAN)}${api.formatFileSize(Number(fileSize[0]) * kibibyte)}${t(constants.COMMA)}` : "";
+    fileSizeTip += !isNaN(fileSize[0]) && fileSize[0] !== 0 ? `${t(constants.FILE_NOT_LESS_THAN)}${api.formatFileSize(Number(fileSize[0]) * kibibyte)}${t(
+      constants.COMMA
+    )}` : "";
     fileSizeTip += !isNaN(fileSize[1]) ? `${t(constants.FILE_NOT_MORE_THAN)}${api.formatFileSize(Number(fileSize[1]) * kibibyte)}` : "";
   }
   let limitTip = limit ? t(constants.NUMBER_LIMIT, { number: limit }) : "";
@@ -2157,6 +2167,7 @@ export {
   handleClick,
   handleClickFileList,
   handleError,
+  handleFileClick,
   handleProgress,
   handleReUpload,
   handleReUploadTotal,

package/file-upload/vue.js

@@ -30,6 +30,7 @@ import {
   watchListType,
   watchFileList,
   handleClick,
+  handleFileClick,
   getFileUploadUrl,
   updateUrl,
   previewImage,
@@ -93,6 +94,7 @@ const api = [
   "handleReUploadTotal",
   "submit",
   "handleClick",
+  "handleFileClick",
   "getFileUploadUrl",
   "updateUrl",
   "previewImage",
@@ -186,13 +188,14 @@ const initState = ({
   });
   return state;
 };
-const initApi = ({ api: api2, state, props, constants, vm, $service, t, Modal }) => {
+const initApi = ({ api: api2, state, props, constants, vm, $service, t, Modal, emit }) => {
   Object.assign(api2, {
     state,
     sliceChunk: sliceChunk({ state }),
     getFormData: getFormData({ constants, props, state }),
     abort: abort({ constants, vm, state }),
     handleClick: handleClick({ constants, vm }),
+    handleFileClick: handleFileClick({ props, emit }),
     getFile: getFile(state),
     clearFiles: clearFiles(state),
     watchFileList: watchFileList({ constants, state, props, api: api2 }),
@@ -270,7 +273,10 @@ const mergeApi = ({ api: api2, props, $service, state, constants, emit, mode, Mo
 };
 const initWatch = ({ watch, state, api: api2, props, $service }) => {
   watch(
-    () => props.edm.upload,
+    () => {
+      var _a;
+      return (_a = props.edm) == null ? void 0 : _a.upload;
+    },
     (value) => value && api2.getToken({ token: value.token, isinit: true }),
     { immediate: true, deep: true }
   );
@@ -313,7 +319,7 @@ const renderless = (props, { computed, inject, onBeforeUnmount, provide, reactiv
     service,
     useBreakpoint
   });
-  initApi({ api: api2, state, props, constants, vm, $service, t, Modal });
+  initApi({ api: api2, state, props, constants, vm, $service, t, Modal, emit });
   mergeApi({ api: api2, props, $service, state, constants, emit, mode, Modal, t, vm, CryptoJS, Streamsaver });
   getApi = () => api2;
   provide("uploader", parent);

package/grid/utils/common.js

@@ -90,9 +90,9 @@ const emitEvent = (vm, type, args) => {
   }
 };
 const assemColumn = ($table, $column, instance) => {
-  const { columnConfig, $el: elm, $scopedSlots, $slots, $parent } = instance;
+  const { columnConfig, $el: elm, slots, $parent } = instance;
   const { collectColumn } = $table;
-  columnConfig.slots = $scopedSlots || $slots;
+  columnConfig.slots = slots;
   const parentNode = elm.parentNode;
   const insertIndex = [].indexOf.call(parentNode.children, elm);
   if (!$column || $column !== $parent) {
@@ -106,7 +106,11 @@ const assemColumn = ($table, $column, instance) => {
   }
   $table.collectColumn = collectColumn.slice(0);
 };
-const getCellValue = (row, column) => get(row, column.property);
+const getCellValue = (row, column) => {
+  const { field, prop } = column.own;
+  const property = field || prop;
+  return get(row, property);
+};
 const getListeners = ($attrs, $listeners) => {
   const regHyphenate = /\B([A-Z])/g;
   const regEventPrefix = /^on[A-Z]/;

package/grid/utils/dom.js

@@ -117,8 +117,9 @@ const colToVisible = ($table, column, move) => {
   });
 };
 const hasDataTag = (el, value) => {
-  if (!el || !value)
+  if (!el || !value || !el.getAttribute) {
     return false;
+  }
   return (" " + el.getAttribute("data-tag") + " ").includes(" " + value + " ");
 };
 const getEventTargetNode = (event, container, queryCls) => {

package/milestone/index.js

@@ -5,7 +5,7 @@ const hexToRgb = (hex) => {
     hex = getComputedStyle(document.documentElement).getPropertyValue(hex);
   }
   hex = hex.replace(/\s*#/g, "");
-  if (hex.length == 3) {
+  if (hex.length === 3) {
     hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
   }
   return {
@@ -37,8 +37,8 @@ const getMileIcon = ({ constants, props }) => (node) => {
   const switchColor = isCompleted && !props.solid;
   const { r, g, b } = hexToRgb(status);
   return {
-    background: switchColor ? constants.DEFAULT_BACK_COLOR : status,
-    color: switchColor ? status : constants.DEFAULT_BACK_COLOR,
+    background: (switchColor ? constants.DEFAULT_BACK_COLOR : status) + "!important",
+    color: (switchColor ? status : constants.DEFAULT_BACK_COLOR) + "!important",
     boxShadow: `rgba(${r},${g},${b},.4) ${constants.BOX_SHADOW_PX}`
   };
 };
@@ -57,6 +57,7 @@ const getLineColor = (props) => (status) => {
     } else if (props.lineStyle === 1) {
       background = status === props.completedField ? props.milestonesStatus[status] : "";
     }
+    background += " !important";
   }
   return { background };
 };

package/modal/index.js

@@ -170,7 +170,12 @@ const open = ({
           const viewportWindow = getViewportWindow();
           let clientVisibleWidth = viewportWindow.document.documentElement.clientWidth || viewportWindow.document.body.clientWidth;
           let clientVisibleHeight = viewportWindow.document.documentElement.clientHeight || viewportWindow.document.body.clientHeight;
-          modalBoxElem.style.left = `${clientVisibleWidth / 2 - modalBoxElem.offsetWidth / 2}px`;
+          let width = isNaN(props.width) ? props.width : `${props.width}px`;
+          if (width) {
+            modalBoxElem.style.left = "calc((100vw - " + width + ") / 2)";
+          } else {
+            modalBoxElem.style.left = `${clientVisibleWidth / 2 - modalBoxElem.offsetWidth / 2}px`;
+          }
           if (modalBoxElem.offsetHeight + modalBoxElem.offsetTop + props.marginSize > clientVisibleHeight) {
             modalBoxElem.style.top = `${props.marginSize}px`;
           }

package/option/index.js

@@ -46,7 +46,7 @@ const selectOptionClick = ({ props, state, select, constants, vm }) => () => {
 };
 const queryChange = ({ select, props, state }) => (query) => {
   const oldVisible = state.visible;
-  const newVisible = new RegExp(escapeRegexpString(query), "i").test(state.currentLabel) || !!props.created;
+  const newVisible = state.currentLabel.toLowerCase().includes(query.toLowerCase()) || !!props.created;
   if (oldVisible !== newVisible) {
     state.visible = newVisible;
     select.state.filteredOptionsCount += newVisible ? 1 : -1;

package/option/vue.js

@@ -16,10 +16,10 @@ const api = ["state", "visible", "hoverItem", "selectOptionClick"];
 const initState = ({ reactive, computed, props, api: api2, markRaw, select, parent }) => {
   const state = reactive({
     parent: markRaw(parent),
+    selectMultiple: computed(() => select.multiple),
     created: computed(() => props.created),
     index: -1,
-    select: markRaw(select),
-    hover: computed(() => !state.select.optimization && state.select.state.hoverValue === state.index),
+    hover: computed(() => !select.optimization && select.state.hoverValue === state.index),
     visible: true,
     hitState: false,
     groupDisabled: false,
@@ -82,12 +82,6 @@ const initWatch = ({ watch, props, state, select, constants }) => {
       }
     }
   );
-  watch(
-    () => state.visible,
-    () => {
-      select.state.filteredOptionsCount += state.visible ? 1 : -1;
-    }
-  );
 };
 const initOnMounted = ({ onMounted, props, api: api2, vm, state, constants, select }) => {
   onMounted(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.15.0",
+  "version": "3.16.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": [

package/recycle-scroller/vue.js

@@ -26,7 +26,8 @@ const api = [
   "handleScroll",
   "scrollToItem",
   "computeViewStyle",
-  "computeViewEvent"
+  "computeViewEvent",
+  "updateVisibleItems"
 ];
 const addWatchers = ({ watch, props, api: api2, state }) => {
   watch(

package/rich-text/index.js

@@ -132,8 +132,8 @@ const textChange = ({ emit, vm, state, Modal, t }) => (delta, oldDelta) => {
     Modal.message({ message: `${t("ui.richText.maxLength")}${state.maxLength}`, status: "warning" });
     return;
   }
-  const text = quill.getText();
-  const currentLength = text.length;
+  const text = state.quill.getText();
+  const currentLength = text.length - 1;
   const maxLength2 = state.maxLength;
   if (currentLength > maxLength2) {
     quill.setContents(oldDelta);

package/select/index.js

@@ -607,6 +607,7 @@ const setSoftFocus = ({ vm, state }) => () => {
   if (input) {
     input.focus();
   }
+  state.softFocus = false;
 };
 const getValueIndex = (props) => (arr = [], value = null) => {
   const isObject = Object.prototype.toString.call(value).toLowerCase() === "[object object]";
@@ -1070,6 +1071,7 @@ const watchVisible = ({ api, constants, emit, state, vm, props }) => (value) =>
     if (value && vm.$refs.scrollbar) {
       if (props.optimization) {
         optmzApis.setScrollTop({ refs: vm.$refs, state });
+        vm.$refs.scrollbar.updateVisibleItems(true, true);
       } else {
         vm.$refs.scrollbar.handleScroll();
       }

package/slider/index.js

@@ -82,6 +82,7 @@ const bindMouseDown = ({
     state.activeIndex = -1;
     return;
   }
+  api.bindResize();
   on(window, "mouseup", api.bindMouseUp);
   on(window, "mousemove", api.bindMouseMove);
   on(window, "touchend", api.bindMouseUp);

package/tab-nav/index.js

@@ -300,9 +300,13 @@ const watchCurrentName = ({ nextTick, vm, state }) => () => {
     }
   });
 };
-const handleTitleMouseenter = ({ state, vm }) => (e, title) => {
+const handleTitleMouseenter = ({ state, vm, props }) => (e, title) => {
   const dom = e.target;
-  if (dom && dom.scrollWidth > dom.offsetWidth) {
+  const el = title == null ? void 0 : title.el;
+  if (props.tooltipConfig) {
+    return;
+  }
+  if (dom && el && el.scrollWidth > el.offsetWidth) {
     const tooltip = vm.$refs.tooltip;
     tooltip.state.referenceElm = dom;
     tooltip.state.popperElm && (tooltip.state.popperElm.style.display = "none");
@@ -314,9 +318,6 @@ const handleTitleMouseenter = ({ state, vm }) => (e, title) => {
 };
 const handleTitleMouseleave = ({ state }) => () => {
   state.tooltipVisible = false;
-  setTimeout(() => {
-    state.tooltipContent = "";
-  }, 20);
 };
 export {
   beforeUnmount,

package/tab-nav/vue.js

@@ -90,7 +90,7 @@ const renderless = (props, { computed, inject, onBeforeUnmount, onMounted, onUpd
     handleTabDragStart: handleTabDragStart({ state, vm, emit }),
     handleTabDragEnd: handleTabDragEnd({ state, vm, nextTick }),
     sortableEvent: sortableEvent({ api: api2, props, state, vm, emit, markRaw }),
-    handleTitleMouseenter: handleTitleMouseenter({ state, vm }),
+    handleTitleMouseenter: handleTitleMouseenter({ state, vm, props }),
     handleTitleMouseleave: handleTitleMouseleave({ state })
   });
   Object.assign(api2, { updated: updated({ api: api2, vm, state }), changeTab: changeTab(api2) });

package/tabs/index.js

@@ -13,10 +13,12 @@ const calcPaneInstances = ({
       if (Array.isArray(vnode.children)) {
         vnode.children.forEach((child) => {
           var _a2;
-          orderPanes.push((_a2 = child.props) == null ? void 0 : _a2.name);
+          const name = (_a2 = child.props) == null ? void 0 : _a2.name;
+          name && orderPanes.push(name);
         });
       } else {
-        orderPanes.push((_a = vnode.props) == null ? void 0 : _a.name);
+        const name = (_a = vnode.props) == null ? void 0 : _a.name;
+        name && orderPanes.push(name);
       }
     });
     const currentPanes = [];
@@ -54,6 +56,10 @@ const calcMorePanes = ({ parent, props, state, refs }) => () => {
   const el = parent.$el;
   const tabs = el.querySelectorAll(".tiny-tabs__item");
   const tabNavRefs = refs.nav.$refs;
+  if (props.moreShowAll) {
+    state.showPanesCount = 0;
+    return;
+  }
   if (tabs && tabs.length) {
     let tabsAllWidth = 0;
     for (let i = 0; i < tabs.length; i++) {

package/time-range/index.js

@@ -39,8 +39,8 @@ const watchValue = ({ api, state }) => (value) => {
 };
 const adjustSpinners = ({ vm }) => () => {
   if (vm.$refs.minSpinner) {
-    vm.$refs.minSpinner.adjustSpinners();
-    vm.$refs.maxSpinner.adjustSpinners();
+    vm.$refs.minSpinner.adjustSpinners("min");
+    vm.$refs.maxSpinner.adjustSpinners("max");
   }
 };
 const setMaxMinData = (state) => {

package/time-spinner/index.js

@@ -123,7 +123,17 @@ const selectDateScroll = ({ state, props }) => (type, value) => {
   }
   return value;
 };
-const adjustSpinners = ({ api, state }) => () => {
+const adjustSpinners = ({ api, state, vm }) => (type) => {
+  if (type) {
+    const year = vm.date.getFullYear();
+    const month = vm.date.getUTCMonth() + 1;
+    const day = vm.date.getDate();
+    if (type === "min" && vm.endDate instanceof Date) {
+      state.selectableRange = [[/* @__PURE__ */ new Date(`${year}-${month}-${day} 00:00:00`), vm.endDate]];
+    } else if (type === "max" && vm.startDate instanceof Date) {
+      state.selectableRange = [[vm.startDate, /* @__PURE__ */ new Date(`${year}-${month}-${day} 23:59:59`)]];
+    }
+  }
   api.adjustSpinner("hours", state.hours);
   api.adjustSpinner("minutes", state.minutes);
   api.adjustSpinner("seconds", state.seconds);

package/time-spinner/vue.js

@@ -75,7 +75,7 @@ const renderless = (props, { computed, onMounted, reactive, watch, nextTick }, {
     emitSelectRange: emitSelectRange({ emit, state }),
     modifyDateField: modifyDateField({ emit, props, state }),
     bindScrollEvent: bindScrollEvent({ api: api2, vm }),
-    adjustSpinners: adjustSpinners({ api: api2, state }),
+    adjustSpinners: adjustSpinners({ api: api2, state, vm }),
     adjustSpinner: adjustSpinner({ api: api2, props, vm, state }),
     increase: increase({ api: api2, state }),
     decrease: decrease({ api: api2, state }),

package/tree/index.js

@@ -291,11 +291,14 @@ const updated = ({ vm, state }) => () => {
   state.treeItems = vm.$el.querySelectorAll("[role=treeitem]");
   state.checkboxItems = vm.$el.querySelectorAll("input[type=checkbox]");
 };
-const filter = ({ props, state }) => (value) => {
+const filter = ({ props, state, api }) => (value) => {
   if (!props.filterNodeMethod) {
     throw new Error("[Tree] filterNodeMethod is required when filter");
   }
   state.store.filter(value);
+  if (props.willChangeView) {
+    api.initPlainNodeStore();
+  }
 };
 const getNodeKey = (props) => (node) => innerGetNodekey(props.nodekey, node.data);
 const getNodePath = ({ props, state }) => (data) => {

package/tree/vue.js

@@ -177,7 +177,7 @@ const initApi = ({ state, dispatch, broadcast, props, vm, constants, t, emit, ap
   watchCheckboxItems: watchCheckboxItems(),
   watchCheckStrictly: watchCheckStrictly(state),
   updated: updated({ vm, state }),
-  filter: filter({ props, state }),
+  filter: filter({ props, state, api: api2 }),
   getNodeKey: getNodeKey(props),
   getNodePath: getNodePath({ props, state }),
   getCheckedNodes: getCheckedNodes(state),
@@ -231,9 +231,6 @@ const initWatcher = ({ watch, props, api: api2, state, isVue2 }) => {
     (value) => state.action.addDisabled = value || [],
     { immediate: true }
   );
-  if (props.willChangeView) {
-    watch(() => state.root, api2.initPlainNodeStore, { deep: true });
-  }
 };
 const renderless = (props, { computed, onMounted, onUpdated, reactive, watch, provide, onBeforeUnmount }, { vm, t, emit, constants, broadcast, dispatch, service, emitter, nextTick }, { isVue2 }) => {
   const api2 = {};

package/types/checkbox.type.d.ts

@@ -58,6 +58,10 @@ declare const checkboxProps: {
         type: StringConstructor;
         default: string;
     };
+    tabindex: {
+        type: StringConstructor;
+        default: string;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];

package/types/date-picker.type.d.ts

@@ -106,7 +106,7 @@ declare const datePickerProps: {
         type: ObjectConstructor;
         default(): vue.Raw<_opentiny_vue_common.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
-        }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<_opentiny_vue_common.ExtractPropTypes<{}>>, {}, {}>>;
+        }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<_opentiny_vue_common.ExtractPropTypes<{}>>, {}, {}>>;
     };
     name: {
         default: string;

package/types/dialog-box.type.d.ts

@@ -124,6 +124,10 @@ declare const dialogBoxProps: {
         type: StringConstructor;
         default: () => string;
     };
+    dialogTransition: {
+        type: StringConstructor;
+        default: string;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];
@@ -146,7 +150,7 @@ declare const dialogBoxProps: {
 
 declare const computedAnimationName: ({ constants, props }: Pick<IDialogBoxRenderlessParams, 'constants' | 'props'>) => () => string;
 declare const computedStyle: ({ props, state, designConfig }: Pick<IDialogBoxRenderlessParams, 'props' | 'state' | 'designConfig'>) => () => IDialogBoxStyle;
-declare const computedBodyStyle: ({ props }: Pick<IDialogBoxRenderlessParams, 'props'>) => () => {
+declare const computedBodyStyle: ({ vm, props, state }: Pick<IDialogBoxRenderlessParams, 'vm' | 'props' | 'state'>) => () => {
     maxHeight?: string | undefined;
 };
 declare const watchVisible: ({ api, constants, emit, nextTick, parent, props, vm, state }: Pick<IDialogBoxRenderlessParams, 'api' | 'constants' | 'emit' | 'nextTick' | 'parent' | 'props' | 'vm' | 'state'>) => (val: boolean) => void;

package/types/drawer.type.d.ts

@@ -65,6 +65,14 @@ declare const drawerProps: {
     tiny_chart_theme: ObjectConstructor;
 };
 
+declare const computedWidth: ({ state, designConfig, props, constants }: Pick<ISharedRenderlessParamUtils<{
+    SCROLL_LOCK_CLASS(mode: string): string;
+    DEFAULT_WIDTH: string;
+}>, "designConfig" | "constants"> & {
+    state: IDrawerState;
+} & {
+    props: IDrawerProps;
+}) => () => string;
 declare const close: ({ api }: {
     api: any;
 }) => (force?: boolean) => void;
@@ -106,12 +114,16 @@ declare const watchVisibleNotImmediate: ({ api, props }: {
 interface IDrawerState {
     toggle: boolean;
     width: number;
+    height: number;
     dragEvent: {
         x: number;
+        y: number;
         isDrag: boolean;
         offsetWidth: number;
+        offsetHeight: number;
     };
     computedWidth: ComputedRef<string>;
+    btnOrderReversed: boolean;
 }
 type IDrawerProps = ExtractPropTypes<typeof drawerProps>;
 interface IDrawerApi {
@@ -128,6 +140,7 @@ interface IDrawerApi {
     showScrollbar: ReturnType<typeof showScrollbar>;
     hideScrollbar: ReturnType<typeof hideScrollbar>;
     watchVisibleNotImmediate: ReturnType<typeof watchVisibleNotImmediate>;
+    computedWidth: ReturnType<typeof computedWidth>;
 }
 type IDrawerCT = ReturnType<typeof drawerProps._constants.default>;
 

package/types/file-upload.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { C as IFileUploadAfterDownload, m as IFileUploadApi, D as IFileUploadBatchSegmentDownload, y as IFileUploadBatchSegmentUpload, a as IFileUploadConstants, w as IFileUploadDownloadFileInner, x as IFileUploadDownloadFileSingle, u as IFileUploadDownloadFileSingleInner, t as IFileUploadEdmDownload, s as IFileUploadFile, A as IFileUploadGetFormData, v as IFileUploadLargeDocumentDownload, r as IFileUploadModalVm, o as IFileUploadProps, p as IFileUploadRenderlessParamUtils, q as IFileUploadRenderlessParams, z as IFileUploadSegmentUploadInner, n as IFileUploadService, B as IFileUploadSetWriterFile, E as IFileUploadSliceDownloadChunk, l as IFileUploadState, F as IFileUploadStreamsaver, I as IFileUploadVm } from './upload-list.type-f34997c8.js';
+export { C as IFileUploadAfterDownload, m as IFileUploadApi, D as IFileUploadBatchSegmentDownload, y as IFileUploadBatchSegmentUpload, a as IFileUploadConstants, w as IFileUploadDownloadFileInner, x as IFileUploadDownloadFileSingle, u as IFileUploadDownloadFileSingleInner, t as IFileUploadEdmDownload, s as IFileUploadFile, A as IFileUploadGetFormData, v as IFileUploadLargeDocumentDownload, r as IFileUploadModalVm, o as IFileUploadProps, p as IFileUploadRenderlessParamUtils, q as IFileUploadRenderlessParams, z as IFileUploadSegmentUploadInner, n as IFileUploadService, B as IFileUploadSetWriterFile, E as IFileUploadSliceDownloadChunk, l as IFileUploadState, F as IFileUploadStreamsaver, I as IFileUploadVm } from './upload-list.type-02a1effb.js';
 import './shared.type.js';

package/types/{index-b012f687.d.ts → index-a975a7a2.d.ts}

@@ -32,6 +32,8 @@ declare const tabNavPcProps: {
         default: string;
     };
     tooltipConfig: (StringConstructor | ObjectConstructor)[];
+    panelMaxHeight: StringConstructor;
+    panelWidth: StringConstructor;
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];

package/types/picker.type.d.ts

@@ -33,7 +33,7 @@ declare const pickerProps: {
         type: ObjectConstructor;
         default(): vue.Raw<vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
-        }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>>;
+        }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>>;
     };
     name: {
         default: string;

package/types/popeditor.type.d.ts

@@ -80,13 +80,13 @@ declare const popeditorProps: {
         type: ObjectConstructor;
         default(): vue.Raw<_opentiny_vue_common.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
-        }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<_opentiny_vue_common.ExtractPropTypes<{}>>, {}, {}>>;
+        }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<_opentiny_vue_common.ExtractPropTypes<{}>>, {}, {}>>;
     };
     iconSearch: {
         type: ObjectConstructor;
         default(): vue.Raw<_opentiny_vue_common.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
-        }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<_opentiny_vue_common.ExtractPropTypes<{}>>, {}, {}>>;
+        }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<_opentiny_vue_common.ExtractPropTypes<{}>>, {}, {}>>;
     };
     title: {
         type: StringConstructor;

package/types/statistic.type.d.ts

@@ -1,5 +1,4 @@
 import { ExtractPropTypes } from 'vue';
-import { PropType } from '@opentiny/vue-common';
 import { ISharedRenderlessFunctionParams } from './shared.type.js';
 
 declare const $constants: {
@@ -18,14 +17,14 @@ declare const statisticProps: {
     };
     formatter: FunctionConstructor;
     value: {
-        type: PropType<number | object>;
+        type: NumberConstructor;
         default: number;
     };
     prefix: StringConstructor;
     suffix: StringConstructor;
     title: (StringConstructor | ObjectConstructor)[];
     valueStyle: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor)[];
     };
     groupSeparator: {
         type: StringConstructor;

package/types/tab-bar.type.d.ts

@@ -1,7 +1,7 @@
 import { ExtractPropTypes } from 'vue';
 import { ITabsVm } from './tabs.type.js';
 import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.js';
-import { t as tabBarProps } from './index-b012f687.js';
+import { t as tabBarProps } from './index-a975a7a2.js';
 
 /**
  * Copyright (c) 2022 - present TinyVue Authors.

package/types/tab-nav.type.d.ts

@@ -1,7 +1,7 @@
 import { ExtractPropTypes } from 'vue';
 import { ITabsProps, ITabsVm } from './tabs.type.js';
 import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.js';
-import { a as tabNavPcProps } from './index-b012f687.js';
+import { a as tabNavPcProps } from './index-a975a7a2.js';
 
 /**
  * Copyright (c) 2022 - present TinyVue Authors.

package/types/tabs.type.d.ts

@@ -54,6 +54,9 @@ declare const tabsProps: {
     beforeClose: FunctionConstructor;
     overflowTitle: BooleanConstructor;
     titleWidth: StringConstructor;
+    moreShowAll: BooleanConstructor;
+    panelMaxHeight: StringConstructor;
+    panelWidth: StringConstructor;
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];

package/types/tree-menu.type.d.ts

@@ -17,7 +17,7 @@ declare const treeMenuProps: {
         type: ObjectConstructor;
         default: () => vue.Raw<_opentiny_vue_common.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
-        }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<_opentiny_vue_common.ExtractPropTypes<{}>>, {}, {}>>;
+        }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<_opentiny_vue_common.ExtractPropTypes<{}>>, {}, {}>>;
     };
     props: ObjectConstructor;
     draggable: {

package/types/upload-dragger.type.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.js';
-import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-f34997c8.js';
+import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-02a1effb.js';
 
 declare const UploadDraggerProps: {
     disabled: BooleanConstructor;

package/types/{upload-list.type-f34997c8.d.ts → upload-list.type-02a1effb.d.ts}

@@ -374,6 +374,7 @@ declare const fileUploadProps: {
     };
     reUploadable: BooleanConstructor;
     reUploadTip: FunctionConstructor;
+    imageBgColor: StringConstructor;
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];
@@ -431,6 +432,7 @@ declare const submit: ({ api, constants, vm, state, props }: Pick<IFileUploadRen
 declare const handleClick$2: ({ constants, vm }: Pick<IFileUploadRenderlessParams, 'constants' | 'vm'>) => () => any;
 declare const getFileUploadUrl: (service: IFileUploadRenderlessParams['service']) => () => Promise<string>;
 declare const updateUrl: ({ api, props, state }: Pick<IFileUploadRenderlessParams, 'api' | 'props' | 'state'>) => () => void;
+declare const handleFileClick: ({ props, emit }: Pick<IFileUploadRenderlessParams, 'props' | 'emit'>) => (file: IFileUploadFile) => void;
 declare const getTranslateFile: ({ api, isChunk, isLessThan17G, file, state }: Pick<IFileUploadRenderlessParams, "state" | "api"> & {
     isChunk: boolean;
     isLessThan17G: boolean;
@@ -848,6 +850,7 @@ interface IFileUploadApi {
     getFormData: ReturnType<typeof getFormData$1>;
     abort: ReturnType<typeof abort$1>;
     handleClick: ReturnType<typeof handleClick$2>;
+    handleFileClick: ReturnType<typeof handleFileClick>;
     getFile: ReturnType<typeof getFile>;
     clearFiles: ReturnType<typeof clearFiles>;
     watchFileList: ReturnType<typeof watchFileList>;
@@ -1108,6 +1111,7 @@ declare const uploadListProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    imageBgColor: StringConstructor;
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];

package/types/upload-list.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-f34997c8.js';
+export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-02a1effb.js';
 import './shared.type.js';

package/types/upload.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-f34997c8.js';
+export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-02a1effb.js';
 import './shared.type.js';

package/user/index.js

@@ -4,6 +4,19 @@ import { toDateStr } from "../common/date";
 import { toJsonStr } from "../common/object";
 import { toJson } from "../common/string";
 import { log } from "../common/xss";
+const toLowerCase = (val) => {
+  return typeof val === "string" ? val.toLowerCase() : val;
+};
+const getUserById = (obj, id) => {
+  return obj && obj[toLowerCase(id)];
+};
+const getLowerCaseObj = (obj) => {
+  const newObj = {};
+  Object.keys(obj).forEach((key) => {
+    newObj[toLowerCase(key)] = obj[key];
+  });
+  return newObj;
+};
 const request = {
   timmer: null,
   group: {},
@@ -61,7 +74,7 @@ const request = {
       for (let key in this.group) {
         if (!me.cache[key])
           me.cache[key] = {};
-        me.cache[key][item[key]] = item;
+        me.cache[key][toLowerCase(item[key])] = item;
       }
     });
   },
@@ -90,7 +103,7 @@ const request = {
             const { queryIds, valueField } = param;
             cb(result);
             queryIds.forEach((id) => {
-              if (!this.cache[valueField] || !this.cache[valueField][id]) {
+              if (!getUserById(this.cache[valueField], id)) {
                 errors.push(id);
               }
             });
@@ -107,7 +120,7 @@ const request = {
           const { param, cb } = reqItem;
           const { queryIds, valueField } = param;
           queryIds.forEach((id) => {
-            const user = me.cache[valueField] && me.cache[valueField][id];
+            const user = getUserById(me.cache[valueField], id);
             user && !reqItem.result.includes(user) && reqItem.result.push(user);
           });
           if (reqItem.result.length === queryIds.length) {
@@ -270,9 +283,11 @@ const syncCacheIds = ({ props, state }) => (ids, queryIds, cacheData) => {
   const { cacheFields, cacheKey } = props;
   const { valueField } = state;
   const cacheUsers = toJson(window.localStorage.getItem(cacheKey)) || {};
+  const caseCacheUsers = getLowerCaseObj(cacheUsers);
   ids.forEach((id) => {
-    if (cacheUsers[id]) {
-      const cacheUser2 = cacheUsers[id];
+    const caseId = toLowerCase(id);
+    const cacheUser2 = caseCacheUsers[caseId];
+    if (cacheUser2) {
       const textField = state.textField === "userCN" || state.textField === "userId" || state.textField === "dept" ? "" : state.textField;
       if (textField !== "" && !cacheUser2.a) {
         window.localStorage.removeItem(cacheKey);
@@ -290,7 +305,7 @@ const syncCacheIds = ({ props, state }) => (ids, queryIds, cacheData) => {
       });
       cacheData.push(
         Object.assign(user, {
-          [valueField]: cacheUsers[id].p || cacheUsers[id].i
+          [valueField]: cacheUser2.p || cacheUser2.i
         })
       );
     } else {