@opentiny/vue-renderless 3.21.2 → 3.22.0

package/grid/plugins/resize.js

@@ -1,5 +1,5 @@
 import "../../chunk-G2ADBYYC.js";
-import browser from "../../common/browser";
+import { browserInfo } from "@opentiny/utils";
 import { remove } from "../static";
 let resizeTimeout;
 let defaultInterval = 250;
@@ -58,7 +58,7 @@ class ResizeObserverPolyfill {
     remove(eventStore, (item) => item === this);
   }
 }
-const Resize = browser.isDoc ? window.ResizeObserver || ResizeObserverPolyfill : ResizeObserverPolyfill;
+const Resize = browserInfo.isDoc ? window.ResizeObserver || ResizeObserverPolyfill : ResizeObserverPolyfill;
 var resize_default = Resize;
 export {
   resize_default as default

package/grid/static/base/helperEqualCompare.js

@@ -1,5 +1,5 @@
 import "../../../chunk-G2ADBYYC.js";
-import { isDate, isRegExp } from "../../../common/type";
+import { isDate, isRegExp } from "@opentiny/utils";
 import isNumber from "./isNumber";
 import isString from "./isString";
 import isBoolean from "./isBoolean";

package/grid/static/base/isPlainObject.js

@@ -1,5 +1,5 @@
 import "../../../chunk-G2ADBYYC.js";
-import { isPlainObject } from "../../../common/type";
+import { isPlainObject } from "@opentiny/utils";
 var isPlainObject_default = isPlainObject;
 export {
   isPlainObject_default as default

package/grid/utils/common.js

@@ -1,8 +1,8 @@
 import {
   __spreadValues
 } from "../../chunk-G2ADBYYC.js";
-import { isNull } from "../../common/type";
-import { find } from "../../common/array";
+import { isNull } from "@opentiny/utils";
+import { find } from "@opentiny/utils";
 import { get, isFunction, set } from "../static";
 const gridSize = ["medium", "small", "mini"];
 const getSize = ({ size, $parent }) => size || ($parent && gridSize.includes($parent.size) ? $parent.size : null);

package/grid/utils/dom.js

@@ -1,7 +1,7 @@
 import "../../chunk-G2ADBYYC.js";
 import { getRowid } from "./common";
-import { hasClass, getDomNode } from "../../common/deps/dom";
-import { getActualTarget } from "../../common/event";
+import { hasClass, getDomNode } from "@opentiny/utils";
+import { getActualTarget } from "@opentiny/utils";
 import { arrayIndexOf } from "../static";
 const ATTR_NAME = "data-rowid";
 const CELL_CLS = ".tiny-grid-cell";
@@ -21,7 +21,16 @@ const rowToVisible = ($table, row) => {
     if (tableBodyVnode) {
       const gridbodyEl = tableBodyVnode.$el;
       const trEl = gridbodyEl.querySelector(`[${ATTR_NAME}="${getRowid($table, row)}"]`);
-      if (trEl) {
+      if ($table.scrollYLoad) {
+        const isOutOfBody = () => {
+          const bodyRect = $table.$el.getBoundingClientRect();
+          const trRect = trEl.getBoundingClientRect();
+          return trRect.top + trRect.height / 2 > bodyRect.top + bodyRect.height;
+        };
+        if (!trEl || isOutOfBody()) {
+          gridbodyEl.scrollTop = ($table.afterFullData.indexOf(row) - 1) * $table.scrollYStore.rowHeight;
+        }
+      } else if (trEl) {
         const bodyHeight = gridbodyEl.clientHeight;
         const bodySrcollTop = gridbodyEl.scrollTop;
         const trOffsetTop = trEl.offsetTop + (trEl.offsetParent ? trEl.offsetParent.offsetTop : 0);
@@ -31,10 +40,6 @@ const rowToVisible = ($table, row) => {
         } else if (trOffsetTop + trHeight >= bodyHeight + bodySrcollTop) {
           gridbodyEl.scrollTop = bodySrcollTop + trHeight;
         }
-      } else {
-        if ($table.scrollYLoad) {
-          gridbodyEl.scrollTop = ($table.afterFullData.indexOf(row) - 1) * $table.scrollYStore.rowHeight;
-        }
       }
     }
   });

package/grid/utils/event.js

@@ -1,8 +1,8 @@
 import "../../chunk-G2ADBYYC.js";
-import browser from "../../common/browser";
+import { browserInfo } from "@opentiny/utils";
 import { remove } from "../static";
-import { on } from "../../common/deps/dom";
-const wheelName = browser.isDoc && /Firefox/i.test(navigator.userAgent) ? "DOMMouseScroll" : "mousewheel";
+import { on } from "@opentiny/utils";
+const wheelName = browserInfo.isDoc && /Firefox/i.test(navigator.userAgent) ? "DOMMouseScroll" : "mousewheel";
 const eventStore = [];
 const invoke = ({ comp, type, cb }, event) => {
   if (type === event.type || type === "mousewheel" && event.type === wheelName) {
@@ -25,7 +25,7 @@ const GlobalEvent = {
     eventStore.filter((item) => item.capture).forEach((item) => invoke(item, event));
   }
 };
-if (browser.isDoc) {
+if (browserInfo.isDoc) {
   on(document, "keydown", GlobalEvent.trigger);
   on(document, "contextmenu", GlobalEvent.trigger);
   on(window, "mousedown", GlobalEvent.trigger);

package/hrapprover/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { extend } from "../common/object";
+import { extend } from "@opentiny/utils";
 const getHrList = ({ api, props, state }) => (deptCode) => {
   state.loading = true;
   const params = {

package/image/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { on, off, getScrollContainer, isInContainer } from "../common/deps/dom";
-import { typeOf } from "../common/type";
+import { on, off, getScrollContainer, isInContainer } from "@opentiny/utils";
+import { typeOf } from "@opentiny/utils";
 import { rafThrottle } from "../image-viewer";
 import { xss } from "@opentiny/utils";
 const isSupportObjectFit = () => document.documentElement.style.objectFit !== void 0;
@@ -112,7 +112,7 @@ const mounted = ({ props, api }) => () => {
   }
 };
 const filterImageUrl = (props) => () => {
-  const isBase64 = /^data:image\/(png|jpg|jpeg|gif);base64,([a-zA-Z0-9+/]+={0,2})/;
+  const isBase64 = /^data:(image|application)\/(png|jpg|jpeg|gif|octet-stream|svg\+xml);base64,([a-zA-Z0-9+/]+={0,2})/;
   return isBase64.test(props.src) ? props.src : xss.filterUrl(props.src);
 };
 export {

package/image-viewer/index.js

@@ -1,13 +1,11 @@
 import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
-import { KEY_CODE } from "../common";
-import PopupManager from "../common/deps/popup-manager";
+import { on, off } from "@opentiny/utils";
+import { KEY_CODE } from "@opentiny/utils";
+import { PopupManager } from "@opentiny/utils";
 import { xss } from "@opentiny/utils";
-import { isBrowser } from "../common/browser";
-const isFirefox = () => isBrowser ? !!window.navigator.userAgent.match(/firefox/i) : false;
-const mousewheelEventName = isFirefox() ? "DOMMouseScroll" : "mousewheel";
+const mousewheelEventName = "mousewheel";
 const rafThrottle = (fn) => {
   let locked = false;
   return function(...args) {

package/input/index.js

@@ -1,5 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { omitText } from "../common/string";
+import { omitText } from "@opentiny/utils";
+import { isServer } from "@opentiny/utils";
 const HIDDEN_STYLE = `
 height:0 !important;visibility:hidden !important;overflow:hidden !important;
 position:absolute !important;z-index:-1000 !important;top:0 !important;right:0 !important
@@ -30,7 +31,6 @@ const STYLE = {
   BorderTopWidth: "border-top-width",
   BorderBottomWidth: "border-bottom-width"
 };
-const isServer = typeof window === "undefined";
 const isKorean = (text) => /([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(text);
 const showBox = (state) => () => {
   if (state.inputDisabled) {

package/input/vue.js

@@ -40,7 +40,7 @@ import {
   handleTextareaMouseUp
 } from "./index";
 import useStorageBox from "../tall-storage/vue-storage-box";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 const api = [
   "blur",
   "showBox",

package/ip-address/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { KEY_CODE, IPTHRESHOLD } from "../common";
+import { KEY_CODE, IPTHRESHOLD } from "@opentiny/utils";
 const isIP6 = (str) => /^IPv6$/i.test(str);
 const isIP4 = (str) => /^IPv4$/i.test(str);
 const ipValidator = ({ props, api }) => (value) => {
@@ -53,29 +53,25 @@ const getValue = ({ api, props, state }) => () => {
 };
 const setValue = ({ api, props, state }) => (value) => {
   var _a;
-  if (value) {
-    if ((_a = api == null ? void 0 : api.ipValidator) == null ? void 0 : _a.call(api, value)) {
-      if (api.isIP6(props.type)) {
-        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 (let i = 0; i <= 8 - state.address.length; i++) {
-            state.address.splice(insertIndex, 0, { value: "0000" });
-          }
-        }
-      } else {
-        state.address = value.split(".").map((item) => ({ value: item }));
+  if (!value || !((_a = api == null ? void 0 : api.ipValidator) == null ? void 0 : _a.call(api, value))) {
+    const createValue = () => ({ value: "" });
+    state.address = api.isIP6(props.type) ? Array.from({ length: 8 }, createValue) : Array.from({ length: 4 }, createValue);
+    return;
+  }
+  if (api.isIP6(props.type)) {
+    state.address = value.split(":").map((item) => ({ value: item }));
+    if (state.address.length < 8) {
+      const missingCount = 8 - state.address.length;
+      const emptyIndex = state.address.findIndex((item) => item.value === "");
+      const insertIndex = emptyIndex >= 0 ? emptyIndex : 0;
+      if (emptyIndex >= 0) {
+        state.address[emptyIndex].value = "0000";
       }
+      const newItems = Array(missingCount).fill({ value: "0000" });
+      state.address.splice(insertIndex, 0, ...newItems);
     }
   } else {
-    const createValue = () => ({ value: "" });
-    state.address = api.isIP6(props.type) ? new Array(8).fill("").map(createValue) : new Array(4).fill("").map(createValue);
+    state.address = value.split(".").map((item) => ({ value: item }));
   }
 };
 const activeEvent = ({

package/ip-address/vue.js

@@ -17,7 +17,7 @@ import {
   keyup,
   keydown
 } from "./index";
-import { KEY_CODE } from "../common";
+import { KEY_CODE } from "@opentiny/utils";
 const api = ["state", "focus", "inputEvent", "blur", "keyup", "keydown", "change", "select"];
 const initState = ({
   reactive,

package/link-menu/index.js

@@ -3,7 +3,7 @@ import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
 import { mapTree } from "../grid/static";
-import { copyArray } from "../common/object";
+import { copyArray } from "@opentiny/utils";
 const dialogTitle = ({ constants, props, t }) => () => props.title || t(constants.DIALOG_TITLE);
 const showDialog = (state) => () => state.boxVisibility = true;
 const hideDialog = ({ api, state, vm, props }) => () => {

package/link-menu/vue.js

@@ -11,7 +11,7 @@ import {
   disabledTreeNode,
   initService
 } from "./index";
-import { copyArray } from "../common/object";
+import { copyArray } from "@opentiny/utils";
 import { setMenuKey } from "../tree-menu";
 const api = [
   "state",

package/load-list/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { isDisplayNone } from "../common/deps/dom";
+import { isDisplayNone } from "@opentiny/utils";
 const clickList = ({ emit, props }) => () => {
   const list = {
     id: props.id,

package/load-list/vue.js

@@ -1,9 +1,9 @@
 import "../chunk-G2ADBYYC.js";
 import { clickList, check, clickErrorText } from "./index";
-import { getScrollParent } from "../common/deps/dom";
-import { useRect } from "../common/deps/useRect";
-import { useEventListener } from "../common/deps/useEventListener";
-import debounce from "../common/deps/debounce";
+import { getScrollParent } from "@opentiny/utils";
+import { useRect } from "@opentiny/vue-hooks";
+import { useEventListener } from "@opentiny/vue-hooks";
+import { debounce } from "@opentiny/utils";
 const api = ["state", "clickList", "check", "clickErrorText"];
 const renderless = (props, {
   inject,

package/loading/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import afterLeave from "../common/deps/after-leave";
-import { removeClass } from "../common/deps/dom";
+import { afterLeave } from "@opentiny/utils";
+import { removeClass } from "@opentiny/utils";
 const handleAfterLeave = (emit) => () => {
   emit("after-leave");
 };

package/menu/vue.js

@@ -9,7 +9,7 @@ import {
   filterInput,
   computeData
 } from "./index";
-import debounce from "../common/deps/debounce";
+import { debounce } from "@opentiny/utils";
 const api = ["state", "setIsCurrent", "filterNodes", "filterInput"];
 const initState = ({ reactive, computed, props, api: api2 }) => {
   const state = reactive({

package/milestone/index.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
-import { isBrowser } from "../common/browser";
+import { isServer } from "@opentiny/utils";
 const hexToRgb = (hex) => {
-  if (hex.includes("var") && isBrowser) {
+  if (hex.includes("var") && !isServer) {
     hex = hex.replace(/var\(|\)/g, "");
     hex = getComputedStyle(document.documentElement).getPropertyValue(hex);
   }
@@ -33,55 +33,16 @@ const flagOperate = ({ constants, refs, state }) => ({ event, over, text }) => {
   }
 };
 const getMileIcon = ({ constants, props }) => (node) => {
-  const smbConstants = {
-    STATUS_COLOR_MAP: {
-      DEFAULT: {
-        BORDER_COLOR: "#C2C2C2",
-        BACKGROUND_COLOR: "#FFFFFF",
-        COLOR: "#191919",
-        BOX_SHADOW_PX: "0px 0px 0px 4px",
-        FLAG_CONTENT_CLS: ".content"
-      },
-      COMPLETED: {
-        BORDER_COLOR: "#191919",
-        BACKGROUND_COLOR: "#FFFFFF",
-        COLOR: "#191919",
-        BOX_SHADOW_PX: "0px 0px 0px 4px",
-        FLAG_CONTENT_CLS: ".content"
-      },
-      DOING: {
-        BORDER_COLOR: "#191919",
-        BACKGROUND_COLOR: "#191919",
-        COLOR: "#FFFFFF",
-        BOX_SHADOW_PX: "0px 0px 0px 4px",
-        FLAG_CONTENT_CLS: ".content"
-      }
-    }
-  };
   const status = node[props.statusField];
   const statusColor = props.milestonesStatus[status];
-  if (props.solid || status === constants.STATUS_MAP.DOING) {
-    return {
-      "background-color": statusColor || smbConstants.STATUS_COLOR_MAP.DOING.BACKGROUND_COLOR + "!important",
-      color: smbConstants.STATUS_COLOR_MAP.DOING.COLOR + "!important",
-      "border-color": statusColor || smbConstants.STATUS_COLOR_MAP.DOING.BORDER_COLOR,
-      boxShadow: "unset"
-    };
-  }
-  if (status === constants.STATUS_MAP.COMPLETED) {
+  if (statusColor) {
     return {
-      "background-color": smbConstants.STATUS_COLOR_MAP.COMPLETED.BACKGROUND_COLOR + "!important",
-      color: statusColor || smbConstants.STATUS_COLOR_MAP.COMPLETED.COLOR + "!important",
-      "border-color": statusColor || smbConstants.STATUS_COLOR_MAP.COMPLETED.BORDER_COLOR,
+      "background-color": props.solid || status === constants.STATUS_MAP.DOING ? statusColor : "",
+      color: props.solid && status !== constants.STATUS_MAP.COMPLETED || status === constants.STATUS_MAP.DOING ? "#fff" : statusColor,
+      "border-color": statusColor,
       boxShadow: "unset"
     };
   }
-  return {
-    background: smbConstants.STATUS_COLOR_MAP.DEFAULT.BACKGROUND_COLOR + "!important",
-    color: statusColor || smbConstants.STATUS_COLOR_MAP.DEFAULT.COLOR + "!important",
-    "border-color": statusColor || smbConstants.STATUS_COLOR_MAP.DEFAULT.BORDER_COLOR,
-    boxShadow: "unset"
-  };
 };
 const getMileContent = (props) => ({ data, index }) => {
   const content = data[props.flagBefore ? index : index + 1][props.flagField];

package/modal/index.js

@@ -1,9 +1,9 @@
 import "../chunk-G2ADBYYC.js";
-import { KEY_CODE } from "../common";
-import { on, off, addClass, hasClass, removeClass } from "../common/deps/dom";
-import PopupManager from "../common/deps/popup-manager";
-import { getDomNode } from "../common/deps/dom";
-import { getViewportWindow } from "../common/global";
+import { KEY_CODE } from "@opentiny/utils";
+import { on, off, addClass, hasClass, removeClass } from "@opentiny/utils";
+import { PopupManager } from "@opentiny/utils";
+import { getDomNode } from "@opentiny/utils";
+import { getViewportWindow } from "@opentiny/utils";
 const DragClass = "is__drag";
 const emitZoom = ({ params, parent, emit, event }) => {
   let { $listeners, events = {} } = parent;

package/month-range/index.js

@@ -1,5 +1,15 @@
 import "../chunk-G2ADBYYC.js";
-import { isDate, modifyWithTimeString, prevYear, nextYear, nextMonth } from "../common/deps/date-util";
+import {
+  DATEPICKER,
+  isDate1 as isDate,
+  toDate1,
+  modifyDate,
+  formatDate,
+  modifyWithTimeString,
+  prevYear,
+  nextYear,
+  nextMonth1 as nextMonth
+} from "@opentiny/utils";
 const calcDefaultValue = (defaultValue) => {
   if (Array.isArray(defaultValue)) {
     return [new Date(defaultValue[0]), new Date(defaultValue[1])];
@@ -57,7 +67,10 @@ const handleChangeRange = (state) => (val) => {
   state.maxDate = val.maxDate;
   state.rangeState = val.rangeState;
 };
-const handleRangePick = ({ api, state, t }) => (val, close = true) => {
+const handleRangePick = ({ api, state, props, t }) => (val, close = true) => {
+  if (props.readonly) {
+    return;
+  }
   const defaultTime = state.defaultTime || [];
   const max = modifyWithTimeString(val.maxDate, defaultTime[1], t);
   const min = modifyWithTimeString(val.minDate, defaultTime[0], t);
@@ -78,11 +91,19 @@ const handleRangePick = ({ api, state, t }) => (val, close = true) => {
   }
   api.handleConfirm();
 };
-const handleShortcutClick = (api) => (shortcutObj) => {
+const handleShortcutClick = (state, api, props) => (shortcutObj) => {
   if (shortcutObj.onClick) {
     const choose = {
       $emit: (type, [start, end]) => {
-        api.doPick(start, end);
+        var _a;
+        if ((_a = props.shortcuts) == null ? void 0 : _a.length) {
+          state.value = [start, end];
+          state.leftDate = start;
+          state.rightDate = end;
+          api.handleRangePick({ minDate: start, maxDate: end });
+        } else {
+          api.doPick(start, end);
+        }
       }
     };
     shortcutObj.onClick(choose);
@@ -105,9 +126,14 @@ const rightNextYear = (state) => () => {
 };
 const leftNextYear = (state) => () => state.leftDate = nextYear(state.leftDate);
 const rightPrevYear = (state) => () => state.rightDate = prevYear(state.rightDate);
-const handleConfirm = ({ api, emit, state }) => (visible = false) => {
+const handleConfirm = ({ api, emit, state, props, t }) => (visible = false) => {
   if (api.isValidValue([state.minDate, state.maxDate])) {
     emit("pick", [state.minDate, state.maxDate], visible);
+    const defaultFormat = DATEPICKER.DateFormats.monthrange;
+    const start = formatDate(state.minDate, props.format || defaultFormat, t);
+    const end = formatDate(state.maxDate, props.format || defaultFormat, t);
+    emit("update:modelValue", [start, end]);
+    emit("select-change", [start, end]);
   }
 };
 const isValidValue = (state) => (value) => Array.isArray(value) && value && value[1] && value[0] && isDate(value[1]) && isDate(value[0]) && value[0].getTime() <= value[1].getTime() && (typeof state.disabledDate === "function" ? !state.disabledDate(value[1]) && !state.disabledDate(value[0]) : true);
@@ -115,6 +141,19 @@ const resetView = (state) => () => {
   state.minDate = state.value && isDate(state.value[0]) ? new Date(state.value[0]) : null;
   state.maxDate = state.value && isDate(state.value[0]) ? new Date(state.value[1]) : null;
 };
+const watchModelValue = ({ state }) => (val) => {
+  const newVal = toDate1(val == null ? void 0 : val[0]);
+  const newVal1 = toDate1(val == null ? void 0 : val[1]);
+  if (newVal && newVal1) {
+    const start = modifyDate(newVal, newVal.getFullYear(), newVal.getMonth() + 1, newVal.getUTCDate());
+    const end = modifyDate(newVal1, newVal1.getFullYear(), newVal1.getMonth() + 1, newVal1.getUTCDate());
+    state.value = [start, end];
+    state.minDate = start;
+    state.maxDate = end;
+    state.leftDate = start;
+    state.rightDate = end;
+  }
+};
 export {
   calcDefaultValue,
   doPick,
@@ -130,5 +169,6 @@ export {
   rightNextYear,
   rightPrevYear,
   watchDefaultValue,
+  watchModelValue,
   watchValue
 };

package/month-range/vue.js

@@ -13,9 +13,10 @@ import {
   handleChangeRange,
   handleRangePick,
   handleShortcutClick,
-  doPick
+  doPick,
+  watchModelValue
 } from "./index";
-import { nextYear } from "../common/deps/date-util";
+import { nextYear } from "@opentiny/utils";
 const api = [
   "state",
   "rightNextYear",
@@ -25,12 +26,13 @@ const api = [
   "handleChangeRange",
   "leftPrevYear",
   "leftNextYear",
-  "isValidValue"
+  "isValidValue",
+  "watchModelValue"
 ];
-const initState = ({ reactive, computed, api: api2, t }) => {
+const initState = ({ reactive, computed, api: api2, props, t }) => {
   const state = reactive({
-    popperClass: "",
-    value: [],
+    popperClass: props.popperClass || "",
+    value: props.modelValue || [],
     defaultValue: null,
     defaultTime: null,
     minDate: "",
@@ -38,12 +40,12 @@ const initState = ({ reactive, computed, api: api2, t }) => {
     leftDate: /* @__PURE__ */ new Date(),
     rightDate: nextYear(/* @__PURE__ */ new Date()),
     rangeState: { endDate: null, selecting: false, row: null, column: null },
-    shortcuts: "",
+    shortcuts: props.shortcuts || [],
     visible: "",
-    disabledDate: "",
-    format: "",
+    disabledDate: props.disabledDate || null,
+    format: props.format || "",
     arrowControl: false,
-    unlinkPanels: false,
+    unlinkPanels: props.unlinkPanels || false,
     btnDisabled: computed(
       () => !(state.minDate && state.maxDate && !state.selecting && api2.isValidValue([state.minDate, state.maxDate]))
     ),
@@ -60,11 +62,11 @@ const initState = ({ reactive, computed, api: api2, t }) => {
 const renderless = (props, { computed, reactive, watch }, { t, emit: $emit }) => {
   const api2 = {};
   const emit = props.emitter ? props.emitter.emit : $emit;
-  const state = initState({ reactive, computed, api: api2, t });
+  const state = initState({ reactive, computed, api: api2, props, t });
   Object.assign(api2, {
     state,
     resetView: resetView(state),
-    handleChangeRange: handleChangeRange(state),
+    handleChangeRange: handleChangeRange(state, props),
     isValidValue: isValidValue(state),
     leftNextYear: leftNextYear(state),
     leftPrevYear: leftPrevYear(state),
@@ -74,10 +76,12 @@ const renderless = (props, { computed, reactive, watch }, { t, emit: $emit }) =>
     watchValue: watchValue({ state }),
     handleClear: handleClear({ emit, state }),
     watchDefaultValue: watchDefaultValue({ state }),
-    handleConfirm: handleConfirm({ api: api2, emit, state }),
-    handleRangePick: handleRangePick({ api: api2, state, t }),
-    handleShortcutClick: handleShortcutClick(api2)
+    handleConfirm: handleConfirm({ api: api2, emit, state, props, t }),
+    handleRangePick: handleRangePick({ api: api2, state, props, t }),
+    handleShortcutClick: handleShortcutClick(state, api2, props),
+    watchModelValue: watchModelValue({ state, api: api2 })
   });
+  watch(() => props.modelValue, api2.watchModelValue, { immediate: true });
   watch(() => state.value, api2.watchValue);
   watch(() => state.defaultValue, api2.watchDefaultValue);
   return api2;

package/month-table/index.js

@@ -1,9 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { toDate } from "../common/date";
-import { hasClass } from "../common/deps/dom";
-import { range as rangeDate, getDayCountOfMonth, nextDate } from "../common/deps/date-util";
+import { range as rangeDate, getDayCountOfMonth, nextDate, toDate1, hasClass, DATEPICKER } from "@opentiny/utils";
 import { arrayFindIndex, coerceTruthyValueToArray, arrayFind } from "../date-table";
-import { DATEPICKER } from "../common";
 const datesInMonth = (year, month) => {
   const numOfDays = getDayCountOfMonth(year, month);
   const firstDay = new Date(year, month, 1);
@@ -122,6 +119,9 @@ const handleMouseMove = ({ api, emit, props, state }) => (event) => {
   }
 };
 const handleMonthTableClick = ({ api, emit, props }) => (event) => {
+  if (props.readonly) {
+    return;
+  }
   const target = getTarget(event);
   if (!target) {
     return;
@@ -160,7 +160,7 @@ const getCellStyle = ({ api, props }) => (cell) => {
   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);
+  const execDate = typeof props.value === "object" ? props.value : toDate1(props.value);
   style.current = arrayFindIndex(
     coerceTruthyValueToArray(execDate),
     (date) => date.getFullYear() === year && date.getMonth() === month

package/month-table/vue.js

@@ -10,7 +10,7 @@ import {
   getCellStyle,
   getMonthOfCell
 } from "./index";
-import { DATEPICKER } from "../common";
+import { DATEPICKER } from "@opentiny/utils";
 const api = ["state", "handleMonthTableClick", "handleMouseMove", "getCellStyle"];
 const renderless = (props, { computed, reactive, watch }, { t, vm, emit }) => {
   const api2 = {};

package/nav-menu/index.js

@@ -1,12 +1,12 @@
 import "../chunk-G2ADBYYC.js";
-import { omitText } from "../common/string";
-import { isEmptyObject, isObject } from "../common/type";
-import PopupManager from "../common/deps/popup-manager";
+import { omitText } from "@opentiny/utils";
+import { isEmptyObject, isObject } from "@opentiny/utils";
+import { PopupManager } from "@opentiny/utils";
 import { mapTree } from "../grid/static";
-import { transformTreeData } from "../common/array";
-import { on, off } from "../common/deps/dom";
+import { transformTreeData } from "@opentiny/utils";
+import { on, off } from "@opentiny/utils";
 import { xss } from "@opentiny/utils";
-import { isBrowser } from "../common/browser";
+import { isServer } from "@opentiny/utils";
 const { nextZIndex } = PopupManager;
 const computedIsShowMore = ({ props, state }) => () => !/^(retract|fixed|hidden)$/.test(props.overflow) && state.more && state.more.length;
 const computedPopClass = (state) => () => {
@@ -348,7 +348,7 @@ const skip = ({ api, router, fields }) => (item, flag = false) => {
   }
 };
 const getPoint = ({ api, parent }) => () => {
-  if (!isBrowser)
+  if (isServer)
     return 0;
   else {
     const items = parent.$el.querySelectorAll(".menu>li");

package/notify/index.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
-import { KEY_CODE } from "../common";
-import { on, off } from "../common/deps/dom";
-import PopupManager from "../common/deps/popup-manager";
+import { KEY_CODE } from "@opentiny/utils";
+import { on, off } from "@opentiny/utils";
+import { PopupManager } from "@opentiny/utils";
 const startTimer = ({ api, state }) => () => {
   if (state.duration > 0) {
     state.timer = setTimeout(() => {