@qxs-bns/components 0.0.89 → 0.0.90

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 { useNamespace } from '@qxs-bns/hooks'\nimport { ElMessage } from 'element-plus'\nimport { nanoid } from 'nanoid'\nimport { computed, ref, useAttrs, watch } from 'vue'\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 SubjectPageEnd from './components/SubjectPageEnd.vue'\nimport SubjectRichText from './components/SubjectRichText.vue'\n\ndefineOptions({\n  name: 'QxsSubjectList',\n})\n\nconst props = defineProps<{\n  subjectList: any[]\n  isPreview: boolean\n}>()\nconst emits = defineEmits(['setRelation'])\nconst currentList = ref([] as any)\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: nanoid(),\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  }\n  else {\n    currentList.value.push(newSubject)\n  }\n}\nfunction addExam(items: any[]) {\n  let currentIndex = 1\n  const newList: any[] = []\n\n  items.forEach((v: any) => {\n    // 创建新的题目对象\n    const newItem = {\n      ...v,\n      customId: nanoid(),\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: nanoid(),\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  }\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\n        v-for=\"(item, index) in currentList\"\n        :key=\"item.customId\"\n        class=\"subject-item\"\n      >\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            :is-key=\"item.isKey\"\n            :is-save=\"!item.isRealCanDel\"\n            :custom-id=\"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            :answer-check-type=\"item.answerCheckType\"\n            :exam-rich-text-content=\"item.examRichTextContent\"\n            :exam-answer-relation-type=\"item.examAnswerRelationType\"\n            @set-relation=\"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-else-if=\"item.answerType === 'scale'\"\n          v-bind=\"attrs\"\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          :exam-answer-relation-type=\"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-else-if=\"item.answerType === 'blank_fill'\"\n          v-bind=\"attrs\"\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          :exam-answer-relation-type=\"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-else-if=\"item.answerType === 'text_fill'\"\n          v-bind=\"attrs\"\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          :exam-answer-relation-type=\"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-else-if=\"item.answerType === 'rich_text'\"\n          v-bind=\"attrs\"\n          :order-index=\"currentIndex()(item.customId)\"\n          :rich-text-content=\"item.richTextContent\"\n          :is-set=\"item.hasSet || false\"\n          :is-save=\"!item.isRealCanDel\"\n          :is-edit=\"item.isEdit || false\"\n          :show-action=\"!isPreview\"\n          :exam-answer-relation-type=\"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        <SubjectPageEnd\n          v-else-if=\"item.answerType === 'page_end'\"\n          :key=\"index\"\n          :total-page=\"totalPageIndex()\"\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          :exam-answer-relation-type=\"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>\n"],"names":["props","__props","emits","__emit","currentList","ref","attrs","useAttrs","__expose","addSubject","uploadExcel","list","value","concat","addExam","items","currentIndex","newList","forEach","v","newItem","customId","nanoid","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","_createElementBlock","class","_normalizeClass","_unref","e","_createElementVNode","_hoisted_1","_openBlock","_Fragment","_renderList","key","includes","_createBlock","SubjectSingle","_mergeProps","examId","isKey","leastAnswerCount","isPreview","examExpand","answerCheckType","examRichTextContent","onSetRelation","onMove","onDelete","$event","onSave","onEdit","onAdd","SubjectScale","SubjectBlankFill","examAnswerSettingVO","SubjectTextFill","SubjectRichText","SubjectPageEnd"],"mappings":"05BAgBA,MAAMA,EAAQC,EAIRC,EAAQC,EACRC,EAAcC,EAAI,IAClBC,EAAQC,IAEdC,EAAa,CACXC,aACAL,cACAM,YAqGF,SAAqBC,GACnBP,EAAYQ,MAAQR,EAAYQ,MAAMC,OAAOF,EAC/C,EAtGEG,QAuDF,SAAiBC,GACf,IAAIC,EAAe,EACnB,MAAMC,EAAiB,GAEvBF,EAAMG,QAASC,IAEb,MAAMC,EAAU,IACXD,EACHE,SAAUC,IACVC,WAAYJ,EAAEK,gBAAkB,YAAcL,EAAEM,aAChDC,QAASP,EAAEO,SAASC,IAAKC,IAAA,IACpBA,EACHC,MAAOD,EAAEE,OACTC,SAAUH,EAAEI,aACZC,UAAWL,EAAEK,cACR,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,KAIfhB,EAAYQ,MAAQR,EAAYQ,MAAMC,OAAOI,EAC/C,EAlGE0B,kBAoIF,SAA2BC,EAAsBvB,EAAkBwB,GACjE,MAAMC,EAAa1C,EAAYQ,MAAMmC,KAAM5B,GAAWA,EAAEE,WAAaA,GACrE,GAAIyB,EAAY,CACd,MAAME,EAAeF,EAAWpB,SAASqB,KAAMnB,GAAWA,EAAEiB,iBAAmBA,GAC3EG,IACFA,EAAaJ,gBAAkBA,EAEnC,CACF,IArIA,MAAMK,EAAmBC,EAAS,KAChC,MAAMC,EAAkB/C,EAAYQ,MAAMwC,OAAQjC,GAA4B,aAAjBA,EAAEI,YAC/D,OAAQ8B,IACN,MAAMrC,EAAemC,EAAgBG,UAAW1B,GAAWA,EAAEP,WAAagC,GAC1E,OAAwB,IAAjBrC,EAAsBA,EAAe,EAAI,KAIpD,SAASA,IACP,OAAQuC,IACN,IAAIC,EAAU,EACVC,EAAS,EAYb,OATArD,EAAYQ,MAAMM,QAASC,IACJ,aAAjBA,EAAEI,aACJiC,IACID,IAAkBpC,EAAEE,WACtBoC,EAASD,MAKRC,EAAS,EAEpB,CAEA,SAAShD,EAAWiD,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,EACFvD,EAAYQ,MAAMiD,OAAOF,EAAQ,EAAG,EAAGC,GAGvCxD,EAAYQ,MAAM2B,KAAKqB,EAE3B,CAkDA,SAASE,EAAKH,EAAeD,GAC3B,GAAa,OAATA,GAAiBC,EAAQ,EAAG,CAC9B,MAAOI,GAAQ3D,EAAYQ,MAAMiD,OAAOF,EAAO,GAC/CvD,EAAYQ,MAAMiD,OAAOF,EAAQ,EAAG,EAAGI,EACzC,SACkB,SAATL,GAAmBC,EAAQvD,EAAYQ,MAAMoD,OAAS,EAAG,CAChE,MAAOD,GAAQ3D,EAAYQ,MAAMiD,OAAOF,EAAO,GAC/CvD,EAAYQ,MAAMiD,OAAOF,EAAQ,EAAG,EAAGI,EACzC,CACF,CAEA,SAASE,EAAYN,EAAeI,GAClC3D,EAAYQ,MAAM+C,GAAS,IACtBvD,EAAYQ,MAAM+C,MAClBI,EACH5B,QAAQ,EACRO,uBAAwBqB,EAAKrB,uBAEjC,CAEA,SAASwB,EAAcP,GACrBvD,EAAYQ,MAAMiD,OAAOF,EAAO,GAChCQ,EAAUC,QAAQ,OACpB,CAEA,SAASC,EAAYhD,EAAkBiD,GACrCpE,EAAM,cAAemB,EAAUiD,EACjC,CAYAC,EAAM,IAAMvE,EAAMwE,YAAcvD,IAC1BA,IACFb,EAAYQ,MAAQ,IAAIK,KAEzB,CAAEwD,WAAW,IAEhB,MAAMC,EAAKC,EAAa,kCAItBC,EAkIM,MAAA,CAlIAC,MAAKC,EAAEC,EAAAL,GAAGM,EAAC,gBACfC,EAgIM,MAhINC,EAgIM,EA/HJC,GAAA,GAAAP,EA8HMQ,EAAA,KAAAC,EA7HoBjF,EAAAQ,MAAW,CAA3BmD,EAAMJ,SADhBiB,EA8HM,MAAA,CA5HHU,IAAKvB,EAAK1C,SACXwD,MAAM,8CAEyCU,SAASxB,EAAKxC,aAC3D4D,IAAAK,EAyBEC,EAzBFC,EAyBE,mBAxBQX,EAAAzE,GAAK,CACZ,cAAaU,IAAe+C,EAAK1C,UACjCQ,MAAOkC,EAAKlC,MACZ6B,KAAMK,EAAKxC,WACX,UAASwC,EAAK4B,OACd,SAAQ5B,EAAK6B,MACb,WAAU7B,EAAK3B,aACf,YAAW2B,EAAK1C,SAChB,SAAQ0C,EAAK1B,SAAM,EACnB,cAAa0B,EAAKrC,QAClBc,SAAUuB,EAAKvB,SACf,qBAAoBuB,EAAK8B,iBACzB,UAAS9B,EAAK5B,SAAM,EACpB,eAAc2D,EAAAA,UACd,cAAa/B,EAAKgC,WAClB,oBAAmBhC,EAAKiC,gBACxB,yBAAwBjC,EAAKkC,oBAC7B,4BAA2BlC,EAAKrB,uBAChCwD,cAAc7B,EACd8B,OAAOzC,GAAwBI,EAAKH,EAAOD,GAC3C0C,SAAMC,GAAEnC,EAAcP,GACtB2C,OAAOvC,GAAcE,EAAYN,EAAOI,GACxCwC,OAAIF,GAAEtC,EAAK5B,QAAM,EACjBqE,MAAG,CAAG9C,EAAchB,IAAmCjC,EAAWiD,EAAMC,EAAOjB,2SAIxD,UAAfqB,EAAKxC,YADlB4D,IAAAK,EAmBEiB,EAnBFf,EAmBE,mBAjBQX,EAAAzE,GAAK,CACZ,cAAaU,IAAe+C,EAAK1C,UACjCQ,MAAOkC,EAAKlC,MACZ,WAAUkC,EAAK3B,aACf,SAAQ2B,EAAK1B,SAAM,EACnB,cAAa0B,EAAKrC,QAClBc,SAAUuB,EAAKvB,SACf,UAASuB,EAAK5B,SAAM,EACpB,sBAAqB4B,EAAKtB,kBAC1B,eAAcqD,EAAAA,UACd,yBAAwB/B,EAAKkC,oBAC7B,4BAA2BlC,EAAKrB,uBAChCyD,OAAOzC,GAAwBI,EAAKH,EAAOD,GAC3C0C,SAAMC,GAAEnC,EAAcP,GACtB2C,OAAOvC,GAAcE,EAAYN,EAAOI,GACxCwC,OAAIF,GAAEtC,EAAK5B,QAAM,EACjBqE,MAAM9C,GAAiBjD,EAAWiD,EAAMC,EAAK,uOAGpB,eAAfI,EAAKxC,YADlB4D,IAAAK,EAmBEkB,EAnBFhB,EAmBE,mBAjBQX,EAAAzE,GAAK,CACZ,cAAaU,IAAe+C,EAAK1C,UACjCQ,MAAOkC,EAAKlC,MACZ,WAAUkC,EAAK3B,aACf,SAAQ2B,EAAK1B,SAAM,EACnB,cAAa0B,EAAKrC,QAClBc,SAAUuB,EAAKvB,SACf,eAAcsD,EAAAA,UACd,UAAS/B,EAAK5B,SAAM,EACpB,0BAAyB4B,EAAK4C,qBAAmB,CAAA,EACjD,yBAAwB5C,EAAKkC,oBAC7B,4BAA2BlC,EAAKrB,uBAChCyD,OAAOzC,GAAwBI,EAAKH,EAAOD,GAC3C0C,SAAMC,GAAEnC,EAAcP,GACtB2C,OAAOvC,GAAcE,EAAYN,EAAOI,GACxCwC,OAAIF,GAAEtC,EAAK5B,QAAM,EACjBqE,MAAM9C,GAAiBjD,EAAWiD,EAAMC,EAAK,2OAGpB,cAAfI,EAAKxC,YADlB4D,IAAAK,EAoBEoB,EApBFlB,EAoBE,mBAlBQX,EAAAzE,GAAK,CACZ,cAAaU,IAAe+C,EAAK1C,UACjCQ,MAAOkC,EAAKlC,MACZ,WAAUkC,EAAK3B,aACf,SAAQ2B,EAAK1B,SAAM,EACnB,cAAa0B,EAAKrC,QAClBc,SAAUuB,EAAKvB,SACf,eAAcsD,EAAAA,UACd,UAAS/B,EAAK5B,SAAM,EACpB,cAAa4B,EAAKgC,WAClB,0BAAyBhC,EAAK4C,qBAAmB,CAAA,EACjD,4BAA2B5C,EAAKrB,uBAChC,yBAAwBqB,EAAKkC,oBAC7BE,OAAOzC,GAAwBI,EAAKH,EAAOD,GAC3C0C,SAAMC,GAAEnC,EAAcP,GACtB2C,OAAOvC,GAAcE,EAAYN,EAAOI,GACxCwC,OAAIF,GAAEtC,EAAK5B,QAAM,EACjBqE,MAAM9C,GAAiBjD,EAAWiD,EAAMC,EAAK,yPAGpB,cAAfI,EAAKxC,YADlB4D,IAAAK,EAeEqB,EAfFnB,EAeE,mBAbQX,EAAAzE,GAAK,CACZ,cAAaU,IAAe+C,EAAK1C,UACjC,oBAAmB0C,EAAKvC,gBACxB,SAAQuC,EAAK1B,SAAM,EACnB,WAAU0B,EAAK3B,aACf,UAAS2B,EAAK5B,SAAM,EACpB,eAAc2D,EAAAA,UACd,4BAA2B/B,EAAKrB,uBAChCyD,OAAOzC,GAAwBI,EAAKH,EAAOD,GAC3C0C,SAAMC,GAAEnC,EAAcP,GACtB2C,OAAOvC,GAAcE,EAAYN,EAAOI,GACxCwC,OAAIF,GAAEtC,EAAK5B,QAAM,EACjBqE,MAAM9C,GAAiBjD,EAAWiD,EAAMC,EAAK,2KAGpB,aAAfI,EAAKxC,gBADlBiE,EAeEsB,EAAA,CAbCxB,IAAK3B,EACL,aAvQFvD,EAAYQ,MAAMwC,OAAQjC,GAA4B,aAAjBA,EAAEI,YAA2ByC,OAwQhE,qBAAoBf,EAAArC,MAAiBmD,EAAK1C,UAC1C0C,OACA,UAASA,EAAK5B,SAAM,EACpB,SAAQ4B,EAAK1B,SAAM,EACnB,WAAU0B,EAAK3B,aACf,4BAA2B2B,EAAKrB,uBAChCyD,OAAOzC,GAAwBI,EAAKH,EAAOD,GAC3C0C,SAAMC,GAAEnC,EAAcP,GACtB2C,OAAOvC,GAAcE,EAAYN,EAAOI,GACxCwC,OAAIF,GAAEtC,EAAK5B,QAAM,EACjBqE,MAAM9C,GAAiBjD,EAAWiD,EAAMC,EAAK"}
+{"version":3,"file":"subject-list.vue.mjs","sources":["../../../../../../packages/components/src/subject-list/src/subject-list.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { nanoid } from 'nanoid'\nimport { computed, ref, useAttrs, watch } from 'vue'\nimport draggable from 'vuedraggable'\nimport { QxsMessage } from '../../message'\nimport { QxsButton } from '../../ui'\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 SubjectPageEnd from './components/SubjectPageEnd.vue'\nimport SubjectRichText from './components/SubjectRichText.vue'\n\ndefineOptions({\n  name: 'QxsSubjectList',\n})\n\nconst props = defineProps<{\n  subjectList: any[]\n  isPreview: boolean\n}>()\nconst emits = defineEmits(['setRelation'])\nconst currentList = ref([] as any)\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: nanoid(),\n    answerType: type,\n    analysis: '',\n    scaleQuestionList: [],\n    isSave: false,\n    isEdit: true,\n    isRealCanDel: true,\n    hasSet: false,\n    examAnswerRelationType,\n    isKey: false,\n    answerCheckType: 1,\n  }\n\n  if (index !== null) {\n    currentList.value.splice(index + 1, 0, newSubject)\n  }\n  else {\n    currentList.value.push(newSubject)\n  }\n}\nfunction addExam(items: any[]) {\n  let currentIndex = 1\n  const newList: any[] = []\n\n  items.forEach((v: any) => {\n    // 创建新的题目对象\n    const newItem = {\n      ...v,\n      customId: nanoid(),\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: nanoid(),\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  }\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  QxsMessage.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\n// 排序模式\nconst sortMode = ref(false)\n\nfunction toggleSortMode() {\n  sortMode.value = !sortMode.value\n}\n\nfunction getSubjectTypeLabel(type: string) {\n  const typeMap: Record<string, string> = {\n    single: '单选题',\n    multiple: '多选题',\n    sort: '排序题',\n    blank_fill: '填空题',\n    text_fill: '填空题',\n    scale: '量表题',\n    rich_text: '富文本',\n    page_end: '分页符',\n  }\n  return typeMap[type] || '未知类型'\n}\n</script>\n\n<template>\n  <div :class=\"ns.e('list-exam')\">\n    <div class=\"subject-list-wrapper\">\n      <!-- 排序模式切换按钮 -->\n      <div\n        v-if=\"!isPreview && currentList.length > 1\"\n        class=\"sort-mode-toggle\"\n      >\n        <QxsButton\n          v-if=\"!sortMode\"\n          size=\"small\"\n          @click=\"toggleSortMode\"\n        >\n          <template #icon>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"14\"\n              height=\"14\"\n              viewBox=\"0 0 24 24\"\n              fill=\"currentColor\"\n            >\n              <path d=\"M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z\" />\n            </svg>\n          </template>\n          排序\n        </QxsButton>\n        <QxsButton\n          v-else\n          size=\"small\"\n          type=\"primary\"\n          @click=\"toggleSortMode\"\n        >\n          完成排序\n        </QxsButton>\n      </div>\n\n      <!-- 排序模式：轻量列表 -->\n      <div\n        v-if=\"sortMode\"\n        class=\"sort-list\"\n      >\n        <draggable\n          v-model=\"currentList\"\n          item-key=\"customId\"\n          ghost-class=\"sort-ghost\"\n          chosen-class=\"sort-chosen\"\n          drag-class=\"sort-drag\"\n          :animation=\"200\"\n        >\n          <template #item=\"{ element: item, index }\">\n            <div class=\"sort-item\">\n              <div class=\"sort-handle\">\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"currentColor\"\n                >\n                  <path d=\"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\" />\n                </svg>\n              </div>\n              <span class=\"sort-index\">{{ index + 1 }}.</span>\n              <span class=\"sort-title\">{{ item.title || '未命名题目' }}</span>\n              <span class=\"sort-type\">{{ getSubjectTypeLabel(item.answerType) }}</span>\n            </div>\n          </template>\n        </draggable>\n      </div>\n\n      <!-- 正常模式：完整内容 -->\n      <template v-else>\n        <draggable\n          v-model=\"currentList\"\n          item-key=\"customId\"\n          handle=\".drag-handle\"\n          :disabled=\"isPreview\"\n          ghost-class=\"ghost\"\n          chosen-class=\"chosen\"\n          drag-class=\"dragging\"\n        >\n          <template #item=\"{ element: item, index }\">\n            <div\n              class=\"subject-item\"\n              :class=\"{ 'is-preview': isPreview }\"\n            >\n              <div class=\"subject-content\">\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                    :is-key=\"item.isKey\"\n                    :is-save=\"!item.isRealCanDel\"\n                    :custom-id=\"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                    :answer-check-type=\"item.answerCheckType\"\n                    :exam-rich-text-content=\"item.examRichTextContent\"\n                    :exam-answer-relation-type=\"item.examAnswerRelationType\"\n                    @set-relation=\"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-else-if=\"item.answerType === 'scale'\"\n                  v-bind=\"attrs\"\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                  :exam-answer-relation-type=\"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-else-if=\"item.answerType === 'blank_fill'\"\n                  v-bind=\"attrs\"\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                  :exam-answer-relation-type=\"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-else-if=\"item.answerType === 'text_fill'\"\n                  v-bind=\"attrs\"\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                  :exam-answer-relation-type=\"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-else-if=\"item.answerType === 'rich_text'\"\n                  v-bind=\"attrs\"\n                  :order-index=\"currentIndex()(item.customId)\"\n                  :rich-text-content=\"item.richTextContent\"\n                  :is-set=\"item.hasSet || false\"\n                  :is-save=\"!item.isRealCanDel\"\n                  :is-edit=\"item.isEdit || false\"\n                  :show-action=\"!isPreview\"\n                  :exam-answer-relation-type=\"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                <SubjectPageEnd\n                  v-else-if=\"item.answerType === 'page_end'\"\n                  :key=\"index\"\n                  :total-page=\"totalPageIndex()\"\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                  :exam-answer-relation-type=\"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> <!-- 关闭 subject-content -->\n            </div>\n          </template>\n        </draggable>\n      </template>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emits","__emit","currentList","ref","attrs","useAttrs","__expose","addSubject","uploadExcel","list","value","concat","addExam","items","currentIndex","newList","forEach","v","newItem","customId","nanoid","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","isKey","answerCheckType","splice","move","item","length","saveSubject","deleteSubject","QxsMessage","success","setRelation","examAnswers","watch","subjectList","immediate","ns","useNamespace","sortMode","toggleSortMode","_createElementBlock","class","_normalizeClass","_unref","e","_createElementVNode","_hoisted_1","_createCommentVNode","isPreview","_openBlock","_hoisted_2","_createBlock","QxsButton","size","onClick","_cache","icon","xmlns","width","height","viewBox","fill","d","_hoisted_3","_createVNode","draggable","$event","animation","_withCtx","element","_hoisted_4","_hoisted_5","_toDisplayString","_hoisted_6","_hoisted_7","single","multiple","sort","blank_fill","text_fill","scale","rich_text","page_end","_Fragment","key","handle","disabled","_hoisted_8","includes","SubjectSingle","_mergeProps","examId","leastAnswerCount","examExpand","examRichTextContent","onSetRelation","onMove","onDelete","onSave","onEdit","onAdd","SubjectScale","SubjectBlankFill","examAnswerSettingVO","SubjectTextFill","SubjectRichText","SubjectPageEnd"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-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 c,withDirectives as p,createElementVNode as d,vModelText as g}from"vue";import{useNamespace as y}from"@qxs-bns/hooks";import{merge as f}from"lodash-es";import h 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 v=["id","name"];var b=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:b}){const k=b,_=y("tiny-mce-editor"),x=e.assetsBasePath||"node_modules/",w=t(null),S=i(`tiny-mce-textarea-${Date.now()}-${Math.random().toString(36).substr(2,9)}`),V=n({get:()=>e.modelValue,set(e){k("update:modelValue",e)}}),$={selector:`textarea#${S.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: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=>{t.on("init",()=>{w.value=t,t.setContent(V.value)}),t.on("input change undo redo",()=>{V.value=t.getContent()}),e.config?.expandSetup?.(t)}},z=n(()=>{const t=$;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))),f(t,e.config)});return o(()=>e.modelValue,e=>{try{w.value&&e!==w.value?.getContent()&&w.value.setContent(e)}catch(e){console.error("设置编辑器内容时出错:",e)}}),a(async()=>{"undefined"!=typeof window&&h.init(z.value)}),l(()=>{w.value&&(w.value.destroy(),w.value=null)}),(e,t)=>(s(),r("div",{class:m(u(_).e("tiny-mce"))},[c(" 使用动态生成的 id "),p(d("textarea",{id:S.value,"onUpdate:modelValue":t[0]||(t[0]=e=>V.value=e),name:S.value},null,8,v),[[g,V.value]])],2))}});export{b as default};
+import{defineComponent as e,shallowRef as t,ref as i,computed as n,watch as a,onMounted as l,onBeforeUnmount as o,createElementBlock as r,openBlock as s,normalizeClass as m,unref as u,createCommentVNode as c,withDirectives as p,createElementVNode as d,vModelText as g}from"vue";import{useNamespace as y}from"@qxs-bns/hooks";import{merge as f}from"lodash-es";import h 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 v=["id","name"];var b=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:b}){const k=b,_=y("tiny-mce-editor"),x=e.assetsBasePath||"node_modules/",w=t(null),S=i(`tiny-mce-textarea-${Date.now()}-${Math.random().toString(36).substr(2,9)}`),V=n({get:()=>e.modelValue,set(e){k("update:modelValue",e)}}),$={selector:`textarea#${S.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: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=>{t.on("init",()=>{w.value=t,t.setContent(V.value)}),t.on("input change undo redo",()=>{V.value=t.getContent()}),e.config?.expandSetup?.(t)}},z=n(()=>{const t=$;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))),f(t,e.config)});return a(()=>e.modelValue,e=>{try{w.value&&e!==w.value?.getContent()&&w.value.setContent(e)}catch(e){}}),l(async()=>{"undefined"!=typeof window&&h.init(z.value)}),o(()=>{w.value&&(w.value.destroy(),w.value=null)}),(e,t)=>(s(),r("div",{class:m(u(_).e("tiny-mce"))},[c(" 使用动态生成的 id "),p(d("textarea",{id:S.value,"onUpdate:modelValue":t[0]||(t[0]=e=>V.value=e),name:S.value},null,8,v),[[g,V.value]])],2))}});export{b 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'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue'\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    editor.on('init', () => {\n      // 保存编辑器实例\n      editorInstance.value = editor\n      editor.setContent(content.value)\n    })\n\n    // 监听编辑器内容变化\n    editor.on('input change undo redo', () => {\n      content.value = editor.getContent()\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  try {\n    // 确保编辑器已初始化且内容确实发生变化\n    if (editorInstance.value && newVal !== editorInstance.value?.getContent()) {\n      editorInstance.value.setContent(newVal)\n    }\n  }\n  catch (error) {\n    console.error('设置编辑器内容时出错:', error)\n  }\n})\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","setContent","getContent","config","expandSetup","initSetting","dealDefaultSetting","images_upload_handler","replace","Array","isArray","filter","plugin","merge","watch","newVal","error","console","onMounted","async","window","tinymce","init","onBeforeUnmount","destroy","_createElementBlock","class","_normalizeClass","_unref","e","_createCommentVNode","_createElementVNode","id","$event","name"],"mappings":"gtCA4CA,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,IAAA,IACSd,EAAAe,WAET,GAAAC,CAAIC,GACFtB,EAAK,oBAAqBsB,EAC5B,IAGIC,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,IAENA,EAAOC,GAAG,OAAQ,KAEhBtC,EAAekB,MAAQmB,EACvBA,EAAOE,WAAW7B,EAAQQ,SAI5BmB,EAAOC,GAAG,yBAA0B,KAClC5B,EAAQQ,MAAQmB,EAAOG,eAGzB1C,EAAA2C,QAAQC,cAAcL,KAIpBM,EAAchC,EAAS,KAC3B,MAAMiC,EAAqB5B,EAe3B,OAdKlB,EAAA2C,OAAOI,wBAEgC,iBAA/BD,EAAmBhB,QAC5BgB,EAAmBhB,QAAUgB,EAAmBhB,QAAQkB,QACtD,QACA,IAGKC,MAAMC,QAAQJ,EAAmBhB,WACxCgB,EAAmBhB,QAAUgB,EAAmBhB,QAAQqB,UACjC,UAAXC,KAITC,EAAMP,EAAoB9C,EAAA2C,iBAInCW,EAAM,IAAMtD,EAAAe,WAAawC,IACvB,IAEMrD,EAAekB,OAASmC,IAAWrD,EAAekB,OAAOsB,cAC3DxC,EAAekB,MAAMqB,WAAWc,EAEpC,OACOC,GACLC,QAAQD,MAAM,cAAeA,EAC/B,IAGFE,EAAUC,UACc,oBAAXC,QACTC,EAAQC,KAAKjB,EAAYzB,SAK7B2C,EAAgB,KACV7D,EAAekB,QACjBlB,EAAekB,MAAM4C,UACrB9D,EAAekB,MAAQ,oBAMzB6C,EAOM,MAAA,CAPAC,MAAKC,EAAEC,EAAAvE,GAAGwE,EAAC,eACfC,EAAA,kBACAC,EAIE,WAAA,CAHCC,GAAIpE,EAAAgB,2CACIR,EAAOQ,MAAAqD,GACfC,KAAMtE,EAAAgB,qBADER,EAAAQ"}
+{"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'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue'\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    editor.on('init', () => {\n      // 保存编辑器实例\n      editorInstance.value = editor\n      editor.setContent(content.value)\n    })\n\n    // 监听编辑器内容变化\n    editor.on('input change undo redo', () => {\n      content.value = editor.getContent()\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  try {\n    // 确保编辑器已初始化且内容确实发生变化\n    if (editorInstance.value && newVal !== editorInstance.value?.getContent()) {\n      editorInstance.value.setContent(newVal)\n    }\n  }\n  catch (error) {\n    console.error('设置编辑器内容时出错:', error)\n  }\n})\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","setContent","getContent","config","expandSetup","initSetting","dealDefaultSetting","images_upload_handler","replace","Array","isArray","filter","plugin","merge","watch","newVal","error","onMounted","async","window","tinymce","init","onBeforeUnmount","destroy","_createElementBlock","class","_normalizeClass","_unref","e","_createCommentVNode","_createElementVNode","id","$event","name"],"mappings":"gtCA4CA,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,IAAA,IACSd,EAAAe,WAET,GAAAC,CAAIC,GACFtB,EAAK,oBAAqBsB,EAC5B,IAGIC,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,IAENA,EAAOC,GAAG,OAAQ,KAEhBtC,EAAekB,MAAQmB,EACvBA,EAAOE,WAAW7B,EAAQQ,SAI5BmB,EAAOC,GAAG,yBAA0B,KAClC5B,EAAQQ,MAAQmB,EAAOG,eAGzB1C,EAAA2C,QAAQC,cAAcL,KAIpBM,EAAchC,EAAS,KAC3B,MAAMiC,EAAqB5B,EAe3B,OAdKlB,EAAA2C,OAAOI,wBAEgC,iBAA/BD,EAAmBhB,QAC5BgB,EAAmBhB,QAAUgB,EAAmBhB,QAAQkB,QACtD,QACA,IAGKC,MAAMC,QAAQJ,EAAmBhB,WACxCgB,EAAmBhB,QAAUgB,EAAmBhB,QAAQqB,UACjC,UAAXC,KAITC,EAAMP,EAAoB9C,EAAA2C,iBAInCW,EAAM,IAAMtD,EAAAe,WAAawC,IACvB,IAEMrD,EAAekB,OAASmC,IAAWrD,EAAekB,OAAOsB,cAC3DxC,EAAekB,MAAMqB,WAAWc,EAEpC,OACOC,GAEP,IAGFC,EAAUC,UACc,oBAAXC,QACTC,EAAQC,KAAKhB,EAAYzB,SAK7B0C,EAAgB,KACV5D,EAAekB,QACjBlB,EAAekB,MAAM2C,UACrB7D,EAAekB,MAAQ,oBAMzB4C,EAOM,MAAA,CAPAC,MAAKC,EAAEC,EAAAtE,GAAGuE,EAAC,eACfC,EAAA,kBACAC,EAIE,WAAA,CAHCC,GAAInE,EAAAgB,2CACIR,EAAOQ,MAAAoD,GACfC,KAAMrE,EAAAgB,qBADER,EAAAQ"}

package/es/src/ui/button/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as t,h as e}from"vue";const l=t({name:"QxsButton",props:{type:{type:String,default:"default"},size:{type:String,default:"default"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},nativeType:{type:String,default:"button"},icon:{type:[String,Object],default:""}},emits:["click"],setup(t,l){let{slots:o,emit:a}=l;const i=e=>{t.disabled||t.loading||a("click",e)};return()=>e("button",{class:["qxs-button",`qxs-button--${t.type}`,`qxs-button--${t.size}`,{"is-disabled":t.disabled,"is-loading":t.loading,"is-plain":t.plain,"is-round":t.round,"is-circle":t.circle}],disabled:t.disabled||t.loading,type:t.nativeType,onClick:i},[t.loading&&e("span",{class:"qxs-button__loading"},[e("svg",{class:"qxs-button__loading-icon",viewBox:"0 0 24 24"},[e("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-dasharray":"60","stroke-dashoffset":"20"})])]),o.default?.()])}});export{l as QxsButton,l as default};
+//# sourceMappingURL=index.mjs.map

package/es/src/ui/button/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/button/index.ts"],"sourcesContent":["import { defineComponent, h, type PropType, type VNode } from 'vue'\n\nexport type ButtonType = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default'\nexport type ButtonSize = 'large' | 'default' | 'small'\n\nexport const QxsButton = defineComponent({\n  name: 'QxsButton',\n  props: {\n    type: { type: String as PropType<ButtonType>, default: 'default' },\n    size: { type: String as PropType<ButtonSize>, default: 'default' },\n    disabled: { type: Boolean, default: false },\n    loading: { type: Boolean, default: false },\n    plain: { type: Boolean, default: false },\n    round: { type: Boolean, default: false },\n    circle: { type: Boolean, default: false },\n    nativeType: { type: String as PropType<'button' | 'submit' | 'reset'>, default: 'button' },\n    icon: { type: [String, Object] as PropType<string | VNode>, default: '' },\n  },\n  emits: ['click'],\n  setup(props, { slots, emit }) {\n    const handleClick = (e: MouseEvent) => {\n      if (!props.disabled && !props.loading) {\n        emit('click', e)\n      }\n    }\n\n    return () => h('button', {\n      class: [\n        'qxs-button',\n        `qxs-button--${props.type}`,\n        `qxs-button--${props.size}`,\n        {\n          'is-disabled': props.disabled,\n          'is-loading': props.loading,\n          'is-plain': props.plain,\n          'is-round': props.round,\n          'is-circle': props.circle,\n        },\n      ],\n      disabled: props.disabled || props.loading,\n      type: props.nativeType,\n      onClick: handleClick,\n    }, [\n      props.loading && h('span', { class: 'qxs-button__loading' }, [\n        h('svg', { class: 'qxs-button__loading-icon', viewBox: '0 0 24 24' }, [\n          h('circle', { cx: '12', cy: '12', r: '10', stroke: 'currentColor', 'stroke-width': '2', fill: 'none', 'stroke-dasharray': '60', 'stroke-dashoffset': '20' }),\n        ]),\n      ]),\n      slots.default?.(),\n    ])\n  },\n})\n\nexport default QxsButton\n"],"names":["QxsButton","defineComponent","name","props","type","String","default","size","disabled","Boolean","loading","plain","round","circle","nativeType","icon","Object","emits","setup","_ref","slots","emit","handleClick","e","h","class","onClick","viewBox","cx","cy","r","stroke","fill"],"mappings":"6CAKO,MAAMA,EAAYC,EAAgB,CACvCC,KAAM,YACNC,MAAO,CACLC,KAAM,CAAEA,KAAMC,OAAgCC,QAAS,WACvDC,KAAM,CAAEH,KAAMC,OAAgCC,QAAS,WACvDE,SAAU,CAAEJ,KAAMK,QAASH,SAAS,GACpCI,QAAS,CAAEN,KAAMK,QAASH,SAAS,GACnCK,MAAO,CAAEP,KAAMK,QAASH,SAAS,GACjCM,MAAO,CAAER,KAAMK,QAASH,SAAS,GACjCO,OAAQ,CAAET,KAAMK,QAASH,SAAS,GAClCQ,WAAY,CAAEV,KAAMC,OAAmDC,QAAS,UAChFS,KAAM,CAAEX,KAAM,CAACC,OAAQW,QAAqCV,QAAS,KAEvEW,MAAO,CAAC,SACRC,KAAAA,CAAMf,EAAAgB,GAAwB,IAAjBC,MAAEA,EAAAC,KAAOA,GAAKF,EACzB,MAAMG,EAAeC,IACdpB,EAAMK,UAAaL,EAAMO,SAC5BW,EAAK,QAASE,IAIlB,MAAO,IAAMC,EAAE,SAAU,CACvBC,MAAO,CACL,aACA,eAAetB,EAAMC,OACrB,eAAeD,EAAMI,OACrB,CACE,cAAeJ,EAAMK,SACrB,aAAcL,EAAMO,QACpB,WAAYP,EAAMQ,MAClB,WAAYR,EAAMS,MAClB,YAAaT,EAAMU,SAGvBL,SAAUL,EAAMK,UAAYL,EAAMO,QAClCN,KAAMD,EAAMW,WACZY,QAASJ,GACR,CACDnB,EAAMO,SAAWc,EAAE,OAAQ,CAAEC,MAAO,uBAAyB,CAC3DD,EAAE,MAAO,CAAEC,MAAO,2BAA4BE,QAAS,aAAe,CACpEH,EAAE,SAAU,CAAEI,GAAI,KAAMC,GAAI,KAAMC,EAAG,KAAMC,OAAQ,eAAgB,eAAgB,IAAKC,KAAM,OAAQ,mBAAoB,KAAM,oBAAqB,WAGzJZ,EAAMd,aAEV"}

package/es/src/ui/checkbox/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as e,h as l}from"vue";const a=e({name:"QxsCheckbox",props:{modelValue:{type:[Boolean,String,Number,Array],default:!1},disabled:{type:Boolean,default:!1},label:{type:[String,Number,Boolean],default:""},indeterminate:{type:Boolean,default:!1},trueLabel:{type:[String,Number],default:void 0},falseLabel:{type:[String,Number],default:void 0}},emits:["update:modelValue","change"],setup(e,a){let{slots:t,emit:d}=a;const o=()=>Array.isArray(e.modelValue)?e.modelValue.includes(e.label):void 0!==e.trueLabel||void 0!==e.falseLabel?e.modelValue===e.trueLabel:Boolean(e.modelValue),s=l=>{if(e.disabled)return;const a=l.target.checked;if(Array.isArray(e.modelValue)){const l=[...e.modelValue];if(a)l.push(e.label);else{const a=l.indexOf(e.label);a>-1&&l.splice(a,1)}d("update:modelValue",l),d("change",l)}else if(void 0!==e.trueLabel||void 0!==e.falseLabel){const l=a?e.trueLabel:e.falseLabel;d("update:modelValue",l),d("change",l)}else d("update:modelValue",a),d("change",a)};return()=>l("label",{class:["qxs-checkbox",{"is-checked":o(),"is-disabled":e.disabled,"is-indeterminate":e.indeterminate}],style:{display:"inline-flex",alignItems:"center",cursor:e.disabled?"not-allowed":"pointer",marginRight:"12px"}},[l("input",{type:"checkbox",class:"qxs-checkbox__input",checked:o(),disabled:e.disabled,onChange:s,style:{marginRight:"8px",cursor:e.disabled?"not-allowed":"pointer"}}),(t.default?.()||e.label)&&l("span",{class:"qxs-checkbox__label",style:{fontSize:"14px",color:e.disabled?"var(--qxs-text-color-disabled, #c0c4cc)":void 0}},t.default?.()||e.label)])}}),t=e({name:"QxsCheckboxGroup",props:{modelValue:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1},min:{type:Number,default:void 0},max:{type:Number,default:void 0}},emits:["update:modelValue","change"],setup(e,a){let{slots:t}=a;return()=>l("div",{class:"qxs-checkbox-group",style:{display:"inline-flex",flexWrap:"wrap",gap:"8px"}},t.default?.())}});export{a as QxsCheckbox,t as QxsCheckboxGroup,a as default};
+//# sourceMappingURL=index.mjs.map

