code-monkey-ui 1.1.10 → 1.1.11-alpha.1

package/lib/components/watermark/src/watermark2.js

@@ -2,36 +2,215 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var core = require('@vueuse/core');
+var watermark = require('./watermark.js');
+var utils = require('./utils.js');
+var useClips = require('./useClips.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 
-const watermarkProps = runtime.buildProps({
-  zIndex: {
-    type: Number,
-    default: 9
-  },
-  rotate: {
-    type: Number,
-    default: -22
-  },
-  width: Number,
-  height: Number,
-  image: String,
-  content: {
-    type: runtime.definePropType([String, Array]),
-    default: "Element Plus"
-  },
-  font: {
-    type: runtime.definePropType(Object)
-  },
-  gap: {
-    type: runtime.definePropType(Array),
-    default: () => [100, 100]
-  },
-  offset: {
-    type: runtime.definePropType(Array)
+const __default__ = vue.defineComponent({
+  name: "ElWatermark"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: watermark.watermarkProps,
+  setup(__props) {
+    const props = __props;
+    const style = {
+      position: "relative"
+    };
+    const color = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.color) != null ? _b : "rgba(0,0,0,.15)";
+    });
+    const fontSize = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontSize) != null ? _b : 16;
+    });
+    const fontWeight = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontWeight) != null ? _b : "normal";
+    });
+    const fontStyle = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontStyle) != null ? _b : "normal";
+    });
+    const fontFamily = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontFamily) != null ? _b : "sans-serif";
+    });
+    const textAlign = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.textAlign) != null ? _b : "center";
+    });
+    const textBaseline = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.textBaseline) != null ? _b : "top";
+    });
+    const gapX = vue.computed(() => props.gap[0]);
+    const gapY = vue.computed(() => props.gap[1]);
+    const gapXCenter = vue.computed(() => gapX.value / 2);
+    const gapYCenter = vue.computed(() => gapY.value / 2);
+    const offsetLeft = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.offset) == null ? void 0 : _a[0]) != null ? _b : gapXCenter.value;
+    });
+    const offsetTop = vue.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 = vue.shallowRef(null);
+    const watermarkRef = vue.shallowRef();
+    const stopObservation = vue.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", utils.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) * useClips.FontGap;
+      }
+      return [width != null ? width : defaultWidth, height != null ? height : defaultHeight];
+    };
+    const getClips = useClips["default"]();
+    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 = utils.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);
+        }
+      }
+    };
+    vue.onMounted(() => {
+      renderWatermark();
+    });
+    vue.watch(() => props, () => {
+      renderWatermark();
+    }, {
+      deep: true,
+      flush: "post"
+    });
+    vue.onBeforeUnmount(() => {
+      destroyWatermark();
+    });
+    const onMutate = (mutations) => {
+      if (stopObservation.value) {
+        return;
+      }
+      mutations.forEach((mutation) => {
+        if (utils.reRendering(mutation, watermarkRef.value)) {
+          destroyWatermark();
+          renderWatermark();
+        }
+      });
+    };
+    core.useMutationObserver(containerRef, onMutate, {
+      attributes: true
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        style: vue.normalizeStyle([style])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 4);
+    };
   }
 });
+var Watermark = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\watermark\\src\\watermark.vue"]]);
 
-exports.watermarkProps = watermarkProps;
+exports["default"] = Watermark;
 //# sourceMappingURL=watermark2.js.map

package/lib/components/watermark/src/watermark2.js.map

