@qxs-bns/components 0.0.20 → 0.0.22

package/lib/src/file-upload/src/file-upload.vue.js

@@ -5,6 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var iconsVue = require('@element-plus/icons-vue');
 var hooks = require('@qxs-bns/hooks');
+var index = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/upload/index.js');
+var index$1 = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/icon/index.js');
+var index$2 = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/alert/index.js');
+var index$3 = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/message/index.js');
 
 const _hoisted_1 = { class: "slot" };
 const _hoisted_2 = {
@@ -34,7 +38,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const ns = hooks.useNamespace("file-upload");
-    const exts = computed(() => {
+    const exts = vue.computed(() => {
       return props.accept.split(",").map((ext) => ext.split("/").pop());
     });
     const beforeUpload = (file) => {
@@ -43,23 +47,23 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const isTypeOk = exts.value.includes(fileExt);
       const isSizeOk = file.size / 1024 / 1024 < props.size;
       if (!isTypeOk) {
-        ElMessage.error(`\u4E0A\u4F20\u6587\u4EF6\u53EA\u652F\u6301 ${exts.value.join(" / ")} \u683C\u5F0F\uFF01`);
+        index$3.ElMessage.error(`\u4E0A\u4F20\u6587\u4EF6\u53EA\u652F\u6301 ${exts.value.join(" / ")} \u683C\u5F0F\uFF01`);
       }
       if (!isSizeOk) {
-        ElMessage.error(`\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${props.size}MB\uFF01`);
+        index$3.ElMessage.error(`\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${props.size}MB\uFF01`);
       }
       return isTypeOk && isSizeOk;
     };
     const onExceed = () => {
-      ElMessage.warning("\u6587\u4EF6\u4E0A\u4F20\u8D85\u8FC7\u9650\u5236");
+      index$3.ElMessage.warning("\u6587\u4EF6\u4E0A\u4F20\u8D85\u8FC7\u9650\u5236");
     };
     const onSuccess = (res, file, fileList) => {
       emit("onSuccess", res, file, fileList);
     };
     return (_ctx, _cache) => {
-      const _component_el_icon = vue.resolveComponent("el-icon");
-      const _component_el_alert = vue.resolveComponent("el-alert");
-      const _component_el_upload = vue.resolveComponent("el-upload");
+      const _component_el_icon = index$1.ElIcon;
+      const _component_el_alert = index$2.ElAlert;
+      const _component_el_upload = index.ElUpload;
       return vue.openBlock(), vue.createBlock(_component_el_upload, {
         headers: _ctx.headers,
         action: _ctx.action,

package/lib/src/file-upload/src/file-upload.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.vue.js","sources":["../../../../../../packages/components/src/file-upload/src/file-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadProps, UploadUserFile } from 'element-plus'\nimport { UploadFilled } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'QxsFileUpload',\n})\n\nconst props = withDefaults(\n  defineProps<{\n    action: UploadProps['action']\n    headers?: UploadProps['headers']\n    data?: UploadProps['data']\n    name?: UploadProps['name']\n    size?: number\n    max?: number\n    accept?: string\n    files?: UploadUserFile[]\n    notip?: boolean\n    ext?: string[]\n  }>(),\n  {\n    name: 'file',\n    size: 20,\n    max: 3,\n    files: () => [],\n    notip: false,\n    accept: 'zip,rar',\n  },\n)\n\nconst emit = defineEmits(['onSuccess'])\n\nconst ns = useNamespace('file-upload')\n\nconst exts = computed(() => {\n  return props.accept.split(',').map(ext => ext.split('/').pop())\n})\nconst beforeUpload: UploadProps['beforeUpload'] = (file) => {\n  const fileName = file.name.split('.')\n  const fileExt = fileName.at(-1) ?? ''\n  const isTypeOk = exts.value.includes(fileExt)\n  const isSizeOk = file.size / 1024 / 1024 < props.size\n  if (!isTypeOk) {\n    ElMessage.error(`上传文件只支持 ${exts.value.join(' / ')} 格式！`)\n  }\n  if (!isSizeOk) {\n    ElMessage.error(`上传文件大小不能超过 ${props.size}MB！`)\n  }\n  return isTypeOk && isSizeOk\n}\n\nconst onExceed: UploadProps['onExceed'] = () => {\n  ElMessage.warning('文件上传超过限制')\n}\n\nconst onSuccess: UploadProps['onSuccess'] = (res, file, fileList) => {\n  emit('onSuccess', res, file, fileList)\n}\n</script>\n\n<template>\n  <el-upload\n    :headers=\"headers\"\n    :action=\"action\"\n    :data=\"data\"\n    :name=\"name\"\n    :before-upload=\"beforeUpload\"\n    :on-exceed=\"onExceed\"\n    :on-success=\"onSuccess\"\n    :file-list=\"files\"\n    :limit=\"max\"\n    drag\n    :class=\"ns.e('control')\"\n  >\n    <div class=\"slot\">\n      <el-icon class=\"el-icon--upload\">\n        <UploadFilled />\n      </el-icon>\n      <div class=\"el-upload__text\">\n        将文件拖到此处，或<em>点击上传</em>\n      </div>\n    </div>\n    <template #tip>\n      <div v-if=\"!notip\" class=\"el-upload__tip\">\n        <div style=\"display: inline-block;\">\n          <el-alert\n            :title=\"`上传文件支持 ${exts.join(' / ')} 格式，单个文件大小不超过 ${size}MB，且文件数量不超过 ${max} 个`\"\n            type=\"info\"\n            show-icon\n            :closable=\"false\"\n          />\n        </div>\n      </div>\n    </template>\n  </el-upload>\n</template>\n"],"names":["useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAuBd,IAAA,MAAM,IAAO,GAAA,MAAA;AAEb,IAAM,MAAA,EAAA,GAAKA,mBAAa,aAAa,CAAA;AAErC,IAAM,MAAA,IAAA,GAAO,SAAS,MAAM;AAC1B,MAAA,OAAO,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,CAAI,CAAO,GAAA,KAAA,GAAA,CAAI,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,EAAK,CAAA;AAAA,KAC/D,CAAA;AACD,IAAM,MAAA,YAAA,GAA4C,CAAC,IAAS,KAAA;AAC1D,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA;AACpC,MAAA,MAAM,OAAU,GAAA,QAAA,CAAS,EAAG,CAAA,EAAE,CAAK,IAAA,EAAA;AACnC,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAS,OAAO,CAAA;AAC5C,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAO,GAAA,IAAA,GAAO,OAAO,KAAM,CAAA,IAAA;AACjD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAA,SAAA,CAAU,MAAM,CAAW,2CAAA,EAAA,IAAA,CAAK,MAAM,IAAK,CAAA,KAAK,CAAC,CAAM,mBAAA,CAAA,CAAA;AAAA;AAEzD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAA,SAAA,CAAU,KAAM,CAAA,CAAA,6DAAA,EAAc,KAAM,CAAA,IAAI,CAAK,QAAA,CAAA,CAAA;AAAA;AAE/C,MAAA,OAAO,QAAY,IAAA,QAAA;AAAA,KACrB;AAEA,IAAA,MAAM,WAAoC,MAAM;AAC9C,MAAA,SAAA,CAAU,QAAQ,kDAAU,CAAA;AAAA,KAC9B;AAEA,IAAA,MAAM,SAAsC,GAAA,CAAC,GAAK,EAAA,IAAA,EAAM,QAAa,KAAA;AACnE,MAAK,IAAA,CAAA,WAAA,EAAa,GAAK,EAAA,IAAA,EAAM,QAAQ,CAAA;AAAA,KACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"file-upload.vue.js","sources":["../../../../../../packages/components/src/file-upload/src/file-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadProps, UploadUserFile } from 'element-plus'\nimport { UploadFilled } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'QxsFileUpload',\n})\n\nconst props = withDefaults(\n  defineProps<{\n    action: UploadProps['action']\n    headers?: UploadProps['headers']\n    data?: UploadProps['data']\n    name?: UploadProps['name']\n    size?: number\n    max?: number\n    accept?: string\n    files?: UploadUserFile[]\n    notip?: boolean\n    ext?: string[]\n  }>(),\n  {\n    name: 'file',\n    size: 20,\n    max: 3,\n    files: () => [],\n    notip: false,\n    accept: 'zip,rar',\n  },\n)\n\nconst emit = defineEmits(['onSuccess'])\n\nconst ns = useNamespace('file-upload')\n\nconst exts = computed(() => {\n  return props.accept.split(',').map(ext => ext.split('/').pop())\n})\nconst beforeUpload: UploadProps['beforeUpload'] = (file) => {\n  const fileName = file.name.split('.')\n  const fileExt = fileName.at(-1) ?? ''\n  const isTypeOk = exts.value.includes(fileExt)\n  const isSizeOk = file.size / 1024 / 1024 < props.size\n  if (!isTypeOk) {\n    ElMessage.error(`上传文件只支持 ${exts.value.join(' / ')} 格式！`)\n  }\n  if (!isSizeOk) {\n    ElMessage.error(`上传文件大小不能超过 ${props.size}MB！`)\n  }\n  return isTypeOk && isSizeOk\n}\n\nconst onExceed: UploadProps['onExceed'] = () => {\n  ElMessage.warning('文件上传超过限制')\n}\n\nconst onSuccess: UploadProps['onSuccess'] = (res, file, fileList) => {\n  emit('onSuccess', res, file, fileList)\n}\n</script>\n\n<template>\n  <el-upload\n    :headers=\"headers\"\n    :action=\"action\"\n    :data=\"data\"\n    :name=\"name\"\n    :before-upload=\"beforeUpload\"\n    :on-exceed=\"onExceed\"\n    :on-success=\"onSuccess\"\n    :file-list=\"files\"\n    :limit=\"max\"\n    drag\n    :class=\"ns.e('control')\"\n  >\n    <div class=\"slot\">\n      <el-icon class=\"el-icon--upload\">\n        <UploadFilled />\n      </el-icon>\n      <div class=\"el-upload__text\">\n        将文件拖到此处，或<em>点击上传</em>\n      </div>\n    </div>\n    <template #tip>\n      <div v-if=\"!notip\" class=\"el-upload__tip\">\n        <div style=\"display: inline-block;\">\n          <el-alert\n            :title=\"`上传文件支持 ${exts.join(' / ')} 格式，单个文件大小不超过 ${size}MB，且文件数量不超过 ${max} 个`\"\n            type=\"info\"\n            show-icon\n            :closable=\"false\"\n          />\n        </div>\n      </div>\n    </template>\n  </el-upload>\n</template>\n"],"names":["useNamespace","computed","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAuBd,IAAA,MAAM,IAAO,GAAA,MAAA;AAEb,IAAM,MAAA,EAAA,GAAKA,mBAAa,aAAa,CAAA;AAErC,IAAM,MAAA,IAAA,GAAOC,aAAS,MAAM;AAC1B,MAAA,OAAO,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,CAAI,CAAO,GAAA,KAAA,GAAA,CAAI,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,EAAK,CAAA;AAAA,KAC/D,CAAA;AACD,IAAM,MAAA,YAAA,GAA4C,CAAC,IAAS,KAAA;AAC1D,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA;AACpC,MAAA,MAAM,OAAU,GAAA,QAAA,CAAS,EAAG,CAAA,EAAE,CAAK,IAAA,EAAA;AACnC,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAS,OAAO,CAAA;AAC5C,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAO,GAAA,IAAA,GAAO,OAAO,KAAM,CAAA,IAAA;AACjD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAAC,iBAAA,CAAU,MAAM,CAAW,2CAAA,EAAA,IAAA,CAAK,MAAM,IAAK,CAAA,KAAK,CAAC,CAAM,mBAAA,CAAA,CAAA;AAAA;AAEzD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAAA,iBAAA,CAAU,KAAM,CAAA,CAAA,6DAAA,EAAc,KAAM,CAAA,IAAI,CAAK,QAAA,CAAA,CAAA;AAAA;AAE/C,MAAA,OAAO,QAAY,IAAA,QAAA;AAAA,KACrB;AAEA,IAAA,MAAM,WAAoC,MAAM;AAC9C,MAAAA,iBAAA,CAAU,QAAQ,kDAAU,CAAA;AAAA,KAC9B;AAEA,IAAA,MAAM,SAAsC,GAAA,CAAC,GAAK,EAAA,IAAA,EAAM,QAAa,KAAA;AACnE,MAAK,IAAA,CAAA,WAAA,EAAa,GAAK,EAAA,IAAA,EAAM,QAAQ,CAAA;AAAA,KACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/src/fixed-action-bar/src/fixed-action-bar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"fixed-action-bar.vue.js","sources":["../../../../../../packages/components/src/fixed-action-bar/src/fixed-action-bar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: 'QxsFixedActionBar',\n}\n</script>\n<script setup lang=\"ts\">\nimport { useNamespace } from \"@qxs-bns/hooks\";\nimport { getDeviceType } from \"@qxs-bns/utils\";\nimport {\n  useElementBounding,\n  useElementSize,\n  useParentElement,\n} from \"@vueuse/core\";\nimport { computed, onMounted, onUnmounted, ref, useAttrs } from \"vue\";\n\nconst props = defineProps({\n  padding: {\n    type: Number,\n    default: 8,\n  },\n});\n\nconst ns = useNamespace(\"fixed-action-bar\");\nconst attr = useAttrs();\nconst isBottom = ref(false);\nconst actionbar = ref<HTMLElement | null>(null);\nconst placeholderRef = ref<HTMLElement | null>(null);\n\nconst { height } = useElementSize(actionbar, undefined, { box: \"border-box\" });\nconst parentEl = useParentElement(placeholderRef);\nconst { left: placeholderLeft } = useElementBounding(parentEl);\nconst { width: placeholderParentWidth } = useElementSize(parentEl, undefined, {\n  box: \"border-box\",\n});\nfunction calculateScrollDetails() {\n  const scrollTop = window.scrollY || document.documentElement.scrollTop;\n  const windowHeight =\n    window.innerHeight || document.documentElement.clientHeight;\n  const scrollHeight = document.documentElement.scrollHeight;\n\n  isBottom.value = Math.ceil(scrollTop + windowHeight) >= scrollHeight;\n}\n\nonMounted(() => {\n  calculateScrollDetails();\n  window.addEventListener(\"scroll\", calculateScrollDetails);\n});\n\nonUnmounted(() => {\n  window.removeEventListener(\"scroll\", calculateScrollDetails);\n});\n\n// 计算属性用于动态计算actionbar的样式\nconst actionbarStyle = computed(() => ({\n  width: `${placeholderParentWidth || 0}px`,\n  left: `${placeholderLeft}px`,\n  class: `${!isBottom.value ? ns.is(\"shadow\") : \"\"} ${attr.class || \"\"}`,\n  ...ns.cssVarBlock({\n    \"actionbar-padding\": `${props.padding}px`,\n    \"actionbar-padding-bottom\": `${\n      getDeviceType() === \"Android\"\n        ? `${Math.max(props.padding, 20)}px`\n        : `${props.padding}px`\n    }`,\n  }),\n}));\n</script>\n\n<template>\n  <div ref=\"placeholderRef\" :style=\"`width: 100%; height: ${height}px`\">\n    <div\n      ref=\"actionbar\"\n      :style=\"actionbarStyle\"\n      :class=\"[actionbarStyle.class, ns.e('actionbar')]\"\n      data-fixed-calc-width\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["useNamespace","useAttrs","ref","useElementSize","useParentElement","useElementBounding","onMounted","onUnmounted","computed","getDeviceType"],"mappings":";;;;;;;;;AACA,MAAe,WAAA,GAAA;AAAA,EACb,IAAM,EAAA;AACR,CAAA;;;;;;;;;;AAYA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAOd,IAAM,MAAA,EAAA,GAAKA,mBAAa,kBAAkB,CAAA;AAC1C,IAAA,MAAM,OAAOC,YAAS,EAAA;AACtB,IAAM,MAAA,QAAA,GAAWC,QAAI,KAAK,CAAA;AAC1B,IAAM,MAAA,SAAA,GAAYA,QAAwB,IAAI,CAAA;AAC9C,IAAM,MAAA,cAAA,GAAiBA,QAAwB,IAAI,CAAA;AAEnD,IAAM,MAAA,EAAE,QAAW,GAAAC,mBAAA,CAAe,WAAW,MAAW,EAAA,EAAE,GAAK,EAAA,YAAA,EAAc,CAAA;AAC7E,IAAM,MAAA,QAAA,GAAWC,sBAAiB,cAAc,CAAA;AAChD,IAAA,MAAM,EAAE,IAAA,EAAM,eAAgB,EAAA,GAAIC,wBAAmB,QAAQ,CAAA;AAC7D,IAAA,MAAM,EAAE,KAAO,EAAA,sBAAA,EAA2B,GAAAF,mBAAA,CAAe,UAAU,MAAW,EAAA;AAAA,MAC5E,GAAK,EAAA;AAAA,KACN,CAAA;AACD,IAAA,SAAS,sBAAyB,GAAA;AAChC,MAAA,MAAM,SAAY,GAAA,MAAA,CAAO,OAAW,IAAA,QAAA,CAAS,eAAgB,CAAA,SAAA;AAC7D,MAAA,MAAM,YACJ,GAAA,MAAA,CAAO,WAAe,IAAA,QAAA,CAAS,eAAgB,CAAA,YAAA;AACjD,MAAM,MAAA,YAAA,GAAe,SAAS,eAAgB,CAAA,YAAA;AAE9C,MAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAK,IAAK,CAAA,SAAA,GAAY,YAAY,CAAK,IAAA,YAAA;AAAA;AAG1D,IAAAG,aAAA,CAAU,MAAM;AACd,MAAuB,sBAAA,EAAA;AACvB,MAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,sBAAsB,CAAA;AAAA,KACzD,CAAA;AAED,IAAAC,eAAA,CAAY,MAAM;AAChB,MAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,sBAAsB,CAAA;AAAA,KAC5D,CAAA;AAGD,IAAM,MAAA,cAAA,GAAiBC,aAAS,OAAO;AAAA,MACrC,KAAA,EAAO,CAAG,EAAA,sBAAA,IAA0B,CAAC,CAAA,EAAA,CAAA;AAAA,MACrC,IAAA,EAAM,GAAG,eAAe,CAAA,EAAA,CAAA;AAAA,MACxB,KAAO,EAAA,CAAA,EAAG,CAAC,QAAA,CAAS,KAAQ,GAAA,EAAA,CAAG,EAAG,CAAA,QAAQ,CAAI,GAAA,EAAE,CAAI,CAAA,EAAA,IAAA,CAAK,SAAS,EAAE,CAAA,CAAA;AAAA,MACpE,GAAG,GAAG,WAAY,CAAA;AAAA,QAChB,mBAAA,EAAqB,CAAG,EAAA,KAAA,CAAM,OAAO,CAAA,EAAA,CAAA;AAAA,QACrC,4BAA4B,CAC1B,EAAAC,mBAAA,EAAoB,KAAA,SAAA,GAChB,GAAG,IAAK,CAAA,GAAA,CAAI,KAAM,CAAA,OAAA,EAAS,EAAE,CAAC,CAAA,EAAA,CAAA,GAC9B,CAAG,EAAA,KAAA,CAAM,OAAO,CACtB,EAAA,CAAA,CAAA;AAAA,OACD;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fixed-action-bar.vue.js","sources":["../../../../../../packages/components/src/fixed-action-bar/src/fixed-action-bar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"QxsFixedActionBar\",\n};\n</script>\n<script setup lang=\"ts\">\nimport { useNamespace } from \"@qxs-bns/hooks\";\nimport { getDeviceType } from \"@qxs-bns/utils\";\nimport {\n  useElementBounding,\n  useElementSize,\n  useParentElement,\n} from \"@vueuse/core\";\nimport { computed, onMounted, onUnmounted, ref, useAttrs } from \"vue\";\n\nconst props = defineProps({\n  padding: {\n    type: Number,\n    default: 8,\n  },\n});\n\nconst ns = useNamespace(\"fixed-action-bar\");\nconst attr = useAttrs();\nconst isBottom = ref(false);\nconst actionbar = ref<HTMLElement | null>(null);\nconst placeholderRef = ref<HTMLElement | null>(null);\n\nconst { height } = useElementSize(actionbar, undefined, { box: \"border-box\" });\nconst parentEl = useParentElement(placeholderRef);\nconst { left: placeholderLeft } = useElementBounding(parentEl);\nconst { width: placeholderParentWidth } = useElementSize(parentEl, undefined, {\n  box: \"border-box\",\n});\nfunction calculateScrollDetails() {\n  const scrollTop = window.scrollY || document.documentElement.scrollTop;\n  const windowHeight =\n    window.innerHeight || document.documentElement.clientHeight;\n  const scrollHeight = document.documentElement.scrollHeight;\n\n  isBottom.value = Math.ceil(scrollTop + windowHeight) >= scrollHeight;\n}\n\nonMounted(() => {\n  calculateScrollDetails();\n  window.addEventListener(\"scroll\", calculateScrollDetails);\n});\n\nonUnmounted(() => {\n  window.removeEventListener(\"scroll\", calculateScrollDetails);\n});\n\n// 计算属性用于动态计算actionbar的样式\nconst actionbarStyle = computed(() => ({\n  width: `${placeholderParentWidth || 0}px`,\n  left: `${placeholderLeft}px`,\n  class: `${!isBottom.value ? ns.is(\"shadow\") : \"\"} ${attr.class || \"\"}`,\n  ...ns.cssVarBlock({\n    \"actionbar-padding\": `${props.padding}px`,\n    \"actionbar-padding-bottom\": `${\n      getDeviceType() === \"Android\"\n        ? `${Math.max(props.padding, 20)}px`\n        : `${props.padding}px`\n    }`,\n  }),\n}));\n</script>\n\n<template>\n  <div ref=\"placeholderRef\" :style=\"`width: 100%; height: ${height}px`\">\n    <div\n      ref=\"actionbar\"\n      :style=\"actionbarStyle\"\n      :class=\"[actionbarStyle.class, ns.e('actionbar')]\"\n      data-fixed-calc-width\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["useNamespace","useAttrs","ref","useElementSize","useParentElement","useElementBounding","onMounted","onUnmounted","computed","getDeviceType"],"mappings":";;;;;;;;;AACA,MAAe,WAAA,GAAA;AAAA,EACb,IAAM,EAAA;AACR,CAAA;;;;;;;;;;AAYA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAOd,IAAM,MAAA,EAAA,GAAKA,mBAAa,kBAAkB,CAAA;AAC1C,IAAA,MAAM,OAAOC,YAAS,EAAA;AACtB,IAAM,MAAA,QAAA,GAAWC,QAAI,KAAK,CAAA;AAC1B,IAAM,MAAA,SAAA,GAAYA,QAAwB,IAAI,CAAA;AAC9C,IAAM,MAAA,cAAA,GAAiBA,QAAwB,IAAI,CAAA;AAEnD,IAAM,MAAA,EAAE,QAAW,GAAAC,mBAAA,CAAe,WAAW,MAAW,EAAA,EAAE,GAAK,EAAA,YAAA,EAAc,CAAA;AAC7E,IAAM,MAAA,QAAA,GAAWC,sBAAiB,cAAc,CAAA;AAChD,IAAA,MAAM,EAAE,IAAA,EAAM,eAAgB,EAAA,GAAIC,wBAAmB,QAAQ,CAAA;AAC7D,IAAA,MAAM,EAAE,KAAO,EAAA,sBAAA,EAA2B,GAAAF,mBAAA,CAAe,UAAU,MAAW,EAAA;AAAA,MAC5E,GAAK,EAAA;AAAA,KACN,CAAA;AACD,IAAA,SAAS,sBAAyB,GAAA;AAChC,MAAA,MAAM,SAAY,GAAA,MAAA,CAAO,OAAW,IAAA,QAAA,CAAS,eAAgB,CAAA,SAAA;AAC7D,MAAA,MAAM,YACJ,GAAA,MAAA,CAAO,WAAe,IAAA,QAAA,CAAS,eAAgB,CAAA,YAAA;AACjD,MAAM,MAAA,YAAA,GAAe,SAAS,eAAgB,CAAA,YAAA;AAE9C,MAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAK,IAAK,CAAA,SAAA,GAAY,YAAY,CAAK,IAAA,YAAA;AAAA;AAG1D,IAAAG,aAAA,CAAU,MAAM;AACd,MAAuB,sBAAA,EAAA;AACvB,MAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,sBAAsB,CAAA;AAAA,KACzD,CAAA;AAED,IAAAC,eAAA,CAAY,MAAM;AAChB,MAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,sBAAsB,CAAA;AAAA,KAC5D,CAAA;AAGD,IAAM,MAAA,cAAA,GAAiBC,aAAS,OAAO;AAAA,MACrC,KAAA,EAAO,CAAG,EAAA,sBAAA,IAA0B,CAAC,CAAA,EAAA,CAAA;AAAA,MACrC,IAAA,EAAM,GAAG,eAAe,CAAA,EAAA,CAAA;AAAA,MACxB,KAAO,EAAA,CAAA,EAAG,CAAC,QAAA,CAAS,KAAQ,GAAA,EAAA,CAAG,EAAG,CAAA,QAAQ,CAAI,GAAA,EAAE,CAAI,CAAA,EAAA,IAAA,CAAK,SAAS,EAAE,CAAA,CAAA;AAAA,MACpE,GAAG,GAAG,WAAY,CAAA;AAAA,QAChB,mBAAA,EAAqB,CAAG,EAAA,KAAA,CAAM,OAAO,CAAA,EAAA,CAAA;AAAA,QACrC,4BAA4B,CAC1B,EAAAC,mBAAA,EAAoB,KAAA,SAAA,GAChB,GAAG,IAAK,CAAA,GAAA,CAAI,KAAM,CAAA,OAAA,EAAS,EAAE,CAAC,CAAA,EAAA,CAAA,GAC9B,CAAG,EAAA,KAAA,CAAM,OAAO,CACtB,EAAA,CAAA,CAAA;AAAA,OACD;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/src/image-upload/src/image-upload.vue.js

