ll-plus 2.4.7 → 2.4.9

package/lib/packages/components/cropper/src/cropper-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cropper-image.js","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":["buildProps","definePropType"],"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,oBAAoBA,kBAAW,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,EAAAC,sBAAA;AAAA,MACJ,MAAA;AAAA,KACF;AAAA,IACA,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMA,uBAA8B,MAAM,CAAA;AAAA,IAC1C,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAAgC,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,oBAAoBD,kBAAW,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/lib/packages/components/cropper/src/cropper-image.vue.js

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

package/lib/packages/components/cropper/src/cropper-image.vue.js.map

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

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

@@ -0,0 +1,141 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../utils/index.js');
+var Cropper = require('cropperjs');
+var index = require('../../../../node_modules/.pnpm/@vueuse_shared@10.9.0_vue@3.4.25/node_modules/@vueuse/shared/index.js');
+var cropperImage = require('./cropper-image.js');
+var createNamespace = require('../../../utils/create-namespace.js');
+
+"use strict";
+const _hoisted_1 = ["src", "alt", "crossorigin"];
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "CropperImage" },
+  __name: "cropper-image",
+  props: cropperImage.cropperImageProps,
+  emits: cropperImage.cropperImageEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace.createNamespace("cropper-image");
+    const imgElRef = vue.ref();
+    const cropper = vue.ref();
+    const isReady = vue.ref(false);
+    const getImageStyle = vue.computed(() => {
+      return {
+        height: props.height,
+        maxWidth: "100%",
+        ...props.imageStyle
+      };
+    });
+    const getWrapperStyle = vue.computed(() => {
+      return { height: `${props.height}`.replace(/px/, "") + "px" };
+    });
+    const init = async () => {
+      const imgEl = imgElRef.value;
+      if (!imgEl) {
+        return;
+      }
+      cropper.value = new Cropper(imgEl, {
+        ...cropperImage.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 = index.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;
+    };
+    vue.onMounted(init);
+    vue.onUnmounted(() => {
+      cropper.value?.destroy();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass([vue.unref(bem).b(), props.circled ? vue.unref(bem).is("circled") : ""]),
+          style: vue.normalizeStyle(getWrapperStyle.value)
+        },
+        [
+          vue.withDirectives(vue.createElementVNode("img", {
+            ref_key: "imgElRef",
+            ref: imgElRef,
+            src: _ctx.src,
+            alt: _ctx.alt,
+            crossorigin: _ctx.crossorigin,
+            style: vue.normalizeStyle(getImageStyle.value)
+          }, null, 12, _hoisted_1), [
+            [vue.vShow, isReady.value]
+          ])
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=cropper-image.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cropper-image.vue2.js","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":["createNamespace","ref","computed","defaultCropperOptions","useDebounceFn","onMounted","onUnmounted"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,411 @@
+'use strict';
+
+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');
+var createNamespace = require('../../../utils/create-namespace.js');
+var file = require('../../../utils/file.js');
+
+"use strict";
+const _hoisted_1 = ["src"];
+const _hoisted_2 = ["src"];
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "LlCropperModal" },
+  __name: "cropper-modal",
+  props: cropperImage.cropperModalProps,
+  emits: cropperImage.cropperModalEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace.createNamespace("cropper-modal");
+    const src = vue.ref(props.avatar || "");
+    const avatar = vue.ref(props.avatar || "");
+    console.log(src, avatar, "avatar");
+    const open = vue.ref(false);
+    const previewSource = vue.ref("");
+    const cropper = vue.ref();
+    let scaleX = 1;
+    let scaleY = 1;
+    function handleBeforeUpload(file) {
+      const reader = new FileReader();
+      reader.readAsDataURL(file);
+      src.value = "";
+      previewSource.value = "";
+      reader.onload = function(e) {
+        src.value = e.target?.result ?? "";
+      };
+      return false;
+    }
+    function handleOpen() {
+      open.value = true;
+    }
+    function handleCropend({ imgBase64 }) {
+      previewSource.value = imgBase64;
+    }
+    function handleReady(cropperInstance) {
+      cropper.value = cropperInstance;
+    }
+    function handlerToolbar(event, arg) {
+      if (event === "scaleX") {
+        scaleX = arg = scaleX === -1 ? 1 : -1;
+      }
+      if (event === "scaleY") {
+        scaleY = arg = scaleY === -1 ? 1 : -1;
+      }
+      cropper?.value?.[event]?.(arg);
+    }
+    async function handleOk() {
+      const blob = file.dataURLtoBlob(previewSource.value);
+      emits("confirm", { blob, previewSource: previewSource.value });
+      avatar.value = previewSource.value;
+      open.value = false;
+    }
+    const handleAvatarClick = (_, avatarSrc) => {
+      src.value = avatarSrc;
+      avatar.value = avatarSrc;
+    };
+    return (_ctx, _cache) => {
+      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_ll_space = vue.resolveComponent("ll-space");
+      const _component_ll_avatar = vue.resolveComponent("ll-avatar");
+      const _component_ll_modal = vue.resolveComponent("ll-modal");
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createVNode(_component_ll_modal, {
+            open: open.value,
+            title: "\u56FE\u7247\u88C1\u526A",
+            width: "800px",
+            keyboard: false,
+            "mask-closable": false,
+            "ok-text": "\u786E\u5B9A",
+            onCancel: _cache[8] || (_cache[8] = ($event) => open.value = false),
+            onOk: handleOk
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(vue.unref(bem).b())
+                },
+                [
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: vue.normalizeClass(vue.unref(bem).e("left"))
+                    },
+                    [
+                      vue.createElementVNode(
+                        "div",
+                        {
+                          class: vue.normalizeClass(vue.unref(bem).e("cropper"))
+                        },
+                        [
+                          src.value ? (vue.openBlock(), vue.createBlock(cropperImage$1.default, {
+                            key: 0,
+                            src: src.value,
+                            height: "300px",
+                            circled: _ctx.circled,
+                            onCropend: handleCropend,
+                            onOnReady: handleReady
+                          }, null, 8, ["src", "circled"])) : vue.createCommentVNode("v-if", true)
+                        ],
+                        2
+                        /* CLASS */
+                      ),
+                      vue.createElementVNode(
+                        "div",
+                        {
+                          class: vue.normalizeClass(vue.unref(bem).e("toolbar"))
+                        },
+                        [
+                          vue.createVNode(vue.unref(antDesignVue.Upload), {
+                            "file-list": [],
+                            accept: "image/*",
+                            "before-upload": handleBeforeUpload
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(_component_ll_tooltip, {
+                                title: "\u9009\u62E9\u56FE\u7247",
+                                placement: "bottom"
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_ll_button, {
+                                    type: "primary",
+                                    size: "small",
+                                    onClick: _cache[0] || (_cache[0] = ($event) => handlerToolbar("reset"))
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(_component_ll_icon, { "icon-name": "icon-upload" })
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  })
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              })
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }),
+                          vue.createVNode(_component_ll_space, null, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(_component_ll_tooltip, {
+                                tip: "\u91CD\u7F6E",
+                                placement: "bottom"
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_ll_button, {
+                                    type: "primary",
+                                    size: "small",
+                                    disabled: !src.value,
+                                    onClick: _cache[1] || (_cache[1] = ($event) => handlerToolbar("reset"))
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(_component_ll_icon, { "icon-name": "icon-refresh" })
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["disabled"])
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }),
+                              vue.createVNode(_component_ll_tooltip, {
+                                tip: "\u9006\u65F6\u9488\u65CB\u8F6C",
+                                placement: "bottom"
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_ll_button, {
+                                    type: "primary",
+                                    size: "small",
+                                    disabled: !src.value,
+                                    onClick: _cache[2] || (_cache[2] = ($event) => handlerToolbar("rotate", -45))
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(_component_ll_icon, { "icon-name": "icon-counter-clockwise" })
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["disabled"])
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }),
+                              vue.createVNode(_component_ll_tooltip, {
+                                tip: "\u987A\u65F6\u9488\u65CB\u8F6C",
+                                placement: "bottom"
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_ll_button, {
+                                    type: "primary",
+                                    size: "small",
+                                    disabled: !src.value,
+                                    onClick: _cache[3] || (_cache[3] = ($event) => handlerToolbar("rotate", 45))
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(_component_ll_icon, { "icon-name": "icon-flip-horizontal" })
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["disabled"])
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }),
+                              vue.createVNode(_component_ll_tooltip, {
+                                tip: "\u6C34\u5E73\u7FFB\u8F6C",
+                                placement: "bottom"
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_ll_button, {
+                                    type: "primary",
+                                    size: "small",
+                                    disabled: !src.value,
+                                    onClick: _cache[4] || (_cache[4] = ($event) => handlerToolbar("scaleX"))
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(_component_ll_icon, { "icon-name": "icon-flip-horizontal" })
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["disabled"])
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }),
+                              vue.createVNode(_component_ll_tooltip, {
+                                tip: "\u5782\u76F4\u7FFB\u8F6C",
+                                placement: "bottom"
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_ll_button, {
+                                    type: "primary",
+                                    size: "small",
+                                    disabled: !src.value,
+                                    onClick: _cache[5] || (_cache[5] = ($event) => handlerToolbar("scaleY"))
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(_component_ll_icon, { "icon-name": "icon-flip-vertical" })
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["disabled"])
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }),
+                              vue.createVNode(_component_ll_tooltip, {
+                                tip: "\u653E\u5927",
+                                placement: "bottom"
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_ll_button, {
+                                    type: "primary",
+                                    size: "small",
+                                    disabled: !src.value,
+                                    onClick: _cache[6] || (_cache[6] = ($event) => handlerToolbar("zoom", 0.1))
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(_component_ll_icon, { "icon-name": "icon-amplify1" })
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["disabled"])
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }),
+                              vue.createVNode(_component_ll_tooltip, {
+                                tip: "\u7F29\u5C0F",
+                                placement: "bottom"
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_ll_button, {
+                                    type: "primary",
+                                    size: "small",
+                                    disabled: !src.value,
+                                    onClick: _cache[7] || (_cache[7] = ($event) => handlerToolbar("zoom", -0.1))
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(_component_ll_icon, { "icon-name": "icon-scale" })
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["disabled"])
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              })
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ],
+                        2
+                        /* CLASS */
+                      )
+                    ],
+                    2
+                    /* CLASS */
+                  ),
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: vue.normalizeClass(vue.unref(bem).e("right"))
+                    },
+                    [
+                      vue.createElementVNode(
+                        "div",
+                        {
+                          class: vue.normalizeClass(vue.unref(bem).e("preview"))
+                        },
+                        [
+                          previewSource.value ? (vue.openBlock(), vue.createElementBlock("img", {
+                            key: 0,
+                            src: previewSource.value,
+                            alt: "\u9884\u89C8"
+                          }, null, 8, _hoisted_1)) : vue.createCommentVNode("v-if", true)
+                        ],
+                        2
+                        /* CLASS */
+                      ),
+                      previewSource.value ? (vue.openBlock(), vue.createElementBlock(
+                        "div",
+                        {
+                          key: 0,
+                          class: vue.normalizeClass(vue.unref(bem).e("group"))
+                        },
+                        [
+                          vue.createVNode(_component_ll_avatar, {
+                            src: previewSource.value,
+                            size: "large"
+                          }, null, 8, ["src"]),
+                          vue.createVNode(_component_ll_avatar, {
+                            src: previewSource.value,
+                            size: 48
+                          }, null, 8, ["src"]),
+                          vue.createVNode(_component_ll_avatar, {
+                            src: previewSource.value,
+                            size: 64
+                          }, null, 8, ["src"]),
+                          vue.createVNode(_component_ll_avatar, {
+                            src: previewSource.value,
+                            size: 80
+                          }, null, 8, ["src"])
+                        ],
+                        2
+                        /* CLASS */
+                      )) : vue.createCommentVNode("v-if", true)
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ],
+                2
+                /* CLASS */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["open"]),
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createElementVNode(
+              "div",
+              {
+                class: vue.normalizeClass(vue.unref(bem).e("cropper-avatar")),
+                onClick: handleOpen
+              },
+              [
+                !avatar.value ? (vue.openBlock(), vue.createBlock(_component_ll_avatar, {
+                  key: 0,
+                  size: 64,
+                  onClick: handleAvatarClick
+                })) : (vue.openBlock(), vue.createElementBlock("img", {
+                  key: 1,
+                  src: avatar.value,
+                  alt: ""
+                }, null, 8, _hoisted_2))
+              ],
+              2
+              /* CLASS */
+            )
+          ])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=cropper-modal.vue2.js.map

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