@@ -1 +1 @@
-{"version":3,"file":"watermark2.js","sources":["../../../../../../packages/components/watermark/src/watermark.ts"],"sourcesContent":["import { buildProps, definePropType } from '@code-monkey-ui/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Watermark from './watermark.vue'\n\nexport interface WatermarkFontType {\n  color?: string\n  fontSize?: number | string\n  fontWeight?: 'normal' | 'light' | 'weight' | number\n  fontStyle?: 'none' | 'normal' | 'italic' | 'oblique'\n  fontFamily?: string\n  textAlign?: 'start' | 'end' | 'left' | 'right' | 'center'\n  textBaseline?:\n    | 'top'\n    | 'hanging'\n    | 'middle'\n    | 'alphabetic'\n    | 'ideographic'\n    | 'bottom'\n}\n\nexport const watermarkProps = buildProps({\n  /**\n   * @description The z-index of the appended watermark element\n   */\n  zIndex: {\n    type: Number,\n    default: 9,\n  },\n  /**\n   * @description The rotation angle of the watermark\n   */\n  rotate: {\n    type: Number,\n    default: -22,\n  },\n  /**\n   * @description The width of the watermark\n   */\n  width: Number,\n  /**\n   * @description The height of the watermark\n   */\n  height: Number,\n  /**\n   * @description Image source, it is recommended to export 2x or 3x image, high priority (support base64 format)\n   */\n  image: String,\n  /**\n   * @description Watermark text content\n   */\n  content: {\n    type: definePropType<string | string[]>([String, Array]),\n    default: 'Element Plus',\n  },\n  /**\n   * @description Text style\n   */\n  font: {\n    type: definePropType<WatermarkFontType>(Object),\n  },\n  /**\n   * @description The spacing between watermarks\n   */\n  gap: {\n    type: definePropType<[number, number]>(Array),\n    default: () => [100, 100],\n  },\n  /**\n   * @description The offset of the watermark from the upper left corner of the container. The default is gap/2\n   */\n  offset: {\n    type: definePropType<[number, number]>(Array),\n  },\n} as const)\n\nexport type WatermarkProps = ExtractPropTypes<typeof watermarkProps>\nexport type WatermarkInstance = InstanceType<typeof Watermark>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,cAAc,GAAGA,kBAAU,CAAC;AACzC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC,EAAE;AAChB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,cAAc;AAC3B,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAEA,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC;AAC7B,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEA,sBAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"watermark2.js","sources":["../../../../../../packages/components/watermark/src/watermark.vue"],"sourcesContent":["<template>\n  <div ref=\"containerRef\" :style=\"[style]\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue'\nimport { useMutationObserver } from '@vueuse/core'\nimport { watermarkProps } from './watermark'\nimport { getPixelRatio, getStyleStr, reRendering } from './utils'\nimport useClips, { FontGap } from './useClips'\nimport type { WatermarkProps } from './watermark'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElWatermark',\n})\n\nconst style: CSSProperties = {\n  position: 'relative',\n}\n\nconst props = defineProps(watermarkProps)\nconst color = computed(() => props.font?.color ?? 'rgba(0,0,0,.15)')\nconst fontSize = computed(() => props.font?.fontSize ?? 16)\nconst fontWeight = computed(() => props.font?.fontWeight ?? 'normal')\nconst fontStyle = computed(() => props.font?.fontStyle ?? 'normal')\nconst fontFamily = computed(() => props.font?.fontFamily ?? 'sans-serif')\nconst textAlign = computed(() => props.font?.textAlign ?? 'center')\nconst textBaseline = computed(() => props.font?.textBaseline ?? 'top')\n\nconst gapX = computed(() => props.gap[0])\nconst gapY = computed(() => props.gap[1])\nconst gapXCenter = computed(() => gapX.value / 2)\nconst gapYCenter = computed(() => gapY.value / 2)\nconst offsetLeft = computed(() => props.offset?.[0] ?? gapXCenter.value)\nconst offsetTop = computed(() => props.offset?.[1] ?? gapYCenter.value)\n\nconst getMarkStyle = () => {\n  const markStyle: CSSProperties = {\n    zIndex: props.zIndex,\n    position: 'absolute',\n    left: 0,\n    top: 0,\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n    backgroundRepeat: 'repeat',\n  }\n\n  /** Calculate the style of the offset */\n  let positionLeft = offsetLeft.value - gapXCenter.value\n  let positionTop = offsetTop.value - gapYCenter.value\n  if (positionLeft > 0) {\n    markStyle.left = `${positionLeft}px`\n    markStyle.width = `calc(100% - ${positionLeft}px)`\n    positionLeft = 0\n  }\n  if (positionTop > 0) {\n    markStyle.top = `${positionTop}px`\n    markStyle.height = `calc(100% - ${positionTop}px)`\n    positionTop = 0\n  }\n  markStyle.backgroundPosition = `${positionLeft}px ${positionTop}px`\n\n  return markStyle\n}\n\nconst containerRef = shallowRef<HTMLDivElement | null>(null)\nconst watermarkRef = shallowRef<HTMLDivElement>()\nconst stopObservation = ref(false)\n\nconst destroyWatermark = () => {\n  if (watermarkRef.value) {\n    watermarkRef.value.remove()\n    watermarkRef.value = undefined\n  }\n}\nconst appendWatermark = (base64Url: string, markWidth: number) => {\n  if (containerRef.value && watermarkRef.value) {\n    stopObservation.value = true\n    watermarkRef.value.setAttribute(\n      'style',\n      getStyleStr({\n        ...getMarkStyle(),\n        backgroundImage: `url('${base64Url}')`,\n        backgroundSize: `${Math.floor(markWidth)}px`,\n      })\n    )\n    containerRef.value?.append(watermarkRef.value)\n    // Delayed execution\n    setTimeout(() => {\n      stopObservation.value = false\n    })\n  }\n}\n\n/**\n * Get the width and height of the watermark. The default values are as follows\n * Image: [120, 64]; Content: It's calculated by content;\n */\nconst getMarkSize = (ctx: CanvasRenderingContext2D) => {\n  let defaultWidth = 120\n  let defaultHeight = 64\n  const image = props.image\n  const content = props.content\n  const width = props.width\n  const height = props.height\n  if (!image && ctx.measureText) {\n    ctx.font = `${Number(fontSize.value)}px ${fontFamily.value}`\n    const contents = Array.isArray(content) ? content : [content]\n    const sizes = contents.map((item) => {\n      const metrics = ctx.measureText(item!)\n\n      return [\n        metrics.width,\n        metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent,\n      ]\n    })\n    defaultWidth = Math.ceil(Math.max(...sizes.map((size) => size[0])))\n    defaultHeight =\n      Math.ceil(Math.max(...sizes.map((size) => size[1]))) * contents.length +\n      (contents.length - 1) * FontGap\n  }\n  return [width ?? defaultWidth, height ?? defaultHeight] as const\n}\n\nconst getClips = useClips()\n\nconst renderWatermark = () => {\n  const canvas = document.createElement('canvas')\n  const ctx = canvas.getContext('2d')\n  const image = props.image\n  const content = props.content\n  const rotate = props.rotate\n\n  if (ctx) {\n    if (!watermarkRef.value) {\n      watermarkRef.value = document.createElement('div')\n    }\n\n    const ratio = getPixelRatio()\n    const [markWidth, markHeight] = getMarkSize(ctx)\n\n    const drawCanvas = (\n      drawContent?: NonNullable<WatermarkProps['content']> | HTMLImageElement\n    ) => {\n      const [textClips, clipWidth] = getClips(\n        drawContent || '',\n        rotate,\n        ratio,\n        markWidth,\n        markHeight,\n        {\n          color: color.value,\n          fontSize: fontSize.value,\n          fontStyle: fontStyle.value,\n          fontWeight: fontWeight.value,\n          fontFamily: fontFamily.value,\n          textAlign: textAlign.value,\n          textBaseline: textBaseline.value,\n        },\n        gapX.value,\n        gapY.value\n      )\n\n      appendWatermark(textClips, clipWidth)\n    }\n\n    if (image) {\n      const img = new Image()\n      img.onload = () => {\n        drawCanvas(img)\n      }\n      img.onerror = () => {\n        drawCanvas(content)\n      }\n      img.crossOrigin = 'anonymous'\n      img.referrerPolicy = 'no-referrer'\n      img.src = image\n    } else {\n      drawCanvas(content)\n    }\n  }\n}\n\nonMounted(() => {\n  renderWatermark()\n})\n\nwatch(\n  () => props,\n  () => {\n    renderWatermark()\n  },\n  {\n    deep: true,\n    flush: 'post',\n  }\n)\n\nonBeforeUnmount(() => {\n  destroyWatermark()\n})\n\nconst onMutate = (mutations: MutationRecord[]) => {\n  if (stopObservation.value) {\n    return\n  }\n  mutations.forEach((mutation) => {\n    if (reRendering(mutation, watermarkRef.value)) {\n      destroyWatermark()\n      renderWatermark()\n    }\n  })\n}\n\nuseMutationObserver(containerRef, onMutate, {\n  attributes: true,\n})\n</script>\n"],"names":["computed","shallowRef","ref","getStyleStr","FontGap","useClips","getPixelRatio"],"mappings":"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"}