package/es/src/ui/checkbox/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/checkbox/index.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue'\n\nexport const QxsCheckbox = defineComponent({\n  name: 'QxsCheckbox',\n  props: {\n    modelValue: { type: [Boolean, String, Number, Array] as PropType<boolean | string | number | any[]>, default: false },\n    disabled: { type: Boolean, default: false },\n    label: { type: [String, Number, Boolean], default: '' },\n    indeterminate: { type: Boolean, default: false },\n    trueLabel: { type: [String, Number], default: undefined },\n    falseLabel: { type: [String, Number], default: undefined },\n  },\n  emits: ['update:modelValue', 'change'],\n  setup(props, { slots, emit }) {\n    const isChecked = () => {\n      if (Array.isArray(props.modelValue)) {\n        return props.modelValue.includes(props.label)\n      }\n      if (props.trueLabel !== undefined || props.falseLabel !== undefined) {\n        return props.modelValue === props.trueLabel\n      }\n      return Boolean(props.modelValue)\n    }\n\n    const handleChange = (e: Event) => {\n      if (props.disabled) return\n      \n      const checked = (e.target as HTMLInputElement).checked\n      \n      if (Array.isArray(props.modelValue)) {\n        const value = [...props.modelValue]\n        if (checked) {\n          value.push(props.label)\n        } else {\n          const index = value.indexOf(props.label)\n          if (index > -1) {\n            value.splice(index, 1)\n          }\n        }\n        emit('update:modelValue', value)\n        emit('change', value)\n      } else if (props.trueLabel !== undefined || props.falseLabel !== undefined) {\n        const value = checked ? props.trueLabel : props.falseLabel\n        emit('update:modelValue', value)\n        emit('change', value)\n      } else {\n        emit('update:modelValue', checked)\n        emit('change', checked)\n      }\n    }\n\n    return () => h('label', {\n      class: [\n        'qxs-checkbox',\n        {\n          'is-checked': isChecked(),\n          'is-disabled': props.disabled,\n          'is-indeterminate': props.indeterminate,\n        },\n      ],\n      style: {\n        display: 'inline-flex',\n        alignItems: 'center',\n        cursor: props.disabled ? 'not-allowed' : 'pointer',\n        marginRight: '12px',\n      },\n    }, [\n      h('input', {\n        type: 'checkbox',\n        class: 'qxs-checkbox__input',\n        checked: isChecked(),\n        disabled: props.disabled,\n        onChange: handleChange,\n        style: {\n          marginRight: '8px',\n          cursor: props.disabled ? 'not-allowed' : 'pointer',\n        },\n      }),\n      (slots.default?.() || props.label) && h('span', { \n        class: 'qxs-checkbox__label',\n        style: {\n          fontSize: '14px',\n          color: props.disabled ? 'var(--qxs-text-color-disabled, #c0c4cc)' : undefined,\n        },\n      }, slots.default?.() || props.label),\n    ])\n  },\n})\n\nexport const QxsCheckboxGroup = defineComponent({\n  name: 'QxsCheckboxGroup',\n  props: {\n    modelValue: { type: Array as PropType<any[]>, default: () => [] },\n    disabled: { type: Boolean, default: false },\n    min: { type: Number, default: undefined },\n    max: { type: Number, default: undefined },\n  },\n  emits: ['update:modelValue', 'change'],\n  setup(_props, { slots }) {\n    return () => h('div', { \n      class: 'qxs-checkbox-group',\n      style: {\n        display: 'inline-flex',\n        flexWrap: 'wrap',\n        gap: '8px',\n      },\n    }, slots.default?.())\n  },\n})\n\nexport default QxsCheckbox\n"],"names":["QxsCheckbox","defineComponent","name","props","modelValue","type","Boolean","String","Number","Array","default","disabled","label","indeterminate","trueLabel","falseLabel","emits","setup","_ref","slots","emit","isChecked","isArray","includes","handleChange","e","checked","target","value","push","index","indexOf","splice","h","class","style","display","alignItems","cursor","marginRight","onChange","fontSize","color","QxsCheckboxGroup","min","max","_props","_ref2","flexWrap","gap"],"mappings":"6CAEO,MAAMA,EAAcC,EAAgB,CACzCC,KAAM,cACNC,MAAO,CACLC,WAAY,CAAEC,KAAM,CAACC,QAASC,OAAQC,OAAQC,OAAuDC,SAAS,GAC9GC,SAAU,CAAEN,KAAMC,QAASI,SAAS,GACpCE,MAAO,CAAEP,KAAM,CAACE,OAAQC,OAAQF,SAAUI,QAAS,IACnDG,cAAe,CAAER,KAAMC,QAASI,SAAS,GACzCI,UAAW,CAAET,KAAM,CAACE,OAAQC,QAASE,aAAS,GAC9CK,WAAY,CAAEV,KAAM,CAACE,OAAQC,QAASE,aAAS,IAEjDM,MAAO,CAAC,oBAAqB,UAC7BC,KAAAA,CAAMd,EAAAe,GAAwB,IAAjBC,MAAEA,EAAAC,KAAOA,GAAKF,EACzB,MAAMG,EAAYA,IACZZ,MAAMa,QAAQnB,EAAMC,YACfD,EAAMC,WAAWmB,SAASpB,EAAMS,YAEjB,IAApBT,EAAMW,gBAAgD,IAArBX,EAAMY,WAClCZ,EAAMC,aAAeD,EAAMW,UAE7BR,QAAQH,EAAMC,YAGjBoB,EAAgBC,IACpB,GAAItB,EAAMQ,SAAU,OAEpB,MAAMe,EAAWD,EAAEE,OAA4BD,QAE/C,GAAIjB,MAAMa,QAAQnB,EAAMC,YAAa,CACnC,MAAMwB,EAAQ,IAAIzB,EAAMC,YACxB,GAAIsB,EACFE,EAAMC,KAAK1B,EAAMS,WACZ,CACL,MAAMkB,EAAQF,EAAMG,QAAQ5B,EAAMS,OAC9BkB,GAAQ,GACVF,EAAMI,OAAOF,EAAO,EAExB,CACAV,EAAK,oBAAqBQ,GAC1BR,EAAK,SAAUQ,EACjB,cAA+B,IAApBzB,EAAMW,gBAAgD,IAArBX,EAAMY,WAA0B,CAC1E,MAAMa,EAAQF,EAAUvB,EAAMW,UAAYX,EAAMY,WAChDK,EAAK,oBAAqBQ,GAC1BR,EAAK,SAAUQ,EACjB,MACER,EAAK,oBAAqBM,GAC1BN,EAAK,SAAUM,IAInB,MAAO,IAAMO,EAAE,QAAS,CACtBC,MAAO,CACL,eACA,CACE,aAAcb,IACd,cAAelB,EAAMQ,SACrB,mBAAoBR,EAAMU,gBAG9BsB,MAAO,CACLC,QAAS,cACTC,WAAY,SACZC,OAAQnC,EAAMQ,SAAW,cAAgB,UACzC4B,YAAa,SAEd,CACDN,EAAE,QAAS,CACT5B,KAAM,WACN6B,MAAO,sBACPR,QAASL,IACTV,SAAUR,EAAMQ,SAChB6B,SAAUhB,EACVW,MAAO,CACLI,YAAa,MACbD,OAAQnC,EAAMQ,SAAW,cAAgB,cAG5CQ,EAAMT,aAAeP,EAAMS,QAAUqB,EAAE,OAAQ,CAC9CC,MAAO,sBACPC,MAAO,CACLM,SAAU,OACVC,MAAOvC,EAAMQ,SAAW,+CAA4C,IAErEQ,EAAMT,aAAeP,EAAMS,QAElC,IAGW+B,EAAmB1C,EAAgB,CAC9CC,KAAM,mBACNC,MAAO,CACLC,WAAY,CAAEC,KAAMI,MAA0BC,QAASA,IAAM,IAC7DC,SAAU,CAAEN,KAAMC,QAASI,SAAS,GACpCkC,IAAK,CAAEvC,KAAMG,OAAQE,aAAS,GAC9BmC,IAAK,CAAExC,KAAMG,OAAQE,aAAS,IAEhCM,MAAO,CAAC,oBAAqB,UAC7BC,KAAAA,CAAM6B,EAAAC,GAAmB,IAAX5B,MAAEA,GAAM4B,EACpB,MAAO,IAAMd,EAAE,MAAO,CACpBC,MAAO,qBACPC,MAAO,CACLC,QAAS,cACTY,SAAU,OACVC,IAAK,QAEN9B,EAAMT,YACX"}

package/es/src/ui/dialog/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as e,ref as o,watch as l,onMounted as t,onBeforeUnmount as a,h as s,Teleport as d}from"vue";const n=e({name:"QxsDialog",inheritAttrs:!1,props:{modelValue:{type:Boolean,required:!0},title:{type:String,default:""},width:{type:[String,Number],default:"50%"},showClose:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!1},appendToBody:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},customClass:{type:String,default:""},top:{type:String,default:"15vh"},center:{type:Boolean,default:!1}},emits:["update:modelValue","open","close"],setup(e,n){let{emit:r,slots:i}=n;const c=o(e.modelValue);l(()=>e.modelValue,e=>{c.value=e,e?u():p()});const u=()=>{r("open"),e.lockScroll&&(document.body.style.overflow="hidden")},p=()=>{r("close"),r("update:modelValue",!1),e.lockScroll&&(document.body.style.overflow="")},y=()=>{e.closeOnClickModal&&p()},f=o=>{"Escape"===o.key&&e.closeOnPressEscape&&c.value&&p()};return t(()=>{e.closeOnPressEscape&&document.addEventListener("keydown",f)}),a(()=>{document.removeEventListener("keydown",f),e.lockScroll&&(document.body.style.overflow="")}),()=>{if(e.destroyOnClose&&!c.value)return null;const o="number"==typeof e.width?`${e.width}px`:e.width,l=()=>c.value?s("div",{class:"qxs-dialog-container"},[s("div",{class:"qxs-overlay",onClick:y}),s("div",{class:["qxs-dialog__wrapper",e.center&&"qxs-dialog__wrapper--center"],onClick:e=>{e.target.classList.contains("qxs-dialog__wrapper")&&y()}},[s("div",{class:["qxs-dialog",e.customClass],style:{width:o,marginTop:e.center?"0":e.top},role:"dialog","aria-modal":"true","aria-label":e.title},[(i.header||e.title||e.showClose)&&s("div",{class:"qxs-dialog__header"},[i.header?i.header():s("span",{class:"qxs-dialog__title"},e.title),e.showClose&&s("button",{class:"qxs-dialog__close",type:"button","aria-label":"Close",onClick:p},"×")]),s("div",{class:"qxs-dialog__body"},i.default?.()),i.footer&&s("div",{class:"qxs-dialog__footer"},i.footer())])])]):null;return e.appendToBody?s(d,{to:"body"},[l()]):l()}}});export{n as QxsDialogComponent,n as default};
+//# sourceMappingURL=index.mjs.map