@@ -0,0 +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  <slot>\n    <div :class=\"bem.e('cropper-avatar')\" @click=\"handleOpen\">\n      <ll-avatar v-if=\"!avatar\" :size=\"64\" @click=\"handleAvatarClick\">\n      </ll-avatar>\n\n      <img v-else :src=\"avatar\" alt=\"\" />\n    </div>\n  </slot>\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 || '')\nconsole.log(src, avatar, '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}\nconst handleAvatarClick = (_: any, avatarSrc: string) => {\n  src.value = avatarSrc\n  avatar.value = avatarSrc\n}\n</script>\n"],"names":["createNamespace","ref","dataURLtoBlob"],"mappings":"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"}

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

@@ -6,6 +6,13 @@ var runtime = require('../../../utils/props/runtime.js');
 "use strict";
 const url = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjAwIDEyMS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMDAgMTIxLjc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7b3BhY2l0eTowLjg7ZmlsbDp1cmwoI1NWR0lEXzFfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDF7ZmlsbDp1cmwoI1NWR0lEXzJfKTt9Cgkuc3Qye29wYWNpdHk6MC42NzU7ZmlsbDp1cmwoI1NWR0lEXzNfKTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDN7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cgkuc3Q0e2ZpbGw6dXJsKCNTVkdJRF81Xyk7fQoJLnN0NXtmaWxsOnVybCgjU1ZHSURfNl8pO30KPC9zdHlsZT4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuODY2IC4zNjQpIj4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTgxMC4zODgxIiB5MT0iLTI0LjczNDEiIHgyPSItODEwLjM4ODEiIHkyPSItMjYuMTM5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDExNi4xMzQ2IDAgMCA0OS41MjM2IDk0MjE1LjE2NDEgMTI4MS4zOTk5KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0RFREVERTtzdG9wLW9wYWNpdHk6MCIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNBOUE5QTk7c3RvcC1vcGFjaXR5OjAuMyIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00My4yLDIyLjljMi02LjQsMy45LTEwLjQsNS42LTExLjljNC44LTQuMywxMS41LTIsMTIuOS0xLjZjNSwxLjIsMy40LTYuNiw3LjYtOC4yYzIuOC0xLjEsNS4yLDAuMiw3LDMuOQoJCWMxLjYtMy40LDQuMS01LDcuNC00LjdjNSwwLjQsNi43LDE3LjMsMTMuNiwxMy42YzYuOC0zLjcsMTUuMi00LjUsMTguOCwwLjljMC44LDEuMiwxLjEtMC43LDYuMy02LjljNS4zLTYuMywxMC41LTksMjEuMy01LjQKCQljNC45LDEuNyw4LjksNi4yLDEyLjEsMTMuNWMwLDEwLjUsNy43LDE2LjcsMjMuMSwxOC42YzIzLjEsMi45LDUuMiwyNy43LTIzLjEsMzVDMTI3LjUsNzcsNjIuNCw4MC45LDI3LDYyLjUKCQlDMy41LDUwLjIsOC45LDM3LDQzLjIsMjIuOUw0My4yLDIyLjl6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii04MDIuNDU1NSIgeTE9IjI3LjUxNTMiIHgyPSItODAyLjQ1NTUiIHkyPSIyNS45OTIxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDU1Ljk3NCAwIDAgMTIuOTU2IDQ1MDE3Ljc0NjEgLTI0MS4wMzcxKSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRjtzdG9wLW9wYWNpdHk6MCIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM5NkExQzU7c3RvcC1vcGFjaXR5OjAuMzczIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9IjEwMS4xIiBjeT0iMTA1LjYiIHJ4PSI0Mi42IiByeT0iOS45Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii04MTEuMTE4OCIgeTE9IjguNjczMiIgeDI9Ii04MTEuMTE4OCIgeTI9IjYuODUwNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxMjguOTQ4OSAwIDAgMTcuNzc4NCAxMDQ2OTQuODIwMyAtMzMuMTI0KSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRjtzdG9wLW9wYWNpdHk6MCIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM5MTkxOTE7c3RvcC1vcGFjaXR5OjAuMTUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTczLjEsMTE3LjljLTMyLjEsOC0xNDEuNC0xLjItMTUzLjEtNS40Yy01LjctMi0xMC44LTUuOS0xNS4zLTExLjVjLTEuNS0xLjgtMS4yLTQuNiwwLjYtNgoJCUM2LjEsOTQuNCw3LDk0LDgsOTRoMTkxLjJDMjAzLjIsMTA0LjYsMTk0LjUsMTEyLjYsMTczLjEsMTE3Ljl6Ii8+Cgk8Zz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNzk4LjAyMDMiIHkxPSI1LjM2NDIiIHgyPSItNzk4LjAyMDMiIHkyPSI2LjA0ODciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoNDMuMzk2IDAgMCAxOC4xOTYgMzQ3MzEuNjM2NyAtMzYuODI0NSkiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojNTM4OUY1Ii8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM0MTZGREMiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xMzMuOCw3OS4ybC0xNC42LTE3Yy0wLjctMC44LTEuNy0xLjMtMi44LTEuM0g4NS4xYy0xLjEsMC0yLjEsMC41LTIuOCwxLjNsLTE0LjYsMTd2OS40aDY2LjEKCQkJQzEzMy44LDg4LjUsMTMzLjgsNzkuMiwxMzMuOCw3OS4yeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzVfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii03OTUuMTk5NSIgeTE9IjE0LjQ0MSIgeDI9Ii03OTUuMTk5NSIgeTI9IjEyLjgzNjkiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMzcuOTcyIDAgMCAxNS44MjcxIDMwMjk2LjA2NDUgLTEzMS41Nzc3KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNEQ0U5RkYiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0I2Q0ZGRiIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyOS43LDg4LjlsLTEyLjgtMTQuOGMtMC42LTAuNy0xLjUtMS4xLTIuNS0xLjFIODcuMWMtMC45LDAtMS45LDAuNC0yLjUsMS4xTDcxLjgsODguOXY4LjJoNTcuOAoJCQlDMTI5LjcsOTcsMTI5LjcsODguOSwxMjkuNyw4OC45eiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii03OTguMDE5NiIgeTE9IjEyLjc1NDYiIHgyPSItNzk4LjAxOTYiIHkyPSIxNC4yNzc3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQzLjM5NyAwIDAgMTUuOTEyIDM0NzMyLjQ1NyAtMTIzLjcxMTkpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzdDQTVGNyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQzRENkZDIi8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMTMzLjgsOTkuM2MwLDEuMy0wLjYsMi41LTEuNSwzLjNsLTAuMiwwLjJjLTAuNywwLjYtMS42LDAuOS0yLjUsMC45SDcyYy0wLjUsMC0xLTAuMS0xLjUtMC4zbC0wLjItMC4xCgkJCWMtMS41LTAuNy0yLjUtMi4yLTIuNS0zLjl2LTIwaDE2YzEuOCwwLDMuMiwxLjUsMy4yLDMuMmwwLDBjMCwxLjgsMS40LDMuMiwzLjIsMy4yaDIxLjJjMS44LDAsMy4yLTEuNCwzLjItMy4yCgkJCWMwLTEuOCwxLjQtMy4yLDMuMi0zLjJoMTZMMTMzLjgsOTkuM3oiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K";
 const emptyProps = runtime.buildProps({
+  /**
+   * @description 文字标题内容
+   */
+  title: {
+    type: runtime.definePropType(String),
+    default: ""
+  },
   /**
    * @description 容器的宽度
    */