package/lib/index.js

@@ -12,52 +12,52 @@ var makeInstaller = require('./make-installer.js');
 var dayjs = require('dayjs');
 var affix = require('./components/affix/src/affix.js');
 var index = require('./components/affix/index.js');
-var alert = require('./components/alert/src/alert.js');
+var alert = require('./components/alert/src/alert2.js');
 var index$1 = require('./components/alert/index.js');
 var autocomplete = require('./components/autocomplete/src/autocomplete.js');
 var index$2 = require('./components/autocomplete/index.js');
-var avatar = require('./components/avatar/src/avatar2.js');
+var avatar = require('./components/avatar/src/avatar.js');
 var index$3 = require('./components/avatar/index.js');
-var backtop = require('./components/backtop/src/backtop2.js');
+var backtop = require('./components/backtop/src/backtop.js');
 var index$4 = require('./components/backtop/index.js');
-var badge = require('./components/badge/src/badge2.js');
+var badge = require('./components/badge/src/badge.js');
 var index$5 = require('./components/badge/index.js');
-var batch = require('./components/batch/src/batch.js');
+var batch = require('./components/batch/src/batch2.js');
 var index$6 = require('./components/batch/index.js');
 var breadcrumb = require('./components/breadcrumb/src/breadcrumb.js');
 var breadcrumbItem = require('./components/breadcrumb/src/breadcrumb-item.js');
 var constants = require('./components/breadcrumb/src/constants.js');
 var index$7 = require('./components/breadcrumb/index.js');
