@qxs-bns/components 0.0.48 → 0.0.50

package/es/src/fixed-action-bar/src/fixed-action-bar.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fixed-action-bar.vue.mjs","sources":["../../../../../../packages/components/src/fixed-action-bar/src/fixed-action-bar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"QxsFixedActionBar\",\n};\n</script>\n<script setup lang=\"ts\">\nimport { useNamespace } from \"@qxs-bns/hooks\";\nimport { getDeviceType } from \"@qxs-bns/utils\";\nimport { debounce } from \"lodash-es\";\n\ntype ElementSize = { width: number; height: number };\n\nconst props = defineProps({\n  padding: {\n    type: Number,\n    default: 8,\n  },\n  className: {\n    type: String,\n    default: \"\",\n  },\n});\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\nconst getTotalPadding = (el: HTMLElement) => {\n  const style = getComputedStyle(el);\n  return {\n    x: parseFloat(style.paddingLeft) + parseFloat(style.paddingRight),\n    y: parseFloat(style.paddingTop) + parseFloat(style.paddingBottom),\n  };\n};\n\nconst createResizeObserver = (\n  el: HTMLElement,\n  callback: (entry: ResizeObserverEntry) => void,\n  options?: ResizeObserverOptions\n) => {\n  const observer = new ResizeObserver((entries) => {\n    entries.forEach((entry) => requestAnimationFrame(() => callback(entry)));\n  });\n  observer.observe(el, options);\n  return observer;\n};\n\nconst initObservers = () => {\n  if (!actionbar.value || !placeholderRef.value) return;\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<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","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"],"mappings":"0WAEEA,KAAM,wGAUR,MAAMC,EAAQC,EAWRC,EAAKC,EAAa,oBAClBC,EAAWC,GAAI,GACfC,EAAYD,EAAwB,MACpCE,EAAiBF,EAAwB,MAEzCG,EAAcH,EAAiB,CAAEI,MAAO,EAAGC,OAAQ,IACnDC,EAAcN,EAAI,GAClBO,EAAcP,EAAI,GAElBQ,EAAY,CAChBC,OAAQ,KACRC,OAAQ,MAWJC,EAAuB,CAC3BC,EACAC,EACAC,KAEA,MAAMC,EAAW,IAAIC,gBAAgBC,IAC3BA,EAAAC,SAASC,GAAUC,uBAAsB,IAAMP,EAASM,MAAO,IAGlE,OADEJ,EAAAM,QAAQT,EAAIE,GACdC,CAAA,EAGHO,EAAgB,KACpB,IAAKrB,EAAUsB,QAAUrB,EAAeqB,MAAO,OAG/Cf,EAAUC,OAASE,EACjBV,EAAUsB,OACTJ,IACO,MAAAK,EA3BY,CAACZ,IACjB,MAAAa,EAAQC,iBAAiBd,GACxB,MAAA,CACLe,EAAGC,WAAWH,EAAMI,aAAeD,WAAWH,EAAMK,cACpDC,EAAGH,WAAWH,EAAMO,YAAcJ,WAAWH,EAAMQ,eACrD,EAsBoBC,CAAgBf,EAAMgB,QACtChC,EAAYoB,MAAQ,CAClBnB,MAAOe,EAAMiB,YAAYhC,MAAQoB,EAAQG,EACzCtB,OAAQc,EAAMiB,YAAY/B,OAASmB,EAAQO,EAC7C,GAEF,CAAEM,IAAK,eAIH,MAAA3B,EAASR,EAAeqB,MAAMe,cAChC5B,IACQF,EAAAE,OAASC,EAAqBD,GAAQ,KACxC,MAAA6B,EAAO7B,EAAO8B,wBACpBlC,EAAYiB,MAAQgB,EAAKnC,MACzBG,EAAYgB,MAAQgB,EAAKE,IAAA,IAC1B,EAICC,EAAyBC,GAAS,KAChC,MAAAC,QAAEA,GAAYC,QACdC,aAAEA,EAAAC,aAAcA,GAAiBC,SAASC,gBAChDlD,EAASwB,MAAQ2B,KAAKC,KAAKP,EAAUE,IAAiBC,CAAA,GACrD,KAEGK,EAAcC,GAAS,IAAQtD,EAASwB,MAA0B,GAAlB1B,EAAGyD,GAAG,YAEtDrB,EAAgBoB,GAAS,IACT,YAApBE,IAAgCL,KAAKM,IAAI7D,EAAM6B,QAAS,IAAM7B,EAAM6B,UAGhEiC,EAAiBJ,GAAS,KAAO,CACrCjD,MAAO,GAAGE,EAAYiB,UACtBkB,KAAM,GAAGlC,EAAYgB,aAClB1B,EAAG6D,YAAY,CAChB,oBAAqB,GAAG/D,EAAM6B,YAC9B,2BAA4B,GAAGS,EAAcV,uBAIjDoC,GAAU,KACMrC,IACduB,OAAOe,iBAAiB,SAAUlB,EAAwB,CAAEmB,SAAS,GAAM,IAG7EC,GAAY,KACVtD,EAAUC,QAAQsD,aAClBvD,EAAUE,QAAQqD,aACXlB,OAAAmB,oBAAoB,SAAUtB,EAAsB"}
+{"version":3,"file":"fixed-action-bar.vue.mjs","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'\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"],"mappings":"0WAkHEA,KAAM,wGA7GR,MAAMC,EAAQC,EAaRC,EAAKC,EAAa,oBAClBC,EAAWC,GAAI,GACfC,EAAYD,EAAwB,MACpCE,EAAiBF,EAAwB,MAEzCG,EAAcH,EAAiB,CAAEI,MAAO,EAAGC,OAAQ,IACnDC,EAAcN,EAAI,GAClBO,EAAcP,EAAI,GAElBQ,EAAY,CAChBC,OAAQ,KACRC,OAAQ,MAWD,SAAAC,EAAqBC,EAC5BC,EACAC,GACA,MAAMC,EAAW,IAAIC,gBAAgBC,IACnCA,EAAQC,SAAiBC,GAAAC,uBAAsB,IAAMP,EAASM,MAAO,IAGhE,OADEJ,EAAAM,QAAQT,EAAIE,GACdC,CAAA,CAGT,SAASO,IACP,IAAKrB,EAAUsB,QAAUrB,EAAeqB,MACtC,OAIFf,EAAUC,OAASE,EACjBV,EAAUsB,OACTJ,IACO,MAAAK,EA3BZ,SAAyBZ,GACjB,MAAAa,EAAQC,iBAAiBd,GACxB,MAAA,CACLe,EAAGC,OAAOC,WAAWJ,EAAMK,aAAeF,OAAOC,WAAWJ,EAAMM,cAClEC,EAAGJ,OAAOC,WAAWJ,EAAMQ,YAAcL,OAAOC,WAAWJ,EAAMS,eACnE,CAsBoBC,CAAgBhB,EAAMiB,QACtCjC,EAAYoB,MAAQ,CAClBnB,MAAOe,EAAMkB,YAAYjC,MAAQoB,EAAQG,EACzCtB,OAAQc,EAAMkB,YAAYhC,OAASmB,EAAQQ,EAC7C,GAEF,CAAEM,IAAK,eAIH,MAAA5B,EAASR,EAAeqB,MAAMgB,cAChC7B,IACQF,EAAAE,OAASC,EAAqBD,GAAQ,KACxC,MAAA8B,EAAO9B,EAAO+B,wBACpBnC,EAAYiB,MAAQiB,EAAKpC,MACzBG,EAAYgB,MAAQiB,EAAKE,IAAA,IAE7B,CAGI,MAAAC,EAAyBC,GAAS,KAChC,MAAAC,QAAEA,GAAYC,QACdC,aAAEA,EAAAC,aAAcA,GAAiBC,SAASC,gBAChDnD,EAASwB,MAAQ4B,KAAKC,KAAKP,EAAUE,IAAiBC,CAAA,GACrD,KAEGK,EAAcC,GAAS,IAAQvD,EAASwB,MAA0B,GAAlB1B,EAAG0D,GAAG,YAEtDrB,EAAgBoB,GAAS,IACT,YAApBE,IAAgCL,KAAKM,IAAI9D,EAAM6B,QAAS,IAAM7B,EAAM6B,UAGhEkC,EAAiBJ,GAAS,KAAO,CACrClD,MAAO,GAAGE,EAAYiB,UACtBmB,KAAM,GAAGnC,EAAYgB,aAClB1B,EAAG8D,YAAY,CAChB,oBAAqB,GAAGhE,EAAM6B,YAC9B,2BAA4B,GAAGU,EAAcX,uBAIjDqC,GAAU,KACMtC,IACdwB,OAAOe,iBAAiB,SAAUlB,EAAwB,CAAEmB,SAAS,GAAM,IAG7EC,GAAY,KACVvD,EAAUC,QAAQuD,aAClBxD,EAAUE,QAAQsD,aACXlB,OAAAmB,oBAAoB,SAAUtB,EAAsB"}

package/es/src/image-upload/src/image-upload.vue.mjs

@@ -1,2 +1,2 @@
-import{ElUpload as e,ElImage as t,ElIcon as l,ElProgress as r,ElImageViewer as s,ElMessage as i}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/image-viewer/style/index";import"element-plus/es/components/upload/style/index";import"element-plus/es/components/progress/style/index";import"element-plus/es/components/image/style/index";import"element-plus/es/components/icon/style/index";import{defineComponent as p,ref as a,computed as n,createElementBlock as o,openBlock as u,normalizeClass as c,unref as d,createVNode as m,createCommentVNode as g,createBlock as f,withCtx as y,withDirectives as v,normalizeStyle as h,createElementVNode as w,toDisplayString as x,vShow as b}from"vue";import{Plus as q,ZoomIn as k,Delete as $}from"@element-plus/icons-vue";import{useNamespace as _}from"@qxs-bns/hooks";import{useNamespace as S}from"element-plus";import"element-plus/es/components/message/style/index";const V={key:1,class:"image"},U={class:"mask"},j={class:"actions"},z={class:"tip-content"};var M=p({name:"QxsImageUpload",__name:"image-upload",props:{action:{type:String,required:!0},headers:{type:null,required:!1},data:{type:null,required:!1},name:{type:String,required:!1,default:"file"},url:{type:String,required:!1,default:""},size:{type:Number,required:!1,default:20},width:{type:Number,required:!1,default:160},accept:{type:String,required:!1,default:"image/jpeg,image/jpg,image/png,image/gif"},height:{type:Number,required:!1,default:90},placeholder:{type:String,required:!1,default:"点击上传图片"},notip:{type:Boolean,required:!1,default:!1},tipText:{type:String,required:!1,default:""},beforeUpload:{type:null,required:!1}},emits:["update:url","onSuccess"],setup(p,{emit:M}){const N=M,B=_("image-upload"),C=S("upload"),D=a({imageViewerVisible:!1,progress:{preview:"",percent:0}}),L=n((()=>p.accept.split(",").map((e=>e.split("/").pop())))),R=n((()=>({width:`${p.width}px`,height:`${p.height}px`}))),T=n((()=>.8*Math.min(p.width,p.height))),I=n((()=>p.tipText||`上传图片支持 ${L.value.join(" / ")} 格式，且图片大小不超过 ${p.size}MB，建议图片尺寸为 ${p.width}*${p.height}`));function O(e){e.preventDefault(),D.value.imageViewerVisible=!0}function Q(){D.value.imageViewerVisible=!1}function A(e){e.preventDefault(),N("update:url","")}const E=e=>{const t=e.name.split(".").pop()??"",l=L.value.includes(t),r=e.size/1024/1024<p.size;return l?r?(D.value.progress.preview=URL.createObjectURL(e),!p.beforeUpload||p.beforeUpload(e)):(i.error(`上传图片大小不能超过 ${p.size}MB！`),!1):(i.error(`上传图片只支持${L.value.join(" / ")}格式！`),!1)},F=e=>{D.value.progress.percent=Math.floor(e.percent)},G=(...e)=>{D.value.progress={preview:"",percent:0},N("onSuccess",...e)};return(i,p)=>{const a=l,n=t,_=r,S=e,M=s;return u(),o("div",{class:c(d(B).e("container"))},[m(S,{drag:"","show-file-list":!1,headers:i.headers,action:i.action,data:i.data,name:i.name,accept:i.accept,class:c(d(B).e("control")),"before-upload":E,"on-progress":F,"on-success":G},{default:y((()=>[""===i.url?(u(),f(n,{key:0,style:h(d(R)),src:i.placeholder,fit:"fill"},{error:y((()=>[w("div",{class:"image-slot",style:h(d(R))},[m(a,null,{default:y((()=>[m(d(q))])),_:1}),w("p",null,x(i.placeholder),1)],4)])),_:1},8,["style","src"])):(u(),o("div",V,[m(n,{src:i.url,style:h(d(R)),fit:"fill"},null,8,["src","style"]),w("div",U,[w("div",j,[w("span",{title:"预览",onClick:O},[m(a,null,{default:y((()=>[m(d(k))])),_:1})]),w("span",{title:"移除",onClick:A},[m(a,null,{default:y((()=>[m(d($))])),_:1})])])])])),v(w("div",{class:"progress",style:h(d(R))},[m(n,{src:d(D).progress.preview,style:h(d(R)),fit:"fill"},null,8,["src","style"]),100!==d(D).progress.percent?(u(),f(_,{key:0,type:"circle",width:d(T),percentage:d(D).progress.percent},null,8,["width","percentage"])):g("v-if",!0)],4),[[b,""===i.url&&d(D).progress.percent]])])),_:1},8,["headers","action","data","name","accept","class"]),i.notip?g("v-if",!0):(u(),o("div",{key:0,class:c(`${d(C).namespace.value}-upload__tip-text`)},[w("div",z,x(d(I)),1)],2)),d(D).imageViewerVisible?(u(),f(M,{key:1,"url-list":[i.url],teleported:"",onClose:Q},null,8,["url-list"])):g("v-if",!0)],2)}}});export{M as default};
+import{ElUpload as e,ElImage as t,ElIcon as l,ElProgress as r,ElImageViewer as s,ElMessage as i}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/image-viewer/style/index";import"element-plus/es/components/upload/style/index";import"element-plus/es/components/progress/style/index";import"element-plus/es/components/image/style/index";import"element-plus/es/components/icon/style/index";import{defineComponent as p,ref as a,computed as n,createElementBlock as o,openBlock as u,normalizeClass as c,unref as d,createVNode as m,createCommentVNode as g,createBlock as f,withCtx as y,withDirectives as v,normalizeStyle as h,createElementVNode as w,toDisplayString as x,withModifiers as b,vShow as q}from"vue";import{Plus as k,ZoomIn as $,Delete as _}from"@element-plus/icons-vue";import{useNamespace as S}from"@qxs-bns/hooks";import{useNamespace as V}from"element-plus";import"element-plus/es/components/message/style/index";const U={key:1,class:"image"},j={class:"mask"},z={class:"actions"},M={class:"tip-content"};var N=p({name:"QxsImageUpload",__name:"image-upload",props:{action:{type:String,required:!0},headers:{type:null,required:!1},data:{type:null,required:!1},name:{type:String,required:!1,default:"file"},url:{type:String,required:!1,default:""},size:{type:Number,required:!1,default:20},width:{type:Number,required:!1,default:160},accept:{type:String,required:!1,default:"image/jpeg,image/jpg,image/png,image/gif"},height:{type:Number,required:!1,default:90},placeholder:{type:String,required:!1,default:"点击上传图片"},notip:{type:Boolean,required:!1,default:!1},tipText:{type:String,required:!1,default:""},beforeUpload:{type:null,required:!1}},emits:["update:url","onSuccess"],setup(p,{emit:N}){const B=N,C=S("image-upload"),D=V("upload"),L=a({imageViewerVisible:!1,progress:{preview:"",percent:0}}),R=n((()=>p.accept.split(",").map((e=>e.split("/").pop())))),T=n((()=>({width:`${p.width}px`,height:`${p.height}px`}))),I=n((()=>.8*Math.min(p.width,p.height))),O=n((()=>p.tipText||`上传图片支持 ${R.value.join(" / ")} 格式，且图片大小不超过 ${p.size}MB，建议图片尺寸为 ${p.width}*${p.height}`));function Q(e){e.preventDefault(),L.value.imageViewerVisible=!0}function A(){L.value.imageViewerVisible=!1}function E(e){e.preventDefault(),B("update:url","")}const F=e=>{const t=e.name.split(".").pop()??"",l=R.value.includes(t),r=e.size/1024/1024<p.size;return l?r?(L.value.progress.preview=URL.createObjectURL(e),!p.beforeUpload||p.beforeUpload(e)):(i.error(`上传图片大小不能超过 ${p.size}MB！`),!1):(i.error(`上传图片只支持${R.value.join(" / ")}格式！`),!1)},G=e=>{L.value.progress.percent=Math.floor(e.percent)},H=(...e)=>{L.value.progress={preview:"",percent:0},B("onSuccess",...e)};return(i,p)=>{const a=l,n=t,S=r,V=e,N=s;return u(),o("div",{class:c(d(C).e("container"))},[m(V,{drag:"","show-file-list":!1,headers:i.headers,action:i.action,data:i.data,name:i.name,accept:i.accept,class:c(d(C).e("control")),"before-upload":F,"on-progress":G,"on-success":H},{default:y((()=>[""===i.url?(u(),f(n,{key:0,style:h(d(T)),src:i.placeholder,fit:"fill"},{error:y((()=>[w("div",{class:"image-slot",style:h(d(T))},[m(a,null,{default:y((()=>[m(d(k))])),_:1}),w("p",null,x(i.placeholder),1)],4)])),_:1},8,["style","src"])):(u(),o("div",U,[m(n,{src:i.url,style:h(d(T)),fit:"fill"},null,8,["src","style"]),w("div",j,[w("div",z,[w("span",{title:"预览",onClick:b(Q,["stop"])},[m(a,null,{default:y((()=>[m(d($))])),_:1})]),w("span",{title:"移除",onClick:b(E,["stop"])},[m(a,null,{default:y((()=>[m(d(_))])),_:1})])])])])),v(w("div",{class:"progress",style:h(d(T))},[m(n,{src:d(L).progress.preview,style:h(d(T)),fit:"fill"},null,8,["src","style"]),100!==d(L).progress.percent?(u(),f(S,{key:0,type:"circle",width:d(I),percentage:d(L).progress.percent},null,8,["width","percentage"])):g("v-if",!0)],4),[[q,""===i.url&&d(L).progress.percent]])])),_:1},8,["headers","action","data","name","accept","class"]),i.notip?g("v-if",!0):(u(),o("div",{key:0,class:c(`${d(D).namespace.value}-upload__tip-text`)},[w("div",M,x(d(O)),1)],2)),d(L).imageViewerVisible?(u(),f(N,{key:1,"url-list":[i.url],teleported:"",onClose:A},null,8,["url-list"])):g("v-if",!0)],2)}}});export{N as default};
 //# sourceMappingURL=image-upload.vue.mjs.map

