@opentiny/vue-renderless 3.21.2 → 3.22.0

package/numeric/index.js

@@ -2,11 +2,11 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { formatNumber, roundFixed } from "../common/decimal";
-import { getMiniDecimal, lessEquals, equalsDecimal } from "../common/bigInt";
-import { isNumber, isNull } from "../common/type";
-import { MOUSEDELTA } from "../common";
-import { on, off } from "../common/deps/dom";
+import { formatNumber, roundFixed } from "@opentiny/utils";
+import { getMiniDecimal, lessEquals, equalsDecimal } from "@opentiny/utils";
+import { isNumber, isNull } from "@opentiny/utils";
+import { MOUSEDELTA } from "@opentiny/utils";
+import { on, off } from "@opentiny/utils";
 const initService = (service) => {
   const { utils = {} } = service || {};
   const noopFn = () => null;

package/option/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { getObj } from "../common/object";
+import { getObj } from "@opentiny/utils";
 const escapeRegexpString = (value = "") => String(value).replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
 const isEqual = ({ select, state }) => (a, b) => {
   if (!state.isObject) {

package/option/vue.js

@@ -26,7 +26,7 @@ const initState = ({ reactive, computed, props, api: api2, markRaw, select, pare
     disabled: computed(() => props.disabled || state.groupDisabled),
     isObject: computed(() => Object.prototype.toString.call(props.value).toLowerCase() === "[object object]"),
     currentLabel: computed(() => props.label || (state.isObject ? "" : props.value)),
-    currentValue: computed(() => props.value || props.label || ""),
+    currentValue: props.value || props.label || "",
     itemSelected: computed(() => {
       if (!select.multiple) {
         return api2.isEqual(props.value, select.state.modelValue);
@@ -73,6 +73,7 @@ const initWatch = ({ watch, props, state, select, constants }) => {
     () => props.value,
     (value, oldVal) => {
       const { remote, valueKey } = select;
+      state.currentValue = value || props.label || "";
       if (!props.created && !remote) {
         if (valueKey && typeof value === "object" && typeof oldVal === "object" && value[valueKey] === oldVal[valueKey]) {
           return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.21.2",
+  "version": "3.22.0",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
   "license": "MIT",
@@ -25,7 +25,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@opentiny/utils": "^1.0.0",
+    "@opentiny/utils": "~3.22.0",
+    "@opentiny/vue-hooks": "~3.22.0",
     "color": "4.2.3"
   },
   "devDependencies": {

package/pager/index.js

@@ -1,7 +1,7 @@
 import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { emitEvent } from "../common/event";
+import { emitEvent } from "@opentiny/utils";
 const computedShowPager = ({ props, state }) => () => {
   const hidePager = props.hideOnSinglePage && (!state.internalPageCount || state.internalPageCount === 1);
   return state.internalLayout.length > 0 && !hidePager;
@@ -78,19 +78,16 @@ const handleJumperFocus = ({ state }) => (e) => {
   var _a;
   state.jumperBackup = (_a = e.target) == null ? void 0 : _a.value;
 };
-const watchInternalCurrentPage = ({ state, emit }) => (currentPage) => {
+const watchInternalCurrentPage = ({ state, emit, props }) => (currentPage) => {
   const value = String(currentPage);
   if (state.jumperValue !== value) {
     state.jumperValue = value;
   }
-  emit("update:current-page", currentPage);
-  emit("current-change", currentPage);
-  state.lastEmittedPage = -1;
-};
-const watchPageSizes = ({ state, props }) => (newVal) => {
-  if (Array.isArray(newVal)) {
-    state.internalPageSize = newVal.includes(props.pageSize) ? props.pageSize : newVal[0];
+  if (props.changeCompat) {
+    emit("update:current-page", currentPage);
+    emit("current-change", currentPage);
   }
+  state.lastEmittedPage = -1;
 };
 const watchCurrentPage = ({ state, api }) => (curPage) => {
   state.internalCurrentPage = api.getValidCurrentPage(curPage);
@@ -105,8 +102,10 @@ const watchInternalPageCount = ({ state, api }) => (pageCount) => {
   }
   state.userChangePageSize = false;
 };
-const watchPageSize = ({ state }) => (pageSize) => {
-  state.internalPageSize = isNaN(pageSize) ? 10 : pageSize;
+const watchInternalPageSize = ({ props, emit }) => (pageSize) => {
+  if (props.changeCompat) {
+    emit("size-change", pageSize);
+  }
 };
 const watchTotal = ({ state }) => (total) => {
   state.internalTotal = total;
@@ -133,7 +132,9 @@ const handleSizeChange = ({ props, state, api, emit, vm }) => (val) => {
       state.userChangePageSize = true;
       state.showSizes = false;
       emit("update:pageSize", val);
-      emit("size-change", val);
+      if (!props.changeCompat) {
+        emit("size-change", val);
+      }
       emit("page-change", {
         currentPage: state.internalCurrentPage,
         pageSize: val,
@@ -338,10 +339,21 @@ const getValidCurrentPage = ({ state }) => (val) => {
   }
   return resetVal === void 0 ? parseVal : resetVal;
 };
-const emitChange = ({ state, nextTick, emit }) => () => {
+const getInternalPageSize = ({ props }) => () => {
+  const { pageSize, pageSizes } = props;
+  let internalPageSize = isNaN(pageSize) ? 10 : Number(pageSize);
+  if (Array.isArray(pageSizes)) {
+    internalPageSize = pageSizes.includes(pageSize) ? pageSize : pageSizes[0];
+  }
+  return internalPageSize;
+};
+const emitChange = ({ state, nextTick, emit, props }) => () => {
   nextTick(() => {
     if (state.internalCurrentPage !== state.lastEmittedPage || state.userChangePageSize) {
-      emit("update:current-page", state.internalCurrentPage);
+      if (!props.changeCompat) {
+        emit("update:current-page", state.internalCurrentPage);
+        emit("current-change", state.internalCurrentPage);
+      }
       emit("page-change", {
         currentPage: state.internalCurrentPage,
         pageSize: state.internalPageSize,
@@ -373,6 +385,7 @@ export {
   computedTotalText,
   copyEmit,
   emitChange,
+  getInternalPageSize,
   getValidCurrentPage,
   handleCurrentChange,
   handleJumperChange,
@@ -390,8 +403,7 @@ export {
   watchCurrentPage,
   watchInternalCurrentPage,
   watchInternalPageCount,
-  watchPageSize,
-  watchPageSizes,
+  watchInternalPageSize,
   watchShowSizes,
   watchTotal
 };

package/pager/vue.js

@@ -7,6 +7,7 @@ import {
   computedSimplestPagerOption,
   computedSimplestPagerWidth,
   computedPageSizeText,
+  getInternalPageSize,
   handleJumperFocus,
   handleSizeChange,
   handleJumperInput,
@@ -30,12 +31,11 @@ import {
   setTotal,
   clickSizes,
   watchInternalCurrentPage,
-  watchPageSizes,
   watchCurrentPage,
   watchInternalPageCount,
-  watchPageSize,
   watchTotal,
-  watchShowSizes
+  watchShowSizes,
+  watchInternalPageSize
 } from "./index";
 const api = [
   "state",
@@ -63,12 +63,12 @@ const api = [
   "clickSizes"
 ];
 const renderless = (props, { reactive, computed, watch }, { emit, vm, nextTick, t, designConfig }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   const api2 = {};
   const state = reactive({
     showSizes: false,
     internalCurrentPage: 1,
-    internalPageSize: props.pageSize,
+    internalPageSize: 10,
     lastEmittedPage: -1,
     userChangePageSize: false,
     internalTotal: props.total,
@@ -81,12 +81,15 @@ const renderless = (props, { reactive, computed, watch }, { emit, vm, nextTick,
     totalText: computed(() => api2.computedTotalText()),
     internalPageCount: computed(() => api2.computedInternalPageCount()),
     showJumperSuffix: (_b = (_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.showJumperSuffix) != null ? _b : true,
-    align: props.align || ((_c = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _c.align) || "right",
-    totalI18n: ((_d = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _d.totalI18n) || "totals",
+    align: computed(() => {
+      var _a2;
+      return props.align || ((_a2 = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a2.align) || "right";
+    }),
+    totalI18n: ((_c = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _c.totalI18n) || "totals",
     totalFixedLeft: computed(
       () => {
-        var _a2, _b2, _c2, _d2;
-        return (_d2 = (_c2 = (_b2 = props.totalFixedLeft) != null ? _b2 : (_a2 = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a2.totalFixedLeft) != null ? _c2 : props.mode !== "simplest") != null ? _d2 : true;
+        var _a2, _b2, _c2, _d;
+        return (_d = (_c2 = (_b2 = props.totalFixedLeft) != null ? _b2 : (_a2 = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a2.totalFixedLeft) != null ? _c2 : props.mode !== "simplest") != null ? _d : true;
       }
     ),
     pageSizeText: computed(() => api2.computedPageSizeText())
@@ -119,26 +122,34 @@ const renderless = (props, { reactive, computed, watch }, { emit, vm, nextTick,
     prev: prev({ state, props, api: api2, emit }),
     next: next({ props, state, api: api2, emit }),
     buildBeforePageChangeParam: buildBeforePageChangeParam({ state }),
-    emitChange: emitChange({ state, nextTick, emit }),
+    emitChange: emitChange({ state, nextTick, emit, props }),
     setTotal: setTotal({ state }),
     clickSizes: clickSizes(),
     // watch
-    watchInternalCurrentPage: watchInternalCurrentPage({ state, emit }),
-    watchPageSizes: watchPageSizes({ state, props }),
+    watchInternalCurrentPage: watchInternalCurrentPage({ state, emit, props }),
+    getInternalPageSize: getInternalPageSize({ state, props }),
     watchCurrentPage: watchCurrentPage({ state, api: api2 }),
     watchInternalPageCount: watchInternalPageCount({ state, api: api2 }),
-    watchPageSize: watchPageSize({ state }),
     watchTotal: watchTotal({ state }),
-    watchShowSizes: watchShowSizes({ nextTick, vm })
+    watchShowSizes: watchShowSizes({ nextTick, vm }),
+    watchInternalPageSize: watchInternalPageSize({ emit, props })
   });
   state.internalCurrentPage = api2.getValidCurrentPage(props.currentPage);
+  state.internalPageSize = api2.getInternalPageSize();
   watch(() => state.internalCurrentPage, api2.watchInternalCurrentPage);
-  watch(() => props.pageSizes, api2.watchPageSizes, { immediate: true });
+  watch(() => state.internalPageSize, api2.watchInternalPageSize);
   watch(() => props.currentPage, api2.watchCurrentPage);
   watch(() => state.internalPageCount, api2.watchInternalPageCount);
-  watch(() => props.pageSize, api2.watchPageSize, { immediate: true });
   watch(() => props.total, api2.watchTotal);
   watch(() => state.showSizes, api2.watchShowSizes);
+  watch(
+    () => props.pageSize,
+    () => state.internalPageSize = api2.getInternalPageSize()
+  );
+  watch(
+    () => props.pageSizes,
+    () => state.internalPageSize = api2.getInternalPageSize()
+  );
   return api2;
 };
 export {

package/panel/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { emitEvent } from "../common/event";
+import { emitEvent } from "@opentiny/utils";
 const toggle = ({ api, state }) => () => {
   state.isShow ? api.collapse() : api.expand();
 };

package/picker/index.js

@@ -2,12 +2,12 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { toDate, getDateWithNewTimezone, getStrTimezone, getLocalTimezone } from "../common/date";
-import { isNumber, isDate } from "../common/type";
-import userPopper from "../common/deps/vue-popper";
-import { DATEPICKER } from "../common";
-import { formatDate, parseDate, isDateObject, getWeekNumber, prevDate, nextDate } from "../common/deps/date-util";
-import { extend } from "../common/object";
+import { toDate1, getDateWithNewTimezone, getStrTimezone, getLocalTimezone } from "@opentiny/utils";
+import { isNumber, isDate } from "@opentiny/utils";
+import { userPopper } from "@opentiny/vue-hooks";
+import { DATEPICKER } from "@opentiny/utils";
+import { formatDate, parseDate1 as parseDate, isDateObject, getWeekNumber, prevDate, nextDate } from "@opentiny/utils";
+import { extend } from "@opentiny/utils";
 import globalTimezone from "./timezone";
 const iso8601Reg = /^\d{4}-\d{2}-\d{2}(.)\d{2}:\d{2}:\d{2}(.+)$/;
 const getPanel = ({
@@ -158,7 +158,7 @@ const parsedValue = ({ api, props, state, t }) => () => {
     }
     return getDateWithNewTimezone(result || props.modelValue, from, to, timezoneOffset);
   }
-  const trans = (value) => typeof value === "string" || isNumber(value) ? toDate(value) : value;
+  const trans = (value) => typeof value === "string" || isNumber(value) ? toDate1(value) : value;
   const values = [].concat(props.modelValue).map((val) => getDateWithNewTimezone(trans(val), from, to, timezoneOffset));
   return values.length > 1 ? values : values[0];
 };
@@ -704,8 +704,11 @@ const handleClose = ({ api, props, state }) => () => {
     api.emitInput(oldValue, true);
   }
 };
-const handleFocus = ({ emit, vm, state, api }) => () => {
+const handleFocus = ({ emit, vm, state, api, props }) => () => {
   const type = state.type;
+  if (props.readonly || state.pickerDisabled) {
+    return;
+  }
   if (DATEPICKER.TriggerTypes.includes(type)) {
     if (state.isMobileScreen && state.isDateMobileComponent) {
       api.dateMobileToggle(true);
@@ -772,9 +775,6 @@ const hidePicker = ({ destroyPopper, state }) => () => {
   }
 };
 const showPicker = ({ api, nextTick, updatePopper, state }) => () => {
-  if (state.$isServer) {
-    return;
-  }
   if (!state.picker) {
     api.mountPicker();
   }

package/picker/vue.js

@@ -59,7 +59,7 @@ import {
   formatInputValue
 } from "./index";
 import { dateMobileToggle, timeMobileToggle, dateToTimeArray, timeArrayToDate, timeMobileConfirm } from "./mb";
-import { DATEPICKER } from "../common";
+import { DATEPICKER } from "@opentiny/utils";
 const api = [
   "state",
   "btnClick",
@@ -166,7 +166,7 @@ const initApi = ({ api: api2, props, hooks, state, vnode, others, utils, parent
     hidePicker: hidePicker({ destroyPopper, state }),
     handleSelectChange: ({ tz, date }) => !state.ranged && emit("select-change", { tz, date }),
     getPanel: getPanel(others),
-    handleFocus: handleFocus({ emit, vm, state, api: api2 }),
+    handleFocus: handleFocus({ emit, vm, state, api: api2, props }),
     getTimezone: getTimezone({ props, utils }),
     emitChange: emitChange({ api: api2, dispatch, emit, props, state }),
     parsedValue: parsedValue({ api: api2, props, state, t }),

package/picker-column/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 const computedWrapperStyle = (state) => () => {
   const wrapperStyle = {
     transform: `translate3d(0, ${state.offset + state.baseOffset}px, 0)`,

package/pop-upload/vue.js

@@ -41,7 +41,7 @@ import {
   fileUploadChange,
   deleteFile
 } from "./index";
-import { formatFileSize } from "../common/string";
+import { formatFileSize } from "@opentiny/utils";
 const api = [
   "state",
   "closeSuccessTips",

package/popconfirm/vue.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 import { show, hide, confirm, handleEmit, handleDocumentClick } from "./index";
 const api = ["state", "show", "hide", "confirm", "handleEmit"];
 const renderless = (props, { computed, reactive, onMounted, onBeforeUnmount }, { emit, constants, designConfig, vm }) => {

package/popeditor/index.js

@@ -1,11 +1,11 @@
 import "../chunk-G2ADBYYC.js";
-import { find } from "../common/array";
-import { typeOf, isNull } from "../common/type";
-import { getDataset } from "../common/dataset";
-import { isNullOrEmpty } from "../common/string";
-import { isEqual } from "../common/object";
+import { find } from "@opentiny/utils";
+import { typeOf, isNull } from "@opentiny/utils";
+import { getDataset } from "@opentiny/utils";
+import { isNullOrEmpty } from "@opentiny/utils";
+import { isEqual } from "@opentiny/utils";
 import { eachTree } from "../grid/static";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 const computedGetTitle = ({ constants, props, t }) => props.title || t(constants.TITLE);
 const computedModalWidth = ({ constants, props }) => {
   let modalWidth = 0;

package/popeditor/vue.js

@@ -1,8 +1,8 @@
 import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import debounce from "../common/deps/debounce";
-import userPopper from "../common/deps/vue-popper";
+import { debounce } from "@opentiny/utils";
+import { userPopper } from "@opentiny/vue-hooks";
 import {
   computedGetTitle,
   computedTreeOp,

package/popover/index.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
-import { on, off, addClass, removeClass } from "../common/deps/dom";
-import { guid } from "../common/string";
-import { KEY_CODE } from "../common";
+import { on, off, addClass, removeClass } from "@opentiny/utils";
+import { guid } from "@opentiny/utils";
+import { KEY_CODE } from "@opentiny/utils";
 const processTrigger = ({
   api,
   state,

package/popover/vue.js

@@ -20,7 +20,7 @@ import {
   handleItemClick,
   observeCallback
 } from "./index";
-import userPopper from "../common/deps/vue-popper";
+import { userPopper } from "@opentiny/vue-hooks";
 const api = [
   "state",
   "handleAfterEnter",

package/popup/index.js

@@ -1,10 +1,10 @@
 import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
-import { touchStart, touchMove } from "../common/deps/touch";
+import { on, off } from "@opentiny/utils";
+import { touchStart, touchMove } from "@opentiny/utils";
 import { getScroller } from "../dropdown-menu";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 const getStyle = (props) => () => {
   const style = __spreadValues({}, props.popupStyle);
   if (!isNull(props.duration)) {

package/pull-refresh/index.js

@@ -1,7 +1,7 @@
 import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 const PULL_UP_TIME_OUT = 300;
 const initPullRefresh = ({ t, props, state }) => () => {
   var _a, _b, _c;

package/pull-refresh-mobile-first/index.js

@@ -2,7 +2,7 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { on, off, getScrollTop, preventDefault } from "../common/deps/dom";
+import { on, off, getScrollTop, preventDefault } from "@opentiny/utils";
 const onTouchstart = ({ state }) => (event) => {
   state.draggposition = event.touches[0].clientY;
 };

package/pull-refresh-mobile-first/vue.js

@@ -19,10 +19,10 @@ import {
   parseHeaderHeight,
   checkSelfSimulate
 } from "./index";
-import { getScrollParent } from "../common/deps/dom";
-import { useTouch } from "../common/deps/useTouch";
-import { useEventListener } from "../common/deps/useEventListener";
-import emulate from "../common/deps/touch-emulator";
+import { getScrollParent } from "@opentiny/utils";
+import { useTouch } from "@opentiny/vue-hooks";
+import { useEventListener } from "@opentiny/vue-hooks";
+import { emulate } from "@opentiny/utils";
 emulate();
 const api = ["state", "constants", "onTouchStart", "onTouchEnd", "getStatusText"];
 const renderless = (props, { ref, unref, toRef, isRef, reactive, computed, watch, onMounted, onUnmounted, onActivated, onDeactivated }, { vm, emit, constants, t, nextTick, slots }, { Loading }) => {

package/quarter-panel/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { modifyDate, nextYear, prevYear } from "../common/deps/date-util";
-import { DATEPICKER } from "../common";
+import { modifyDate, nextYear, prevYear } from "@opentiny/utils";
+import { DATEPICKER } from "@opentiny/utils";
 const getTarget = (event) => {
   let target = event.target;
   const tagName = target.tagName;

package/quarter-panel/vue.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { DATEPICKER } from "../common";
+import { DATEPICKER } from "@opentiny/utils";
 import {
   handleQuarterTableClick,
   showYearPicker,

package/radio-group/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { KEY_CODE } from "../common";
+import { KEY_CODE } from "@opentiny/utils";
 const handleKeydown = (parent) => (event) => {
   const target = event.target;
   const className = (target == null ? void 0 : target.nodeName) === "INPUT" ? "[type=radio]" : "[role=radio]";

package/rate/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { KEY_CODE } from "../common";
+import { KEY_CODE } from "@opentiny/utils";
 const computedActiveColor = (props) => (state) => {
   let result = "";
   if (state.currentValue <= props.lowThreshold) {

package/rate/vue.js

@@ -18,7 +18,7 @@ import {
   computedActiveColor,
   computedActiveClass
 } from "./index";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 const api = [
   "state",
   "showDecimalIcon",

package/recycle-scroller/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { getScrollContainer } from "../common/deps/infinite-scroll";
-import { isNull } from "../common/type";
+import { getScrollContainer } from "@opentiny/utils";
+import { isNull } from "@opentiny/utils";
 let supportsPassive = false;
 if (typeof window !== "undefined") {
   supportsPassive = false;

package/recycle-scroller/vue.js

@@ -21,7 +21,7 @@ import {
   resetTemporary,
   init
 } from "./index";
-import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
+import { addResizeListener, removeResizeListener } from "@opentiny/utils";
 const api = [
   "state",
   "handleVisibilityChange",

package/rich-text/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { extend } from "../common/object";
+import { extend } from "@opentiny/utils";
 import { xss } from "@opentiny/utils";
 import { getToolbarTips, defaultOptions } from "./options";
 import registerTableModule from "./table-module";

package/rich-text/table-module.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { random } from "../common/string";
-import { isNull } from "../common/type";
+import { random } from "@opentiny/utils";
+import { isNull } from "@opentiny/utils";
 function cellName() {
   return random().toString(36).slice(2);
 }

package/river/river.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { omitText } from "../common/string";
+import { omitText } from "@opentiny/utils";
 const isArr = Array.isArray;
 const some = (arr, predicate) => arr.some(predicate);
 const filter = (arr, predicate) => arr.filter(predicate);

package/river/vue.js

@@ -17,7 +17,7 @@ import {
   getContainerWidth,
   resizeListener
 } from "./index";
-import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
+import { addResizeListener, removeResizeListener } from "@opentiny/utils";
 const api = ["state", "lightUp", "style"];
 const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive }, { vm, emit, parent }, { echarts }) => {
   const state = reactive({

package/scrollbar/vue-bar.js

@@ -8,7 +8,7 @@ import {
   mouseMoveDocumentHandler,
   mouseUpDocumentHandler
 } from "./index";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 const api = [
   "state",
   "startDrag",

package/scrollbar/vue.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
 import { handleScroll, update } from "./index";
-import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
+import { addResizeListener, removeResizeListener } from "@opentiny/utils";
 const api = ["state", "update", "handleScroll"];
 const renderless = (props, { onBeforeUnmount, onMounted, reactive }, { vm, nextTick, emit }) => {
   const state = reactive({

package/search/index.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
-import PopupManager from "../common/deps/popup-manager";
-import { isObject, typeOf } from "../common/type";
+import { on, off } from "@opentiny/utils";
+import { PopupManager } from "@opentiny/utils";
+import { isObject, typeOf } from "@opentiny/utils";
 const emitInput = ({ emit }) => (...args) => {
   emit("update:modelValue", ...args);
   emit("input", ...args);