@qxs-bns/components 0.0.90 → 0.0.92

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

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/src/file-upload/src/file-upload.vue2.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("@qxs-bns/hooks"),r=require("../../message/src/message.cjs"),a=require("../../alert/index.cjs");const l=["accept","multiple"],s=["onClick"];var n=e.defineComponent({name:"QxsFileUpload",__name:"file-upload",props:{action:{type:String,required:!0},headers:{type:Object,required:!1},data:{type:Object,required:!1},name:{type:String,required:!1,default:"file"},size:{type:Number,required:!1,default:20},max:{type:Number,required:!1,default:3},accept:{type:String,required:!1,default:"zip,rar"},files:{type:Array,required:!1,default:()=>[]},notip:{type:Boolean,required:!1,default:!1},ext:{type:Array,required:!1}},emits:["onSuccess"],setup(n,{emit:o}){const i=n,c=o,u=t.useNamespace("file-upload"),d=e.computed(()=>i.accept.split(",")),p=e.ref([...i.files]),m=e.ref(!1),f=e=>{const t=e.name.split(".").at(-1)??"",a=d.value.includes(t),l=e.size/1024/1024<i.size;return a?l?!(p.value.length>=i.max)||(r.QxsMessage.warning("文件上传超过限制"),!1):(r.QxsMessage.error(`上传文件大小不能超过 ${i.size}MB！`),!1):(r.QxsMessage.error(`上传文件只支持 ${d.value.join(" / ")} 格式！`),!1)},v=e=>{m.value=!1;const t=e.dataTransfer?.files;t&&Array.from(t).forEach(e=>{f(e)&&x(e)})},g=e=>{e.preventDefault(),m.value=!0},y=()=>{m.value=!1},h=e=>{const t=e.target,r=t.files;r&&(Array.from(r).forEach(e=>{f(e)&&x(e)}),t.value="")},x=e=>{const t=new FormData;t.append(i.name,e),i.data&&Object.entries(i.data).forEach(([e,r])=>{t.append(e,r)});const a=new XMLHttpRequest;a.open("POST",i.action),i.headers&&Object.entries(i.headers).forEach(([e,t])=>{a.setRequestHeader(e,t)}),a.onload=()=>{if(a.status>=200&&a.status<300){const t=JSON.parse(a.responseText);p.value.push({name:e.name,file:e}),c("onSuccess",t,e,p.value.map(e=>e.file).filter(Boolean))}else r.QxsMessage.error("上传失败")},a.onerror=()=>{r.QxsMessage.error("上传失败")},a.send(t)};return(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(u).b())},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(u).e("control"),{"is-dragging":m.value}]),onDrop:v,onDragover:g,onDragleave:y,onClick:r[0]||(r[0]=e=>t.$refs.fileInput.click())},[e.createElementVNode("input",{ref:"fileInput",type:"file",accept:t.accept,multiple:t.max>1,style:{display:"none"},onChange:h},null,40,l),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u).e("icon"))},r[1]||(r[1]=[e.createElementVNode("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:"48",height:"48"},[e.createElementVNode("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"})],-1)]),2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u).e("text"))},r[2]||(r[2]=[e.createTextVNode(" 将文件拖到此处，或",-1),e.createElementVNode("em",null,"点击上传",-1)]),2)],34),p.value.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(u).e("list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(t,r)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:e.normalizeClass(e.unref(u).e("item"))},[e.createElementVNode("span",null,e.toDisplayString(t.name),1),e.createElementVNode("button",{type:"button",class:e.normalizeClass(e.unref(u).e("remove")),onClick:e.withModifiers(e=>(e=>{p.value.splice(e,1)})(r),["stop"])}," × ",10,s)],2))),128))],2)):e.createCommentVNode("v-if",!0),t.notip?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(u).e("tip"))},[e.createVNode(e.unref(a.QxsAlert),{title:`上传文件支持 ${d.value.join(" / ")} 格式，单个文件大小不超过 ${t.size}MB，且文件数量不超过 ${t.max} 个`,type:"info"},null,8,["title"])],2))],2))}});exports.default=n;
-//# sourceMappingURL=file-upload.vue2.cjs.map

package/lib/src/file-upload/src/file-upload.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload.vue2.cjs","sources":["../../../../../../packages/components/src/file-upload/src/file-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { computed, ref } from 'vue'\nimport { QxsMessage } from '../../message'\nimport { QxsAlert } from '../../alert'\n\ndefineOptions({\n  name: 'QxsFileUpload',\n})\n\nexport interface FileUploadProps {\n  action: string\n  headers?: Record<string, string>\n  data?: Record<string, string | Blob>\n  name?: string\n  size?: number\n  max?: number\n  accept?: string\n  files?: Array<{ name: string; url?: string; file?: File }>\n  notip?: boolean\n  ext?: string[]\n}\n\nconst props = withDefaults(defineProps<FileUploadProps>(), {\n  name: 'file',\n  size: 20,\n  max: 3,\n  files: () => [],\n  notip: false,\n  accept: 'zip,rar',\n})\n\nconst emit = defineEmits<{\n  onSuccess: [res: any, file: File, fileList: File[]]\n}>()\n\nconst ns = useNamespace('file-upload')\n\nconst exts = computed(() => {\n  return props.accept.split(',')\n})\n\nconst internalFiles = ref<Array<{ name: string; url?: string; file?: File }>>([...props.files])\nconst isDragging = ref(false)\n\nconst beforeUpload = (file: File): boolean => {\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    QxsMessage.error(`上传文件只支持 ${exts.value.join(' / ')} 格式！`)\n    return false\n  }\n  if (!isSizeOk) {\n    QxsMessage.error(`上传文件大小不能超过 ${props.size}MB！`)\n    return false\n  }\n  if (internalFiles.value.length >= props.max) {\n    QxsMessage.warning('文件上传超过限制')\n    return false\n  }\n\n  return true\n}\n\nconst handleDrop = (e: DragEvent) => {\n  isDragging.value = false\n  const files = e.dataTransfer?.files\n  if (!files) return\n\n  Array.from(files).forEach((file) => {\n    if (beforeUpload(file)) {\n      uploadFile(file)\n    }\n  })\n}\n\nconst handleDragOver = (e: DragEvent) => {\n  e.preventDefault()\n  isDragging.value = true\n}\n\nconst handleDragLeave = () => {\n  isDragging.value = false\n}\n\nconst handleFileSelect = (e: Event) => {\n  const target = e.target as HTMLInputElement\n  const files = target.files\n  if (!files) return\n\n  Array.from(files).forEach((file) => {\n    if (beforeUpload(file)) {\n      uploadFile(file)\n    }\n  })\n\n  target.value = ''\n}\n\nconst uploadFile = (file: File) => {\n  const formData = new FormData()\n  formData.append(props.name, file)\n\n  if (props.data) {\n    Object.entries(props.data).forEach(([key, value]) => {\n      formData.append(key, value)\n    })\n  }\n\n  const xhr = new XMLHttpRequest()\n  xhr.open('POST', props.action)\n\n  if (props.headers) {\n    Object.entries(props.headers).forEach(([key, value]) => {\n      xhr.setRequestHeader(key, value)\n    })\n  }\n\n  xhr.onload = () => {\n    if (xhr.status >= 200 && xhr.status < 300) {\n      const res = JSON.parse(xhr.responseText)\n      internalFiles.value.push({ name: file.name, file })\n      emit('onSuccess', res, file, internalFiles.value.map((f) => f.file).filter(Boolean) as File[])\n    } else {\n      QxsMessage.error('上传失败')\n    }\n  }\n\n  xhr.onerror = () => {\n    QxsMessage.error('上传失败')\n  }\n\n  xhr.send(formData)\n}\n\nconst handleRemove = (index: number) => {\n  internalFiles.value.splice(index, 1)\n}\n</script>\n\n<template>\n  <div :class=\"ns.b()\">\n    <div\n      :class=\"[ns.e('control'), { 'is-dragging': isDragging }]\"\n      @drop=\"handleDrop\"\n      @dragover=\"handleDragOver\"\n      @dragleave=\"handleDragLeave\"\n      @click=\"($refs.fileInput as HTMLInputElement).click()\"\n    >\n      <input\n        ref=\"fileInput\"\n        type=\"file\"\n        :accept=\"accept\"\n        :multiple=\"max > 1\"\n        style=\"display: none;\"\n        @change=\"handleFileSelect\"\n      >\n      <div :class=\"ns.e('icon')\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"48\" height=\"48\">\n          <path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z\" />\n        </svg>\n      </div>\n      <div :class=\"ns.e('text')\">\n        将文件拖到此处，或<em>点击上传</em>\n      </div>\n    </div>\n\n    <div v-if=\"internalFiles.length\" :class=\"ns.e('list')\">\n      <div v-for=\"(file, index) in internalFiles\" :key=\"index\" :class=\"ns.e('item')\">\n        <span>{{ file.name }}</span>\n        <button type=\"button\" :class=\"ns.e('remove')\" @click.stop=\"handleRemove(index)\">\n          ×\n        </button>\n      </div>\n    </div>\n\n    <div v-if=\"!notip\" :class=\"ns.e('tip')\">\n      <QxsAlert\n        :title=\"`上传文件支持 ${exts.join(' / ')} 格式，单个文件大小不超过 ${size}MB，且文件数量不超过 ${max} 个`\"\n        type=\"info\"\n      />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.qxs-file-upload {\n  width: 100%;\n}\n\n.qxs-file-upload__control {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 150px;\n  padding: 24px;\n  cursor: pointer;\n  background: #fafafa;\n  border: 1px dashed #d9d9d9;\n  border-radius: 4px;\n  transition: border-color 0.2s;\n}\n\n.qxs-file-upload__control:hover,\n.qxs-file-upload__control.is-dragging {\n  border-color: #409eff;\n}\n\n.qxs-file-upload__icon {\n  margin-bottom: 12px;\n  color: #c0c4cc;\n}\n\n.qxs-file-upload__text {\n  font-size: 14px;\n  color: #909399;\n}\n\n.qxs-file-upload__text em {\n  font-style: normal;\n  color: #409eff;\n}\n\n.qxs-file-upload__list {\n  margin-top: 12px;\n}\n\n.qxs-file-upload__item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 12px;\n  font-size: 14px;\n  color: #606266;\n  border-bottom: 1px solid #eee;\n}\n\n.qxs-file-upload__item:last-child {\n  border-bottom: none;\n}\n\n.qxs-file-upload__item span {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.qxs-file-upload__remove {\n  padding: 0;\n  margin-left: 12px;\n  font-size: 16px;\n  color: #c0c4cc;\n  cursor: pointer;\n  background: none;\n  border: none;\n  transition: color 0.2s;\n}\n\n.qxs-file-upload__remove:hover {\n  color: #f56c6c;\n}\n\n.qxs-file-upload__tip {\n  margin-top: 12px;\n}\n</style>\n"],"names":["props","__props","emit","__emit","ns","useNamespace","exts","computed","accept","split","internalFiles","ref","files","isDragging","beforeUpload","file","fileExt","name","at","isTypeOk","value","includes","isSizeOk","size","length","max","QxsMessage","warning","error","join","handleDrop","e","dataTransfer","Array","from","forEach","uploadFile","handleDragOver","preventDefault","handleDragLeave","handleFileSelect","target","formData","FormData","append","data","Object","entries","key","xhr","XMLHttpRequest","open","action","headers","setRequestHeader","onload","status","res","JSON","parse","responseText","push","map","f","filter","Boolean","onerror","send","_createElementBlock","class","_normalizeClass","_unref","b","_createElementVNode","onDrop","onDragover","onDragleave","onClick","_cache","$event","$refs","fileInput","click","type","multiple","style","display","onChange","viewBox","fill","width","height","d","_openBlock","_Fragment","_renderList","index","_toDisplayString","_withModifiers","splice","handleRemove","_hoisted_2","notip","_createVNode","QxsAlert","title"],"mappings":"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"}

package/lib/src/file-upload/src/file-upload.vue3.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=".qxs-file-upload[data-v-1059eba1]{width:100%}.qxs-file-upload__control[data-v-1059eba1]{align-items:center;background:#fafafa;border:1px dashed #d9d9d9;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:24px;transition:border-color .2s}.qxs-file-upload__control.is-dragging[data-v-1059eba1],.qxs-file-upload__control[data-v-1059eba1]:hover{border-color:#409eff}.qxs-file-upload__icon[data-v-1059eba1]{color:#c0c4cc;margin-bottom:12px}.qxs-file-upload__text[data-v-1059eba1]{color:#909399;font-size:14px}.qxs-file-upload__text em[data-v-1059eba1]{color:#409eff;font-style:normal}.qxs-file-upload__list[data-v-1059eba1]{margin-top:12px}.qxs-file-upload__item[data-v-1059eba1]{align-items:center;border-bottom:1px solid #eee;color:#606266;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.qxs-file-upload__item[data-v-1059eba1]:last-child{border-bottom:none}.qxs-file-upload__item span[data-v-1059eba1]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qxs-file-upload__remove[data-v-1059eba1]{background:none;border:none;color:#c0c4cc;cursor:pointer;font-size:16px;margin-left:12px;padding:0;transition:color .2s}.qxs-file-upload__remove[data-v-1059eba1]:hover{color:#f56c6c}.qxs-file-upload__tip[data-v-1059eba1]{margin-top:12px}";require("../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.cjs").default(e),exports.default=e;
-//# sourceMappingURL=file-upload.vue3.cjs.map

package/lib/src/file-upload/src/file-upload.vue3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload.vue3.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/src/fixed-action-bar/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withInstall.cjs"),t=require("./src/fixed-action-bar.vue.cjs");const r=e.withInstall(t.default);exports.QxsFixedActionBar=r,exports.default=r;
-//# sourceMappingURL=index.cjs.map

package/lib/src/fixed-action-bar/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../packages/components/src/fixed-action-bar/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/fixed-action-bar.vue'\n\nconst QxsFixedActionBar = withInstall(component)\n\nexport {\n  QxsFixedActionBar,\n}\n\nexport default QxsFixedActionBar\n"],"names":["QxsFixedActionBar","withInstall","component"],"mappings":"oJAGA,MAAMA,EAAoBC,EAAAA,YAAYC,EAAAA"}