-var button = require('./components/button/src/button2.js');
+var button = require('./components/button/src/button.js');
 var constants$1 = require('./components/button/src/constants.js');
 var index$8 = require('./components/button/index.js');
-var calendar = require('./components/calendar/src/calendar.js');
+var calendar = require('./components/calendar/src/calendar2.js');
 var index$9 = require('./components/calendar/index.js');
-var card = require('./components/card/src/card.js');
+var card = require('./components/card/src/card2.js');
 var index$a = require('./components/card/index.js');
-var carousel = require('./components/carousel/src/carousel2.js');
-var carouselItem = require('./components/carousel/src/carousel-item2.js');
+var carousel = require('./components/carousel/src/carousel.js');
+var carouselItem = require('./components/carousel/src/carousel-item.js');
 var constants$2 = require('./components/carousel/src/constants.js');
 var index$b = require('./components/carousel/index.js');
-var cascader = require('./components/cascader/src/cascader.js');
+var cascader = require('./components/cascader/src/cascader2.js');
 var index$c = require('./components/cascader/index.js');
 var types = require('./components/cascader-panel/src/types.js');
 var config = require('./components/cascader-panel/src/config.js');
 var index$d = require('./components/cascader-panel/index.js');
-var checkTag = require('./components/check-tag/src/check-tag2.js');
+var checkTag = require('./components/check-tag/src/check-tag.js');
 var index$e = require('./components/check-tag/index.js');
 var checkboxGroup = require('./components/checkbox/src/checkbox-group.js');
-var checkbox = require('./components/checkbox/src/checkbox2.js');
+var checkbox = require('./components/checkbox/src/checkbox.js');
 var constants$3 = require('./components/checkbox/src/constants.js');
 var index$f = require('./components/checkbox/index.js');
-var col = require('./components/col/src/col.js');
+var col = require('./components/col/src/col2.js');
 var index$g = require('./components/col/index.js');
