@qxs-bns/components 0.0.46 → 0.0.48

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

@@ -1 +1 @@
-{"version":3,"file":"subject-list.vue.mjs","sources":["../../../../../../packages/components/src/subject-list/src/subject-list.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport SubjectBlankFill from './components/subject-blank-fill.vue'\nimport SubjectScale from './components/subject-scale.vue'\nimport SubjectSingle from './components/subject-single.vue'\nimport SubjectTextFill from './components/subject-text-fill.vue'\nimport SubjectRichText from './components/SubjectRichText.vue'\nimport SubjectPageEnd from './components/SubjectPageEnd.vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { setGuid } from '@qxs-bns/utils'\n\ndefineOptions({\n  name: 'QxsSubjectList',\n})\n\nconst props = defineProps<{\n  subjectList: any[]\n  isPreview: boolean\n}>()\nconst currentList = ref([] as any)\nconst emits = defineEmits(['setRelation'])\n\nconst attrs = useAttrs()\n\ndefineExpose({\n  addSubject,\n  currentList,\n  uploadExcel,\n  addExam,\n  setAnswerRelation,\n})\n\nfunction totalPageIndex() {\n  return currentList.value.filter((v: any) => v.answerType === 'page_end').length\n}\n\nconst currentPageIndex = computed(() => {\n  const currentPageList = currentList.value.filter((v: any) => v.answerType === 'page_end')\n  return (currentId: string) => {\n    const currentIndex = currentPageList.findIndex((c: any) => c.customId === currentId)\n    return currentIndex !== -1 ? currentIndex + 1 : 0\n  }\n})\n\nfunction currentIndex() {\n  return (currentExamId: string) => {\n    let current = 0\n    let output = 0\n\n    // 遍历 currentList，过滤掉分页器，并计算题目序号\n    currentList.value.forEach((v: any) => {\n      if (v.answerType !== 'page_end') { // 排除分页器\n        current++\n        if (currentExamId === v.customId) { // 匹配当前题目 ID\n          output = current\n        }\n      }\n    })\n\n    return output-1\n  }\n}\n\nfunction addSubject(type: string, index: number | null = null, examAnswerRelationType: number | null = null) {\n  const newSubject = {\n    customId: setGuid(),\n    answerType: type,\n    analysis: '',\n    scaleQuestionList: [],\n    isSave: false,\n    isEdit: true,\n    isRealCanDel: true,\n    hasSet: false,\n    examAnswerRelationType,\n  }\n\n  if (index !== null) {\n    currentList.value.splice(index + 1, 0, newSubject)\n  } else {\n    currentList.value.push(newSubject)\n  }\n}\nfunction addExam(items: any[]) {\n  console.log(items, 'items')\n\n  let currentIndex = 1\n  const newList: any[] = []\n\n  items.forEach((v: any) => {\n    // 创建新的题目对象\n    const newItem = {\n      ...v,\n      customId: setGuid(),\n      answerType: v.richTextContent ? 'rich_text' : v.examTypeEnum,\n      answers: v.answers?.map((c: any) => ({\n        ...c,\n        title: c.answer,\n        answerId: c.examAnswerId,\n        isCorrect: c.isCorrect,\n      })) || [],\n      isSave: false,\n      isEdit: true,\n      isRealCanDel: true,\n      hasSet: false,\n    }\n\n    // 如果当前题目的 pageIndex 和 currentIndex 不一致，则插入分页器\n    if (newItem.pageIndex > currentIndex) {\n      newList.push({\n        customId: setGuid(),\n        answerType: 'page_end',\n        analysis: '',\n        scaleQuestionList: [],\n        isSave: false,\n        isEdit: true,\n        isRealCanDel: true,\n        hasSet: false,\n        examAnswerRelationType: 0,\n      })\n      currentIndex = newItem.pageIndex\n    }\n\n    // 将题目添加到 newList\n    newList.push(newItem)\n  })\n\n  // 更新 currentList\n  currentList.value = currentList.value.concat(newList)\n}\nfunction uploadExcel(list: any[]) {\n  currentList.value = currentList.value.concat(list)\n}\n\nfunction move(index: number, type: 'up' | 'down') {\n  if (type === 'up' && index > 0) {\n    const [item] = currentList.value.splice(index, 1)\n    currentList.value.splice(index - 1, 0, item)\n  } else if (type === 'down' && index < currentList.value.length - 1) {\n    const [item] = currentList.value.splice(index, 1)\n    currentList.value.splice(index + 1, 0, item)\n  }\n}\n\nfunction saveSubject(index: number, item: any) {\n  currentList.value[index] = {\n    ...currentList.value[index],\n    ...item,\n    isEdit: false,\n    examAnswerRelationType: item.examAnswerRelationType,\n  }\n}\n\nfunction deleteSubject(index: number) {\n  currentList.value.splice(index, 1)\n  ElMessage.success('删除成功')\n}\n\nfunction setRelation(customId: number, examAnswers: any) {\n  emits('setRelation', customId, examAnswers)\n}\n\nfunction setAnswerRelation(answerRelations: any, customId: string, customAnswerId: string) {\n  const targetItem = currentList.value.find((v: any) => v.customId === customId)\n  if (targetItem) {\n    const targetAnswer = targetItem.answers?.find((c: any) => c.customAnswerId === customAnswerId)\n    if (targetAnswer) {\n      targetAnswer.answerRelations = answerRelations\n    }\n  }\n}\n\nwatch(() => props.subjectList, (newList: any) => {\n  if (newList) {\n    currentList.value = [...newList]\n  }\n}, { immediate: true })\n\nconst ns = useNamespace('subject-list')\n</script>\n\n<template>\n  <div :class=\"ns.e('list-exam')\">\n    <div class=\"subject-list-wrapper\">\n      <div v-for=\"(item, index) in currentList\" :key=\"item.customId\" class=\"subject-item\">\n        <template v-if=\"['single', 'multiple', 'sort'].includes(item.answerType)\">\n          <SubjectSingle\n            v-bind=\"attrs\"\n            :order-index=\"currentIndex()(item.customId)\"\n            :title=\"item.title\"\n            :type=\"item.answerType\"\n            :exam-id=\"item.examId\"\n            :isKey=\"item.isKey\"\n            :is-save=\"!item.isRealCanDel\"\n            :customId=\"item.customId\"\n            :is-set=\"item.hasSet || false\"\n            :answer-list=\"item.answers\"\n            :analysis=\"item.analysis\"\n            :least-answer-count=\"item.leastAnswerCount\"\n            :is-edit=\"item.isEdit || false\"\n            :show-action=\"!isPreview\"\n            :exam-expand=\"item.examExpand\"\n            :answerCheckType=\"item.answerCheckType\"\n            :exam-rich-text-content=\"item.examRichTextContent\"\n            :examAnswerRelationType=\"item.examAnswerRelationType\"\n            @setRelation=\"setRelation\"\n            @move=\"(type: 'up' | 'down') => move(index, type)\"\n            @delete=\"deleteSubject(index)\"\n            @save=\"(item: any) => saveSubject(index, item)\"\n            @edit=\"item.isEdit = true\"\n            @add=\"(type: string, examAnswerRelationType: number) => addSubject(type, index, examAnswerRelationType)\"\n          />\n        </template>\n        <SubjectScale\n          v-bind=\"attrs\"\n          v-else-if=\"item.answerType === 'scale'\"\n          :order-index=\"currentIndex()(item.customId)\"\n          :title=\"item.title\"\n          :is-save=\"!item.isRealCanDel\"\n          :is-set=\"item.hasSet || false\"\n          :answer-list=\"item.answers\"\n          :analysis=\"item.analysis\"\n          :is-edit=\"item.isEdit || false\"\n          :scale-question-list=\"item.scaleQuestionList\"\n          :show-action=\"!isPreview\"\n          :exam-rich-text-content=\"item.examRichTextContent\"\n          :examAnswerRelationType=\"item.examAnswerRelationType\"\n          @move=\"(type: 'up' | 'down') => move(index, type)\"\n          @delete=\"deleteSubject(index)\"\n          @save=\"(item: any) => saveSubject(index, item)\"\n          @edit=\"item.isEdit = true\"\n          @add=\"(type: string) => addSubject(type, index, null)\"\n        />\n        <SubjectBlankFill\n          v-bind=\"attrs\"\n          v-else-if=\"item.answerType === 'blank_fill'\"\n          :order-index=\"currentIndex()(item.customId)\"\n          :title=\"item.title\"\n          :is-save=\"!item.isRealCanDel\"\n          :is-set=\"item.hasSet || false\"\n          :answer-list=\"item.answers\"\n          :analysis=\"item.analysis\"\n          :show-action=\"!isPreview\"\n          :is-edit=\"item.isEdit || false\"\n          :exam-answer-setting-v-o=\"item.examAnswerSettingVO || {}\"\n          :exam-rich-text-content=\"item.examRichTextContent\"\n          :examAnswerRelationType=\"item.examAnswerRelationType\"\n          @move=\"(type: 'up' | 'down') => move(index, type)\"\n          @delete=\"deleteSubject(index)\"\n          @save=\"(item: any) => saveSubject(index, item)\"\n          @edit=\"item.isEdit = true\"\n          @add=\"(type: string) => addSubject(type, index, null)\"\n        />\n        <SubjectTextFill\n          v-bind=\"attrs\"\n          v-else-if=\"item.answerType === 'text_fill'\"\n          :order-index=\"currentIndex()(item.customId)\"\n          :title=\"item.title\"\n          :is-save=\"!item.isRealCanDel\"\n          :is-set=\"item.hasSet || false\"\n          :answer-list=\"item.answers\"\n          :analysis=\"item.analysis\"\n          :show-action=\"!isPreview\"\n          :is-edit=\"item.isEdit || false\"\n          :exam-expand=\"item.examExpand\"\n          :exam-answer-setting-v-o=\"item.examAnswerSettingVO || {}\"\n          :examAnswerRelationType=\"item.examAnswerRelationType\"\n          :exam-rich-text-content=\"item.examRichTextContent\"\n          @move=\"(type: 'up' | 'down') => move(index, type)\"\n          @delete=\"deleteSubject(index)\"\n          @save=\"(item: any) => saveSubject(index, item)\"\n          @edit=\"item.isEdit = true\"\n          @add=\"(type: string) => addSubject(type, index, null)\"\n        />\n        <SubjectRichText\n          v-bind=\"attrs\"\n          :order-index=\"currentIndex()(item.customId)\"\n          v-else-if=\"item.answerType === 'rich_text'\"\n          :richTextContent=\"item.richTextContent\"\n          :is-set=\"item.hasSet || false\"\n          :is-save=\"!item.isRealCanDel\"\n          :is-edit=\"item.isEdit || false\"\n          :show-action=\"!isPreview\"\n          @move=\"(type: 'up' | 'down') => move(index, type)\"\n          @delete=\"deleteSubject(index)\"\n          :examAnswerRelationType=\"item.examAnswerRelationType\"\n          @save=\"(item: any) => saveSubject(index, item)\"\n          @edit=\"item.isEdit = true\"\n          @add=\"(type: string) => addSubject(type, index, null)\"\n        />\n        <SubjectPageEnd\n          v-else-if=\"item.answerType === 'page_end'\"\n          :total-page=\"totalPageIndex()\"\n          :key=\"index\"\n          :current-page-index=\"currentPageIndex(item.customId)\"\n          :item=\"item\"\n          :is-edit=\"item.isEdit || false\"\n          :is-set=\"item.hasSet || false\"\n          :is-save=\"!item.isRealCanDel\"\n          :examAnswerRelationType=\"item.examAnswerRelationType\"\n          @move=\"(type: 'up' | 'down') => move(index, type)\"\n          @delete=\"deleteSubject(index)\"\n          @save=\"(item: any) => saveSubject(index, item)\"\n          @edit=\"item.isEdit = true\"\n          @add=\"(type: string) => addSubject(type, index, null)\"\n        />\n      </div>\n    </div>\n  </div>\n</template>"],"names":["props","__props","currentList","ref","emits","__emit","attrs","useAttrs","__expose","addSubject","uploadExcel","list","value","concat","addExam","items","console","log","currentIndex","newList","forEach","v","newItem","customId","setGuid","answerType","richTextContent","examTypeEnum","answers","map","c","title","answer","answerId","examAnswerId","isCorrect","isSave","isEdit","isRealCanDel","hasSet","pageIndex","push","analysis","scaleQuestionList","examAnswerRelationType","setAnswerRelation","answerRelations","customAnswerId","targetItem","find","targetAnswer","currentPageIndex","computed","currentPageList","filter","currentId","findIndex","currentExamId","current","output","type","index","newSubject","splice","move","item","length","saveSubject","deleteSubject","ElMessage","success","setRelation","examAnswers","watch","subjectList","immediate","ns","useNamespace"],"mappings":"s6BAcA,MAAMA,EAAQC,EAIRC,EAAcC,EAAI,IAClBC,EAAQC,EAERC,EAAQC,IAEDC,EAAA,CACXC,aACAP,cACAQ,YAsGF,SAAqBC,GACnBT,EAAYU,MAAQV,EAAYU,MAAMC,OAAOF,EAAI,EAtGjDG,QAsDF,SAAiBC,GACPC,QAAAC,IAAIF,EAAO,SAEnB,IAAIG,EAAe,EACnB,MAAMC,EAAiB,GAEjBJ,EAAAK,SAASC,IAEb,MAAMC,EAAU,IACXD,EACHE,SAAUC,IACVC,WAAYJ,EAAEK,gBAAkB,YAAcL,EAAEM,aAChDC,QAASP,EAAEO,SAASC,KAAKC,IAAY,IAChCA,EACHC,MAAOD,EAAEE,OACTC,SAAUH,EAAEI,aACZC,UAAWL,EAAEK,eACR,GACPC,QAAQ,EACRC,QAAQ,EACRC,cAAc,EACdC,QAAQ,GAINjB,EAAQkB,UAAYtB,IACtBC,EAAQsB,KAAK,CACXlB,SAAUC,IACVC,WAAY,WACZiB,SAAU,GACVC,kBAAmB,GACnBP,QAAQ,EACRC,QAAQ,EACRC,cAAc,EACdC,QAAQ,EACRK,uBAAwB,IAE1B1B,EAAeI,EAAQkB,WAIzBrB,EAAQsB,KAAKnB,EAAO,IAItBpB,EAAYU,MAAQV,EAAYU,MAAMC,OAAOM,EAAO,EAlGpD0B,kBAoIO,SAAkBC,EAAsBvB,EAAkBwB,GAC3D,MAAAC,EAAa9C,EAAYU,MAAMqC,MAAM5B,GAAWA,EAAEE,WAAaA,IACrE,GAAIyB,EAAY,CACR,MAAAE,EAAeF,EAAWpB,SAASqB,MAAMnB,GAAWA,EAAEiB,iBAAmBA,IAC3EG,IACFA,EAAaJ,gBAAkBA,EACjC,CACF,IApII,MAAAK,EAAmBC,GAAS,KAC1B,MAAAC,EAAkBnD,EAAYU,MAAM0C,QAAQjC,GAA4B,aAAjBA,EAAEI,aAC/D,OAAQ8B,IACN,MAAMrC,EAAemC,EAAgBG,WAAW1B,GAAWA,EAAEP,WAAagC,IACnErC,OAAiB,IAAjBA,EAAsBA,EAAe,EAAI,CAAA,CAClD,IAGF,SAASA,IACP,OAAQuC,IACN,IAAIC,EAAU,EACVC,EAAS,EAYb,OATYzD,EAAAU,MAAMQ,SAASC,IACJ,aAAjBA,EAAEI,aACJiC,IACID,IAAkBpC,EAAEE,WACboC,EAAAD,GACX,IAIGC,EAAO,CAAA,CAChB,CAGF,SAASlD,EAAWmD,EAAcC,EAAuB,KAAMjB,EAAwC,MACrG,MAAMkB,EAAa,CACjBvC,SAAUC,IACVC,WAAYmC,EACZlB,SAAU,GACVC,kBAAmB,GACnBP,QAAQ,EACRC,QAAQ,EACRC,cAAc,EACdC,QAAQ,EACRK,0BAGY,OAAViB,EACF3D,EAAYU,MAAMmD,OAAOF,EAAQ,EAAG,EAAGC,GAE3B5D,EAAAU,MAAM6B,KAAKqB,EACzB,CAqDO,SAAAE,EAAKH,EAAeD,GACvB,GAAS,OAATA,GAAiBC,EAAQ,EAAG,CAC9B,MAAOI,GAAQ/D,EAAYU,MAAMmD,OAAOF,EAAO,GAC/C3D,EAAYU,MAAMmD,OAAOF,EAAQ,EAAG,EAAGI,EAAI,SACzB,SAATL,GAAmBC,EAAQ3D,EAAYU,MAAMsD,OAAS,EAAG,CAClE,MAAOD,GAAQ/D,EAAYU,MAAMmD,OAAOF,EAAO,GAC/C3D,EAAYU,MAAMmD,OAAOF,EAAQ,EAAG,EAAGI,EAAI,CAC7C,CAGO,SAAAE,EAAYN,EAAeI,GACtB/D,EAAAU,MAAMiD,GAAS,IACtB3D,EAAYU,MAAMiD,MAClBI,EACH5B,QAAQ,EACRO,uBAAwBqB,EAAKrB,uBAC/B,CAGF,SAASwB,EAAcP,GACT3D,EAAAU,MAAMmD,OAAOF,EAAO,GAChCQ,EAAUC,QAAQ,OAAM,CAGjB,SAAAC,EAAYhD,EAAkBiD,GAC/BpE,EAAA,cAAemB,EAAUiD,EAAW,CAa5CC,GAAM,IAAMzE,EAAM0E,cAAcvD,IAC1BA,IACUjB,EAAAU,MAAQ,IAAIO,GAAO,GAEhC,CAAEwD,WAAW,IAEV,MAAAC,EAAKC,EAAa,ixHAhJf3E,EAAYU,MAAM0C,QAAQjC,GAA4B,aAAjBA,EAAEI,aAA2ByC"}
+{"version":3,"file":"subject-list.vue.mjs","sources":["../../../../../../packages/components/src/subject-list/src/subject-list.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport SubjectBlankFill from './components/subject-blank-fill.vue'\nimport SubjectScale from './components/subject-scale.vue'\nimport SubjectSingle from './components/subject-single.vue'\nimport SubjectTextFill from './components/subject-text-fill.vue'\nimport SubjectRichText from './components/SubjectRichText.vue'\nimport SubjectPageEnd from './components/SubjectPageEnd.vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { setGuid } from '@qxs-bns/utils'\n\ndefineOptions({\n  name: 'QxsSubjectList',\n})\n\nconst props = defineProps<{\n  subjectList: any[]\n  isPreview: boolean\n}>()\nconst currentList = ref([] as any)\nconst emits = defineEmits(['setRelation'])\n\nconst attrs = useAttrs()\n\ndefineExpose({\n  addSubject,\n  currentList,\n  uploadExcel,\n  addExam,\n  setAnswerRelation,\n})\n\nfunction totalPageIndex() {\n  return currentList.value.filter((v: any) => v.answerType === 'page_end').length\n}\n\nconst currentPageIndex = computed(() => {\n  const currentPageList = currentList.value.filter((v: any) => v.answerType === 'page_end')\n  return (currentId: string) => {\n    const currentIndex = currentPageList.findIndex((c: any) => c.customId === currentId)\n    return currentIndex !== -1 ? currentIndex + 1 : 0\n  }\n})\n\nfunction currentIndex() {\n  return (currentExamId: string) => {\n    let current = 0\n    let output = 0\n\n    // 遍历 currentList，过滤掉分页器，并计算题目序号\n    currentList.value.forEach((v: any) => {\n      if (v.answerType !== 'page_end') { // 排除分页器\n        current++\n        if (currentExamId === v.customId) { // 匹配当前题目 ID\n          output = current\n        }\n      }\n    })\n\n    return output-1\n  }\n}\n\nfunction addSubject(type: string, index: number | null = null, examAnswerRelationType: number | null = null) {\n  const newSubject = {\n    customId: setGuid(),\n    answerType: type,\n    analysis: '',\n    scaleQuestionList: [],\n    isSave: false,\n    isEdit: true,\n    isRealCanDel: true,\n    hasSet: false,\n    examAnswerRelationType,\n  }\n\n  if (index !== null) {\n    currentList.value.splice(index + 1, 0, newSubject)\n  } else {\n    currentList.value.push(newSubject)\n  }\n}\nfunction addExam(items: any[]) {\n  console.log(items, 'items')\n\n  let currentIndex = 1\n  const newList: any[] = []\n\n  items.forEach((v: any) => {\n    // 创建新的题目对象\n    const newItem = {\n      ...v,\n      customId: setGuid(),\n      answerType: v.richTextContent ? 'rich_text' : v.examTypeEnum,\n      answers: v.answers?.map((c: any) => ({\n        ...c,\n        title: c.answer,\n        answerId: c.examAnswerId,\n        isCorrect: c.isCorrect,\n      })) || [],\n      isSave: false,\n      isEdit: true,\n      isRealCanDel: true,\n      hasSet: false,\n    }\n\n    // 如果当前题目的 pageIndex 和 currentIndex 不一致，则插入分页器\n    if (newItem.pageIndex > currentIndex) {\n      newList.push({\n        customId: setGuid(),\n        answerType: 'page_end',\n        analysis: '',\n        scaleQuestionList: [],\n        isSave: false,\n        isEdit: true,\n        isRealCanDel: true,\n        hasSet: false,\n        examAnswerRelationType: 0,\n      })\n      currentIndex = newItem.pageIndex\n    }\n\n    // 将题目添加到 newList\n    newList.push(newItem)\n  })\n\n  // 更新 currentList\n  currentList.value = currentList.value.concat(newList)\n}\nfunction uploadExcel(list: any[]) {\n  currentList.value = currentList.value.concat(list)\n}\n\nfunction move(index: number, type: 'up' | 'down') {\n  if (type === 'up' && index > 0) {\n    const [item] = currentList.value.splice(index, 1)\n    currentList.value.splice(index - 1, 0, item)\n  } else if (type === 'down' && index < currentList.value.length - 1) {\n    const [item] = currentList.value.splice(index, 1)\n    currentList.value.splice(index + 1, 0, item)\n  }\n}\n\nfunction saveSubject(index: number, item: any) {\n  currentList.value[index] = {\n    ...currentList.value[index],\n    ...item,\n    isEdit: false,\n    examAnswerRelationType: item.examAnswerRelationType,\n  }\n}\n\nfunction deleteSubject(index: number) {\n  currentList.value.splice(index, 1)\n  ElMessage.success('删除成功')\n}\n\nfunction setRelation(customId: number, examAnswers: any) {\n  emits('setRelation', customId, examAnswers)\n}\n\nfunction setAnswerRelation(answerRelations: any, customId: string, customAnswerId: string) {\n  const targetItem = currentList.value.find((v: any) => v.customId === customId)\n  if (targetItem) {\n    const targetAnswer = targetItem.answers?.find((c: any) => c.customAnswerId === customAnswerId)\n    if (targetAnswer) {\n      targetAnswer.answerRelations = answerRelations\n    }\n  }\n}\n\nwatch(() => props.subjectList, (newList: any) => {\n  if (newList) {\n    currentList.value = [...newList]\n  }\n}, { immediate: true })\n\nconst ns = useNamespace('subject-list')\n</script>\n\n<template>\n  <div :class=\"ns.e('list-exam')\">\n    <div class=\"subject-list-wrapper\">\n      <div v-for=\"(item, index) in currentList\" :key=\"item.customId\" class=\"subject-item\">\n        <template v-if=\"['single', 'multiple', 'sort'].includes(item.answerType)\">\n          <SubjectSingle\n            v-bind=\"attrs\"\n            :order-index=\"currentIndex()(item.customId)\"\n            :title=\"item.title\"\n            :type=\"item.answerType\"\n            :exam-id=\"item.examId\"\n            :isKey=\"item.isKey\"\n            :is-save=\"!item.isRealCanDel\"\n            :customId=\"item.customId\"\n            :is-set=\"item.hasSet || false\"\n            :answer-list=\"item.answers\"\n            :analysis=\"item.analysis\"\n            :least-answer-count=\"item.leastAnswerCount\"\n            :is-edit=\"item.isEdit || false\"\n            :show-action=\"!isPreview\"\n            :exam-expand=\"item.examExpand\"\n            :answerCheckType=\"item.answerCheckType\"\n            :exam-rich-text-content=\"item.examRichTextContent\"\n            :examAnswerRelationType=\"item.examAnswerRelationType\"\n            @setRelation=\"setRelation\"\n            @move=\"(type: 'up' | 'down') => move(index, type)\"\n            @delete=\"deleteSubject(index)\"\n            @save=\"(item: any) => saveSubject(index, item)\"\n            @edit=\"item.isEdit = true\"\n            @add=\"(type: string, examAnswerRelationType: number) => addSubject(type, index, examAnswerRelationType)\"\n          />\n        </template>\n        <SubjectScale\n          v-bind=\"attrs\"\n          v-else-if=\"item.answerType === 'scale'\"\n          :order-index=\"currentIndex()(item.customId)\"\n          :title=\"item.title\"\n          :is-save=\"!item.isRealCanDel\"\n          :is-set=\"item.hasSet || false\"\n          :answer-list=\"item.answers\"\n          :analysis=\"item.analysis\"\n          :is-edit=\"item.isEdit || false\"\n          :scale-question-list=\"item.scaleQuestionList\"\n          :show-action=\"!isPreview\"\n          :exam-rich-text-content=\"item.examRichTextContent\"\n          :examAnswerRelationType=\"item.examAnswerRelationType\"\n          @move=\"(type: 'up' | 'down') => move(index, type)\"\n          @delete=\"deleteSubject(index)\"\n          @save=\"(item: any) => saveSubject(index, item)\"\n          @edit=\"item.isEdit = true\"\n          @add=\"(type: string) => addSubject(type, index, null)\"\n        />\n        <SubjectBlankFill\n          v-bind=\"attrs\"\n          v-else-if=\"item.answerType === 'blank_fill'\"\n          :order-index=\"currentIndex()(item.customId)\"\n          :title=\"item.title\"\n          :is-save=\"!item.isRealCanDel\"\n          :is-set=\"item.hasSet || false\"\n          :answer-list=\"item.answers\"\n          :analysis=\"item.analysis\"\n          :show-action=\"!isPreview\"\n          :is-edit=\"item.isEdit || false\"\n          :exam-answer-setting-v-o=\"item.examAnswerSettingVO || {}\"\n          :exam-rich-text-content=\"item.examRichTextContent\"\n          :examAnswerRelationType=\"item.examAnswerRelationType\"\n          @move=\"(type: 'up' | 'down') => move(index, type)\"\n          @delete=\"deleteSubject(index)\"\n          @save=\"(item: any) => saveSubject(index, item)\"\n          @edit=\"item.isEdit = true\"\n          @add=\"(type: string) => addSubject(type, index, null)\"\n        />\n        <SubjectTextFill\n          v-bind=\"attrs\"\n          v-else-if=\"item.answerType === 'text_fill'\"\n          :order-index=\"currentIndex()(item.customId)\"\n          :title=\"item.title\"\n          :is-save=\"!item.isRealCanDel\"\n          :is-set=\"item.hasSet || false\"\n          :answer-list=\"item.answers\"\n          :analysis=\"item.analysis\"\n          :show-action=\"!isPreview\"\n          :is-edit=\"item.isEdit || false\"\n          :exam-expand=\"item.examExpand\"\n          :exam-answer-setting-v-o=\"item.examAnswerSettingVO || {}\"\n          :examAnswerRelationType=\"item.examAnswerRelationType\"\n          :exam-rich-text-content=\"item.examRichTextContent\"\n          @move=\"(type: 'up' | 'down') => move(index, type)\"\n          @delete=\"deleteSubject(index)\"\n          @save=\"(item: any) => saveSubject(index, item)\"\n          @edit=\"item.isEdit = true\"\n          @add=\"(type: string) => addSubject(type, index, null)\"\n        />\n        <SubjectRichText\n          v-bind=\"attrs\"\n          :order-index=\"currentIndex()(item.customId)\"\n          v-else-if=\"item.answerType === 'rich_text'\"\n          :richTextContent=\"item.richTextContent\"\n          :is-set=\"item.hasSet || false\"\n          :is-save=\"!item.isRealCanDel\"\n          :is-edit=\"item.isEdit || false\"\n          :show-action=\"!isPreview\"\n          @move=\"(type: 'up' | 'down') => move(index, type)\"\n          @delete=\"deleteSubject(index)\"\n          :examAnswerRelationType=\"item.examAnswerRelationType\"\n          @save=\"(item: any) => saveSubject(index, item)\"\n          @edit=\"item.isEdit = true\"\n          @add=\"(type: string) => addSubject(type, index, null)\"\n        />\n        <SubjectPageEnd\n          v-else-if=\"item.answerType === 'page_end'\"\n          :total-page=\"totalPageIndex()\"\n          :key=\"index\"\n          :current-page-index=\"currentPageIndex(item.customId)\"\n          :item=\"item\"\n          :is-edit=\"item.isEdit || false\"\n          :is-set=\"item.hasSet || false\"\n          :is-save=\"!item.isRealCanDel\"\n          :examAnswerRelationType=\"item.examAnswerRelationType\"\n          @move=\"(type: 'up' | 'down') => move(index, type)\"\n          @delete=\"deleteSubject(index)\"\n          @save=\"(item: any) => saveSubject(index, item)\"\n          @edit=\"item.isEdit = true\"\n          @add=\"(type: string) => addSubject(type, index, null)\"\n        />\n      </div>\n    </div>\n  </div>\n</template>"],"names":["props","__props","currentList","ref","emits","__emit","attrs","useAttrs","__expose","addSubject","uploadExcel","list","value","concat","addExam","items","console","log","currentIndex","newList","forEach","v","newItem","customId","setGuid","answerType","richTextContent","examTypeEnum","answers","map","c","title","answer","answerId","examAnswerId","isCorrect","isSave","isEdit","isRealCanDel","hasSet","pageIndex","push","analysis","scaleQuestionList","examAnswerRelationType","setAnswerRelation","answerRelations","customAnswerId","targetItem","find","targetAnswer","currentPageIndex","computed","currentPageList","filter","currentId","findIndex","currentExamId","current","output","type","index","newSubject","splice","move","item","length","saveSubject","deleteSubject","ElMessage","success","setRelation","examAnswers","watch","subjectList","immediate","ns","useNamespace"],"mappings":"ihCAcA,MAAMA,EAAQC,EAIRC,EAAcC,EAAI,IAClBC,EAAQC,EAERC,EAAQC,IAEDC,EAAA,CACXC,aACAP,cACAQ,YAsGF,SAAqBC,GACnBT,EAAYU,MAAQV,EAAYU,MAAMC,OAAOF,EAAI,EAtGjDG,QAsDF,SAAiBC,GACPC,QAAAC,IAAIF,EAAO,SAEnB,IAAIG,EAAe,EACnB,MAAMC,EAAiB,GAEjBJ,EAAAK,SAASC,IAEb,MAAMC,EAAU,IACXD,EACHE,SAAUC,IACVC,WAAYJ,EAAEK,gBAAkB,YAAcL,EAAEM,aAChDC,QAASP,EAAEO,SAASC,KAAKC,IAAY,IAChCA,EACHC,MAAOD,EAAEE,OACTC,SAAUH,EAAEI,aACZC,UAAWL,EAAEK,eACR,GACPC,QAAQ,EACRC,QAAQ,EACRC,cAAc,EACdC,QAAQ,GAINjB,EAAQkB,UAAYtB,IACtBC,EAAQsB,KAAK,CACXlB,SAAUC,IACVC,WAAY,WACZiB,SAAU,GACVC,kBAAmB,GACnBP,QAAQ,EACRC,QAAQ,EACRC,cAAc,EACdC,QAAQ,EACRK,uBAAwB,IAE1B1B,EAAeI,EAAQkB,WAIzBrB,EAAQsB,KAAKnB,EAAO,IAItBpB,EAAYU,MAAQV,EAAYU,MAAMC,OAAOM,EAAO,EAlGpD0B,kBAoIO,SAAkBC,EAAsBvB,EAAkBwB,GAC3D,MAAAC,EAAa9C,EAAYU,MAAMqC,MAAM5B,GAAWA,EAAEE,WAAaA,IACrE,GAAIyB,EAAY,CACR,MAAAE,EAAeF,EAAWpB,SAASqB,MAAMnB,GAAWA,EAAEiB,iBAAmBA,IAC3EG,IACFA,EAAaJ,gBAAkBA,EACjC,CACF,IApII,MAAAK,EAAmBC,GAAS,KAC1B,MAAAC,EAAkBnD,EAAYU,MAAM0C,QAAQjC,GAA4B,aAAjBA,EAAEI,aAC/D,OAAQ8B,IACN,MAAMrC,EAAemC,EAAgBG,WAAW1B,GAAWA,EAAEP,WAAagC,IACnErC,OAAiB,IAAjBA,EAAsBA,EAAe,EAAI,CAAA,CAClD,IAGF,SAASA,IACP,OAAQuC,IACN,IAAIC,EAAU,EACVC,EAAS,EAYb,OATYzD,EAAAU,MAAMQ,SAASC,IACJ,aAAjBA,EAAEI,aACJiC,IACID,IAAkBpC,EAAEE,WACboC,EAAAD,GACX,IAIGC,EAAO,CAAA,CAChB,CAGF,SAASlD,EAAWmD,EAAcC,EAAuB,KAAMjB,EAAwC,MACrG,MAAMkB,EAAa,CACjBvC,SAAUC,IACVC,WAAYmC,EACZlB,SAAU,GACVC,kBAAmB,GACnBP,QAAQ,EACRC,QAAQ,EACRC,cAAc,EACdC,QAAQ,EACRK,0BAGY,OAAViB,EACF3D,EAAYU,MAAMmD,OAAOF,EAAQ,EAAG,EAAGC,GAE3B5D,EAAAU,MAAM6B,KAAKqB,EACzB,CAqDO,SAAAE,EAAKH,EAAeD,GACvB,GAAS,OAATA,GAAiBC,EAAQ,EAAG,CAC9B,MAAOI,GAAQ/D,EAAYU,MAAMmD,OAAOF,EAAO,GAC/C3D,EAAYU,MAAMmD,OAAOF,EAAQ,EAAG,EAAGI,EAAI,SACzB,SAATL,GAAmBC,EAAQ3D,EAAYU,MAAMsD,OAAS,EAAG,CAClE,MAAOD,GAAQ/D,EAAYU,MAAMmD,OAAOF,EAAO,GAC/C3D,EAAYU,MAAMmD,OAAOF,EAAQ,EAAG,EAAGI,EAAI,CAC7C,CAGO,SAAAE,EAAYN,EAAeI,GACtB/D,EAAAU,MAAMiD,GAAS,IACtB3D,EAAYU,MAAMiD,MAClBI,EACH5B,QAAQ,EACRO,uBAAwBqB,EAAKrB,uBAC/B,CAGF,SAASwB,EAAcP,GACT3D,EAAAU,MAAMmD,OAAOF,EAAO,GAChCQ,EAAUC,QAAQ,OAAM,CAGjB,SAAAC,EAAYhD,EAAkBiD,GAC/BpE,EAAA,cAAemB,EAAUiD,EAAW,CAa5CC,GAAM,IAAMzE,EAAM0E,cAAcvD,IAC1BA,IACUjB,EAAAU,MAAQ,IAAIO,GAAO,GAEhC,CAAEwD,WAAW,IAEV,MAAAC,EAAKC,EAAa,ixHAhJf3E,EAAYU,MAAM0C,QAAQjC,GAA4B,aAAjBA,EAAEI,aAA2ByC"}

