npm - @qxs-bns/components - Versions diffs - 0.0.90 → 0.0.91 - Mend

@qxs-bns/components 0.0.90 → 0.0.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (771) hide show

package/lib/src/dialog/src/dialog.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});let n=!1;const o=function(o){!function(){if(!n){const o=document.createElement("style");o.id="qxs-dialog-styles",o.textContent="\n.qxs-dialog-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 9998;\n  animation: qxs-overlay-fade-in 0.3s ease;\n}\n.qxs-dialog {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n  z-index: 9999;\n  min-width: 300px;\n  max-width: 90vw;\n  display: flex;\n  flex-direction: column;\n  animation: qxs-dialog-scale-in 0.3s ease;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n.qxs-dialog__header {\n  padding: 16px 20px;\n  border-bottom: 1px solid #eee;\n  font-size: 16px;\n  font-weight: 600;\n  color: #303133;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.qxs-dialog__title { flex: 1; }\n.qxs-dialog__close {\n  cursor: pointer;\n  font-size: 20px;\n  color: #909399;\n  background: none;\n  border: none;\n  padding: 0;\n  line-height: 1;\n}\n.qxs-dialog__close:hover { color: #409eff; }\n.qxs-dialog__body {\n  padding: 20px;\n  color: #606266;\n  font-size: 14px;\n  line-height: 1.6;\n}\n.qxs-dialog__footer {\n  padding: 12px 20px;\n  border-top: 1px solid #eee;\n  display: flex;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.qxs-dialog__button {\n  padding: 8px 20px;\n  border-radius: 4px;\n  font-size: 14px;\n  cursor: pointer;\n  border: 1px solid #dcdfe6;\n  background-color: #fff;\n  color: #606266;\n}\n.qxs-dialog__button:hover { border-color: #409eff; color: #409eff; }\n.qxs-dialog__button--primary { background-color: #409eff; border-color: #409eff; color: #fff; }\n.qxs-dialog__button--primary:hover { background-color: #66b1ff; border-color: #66b1ff; }\n@keyframes qxs-overlay-fade-in { from { opacity: 0; } to { opacity: 1; } }\n@keyframes qxs-dialog-scale-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.9); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }\n",document.head.appendChild(o),n=!0}}();const{title:e="提示",content:t="",width:s="30%",showClose:a=!0,closeOnClickModal:i=!1,closeOnPressEscape:l=!0,confirmButtonText:d="确定",cancelButtonText:r="取消",showConfirmButton:c=!0,showCancelButton:x=!0,onConfirm:f,onCancel:p,onClose:u}=o,g=document.createElement("div");g.className="qxs-dialog-overlay";const _=document.createElement("div");_.className="qxs-dialog",_.style.width=s,_.innerHTML=`\n    <div class="qxs-dialog__header">\n      <span class="qxs-dialog__title">${e}</span>\n      ${a?'<button class="qxs-dialog__close">×</button>':""}\n    </div>\n    <div class="qxs-dialog__body">${t}</div>\n    ${c||x?`\n      <div class="qxs-dialog__footer">\n        ${x?`<button class="qxs-dialog__button qxs-dialog__button--cancel">${r}</button>`:""}\n        ${c?`<button class="qxs-dialog__button qxs-dialog__button--primary qxs-dialog__button--confirm">${d}</button>`:""}\n      </div>\n    `:""}\n  `,document.body.appendChild(g),document.body.appendChild(_);let b=!1;const m=()=>{b||(b=!0,_.style.animation="qxs-dialog-scale-in 0.2s ease reverse",g.style.animation="qxs-overlay-fade-in 0.2s ease reverse",setTimeout(()=>{g.remove(),_.remove(),u?.()},200))},y=async()=>{try{await(f?.()),m()}catch(n){}},q=()=>{p?.(),m()};if(a&&_.querySelector(".qxs-dialog__close")?.addEventListener("click",m),x&&_.querySelector(".qxs-dialog__button--cancel")?.addEventListener("click",q),c&&_.querySelector(".qxs-dialog__button--confirm")?.addEventListener("click",y),i&&g.addEventListener("click",m),l){const n=o=>{"Escape"===o.key&&(m(),document.removeEventListener("keydown",n))};document.addEventListener("keydown",n)}return{close:m}};exports.QxsDialog=o,exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});let e=!1;const n=function(n){!function(){if(!e){const n=document.createElement("style");n.id="qxs-dialog-styles",n.textContent="\n.qxs-dialog-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 9998;\n  animation: qxs-overlay-fade-in 0.3s ease;\n}\n.qxs-dialog {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n  z-index: 9999;\n  min-width: 300px;\n  max-width: 90vw;\n  display: flex;\n  flex-direction: column;\n  animation: qxs-dialog-scale-in 0.3s ease;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n.qxs-dialog__header {\n  padding: 16px 20px;\n  border-bottom: 1px solid #eee;\n  font-size: 16px;\n  font-weight: 600;\n  color: #303133;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.qxs-dialog__title { flex: 1; }\n.qxs-dialog__close {\n  cursor: pointer;\n  font-size: 20px;\n  color: #909399;\n  background: none;\n  border: none;\n  padding: 0;\n  line-height: 1;\n}\n.qxs-dialog__close:hover { color: #409eff; }\n.qxs-dialog__body {\n  padding: 20px;\n  color: #606266;\n  font-size: 14px;\n  line-height: 1.6;\n}\n.qxs-dialog__footer {\n  padding: 12px 20px;\n  border-top: 1px solid #eee;\n  display: flex;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.qxs-dialog__button {\n  padding: 8px 20px;\n  border-radius: 4px;\n  font-size: 14px;\n  cursor: pointer;\n  border: 1px solid #dcdfe6;\n  background-color: #fff;\n  color: #606266;\n}\n.qxs-dialog__button:hover { border-color: #409eff; color: #409eff; }\n.qxs-dialog__button--primary { background-color: #409eff; border-color: #409eff; color: #fff; }\n.qxs-dialog__button--primary:hover { background-color: #66b1ff; border-color: #66b1ff; }\n@keyframes qxs-overlay-fade-in { from { opacity: 0; } to { opacity: 1; } }\n@keyframes qxs-dialog-scale-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.9); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }\n",document.head.appendChild(n),e=!0}}();const{title:o="提示",content:t="",width:a="30%",showClose:s=!0,closeOnClickModal:i=!1,closeOnPressEscape:l=!0,confirmButtonText:d="确定",cancelButtonText:r="取消",showConfirmButton:c=!0,showCancelButton:x=!0,onConfirm:p,onCancel:f,onClose:m}=n,u=document.createElement("div");u.className="qxs-dialog-overlay";const g=document.createElement("div");g.className="qxs-dialog",g.style.width=a;const _=document.createElement("div");_.className="qxs-dialog__header";const b=document.createElement("span");if(b.className="qxs-dialog__title",b.textContent=o,_.appendChild(b),s){const e=document.createElement("button");e.className="qxs-dialog__close",e.type="button",e.textContent="×",_.appendChild(e)}const y=document.createElement("div");if(y.className="qxs-dialog__body",y.textContent=t,g.append(_,y),c||x){const e=document.createElement("div");if(e.className="qxs-dialog__footer",x){const n=document.createElement("button");n.className="qxs-dialog__button qxs-dialog__button--cancel",n.type="button",n.textContent=r,e.appendChild(n)}if(c){const n=document.createElement("button");n.className="qxs-dialog__button qxs-dialog__button--primary qxs-dialog__button--confirm",n.type="button",n.textContent=d,e.appendChild(n)}g.appendChild(e)}document.body.appendChild(u),document.body.appendChild(g);let q=!1;const h=()=>{q||(q=!0,g.style.animation="qxs-dialog-scale-in 0.2s ease reverse",u.style.animation="qxs-overlay-fade-in 0.2s ease reverse",setTimeout(()=>{u.remove(),g.remove(),m?.()},200))},v=async()=>{try{await(p?.()),h()}catch(e){}},C=()=>{f?.(),h()};if(s&&g.querySelector(".qxs-dialog__close")?.addEventListener("click",h),x&&g.querySelector(".qxs-dialog__button--cancel")?.addEventListener("click",C),c&&g.querySelector(".qxs-dialog__button--confirm")?.addEventListener("click",v),i&&u.addEventListener("click",h),l){const e=n=>{"Escape"===n.key&&(h(),document.removeEventListener("keydown",e))};document.addEventListener("keydown",e)}return{close:h}};exports.QxsDialog=n,exports.default=n;
 //# sourceMappingURL=dialog.cjs.map

