@qxs-bns/components 0.0.91 → 0.0.93

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

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

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

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

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("@qxs-bns/components-wc");var e=require("../withInstall.cjs"),l=require("../wc-bridge.cjs");const a=l.createCustomElementBridge({name:"QxsImageUpload",tag:"qxs-image-upload",props:{action:l.createNullableProp(),headers:l.createNullableProp(),data:l.createNullableProp(),name:l.createNullableProp(),size:l.createNullableProp(),width:l.createNullableProp(),height:l.createNullableProp(),accept:l.createNullableProp(),placeholder:l.createNullableProp(),notip:l.createNullableProp(),tipText:l.createNullableProp(),disabled:l.createNullableProp(),limit:l.createNullableProp(),fileList:l.createNullableProp()},slotNames:["tip"],createExpose:e=>({getElement:()=>e.value})}),r=e.withInstall(a);exports.QxsImageUpload=r,exports.default=r;
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../packages/components/src/image-upload/index.ts"],"sourcesContent":["import '@qxs-bns/components-wc'\nimport { withInstall } from '../withInstall'\nimport { createCustomElementBridge, createNullableProp } from '../wc-bridge'\n\ntype ImageUploadFile = {\n  uid?: string | number\n  name: string\n  url?: string\n  size?: number\n  status?: 'ready' | 'uploading' | 'success' | 'fail'\n  file?: File\n}\n\nconst component = createCustomElementBridge({\n  name: 'QxsImageUpload',\n  tag: 'qxs-image-upload',\n  props: {\n    action: createNullableProp<string>(),\n    headers: createNullableProp<Record<string, string>>(),\n    data: createNullableProp<Record<string, string | Blob>>(),\n    name: createNullableProp<string>(),\n    size: createNullableProp<number>(),\n    width: createNullableProp<number>(),\n    height: createNullableProp<number>(),\n    accept: createNullableProp<string>(),\n    placeholder: createNullableProp<string>(),\n    notip: createNullableProp<boolean>(),\n    tipText: createNullableProp<string>(),\n    disabled: createNullableProp<boolean>(),\n    limit: createNullableProp<number>(),\n    fileList: createNullableProp<ImageUploadFile[]>(),\n  },\n  slotNames: ['tip'],\n  createExpose: elementRef => ({\n    getElement: () => elementRef.value,\n  }),\n})\n\nexport const QxsImageUpload = withInstall(component)\n\nexport default QxsImageUpload\n"],"names":["component","createCustomElementBridge","name","tag","props","action","createNullableProp","headers","data","size","width","height","accept","placeholder","notip","tipText","disabled","limit","fileList","slotNames","createExpose","elementRef","getElement","value","QxsImageUpload","withInstall"],"mappings":"wKAaA,MAAMA,EAAYC,EAAAA,0BAA0B,CAC1CC,KAAM,iBACNC,IAAK,mBACLC,MAAO,CACLC,OAAQC,EAAAA,qBACRC,QAASD,EAAAA,qBACTE,KAAMF,EAAAA,qBACNJ,KAAMI,EAAAA,qBACNG,KAAMH,EAAAA,qBACNI,MAAOJ,EAAAA,qBACPK,OAAQL,EAAAA,qBACRM,OAAQN,EAAAA,qBACRO,YAAaP,EAAAA,qBACbQ,MAAOR,EAAAA,qBACPS,QAAST,EAAAA,qBACTU,SAAUV,EAAAA,qBACVW,MAAOX,EAAAA,qBACPY,SAAUZ,EAAAA,sBAEZa,UAAW,CAAC,OACZC,aAAcC,IAAA,CACZC,WAAYA,IAAMD,EAAWE,UAIpBC,EAAiBC,EAAAA,YAAYzB"}