package/es/src/image-upload/src/image-upload.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"image-upload.vue.mjs","sources":["../../../../../../packages/components/src/image-upload/src/image-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadFile, UploadFiles, UploadProps } from \"element-plus\";\nimport { Delete, Plus, ZoomIn } from \"@element-plus/icons-vue\";\nimport { useNamespace } from \"@qxs-bns/hooks\";\nimport { useNamespace as useElNamespace } from \"element-plus\";\n\n// 类型定义\nexport interface ImageUploadProps {\n  action: UploadProps[\"action\"];\n  headers?: UploadProps[\"headers\"];\n  data?: UploadProps[\"data\"];\n  name?: UploadProps[\"name\"];\n  url?: string;\n  size?: number;\n  width?: number;\n  accept?: string;\n  height?: number;\n  placeholder?: string;\n  notip?: boolean;\n  tipText?: string;\n  beforeUpload?: UploadProps[\"beforeUpload\"];\n}\n\ninterface UploadProgress {\n  preview: string;\n  percent: number;\n}\n\n// 组件名称\ndefineOptions({\n  name: \"QxsImageUpload\",\n});\n\n// Props 定义\nconst {\n  name = \"file\",\n  url = \"\",\n  size = 20,\n  width = 160,\n  height = 90,\n  placeholder = \"点击上传图片\",\n  notip = false,\n  accept = \"image/jpeg,image/jpg,image/png,image/gif\",\n  beforeUpload,\n  tipText = ''\n} = defineProps<ImageUploadProps>();\n\n// Emits 定义\nconst emits = defineEmits<{\n  \"update:url\": [url: string];\n  onSuccess: [res: any, uploadFile: UploadFile, uploadFiles: UploadFiles];\n}>();\n\n// 命名空间\nconst ns = useNamespace(\"image-upload\");\nconst nsEl = useElNamespace(\"upload\");\n\n// 响应式数据\nconst uploadData = ref<{\n  imageViewerVisible: boolean;\n  progress: UploadProgress;\n}>({\n  imageViewerVisible: false,\n  progress: {\n    preview: \"\",\n    percent: 0,\n  },\n});\n\n// 计算属性\nconst exts = computed(() =>\n  accept.split(\",\").map((ext) => ext.split(\"/\").pop())\n);\n\nconst imageStyle = computed(() => ({\n  width: `${width}px`,\n  height: `${height}px`,\n}));\n\nconst progressSize = computed(() => Math.min(width, height) * 0.8);\n\nconst tipMessage = computed(\n  () =>\n    tipText ||\n    `上传图片支持 ${exts.value.join(\n      \" / \"\n    )} 格式，且图片大小不超过 ${size}MB，建议图片尺寸为 ${width}*${height}`\n);\n\n// 方法\nfunction preview(e: Event) {\n  e.preventDefault();\n  uploadData.value.imageViewerVisible = true;\n}\n\nfunction previewClose() {\n  uploadData.value.imageViewerVisible = false;\n}\n\nfunction remove(e: Event) {\n  e.preventDefault();\n  emits(\"update:url\", \"\");\n}\n\nconst handleBeforeUpload: UploadProps[\"beforeUpload\"] = (file) => {\n  const fileExt = file.name.split(\".\").pop() ?? \"\";\n  const isTypeOk = exts.value.includes(fileExt);\n  const isSizeOk = file.size / 1024 / 1024 < size;\n\n  if (!isTypeOk) {\n    ElMessage.error(`上传图片只支持${exts.value.join(\" / \")}格式！`);\n    return false;\n  }\n\n  if (!isSizeOk) {\n    ElMessage.error(`上传图片大小不能超过 ${size}MB！`);\n    return false;\n  }\n\n  uploadData.value.progress.preview = URL.createObjectURL(file);\n\n  return beforeUpload ? beforeUpload(file) : true;\n};\n\nconst onProgress: UploadProps[\"onProgress\"] = (evt) => {\n  uploadData.value.progress.percent = Math.floor(evt.percent);\n};\n\nconst onSuccess: UploadProps[\"onSuccess\"] = (...args) => {\n  uploadData.value.progress = {\n    preview: \"\",\n    percent: 0,\n  };\n  emits(\"onSuccess\", ...args);\n};\n</script>\n\n<template>\n  <div :class=\"ns.e('container')\">\n    <el-upload\n      drag\n      :show-file-list=\"false\"\n      :headers=\"headers\"\n      :action=\"action\"\n      :data=\"data\"\n      :name=\"name\"\n      :accept=\"accept\"\n      :class=\"ns.e('control')\"\n      :before-upload=\"handleBeforeUpload\"\n      :on-progress=\"onProgress\"\n      :on-success=\"onSuccess\"\n    >\n      <template v-if=\"url === ''\">\n        <el-image :style=\"imageStyle\" :src=\"placeholder\" fit=\"fill\">\n          <template #error>\n            <div class=\"image-slot\" :style=\"imageStyle\">\n              <el-icon><Plus /></el-icon>\n              <p>{{ placeholder }}</p>\n            </div>\n          </template>\n        </el-image>\n      </template>\n\n      <template v-else>\n        <div class=\"image\">\n          <el-image :src=\"url\" :style=\"imageStyle\" fit=\"fill\" />\n          <div class=\"mask\">\n            <div class=\"actions\">\n              <span title=\"预览\" @click=\"preview\">\n                <el-icon><ZoomIn /></el-icon>\n              </span>\n              <span title=\"移除\" @click=\"remove\">\n                <el-icon><Delete /></el-icon>\n              </span>\n            </div>\n          </div>\n        </div>\n      </template>\n\n      <div\n        v-show=\"url === '' && uploadData.progress.percent\"\n        class=\"progress\"\n        :style=\"imageStyle\"\n      >\n        <el-image\n          :src=\"uploadData.progress.preview\"\n          :style=\"imageStyle\"\n          fit=\"fill\"\n        />\n        <el-progress\n          v-if=\"uploadData.progress.percent !== 100\"\n          type=\"circle\"\n          :width=\"progressSize\"\n          :percentage=\"uploadData.progress.percent\"\n        />\n      </div>\n    </el-upload>\n\n    <div v-if=\"!notip\" :class=\"`${nsEl.namespace.value}-upload__tip-text`\">\n      <div class=\"tip-content\">\n        {{ tipMessage }}\n      </div>\n    </div>\n\n    <el-image-viewer\n      v-if=\"uploadData.imageViewerVisible\"\n      :url-list=\"[url]\"\n      teleported\n      @close=\"previewClose\"\n    />\n  </div>\n</template>\n"],"names":["emits","__emit","ns","useNamespace","nsEl","useElNamespace","uploadData","ref","imageViewerVisible","progress","preview","percent","exts","computed","__props","split","map","ext","pop","imageStyle","width","height","progressSize","Math","min","tipMessage","tipText","value","join","size","e","preventDefault","previewClose","remove","handleBeforeUpload","file","fileExt","name","isTypeOk","includes","isSizeOk","URL","createObjectURL","beforeUpload","ElMessage","error","onProgress","evt","floor","onSuccess","args"],"mappings":"0sDAgDA,MAAMA,EAAQC,EAMRC,EAAKC,EAAa,gBAClBC,EAAOC,EAAe,UAGtBC,EAAaC,EAGhB,CACDC,oBAAoB,EACpBC,SAAU,CACRC,QAAS,GACTC,QAAS,KAKPC,EAAOC,GAAS,IACpBC,SAAOC,MAAM,KAAKC,KAAKC,GAAQA,EAAIF,MAAM,KAAKG,UAG1CC,EAAaN,GAAS,KAAO,CACjCO,MAAO,GAAGN,EAAAM,UACVC,OAAQ,GAAGP,EAAAO,eAGPC,EAAeT,GAAS,IAAgC,GAA1BU,KAAKC,IAAIV,EAAAM,MAAON,EAAMO,UAEpDI,EAAaZ,GACjB,IACEC,EAAAY,SACA,UAAUd,EAAKe,MAAMC,KACnB,sBACed,EAAIe,kBAAcf,EAAKM,SAAIN,aAIhD,SAASJ,EAAQoB,GACfA,EAAEC,iBACFzB,EAAWqB,MAAMnB,oBAAqB,CAAA,CAGxC,SAASwB,IACP1B,EAAWqB,MAAMnB,oBAAqB,CAAA,CAGxC,SAASyB,EAAOH,GACdA,EAAEC,iBACF/B,EAAM,aAAc,GAAE,CAGlB,MAAAkC,EAAmDC,IACvD,MAAMC,EAAUD,EAAKE,KAAKtB,MAAM,KAAKG,OAAS,GACxCoB,EAAW1B,EAAKe,MAAMY,SAASH,GAC/BI,EAAWL,EAAKN,KAAO,KAAO,KAAOf,EAAIe,KAE/C,OAAKS,EAKAE,GAKLlC,EAAWqB,MAAMlB,SAASC,QAAU+B,IAAIC,gBAAgBP,IAEjDrB,EAAY6B,cAAG7B,eAAaqB,KANjCS,EAAUC,MAAM,cAAc/B,EAAIe,YAC3B,IANPe,EAAUC,MAAM,UAAUjC,EAAKe,MAAMC,KAAK,cACnC,EAUkC,EAGvCkB,EAAyCC,IAC7CzC,EAAWqB,MAAMlB,SAASE,QAAUY,KAAKyB,MAAMD,EAAIpC,QAAO,EAGtDsC,EAAsC,IAAIC,KAC9C5C,EAAWqB,MAAMlB,SAAW,CAC1BC,QAAS,GACTC,QAAS,GAELX,EAAA,eAAgBkD,EAAI"}
+{"version":3,"file":"image-upload.vue.mjs","sources":["../../../../../../packages/components/src/image-upload/src/image-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadFile, UploadFiles, UploadProps } from 'element-plus'\nimport { Delete, Plus, ZoomIn } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { useNamespace as useElNamespace } from 'element-plus'\n\n// 类型定义\nexport interface ImageUploadProps {\n  action: UploadProps['action']\n  headers?: UploadProps['headers']\n  data?: UploadProps['data']\n  name?: UploadProps['name']\n  url?: string\n  size?: number\n  width?: number\n  accept?: string\n  height?: number\n  placeholder?: string\n  notip?: boolean\n  tipText?: string\n  beforeUpload?: UploadProps['beforeUpload']\n}\n\ninterface UploadProgress {\n  preview: string\n  percent: number\n}\n\n// 组件名称\ndefineOptions({\n  name: 'QxsImageUpload',\n})\n\n// Props 定义\nconst {\n  name = 'file',\n  url = '',\n  size = 20,\n  width = 160,\n  height = 90,\n  placeholder = '点击上传图片',\n  notip = false,\n  accept = 'image/jpeg,image/jpg,image/png,image/gif',\n  beforeUpload,\n  tipText = '',\n} = defineProps<ImageUploadProps>()\n\n// Emits 定义\nconst emits = defineEmits<{\n  'update:url': [url: string]\n  'onSuccess': [res: any, uploadFile: UploadFile, uploadFiles: UploadFiles]\n}>()\n\n// 命名空间\nconst ns = useNamespace('image-upload')\nconst nsEl = useElNamespace('upload')\n\n// 响应式数据\nconst uploadData = ref<{\n  imageViewerVisible: boolean\n  progress: UploadProgress\n}>({\n  imageViewerVisible: false,\n  progress: {\n    preview: '',\n    percent: 0,\n  },\n})\n\n// 计算属性\nconst exts = computed(() =>\n  accept.split(',').map(ext => ext.split('/').pop()),\n)\n\nconst imageStyle = computed(() => ({\n  width: `${width}px`,\n  height: `${height}px`,\n}))\n\nconst progressSize = computed(() => Math.min(width, height) * 0.8)\n\nconst tipMessage = computed(\n  () =>\n    tipText\n    || `上传图片支持 ${exts.value.join(\n      ' / ',\n    )} 格式，且图片大小不超过 ${size}MB，建议图片尺寸为 ${width}*${height}`,\n)\n\n// 方法\nfunction preview(e: Event) {\n  e.preventDefault()\n  uploadData.value.imageViewerVisible = true\n}\n\nfunction previewClose() {\n  uploadData.value.imageViewerVisible = false\n}\n\nfunction remove(e: Event) {\n  e.preventDefault()\n  emits('update:url', '')\n}\n\nconst handleBeforeUpload: UploadProps['beforeUpload'] = (file) => {\n  const fileExt = file.name.split('.').pop() ?? ''\n  const isTypeOk = exts.value.includes(fileExt)\n  const isSizeOk = file.size / 1024 / 1024 < size\n\n  if (!isTypeOk) {\n    ElMessage.error(`上传图片只支持${exts.value.join(' / ')}格式！`)\n    return false\n  }\n\n  if (!isSizeOk) {\n    ElMessage.error(`上传图片大小不能超过 ${size}MB！`)\n    return false\n  }\n\n  uploadData.value.progress.preview = URL.createObjectURL(file)\n\n  return beforeUpload ? beforeUpload(file) : true\n}\n\nconst onProgress: UploadProps['onProgress'] = (evt) => {\n  uploadData.value.progress.percent = Math.floor(evt.percent)\n}\n\nconst onSuccess: UploadProps['onSuccess'] = (...args) => {\n  uploadData.value.progress = {\n    preview: '',\n    percent: 0,\n  }\n  emits('onSuccess', ...args)\n}\n</script>\n\n<template>\n  <div :class=\"ns.e('container')\">\n    <el-upload\n      drag\n      :show-file-list=\"false\"\n      :headers=\"headers\"\n      :action=\"action\"\n      :data=\"data\"\n      :name=\"name\"\n      :accept=\"accept\"\n      :class=\"ns.e('control')\"\n      :before-upload=\"handleBeforeUpload\"\n      :on-progress=\"onProgress\"\n      :on-success=\"onSuccess\"\n    >\n      <template v-if=\"url === ''\">\n        <el-image\n          :style=\"imageStyle\"\n          :src=\"placeholder\"\n          fit=\"fill\"\n        >\n          <template #error>\n            <div\n              class=\"image-slot\"\n              :style=\"imageStyle\"\n            >\n              <el-icon><Plus /></el-icon>\n              <p>{{ placeholder }}</p>\n            </div>\n          </template>\n        </el-image>\n      </template>\n\n      <template v-else>\n        <div class=\"image\">\n          <el-image\n            :src=\"url\"\n            :style=\"imageStyle\"\n            fit=\"fill\"\n          />\n          <div class=\"mask\">\n            <div class=\"actions\">\n              <span\n                title=\"预览\"\n                @click.stop=\"preview\"\n              >\n                <el-icon><ZoomIn /></el-icon>\n              </span>\n              <span\n                title=\"移除\"\n                @click.stop=\"remove\"\n              >\n                <el-icon><Delete /></el-icon>\n              </span>\n            </div>\n          </div>\n        </div>\n      </template>\n\n      <div\n        v-show=\"url === '' && uploadData.progress.percent\"\n        class=\"progress\"\n        :style=\"imageStyle\"\n      >\n        <el-image\n          :src=\"uploadData.progress.preview\"\n          :style=\"imageStyle\"\n          fit=\"fill\"\n        />\n        <el-progress\n          v-if=\"uploadData.progress.percent !== 100\"\n          type=\"circle\"\n          :width=\"progressSize\"\n          :percentage=\"uploadData.progress.percent\"\n        />\n      </div>\n    </el-upload>\n\n    <div\n      v-if=\"!notip\"\n      :class=\"`${nsEl.namespace.value}-upload__tip-text`\"\n    >\n      <div class=\"tip-content\">\n        {{ tipMessage }}\n      </div>\n    </div>\n\n    <el-image-viewer\n      v-if=\"uploadData.imageViewerVisible\"\n      :url-list=\"[url]\"\n      teleported\n      @close=\"previewClose\"\n    />\n  </div>\n</template>\n"],"names":["emits","__emit","ns","useNamespace","nsEl","useElNamespace","uploadData","ref","imageViewerVisible","progress","preview","percent","exts","computed","__props","split","map","ext","pop","imageStyle","width","height","progressSize","Math","min","tipMessage","tipText","value","join","size","e","preventDefault","previewClose","remove","handleBeforeUpload","file","fileExt","name","isTypeOk","includes","isSizeOk","URL","createObjectURL","beforeUpload","ElMessage","error","onProgress","evt","floor","onSuccess","args"],"mappings":"6tDAgDA,MAAMA,EAAQC,EAMRC,EAAKC,EAAa,gBAClBC,EAAOC,EAAe,UAGtBC,EAAaC,EAGhB,CACDC,oBAAoB,EACpBC,SAAU,CACRC,QAAS,GACTC,QAAS,KAKPC,EAAOC,GAAS,IACpBC,SAAOC,MAAM,KAAKC,KAAIC,GAAOA,EAAIF,MAAM,KAAKG,UAGxCC,EAAaN,GAAS,KAAO,CACjCO,MAAO,GAAGN,EAAAM,UACVC,OAAQ,GAAGP,EAAAO,eAGPC,EAAeT,GAAS,IAAgC,GAA1BU,KAAKC,IAAIV,EAAKM,MAAEN,EAAAO,UAE9CI,EAAaZ,GACjB,IACEC,EAAAY,SACG,UAAUd,EAAKe,MAAMC,KACtB,sBACed,EAAAe,kBAAkBf,WAASA,EAAAO,WAIhD,SAASX,EAAQoB,GACfA,EAAEC,iBACFzB,EAAWqB,MAAMnB,oBAAqB,CAAA,CAGxC,SAASwB,IACP1B,EAAWqB,MAAMnB,oBAAqB,CAAA,CAGxC,SAASyB,EAAOH,GACdA,EAAEC,iBACF/B,EAAM,aAAc,GAAE,CAGlB,MAAAkC,EAAmDC,IACvD,MAAMC,EAAUD,EAAKE,KAAKtB,MAAM,KAAKG,OAAS,GACxCoB,EAAW1B,EAAKe,MAAMY,SAASH,GAC/BI,EAAWL,EAAKN,KAAO,KAAO,KAAOf,EAAAe,KAE3C,OAAKS,EAKAE,GAKLlC,EAAWqB,MAAMlB,SAASC,QAAU+B,IAAIC,gBAAgBP,IAEjDrB,EAAY6B,cAAG7B,eAAaqB,KANjCS,EAAUC,MAAM,cAAc/B,EAAAe,YACvB,IANPe,EAAUC,MAAM,UAAUjC,EAAKe,MAAMC,KAAK,cACnC,EAUkC,EAGvCkB,EAAyCC,IAC7CzC,EAAWqB,MAAMlB,SAASE,QAAUY,KAAKyB,MAAMD,EAAIpC,QAAO,EAGtDsC,EAAsC,IAAIC,KAC9C5C,EAAWqB,MAAMlB,SAAW,CAC1BC,QAAS,GACTC,QAAS,GAELX,EAAA,eAAgBkD,EAAI"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/src/subject-action/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/subject-action.vue'\n\nconst QxsSubjectAction = withInstall(component)\n  \nexport {\n  QxsSubjectAction\n}\n  \nexport default QxsSubjectAction"],"names":["QxsSubjectAction","withInstall","component"],"mappings":"6FAGA,MAAMA,EAAmBC,EAAYC"}
+{"version":3,"file":"index.mjs","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":"6FAGA,MAAMA,EAAmBC,EAAYC"}

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

@@ -1,2 +1,2 @@
-import{ElPopover as e,ElLink as l,ElCheckbox as t,ElButton as n,ElIcon as o,ElDialog as a,ElRadioGroup as s,ElRadio as i}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/dialog/style/index";import"element-plus/es/components/radio-group/style/index";import"element-plus/es/components/radio/style/index";import"element-plus/es/components/button/style/index";import"element-plus/es/components/icon/style/index";import"element-plus/es/components/checkbox/style/index";import"element-plus/es/components/popover/style/index";import"element-plus/es/components/link/style/index";import{defineComponent as u,ref as d,computed as p,createElementBlock as m,openBlock as c,normalizeClass as r,unref as y,createElementVNode as f,createCommentVNode as v,createVNode as b,createBlock as k,withCtx as x,createTextVNode as h,isRef as _,Fragment as w,renderList as g,toDisplayString as V}from"vue";import{Edit as C,Delete as j,Top as O,Bottom as B}from"@element-plus/icons-vue";import{useNamespace as E}from"@qxs-bns/hooks";import T from"../../subject-type/src/subject-type.vue.mjs";const U={key:0,class:"flex-justify-between"},R={class:"flex-justify-between"},S={key:0,class:"has-set"},z={key:1,class:"flex flex-justify-end action-buttons"};var A=u({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:["move-up","move-down","delete","save","edit","add","on-show-rich-text","set-key","set-answer-setting"],setup(u,{emit:A}){const K=u,N=d(K.isKey),q=d(!1),Q=A,D=d(K.answerCheckType),F=E("subject-action"),G=d(!0),H=[{value:2,label:"必须全部都是支持选项，方可下一步"},{value:1,label:"无需判断是否是支持选项"},{value:3,label:"包含全部支持选项，即可下一步"}],I=p((()=>H.find((e=>e.value===D.value))?.label));function J(){q.value=!1,Q("set-answer-setting",D.value)}function L(){Q("set-key",N.value)}function M(e,l){Q("add",e,l?K.examAnswerRelationType:null)}return(d,p)=>{const E=l,A=e,K=t,P=o,W=n,X=i,Y=s,Z=a;return c(),m("div",{class:r(y(F).e("action-exam"))},[f("div",{class:r(["action flex flex-justify-between",{active:u.isEdit}])},[v(" 编辑模式 "),u.isEdit?(c(),m("div",U,[b(A,{trigger:"click"},{reference:x((()=>[b(E,{type:"primary",class:"btn-margin"},{default:x((()=>p[15]||(p[15]=[h(" +在此题后加入新题")]))),_:1})])),default:x((()=>[b(T,{onSelect:M})])),_:1}),u.showRichText?(c(),k(E,{key:0,type:"primary",class:"btn-margin",onClick:p[0]||(p[0]=e=>Q("on-show-rich-text"))},{default:x((()=>p[16]||(p[16]=[h(" +添加题目描述（图文） ")]))),_:1})):v("v-if",!0),u.showOtherOption?(c(),k(E,{key:1,type:"primary",class:"btn-margin",onClick:p[1]||(p[1]=e=>q.value=!0)},{default:x((()=>p[17]||(p[17]=[h(" 答题设置 ")]))),_:1})):v("v-if",!0),u.showOtherOption?(c(),k(K,{key:2,modelValue:y(N),"onUpdate:modelValue":p[2]||(p[2]=e=>_(N)?N.value=e:null),label:"核心题",onChange:L},null,8,["modelValue"])):v("v-if",!0)])):(c(),m(w,{key:1},[v(" 非编辑模式 "),f("div",R,[u.showOtherOption?(c(),k(K,{key:0,modelValue:y(N),"onUpdate:modelValue":p[3]||(p[3]=e=>_(N)?N.value=e:null),label:"核心题",disabled:""},null,8,["modelValue"])):v("v-if",!0),u.showOtherOption?(c(),k(K,{key:1,modelValue:y(G),"onUpdate:modelValue":p[4]||(p[4]=e=>_(G)?G.value=e:null),label:y(I),disabled:"",class:"btn-margin"},null,8,["modelValue","label"])):v("v-if",!0)])],2112)),v(" 操作按钮 "),f("div",null,[u.isSet?(c(),m("div",S,"*此题设置了跳题逻辑")):(c(),m("div",z,[u.isEdit?(c(),m(w,{key:1},[b(W,{class:"btn-margin",onClick:p[9]||(p[9]=e=>Q("delete"))},{default:x((()=>p[22]||(p[22]=[h("删除")]))),_:1}),b(W,{type:"primary",onClick:p[10]||(p[10]=e=>Q("save"))},{default:x((()=>p[23]||(p[23]=[h("完成编辑")]))),_:1})],64)):(c(),m(w,{key:0},[u.pageEnd?v("v-if",!0):(c(),k(W,{key:0,onClick:p[5]||(p[5]=e=>Q("edit"))},{icon:x((()=>[b(P,null,{default:x((()=>[b(y(C))])),_:1})])),default:x((()=>[p[18]||(p[18]=h(" 编辑 "))])),_:1})),b(W,{onClick:p[6]||(p[6]=e=>Q("delete"))},{icon:x((()=>[b(P,null,{default:x((()=>[b(y(j))])),_:1})])),default:x((()=>[p[19]||(p[19]=h(" 删除 "))])),_:1}),b(W,{onClick:p[7]||(p[7]=e=>Q("move-up"))},{icon:x((()=>[b(P,null,{default:x((()=>[b(y(O))])),_:1})])),default:x((()=>[p[20]||(p[20]=h(" 上移 "))])),_:1}),b(W,{onClick:p[8]||(p[8]=e=>Q("move-down"))},{icon:x((()=>[b(P,null,{default:x((()=>[b(y(B))])),_:1})])),default:x((()=>[p[21]||(p[21]=h(" 下移 "))])),_:1})],64))]))]),v(" 答题设置弹窗 "),b(Z,{modelValue:y(q),"onUpdate:modelValue":p[13]||(p[13]=e=>_(q)?q.value=e:null),title:"答题设置",class:"customize-dialog",onClose:p[14]||(p[14]=e=>q.value=!1)},{footer:x((()=>[b(W,{class:"customize-button",type:"primary",plain:"",onClick:p[12]||(p[12]=e=>q.value=!1)},{default:x((()=>p[24]||(p[24]=[h(" 取消 ")]))),_:1}),b(W,{class:"customize-button",type:"primary",plain:"",onClick:J},{default:x((()=>p[25]||(p[25]=[h(" 保存 ")]))),_:1})])),default:x((()=>[b(Y,{modelValue:y(D),"onUpdate:modelValue":p[11]||(p[11]=e=>_(D)?D.value=e:null),class:"vertical-radio-group"},{default:x((()=>[(c(),m(w,null,g(H,(e=>b(X,{key:e.value,value:e.value},{default:x((()=>[h(V(e.label),1)])),_:2},1032,["value"]))),64))])),_:1},8,["modelValue"])])),_:1},8,["modelValue"])],2)],2)}}});export{A as default};
+import{ElPopover as e,ElLink as l,ElCheckbox as t,ElButton as n,ElIcon as o,ElDialog as a,ElRadioGroup as s,ElRadio as i}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/dialog/style/index";import"element-plus/es/components/radio-group/style/index";import"element-plus/es/components/radio/style/index";import"element-plus/es/components/button/style/index";import"element-plus/es/components/icon/style/index";import"element-plus/es/components/checkbox/style/index";import"element-plus/es/components/popover/style/index";import"element-plus/es/components/link/style/index";import{defineComponent as u,ref as d,computed as p,createElementBlock as m,openBlock as c,normalizeClass as r,unref as y,createElementVNode as f,createCommentVNode as v,createVNode as b,createBlock as k,withCtx as x,createTextVNode as h,isRef as _,Fragment as w,renderList as g,toDisplayString as V}from"vue";import{Edit as C,Delete as j,Top as O,Bottom as S}from"@element-plus/icons-vue";import{useNamespace as T}from"@qxs-bns/hooks";import U from"../../subject-type/src/subject-type.vue.mjs";const B={key:0,class:"flex-justify-between"},E={class:"flex-justify-between"},R={key:0,class:"has-set"},A={key:1,class:"flex flex-justify-end action-buttons"};var K=u({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(u,{emit:K}){const z=u,D=K,N=d(z.isKey),q=d(!1),Q=d(z.answerCheckType),F=T("subject-action"),G=d(!0),H=[{value:2,label:"必须全部都是支持选项，方可下一步"},{value:1,label:"无需判断是否是支持选项"},{value:3,label:"包含全部支持选项，即可下一步"}],I=p((()=>H.find((e=>e.value===Q.value))?.label));function J(){q.value=!1,D("setAnswerSetting",Q.value)}function L(){D("setKey",N.value)}function M(e,l){D("add",e,l?z.examAnswerRelationType:null)}return(d,p)=>{const T=l,K=e,z=t,P=o,W=n,X=i,Y=s,Z=a;return c(),m("div",{class:r(y(F).e("action-exam"))},[f("div",{class:r(["action flex flex-justify-between",{active:u.isEdit}])},[v(" 编辑模式 "),u.isEdit?(c(),m("div",B,[b(K,{trigger:"click"},{reference:x((()=>[b(T,{type:"primary",class:"btn-margin"},{default:x((()=>p[15]||(p[15]=[h(" +在此题后加入新题 ")]))),_:1})])),default:x((()=>[b(U,{onSelect:M})])),_:1}),u.showRichText?(c(),k(T,{key:0,type:"primary",class:"btn-margin",onClick:p[0]||(p[0]=e=>D("onShowRichText"))},{default:x((()=>p[16]||(p[16]=[h(" +添加题目描述（图文） ")]))),_:1})):v("v-if",!0),u.showOtherOption?(c(),k(T,{key:1,type:"primary",class:"btn-margin",onClick:p[1]||(p[1]=e=>q.value=!0)},{default:x((()=>p[17]||(p[17]=[h(" 答题设置 ")]))),_:1})):v("v-if",!0),u.showOtherOption?(c(),k(z,{key:2,modelValue:y(N),"onUpdate:modelValue":p[2]||(p[2]=e=>_(N)?N.value=e:null),label:"核心题",onChange:L},null,8,["modelValue"])):v("v-if",!0)])):(c(),m(w,{key:1},[v(" 非编辑模式 "),f("div",E,[u.showOtherOption?(c(),k(z,{key:0,modelValue:y(N),"onUpdate:modelValue":p[3]||(p[3]=e=>_(N)?N.value=e:null),label:"核心题",disabled:""},null,8,["modelValue"])):v("v-if",!0),u.showOtherOption?(c(),k(z,{key:1,modelValue:y(G),"onUpdate:modelValue":p[4]||(p[4]=e=>_(G)?G.value=e:null),label:y(I),disabled:"",class:"btn-margin"},null,8,["modelValue","label"])):v("v-if",!0)])],2112)),v(" 操作按钮 "),f("div",null,[u.isSet?(c(),m("div",R," *此题设置了跳题逻辑 ")):(c(),m("div",A,[u.isEdit?(c(),m(w,{key:1},[b(W,{class:"btn-margin",onClick:p[9]||(p[9]=e=>D("delete"))},{default:x((()=>p[22]||(p[22]=[h(" 删除 ")]))),_:1}),b(W,{type:"primary",onClick:p[10]||(p[10]=e=>D("save"))},{default:x((()=>p[23]||(p[23]=[h(" 完成编辑 ")]))),_:1})],64)):(c(),m(w,{key:0},[u.pageEnd?v("v-if",!0):(c(),k(W,{key:0,onClick:p[5]||(p[5]=e=>D("edit"))},{icon:x((()=>[b(P,null,{default:x((()=>[b(y(C))])),_:1})])),default:x((()=>[p[18]||(p[18]=h(" 编辑 "))])),_:1})),b(W,{onClick:p[6]||(p[6]=e=>D("delete"))},{icon:x((()=>[b(P,null,{default:x((()=>[b(y(j))])),_:1})])),default:x((()=>[p[19]||(p[19]=h(" 删除 "))])),_:1}),b(W,{onClick:p[7]||(p[7]=e=>D("moveUp"))},{icon:x((()=>[b(P,null,{default:x((()=>[b(y(O))])),_:1})])),default:x((()=>[p[20]||(p[20]=h(" 上移 "))])),_:1}),b(W,{onClick:p[8]||(p[8]=e=>D("moveDown"))},{icon:x((()=>[b(P,null,{default:x((()=>[b(y(S))])),_:1})])),default:x((()=>[p[21]||(p[21]=h(" 下移 "))])),_:1})],64))]))]),v(" 答题设置弹窗 "),b(Z,{modelValue:y(q),"onUpdate:modelValue":p[13]||(p[13]=e=>_(q)?q.value=e:null),title:"答题设置",class:"customize-dialog",onClose:p[14]||(p[14]=e=>q.value=!1)},{footer:x((()=>[b(W,{class:"customize-button",type:"primary",plain:"",onClick:p[12]||(p[12]=e=>q.value=!1)},{default:x((()=>p[24]||(p[24]=[h(" 取消 ")]))),_:1}),b(W,{class:"customize-button",type:"primary",plain:"",onClick:J},{default:x((()=>p[25]||(p[25]=[h(" 保存 ")]))),_:1})])),default:x((()=>[b(Y,{modelValue:y(Q),"onUpdate:modelValue":p[11]||(p[11]=e=>_(Q)?Q.value=e:null),class:"vertical-radio-group"},{default:x((()=>[(c(),m(w,null,g(H,(e=>b(X,{key:e.value,value:e.value},{default:x((()=>[h(V(e.label),1)])),_:2},1032,["value"]))),64))])),_:1},8,["modelValue"])])),_:1},8,["modelValue"])],2)],2)}}});export{K as default};
 //# sourceMappingURL=subject-action.vue.mjs.map

package/es/src/subject-action/src/subject-action.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"subject-action.vue.mjs","sources":["../../../../../../packages/components/src/subject-action/src/subject-action.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Bottom, Delete, Edit, Top } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport SubjectType from '../../subject-type/src/subject-type.vue'\n\ndefineOptions({\n  name: 'QxsSubjectAction',\n})\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 isKey = ref(props.isKey)\nconst showAnswerSetting = ref(false)\nconst emits = defineEmits([\n  'move-up',\n  'move-down',\n  'delete',\n  'save',\n  'edit',\n  'add',\n  'on-show-rich-text',\n  'set-key',\n  'set-answer-setting',\n])\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('set-answer-setting', answerType.value)\n}\n\nfunction setKey() {\n  emits('set-key', isKey.value)\n}\n\nfunction selectExam(type: string, canSet: boolean) {\n  emits('add', type, canSet ? props.examAnswerRelationType : null)\n}\n</script>\n\n<template>\n  <div :class=\"ns.e('action-exam')\">\n    <div class=\"action flex flex-justify-between\" :class=\"{ active: isEdit }\">\n      <!-- 编辑模式 -->\n      <div v-if=\"isEdit\" class=\"flex-justify-between\">\n        <el-popover trigger=\"click\">\n          <template #reference>\n            <el-link type=\"primary\" class=\"btn-margin\"> +在此题后加入新题</el-link>\n          </template>\n          <SubjectType @select=\"selectExam\" />\n        </el-popover>\n        <el-link\n          v-if=\"showRichText\"\n          type=\"primary\"\n          class=\"btn-margin\"\n          @click=\"emits('on-show-rich-text')\"\n        >\n          +添加题目描述（图文）\n        </el-link>\n        <el-link\n          v-if=\"showOtherOption\"\n          type=\"primary\"\n          class=\"btn-margin\"\n          @click=\"showAnswerSetting = true\"\n        >\n          答题设置\n        </el-link>\n        <el-checkbox\n          v-if=\"showOtherOption\"\n          v-model=\"isKey\"\n          label=\"核心题\"\n          @change=\"setKey\"\n        />\n      </div>\n\n      <!-- 非编辑模式 -->\n      <div v-else class=\"flex-justify-between\">\n        <el-checkbox\n          v-if=\"showOtherOption\"\n          v-model=\"isKey\"\n          label=\"核心题\"\n          disabled\n        />\n        <el-checkbox\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 v-if=\"isSet\" class=\"has-set\">*此题设置了跳题逻辑</div>\n        <div v-else class=\"flex flex-justify-end action-buttons\">\n          <template v-if=\"!isEdit\">\n            <el-button\n              v-if=\"!pageEnd\"\n              @click=\"emits('edit')\"\n            >\n              <template #icon>\n                <el-icon><Edit /></el-icon>\n              </template>\n              编辑\n            </el-button>\n            <el-button @click=\"emits('delete')\">\n              <template #icon>\n                <el-icon><Delete /></el-icon>\n              </template>\n              删除\n            </el-button>\n            <el-button @click=\"emits('move-up')\">\n              <template #icon>\n                <el-icon><Top /></el-icon>\n              </template>\n              上移\n            </el-button>\n            <el-button @click=\"emits('move-down')\">\n              <template #icon>\n                <el-icon><Bottom /></el-icon>\n              </template>\n              下移\n            </el-button>\n          </template>\n          <template v-else>\n            <el-button class=\"btn-margin\" @click=\"emits('delete')\">删除</el-button>\n            <el-button type=\"primary\" @click=\"emits('save')\">完成编辑</el-button>\n          </template>\n        </div>\n      </div>\n\n      <!-- 答题设置弹窗 -->\n      <el-dialog\n        v-model=\"showAnswerSetting\"\n        title=\"答题设置\"\n        class=\"customize-dialog\"\n        @close=\"showAnswerSetting = false\"\n      >\n        <el-radio-group v-model=\"answerType\" class=\"vertical-radio-group\">\n          <el-radio\n            v-for=\"item in answerTextList\"\n            :key=\"item.value\"\n            :value=\"item.value\"\n          >\n            {{ item.label }}\n          </el-radio>\n        </el-radio-group>\n        <template #footer>\n          <el-button\n            class=\"customize-button\"\n            type=\"primary\"\n            plain\n            @click=\"showAnswerSetting = false\"\n          >\n            取消\n          </el-button>\n          <el-button\n            class=\"customize-button\"\n            type=\"primary\"\n            plain\n            @click=\"onSaveSetting\"\n          >\n            保存\n          </el-button>\n        </template>\n      </el-dialog>\n    </div>\n  </div>\n</template>"],"names":["props","__props","isKey","ref","showAnswerSetting","emits","__emit","answerType","answerCheckType","ns","useNamespace","checked","answerTextList","value","label","answerText","computed","find","item","onSaveSetting","setKey","selectExam","type","canSet","examAnswerRelationType"],"mappings":"guDASA,MAAMA,EAAQC,EAgCRC,EAAQC,EAAIH,EAAME,OAClBE,EAAoBD,GAAI,GACxBE,EAAQC,EAWRC,EAAaJ,EAAIH,EAAMQ,iBACvBC,EAAKC,EAAa,kBAClBC,EAAUR,GAAI,GACdS,EAAiB,CACrB,CACEC,MAAO,EACPC,MAAO,oBAET,CACED,MAAO,EACPC,MAAO,eAET,CACED,MAAO,EACPC,MAAO,mBAILC,EAAaC,GAAS,IACnBJ,EAAeK,MAAMC,GAASA,EAAKL,QAAUN,EAAWM,SAAQC,QAGzE,SAASK,IACPf,EAAkBS,OAAQ,EACpBR,EAAA,qBAAsBE,EAAWM,MAAK,CAG9C,SAASO,IACDf,EAAA,UAAWH,EAAMW,MAAK,CAGrB,SAAAQ,EAAWC,EAAcC,GAChClB,EAAM,MAAOiB,EAAMC,EAASvB,EAAMwB,uBAAyB,KAAI"}
+{"version":3,"file":"subject-action.vue.mjs","sources":["../../../../../../packages/components/src/subject-action/src/subject-action.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Bottom, Delete, Edit, Top } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport SubjectType from '../../subject-type/src/subject-type.vue'\n\ndefineOptions({\n  name: 'QxsSubjectAction',\n})\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\nfunction selectExam(type: string, canSet: boolean) {\n  emits('add', type, canSet ? props.examAnswerRelationType : null)\n}\n</script>\n\n<template>\n  <div :class=\"ns.e('action-exam')\">\n    <div\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        <el-popover trigger=\"click\">\n          <template #reference>\n            <el-link\n              type=\"primary\"\n              class=\"btn-margin\"\n            >\n              +在此题后加入新题\n            </el-link>\n          </template>\n          <SubjectType @select=\"selectExam\" />\n        </el-popover>\n        <el-link\n          v-if=\"showRichText\"\n          type=\"primary\"\n          class=\"btn-margin\"\n          @click=\"emits('onShowRichText')\"\n        >\n          +添加题目描述（图文）\n        </el-link>\n        <el-link\n          v-if=\"showOtherOption\"\n          type=\"primary\"\n          class=\"btn-margin\"\n          @click=\"showAnswerSetting = true\"\n        >\n          答题设置\n        </el-link>\n        <el-checkbox\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        <el-checkbox\n          v-if=\"showOtherOption\"\n          v-model=\"isKey\"\n          label=\"核心题\"\n          disabled\n        />\n        <el-checkbox\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            <el-button\n              v-if=\"!pageEnd\"\n              @click=\"emits('edit')\"\n            >\n              <template #icon>\n                <el-icon><Edit /></el-icon>\n              </template>\n              编辑\n            </el-button>\n            <el-button @click=\"emits('delete')\">\n              <template #icon>\n                <el-icon><Delete /></el-icon>\n              </template>\n              删除\n            </el-button>\n            <el-button @click=\"emits('moveUp')\">\n              <template #icon>\n                <el-icon><Top /></el-icon>\n              </template>\n              上移\n            </el-button>\n            <el-button @click=\"emits('moveDown')\">\n              <template #icon>\n                <el-icon><Bottom /></el-icon>\n              </template>\n              下移\n            </el-button>\n          </template>\n          <template v-else>\n            <el-button\n              class=\"btn-margin\"\n              @click=\"emits('delete')\"\n            >\n              删除\n            </el-button>\n            <el-button\n              type=\"primary\"\n              @click=\"emits('save')\"\n            >\n              完成编辑\n            </el-button>\n          </template>\n        </div>\n      </div>\n\n      <!-- 答题设置弹窗 -->\n      <el-dialog\n        v-model=\"showAnswerSetting\"\n        title=\"答题设置\"\n        class=\"customize-dialog\"\n        @close=\"showAnswerSetting = false\"\n      >\n        <el-radio-group\n          v-model=\"answerType\"\n          class=\"vertical-radio-group\"\n        >\n          <el-radio\n            v-for=\"item in answerTextList\"\n            :key=\"item.value\"\n            :value=\"item.value\"\n          >\n            {{ item.label }}\n          </el-radio>\n        </el-radio-group>\n        <template #footer>\n          <el-button\n            class=\"customize-button\"\n            type=\"primary\"\n            plain\n            @click=\"showAnswerSetting = false\"\n          >\n            取消\n          </el-button>\n          <el-button\n            class=\"customize-button\"\n            type=\"primary\"\n            plain\n            @click=\"onSaveSetting\"\n          >\n            保存\n          </el-button>\n        </template>\n      </el-dialog>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emits","__emit","isKey","ref","showAnswerSetting","answerType","answerCheckType","ns","useNamespace","checked","answerTextList","value","label","answerText","computed","find","item","onSaveSetting","setKey","selectExam","type","canSet","examAnswerRelationType"],"mappings":"wtDASA,MAAMA,EAAQC,EAgCRC,EAAQC,EAWRC,EAAQC,EAAIL,EAAMI,OAClBE,EAAoBD,GAAI,GACxBE,EAAaF,EAAIL,EAAMQ,iBACvBC,EAAKC,EAAa,kBAClBC,EAAUN,GAAI,GACdO,EAAiB,CACrB,CACEC,MAAO,EACPC,MAAO,oBAET,CACED,MAAO,EACPC,MAAO,eAET,CACED,MAAO,EACPC,MAAO,mBAILC,EAAaC,GAAS,IACnBJ,EAAeK,MAAKC,GAAQA,EAAKL,QAAUN,EAAWM,SAAQC,QAGvE,SAASK,IACPb,EAAkBO,OAAQ,EACpBX,EAAA,mBAAoBK,EAAWM,MAAK,CAG5C,SAASO,IACDlB,EAAA,SAAUE,EAAMS,MAAK,CAGpB,SAAAQ,EAAWC,EAAcC,GAChCrB,EAAM,MAAOoB,EAAMC,EAASvB,EAAMwB,uBAAyB,KAAI"}