package/lib/src/dialog/src/dialog.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.cjs","sources":["../../../../../../packages/components/src/dialog/src/dialog.ts"],"sourcesContent":["export interface QxsDialogOptions {\n title?: string\n content?: string\n width?: string\n showClose?: boolean\n closeOnClickModal?: boolean\n closeOnPressEscape?: boolean\n confirmButtonText?: string\n cancelButtonText?: string\n showConfirmButton?: boolean\n showCancelButton?: boolean\n onConfirm?: () => void \| Promise<void>\n onCancel?: () => void\n onClose?: () => void\n}\n\ninterface QxsDialogInstance {\n close: () => void\n}\n\nconst styles = `\n.qxs-dialog-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9998;\n animation: qxs-overlay-fade-in 0.3s ease;\n}\n.qxs-dialog {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n z-index: 9999;\n min-width: 300px;\n max-width: 90vw;\n display: flex;\n flex-direction: column;\n animation: qxs-dialog-scale-in 0.3s ease;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n.qxs-dialog__header {\n padding: 16px 20px;\n border-bottom: 1px solid #eee;\n font-size: 16px;\n font-weight: 600;\n color: #303133;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.qxs-dialog__title { flex: 1; }\n.qxs-dialog__close {\n cursor: pointer;\n font-size: 20px;\n color: #909399;\n background: none;\n border: none;\n padding: 0;\n line-height: 1;\n}\n.qxs-dialog__close:hover { color: #409eff; }\n.qxs-dialog__body {\n padding: 20px;\n color: #606266;\n font-size: 14px;\n line-height: 1.6;\n}\n.qxs-dialog__footer {\n padding: 12px 20px;\n border-top: 1px solid #eee;\n display: flex;\n justify-content: flex-end;\n gap: 12px;\n}\n.qxs-dialog__button {\n padding: 8px 20px;\n border-radius: 4px;\n font-size: 14px;\n cursor: pointer;\n border: 1px solid #dcdfe6;\n background-color: #fff;\n color: #606266;\n}\n.qxs-dialog__button:hover { border-color: #409eff; color: #409eff; }\n.qxs-dialog__button--primary { background-color: #409eff; border-color: #409eff; color: #fff; }\n.qxs-dialog__button--primary:hover { background-color: #66b1ff; border-color: #66b1ff; }\n@keyframes qxs-overlay-fade-in { from { opacity: 0; } to { opacity: 1; } }\n@keyframes qxs-dialog-scale-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.9); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }\n`\n\nlet stylesInjected = false\n\nfunction injectStyles() {\n if (!stylesInjected) {\n const styleEl = document.createElement('style')\n styleEl.id = 'qxs-dialog-styles'\n styleEl.textContent = styles\n document.head.appendChild(styleEl)\n stylesInjected = true\n }\n}\n\nfunction createDialog(options: QxsDialogOptions): QxsDialogInstance {\n injectStyles()\n\n const {\n title = '提示',\n content = '',\n width = '30%',\n showClose = true,\n closeOnClickModal = false,\n closeOnPressEscape = true,\n confirmButtonText = '确定',\n cancelButtonText = '取消',\n showConfirmButton = true,\n showCancelButton = true,\n onConfirm,\n onCancel,\n onClose,\n } = options\n\n const overlay = document.createElement('div')\n overlay.className = 'qxs-dialog-overlay'\n\n const dialog = document.createElement('div')\n dialog.className = 'qxs-dialog'\n dialog.style.width = width\n\n ~~dialog.innerHTML~~ = `\n ~~<div~~ ~~class=\"~~qxs-dialog__header\~~">\~~n <span ~~class=\"~~qxs-dialog__title\~~">${~~title~~}</span>\~~n ${showClose ? '<button ~~class=\"~~qxs-dialog__close\~~">×</~~button>' : ''}\n </div>\n ~~<div~~ ~~class=\"~~qxs-dialog__body\~~">${~~content~~}</div>\~~n ${showConfirmButton \|\| showCancelButton ? `\n ~~<div~~ ~~class=\"~~qxs-dialog__footer\~~">\~~n ${showCancelButton ? `<button ~~class=\"~~qxs-dialog__button qxs-dialog__button--cancel\~~">${cancelButtonText}</button>`~~ : ''}\n ${showConfirmButton ? `<button ~~class=\"~~qxs-dialog__button qxs-dialog__button--primary qxs-dialog__button--confirm\~~">${confirmButtonText}</button>`~~ : ''}\n ~~</div>\~~n ~~` : ''~~}\n `\n\n document.body.appendChild(overlay)\n document.body.appendChild(dialog)\n\n let closed = false\n\n const close = () => {\n if (closed) return\n closed = true\n dialog.style.animation = 'qxs-dialog-scale-in 0.2s ease reverse'\n overlay.style.animation = 'qxs-overlay-fade-in 0.2s ease reverse'\n setTimeout(() => {\n overlay.remove()\n dialog.remove()\n onClose?.()\n }, 200)\n }\n\n const handleConfirm = async () => {\n try {\n await onConfirm?.()\n close()\n } catch (error) {\n console.error('Dialog confirm error:', error)\n }\n }\n\n const handleCancel = () => {\n onCancel?.()\n close()\n }\n\n if (showClose) {\n dialog.querySelector('.qxs-dialog__close')?.addEventListener('click', close)\n }\n\n if (showCancelButton) {\n dialog.querySelector('.qxs-dialog__button--cancel')?.addEventListener('click', handleCancel)\n }\n\n if (showConfirmButton) {\n dialog.querySelector('.qxs-dialog__button--confirm')?.addEventListener('click', handleConfirm)\n }\n\n if (closeOnClickModal) {\n overlay.addEventListener('click', close)\n }\n\n if (closeOnPressEscape) {\n const handleKeydown = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n close()\n document.removeEventListener('keydown', handleKeydown)\n }\n }\n document.addEventListener('keydown', handleKeydown)\n }\n\n return { close }\n}\n\ninterface QxsDialogFunction {\n (options: QxsDialogOptions): QxsDialogInstance\n}\n\nconst QxsDialog = createDialog as QxsDialogFunction\n\nexport { QxsDialog, type QxsDialogFunction, type QxsDialogInstance }\nexport default QxsDialog\n"],"names":["stylesInjected","QxsDialog","options","styleEl","document","createElement","id","textContent","head","appendChild","injectStyles","title","content","width","showClose","closeOnClickModal","closeOnPressEscape","confirmButtonText","cancelButtonText","showConfirmButton","showCancelButton","onConfirm","onCancel","onClose","overlay","className","dialog","style","~~innerHTML~~","body","closed","close","animation","setTimeout","remove","handleConfirm","async","error","handleCancel","querySelector","addEventListener","handleKeydown","e","key","removeEventListener"],"mappings":"oEAiGA,IAAIA,GAAiB,~~EAoHrB~~,MAAMC,~~EAxGN~~,SAAsBC,IAVtB,WACE,IAAKF,EAAgB,CACnB,MAAMG,EAAUC,SAASC,cAAc,SACvCF,EAAQG,GAAK,oBACbH,EAAQI,YAnFG,k+DAoFXH,SAASI,KAAKC,YAAYN,GAC1BH,GAAiB,CACnB,CACF,CAGEU,GAEA,MAAMC,MACJA,EAAQ,KAAAC,QACRA,EAAU,GAAAC,MACVA,EAAQ,MAAAC,UACRA,GAAY,EAAAC,kBACZA,GAAoB,EAAAC,mBACpBA,GAAqB,EAAAC,kBACrBA,EAAoB,KAAAC,iBACpBA,EAAmB,KAAAC,kBACnBA,GAAoB,EAAAC,iBACpBA,GAAmB,EAAAC,UACnBA,EAAAC,SACAA,EAAAC,QACAA,GACErB,EAEEsB,EAAUpB,SAASC,cAAc,OACvCmB,EAAQC,UAAY,qBAEpB,MAAMC,EAAStB,SAASC,cAAc,OACtCqB,EAAOD,UAAY,aACnBC,EAAOC,MAAMd,MAAQA,~~EAErBa~~,~~EAAOE~~,UAAY,~~iFAEmBjB~~,~~mBAChCG~~,~~EAAY,+CAAiD~~,~~qDAEjCF~~,~~gBAC9BO~~,GAAqBC,~~EAAmB~~,~~qDAEpCA~~,EAAmB,~~iEAAiEF~~,~~aAA8B~~,~~eAClHC~~,~~EAAoB~~,~~8FAA8FF~~,~~aAA~~+B,~~yBAEnJ~~,~~SAGNb~~,~~SAASyB~~,~~KAAKpB~~,YAAYe,GAC1BpB,~~SAASyB~~,~~KAAKpB~~,YAAYiB,GAE1B,~~IAAII~~,GAAS,EAEb,MAAMC,EAAQA,KACRD,IACJA,GAAS,~~EACTJ~~,EAAOC,~~MAAMK~~,UAAY,~~wCACzBR~~,EAAQG,~~MAAMK~~,UAAY,wCAC1BC,WAAW,~~KACTT~~,~~EAAQU~~,~~SACRR~~,~~EAAOQ~~,~~SACPX~~,OACC,~~OAGCY~~,EAAgBC,UACpB,~~UACQf~~,~~OACNU~~,GACF,~~OAASM~~,~~GAET~~,GAGIC,EAAeA,~~KACnBhB~~,~~MACAS~~,KAmBF,~~GAhBIjB~~,GACFY,~~EAAOa~~,cAAc,uBAAuBC,iBAAiB,QAAST,~~GAGpEX~~,GACFM,~~EAAOa~~,cAAc,gCAAgCC,iBAAiB,QAASF,~~GAG7EnB~~,GACFO,~~EAAOa~~,cAAc,iCAAiCC,iBAAiB,QAASL,~~GAG9EpB~~,GACFS,~~EAAQgB~~,iBAAiB,QAAST,~~GAGhCf~~,EAAoB,CACtB,~~MAAMyB~~,EAAiBC,IACP,WAAVA,EAAEC,MACJZ,~~IACA3B~~,~~SAASwC~~,oBAAoB,UAAWH,~~KAG5CrC~~,~~SAASoC~~,iBAAiB,UAAWC,EACvC,CAEA,MAAO,CAAEV,QACX"}
1	+ {"version":3,"file":"dialog.cjs","sources":["../../../../../../packages/components/src/dialog/src/dialog.ts"],"sourcesContent":["export interface QxsDialogOptions {\n title?: string\n content?: string\n width?: string\n showClose?: boolean\n closeOnClickModal?: boolean\n closeOnPressEscape?: boolean\n confirmButtonText?: string\n cancelButtonText?: string\n showConfirmButton?: boolean\n showCancelButton?: boolean\n onConfirm?: () => void \| Promise<void>\n onCancel?: () => void\n onClose?: () => void\n}\n\ninterface QxsDialogInstance {\n close: () => void\n}\n\nconst styles = `\n.qxs-dialog-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 9998;\n animation: qxs-overlay-fade-in 0.3s ease;\n}\n.qxs-dialog {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n z-index: 9999;\n min-width: 300px;\n max-width: 90vw;\n display: flex;\n flex-direction: column;\n animation: qxs-dialog-scale-in 0.3s ease;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n.qxs-dialog__header {\n padding: 16px 20px;\n border-bottom: 1px solid #eee;\n font-size: 16px;\n font-weight: 600;\n color: #303133;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.qxs-dialog__title { flex: 1; }\n.qxs-dialog__close {\n cursor: pointer;\n font-size: 20px;\n color: #909399;\n background: none;\n border: none;\n padding: 0;\n line-height: 1;\n}\n.qxs-dialog__close:hover { color: #409eff; }\n.qxs-dialog__body {\n padding: 20px;\n color: #606266;\n font-size: 14px;\n line-height: 1.6;\n}\n.qxs-dialog__footer {\n padding: 12px 20px;\n border-top: 1px solid #eee;\n display: flex;\n justify-content: flex-end;\n gap: 12px;\n}\n.qxs-dialog__button {\n padding: 8px 20px;\n border-radius: 4px;\n font-size: 14px;\n cursor: pointer;\n border: 1px solid #dcdfe6;\n background-color: #fff;\n color: #606266;\n}\n.qxs-dialog__button:hover { border-color: #409eff; color: #409eff; }\n.qxs-dialog__button--primary { background-color: #409eff; border-color: #409eff; color: #fff; }\n.qxs-dialog__button--primary:hover { background-color: #66b1ff; border-color: #66b1ff; }\n@keyframes qxs-overlay-fade-in { from { opacity: 0; } to { opacity: 1; } }\n@keyframes qxs-dialog-scale-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.9); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }\n`\n\nlet stylesInjected = false\n\nfunction injectStyles() {\n if (!stylesInjected) {\n const styleEl = document.createElement('style')\n styleEl.id = 'qxs-dialog-styles'\n styleEl.textContent = styles\n document.head.appendChild(styleEl)\n stylesInjected = true\n }\n}\n\nfunction createDialog(options: QxsDialogOptions): QxsDialogInstance {\n injectStyles()\n\n const {\n title = '提示',\n content = '',\n width = '30%',\n showClose = true,\n closeOnClickModal = false,\n closeOnPressEscape = true,\n confirmButtonText = '确定',\n cancelButtonText = '取消',\n showConfirmButton = true,\n showCancelButton = true,\n onConfirm,\n onCancel,\n onClose,\n } = options\n\n const overlay = document.createElement('div')\n overlay.className = 'qxs-dialog-overlay'\n\n const dialog = document.createElement('div')\n dialog.className = 'qxs-dialog'\n dialog.style.width = width\n\n const header = document.createElement('div')\n header.className = 'qxs-dialog__header'\n\n const titleEl = document.createElement('span')\n titleEl.className = 'qxs-dialog__title'\n titleEl.textContent = title\n header.appendChild(titleEl)\n\n if (showClose) {\n const closeButton = document.createElement('button')\n closeButton.className = 'qxs-dialog__close'\n closeButton.type = 'button'\n closeButton.textContent = '×'\n header.appendChild(closeButton)\n }\n\n const body = document.createElement('div')\n body.className = 'qxs-dialog__body'\n body.textContent = content\n\n dialog.append(header, body)\n\n if (showConfirmButton \|\| showCancelButton) {\n const footer = document.createElement('div')\n footer.className = 'qxs-dialog__footer'\n\n if (showCancelButton) {\n const cancelButton = document.createElement('button')\n cancelButton.className = 'qxs-dialog__button qxs-dialog__button--cancel'\n cancelButton.type = 'button'\n cancelButton.textContent = cancelButtonText\n footer.appendChild(cancelButton)\n }\n\n if (showConfirmButton) {\n const confirmButton = document.createElement('button')\n confirmButton.className = 'qxs-dialog__button qxs-dialog__button--primary qxs-dialog__button--confirm'\n confirmButton.type = 'button'\n confirmButton.textContent = confirmButtonText\n footer.appendChild(confirmButton)\n }\n\n dialog.appendChild(footer)\n }\n\n document.body.appendChild(overlay)\n document.body.appendChild(dialog)\n\n let closed = false\n\n const close = () => {\n if (closed) { return }\n closed = true\n dialog.style.animation = 'qxs-dialog-scale-in 0.2s ease reverse'\n overlay.style.animation = 'qxs-overlay-fade-in 0.2s ease reverse'\n setTimeout(() => {\n overlay.remove()\n dialog.remove()\n onClose?.()\n }, 200)\n }\n\n const handleConfirm = async () => {\n try {\n await onConfirm?.()\n close()\n }\n catch (error) {\n console.error('Dialog confirm error:', error)\n }\n }\n\n const handleCancel = () => {\n onCancel?.()\n close()\n }\n\n if (showClose) {\n dialog.querySelector('.qxs-dialog__close')?.addEventListener('click', close)\n }\n\n if (showCancelButton) {\n dialog.querySelector('.qxs-dialog__button--cancel')?.addEventListener('click', handleCancel)\n }\n\n if (showConfirmButton) {\n dialog.querySelector('.qxs-dialog__button--confirm')?.addEventListener('click', handleConfirm)\n }\n\n if (closeOnClickModal) {\n overlay.addEventListener('click', close)\n }\n\n if (closeOnPressEscape) {\n const handleKeydown = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n close()\n document.removeEventListener('keydown', handleKeydown)\n }\n }\n document.addEventListener('keydown', handleKeydown)\n }\n\n return { close }\n}\n\ninterface QxsDialogFunction {\n (options: QxsDialogOptions): QxsDialogInstance\n}\n\nconst QxsDialog = createDialog as QxsDialogFunction\n\nexport { QxsDialog, type QxsDialogFunction, type QxsDialogInstance }\nexport default QxsDialog\n"],"names":["stylesInjected","QxsDialog","options","styleEl","document","createElement","id","textContent","head","appendChild","injectStyles","title","content","width","showClose","closeOnClickModal","closeOnPressEscape","confirmButtonText","cancelButtonText","showConfirmButton","showCancelButton","onConfirm","onCancel","onClose","overlay","className","dialog","style","header","titleEl","closeButton","type","body","append","footer","cancelButton","confirmButton","closed","close","animation","setTimeout","remove","handleConfirm","async","error","handleCancel","querySelector","addEventListener","handleKeydown","e","key","removeEventListener"],"mappings":"oEAiGA,IAAIA,GAAiB,EAoJrB,MAAMC,EAxIN,SAAsBC,IAVtB,WACE,IAAKF,EAAgB,CACnB,MAAMG,EAAUC,SAASC,cAAc,SACvCF,EAAQG,GAAK,oBACbH,EAAQI,YAnFG,k+DAoFXH,SAASI,KAAKC,YAAYN,GAC1BH,GAAiB,CACnB,CACF,CAGEU,GAEA,MAAMC,MACJA,EAAQ,KAAAC,QACRA,EAAU,GAAAC,MACVA,EAAQ,MAAAC,UACRA,GAAY,EAAAC,kBACZA,GAAoB,EAAAC,mBACpBA,GAAqB,EAAAC,kBACrBA,EAAoB,KAAAC,iBACpBA,EAAmB,KAAAC,kBACnBA,GAAoB,EAAAC,iBACpBA,GAAmB,EAAAC,UACnBA,EAAAC,SACAA,EAAAC,QACAA,GACErB,EAEEsB,EAAUpB,SAASC,cAAc,OACvCmB,EAAQC,UAAY,qBAEpB,MAAMC,EAAStB,SAASC,cAAc,OACtCqB,EAAOD,UAAY,aACnBC,EAAOC,MAAMd,MAAQA,EAErB,MAAMe,EAASxB,SAASC,cAAc,OACtCuB,EAAOH,UAAY,qBAEnB,MAAMI,EAAUzB,SAASC,cAAc,QAKvC,GAJAwB,EAAQJ,UAAY,oBACpBI,EAAQtB,YAAcI,EACtBiB,EAAOnB,YAAYoB,GAEff,EAAW,CACb,MAAMgB,EAAc1B,SAASC,cAAc,UAC3CyB,EAAYL,UAAY,oBACxBK,EAAYC,KAAO,SACnBD,EAAYvB,YAAc,IAC1BqB,EAAOnB,YAAYqB,EACrB,CAEA,MAAME,EAAO5B,SAASC,cAAc,OAMpC,GALA2B,EAAKP,UAAY,mBACjBO,EAAKzB,YAAcK,EAEnBc,EAAOO,OAAOL,EAAQI,GAElBb,GAAqBC,EAAkB,CACzC,MAAMc,EAAS9B,SAASC,cAAc,OAGtC,GAFA6B,EAAOT,UAAY,qBAEfL,EAAkB,CACpB,MAAMe,EAAe/B,SAASC,cAAc,UAC5C8B,EAAaV,UAAY,gDACzBU,EAAaJ,KAAO,SACpBI,EAAa5B,YAAcW,EAC3BgB,EAAOzB,YAAY0B,EACrB,CAEA,GAAIhB,EAAmB,CACrB,MAAMiB,EAAgBhC,SAASC,cAAc,UAC7C+B,EAAcX,UAAY,6EAC1BW,EAAcL,KAAO,SACrBK,EAAc7B,YAAcU,EAC5BiB,EAAOzB,YAAY2B,EACrB,CAEAV,EAAOjB,YAAYyB,EACrB,CAEA9B,SAAS4B,KAAKvB,YAAYe,GAC1BpB,SAAS4B,KAAKvB,YAAYiB,GAE1B,IAAIW,GAAS,EAEb,MAAMC,EAAQA,KACRD,IACJA,GAAS,EACTX,EAAOC,MAAMY,UAAY,wCACzBf,EAAQG,MAAMY,UAAY,wCAC1BC,WAAW,KACThB,EAAQiB,SACRf,EAAOe,SACPlB,OACC,OAGCmB,EAAgBC,UACpB,UACQtB,OACNiB,GACF,OACOM,GAEP,GAGIC,EAAeA,KACnBvB,MACAgB,KAmBF,GAhBIxB,GACFY,EAAOoB,cAAc,uBAAuBC,iBAAiB,QAAST,GAGpElB,GACFM,EAAOoB,cAAc,gCAAgCC,iBAAiB,QAASF,GAG7E1B,GACFO,EAAOoB,cAAc,iCAAiCC,iBAAiB,QAASL,GAG9E3B,GACFS,EAAQuB,iBAAiB,QAAST,GAGhCtB,EAAoB,CACtB,MAAMgC,EAAiBC,IACP,WAAVA,EAAEC,MACJZ,IACAlC,SAAS+C,oBAAoB,UAAWH,KAG5C5C,SAAS2C,iBAAiB,UAAWC,EACvC,CAEA,MAAO,CAAEV,QACX"}