package/lib/src/make-installer.cjs

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"message.cjs","sources":["../../../../../../packages/components/src/message/src/message.ts"],"sourcesContent":["export interface QxsMessageOptions {\n  message: string\n  duration?: number\n}\n\nexport type QxsMessageParams = QxsMessageOptions | string\n\ninterface QxsMessageInstance {\n  close: () => void\n}\n\nfunction normalizeParams(params: QxsMessageParams): QxsMessageOptions {\n  return typeof params === 'string' ? { message: params } : params\n}\n\nfunction getTypeConfig(type: string) {\n  switch (type) {\n    case 'success':\n      return {\n        bgColor: '#ecfdf5',\n        borderColor: '#a7f3d0',\n        textColor: '#065f46',\n      }\n    case 'warning':\n      return {\n        bgColor: '#fffbeb',\n        borderColor: '#fde68a',\n        textColor: '#92400e',\n      }\n    case 'error':\n      return {\n        bgColor: '#fef2f2',\n        borderColor: '#fecaca',\n        textColor: '#991b1b',\n      }\n    case 'info':\n    default:\n      return {\n        bgColor: '#eff6ff',\n        borderColor: '#bfdbfe',\n        textColor: '#1e40af',\n      }\n  }\n}\n\nfunction createMessage(params: QxsMessageParams, type: 'success' | 'warning' | 'info' | 'error' = 'info'): QxsMessageInstance {\n  const options = normalizeParams(params)\n  const config = getTypeConfig(type)\n\n  const container = document.getElementById('qxs-message-container') || createContainer()\n\n  const messageEl = document.createElement('div')\n  messageEl.className = `qxs-toast qxs-toast--${type}`\n  messageEl.setAttribute('role', 'status')\n  messageEl.setAttribute('aria-live', 'polite')\n\n  const content = document.createElement('div')\n  content.className = 'qxs-toast__content'\n\n  const text = document.createElement('span')\n  text.className = 'qxs-toast__text'\n  text.textContent = options.message\n\n  const closeBtn = document.createElement('button')\n  closeBtn.className = 'qxs-toast__close'\n  closeBtn.setAttribute('aria-label', 'Close')\n  closeBtn.type = 'button'\n  closeBtn.innerHTML = '<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3.5 3.5l7 7m0-7l-7 7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/></svg>'\n\n  content.append(text, closeBtn)\n  messageEl.appendChild(content)\n\n  messageEl.style.cssText = `\n    --toast-bg: ${config.bgColor};\n    --toast-border: ${config.borderColor};\n    --toast-text: ${config.textColor};\n  `\n\n  closeBtn.onclick = () => removeMessage(messageEl)\n\n  container.appendChild(messageEl)\n\n  requestAnimationFrame(() => {\n    messageEl.classList.add('qxs-toast--enter')\n    requestAnimationFrame(() => {\n      messageEl.classList.remove('qxs-toast--enter')\n    })\n  })\n\n  const duration = options.duration ?? 3000\n\n  const timer = setTimeout(() => {\n    removeMessage(messageEl)\n  }, duration)\n\n  messageEl.onmouseenter = () => clearTimeout(timer)\n  messageEl.onmouseleave = () => {\n    setTimeout(() => removeMessage(messageEl), 1000)\n  }\n\n  return {\n    close: () => removeMessage(messageEl),\n  }\n}\n\nfunction createContainer(): HTMLElement {\n  const container = document.createElement('div')\n  container.id = 'qxs-message-container'\n  container.className = 'qxs-toast-container'\n  document.body.appendChild(container)\n  return container\n}\n\nfunction removeMessage(el: HTMLElement) {\n  el.classList.add('qxs-toast--leave')\n  setTimeout(() => el.remove(), 200)\n}\n\nexport interface QxsMessageFunction {\n  (params: QxsMessageParams): QxsMessageInstance\n  success: (params: QxsMessageParams) => QxsMessageInstance\n  warning: (params: QxsMessageParams) => QxsMessageInstance\n  info: (params: QxsMessageParams) => QxsMessageInstance\n  error: (params: QxsMessageParams) => QxsMessageInstance\n  closeAll: () => void\n}\n\nconst QxsMessage = function (params: QxsMessageParams): QxsMessageInstance {\n  return createMessage(params)\n} as QxsMessageFunction\n\nQxsMessage.success = (params: QxsMessageParams) => createMessage(params, 'success')\nQxsMessage.warning = (params: QxsMessageParams) => createMessage(params, 'warning')\nQxsMessage.info = (params: QxsMessageParams) => createMessage(params, 'info')\nQxsMessage.error = (params: QxsMessageParams) => createMessage(params, 'error')\nQxsMessage.closeAll = () => {\n  document.querySelectorAll('.qxs-toast').forEach(el => el.remove())\n}\n\nexport { QxsMessage }\nexport type { QxsMessageInstance }\nexport default QxsMessage\n\nif (typeof document !== 'undefined' && !document.getElementById('qxs-toast-styles')) {\n  const style = document.createElement('style')\n  style.id = 'qxs-toast-styles'\n  style.textContent = `\n    .qxs-toast-container {\n      position: fixed;\n      top: 20px;\n      right: 20px;\n      z-index: 9999;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      max-width: 320px;\n      width: auto;\n      pointer-events: none;\n    }\n\n    .qxs-toast {\n      position: relative;\n      overflow: hidden;\n      border-radius: 10px;\n      border: 1px solid var(--toast-border);\n      background: var(--toast-bg);\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02);\n      pointer-events: all;\n      animation: qxs-toast-in 0.3s cubic-bezier(0.21, 1.02, 0.73, 1);\n    }\n\n    .qxs-toast--enter {\n      animation: qxs-toast-in 0.3s cubic-bezier(0.21, 1.02, 0.73, 1);\n    }\n\n    .qxs-toast--leave {\n      animation: qxs-toast-out 0.2s cubic-bezier(0.21, 1.02, 0.73, 1) forwards;\n    }\n\n    .qxs-toast__content {\n      display: flex;\n      align-items: center;\n      padding: 12px 14px;\n      gap: 8px;\n    }\n\n    .qxs-toast__text {\n      flex: 1;\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 1.5;\n      color: var(--toast-text);\n    }\n\n    .qxs-toast__close {\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 24px;\n      height: 24px;\n      padding: 0;\n      margin: -4px -4px -4px 0;\n      background: transparent;\n      border: none;\n      border-radius: 6px;\n      cursor: pointer;\n      color: var(--toast-text);\n      opacity: 0.5;\n      transition: all 0.15s;\n    }\n\n    .qxs-toast__close:hover {\n      opacity: 1;\n      background: rgba(0, 0, 0, 0.05);\n    }\n\n    @keyframes qxs-toast-in {\n      0% {\n        opacity: 0;\n        transform: translateX(100%) scale(0.95);\n      }\n      100% {\n        opacity: 1;\n        transform: translateX(0) scale(1);\n      }\n    }\n\n    @keyframes qxs-toast-out {\n      0% {\n        opacity: 1;\n        transform: translateX(0) scale(1);\n      }\n      100% {\n        opacity: 0;\n        transform: translateX(100%) scale(0.95);\n      }\n    }\n\n    @media (max-width: 480px) {\n      .qxs-toast-container {\n        top: 10px;\n        right: 10px;\n        left: 10px;\n        max-width: none;\n      }\n    }\n  `\n  document.head.appendChild(style)\n}\n"],"names":["createMessage","params","type","arguments","length","undefined","options","message","normalizeParams","config","bgColor","borderColor","textColor","getTypeConfig","container","document","getElementById","createElement","id","className","body","appendChild","createContainer","messageEl","setAttribute","content","text","textContent","closeBtn","innerHTML","append","style","cssText","onclick","removeMessage","requestAnimationFrame","classList","add","remove","duration","timer","setTimeout","onmouseenter","clearTimeout","onmouseleave","close","el","QxsMessage","success","warning","info","error","closeAll","querySelectorAll","forEach","head"],"mappings":"aA6CA,SAASA,EAAcC,GAAuG,IAA7EC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAiD,OAChG,MAAMG,EAnCR,SAAyBL,GACvB,MAAyB,iBAAXA,EAAsB,CAAEM,QAASN,GAAWA,CAC5D,CAiCkBO,CAAgBP,GAC1BQ,EAhCR,SAAuBP,GACrB,OAAQA,GACN,IAAK,UACH,MAAO,CACLQ,QAAS,UACTC,YAAa,UACbC,UAAW,WAEf,IAAK,UACH,MAAO,CACLF,QAAS,UACTC,YAAa,UACbC,UAAW,WAEf,IAAK,QACH,MAAO,CACLF,QAAS,UACTC,YAAa,UACbC,UAAW,WAGf,QACE,MAAO,CACLF,QAAS,UACTC,YAAa,UACbC,UAAW,WAGnB,CAIiBC,CAAcX,GAEvBY,EAAYC,SAASC,eAAe,0BAwD5C,WACE,MAAMF,EAAYC,SAASE,cAAc,OAIzC,OAHAH,EAAUI,GAAK,wBACfJ,EAAUK,UAAY,sBACtBJ,SAASK,KAAKC,YAAYP,GACnBA,CACT,CA9DwEQ,GAEhEC,EAAYR,SAASE,cAAc,OACzCM,EAAUJ,UAAY,wBAAwBjB,IAC9CqB,EAAUC,aAAa,OAAQ,UAC/BD,EAAUC,aAAa,YAAa,UAEpC,MAAMC,EAAUV,SAASE,cAAc,OACvCQ,EAAQN,UAAY,qBAEpB,MAAMO,EAAOX,SAASE,cAAc,QACpCS,EAAKP,UAAY,kBACjBO,EAAKC,YAAcrB,EAAQC,QAE3B,MAAMqB,EAAWb,SAASE,cAAc,UACxCW,EAAST,UAAY,mBACrBS,EAASJ,aAAa,aAAc,SACpCI,EAAS1B,KAAO,SAChB0B,EAASC,UAAY,sKAErBJ,EAAQK,OAAOJ,EAAME,GACrBL,EAAUF,YAAYI,GAEtBF,EAAUQ,MAAMC,QAAU,qBACVvB,EAAOC,iCACHD,EAAOE,mCACTF,EAAOG,iBAGzBgB,EAASK,QAAU,IAAMC,EAAcX,GAEvCT,EAAUO,YAAYE,GAEtBY,sBAAsB,KACpBZ,EAAUa,UAAUC,IAAI,oBACxBF,sBAAsB,KACpBZ,EAAUa,UAAUE,OAAO,wBAI/B,MAAMC,EAAWjC,EAAQiC,UAAY,IAE/BC,EAAQC,WAAW,KACvBP,EAAcX,IACbgB,GAOH,OALAhB,EAAUmB,aAAe,IAAMC,aAAaH,GAC5CjB,EAAUqB,aAAe,KACvBH,WAAW,IAAMP,EAAcX,GAAY,MAGtC,CACLsB,MAAOA,IAAMX,EAAcX,GAE/B,CAUA,SAASW,EAAcY,GACrBA,EAAGV,UAAUC,IAAI,oBACjBI,WAAW,IAAMK,EAAGR,SAAU,IAChC,wDAWA,MAAMS,EAAa,SAAU9C,GAC3B,OAAOD,EAAcC,EACvB,EAcA,GAZA8C,EAAWC,QAAW/C,GAA6BD,EAAcC,EAAQ,WACzE8C,EAAWE,QAAWhD,GAA6BD,EAAcC,EAAQ,WACzE8C,EAAWG,KAAQjD,GAA6BD,EAAcC,EAAQ,QACtE8C,EAAWI,MAASlD,GAA6BD,EAAcC,EAAQ,SACvE8C,EAAWK,SAAW,KACpBrC,SAASsC,iBAAiB,cAAcC,QAAQR,GAAMA,EAAGR,WAOnC,oBAAbvB,WAA6BA,SAASC,eAAe,oBAAqB,CACnF,MAAMe,EAAQhB,SAASE,cAAc,SACrCc,EAAMb,GAAK,mBACXa,EAAMJ,YAAc,ouEAsGpBZ,SAASwC,KAAKlC,YAAYU,EAC5B"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("@qxs-bns/components-wc");var e=require("../withInstall.cjs"),o=require("../wc-bridge.cjs");const t=o.createCustomElementBridge({name:"QxsPhotoCropTool",tag:"qxs-photo-crop-tool",props:{imgFile:o.createNullableProp(),aspectRatio:o.createNullableProp(),defaultWidth:o.createNullableProp(),defaultHeight:o.createNullableProp(),zoomType:o.createNullableProp()},createExpose:e=>({getElement:()=>e.value,crop:()=>e.value?.crop?.(),resize:()=>e.value?.resize?.()})}),r=e.withInstall(t);exports.QxsPhotoCropTool=r,exports.default=r;
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../packages/components/src/photo-crop-tool/index.ts"],"sourcesContent":["import '@qxs-bns/components-wc'\nimport { withInstall } from '../withInstall'\nimport { createCustomElementBridge, createNullableProp } from '../wc-bridge'\n\nconst component = createCustomElementBridge({\n  name: 'QxsPhotoCropTool',\n  tag: 'qxs-photo-crop-tool',\n  props: {\n    imgFile: createNullableProp<File | null>(),\n    aspectRatio: createNullableProp<string>(),\n    defaultWidth: createNullableProp<number>(),\n    defaultHeight: createNullableProp<number>(),\n    zoomType: createNullableProp<'fixed' | 'free'>(),\n  },\n  createExpose: elementRef => ({\n    getElement: () => elementRef.value,\n    crop: () => (elementRef.value as any)?.crop?.(),\n    resize: () => (elementRef.value as any)?.resize?.(),\n  }),\n})\n\nexport const QxsPhotoCropTool = withInstall(component)\n\nexport default QxsPhotoCropTool\n"],"names":["component","createCustomElementBridge","name","tag","props","imgFile","createNullableProp","aspectRatio","defaultWidth","defaultHeight","zoomType","createExpose","elementRef","getElement","value","crop","resize","QxsPhotoCropTool","withInstall"],"mappings":"wKAIA,MAAMA,EAAYC,EAAAA,0BAA0B,CAC1CC,KAAM,mBACNC,IAAK,sBACLC,MAAO,CACLC,QAASC,EAAAA,qBACTC,YAAaD,EAAAA,qBACbE,aAAcF,EAAAA,qBACdG,cAAeH,EAAAA,qBACfI,SAAUJ,EAAAA,sBAEZK,aAAcC,IAAA,CACZC,WAAYA,IAAMD,EAAWE,MAC7BC,KAAMA,IAAOH,EAAWE,OAAeC,SACvCC,OAAQA,IAAOJ,EAAWE,OAAeE,eAIhCC,EAAmBC,EAAAA,YAAYlB"}