-var collapse = require('./components/collapse/src/collapse2.js');
+var collapse = require('./components/collapse/src/collapse.js');
 var collapseItem = require('./components/collapse/src/collapse-item.js');
 var constants$4 = require('./components/collapse/src/constants.js');
 var index$h = require('./components/collapse/index.js');
 var index$i = require('./components/collapse-transition/index.js');
-var colorPicker = require('./components/color-picker/src/color-picker.js');
+var colorPicker = require('./components/color-picker/src/color-picker2.js');
 var index$j = require('./components/color-picker/index.js');
 var configProvider = require('./components/config-provider/src/config-provider.js');
 var configProviderProps = require('./components/config-provider/src/config-provider-props.js');
@@ -70,20 +70,20 @@ var index$m = require('./components/countdown/index.js');
 var constants$6 = require('./components/date-picker/src/constants.js');
 var datePicker = require('./components/date-picker/src/props/date-picker.js');
 var index$n = require('./components/date-picker/index.js');
-var description = require('./components/descriptions/src/description2.js');
+var description = require('./components/descriptions/src/description.js');
 var index$o = require('./components/descriptions/index.js');
 var useDialog = require('./components/dialog/src/use-dialog.js');
 var dialog = require('./components/dialog/src/dialog.js');
 var constants$7 = require('./components/dialog/src/constants.js');
 var index$p = require('./components/dialog/index.js');
-var divider = require('./components/divider/src/divider2.js');
+var divider = require('./components/divider/src/divider.js');
 var index$q = require('./components/divider/index.js');
 var drawer = require('./components/drawer/src/drawer.js');
 var index$r = require('./components/drawer/index.js');
-var dropdown = require('./components/dropdown/src/dropdown2.js');
+var dropdown = require('./components/dropdown/src/dropdown.js');
 var tokens = require('./components/dropdown/src/tokens.js');
 var index$s = require('./components/dropdown/index.js');
-var empty = require('./components/empty/src/empty.js');
+var empty = require('./components/empty/src/empty2.js');
 var index$t = require('./components/empty/index.js');
 var form = require('./components/form/src/form2.js');
 var formItem = require('./components/form/src/form-item.js');
@@ -91,7 +91,7 @@ var constants$8 = require('./components/form/src/constants.js');
 var useFormCommonProps = require('./components/form/src/hooks/use-form-common-props.js');
 var useFormItem = require('./components/form/src/hooks/use-form-item.js');
 var index$u = require('./components/form/index.js');
-var icon = require('./components/icon/src/icon.js');
+var icon = require('./components/icon/src/icon2.js');
 var index$v = require('./components/icon/index.js');
 var image = require('./components/image/src/image2.js');
 var index$w = require('./components/image/index.js');
@@ -99,13 +99,13 @@ var imageViewer = require('./components/image-viewer/src/image-viewer.js');
 var index$x = require('./components/image-viewer/index.js');
 var input = require('./components/input/src/input2.js');
 var index$y = require('./components/input/index.js');
-var inputNumber = require('./components/input-number/src/input-number2.js');
+var inputNumber = require('./components/input-number/src/input-number.js');
 var index$z = require('./components/input-number/index.js');
-var link = require('./components/link/src/link2.js');
+var link = require('./components/link/src/link.js');
 var index$A = require('./components/link/index.js');
 var menu = require('./components/menu/src/menu.js');
 var menuItem = require('./components/menu/src/menu-item.js');
-var menuItemGroup = require('./components/menu/src/menu-item-group2.js');
+var menuItemGroup = require('./components/menu/src/menu-item-group.js');
 var subMenu = require('./components/menu/src/sub-menu.js');
 var index$B = require('./components/menu/index.js');
 var overlay = require('./components/overlay/src/overlay.js');
@@ -117,16 +117,16 @@ var constants$9 = require('./components/pagination/src/constants.js');
 var index$E = require('./components/pagination/index.js');
 var popconfirm = require('./components/popconfirm/src/popconfirm2.js');
 var index$F = require('./components/popconfirm/index.js');
-var popper = require('./components/popper/src/popper2.js');
+var popper = require('./components/popper/src/popper.js');
 var trigger$1 = require('./components/popper/src/trigger.js');
 var content$1 = require('./components/popper/src/content.js');