package/es/src/ui/dialog/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/dialog/index.ts"],"sourcesContent":["import { defineComponent, h, Teleport, ref, watch, onMounted, onBeforeUnmount, type PropType } from 'vue'\n\nexport interface QxsDialogProps {\n  modelValue: boolean\n  title?: string\n  width?: string | number\n  showClose?: boolean\n  closeOnClickModal?: boolean\n  closeOnPressEscape?: boolean\n  destroyOnClose?: boolean\n  appendToBody?: boolean\n  lockScroll?: boolean\n  customClass?: string\n  top?: string\n  center?: boolean\n}\n\nexport const QxsDialogComponent = defineComponent({\n  name: 'QxsDialog',\n  inheritAttrs: false,\n  props: {\n    modelValue: { type: Boolean, required: true },\n    title: { type: String, default: '' },\n    width: { type: [String, Number] as PropType<string | number>, default: '50%' },\n    showClose: { type: Boolean, default: true },\n    closeOnClickModal: { type: Boolean, default: true },\n    closeOnPressEscape: { type: Boolean, default: true },\n    destroyOnClose: { type: Boolean, default: false },\n    appendToBody: { type: Boolean, default: true },\n    lockScroll: { type: Boolean, default: true },\n    customClass: { type: String, default: '' },\n    top: { type: String, default: '15vh' },\n    center: { type: Boolean, default: false },\n  },\n  emits: ['update:modelValue', 'open', 'close'],\n  setup(props, { emit, slots }) {\n    const visible = ref(props.modelValue)\n\n    watch(() => props.modelValue, (val) => {\n      visible.value = val\n      if (val) {\n        handleOpen()\n      } else {\n        handleClose()\n      }\n    })\n\n    const handleOpen = () => {\n      emit('open')\n      if (props.lockScroll) {\n        document.body.style.overflow = 'hidden'\n      }\n    }\n\n    const handleClose = () => {\n      emit('close')\n      emit('update:modelValue', false)\n      if (props.lockScroll) {\n        document.body.style.overflow = ''\n      }\n    }\n\n    const handleOverlayClick = () => {\n      if (props.closeOnClickModal) {\n        handleClose()\n      }\n    }\n\n    const handleKeydown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && props.closeOnPressEscape && visible.value) {\n        handleClose()\n      }\n    }\n\n    onMounted(() => {\n      if (props.closeOnPressEscape) {\n        document.addEventListener('keydown', handleKeydown)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      document.removeEventListener('keydown', handleKeydown)\n      if (props.lockScroll) {\n        document.body.style.overflow = ''\n      }\n    })\n\n    return () => {\n      if (props.destroyOnClose && !visible.value) {\n        return null\n      }\n\n      const dialogWidth = typeof props.width === 'number' ? `${props.width}px` : props.width\n\n      const renderDialog = () => {\n        if (!visible.value) return null\n\n        return h('div', { class: 'qxs-dialog-container' }, [\n          h('div', { class: 'qxs-overlay', onClick: handleOverlayClick }),\n          h('div', { \n            class: ['qxs-dialog__wrapper', props.center && 'qxs-dialog__wrapper--center'], \n            onClick: (e: MouseEvent) => {\n              if ((e.target as HTMLElement).classList.contains('qxs-dialog__wrapper')) {\n                handleOverlayClick()\n              }\n            } \n          }, [\n            h('div', { \n              class: ['qxs-dialog', props.customClass], \n              style: { \n                width: dialogWidth, \n                marginTop: props.center ? '0' : props.top \n              }, \n              role: 'dialog', \n              'aria-modal': 'true', \n              'aria-label': props.title \n            }, [\n              (slots.header || props.title || props.showClose) && h('div', { class: 'qxs-dialog__header' }, [\n                slots.header ? slots.header() : h('span', { class: 'qxs-dialog__title' }, props.title),\n                props.showClose && h('button', { \n                  class: 'qxs-dialog__close', \n                  type: 'button', \n                  'aria-label': 'Close', \n                  onClick: handleClose \n                }, '×'),\n              ]),\n              h('div', { class: 'qxs-dialog__body' }, slots.default?.()),\n              slots.footer && h('div', { class: 'qxs-dialog__footer' }, slots.footer()),\n            ]),\n          ]),\n        ])\n      }\n\n      if (props.appendToBody) {\n        return h(Teleport, { to: 'body' }, [renderDialog()])\n      }\n\n      return renderDialog()\n    }\n  },\n})\n\nexport default QxsDialogComponent\n"],"names":["QxsDialogComponent","defineComponent","name","inheritAttrs","props","modelValue","type","Boolean","required","title","String","default","width","Number","showClose","closeOnClickModal","closeOnPressEscape","destroyOnClose","appendToBody","lockScroll","customClass","top","center","emits","setup","_ref","emit","slots","visible","ref","watch","val","value","handleOpen","handleClose","document","body","style","overflow","handleOverlayClick","handleKeydown","e","key","onMounted","addEventListener","onBeforeUnmount","removeEventListener","dialogWidth","renderDialog","h","class","onClick","target","classList","contains","marginTop","role","header","footer","Teleport","to"],"mappings":"mHAiBO,MAAMA,EAAqBC,EAAgB,CAChDC,KAAM,YACNC,cAAc,EACdC,MAAO,CACLC,WAAY,CAAEC,KAAMC,QAASC,UAAU,GACvCC,MAAO,CAAEH,KAAMI,OAAQC,QAAS,IAChCC,MAAO,CAAEN,KAAM,CAACI,OAAQG,QAAsCF,QAAS,OACvEG,UAAW,CAAER,KAAMC,QAASI,SAAS,GACrCI,kBAAmB,CAAET,KAAMC,QAASI,SAAS,GAC7CK,mBAAoB,CAAEV,KAAMC,QAASI,SAAS,GAC9CM,eAAgB,CAAEX,KAAMC,QAASI,SAAS,GAC1CO,aAAc,CAAEZ,KAAMC,QAASI,SAAS,GACxCQ,WAAY,CAAEb,KAAMC,QAASI,SAAS,GACtCS,YAAa,CAAEd,KAAMI,OAAQC,QAAS,IACtCU,IAAK,CAAEf,KAAMI,OAAQC,QAAS,QAC9BW,OAAQ,CAAEhB,KAAMC,QAASI,SAAS,IAEpCY,MAAO,CAAC,oBAAqB,OAAQ,SACrCC,KAAAA,CAAMpB,EAAAqB,GAAwB,IAAjBC,KAAEA,EAAAC,MAAMA,GAAMF,EACzB,MAAMG,EAAUC,EAAIzB,EAAMC,YAE1ByB,EAAM,IAAM1B,EAAMC,WAAa0B,IAC7BH,EAAQI,MAAQD,EACZA,EACFE,IAEAC,MAIJ,MAAMD,EAAaA,KACjBP,EAAK,QACDtB,EAAMe,aACRgB,SAASC,KAAKC,MAAMC,SAAW,WAI7BJ,EAAcA,KAClBR,EAAK,SACLA,EAAK,qBAAqB,GACtBtB,EAAMe,aACRgB,SAASC,KAAKC,MAAMC,SAAW,KAI7BC,EAAqBA,KACrBnC,EAAMW,mBACRmB,KAIEM,EAAiBC,IACP,WAAVA,EAAEC,KAAoBtC,EAAMY,oBAAsBY,EAAQI,OAC5DE,KAiBJ,OAbAS,EAAU,KACJvC,EAAMY,oBACRmB,SAASS,iBAAiB,UAAWJ,KAIzCK,EAAgB,KACdV,SAASW,oBAAoB,UAAWN,GACpCpC,EAAMe,aACRgB,SAASC,KAAKC,MAAMC,SAAW,MAI5B,KACL,GAAIlC,EAAMa,iBAAmBW,EAAQI,MACnC,OAAO,KAGT,MAAMe,EAAqC,iBAAhB3C,EAAMQ,MAAqB,GAAGR,EAAMQ,UAAYR,EAAMQ,MAE3EoC,EAAeA,IACdpB,EAAQI,MAENiB,EAAE,MAAO,CAAEC,MAAO,wBAA0B,CACjDD,EAAE,MAAO,CAAEC,MAAO,cAAeC,QAASZ,IAC1CU,EAAE,MAAO,CACPC,MAAO,CAAC,sBAAuB9C,EAAMkB,QAAU,+BAC/C6B,QAAUV,IACHA,EAAEW,OAAuBC,UAAUC,SAAS,wBAC/Cf,MAGH,CACDU,EAAE,MAAO,CACPC,MAAO,CAAC,aAAc9C,EAAMgB,aAC5BiB,MAAO,CACLzB,MAAOmC,EACPQ,UAAWnD,EAAMkB,OAAS,IAAMlB,EAAMiB,KAExCmC,KAAM,SACN,aAAc,OACd,aAAcpD,EAAMK,OACnB,EACAkB,EAAM8B,QAAUrD,EAAMK,OAASL,EAAMU,YAAcmC,EAAE,MAAO,CAAEC,MAAO,sBAAwB,CAC5FvB,EAAM8B,OAAS9B,EAAM8B,SAAWR,EAAE,OAAQ,CAAEC,MAAO,qBAAuB9C,EAAMK,OAChFL,EAAMU,WAAamC,EAAE,SAAU,CAC7BC,MAAO,oBACP5C,KAAM,SACN,aAAc,QACd6C,QAASjB,GACR,OAELe,EAAE,MAAO,CAAEC,MAAO,oBAAsBvB,EAAMhB,aAC9CgB,EAAM+B,QAAUT,EAAE,MAAO,CAAEC,MAAO,sBAAwBvB,EAAM+B,gBAhC3C,KAsC7B,OAAItD,EAAMc,aACD+B,EAAEU,EAAU,CAAEC,GAAI,QAAU,CAACZ,MAG/BA,IAEX"}

