ll-plus 2.5.8 → 2.5.10

package/es/components/index.d.ts

@@ -54,3 +54,4 @@ export * from './dropdown';
 export * from './upload-drag';
 export * from './upload-image';
 export * from './uri-input';
+export * from './watermark';

package/es/components/watermark/index.d.ts

@@ -0,0 +1,143 @@
+import Watermark from './src/watermark.vue';
+export declare const LlWatermark: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
+    attrs: {
+        [x: string]: unknown;
+    };
+    bem: {
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element: string, modifier: string) => string;
+        bm: (blockSuffix: string, modifier: string) => string;
+        bem: (blockSuffix: string, element: string, modifier: string) => string;
+        is: (name?: string) => string;
+    };
+    readonly Watermark: {
+        new (...args: any[]): import("@vue/runtime-core").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            zIndex: NumberConstructor;
+            rotate: NumberConstructor;
+            width: NumberConstructor;
+            height: NumberConstructor;
+            image: StringConstructor;
+            content: {
+                type: import("vue").PropType<string | string[]>;
+                default: string | string[];
+            };
+            font: {
+                type: import("vue").PropType<import("ant-design-vue/es/watermark").WatermarkFontType>;
+                default: import("ant-design-vue/es/watermark").WatermarkFontType;
+            };
+            rootClassName: StringConstructor;
+            gap: {
+                type: import("vue").PropType<[number, number]>;
+                default: [number, number];
+            };
+            offset: {
+                type: import("vue").PropType<[number, number]>;
+                default: [number, number];
+            };
+        }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            zIndex: NumberConstructor;
+            rotate: NumberConstructor;
+            width: NumberConstructor;
+            height: NumberConstructor;
+            image: StringConstructor;
+            content: {
+                type: import("vue").PropType<string | string[]>;
+                default: string | string[];
+            };
+            font: {
+                type: import("vue").PropType<import("ant-design-vue/es/watermark").WatermarkFontType>;
+                default: import("ant-design-vue/es/watermark").WatermarkFontType;
+            };
+            rootClassName: StringConstructor;
+            gap: {
+                type: import("vue").PropType<[number, number]>;
+                default: [number, number];
+            };
+            offset: {
+                type: import("vue").PropType<[number, number]>;
+                default: [number, number];
+            };
+        }>>, {
+            content: string | string[];
+            font: import("ant-design-vue/es/watermark").WatermarkFontType;
+            gap: [number, number];
+            offset: [number, number];
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            zIndex: NumberConstructor;
+            rotate: NumberConstructor;
+            width: NumberConstructor;
+            height: NumberConstructor;
+            image: StringConstructor;
+            content: {
+                type: import("vue").PropType<string | string[]>;
+                default: string | string[];
+            };
+            font: {
+                type: import("vue").PropType<import("ant-design-vue/es/watermark").WatermarkFontType>;
+                default: import("ant-design-vue/es/watermark").WatermarkFontType;
+            };
+            rootClassName: StringConstructor;
+            gap: {
+                type: import("vue").PropType<[number, number]>;
+                default: [number, number];
+            };
+            offset: {
+                type: import("vue").PropType<[number, number]>;
+                default: [number, number];
+            };
+        }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+            content: string | string[];
+            font: import("ant-design-vue/es/watermark").WatermarkFontType;
+            gap: [number, number];
+            offset: [number, number];
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        zIndex: NumberConstructor;
+        rotate: NumberConstructor;
+        width: NumberConstructor;
+        height: NumberConstructor;
+        image: StringConstructor;
+        content: {
+            type: import("vue").PropType<string | string[]>;
+            default: string | string[];
+        };
+        font: {
+            type: import("vue").PropType<import("ant-design-vue/es/watermark").WatermarkFontType>;
+            default: import("ant-design-vue/es/watermark").WatermarkFontType;
+        };
+        rootClassName: StringConstructor;
+        gap: {
+            type: import("vue").PropType<[number, number]>;
+            default: [number, number];
+        };
+        offset: {
+            type: import("vue").PropType<[number, number]>;
+            default: [number, number];
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        content: string | string[];
+        font: import("ant-design-vue/es/watermark").WatermarkFontType;
+        gap: [number, number];
+        offset: [number, number];
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+export default LlWatermark;
+export * from './src/watermark';
+declare module 'vue' {
+    interface GlobalComponents {
+        LlWatermark: typeof Watermark;
+    }
+}

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

@@ -0,0 +1,4 @@
+import type { WatermarkProps as AntWatermarkProps } from 'ant-design-vue';
+import type Watermark from './watermark.vue';
+export type WatermarkProps = AntWatermarkProps;
+export type WatermarkInstance = InstanceType<typeof Watermark>;

package/es/components/watermark/src/watermark.vue.d.ts

@@ -0,0 +1,136 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    attrs: {
+        [x: string]: unknown;
+    };
+    bem: {
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element: string, modifier: string) => string;
+        bm: (blockSuffix: string, modifier: string) => string;
+        bem: (blockSuffix: string, element: string, modifier: string) => string;
+        is: (name?: string) => string;
+    };
+    readonly Watermark: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            zIndex: NumberConstructor;
+            rotate: NumberConstructor;
+            width: NumberConstructor;
+            height: NumberConstructor;
+            image: StringConstructor;
+            content: {
+                type: import("vue").PropType<string | string[]>;
+                default: string | string[];
+            };
+            font: {
+                type: import("vue").PropType<import("ant-design-vue/es/watermark").WatermarkFontType>;
+                default: import("ant-design-vue/es/watermark").WatermarkFontType;
+            };
+            rootClassName: StringConstructor;
+            gap: {
+                type: import("vue").PropType<[number, number]>;
+                default: [number, number];
+            };
+            offset: {
+                type: import("vue").PropType<[number, number]>;
+                default: [number, number];
+            };
+        }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            zIndex: NumberConstructor;
+            rotate: NumberConstructor;
+            width: NumberConstructor;
+            height: NumberConstructor;
+            image: StringConstructor;
+            content: {
+                type: import("vue").PropType<string | string[]>;
+                default: string | string[];
+            };
+            font: {
+                type: import("vue").PropType<import("ant-design-vue/es/watermark").WatermarkFontType>;
+                default: import("ant-design-vue/es/watermark").WatermarkFontType;
+            };
+            rootClassName: StringConstructor;
+            gap: {
+                type: import("vue").PropType<[number, number]>;
+                default: [number, number];
+            };
+            offset: {
+                type: import("vue").PropType<[number, number]>;
+                default: [number, number];
+            };
+        }>>, {
+            content: string | string[];
+            font: import("ant-design-vue/es/watermark").WatermarkFontType;
+            gap: [number, number];
+            offset: [number, number];
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            zIndex: NumberConstructor;
+            rotate: NumberConstructor;
+            width: NumberConstructor;
+            height: NumberConstructor;
+            image: StringConstructor;
+            content: {
+                type: import("vue").PropType<string | string[]>;
+                default: string | string[];
+            };
+            font: {
+                type: import("vue").PropType<import("ant-design-vue/es/watermark").WatermarkFontType>;
+                default: import("ant-design-vue/es/watermark").WatermarkFontType;
+            };
+            rootClassName: StringConstructor;
+            gap: {
+                type: import("vue").PropType<[number, number]>;
+                default: [number, number];
+            };
+            offset: {
+                type: import("vue").PropType<[number, number]>;
+                default: [number, number];
+            };
+        }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+            content: string | string[];
+            font: import("ant-design-vue/es/watermark").WatermarkFontType;
+            gap: [number, number];
+            offset: [number, number];
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        zIndex: NumberConstructor;
+        rotate: NumberConstructor;
+        width: NumberConstructor;
+        height: NumberConstructor;
+        image: StringConstructor;
+        content: {
+            type: import("vue").PropType<string | string[]>;
+            default: string | string[];
+        };
+        font: {
+            type: import("vue").PropType<import("ant-design-vue/es/watermark").WatermarkFontType>;
+            default: import("ant-design-vue/es/watermark").WatermarkFontType;
+        };
+        rootClassName: StringConstructor;
+        gap: {
+            type: import("vue").PropType<[number, number]>;
+            default: [number, number];
+        };
+        offset: {
+            type: import("vue").PropType<[number, number]>;
+            default: [number, number];
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        content: string | string[];
+        font: import("ant-design-vue/es/watermark").WatermarkFontType;
+        gap: [number, number];
+        offset: [number, number];
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/index.mjs

@@ -123,6 +123,7 @@ export { uploadImageEmits, uploadImageProps } from './packages/components/upload
 export { LlUploadImage } from './packages/components/upload-image/index.mjs';
 export { getHttpMethodUri, httpUriOptions, uriInputEmits, uriInputProps } from './packages/components/uri-input/src/uri-input.mjs';
 export { LlUriInput } from './packages/components/uri-input/index.mjs';
+export { LlWatermark } from './packages/components/watermark/index.mjs';
 export { buildProp, buildProps, definePropType, epPropKey, isEpProp } from './packages/utils/props/runtime.mjs';
 export { addUnit } from './packages/utils/add-unit.mjs';
 export { createNamespace } from './packages/utils/create-namespace.mjs';

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n\nexport * from '@ll-plus/components'\nexport * from '@ll-plus/constant'\nexport * from '@ll-plus/utils'\nexport * from '@ll-plus/hooks'\n\nexport const install = installer.install\nexport default installer\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,UAAU,SAAU,CAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n\nexport * from '@ll-plus/components'\nexport * from '@ll-plus/constant'\nexport * from '@ll-plus/utils'\nexport * from '@ll-plus/hooks'\n\nexport const install = installer.install\nexport default installer\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,UAAU,SAAU,CAAA;;;;"}

package/es/packages/components/cropper/src/cropper-modal.vue2.mjs

@@ -1,5 +1,4 @@
 import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, normalizeClass, unref, createBlock, createCommentVNode, renderSlot } from 'vue';
