@qxs-bns/components 0.0.19 → 0.0.20

package/es/src/photo-crop-tool/src/composables.js

@@ -0,0 +1,56 @@
+function useCanvas(canvasElement) {
+  const context = ref(null);
+  if (canvasElement) {
+    context.value = canvasElement.getContext("2d");
+  }
+  const clearCanvas = () => {
+    if (context.value) {
+      context.value.clearRect(0, 0, canvasElement.width, canvasElement.height);
+    }
+  };
+  const drawColor = (x, y, width, height, color) => {
+    if (context.value) {
+      context.value.fillStyle = color;
+      context.value.fillRect(x, y, width, height);
+    }
+  };
+  const drawImage = (image, x, y, width, height) => {
+    context.value.drawImage(image, x, y, width, height);
+  };
+  const cropCanvas = (x, y, width, height) => {
+    return new Promise(resolve => {
+      if (context.value) {
+        const croppedCanvas = document.createElement("canvas");
+        croppedCanvas.width = width;
+        croppedCanvas.height = height;
+        const croppedContext = croppedCanvas.getContext("2d");
+        if (croppedContext) {
+          croppedContext.drawImage(canvasElement, x, y, width, height, 0, 0, width, height);
+          croppedCanvas.toBlob(blob => {
+            if (blob) {
+              const file = new File([blob], "cropped_image.png", {
+                type: "image/png"
+              });
+              resolve(file);
+            } else {
+              resolve(null);
+            }
+          }, "image/png");
+        } else {
+          resolve(null);
+        }
+      } else {
+        resolve(null);
+      }
+    });
+  };
+  return {
+    clearCanvas,
+    drawColor,
+    drawImage,
+    cropCanvas
+  };
+}
+
+export { useCanvas };
+//# sourceMappingURL=composables.js.map

