@opentiny/vue-renderless 3.17.6 → 3.18.0-beta.1

package/modal/vue.js

@@ -68,7 +68,8 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, wat
     prevEvent: null,
     options: [],
     theme: props.tiny_theme,
-    boxStyle: computed(() => api2.computedBoxStyle())
+    boxStyle: computed(() => api2.computedBoxStyle()),
+    timer: 0
   });
   Object.assign(api2, {
     state,
@@ -81,8 +82,8 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, wat
     mounted: mounted({ api: api2, parent, props, isMobileFirstMode, state }),
     beforeUnmouted: beforeUnmouted({ api: api2, parent, isMobileFirstMode }),
     selfClickEvent: selfClickEvent({ api: api2, parent, props }),
-    mouseEnterEvent: mouseEnterEvent(),
-    mouseLeaveEvent: mouseLeaveEvent({ api: api2, props }),
+    mouseEnterEvent: mouseEnterEvent(state),
+    mouseLeaveEvent: mouseLeaveEvent({ api: api2, props, state }),
     updateZindex: updateZindex({ state, props }),
     handleEvent: handleEvent({ api: api2, emit, parent, props, isMobileFirstMode }),
     closeEvent: closeEvent(api2),

package/nav-menu/index.js

@@ -144,8 +144,8 @@ const mounted = ({
   api.calcWidth();
   on(window, "resize", api.calcWidth);
   if (router) {
-    state.afterEach = () => {
-      api.setActiveMenu(api.getSelectedIndex(router.currentRoute.path));
+    state.afterEach = (to) => {
+      api.setActiveMenu(api.getSelectedIndex(to.path));
     };
     router.afterEach(state.afterEach);
   }
@@ -160,6 +160,8 @@ const unMounted = ({ api, state, router }) => () => {
   off(window, "resize", api.calcWidth);
 };
 const getSelectedIndex = (state) => (path) => {
+  if (!path)
+    return;
   let length = state.data.length;
   let index = -1;
   if (path !== "/") {
@@ -322,6 +324,8 @@ const clickMenu = ({ api, props, state }) => (item, index, parentIndex) => {
   }
 };
 const skip = ({ api, router, fields }) => (item, flag = false) => {
+  if (!router)
+    return;
   if (item.isFullUrl) {
     const { urlField = "url" } = fields || {};
     const router2 = item[urlField] || item.route;
@@ -329,7 +333,7 @@ const skip = ({ api, router, fields }) => (item, flag = false) => {
   }
   const address = !item.route || !flag ? api.getUrl(item).replace(/^#/, "") : `/${item.route || ""}`.replace(/^\/+/, "/").replace("#/", "");
   if (address) {
-    return router.push(address);
+    return router == null ? void 0 : router.push(address);
   } else {
     return "";
   }

package/option/index.js

@@ -1,6 +1,5 @@
 import "../chunk-G2ADBYYC.js";
 import { getObj } from "../common/object";
-import { omitText } from "../common/string";
 const escapeRegexpString = (value = "") => String(value).replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
 const isEqual = ({ select, state }) => (a, b) => {
   if (!state.isObject) {
@@ -24,19 +23,6 @@ const handleGroupDisabled = ({ state, vm }) => (val) => {
   state.groupDisabled = val;
   vm.groupDisabled = val;
 };
-const hoverItem = ({ select, props, state }) => (e) => {
-  const dom = e.target;
-  const text = dom.textContent;
-  const style = window.getComputedStyle(dom);
-  const font = style.font;
-  const rect = dom.getBoundingClientRect();
-  const textWidth = rect.width - parseInt(style.paddingLeft || 0) - parseInt(style.paddingRight || 0);
-  const res = omitText(text, font, textWidth);
-  state.showTitle = res.o;
-  if (!props.disabled && !state.groupDisabled && !select.state.disabledOptionHover) {
-    select.state.hoverIndex = select.state.optionIndexArr.indexOf(state.index);
-  }
-};
 const selectOptionClick = ({ props, state, select, constants, vm }) => () => {
   if (props.disabled !== true && state.groupDisabled !== true) {
     if (select.multiple && props.required === true)
@@ -67,7 +53,6 @@ export {
   contains,
   escapeRegexpString,
   handleGroupDisabled,
-  hoverItem,
   initValue,
   isEqual,
   queryChange,

package/option/vue.js

@@ -2,17 +2,8 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import {
-  isEqual,
-  contains,
-  handleGroupDisabled,
-  hoverItem,
-  selectOptionClick,
-  queryChange,
-  toggleEvent,
-  initValue
-} from "./index";
-const api = ["state", "visible", "hoverItem", "selectOptionClick"];
+import { isEqual, contains, handleGroupDisabled, selectOptionClick, queryChange, toggleEvent, initValue } from "./index";
+const api = ["state", "visible", "selectOptionClick"];
 const initState = ({ reactive, computed, props, api: api2, markRaw, select, parent }) => {
   const state = reactive({
     parent: markRaw(parent),
@@ -26,7 +17,6 @@ const initState = ({ reactive, computed, props, api: api2, markRaw, select, pare
     disabled: computed(() => props.disabled || state.groupDisabled),
     isObject: computed(() => Object.prototype.toString.call(props.value).toLowerCase() === "[object object]"),
     currentLabel: computed(() => props.label || (state.isObject ? "" : props.value)),
-    showTitle: false,
     currentValue: computed(() => props.value || props.label || ""),
     itemSelected: computed(() => {
       if (!select.multiple) {
@@ -54,7 +44,6 @@ const initApi = ({ api: api2, props, state, select, constants, vm }) => {
     state,
     isEqual: isEqual({ select, state }),
     contains: contains({ select, state }),
-    hoverItem: hoverItem({ select, props, state }),
     queryChange: queryChange({ select, props, state }),
     selectOptionClick: selectOptionClick({ constants, vm, props, state, select }),
     handleGroupDisabled: handleGroupDisabled({ state, vm }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.17.6",
+  "version": "3.18.0-beta.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",
@@ -24,6 +24,12 @@
     "headless-components"
   ],
   "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "build:fast": "npm run build && npm run release",
+    "postversion": "pnpm build",
+    "release": "esno ./scripts/postbuild.ts && shx cp README.md dist"
+  },
   "dependencies": {
     "color": "4.2.3",
     "xss": "1.0.11"
@@ -31,11 +37,5 @@
   "devDependencies": {
     "esno": "^4.7.0",
     "tsup": "7.2.0"
-  },
-  "scripts": {
-    "build": "tsup",
-    "build:fast": "npm run build && npm run release",
-    "postversion": "pnpm build",
-    "release": "esno ./scripts/postbuild.ts && shx cp README.md dist"
   }
 }

package/pager/index.js

@@ -13,6 +13,7 @@ const computedInternalLayout = ({ props }) => () => {
     props.mode === "simple" && (layout = "sizes, total, prev, current, next");
     props.mode === "complete" && (layout = "sizes, total, prev, pager, next, jumper");
     props.mode === "fixed" && (layout = "prev,pager,next");
+    props.mode === "simplest" && (layout = "total, prev, simplest-pager, next");
   } else if (!props.mode && props.layout || props.mode && props.layout) {
     layout = props.layout;
   } else {
@@ -52,6 +53,27 @@ const computedInternalPageCount = ({ props, state }) => () => {
   }
   return null;
 };
+const computedSimplestPagerOption = ({ props, state }) => () => {
+  const itemSizes = Math.max(1, Math.ceil(props.total / state.internalPageSize));
+  return Array.from({ length: itemSizes }).map((item, index) => ({
+    value: index + 1,
+    label: `${index + 1}/${itemSizes}`
+  }));
+};
+const computedSimplestPagerWidth = ({ state }) => () => {
+  const baseWidth = 60;
+  const num = String(state.internalCurrentPage).length + String(state.simplestPagerOption.length).length;
+  return baseWidth + num * 8;
+};
+const computedPageSizeText = ({ props, designConfig }) => () => {
+  if (props.pageSizeText) {
+    return props.pageSizeText;
+  }
+  if ((designConfig == null ? void 0 : designConfig.state) && Object.hasOwnProperty.call(designConfig.state, "pageSizeText")) {
+    return designConfig.state.pageSizeText;
+  }
+  return "";
+};
 const handleJumperFocus = ({ state }) => (e) => {
   var _a;
   state.jumperBackup = (_a = e.target) == null ? void 0 : _a.value;
@@ -344,7 +366,10 @@ export {
   clickSizes,
   computedInternalLayout,
   computedInternalPageCount,
+  computedPageSizeText,
   computedShowPager,
+  computedSimplestPagerOption,
+  computedSimplestPagerWidth,
   computedTotalText,
   copyEmit,
   emitChange,

package/pager/vue.js

@@ -4,6 +4,9 @@ import {
   computedInternalLayout,
   computedTotalText,
   computedInternalPageCount,
+  computedSimplestPagerOption,
+  computedSimplestPagerWidth,
+  computedPageSizeText,
   handleJumperFocus,
   handleSizeChange,
   handleJumperInput,
@@ -60,7 +63,7 @@ const api = [
   "clickSizes"
 ];
 const renderless = (props, { reactive, computed, watch }, { emit, vm, nextTick, t, designConfig }) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d;
   const api2 = {};
   const state = reactive({
     showSizes: false,
@@ -71,14 +74,22 @@ const renderless = (props, { reactive, computed, watch }, { emit, vm, nextTick,
     internalTotal: props.total,
     jumperValue: "1",
     jumperBackup: "1",
+    simplestPagerOption: computed(() => api2.computedSimplestPagerOption()),
+    simplestPagerWidth: computed(() => api2.computedSimplestPagerWidth()),
     showPager: computed(() => api2.computedShowPager()),
     internalLayout: computed(() => api2.computedInternalLayout()),
     totalText: computed(() => api2.computedTotalText()),
     internalPageCount: computed(() => api2.computedInternalPageCount()),
-    showJumperSufix: (_b = (_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.showJumperSufix) != null ? _b : true,
-    align: props.align || ((_c = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _c.align) || "left",
+    showJumperSuffix: (_b = (_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.showJumperSuffix) != null ? _b : true,
+    align: props.align || ((_c = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _c.align) || "right",
     totalI18n: ((_d = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _d.totalI18n) || "totals",
-    totalFixedLeft: (_g = (_f = props.totalFixedLeft) != null ? _f : (_e = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _e.totalFixedLeft) != null ? _g : false
+    totalFixedLeft: computed(
+      () => {
+        var _a2, _b2, _c2, _d2;
+        return (_d2 = (_c2 = (_b2 = props.totalFixedLeft) != null ? _b2 : (_a2 = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a2.totalFixedLeft) != null ? _c2 : props.mode !== "simplest") != null ? _d2 : true;
+      }
+    ),
+    pageSizeText: computed(() => api2.computedPageSizeText())
   });
   Object.assign(api2, {
     state,
@@ -86,6 +97,9 @@ const renderless = (props, { reactive, computed, watch }, { emit, vm, nextTick,
     computedInternalLayout: computedInternalLayout({ props }),
     computedTotalText: computedTotalText({ props, t }),
     computedInternalPageCount: computedInternalPageCount({ props, state }),
+    computedSimplestPagerOption: computedSimplestPagerOption({ props, state }),
+    computedSimplestPagerWidth: computedSimplestPagerWidth({ state }),
+    computedPageSizeText: computedPageSizeText({ props, designConfig }),
     getValidCurrentPage: getValidCurrentPage({ state }),
     handleJumperFocus: handleJumperFocus({ state }),
     handleSizeChange: handleSizeChange({ props, state, api: api2, emit, vm }),

package/pager-item/index.js

@@ -65,13 +65,10 @@ const onPagerClick = ({ emit, props, vm }) => (event) => {
   const pageCount = props.pageCount;
   const currentPage = props.currentPage;
   const pagerCountOffset = props.pagerCount - 2;
-  const classListVal = getClassListVal(parentEl);
-  if (classListVal.includes("dot")) {
-    if (classListVal.includes("quickprev")) {
-      newPage = currentPage - pagerCountOffset;
-    } else if (classListVal.includes("quicknext")) {
-      newPage = currentPage + pagerCountOffset;
-    }
+  if (parentEl === vm.$refs.prev) {
+    newPage = currentPage - pagerCountOffset;
+  } else if (parentEl === vm.$refs.next) {
+    newPage = currentPage + pagerCountOffset;
   }
   if (!isNaN(newPage)) {
     if (newPage < 1) {

package/picker/index.js

@@ -47,7 +47,7 @@ const watchMobileVisible = ({ api, props, state, nextTick }) => ([dateMobileVisi
   }
 };
 const watchPickerVisible = ({ api, vm, dispatch, emit, props, state, nextTick }) => (value) => {
-  if (props.readonly || state.pickerDisabled || state.isMobileScreen)
+  if (props.readonly || state.pickerDisabled || state.isMobileMode)
     return;
   if (value) {
     api.showPicker();
@@ -167,7 +167,7 @@ const getTimezone = ({ props, utils }) => () => {
   const setting = utils.getDateFormat && utils.getDateFormat();
   const { DbTimezone, Timezone, TimezoneOffset } = setting || {};
   const cur = getLocalTimezone();
-  const isTzNumber = (z) => typeof z === "number" && z >= -12 && z <= 12;
+  const isTzNumber = (z) => typeof z === "number" && z >= -12 && z <= 14;
   if (!~type.indexOf("datetime")) {
     return { from: cur, to: cur };
   }
@@ -429,15 +429,35 @@ const getSelectionStart = ({ value, format, regx, event }) => {
   }
   return { selectionStart, I };
 };
+const getEffectiveDateString = (formatStr) => {
+  const serializationList = [{ "MM": "01" }, { "M": "1" }, { "dd": "01" }, { "d": "1" }];
+  let result = formatStr;
+  serializationList.forEach((item) => {
+    const itemKey = Object.keys(item)[0];
+    if (result.includes(itemKey)) {
+      result = result.replace(itemKey, item[itemKey]);
+    }
+  });
+  return result;
+};
 const getNum = (value, format, regx) => {
   let len = value.length;
+  let formatStr = "";
   if (format && regx) {
     const formatMatchArr = format.match(regx);
-    len = Math.max(len, formatMatchArr.join("").length);
+    formatStr = formatMatchArr.join("");
+    len = Math.max(len, formatStr.length);
   }
-  let num = { str: "", arr: [] };
+  const num = { str: "", arr: [] };
   for (let i = 0; i < len; i++) {
-    let char = value.charAt(i) ? value.charAt(i) : "00";
+    let fillStr = "0";
+    if (formatStr && len > value.length) {
+      const validStr = getEffectiveDateString(formatStr);
+      if (/[0-9]/.test(validStr[i])) {
+        fillStr = validStr[i];
+      }
+    }
+    const char = value.charAt(i) ? value.charAt(i) : fillStr;
     if (/[0-9]/.test(char)) {
       num.str += char;
     } else {
@@ -683,9 +703,9 @@ const handleClose = ({ api, props, state }) => () => {
 const handleFocus = ({ emit, vm, state, api }) => () => {
   const type = state.type;
   if (DATEPICKER.TriggerTypes.includes(type)) {
-    if (state.isMobileScreen && state.isDateMobileComponent) {
+    if (state.isMobileMode && state.isDateMobileComponent) {
       api.dateMobileToggle(true);
-    } else if (state.isMobileScreen && state.isTimeMobileComponent) {
+    } else if (state.isMobileMode && state.isTimeMobileComponent) {
       api.timeMobileToggle(true);
     } else {
       state.pickerVisible = true;

package/picker/vue.js

@@ -123,7 +123,7 @@ const initState = ({ api: api2, reactive, vm, computed, props, utils, parent, br
     labelTooltip: "",
     displayOnlyTooltip: "",
     isDisplayOnly: computed(() => props.displayOnly || (parent.tinyForm || {}).displayOnly),
-    isMobileScreen: computed(() => breakpoint.current.value === "default"),
+    isMobileMode: computed(() => vm.$mode.includes("mobile")),
     dateMobileOption: {
       visible: false,
       type: props.type,
@@ -254,6 +254,7 @@ const initWatch = ({ api: api2, state, props, watch, markRaw }) => {
     (value) => state.picker && (state.picker.state.value = value),
     { immediate: true }
   );
+  watch(() => props.type, api2.mountPicker);
   watch(() => props.isRange, api2.watchIsRange);
   watch(() => props.modelValue, api2.watchModelValue);
   watch(() => props.pickerOptions, api2.updateOptions, { deep: true });

package/pop-upload/index.js

@@ -6,6 +6,14 @@ const computedconfirm = ({ constants, props, t }) => () => props.submitButtonTex
 const computedFileName = ({ constants, t }) => () => t(constants.FILE_NAME);
 const computedUploadError = ({ constants, t }) => () => t(constants.UPLOAD_ERROR);
 const computedFileStatus = ({ constants, t }) => () => t(constants.FILE_STATUS);
+const computedFileWords = ({ t }) => () => ({
+  operation: t("ui.popupload.operation"),
+  waitUpload: t("ui.popupload.waitUpload"),
+  success: t("ui.popupload.success"),
+  uploadError: t("ui.popupload.uploadError"),
+  confirmDeleteTips: t("ui.popupload.confirmDeleteTips"),
+  delete: t("ui.popupload.delete")
+});
 const computedFileSize = ({ constants, t }) => () => t(constants.FILE_SIZE);
 const computedErrorSizeTips = ({ constants, t }) => () => t(constants.ERROR_SIZE_TIPS);
 const computedErrorNumTips = ({ constants, t }) => () => t(constants.ERROR_NUM_TIPS);
@@ -45,7 +53,7 @@ const closeErrorTips = (state) => () => state.errorTips = [];
 const closeSuccessTips = (state) => () => state.successTips = [];
 const watchLimit = (state) => (value) => {
   state.limit = value;
-  if (value != void 0 && value > 0) {
+  if (value !== void 0 && value > 0) {
     state.tipsTitle[0] = {
       count: value
     };
@@ -65,7 +73,7 @@ const watchUploaFileType = (state) => (value) => {
 };
 const watchMaxUploadFileSize = ({ constants, state }) => (value) => {
   state.maxUploadFileSize = value;
-  if (value != void 0 && value != 0) {
+  if (value !== void 0 && value !== 0) {
     state.tipsTitle[2] = {
       size: Math.floor(value / 1024) + constants.KB
     };
@@ -106,7 +114,7 @@ const beforeAvatarUpload = ({ props, state }) => (file) => {
   let filepath = file.name;
   let isnext = false;
   let isSize = false;
-  if (state.uploadFileType && state.uploadFileType.length != 0) {
+  if (state.uploadFileType && state.uploadFileType.length !== 0) {
     let arr = filepath.split(".");
     let fileend = "." + arr[arr.length - 1];
     isnext = !~state.uploadFileType.indexOf(fileend);
@@ -114,7 +122,7 @@ const beforeAvatarUpload = ({ props, state }) => (file) => {
       state.errorTips.push({ type: file.name });
     }
   }
-  if (state.maxUploadFileSize && state.maxUploadFileSize != 0) {
+  if (state.maxUploadFileSize && state.maxUploadFileSize !== 0) {
     if (file.size > state.maxUploadFileSize) {
       state.errorTips.push({ size: file.name });
       isSize = true;
@@ -135,6 +143,7 @@ export {
   computedFileName,
   computedFileSize,
   computedFileStatus,
+  computedFileWords,
   computedLimitCountTips,
   computedLimitSizeTips,
   computedLimitTypeTips,

package/pop-upload/vue.js

@@ -16,6 +16,7 @@ import {
   computedErrorTypeTips,
   computedFileName,
   computedFileStatus,
+  computedFileWords,
   computedFileSize,
   computedLimitSizeTips,
   computedLimitTypeTips,
@@ -77,6 +78,8 @@ const initState = ({ reactive, props, computed, api: api2 }) => reactive({
   fileSize: computed(() => api2.computedFileSize()),
   fileName: computed(() => api2.computedFileName()),
   fileStatus: computed(() => api2.computedFileStatus()),
+  // tiny新增
+  fileWords: computed(() => api2.computedFileWords()),
   cancelButtonText: computed(() => api2.computedCancel()),
   submitButtonText: computed(() => api2.computedconfirm()),
   errorNumTips: computed(() => api2.computedErrorNumTips()),
@@ -120,6 +123,7 @@ const initApi = ({ api: api2, state, refs, emit, props, constants, t }) => {
     computedFileSize: computedFileSize({ constants, t }),
     computedCancel: computedCancel({ constants, props, t }),
     computedFileStatus: computedFileStatus({ constants, t }),
+    computedFileWords: computedFileWords({ t }),
     computedconfirm: computedconfirm({ constants, props, t }),
     computedUploadError: computedUploadError({ constants, t }),
     computedErrorNumTips: computedErrorNumTips({ constants, t }),

package/popeditor/index.js

@@ -27,7 +27,8 @@ const createSearchForm = (props) => (isRest) => props.conditions.reduce((acc, it
   return acc;
 }, {});
 const getColumns = ({ constants, props }) => {
-  const { columns } = props.gridOp;
+  const { columns: preColumns } = props.gridOp;
+  const columns = preColumns.slice(0);
   const selectionCol = find(
     columns,
     (col) => col.type === constants.COLUMNS_TYPE.selection || col.type === constants.COLUMNS_TYPE.radio
@@ -253,7 +254,7 @@ const initDisplay = ({ api, constants, props, state, nextTick }) => (value) => {
     });
   }
 };
-const openDialog = ({ api, props, state, emit }) => () => {
+const openDialog = ({ api, props, state, emit, nextTick }) => () => {
   if (state.disabled) {
     return;
   }
@@ -263,6 +264,9 @@ const openDialog = ({ api, props, state, emit }) => () => {
   state.showContent = true;
   emit("popup");
   props.autoLookup && props.alwaysLoad && api.query();
+  nextTick(() => {
+    api.computedTreeMaxHeight();
+  });
 };
 const localFilter = ({ props, state }) => {
   const keys = Object.keys(state.search);
@@ -650,10 +654,18 @@ const selectedBoxDrag = ({ props, state }) => ({ state: { select } }) => {
     state.selectedValues = values;
   }
 };
+const computedTreeMaxHeight = ({ vm, state }) => () => {
+  var _a;
+  const dialogBoxEl = vm.$refs.popeditorDialogBox.$el;
+  const searchInputBottom = 20;
+  const searchInputHeight = ((_a = dialogBoxEl.querySelector(".tiny-popeditor__filter-input")) == null ? void 0 : _a.clientHeight) || 0;
+  state.treeWrapperMaxHeight = `${dialogBoxEl.querySelector(".tiny-dialog-box__body").clientHeight - searchInputHeight - searchInputBottom}px`;
+};
 export {
   closeSuggestPanel,
   computedGetTitle,
   computedModalWidth,
+  computedTreeMaxHeight,
   computedTreeOp,
   createSearchForm,
   doClear,

package/popeditor/vue.js

@@ -46,7 +46,8 @@ import {
   selectedBoxClear,
   selectedBoxDelete,
   selectedBoxDrag,
-  radioChangeFn
+  radioChangeFn,
+  computedTreeMaxHeight
 } from "./index";
 const api = [
   "state",
@@ -76,7 +77,8 @@ const api = [
   "selectedBoxClear",
   "selectedBoxDelete",
   "selectedBoxDrag",
-  "radioChangeFn"
+  "radioChangeFn",
+  "computedTreeMaxHeight"
 ];
 const initState = ({ reactive, computed, props, api: api2, constants, t, parent, vm }) => {
   const state = reactive({
@@ -117,7 +119,8 @@ const initState = ({ reactive, computed, props, api: api2, constants, t, parent,
     showSuggestPanel: false,
     inputHover: false,
     search: null,
-    closeSuggestPanelInvoker: null
+    closeSuggestPanelInvoker: null,
+    treeWrapperMaxHeight: "auto"
   });
   return state;
 };
@@ -140,7 +143,7 @@ const initApi = ({ api: api2, props, state, parent, vm, emit, popper, constants,
     selectedGridSelectAll: selectedGridSelectAll({ constants, props, vm, state }),
     selectedGridSelectChange: selectedGridSelectChange({ constants, props, vm, state }),
     handleReset: handleReset({ api: api2, state, props }),
-    openDialog: openDialog({ api: api2, emit, props, state }),
+    openDialog: openDialog({ api: api2, emit, props, state, nextTick }),
     initDisplay: initDisplay({ api: api2, constants, props, state, nextTick }),
     handleSearch: handleSearch({ api: api2, props, state, vm, constants }),
     computedTreeOp: computedTreeOp({ api: api2, constants }),
@@ -167,7 +170,8 @@ const initApi = ({ api: api2, props, state, parent, vm, emit, popper, constants,
     selectedBoxClear: selectedBoxClear(api2),
     selectedBoxDelete: selectedBoxDelete(api2),
     selectedBoxDrag: selectedBoxDrag({ props, state }),
-    radioChangeFn: radioChangeFn({ props, api: api2 })
+    radioChangeFn: radioChangeFn({ props, api: api2 }),
+    computedTreeMaxHeight: computedTreeMaxHeight({ vm, state })
   });
   state.search = api2.createSearchForm(false);
 };

package/rich-text-editor/vue.js

@@ -27,7 +27,7 @@ const api = [
   "eventClick",
   "Active"
 ];
-const renderless = (props, { computed, onBeforeUnmount, reactive }, { vm, emit }, {
+const renderless = (props, { computed, onBeforeUnmount, reactive, watch }, { vm, emit }, {
   Editor,
   StarterKit,
   Table,
@@ -117,7 +117,7 @@ const renderless = (props, { computed, onBeforeUnmount, reactive }, { vm, emit }
     addAttributes() {
       return {
         level: {
-          default: 1
+          default: 1.5
         }
       };
     },
@@ -143,7 +143,7 @@ const renderless = (props, { computed, onBeforeUnmount, reactive }, { vm, emit }
     addAttributes() {
       return {
         size: {
-          default: 16
+          default: 14
         }
       };
     },
@@ -282,6 +282,12 @@ const renderless = (props, { computed, onBeforeUnmount, reactive }, { vm, emit }
   onBeforeUnmount(() => {
     state.editor.destroy();
   });
+  watch(
+    () => props.modelValue,
+    (value) => {
+      state.editor.commands.setContent(value);
+    }
+  );
   return api2;
 };
 export {