package/es/src/ui/input/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as e,ref as t,watch as a,nextTick as l,h as o}from"vue";const n=e({name:"QxsInput",props:{modelValue:{type:[String,Number],default:""},type:{type:String,default:"text"},placeholder:{type:String,default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},size:{type:String,default:"default"},maxlength:{type:Number,default:void 0},showWordLimit:{type:Boolean,default:!1},rows:{type:[Number,String],default:2},autosize:{type:[Boolean,Object],default:!1},resize:{type:String,default:"none"}},emits:["update:modelValue","input","change","focus","blur","clear"],setup(e,n){let{emit:s,slots:u}=n;const r=t(),d=()=>"textarea"===e.type,i=t=>{const a=t.target.value;s("update:modelValue",a),s("input",a),d()&&e.autosize&&g()},p=e=>{s("change",e.target.value)},m=e=>{s("focus",e)},c=e=>{s("blur",e)},x=()=>{s("update:modelValue",""),s("clear")},g=()=>{if(!r.value)return;const t=r.value;t.style.height="auto";let a=0,l=1/0;if("object"==typeof e.autosize){const o=parseInt(getComputedStyle(t).lineHeight)||20,n=parseInt(getComputedStyle(t).paddingTop)+parseInt(getComputedStyle(t).paddingBottom)||0;a=(e.autosize.minRows||1)*o+n,l=e.autosize.maxRows?e.autosize.maxRows*o+n:1/0}const o=t.scrollHeight,n=Math.min(Math.max(o,a),l);t.style.height=`${n}px`};a(()=>e.modelValue,()=>{d()&&e.autosize&&l(g)});return()=>o("div",{class:d()?["qxs-textarea",`qxs-textarea--${e.size}`]:["qxs-input",`qxs-input--${e.size}`]},[u.prefix?.(),d()?o("textarea",{ref:r,class:"qxs-textarea__inner",value:e.modelValue,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,maxlength:e.maxlength,rows:e.rows,style:d()?{resize:e.resize}:{},onInput:i,onChange:p,onFocus:m,onBlur:c}):o("input",{class:"qxs-input__inner",type:e.type,value:e.modelValue,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,maxlength:e.maxlength,onInput:i,onChange:p,onFocus:m,onBlur:c}),!d()&&e.clearable&&e.modelValue&&!e.disabled&&o("span",{class:"qxs-input__clear",onClick:x},"×"),u.suffix?.(),e.showWordLimit&&e.maxlength&&o("span",{class:d()?"qxs-textarea__count":"qxs-input__count"},`${String(e.modelValue).length}/${e.maxlength}`)])}});export{n as QxsInput,n as default};
+//# sourceMappingURL=index.mjs.map

package/es/src/ui/input/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/input/index.ts"],"sourcesContent":["import { defineComponent, h, ref, watch, nextTick, type CSSProperties } from 'vue'\n\nexport const QxsInput = defineComponent({\n  name: 'QxsInput',\n  props: {\n    modelValue: { type: [String, Number], default: '' },\n    type: { type: String, default: 'text' },\n    placeholder: { type: String, default: '' },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    clearable: { type: Boolean, default: false },\n    size: { type: String as () => 'large' | 'default' | 'small', default: 'default' },\n    maxlength: { type: Number, default: undefined },\n    showWordLimit: { type: Boolean, default: false },\n    rows: { type: [Number, String], default: 2 },\n    autosize: { type: [Boolean, Object] as unknown as () => boolean | { minRows?: number; maxRows?: number }, default: false },\n    resize: { type: String as () => 'none' | 'both' | 'horizontal' | 'vertical', default: 'none' },\n  },\n  emits: ['update:modelValue', 'input', 'change', 'focus', 'blur', 'clear'],\n  setup(props, { emit, slots }) {\n    const textareaRef = ref<HTMLTextAreaElement>()\n    const isTextarea = () => props.type === 'textarea'\n\n    const handleInput = (e: Event) => {\n      const value = (e.target as HTMLInputElement | HTMLTextAreaElement).value\n      emit('update:modelValue', value)\n      emit('input', value)\n      if (isTextarea() && props.autosize) {\n        adjustTextareaHeight()\n      }\n    }\n\n    const handleChange = (e: Event) => {\n      emit('change', (e.target as HTMLInputElement | HTMLTextAreaElement).value)\n    }\n\n    const handleFocus = (e: FocusEvent) => {\n      emit('focus', e)\n    }\n\n    const handleBlur = (e: FocusEvent) => {\n      emit('blur', e)\n    }\n\n    const handleClear = () => {\n      emit('update:modelValue', '')\n      emit('clear')\n    }\n\n    const adjustTextareaHeight = () => {\n      if (!textareaRef.value) return\n\n      const textarea = textareaRef.value\n      textarea.style.height = 'auto'\n\n      let minHeight = 0\n      let maxHeight = Infinity\n\n      if (typeof props.autosize === 'object') {\n        const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20\n        const paddingHeight = parseInt(getComputedStyle(textarea).paddingTop) + parseInt(getComputedStyle(textarea).paddingBottom) || 0\n        minHeight = (props.autosize.minRows || 1) * lineHeight + paddingHeight\n        maxHeight = props.autosize.maxRows ? props.autosize.maxRows * lineHeight + paddingHeight : Infinity\n      }\n\n      const scrollHeight = textarea.scrollHeight\n      const newHeight = Math.min(Math.max(scrollHeight, minHeight), maxHeight)\n      textarea.style.height = `${newHeight}px`\n    }\n\n    watch(() => props.modelValue, () => {\n      if (isTextarea() && props.autosize) {\n        nextTick(adjustTextareaHeight)\n      }\n    })\n\n    const getContainerClass = () => {\n      const classes = isTextarea() ? ['qxs-textarea', `qxs-textarea--${props.size}`] : ['qxs-input', `qxs-input--${props.size}`]\n      return classes\n    }\n\n    const getInnerStyle = (): CSSProperties => {\n      if (isTextarea()) {\n        return {\n          resize: props.resize,\n        }\n      }\n      return {}\n    }\n\n    return () => h('div', { class: getContainerClass() }, [\n      slots.prefix?.(),\n      isTextarea()\n        ? h('textarea', {\n          ref: textareaRef,\n          class: 'qxs-textarea__inner',\n          value: props.modelValue,\n          placeholder: props.placeholder,\n          disabled: props.disabled,\n          readonly: props.readonly,\n          maxlength: props.maxlength,\n          rows: props.rows,\n          style: getInnerStyle(),\n          onInput: handleInput,\n          onChange: handleChange,\n          onFocus: handleFocus,\n          onBlur: handleBlur,\n        })\n        : h('input', {\n          class: 'qxs-input__inner',\n          type: props.type,\n          value: props.modelValue,\n          placeholder: props.placeholder,\n          disabled: props.disabled,\n          readonly: props.readonly,\n          maxlength: props.maxlength,\n          onInput: handleInput,\n          onChange: handleChange,\n          onFocus: handleFocus,\n          onBlur: handleBlur,\n        }),\n      !isTextarea() && props.clearable && props.modelValue && !props.disabled && h('span', {\n        class: 'qxs-input__clear',\n        onClick: handleClear,\n      }, '×'),\n      slots.suffix?.(),\n      props.showWordLimit && props.maxlength && h('span', {\n        class: isTextarea() ? 'qxs-textarea__count' : 'qxs-input__count',\n      }, `${String(props.modelValue).length}/${props.maxlength}`),\n    ])\n  },\n})\n\nexport default QxsInput\n"],"names":["QxsInput","defineComponent","name","props","modelValue","type","String","Number","default","placeholder","disabled","Boolean","readonly","clearable","size","maxlength","showWordLimit","rows","autosize","Object","resize","emits","setup","_ref","emit","slots","textareaRef","ref","isTextarea","handleInput","e","value","target","adjustTextareaHeight","handleChange","handleFocus","handleBlur","handleClear","textarea","style","height","minHeight","maxHeight","Infinity","lineHeight","parseInt","getComputedStyle","paddingHeight","paddingTop","paddingBottom","minRows","maxRows","scrollHeight","newHeight","Math","min","max","watch","nextTick","h","class","prefix","onInput","onChange","onFocus","onBlur","onClick","suffix","length"],"mappings":"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"}

package/es/src/ui/input-number/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as e,ref as l,computed as a,h as o}from"vue";const t=e({name:"QxsInputNumber",props:{modelValue:{type:Number,default:0},min:{type:Number,default:-1/0},max:{type:Number,default:1/0},step:{type:Number,default:1},precision:{type:Number,default:void 0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},controls:{type:Boolean,default:!0},size:{type:String,default:"default"},placeholder:{type:String,default:""}},emits:["update:modelValue","change","focus","blur","input"],setup(e,t){let{emit:n}=t;const r=l(),d=l(null),i=a(()=>{if(null!==d.value)return d.value;let l=e.modelValue;return void 0!==e.precision&&"number"==typeof l&&(l=Number.parseFloat(l.toFixed(e.precision))),l}),u=a(()=>e.modelValue<=e.min),s=a(()=>e.modelValue>=e.max),p=l=>void 0===e.precision?l:Number.parseFloat(l.toFixed(e.precision)),c=()=>{if(e.disabled||e.readonly||s.value)return;const l=p(e.modelValue+e.step),a=Math.min(l,e.max);n("update:modelValue",a),n("change",a,e.modelValue)},b=()=>{if(e.disabled||e.readonly||u.value)return;const l=p(e.modelValue-e.step),a=Math.max(l,e.min);n("update:modelValue",a),n("change",a,e.modelValue)},m=e=>{const l=e.target.value;d.value=l,n("input",l)},x=l=>{const a=l.target.value;let o=""===a?0:Number(a);Number.isNaN(o)||(void 0!==e.precision&&(o=p(o)),o=Math.max(e.min,Math.min(e.max,o)),n("update:modelValue",o),n("change",o,e.modelValue)),d.value=null},f=e=>{n("focus",e)},v=e=>{n("blur",e),d.value=null},y=a(()=>"large"===e.size?"40px":"small"===e.size?"24px":"32px");return()=>o("div",{class:["qxs-input-number",`qxs-input-number--${e.size}`,{"is-disabled":e.disabled,"is-controls":e.controls}],style:{display:"inline-flex",alignItems:"center",position:"relative"}},[e.controls&&o("button",{class:["qxs-input-number__decrease",{"is-disabled":u.value||e.disabled}],disabled:u.value||e.disabled,onClick:b,style:{width:y.value,height:y.value,border:"1px solid var(--qxs-border-color, #dcdfe6)",borderRight:"none",background:"var(--qxs-fill-color-blank, #fff)",cursor:u.value||e.disabled?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"14px",borderRadius:"4px 0 0 4px"}},"−"),o("input",{ref:r,class:"qxs-input-number__inner",type:"text",value:i.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,onInput:m,onChange:x,onFocus:f,onBlur:v,style:{width:e.controls?`calc(100% - ${y.value} * 2)`:"100%",height:y.value,padding:"0 12px",border:"1px solid var(--qxs-border-color, #dcdfe6)",borderLeft:e.controls?"none":void 0,borderRight:e.controls?"none":void 0,outline:"none",textAlign:"center",fontSize:"large"===e.size?"14px":"small"===e.size?"12px":"13px",borderRadius:e.controls?"0":"4px"}}),e.controls&&o("button",{class:["qxs-input-number__increase",{"is-disabled":s.value||e.disabled}],disabled:s.value||e.disabled,onClick:c,style:{width:y.value,height:y.value,border:"1px solid var(--qxs-border-color, #dcdfe6)",borderLeft:"none",background:"var(--qxs-fill-color-blank, #fff)",cursor:s.value||e.disabled?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"14px",borderRadius:"0 4px 4px 0"}},"+")])}});export{t as QxsInputNumber,t as default};
+//# sourceMappingURL=index.mjs.map