package/es/src/tiny-mce-editor/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/src/tiny-mce-editor/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/tiny-mce-editor.vue'\n\nconst QxsTinyMceEditor = withInstall(component)\n  \nexport {\n  QxsTinyMceEditor\n}\n  \nexport default QxsTinyMceEditor"],"names":["QxsTinyMceEditor","withInstall","component"],"mappings":"8FAGA,MAAMA,EAAmBC,EAAYC"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/src/tiny-mce-editor/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/tiny-mce-editor.vue'\n\nconst QxsTinyMceEditor = withInstall(component)\n\nexport {\n  QxsTinyMceEditor,\n}\n\nexport default QxsTinyMceEditor\n"],"names":["QxsTinyMceEditor","withInstall","component"],"mappings":"8FAGA,MAAMA,EAAmBC,EAAYC"}

package/es/src/tiny-mce-editor/src/tiny-mce-editor.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,computed as i,ref as t,onMounted as n,createElementBlock as o,openBlock as a,normalizeClass as r,unref as l,createCommentVNode as s,withDirectives as m,createElementVNode as u,isRef as p,vModelText as c}from"vue";import{useNamespace as d}from"@qxs-bns/hooks";import{merge as g}from"lodash-es";import y from"tinymce/tinymce";import"tinymce/themes/silver/theme";import"tinymce/icons/default/icons";import"tinymce/models/dom";import"tinymce/plugins/autolink";import"tinymce/plugins/autoresize";import"tinymce/plugins/fullscreen";import"tinymce/plugins/image";import"tinymce/plugins/insertdatetime";import"tinymce/plugins/link";import"tinymce/plugins/lists";import"tinymce/plugins/media";import"tinymce/plugins/preview";import"tinymce/plugins/table";import"tinymce/plugins/wordcount";import"tinymce/plugins/code";import"tinymce/plugins/searchreplace";import"tinymce/plugins/nonbreaking";const f=["id","name"];var h=e({name:"QxsTinyMceEditor",__name:"tiny-mce-editor",props:{modelValue:{type:String,required:!0,default:""},config:{type:Object,required:!1,default:()=>({})},assetsBasePath:{type:String,required:!1,default:""}},emits:["update:modelValue"],setup(e,{emit:h}){const b=h,k=d("file-upload"),_=i({get:()=>e.modelValue,set(e){b("update:modelValue",e)}}),v=t(`tiny-mce-textarea-${Date.now()}-${Math.random().toString(36).substr(2,9)}`),x=e.assetsBasePath||"node_modules/",w={selector:`textarea#${v.value}`,promotion:!1,license_key:"gpl",elementpath:!1,language:"zh-Hans",language_url:`${x}tinymce/langs/zh-Hans.js`,skin_url:`${x}tinymce/skins/ui/oxide`,content_css:`${x}tinymce/skins/content/default/content.min.css`,min_height:250,max_height:600,plugins:"autolink autoresize fullscreen image insertdatetime link lists media preview table wordcount code searchreplace nonbreaking",toolbar:"undo redo | bold italic underline strikethrough | blocks | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | forecolor backcolor removeformat | link image media table insertdatetime searchreplace | preview code",branding:!1,autoresize:!0,menubar:!1,nonbreaking_force_tab:!0,toolbar_mode:"sliding",insertdatetime_formats:["%Y年%m月%d日","%H点%M分%S秒","%Y-%m-%d","%H:%M:%S"],setup:i=>{i.on("input change undo redo",(()=>{_.value=i.getContent()})),i.on("init",(()=>{i.setContent(_.value)})),e.config?.expandSetup?.(i)}},S=i((()=>{const i=w;return e.config.images_upload_handler||("string"==typeof i.plugins?i.plugins=i.plugins.replace("image",""):Array.isArray(i.plugins)&&(i.plugins=i.plugins.filter((e=>"image"!==e)))),g(i,e.config)}));return n((async()=>{"undefined"!=typeof window&&y.init(S.value)})),(e,i)=>(a(),o("div",{class:r(l(k).e("tiny-mce"))},[s(" 使用动态生成的 id "),m(u("textarea",{id:l(v),"onUpdate:modelValue":i[0]||(i[0]=e=>p(_)?_.value=e:null),name:l(v)},null,8,f),[[c,l(_)]])],2))}});export{h as default};
+import{defineComponent as e,shallowRef as t,ref as i,computed as n,watch as o,onMounted as a,onBeforeUnmount as l,createElementBlock as r,openBlock as s,normalizeClass as m,unref as u,createCommentVNode as p,withDirectives as c,createElementVNode as d,isRef as g,vModelText as y}from"vue";import{useNamespace as f}from"@qxs-bns/hooks";import{merge as h}from"lodash-es";import v from"tinymce/tinymce";import"tinymce/themes/silver/theme";import"tinymce/icons/default/icons";import"tinymce/models/dom";import"tinymce/plugins/autolink";import"tinymce/plugins/autoresize";import"tinymce/plugins/fullscreen";import"tinymce/plugins/image";import"tinymce/plugins/insertdatetime";import"tinymce/plugins/link";import"tinymce/plugins/lists";import"tinymce/plugins/media";import"tinymce/plugins/preview";import"tinymce/plugins/table";import"tinymce/plugins/wordcount";import"tinymce/plugins/code";import"tinymce/plugins/searchreplace";import"tinymce/plugins/nonbreaking";const b=["id","name"];var k=e({name:"QxsTinyMceEditor",__name:"tiny-mce-editor",props:{modelValue:{type:String,required:!0,default:""},config:{type:Object,required:!1,default:()=>({})},assetsBasePath:{type:String,required:!1,default:""}},emits:["update:modelValue"],setup(e,{emit:k}){const _=k,x=f("tiny-mce-editor"),w=e.assetsBasePath||"node_modules/",S=t(null),V=i(`tiny-mce-textarea-${Date.now()}-${Math.random().toString(36).substr(2,9)}`),$=n({get:()=>e.modelValue,set(e){_("update:modelValue",e)}}),z={selector:`textarea#${V.value}`,promotion:!1,license_key:"gpl",elementpath:!1,language:"zh-Hans",language_url:`${w}tinymce/langs/zh-Hans.js`,skin_url:`${w}tinymce/skins/ui/oxide`,content_css:`${w}tinymce/skins/content/default/content.min.css`,min_height:300,max_height:700,plugins:"autolink autoresize fullscreen image insertdatetime link lists media preview table wordcount code searchreplace nonbreaking",toolbar:"undo redo | bold italic underline strikethrough | blocks | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | forecolor backcolor removeformat | link image media table insertdatetime searchreplace | preview code",branding:!1,autoresize:!0,menubar:!1,nonbreaking_force_tab:!0,toolbar_mode:"sliding",insertdatetime_formats:["%Y年%m月%d日","%H点%M分%S秒","%Y-%m-%d","%H:%M:%S"],setup:t=>{S.value=t,t.on("input change undo redo",(()=>{$.value=t.getContent()})),t.on("init",(()=>{t.setContent($.value)})),e.config?.expandSetup?.(t)}},q=n((()=>{const t=z;return e.config.images_upload_handler||("string"==typeof t.plugins?t.plugins=t.plugins.replace("image",""):Array.isArray(t.plugins)&&(t.plugins=t.plugins.filter((e=>"image"!==e)))),h(t,e.config)}));return o((()=>e.modelValue),(e=>{S.value&&e!==S.value.getContent()&&S.value.setContent(e)}),{immediate:!0}),a((async()=>{"undefined"!=typeof window&&v.init(q.value)})),l((()=>{S.value&&(S.value.destroy(),S.value=null)})),(e,t)=>(s(),r("div",{class:m(u(x).e("tiny-mce"))},[p(" 使用动态生成的 id "),c(d("textarea",{id:u(V),"onUpdate:modelValue":t[0]||(t[0]=e=>g($)?$.value=e:null),name:u(V)},null,8,b),[[y,u($)]])],2))}});export{k as default};
 //# sourceMappingURL=tiny-mce-editor.vue.mjs.map

