vxe-pc-ui 3.13.11 → 3.13.13

package/packages/watermark/src/watermark.ts

@@ -1,166 +1,166 @@
-import { CreateElement, VNode, PropType } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { getConfig, createEvent, globalEvents } from '../../ui'
-import { toCssUnit } from '../../ui/src/dom'
-import { getContentUrl } from './util'
-
-import type { WatermarkReactData, VxeWatermarkPropTypes, VxeWatermarkEmits, ValueOf, VxeComponentStyleType } from '../../../types'
-
-export default /* define-vxe-component start */ defineVxeComponent({
-  name: 'VxeWatermark',
-  props: {
-    width: String as PropType<VxeWatermarkPropTypes.Width>,
-    height: String as PropType<VxeWatermarkPropTypes.Height>,
-    imageUrl: String as PropType<VxeWatermarkPropTypes.ImageUrl>,
-    rotate: {
-      type: [Number, String] as PropType<VxeWatermarkPropTypes.Rotate>,
-      default: () => getConfig().watermark.rotate
-    },
-    gap: {
-      type: [Array, Number, String] as PropType<VxeWatermarkPropTypes.Gap>,
-      default: () => XEUtils.clone(getConfig().watermark.gap, true)
-    },
-    content: [String, Array] as PropType<VxeWatermarkPropTypes.Content>,
-    font: Object as PropType<VxeWatermarkPropTypes.Font>,
-    offset: Object as PropType<VxeWatermarkPropTypes.Offset>,
-    zIndex: [String, Number] as PropType<VxeWatermarkPropTypes.ZIndex>
-  },
-  data () {
-    const xID = XEUtils.uniqueId()
-    const reactData: WatermarkReactData = {
-      markUrl: ''
-    }
-    return {
-      xID,
-      reactData
-    }
-  },
-  computed: {
-    computeFontOpts () {
-      const $xeWatermark = this
-      const props = $xeWatermark
-
-      return XEUtils.assign({}, XEUtils.clone(getConfig().watermark.font, true), props.font)
-    },
-    computeWrapperStyle () {
-      const $xeWatermark = this
-      const props = $xeWatermark
-      const reactData = $xeWatermark.reactData
-
-      const { width, height, zIndex } = props
-      const { markUrl } = reactData
-      const stys: VxeComponentStyleType = {}
-      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
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent (type: ValueOf<VxeWatermarkEmits>, params: Record<string, any>, evnt: Event | null) {
-      const $xeWatermark = this
-      $xeWatermark.$emit(type, createEvent(evnt, { $watermark: $xeWatermark }, params))
-    },
-    updateMarkStyle  () {
-      const $xeWatermark = this
-      const props = $xeWatermark
-      const reactData = $xeWatermark.reactData
-
-      const { content, gap, rotate, offset } = props
-      const el = $xeWatermark.$refs.refElem as HTMLDivElement
-      const fontOpts = $xeWatermark.computeFontOpts
-      if (el) {
-        if (content) {
-          getContentUrl(content, getComputedStyle(el).fontSize, {
-            font: fontOpts,
-            rotate,
-            gap,
-            offset
-          }).then(url => {
-            reactData.markUrl = url
-          })
-        }
-      }
-    },
-
-    //
-    // Render
-    //
-    renderVN (h: CreateElement): VNode {
-      const $xeWatermark = this
-
-      const wrapperStyle = $xeWatermark.computeWrapperStyle
-      return h('div', {
-        ref: 'refElem',
-        class: 'vxe-watermark',
-        style: wrapperStyle
-      })
-    }
-  },
-  watch: {
-    imageUrl () {
-      const $xeWatermark = this
-
-      $xeWatermark.updateMarkStyle()
-    },
-    content () {
-      const $xeWatermark = this
-
-      $xeWatermark.updateMarkStyle()
-    },
-    gap () {
-      const $xeWatermark = this
-
-      $xeWatermark.updateMarkStyle()
-    },
-    rotate () {
-      const $xeWatermark = this
-
-      $xeWatermark.updateMarkStyle()
-    },
-    width () {
-      const $xeWatermark = this
-
-      $xeWatermark.updateMarkStyle()
-    },
-    height () {
-      const $xeWatermark = this
-
-      $xeWatermark.updateMarkStyle()
-    },
-    font () {
-      const $xeWatermark = this
-
-      $xeWatermark.updateMarkStyle()
-    }
-  },
-  mounted () {
-    const $xeWatermark = this
-
-    $xeWatermark.updateMarkStyle()
-    globalEvents.on($xeWatermark, 'resize', XEUtils.throttle(() => {
-      $xeWatermark.updateMarkStyle()
-    }, 300, { trailing: true, leading: true }))
-  },
-  beforeDestroy () {
-    const $xeWatermark = this
-
-    globalEvents.off($xeWatermark, 'resize')
-  },
-  render (this: any, h) {
-    return this.renderVN(h)
-  }
-}) /* define-vxe-component end */
+import { CreateElement, VNode, PropType } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
+import XEUtils from 'xe-utils'
+import { getConfig, createEvent, globalEvents } from '../../ui'
+import { toCssUnit } from '../../ui/src/dom'
+import { getContentUrl } from './util'
+
+import type { WatermarkReactData, VxeWatermarkPropTypes, VxeWatermarkEmits, ValueOf, VxeComponentStyleType } from '../../../types'
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeWatermark',
+  props: {
+    width: String as PropType<VxeWatermarkPropTypes.Width>,
+    height: String as PropType<VxeWatermarkPropTypes.Height>,
+    imageUrl: String as PropType<VxeWatermarkPropTypes.ImageUrl>,
+    rotate: {
+      type: [Number, String] as PropType<VxeWatermarkPropTypes.Rotate>,
+      default: () => getConfig().watermark.rotate
+    },
+    gap: {
+      type: [Array, Number, String] as PropType<VxeWatermarkPropTypes.Gap>,
+      default: () => XEUtils.clone(getConfig().watermark.gap, true)
+    },
+    content: [String, Array] as PropType<VxeWatermarkPropTypes.Content>,
+    font: Object as PropType<VxeWatermarkPropTypes.Font>,
+    offset: Object as PropType<VxeWatermarkPropTypes.Offset>,
+    zIndex: [String, Number] as PropType<VxeWatermarkPropTypes.ZIndex>
+  },
+  data () {
+    const xID = XEUtils.uniqueId()
+    const reactData: WatermarkReactData = {
+      markUrl: ''
+    }
+    return {
+      xID,
+      reactData
+    }
+  },
+  computed: {
+    computeFontOpts () {
+      const $xeWatermark = this
+      const props = $xeWatermark
+
+      return XEUtils.assign({}, XEUtils.clone(getConfig().watermark.font, true), props.font)
+    },
+    computeWrapperStyle () {
+      const $xeWatermark = this
+      const props = $xeWatermark
+      const reactData = $xeWatermark.reactData
+
+      const { width, height, zIndex } = props
+      const { markUrl } = reactData
+      const stys: VxeComponentStyleType = {}
+      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
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeWatermarkEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeWatermark = this
+      $xeWatermark.$emit(type, createEvent(evnt, { $watermark: $xeWatermark }, params))
+    },
+    updateMarkStyle  () {
+      const $xeWatermark = this
+      const props = $xeWatermark
+      const reactData = $xeWatermark.reactData
+
+      const { content, gap, rotate, offset } = props
+      const el = $xeWatermark.$refs.refElem as HTMLDivElement
+      const fontOpts = $xeWatermark.computeFontOpts
+      if (el) {
+        if (content) {
+          getContentUrl(content, getComputedStyle(el).fontSize, {
+            font: fontOpts,
+            rotate,
+            gap,
+            offset
+          }).then(url => {
+            reactData.markUrl = url
+          })
+        }
+      }
+    },
+
+    //
+    // Render
+    //
+    renderVN (h: CreateElement): VNode {
+      const $xeWatermark = this
+
+      const wrapperStyle = $xeWatermark.computeWrapperStyle
+      return h('div', {
+        ref: 'refElem',
+        class: 'vxe-watermark',
+        style: wrapperStyle
+      })
+    }
+  },
+  watch: {
+    imageUrl () {
+      const $xeWatermark = this
+
+      $xeWatermark.updateMarkStyle()
+    },
+    content () {
+      const $xeWatermark = this
+
+      $xeWatermark.updateMarkStyle()
+    },
+    gap () {
+      const $xeWatermark = this
+
+      $xeWatermark.updateMarkStyle()
+    },
+    rotate () {
+      const $xeWatermark = this
+
+      $xeWatermark.updateMarkStyle()
+    },
+    width () {
+      const $xeWatermark = this
+
+      $xeWatermark.updateMarkStyle()
+    },
+    height () {
+      const $xeWatermark = this
+
+      $xeWatermark.updateMarkStyle()
+    },
+    font () {
+      const $xeWatermark = this
+
+      $xeWatermark.updateMarkStyle()
+    }
+  },
+  mounted () {
+    const $xeWatermark = this
+
+    $xeWatermark.updateMarkStyle()
+    globalEvents.on($xeWatermark, 'resize', XEUtils.throttle(() => {
+      $xeWatermark.updateMarkStyle()
+    }, 300, { trailing: true, leading: true }))
+  },
+  beforeDestroy () {
+    const $xeWatermark = this
+
+    globalEvents.off($xeWatermark, 'resize')
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */

package/styles/all.scss

@@ -1,90 +1,90 @@
-@use './base.scss';
-
-@use './components/alert.scss';
-@use './components/anchor.scss';
-@use './components/anchor-link.scss';
-@use './components/avatar.scss';
-@use './components/backtop.scss';
-@use './components/badge.scss';
-@use './components/breadcrumb.scss';
-@use './components/breadcrumb-item.scss';
-@use './components/button.scss';
-@use './components/button-group.scss';
-@use './components/calendar.scss';
-@use './components/card.scss';
-@use './components/carousel.scss';
-@use './components/carousel-item.scss';
-@use './components/cascader.scss';
-@use './components/checkbox.scss';
-@use './components/checkbox-button.scss';
-@use './components/checkbox-group.scss';
-@use './components/col.scss';
-@use './components/collapse.scss';
-@use './components/collapse-pane.scss';
-@use './components/color-picker.scss';
-@use './components/context-menu.scss';
-@use './components/countdown.scss';
-@use './components/date-panel.scss';
-@use './components/date-picker.scss';
-@use './components/date-range-picker.scss';
-@use './components/drawer.scss';
-@use './components/empty.scss';
-@use './components/form.scss';
-@use './components/form-gather.scss';
-@use './components/form-group.scss';
-@use './components/form-item.scss';
-@use './components/icon.scss';
-@use './components/icon-picker.scss';
-@use './components/image.scss';
-@use './components/image-group.scss';
-@use './components/image-preview.scss';
-@use './components/input.scss';
-@use './components/layout-aside.scss';
-@use './components/layout-body.scss';
-@use './components/layout-container.scss';
-@use './components/layout-footer.scss';
-@use './components/layout-header.scss';
-@use './components/link.scss';
-@use './components/list.scss';
-@use './components/loading.scss';
-@use './components/mention.scss';
-@use './components/menu.scss';
-@use './components/modal.scss';
-@use './components/notice-bar.scss';
-@use './components/number-input.scss';
-@use './components/optgroup.scss';
-@use './components/option.scss';
-@use './components/pager.scss';
-@use './components/password-input.scss';
-@use './components/print-page-break.scss';
-@use './components/print.scss';
-@use './components/pulldown.scss';
-@use './components/radio.scss';
-@use './components/radio-button.scss';
-@use './components/radio-group.scss';
-@use './components/rate.scss';
-@use './components/result.scss';
-@use './components/row.scss';
-@use './components/segmented.scss';
-@use './components/select.scss';
-@use './components/split.scss';
-@use './components/split-pane.scss';
-@use './components/slider.scss';
-@use './components/steps.scss';
-@use './components/switch.scss';
-@use './components/tab-pane.scss';
-@use './components/table-select.scss';
-@use './components/tabs.scss';
-@use './components/tag.scss';
-@use './components/text-ellipsis.scss';
-@use './components/text.scss';
-@use './components/textarea.scss';
-@use './components/timeline.scss';
-@use './components/timeline-item.scss';
-@use './components/tip.scss';
-@use './components/tooltip.scss';
-@use './components/tour.scss';
-@use './components/tree.scss';
-@use './components/tree-select.scss';
-@use './components/upload.scss';
-@use './components/watermark.scss';
+@use './base.scss';
+
+@use './components/alert.scss';
+@use './components/anchor.scss';
+@use './components/anchor-link.scss';
+@use './components/avatar.scss';
+@use './components/backtop.scss';
+@use './components/badge.scss';
+@use './components/breadcrumb.scss';
+@use './components/breadcrumb-item.scss';
+@use './components/button.scss';
+@use './components/button-group.scss';
+@use './components/calendar.scss';
+@use './components/card.scss';
+@use './components/carousel.scss';
+@use './components/carousel-item.scss';
+@use './components/cascader.scss';
+@use './components/checkbox.scss';
+@use './components/checkbox-button.scss';
+@use './components/checkbox-group.scss';
+@use './components/col.scss';
+@use './components/collapse.scss';
+@use './components/collapse-pane.scss';
+@use './components/color-picker.scss';
+@use './components/context-menu.scss';
+@use './components/countdown.scss';
+@use './components/date-panel.scss';
+@use './components/date-picker.scss';
+@use './components/date-range-picker.scss';
+@use './components/drawer.scss';
+@use './components/empty.scss';
+@use './components/form.scss';
+@use './components/form-gather.scss';
+@use './components/form-group.scss';
+@use './components/form-item.scss';
+@use './components/icon.scss';
+@use './components/icon-picker.scss';
+@use './components/image.scss';
+@use './components/image-group.scss';
+@use './components/image-preview.scss';
+@use './components/input.scss';
+@use './components/layout-aside.scss';
+@use './components/layout-body.scss';
+@use './components/layout-container.scss';
+@use './components/layout-footer.scss';
+@use './components/layout-header.scss';
+@use './components/link.scss';
+@use './components/list.scss';
+@use './components/loading.scss';
+@use './components/mention.scss';
+@use './components/menu.scss';
+@use './components/modal.scss';
+@use './components/notice-bar.scss';
+@use './components/number-input.scss';
+@use './components/optgroup.scss';
+@use './components/option.scss';
+@use './components/pager.scss';
+@use './components/password-input.scss';
+@use './components/print-page-break.scss';
+@use './components/print.scss';
+@use './components/pulldown.scss';
+@use './components/radio.scss';
+@use './components/radio-button.scss';
+@use './components/radio-group.scss';
+@use './components/rate.scss';
+@use './components/result.scss';
+@use './components/row.scss';
+@use './components/segmented.scss';
+@use './components/select.scss';
+@use './components/split.scss';
+@use './components/split-pane.scss';
+@use './components/slider.scss';
+@use './components/steps.scss';
+@use './components/switch.scss';
+@use './components/tab-pane.scss';
+@use './components/table-select.scss';
+@use './components/tabs.scss';
+@use './components/tag.scss';
+@use './components/text-ellipsis.scss';
+@use './components/text.scss';
+@use './components/textarea.scss';
+@use './components/timeline.scss';
+@use './components/timeline-item.scss';
+@use './components/tip.scss';
+@use './components/tooltip.scss';
+@use './components/tour.scss';
+@use './components/tree.scss';
+@use './components/tree-select.scss';
+@use './components/upload.scss';
+@use './components/watermark.scss';

package/styles/base.scss

@@ -1,16 +1,16 @@
-@use './theme/light.scss';
-@use './theme/dark.scss';
-
-%boxSizing {
-  box-sizing: border-box;
-}
-
-[class*="vxe-"] {
-  font-variant: tabular-nums;
-  font-feature-settings: 'tnum';
-  @extend %boxSizing;
-  &:after, &:before,
-  *:after, *:before {
-    @extend %boxSizing;
-  }
-}
+@use './theme/light.scss';
+@use './theme/dark.scss';
+
+%boxSizing {
+  box-sizing: border-box;
+}
+
+[class*="vxe-"] {
+  font-variant: tabular-nums;
+  font-feature-settings: 'tnum';
+  @extend %boxSizing;
+  &:after, &:before,
+  *:after, *:before {
+    @extend %boxSizing;
+  }
+}