@opentiny/vue-renderless 3.8.3 → 3.9.0

package/cascader/vue.js

@@ -29,7 +29,12 @@ import {
   watchValue,
   setInputHeightToTag,
   presentTextHandler,
-  handleBeforeUpdate
+  handleBeforeUpdate,
+  showPlaceholder,
+  calcCollapseTags,
+  watchInputHover,
+  handleMouseenter,
+  handleMouseleave
 } from "./index";
 import { removeResizeListener } from "../common/deps/resize-event";
 import userPopper from "../common/deps/vue-popper";
@@ -49,10 +54,13 @@ const api = [
   "handleBlur",
   "handleFocus",
   "toggleDropDownVisible",
-  "handleKeyDown"
+  "handleKeyDown",
+  "handleMouseenter",
+  "handleMouseleave"
 ];
-const initState = ({ reactive, props, computed, parent, api: api2, refs, t, constants }) => {
+const initState = ({ reactive, props, computed, parent, api: api2, t, constants, refs, inject }) => {
   const state = reactive({
+    showAutoWidth: inject("showAutoWidth", null),
     dropDownVisible: false,
     checkedValue: props.modelValue || null,
     inputHover: false,
@@ -66,9 +74,11 @@ const initState = ({ reactive, props, computed, parent, api: api2, refs, t, cons
     pressDeleteCount: 0,
     realSize: computed(() => props.size),
     formDisabled: computed(() => (parent.tinyForm || {}).disabled),
-    disabled: computed(() => props.disabled || state.formDisabled),
+    displayOnly: computed(() => props.displayOnly),
+    disabled: computed(() => props.disabled || state.isDisplayOnly || state.formDisabled),
     tagSize: computed(() => ~["small", "mini"].indexOf(state.realSize) ? "mini" : "small"),
     isDisabled: computed(() => state.disabled),
+    isDisplayOnly: computed(() => state.displayOnly || (parent.auiForm || {}).displayOnly),
     config: computed(() => api2.getConfig()),
     multiple: computed(() => state.config.multiple),
     leafOnly: computed(() => !state.config.checkStrictly),
@@ -76,14 +86,17 @@ const initState = ({ reactive, props, computed, parent, api: api2, refs, t, cons
     clearBtnVisible: computed(() => api2.computClearVisible()),
     panel: computed(() => refs.panel),
     placeholder: computed(() => props.placeholder || t(constants.placeholder)),
-    inputValues: computed(() => state.multiple ? state.presentText : state.inputValue)
+    inputValues: computed(() => state.multiple ? state.presentText : state.inputValue),
+    collapseTagsLength: 0,
+    isHidden: false,
+    tooltipVisible: false,
+    tooltipContent: ""
   });
   return state;
 };
-const initApi = ({ api: api2, state, constants, dispatch, emit, refs, props, updatePopper, nextTick, parent }) => {
+const initApi = ({ api: api2, state, constants, dispatch, emit, refs, props, updatePopper, nextTick, parent, t }) => {
   Object.assign(api2, {
     state,
-    handleBlur: handleBlur({ constants, dispatch, emit, state }),
     handleFocus: handleFocus(emit),
     handleClear: handleClear(state),
     getCheckedNodes: getCheckedNodes(state),
@@ -91,11 +104,12 @@ const initApi = ({ api: api2, state, constants, dispatch, emit, refs, props, upd
     handleDropdownLeave: handleDropdownLeave(state),
     focusFirstNode: focusFirstNode({ refs, state }),
     computClearVisible: computClearVisible({ props, state }),
-    updateStyle: updateStyle({ parent, refs, state, updatePopper }),
+    showPlaceholder: showPlaceholder({ props, state, t, constants }),
+    updateStyle: updateStyle({ parent, refs, state, updatePopper, nextTick, props }),
     getSuggestions: getSuggestions({ nextTick, props, state, updatePopper }),
     handleExpandChange: handleExpandChange({ constants, emit, dispatch, nextTick, state, updatePopper }),
     getConfig: getConfig({ parent, props }),
-    setInputHeightToTag: setInputHeightToTag({ nextTick, parent }),
+    setInputHeightToTag: setInputHeightToTag({ nextTick, parent, state }),
     handleSuggestionClick: handleSuggestionClick({ api: api2, state }),
     handleDelete: handleDelete({ api: api2, state }),
     computePresentText: computePresentText({ props, state }),
@@ -108,7 +122,12 @@ const initApi = ({ api: api2, state, constants, dispatch, emit, refs, props, upd
     watchCheckedValue: watchCheckedValue({ api: api2, emit, state }),
     toggleDropDownVisible: toggleDropDownVisible({ emit, nextTick, refs, state, updatePopper }),
     selfMounted: selfMounted({ api: api2, parent, props, refs, state }),
-    handleBeforeUpdate: handleBeforeUpdate({ props, api: api2 })
+    handleBeforeUpdate: handleBeforeUpdate({ props, api: api2, state }),
+    handleBlur: handleBlur({ constants, dispatch, emit, state, api: api2, props }),
+    calcCollapseTags: calcCollapseTags({ refs, state, nextTick }),
+    watchInputHover: watchInputHover({ refs }),
+    handleMouseenter: handleMouseenter({ refs, state }),
+    handleMouseleave: handleMouseleave({ state })
   });
 };
 const initWatch = ({ watch, state, api: api2, props, nextTick, updatePopper }) => {
@@ -143,6 +162,7 @@ const initWatch = ({ watch, state, api: api2, props, nextTick, updatePopper }) =
     () => Array.isArray(state.checkedValue) && state.checkedValue.length,
     () => setTimeout(() => updatePopper())
   );
+  watch([() => state.inputHover, () => state.dropDownVisible], api2.watchInputHover);
 };
 const renderless = (props, { computed, onMounted, onBeforeUnmount, onDeactivated, onUpdated, onBeforeUpdate, reactive, toRefs, watch, inject }, { t, refs, emit, nextTick, constants, parent, slots, dispatch }) => {
   parent.tinyForm = parent.tinyForm || inject("form", null);
@@ -166,12 +186,15 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, onDeactivated
     onDeactivated
   });
   const api2 = {};
-  const state = initState({ reactive, props, computed, parent, api: api2, refs, t, constants });
-  initApi({ api: api2, state, constants, dispatch, emit, refs, props, updatePopper, nextTick, parent });
+  const state = initState({ reactive, props, computed, parent, api: api2, t, constants, refs, inject });
+  initApi({ api: api2, state, constants, dispatch, emit, refs, props, updatePopper, nextTick, parent, t });
   initWatch({ watch, state, api: api2, props, nextTick, updatePopper });
   onBeforeUpdate(api2.handleBeforeUpdate);
   onUpdated(api2.updateStyle);
   onMounted(api2.selfMounted);
+  parent.$on("handle-clear", (event) => {
+    api2.handleClear(event);
+  });
   onBeforeUnmount(() => removeResizeListener(parent.$el, api2.updateStyle));
   return api2;
 };

package/chart-heatmap/index.js

@@ -92,26 +92,26 @@ const fixParam = ({ type, rows, dimension, metrics, extraMetrics, chartData, inn
   return { chartData, innerXAxisList, innerYAxisList };
 };
 const getResult = (args) => {
-  let { type, options, pointSize, blurSize, res, key, v, bmap, mapOrigin, geo, beforeRegisterMap } = args;
+  let { type, options, pointSize, blurSize, res, key, v, url, bmap, mapOrigin, geo, beforeRegisterMap } = args;
   let { echarts, specialAreas, position, positionJsonLink, beforeRegisterMapOnce } = args;
   let { mapURLProfix, amap, tooltip, xAxis, yAxis } = args;
   if (type === "bmap") {
     Object.assign(options.series[0], { coordinateSystem: "bmap", pointSize, blurSize });
-    res = getBmap(key, v).then(() => __spreadValues({ bmap }, options));
+    res = getBmap({ key, version: v, url }).then(() => __spreadValues({ bmap }, options));
   } else if (type === "map") {
     options.series[0].coordinateSystem = "geo";
-    let json = mapOrigin;
-    if (json) {
-      const geoAttr = __spreadValues({ map: mapOrigin }, geo);
-      beforeRegisterMap && (json = beforeRegisterMap(json));
-      echarts.registerMap(mapOrigin, json, specialAreas);
+    let jsonStr = JSON.stringify(mapOrigin);
+    if (jsonStr) {
+      const geoAttr = __spreadValues({ map: jsonStr }, geo);
+      beforeRegisterMap && (jsonStr = beforeRegisterMap(mapOrigin));
+      echarts.registerMap(jsonStr, { geoJSON: mapOrigin }, specialAreas);
       res = new Promise((resolve) => resolve(__spreadValues({ geo: geoAttr }, options)));
     } else {
       let params = { position, positionJsonLink, beforeRegisterMapOnce, mapURLProfix };
-      res = getMapJSON(params).then((json2) => {
+      res = getMapJSON(params).then((json) => {
         const geoAttr = __spreadValues({ map: position }, geo);
-        beforeRegisterMap && (json2 = beforeRegisterMap(json2));
-        echarts.registerMap(position, json2, specialAreas);
+        beforeRegisterMap && (json = beforeRegisterMap(json));
+        echarts.registerMap(position, { geoJSON: json }, specialAreas);
         return __spreadValues({ geo: geoAttr }, options);
       });
     }
@@ -126,7 +126,7 @@ const getResult = (args) => {
 const heatmap = (columns, rows, settings, extra) => {
   const { type = "cartesian" } = settings;
   const { dimension = [columns[0], columns[1]] } = settings;
-  const { dataType = "normal", min, max, digit, bmap, amap, geo, key, v = "2.0" } = settings;
+  const { dataType = "normal", min, max, digit, bmap, amap, geo, key, v = "2.0", url } = settings;
   const { position, mapOrigin, positionJsonLink, beforeRegisterMap, pointSize = 10, blurSize = 5 } = settings;
   const { heatColor, yAxisName, xAxisName, beforeRegisterMapOnce, specialAreas = {} } = settings;
   const { metrics = columns[2], mapURLProfix = "https://unpkg.com/echarts@3.6.2/map/json/" } = settings;
@@ -150,7 +150,7 @@ const heatmap = (columns, rows, settings, extra) => {
   const tooltip = tooltipVisible && getTooltip(tooltipParams);
   const options = { visualMap, series, grid: { left: 25, right: 80, width: "auto", height: "auto" } };
   let res;
-  let args = { type, options, pointSize, blurSize, res, key, v, bmap, mapOrigin, geo, beforeRegisterMap };
+  let args = { type, options, pointSize, blurSize, res, key, v, url, bmap, mapOrigin, geo, beforeRegisterMap };
   Object.assign(args, { echarts, specialAreas, position, positionJsonLink, beforeRegisterMapOnce });
   Object.assign(args, { mapURLProfix, amap, tooltip, xAxis, yAxis });
   res = getResult(args);

package/checkbox/index.js

@@ -1,4 +1,5 @@
 import "../chunk-PKUHTIDK.js";
+import { isNull } from "../common/type";
 const addToStore = ({ state, props }) => () => {
   if (Array.isArray(state.model) && !state.model.includes(props.label)) {
     state.model.push(props.label);
@@ -6,15 +7,24 @@ const addToStore = ({ state, props }) => () => {
     state.model = props.trueLabel || true;
   }
 };
+const removeFromStore = ({ state, props }) => () => {
+  if (Array.isArray(state.model)) {
+    const index = state.model.indexOf(props.label);
+    index !== -1 && state.model.splice(index, 1);
+  } else {
+    state.model = props.falseLabel !== void 0 && props.falseLabel;
+  }
+};
 const handleChange = ({ state, props, emit, nextTick, dispatch, constants }) => (event) => {
   if (state.isLimitExceeded) {
     return;
   }
   let moduleValue;
+  const { trueLabel, falseLabel } = props;
   if (event.target.checked) {
-    moduleValue = props.trueLabel === void 0 ? true : props.trueLabel;
+    moduleValue = trueLabel === void 0 ? true : trueLabel;
   } else {
-    moduleValue = props.falseLabel === void 0 ? false : props.falseLabel;
+    moduleValue = falseLabel === void 0 ? false : falseLabel;
   }
   emit("change", moduleValue, event);
   nextTick(() => {
@@ -23,7 +33,7 @@ const handleChange = ({ state, props, emit, nextTick, dispatch, constants }) =>
 };
 const computedGetModelGet = ({ state, props }) => () => {
   const model = state.isGroup ? state.store : props.modelValue !== void 0 ? props.modelValue : state.selfModel;
-  return ~[void 0, null].indexOf(model) ? [] : model;
+  return isNull(model) ? [] : model;
 };
 const computedGetModelSet = ({ state, dispatch, emit, constants }) => (value) => {
   if (state.isGroup) {
@@ -41,7 +51,7 @@ const computedIsChecked = ({ state, props }) => () => {
     return state.model;
   } else if (Array.isArray(state.model)) {
     return state.model.includes(props.label);
-  } else if (state.model !== null && state.model !== void 0) {
+  } else if (!isNull(state.model)) {
     return state.model === props.trueLabel;
   }
 };
@@ -62,7 +72,7 @@ const computedIsLimitDisabled = (state) => () => {
   const { max, min } = state.checkboxGroup;
   return !!(max || min) && state.model.length >= max && !state.isChecked || state.model.length <= min && state.isChecked;
 };
-const computedIsDisabled = ({ state, props }) => () => (state.isGroup ? state.checkboxGroup.disabled || props.disabled || state.isLimitDisabled : props.disabled) || state.formDisabled;
+const computedIsDisabled = ({ state, props }) => () => (state.isGroup ? state.checkboxGroup.disabled || state.checkboxGroup.displayOnly || props.disabled || props.displayOnly || state.isLimitDisabled : props.disabled) || state.formDisabled;
 const computedFormItemSize = (props) => () => (props.formItem || {}).formItemSize;
 const computedCheckboxSize = ({ state, props, formItemSize }) => () => {
   const tempCheckboxSize = props.size || formItemSize.value;
@@ -75,7 +85,9 @@ const mounted = ({ props, emit, api, parent }) => () => {
 };
 const toggleEvent = ({ parent, props, type }) => {
   const inputEl = parent.$el;
-  Object.keys(props.events).forEach((ev) => inputEl[type + "EventListener"](ev, props.events[ev]));
+  for (let ev in props.events) {
+    inputEl[type + "EventListener"](ev, props.events[ev]);
+  }
 };
 const dispatchDisplayedValue = ({ state, api, dispatch }) => () => {
   if (state.isDisplayOnly) {
@@ -111,5 +123,6 @@ export {
   getDisplayedValue,
   handleChange,
   mounted,
+  removeFromStore,
   toggleEvent
 };

package/checkbox/vue.js

@@ -1,9 +1,7 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "../chunk-PKUHTIDK.js";
+import "../chunk-PKUHTIDK.js";
 import {
   addToStore,
+  removeFromStore,
   handleChange,
   computedGetModelGet,
   computedGetModelSet,
@@ -12,20 +10,23 @@ import {
   computedStore,
   computedIsLimitDisabled,
   computedIsDisabled,
+  computedIsDisplayOnly,
+  computedIsGroupDisplayOnly,
   computedFormItemSize,
   computedCheckboxSize,
   mounted,
   toggleEvent,
   dispatchDisplayedValue,
-  getDisplayedValue,
-  computedIsDisplayOnly,
-  computedIsGroupDisplayOnly
+  getDisplayedValue
 } from "./index";
-const api = ["state", "handleChange"];
-const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, watch, inject }, { vm, parent, emit, constants, nextTick, dispatch }) => {
-  parent.tinyForm = parent.tinyForm || inject("form", null);
-  const api2 = { dispatch };
-  const state = reactive(__spreadProps(__spreadValues({}, { focus: false, selfModel: false, isLimitExceeded: false }), {
+const api = ["state", "handleChange", "computedStore"];
+const initState = ({ reactive, computed, parent, api: api2, inject, props }) => {
+  const state = reactive({
+    size: props.size || inject("size", null),
+    vertical: inject("vertical", null),
+    focus: false,
+    selfModel: false,
+    isLimitExceeded: false,
     store: computed(() => api2.computedStore()),
     isGroup: computed(() => api2.computedIsGroup()),
     isChecked: computed(() => api2.computedIsChecked()),
@@ -36,11 +37,18 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, wat
     formDisplayOnly: computed(() => (parent.tinyForm || {}).displayOnly),
     isDisplayOnly: computed(() => api2.computedIsDisplayOnly()),
     isGroupDisplayOnly: computed(() => api2.computedIsGroupDisplayOnly()),
-    model: computed({ get: () => api2.computedGetModelGet(), set: (value) => api2.computedGetModelSet(value) })
-  }));
+    model: computed({
+      get: () => api2.computedGetModelGet(),
+      set: (value) => api2.computedGetModelSet(value)
+    })
+  });
+  return state;
+};
+const initApi = ({ vm, api: api2, state, dispatch, props, parent, constants, formItemSize, emit, nextTick }) => {
   Object.assign(api2, {
     state,
     addToStore: addToStore({ state, props }),
+    removeFromStore: removeFromStore({ state, props }),
     computedStore: computedStore({ state, props }),
     computedFormItemSize: computedFormItemSize(props),
     computedIsChecked: computedIsChecked({ state, props }),
@@ -50,21 +58,31 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, wat
     computedIsGroupDisplayOnly: computedIsGroupDisplayOnly({ state }),
     computedGetModelGet: computedGetModelGet({ state, props }),
     computedIsGroup: computedIsGroup({ state, parent, constants }),
-    computedGetModelSet: computedGetModelSet({ state, dispatch, emit, constants })
-  });
-  const formItemSize = computed(() => api2.computedFormItemSize());
-  api2.computedCheckboxSize = computedCheckboxSize({ state, props, formItemSize });
-  Object.assign(api2, {
+    computedCheckboxSize: computedCheckboxSize({ state, props, formItemSize }),
+    computedGetModelSet: computedGetModelSet({ state, dispatch, emit, constants }),
     mounted: mounted({ emit, props, api: api2, parent }),
-    handleChange: handleChange({ state, props, emit, nextTick, dispatch: api2.dispatch, constants }),
+    handleChange: handleChange({ state, props, emit, nextTick, dispatch, constants }),
     dispatchDisplayedValue: dispatchDisplayedValue({ state, api: api2, dispatch }),
     getDisplayedValue: getDisplayedValue({ state, props, vm })
   });
+};
+const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, watch, inject }, { vm, parent, emit, constants, nextTick, dispatch }) => {
+  const api2 = { dispatch };
+  const formItemSize = computed(() => api2.computedFormItemSize());
+  const state = initState({ reactive, computed, parent, api: api2, inject, props });
+  parent.tinyForm = parent.tinyForm || inject("form", null);
+  initApi({ vm, api: api2, state, dispatch, props, parent, constants, formItemSize, emit, nextTick });
   watch(
     () => props.modelValue,
     (value) => props.validateEvent && api2.dispatch(constants.FORM_ITEM, constants.FORM_CHANGE, value)
   );
   watch(() => state.isDisplayOnly, api2.dispatchDisplayedValue);
+  watch(
+    () => props.checked,
+    (value) => {
+      value ? api2.addToStore() : api2.removeFromStore();
+    }
+  );
   onBeforeUnmount(() => {
     toggleEvent({ parent, props, type: "remove" });
   });

package/common/bigInt.js

@@ -1,6 +1,7 @@
 import "../chunk-PKUHTIDK.js";
 import { fillChar } from "./string";
-const BigInt = window.BigInt;
+import { isBrowser } from "./browser";
+const BigInt = isBrowser ? window.BigInt : global.BigInt;
 function supportBigInt() {
   return typeof BigInt === "function";
 }

package/common/browser.js

@@ -22,52 +22,58 @@ const isEdge = (browser) => {
     browser.edge = true;
   }
 };
+const isBrowser = typeof window !== "undefined" && typeof document !== "undefined" && window.document === document;
 var browser_default = (() => {
-  const isMobile = /(Android|webOS|iPhone|iPad|iPod|SymbianOS|BlackBerry|Windows Phone)/.test(navigator.userAgent);
   const browser = {
     name: void 0,
     version: void 0,
     isDoc: typeof document !== "undefined",
-    isMobile,
-    isPC: !isMobile,
+    isMobile: false,
+    isPC: true,
     isNode: typeof window === "undefined"
   };
-  let matches;
-  if (!!window.chrome && (!!window.chrome.webstore || /^Google\b/.test(window.navigator.vendor))) {
-    browser.name = "chrome";
-    browser.chrome = true;
-    matches = navigator.userAgent.match(/chrome\/(\d+)/i);
-    browser.version = !!matches && !!matches[1] && parseInt(matches[1], 10);
-    matches = void 0;
-  } else if (!!document.all || !!document.documentMode) {
-    browser.name = "ie";
-    browser.version = getIEVersion();
-    browser.ie = true;
-  } else if (typeof window.InstallTrigger !== "undefined") {
-    browser.name = "firefox";
-    browser.firefox = true;
-  } else if (Object.prototype.toString.call(window.HTMLElement).indexOf("Constructor") > 0) {
-    browser.name = "safari";
-    browser.safari = true;
-  } else if (!!window.opr && !!window.opr.addons || !!window.opera) {
-    browser.name = "opera";
-    browser.opera = true;
-  }
-  isEdge(browser);
-  if (!~["ie", "chrome"].indexOf(browser.name)) {
-    const reg = browser.name + "/(\\d+)";
-    matches = navigator.userAgent.match(new RegExp(reg, "i"));
-    browser.version = !!matches && !!matches[1] && parseInt(matches[1], 10);
-    matches = void 0;
-  }
-  if (browser.isDoc) {
-    const bodyEl = document.body || document.documentElement;
-    ["webkit", "khtml", "moz", "ms", "o"].forEach((core) => {
-      browser["-" + core] = !!bodyEl[core + "MatchesSelector"];
-    });
+  if (isBrowser) {
+    const isMobile = /(Android|webOS|iPhone|iPad|iPod|SymbianOS|BlackBerry|Windows Phone)/.test(navigator.userAgent);
+    browser.isMobile = isMobile;
+    browser.isPC = !isMobile;
+    let matches;
+    if (!!window.chrome && (!!window.chrome.webstore || /^Google\b/.test(window.navigator.vendor))) {
+      browser.name = "chrome";
+      browser.chrome = true;
+      matches = navigator.userAgent.match(/chrome\/(\d+)/i);
+      browser.version = !!matches && !!matches[1] && parseInt(matches[1], 10);
+      matches = void 0;
+    } else if (!!document.all || !!document.documentMode) {
+      browser.name = "ie";
+      browser.version = getIEVersion();
+      browser.ie = true;
+    } else if (typeof window.InstallTrigger !== "undefined") {
+      browser.name = "firefox";
+      browser.firefox = true;
+    } else if (Object.prototype.toString.call(window.HTMLElement).indexOf("Constructor") > 0) {
+      browser.name = "safari";
+      browser.safari = true;
+    } else if (!!window.opr && !!window.opr.addons || !!window.opera) {
+      browser.name = "opera";
+      browser.opera = true;
+    }
+    isEdge(browser);
+    if (!~["ie", "chrome"].indexOf(browser.name)) {
+      const reg = browser.name + "/(\\d+)";
+      matches = navigator.userAgent.match(new RegExp(reg, "i"));
+      browser.version = !!matches && !!matches[1] && parseInt(matches[1], 10);
+      matches = void 0;
+    }
+    if (browser.isDoc) {
+      const bodyEl = document.body || document.documentElement;
+      ["webkit", "khtml", "moz", "ms", "o"].forEach((core) => {
+        browser["-" + core] = !!bodyEl[core + "MatchesSelector"];
+      });
+    }
   }
   return browser;
 })();
 export {
-  browser_default as default
+  browser_default as default,
+  isBrowser
 };

package/common/deps/ResizeObserver.js

@@ -1,5 +1,6 @@
 import "../../chunk-PKUHTIDK.js";
 import { on, off } from "./dom";
+import { isBrowser } from "../browser";
 const MapShim = function() {
   if (typeof Map !== "undefined") {
     return Map;
@@ -64,8 +65,7 @@ const MapShim = function() {
     return obClass;
   }();
 }();
-const func = window.Function;
-const isBrowser = window !== "undefined" && document !== "undefined" && window.document === document;
+const func = isBrowser ? window.Function : global.Function;
 const global$1 = function() {
   const isMath = (val) => val.Math === Math;
   if (typeof global !== "undefined" && isMath(global)) {

package/common/deps/popper.js

@@ -5,7 +5,6 @@ import { on, off } from "./dom";
 import PopupManager from "./popup-manager";
 import { typeOf } from "../type";
 import { xss } from "../xss";
-const win = window;
 const positions = ["left", "right", "top", "bottom"];
 const modifiers = ["shift", "offset", "preventOverflow", "keepTogether", "arrow", "flip", "applyStyle"];
 const DEFAULTS = {
@@ -35,7 +34,7 @@ const setStyle = (el, styles) => {
 };
 const getSupportedPropertyName = (property) => {
   let prefixes = ["", "ms", "webkit", "moz", "o"];
-  let bodyEl = win.document.body;
+  let bodyEl = window.document.body;
   for (let i = 0; i < prefixes.length; i++) {
     let toCheck = prefixes[i] ? prefixes[i] + property.charAt(0).toUpperCase() + property.slice(1) : property;
     if (typeof bodyEl.style[toCheck] !== "undefined") {
@@ -57,23 +56,26 @@ const addAttributes = (el, attributes) => {
 };
 const getOffsetParent = (el) => {
   let offsetParent = el.offsetParent;
-  return offsetParent === win.document.body || !offsetParent ? win.document.documentElement : offsetParent;
+  return offsetParent === window.document.body || !offsetParent ? window.document.documentElement : offsetParent;
 };
 const getStyleComputedProperty = (el, property) => {
   if (!el || el.nodeType !== 1) {
     return;
   }
-  let css = win.getComputedStyle(el, null);
+  let css = window.getComputedStyle(el, null);
   return css[property];
 };
-const isFixed = (el) => {
-  if (el === win.document.body) {
+const isFixed = (el, offsetParent) => {
+  if (el === window.document.body) {
     return false;
   }
   if (getStyleComputedProperty(el, "position") === "fixed") {
     return true;
   }
-  return el.parentNode ? isFixed(el.parentNode) : el;
+  if (el === offsetParent) {
+    return false;
+  }
+  return el.parentNode ? isFixed(el.parentNode, offsetParent) : false;
 };
 const getBoundingClientRect = (el) => {
   let rectObj = el.getBoundingClientRect();
@@ -97,11 +99,11 @@ const getScrollParent = (el) => {
   if (!parent) {
     return el;
   }
-  if (parent === win.document) {
-    if (win.document.body.scrollTop || win.document.body.scrollLeft) {
-      return win.document.body;
+  if (parent === window.document) {
+    if (window.document.body.scrollTop || window.document.body.scrollLeft) {
+      return window.document.body;
     }
-    return win.document.documentElement;
+    return window.document.documentElement;
   }
   if (isScrollElement(parent)) {
     return parent;
@@ -140,7 +142,7 @@ const getOuterSizes = (el) => {
   let _visibility = el.style.visibility;
   el.style.display = "block";
   el.style.visibility = "hidden";
-  let styles = win.getComputedStyle(el);
+  let styles = window.getComputedStyle(el);
   let x = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
   let y = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
   let result = { width: el.offsetWidth + y, height: el.offsetHeight + x };
@@ -253,12 +255,12 @@ Popper.prototype.parse = function(config) {
     classNames: ["popper"],
     content: "",
     contentType: "text",
-    parent: win.document.body,
+    parent: window.document.body,
     tagName: "div"
   };
   config = __spreadValues(__spreadValues({}, defaultConfig), config);
   const { tagName, classNames, attributes, contentType, content, arrowTagName } = config;
-  let docEl = win.document;
+  let docEl = window.document;
   let popper = docEl.createElement(tagName);
   addClassNames(popper, classNames);
   addAttributes(popper, attributes);
@@ -291,11 +293,11 @@ Popper.prototype.parse = function(config) {
   return popper;
 };
 Popper.prototype._getPosition = function(popper, reference) {
-  let container = getOffsetParent(reference);
+  let offsetParent = getOffsetParent(reference);
   if (this._options.forceAbsolute) {
     return "absolute";
   }
-  let isParentFixed = isFixed(reference, container);
+  let isParentFixed = isFixed(reference, offsetParent);
   return isParentFixed ? "fixed" : "absolute";
 };
 Popper.prototype._getOffsets = function(popper, reference, placement) {
@@ -329,11 +331,11 @@ Popper.prototype._getOffsets = function(popper, reference, placement) {
 };
 Popper.prototype._setupEventListeners = function() {
   this.state.updateBound = this.update.bind(this);
-  on(win, "resize", this.state.updateBound);
+  on(window, "resize", this.state.updateBound);
   if (this._options.boundariesElement !== "window") {
     let target = getScrollParent(this._reference);
-    if (target === win.document.body || target === win.document.documentElement) {
-      target = win;
+    if (target === window.document.body || target === window.document.documentElement) {
+      target = window;
     }
     this.state.scrollTarget = target;
     if (this._options.bubbling || PopupManager.globalScroll) {
@@ -348,7 +350,7 @@ Popper.prototype._setupEventListeners = function() {
   }
 };
 Popper.prototype._removeEventListeners = function() {
-  off(win, "resize", this.state.updateBound);
+  off(window, "resize", this.state.updateBound);
   if (this._options.boundariesElement !== "window" && this.state.scrollTarget) {
     off(this.state.scrollTarget, "scroll", this.state.updateBound);
     this.state.scrollTarget = null;
@@ -365,8 +367,8 @@ Popper.prototype._removeEventListeners = function() {
 Popper.prototype._getBoundaries = function(data, padding, boundariesElement) {
   let boundaries = {};
   if (boundariesElement === "window") {
-    let body = win.document.body;
-    let html = win.document.documentElement;
+    let body = window.document.body;
+    let html = window.document.documentElement;
     let { width, height } = getMaxWH(body, html);
     boundaries = { top: 0, right: width, bottom: height, left: 0 };
   } else if (boundariesElement === "viewport") {
@@ -378,8 +380,8 @@ Popper.prototype._getBoundaries = function(data, padding, boundariesElement) {
     let scrollLeft = isFixed2 ? 0 : getScrollLeftValue(scrollParent);
     boundaries = {
       top: 0 - (offsetParentRect.top - scrollTop),
-      right: win.document.documentElement.clientWidth - (offsetParentRect.left - scrollLeft),
-      bottom: win.document.documentElement.clientHeight - (offsetParentRect.top - scrollTop),
+      right: window.document.documentElement.clientWidth - (offsetParentRect.left - scrollLeft),
+      bottom: window.document.documentElement.clientHeight - (offsetParentRect.top - scrollTop),
       left: 0 - (offsetParentRect.left - scrollLeft)
     };
   } else {

package/common/index.js

@@ -251,7 +251,7 @@ const EDOC = {
   constants: 320,
   twenty: 20
 };
-const version = "3.8.3";
+const version = "3.8.5";
 const log = (data, type = "log") => {
   uLog.logger[type](data);
 };

package/common/runtime.js

@@ -22,7 +22,7 @@ import vuePopup from "./deps/vue-popup";
 import validate from "./validate";
 import memorize from "./deps/memorize";
 import * as common from ".";
-const version = "3.8.3";
+const version = "3.8.5";
 const Renderless = {
   browser,
   array,