package/es/src/tiny-mce-editor/src/tiny-mce-editor.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tiny-mce-editor.vue.mjs","sources":["../../../../../../packages/components/src/tiny-mce-editor/src/tiny-mce-editor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor, RawEditorOptions } from \"tinymce/tinymce\";\nimport { useNamespace } from \"@qxs-bns/hooks\";\nimport { merge } from \"lodash-es\";\nimport tinymce from \"tinymce/tinymce\";\n\n// 导入核心功能\nimport \"tinymce/themes/silver/theme\";\nimport \"tinymce/icons/default/icons\";\nimport \"tinymce/models/dom\";\n\nimport \"tinymce/plugins/autolink\";\nimport \"tinymce/plugins/autoresize\";\nimport \"tinymce/plugins/fullscreen\";\nimport \"tinymce/plugins/image\";\nimport \"tinymce/plugins/insertdatetime\";\nimport \"tinymce/plugins/link\";\nimport \"tinymce/plugins/lists\";\nimport \"tinymce/plugins/media\";\nimport \"tinymce/plugins/preview\";\nimport \"tinymce/plugins/table\";\nimport \"tinymce/plugins/wordcount\";\nimport \"tinymce/plugins/code\";\nimport \"tinymce/plugins/searchreplace\";\nimport \"tinymce/plugins/nonbreaking\";\n// 导入语言包\n\ndefineOptions({\n  name: \"QxsTinyMceEditor\",\n});\n\nconst {\n  modelValue = \"\",\n  config = {},\n  assetsBasePath = \"\",\n} = defineProps<{\n  modelValue: string;\n  config?: RawEditorOptions & {\n    expandSetup?: RawEditorOptions[\"setup\"];\n  };\n  assetsBasePath?: string;\n}>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst ns = useNamespace(\"file-upload\");\n\nconst colorScheme = \"light\";\n\nconst content = computed({\n  get() {\n    return modelValue;\n  },\n  set(val) {\n    emit(\"update:modelValue\", val);\n  },\n});\n\n// 生成唯一的 id\nconst uniqueId = ref(\n  `tiny-mce-textarea-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n);\n\nconst basePath = assetsBasePath || \"node_modules/\";\nconst defaultSetting: RawEditorOptions = {\n  // 使用动态生成的 id\n  selector: `textarea#${uniqueId.value}`,\n  promotion: false, // 禁用推广信息\n  license_key: \"gpl\",\n  elementpath: false,\n  language: \"zh-Hans\",\n\n  language_url: `${basePath}tinymce/langs/zh-Hans.js`,\n  skin_url: `${basePath}${\n    colorScheme === \"light\" ? \"tinymce/skins/ui/oxide\" : \"tinymce/skins/ui/oxide-dark\"\n  }`,\n  content_css: `${basePath}${\n    colorScheme === \"light\"\n      ? \"tinymce/skins/content/default/content.min.css\"\n      : \"tinymce/skins/content/dark/content.min.css\"\n  }`,\n  min_height: 250,\n  max_height: 600,\n  plugins:\n    \"autolink autoresize fullscreen image insertdatetime link lists media preview table wordcount code searchreplace nonbreaking\",\n  toolbar:\n    \"undo redo | bold italic underline strikethrough | blocks | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | forecolor backcolor removeformat | link image media table insertdatetime searchreplace | preview code\",\n  branding: false,\n  autoresize: true,\n  menubar: false,\n  nonbreaking_force_tab: true,\n  toolbar_mode: \"sliding\",\n  insertdatetime_formats: [\n    \"%Y年%m月%d日\",\n    \"%H点%M分%S秒\",\n    \"%Y-%m-%d\",\n    \"%H:%M:%S\",\n  ],\n  // https://www.tiny.cloud/docs/tinymce/6/file-image-upload/#images_upload_handler\n  // images_upload_handler: async (blobInfo: any, progress: any) => {\n  //   // blobInfo, succFun, failFun, progress\n  //   const files = blobInfo.blob()\n  //   const formData = new FormData()\n  //   formData.append('image', files)\n\n  //   const { res, error } = await useApi({\n  //   // ...commonUrls.uploadImage,\n  //     params: {\n  //       bucketType: classify,\n  //     },\n  //     data: formData,\n  //     onUploadProgress: (e: any) => {\n  //       progress((e.loaded / e.total) * 100)\n  //     },\n  //   })\n  //   if (res) {\n  //     const { normal } = res\n  //     console.log('normal: ', res)\n  //     return normal\n  //   }\n  //   if (error) {\n  //     console.log(error.message)\n  //     return Promise.reject(error.message)\n  //   }\n  // },\n  setup: (editor: Editor) => {\n    // 监听编辑器内容变化\n    editor.on(\"input change undo redo\", () => {\n      content.value = editor.getContent();\n    });\n\n    // 编辑器初始化完成后设置内容\n    editor.on(\"init\", () => {\n      editor.setContent(content.value);\n    });\n\n    config?.expandSetup?.(editor);\n  },\n};\n\nconst initSetting = computed(() => {\n  const dealDefaultSetting = defaultSetting;\n  if (!config.images_upload_handler) {\n    // 删除 image 图片 plugin\n    if (typeof dealDefaultSetting.plugins === \"string\") {\n      dealDefaultSetting.plugins = dealDefaultSetting.plugins.replace(\n        \"image\",\n        \"\"\n      );\n    } else if (Array.isArray(dealDefaultSetting.plugins)) {\n      dealDefaultSetting.plugins = dealDefaultSetting.plugins.filter(\n        (plugin) => plugin !== \"image\"\n      );\n    }\n  }\n  return merge(dealDefaultSetting, config);\n});\n\nonMounted(async () => {\n  if (typeof window !== \"undefined\") {\n    tinymce.init(initSetting.value);\n  }\n});\n</script>\n\n<template>\n  <div :class=\"ns.e('tiny-mce')\">\n    <!-- 使用动态生成的 id -->\n    <textarea :id=\"uniqueId\" v-model=\"content\" :name=\"uniqueId\" />\n  </div>\n</template>\n"],"names":["emit","__emit","ns","useNamespace","content","computed","get","__props","modelValue","set","val","uniqueId","ref","Date","now","Math","random","toString","substr","basePath","assetsBasePath","defaultSetting","selector","value","promotion","license_key","elementpath","language","language_url","skin_url","content_css","min_height","max_height","plugins","toolbar","branding","autoresize","menubar","nonbreaking_force_tab","toolbar_mode","insertdatetime_formats","setup","editor","on","getContent","setContent","config","expandSetup","initSetting","dealDefaultSetting","images_upload_handler","replace","Array","isArray","filter","plugin","merge","onMounted","async","window","tinymce","init"],"mappings":"2qCA2CA,MAAMA,EAAOC,EAEPC,EAAKC,EAAa,eAIlBC,EAAUC,EAAS,CACvBC,IAAM,IACGC,EAAUC,WAEnB,GAAAC,CAAIC,GACFV,EAAK,oBAAqBU,EAAG,IAK3BC,EAAWC,EACf,qBAAqBC,KAAKC,SAASC,KAAKC,SAASC,SAAS,IAAIC,OAAO,EAAG,MAGpEC,EAAWZ,EAAAa,gBAAkB,gBAC7BC,EAAmC,CAEvCC,SAAU,YAAYX,EAASY,QAC/BC,WAAW,EACXC,YAAa,MACbC,aAAa,EACbC,SAAU,UAEVC,aAAc,GAAGT,4BACjBU,SAAU,GAAGV,0BAGbW,YAAa,GAAGX,iDAKhBY,WAAY,IACZC,WAAY,IACZC,QACE,8HACFC,QACE,oPACFC,UAAU,EACVC,YAAY,EACZC,SAAS,EACTC,uBAAuB,EACvBC,aAAc,UACdC,uBAAwB,CACtB,YACA,YACA,WACA,YA6BFC,MAAQC,IAECA,EAAAC,GAAG,0BAA0B,KAC1BvC,EAAAmB,MAAQmB,EAAOE,YAAW,IAI7BF,EAAAC,GAAG,QAAQ,KACTD,EAAAG,WAAWzC,EAAQmB,MAAK,IAG3BhB,EAAAuC,QAAEC,cAAcL,EAAM,GAI1BM,EAAc3C,GAAS,KAC3B,MAAM4C,EAAqB5B,EAcpB,OAbFd,EAAMuC,OAACI,wBAEgC,iBAA/BD,EAAmBhB,QACTgB,EAAAhB,QAAUgB,EAAmBhB,QAAQkB,QACtD,QACA,IAEOC,MAAMC,QAAQJ,EAAmBhB,WACvBgB,EAAAhB,QAAUgB,EAAmBhB,QAAQqB,QACrDC,GAAsB,UAAXA,MAIXC,EAAMP,EAAoB1C,SAAM,WAGzCkD,GAAUC,UACc,oBAAXC,QACDC,EAAAC,KAAKb,EAAYzB,MAAK"}
+{"version":3,"file":"tiny-mce-editor.vue.mjs","sources":["../../../../../../packages/components/src/tiny-mce-editor/src/tiny-mce-editor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor, RawEditorOptions } from 'tinymce/tinymce'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { merge } from 'lodash-es'\nimport tinymce from 'tinymce/tinymce'\n\n// 导入核心功能\nimport 'tinymce/themes/silver/theme'\nimport 'tinymce/icons/default/icons'\nimport 'tinymce/models/dom'\n\nimport 'tinymce/plugins/autolink'\nimport 'tinymce/plugins/autoresize'\nimport 'tinymce/plugins/fullscreen'\nimport 'tinymce/plugins/image'\nimport 'tinymce/plugins/insertdatetime'\nimport 'tinymce/plugins/link'\nimport 'tinymce/plugins/lists'\nimport 'tinymce/plugins/media'\nimport 'tinymce/plugins/preview'\nimport 'tinymce/plugins/table'\nimport 'tinymce/plugins/wordcount'\nimport 'tinymce/plugins/code'\nimport 'tinymce/plugins/searchreplace'\nimport 'tinymce/plugins/nonbreaking'\n// 导入语言包\n\ndefineOptions({\n  name: 'QxsTinyMceEditor',\n})\n\nconst {\n  modelValue = '',\n  config = {},\n  assetsBasePath = '',\n} = defineProps<{\n  modelValue: string\n  config?: RawEditorOptions & {\n    expandSetup?: RawEditorOptions['setup']\n  }\n  assetsBasePath?: string\n}>()\n\nconst emit = defineEmits(['update:modelValue'])\n\nconst ns = useNamespace('tiny-mce-editor')\n\nconst colorScheme = 'light'\nconst basePath = assetsBasePath || 'node_modules/'\n// 存储编辑器实例的引用\nconst editorInstance = shallowRef<Editor | null>(null)\n// 生成唯一的 id\nconst uniqueId = ref(\n  `tiny-mce-textarea-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,\n)\n\nconst content = computed({\n  get() {\n    return modelValue\n  },\n  set(val) {\n    emit('update:modelValue', val)\n  },\n})\n\nconst defaultSetting: RawEditorOptions = {\n  // 使用动态生成的 id\n  selector: `textarea#${uniqueId.value}`,\n  promotion: false, // 禁用推广信息\n  license_key: 'gpl',\n  elementpath: false,\n  language: 'zh-Hans',\n  language_url: `${basePath}tinymce/langs/zh-Hans.js`,\n  skin_url: `${basePath}${\n    colorScheme === 'light' ? 'tinymce/skins/ui/oxide' : 'tinymce/skins/ui/oxide-dark'\n  }`,\n  content_css: `${basePath}${\n    colorScheme === 'light'\n      ? 'tinymce/skins/content/default/content.min.css'\n      : 'tinymce/skins/content/dark/content.min.css'\n  }`,\n  min_height: 300,\n  max_height: 700,\n  plugins:\n    'autolink autoresize fullscreen image insertdatetime link lists media preview table wordcount code searchreplace nonbreaking',\n  toolbar:\n    'undo redo | bold italic underline strikethrough | blocks | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | forecolor backcolor removeformat | link image media table insertdatetime searchreplace | preview code',\n  branding: false,\n  autoresize: true,\n  menubar: false,\n  nonbreaking_force_tab: true,\n  toolbar_mode: 'sliding',\n  insertdatetime_formats: [\n    '%Y年%m月%d日',\n    '%H点%M分%S秒',\n    '%Y-%m-%d',\n    '%H:%M:%S',\n  ],\n  // https://www.tiny.cloud/docs/tinymce/6/file-image-upload/#images_upload_handler\n  // images_upload_handler: async (blobInfo: any, progress: any) => {\n  //   // blobInfo, succFun, failFun, progress\n  //   const files = blobInfo.blob()\n  //   const formData = new FormData()\n  //   formData.append('image', files)\n\n  //   const { res, error } = await useApi({\n  //   // ...commonUrls.uploadImage,\n  //     params: {\n  //       bucketType: classify,\n  //     },\n  //     data: formData,\n  //     onUploadProgress: (e: any) => {\n  //       progress((e.loaded / e.total) * 100)\n  //     },\n  //   })\n  //   if (res) {\n  //     const { normal } = res\n  //     console.log('normal: ', res)\n  //     return normal\n  //   }\n  //   if (error) {\n  //     console.log(error.message)\n  //     return Promise.reject(error.message)\n  //   }\n  // },\n  setup: (editor: Editor) => {\n    // 保存编辑器实例\n    editorInstance.value = editor\n\n    // 监听编辑器内容变化\n    editor.on('input change undo redo', () => {\n      content.value = editor.getContent()\n    })\n\n    // 编辑器初始化完成后设置内容\n    editor.on('init', () => {\n      editor.setContent(content.value)\n    })\n\n    config?.expandSetup?.(editor)\n  },\n}\n\nconst initSetting = computed(() => {\n  const dealDefaultSetting = defaultSetting\n  if (!config.images_upload_handler) {\n    // 删除 image 图片 plugin\n    if (typeof dealDefaultSetting.plugins === 'string') {\n      dealDefaultSetting.plugins = dealDefaultSetting.plugins.replace(\n        'image',\n        '',\n      )\n    }\n    else if (Array.isArray(dealDefaultSetting.plugins)) {\n      dealDefaultSetting.plugins = dealDefaultSetting.plugins.filter(\n        plugin => plugin !== 'image',\n      )\n    }\n  }\n  return merge(dealDefaultSetting, config)\n})\n\n// 监听 modelValue 的变化\nwatch(() => modelValue, (newVal) => {\n  // 确保编辑器已初始化且内容确实发生变化\n  if (editorInstance.value && newVal !== editorInstance.value.getContent()) {\n    editorInstance.value.setContent(newVal)\n  }\n}, { immediate: true })\n\nonMounted(async () => {\n  if (typeof window !== 'undefined') {\n    tinymce.init(initSetting.value)\n  }\n})\n\n// 组件卸载时清理\nonBeforeUnmount(() => {\n  if (editorInstance.value) {\n    editorInstance.value.destroy()\n    editorInstance.value = null\n  }\n})\n</script>\n\n<template>\n  <div :class=\"ns.e('tiny-mce')\">\n    <!-- 使用动态生成的 id -->\n    <textarea\n      :id=\"uniqueId\"\n      v-model=\"content\"\n      :name=\"uniqueId\"\n    />\n  </div>\n</template>\n"],"names":["emit","__emit","ns","useNamespace","basePath","__props","assetsBasePath","editorInstance","shallowRef","uniqueId","ref","Date","now","Math","random","toString","substr","content","computed","get","modelValue","set","val","defaultSetting","selector","value","promotion","license_key","elementpath","language","language_url","skin_url","content_css","min_height","max_height","plugins","toolbar","branding","autoresize","menubar","nonbreaking_force_tab","toolbar_mode","insertdatetime_formats","setup","editor","on","getContent","setContent","config","expandSetup","initSetting","dealDefaultSetting","images_upload_handler","replace","Array","isArray","filter","plugin","merge","watch","newVal","immediate","onMounted","async","window","tinymce","init","onBeforeUnmount","destroy"],"mappings":"2tCA2CA,MAAMA,EAAOC,EAEPC,EAAKC,EAAa,mBAGlBC,EAAWC,EAAAC,gBAAkB,gBAE7BC,EAAiBC,EAA0B,MAE3CC,EAAWC,EACf,qBAAqBC,KAAKC,SAASC,KAAKC,SAASC,SAAS,IAAIC,OAAO,EAAG,MAGpEC,EAAUC,EAAS,CACvBC,IAAM,IACGd,EAAAe,WAET,GAAAC,CAAIC,GACFtB,EAAK,oBAAqBsB,EAAG,IAI3BC,EAAmC,CAEvCC,SAAU,YAAYf,EAASgB,QAC/BC,WAAW,EACXC,YAAa,MACbC,aAAa,EACbC,SAAU,UACVC,aAAc,GAAG1B,4BACjB2B,SAAU,GAAG3B,0BAGb4B,YAAa,GAAG5B,iDAKhB6B,WAAY,IACZC,WAAY,IACZC,QACE,8HACFC,QACE,oPACFC,UAAU,EACVC,YAAY,EACZC,SAAS,EACTC,uBAAuB,EACvBC,aAAc,UACdC,uBAAwB,CACtB,YACA,YACA,WACA,YA6BFC,MAAQC,IAENrC,EAAekB,MAAQmB,EAGhBA,EAAAC,GAAG,0BAA0B,KAC1B5B,EAAAQ,MAAQmB,EAAOE,YAAW,IAI7BF,EAAAC,GAAG,QAAQ,KACTD,EAAAG,WAAW9B,EAAQQ,MAAK,IAG3BpB,EAAA2C,QAAEC,cAAcL,EAAM,GAI1BM,EAAchC,GAAS,KAC3B,MAAMiC,EAAqB5B,EAepB,OAdFlB,EAAM2C,OAACI,wBAEgC,iBAA/BD,EAAmBhB,QACTgB,EAAAhB,QAAUgB,EAAmBhB,QAAQkB,QACtD,QACA,IAGKC,MAAMC,QAAQJ,EAAmBhB,WACrBgB,EAAAhB,QAAUgB,EAAmBhB,QAAQqB,WACjC,UAAXC,MAITC,EAAMP,EAAoB9C,EAAM2C,OAAA,WAIzCW,GAAM,IAAMtD,EAAAe,aAAawC,IAEnBrD,EAAekB,OAASmC,IAAWrD,EAAekB,MAAMqB,cAC3CvC,EAAAkB,MAAMsB,WAAWa,EAAM,GAEvC,CAAEC,WAAW,IAEhBC,GAAUC,UACc,oBAAXC,QACDC,EAAAC,KAAKhB,EAAYzB,MAAK,IAKlC0C,GAAgB,KACV5D,EAAekB,QACjBlB,EAAekB,MAAM2C,UACrB7D,EAAekB,MAAQ,KAAA"}