package/es/src/ui/input-number/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/input-number/index.ts"],"sourcesContent":["import { defineComponent, h, ref, computed, type PropType } from 'vue'\n\nexport type InputNumberSize = 'large' | 'default' | 'small'\n\nexport const QxsInputNumber = defineComponent({\n  name: 'QxsInputNumber',\n  props: {\n    modelValue: { type: Number, default: 0 },\n    min: { type: Number, default: -Infinity },\n    max: { type: Number, default: Infinity },\n    step: { type: Number, default: 1 },\n    precision: { type: Number, default: undefined },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    controls: { type: Boolean, default: true },\n    size: { type: String as PropType<InputNumberSize>, default: 'default' },\n    placeholder: { type: String, default: '' },\n  },\n  emits: ['update:modelValue', 'change', 'focus', 'blur', 'input'],\n  setup(props, { emit }) {\n    const inputRef = ref<HTMLInputElement>()\n    const userInput = ref<string | null>(null)\n\n    const displayValue = computed(() => {\n      if (userInput.value !== null) {\n        return userInput.value\n      }\n      \n      let value = props.modelValue\n      if (props.precision !== undefined && typeof value === 'number') {\n        value = Number.parseFloat(value.toFixed(props.precision))\n      }\n      return value\n    })\n\n    const minDisabled = computed(() => {\n      return props.modelValue <= props.min\n    })\n\n    const maxDisabled = computed(() => {\n      return props.modelValue >= props.max\n    })\n\n    const toPrecision = (num: number) => {\n      if (props.precision === undefined) return num\n      return Number.parseFloat(num.toFixed(props.precision))\n    }\n\n    const increase = () => {\n      if (props.disabled || props.readonly || maxDisabled.value) return\n      const newValue = toPrecision(props.modelValue + props.step)\n      const value = Math.min(newValue, props.max)\n      emit('update:modelValue', value)\n      emit('change', value, props.modelValue)\n    }\n\n    const decrease = () => {\n      if (props.disabled || props.readonly || minDisabled.value) return\n      const newValue = toPrecision(props.modelValue - props.step)\n      const value = Math.max(newValue, props.min)\n      emit('update:modelValue', value)\n      emit('change', value, props.modelValue)\n    }\n\n    const handleInput = (e: Event) => {\n      const value = (e.target as HTMLInputElement).value\n      userInput.value = value\n      emit('input', value)\n    }\n\n    const handleChange = (e: Event) => {\n      const value = (e.target as HTMLInputElement).value\n      let newValue = value === '' ? 0 : Number(value)\n      \n      if (Number.isNaN(newValue)) {\n        userInput.value = null\n        return\n      }\n\n      if (props.precision !== undefined) {\n        newValue = toPrecision(newValue)\n      }\n\n      newValue = Math.max(props.min, Math.min(props.max, newValue))\n      \n      emit('update:modelValue', newValue)\n      emit('change', newValue, props.modelValue)\n      userInput.value = null\n    }\n\n    const handleFocus = (e: FocusEvent) => {\n      emit('focus', e)\n    }\n\n    const handleBlur = (e: FocusEvent) => {\n      emit('blur', e)\n      userInput.value = null\n    }\n\n    const buttonSize = computed(() => {\n      return props.size === 'large' ? '40px' : props.size === 'small' ? '24px' : '32px'\n    })\n\n    return () => h('div', {\n      class: [\n        'qxs-input-number',\n        `qxs-input-number--${props.size}`,\n        {\n          'is-disabled': props.disabled,\n          'is-controls': props.controls,\n        },\n      ],\n      style: {\n        display: 'inline-flex',\n        alignItems: 'center',\n        position: 'relative',\n      },\n    }, [\n      props.controls && h('button', {\n        class: ['qxs-input-number__decrease', { 'is-disabled': minDisabled.value || props.disabled }],\n        disabled: minDisabled.value || props.disabled,\n        onClick: decrease,\n        style: {\n          width: buttonSize.value,\n          height: buttonSize.value,\n          border: '1px solid var(--qxs-border-color, #dcdfe6)',\n          borderRight: 'none',\n          background: 'var(--qxs-fill-color-blank, #fff)',\n          cursor: minDisabled.value || props.disabled ? 'not-allowed' : 'pointer',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          fontSize: '14px',\n          borderRadius: '4px 0 0 4px',\n        },\n      }, '−'),\n      h('input', {\n        ref: inputRef,\n        class: 'qxs-input-number__inner',\n        type: 'text',\n        value: displayValue.value,\n        placeholder: props.placeholder,\n        disabled: props.disabled,\n        readonly: props.readonly,\n        onInput: handleInput,\n        onChange: handleChange,\n        onFocus: handleFocus,\n        onBlur: handleBlur,\n        style: {\n          width: props.controls ? `calc(100% - ${buttonSize.value} * 2)` : '100%',\n          height: buttonSize.value,\n          padding: '0 12px',\n          border: '1px solid var(--qxs-border-color, #dcdfe6)',\n          borderLeft: props.controls ? 'none' : undefined,\n          borderRight: props.controls ? 'none' : undefined,\n          outline: 'none',\n          textAlign: 'center',\n          fontSize: props.size === 'large' ? '14px' : props.size === 'small' ? '12px' : '13px',\n          borderRadius: props.controls ? '0' : '4px',\n        },\n      }),\n      props.controls && h('button', {\n        class: ['qxs-input-number__increase', { 'is-disabled': maxDisabled.value || props.disabled }],\n        disabled: maxDisabled.value || props.disabled,\n        onClick: increase,\n        style: {\n          width: buttonSize.value,\n          height: buttonSize.value,\n          border: '1px solid var(--qxs-border-color, #dcdfe6)',\n          borderLeft: 'none',\n          background: 'var(--qxs-fill-color-blank, #fff)',\n          cursor: maxDisabled.value || props.disabled ? 'not-allowed' : 'pointer',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          fontSize: '14px',\n          borderRadius: '0 4px 4px 0',\n        },\n      }, '+'),\n    ])\n  },\n})\n\nexport default QxsInputNumber\n"],"names":["QxsInputNumber","defineComponent","name","props","modelValue","type","Number","default","min","Infinity","max","step","precision","disabled","Boolean","readonly","controls","size","String","placeholder","emits","setup","_ref","emit","inputRef","ref","userInput","displayValue","computed","value","parseFloat","toFixed","minDisabled","maxDisabled","toPrecision","num","increase","newValue","Math","decrease","handleInput","e","target","handleChange","isNaN","handleFocus","handleBlur","buttonSize","h","class","style","display","alignItems","position","onClick","width","height","border","borderRight","background","cursor","justifyContent","fontSize","borderRadius","onInput","onChange","onFocus","onBlur","padding","borderLeft","outline","textAlign"],"mappings":"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"}

package/es/src/ui/layout/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as e,provide as t,computed as l,h as s,inject as u}from"vue";const p=Symbol("QxsRow"),a=e({name:"QxsRow",props:{gutter:{type:Number,default:0},justify:{type:String,default:"start"},align:{type:String,default:"top"},tag:{type:String,default:"div"}},setup(e,u){let{slots:a}=u;t(p,{gutter:l(()=>e.gutter)});const r={display:"flex",flexWrap:"wrap",justifyContent:{start:"flex-start",end:"flex-end",center:"center","space-around":"space-around","space-between":"space-between","space-evenly":"space-evenly"}[e.justify],alignItems:{top:"flex-start",middle:"center",bottom:"flex-end"}[e.align]};return e.gutter&&(r.marginLeft=-e.gutter/2+"px",r.marginRight=-e.gutter/2+"px"),()=>s(e.tag,{class:"qxs-row",style:r},a.default?.())}}),r=e({name:"QxsCol",props:{span:{type:Number,default:24},offset:{type:Number,default:0},push:{type:Number,default:0},pull:{type:Number,default:0},tag:{type:String,default:"div"},xs:{type:[Number,Object],default:void 0},sm:{type:[Number,Object],default:void 0},md:{type:[Number,Object],default:void 0},lg:{type:[Number,Object],default:void 0},xl:{type:[Number,Object],default:void 0}},setup(e,t){let{slots:l}=t;const a=u(p,null),r=a?.gutter.value||0,o={boxSizing:"border-box"};r&&(o.paddingLeft=r/2+"px",o.paddingRight=r/2+"px");const f=100/24*e.span;return o.maxWidth=`${f}%`,o.flex=`0 0 ${f}%`,e.offset&&(o.marginLeft=100/24*e.offset+"%"),e.push&&(o.position="relative",o.left=100/24*e.push+"%"),e.pull&&(o.position="relative",o.right=100/24*e.pull+"%"),()=>s(e.tag,{class:["qxs-col",`qxs-col-${e.span}`,e.offset&&`qxs-col-offset-${e.offset}`,e.push&&`qxs-col-push-${e.push}`,e.pull&&`qxs-col-pull-${e.pull}`],style:o},l.default?.())}});export{r as QxsCol,a as QxsRow};
+//# sourceMappingURL=index.mjs.map

package/es/src/ui/layout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/layout/index.ts"],"sourcesContent":["import { defineComponent, h, provide, inject, computed, type PropType, type InjectionKey, type Ref, type CSSProperties } from 'vue'\n\nexport type RowJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly'\nexport type RowAlign = 'top' | 'middle' | 'bottom'\n\ninterface RowContext {\n  gutter: Ref<number>\n}\n\nconst ROW_INJECTION_KEY: InjectionKey<RowContext> = Symbol('QxsRow')\n\nexport const QxsRow = defineComponent({\n  name: 'QxsRow',\n  props: {\n    gutter: { type: Number, default: 0 },\n    justify: { type: String as PropType<RowJustify>, default: 'start' },\n    align: { type: String as PropType<RowAlign>, default: 'top' },\n    tag: { type: String, default: 'div' },\n  },\n  setup(props, { slots }) {\n    provide(ROW_INJECTION_KEY, {\n      gutter: computed(() => props.gutter),\n    })\n\n    const justifyMap: Record<RowJustify, string> = {\n      'start': 'flex-start',\n      'end': 'flex-end',\n      'center': 'center',\n      'space-around': 'space-around',\n      'space-between': 'space-between',\n      'space-evenly': 'space-evenly',\n    }\n\n    const alignMap: Record<RowAlign, string> = {\n      'top': 'flex-start',\n      'middle': 'center',\n      'bottom': 'flex-end',\n    }\n\n    const rowStyle: CSSProperties = {\n      display: 'flex',\n      flexWrap: 'wrap',\n      justifyContent: justifyMap[props.justify],\n      alignItems: alignMap[props.align],\n    }\n\n    if (props.gutter) {\n      rowStyle.marginLeft = `${-props.gutter / 2}px`\n      rowStyle.marginRight = `${-props.gutter / 2}px`\n    }\n\n    return () => h(props.tag, {\n      class: 'qxs-row',\n      style: rowStyle,\n    }, slots.default?.())\n  },\n})\n\nexport const QxsCol = defineComponent({\n  name: 'QxsCol',\n  props: {\n    span: { type: Number, default: 24 },\n    offset: { type: Number, default: 0 },\n    push: { type: Number, default: 0 },\n    pull: { type: Number, default: 0 },\n    tag: { type: String, default: 'div' },\n    xs: { type: [Number, Object] as PropType<number | { span?: number; offset?: number }>, default: undefined },\n    sm: { type: [Number, Object] as PropType<number | { span?: number; offset?: number }>, default: undefined },\n    md: { type: [Number, Object] as PropType<number | { span?: number; offset?: number }>, default: undefined },\n    lg: { type: [Number, Object] as PropType<number | { span?: number; offset?: number }>, default: undefined },\n    xl: { type: [Number, Object] as PropType<number | { span?: number; offset?: number }>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const row = inject(ROW_INJECTION_KEY, null)\n\n    const gutter = row?.gutter.value || 0\n\n    const colStyle: CSSProperties = {\n      boxSizing: 'border-box',\n    }\n\n    if (gutter) {\n      colStyle.paddingLeft = `${gutter / 2}px`\n      colStyle.paddingRight = `${gutter / 2}px`\n    }\n\n    const spanWidth = (100 / 24) * props.span\n    colStyle.maxWidth = `${spanWidth}%`\n    colStyle.flex = `0 0 ${spanWidth}%`\n\n    if (props.offset) {\n      colStyle.marginLeft = `${(100 / 24) * props.offset}%`\n    }\n\n    if (props.push) {\n      colStyle.position = 'relative'\n      colStyle.left = `${(100 / 24) * props.push}%`\n    }\n\n    if (props.pull) {\n      colStyle.position = 'relative'\n      colStyle.right = `${(100 / 24) * props.pull}%`\n    }\n\n    return () => h(props.tag, {\n      class: [\n        'qxs-col',\n        `qxs-col-${props.span}`,\n        props.offset && `qxs-col-offset-${props.offset}`,\n        props.push && `qxs-col-push-${props.push}`,\n        props.pull && `qxs-col-pull-${props.pull}`,\n      ],\n      style: colStyle,\n    }, slots.default?.())\n  },\n})\n\nexport default { QxsRow, QxsCol }\n"],"names":["ROW_INJECTION_KEY","Symbol","QxsRow","defineComponent","name","props","gutter","type","Number","default","justify","String","align","tag","setup","_ref","slots","provide","computed","rowStyle","display","flexWrap","justifyContent","start","end","center","alignItems","top","middle","bottom","marginLeft","marginRight","h","class","style","QxsCol","span","offset","push","pull","xs","Object","sm","md","lg","xl","_ref2","row","inject","value","colStyle","boxSizing","paddingLeft","paddingRight","spanWidth","maxWidth","flex","position","left","right"],"mappings":"oFASA,MAAMA,EAA8CC,OAAO,UAE9CC,EAASC,EAAgB,CACpCC,KAAM,SACNC,MAAO,CACLC,OAAQ,CAAEC,KAAMC,OAAQC,QAAS,GACjCC,QAAS,CAAEH,KAAMI,OAAgCF,QAAS,SAC1DG,MAAO,CAAEL,KAAMI,OAA8BF,QAAS,OACtDI,IAAK,CAAEN,KAAMI,OAAQF,QAAS,QAEhCK,KAAAA,CAAMT,EAAAU,GAAkB,IAAXC,MAAEA,GAAMD,EACnBE,EAAQjB,EAAmB,CACzBM,OAAQY,EAAS,IAAMb,EAAMC,UAG/B,MAeMa,EAA0B,CAC9BC,QAAS,OACTC,SAAU,OACVC,eAlB6C,CAC7CC,MAAS,aACTC,IAAO,WACPC,OAAU,SACV,eAAgB,eAChB,gBAAiB,gBACjB,eAAgB,gBAYWpB,EAAMK,SACjCgB,WAVyC,CACzCC,IAAO,aACPC,OAAU,SACVC,OAAU,YAOWxB,EAAMO,QAQ7B,OALIP,EAAMC,SACRa,EAASW,YAAiBzB,EAAMC,OAAS,EAAnB,KACtBa,EAASY,aAAkB1B,EAAMC,OAAS,EAAnB,MAGlB,IAAM0B,EAAE3B,EAAMQ,IAAK,CACxBoB,MAAO,UACPC,MAAOf,GACNH,EAAMP,YACX,IAGW0B,EAAShC,EAAgB,CACpCC,KAAM,SACNC,MAAO,CACL+B,KAAM,CAAE7B,KAAMC,OAAQC,QAAS,IAC/B4B,OAAQ,CAAE9B,KAAMC,OAAQC,QAAS,GACjC6B,KAAM,CAAE/B,KAAMC,OAAQC,QAAS,GAC/B8B,KAAM,CAAEhC,KAAMC,OAAQC,QAAS,GAC/BI,IAAK,CAAEN,KAAMI,OAAQF,QAAS,OAC9B+B,GAAI,CAAEjC,KAAM,CAACC,OAAQiC,QAAkEhC,aAAS,GAChGiC,GAAI,CAAEnC,KAAM,CAACC,OAAQiC,QAAkEhC,aAAS,GAChGkC,GAAI,CAAEpC,KAAM,CAACC,OAAQiC,QAAkEhC,aAAS,GAChGmC,GAAI,CAAErC,KAAM,CAACC,OAAQiC,QAAkEhC,aAAS,GAChGoC,GAAI,CAAEtC,KAAM,CAACC,OAAQiC,QAAkEhC,aAAS,IAElGK,KAAAA,CAAMT,EAAAyC,GAAkB,IAAX9B,MAAEA,GAAM8B,EACnB,MAAMC,EAAMC,EAAOhD,EAAmB,MAEhCM,EAASyC,GAAKzC,OAAO2C,OAAS,EAE9BC,EAA0B,CAC9BC,UAAW,cAGT7C,IACF4C,EAASE,YAAiB9C,EAAS,EAAZ,KACvB4C,EAASG,aAAkB/C,EAAS,EAAZ,MAG1B,MAAMgD,EAAa,IAAM,GAAMjD,EAAM+B,KAkBrC,OAjBAc,EAASK,SAAW,GAAGD,KACvBJ,EAASM,KAAO,OAAOF,KAEnBjD,EAAMgC,SACRa,EAASpB,WAAiB,IAAM,GAAMzB,EAAMgC,OAAtB,KAGpBhC,EAAMiC,OACRY,EAASO,SAAW,WACpBP,EAASQ,KAAW,IAAM,GAAMrD,EAAMiC,KAAtB,KAGdjC,EAAMkC,OACRW,EAASO,SAAW,WACpBP,EAASS,MAAY,IAAM,GAAMtD,EAAMkC,KAAtB,KAGZ,IAAMP,EAAE3B,EAAMQ,IAAK,CACxBoB,MAAO,CACL,UACA,WAAW5B,EAAM+B,OACjB/B,EAAMgC,QAAU,kBAAkBhC,EAAMgC,SACxChC,EAAMiC,MAAQ,gBAAgBjC,EAAMiC,OACpCjC,EAAMkC,MAAQ,gBAAgBlC,EAAMkC,QAEtCL,MAAOgB,GACNlC,EAAMP,YACX"}

package/es/src/ui/link/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as e,h as t}from"vue";const l=e({name:"QxsLink",props:{type:{type:String,default:"default"},href:{type:String,default:""},target:{type:String,default:"_self"},disabled:{type:Boolean,default:!1},underline:{type:Boolean,default:!0}},emits:["click"],setup(e,l){let{slots:d,emit:i}=l;const a=t=>{e.disabled?t.preventDefault():(e.href||t.preventDefault(),i("click",t))};return()=>t("a",{class:["qxs-link",`qxs-link--${e.type}`,{"is-disabled":e.disabled,"is-underline":e.underline}],href:e.disabled?void 0:e.href,target:e.disabled?void 0:e.target,onClick:a,style:{cursor:e.disabled?"not-allowed":"pointer",textDecoration:e.underline?"underline":"none",opacity:e.disabled?"0.5":"1",color:e.disabled?"var(--qxs-text-color-disabled, #c0c4cc)":void 0}},d.default?.())}});export{l as QxsLink,l as default};
+//# sourceMappingURL=index.mjs.map

