@qxs-bns/components 0.0.90 → 0.0.92

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

@@ -1,2 +0,0 @@
-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 +0,0 @@
-{"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/tiny-mce-editor/src/tiny-mce-editor.vue2.mjs

@@ -1,2 +0,0 @@
-import e from"./tiny-mce-editor.vue.mjs";export{e as default};
-//# sourceMappingURL=tiny-mce-editor.vue2.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tiny-mce-editor.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/table/index.ts"],"sourcesContent":["import { computed, defineComponent, h, inject, provide, reactive, ref, type PropType, type Ref, type VNode } from 'vue'\n\n// Types\nexport type TableColumnAlign = 'left' | 'center' | 'right'\nexport type TableColumnFixed = 'left' | 'right' | boolean\n\nexport interface TableColumnConfig {\n  prop?: string\n  label?: string\n  width?: string | number\n  minWidth?: string | number\n  align?: TableColumnAlign\n  sortable?: boolean\n  fixed?: TableColumnFixed\n  renderHeader?: () => VNode | string\n  renderCell?: (row: any, index: number) => VNode | string\n}\n\ninterface SortState {\n  prop: string | null\n  order: 'ascending' | 'descending' | null\n}\n\n// Provide/Inject keys\nconst TABLE_COLUMNS_KEY = Symbol('tableColumns')\nconst TABLE_REGISTER_COLUMN_KEY = Symbol('tableRegisterColumn')\n\n// QxsTableColumn Component\nexport const QxsTableColumn = defineComponent({\n  name: 'QxsTableColumn',\n  props: {\n    prop: { type: String, default: '' },\n    label: { type: String, default: '' },\n    width: { type: [String, Number], default: '' },\n    minWidth: { type: [String, Number], default: '' },\n    align: { type: String as PropType<TableColumnAlign>, default: 'left' },\n    sortable: { type: Boolean, default: false },\n    fixed: { type: [String, Boolean] as PropType<TableColumnFixed>, default: false },\n    showOverflowTooltip: { type: Boolean, default: false },\n  },\n  setup(props, { slots }) {\n    const registerColumn = inject<(config: TableColumnConfig) => void>(TABLE_REGISTER_COLUMN_KEY)\n\n    const columnConfig: TableColumnConfig = {\n      prop: props.prop,\n      label: props.label,\n      width: props.width,\n      minWidth: props.minWidth,\n      align: props.align,\n      sortable: props.sortable,\n      fixed: props.fixed,\n      renderHeader: () => {\n        if (slots.header) {\n          return h('div', {}, slots.header())\n        }\n        return props.label\n      },\n      renderCell: (row: any) => {\n        if (slots.default) {\n          return h('div', {}, slots.default({ row }))\n        }\n        return props.prop ? (row[props.prop] ?? '--') : '--'\n      },\n    }\n\n    if (registerColumn) {\n      registerColumn(columnConfig)\n    }\n\n    return () => null\n  },\n})\n\n// QxsTable Component\nexport const QxsTable = defineComponent({\n  name: 'QxsTable',\n  props: {\n    data: { type: Array as PropType<any[]>, default: () => [] },\n    stripe: { type: Boolean, default: false },\n    border: { type: Boolean, default: false },\n    height: { type: [String, Number], default: '' },\n    rowKey: { type: [String, Function] as PropType<string | ((row: any) => string)>, default: '' },\n    emptyText: { type: String, default: '暂无数据' },\n  },\n  setup(props, { slots }) {\n    const columns: Ref<TableColumnConfig[]> = ref([])\n    const sortState = reactive<SortState>({ prop: null, order: null })\n\n    // Register column\n    const registerColumn = (config: TableColumnConfig) => {\n      columns.value.push(config)\n    }\n\n    provide(TABLE_REGISTER_COLUMN_KEY, registerColumn)\n    provide(TABLE_COLUMNS_KEY, columns)\n\n    // Sorted data\n    const sortedData = computed(() => {\n      if (!sortState.prop || !sortState.order) {\n        return props.data\n      }\n\n      const data = [...props.data]\n      const { prop, order } = sortState\n\n      return data.sort((a, b) => {\n        const aVal = a[prop]\n        const bVal = b[prop]\n\n        if (aVal === bVal) return 0\n\n        const result = aVal > bVal ? 1 : -1\n        return order === 'ascending' ? result : -result\n      })\n    })\n\n    // Handle sort\n    const handleSort = (column: TableColumnConfig) => {\n      if (!column.sortable || !column.prop) return\n\n      if (sortState.prop === column.prop) {\n        if (sortState.order === 'ascending') {\n          sortState.order = 'descending'\n        }\n        else if (sortState.order === 'descending') {\n          sortState.prop = null\n          sortState.order = null\n        }\n        else {\n          sortState.order = 'ascending'\n        }\n      }\n      else {\n        sortState.prop = column.prop\n        sortState.order = 'ascending'\n      }\n    }\n\n    // Get row key\n    const getRowKey = (row: any, index: number): string => {\n      if (typeof props.rowKey === 'function') {\n        return props.rowKey(row)\n      }\n      if (typeof props.rowKey === 'string' && props.rowKey) {\n        return row[props.rowKey]\n      }\n      return String(index)\n    }\n\n    // Render table header\n    const renderHeader = () => {\n      return h('thead', { class: 'qxs-table__header' }, [\n        h('tr', {}, columns.value.map((column) => {\n          const thClass = [\n            'qxs-table__cell',\n            `qxs-table__cell--${column.align || 'left'}`,\n            {\n              'qxs-table__cell--sortable': column.sortable,\n              'is-sorting': sortState.prop === column.prop,\n            },\n          ]\n\n          const thStyle: Record<string, string> = {}\n          if (column.width) {\n            thStyle.width = typeof column.width === 'number' ? `${column.width}px` : column.width\n          }\n          if (column.minWidth) {\n            thStyle.minWidth = typeof column.minWidth === 'number' ? `${column.minWidth}px` : column.minWidth\n          }\n\n          const headerContent = column.renderHeader ? column.renderHeader() : column.label\n\n          const sortIcon = column.sortable\n            ? h('span', { class: 'qxs-table__sort-icon' }, [\n              h('i', {\n                class: [\n                  'qxs-table__sort-caret',\n                  'ascending',\n                  { 'is-active': sortState.prop === column.prop && sortState.order === 'ascending' },\n                ],\n              }),\n              h('i', {\n                class: [\n                  'qxs-table__sort-caret',\n                  'descending',\n                  { 'is-active': sortState.prop === column.prop && sortState.order === 'descending' },\n                ],\n              }),\n            ])\n            : null\n\n          return h('th', {\n            class: thClass,\n            style: thStyle,\n            onClick: () => handleSort(column),\n          }, [\n            h('div', { class: 'qxs-table__cell-content' }, [\n              headerContent,\n              sortIcon,\n            ]),\n          ])\n        })),\n      ])\n    }\n\n    // Render table body\n    const renderBody = () => {\n      if (!sortedData.value.length) {\n        return h('tbody', { class: 'qxs-table__body' }, [\n          h('tr', { class: 'qxs-table__empty-row' }, [\n            h('td', {\n              class: 'qxs-table__empty-cell',\n              colspan: columns.value.length,\n            }, [\n              h('div', { class: 'qxs-table__empty-text' }, [\n                slots.empty ? slots.empty() : props.emptyText,\n              ]),\n            ]),\n          ]),\n        ])\n      }\n\n      return h('tbody', { class: 'qxs-table__body' }, sortedData.value.map((row, rowIndex) => {\n        const rowClass = [\n          'qxs-table__row',\n          {\n            'qxs-table__row--striped': props.stripe && rowIndex % 2 === 1,\n          },\n        ]\n\n        return h('tr', {\n          class: rowClass,\n          key: getRowKey(row, rowIndex),\n        }, columns.value.map((column) => {\n          const tdClass = [\n            'qxs-table__cell',\n            `qxs-table__cell--${column.align || 'left'}`,\n          ]\n\n          const tdStyle: Record<string, string> = {}\n          if (column.width) {\n            tdStyle.width = typeof column.width === 'number' ? `${column.width}px` : column.width\n          }\n          if (column.minWidth) {\n            tdStyle.minWidth = typeof column.minWidth === 'number' ? `${column.minWidth}px` : column.minWidth\n          }\n\n          const cellContent = column.renderCell ? column.renderCell(row, rowIndex) : '--'\n\n          return h('td', {\n            class: tdClass,\n            style: tdStyle,\n          }, [\n            h('div', { class: 'qxs-table__cell-content' }, [cellContent]),\n          ])\n        }))\n      }))\n    }\n\n    return () => {\n      // Render default slot to collect columns\n      if (slots.default) {\n        slots.default()\n      }\n\n      const tableClass = [\n        'qxs-table',\n        {\n          'qxs-table--striped': props.stripe,\n          'qxs-table--border': props.border,\n        },\n      ]\n\n      const tableStyle: Record<string, string> = {}\n      if (props.height) {\n        tableStyle.height = typeof props.height === 'number' ? `${props.height}px` : props.height\n      }\n\n      return h('div', {\n        class: 'qxs-table-wrapper',\n        style: tableStyle,\n      }, [\n        h('table', { class: tableClass }, [\n          renderHeader(),\n          renderBody(),\n        ]),\n      ])\n    }\n  },\n})\n\nexport default QxsTable\n"],"names":["TABLE_COLUMNS_KEY","Symbol","TABLE_REGISTER_COLUMN_KEY","QxsTableColumn","defineComponent","name","props","prop","type","String","default","label","width","Number","minWidth","align","sortable","Boolean","fixed","showOverflowTooltip","setup","_ref","slots","registerColumn","inject","columnConfig","renderHeader","header","h","renderCell","row","QxsTable","data","Array","stripe","border","height","rowKey","Function","emptyText","_ref2","columns","ref","sortState","reactive","order","provide","config","value","push","sortedData","computed","sort","a","b","aVal","bVal","result","getRowKey","index","class","map","column","thClass","thStyle","headerContent","sortIcon","style","onClick","handleSort","tableClass","tableStyle","length","rowIndex","rowClass","key","tdClass","tdStyle","cellContent","colspan","empty"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import{defineComponent as o,h as e}from"vue";const l=o({name:"QxsTag",props:{type:{type:String,default:"primary"},size:{type:String,default:"default"},effect:{type:String,default:"light"},closable:{type:Boolean,default:!1},round:{type:Boolean,default:!1},color:{type:String,default:""}},emits:["close","click"],setup(o,l){let{slots:r,emit:t}=l;const a=o=>{o.stopPropagation(),t("close",o)},s=o=>{t("click",o)};return()=>e("span",{class:["qxs-tag",`qxs-tag--${o.type}`,`qxs-tag--${o.size}`,`qxs-tag--${o.effect}`,{"is-round":o.round,"is-closable":o.closable}],style:{display:"inline-flex",alignItems:"center",padding:"large"===o.size?"8px 16px":"small"===o.size?"2px 8px":"4px 12px",fontSize:"large"===o.size?"14px":"small"===o.size?"12px":"13px",borderRadius:o.round?"9999px":"4px",border:"1px solid",lineHeight:"1",whiteSpace:"nowrap",...o.color?"dark"===o.effect?{backgroundColor:o.color,borderColor:o.color,color:"#fff"}:"light"===o.effect?{backgroundColor:`${o.color}1a`,borderColor:`${o.color}4d`,color:o.color}:{backgroundColor:"transparent",borderColor:o.color,color:o.color}:{}},onClick:s},[r.default?.(),o.closable&&e("span",{class:"qxs-tag__close",onClick:a,style:{marginLeft:"6px",cursor:"pointer",fontSize:"12px",fontWeight:"bold"}},"×")])}});export{l as QxsTag,l as default};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/tag/index.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue'\n\nexport type TagType = 'primary' | 'success' | 'warning' | 'danger' | 'info'\nexport type TagSize = 'large' | 'default' | 'small'\nexport type TagEffect = 'dark' | 'light' | 'plain'\n\nexport const QxsTag = defineComponent({\n  name: 'QxsTag',\n  props: {\n    type: { type: String as PropType<TagType>, default: 'primary' },\n    size: { type: String as PropType<TagSize>, default: 'default' },\n    effect: { type: String as PropType<TagEffect>, default: 'light' },\n    closable: { type: Boolean, default: false },\n    round: { type: Boolean, default: false },\n    color: { type: String, default: '' },\n  },\n  emits: ['close', 'click'],\n  setup(props, { slots, emit }) {\n    const handleClose = (e: MouseEvent) => {\n      e.stopPropagation()\n      emit('close', e)\n    }\n\n    const handleClick = (e: MouseEvent) => {\n      emit('click', e)\n    }\n\n    const getColorStyles = () => {\n      if (!props.color) return {}\n      \n      if (props.effect === 'dark') {\n        return {\n          backgroundColor: props.color,\n          borderColor: props.color,\n          color: '#fff',\n        }\n      } else if (props.effect === 'light') {\n        return {\n          backgroundColor: `${props.color}1a`,\n          borderColor: `${props.color}4d`,\n          color: props.color,\n        }\n      } else {\n        return {\n          backgroundColor: 'transparent',\n          borderColor: props.color,\n          color: props.color,\n        }\n      }\n    }\n\n    return () => h('span', {\n      class: [\n        'qxs-tag',\n        `qxs-tag--${props.type}`,\n        `qxs-tag--${props.size}`,\n        `qxs-tag--${props.effect}`,\n        {\n          'is-round': props.round,\n          'is-closable': props.closable,\n        },\n      ],\n      style: {\n        display: 'inline-flex',\n        alignItems: 'center',\n        padding: props.size === 'large' ? '8px 16px' : props.size === 'small' ? '2px 8px' : '4px 12px',\n        fontSize: props.size === 'large' ? '14px' : props.size === 'small' ? '12px' : '13px',\n        borderRadius: props.round ? '9999px' : '4px',\n        border: '1px solid',\n        lineHeight: '1',\n        whiteSpace: 'nowrap',\n        ...getColorStyles(),\n      },\n      onClick: handleClick,\n    }, [\n      slots.default?.(),\n      props.closable && h('span', {\n        class: 'qxs-tag__close',\n        onClick: handleClose,\n        style: {\n          marginLeft: '6px',\n          cursor: 'pointer',\n          fontSize: '12px',\n          fontWeight: 'bold',\n        },\n      }, '×'),\n    ])\n  },\n})\n\nexport default QxsTag\n"],"names":["QxsTag","defineComponent","name","props","type","String","default","size","effect","closable","Boolean","round","color","emits","setup","_ref","slots","emit","handleClose","e","stopPropagation","handleClick","h","class","style","display","alignItems","padding","fontSize","borderRadius","border","lineHeight","whiteSpace","backgroundColor","borderColor","onClick","marginLeft","cursor","fontWeight"],"mappings":"6CAMO,MAAMA,EAASC,EAAgB,CACpCC,KAAM,SACNC,MAAO,CACLC,KAAM,CAAEA,KAAMC,OAA6BC,QAAS,WACpDC,KAAM,CAAEH,KAAMC,OAA6BC,QAAS,WACpDE,OAAQ,CAAEJ,KAAMC,OAA+BC,QAAS,SACxDG,SAAU,CAAEL,KAAMM,QAASJ,SAAS,GACpCK,MAAO,CAAEP,KAAMM,QAASJ,SAAS,GACjCM,MAAO,CAAER,KAAMC,OAAQC,QAAS,KAElCO,MAAO,CAAC,QAAS,SACjBC,KAAAA,CAAMX,EAAAY,GAAwB,IAAjBC,MAAEA,EAAAC,KAAOA,GAAKF,EACzB,MAAMG,EAAeC,IACnBA,EAAEC,kBACFH,EAAK,QAASE,IAGVE,EAAeF,IACnBF,EAAK,QAASE,IA2BhB,MAAO,IAAMG,EAAE,OAAQ,CACrBC,MAAO,CACL,UACA,YAAYpB,EAAMC,OAClB,YAAYD,EAAMI,OAClB,YAAYJ,EAAMK,SAClB,CACE,WAAYL,EAAMQ,MAClB,cAAeR,EAAMM,WAGzBe,MAAO,CACLC,QAAS,cACTC,WAAY,SACZC,QAAwB,UAAfxB,EAAMI,KAAmB,WAA4B,UAAfJ,EAAMI,KAAmB,UAAY,WACpFqB,SAAyB,UAAfzB,EAAMI,KAAmB,OAAwB,UAAfJ,EAAMI,KAAmB,OAAS,OAC9EsB,aAAc1B,EAAMQ,MAAQ,SAAW,MACvCmB,OAAQ,YACRC,WAAY,IACZC,WAAY,YA1CT7B,EAAMS,MAEU,SAAjBT,EAAMK,OACD,CACLyB,gBAAiB9B,EAAMS,MACvBsB,YAAa/B,EAAMS,MACnBA,MAAO,QAEiB,UAAjBT,EAAMK,OACR,CACLyB,gBAAiB,GAAG9B,EAAMS,UAC1BsB,YAAa,GAAG/B,EAAMS,UACtBA,MAAOT,EAAMS,OAGR,CACLqB,gBAAiB,cACjBC,YAAa/B,EAAMS,MACnBA,MAAOT,EAAMS,OAlBQ,CAAA,GA6CzBuB,QAASd,GACR,CACDL,EAAMV,YACNH,EAAMM,UAAYa,EAAE,OAAQ,CAC1BC,MAAO,iBACPY,QAASjB,EACTM,MAAO,CACLY,WAAY,MACZC,OAAQ,UACRT,SAAU,OACVU,WAAY,SAEb,MAEP"}

package/es/src/withInstall.mjs

@@ -1,2 +0,0 @@
-function n(n,o){return n.install=o=>{for(const t of[n,...Object.values({})])o.component(t.name,t)},n}export{n as withInstall};
-//# sourceMappingURL=withInstall.mjs.map

package/es/src/withInstall.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"withInstall.mjs","sources":["../../../../packages/components/src/withInstall.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\n\nexport type SFCWithInstall<T> = T & Plugin\n// type SFCwithInstall<T> = T & Plugin\n\nexport function withInstall<T, E extends Record<string, any>>(main: T,\n  extra?: E) {\n  ; (main as SFCWithInstall<T>).install = (app: App): void => {\n    for (const comp of [main, ...Object.values(extra ?? {})]) {\n      app.component(comp.name, comp)\n    }\n  }\n\n  if (extra) {\n    for (const [key, comp] of Object.entries(extra)) {\n      ; (main as any)[key] = comp\n    }\n  }\n  return main as SFCWithInstall<T> & E\n}\n"],"names":["withInstall","main","extra","install","app","comp","Object","values","component","name"],"mappings":"AAKO,SAASA,EAA8CC,EAC5DC,GAYA,OAXGD,EAA2BE,QAAWC,IACvC,IAAA,MAAWC,IAAQ,CAACJ,KAASK,OAAOC,OAAgB,CAAA,IAClDH,EAAII,UAAUH,EAAKI,KAAMJ,IAStBJ,CACT"}

