@qxs-bns/components 0.0.20 → 0.0.21

package/es/src/data-chart/src/utils/useCharts.js

@@ -0,0 +1,23 @@
+import '@vueuse/core';
+import 'echarts';
+import 'vue';
+
+function useDataToExcelJson(dataSource) {
+  const {
+    desc: {
+      colDesc = [],
+      groupByDesc = []
+    } = {},
+    data = []
+  } = dataSource;
+  const header = [...groupByDesc.map(item => item.colDesc), ...colDesc].filter(v => v);
+  const json = data.map(item => {
+    return header.map(headerItem => {
+      return item[headerItem] || "";
+    });
+  });
+  return [header, ...json];
+}
+
+export { useDataToExcelJson };
+//# sourceMappingURL=useCharts.js.map

package/es/src/data-chart/src/utils/useCharts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCharts.js","sources":["../../../../../../../packages/components/src/data-chart/src/utils/useCharts.ts"],"sourcesContent":["import type { ECharts, SetOptionOpts } from 'echarts'\nimport type { ComputedRef, Ref } from 'vue'\nimport type { EChartData, EChartsOption, IFormatPublicData } from '../types'\nimport { useElementSize, useMouseInElement, watchDebounced } from '@vueuse/core'\nimport * as echarts from 'echarts'\nimport { onMounted, onUnmounted, ref } from 'vue'\n\n// 使用别名路径导入 SVG\nimport emptyImg from '../components/empty.svg'\n\nexport function useCharts({ chartDOM, chartData, chartOptions, mountedBefore, initAfter, callback }: {\n  chartDOM: Ref<HTMLElement | null>\n  chartData: ComputedRef<IFormatPublicData>\n  chartOptions: ComputedRef<EChartsOption>\n  mountedBefore?: () => void\n  initAfter?: () => void\n  callback?: (e: ECharts) => void\n}) {\n  let myChart: ECharts | null = null\n  const initChartSuccess = ref(false)\n\n  // 获取设备像素比\n  const dpr = window.devicePixelRatio || 1\n\n  function disposeChart() {\n    if (myChart && !myChart.isDisposed()) {\n      myChart.dispose()\n      myChart = null\n    }\n  }\n\n  function initChart(...opt: [EChartsOption, SetOptionOpts]) {\n    if (!myChart || !initChartSuccess.value || !chartDOM.value) {\n      return\n    }\n\n    myChart.showLoading()\n    try {\n      if (myChart.isDisposed()) {\n        // 如果实例已被销毁，重新创建\n        myChart = echarts.init(chartDOM.value, null, {\n          devicePixelRatio: dpr,\n          renderer: 'svg',\n        })\n      }\n      myChart.setOption(...opt)\n    }\n    catch (error) {\n      console.log('error: ', error)\n      disposeChart()\n      if (chartDOM.value) {\n        myChart = echarts.init(chartDOM.value, null, {\n          devicePixelRatio: dpr,\n          renderer: 'svg',\n        })\n        setEmpty('配置项错误')\n      }\n    }\n    finally {\n      myChart?.hideLoading()\n    }\n  }\n\n  const { isOutside: mouseInChart } = useMouseInElement(chartDOM)\n  watchDebounced(mouseInChart, (newVal) => {\n    if (typeof newVal !== 'boolean') {\n      return\n    }\n    toggleToolbox(!newVal)\n  }, { debounce: 200 })\n\n  function setEmpty(subtext = '暂无数据') {\n    const obj: EChartsOption = {\n      title: [{\n        text: chartData.value?.modelName,\n        ...chartOptions.value.title,\n      }, {\n        subtext,\n        top: 'center',\n        left: 'center',\n        text: ' {a|}',\n        itemGap: -20,\n        textStyle: {\n          align: 'center',\n          rich: {\n            a: {\n              color: '#000',\n              fontSize: '16',\n              height: 80,\n              width: 160,\n              backgroundColor: {\n                image: emptyImg,\n              },\n            },\n          },\n        },\n        subtextStyle: {\n          fontSize: 16,\n        },\n      }],\n    }\n    initChart(obj, {\n      notMerge: true,\n      replaceMerge: ['xAxis', 'yAxis', 'series'],\n      lazyUpdate: false,\n    })\n  }\n\n  function toggleToolbox(show: boolean) {\n    if (!myChart?.isDisposed()) {\n      myChart?.setOption({\n        toolbox: {\n          show,\n        },\n      })\n    }\n  }\n\n  onMounted(async () => {\n    if (mountedBefore) {\n      await mountedBefore()\n    }\n    if (!chartDOM.value) {\n      return\n    }\n    disposeChart() // 确保旧实例被清理\n    myChart = echarts.init(chartDOM.value, null, {\n      devicePixelRatio: dpr,\n      renderer: 'svg',\n    })\n    if (callback) {\n      callback(myChart)\n    }\n    if (initAfter) {\n      await initAfter()\n    }\n\n    useResize(myChart, chartDOM)\n\n    initChartSuccess.value = true\n\n    if (chartData.value?.data?.length) {\n      initChart(chartOptions.value, {})\n    }\n    else {\n      setEmpty()\n    }\n  })\n\n  onUnmounted(() => {\n    if (myChart) {\n      myChart.getZr()?.off('mousemove')\n      myChart.getZr()?.off('mouseout')\n      disposeChart()\n    }\n  })\n\n  return {\n    myChart,\n  }\n}\n\nexport function useResize(myChart: ECharts, chartDOM: Ref<HTMLElement | null>) {\n  const { width, height } = useElementSize(chartDOM)\n  watchDebounced([width, height], () => {\n    if (myChart) {\n      myChart.resize()\n    }\n  })\n}\n\nexport function useDataToExcelJson(dataSource: EChartData) {\n  const { desc: { colDesc = [], groupByDesc = [] } = {}, data = [] } = dataSource\n  const header = [...groupByDesc.map(item => item.colDesc), ...colDesc].filter(v => v) as string[]\n  const json = data.map((item) => {\n    return header.map((headerItem) => {\n      return item[headerItem as keyof typeof item] || ''\n    })\n  })\n  return [header, ...json]\n}\n"],"names":["useDataToExcelJson","dataSource","desc","colDesc","groupByDesc","data","header","map","item","filter","v","json","headerItem"],"mappings":";;;;AA2KO,SAASA,mBAAmBC,UAAwB,EAAA;EACzD,MAAM;AAAEC,IAAAA,IAAA,EAAM;AAAEC,MAAAA,OAAA,GAAU,EAAI;AAAAC,MAAAA,WAAA,GAAc;QAAO,EAAC;AAAGC,IAAAA,IAAO,GAAA;AAAG,GAAI,GAAAJ,UAAA;EACrE,MAAMK,MAAS,GAAA,CAAC,GAAGF,WAAA,CAAYG,IAAYC,IAAA,IAAAA,IAAA,CAAKL,OAAO,CAAA,EAAG,GAAGA,OAAO,CAAE,CAAAM,MAAA,MAAYC,CAAC,CAAA;AACnF,EAAA,MAAMC,IAAO,GAAAN,IAAA,CAAKE,GAAI,CAACC,IAAS,IAAA;AACvB,IAAA,OAAAF,MAAA,CAAOC,GAAI,CAACK,UAAe,IAAA;AACzB,MAAA,OAAAJ,IAAA,CAAKI,UAA+B,CAAK,IAAA,EAAA;AAClD,KAAC,CAAA;AACH,GAAC,CAAA;AACM,EAAA,OAAA,CAACN,MAAQ,EAAA,GAAGK,IAAI,CAAA;AACzB;;;;"}

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