@@ -5,6 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var iconsVue = require('@element-plus/icons-vue');
 var hooks = require('@qxs-bns/hooks');
+var index = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/upload/index.js');
+var index$1 = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/image/index.js');
+var index$2 = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/icon/index.js');
+var index$3 = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/progress/index.js');
+var index$4 = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/image-viewer/index.js');
+var index$5 = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/message/index.js');
 
 const _hoisted_1 = {
   key: 1,
@@ -42,14 +48,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emits = __emit;
     const ns = hooks.useNamespace("image-upload");
-    const uploadData = ref({
+    const uploadData = vue.ref({
       imageViewerVisible: false,
       progress: {
         preview: "",
         percent: 0
       }
     });
-    const exts = computed(() => {
+    const exts = vue.computed(() => {
       return props.accept.split(",").map((ext) => ext.split("/").pop());
     });
     function preview() {
@@ -67,9 +73,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const isTypeOk = exts.value.includes(fileExt);
       const isSizeOk = file.size / 1024 / 1024 < props.size;
       if (!isTypeOk) {
-        ElMessage.error(`\u4E0A\u4F20\u56FE\u7247\u53EA\u652F\u6301${exts.value.join(" / ")}\u683C\u5F0F\uFF01`);
+        index$5.ElMessage.error(`\u4E0A\u4F20\u56FE\u7247\u53EA\u652F\u6301${exts.value.join(" / ")}\u683C\u5F0F\uFF01`);
       } else if (!isSizeOk) {
-        ElMessage.error(`\u4E0A\u4F20\u56FE\u7247\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${props.size}MB\uFF01`);
+        index$5.ElMessage.error(`\u4E0A\u4F20\u56FE\u7247\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${props.size}MB\uFF01`);
       } else {
         uploadData.value.progress.preview = URL.createObjectURL(file);
       }
@@ -84,11 +90,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emits("onSuccess", ...res);
     };
     return (_ctx, _cache) => {
-      const _component_el_icon = vue.resolveComponent("el-icon");
-      const _component_el_image = vue.resolveComponent("el-image");
-      const _component_el_progress = vue.resolveComponent("el-progress");
-      const _component_el_upload = vue.resolveComponent("el-upload");
-      const _component_el_image_viewer = vue.resolveComponent("el-image-viewer");
+      const _component_el_icon = index$2.ElIcon;
+      const _component_el_image = index$1.ElImage;
+      const _component_el_progress = index$3.ElProgress;
+      const _component_el_upload = index.ElUpload;
+      const _component_el_image_viewer = index$4.ElImageViewer;
       return vue.openBlock(), vue.createElementBlock(
         "div",
         {

package/lib/src/image-upload/src/image-upload.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-upload.vue.js","sources":["../../../../../../packages/components/src/image-upload/src/image-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadFile, UploadFiles, UploadProps } from 'element-plus'\nimport { Delete, Plus, ZoomIn } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'QxsImageUpload',\n})\nconst props = withDefaults(\n  defineProps<{\n    action: UploadProps['action']\n    headers?: UploadProps['headers']\n    data?: UploadProps['data']\n    name?: UploadProps['name']\n    url?: string\n    size?: number\n    width?: number\n    accept?: string\n    height?: number\n    placeholder?: string\n    notip?: boolean\n    tipText?: string\n    beforeUpload?: UploadProps['beforeUpload']\n  }>(),\n  {\n    name: 'file',\n    url: '',\n    size: 20,\n    width: 160,\n    height: 90,\n    placeholder: '点击上传图片',\n    notip: false,\n    accept: 'image/jpeg,image/jpg,image/png,image/gif',\n  },\n)\nconst emits = defineEmits<{\n  'update:url': [\n    url: string,\n  ]\n  'onSuccess': [\n    res: any,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles,\n  ]\n}>()\n\nconst ns = useNamespace('image-upload')\n\nconst uploadData = ref({\n  imageViewerVisible: false,\n  progress: {\n    preview: '',\n    percent: 0,\n  },\n})\n\nconst exts = computed(() => {\n  return props.accept.split(',').map(ext => ext.split('/').pop())\n})\n\n// 预览\nfunction preview() {\n  uploadData.value.imageViewerVisible = true\n}\n// 关闭预览\nfunction previewClose() {\n  uploadData.value.imageViewerVisible = false\n}\n// 移除\nfunction remove() {\n  emits('update:url', '')\n}\nconst handleBeforeUpload: UploadProps['beforeUpload'] = (file) => {\n  const fileName = file.name.split('.')\n  const fileExt = fileName.at(-1) ?? ''\n  const isTypeOk = exts.value.includes(fileExt)\n  const isSizeOk = file.size / 1024 / 1024 < props.size\n\n  if (!isTypeOk) {\n    ElMessage.error(`上传图片只支持${exts.value.join(' / ')}格式！`)\n  }\n\n  else if (!isSizeOk) {\n    ElMessage.error(`上传图片大小不能超过 ${props.size}MB！`)\n  }\n  else {\n    uploadData.value.progress.preview = URL.createObjectURL(file)\n  }\n\n  return isTypeOk && isSizeOk && (!props.beforeUpload || props.beforeUpload(file))\n}\nconst onProgress: UploadProps['onProgress'] = (file) => {\n  uploadData.value.progress.percent = ~~file.percent\n}\nconst onSuccess: UploadProps['onSuccess'] = (...res) => {\n  uploadData.value.progress.preview = ''\n  uploadData.value.progress.percent = 0\n  emits('onSuccess', ...res)\n}\n</script>\n\n<template>\n  <div :class=\"ns.e('upload-container')\">\n    <el-upload\n      :show-file-list=\"false\"\n      :headers=\"headers\"\n      :action=\"action\"\n      :data=\"data\"\n      :name=\"name\"\n      :before-upload=\"handleBeforeUpload\"\n      :on-progress=\"onProgress\"\n      :on-success=\"onSuccess\"\n      drag\n      :accept=\"accept\"\n      :class=\"ns.e('image-upload')\"\n    >\n      <el-image\n        v-if=\"url === ''\"\n        :src=\"url === '' ? placeholder : url\"\n        :style=\"`width:${width}px;height:${height}px;`\"\n        fit=\"fill\"\n      >\n        <template #error>\n          <div class=\"image-slot\" :style=\"`width:${width}px;height:${height}px;`\">\n            <el-icon>\n              <Plus />\n            </el-icon>\n            <p>\n              {{ placeholder }}\n            </p>\n          </div>\n        </template>\n      </el-image>\n      <div v-else class=\"image\">\n        <el-image\n          :src=\"url\"\n          :style=\"`width:${width}px;height:${height}px;`\"\n          fit=\"fill\"\n        />\n        <div class=\"mask\">\n          <div class=\"actions\">\n            <span title=\"预览\" @click.stop=\"preview\">\n              <el-icon><ZoomIn /></el-icon>\n            </span>\n            <span title=\"移除\" @click.stop=\"remove\">\n              <el-icon>\n                <Delete />\n              </el-icon>\n            </span>\n          </div>\n        </div>\n      </div>\n      <div\n        v-show=\"url === '' && uploadData.progress.percent\"\n        class=\"progress\"\n        :style=\"`width:${width}px;height:${height}px;`\"\n      >\n        <el-image\n          :src=\"uploadData.progress.preview\"\n          :style=\"`width:${width}px;height:${height}px;`\"\n          fit=\"fill\"\n        />\n        <el-progress\n          type=\"circle\"\n          :width=\"Math.min(width, height) * 0.8\"\n          :percentage=\"uploadData.progress.percent\"\n        />\n      </div>\n    </el-upload>\n    <div v-if=\"!notip\" class=\"el-upload__tip-text\">\n      <div style=\"display: inline-block;\">\n        {{ tipText || `上传图片支持 ${exts.join(' / ')} 格式，且图片大小不超过 ${size}MB，建议图片尺寸为 ${width}*${height}` }}\n      </div>\n    </div>\n    <el-image-viewer\n      v-if=\"uploadData.imageViewerVisible\"\n      :url-list=\"[url]\"\n      teleported\n      @close=\"previewClose\"\n    />\n  </div>\n</template>\n"],"names":["useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAA,MAAM,KAAQ,GAAA,OAAA;AA2Bd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAWd,IAAM,MAAA,EAAA,GAAKA,mBAAa,cAAc,CAAA;AAEtC,IAAA,MAAM,aAAa,GAAI,CAAA;AAAA,MACrB,kBAAoB,EAAA,KAAA;AAAA,MACpB,QAAU,EAAA;AAAA,QACR,OAAS,EAAA,EAAA;AAAA,QACT,OAAS,EAAA;AAAA;AACX,KACD,CAAA;AAED,IAAM,MAAA,IAAA,GAAO,SAAS,MAAM;AAC1B,MAAA,OAAO,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,CAAI,CAAO,GAAA,KAAA,GAAA,CAAI,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,EAAK,CAAA;AAAA,KAC/D,CAAA;AAGD,IAAA,SAAS,OAAU,GAAA;AACjB,MAAA,UAAA,CAAW,MAAM,kBAAqB,GAAA,IAAA;AAAA;AAGxC,IAAA,SAAS,YAAe,GAAA;AACtB,MAAA,UAAA,CAAW,MAAM,kBAAqB,GAAA,KAAA;AAAA;AAGxC,IAAA,SAAS,MAAS,GAAA;AAChB,MAAA,KAAA,CAAM,cAAc,EAAE,CAAA;AAAA;AAExB,IAAM,MAAA,kBAAA,GAAkD,CAAC,IAAS,KAAA;AAChE,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA;AACpC,MAAA,MAAM,OAAU,GAAA,QAAA,CAAS,EAAG,CAAA,EAAE,CAAK,IAAA,EAAA;AACnC,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAS,OAAO,CAAA;AAC5C,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAO,GAAA,IAAA,GAAO,OAAO,KAAM,CAAA,IAAA;AAEjD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAA,SAAA,CAAU,MAAM,CAAU,0CAAA,EAAA,IAAA,CAAK,MAAM,IAAK,CAAA,KAAK,CAAC,CAAK,kBAAA,CAAA,CAAA;AAAA,OACvD,MAAA,IAES,CAAC,QAAU,EAAA;AAClB,QAAA,SAAA,CAAU,KAAM,CAAA,CAAA,6DAAA,EAAc,KAAM,CAAA,IAAI,CAAK,QAAA,CAAA,CAAA;AAAA,OAE1C,MAAA;AACH,QAAA,UAAA,CAAW,KAAM,CAAA,QAAA,CAAS,OAAU,GAAA,GAAA,CAAI,gBAAgB,IAAI,CAAA;AAAA;AAG9D,MAAA,OAAO,YAAY,QAAa,KAAA,CAAC,MAAM,YAAgB,IAAA,KAAA,CAAM,aAAa,IAAI,CAAA,CAAA;AAAA,KAChF;AACA,IAAM,MAAA,UAAA,GAAwC,CAAC,IAAS,KAAA;AACtD,MAAA,UAAA,CAAW,KAAM,CAAA,QAAA,CAAS,OAAU,GAAA,CAAC,CAAC,IAAK,CAAA,OAAA;AAAA,KAC7C;AACA,IAAM,MAAA,SAAA,GAAsC,IAAI,GAAQ,KAAA;AACtD,MAAW,UAAA,CAAA,KAAA,CAAM,SAAS,OAAU,GAAA,EAAA;AACpC,MAAW,UAAA,CAAA,KAAA,CAAM,SAAS,OAAU,GAAA,CAAA;AACpC,MAAM,KAAA,CAAA,WAAA,EAAa,GAAG,GAAG,CAAA;AAAA,KAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"image-upload.vue.js","sources":["../../../../../../packages/components/src/image-upload/src/image-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadFile, UploadFiles, UploadProps } from 'element-plus'\nimport { Delete, Plus, ZoomIn } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'QxsImageUpload',\n})\nconst props = withDefaults(\n  defineProps<{\n    action: UploadProps['action']\n    headers?: UploadProps['headers']\n    data?: UploadProps['data']\n    name?: UploadProps['name']\n    url?: string\n    size?: number\n    width?: number\n    accept?: string\n    height?: number\n    placeholder?: string\n    notip?: boolean\n    tipText?: string\n    beforeUpload?: UploadProps['beforeUpload']\n  }>(),\n  {\n    name: 'file',\n    url: '',\n    size: 20,\n    width: 160,\n    height: 90,\n    placeholder: '点击上传图片',\n    notip: false,\n    accept: 'image/jpeg,image/jpg,image/png,image/gif',\n  },\n)\nconst emits = defineEmits<{\n  'update:url': [\n    url: string,\n  ]\n  'onSuccess': [\n    res: any,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles,\n  ]\n}>()\n\nconst ns = useNamespace('image-upload')\n\nconst uploadData = ref({\n  imageViewerVisible: false,\n  progress: {\n    preview: '',\n    percent: 0,\n  },\n})\n\nconst exts = computed(() => {\n  return props.accept.split(',').map(ext => ext.split('/').pop())\n})\n\n// 预览\nfunction preview() {\n  uploadData.value.imageViewerVisible = true\n}\n// 关闭预览\nfunction previewClose() {\n  uploadData.value.imageViewerVisible = false\n}\n// 移除\nfunction remove() {\n  emits('update:url', '')\n}\nconst handleBeforeUpload: UploadProps['beforeUpload'] = (file) => {\n  const fileName = file.name.split('.')\n  const fileExt = fileName.at(-1) ?? ''\n  const isTypeOk = exts.value.includes(fileExt)\n  const isSizeOk = file.size / 1024 / 1024 < props.size\n\n  if (!isTypeOk) {\n    ElMessage.error(`上传图片只支持${exts.value.join(' / ')}格式！`)\n  }\n\n  else if (!isSizeOk) {\n    ElMessage.error(`上传图片大小不能超过 ${props.size}MB！`)\n  }\n  else {\n    uploadData.value.progress.preview = URL.createObjectURL(file)\n  }\n\n  return isTypeOk && isSizeOk && (!props.beforeUpload || props.beforeUpload(file))\n}\nconst onProgress: UploadProps['onProgress'] = (file) => {\n  uploadData.value.progress.percent = ~~file.percent\n}\nconst onSuccess: UploadProps['onSuccess'] = (...res) => {\n  uploadData.value.progress.preview = ''\n  uploadData.value.progress.percent = 0\n  emits('onSuccess', ...res)\n}\n</script>\n\n<template>\n  <div :class=\"ns.e('upload-container')\">\n    <el-upload\n      :show-file-list=\"false\"\n      :headers=\"headers\"\n      :action=\"action\"\n      :data=\"data\"\n      :name=\"name\"\n      :before-upload=\"handleBeforeUpload\"\n      :on-progress=\"onProgress\"\n      :on-success=\"onSuccess\"\n      drag\n      :accept=\"accept\"\n      :class=\"ns.e('image-upload')\"\n    >\n      <el-image\n        v-if=\"url === ''\"\n        :src=\"url === '' ? placeholder : url\"\n        :style=\"`width:${width}px;height:${height}px;`\"\n        fit=\"fill\"\n      >\n        <template #error>\n          <div class=\"image-slot\" :style=\"`width:${width}px;height:${height}px;`\">\n            <el-icon>\n              <Plus />\n            </el-icon>\n            <p>\n              {{ placeholder }}\n            </p>\n          </div>\n        </template>\n      </el-image>\n      <div v-else class=\"image\">\n        <el-image\n          :src=\"url\"\n          :style=\"`width:${width}px;height:${height}px;`\"\n          fit=\"fill\"\n        />\n        <div class=\"mask\">\n          <div class=\"actions\">\n            <span title=\"预览\" @click.stop=\"preview\">\n              <el-icon><ZoomIn /></el-icon>\n            </span>\n            <span title=\"移除\" @click.stop=\"remove\">\n              <el-icon>\n                <Delete />\n              </el-icon>\n            </span>\n          </div>\n        </div>\n      </div>\n      <div\n        v-show=\"url === '' && uploadData.progress.percent\"\n        class=\"progress\"\n        :style=\"`width:${width}px;height:${height}px;`\"\n      >\n        <el-image\n          :src=\"uploadData.progress.preview\"\n          :style=\"`width:${width}px;height:${height}px;`\"\n          fit=\"fill\"\n        />\n        <el-progress\n          type=\"circle\"\n          :width=\"Math.min(width, height) * 0.8\"\n          :percentage=\"uploadData.progress.percent\"\n        />\n      </div>\n    </el-upload>\n    <div v-if=\"!notip\" class=\"el-upload__tip-text\">\n      <div style=\"display: inline-block;\">\n        {{ tipText || `上传图片支持 ${exts.join(' / ')} 格式，且图片大小不超过 ${size}MB，建议图片尺寸为 ${width}*${height}` }}\n      </div>\n    </div>\n    <el-image-viewer\n      v-if=\"uploadData.imageViewerVisible\"\n      :url-list=\"[url]\"\n      teleported\n      @close=\"previewClose\"\n    />\n  </div>\n</template>\n"],"names":["useNamespace","ref","computed","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAA,MAAM,KAAQ,GAAA,OAAA;AA2Bd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAWd,IAAM,MAAA,EAAA,GAAKA,mBAAa,cAAc,CAAA;AAEtC,IAAA,MAAM,aAAaC,OAAI,CAAA;AAAA,MACrB,kBAAoB,EAAA,KAAA;AAAA,MACpB,QAAU,EAAA;AAAA,QACR,OAAS,EAAA,EAAA;AAAA,QACT,OAAS,EAAA;AAAA;AACX,KACD,CAAA;AAED,IAAM,MAAA,IAAA,GAAOC,aAAS,MAAM;AAC1B,MAAA,OAAO,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,CAAI,CAAO,GAAA,KAAA,GAAA,CAAI,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,EAAK,CAAA;AAAA,KAC/D,CAAA;AAGD,IAAA,SAAS,OAAU,GAAA;AACjB,MAAA,UAAA,CAAW,MAAM,kBAAqB,GAAA,IAAA;AAAA;AAGxC,IAAA,SAAS,YAAe,GAAA;AACtB,MAAA,UAAA,CAAW,MAAM,kBAAqB,GAAA,KAAA;AAAA;AAGxC,IAAA,SAAS,MAAS,GAAA;AAChB,MAAA,KAAA,CAAM,cAAc,EAAE,CAAA;AAAA;AAExB,IAAM,MAAA,kBAAA,GAAkD,CAAC,IAAS,KAAA;AAChE,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA;AACpC,MAAA,MAAM,OAAU,GAAA,QAAA,CAAS,EAAG,CAAA,EAAE,CAAK,IAAA,EAAA;AACnC,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAS,OAAO,CAAA;AAC5C,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAO,GAAA,IAAA,GAAO,OAAO,KAAM,CAAA,IAAA;AAEjD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAAC,iBAAA,CAAU,MAAM,CAAU,0CAAA,EAAA,IAAA,CAAK,MAAM,IAAK,CAAA,KAAK,CAAC,CAAK,kBAAA,CAAA,CAAA;AAAA,OACvD,MAAA,IAES,CAAC,QAAU,EAAA;AAClB,QAAAA,iBAAA,CAAU,KAAM,CAAA,CAAA,6DAAA,EAAc,KAAM,CAAA,IAAI,CAAK,QAAA,CAAA,CAAA;AAAA,OAE1C,MAAA;AACH,QAAA,UAAA,CAAW,KAAM,CAAA,QAAA,CAAS,OAAU,GAAA,GAAA,CAAI,gBAAgB,IAAI,CAAA;AAAA;AAG9D,MAAA,OAAO,YAAY,QAAa,KAAA,CAAC,MAAM,YAAgB,IAAA,KAAA,CAAM,aAAa,IAAI,CAAA,CAAA;AAAA,KAChF;AACA,IAAM,MAAA,UAAA,GAAwC,CAAC,IAAS,KAAA;AACtD,MAAA,UAAA,CAAW,KAAM,CAAA,QAAA,CAAS,OAAU,GAAA,CAAC,CAAC,IAAK,CAAA,OAAA;AAAA,KAC7C;AACA,IAAM,MAAA,SAAA,GAAsC,IAAI,GAAQ,KAAA;AACtD,MAAW,UAAA,CAAA,KAAA,CAAM,SAAS,OAAU,GAAA,EAAA;AACpC,MAAW,UAAA,CAAA,KAAA,CAAM,SAAS,OAAU,GAAA,CAAA;AACpC,MAAM,KAAA,CAAA,WAAA,EAAa,GAAG,GAAG,CAAA;AAAA,KAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,9 @@
 'use strict';
 
+var vue = require('vue');
+
 function useCanvas(canvasElement) {
-  const context = ref(null);
+  const context = vue.ref(null);
   if (canvasElement) {
     context.value = canvasElement.getContext("2d");
   }

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

@@ -1 +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;;;;"}
+{"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,QAAI,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/lib/src/photo-crop-tool/src/photo-crop-tool.vue.js

@@ -46,16 +46,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     let startWidth = 0;
     let startHeight = 0;
     const ns = hooks.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({
+    const cropBoxRef = vue.ref(null);
+    const containerBoxRef = vue.ref(null);
+    const imgRef = vue.ref(null);
+    const errorMessage = vue.ref("");
+    const dargPoint = vue.ref("");
+    const initialValue = vue.ref({
       x: 0,
       y: 0
     });
-    const cropInfo = ref({
+    const cropInfo = vue.ref({
       width: props.defaultWidth,
       height: props.defaultHeight,
       x: 0,
@@ -66,17 +66,17 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const { x, y, style } = core.useDraggable(cropBoxRef, {
       containerElement: containerBoxRef,
       draggingElement: cropBoxRef,
-      disabled: computed(() => !!dargPoint.value),
+      disabled: vue.computed(() => !!dargPoint.value),
       exact: true,
       initialValue
     });
-    const imageUrl = computed(() => {
+    const imageUrl = vue.computed(() => {
       if (!props.imgFile) {
         return "";
       }
       return URL.createObjectURL(props.imgFile);
     });
-    watch(
+    vue.watch(
       () => props.imgFile,
       (newFile) => {
         if (newFile && !newFile.type.startsWith("image/")) {
@@ -86,10 +86,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
       }
     );
-    const ratio = computed(() => {
+    const ratio = vue.computed(() => {
       return (imgRef.value?.naturalWidth || 0) / imgWidth.value;
     });
-    const customStyle = computed(() => {
+    const customStyle = vue.computed(() => {
       const position = {
         left: 0,
         top: 0
@@ -109,7 +109,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return position;
     });
-    const sizeStyle = computed(() => {
+    const sizeStyle = vue.computed(() => {
       const { aspectRatio } = props;
       const style2 = {
         "width": `${cropInfo.value.width || props.defaultWidth}`,
@@ -286,13 +286,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
     document.addEventListener("mouseup", mouseup);
     document.addEventListener("mousemove", mousemove);
-    onMounted(() => {
-      nextTick(() => {
+    vue.onMounted(() => {
+      vue.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(() => {
+    vue.onUnmounted(() => {
       if (imageUrl.value) {
         URL.revokeObjectURL(imageUrl.value);
       }

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

@@ -1 +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":["useNamespace","useElementSize","useDraggable","style","useCanvas","width","height"],"mappings":"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"}
+{"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":["useNamespace","ref","useElementSize","useDraggable","computed","watch","style","useCanvas","width","height","onMounted","nextTick","onUnmounted"],"mappings":"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"}

package/lib/src/subject-action/src/subject-action.vue.js

@@ -6,6 +6,13 @@ var vue = require('vue');
 var iconsVue = require('@element-plus/icons-vue');
 var hooks = require('@qxs-bns/hooks');
 var subjectType_vue_vue_type_script_setup_true_lang = require('../../subject-type/src/subject-type.vue.js');
+var index = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/popover/index.js');
+var index$1 = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/link/index.js');
+var index$2 = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/checkbox/index.js');
+var index$3 = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/button/index.js');
+var index$4 = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/icon/index.js');
+var index$5 = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/dialog/index.js');
+var index$6 = require('../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/radio/index.js');
 
 const _hoisted_1 = {
   key: 0,
@@ -44,15 +51,19 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     examAnswerRelationType: {
       type: Number,
       default: null
+    },
+    pageEnd: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["moveUp", "moveDown", "delete", "save", "edit", "add", "onShowRichText", "setKey", "setAnswerSetting"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const key = ref(props.isKey);
-    const showAnswerSetting = ref(false);
+    const key = vue.ref(props.isKey);
+    const showAnswerSetting = vue.ref(false);
     const emits = __emit;
-    const answerType = ref(props.answerCheckType);
+    const answerType = vue.ref(props.answerCheckType);
     const ns = hooks.useNamespace("subject-action");
     function onSaveSetting() {
       showAnswerSetting.value = false;
@@ -62,14 +73,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emits("add", type, canSet ? props.examAnswerRelationType : null);
     }
     return (_ctx, _cache) => {
-      const _component_el_link = vue.resolveComponent("el-link");
-      const _component_el_popover = vue.resolveComponent("el-popover");
-      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
-      const _component_el_icon = vue.resolveComponent("el-icon");
-      const _component_el_button = vue.resolveComponent("el-button");
-      const _component_el_radio = vue.resolveComponent("el-radio");
-      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
-      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      const _component_el_link = index$1.ElLink;
+      const _component_el_popover = index.ElPopover;
+      const _component_el_checkbox = index$2.ElCheckbox;
+      const _component_el_icon = index$4.ElIcon;
+      const _component_el_button = index$3.ElButton;
+      const _component_el_radio = index$6.ElRadio;
+      const _component_el_radio_group = index$6.ElRadioGroup;
+      const _component_el_dialog = index$5.ElDialog;
       return vue.openBlock(), vue.createElementBlock(
         "div",
         {
@@ -133,7 +144,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     vue.Fragment,
                     { key: 0 },
                     [
-                      vue.createVNode(_component_el_button, {
+                      !__props.pageEnd ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+                        key: 0,
                         class: "btn-margin",
                         onClick: _cache[4] || (_cache[4] = ($event) => emits("edit"))
                       }, {
@@ -151,7 +163,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         ]),
                         _: 1
                         /* STABLE */
-                      }),
+                      })) : vue.createCommentVNode("v-if", true),
                       vue.createVNode(_component_el_button, {
                         class: "btn-margin",
                         onClick: _cache[5] || (_cache[5] = ($event) => emits("delete"))
@@ -283,21 +295,21 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     default: vue.withCtx(() => [
                       vue.createVNode(_component_el_radio, { value: 1 }, {
                         default: vue.withCtx(() => _cache[22] || (_cache[22] = [
-                          vue.createTextVNode("\u5FC5\u987B\u5168\u90E8\u90FD\u662F\u63A8\u8350\u9009\u9879\uFF0C\u65B9\u53EF\u4E0B\u4E00\u6B65")
+                          vue.createTextVNode("\u5FC5\u987B\u5168\u90E8\u90FD\u662F\u652F\u6301\u9009\u9879\uFF0C\u65B9\u53EF\u4E0B\u4E00\u6B65")
                         ])),
                         _: 1
                         /* STABLE */
                       }),
                       vue.createVNode(_component_el_radio, { value: 2 }, {
                         default: vue.withCtx(() => _cache[23] || (_cache[23] = [
-                          vue.createTextVNode("\u65E0\u9700\u5224\u65AD\u662F\u5426\u662F\u63A8\u8350\u9009\u9879")
+                          vue.createTextVNode("\u65E0\u9700\u5224\u65AD\u662F\u5426\u662F\u652F\u6301\u9009\u9879")
                         ])),
                         _: 1
                         /* STABLE */
                       }),
                       vue.createVNode(_component_el_radio, { value: 3 }, {
                         default: vue.withCtx(() => _cache[24] || (_cache[24] = [
-                          vue.createTextVNode("\u5305\u542B\u5168\u90E8\u63A8\u8350\u9009\u9879\uFF0C\u5373\u53EF\u4E0B\u4E00\u6B65")
+                          vue.createTextVNode("\u5305\u542B\u5168\u90E8\u652F\u6301\u9009\u9879\uFF0C\u5373\u53EF\u4E0B\u4E00\u6B65")
                         ])),
                         _: 1
                         /* STABLE */

package/lib/src/subject-action/src/subject-action.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"subject-action.vue.js","sources":["../../../../../../packages/components/src/subject-action/src/subject-action.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Bottom, Delete, Edit, Top } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport SubjectType from '../../subject-type/src/subject-type.vue'\n\ndefineOptions({\n  name: 'QxsSubjectAction',\n})\nconst props = defineProps({\n  isEdit: {\n    type: Boolean,\n  },\n  isSet: {\n    type: Boolean,\n    default: false,\n  },\n  isKey: {\n    type: Boolean,\n    default: false,\n  },\n  answerCheckType: {\n    type: Number,\n    default: 2\n  },\n  showOtherOption: {\n    type: Boolean,\n    default: true,\n  },\n  examAnswerRelationType: {\n    type: Number,\n    default: null\n  }\n})\nconst key = ref(props.isKey)\nconst showAnswerSetting = ref(false)\nconst emits = defineEmits(['moveUp', 'moveDown', 'delete', 'save', 'edit', 'add', 'onShowRichText', 'setKey', 'setAnswerSetting'])\nconst answerType = ref(props.answerCheckType)\nconst ns = useNamespace('subject-action')\n\nfunction onSaveSetting() {\n  showAnswerSetting.value = false\n  emits('setAnswerSetting', answerType)\n}\n\nfunction selectExam(type:string, canSet: boolean) {\n emits('add', type, canSet? props.examAnswerRelationType: null)\n}\n</script>\n\n<template>\n    <div :class=\"ns.e('action-exam')\">\n  <div class=\"action flex flex-justify-between\" :class=\"[{ active: isEdit }]\">\n    <el-popover trigger=\"click\">\n      <template #reference>\n        <el-link type=\"primary\">\n          +在此题后加入新题\n        </el-link>\n      </template>\n      <SubjectType @select=\"selectExam\" />\n    </el-popover>\n    <el-link type=\"primary\" @click=\"emits('onShowRichText')\" v-if=\"showOtherOption\">\n      +添加题目描述（图文）\n    </el-link>\n    <el-link type=\"primary\" @click=\"showAnswerSetting = true\" v-if=\"showOtherOption\">\n      答题设置\n    </el-link>\n    <el-checkbox v-model=\"key\" label=\"核心题\" @change=\"emits('setKey', key)\" v-if=\"showOtherOption\"/>\n    <div>\n      <div v-if=\"isSet\" class=\"has-set\">\n        *此题设置了跳题逻辑\n      </div>\n      <div v-else class=\"flex flex-justify-end\" style=\"width: 100%;\">\n        <template v-if=\"!isEdit\">\n          <el-button class=\"btn-margin\" @click=\"emits('edit')\">\n            <template #icon>\n              <el-icon>\n                <Edit />\n              </el-icon>\n            </template>\n            编辑\n          </el-button>\n          <el-button class=\"btn-margin\" @click=\"emits('delete')\">\n            <template #icon>\n              <el-icon>\n                <Delete />\n              </el-icon>\n            </template>\n            删除\n          </el-button>\n          <el-button class=\"btn-margin\" @click=\"emits('moveUp')\">\n            <template #icon>\n              <el-icon>\n                <Top />\n              </el-icon>\n            </template>\n            上移\n          </el-button>\n          <el-button class=\"btn-margin\" @click=\"emits('moveDown')\">\n            <template #icon>\n              <el-icon>\n                <Bottom />\n              </el-icon>\n            </template>\n            下移\n          </el-button>\n        </template>\n        <template v-else>\n          <el-button class=\"btn-margin\" @click=\"emits('delete')\">\n            删除\n          </el-button>\n          <el-button type=\"primary\" @click=\"emits('save')\">\n            完成编辑\n          </el-button>\n        </template>\n      </div>\n    </div>\n    <el-dialog\n      v-model=\"showAnswerSetting\"\n      title=\"答题设置\"\n      class=\"customize-dialog\"\n      >\n        <el-radio-group v-model=\"answerType\" class=\"vertical-radio-group\">\n          <el-radio :value=\"1\">必须全部都是推荐选项，方可下一步</el-radio>\n          <el-radio :value=\"2\">无需判断是否是推荐选项</el-radio>\n          <el-radio :value=\"3\">包含全部推荐选项，即可下一步</el-radio>\n        </el-radio-group>\n      <template #footer>\n        <el-button\n          class=\"customize-button\"\n          type=\"primary\"\n          plain\n          @click=\"showAnswerSetting = false\"\n        >\n          取消\n        </el-button>\n        <el-button\n          class=\"customize-button\"\n          type=\"primary\"\n          plain\n          @click=\"onSaveSetting\"\n        >\n          保存\n        </el-button>\n      </template>\n    </el-dialog>\n  </div>\n  </div>\n</template>\n"],"names":["useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAyBd,IAAM,MAAA,GAAA,GAAM,GAAI,CAAA,KAAA,CAAM,KAAK,CAAA;AAC3B,IAAM,MAAA,iBAAA,GAAoB,IAAI,KAAK,CAAA;AACnC,IAAA,MAAM,KAAQ,GAAA,MAAA;AACd,IAAM,MAAA,UAAA,GAAa,GAAI,CAAA,KAAA,CAAM,eAAe,CAAA;AAC5C,IAAM,MAAA,EAAA,GAAKA,mBAAa,gBAAgB,CAAA;AAExC,IAAA,SAAS,aAAgB,GAAA;AACvB,MAAA,iBAAA,CAAkB,KAAQ,GAAA,KAAA;AAC1B,MAAA,KAAA,CAAM,oBAAoB,UAAU,CAAA;AAAA;AAGtC,IAAS,SAAA,UAAA,CAAW,MAAa,MAAiB,EAAA;AACjD,MAAA,KAAA,CAAM,KAAO,EAAA,IAAA,EAAM,MAAQ,GAAA,KAAA,CAAM,yBAAwB,IAAI,CAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"subject-action.vue.js","sources":["../../../../../../packages/components/src/subject-action/src/subject-action.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Bottom, Delete, Edit, Top } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport SubjectType from '../../subject-type/src/subject-type.vue'\n\ndefineOptions({\n  name: 'QxsSubjectAction',\n})\nconst props = defineProps({\n  isEdit: {\n    type: Boolean,\n  },\n  isSet: {\n    type: Boolean,\n    default: false,\n  },\n  isKey: {\n    type: Boolean,\n    default: false,\n  },\n  answerCheckType: {\n    type: Number,\n    default: 2\n  },\n  showOtherOption: {\n    type: Boolean,\n    default: true,\n  },\n  examAnswerRelationType: {\n    type: Number,\n    default: null\n  },\n  pageEnd: {\n    type: Boolean,\n    default: false\n  }\n})\nconst key = ref(props.isKey)\nconst showAnswerSetting = ref(false)\nconst emits = defineEmits(['moveUp', 'moveDown', 'delete', 'save', 'edit', 'add', 'onShowRichText', 'setKey', 'setAnswerSetting'])\nconst answerType = ref(props.answerCheckType)\nconst ns = useNamespace('subject-action')\n\nfunction onSaveSetting() {\n  showAnswerSetting.value = false\n  emits('setAnswerSetting', answerType)\n}\n\nfunction selectExam(type:string, canSet: boolean) {\n emits('add', type, canSet? props.examAnswerRelationType: null)\n}\n</script>\n\n<template>\n    <div :class=\"ns.e('action-exam')\">\n  <div class=\"action flex flex-justify-between\" :class=\"[{ active: isEdit }]\">\n    <el-popover trigger=\"click\">\n      <template #reference>\n        <el-link type=\"primary\">\n          +在此题后加入新题\n        </el-link>\n      </template>\n      <SubjectType @select=\"selectExam\" />\n    </el-popover>\n    <el-link type=\"primary\" @click=\"emits('onShowRichText')\" v-if=\"showOtherOption\">\n      +添加题目描述（图文）\n    </el-link>\n    <el-link type=\"primary\" @click=\"showAnswerSetting = true\" v-if=\"showOtherOption\">\n      答题设置\n    </el-link>\n    <el-checkbox v-model=\"key\" label=\"核心题\" @change=\"emits('setKey', key)\" v-if=\"showOtherOption\"/>\n    <div>\n      <div v-if=\"isSet\" class=\"has-set\">\n        *此题设置了跳题逻辑\n      </div>\n      <div v-else class=\"flex flex-justify-end\" style=\"width: 100%;\">\n        <template v-if=\"!isEdit\">\n          <el-button class=\"btn-margin\" @click=\"emits('edit')\" v-if=\"!pageEnd\">\n            <template #icon>\n              <el-icon>\n                <Edit />\n              </el-icon>\n            </template>\n            编辑\n          </el-button>\n          <el-button class=\"btn-margin\" @click=\"emits('delete')\">\n            <template #icon>\n              <el-icon>\n                <Delete />\n              </el-icon>\n            </template>\n            删除\n          </el-button>\n          <el-button class=\"btn-margin\" @click=\"emits('moveUp')\">\n            <template #icon>\n              <el-icon>\n                <Top />\n              </el-icon>\n            </template>\n            上移\n          </el-button>\n          <el-button class=\"btn-margin\" @click=\"emits('moveDown')\">\n            <template #icon>\n              <el-icon>\n                <Bottom />\n              </el-icon>\n            </template>\n            下移\n          </el-button>\n        </template>\n        <template v-else>\n          <el-button class=\"btn-margin\" @click=\"emits('delete')\">\n            删除\n          </el-button>\n          <el-button type=\"primary\" @click=\"emits('save')\">\n            完成编辑\n          </el-button>\n        </template>\n      </div>\n    </div>\n    <el-dialog\n      v-model=\"showAnswerSetting\"\n      title=\"答题设置\"\n      class=\"customize-dialog\"\n      >\n        <el-radio-group v-model=\"answerType\" class=\"vertical-radio-group\">\n          <el-radio :value=\"1\">必须全部都是支持选项，方可下一步</el-radio>\n          <el-radio :value=\"2\">无需判断是否是支持选项</el-radio>\n          <el-radio :value=\"3\">包含全部支持选项，即可下一步</el-radio>\n        </el-radio-group>\n      <template #footer>\n        <el-button\n          class=\"customize-button\"\n          type=\"primary\"\n          plain\n          @click=\"showAnswerSetting = false\"\n        >\n          取消\n        </el-button>\n        <el-button\n          class=\"customize-button\"\n          type=\"primary\"\n          plain\n          @click=\"onSaveSetting\"\n        >\n          保存\n        </el-button>\n      </template>\n    </el-dialog>\n  </div>\n  </div>\n</template>\n"],"names":["ref","useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAA,MAAM,KAAQ,GAAA,OAAA;AA6Bd,IAAM,MAAA,GAAA,GAAMA,OAAI,CAAA,KAAA,CAAM,KAAK,CAAA;AAC3B,IAAM,MAAA,iBAAA,GAAoBA,QAAI,KAAK,CAAA;AACnC,IAAA,MAAM,KAAQ,GAAA,MAAA;AACd,IAAM,MAAA,UAAA,GAAaA,OAAI,CAAA,KAAA,CAAM,eAAe,CAAA;AAC5C,IAAM,MAAA,EAAA,GAAKC,mBAAa,gBAAgB,CAAA;AAExC,IAAA,SAAS,aAAgB,GAAA;AACvB,MAAA,iBAAA,CAAkB,KAAQ,GAAA,KAAA;AAC1B,MAAA,KAAA,CAAM,oBAAoB,UAAU,CAAA;AAAA;AAGtC,IAAS,SAAA,UAAA,CAAW,MAAa,MAAiB,EAAA;AACjD,MAAA,KAAA,CAAM,KAAO,EAAA,IAAA,EAAM,MAAQ,GAAA,KAAA,CAAM,yBAAwB,IAAI,CAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}