-var arrow$1 = require('./components/popper/src/arrow.js');
+var arrow$1 = require('./components/popper/src/arrow2.js');
 var constants$a = require('./components/popper/src/constants.js');
-var arrow = require('./components/popper/src/arrow2.js');
+var arrow = require('./components/popper/src/arrow.js');
 var trigger = require('./components/popper/src/trigger2.js');
 var content = require('./components/popper/src/content2.js');
 var index$G = require('./components/popper/index.js');
-var progress = require('./components/progress/src/progress.js');
+var progress = require('./components/progress/src/progress2.js');
 var index$H = require('./components/progress/index.js');
 var radio = require('./components/radio/src/radio.js');
 var radioGroup = require('./components/radio/src/radio-group.js');
@@ -137,12 +137,12 @@ var rate = require('./components/rate/src/rate.js');
 var index$J = require('./components/rate/index.js');
 var result = require('./components/result/src/result.js');
 var index$K = require('./components/result/index.js');
-var row = require('./components/row/src/row.js');
+var row = require('./components/row/src/row2.js');
 var constants$c = require('./components/row/src/constants.js');
 var index$L = require('./components/row/index.js');
 var util = require('./components/scrollbar/src/util.js');
 var scrollbar = require('./components/scrollbar/src/scrollbar2.js');
-var thumb = require('./components/scrollbar/src/thumb2.js');
+var thumb = require('./components/scrollbar/src/thumb.js');
 var constants$d = require('./components/scrollbar/src/constants.js');
 var index$M = require('./components/scrollbar/index.js');
 var token = require('./components/select/src/token.js');
@@ -152,13 +152,13 @@ var index$O = require('./components/select-v2/index.js');
 var skeleton = require('./components/skeleton/src/skeleton.js');
 var skeletonItem = require('./components/skeleton/src/skeleton-item2.js');
 var index$P = require('./components/skeleton/index.js');
-var slider = require('./components/slider/src/slider.js');
+var slider = require('./components/slider/src/slider2.js');
 var constants$e = require('./components/slider/src/constants.js');
 var index$Q = require('./components/slider/index.js');
 var space = require('./components/space/src/space.js');
 var useSpace = require('./components/space/src/use-space.js');
 var index$R = require('./components/space/index.js');
-var statistic = require('./components/statistic/src/statistic2.js');
+var statistic = require('./components/statistic/src/statistic.js');
 var index$S = require('./components/statistic/index.js');
 var item = require('./components/steps/src/item.js');
 var steps = require('./components/steps/src/steps2.js');
@@ -181,7 +181,7 @@ var constants$g = require('./components/tabs/src/constants.js');
 var index$X = require('./components/tabs/index.js');
 var tag = require('./components/tag/src/tag2.js');
 var index$Y = require('./components/tag/index.js');
-var text = require('./components/text/src/text.js');
+var text = require('./components/text/src/text2.js');
 var index$Z = require('./components/text/index.js');
 var utils = require('./components/time-picker/src/utils.js');
 var constants$h = require('./components/time-picker/src/constants.js');
