@opentiny/vue-renderless 3.20.3 → 3.21.0

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.0",
   "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;
     }
   });
 };

package/select/vue.js

@@ -118,6 +118,7 @@ import {
 import debounce from "../common/deps/debounce";
 import { isNumber } from "../common/type";
 import { useUserAgent } from "../common/deps/useUserAgent";
+import { isBrowser } from "../common/browser";
 const api = [
   "state",
   "nodeCollapse",
@@ -206,7 +207,7 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
     optionsAllDisabled: computed(() => api2.computedOptionsAllDisabled()),
     collapseTagSize: computed(() => api2.computedCollapseTagSize()),
     showNewOption: computed(() => api2.computedShowNewOption()),
-    selectSize: computed(() => props.size || state.formItemSize),
+    selectSize: computed(() => isBrowser ? props.size || state.formItemSize : 0),
     optimizeOpts: computed(() => api2.computeOptimizeOpts()),
     optimizeStore: { valueIndex: 0, recycleScrollerHeight: computed(() => api2.recycleScrollerHeight()) },
     collapseTags: computed(() => api2.computeCollapseTags()),
@@ -225,9 +226,33 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
     selectedVal: computed(
       () => state.device === "mb" && props.multiple && state.visible ? state.selectedCopy : state.selected
     ),
-    displayOnlyContent: computed(
-      () => props.multiple && Array.isArray(state.selected) ? state.selected.map((item) => item.state ? item.state.currentLabel : item.currentLabel).join("; ") : ""
-    ),
+    displayOnlyContent: computed(() => {
+      if (props.multiple) {
+        if (Array.isArray(state.selected)) {
+          if (state.isDisplayOnly && props.options && props.options.length > 0) {
+            return state.selected.map((item) => {
+              const find = props.options.find((opt) => opt[props.valueField] === item.value);
+              return find ? find[props.textField] : "";
+            }).join("; ");
+          } else {
+            return state.selected.map((item) => item.state ? item.state.currentLabel : item.currentLabel).join("; ");
+          }
+        } else {
+          return "";
+        }
+      } else {
+        if (state.selected) {
+          if (state.isDisplayOnly && props.options && props.options.length > 0) {
+            const find = props.options.find((opt) => opt[props.valueField] === state.selected.value);
+            return find ? find[props.textField] : "";
+          } else {
+            return (state.selected.state ? state.selected.state.currentLabel : state.selected.currentLabel || state.selected.label) || "";
+          }
+        } else {
+          return "";
+        }
+      }
+    }),
     breakpoint: useBreakpoint ? useBreakpoint().current : "",
     isSaaSTheme: vm.theme === "saas",
     disabledOptionHover: false,
@@ -307,8 +332,11 @@ const initStateAdd = ({ computed, props, api: api2, parent }) => {
     showCollapseTag: false,
     exceedMaxVisibleRow: false,
     // 是否超出默认最大显示行数
-    toHideIndex: Infinity
+    toHideIndex: Infinity,
     // 第一个超出被隐藏的索引
+    willFocusRun: false,
+    // 进入focus时，延时等一下看是否触发blur,触发则不进入focus
+    willFocusTimer: 0
   };
 };
 const initApi = ({

package/select-dropdown/vue.js

@@ -13,6 +13,7 @@ import {
 import userPopper from "../common/deps/vue-popper";
 import PopupManager from "../common/deps/popup-manager";
 import debounce from "../common/deps/debounce";
+import { isBrowser } from "../common/browser";
 const api = [
   "state",
   "doDestroy",
@@ -75,7 +76,7 @@ const initApi = ({ api: api2, popper, state, selectEmitter, constants, selectVm,
 };
 const initWatch = ({ watch, selectVm, state, nextTick }) => {
   watch(
-    () => selectVm.state.inputWidth,
+    () => isBrowser ? selectVm.state.inputWidth : void 0,
     (val) => {
       nextTick(() => {
         state.minWidth = (selectVm && selectVm.$el && selectVm.$el.getBoundingClientRect().width || val) + "px";

package/split/index.js

@@ -1,4 +1,5 @@
 import "../chunk-G2ADBYYC.js";
+import { isBrowser } from "../common/browser";
 const px2percent = ({ numerator, denominator }) => parseFloat(numerator) / parseFloat(denominator);
 const getComputedThresholdValue = ({ api, props, vm, state }) => (type) => {
   const size = vm.$refs.outerWrapper[state.offsetSize];
@@ -100,7 +101,7 @@ const buttonRightBottomClick = ({ emit, props, state }) => () => {
 };
 const computeOffset = ({ api, nextTick, props, vm, state }) => () => {
   setTimeout(() => {
-    if (state) {
+    if (state && isBrowser) {
       state.totalPane = vm.$refs.outerWrapper[state.offsetSize];
       state.leftTopPane = state.totalPane * (state.offset / 100);
     }

package/statistic/index.js

@@ -11,9 +11,12 @@ const getIntegerAndDecimal = ({ props }) => () => {
   if (!isNumber(props.value)) {
     return props.value;
   }
-  let displayValue = props.value ? String(props.value).split(".") : "";
+  let displayValue = String(props.value).split(".");
   let integer = (_a = displayValue[0]) == null ? void 0 : _a.replace(/\B(?=(\d{3})+(?!\d))/g, props.groupSeparator);
-  let decimal = (_b = displayValue[1]) == null ? void 0 : _b.padEnd(props.precision, "0").slice(0, props.precision > 0 ? props.precision : 0);
+  let decimal = (_b = displayValue[1]) == null ? void 0 : _b.padEnd(props.precision, "0");
+  if (props.precision >= 0) {
+    decimal = decimal == null ? void 0 : decimal.slice(0, props.precision > 0 ? props.precision : 0);
+  }
   if (!displayValue) {
     integer = "0";
   }

package/tabbar-item/vue.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
 import { getRouteActive, onClick, bindChildren, routeTab, getTabbarItemsWidth } from "./index";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 const api = ["state", "onClick", "getTabbarItemsWidth"];
 const renderless = (props, { computed, onMounted, reactive, inject }, { parent, emit, nextTick, route, router, dispatch, vm }) => {
   const api2 = {};

package/tabs-mf/wheel.js

@@ -1,4 +1,5 @@
 import "../chunk-G2ADBYYC.js";
+import { isBrowser } from "../common/browser";
 const getAddWheelListener = (window, document) => {
   const { addApiName, removeApiName, prefix } = detectEventModel(window);
   const support = detectAvailableWheelEvent(document);
@@ -14,22 +15,26 @@ const getAddWheelListener = (window, document) => {
   };
 };
 const detectEventModel = (window) => {
-  const flag = window.addEventListener;
+  const flag = isBrowser ? window.addEventListener : null;
   const addApiName = flag ? "addEventListener" : "attachEvent";
   const removeApiName = flag ? "removeEventListener" : "detachEvent";
   const prefix = flag ? "" : "on";
   return { addApiName, removeApiName, prefix };
 };
 const detectAvailableWheelEvent = (document) => {
-  let support;
-  if ("onwheel" in document.createElement("div")) {
-    support = "wheel";
-  } else if (document.onmousewheel !== void 0) {
-    support = "mousewheel";
-  } else {
-    support = "DOMMouseScroll";
+  if (!isBrowser)
+    return null;
+  else {
+    let support;
+    if ("onwheel" in document.createElement("div")) {
+      support = "wheel";
+    } else if (document.onmousewheel !== void 0) {
+      support = "mousewheel";
+    } else {
+      support = "DOMMouseScroll";
+    }
+    return support;
   }
-  return support;
 };
 const elemCbMap = /* @__PURE__ */ new WeakMap();
 const getWheelListener = ({ addApiName, removeApiName, prefix, support, window }) => ({

package/time-panel/index.js

@@ -66,7 +66,14 @@ const computItems = ({ api, state }) => () => {
       current = api.nextTime(current, step);
     }
   }
-  return result;
+  if (state.isFilter) {
+    const newItems = result.filter((item) => {
+      return item.value.includes(state.filterVal);
+    });
+    return newItems;
+  } else {
+    return result;
+  }
 };
 const handleClick = (api) => (item) => !item.disabled && api.emitPick({ value: item.value });
 const handleClear = ({ api, state }) => () => {

package/time-panel/vue.js

@@ -33,6 +33,8 @@ const initState = ({ reactive, computed, api: api2 }) => {
     maxTime: "",
     width: 0,
     lastEmitValue: "",
+    isFilter: false,
+    filterVal: "",
     items: computed(() => api2.computItems()),
     default: computed(() => state.defaultValue || state.defaultTime || ""),
     value: computed({

package/time-spinner/index.js

@@ -1,6 +1,7 @@
 import "../chunk-G2ADBYYC.js";
 import { modifyTime } from "../common/deps/date-util";
 import { DATEPICKER } from "../common";
+import { isBrowser } from "../common/browser";
 const getArrowHourList = (state) => () => {
   const hours = state.hours;
   const step = state.step.hours;
@@ -142,7 +143,7 @@ const adjustCurrentSpinner = ({ api, state }) => (type) => {
   api.adjustSpinner(type, state[type]);
 };
 const adjustSpinner = ({ api, props, vm, state }) => (type, value) => {
-  if (props.arrowControl) {
+  if (props.arrowControl || !isBrowser) {
     return;
   }
   const el = vm.$refs[type].$refs.wrap;

package/toggle-menu/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 import { isObject } from "../common/type";
 const filterNode = (props) => (value, data) => {
   const node = data[props.props.label || "label"] || "";

package/transfer/index.js

@@ -105,11 +105,7 @@ const addToRight = ({
     const itemsToBeMoved = [];
     const key = props.props.key;
     if (props.render && props.render.plugin.name === Tree) {
-      if (!props.treeOp.checkStrictly) {
-        currentValue = refs.leftPanel.$refs.plugin.getCheckedKeys();
-      } else {
-        state.leftChecked.forEach((item) => !currentValue.includes(item) && currentValue.push(item));
-      }
+      state.leftChecked.forEach((item) => !currentValue.includes(item) && currentValue.push(item));
     } else {
       if (value === "all") {
         state.leftData.forEach((item) => {