package/es/src/ui/link/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/link/index.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue'\n\nexport type LinkType = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default'\n\nexport const QxsLink = defineComponent({\n  name: 'QxsLink',\n  props: {\n    type: { type: String as PropType<LinkType>, default: 'default' },\n    href: { type: String, default: '' },\n    target: { type: String as PropType<'_blank' | '_self' | '_parent' | '_top'>, default: '_self' },\n    disabled: { type: Boolean, default: false },\n    underline: { type: Boolean, default: true },\n  },\n  emits: ['click'],\n  setup(props, { slots, emit }) {\n    const handleClick = (e: MouseEvent) => {\n      if (props.disabled) {\n        e.preventDefault()\n        return\n      }\n      if (!props.href) {\n        e.preventDefault()\n      }\n      emit('click', e)\n    }\n\n    return () => h('a', {\n      class: [\n        'qxs-link',\n        `qxs-link--${props.type}`,\n        {\n          'is-disabled': props.disabled,\n          'is-underline': props.underline,\n        },\n      ],\n      href: props.disabled ? undefined : props.href,\n      target: props.disabled ? undefined : props.target,\n      onClick: handleClick,\n      style: {\n        cursor: props.disabled ? 'not-allowed' : 'pointer',\n        textDecoration: props.underline ? 'underline' : 'none',\n        opacity: props.disabled ? '0.5' : '1',\n        color: props.disabled ? 'var(--qxs-text-color-disabled, #c0c4cc)' : undefined,\n      },\n    }, slots.default?.())\n  },\n})\n\nexport default QxsLink\n"],"names":["QxsLink","defineComponent","name","props","type","String","default","href","target","disabled","Boolean","underline","emits","setup","_ref","slots","emit","handleClick","e","preventDefault","h","class","onClick","style","cursor","textDecoration","opacity","color"],"mappings":"6CAIO,MAAMA,EAAUC,EAAgB,CACrCC,KAAM,UACNC,MAAO,CACLC,KAAM,CAAEA,KAAMC,OAA8BC,QAAS,WACrDC,KAAM,CAAEH,KAAMC,OAAQC,QAAS,IAC/BE,OAAQ,CAAEJ,KAAMC,OAA6DC,QAAS,SACtFG,SAAU,CAAEL,KAAMM,QAASJ,SAAS,GACpCK,UAAW,CAAEP,KAAMM,QAASJ,SAAS,IAEvCM,MAAO,CAAC,SACRC,KAAAA,CAAMV,EAAAW,GAAwB,IAAjBC,MAAEA,EAAAC,KAAOA,GAAKF,EACzB,MAAMG,EAAeC,IACff,EAAMM,SACRS,EAAEC,kBAGChB,EAAMI,MACTW,EAAEC,iBAEJH,EAAK,QAASE,KAGhB,MAAO,IAAME,EAAE,IAAK,CAClBC,MAAO,CACL,WACA,aAAalB,EAAMC,OACnB,CACE,cAAeD,EAAMM,SACrB,eAAgBN,EAAMQ,YAG1BJ,KAAMJ,EAAMM,cAAW,EAAYN,EAAMI,KACzCC,OAAQL,EAAMM,cAAW,EAAYN,EAAMK,OAC3Cc,QAASL,EACTM,MAAO,CACLC,OAAQrB,EAAMM,SAAW,cAAgB,UACzCgB,eAAgBtB,EAAMQ,UAAY,YAAc,OAChDe,QAASvB,EAAMM,SAAW,MAAQ,IAClCkB,MAAOxB,EAAMM,SAAW,+CAA4C,IAErEM,EAAMT,YACX"}

package/es/src/ui/popover/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as e,ref as t,computed as o,onMounted as r,onBeforeUnmount as i,h as l}from"vue";const a=e({name:"QxsPopover",props:{content:{type:String,default:""},placement:{type:String,default:"bottom"},trigger:{type:String,default:"hover"},disabled:{type:Boolean,default:!1},width:{type:[String,Number],default:150},visible:{type:Boolean,default:void 0},offset:{type:Number,default:12},showArrow:{type:Boolean,default:!0}},emits:["update:visible","show","hide","after-enter","after-leave"],setup(e,a){let{slots:n,emit:s}=a;const u=t(!1),d=t(),p=t();let c=null;const v=void 0!==e.visible,g=o(()=>v?e.visible:u.value),f=()=>{e.disabled||(c&&(clearTimeout(c),c=null),v||(u.value=!0),s("update:visible",!0),s("show"))},b=()=>{c&&clearTimeout(c),c=setTimeout(()=>{v||(u.value=!1),s("update:visible",!1),s("hide")},200)},m=()=>{"hover"===e.trigger&&f()},h=()=>{"hover"===e.trigger&&b()},x=()=>{"click"===e.trigger&&(g.value?b():f())},k=()=>{"focus"===e.trigger&&f()},y=()=>{"focus"===e.trigger&&b()},w=()=>{"hover"===e.trigger&&c&&(clearTimeout(c),c=null)},q=()=>{"hover"===e.trigger&&b()},S=t=>{if("click"!==e.trigger)return;const o=t.target;d.value?.contains(o)||p.value?.contains(o)||b()};r(()=>{"click"===e.trigger&&document.addEventListener("click",S)}),i(()=>{"click"===e.trigger&&document.removeEventListener("click",S),c&&clearTimeout(c)});return()=>l("div",{class:"qxs-popover",style:{display:"inline-block",position:"relative"}},[l("div",{ref:d,class:"qxs-popover__reference",onMouseenter:m,onMouseleave:h,onClick:x,onFocus:k,onBlur:y},n.reference?.()||n.default?.()),g.value&&l("div",{ref:p,class:["qxs-popover__popper",`qxs-popover__popper--${e.placement}`],style:{position:"absolute",zIndex:2e3,width:"number"==typeof e.width?`${e.width}px`:e.width,padding:"12px",backgroundColor:"var(--qxs-fill-color-blank, #fff)",border:"1px solid var(--qxs-border-color-light, #e4e7ed)",borderRadius:"4px",boxShadow:"0 2px 12px 0 rgba(0, 0, 0, 0.1)",fontSize:"14px",lineHeight:"1.4",wordBreak:"break-all"},onMouseenter:w,onMouseleave:q},n.default?.()||e.content)])}});export{a as QxsPopover,a as default};
+//# sourceMappingURL=index.mjs.map

package/es/src/ui/popover/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/popover/index.ts"],"sourcesContent":["import { computed, defineComponent, h, onBeforeUnmount, onMounted, ref, type PropType } from 'vue'\n\nexport type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end'\nexport type PopoverTrigger = 'hover' | 'click' | 'focus' | 'manual'\n\nexport const QxsPopover = defineComponent({\n  name: 'QxsPopover',\n  props: {\n    content: { type: String, default: '' },\n    placement: { type: String as PropType<PopoverPlacement>, default: 'bottom' },\n    trigger: { type: String as PropType<PopoverTrigger>, default: 'hover' },\n    disabled: { type: Boolean, default: false },\n    width: { type: [String, Number], default: 150 },\n    visible: { type: Boolean, default: undefined },\n    offset: { type: Number, default: 12 },\n    showArrow: { type: Boolean, default: true },\n  },\n  emits: ['update:visible', 'show', 'hide', 'after-enter', 'after-leave'],\n  setup(props, { slots, emit }) {\n    const popoverVisible = ref(false)\n    const referenceRef = ref<HTMLElement>()\n    const popperRef = ref<HTMLElement>()\n    let hideTimer: ReturnType<typeof setTimeout> | null = null\n\n    const isControlled = props.visible !== undefined\n\n    const currentVisible = computed(() => isControlled ? props.visible : popoverVisible.value)\n\n    const show = () => {\n      if (props.disabled)\n        return\n      if (hideTimer) {\n        clearTimeout(hideTimer)\n        hideTimer = null\n      }\n      if (!isControlled) {\n        popoverVisible.value = true\n      }\n      emit('update:visible', true)\n      emit('show')\n    }\n\n    const hide = () => {\n      if (hideTimer) {\n        clearTimeout(hideTimer)\n      }\n      hideTimer = setTimeout(() => {\n        if (!isControlled) {\n          popoverVisible.value = false\n        }\n        emit('update:visible', false)\n        emit('hide')\n      }, 200)\n    }\n\n    const handleReferenceMouseEnter = () => {\n      if (props.trigger === 'hover') {\n        show()\n      }\n    }\n\n    const handleReferenceMouseLeave = () => {\n      if (props.trigger === 'hover') {\n        hide()\n      }\n    }\n\n    const handleReferenceClick = () => {\n      if (props.trigger === 'click') {\n        if (currentVisible.value) {\n          hide()\n        }\n        else {\n          show()\n        }\n      }\n    }\n\n    const handleReferenceFocus = () => {\n      if (props.trigger === 'focus') {\n        show()\n      }\n    }\n\n    const handleReferenceBlur = () => {\n      if (props.trigger === 'focus') {\n        hide()\n      }\n    }\n\n    const handlePopperMouseEnter = () => {\n      if (props.trigger === 'hover' && hideTimer) {\n        clearTimeout(hideTimer)\n        hideTimer = null\n      }\n    }\n\n    const handlePopperMouseLeave = () => {\n      if (props.trigger === 'hover') {\n        hide()\n      }\n    }\n\n    const handleClickOutside = (e: MouseEvent) => {\n      if (props.trigger !== 'click')\n        return\n      const target = e.target as Node\n      if (\n        referenceRef.value?.contains(target)\n        || popperRef.value?.contains(target)\n      ) {\n        return\n      }\n      hide()\n    }\n\n    onMounted(() => {\n      if (props.trigger === 'click') {\n        document.addEventListener('click', handleClickOutside)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (props.trigger === 'click') {\n        document.removeEventListener('click', handleClickOutside)\n      }\n      if (hideTimer) {\n        clearTimeout(hideTimer)\n      }\n    })\n\n    const getPopperStyle = () => {\n      const width = typeof props.width === 'number' ? `${props.width}px` : props.width\n      return {\n        position: 'absolute' as const,\n        zIndex: 2000,\n        width,\n        padding: '12px',\n        backgroundColor: 'var(--qxs-fill-color-blank, #fff)',\n        border: '1px solid var(--qxs-border-color-light, #e4e7ed)',\n        borderRadius: '4px',\n        boxShadow: '0 2px 12px 0 rgba(0, 0, 0, 0.1)',\n        fontSize: '14px',\n        lineHeight: '1.4',\n        wordBreak: 'break-all' as const,\n      }\n    }\n\n    return () => h('div', {\n      class: 'qxs-popover',\n      style: {\n        display: 'inline-block',\n        position: 'relative',\n      },\n    }, [\n      h('div', {\n        ref: referenceRef,\n        class: 'qxs-popover__reference',\n        onMouseenter: handleReferenceMouseEnter,\n        onMouseleave: handleReferenceMouseLeave,\n        onClick: handleReferenceClick,\n        onFocus: handleReferenceFocus,\n        onBlur: handleReferenceBlur,\n      }, slots.reference?.() || slots.default?.()),\n      currentVisible.value && h('div', {\n        ref: popperRef,\n        class: ['qxs-popover__popper', `qxs-popover__popper--${props.placement}`],\n        style: getPopperStyle(),\n        onMouseenter: handlePopperMouseEnter,\n        onMouseleave: handlePopperMouseLeave,\n      }, slots.default?.() || props.content),\n    ])\n  },\n})\n\nexport default QxsPopover\n"],"names":["QxsPopover","defineComponent","name","props","content","type","String","default","placement","trigger","disabled","Boolean","width","Number","visible","offset","showArrow","emits","setup","_ref","slots","emit","popoverVisible","ref","referenceRef","popperRef","hideTimer","isControlled","currentVisible","computed","value","show","clearTimeout","hide","setTimeout","handleReferenceMouseEnter","handleReferenceMouseLeave","handleReferenceClick","handleReferenceFocus","handleReferenceBlur","handlePopperMouseEnter","handlePopperMouseLeave","handleClickOutside","e","target","contains","onMounted","document","addEventListener","onBeforeUnmount","removeEventListener","h","class","style","display","position","onMouseenter","onMouseleave","onClick","onFocus","onBlur","reference","zIndex","padding","backgroundColor","border","borderRadius","boxShadow","fontSize","lineHeight","wordBreak"],"mappings":"wGAKO,MAAMA,EAAaC,EAAgB,CACxCC,KAAM,aACNC,MAAO,CACLC,QAAS,CAAEC,KAAMC,OAAQC,QAAS,IAClCC,UAAW,CAAEH,KAAMC,OAAsCC,QAAS,UAClEE,QAAS,CAAEJ,KAAMC,OAAoCC,QAAS,SAC9DG,SAAU,CAAEL,KAAMM,QAASJ,SAAS,GACpCK,MAAO,CAAEP,KAAM,CAACC,OAAQO,QAASN,QAAS,KAC1CO,QAAS,CAAET,KAAMM,QAASJ,aAAS,GACnCQ,OAAQ,CAAEV,KAAMQ,OAAQN,QAAS,IACjCS,UAAW,CAAEX,KAAMM,QAASJ,SAAS,IAEvCU,MAAO,CAAC,iBAAkB,OAAQ,OAAQ,cAAe,eACzDC,KAAAA,CAAMf,EAAAgB,GAAwB,IAAjBC,MAAEA,EAAAC,KAAOA,GAAKF,EACzB,MAAMG,EAAiBC,GAAI,GACrBC,EAAeD,IACfE,EAAYF,IAClB,IAAIG,EAAkD,KAEtD,MAAMC,OAAiC,IAAlBxB,EAAMW,QAErBc,EAAiBC,EAAS,IAAMF,EAAexB,EAAMW,QAAUQ,EAAeQ,OAE9EC,EAAOA,KACP5B,EAAMO,WAENgB,IACFM,aAAaN,GACbA,EAAY,MAETC,IACHL,EAAeQ,OAAQ,GAEzBT,EAAK,kBAAkB,GACvBA,EAAK,UAGDY,EAAOA,KACPP,GACFM,aAAaN,GAEfA,EAAYQ,WAAW,KAChBP,IACHL,EAAeQ,OAAQ,GAEzBT,EAAK,kBAAkB,GACvBA,EAAK,SACJ,MAGCc,EAA4BA,KACV,UAAlBhC,EAAMM,SACRsB,KAIEK,EAA4BA,KACV,UAAlBjC,EAAMM,SACRwB,KAIEI,EAAuBA,KACL,UAAlBlC,EAAMM,UACJmB,EAAeE,MACjBG,IAGAF,MAKAO,EAAuBA,KACL,UAAlBnC,EAAMM,SACRsB,KAIEQ,EAAsBA,KACJ,UAAlBpC,EAAMM,SACRwB,KAIEO,EAAyBA,KACP,UAAlBrC,EAAMM,SAAuBiB,IAC/BM,aAAaN,GACbA,EAAY,OAIVe,EAAyBA,KACP,UAAlBtC,EAAMM,SACRwB,KAIES,EAAsBC,IAC1B,GAAsB,UAAlBxC,EAAMM,QACR,OACF,MAAMmC,EAASD,EAAEC,OAEfpB,EAAaM,OAAOe,SAASD,IAC1BnB,EAAUK,OAAOe,SAASD,IAI/BX,KAGFa,EAAU,KACc,UAAlB3C,EAAMM,SACRsC,SAASC,iBAAiB,QAASN,KAIvCO,EAAgB,KACQ,UAAlB9C,EAAMM,SACRsC,SAASG,oBAAoB,QAASR,GAEpChB,GACFM,aAAaN,KAqBjB,MAAO,IAAMyB,EAAE,MAAO,CACpBC,MAAO,cACPC,MAAO,CACLC,QAAS,eACTC,SAAU,aAEX,CACDJ,EAAE,MAAO,CACP5B,IAAKC,EACL4B,MAAO,yBACPI,aAAcrB,EACdsB,aAAcrB,EACdsB,QAASrB,EACTsB,QAASrB,EACTsB,OAAQrB,GACPnB,EAAMyC,eAAiBzC,EAAMb,aAChCqB,EAAeE,OAASqB,EAAE,MAAO,CAC/B5B,IAAKE,EACL2B,MAAO,CAAC,sBAAuB,wBAAwBjD,EAAMK,aAC7D6C,MAlCK,CACLE,SAAU,WACVO,OAAQ,IACRlD,MAJmC,iBAAhBT,EAAMS,MAAqB,GAAGT,EAAMS,UAAYT,EAAMS,MAKzEmD,QAAS,OACTC,gBAAiB,oCACjBC,OAAQ,mDACRC,aAAc,MACdC,UAAW,kCACXC,SAAU,OACVC,WAAY,MACZC,UAAW,aAwBXd,aAAchB,EACdiB,aAAchB,GACbrB,EAAMb,aAAeJ,EAAMC,UAElC"}

package/es/src/ui/radio/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as e,inject as l,computed as a,h as t,provide as d}from"vue";const o=Symbol("radioGroup"),s=e({name:"QxsRadio",props:{modelValue:{type:[String,Number,Boolean],default:""},label:{type:[String,Number,Boolean],default:""},disabled:{type:Boolean,default:!1},name:{type:String,default:""}},emits:["update:modelValue","change"],setup(e,d){let{slots:s,emit:i}=d;const n=l(o,null),u=a(()=>n?n.value===e.label:e.modelValue===e.label),r=()=>{e.disabled||(n?n.value=e.label:i("update:modelValue",e.label),i("change",e.label))};return()=>t("label",{class:["qxs-radio",{"is-checked":u.value,"is-disabled":e.disabled}],style:{display:"inline-flex",alignItems:"center",cursor:e.disabled?"not-allowed":"pointer",marginRight:"12px"}},[t("input",{type:"radio",class:"qxs-radio__input",value:e.label,checked:u.value,disabled:e.disabled,name:e.name,onChange:r,style:{marginRight:"8px",cursor:e.disabled?"not-allowed":"pointer"}}),t("span",{class:"qxs-radio__label",style:{fontSize:"14px",color:e.disabled?"var(--qxs-text-color-disabled, #c0c4cc)":void 0}},s.default?.()||e.label)])}}),i=e({name:"QxsRadioGroup",props:{modelValue:{type:[String,Number,Boolean],default:""},disabled:{type:Boolean,default:!1},name:{type:String,default:""}},emits:["update:modelValue","change"],setup(e,l){let{slots:s,emit:i}=l;const n=a({get:()=>e.modelValue,set:e=>{i("update:modelValue",e),i("change",e)}});return d(o,n),()=>t("div",{class:"qxs-radio-group",style:{display:"inline-flex",flexDirection:"column",gap:"12px"}},s.default?.())}});export{s as QxsRadio,i as QxsRadioGroup,s as default};
+//# sourceMappingURL=index.mjs.map