package/es/src/photo-crop-tool/src/composables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composables.js","sources":["../../../../../../packages/components/src/photo-crop-tool/src/composables.ts"],"sourcesContent":["// useCanvas.ts\nimport type { Ref } from 'vue'\n\nexport function useCanvas(canvasElement: HTMLCanvasElement) {\n  const context: Ref<CanvasRenderingContext2D | null> = ref(null)\n\n  if (canvasElement) {\n    context.value = canvasElement.getContext('2d')\n  }\n\n  const clearCanvas = () => {\n    if (context.value) {\n      context.value.clearRect(0, 0, canvasElement.width, canvasElement.height)\n    }\n  }\n\n  const drawColor = (x: number, y: number, width: number, height: number, color: string) => {\n    if (context.value) {\n      context.value.fillStyle = color\n      context.value.fillRect(x, y, width, height)\n    }\n  }\n\n  const drawImage = (image: HTMLImageElement, x: number, y: number, width: number, height: number) => {\n    context.value!.drawImage(image, x, y, width, height)\n  }\n\n  const cropCanvas = (x: number, y: number, width: number, height: number): Promise<File | null> => {\n    return new Promise((resolve) => {\n      if (context.value) {\n        const croppedCanvas = document.createElement('canvas')\n        croppedCanvas.width = width\n        croppedCanvas.height = height\n        const croppedContext = croppedCanvas.getContext('2d')\n        if (croppedContext) {\n          croppedContext.drawImage(canvasElement, x, y, width, height, 0, 0, width, height)\n          croppedCanvas.toBlob((blob) => {\n            if (blob) {\n              const file = new File([blob], 'cropped_image.png', { type: 'image/png' })\n              resolve(file)\n            }\n            else {\n              resolve(null)\n            }\n          }, 'image/png')\n        }\n        else {\n          resolve(null)\n        }\n      }\n      else {\n        resolve(null)\n      }\n    })\n  }\n\n  return {\n    clearCanvas,\n    drawColor,\n    drawImage,\n    cropCanvas,\n  }\n}\n"],"names":["useCanvas","canvasElement","context","ref","value","getContext","clearCanvas","clearRect","width","height","drawColor","x","y","color","fillStyle","fillRect","drawImage","image","cropCanvas","Promise","resolve","croppedCanvas","document","createElement","croppedContext","toBlob","blob","file","File","type"],"mappings":"AAGO,SAASA,UAAUC,aAAkC,EAAA;AACpD,EAAA,MAAAC,OAAA,GAAgDC,IAAI,IAAI,CAAA;AAE9D,EAAA,IAAIF,aAAe,EAAA;IACTC,OAAA,CAAAE,KAAA,GAAQH,aAAc,CAAAI,UAAA,CAAW,IAAI,CAAA;AAC/C;EAEA,MAAMC,cAAcA,MAAM;IACxB,IAAIJ,QAAQE,KAAO,EAAA;AACjBF,MAAAA,OAAA,CAAQE,MAAMG,SAAU,CAAA,CAAA,EAAG,GAAGN,aAAc,CAAAO,KAAA,EAAOP,cAAcQ,MAAM,CAAA;AACzE;GACF;AAEA,EAAA,MAAMC,YAAYA,CAACC,CAAA,EAAWC,CAAW,EAAAJ,KAAA,EAAeC,QAAgBI,KAAkB,KAAA;IACxF,IAAIX,QAAQE,KAAO,EAAA;AACjBF,MAAAA,OAAA,CAAQE,MAAMU,SAAY,GAAAD,KAAA;AAC1BX,MAAAA,OAAA,CAAQE,KAAM,CAAAW,QAAA,CAASJ,CAAG,EAAAC,CAAA,EAAGJ,OAAOC,MAAM,CAAA;AAC5C;GACF;AAEA,EAAA,MAAMO,YAAYA,CAACC,KAAA,EAAyBN,CAAW,EAAAC,CAAA,EAAWJ,OAAeC,MAAmB,KAAA;AAClGP,IAAAA,OAAA,CAAQE,MAAOY,SAAU,CAAAC,KAAA,EAAON,CAAG,EAAAC,CAAA,EAAGJ,OAAOC,MAAM,CAAA;GACrD;EAEA,MAAMS,UAAa,GAAAA,CAACP,CAAW,EAAAC,CAAA,EAAWJ,OAAeC,MAAyC,KAAA;AACzF,IAAA,OAAA,IAAIU,OAAQ,CAACC,OAAY,IAAA;MAC9B,IAAIlB,QAAQE,KAAO,EAAA;AACX,QAAA,MAAAiB,aAAA,GAAgBC,QAAS,CAAAC,aAAA,CAAc,QAAQ,CAAA;QACrDF,aAAA,CAAcb,KAAQ,GAAAA,KAAA;QACtBa,aAAA,CAAcZ,MAAS,GAAAA,MAAA;AACjB,QAAA,MAAAe,cAAA,GAAiBH,aAAc,CAAAhB,UAAA,CAAW,IAAI,CAAA;AACpD,QAAA,IAAImB,cAAgB,EAAA;UACHA,cAAA,CAAAR,SAAA,CAAUf,eAAeU,CAAG,EAAAC,CAAA,EAAGJ,OAAOC,MAAQ,EAAA,CAAA,EAAG,CAAG,EAAAD,KAAA,EAAOC,MAAM,CAAA;AAClEY,UAAAA,aAAA,CAAAI,MAAA,CAAQC,IAAS,IAAA;AAC7B,YAAA,IAAIA,IAAM,EAAA;cACF,MAAAC,IAAA,GAAO,IAAIC,IAAA,CAAK,CAACF,IAAI,GAAG,mBAAqB,EAAA;AAAEG,gBAAAA,IAAM,EAAA;AAAY,eAAC,CAAA;cACxET,OAAA,CAAQO,IAAI,CAAA;AACd,aACK,MAAA;cACHP,OAAA,CAAQ,IAAI,CAAA;AACd;aACC,WAAW,CAAA;AAChB,SACK,MAAA;UACHA,OAAA,CAAQ,IAAI,CAAA;AACd;AACF,OACK,MAAA;QACHA,OAAA,CAAQ,IAAI,CAAA;AACd;AACF,KAAC,CAAA;GACH;EAEO,OAAA;IACLd,WAAA;IACAI,SAAA;IACAM,SAAA;AACAE,IAAAA;GACF;AACF;;;;"}

package/es/src/photo-crop-tool/src/photo-crop-tool.vue.js

