ll-plus 2.5.8 → 2.5.10

package/lib/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/lib/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/lib/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/lib/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/lib/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var defaults = require('./defaults.js');
 require('./packages/components/index.js');
-var index$T = require('./packages/constant/index.js');
+var index$U = require('./packages/constant/index.js');
 require('./packages/utils/index.js');
 require('./packages/hooks/index.js');
 var advancedFiltering = require('./packages/components/advanced-filtering/src/advanced-filtering.js');
@@ -127,6 +127,7 @@ var uploadImage = require('./packages/components/upload-image/src/upload-image.j
 var index$R = require('./packages/components/upload-image/index.js');
 var uriInput = require('./packages/components/uri-input/src/uri-input.js');
 var index$S = require('./packages/components/uri-input/index.js');
+var index$T = require('./packages/components/watermark/index.js');
 var runtime = require('./packages/utils/props/runtime.js');
 var addUnit = require('./packages/utils/add-unit.js');
 var createNamespace = require('./packages/utils/create-namespace.js');
@@ -138,13 +139,13 @@ var shared = require('@vue/shared');
 var vue = require('vue');
 var types = require('./packages/utils/types.js');
 var file = require('./packages/utils/file.js');
-var index$U = require('./packages/hooks/use-scroll/index.js');
+var index$V = require('./packages/hooks/use-scroll/index.js');
 
 "use strict";
 const install = defaults.default.install;
 
 exports.default = defaults.default;
-exports.THROTTLE_TIME = index$T.THROTTLE_TIME;
+exports.THROTTLE_TIME = index$U.THROTTLE_TIME;
 exports.ALL_VALUE = advancedFiltering.ALL_VALUE;
 exports.advancedFilteringEmits = advancedFiltering.advancedFilteringEmits;
 exports.advancedFilteringParamsEmits = advancedFiltering.advancedFilteringParamsEmits;
@@ -389,6 +390,7 @@ exports.httpUriOptions = uriInput.httpUriOptions;
 exports.uriInputEmits = uriInput.uriInputEmits;
 exports.uriInputProps = uriInput.uriInputProps;
 exports.LlUriInput = index$S.LlUriInput;
+exports.LlWatermark = index$T.LlWatermark;
 exports.buildProp = runtime.buildProp;
 exports.buildProps = runtime.buildProps;
 exports.definePropType = runtime.definePropType;
@@ -449,6 +451,6 @@ exports.isWindow = types.isWindow;
 exports.dataURLtoBlob = file.dataURLtoBlob;
 exports.fileToBase64 = file.fileToBase64;
 exports.formatFileSize = file.formatFileSize;
-exports.useScroll = index$U.useScroll;
+exports.useScroll = index$V.useScroll;
 exports.install = install;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,UAAUA,gBAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","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":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,UAAUA,gBAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/cropper/src/cropper-modal.vue2.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var antDesignVue = require('ant-design-vue');
 require('../../../utils/index.js');
 var cropperImage$1 = require('./cropper-image.vue.js');
 var cropperImage = require('./cropper-image.js');
@@ -66,8 +65,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const _component_ll_icon = vue.resolveComponent("ll-icon");
       const _component_ll_button = vue.resolveComponent("ll-button");
       const _component_ll_tooltip = vue.resolveComponent("ll-tooltip");
+      const _component_a_upload = vue.resolveComponent("a-upload");
       const _component_ll_space = vue.resolveComponent("ll-space");
-      const _component_ll_avatar = vue.resolveComponent("ll-avatar");
+      const _component_ll_image = vue.resolveComponent("ll-image");
       const _component_ll_modal = vue.resolveComponent("ll-modal");
       return vue.openBlock(), vue.createElementBlock(
         vue.Fragment,
@@ -120,7 +120,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           class: vue.normalizeClass(vue.unref(bem).e("toolbar"))
                         },
                         [
-                          vue.createVNode(vue.unref(antDesignVue.Upload), {
+                          vue.createVNode(_component_a_upload, {
                             "file-list": [],
                             accept: "image/*",
                             "before-upload": handleBeforeUpload
@@ -339,21 +339,29 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           class: vue.normalizeClass(vue.unref(bem).e("group"))
                         },
                         [
-                          vue.createVNode(_component_ll_avatar, {
+                          vue.createVNode(_component_ll_image, {
+                            preview: false,
                             src: previewSource.value,
-                            size: "large"
+                            width: 32,
+                            height: 32
                           }, null, 8, ["src"]),
-                          vue.createVNode(_component_ll_avatar, {
+                          vue.createVNode(_component_ll_image, {
+                            preview: false,
                             src: previewSource.value,
-                            size: 48
+                            width: 48,
+                            height: 48
                           }, null, 8, ["src"]),
-                          vue.createVNode(_component_ll_avatar, {
+                          vue.createVNode(_component_ll_image, {
+                            preview: false,
                             src: previewSource.value,
-                            size: 64
+                            width: 64,
+                            height: 64
                           }, null, 8, ["src"]),
-                          vue.createVNode(_component_ll_avatar, {
+                          vue.createVNode(_component_ll_image, {
+                            preview: false,
                             src: previewSource.value,
-                            size: 80
+                            width: 80,
+                            height: 80
                           }, null, 8, ["src"])
                         ],
                         2
@@ -379,9 +387,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             [
               vue.renderSlot(_ctx.$slots, "default", { src: avatar.value }, () => [
-                vue.createVNode(_component_ll_avatar, {
+                vue.createVNode(_component_ll_image, {
                   src: avatar.value,
-                  size: 64
+                  width: 64,
+                  height: 64
                 }, null, 8, ["src"])
               ])
             ],

package/lib/packages/components/cropper/src/cropper-modal.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"cropper-modal.vue2.js","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":["createNamespace","ref","dataURLtoBlob"],"mappings":"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"}
+{"version":3,"file":"cropper-modal.vue2.js","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":["createNamespace","ref","dataURLtoBlob"],"mappings":"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"}

package/lib/packages/components/index.js

@@ -54,6 +54,7 @@ var index$P = require('./dropdown/index.js');
 var index$Q = require('./upload-drag/index.js');
 var index$R = require('./upload-image/index.js');
 var index$S = require('./uri-input/index.js');
+var index$T = require('./watermark/index.js');
 var advancedFiltering = require('./advanced-filtering/src/advanced-filtering.js');
 var apiComponent = require('./api-component/src/config/api-component.js');
 var apiModal = require('./api-component/src/config/api-modal.js');
@@ -189,6 +190,7 @@ exports.LlDropdownButton = index$P.LlDropdownButton;
 exports.LlUploadDrag = index$Q.LlUploadDrag;
 exports.LlUploadImage = index$R.LlUploadImage;
 exports.LlUriInput = index$S.LlUriInput;
+exports.LlWatermark = index$T.LlWatermark;
 exports.ALL_VALUE = advancedFiltering.ALL_VALUE;
 exports.advancedFilteringEmits = advancedFiltering.advancedFilteringEmits;
 exports.advancedFilteringParamsEmits = advancedFiltering.advancedFilteringParamsEmits;

package/lib/packages/components/index.js.map

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

package/lib/packages/components/watermark/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../utils/index.js');
+var watermark = require('./src/watermark.vue.js');
+require('./src/watermark.js');
+var withInstall = require('../../utils/with-install.js');
+
+"use strict";
+const LlWatermark = withInstall.withInstall(watermark.default);
+
+exports.LlWatermark = LlWatermark;
+exports.default = LlWatermark;
+//# sourceMappingURL=index.js.map

package/lib/packages/components/watermark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":["withInstall","Watermark"],"mappings":";;;;;;;;;;AAIa,MAAA,WAAA,GAAcA,wBAAYC,iBAAS;;;;;"}

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

@@ -0,0 +1,4 @@
+'use strict';
+
+"use strict";
+//# sourceMappingURL=watermark.js.map

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

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

package/lib/packages/components/watermark/src/watermark.vue.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var watermark_vue_vue_type_script_setup_true_lang = require('./watermark.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+"use strict";
+var Watermark = /* @__PURE__ */ _pluginVue_exportHelper.default(watermark_vue_vue_type_script_setup_true_lang.default, [["__file", "watermark.vue"]]);
+
+exports.default = Watermark;
+//# sourceMappingURL=watermark.vue.js.map

package/lib/packages/components/watermark/src/watermark.vue.js.map

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

package/lib/packages/components/watermark/src/watermark.vue2.js

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

package/lib/packages/components/watermark/src/watermark.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watermark.vue2.js","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":["useAttrs","createNamespace"],"mappings":";;;;;;;;;;;;;;AAcA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAM,MAAA,GAAA,GAAMC,gCAAgB,WAAW,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/hooks/use-scroll/index.js

@@ -52,6 +52,32 @@ function useScroll() {
       deep: true
     }
   );
+  vue.onMounted(() => {
+  });
+  vue.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
+    }
+  );
   vue.onUnmounted(() => {
     if (observer) {
       observer.disconnect();