vxe-pc-ui 4.20.34 → 4.20.35

package/es/notice-bar/src/notice-bar.js

@@ -4,174 +4,177 @@ import XEUtils from "xe-utils";
 import { VxeUI } from "@vxe-ui/core";
 import { toCssUnit } from "../../ui/src/dom";
 const { getConfig, useFns, createEvent, globalEvents, renderEmptyElement } = VxeUI;
-var notice_bar_default = defineVxeComponent({
-  name: "VxeNoticeBar",
-  props: {
-    duration: [String, Number],
-    direction: {
-      type: String,
-      default: () => getConfig().noticeBar.direction
-    },
-    speed: {
-      type: String,
-      default: () => getConfig().noticeBar.speed
-    },
-    content: String,
-    vertical: Boolean,
-    loop: {
-      type: Boolean
+var notice_bar_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeNoticeBar",
+    props: {
+      duration: [String, Number],
+      direction: {
+        type: String,
+        default: () => getConfig().noticeBar.direction
+      },
+      speed: {
+        type: String,
+        default: () => getConfig().noticeBar.speed
+      },
+      content: String,
+      vertical: Boolean,
+      loop: {
+        type: Boolean
+      },
+      size: {
+        type: String,
+        default: () => getConfig().noticeBar.size || getConfig().size
+      }
     },
-    size: {
-      type: String,
-      default: () => getConfig().noticeBar.size || getConfig().size
-    }
-  },
-  emits: ["start", "end"],
-  setup(props, context) {
-    const { slots, emit } = context;
-    const $xeTabs = inject("$xeTabs", null);
-    const xID = XEUtils.uniqueId();
-    const { computeSize } = useFns.useSize(props);
-    const refElem = ref();
-    const refContentElem = ref();
-    const reactData = reactive({
-      animationStatus: false,
-      animationDuration: 0
-    });
-    const refMaps = {
-      refElem
-    };
-    const computeNoticeText = computed(() => {
-      const { content } = props;
-      return `${content || ""}`;
-    });
-    const computeTabsResizeFlag = computed(() => {
-      return $xeTabs ? $xeTabs.reactData.resizeFlag : null;
-    });
-    const computeMaps = {};
-    const $xeNoticeBar = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $noticeBar: $xeNoticeBar }, params));
-    };
-    const noticeBarMethods = {
-      dispatchEvent
-    };
-    const noticeBarPrivateMethods = {};
-    const updateAnimationStyle = () => {
-      const { speed } = props;
-      const contEl = refContentElem.value;
-      if (contEl) {
-        let sRate = 46;
-        if (speed === "fast") {
-          sRate = 118;
-        } else if (speed === "slow") {
-          sRate = 18;
+    emits: ["start", "end"],
+    setup(props, context) {
+      const { slots, emit } = context;
+      const $xeTabs = inject("$xeTabs", null);
+      const xID = XEUtils.uniqueId();
+      const { computeSize } = useFns.useSize(props);
+      const refElem = ref();
+      const refContentElem = ref();
+      const reactData = reactive({
+        animationStatus: false,
+        animationDuration: 0
+      });
+      const refMaps = {
+        refElem
+      };
+      const computeNoticeText = computed(() => {
+        const { content } = props;
+        return `${content || ""}`;
+      });
+      const computeTabsResizeFlag = computed(() => {
+        return $xeTabs ? $xeTabs.reactData.resizeFlag : null;
+      });
+      const computeMaps = {};
+      const $xeNoticeBar = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $noticeBar: $xeNoticeBar }, params));
+      };
+      const noticeBarMethods = {
+        dispatchEvent
+      };
+      const noticeBarPrivateMethods = {};
+      const updateAnimationStyle = () => {
+        const { speed } = props;
+        const contEl = refContentElem.value;
+        if (contEl) {
+          let sRate = 46;
+          if (speed === "fast") {
+            sRate = 118;
+          } else if (speed === "slow") {
+            sRate = 18;
+          }
+          reactData.animationDuration = Math.ceil(contEl.scrollWidth / sRate);
         }
-        reactData.animationDuration = Math.ceil(contEl.scrollWidth / sRate);
-      }
-    };
-    const animationStartEvent = (evnt) => {
-      reactData.animationStatus = true;
-      dispatchEvent("start", { status: true }, evnt);
-    };
-    const animationEndEvent = (evnt) => {
-      reactData.animationStatus = false;
-      dispatchEvent("end", { status: false }, evnt);
-    };
-    Object.assign($xeNoticeBar, noticeBarMethods, noticeBarPrivateMethods);
-    const renderVN = () => {
-      const { vertical, duration, direction, loop } = props;
-      const { animationDuration, animationStatus } = reactData;
-      const vSize = computeSize.value;
-      const noticeText = computeNoticeText.value;
-      const defaultSlot = slots.default;
-      const prefixSlot = slots.prefix;
-      const suffixSlot = slots.suffix;
-      return h(
-        "div",
-        {
-          ref: refElem,
-          class: [
-            "vxe-notice-bar",
-            `is--${vertical ? "vertical" : "horizontal"}`,
-            `dir--${direction || "left"}`,
-            {
-              [`size--${vSize}`]: vSize,
-              "is--loop": loop
-            }
-          ]
-        },
-        [
-          prefixSlot ? h(
-            "div",
-            {
-              class: "vxe-notice-bar--prefix"
-            },
-            prefixSlot({})
-          ) : renderEmptyElement($xeNoticeBar),
-          h(
-            "div",
-            {
-              class: "vxe-notice-bar--content"
-            },
-            [
-              h(
-                "div",
-                {
-                  ref: refContentElem,
-                  class: "vxe-notice-bar--inner"
-                },
-                [
-                  h(
-                    "div",
-                    {
-                      class: ["vxe-notice-bar--wrapper", `is--${animationStatus ? "progress" : "end"}`],
-                      style: {
-                        animationDuration: duration ? toCssUnit(duration, "s") : `${animationDuration}s`
-                      },
-                      onAnimationstart: animationStartEvent,
-                      onAnimationend: animationEndEvent
-                    },
-                    defaultSlot ? defaultSlot({}) : noticeText
-                  )
-                ]
-              )
+      };
+      const animationStartEvent = (evnt) => {
+        reactData.animationStatus = true;
+        dispatchEvent("start", { status: true }, evnt);
+      };
+      const animationEndEvent = (evnt) => {
+        reactData.animationStatus = false;
+        dispatchEvent("end", { status: false }, evnt);
+      };
+      Object.assign($xeNoticeBar, noticeBarMethods, noticeBarPrivateMethods);
+      const renderVN = () => {
+        const { vertical, duration, direction, loop } = props;
+        const { animationDuration, animationStatus } = reactData;
+        const vSize = computeSize.value;
+        const noticeText = computeNoticeText.value;
+        const defaultSlot = slots.default;
+        const prefixSlot = slots.prefix;
+        const suffixSlot = slots.suffix;
+        return h(
+          "div",
+          {
+            ref: refElem,
+            class: [
+              "vxe-notice-bar",
+              `is--${vertical ? "vertical" : "horizontal"}`,
+              `dir--${direction || "left"}`,
+              {
+                [`size--${vSize}`]: vSize,
+                "is--loop": loop
+              }
             ]
-          ),
-          suffixSlot ? h(
-            "div",
-            {
-              class: "vxe-notice-bar--suffix"
-            },
-            suffixSlot({})
-          ) : renderEmptyElement($xeNoticeBar)
-        ]
-      );
-    };
-    watch(computeTabsResizeFlag, () => {
-      updateAnimationStyle();
-    });
-    onMounted(() => {
-      globalEvents.on($xeNoticeBar, "resize", updateAnimationStyle);
-      updateAnimationStyle();
-    });
-    onBeforeUnmount(() => {
-      globalEvents.off($xeNoticeBar, "resize");
-    });
-    $xeNoticeBar.renderVN = renderVN;
-    return $xeNoticeBar;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+          },
+          [
+            prefixSlot ? h(
+              "div",
+              {
+                class: "vxe-notice-bar--prefix"
+              },
+              prefixSlot({})
+            ) : renderEmptyElement($xeNoticeBar),
+            h(
+              "div",
+              {
+                class: "vxe-notice-bar--content"
+              },
+              [
+                h(
+                  "div",
+                  {
+                    ref: refContentElem,
+                    class: "vxe-notice-bar--inner"
+                  },
+                  [
+                    h(
+                      "div",
+                      {
+                        class: ["vxe-notice-bar--wrapper", `is--${animationStatus ? "progress" : "end"}`],
+                        style: {
+                          animationDuration: duration ? toCssUnit(duration, "s") : `${animationDuration}s`
+                        },
+                        onAnimationstart: animationStartEvent,
+                        onAnimationend: animationEndEvent
+                      },
+                      defaultSlot ? defaultSlot({}) : noticeText
+                    )
+                  ]
+                )
+              ]
+            ),
+            suffixSlot ? h(
+              "div",
+              {
+                class: "vxe-notice-bar--suffix"
+              },
+              suffixSlot({})
+            ) : renderEmptyElement($xeNoticeBar)
+          ]
+        );
+      };
+      watch(computeTabsResizeFlag, () => {
+        updateAnimationStyle();
+      });
+      onMounted(() => {
+        globalEvents.on($xeNoticeBar, "resize", updateAnimationStyle);
+        updateAnimationStyle();
+      });
+      onBeforeUnmount(() => {
+        globalEvents.off($xeNoticeBar, "resize");
+      });
+      $xeNoticeBar.renderVN = renderVN;
+      return $xeNoticeBar;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   notice_bar_default as default
 };