@@ -0,0 +1,399 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, toDisplayString, Fragment, createElementVNode, normalizeStyle } from 'vue';
+import { useNamespace } from '@qxs-bns/hooks';
+import { useElementSize, useDraggable } from '@vueuse/core';
+import { useCanvas } from './composables.js';
+
+const _hoisted_1 = ["src"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "QxsPhotoCropTool"
+  },
+  __name: "photo-crop-tool",
+  props: {
+    imgFile: {
+      type: Object,
+      default: () => null
+    },
+    aspectRatio: {
+      type: String,
+      default: () => "16 / 9"
+    },
+    defaultWidth: {
+      type: Number,
+      default: () => 320
+    },
+    defaultHeight: {
+      type: Number,
+      default: () => 180
+    },
+    /**
+     * free 自由缩放
+     * fixed 固定比例缩放
+     */
+    zoomType: {
+      type: String,
+      default: () => "fixed"
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    let startX = 0;
+    let startY = 0;
+    let startWidth = 0;
+    let startHeight = 0;
+    const ns = useNamespace("photo-crop-tool");
+    const cropBoxRef = ref(null);
+    const containerBoxRef = ref(null);
+    const imgRef = ref(null);
+    const errorMessage = ref("");
+    const dargPoint = ref("");
+    const initialValue = ref({
+      x: 0,
+      y: 0
+    });
+    const cropInfo = ref({
+      width: props.defaultWidth,
+      height: props.defaultHeight,
+      x: 0,
+      y: 0
+    });
+    const { width, height } = useElementSize(cropBoxRef);
+    const { width: imgWidth } = useElementSize(imgRef);
+    const { x, y, style } = useDraggable(cropBoxRef, {
+      containerElement: containerBoxRef,
+      draggingElement: cropBoxRef,
+      disabled: computed(() => !!dargPoint.value),
+      exact: true,
+      initialValue
+    });
+    const imageUrl = computed(() => {
+      if (!props.imgFile) {
+        return "";
+      }
+      return URL.createObjectURL(props.imgFile);
+    });
+    watch(
+      () => props.imgFile,
+      (newFile) => {
+        if (newFile && !newFile.type.startsWith("image/")) {
+          errorMessage.value = "\u6587\u4EF6\u7C7B\u578B\u9519\u8BEF";
+        } else {
+          errorMessage.value = "";
+        }
+      }
+    );
+    const ratio = computed(() => {
+      return (imgRef.value?.naturalWidth || 0) / imgWidth.value;
+    });
+    const customStyle = computed(() => {
+      const position = {
+        left: 0,
+        top: 0
+      };
+      if (dargPoint.value === "bottom-right") {
+        position.left = cropInfo.value.x;
+        position.top = cropInfo.value.y;
+      } else if (dargPoint.value === "top-left") {
+        position.left = cropInfo.value.x - width.value;
+        position.top = cropInfo.value.y - height.value;
+      } else if (dargPoint.value === "top-right") {
+        position.top = cropInfo.value.y - height.value;
+        position.left = cropInfo.value.x;
+      } else if (dargPoint.value === "bottom-left") {
+        position.left = cropInfo.value.x - width.value;
+        position.top = cropInfo.value.y;
+      }
+      return position;
+    });
+    const sizeStyle = computed(() => {
+      const { aspectRatio } = props;
+      const style2 = {
+        "width": `${cropInfo.value.width || props.defaultWidth}`,
+        "height": `${cropInfo.value.height || props.defaultHeight}`,
+        "aspect-ratio": aspectRatio,
+        "top": `${customStyle.value.top}px`,
+        "left": `${customStyle.value.left}px`
+      };
+      if (props.zoomType === "free") {
+        delete style2["aspect-ratio"];
+      } else if (props.zoomType === "fixed") {
+        delete style2.height;
+      }
+      return ns.cssVarBlock(style2);
+    });
+    function zoom(pixel) {
+      return pixel * ratio.value;
+    }
+    async function crop(img = imgRef.value) {
+      let backgroundColor = "transparent";
+      if (containerBoxRef.value) {
+        backgroundColor = window.getComputedStyle(
+          containerBoxRef.value
+        ).backgroundColor;
+      }
+      const canvas = document.createElement("canvas");
+      canvas.width = zoom(containerBoxRef.value?.clientWidth || 0);
+      canvas.height = zoom(containerBoxRef.value?.clientHeight || 0);
+      const { drawImage, cropCanvas, drawColor } = useCanvas(canvas);
+      drawColor(0, 0, canvas.width, canvas.height, backgroundColor);
+      drawImage(
+        img,
+        zoom(img.offsetLeft),
+        zoom(img.offsetTop),
+        img.naturalWidth,
+        img.naturalHeight
+      );
+      return await cropCanvas(
+        zoom(x.value),
+        zoom(y.value),
+        zoom(width.value),
+        zoom(height.value)
+      );
+    }
+    function checkBoundaries(newWidth, newHeight) {
+      const maxWidth = containerBoxRef.value?.clientWidth || Infinity;
+      const maxHeight = containerBoxRef.value?.clientHeight || Infinity;
+      return {
+        width: Math.min(Math.max(newWidth, 0), maxWidth),
+        height: Math.min(Math.max(newHeight, 0), maxHeight)
+      };
+    }
+    function mousemove(e) {
+      const deltaX = e.clientX - startX;
+      const deltaY = e.clientY - startY;
+      if (dargPoint.value === "bottom-right") {
+        if (props.zoomType === "free") {
+          const { width: width2, height: height2 } = checkBoundaries(
+            startWidth + deltaX,
+            startHeight + deltaY
+          );
+          cropInfo.value.width = width2;
+          cropInfo.value.height = height2;
+        } else if (props.zoomType === "fixed") {
+          const aspectRatio = Number.parseFloat(props.aspectRatio.split(" / ")[0]) / Number.parseFloat(props.aspectRatio.split(" / ")[1]);
+          let newWidth = startWidth + deltaX;
+          let newHeight = newWidth / aspectRatio;
+          const { width: width2, height: height2 } = checkBoundaries(newWidth, newHeight);
+          if (height2 > (containerBoxRef.value?.clientHeight || Infinity)) {
+            newHeight = containerBoxRef.value?.clientHeight || Infinity;
+            newWidth = newHeight * aspectRatio;
+          }
+          cropInfo.value.width = width2;
+          cropInfo.value.height = height2;
+        }
+      } else if (dargPoint.value === "top-left") {
+        if (props.zoomType === "free") {
+          const { width: width2, height: height2 } = checkBoundaries(
+            startWidth - deltaX,
+            startHeight - deltaY
+          );
+          cropInfo.value.width = width2;
+          cropInfo.value.height = height2;
+        } else if (props.zoomType === "fixed") {
+          const aspectRatio = Number.parseFloat(props.aspectRatio.split(" / ")[0]) / Number.parseFloat(props.aspectRatio.split(" / ")[1]);
+          let newWidth = startWidth - deltaX;
+          let newHeight = newWidth / aspectRatio;
+          const { width: width2, height: height2 } = checkBoundaries(newWidth, newHeight);
+          if (height2 > (containerBoxRef.value?.clientHeight || Infinity)) {
+            newHeight = containerBoxRef.value?.clientHeight || Infinity;
+            newWidth = newHeight * aspectRatio;
+          }
+          cropInfo.value.width = width2;
+          cropInfo.value.height = height2;
+        }
+        x.value = customStyle.value.left;
+        y.value = customStyle.value.top;
+      } else if (dargPoint.value === "top-right") {
+        if (props.zoomType === "free") {
+          const { width: width2, height: height2 } = checkBoundaries(
+            startWidth + deltaX,
+            startHeight - deltaY
+          );
+          cropInfo.value.width = width2;
+          cropInfo.value.height = height2;
+        } else if (props.zoomType === "fixed") {
+          const aspectRatio = Number.parseFloat(props.aspectRatio.split(" / ")[0]) / Number.parseFloat(props.aspectRatio.split(" / ")[1]);
+          let newWidth = startWidth + deltaX;
+          let newHeight = newWidth / aspectRatio;
+          const { width: width2, height: height2 } = checkBoundaries(newWidth, newHeight);
+          if (height2 > (containerBoxRef.value?.clientHeight || Infinity)) {
+            newHeight = containerBoxRef.value?.clientHeight || Infinity;
+            newWidth = newHeight * aspectRatio;
+          }
+          cropInfo.value.width = width2;
+          cropInfo.value.height = height2;
+        }
+        x.value = customStyle.value.left;
+        y.value = customStyle.value.top;
+      } else if (dargPoint.value === "bottom-left") {
+        if (props.zoomType === "free") {
+          const { width: width2, height: height2 } = checkBoundaries(
+            startWidth - deltaX,
+            startHeight + deltaY
+          );
+          cropInfo.value.width = width2;
+          cropInfo.value.height = height2;
+        } else if (props.zoomType === "fixed") {
+          const aspectRatio = Number.parseFloat(props.aspectRatio.split(" / ")[0]) / Number.parseFloat(props.aspectRatio.split(" / ")[1]);
+          let newWidth = startWidth - deltaX;
+          let newHeight = newWidth / aspectRatio;
+          const { width: width2, height: height2 } = checkBoundaries(newWidth, newHeight);
+          if (height2 > (containerBoxRef.value?.clientHeight || Infinity)) {
+            newHeight = containerBoxRef.value?.clientHeight || Infinity;
+            newWidth = newHeight * aspectRatio;
+          }
+          cropInfo.value.width = width2;
+          cropInfo.value.height = height2;
+        }
+        x.value = customStyle.value.left;
+        y.value = customStyle.value.top;
+      }
+      e.preventDefault();
+      e.stopPropagation();
+    }
+    function mousedown(e, point) {
+      dargPoint.value = point;
+      startX = e.clientX;
+      startY = e.clientY;
+      startWidth = cropInfo.value.width;
+      startHeight = cropInfo.value.height;
+      if (point === "bottom-right") {
+        cropInfo.value.x = x.value;
+        cropInfo.value.y = y.value;
+      } else if (point === "top-left") {
+        cropInfo.value.x = x.value + width.value;
+        cropInfo.value.y = y.value + height.value;
+      } else if (point === "top-right") {
+        cropInfo.value.x = x.value;
+        cropInfo.value.y = y.value + height.value;
+      } else if (point === "bottom-left") {
+        cropInfo.value.x = x.value + width.value;
+        cropInfo.value.y = y.value;
+      }
+    }
+    function mouseup() {
+      dargPoint.value = "";
+    }
+    function resize() {
+      cropInfo.value.width = props.defaultWidth;
+      cropInfo.value.height = props.defaultHeight;
+      x.value = 0;
+      y.value = 0;
+    }
+    document.addEventListener("mouseup", mouseup);
+    document.addEventListener("mousemove", mousemove);
+    onMounted(() => {
+      nextTick(() => {
+        initialValue.value.x = (containerBoxRef.value?.offsetWidth || 0) / 2 - cropInfo.value.width / 2;
+        initialValue.value.y = (containerBoxRef.value?.offsetHeight || 0) / 2 - cropInfo.value.height / 2;
+      });
+    });
+    onUnmounted(() => {
+      if (imageUrl.value) {
+        URL.revokeObjectURL(imageUrl.value);
+      }
+      document.removeEventListener("mouseup", mouseup);
+      document.removeEventListener("mousemove", mousemove);
+    });
+    __expose({
+      crop,
+      resize
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "containerBoxRef",
+          ref: containerBoxRef,
+          class: normalizeClass([unref(ns).e("img-box")])
+        },
+        [
+          unref(errorMessage) ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass([unref(ns).e("error-message")])
+            },
+            toDisplayString(unref(errorMessage)),
+            3
+            /* TEXT, CLASS */
+          )) : (openBlock(), createElementBlock(
+            Fragment,
+            { key: 1 },
+            [
+              createElementVNode("img", {
+                ref_key: "imgRef",
+                ref: imgRef,
+                class: normalizeClass([unref(ns).e("image")]),
+                src: unref(imageUrl)
+              }, null, 10, _hoisted_1),
+              createElementVNode(
+                "div",
+                {
+                  ref_key: "cropBoxRef",
+                  ref: cropBoxRef,
+                  class: normalizeClass([unref(ns).e("crop-tool-box")]),
+                  style: normalizeStyle([
+                    unref(sizeStyle),
+                    unref(dargPoint) ? `left: ${unref(customStyle).left}px;top: ${unref(customStyle).top}px` : unref(style)
+                  ])
+                },
+                [
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass([unref(ns).e("top-left")]),
+                      onMousedown: _cache[0] || (_cache[0] = ($event) => mousedown($event, "top-left"))
+                    },
+                    null,
+                    34
+                    /* CLASS, NEED_HYDRATION */
+                  ),
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass([unref(ns).e("top-right")]),
+                      onMousedown: _cache[1] || (_cache[1] = ($event) => mousedown($event, "top-right"))
+                    },
+                    null,
+                    34
+                    /* CLASS, NEED_HYDRATION */
+                  ),
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass([unref(ns).e("bottom-right")]),
+                      onMousedown: _cache[2] || (_cache[2] = ($event) => mousedown($event, "bottom-right"))
+                    },
+                    null,
+                    34
+                    /* CLASS, NEED_HYDRATION */
+                  ),
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass([unref(ns).e("bottom-left")]),
+                      onMousedown: _cache[3] || (_cache[3] = ($event) => mousedown($event, "bottom-left"))
+                    },
+                    null,
+                    34
+                    /* CLASS, NEED_HYDRATION */
+                  )
+                ],
+                6
+                /* CLASS, STYLE */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=photo-crop-tool.vue.js.map

