@opentiny/vue-renderless 3.6.6 → 3.6.8

package/common/deps/popper.js

@@ -93,36 +93,36 @@ const isScrollElement = (el) => {
   return scrollTypes.includes(getStyleComputedProperty(el, "overflow")) || scrollTypes.includes(getStyleComputedProperty(el, "overflow-x")) || scrollTypes.includes(getStyleComputedProperty(el, "overflow-y"));
 };
 const getScrollParent = (el) => {
-  let parent2 = el.parentNode;
-  if (!parent2) {
+  let parent = el.parentNode;
+  if (!parent) {
     return el;
   }
-  if (parent2 === win.document) {
+  if (parent === win.document) {
     if (win.document.body.scrollTop || win.document.body.scrollLeft) {
       return win.document.body;
     }
     return win.document.documentElement;
   }
-  if (isScrollElement(parent2)) {
-    return parent2;
+  if (isScrollElement(parent)) {
+    return parent;
   }
   return getScrollParent(el.parentNode);
 };
-const getOffsetRectRelativeToCustomPopper = (el, popper, fixed) => {
+const getOffsetRectRelativeToCustomParent = (el, parent, fixed) => {
   let { top, left, width, height } = getBoundingClientRect(el);
-  let popperRect = getBoundingClientRect(popper);
+  let parentRect = getBoundingClientRect(parent);
   if (fixed) {
     let { scrollTop, scrollLeft } = getScrollParent(parent);
-    popperRect.top += scrollTop;
-    popperRect.bottom += scrollTop;
-    popperRect.left += scrollLeft;
-    popperRect.right += scrollLeft;
+    parentRect.top += scrollTop;
+    parentRect.bottom += scrollTop;
+    parentRect.left += scrollLeft;
+    parentRect.right += scrollLeft;
   }
   let rect = {
-    top: top - popperRect.top,
-    left: left - popperRect.left,
-    bottom: top - popperRect.top + height,
-    right: left - popperRect.left + width,
+    top: top - parentRect.top,
+    left: left - parentRect.left,
+    bottom: top - parentRect.top + height,
+    right: left - parentRect.left + width,
     width,
     height
   };
@@ -180,10 +180,10 @@ const getArrayKeyIndex = (arr, keyToFind) => {
   return null;
 };
 const getAllScrollParents = (el, parents = []) => {
-  const parent2 = el.parentNode;
-  if (parent2) {
-    isScrollElement(parent2) && parents.push(parent2);
-    return getAllScrollParents(parent2, parents);
+  const parent = el.parentNode;
+  if (parent) {
+    isScrollElement(parent) && parents.push(parent);
+    return getAllScrollParents(parent, parents);
   }
   return parents;
 };
@@ -286,19 +286,19 @@ Popper.prototype.parse = function(config) {
     addAttributes(arrow, config.arrowAttributes);
     popper.appendChild(arrow);
   }
-  let parent2 = getRealElement(config.parent);
-  if (typeof parent2 === "string") {
-    parent2 = docEl.querySelectorAll(config.parent);
-    if (parent2 && parent2.length) {
-      parent2 = parent2[0];
+  let parent = getRealElement(config.parent);
+  if (typeof parent === "string") {
+    parent = docEl.querySelectorAll(config.parent);
+    if (parent && parent.length) {
+      parent = parent[0];
     } else {
       throw new Error("ERROR: the given `parent` does not exists!");
     }
   }
-  if (parent2.length > 1 && parent2 instanceof Element === false) {
-    parent2 = parent2[0];
+  if (parent.length > 1 && parent instanceof Element === false) {
+    parent = parent[0];
   }
-  parent2.appendChild(popper);
+  parent.appendChild(popper);
   return popper;
 };
 Popper.prototype._getPosition = function(popper, reference) {
@@ -311,21 +311,10 @@ Popper.prototype._getPosition = function(popper, reference) {
 };
 Popper.prototype._getOffsets = function(popper, reference, placement) {
   placement = placement.split("-")[0];
-  let popperOffsets = {
-    position: this.state.position,
-    left: 0,
-    top: 0,
-    width: 0,
-    height: 0
-  };
+  let popperOffsets = {};
   popperOffsets.position = this.state.position;
   let isParentFixed = popperOffsets.position === "fixed";
-  popper.style.left = "0";
-  popper.style.top = "0";
-  const originMargin = popper.style.margin;
-  popper.style.margin = "0";
-  let referenceOffsets = getOffsetRectRelativeToCustomPopper(reference, popper, isParentFixed);
-  popper.style.margin = originMargin;
+  let referenceOffsets = getOffsetRectRelativeToCustomParent(reference, getOffsetParent(popper), isParentFixed);
   let { width, height } = this.popperOuterSize ? this.popperOuterSize : this.popperOuterSize = getOuterSizes(popper);
   if (~["right", "left"].indexOf(placement)) {
     popperOffsets.top = referenceOffsets.top + referenceOffsets.height / 2 - height / 2;

package/dialog-box/index.js

@@ -14,12 +14,12 @@ const computedStyle = ({ props, state }) => () => {
   top = computedAddUnit(top);
   if (!state.isFull) {
     style.width = width;
-    style.top = top;
+    style.top = state.top || top;
     if (rightSlide) {
       style.right = 0;
       style.height = "calc(100vh - " + style.top + ")";
     } else {
-      style.left = "calc((100vw - " + width + ") / 2)";
+      style.left = state.left || "calc((100vw - " + width + ") / 2)";
     }
   }
   return style;
@@ -171,6 +171,8 @@ const handleDrag = ({ parent, props, state, emit }) => (event) => {
     top = top < 0 ? 0 : top > maxY ? maxY : top;
     modalBoxElem.style.left = `${left}px`;
     modalBoxElem.style.top = `${top}px`;
+    state.left = `${left}px`;
+    state.top = `${top}px`;
     state.emitter.emit("boxdrag");
     emit("drag-move", event2);
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.6.6",
+  "version": "3.6.8",
   "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": [

package/upload/index.js

@@ -239,7 +239,6 @@ const mounted = ({ state, props, api }) => () => {
   state.updateInput = Object.freeze(updateInput);
 };
 const onBeforeDestroy = (state) => () => {
-  state.updateInput.onchange = null;
   state.updateInput = null;
 };
 export {