package/lib/index.css

@@ -0,0 +1,83 @@
+/* unplugin-vue-components disabled */
+.line-vue-vue-type-style-index-0-scoped-397864aa-lang_data-chart-line__IKZEs[data-v-397864aa] {
+  width: 100%;
+  height: 100%;
+}
+/* unplugin-vue-components disabled */
+.area-vue-vue-type-style-index-0-scoped-51660d7b-lang_data-chart-area-wrap__nAnr8[data-v-51660d7b] {
+  position: relative;
+}
+.area-vue-vue-type-style-index-0-scoped-51660d7b-lang_data-chart-area-wrap__nAnr8 .area-vue-vue-type-style-index-0-scoped-51660d7b-lang_city-select__IkwG-[data-v-51660d7b] {
+  position: absolute;
+  top: 10px;
+  right: 100px;
+  z-index: 1;
+  width: 120px;
+}
+.area-vue-vue-type-style-index-0-scoped-51660d7b-lang_data-chart-area-wrap__nAnr8 .area-vue-vue-type-style-index-0-scoped-51660d7b-lang_data-chart-area__tbCEP[data-v-51660d7b] {
+  height: 100%;
+}
+/* unplugin-vue-components disabled */
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh[data-v-1c14c088] {
+  display: flex;
+  flex-direction: column;
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_title__dVPGY[data-v-1c14c088] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 5px;
+  margin-top: 2px;
+  margin-bottom: 7px;
+  font-family: sans-serif;
+  font-size: 14px;
+  font-weight: bolder;
+  color: #464646;
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card-grid-layout__RzZja[data-v-1c14c088] {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 10px;
+  width: calc(100% - 3px);
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card-wrap__kvIfO[data-v-1c14c088] {
+  height: 100% !important;
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card-wrap__kvIfO .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_card-item__oV7pK[data-v-1c14c088] {
+  width: 100% !important;
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_card-item__oV7pK[data-v-1c14c088] {
+  position: relative;
+  background-image: url("./data-chart-card-bg-left.svg"), url("./data-chart-card-bg-right.svg");
+  background-repeat: no-repeat;
+  background-position: left top, right top;
+  background-size: contain, contain;
+  border: 2px solid #2196f3;
+  border-radius: 6px;
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_card-item__oV7pK .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_suffix-icon__f7x6q[data-v-1c14c088] {
+  position: absolute;
+  right: 1px;
+  bottom: calc(25% - 14px);
+  width: 20px;
+  font-size: 20px;
+  font-weight: bold;
+  color: #fff;
+  text-align: center;
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_card-item__oV7pK .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_card-title__eF2-d[data-v-1c14c088] {
+  padding-left: 15px;
+  margin-top: 10px;
+  margin-bottom: 5px;
+  overflow: hidden;
+  font-size: 16px;
+  font-weight: bold;
+  color: #2196f3;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_card-item__oV7pK .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_context__ro9I-[data-v-1c14c088] {
+  padding: 0 30px 10px 20px;
+  font-size: 14px;
+  color: #464646;
+}

package/lib/package.json.cjs

@@ -1,2 +1,2 @@
-"use strict";exports.version="0.0.46";
+"use strict";exports.version="0.0.48";
 //# sourceMappingURL=package.json.cjs.map

package/lib/src/data-chart/src/components/area.vue.cjs

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

package/lib/src/data-chart/src/components/card.vue.cjs

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

package/lib/src/data-chart/src/components/card.vue2.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("element-plus/es"),t=require("vue"),a=require("./empty.vue.cjs");const c={class:"data-chart-card"},l={key:0,class:"title"},r=["title"],o={class:"context"},n={class:"suffix-icon"},s={key:2,class:"data-chart-card-wrap"},i=["title"],d={class:"context"};var m=t.defineComponent({name:"DataChartCard",__name:"card",props:{chartData:{type:Object,default:()=>({colDesc:[],xGroupByDesc:[],data:[],modelName:""})}},setup(m){const p=m;function D(e){const t=p.chartData.xGroupByDesc?.colDesc||"";return t?t+e[t]:""}return(p,k)=>{const u=e.ElScrollbar;return t.openBlock(),t.createElementBlock("div",c,[m.chartData.groupByDesc.length?(t.openBlock(),t.createElementBlock("p",l,t.toDisplayString(m.chartData.modelName),1)):t.createCommentVNode("v-if",!0),m.chartData.groupByDesc.length?t.withDirectives((t.openBlock(),t.createBlock(u,{key:1},{default:t.withCtx((()=>[t.createElementVNode("div",{class:t.normalizeClass({"data-chart-card-grid-layout":m.chartData.groupByDesc.length})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.chartData.data,((e,a)=>(t.openBlock(),t.createElementBlock("div",{key:a,class:"card-item"},[t.createElementVNode("div",{class:"card-title",title:D(e)},t.toDisplayString(D(e)),9,r),t.createElementVNode("div",o,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.chartData.colDesc,((a,c)=>(t.openBlock(),t.createElementBlock("span",{key:a},[t.createTextVNode(t.toDisplayString(`${a}: `||"-"),1),t.createElementVNode("strong",null,t.toDisplayString(e[a]||"-"),1),t.createTextVNode(" "+t.toDisplayString(c===m.chartData.colDesc.length-1?"":"，"),1)])))),128))]),t.createElementVNode("div",n,t.toDisplayString(a+1),1)])))),128))],2)])),_:1},512)),[[t.vShow,m.chartData.data.length]]):(t.openBlock(),t.createElementBlock("div",s,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.chartData.data,((e,a)=>(t.openBlock(),t.createElementBlock("div",{key:a,class:"card-item"},[t.createElementVNode("div",{class:"card-title",title:m.chartData.modelName},t.toDisplayString(m.chartData.modelName),9,i),t.createElementVNode("div",d,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.chartData.colDesc,((a,c)=>(t.openBlock(),t.createElementBlock("span",{key:a},[e?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(`${a}: `||"-"),1),t.createElementVNode("strong",null,t.toDisplayString(e[a]||"-"),1),t.createTextVNode(" "+t.toDisplayString(c===m.chartData.colDesc.length-1?"":"，"),1)],64)):t.createCommentVNode("v-if",!0)])))),128))])])))),128))])),t.withDirectives(t.createVNode(a.default,null,null,512),[[t.vShow,!m.chartData.data.length]])])}}});exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("element-plus/es");require("element-plus/es/components/base/style/index"),require("element-plus/es/components/scrollbar/style/index");var t=require("vue"),a=require("./empty.vue.cjs");const l={class:"data-chart-card"},c={key:0,class:"title"},r=["title"],o={class:"context"},n={class:"suffix-icon"},s={key:2,class:"data-chart-card-wrap"},i=["title"],d={class:"context"};var m=t.defineComponent({name:"DataChartCard",__name:"card",props:{chartData:{type:Object,default:()=>({colDesc:[],xGroupByDesc:[],data:[],modelName:""})}},setup(m){const p=m;function D(e){const t=p.chartData.xGroupByDesc?.colDesc||"";return t?t+e[t]:""}return(p,u)=>{const k=e.ElScrollbar;return t.openBlock(),t.createElementBlock("div",l,[m.chartData.groupByDesc.length?(t.openBlock(),t.createElementBlock("p",c,t.toDisplayString(m.chartData.modelName),1)):t.createCommentVNode("v-if",!0),m.chartData.groupByDesc.length?t.withDirectives((t.openBlock(),t.createBlock(k,{key:1},{default:t.withCtx((()=>[t.createElementVNode("div",{class:t.normalizeClass({"data-chart-card-grid-layout":m.chartData.groupByDesc.length})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.chartData.data,((e,a)=>(t.openBlock(),t.createElementBlock("div",{key:a,class:"card-item"},[t.createElementVNode("div",{class:"card-title",title:D(e)},t.toDisplayString(D(e)),9,r),t.createElementVNode("div",o,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.chartData.colDesc,((a,l)=>(t.openBlock(),t.createElementBlock("span",{key:a},[t.createTextVNode(t.toDisplayString(`${a}: `||"-"),1),t.createElementVNode("strong",null,t.toDisplayString(e[a]||"-"),1),t.createTextVNode(" "+t.toDisplayString(l===m.chartData.colDesc.length-1?"":"，"),1)])))),128))]),t.createElementVNode("div",n,t.toDisplayString(a+1),1)])))),128))],2)])),_:1},512)),[[t.vShow,m.chartData.data.length]]):(t.openBlock(),t.createElementBlock("div",s,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.chartData.data,((e,a)=>(t.openBlock(),t.createElementBlock("div",{key:a,class:"card-item"},[t.createElementVNode("div",{class:"card-title",title:m.chartData.modelName},t.toDisplayString(m.chartData.modelName),9,i),t.createElementVNode("div",d,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.chartData.colDesc,((a,l)=>(t.openBlock(),t.createElementBlock("span",{key:a},[e?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(`${a}: `||"-"),1),t.createElementVNode("strong",null,t.toDisplayString(e[a]||"-"),1),t.createTextVNode(" "+t.toDisplayString(l===m.chartData.colDesc.length-1?"":"，"),1)],64)):t.createCommentVNode("v-if",!0)])))),128))])])))),128))])),t.withDirectives(t.createVNode(a.default,null,null,512),[[t.vShow,!m.chartData.data.length]])])}}});exports.default=m;
 //# sourceMappingURL=card.vue2.cjs.map