package/es/src/ui/radio/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/radio/index.ts"],"sourcesContent":["import { defineComponent, h, computed, provide, inject, type PropType, type InjectionKey, type WritableComputedRef } from 'vue'\n\nconst radioGroupKey: InjectionKey<WritableComputedRef<string | number | boolean>> = Symbol('radioGroup')\n\nexport const QxsRadio = defineComponent({\n  name: 'QxsRadio',\n  props: {\n    modelValue: { type: [String, Number, Boolean] as PropType<string | number | boolean>, default: '' },\n    label: { type: [String, Number, Boolean] as PropType<string | number | boolean>, default: '' },\n    disabled: { type: Boolean, default: false },\n    name: { type: String, default: '' },\n  },\n  emits: ['update:modelValue', 'change'],\n  setup(props, { slots, emit }) {\n    const radioGroup = inject(radioGroupKey, null)\n    \n    const isChecked = computed(() => {\n      if (radioGroup) {\n        return radioGroup.value === props.label\n      }\n      return props.modelValue === props.label\n    })\n    \n    const handleChange = () => {\n      if (!props.disabled) {\n        if (radioGroup) {\n          radioGroup.value = props.label\n        } else {\n          emit('update:modelValue', props.label)\n        }\n        emit('change', props.label)\n      }\n    }\n\n    return () => h('label', {\n      class: ['qxs-radio', { 'is-checked': isChecked.value, 'is-disabled': props.disabled }],\n      style: {\n        display: 'inline-flex',\n        alignItems: 'center',\n        cursor: props.disabled ? 'not-allowed' : 'pointer',\n        marginRight: '12px',\n      },\n    }, [\n      h('input', {\n        type: 'radio',\n        class: 'qxs-radio__input',\n        value: props.label,\n        checked: isChecked.value,\n        disabled: props.disabled,\n        name: props.name,\n        onChange: handleChange,\n        style: {\n          marginRight: '8px',\n          cursor: props.disabled ? 'not-allowed' : 'pointer',\n        },\n      }),\n      h('span', { \n        class: 'qxs-radio__label',\n        style: {\n          fontSize: '14px',\n          color: props.disabled ? 'var(--qxs-text-color-disabled, #c0c4cc)' : undefined,\n        },\n      }, slots.default?.() || props.label),\n    ])\n  },\n})\n\nexport const QxsRadioGroup = defineComponent({\n  name: 'QxsRadioGroup',\n  props: {\n    modelValue: { type: [String, Number, Boolean] as PropType<string | number | boolean>, default: '' },\n    disabled: { type: Boolean, default: false },\n    name: { type: String, default: '' },\n  },\n  emits: ['update:modelValue', 'change'],\n  setup(props, { slots, emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (val) => {\n        emit('update:modelValue', val)\n        emit('change', val)\n      }\n    })\n    \n    provide(radioGroupKey, modelValue)\n    \n    return () => h('div', { \n      class: 'qxs-radio-group',\n      style: {\n        display: 'inline-flex',\n        flexDirection: 'column',\n        gap: '12px',\n      },\n    }, slots.default?.())\n  },\n})\n\nexport default QxsRadio\n"],"names":["radioGroupKey","Symbol","QxsRadio","defineComponent","name","props","modelValue","type","String","Number","Boolean","default","label","disabled","emits","setup","_ref","slots","emit","radioGroup","inject","isChecked","computed","value","handleChange","h","class","style","display","alignItems","cursor","marginRight","checked","onChange","fontSize","color","QxsRadioGroup","_ref2","get","set","val","provide","flexDirection","gap"],"mappings":"oFAEA,MAAMA,EAA8EC,OAAO,cAE9EC,EAAWC,EAAgB,CACtCC,KAAM,WACNC,MAAO,CACLC,WAAY,CAAEC,KAAM,CAACC,OAAQC,OAAQC,SAAiDC,QAAS,IAC/FC,MAAO,CAAEL,KAAM,CAACC,OAAQC,OAAQC,SAAiDC,QAAS,IAC1FE,SAAU,CAAEN,KAAMG,QAASC,SAAS,GACpCP,KAAM,CAAEG,KAAMC,OAAQG,QAAS,KAEjCG,MAAO,CAAC,oBAAqB,UAC7BC,KAAAA,CAAMV,EAAAW,GAAwB,IAAjBC,MAAEA,EAAAC,KAAOA,GAAKF,EACzB,MAAMG,EAAaC,EAAOpB,EAAe,MAEnCqB,EAAYC,EAAS,IACrBH,EACKA,EAAWI,QAAUlB,EAAMO,MAE7BP,EAAMC,aAAeD,EAAMO,OAG9BY,EAAeA,KACdnB,EAAMQ,WACLM,EACFA,EAAWI,MAAQlB,EAAMO,MAEzBM,EAAK,oBAAqBb,EAAMO,OAElCM,EAAK,SAAUb,EAAMO,SAIzB,MAAO,IAAMa,EAAE,QAAS,CACtBC,MAAO,CAAC,YAAa,CAAE,aAAcL,EAAUE,MAAO,cAAelB,EAAMQ,WAC3Ec,MAAO,CACLC,QAAS,cACTC,WAAY,SACZC,OAAQzB,EAAMQ,SAAW,cAAgB,UACzCkB,YAAa,SAEd,CACDN,EAAE,QAAS,CACTlB,KAAM,QACNmB,MAAO,mBACPH,MAAOlB,EAAMO,MACboB,QAASX,EAAUE,MACnBV,SAAUR,EAAMQ,SAChBT,KAAMC,EAAMD,KACZ6B,SAAUT,EACVG,MAAO,CACLI,YAAa,MACbD,OAAQzB,EAAMQ,SAAW,cAAgB,aAG7CY,EAAE,OAAQ,CACRC,MAAO,mBACPC,MAAO,CACLO,SAAU,OACVC,MAAO9B,EAAMQ,SAAW,+CAA4C,IAErEI,EAAMN,aAAeN,EAAMO,QAElC,IAGWwB,EAAgBjC,EAAgB,CAC3CC,KAAM,gBACNC,MAAO,CACLC,WAAY,CAAEC,KAAM,CAACC,OAAQC,OAAQC,SAAiDC,QAAS,IAC/FE,SAAU,CAAEN,KAAMG,QAASC,SAAS,GACpCP,KAAM,CAAEG,KAAMC,OAAQG,QAAS,KAEjCG,MAAO,CAAC,oBAAqB,UAC7BC,KAAAA,CAAMV,EAAAgC,GAAwB,IAAjBpB,MAAEA,EAAAC,KAAOA,GAAKmB,EACzB,MAAM/B,EAAagB,EAAS,CAC1BgB,IAAKA,IAAMjC,EAAMC,WACjBiC,IAAMC,IACJtB,EAAK,oBAAqBsB,GAC1BtB,EAAK,SAAUsB,MAMnB,OAFAC,EAAQzC,EAAeM,GAEhB,IAAMmB,EAAE,MAAO,CACpBC,MAAO,kBACPC,MAAO,CACLC,QAAS,cACTc,cAAe,SACfC,IAAK,SAEN1B,EAAMN,YACX"}

package/es/src/ui/scrollbar/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as r,h as a}from"vue";const e=r({name:"QxsScrollbar",props:{height:{type:[String,Number],default:""},maxHeight:{type:[String,Number],default:""},always:{type:Boolean,default:!1}},setup(r,e){let{slots:l}=e;const t=r=>"number"==typeof r?`${r}px`:r,o={overflow:"auto",position:"relative"};r.height&&(o.height=t(r.height)),r.maxHeight&&(o.maxHeight=t(r.maxHeight));const s=`\n      .qxs-scrollbar__wrapper::-webkit-scrollbar {\n        width: 8px;\n        height: 8px;\n      }\n      .qxs-scrollbar__wrapper::-webkit-scrollbar-thumb {\n        background-color: rgba(144, 147, 153, 0.3);\n        border-radius: 4px;\n      }\n      .qxs-scrollbar__wrapper::-webkit-scrollbar-thumb:hover {\n        background-color: rgba(144, 147, 153, 0.5);\n      }\n      .qxs-scrollbar__wrapper::-webkit-scrollbar-track {\n        background-color: transparent;\n      }\n      ${r.always?"":"\n        .qxs-scrollbar__wrapper::-webkit-scrollbar {\n          display: none;\n        }\n        .qxs-scrollbar__wrapper:hover::-webkit-scrollbar {\n          display: block;\n        }\n      "}\n    `;return()=>a("div",{class:"qxs-scrollbar",style:{position:"relative"}},[a("style",s),a("div",{class:"qxs-scrollbar__wrapper",style:o},l.default?.())])}});export{e as QxsScrollbar,e as default};
+//# sourceMappingURL=index.mjs.map

package/es/src/ui/scrollbar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/scrollbar/index.ts"],"sourcesContent":["import { defineComponent, h, type CSSProperties } from 'vue'\n\nexport const QxsScrollbar = defineComponent({\n  name: 'QxsScrollbar',\n  props: {\n    height: { type: [String, Number], default: '' },\n    maxHeight: { type: [String, Number], default: '' },\n    always: { type: Boolean, default: false },\n  },\n  setup(props, { slots }) {\n    const getHeight = (value: string | number) => {\n      if (typeof value === 'number') return `${value}px`\n      return value\n    }\n\n    const wrapperStyle: CSSProperties = {\n      overflow: 'auto',\n      position: 'relative',\n    }\n\n    if (props.height) {\n      wrapperStyle.height = getHeight(props.height)\n    }\n\n    if (props.maxHeight) {\n      wrapperStyle.maxHeight = getHeight(props.maxHeight)\n    }\n\n    const scrollbarStyles = `\n      .qxs-scrollbar__wrapper::-webkit-scrollbar {\n        width: 8px;\n        height: 8px;\n      }\n      .qxs-scrollbar__wrapper::-webkit-scrollbar-thumb {\n        background-color: rgba(144, 147, 153, 0.3);\n        border-radius: 4px;\n      }\n      .qxs-scrollbar__wrapper::-webkit-scrollbar-thumb:hover {\n        background-color: rgba(144, 147, 153, 0.5);\n      }\n      .qxs-scrollbar__wrapper::-webkit-scrollbar-track {\n        background-color: transparent;\n      }\n      ${props.always ? '' : `\n        .qxs-scrollbar__wrapper::-webkit-scrollbar {\n          display: none;\n        }\n        .qxs-scrollbar__wrapper:hover::-webkit-scrollbar {\n          display: block;\n        }\n      `}\n    `\n\n    return () => h('div', {\n      class: 'qxs-scrollbar',\n      style: { position: 'relative' },\n    }, [\n      h('style', scrollbarStyles),\n      h('div', {\n        class: 'qxs-scrollbar__wrapper',\n        style: wrapperStyle,\n      }, slots.default?.()),\n    ])\n  },\n})\n\nexport default QxsScrollbar\n"],"names":["QxsScrollbar","defineComponent","name","props","height","type","String","Number","default","maxHeight","always","Boolean","setup","_ref","slots","getHeight","value","wrapperStyle","overflow","position","scrollbarStyles","h","class","style"],"mappings":"6CAEO,MAAMA,EAAeC,EAAgB,CAC1CC,KAAM,eACNC,MAAO,CACLC,OAAQ,CAAEC,KAAM,CAACC,OAAQC,QAASC,QAAS,IAC3CC,UAAW,CAAEJ,KAAM,CAACC,OAAQC,QAASC,QAAS,IAC9CE,OAAQ,CAAEL,KAAMM,QAASH,SAAS,IAEpCI,KAAAA,CAAMT,EAAAU,GAAkB,IAAXC,MAAEA,GAAMD,EACnB,MAAME,EAAaC,GACI,iBAAVA,EAA2B,GAAGA,MAClCA,EAGHC,EAA8B,CAClCC,SAAU,OACVC,SAAU,YAGRhB,EAAMC,SACRa,EAAab,OAASW,EAAUZ,EAAMC,SAGpCD,EAAMM,YACRQ,EAAaR,UAAYM,EAAUZ,EAAMM,YAG3C,MAAMW,EAAkB,ifAepBjB,EAAMO,OAAS,GAAK,gNAUxB,MAAO,IAAMW,EAAE,MAAO,CACpBC,MAAO,gBACPC,MAAO,CAAEJ,SAAU,aAClB,CACDE,EAAE,QAASD,GACXC,EAAE,MAAO,CACPC,MAAO,yBACPC,MAAON,GACNH,EAAMN,cAEb"}