package/es/src/subject-layout/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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"],"names":["QxsSubjectLayout","withInstall","component"],"mappings":"6FAGA,MAAMA,EAAmBC,EAAYC"}
+{"version":3,"file":"index.mjs","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":"6FAGA,MAAMA,EAAmBC,EAAYC"}

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

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

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

@@ -1,2 +1,2 @@
-import{ElRow as e}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/row/style/index";import{defineComponent as t,onMounted as n,createElementBlock as o,openBlock as s,normalizeClass as r,unref as a,createVNode as i,withCtx as l,createElementVNode as u,toDisplayString as d}from"vue";import{useNamespace as p}from"@qxs-bns/hooks";import m from"../../../subject-action/src/subject-action.vue.mjs";var c=t({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(t,{emit:c}){const x=t,y=c;n((function(){}));const v=p("subject-end");return(t,n)=>{const p=e;return s(),o("div",{class:r(a(v).e("end-exam"))},[i(p,{type:"flex",align:"middle"},{default:l((()=>[n[5]||(n[5]=u("span",{class:"auto-line"},null,-1)),u("span",null,"第"+d(x.currentPageIndex)+" / "+d(t.totalPage)+"页",1),n[6]||(n[6]=u("span",{class:"auto-line"},null,-1))])),_:1}),i(m,{"is-edit":!1,"is-set":t.isSet,pageEnd:!0,examAnswerRelationType:x.examAnswerRelationType,showOtherOption:!1,showRichText:!1,onMoveUp:n[0]||(n[0]=e=>y("move","up")),onMoveDown:n[1]||(n[1]=e=>y("move","down")),onDelete:n[2]||(n[2]=e=>y("delete")),onEdit:n[3]||(n[3]=e=>y("edit")),onAdd:n[4]||(n[4]=e=>y("add",e))},null,8,["is-set","examAnswerRelationType"])],2)}}});export{c as default};
+import{ElRow as e}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/row/style/index";import{defineComponent as t,onMounted as n,createElementBlock as o,openBlock as s,normalizeClass as r,unref as a,createVNode as i,withCtx as l,createElementVNode as u,toDisplayString as d}from"vue";import{useNamespace as p}from"@qxs-bns/hooks";import m from"../../../subject-action/src/subject-action.vue.mjs";var c=t({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(t,{emit:c}){const x=t,y=c;n((function(){}));const v=p("subject-end");return(t,n)=>{const p=e;return s(),o("div",{class:r(a(v).e("end-exam"))},[i(p,{type:"flex",align:"middle"},{default:l((()=>[n[5]||(n[5]=u("span",{class:"auto-line"},null,-1)),u("span",null,"第"+d(x.currentPageIndex)+" / "+d(t.totalPage)+"页",1),n[6]||(n[6]=u("span",{class:"auto-line"},null,-1))])),_:1}),i(m,{"is-edit":!1,"is-set":t.isSet,"page-end":!0,"exam-answer-relation-type":x.examAnswerRelationType,"show-other-option":!1,"show-rich-text":!1,onMoveUp:n[0]||(n[0]=e=>y("move","up")),onMoveDown:n[1]||(n[1]=e=>y("move","down")),onDelete:n[2]||(n[2]=e=>y("delete")),onEdit:n[3]||(n[3]=e=>y("edit")),onAdd:n[4]||(n[4]=e=>y("add",e))},null,8,["is-set","exam-answer-relation-type"])],2)}}});export{c as default};
 //# sourceMappingURL=SubjectPageEnd.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubjectPageEnd.vue.mjs","sources":["../../../../../../../packages/components/src/subject-list/src/components/SubjectPageEnd.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\nimport SubjectAction from '../../../subject-action/src/subject-action.vue'\n\ndefineOptions({\n  name: 'QxsSubjectScale',\n})\nconst props = defineProps<{\n  currentPageIndex: number\n  totalPage: number\n  isSave: boolean\n  showAction?: boolean\n  isEdit: boolean\n  isSet: boolean\n  examAnswerRelationType?: number\n}>()\nconst emits = defineEmits(['move', 'save', 'delete', 'edit', 'add'])\n\nfunction init() {\n\n}\n\nonMounted(init)\nconst ns = useNamespace('subject-end')\n</script>\n\n<template>\n  <div :class=\"ns.e('end-exam')\">\n    <el-row type=\"flex\" align=\"middle\">\n      <span class=\"auto-line\" />\n      <span>第{{ props.currentPageIndex }} / {{ totalPage }}页</span>\n      <span class=\"auto-line\" />\n    </el-row>\n    <SubjectAction\n      :is-edit=\"false\"\n      :is-set=\"isSet\"\n      :pageEnd=\"true\"\n      :examAnswerRelationType=\"props.examAnswerRelationType\"\n      :showOtherOption=\"false\"\n      :showRichText=\"false\"\n      @move-up=\"emits('move', 'up')\"\n      @move-down=\"emits('move', 'down')\"\n      @delete=\"emits('delete')\"\n      @edit=\"emits('edit')\"\n      @add=\"type => emits('add', type)\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","emits","__emit","onMounted","ns","useNamespace"],"mappings":"80BAOA,MAAMA,EAAQC,EASRC,EAAQC,EAMdC,GAJA,WAAgB,IAKV,MAAAC,EAAKC,EAAa"}