package/lib/src/file-upload/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withInstall.cjs"),t=require("./src/file-upload.vue.cjs");const s=e.withInstall(t.default);exports.QxsFileUpload=s,exports.default=s;
+"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:"QxsFileUpload",tag:"qxs-file-upload",props:{action:l.createNullableProp(),headers:l.createNullableProp(),data:l.createNullableProp(),name:l.createNullableProp(),size:l.createNullableProp(),max:l.createNullableProp(),accept:l.createNullableProp(),files:l.createNullableProp(),notip:l.createNullableProp(),ext:l.createNullableProp()},slotNames:["tip"],createExpose:e=>({getElement:()=>e.value})}),r=e.withInstall(a);exports.QxsFileUpload=r,exports.default=r;
 //# sourceMappingURL=index.cjs.map

package/lib/src/file-upload/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../../packages/components/src/file-upload/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport ~~component~~ from '~~./src/file~~-~~upload.vue~~'\n\nconst ~~QxsFileUpload~~ = ~~withInstall~~(~~component)~~\n\~~nexport~~ {\n ~~QxsFileUpload~~,\n}\n\nexport default QxsFileUpload\n"],"names":["~~QxsFileUpload~~","~~withInstall~~","~~component~~"],"mappings":"~~+IAGA~~,MAAMA,~~EAAgBC~~,EAAAA,~~YAAYC~~,EAAAA"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../../../packages/components/src/file-upload/index.ts"],"sourcesContent":["import '@qxs-bns/components-wc'\nimport { withInstall } from '../withInstall'\nimport { createCustomElementBridge, createNullableProp } from '../wc-bridge'\n\ntype UploadItem = {\n name: string\n url?: string\n file?: File\n}\n\nconst component = createCustomElementBridge({\n name: 'QxsFileUpload',\n tag: 'qxs-file-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 max: createNullableProp<number>(),\n accept: createNullableProp<string>(),\n files: createNullableProp<UploadItem[]>(),\n notip: createNullableProp<boolean>(),\n ext: createNullableProp<string[]>(),\n },\n slotNames: ['tip'],\n createExpose: elementRef => ({\n getElement: () => elementRef.value,\n }),\n})\n\nexport const QxsFileUpload = withInstall(component)\n\nexport default QxsFileUpload\n"],"names":["component","createCustomElementBridge","name","tag","props","action","createNullableProp","headers","data","size","max","accept","files","notip","ext","slotNames","createExpose","elementRef","getElement","value","QxsFileUpload","withInstall"],"mappings":"wKAUA,MAAMA,EAAYC,EAAAA,0BAA0B,CAC1CC,KAAM,gBACNC,IAAK,kBACLC,MAAO,CACLC,OAAQC,EAAAA,qBACRC,QAASD,EAAAA,qBACTE,KAAMF,EAAAA,qBACNJ,KAAMI,EAAAA,qBACNG,KAAMH,EAAAA,qBACNI,IAAKJ,EAAAA,qBACLK,OAAQL,EAAAA,qBACRM,MAAON,EAAAA,qBACPO,MAAOP,EAAAA,qBACPQ,IAAKR,EAAAA,sBAEPS,UAAW,CAAC,OACZC,aAAcC,IAAA,CACZC,WAAYA,IAAMD,EAAWE,UAIpBC,EAAgBC,EAAAA,YAAYrB"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withInstall.cjs"),t=require("./src/image-upload.vue.cjs");const s=e.withInstall(t.default);exports.QxsImageUpload=s,exports.default=s;
+"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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../../packages/components/src/image-upload/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport ~~component~~ from '~~./src/image~~-~~upload.vue~~'\n\nconst ~~QxsImageUpload~~ = ~~withInstall~~(~~component)~~\n\~~nexport~~ {\n ~~QxsImageUpload~~,\n}\n\nexport default QxsImageUpload\n"],"names":["~~QxsImageUpload~~","~~withInstall~~","~~component~~"],"mappings":"~~gJAGA~~,MAAMA,~~EAAiBC~~,EAAAA,~~YAAYC~~,EAAAA"}
1	+ {"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/message/src/message.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";function t(t){let e=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"}}}(e),r=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}(),a=document.createElement("div");a.className=`qxs-toast qxs-toast--${e}`,a.setAttribute("role","status"),a.setAttribute("aria-live","polite"),a.innerHTML=`\n    <div class="qxs-toast__content">\n      <span class="qxs-toast__text">${o.message}</span>\n      <button class="qxs-toast__close" aria-label="Close">\n        <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      </button>\n    </div>\n  `,a.style.cssText=`\n    --toast-bg: ${s.bgColor};\n    --toast-border: ${s.borderColor};\n    --toast-text: ${s.textColor};\n  `;a.querySelector(".qxs-toast__close").onclick=()=>n(a),r.appendChild(a),requestAnimationFrame(()=>{a.classList.add("qxs-toast--enter"),requestAnimationFrame(()=>{a.classList.remove("qxs-toast--enter")})});const i=o.duration??3e3,l=setTimeout(()=>{n(a)},i);return a.onmouseenter=()=>clearTimeout(l),a.onmouseleave=()=>{setTimeout(()=>n(a),1e3)},{close:()=>n(a)}}function n(t){t.classList.add("qxs-toast--leave"),setTimeout(()=>t.remove(),200)}Object.defineProperty(exports,"__esModule",{value:!0});const e=function(n){return t(n)};if(e.success=n=>t(n,"success"),e.warning=n=>t(n,"warning"),e.info=n=>t(n,"info"),e.error=n=>t(n,"error"),e.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=e,exports.default=e;
+"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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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 ~~messageEl.innerHTML~~ = `\n ~~<div~~ ~~class=\"~~qxs-toast__content\~~">\~~n <span ~~class=\"~~qxs-toast__text\~~">${~~options.message~~}</span>\~~n <button ~~class=\"~~qxs-toast__close\" aria-label~~=\"~~Close\~~">\~~n <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 ~~</button>\~~n ~~</div>\~~n `\n\n messageEl.style.cssText = `\n --toast-bg: ${config.bgColor};\n --toast-border: ${config.borderColor};\n --toast-text: ${config.textColor};\n `\n\n ~~const~~ closeBtn ~~= messageEl~~.~~querySelector('.qxs-toast__close') as HTMLElement\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}"],"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","innerHTML","~~style~~","~~cssText~~","~~querySelector~~","onclick","removeMessage","requestAnimationFrame","classList","add","remove","duration","timer","setTimeout","onmouseenter","clearTimeout","onmouseleave","close","el","QxsMessage","success","warning","info","error","closeAll","querySelectorAll","forEach","~~textContent","~~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,~~0BAiD5C~~,WACE,MAAMF,EAAYC,SAASE,cAAc,OAIzC,OAHAH,EAAUI,GAAK,wBACfJ,EAAUK,UAAY,sBACtBJ,SAASK,KAAKC,YAAYP,GACnBA,CACT,~~CAvDwEQ~~,GAEhEC,EAAYR,SAASE,cAAc,OACzCM,EAAUJ,UAAY,wBAAwBjB,IAC9CqB,EAAUC,aAAa,OAAQ,UAC/BD,EAAUC,aAAa,YAAa,~~UACpCD~~,~~EAAUE~~,UAAY~~,+EAEcnB~~,EAAQC,~~2RAO5CgB~~,~~EAAUG~~,MAAMC,QAAU,~~qBACVlB~~,EAAOC,iCACHD,EAAOE,mCACTF,EAAOG,~~iBAGRW~~,~~EAAUK~~,~~cAAc,qBAChCC,~~QAAU,IAAMC,~~EAAcP~~,GAEvCT,EAAUO,YAAYE,~~GAEtBQ~~,sBAAsB,~~KACpBR~~,~~EAAUS~~,UAAUC,IAAI,oBACxBF,sBAAsB,~~KACpBR~~,~~EAAUS~~,UAAUE,OAAO,wBAI/B,MAAMC,~~EAAW7B~~,~~EAAQ6B~~,UAAY,IAE/BC,EAAQC,WAAW,KACvBP,~~EAAcP~~,~~IACbY~~,GAOH,~~OALAZ~~,~~EAAUe~~,aAAe,IAAMC,aAAaH,~~GAC5Cb~~,~~EAAUiB~~,aAAe,KACvBH,WAAW,IAAMP,~~EAAcP~~,GAAY,MAGtC,~~CACLkB~~,MAAOA,IAAMX,~~EAAcP~~,GAE/B,CAUA,~~SAASO~~,EAAcY,GACrBA,EAAGV,UAAUC,IAAI,oBACjBI,WAAW,IAAMK,EAAGR,SAAU,IAChC,wDAWA,MAAMS,EAAa,~~SAAU1C~~,GAC3B,OAAOD,EAAcC,EACvB,EAcA,~~GAZA0C~~,EAAWC,~~QAAW3C~~,GAA6BD,EAAcC,EAAQ,~~WACzE0C~~,EAAWE,~~QAAW5C~~,GAA6BD,EAAcC,EAAQ,~~WACzE0C~~,EAAWG,~~KAAQ7C~~,GAA6BD,EAAcC,EAAQ,~~QACtE0C~~,EAAWI,~~MAAS9C~~,GAA6BD,EAAcC,EAAQ,~~SACvE0C~~,EAAWK,SAAW,~~KACpBjC~~,~~SAASkC~~,iBAAiB,cAAcC,QAAQR,GAAMA,EAAGR,WAOnC,~~oBAAbnB~~,WAA6BA,SAASC,eAAe,oBAAqB,CACnF,~~MAAMU~~,~~EAAQX~~,SAASE,cAAc,~~SACrCS~~,~~EAAMR~~,GAAK,~~mBACXQ~~,~~EAAMyB~~,YAAc,~~ouEAsGpBpC~~,~~SAASqC~~,~~KAAK/B~~,~~YAAYK~~,EAC5B"}
1	+ {"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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withInstall.cjs"),t=require("./src/photo-crop-tool.vue.cjs");const o=e.withInstall(t.default);exports.QxsPhotoCropTool=o,exports.default=o;
+"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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../../packages/components/src/photo-crop-tool/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport ~~component~~ from '~~./src/photo~~-~~crop-tool.vue~~'\n\nconst ~~QxsPhotoCropTool~~ = ~~withInstall~~(~~component)~~\n\~~nexport~~ {\n ~~QxsPhotoCropTool~~,\n}\n\nexport default QxsPhotoCropTool\n"],"names":["~~QxsPhotoCropTool~~","~~withInstall~~","~~component~~"],"mappings":"~~mJAGA~~,MAAMA,~~EAAmBC~~,EAAAA,~~YAAYC~~,EAAAA"}
1	+ {"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/ui/button/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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,~~GAAI~~,KAAMC,~~GAAI~~,KAAMC,~~EAAG~~,KAAMC,~~OAAQ~~,eAAgB,eAAgB,IAAKC,~~KAAM~~,OAAQ,mBAAoB,KAAM,oBAAqB,~~WAGzJZ~~,EAAMd,aAEV"}
1	+ {"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.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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 } else {\n const index = value.indexOf(props.label)\n if (index > -1) {\n value.splice(index, 1)\n }\n }\n emit('update:modelValue', value)\n emit('change', value)\n } else if (props.trueLabel !== undefined \|\| props.falseLabel !== undefined) {\n const value = checked ? props.trueLabel : props.falseLabel\n emit('update:modelValue', value)\n emit('change', value)\n } else {\n emit('update:modelValue', checked)\n emit('change', checked)\n }\n }\n\n return () => h('label', {\n class: [\n 'qxs-checkbox',\n {\n 'is-checked': isChecked(),\n 'is-disabled': props.disabled,\n 'is-indeterminate': props.indeterminate,\n },\n ],\n style: {\n display: 'inline-flex',\n alignItems: 'center',\n cursor: props.disabled ? 'not-allowed' : 'pointer',\n marginRight: '12px',\n },\n }, [\n h('input', {\n type: 'checkbox',\n class: 'qxs-checkbox__input',\n checked: isChecked(),\n disabled: props.disabled,\n onChange: handleChange,\n style: {\n marginRight: '8px',\n cursor: props.disabled ? 'not-allowed' : 'pointer',\n },\n }),\n (slots.default?.() \|\| props.label) && h('span', { \n class: 'qxs-checkbox__label',\n style: {\n fontSize: '14px',\n color: props.disabled ? 'var(--qxs-text-color-disabled, #c0c4cc)' : undefined,\n },\n }, slots.default?.() \|\| props.label),\n ])\n },\n})\n\nexport const QxsCheckboxGroup = defineComponent({\n name: 'QxsCheckboxGroup',\n props: {\n modelValue: { type: Array as PropType<any[]>, default: () => [] },\n disabled: { type: Boolean, default: false },\n min: { type: Number, default: undefined },\n max: { type: Number, default: undefined },\n },\n emits: ['update:modelValue', 'change'],\n setup(_props, { slots }) {\n return () => h('div', { \n class: 'qxs-checkbox-group',\n style: {\n display: 'inline-flex',\n flexWrap: 'wrap',\n gap: '8px',\n },\n }, slots.default?.())\n },\n})\n\nexport default QxsCheckbox\n"],"names":["QxsCheckbox","defineComponent","name","props","modelValue","type","Boolean","String","Number","Array","default","disabled","label","indeterminate","trueLabel","falseLabel","emits","setup","_ref","slots","emit","isChecked","isArray","includes","handleChange","e","checked","target","value","push","index","indexOf","splice","h","class","style","display","alignItems","cursor","marginRight","onChange","fontSize","color","QxsCheckboxGroup","min","max","_props","_ref2","flexWrap","gap"],"mappings":"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,~~SAAU~~,~~OAEpB~~,MAAMe,EAAWD,EAAEE,OAA4BD,QAE/C,GAAIjB,MAAMa,QAAQnB,EAAMC,YAAa,CACnC,MAAMwB,EAAQ,IAAIzB,EAAMC,YACxB,GAAIsB,EACFE,EAAMC,KAAK1B,EAAMS,~~WACZ~~,~~CACL~~,MAAMkB,EAAQF,EAAMG,QAAQ5B,EAAMS,OAC9BkB,GAAQ,GACVF,EAAMI,OAAOF,EAAO,EAExB,CACAV,EAAK,oBAAqBQ,GAC1BR,EAAK,SAAUQ,EACjB,~~cAA+B~~,IAApBzB,EAAMW,gBAAgD,IAArBX,EAAMY,WAA0B,~~CAC1E~~,MAAMa,EAAQF,EAAUvB,EAAMW,UAAYX,EAAMY,WAChDK,EAAK,oBAAqBQ,GAC1BR,EAAK,SAAUQ,EACjB,~~MACER~~,EAAK,oBAAqBM,GAC1BN,EAAK,SAAUM,IAInB,MAAO,IAAMO,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"}
1	+ {"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.map CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-"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(),s=()=>"textarea"===t.type,u=e=>{const a=e.target.value;l("update:modelValue",a),l("input",a),s()&&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=parseInt(getComputedStyle(e).lineHeight)||20,n=parseInt(getComputedStyle(e).paddingTop)+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,s=Math.min(Math.max(o,a),l);e.style.height=`${s}px`};e.watch(()=>t.modelValue,()=>{s()&&t.autosize&&e.nextTick(c)});return()=>e.h("div",{class:s()?["qxs-textarea",`qxs-textarea--${t.size}`]:["qxs-input",`qxs-input--${t.size}`]},[o.prefix?.(),s()?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:s()?{resize:t.resize}:{},onInput:u,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:u,onChange:r,onFocus:i,onBlur:d}),!s()&&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:s()?"qxs-textarea__count":"qxs-input__count"},`${String(t.modelValue).length}/${t.maxlength}`)])}});exports.QxsInput=t,exports.default=t;
+"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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/src/ui/input/index.ts"],"sourcesContent":["import { ~~defineComponent,~~ h, ~~ref~~, ~~watch~~, nextTick, ~~type~~ ~~CSSProperties~~ } from 'vue'\n\nexport const QxsInput = defineComponent({\n name: 'QxsInput',\n props: {\n modelValue: { type: [String, Number], default: '' },\n type: { type: String, default: 'text' },\n placeholder: { type: String, default: '' },\n disabled: { type: Boolean, default: false },\n readonly: { type: Boolean, default: false },\n clearable: { type: Boolean, default: false },\n size: { type: String as () => 'large' \| 'default' \| 'small', default: 'default' },\n maxlength: { type: Number, default: undefined },\n showWordLimit: { type: Boolean, default: false },\n rows: { type: [Number, String], default: 2 },\n autosize: { type: [Boolean, Object] as unknown as () => boolean \| { minRows?: number; maxRows?: number }, default: false },\n resize: { type: String as () => 'none' \| 'both' \| 'horizontal' \| 'vertical', default: 'none' },\n },\n emits: ['update:modelValue', 'input', 'change', 'focus', 'blur', 'clear'],\n setup(props, { emit, slots }) {\n const textareaRef = ref<HTMLTextAreaElement>()\n const isTextarea = () => props.type === 'textarea'\n\n const handleInput = (e: Event) => {\n const value = (e.target as HTMLInputElement \| HTMLTextAreaElement).value\n emit('update:modelValue', value)\n emit('input', value)\n if (isTextarea() && props.autosize) {\n adjustTextareaHeight()\n }\n }\n\n const handleChange = (e: Event) => {\n emit('change', (e.target as HTMLInputElement \| HTMLTextAreaElement).value)\n }\n\n const handleFocus = (e: FocusEvent) => {\n emit('focus', e)\n }\n\n const handleBlur = (e: FocusEvent) => {\n emit('blur', e)\n }\n\n const handleClear = () => {\n emit('update:modelValue', '')\n emit('clear')\n }\n\n const adjustTextareaHeight = () => {\n if (!textareaRef.value) return\n\n const textarea = textareaRef.value\n textarea.style.height = 'auto'\n\n let minHeight = 0\n let maxHeight = Infinity\n\n if (typeof props.autosize === 'object') {\n const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) \|\| 20\n const paddingHeight = parseInt(getComputedStyle(textarea).paddingTop) + parseInt(getComputedStyle(textarea).paddingBottom) \|\| 0\n minHeight = (props.autosize.minRows \|\| 1) * lineHeight + paddingHeight\n maxHeight = props.autosize.maxRows ? props.autosize.maxRows * lineHeight + paddingHeight : Infinity\n }\n\n const scrollHeight = textarea.scrollHeight\n const newHeight = Math.min(Math.max(scrollHeight, minHeight), maxHeight)\n textarea.style.height = `${newHeight}px`\n }\n\n watch(() => props.modelValue, () => {\n if (isTextarea() && props.autosize) {\n nextTick(adjustTextareaHeight)\n }\n })\n\n const getContainerClass = () => {\n const classes = isTextarea() ? ['qxs-textarea', `qxs-textarea--${props.size}`] : ['qxs-input', `qxs-input--${props.size}`]\n return classes\n }\n\n const getInnerStyle = (): CSSProperties => {\n if (isTextarea()) {\n return {\n resize: props.resize,\n }\n }\n return {}\n }\n\n return () => h('div', { class: getContainerClass() }, [\n slots.prefix?.(),\n isTextarea()\n ? h('textarea', {\n ref: textareaRef,\n class: 'qxs-textarea__inner',\n value: props.modelValue,\n placeholder: props.placeholder,\n disabled: props.disabled,\n readonly: props.readonly,\n maxlength: props.maxlength,\n rows: props.rows,\n style: getInnerStyle(),\n onInput: handleInput,\n onChange: handleChange,\n onFocus: handleFocus,\n onBlur: handleBlur,\n })\n : h('input', {\n class: 'qxs-input__inner',\n type: props.type,\n value: props.modelValue,\n placeholder: props.placeholder,\n disabled: props.disabled,\n readonly: props.readonly,\n maxlength: props.maxlength,\n onInput: handleInput,\n onChange: handleChange,\n onFocus: handleFocus,\n onBlur: handleBlur,\n }),\n !isTextarea() && props.clearable && props.modelValue && !props.disabled && h('span', {\n class: 'qxs-input__clear',\n onClick: handleClear,\n }, '×'),\n slots.suffix?.(),\n props.showWordLimit && props.maxlength && h('span', {\n class: isTextarea() ? 'qxs-textarea__count' : 'qxs-input__count',\n }, `${String(props.modelValue).length}/${props.maxlength}`),\n ])\n },\n})\n\nexport default QxsInput\n"],"names":["QxsInput","defineComponent","name","props","modelValue","type","String","Number","default","placeholder","disabled","Boolean","readonly","clearable","size","maxlength","showWordLimit","rows","autosize","Object","resize","emits","setup","_ref","emit","slots","textareaRef","ref","isTextarea","handleInput","e","value","target","adjustTextareaHeight","handleChange","handleFocus","handleBlur","handleClear","textarea","style","height","minHeight","maxHeight","Infinity","lineHeight","parseInt","getComputedStyle","paddingHeight","paddingTop","paddingBottom","minRows","maxRows","scrollHeight","newHeight","Math","min","max","watch","nextTick","h","class","prefix","onInput","onChange","onFocus","onBlur","onClick","suffix","length"],"mappings":"yFAEO,MAAMA,EAAWC,EAAAA,gBAAgB,CACtCC,KAAM,WACNC,MAAO,CACLC,WAAY,CAAEC,KAAM,CAACC,OAAQC,QAASC,QAAS,IAC/CH,KAAM,CAAEA,KAAMC,OAAQE,QAAS,QAC/BC,YAAa,CAAEJ,KAAMC,OAAQE,QAAS,IACtCE,SAAU,CAAEL,KAAMM,QAASH,SAAS,GACpCI,SAAU,CAAEP,KAAMM,QAASH,SAAS,GACpCK,UAAW,CAAER,KAAMM,QAASH,SAAS,GACrCM,KAAM,CAAET,KAAMC,OAA+CE,QAAS,WACtEO,UAAW,CAAEV,KAAME,OAAQC,aAAS,GACpCQ,cAAe,CAAEX,KAAMM,QAASH,SAAS,GACzCS,KAAM,CAAEZ,KAAM,CAACE,OAAQD,QAASE,QAAS,GACzCU,SAAU,CAAEb,KAAM,CAACM,QAASQ,QAA8EX,SAAS,GACnHY,OAAQ,CAAEf,KAAMC,OAA6DE,QAAS,SAExFa,MAAO,CAAC,oBAAqB,QAAS,SAAU,QAAS,OAAQ,SACjEC,KAAAA,CAAMnB,EAAAoB,GAAwB,IAAjBC,KAAEA,EAAAC,MAAMA,GAAMF,EACzB,MAAMG,EAAcC,EAAAA,MACdC,EAAaA,IAAqB,aAAfzB,EAAME,KAEzBwB,EAAeC,IACnB,MAAMC,EAASD,EAAEE,OAAkDD,MACnEP,EAAK,oBAAqBO,GAC1BP,EAAK,QAASO,GACVH,KAAgBzB,EAAMe,UACxBe,KAIEC,EAAgBJ,IACpBN,EAAK,SAAWM,EAAEE,OAAkDD,QAGhEI,EAAeL,IACnBN,EAAK,QAASM,IAGVM,EAAcN,IAClBN,EAAK,OAAQM,IAGTO,EAAcA,KAClBb,EAAK,oBAAqB,IAC1BA,EAAK,UAGDS,EAAuBA,KAC3B,IAAKP,EAAYK,~~MAAO~~,~~OAExB~~,MAAMO,EAAWZ,EAAYK,MAC7BO,EAASC,MAAMC,OAAS,OAExB,IAAIC,EAAY,EACZC,EAAYC,IAEhB,GAA8B,iBAAnBxC,EAAMe,SAAuB,CACtC,MAAM0B,~~EAAaC~~,SAASC,iBAAiBR,GAAUM,aAAe,~~GAChEG~~,~~EAAgBF~~,SAASC,iBAAiBR,GAAUU,~~YAAcH~~,SAASC,iBAAiBR,GAAUW,gBAAkB,~~EAC9HR~~,GAAatC,EAAMe,SAASgC,SAAW,GAAKN,EAAaG,EACzDL,EAAYvC,EAAMe,SAASiC,QAAUhD,EAAMe,SAASiC,QAAUP,EAAaG,EAAgBJ,GAC7F,CAEA,MAAMS,EAAed,EAASc,aACxBC,EAAYC,KAAKC,IAAID,KAAKE,IAAIJ,EAAcX,GAAYC,GAC9DJ,EAASC,MAAMC,OAAS,GAAGa,OAG7BI,QAAM,IAAMtD,EAAMC,WAAY,KACxBwB,KAAgBzB,EAAMe,UACxBwC,EAAAA,SAASzB,KAkBb,MAAO,IAAM0B,EAAAA,EAAE,MAAO,CAAEC,MAbNhC,IAAe,CAAC,eAAgB,iBAAiBzB,EAAMW,QAAU,CAAC,YAAa,cAAcX,EAAMW,SAa/D,CACpDW,EAAMoC,WACNjC,IACI+B,EAAAA,EAAE,WAAY,~~CACdhC~~,IAAKD,EACLkC,MAAO,sBACP7B,MAAO5B,EAAMC,WACbK,YAAaN,EAAMM,YACnBC,SAAUP,EAAMO,SAChBE,SAAUT,EAAMS,SAChBG,UAAWZ,EAAMY,UACjBE,KAAMd,EAAMc,KACZsB,~~MApBAX~~,IACK,CACLR,OAAQjB,EAAMiB,QAGX,CAAA,~~EAgBH0C~~,QAASjC,EACTkC,SAAU7B,EACV8B,QAAS7B,EACT8B,OAAQ7B,~~IAERuB~~,EAAAA,EAAE,QAAS,~~CACXC~~,MAAO,mBACPvD,KAAMF,EAAME,KACZ0B,MAAO5B,EAAMC,WACbK,YAAaN,EAAMM,YACnBC,SAAUP,EAAMO,SAChBE,SAAUT,EAAMS,SAChBG,UAAWZ,EAAMY,UACjB+C,QAASjC,EACTkC,SAAU7B,EACV8B,QAAS7B,EACT8B,OAAQ7B,~~KAEXR~~,KAAgBzB,EAAMU,WAAaV,EAAMC,aAAeD,EAAMO,UAAYiD,EAAAA,EAAE,OAAQ,CACnFC,MAAO,mBACPM,QAAS7B,GACR,KACHZ,EAAM0C,WACNhE,EAAMa,eAAiBb,EAAMY,WAAa4C,EAAAA,EAAE,OAAQ,CAClDC,MAAOhC,IAAe,sBAAwB,oBAC7C,GAAGtB,OAAOH,EAAMC,YAAYgE,UAAUjE,EAAMY,cAEnD"}
1	+ {"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.map CHANGED Viewed

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/src/ui/layout/index.ts"],"sourcesContent":["import { ~~defineComponent~~, h, ~~provide~~, ~~inject~~, ~~computed~~, ~~type PropType~~, type InjectionKey, type ~~Ref~~, type ~~CSSProperties~~ } from 'vue'\n\nexport type RowJustify = 'start' \| 'end' \| 'center' \| 'space-around' \| 'space-between' \| 'space-evenly'\nexport type RowAlign = 'top' \| 'middle' \| 'bottom'\n\ninterface RowContext {\n gutter: Ref<number>\n}\n\nconst ROW_INJECTION_KEY: InjectionKey<RowContext> = Symbol('QxsRow')\n\nexport const QxsRow = defineComponent({\n name: 'QxsRow',\n props: {\n gutter: { type: Number, default: 0 },\n justify: { type: String as PropType<RowJustify>, default: 'start' },\n align: { type: String as PropType<RowAlign>, default: 'top' },\n tag: { type: String, default: 'div' },\n },\n setup(props, { slots }) {\n provide(ROW_INJECTION_KEY, {\n gutter: computed(() => props.gutter),\n })\n\n const justifyMap: Record<RowJustify, string> = {\n 'start': 'flex-start',\n 'end': 'flex-end',\n 'center': 'center',\n 'space-around': 'space-around',\n 'space-between': 'space-between',\n 'space-evenly': 'space-evenly',\n }\n\n const alignMap: Record<RowAlign, string> = {\n 'top': 'flex-start',\n 'middle': 'center',\n 'bottom': 'flex-end',\n }\n\n const rowStyle: CSSProperties = {\n display: 'flex',\n flexWrap: 'wrap',\n justifyContent: justifyMap[props.justify],\n alignItems: alignMap[props.align],\n }\n\n if (props.gutter) {\n rowStyle.marginLeft = `${-props.gutter / 2}px`\n rowStyle.marginRight = `${-props.gutter / 2}px`\n }\n\n return () => h(props.tag, {\n class: 'qxs-row',\n style: rowStyle,\n }, slots.default?.())\n },\n})\n\nexport const QxsCol = defineComponent({\n name: 'QxsCol',\n props: {\n span: { type: Number, default: 24 },\n offset: { type: Number, default: 0 },\n push: { type: Number, default: 0 },\n pull: { type: Number, default: 0 },\n tag: { type: String, default: 'div' },\n xs: { type: [Number, Object] as PropType<number \| { span?: number; offset?: number }>, default: undefined },\n sm: { type: [Number, Object] as PropType<number \| { span?: number; offset?: number }>, default: undefined },\n md: { type: [Number, Object] as PropType<number \| { span?: number; offset?: number }>, default: undefined },\n lg: { type: [Number, Object] as PropType<number \| { span?: number; offset?: number }>, default: undefined },\n xl: { type: [Number, Object] as PropType<number \| { span?: number; offset?: number }>, default: undefined },\n },\n setup(props, { slots }) {\n const row = inject(ROW_INJECTION_KEY, null)\n\n const gutter = row?.gutter.value \|\| 0\n\n const colStyle: CSSProperties = {\n boxSizing: 'border-box',\n }\n\n if (gutter) {\n colStyle.paddingLeft = `${gutter / 2}px`\n colStyle.paddingRight = `${gutter / 2}px`\n }\n\n const spanWidth = (100 / 24) * props.span\n colStyle.maxWidth = `${spanWidth}%`\n colStyle.flex = `0 0 ${spanWidth}%`\n\n if (props.offset) {\n colStyle.marginLeft = `${(100 / 24) * props.offset}%`\n }\n\n if (props.push) {\n colStyle.position = 'relative'\n colStyle.left = `${(100 / 24) * props.push}%`\n }\n\n if (props.pull) {\n colStyle.position = 'relative'\n colStyle.right = `${(100 / 24) * props.pull}%`\n }\n\n return () => h(props.tag, {\n class: [\n 'qxs-col',\n `qxs-col-${props.span}`,\n props.offset && `qxs-col-offset-${props.offset}`,\n props.push && `qxs-col-push-${props.push}`,\n props.pull && `qxs-col-pull-${props.pull}`,\n ],\n style: colStyle,\n }, slots.default?.())\n },\n})\n\nexport default { QxsRow, QxsCol }\n"],"names":["ROW_INJECTION_KEY","Symbol","QxsRow","defineComponent","name","props","gutter","type","Number","default","justify","String","align","tag","setup","_ref","slots","provide","computed","rowStyle","display","flexWrap","justifyContent","start","end","center","alignItems","top","middle","bottom","marginLeft","marginRight","h","class","style","QxsCol","span","offset","push","pull","xs","Object","sm","md","lg","xl","_ref2","row","inject","value","colStyle","boxSizing","paddingLeft","paddingRight","spanWidth","maxWidth","flex","position","left","right"],"mappings":"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,~~IAAO~~,~~aACPC~~,~~OAAU~~,~~SACVC~~,~~OAAU~~,~~YAOWxB~~,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"}
1	+ {"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/popover/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/src/ui/popover/index.ts"],"sourcesContent":["import { computed, defineComponent, h, onBeforeUnmount, onMounted, ~~ref,~~ type PropType } from 'vue'\n\nexport type PopoverPlacement = 'top' \| 'top-start' \| 'top-end' \| 'bottom' \| 'bottom-start' \| 'bottom-end' \| 'left' \| 'left-start' \| 'left-end' \| 'right' \| 'right-start' \| 'right-end'\nexport type PopoverTrigger = 'hover' \| 'click' \| 'focus' \| 'manual'\n\nexport const QxsPopover = defineComponent({\n name: 'QxsPopover',\n props: {\n content: { type: String, default: '' },\n placement: { type: String as PropType<PopoverPlacement>, default: 'bottom' },\n trigger: { type: String as PropType<PopoverTrigger>, default: 'hover' },\n disabled: { type: Boolean, default: false },\n width: { type: [String, Number], default: 150 },\n visible: { type: Boolean, default: undefined },\n offset: { type: Number, default: 12 },\n showArrow: { type: Boolean, default: true },\n },\n emits: ['update:visible', 'show', 'hide', 'after-enter', 'after-leave'],\n setup(props, { slots, emit }) {\n const popoverVisible = ref(false)\n const referenceRef = ref<HTMLElement>()\n const popperRef = ref<HTMLElement>()\n let hideTimer: ReturnType<typeof setTimeout> \| null = null\n\n const isControlled = props.visible !== undefined\n\n const currentVisible = computed(() => isControlled ? props.visible : popoverVisible.value)\n\n const show = () => {\n if (props.disabled)\n return\n if (hideTimer) {\n clearTimeout(hideTimer)\n hideTimer = null\n }\n if (!isControlled) {\n popoverVisible.value = true\n }\n emit('update:visible', true)\n emit('show')\n }\n\n const hide = () => {\n if (hideTimer) {\n clearTimeout(hideTimer)\n }\n hideTimer = setTimeout(() => {\n if (!isControlled) {\n popoverVisible.value = false\n }\n emit('update:visible', false)\n emit('hide')\n }, 200)\n }\n\n const handleReferenceMouseEnter = () => {\n if (props.trigger === 'hover') {\n show()\n }\n }\n\n const handleReferenceMouseLeave = () => {\n if (props.trigger === 'hover') {\n hide()\n }\n }\n\n const handleReferenceClick = () => {\n if (props.trigger === 'click') {\n if (currentVisible.value) {\n hide()\n }\n else {\n show()\n }\n }\n }\n\n const handleReferenceFocus = () => {\n if (props.trigger === 'focus') {\n show()\n }\n }\n\n const handleReferenceBlur = () => {\n if (props.trigger === 'focus') {\n hide()\n }\n }\n\n const handlePopperMouseEnter = () => {\n if (props.trigger === 'hover' && hideTimer) {\n clearTimeout(hideTimer)\n hideTimer = null\n }\n }\n\n const handlePopperMouseLeave = () => {\n if (props.trigger === 'hover') {\n hide()\n }\n }\n\n const handleClickOutside = (e: MouseEvent) => {\n if (props.trigger !== 'click')\n return\n const target = e.target as Node\n if (\n referenceRef.value?.contains(target)\n \|\| popperRef.value?.contains(target)\n ) {\n return\n }\n hide()\n }\n\n onMounted(() => {\n if (props.trigger === 'click') {\n document.addEventListener('click', handleClickOutside)\n }\n })\n\n onBeforeUnmount(() => {\n if (props.trigger === 'click') {\n document.removeEventListener('click', handleClickOutside)\n }\n if (hideTimer) {\n clearTimeout(hideTimer)\n }\n })\n\n const getPopperStyle = () => {\n const width = typeof props.width === 'number' ? `${props.width}px` : props.width\n return {\n position: 'absolute' as const,\n zIndex: 2000,\n width,\n padding: '12px',\n backgroundColor: 'var(--qxs-fill-color-blank, #fff)',\n border: '1px solid var(--qxs-border-color-light, #e4e7ed)',\n borderRadius: '4px',\n boxShadow: '0 2px 12px 0 rgba(0, 0, 0, 0.1)',\n fontSize: '14px',\n lineHeight: '1.4',\n wordBreak: 'break-all' as const,\n }\n }\n\n return () => h('div', {\n class: 'qxs-popover',\n style: {\n display: 'inline-block',\n position: 'relative',\n },\n }, [\n h('div', {\n ref: referenceRef,\n class: 'qxs-popover__reference',\n onMouseenter: handleReferenceMouseEnter,\n onMouseleave: handleReferenceMouseLeave,\n onClick: handleReferenceClick,\n onFocus: handleReferenceFocus,\n onBlur: handleReferenceBlur,\n }, slots.reference?.() \|\| slots.default?.()),\n currentVisible.value && h('div', {\n ref: popperRef,\n class: ['qxs-popover__popper', `qxs-popover__popper--${props.placement}`],\n style: getPopperStyle(),\n onMouseenter: handlePopperMouseEnter,\n onMouseleave: handlePopperMouseLeave,\n }, slots.default?.() \|\| props.content),\n ])\n },\n})\n\nexport default QxsPopover\n"],"names":["QxsPopover","defineComponent","name","props","content","type","String","default","placement","trigger","disabled","Boolean","width","Number","visible","offset","showArrow","emits","setup","_ref","slots","emit","popoverVisible","ref","referenceRef","popperRef","hideTimer","isControlled","currentVisible","computed","value","show","clearTimeout","hide","setTimeout","handleReferenceMouseEnter","handleReferenceMouseLeave","handleReferenceClick","handleReferenceFocus","handleReferenceBlur","handlePopperMouseEnter","handlePopperMouseLeave","handleClickOutside","e","target","contains","onMounted","document","addEventListener","onBeforeUnmount","removeEventListener","h","class","style","display","position","onMouseenter","onMouseleave","onClick","onFocus","onBlur","reference","zIndex","padding","backgroundColor","border","borderRadius","boxShadow","fontSize","lineHeight","wordBreak"],"mappings":"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,~~WAENgB~~,IACFM,aAAaN,GACbA,EAAY,MAETC,IACHL,EAAeQ,OAAQ,GAEzBT,EAAK,kBAAkB,GACvBA,EAAK,UAGDY,EAAOA,KACPP,GACFM,aAAaN,GAEfA,EAAYQ,WAAW,KAChBP,IACHL,EAAeQ,OAAQ,GAEzBT,EAAK,kBAAkB,GACvBA,EAAK,SACJ,MAGCc,EAA4BA,KACV,UAAlBhC,EAAMM,SACRsB,KAIEK,EAA4BA,KACV,UAAlBjC,EAAMM,SACRwB,KAIEI,EAAuBA,KACL,UAAlBlC,EAAMM,UACJmB,EAAeE,MACjBG,IAGAF,MAKAO,EAAuBA,KACL,UAAlBnC,EAAMM,SACRsB,KAIEQ,EAAsBA,KACJ,UAAlBpC,EAAMM,SACRwB,KAIEO,EAAyBA,KACP,UAAlBrC,EAAMM,SAAuBiB,IAC/BM,aAAaN,GACbA,EAAY,OAIVe,EAAyBA,KACP,UAAlBtC,EAAMM,SACRwB,KAIES,EAAsBC,IAC1B,GAAsB,UAAlBxC,EAAMM,~~QACR~~,~~OACF~~,MAAMmC,EAASD,EAAEC,OAEfpB,EAAaM,OAAOe,SAASD,IAC1BnB,EAAUK,OAAOe,SAASD,IAI/BX,KAGFa,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"}
1	+ {"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.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/src/ui/radio/index.ts"],"sourcesContent":["import { defineComponent, h, ~~computed~~, ~~provide,~~ ~~inject~~, type PropType, ~~type InjectionKey~~, type WritableComputedRef } from 'vue'\n\nconst radioGroupKey: InjectionKey<WritableComputedRef<string \| number \| boolean>> = Symbol('radioGroup')\n\nexport const QxsRadio = defineComponent({\n name: 'QxsRadio',\n props: {\n modelValue: { type: [String, Number, Boolean] as PropType<string \| number \| boolean>, default: '' },\n label: { type: [String, Number, Boolean] as PropType<string \| number \| boolean>, default: '' },\n disabled: { type: Boolean, default: false },\n name: { type: String, default: '' },\n },\n emits: ['update:modelValue', 'change'],\n setup(props, { slots, emit }) {\n const radioGroup = inject(radioGroupKey, null)\n \n const isChecked = computed(() => {\n if (radioGroup) {\n return radioGroup.value === props.label\n }\n return props.modelValue === props.label\n })\n \n const handleChange = () => {\n if (!props.disabled) {\n if (radioGroup) {\n radioGroup.value = props.label\n } else {\n emit('update:modelValue', props.label)\n }\n emit('change', props.label)\n }\n }\n\n return () => h('label', {\n class: ['qxs-radio', { 'is-checked': isChecked.value, 'is-disabled': props.disabled }],\n style: {\n display: 'inline-flex',\n alignItems: 'center',\n cursor: props.disabled ? 'not-allowed' : 'pointer',\n marginRight: '12px',\n },\n }, [\n h('input', {\n type: 'radio',\n class: 'qxs-radio__input',\n value: props.label,\n checked: isChecked.value,\n disabled: props.disabled,\n name: props.name,\n onChange: handleChange,\n style: {\n marginRight: '8px',\n cursor: props.disabled ? 'not-allowed' : 'pointer',\n },\n }),\n h('span', { \n class: 'qxs-radio__label',\n style: {\n fontSize: '14px',\n color: props.disabled ? 'var(--qxs-text-color-disabled, #c0c4cc)' : undefined,\n },\n }, slots.default?.() \|\| props.label),\n ])\n },\n})\n\nexport const QxsRadioGroup = defineComponent({\n name: 'QxsRadioGroup',\n props: {\n modelValue: { type: [String, Number, Boolean] as PropType<string \| number \| boolean>, default: '' },\n disabled: { type: Boolean, default: false },\n name: { type: String, default: '' },\n },\n emits: ['update:modelValue', 'change'],\n setup(props, { slots, emit }) {\n const modelValue = computed({\n get: () => props.modelValue,\n set: (val) => {\n emit('update:modelValue', val)\n emit('change', val)\n }\n })\n \n provide(radioGroupKey, modelValue)\n \n return () => h('div', { \n class: 'qxs-radio-group',\n style: {\n display: 'inline-flex',\n flexDirection: 'column',\n gap: '12px',\n },\n }, slots.default?.())\n },\n})\n\nexport default QxsRadio\n"],"names":["radioGroupKey","Symbol","QxsRadio","defineComponent","name","props","modelValue","type","String","Number","Boolean","default","label","disabled","emits","setup","_ref","slots","emit","radioGroup","inject","isChecked","computed","value","handleChange","h","class","style","display","alignItems","cursor","marginRight","checked","onChange","fontSize","color","QxsRadioGroup","_ref2","get","set","val","provide","flexDirection","gap"],"mappings":"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,~~MAEzBM~~,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"}
1	+ {"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"}