-import { Upload } from 'ant-design-vue';
 import '../../../utils/index.mjs';
 import CropperImage from './cropper-image.vue.mjs';
 import { cropperModalProps, cropperModalEmits } from './cropper-image.mjs';
@@ -62,8 +61,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_ll_icon = resolveComponent("ll-icon");
       const _component_ll_button = resolveComponent("ll-button");
       const _component_ll_tooltip = resolveComponent("ll-tooltip");
+      const _component_a_upload = resolveComponent("a-upload");
       const _component_ll_space = resolveComponent("ll-space");
-      const _component_ll_avatar = resolveComponent("ll-avatar");
+      const _component_ll_image = resolveComponent("ll-image");
       const _component_ll_modal = resolveComponent("ll-modal");
       return openBlock(), createElementBlock(
         Fragment,
@@ -116,7 +116,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           class: normalizeClass(unref(bem).e("toolbar"))
                         },
                         [
-                          createVNode(unref(Upload), {
+                          createVNode(_component_a_upload, {
                             "file-list": [],
                             accept: "image/*",
                             "before-upload": handleBeforeUpload
@@ -335,21 +335,29 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           class: normalizeClass(unref(bem).e("group"))
                         },
                         [
-                          createVNode(_component_ll_avatar, {
+                          createVNode(_component_ll_image, {
+                            preview: false,
                             src: previewSource.value,
-                            size: "large"
+                            width: 32,
+                            height: 32
                           }, null, 8, ["src"]),
-                          createVNode(_component_ll_avatar, {
+                          createVNode(_component_ll_image, {
+                            preview: false,
                             src: previewSource.value,
-                            size: 48
+                            width: 48,
+                            height: 48
                           }, null, 8, ["src"]),
-                          createVNode(_component_ll_avatar, {
+                          createVNode(_component_ll_image, {
+                            preview: false,
                             src: previewSource.value,
-                            size: 64
+                            width: 64,
+                            height: 64
                           }, null, 8, ["src"]),
-                          createVNode(_component_ll_avatar, {
+                          createVNode(_component_ll_image, {
+                            preview: false,
                             src: previewSource.value,
-                            size: 80
+                            width: 80,
+                            height: 80
                           }, null, 8, ["src"])
                         ],
                         2
@@ -375,9 +383,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             },
             [
               renderSlot(_ctx.$slots, "default", { src: avatar.value }, () => [
-                createVNode(_component_ll_avatar, {
+                createVNode(_component_ll_image, {
                   src: avatar.value,
-                  size: 64
+                  width: 64,
+                  height: 64
                 }, null, 8, ["src"])
               ])
             ],

package/es/packages/components/cropper/src/cropper-modal.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cropper-modal.vue2.mjs","sources":["../../../../../../packages/components/cropper/src/cropper-modal.vue"],"sourcesContent":["<template>\n  <ll-modal\n    :open=\"open\"\n    :title=\"'图片裁剪'\"\n    width=\"800px\"\n    :keyboard=\"false\"\n    :mask-closable=\"false\"\n    :ok-text=\"'确定'\"\n    @cancel=\"open = false\"\n    @ok=\"handleOk\"\n  >\n    <div :class=\"bem.b()\">\n      <div :class=\"bem.e('left')\">\n        <div :class=\"bem.e('cropper')\">\n          <cropper-image\n            v-if=\"src\"\n            :src=\"src\"\n            height=\"300px\"\n            :circled=\"circled\"\n            @cropend=\"handleCropend\"\n            @on-ready=\"handleReady\"\n          />\n        </div>\n        <div :class=\"bem.e('toolbar')\">\n          <Upload\n            :file-list=\"[]\"\n            accept=\"image/*\"\n            :before-upload=\"handleBeforeUpload\"\n          >\n            <ll-tooltip :title=\"'选择图片'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                @click=\"handlerToolbar('reset')\"\n              >\n                <ll-icon icon-name=\"icon-upload\" />\n              </ll-button>\n            </ll-tooltip>\n          </Upload>\n          <ll-space>\n            <ll-tooltip :tip=\"'重置'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('reset')\"\n              >\n                <ll-icon icon-name=\"icon-refresh\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'逆时针旋转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('rotate', -45)\"\n              >\n                <ll-icon icon-name=\"icon-counter-clockwise\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'顺时针旋转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('rotate', 45)\"\n              >\n                <ll-icon icon-name=\"icon-flip-horizontal\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'水平翻转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('scaleX')\"\n              >\n                <ll-icon icon-name=\"icon-flip-horizontal\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'垂直翻转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('scaleY')\"\n              >\n                <ll-icon icon-name=\"icon-flip-vertical\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'放大'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('zoom', 0.1)\"\n              >\n                <ll-icon icon-name=\"icon-amplify1\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'缩小'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('zoom', -0.1)\"\n              >\n                <ll-icon icon-name=\"icon-scale\" />\n              </ll-button>\n            </ll-tooltip>\n          </ll-space>\n        </div>\n      </div>\n      <div :class=\"bem.e('right')\">\n        <div :class=\"bem.e('preview')\">\n          <img v-if=\"previewSource\" :src=\"previewSource\" :alt=\"'预览'\" />\n        </div>\n        <template v-if=\"previewSource\">\n          <div :class=\"bem.e('group')\">\n            <ll-avatar :src=\"previewSource\" size=\"large\" />\n            <ll-avatar :src=\"previewSource\" :size=\"48\" />\n            <ll-avatar :src=\"previewSource\" :size=\"64\" />\n            <ll-avatar :src=\"previewSource\" :size=\"80\" />\n          </div>\n        </template>\n      </div>\n    </div>\n  </ll-modal>\n  <div :class=\"bem.e('cropper-avatar')\" @click=\"handleOpen\">\n    <slot :src=\"avatar\">\n      <ll-avatar :src=\"avatar\" :size=\"64\" />\n    </slot>\n  </div>\n</template>\n<script lang=\"ts\" setup>\n//@ts-ignore\nimport type Cropper from 'cropperjs'\n\nimport { ref } from 'vue'\nimport { Upload } from 'ant-design-vue'\nimport { createNamespace, dataURLtoBlob, type Nullable } from '@ll-plus/utils'\nimport CropperImage from './cropper-image.vue'\nimport {\n  cropperModalProps,\n  cropperModalEmits,\n  type CropendResult\n} from './cropper-image'\n\ndefineOptions({ name: 'LlCropperModal' })\nconst props = defineProps(cropperModalProps)\nconst emits = defineEmits(cropperModalEmits)\nconst bem = createNamespace('cropper-modal')\nconst src = ref(props.avatar || '')\nconst avatar = ref(props.avatar || '')\nconst open = ref(false)\nconst previewSource = ref('')\nconst cropper = ref<Nullable<Cropper>>()\nlet scaleX = 1\nlet scaleY = 1\n\n// Block upload\nfunction handleBeforeUpload(file: File) {\n  const reader = new FileReader()\n  reader.readAsDataURL(file)\n  src.value = ''\n  previewSource.value = ''\n  reader.onload = function (e) {\n    src.value = (e.target?.result as string) ?? ''\n    // filename = file.name\n  }\n  return false\n}\nfunction handleOpen() {\n  open.value = true\n}\nfunction handleCropend({ imgBase64 }: CropendResult) {\n  previewSource.value = imgBase64\n}\n\nfunction handleReady(cropperInstance: Cropper) {\n  cropper.value = cropperInstance\n}\nfunction handlerToolbar(event: string, arg?: number) {\n  if (event === 'scaleX') {\n    scaleX = arg = scaleX === -1 ? 1 : -1\n  }\n  if (event === 'scaleY') {\n    scaleY = arg = scaleY === -1 ? 1 : -1\n  }\n  cropper?.value?.[event]?.(arg)\n}\n\nasync function handleOk() {\n  const blob = dataURLtoBlob(previewSource.value)\n  emits('confirm', { blob, previewSource: previewSource.value })\n  avatar.value = previewSource.value\n  open.value = false\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAqJA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAM,gBAAgB,eAAe,CAAA,CAAA;AAC3C,IAAA,MAAM,GAAM,GAAA,GAAA,CAAI,KAAM,CAAA,MAAA,IAAU,EAAE,CAAA,CAAA;AAClC,IAAA,MAAM,MAAS,GAAA,GAAA,CAAI,KAAM,CAAA,MAAA,IAAU,EAAE,CAAA,CAAA;AACrC,IAAM,MAAA,IAAA,GAAO,IAAI,KAAK,CAAA,CAAA;AACtB,IAAM,MAAA,aAAA,GAAgB,IAAI,EAAE,CAAA,CAAA;AAC5B,IAAA,MAAM,UAAU,GAAuB,EAAA,CAAA;AACvC,IAAA,IAAI,MAAS,GAAA,CAAA,CAAA;AACb,IAAA,IAAI,MAAS,GAAA,CAAA,CAAA;AAGb,IAAA,SAAS,mBAAmB,IAAY,EAAA;AACtC,MAAM,MAAA,MAAA,GAAS,IAAI,UAAW,EAAA,CAAA;AAC9B,MAAA,MAAA,CAAO,cAAc,IAAI,CAAA,CAAA;AACzB,MAAA,GAAA,CAAI,KAAQ,GAAA,EAAA,CAAA;AACZ,MAAA,aAAA,CAAc,KAAQ,GAAA,EAAA,CAAA;AACtB,MAAO,MAAA,CAAA,MAAA,GAAS,SAAU,CAAG,EAAA;AAC3B,QAAI,GAAA,CAAA,KAAA,GAAS,CAAE,CAAA,MAAA,EAAQ,MAAqB,IAAA,EAAA,CAAA;AAAA,OAE9C,CAAA;AACA,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AACA,IAAA,SAAS,UAAa,GAAA;AACpB,MAAA,IAAA,CAAK,KAAQ,GAAA,IAAA,CAAA;AAAA,KACf;AACA,IAAS,SAAA,aAAA,CAAc,EAAE,SAAA,EAA4B,EAAA;AACnD,MAAA,aAAA,CAAc,KAAQ,GAAA,SAAA,CAAA;AAAA,KACxB;AAEA,IAAA,SAAS,YAAY,eAA0B,EAAA;AAC7C,MAAA,OAAA,CAAQ,KAAQ,GAAA,eAAA,CAAA;AAAA,KAClB;AACA,IAAS,SAAA,cAAA,CAAe,OAAe,GAAc,EAAA;AACnD,MAAA,IAAI,UAAU,QAAU,EAAA;AACtB,QAAS,MAAA,GAAA,GAAA,GAAM,MAAW,KAAA,CAAA,CAAA,GAAK,CAAI,GAAA,CAAA,CAAA,CAAA;AAAA,OACrC;AACA,MAAA,IAAI,UAAU,QAAU,EAAA;AACtB,QAAS,MAAA,GAAA,GAAA,GAAM,MAAW,KAAA,CAAA,CAAA,GAAK,CAAI,GAAA,CAAA,CAAA,CAAA;AAAA,OACrC;AACA,MAAS,OAAA,EAAA,KAAA,GAAQ,KAAK,CAAA,GAAI,GAAG,CAAA,CAAA;AAAA,KAC/B;AAEA,IAAA,eAAe,QAAW,GAAA;AACxB,MAAM,MAAA,IAAA,GAAO,aAAc,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAC9C,MAAA,KAAA,CAAM,WAAW,EAAE,IAAA,EAAM,aAAe,EAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AAC7D,MAAA,MAAA,CAAO,QAAQ,aAAc,CAAA,KAAA,CAAA;AAC7B,MAAA,IAAA,CAAK,KAAQ,GAAA,KAAA,CAAA;AAAA,KACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"cropper-modal.vue2.mjs","sources":["../../../../../../packages/components/cropper/src/cropper-modal.vue"],"sourcesContent":["<template>\n  <ll-modal\n    :open=\"open\"\n    :title=\"'图片裁剪'\"\n    width=\"800px\"\n    :keyboard=\"false\"\n    :mask-closable=\"false\"\n    :ok-text=\"'确定'\"\n    @cancel=\"open = false\"\n    @ok=\"handleOk\"\n  >\n    <div :class=\"bem.b()\">\n      <div :class=\"bem.e('left')\">\n        <div :class=\"bem.e('cropper')\">\n          <cropper-image\n            v-if=\"src\"\n            :src=\"src\"\n            height=\"300px\"\n            :circled=\"circled\"\n            @cropend=\"handleCropend\"\n            @on-ready=\"handleReady\"\n          />\n        </div>\n        <div :class=\"bem.e('toolbar')\">\n          <a-upload\n            :file-list=\"[]\"\n            accept=\"image/*\"\n            :before-upload=\"handleBeforeUpload\"\n          >\n            <ll-tooltip :title=\"'选择图片'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                @click=\"handlerToolbar('reset')\"\n              >\n                <ll-icon icon-name=\"icon-upload\" />\n              </ll-button>\n            </ll-tooltip>\n          </a-upload>\n          <ll-space>\n            <ll-tooltip :tip=\"'重置'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('reset')\"\n              >\n                <ll-icon icon-name=\"icon-refresh\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'逆时针旋转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('rotate', -45)\"\n              >\n                <ll-icon icon-name=\"icon-counter-clockwise\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'顺时针旋转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('rotate', 45)\"\n              >\n                <ll-icon icon-name=\"icon-flip-horizontal\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'水平翻转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('scaleX')\"\n              >\n                <ll-icon icon-name=\"icon-flip-horizontal\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'垂直翻转'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('scaleY')\"\n              >\n                <ll-icon icon-name=\"icon-flip-vertical\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'放大'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('zoom', 0.1)\"\n              >\n                <ll-icon icon-name=\"icon-amplify1\" />\n              </ll-button>\n            </ll-tooltip>\n            <ll-tooltip :tip=\"'缩小'\" placement=\"bottom\">\n              <ll-button\n                type=\"primary\"\n                size=\"small\"\n                :disabled=\"!src\"\n                @click=\"handlerToolbar('zoom', -0.1)\"\n              >\n                <ll-icon icon-name=\"icon-scale\" />\n              </ll-button>\n            </ll-tooltip>\n          </ll-space>\n        </div>\n      </div>\n      <div :class=\"bem.e('right')\">\n        <div :class=\"bem.e('preview')\">\n          <img v-if=\"previewSource\" :src=\"previewSource\" :alt=\"'预览'\" />\n        </div>\n        <template v-if=\"previewSource\">\n          <div :class=\"bem.e('group')\">\n            <ll-image\n              :preview=\"false\"\n              :src=\"previewSource\"\n              :width=\"32\"\n              :height=\"32\"\n            />\n            <ll-image\n              :preview=\"false\"\n              :src=\"previewSource\"\n              :width=\"48\"\n              :height=\"48\"\n            />\n            <ll-image\n              :preview=\"false\"\n              :src=\"previewSource\"\n              :width=\"64\"\n              :height=\"64\"\n            />\n            <ll-image\n              :preview=\"false\"\n              :src=\"previewSource\"\n              :width=\"80\"\n              :height=\"80\"\n            />\n          </div>\n        </template>\n      </div>\n    </div>\n  </ll-modal>\n  <div :class=\"bem.e('cropper-avatar')\" @click=\"handleOpen\">\n    <slot :src=\"avatar\">\n      <ll-image :src=\"avatar\" :width=\"64\" :height=\"64\" />\n    </slot>\n  </div>\n</template>\n<script lang=\"ts\" setup>\n//@ts-ignore\nimport type Cropper from 'cropperjs'\n\nimport { ref } from 'vue'\nimport { createNamespace, dataURLtoBlob, type Nullable } from '@ll-plus/utils'\nimport CropperImage from './cropper-image.vue'\nimport {\n  cropperModalProps,\n  cropperModalEmits,\n  type CropendResult\n} from './cropper-image'\n\ndefineOptions({ name: 'LlCropperModal' })\nconst props = defineProps(cropperModalProps)\nconst emits = defineEmits(cropperModalEmits)\nconst bem = createNamespace('cropper-modal')\nconst src = ref(props.avatar || '')\nconst avatar = ref(props.avatar || '')\nconst open = ref(false)\nconst previewSource = ref('')\n\nconst cropper = ref<Nullable<Cropper>>()\nlet scaleX = 1\nlet scaleY = 1\n\n// Block upload\nfunction handleBeforeUpload(file: File) {\n  const reader = new FileReader()\n  reader.readAsDataURL(file)\n  src.value = ''\n  previewSource.value = ''\n  reader.onload = function (e) {\n    src.value = (e.target?.result as string) ?? ''\n    // filename = file.name\n  }\n  return false\n}\nfunction handleOpen() {\n  open.value = true\n}\nfunction handleCropend({ imgBase64 }: CropendResult) {\n  previewSource.value = imgBase64\n}\n\nfunction handleReady(cropperInstance: Cropper) {\n  cropper.value = cropperInstance\n}\nfunction handlerToolbar(event: string, arg?: number) {\n  if (event === 'scaleX') {\n    scaleX = arg = scaleX === -1 ? 1 : -1\n  }\n  if (event === 'scaleY') {\n    scaleY = arg = scaleY === -1 ? 1 : -1\n  }\n  cropper?.value?.[event]?.(arg)\n}\n\nasync function handleOk() {\n  const blob = dataURLtoBlob(previewSource.value)\n  emits('confirm', { blob, previewSource: previewSource.value })\n  avatar.value = previewSource.value\n  open.value = false\n}\n</script>\n"],"names":[],"mappings":"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"}

package/es/packages/components/index.mjs

@@ -52,6 +52,7 @@ export { LlDropdown, LlDropdownButton } from './dropdown/index.mjs';
 export { LlUploadDrag } from './upload-drag/index.mjs';
 export { LlUploadImage } from './upload-image/index.mjs';
 export { LlUriInput } from './uri-input/index.mjs';
+export { LlWatermark } from './watermark/index.mjs';
 export { ALL_VALUE, advancedFilteringEmits, advancedFilteringParamsEmits, advancedFilteringParamsProps, advancedFilteringProps, advancedFilteringTagsEmits, filterAllValue, findLabelByValue, hasValue, initValue, treeDataFormat } from './advanced-filtering/src/advanced-filtering.mjs';
 export { DEFAULT_METHOD, apiComponentEmits, apiComponentProps, bodyList, requestList } from './api-component/src/config/api-component.mjs';
 export { apiModalEmits, apiModalProps } from './api-component/src/config/api-modal.mjs';

package/es/packages/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/watermark/index.mjs

@@ -0,0 +1,10 @@
+import '../../utils/index.mjs';
+import Watermark from './src/watermark.vue.mjs';
+import './src/watermark.mjs';
+import { withInstall } from '../../utils/with-install.mjs';
+
+"use strict";
+const LlWatermark = withInstall(Watermark);
+
+export { LlWatermark, LlWatermark as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/watermark/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/watermark/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport Watermark from './src/watermark.vue'\n\nexport const LlWatermark = withInstall(Watermark)\n\nexport default LlWatermark\n\nexport * from './src/watermark'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlWatermark: typeof Watermark\n  }\n}\n"],"names":[],"mappings":";;;;;;AAIa,MAAA,WAAA,GAAc,YAAY,SAAS;;;;"}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=watermark.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"watermark.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,8 @@
+import _sfc_main from './watermark.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+"use strict";
+var Watermark = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "watermark.vue"]]);
+
+export { Watermark as default };
+//# sourceMappingURL=watermark.vue.mjs.map

package/es/packages/components/watermark/src/watermark.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"watermark.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,34 @@
+import { defineComponent, useAttrs, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { Watermark } from 'ant-design-vue';
+import '../../../utils/index.mjs';
+import { createNamespace } from '../../../utils/create-namespace.mjs';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlWatermark" },
+  __name: "watermark",
+  setup(__props) {
+    const attrs = useAttrs();
+    const bem = createNamespace("watermark");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Watermark), mergeProps(unref(attrs), {
+        class: unref(bem).b()
+      }), createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        renderList(Object.keys(_ctx.$slots), (item) => {
+          return {
+            name: item,
+            fn: withCtx((data) => [
+              renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
+            ])
+          };
+        })
+      ]), 1040, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=watermark.vue2.mjs.map

package/es/packages/components/watermark/src/watermark.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"watermark.vue2.mjs","sources":["../../../../../../packages/components/watermark/src/watermark.vue"],"sourcesContent":["<template>\n  <Watermark v-bind=\"attrs\" :class=\"bem.b()\">\n    <template v-for=\"item in Object.keys($slots)\" #[item]=\"data\">\n      <slot :name=\"item\" v-bind=\"data || {}\" />\n    </template>\n  </Watermark>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs } from 'vue'\nimport { Watermark } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\ndefineOptions({ name: 'LlWatermark' })\n\nconst attrs = useAttrs()\nconst bem = createNamespace('watermark')\n</script>\n"],"names":[],"mappings":";;;;;;;;;;AAcA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/hooks/use-scroll/index.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, onUnmounted } from 'vue';
+import { ref, watch, onMounted, onUnmounted } from 'vue';
 
 "use strict";
 function useScroll() {
@@ -50,6 +50,32 @@ function useScroll() {
       deep: true
     }
   );
+  onMounted(() => {
+  });
+  watch(
+    scrollRef,
+    () => {
+      if (scrollRef.value) {
+        if (!observer) {
+          observer = new ResizeObserver(() => {
+            if (scrollRef.value) {
+              if (scrollRef.value.scrollHeight > scrollRef.value.offsetHeight) {
+                isHasScrollBar.value = true;
+              } else {
+                isHasScrollBar.value = false;
+              }
+            }
+          });
+          scrollRef.value.addEventListener("scroll", handleScroll);
+          observer.observe(scrollRef.value);
+        }
+      }
+    },
+    {
+      immediate: true,
+      deep: true
+    }
+  );
   onUnmounted(() => {
     if (observer) {
       observer.disconnect();

package/es/packages/hooks/use-scroll/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-scroll/index.ts"],"sourcesContent":["/**\n * @description: 用于监听滚动行为/window的resize监听/滚动区域内的dom动态增删dom来添加阴影\n * @return {HTMLElement} elementRef 要滚动监听的dom\n * @return {scrollPosition} IScrollPosition 监听的位置\n */\nimport { onUnmounted, ref, watch } from 'vue'\n\ntype IScrollPosition = 'top' | 'scrolling' | 'bottom' // 滚动到最顶部、滚动中、滚动到最底部\n\nexport function useScroll() {\n  const scrollRef = ref<HTMLElement>() // 监听滚动的dom\n  const scrollPosition = ref<IScrollPosition>() // 滚动到的位置\n  const isHasScrollBar = ref(false) // 是否有滚动条\n  let observer: ResizeObserver // 监听dom内容发生变化\n\n  // 滚动事件\n  const handleScroll = (event: Event) => {\n    const target = event.target as HTMLElement\n    getSrcollPosition(target)\n  }\n  // 判断滚动位置\n  const getSrcollPosition = (target: HTMLElement) => {\n    // 判断是否有滚动体条\n    if (target.scrollHeight > target.offsetHeight) {\n      isHasScrollBar.value = true\n    } else {\n      isHasScrollBar.value = false\n    }\n    if (!!target.scrollTop) {\n      // 有0.5px的误差 故-1\n      if (target.scrollTop + target.offsetHeight >= target.scrollHeight - 1) {\n        // 在最底部\n        scrollPosition.value = 'bottom'\n      } else {\n        // 滚动中\n        scrollPosition.value = 'scrolling'\n      }\n    } else {\n      // 在最顶部\n      scrollPosition.value = 'top'\n    }\n  }\n\n  // 监听滚动容器高度的变化\n  watch(\n    scrollRef,\n    () => {\n      if (scrollRef.value) {\n        if (!observer) {\n          observer = new ResizeObserver(() => {\n            if (scrollRef.value) {\n              // 检查容器的高度变化\n              if (\n                scrollRef.value!.scrollHeight > scrollRef.value!.offsetHeight\n              ) {\n                isHasScrollBar.value = true\n              } else {\n                isHasScrollBar.value = false\n              }\n            }\n          })\n          scrollRef.value!.addEventListener('scroll', handleScroll)\n          observer.observe(scrollRef.value)\n        }\n      }\n    },\n    {\n      immediate: true,\n      deep: true\n    }\n  )\n\n  // 组件卸载停止监听\n  onUnmounted(() => {\n    if (observer) {\n      observer.disconnect()\n    }\n  })\n\n  return { scrollRef, isHasScrollBar, scrollPosition }\n}\n"],"names":[],"mappings":";;;AASO,SAAS,SAAY,GAAA;AAC1B,EAAA,MAAM,YAAY,GAAiB,EAAA,CAAA;AACnC,EAAA,MAAM,iBAAiB,GAAqB,EAAA,CAAA;AAC5C,EAAM,MAAA,cAAA,GAAiB,IAAI,KAAK,CAAA,CAAA;AAChC,EAAI,IAAA,QAAA,CAAA;AAGJ,EAAM,MAAA,YAAA,GAAe,CAAC,KAAiB,KAAA;AACrC,IAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AACrB,IAAA,iBAAA,CAAkB,MAAM,CAAA,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,MAAwB,KAAA;AAEjD,IAAI,IAAA,MAAA,CAAO,YAAe,GAAA,MAAA,CAAO,YAAc,EAAA;AAC7C,MAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,KAClB,MAAA;AACL,MAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,KACzB;AACA,IAAI,IAAA,CAAC,CAAC,MAAA,CAAO,SAAW,EAAA;AAEtB,MAAA,IAAI,OAAO,SAAY,GAAA,MAAA,CAAO,YAAgB,IAAA,MAAA,CAAO,eAAe,CAAG,EAAA;AAErE,QAAA,cAAA,CAAe,KAAQ,GAAA,QAAA,CAAA;AAAA,OAClB,MAAA;AAEL,QAAA,cAAA,CAAe,KAAQ,GAAA,WAAA,CAAA;AAAA,OACzB;AAAA,KACK,MAAA;AAEL,MAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,KACzB;AAAA,GACF,CAAA;AAGA,EAAA,KAAA;AAAA,IACE,SAAA;AAAA,IACA,MAAM;AACJ,MAAA,IAAI,UAAU,KAAO,EAAA;AACnB,QAAA,IAAI,CAAC,QAAU,EAAA;AACb,UAAW,QAAA,GAAA,IAAI,eAAe,MAAM;AAClC,YAAA,IAAI,UAAU,KAAO,EAAA;AAEnB,cAAA,IACE,SAAU,CAAA,KAAA,CAAO,YAAe,GAAA,SAAA,CAAU,MAAO,YACjD,EAAA;AACA,gBAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,eAClB,MAAA;AACL,gBAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,eACzB;AAAA,aACF;AAAA,WACD,CAAA,CAAA;AACD,UAAU,SAAA,CAAA,KAAA,CAAO,gBAAiB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AACxD,UAAS,QAAA,CAAA,OAAA,CAAQ,UAAU,KAAK,CAAA,CAAA;AAAA,SAClC;AAAA,OACF;AAAA,KACF;AAAA,IACA;AAAA,MACE,SAAW,EAAA,IAAA;AAAA,MACX,IAAM,EAAA,IAAA;AAAA,KACR;AAAA,GACF,CAAA;AAGA,EAAA,WAAA,CAAY,MAAM;AAChB,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,KACtB;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA,EAAE,SAAW,EAAA,cAAA,EAAgB,cAAe,EAAA,CAAA;AACrD;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-scroll/index.ts"],"sourcesContent":["/**\n * @description: 用于监听滚动行为/window的resize监听/滚动区域内的dom动态增删dom来添加阴影\n * @return {HTMLElement} elementRef 要滚动监听的dom\n * @return {scrollPosition} IScrollPosition 监听的位置\n */\nimport { onMounted, onUnmounted, ref, watch } from 'vue'\n\ntype IScrollPosition = 'top' | 'scrolling' | 'bottom' // 滚动到最顶部、滚动中、滚动到最底部\n\nexport function useScroll() {\n  const scrollRef = ref<HTMLElement>() // 监听滚动的dom\n  const scrollPosition = ref<IScrollPosition>() // 滚动到的位置\n  const isHasScrollBar = ref(false) // 是否有滚动条\n  let observer: ResizeObserver // 监听dom内容发生变化\n\n  // 滚动事件\n  const handleScroll = (event: Event) => {\n    const target = event.target as HTMLElement\n    getSrcollPosition(target)\n  }\n  // 判断滚动位置\n  const getSrcollPosition = (target: HTMLElement) => {\n    // 判断是否有滚动体条\n    if (target.scrollHeight > target.offsetHeight) {\n      isHasScrollBar.value = true\n    } else {\n      isHasScrollBar.value = false\n    }\n    if (!!target.scrollTop) {\n      // 有0.5px的误差 故-1\n      if (target.scrollTop + target.offsetHeight >= target.scrollHeight - 1) {\n        // 在最底部\n        scrollPosition.value = 'bottom'\n      } else {\n        // 滚动中\n        scrollPosition.value = 'scrolling'\n      }\n    } else {\n      // 在最顶部\n      scrollPosition.value = 'top'\n    }\n  }\n\n  // 监听滚动容器高度的变化\n  watch(\n    scrollRef,\n    () => {\n      if (scrollRef.value) {\n        if (!observer) {\n          observer = new ResizeObserver(() => {\n            if (scrollRef.value) {\n              // 检查容器的高度变化\n              if (\n                scrollRef.value!.scrollHeight > scrollRef.value!.offsetHeight\n              ) {\n                isHasScrollBar.value = true\n              } else {\n                isHasScrollBar.value = false\n              }\n            }\n          })\n          scrollRef.value!.addEventListener('scroll', handleScroll)\n          observer.observe(scrollRef.value)\n        }\n      }\n    },\n    {\n      immediate: true,\n      deep: true\n    }\n  )\n\n  onMounted(() => {})\n  watch(\n    scrollRef,\n    () => {\n      if (scrollRef.value) {\n        if (!observer) {\n          observer = new ResizeObserver(() => {\n            if (scrollRef.value) {\n              // 检查容器的高度变化\n              if (\n                scrollRef.value!.scrollHeight > scrollRef.value!.offsetHeight\n              ) {\n                isHasScrollBar.value = true\n              } else {\n                isHasScrollBar.value = false\n              }\n            }\n          })\n          scrollRef.value!.addEventListener('scroll', handleScroll)\n          observer.observe(scrollRef.value)\n        }\n      }\n    },\n    {\n      immediate: true,\n      deep: true\n    }\n  )\n\n  // 组件卸载停止监听\n  onUnmounted(() => {\n    if (observer) {\n      observer.disconnect()\n    }\n  })\n\n  return { scrollRef, isHasScrollBar, scrollPosition }\n}\n"],"names":[],"mappings":"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"}

package/global.d.ts

@@ -40,6 +40,7 @@ declare module '@vue/runtime-core' {
     LlTooltip: typeof import('ll-plus')['LlTooltip']
     LlTreeSearch: typeof import('ll-plus')['LlTreeSearch']
     LlUriIput: typeof import('ll-plus')['LlUriIput']
+    LlWatermark: typeof import('ll-plus')['LlWatermark']
   }
 }