ll-plus 2.4.5 → 2.4.8

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

@@ -1,4 +1,4 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, createBlock, normalizeProps, mergeProps, withCtx, renderSlot, Fragment, createVNode, guardReactiveProps, renderList } from 'vue';
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, createBlock, mergeProps, Fragment, createVNode, normalizeProps, guardReactiveProps, withCtx, renderSlot, renderList } from 'vue';
 import { avatarProps, avatarEmits, AVATAR_IMG } from './avatar.mjs';
 import '../../../utils/index.mjs';
 import { createNamespace } from '../../../utils/create-namespace.mjs';
@@ -13,145 +13,58 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const bem = createNamespace("avatar");
-    const handleAvatarClick = (item, index) => {
-      emits("click", item, index);
+    const getSrc = computed(() => props.src ? props.src : AVATAR_IMG);
+    const handleAvatarClick = (item, src, index) => {
+      emits("click", item, src, index);
     };
     return (_ctx, _cache) => {
       const _component_a_avatar = resolveComponent("a-avatar");
       const _component_a_avatar_group = resolveComponent("a-avatar-group");
-      const _component_ll_upload_drag = resolveComponent("ll-upload-drag");
       return openBlock(), createElementBlock(
         "div",
         {
           class: normalizeClass(unref(bem).b())
         },
         [
-          createCommentVNode(" \u53EF\u4EE5\u4E0A\u4F20 "),
-          _ctx.isCanUpload ? (openBlock(), createBlock(
-            _component_ll_upload_drag,
-            normalizeProps(mergeProps({ key: 0 }, _ctx.uploadDragProps)),
-            {
-              buttonContent: withCtx(() => [
-                createCommentVNode(" \u5355\u4E2A\u5934\u50CF "),
-                _ctx.type === "single" ? (openBlock(), createBlock(_component_a_avatar, mergeProps({ key: 0 }, props.avatarProps, {
-                  src: unref(AVATAR_IMG),
-                  onClick: _cache[0] || (_cache[0] = ($event) => handleAvatarClick(props.avatarProps))
-                }), {
-                  icon: withCtx(() => [
-                    renderSlot(_ctx.$slots, "icon")
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                }, 16, ["src"])) : (openBlock(), createElementBlock(
-                  Fragment,
-                  { key: 1 },
-                  [
-                    createCommentVNode(" \u591A\u4E2A\u5934\u50CF\u7EC4\u5408 "),
-                    createVNode(
-                      _component_a_avatar_group,
-                      normalizeProps(guardReactiveProps(_ctx.avatarGroupProps)),
-                      {
-                        default: withCtx(() => [
-                          renderSlot(_ctx.$slots, "default", {}, () => [
-                            (openBlock(true), createElementBlock(
-                              Fragment,
-                              null,
-                              renderList(_ctx.groupList, (item, index) => {
-                                return openBlock(), createBlock(_component_a_avatar, mergeProps({
-                                  key: index,
-                                  ref_for: true
-                                }, item, {
-                                  src: unref(AVATAR_IMG),
-                                  onClick: ($event) => handleAvatarClick(item, index)
-                                }), {
-                                  icon: withCtx(() => [
-                                    renderSlot(_ctx.$slots, "icon")
-                                  ]),
-                                  _: 2
-                                  /* DYNAMIC */
-                                }, 1040, ["src", "onClick"]);
-                              }),
-                              128
-                              /* KEYED_FRAGMENT */
-                            ))
-                          ])
-                        ]),
-                        _: 3
-                        /* FORWARDED */
-                      },
-                      16
-                      /* FULL_PROPS */
-                    )
-                  ],
-                  64
-                  /* STABLE_FRAGMENT */
-                ))
-              ]),
-              _: 3
-              /* FORWARDED */
-            },
-            16
-            /* FULL_PROPS */
-          )) : (openBlock(), createElementBlock(
+          createCommentVNode(" \u5355\u4E2A\u5934\u50CF "),
+          _ctx.type === "single" ? (openBlock(), createBlock(_component_a_avatar, mergeProps({ key: 0 }, props, {
+            size: props.size,
+            src: getSrc.value,
+            onClick: _cache[0] || (_cache[0] = ($event) => handleAvatarClick(props, getSrc.value))
+          }), null, 16, ["size", "src"])) : (openBlock(), createElementBlock(
             Fragment,
             { key: 1 },
             [
-              createCommentVNode(" \u4E0D\u80FD\u4E0A\u4F20 "),
-              createCommentVNode(" \u5355\u4E2A\u5934\u50CF "),
-              _ctx.type === "single" ? (openBlock(), createBlock(_component_a_avatar, mergeProps({ key: 0 }, props.avatarProps, {
-                src: unref(AVATAR_IMG),
-                onClick: _cache[1] || (_cache[1] = ($event) => handleAvatarClick(props.avatarProps))
-              }), {
-                icon: withCtx(() => [
-                  renderSlot(_ctx.$slots, "icon")
-                ]),
-                _: 3
-                /* FORWARDED */
-              }, 16, ["src"])) : (openBlock(), createElementBlock(
-                Fragment,
-                { key: 1 },
-                [
-                  createCommentVNode(" \u591A\u4E2A\u5934\u50CF\u7EC4\u5408 "),
-                  createVNode(
-                    _component_a_avatar_group,
-                    normalizeProps(guardReactiveProps(_ctx.avatarGroupProps)),
-                    {
-                      default: withCtx(() => [
-                        renderSlot(_ctx.$slots, "default", {}, () => [
-                          (openBlock(true), createElementBlock(
-                            Fragment,
-                            null,
-                            renderList(_ctx.groupList, (item, index) => {
-                              return openBlock(), createBlock(_component_a_avatar, mergeProps({
-                                key: index,
-                                ref_for: true
-                              }, item, {
-                                shape: "square",
-                                src: unref(AVATAR_IMG),
-                                onClick: ($event) => handleAvatarClick(item, index)
-                              }), {
-                                icon: withCtx(() => [
-                                  renderSlot(_ctx.$slots, "icon")
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1040, ["src", "onClick"]);
-                            }),
-                            128
-                            /* KEYED_FRAGMENT */
-                          ))
-                        ])
-                      ]),
-                      _: 3
-                      /* FORWARDED */
-                    },
-                    16
-                    /* FULL_PROPS */
-                  )
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              ))
+              createCommentVNode(" \u591A\u4E2A\u5934\u50CF\u7EC4\u5408 "),
+              createVNode(
+                _component_a_avatar_group,
+                normalizeProps(guardReactiveProps(_ctx.avatarGroupProps)),
+                {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "default", {}, () => [
+                      (openBlock(true), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(_ctx.groupList, (item, index) => {
+                          return openBlock(), createBlock(_component_a_avatar, mergeProps({
+                            key: index,
+                            ref_for: true
+                          }, item, {
+                            src: item.src ? item.src : unref(AVATAR_IMG),
+                            onClick: ($event) => handleAvatarClick(item, getSrc.value, index)
+                          }), null, 16, ["src", "onClick"]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ])
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                },
+                16
+                /* FULL_PROPS */
+              )
             ],
             64
             /* STABLE_FRAGMENT */

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.vue2.mjs","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <!-- 可以上传 -->\n    <template v-if=\"isCanUpload\">\n      <ll-upload-drag v-bind=\"uploadDragProps\">\n        <template #buttonContent>\n          <!-- 单个头像 -->\n          <template v-if=\"type === 'single'\">\n            <a-avatar\n              v-bind=\"props.avatarProps\"\n              :src=\"AVATAR_IMG\"\n              @click=\"handleAvatarClick(props.avatarProps!)\"\n            >\n              <template #icon>\n                <slot name=\"icon\" />\n              </template>\n            </a-avatar>\n          </template>\n          <!-- 多个头像组合 -->\n          <template v-else>\n            <a-avatar-group v-bind=\"avatarGroupProps\">\n              <slot>\n                <a-avatar\n                  v-for=\"(item, index) in groupList\"\n                  :key=\"index\"\n                  v-bind=\"item\"\n                  :src=\"AVATAR_IMG\"\n                  @click=\"handleAvatarClick(item, index)\"\n                >\n                  <template #icon>\n                    <slot name=\"icon\" />\n                  </template>\n                </a-avatar>\n              </slot>\n            </a-avatar-group>\n          </template>\n        </template>\n      </ll-upload-drag>\n    </template>\n    <!-- 不能上传 -->\n    <template v-else>\n      <!-- 单个头像 -->\n      <template v-if=\"type === 'single'\">\n        <a-avatar\n          v-bind=\"props.avatarProps\"\n          :src=\"AVATAR_IMG\"\n          @click=\"handleAvatarClick(props.avatarProps)\"\n        >\n          <template #icon>\n            <slot name=\"icon\" />\n          </template>\n        </a-avatar>\n      </template>\n      <!-- 多个头像组合 -->\n      <template v-else>\n        <a-avatar-group v-bind=\"avatarGroupProps\">\n          <slot>\n            <a-avatar\n              v-for=\"(item, index) in groupList\"\n              :key=\"index\"\n              v-bind=\"item\"\n              shape=\"square\"\n              :src=\"AVATAR_IMG\"\n              @click=\"handleAvatarClick(item, index)\"\n            >\n              <template #icon>\n                <slot name=\"icon\" />\n              </template>\n            </a-avatar>\n          </slot>\n        </a-avatar-group>\n      </template>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { avatarProps, avatarEmits, AVATAR_IMG } from './avatar'\nimport { createNamespace } from '@ll-plus/utils'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlAvatar' })\n\n// 2.props/emits\nconst props = defineProps(avatarProps)\nconst emits = defineEmits(avatarEmits)\n\n// 3.const\nconst bem = createNamespace('avatar')\n\n// 4.methods\nconst handleAvatarClick = (item: any, index?: number) => {\n  emits('click', item, index)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAmFA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,GAAA,GAAM,gBAAgB,QAAQ,CAAA,CAAA;AAGpC,IAAM,MAAA,iBAAA,GAAoB,CAAC,IAAA,EAAW,KAAmB,KAAA;AACvD,MAAM,KAAA,CAAA,OAAA,EAAS,MAAM,KAAK,CAAA,CAAA;AAAA,KAC5B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"avatar.vue2.mjs","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <!-- 单个头像 -->\n    <template v-if=\"type === 'single'\">\n      <a-avatar\n        v-bind=\"props\"\n        :size=\"props.size\"\n        :src=\"getSrc\"\n        @click=\"handleAvatarClick(props, getSrc)\"\n      >\n      </a-avatar>\n    </template>\n    <!-- 多个头像组合 -->\n    <template v-else>\n      <a-avatar-group v-bind=\"avatarGroupProps\">\n        <slot>\n          <a-avatar\n            v-for=\"(item, index) in groupList\"\n            :key=\"index\"\n            v-bind=\"item\"\n            :src=\"item.src ? item.src : AVATAR_IMG\"\n            @click=\"handleAvatarClick(item, getSrc, index)\"\n          >\n          </a-avatar>\n        </slot>\n      </a-avatar-group>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { avatarProps, avatarEmits, AVATAR_IMG } from './avatar'\nimport { createNamespace } from '@ll-plus/utils'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlAvatar' })\n\n// 2.props/emits\nconst props = defineProps(avatarProps)\nconst emits = defineEmits(avatarEmits)\n\n// 3.const\nconst bem = createNamespace('avatar')\nconst getSrc = computed(() => (props.src ? props.src : AVATAR_IMG))\n\n// 4.methods\nconst handleAvatarClick = (item: any, src, index?: number) => {\n  emits('click', item, src, index)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAsCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,GAAA,GAAM,gBAAgB,QAAQ,CAAA,CAAA;AACpC,IAAA,MAAM,SAAS,QAAS,CAAA,MAAO,MAAM,GAAM,GAAA,KAAA,CAAM,MAAM,UAAW,CAAA,CAAA;AAGlE,IAAA,MAAM,iBAAoB,GAAA,CAAC,IAAW,EAAA,GAAA,EAAK,KAAmB,KAAA;AAC5D,MAAM,KAAA,CAAA,OAAA,EAAS,IAAM,EAAA,GAAA,EAAK,KAAK,CAAA,CAAA;AAAA,KACjC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/checkbox/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\r\n\r\nimport Checkbox from './src/checkbox.vue'\r\nimport CheckboxGroup from './src/checkbox-group.vue'\r\n\r\nexport const LlCheckbox = withInstall(Checkbox)\r\nexport const LlCheckboxGroup = withInstall(CheckboxGroup)\r\n\r\n// export default LlCheckbox\r\n\r\nexport * from './src/checkbox'\r\n\r\ndeclare module 'vue' {\r\n  export interface GlobalComponents {\r\n    LlCheckbox: typeof Checkbox\r\n    LlCheckboxGroup: typeof CheckboxGroup\r\n  }\r\n}"],"names":[],"mappings":";;;;;;;AAKa,MAAA,UAAA,GAAa,YAAY,QAAQ,EAAA;AACjC,MAAA,eAAA,GAAkB,YAAY,aAAa;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/checkbox/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport Checkbox from './src/checkbox.vue'\nimport CheckboxGroup from './src/checkbox-group.vue'\n\nexport const LlCheckbox = withInstall(Checkbox)\nexport const LlCheckboxGroup = withInstall(CheckboxGroup)\n\nexport * from './src/checkbox'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlCheckbox: typeof Checkbox\n    LlCheckboxGroup: typeof CheckboxGroup\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAKa,MAAA,UAAA,GAAa,YAAY,QAAQ,EAAA;AACjC,MAAA,eAAA,GAAkB,YAAY,aAAa;;;;"}

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

@@ -0,0 +1,12 @@
+import '../../utils/index.mjs';
+import CropperImage from './src/cropper-image.vue.mjs';
+import CropperModal from './src/cropper-modal.vue.mjs';
+export { cropperImageEmits, cropperImageProps, cropperModalEmits, cropperModalProps, defaultCropperOptions } from './src/cropper-image.mjs';
+import { withInstall } from '../../utils/with-install.mjs';
+
+"use strict";
+const LlCropperImage = withInstall(CropperImage);
+const LlCropperModal = withInstall(CropperModal);
+
+export { LlCropperImage, LlCropperModal };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/cropper/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport CropperImage from './src/cropper-image.vue'\nimport CropperModal from './src/cropper-modal.vue'\n\nexport const LlCropperImage = withInstall(CropperImage)\nexport const LlCropperModal = withInstall(CropperModal)\n\nexport * from './src/cropper-image'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlCropperImage: typeof CropperImage\n    LlCropperModal: typeof CropperModal\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAKa,MAAA,cAAA,GAAiB,YAAY,YAAY,EAAA;AACzC,MAAA,cAAA,GAAiB,YAAY,YAAY;;;;"}

package/es/packages/components/cropper/src/cropper-image.mjs

@@ -0,0 +1,77 @@
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/props/runtime.mjs';
+
+"use strict";
+const defaultCropperOptions = {
+  aspectRatio: 1,
+  zoomable: true,
+  zoomOnTouch: true,
+  zoomOnWheel: true,
+  cropBoxMovable: true,
+  cropBoxResizable: true,
+  toggleDragModeOnDblclick: true,
+  autoCrop: true,
+  background: true,
+  highlight: true,
+  center: true,
+  responsive: true,
+  restore: true,
+  checkCrossOrigin: true,
+  checkOrientation: true,
+  scalable: true,
+  modal: true,
+  guides: true,
+  movable: true,
+  rotatable: true
+};
+const cropperImageProps = buildProps({
+  src: {
+    type: String,
+    required: true
+  },
+  alt: {
+    type: String
+  },
+  circled: {
+    type: Boolean,
+    default: false
+  },
+  realTimePreview: {
+    type: Boolean,
+    default: true
+  },
+  height: {
+    type: [String, Number],
+    default: "360px"
+  },
+  crossorigin: {
+    type: definePropType(
+      String
+    ),
+    default: void 0
+  },
+  imageStyle: {
+    type: definePropType(Object),
+    default: () => ({})
+  },
+  options: {
+    type: definePropType(Object),
+    default: () => ({})
+  }
+});
+const cropperImageEmits = {
+  cropend: (params) => !!params,
+  onReady: (cropper) => !!cropper,
+  cropendError: () => true
+};
+const cropperModalProps = buildProps({
+  circled: { type: Boolean, default: true },
+  disabled: { type: Boolean, default: false },
+  avatar: { type: String, default: "" }
+});
+const cropperModalEmits = {
+  confirm: (params) => !!params
+};
+
+export { cropperImageEmits, cropperImageProps, cropperModalEmits, cropperModalProps, defaultCropperOptions };
+//# sourceMappingURL=cropper-image.mjs.map

package/es/packages/components/cropper/src/cropper-image.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cropper-image.mjs","sources":["../../../../../../packages/components/cropper/src/cropper-image.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes, CSSProperties } from 'vue'\nimport type Cropper from 'cropperjs'\nimport type CropperImage from './cropper-image.vue'\nimport type CropperModal from './cropper-modal.vue'\n\nexport interface CropendResult {\n  imgBase64: string\n  imgInfo: Cropper.Data\n}\n\nexport const defaultCropperOptions: Cropper.Options = {\n  aspectRatio: 1,\n  zoomable: true,\n  zoomOnTouch: true,\n  zoomOnWheel: true,\n  cropBoxMovable: true,\n  cropBoxResizable: true,\n  toggleDragModeOnDblclick: true,\n  autoCrop: true,\n  background: true,\n  highlight: true,\n  center: true,\n  responsive: true,\n  restore: true,\n  checkCrossOrigin: true,\n  checkOrientation: true,\n  scalable: true,\n  modal: true,\n  guides: true,\n  movable: true,\n  rotatable: true\n}\n\nexport const cropperImageProps = buildProps({\n  src: {\n    type: String,\n    required: true\n  },\n  alt: {\n    type: String\n  },\n  circled: {\n    type: Boolean,\n    default: false\n  },\n  realTimePreview: {\n    type: Boolean,\n    default: true\n  },\n  height: {\n    type: [String, Number],\n    default: '360px'\n  },\n  crossorigin: {\n    type: definePropType<'' | 'anonymous' | 'use-credentials' | undefined>(\n      String\n    ),\n    default: undefined\n  },\n  imageStyle: {\n    type: definePropType<CSSProperties>(Object),\n    default: () => ({})\n  },\n  options: {\n    type: definePropType<Cropper.Options>(Object),\n    default: () => ({})\n  }\n} as const)\n\nexport const cropperImageEmits = {\n  cropend: (params: CropendResult) => !!params,\n  onReady: (cropper: Cropper) => !!cropper,\n  cropendError: () => true\n} as const\n\nexport const cropperModalProps = buildProps({\n  circled: { type: Boolean, default: true },\n  disabled: { type: Boolean, default: false },\n  avatar: { type: String, default: '' }\n} as const)\n\nexport const cropperModalEmits = {\n  confirm: (params: { blob: Blob; previewSource: string }) => !!params\n} as const\n\n// props\nexport type CropperImageProps = ExtractPropTypes<typeof cropperImageProps>\nexport type CropperModalProps = ExtractPropTypes<typeof cropperModalProps>\n\n// emits\nexport type CropperImageEmits = typeof cropperImageEmits\nexport type CropperModalEmits = typeof cropperModalEmits\n\n// instance\nexport type CropperImageInstance = InstanceType<typeof CropperImage>\nexport type CropperModalInstance = InstanceType<typeof CropperModal>\n"],"names":[],"mappings":";;;;AAYO,MAAM,qBAAyC,GAAA;AAAA,EACpD,WAAa,EAAA,CAAA;AAAA,EACb,QAAU,EAAA,IAAA;AAAA,EACV,WAAa,EAAA,IAAA;AAAA,EACb,WAAa,EAAA,IAAA;AAAA,EACb,cAAgB,EAAA,IAAA;AAAA,EAChB,gBAAkB,EAAA,IAAA;AAAA,EAClB,wBAA0B,EAAA,IAAA;AAAA,EAC1B,QAAU,EAAA,IAAA;AAAA,EACV,UAAY,EAAA,IAAA;AAAA,EACZ,SAAW,EAAA,IAAA;AAAA,EACX,MAAQ,EAAA,IAAA;AAAA,EACR,UAAY,EAAA,IAAA;AAAA,EACZ,OAAS,EAAA,IAAA;AAAA,EACT,gBAAkB,EAAA,IAAA;AAAA,EAClB,gBAAkB,EAAA,IAAA;AAAA,EAClB,QAAU,EAAA,IAAA;AAAA,EACV,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,OAAS,EAAA,IAAA;AAAA,EACT,SAAW,EAAA,IAAA;AACb,EAAA;AAEO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,cAAA;AAAA,MACJ,MAAA;AAAA,KACF;AAAA,IACA,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,eAA8B,MAAM,CAAA;AAAA,IAC1C,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAAgC,MAAM,CAAA;AAAA,IAC5C,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,OAAS,EAAA,CAAC,MAA0B,KAAA,CAAC,CAAC,MAAA;AAAA,EACtC,OAAS,EAAA,CAAC,OAAqB,KAAA,CAAC,CAAC,OAAA;AAAA,EACjC,cAAc,MAAM,IAAA;AACtB,EAAA;AAEO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,OAAS,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AAAA,EACxC,QAAU,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,KAAM,EAAA;AAAA,EAC1C,MAAQ,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,EAAG,EAAA;AACtC,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,OAAS,EAAA,CAAC,MAAkD,KAAA,CAAC,CAAC,MAAA;AAChE;;;;"}

package/es/packages/components/cropper/src/cropper-image.vue.mjs

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

package/es/packages/components/cropper/src/cropper-image.vue.mjs.map

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

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

@@ -0,0 +1,137 @@
+import { defineComponent, ref, computed, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, withDirectives, createElementVNode, vShow } from 'vue';
+import '../../../utils/index.mjs';
+import Cropper from 'cropperjs';
+import { useDebounceFn } from '../../../../node_modules/.pnpm/@vueuse_shared@10.9.0_vue@3.4.25/node_modules/@vueuse/shared/index.mjs';
+import { cropperImageProps, cropperImageEmits, defaultCropperOptions } from './cropper-image.mjs';
+import { createNamespace } from '../../../utils/create-namespace.mjs';
+
+"use strict";
+const _hoisted_1 = ["src", "alt", "crossorigin"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "CropperImage" },
+  __name: "cropper-image",
+  props: cropperImageProps,
+  emits: cropperImageEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace("cropper-image");
+    const imgElRef = ref();
+    const cropper = ref();
+    const isReady = ref(false);
+    const getImageStyle = computed(() => {
+      return {
+        height: props.height,
+        maxWidth: "100%",
+        ...props.imageStyle
+      };
+    });
+    const getWrapperStyle = computed(() => {
+      return { height: `${props.height}`.replace(/px/, "") + "px" };
+    });
+    const init = async () => {
+      const imgEl = imgElRef.value;
+      if (!imgEl) {
+        return;
+      }
+      cropper.value = new Cropper(imgEl, {
+        ...defaultCropperOptions,
+        ready() {
+          isReady.value = true;
+          realTimeCroppered();
+          emits("onReady", cropper.value);
+        },
+        crop() {
+          debounceRealTimeCroppered();
+        },
+        zoom() {
+          debounceRealTimeCroppered();
+        },
+        cropmove() {
+          debounceRealTimeCroppered();
+        },
+        ...props.options
+      });
+    };
+    const realTimeCroppered = () => {
+      props.realTimePreview && croppered();
+    };
+    const debounceRealTimeCroppered = useDebounceFn(realTimeCroppered, 80);
+    const croppered = () => {
+      if (!cropper.value) {
+        return;
+      }
+      const imgInfo = cropper.value.getData();
+      const canvas = props.circled ? getRoundedCanvas() : cropper.value.getCroppedCanvas();
+      canvas.toBlob((blob) => {
+        if (!blob) {
+          return;
+        }
+        const fileReader = new FileReader();
+        fileReader.readAsDataURL(blob);
+        fileReader.onloadend = (e) => {
+          emits("cropend", {
+            imgBase64: e.target?.result ?? "",
+            imgInfo
+          });
+        };
+        fileReader.onerror = () => {
+          emits("cropendError");
+        };
+      }, "image/png");
+    };
+    const getRoundedCanvas = () => {
+      const sourceCanvas = cropper.value.getCroppedCanvas();
+      const canvas = document.createElement("canvas");
+      const context = canvas.getContext("2d");
+      const width = sourceCanvas.width;
+      const height = sourceCanvas.height;
+      canvas.width = width;
+      canvas.height = height;
+      context.imageSmoothingEnabled = true;
+      context.drawImage(sourceCanvas, 0, 0, width, height);
+      context.globalCompositeOperation = "destination-in";
+      context.beginPath();
+      context.arc(
+        width / 2,
+        height / 2,
+        Math.min(width, height) / 2,
+        0,
+        2 * Math.PI,
+        true
+      );
+      context.fill();
+      return canvas;
+    };
+    onMounted(init);
+    onUnmounted(() => {
+      cropper.value?.destroy();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([unref(bem).b(), props.circled ? unref(bem).is("circled") : ""]),
+          style: normalizeStyle(getWrapperStyle.value)
+        },
+        [
+          withDirectives(createElementVNode("img", {
+            ref_key: "imgElRef",
+            ref: imgElRef,
+            src: _ctx.src,
+            alt: _ctx.alt,
+            crossorigin: _ctx.crossorigin,
+            style: normalizeStyle(getImageStyle.value)
+          }, null, 12, _hoisted_1), [
+            [vShow, isReady.value]
+          ])
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=cropper-image.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cropper-image.vue2.mjs","sources":["../../../../../../packages/components/cropper/src/cropper-image.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[bem.b(), props.circled ? bem.is('circled') : '']\"\n    :style=\"getWrapperStyle\"\n  >\n    <img\n      v-show=\"isReady\"\n      ref=\"imgElRef\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :crossorigin=\"crossorigin\"\n      :style=\"getImageStyle\"\n    />\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { onMounted, ref, computed, onUnmounted, type CSSProperties } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\n//@ts-ignore\nimport Cropper from 'cropperjs'\n// import 'cropperjs/dist/cropper.css'\nimport { useDebounceFn } from '@vueuse/shared'\nimport {\n  cropperImageProps,\n  cropperImageEmits,\n  defaultCropperOptions,\n  type CropendResult\n} from './cropper-image'\n\ndefineOptions({ name: 'CropperImage' })\nconst props = defineProps(cropperImageProps)\nconst emits = defineEmits(cropperImageEmits)\n\nconst bem = createNamespace('cropper-image')\n\nconst imgElRef = ref<HTMLImageElement>()\nconst cropper = ref<Cropper>()\nconst isReady = ref(false)\nconst getImageStyle = computed((): CSSProperties => {\n  return {\n    height: props.height,\n    maxWidth: '100%',\n    ...props.imageStyle\n  }\n})\nconst getWrapperStyle = computed((): CSSProperties => {\n  return { height: `${props.height}`.replace(/px/, '') + 'px' }\n})\n\nconst init = async () => {\n  const imgEl = imgElRef.value\n  if (!imgEl) {\n    return\n  }\n  cropper.value = new Cropper(imgEl, {\n    ...defaultCropperOptions,\n    ready() {\n      isReady.value = true\n      realTimeCroppered()\n      //@ts-ignore\n      emits('onReady', cropper.value)\n    },\n    crop() {\n      debounceRealTimeCroppered()\n    },\n    zoom() {\n      debounceRealTimeCroppered()\n    },\n    cropmove() {\n      debounceRealTimeCroppered()\n    },\n    ...props.options\n  })\n}\n\n// Real-time display preview\nconst realTimeCroppered = () => {\n  props.realTimePreview && croppered()\n}\n\nconst debounceRealTimeCroppered = useDebounceFn(realTimeCroppered, 80)\n\n// event: return base64 and width and height information after cropping\nconst croppered = () => {\n  if (!cropper.value) {\n    return\n  }\n  const imgInfo = cropper.value.getData()\n  const canvas = props.circled\n    ? getRoundedCanvas()\n    : cropper.value.getCroppedCanvas()\n  canvas.toBlob(blob => {\n    if (!blob) {\n      return\n    }\n    const fileReader: FileReader = new FileReader()\n    fileReader.readAsDataURL(blob)\n    fileReader.onloadend = e => {\n      emits('cropend', {\n        imgBase64: e.target?.result ?? '',\n        imgInfo\n      } as CropendResult)\n    }\n    fileReader.onerror = () => {\n      emits('cropendError')\n    }\n  }, 'image/png')\n}\n\n// Get a circular picture canvas\nconst getRoundedCanvas = () => {\n  const sourceCanvas = cropper.value!.getCroppedCanvas()\n  const canvas = document.createElement('canvas')\n  const context = canvas.getContext('2d')!\n  const width = sourceCanvas.width\n  const height = sourceCanvas.height\n  canvas.width = width\n  canvas.height = height\n  context.imageSmoothingEnabled = true\n  context.drawImage(sourceCanvas, 0, 0, width, height)\n  context.globalCompositeOperation = 'destination-in'\n  context.beginPath()\n  context.arc(\n    width / 2,\n    height / 2,\n    Math.min(width, height) / 2,\n    0,\n    2 * Math.PI,\n    true\n  )\n  context.fill()\n  return canvas\n}\n\nonMounted(init)\n\nonUnmounted(() => {\n  cropper.value?.destroy()\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA8BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,eAAe,CAAA,CAAA;AAE3C,IAAA,MAAM,WAAW,GAAsB,EAAA,CAAA;AACvC,IAAA,MAAM,UAAU,GAAa,EAAA,CAAA;AAC7B,IAAM,MAAA,OAAA,GAAU,IAAI,KAAK,CAAA,CAAA;AACzB,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAqB;AAClD,MAAO,OAAA;AAAA,QACL,QAAQ,KAAM,CAAA,MAAA;AAAA,QACd,QAAU,EAAA,MAAA;AAAA,QACV,GAAG,KAAM,CAAA,UAAA;AAAA,OACX,CAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,eAAA,GAAkB,SAAS,MAAqB;AACpD,MAAO,OAAA,EAAE,MAAQ,EAAA,CAAA,EAAG,KAAM,CAAA,MAAM,GAAG,OAAQ,CAAA,IAAA,EAAM,EAAE,CAAA,GAAI,IAAK,EAAA,CAAA;AAAA,KAC7D,CAAA,CAAA;AAED,IAAA,MAAM,OAAO,YAAY;AACvB,MAAA,MAAM,QAAQ,QAAS,CAAA,KAAA,CAAA;AACvB,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAA,OAAA;AAAA,OACF;AACA,MAAQ,OAAA,CAAA,KAAA,GAAQ,IAAI,OAAA,CAAQ,KAAO,EAAA;AAAA,QACjC,GAAG,qBAAA;AAAA,QACH,KAAQ,GAAA;AACN,UAAA,OAAA,CAAQ,KAAQ,GAAA,IAAA,CAAA;AAChB,UAAkB,iBAAA,EAAA,CAAA;AAElB,UAAM,KAAA,CAAA,SAAA,EAAW,QAAQ,KAAK,CAAA,CAAA;AAAA,SAChC;AAAA,QACA,IAAO,GAAA;AACL,UAA0B,yBAAA,EAAA,CAAA;AAAA,SAC5B;AAAA,QACA,IAAO,GAAA;AACL,UAA0B,yBAAA,EAAA,CAAA;AAAA,SAC5B;AAAA,QACA,QAAW,GAAA;AACT,UAA0B,yBAAA,EAAA,CAAA;AAAA,SAC5B;AAAA,QACA,GAAG,KAAM,CAAA,OAAA;AAAA,OACV,CAAA,CAAA;AAAA,KACH,CAAA;AAGA,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAA,KAAA,CAAM,mBAAmB,SAAU,EAAA,CAAA;AAAA,KACrC,CAAA;AAEA,IAAM,MAAA,yBAAA,GAA4B,aAAc,CAAA,iBAAA,EAAmB,EAAE,CAAA,CAAA;AAGrE,IAAA,MAAM,YAAY,MAAM;AACtB,MAAI,IAAA,CAAC,QAAQ,KAAO,EAAA;AAClB,QAAA,OAAA;AAAA,OACF;AACA,MAAM,MAAA,OAAA,GAAU,OAAQ,CAAA,KAAA,CAAM,OAAQ,EAAA,CAAA;AACtC,MAAA,MAAM,SAAS,KAAM,CAAA,OAAA,GACjB,kBACA,GAAA,OAAA,CAAQ,MAAM,gBAAiB,EAAA,CAAA;AACnC,MAAA,MAAA,CAAO,OAAO,CAAQ,IAAA,KAAA;AACpB,QAAA,IAAI,CAAC,IAAM,EAAA;AACT,UAAA,OAAA;AAAA,SACF;AACA,QAAM,MAAA,UAAA,GAAyB,IAAI,UAAW,EAAA,CAAA;AAC9C,QAAA,UAAA,CAAW,cAAc,IAAI,CAAA,CAAA;AAC7B,QAAA,UAAA,CAAW,YAAY,CAAK,CAAA,KAAA;AAC1B,UAAA,KAAA,CAAM,SAAW,EAAA;AAAA,YACf,SAAA,EAAW,CAAE,CAAA,MAAA,EAAQ,MAAU,IAAA,EAAA;AAAA,YAC/B,OAAA;AAAA,WACgB,CAAA,CAAA;AAAA,SACpB,CAAA;AACA,QAAA,UAAA,CAAW,UAAU,MAAM;AACzB,UAAA,KAAA,CAAM,cAAc,CAAA,CAAA;AAAA,SACtB,CAAA;AAAA,SACC,WAAW,CAAA,CAAA;AAAA,KAChB,CAAA;AAGA,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAM,MAAA,YAAA,GAAe,OAAQ,CAAA,KAAA,CAAO,gBAAiB,EAAA,CAAA;AACrD,MAAM,MAAA,MAAA,GAAS,QAAS,CAAA,aAAA,CAAc,QAAQ,CAAA,CAAA;AAC9C,MAAM,MAAA,OAAA,GAAU,MAAO,CAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACtC,MAAA,MAAM,QAAQ,YAAa,CAAA,KAAA,CAAA;AAC3B,MAAA,MAAM,SAAS,YAAa,CAAA,MAAA,CAAA;AAC5B,MAAA,MAAA,CAAO,KAAQ,GAAA,KAAA,CAAA;AACf,MAAA,MAAA,CAAO,MAAS,GAAA,MAAA,CAAA;AAChB,MAAA,OAAA,CAAQ,qBAAwB,GAAA,IAAA,CAAA;AAChC,MAAA,OAAA,CAAQ,SAAU,CAAA,YAAA,EAAc,CAAG,EAAA,CAAA,EAAG,OAAO,MAAM,CAAA,CAAA;AACnD,MAAA,OAAA,CAAQ,wBAA2B,GAAA,gBAAA,CAAA;AACnC,MAAA,OAAA,CAAQ,SAAU,EAAA,CAAA;AAClB,MAAQ,OAAA,CAAA,GAAA;AAAA,QACN,KAAQ,GAAA,CAAA;AAAA,QACR,MAAS,GAAA,CAAA;AAAA,QACT,IAAK,CAAA,GAAA,CAAI,KAAO,EAAA,MAAM,CAAI,GAAA,CAAA;AAAA,QAC1B,CAAA;AAAA,QACA,IAAI,IAAK,CAAA,EAAA;AAAA,QACT,IAAA;AAAA,OACF,CAAA;AACA,MAAA,OAAA,CAAQ,IAAK,EAAA,CAAA;AACb,MAAO,OAAA,MAAA,CAAA;AAAA,KACT,CAAA;AAEA,IAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAEd,IAAA,WAAA,CAAY,MAAM;AAChB,MAAA,OAAA,CAAQ,OAAO,OAAQ,EAAA,CAAA;AAAA,KACxB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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