vxe-pc-ui 4.20.33 → 4.20.35

package/es/watermark/src/watermark.js

@@ -5,165 +5,168 @@ import { VxeUI } from "@vxe-ui/core";
 import { toCssUnit } from "../../ui/src/dom";
 import { getContentUrl } from "./util";
 const { getConfig, createEvent, globalEvents } = VxeUI;
-var watermark_default = defineVxeComponent({
-  name: "VxeWatermark",
-  props: {
-    width: String,
-    height: String,
-    imageUrl: String,
-    rotate: {
-      type: [Number, String],
-      default: () => getConfig().watermark.rotate
+var watermark_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeWatermark",
+    props: {
+      width: String,
+      height: String,
+      imageUrl: String,
+      rotate: {
+        type: [Number, String],
+        default: () => getConfig().watermark.rotate
+      },
+      gap: {
+        type: [Array, Number, String],
+        default: () => XEUtils.clone(getConfig().watermark.gap, true)
+      },
+      content: [String, Array],
+      font: Object,
+      offset: Object,
+      zIndex: [String, Number]
     },
-    gap: {
-      type: [Array, Number, String],
-      default: () => XEUtils.clone(getConfig().watermark.gap, true)
-    },
-    content: [String, Array],
-    font: Object,
-    offset: Object,
-    zIndex: [String, Number]
-  },
-  emits: [],
-  setup(props, context) {
-    const { emit } = context;
-    const xID = XEUtils.uniqueId();
-    const refElem = ref();
-    const reactData = reactive({
-      markUrl: ""
-    });
-    const refMaps = {
-      refElem
-    };
-    const computeFontOpts = computed(() => {
-      return XEUtils.assign({}, XEUtils.clone(getConfig().watermark.font, true), props.font);
-    });
-    const computeWrapperStyle = computed(() => {
-      const { width, height, zIndex } = props;
-      const { markUrl } = reactData;
-      const stys = {};
-      if (width) {
-        stys.width = toCssUnit(width);
-      }
-      if (height) {
-        stys.height = toCssUnit(height);
-      }
-      if (markUrl) {
-        stys.backgroundImage = `url(${markUrl})`;
-      }
-      if (zIndex) {
-        stys.zIndex = zIndex;
-      }
-      return stys;
-    });
-    const computeMaps = {};
-    const $xeWatermark = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $watermark: $xeWatermark }, params));
-    };
-    const watermarkMethods = {
-      dispatchEvent
-    };
-    const updateMarkStyle = () => {
-      const { content, gap, rotate, offset } = props;
-      const el = refElem.value;
-      const fontOpts = computeFontOpts.value;
-      if (el) {
-        if (content) {
-          getContentUrl(content, getComputedStyle(el).fontSize, {
-            font: fontOpts,
-            rotate,
-            gap,
-            offset
-          }).then((url) => {
-            reactData.markUrl = url;
-          });
+    emits: [],
+    setup(props, context) {
+      const { emit } = context;
+      const xID = XEUtils.uniqueId();
+      const refElem = ref();
+      const reactData = reactive({
+        markUrl: ""
+      });
+      const refMaps = {
+        refElem
+      };
+      const computeFontOpts = computed(() => {
+        return XEUtils.assign({}, XEUtils.clone(getConfig().watermark.font, true), props.font);
+      });
+      const computeWrapperStyle = computed(() => {
+        const { width, height, zIndex } = props;
+        const { markUrl } = reactData;
+        const stys = {};
+        if (width) {
+          stys.width = toCssUnit(width);
+        }
+        if (height) {
+          stys.height = toCssUnit(height);
         }
-      }
-    };
-    const watermarkPrivateMethods = {};
-    Object.assign($xeWatermark, watermarkMethods, watermarkPrivateMethods);
-    const renderVN = () => {
-      const wrapperStyle = computeWrapperStyle.value;
-      return h("div", {
-        ref: refElem,
-        class: "vxe-watermark",
-        style: wrapperStyle
+        if (markUrl) {
+          stys.backgroundImage = `url(${markUrl})`;
+        }
+        if (zIndex) {
+          stys.zIndex = zIndex;
+        }
+        return stys;
       });
-    };
-    watch(
-      () => props.imageUrl,
-      () => {
-        updateMarkStyle();
-      }
-    );
-    watch(
-      () => props.content,
-      () => {
-        updateMarkStyle();
-      }
-    );
-    watch(
-      () => props.gap,
-      () => {
-        updateMarkStyle();
-      }
-    );
-    watch(
-      () => props.rotate,
-      () => {
-        updateMarkStyle();
-      }
-    );
-    watch(
-      () => props.width,
-      () => {
-        updateMarkStyle();
-      }
-    );
-    watch(
-      () => props.height,
-      () => {
-        updateMarkStyle();
-      }
-    );
-    watch(
-      () => props.font,
-      () => {
-        updateMarkStyle();
-      }
-    );
-    onMounted(() => {
-      updateMarkStyle();
-      globalEvents.on(
-        $xeWatermark,
-        "resize",
-        XEUtils.throttle(
-          () => {
-            updateMarkStyle();
-          },
-          300,
-          { trailing: true, leading: true }
-        )
+      const computeMaps = {};
+      const $xeWatermark = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $watermark: $xeWatermark }, params));
+      };
+      const watermarkMethods = {
+        dispatchEvent
+      };
+      const updateMarkStyle = () => {
+        const { content, gap, rotate, offset } = props;
+        const el = refElem.value;
+        const fontOpts = computeFontOpts.value;
+        if (el) {
+          if (content) {
+            getContentUrl(content, getComputedStyle(el).fontSize, {
+              font: fontOpts,
+              rotate,
+              gap,
+              offset
+            }).then((url) => {
+              reactData.markUrl = url;
+            });
+          }
+        }
+      };
+      const watermarkPrivateMethods = {};
+      Object.assign($xeWatermark, watermarkMethods, watermarkPrivateMethods);
+      const renderVN = () => {
+        const wrapperStyle = computeWrapperStyle.value;
+        return h("div", {
+          ref: refElem,
+          class: "vxe-watermark",
+          style: wrapperStyle
+        });
+      };
+      watch(
+        () => props.imageUrl,
+        () => {
+          updateMarkStyle();
+        }
       );
-    });
-    onUnmounted(() => {
-      globalEvents.off($xeWatermark, "resize");
-    });
-    $xeWatermark.renderVN = renderVN;
-    return $xeWatermark;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+      watch(
+        () => props.content,
+        () => {
+          updateMarkStyle();
+        }
+      );
+      watch(
+        () => props.gap,
+        () => {
+          updateMarkStyle();
+        }
+      );
+      watch(
+        () => props.rotate,
+        () => {
+          updateMarkStyle();
+        }
+      );
+      watch(
+        () => props.width,
+        () => {
+          updateMarkStyle();
+        }
+      );
+      watch(
+        () => props.height,
+        () => {
+          updateMarkStyle();
+        }
+      );
+      watch(
+        () => props.font,
+        () => {
+          updateMarkStyle();
+        }
+      );
+      onMounted(() => {
+        updateMarkStyle();
+        globalEvents.on(
+          $xeWatermark,
+          "resize",
+          XEUtils.throttle(
+            () => {
+              updateMarkStyle();
+            },
+            300,
+            { trailing: true, leading: true }
+          )
+        );
+      });
+      onUnmounted(() => {
+        globalEvents.off($xeWatermark, "resize");
+      });
+      $xeWatermark.renderVN = renderVN;
+      return $xeWatermark;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   watermark_default as default
 };