@@ -1,6 +1,16 @@
-import { defineComponent, resolveComponent, createBlock, openBlock, normalizeClass, unref, withCtx, createElementVNode, createVNode, createTextVNode, createElementBlock, createCommentVNode } from 'vue';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/base.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/upload.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/progress.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/alert.scss.js';
+import { defineComponent, computed, createBlock, openBlock, normalizeClass, unref, withCtx, createElementVNode, createVNode, createTextVNode, createElementBlock, createCommentVNode } from 'vue';
 import { UploadFilled } from '@element-plus/icons-vue';
 import { useNamespace } from '@qxs-bns/hooks';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/badge.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/message.scss.js';
+import { ElUpload } from '../../../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';
+import { ElIcon } from '../../../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';
+import { ElAlert } from '../../../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';
+import { ElMessage } from '../../../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 = {
@@ -53,9 +63,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emit("onSuccess", res, file, fileList);
     };
     return (_ctx, _cache) => {
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_alert = resolveComponent("el-alert");
-      const _component_el_upload = resolveComponent("el-upload");
+      const _component_el_icon = ElIcon;
+      const _component_el_alert = ElAlert;
+      const _component_el_upload = ElUpload;
       return openBlock(), createBlock(_component_el_upload, {
         headers: _ctx.headers,
         action: _ctx.action,

package/es/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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAuBd,IAAA,MAAM,IAAO,GAAA,MAAA;AAEb,IAAM,MAAA,EAAA,GAAK,aAAa,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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAuBd,IAAA,MAAM,IAAO,GAAA,MAAA;AAEb,IAAM,MAAA,EAAA,GAAK,aAAa,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/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":[],"mappings":";;;;;AACA,MAAe,WAAA,GAAA;AAAA,EACb,IAAM,EAAA;AACR,CAAA;;;;;;;;;;AAYA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAOd,IAAM,MAAA,EAAA,GAAK,aAAa,kBAAkB,CAAA;AAC1C,IAAA,MAAM,OAAO,QAAS,EAAA;AACtB,IAAM,MAAA,QAAA,GAAW,IAAI,KAAK,CAAA;AAC1B,IAAM,MAAA,SAAA,GAAY,IAAwB,IAAI,CAAA;AAC9C,IAAM,MAAA,cAAA,GAAiB,IAAwB,IAAI,CAAA;AAEnD,IAAM,MAAA,EAAE,QAAW,GAAA,cAAA,CAAe,WAAW,MAAW,EAAA,EAAE,GAAK,EAAA,YAAA,EAAc,CAAA;AAC7E,IAAM,MAAA,QAAA,GAAW,iBAAiB,cAAc,CAAA;AAChD,IAAA,MAAM,EAAE,IAAA,EAAM,eAAgB,EAAA,GAAI,mBAAmB,QAAQ,CAAA;AAC7D,IAAA,MAAM,EAAE,KAAO,EAAA,sBAAA,EAA2B,GAAA,cAAA,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,IAAA,SAAA,CAAU,MAAM;AACd,MAAuB,sBAAA,EAAA;AACvB,MAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,sBAAsB,CAAA;AAAA,KACzD,CAAA;AAED,IAAA,WAAA,CAAY,MAAM;AAChB,MAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,sBAAsB,CAAA;AAAA,KAC5D,CAAA;AAGD,IAAM,MAAA,cAAA,GAAiB,SAAS,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,EAAA,aAAA,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":[],"mappings":";;;;;AACA,MAAe,WAAA,GAAA;AAAA,EACb,IAAM,EAAA;AACR,CAAA;;;;;;;;;;AAYA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAOd,IAAM,MAAA,EAAA,GAAK,aAAa,kBAAkB,CAAA;AAC1C,IAAA,MAAM,OAAO,QAAS,EAAA;AACtB,IAAM,MAAA,QAAA,GAAW,IAAI,KAAK,CAAA;AAC1B,IAAM,MAAA,SAAA,GAAY,IAAwB,IAAI,CAAA;AAC9C,IAAM,MAAA,cAAA,GAAiB,IAAwB,IAAI,CAAA;AAEnD,IAAM,MAAA,EAAE,QAAW,GAAA,cAAA,CAAe,WAAW,MAAW,EAAA,EAAE,GAAK,EAAA,YAAA,EAAc,CAAA;AAC7E,IAAM,MAAA,QAAA,GAAW,iBAAiB,cAAc,CAAA;AAChD,IAAA,MAAM,EAAE,IAAA,EAAM,eAAgB,EAAA,GAAI,mBAAmB,QAAQ,CAAA;AAC7D,IAAA,MAAM,EAAE,KAAO,EAAA,sBAAA,EAA2B,GAAA,cAAA,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,IAAA,SAAA,CAAU,MAAM;AACd,MAAuB,sBAAA,EAAA;AACvB,MAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,sBAAsB,CAAA;AAAA,KACzD,CAAA;AAED,IAAA,WAAA,CAAY,MAAM;AAChB,MAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,sBAAsB,CAAA;AAAA,KAC5D,CAAA;AAGD,IAAM,MAAA,cAAA,GAAiB,SAAS,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,EAAA,aAAA,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/es/src/image-upload/src/image-upload.vue.js

@@ -1,6 +1,19 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createVNode, createCommentVNode, createBlock, withCtx, withDirectives, normalizeStyle, createElementVNode, toDisplayString, withModifiers, vShow } from 'vue';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/base.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/image-viewer.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/upload.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/progress.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/image.scss.js';
+import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createVNode, createCommentVNode, createBlock, withCtx, withDirectives, normalizeStyle, createElementVNode, toDisplayString, withModifiers, vShow } from 'vue';
 import { Plus, ZoomIn, Delete } from '@element-plus/icons-vue';
 import { useNamespace } from '@qxs-bns/hooks';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/badge.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/message.scss.js';
+import { ElUpload } from '../../../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';
+import { ElImage } from '../../../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';
+import { ElIcon } from '../../../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';
+import { ElProgress } from '../../../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';
+import { ElImageViewer } from '../../../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';
+import { ElMessage } from '../../../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,
@@ -80,11 +93,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emits("onSuccess", ...res);
     };
     return (_ctx, _cache) => {
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_image = resolveComponent("el-image");
-      const _component_el_progress = resolveComponent("el-progress");
-      const _component_el_upload = resolveComponent("el-upload");
-      const _component_el_image_viewer = resolveComponent("el-image-viewer");
+      const _component_el_icon = ElIcon;
+      const _component_el_image = ElImage;
+      const _component_el_progress = ElProgress;
+      const _component_el_upload = ElUpload;
+      const _component_el_image_viewer = ElImageViewer;
       return openBlock(), createElementBlock(
         "div",
         {

package/es/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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAA,MAAM,KAAQ,GAAA,OAAA;AA2Bd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAWd,IAAM,MAAA,EAAA,GAAK,aAAa,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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAA,MAAM,KAAQ,GAAA,OAAA;AA2Bd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAWd,IAAM,MAAA,EAAA,GAAK,aAAa,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,3 +1,5 @@
+import { ref } from 'vue';
+
 function useCanvas(canvasElement) {
   const context = ref(null);
   if (canvasElement) {

package/es/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,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

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, toDisplayString, Fragment, createElementVNode, normalizeStyle } from 'vue';
+import { defineComponent, ref, computed, watch, onMounted, nextTick, onUnmounted, 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';

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

@@ -1,7 +1,24 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, createTextVNode, isRef, Fragment } from 'vue';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/base.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/dialog.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/overlay.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/radio-group.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/radio.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/button.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/checkbox.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/popper.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/popover.scss.js';
+import '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/link.scss.js';
+import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, createTextVNode, isRef, Fragment } from 'vue';
 import { Edit, Delete, Top, Bottom } from '@element-plus/icons-vue';
 import { useNamespace } from '@qxs-bns/hooks';
 import _sfc_main$1 from '../../subject-type/src/subject-type.vue.js';
+import { ElPopover } from '../../../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';
+import { ElLink } from '../../../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';
+import { ElCheckbox } from '../../../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';
+import { ElButton } from '../../../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';
+import { ElIcon } from '../../../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';
+import { ElDialog } from '../../../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';
+import { ElRadioGroup, ElRadio } from '../../../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,
@@ -58,14 +75,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emits("add", type, canSet ? props.examAnswerRelationType : null);
     }
     return (_ctx, _cache) => {
-      const _component_el_link = resolveComponent("el-link");
-      const _component_el_popover = resolveComponent("el-popover");
-      const _component_el_checkbox = resolveComponent("el-checkbox");
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_radio = resolveComponent("el-radio");
-      const _component_el_radio_group = resolveComponent("el-radio-group");
-      const _component_el_dialog = resolveComponent("el-dialog");
+      const _component_el_link = ElLink;
+      const _component_el_popover = ElPopover;
+      const _component_el_checkbox = ElCheckbox;
+      const _component_el_icon = ElIcon;
+      const _component_el_button = ElButton;
+      const _component_el_radio = ElRadio;
+      const _component_el_radio_group = ElRadioGroup;
+      const _component_el_dialog = ElDialog;
       return openBlock(), createElementBlock(
         "div",
         {
@@ -279,21 +296,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createVNode(_component_el_radio, { value: 1 }, {
                         default: withCtx(() => _cache[22] || (_cache[22] = [
-                          createTextVNode("\u5FC5\u987B\u5168\u90E8\u90FD\u662F\u63A8\u8350\u9009\u9879\uFF0C\u65B9\u53EF\u4E0B\u4E00\u6B65")
+                          createTextVNode("\u5FC5\u987B\u5168\u90E8\u90FD\u662F\u652F\u6301\u9009\u9879\uFF0C\u65B9\u53EF\u4E0B\u4E00\u6B65")
                         ])),
                         _: 1
                         /* STABLE */
                       }),
                       createVNode(_component_el_radio, { value: 2 }, {
                         default: withCtx(() => _cache[23] || (_cache[23] = [
-                          createTextVNode("\u65E0\u9700\u5224\u65AD\u662F\u5426\u662F\u63A8\u8350\u9009\u9879")
+                          createTextVNode("\u65E0\u9700\u5224\u65AD\u662F\u5426\u662F\u652F\u6301\u9009\u9879")
                         ])),
                         _: 1
                         /* STABLE */
                       }),
                       createVNode(_component_el_radio, { value: 3 }, {
                         default: withCtx(() => _cache[24] || (_cache[24] = [
-                          createTextVNode("\u5305\u542B\u5168\u90E8\u63A8\u8350\u9009\u9879\uFF0C\u5373\u53EF\u4E0B\u4E00\u6B65")
+                          createTextVNode("\u5305\u542B\u5168\u90E8\u652F\u6301\u9009\u9879\uFF0C\u5373\u53EF\u4E0B\u4E00\u6B65")
                         ])),
                         _: 1
                         /* STABLE */

package/es/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":[],"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,GAAK,aAAa,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})\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":[],"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,GAAK,aAAa,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/src/subject-layout/src/subject-layout.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent, createElementBlock, openBlock, renderSlot, createCommentVNode, createElementVNode } from 'vue';
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, renderSlot, createElementVNode } from 'vue';
+import { useNamespace } from '@qxs-bns/hooks';
 
-const _hoisted_1 = { class: "subject-layout" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
   class: "edit"
 };
@@ -14,21 +14,32 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     showEdit: { type: Boolean, required: true }
   },
   setup(__props) {
+    const ns = useNamespace("subject-layout");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        renderSlot(_ctx.$slots, "preview"),
-        _ctx.showEdit ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          _cache[0] || (_cache[0] = createElementVNode(
-            "div",
-            { class: "triangle-up" },
-            null,
-            -1
-            /* HOISTED */
-          )),
-          renderSlot(_ctx.$slots, "edit")
-        ])) : createCommentVNode("v-if", true),
-        renderSlot(_ctx.$slots, "default")
-      ]);
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(ns).e("layout-exam"))
+        },
+        [
+          createCommentVNode(' <div class="subject-layout"> '),
+          renderSlot(_ctx.$slots, "preview"),
+          _ctx.showEdit ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            _cache[0] || (_cache[0] = createElementVNode(
+              "div",
+              { class: "triangle-up" },
+              null,
+              -1
+              /* HOISTED */
+            )),
+            renderSlot(_ctx.$slots, "edit")
+          ])) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "default"),
+          createCommentVNode(" </div> ")
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });

package/es/src/subject-layout/src/subject-layout.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"subject-layout.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"subject-layout.vue.js","sources":["../../../../../../packages/components/src/subject-layout/src/subject-layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'QxsSubjectLayout',\n})\ndefineProps<{\n  showEdit: boolean\n}>()\n\nconst ns = useNamespace('subject-layout')\n</script>\n\n<template>\n  <div :class=\"ns.e('layout-exam')\">\n  <!-- <div class=\"subject-layout\"> -->\n    <slot name=\"preview\" />\n    <div v-if=\"showEdit\" class=\"edit\">\n      <div class=\"triangle-up\" />\n      <slot name=\"edit\" />\n    </div>\n    <slot />\n  <!-- </div> -->\n</div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAUA,IAAM,MAAA,EAAA,GAAK,aAAa,gBAAgB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/src/subject-list/src/components/SubjectPageEnd.vue.js

@@ -1,7 +1,10 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
+import '../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/base.scss.js';
+import '../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/row.scss.js';
+import { defineComponent, onMounted, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
 import { useNamespace } from '@qxs-bns/hooks';
 import _sfc_main$2 from '../../../subject-action/src/subject-action.vue.js';
 import _sfc_main$1 from '../../../subject-layout/src/subject-layout.vue.js';
+import { ElRow } from '../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/row/index.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -24,13 +27,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     function init() {
     }
     onMounted(init);