package/lib/_virtual/_commonjsHelpers.cjs

@@ -1,2 +0,0 @@
-"use strict";exports.getAugmentedNamespace=function(e){if(Object.prototype.hasOwnProperty.call(e,"__esModule"))return e;var t=e.default;if("function"==typeof t){var r=function e(){var r=!1;try{r=this instanceof e}catch{}return r?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};r.prototype=t.prototype}else r={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.keys(e).forEach(function(t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}),r},exports.getDefaultExportFromCjs=function(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e};
-//# sourceMappingURL=_commonjsHelpers.cjs.map

package/lib/_virtual/_commonjsHelpers.cjs.map

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

package/lib/_virtual/_plugin-vue_export-helper.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default=(e,t)=>{const o=e.__vccOpts||e;for(const[e,r]of t)o[e]=r;return o};
-//# sourceMappingURL=_plugin-vue_export-helper.cjs.map

package/lib/_virtual/_plugin-vue_export-helper.cjs.map

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

package/lib/_virtual/sortable.esm.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./_commonjsHelpers.cjs"),s=require("../node_modules/.pnpm/sortablejs@1.14.0/node_modules/sortablejs/modular/sortable.esm.cjs"),r=e.getAugmentedNamespace(s);exports.default=r;
-//# sourceMappingURL=sortable.esm.cjs.map

package/lib/_virtual/sortable.esm.cjs.map

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

package/lib/_virtual/vuedraggable.umd.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./_commonjsHelpers.cjs"),r=require("../node_modules/.pnpm/vuedraggable@4.1.0_vue@3.5.18_typescript@5.9.2_/node_modules/vuedraggable/dist/vuedraggable.umd.cjs").__require(),u=e.getDefaultExportFromCjs(r);exports.default=u;
-//# sourceMappingURL=vuedraggable.umd.cjs.map

package/lib/_virtual/vuedraggable.umd.cjs.map

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

package/lib/_virtual/vuedraggable.umd2.cjs

@@ -1,2 +0,0 @@
-"use strict";exports.__module={exports:{}};
-//# sourceMappingURL=vuedraggable.umd2.cjs.map

package/lib/_virtual/vuedraggable.umd2.cjs.map

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