@opentiny/vue-renderless 3.9.2 → 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,7 +6,7 @@ const ipValidator = ({ props, api }) => (value) => {
   let result = true;
   if (props.type) {
     if (api.isIP6(props.type)) {
-      result = typeof value === "string";
+      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);
     }
@@ -30,7 +30,13 @@ const getValue = ({ api, props, state }) => () => {
   const valueArr = [];
   let result = "";
   if (api.isIP6(props.type)) {
-    result = state.address[0].value || "";
+    state.address.forEach((item) => {
+      if (item.value) {
+        item.value = item.value.replace(/[^a-fA-F\d]/g, "");
+      }
+      item.value && valueArr.push(item.value);
+    });
+    result = state.address.filter((item) => item.value).length === 8 ? valueArr.join(":") : "";
   } else {
     state.address.forEach((item) => {
       if (api.isIP4(props.type) && item.value) {
@@ -46,13 +52,25 @@ const setValue = ({ api, props, state }) => (value) => {
   if (value) {
     if (api.ipValidator(value)) {
       if (api.isIP6(props.type)) {
-        state.address = [{ value }];
+        state.address = value.split(":").map((item) => ({ value: item }));
+        if (state.address.length < 8) {
+          let insertIndex = 0;
+          state.address.forEach((item, index) => {
+            if (item.value === "") {
+              item.value = "0000";
+              insertIndex = index;
+            }
+          });
+          for (var i = 0; i <= 8 - state.address.length; i++) {
+            state.address.splice(insertIndex, 0, { value: "0000" });
+          }
+        }
       } else {
         state.address = value.split(".").map((item) => ({ value: item }));
       }
     }
   } else {
-    state.address = api.isIP6(props.type) ? [{ value: "" }] : [{ value: "" }, { value: "" }, { value: "" }, { value: "" }];
+    state.address = api.isIP6(props.type) ? new Array(8).fill({ value: "" }) : new Array(4).fill({ value: "" });
   }
 };
 const activeEvent = ({ emit, parent, state, index, event, type }) => {
@@ -87,7 +105,11 @@ const inputEvent = ({ api, componentName, emit, eventName, props }) => ({ item,
       item.value = "";
     }
   } else {
-    item.value = val.replace(/[\u4E00-\u9FA5]/g, "");
+    if (!index && api.ipValidator(val)) {
+      api.setValue(val);
+    } else if (val.length > 4) {
+      item.value = item.value.slice(0, 4);
+    }
   }
   value = api.getValue();
   emit("update:modelValue", value, index);
@@ -125,6 +147,17 @@ const keyup = ({ api, props }) => ({ item, index, event }) => {
       return false;
     }
   }
+  if (api.isIP6(props.type)) {
+    if ([KEY_CODE.Tab, KEY_CODE.Space, KEY_CODE.NumpadDecimal, KEY_CODE.NumpadComma].includes(keyCode) && value) {
+      api.select({ index: nextIndex });
+      return false;
+    }
+    if ((value.length === 4 || value === "0000") && (!isNaN(event.key) || keyCode >= KEY_CODE.KeyA && keyCode <= KEY_CODE.KeyF)) {
+      api.focus({ index: nextIndex });
+      api.select({ index: nextIndex });
+      return false;
+    }
+  }
 };
 const checkError1 = ({ Tab, Space, NumpadDecimal, NumpadComma, keyCode, value }) => [Tab, Space, NumpadDecimal, NumpadComma].includes(keyCode) && value;
 const checkError2 = (newValue) => newValue && (isNaN(newValue) || newValue > IPTHRESHOLD.Max);
@@ -146,34 +179,34 @@ const keydown = ({ api, props, state }) => ({ item, index, event }) => {
   const nextIndex = index + 1;
   const lastIndex = index - 1;
   const newValue = isSelected && !isfilterKeyCodes && value.substr(0, selectionStart) + key + value.substr(selectionEnd);
-  if (api.isIP4(props.type)) {
-    state.isDel = keyCode === KEY_CODE.Backspace || keyCode === KEY_CODE.Delete;
-    if (keyCode === KEY_CODE.Backspace && cursorPosition === 0 && !selectionEnd) {
-      api.focus({ index: lastIndex });
-      return false;
-    }
-    if (keyCode === KEY_CODE.ArrowLeft && cursorPosition === 0) {
-      api.focus({ index: lastIndex });
-      event.preventDefault();
-      return false;
-    }
-    if (keyCode === KEY_CODE.ArrowRight && cursorPosition === value.length) {
-      api.focus({ index: nextIndex });
-      event.preventDefault();
-      return false;
-    }
-    if (isError({
-      key,
-      value,
-      isSelected,
-      isfilterKeyCodes,
-      ctrlKey,
-      keyCode,
-      newValue
-    })) {
-      event.preventDefault();
-      return false;
-    }
+  state.isDel = keyCode === KEY_CODE.Backspace || keyCode === KEY_CODE.Delete;
+  if (keyCode === KEY_CODE.Backspace && cursorPosition === 0 && !selectionEnd) {
+    api.focus({ index: lastIndex });
+    return false;
+  }
+  if (keyCode === KEY_CODE.ArrowLeft && cursorPosition === 0) {
+    api.focus({ index: lastIndex });
+    event.preventDefault();
+    return false;
+  }
+  if (keyCode === KEY_CODE.ArrowRight && cursorPosition === value.length) {
+    api.focus({ index: nextIndex });
+    event.preventDefault();
+    return false;
+  }
+  if (isError({
+    key,
+    value,
+    isSelected,
+    isfilterKeyCodes,
+    ctrlKey,
+    keyCode,
+    newValue,
+    api,
+    props
+  })) {
+    event.preventDefault();
+    return false;
   }
 };
 const getHeightOfSize = (size, isLineHeight = "height") => {

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",