code-monkey-ui 1.0.1 → 1.0.2

package/es/components/tree/style/index.d.ts

@@ -1,3 +1,3 @@
-import 'code-monkey-ui/es/components/base/style';
-import 'code-monkey-ui/theme-chalk/src/tree.scss';
-import 'code-monkey-ui/es/components/checkbox/style';
+import 'element-plus/es/components/base/style';
+import 'element-plus/theme-chalk/src/tree.scss';
+import 'element-plus/es/components/checkbox/style';

package/es/components/tree/style/index.mjs

@@ -1,4 +1,4 @@
 import '../../base/style/index.mjs';
-import 'code-monkey-ui/theme-chalk/src/tree.scss';
+import 'element-plus/theme-chalk/src/tree.scss';
 import '../../checkbox/style/index.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/tree-select/index.d.ts

@@ -1,4 +1,4 @@
-import type { SFCWithInstall } from 'code-monkey-ui/es/utils';
+import type { SFCWithInstall } from 'element-plus/es/utils';
 declare const _TreeSelect: SFCWithInstall<import("vue").DefineComponent<any, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any>, {} | {

package/es/components/tree-select/src/select.d.ts

@@ -1,6 +1,6 @@
-import ElSelect from 'code-monkey-ui/es/components/select';
+import ElSelect from 'element-plus/es/components/select';
 import type { Ref } from 'vue';
-import type ElTree from 'code-monkey-ui/es/components/tree';
+import type ElTree from 'element-plus/es/components/tree';
 export declare const useSelect: (props: any, { attrs, emit }: {
     attrs: any;
     emit: any;

package/es/components/tree-select/src/tree.d.ts

@@ -1,6 +1,6 @@
-import ElTree from 'code-monkey-ui/es/components/tree';
+import ElTree from 'element-plus/es/components/tree';
 import type { Ref } from 'vue';
-import type ElSelect from 'code-monkey-ui/es/components/select';
+import type ElSelect from 'element-plus/es/components/select';
 export declare const useTree: (props: any, { attrs, slots, emit }: {
     attrs: any;
     slots: any;

package/es/components/tree-select/src/utils.d.ts

@@ -1,4 +1,4 @@
-import type { TreeNodeData } from 'code-monkey-ui/es/components/tree/src/tree.type';
+import type { TreeNodeData } from 'element-plus/es/components/tree/src/tree.type';
 export declare function isValidValue(val: any): any;
 export declare function isValidArray(val: any): number | false;
 export declare function toValidArray(val: any): any[];

package/es/components/tree-select/style/css.d.ts

@@ -1,3 +1,3 @@
-import 'code-monkey-ui/es/components/select/style/css';
-import 'code-monkey-ui/es/components/tree/style/css';
-import 'code-monkey-ui/theme-chalk/el-tree-select.css';
+import 'element-plus/es/components/select/style/css';
+import 'element-plus/es/components/tree/style/css';
+import 'element-plus/theme-chalk/el-tree-select.css';

package/es/components/tree-select/style/css.mjs

@@ -1,4 +1,4 @@
 import '../../select/style/css.mjs';
 import '../../tree/style/css.mjs';
-import 'code-monkey-ui/theme-chalk/el-tree-select.css';
+import 'element-plus/theme-chalk/el-tree-select.css';
 //# sourceMappingURL=css.mjs.map

package/es/components/tree-select/style/index.d.ts

@@ -1,3 +1,3 @@
-import 'code-monkey-ui/es/components/select/style';
-import 'code-monkey-ui/es/components/tree/style';
-import 'code-monkey-ui/theme-chalk/src/tree-select.scss';
+import 'element-plus/es/components/select/style';
+import 'element-plus/es/components/tree/style';
+import 'element-plus/theme-chalk/src/tree-select.scss';

package/es/components/tree-select/style/index.mjs

@@ -1,4 +1,4 @@
 import '../../select/style/index.mjs';
 import '../../tree/style/index.mjs';
-import 'code-monkey-ui/theme-chalk/src/tree-select.scss';
+import 'element-plus/theme-chalk/src/tree-select.scss';
 //# sourceMappingURL=index.mjs.map

package/es/components/tree-v2/src/composables/useCheck.d.ts

@@ -1,4 +1,4 @@
-import type { CheckboxValueType } from 'code-monkey-ui/es/components/checkbox';
+import type { CheckboxValueType } from 'element-plus/es/components/checkbox';
 import type { Ref } from 'vue';
 import type { Tree, TreeKey, TreeNode, TreeNodeData, TreeProps } from '../types';
 export declare function useCheck(props: TreeProps, tree: Ref<Tree | undefined>): {

package/es/components/tree-v2/src/composables/useTree.d.ts

@@ -1,6 +1,6 @@
 import type { SetupContext } from 'vue';
 import type { treeEmits } from '../virtual-tree';
-import type { CheckboxValueType } from 'code-monkey-ui/es/components/checkbox';
+import type { CheckboxValueType } from 'element-plus/es/components/checkbox';
 import type { Tree, TreeData, TreeKey, TreeNode, TreeNodeData, TreeProps } from '../types';
 export declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>['emit']): {
     tree: import("vue").ShallowRef<Tree | undefined>;

package/es/components/tree-v2/src/tree-node.vue.d.ts

@@ -1,4 +1,4 @@
-import type { CheckboxValueType } from 'code-monkey-ui/es/components/checkbox';
+import type { CheckboxValueType } from 'element-plus/es/components/checkbox';
 declare const _default: import("vue").DefineComponent<{
     readonly node: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("./types").TreeNode) | (() => import("./types").TreeNode) | ((new (...args: any[]) => import("./types").TreeNode) | (() => import("./types").TreeNode))[], unknown, unknown, () => import("../../../utils").Mutable<{
         readonly key: -1;

package/es/components/tree-v2/src/virtual-tree.d.ts

@@ -1,6 +1,6 @@
-import type { CheckboxValueType } from 'code-monkey-ui/es/components/checkbox';
+import type { CheckboxValueType } from 'element-plus/es/components/checkbox';
 import type { InjectionKey } from 'vue';
-import type { TreeNodeData } from 'code-monkey-ui/es/components/tree/src/tree.type';
+import type { TreeNodeData } from 'element-plus/es/components/tree/src/tree.type';
 import type { CheckedInfo, FilterMethod, TreeContext, TreeData, TreeKey, TreeNode, TreeOptionProps } from './types';
 export declare const ROOT_TREE_INJECTION_KEY: InjectionKey<TreeContext>;
 export declare enum TreeOptionsEnum {

package/es/components/tree-v2/style/css.d.ts

@@ -1,4 +1,4 @@
-import 'code-monkey-ui/es/components/base/style/css';
-import 'code-monkey-ui/theme-chalk/el-tree.css';
-import 'code-monkey-ui/es/components/checkbox/style/css';
-import 'code-monkey-ui/es/components/virtual-list/style/css';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/theme-chalk/el-tree.css';
+import 'element-plus/es/components/checkbox/style/css';
+import 'element-plus/es/components/virtual-list/style/css';

package/es/components/tree-v2/style/css.mjs

@@ -1,5 +1,5 @@
 import '../../base/style/css.mjs';
-import 'code-monkey-ui/theme-chalk/el-tree.css';
+import 'element-plus/theme-chalk/el-tree.css';
 import '../../checkbox/style/css.mjs';
 import '../../virtual-list/style/css.mjs';
 //# sourceMappingURL=css.mjs.map

package/es/components/tree-v2/style/index.d.ts

@@ -1,4 +1,4 @@
-import 'code-monkey-ui/es/components/base/style';
-import 'code-monkey-ui/theme-chalk/src/tree.scss';
-import 'code-monkey-ui/es/components/checkbox/style';
-import 'code-monkey-ui/es/components/virtual-list/style';
+import 'element-plus/es/components/base/style';
+import 'element-plus/theme-chalk/src/tree.scss';
+import 'element-plus/es/components/checkbox/style';
+import 'element-plus/es/components/virtual-list/style';

package/es/components/tree-v2/style/index.mjs

@@ -1,5 +1,5 @@
 import '../../base/style/index.mjs';
-import 'code-monkey-ui/theme-chalk/src/tree.scss';
+import 'element-plus/theme-chalk/src/tree.scss';
 import '../../checkbox/style/index.mjs';
 import '../../virtual-list/style/index.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/upload/src/upload.d.ts

@@ -1,4 +1,4 @@
-import type { Awaitable, Mutable } from 'code-monkey-ui/es/utils';
+import type { Awaitable, Mutable } from 'element-plus/es/utils';
 import type { UploadAjaxError } from './ajax';
 import type { ExtractPropTypes } from 'vue';
 import type Upload from './upload.vue';

package/es/components/upload/style/css.d.ts

@@ -1,3 +1,3 @@
-import 'code-monkey-ui/es/components/base/style/css';
-import 'code-monkey-ui/theme-chalk/el-upload.css';
-import 'code-monkey-ui/es/components/progress/style/css';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/theme-chalk/el-upload.css';
+import 'element-plus/es/components/progress/style/css';

package/es/components/upload/style/css.mjs

@@ -1,4 +1,4 @@
 import '../../base/style/css.mjs';
-import 'code-monkey-ui/theme-chalk/el-upload.css';
+import 'element-plus/theme-chalk/el-upload.css';
 import '../../progress/style/css.mjs';
 //# sourceMappingURL=css.mjs.map

package/es/components/upload/style/index.d.ts

@@ -1,3 +1,3 @@
-import 'code-monkey-ui/es/components/base/style';
-import 'code-monkey-ui/theme-chalk/src/upload.scss';
-import 'code-monkey-ui/es/components/progress/style';
+import 'element-plus/es/components/base/style';
+import 'element-plus/theme-chalk/src/upload.scss';
+import 'element-plus/es/components/progress/style';

package/es/components/upload/style/index.mjs

@@ -1,4 +1,4 @@
 import '../../base/style/index.mjs';
-import 'code-monkey-ui/theme-chalk/src/upload.scss';
+import 'element-plus/theme-chalk/src/upload.scss';
 import '../../progress/style/index.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/virtual-list/style/css.d.ts

@@ -1,3 +1,3 @@
-import 'code-monkey-ui/es/components/base/style/css';
-import 'code-monkey-ui/theme-chalk/el-virtual-list.css';
-import 'code-monkey-ui/es/components/scrollbar/style/css';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/theme-chalk/el-virtual-list.css';
+import 'element-plus/es/components/scrollbar/style/css';

package/es/components/virtual-list/style/css.mjs

@@ -1,4 +1,4 @@
 import '../../base/style/css.mjs';
-import 'code-monkey-ui/theme-chalk/el-virtual-list.css';
+import 'element-plus/theme-chalk/el-virtual-list.css';
 import '../../scrollbar/style/css.mjs';
 //# sourceMappingURL=css.mjs.map

package/es/components/virtual-list/style/index.d.ts

@@ -1,3 +1,3 @@
-import 'code-monkey-ui/es/components/base/style';
-import 'code-monkey-ui/theme-chalk/src/virtual-list.scss';
-import 'code-monkey-ui/es/components/scrollbar/style';
+import 'element-plus/es/components/base/style';
+import 'element-plus/theme-chalk/src/virtual-list.scss';
+import 'element-plus/es/components/scrollbar/style';

package/es/components/virtual-list/style/index.mjs

@@ -1,4 +1,4 @@
 import '../../base/style/index.mjs';
-import 'code-monkey-ui/theme-chalk/src/virtual-list.scss';
+import 'element-plus/theme-chalk/src/virtual-list.scss';
 import '../../scrollbar/style/index.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/visual-hidden/index.mjs

@@ -1,4 +1,4 @@
-import ElVisuallyHidden from './src/visual-hidden2.mjs';
-export { default as ElVisuallyHidden, default } from './src/visual-hidden2.mjs';
-export { visualHiddenProps } from './src/visual-hidden.mjs';
+import ElVisuallyHidden from './src/visual-hidden.mjs';
+export { default as ElVisuallyHidden, default } from './src/visual-hidden.mjs';
+export { visualHiddenProps } from './src/visual-hidden2.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/visual-hidden/src/visual-hidden.mjs

@@ -1,12 +1,40 @@
-import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, renderSlot } from 'vue';
+import { visualHiddenProps } from './visual-hidden2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const visualHiddenProps = buildProps({
-  style: {
-    type: definePropType([String, Object, Array]),
-    default: () => ({})
+const __default__ = defineComponent({
+  name: "ElVisuallyHidden"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: visualHiddenProps,
+  setup(__props) {
+    const props = __props;
+    const computedStyle = computed(() => {
+      return [
+        props.style,
+        {
+          position: "absolute",
+          border: 0,
+          width: 1,
+          height: 1,
+          padding: 0,
+          margin: -1,
+          overflow: "hidden",
+          clip: "rect(0, 0, 0, 0)",
+          whiteSpace: "nowrap",
+          wordWrap: "normal"
+        }
+      ];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, { style: unref(computedStyle) }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
   }
 });
+var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\openResource\\element-plus\\packages\\components\\visual-hidden\\src\\visual-hidden.vue"]]);
 
-export { visualHiddenProps };
+export { ElVisuallyHidden as default };
 //# sourceMappingURL=visual-hidden.mjs.map

package/es/components/visual-hidden/src/visual-hidden.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"visual-hidden.mjs","sources":["../../../../../../packages/components/visual-hidden/src/visual-hidden.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { StyleValue } from 'vue'\n\nexport const visualHiddenProps = buildProps({\n  style: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: () => ({}),\n  },\n} as const)\n"],"names":[],"mappings":";;;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;AACvB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"visual-hidden.mjs","sources":["../../../../../../packages/components/visual-hidden/src/visual-hidden.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\" :style=\"computedStyle\">\n    <slot />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { visualHiddenProps } from './visual-hidden'\nimport type { StyleValue } from 'vue'\nconst props = defineProps(visualHiddenProps)\n\ndefineOptions({\n  name: 'ElVisuallyHidden',\n})\n\nconst computedStyle = computed<StyleValue>(() => {\n  return [\n    props.style,\n    {\n      position: 'absolute',\n      border: 0,\n      width: 1,\n      height: 1,\n      padding: 0,\n      margin: -1,\n      overflow: 'hidden',\n      clip: 'rect(0, 0, 0, 0)',\n      whiteSpace: 'nowrap',\n      wordWrap: 'normal',\n    },\n  ]\n})\n</script>\n"],"names":[],"mappings":";;;;mCAYc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAEA,IAAM,MAAA,aAAA,GAAgB,SAAqB,MAAM;AAC/C,MAAO,OAAA;AAAA,QACL,KAAM,CAAA,KAAA;AAAA,QACN;AAAA,UACE,QAAU,EAAA,UAAA;AAAA,UACV,MAAQ,EAAA,CAAA;AAAA,UACR,KAAO,EAAA,CAAA;AAAA,UACP,MAAQ,EAAA,CAAA;AAAA,UACR,OAAS,EAAA,CAAA;AAAA,UACT,MAAQ,EAAA,CAAA,CAAA;AAAA,UACR,QAAU,EAAA,QAAA;AAAA,UACV,IAAM,EAAA,kBAAA;AAAA,UACN,UAAY,EAAA,QAAA;AAAA,UACZ,QAAU,EAAA,QAAA;AAAA,SACZ;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;"}

package/es/components/visual-hidden/src/visual-hidden2.mjs

@@ -1,40 +1,12 @@
-import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, renderSlot } from 'vue';
-import { visualHiddenProps } from './visual-hidden.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElVisuallyHidden"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: visualHiddenProps,
-  setup(__props) {
-    const props = __props;
-    const computedStyle = computed(() => {
-      return [
-        props.style,
-        {
-          position: "absolute",
-          border: 0,
-          width: 1,
-          height: 1,
-          padding: 0,
-          margin: -1,
-          overflow: "hidden",
-          clip: "rect(0, 0, 0, 0)",
-          whiteSpace: "nowrap",
-          wordWrap: "normal"
-        }
-      ];
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, { style: unref(computedStyle) }), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16);
-    };
+const visualHiddenProps = buildProps({
+  style: {
+    type: definePropType([String, Object, Array]),
+    default: () => ({})
   }
 });
-var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\openResource\\element-plus\\packages\\components\\visual-hidden\\src\\visual-hidden.vue"]]);
 
-export { ElVisuallyHidden as default };
+export { visualHiddenProps };
 //# sourceMappingURL=visual-hidden2.mjs.map

package/es/components/visual-hidden/src/visual-hidden2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"visual-hidden2.mjs","sources":["../../../../../../packages/components/visual-hidden/src/visual-hidden.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\" :style=\"computedStyle\">\n    <slot />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { visualHiddenProps } from './visual-hidden'\nimport type { StyleValue } from 'vue'\nconst props = defineProps(visualHiddenProps)\n\ndefineOptions({\n  name: 'ElVisuallyHidden',\n})\n\nconst computedStyle = computed<StyleValue>(() => {\n  return [\n    props.style,\n    {\n      position: 'absolute',\n      border: 0,\n      width: 1,\n      height: 1,\n      padding: 0,\n      margin: -1,\n      overflow: 'hidden',\n      clip: 'rect(0, 0, 0, 0)',\n      whiteSpace: 'nowrap',\n      wordWrap: 'normal',\n    },\n  ]\n})\n</script>\n"],"names":[],"mappings":";;;;mCAYc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAEA,IAAM,MAAA,aAAA,GAAgB,SAAqB,MAAM;AAC/C,MAAO,OAAA;AAAA,QACL,KAAM,CAAA,KAAA;AAAA,QACN;AAAA,UACE,QAAU,EAAA,UAAA;AAAA,UACV,MAAQ,EAAA,CAAA;AAAA,UACR,KAAO,EAAA,CAAA;AAAA,UACP,MAAQ,EAAA,CAAA;AAAA,UACR,OAAS,EAAA,CAAA;AAAA,UACT,MAAQ,EAAA,CAAA,CAAA;AAAA,UACR,QAAU,EAAA,QAAA;AAAA,UACV,IAAM,EAAA,kBAAA;AAAA,UACN,UAAY,EAAA,QAAA;AAAA,UACZ,QAAU,EAAA,QAAA;AAAA,SACZ;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;"}
+{"version":3,"file":"visual-hidden2.mjs","sources":["../../../../../../packages/components/visual-hidden/src/visual-hidden.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { StyleValue } from 'vue'\n\nexport const visualHiddenProps = buildProps({\n  style: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: () => ({}),\n  },\n} as const)\n"],"names":[],"mappings":";;;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;AACvB,GAAG;AACH,CAAC;;;;"}

package/es/components/watermark/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Watermark from './src/watermark.mjs';
-export { watermarkProps } from './src/watermark2.mjs';
+import Watermark from './src/watermark2.mjs';
+export { watermarkProps } from './src/watermark.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElWatermark = withInstall(Watermark);

package/es/components/watermark/src/watermark.mjs

@@ -1,212 +1,33 @@
-import { defineComponent, computed, shallowRef, ref, onMounted, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, renderSlot } from 'vue';
-import { useMutationObserver } from '@vueuse/core';
-import { watermarkProps } from './watermark2.mjs';
-import { getStyleStr, getPixelRatio, reRendering } from './utils.mjs';
-import useClips, { FontGap } from './useClips.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElWatermark"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: watermarkProps,
-  setup(__props) {
-    const props = __props;
-    const style = {
-      position: "relative"
-    };
-    const color = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.font) == null ? void 0 : _a.color) != null ? _b : "rgba(0,0,0,.15)";
-    });
-    const fontSize = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.font) == null ? void 0 : _a.fontSize) != null ? _b : 16;
-    });
-    const fontWeight = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.font) == null ? void 0 : _a.fontWeight) != null ? _b : "normal";
-    });
-    const fontStyle = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.font) == null ? void 0 : _a.fontStyle) != null ? _b : "normal";
-    });
-    const fontFamily = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.font) == null ? void 0 : _a.fontFamily) != null ? _b : "sans-serif";
-    });
-    const textAlign = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.font) == null ? void 0 : _a.textAlign) != null ? _b : "center";
-    });
-    const textBaseline = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.font) == null ? void 0 : _a.textBaseline) != null ? _b : "top";
-    });
-    const gapX = computed(() => props.gap[0]);
-    const gapY = computed(() => props.gap[1]);
-    const gapXCenter = computed(() => gapX.value / 2);
-    const gapYCenter = computed(() => gapY.value / 2);
-    const offsetLeft = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.offset) == null ? void 0 : _a[0]) != null ? _b : gapXCenter.value;
-    });
-    const offsetTop = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.offset) == null ? void 0 : _a[1]) != null ? _b : gapYCenter.value;
-    });
-    const getMarkStyle = () => {
-      const markStyle = {
-        zIndex: props.zIndex,
-        position: "absolute",
-        left: 0,
-        top: 0,
-        width: "100%",
-        height: "100%",
-        pointerEvents: "none",
-        backgroundRepeat: "repeat"
-      };
-      let positionLeft = offsetLeft.value - gapXCenter.value;
-      let positionTop = offsetTop.value - gapYCenter.value;
-      if (positionLeft > 0) {
-        markStyle.left = `${positionLeft}px`;
-        markStyle.width = `calc(100% - ${positionLeft}px)`;
-        positionLeft = 0;
-      }
-      if (positionTop > 0) {
-        markStyle.top = `${positionTop}px`;
-        markStyle.height = `calc(100% - ${positionTop}px)`;
-        positionTop = 0;
-      }
-      markStyle.backgroundPosition = `${positionLeft}px ${positionTop}px`;
-      return markStyle;
-    };
-    const containerRef = shallowRef(null);
-    const watermarkRef = shallowRef();
-    const stopObservation = ref(false);
-    const destroyWatermark = () => {
-      if (watermarkRef.value) {
-        watermarkRef.value.remove();
-        watermarkRef.value = void 0;
-      }
-    };
-    const appendWatermark = (base64Url, markWidth) => {
-      var _a;
-      if (containerRef.value && watermarkRef.value) {
-        stopObservation.value = true;
-        watermarkRef.value.setAttribute("style", getStyleStr({
-          ...getMarkStyle(),
-          backgroundImage: `url('${base64Url}')`,
-          backgroundSize: `${Math.floor(markWidth)}px`
-        }));
-        (_a = containerRef.value) == null ? void 0 : _a.append(watermarkRef.value);
-        setTimeout(() => {
-          stopObservation.value = false;
-        });
-      }
-    };
-    const getMarkSize = (ctx) => {
-      let defaultWidth = 120;
-      let defaultHeight = 64;
-      const image = props.image;
-      const content = props.content;
-      const width = props.width;
-      const height = props.height;
-      if (!image && ctx.measureText) {
-        ctx.font = `${Number(fontSize.value)}px ${fontFamily.value}`;
-        const contents = Array.isArray(content) ? content : [content];
-        const sizes = contents.map((item) => {
-          const metrics = ctx.measureText(item);
-          return [
-            metrics.width,
-            metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent
-          ];
-        });
-        defaultWidth = Math.ceil(Math.max(...sizes.map((size) => size[0])));
-        defaultHeight = Math.ceil(Math.max(...sizes.map((size) => size[1]))) * contents.length + (contents.length - 1) * FontGap;
-      }
-      return [width != null ? width : defaultWidth, height != null ? height : defaultHeight];
-    };
-    const getClips = useClips();
-    const renderWatermark = () => {
-      const canvas = document.createElement("canvas");
-      const ctx = canvas.getContext("2d");
-      const image = props.image;
-      const content = props.content;
-      const rotate = props.rotate;
-      if (ctx) {
-        if (!watermarkRef.value) {
-          watermarkRef.value = document.createElement("div");
-        }
-        const ratio = getPixelRatio();
-        const [markWidth, markHeight] = getMarkSize(ctx);
-        const drawCanvas = (drawContent) => {
-          const [textClips, clipWidth] = getClips(drawContent || "", rotate, ratio, markWidth, markHeight, {
-            color: color.value,
-            fontSize: fontSize.value,
-            fontStyle: fontStyle.value,
-            fontWeight: fontWeight.value,
-            fontFamily: fontFamily.value,
-            textAlign: textAlign.value,
-            textBaseline: textBaseline.value
-          }, gapX.value, gapY.value);
-          appendWatermark(textClips, clipWidth);
-        };
-        if (image) {
-          const img = new Image();
-          img.onload = () => {
-            drawCanvas(img);
-          };
-          img.onerror = () => {
-            drawCanvas(content);
-          };
-          img.crossOrigin = "anonymous";
-          img.referrerPolicy = "no-referrer";
-          img.src = image;
-        } else {
-          drawCanvas(content);
-        }
-      }
-    };
-    onMounted(() => {
-      renderWatermark();
-    });
-    watch(() => props, () => {
-      renderWatermark();
-    }, {
-      deep: true,
-      flush: "post"
-    });
-    onBeforeUnmount(() => {
-      destroyWatermark();
-    });
-    const onMutate = (mutations) => {
-      if (stopObservation.value) {
-        return;
-      }
-      mutations.forEach((mutation) => {
-        if (reRendering(mutation, watermarkRef.value)) {
-          destroyWatermark();
-          renderWatermark();
-        }
-      });
-    };
-    useMutationObserver(containerRef, onMutate, {
-      attributes: true
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "containerRef",
-        ref: containerRef,
-        style: normalizeStyle([style])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 4);
-    };
+const watermarkProps = buildProps({
+  zIndex: {
+    type: Number,
+    default: 9
+  },
+  rotate: {
+    type: Number,
+    default: -22
+  },
+  width: Number,
+  height: Number,
+  image: String,
+  content: {
+    type: definePropType([String, Array]),
+    default: "Element Plus"
+  },
+  font: {
+    type: definePropType(Object)
+  },
+  gap: {
+    type: definePropType(Array),
+    default: () => [100, 100]
+  },
+  offset: {
+    type: definePropType(Array)
   }
 });
-var Watermark = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\openResource\\element-plus\\packages\\components\\watermark\\src\\watermark.vue"]]);
 
-export { Watermark as default };
+export { watermarkProps };
 //# sourceMappingURL=watermark.mjs.map