+{"version":3,"file":"SubjectPageEnd.vue.mjs","sources":["../../../../../../../packages/components/src/subject-list/src/components/SubjectPageEnd.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\nimport SubjectAction from '../../../subject-action/src/subject-action.vue'\n\ndefineOptions({\n  name: 'QxsSubjectScale',\n})\nconst props = defineProps<{\n  currentPageIndex: number\n  totalPage: number\n  isSave: boolean\n  showAction?: boolean\n  isEdit: boolean\n  isSet: boolean\n  examAnswerRelationType?: number\n}>()\nconst emits = defineEmits(['move', 'save', 'delete', 'edit', 'add'])\n\nfunction init() {\n\n}\n\nonMounted(init)\nconst ns = useNamespace('subject-end')\n</script>\n\n<template>\n  <div :class=\"ns.e('end-exam')\">\n    <el-row\n      type=\"flex\"\n      align=\"middle\"\n    >\n      <span class=\"auto-line\" />\n      <span>第{{ props.currentPageIndex }} / {{ totalPage }}页</span>\n      <span class=\"auto-line\" />\n    </el-row>\n    <SubjectAction\n      :is-edit=\"false\"\n      :is-set=\"isSet\"\n      :page-end=\"true\"\n      :exam-answer-relation-type=\"props.examAnswerRelationType\"\n      :show-other-option=\"false\"\n      :show-rich-text=\"false\"\n      @move-up=\"emits('move', 'up')\"\n      @move-down=\"emits('move', 'down')\"\n      @delete=\"emits('delete')\"\n      @edit=\"emits('edit')\"\n      @add=\"type => emits('add', type)\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","emits","__emit","onMounted","ns","useNamespace"],"mappings":"80BAOA,MAAMA,EAAQC,EASRC,EAAQC,EAMdC,GAJA,WAAgB,IAKV,MAAAC,EAAKC,EAAa"}

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