package/lib/alert/src/alert.js

@@ -37,119 +37,122 @@ var import_xe_utils = __toESM(require("xe-utils"));
 var import_core = require("@vxe-ui/core");
 var import_vn = require("../../ui/src/vn");
 const { getConfig, getIcon, createEvent, renderEmptyElement } = import_core.VxeUI;
-var alert_default = (0, import_comp.defineVxeComponent)({
-  name: "VxeAlert",
-  props: {
-    title: {
-      type: [String, Number],
-      default: () => getConfig().alert.title
-    },
-    content: [String, Number],
-    status: String,
-    showIcon: Boolean,
-    showClose: Boolean,
-    icon: {
-      type: String,
-      default: () => getConfig().alert.icon
-    }
-  },
-  emits: ["close"],
-  setup(props, context) {
-    const { emit, slots } = context;
-    const xID = import_xe_utils.default.uniqueId();
-    const refElem = (0, import_vue.ref)();
-    const reactData = (0, import_vue.reactive)({});
-    const refMaps = {
-      refElem
-    };
-    const computeMaps = {};
-    const $xeAlert = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const alertMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, { $alert: $xeAlert }, params));
+var alert_default = (
+  /* define-vxe-component start */
+  (0, import_comp.defineVxeComponent)({
+    name: "VxeAlert",
+    props: {
+      title: {
+        type: [String, Number],
+        default: () => getConfig().alert.title
+      },
+      content: [String, Number],
+      status: String,
+      showIcon: Boolean,
+      showClose: Boolean,
+      icon: {
+        type: String,
+        default: () => getConfig().alert.icon
       }
-    };
-    const closeEvent = (evnt) => {
-      alertMethods.dispatchEvent("close", {}, evnt);
-    };
-    const alertPrivateMethods = {};
-    Object.assign($xeAlert, alertMethods, alertPrivateMethods);
-    const renderVN = () => {
-      const { status, content, icon, title, showIcon, showClose } = props;
-      const defaultSlot = slots.default;
-      const titleSlot = slots.title;
-      const iconSlot = slots.icon;
-      return (0, import_vue.h)(
-        "div",
-        {
-          ref: refElem,
-          class: [
-            "vxe-alert",
-            {
-              [`theme--${status}`]: status
-            }
-          ]
-        },
-        [
-          iconSlot || showIcon && status || icon ? (0, import_vue.h)(
-            "div",
-            {
-              class: "vxe-alert--icon"
-            },
-            iconSlot ? (0, import_vn.getSlotVNs)(iconSlot({})) : [
-              (0, import_vue.h)("i", {
-                class: icon || getIcon()[`ALERT_${status == null ? void 0 : status.toUpperCase()}`]
-              })
-            ]
-          ) : renderEmptyElement($xeAlert),
-          (0, import_vue.h)(
-            "div",
-            {
-              class: "vxe-alert--body"
-            },
-            [
-              titleSlot || title ? (0, import_vue.h)(
-                "div",
-                {
-                  class: "vxe-alert--title"
-                },
-                titleSlot ? (0, import_vn.getSlotVNs)(titleSlot({})) : import_xe_utils.default.toValueString(title)
-              ) : renderEmptyElement($xeAlert),
-              (0, import_vue.h)(
-                "div",
-                {
-                  class: "vxe-alert--content"
-                },
-                defaultSlot ? (0, import_vn.getSlotVNs)(defaultSlot({})) : import_xe_utils.default.toValueString(content)
-              )
-            ]
-          ),
-          showClose ? (0, import_vue.h)(
-            "div",
-            {
-              class: "vxe-alert--close-btn",
-              onClick: closeEvent
-            },
-            [
-              (0, import_vue.h)("i", {
-                class: getIcon().ALERT_CLOSE
-              })
+    },
+    emits: ["close"],
+    setup(props, context) {
+      const { emit, slots } = context;
+      const xID = import_xe_utils.default.uniqueId();
+      const refElem = (0, import_vue.ref)();
+      const reactData = (0, import_vue.reactive)({});
+      const refMaps = {
+        refElem
+      };
+      const computeMaps = {};
+      const $xeAlert = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const alertMethods = {
+        dispatchEvent(type, params, evnt) {
+          emit(type, createEvent(evnt, { $alert: $xeAlert }, params));
+        }
+      };
+      const closeEvent = (evnt) => {
+        alertMethods.dispatchEvent("close", {}, evnt);
+      };
+      const alertPrivateMethods = {};
+      Object.assign($xeAlert, alertMethods, alertPrivateMethods);
+      const renderVN = () => {
+        const { status, content, icon, title, showIcon, showClose } = props;
+        const defaultSlot = slots.default;
+        const titleSlot = slots.title;
+        const iconSlot = slots.icon;
+        return (0, import_vue.h)(
+          "div",
+          {
+            ref: refElem,
+            class: [
+              "vxe-alert",
+              {
+                [`theme--${status}`]: status
+              }
             ]
-          ) : renderEmptyElement($xeAlert)
-        ]
-      );
-    };
-    $xeAlert.renderVN = renderVN;
-    return $xeAlert;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+          },
+          [
+            iconSlot || showIcon && status || icon ? (0, import_vue.h)(
+              "div",
+              {
+                class: "vxe-alert--icon"
+              },
+              iconSlot ? (0, import_vn.getSlotVNs)(iconSlot({})) : [
+                (0, import_vue.h)("i", {
+                  class: icon || getIcon()[`ALERT_${status == null ? void 0 : status.toUpperCase()}`]
+                })
+              ]
+            ) : renderEmptyElement($xeAlert),
+            (0, import_vue.h)(
+              "div",
+              {
+                class: "vxe-alert--body"
+              },
+              [
+                titleSlot || title ? (0, import_vue.h)(
+                  "div",
+                  {
+                    class: "vxe-alert--title"
+                  },
+                  titleSlot ? (0, import_vn.getSlotVNs)(titleSlot({})) : import_xe_utils.default.toValueString(title)
+                ) : renderEmptyElement($xeAlert),
+                (0, import_vue.h)(
+                  "div",
+                  {
+                    class: "vxe-alert--content"
+                  },
+                  defaultSlot ? (0, import_vn.getSlotVNs)(defaultSlot({})) : import_xe_utils.default.toValueString(content)
+                )
+              ]
+            ),
+            showClose ? (0, import_vue.h)(
+              "div",
+              {
+                class: "vxe-alert--close-btn",
+                onClick: closeEvent
+              },
+              [
+                (0, import_vue.h)("i", {
+                  class: getIcon().ALERT_CLOSE
+                })
+              ]
+            ) : renderEmptyElement($xeAlert)
+          ]
+        );
+      };
+      $xeAlert.renderVN = renderVN;
+      return $xeAlert;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);