package/lib/src/fixed-action-bar/src/fixed-action-bar.vue.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("@qxs-bns/hooks"),n=require("@qxs-bns/utils"),a=require("lodash-es");var r=e.defineComponent({name:"QxsFixedActionBar",props:{padding:{type:Number,default:8},className:{type:String,default:""}},setup(r){const o=r,i=t.useNamespace("fixed-action-bar"),l=e.ref(!1),d=e.ref(null),s=e.ref(null),u=e.ref({width:0,height:0}),c=e.ref(0),p=e.ref(0),m={resize:null,parent:null};function f(e,t,n){const a=new ResizeObserver(e=>{e.forEach(e=>requestAnimationFrame(()=>t(e)))});return a.observe(e,n),a}function v(){if(!d.value||!s.value)return;m.resize=f(d.value,e=>{const t=function(e){const t=getComputedStyle(e);return{x:Number.parseFloat(t.paddingLeft)+Number.parseFloat(t.paddingRight),y:Number.parseFloat(t.paddingTop)+Number.parseFloat(t.paddingBottom)}}(e.target);u.value={width:e.contentRect.width+t.x,height:e.contentRect.height+t.y}},{box:"border-box"});const e=s.value.parentElement;e&&(m.parent=f(e,()=>{const t=e.getBoundingClientRect();c.value=t.width,p.value=t.left}))}const h=a.debounce(()=>{const{scrollY:e}=window,{clientHeight:t,scrollHeight:n}=document.documentElement;l.value=Math.ceil(e+t)>=n},100),g=e.computed(()=>l.value?"":i.is("shadow")),b=e.computed(()=>"Android"===n.getDeviceType()?Math.max(o.padding,20):o.padding),x=e.computed(()=>({width:`${c.value}px`,left:`${p.value}px`,...i.cssVarBlock({"actionbar-padding":`${o.padding}px`,"actionbar-padding-bottom":`${b.value}px`})}));return e.onMounted(()=>{v(),window.addEventListener("scroll",h,{passive:!0})}),e.onUnmounted(()=>{m.resize?.disconnect(),m.parent?.disconnect(),window.removeEventListener("scroll",h)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"placeholderRef",ref:s,style:e.normalizeStyle({width:"100%",height:`${u.value.height}px`})},[e.createElementVNode("div",{ref_key:"actionbar",ref:d,style:e.normalizeStyle(x.value),class:e.normalizeClass([e.unref(i).e("actionbar"),g.value,r.className]),"data-fixed-calc-width":""},[e.renderSlot(t.$slots,"default")],6)],4))}});exports.default=r;
-//# sourceMappingURL=fixed-action-bar.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fixed-action-bar.vue.cjs","sources":["../../../../../../packages/components/src/fixed-action-bar/src/fixed-action-bar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { getDeviceType } from '@qxs-bns/utils'\nimport { debounce } from 'lodash-es'\nimport { computed, onMounted, onUnmounted, ref } from 'vue'\n\nconst props = defineProps({\n  padding: {\n    type: Number,\n    default: 8,\n  },\n  className: {\n    type: String,\n    default: '',\n  },\n})\n\ninterface ElementSize { width: number, height: number }\n\nconst ns = useNamespace('fixed-action-bar')\nconst isBottom = ref(false)\nconst actionbar = ref<HTMLElement | null>(null)\nconst placeholderRef = ref<HTMLElement | null>(null)\n\nconst elementSize = ref<ElementSize>({ width: 0, height: 0 })\nconst parentWidth = ref(0)\nconst elementLeft = ref(0)\n\nconst observers = {\n  resize: null as ResizeObserver | null,\n  parent: null as ResizeObserver | null,\n}\n\nfunction getTotalPadding(el: HTMLElement) {\n  const style = getComputedStyle(el)\n  return {\n    x: Number.parseFloat(style.paddingLeft) + Number.parseFloat(style.paddingRight),\n    y: Number.parseFloat(style.paddingTop) + Number.parseFloat(style.paddingBottom),\n  }\n}\n\nfunction createResizeObserver(el: HTMLElement,\n  callback: (entry: ResizeObserverEntry) => void,\n  options?: ResizeObserverOptions) {\n  const observer = new ResizeObserver((entries) => {\n    entries.forEach(entry => requestAnimationFrame(() => callback(entry)))\n  })\n  observer.observe(el, options)\n  return observer\n}\n\nfunction initObservers() {\n  if (!actionbar.value || !placeholderRef.value) {\n    return\n  }\n\n  // 主元素尺寸观察\n  observers.resize = createResizeObserver(\n    actionbar.value,\n    (entry) => {\n      const padding = getTotalPadding(entry.target as HTMLElement)\n      elementSize.value = {\n        width: entry.contentRect.width + padding.x,\n        height: entry.contentRect.height + padding.y,\n      }\n    },\n    { box: 'border-box' },\n  )\n\n  // 父元素观察\n  const parent = placeholderRef.value.parentElement\n  if (parent) {\n    observers.parent = createResizeObserver(parent, () => {\n      const rect = parent.getBoundingClientRect()\n      parentWidth.value = rect.width\n      elementLeft.value = rect.left\n    })\n  }\n}\n\nconst calculateScrollDetails = debounce(() => {\n  const { scrollY } = window\n  const { clientHeight, scrollHeight } = document.documentElement\n  isBottom.value = Math.ceil(scrollY + clientHeight) >= scrollHeight\n}, 100)\n\nconst shadowClass = computed(() => (!isBottom.value ? ns.is('shadow') : ''))\n\nconst paddingBottom = computed(() =>\n  getDeviceType() === 'Android' ? Math.max(props.padding, 20) : props.padding,\n)\n\nconst actionbarStyle = computed(() => ({\n  width: `${parentWidth.value}px`,\n  left: `${elementLeft.value}px`,\n  ...ns.cssVarBlock({\n    'actionbar-padding': `${props.padding}px`,\n    'actionbar-padding-bottom': `${paddingBottom.value}px`,\n  }),\n}))\n\nonMounted(() => {\n  initObservers()\n  window.addEventListener('scroll', calculateScrollDetails, { passive: true })\n})\n\nonUnmounted(() => {\n  observers.resize?.disconnect()\n  observers.parent?.disconnect()\n  window.removeEventListener('scroll', calculateScrollDetails)\n})\n</script>\n\n<script lang=\"ts\">\nexport default {\n  name: 'QxsFixedActionBar',\n}\n</script>\n\n<template>\n  <div\n    ref=\"placeholderRef\"\n    :style=\"{ width: '100%', height: `${elementSize.height}px` }\"\n  >\n    <div\n      ref=\"actionbar\"\n      :style=\"actionbarStyle\"\n      :class=\"[ns.e('actionbar'), shadowClass, className]\"\n      data-fixed-calc-width\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["name","props","__props","ns","useNamespace","isBottom","ref","actionbar","placeholderRef","elementSize","width","height","parentWidth","elementLeft","observers","resize","parent","createResizeObserver","el","callback","options","observer","ResizeObserver","entries","forEach","entry","requestAnimationFrame","observe","initObservers","value","padding","style","getComputedStyle","x","Number","parseFloat","paddingLeft","paddingRight","y","paddingTop","paddingBottom","getTotalPadding","target","contentRect","box","parentElement","rect","getBoundingClientRect","left","calculateScrollDetails","debounce","scrollY","window","clientHeight","scrollHeight","document","documentElement","Math","ceil","shadowClass","computed","is","getDeviceType","max","actionbarStyle","cssVarBlock","onMounted","addEventListener","passive","onUnmounted","disconnect","removeEventListener","_createElementBlock","_normalizeStyle","_createElementVNode","class","_unref","e","className","_renderSlot","_ctx","$slots"],"mappings":"iMAmHEA,KAAM,wGA7GR,MAAMC,EAAQC,EAaRC,EAAKC,EAAAA,aAAa,oBAClBC,EAAWC,EAAAA,KAAI,GACfC,EAAYD,EAAAA,IAAwB,MACpCE,EAAiBF,EAAAA,IAAwB,MAEzCG,EAAcH,EAAAA,IAAiB,CAAEI,MAAO,EAAGC,OAAQ,IACnDC,EAAcN,EAAAA,IAAI,GAClBO,EAAcP,EAAAA,IAAI,GAElBQ,EAAY,CAChBC,OAAQ,KACRC,OAAQ,MAWV,SAASC,EAAqBC,EAC5BC,EACAC,GACA,MAAMC,EAAW,IAAIC,eAAgBC,IACnCA,EAAQC,QAAQC,GAASC,sBAAsB,IAAMP,EAASM,OAGhE,OADAJ,EAASM,QAAQT,EAAIE,GACdC,CACT,CAEA,SAASO,IACP,IAAKrB,EAAUsB,QAAUrB,EAAeqB,MACtC,OAIFf,EAAUC,OAASE,EACjBV,EAAUsB,MACTJ,IACC,MAAMK,EA3BZ,SAAyBZ,GACvB,MAAMa,EAAQC,iBAAiBd,GAC/B,MAAO,CACLe,EAAGC,OAAOC,WAAWJ,EAAMK,aAAeF,OAAOC,WAAWJ,EAAMM,cAClEC,EAAGJ,OAAOC,WAAWJ,EAAMQ,YAAcL,OAAOC,WAAWJ,EAAMS,eAErE,CAqBsBC,CAAgBhB,EAAMiB,QACtCjC,EAAYoB,MAAQ,CAClBnB,MAAOe,EAAMkB,YAAYjC,MAAQoB,EAAQG,EACzCtB,OAAQc,EAAMkB,YAAYhC,OAASmB,EAAQQ,IAG/C,CAAEM,IAAK,eAIT,MAAM5B,EAASR,EAAeqB,MAAMgB,cAChC7B,IACFF,EAAUE,OAASC,EAAqBD,EAAQ,KAC9C,MAAM8B,EAAO9B,EAAO+B,wBACpBnC,EAAYiB,MAAQiB,EAAKpC,MACzBG,EAAYgB,MAAQiB,EAAKE,OAG/B,CAEA,MAAMC,EAAyBC,EAAAA,SAAS,KACtC,MAAMC,QAAEA,GAAYC,QACdC,aAAEA,EAAAC,aAAcA,GAAiBC,SAASC,gBAChDnD,EAASwB,MAAQ4B,KAAKC,KAAKP,EAAUE,IAAiBC,GACrD,KAEGK,EAAcC,WAAS,IAAQvD,EAASwB,MAA0B,GAAlB1B,EAAG0D,GAAG,WAEtDrB,EAAgBoB,EAAAA,SAAS,IACT,YAApBE,EAAAA,gBAAgCL,KAAKM,IAAI9D,EAAM6B,QAAS,IAAM7B,EAAM6B,SAGhEkC,EAAiBJ,EAAAA,SAAS,KAAA,CAC9BlD,MAAO,GAAGE,EAAYiB,UACtBmB,KAAM,GAAGnC,EAAYgB,aAClB1B,EAAG8D,YAAY,CAChB,oBAAqB,GAAGhE,EAAM6B,YAC9B,2BAA4B,GAAGU,EAAcX,sBAIjDqC,EAAAA,UAAU,KACRtC,IACAwB,OAAOe,iBAAiB,SAAUlB,EAAwB,CAAEmB,SAAS,MAGvEC,EAAAA,YAAY,KACVvD,EAAUC,QAAQuD,aAClBxD,EAAUE,QAAQsD,aAClBlB,OAAOmB,oBAAoB,SAAUtB,2BAWrCuB,EAAAA,mBAYM,MAAA,SAXA,iBAAJlE,IAAIE,EACHuB,MAAK0C,EAAAA,eAAA,CAAA/D,MAAA,OAAAC,OAAA,GAA8BF,EAAAoB,MAAYlB,eAEhD+D,EAAAA,mBAOM,MAAA,SANA,YAAJpE,IAAIC,EACHwB,uBAAOiC,EAAAnC,OACP8C,wBAAQC,EAAAA,MAAAzE,GAAG0E,EAAC,aAAelB,EAAA9B,MAAa3B,EAAA4E,YACzC,wBAAA,KAEAC,aAAQC,EAAAC,OAAA"}

package/lib/src/fixed-action-bar/src/fixed-action-bar.vue2.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./fixed-action-bar.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=fixed-action-bar.vue2.cjs.map

package/lib/src/fixed-action-bar/src/fixed-action-bar.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fixed-action-bar.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/src/icon/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("../withInstall.cjs"),r=require("./src/icon.cjs");const s=t.withInstall(r.default);exports.QxsIcon=s,exports.createQxsIcon=function(t){return t="string"==typeof t?{icon:t}:t,e.defineComponent({setup:()=>()=>e.h(r.default,{...t})})},exports.default=s;
-//# sourceMappingURL=index.cjs.map

package/lib/src/icon/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../packages/components/src/icon/index.ts"],"sourcesContent":["import type { PropsType } from './src/icon'\nimport { defineComponent, h } from 'vue'\nimport { withInstall } from '../withInstall'\nimport component from './src/icon'\n\nconst QxsIcon = withInstall(component)\n\n// 返回一个组件对象\nfunction createQxsIcon(opt: PropsType | string) {\n  opt = typeof opt === 'string' ? { icon: opt } : opt\n  return defineComponent({\n    setup() {\n      return () => h(component, { ...opt })\n    },\n  })\n}\n\nexport {\n  createQxsIcon,\n  QxsIcon,\n}\n\nexport default QxsIcon\n"],"names":["QxsIcon","withInstall","component","opt","icon","defineComponent","setup","h"],"mappings":"qJAKA,MAAMA,EAAUC,EAAAA,YAAYC,EAAAA,iDAG5B,SAAuBC,GAErB,OADAA,EAAqB,iBAARA,EAAmB,CAAEC,KAAMD,GAAQA,EACzCE,kBAAgB,CACrBC,MAAAA,IACS,IAAMC,EAAAA,EAAEL,UAAW,IAAKC,KAGrC"}

package/lib/src/icon/src/icon.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/.pnpm/@iconify_vue@5.0.0_vue@3.5.18_typescript@5.9.2_/node_modules/@iconify/vue/dist/iconify.cjs"),t=require("@qxs-bns/hooks"),s=require("vue"),i=s.defineComponent({name:"QxsIcon",inheritAttrs:!1,props:{icon:{type:[String,Object,Function],required:!0},flip:{type:String,default:""},rotate:{type:Number,default:0},color:String,size:[String,Number],localIconPrefix:{type:String,default:"icon-"},fallback:String,loading:String},setup(i){const r=s.useAttrs(),l=t.useNamespace("icon"),o=s.computed(()=>{const e=[l.b()];return r.class&&("string"==typeof r.class?e.push(r.class):Array.isArray(r.class)?e.push(...r.class):e.push(r.class)),e}),a=s.computed(()=>{const{class:e,style:t,...s}=r;return s}),u=s.computed(()=>"object"==typeof i.icon||"function"==typeof i.icon),n=s.computed(()=>{if(u.value)return"component";const e=i.icon;return/^https?:\/\//.test(e)||(/^\.{1,2}\//.test(t=e)||t.startsWith("/")||t.includes("/"))?"img":/^i-[^:]+:[^:]+/.test(e)?"unocss":e.startsWith("i-")&&!e.includes(":")?"css":e.includes(":")&&!e.startsWith("i-")?"iconify":/^[\w-]+$/.test(e)&&!e.startsWith("i-")?"svg":"css";var t}),c=s.computed(()=>{if(u.value)return"";const e=i.icon;return"img"===n.value||"unocss"===n.value||n.value,e}),v=s.computed(()=>"css"===n.value?c.value.split(" ").filter(e=>e.trim()):[]);function p(e){return e?"number"==typeof e||/^\d+(?:\.\d+)?$/.test(e)?`${e}px`:e:""}const f=s.computed(()=>{const e=[];switch(i.flip){case"horizontal":e.push("rotateY(180deg)");break;case"vertical":e.push("rotateX(180deg)");break;case"both":e.push("rotateX(180deg)"),e.push("rotateY(180deg)")}i.rotate&&e.push(`rotate(${i.rotate%360}deg)`);let t=`${i.color?`color: ${i.color};`:""}${i.size?`font-size: ${p(i.size)};`:""}${e.length?`transform: ${e.join(" ")};`:""}`;const s=r.style;if(s)if("string"==typeof s)t+=s;else if("object"==typeof s){t+=Object.entries(s).map(e=>{let[t,s]=e;return`${t.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${s};`}).join("")}return t}),h=s.ref(!0),d=s.ref(!1);function y(){h.value=!1,d.value=!1}function g(){h.value=!1,d.value=!0}return()=>{if("component"===n.value)return s.h(i.icon,{class:["size-inherit","shrink-0",...o.value],style:f.value,...a.value});if("unocss"===n.value)return s.h("i",{class:[...o.value,c.value],style:f.value,...a.value});if("css"===n.value)return s.h("i",{class:["size-inherit","shrink-0",...o.value,...v.value],style:f.value,...a.value});if("iconify"===n.value){const t={class:["size-inherit","shrink-0",...o.value],icon:c.value,...a.value};if(i.color&&(t.color=i.color),i.flip&&(t.flip=i.flip),i.rotate&&(t.rotate=i.rotate),i.size){const e=p(i.size);t.width=e,t.height=e}const l=r.style;return l&&(t.style=l),s.h(e.Icon,t)}return"img"===n.value?h.value&&i.loading?s.h("i",{class:i.loading,...a.value}):d.value&&i.fallback?s.h("i",{class:i.fallback,...a.value}):s.h("img",{src:c.value,class:["size-inherit","shrink-0",...o.value],style:[f.value,{width:i.size?p(i.size):"auto",height:"auto"}],onLoad:y,onError:g,...a.value}):c.value?s.h("i",{class:o.value,style:f.value,...a.value},[s.h("svg",{"aria-hidden":"true",class:"size-inherit shrink-0"},[s.h("use",{"xlink:href":`#${i.localIconPrefix}${c.value}`})])]):null}}});exports.default=i;
-//# sourceMappingURL=icon.cjs.map

