vxe-pc-ui 4.20.33 → 4.20.35

package/lib/watermark/src/watermark.js

@@ -38,162 +38,165 @@ var import_core = require("@vxe-ui/core");
 var import_dom = require("../../ui/src/dom");
 var import_util = require("./util");
 const { getConfig, createEvent, globalEvents } = import_core.VxeUI;
-var watermark_default = (0, import_comp.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 */
+  (0, import_comp.defineVxeComponent)({
+    name: "VxeWatermark",
+    props: {
+      width: String,
+      height: String,
+      imageUrl: String,
+      rotate: {
+        type: [Number, String],
+        default: () => getConfig().watermark.rotate
+      },
+      gap: {
+        type: [Array, Number, String],
+        default: () => import_xe_utils.default.clone(getConfig().watermark.gap, true)
+      },
+      content: [String, Array],
+      font: Object,
+      offset: Object,
+      zIndex: [String, Number]
     },
-    gap: {
-      type: [Array, Number, String],
-      default: () => import_xe_utils.default.clone(getConfig().watermark.gap, true)
-    },
-    content: [String, Array],
-    font: Object,
-    offset: Object,
-    zIndex: [String, Number]
-  },
-  emits: [],
-  setup(props, context) {
-    const { emit } = context;
-    const xID = import_xe_utils.default.uniqueId();
-    const refElem = (0, import_vue.ref)();
-    const reactData = (0, import_vue.reactive)({
-      markUrl: ""
-    });
-    const refMaps = {
-      refElem
-    };
-    const computeFontOpts = (0, import_vue.computed)(() => {
-      return import_xe_utils.default.assign({}, import_xe_utils.default.clone(getConfig().watermark.font, true), props.font);
-    });
-    const computeWrapperStyle = (0, import_vue.computed)(() => {
-      const { width, height, zIndex } = props;
-      const { markUrl } = reactData;
-      const stys = {};
-      if (width) {
-        stys.width = (0, import_dom.toCssUnit)(width);
-      }
-      if (height) {
-        stys.height = (0, import_dom.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) {
-          (0, import_util.getContentUrl)(content, getComputedStyle(el).fontSize, {
-            font: fontOpts,
-            rotate,
-            gap,
-            offset
-          }).then((url) => {
-            reactData.markUrl = url;
-          });
+    emits: [],
+    setup(props, context) {
+      const { emit } = context;
+      const xID = import_xe_utils.default.uniqueId();
+      const refElem = (0, import_vue.ref)();
+      const reactData = (0, import_vue.reactive)({
+        markUrl: ""
+      });
+      const refMaps = {
+        refElem
+      };
+      const computeFontOpts = (0, import_vue.computed)(() => {
+        return import_xe_utils.default.assign({}, import_xe_utils.default.clone(getConfig().watermark.font, true), props.font);
+      });
+      const computeWrapperStyle = (0, import_vue.computed)(() => {
+        const { width, height, zIndex } = props;
+        const { markUrl } = reactData;
+        const stys = {};
+        if (width) {
+          stys.width = (0, import_dom.toCssUnit)(width);
+        }
+        if (height) {
+          stys.height = (0, import_dom.toCssUnit)(height);
+        }
+        if (markUrl) {
+          stys.backgroundImage = `url(${markUrl})`;
         }
-      }
-    };
-    const watermarkPrivateMethods = {};
-    Object.assign($xeWatermark, watermarkMethods, watermarkPrivateMethods);
-    const renderVN = () => {
-      const wrapperStyle = computeWrapperStyle.value;
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: "vxe-watermark",
-        style: wrapperStyle
+        if (zIndex) {
+          stys.zIndex = zIndex;
+        }
+        return stys;
       });
-    };
-    (0, import_vue.watch)(
-      () => props.imageUrl,
-      () => {
-        updateMarkStyle();
-      }
-    );
-    (0, import_vue.watch)(
-      () => props.content,
-      () => {
-        updateMarkStyle();
-      }
-    );
-    (0, import_vue.watch)(
-      () => props.gap,
-      () => {
-        updateMarkStyle();
-      }
-    );
-    (0, import_vue.watch)(
-      () => props.rotate,
-      () => {
-        updateMarkStyle();
-      }
-    );
-    (0, import_vue.watch)(
-      () => props.width,
-      () => {
-        updateMarkStyle();
-      }
-    );
-    (0, import_vue.watch)(
-      () => props.height,
-      () => {
-        updateMarkStyle();
-      }
-    );
-    (0, import_vue.watch)(
-      () => props.font,
-      () => {
-        updateMarkStyle();
-      }
-    );
-    (0, import_vue.onMounted)(() => {
-      updateMarkStyle();
-      globalEvents.on(
-        $xeWatermark,
-        "resize",
-        import_xe_utils.default.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) {
+            (0, import_util.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 (0, import_vue.h)("div", {
+          ref: refElem,
+          class: "vxe-watermark",
+          style: wrapperStyle
+        });
+      };
+      (0, import_vue.watch)(
+        () => props.imageUrl,
+        () => {
+          updateMarkStyle();
+        }
       );
-    });
-    (0, import_vue.onUnmounted)(() => {
-      globalEvents.off($xeWatermark, "resize");
-    });
-    $xeWatermark.renderVN = renderVN;
-    return $xeWatermark;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+      (0, import_vue.watch)(
+        () => props.content,
+        () => {
+          updateMarkStyle();
+        }
+      );
+      (0, import_vue.watch)(
+        () => props.gap,
+        () => {
+          updateMarkStyle();
+        }
+      );
+      (0, import_vue.watch)(
+        () => props.rotate,
+        () => {
+          updateMarkStyle();
+        }
+      );
+      (0, import_vue.watch)(
+        () => props.width,
+        () => {
+          updateMarkStyle();
+        }
+      );
+      (0, import_vue.watch)(
+        () => props.height,
+        () => {
+          updateMarkStyle();
+        }
+      );
+      (0, import_vue.watch)(
+        () => props.font,
+        () => {
+          updateMarkStyle();
+        }
+      );
+      (0, import_vue.onMounted)(() => {
+        updateMarkStyle();
+        globalEvents.on(
+          $xeWatermark,
+          "resize",
+          import_xe_utils.default.throttle(
+            () => {
+              updateMarkStyle();
+            },
+            300,
+            { trailing: true, leading: true }
+          )
+        );
+      });
+      (0, import_vue.onUnmounted)(() => {
+        globalEvents.off($xeWatermark, "resize");
+      });
+      $xeWatermark.renderVN = renderVN;
+      return $xeWatermark;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "4.20.33",
+  "version": "4.20.35",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",
@@ -34,7 +34,7 @@
   "style": "lib/style.css",
   "typings": "types/index.d.ts",
   "dependencies": {
-    "@vxe-ui/core": "^4.5.2"
+    "@vxe-ui/core": "^4.5.4"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^29.0.0",
@@ -76,9 +76,16 @@
     "typescript": "~5.9.3",
     "vue": "3.4.27",
     "vue-router": "~4.5.1",
-    "vxe-table": "^4.23.11",
+    "vxe-table": "^4.23.12",
     "vxe-gantt": "^4.9.8"
   },
+  "allowScripts": {
+    "esbuild@0.28.2": true,
+    "@parcel/watcher@2.5.6": true,
+    "yorkie@2.0.0": true,
+    "core-js@3.49.0": true,
+    "es5-ext@0.10.64": true
+  },
   "vetur": {
     "tags": "helper/vetur/tags.json",
     "attributes": "helper/vetur/attributes.json"

package/packages/alert/src/alert.ts

@@ -8,7 +8,7 @@ import type { VxeAlertPropTypes, AlertReactData, AlertPrivateRef, VxeAlertEmits,
 
 const { getConfig, getIcon, createEvent, renderEmptyElement } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeAlert',
   props: {
     title: {
@@ -145,4 +145,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/anchor/src/anchor-link.ts

@@ -8,7 +8,7 @@ import type { VxeAnchorLinkDefines, VxeAnchorLinkPropTypes, VxeAnchorLinkEmits,
 
 const { renderEmptyElement } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeAnchorLink',
   props: {
     content: [String, Number] as PropType<VxeAnchorLinkPropTypes.Content>,
@@ -136,4 +136,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/anchor/src/anchor.ts

@@ -9,7 +9,7 @@ import type { VxeAnchorPropTypes, AnchorReactData, VxeAnchorEmits, AnchorPrivate
 
 const { createEvent, renderEmptyElement } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeAnchor',
   props: {
     modelValue: String as PropType<VxeAnchorPropTypes.ModelValue>,
@@ -263,4 +263,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/avatar/src/avatar.ts

@@ -8,7 +8,7 @@ import type { AvatarReactData, VxeAvatarEmits, AvatarMethods, VxeAvatarPropTypes
 
 const { getConfig, createEvent, useFns, renderEmptyElement } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeAvatar',
   props: {
     count: [String, Number] as PropType<VxeAvatarPropTypes.Count>,
@@ -163,4 +163,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/backtop/src/backtop.ts

@@ -26,7 +26,7 @@ function createReactData(): BacktopReactData {
   }
 }
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeBacktop',
   props: {
     target: String as PropType<VxeBacktopPropTypes.Target>,
@@ -334,4 +334,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/badge/src/badge.ts

@@ -7,7 +7,7 @@ import type { BadgeReactData, VxeBadgeEmits, VxeBadgePropTypes, BadgeMethods, Ba
 
 const { getConfig, createEvent, useFns, renderEmptyElement } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeBadge',
   props: {
     count: [String, Number] as PropType<VxeBadgePropTypes.Count>,
@@ -128,4 +128,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/breadcrumb/src/breadcrumb-item.ts

@@ -7,7 +7,7 @@ import type { VxeBreadcrumbItemPropTypes, VxeBreadcrumbItemEmits, BreadcrumbItem
 
 const { renderEmptyElement } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeBreadcrumbItem',
   props: {
     title: String as PropType<VxeBreadcrumbItemPropTypes.Title>,
@@ -126,4 +126,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/breadcrumb/src/breadcrumb.ts

@@ -8,7 +8,7 @@ import type { VxeBreadcrumbPropTypes, VxeBreadcrumbEmits, BreadcrumbReactData, B
 
 const { getConfig, createEvent } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeBreadcrumb',
   props: {
     separator: {
@@ -91,4 +91,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/button/src/button-group.ts

@@ -8,7 +8,7 @@ import type { VxeButtonGroupPropTypes, VxeButtonGroupEmits, ButtonGroupReactData
 
 const { getConfig, createEvent, useFns, renderEmptyElement } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeButtonGroup',
   props: {
     options: Array as PropType<VxeButtonGroupPropTypes.Options>,
@@ -113,4 +113,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/calendar/src/calendar.ts

@@ -14,7 +14,7 @@ const { errLog } = createComponentLog('calendar')
 
 const { createEvent, useFns, renderEmptyElement, menus, getConfig, getI18n } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeCalendar',
   props: {
     modelValue: [String, Number, Date] as PropType<VxeCalendarPropTypes.ModelValue>,
@@ -1563,4 +1563,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/card/src/card.ts

@@ -12,7 +12,7 @@ import type { CardReactData, VxeCardEmits, VxeCardPropTypes, CardPrivateRef, Val
 
 const { getConfig, createEvent, useFns, renderEmptyElement } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeCard',
   props: {
     title: String as PropType<VxeCardPropTypes.Title>,
@@ -282,4 +282,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/carousel/src/carousel-item.ts

@@ -22,7 +22,7 @@ import type {
 
 const { createEvent } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeCarouselItem',
   props: {
     name: [String, Number] as PropType<VxeCarouselItemPropTypes.Name>,
@@ -117,4 +117,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/carousel/src/carousel.ts

@@ -10,7 +10,7 @@ import type { CarouselReactData, CarouselPrivateRef, VxeCarouselPropTypes, Carou
 
 const { getConfig, getIcon, createEvent, renderEmptyElement } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeCarousel',
   props: {
     modelValue: [String, Number] as PropType<VxeCarouselPropTypes.ModelValue>,
@@ -472,4 +472,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/cascader/src/cascader.ts

@@ -90,7 +90,7 @@ function createInternalData(): CascaderInternalData {
   }
 }
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeCascader',
   props: {
     modelValue: [String, Number, Array] as PropType<VxeCascaderPropTypes.ModelValue>,
@@ -2071,4 +2071,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/checkbox/src/button.ts

@@ -5,25 +5,13 @@ import { getFuncText } from '../../ui/src/utils'
 import { VxeUI } from '@vxe-ui/core'
 import { createComponentLog } from '../../ui/src/log'
 
-import type {
-  VxeCheckboxButtonPropTypes,
-  VxeCheckboxGroupConstructor,
-  CheckboxButtonReactData,
-  CheckboxButtonPrivateMethods,
-  VxeCheckboxButtonConstructor,
-  VxeCheckboxButtonEmits,
-  VxeCheckboxGroupPrivateMethods,
-  CheckboxButtonMethods,
-  VxeFormConstructor,
-  VxeFormPrivateMethods,
-  VxeFormDefines
-} from '../../../types'
+import type { VxeCheckboxButtonPropTypes, VxeCheckboxGroupConstructor, CheckboxButtonReactData, CheckboxButtonPrivateMethods, VxeCheckboxButtonConstructor, VxeCheckboxButtonEmits, VxeCheckboxGroupPrivateMethods, CheckboxButtonMethods, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines } from '../../../types'
 
 const { warnLog } = createComponentLog('checkbox-button')
 
 const { getConfig, createEvent, useFns, renderEmptyElement } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeCheckboxButton',
   props: {
     modelValue: [String, Number, Boolean] as PropType<VxeCheckboxButtonPropTypes.ModelValue>,
@@ -264,4 +252,4 @@ export default defineVxeComponent({
 
     return renderVN
   }
-})
+}) /* define-vxe-component end */

package/packages/checkbox/src/checkbox.ts

@@ -11,7 +11,7 @@ const { getConfig, createEvent, useFns, getIcon, renderEmptyElement } = VxeUI
 
 const { warnLog } = createComponentLog('checkbox')
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeCheckbox',
   props: {
     modelValue: [String, Number, Boolean] as PropType<VxeCheckboxPropTypes.ModelValue>,
@@ -216,4 +216,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/checkbox/src/group.ts

@@ -33,7 +33,7 @@ function createInternalData(): CheckboxGroupInternalData {
   }
 }
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeCheckboxGroup',
   props: {
     modelValue: Array as PropType<VxeCheckboxGroupPropTypes.ModelValue>,
@@ -289,4 +289,4 @@ export default defineVxeComponent({
 
     return renderVN
   }
-})
+}) /* define-vxe-component end */

package/packages/collapse/src/collapse-pane.ts

@@ -22,7 +22,7 @@ import type {
 
 const { createEvent } = VxeUI
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeCollapsePane',
   props: {
     title: [String, Number] as PropType<VxeCollapsePanePropTypes.Title>,
@@ -139,4 +139,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */

package/packages/collapse/src/collapse.ts

@@ -42,7 +42,7 @@ function createInternalData(): CollapseInternalData {
   }
 }
 
-export default defineVxeComponent({
+export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeCollapse',
   props: {
     modelValue: Array as PropType<VxeCollapsePropTypes.ModelValue>,
@@ -450,4 +450,4 @@ export default defineVxeComponent({
   render() {
     return this.renderVN()
   }
-})
+}) /* define-vxe-component end */