@opentiny/vue-renderless 3.13.2 → 3.14.1

package/chart-line/index.js

@@ -1,10 +1,9 @@
 import {
-  __spreadProps,
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
 import { getFormated, getStackMap, getLegend, hexToRgb, set } from "../chart-core/deps/utils";
 import { isNull } from "../common/type";
-import { itemPoint, itemLabel, itemContent, SAAS_DEFAULT_COLORS_10 } from "../chart-core/deps/constants";
+import { itemPoint, itemLabel, itemContent, SAAS_DEFAULT_COLORS } from "../chart-core/deps/constants";
 const getLineXAxis = (args) => {
   const { xAxisType, dimension, rows, xAxisName, axisVisible } = args;
   return dimension.map((item, idx) => ({
@@ -28,10 +27,10 @@ const getAreaSeries = ({ color, seriesItem }) => {
 };
 const setSingLineSeries = ({ defaultSeriesItem, seriesItem }) => {
   defaultSeriesItem.showSymbol = true;
-  set(defaultSeriesItem, "emphasis.itemStyle.color", SAAS_DEFAULT_COLORS_10[0]);
+  set(defaultSeriesItem, "emphasis.itemStyle.color", SAAS_DEFAULT_COLORS[0]);
   seriesItem.label = __spreadValues({ show: true }, seriesItem.label);
   seriesItem.itemStyle = __spreadValues({ color: "transparent" }, seriesItem.itemStyle);
-  seriesItem.lineStyle = __spreadValues({ color: SAAS_DEFAULT_COLORS_10[0] }, seriesItem.lineStyle);
+  seriesItem.lineStyle = __spreadValues({ color: SAAS_DEFAULT_COLORS[0] }, seriesItem.lineStyle);
   seriesItem.animation = seriesItem.animation || false;
 };
 const getLineSeries = (args) => {
@@ -83,7 +82,7 @@ const getLineYAxis = (args) => {
   let yAxis = [];
   for (let k = 0; k < 2; k++) {
     if (yAxisType[k]) {
-      yAxis[k] = __spreadProps(__spreadValues({}, yAxisBase), {
+      yAxis[k] = Object.assign({}, yAxisBase, {
         axisLabel: {
           formatter(val) {
             return getFormated(val, yAxisType[k], digit);
@@ -91,7 +90,7 @@ const getLineYAxis = (args) => {
         }
       });
     } else {
-      yAxis[k] = __spreadValues({}, yAxisBase);
+      yAxis[k] = Object.assign({}, yAxisBase);
     }
     yAxis[k].name = yAxisName[k] || "";
     yAxis[k].scale = scale[k] || false;
@@ -115,7 +114,7 @@ const getLineTooltip = (args) => {
       template.push(`${title}<br>`);
       items.forEach(({ seriesName, data, color }) => {
         if (color === "transparent" && items.length === 1) {
-          color = SAAS_DEFAULT_COLORS_10[0];
+          color = SAAS_DEFAULT_COLORS[0];
         }
         let showData = null;
         const type = ~rightListArr.indexOf(seriesName) ? yAxisType[1] : yAxisType[0];
@@ -150,7 +149,7 @@ const line = (columns, rows, settings, extra) => {
   }
   let legendItemStyle;
   if (metrics.length === 1) {
-    legendItemStyle = { itemStyle: { color: SAAS_DEFAULT_COLORS_10[0] } };
+    legendItemStyle = { itemStyle: { color: SAAS_DEFAULT_COLORS[0] } };
   }
   const legend = legendVisible && getLegend({ legendName, metrics, labelMap, legendItemStyle });
   const tooltip = tooltipVisible && getLineTooltip({ axisSite, digit, labelMap, tooltipFormatter, xAxisType, yAxisType });
@@ -160,7 +159,7 @@ const line = (columns, rows, settings, extra) => {
   Object.assign(seriesParam, { label, labelMap, metrics, nullAddZero, rows, xAxisType, stack, color, smooth });
   const series = getLineSeries(seriesParam);
   let options = { legend, xAxis, series, yAxis, tooltip };
-  return __spreadValues(__spreadValues({}, options), settings);
+  return options;
 };
 export {
   line

package/chart-tree/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
 import { isObject } from "../chart-core/deps/utils";
-import { itemLabel, itemContent, SAAS_DEFAULT_COLORS_10 } from "../chart-core/deps/constants";
+import { itemLabel, itemContent, SAAS_DEFAULT_COLORS } from "../chart-core/deps/constants";
 const getTreeLegend = (args) => {
   const { dimension, rows } = args;
   const result = rows.map((row) => row[dimension]);
@@ -33,7 +33,7 @@ const getTreeSeries = (args) => {
   rows.forEach((row) => {
     const seriesItem = seriesMap[row[dimension]];
     const label = { position: "right", fontSize: 12, color: "#191919" };
-    const itemStyle = { color: SAAS_DEFAULT_COLORS_10[0] };
+    const itemStyle = { color: SAAS_DEFAULT_COLORS[0] };
     const lineStyle = { color: "rgba(25 ,25 ,25 , 0.10)" };
     const symbolSize = 16;
     const result = { type: "tree", name: row[dimension], data: row[metrics], itemStyle, label, lineStyle, symbolSize };

package/chart-waterfall/index.js

@@ -4,10 +4,10 @@ import {
 } from "../chunk-G2ADBYYC.js";
 import { getFormated } from "../chart-core/deps/utils";
 import { isNull } from "../common/type";
-import { itemLabel, itemContent, SAAS_DEFAULT_COLORS_10 } from "../chart-core/deps/constants";
+import { itemLabel, itemContent, SAAS_DEFAULT_COLORS } from "../chart-core/deps/constants";
 const getWaterfallTooltip = (dataType, digit) => {
   let trigger = "axis";
-  let axisPointer = { type: "shadow" };
+  let axisPointer = { type: "shadow", z: 1, shadowStyle: { color: "#f5f5f5" } };
   let formatter = function(items) {
     const item = items[1];
     return [
@@ -24,10 +24,8 @@ const getWaterfallXAxis = (args) => {
   let name = labelMap && labelMap[xAxisName] || xAxisName;
   const xAxis = { type: "category", name, splitLine: { show: false }, data: xAxisData, show: axisVisible };
   const axisLine = { show: true, lineStyle: { color: "#191919", opacity: 0.1, width: 2 } };
-  const axisPointer = { type: "shadow", z: 1, shadowStyle: { color: "#f5f5f5" } };
   return __spreadProps(__spreadValues({}, xAxis), {
-    axisLine,
-    axisPointer
+    axisLine
   });
 };
 const getWaterfallYAxis = (args) => {
@@ -69,7 +67,7 @@ const getWaterfallSeries = (args) => {
   series.push(
     Object.assign(seriesAdv, __spreadProps(__spreadValues({}, seriesBase), {
       itemStyle: { borderRadius: [4, 4, 0, 0] },
-      color: SAAS_DEFAULT_COLORS_10[0]
+      color: SAAS_DEFAULT_COLORS[0]
     }))
   );
   return series;

package/checkbox/index.js

@@ -40,7 +40,7 @@ const handleChange = ({
 };
 const computedGetModelGet = ({ state, props }) => () => {
   const model = state.isGroup ? state.store : props.modelValue !== void 0 ? props.modelValue : state.selfModel;
-  return isNull(model) ? [] : model;
+  return isNull(model) ? state.isGroup ? [] : "" : model;
 };
 const computedGetModelSet = ({
   state,
@@ -124,6 +124,21 @@ const computedShowText = ({ props }) => () => {
     return props.label;
   }
 };
+const handleLabelMouseenter = ({ state, vm }) => (e) => {
+  const label = e.target;
+  if (label && label.scrollWidth > label.offsetWidth) {
+    const tooltip = vm.$refs.tooltip;
+    tooltip.state.referenceElm = label;
+    tooltip.state.popperElm && (tooltip.state.popperElm.style.display = "none");
+    tooltip.doDestroy();
+    state.tooltipVisible = true;
+    state.displayedValue = label.textContent;
+    setTimeout(tooltip.updatePopper, 20);
+  }
+};
+const handleMouseleave = (state) => () => {
+  state.tooltipVisible = false;
+};
 export {
   addToStore,
   computedCheckboxSize,
@@ -141,6 +156,8 @@ export {
   computedShowText,
   computedStore,
   handleChange,
+  handleLabelMouseenter,
+  handleMouseleave,
   mounted,
   removeFromStore,
   toggleEvent

package/checkbox/vue.js

@@ -18,12 +18,14 @@ import {
   mounted,
   toggleEvent,
   computedIsShowText,
-  computedShowText
+  computedShowText,
+  handleLabelMouseenter,
+  handleMouseleave
 } from "./index";
-const api = ["state", "handleChange", "computedStore"];
+const api = ["state", "handleChange", "computedStore", "handleLabelMouseenter", "handleMouseleave"];
 const initState = ({ reactive, computed, parent, api: api2, inject, props }) => {
   const state = reactive({
-    size: props.size || inject("size", null),
+    size: computed(() => props.size || inject("size", null) || (parent.tinyForm || {}).size),
     vertical: inject("vertical", null),
     iconPosition: props.iconPosition || inject("iconPosition", "center"),
     focus: false,
@@ -48,7 +50,10 @@ const initState = ({ reactive, computed, parent, api: api2, inject, props }) =>
       set: (value) => api2.computedGetModelSet(value)
     }),
     showText: computed(() => api2.computedShowText()),
-    isShowText: computed(() => api2.computedIsShowText())
+    isShowText: computed(() => api2.computedIsShowText()),
+    shape: inject("shape", null) || props.shape,
+    tooltipVisible: false,
+    displayedValue: ""
   });
   return state;
 };
@@ -62,7 +67,8 @@ const initApi = ({
   formItemSize,
   emit,
   nextTick,
-  t
+  t,
+  vm
 }) => {
   Object.assign(api2, {
     state,
@@ -83,7 +89,9 @@ const initApi = ({
     handleChange: handleChange({ state, props, emit, nextTick, dispatch, constants }),
     computedDisplayLabel: computedDisplayLabel({ state, props, t }),
     computedIsShowText: computedIsShowText({ props }),
-    computedShowText: computedShowText({ props })
+    computedShowText: computedShowText({ props }),
+    handleLabelMouseenter: handleLabelMouseenter({ state, vm }),
+    handleMouseleave: handleMouseleave(state)
   });
 };
 const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, watch, inject }, { vm, parent, emit, constants, nextTick, dispatch, t }) => {
@@ -91,7 +99,7 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, wat
   const formItemSize = computed(() => api2.computedFormItemSize());
   const state = initState({ reactive, computed, parent, api: api2, inject, props });
   parent.tinyForm = parent.tinyForm || inject("form", null);
-  initApi({ api: api2, state, dispatch, props, parent, constants, formItemSize, emit, nextTick, t });
+  initApi({ api: api2, state, dispatch, props, parent, constants, formItemSize, emit, nextTick, t, vm });
   watch(
     () => props.modelValue,
     (value) => props.validateEvent && api2.dispatch(constants.FORM_ITEM, constants.FORM_CHANGE, value)

package/checkbox-group/vue.js

@@ -20,6 +20,7 @@ const renderless = (props, { computed, reactive, watch, provide }, { dispatch, c
   provide("size", props.size);
   provide("vertical", props.vertical);
   provide("iconPosition", props.iconPosition);
+  provide("shape", props.shape);
   return api2;
 };
 export {

package/col/vue.js

@@ -7,7 +7,7 @@ const renderless = (props, { computed, reactive, inject }, { parent }) => {
     row: computed(() => api2.row()),
     style: computed(() => api2.getStyle()),
     className: computed(() => api2.getClassName()),
-    layout: inject("layout")
+    layout: inject("layout", {})
   });
   Object.assign(api2, {
     state,

package/collapse/index.js

@@ -8,7 +8,7 @@ const setActiveNames = ({ emit, props, state }) => (activeNames) => {
 };
 const handleItemClick = ({ api, props, state }) => (item) => {
   const activeNames = state.activeNames.slice(0);
-  const index = activeNames.indexOf(item.name);
+  const index = activeNames.indexOf(item == null ? void 0 : item.name);
   const beforeClose = () => {
     let result = props.beforeClose ? props.beforeClose(item, state.activeNames) : true;
     return new Promise((resolve) => {
@@ -22,10 +22,10 @@ const handleItemClick = ({ api, props, state }) => (item) => {
   beforeClose().then((next) => {
     if (props.accordion) {
       if (next || !activeNames.length) {
-        api.setActiveNames(activeNames[0] === item.name ? "" : item.name);
+        api.setActiveNames(activeNames[0] === (item == null ? void 0 : item.name) ? "" : item == null ? void 0 : item.name);
       }
     } else {
-      index > -1 ? next && activeNames.splice(index, 1) : activeNames.push(item.name);
+      index > -1 ? next && activeNames.splice(index, 1) : activeNames.push(item == null ? void 0 : item.name);
       api.setActiveNames(activeNames);
     }
   });

package/color-select-panel/vue.js

@@ -57,13 +57,6 @@ const renderless = (props, context, { emit }) => {
     },
     { deep: true }
   );
-  context.watch(
-    state,
-    () => {
-      state.color = state.color;
-    },
-    { deep: true }
-  );
   context.watch(modelValue, (newValue) => {
     pre.value = res.value;
     hex.value = newValue;

package/column-list-item/index.js

@@ -1,4 +1,7 @@
-import "../chunk-G2ADBYYC.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-G2ADBYYC.js";
 import { isNull } from "../common/type";
 const handelIconClick = ({ emit }) => (item, index, event) => {
   if (item.disabled)
@@ -51,12 +54,25 @@ const getItemChecked = ({ props, state }) => () => {
     return state.model === props.label;
   }
 };
+const computedOptions = ({ props }) => () => {
+  return props.options.filter((item) => {
+    const hidden = typeof item.hidden === "function" ? item.hidden(props.data) : item.hidden;
+    return !hidden;
+  }).map((opt) => {
+    return __spreadProps(__spreadValues({}, opt), {
+      disabled: typeof opt.disabled === "function" ? opt.disabled(props.data) : opt.disabled
+    });
+  });
+};
+const getType = ({ props, state }) => () => state.isGroup ? state.columnGroup.type || props.type : props.type;
 export {
+  computedOptions,
   computedStore,
   getIsGroup,
   getItemChecked,
   getModel,
   getSize,
+  getType,
   handelIconClick,
   handleChange,
   isDisabled,

package/column-list-item/vue.js

@@ -8,22 +8,25 @@ import {
   handleChange,
   getIsGroup,
   getSize,
-  isDisabled
+  isDisabled,
+  computedOptions,
+  getType
 } from "./index";
 const api = ["state", "handelIconClick", "handleChange"];
 const renderless = (props, { reactive, computed }, { vm, parent, emit, nextTick, dispatch, constants }) => {
   const api2 = {};
   const state = reactive({
     columnGroup: {},
+    type: computed(() => api2.getType()),
     size: computed(() => api2.getSize()),
     disabled: computed(() => api2.isDisabled()),
     itemChecked: computed(() => api2.getItemChecked()),
     sliceNum: computed(() => props.size === "small" ? 1 : 2),
     iconNum: computed(() => props.size === "small" ? 2 : 3),
-    effectOptions: computed(() => props.options.filter((item) => !item.hidden)),
     showCheckbox: computed(() => props.showCheckbox || state.columnGroup.showCheckbox),
     showRadio: computed(() => props.showRadio || state.columnGroup.showRadio),
     store: computed(() => api2.computedStore()),
+    effectOptions: computed(() => api2.computedOptions()),
     isGroup: computed(() => api2.getIsGroup()),
     model: computed({
       get: () => api2.getModel(),
@@ -40,7 +43,9 @@ const renderless = (props, { reactive, computed }, { vm, parent, emit, nextTick,
     handleChange: handleChange({ constants, dispatch, emit, state, nextTick }),
     computedStore: computedStore({ state, props }),
     handelIconClick: handelIconClick({ emit }),
-    getItemChecked: getItemChecked({ state, props })
+    getItemChecked: getItemChecked({ state, props }),
+    computedOptions: computedOptions({ props }),
+    getType: getType({ props, state })
   });
   return api2;
 };

package/common/bigInt.js

@@ -119,7 +119,7 @@ class BigIntDecimal {
     const f = Function;
     const convertBigInt = (str) => {
       const validStr = str.replace(/^0+/, "") || "0";
-      return f(`return BigInt(${validStr})`)();
+      return f(`return BigInt('${validStr}')`)();
     };
     if (validateNumber(mergedValue)) {
       const trimRet = trimNumber(mergedValue);
@@ -127,7 +127,7 @@ class BigIntDecimal {
       const numbers = trimRet.trimStr.split(".");
       this.integer = !numbers[0].includes("e") ? BigInt(numbers[0]) : numbers[0];
       const decimalStr = numbers[1] || "0";
-      this.decimal = convertBigInt(decimalStr);
+      this.decimal = decimalStr.includes("e") ? convertBigInt(decimalStr) : BigInt(decimalStr);
       this.decimalLen = decimalStr.length;
     } else {
       this.nan = true;

package/common/date.js

@@ -48,13 +48,14 @@ const getTimezone = (date) => {
   return timezone;
 };
 const isLeapYear = (year) => year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
+const getMilliseconds = (milliseconds) => milliseconds > maxDateValues.MILLISECOND ? Number(String(milliseconds).substring(0, 3)) : milliseconds;
 const getDateFromData = ({ year, month, date, hours, minutes, seconds, milliseconds }) => {
   let daysInMonth = daysInMonths[month];
   if (isLeapYear(year) && month === 1) {
     daysInMonth += 1;
   }
   if (date <= daysInMonth) {
-    return new Date(year, month, date, hours, minutes, seconds, milliseconds);
+    return new Date(year, month, date, hours, minutes, seconds, getMilliseconds(milliseconds));
   }
 };
 const yyyymmddDateParser = (m) => {
@@ -133,7 +134,7 @@ const iso8601DateParser = (m) => {
       actHours = sign === "+" ? hours - offsetHours - offset / 60 : Number(hours) + Number(offsetHours) - offset / 60;
       actMinutes = sign === "+" ? minutes - offsetMinutes : Number(minutes) + Number(offsetMinutes);
     }
-    return new Date(year, month, date, actHours, actMinutes, seconds, milliseconds);
+    return new Date(year, month, date, actHours, actMinutes, seconds, getMilliseconds(milliseconds));
   }
 };
 const dateParsers = [
@@ -298,14 +299,15 @@ const format = function(date, dateFormat = "yyyy/MM/dd hh:mm:ss") {
     return dateValue ? format(dateValue, afterFormat) : "";
   }
 };
-const getDateWithNewTimezone = (date, otz, ntz) => {
-  if (!isDate(date) || !isNumeric(otz) || !isNumeric(ntz)) {
+const getDateWithNewTimezone = (date, otz, ntz, timezoneOffset = 0) => {
+  if (!isDate(date) || !isNumeric(otz) || !isNumeric(ntz) || !isNumeric(timezoneOffset)) {
     return;
   }
   const otzOffset = -otz * 60;
   const ntzOffset = -ntz * 60;
+  const dstOffeset = timezoneOffset * 60;
   const utc = date.getTime() + otzOffset * 6e4;
-  return new Date(utc - ntzOffset * 6e4);
+  return new Date(utc - (ntzOffset - dstOffeset) * 6e4);
 };
 const toDateStr = (date, dateFormat, timezone) => {
   if (date && isNumeric(timezone)) {

package/common/deps/clickoutside.js

@@ -9,11 +9,12 @@ if (!isServer) {
   on(document, "mousedown", (event) => startClick = event);
   on(document, "mouseup", (event) => {
     nodeList.forEach((node) => node[nameSpace].documentHandler(event, startClick));
+    startClick = void 0;
   });
 }
 const createDocumentHandler = (el, binding, vnode) => function(mouseup = {}, mousedown = {}) {
-  let popperElm = vnode.context.popperElm || vnode.context.state.popperElm;
-  if (!mouseup.target || !mousedown.target || el.contains(mouseup.target) || el.contains(mousedown.target) || el === mouseup.target || popperElm && (popperElm.contains(mouseup.target) || popperElm.contains(mousedown.target))) {
+  let popperElm = vnode.context.popperElm || vnode.context.state && vnode.context.state.popperElm;
+  if (!mouseup || !mouseup.target || !mousedown || !mousedown.target || el.contains(mouseup.target) || el.contains(mousedown.target) || el === mouseup.target || popperElm && (popperElm.contains(mouseup.target) || popperElm.contains(mousedown.target))) {
     return;
   }
   if (binding.expression && el[nameSpace].methodName && vnode.context[el[nameSpace].methodName]) {
@@ -49,6 +50,9 @@ var clickoutside_default = {
         break;
       }
     }
+    if (nodeList.length === 0 && startClick) {
+      startClick = null;
+    }
     delete el[nameSpace];
   }
 };

package/common/deps/date-util.js

@@ -60,10 +60,12 @@ const getFirstDayOfMonth = (date) => {
 };
 const prevDate = (date, amount = 1) => new Date(date.getFullYear(), date.getMonth(), date.getDate() - amount);
 const nextDate = (date, amount = 1) => new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
-const getStartDateOfMonth = (year, month) => {
+const getStartDateOfMonth = (year, month, offsetDay = 0) => {
   const res = new Date(year, month, 1);
   const day = res.getDay();
-  return day === 0 ? prevDate(res, 7) : prevDate(res, day);
+  const _day = day === 0 ? 7 : day;
+  const offset = _day + offsetDay <= 0 ? 7 + _day : _day;
+  return prevDate(res, offset);
 };
 const getWeekNumber = (src) => {
   if (!isDate(src)) {

package/common/deps/dom.js

@@ -1,5 +1,5 @@
 import "../../chunk-G2ADBYYC.js";
-import { hasOwn, isObject, isNull } from "../type";
+import { hasOwn, isNull } from "../type";
 import globalConfig from "../global";
 const isServer = typeof window === "undefined";
 const SPECIAL_CHARS_REGEXP = /([:\-_]+(.))/g;
@@ -11,7 +11,6 @@ const on = (el, event, handler, options = false) => {
   }
 };
 const off = (el, event, handler, options = false) => {
-  window.document;
   if (el && event) {
     el.removeEventListener(event, handler, options);
   }
@@ -133,7 +132,6 @@ const isInContainer = (el, container) => {
   }
   return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
 };
-const isVNode = (node) => node !== null && isObject(node) && hasOwn.call(node, "componentOptions");
 const getDomNode = () => {
   const viewportWindow = globalConfig.viewportWindow || window;
   let documentElement = viewportWindow.document.documentElement;
@@ -172,6 +170,23 @@ const getScrollParent = (el, root = defaultRoot) => {
   }
   return root;
 };
+const isDisplayNone = (elm) => {
+  if (isServer)
+    return false;
+  if (elm) {
+    const computedStyle = getComputedStyle(elm);
+    if (computedStyle.getPropertyValue("position") === "fixed") {
+      if (computedStyle.getPropertyValue("display") === "none") {
+        return true;
+      } else if (elm.parentNode !== document.body) {
+        return isDisplayNone(elm.parentNode);
+      }
+    } else {
+      return elm.offsetParent === null;
+    }
+  }
+  return false;
+};
 export {
   addClass,
   getDomNode,
@@ -180,10 +195,10 @@ export {
   getScrollTop,
   getStyle,
   hasClass,
+  isDisplayNone,
   isInContainer,
   isScroll,
   isServer,
-  isVNode,
   off,
   on,
   once,

package/common/deps/popper.js

@@ -1,7 +1,7 @@
 import {
   __spreadValues
 } from "../../chunk-G2ADBYYC.js";
-import { on, off } from "./dom";
+import { on, off, isDisplayNone } from "./dom";
 import PopupManager from "./popup-manager";
 import globalConfig from "../global";
 import { typeOf } from "../type";
@@ -16,12 +16,13 @@ const DEFAULTS = {
   // 全局没有修改过它，所以它一直是flip
   forceAbsolute: false,
   gpuAcceleration: true,
-  // 这个用不到了，默认使用tranform3d
   offset: 0,
   placement: "bottom",
   preventOverflowOrder: positions,
-  modifiers
+  modifiers,
   // 此处是string数组， 构造函数调用之后转为函数数组
+  updateHiddenPopperOnScroll: false
+  // 滚动过程中是否更新隐藏的弹出层位置
 };
 const setStyle = (el, styles) => {
   const isNumeric = (n) => n !== "" && !isNaN(parseFloat(n)) && isFinite(n);
@@ -255,8 +256,12 @@ class Popper {
     let styles = { position: data.offsets.popper.position };
     let left = Math.round(data.offsets.popper.left);
     let top = Math.round(data.offsets.popper.top);
-    styles.transform = `translate3d(${left}px, ${top}px, 0)`;
-    Object.assign(styles, { top: 0, left: 0 });
+    if (this._options.gpuAcceleration) {
+      styles.transform = `translate3d(${left}px, ${top}px, 0)`;
+      Object.assign(styles, { top: 0, left: 0 });
+    } else {
+      Object.assign(styles, { top, left });
+    }
     Object.assign(styles, data.styles);
     setStyle(this._popper, styles);
     this._popper.setAttribute("x-placement", data.placement);
@@ -480,10 +485,29 @@ class Popper {
     };
   }
   _setupEventListeners() {
+    var _a, _b;
     this.state.updateBoundFn = this.update.bind(this);
+    this.state.scrollUpdate = () => {
+      if (this._options.updateHiddenPopperOnScroll) {
+        this.state.updateBoundFn();
+      } else {
+        if (isDisplayNone(this._popper))
+          return;
+        this.state.updateBoundFn();
+      }
+    };
     on(window, "resize", this.state.updateBoundFn);
     if (this._options.boundariesElement !== "window") {
       let target = getScrollParent(this._reference);
+      const customTargets = [];
+      if ((_b = (_a = target == null ? void 0 : target.dataset) == null ? void 0 : _a.tag) == null ? void 0 : _b.includes("-form")) {
+        customTargets.push(target);
+        let realTarget = getScrollParent(target);
+        if (realTarget === window.document.body || realTarget === window.document.documentElement) {
+          realTarget = window;
+        }
+        customTargets.push(realTarget);
+      }
       if (target === window.document.body || target === window.document.documentElement) {
         target = window;
       }
@@ -492,27 +516,35 @@ class Popper {
         let targets = getAllScrollParents(this._reference);
         this.state.scrollTargets = targets || [];
         targets.forEach((target2) => {
-          on(target2, "scroll", this.state.updateBoundFn);
+          on(target2, "scroll", this.state.scrollUpdate);
         });
       } else {
-        on(target, "scroll", this.state.updateBoundFn);
+        if (customTargets.length) {
+          this.state.scrollTargets = customTargets;
+          customTargets.forEach((target2) => {
+            on(target2, "scroll", this.state.scrollUpdate);
+          });
+        } else {
+          on(target, "scroll", this.state.scrollUpdate);
+        }
       }
     }
   }
   _removeEventListeners() {
     off(window, "resize", this.state.updateBoundFn);
     if (this._options.boundariesElement !== "window" && this.state.scrollTarget) {
-      off(this.state.scrollTarget, "scroll", this.state.updateBoundFn);
+      off(this.state.scrollTarget, "scroll", this.state.scrollUpdate);
       this.state.scrollTarget = null;
       if (this._options.bubbling || PopupManager.globalScroll) {
         let targets = this.state.scrollTargets || [];
         targets.forEach((target) => {
-          off(target, "scroll", this.state.updateBoundFn);
+          off(target, "scroll", this.state.scrollUpdate);
         });
         this.state.scrollTargets = null;
       }
     }
     this.state.updateBoundFn = null;
+    this.state.scrollUpdate = null;
   }
   /** 实时计算一下Boundary的位置 */
   _getBoundaries(data, padding, boundariesElement) {
@@ -527,8 +559,9 @@ class Popper {
       let scrollParent = getScrollParent(this._popper);
       let offsetParentRect = getOffsetRect(offsetParent);
       let isFixed2 = data.offsets.popper.position === "fixed";
-      let scrollTop = isFixed2 ? 0 : getScrollTopValue(scrollParent);
-      let scrollLeft = isFixed2 ? 0 : getScrollLeftValue(scrollParent);
+      const noScroll = isFixed2 || !this._options.appendToBody && ["right", "left"].includes(this._options.placement);
+      let scrollTop = noScroll ? 0 : getScrollTopValue(scrollParent);
+      let scrollLeft = noScroll ? 0 : getScrollLeftValue(scrollParent);
       const viewportWindow = globalConfig.viewportWindow || PopupManager.viewportWindow || window;
       boundaries = {
         top: 0 - (offsetParentRect.top - scrollTop),

package/common/deps/resize-event.js

@@ -30,6 +30,7 @@ const removeResizeListener = (el, fn) => {
   el[cacheKey].splice(el[cacheKey].indexOf(fn), 1);
   if (!el[cacheKey].length) {
     el.__ro__.disconnect();
+    delete el.__ro__;
   }
 };
 export {

package/common/deps/touch-emulator.js

@@ -24,6 +24,8 @@ class Touch {
     this.screenY = pos.screenY + deltaY;
     this.clientX = pos.clientX + deltaX;
     this.clientY = pos.clientY + deltaY;
+    this.offsetX = pos.offsetX + deltaX;
+    this.offsetY = pos.offsetY + deltaY;
   }
 }
 const TouchList = () => {
@@ -69,7 +71,8 @@ const onMouse = (touchType) => (ev) => {
   if (ev.type === "mousedown" || !mouseTarget) {
     mouseTarget = ev.target;
   }
-  if ((eventTarget = closest(mouseTarget, "[data-tiny-touch-simulate-container]")) && eventTarget.dispatchEvent) {
+  eventTarget = closest(mouseTarget, "[data-tiny-touch-simulate-container]");
+  if (eventTarget && eventTarget.dispatchEvent) {
     triggerTouch(touchType, ev);
   }
   if (ev.type === "mouseup") {