-    const ns = useNamespace("subject-scale");
+    const ns = useNamespace("subject-end");
     return (_ctx, _cache) => {
-      const _component_el_row = resolveComponent("el-row");
+      const _component_el_row = ElRow;
       return openBlock(), createElementBlock(
         "div",
         {
-          class: normalizeClass(unref(ns).e("scale-exam"))
+          class: normalizeClass(unref(ns).e("end-exam"))
         },
         [
           createVNode(_sfc_main$1, { "show-edit": _ctx.isEdit }, {

package/es/src/subject-list/src/components/SubjectPageEnd.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubjectPageEnd.vue.js","sources":["../../../../../../../packages/components/src/subject-list/src/components/SubjectPageEnd.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\nimport SubjectAction from '../../../subject-action/src/subject-action.vue'\nimport SubjectLayout from '../../../subject-layout/src/subject-layout.vue'\n\ndefineOptions({\n  name: 'QxsSubjectScale',\n})\nconst props = defineProps<{\n  currentPageIndex: number\n  totalPage: number\n  isSave: boolean\n  showAction?: boolean\n  isEdit: boolean\n  isSet: boolean\n  examAnswerRelationType?: number\n}>()\nconst emits = defineEmits(['move', 'save', 'delete', 'edit', 'add'])\n\nfunction init() {\n\n}\n\nonMounted(init)\nconst ns = useNamespace('subject-scale')\n</script>\n\n<template>\n  <div :class=\"ns.e('scale-exam')\">\n    <SubjectLayout :show-edit=\"isEdit\">\n      <template #preview>\n        <el-row type=\"flex\" align=\"middle\">\n      <span class=\"auto-line\" />\n      <span>第{{ currentPageIndex }} / {{ totalPage }}页</span>\n      <span class=\"auto-line\" />\n    </el-row>\n      </template>\n      <SubjectAction\n        v-if=\"showAction\"\n        :is-edit=\"isEdit\"\n        :is-set=\"isSet\"\n        :examAnswerRelationType=\"props.examAnswerRelationType\"\n        :showOtherOption=\"false\"\n        @move-up=\"emits('move', 'up')\"\n        @move-down=\"emits('move', 'down')\"\n        @delete=\"emits('delete')\"\n        @edit=\"emits('edit')\"\n        @add=\"type => emits('add', type)\"\n      />\n    </SubjectLayout>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,IAAA,MAAM,KAAQ,GAAA,OAAA;AASd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAEd,IAAA,SAAS,IAAO,GAAA;AAAA;AAIhB,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,IAAM,MAAA,EAAA,GAAK,aAAa,eAAe,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SubjectPageEnd.vue.js","sources":["../../../../../../../packages/components/src/subject-list/src/components/SubjectPageEnd.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\nimport SubjectAction from '../../../subject-action/src/subject-action.vue'\nimport SubjectLayout from '../../../subject-layout/src/subject-layout.vue'\n\ndefineOptions({\n  name: 'QxsSubjectScale',\n})\nconst props = defineProps<{\n  currentPageIndex: number\n  totalPage: number\n  isSave: boolean\n  showAction?: boolean\n  isEdit: boolean\n  isSet: boolean\n  examAnswerRelationType?: number\n}>()\nconst emits = defineEmits(['move', 'save', 'delete', 'edit', 'add'])\n\nfunction init() {\n\n}\n\nonMounted(init)\nconst ns = useNamespace('subject-end')\n</script>\n\n<template>\n  <div :class=\"ns.e('end-exam')\">\n    <SubjectLayout :show-edit=\"isEdit\">\n      <template #preview>\n        <el-row type=\"flex\" align=\"middle\">\n          <span class=\"auto-line\" />\n          <span>第{{ currentPageIndex }} / {{ totalPage }}页</span>\n          <span class=\"auto-line\" />\n        </el-row>\n      </template>\n      <SubjectAction\n        v-if=\"showAction\"\n        :is-edit=\"isEdit\"\n        :is-set=\"isSet\"\n        :examAnswerRelationType=\"props.examAnswerRelationType\"\n        :showOtherOption=\"false\"\n        @move-up=\"emits('move', 'up')\"\n        @move-down=\"emits('move', 'down')\"\n        @delete=\"emits('delete')\"\n        @edit=\"emits('edit')\"\n        @add=\"type => emits('add', type)\"\n      />\n    </SubjectLayout>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAA,MAAM,KAAQ,GAAA,OAAA;AASd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAEd,IAAA,SAAS,IAAO,GAAA;AAAA;AAIhB,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,IAAM,MAAA,EAAA,GAAK,aAAa,aAAa,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/src/subject-list/src/components/SubjectRichText.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, mergeProps, isRef, createElementVNode } from 'vue';
+import { defineComponent, useAttrs, ref, onMounted, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, mergeProps, isRef, createElementVNode, createTextVNode, toDisplayString } from 'vue';
 import { useNamespace } from '@qxs-bns/hooks';
 import { ElMessage } from 'element-plus';
 import _sfc_main$2 from '../../../subject-action/src/subject-action.vue.js';
@@ -54,6 +54,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(_sfc_main$1, { "show-edit": _ctx.isEdit }, {
             preview: withCtx(() => [
               createElementVNode("div", _hoisted_1, [
+                createTextVNode(
+                  toDisplayString(_ctx.orderIndex + 1) + ".",
+                  1
+                  /* TEXT */
+                ),
                 createElementVNode("div", { innerHTML: unref(richContent) }, null, 8, _hoisted_2)
               ])
             ]),

package/es/src/subject-list/src/components/SubjectRichText.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubjectRichText.vue.js","sources":["../../../../../../../packages/components/src/subject-list/src/components/SubjectRichText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { ElMessage } from 'element-plus'\nimport SubjectAction from '../../../subject-action/src/subject-action.vue'\nimport SubjectLayout from '../../../subject-layout/src/subject-layout.vue'\nimport TinyMceEditor from '../../../tiny-mce-editor/src/tiny-mce-editor.vue'\n\ndefineOptions({\n  name: 'QxsSubjectScale',\n})\nconst props = defineProps<{\n  orderIndex: number\n  richTextContent: string\n  title?: string\n  isSave: boolean\n  showAction?: boolean\n  isEdit: boolean\n  isSet: boolean\n  examAnswerRelationType?: number\n}>()\nconst emits = defineEmits(['move', 'save', 'delete', 'edit', 'add'])\n\nconst attrs = useAttrs()\n\nconst richContent = ref('')\n\nfunction save() {\n  if (!richContent.value) {\n    ElMessage.error('富文本内容不能为空!')\n    return\n  }\n\n\n  emits('save', {\n    richTextContent: richContent.value ||'',\n  })\n}\n\nfunction init() {\n  if (props.richTextContent) {\n    richContent.value = props.richTextContent\n  }\n}\n\nonMounted(init)\nconst ns = useNamespace('subject-scale')\n</script>\n\n<template>\n  <div :class=\"ns.e('scale-exam')\">\n    <SubjectLayout :show-edit=\"isEdit\">\n      <template #preview>\n        <div class=\"preview\">\n            <div v-html=\"richContent\" />\n        </div>\n      </template>\n      <template #edit>\n        <TinyMceEditor v-model:model-value=\"richContent\" v-bind=\"attrs\" style=\"width: 100%;\" />\n      </template>\n      <SubjectAction\n        v-if=\"showAction\"\n        :is-edit=\"isEdit\"\n        :is-set=\"isSet\"\n        :examAnswerRelationType=\"props.examAnswerRelationType\"\n        :showOtherOption=\"false\"\n        @move-up=\"emits('move', 'up')\"\n        @move-down=\"emits('move', 'down')\"\n        @delete=\"emits('delete')\"\n        @save=\"save\"\n        @edit=\"emits('edit')\"\n        @add=\"type => emits('add', type)\"\n      />\n    </SubjectLayout>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAUd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,IAAM,MAAA,WAAA,GAAc,IAAI,EAAE,CAAA;AAE1B,IAAA,SAAS,IAAO,GAAA;AACd,MAAI,IAAA,CAAC,YAAY,KAAO,EAAA;AACtB,QAAA,SAAA,CAAU,MAAM,yDAAY,CAAA;AAC5B,QAAA;AAAA;AAIF,MAAA,KAAA,CAAM,MAAQ,EAAA;AAAA,QACZ,eAAA,EAAiB,YAAY,KAAQ,IAAA;AAAA,OACtC,CAAA;AAAA;AAGH,IAAA,SAAS,IAAO,GAAA;AACd,MAAA,IAAI,MAAM,eAAiB,EAAA;AACzB,QAAA,WAAA,CAAY,QAAQ,KAAM,CAAA,eAAA;AAAA;AAC5B;AAGF,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,IAAM,MAAA,EAAA,GAAK,aAAa,eAAe,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SubjectRichText.vue.js","sources":["../../../../../../../packages/components/src/subject-list/src/components/SubjectRichText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { ElMessage } from 'element-plus'\nimport SubjectAction from '../../../subject-action/src/subject-action.vue'\nimport SubjectLayout from '../../../subject-layout/src/subject-layout.vue'\nimport TinyMceEditor from '../../../tiny-mce-editor/src/tiny-mce-editor.vue'\n\ndefineOptions({\n  name: 'QxsSubjectScale',\n})\nconst props = defineProps<{\n  orderIndex: number\n  richTextContent: string\n  title?: string\n  isSave: boolean\n  showAction?: boolean\n  isEdit: boolean\n  isSet: boolean\n  examAnswerRelationType?: number\n}>()\nconst emits = defineEmits(['move', 'save', 'delete', 'edit', 'add'])\n\nconst attrs = useAttrs()\n\nconst richContent = ref('')\n\nfunction save() {\n  if (!richContent.value) {\n    ElMessage.error('富文本内容不能为空!')\n    return\n  }\n\n\n  emits('save', {\n    richTextContent: richContent.value ||'',\n  })\n}\n\nfunction init() {\n  if (props.richTextContent) {\n    richContent.value = props.richTextContent\n  }\n}\n\nonMounted(init)\nconst ns = useNamespace('subject-scale')\n</script>\n\n<template>\n  <div :class=\"ns.e('scale-exam')\">\n    <SubjectLayout :show-edit=\"isEdit\">\n      <template #preview>\n        <div class=\"preview\">\n          {{ orderIndex + 1 }}.<div v-html=\"richContent\" />\n        </div>\n      </template>\n      <template #edit>\n        <TinyMceEditor v-model:model-value=\"richContent\" v-bind=\"attrs\" style=\"width: 100%;\" />\n      </template>\n      <SubjectAction\n        v-if=\"showAction\"\n        :is-edit=\"isEdit\"\n        :is-set=\"isSet\"\n        :examAnswerRelationType=\"props.examAnswerRelationType\"\n        :showOtherOption=\"false\"\n        @move-up=\"emits('move', 'up')\"\n        @move-down=\"emits('move', 'down')\"\n        @delete=\"emits('delete')\"\n        @save=\"save\"\n        @edit=\"emits('edit')\"\n        @add=\"type => emits('add', type)\"\n      />\n    </SubjectLayout>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAUd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,IAAM,MAAA,WAAA,GAAc,IAAI,EAAE,CAAA;AAE1B,IAAA,SAAS,IAAO,GAAA;AACd,MAAI,IAAA,CAAC,YAAY,KAAO,EAAA;AACtB,QAAA,SAAA,CAAU,MAAM,yDAAY,CAAA;AAC5B,QAAA;AAAA;AAIF,MAAA,KAAA,CAAM,MAAQ,EAAA;AAAA,QACZ,eAAA,EAAiB,YAAY,KAAQ,IAAA;AAAA,OACtC,CAAA;AAAA;AAGH,IAAA,SAAS,IAAO,GAAA;AACd,MAAA,IAAI,MAAM,eAAiB,EAAA;AACzB,QAAA,WAAA,CAAY,QAAQ,KAAM,CAAA,eAAA;AAAA;AAC5B;AAGF,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,IAAM,MAAA,EAAA,GAAK,aAAa,eAAe,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/src/subject-list/src/components/subject-blank-fill.vue.js

@@ -1,10 +1,23 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, createElementVNode, isRef, createTextVNode, Fragment, renderList, toDisplayString, mergeProps } from 'vue';
+import '../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/base.scss.js';
+import '../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/button.scss.js';
+import '../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/tag.scss.js';
+import '../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/checkbox-group.scss.js';
+import '../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/checkbox.scss.js';
+import '../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/link.scss.js';
+import '../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/input.scss.js';
+import { defineComponent, useAttrs, ref, watch, onMounted, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, createElementVNode, isRef, createTextVNode, Fragment, renderList, toDisplayString, mergeProps } from 'vue';
 import { Plus } from '@element-plus/icons-vue';
 import { useNamespace } from '@qxs-bns/hooks';
 import { ElMessage } from 'element-plus';
 import _sfc_main$2 from '../../../subject-action/src/subject-action.vue.js';
 import _sfc_main$1 from '../../../subject-layout/src/subject-layout.vue.js';
 import _sfc_main$3 from '../../../tiny-mce-editor/src/tiny-mce-editor.vue.js';
+import { ElInput } from '../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/input/index.js';
+import { ElLink } from '../../../../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';
+import { ElCheckboxGroup, ElCheckbox } from '../../../../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';
+import { ElTag } from '../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/tag/index.js';
+import { ElButton } from '../../../../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';
+import { ElIcon } from '../../../../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';
 
 const _hoisted_1 = { class: "preview" };
 const _hoisted_2 = { class: "content" };
@@ -153,13 +166,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(init);
     const ns = useNamespace("subject-blank-fill");
     return (_ctx, _cache) => {
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_link = resolveComponent("el-link");
-      const _component_el_checkbox = resolveComponent("el-checkbox");
-      const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
-      const _component_el_tag = resolveComponent("el-tag");
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_button = resolveComponent("el-button");
+      const _component_el_input = ElInput;
+      const _component_el_link = ElLink;
+      const _component_el_checkbox = ElCheckbox;
+      const _component_el_checkbox_group = ElCheckboxGroup;
+      const _component_el_tag = ElTag;
+      const _component_el_icon = ElIcon;
+      const _component_el_button = ElButton;
       return openBlock(), createElementBlock(
         "div",
         {