package/lib/src/data-chart/src/components/card.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"card.vue2.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/card.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { EChartData, IFormatPublicData } from '../types'\nimport Empty from './empty.vue'\n\ndefineOptions({\n  name: 'DataChartCard',\n})\n\nconst props = defineProps({\n  chartData: {\n    type: Object as PropType<IFormatPublicData>,\n    default: () => ({\n      colDesc: [],\n      xGroupByDesc: [],\n      data: [],\n      modelName: '',\n    }),\n  },\n})\n\nfunction cardTitle(dataItem: EChartData['data'][0]) {\n  const colDesc = props.chartData.xGroupByDesc?.colDesc || ''\n\n  return colDesc ? (colDesc + dataItem[colDesc]) : ''\n}\n</script>\n\n<template>\n  <div class=\"data-chart-card\">\n    <p v-if=\"chartData.groupByDesc.length\" class=\"title\">\n      {{ chartData.modelName }}\n    </p>\n    <el-scrollbar v-show=\"chartData.data.length\" v-if=\"chartData.groupByDesc.length\">\n      <div :class=\"{ 'data-chart-card-grid-layout': chartData.groupByDesc.length }\">\n        <div\n          v-for=\"(dataItem, dataIndex) in chartData.data\"\n          :key=\"dataIndex\"\n          class=\"card-item\"\n        >\n          <div class=\"card-title\" :title=\"cardTitle(dataItem)\">\n            {{ cardTitle(dataItem) }}\n          </div>\n          <div class=\"context\">\n            <span v-for=\"(item, index) in chartData.colDesc\" :key=\"item\">\n              {{ `${item}: ` || '-' }}<strong>{{ dataItem[item] || '-' }}</strong> {{ index === chartData.colDesc.length - 1 ? '' : '，' }}\n            </span>\n          </div>\n          <div class=\"suffix-icon\">\n            {{ dataIndex + 1 }}\n          </div>\n        </div>\n      </div>\n    </el-scrollbar>\n    <div v-else class=\"data-chart-card-wrap\">\n      <div\n        v-for=\"(dataItem, dataIndex) in chartData.data\"\n        :key=\"dataIndex\"\n        class=\"card-item\"\n      >\n        <div class=\"card-title\" :title=\"chartData.modelName\">\n          {{ chartData.modelName }}\n        </div>\n        <div class=\"context\">\n          <span v-for=\"(item, index) in chartData.colDesc\" :key=\"item\">\n            <template v-if=\"dataItem\">\n              {{ `${item}: ` || '-' }}<strong>{{ dataItem[item] || '-' }}</strong> {{ index === chartData.colDesc.length - 1 ? '' : '，' }}\n            </template>\n          </span>\n        </div>\n      </div>\n    </div>\n    <Empty v-show=\"!chartData.data.length\" />\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.data-chart-card {\n  display: flex;\n  flex-direction: column;\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 5px;\n    margin-top: 2px;\n    margin-bottom: 7px;\n    font-family: sans-serif;\n    font-size: 14px;\n    font-weight: bolder;\n    color: #464646;\n  }\n\n  .data-chart-card-grid-layout {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 10px;\n    width: calc(100% - 3px);\n  }\n\n  .data-chart-card-wrap {\n    height: 100% !important;\n\n    .card-item {\n      width: 100% !important;\n    }\n  }\n\n  .card-item {\n    position: relative;\n    background-image: url(\"./data-chart-card-bg-left.svg\"), url(\"./data-chart-card-bg-right.svg\");\n    background-repeat: no-repeat;\n    background-position: left top, right top;\n    background-size: contain, contain;\n    border: 2px solid #2196f3;\n    border-radius: 6px;\n\n    .suffix-icon {\n      position: absolute;\n      right: 1px;\n      bottom: calc(25% - 14px);\n      width: 20px;\n      font-size: 20px;\n      font-weight: bold;\n      color: #fff;\n      text-align: center;\n    }\n\n    .card-title {\n      padding-left: 15px;\n      margin-top: 10px;\n      margin-bottom: 5px;\n      overflow: hidden;\n      font-size: 16px;\n      font-weight: bold;\n      color: #2196f3;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .context {\n      padding: 0 30px 10px 20px;\n      font-size: 14px;\n      color: #464646;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","cardTitle","dataItem","colDesc","chartData","xGroupByDesc"],"mappings":"ifASA,MAAMA,EAAQC,EAYd,SAASC,EAAUC,GACjB,MAAMC,EAAUJ,EAAMK,UAAUC,cAAcF,SAAW,GAEzD,OAAOA,EAAWA,EAAUD,EAASC,GAAY,EAAA"}
+{"version":3,"file":"card.vue2.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/card.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { EChartData, IFormatPublicData } from '../types'\nimport Empty from './empty.vue'\n\ndefineOptions({\n  name: 'DataChartCard',\n})\n\nconst props = defineProps({\n  chartData: {\n    type: Object as PropType<IFormatPublicData>,\n    default: () => ({\n      colDesc: [],\n      xGroupByDesc: [],\n      data: [],\n      modelName: '',\n    }),\n  },\n})\n\nfunction cardTitle(dataItem: EChartData['data'][0]) {\n  const colDesc = props.chartData.xGroupByDesc?.colDesc || ''\n\n  return colDesc ? (colDesc + dataItem[colDesc]) : ''\n}\n</script>\n\n<template>\n  <div class=\"data-chart-card\">\n    <p v-if=\"chartData.groupByDesc.length\" class=\"title\">\n      {{ chartData.modelName }}\n    </p>\n    <el-scrollbar v-show=\"chartData.data.length\" v-if=\"chartData.groupByDesc.length\">\n      <div :class=\"{ 'data-chart-card-grid-layout': chartData.groupByDesc.length }\">\n        <div\n          v-for=\"(dataItem, dataIndex) in chartData.data\"\n          :key=\"dataIndex\"\n          class=\"card-item\"\n        >\n          <div class=\"card-title\" :title=\"cardTitle(dataItem)\">\n            {{ cardTitle(dataItem) }}\n          </div>\n          <div class=\"context\">\n            <span v-for=\"(item, index) in chartData.colDesc\" :key=\"item\">\n              {{ `${item}: ` || '-' }}<strong>{{ dataItem[item] || '-' }}</strong> {{ index === chartData.colDesc.length - 1 ? '' : '，' }}\n            </span>\n          </div>\n          <div class=\"suffix-icon\">\n            {{ dataIndex + 1 }}\n          </div>\n        </div>\n      </div>\n    </el-scrollbar>\n    <div v-else class=\"data-chart-card-wrap\">\n      <div\n        v-for=\"(dataItem, dataIndex) in chartData.data\"\n        :key=\"dataIndex\"\n        class=\"card-item\"\n      >\n        <div class=\"card-title\" :title=\"chartData.modelName\">\n          {{ chartData.modelName }}\n        </div>\n        <div class=\"context\">\n          <span v-for=\"(item, index) in chartData.colDesc\" :key=\"item\">\n            <template v-if=\"dataItem\">\n              {{ `${item}: ` || '-' }}<strong>{{ dataItem[item] || '-' }}</strong> {{ index === chartData.colDesc.length - 1 ? '' : '，' }}\n            </template>\n          </span>\n        </div>\n      </div>\n    </div>\n    <Empty v-show=\"!chartData.data.length\" />\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.data-chart-card {\n  display: flex;\n  flex-direction: column;\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 5px;\n    margin-top: 2px;\n    margin-bottom: 7px;\n    font-family: sans-serif;\n    font-size: 14px;\n    font-weight: bolder;\n    color: #464646;\n  }\n\n  .data-chart-card-grid-layout {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 10px;\n    width: calc(100% - 3px);\n  }\n\n  .data-chart-card-wrap {\n    height: 100% !important;\n\n    .card-item {\n      width: 100% !important;\n    }\n  }\n\n  .card-item {\n    position: relative;\n    background-image: url(\"./data-chart-card-bg-left.svg\"), url(\"./data-chart-card-bg-right.svg\");\n    background-repeat: no-repeat;\n    background-position: left top, right top;\n    background-size: contain, contain;\n    border: 2px solid #2196f3;\n    border-radius: 6px;\n\n    .suffix-icon {\n      position: absolute;\n      right: 1px;\n      bottom: calc(25% - 14px);\n      width: 20px;\n      font-size: 20px;\n      font-weight: bold;\n      color: #fff;\n      text-align: center;\n    }\n\n    .card-title {\n      padding-left: 15px;\n      margin-top: 10px;\n      margin-bottom: 5px;\n      overflow: hidden;\n      font-size: 16px;\n      font-weight: bold;\n      color: #2196f3;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .context {\n      padding: 0 30px 10px 20px;\n      font-size: 14px;\n      color: #464646;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","cardTitle","dataItem","colDesc","chartData","xGroupByDesc"],"mappings":"wmBASA,MAAMA,EAAQC,EAYd,SAASC,EAAUC,GACjB,MAAMC,EAAUJ,EAAMK,UAAUC,cAAcF,SAAW,GAEzD,OAAOA,EAAWA,EAAUD,EAASC,GAAY,EAAA"}