package/es/src/photo-crop-tool/src/photo-crop-tool.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"photo-crop-tool.vue.js","sources":["../../../../../../packages/components/src/photo-crop-tool/src/photo-crop-tool.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { useDraggable, useElementSize } from '@vueuse/core'\nimport { useCanvas } from './composables'\n\ndefineOptions({\n  name: 'QxsPhotoCropTool',\n})\n\nconst props = defineProps({\n  imgFile: {\n    type: Object as PropType<File>,\n    default: () => null,\n  },\n  aspectRatio: {\n    type: String,\n    default: () => '16 / 9',\n  },\n  defaultWidth: {\n    type: Number,\n    default: () => 320,\n  },\n  defaultHeight: {\n    type: Number,\n    default: () => 180,\n  },\n  /**\n   * free 自由缩放\n   * fixed 固定比例缩放\n   */\n  zoomType: {\n    type: String,\n    default: () => 'fixed',\n  },\n})\nlet startX = 0\nlet startY = 0\nlet startWidth = 0\nlet startHeight = 0\n\nconst ns = useNamespace('photo-crop-tool')\n\nconst cropBoxRef = ref<HTMLElement | null>(null)\nconst containerBoxRef = ref<HTMLElement | null>(null)\nconst imgRef = ref<HTMLImageElement | null>(null)\nconst errorMessage = ref('')\nconst dargPoint = ref('')\nconst initialValue = ref({\n  x: 0,\n  y: 0,\n})\nconst cropInfo = ref({\n  width: props.defaultWidth,\n  height: props.defaultHeight,\n  x: 0,\n  y: 0,\n})\n\nconst { width, height } = useElementSize(cropBoxRef)\nconst { width: imgWidth } = useElementSize(imgRef)\n\nconst { x, y, style } = useDraggable(cropBoxRef, {\n  containerElement: containerBoxRef,\n  draggingElement: cropBoxRef,\n  disabled: computed(() => !!dargPoint.value),\n  exact: true,\n  initialValue,\n})\n\nconst imageUrl = computed(() => {\n  if (!props.imgFile) {\n    return ''\n  }\n  return URL.createObjectURL(props.imgFile)\n})\n\nwatch(\n  () => props.imgFile,\n  (newFile: File | null) => {\n    if (newFile && !newFile.type.startsWith('image/')) {\n      errorMessage.value = '文件类型错误'\n    }\n    else {\n      errorMessage.value = ''\n    }\n  },\n)\n\nconst ratio = computed(() => {\n  return (imgRef.value?.naturalWidth || 0) / imgWidth.value\n})\n\nconst customStyle = computed(() => {\n  const position = {\n    left: 0,\n    top: 0,\n  }\n  if (dargPoint.value === 'bottom-right') {\n    position.left = cropInfo.value.x\n    position.top = cropInfo.value.y\n  }\n  else if (dargPoint.value === 'top-left') {\n    position.left = cropInfo.value.x - width.value\n    position.top = cropInfo.value.y - height.value\n  }\n  else if (dargPoint.value === 'top-right') {\n    position.top = cropInfo.value.y - height.value\n    position.left = cropInfo.value.x\n  }\n  else if (dargPoint.value === 'bottom-left') {\n    position.left = cropInfo.value.x - width.value\n    position.top = cropInfo.value.y\n  }\n  return position\n})\n\nconst sizeStyle = computed(() => {\n  const { aspectRatio } = props\n\n  const style: {\n    'height'?: string\n    'width': string\n    'aspect-ratio'?: string\n    'top': string\n    'left': string\n  } = {\n    'width': `${cropInfo.value.width || props.defaultWidth}`,\n    'height': `${cropInfo.value.height || props.defaultHeight}`,\n    'aspect-ratio': aspectRatio,\n    'top': `${customStyle.value.top}px`,\n    'left': `${customStyle.value.left}px`,\n  }\n  if (props.zoomType === 'free') {\n    delete style['aspect-ratio']\n  }\n  else if (props.zoomType === 'fixed') {\n    delete style.height\n  }\n  return ns.cssVarBlock(style)\n})\n\nfunction zoom(pixel: number) {\n  return pixel * ratio.value\n}\nasync function crop(img: HTMLImageElement = imgRef.value!) {\n  let backgroundColor = 'transparent'\n  if (containerBoxRef.value) {\n    backgroundColor = window.getComputedStyle(\n      containerBoxRef.value,\n    ).backgroundColor\n  }\n  const canvas = document.createElement('canvas')\n  canvas.width = zoom(containerBoxRef.value?.clientWidth || 0)\n  canvas.height = zoom(containerBoxRef.value?.clientHeight || 0)\n  const { drawImage, cropCanvas, drawColor } = useCanvas(canvas)\n  drawColor(0, 0, canvas.width, canvas.height, backgroundColor)\n  drawImage(\n    img,\n    zoom(img.offsetLeft),\n    zoom(img.offsetTop),\n    img.naturalWidth,\n    img.naturalHeight,\n  )\n  return await cropCanvas(\n    zoom(x.value),\n    zoom(y.value),\n    zoom(width.value),\n    zoom(height.value),\n  )\n}\n\nfunction checkBoundaries(\n  newWidth: number,\n  newHeight: number,\n): { width: number, height: number } {\n  const maxWidth = containerBoxRef.value?.clientWidth || Infinity\n  const maxHeight = containerBoxRef.value?.clientHeight || Infinity\n\n  return {\n    width: Math.min(Math.max(newWidth, 0), maxWidth),\n    height: Math.min(Math.max(newHeight, 0), maxHeight),\n  }\n}\n\nfunction mousemove(e: MouseEvent) {\n  const deltaX = e.clientX - startX\n  const deltaY = e.clientY - startY\n\n  if (dargPoint.value === 'bottom-right') {\n    if (props.zoomType === 'free') {\n      const { width, height } = checkBoundaries(\n        startWidth + deltaX,\n        startHeight + deltaY,\n      )\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    else if (props.zoomType === 'fixed') {\n      const aspectRatio\n        = Number.parseFloat(props.aspectRatio.split(' / ')[0])\n        / Number.parseFloat(props.aspectRatio.split(' / ')[1])\n      let newWidth = startWidth + deltaX\n      let newHeight = newWidth / aspectRatio\n      const { width, height } = checkBoundaries(newWidth, newHeight)\n      if (height > (containerBoxRef.value?.clientHeight || Infinity)) {\n        newHeight = containerBoxRef.value?.clientHeight || Infinity\n        newWidth = newHeight * aspectRatio\n      }\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n  }\n  else if (dargPoint.value === 'top-left') {\n    if (props.zoomType === 'free') {\n      const { width, height } = checkBoundaries(\n        startWidth - deltaX,\n        startHeight - deltaY,\n      )\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    else if (props.zoomType === 'fixed') {\n      const aspectRatio\n        = Number.parseFloat(props.aspectRatio.split(' / ')[0])\n        / Number.parseFloat(props.aspectRatio.split(' / ')[1])\n      let newWidth = startWidth - deltaX\n      let newHeight = newWidth / aspectRatio\n      const { width, height } = checkBoundaries(newWidth, newHeight)\n      if (height > (containerBoxRef.value?.clientHeight || Infinity)) {\n        newHeight = containerBoxRef.value?.clientHeight || Infinity\n        newWidth = newHeight * aspectRatio\n      }\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    x.value = customStyle.value.left\n    y.value = customStyle.value.top\n  }\n  else if (dargPoint.value === 'top-right') {\n    if (props.zoomType === 'free') {\n      const { width, height } = checkBoundaries(\n        startWidth + deltaX,\n        startHeight - deltaY,\n      )\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    else if (props.zoomType === 'fixed') {\n      const aspectRatio\n        = Number.parseFloat(props.aspectRatio.split(' / ')[0])\n        / Number.parseFloat(props.aspectRatio.split(' / ')[1])\n      let newWidth = startWidth + deltaX\n      let newHeight = newWidth / aspectRatio\n      const { width, height } = checkBoundaries(newWidth, newHeight)\n      if (height > (containerBoxRef.value?.clientHeight || Infinity)) {\n        newHeight = containerBoxRef.value?.clientHeight || Infinity\n        newWidth = newHeight * aspectRatio\n      }\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    x.value = customStyle.value.left\n    y.value = customStyle.value.top\n  }\n  else if (dargPoint.value === 'bottom-left') {\n    if (props.zoomType === 'free') {\n      const { width, height } = checkBoundaries(\n        startWidth - deltaX,\n        startHeight + deltaY,\n      )\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    else if (props.zoomType === 'fixed') {\n      const aspectRatio\n        = Number.parseFloat(props.aspectRatio.split(' / ')[0])\n        / Number.parseFloat(props.aspectRatio.split(' / ')[1])\n      let newWidth = startWidth - deltaX\n      let newHeight = newWidth / aspectRatio\n      const { width, height } = checkBoundaries(newWidth, newHeight)\n      if (height > (containerBoxRef.value?.clientHeight || Infinity)) {\n        newHeight = containerBoxRef.value?.clientHeight || Infinity\n        newWidth = newHeight * aspectRatio\n      }\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    x.value = customStyle.value.left\n    y.value = customStyle.value.top\n  }\n  e.preventDefault()\n  e.stopPropagation()\n}\n\nfunction mousedown(e: MouseEvent, point: string) {\n  dargPoint.value = point\n  startX = e.clientX\n  startY = e.clientY\n  startWidth = cropInfo.value.width\n  startHeight = cropInfo.value.height\n\n  if (point === 'bottom-right') {\n    cropInfo.value.x = x.value\n    cropInfo.value.y = y.value\n  }\n  else if (point === 'top-left') {\n    cropInfo.value.x = x.value + width.value\n    cropInfo.value.y = y.value + height.value\n  }\n  else if (point === 'top-right') {\n    cropInfo.value.x = x.value\n    cropInfo.value.y = y.value + height.value\n  }\n  else if (point === 'bottom-left') {\n    cropInfo.value.x = x.value + width.value\n    cropInfo.value.y = y.value\n  }\n}\n\nfunction mouseup() {\n  dargPoint.value = ''\n}\n\nfunction resize() {\n  cropInfo.value.width = props.defaultWidth\n  cropInfo.value.height = props.defaultHeight\n  x.value = 0\n  y.value = 0\n}\n\ndocument.addEventListener('mouseup', mouseup)\ndocument.addEventListener('mousemove', mousemove)\n\nonMounted(() => {\n  nextTick(() => {\n    // 初始化位置\n    initialValue.value.x\n      = (containerBoxRef.value?.offsetWidth || 0) / 2 - cropInfo.value.width / 2\n    initialValue.value.y\n      = (containerBoxRef.value?.offsetHeight || 0) / 2\n      - cropInfo.value.height / 2\n  })\n})\n\nonUnmounted(() => {\n  if (imageUrl.value) {\n    URL.revokeObjectURL(imageUrl.value)\n  }\n  document.removeEventListener('mouseup', mouseup)\n  document.removeEventListener('mousemove', mousemove)\n})\n\ndefineExpose({\n  crop,\n  resize,\n})\n</script>\n\n<template>\n  <div ref=\"containerBoxRef\" :class=\"[ns.e('img-box')]\">\n    <div v-if=\"errorMessage\" :class=\"[ns.e('error-message')]\">\n      {{ errorMessage }}\n    </div>\n    <template v-else>\n      <img\n        ref=\"imgRef\"\n        :class=\"[ns.e('image')]\"\n        :src=\"imageUrl\"\n      >\n      <div\n        ref=\"cropBoxRef\"\n        :class=\"[ns.e('crop-tool-box')]\"\n        :style=\"[\n          sizeStyle,\n          dargPoint\n            ? `left: ${customStyle.left}px;top: ${customStyle.top}px`\n            : style,\n        ]\"\n      >\n        <div\n          :class=\"[ns.e('top-left')]\"\n          @mousedown=\"mousedown($event, 'top-left')\"\n        />\n        <div\n          :class=\"[ns.e('top-right')]\"\n          @mousedown=\"mousedown($event, 'top-right')\"\n        />\n        <div\n          :class=\"[ns.e('bottom-right')]\"\n          @mousedown=\"mousedown($event, 'bottom-right')\"\n        />\n        <div\n          :class=\"[ns.e('bottom-left')]\"\n          @mousedown=\"mousedown($event, 'bottom-left')\"\n        />\n      </div>\n    </template>\n  </div>\n</template>\n"],"names":["style","width","height"],"mappings":"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"}

package/es/src/photo-crop-tool/src/photo-crop-tool.vue2.js

@@ -0,0 +1,6 @@
+import _sfc_main from './photo-crop-tool.vue.js';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=photo-crop-tool.vue2.js.map

package/es/src/photo-crop-tool/src/photo-crop-tool.vue2.js.map

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

package/es/src/subject-action/index.js

@@ -0,0 +1,7 @@
+import { withInstall } from '../withInstall.js';
+import _sfc_main from './src/subject-action.vue.js';
+
+const QxsSubjectAction = withInstall(_sfc_main);
+
+export { QxsSubjectAction, QxsSubjectAction as default };
+//# sourceMappingURL=index.js.map

package/es/src/subject-action/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/subject-action/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/subject-action.vue'\n\nconst QxsSubjectAction = withInstall(component)\n  \nexport {\n  QxsSubjectAction\n}\n  \nexport default QxsSubjectAction"],"names":["QxsSubjectAction","withInstall","component"],"mappings":";;;AAGA,MAAMA,gBAAA,GAAmBC,YAAYC,SAAS;;;;"}