package/lib/src/icon/src/icon.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.cjs","sources":["../../../../../../packages/components/src/icon/src/icon.tsx"],"sourcesContent":["import type { Component, CSSProperties } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { computed, defineComponent, h, ref, useAttrs } from 'vue'\n\nexport interface PropsType {\n  icon: string | Component\n  flip?: 'horizontal' | 'vertical' | 'both' | '' | undefined\n  rotate?: number\n  color?: string\n  size?: string | number\n  localIconPrefix?: string\n  // 新增功能：支持图片URL\n  fallback?: string // 加载失败时的备用图标\n  loading?: string // 加载中显示的图标\n}\n\nexport default defineComponent({\n  name: 'QxsIcon',\n  inheritAttrs: false,\n  props: {\n    icon: {\n      type: [String, Object, Function] as any,\n      required: true,\n    },\n    flip: {\n      type: String as () => 'horizontal' | 'vertical' | 'both' | '' | undefined,\n      default: '',\n    },\n    rotate: {\n      type: Number,\n      default: 0,\n    },\n    color: String,\n    size: [String, Number],\n    localIconPrefix: {\n      type: String,\n      default: 'icon-',\n    },\n    fallback: String,\n    loading: String,\n  },\n  setup(props) {\n    const attrs = useAttrs()\n    const ns = useNamespace('icon')\n\n    // 合并外部传入的类名\n    const mergedClass = computed(() => {\n      const classes: any[] = [ns.b()]\n      if (attrs.class) {\n        if (typeof attrs.class === 'string') {\n          classes.push(attrs.class)\n        }\n        else if (Array.isArray(attrs.class)) {\n          classes.push(...attrs.class)\n        }\n        else {\n          classes.push(attrs.class)\n        }\n      }\n      return classes\n    })\n\n    // 获取非 class 的其他属性\n    const otherAttrs = computed(() => {\n      const { class: _, style: __, ...rest } = attrs\n      return rest\n    })\n\n    const isComponentName = computed(() => typeof props.icon === 'object' || typeof props.icon === 'function')\n\n    const outputType = computed(() => {\n      if (isComponentName.value) {\n        return 'component'\n      }\n\n      const iconStr = props.icon as string\n\n      // 检测是否为图片URL或路径\n      const hasPathFeatures = (str: string) => {\n        return /^\\.{1,2}\\//.test(str) || str.startsWith('/') || str.includes('/')\n      }\n      if (/^https?:\\/\\//.test(iconStr) || hasPathFeatures(iconStr)) {\n        return 'img'\n      }\n\n      // 检测UnoCSS图标格式 (i-[provider]:[name])\n      if (/^i-[^:]+:[^:]+/.test(iconStr)) {\n        return 'unocss'\n      }\n\n      // 检测以i-开头的自定义CSS类图标（不包含冒号）\n      if (iconStr.startsWith('i-') && !iconStr.includes(':')) {\n        return 'css'\n      }\n\n      // 检测Iconify格式 (provider:name，但不以i-开头)\n      if (iconStr.includes(':') && !iconStr.startsWith('i-')) {\n        return 'iconify'\n      }\n\n      // 检测SVG sprite（单个单词，不包含空格和特殊字符，且不以i-开头）\n      if (/^[\\w-]+$/.test(iconStr) && !iconStr.startsWith('i-')) {\n        return 'svg'\n      }\n\n      // 其他情况都视为CSS类图标（包括多个类名等）\n      return 'css'\n    })\n\n    const outputName = computed(() => {\n      if (isComponentName.value) {\n        return ''\n      }\n\n      const iconStr = props.icon as string\n\n      // 对于图片类型，直接返回URL\n      if (outputType.value === 'img') {\n        return iconStr\n      }\n\n      // 对于UnoCSS图标，直接返回类名\n      if (outputType.value === 'unocss') {\n        return iconStr\n      }\n\n      // 对于传统CSS图标，处理多个类名的情况\n      if (outputType.value === 'css') {\n        return iconStr\n      }\n\n      // 其他情况直接返回\n      return iconStr\n    })\n\n    // 对于CSS类图标，将字符串拆分为类名数组\n    const cssClasses = computed(() => {\n      if (outputType.value === 'css') {\n        return outputName.value.split(' ').filter(cls => cls.trim())\n      }\n      return []\n    })\n\n    // 用正则匹配 size 是不是 number 值，再判断是否有 px 结尾的单位，没有则拼接\n    function formatSize(size: string | number | undefined): string {\n      if (!size) {\n        return ''\n      }\n\n      // 如果是数字，直接添加 px\n      if (typeof size === 'number') {\n        return `${size}px`\n      }\n\n      // 如果是纯数字字符串，添加 px\n      if (/^\\d+(?:\\.\\d+)?$/.test(size)) {\n        return `${size}px`\n      }\n\n      // 如果已经有单位（px、em、rem等）或者不是纯数字，直接返回\n      return size\n    }\n\n    // 统一的样式计算属性，适用于所有图标类型\n    // 包含颜色、尺寸和变换（旋转、翻转）\n    const style = computed(() => {\n      const transform = [] as string[]\n      switch (props.flip) {\n        case 'horizontal':\n          transform.push('rotateY(180deg)')\n          break\n        case 'vertical':\n          transform.push('rotateX(180deg)')\n          break\n        case 'both':\n          transform.push('rotateX(180deg)')\n          transform.push('rotateY(180deg)')\n          break\n        // 对于 '' 和 undefined，不做任何处理\n      }\n      if (props.rotate) {\n        transform.push(`rotate(${props.rotate % 360}deg)`)\n      }\n\n      // 构建基础样式\n      let baseStyle = `${props.color ? `color: ${props.color};` : ''}${props.size ? `font-size: ${formatSize(props.size)};` : ''}${transform.length ? `transform: ${transform.join(' ')};` : ''}`\n\n      // 拼接 attrs.style\n      const attrsStyle = attrs.style\n      if (attrsStyle) {\n        if (typeof attrsStyle === 'string') {\n          baseStyle += attrsStyle\n        }\n        else if (typeof attrsStyle === 'object') {\n          // 处理对象形式的样式\n          const styleEntries = Object.entries(attrsStyle as CSSProperties)\n          const styleString = styleEntries\n            .map(([key, value]) => `${key.replace(/([A-Z])/g, '-$1').toLowerCase()}: ${value};`)\n            .join('')\n          baseStyle += styleString\n        }\n      }\n\n      return baseStyle\n    })\n\n    // 图片加载状态管理\n    const imageLoading = ref(true)\n    const imageError = ref(false)\n\n    function handleImageLoad() {\n      imageLoading.value = false\n      imageError.value = false\n    }\n\n    function handleImageError() {\n      imageLoading.value = false\n      imageError.value = true\n    }\n\n    return () => {\n      // Vue组件\n      if (outputType.value === 'component') {\n        return h(\n          props.icon as Component,\n          {\n            class: ['size-inherit', 'shrink-0', ...mergedClass.value],\n            style: style.value,\n            ...otherAttrs.value,\n          },\n        )\n      }\n\n      // UnoCSS图标\n      if (outputType.value === 'unocss') {\n        return h(\n          'i',\n          {\n            class: [...mergedClass.value, outputName.value],\n            style: style.value,\n            ...otherAttrs.value,\n          },\n        )\n      }\n\n      // CSS类图标\n      if (outputType.value === 'css') {\n        return h(\n          'i',\n          {\n            class: ['size-inherit', 'shrink-0', ...mergedClass.value, ...cssClasses.value],\n            style: style.value,\n            ...otherAttrs.value,\n          },\n        )\n      }\n\n      // Iconify图标\n      if (outputType.value === 'iconify') {\n        // Iconify 组件有自己的 color、width、height、flip、rotate 等属性\n        // 需要单独处理这些属性\n        const iconifyProps: any = {\n          class: ['size-inherit', 'shrink-0', ...mergedClass.value],\n          icon: outputName.value,\n          ...otherAttrs.value,\n        }\n\n        // 传递 color 属性给 Iconify\n        if (props.color) {\n          iconifyProps.color = props.color\n        }\n\n        // 传递 flip 属性给 Iconify\n        if (props.flip) {\n          iconifyProps.flip = props.flip\n        }\n\n        // 传递 rotate 属性给 Iconify\n        if (props.rotate) {\n          iconifyProps.rotate = props.rotate\n        }\n\n        // 处理 size - Iconify 使用 width 和 height\n        if (props.size) {\n          const formattedSize = formatSize(props.size)\n          iconifyProps.width = formattedSize\n          iconifyProps.height = formattedSize\n        }\n\n        // 如果有额外的 style，也要传递\n        const attrsStyle = attrs.style\n        if (attrsStyle) {\n          iconifyProps.style = attrsStyle\n        }\n\n        return h(Icon, iconifyProps)\n      }\n\n      // 图片\n      if (outputType.value === 'img') {\n        // 加载中状态\n        if (imageLoading.value && props.loading) {\n          return h('i', {\n            class: props.loading,\n            ...otherAttrs.value,\n          })\n        }\n        // 错误状态\n        if (imageError.value && props.fallback) {\n          return h('i', {\n            class: props.fallback,\n            ...otherAttrs.value,\n          })\n        }\n        // 图片本体\n        return h('img', {\n          src: outputName.value,\n          class: ['size-inherit', 'shrink-0', ...mergedClass.value],\n          style: [style.value, { width: props.size ? formatSize(props.size) : 'auto', height: 'auto' }],\n          onLoad: handleImageLoad,\n          onError: handleImageError,\n          ...otherAttrs.value,\n        })\n      }\n\n      // SVG Sprite\n      if (outputName.value) {\n        return h(\n          'i',\n          {\n            class: mergedClass.value,\n            style: style.value,\n            ...otherAttrs.value,\n          },\n          [\n            h(\n              'svg',\n              {\n                'aria-hidden': 'true',\n                'class': 'size-inherit shrink-0',\n              },\n              [\n                h('use', {\n                  'xlink:href': `#${props.localIconPrefix}${outputName.value}`,\n                }),\n              ],\n            ),\n          ],\n        )\n      }\n\n      return null\n    }\n  },\n})\n"],"names":["component","defineComponent","name","inheritAttrs","props","icon","type","String","Object","Function","required","flip","default","rotate","Number","color","size","localIconPrefix","fallback","loading","setup","attrs","useAttrs","ns","useNamespace","mergedClass","computed","classes","b","class","push","Array","isArray","otherAttrs","_","style","__","rest","isComponentName","outputType","value","iconStr","test","str","startsWith","includes","outputName","cssClasses","split","filter","cls","trim","formatSize","transform","baseStyle","length","join","attrsStyle","entries","map","_ref","key","replace","toLowerCase","imageLoading","ref","imageError","handleImageLoad","handleImageError","h","iconifyProps","formattedSize","width","height","Icon","src","onLoad","onError"],"mappings":"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"}

package/lib/src/image-upload/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withInstall.cjs"),t=require("./src/image-upload.vue.cjs");const s=e.withInstall(t.default);exports.QxsImageUpload=s,exports.default=s;
-//# sourceMappingURL=index.cjs.map

package/lib/src/image-upload/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../packages/components/src/image-upload/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/image-upload.vue'\n\nconst QxsImageUpload = withInstall(component)\n\nexport {\n  QxsImageUpload,\n}\n\nexport default QxsImageUpload\n"],"names":["QxsImageUpload","withInstall","component"],"mappings":"gJAGA,MAAMA,EAAiBC,EAAAA,YAAYC,EAAAA"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./image-upload.vue2.cjs");require("./image-upload.vue3.cjs");var r=require("../../../_virtual/_plugin-vue_export-helper.cjs").default(e.default,[["__scopeId","data-v-299e0c8a"]]);exports.default=r;
-//# sourceMappingURL=image-upload.vue.cjs.map

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

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

package/lib/src/image-upload/src/image-upload.vue2.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),a=require("@qxs-bns/icons"),t=require("../../icon/index.cjs"),l=require("../../message/src/message.cjs");const i={class:"qxs-image-upload__list"},o=["src","alt"],s={key:1,class:"qxs-image-upload__placeholder"},r={key:2,class:"qxs-image-upload__progress"},n={class:"qxs-image-upload__actions"},c=["onClick"],u=["onClick"],d=["accept","multiple","disabled"],m={class:"qxs-image-upload__add-content"},p={key:0,class:"qxs-image-upload__tip"},v=["src"];var g=e.defineComponent({name:"QxsImageUpload",__name:"image-upload",props:e.mergeModels({action:{type:String,required:!0},headers:{type:Object,required:!1},data:{type:Object,required:!1},name:{type:String,required:!1,default:"file"},size:{type:Number,required:!1,default:20},width:{type:Number,required:!1,default:160},height:{type:Number,required:!1,default:90},accept:{type:String,required:!1,default:"image/jpeg,image/jpg,image/png,image/gif"},placeholder:{type:String,required:!1,default:"上传图片"},notip:{type:Boolean,required:!1,default:!1},tipText:{type:String,required:!1,default:""},disabled:{type:Boolean,required:!1,default:!1},limit:{type:Number,required:!1,default:1}},{fileList:{type:Array,default:()=>[]},fileListModifiers:{}}),emits:e.mergeModels(["success","remove"],["update:fileList"]),setup(g,{emit:f}){const k=g,h=f,x=e.useModel(g,"fileList"),q=e.ref(!1),_=e.ref(0),y=e.ref(!1),b=e.ref(0),B=e.computed(()=>k.accept.split(",").map(e=>e.split("/").pop())),E=e.computed(()=>{if(k.tipText)return k.tipText;return`支持 ${B.value.join(" / ")} 格式，大小不超过 ${k.size}MB`+(k.width&&k.height?`，建议尺寸 ${k.width}×${k.height}`:"")}),N=e.computed(()=>({"--upload-width":`${k.width}px`,"--upload-height":`${k.height}px`}));function C(e){const a=e.target,t=a.files;t&&!k.disabled&&(x.value.length+t.length>k.limit?l.QxsMessage.warning(`最多上传 ${k.limit} 张图片`):(Array.from(t).forEach(e=>{if(!function(e){const a=e.name.split(".").pop()?.toLowerCase()??"";return B.value.some(e=>e?.toLowerCase()===a)?!(e.size/1024/1024>k.size&&(l.QxsMessage.error(`图片大小不能超过 ${k.size}MB`),1)):(l.QxsMessage.error(`仅支持上传 ${B.value.join(" / ")} 格式的图片`),!1)}(e))return;const a={uid:Date.now()+Math.random(),name:e.name,size:e.size,status:"uploading",url:URL.createObjectURL(e),file:e};x.value.push(a),function(e,a){const t=new FormData;t.append(k.name,e),k.data&&Object.entries(k.data).forEach(([e,a])=>{t.append(e,a)});const i=new XMLHttpRequest;i.open("POST",k.action),k.headers&&Object.entries(k.headers).forEach(([e,a])=>{i.setRequestHeader(e,a)});i.upload.onprogress=e=>{e.lengthComputable&&(_.value=Math.floor(e.loaded/e.total*100))},i.onload=()=>{if(q.value=!1,_.value=0,i.status>=200&&i.status<300){const e=JSON.parse(i.responseText);a.status="success",h("success",e,a,x.value)}else a.status="fail",l.QxsMessage.error("上传失败")},i.onerror=()=>{q.value=!1,_.value=0,a.status="fail",l.QxsMessage.error("上传失败")},q.value=!0,_.value=0,i.send(t)}(e,a)}),a.value=""))}function V(){y.value=!1}function w(){b.value=(b.value-1+x.value.length)%x.value.length}function M(){b.value=(b.value+1)%x.value.length}return e.onUnmounted(()=>{x.value.forEach(e=>{e.url?.startsWith("blob:")&&URL.revokeObjectURL(e.url)})}),(l,g)=>(e.openBlock(),e.createElementBlock("div",{class:"qxs-image-upload",style:e.normalizeStyle(N.value)},[e.createElementVNode("div",i,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,(i,d)=>(e.openBlock(),e.createElementBlock("div",{key:i.uid||d,class:"qxs-image-upload__item"},[i.url?(e.openBlock(),e.createElementBlock("img",{key:0,src:i.url,alt:i.name},null,8,o)):(e.openBlock(),e.createElementBlock("div",s,"无图片")),"uploading"===i.status?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("div",{class:"qxs-image-upload__progress-bar",style:e.normalizeStyle({width:`${_.value}%`})},null,4)])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",n,[i.url?(e.openBlock(),e.createElementBlock("span",{key:0,class:"qxs-image-upload__action",onClick:e=>function(e){b.value=e,y.value=!0}(d)},[e.createVNode(e.unref(t.QxsIcon),{icon:e.unref(a.ZoomIn),size:"14px"},null,8,["icon"])],8,c)):e.createCommentVNode("v-if",!0),e.createElementVNode("span",{class:e.normalizeClass(["qxs-image-upload__action",{"is-disabled":l.disabled}]),onClick:e=>function(e){if(k.disabled)return;const a=x.value[e];a.url?.startsWith("blob:")&&URL.revokeObjectURL(a.url),x.value.splice(e,1),h("remove",a)}(d)},[e.createVNode(e.unref(t.QxsIcon),{icon:e.unref(a.Delete),size:"14px"},null,8,["icon"])],10,u)])]))),128)),x.value.length<l.limit?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(["qxs-image-upload__add",{"is-disabled":l.disabled}])},[e.createElementVNode("input",{type:"file",accept:l.accept,multiple:l.limit>1,disabled:l.disabled,onChange:C},null,40,d),e.createElementVNode("div",m,[e.createVNode(e.unref(t.QxsIcon),{icon:e.unref(a.UploadImage),size:"32px"},null,8,["icon"]),e.createElementVNode("p",null,e.toDisplayString(l.placeholder),1)])],2)):e.createCommentVNode("v-if",!0)]),l.notip?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("div",p,e.toDisplayString(E.value),1)),e.createCommentVNode(" Image Viewer "),y.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"qxs-image-viewer",onClick:e.withModifiers(V,["self"])},[e.createElementVNode("div",{class:"qxs-image-viewer__mask",onClick:V}),e.createElementVNode("span",{class:"qxs-image-viewer__close",onClick:V},"×"),x.value.length>1?(e.openBlock(),e.createElementBlock("span",{key:0,class:"qxs-image-viewer__prev",onClick:w},"‹")):e.createCommentVNode("v-if",!0),x.value.length>1?(e.openBlock(),e.createElementBlock("span",{key:1,class:"qxs-image-viewer__next",onClick:M},"›")):e.createCommentVNode("v-if",!0),x.value[b.value]?.url?(e.openBlock(),e.createElementBlock("img",{key:2,src:x.value[b.value].url,class:"qxs-image-viewer__img"},null,8,v)):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0)],4))}});exports.default=g;
-//# sourceMappingURL=image-upload.vue2.cjs.map

package/lib/src/image-upload/src/image-upload.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-upload.vue2.cjs","sources":["../../../../../../packages/components/src/image-upload/src/image-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Delete, UploadImage, ZoomIn } from '@qxs-bns/icons'\nimport { QxsIcon } from '../../icon'\nimport { computed, onUnmounted, ref } from 'vue'\nimport { QxsMessage } from '../../message'\n\nexport interface ImageFile {\n  uid?: string | number\n  name: string\n  url?: string\n  size?: number\n  status?: 'ready' | 'uploading' | 'success' | 'fail'\n  file?: File\n}\n\nexport interface ImageUploadProps {\n  action: string\n  headers?: Record<string, string>\n  data?: Record<string, string | Blob>\n  name?: string\n  size?: number\n  width?: number\n  height?: number\n  accept?: string\n  placeholder?: string\n  notip?: boolean\n  tipText?: string\n  disabled?: boolean\n  limit?: number\n}\n\ndefineOptions({\n  name: 'QxsImageUpload',\n})\n\nconst props = withDefaults(defineProps<ImageUploadProps>(), {\n  name: 'file',\n  size: 20,\n  width: 160,\n  height: 90,\n  limit: 1,\n  placeholder: '上传图片',\n  notip: false,\n  accept: 'image/jpeg,image/jpg,image/png,image/gif',\n  tipText: '',\n  disabled: false,\n})\n\nconst emits = defineEmits<{\n  success: [res: any, file: ImageFile, files: ImageFile[]]\n  remove: [file: ImageFile]\n}>()\n\nconst fileList = defineModel<ImageFile[]>('fileList', { default: () => [] })\n\nconst isUploading = ref(false)\nconst uploadProgress = ref(0)\nconst viewerVisible = ref(false)\nconst viewerIndex = ref(0)\n\nconst exts = computed(() =>\n  props.accept.split(',').map((ext) => ext.split('/').pop()),\n)\n\nconst tipMessage = computed(() => {\n  if (props.tipText) return props.tipText\n  const formatText = `支持 ${exts.value.join(' / ')} 格式，大小不超过 ${props.size}MB`\n  const sizeText = props.width && props.height ? `，建议尺寸 ${props.width}×${props.height}` : ''\n  return formatText + sizeText\n})\n\nconst cssVars = computed(() => ({\n  '--upload-width': `${props.width}px`,\n  '--upload-height': `${props.height}px`,\n}))\n\nfunction validateFile(file: File): boolean {\n  const fileExt = file.name.split('.').pop()?.toLowerCase() ?? ''\n  const isTypeOk = exts.value.some((ext) => ext?.toLowerCase() === fileExt)\n\n  if (!isTypeOk) {\n    QxsMessage.error(`仅支持上传 ${exts.value.join(' / ')} 格式的图片`)\n    return false\n  }\n\n  const fileSizeMB = file.size / 1024 / 1024\n  if (fileSizeMB > props.size) {\n    QxsMessage.error(`图片大小不能超过 ${props.size}MB`)\n    return false\n  }\n\n  return true\n}\n\nfunction handleFileSelect(e: Event) {\n  const target = e.target as HTMLInputElement\n  const files = target.files\n  if (!files || props.disabled) return\n\n  if (fileList.value.length + files.length > props.limit) {\n    QxsMessage.warning(`最多上传 ${props.limit} 张图片`)\n    return\n  }\n\n  Array.from(files).forEach((file) => {\n    if (!validateFile(file)) return\n\n    const uid = Date.now() + Math.random()\n    const imageFile: ImageFile = {\n      uid,\n      name: file.name,\n      size: file.size,\n      status: 'uploading',\n      url: URL.createObjectURL(file),\n      file,\n    }\n\n    fileList.value.push(imageFile)\n    uploadFile(file, imageFile)\n  })\n\n  target.value = ''\n}\n\nfunction uploadFile(file: File, imageFile: ImageFile) {\n  const formData = new FormData()\n  formData.append(props.name, file)\n\n  if (props.data) {\n    Object.entries(props.data).forEach(([key, value]) => {\n      formData.append(key, value)\n    })\n  }\n\n  const xhr = new XMLHttpRequest()\n  xhr.open('POST', props.action)\n\n  if (props.headers) {\n    Object.entries(props.headers).forEach(([key, value]) => {\n      xhr.setRequestHeader(key, value)\n    })\n  }\n\n  xhr.upload.onprogress = (e) => {\n    if (e.lengthComputable) {\n      uploadProgress.value = Math.floor((e.loaded / e.total) * 100)\n    }\n  }\n\n  xhr.onload = () => {\n    isUploading.value = false\n    uploadProgress.value = 0\n\n    if (xhr.status >= 200 && xhr.status < 300) {\n      const res = JSON.parse(xhr.responseText)\n      imageFile.status = 'success'\n      emits('success', res, imageFile, fileList.value)\n    } else {\n      imageFile.status = 'fail'\n      QxsMessage.error('上传失败')\n    }\n  }\n\n  xhr.onerror = () => {\n    isUploading.value = false\n    uploadProgress.value = 0\n    imageFile.status = 'fail'\n    QxsMessage.error('上传失败')\n  }\n\n  isUploading.value = true\n  uploadProgress.value = 0\n  xhr.send(formData)\n}\n\nfunction handleRemove(index: number) {\n  if (props.disabled) return\n\n  const file = fileList.value[index]\n  if (file.url?.startsWith('blob:')) {\n    URL.revokeObjectURL(file.url)\n  }\n\n  fileList.value.splice(index, 1)\n  emits('remove', file)\n}\n\nfunction handlePreview(index: number) {\n  viewerIndex.value = index\n  viewerVisible.value = true\n}\n\nfunction closeViewer() {\n  viewerVisible.value = false\n}\n\nfunction prevImage() {\n  viewerIndex.value = (viewerIndex.value - 1 + fileList.value.length) % fileList.value.length\n}\n\nfunction nextImage() {\n  viewerIndex.value = (viewerIndex.value + 1) % fileList.value.length\n}\n\nonUnmounted(() => {\n  fileList.value.forEach((file) => {\n    if (file.url?.startsWith('blob:')) {\n      URL.revokeObjectURL(file.url)\n    }\n  })\n})\n</script>\n\n<template>\n  <div class=\"qxs-image-upload\" :style=\"cssVars\">\n    <div class=\"qxs-image-upload__list\">\n      <div\n        v-for=\"(file, index) in fileList\"\n        :key=\"file.uid || index\"\n        class=\"qxs-image-upload__item\"\n      >\n        <img v-if=\"file.url\" :src=\"file.url\" :alt=\"file.name\">\n        <div v-else class=\"qxs-image-upload__placeholder\">无图片</div>\n\n        <div v-if=\"file.status === 'uploading'\" class=\"qxs-image-upload__progress\">\n          <div class=\"qxs-image-upload__progress-bar\" :style=\"{ width: `${uploadProgress}%` }\" />\n        </div>\n\n        <div class=\"qxs-image-upload__actions\">\n          <span v-if=\"file.url\" class=\"qxs-image-upload__action\" @click=\"handlePreview(index)\">\n            <QxsIcon :icon=\"ZoomIn\" size=\"14px\" />\n          </span>\n          <span class=\"qxs-image-upload__action\" :class=\"{ 'is-disabled': disabled }\" @click=\"handleRemove(index)\">\n            <QxsIcon :icon=\"Delete\" size=\"14px\" />\n          </span>\n        </div>\n      </div>\n\n      <label\n        v-if=\"fileList.length < limit\"\n        class=\"qxs-image-upload__add\"\n        :class=\"{ 'is-disabled': disabled }\"\n      >\n        <input\n          type=\"file\"\n          :accept=\"accept\"\n          :multiple=\"limit > 1\"\n          :disabled=\"disabled\"\n          @change=\"handleFileSelect\"\n        >\n        <div class=\"qxs-image-upload__add-content\">\n          <QxsIcon :icon=\"UploadImage\" size=\"32px\" />\n          <p>{{ placeholder }}</p>\n        </div>\n      </label>\n    </div>\n\n    <div v-if=\"!notip\" class=\"qxs-image-upload__tip\">\n      {{ tipMessage }}\n    </div>\n\n    <!-- Image Viewer -->\n    <div v-if=\"viewerVisible\" class=\"qxs-image-viewer\" @click.self=\"closeViewer\">\n      <div class=\"qxs-image-viewer__mask\" @click=\"closeViewer\" />\n      <span class=\"qxs-image-viewer__close\" @click=\"closeViewer\">×</span>\n      <span v-if=\"fileList.length > 1\" class=\"qxs-image-viewer__prev\" @click=\"prevImage\">‹</span>\n      <span v-if=\"fileList.length > 1\" class=\"qxs-image-viewer__next\" @click=\"nextImage\">›</span>\n      <img\n        v-if=\"fileList[viewerIndex]?.url\"\n        :src=\"fileList[viewerIndex].url\"\n        class=\"qxs-image-viewer__img\"\n      >\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.qxs-image-upload {\n  --upload-width: 160px;\n  --upload-height: 90px;\n}\n\n.qxs-image-upload__list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.qxs-image-upload__item,\n.qxs-image-upload__add {\n  position: relative;\n  width: var(--upload-width);\n  height: var(--upload-height);\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px dashed #d9d9d9;\n  border-radius: 6px;\n}\n\n.qxs-image-upload__item:hover,\n.qxs-image-upload__add:hover {\n  border-color: #409eff;\n}\n\n.qxs-image-upload__add.is-disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.qxs-image-upload__add input {\n  display: none;\n}\n\n.qxs-image-upload__add-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  color: #8c939d;\n}\n\n.qxs-image-upload__add-content p {\n  margin: 8px 0 0;\n  font-size: 14px;\n}\n\n.qxs-image-upload__item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.qxs-image-upload__placeholder {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  color: #909399;\n  background: #f5f7fa;\n}\n\n.qxs-image-upload__progress {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 4px;\n  background: rgb(0 0 0 / 10%);\n}\n\n.qxs-image-upload__progress-bar {\n  height: 100%;\n  background: #409eff;\n  transition: width 0.2s;\n}\n\n.qxs-image-upload__actions {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  gap: 16px;\n  align-items: center;\n  justify-content: center;\n  background: rgb(0 0 0 / 50%);\n  opacity: 0;\n  transition: opacity 0.2s;\n}\n\n.qxs-image-upload__item:hover .qxs-image-upload__actions {\n  opacity: 1;\n}\n\n.qxs-image-upload__action {\n  padding: 4px;\n  color: #fff;\n  cursor: pointer;\n}\n\n.qxs-image-upload__action.is-disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.qxs-image-upload__tip {\n  margin-top: 8px;\n  font-size: 12px;\n  color: #909399;\n}\n\n/* Image Viewer */\n.qxs-image-viewer {\n  position: fixed;\n  inset: 0;\n  z-index: 9999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.qxs-image-viewer__mask {\n  position: absolute;\n  inset: 0;\n  background: rgb(0 0 0 / 80%);\n}\n\n.qxs-image-viewer__close {\n  position: absolute;\n  top: 40px;\n  right: 40px;\n  z-index: 1;\n  font-size: 40px;\n  color: #fff;\n  cursor: pointer;\n}\n\n.qxs-image-viewer__prev,\n.qxs-image-viewer__next {\n  position: absolute;\n  top: 50%;\n  z-index: 1;\n  font-size: 60px;\n  color: #fff;\n  cursor: pointer;\n  user-select: none;\n  transform: translateY(-50%);\n}\n\n.qxs-image-viewer__prev {\n  left: 40px;\n}\n\n.qxs-image-viewer__next {\n  right: 40px;\n}\n\n.qxs-image-viewer__img {\n  z-index: 1;\n  max-width: 80%;\n  max-height: 80%;\n}\n</style>\n"],"names":["props","__props","emits","__emit","fileList","_useModel","isUploading","ref","uploadProgress","viewerVisible","viewerIndex","exts","computed","accept","split","map","ext","pop","tipMessage","tipText","value","join","size","width","height","cssVars","handleFileSelect","e","target","files","disabled","length","limit","QxsMessage","warning","Array","from","forEach","file","fileExt","name","toLowerCase","some","error","validateFile","imageFile","uid","Date","now","Math","random","status","url","URL","createObjectURL","push","formData","FormData","append","data","Object","entries","key","xhr","XMLHttpRequest","open","action","headers","setRequestHeader","upload","onprogress","lengthComputable","floor","loaded","total","onload","res","JSON","parse","responseText","onerror","send","uploadFile","closeViewer","prevImage","nextImage","onUnmounted","startsWith","revokeObjectURL","_createElementBlock","class","style","_createElementVNode","_hoisted_1","_openBlock","_Fragment","_renderList","index","src","alt","_hoisted_3","_hoisted_4","_hoisted_5","onClick","$event","handlePreview","_createVNode","_unref","QxsIcon","icon","ZoomIn","_normalizeClass","splice","handleRemove","Delete","type","multiple","onChange","_hoisted_9","UploadImage","placeholder","notip","_hoisted_10","_toDisplayString","_createCommentVNode"],"mappings":"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"}

package/lib/src/image-upload/src/image-upload.vue3.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=".qxs-image-upload[data-v-299e0c8a]{--upload-width:160px;--upload-height:90px}.qxs-image-upload__list[data-v-299e0c8a]{display:flex;flex-wrap:wrap;gap:8px}.qxs-image-upload__add[data-v-299e0c8a],.qxs-image-upload__item[data-v-299e0c8a]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;height:var(--upload-height);overflow:hidden;position:relative;width:var(--upload-width)}.qxs-image-upload__add[data-v-299e0c8a]:hover,.qxs-image-upload__item[data-v-299e0c8a]:hover{border-color:#409eff}.qxs-image-upload__add.is-disabled[data-v-299e0c8a]{cursor:not-allowed;opacity:.5}.qxs-image-upload__add input[data-v-299e0c8a]{display:none}.qxs-image-upload__add-content[data-v-299e0c8a]{align-items:center;color:#8c939d;display:flex;flex-direction:column;height:100%;justify-content:center}.qxs-image-upload__add-content p[data-v-299e0c8a]{font-size:14px;margin:8px 0 0}.qxs-image-upload__item img[data-v-299e0c8a]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.qxs-image-upload__placeholder[data-v-299e0c8a]{align-items:center;background:#f5f7fa;color:#909399;display:flex;height:100%;justify-content:center}.qxs-image-upload__progress[data-v-299e0c8a]{background:rgba(0,0,0,.1);bottom:0;height:4px;left:0;position:absolute;right:0}.qxs-image-upload__progress-bar[data-v-299e0c8a]{background:#409eff;height:100%;transition:width .2s}.qxs-image-upload__actions[data-v-299e0c8a]{align-items:center;background:rgba(0,0,0,.5);display:flex;gap:16px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.qxs-image-upload__item:hover .qxs-image-upload__actions[data-v-299e0c8a]{opacity:1}.qxs-image-upload__action[data-v-299e0c8a]{color:#fff;cursor:pointer;padding:4px}.qxs-image-upload__action.is-disabled[data-v-299e0c8a]{cursor:not-allowed;opacity:.5}.qxs-image-upload__tip[data-v-299e0c8a]{color:#909399;font-size:12px;margin-top:8px}.qxs-image-viewer[data-v-299e0c8a]{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.qxs-image-viewer__mask[data-v-299e0c8a]{background:rgba(0,0,0,.8);inset:0;position:absolute}.qxs-image-viewer__close[data-v-299e0c8a]{color:#fff;cursor:pointer;font-size:40px;position:absolute;right:40px;top:40px;z-index:1}.qxs-image-viewer__next[data-v-299e0c8a],.qxs-image-viewer__prev[data-v-299e0c8a]{color:#fff;cursor:pointer;font-size:60px;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.qxs-image-viewer__prev[data-v-299e0c8a]{left:40px}.qxs-image-viewer__next[data-v-299e0c8a]{right:40px}.qxs-image-viewer__img[data-v-299e0c8a]{max-height:80%;max-width:80%;z-index:1}";require("../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.cjs").default(e),exports.default=e;
-//# sourceMappingURL=image-upload.vue3.cjs.map

package/lib/src/image-upload/src/image-upload.vue3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-upload.vue3.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/src/make-installer.cjs

@@ -1,2 +0,0 @@
-"use strict";var e=require("../package.json.cjs");exports.makeInstaller=function(n){return{version:e.version,install:e=>{for(const s in n){const t=n[s];t&&"object"==typeof t&&"install"in t&&e.use(t)}}}};
-//# sourceMappingURL=make-installer.cjs.map

package/lib/src/make-installer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"make-installer.cjs","sources":["../../../../packages/components/src/make-installer.ts"],"sourcesContent":["import { version } from '../package.json'\n\nfunction makeInstaller(components: Record<string, any>) {\n  const install = (app: any) => {\n    for (const n in components) {\n      const component = components[n]\n      if (component && typeof component === 'object' && 'install' in component) {\n        app.use(component)\n      }\n    }\n  }\n\n  return {\n    version,\n    install,\n  }\n}\n\nexport { makeInstaller }\n"],"names":["components","version","install","app","n","component","use"],"mappings":"wEAEA,SAAuBA,GAUrB,MAAO,SACLC,EAAAA,QACAC,QAXeC,IACf,IAAA,MAAWC,KAAKJ,EAAY,CAC1B,MAAMK,EAAYL,EAAWI,GACzBC,GAAkC,iBAAdA,GAA0B,YAAaA,GAC7DF,EAAIG,IAAID,EAEZ,GAOJ"}

package/lib/src/message/src/message.cjs

@@ -1,2 +0,0 @@
-"use strict";function t(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"info";const o=function(t){return"string"==typeof t?{message:t}:t}(t),s=function(t){switch(t){case"success":return{bgColor:"#ecfdf5",borderColor:"#a7f3d0",textColor:"#065f46"};case"warning":return{bgColor:"#fffbeb",borderColor:"#fde68a",textColor:"#92400e"};case"error":return{bgColor:"#fef2f2",borderColor:"#fecaca",textColor:"#991b1b"};default:return{bgColor:"#eff6ff",borderColor:"#bfdbfe",textColor:"#1e40af"}}}(e),r=document.getElementById("qxs-message-container")||function(){const t=document.createElement("div");return t.id="qxs-message-container",t.className="qxs-toast-container",document.body.appendChild(t),t}(),a=document.createElement("div");a.className=`qxs-toast qxs-toast--${e}`,a.setAttribute("role","status"),a.setAttribute("aria-live","polite"),a.innerHTML=`\n    <div class="qxs-toast__content">\n      <span class="qxs-toast__text">${o.message}</span>\n      <button class="qxs-toast__close" aria-label="Close">\n        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3.5 3.5l7 7m0-7l-7 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>\n      </button>\n    </div>\n  `,a.style.cssText=`\n    --toast-bg: ${s.bgColor};\n    --toast-border: ${s.borderColor};\n    --toast-text: ${s.textColor};\n  `;a.querySelector(".qxs-toast__close").onclick=()=>n(a),r.appendChild(a),requestAnimationFrame(()=>{a.classList.add("qxs-toast--enter"),requestAnimationFrame(()=>{a.classList.remove("qxs-toast--enter")})});const i=o.duration??3e3,l=setTimeout(()=>{n(a)},i);return a.onmouseenter=()=>clearTimeout(l),a.onmouseleave=()=>{setTimeout(()=>n(a),1e3)},{close:()=>n(a)}}function n(t){t.classList.add("qxs-toast--leave"),setTimeout(()=>t.remove(),200)}Object.defineProperty(exports,"__esModule",{value:!0});const e=function(n){return t(n)};if(e.success=n=>t(n,"success"),e.warning=n=>t(n,"warning"),e.info=n=>t(n,"info"),e.error=n=>t(n,"error"),e.closeAll=()=>{document.querySelectorAll(".qxs-toast").forEach(t=>t.remove())},"undefined"!=typeof document&&!document.getElementById("qxs-toast-styles")){const t=document.createElement("style");t.id="qxs-toast-styles",t.textContent="\n    .qxs-toast-container {\n      position: fixed;\n      top: 20px;\n      right: 20px;\n      z-index: 9999;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      max-width: 320px;\n      width: auto;\n      pointer-events: none;\n    }\n\n    .qxs-toast {\n      position: relative;\n      overflow: hidden;\n      border-radius: 10px;\n      border: 1px solid var(--toast-border);\n      background: var(--toast-bg);\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02);\n      pointer-events: all;\n      animation: qxs-toast-in 0.3s cubic-bezier(0.21, 1.02, 0.73, 1);\n    }\n\n    .qxs-toast--enter {\n      animation: qxs-toast-in 0.3s cubic-bezier(0.21, 1.02, 0.73, 1);\n    }\n\n    .qxs-toast--leave {\n      animation: qxs-toast-out 0.2s cubic-bezier(0.21, 1.02, 0.73, 1) forwards;\n    }\n\n    .qxs-toast__content {\n      display: flex;\n      align-items: center;\n      padding: 12px 14px;\n      gap: 8px;\n    }\n\n    .qxs-toast__text {\n      flex: 1;\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 1.5;\n      color: var(--toast-text);\n    }\n\n    .qxs-toast__close {\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 24px;\n      height: 24px;\n      padding: 0;\n      margin: -4px -4px -4px 0;\n      background: transparent;\n      border: none;\n      border-radius: 6px;\n      cursor: pointer;\n      color: var(--toast-text);\n      opacity: 0.5;\n      transition: all 0.15s;\n    }\n\n    .qxs-toast__close:hover {\n      opacity: 1;\n      background: rgba(0, 0, 0, 0.05);\n    }\n\n    @keyframes qxs-toast-in {\n      0% {\n        opacity: 0;\n        transform: translateX(100%) scale(0.95);\n      }\n      100% {\n        opacity: 1;\n        transform: translateX(0) scale(1);\n      }\n    }\n\n    @keyframes qxs-toast-out {\n      0% {\n        opacity: 1;\n        transform: translateX(0) scale(1);\n      }\n      100% {\n        opacity: 0;\n        transform: translateX(100%) scale(0.95);\n      }\n    }\n\n    @media (max-width: 480px) {\n      .qxs-toast-container {\n        top: 10px;\n        right: 10px;\n        left: 10px;\n        max-width: none;\n      }\n    }\n  ",document.head.appendChild(t)}exports.QxsMessage=e,exports.default=e;
-//# sourceMappingURL=message.cjs.map

package/lib/src/message/src/message.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"message.cjs","sources":["../../../../../../packages/components/src/message/src/message.ts"],"sourcesContent":["export interface QxsMessageOptions {\n  message: string\n  duration?: number\n}\n\nexport type QxsMessageParams = QxsMessageOptions | string\n\ninterface QxsMessageInstance {\n  close: () => void\n}\n\nfunction normalizeParams(params: QxsMessageParams): QxsMessageOptions {\n  return typeof params === 'string' ? { message: params } : params\n}\n\nfunction getTypeConfig(type: string) {\n  switch (type) {\n    case 'success':\n      return {\n        bgColor: '#ecfdf5',\n        borderColor: '#a7f3d0',\n        textColor: '#065f46',\n      }\n    case 'warning':\n      return {\n        bgColor: '#fffbeb',\n        borderColor: '#fde68a',\n        textColor: '#92400e',\n      }\n    case 'error':\n      return {\n        bgColor: '#fef2f2',\n        borderColor: '#fecaca',\n        textColor: '#991b1b',\n      }\n    case 'info':\n    default:\n      return {\n        bgColor: '#eff6ff',\n        borderColor: '#bfdbfe',\n        textColor: '#1e40af',\n      }\n  }\n}\n\nfunction createMessage(params: QxsMessageParams, type: 'success' | 'warning' | 'info' | 'error' = 'info'): QxsMessageInstance {\n  const options = normalizeParams(params)\n  const config = getTypeConfig(type)\n\n  const container = document.getElementById('qxs-message-container') || createContainer()\n\n  const messageEl = document.createElement('div')\n  messageEl.className = `qxs-toast qxs-toast--${type}`\n  messageEl.setAttribute('role', 'status')\n  messageEl.setAttribute('aria-live', 'polite')\n  messageEl.innerHTML = `\n    <div class=\"qxs-toast__content\">\n      <span class=\"qxs-toast__text\">${options.message}</span>\n      <button class=\"qxs-toast__close\" aria-label=\"Close\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3.5 3.5l7 7m0-7l-7 7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/></svg>\n      </button>\n    </div>\n  `\n\n  messageEl.style.cssText = `\n    --toast-bg: ${config.bgColor};\n    --toast-border: ${config.borderColor};\n    --toast-text: ${config.textColor};\n  `\n\n  const closeBtn = messageEl.querySelector('.qxs-toast__close') as HTMLElement\n  closeBtn.onclick = () => removeMessage(messageEl)\n\n  container.appendChild(messageEl)\n\n  requestAnimationFrame(() => {\n    messageEl.classList.add('qxs-toast--enter')\n    requestAnimationFrame(() => {\n      messageEl.classList.remove('qxs-toast--enter')\n    })\n  })\n\n  const duration = options.duration ?? 3000\n\n  const timer = setTimeout(() => {\n    removeMessage(messageEl)\n  }, duration)\n\n  messageEl.onmouseenter = () => clearTimeout(timer)\n  messageEl.onmouseleave = () => {\n    setTimeout(() => removeMessage(messageEl), 1000)\n  }\n\n  return {\n    close: () => removeMessage(messageEl),\n  }\n}\n\nfunction createContainer(): HTMLElement {\n  const container = document.createElement('div')\n  container.id = 'qxs-message-container'\n  container.className = 'qxs-toast-container'\n  document.body.appendChild(container)\n  return container\n}\n\nfunction removeMessage(el: HTMLElement) {\n  el.classList.add('qxs-toast--leave')\n  setTimeout(() => el.remove(), 200)\n}\n\nexport interface QxsMessageFunction {\n  (params: QxsMessageParams): QxsMessageInstance\n  success: (params: QxsMessageParams) => QxsMessageInstance\n  warning: (params: QxsMessageParams) => QxsMessageInstance\n  info: (params: QxsMessageParams) => QxsMessageInstance\n  error: (params: QxsMessageParams) => QxsMessageInstance\n  closeAll: () => void\n}\n\nconst QxsMessage = function (params: QxsMessageParams): QxsMessageInstance {\n  return createMessage(params)\n} as QxsMessageFunction\n\nQxsMessage.success = (params: QxsMessageParams) => createMessage(params, 'success')\nQxsMessage.warning = (params: QxsMessageParams) => createMessage(params, 'warning')\nQxsMessage.info = (params: QxsMessageParams) => createMessage(params, 'info')\nQxsMessage.error = (params: QxsMessageParams) => createMessage(params, 'error')\nQxsMessage.closeAll = () => {\n  document.querySelectorAll('.qxs-toast').forEach(el => el.remove())\n}\n\nexport { QxsMessage }\nexport type { QxsMessageInstance }\nexport default QxsMessage\n\nif (typeof document !== 'undefined' && !document.getElementById('qxs-toast-styles')) {\n  const style = document.createElement('style')\n  style.id = 'qxs-toast-styles'\n  style.textContent = `\n    .qxs-toast-container {\n      position: fixed;\n      top: 20px;\n      right: 20px;\n      z-index: 9999;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      max-width: 320px;\n      width: auto;\n      pointer-events: none;\n    }\n\n    .qxs-toast {\n      position: relative;\n      overflow: hidden;\n      border-radius: 10px;\n      border: 1px solid var(--toast-border);\n      background: var(--toast-bg);\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02);\n      pointer-events: all;\n      animation: qxs-toast-in 0.3s cubic-bezier(0.21, 1.02, 0.73, 1);\n    }\n\n    .qxs-toast--enter {\n      animation: qxs-toast-in 0.3s cubic-bezier(0.21, 1.02, 0.73, 1);\n    }\n\n    .qxs-toast--leave {\n      animation: qxs-toast-out 0.2s cubic-bezier(0.21, 1.02, 0.73, 1) forwards;\n    }\n\n    .qxs-toast__content {\n      display: flex;\n      align-items: center;\n      padding: 12px 14px;\n      gap: 8px;\n    }\n\n    .qxs-toast__text {\n      flex: 1;\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 1.5;\n      color: var(--toast-text);\n    }\n\n    .qxs-toast__close {\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 24px;\n      height: 24px;\n      padding: 0;\n      margin: -4px -4px -4px 0;\n      background: transparent;\n      border: none;\n      border-radius: 6px;\n      cursor: pointer;\n      color: var(--toast-text);\n      opacity: 0.5;\n      transition: all 0.15s;\n    }\n\n    .qxs-toast__close:hover {\n      opacity: 1;\n      background: rgba(0, 0, 0, 0.05);\n    }\n\n    @keyframes qxs-toast-in {\n      0% {\n        opacity: 0;\n        transform: translateX(100%) scale(0.95);\n      }\n      100% {\n        opacity: 1;\n        transform: translateX(0) scale(1);\n      }\n    }\n\n    @keyframes qxs-toast-out {\n      0% {\n        opacity: 1;\n        transform: translateX(0) scale(1);\n      }\n      100% {\n        opacity: 0;\n        transform: translateX(100%) scale(0.95);\n      }\n    }\n\n    @media (max-width: 480px) {\n      .qxs-toast-container {\n        top: 10px;\n        right: 10px;\n        left: 10px;\n        max-width: none;\n      }\n    }\n  `\n  document.head.appendChild(style)\n}"],"names":["createMessage","params","type","arguments","length","undefined","options","message","normalizeParams","config","bgColor","borderColor","textColor","getTypeConfig","container","document","getElementById","createElement","id","className","body","appendChild","createContainer","messageEl","setAttribute","innerHTML","style","cssText","querySelector","onclick","removeMessage","requestAnimationFrame","classList","add","remove","duration","timer","setTimeout","onmouseenter","clearTimeout","onmouseleave","close","el","QxsMessage","success","warning","info","error","closeAll","querySelectorAll","forEach","textContent","head"],"mappings":"aA6CA,SAASA,EAAcC,GAAuG,IAA7EC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAiD,OAChG,MAAMG,EAnCR,SAAyBL,GACvB,MAAyB,iBAAXA,EAAsB,CAAEM,QAASN,GAAWA,CAC5D,CAiCkBO,CAAgBP,GAC1BQ,EAhCR,SAAuBP,GACrB,OAAQA,GACN,IAAK,UACH,MAAO,CACLQ,QAAS,UACTC,YAAa,UACbC,UAAW,WAEf,IAAK,UACH,MAAO,CACLF,QAAS,UACTC,YAAa,UACbC,UAAW,WAEf,IAAK,QACH,MAAO,CACLF,QAAS,UACTC,YAAa,UACbC,UAAW,WAGf,QACE,MAAO,CACLF,QAAS,UACTC,YAAa,UACbC,UAAW,WAGnB,CAIiBC,CAAcX,GAEvBY,EAAYC,SAASC,eAAe,0BAiD5C,WACE,MAAMF,EAAYC,SAASE,cAAc,OAIzC,OAHAH,EAAUI,GAAK,wBACfJ,EAAUK,UAAY,sBACtBJ,SAASK,KAAKC,YAAYP,GACnBA,CACT,CAvDwEQ,GAEhEC,EAAYR,SAASE,cAAc,OACzCM,EAAUJ,UAAY,wBAAwBjB,IAC9CqB,EAAUC,aAAa,OAAQ,UAC/BD,EAAUC,aAAa,YAAa,UACpCD,EAAUE,UAAY,+EAEcnB,EAAQC,2RAO5CgB,EAAUG,MAAMC,QAAU,qBACVlB,EAAOC,iCACHD,EAAOE,mCACTF,EAAOG,iBAGRW,EAAUK,cAAc,qBAChCC,QAAU,IAAMC,EAAcP,GAEvCT,EAAUO,YAAYE,GAEtBQ,sBAAsB,KACpBR,EAAUS,UAAUC,IAAI,oBACxBF,sBAAsB,KACpBR,EAAUS,UAAUE,OAAO,wBAI/B,MAAMC,EAAW7B,EAAQ6B,UAAY,IAE/BC,EAAQC,WAAW,KACvBP,EAAcP,IACbY,GAOH,OALAZ,EAAUe,aAAe,IAAMC,aAAaH,GAC5Cb,EAAUiB,aAAe,KACvBH,WAAW,IAAMP,EAAcP,GAAY,MAGtC,CACLkB,MAAOA,IAAMX,EAAcP,GAE/B,CAUA,SAASO,EAAcY,GACrBA,EAAGV,UAAUC,IAAI,oBACjBI,WAAW,IAAMK,EAAGR,SAAU,IAChC,wDAWA,MAAMS,EAAa,SAAU1C,GAC3B,OAAOD,EAAcC,EACvB,EAcA,GAZA0C,EAAWC,QAAW3C,GAA6BD,EAAcC,EAAQ,WACzE0C,EAAWE,QAAW5C,GAA6BD,EAAcC,EAAQ,WACzE0C,EAAWG,KAAQ7C,GAA6BD,EAAcC,EAAQ,QACtE0C,EAAWI,MAAS9C,GAA6BD,EAAcC,EAAQ,SACvE0C,EAAWK,SAAW,KACpBjC,SAASkC,iBAAiB,cAAcC,QAAQR,GAAMA,EAAGR,WAOnC,oBAAbnB,WAA6BA,SAASC,eAAe,oBAAqB,CACnF,MAAMU,EAAQX,SAASE,cAAc,SACrCS,EAAMR,GAAK,mBACXQ,EAAMyB,YAAc,ouEAsGpBpC,SAASqC,KAAK/B,YAAYK,EAC5B"}

package/lib/src/photo-crop-tool/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withInstall.cjs"),t=require("./src/photo-crop-tool.vue.cjs");const o=e.withInstall(t.default);exports.QxsPhotoCropTool=o,exports.default=o;
-//# sourceMappingURL=index.cjs.map

package/lib/src/photo-crop-tool/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../packages/components/src/photo-crop-tool/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/photo-crop-tool.vue'\n\nconst QxsPhotoCropTool = withInstall(component)\n\nexport {\n  QxsPhotoCropTool,\n}\n\nexport default QxsPhotoCropTool\n"],"names":["QxsPhotoCropTool","withInstall","component"],"mappings":"mJAGA,MAAMA,EAAmBC,EAAAA,YAAYC,EAAAA"}

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

@@ -1,2 +0,0 @@
-"use strict";var e=require("vue");exports.useCanvas=function(a){const l=e.ref(null);return a&&(l.value=a.getContext("2d")),{clearCanvas:()=>{l.value&&l.value.clearRect(0,0,a.width,a.height)},drawColor:(e,a,t,n,r)=>{l.value&&(l.value.fillStyle=r,l.value.fillRect(e,a,t,n))},drawImage:(e,a,t,n,r)=>{l.value.drawImage(e,a,t,n,r)},cropCanvas:(e,t,n,r)=>new Promise(u=>{if(l.value){const l=document.createElement("canvas");l.width=n,l.height=r;const i=l.getContext("2d");i?(i.drawImage(a,e,t,n,r,0,0,n,r),l.toBlob(e=>{if(e){const a=new File([e],"cropped_image.png",{type:"image/png"});u(a)}else u(null)},"image/png")):u(null)}else u(null)})}};
-//# sourceMappingURL=composables.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"composables.cjs","sources":["../../../../../../packages/components/src/photo-crop-tool/src/composables.ts"],"sourcesContent":["import type { Ref } from 'vue'\n// useCanvas.ts\nimport { 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":["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":"oDAIO,SAAmBA,GACxB,MAAMC,EAAgDC,EAAAA,IAAI,MAoD1D,OAlDIF,IACFC,EAAQE,MAAQH,EAAcI,WAAW,OAiDpC,CACLC,YA/CkBA,KACdJ,EAAQE,OACVF,EAAQE,MAAMG,UAAU,EAAG,EAAGN,EAAcO,MAAOP,EAAcQ,SA8CnEC,UA1CgBA,CAACC,EAAWC,EAAWJ,EAAeC,EAAgBI,KAClEX,EAAQE,QACVF,EAAQE,MAAMU,UAAYD,EAC1BX,EAAQE,MAAMW,SAASJ,EAAGC,EAAGJ,EAAOC,KAwCtCO,UApCgBA,CAACC,EAAyBN,EAAWC,EAAWJ,EAAeC,KAC/EP,EAAQE,MAAOY,UAAUC,EAAON,EAAGC,EAAGJ,EAAOC,IAoC7CS,WAjCiBA,CAACP,EAAWC,EAAWJ,EAAeC,IAChD,IAAIU,QAASC,IAClB,GAAIlB,EAAQE,MAAO,CACjB,MAAMiB,EAAgBC,SAASC,cAAc,UAC7CF,EAAcb,MAAQA,EACtBa,EAAcZ,OAASA,EACvB,MAAMe,EAAiBH,EAAchB,WAAW,MAC5CmB,GACFA,EAAeR,UAAUf,EAAeU,EAAGC,EAAGJ,EAAOC,EAAQ,EAAG,EAAGD,EAAOC,GAC1EY,EAAcI,OAAQC,IACpB,GAAIA,EAAM,CACR,MAAMC,EAAO,IAAIC,KAAK,CAACF,GAAO,oBAAqB,CAAEG,KAAM,cAC3DT,EAAQO,EACV,MAEEP,EAAQ,OAET,cAGHA,EAAQ,KAEZ,MAEEA,EAAQ,QAWhB"}

package/lib/src/photo-crop-tool/src/photo-crop-tool.vue.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("@qxs-bns/hooks"),o=require("@vueuse/core"),l=require("./composables.cjs");const a=["src"];var i=e.defineComponent({name:"QxsPhotoCropTool",__name:"photo-crop-tool",props:{imgFile:{type:Object,default:()=>null},aspectRatio:{type:String,default:()=>"16 / 9"},defaultWidth:{type:Number,default:()=>320},defaultHeight:{type:Number,default:()=>180},zoomType:{type:String,default:()=>"fixed"}},setup(i,{expose:u}){const n=i;let s=0,r=0,v=0,h=0;const c=t.useNamespace("photo-crop-tool"),p=e.ref(null),d=e.ref(null),f=e.ref(null),m=e.ref(""),g=e.ref(""),w=e.ref({x:0,y:0}),y=e.ref({width:n.defaultWidth,height:n.defaultHeight,x:0,y:0}),{width:x,height:b}=o.useElementSize(p),{width:E}=o.useElementSize(f),{x:T,y:M,style:z}=o.useDraggable(p,{containerElement:d,draggingElement:p,disabled:e.computed(()=>!!g.value),exact:!0,initialValue:w}),N=e.computed(()=>n.imgFile?URL.createObjectURL(n.imgFile):"");e.watch(()=>n.imgFile,e=>{e&&!e.type.startsWith("image/")?m.value="文件类型错误":m.value=""});const R=e.computed(()=>(f.value?.naturalWidth||0)/E.value),k=e.computed(()=>{const e={left:0,top:0};return"bottom-right"===g.value?(e.left=y.value.x,e.top=y.value.y):"top-left"===g.value?(e.left=y.value.x-x.value,e.top=y.value.y-b.value):"top-right"===g.value?(e.top=y.value.y-b.value,e.left=y.value.x):"bottom-left"===g.value&&(e.left=y.value.x-x.value,e.top=y.value.y),e}),H=e.computed(()=>{const{aspectRatio:e}=n,t={width:`${y.value.width||n.defaultWidth}`,height:`${y.value.height||n.defaultHeight}`,"aspect-ratio":e,top:`${k.value.top}px`,left:`${k.value.left}px`};return"free"===n.zoomType?delete t["aspect-ratio"]:"fixed"===n.zoomType&&delete t.height,c.cssVarBlock(t)});function C(e){return e*R.value}function L(e,t){const o=d.value?.clientWidth||1/0,l=d.value?.clientHeight||1/0;return{width:Math.min(Math.max(e,0),o),height:Math.min(Math.max(t,0),l)}}function F(e){return e instanceof MouseEvent?{clientX:e.clientX,clientY:e.clientY}:e instanceof TouchEvent&&e.touches.length>0?{clientX:e.touches[0].clientX,clientY:e.touches[0].clientY}:{clientX:0,clientY:0}}function W(e,t){const{clientX:o,clientY:l}=F(e);g.value=t,s=o,r=l,v=y.value.width,h=y.value.height,document.addEventListener("touchmove",B,{passive:!1}),document.addEventListener("touchend",V),"bottom-right"===t?(y.value.x=T.value,y.value.y=M.value):"top-left"===t?(y.value.x=T.value+x.value,y.value.y=M.value+b.value):"top-right"===t?(y.value.x=T.value,y.value.y=M.value+b.value):"bottom-left"===t&&(y.value.x=T.value+x.value,y.value.y=M.value),e instanceof TouchEvent&&e.preventDefault()}function B(e){e instanceof TouchEvent&&g.value&&e.preventDefault();const{clientX:t,clientY:o}=F(e),l=t-s,a=o-r;if("bottom-right"===g.value){if("free"===n.zoomType){const{width:e,height:t}=L(v+l,h+a);y.value.width=e,y.value.height=t}else if("fixed"===n.zoomType){const e=Number.parseFloat(n.aspectRatio.split(" / ")[0])/Number.parseFloat(n.aspectRatio.split(" / ")[1]);let t=v+l,o=t/e;const{width:a,height:i}=L(t,o);i>(d.value?.clientHeight||1/0)&&(o=d.value?.clientHeight||1/0,t=o*e),y.value.width=a,y.value.height=i}}else if("top-left"===g.value){if("free"===n.zoomType){const{width:e,height:t}=L(v-l,h-a);y.value.width=e,y.value.height=t}else if("fixed"===n.zoomType){const e=Number.parseFloat(n.aspectRatio.split(" / ")[0])/Number.parseFloat(n.aspectRatio.split(" / ")[1]);let t=v-l,o=t/e;const{width:a,height:i}=L(t,o);i>(d.value?.clientHeight||1/0)&&(o=d.value?.clientHeight||1/0,t=o*e),y.value.width=a,y.value.height=i}T.value=k.value.left,M.value=k.value.top}else if("top-right"===g.value){if("free"===n.zoomType){const{width:e,height:t}=L(v+l,h-a);y.value.width=e,y.value.height=t}else if("fixed"===n.zoomType){const e=Number.parseFloat(n.aspectRatio.split(" / ")[0])/Number.parseFloat(n.aspectRatio.split(" / ")[1]);let t=v+l,o=t/e;const{width:a,height:i}=L(t,o);i>(d.value?.clientHeight||1/0)&&(o=d.value?.clientHeight||1/0,t=o*e),y.value.width=a,y.value.height=i}T.value=k.value.left,M.value=k.value.top}else if("bottom-left"===g.value){if("free"===n.zoomType){const{width:e,height:t}=L(v-l,h+a);y.value.width=e,y.value.height=t}else if("fixed"===n.zoomType){const e=Number.parseFloat(n.aspectRatio.split(" / ")[0])/Number.parseFloat(n.aspectRatio.split(" / ")[1]);let t=v-l,o=t/e;const{width:a,height:i}=L(t,o);i>(d.value?.clientHeight||1/0)&&(o=d.value?.clientHeight||1/0,t=o*e),y.value.width=a,y.value.height=i}T.value=k.value.left,M.value=k.value.top}}function V(){document.removeEventListener("touchmove",B),document.removeEventListener("touchend",V),g.value=""}return e.onMounted(()=>{e.nextTick(()=>{w.value.x=(d.value?.offsetWidth||0)/2-y.value.width/2,w.value.y=(d.value?.offsetHeight||0)/2-y.value.height/2}),document.addEventListener("mouseup",V),document.addEventListener("mousemove",B,{passive:!1}),document.addEventListener("touchmove",B,{passive:!1}),document.addEventListener("touchend",V)}),e.onUnmounted(()=>{N.value&&URL.revokeObjectURL(N.value),document.removeEventListener("mouseup",V),document.removeEventListener("mousemove",B)}),u({crop:async function(e=f.value){let t="transparent";d.value&&(t=window.getComputedStyle(d.value).backgroundColor);const o=document.createElement("canvas");o.width=C(d.value?.clientWidth||0),o.height=C(d.value?.clientHeight||0);const{drawImage:a,cropCanvas:i,drawColor:u}=l.useCanvas(o);return u(0,0,o.width,o.height,t),a(e,C(e.offsetLeft),C(e.offsetTop),e.naturalWidth,e.naturalHeight),await i(C(T.value),C(M.value),C(x.value),C(b.value))},resize:function(){y.value.width=n.defaultWidth,y.value.height=n.defaultHeight,T.value=0,M.value=0}}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerBoxRef",ref:d,class:e.normalizeClass([e.unref(c).e("img-box")])},[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(c).e("error-message")])},e.toDisplayString(m.value),3)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("img",{ref_key:"imgRef",ref:f,class:e.normalizeClass([e.unref(c).e("image")]),src:N.value},null,10,a),e.createElementVNode("div",{ref_key:"cropBoxRef",ref:p,class:e.normalizeClass([e.unref(c).e("crop-tool-box")]),style:e.normalizeStyle([H.value,g.value?`left: ${k.value.left}px;top: ${k.value.top}px`:e.unref(z)]),onTouchstart:o[8]||(o[8]=e.withModifiers(()=>{},["stop","prevent"])),onTouchend:e.withModifiers(V,["stop","prevent"])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(c).e("top-left")]),onMousedown:o[0]||(o[0]=e.withModifiers(e=>W(e,"top-left"),["stop","prevent"])),onTouchstart:o[1]||(o[1]=e.withModifiers(e=>W(e,"top-left"),["stop","prevent"])),onTouchend:e.withModifiers(V,["stop","prevent"])},null,34),e.createElementVNode("div",{class:e.normalizeClass([e.unref(c).e("top-right")]),onMousedown:o[2]||(o[2]=e.withModifiers(e=>W(e,"top-right"),["stop","prevent"])),onTouchstart:o[3]||(o[3]=e.withModifiers(e=>W(e,"top-right"),["stop","prevent"])),onTouchend:e.withModifiers(V,["stop","prevent"])},null,34),e.createElementVNode("div",{class:e.normalizeClass([e.unref(c).e("bottom-right")]),onMousedown:o[4]||(o[4]=e.withModifiers(e=>W(e,"bottom-right"),["stop","prevent"])),onTouchstart:o[5]||(o[5]=e.withModifiers(e=>W(e,"bottom-right"),["stop","prevent"])),onTouchend:e.withModifiers(V,["stop","prevent"])},null,34),e.createElementVNode("div",{class:e.normalizeClass([e.unref(c).e("bottom-left")]),onMousedown:o[6]||(o[6]=e.withModifiers(e=>W(e,"bottom-left"),["stop","prevent"])),onTouchstart:o[7]||(o[7]=e.withModifiers(e=>W(e,"bottom-left"),["stop","prevent"])),onTouchend:e.withModifiers(V,["stop","prevent"])},null,34)],38)],64))],2))}});exports.default=i;
-//# sourceMappingURL=photo-crop-tool.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"photo-crop-tool.vue.cjs","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 { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\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 getClientPos(e: MouseEvent | TouchEvent): { clientX: number, clientY: number } {\n  if (e instanceof MouseEvent) {\n    return { clientX: e.clientX, clientY: e.clientY }\n  }\n  else if (e instanceof TouchEvent && e.touches.length > 0) {\n    return { clientX: e.touches[0].clientX, clientY: e.touches[0].clientY }\n  }\n  return { clientX: 0, clientY: 0 }\n}\n\nfunction handleStart(e: MouseEvent | TouchEvent, point: string) {\n  const { clientX, clientY } = getClientPos(e)\n  dargPoint.value = point\n  startX = clientX\n  startY = clientY\n  startWidth = cropInfo.value.width\n  startHeight = cropInfo.value.height\n\n  // 添加移动端事件监听\n  document.addEventListener('touchmove', handleMove, { passive: false })\n  document.addEventListener('touchend', handleEnd)\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  // Prevent touch scrolling\n  if (e instanceof TouchEvent) {\n    e.preventDefault()\n  }\n}\n\nfunction handleMove(e: MouseEvent | TouchEvent) {\n  // Only prevent default if we're in a drag operation\n  if (e instanceof TouchEvent && dargPoint.value) {\n    e.preventDefault()\n  }\n\n  const { clientX, clientY } = getClientPos(e)\n  const deltaX = clientX - startX\n  const deltaY = 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}\n\nfunction handleEnd() {\n  // 移除移动端事件监听\n  document.removeEventListener('touchmove', handleMove)\n  document.removeEventListener('touchend', handleEnd)\n\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\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  // 只添加鼠标事件监听\n  document.addEventListener('mouseup', handleEnd)\n  document.addEventListener('mousemove', handleMove, { passive: false })\n  document.addEventListener('touchmove', handleMove, { passive: false })\n  document.addEventListener('touchend', handleEnd)\n})\n\nonUnmounted(() => {\n  if (imageUrl.value) {\n    URL.revokeObjectURL(imageUrl.value)\n  }\n  // 确保移除所有事件监听\n  document.removeEventListener('mouseup', handleEnd)\n  document.removeEventListener('mousemove', handleMove)\n})\n\ndefineExpose({\n  crop,\n  resize,\n})\n</script>\n\n<template>\n  <div\n    ref=\"containerBoxRef\"\n    :class=\"[ns.e('img-box')]\"\n  >\n    <div\n      v-if=\"errorMessage\"\n      :class=\"[ns.e('error-message')]\"\n    >\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        @touchstart.stop.prevent\n        @touchend.stop.prevent=\"handleEnd\"\n      >\n        <div\n          :class=\"[ns.e('top-left')]\"\n          @mousedown.stop.prevent=\"handleStart($event, 'top-left')\"\n          @touchstart.stop.prevent=\"handleStart($event, 'top-left')\"\n          @touchend.stop.prevent=\"handleEnd\"\n        />\n        <div\n          :class=\"[ns.e('top-right')]\"\n          @mousedown.stop.prevent=\"handleStart($event, 'top-right')\"\n          @touchstart.stop.prevent=\"handleStart($event, 'top-right')\"\n          @touchend.stop.prevent=\"handleEnd\"\n        />\n        <div\n          :class=\"[ns.e('bottom-right')]\"\n          @mousedown.stop.prevent=\"handleStart($event, 'bottom-right')\"\n          @touchstart.stop.prevent=\"handleStart($event, 'bottom-right')\"\n          @touchend.stop.prevent=\"handleEnd\"\n        />\n        <div\n          :class=\"[ns.e('bottom-left')]\"\n          @mousedown.stop.prevent=\"handleStart($event, 'bottom-left')\"\n          @touchstart.stop.prevent=\"handleStart($event, 'bottom-left')\"\n          @touchend.stop.prevent=\"handleEnd\"\n        />\n      </div>\n    </template>\n  </div>\n</template>\n"],"names":["props","__props","startX","startY","startWidth","startHeight","ns","useNamespace","cropBoxRef","ref","containerBoxRef","imgRef","errorMessage","dargPoint","initialValue","x","y","cropInfo","width","defaultWidth","height","defaultHeight","useElementSize","imgWidth","style","useDraggable","containerElement","draggingElement","disabled","computed","value","exact","imageUrl","imgFile","URL","createObjectURL","watch","newFile","type","startsWith","ratio","naturalWidth","customStyle","position","left","top","sizeStyle","aspectRatio","zoomType","cssVarBlock","zoom","pixel","checkBoundaries","newWidth","newHeight","maxWidth","clientWidth","Infinity","maxHeight","clientHeight","Math","min","max","getClientPos","e","MouseEvent","clientX","clientY","TouchEvent","touches","length","handleStart","point","document","addEventListener","handleMove","passive","handleEnd","preventDefault","deltaX","deltaY","Number","parseFloat","split","removeEventListener","onMounted","nextTick","offsetWidth","offsetHeight","onUnmounted","revokeObjectURL","__expose","crop","async","img","backgroundColor","window","getComputedStyle","canvas","createElement","drawImage","cropCanvas","drawColor","useCanvas","offsetLeft","offsetTop","naturalHeight","resize","_createElementBlock","class","_normalizeClass","_unref","_Fragment","key","_createElementVNode","src","_normalizeStyle","onTouchstart","onTouchend","onMousedown","_cache","_withModifiers","$event"],"mappings":"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"}

package/lib/src/photo-crop-tool/src/photo-crop-tool.vue2.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./photo-crop-tool.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=photo-crop-tool.vue2.cjs.map

package/lib/src/photo-crop-tool/src/photo-crop-tool.vue2.cjs.map

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

package/lib/src/subject-action/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withInstall.cjs"),t=require("./src/subject-action.vue.cjs");const s=e.withInstall(t.default);exports.QxsSubjectAction=s,exports.default=s;
-//# sourceMappingURL=index.cjs.map

package/lib/src/subject-action/index.cjs.map

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

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("@qxs-bns/icons/src/components/Check.vue"),o=require("@qxs-bns/icons/src/components/Delete.vue"),a=require("@qxs-bns/icons/src/components/Edit.vue"),l=require("@qxs-bns/hooks"),n=require("../../ui/button/index.cjs");require("../../ui/input/index.cjs");var i=require("../../ui/radio/index.cjs"),r=require("../../ui/checkbox/index.cjs"),c=require("../../ui/link/index.cjs");require("../../ui/tag/index.cjs"),require("../../ui/input-number/index.cjs"),require("../../ui/select/index.cjs"),require("../../ui/popover/index.cjs"),require("../../ui/layout/index.cjs"),require("../../ui/scrollbar/index.cjs");var u=require("../../ui/dialog/index.cjs");require("../../ui/table/index.cjs"),require("../../icon/index.cjs"),require("../../message/src/message.cjs");const s={key:0,class:"flex-justify-between"},d={class:"flex-justify-between"},m={key:0,class:"has-set"},x={key:1,class:"flex flex-justify-end action-buttons"};var p=e.defineComponent({name:"QxsSubjectAction",__name:"subject-action",props:{isEdit:Boolean,isSet:{type:Boolean,default:!1},isKey:{type:Boolean,default:!1},answerCheckType:{type:Number,default:1},showOtherOption:{type:Boolean,default:!0},examAnswerRelationType:{type:Number,default:null},showRichText:{type:Boolean,default:!0},pageEnd:{type:Boolean,default:!1}},emits:["moveUp","moveDown","delete","save","edit","add","onShowRichText","setKey","setAnswerSetting"],setup(p,{emit:f}){const k=p,v=f,V=e.ref(k.isKey),h=e.ref(!1),y=e.ref(k.answerCheckType),C=l.useNamespace("subject-action"),b=e.ref(!0),B=[{value:2,label:"必须全部都是支持选项，方可下一步"},{value:1,label:"无需判断是否是支持选项"},{value:3,label:"包含全部支持选项，即可下一步"}],w=e.computed(()=>B.find(e=>e.value===y.value)?.label);function N(){h.value=!1,v("setAnswerSetting",y.value)}function _(){v("setKey",V.value)}return(l,f)=>{const k=e.resolveComponent("QxsIcon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(C).e("action-exam"))},[e.createElementVNode("div",{class:e.normalizeClass(["action flex flex-justify-between",{active:p.isEdit}])},[e.createCommentVNode(" 编辑模式 "),p.isEdit?(e.openBlock(),e.createElementBlock("div",s,[p.showRichText?(e.openBlock(),e.createBlock(e.unref(c.QxsLink),{key:0,type:"primary",class:"btn-margin",onClick:f[0]||(f[0]=e.withModifiers(e=>v("onShowRichText"),["prevent"]))},{default:e.withCtx(()=>f[12]||(f[12]=[e.createTextVNode(" +添加题目描述（图文） ",-1)])),_:1,__:[12]})):e.createCommentVNode("v-if",!0),p.showOtherOption?(e.openBlock(),e.createBlock(e.unref(c.QxsLink),{key:1,type:"primary",class:"btn-margin",onClick:f[1]||(f[1]=e.withModifiers(e=>h.value=!0,["prevent"]))},{default:e.withCtx(()=>f[13]||(f[13]=[e.createTextVNode(" 答题设置 ",-1)])),_:1,__:[13]})):e.createCommentVNode("v-if",!0),p.showOtherOption?(e.openBlock(),e.createBlock(e.unref(r.QxsCheckbox),{key:2,modelValue:V.value,"onUpdate:modelValue":f[2]||(f[2]=e=>V.value=e),label:"核心题",onChange:_},null,8,["modelValue"])):e.createCommentVNode("v-if",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" 非编辑模式 "),e.createElementVNode("div",d,[p.showOtherOption?(e.openBlock(),e.createBlock(e.unref(r.QxsCheckbox),{key:0,modelValue:V.value,"onUpdate:modelValue":f[3]||(f[3]=e=>V.value=e),label:"核心题",disabled:""},null,8,["modelValue"])):e.createCommentVNode("v-if",!0),p.showOtherOption?(e.openBlock(),e.createBlock(e.unref(r.QxsCheckbox),{key:1,modelValue:b.value,"onUpdate:modelValue":f[4]||(f[4]=e=>b.value=e),label:w.value,disabled:"",class:"btn-margin"},null,8,["modelValue","label"])):e.createCommentVNode("v-if",!0)])],2112)),e.createCommentVNode(" 操作按钮 "),e.createElementVNode("div",null,[p.isSet?(e.openBlock(),e.createElementBlock("div",m," *此题设置了跳题逻辑 ")):(e.openBlock(),e.createElementBlock("div",x,[p.isEdit?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(e.unref(n.QxsButton),{class:"btn-margin",type:"danger",plain:"",onClick:f[7]||(f[7]=e=>v("delete"))},{icon:e.withCtx(()=>[e.createVNode(k,{icon:o})]),default:e.withCtx(()=>[f[16]||(f[16]=e.createTextVNode(" 删除 ",-1))]),_:1,__:[16]}),e.createVNode(e.unref(n.QxsButton),{type:"primary",onClick:f[8]||(f[8]=e=>v("save"))},{icon:e.withCtx(()=>[e.createVNode(k,{icon:t})]),default:e.withCtx(()=>[f[17]||(f[17]=e.createTextVNode(" 完成编辑 ",-1))]),_:1,__:[17]})],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[p.pageEnd?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createBlock(e.unref(n.QxsButton),{key:0,class:"btn-margin",onClick:f[5]||(f[5]=e=>v("edit"))},{icon:e.withCtx(()=>[e.createVNode(k,{icon:a})]),default:e.withCtx(()=>[f[14]||(f[14]=e.createTextVNode(" 编辑 ",-1))]),_:1,__:[14]})),e.createVNode(e.unref(n.QxsButton),{type:"danger",plain:"",onClick:f[6]||(f[6]=e=>v("delete"))},{icon:e.withCtx(()=>[e.createVNode(k,{icon:o})]),default:e.withCtx(()=>[f[15]||(f[15]=e.createTextVNode(" 删除 ",-1))]),_:1,__:[15]})],64))]))]),e.createCommentVNode(" 答题设置弹窗 "),e.createVNode(e.unref(u.QxsDialogComponent),{modelValue:h.value,"onUpdate:modelValue":f[11]||(f[11]=e=>h.value=e),title:"答题设置",class:"customize-dialog",width:"400px"},{footer:e.withCtx(()=>[e.createVNode(e.unref(n.QxsButton),{class:"customize-button",type:"primary",plain:"",onClick:f[10]||(f[10]=e=>h.value=!1)},{default:e.withCtx(()=>f[18]||(f[18]=[e.createTextVNode(" 取消 ",-1)])),_:1,__:[18]}),e.createVNode(e.unref(n.QxsButton),{class:"customize-button",type:"primary",plain:"",onClick:N},{default:e.withCtx(()=>f[19]||(f[19]=[e.createTextVNode(" 保存 ",-1)])),_:1,__:[19]})]),default:e.withCtx(()=>[e.createVNode(e.unref(i.QxsRadioGroup),{modelValue:y.value,"onUpdate:modelValue":f[9]||(f[9]=e=>y.value=e),class:"vertical-radio-group"},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(B,t=>e.createVNode(e.unref(i.QxsRadio),{key:t.value,label:t.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:2},1032,["label"])),64))]),_:1},8,["modelValue"])]),_:1},8,["modelValue"])],2)],2)}}});exports.default=p;
-//# sourceMappingURL=subject-action.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"subject-action.vue.cjs","sources":["../../../../../../packages/components/src/subject-action/src/subject-action.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport Check from '@qxs-bns/icons/src/components/Check.vue'\nimport Delete from '@qxs-bns/icons/src/components/Delete.vue'\nimport Edit from '@qxs-bns/icons/src/components/Edit.vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { QxsButton, QxsCheckbox,\n  QxsDialogComponent,\n  QxsLink,\n  QxsRadio,\n  QxsRadioGroup } from '../../ui'\nimport { computed, ref } from 'vue'\n\ndefineOptions({\n  name: 'QxsSubjectAction',\n})\n\nconst props = defineProps({\n  isEdit: Boolean,\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: 1,\n  },\n  showOtherOption: {\n    type: Boolean,\n    default: true,\n  },\n  examAnswerRelationType: {\n    type: Number,\n    default: null,\n  },\n  showRichText: {\n    type: Boolean,\n    default: true,\n  },\n  pageEnd: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst emits = defineEmits([\n  'moveUp',\n  'moveDown',\n  'delete',\n  'save',\n  'edit',\n  'add',\n  'onShowRichText',\n  'setKey',\n  'setAnswerSetting',\n])\nconst isKey = ref(props.isKey)\nconst showAnswerSetting = ref(false)\nconst answerType = ref(props.answerCheckType)\nconst ns = useNamespace('subject-action')\nconst checked = ref(true)\nconst answerTextList = [\n  {\n    value: 2,\n    label: '必须全部都是支持选项，方可下一步',\n  },\n  {\n    value: 1,\n    label: '无需判断是否是支持选项',\n  },\n  {\n    value: 3,\n    label: '包含全部支持选项，即可下一步',\n  },\n]\n\nconst answerText = computed(() => {\n  return answerTextList.find(item => item.value === answerType.value)?.label\n})\n\nfunction onSaveSetting() {\n  showAnswerSetting.value = false\n  emits('setAnswerSetting', answerType.value)\n}\n\nfunction setKey() {\n  emits('setKey', isKey.value)\n}\n</script>\n\n<template>\n  <div :class=\"ns.e('action-exam')\">\n    <div\n      class=\"action flex flex-justify-between\"\n      :class=\"{ active: isEdit }\"\n    >\n      <!-- 编辑模式 -->\n      <div\n        v-if=\"isEdit\"\n        class=\"flex-justify-between\"\n      >\n        <QxsLink\n          v-if=\"showRichText\"\n          type=\"primary\"\n          class=\"btn-margin\"\n          @click.prevent=\"emits('onShowRichText')\"\n        >\n          +添加题目描述（图文）\n        </QxsLink>\n        <QxsLink\n          v-if=\"showOtherOption\"\n          type=\"primary\"\n          class=\"btn-margin\"\n          @click.prevent=\"showAnswerSetting = true\"\n        >\n          答题设置\n        </QxsLink>\n        <QxsCheckbox\n          v-if=\"showOtherOption\"\n          v-model=\"isKey\"\n          label=\"核心题\"\n          @change=\"setKey\"\n        />\n      </div>\n\n      <!-- 非编辑模式 -->\n      <div\n        v-else\n        class=\"flex-justify-between\"\n      >\n        <QxsCheckbox\n          v-if=\"showOtherOption\"\n          v-model=\"isKey\"\n          label=\"核心题\"\n          disabled\n        />\n        <QxsCheckbox\n          v-if=\"showOtherOption\"\n          v-model=\"checked\"\n          :label=\"answerText\"\n          disabled\n          class=\"btn-margin\"\n        />\n      </div>\n\n      <!-- 操作按钮 -->\n      <div>\n        <div\n          v-if=\"isSet\"\n          class=\"has-set\"\n        >\n          *此题设置了跳题逻辑\n        </div>\n        <div\n          v-else\n          class=\"flex flex-justify-end action-buttons\"\n        >\n          <template v-if=\"!isEdit\">\n            <QxsButton\n              v-if=\"!pageEnd\"\n              class=\"btn-margin\"\n              @click=\"emits('edit')\"\n            >\n              <template #icon>\n                <QxsIcon :icon=\"Edit\" />\n              </template>\n              编辑\n            </QxsButton>\n            <QxsButton\n              type=\"danger\"\n              plain\n              @click=\"emits('delete')\"\n            >\n              <template #icon>\n                <QxsIcon :icon=\"Delete\" />\n              </template>\n              删除\n            </QxsButton>\n          </template>\n          <template v-else>\n            <QxsButton\n              class=\"btn-margin\"\n              type=\"danger\"\n              plain\n              @click=\"emits('delete')\"\n            >\n              <template #icon>\n                <QxsIcon :icon=\"Delete\" />\n              </template>\n              删除\n            </QxsButton>\n            <QxsButton\n              type=\"primary\"\n              @click=\"emits('save')\"\n            >\n              <template #icon>\n                <QxsIcon :icon=\"Check\" />\n              </template>\n              完成编辑\n            </QxsButton>\n          </template>\n        </div>\n      </div>\n\n      <!-- 答题设置弹窗 -->\n      <QxsDialogComponent\n        v-model=\"showAnswerSetting\"\n        title=\"答题设置\"\n        class=\"customize-dialog\"\n        width=\"400px\"\n      >\n        <QxsRadioGroup\n          v-model=\"answerType\"\n          class=\"vertical-radio-group\"\n        >\n          <QxsRadio\n            v-for=\"item in answerTextList\"\n            :key=\"item.value\"\n            :label=\"item.value\"\n          >\n            {{ item.label }}\n          </QxsRadio>\n        </QxsRadioGroup>\n        <template #footer>\n          <QxsButton\n            class=\"customize-button\"\n            type=\"primary\"\n            plain\n            @click=\"showAnswerSetting = false\"\n          >\n            取消\n          </QxsButton>\n          <QxsButton\n            class=\"customize-button\"\n            type=\"primary\"\n            plain\n            @click=\"onSaveSetting\"\n          >\n            保存\n          </QxsButton>\n        </template>\n      </QxsDialogComponent>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emits","__emit","isKey","ref","showAnswerSetting","answerType","answerCheckType","ns","useNamespace","checked","answerTextList","value","label","answerText","computed","find","item","onSaveSetting","setKey","_createElementBlock","class","_normalizeClass","_unref","e","_createElementVNode","active","isEdit","_createCommentVNode","_openBlock","_hoisted_1","showRichText","_createBlock","QxsLink","type","onClick","_cache","showOtherOption","QxsCheckbox","$event","onChange","_Fragment","key","_hoisted_2","disabled","isSet","_hoisted_3","_hoisted_4","_createVNode","QxsButton","plain","icon","_component_QxsIcon","Delete","Check","pageEnd","Edit","QxsDialogComponent","title","width","footer","QxsRadioGroup","_renderList","QxsRadio","_createTextVNode","_toDisplayString"],"mappings":"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"}

package/lib/src/subject-action/src/subject-action.vue2.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./subject-action.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=subject-action.vue2.cjs.map

package/lib/src/subject-action/src/subject-action.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"subject-action.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/src/subject-layout/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withInstall.cjs"),t=require("./src/subject-layout.vue.cjs");const s=e.withInstall(t.default);exports.QxsSubjectLayout=s,exports.default=s;
-//# sourceMappingURL=index.cjs.map

package/lib/src/subject-layout/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../packages/components/src/subject-layout/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/subject-layout.vue'\n\nconst QxsSubjectLayout = withInstall(component)\n\nexport {\n  QxsSubjectLayout,\n}\n\nexport default QxsSubjectLayout\n"],"names":["QxsSubjectLayout","withInstall","component"],"mappings":"kJAGA,MAAMA,EAAmBC,EAAAA,YAAYC,EAAAA"}

package/lib/src/subject-layout/src/subject-layout.vue.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("@qxs-bns/hooks");const o={key:0,class:"edit"};var r=e.defineComponent({name:"QxsSubjectLayout",__name:"subject-layout",props:{showEdit:{type:Boolean,required:!0}},setup(r){const s=t.useNamespace("subject-layout");return(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s).e("layout-exam"))},[e.createCommentVNode(" 编辑模式：只显示编辑区域 "),t.showEdit?(e.openBlock(),e.createElementBlock("div",o,[e.renderSlot(t.$slots,"edit")])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" 预览模式：只显示预览区域 "),e.renderSlot(t.$slots,"preview")],64)),e.renderSlot(t.$slots,"default")],2))}});exports.default=r;
-//# sourceMappingURL=subject-layout.vue.cjs.map

package/lib/src/subject-layout/src/subject-layout.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"subject-layout.vue.cjs","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    <!-- 编辑模式：只显示编辑区域 -->\n    <template v-if=\"showEdit\">\n      <div class=\"edit\">\n        <slot name=\"edit\" />\n      </div>\n    </template>\n    <!-- 预览模式：只显示预览区域 -->\n    <template v-else>\n      <slot name=\"preview\" />\n    </template>\n    <slot />\n  </div>\n</template>\n"],"names":["ns","useNamespace","_createElementBlock","class","_normalizeClass","_unref","e","_createCommentVNode","showEdit","_openBlock","_hoisted_1","_renderSlot","_ctx","$slots","_Fragment","key"],"mappings":"gRAUA,MAAMA,EAAKC,EAAAA,aAAa,8CAItBC,EAAAA,mBAYM,MAAA,CAZAC,MAAKC,EAAAA,eAAEC,EAAAA,MAAAL,GAAGM,EAAC,kBACfC,EAAAA,mBAAA,kBACgBC,EAAAA,UACdC,EAAAA,YAAAP,EAAAA,mBAEM,MAFNQ,EAEM,CADJC,aAAoBC,EAAAC,OAAA,0BAIxBX,EAAAA,mBAEWY,EAAAA,SAAA,CAAAC,IAAA,GAAA,CAHXR,EAAAA,mBAAA,kBAEEI,aAAuBC,EAAAC,OAAA,iBAEzBF,aAAQC,EAAAC,OAAA"}

package/lib/src/subject-layout/src/subject-layout.vue2.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./subject-layout.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=subject-layout.vue2.cjs.map

package/lib/src/subject-layout/src/subject-layout.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"subject-layout.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/src/subject-list/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withInstall.cjs"),t=require("./src/subject-list.vue.cjs");const s=e.withInstall(t.default);exports.QxsSubjectList=s,exports.default=s;
-//# sourceMappingURL=index.cjs.map

package/lib/src/subject-list/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../packages/components/src/subject-list/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/subject-list.vue'\n\nconst QxsSubjectList = withInstall(component)\n\nexport {\n  QxsSubjectList,\n}\n\nexport default QxsSubjectList\n"],"names":["QxsSubjectList","withInstall","component"],"mappings":"gJAGA,MAAMA,EAAiBC,EAAAA,YAAYC,EAAAA"}

package/lib/src/subject-list/src/components/SubjectPageEnd.vue.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),i=require("@qxs-bns/hooks");require("../../../ui/button/index.cjs"),require("../../../ui/input/index.cjs"),require("../../../ui/radio/index.cjs"),require("../../../ui/checkbox/index.cjs"),require("../../../ui/link/index.cjs"),require("../../../ui/tag/index.cjs"),require("../../../ui/input-number/index.cjs"),require("../../../ui/select/index.cjs"),require("../../../ui/popover/index.cjs");var r=require("../../../ui/layout/index.cjs");require("../../../ui/scrollbar/index.cjs"),require("../../../ui/dialog/index.cjs"),require("../../../ui/table/index.cjs"),require("../../../icon/index.cjs"),require("../../../message/src/message.cjs");var t=require("../../../subject-action/src/subject-action.vue.cjs"),n=e.defineComponent({name:"QxsSubjectScale",__name:"SubjectPageEnd",props:{currentPageIndex:{type:Number,required:!0},totalPage:{type:Number,required:!0},isSave:{type:Boolean,required:!0},showAction:{type:Boolean,required:!1},isEdit:{type:Boolean,required:!0},isSet:{type:Boolean,required:!0},examAnswerRelationType:{type:Number,required:!1}},emits:["move","save","delete","edit","add"],setup(n,{emit:u}){const s=n,o=u;e.onMounted(function(){});const a=i.useNamespace("subject-end");return(i,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a).e("end-exam"))},[e.createVNode(e.unref(r.QxsRow),{type:"flex",align:"middle"},{default:e.withCtx(()=>[n[5]||(n[5]=e.createElementVNode("span",{class:"auto-line"},null,-1)),e.createElementVNode("span",null,"第"+e.toDisplayString(s.currentPageIndex)+" / "+e.toDisplayString(i.totalPage)+"页",1),n[6]||(n[6]=e.createElementVNode("span",{class:"auto-line"},null,-1))]),_:1,__:[5,6]}),e.createVNode(t.default,{"is-edit":!1,"is-set":i.isSet,"page-end":!0,"exam-answer-relation-type":s.examAnswerRelationType,"show-other-option":!1,"show-rich-text":!1,onMoveUp:n[0]||(n[0]=e=>o("move","up")),onMoveDown:n[1]||(n[1]=e=>o("move","down")),onDelete:n[2]||(n[2]=e=>o("delete")),onEdit:n[3]||(n[3]=e=>o("edit")),onAdd:n[4]||(n[4]=e=>o("add",e))},null,8,["is-set","exam-answer-relation-type"])],2))}});exports.default=n;
-//# sourceMappingURL=SubjectPageEnd.vue.cjs.map