@opentiny/vue-renderless 3.21.2 → 3.23.0

package/common/deps/popup-manager.js

@@ -1,204 +1,5 @@
 import "../../chunk-G2ADBYYC.js";
-import { KEY_CODE } from "../index";
-import { addClass, removeClass, on } from "./dom";
-const isServer = typeof window === "undefined";
-const instances = {};
-const classes = {
-  leave: "v-modal-leave",
-  enter: "v-modal-enter",
-  modal: "v-modal"
-};
-const removeStack = (modalStack, id) => {
-  for (let i = modalStack.length - 1; i >= 0; i--) {
-    if (modalStack[i].id === id) {
-      modalStack.splice(i, 1);
-      break;
-    }
-  }
-};
-let getModal;
-const PopupManager = {
-  step: 2,
-  zIndex: 2e3,
-  globalScroll: false,
-  // 是否打开全局滚动监听
-  modalFade: true,
-  modalStack: [],
-  modalDom: null,
-  // 当前model挂载的div.
-  hasModal: false,
-  // 当前是否有Modal
-  popLockClass: "popup-parent--hidden",
-  oldBodyBorder: "",
-  viewportWindow: null,
-  fixBodyBorder() {
-    const barWidth = window.innerWidth - document.documentElement.clientWidth;
-    if (barWidth) {
-      this.oldBodyBorder = document.documentElement.style.borderRight;
-      document.body.style.borderRight = `${barWidth}px solid transparent`;
-    }
-  },
-  resetBodyBorder() {
-    document.body.style.borderRight = this.oldBodyBorder;
-    this.oldBodyBorder = "";
-  },
-  /** 全局反注册 */
-  deregister: (id) => {
-    if (id) {
-      instances[id] = null;
-      delete instances[id];
-    }
-  },
-  /** 返回全局实例 */
-  getInstance: (id) => instances[id],
-  /** 全局注册   仅vue-popup.ts中使用，instance就是vm, 把vm注册到 vm._popupId 这个键值上 */
-  register: (id, instance) => {
-    if (id && instance) {
-      instances[id] = instance;
-    }
-  },
-  nextZIndex: () => {
-    const zIndex = PopupManager.zIndex;
-    PopupManager.zIndex += PopupManager.step;
-    return zIndex;
-  },
-  /** 打开遮罩层， 仅vue-popup.ts中使用。 dom = vm.$el 或者 undefined (appendtoBody时)  */
-  openModal(id, zIndex, dom, modalClass, modalFade) {
-    if (isServer) {
-      return;
-    }
-    if (!id || zIndex === void 0) {
-      return;
-    }
-    this.modalFade = modalFade;
-    for (let i = 0, len = this.modalStack.length; i < len; i++) {
-      const modal = this.modalStack[i];
-      if (modal.id === id) {
-        return;
-      }
-    }
-    const modalDom = getModal();
-    addClass(modalDom, classes.modal);
-    if (this.modalFade && !PopupManager.hasModal) {
-      addClass(modalDom, classes.enter);
-    }
-    if (modalClass) {
-      const classArr = modalClass.trim().split(/\s+/);
-      classArr.forEach((cls) => addClass(modalDom, cls));
-    }
-    setTimeout(() => {
-      removeClass(modalDom, classes.enter);
-    }, 200);
-    if (zIndex) {
-      modalDom.style.zIndex = zIndex.toString();
-    }
-    modalDom.style.display = "";
-    modalDom.tabIndex = 0;
-    let parentNode;
-    if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
-      parentNode = dom.parentNode;
-    } else {
-      parentNode = document.body;
-    }
-    parentNode.appendChild(modalDom);
-    this.modalStack.push({ id, zIndex, modalClass });
-  },
-  /** 点击背景遮罩层时，调用栈顶的popup，调用它的close() */
-  doOnModalClick: () => {
-    const modalStack = PopupManager.modalStack;
-    const topPopup = modalStack[modalStack.length - 1];
-    if (!topPopup) {
-      return;
-    }
-    const instance = PopupManager.getInstance(topPopup.id);
-    if (instance && instance.closeOnClickModal) {
-      typeof instance.close === "function" && instance.close();
-    }
-  },
-  closeModal(id) {
-    const modalStack = this.modalStack;
-    const modalDom = getModal();
-    if (modalStack.length > 0) {
-      const topPopup = modalStack[modalStack.length - 1];
-      if (topPopup.id === id) {
-        if (topPopup.modalClass) {
-          const classArr = topPopup.modalClass.trim().split(/\s+/);
-          classArr.forEach((cls) => removeClass(modalDom, cls));
-        }
-        modalStack.pop();
-        const stackSize = modalStack.length;
-        if (stackSize > 0) {
-          modalDom.style.zIndex = modalStack[stackSize - 1].zIndex.toString();
-        }
-      } else {
-        removeStack(modalStack, id);
-      }
-    }
-    if (modalStack.length === 0) {
-      this.modalFade && addClass(modalDom, classes.leave);
-      removeClass(document.body, this.popLockClass);
-      this.resetBodyBorder();
-      setTimeout(() => {
-        if (modalStack.length === 0) {
-          if (modalDom.parentNode) {
-            modalDom.parentNode.removeChild(modalDom);
-          }
-          modalDom.style.display = "none";
-          PopupManager.modalDom = null;
-        }
-        removeClass(modalDom, classes.leave);
-      }, 200);
-    }
-  }
-};
-getModal = () => {
-  if (isServer) {
-    return null;
-  }
-  let modalDom = PopupManager.modalDom;
-  if (modalDom) {
-    PopupManager.hasModal = true;
-  } else {
-    PopupManager.hasModal = false;
-    modalDom = document.createElement("div");
-    PopupManager.modalDom = modalDom;
-    modalDom.addEventListener(
-      "touchmove",
-      (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-      },
-      { passive: true }
-    );
-    on(modalDom, "click", () => {
-      PopupManager.doOnModalClick();
-    });
-  }
-  return modalDom;
-};
-if (!isServer) {
-  on(window, "keydown", (event) => {
-    if (event.keyCode === KEY_CODE.Escape) {
-      const modalStack = PopupManager.modalStack;
-      if (modalStack.length > 0) {
-        const topPopup = modalStack[modalStack.length - 1];
-        if (!topPopup) {
-          return;
-        }
-        const topPopupVm = PopupManager.getInstance(topPopup.id);
-        if (topPopupVm && topPopupVm.closeOnPressEscape) {
-          if (topPopupVm.handleClose) {
-            topPopupVm.handleClose("esc");
-          } else if (topPopupVm.handleAction) {
-            topPopupVm.handleAction("cancel");
-          } else {
-            topPopupVm.close();
-          }
-        }
-      }
-    }
-  });
-}
+import { PopupManager } from "@opentiny/utils";
 var popup_manager_default = PopupManager;
 export {
   popup_manager_default as default

package/container/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { isNumber } from "../common/type";
+import { isNumber } from "@opentiny/utils";
 const computedShowHeader = ({ constants, props }) => () => props.pattern !== constants.SIMPLE;
 const computedShowFooter = ({ constants, props }) => () => props.pattern === constants.LEGEND || props.pattern === constants.CLASSIC;
 const computedShowAside = ({ constants, props }) => () => props.pattern !== constants.CLASSIC;
@@ -79,7 +79,7 @@ const computedLeftStyle = ({ constants, props }) => () => {
   };
 };
 const computedShowRight = ({ constants, props }) => () => {
-  return props.pattern === constants.DEFAULT ? false : true;
+  return props.pattern !== constants.DEFAULT;
 };
 const computedRightStyle = ({ constants, props }) => () => {
   return {

package/crop/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
-import { toFileSize } from "../common/string";
+import { on, off } from "@opentiny/utils";
+import { toFileSize } from "@opentiny/utils";
 const watchImageSrc = (state) => (value) => state.src = value;
 const watchVisible = ({ api, state }) => (value) => {
   if (value) {
@@ -46,7 +46,7 @@ const closeCrop = ({ emit, state }) => () => {
 };
 const createCrop = ({ emit, props, refs, state }) => () => {
   const Cropper = props.plugin;
-  const cropImage2 = refs.cropImage;
+  const cropImage2 = refs.cropImageRef;
   state.cropper = new Cropper(cropImage2, {
     modal: props.modal,
     guides: props.guides,

package/currency/index.js

@@ -2,7 +2,7 @@ import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
 import { isUndefined, isNull } from "../grid/static";
-import { log } from "../common";
+import { logger } from "@opentiny/utils";
 const init = ({ state, service, api }) => () => {
   const { textField, valueField } = service.fields;
   service.fetchCurrency().then((data) => {
@@ -50,7 +50,7 @@ const fixServiceData = ({ props, service }) => (data) => {
         if (text) {
           option[valueField] = text;
         } else {
-          log("data error. set it to the default value.", "warn");
+          logger.warn("data error. set it to the default value.");
           option[textField] = option[valueField] = props.currency;
         }
       }

package/date-panel/index.js

@@ -3,28 +3,30 @@ import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
 import { getWeekData } from "../picker";
-import debounce from "../common/deps/debounce";
 import {
-  isDate,
-  parseDate,
+  debounce,
+  isDate1,
+  parseDate1,
   modifyDate,
   modifyTime,
   clearTime,
   prevYear,
   nextYear,
   prevMonth,
-  nextMonth,
+  nextMonth1,
   timeWithinRange,
   clearMilliseconds,
   modifyWithTimeString,
   changeYearMonthAndClampDate,
   formatDate,
-  extractTimeFormat
-} from "../common/deps/date-util";
-import { DATEPICKER } from "../common";
-import { on, off } from "../common/deps/dom";
-import { getDateWithNewTimezone, getLocalTimezone } from "../common/date";
-import { fillChar } from "../common/string";
+  extractTimeFormat,
+  DATEPICKER,
+  fillChar,
+  on,
+  off,
+  getDateWithNewTimezone,
+  getLocalTimezone
+} from "@opentiny/utils";
 const getYearLabel = ({ state, t }) => () => {
   const { YearI18n, Year, PanelYearNum } = DATEPICKER;
   const yearTranslation = t(YearI18n);
@@ -41,14 +43,14 @@ const watchValue = ({ api, state }) => (value) => {
   if ([DATEPICKER.Dates, DATEPICKER.Years].includes(state.selectionMode) && state.value) {
     return;
   }
-  if (isDate(value)) {
+  if (isDate1(value)) {
     state.date = state.selectionMode === "week" ? getWeekData(value) : new Date(value);
   } else {
     state.date = api.getDefaultValue();
   }
 };
 const watchDefaultValue = ({ state }) => (value) => {
-  if (!isDate(state.value)) {
+  if (!isDate1(state.value)) {
     state.date = value ? new Date(value) : /* @__PURE__ */ new Date();
   }
 };
@@ -118,10 +120,29 @@ const cusEmit = ({ state, emit }) => (value, ...args) => {
   state.userInputDate = null;
   state.userInputTime = null;
 };
-const showMonthPicker = ({ state }) => () => state.currentView = DATEPICKER.Month;
-const showYearPicker = ({ state }) => () => state.currentView = DATEPICKER.Year;
+const panelEmit = ({ state, emit, t, props }) => (value, ...args) => {
+  state.date = value;
+  state.value = value;
+  let format;
+  if (props.type === "month") {
+    format = props.format || DATEPICKER.DateFormats.month;
+  } else if (props.type === "year") {
+    format = props.format || DATEPICKER.DateFormats.year;
+  } else {
+    format = props.format;
+  }
+  const formatVal = formatDate(value, format, t);
+  emit("select-change", formatVal, ...args);
+  emit("update:modelValue", formatVal, ...args);
+};
+const showHeaderPicker = ({ state, props }) => (type) => {
+  if (props.readonly) {
+    return;
+  }
+  state.currentView = DATEPICKER[type];
+};
 const cusPrevMonth = ({ state }) => () => state.date = prevMonth(state.date);
-const cusNextMonth = ({ state }) => () => state.date = nextMonth(state.date);
+const cusNextMonth = ({ state }) => () => state.date = nextMonth1(state.date);
 const cusPrevYear = ({ state }) => () => {
   if (state.currentView === DATEPICKER.Year) {
     state.startYear = state.startYear - DATEPICKER.PanelYearNum;
@@ -136,11 +157,25 @@ const cusNextYear = ({ state }) => () => {
     state.date = nextYear(state.date);
   }
 };
-const handleShortcutClick = (api) => (shortcut) => {
+const handleShortcutClick = (api, props, state) => (shortcut) => {
   if (shortcut.onClick) {
     const picker = {
       $emit: (type, start, end) => {
-        api.doPick(start, end);
+        var _a;
+        if ((_a = props.shortcuts) == null ? void 0 : _a.length) {
+          if (props.type === "month") {
+            state.date = start;
+            api.handleMonthPick(start.getMonth());
+          } else if (props.type === "year") {
+            state.date = start;
+            state.startYear = Math.floor(start.getFullYear() / 10) * 10;
+            api.handleYearPick(start.getFullYear());
+          } else {
+            api.handleDatePick(start, end);
+          }
+        } else {
+          api.doPick(start, end);
+        }
       }
     };
     shortcut.onClick(picker);
@@ -150,7 +185,7 @@ const doPick = (emit) => (date) => {
   emit("pick", date, false);
 };
 const handleTimePick = ({ api, state, t }) => (value, visible, first) => {
-  if (isDate(value)) {
+  if (isDate1(value)) {
     const newDate = state.value ? modifyTime(state.value, value.getHours(), value.getMinutes(), value.getSeconds()) : modifyWithTimeString(api.getDefaultValue(), state.defaultTime, t);
     state.date = newDate;
     api.cusEmit(state.date, true);
@@ -164,7 +199,17 @@ const handleTimePick = ({ api, state, t }) => (value, visible, first) => {
 const handleTimePickClose = (state) => () => {
   state.timePickerVisible = false;
 };
-const handleMonthPick = ({ api, state }) => (month) => {
+const handleMonthPick = ({ api, state, props, t }) => (month) => {
+  if (props.readonly) {
+    return;
+  }
+  if (props.type === DATEPICKER.Month) {
+    state.date = modifyDate(state.date, state.date.getFullYear(), month, 2);
+    state.value = state.date;
+    api.cusEmit(state.date);
+    api.panelEmit(state.date, t, props);
+    return;
+  }
   if (state.selectionMode === DATEPICKER.Month) {
     state.date = modifyDate(state.date, state.year, month, 1);
     api.cusEmit(state.date);
@@ -173,7 +218,10 @@ const handleMonthPick = ({ api, state }) => (month) => {
     state.currentView = DATEPICKER.Date;
   }
 };
-const handleDatePick = ({ api, state, t }) => (value) => {
+const handleDatePick = ({ api, state, t, props }) => (value) => {
+  if (props.readonly) {
+    return;
+  }
   if (state.selectionMode === DATEPICKER.Day) {
     let newDate = state.value ? modifyDate(state.value, value.getFullYear(), value.getMonth(), value.getDate()) : modifyWithTimeString(value, state.defaultTime, t);
     if (!api.checkDateWithinRange(newDate)) {
@@ -186,11 +234,13 @@ const handleDatePick = ({ api, state, t }) => (value) => {
   } else if (state.selectionMode === DATEPICKER.Dates) {
     api.cusEmit(value, true);
   }
+  api.panelEmit(state.date, t, props);
 };
-const handleYearPick = ({ api, state }) => (value) => {
+const handleYearPick = ({ api, state, props, t }) => (value) => {
   if (state.selectionMode === DATEPICKER.Year) {
     state.date = modifyDate(state.date, value, 0, 2);
     api.cusEmit(state.date);
+    api.panelEmit(state.date, t, props);
   } else if ([DATEPICKER.Years].includes(state.selectionMode)) {
     state.date = value.map((year) => new Date(year, 0, 2));
     api.cusEmit(state.date, state.selectionMode === DATEPICKER.YearRange ? value.length < 2 : true);
@@ -326,7 +376,7 @@ const handleKeyControl = ({ state, emit }) => (keyCode) => {
   }
 };
 const handleVisibleTimeChange = ({ api, vm, state, t }) => (value) => {
-  const time = parseDate(value, state.timeFormat, t);
+  const time = parseDate1(value, state.timeFormat, t);
   if (time && api.checkDateWithinRange(time)) {
     state.date = modifyDate(time, state.year, state.month, state.monthDate);
     state.userInputTime = null;
@@ -338,7 +388,7 @@ const handleVisibleTimeChange = ({ api, vm, state, t }) => (value) => {
   }
 };
 const handleVisibleDateChange = ({ api, state, t }) => (value) => {
-  const date = parseDate(value, state.dateFormat, t);
+  const date = parseDate1(value, state.dateFormat, t);
   if (date) {
     if (typeof state.disabledDate === "function" && state.disabledDate(date)) {
       return;
@@ -403,7 +453,13 @@ const getRenderTz = ({ state }) => (value) => {
   if (!state.showTimezone || !value) {
     return;
   }
-  state.renderTzdata = value[state.lang];
+  const lang = state.lang.replace(/[-_]/g, "").toLowerCase();
+  Object.keys(value).forEach((key) => {
+    if (key.replace(/[-_]/g, "").toLowerCase() === lang) {
+      value[lang] = value[key];
+    }
+  });
+  state.renderTzdata = value[lang];
   if (state.renderTzdata) {
     const { isServiceTimezone, to } = state.timezone;
     const selectedTz = state.selectedTz || {};
@@ -470,12 +526,12 @@ export {
   handleVisibleTimeChange,
   handleYearPick,
   isValidValue,
+  panelEmit,
   proxyTimePickerDataProperties,
   resetView,
   searchTz,
   selectTz,
-  showMonthPicker,
-  showYearPicker,
+  showHeaderPicker,
   toggleTz,
   watchDefaultValue,
   watchSelectionMode,

package/date-panel/vue.js

@@ -22,11 +22,11 @@ import {
   handleLeave,
   handleEnter,
   getYearLabel,
-  showYearPicker,
-  showMonthPicker,
+  showHeaderPicker,
   handleTimePick,
   checkDateWithinRange,
   cusEmit,
+  panelEmit,
   getDefaultValue,
   isValidValue,
   handleVisibleDateChange,
@@ -47,8 +47,7 @@ import {
   getDisabledConfirm,
   getNowTime
 } from "./index";
-import { getWeekNumber, extractDateFormat } from "../common/deps/date-util";
-import { DATEPICKER, DATE } from "../common";
+import { DATEPICKER, DATE, toDate1, getWeekNumber, modifyDate, extractDateFormat } from "@opentiny/utils";
 const api = [
   "state",
   "isValidValue",
@@ -65,8 +64,7 @@ const api = [
   "handleMonthPick",
   "handleYearPick",
   "handleDatePick",
-  "showMonthPicker",
-  "showYearPicker",
+  "showHeaderPicker",
   "handleTimePick",
   "handleEnter",
   "handleVisibleTimeChange",
@@ -76,23 +74,23 @@ const api = [
   "handleTimePickClose",
   "getNowTime"
 ];
-const initState = ({ reactive, computed, api: api2, i18n, designConfig }) => {
+const initState = ({ reactive, computed, api: api2, i18n, designConfig, props }) => {
   var _a, _b;
   const state = reactive({
-    popperClass: "",
+    popperClass: props.popperClass || "",
     date: /* @__PURE__ */ new Date(),
     value: "",
     defaultValue: null,
     defaultTime: null,
-    showTime: false,
+    showTime: props.type === "datetimerange" || false,
     selectionMode: DATEPICKER.Day,
-    shortcuts: "",
+    shortcuts: props.shortcuts || [],
     visible: false,
     currentView: DATEPICKER.Date,
-    disabledDate: "",
+    disabledDate: props.disabledDate || null,
     cellClassName: "",
     selectableRange: [],
-    firstDayOfWeek: 7,
+    firstDayOfWeek: props.firstDayOfWeek || 7,
     showWeekNumber: false,
     timePickerVisible: false,
     format: "",
@@ -128,7 +126,41 @@ const initState = ({ reactive, computed, api: api2, i18n, designConfig }) => {
   state.needChangeTimezoneData = true;
   return state;
 };
-const initWatch = ({ watch, state, api: api2, nextTick }) => {
+const initWatch = ({ watch, state, api: api2, nextTick, props }) => {
+  watch(
+    () => props.modelValue,
+    (value) => {
+      let newVal;
+      const val = toDate1(value);
+      if (val) {
+        const localOffset = val.getTimezoneOffset() * 6e4;
+        newVal = toDate1(val - localOffset);
+      }
+      if (newVal) {
+        const newDate = modifyDate(newVal, newVal.getFullYear(), newVal.getMonth(), newVal.getUTCDate() + 1);
+        state.date = newDate;
+        state.value = newDate;
+      }
+    },
+    { immediate: true }
+  );
+  watch(
+    () => props.type,
+    (value) => {
+      if (["date", "month", "year"].includes(value)) {
+        state.selectionMode = value;
+        state.currentView = value;
+      }
+    },
+    { immediate: true }
+  );
+  watch(
+    () => props.format,
+    (value) => {
+      state.format = value;
+    },
+    { immediate: true }
+  );
   watch(
     () => state.isShowTz,
     () => {
@@ -166,17 +198,17 @@ const initApi = ({ api: api2, state, t, emit, nextTick, vm, watch, props }) => {
     selectTz: selectTz({ emit, state }),
     handleTzPickClose: handleTzPickClose(state),
     getDefaultValue: getDefaultValue(state),
-    showYearPicker: showYearPicker({ state }),
+    showHeaderPicker: showHeaderPicker({ state, props }),
     handleTimePickClose: handleTimePickClose(state),
     cusNextMonth: cusNextMonth({ state }),
     cusPrevMonth: cusPrevMonth({ state }),
     resetView: resetView({ state }),
-    showMonthPicker: showMonthPicker({ state }),
     cusNextYear: cusNextYear({ state }),
     cusPrevYear: cusPrevYear({ state }),
     watchDefaultValue: watchDefaultValue({ state }),
     getYearLabel: getYearLabel({ state, t }),
     cusEmit: cusEmit({ state, emit }),
+    panelEmit: panelEmit({ state, emit, t, props }),
     watchTimePickerVisible: watchTimePickerVisible({ nextTick, vm }),
     checkDateWithinRange: checkDateWithinRange({ state }),
     watchSelectionMode: watchSelectionMode({ state }),
@@ -192,13 +224,13 @@ const initApi = ({ api: api2, state, t, emit, nextTick, vm, watch, props }) => {
     watchValue: watchValue({ api: api2, state }),
     handleKeydown: handleKeydown({ api: api2, state }),
     confirm: confirm({ api: api2, state, t }),
-    handleMonthPick: handleMonthPick({ api: api2, state }),
+    handleMonthPick: handleMonthPick({ api: api2, state, props, t, emit }),
     handleVisibleDateChange: handleVisibleDateChange({ api: api2, state, t }),
     handleTimePick: handleTimePick({ api: api2, state, t }),
-    handleYearPick: handleYearPick({ api: api2, state }),
-    handleDatePick: handleDatePick({ api: api2, state, t }),
+    handleYearPick: handleYearPick({ api: api2, state, props, t }),
+    handleDatePick: handleDatePick({ api: api2, state, t, props }),
     computerVisibleTime: computerVisibleTime({ state, t }),
-    handleShortcutClick: handleShortcutClick(api2),
+    handleShortcutClick: handleShortcutClick(api2, props, state),
     computerVisibleDate: computerVisibleDate({ state, t }),
     handleVisibleTimeChange: handleVisibleTimeChange({ api: api2, vm, state, t }),
     computerTimeFormat: computerTimeFormat({ state }),
@@ -210,9 +242,9 @@ const initApi = ({ api: api2, state, t, emit, nextTick, vm, watch, props }) => {
 const renderless = (props, { computed, reactive, watch, nextTick }, { t, emit: $emit, vm, i18n, designConfig }) => {
   const api2 = {};
   const emit = props.emitter ? props.emitter.emit : $emit;
-  const state = initState({ reactive, computed, api: api2, i18n, designConfig });
+  const state = initState({ reactive, computed, api: api2, i18n, designConfig, props });
   initApi({ api: api2, state, t, emit, nextTick, vm, watch, props });
-  initWatch({ watch, state, api: api2, nextTick });
+  initWatch({ watch, state, api: api2, nextTick, props, t });
   return api2;
 };
 export {

package/date-picker/vue.js

@@ -16,7 +16,7 @@ import {
   onChange,
   updateColumnValue
 } from "./index";
-import { DATE } from "../common";
+import { DATE } from "@opentiny/utils";
 const api = [
   "state",
   "clearDisplayValue",

package/date-picker-mobile/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { format } from "../common/date";
+import { formatDateByPattern as format } from "@opentiny/utils";
 const getFormatTime = (time) => {
   return ("0" + time).slice(-2);
 };