vxe-pc-ui 4.20.33 → 4.20.35

package/es/backtop/src/backtop.js

@@ -19,280 +19,283 @@ function createReactData() {
     backtopZindex: 0
   };
 }
-var backtop_default = defineVxeComponent({
-  name: "VxeBacktop",
-  props: {
-    target: String,
-    size: {
-      type: String,
-      default: () => getConfig().backtop.size || getConfig().size
-    },
-    circle: {
-      type: Boolean,
-      default: () => getConfig().backtop.circle
-    },
-    right: {
-      type: [String, Number],
-      default: () => getConfig().backtop.right
-    },
-    bottom: {
-      type: [String, Number],
-      default: () => getConfig().backtop.bottom
-    },
-    status: {
-      type: [String, Number],
-      default: () => getConfig().backtop.status
-    },
-    icon: {
-      type: String,
-      default: () => getConfig().backtop.icon
-    },
-    showIcon: {
-      type: Boolean,
-      default: () => getConfig().backtop.showIcon
-    },
-    content: {
-      type: [String, Number],
-      default: () => getConfig().backtop.content
-    },
-    showContent: {
-      type: Boolean,
-      default: () => getConfig().backtop.showContent
-    },
-    showTop: {
-      type: Boolean,
-      default: () => getConfig().backtop.showTop
-    },
-    showBottom: {
-      type: Boolean,
-      default: () => getConfig().backtop.showBottom
-    },
-    shadow: {
-      type: Boolean,
-      default: () => getConfig().backtop.shadow
-    },
-    zIndex: {
-      type: [String, Number],
-      default: () => getConfig().backtop.zIndex
-    },
-    threshold: {
-      type: [String, Number],
-      default: () => getConfig().backtop.threshold
-    },
-    position: {
-      type: String,
-      default: () => getConfig().backtop.position
-    }
-  },
-  emits: ["click"],
-  setup(props, context) {
-    const { slots, emit } = context;
-    const xID = XEUtils.uniqueId();
-    const refElem = ref();
-    const { computeSize } = useFns.useSize(props);
-    const internalData = createInternalData();
-    const reactData = reactive(createReactData());
-    const refMaps = {
-      refElem
-    };
-    const computeWrapperStyle = computed(() => {
-      const { right, bottom } = props;
-      const { backtopZindex } = reactData;
-      const stys = {};
-      if (right) {
-        stys.right = toCssUnit(right);
-      }
-      if (bottom) {
-        stys.bottom = toCssUnit(bottom);
+var backtop_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeBacktop",
+    props: {
+      target: String,
+      size: {
+        type: String,
+        default: () => getConfig().backtop.size || getConfig().size
+      },
+      circle: {
+        type: Boolean,
+        default: () => getConfig().backtop.circle
+      },
+      right: {
+        type: [String, Number],
+        default: () => getConfig().backtop.right
+      },
+      bottom: {
+        type: [String, Number],
+        default: () => getConfig().backtop.bottom
+      },
+      status: {
+        type: [String, Number],
+        default: () => getConfig().backtop.status
+      },
+      icon: {
+        type: String,
+        default: () => getConfig().backtop.icon
+      },
+      showIcon: {
+        type: Boolean,
+        default: () => getConfig().backtop.showIcon
+      },
+      content: {
+        type: [String, Number],
+        default: () => getConfig().backtop.content
+      },
+      showContent: {
+        type: Boolean,
+        default: () => getConfig().backtop.showContent
+      },
+      showTop: {
+        type: Boolean,
+        default: () => getConfig().backtop.showTop
+      },
+      showBottom: {
+        type: Boolean,
+        default: () => getConfig().backtop.showBottom
+      },
+      shadow: {
+        type: Boolean,
+        default: () => getConfig().backtop.shadow
+      },
+      zIndex: {
+        type: [String, Number],
+        default: () => getConfig().backtop.zIndex
+      },
+      threshold: {
+        type: [String, Number],
+        default: () => getConfig().backtop.threshold
+      },
+      position: {
+        type: String,
+        default: () => getConfig().backtop.position
       }
-      if (backtopZindex) {
-        stys.zIndex = backtopZindex;
-      }
-      return stys;
-    });
-    const computeMaps = {};
-    const $xeBacktop = {
-      xID,
-      props,
-      context,
-      internalData,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $backtop: $xeBacktop }, params));
-    };
-    const updateZIndex = () => {
-      const { position, zIndex } = props;
-      const { backtopZindex } = reactData;
-      if (zIndex) {
-        reactData.backtopZindex = XEUtils.toNumber(zIndex);
-      } else if (position === "fixed") {
-        if (backtopZindex < getLastZIndex()) {
-          reactData.backtopZindex = nextZIndex();
+    },
+    emits: ["click"],
+    setup(props, context) {
+      const { slots, emit } = context;
+      const xID = XEUtils.uniqueId();
+      const refElem = ref();
+      const { computeSize } = useFns.useSize(props);
+      const internalData = createInternalData();
+      const reactData = reactive(createReactData());
+      const refMaps = {
+        refElem
+      };
+      const computeWrapperStyle = computed(() => {
+        const { right, bottom } = props;
+        const { backtopZindex } = reactData;
+        const stys = {};
+        if (right) {
+          stys.right = toCssUnit(right);
         }
-      }
-    };
-    const showBacktop = () => {
-      updateZIndex();
-      reactData.showBtn = true;
-    };
-    const hideBacktop = () => {
-      reactData.showBtn = false;
-    };
-    const handleScrollEvent = (evnt) => {
-      const { threshold } = props;
-      const currentEl = evnt.currentTarget;
-      const scrollTop = currentEl.scrollTop;
-      const showBtn = scrollTop > Math.max(1, XEUtils.toNumber(threshold));
-      if (showBtn) {
-        showBacktop();
-      } else {
-        hideBacktop();
-      }
-    };
-    const handleToTop = () => {
-      const { targetEl } = internalData;
-      if (!targetEl) {
-        return;
-      }
-      const scrollTop = targetEl.scrollTop;
-      if (scrollTop > 0) {
-        requestAnimationFrame(handleToTop);
-        const currScrollTop = scrollTop - Math.max(12, scrollTop / 6);
-        targetEl.scrollTop = currScrollTop > 10 ? currScrollTop : 0;
-      }
-    };
-    const removeScrollEvent = () => {
-      const { targetEl } = internalData;
-      if (targetEl) {
-        targetEl.removeEventListener("scroll", handleScrollEvent);
-      }
-    };
-    const addScrollEvent = () => {
-      const { targetEl } = internalData;
-      if (targetEl) {
-        targetEl.addEventListener("scroll", handleScrollEvent, { passive: true });
-      }
-    };
-    const handleTargetElement = () => {
-      nextTick(() => {
-        const { target } = props;
-        if (!target) {
-          removeScrollEvent();
-          errLog("vxe.error.reqProp", ["target"]);
+        if (bottom) {
+          stys.bottom = toCssUnit(bottom);
+        }
+        if (backtopZindex) {
+          stys.zIndex = backtopZindex;
+        }
+        return stys;
+      });
+      const computeMaps = {};
+      const $xeBacktop = {
+        xID,
+        props,
+        context,
+        internalData,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $backtop: $xeBacktop }, params));
+      };
+      const updateZIndex = () => {
+        const { position, zIndex } = props;
+        const { backtopZindex } = reactData;
+        if (zIndex) {
+          reactData.backtopZindex = XEUtils.toNumber(zIndex);
+        } else if (position === "fixed") {
+          if (backtopZindex < getLastZIndex()) {
+            reactData.backtopZindex = nextZIndex();
+          }
+        }
+      };
+      const showBacktop = () => {
+        updateZIndex();
+        reactData.showBtn = true;
+      };
+      const hideBacktop = () => {
+        reactData.showBtn = false;
+      };
+      const handleScrollEvent = (evnt) => {
+        const { threshold } = props;
+        const currentEl = evnt.currentTarget;
+        const scrollTop = currentEl.scrollTop;
+        const showBtn = scrollTop > Math.max(1, XEUtils.toNumber(threshold));
+        if (showBtn) {
+          showBacktop();
+        } else {
+          hideBacktop();
+        }
+      };
+      const handleToTop = () => {
+        const { targetEl } = internalData;
+        if (!targetEl) {
           return;
         }
-        if (XEUtils.isString(target)) {
-          const { targetEl } = internalData;
-          const tEl = document.querySelector(target) || document.body;
-          if (targetEl !== tEl) {
+        const scrollTop = targetEl.scrollTop;
+        if (scrollTop > 0) {
+          requestAnimationFrame(handleToTop);
+          const currScrollTop = scrollTop - Math.max(12, scrollTop / 6);
+          targetEl.scrollTop = currScrollTop > 10 ? currScrollTop : 0;
+        }
+      };
+      const removeScrollEvent = () => {
+        const { targetEl } = internalData;
+        if (targetEl) {
+          targetEl.removeEventListener("scroll", handleScrollEvent);
+        }
+      };
+      const addScrollEvent = () => {
+        const { targetEl } = internalData;
+        if (targetEl) {
+          targetEl.addEventListener("scroll", handleScrollEvent, { passive: true });
+        }
+      };
+      const handleTargetElement = () => {
+        nextTick(() => {
+          const { target } = props;
+          if (!target) {
             removeScrollEvent();
-            internalData.targetEl = tEl;
-            addScrollEvent();
+            errLog("vxe.error.reqProp", ["target"]);
+            return;
           }
-        }
-      });
-    };
-    const clickEvent = (evnt) => {
-      handleToTop();
-      dispatchEvent("click", {}, evnt);
-    };
-    const tagMethods = {
-      dispatchEvent
-    };
-    const tagPrivateMethods = {};
-    Object.assign($xeBacktop, tagMethods, tagPrivateMethods);
-    const renderVN = () => {
-      const { circle, position, status, icon, showIcon, content, showContent, showTop, showBottom, shadow } = props;
-      const { showBtn } = reactData;
-      const wrapperStyle = computeWrapperStyle.value;
-      const vSize = computeSize.value;
-      const defaultSlot = slots.default;
-      const topSlot = slots.top;
-      const bottomSlot = slots.bottom;
-      return h(
-        "div",
-        {
-          ref: refElem,
-          class: [
-            "vxe-backtop",
-            position === "fixed" ? "is--" + position : "is--absolute",
-            {
-              [`size--${vSize}`]: vSize,
-              "is--visible": showBtn
+          if (XEUtils.isString(target)) {
+            const { targetEl } = internalData;
+            const tEl = document.querySelector(target) || document.body;
+            if (targetEl !== tEl) {
+              removeScrollEvent();
+              internalData.targetEl = tEl;
+              addScrollEvent();
             }
-          ],
-          style: wrapperStyle
-        },
-        [
-          showTop && topSlot ? h(
-            "div",
-            {
-              class: "vxe-backtop--top-wrapper"
-            },
-            topSlot({})
-          ) : renderEmptyElement($xeBacktop),
-          h(
-            "div",
-            {
-              class: "vxe-backtop--content-wrapper",
-              onClick: clickEvent
-            },
-            [
-              defaultSlot ? defaultSlot({}) : [
-                h(VxeButtonComponent, {
-                  circle,
-                  status,
-                  shadow,
-                  icon: showIcon ? icon || getIcon().BACKTOP_TOP : "",
-                  content: showContent ? content : ""
-                })
+          }
+        });
+      };
+      const clickEvent = (evnt) => {
+        handleToTop();
+        dispatchEvent("click", {}, evnt);
+      };
+      const tagMethods = {
+        dispatchEvent
+      };
+      const tagPrivateMethods = {};
+      Object.assign($xeBacktop, tagMethods, tagPrivateMethods);
+      const renderVN = () => {
+        const { circle, position, status, icon, showIcon, content, showContent, showTop, showBottom, shadow } = props;
+        const { showBtn } = reactData;
+        const wrapperStyle = computeWrapperStyle.value;
+        const vSize = computeSize.value;
+        const defaultSlot = slots.default;
+        const topSlot = slots.top;
+        const bottomSlot = slots.bottom;
+        return h(
+          "div",
+          {
+            ref: refElem,
+            class: [
+              "vxe-backtop",
+              position === "fixed" ? "is--" + position : "is--absolute",
+              {
+                [`size--${vSize}`]: vSize,
+                "is--visible": showBtn
+              }
+            ],
+            style: wrapperStyle
+          },
+          [
+            showTop && topSlot ? h(
+              "div",
+              {
+                class: "vxe-backtop--top-wrapper"
+              },
+              topSlot({})
+            ) : renderEmptyElement($xeBacktop),
+            h(
+              "div",
+              {
+                class: "vxe-backtop--content-wrapper",
+                onClick: clickEvent
+              },
+              [
+                defaultSlot ? defaultSlot({}) : [
+                  h(VxeButtonComponent, {
+                    circle,
+                    status,
+                    shadow,
+                    icon: showIcon ? icon || getIcon().BACKTOP_TOP : "",
+                    content: showContent ? content : ""
+                  })
+                ]
               ]
-            ]
-          ),
-          showBottom && bottomSlot ? h(
-            "div",
-            {
-              class: "vxe-backtop--bottom-wrapper"
-            },
-            bottomSlot({})
-          ) : renderEmptyElement($xeBacktop)
-        ]
+            ),
+            showBottom && bottomSlot ? h(
+              "div",
+              {
+                class: "vxe-backtop--bottom-wrapper"
+              },
+              bottomSlot({})
+            ) : renderEmptyElement($xeBacktop)
+          ]
+        );
+      };
+      watch(
+        () => props.position,
+        () => {
+          updateZIndex();
+        }
       );
-    };
-    watch(
-      () => props.position,
-      () => {
-        updateZIndex();
-      }
-    );
-    watch(
-      () => props.target,
-      () => {
+      watch(
+        () => props.target,
+        () => {
+          handleTargetElement();
+        }
+      );
+      onMounted(() => {
+        const { showTop } = props;
+        if (showTop) {
+          updateZIndex();
+        }
         handleTargetElement();
-      }
-    );
-    onMounted(() => {
-      const { showTop } = props;
-      if (showTop) {
-        updateZIndex();
-      }
-      handleTargetElement();
-    });
-    onBeforeUnmount(() => {
-      removeScrollEvent();
-      XEUtils.assign(reactData, createReactData());
-      XEUtils.assign(internalData, createInternalData());
-    });
-    $xeBacktop.renderVN = renderVN;
-    return $xeBacktop;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+      });
+      onBeforeUnmount(() => {
+        removeScrollEvent();
+        XEUtils.assign(reactData, createReactData());
+        XEUtils.assign(internalData, createInternalData());
+      });
+      $xeBacktop.renderVN = renderVN;
+      return $xeBacktop;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   backtop_default as default
 };