package/lib/src/data-chart/src/components/line.vue.cjs

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

package/lib/src/data-chart/src/components/table.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("element-plus/es"),t=require("vue"),a=require("./empty.vue.cjs"),o=require("@qxs-bns/hooks");const r={key:0,class:"title"};var l=t.defineComponent({name:"DataChartTable",__name:"table",props:{chartData:{type:Object,default:()=>({colDesc:[],xGroupByDesc:[],data:[],modelName:""})}},setup(l){const c=l,n=o.useNamespace("data-chart"),s=t.computed((()=>c.chartData.groupByDesc.find((e=>!e.xAxis))));function i(e){if(!e)return 100;const t=14*e.length+20+30;return t<100?100:t}return(o,c)=>{const p=e.ElTableColumn,d=e.ElTable;return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(n).e("data-chart-table")])},[l.chartData.modelName?(t.openBlock(),t.createElementBlock("p",r,[t.createElementVNode("span",null,t.toDisplayString(l.chartData.modelName),1)])):t.createCommentVNode("v-if",!0),t.createVNode(d,{class:"customize-table data-chart-table-content",data:l.chartData.data,stripe:"",height:"100%"},{empty:t.withCtx((()=>[t.createVNode(a.default)])),default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.chartData.groupByDesc,((e,a)=>(t.openBlock(),t.createBlock(p,{key:`${e.colDesc}${e.groupByDesc}${a}`,align:"center","show-overflow-tooltip":"",sortable:"","min-width":`${i(e.colDesc)}px`,prop:e.colDesc||""},{header:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(e.colDesc),1)])),default:t.withCtx((a=>[t.createTextVNode(t.toDisplayString((t.unref(s)&&(t.unref(s).colDesc,e.colDesc),a.row[e.colDesc||""]||"--")),1)])),_:2},1032,["min-width","prop"])))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.chartData.colDesc,((e,a)=>(t.openBlock(),t.createBlock(p,{key:e+a,align:"center","min-width":`${i(e)}px`,label:e,"show-overflow-tooltip":"",sortable:"",prop:e},{header:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(e),1)])),_:2},1032,["min-width","label","prop"])))),128))])),_:1},8,["data"])],2)}}});exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("element-plus/es");require("element-plus/es/components/base/style/index"),require("element-plus/es/components/table/style/index"),require("element-plus/es/components/table-column/style/index");var t=require("vue"),a=require("./empty.vue.cjs"),l=require("@qxs-bns/hooks");const o={key:0,class:"title"};var r=t.defineComponent({name:"DataChartTable",__name:"table",props:{chartData:{type:Object,default:()=>({colDesc:[],xGroupByDesc:[],data:[],modelName:""})}},setup(r){const c=r,n=l.useNamespace("data-chart"),s=t.computed((()=>c.chartData.groupByDesc.find((e=>!e.xAxis))));function i(e){if(!e)return 100;const t=14*e.length+20+30;return t<100?100:t}return(l,c)=>{const p=e.ElTableColumn,u=e.ElTable;return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(n).e("data-chart-table")])},[r.chartData.modelName?(t.openBlock(),t.createElementBlock("p",o,[t.createElementVNode("span",null,t.toDisplayString(r.chartData.modelName),1)])):t.createCommentVNode("v-if",!0),t.createVNode(u,{class:"customize-table data-chart-table-content",data:r.chartData.data,stripe:"",height:"100%"},{empty:t.withCtx((()=>[t.createVNode(a.default)])),default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.chartData.groupByDesc,((e,a)=>(t.openBlock(),t.createBlock(p,{key:`${e.colDesc}${e.groupByDesc}${a}`,align:"center","show-overflow-tooltip":"",sortable:"","min-width":`${i(e.colDesc)}px`,prop:e.colDesc||""},{header:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(e.colDesc),1)])),default:t.withCtx((a=>[t.createTextVNode(t.toDisplayString((t.unref(s)&&(t.unref(s).colDesc,e.colDesc),a.row[e.colDesc||""]||"--")),1)])),_:2},1032,["min-width","prop"])))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.chartData.colDesc,((e,a)=>(t.openBlock(),t.createBlock(p,{key:e+a,align:"center","min-width":`${i(e)}px`,label:e,"show-overflow-tooltip":"",sortable:"",prop:e},{header:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(e),1)])),_:2},1032,["min-width","label","prop"])))),128))])),_:1},8,["data"])],2)}}});exports.default=r;
 //# sourceMappingURL=table.vue.cjs.map

package/lib/src/data-chart/src/components/table.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.vue.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { IFormatPublicData } from '../types'\nimport Empty from './empty.vue'\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'DataChartTable',\n})\n\nconst props = defineProps({\n  chartData: {\n    type: Object as PropType<IFormatPublicData>,\n    default: () => ({\n      colDesc: [],\n      xGroupByDesc: [],\n      data: [],\n      modelName: '',\n    }),\n  },\n})\n\nconst ns = useNamespace('data-chart')\n\nconst yGroupByDesc = computed(() => {\n  const row = props.chartData.groupByDesc.find(item => !item.xAxis)\n  return row\n})\n\nfunction baseWidth(str: string | null) {\n  if (!str) {\n    return 100\n  }\n  const strWidth = str.length * 14 + 20 + 30\n  return strWidth < 100 ? 100 : strWidth\n}\n</script>\n\n<template>\n  <div :class=\"[ns.e('data-chart-table')]\">\n    <p v-if=\"chartData.modelName\" class=\"title\">\n      <span>{{ chartData.modelName }}</span>\n    </p>\n    <el-table\n      class=\"customize-table data-chart-table-content\"\n      :data=\"chartData.data\"\n      stripe\n      height=\"100%\"\n    >\n      <el-table-column\n        v-for=\"(item, index) in chartData.groupByDesc\"\n        :key=\"`${item.colDesc}${item.groupByDesc}${index}`\"\n        align=\"center\"\n        show-overflow-tooltip\n        sortable\n        :min-width=\"`${baseWidth(item.colDesc)}px`\"\n        :prop=\"item.colDesc || ''\"\n      >\n        <template #header>\n          {{ item.colDesc }}\n        </template>\n        <template #default=\"scoped\">\n          {{ (yGroupByDesc && yGroupByDesc.colDesc === item.colDesc ? scoped.row[item.colDesc || ''] : scoped.row[item.colDesc || '']) || '--' }}\n        </template>\n      </el-table-column>\n      <el-table-column\n        v-for=\"(item, index) in chartData.colDesc\"\n        :key=\"item + index\"\n        align=\"center\"\n        :min-width=\"`${baseWidth(item)}px`\"\n        :label=\"item\"\n        show-overflow-tooltip\n        sortable\n        :prop=\"item\"\n      >\n        <template #header>\n          {{ item }}\n        </template>\n      </el-table-column>\n      <template #empty>\n        <Empty />\n      </template>\n    </el-table>\n  </div>\n</template>"],"names":["props","__props","ns","useNamespace","yGroupByDesc","computed","chartData","groupByDesc","find","item","xAxis","baseWidth","str","strWidth","length"],"mappings":"oXAUA,MAAMA,EAAQC,EAYRC,EAAKC,eAAa,cAElBC,EAAeC,EAAAA,UAAS,IAChBL,EAAMM,UAAUC,YAAYC,MAAaC,IAACA,EAAKC,UAI7D,SAASC,EAAUC,GACjB,IAAKA,EACI,OAAA,IAET,MAAMC,EAAwB,GAAbD,EAAIE,OAAc,GAAK,GACjC,OAAAD,EAAW,IAAM,IAAMA,CAAA"}
+{"version":3,"file":"table.vue.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { IFormatPublicData } from '../types'\nimport Empty from './empty.vue'\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'DataChartTable',\n})\n\nconst props = defineProps({\n  chartData: {\n    type: Object as PropType<IFormatPublicData>,\n    default: () => ({\n      colDesc: [],\n      xGroupByDesc: [],\n      data: [],\n      modelName: '',\n    }),\n  },\n})\n\nconst ns = useNamespace('data-chart')\n\nconst yGroupByDesc = computed(() => {\n  const row = props.chartData.groupByDesc.find(item => !item.xAxis)\n  return row\n})\n\nfunction baseWidth(str: string | null) {\n  if (!str) {\n    return 100\n  }\n  const strWidth = str.length * 14 + 20 + 30\n  return strWidth < 100 ? 100 : strWidth\n}\n</script>\n\n<template>\n  <div :class=\"[ns.e('data-chart-table')]\">\n    <p v-if=\"chartData.modelName\" class=\"title\">\n      <span>{{ chartData.modelName }}</span>\n    </p>\n    <el-table\n      class=\"customize-table data-chart-table-content\"\n      :data=\"chartData.data\"\n      stripe\n      height=\"100%\"\n    >\n      <el-table-column\n        v-for=\"(item, index) in chartData.groupByDesc\"\n        :key=\"`${item.colDesc}${item.groupByDesc}${index}`\"\n        align=\"center\"\n        show-overflow-tooltip\n        sortable\n        :min-width=\"`${baseWidth(item.colDesc)}px`\"\n        :prop=\"item.colDesc || ''\"\n      >\n        <template #header>\n          {{ item.colDesc }}\n        </template>\n        <template #default=\"scoped\">\n          {{ (yGroupByDesc && yGroupByDesc.colDesc === item.colDesc ? scoped.row[item.colDesc || ''] : scoped.row[item.colDesc || '']) || '--' }}\n        </template>\n      </el-table-column>\n      <el-table-column\n        v-for=\"(item, index) in chartData.colDesc\"\n        :key=\"item + index\"\n        align=\"center\"\n        :min-width=\"`${baseWidth(item)}px`\"\n        :label=\"item\"\n        show-overflow-tooltip\n        sortable\n        :prop=\"item\"\n      >\n        <template #header>\n          {{ item }}\n        </template>\n      </el-table-column>\n      <template #empty>\n        <Empty />\n      </template>\n    </el-table>\n  </div>\n</template>"],"names":["props","__props","ns","useNamespace","yGroupByDesc","computed","chartData","groupByDesc","find","item","xAxis","baseWidth","str","strWidth","length"],"mappings":"siBAUA,MAAMA,EAAQC,EAYRC,EAAKC,eAAa,cAElBC,EAAeC,EAAAA,UAAS,IAChBL,EAAMM,UAAUC,YAAYC,MAAaC,IAACA,EAAKC,UAI7D,SAASC,EAAUC,GACjB,IAAKA,EACI,OAAA,IAET,MAAMC,EAAwB,GAAbD,EAAIE,OAAc,GAAK,GACjC,OAAAD,EAAW,IAAM,IAAMA,CAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("element-plus/es"),a=require("vue"),l=require("@element-plus/icons-vue"),t=require("@qxs-bns/hooks"),r=require("element-plus");const s={class:"slot"},i={style:{display:"inline-block"}};var n=a.defineComponent({name:"QxsFileUpload",__name:"file-upload",props:{action:{type:String,required:!0},headers:{type:null,required:!1},data:{type:null,required:!1},name:{type:String,required:!1,default:"file"},size:{type:Number,required:!1,default:20},max:{type:Number,required:!1,default:3},accept:{type:String,required:!1,default:"zip,rar"},files:{type:Array,required:!1,default:()=>[]},notip:{type:Boolean,required:!1,default:!1},ext:{type:Array,required:!1}},emits:["onSuccess"],setup(n,{emit:o}){const u=o,d=t.useNamespace("file-upload"),c=r.useNamespace("file-upload"),p=a.computed((()=>n.accept.split(","))),m=a=>{const l=a.name.split(".").at(-1)??"",t=p.value.includes(l),r=a.size/1024/1024<n.size;return t||e.ElMessage.error(`上传文件只支持 ${p.value.join(" / ")} 格式！`),r||e.ElMessage.error(`上传文件大小不能超过 ${n.size}MB！`),t&&r},f=()=>{e.ElMessage.warning("文件上传超过限制")},y=(e,a,l)=>{u("onSuccess",e,a,l)};return(t,r)=>{const n=e.ElIcon,o=e.ElAlert,u=e.ElUpload;return a.openBlock(),a.createBlock(u,{headers:t.headers,action:t.action,data:t.data,name:t.name,"before-upload":m,"on-exceed":f,"on-success":y,"file-list":t.files,limit:t.max,drag:"",class:a.normalizeClass(a.unref(d).e("control"))},{tip:a.withCtx((()=>[t.notip?a.createCommentVNode("v-if",!0):(a.openBlock(),a.createElementBlock("div",{key:0,class:a.normalizeClass(a.unref(c).namespace.value+"-upload__tip")},[a.createElementVNode("div",i,[a.createVNode(o,{title:`上传文件支持 ${a.unref(p).join(" / ")} 格式，单个文件大小不超过 ${t.size}MB，且文件数量不超过 ${t.max} 个`,type:"info","show-icon":"",closable:!1},null,8,["title"])])],2))])),default:a.withCtx((()=>[a.createElementVNode("div",s,[a.createVNode(n,{class:a.normalizeClass(a.unref(c).namespace.value+"-icon--upload")},{default:a.withCtx((()=>[a.createVNode(a.unref(l.UploadFilled))])),_:1},8,["class"]),a.createElementVNode("div",{class:a.normalizeClass(a.unref(c).namespace.value+"-upload__text")},r[0]||(r[0]=[a.createTextVNode(" 将文件拖到此处，或"),a.createElementVNode("em",null,"点击上传",-1)]),2)])])),_:1},8,["headers","action","data","name","file-list","limit","class"])}}});exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("element-plus/es");require("element-plus/es/components/base/style/index"),require("element-plus/es/components/upload/style/index"),require("element-plus/es/components/alert/style/index"),require("element-plus/es/components/icon/style/index");var l=require("vue"),t=require("@element-plus/icons-vue"),a=require("@qxs-bns/hooks"),s=require("element-plus");require("element-plus/es/components/message/style/index");const r={class:"slot"},n={style:{display:"inline-block"}};var i=l.defineComponent({name:"QxsFileUpload",__name:"file-upload",props:{action:{type:String,required:!0},headers:{type:null,required:!1},data:{type:null,required:!1},name:{type:String,required:!1,default:"file"},size:{type:Number,required:!1,default:20},max:{type:Number,required:!1,default:3},accept:{type:String,required:!1,default:"zip,rar"},files:{type:Array,required:!1,default:()=>[]},notip:{type:Boolean,required:!1,default:!1},ext:{type:Array,required:!1}},emits:["onSuccess"],setup(i,{emit:o}){const u=o,d=a.useNamespace("file-upload"),c=s.useNamespace("file-upload"),p=l.computed((()=>i.accept.split(","))),m=l=>{const t=l.name.split(".").at(-1)??"",a=p.value.includes(t),s=l.size/1024/1024<i.size;return a||e.ElMessage.error(`上传文件只支持 ${p.value.join(" / ")} 格式！`),s||e.ElMessage.error(`上传文件大小不能超过 ${i.size}MB！`),a&&s},f=()=>{e.ElMessage.warning("文件上传超过限制")},y=(e,l,t)=>{u("onSuccess",e,l,t)};return(a,s)=>{const i=e.ElIcon,o=e.ElAlert,u=e.ElUpload;return l.openBlock(),l.createBlock(u,{headers:a.headers,action:a.action,data:a.data,name:a.name,"before-upload":m,"on-exceed":f,"on-success":y,"file-list":a.files,limit:a.max,drag:"",class:l.normalizeClass(l.unref(d).e("control"))},{tip:l.withCtx((()=>[a.notip?l.createCommentVNode("v-if",!0):(l.openBlock(),l.createElementBlock("div",{key:0,class:l.normalizeClass(l.unref(c).namespace.value+"-upload__tip")},[l.createElementVNode("div",n,[l.createVNode(o,{title:`上传文件支持 ${l.unref(p).join(" / ")} 格式，单个文件大小不超过 ${a.size}MB，且文件数量不超过 ${a.max} 个`,type:"info","show-icon":"",closable:!1},null,8,["title"])])],2))])),default:l.withCtx((()=>[l.createElementVNode("div",r,[l.createVNode(i,{class:l.normalizeClass(l.unref(c).namespace.value+"-icon--upload")},{default:l.withCtx((()=>[l.createVNode(l.unref(t.UploadFilled))])),_:1},8,["class"]),l.createElementVNode("div",{class:l.normalizeClass(l.unref(c).namespace.value+"-upload__text")},s[0]||(s[0]=[l.createTextVNode(" 将文件拖到此处，或"),l.createElementVNode("em",null,"点击上传",-1)]),2)])])),_:1},8,["headers","action","data","name","file-list","limit","class"])}}});exports.default=i;
 //# sourceMappingURL=file-upload.vue.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-upload.vue.cjs","sources":["../../../../../../packages/components/src/file-upload/src/file-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadProps, UploadUserFile } from \"element-plus\";\nimport { UploadFilled } from \"@element-plus/icons-vue\";\nimport { useNamespace } from \"@qxs-bns/hooks\";\nimport { useNamespace as useElNamespace } from \"element-plus\";\n\ndefineOptions({\n  name: \"QxsFileUpload\",\n});\n\nconst {\n  name = \"file\",\n  size = 20,\n  max = 3,\n  files = [],\n  notip = false,\n  accept = \"zip,rar\",\n} = defineProps<{\n  action: UploadProps[\"action\"];\n  headers?: UploadProps[\"headers\"];\n  data?: UploadProps[\"data\"];\n  name?: UploadProps[\"name\"];\n  size?: number;\n  max?: number;\n  accept?: string;\n  files?: UploadUserFile[];\n  notip?: boolean;\n  ext?: string[];\n}>();\n\nconst emit = defineEmits([\"onSuccess\"]);\n\nconst ns = useNamespace(\"file-upload\");\nconst nsEl = useElNamespace(\"file-upload\");\n\nconst exts = computed(() => {\n  return accept.split(\",\");\n});\nconst beforeUpload: UploadProps[\"beforeUpload\"] = (file) => {\n  const fileName = file.name.split(\".\");\n  const fileExt = fileName.at(-1) ?? \"\";\n  const isTypeOk = exts.value.includes(fileExt);\n  const isSizeOk = file.size / 1024 / 1024 < size;\n  if (!isTypeOk) {\n    ElMessage.error(`上传文件只支持 ${exts.value.join(\" / \")} 格式！`);\n  }\n  if (!isSizeOk) {\n    ElMessage.error(`上传文件大小不能超过 ${size}MB！`);\n  }\n  return isTypeOk && isSizeOk;\n};\n\nconst onExceed: UploadProps[\"onExceed\"] = () => {\n  ElMessage.warning(\"文件上传超过限制\");\n};\n\nconst onSuccess: UploadProps[\"onSuccess\"] = (res, file, fileList) => {\n  emit(\"onSuccess\", res, file, fileList);\n};\n</script>\n\n<template>\n  <el-upload\n    :headers=\"headers\"\n    :action=\"action\"\n    :data=\"data\"\n    :name=\"name\"\n    :before-upload=\"beforeUpload\"\n    :on-exceed=\"onExceed\"\n    :on-success=\"onSuccess\"\n    :file-list=\"files\"\n    :limit=\"max\"\n    drag\n    :class=\"ns.e('control')\"\n  >\n    <div class=\"slot\">\n      <el-icon :class=\"nsEl.namespace.value + '-icon--upload'\">\n        <UploadFilled />\n      </el-icon>\n      <div :class=\"nsEl.namespace.value + '-upload__text'\">\n        将文件拖到此处，或<em>点击上传</em>\n      </div>\n    </div>\n    <template #tip>\n      <div v-if=\"!notip\" :class=\"nsEl.namespace.value + '-upload__tip'\">\n        <div style=\"display: inline-block\">\n          <el-alert\n            :title=\"`上传文件支持 ${exts.join(\n              ' / '\n            )} 格式，单个文件大小不超过 ${size}MB，且文件数量不超过 ${max} 个`\"\n            type=\"info\"\n            show-icon\n            :closable=\"false\"\n          />\n        </div>\n      </div>\n    </template>\n  </el-upload>\n</template>\n"],"names":["emit","__emit","ns","useNamespace","nsEl","useElNamespace","exts","computed","__props","accept","split","beforeUpload","file","fileExt","name","at","isTypeOk","value","includes","isSizeOk","size","ElMessage","error","join","onExceed","warning","onSuccess","res","fileList"],"mappings":"owBA8BA,MAAMA,EAAOC,EAEPC,EAAKC,eAAa,eAClBC,EAAOC,eAAe,eAEtBC,EAAOC,EAAAA,UAAS,IACbC,EAAAC,OAAOC,MAAM,OAEhBC,EAA6CC,IACjD,MACMC,EADWD,EAAKE,KAAKJ,MAAM,KACRK,IAAG,IAAO,GAC7BC,EAAWV,EAAKW,MAAMC,SAASL,GAC/BM,EAAWP,EAAKQ,KAAO,KAAO,KAAOZ,EAAIY,KAO/C,OANKJ,GACHK,YAAUC,MAAM,WAAWhB,EAAKW,MAAMM,KAAK,cAExCJ,GACHE,EAAAA,UAAUC,MAAM,cAAcd,EAAIY,WAE7BJ,GAAYG,CAAA,EAGfK,EAAoC,KACxCH,EAAAA,UAAUI,QAAQ,WAAU,EAGxBC,EAAsC,CAACC,EAAKf,EAAMgB,KACjD5B,EAAA,YAAa2B,EAAKf,EAAMgB,EAAQ"}
