@opentiny/vue-renderless 3.20.3 → 3.21.1

package/fluent-editor/index.js

@@ -1,11 +1,24 @@
 import "../chunk-G2ADBYYC.js";
 import { extend } from "../common/object";
 import { isNull } from "../common/type";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 import { set } from "../chart-core/deps/utils";
 import { on, off } from "../common/deps/dom";
 import PopupManager from "../common/deps/popup-manager";
-const init = ({ api, emit, props, service, state, FluentEditor, UploaderDfls, defaultOptions, vm, useBreakpoint, simpleToolbar }) => () => {
+const init = ({
+  api,
+  emit,
+  props,
+  service,
+  state,
+  FluentEditor,
+  UploaderDfls,
+  defaultOptions,
+  vm,
+  useBreakpoint,
+  simpleToolbar
+}) => () => {
+  var _a;
   UploaderDfls.enableMultiUpload = { file: true, image: true };
   UploaderDfls.handler = api.uploaderDflsHandler;
   UploaderDfls.imagePasteFailCallback = props.imagePasteFailCallback;
@@ -30,6 +43,7 @@ const init = ({ api, emit, props, service, state, FluentEditor, UploaderDfls, de
   if (current.value === "default") {
     state.innerOptions.modules.toolbar = simpleToolbar;
   }
+  (_a = props.beforeEditorInit) == null ? void 0 : _a.call(props, FluentEditor);
   const quill = new FluentEditor(vm.$refs.editor, state.innerOptions);
   quill.emitter.on("file-change", api.fileOperationToSev);
   state.quill = Object.freeze(quill);
@@ -128,7 +142,8 @@ const handleCompositionend = ({ state }) => (event) => {
       state.quill.root.classList.add("ql-blank");
     }
   } else {
-    let data = state.quill.container.innerHTML, range = state.quill.getSelection(true);
+    let data = state.quill.container.innerHTML;
+    let range = state.quill.getSelection(true);
     const [mentionItem, offset] = state.quill.getLeaf(range.index);
     if (mentionItem.statics.blotName === "break" || mentionItem.statics.blotName === "text" && offset === 0) {
       state.quill.clipboard.dangerouslyPasteHTML(data);
@@ -136,7 +151,8 @@ const handleCompositionend = ({ state }) => (event) => {
     if (mentionItem.statics.blotName === "break") {
       state.quill.setSelection(range.index + event.data.length);
     } else {
-      let pattern = /[\u4E00-\u9FA5\uf900-\ufa2d]/, flag;
+      let pattern = /[\u4E00-\u9FA5\uF900-\uFA2D]/;
+      let flag;
       if (pattern.test(event.data)) {
         flag = true;
       }
@@ -194,7 +210,7 @@ const inputFileHandler = ({ state, UploaderDfls }) => (type, accept) => {
     fileInput.classList.add(`ql-${type}`);
     fileInput.setAttribute("type", "file");
     fileInput.setAttribute("accept", mimeTypes);
-    if (UploaderDfls.enableMultiUpload["file"] && type === "file" || UploaderDfls.enableMultiUpload["image"] && type === "image") {
+    if (UploaderDfls.enableMultiUpload.file && type === "file" || UploaderDfls.enableMultiUpload.image && type === "image") {
       fileInput.setAttribute("multiple", "");
     }
     fileInput.onchange = () => {
@@ -218,7 +234,7 @@ const uploaderDflsHandler = ({ api, modules }) => (range, files, fileFlags, reje
   }
 };
 const handleUploadFile = ({ api, UploaderDfls }) => (range, files, hasRejectedFile) => {
-  const fileEnableMultiUpload = UploaderDfls.enableMultiUpload === true || UploaderDfls.enableMultiUpload["file"];
+  const fileEnableMultiUpload = UploaderDfls.enableMultiUpload === true || UploaderDfls.enableMultiUpload.file;
   api.fileOperationToSev({
     operation: "upload",
     data: fileEnableMultiUpload ? { files } : { file: files[0] },
@@ -325,7 +341,7 @@ const fileOperationToSev = ({ state }) => (event) => {
 const handleUploadImage = ({ state, api, FluentEditor, Delta, UploaderDfls }) => (range, { file, files }, hasRejectedImage) => {
   if (state.quill.options.uploadOption.imageUploadToServer) {
     const index = state.promisesData.length;
-    const imageEnableMultiUpload = UploaderDfls.enableMultiUpload["image"];
+    const imageEnableMultiUpload = UploaderDfls.enableMultiUpload.image;
     const result = {
       file,
       data: { files: [file] },
@@ -359,7 +375,7 @@ const handleUploadImage = ({ state, api, FluentEditor, Delta, UploaderDfls }) =>
       }
     };
     if (imageEnableMultiUpload) {
-      result["data"] = { files };
+      result.data = { files };
     }
     state.promisesData.push({
       imageEnableMultiUpload
@@ -587,7 +603,7 @@ const doPreview = ({ props, state, nextTick }) => (elem) => {
   }
 };
 const handleDblclick = ({ props, api }) => (e) => {
-  if (props.picPreview && e && e.type === "dblclick" && [...e.target.classList].indexOf("blot-formatter__overlay") > -1 && e.target.dataset.image) {
+  if (props.picPreview && e && e.type === "dblclick" && [...e.target.classList].includes("blot-formatter__overlay") && e.target.dataset.image) {
     api.doPreview(e.target);
   }
 };

package/form/vue.js

@@ -95,7 +95,7 @@ const renderless = (props, { computed, inject, provide, reactive, watch, onBefor
   provide("showAutoWidth", state.showAutoWidth);
   const unbindDialogEvent = bindDialogEvent({ api: api2, dialog, state });
   onBeforeUnmount(unbindDialogEvent);
-  watch(() => props.rules, api2.watchRules);
+  watch(() => props.rules, api2.watchRules, { deep: props.validateOnRuleChange === "deep" });
   return api2;
 };
 export {

package/grid/plugins/export.js

@@ -1,7 +1,7 @@
 import {
   __spreadValues
 } from "../../chunk-G2ADBYYC.js";
-import { xss } from "../../common/xss";
+import { xss } from "@opentiny/utils";
 import browser from "../../common/browser";
 import { toTreeArray } from "../static";
 import { getCellValue, getFuncText } from "../utils";

package/guide/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 const createShepherd = ({ state, props, Shepherd, offset, designConfig }) => () => {
   const tour = newTour(state, Shepherd, offset, designConfig);
   state.tour = tour;

package/image/index.js

@@ -2,7 +2,7 @@ import "../chunk-G2ADBYYC.js";
 import { on, off, getScrollContainer, isInContainer } from "../common/deps/dom";
 import { typeOf } from "../common/type";
 import { rafThrottle } from "../image-viewer";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 const isSupportObjectFit = () => document.documentElement.style.objectFit !== void 0;
 const isHtmlElement = (node) => node && node.nodeType === Node.ELEMENT_NODE;
 const computedGetImageStyle = ({ props, api }) => () => {

package/image-viewer/index.js

@@ -4,8 +4,9 @@ import {
 import { on, off } from "../common/deps/dom";
 import { KEY_CODE } from "../common";
 import PopupManager from "../common/deps/popup-manager";
-import { xss } from "../common/xss";
-const isFirefox = () => !!window.navigator.userAgent.match(/firefox/i);
+import { xss } from "@opentiny/utils";
+import { isBrowser } from "../common/browser";
+const isFirefox = () => isBrowser ? !!window.navigator.userAgent.match(/firefox/i) : false;
 const mousewheelEventName = isFirefox() ? "DOMMouseScroll" : "mousewheel";
 const rafThrottle = (fn) => {
   let locked = false;

package/input/vue.js

@@ -333,6 +333,9 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, onUpdated, re
       api2.setShowMoreBtn(true);
       on(window, "resize", api2.setShowMoreBtn);
     }
+    if (vm.$attrs.autofocus) {
+      api2.focus();
+    }
   });
   onBeforeUnmount(() => {
     if (props.type === "textarea" && props.popupMore && state.isDisplayOnly) {

package/link/vue.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 import { handleClick } from "./index";
 const api = ["state", "handleClick"];
 const renderless = (props, { inject, reactive, computed }, { emit, parent }) => {

package/locales/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 const getLocales = ({ api, service, state }) => () => {
   Promise.all([service.getLocale(), service.getCurrentLocale()]).then(([locales, current]) => {
     state.locales = locales || ["zhCN"];

package/logout/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 const logout = ({ service, state, props }) => () => {
   let { isMock, isLocal, redirectUrl = "", getLogoutUrl, showLogin } = service;
   if (typeof props.beforeLogout === "function" && !state.logout) {

package/menu/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 import { deepClone } from "../picker-column";
 const filterInput = ({ state }) => (val) => {
   state.filterValue = val;

package/milestone/index.js

@@ -1,6 +1,7 @@
 import "../chunk-G2ADBYYC.js";
+import { isBrowser } from "../common/browser";
 const hexToRgb = (hex) => {
-  if (hex.includes("var")) {
+  if (hex.includes("var") && isBrowser) {
     hex = hex.replace(/var\(|\)/g, "");
     hex = getComputedStyle(document.documentElement).getPropertyValue(hex);
   }

package/modal/index.js

@@ -227,7 +227,6 @@ const close = ({ emit, parent, props, state }) => (type) => {
     setTimeout(() => {
       state.visible = false;
       let params = { type, $modal: parent };
-      emit("close", params);
       if (events.hide) {
         events.hide.call(parent, params);
       } else {

package/nav-menu/index.js

@@ -5,7 +5,8 @@ import PopupManager from "../common/deps/popup-manager";
 import { mapTree } from "../grid/static";
 import { transformTreeData } from "../common/array";
 import { on, off } from "../common/deps/dom";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
+import { isBrowser } from "../common/browser";
 const { nextZIndex } = PopupManager;
 const computedIsShowMore = ({ props, state }) => () => !/^(retract|fixed|hidden)$/.test(props.overflow) && state.more && state.more.length;
 const computedPopClass = (state) => () => {
@@ -97,6 +98,9 @@ const initData = ({
   props,
   state
 }) => () => {
+  if (props.defaultActive) {
+    state.defaultActiveId = props.defaultActive;
+  }
   const { textField = "title", urlField = "url", key = "id" } = fields || {};
   const { parentKey, data } = props;
   const isFullUrl = (url) => /^(https?:\/\/|\/\/)[\s\S]+$/.test(url);
@@ -303,12 +307,17 @@ const clickMenu = ({ api, props, state }) => (item, index, parentIndex) => {
   if (index === void 0) {
     return;
   }
+  if (state.defaultActiveId) {
+    state.defaultActiveId = item.id;
+    state.selectedIndex = -1;
+  }
   if (state.enterMenu) {
     state.subIndex = -1;
     state.subItemSelectedIndex = -1;
     api.setActiveMenu(index);
   }
   if (state.enterMoreMenu) {
+    state.selectedIndex = -1;
     state.moreItemSelectedIndex = index;
   } else {
     state.subItemSelectedIndex = index;
@@ -339,18 +348,22 @@ const skip = ({ api, router, fields }) => (item, flag = false) => {
   }
 };
 const getPoint = ({ api, parent }) => () => {
-  const items = parent.$el.querySelectorAll(".menu>li");
-  let index = 0;
-  if (items) {
-    index = items.length;
-    for (let i = 0; i < items.length; i++) {
-      if (api.isHide(items[i])) {
-        index = index - (items.length - i);
-        break;
+  if (!isBrowser)
+    return 0;
+  else {
+    const items = parent.$el.querySelectorAll(".menu>li");
+    let index = 0;
+    if (items) {
+      index = items.length;
+      for (let i = 0; i < items.length; i++) {
+        if (api.isHide(items[i])) {
+          index = index - (items.length - i);
+          break;
+        }
       }
     }
+    return index;
   }
-  return index;
 };
 const classify = ({ api, props, state }) => () => {
   var _a;
@@ -364,7 +377,7 @@ const calcWidth = ({ parent, props, state }) => () => {
   let toolbarWidth = parent.$slots.toolbar ? el.querySelector(".slot-toolbar").offsetWidth : 0;
   let menuWidth = el.offsetWidth;
   let width = props.overflow === "retract" ? 0 : menuWidth - toolbarWidth - logoWidth;
-  width = width - 120 - (toolbarWidth ? 50 : 10) - (logoWidth ? 100 : 0);
+  width = width - 90;
   state.width = width < 200 ? 0 : width;
   state.popMenuTop = el.offsetHeight;
 };
@@ -403,6 +416,58 @@ const handleTitleMouseenter = ({ state, vm }) => ($event) => {
 const handleTitleMouseleave = ({ state }) => () => {
   state.tooltipVisible = false;
 };
+const getMoreSelected = ({ state }) => () => {
+  let isSelected = false;
+  if (state == null ? void 0 : state.more.length) {
+    state.more.forEach((item) => {
+      var _a;
+      if ((item == null ? void 0 : item.id) === state.defaultActiveId) {
+        isSelected = true;
+      } else if ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length) {
+        isSelected = getSelectedState(item.children, state.defaultActiveId);
+      }
+    });
+  }
+  return isSelected;
+};
+const getTabSelected = ({ state }) => (item, index) => {
+  var _a;
+  let isChildSelected = false;
+  if ((item == null ? void 0 : item.id) && ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length)) {
+    isChildSelected = getSelectedState(item.children, state.defaultActiveId);
+  }
+  let isSelected = (item == null ? void 0 : item.id) === state.defaultActiveId || isChildSelected || index === state.selectedIndex;
+  return isSelected;
+};
+const getLeftSelected = ({ state }) => (item, index) => {
+  var _a;
+  let isLeftChildSelected = false;
+  if ((item == null ? void 0 : item.id) && ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length)) {
+    isLeftChildSelected = getSelectedState(item.children, state.defaultActiveId);
+  }
+  let isSelected = (item == null ? void 0 : item.id) === state.defaultActiveId || isLeftChildSelected || index === state.moreItemSelectedIndex;
+  return isSelected;
+};
+const getLastChildSelected = ({ state }) => (item, i, index) => {
+  let isSelected = (item == null ? void 0 : item.id) === state.defaultActiveId || i === state.subItemSelectedIndex && index === state.subIndex;
+  return isSelected;
+};
+const getSelectedState = (itemData, id) => {
+  let isSelected = false;
+  itemData.forEach((data) => {
+    var _a;
+    if ((data == null ? void 0 : data.id) === id) {
+      isSelected = true;
+    } else if ((_a = data == null ? void 0 : data.children) == null ? void 0 : _a.length) {
+      data == null ? void 0 : data.children.forEach((dataChildren) => {
+        if ((dataChildren == null ? void 0 : dataChildren.id) === id) {
+          isSelected = true;
+        }
+      });
+    }
+  });
+  return isSelected;
+};
 export {
   calcWidth,
   classify,
@@ -412,9 +477,13 @@ export {
   computedPopClass,
   computedPopStyle,
   computedSubMenus,
+  getLastChildSelected,
+  getLeftSelected,
+  getMoreSelected,
   getPoint,
   getRoute,
   getSelectedIndex,
+  getTabSelected,
   getTag,
   getUrl,
   handleTitleMouseenter,

package/nav-menu/vue.js

@@ -31,6 +31,10 @@ import {
   setActiveMenu,
   initService,
   handleTitleMouseenter,
+  getMoreSelected,
+  getTabSelected,
+  getLeftSelected,
+  getLastChildSelected,
   handleTitleMouseleave
 } from "./index";
 const api = [
@@ -56,6 +60,10 @@ const api = [
   "getRoute",
   "setActiveMenu",
   "handleTitleMouseenter",
+  "getMoreSelected",
+  "getLeftSelected",
+  "getLastChildSelected",
+  "getTabSelected",
   "handleTitleMouseleave"
 ];
 const initState = ({ reactive, api: api2, computed, vm }) => reactive({
@@ -64,6 +72,7 @@ const initState = ({ reactive, api: api2, computed, vm }) => reactive({
   width: -1,
   enterMenu: false,
   popMenuTop: 0,
+  defaultActiveId: null,
   subMenu: [],
   showMore: false,
   showPopmenu: false,
@@ -78,7 +87,6 @@ const initState = ({ reactive, api: api2, computed, vm }) => reactive({
   isShowSetting: false,
   tooltipVisible: false,
   tooltipContent: "",
-  marginLeft: 0,
   isSaaSTheme: vm.theme === "saas",
   menuClass: "",
   isShowMore: computed(() => api2.computedIsShowMore()),
@@ -120,6 +128,10 @@ const initApi = ({ api: api2, state, props, parent, fetchMenuData, fields, route
     hideSubMenu: hideSubMenu({ api: api2, parent, state }),
     showSubMenu: showSubMenu({ api: api2, nextTick, parent, state, vm }),
     handleTitleMouseenter: handleTitleMouseenter({ state, vm }),
+    getMoreSelected: getMoreSelected({ state }),
+    getLeftSelected: getLeftSelected({ state }),
+    getLastChildSelected: getLastChildSelected({ state }),
+    getTabSelected: getTabSelected({ state }),
     handleTitleMouseleave: handleTitleMouseleave({ state })
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.20.3",
+  "version": "3.21.1",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
   "license": "MIT",
@@ -26,7 +26,7 @@
   "sideEffects": false,
   "dependencies": {
     "color": "4.2.3",
-    "xss": "1.0.11"
+    "@opentiny/utils": "^1.0.0"
   },
   "devDependencies": {
     "esno": "^4.7.0",

package/picker/index.js

@@ -403,6 +403,10 @@ const handleInput = ({ state, props, api }) => (val, event) => {
     const val2 = event.target.value;
     state.userInput = val2;
   }
+  if (state.type === "time-select") {
+    state.picker.state.isFilter = true;
+    state.picker.state.filterVal = state.userInput;
+  }
 };
 const formatInputValue = ({ props, state }) => ({ event, prevValue = "" }) => {
   const val = event.target.value;
@@ -739,6 +743,9 @@ const handleKeydown = ({ api, state }) => (event) => {
   }
   if (keyCode === 13) {
     if (state.userInput === "" || api.isValidValue(api.parseString(state.displayValue))) {
+      if (state.type === "time-select") {
+        state.userInput = state.picker.state.items.length ? state.picker.state.items[0].value : "";
+      }
       api.handleChange();
       state.pickerVisible = state.picker.state.visible = false;
       api.blur();
@@ -756,6 +763,9 @@ const handleKeydown = ({ api, state }) => (event) => {
 };
 const hidePicker = ({ destroyPopper, state }) => () => {
   if (state.picker) {
+    if (state.type === "time-select") {
+      state.picker.state.isFilter = false;
+    }
     state.picker.resetView && state.picker.resetView();
     state.pickerVisible = state.picker.visible = state.picker.state.visible = false;
     destroyPopper();

package/rich-text/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
 import { extend } from "../common/object";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 import { getToolbarTips, defaultOptions } from "./options";
 import registerTableModule from "./table-module";
 import registerCustomClipboard from "./clipboard";

package/rich-text/module/file-upload.js

@@ -1,5 +1,5 @@
 import "../../chunk-G2ADBYYC.js";
-import { xss } from "../../common/xss";
+import { xss } from "@opentiny/utils";
 const Upload = function(quill, options) {
   this.quill = quill;
   this.options = options || {};

package/rich-text/module/image-upload.js

@@ -1,5 +1,5 @@
 import "../../chunk-G2ADBYYC.js";
-import { xss } from "../../common/xss";
+import { xss } from "@opentiny/utils";
 const ImageUpload = function(quill, options) {
   this.quill = quill;
   this.options = options || {};

package/rich-text-editor/vue.js

@@ -3,16 +3,16 @@ import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
 import {
+  Active,
+  closeTablePanel,
+  eventClick,
+  eventImg,
   handleChange,
   setLink,
-  tableMouseMove,
-  tableChoose,
-  toggleTablePanel,
-  closeTablePanel,
   shouldShow,
-  eventImg,
-  eventClick,
-  Active
+  tableChoose,
+  tableMouseMove,
+  toggleTablePanel
 } from "./index";
 const api = [
   "state",
@@ -184,7 +184,7 @@ const renderless = (props, { computed, onBeforeUnmount, reactive, watch }, { vm,
       };
     }
   });
-  const defaultOptions = __spreadValues({
+  const defaultOptions = {
     extensions: [
       StarterKit == null ? void 0 : StarterKit.configure({
         // 开启多人协作功能要关闭默认的history模式
@@ -254,8 +254,9 @@ const renderless = (props, { computed, onBeforeUnmount, reactive, watch }, { vm,
     onDestroy() {
       emit("destroy");
     }
-  }, props.options);
-  let options = Object.assign(defaultOptions, props.options);
+  };
+  let options = __spreadValues(__spreadValues({}, defaultOptions), props.options);
+  options.extensions = [.../* @__PURE__ */ new Set([...defaultOptions.extensions, ...props.options.extensions || []])];
   const state = reactive({
     editor: new Editor(options),
     toolbar: computed(() => props.customToolBar.length ? props.customToolBar : defaultToolBar),

package/roles/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 const showList = (state) => () => state.showPopover = true;
 const show = (state) => () => state.showIcon = false;
 const hide = (state) => () => state.showIcon = true;

package/select/index.js

@@ -20,6 +20,7 @@ import { fastdom } from "../common/deps/fastdom";
 import { deepClone } from "../picker-column";
 import { escapeRegexpString } from "../option";
 import { correctTarget } from "../common/event";
+import { isBrowser } from "../common/browser";
 const handleComposition = ({ api, nextTick, state }) => (event) => {
   const text = event.target.value;
   if (event.type === "compositionend") {
@@ -396,18 +397,28 @@ const toggleCheckAll = ({ api, state, props }) => (filtered) => {
   api.directEmitChange(value);
 };
 const handleFocus = ({ emit, props, state }) => (event) => {
-  if (!state.softFocus) {
-    if (props.automaticDropdown || props.filterable || props.searchable) {
-      state.visible = true;
-      state.softFocus = true;
-    }
-    emit("focus", event);
-  } else {
-    if (state.searchSingleCopy && state.selectedLabel) {
+  state.willFocusRun = true;
+  state.willFocusTimer && clearTimeout(state.willFocusTimer);
+  state.willFocusTimer = setTimeout(() => {
+    state.willFocusTimer = 0;
+    if (!state.willFocusRun)
+      return;
+    if (!state.softFocus) {
+      if (props.shape === "filter") {
+        return;
+      }
+      if (props.automaticDropdown || props.filterable || props.searchable) {
+        state.visible = true;
+        state.softFocus = true;
+      }
       emit("focus", event);
+    } else {
+      if (state.searchSingleCopy && state.selectedLabel) {
+        emit("focus", event);
+      }
+      state.softFocus = false;
     }
-    state.softFocus = false;
-  }
+  }, 10);
 };
 const focus = ({ vm, state }) => () => {
   if (!state.softFocus) {
@@ -420,6 +431,7 @@ const blur = ({ vm, state }) => () => {
 };
 const handleBlur = ({ constants, dispatch, emit, state, designConfig }) => (event) => {
   var _a;
+  state.willFocusRun = false;
   clearTimeout(state.timer);
   const target = event.target;
   state.timer = setTimeout(() => {
@@ -1624,12 +1636,8 @@ const computedShowNewOption = ({ props, state }) => () => {
 };
 const computedShowCopy = ({ props, state }) => () => props.multiple && props.copyable && state.inputHovering && state.selected.length;
 const computedOptionsAllDisabled = (state) => () => state.options.filter((option) => option.visible).every((option) => option.disabled);
-const computedDisabledTooltipContent = ({ props, state }) => () => {
-  if (props.multiple) {
-    return state.selected.map((item) => item.state ? item.state.currentLabel : item.currentLabel).join(";");
-  } else {
-    return state.selected.state ? state.selected.state.currentLabel : state.selected.currentLabel;
-  }
+const computedDisabledTooltipContent = ({ state }) => () => {
+  return state.displayOnlyContent;
 };
 const computedSelectDisabled = ({ state }) => () => state.isDisabled || state.isDisplayOnly;
 const computedIsExpand = ({ props, state }) => () => {
@@ -1675,12 +1683,14 @@ const watchInitValue = ({ props, emit }) => (value) => {
   }
 };
 const watchShowClose = ({ nextTick, state, parent }) => () => {
+  if (!isBrowser)
+    return;
   nextTick(() => {
     const parentEl = parent.$el;
     const inputEl = parentEl.querySelector('input[data-tag="tiny-input-inner"]');
     if (inputEl) {
       const { paddingRight } = getComputedStyle(inputEl);
-      state.inputPaddingRight = parseFloat(paddingRight);
+      state.inputPaddingRight = parseFloat(paddingRight) || 0;
     }
   });
 };