@opentiny/vue-renderless 3.9.3 → 3.10.0

package/input/vue.js

@@ -30,9 +30,7 @@ import {
   handleEnterDisplayOnlyContent,
   hiddenPassword,
   dispatchDisplayedValue,
-  getDisplayedValue,
-  handleDrop,
-  handleDragStart
+  getDisplayedValue
 } from "./index";
 import useStorageBox from "../tall-storage/vue-storage-box";
 const api = [
@@ -65,11 +63,9 @@ const api = [
   "isMemoryStorage",
   "hasSelection",
   "handleEnterDisplayOnlyContent",
-  "hiddenPassword",
-  "handleDrop",
-  "handleDragStart"
+  "hiddenPassword"
 ];
-const initState = ({ reactive, computed, mode, props, parent, constants }) => {
+const initState = ({ reactive, computed, mode, props, parent, constants, api: api2 }) => {
   const state = reactive({
     mode,
     focused: false,
@@ -111,7 +107,7 @@ const initState = ({ reactive, computed, mode, props, parent, constants }) => {
       () => (props.displayOnly || (parent.tinyForm || {}).displayOnly) && ["text", "textarea", "password", "number"].includes(props.type)
     ),
     displayOnlyTooltip: "",
-    hiddenPassword: computed(() => api.hiddenPassword())
+    hiddenPassword: computed(() => api2.hiddenPassword())
   });
   return state;
 };
@@ -131,9 +127,7 @@ const initApi = ({ api: api2, state, dispatch, broadcast, emit, refs, props, CLA
     handleCompositionStart: handleCompositionStart(state),
     handleCompositionUpdate: handleCompositionUpdate(state),
     dispatchDisplayedValue: dispatchDisplayedValue({ state, props, dispatch, api: api2 }),
-    getDisplayedValue: getDisplayedValue({ state, props }),
-    handleDrop: handleDrop(emit),
-    handleDragStart: handleDragStart(emit)
+    getDisplayedValue: getDisplayedValue({ state, props })
   });
 };
 const mergeApi = ({ storages, api: api2, componentName, props, emit, eventName, nextTick, parent, state, refs }) => {
@@ -233,7 +227,7 @@ const renderless = (props, { computed, onMounted, onUpdated, reactive, toRefs, w
     Input: constants.inputMode(mode),
     InputGroup: constants.inputGroupMode(mode)
   };
-  const state = initState({ reactive, computed, mode, props, parent, constants });
+  const state = initState({ reactive, computed, mode, props, parent, constants, api: api2 });
   initApi({ api: api2, state, dispatch, broadcast, emit, refs, props, CLASS_PREFIX, parent });
   const storages = useStorageBox({ api: api2, props, reactive, toRefs });
   parent.tinyForm = parent.tinyForm || inject("form", null);

package/ip-address/index.js

@@ -6,9 +6,7 @@ const ipValidator = ({ props, api }) => (value) => {
   let result = true;
   if (props.type) {
     if (api.isIP6(props.type)) {
-      result = /^(((([\da-fA-F]{1,4}):){7}([\da-fA-F]{1,4}))|(((([\da-fA-F]{1,4}):){1,7}:)|((([\da-fA-F]{1,4}):){6}:([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){5}:(([\da-fA-F]{1,4}):)?([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){4}:(([\da-fA-F]{1,4}):){0,2}([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){3}:(([\da-fA-F]{1,4}):){0,3}([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){2}:(([\da-fA-F]{1,4}):){0,4}([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){1}:(([\da-fA-F]{1,4}):){0,5}([\da-fA-F]{1,4}))|(::(([\da-fA-F]{1,4}):){0,6}([\da-fA-F]{1,4}))|(::([\da-fA-F]{1,4})?))|(((([\da-fA-F]{1,4}):){6}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){5}:(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){4}:(([\da-fA-F]{1,4}):)?(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){3}:(([\da-fA-F]{1,4}):){0,2}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){2}:(([\da-fA-F]{1,4}):){0,3}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|(([\da-fA-F]{1,4})::(([\da-fA-F]{1,4}):){0,4}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|(::(([\da-fA-F]{1,4}):){0,5}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))))$/.test(
-        value
-      );
+      result = /^(((([\da-fA-F]{1,4}):){7}([\da-fA-F]{1,4}))|(((([\da-fA-F]{1,4}):){1,7}:)|((([\da-fA-F]{1,4}):){6}:([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){5}:(([\da-fA-F]{1,4}):)?([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){4}:(([\da-fA-F]{1,4}):){0,2}([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){3}:(([\da-fA-F]{1,4}):){0,3}([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){2}:(([\da-fA-F]{1,4}):){0,4}([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){1}:(([\da-fA-F]{1,4}):){0,5}([\da-fA-F]{1,4}))|(::(([\da-fA-F]{1,4}):){0,6}([\da-fA-F]{1,4}))|(::([\da-fA-F]{1,4})?))|(((([\da-fA-F]{1,4}):){6}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){5}:(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){4}:(([\da-fA-F]{1,4}):)?(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){3}:(([\da-fA-F]{1,4}):){0,2}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){2}:(([\da-fA-F]{1,4}):){0,3}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|(([\da-fA-F]{1,4})::(([\da-fA-F]{1,4}):){0,4}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|(::(([\da-fA-F]{1,4}):){0,5}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))))$/.test(value);
     } else if (api.isIP4(props.type)) {
       result = /^((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}$/.test(value);
     }
@@ -166,14 +164,9 @@ const checkError2 = (newValue) => newValue && (isNaN(newValue) || newValue > IPT
 const checkError3 = ({ isfilterKeyCodes, isSelected, value }) => !isfilterKeyCodes && !isSelected && value === "0";
 const checkError4 = ({ isfilterKeyCodes, isSelected, value, key }) => !isfilterKeyCodes && !isSelected && value + key > IPTHRESHOLD.Max;
 const checkError5 = ({ key, isfilterKeyCodes, value, ctrlKey, keyCode, KeyV }) => isNaN(key) && !isfilterKeyCodes && !(!value && ctrlKey && keyCode === KeyV);
-const checkError6 = ({ KeyA, KeyF, key, isfilterKeyCodes, value, keyCode }) => !(keyCode >= KeyA && keyCode <= KeyF) && isNaN(key) && !isfilterKeyCodes && value;
-const isError = ({ key, value, isSelected, isfilterKeyCodes, ctrlKey, keyCode, newValue, api, props }) => {
-  const { Tab, Space, KeyA, KeyF, NumpadDecimal, NumpadComma, KeyV } = KEY_CODE;
-  if (api.isIP4(props.type)) {
-    return checkError1({ Tab, Space, NumpadDecimal, NumpadComma, keyCode, value }) || checkError2(newValue) || checkError3({ isfilterKeyCodes, isSelected, value }) || checkError4({ isfilterKeyCodes, isSelected, value, key }) || checkError5({ key, isfilterKeyCodes, value, ctrlKey, keyCode, KeyV });
-  } else if (api.isIP6(props.type)) {
-    return checkError1({ Tab, Space, NumpadDecimal, NumpadComma, keyCode, value }) || checkError6({ KeyA, KeyF, key, isfilterKeyCodes, value, keyCode });
-  }
+const isError = ({ key, value, isSelected, isfilterKeyCodes, ctrlKey, keyCode, newValue }) => {
+  const { Tab, Space, NumpadDecimal, NumpadComma, KeyV } = KEY_CODE;
+  return checkError1({ Tab, Space, NumpadDecimal, NumpadComma, keyCode, value }) || checkError2(newValue) || checkError3({ isfilterKeyCodes, isSelected, value }) || checkError4({ isfilterKeyCodes, isSelected, value, key }) || checkError5({ key, isfilterKeyCodes, value, ctrlKey, keyCode, KeyV });
 };
 const keydown = ({ api, props, state }) => ({ item, index, event }) => {
   const { target, key, keyCode, ctrlKey } = event;

package/ip-address/vue.js

@@ -24,7 +24,14 @@ const initState = ({ reactive, computed, handleValue, parent, props }) => {
   const state = reactive(__spreadProps(__spreadValues({}, handleValue.state), {
     active: false,
     isSelected: false,
-    filterKeyCodes: [KEY_CODE.AtMark, KEY_CODE.Backspace, KEY_CODE.ArrowLeft, KEY_CODE.ArrowRight, KEY_CODE.Tab, KEY_CODE.Delete],
+    filterKeyCodes: [
+      KEY_CODE.AtMark,
+      KEY_CODE.Backspace,
+      KEY_CODE.ArrowLeft,
+      KEY_CODE.ArrowRight,
+      KEY_CODE.Tab,
+      KEY_CODE.Delete
+    ],
     formDisabled: computed(() => (parent.tinyForm || {}).disabled),
     disabled: computed(() => props.disabled || state.formDisabled),
     heightStyle: computed(() => getHeightOfSize(props.size)),

package/link-menu/vue.js

@@ -1,8 +1,28 @@
 import "../chunk-PKUHTIDK.js";
-import { initData, dialogTitle, disabledParentNode, filterNode, getValue, hideDialog, showDialog, sureNodevalue, disabledTreeNode, initService } from "./index";
+import {
+  initData,
+  dialogTitle,
+  disabledParentNode,
+  filterNode,
+  getValue,
+  hideDialog,
+  showDialog,
+  sureNodevalue,
+  disabledTreeNode,
+  initService
+} from "./index";
 import { copyArray } from "../common/object";
 import { setMenuKey } from "../tree-menu";
-const api = ["state", "initData", "filterNode", "getValue", "hideDialog", "setMenuKey", "showDialog", "sureNodevalue"];
+const api = [
+  "state",
+  "initData",
+  "filterNode",
+  "getValue",
+  "hideDialog",
+  "setMenuKey",
+  "showDialog",
+  "sureNodevalue"
+];
 const initState = ({ reactive, computed, api: api2 }) => {
   const state = reactive({
     filterText: "",

package/locales/index.js

@@ -17,7 +17,7 @@ const switchLanguage = ({ api, state, service }) => (lang) => {
   const domain = service.getDomain();
   const hasMultiLocale = state.locales.length === 2;
   state.current = hasMultiLocale ? state.current = locales.indexOf(current) === 0 ? locales[1] : locales[0] : lang;
-  const expires = new Date((/* @__PURE__ */ new Date()).getTime() + 36e5).toGMTString();
+  const expires = new Date(new Date().getTime() + 36e5).toGMTString();
   const currLang = state.current.substring(0, 2) === "zh" ? "zh" : "en";
   document.cookie = `lang=${currLang};expires=${expires};domain=${domain};path=/`;
   api.setText();
@@ -59,7 +59,9 @@ const initService = ({ props, service }) => {
   const { options = {} } = setting;
   const noopFnCreator = (propName) => () => {
     if (propName) {
-      return Promise.reject(new Error(`[TINY Error][Locale] Prop ${propName} is not configured`));
+      return Promise.reject(
+        new Error(`[TINY Error][Locale] Prop ${propName} is mandatory when the framework service is not used`)
+      );
     } else {
       return Promise.resolve(null);
     }

package/logon-user/index.js

@@ -7,7 +7,9 @@ const init = ({ service, state }) => () => {
 };
 const initService = ({ props, service }) => {
   const { base = {} } = service || {};
-  const getUserInfoNoop = () => Promise.reject(new Error("[TINY Error][LogonUser] Prop getUserInfo is not configured"));
+  const getUserInfoNoop = () => Promise.reject(
+    new Error("[TINY Error][LogonUser] Prop getUserInfo is mandatory when the framework service is not used")
+  );
   return {
     getUserInfo: props.getUserInfo || base.getUserInfo || getUserInfoNoop
   };

package/logout/index.js

@@ -38,9 +38,13 @@ const logout = ({ service, state, props }) => () => {
 const initService = ({ props, service }) => {
   const noopFnCreator = (propName) => () => {
     if (propName) {
-      return Promise.reject(new Error(`[TINY Error][Logout] Prop ${propName} is not configured`));
+      return Promise.reject(
+        new Error(`[TINY Error][Logout] Prop ${propName} is mandatory when the framework service is not used`)
+      );
     } else {
-      return Promise.reject(new Error("[TINY Error][Logout] This component depends on @opentiny/vue-service"));
+      return Promise.reject(
+        new Error("[TINY Error][Logout] Prop service is mandatory when the framework service is not used")
+      );
     }
   };
   const { base = {}, common = {}, setting = {}, network = {}, ajax = {}, message = {} } = service || {};

package/milestone/vue.js

@@ -21,7 +21,7 @@ const renderless = (props, { reactive }, { emit, refs, constants }) => {
     getLineColor: getLineColor(props),
     getMileContent: getMileContent(props),
     handleFlagClick: handleFlagClick(emit),
-    handleClick: handleClick({ emit, state }),
+    handleClick: handleClick({ emit }),
     getMileIcon: getMileIcon({ constants, props }),
     flagOprate: flagOprate({ constants, refs, state })
   };

package/mini-picker/index.js

@@ -56,8 +56,8 @@ const getColumnValue = (api) => (index) => {
   const column = api.getColumn(index);
   return column && column.getValue();
 };
-const confirm = ({ api, refs }) => () => {
-  const children = refs.childrenPicker;
+const confirm = ({ api, childrenPickerRefs }) => () => {
+  const children = childrenPickerRefs.childrenPicker;
   children && children.forEach((child) => child.onTransitionEnd());
   api.emitEvent("confirm");
   api.visibleHandle();
@@ -73,13 +73,13 @@ const emitEvent = ({ api, state, emit }) => (event) => {
     emit(event, api.getValues(), api.getIndexes());
   }
 };
-const getColumn = (refs) => (index) => {
-  const children = refs.childrenPicker;
+const getColumn = (childrenPickerRefs) => (index) => {
+  const children = childrenPickerRefs.childrenPicker;
   return children[index];
 };
 const getColumnIndex = (api) => (columnIndex) => (api.getColumn(columnIndex) || {}).state.currentIndex;
-const getValues = (refs) => () => refs.childrenPicker && refs.childrenPicker.map((child) => child.getValue());
-const getIndexes = (refs) => () => refs.childrenPicker && refs.childrenPicker.map((child) => child.state.currentIndex);
+const getValues = (childrenPickerRefs) => () => childrenPickerRefs.childrenPicker && childrenPickerRefs.childrenPicker.map((child) => child.getValue());
+const getIndexes = (childrenPickerRefs) => () => childrenPickerRefs.childrenPicker && childrenPickerRefs.childrenPicker.map((child) => child.state.currentIndex);
 const setIndexes = (api) => (indexes) => {
   indexes.forEach((optionIndex, columnIndex) => {
     api.setColumnIndex(columnIndex, optionIndex);
@@ -89,9 +89,9 @@ const setColumnIndex = (api) => (columnIndex, optionIndex) => {
   const column = api.getColumn(columnIndex);
   column && column.setIndex(optionIndex);
 };
-const getColumnValues = (refs) => (index) => (refs.childrenPicker[index] || {}).state.columnsItem.values;
-const setColumnValues = (refs) => (index, options) => {
-  const children = refs.childrenPicker;
+const getColumnValues = (childrenPickerRefs) => (index) => (childrenPickerRefs.childrenPicker[index] || {}).state.columnsItem.values;
+const setColumnValues = (childrenPickerRefs) => (index, options) => {
+  const children = childrenPickerRefs.childrenPicker;
   const column = children[index];
   if (column) {
     column.setOptions(options);
@@ -132,7 +132,9 @@ const getChildrenComponent = ({ state, vm, constants }) => {
   const childrenName = constants.CHILDREN_PICKER;
   const children = [];
   for (let index = 0; index < state.formattedColumns.length; index++) {
-    children.push(Array.isArray(vm.$refs[childrenName + index]) ? vm.$refs[childrenName + index][0] : vm.$refs[childrenName + index]);
+    children.push(
+      Array.isArray(vm.$refs[childrenName + index]) ? vm.$refs[childrenName + index][0] : vm.$refs[childrenName + index]
+    );
   }
   return children;
 };

package/mini-picker/vue.js

@@ -59,22 +59,22 @@ const initState = ({ reactive, computed, props, api: api2 }) => {
   });
   return state;
 };
-const initApi = ({ api: api2, props, state, emit, refs }) => {
+const initApi = ({ api: api2, props, state, emit, childrenPickerRefs }) => {
   Object.assign(api2, {
     state,
-    getColumn: getColumn(refs),
-    getValues: getValues(refs),
-    getIndexes: getIndexes(refs),
+    getColumn: getColumn(childrenPickerRefs),
+    getValues: getValues(childrenPickerRefs),
+    getIndexes: getIndexes(childrenPickerRefs),
     getDataType: getDataType(state),
     visibleHandle: visibleHandle(emit),
     formatCascade: formatCascade({ state, props }),
-    getColumnValues: getColumnValues(refs),
-    setColumnValues: setColumnValues(refs),
+    getColumnValues: getColumnValues(childrenPickerRefs),
+    setColumnValues: setColumnValues(childrenPickerRefs),
     emitEvent: emitEvent({ api: api2, state, emit }),
     change: change(api2),
     onChange: onChange({ api: api2, state, emit }),
     cancel: cancel({ api: api2, emit }),
-    confirm: confirm({ api: api2, refs }),
+    confirm: confirm({ api: api2, childrenPickerRefs }),
     format: format({ state, api: api2 }),
     setValues: setValues(api2),
     setIndexes: setIndexes(api2),
@@ -103,13 +103,13 @@ const initWatch = ({ watch, props, state, api: api2 }) => {
 };
 const renderless = (props, { computed, onMounted, reactive, watch }, { emit, nextTick, vm, constants }) => {
   const api2 = {};
-  const refs = { childrenPicker: null };
+  const childrenPickerRefs = { childrenPicker: null };
   const state = initState({ reactive, computed, props, api: api2 });
-  initApi({ api: api2, props, state, emit, refs });
+  initApi({ api: api2, props, state, emit, childrenPickerRefs });
   initWatch({ watch, props, state, api: api2 });
   onMounted(() => {
     nextTick(() => {
-      refs.childrenPicker = getChildrenComponent({ state, vm, constants });
+      childrenPickerRefs.childrenPicker = getChildrenComponent({ state, vm, constants });
     });
     api2.format();
     state.clumnsWrapHeight = state.itemHeight * state.visibleItemCount;

package/modal/index.js

@@ -132,14 +132,16 @@ const removeMsgQueue = ({ api, parent }) => () => {
   }
   api.updateStyle();
 };
-const updateStyle = (nextTick) => () => {
+const updateStyle = ({ nextTick, props }) => () => {
   nextTick(() => {
     let offsetTop = 0;
+    let distance = props.top;
     MsgQueue.forEach((comp) => {
-      offsetTop += parseFloat(comp.top);
+      offsetTop += parseFloat(distance);
       comp.state.modalTop = offsetTop;
-      const modalBox = comp.$el.querySelector(".tiny-modal__box");
+      const modalBox = comp.$refs.modalBox;
       offsetTop += modalBox.clientHeight;
+      distance = 15;
     });
   });
 };

package/modal/vue.js

@@ -55,13 +55,15 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, wat
     modalZindex: 0,
     zoomLocat: null,
     isMsg: computed(() => api2.computedIsMsg(props)),
-    prevEvent: null
+    prevEvent: null,
+    options: [],
+    theme: props.tiny_theme
   });
   Object.assign(api2, {
     state,
     broadcast,
     computedIsMsg: computedIsMsg(),
-    updateStyle: updateStyle(nextTick),
+    updateStyle: updateStyle({ nextTick, props }),
     getBox: getBox(refs),
     watchValue: watchValue(api2),
     created: created({ api: api2, props, state }),

package/month-range/index.js

@@ -6,20 +6,20 @@ const calcDefaultValue = (defaultValue) => {
   } else if (defaultValue) {
     return [new Date(defaultValue), nextMonth(new Date(defaultValue))];
   }
-  return [/* @__PURE__ */ new Date(), nextMonth(/* @__PURE__ */ new Date())];
+  return [new Date(), nextMonth(new Date())];
 };
-const watchValue = ({ state }) => (value) => {
-  if (!value) {
+const watchValue = ({ state }) => (val) => {
+  if (!val) {
     state.maxDate = null;
     state.minDate = null;
-  } else if (Array.isArray(value)) {
-    if (isDate(value[0])) {
-      state.minDate = new Date(value[0]);
+  } else if (Array.isArray(val)) {
+    if (isDate(val[0])) {
+      state.minDate = new Date(val[0]);
     } else {
       state.minDate = null;
     }
-    if (isDate(value[1])) {
-      state.maxDate = new Date(value[1]);
+    if (isDate(val[1])) {
+      state.maxDate = new Date(val[1]);
     } else {
       state.maxDate = null;
     }
@@ -59,33 +59,33 @@ const handleChangeRange = (state) => (val) => {
 };
 const handleRangePick = ({ api, state, t }) => (val, close = true) => {
   const defaultTime = state.defaultTime || [];
-  const maxDate = modifyWithTimeString(val.maxDate, defaultTime[1], t);
-  const minDate = modifyWithTimeString(val.minDate, defaultTime[0], t);
-  if (state.minDate === minDate && state.maxDate === maxDate) {
+  const max = modifyWithTimeString(val.maxDate, defaultTime[1], t);
+  const min = modifyWithTimeString(val.minDate, defaultTime[0], t);
+  if (state.minDate === min && state.maxDate === max) {
     return;
   }
   if (state.onPick) {
     state.onPick(val);
   }
-  state.minDate = minDate;
-  state.maxDate = maxDate;
+  state.minDate = min;
+  state.maxDate = max;
   setTimeout(() => {
-    state.minDate = minDate;
-    state.maxDate = maxDate;
+    state.minDate = min;
+    state.maxDate = max;
   }, 10);
   if (!close) {
     return;
   }
   api.handleConfirm();
 };
-const handleShortcutClick = (api) => (shortcut) => {
-  if (shortcut.onClick) {
+const handleShortcutClick = (api) => (shortcutObj) => {
+  if (shortcutObj.onClick) {
     const choose = {
       $emit: (type, [start, end]) => {
         api.doPick(start, end);
       }
     };
-    shortcut.onClick(choose);
+    shortcutObj.onClick(choose);
   }
 };
 const doPick = (emit) => (begin, end) => {

package/month-range/vue.js

@@ -16,7 +16,17 @@ import {
   doPick
 } from "./index";
 import { nextYear } from "../common/deps/date-util";
-const api = ["state", "rightNextYear", "rightPrevYear", "handleRangePick", "handleShortcutClick", "handleChangeRange", "leftPrevYear", "leftNextYear"];
+const api = [
+  "state",
+  "rightNextYear",
+  "rightPrevYear",
+  "handleRangePick",
+  "handleShortcutClick",
+  "handleChangeRange",
+  "leftPrevYear",
+  "leftNextYear",
+  "isValidValue"
+];
 const initState = ({ reactive, computed, api: api2, t }) => {
   const state = reactive({
     popperClass: "",
@@ -25,8 +35,8 @@ const initState = ({ reactive, computed, api: api2, t }) => {
     defaultTime: null,
     minDate: "",
     maxDate: "",
-    leftDate: /* @__PURE__ */ new Date(),
-    rightDate: nextYear(/* @__PURE__ */ new Date()),
+    leftDate: new Date(),
+    rightDate: nextYear(new Date()),
     rangeState: { endDate: null, selecting: false, row: null, column: null },
     shortcuts: "",
     visible: "",
@@ -34,7 +44,9 @@ const initState = ({ reactive, computed, api: api2, t }) => {
     format: "",
     arrowControl: false,
     unlinkPanels: false,
-    btnDisabled: computed(() => !(state.minDate && state.maxDate && !state.selecting && api2.isValidValue([state.minDate, state.maxDate]))),
+    btnDisabled: computed(
+      () => !(state.minDate && state.maxDate && !state.selecting && api2.isValidValue([state.minDate, state.maxDate]))
+    ),
     leftLabel: computed(() => state.leftDate.getFullYear() + " " + t("ui.datepicker.year")),
     rightLabel: computed(() => state.rightDate.getFullYear() + " " + t("ui.datepicker.year")),
     leftYear: computed(() => state.leftDate.getFullYear()),

package/month-table/index.js

@@ -22,7 +22,7 @@ const getRows = ({ props, state, vm }) => () => {
   const tableRows = state.tableRows;
   const disabledDate = state.disabledDate;
   const selectedDate = [];
-  const now = getMonthTimestamp(/* @__PURE__ */ new Date());
+  const now = getMonthTimestamp(new Date());
   const { date, minDate, maxDate } = props;
   for (let i = 0; i < 3; i++) {
     const row = tableRows[i];
@@ -61,6 +61,7 @@ const markRange = ({ props, state }) => (minDate, maxDate) => {
   minDate = getMonthTimestamp(minDate);
   maxDate = getMonthTimestamp(maxDate);
   if (minDate > maxDate) {
+    ;
     [minDate, maxDate] = [maxDate, minDate];
   }
   const rows = state.rows;
@@ -155,12 +156,15 @@ const cellMatchesDate = (props) => (cell, date) => {
 const getCellStyle = ({ api, props }) => (cell) => {
   const style = {};
   const year = props.date.getFullYear();
-  const today = /* @__PURE__ */ new Date();
+  const today = new Date();
   const month = cell.text;
   const defaultValue = props.defaultValue ? Array.isArray(props.defaultValue) ? props.defaultValue : [props.defaultValue] : [];
   style.disabled = typeof props.disabledDate === "function" ? datesInMonth(year, month).every(props.disabledDate) : false;
   const execDate = typeof props.value === "object" ? props.value : toDate(props.value);
-  style.current = arrayFindIndex(coerceTruthyValueToArray(execDate), (date) => date.getFullYear() === year && date.getMonth() === month) >= 0;
+  style.current = arrayFindIndex(
+    coerceTruthyValueToArray(execDate),
+    (date) => date.getFullYear() === year && date.getMonth() === month
+  ) >= 0;
   style.today = today.getFullYear() === year && today.getMonth() === month;
   style.default = defaultValue.some((date) => api.cellMatchesDate(cell, date));
   if (cell.inRange) {

package/multi-select/vue.js

@@ -1,13 +1,5 @@
 import "../chunk-PKUHTIDK.js";
-import {
-  created,
-  handleClick,
-  confirm,
-  reset,
-  wheelChange,
-  clickWheelItem,
-  loadDefault
-} from "./index";
+import { created, handleClick, confirm, reset, wheelChange, clickWheelItem, loadDefault } from "./index";
 const api = [
   "state",
   "created",

package/nav-menu/index.js

@@ -148,6 +148,10 @@ const getSelectedIndex = (state) => (path) => {
   let length = state.data.length;
   let index = -1;
   if (path !== "/") {
+    const queryIndex = path.indexOf("?");
+    if (queryIndex !== -1) {
+      path = path.slice(0, queryIndex);
+    }
     path = path.replace(/^#?\//, "");
     let exp = new RegExp('("url":"#/?' + path + '"|"url":"/?' + path + '"|"route":"/?' + path + '")', "i");
     for (let i = 0; i < length; i++) {
@@ -171,6 +175,10 @@ const showSubMenu = ({ api, nextTick, parent, state }) => (list, { more, index }
     state.showMore = !!more;
     state.subMenu = list;
     state.showPopmenu = true;
+    state.enterMenu = true;
+    state.subItemSelectedIndex = -1;
+    state.subIndex = -1;
+    state.moreItemSelectedIndex = -1;
     nextTick(() => {
       const popmenu = parent.$el.querySelector(".popmenu");
       if (popmenu) {
@@ -206,6 +214,7 @@ const hideSubMenu = ({ api, parent, state }) => () => {
 };
 const willHideSubMenu = ({ api, state }) => () => {
   api.stopHideSubMenu();
+  state.enterMenu = false;
   state.timer = setTimeout(() => {
     api.hideSubMenu();
   }, 20);
@@ -216,6 +225,10 @@ const stopHideSubMenu = (state) => () => {
 const setSubMenu = (state) => (value, index) => {
   state.subActiveIndex = index;
   state.subMenu = value;
+  state.enterMoreMenu = true;
+};
+const leaveMoreMune = (state) => () => {
+  state.enterMoreMenu = false;
 };
 const isHide = ({ parent, state }) => (event) => !state.width || event.offsetTop >= parent.$el.offsetHeight;
 const hidePopmenu = (api) => (item) => {
@@ -224,7 +237,21 @@ const hidePopmenu = (api) => (item) => {
     api.hideSubMenu();
   }
 };
-const clickMenu = ({ api, props }) => (item, index) => {
+const clickMenu = ({ api, props, state }) => (item, index, parentIndex) => {
+  if (index === void 0) {
+    return;
+  }
+  if (state.enterMenu) {
+    state.subIndex = -1;
+    state.subItemSelectedIndex = -1;
+    api.setActiveMenu(index);
+  }
+  if (state.enterMoreMenu) {
+    state.moreItemSelectedIndex = index;
+  } else {
+    state.subItemSelectedIndex = index;
+    state.subIndex = parentIndex;
+  }
   if (item.url || item.route) {
     if (props.beforeSkip) {
       props.beforeSkip(item) && api.skip(item, true);
@@ -232,7 +259,6 @@ const clickMenu = ({ api, props }) => (item, index) => {
       api.skip(item);
     }
   }
-  index !== void 0 && api.setActiveMenu(index);
   api.hidePopmenu(item);
 };
 const skip = ({ api, router, fields }) => (item, flag = false) => {
@@ -241,7 +267,7 @@ const skip = ({ api, router, fields }) => (item, flag = false) => {
     const router2 = item[urlField] || item.route;
     return window.open(xss.filterUrl(router2)).opener = null;
   }
-  const address = !item.route || !flag ? api.getUrl(item).replace(/^#/, "") : item.route.replace(/^\/+/, "/").replace("#/", "");
+  const address = !item.route || !flag ? api.getUrl(item).replace(/^#/, "") : `/${item.route || ""}`.replace(/^\/+/, "/").replace("#/", "");
   if (address) {
     return router.push(address);
   } else {
@@ -282,7 +308,9 @@ const getUrl = () => (item) => item.url || "";
 const getRoute = (props) => (item) => !props.beforeSkip ? `/${item.route || ""}`.replace(/^\/+/, "/").replace("#/", "") : "";
 const setActiveMenu = (state) => (index) => state.selectedIndex = typeof index !== "undefined" ? index : -1;
 const initService = ({ props, service }) => {
-  const fetchMenuData = () => Promise.reject(new Error("[TINY Error][NavMenu] Prop fetchMenuData is not configured"));
+  const fetchMenuData = () => Promise.reject(
+    new Error("[TINY Error][NavMenu] Prop fetchMenuData is mandatory when the framework service is not used")
+  );
   const { base = {}, setting = {} } = service || {};
   const { options = {} } = setting;
   return {
@@ -309,6 +337,7 @@ export {
   initData,
   initService,
   isHide,
+  leaveMoreMune,
   mounted,
   setActiveMenu,
   setSubMenu,

package/nav-menu/vue.js

@@ -17,6 +17,7 @@ import {
   willHideSubMenu,
   stopHideSubMenu,
   setSubMenu,
+  leaveMoreMune,
   isHide,
   hidePopmenu,
   clickMenu,
@@ -40,6 +41,7 @@ const api = [
   "willHideSubMenu",
   "stopHideSubMenu",
   "setSubMenu",
+  "leaveMoreMune",
   "isHide",
   "hidePopmenu",
   "clickMenu",
@@ -56,14 +58,19 @@ const initState = ({ reactive, api: api2, computed }) => reactive({
   data: [],
   more: [],
   width: -1,
+  enterMenu: false,
   popMenuTop: 0,
   subMenu: [],
   showMore: false,
   showPopmenu: false,
+  enterMoreMenu: false,
   timer: null,
   activeIndex: -1,
   subActiveIndex: -1,
   selectedIndex: -1,
+  subItemSelectedIndex: -1,
+  moreItemSelectedIndex: -1,
+  subIndex: -1,
   isShowSetting: false,
   marginLeft: 0,
   isShowMore: computed(() => api2.computedIsShowMore()),
@@ -79,6 +86,7 @@ const initApi = ({ api: api2, state, props, parent, fetchMenuData, fields, route
     getTag: getTag(props),
     getRoute: getRoute(props),
     setSubMenu: setSubMenu(state),
+    leaveMoreMune: leaveMoreMune(state),
     isHide: isHide({ parent, state }),
     setActiveMenu: setActiveMenu(state),
     willHideSetting: willHideSetting(state),
@@ -95,7 +103,7 @@ const initApi = ({ api: api2, state, props, parent, fetchMenuData, fields, route
     skip: skip({ api: api2, router, fields }),
     hidePopmenu: hidePopmenu(api2),
     getPoint: getPoint({ api: api2, parent }),
-    clickMenu: clickMenu({ api: api2, props }),
+    clickMenu: clickMenu({ api: api2, props, state }),
     unMounted: unMounted({ api: api2, state, router }),
     mounted: mounted({ api: api2, props, router, route, state }),
     classify: classify({ api: api2, props, state }),