@@ -1,2 +1,2 @@
-import{defineComponent as e,useAttrs as t,ref as o,onMounted as i,createElementBlock as r,openBlock as n,normalizeClass as s,unref as d,createVNode as a,withCtx as l,createBlock as u,createCommentVNode as m,mergeProps as c,isRef as p,createElementVNode as v,createTextVNode as y,toDisplayString as x}from"vue";import{useNamespace as h}from"@qxs-bns/hooks";import{ElMessage as w}from"element-plus";import T from"../../../subject-action/src/subject-action.vue.mjs";import f from"../../../subject-layout/src/subject-layout.vue.mjs";import b from"../../../tiny-mce-editor/src/tiny-mce-editor.vue.mjs";const j={class:"preview"},q=["innerHTML"];var S=e({name:"QxsSubjectScale",__name:"SubjectRichText",props:{orderIndex:{type:Number,required:!0},richTextContent:{type:String,required:!0},title:{type:String,required:!1},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(e,{emit:S}){const A=e,R=S,B=t(),C=o("");function E(){C.value?R("save",{richTextContent:C.value||""}):w.error("富文本内容不能为空!")}i((function(){A.richTextContent&&(C.value=A.richTextContent)}));const M=h("subject-scale");return(e,t)=>(n(),r("div",{class:s(d(M).e("scale-exam"))},[a(f,{"show-edit":e.isEdit},{preview:l((()=>[v("div",j,[y(x(e.orderIndex+1)+".",1),v("div",{innerHTML:d(C)},null,8,q)])])),edit:l((()=>[a(b,c({"model-value":d(C),"onUpdate:modelValue":t[0]||(t[0]=e=>p(C)?C.value=e:null)},d(B),{style:{width:"100%"}}),null,16,["model-value"])])),default:l((()=>[e.showAction?(n(),u(T,{key:0,"is-edit":e.isEdit,"is-set":e.isSet,examAnswerRelationType:A.examAnswerRelationType,showOtherOption:!1,showRichText:!1,onMoveUp:t[1]||(t[1]=e=>R("move","up")),onMoveDown:t[2]||(t[2]=e=>R("move","down")),onDelete:t[3]||(t[3]=e=>R("delete")),onSave:E,onEdit:t[4]||(t[4]=e=>R("edit")),onAdd:t[5]||(t[5]=e=>R("add",e))},null,8,["is-edit","is-set","examAnswerRelationType"])):m("v-if",!0)])),_:1},8,["show-edit"])],2))}});export{S as default};
+import{defineComponent as e,useAttrs as t,ref as o,onMounted as i,createElementBlock as r,openBlock as n,normalizeClass as s,unref as a,createVNode as d,withCtx as l,createBlock as u,createCommentVNode as m,mergeProps as c,isRef as p,createElementVNode as v,createTextVNode as y,toDisplayString as x}from"vue";import{useNamespace as h}from"@qxs-bns/hooks";import{ElMessage as w}from"element-plus";import f from"../../../subject-action/src/subject-action.vue.mjs";import b from"../../../subject-layout/src/subject-layout.vue.mjs";import j from"../../../tiny-mce-editor/src/tiny-mce-editor.vue.mjs";const q={class:"preview"},S=["innerHTML"];var T=e({name:"QxsSubjectScale",__name:"SubjectRichText",props:{orderIndex:{type:Number,required:!0},richTextContent:{type:String,required:!0},title:{type:String,required:!1},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(e,{emit:T}){const A=e,B=T,C=t(),E=o("");function M(){E.value?B("save",{richTextContent:E.value||""}):w.error("富文本内容不能为空!")}i((function(){A.richTextContent&&(E.value=A.richTextContent)}));const R=h("subject-scale");return(e,t)=>(n(),r("div",{class:s(a(R).e("scale-exam"))},[d(b,{"show-edit":e.isEdit},{preview:l((()=>[v("div",q,[y(x(e.orderIndex+1)+".",1),v("div",{innerHTML:a(E)},null,8,S)])])),edit:l((()=>[d(j,c({"model-value":a(E),"onUpdate:modelValue":t[0]||(t[0]=e=>p(E)?E.value=e:null)},a(C),{style:{width:"100%"}}),null,16,["model-value"])])),default:l((()=>[e.showAction?(n(),u(f,{key:0,"is-edit":e.isEdit,"is-set":e.isSet,"exam-answer-relation-type":A.examAnswerRelationType,"show-other-option":!1,"show-rich-text":!1,onMoveUp:t[1]||(t[1]=e=>B("move","up")),onMoveDown:t[2]||(t[2]=e=>B("move","down")),onDelete:t[3]||(t[3]=e=>B("delete")),onSave:M,onEdit:t[4]||(t[4]=e=>B("edit")),onAdd:t[5]||(t[5]=e=>B("add",e))},null,8,["is-edit","is-set","exam-answer-relation-type"])):m("v-if",!0)])),_:1},8,["show-edit"])],2))}});export{T as default};
 //# sourceMappingURL=SubjectRichText.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubjectRichText.vue.mjs","sources":["../../../../../../../packages/components/src/subject-list/src/components/SubjectRichText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { ElMessage } from 'element-plus'\nimport SubjectAction from '../../../subject-action/src/subject-action.vue'\nimport SubjectLayout from '../../../subject-layout/src/subject-layout.vue'\nimport TinyMceEditor from '../../../tiny-mce-editor/src/tiny-mce-editor.vue'\n\ndefineOptions({\n  name: 'QxsSubjectScale',\n})\nconst props = defineProps<{\n  orderIndex: number\n  richTextContent: string\n  title?: string\n  isSave: boolean\n  showAction?: boolean\n  isEdit: boolean\n  isSet: boolean\n  examAnswerRelationType?: number\n}>()\nconst emits = defineEmits(['move', 'save', 'delete', 'edit', 'add'])\n\nconst attrs = useAttrs()\n\nconst richContent = ref('')\n\nfunction save() {\n  if (!richContent.value) {\n    ElMessage.error('富文本内容不能为空!')\n    return\n  }\n\n\n  emits('save', {\n    richTextContent: richContent.value ||'',\n  })\n}\n\nfunction init() {\n  if (props.richTextContent) {\n    richContent.value = props.richTextContent\n  }\n}\n\nonMounted(init)\nconst ns = useNamespace('subject-scale')\n</script>\n\n<template>\n  <div :class=\"ns.e('scale-exam')\">\n    <SubjectLayout :show-edit=\"isEdit\">\n      <template #preview>\n        <div class=\"preview\">\n          {{ orderIndex + 1 }}.<div v-html=\"richContent\" />\n        </div>\n      </template>\n      <template #edit>\n        <TinyMceEditor v-model:model-value=\"richContent\" v-bind=\"attrs\" style=\"width: 100%;\" />\n      </template>\n      <SubjectAction\n        v-if=\"showAction\"\n        :is-edit=\"isEdit\"\n        :is-set=\"isSet\"\n        :examAnswerRelationType=\"props.examAnswerRelationType\"\n        :showOtherOption=\"false\"\n        :showRichText=\"false\"\n        @move-up=\"emits('move', 'up')\"\n        @move-down=\"emits('move', 'down')\"\n        @delete=\"emits('delete')\"\n        @save=\"save\"\n        @edit=\"emits('edit')\"\n        @add=\"type => emits('add', type)\"\n      />\n    </SubjectLayout>\n  </div>\n</template>\n"],"names":["props","__props","emits","__emit","attrs","useAttrs","richContent","ref","save","value","richTextContent","ElMessage","error","onMounted","ns","useNamespace"],"mappings":"yiCAUA,MAAMA,EAAQC,EAURC,EAAQC,EAERC,EAAQC,IAERC,EAAcC,EAAI,IAExB,SAASC,IACFF,EAAYG,MAMjBP,EAAM,OAAQ,CACZQ,gBAAiBJ,EAAYG,OAAQ,KANrCE,EAAUC,MAAM,aAOjB,CASHC,GANA,WACMb,EAAMU,kBACRJ,EAAYG,MAAQT,EAAMU,gBAC5B,IAII,MAAAI,EAAKC,EAAa"}
+{"version":3,"file":"SubjectRichText.vue.mjs","sources":["../../../../../../../packages/components/src/subject-list/src/components/SubjectRichText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { ElMessage } from 'element-plus'\nimport SubjectAction from '../../../subject-action/src/subject-action.vue'\nimport SubjectLayout from '../../../subject-layout/src/subject-layout.vue'\nimport TinyMceEditor from '../../../tiny-mce-editor/src/tiny-mce-editor.vue'\n\ndefineOptions({\n  name: 'QxsSubjectScale',\n})\nconst props = defineProps<{\n  orderIndex: number\n  richTextContent: string\n  title?: string\n  isSave: boolean\n  showAction?: boolean\n  isEdit: boolean\n  isSet: boolean\n  examAnswerRelationType?: number\n}>()\nconst emits = defineEmits(['move', 'save', 'delete', 'edit', 'add'])\n\nconst attrs = useAttrs()\n\nconst richContent = ref('')\n\nfunction save() {\n  if (!richContent.value) {\n    ElMessage.error('富文本内容不能为空!')\n    return\n  }\n\n  emits('save', {\n    richTextContent: richContent.value || '',\n  })\n}\n\nfunction init() {\n  if (props.richTextContent) {\n    richContent.value = props.richTextContent\n  }\n}\n\nonMounted(init)\nconst ns = useNamespace('subject-scale')\n</script>\n\n<template>\n  <div :class=\"ns.e('scale-exam')\">\n    <SubjectLayout :show-edit=\"isEdit\">\n      <template #preview>\n        <div class=\"preview\">\n          {{ orderIndex + 1 }}.<div v-html=\"richContent\" />\n        </div>\n      </template>\n      <template #edit>\n        <TinyMceEditor\n          v-model:model-value=\"richContent\"\n          v-bind=\"attrs\"\n          style=\"width: 100%;\"\n        />\n      </template>\n      <SubjectAction\n        v-if=\"showAction\"\n        :is-edit=\"isEdit\"\n        :is-set=\"isSet\"\n        :exam-answer-relation-type=\"props.examAnswerRelationType\"\n        :show-other-option=\"false\"\n        :show-rich-text=\"false\"\n        @move-up=\"emits('move', 'up')\"\n        @move-down=\"emits('move', 'down')\"\n        @delete=\"emits('delete')\"\n        @save=\"save\"\n        @edit=\"emits('edit')\"\n        @add=\"type => emits('add', type)\"\n      />\n    </SubjectLayout>\n  </div>\n</template>\n"],"names":["props","__props","emits","__emit","attrs","useAttrs","richContent","ref","save","value","richTextContent","ElMessage","error","onMounted","ns","useNamespace"],"mappings":"yiCAUA,MAAMA,EAAQC,EAURC,EAAQC,EAERC,EAAQC,IAERC,EAAcC,EAAI,IAExB,SAASC,IACFF,EAAYG,MAKjBP,EAAM,OAAQ,CACZQ,gBAAiBJ,EAAYG,OAAS,KALtCE,EAAUC,MAAM,aAMjB,CASHC,GANA,WACMb,EAAMU,kBACRJ,EAAYG,MAAQT,EAAMU,gBAC5B,IAII,MAAAI,EAAKC,EAAa"}

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

@@ -1,2 +1,2 @@
-import{ElInput as e,ElLink as l,ElCheckboxGroup as t,ElCheckbox as s,ElTag as n,ElButton as i,ElIcon as a}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/button/style/index";import"element-plus/es/components/icon/style/index";import"element-plus/es/components/tag/style/index";import"element-plus/es/components/checkbox-group/style/index";import"element-plus/es/components/checkbox/style/index";import"element-plus/es/components/link/style/index";import"element-plus/es/components/input/style/index";import{defineComponent as o,useAttrs as r,ref as u,watch as d,onMounted as m,createElementBlock as p,openBlock as c,normalizeClass as v,unref as f,createVNode as x,withCtx as y,createBlock as g,createCommentVNode as w,createElementVNode as h,isRef as b,createTextVNode as _,Fragment as k,renderList as j,toDisplayString as A,mergeProps as C}from"vue";import{Plus as I}from"@element-plus/icons-vue";import{useNamespace as V}from"@qxs-bns/hooks";import{ElMessage as S}from"element-plus";import O from"../../../subject-action/src/subject-action.vue.mjs";import q from"../../../subject-layout/src/subject-layout.vue.mjs";import T from"../../../tiny-mce-editor/src/tiny-mce-editor.vue.mjs";const R={class:"preview"},B={class:"content"},U={class:"title"},L={key:0},E=["innerHTML"],M={key:1,class:"flex flex-wrap",style:{"margin-top":"10px",color:"#a8abb2"}},D={class:"flex"},H={style:{flex:"1"}},N={class:"flex flex-justify-end"},z={class:"margin-bottom flex flex-items-center"},F={class:"margin-bottom answer-list"},G={class:"label flex flex-justify-end"},J={class:"answer-tags"},K={key:0,class:"margin-bottom flex"},P={style:{flex:"1"}},Q={key:1,class:"margin-bottom flex"},W={style:{flex:"1"}},X={class:"flex flex-justify-end"};var Y=o({__name:"subject-blank-fill",props:{orderIndex:{type:Number,required:!0},title:{type:String,required:!1},isSave:{type:Boolean,required:!0},showAction:{type:Boolean,required:!1},answerList:{type:null,required:!1},analysis:{type:String,required:!1},isEdit:{type:Boolean,required:!0},isSet:{type:Boolean,required:!0},examAnswerSettingVO:{type:Object,required:!1},examRichTextContent:{type:String,required:!1},showAnalysis:{type:Boolean,required:!1},examAnswerRelationType:{type:Number,required:!1}},emits:["move","save","delete","edit","add"],setup(o,{emit:Y}){const Z=o,$=Y,ee=r(),le=u([]),te=u(""),se=u(""),ne=u(!1),ie=u(""),ae=[{label:"答案不分顺序",value:"isInOrder"},{label:"忽略大小写",value:"isIgnoreCase"}],oe=u(["isIgnoreCase"]);function re(){te.value+=" ______",le.value.push({title:"",tag:"",showInput:!1})}function ue(){ne.value=!1,ie.value=""}function de(){te.value?le.value.length<1?S.error("至少添加一个填空符!"):$("save",{title:te.value.replaceAll(/ ______/g,"<filter></filter>"),answers:le.value.map((e=>({title:e.title,isCorrect:!0}))),analysis:se.value,isSetCorrectAnswer:!0,examAnswerSettingBO:{isIgnoreCase:oe.value?.includes("isIgnoreCase"),isInOrder:oe.value?.includes("isInOrder")},examRichTextContent:ne.value?ie.value:""}):S.error("题目标题不能为空!")}d((()=>te.value),(()=>{const[...e]=te.value.matchAll(/ ______/g);if(e.length!==le.value.length){const l=le.value.length-e.length;le.value.splice(le.value.length-l,l)}})),m((function(){Z.title&&(te.value=Z.title.replaceAll(/<filter><\/filter>/g," ______")),Z.answerList&&Z.answerList.length&&(le.value=Z.answerList),Z.examAnswerSettingVO&&(oe.value=oe.value.filter((e=>"isIgnoreCase"===e&&Z.examAnswerSettingVO?.isIgnoreCase||"isInOrder"===e&&Z.examAnswerSettingVO?.isInOrder))),Z.analysis&&(se.value=Z.analysis),Z.examRichTextContent&&(ie.value=Z.examRichTextContent,ne.value=!0)}));const me=V("subject-blank-fill");return(o,r)=>{const u=e,d=l,m=s,V=t,S=n,Y=a,pe=i;return c(),p("div",{class:v(f(me).e("blank-fill-exam"))},[x(q,{"show-edit":o.isEdit},{preview:y((()=>[h("div",R,[h("div",B,[h("span",U,A(o.orderIndex+1)+"."+A(f(te))+"（填空题）",1),f(ne)?(c(),p("div",L,[h("div",{innerHTML:f(ie),class:"rich-text"},null,8,E)])):w("v-if",!0),f(le).some((e=>e.title))?(c(),p("div",M,[r[10]||(r[10]=h("span",{class:"title"},"正确答案：",-1)),(c(!0),p(k,null,j(f(le),((e,l)=>(c(),p("div",{key:l,class:"flex flex-wrap flex-items-center",style:{"margin-right":"10px"}},[h("span",null,"填空"+A(l+1)+":",1),h("span",null,A(e.title),1)])))),128))])):w("v-if",!0)])])])),edit:y((()=>[h("div",D,[r[11]||(r[11]=h("div",{class:"label flex flex-justify-end"},[h("span",null,"题目:")],-1)),h("div",H,[x(u,{modelValue:f(te),"onUpdate:modelValue":r[0]||(r[0]=e=>b(te)?te.value=e:null),type:"textarea",rows:7,"show-word-limit":"",maxlength:"400",placeholder:"【填空题】请输入问题",disabled:o.isSave},null,8,["modelValue","disabled"])])]),h("div",N,[w(' <el-link\n            v-if="!showRichText"\n            type="primary"\n            @click="showRichText = true"\n          >\n            添加富文本\n          </el-link> '),x(d,{class:"margin-left-10",type:"primary",disabled:o.isSave,onClick:re},{default:y((()=>r[12]||(r[12]=[_(" 插入填空符 ")]))),_:1},8,["disabled"])]),h("div",z,[r[13]||(r[13]=h("div",{class:"label flex flex-justify-end"},[h("span",null,"答题设置:")],-1)),(c(),p(k,null,j(ae,(e=>x(V,{key:e.value,modelValue:f(oe),"onUpdate:modelValue":r[1]||(r[1]=e=>b(oe)?oe.value=e:null)},{default:y((()=>[x(m,{value:e.value,class:"margin-left-10"},{default:y((()=>[_(A(e.label),1)])),_:2},1032,["value"])])),_:2},1032,["modelValue"]))),64))]),h("div",F,[(c(!0),p(k,null,j(f(le),((e,l)=>(c(),p("div",{key:l,class:"answer-item flex flex-items-center"},[h("div",G,[h("span",null,"第"+A(l+1)+"空答案:",1)]),h("div",J,[(c(!0),p(k,null,j(e.title.split(","),(l=>(c(),p(k,{key:l},[l?(c(),g(S,{key:0,closable:"",onClose:t=>function(e,l){if(e){const t=l.title.split(","),s=t.findIndex((l=>l===e));s>-1&&(t.splice(s,1),l.title=t.join(","))}}(l,e)},{default:y((()=>[_(A(l),1)])),_:2},1032,["onClose"])):w("v-if",!0)],64)))),128)),o.isSave?w("v-if",!0):(c(),p(k,{key:0},[e.showInput?(c(),g(u,{key:0,modelValue:e.tag,"onUpdate:modelValue":l=>e.tag=l,style:{width:"80px"},onBlur:()=>function(e){e.showInput=!1,e.tag&&(e.title=e.title?[e.title,e.tag].join(","):e.tag,e.tag="")}(e)},null,8,["modelValue","onUpdate:modelValue","onBlur"])):(c(),g(pe,{key:1,size:"small",onClick:l=>e.showInput=!0},{default:y((()=>[x(Y,null,{default:y((()=>[x(f(I))])),_:1}),h("span",null,A(e.title?"添加同义词":"添加答案"),1)])),_:2},1032,["onClick"]))],64))])])))),128))]),o.showAnalysis?(c(),p("div",K,[r[14]||(r[14]=h("div",{class:"label flex flex-justify-end"},[h("span",null,"解析:")],-1)),h("div",P,[x(u,{modelValue:f(se),"onUpdate:modelValue":r[2]||(r[2]=e=>b(se)?se.value=e:null),type:"textarea",rows:2,placeholder:"请输入题目解析"},null,8,["modelValue"])])])):w("v-if",!0),f(ne)?(c(),p("div",Q,[r[16]||(r[16]=h("div",{class:"label flex flex-justify-center"},[h("span",null,"富文本:")],-1)),h("div",W,[x(T,C({"model-value":f(ie),"onUpdate:modelValue":r[3]||(r[3]=e=>b(ie)?ie.value=e:null)},f(ee),{style:{width:"100%"}}),null,16,["model-value"]),h("div",X,[x(d,{type:"danger",onClick:ue},{default:y((()=>r[15]||(r[15]=[_(" 删除富文本 ")]))),_:1})])])])):w("v-if",!0)])),default:y((()=>[o.showAction?(c(),g(O,{key:0,"is-edit":o.isEdit,"is-set":o.isSet,showOtherOption:!1,examAnswerRelationType:Z.examAnswerRelationType,onMoveUp:r[4]||(r[4]=e=>$("move","up")),onMoveDown:r[5]||(r[5]=e=>$("move","down")),onDelete:r[6]||(r[6]=e=>$("delete")),onSave:de,onEdit:r[7]||(r[7]=e=>$("edit")),onAdd:r[8]||(r[8]=e=>$("add",e)),onOnShowRichText:r[9]||(r[9]=e=>ne.value=!0)},null,8,["is-edit","is-set","examAnswerRelationType"])):w("v-if",!0)])),_:1},8,["show-edit"])],2)}}});export{Y as default};
+import{ElInput as e,ElLink as l,ElCheckboxGroup as t,ElCheckbox as s,ElTag as n,ElButton as i,ElIcon as a}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/button/style/index";import"element-plus/es/components/icon/style/index";import"element-plus/es/components/tag/style/index";import"element-plus/es/components/checkbox-group/style/index";import"element-plus/es/components/checkbox/style/index";import"element-plus/es/components/link/style/index";import"element-plus/es/components/input/style/index";import{defineComponent as o,useAttrs as r,ref as u,watch as d,onMounted as m,createElementBlock as p,openBlock as c,normalizeClass as v,unref as f,createVNode as x,withCtx as y,createBlock as g,createCommentVNode as w,createElementVNode as h,isRef as b,createTextVNode as _,Fragment as k,renderList as j,toDisplayString as C,mergeProps as I}from"vue";import{Plus as V}from"@element-plus/icons-vue";import{useNamespace as S}from"@qxs-bns/hooks";import{ElMessage as A}from"element-plus";import q from"../../../subject-action/src/subject-action.vue.mjs";import O from"../../../subject-layout/src/subject-layout.vue.mjs";import T from"../../../tiny-mce-editor/src/tiny-mce-editor.vue.mjs";const R={class:"preview"},B={class:"content"},U={class:"title"},L={key:0},E=["innerHTML"],M={key:1,class:"flex flex-wrap",style:{"margin-top":"10px",color:"#a8abb2"}},D={class:"flex"},H={style:{flex:"1"}},N={class:"flex flex-justify-end"},z={class:"margin-bottom flex flex-items-center"},F={class:"margin-bottom answer-list"},G={class:"label flex flex-justify-end"},J={class:"answer-tags"},K={key:0,class:"margin-bottom flex"},P={style:{flex:"1"}},Q={key:1,class:"margin-bottom flex"},W={style:{flex:"1"}},X={class:"flex flex-justify-end"};var Y=o({__name:"subject-blank-fill",props:{orderIndex:{type:Number,required:!0},title:{type:String,required:!1},isSave:{type:Boolean,required:!0},showAction:{type:Boolean,required:!1},answerList:{type:null,required:!1},analysis:{type:String,required:!1},isEdit:{type:Boolean,required:!0},isSet:{type:Boolean,required:!0},examAnswerSettingVO:{type:Object,required:!1},examRichTextContent:{type:String,required:!1},showAnalysis:{type:Boolean,required:!1},examAnswerRelationType:{type:Number,required:!1}},emits:["move","save","delete","edit","add"],setup(o,{emit:Y}){const Z=o,$=Y,ee=r(),le=u([]),te=u(""),se=u(""),ne=u(!1),ie=u(""),ae=[{label:"答案不分顺序",value:"isInOrder"},{label:"忽略大小写",value:"isIgnoreCase"}],oe=u(["isIgnoreCase"]);function re(){te.value+=" ______",le.value.push({title:"",tag:"",showInput:!1})}function ue(){ne.value=!1,ie.value=""}function de(){te.value?le.value.length<1?A.error("至少添加一个填空符!"):$("save",{title:te.value.replaceAll(/ ______/g,"<filter></filter>"),answers:le.value.map((e=>({title:e.title,isCorrect:!0}))),analysis:se.value,isSetCorrectAnswer:!0,examAnswerSettingBO:{isIgnoreCase:oe.value?.includes("isIgnoreCase"),isInOrder:oe.value?.includes("isInOrder")},examRichTextContent:ne.value?ie.value:""}):A.error("题目标题不能为空!")}d((()=>te.value),(()=>{const[...e]=te.value.matchAll(/ ______/g);if(e.length!==le.value.length){const l=le.value.length-e.length;le.value.splice(le.value.length-l,l)}})),m((function(){Z.title&&(te.value=Z.title.replaceAll(/<filter><\/filter>/g," ______")),Z.answerList&&Z.answerList.length&&(le.value=Z.answerList),Z.examAnswerSettingVO&&(oe.value=oe.value.filter((e=>"isIgnoreCase"===e&&Z.examAnswerSettingVO?.isIgnoreCase||"isInOrder"===e&&Z.examAnswerSettingVO?.isInOrder))),Z.analysis&&(se.value=Z.analysis),Z.examRichTextContent&&(ie.value=Z.examRichTextContent,ne.value=!0)}));const me=S("subject-blank-fill");return(o,r)=>{const u=e,d=l,m=s,S=t,A=n,Y=a,pe=i;return c(),p("div",{class:v(f(me).e("blank-fill-exam"))},[x(O,{"show-edit":o.isEdit},{preview:y((()=>[h("div",R,[h("div",B,[h("span",U,C(o.orderIndex+1)+"."+C(f(te))+"（填空题）",1),f(ne)?(c(),p("div",L,[h("div",{class:"rich-text",innerHTML:f(ie)},null,8,E)])):w("v-if",!0),f(le).some((e=>e.title))?(c(),p("div",M,[r[10]||(r[10]=h("span",{class:"title"},"正确答案：",-1)),(c(!0),p(k,null,j(f(le),((e,l)=>(c(),p("div",{key:l,class:"flex flex-wrap flex-items-center",style:{"margin-right":"10px"}},[h("span",null,"填空"+C(l+1)+":",1),h("span",null,C(e.title),1)])))),128))])):w("v-if",!0)])])])),edit:y((()=>[h("div",D,[r[11]||(r[11]=h("div",{class:"label flex flex-justify-end"},[h("span",null,"题目:")],-1)),h("div",H,[x(u,{modelValue:f(te),"onUpdate:modelValue":r[0]||(r[0]=e=>b(te)?te.value=e:null),type:"textarea",rows:7,"show-word-limit":"",maxlength:"400",placeholder:"【填空题】请输入问题",disabled:o.isSave},null,8,["modelValue","disabled"])])]),h("div",N,[w(' <el-link\n            v-if="!showRichText"\n            type="primary"\n            @click="showRichText = true"\n          >\n            添加富文本\n          </el-link> '),x(d,{class:"margin-left-10",type:"primary",disabled:o.isSave,onClick:re},{default:y((()=>r[12]||(r[12]=[_(" 插入填空符 ")]))),_:1},8,["disabled"])]),h("div",z,[r[13]||(r[13]=h("div",{class:"label flex flex-justify-end"},[h("span",null,"答题设置:")],-1)),(c(),p(k,null,j(ae,(e=>x(S,{key:e.value,modelValue:f(oe),"onUpdate:modelValue":r[1]||(r[1]=e=>b(oe)?oe.value=e:null)},{default:y((()=>[x(m,{value:e.value,class:"margin-left-10"},{default:y((()=>[_(C(e.label),1)])),_:2},1032,["value"])])),_:2},1032,["modelValue"]))),64))]),h("div",F,[(c(!0),p(k,null,j(f(le),((e,l)=>(c(),p("div",{key:l,class:"answer-item flex flex-items-center"},[h("div",G,[h("span",null,"第"+C(l+1)+"空答案:",1)]),h("div",J,[(c(!0),p(k,null,j(e.title.split(","),(l=>(c(),p(k,{key:l},[l?(c(),g(A,{key:0,closable:"",onClose:t=>function(e,l){if(e){const t=l.title.split(","),s=t.findIndex((l=>l===e));s>-1&&(t.splice(s,1),l.title=t.join(","))}}(l,e)},{default:y((()=>[_(C(l),1)])),_:2},1032,["onClose"])):w("v-if",!0)],64)))),128)),o.isSave?w("v-if",!0):(c(),p(k,{key:0},[e.showInput?(c(),g(u,{key:0,modelValue:e.tag,"onUpdate:modelValue":l=>e.tag=l,style:{width:"80px"},onBlur:()=>function(e){e.showInput=!1,e.tag&&(e.title=e.title?[e.title,e.tag].join(","):e.tag,e.tag="")}(e)},null,8,["modelValue","onUpdate:modelValue","onBlur"])):(c(),g(pe,{key:1,size:"small",onClick:l=>e.showInput=!0},{default:y((()=>[x(Y,null,{default:y((()=>[x(f(V))])),_:1}),h("span",null,C(e.title?"添加同义词":"添加答案"),1)])),_:2},1032,["onClick"]))],64))])])))),128))]),o.showAnalysis?(c(),p("div",K,[r[14]||(r[14]=h("div",{class:"label flex flex-justify-end"},[h("span",null,"解析:")],-1)),h("div",P,[x(u,{modelValue:f(se),"onUpdate:modelValue":r[2]||(r[2]=e=>b(se)?se.value=e:null),type:"textarea",rows:2,placeholder:"请输入题目解析"},null,8,["modelValue"])])])):w("v-if",!0),f(ne)?(c(),p("div",Q,[r[16]||(r[16]=h("div",{class:"label flex flex-justify-center"},[h("span",null,"富文本:")],-1)),h("div",W,[x(T,I({"model-value":f(ie),"onUpdate:modelValue":r[3]||(r[3]=e=>b(ie)?ie.value=e:null)},f(ee),{style:{width:"100%"}}),null,16,["model-value"]),h("div",X,[x(d,{type:"danger",onClick:ue},{default:y((()=>r[15]||(r[15]=[_(" 删除富文本 ")]))),_:1})])])])):w("v-if",!0)])),default:y((()=>[o.showAction?(c(),g(q,{key:0,"is-edit":o.isEdit,"is-set":o.isSet,"show-other-option":!1,"exam-answer-relation-type":Z.examAnswerRelationType,onMoveUp:r[4]||(r[4]=e=>$("move","up")),onMoveDown:r[5]||(r[5]=e=>$("move","down")),onDelete:r[6]||(r[6]=e=>$("delete")),onSave:de,onEdit:r[7]||(r[7]=e=>$("edit")),onAdd:r[8]||(r[8]=e=>$("add",e)),onOnShowRichText:r[9]||(r[9]=e=>ne.value=!0)},null,8,["is-edit","is-set","exam-answer-relation-type"])):w("v-if",!0)])),_:1},8,["show-edit"])],2)}}});export{Y as default};
 //# sourceMappingURL=subject-blank-fill.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"subject-blank-fill.vue.mjs","sources":["../../../../../../../packages/components/src/subject-list/src/components/subject-blank-fill.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Plus } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { ElMessage } from 'element-plus'\nimport SubjectAction from '../../../subject-action/src/subject-action.vue'\nimport SubjectLayout from '../../../subject-layout/src/subject-layout.vue'\nimport TinyMceEditor from '../../../tiny-mce-editor/src/tiny-mce-editor.vue'\n\nconst props = defineProps<{\n  orderIndex: number\n  title?: string\n  isSave: boolean\n  showAction?: boolean\n  answerList?: any\n  analysis?: string\n  isEdit: boolean\n  isSet: boolean\n  examAnswerSettingVO?: {\n    isInOrder: boolean\n    isIgnoreCase: boolean\n  }\n  examRichTextContent?: string\n  showAnalysis?: boolean\n  examAnswerRelationType?: number\n}>()\nconst emits = defineEmits(['move', 'save', 'delete', 'edit', 'add'])\n\nconst attrs = useAttrs()\n\nconst answers = ref<{\n  title: string\n  tag: string\n  showInput: boolean\n}[]>([])\n\nconst title = ref('')\nconst analysis = ref('')\nconst showRichText = ref(false)\nconst richText = ref('')\n\nconst checkList = [\n  {\n    label: '答案不分顺序',\n    value: 'isInOrder',\n  },\n  {\n    label: '忽略大小写',\n    value: 'isIgnoreCase',\n  },\n]\n\nconst isCheckList = ref(['isIgnoreCase'])\n\nfunction handleAddTag(item: any) {\n  item.showInput = false\n  if (item.tag) {\n    item.title = item.title ? [item.title, item.tag].join(',') : item.tag\n    item.tag = ''\n  }\n}\n\nfunction closeTag(tag: string, item: any) {\n  if (tag) {\n    const tags = item.title.split(',')\n    const index = tags.findIndex((i: string) => i === tag)\n    if (index > -1) {\n      tags.splice(index, 1)\n      item.title = tags.join(',')\n    }\n  }\n}\n\nfunction addBlank() {\n  title.value += ' ______'\n  answers.value.push({\n    title: '',\n    tag: '',\n    showInput: false,\n  })\n}\n\nfunction deleteRichText() {\n  showRichText.value = false\n  richText.value = ''\n}\n\nfunction save() {\n  if (!title.value) {\n    ElMessage.error('题目标题不能为空!')\n    return\n  }\n\n  if (answers.value.length < 1) {\n    ElMessage.error('至少添加一个填空符!')\n    return\n  }\n\n  emits('save', {\n    title: title.value.replaceAll(/ ______/g, '<filter></filter>'),\n    answers: answers.value.map((item: any) => {\n      return { title: item.title, isCorrect: true }\n    }),\n    analysis: analysis.value,\n    isSetCorrectAnswer: true,\n    examAnswerSettingBO: {\n      isIgnoreCase: isCheckList.value?.includes('isIgnoreCase'),\n      isInOrder: isCheckList.value?.includes('isInOrder'),\n    },\n    examRichTextContent: showRichText.value ? richText.value : '',\n  })\n}\n\nfunction init() {\n  if (props.title) {\n    title.value = props.title.replaceAll(/<filter><\\/filter>/g, ' ______')\n  }\n\n  if (props.answerList && props.answerList.length) {\n    answers.value = props.answerList\n  }\n\n  if (props.examAnswerSettingVO) {\n  // 仅保留与设置匹配的选项\n    isCheckList.value = isCheckList.value.filter((item: any) =>\n      (item === 'isIgnoreCase' && props.examAnswerSettingVO?.isIgnoreCase)\n      || (item === 'isInOrder' && props.examAnswerSettingVO?.isInOrder),\n    )\n  }\n\n  if (props.analysis) {\n    analysis.value = props.analysis\n  }\n\n  if (props.examRichTextContent) {\n    richText.value = props.examRichTextContent\n    showRichText.value = true\n  }\n}\n\nwatch(() => title.value, () => {\n  const [...matchs] = title.value.matchAll(/ ______/g)\n  if (matchs.length !== answers.value.length) {\n    const differ = answers.value.length - matchs.length\n    answers.value.splice(answers.value.length - differ, differ)\n  }\n})\n\nonMounted(init)\nconst ns = useNamespace('subject-blank-fill')\n</script>\n\n<template>\n  <div :class=\"ns.e('blank-fill-exam')\">\n    <SubjectLayout :show-edit=\"isEdit\">\n      <template #preview>\n        <div class=\"preview\">\n          <div class=\"content\">\n            <span class=\"title\">{{ orderIndex + 1 }}.{{ title }}（填空题）</span>\n            <div v-if=\"showRichText\">\n              <div v-html=\"richText\" class=\"rich-text\"/>\n            </div>\n            <div\n              v-if=\"answers.some((item) => item.title)\"\n              class=\"flex flex-wrap\"\n              style=\"margin-top: 10px;color: #a8abb2;\"\n            >\n              <span class=\"title\">正确答案：</span>\n              <div\n                v-for=\"(item, index) in answers\"\n                :key=\"index\"\n                class=\"flex flex-wrap flex-items-center\"\n                style=\"margin-right: 10px;\"\n              >\n                <span>填空{{ index + 1 }}:</span>\n                <span>{{ item.title }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </template>\n      <template #edit>\n        <div class=\"flex\">\n          <div class=\"label flex flex-justify-end\">\n            <span>题目:</span>\n          </div>\n          <div style=\"flex: 1;\">\n            <el-input\n              v-model=\"title\"\n              type=\"textarea\"\n              :rows=\"7\"\n              show-word-limit\n              maxlength=\"400\"\n              placeholder=\"【填空题】请输入问题\"\n              :disabled=\"isSave\"\n            />\n          </div>\n        </div>\n        <div class=\"flex flex-justify-end\">\n          <!-- <el-link\n            v-if=\"!showRichText\"\n            type=\"primary\"\n            @click=\"showRichText = true\"\n          >\n            添加富文本\n          </el-link> -->\n          <el-link\n            class=\"margin-left-10\"\n            type=\"primary\"\n            :disabled=\"isSave\"\n            @click=\"addBlank\"\n          >\n            插入填空符\n          </el-link>\n        </div>\n        <div class=\"margin-bottom flex flex-items-center\">\n          <div class=\"label flex flex-justify-end\">\n            <span>答题设置:</span>\n          </div>\n\n          <el-checkbox-group\n            v-for=\"item in checkList\"\n            :key=\"item.value\"\n            v-model=\"isCheckList\"\n          >\n            <el-checkbox :value=\"item.value\" class=\"margin-left-10\">\n              {{ item.label }}\n            </el-checkbox>\n          </el-checkbox-group>\n        </div>\n        <div class=\"margin-bottom answer-list\">\n          <div\n            v-for=\"(item, index) in answers\"\n            :key=\"index\"\n            class=\"answer-item flex flex-items-center\"\n          >\n            <div class=\"label flex flex-justify-end\">\n              <span>第{{ index + 1 }}空答案:</span>\n            </div>\n\n            <div class=\"answer-tags\">\n              <template\n                v-for=\"i in item.title.split(',')\"\n                :key=\"i\"\n              >\n                <el-tag\n                  v-if=\"i\"\n                  closable\n                  @close=\"closeTag(i, item)\"\n                >\n                  {{ i }}\n                </el-tag>\n              </template>\n              <template v-if=\"!isSave\">\n                <el-input\n                  v-if=\"item.showInput\"\n                  v-model=\"item.tag\"\n                  style=\"width: 80px;\"\n                  @blur=\"() => handleAddTag(item)\"\n                />\n                <el-button\n                  v-else\n                  size=\"small\"\n                  @click=\"item.showInput = true\"\n                >\n                  <el-icon><Plus /></el-icon>\n                  <span>{{ item.title ? '添加同义词' : '添加答案' }}</span>\n                </el-button>\n              </template>\n            </div>\n          </div>\n        </div>\n        <div v-if=\"showAnalysis\" class=\"margin-bottom flex\">\n          <div class=\"label flex flex-justify-end\">\n            <span>解析:</span>\n          </div>\n          <div style=\"flex: 1;\">\n            <el-input\n              v-model=\"analysis\"\n              type=\"textarea\"\n              :rows=\"2\"\n              placeholder=\"请输入题目解析\"\n            />\n          </div>\n        </div>\n        <div v-if=\"showRichText\" class=\"margin-bottom flex\">\n          <div class=\"label flex flex-justify-center\">\n            <span>富文本:</span>\n          </div>\n          <div style=\"flex: 1;\">\n            <TinyMceEditor v-model:model-value=\"richText\" v-bind=\"attrs\" style=\"width: 100%;\" />\n            <div class=\"flex flex-justify-end\">\n              <el-link\n                type=\"danger\"\n                @click=\"deleteRichText\"\n              >\n                删除富文本\n              </el-link>\n            </div>\n          </div>\n        </div>\n      </template>\n      <SubjectAction\n        v-if=\"showAction\"\n        :is-edit=\"isEdit\"\n        :is-set=\"isSet\"\n        :showOtherOption=\"false\"\n        :examAnswerRelationType=\"props.examAnswerRelationType\"\n        @move-up=\"emits('move', 'up')\"\n        @move-down=\"emits('move', 'down')\"\n        @delete=\"emits('delete')\"\n        @save=\"save\"\n        @edit=\"emits('edit')\"\n        @add=\"type => emits('add', type)\"\n        @onShowRichText=\"showRichText = true\"\n      />\n    </SubjectLayout>\n  </div>\n</template>\n"],"names":["props","__props","emits","__emit","attrs","useAttrs","answers","ref","title","analysis","showRichText","richText","checkList","label","value","isCheckList","addBlank","push","tag","showInput","deleteRichText","save","length","ElMessage","error","replaceAll","map","item","isCorrect","isSetCorrectAnswer","examAnswerSettingBO","isIgnoreCase","includes","isInOrder","examRichTextContent","watch","matchs","matchAll","differ","splice","onMounted","answerList","examAnswerSettingVO","filter","ns","useNamespace","tags","split","index","findIndex","i","join"],"mappings":"+yEAQA,MAAMA,EAAQC,EAiBRC,EAAQC,EAERC,GAAQC,IAERC,GAAUC,EAIX,IAECC,GAAQD,EAAI,IACZE,GAAWF,EAAI,IACfG,GAAeH,GAAI,GACnBI,GAAWJ,EAAI,IAEfK,GAAY,CAChB,CACEC,MAAO,SACPC,MAAO,aAET,CACED,MAAO,QACPC,MAAO,iBAILC,GAAcR,EAAI,CAAC,iBAqBzB,SAASS,KACPR,GAAMM,OAAS,UACfR,GAAQQ,MAAMG,KAAK,CACjBT,MAAO,GACPU,IAAK,GACLC,WAAW,GACZ,CAGH,SAASC,KACPV,GAAaI,OAAQ,EACrBH,GAASG,MAAQ,EAAA,CAGnB,SAASO,KACFb,GAAMM,MAKPR,GAAQQ,MAAMQ,OAAS,EACzBC,EAAUC,MAAM,cAIlBtB,EAAM,OAAQ,CACZM,MAAOA,GAAMM,MAAMW,WAAW,WAAY,qBAC1CnB,QAASA,GAAQQ,MAAMY,KAAKC,IACnB,CAAEnB,MAAOmB,EAAKnB,MAAOoB,WAAW,MAEzCnB,SAAUA,GAASK,MACnBe,oBAAoB,EACpBC,oBAAqB,CACnBC,aAAchB,GAAYD,OAAOkB,SAAS,gBAC1CC,UAAWlB,GAAYD,OAAOkB,SAAS,cAEzCE,oBAAqBxB,GAAaI,MAAQH,GAASG,MAAQ,KApB3DS,EAAUC,MAAM,YAqBjB,CA8BGW,GAAA,IAAM3B,GAAMM,QAAO,KACvB,SAAUsB,GAAU5B,GAAMM,MAAMuB,SAAS,YACzC,GAAID,EAAOd,SAAWhB,GAAQQ,MAAMQ,OAAQ,CAC1C,MAAMgB,EAAShC,GAAQQ,MAAMQ,OAASc,EAAOd,OAC7ChB,GAAQQ,MAAMyB,OAAOjC,GAAQQ,MAAMQ,OAASgB,EAAQA,EAAM,KAI9DE,GAnCA,WACMxC,EAAMQ,QACRA,GAAMM,MAAQd,EAAMQ,MAAMiB,WAAW,sBAAuB,YAG1DzB,EAAMyC,YAAczC,EAAMyC,WAAWnB,SACvChB,GAAQQ,MAAQd,EAAMyC,YAGpBzC,EAAM0C,sBAEI3B,GAAAD,MAAQC,GAAYD,MAAM6B,QAAQhB,GAClC,iBAATA,GAA2B3B,EAAM0C,qBAAqBX,cAC1C,cAATJ,GAAwB3B,EAAM0C,qBAAqBT,aAIvDjC,EAAMS,WACRA,GAASK,MAAQd,EAAMS,UAGrBT,EAAMkC,sBACRvB,GAASG,MAAQd,EAAMkC,oBACvBxB,GAAaI,OAAQ,EACvB,IAYI,MAAA8B,GAAKC,EAAa,k7DAvFf,SAAS3B,EAAaS,GAC7B,GAAIT,EAAK,CACP,MAAM4B,EAAOnB,EAAKnB,MAAMuC,MAAM,KACxBC,EAAQF,EAAKG,WAAWC,GAAcA,IAAMhC,IAC9C8B,GAAQ,IACLF,EAAAP,OAAOS,EAAO,GACdrB,EAAAnB,MAAQsC,EAAKK,KAAK,KACzB,CACF,+OAhBF,SAAsBxB,GACpBA,EAAKR,WAAY,EACbQ,EAAKT,MACPS,EAAKnB,MAAQmB,EAAKnB,MAAQ,CAACmB,EAAKnB,MAAOmB,EAAKT,KAAKiC,KAAK,KAAOxB,EAAKT,IAClES,EAAKT,IAAM,GACb"}
+{"version":3,"file":"subject-blank-fill.vue.mjs","sources":["../../../../../../../packages/components/src/subject-list/src/components/subject-blank-fill.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Plus } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { ElMessage } from 'element-plus'\nimport SubjectAction from '../../../subject-action/src/subject-action.vue'\nimport SubjectLayout from '../../../subject-layout/src/subject-layout.vue'\nimport TinyMceEditor from '../../../tiny-mce-editor/src/tiny-mce-editor.vue'\n\nconst props = defineProps<{\n  orderIndex: number\n  title?: string\n  isSave: boolean\n  showAction?: boolean\n  answerList?: any\n  analysis?: string\n  isEdit: boolean\n  isSet: boolean\n  examAnswerSettingVO?: {\n    isInOrder: boolean\n    isIgnoreCase: boolean\n  }\n  examRichTextContent?: string\n  showAnalysis?: boolean\n  examAnswerRelationType?: number\n}>()\nconst emits = defineEmits(['move', 'save', 'delete', 'edit', 'add'])\n\nconst attrs = useAttrs()\n\nconst answers = ref<{\n  title: string\n  tag: string\n  showInput: boolean\n}[]>([])\n\nconst title = ref('')\nconst analysis = ref('')\nconst showRichText = ref(false)\nconst richText = ref('')\n\nconst checkList = [\n  {\n    label: '答案不分顺序',\n    value: 'isInOrder',\n  },\n  {\n    label: '忽略大小写',\n    value: 'isIgnoreCase',\n  },\n]\n\nconst isCheckList = ref(['isIgnoreCase'])\n\nfunction handleAddTag(item: any) {\n  item.showInput = false\n  if (item.tag) {\n    item.title = item.title ? [item.title, item.tag].join(',') : item.tag\n    item.tag = ''\n  }\n}\n\nfunction closeTag(tag: string, item: any) {\n  if (tag) {\n    const tags = item.title.split(',')\n    const index = tags.findIndex((i: string) => i === tag)\n    if (index > -1) {\n      tags.splice(index, 1)\n      item.title = tags.join(',')\n    }\n  }\n}\n\nfunction addBlank() {\n  title.value += ' ______'\n  answers.value.push({\n    title: '',\n    tag: '',\n    showInput: false,\n  })\n}\n\nfunction deleteRichText() {\n  showRichText.value = false\n  richText.value = ''\n}\n\nfunction save() {\n  if (!title.value) {\n    ElMessage.error('题目标题不能为空!')\n    return\n  }\n\n  if (answers.value.length < 1) {\n    ElMessage.error('至少添加一个填空符!')\n    return\n  }\n\n  emits('save', {\n    title: title.value.replaceAll(/ ______/g, '<filter></filter>'),\n    answers: answers.value.map((item: any) => {\n      return { title: item.title, isCorrect: true }\n    }),\n    analysis: analysis.value,\n    isSetCorrectAnswer: true,\n    examAnswerSettingBO: {\n      isIgnoreCase: isCheckList.value?.includes('isIgnoreCase'),\n      isInOrder: isCheckList.value?.includes('isInOrder'),\n    },\n    examRichTextContent: showRichText.value ? richText.value : '',\n  })\n}\n\nfunction init() {\n  if (props.title) {\n    title.value = props.title.replaceAll(/<filter><\\/filter>/g, ' ______')\n  }\n\n  if (props.answerList && props.answerList.length) {\n    answers.value = props.answerList\n  }\n\n  if (props.examAnswerSettingVO) {\n  // 仅保留与设置匹配的选项\n    isCheckList.value = isCheckList.value.filter((item: any) =>\n      (item === 'isIgnoreCase' && props.examAnswerSettingVO?.isIgnoreCase)\n      || (item === 'isInOrder' && props.examAnswerSettingVO?.isInOrder),\n    )\n  }\n\n  if (props.analysis) {\n    analysis.value = props.analysis\n  }\n\n  if (props.examRichTextContent) {\n    richText.value = props.examRichTextContent\n    showRichText.value = true\n  }\n}\n\nwatch(() => title.value, () => {\n  const [...matchs] = title.value.matchAll(/ ______/g)\n  if (matchs.length !== answers.value.length) {\n    const differ = answers.value.length - matchs.length\n    answers.value.splice(answers.value.length - differ, differ)\n  }\n})\n\nonMounted(init)\nconst ns = useNamespace('subject-blank-fill')\n</script>\n\n<template>\n  <div :class=\"ns.e('blank-fill-exam')\">\n    <SubjectLayout :show-edit=\"isEdit\">\n      <template #preview>\n        <div class=\"preview\">\n          <div class=\"content\">\n            <span class=\"title\">{{ orderIndex + 1 }}.{{ title }}（填空题）</span>\n            <div v-if=\"showRichText\">\n              <div\n                class=\"rich-text\"\n                v-html=\"richText\"\n              />\n            </div>\n            <div\n              v-if=\"answers.some((item) => item.title)\"\n              class=\"flex flex-wrap\"\n              style=\"margin-top: 10px;color: #a8abb2;\"\n            >\n              <span class=\"title\">正确答案：</span>\n              <div\n                v-for=\"(item, index) in answers\"\n                :key=\"index\"\n                class=\"flex flex-wrap flex-items-center\"\n                style=\"margin-right: 10px;\"\n              >\n                <span>填空{{ index + 1 }}:</span>\n                <span>{{ item.title }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </template>\n      <template #edit>\n        <div class=\"flex\">\n          <div class=\"label flex flex-justify-end\">\n            <span>题目:</span>\n          </div>\n          <div style=\"flex: 1;\">\n            <el-input\n              v-model=\"title\"\n              type=\"textarea\"\n              :rows=\"7\"\n              show-word-limit\n              maxlength=\"400\"\n              placeholder=\"【填空题】请输入问题\"\n              :disabled=\"isSave\"\n            />\n          </div>\n        </div>\n        <div class=\"flex flex-justify-end\">\n          <!-- <el-link\n            v-if=\"!showRichText\"\n            type=\"primary\"\n            @click=\"showRichText = true\"\n          >\n            添加富文本\n          </el-link> -->\n          <el-link\n            class=\"margin-left-10\"\n            type=\"primary\"\n            :disabled=\"isSave\"\n            @click=\"addBlank\"\n          >\n            插入填空符\n          </el-link>\n        </div>\n        <div class=\"margin-bottom flex flex-items-center\">\n          <div class=\"label flex flex-justify-end\">\n            <span>答题设置:</span>\n          </div>\n\n          <el-checkbox-group\n            v-for=\"item in checkList\"\n            :key=\"item.value\"\n            v-model=\"isCheckList\"\n          >\n            <el-checkbox\n              :value=\"item.value\"\n              class=\"margin-left-10\"\n            >\n              {{ item.label }}\n            </el-checkbox>\n          </el-checkbox-group>\n        </div>\n        <div class=\"margin-bottom answer-list\">\n          <div\n            v-for=\"(item, index) in answers\"\n            :key=\"index\"\n            class=\"answer-item flex flex-items-center\"\n          >\n            <div class=\"label flex flex-justify-end\">\n              <span>第{{ index + 1 }}空答案:</span>\n            </div>\n\n            <div class=\"answer-tags\">\n              <template\n                v-for=\"i in item.title.split(',')\"\n                :key=\"i\"\n              >\n                <el-tag\n                  v-if=\"i\"\n                  closable\n                  @close=\"closeTag(i, item)\"\n                >\n                  {{ i }}\n                </el-tag>\n              </template>\n              <template v-if=\"!isSave\">\n                <el-input\n                  v-if=\"item.showInput\"\n                  v-model=\"item.tag\"\n                  style=\"width: 80px;\"\n                  @blur=\"() => handleAddTag(item)\"\n                />\n                <el-button\n                  v-else\n                  size=\"small\"\n                  @click=\"item.showInput = true\"\n                >\n                  <el-icon><Plus /></el-icon>\n                  <span>{{ item.title ? '添加同义词' : '添加答案' }}</span>\n                </el-button>\n              </template>\n            </div>\n          </div>\n        </div>\n        <div\n          v-if=\"showAnalysis\"\n          class=\"margin-bottom flex\"\n        >\n          <div class=\"label flex flex-justify-end\">\n            <span>解析:</span>\n          </div>\n          <div style=\"flex: 1;\">\n            <el-input\n              v-model=\"analysis\"\n              type=\"textarea\"\n              :rows=\"2\"\n              placeholder=\"请输入题目解析\"\n            />\n          </div>\n        </div>\n        <div\n          v-if=\"showRichText\"\n          class=\"margin-bottom flex\"\n        >\n          <div class=\"label flex flex-justify-center\">\n            <span>富文本:</span>\n          </div>\n          <div style=\"flex: 1;\">\n            <TinyMceEditor\n              v-model:model-value=\"richText\"\n              v-bind=\"attrs\"\n              style=\"width: 100%;\"\n            />\n            <div class=\"flex flex-justify-end\">\n              <el-link\n                type=\"danger\"\n                @click=\"deleteRichText\"\n              >\n                删除富文本\n              </el-link>\n            </div>\n          </div>\n        </div>\n      </template>\n      <SubjectAction\n        v-if=\"showAction\"\n        :is-edit=\"isEdit\"\n        :is-set=\"isSet\"\n        :show-other-option=\"false\"\n        :exam-answer-relation-type=\"props.examAnswerRelationType\"\n        @move-up=\"emits('move', 'up')\"\n        @move-down=\"emits('move', 'down')\"\n        @delete=\"emits('delete')\"\n        @save=\"save\"\n        @edit=\"emits('edit')\"\n        @add=\"type => emits('add', type)\"\n        @on-show-rich-text=\"showRichText = true\"\n      />\n    </SubjectLayout>\n  </div>\n</template>\n"],"names":["props","__props","emits","__emit","attrs","useAttrs","answers","ref","title","analysis","showRichText","richText","checkList","label","value","isCheckList","addBlank","push","tag","showInput","deleteRichText","save","length","ElMessage","error","replaceAll","map","item","isCorrect","isSetCorrectAnswer","examAnswerSettingBO","isIgnoreCase","includes","isInOrder","examRichTextContent","watch","matchs","matchAll","differ","splice","onMounted","answerList","examAnswerSettingVO","filter","ns","useNamespace","tags","split","index","findIndex","i","join"],"mappings":"+yEAQA,MAAMA,EAAQC,EAiBRC,EAAQC,EAERC,GAAQC,IAERC,GAAUC,EAIX,IAECC,GAAQD,EAAI,IACZE,GAAWF,EAAI,IACfG,GAAeH,GAAI,GACnBI,GAAWJ,EAAI,IAEfK,GAAY,CAChB,CACEC,MAAO,SACPC,MAAO,aAET,CACED,MAAO,QACPC,MAAO,iBAILC,GAAcR,EAAI,CAAC,iBAqBzB,SAASS,KACPR,GAAMM,OAAS,UACfR,GAAQQ,MAAMG,KAAK,CACjBT,MAAO,GACPU,IAAK,GACLC,WAAW,GACZ,CAGH,SAASC,KACPV,GAAaI,OAAQ,EACrBH,GAASG,MAAQ,EAAA,CAGnB,SAASO,KACFb,GAAMM,MAKPR,GAAQQ,MAAMQ,OAAS,EACzBC,EAAUC,MAAM,cAIlBtB,EAAM,OAAQ,CACZM,MAAOA,GAAMM,MAAMW,WAAW,WAAY,qBAC1CnB,QAASA,GAAQQ,MAAMY,KAAKC,IACnB,CAAEnB,MAAOmB,EAAKnB,MAAOoB,WAAW,MAEzCnB,SAAUA,GAASK,MACnBe,oBAAoB,EACpBC,oBAAqB,CACnBC,aAAchB,GAAYD,OAAOkB,SAAS,gBAC1CC,UAAWlB,GAAYD,OAAOkB,SAAS,cAEzCE,oBAAqBxB,GAAaI,MAAQH,GAASG,MAAQ,KApB3DS,EAAUC,MAAM,YAqBjB,CA8BGW,GAAA,IAAM3B,GAAMM,QAAO,KACvB,SAAUsB,GAAU5B,GAAMM,MAAMuB,SAAS,YACzC,GAAID,EAAOd,SAAWhB,GAAQQ,MAAMQ,OAAQ,CAC1C,MAAMgB,EAAShC,GAAQQ,MAAMQ,OAASc,EAAOd,OAC7ChB,GAAQQ,MAAMyB,OAAOjC,GAAQQ,MAAMQ,OAASgB,EAAQA,EAAM,KAI9DE,GAnCA,WACMxC,EAAMQ,QACRA,GAAMM,MAAQd,EAAMQ,MAAMiB,WAAW,sBAAuB,YAG1DzB,EAAMyC,YAAczC,EAAMyC,WAAWnB,SACvChB,GAAQQ,MAAQd,EAAMyC,YAGpBzC,EAAM0C,sBAEI3B,GAAAD,MAAQC,GAAYD,MAAM6B,QAAQhB,GAClC,iBAATA,GAA2B3B,EAAM0C,qBAAqBX,cAC1C,cAATJ,GAAwB3B,EAAM0C,qBAAqBT,aAIvDjC,EAAMS,WACRA,GAASK,MAAQd,EAAMS,UAGrBT,EAAMkC,sBACRvB,GAASG,MAAQd,EAAMkC,oBACvBxB,GAAaI,OAAQ,EACvB,IAYI,MAAA8B,GAAKC,EAAa,k7DAvFf,SAAS3B,EAAaS,GAC7B,GAAIT,EAAK,CACP,MAAM4B,EAAOnB,EAAKnB,MAAMuC,MAAM,KACxBC,EAAQF,EAAKG,WAAWC,GAAcA,IAAMhC,IAC9C8B,GAAQ,IACLF,EAAAP,OAAOS,EAAO,GACdrB,EAAAnB,MAAQsC,EAAKK,KAAK,KACzB,CACF,+OAhBF,SAAsBxB,GACpBA,EAAKR,WAAY,EACbQ,EAAKT,MACPS,EAAKnB,MAAQmB,EAAKnB,MAAQ,CAACmB,EAAKnB,MAAOmB,EAAKT,KAAKiC,KAAK,KAAOxB,EAAKT,IAClES,EAAKT,IAAM,GACb"}

package/es/src/subject-list/src/components/subject-scale.vue.mjs

@@ -1,2 +1,2 @@
-import{ElInput as e,ElIcon as l,ElLink as t,ElRow as s,ElCol as n,ElRadio as a}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/link/style/index";import"element-plus/es/components/icon/style/index";import"element-plus/es/components/input/style/index";import"element-plus/es/components/radio/style/index";import"element-plus/es/components/row/style/index";import"element-plus/es/components/col/style/index";import{defineComponent as i,useAttrs as o,ref as u,computed as r,onMounted as d,createElementBlock as c,openBlock as p,normalizeClass as m,unref as v,createVNode as f,withCtx as x,createBlock as y,createCommentVNode as h,createElementVNode as w,isRef as b,Fragment as g,renderList as j,toDisplayString as C,mergeProps as S,createTextVNode as k}from"vue";import{CirclePlus as V,Remove as q}from"@element-plus/icons-vue";import{useNamespace as T}from"@qxs-bns/hooks";import{ElMessage as _}from"element-plus";import L from"../../../subject-action/src/subject-action.vue.mjs";import A from"../../../subject-layout/src/subject-layout.vue.mjs";import R from"../../../tiny-mce-editor/src/tiny-mce-editor.vue.mjs";const U={class:"preview"},M={class:"title"},E={key:0},O=["innerHTML"],Q={class:"answer-radio flex-col"},B={style:{flex:"1"}},D={class:"answer flex"},H={class:"flex"},I={class:"answer-list flex-col"},N={class:"order"},$={class:"flex",style:{"margin-bottom":"20px"}},P={style:{flex:"1"}},z={key:0,class:"margin-bottom flex"},F={style:{flex:"1"}},G={class:"flex flex-justify-end"};var J=i({name:"QxsSubjectScale",__name:"subject-scale",props:{orderIndex:{type:Number,required:!0},title:{type:String,required:!1},isSave:{type:Boolean,required:!0},showAction:{type:Boolean,required:!1},answerList:{type:null,required:!1},analysis:{type:String,required:!1},rowTitle:{type:String,required:!1},isEdit:{type:Boolean,required:!0},isSet:{type:Boolean,required:!0},scaleQuestionList:{type:null,required:!1},examRichTextContent:{type:String,required:!1},examAnswerRelationType:{type:Number,required:!1}},emits:["move","save","delete","edit","add"],setup(i,{emit:J}){const K=i,W=J,X=o(),Y=u([{title:""},{title:""},{title:""},{title:""},{title:""}]),Z=u(""),ee=u(""),le=u(""),te=u(!1),se=u(""),ne=u([]),ae=r((()=>Math.ceil(24/(Y.value.length+1))));function ie(){5!==Y.value.length&&Y.value.push({title:""})}function oe(){te.value=!1,se.value=""}function ue(){if(!Z.value)return void _.error("题目标题不能为空!");let e="";Y.value.forEach(((l,t)=>{l.title||(e+=`选项${String.fromCharCode(65+t)}未填写。`)})),e?_.error(e):le.value?(ne.value=le.value.split("\n").filter((e=>e)),W("save",{title:Z.value,answers:Y.value,analysis:ee.value,scaleQuestionList:ne.value,examRichTextContent:te.value?se.value:""})):_.error("行标题不能为空!")}d((function(){K.title&&(Z.value=K.title),K.answerList&&K.answerList.length&&(Y.value=K.answerList),K.analysis&&(ee.value=K.analysis),K.scaleQuestionList&&(ne.value=K.scaleQuestionList,le.value=ne.value.join("\n")),K.examRichTextContent&&(se.value=K.examRichTextContent,te.value=!0)}));const re=T("subject-scale");return(i,o)=>{const u=n,r=s,d=a,T=e,_=l,J=t;return p(),c("div",{class:m(v(re).e("scale-exam"))},[f(A,{"show-edit":i.isEdit},{preview:x((()=>[w("div",U,[w("div",null,[w("span",M,C(i.orderIndex+1)+"."+C(v(Z))+"（量表题）",1),v(te)?(p(),c("div",E,[w("div",{innerHTML:v(se),class:"rich-text"},null,8,O)])):h("v-if",!0)]),w("div",Q,[f(r,{style:{padding:"10px 0"}},{default:x((()=>[f(u,{span:v(ae)},null,8,["span"]),(p(!0),c(g,null,j(v(Y),(e=>(p(),y(u,{key:e.title,class:"flex flex-center",span:v(ae)},{default:x((()=>[w("span",null,C(e.title),1)])),_:2},1032,["span"])))),128))])),_:1}),(p(!0),c(g,null,j(v(ne),(e=>(p(),y(r,{key:e,style:{padding:"10px 0"}},{default:x((()=>[f(u,{span:v(ae),class:"flex flex-center"},{default:x((()=>[w("span",null,C(e),1)])),_:2},1032,["span"]),(p(!0),c(g,null,j(v(Y).length,(e=>(p(),y(u,{key:e,class:"radio-item flex flex-center",span:v(ae)},{default:x((()=>[f(d,{disabled:!0})])),_:2},1032,["span"])))),128))])),_:2},1024)))),128))])])])),edit:x((()=>[w("div",{class:m(["flex",[{"margin-bottom":v(te)}]])},[o[10]||(o[10]=w("div",{class:"label flex flex-justify-center"},[w("span",null,"题目:")],-1)),w("div",B,[f(T,{modelValue:v(Z),"onUpdate:modelValue":o[0]||(o[0]=e=>b(Z)?Z.value=e:null),type:"textarea",rows:2,placeholder:"【量表题】请输入问题",disabled:i.isSave},null,8,["modelValue","disabled"])])],2),w("div",D,[o[11]||(o[11]=w("div",{class:"label flex flex-justify-center"},[w("span",null,"行标题:")],-1)),w("div",H,[f(T,{modelValue:v(le),"onUpdate:modelValue":o[1]||(o[1]=e=>b(le)?le.value=e:null),type:"textarea",placeholder:"请输入行标题",style:{width:"160px"},rows:10},null,8,["modelValue"]),w("div",I,[(p(!0),c(g,null,j(v(Y),((e,l)=>(p(),c("div",{key:l,class:"answer-item flex flex-items-center"},[w("span",N,C(String.fromCharCode(65+l))+".",1),f(T,{modelValue:e.title,"onUpdate:modelValue":l=>e.title=l,class:"input","show-word-limit":"",maxlength:10,placeholder:`选项${String.fromCharCode(65+l)}`,disabled:i.isSave},null,8,["modelValue","onUpdate:modelValue","placeholder","disabled"]),h(' <PlusCircleOutlined\n                class="icon"\n                :class="[{ disabled: answers.length === 5 }]"\n                @click="addAnswer"\n              />\n              <MinusCircleOutlined\n                class="icon"\n                :class="[{ disabled: answers.length < 3 }]"\n                @click="deleteAnswer(index)"\n              /> '),f(_,{class:"icon"},{default:x((()=>[f(v(V),{class:m([{disabled:5===v(Y).length}]),onClick:ie},null,8,["class"])])),_:1}),f(_,{class:"icon"},{default:x((()=>[f(v(q),{class:m([{disabled:v(Y).length<3}]),onClick:e=>function(e){Y.value.length<3||Y.value.splice(e,1)}(l)},null,8,["class","onClick"])])),_:2},1024)])))),128))])])]),w("div",$,[o[12]||(o[12]=w("div",{class:"label flex flex-justify-center"},[w("span",null,"解析:")],-1)),w("div",P,[f(T,{modelValue:v(ee),"onUpdate:modelValue":o[2]||(o[2]=e=>b(ee)?ee.value=e:null),type:"textarea",rows:2,placeholder:"请输入题目解析"},null,8,["modelValue"])])]),v(te)?(p(),c("div",z,[o[14]||(o[14]=w("div",{class:"label flex flex-justify-center"},[w("span",null,"富文本:")],-1)),w("div",F,[f(R,S({"model-value":v(se),"onUpdate:modelValue":o[3]||(o[3]=e=>b(se)?se.value=e:null)},v(X),{style:{width:"100%"}}),null,16,["model-value"]),w("div",G,[f(J,{type:"danger",onClick:oe},{default:x((()=>o[13]||(o[13]=[k(" 删除富文本 ")]))),_:1})])])])):h("v-if",!0)])),default:x((()=>[i.showAction?(p(),y(L,{key:0,"is-edit":i.isEdit,"is-set":i.isSet,showOtherOption:!1,examAnswerRelationType:K.examAnswerRelationType,onMoveUp:o[4]||(o[4]=e=>W("move","up")),onMoveDown:o[5]||(o[5]=e=>W("move","down")),onDelete:o[6]||(o[6]=e=>W("delete")),onSave:ue,onEdit:o[7]||(o[7]=e=>W("edit")),onAdd:o[8]||(o[8]=e=>W("add",e)),onOnShowRichText:o[9]||(o[9]=e=>te.value=!0)},null,8,["is-edit","is-set","examAnswerRelationType"])):h("v-if",!0)])),_:1},8,["show-edit"])],2)}}});export{J as default};
+import{ElInput as e,ElIcon as l,ElLink as t,ElRow as s,ElCol as n,ElRadio as a}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/link/style/index";import"element-plus/es/components/icon/style/index";import"element-plus/es/components/input/style/index";import"element-plus/es/components/radio/style/index";import"element-plus/es/components/row/style/index";import"element-plus/es/components/col/style/index";import{defineComponent as i,useAttrs as o,ref as r,computed as u,onMounted as d,createElementBlock as c,openBlock as p,normalizeClass as m,unref as v,createVNode as f,withCtx as x,createBlock as y,createCommentVNode as h,createElementVNode as w,isRef as b,Fragment as g,renderList as j,toDisplayString as C,mergeProps as S,createTextVNode as k}from"vue";import{CirclePlus as V,Remove as q}from"@element-plus/icons-vue";import{useNamespace as _}from"@qxs-bns/hooks";import{ElMessage as L}from"element-plus";import T from"../../../subject-action/src/subject-action.vue.mjs";import A from"../../../subject-layout/src/subject-layout.vue.mjs";import R from"../../../tiny-mce-editor/src/tiny-mce-editor.vue.mjs";const U={class:"preview"},M={class:"title"},E={key:0},Q=["innerHTML"],B={class:"answer-radio flex-col"},O={style:{flex:"1"}},D={class:"answer flex"},H={class:"flex"},I={class:"answer-list flex-col"},N={class:"order"},$={class:"flex",style:{"margin-bottom":"20px"}},P={style:{flex:"1"}},z={key:0,class:"margin-bottom flex"},F={style:{flex:"1"}},G={class:"flex flex-justify-end"};var J=i({name:"QxsSubjectScale",__name:"subject-scale",props:{orderIndex:{type:Number,required:!0},title:{type:String,required:!1},isSave:{type:Boolean,required:!0},showAction:{type:Boolean,required:!1},answerList:{type:null,required:!1},analysis:{type:String,required:!1},rowTitle:{type:String,required:!1},isEdit:{type:Boolean,required:!0},isSet:{type:Boolean,required:!0},scaleQuestionList:{type:null,required:!1},examRichTextContent:{type:String,required:!1},examAnswerRelationType:{type:Number,required:!1}},emits:["move","save","delete","edit","add"],setup(i,{emit:J}){const K=i,W=J,X=o(),Y=r([{title:""},{title:""},{title:""},{title:""},{title:""}]),Z=r(""),ee=r(""),le=r(""),te=r(!1),se=r(""),ne=r([]),ae=u((()=>Math.ceil(24/(Y.value.length+1))));function ie(){5!==Y.value.length&&Y.value.push({title:""})}function oe(){te.value=!1,se.value=""}function re(){if(!Z.value)return void L.error("题目标题不能为空!");let e="";Y.value.forEach(((l,t)=>{l.title||(e+=`选项${String.fromCharCode(65+t)}未填写。`)})),e?L.error(e):le.value?(ne.value=le.value.split("\n").filter((e=>e)),W("save",{title:Z.value,answers:Y.value,analysis:ee.value,scaleQuestionList:ne.value,examRichTextContent:te.value?se.value:""})):L.error("行标题不能为空!")}d((function(){K.title&&(Z.value=K.title),K.answerList&&K.answerList.length&&(Y.value=K.answerList),K.analysis&&(ee.value=K.analysis),K.scaleQuestionList&&(ne.value=K.scaleQuestionList,le.value=ne.value.join("\n")),K.examRichTextContent&&(se.value=K.examRichTextContent,te.value=!0)}));const ue=_("subject-scale");return(i,o)=>{const r=n,u=s,d=a,_=e,L=l,J=t;return p(),c("div",{class:m(v(ue).e("scale-exam"))},[f(A,{"show-edit":i.isEdit},{preview:x((()=>[w("div",U,[w("div",null,[w("span",M,C(i.orderIndex+1)+"."+C(v(Z))+"（量表题）",1),v(te)?(p(),c("div",E,[w("div",{class:"rich-text",innerHTML:v(se)},null,8,Q)])):h("v-if",!0)]),w("div",B,[f(u,{style:{padding:"10px 0"}},{default:x((()=>[f(r,{span:v(ae)},null,8,["span"]),(p(!0),c(g,null,j(v(Y),(e=>(p(),y(r,{key:e.title,class:"flex flex-center",span:v(ae)},{default:x((()=>[w("span",null,C(e.title),1)])),_:2},1032,["span"])))),128))])),_:1}),(p(!0),c(g,null,j(v(ne),(e=>(p(),y(u,{key:e,style:{padding:"10px 0"}},{default:x((()=>[f(r,{span:v(ae),class:"flex flex-center"},{default:x((()=>[w("span",null,C(e),1)])),_:2},1032,["span"]),(p(!0),c(g,null,j(v(Y).length,(e=>(p(),y(r,{key:e,class:"radio-item flex flex-center",span:v(ae)},{default:x((()=>[f(d,{disabled:!0})])),_:2},1032,["span"])))),128))])),_:2},1024)))),128))])])])),edit:x((()=>[w("div",{class:m(["flex",[{"margin-bottom":v(te)}]])},[o[10]||(o[10]=w("div",{class:"label flex flex-justify-center"},[w("span",null,"题目:")],-1)),w("div",O,[f(_,{modelValue:v(Z),"onUpdate:modelValue":o[0]||(o[0]=e=>b(Z)?Z.value=e:null),type:"textarea",rows:2,placeholder:"【量表题】请输入问题",disabled:i.isSave},null,8,["modelValue","disabled"])])],2),w("div",D,[o[11]||(o[11]=w("div",{class:"label flex flex-justify-center"},[w("span",null,"行标题:")],-1)),w("div",H,[f(_,{modelValue:v(le),"onUpdate:modelValue":o[1]||(o[1]=e=>b(le)?le.value=e:null),type:"textarea",placeholder:"请输入行标题",style:{width:"160px"},rows:10},null,8,["modelValue"]),w("div",I,[(p(!0),c(g,null,j(v(Y),((e,l)=>(p(),c("div",{key:l,class:"answer-item flex flex-items-center"},[w("span",N,C(String.fromCharCode(65+l))+".",1),f(_,{modelValue:e.title,"onUpdate:modelValue":l=>e.title=l,class:"input","show-word-limit":"",maxlength:10,placeholder:`选项${String.fromCharCode(65+l)}`,disabled:i.isSave},null,8,["modelValue","onUpdate:modelValue","placeholder","disabled"]),h(' <PlusCircleOutlined\n                class="icon"\n                :class="[{ disabled: answers.length === 5 }]"\n                @click="addAnswer"\n              />\n              <MinusCircleOutlined\n                class="icon"\n                :class="[{ disabled: answers.length < 3 }]"\n                @click="deleteAnswer(index)"\n              /> '),f(L,{class:"icon"},{default:x((()=>[f(v(V),{class:m([{disabled:5===v(Y).length}]),onClick:ie},null,8,["class"])])),_:1}),f(L,{class:"icon"},{default:x((()=>[f(v(q),{class:m([{disabled:v(Y).length<3}]),onClick:e=>function(e){Y.value.length<3||Y.value.splice(e,1)}(l)},null,8,["class","onClick"])])),_:2},1024)])))),128))])])]),w("div",$,[o[12]||(o[12]=w("div",{class:"label flex flex-justify-center"},[w("span",null,"解析:")],-1)),w("div",P,[f(_,{modelValue:v(ee),"onUpdate:modelValue":o[2]||(o[2]=e=>b(ee)?ee.value=e:null),type:"textarea",rows:2,placeholder:"请输入题目解析"},null,8,["modelValue"])])]),v(te)?(p(),c("div",z,[o[14]||(o[14]=w("div",{class:"label flex flex-justify-center"},[w("span",null,"富文本:")],-1)),w("div",F,[f(R,S({"model-value":v(se),"onUpdate:modelValue":o[3]||(o[3]=e=>b(se)?se.value=e:null)},v(X),{style:{width:"100%"}}),null,16,["model-value"]),w("div",G,[f(J,{type:"danger",onClick:oe},{default:x((()=>o[13]||(o[13]=[k(" 删除富文本 ")]))),_:1})])])])):h("v-if",!0)])),default:x((()=>[i.showAction?(p(),y(T,{key:0,"is-edit":i.isEdit,"is-set":i.isSet,"show-other-option":!1,"exam-answer-relation-type":K.examAnswerRelationType,onMoveUp:o[4]||(o[4]=e=>W("move","up")),onMoveDown:o[5]||(o[5]=e=>W("move","down")),onDelete:o[6]||(o[6]=e=>W("delete")),onSave:re,onEdit:o[7]||(o[7]=e=>W("edit")),onAdd:o[8]||(o[8]=e=>W("add",e)),onOnShowRichText:o[9]||(o[9]=e=>te.value=!0)},null,8,["is-edit","is-set","exam-answer-relation-type"])):h("v-if",!0)])),_:1},8,["show-edit"])],2)}}});export{J as default};
 //# sourceMappingURL=subject-scale.vue.mjs.map