package/lib/src/tiny-mce-editor/index.cjs

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

package/lib/src/tiny-mce-editor/index.cjs.map

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

package/lib/src/tiny-mce-editor/src/tiny-mce-editor.vue.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("@qxs-bns/hooks"),i=require("lodash-es"),n=require("tinymce/tinymce");require("tinymce/themes/silver/theme"),require("tinymce/icons/default/icons"),require("tinymce/models/dom"),require("tinymce/plugins/autolink"),require("tinymce/plugins/autoresize"),require("tinymce/plugins/fullscreen"),require("tinymce/plugins/image"),require("tinymce/plugins/insertdatetime"),require("tinymce/plugins/link"),require("tinymce/plugins/lists"),require("tinymce/plugins/media"),require("tinymce/plugins/preview"),require("tinymce/plugins/table"),require("tinymce/plugins/wordcount"),require("tinymce/plugins/code"),require("tinymce/plugins/searchreplace"),require("tinymce/plugins/nonbreaking");const r=["id","name"];var a=e.defineComponent({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(a,{emit:l}){const u=l,s=t.useNamespace("tiny-mce-editor"),o=a.assetsBasePath||"node_modules/",c=e.shallowRef(null),m=e.ref(`tiny-mce-textarea-${Date.now()}-${Math.random().toString(36).substr(2,9)}`),d=e.computed({get:()=>a.modelValue,set(e){u("update:modelValue",e)}}),g={selector:`textarea#${m.value}`,promotion:!1,license_key:"gpl",elementpath:!1,language:"zh-Hans",language_url:`${o}tinymce/langs/zh-Hans.js`,skin_url:`${o}tinymce/skins/ui/oxide`,content_css:`${o}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:e=>{e.on("init",()=>{c.value=e,e.setContent(d.value)}),e.on("input change undo redo",()=>{d.value=e.getContent()}),a.config?.expandSetup?.(e)}},p=e.computed(()=>{const e=g;return a.config.images_upload_handler||("string"==typeof e.plugins?e.plugins=e.plugins.replace("image",""):Array.isArray(e.plugins)&&(e.plugins=e.plugins.filter(e=>"image"!==e))),i.merge(e,a.config)});return e.watch(()=>a.modelValue,e=>{try{c.value&&e!==c.value?.getContent()&&c.value.setContent(e)}catch(e){}}),e.onMounted(async()=>{"undefined"!=typeof window&&n.init(p.value)}),e.onBeforeUnmount(()=>{c.value&&(c.value.destroy(),c.value=null)}),(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s).e("tiny-mce"))},[e.createCommentVNode(" 使用动态生成的 id "),e.withDirectives(e.createElementVNode("textarea",{id:m.value,"onUpdate:modelValue":i[0]||(i[0]=e=>d.value=e),name:m.value},null,8,r),[[e.vModelText,d.value]])],2))}});exports.default=a;
-//# sourceMappingURL=tiny-mce-editor.vue.cjs.map

package/lib/src/tiny-mce-editor/src/tiny-mce-editor.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tiny-mce-editor.vue.cjs","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":"ujCA4CA,MAAMA,EAAOC,EAEPC,EAAKC,EAAAA,aAAa,mBAGlBC,EAAWC,EAAAC,gBAAkB,gBAE7BC,EAAiBC,EAAAA,WAA0B,MAE3CC,EAAWC,EAAAA,IACf,qBAAqBC,KAAKC,SAASC,KAAKC,SAASC,SAAS,IAAIC,OAAO,EAAG,MAGpEC,EAAUC,EAAAA,SAAS,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,EAAAA,SAAS,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,QAAMP,EAAoB9C,EAAA2C,iBAInCW,EAAAA,MAAM,IAAMtD,EAAAe,WAAawC,IACvB,IAEMrD,EAAekB,OAASmC,IAAWrD,EAAekB,OAAOsB,cAC3DxC,EAAekB,MAAMqB,WAAWc,EAEpC,OACOC,GAEP,IAGFC,EAAAA,UAAUC,UACc,oBAAXC,QACTC,EAAQC,KAAKhB,EAAYzB,SAK7B0C,EAAAA,gBAAgB,KACV5D,EAAekB,QACjBlB,EAAekB,MAAM2C,UACrB7D,EAAekB,MAAQ,8BAMzB4C,EAAAA,mBAOM,MAAA,CAPAC,MAAKC,EAAAA,eAAEC,EAAAA,MAAAtE,GAAGuE,EAAC,eACfC,EAAAA,mBAAA,iCACAC,EAAAA,mBAIE,WAAA,CAHCC,GAAInE,EAAAgB,2CACIR,EAAOQ,MAAAoD,GACfC,KAAMrE,EAAAgB,gCADER,EAAAQ"}

package/lib/src/tiny-mce-editor/src/tiny-mce-editor.vue2.cjs

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

package/lib/src/tiny-mce-editor/src/tiny-mce-editor.vue2.cjs.map

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

package/lib/src/ui/button/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue");const t=e.defineComponent({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,o){let{slots:l,emit:n}=o;const a=e=>{t.disabled||t.loading||n("click",e)};return()=>e.h("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:a},[t.loading&&e.h("span",{class:"qxs-button__loading"},[e.h("svg",{class:"qxs-button__loading-icon",viewBox:"0 0 24 24"},[e.h("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-dasharray":"60","stroke-dashoffset":"20"})])]),l.default?.()])}});exports.QxsButton=t,exports.default=t;
-//# sourceMappingURL=index.cjs.map

package/lib/src/ui/button/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","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":"yFAKO,MAAMA,EAAYC,EAAAA,gBAAgB,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,EAAAA,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,EAAAA,EAAE,OAAQ,CAAEC,MAAO,uBAAyB,CAC3DD,EAAAA,EAAE,MAAO,CAAEC,MAAO,2BAA4BE,QAAS,aAAe,CACpEH,EAAAA,EAAE,SAAU,CAAEI,GAAM,KAAMC,GAAM,KAAMC,EAAK,KAAMC,OAAU,eAAgB,eAAgB,IAAKC,KAAQ,OAAQ,mBAAoB,KAAM,oBAAqB,WAGnKZ,EAAMd,aAEV"}

package/lib/src/ui/checkbox/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue");const l=e.defineComponent({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(l,a){let{slots:t,emit:d}=a;const o=()=>Array.isArray(l.modelValue)?l.modelValue.includes(l.label):void 0!==l.trueLabel||void 0!==l.falseLabel?l.modelValue===l.trueLabel:Boolean(l.modelValue),s=e=>{if(l.disabled)return;const a=e.target.checked;if(Array.isArray(l.modelValue)){const e=[...l.modelValue];if(a)e.push(l.label);else{const a=e.indexOf(l.label);a>-1&&e.splice(a,1)}d("update:modelValue",e),d("change",e)}else if(void 0!==l.trueLabel||void 0!==l.falseLabel){const e=a?l.trueLabel:l.falseLabel;d("update:modelValue",e),d("change",e)}else d("update:modelValue",a),d("change",a)};return()=>e.h("label",{class:["qxs-checkbox",{"is-checked":o(),"is-disabled":l.disabled,"is-indeterminate":l.indeterminate}],style:{display:"inline-flex",alignItems:"center",cursor:l.disabled?"not-allowed":"pointer",marginRight:"12px"}},[e.h("input",{type:"checkbox",class:"qxs-checkbox__input",checked:o(),disabled:l.disabled,onChange:s,style:{marginRight:"8px",cursor:l.disabled?"not-allowed":"pointer"}}),(t.default?.()||l.label)&&e.h("span",{class:"qxs-checkbox__label",style:{fontSize:"14px",color:l.disabled?"var(--qxs-text-color-disabled, #c0c4cc)":void 0}},t.default?.()||l.label)])}}),a=e.defineComponent({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(l,a){let{slots:t}=a;return()=>e.h("div",{class:"qxs-checkbox-group",style:{display:"inline-flex",flexWrap:"wrap",gap:"8px"}},t.default?.())}});exports.QxsCheckbox=l,exports.QxsCheckboxGroup=a,exports.default=l;
-//# sourceMappingURL=index.cjs.map

package/lib/src/ui/checkbox/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","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        }\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      }\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      }\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":"yFAEO,MAAMA,EAAcC,EAAAA,gBAAgB,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,SAAY,OAEtB,MAAMe,EAAWD,EAAEE,OAA4BD,QAE/C,GAAIjB,MAAMa,QAAQnB,EAAMC,YAAa,CACnC,MAAMwB,EAAQ,IAAIzB,EAAMC,YACxB,GAAIsB,EACFE,EAAMC,KAAK1B,EAAMS,WAEd,CACH,MAAMkB,EAAQF,EAAMG,QAAQ5B,EAAMS,OAC9BkB,GAAQ,GACVF,EAAMI,OAAOF,EAAO,EAExB,CACAV,EAAK,oBAAqBQ,GAC1BR,EAAK,SAAUQ,EACjB,cAC6B,IAApBzB,EAAMW,gBAAgD,IAArBX,EAAMY,WAA0B,CACxE,MAAMa,EAAQF,EAAUvB,EAAMW,UAAYX,EAAMY,WAChDK,EAAK,oBAAqBQ,GAC1BR,EAAK,SAAUQ,EACjB,MAEER,EAAK,oBAAqBM,GAC1BN,EAAK,SAAUM,IAInB,MAAO,IAAMO,EAAAA,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,EAAAA,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,EAAAA,EAAE,OAAQ,CAC9CC,MAAO,sBACPC,MAAO,CACLM,SAAU,OACVC,MAAOvC,EAAMQ,SAAW,+CAA4C,IAErEQ,EAAMT,aAAeP,EAAMS,QAElC,IAGW+B,EAAmB1C,EAAAA,gBAAgB,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,EAAAA,EAAE,MAAO,CACpBC,MAAO,qBACPC,MAAO,CACLC,QAAS,cACTY,SAAU,OACVC,IAAK,QAEN9B,EAAMT,YACX"}

package/lib/src/ui/dialog/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue");const o=e.defineComponent({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(o,l){let{emit:t,slots:s}=l;const a=e.ref(o.modelValue);e.watch(()=>o.modelValue,e=>{a.value=e,e?d():n()});const d=()=>{t("open"),o.lockScroll&&(document.body.style.overflow="hidden")},n=()=>{t("close"),t("update:modelValue",!1),o.lockScroll&&(document.body.style.overflow="")},r=()=>{o.closeOnClickModal&&n()},i=e=>{"Escape"===e.key&&o.closeOnPressEscape&&a.value&&n()};return e.onMounted(()=>{o.closeOnPressEscape&&document.addEventListener("keydown",i)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",i),o.lockScroll&&(document.body.style.overflow="")}),()=>{if(o.destroyOnClose&&!a.value)return null;const l="number"==typeof o.width?`${o.width}px`:o.width,t=()=>a.value?e.h("div",{class:"qxs-dialog-container"},[e.h("div",{class:"qxs-overlay",onClick:r}),e.h("div",{class:["qxs-dialog__wrapper",o.center&&"qxs-dialog__wrapper--center"],onClick:e=>{e.target.classList.contains("qxs-dialog__wrapper")&&r()}},[e.h("div",{class:["qxs-dialog",o.customClass],style:{width:l,marginTop:o.center?"0":o.top},role:"dialog","aria-modal":"true","aria-label":o.title},[(s.header||o.title||o.showClose)&&e.h("div",{class:"qxs-dialog__header"},[s.header?s.header():e.h("span",{class:"qxs-dialog__title"},o.title),o.showClose&&e.h("button",{class:"qxs-dialog__close",type:"button","aria-label":"Close",onClick:n},"×")]),e.h("div",{class:"qxs-dialog__body"},s.default?.()),s.footer&&e.h("div",{class:"qxs-dialog__footer"},s.footer())])])]):null;return o.appendToBody?e.h(e.Teleport,{to:"body"},[t()]):t()}}});exports.QxsDialogComponent=o,exports.default=o;
-//# sourceMappingURL=index.cjs.map

package/lib/src/ui/dialog/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/src/ui/dialog/index.ts"],"sourcesContent":["import { defineComponent, h, onBeforeUnmount, onMounted, type PropType, ref, Teleport, watch } 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      }\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":"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"}

package/lib/src/ui/input/index.cjs

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

package/lib/src/ui/input/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/src/ui/input/index.ts"],"sourcesContent":["import { type CSSProperties, defineComponent, h, nextTick, ref, watch } 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 = Number.parseInt(getComputedStyle(textarea).lineHeight) || 20\n        const paddingHeight = Number.parseInt(getComputedStyle(textarea).paddingTop) + Number.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/lib/src/ui/input-number/index.cjs

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

package/lib/src/ui/input-number/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/src/ui/input-number/index.ts"],"sourcesContent":["import { computed, defineComponent, h, type PropType, ref } 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/lib/src/ui/layout/index.cjs

@@ -1,2 +0,0 @@
-"use strict";var e=require("vue");const t=Symbol("QxsRow"),s=e.defineComponent({name:"QxsRow",props:{gutter:{type:Number,default:0},justify:{type:String,default:"start"},align:{type:String,default:"top"},tag:{type:String,default:"div"}},setup(s,l){let{slots:p}=l;e.provide(t,{gutter:e.computed(()=>s.gutter)});const u={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"}[s.justify],alignItems:{top:"flex-start",middle:"center",bottom:"flex-end"}[s.align]};return s.gutter&&(u.marginLeft=-s.gutter/2+"px",u.marginRight=-s.gutter/2+"px"),()=>e.h(s.tag,{class:"qxs-row",style:u},p.default?.())}}),l=e.defineComponent({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(s,l){let{slots:p}=l;const u=e.inject(t,null),a=u?.gutter.value||0,r={boxSizing:"border-box"};a&&(r.paddingLeft=a/2+"px",r.paddingRight=a/2+"px");const o=100/24*s.span;return r.maxWidth=`${o}%`,r.flex=`0 0 ${o}%`,s.offset&&(r.marginLeft=100/24*s.offset+"%"),s.push&&(r.position="relative",r.left=100/24*s.push+"%"),s.pull&&(r.position="relative",r.right=100/24*s.pull+"%"),()=>e.h(s.tag,{class:["qxs-col",`qxs-col-${s.span}`,s.offset&&`qxs-col-offset-${s.offset}`,s.push&&`qxs-col-push-${s.push}`,s.pull&&`qxs-col-pull-${s.pull}`],style:r},p.default?.())}});exports.QxsCol=l,exports.QxsRow=s;
-//# sourceMappingURL=index.cjs.map

package/lib/src/ui/layout/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/src/ui/layout/index.ts"],"sourcesContent":["import { computed, type CSSProperties, defineComponent, h, inject, type InjectionKey, type PropType, provide, type Ref } 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":"kCASA,MAAMA,EAA8CC,OAAO,UAE9CC,EAASC,EAAAA,gBAAgB,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,EAAAA,QAAQjB,EAAmB,CACzBM,OAAQY,EAAAA,SAAS,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,IAAK,aACLC,OAAQ,SACRC,OAAQ,YAOaxB,EAAMO,QAQ7B,OALIP,EAAMC,SACRa,EAASW,YAAiBzB,EAAMC,OAAS,EAAnB,KACtBa,EAASY,aAAkB1B,EAAMC,OAAS,EAAnB,MAGlB,IAAM0B,EAAAA,EAAE3B,EAAMQ,IAAK,CACxBoB,MAAO,UACPC,MAAOf,GACNH,EAAMP,YACX,IAGW0B,EAAShC,EAAAA,gBAAgB,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,EAAAA,OAAOhD,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,EAAAA,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/lib/src/ui/link/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue");const t=e.defineComponent({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(t,l){let{slots:d,emit:i}=l;const r=e=>{t.disabled?e.preventDefault():(t.href||e.preventDefault(),i("click",e))};return()=>e.h("a",{class:["qxs-link",`qxs-link--${t.type}`,{"is-disabled":t.disabled,"is-underline":t.underline}],href:t.disabled?void 0:t.href,target:t.disabled?void 0:t.target,onClick:r,style:{cursor:t.disabled?"not-allowed":"pointer",textDecoration:t.underline?"underline":"none",opacity:t.disabled?"0.5":"1",color:t.disabled?"var(--qxs-text-color-disabled, #c0c4cc)":void 0}},d.default?.())}});exports.QxsLink=t,exports.default=t;
-//# sourceMappingURL=index.cjs.map

package/lib/src/ui/link/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","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":"yFAIO,MAAMA,EAAUC,EAAAA,gBAAgB,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,EAAAA,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/lib/src/ui/popover/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue");const t=e.defineComponent({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(t,o){let{slots:r,emit:i}=o;const l=e.ref(!1),n=e.ref(),a=e.ref();let s=null;const u=void 0!==t.visible,d=e.computed(()=>u?t.visible:l.value),p=()=>{t.disabled||(s&&(clearTimeout(s),s=null),u||(l.value=!0),i("update:visible",!0),i("show"))},c=()=>{s&&clearTimeout(s),s=setTimeout(()=>{u||(l.value=!1),i("update:visible",!1),i("hide")},200)},v=()=>{"hover"===t.trigger&&p()},f=()=>{"hover"===t.trigger&&c()},g=()=>{"click"===t.trigger&&(d.value?c():p())},b=()=>{"focus"===t.trigger&&p()},h=()=>{"focus"===t.trigger&&c()},m=()=>{"hover"===t.trigger&&s&&(clearTimeout(s),s=null)},x=()=>{"hover"===t.trigger&&c()},y=e=>{if("click"!==t.trigger)return;const o=e.target;n.value?.contains(o)||a.value?.contains(o)||c()};e.onMounted(()=>{"click"===t.trigger&&document.addEventListener("click",y)}),e.onBeforeUnmount(()=>{"click"===t.trigger&&document.removeEventListener("click",y),s&&clearTimeout(s)});return()=>e.h("div",{class:"qxs-popover",style:{display:"inline-block",position:"relative"}},[e.h("div",{ref:n,class:"qxs-popover__reference",onMouseenter:v,onMouseleave:f,onClick:g,onFocus:b,onBlur:h},r.reference?.()||r.default?.()),d.value&&e.h("div",{ref:a,class:["qxs-popover__popper",`qxs-popover__popper--${t.placement}`],style:{position:"absolute",zIndex:2e3,width:"number"==typeof t.width?`${t.width}px`:t.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:m,onMouseleave:x},r.default?.()||t.content)])}});exports.QxsPopover=t,exports.default=t;
-//# sourceMappingURL=index.cjs.map

package/lib/src/ui/popover/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/src/ui/popover/index.ts"],"sourcesContent":["import { computed, defineComponent, h, onBeforeUnmount, onMounted, type PropType, ref } 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) { 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') { 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":"yFAKO,MAAMA,EAAaC,EAAAA,gBAAgB,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,EAAAA,KAAI,GACrBC,EAAeD,EAAAA,MACfE,EAAYF,EAAAA,MAClB,IAAIG,EAAkD,KAEtD,MAAMC,OAAiC,IAAlBxB,EAAMW,QAErBc,EAAiBC,EAAAA,SAAS,IAAMF,EAAexB,EAAMW,QAAUQ,EAAeQ,OAE9EC,EAAOA,KACP5B,EAAMO,WACNgB,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,QAAuB,OACjC,MAAMmC,EAASD,EAAEC,OAEfpB,EAAaM,OAAOe,SAASD,IAC1BnB,EAAUK,OAAOe,SAASD,IAI/BX,KAGFa,EAAAA,UAAU,KACc,UAAlB3C,EAAMM,SACRsC,SAASC,iBAAiB,QAASN,KAIvCO,EAAAA,gBAAgB,KACQ,UAAlB9C,EAAMM,SACRsC,SAASG,oBAAoB,QAASR,GAEpChB,GACFM,aAAaN,KAqBjB,MAAO,IAAMyB,EAAAA,EAAE,MAAO,CACpBC,MAAO,cACPC,MAAO,CACLC,QAAS,eACTC,SAAU,aAEX,CACDJ,EAAAA,EAAE,MAAO,CACP5B,IAAKC,EACL4B,MAAO,yBACPI,aAAcrB,EACdsB,aAAcrB,EACdsB,QAASrB,EACTsB,QAASrB,EACTsB,OAAQrB,GACPnB,EAAMyC,eAAiBzC,EAAMb,aAChCqB,EAAeE,OAASqB,EAAAA,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/lib/src/ui/radio/index.cjs

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

package/lib/src/ui/radio/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/src/ui/radio/index.ts"],"sourcesContent":["import { computed, defineComponent, h, inject, type InjectionKey, type PropType, provide, 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        }\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":"yFAEA,MAAMA,EAA8EC,OAAO,cAE9EC,EAAWC,EAAAA,gBAAgB,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,EAAAA,OAAOpB,EAAe,MAEnCqB,EAAYC,EAAAA,SAAS,IACrBH,EACKA,EAAWI,QAAUlB,EAAMO,MAE7BP,EAAMC,aAAeD,EAAMO,OAG9BY,EAAeA,KACdnB,EAAMQ,WACLM,EACFA,EAAWI,MAAQlB,EAAMO,MAGzBM,EAAK,oBAAqBb,EAAMO,OAElCM,EAAK,SAAUb,EAAMO,SAIzB,MAAO,IAAMa,EAAAA,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,EAAAA,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,EAAAA,EAAE,OAAQ,CACRC,MAAO,mBACPC,MAAO,CACLO,SAAU,OACVC,MAAO9B,EAAMQ,SAAW,+CAA4C,IAErEI,EAAMN,aAAeN,EAAMO,QAElC,IAGWwB,EAAgBjC,EAAAA,gBAAgB,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,EAAAA,SAAS,CAC1BgB,IAAKA,IAAMjC,EAAMC,WACjBiC,IAAMC,IACJtB,EAAK,oBAAqBsB,GAC1BtB,EAAK,SAAUsB,MAMnB,OAFAC,EAAAA,QAAQzC,EAAeM,GAEhB,IAAMmB,EAAAA,EAAE,MAAO,CACpBC,MAAO,kBACPC,MAAO,CACLC,QAAS,cACTc,cAAe,SACfC,IAAK,SAEN1B,EAAMN,YACX"}

package/lib/src/ui/scrollbar/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("vue");const e=r.defineComponent({name:"QxsScrollbar",props:{height:{type:[String,Number],default:""},maxHeight:{type:[String,Number],default:""},always:{type:Boolean,default:!1}},setup(e,l){let{slots:a}=l;const t=r=>"number"==typeof r?`${r}px`:r,o={overflow:"auto",position:"relative"};e.height&&(o.height=t(e.height)),e.maxHeight&&(o.maxHeight=t(e.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      ${e.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()=>r.h("div",{class:"qxs-scrollbar",style:{position:"relative"}},[r.h("style",s),r.h("div",{class:"qxs-scrollbar__wrapper",style:o},a.default?.())])}});exports.QxsScrollbar=e,exports.default=e;
-//# sourceMappingURL=index.cjs.map

package/lib/src/ui/scrollbar/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/src/ui/scrollbar/index.ts"],"sourcesContent":["import { type CSSProperties, defineComponent, h } 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        ? ''\n        : `\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":"yFAEO,MAAMA,EAAeC,EAAAA,gBAAgB,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,EAA6B,GAAGA,MACpCA,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,OACJ,GACA,gNAUN,MAAO,IAAMW,EAAAA,EAAE,MAAO,CACpBC,MAAO,gBACPC,MAAO,CAAEJ,SAAU,aAClB,CACDE,EAAAA,EAAE,QAASD,GACXC,EAAAA,EAAE,MAAO,CACPC,MAAO,yBACPC,MAAON,GACNH,EAAMN,cAEb"}

package/lib/src/ui/select/index.cjs

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

package/lib/src/ui/select/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/src/ui/select/index.ts"],"sourcesContent":["import { computed, defineComponent, h, inject, type InjectionKey, type PropType, provide, ref, type Ref, watch } 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.includes(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        }\n        else {\n          values.push(value)\n          selectedTags.value.push({ value, label })\n        }\n\n        emit('update:modelValue', values)\n        emit('change', values)\n      }\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      }\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\n          ? 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            ])\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","includes","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","v","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/lib/src/ui/table/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue");const t=Symbol("tableColumns"),r=Symbol("tableRegisterColumn"),l=e.defineComponent({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(t,l){let{slots:a}=l;const s=e.inject(r),o={prop:t.prop,label:t.label,width:t.width,minWidth:t.minWidth,align:t.align,sortable:t.sortable,fixed:t.fixed,renderHeader:()=>a.header?e.h("div",{},a.header()):t.label,renderCell:r=>a.default?e.h("div",{},a.default({row:r})):t.prop?r[t.prop]??"--":"--"};return s&&s(o),()=>null}}),a=e.defineComponent({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(l,a){let{slots:s}=a;const o=e.ref([]),n=e.reactive({prop:null,order:null});e.provide(r,e=>{o.value.push(e)}),e.provide(t,o);const d=e.computed(()=>{if(!n.prop||!n.order)return l.data;const e=[...l.data],{prop:t,order:r}=n;return e.sort((e,l)=>{const a=e[t],s=l[t];if(a===s)return 0;const o=a>s?1:-1;return"ascending"===r?o:-o})}),i=(e,t)=>"function"==typeof l.rowKey?l.rowKey(e):"string"==typeof l.rowKey&&l.rowKey?e[l.rowKey]:String(t),p=()=>e.h("thead",{class:"qxs-table__header"},[e.h("tr",{},o.value.map(t=>{const r=["qxs-table__cell",`qxs-table__cell--${t.align||"left"}`,{"qxs-table__cell--sortable":t.sortable,"is-sorting":n.prop===t.prop}],l={};t.width&&(l.width="number"==typeof t.width?`${t.width}px`:t.width),t.minWidth&&(l.minWidth="number"==typeof t.minWidth?`${t.minWidth}px`:t.minWidth);const a=t.renderHeader?t.renderHeader():t.label,s=t.sortable?e.h("span",{class:"qxs-table__sort-icon"},[e.h("i",{class:["qxs-table__sort-caret","ascending",{"is-active":n.prop===t.prop&&"ascending"===n.order}]}),e.h("i",{class:["qxs-table__sort-caret","descending",{"is-active":n.prop===t.prop&&"descending"===n.order}]})]):null;return e.h("th",{class:r,style:l,onClick:()=>(e=>{e.sortable&&e.prop&&(n.prop===e.prop?"ascending"===n.order?n.order="descending":"descending"===n.order?(n.prop=null,n.order=null):n.order="ascending":(n.prop=e.prop,n.order="ascending"))})(t)},[e.h("div",{class:"qxs-table__cell-content"},[a,s])])}))]);return()=>{s.default&&s.default();const t=["qxs-table",{"qxs-table--striped":l.stripe,"qxs-table--border":l.border}],r={};return l.height&&(r.height="number"==typeof l.height?`${l.height}px`:l.height),e.h("div",{class:"qxs-table-wrapper",style:r},[e.h("table",{class:t},[p(),d.value.length?e.h("tbody",{class:"qxs-table__body"},d.value.map((t,r)=>{const a=["qxs-table__row",{"qxs-table__row--striped":l.stripe&&r%2==1}];return e.h("tr",{class:a,key:i(t,r)},o.value.map(l=>{const a=["qxs-table__cell",`qxs-table__cell--${l.align||"left"}`],s={};l.width&&(s.width="number"==typeof l.width?`${l.width}px`:l.width),l.minWidth&&(s.minWidth="number"==typeof l.minWidth?`${l.minWidth}px`:l.minWidth);const o=l.renderCell?l.renderCell(t,r):"--";return e.h("td",{class:a,style:s},[e.h("div",{class:"qxs-table__cell-content"},[o])])}))})):e.h("tbody",{class:"qxs-table__body"},[e.h("tr",{class:"qxs-table__empty-row"},[e.h("td",{class:"qxs-table__empty-cell",colspan:o.value.length},[e.h("div",{class:"qxs-table__empty-text"},[s.empty?s.empty():l.emptyText])])])])])])}}});exports.QxsTable=a,exports.QxsTableColumn=l,exports.default=a;
-//# sourceMappingURL=index.cjs.map