@opentiny/vue-renderless 3.18.0 → 3.18.2

package/common/index.js

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

package/modal/index.js

@@ -71,6 +71,7 @@ const beforeUnmouted = ({ api, parent, isMobileFirstMode }) => () => {
   isMobileFirstMode && off(window, "resize", api.resetDragStyle);
   off(document, "keydown", api.handleGlobalKeydownEvent);
   off(window, "hashchange", api.handleHashChange);
+  off(window, "resize", api.resetModalViewPosition);
   api.removeMsgQueue();
   api.hideScrollbar();
   if (parent.$el.parentNode) {
@@ -179,6 +180,7 @@ const open = ({
           if (modalBoxElem.offsetHeight + modalBoxElem.offsetTop + props.marginSize > clientVisibleHeight) {
             modalBoxElem.style.top = `${props.marginSize}px`;
           }
+          on(window, "resize", api.resetModalViewPosition);
         }
         if (props.fullscreen) {
           nextTick(api.maximize);
@@ -668,6 +670,12 @@ const showScrollbar = (lockScrollClass) => () => {
 const hideScrollbar = (lockScrollClass) => () => {
   removeClass(document.body, lockScrollClass);
 };
+const resetModalViewPosition = (api) => () => {
+  const modalBoxElement = api.getBox();
+  const viewportWindow = getViewportWindow();
+  const clientVisibleWidth = viewportWindow.document.documentElement.clientWidth || viewportWindow.document.body.clientWidth;
+  modalBoxElement.style.left = `${clientVisibleWidth / 2 - modalBoxElement.offsetWidth / 2}px`;
+};
 export {
   MsgQueue,
   addMsgQueue,
@@ -694,6 +702,7 @@ export {
   removeMsgQueue,
   resetDragStyle,
   resetFormTip,
+  resetModalViewPosition,
   revert,
   selfClickEvent,
   showScrollbar,

package/modal/vue.js

@@ -26,6 +26,7 @@ import {
   cancelEvent,
   open,
   resetDragStyle,
+  resetModalViewPosition,
   computedBoxStyle,
   handleHashChange,
   showScrollbar,
@@ -51,7 +52,8 @@ const api = [
   "cancelEvent",
   "open",
   "beforeUnmouted",
-  "resetDragStyle"
+  "resetDragStyle",
+  "resetModalViewPosition"
 ];
 const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, watch }, { vm, emit, emitter, nextTick, broadcast, vm: parent, constants, mode }, { isMobileFirstMode }) => {
   const api2 = {};
@@ -100,6 +102,7 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, wat
     mousedownEvent: mousedownEvent({ api: api2, nextTick, props, state, emit, isMobileFirstMode }),
     dragEvent: dragEvent({ api: api2, emit, parent, props, state }),
     resetDragStyle: resetDragStyle(api2),
+    resetModalViewPosition: resetModalViewPosition(api2),
     computedBoxStyle: computedBoxStyle({ props, isMobileFirstMode }),
     watchVisible: watchVisible({ api: api2, props }),
     hideScrollbar: hideScrollbar(lockScrollClass),

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.18.0",
+  "version": "3.18.2",
   "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",

package/select/index.js

@@ -277,7 +277,7 @@ const getOptionOfSetSelected = ({ api, props }) => {
   } else {
     option.createdSelected = false;
   }
-  if (!option.currentLabel) {
+  if (!option.state.currentLabel) {
     api.clearNoMatchValue("");
   }
   return option;

package/types/modal.type.d.ts

@@ -221,6 +221,7 @@ interface IModalApi {
     mousedownEvent: (event: MouseEvent) => void;
     dragEvent: (event: MouseEvent) => void;
     resetDragStyle: () => void;
+    resetModalViewPosition: () => void;
 }
 type IModalRenderlessParamUtils = ISharedRenderlessParamUtils<IModalConstants>;
 interface IModalEmitParam {