+{"version":3,"file":"file-upload.vue.cjs","sources":["../../../../../../packages/components/src/file-upload/src/file-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadProps, UploadUserFile } from \"element-plus\";\nimport { UploadFilled } from \"@element-plus/icons-vue\";\nimport { useNamespace } from \"@qxs-bns/hooks\";\nimport { useNamespace as useElNamespace } from \"element-plus\";\n\ndefineOptions({\n  name: \"QxsFileUpload\",\n});\n\nconst {\n  name = \"file\",\n  size = 20,\n  max = 3,\n  files = [],\n  notip = false,\n  accept = \"zip,rar\",\n} = defineProps<{\n  action: UploadProps[\"action\"];\n  headers?: UploadProps[\"headers\"];\n  data?: UploadProps[\"data\"];\n  name?: UploadProps[\"name\"];\n  size?: number;\n  max?: number;\n  accept?: string;\n  files?: UploadUserFile[];\n  notip?: boolean;\n  ext?: string[];\n}>();\n\nconst emit = defineEmits([\"onSuccess\"]);\n\nconst ns = useNamespace(\"file-upload\");\nconst nsEl = useElNamespace(\"file-upload\");\n\nconst exts = computed(() => {\n  return accept.split(\",\");\n});\nconst beforeUpload: UploadProps[\"beforeUpload\"] = (file) => {\n  const fileName = file.name.split(\".\");\n  const fileExt = fileName.at(-1) ?? \"\";\n  const isTypeOk = exts.value.includes(fileExt);\n  const isSizeOk = file.size / 1024 / 1024 < size;\n  if (!isTypeOk) {\n    ElMessage.error(`上传文件只支持 ${exts.value.join(\" / \")} 格式！`);\n  }\n  if (!isSizeOk) {\n    ElMessage.error(`上传文件大小不能超过 ${size}MB！`);\n  }\n  return isTypeOk && isSizeOk;\n};\n\nconst onExceed: UploadProps[\"onExceed\"] = () => {\n  ElMessage.warning(\"文件上传超过限制\");\n};\n\nconst onSuccess: UploadProps[\"onSuccess\"] = (res, file, fileList) => {\n  emit(\"onSuccess\", res, file, fileList);\n};\n</script>\n\n<template>\n  <el-upload\n    :headers=\"headers\"\n    :action=\"action\"\n    :data=\"data\"\n    :name=\"name\"\n    :before-upload=\"beforeUpload\"\n    :on-exceed=\"onExceed\"\n    :on-success=\"onSuccess\"\n    :file-list=\"files\"\n    :limit=\"max\"\n    drag\n    :class=\"ns.e('control')\"\n  >\n    <div class=\"slot\">\n      <el-icon :class=\"nsEl.namespace.value + '-icon--upload'\">\n        <UploadFilled />\n      </el-icon>\n      <div :class=\"nsEl.namespace.value + '-upload__text'\">\n        将文件拖到此处，或<em>点击上传</em>\n      </div>\n    </div>\n    <template #tip>\n      <div v-if=\"!notip\" :class=\"nsEl.namespace.value + '-upload__tip'\">\n        <div style=\"display: inline-block\">\n          <el-alert\n            :title=\"`上传文件支持 ${exts.join(\n              ' / '\n            )} 格式，单个文件大小不超过 ${size}MB，且文件数量不超过 ${max} 个`\"\n            type=\"info\"\n            show-icon\n            :closable=\"false\"\n          />\n        </div>\n      </div>\n    </template>\n  </el-upload>\n</template>\n"],"names":["emit","__emit","ns","useNamespace","nsEl","useElNamespace","exts","computed","__props","accept","split","beforeUpload","file","fileExt","name","at","isTypeOk","value","includes","isSizeOk","size","ElMessage","error","join","onExceed","warning","onSuccess","res","fileList"],"mappings":"iiCA8BA,MAAMA,EAAOC,EAEPC,EAAKC,eAAa,eAClBC,EAAOC,eAAe,eAEtBC,EAAOC,EAAAA,UAAS,IACbC,EAAAC,OAAOC,MAAM,OAEhBC,EAA6CC,IACjD,MACMC,EADWD,EAAKE,KAAKJ,MAAM,KACRK,IAAG,IAAO,GAC7BC,EAAWV,EAAKW,MAAMC,SAASL,GAC/BM,EAAWP,EAAKQ,KAAO,KAAO,KAAOZ,EAAIY,KAO/C,OANKJ,GACHK,YAAUC,MAAM,WAAWhB,EAAKW,MAAMM,KAAK,cAExCJ,GACHE,EAAAA,UAAUC,MAAM,cAAcd,EAAIY,WAE7BJ,GAAYG,CAAA,EAGfK,EAAoC,KACxCH,EAAAA,UAAUI,QAAQ,WAAU,EAGxBC,EAAsC,CAACC,EAAKf,EAAMgB,KACjD5B,EAAA,YAAa2B,EAAKf,EAAMgB,EAAQ"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("element-plus/es"),t=require("vue"),r=require("@element-plus/icons-vue"),l=require("@qxs-bns/hooks"),i=require("element-plus");const a={key:1,class:"image"},s={class:"mask"},o={class:"actions"},n={style:{display:"inline-block"}};var c=t.defineComponent({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},beforeUpload:{type:null,required:!1}},emits:["update:url","onSuccess"],setup(c,{emit:p}){const u=c,d=p,m=l.useNamespace("image-upload"),h=i.useNamespace("image-upload"),g=t.ref({imageViewerVisible:!1,progress:{preview:"",percent:0}}),f=t.computed((()=>u.accept.split(",").map((e=>e.split("/").pop()))));function y(){g.value.imageViewerVisible=!0}function w(){g.value.imageViewerVisible=!1}function v(){d("update:url","")}const V=t=>{const r=t.name.split(".").at(-1)??"",l=f.value.includes(r),i=t.size/1024/1024<u.size;return l?i?g.value.progress.preview=URL.createObjectURL(t):e.ElMessage.error(`上传图片大小不能超过 ${u.size}MB！`):e.ElMessage.error(`上传图片只支持${f.value.join(" / ")}格式！`),l&&i&&(!u.beforeUpload||u.beforeUpload(t))},N=e=>{g.value.progress.percent=~~e.percent},x=(...e)=>{g.value.progress.preview="",g.value.progress.percent=0,d("onSuccess",...e)};return(l,i)=>{const c=e.ElIcon,p=e.ElImage,u=e.ElProgress,d=e.ElUpload,k=e.ElImageViewer;return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(m).e("container"))},[t.createVNode(d,{"show-file-list":!1,headers:l.headers,action:l.action,data:l.data,name:l.name,"before-upload":V,"on-progress":N,"on-success":x,drag:"",accept:l.accept,class:t.normalizeClass(t.unref(m).e("control"))},{default:t.withCtx((()=>[""===l.url?(t.openBlock(),t.createBlock(p,{key:0,style:t.normalizeStyle(`width:${l.width}px;height:${l.height}px;`),src:""===l.url?l.placeholder:l.url,fit:"fill"},{error:t.withCtx((()=>[t.createElementVNode("div",{class:"image-slot",style:t.normalizeStyle(`width:${l.width}px;height:${l.height}px;`)},[t.createVNode(c,null,{default:t.withCtx((()=>[t.createVNode(t.unref(r.Plus))])),_:1}),t.createElementVNode("p",null,t.toDisplayString(l.placeholder),1)],4)])),_:1},8,["style","src"])):(t.openBlock(),t.createElementBlock("div",a,[t.createVNode(p,{src:l.url,style:t.normalizeStyle(`width:${l.width}px;height:${l.height}px;`),fit:"fill"},null,8,["src","style"]),t.createElementVNode("div",s,[t.createElementVNode("div",o,[t.createElementVNode("span",{title:"预览",onClick:t.withModifiers(y,["stop"])},[t.createVNode(c,null,{default:t.withCtx((()=>[t.createVNode(t.unref(r.ZoomIn))])),_:1})]),t.createElementVNode("span",{title:"移除",onClick:t.withModifiers(v,["stop"])},[t.createVNode(c,null,{default:t.withCtx((()=>[t.createVNode(t.unref(r.Delete))])),_:1})])])])])),t.withDirectives(t.createElementVNode("div",{class:"progress",style:t.normalizeStyle(`width:${l.width}px;height:${l.height}px;`)},[t.createVNode(p,{src:t.unref(g).progress.preview,style:t.normalizeStyle(`width:${l.width}px;height:${l.height}px;`),fit:"fill"},null,8,["src","style"]),t.createVNode(u,{type:"circle",width:.8*Math.min(l.width,l.height),percentage:t.unref(g).progress.percent},null,8,["width","percentage"])],4),[[t.vShow,""===l.url&&t.unref(g).progress.percent]])])),_:1},8,["headers","action","data","name","accept","class"]),l.notip?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(t.unref(h).namespace.value+"-upload__tip-text")},[t.createElementVNode("div",n,t.toDisplayString(l.tipText||`上传图片支持 ${t.unref(f).join(" / ")} 格式，且图片大小不超过 ${l.size}MB，建议图片尺寸为 ${l.width}*${l.height}`),1)],2)),t.unref(g).imageViewerVisible?(t.openBlock(),t.createBlock(k,{key:1,"url-list":[l.url],teleported:"",onClose:w},null,8,["url-list"])):t.createCommentVNode("v-if",!0)],2)}}});exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("element-plus/es");require("element-plus/es/components/base/style/index"),require("element-plus/es/components/image-viewer/style/index"),require("element-plus/es/components/upload/style/index"),require("element-plus/es/components/progress/style/index"),require("element-plus/es/components/image/style/index"),require("element-plus/es/components/icon/style/index");var t=require("vue"),r=require("@element-plus/icons-vue"),l=require("@qxs-bns/hooks"),n=require("element-plus");require("element-plus/es/components/message/style/index");const i={key:1,class:"image"},s={class:"mask"},a={class:"actions"},o={class:"tip-content"};var u=t.defineComponent({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(u,{emit:c}){const p=c,d=l.useNamespace("image-upload"),m=n.useNamespace("upload"),f=t.ref({imageViewerVisible:!1,progress:{preview:"",percent:0}}),g=t.computed((()=>u.accept.split(",").map((e=>e.split("/").pop())))),y=t.computed((()=>({width:`${u.width}px`,height:`${u.height}px`}))),h=t.computed((()=>.8*Math.min(u.width,u.height))),v=t.computed((()=>u.tipText||`上传图片支持 ${g.value.join(" / ")} 格式，且图片大小不超过 ${u.size}MB，建议图片尺寸为 ${u.width}*${u.height}`));function V(e){e.preventDefault(),f.value.imageViewerVisible=!0}function q(){f.value.imageViewerVisible=!1}function w(e){e.preventDefault(),p("update:url","")}const N=t=>{const r=t.name.split(".").pop()??"",l=g.value.includes(r),n=t.size/1024/1024<u.size;return l?n?(f.value.progress.preview=URL.createObjectURL(t),!u.beforeUpload||u.beforeUpload(t)):(e.ElMessage.error(`上传图片大小不能超过 ${u.size}MB！`),!1):(e.ElMessage.error(`上传图片只支持${g.value.join(" / ")}格式！`),!1)},k=e=>{f.value.progress.percent=Math.floor(e.percent)},x=(...e)=>{f.value.progress={preview:"",percent:0},p("onSuccess",...e)};return(l,n)=>{const u=e.ElIcon,c=e.ElImage,p=e.ElProgress,g=e.ElUpload,E=e.ElImageViewer;return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(d).e("container"))},[t.createVNode(g,{drag:"","show-file-list":!1,headers:l.headers,action:l.action,data:l.data,name:l.name,accept:l.accept,class:t.normalizeClass(t.unref(d).e("control")),"before-upload":N,"on-progress":k,"on-success":x},{default:t.withCtx((()=>[""===l.url?(t.openBlock(),t.createBlock(c,{key:0,style:t.normalizeStyle(t.unref(y)),src:l.placeholder,fit:"fill"},{error:t.withCtx((()=>[t.createElementVNode("div",{class:"image-slot",style:t.normalizeStyle(t.unref(y))},[t.createVNode(u,null,{default:t.withCtx((()=>[t.createVNode(t.unref(r.Plus))])),_:1}),t.createElementVNode("p",null,t.toDisplayString(l.placeholder),1)],4)])),_:1},8,["style","src"])):(t.openBlock(),t.createElementBlock("div",i,[t.createVNode(c,{src:l.url,style:t.normalizeStyle(t.unref(y)),fit:"fill"},null,8,["src","style"]),t.createElementVNode("div",s,[t.createElementVNode("div",a,[t.createElementVNode("span",{title:"预览",onClick:V},[t.createVNode(u,null,{default:t.withCtx((()=>[t.createVNode(t.unref(r.ZoomIn))])),_:1})]),t.createElementVNode("span",{title:"移除",onClick:w},[t.createVNode(u,null,{default:t.withCtx((()=>[t.createVNode(t.unref(r.Delete))])),_:1})])])])])),t.withDirectives(t.createElementVNode("div",{class:"progress",style:t.normalizeStyle(t.unref(y))},[t.createVNode(c,{src:t.unref(f).progress.preview,style:t.normalizeStyle(t.unref(y)),fit:"fill"},null,8,["src","style"]),100!==t.unref(f).progress.percent?(t.openBlock(),t.createBlock(p,{key:0,type:"circle",width:t.unref(h),percentage:t.unref(f).progress.percent},null,8,["width","percentage"])):t.createCommentVNode("v-if",!0)],4),[[t.vShow,""===l.url&&t.unref(f).progress.percent]])])),_:1},8,["headers","action","data","name","accept","class"]),l.notip?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(`${t.unref(m).namespace.value}-upload__tip-text`)},[t.createElementVNode("div",o,t.toDisplayString(t.unref(v)),1)],2)),t.unref(f).imageViewerVisible?(t.openBlock(),t.createBlock(E,{key:1,"url-list":[l.url],teleported:"",onClose:q},null,8,["url-list"])):t.createCommentVNode("v-if",!0)],2)}}});exports.default=u;
 //# sourceMappingURL=image-upload.vue.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"image-upload.vue.cjs","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\ndefineOptions({\n  name: 'QxsImageUpload',\n})\nconst props = withDefaults(\n  defineProps<{\n    action: UploadProps['action']\n    headers?: UploadProps['headers']\n    data?: UploadProps['data']\n    name?: UploadProps['name']\n    url?: string\n    size?: number\n    width?: number\n    accept?: string\n    height?: number\n    placeholder?: string\n    notip?: boolean\n    tipText?: string\n    beforeUpload?: UploadProps['beforeUpload']\n  }>(),\n  {\n    name: 'file',\n    url: '',\n    size: 20,\n    width: 160,\n    height: 90,\n    placeholder: '点击上传图片',\n    notip: false,\n    accept: 'image/jpeg,image/jpg,image/png,image/gif',\n  },\n)\nconst emits = defineEmits<{\n  'update:url': [\n    url: string,\n  ]\n  'onSuccess': [\n    res: any,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles,\n  ]\n}>()\n\nconst ns = useNamespace('image-upload')\nconst nsEl = useElNamespace('image-upload')\n\nconst uploadData = ref({\n  imageViewerVisible: false,\n  progress: {\n    preview: '',\n    percent: 0,\n  },\n})\n\nconst exts = computed(() => {\n  return props.accept.split(',').map(ext => ext.split('/').pop())\n})\n\n// 预览\nfunction preview() {\n  uploadData.value.imageViewerVisible = true\n}\n// 关闭预览\nfunction previewClose() {\n  uploadData.value.imageViewerVisible = false\n}\n// 移除\nfunction remove() {\n  emits('update:url', '')\n}\nconst handleBeforeUpload: UploadProps['beforeUpload'] = (file) => {\n  const fileName = file.name.split('.')\n  const fileExt = fileName.at(-1) ?? ''\n  const isTypeOk = exts.value.includes(fileExt)\n  const isSizeOk = file.size / 1024 / 1024 < props.size\n\n  if (!isTypeOk) {\n    ElMessage.error(`上传图片只支持${exts.value.join(' / ')}格式！`)\n  }\n\n  else if (!isSizeOk) {\n    ElMessage.error(`上传图片大小不能超过 ${props.size}MB！`)\n  }\n  else {\n    uploadData.value.progress.preview = URL.createObjectURL(file)\n  }\n\n  return isTypeOk && isSizeOk && (!props.beforeUpload || props.beforeUpload(file))\n}\nconst onProgress: UploadProps['onProgress'] = (file) => {\n  uploadData.value.progress.percent = ~~file.percent\n}\nconst onSuccess: UploadProps['onSuccess'] = (...res) => {\n  uploadData.value.progress.preview = ''\n  uploadData.value.progress.percent = 0\n  emits('onSuccess', ...res)\n}\n</script>\n\n<template>\n  <div :class=\"ns.e('container')\">\n    <el-upload\n      :show-file-list=\"false\"\n      :headers=\"headers\"\n      :action=\"action\"\n      :data=\"data\"\n      :name=\"name\"\n      :before-upload=\"handleBeforeUpload\"\n      :on-progress=\"onProgress\"\n      :on-success=\"onSuccess\"\n      drag\n      :accept=\"accept\"\n      :class=\"ns.e('control')\"\n    >\n      <el-image\n        :style=\"`width:${width}px;height:${height}px;`\"\n        v-if=\"url === ''\"\n        :src=\"url === '' ? placeholder : url\"\n        fit=\"fill\"\n      >\n        <template #error>\n          <div class=\"image-slot\" :style=\"`width:${width}px;height:${height}px;`\">\n            <el-icon>\n              <Plus />\n            </el-icon>\n            <p>\n              {{ placeholder }}\n            </p>\n          </div>\n        </template>\n      </el-image>\n      <div v-else class=\"image\">\n        <el-image\n          :src=\"url\"\n          :style=\"`width:${width}px;height:${height}px;`\"\n          fit=\"fill\"\n        />\n        <div class=\"mask\">\n          <div class=\"actions\">\n            <span title=\"预览\" @click.stop=\"preview\">\n              <el-icon><ZoomIn /></el-icon>\n            </span>\n            <span title=\"移除\" @click.stop=\"remove\">\n              <el-icon>\n                <Delete />\n              </el-icon>\n            </span>\n          </div>\n        </div>\n      </div>\n      <div\n        v-show=\"url === '' && uploadData.progress.percent\"\n        class=\"progress\"\n        :style=\"`width:${width}px;height:${height}px;`\"\n      >\n        <el-image\n          :src=\"uploadData.progress.preview\"\n          :style=\"`width:${width}px;height:${height}px;`\"\n          fit=\"fill\"\n        />\n        <el-progress\n          type=\"circle\"\n          :width=\"Math.min(width, height) * 0.8\"\n          :percentage=\"uploadData.progress.percent\"\n        />\n      </div>\n    </el-upload>\n    <div v-if=\"!notip\" :class=\"nsEl.namespace.value + '-upload__tip-text'\">\n      <div style=\"display: inline-block;\">\n        {{ tipText || `上传图片支持 ${exts.join(' / ')} 格式，且图片大小不超过 ${size}MB，建议图片尺寸为 ${width}*${height}` }}\n      </div>\n    </div>\n    <el-image-viewer\n      v-if=\"uploadData.imageViewerVisible\"\n      :url-list=\"[url]\"\n      teleported\n      @close=\"previewClose\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","emits","__emit","ns","useNamespace","nsEl","useElNamespace","uploadData","ref","imageViewerVisible","progress","preview","percent","exts","computed","accept","split","map","ext","pop","value","previewClose","remove","handleBeforeUpload","file","fileExt","name","at","isTypeOk","includes","isSizeOk","size","URL","createObjectURL","ElMessage","error","join","beforeUpload","onProgress","onSuccess","res"],"mappings":"4+BASA,MAAMA,EAAQC,EA2BRC,EAAQC,EAWRC,EAAKC,eAAa,gBAClBC,EAAOC,eAAe,gBAEtBC,EAAaC,EAAAA,IAAI,CACrBC,oBAAoB,EACpBC,SAAU,CACRC,QAAS,GACTC,QAAS,KAIPC,EAAOC,EAAAA,UAAS,IACbf,EAAMgB,OAAOC,MAAM,KAAKC,KAAWC,GAAAA,EAAIF,MAAM,KAAKG,UAI3D,SAASR,IACPJ,EAAWa,MAAMX,oBAAqB,CAAA,CAGxC,SAASY,IACPd,EAAWa,MAAMX,oBAAqB,CAAA,CAGxC,SAASa,IACPrB,EAAM,aAAc,GAAE,CAElB,MAAAsB,EAAmDC,IACvD,MACMC,EADWD,EAAKE,KAAKV,MAAM,KACRW,IAAG,IAAO,GAC7BC,EAAWf,EAAKO,MAAMS,SAASJ,GAC/BK,EAAWN,EAAKO,KAAO,KAAO,KAAOhC,EAAMgC,KAajD,OAXKH,EAIKE,EAIRvB,EAAWa,MAAMV,SAASC,QAAUqB,IAAIC,gBAAgBT,GAHxDU,EAAAA,UAAUC,MAAM,cAAcpC,EAAMgC,WAJpCG,YAAUC,MAAM,UAAUtB,EAAKO,MAAMgB,KAAK,aAUrCR,GAAYE,KAAc/B,EAAMsC,cAAgBtC,EAAMsC,aAAab,GAAI,EAE1Ec,EAAyCd,IAC7CjB,EAAWa,MAAMV,SAASE,UAAYY,EAAKZ,OAAA,EAEvC2B,EAAsC,IAAIC,KACnCjC,EAAAa,MAAMV,SAASC,QAAU,GACzBJ,EAAAa,MAAMV,SAASE,QAAU,EAC9BX,EAAA,eAAgBuC,EAAG"}
+{"version":3,"file":"image-upload.vue.cjs","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":"m4CAgDA,MAAMA,EAAQC,EAMRC,EAAKC,eAAa,gBAClBC,EAAOC,eAAe,UAGtBC,EAAaC,EAAAA,IAGhB,CACDC,oBAAoB,EACpBC,SAAU,CACRC,QAAS,GACTC,QAAS,KAKPC,EAAOC,EAAAA,UAAS,IACpBC,SAAOC,MAAM,KAAKC,KAAKC,GAAQA,EAAIF,MAAM,KAAKG,UAG1CC,EAAaN,EAAAA,UAAS,KAAO,CACjCO,MAAO,GAAGN,EAAAM,UACVC,OAAQ,GAAGP,EAAAO,eAGPC,EAAeT,EAAAA,UAAS,IAAgC,GAA1BU,KAAKC,IAAIV,EAAAM,MAAON,EAAMO,UAEpDI,EAAaZ,EAAAA,UACjB,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,EAAAA,UAAUC,MAAM,cAAc/B,EAAIe,YAC3B,IANPe,YAAUC,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/lib/src/subject-action/src/subject-action.vue.cjs

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