@@ -192,9 +192,9 @@ var panelTimePick = require('./components/time-picker/src/time-picker-com/panel-
 var index$$ = require('./components/time-select/index.js');
 var timelineItem = require('./components/timeline/src/timeline-item2.js');
 var index$10 = require('./components/timeline/index.js');
-var tooltip = require('./components/tooltip/src/tooltip2.js');
+var tooltip = require('./components/tooltip/src/tooltip.js');
 var trigger$2 = require('./components/tooltip/src/trigger.js');
-var content$2 = require('./components/tooltip/src/content2.js');
+var content$2 = require('./components/tooltip/src/content.js');
 var constants$i = require('./components/tooltip/src/constants.js');
 var index$11 = require('./components/tooltip/index.js');
 var transfer = require('./components/transfer/src/transfer2.js');
@@ -202,10 +202,10 @@ var index$12 = require('./components/transfer/index.js');
 var index$13 = require('./components/tree/index.js');
 var index$14 = require('./components/tree-select/index.js');
 var index$15 = require('./components/tree-v2/index.js');
-var upload = require('./components/upload/src/upload2.js');
-var uploadContent = require('./components/upload/src/upload-content.js');
+var upload = require('./components/upload/src/upload.js');
+var uploadContent = require('./components/upload/src/upload-content2.js');
 var uploadList = require('./components/upload/src/upload-list.js');
-var uploadDragger = require('./components/upload/src/upload-dragger.js');
+var uploadDragger = require('./components/upload/src/upload-dragger2.js');
 var constants$j = require('./components/upload/src/constants.js');
 var index$16 = require('./components/upload/index.js');
 var fixedSizeList = require('./components/virtual-list/src/components/fixed-size-list.js');
@@ -213,13 +213,13 @@ var dynamicSizeList = require('./components/virtual-list/src/components/dynamic-
 var fixedSizeGrid = require('./components/virtual-list/src/components/fixed-size-grid.js');
 var dynamicSizeGrid = require('./components/virtual-list/src/components/dynamic-size-grid.js');
 var props$1 = require('./components/virtual-list/src/props.js');
-var watermark = require('./components/watermark/src/watermark2.js');
+var watermark = require('./components/watermark/src/watermark.js');
 var index$17 = require('./components/watermark/index.js');
 var index$18 = require('./components/infinite-scroll/index.js');
 var index$19 = require('./components/loading/index.js');
 var directive = require('./components/loading/src/directive.js');
 var service = require('./components/loading/src/service.js');
-var message = require('./components/message/src/message2.js');
+var message = require('./components/message/src/message.js');
 var index$1a = require('./components/message/index.js');
 var index$1b = require('./components/message-box/index.js');
 var notification = require('./components/notification/src/notification2.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "code-monkey-ui",
-  "version": "1.1.10",
+  "version": "1.1.11-alpha.1",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "element-plus",

package/theme-chalk/el-batch.css

@@ -1 +1 @@
-.el-batch{--el-batch-disabled-icon-color:var(--el-text-color-placeholder);--el-batch-size-large:40px;--el-batch-size:32px;--el-batch-size-small:24px;--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255, 255, 255, 0.5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-color-info);--el-button-active-color:var(--el-text-color-primary);--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-batch-size:32px}.el-batch--large{--el-batch-size:40px}.el-batch--small{--el-batch-size:24px}.el-batch__input{height:var(--el-batch-size)}.el-batch__input .el-input--prefix{position:relative}.el-batch__input .el-input__wrapper{padding:0 2px 0 10px}.el-batch__input .el-input-group__prepend{background:var(--el-fill-color-blank);color:var(--el-input-text-color)}.el-batch__input .el-input__suffix .el-input__suffix-inner{height:100%}.el-batch__input .el-input__suffix .el-input__clear{margin:0;order:-1}.el-batch__select .select-trigger{height:100%;box-sizing:border-box}.el-batch__select .select-trigger .el-input{height:100%;box-sizing:border-box}.el-batch__select .select-trigger .el-input .el-input__prefix{position:relative;box-sizing:border-box;color:var(--el-input-text-color)}.el-batch__select .select-trigger .el-input .el-input__inner{visibility:hidden;position:absolute}.el-batch__select.is-disabled,.el-batch__select.is-disabled:focus,.el-batch__select.is-disabled:hover{background-color:var(--el-disabled-bg-color);border:none!important;box-shadow:none!important}.el-batch__batch-icon{cursor:pointer}.el-batch__textarea textarea{box-shadow:none;border-bottom:var(--el-input-border);border-radius:var(--el-border-radius-base);border-bottom-left-radius:0;border-bottom-right-radius:0}.el-batch__textarea textarea:focus{box-shadow:none}.el-batch__textarea textarea:hover{box-shadow:none}.el-batch__controls{display:flex;justify-content:space-between;padding:8px 12px}.el-batch__search-button{outline:0;color:var(--el-button-hover-text-color)!important;border-color:var(--el-button-hover-border-color)!important;background-color:var(--el-button-hover-bg-color)!important}.el-batch__tooltip-icon{box-sizing:border-box;height:calc(var(--el-batch-size) - 6px)!important;width:calc(var(--el-batch-size) - 6px)!important;padding:4px;margin:4px;border-radius:var(--el-border-radius-base);background-color:var(--el-fill-color-light);cursor:pointer}.el-batch__tooltip-icon:active{color:var(--el-button-hover-text-color)!important}.el-batch__tag{height:var(--el-batch-size);text-align:left}.el-batch__tag .el-tag{margin-top:10px;height:100%}.el-batch__tag-content{height:300px;padding:0 0 0 20px;box-sizing:border-box}.el-batch.is-disabled *,.el-batch.is-disabled:focus *,.el-batch.is-disabled:hover *{color:var(--el-button-disabled-text-color);cursor:not-allowed}.el-batch__batch-popper{padding:5px 0 0 0!important}
+.el-batch{--el-batch-disabled-icon-color:var(--el-text-color-placeholder);--el-batch-size-large:40px;--el-batch-size:32px;--el-batch-size-small:24px;--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255, 255, 255, 0.5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-color-info);--el-button-active-color:var(--el-text-color-primary);--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-batch-size:32px}.el-batch--large{--el-batch-size:40px}.el-batch--small{--el-batch-size:24px}.el-batch__input{height:var(--el-batch-size)}.el-batch__input .el-input--prefix{position:relative}.el-batch__input .el-input__wrapper{padding:0 2px 0 10px}.el-batch__input .el-input-group__prepend{background:var(--el-fill-color-blank);color:var(--el-input-text-color);padding:0}.el-batch__input .el-input__suffix .el-input__suffix-inner{height:100%}.el-batch__input .el-input__suffix .el-input__clear{margin:0;order:-1}.el-batch__prepend{height:100%;position:relative}.el-batch__prepend .el-button,.el-batch__prepend .el-select{height:100%;margin:0!important}.el-batch__prepend .el-input__wrapper{height:calc(var(--el-input-height,32px));border:0!important;box-shadow:none!important}.el-batch__select{margin:0!important}.el-batch__select .select-trigger{height:100%;box-sizing:border-box}.el-batch__select .select-trigger .el-input{height:100%;box-sizing:border-box}.el-batch__select .select-trigger .el-input .el-input__prefix{position:relative;box-sizing:border-box;color:var(--el-input-text-color)}.el-batch__select .select-trigger .el-input .el-input__inner{visibility:hidden;position:absolute}.el-batch__select.is-disabled,.el-batch__select.is-disabled:focus,.el-batch__select.is-disabled:hover{background-color:var(--el-disabled-bg-color);border:none!important;box-shadow:none!important}.el-batch__batch-icon{cursor:pointer}.el-batch__textarea textarea{box-shadow:none;border-bottom:var(--el-input-border);border-radius:var(--el-border-radius-base);border-bottom-left-radius:0;border-bottom-right-radius:0}.el-batch__textarea textarea:focus{box-shadow:none}.el-batch__textarea textarea:hover{box-shadow:none}.el-batch__controls{display:flex;justify-content:space-between;padding:8px 12px}.el-batch__search-button{outline:0;color:var(--el-button-hover-text-color)!important;border-color:var(--el-button-hover-border-color)!important;background-color:var(--el-button-hover-bg-color)!important}.el-batch__tooltip-icon{box-sizing:border-box;height:calc(var(--el-batch-size) - 6px)!important;width:calc(var(--el-batch-size) - 6px)!important;padding:4px;margin:4px;border-radius:var(--el-border-radius-base);background-color:var(--el-fill-color-light);cursor:pointer}.el-batch__tooltip-icon:active{color:var(--el-button-hover-text-color)!important}.el-batch__tag{height:var(--el-batch-size);text-align:left}.el-batch__tag .el-tag{margin-top:10px;height:100%}.el-batch__tag-content{height:300px;padding:0 0 0 20px;box-sizing:border-box}.el-batch.is-disabled *,.el-batch.is-disabled:focus *,.el-batch.is-disabled:hover *{color:var(--el-button-disabled-text-color);cursor:not-allowed}.el-batch__batch-popper{padding:5px 0 0 0!important}