package/es/src/ui/select/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as e,inject as l,computed as a,h as t,ref as o,watch as s,provide as r}from"vue";const i=Symbol("QxsSelect"),n=e({name:"QxsOption",props:{value:{type:[String,Number,Boolean,Object],required:!0},label:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e,o){let{slots:s}=o;const r=l(i);if(!r)return()=>null;r.registerOption(e.value,e.label||String(e.value));const n=a(()=>r.multiple.value?Array.isArray(r.modelValue.value)&&r.modelValue.value.some(l=>l===e.value):r.modelValue.value===e.value),d=()=>{e.disabled||r.handleSelect(e.value,e.label||String(e.value))};return()=>t("div",{class:["qxs-option",{"is-selected":n.value,"is-disabled":e.disabled}],onClick:d,style:{padding:"4px 8px",cursor:e.disabled?"not-allowed":"pointer",backgroundColor:n.value?"rgba(61, 97, 227, 0.1)":"transparent",color:n.value?"var(--qxs-color-primary, #3D61E3)":e.disabled?"#c0c4cc":"#606266",fontSize:"14px",lineHeight:"1.25",borderRadius:"4px",fontWeight:n.value?"500":"400",marginBottom:"2px"},onMouseenter:l=>{e.disabled||(l.currentTarget.style.backgroundColor=n.value?"rgba(61, 97, 227, 0.1)":"#f5f7fa")},onMouseleave:l=>{e.disabled||(l.currentTarget.style.backgroundColor=n.value?"rgba(61, 97, 227, 0.1)":"transparent")}},s.default?.()||e.label)}}),d=e({name:"QxsSelect",props:{modelValue:{type:[String,Number,Boolean,Array,Object],default:""},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:"请选择"},clearable:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},size:{type:String,default:"default"},filterable:{type:Boolean,default:!1}},emits:["update:modelValue","change","clear","visible-change","remove-tag","focus","blur"],setup(e,l){let{slots:n,emit:d}=l;const u=o(!1),p=o(""),c=o(),x=o([]),g=o(new Map);s(()=>e.modelValue,l=>{e.multiple&&Array.isArray(l)&&(x.value=l.map(e=>({value:e,label:g.value.get(e)||String(e)})))},{immediate:!0,deep:!0});const b=a(()=>e.multiple&&Array.isArray(e.modelValue)?e.modelValue.length>0?`已选择 ${e.modelValue.length} 项`:"":p.value),f=l=>{l.stopPropagation(),e.multiple?(d("update:modelValue",[]),x.value=[]):(d("update:modelValue",""),p.value=""),d("clear")},v=()=>{e.disabled||(u.value=!u.value,d("visible-change",u.value))},m=e=>{d("focus",e)},y=e=>{d("blur",e)};r(i,{modelValue:a(()=>e.modelValue),multiple:a(()=>e.multiple),handleSelect:(l,a)=>{if(e.multiple){const t=Array.isArray(e.modelValue)?[...e.modelValue]:[],o=t.findIndex(e=>e===l);if(o>-1){t.splice(o,1);const e=x.value.findIndex(e=>e.value===l);e>-1&&x.value.splice(e,1),d("remove-tag",l)}else t.push(l),x.value.push({value:l,label:a});d("update:modelValue",t),d("change",t)}else p.value=a,d("update:modelValue",l),d("change",l),u.value=!1},registerOption:(e,l)=>{g.value.set(e,l)}});const h=a(()=>"large"===e.size?"40px":"small"===e.size?"24px":"32px");return()=>t("div",{class:["qxs-select",`qxs-select--${e.size}`,{"is-disabled":e.disabled,"is-focus":u.value}],style:{position:"relative",display:"inline-block",width:"100%"}},[t("div",{class:"qxs-select__wrapper",onClick:v,style:{position:"relative",cursor:e.disabled?"not-allowed":"pointer"}},[e.multiple?t("div",{class:"qxs-select__tags",style:{display:"flex",flexWrap:"wrap",gap:"4px",padding:"4px 30px 4px 8px",minHeight:h.value,border:"1px solid hsl(214.3 31.8% 91.4%)",borderRadius:"6px",backgroundColor:e.disabled?"hsl(210 40% 96.1%)":"#fff",cursor:e.disabled?"not-allowed":"pointer",alignItems:"center"}},[...x.value.map(l=>t("span",{class:"qxs-select__tag",style:{display:"inline-flex",alignItems:"center",gap:"2px",padding:"1px 6px",backgroundColor:"var(--qxs-color-primary, #3D61E3)",border:"none",borderRadius:"4px",fontSize:"12px",color:"#fff",fontWeight:"500",lineHeight:"1.2"}},[t("span",null,l.label),!e.disabled&&t("span",{class:"qxs-select__tag-close",onClick:a=>((l,a)=>{if(a.stopPropagation(),e.multiple){const a=Array.isArray(e.modelValue)?[...e.modelValue]:[],t=a.findIndex(e=>e===l);if(t>-1){a.splice(t,1);const e=x.value.findIndex(e=>e.value===l);e>-1&&x.value.splice(e,1),d("remove-tag",l),d("update:modelValue",a),d("change",a)}}})(l.value,a),style:{cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",width:"12px",height:"12px",borderRadius:"50%",fontSize:"9px",color:"#fff",transition:"all 0.2s"},onMouseenter:e=>{e.currentTarget.style.backgroundColor="rgba(255, 255, 255, 0.2)"},onMouseleave:e=>{e.currentTarget.style.backgroundColor="transparent"}},"×")])),0===x.value.length&&t("span",{style:{color:"hsl(215 20.2% 65.1%)",fontSize:"14px"}},e.placeholder)]):t("input",{ref:c,class:"qxs-select__inner",type:"text",readonly:!e.filterable,value:b.value,placeholder:e.placeholder,disabled:e.disabled,onFocus:m,onBlur:y,style:{width:"100%",height:h.value,padding:"0 30px 0 12px",border:"1px solid hsl(214.3 31.8% 91.4%)",borderRadius:"6px",outline:"none",fontSize:"14px",backgroundColor:e.disabled?"hsl(210 40% 96.1%)":"#fff",cursor:e.disabled?"not-allowed":"pointer",transition:"border-color 0.2s"}}),t("span",{class:"qxs-select__suffix",style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",display:"flex",alignItems:"center",gap:"4px"}},[e.clearable&&b.value&&!e.disabled&&t("span",{class:"qxs-select__clear",onClick:f,style:{fontSize:"14px",cursor:"pointer"}},"×"),t("span",{class:"qxs-select__caret",style:{fontSize:"12px",transform:u.value?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.3s"}},"▼")])]),u.value&&t("div",{class:"qxs-select__dropdown",style:{position:"absolute",top:"100%",left:"0",right:"0",marginTop:"4px",backgroundColor:"#fff",border:"1px solid hsl(214.3 31.8% 91.4%)",borderRadius:"6px",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",zIndex:2e3,maxHeight:"274px",overflowY:"auto",padding:"4px"}},n.default?.())])}});export{n as QxsOption,d as QxsSelect,d as default};
+//# sourceMappingURL=index.mjs.map

package/es/src/ui/select/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/select/index.ts"],"sourcesContent":["import { defineComponent, h, ref, computed, provide, inject, watch, type PropType, type InjectionKey, type Ref } from 'vue'\n\nexport type SelectSize = 'large' | 'default' | 'small'\n\ninterface SelectContext {\n  modelValue: Ref<any>\n  multiple: Ref<boolean>\n  handleSelect: (value: any, label: string) => void\n  registerOption: (value: any, label: string) => void\n}\n\nconst SELECT_INJECTION_KEY: InjectionKey<SelectContext> = Symbol('QxsSelect')\n\nexport const QxsOption = defineComponent({\n  name: 'QxsOption',\n  props: {\n    value: { type: [String, Number, Boolean, Object], required: true },\n    label: { type: String, default: '' },\n    disabled: { type: Boolean, default: false },\n  },\n  setup(props, { slots }) {\n    const select = inject(SELECT_INJECTION_KEY)\n    \n    if (!select) {\n      console.warn('QxsOption must be used inside QxsSelect')\n      return () => null\n    }\n\n    select.registerOption(props.value, props.label || String(props.value))\n\n    const isSelected = computed(() => {\n      if (select.multiple.value) {\n        return Array.isArray(select.modelValue.value) && \n               select.modelValue.value.some(v => v === props.value)\n      }\n      return select.modelValue.value === props.value\n    })\n\n    const handleClick = () => {\n      if (props.disabled) return\n      select.handleSelect(props.value, props.label || String(props.value))\n    }\n\n    return () => h('div', {\n      class: [\n        'qxs-option',\n        {\n          'is-selected': isSelected.value,\n          'is-disabled': props.disabled,\n        },\n      ],\n      onClick: handleClick,\n      style: {\n        padding: '4px 8px',\n        cursor: props.disabled ? 'not-allowed' : 'pointer',\n        backgroundColor: isSelected.value ? 'rgba(61, 97, 227, 0.1)' : 'transparent',\n        color: isSelected.value ? 'var(--qxs-color-primary, #3D61E3)' : props.disabled ? '#c0c4cc' : '#606266',\n        fontSize: '14px',\n        lineHeight: '1.25',\n        borderRadius: '4px',\n        fontWeight: isSelected.value ? '500' : '400',\n        marginBottom: '2px',\n      },\n      onMouseenter: (e: MouseEvent) => {\n        if (!props.disabled) {\n          (e.currentTarget as HTMLElement).style.backgroundColor = \n            isSelected.value ? 'rgba(61, 97, 227, 0.1)' : '#f5f7fa'\n        }\n      },\n      onMouseleave: (e: MouseEvent) => {\n        if (!props.disabled) {\n          (e.currentTarget as HTMLElement).style.backgroundColor = \n            isSelected.value ? 'rgba(61, 97, 227, 0.1)' : 'transparent'\n        }\n      },\n    }, slots.default?.() || props.label)\n  },\n})\n\nexport const QxsSelect = defineComponent({\n  name: 'QxsSelect',\n  props: {\n    modelValue: { type: [String, Number, Boolean, Array, Object], default: '' },\n    disabled: { type: Boolean, default: false },\n    placeholder: { type: String, default: '请选择' },\n    clearable: { type: Boolean, default: false },\n    multiple: { type: Boolean, default: false },\n    size: { type: String as PropType<SelectSize>, default: 'default' },\n    filterable: { type: Boolean, default: false },\n  },\n  emits: ['update:modelValue', 'change', 'clear', 'visible-change', 'remove-tag', 'focus', 'blur'],\n  setup(props, { slots, emit }) {\n    const visible = ref(false)\n    const selectedLabel = ref('')\n    const inputRef = ref<HTMLInputElement>()\n    const selectedTags = ref<{value: any, label: string}[]>([])\n    const optionsMap = ref<Map<any, string>>(new Map())\n\n    const registerOption = (value: any, label: string) => {\n      optionsMap.value.set(value, label)\n    }\n\n    watch(() => props.modelValue, (newVal) => {\n      if (props.multiple && Array.isArray(newVal)) {\n        selectedTags.value = newVal.map(v => ({\n          value: v,\n          label: optionsMap.value.get(v) || String(v)\n        }))\n      }\n    }, { immediate: true, deep: true })\n\n    const displayValue = computed(() => {\n      if (props.multiple && Array.isArray(props.modelValue)) {\n        return props.modelValue.length > 0 ? `已选择 ${props.modelValue.length} 项` : ''\n      }\n      return selectedLabel.value\n    })\n\n    const handleSelect = (value: any, label: string) => {\n      if (props.multiple) {\n        const values = Array.isArray(props.modelValue) ? [...props.modelValue] : []\n        const index = values.findIndex(v => v === value)\n        \n        if (index > -1) {\n          values.splice(index, 1)\n          const tagIndex = selectedTags.value.findIndex(t => t.value === value)\n          if (tagIndex > -1) {\n            selectedTags.value.splice(tagIndex, 1)\n          }\n          emit('remove-tag', value)\n        } else {\n          values.push(value)\n          selectedTags.value.push({ value, label })\n        }\n        \n        emit('update:modelValue', values)\n        emit('change', values)\n      } else {\n        selectedLabel.value = label\n        emit('update:modelValue', value)\n        emit('change', value)\n        visible.value = false\n      }\n    }\n\n    const removeTag = (value: any, e: MouseEvent) => {\n      e.stopPropagation()\n      if (props.multiple) {\n        const values = Array.isArray(props.modelValue) ? [...props.modelValue] : []\n        const index = values.findIndex(v => v === value)\n        \n        if (index > -1) {\n          values.splice(index, 1)\n          const tagIndex = selectedTags.value.findIndex(t => t.value === value)\n          if (tagIndex > -1) {\n            selectedTags.value.splice(tagIndex, 1)\n          }\n          emit('remove-tag', value)\n          emit('update:modelValue', values)\n          emit('change', values)\n        }\n      }\n    }\n\n    const handleClear = (e: MouseEvent) => {\n      e.stopPropagation()\n      if (props.multiple) {\n        emit('update:modelValue', [])\n        selectedTags.value = []\n      } else {\n        emit('update:modelValue', '')\n        selectedLabel.value = ''\n      }\n      emit('clear')\n    }\n\n    const toggleDropdown = () => {\n      if (props.disabled) return\n      visible.value = !visible.value\n      emit('visible-change', visible.value)\n    }\n\n    const handleFocus = (e: FocusEvent) => {\n      emit('focus', e)\n    }\n\n    const handleBlur = (e: FocusEvent) => {\n      emit('blur', e)\n    }\n\n    provide(SELECT_INJECTION_KEY, {\n      modelValue: computed(() => props.modelValue),\n      multiple: computed(() => props.multiple),\n      handleSelect,\n      registerOption,\n    })\n\n    const inputHeight = computed(() => {\n      return props.size === 'large' ? '40px' : props.size === 'small' ? '24px' : '32px'\n    })\n\n    return () => h('div', {\n      class: [\n        'qxs-select',\n        `qxs-select--${props.size}`,\n        {\n          'is-disabled': props.disabled,\n          'is-focus': visible.value,\n        },\n      ],\n      style: {\n        position: 'relative',\n        display: 'inline-block',\n        width: '100%',\n      },\n    }, [\n      h('div', {\n        class: 'qxs-select__wrapper',\n        onClick: toggleDropdown,\n        style: {\n          position: 'relative',\n          cursor: props.disabled ? 'not-allowed' : 'pointer',\n        },\n      }, [\n        props.multiple ? h('div', {\n          class: 'qxs-select__tags',\n          style: {\n            display: 'flex',\n            flexWrap: 'wrap',\n            gap: '4px',\n            padding: '4px 30px 4px 8px',\n            minHeight: inputHeight.value,\n            border: '1px solid hsl(214.3 31.8% 91.4%)',\n            borderRadius: '6px',\n            backgroundColor: props.disabled ? 'hsl(210 40% 96.1%)' : '#fff',\n            cursor: props.disabled ? 'not-allowed' : 'pointer',\n            alignItems: 'center',\n          },\n        }, [\n          ...selectedTags.value.map(tag => h('span', {\n            class: 'qxs-select__tag',\n            style: {\n              display: 'inline-flex',\n              alignItems: 'center',\n              gap: '2px',\n              padding: '1px 6px',\n              backgroundColor: 'var(--qxs-color-primary, #3D61E3)',\n              border: 'none',\n              borderRadius: '4px',\n              fontSize: '12px',\n              color: '#fff',\n              fontWeight: '500',\n              lineHeight: '1.2',\n            },\n          }, [\n            h('span', null, tag.label),\n            !props.disabled && h('span', {\n              class: 'qxs-select__tag-close',\n              onClick: (e: MouseEvent) => removeTag(tag.value, e),\n              style: {\n                cursor: 'pointer',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                width: '12px',\n                height: '12px',\n                borderRadius: '50%',\n                fontSize: '9px',\n                color: '#fff',\n                transition: 'all 0.2s',\n              },\n              onMouseenter: (e: MouseEvent) => {\n                const el = e.currentTarget as HTMLElement\n                el.style.backgroundColor = 'rgba(255, 255, 255, 0.2)'\n              },\n              onMouseleave: (e: MouseEvent) => {\n                const el = e.currentTarget as HTMLElement\n                el.style.backgroundColor = 'transparent'\n              },\n            }, '×'),\n          ])),\n          selectedTags.value.length === 0 && h('span', {\n            style: {\n              color: 'hsl(215 20.2% 65.1%)',\n              fontSize: '14px',\n            },\n          }, props.placeholder),\n        ]) : h('input', {\n          ref: inputRef,\n          class: 'qxs-select__inner',\n          type: 'text',\n          readonly: !props.filterable,\n          value: displayValue.value,\n          placeholder: props.placeholder,\n          disabled: props.disabled,\n          onFocus: handleFocus,\n          onBlur: handleBlur,\n          style: {\n            width: '100%',\n            height: inputHeight.value,\n            padding: '0 30px 0 12px',\n            border: '1px solid hsl(214.3 31.8% 91.4%)',\n            borderRadius: '6px',\n            outline: 'none',\n            fontSize: '14px',\n            backgroundColor: props.disabled ? 'hsl(210 40% 96.1%)' : '#fff',\n            cursor: props.disabled ? 'not-allowed' : 'pointer',\n            transition: 'border-color 0.2s',\n          },\n        }),\n        h('span', {\n          class: 'qxs-select__suffix',\n          style: {\n            position: 'absolute',\n            right: '10px',\n            top: '50%',\n            transform: 'translateY(-50%)',\n            display: 'flex',\n            alignItems: 'center',\n            gap: '4px',\n          },\n        }, [\n          props.clearable && displayValue.value && !props.disabled && h('span', {\n            class: 'qxs-select__clear',\n            onClick: handleClear,\n            style: {\n              fontSize: '14px',\n              cursor: 'pointer',\n            },\n          }, '×'),\n          h('span', {\n            class: 'qxs-select__caret',\n            style: {\n              fontSize: '12px',\n              transform: visible.value ? 'rotate(180deg)' : 'rotate(0deg)',\n              transition: 'transform 0.3s',\n            },\n          }, '▼'),\n        ]),\n      ]),\n      visible.value && h('div', {\n        class: 'qxs-select__dropdown',\n        style: {\n          position: 'absolute',\n          top: '100%',\n          left: '0',\n          right: '0',\n          marginTop: '4px',\n          backgroundColor: '#fff',\n          border: '1px solid hsl(214.3 31.8% 91.4%)',\n          borderRadius: '6px',\n          boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)',\n          zIndex: 2000,\n          maxHeight: '274px',\n          overflowY: 'auto',\n          padding: '4px',\n        },\n      }, slots.default?.()),\n    ])\n  },\n})\n\nexport default QxsSelect\n"],"names":["SELECT_INJECTION_KEY","Symbol","QxsOption","defineComponent","name","props","value","type","String","Number","Boolean","Object","required","label","default","disabled","setup","_ref","slots","select","inject","registerOption","isSelected","computed","multiple","Array","isArray","modelValue","some","v","handleClick","handleSelect","h","class","onClick","style","padding","cursor","backgroundColor","color","fontSize","lineHeight","borderRadius","fontWeight","marginBottom","onMouseenter","e","currentTarget","onMouseleave","QxsSelect","placeholder","clearable","size","filterable","emits","_ref2","emit","visible","ref","selectedLabel","inputRef","selectedTags","optionsMap","Map","watch","newVal","map","get","immediate","deep","displayValue","length","handleClear","stopPropagation","toggleDropdown","handleFocus","handleBlur","provide","values","index","findIndex","splice","tagIndex","t","push","set","inputHeight","position","display","width","flexWrap","gap","minHeight","border","alignItems","tag","removeTag","justifyContent","height","transition","readonly","onFocus","onBlur","outline","right","top","transform","left","marginTop","boxShadow","zIndex","maxHeight","overflowY"],"mappings":"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"}

package/es/src/ui/table/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as e,inject as t,ref as l,reactive as r,provide as a,computed as s,h as n}from"vue";const o=Symbol("tableColumns"),d=Symbol("tableRegisterColumn"),i=e({name:"QxsTableColumn",props:{prop:{type:String,default:""},label:{type:String,default:""},width:{type:[String,Number],default:""},minWidth:{type:[String,Number],default:""},align:{type:String,default:"left"},sortable:{type:Boolean,default:!1},fixed:{type:[String,Boolean],default:!1},showOverflowTooltip:{type:Boolean,default:!1}},setup(e,l){let{slots:r}=l;const a=t(d),s={prop:e.prop,label:e.label,width:e.width,minWidth:e.minWidth,align:e.align,sortable:e.sortable,fixed:e.fixed,renderHeader:()=>r.header?n("div",{},r.header()):e.label,renderCell:t=>r.default?n("div",{},r.default({row:t})):e.prop?t[e.prop]??"--":"--"};return a&&a(s),()=>null}}),p=e({name:"QxsTable",props:{data:{type:Array,default:()=>[]},stripe:{type:Boolean,default:!1},border:{type:Boolean,default:!1},height:{type:[String,Number],default:""},rowKey:{type:[String,Function],default:""},emptyText:{type:String,default:"暂无数据"}},setup(e,t){let{slots:i}=t;const p=l([]),c=r({prop:null,order:null});a(d,e=>{p.value.push(e)}),a(o,p);const u=s(()=>{if(!c.prop||!c.order)return e.data;const t=[...e.data],{prop:l,order:r}=c;return t.sort((e,t)=>{const a=e[l],s=t[l];if(a===s)return 0;const n=a>s?1:-1;return"ascending"===r?n:-n})}),b=(t,l)=>"function"==typeof e.rowKey?e.rowKey(t):"string"==typeof e.rowKey&&e.rowKey?t[e.rowKey]:String(l),h=()=>n("thead",{class:"qxs-table__header"},[n("tr",{},p.value.map(e=>{const t=["qxs-table__cell",`qxs-table__cell--${e.align||"left"}`,{"qxs-table__cell--sortable":e.sortable,"is-sorting":c.prop===e.prop}],l={};e.width&&(l.width="number"==typeof e.width?`${e.width}px`:e.width),e.minWidth&&(l.minWidth="number"==typeof e.minWidth?`${e.minWidth}px`:e.minWidth);const r=e.renderHeader?e.renderHeader():e.label,a=e.sortable?n("span",{class:"qxs-table__sort-icon"},[n("i",{class:["qxs-table__sort-caret","ascending",{"is-active":c.prop===e.prop&&"ascending"===c.order}]}),n("i",{class:["qxs-table__sort-caret","descending",{"is-active":c.prop===e.prop&&"descending"===c.order}]})]):null;return n("th",{class:t,style:l,onClick:()=>(e=>{e.sortable&&e.prop&&(c.prop===e.prop?"ascending"===c.order?c.order="descending":"descending"===c.order?(c.prop=null,c.order=null):c.order="ascending":(c.prop=e.prop,c.order="ascending"))})(e)},[n("div",{class:"qxs-table__cell-content"},[r,a])])}))]);return()=>{i.default&&i.default();const t=["qxs-table",{"qxs-table--striped":e.stripe,"qxs-table--border":e.border}],l={};return e.height&&(l.height="number"==typeof e.height?`${e.height}px`:e.height),n("div",{class:"qxs-table-wrapper",style:l},[n("table",{class:t},[h(),u.value.length?n("tbody",{class:"qxs-table__body"},u.value.map((t,l)=>{const r=["qxs-table__row",{"qxs-table__row--striped":e.stripe&&l%2==1}];return n("tr",{class:r,key:b(t,l)},p.value.map(e=>{const r=["qxs-table__cell",`qxs-table__cell--${e.align||"left"}`],a={};e.width&&(a.width="number"==typeof e.width?`${e.width}px`:e.width),e.minWidth&&(a.minWidth="number"==typeof e.minWidth?`${e.minWidth}px`:e.minWidth);const s=e.renderCell?e.renderCell(t,l):"--";return n("td",{class:r,style:a},[n("div",{class:"qxs-table__cell-content"},[s])])}))})):n("tbody",{class:"qxs-table__body"},[n("tr",{class:"qxs-table__empty-row"},[n("td",{class:"qxs-table__empty-cell",colspan:p.value.length},[n("div",{class:"qxs-table__empty-text"},[i.empty?i.empty():e.emptyText])])])])])])}}});export{p as QxsTable,i as QxsTableColumn,p as default};
+//# sourceMappingURL=index.mjs.map