@opentiny/vue-renderless 3.10.7 → 3.11.0-alpha.0

package/numeric/index.js

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import { formatNumber, roundFixed } from "../common/decimal";
 import { getMiniDecimal, lessEquals, equalsDecimal } from "../common/bigInt";
 import { isNumber, isNull } from "../common/type";
@@ -59,6 +59,9 @@ const increase = ({ api, props, state }) => () => {
     return;
   }
   const value = (props.mouseWheel ? state.displayValue : props.modelValue) || 0;
+  if (value.toString().includes("e")) {
+    return;
+  }
   let newVal = api.internalIncrease({ val: value, step: props.step });
   if (!props.circulate || !isFinite(props.max) || !isFinite(props.min)) {
     api.setCurrentValue(newVal);
@@ -74,6 +77,9 @@ const decrease = ({ api, props, state }) => () => {
     return;
   }
   const value = (props.mouseWheel ? state.displayValue : props.modelValue) || 0;
+  if (value.toString().includes("e")) {
+    return;
+  }
   let newVal = api.internalDecrease({ val: value, step: props.step });
   if (!props.circulate || !isFinite(props.max) || !isFinite(props.min)) {
     api.setCurrentValue(newVal);
@@ -84,7 +90,14 @@ const decrease = ({ api, props, state }) => () => {
   }
   api.setCurrentValue(newVal);
 };
-const handleBlur = ({ constants, dispatch, emit, props, state, api }) => (event) => {
+const handleBlur = ({
+  constants,
+  dispatch,
+  emit,
+  props,
+  state,
+  api
+}) => (event) => {
   state.inputStatus = false;
   api.setCurrentValue(event.target.value);
   emit("blur", event);
@@ -140,7 +153,14 @@ const getEmitValue = (args) => {
   }
   return { newVal, emitValue };
 };
-const setCurrentValue = ({ api, constants, dispatch, emit, props, state }) => (newVal) => {
+const setCurrentValue = ({
+  api,
+  constants,
+  dispatch,
+  emit,
+  props,
+  state
+}) => (newVal) => {
   const { max, min, allowEmpty, validateEvent, stringMode, plugin } = props;
   const { format } = state;
   const oldVal = state.currentValue;
@@ -182,7 +202,7 @@ const handleInput = ({ state, api, emit, props }) => (event) => {
   if (value !== "-" && api.getDecimal(value).isNaN()) {
     emitError();
     if (!(value === "" && props.allowEmpty)) {
-      value = state.lastInput;
+      value = value.indexOf("e") === -1 ? state.lastInput : value;
     }
   } else {
     value = value.split(".").map((a, i) => {
@@ -250,7 +270,10 @@ const mouseEvent = ({ api, props, state }) => (event) => {
     return false;
   }
 };
-const getUnitPrecision = ({ service, props }) => {
+const getUnitPrecision = ({
+  service,
+  props
+}) => {
   let fraction, rounding;
   const { format = {}, precision, unit } = props;
   const defaultFmt = {

package/numeric/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   watchValue,
   toPrecision,
@@ -52,27 +52,32 @@ const initState = ({ reactive, computed, props, api: api2, $service, parent }) =
     inputDisabled: computed(() => props.disabled || state.formDisabled),
     displayValue: computed(() => api2.displayValue()),
     numPrecision: computed(() => api2.getNumPecision()),
-    minDisabled: computed(
-      () => !props.circulate && state.currentValue <= props.min || state.formDisabled
-    ),
-    maxDisabled: computed(
-      () => !props.circulate && state.currentValue >= props.max || state.formDisabled
-    ),
+    minDisabled: computed(() => !props.circulate && state.currentValue <= props.min || state.formDisabled),
+    maxDisabled: computed(() => !props.circulate && state.currentValue >= props.max || state.formDisabled),
     controlsAtRight: computed(() => props.controls && props.controlsPosition === "right"),
     format: computed(() => getUnitPrecision({ service: $service, props })),
     isDisplayOnly: computed(() => props.displayOnly || (parent.tinyForm || {}).displayOnly)
   });
   return state;
 };
-const initApi = ({ api: api2, props, state, parent, refs, emit, dispatch, constants }) => {
+const initApi = ({
+  api: api2,
+  props,
+  state,
+  parent,
+  refs,
+  emit,
+  dispatch,
+  constants
+}) => {
   Object.assign(api2, {
     state,
     focus: focus(refs),
     select: select(refs),
     getPrecision: getPrecision(),
     toPrecision: toPrecision(state),
-    updated: updated({ constants, parent, props, refs, state }),
-    mounted: mounted({ constants, parent, props, refs, state }),
+    updated: updated({ constants, parent, state }),
+    mounted: mounted({ constants, parent, props, state }),
     unmounted: unmounted({ parent, state }),
     getDecimal: getDecimal(props),
     handleFocus: handleFocus({ emit, state, props, api: api2, refs }),
@@ -93,7 +98,12 @@ const initApi = ({ api: api2, props, state, parent, refs, emit, dispatch, consta
   });
   api2.getDecimal(0);
 };
-const initWatch = ({ state, watch, props, api: api2 }) => {
+const initWatch = ({
+  state,
+  watch,
+  props,
+  api: api2
+}) => {
   watch(() => props.modelValue, api2.watchValue, { immediate: true });
   watch(() => state.isDisplayOnly, api2.dispatchDisplayedValue);
 };

package/option/index.js

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

package/option/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   isEqual,
   contains,

package/option-group/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const queryChange = ({ select, state, vm }) => () => {
   state.visible = true;
   if (Array.isArray(select.state.options)) {

package/option-group/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { queryChange } from "./index";
 const api = ["state", "queryChange"];
 const renderless = (props, { onMounted, reactive, watch, inject }, { broadcast, vm }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.10.7",
+  "version": "3.11.0-alpha.0",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "homepage": "https://opentiny.design/tiny-vue",
   "keywords": [
@@ -28,13 +28,14 @@
     "build": "tsup",
     "build:fast": "npm run build && npm run release",
     "postversion": "pnpm build",
-    "release": "esno ./scripts/postbuild.ts && cp README.md dist"
+    "release": "esno ./scripts/postbuild.ts && shx cp README.md dist"
   },
   "dependencies": {
-    "xss": "1.0.11"
+    "xss": "1.0.11",
+    "color": "4.2.3"
   },
   "devDependencies": {
     "esno": "^0.16.3",
-    "tsup": "^6.5.0"
+    "tsup": "7.2.0"
   }
 }

package/pager/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const api = [];
 const renderless = () => {
   const api2 = {};

package/pager-item/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const getPages = ({ props, state }) => () => {
   const pagerCount = props.pagerCount;
   const halfPagerCount = (pagerCount - 1) / 2;

package/pager-item/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { getPages, onPagerClick, onMouseenter } from "./index";
 const api = ["state", "onPagerClick", "onMouseenter"];
 const renderless = (props, { computed, reactive, watch }, { emit, vm }) => {

package/panel/index.js

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

package/panel/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { collapse, expand, toggle } from "./index";
 const api = ["state", "toggle"];
 const renderless = (props, { reactive }, { emit }) => {

package/picker/index.js

@@ -1,24 +1,16 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} 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 } from "../common/deps/date-util";
 import { extend } from "../common/object";
-import globalTimezone from "../picker/timezone";
+import globalTimezone from "./timezone";
 const iso8601Reg = /^\d{4}-\d{2}-\d{2}(.)\d{2}:\d{2}:\d{2}(.+)$/;
-const getPanel = ({
-  DatePanel,
-  DateRangePanel,
-  MonthRangePanel,
-  YearRangePanel,
-  TimePanel,
-  TimeRangePanel,
-  TimeSelect
-}) => (type) => {
+const getPanel = ({ DatePanel, DateRangePanel, MonthRangePanel, YearRangePanel, TimePanel, TimeRangePanel, TimeSelect }) => (type) => {
   if (type === DATEPICKER.DateRange || type === DATEPICKER.DateTimeRange) {
     return DateRangePanel;
   } else if (type === DATEPICKER.MonthRange) {
@@ -384,7 +376,7 @@ const handleStartChange = ({ api, state }) => () => {
       newValue = [value, state.picker.state.value && state.picker.state.value[1]];
       state.startStatus = true;
     } else {
-      let now = new Date();
+      let now = /* @__PURE__ */ new Date();
       if (now.getTime() < value.getTime()) {
         state.userInput = [api.formatToString(value), api.formatToString(value)];
         newValue = [value, value];
@@ -419,7 +411,7 @@ const handleEndChange = ({ api, state }) => () => {
       newValue = [state.picker.state.value && state.picker.state.value[0], value];
       state.endStatus = true;
     } else {
-      let now = new Date();
+      let now = /* @__PURE__ */ new Date();
       if (now.getTime() < value.getTime()) {
         state.userInput = [api.formatToString(now), api.formatToString(value)];
         newValue = [now, value];
@@ -521,11 +513,10 @@ const handleKeydown = ({ api, state }) => (event) => {
     state.picker.handleKeydown(event);
   }
 };
-const hidePicker = ({ destroyPopper, state }) => () => {
+const hidePicker = ({ state }) => () => {
   if (state.picker) {
     state.picker.resetView && state.picker.resetView();
     state.pickerVisible = state.picker.visible = state.picker.state.visible = false;
-    destroyPopper();
   }
 };
 const showPicker = ({ api, nextTick, updatePopper, state }) => () => {
@@ -538,10 +529,8 @@ const showPicker = ({ api, nextTick, updatePopper, state }) => () => {
   state.pickerVisible = state.picker.state.visible = true;
   state.picker.state.value = state.parsedValue;
   state.picker.resetView && state.picker.resetView();
-  nextTick(() => {
-    updatePopper(state.picker.$el);
-    state.picker.adjustSpinners && state.picker.adjustSpinners();
-  });
+  updatePopper(state.picker.$el);
+  state.picker.adjustSpinners && state.picker.adjustSpinners();
 };
 const handlePick = ({ state, api }) => (date = "", visible = false) => {
   state.userInput = null;

package/picker/timezone.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 var timezone_default = {
   "enUS": [
     {

package/picker/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   getPanel,
   getType,
@@ -117,30 +117,6 @@ const initState = ({ api: api2, reactive, vm, computed, props, utils, parent })
   });
   return state;
 };
-const initApi2 = ({ api: api2, props, state, t }) => {
-  Object.assign(api2, {
-    t,
-    state,
-    blur: blur(state),
-    getMode: getMode({ state }),
-    getType: getType({ props }),
-    dateParser: dateParser({ t }),
-    rangeParser: rangeParser(api2),
-    rangeFormatter: rangeFormatter(api2),
-    dateFormatter: dateFormatter({ t }),
-    getValueEmpty: getValueEmpty(props),
-    handleEndInput: handleEndInput(state),
-    handleStartInput: handleStartInput(state),
-    firstInputId: firstInputId({ props, state }),
-    secondInputId: secondInputId({ props, state }),
-    handleMouseEnter: handleMouseEnter({ props, state }),
-    initGlobalTimezone: initGlobalTimezone({ api: api2, state, props }),
-    parseValue: parseValue({ api: api2, props, state }),
-    handleSelectRange: handleSelectRange(state),
-    handleEnterPickerlabel: handleEnterPickerlabel({ state, props }),
-    handleEnterDisplayOnlyContent: handleEnterDisplayOnlyContent({ state, props, t })
-  });
-};
 const initApi = ({ api: api2, props, hooks, state, vnode, others, utils }) => {
   const { t, emit, dispatch, nextTick, vm } = vnode;
   const { TimePanel, TimeRangePanel } = others;
@@ -150,7 +126,7 @@ const initApi = ({ api: api2, props, hooks, state, vnode, others, utils }) => {
   Object.assign(api2, {
     destroyPopper,
     emitDbTime: emitDbTime({ emit, state, t }),
-    hidePicker: hidePicker({ destroyPopper, state }),
+    hidePicker: hidePicker({ state }),
     handleSelectChange: ({ tz, date }) => emit("select-change", { tz, date }),
     getPanel: getPanel(others),
     handleFocus: handleFocus({ emit, vm, state }),
@@ -177,15 +153,34 @@ const initApi = ({ api: api2, props, hooks, state, vnode, others, utils }) => {
     handlePick: handlePick({ api: api2, state }),
     watchPickerVisible: watchPickerVisible({ api: api2, vm, dispatch, emit, props, state }),
     formatToString: formatToString({ api: api2, state }),
-    watchIsRange: watchIsRange({ api: api2, props, state, TimePanel, TimeRangePanel }),
+    watchIsRange: watchIsRange({ api: api2, state, TimePanel, TimeRangePanel }),
     mountPicker: mountPicker({ api: api2, vm, props, state, updatePopper }),
     watchModelValue: watchModelValue({ api: api2, props, state, dispatch }),
     computedFormat: computedFormat({ props, utils }),
     computedTriggerClass: computedTriggerClass({ props, state }),
     computedHaveTrigger: computedHaveTrigger({ props }),
-    setInputPaddingLeft: setInputPaddingLeft({ props, state, vm, nextTick })
+    setInputPaddingLeft: setInputPaddingLeft({ props, state, vm, nextTick }),
+    t,
+    state,
+    blur: blur(state),
+    getMode: getMode({ state }),
+    getType: getType({ props }),
+    dateParser: dateParser({ t }),
+    rangeParser: rangeParser(api2),
+    rangeFormatter: rangeFormatter(api2),
+    dateFormatter: dateFormatter({ t }),
+    getValueEmpty: getValueEmpty(props),
+    handleEndInput: handleEndInput(state),
+    handleStartInput: handleStartInput(state),
+    firstInputId: firstInputId({ props, state }),
+    secondInputId: secondInputId({ props, state }),
+    handleMouseEnter: handleMouseEnter({ props, state }),
+    initGlobalTimezone: initGlobalTimezone({ api: api2, state, props }),
+    parseValue: parseValue({ api: api2, props, state }),
+    handleSelectRange: handleSelectRange(state),
+    handleEnterPickerlabel: handleEnterPickerlabel({ state, props }),
+    handleEnterDisplayOnlyContent: handleEnterDisplayOnlyContent({ state, t })
   });
-  initApi2({ api: api2, props, state, t });
 };
 const initWatch = ({ api: api2, state, props, watch, markRaw }) => {
   watch(

package/picker-column/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { on, off } from "../common/deps/dom";
 const computedWrapperStyle = (state) => () => {
   const wrapperStyle = {

package/picker-column/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   computedWrapperStyle,
   computedBaseOffset,

package/pop-upload/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const computedSetDialogTitle = ({ constants, props, t }) => () => props.dialogTitle || t(constants.DIALOG_TITLE);
 const computedUploadSuccess = ({ constants, t }) => () => t(constants.UPLOAD_SUCCESS);
 const computedCancel = ({ constants, props, t }) => () => props.cancelButtonText || t(constants.CANCEL_BUTTTON_TEXT);

package/pop-upload/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   showDialog,
   computedUploadSuccess,

package/popconfirm/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const hide = ({ state, emit }) => () => {
   state.isLock = true;
   setTimeout(() => {

package/popconfirm/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { show, hide, confirm } from "./index";
 const api = ["state", "show", "hide", "confirm"];
 const renderless = (props, { computed, reactive }, { emit, constants, designConfig }) => {

package/popeditor/index.js

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import { find } from "../common/array";
 import { typeOf, isNull } from "../common/type";
 import { getDataset } from "../common/dataset";
@@ -106,6 +106,9 @@ const handleConfirm = ({ api, constants, emit, props, state }) => (skipBeforeClo
   if (skipBeforeClose !== true && typeof props.beforeClose === "function" && props.beforeClose("confirm") === false) {
     return;
   }
+  if (props.autoReset) {
+    handleReset({ api, state, props })();
+  }
   if (props.popseletor === constants.TYPE_GRID) {
     props.multi ? api.getMultiSelectedData({ props, state }) : api.getRadioSelectedData();
     if (!isNull(state.commitValue)) {

package/popeditor/vue.js

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import debounce from "../common/deps/debounce";
 import userPopper from "../common/deps/vue-popper";
 import {

package/popover/index.js

@@ -1,8 +1,13 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { on, off, addClass, removeClass } from "../common/deps/dom";
 import { guid } from "../common/string";
 import { KEY_CODE } from "../common";
-const processTrigger = ({ api, state, props, nextTick }) => {
+const processTrigger = ({
+  api,
+  state,
+  props,
+  nextTick
+}) => {
   const { referenceElm, popperElm } = state;
   if (props.trigger === "click") {
     on(referenceElm, "click", api.doToggle);
@@ -26,7 +31,14 @@ const processTrigger = ({ api, state, props, nextTick }) => {
     }
   }
 };
-const mounted = ({ api, state, constants, props, nextTick, mode }) => () => {
+const mounted = ({
+  api,
+  state,
+  constants,
+  props,
+  nextTick,
+  mode
+}) => () => {
   state.mounted = true;
   const { referenceElm, popperElm, tooltipId } = state;
   if (referenceElm) {
@@ -34,7 +46,7 @@ const mounted = ({ api, state, constants, props, nextTick, mode }) => () => {
       addClass(referenceElm, `${constants.IDPREFIX}__reference`);
     }
     referenceElm.setAttribute("aria-describedby", tooltipId);
-    referenceElm.setAttribute("tabindex", props.tabindex);
+    referenceElm.setAttribute("tabindex", props.tabindex.toString());
     popperElm.setAttribute("tabindex", 0);
     if (props.trigger !== "click") {
       on(referenceElm, "focusin", () => {
@@ -71,7 +83,7 @@ const handleFocus = ({ props, state }) => () => {
 const handleClick = (state) => (event) => {
   const popperElm = state.popperElm;
   if ((event == null ? void 0 : event.target) && popperElm) {
-    popperElm.webCompEventTarget = event.target;
+    state.webCompEventTarget = event.target;
   }
   removeClass(state.referenceElm, "focusing");
 };
@@ -84,7 +96,7 @@ const handleBlur = ({ props, state }) => () => {
 const handleMouseEnter = ({ props, state }) => () => {
   clearTimeout(state.timer);
   if (props.openDelay) {
-    state.timer = setTimeout(() => {
+    state.timer = window.setTimeout(() => {
       state.showPopper = true;
     }, props.openDelay);
   } else {
@@ -99,7 +111,7 @@ const handleKeydown = ({ api, props }) => (event) => {
 const handleMouseLeave = ({ props, state }) => () => {
   clearTimeout(state.timer);
   if (props.closeDelay) {
-    state.timer = setTimeout(() => {
+    state.timer = window.setTimeout(() => {
       state.showPopper = false;
     }, props.closeDelay);
   } else {
@@ -112,7 +124,7 @@ const handleDocumentClick = ({ refs, state }) => (event) => {
   const $el = refs.root;
   let target = event.target;
   if ((target == null ? void 0 : target.shadowRoot) && popperElm) {
-    target = popperElm.webCompEventTarget;
+    target = state.webCompEventTarget;
   }
   if (!$el || !reference || $el.contains(target) || reference.contains(target) || !popperElm || popperElm.contains(target)) {
     return;
@@ -156,7 +168,7 @@ const computedTooltipId = (constants) => () => `${constants.IDPREFIX}-${guid("",
 const wrapMounted = ({ api, props, refs, state }) => () => {
   const { reference, popper, wrapper } = refs;
   const referenceElm = state.referenceElm = props.reference || reference;
-  state.popperElm = state.popperEl || popper;
+  state.popperElm = state.popperElm || popper;
   if (!referenceElm && wrapper.children) {
     state.referenceElm = wrapper.children[0] || wrapper;
   }

package/popover/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   mounted,
   computedTooltipId,
@@ -31,15 +31,24 @@ const api = [
   "doDestroy",
   "handleItemClick"
 ];
-const initState = ({ reactive, computed, api: api2, popperElm, showPopper, referenceElm }) => {
+const initState = ({
+  reactive,
+  computed,
+  api: api2,
+  popperElm,
+  showPopper,
+  referenceElm
+}) => {
   const state = reactive({
     popperElm,
+    referenceElm,
+    /** popper 元素是否显示。 它是通过v-show 绑定到页面上，造成隐藏时，popperJs并没有destory,有一定的性能影响 */
     showPopper,
-    timer: null,
+    timer: 0,
     mounted: false,
-    referenceElm,
     xPlacement: "bottom",
-    tooltipId: computed(() => api2.computedTooltipId())
+    tooltipId: computed(() => api2.computedTooltipId()),
+    webCompEventTarget: null
   });
   return state;
 };
@@ -68,7 +77,14 @@ const initApi = ({ api: api2, props, state, refs, emit, doDestroy, constants, ne
     observeCallback: observeCallback({ vm, state })
   });
 };
-const initWatch = ({ watch, props, state, emit, api: api2, nextTick }) => {
+const initWatch = ({
+  watch,
+  props,
+  state,
+  emit,
+  api: api2,
+  nextTick
+}) => {
   watch(
     () => state.showPopper,
     (val) => {
@@ -89,8 +105,27 @@ const initWatch = ({ watch, props, state, emit, api: api2, nextTick }) => {
       }
     }
   );
+  watch(
+    () => props.modelValue,
+    (val) => {
+      if (props.trigger === "manual") {
+        state.showPopper = val;
+        emit("update:modelValue", val);
+      }
+    }
+  );
 };
-const renderless = (props, { reactive, computed, watch, toRefs, onBeforeUnmount, onMounted, onUnmounted, onActivated, onDeactivated }, { $prefix, emit, vm, refs, slots, nextTick, mode }) => {
+const renderless = (props, {
+  reactive,
+  computed,
+  watch,
+  toRefs,
+  onBeforeUnmount,
+  onMounted,
+  onUnmounted,
+  onActivated,
+  onDeactivated
+}, { $prefix, emit, vm, refs, slots, nextTick, mode }) => {
   const api2 = {};
   const constants = { IDPREFIX: `${$prefix.toLowerCase()}-popover` };
   const options = { emit, onBeforeUnmount, nextTick, reactive, props, watch, onDeactivated, refs, slots, toRefs };

package/popup/index.js

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import { on, off } from "../common/deps/dom";
 import { touchStart, touchMove } from "../common/deps/touch";
 import { getScroller } from "../dropdown-menu";

package/popup/vue.js

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import {
   getStyle,
   watchValue,

package/progress/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const computedBarStyle = ({ api, props }) => () => ({
   width: props.percentage + "%",
   backgroundColor: api.getCurrentColor(props.percentage)

package/progress/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   computedBarStyle,
   computedRelativeStrokeWidth,