huibo-ui 0.3.0

package/dist/huibo-ui/p-8b1ae77e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t}from"./p-e42dfa95.js";const i='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{--hb-header-height:60px;--hb-header-padding:0 20px;--hb-header-bg-color:var(--hb-color-white,#fff);display:block}.hb-header{background-color:var(--hb-header-bg-color);box-sizing:border-box;flex-shrink:0;height:var(--hb-header-height);padding:var(--hb-header-padding)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const o=i;const n=class{constructor(t){e(this,t)}height;render(){const e={};if(this.height){e.height=this.height}return t("header",{key:"86042705286a6d135858982b34cdb19da71b6744",class:"hb-header",style:e},t("slot",{key:"96d5152e19c88d4cbc4c30bc136b27b6b8388331"}))}};n.style=o;export{n as hb_header};
+//# sourceMappingURL=p-8b1ae77e.entry.js.map

package/dist/huibo-ui/p-8b1ae77e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["headerCss","HbHeaderStyle0","Header","height","render","style","this","h","key","class"],"sources":["src/components/Container/header.css?tag=hb-header&encapsulation=shadow","src/components/Container/Header.tsx"],"sourcesContent":[":host {\n  display: block;\n  --hb-header-height: 60px;\n  --hb-header-padding: 0 20px;\n  --hb-header-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-header {\n  height: var(--hb-header-height);\n  padding: var(--hb-header-padding);\n  box-sizing: border-box;\n  flex-shrink: 0;\n  background-color: var(--hb-header-bg-color);\n}\n\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Container Header 组件\n * 顶部容器\n */\n@Component({\n  tag: 'hb-header',\n  styleUrl: 'header.css',\n  shadow: true,\n})\nexport class Header {\n  /**\n   * 高度\n   */\n  @Prop() height?: string;\n\n  render() {\n    const style: any = {};\n    if (this.height) {\n      style.height = this.height;\n    }\n\n    return (\n      <header class=\"hb-header\" style={style}>\n        <slot></slot>\n      </header>\n    );\n  }\n}\n\n"],"mappings":"2CAAA,MAAMA,EAAY,20LAClB,MAAAC,EAAeD,E,MCUFE,EAAM,M,yBAITC,OAER,MAAAC,GACE,MAAMC,EAAa,GACnB,GAAIC,KAAKH,OAAQ,CACfE,EAAMF,OAASG,KAAKH,M,CAGtB,OACEI,EAAA,UAAAC,IAAA,2CAAQC,MAAM,YAAYJ,MAAOA,GAC/BE,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/huibo-ui/p-8c80a765.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t}from"./p-e42dfa95.js";const o='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-color-picker-panel{background-color:var(--hb-color-white,#fff);border-radius:4px;padding:12px}.hb-color-picker-panel__saturation{border-radius:4px;cursor:crosshair;height:180px;overflow:hidden;position:relative;width:100%}.hb-color-picker-panel__saturation-white{background:linear-gradient(90deg,#fff,#fff0);inset:0;position:absolute}.hb-color-picker-panel__saturation-black{background:linear-gradient(#0000,#000);inset:0;position:absolute}.hb-color-picker-panel__saturation-pointer{border:2px solid var(--hb-color-white,#fff);border-radius:50%;box-shadow:0 0 2px #0000004d;height:12px;position:absolute;transform:translate(-50%,-50%);width:12px}.hb-color-picker-panel__controls{margin-top:12px}.hb-color-picker-panel__alpha,.hb-color-picker-panel__hue{border-radius:2px;cursor:pointer;height:12px;margin-bottom:8px;position:relative}.hb-color-picker-panel__hue-bar{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:2px;height:100%}.hb-color-picker-panel__alpha-bar{background-image:linear-gradient(45deg,#ccc 25%,#0000 0),linear-gradient(-45deg,#ccc 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ccc 0),linear-gradient(-45deg,#0000 75%,#ccc 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:2px;height:100%}.hb-color-picker-panel__input{margin-top:12px}.hb-color-picker-panel__input-hex{border:1px solid var(--hb-border-color,#dcdfe6);border-radius:4px;font-size:13px;margin-bottom:8px;padding:6px 8px;width:100%}.hb-color-picker-panel__input-rgb{display:flex;gap:8px}.hb-color-picker-panel__input-rgb input{border:1px solid var(--hb-border-color,#dcdfe6);border-radius:4px;flex:1;font-size:13px;padding:6px 8px}.hb-color-picker-panel__predefine{border-top:1px solid var(--hb-border-color-lighter,#e4e7ed);display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.hb-color-picker-panel__predefine-color{border:2px solid #0000;border-radius:4px;cursor:pointer;height:24px;transition:transform .2s;width:24px}.hb-color-picker-panel__predefine-color:hover{transform:scale(1.1)}.hb-color-picker-panel__predefine-color--selected{border-color:var(--hb-color-primary);transform:scale(1.1)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const r=o;const a=class{constructor(t){e(this,t);this.hbChange=i(this,"hbChange",7)}modelValue;colorFormat="hex";showAlpha=false;predefine;currentColor="#409EFF";hbChange;componentDidLoad(){if(this.modelValue){this.currentColor=this.modelValue}}handleValueChange(){if(this.modelValue){this.currentColor=this.modelValue}}handleColorSelect=e=>{this.currentColor=e;this.modelValue=e;this.hbChange.emit(e)};handleInputChange=e=>{const i=e.target;this.handleColorSelect(i.value)};hexToRgb(e){const i=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return i?{r:parseInt(i[1],16),g:parseInt(i[2],16),b:parseInt(i[3],16)}:null}render(){const e=this.hexToRgb(this.currentColor);const i=this.predefine||["#ff4500","#ff8c00","#ffd700","#90ee90","#00ced1","#1e90ff","#c71585","#000000","#ffffff","#808080"];return t("div",{key:"7f5215f6908b85c016b9fc68423d63736adc64ac",class:"hb-color-picker-panel"},t("div",{key:"6e918eb9cfd1932f6b01bd1b4e34eab37f12d486",class:"hb-color-picker-panel__saturation"},t("div",{key:"72b61931cb7d87060868328de1675998ebd59ec1",class:"hb-color-picker-panel__saturation-white"}),t("div",{key:"a4e3f1c4ab9217793e710cf940ec15539eaa2f9d",class:"hb-color-picker-panel__saturation-black"}),t("div",{key:"68f53e538a84d86c6093a56a1cbc566e08a2e43e",class:"hb-color-picker-panel__saturation-pointer",style:{left:e?`${e.r/255*100}%`:"50%",top:e?`${(1-e.g/255)*100}%`:"50%"}})),t("div",{key:"990b800e049ea8c5fd421a011486df34754584df",class:"hb-color-picker-panel__controls"},t("div",{key:"f2ae82fe0034874c623c259efdaeb4f4101c9b4b",class:"hb-color-picker-panel__hue"},t("div",{key:"85a4d5b390e52856addafe49f9a467ab9554d895",class:"hb-color-picker-panel__hue-bar"})),this.showAlpha&&t("div",{key:"c4d984971839bed5d5af92d9a15942f30f44073e",class:"hb-color-picker-panel__alpha"},t("div",{key:"b61fd80f873c2c62561f4d814a397e5a8eed2cb6",class:"hb-color-picker-panel__alpha-bar",style:{backgroundColor:this.currentColor}}))),t("div",{key:"64b5d37078471a314c26ef3e3e64c54887310cc1",class:"hb-color-picker-panel__input"},t("input",{key:"2769607efa327d7b3c9c5e3fda4842a553c30cd2",type:"text",class:"hb-color-picker-panel__input-hex",value:this.currentColor,onInput:this.handleInputChange}),e&&t("div",{key:"4d3bf72b243b12f5f39d9c3f9800877a6d1eae9c",class:"hb-color-picker-panel__input-rgb"},t("input",{key:"d71850226823825cdc9eacc3cf8ff8a9b4d2c001",type:"number",min:"0",max:"255",value:e.r}),t("input",{key:"ac86df2ab2e50574ddfb4938a85154e58969170e",type:"number",min:"0",max:"255",value:e.g}),t("input",{key:"457450f4ccdfe741dc28077a7160c504608cc23c",type:"number",min:"0",max:"255",value:e.b}))),this.predefine&&this.predefine.length>0&&t("div",{key:"b6ed00f9d32b953c4985a2336ee7901b61c64931",class:"hb-color-picker-panel__predefine"},i.map((e=>t("div",{class:{"hb-color-picker-panel__predefine-color":true,"hb-color-picker-panel__predefine-color--selected":e===this.currentColor},style:{backgroundColor:e},onClick:()=>this.handleColorSelect(e)})))))}static get watchers(){return{modelValue:["handleValueChange"]}}};a.style=r;export{a as hb_color_picker_panel};
+//# sourceMappingURL=p-8c80a765.entry.js.map

package/dist/huibo-ui/p-8c80a765.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colorPickerPanelCss","HbColorPickerPanelStyle0","ColorPickerPanel","modelValue","colorFormat","showAlpha","predefine","currentColor","hbChange","componentDidLoad","this","handleValueChange","handleColorSelect","color","emit","handleInputChange","e","target","value","hexToRgb","hex","result","exec","r","parseInt","g","b","render","rgb","predefinedColors","h","key","class","style","left","top","backgroundColor","type","onInput","min","max","length","map","onClick"],"sources":["src/components/ColorPickerPanel/color-picker-panel.css?tag=hb-color-picker-panel&encapsulation=shadow","src/components/ColorPickerPanel/ColorPickerPanel.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-color-picker-panel {\n  padding: 12px;\n  background-color: var(--hb-color-white, #ffffff);\n  border-radius: 4px;\n}\n\n.hb-color-picker-panel__saturation {\n  position: relative;\n  width: 100%;\n  height: 180px;\n  border-radius: 4px;\n  overflow: hidden;\n  cursor: crosshair;\n}\n\n.hb-color-picker-panel__saturation-white {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));\n}\n\n.hb-color-picker-panel__saturation-black {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));\n}\n\n.hb-color-picker-panel__saturation-pointer {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  border: 2px solid var(--hb-color-white, #ffffff);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);\n}\n\n.hb-color-picker-panel__controls {\n  margin-top: 12px;\n}\n\n.hb-color-picker-panel__hue,\n.hb-color-picker-panel__alpha {\n  position: relative;\n  height: 12px;\n  border-radius: 2px;\n  margin-bottom: 8px;\n  cursor: pointer;\n}\n\n.hb-color-picker-panel__hue-bar {\n  height: 100%;\n  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n  border-radius: 2px;\n}\n\n.hb-color-picker-panel__alpha-bar {\n  height: 100%;\n  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%);\n  background-size: 8px 8px;\n  background-position: 0 0, 0 4px, 4px -4px, -4px 0px;\n  border-radius: 2px;\n}\n\n.hb-color-picker-panel__input {\n  margin-top: 12px;\n}\n\n.hb-color-picker-panel__input-hex {\n  width: 100%;\n  padding: 6px 8px;\n  border: 1px solid var(--hb-border-color, #dcdfe6);\n  border-radius: 4px;\n  font-size: 13px;\n  margin-bottom: 8px;\n}\n\n.hb-color-picker-panel__input-rgb {\n  display: flex;\n  gap: 8px;\n}\n\n.hb-color-picker-panel__input-rgb input {\n  flex: 1;\n  padding: 6px 8px;\n  border: 1px solid var(--hb-border-color, #dcdfe6);\n  border-radius: 4px;\n  font-size: 13px;\n}\n\n.hb-color-picker-panel__predefine {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid var(--hb-border-color-lighter, #e4e7ed);\n}\n\n.hb-color-picker-panel__predefine-color {\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  cursor: pointer;\n  border: 2px solid transparent;\n  transition: transform 0.2s;\n}\n\n.hb-color-picker-panel__predefine-color:hover {\n  transform: scale(1.1);\n}\n\n.hb-color-picker-panel__predefine-color--selected {\n  border-color: var(--hb-color-primary);\n  transform: scale(1.1);\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * ColorPickerPanel 颜色选择器面板组件\n * 颜色选择器面板，用于嵌入到其他组件中\n */\n@Component({\n  tag: 'hb-color-picker-panel',\n  styleUrl: 'color-picker-panel.css',\n  shadow: true,\n})\nexport class ColorPickerPanel {\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue?: string;\n\n  /**\n   * 颜色格式\n   */\n  @Prop() colorFormat: 'hsl' | 'hsv' | 'hex' | 'rgb' = 'hex';\n\n  /**\n   * 是否显示透明度\n   * @default false\n   */\n  @Prop() showAlpha: boolean = false;\n\n  /**\n   * 预定义颜色\n   */\n  @Prop() predefine?: string[];\n\n  @State() currentColor: string = '#409EFF';\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<string>;\n\n  componentDidLoad() {\n    if (this.modelValue) {\n      this.currentColor = this.modelValue;\n    }\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    if (this.modelValue) {\n      this.currentColor = this.modelValue;\n    }\n  }\n\n  private handleColorSelect = (color: string) => {\n    this.currentColor = color;\n    this.modelValue = color;\n    this.hbChange.emit(color);\n  };\n\n  private handleInputChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.handleColorSelect(target.value);\n  };\n\n  private hexToRgb(hex: string): { r: number; g: number; b: number } | null {\n    const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n    return result ? {\n      r: parseInt(result[1], 16),\n      g: parseInt(result[2], 16),\n      b: parseInt(result[3], 16)\n    } : null;\n  }\n\n  render() {\n    const rgb = this.hexToRgb(this.currentColor);\n    const predefinedColors = this.predefine || [\n      '#ff4500', '#ff8c00', '#ffd700', '#90ee90', '#00ced1',\n      '#1e90ff', '#c71585', '#000000', '#ffffff', '#808080',\n    ];\n\n    return (\n      <div class=\"hb-color-picker-panel\">\n        <div class=\"hb-color-picker-panel__saturation\">\n          <div class=\"hb-color-picker-panel__saturation-white\"></div>\n          <div class=\"hb-color-picker-panel__saturation-black\"></div>\n          <div\n            class=\"hb-color-picker-panel__saturation-pointer\"\n            style={{\n              left: rgb ? `${(rgb.r / 255) * 100}%` : '50%',\n              top: rgb ? `${(1 - rgb.g / 255) * 100}%` : '50%',\n            }}\n          ></div>\n        </div>\n        <div class=\"hb-color-picker-panel__controls\">\n          <div class=\"hb-color-picker-panel__hue\">\n            <div class=\"hb-color-picker-panel__hue-bar\"></div>\n          </div>\n          {this.showAlpha && (\n            <div class=\"hb-color-picker-panel__alpha\">\n              <div class=\"hb-color-picker-panel__alpha-bar\" style={{ backgroundColor: this.currentColor }}></div>\n            </div>\n          )}\n        </div>\n        <div class=\"hb-color-picker-panel__input\">\n          <input\n            type=\"text\"\n            class=\"hb-color-picker-panel__input-hex\"\n            value={this.currentColor}\n            onInput={this.handleInputChange}\n          />\n          {rgb && (\n            <div class=\"hb-color-picker-panel__input-rgb\">\n              <input type=\"number\" min=\"0\" max=\"255\" value={rgb.r} />\n              <input type=\"number\" min=\"0\" max=\"255\" value={rgb.g} />\n              <input type=\"number\" min=\"0\" max=\"255\" value={rgb.b} />\n            </div>\n          )}\n        </div>\n        {this.predefine && this.predefine.length > 0 && (\n          <div class=\"hb-color-picker-panel__predefine\">\n            {predefinedColors.map((color) => (\n              <div\n                class={{\n                  'hb-color-picker-panel__predefine-color': true,\n                  'hb-color-picker-panel__predefine-color--selected': color === this.currentColor,\n                }}\n                style={{ backgroundColor: color }}\n                onClick={() => this.handleColorSelect(color)}\n              ></div>\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\n"],"mappings":"kDAAA,MAAMA,EAAsB,ytPAC5B,MAAAC,EAAeD,E,MCUFE,EAAgB,M,4DAIFC,WAKjBC,YAA6C,MAM7CC,UAAqB,MAKrBC,UAECC,aAAuB,UAKvBC,SAET,gBAAAC,GACE,GAAIC,KAAKP,WAAY,CACnBO,KAAKH,aAAeG,KAAKP,U,EAK7B,iBAAAQ,GACE,GAAID,KAAKP,WAAY,CACnBO,KAAKH,aAAeG,KAAKP,U,EAIrBS,kBAAqBC,IAC3BH,KAAKH,aAAeM,EACpBH,KAAKP,WAAaU,EAClBH,KAAKF,SAASM,KAAKD,EAAM,EAGnBE,kBAAqBC,IAC3B,MAAMC,EAASD,EAAEC,OACjBP,KAAKE,kBAAkBK,EAAOC,MAAM,EAG9B,QAAAC,CAASC,GACf,MAAMC,EAAS,4CAA4CC,KAAKF,GAChE,OAAOC,EAAS,CACdE,EAAGC,SAASH,EAAO,GAAI,IACvBI,EAAGD,SAASH,EAAO,GAAI,IACvBK,EAAGF,SAASH,EAAO,GAAI,KACrB,I,CAGN,MAAAM,GACE,MAAMC,EAAMlB,KAAKS,SAAST,KAAKH,cAC/B,MAAMsB,EAAmBnB,KAAKJ,WAAa,CACzC,UAAW,UAAW,UAAW,UAAW,UAC5C,UAAW,UAAW,UAAW,UAAW,WAG9C,OACEwB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qCACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,4CACXF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,4CACXF,EAAA,OAAAC,IAAA,2CACEC,MAAM,4CACNC,MAAO,CACLC,KAAMN,EAAM,GAAIA,EAAIL,EAAI,IAAO,OAAS,MACxCY,IAAKP,EAAM,IAAI,EAAIA,EAAIH,EAAI,KAAO,OAAS,UAIjDK,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mCACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,8BACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oCAEZtB,KAAKL,WACJyB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gCACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mCAAmCC,MAAO,CAAEG,gBAAiB1B,KAAKH,kBAInFuB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gCACTF,EAAA,SAAAC,IAAA,2CACEM,KAAK,OACLL,MAAM,mCACNd,MAAOR,KAAKH,aACZ+B,QAAS5B,KAAKK,oBAEfa,GACCE,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oCACTF,EAAA,SAAAC,IAAA,2CAAOM,KAAK,SAASE,IAAI,IAAIC,IAAI,MAAMtB,MAAOU,EAAIL,IAClDO,EAAA,SAAAC,IAAA,2CAAOM,KAAK,SAASE,IAAI,IAAIC,IAAI,MAAMtB,MAAOU,EAAIH,IAClDK,EAAA,SAAAC,IAAA,2CAAOM,KAAK,SAASE,IAAI,IAAIC,IAAI,MAAMtB,MAAOU,EAAIF,MAIvDhB,KAAKJ,WAAaI,KAAKJ,UAAUmC,OAAS,GACzCX,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oCACRH,EAAiBa,KAAK7B,GACrBiB,EAAA,OACEE,MAAO,CACL,yCAA0C,KAC1C,mDAAoDnB,IAAUH,KAAKH,cAErE0B,MAAO,CAAEG,gBAAiBvB,GAC1B8B,QAAS,IAAMjC,KAAKE,kBAAkBC,Q","ignoreList":[]}

package/dist/huibo-ui/p-8c987d57.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,g as i,h as o}from"./p-e42dfa95.js";const n='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-affix{box-sizing:border-box;display:block;transition:none;width:100%}.hb-affix--fixed{background-color:var(--hb-color-bg-container);box-shadow:var(--hb-box-shadow)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const a=n;const r=class{constructor(i){t(this,i);this.hbChange=e(this,"hbChange",7)}get host(){return i(this)}top=0;bottom;target="";affixed=false;hbChange;scrollTarget=null;componentDidLoad(){this.scrollTarget=this.resolveTarget();if(this.scrollTarget){this.scrollTarget.addEventListener("scroll",this.handleScroll,{passive:true})}}disconnectedCallback(){if(this.scrollTarget){this.scrollTarget.removeEventListener("scroll",this.handleScroll);this.scrollTarget=null}}resolveTarget(){if(typeof window==="undefined"){return null}if(this.target){const t=document.querySelector(this.target);return t||window}return window}updateAffixed(t){if(t===this.affixed){return}this.affixed=t;this.hbChange.emit(t)}handleScroll=()=>{const t=this.host;if(!t){return}const e=t.getBoundingClientRect();if(this.bottom!==undefined){const t=window.innerHeight||0;this.updateAffixed(e.bottom>t-this.bottom);return}this.updateAffixed(e.top<=this.top)};onTestScroll(){this.handleScroll()}get fixedStyle(){if(this.bottom!==undefined){return{position:"fixed",bottom:`${this.bottom}px`,left:"0",right:"0",zIndex:"var(--hb-z-index-fixed)"}}return{position:"fixed",top:`${this.top}px`,left:"0",right:"0",zIndex:"var(--hb-z-index-fixed)"}}render(){return o("div",{key:"e342673fa2ca768295c96ba2ba6f06c9dee2f38f",class:{"hb-affix":true,"hb-affix--fixed":this.affixed},style:this.affixed?this.fixedStyle:undefined},o("slot",{key:"fd66d7c127a33851bd0ca92a4e42f87a2a623ca7"}))}};r.style=a;export{r as hb_affix};
+//# sourceMappingURL=p-8c987d57.entry.js.map

package/dist/huibo-ui/p-8c987d57.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["affixCss","HbAffixStyle0","Affix","top","bottom","target","affixed","hbChange","scrollTarget","componentDidLoad","this","resolveTarget","addEventListener","handleScroll","passive","disconnectedCallback","removeEventListener","window","el","document","querySelector","updateAffixed","next","emit","host","rect","getBoundingClientRect","undefined","viewportH","innerHeight","onTestScroll","fixedStyle","position","left","right","zIndex","render","h","key","class","style"],"sources":["src/components/Affix/affix.css?tag=hb-affix&encapsulation=shadow","src/components/Affix/Affix.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-affix {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n  transition: none;\n}\n\n.hb-affix--fixed {\n  box-shadow: var(--hb-box-shadow);\n  background-color: var(--hb-color-bg-container);\n}\n","import { Component, h, Prop, State, Event, EventEmitter, Listen, Element } from '@stencil/core';\n\n/**\n * Affix 固钉组件\n * 将页面元素固定在可视范围内，滚动超过阈值后吸附在顶部或底部\n */\n@Component({\n  tag: 'hb-affix',\n  styleUrl: 'affix.css',\n  shadow: true,\n})\nexport class Affix {\n  @Element() host!: HTMLElement;\n\n  /** 距离窗口顶部达到指定偏移后触发固定 */\n  @Prop() top: number = 0;\n\n  /** 距离窗口底部达到指定偏移后触发固定（与 top 互斥，优先 bottom） */\n  @Prop() bottom: number | undefined;\n\n  /** 自定义滚动容器 selector（默认 window） */\n  @Prop() target: string = '';\n\n  /** 当前是否处于固定状态 */\n  @State() affixed: boolean = false;\n\n  /** 固定状态变化事件，detail 为当前 affixed 布尔值 */\n  @Event() hbChange: EventEmitter<boolean>;\n\n  private scrollTarget: Window | HTMLElement | null = null;\n\n  componentDidLoad() {\n    this.scrollTarget = this.resolveTarget();\n    if (this.scrollTarget) {\n      this.scrollTarget.addEventListener('scroll', this.handleScroll, { passive: true });\n    }\n    // Note: 真实浏览器在首次 layout 后测量；jsdom 无布局，此处不立即测量，\n    // 避免在不精确的 getBoundingClientRect 下误触发 affixed。\n  }\n\n  disconnectedCallback() {\n    if (this.scrollTarget) {\n      this.scrollTarget.removeEventListener('scroll', this.handleScroll);\n      this.scrollTarget = null;\n    }\n  }\n\n  private resolveTarget(): Window | HTMLElement | null {\n    if (typeof window === 'undefined') {\n      return null;\n    }\n    if (this.target) {\n      const el = document.querySelector(this.target);\n      return (el as HTMLElement) || window;\n    }\n    return window;\n  }\n\n  private updateAffixed(next: boolean) {\n    if (next === this.affixed) {\n      return;\n    }\n    this.affixed = next;\n    this.hbChange.emit(next);\n  }\n\n  private handleScroll = () => {\n    const host = this.host;\n    if (!host) {\n      return;\n    }\n    const rect = host.getBoundingClientRect();\n\n    if (this.bottom !== undefined) {\n      const viewportH = window.innerHeight || 0;\n      this.updateAffixed(rect.bottom > viewportH - this.bottom);\n      return;\n    }\n    this.updateAffixed(rect.top <= this.top);\n  };\n\n  @Listen('hbTestScroll')\n  onTestScroll() {\n    // 测试钩子：jsdom 无真实滚动，通过事件触发一次测量\n    this.handleScroll();\n  }\n\n  private get fixedStyle(): Record<string, string> {\n    if (this.bottom !== undefined) {\n      return {\n        position: 'fixed',\n        bottom: `${this.bottom}px`,\n        left: '0',\n        right: '0',\n        zIndex: 'var(--hb-z-index-fixed)',\n      };\n    }\n    return {\n      position: 'fixed',\n      top: `${this.top}px`,\n      left: '0',\n      right: '0',\n      zIndex: 'var(--hb-z-index-fixed)',\n    };\n  }\n\n  render() {\n    return (\n      <div\n        class={{ 'hb-affix': true, 'hb-affix--fixed': this.affixed }}\n        style={this.affixed ? this.fixedStyle : undefined}\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAW,4wLACjB,MAAAC,EAAeD,E,MCUFE,EAAK,M,sFAIRC,IAAc,EAGdC,OAGAC,OAAiB,GAGhBC,QAAmB,MAGnBC,SAEDC,aAA4C,KAEpD,gBAAAC,GACEC,KAAKF,aAAeE,KAAKC,gBACzB,GAAID,KAAKF,aAAc,CACrBE,KAAKF,aAAaI,iBAAiB,SAAUF,KAAKG,aAAc,CAAEC,QAAS,M,EAM/E,oBAAAC,GACE,GAAIL,KAAKF,aAAc,CACrBE,KAAKF,aAAaQ,oBAAoB,SAAUN,KAAKG,cACrDH,KAAKF,aAAe,I,EAIhB,aAAAG,GACN,UAAWM,SAAW,YAAa,CACjC,OAAO,I,CAET,GAAIP,KAAKL,OAAQ,CACf,MAAMa,EAAKC,SAASC,cAAcV,KAAKL,QACvC,OAAQa,GAAsBD,M,CAEhC,OAAOA,M,CAGD,aAAAI,CAAcC,GACpB,GAAIA,IAASZ,KAAKJ,QAAS,CACzB,M,CAEFI,KAAKJ,QAAUgB,EACfZ,KAAKH,SAASgB,KAAKD,E,CAGbT,aAAe,KACrB,MAAMW,EAAOd,KAAKc,KAClB,IAAKA,EAAM,CACT,M,CAEF,MAAMC,EAAOD,EAAKE,wBAElB,GAAIhB,KAAKN,SAAWuB,UAAW,CAC7B,MAAMC,EAAYX,OAAOY,aAAe,EACxCnB,KAAKW,cAAcI,EAAKrB,OAASwB,EAAYlB,KAAKN,QAClD,M,CAEFM,KAAKW,cAAcI,EAAKtB,KAAOO,KAAKP,IAAI,EAI1C,YAAA2B,GAEEpB,KAAKG,c,CAGP,cAAYkB,GACV,GAAIrB,KAAKN,SAAWuB,UAAW,CAC7B,MAAO,CACLK,SAAU,QACV5B,OAAQ,GAAGM,KAAKN,WAChB6B,KAAM,IACNC,MAAO,IACPC,OAAQ,0B,CAGZ,MAAO,CACLH,SAAU,QACV7B,IAAK,GAAGO,KAAKP,QACb8B,KAAM,IACNC,MAAO,IACPC,OAAQ,0B,CAIZ,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,CAAE,WAAY,KAAM,kBAAmB7B,KAAKJ,SACnDkC,MAAO9B,KAAKJ,QAAUI,KAAKqB,WAAaJ,WAExCU,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/huibo-ui/p-8d615521.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as i,h as o}from"./p-e42dfa95.js";import{c as r}from"./p-4ef5a884.js";import{g as n}from"./p-ecce2b5e.js";const a='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:inline-block;position:relative}.hb-dropdown__trigger{cursor:pointer;display:inline-block}.hb-dropdown__menu{animation:hb-dropdown-fade-in .15s ease-out;background-color:var(--hb-color-bg-elevated);border-radius:var(--hb-border-radius-base);box-shadow:var(--hb-box-shadow);left:0;margin-top:4px;min-width:120px;padding:4px 0;position:absolute;top:100%}.hb-dropdown__item{align-items:center;color:var(--hb-color-text);cursor:pointer;display:flex;font-size:var(--hb-font-size-sm);padding:6px 16px;transition:background-color var(--hb-transition-duration);white-space:nowrap}.hb-dropdown__item:hover:not(.hb-dropdown__item--disabled){background-color:var(--hb-color-fill-tertiary);color:var(--hb-color-primary)}.hb-dropdown__item--disabled{color:var(--hb-color-text-disabled);cursor:not-allowed}.hb-dropdown__item--divided{border-top:1px solid var(--hb-color-border-secondary);margin-top:4px;padding-top:8px}.hb-dropdown__item--danger{color:var(--hb-color-danger)}.hb-dropdown__item--danger:hover:not(.hb-dropdown__item--disabled){background-color:var(--hb-color-danger-bg);color:var(--hb-color-danger)}@keyframes hb-dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const s=a;const d=class{constructor(i){e(this,i);this.hbCommand=t(this,"hbCommand",7)}get el(){return i(this)}items=[];trigger="hover";disabled=false;isOpen=false;hbCommand;clickOutside=r({host:null,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});componentDidLoad(){this.clickOutside=r({host:this.el,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});if(this.trigger==="click"){this.clickOutside.connect()}}disconnectedCallback(){this.clickOutside.disconnect()}show=()=>{if(this.disabled)return;this.isOpen=true};hide=()=>{this.isOpen=false};toggle=()=>{if(this.disabled)return;this.isOpen=!this.isOpen};handleSelect=e=>{if(e.disabled)return;this.isOpen=false;this.hbCommand.emit(e.key)};render(){const e=this.trigger==="hover"?{onMouseEnter:this.show,onMouseLeave:this.hide}:{onClick:this.toggle};return o("div",{key:"65db176398a94c702f6c3fcdc4128ed0e6afc376",class:"hb-dropdown",...e},o("div",{key:"2c96f9af4f69d1a1c52195546b5b777e5a2d54b8",class:"hb-dropdown__trigger"},o("slot",{key:"cd007dcd7d357cc1d041472a72faa0a3a025bda2"})),this.isOpen&&o("div",{key:"a3bdebbc0a701e01df36b701bc13de130c4e8d24",class:"hb-dropdown__menu",style:{zIndex:String(n())}},this.items.map((e=>o("div",{class:{"hb-dropdown__item":true,"hb-dropdown__item--disabled":e.disabled,"hb-dropdown__item--divided":e.divided,"hb-dropdown__item--danger":e.danger},onClick:()=>this.handleSelect(e)},e.label)))))}};d.style=s;export{d as hb_dropdown};
+//# sourceMappingURL=p-8d615521.entry.js.map

package/dist/huibo-ui/p-8d615521.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownCss","HbDropdownStyle0","Dropdown","items","trigger","disabled","isOpen","hbCommand","clickOutside","createClickOutsideHandler","host","this","onClose","componentDidLoad","el","connect","disconnectedCallback","disconnect","show","hide","toggle","handleSelect","item","emit","key","render","triggerEvents","onMouseEnter","onMouseLeave","onClick","h","class","style","zIndex","String","getNextZIndex","map","divided","danger","label"],"sources":["src/components/Dropdown/dropdown.css?tag=hb-dropdown&encapsulation=shadow","src/components/Dropdown/Dropdown.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n}\n\n.hb-dropdown__trigger {\n  display: inline-block;\n  cursor: pointer;\n}\n\n.hb-dropdown__menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  min-width: 120px;\n  margin-top: 4px;\n  padding: 4px 0;\n  background-color: var(--hb-color-bg-elevated);\n  border-radius: var(--hb-border-radius-base);\n  box-shadow: var(--hb-box-shadow);\n  animation: hb-dropdown-fade-in 0.15s ease-out;\n}\n\n.hb-dropdown__item {\n  display: flex;\n  align-items: center;\n  padding: 6px 16px;\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background-color var(--hb-transition-duration);\n}\n\n.hb-dropdown__item:hover:not(.hb-dropdown__item--disabled) {\n  background-color: var(--hb-color-fill-tertiary);\n  color: var(--hb-color-primary);\n}\n\n.hb-dropdown__item--disabled {\n  color: var(--hb-color-text-disabled);\n  cursor: not-allowed;\n}\n\n.hb-dropdown__item--divided {\n  margin-top: 4px;\n  padding-top: 8px;\n  border-top: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-dropdown__item--danger {\n  color: var(--hb-color-danger);\n}\n.hb-dropdown__item--danger:hover:not(.hb-dropdown__item--disabled) {\n  background-color: var(--hb-color-danger-bg);\n  color: var(--hb-color-danger);\n}\n\n@keyframes hb-dropdown-fade-in {\n  from { opacity: 0; transform: translateY(-4px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n","import { Component, h, Prop, State, Element, Event, EventEmitter } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\nimport { getNextZIndex } from '../../utils/popup-manager';\n\nexport interface DropdownItem {\n  key: string;\n  label: string;\n  disabled?: boolean;\n  divided?: boolean;\n  danger?: boolean;\n}\n\n/**\n * Dropdown 下拉菜单组件\n * 将动作或菜单折叠到下拉菜单中\n */\n@Component({\n  tag: 'hb-dropdown',\n  styleUrl: 'dropdown.css',\n  shadow: true,\n})\nexport class Dropdown {\n  @Element() el: HTMLElement;\n\n  /** 菜单项 */\n  @Prop() items: DropdownItem[] = [];\n\n  /** 触发方式 */\n  @Prop() trigger: 'hover' | 'click' = 'hover';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  @State() isOpen: boolean = false;\n\n  /** 命令事件 */\n  @Event() hbCommand: EventEmitter<string>;\n\n  private clickOutside = createClickOutsideHandler({\n    host: null as any,\n    isOpen: () => this.isOpen,\n    onClose: () => { this.isOpen = false; },\n  });\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => { this.isOpen = false; },\n    });\n    if (this.trigger === 'click') {\n      this.clickOutside.connect();\n    }\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n  }\n\n  private show = () => {\n    if (this.disabled) return;\n    this.isOpen = true;\n  };\n\n  private hide = () => {\n    this.isOpen = false;\n  };\n\n  private toggle = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  private handleSelect = (item: DropdownItem) => {\n    if (item.disabled) return;\n    this.isOpen = false;\n    this.hbCommand.emit(item.key);\n  };\n\n  render() {\n    const triggerEvents = this.trigger === 'hover'\n      ? { onMouseEnter: this.show, onMouseLeave: this.hide }\n      : { onClick: this.toggle };\n\n    return (\n      <div class=\"hb-dropdown\" {...triggerEvents}>\n        <div class=\"hb-dropdown__trigger\">\n          <slot />\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-dropdown__menu\" style={{ zIndex: String(getNextZIndex()) }}>\n            {this.items.map(item => (\n              <div\n                class={{\n                  'hb-dropdown__item': true,\n                  'hb-dropdown__item--disabled': item.disabled,\n                  'hb-dropdown__item--divided': item.divided,\n                  'hb-dropdown__item--danger': item.danger,\n                }}\n                onClick={() => this.handleSelect(item)}\n              >\n                {item.label}\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"iIAAA,MAAMA,EAAc,gwNACpB,MAAAC,EAAeD,E,MCoBFE,EAAQ,M,sFAIXC,MAAwB,GAGxBC,QAA6B,QAG7BC,SAAoB,MAEnBC,OAAkB,MAGlBC,UAEDC,aAAeC,EAA0B,CAC/CC,KAAM,KACNJ,OAAQ,IAAMK,KAAKL,OACnBM,QAAS,KAAQD,KAAKL,OAAS,KAAK,IAGtC,gBAAAO,GACEF,KAAKH,aAAeC,EAA0B,CAC5CC,KAAMC,KAAKG,GACXR,OAAQ,IAAMK,KAAKL,OACnBM,QAAS,KAAQD,KAAKL,OAAS,KAAK,IAEtC,GAAIK,KAAKP,UAAY,QAAS,CAC5BO,KAAKH,aAAaO,S,EAItB,oBAAAC,GACEL,KAAKH,aAAaS,Y,CAGZC,KAAO,KACb,GAAIP,KAAKN,SAAU,OACnBM,KAAKL,OAAS,IAAI,EAGZa,KAAO,KACbR,KAAKL,OAAS,KAAK,EAGbc,OAAS,KACf,GAAIT,KAAKN,SAAU,OACnBM,KAAKL,QAAUK,KAAKL,MAAM,EAGpBe,aAAgBC,IACtB,GAAIA,EAAKjB,SAAU,OACnBM,KAAKL,OAAS,MACdK,KAAKJ,UAAUgB,KAAKD,EAAKE,IAAI,EAG/B,MAAAC,GACE,MAAMC,EAAgBf,KAAKP,UAAY,QACnC,CAAEuB,aAAchB,KAAKO,KAAMU,aAAcjB,KAAKQ,MAC9C,CAAEU,QAASlB,KAAKS,QAEpB,OACEU,EAAA,OAAAN,IAAA,2CAAKO,MAAM,iBAAkBL,GAC3BI,EAAA,OAAAN,IAAA,2CAAKO,MAAM,wBACTD,EAAA,QAAAN,IAAA,8CAEDb,KAAKL,QACJwB,EAAA,OAAAN,IAAA,2CAAKO,MAAM,oBAAoBC,MAAO,CAAEC,OAAQC,OAAOC,OACpDxB,KAAKR,MAAMiC,KAAId,GACdQ,EAAA,OACEC,MAAO,CACL,oBAAqB,KACrB,8BAA+BT,EAAKjB,SACpC,6BAA8BiB,EAAKe,QACnC,4BAA6Bf,EAAKgB,QAEpCT,QAAS,IAAMlB,KAAKU,aAAaC,IAEhCA,EAAKiB,U","ignoreList":[]}

package/dist/huibo-ui/p-8d925e3d.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t}from"./p-e42dfa95.js";const i='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-card{background:var(--hb-color-bg);border:1px solid var(--hb-color-border-secondary);border-radius:var(--hb-border-radius-base);overflow:hidden}.hb-card--shadow-always,.hb-card--shadow-hover:hover{box-shadow:var(--hb-box-shadow-sm)}.hb-card--shadow-never{box-shadow:none}.hb-card__header{border-bottom:1px solid var(--hb-color-border-secondary);font-size:var(--hb-font-size-base);font-weight:600}.hb-card__body,.hb-card__header{padding:var(--hb-spacing-md)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const o=i;const a=class{constructor(t){e(this,t)}header;shadow="always";render(){return t("div",{key:"a6fda886ea3031b93b9f42b12053357b7a461fcf",class:{"hb-card":true,[`hb-card--shadow-${this.shadow}`]:true}},(this.header||this.elHasHeaderSlot)&&t("div",{key:"fdc0b804aa88c0520bf855e1b870880d08da9dd4",class:"hb-card__header"},t("slot",{key:"e335dfcc2bc494a671123599657bdc7636a873b9",name:"header"},t("span",{key:"3391493e5295f33fb4fe0d8de5fb03a69be077f3"},this.header))),t("div",{key:"e3fe736ff66aec2a14d1c22f9356ddf6c069ec2a",class:"hb-card__body"},t("slot",{key:"d22bff61394ae6f20c0be991f87223ab34c765b2"})))}get elHasHeaderSlot(){return!!document.querySelector('hb-card [slot="header"]')}};a.style=o;export{a as hb_card};
+//# sourceMappingURL=p-8d925e3d.entry.js.map

package/dist/huibo-ui/p-8d925e3d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","HbCardStyle0","Card","header","shadow","render","h","key","class","this","elHasHeaderSlot","name","document","querySelector"],"sources":["src/components/Card/card.css?tag=hb-card&encapsulation=shadow","src/components/Card/Card.tsx"],"sourcesContent":[":host { display: block; }\n.hb-card {\n  border-radius: var(--hb-border-radius-base);\n  border: 1px solid var(--hb-color-border-secondary);\n  background: var(--hb-color-bg);\n  overflow: hidden;\n}\n.hb-card--shadow-always { box-shadow: var(--hb-box-shadow-sm); }\n.hb-card--shadow-hover:hover { box-shadow: var(--hb-box-shadow-sm); }\n.hb-card--shadow-never { box-shadow: none; }\n.hb-card__header {\n  padding: var(--hb-spacing-md);\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n  font-weight: 600;\n  font-size: var(--hb-font-size-base);\n}\n.hb-card__body { padding: var(--hb-spacing-md); }\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({ tag: 'hb-card', styleUrl: 'card.css', shadow: true })\nexport class Card {\n  @Prop() header?: string;\n  @Prop() shadow: 'always' | 'hover' | 'never' = 'always';\n\n  render() {\n    return (\n      <div class={{ 'hb-card': true, [`hb-card--shadow-${this.shadow}`]: true }}>\n        {(this.header || this.elHasHeaderSlot) && (\n          <div class=\"hb-card__header\">\n            <slot name=\"header\"><span>{this.header}</span></slot>\n          </div>\n        )}\n        <div class=\"hb-card__body\"><slot /></div>\n      </div>\n    );\n  }\n\n  private get elHasHeaderSlot(): boolean {\n    return !!document.querySelector('hb-card [slot=\"header\"]');\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAU,2hMAChB,MAAAC,EAAeD,E,MCEFE,EAAI,M,yBACPC,OACAC,OAAuC,SAE/C,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,UAAW,KAAM,CAAC,mBAAmBC,KAAKL,UAAW,QAC/DK,KAAKN,QAAUM,KAAKC,kBACpBJ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBACTF,EAAA,QAAAC,IAAA,2CAAMI,KAAK,UAASL,EAAA,QAAAC,IAAA,4CAAOE,KAAKN,UAGpCG,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBAAgBF,EAAA,QAAAC,IAAA,8C,CAKjC,mBAAYG,GACV,QAASE,SAASC,cAAc,0B","ignoreList":[]}

package/dist/huibo-ui/p-9319c650.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t}from"./p-e42dfa95.js";const i='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-loading{align-items:center;display:flex;justify-content:center;padding:var(--hb-spacing-lg)}.hb-loading--fullscreen{background-color:var(--hb-color-bg-mask);inset:0;position:fixed;z-index:var(--hb-z-index-modal)}.hb-loading__spinner{align-items:center;display:flex;flex-direction:column;gap:var(--hb-spacing-sm)}.hb-loading__circle{animation:hb-spin .8s linear infinite;border:3px solid var(--hb-color-border-secondary);border-radius:50%;border-top-color:var(--hb-color-primary);height:32px;width:32px}.hb-loading--small .hb-loading__circle{border-width:2px;height:20px;width:20px}.hb-loading--large .hb-loading__circle{border-width:4px;height:44px;width:44px}.hb-loading__text{color:var(--hb-color-primary);font-size:var(--hb-font-size-sm)}@keyframes hb-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const o=i;const n=class{constructor(t){e(this,t)}size="default";text;fullscreen=false;render(){return t("div",{key:"a29b2a7301ecd1ea3d4cc775b3eb842f591be4c3",class:{"hb-loading":true,"hb-loading--fullscreen":this.fullscreen,[`hb-loading--${this.size}`]:true}},t("div",{key:"c429099b5e4c3d5ac229cd2d4befb58f9baff269",class:"hb-loading__spinner"},t("div",{key:"36e30057b133e3d1f0874da7d2be3d933292fc26",class:"hb-loading__circle"}),this.text&&t("div",{key:"a13830edf63e082e26f14d9d120763cf3e7a8003",class:"hb-loading__text"},this.text)))}};n.style=o;export{n as hb_loading};
+//# sourceMappingURL=p-9319c650.entry.js.map

package/dist/huibo-ui/p-9319c650.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["loadingCss","HbLoadingStyle0","Loading","size","text","fullscreen","render","h","key","class","this"],"sources":["src/components/Loading/loading.css?tag=hb-loading&encapsulation=shadow","src/components/Loading/Loading.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--hb-spacing-lg);\n}\n\n.hb-loading--fullscreen {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--hb-color-bg-mask);\n  z-index: var(--hb-z-index-modal);\n}\n\n.hb-loading__spinner {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--hb-spacing-sm);\n}\n\n.hb-loading__circle {\n  width: 32px;\n  height: 32px;\n  border: 3px solid var(--hb-color-border-secondary);\n  border-top-color: var(--hb-color-primary);\n  border-radius: 50%;\n  animation: hb-spin 0.8s linear infinite;\n}\n\n/* 尺寸变体（size prop） */\n.hb-loading--small .hb-loading__circle {\n  width: 20px;\n  height: 20px;\n  border-width: 2px;\n}\n.hb-loading--large .hb-loading__circle {\n  width: 44px;\n  height: 44px;\n  border-width: 4px;\n}\n\n.hb-loading__text {\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-primary);\n}\n\n@keyframes hb-spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Loading 加载组件\n * 用于页面和区块的加载中状态\n */\n@Component({\n  tag: 'hb-loading',\n  styleUrl: 'loading.css',\n  shadow: true,\n})\nexport class Loading {\n  /** 加载指示器尺寸 */\n  @Prop() size: 'small' | 'default' | 'large' = 'default';\n\n  /** 加载文案 */\n  @Prop() text?: string;\n\n  /** 是否全屏显示 */\n  @Prop() fullscreen: boolean = false;\n\n  render() {\n    return (\n      <div\n        class={{\n          'hb-loading': true,\n          'hb-loading--fullscreen': this.fullscreen,\n          [`hb-loading--${this.size}`]: true,\n        }}\n      >\n        <div class=\"hb-loading__spinner\">\n          <div class=\"hb-loading__circle\"></div>\n          {this.text && <div class=\"hb-loading__text\">{this.text}</div>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAa,63MACnB,MAAAC,EAAeD,E,MCUFE,EAAO,M,yBAEVC,KAAsC,UAGtCC,KAGAC,WAAsB,MAE9B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,aAAc,KACd,yBAA0BC,KAAKL,WAC/B,CAAC,eAAeK,KAAKP,QAAS,OAGhCI,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACVC,KAAKN,MAAQG,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAoBC,KAAKN,O","ignoreList":[]}

package/dist/huibo-ui/p-953b9514.entry.js

@@ -0,0 +1,2 @@
+import{r as s,g as e,h as a}from"./p-e42dfa95.js";const t={success:"✓",warning:"⚠",info:"ℹ",error:"✕",loading:"⏳"};const i=class{constructor(e){s(this,e)}get el(){return e(this)}message="";type="info";closable=false;duration=3e3;visible=true;componentDidLoad(){if(this.duration>0){setTimeout((()=>this.close()),this.duration)}}close=()=>{this.visible=false;setTimeout((()=>this.el.remove()),300)};render(){return a("div",{key:"51069b8f2a5079fcfd64bb24168907bbcfbfd869",class:{"hb-message":true,[`hb-message--${this.type}`]:true,"hb-message--visible":this.visible},role:"alert"},a("span",{key:"ad3123ae0c4eb9b8010c446bf0016d54af7b8a3a",class:"hb-message__icon"},t[this.type]),a("span",{key:"557ea0f92544ab58079a498b8f90dc774746c0a2",class:"hb-message__text"},this.message),this.closable&&a("span",{key:"e90e3380ba2b9a473d5f839983b959584948fd2a",class:"hb-message__close",onClick:this.close},"×"))}};export{i as hb_message};
+//# sourceMappingURL=p-953b9514.entry.js.map

package/dist/huibo-ui/p-953b9514.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ICON_MAP","success","warning","info","error","loading","Message","message","type","closable","duration","visible","componentDidLoad","this","setTimeout","close","el","remove","render","h","key","class","role","onClick"],"sources":["src/components/Message/Message.tsx"],"sourcesContent":["import { Component, h, Prop, State, Element } from '@stencil/core';\n\nexport type MessageType = 'success' | 'warning' | 'info' | 'error' | 'loading';\n\nconst ICON_MAP: Record<MessageType, string> = {\n  success: '✓',\n  warning: '⚠',\n  info: 'ℹ',\n  error: '✕',\n  loading: '⏳',\n};\n\n/**\n * Message 消息提示组件\n * 常用于主动操作后的反馈提示\n */\n@Component({\n  tag: 'hb-message',\n  shadow: true,\n})\nexport class Message {\n  @Element() el: HTMLElement;\n\n  /** 消息文字 */\n  @Prop() message: string = '';\n\n  /** 消息类型 */\n  @Prop() type: MessageType = 'info';\n\n  /** 是否显示关闭按钮 */\n  @Prop() closable: boolean = false;\n\n  /** 显示时间（毫秒），0 为不自动关闭 */\n  @Prop() duration: number = 3000;\n\n  @State() visible: boolean = true;\n\n  componentDidLoad() {\n    if (this.duration > 0) {\n      setTimeout(() => this.close(), this.duration);\n    }\n  }\n\n  private close = () => {\n    this.visible = false;\n    setTimeout(() => this.el.remove(), 300);\n  };\n\n  render() {\n    return (\n      <div\n        class={{\n          'hb-message': true,\n          [`hb-message--${this.type}`]: true,\n          'hb-message--visible': this.visible,\n        }}\n        role=\"alert\"\n      >\n        <span class=\"hb-message__icon\">{ICON_MAP[this.type]}</span>\n        <span class=\"hb-message__text\">{this.message}</span>\n        {this.closable && (\n          <span class=\"hb-message__close\" onClick={this.close}>×</span>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAIA,MAAMA,EAAwC,CAC5CC,QAAS,IACTC,QAAS,IACTC,KAAM,IACNC,MAAO,IACPC,QAAS,K,MAWEC,EAAO,M,iDAIVC,QAAkB,GAGlBC,KAAoB,OAGpBC,SAAoB,MAGpBC,SAAmB,IAElBC,QAAmB,KAE5B,gBAAAC,GACE,GAAIC,KAAKH,SAAW,EAAG,CACrBI,YAAW,IAAMD,KAAKE,SAASF,KAAKH,S,EAIhCK,MAAQ,KACdF,KAAKF,QAAU,MACfG,YAAW,IAAMD,KAAKG,GAAGC,UAAU,IAAI,EAGzC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,aAAc,KACd,CAAC,eAAeR,KAAKL,QAAS,KAC9B,sBAAuBK,KAAKF,SAE9BW,KAAK,SAELH,EAAA,QAAAC,IAAA,2CAAMC,MAAM,oBAAoBrB,EAASa,KAAKL,OAC9CW,EAAA,QAAAC,IAAA,2CAAMC,MAAM,oBAAoBR,KAAKN,SACpCM,KAAKJ,UACJU,EAAA,QAAAC,IAAA,2CAAMC,MAAM,oBAAoBE,QAASV,KAAKE,OAAK,K","ignoreList":[]}

package/dist/huibo-ui/p-965d4d02.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,g as t,h as o}from"./p-e42dfa95.js";import{g as a,l as n,u as r}from"./p-ecce2b5e.js";import{c as s}from"./p-cc0aeb50.js";const l='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.container{width:100%}.hidden{display:none}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:contents}.hb-dialog-wrapper{inset:0;pointer-events:none;position:fixed}.hb-dialog-wrapper--hidden{display:none}.hb-dialog__overlay{background-color:var(--hb-color-bg-mask);inset:0;transition:opacity .3s}.hb-dialog,.hb-dialog__overlay{pointer-events:auto;position:fixed}.hb-dialog{background-color:var(--hb-dialog-bg);border-radius:var(--hb-dialog-radius);box-shadow:var(--hb-dialog-shadow);display:flex;flex-direction:column;left:50%;max-height:90vh;opacity:0;overflow:hidden;top:50%;transform:translate(-50%,-50%)scale(.9);transition:opacity .3s,transform .3s}.hb-dialog--visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.hb-dialog--fullscreen{border-radius:0;height:100vh;left:0;max-height:100vh;top:0;transform:none;width:100%!important}.hb-dialog--fullscreen.hb-dialog--visible{transform:none}.hb-dialog__header{align-items:center;border-bottom:1px solid var(--hb-color-border-secondary);display:flex;justify-content:space-between;padding:var(--hb-spacing-md)var(--hb-spacing-lg)}.hb-dialog__title{color:var(--hb-color-text-primary);font-size:var(--hb-font-size-lg);font-weight:600}.hb-dialog__close{align-items:center;background:0 0;border:none;border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text-secondary);cursor:pointer;display:inline-flex;font-size:18px;height:28px;justify-content:center;transition:all var(--hb-transition-duration);width:28px}.hb-dialog__close:hover{background-color:var(--hb-color-fill-tertiary);color:var(--hb-color-text-primary)}.hb-dialog__body{color:var(--hb-color-text);flex:1;font-size:var(--hb-font-size-base);overflow-y:auto;padding:var(--hb-spacing-lg)}.hb-dialog__footer{align-items:center;border-top:1px solid var(--hb-color-border-secondary);display:flex;gap:var(--hb-spacing-xs);justify-content:flex-end;padding:var(--hb-spacing-sm)var(--hb-spacing-lg)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}';const d=l;const h=class{constructor(t){e(this,t);this.hbOpen=i(this,"hbOpen",7);this.hbClose=i(this,"hbClose",7);this.hbClosed=i(this,"hbClosed",7)}get el(){return t(this)}modelValue=false;title="";width="50%";fullscreen=false;modal=true;closeOnClickModal=true;closeOnPressEscape=true;showClose=true;destroyOnClose=false;hbOpen;hbClose;hbClosed;zIndex=0;panelRef;trap;handleVisibleChange(e){if(e){this.zIndex=a();if(this.modal)n();this.hbOpen.emit();document.addEventListener("keydown",this.handleKeyDown)}else{if(this.modal)r();document.removeEventListener("keydown",this.handleKeyDown)}}disconnectedCallback(){if(this.modelValue&&this.modal)r();document.removeEventListener("keydown",this.handleKeyDown);this.trap?.disconnect()}componentDidRender(){if(!this.panelRef)return;if(this.modelValue){if(!this.trap){this.trap=s({container:this.panelRef})}this.trap.connect()}else{this.trap?.disconnect()}}handleKeyDown=e=>{if(this.closeOnPressEscape&&e.key==="Escape"){this.close()}};close=()=>{this.modelValue=false;this.hbClose.emit();setTimeout((()=>this.hbClosed.emit()),300)};handleOverlayClick=()=>{if(this.closeOnClickModal)this.close()};render(){if(this.destroyOnClose&&!this.modelValue)return null;return o("div",{class:{"hb-dialog-wrapper":true,"hb-dialog-wrapper--hidden":!this.modelValue}},this.modal&&o("div",{class:"hb-dialog__overlay",style:{zIndex:String(this.zIndex)},onClick:this.handleOverlayClick}),o("div",{ref:e=>this.panelRef=e,class:{"hb-dialog":true,"hb-dialog--fullscreen":this.fullscreen,"hb-dialog--visible":this.modelValue},style:{zIndex:String(this.zIndex+1),width:this.fullscreen?"100%":this.width},role:"dialog","aria-modal":"true"},o("div",{class:"hb-dialog__header"},o("span",{class:"hb-dialog__title"},this.title),this.showClose&&o("button",{type:"button",class:"hb-dialog__close","aria-label":"关闭",onClick:this.close},"×")),o("div",{class:"hb-dialog__body"},o("slot",null)),o("div",{class:"hb-dialog__footer"},o("slot",{name:"footer"}))))}static get watchers(){return{modelValue:["handleVisibleChange"]}}};h.style=d;export{h as hb_dialog};
+//# sourceMappingURL=p-965d4d02.entry.js.map

package/dist/huibo-ui/p-965d4d02.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dialogCss","HbDialogStyle0","Dialog","modelValue","title","width","fullscreen","modal","closeOnClickModal","closeOnPressEscape","showClose","destroyOnClose","hbOpen","hbClose","hbClosed","zIndex","panelRef","trap","handleVisibleChange","newVal","this","getNextZIndex","lockScroll","emit","document","addEventListener","handleKeyDown","unlockScroll","removeEventListener","disconnectedCallback","disconnect","componentDidRender","createFocusTrap","container","connect","e","key","close","setTimeout","handleOverlayClick","render","h","class","style","String","onClick","ref","el","role","type","name"],"sources":["src/components/Dialog/dialog.css?tag=hb-dialog&encapsulation=shadow","src/components/Dialog/Dialog.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.hb-dialog-wrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n}\n\n.hb-dialog-wrapper--hidden {\n  display: none;\n}\n\n.hb-dialog__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--hb-color-bg-mask);\n  transition: opacity 0.3s;\n  pointer-events: auto;\n}\n\n.hb-dialog {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(0.9);\n  background-color: var(--hb-dialog-bg);\n  border-radius: var(--hb-dialog-radius);\n  box-shadow: var(--hb-dialog-shadow);\n  pointer-events: auto;\n  opacity: 0;\n  transition: opacity 0.3s, transform 0.3s;\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  overflow: hidden;\n}\n\n.hb-dialog--visible {\n  opacity: 1;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n.hb-dialog--fullscreen {\n  width: 100% !important;\n  height: 100vh;\n  top: 0;\n  left: 0;\n  transform: none;\n  border-radius: 0;\n  max-height: 100vh;\n}\n.hb-dialog--fullscreen.hb-dialog--visible {\n  transform: none;\n}\n\n.hb-dialog__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--hb-spacing-md) var(--hb-spacing-lg);\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-dialog__title {\n  font-size: var(--hb-font-size-lg);\n  font-weight: 600;\n  color: var(--hb-color-text-primary);\n}\n\n.hb-dialog__close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  font-size: 18px;\n  color: var(--hb-color-text-secondary);\n  cursor: pointer;\n  border-radius: var(--hb-border-radius-sm);\n  transition: all var(--hb-transition-duration);\n}\n\n.hb-dialog__close:hover {\n  background-color: var(--hb-color-fill-tertiary);\n  color: var(--hb-color-text-primary);\n}\n\n.hb-dialog__body {\n  flex: 1;\n  padding: var(--hb-spacing-lg);\n  overflow-y: auto;\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-base);\n}\n\n.hb-dialog__footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--hb-spacing-xs);\n  padding: var(--hb-spacing-sm) var(--hb-spacing-lg);\n  border-top: 1px solid var(--hb-color-border-secondary);\n}\n","import { Component, h, Prop, Event, EventEmitter, Watch, Element } from '@stencil/core';\nimport { lockScroll, unlockScroll, getNextZIndex } from '../../utils/popup-manager';\nimport { createFocusTrap, FocusTrap } from '../../utils/a11y';\n\n/**\n * Dialog 对话框组件\n * 在保留当前页面状态的情况下，告知用户并承载相关操作\n */\n@Component({\n  tag: 'hb-dialog',\n  styleUrl: 'dialog.css',\n  shadow: true,\n})\nexport class Dialog {\n  @Element() el: HTMLElement;\n\n  /** 是否显示 */\n  @Prop({ mutable: true }) modelValue: boolean = false;\n\n  /** 标题 */\n  @Prop() title: string = '';\n\n  /** 宽度 */\n  @Prop() width: string = '50%';\n\n  /** 是否全屏 */\n  @Prop() fullscreen: boolean = false;\n\n  /** 是否显示遮罩 */\n  @Prop() modal: boolean = true;\n\n  /** 是否点击遮罩关闭 */\n  @Prop() closeOnClickModal: boolean = true;\n\n  /** 是否按 ESC 关闭 */\n  @Prop() closeOnPressEscape: boolean = true;\n\n  /** 是否显示关闭按钮 */\n  @Prop() showClose: boolean = true;\n\n  /** 关闭时销毁 */\n  @Prop() destroyOnClose: boolean = false;\n\n  /** 打开事件 */\n  @Event() hbOpen: EventEmitter<void>;\n\n  /** 关闭事件 */\n  @Event() hbClose: EventEmitter<void>;\n\n  /** 已关闭动画结束事件 */\n  @Event() hbClosed: EventEmitter<void>;\n\n  private zIndex: number = 0;\n  private panelRef?: HTMLElement;\n  private trap?: FocusTrap;\n\n  @Watch('modelValue')\n  handleVisibleChange(newVal: boolean) {\n    if (newVal) {\n      this.zIndex = getNextZIndex();\n      if (this.modal) lockScroll();\n      this.hbOpen.emit();\n      document.addEventListener('keydown', this.handleKeyDown);\n    } else {\n      if (this.modal) unlockScroll();\n      document.removeEventListener('keydown', this.handleKeyDown);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.modelValue && this.modal) unlockScroll();\n    document.removeEventListener('keydown', this.handleKeyDown);\n    this.trap?.disconnect();\n  }\n\n  componentDidRender() {\n    if (!this.panelRef) return;\n    if (this.modelValue) {\n      if (!this.trap) {\n        this.trap = createFocusTrap({ container: this.panelRef });\n      }\n      this.trap.connect();\n    } else {\n      this.trap?.disconnect();\n    }\n  }\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.closeOnPressEscape && e.key === 'Escape') {\n      this.close();\n    }\n  };\n\n  private close = () => {\n    this.modelValue = false;\n    this.hbClose.emit();\n    setTimeout(() => this.hbClosed.emit(), 300);\n  };\n\n  private handleOverlayClick = () => {\n    if (this.closeOnClickModal) this.close();\n  };\n\n  render() {\n    if (this.destroyOnClose && !this.modelValue) return null;\n\n    return (\n      <div class={{ 'hb-dialog-wrapper': true, 'hb-dialog-wrapper--hidden': !this.modelValue }}>\n        {this.modal && (\n          <div\n            class=\"hb-dialog__overlay\"\n            style={{ zIndex: String(this.zIndex) }}\n            onClick={this.handleOverlayClick}\n          />\n        )}\n        <div\n          ref={(el) => (this.panelRef = el as HTMLElement)}\n          class={{\n            'hb-dialog': true,\n            'hb-dialog--fullscreen': this.fullscreen,\n            'hb-dialog--visible': this.modelValue,\n          }}\n          style={{\n            zIndex: String(this.zIndex + 1),\n            width: this.fullscreen ? '100%' : this.width,\n          }}\n          role=\"dialog\"\n          aria-modal=\"true\"\n        >\n          <div class=\"hb-dialog__header\">\n            <span class=\"hb-dialog__title\">{this.title}</span>\n            {this.showClose && (\n              <button type=\"button\" class=\"hb-dialog__close\" aria-label=\"关闭\" onClick={this.close}>×</button>\n            )}\n          </div>\n          <div class=\"hb-dialog__body\">\n            <slot />\n          </div>\n          <div class=\"hb-dialog__footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"+IAAA,MAAMA,EAAY,krPAClB,MAAAC,EAAeD,E,MCYFE,EAAM,M,oJAIQC,WAAsB,MAGvCC,MAAgB,GAGhBC,MAAgB,MAGhBC,WAAsB,MAGtBC,MAAiB,KAGjBC,kBAA6B,KAG7BC,mBAA8B,KAG9BC,UAAqB,KAGrBC,eAA0B,MAGzBC,OAGAC,QAGAC,SAEDC,OAAiB,EACjBC,SACAC,KAGR,mBAAAC,CAAoBC,GAClB,GAAIA,EAAQ,CACVC,KAAKL,OAASM,IACd,GAAID,KAAKb,MAAOe,IAChBF,KAAKR,OAAOW,OACZC,SAASC,iBAAiB,UAAWL,KAAKM,c,KACrC,CACL,GAAIN,KAAKb,MAAOoB,IAChBH,SAASI,oBAAoB,UAAWR,KAAKM,c,EAIjD,oBAAAG,GACE,GAAIT,KAAKjB,YAAciB,KAAKb,MAAOoB,IACnCH,SAASI,oBAAoB,UAAWR,KAAKM,eAC7CN,KAAKH,MAAMa,Y,CAGb,kBAAAC,GACE,IAAKX,KAAKJ,SAAU,OACpB,GAAII,KAAKjB,WAAY,CACnB,IAAKiB,KAAKH,KAAM,CACdG,KAAKH,KAAOe,EAAgB,CAAEC,UAAWb,KAAKJ,U,CAEhDI,KAAKH,KAAKiB,S,KACL,CACLd,KAAKH,MAAMa,Y,EAIPJ,cAAiBS,IACvB,GAAIf,KAAKX,oBAAsB0B,EAAEC,MAAQ,SAAU,CACjDhB,KAAKiB,O,GAIDA,MAAQ,KACdjB,KAAKjB,WAAa,MAClBiB,KAAKP,QAAQU,OACbe,YAAW,IAAMlB,KAAKN,SAASS,QAAQ,IAAI,EAGrCgB,mBAAqB,KAC3B,GAAInB,KAAKZ,kBAAmBY,KAAKiB,OAAO,EAG1C,MAAAG,GACE,GAAIpB,KAAKT,iBAAmBS,KAAKjB,WAAY,OAAO,KAEpD,OACEsC,EAAA,OAAKC,MAAO,CAAE,oBAAqB,KAAM,6BAA8BtB,KAAKjB,aACzEiB,KAAKb,OACJkC,EAAA,OACEC,MAAM,qBACNC,MAAO,CAAE5B,OAAQ6B,OAAOxB,KAAKL,SAC7B8B,QAASzB,KAAKmB,qBAGlBE,EAAA,OACEK,IAAMC,GAAQ3B,KAAKJ,SAAW+B,EAC9BL,MAAO,CACL,YAAa,KACb,wBAAyBtB,KAAKd,WAC9B,qBAAsBc,KAAKjB,YAE7BwC,MAAO,CACL5B,OAAQ6B,OAAOxB,KAAKL,OAAS,GAC7BV,MAAOe,KAAKd,WAAa,OAASc,KAAKf,OAEzC2C,KAAK,SAAQ,aACF,QAEXP,EAAA,OAAKC,MAAM,qBACTD,EAAA,QAAMC,MAAM,oBAAoBtB,KAAKhB,OACpCgB,KAAKV,WACJ+B,EAAA,UAAQQ,KAAK,SAASP,MAAM,mBAAkB,aAAY,KAAKG,QAASzB,KAAKiB,OAAK,MAGtFI,EAAA,OAAKC,MAAM,mBACTD,EAAA,cAEFA,EAAA,OAAKC,MAAM,qBACTD,EAAA,QAAMS,KAAK,a","ignoreList":[]}

package/dist/huibo-ui/p-a0015341.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t}from"./p-e42dfa95.js";const i='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.contents{display:contents}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-timeline{padding:var(--hb-spacing-sm)0;position:relative}.hb-timeline--left{padding-left:20px}.hb-timeline--right{padding-right:20px}.hb-timeline--left:before,.hb-timeline--right:before{background:var(--hb-color-border-secondary);bottom:var(--hb-spacing-sm);content:"";position:absolute;top:var(--hb-spacing-sm);width:2px}.hb-timeline--left:before{left:5px}.hb-timeline--right:before{right:5px}.hb-timeline--alternate:before{background:var(--hb-color-border-secondary);bottom:var(--hb-spacing-sm);content:"";left:50%;position:absolute;top:var(--hb-spacing-sm);transform:translate(-50%);width:2px}.hb-timeline__item{align-items:flex-start;display:flex;padding-bottom:var(--hb-spacing-md);position:relative}.hb-timeline--left .hb-timeline__item{padding-left:18px}.hb-timeline--left .hb-timeline__dot{left:-18px;position:absolute;top:4px}.hb-timeline--right .hb-timeline__item{justify-content:flex-end;padding-right:18px}.hb-timeline--right .hb-timeline__dot{position:absolute;right:-18px;top:4px}.hb-timeline--alternate .hb-timeline__item{width:50%}.hb-timeline--alternate .hb-timeline__item--left{left:0;padding-right:24px;text-align:right}.hb-timeline--alternate .hb-timeline__item--right{margin-left:50%;padding-left:24px}.hb-timeline--alternate .hb-timeline__dot{position:absolute;top:4px}.hb-timeline--alternate .hb-timeline__item--left .hb-timeline__dot{right:-7px}.hb-timeline--alternate .hb-timeline__item--right .hb-timeline__dot{left:-7px}.hb-timeline__content{min-width:0}.hb-timeline__content-text{color:var(--hb-color-text);font-size:var(--hb-font-size-sm)}.hb-timeline__time{color:var(--hb-color-text-secondary);font-size:var(--hb-font-size-xs);margin-top:2px}.hb-timeline__dot{border:2px solid var(--hb-color-bg-container);border-radius:50%;flex-shrink:0;height:10px;width:10px;z-index:1}.hb-timeline__dot--blue{background:var(--hb-color-primary)}.hb-timeline__dot--green{background:var(--hb-color-success)}.hb-timeline__dot--red{background:var(--hb-color-danger)}.hb-timeline__dot--gray{background:var(--hb-color-text-quaternary)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const o=i;const n=class{constructor(t){e(this,t)}mode="left";items=[];render(){return t("div",{key:"ea2098bc94d05340618eb088badcaa2c18136cf1",class:{"hb-timeline":true,[`hb-timeline--${this.mode}`]:true}},this.items.map(((e,i)=>t("div",{class:{"hb-timeline__item":true,"hb-timeline__item--right":this.mode==="alternate"&&i%2===1,"hb-timeline__item--left":this.mode==="alternate"&&i%2===0}},t("div",{class:"hb-timeline__content"},t("div",{class:"hb-timeline__content-text"},e.content),e.time&&t("div",{class:"hb-timeline__time"},e.time)),t("div",{class:{"hb-timeline__dot":true,[`hb-timeline__dot--${e.color||"blue"}`]:true}})))))}};n.style=o;export{n as hb_timeline};
+//# sourceMappingURL=p-a0015341.entry.js.map

package/dist/huibo-ui/p-a0015341.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["timelineCss","HbTimelineStyle0","Timeline","mode","items","render","h","key","class","this","map","item","i","content","time","color"],"sources":["src/components/Timeline/timeline.css?tag=hb-timeline&encapsulation=shadow","src/components/Timeline/Timeline.tsx"],"sourcesContent":[":host { display: block; }\n.hb-timeline { position: relative; padding: var(--hb-spacing-sm) 0; }\n\n/* 左右两侧共享的竖线（left/right 模式） */\n.hb-timeline--left { padding-left: 20px; }\n.hb-timeline--right { padding-right: 20px; }\n.hb-timeline--left::before,\n.hb-timeline--right::before {\n  content: '';\n  position: absolute;\n  top: var(--hb-spacing-sm);\n  bottom: var(--hb-spacing-sm);\n  width: 2px;\n  background: var(--hb-color-border-secondary);\n}\n.hb-timeline--left::before { left: 5px; }\n.hb-timeline--right::before { right: 5px; }\n\n/* 交替模式：竖线居中 */\n.hb-timeline--alternate::before {\n  content: '';\n  position: absolute;\n  top: var(--hb-spacing-sm);\n  bottom: var(--hb-spacing-sm);\n  left: 50%;\n  transform: translateX(-50%);\n  width: 2px;\n  background: var(--hb-color-border-secondary);\n}\n\n.hb-timeline__item {\n  position: relative;\n  padding-bottom: var(--hb-spacing-md);\n  display: flex;\n  align-items: flex-start;\n}\n/* left 模式：内容在右 */\n.hb-timeline--left .hb-timeline__item { padding-left: 18px; }\n.hb-timeline--left .hb-timeline__dot { position: absolute; left: -18px; top: 4px; }\n\n/* right 模式：内容在左 */\n.hb-timeline--right .hb-timeline__item { justify-content: flex-end; padding-right: 18px; }\n.hb-timeline--right .hb-timeline__dot { position: absolute; right: -18px; top: 4px; }\n\n/* alternate 模式：左右交替 */\n.hb-timeline--alternate .hb-timeline__item { width: 50%; }\n.hb-timeline--alternate .hb-timeline__item--left { left: 0; padding-right: 24px; text-align: right; }\n.hb-timeline--alternate .hb-timeline__item--right { margin-left: 50%; padding-left: 24px; }\n.hb-timeline--alternate .hb-timeline__dot {\n  position: absolute;\n  top: 4px;\n}\n.hb-timeline--alternate .hb-timeline__item--left .hb-timeline__dot { right: -7px; }\n.hb-timeline--alternate .hb-timeline__item--right .hb-timeline__dot { left: -7px; }\n\n.hb-timeline__content { min-width: 0; }\n.hb-timeline__content-text { font-size: var(--hb-font-size-sm); color: var(--hb-color-text); }\n.hb-timeline__time { font-size: var(--hb-font-size-xs); color: var(--hb-color-text-secondary); margin-top: 2px; }\n\n.hb-timeline__dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  border: 2px solid var(--hb-color-bg-container);\n  z-index: 1;\n}\n.hb-timeline__dot--blue { background: var(--hb-color-primary); }\n.hb-timeline__dot--green { background: var(--hb-color-success); }\n.hb-timeline__dot--red { background: var(--hb-color-danger); }\n.hb-timeline__dot--gray { background: var(--hb-color-text-quaternary); }\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Timeline 时间线组件\n * 按竖线渲染每个 item 的圆点 + 内容 + 时间，支持左/右/交替三种模式\n */\n@Component({ tag: 'hb-timeline', styleUrl: 'timeline.css', shadow: true })\nexport class Timeline {\n  /** 时间线模式 */\n  @Prop() mode: 'left' | 'alternate' | 'right' = 'left';\n\n  /** 时间线节点数组 */\n  @Prop() items: TimelineItem[] = [];\n\n  render() {\n    return (\n      <div class={{ 'hb-timeline': true, [`hb-timeline--${this.mode}`]: true }}>\n        {this.items.map((item, i) => (\n          <div\n            class={{\n              'hb-timeline__item': true,\n              'hb-timeline__item--right': this.mode === 'alternate' && i % 2 === 1,\n              'hb-timeline__item--left': this.mode === 'alternate' && i % 2 === 0,\n            }}\n          >\n            <div class=\"hb-timeline__content\">\n              <div class=\"hb-timeline__content-text\">{item.content}</div>\n              {item.time && <div class=\"hb-timeline__time\">{item.time}</div>}\n            </div>\n            <div class={{ 'hb-timeline__dot': true, [`hb-timeline__dot--${item.color || 'blue'}`]: true }}></div>\n          </div>\n        ))}\n      </div>\n    );\n  }\n}\n\nexport interface TimelineItem {\n  content: string;\n  time?: string;\n  color?: 'blue' | 'green' | 'red' | 'gray';\n}\n"],"mappings":"2CAAA,MAAMA,EAAc,ymPACpB,MAAAC,EAAeD,E,MCMFE,EAAQ,M,yBAEXC,KAAuC,OAGvCC,MAAwB,GAEhC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,cAAe,KAAM,CAAC,gBAAgBC,KAAKN,QAAS,OAC/DM,KAAKL,MAAMM,KAAI,CAACC,EAAMC,IACrBN,EAAA,OACEE,MAAO,CACL,oBAAqB,KACrB,2BAA4BC,KAAKN,OAAS,aAAeS,EAAI,IAAM,EACnE,0BAA2BH,KAAKN,OAAS,aAAeS,EAAI,IAAM,IAGpEN,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,6BAA6BG,EAAKE,SAC5CF,EAAKG,MAAQR,EAAA,OAAKE,MAAM,qBAAqBG,EAAKG,OAErDR,EAAA,OAAKE,MAAO,CAAE,mBAAoB,KAAM,CAAC,qBAAqBG,EAAKI,OAAS,UAAW,W","ignoreList":[]}

package/dist/huibo-ui/p-a042e3d0.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,g as e,h as o}from"./p-e42dfa95.js";const a='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{--hb-input-tag-font-size:14px;--hb-input-tag-height:32px;--hb-input-tag-border-color:var(--hb-border-color,#dcdfe6);--hb-input-tag-border-color-hover:var(--hb-color-primary);--hb-input-tag-bg-color:var(--hb-color-white,#fff);display:inline-block}.hb-input-tag{align-items:center;background-color:var(--hb-input-tag-bg-color);border:1px solid var(--hb-input-tag-border-color);border-radius:4px;box-sizing:border-box;display:inline-flex;flex-wrap:wrap;min-height:var(--hb-input-tag-height);padding:0 8px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-input-tag--focused,.hb-input-tag:hover:not(.hb-input-tag--disabled){border-color:var(--hb-input-tag-border-color-hover)}.hb-input-tag__tag{align-items:center;background-color:var(--hb-fill-color-light,#f0f2f5);border:1px solid var(--hb-border-color-lighter,#e4e7ed);border-radius:4px;color:var(--hb-color-text-regular,#606266);display:inline-flex;font-size:12px;height:24px;margin:2px 4px 2px 0;padding:0 8px}.hb-input-tag__tag--success{background-color:var(--hb-color-success-light-9,#f0f9ff);border-color:var(--hb-color-success-light-7,#b3e19d);color:var(--hb-color-success,#67c23a)}.hb-input-tag__tag--info{background-color:var(--hb-color-info-light-9,#f4f4f5);border-color:var(--hb-color-info-light-7,#c8c9cc);color:var(--hb-color-info,#909399)}.hb-input-tag__tag--warning{background-color:var(--hb-color-warning-light-9,#fdf6ec);border-color:var(--hb-color-warning-light-7,#f5dab1);color:var(--hb-color-warning,#e6a23c)}.hb-input-tag__tag--danger{background-color:var(--hb-color-danger-light-9,#fef0f0);border-color:var(--hb-color-danger-light-7,#fbc4c4);color:var(--hb-color-danger,#f56c6c)}.hb-input-tag__tag-text{margin-right:4px}.hb-input-tag__tag-close{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:pointer;font-size:14px;transition:color .2s}.hb-input-tag__tag-close:hover{color:var(--hb-color-text-regular,#606266)}.hb-input-tag__clear{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:pointer;font-size:14px;margin-left:4px;padding:0 2px;transition:color .2s}.hb-input-tag__clear:hover,.hb-input-tag__input{color:var(--hb-color-text-regular,#606266)}.hb-input-tag__input{background:0 0;border:none;flex:1;font-size:var(--hb-input-tag-font-size);height:24px;line-height:24px;margin:2px 0;min-width:60px;outline:none;padding:0}.hb-input-tag__input::placeholder{color:var(--hb-color-text-placeholder,#c0c4cc)}.hb-input-tag--small{min-height:24px;padding:0 6px}.hb-input-tag--small .hb-input-tag__tag{font-size:11px;height:20px;padding:0 6px}.hb-input-tag--small .hb-input-tag__input{font-size:12px;height:20px;line-height:20px}.hb-input-tag--large{min-height:40px;padding:0 10px}.hb-input-tag--large .hb-input-tag__tag{font-size:13px;height:28px;padding:0 10px}.hb-input-tag--large .hb-input-tag__input{font-size:16px;height:28px;line-height:28px}.hb-input-tag--disabled{background-color:var(--hb-fill-color-light,#f5f7fa);border-color:var(--hb-input-tag-border-color);cursor:not-allowed}.hb-input-tag--disabled .hb-input-tag__input{color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}';const r=a;const n=class{constructor(e){t(this,e);this.hbChange=i(this,"hbChange",7);this.hbRemove=i(this,"hbRemove",7);this.hbInput=i(this,"hbInput",7)}get el(){return e(this)}modelValue=[];size="default";disabled=false;placeholder;maxlength;max;clearable=false;width;type;closable=true;inputVisible=true;inputValue="";isFocused=false;inputRef;hbChange;hbRemove;hbInput;handleInput=t=>{const i=t.target;this.inputValue=i.value;this.hbInput.emit(i.value)};handleKeyDown=t=>{if(t.key==="Enter"&&this.inputValue.trim()){t.preventDefault();this.addTag(this.inputValue.trim())}else if(t.key==="Backspace"&&!this.inputValue&&this.modelValue.length>0){this.removeTag(this.modelValue[this.modelValue.length-1])}};handleFocus=()=>{this.isFocused=true};handleBlur=()=>{this.isFocused=false;if(this.inputValue.trim()){this.addTag(this.inputValue.trim())}};addTag(t){if(this.max&&this.modelValue.length>=this.max){return}if(!this.modelValue.includes(t)){const i=[...this.modelValue,t];this.modelValue=i;this.inputValue="";this.hbChange.emit(i);if(this.inputRef){this.inputRef.value=""}}}removeTag(t){const i=this.modelValue.filter((i=>i!==t));this.modelValue=i;this.hbChange.emit(i);this.hbRemove.emit(t)}handleClearAll=t=>{t.stopPropagation();this.modelValue=[];this.hbChange.emit([])};render(){return o("div",{key:"8623f46b1c4b3a6fbc2f3e1238695d34f08eac16",class:{"hb-input-tag":true,[`hb-input-tag--${this.size}`]:true,"hb-input-tag--disabled":this.disabled,"hb-input-tag--focused":this.isFocused},style:this.width?{width:this.width}:undefined},this.modelValue.map((t=>o("span",{class:{"hb-input-tag__tag":true,[`hb-input-tag__tag--${this.type}`]:!!this.type}},o("span",{class:"hb-input-tag__tag-text"},t),this.closable&&o("span",{class:"hb-input-tag__tag-close",onClick:()=>this.removeTag(t)},"×")))),this.inputVisible&&(!this.max||this.modelValue.length<this.max)&&o("input",{key:"16c0936153b04ffb0ad4949f66c7994470b7fb91",ref:t=>this.inputRef=t,type:"text",class:"hb-input-tag__input",placeholder:this.placeholder,value:this.inputValue,disabled:this.disabled,maxlength:this.maxlength,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur}),this.clearable&&this.modelValue.length>0&&!this.disabled&&o("span",{key:"9995f3650302013f402f8bd3878c5ce974dfbc00",class:"hb-input-tag__clear",onClick:this.handleClearAll},"×"))}};n.style=r;export{n as hb_input_tag};
+//# sourceMappingURL=p-a042e3d0.entry.js.map

package/dist/huibo-ui/p-a042e3d0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputTagCss","HbInputTagStyle0","InputTag","modelValue","size","disabled","placeholder","maxlength","max","clearable","width","type","closable","inputVisible","inputValue","isFocused","inputRef","hbChange","hbRemove","hbInput","handleInput","e","target","this","value","emit","handleKeyDown","key","trim","preventDefault","addTag","length","removeTag","handleFocus","handleBlur","tag","includes","newValue","filter","t","handleClearAll","stopPropagation","render","h","class","style","undefined","map","onClick","ref","el","onInput","onKeyDown","onFocus","onBlur"],"sources":["src/components/InputTag/input-tag.css?tag=hb-input-tag&encapsulation=shadow","src/components/InputTag/InputTag.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --hb-input-tag-font-size: 14px;\n  --hb-input-tag-height: 32px;\n  --hb-input-tag-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-input-tag-border-color-hover: var(--hb-color-primary);\n  --hb-input-tag-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-input-tag {\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 0 8px;\n  min-height: var(--hb-input-tag-height);\n  border: 1px solid var(--hb-input-tag-border-color);\n  border-radius: 4px;\n  background-color: var(--hb-input-tag-bg-color);\n  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.hb-input-tag:hover:not(.hb-input-tag--disabled) {\n  border-color: var(--hb-input-tag-border-color-hover);\n}\n\n.hb-input-tag--focused {\n  border-color: var(--hb-input-tag-border-color-hover);\n}\n\n.hb-input-tag__tag {\n  display: inline-flex;\n  align-items: center;\n  height: 24px;\n  padding: 0 8px;\n  margin: 2px 4px 2px 0;\n  background-color: var(--hb-fill-color-light, #f0f2f5);\n  border: 1px solid var(--hb-border-color-lighter, #e4e7ed);\n  border-radius: 4px;\n  font-size: 12px;\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-input-tag__tag--success {\n  background-color: var(--hb-color-success-light-9, #f0f9ff);\n  border-color: var(--hb-color-success-light-7, #b3e19d);\n  color: var(--hb-color-success, #67c23a);\n}\n\n.hb-input-tag__tag--info {\n  background-color: var(--hb-color-info-light-9, #f4f4f5);\n  border-color: var(--hb-color-info-light-7, #c8c9cc);\n  color: var(--hb-color-info, #909399);\n}\n\n.hb-input-tag__tag--warning {\n  background-color: var(--hb-color-warning-light-9, #fdf6ec);\n  border-color: var(--hb-color-warning-light-7, #f5dab1);\n  color: var(--hb-color-warning, #e6a23c);\n}\n\n.hb-input-tag__tag--danger {\n  background-color: var(--hb-color-danger-light-9, #fef0f0);\n  border-color: var(--hb-color-danger-light-7, #fbc4c4);\n  color: var(--hb-color-danger, #f56c6c);\n}\n\n.hb-input-tag__tag-text {\n  margin-right: 4px;\n}\n\n.hb-input-tag__tag-close {\n  cursor: pointer;\n  font-size: 14px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  transition: color 0.2s;\n}\n\n.hb-input-tag__tag-close:hover {\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-input-tag__clear {\n  cursor: pointer;\n  margin-left: 4px;\n  padding: 0 2px;\n  font-size: 14px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  transition: color 0.2s;\n}\n\n.hb-input-tag__clear:hover {\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-input-tag__input {\n  flex: 1;\n  min-width: 60px;\n  height: 24px;\n  line-height: 24px;\n  padding: 0;\n  margin: 2px 0;\n  border: none;\n  outline: none;\n  font-size: var(--hb-input-tag-font-size);\n  color: var(--hb-color-text-regular, #606266);\n  background: transparent;\n}\n\n.hb-input-tag__input::placeholder {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-input-tag--small {\n  min-height: 24px;\n  padding: 0 6px;\n}\n\n.hb-input-tag--small .hb-input-tag__tag {\n  height: 20px;\n  font-size: 11px;\n  padding: 0 6px;\n}\n\n.hb-input-tag--small .hb-input-tag__input {\n  height: 20px;\n  line-height: 20px;\n  font-size: 12px;\n}\n\n.hb-input-tag--large {\n  min-height: 40px;\n  padding: 0 10px;\n}\n\n.hb-input-tag--large .hb-input-tag__tag {\n  height: 28px;\n  font-size: 13px;\n  padding: 0 10px;\n}\n\n.hb-input-tag--large .hb-input-tag__input {\n  height: 28px;\n  line-height: 28px;\n  font-size: 16px;\n}\n\n.hb-input-tag--disabled {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-input-tag-border-color);\n  cursor: not-allowed;\n}\n\n.hb-input-tag--disabled .hb-input-tag__input {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Element } from '@stencil/core';\n\n/**\n * InputTag 标签输入框组件\n * 通过回车或者标签关闭按钮添加/删除标签\n */\n@Component({\n  tag: 'hb-input-tag',\n  styleUrl: 'input-tag.css',\n  shadow: true,\n})\nexport class InputTag {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: string[] = [];\n\n  /**\n   * 输入框尺寸\n   */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 输入框占位文本\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * 输入框最大长度\n   */\n  @Prop() maxlength?: number;\n\n  /**\n   * 最大标签数量\n   */\n  @Prop() max?: number;\n\n  /**\n   * 是否可清空\n   * @default false\n   */\n  @Prop() clearable: boolean = false;\n\n  /**\n   * 输入框宽度\n   */\n  @Prop() width?: string;\n\n  /**\n   * 标签类型\n   */\n  @Prop() type?: 'success' | 'info' | 'warning' | 'danger';\n\n  /**\n   * 是否可关闭\n   * @default true\n   */\n  @Prop() closable: boolean = true;\n\n  /**\n   * 输入框是否可见\n   * @default true\n   */\n  @Prop() inputVisible: boolean = true;\n\n  @State() inputValue: string = '';\n  @State() isFocused: boolean = false;\n\n  private inputRef?: HTMLInputElement;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<string[]>;\n\n  /**\n   * 移除标签时触发\n   */\n  @Event() hbRemove: EventEmitter<string>;\n\n  /**\n   * 输入事件\n   */\n  @Event() hbInput: EventEmitter<string>;\n\n  private handleInput = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.inputValue = target.value;\n    this.hbInput.emit(target.value);\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' && this.inputValue.trim()) {\n      e.preventDefault();\n      this.addTag(this.inputValue.trim());\n    } else if (e.key === 'Backspace' && !this.inputValue && this.modelValue.length > 0) {\n      this.removeTag(this.modelValue[this.modelValue.length - 1]);\n    }\n  };\n\n  private handleFocus = () => {\n    this.isFocused = true;\n  };\n\n  private handleBlur = () => {\n    this.isFocused = false;\n    if (this.inputValue.trim()) {\n      this.addTag(this.inputValue.trim());\n    }\n  };\n\n  private addTag(tag: string) {\n    if (this.max && this.modelValue.length >= this.max) {\n      return;\n    }\n    \n    if (!this.modelValue.includes(tag)) {\n      const newValue = [...this.modelValue, tag];\n      this.modelValue = newValue;\n      this.inputValue = '';\n      this.hbChange.emit(newValue);\n      if (this.inputRef) {\n        this.inputRef.value = '';\n      }\n    }\n  }\n\n  private removeTag(tag: string) {\n    const newValue = this.modelValue.filter(t => t !== tag);\n    this.modelValue = newValue;\n    this.hbChange.emit(newValue);\n    this.hbRemove.emit(tag);\n  }\n\n  private handleClearAll = (e: Event) => {\n    e.stopPropagation();\n    this.modelValue = [];\n    this.hbChange.emit([]);\n  };\n\n  render() {\n    return (\n      <div\n        class={{\n          'hb-input-tag': true,\n          [`hb-input-tag--${this.size}`]: true,\n          'hb-input-tag--disabled': this.disabled,\n          'hb-input-tag--focused': this.isFocused,\n        }}\n        style={this.width ? { width: this.width } : undefined}\n      >\n        {this.modelValue.map((tag) => (\n          <span\n            class={{\n              'hb-input-tag__tag': true,\n              [`hb-input-tag__tag--${this.type}`]: !!this.type,\n            }}\n          >\n            <span class=\"hb-input-tag__tag-text\">{tag}</span>\n            {this.closable && (\n              <span\n                class=\"hb-input-tag__tag-close\"\n                onClick={() => this.removeTag(tag)}\n              >\n                ×\n              </span>\n            )}\n          </span>\n        ))}\n        {this.inputVisible && (!this.max || this.modelValue.length < this.max) && (\n          <input\n            ref={(el) => (this.inputRef = el)}\n            type=\"text\"\n            class=\"hb-input-tag__input\"\n            placeholder={this.placeholder}\n            value={this.inputValue}\n            disabled={this.disabled}\n            maxlength={this.maxlength}\n            onInput={this.handleInput}\n            onKeyDown={this.handleKeyDown}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n          />\n        )}\n        {this.clearable && this.modelValue.length > 0 && !this.disabled && (\n          <span class=\"hb-input-tag__clear\" onClick={this.handleClearAll}>×</span>\n        )}\n      </div>\n    );\n  }\n}\n\n"],"mappings":"yDAAA,MAAMA,EAAc,qxTACpB,MAAAC,EAAeD,E,MCUFE,EAAQ,M,wJAMMC,WAAuB,GAKxCC,KAAsC,UAMtCC,SAAoB,MAKpBC,YAKAC,UAKAC,IAMAC,UAAqB,MAKrBC,MAKAC,KAMAC,SAAoB,KAMpBC,aAAwB,KAEvBC,WAAqB,GACrBC,UAAqB,MAEtBC,SAKCC,SAKAC,SAKAC,QAEDC,YAAeC,IACrB,MAAMC,EAASD,EAAEC,OACjBC,KAAKT,WAAaQ,EAAOE,MACzBD,KAAKJ,QAAQM,KAAKH,EAAOE,MAAM,EAGzBE,cAAiBL,IACvB,GAAIA,EAAEM,MAAQ,SAAWJ,KAAKT,WAAWc,OAAQ,CAC/CP,EAAEQ,iBACFN,KAAKO,OAAOP,KAAKT,WAAWc,O,MACvB,GAAIP,EAAEM,MAAQ,cAAgBJ,KAAKT,YAAcS,KAAKpB,WAAW4B,OAAS,EAAG,CAClFR,KAAKS,UAAUT,KAAKpB,WAAWoB,KAAKpB,WAAW4B,OAAS,G,GAIpDE,YAAc,KACpBV,KAAKR,UAAY,IAAI,EAGfmB,WAAa,KACnBX,KAAKR,UAAY,MACjB,GAAIQ,KAAKT,WAAWc,OAAQ,CAC1BL,KAAKO,OAAOP,KAAKT,WAAWc,O,GAIxB,MAAAE,CAAOK,GACb,GAAIZ,KAAKf,KAAOe,KAAKpB,WAAW4B,QAAUR,KAAKf,IAAK,CAClD,M,CAGF,IAAKe,KAAKpB,WAAWiC,SAASD,GAAM,CAClC,MAAME,EAAW,IAAId,KAAKpB,WAAYgC,GACtCZ,KAAKpB,WAAakC,EAClBd,KAAKT,WAAa,GAClBS,KAAKN,SAASQ,KAAKY,GACnB,GAAId,KAAKP,SAAU,CACjBO,KAAKP,SAASQ,MAAQ,E,GAKpB,SAAAQ,CAAUG,GAChB,MAAME,EAAWd,KAAKpB,WAAWmC,QAAOC,GAAKA,IAAMJ,IACnDZ,KAAKpB,WAAakC,EAClBd,KAAKN,SAASQ,KAAKY,GACnBd,KAAKL,SAASO,KAAKU,E,CAGbK,eAAkBnB,IACxBA,EAAEoB,kBACFlB,KAAKpB,WAAa,GAClBoB,KAAKN,SAASQ,KAAK,GAAG,EAGxB,MAAAiB,GACE,OACEC,EAAA,OAAAhB,IAAA,2CACEiB,MAAO,CACL,eAAgB,KAChB,CAAC,iBAAiBrB,KAAKnB,QAAS,KAChC,yBAA0BmB,KAAKlB,SAC/B,wBAAyBkB,KAAKR,WAEhC8B,MAAOtB,KAAKb,MAAQ,CAAEA,MAAOa,KAAKb,OAAUoC,WAE3CvB,KAAKpB,WAAW4C,KAAKZ,GACpBQ,EAAA,QACEC,MAAO,CACL,oBAAqB,KACrB,CAAC,sBAAsBrB,KAAKZ,UAAWY,KAAKZ,OAG9CgC,EAAA,QAAMC,MAAM,0BAA0BT,GACrCZ,KAAKX,UACJ+B,EAAA,QACEC,MAAM,0BACNI,QAAS,IAAMzB,KAAKS,UAAUG,IAAI,QAOzCZ,KAAKV,gBAAkBU,KAAKf,KAAOe,KAAKpB,WAAW4B,OAASR,KAAKf,MAChEmC,EAAA,SAAAhB,IAAA,2CACEsB,IAAMC,GAAQ3B,KAAKP,SAAWkC,EAC9BvC,KAAK,OACLiC,MAAM,sBACNtC,YAAaiB,KAAKjB,YAClBkB,MAAOD,KAAKT,WACZT,SAAUkB,KAAKlB,SACfE,UAAWgB,KAAKhB,UAChB4C,QAAS5B,KAAKH,YACdgC,UAAW7B,KAAKG,cAChB2B,QAAS9B,KAAKU,YACdqB,OAAQ/B,KAAKW,aAGhBX,KAAKd,WAAac,KAAKpB,WAAW4B,OAAS,IAAMR,KAAKlB,UACrDsC,EAAA,QAAAhB,IAAA,2CAAMiB,MAAM,sBAAsBI,QAASzB,KAAKiB,gBAAc,K","ignoreList":[]}

package/dist/huibo-ui/p-ad6b0c6e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,g as e,h as i}from"./p-e42dfa95.js";import{c as o,g as a}from"./p-ecce2b5e.js";const r='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;.hb-tooltip__trigger,:host{display:inline-block}.hb-tooltip__popup{background-color:var(--hb-p-gray-800);border-radius:var(--hb-border-radius-sm);box-shadow:var(--hb-box-shadow);color:#fff;font-size:var(--hb-font-size-sm);pointer-events:auto;word-wrap:break-word;animation:hb-tooltip-fade-in .15s ease-out;line-height:1.4;max-width:300px;padding:6px 12px;position:fixed}.hb-tooltip__arrow{background-color:var(--hb-p-gray-800);height:8px;position:absolute;transform:rotate(45deg);width:8px}.hb-tooltip__content{position:relative;z-index:1}@keyframes hb-tooltip-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const n=r;const s=class{constructor(e){t(this,e)}get el(){return e(this)}content="";placement="top";trigger="hover";disabled=false;showArrow=true;visible=false;popupStyle={};triggerRef;popupRef;hideTimer;show=()=>{if(this.disabled)return;clearTimeout(this.hideTimer);this.visible=true;requestAnimationFrame((()=>this.updatePosition()))};hide=()=>{this.hideTimer=setTimeout((()=>{this.visible=false}),100)};toggle=()=>{if(this.disabled)return;if(this.visible){this.hide()}else{this.show()}};updatePosition(){if(!this.triggerRef||!this.popupRef)return;const t=this.triggerRef.getBoundingClientRect();const{width:e,height:i}=this.popupRef.getBoundingClientRect();const r=o(t,e,i,this.placement,8);this.popupStyle={top:`${r.top}px`,left:`${r.left}px`,zIndex:String(a())}}render(){const t=this.trigger==="hover"?{onMouseEnter:this.show,onMouseLeave:this.hide}:{onClick:this.toggle};return i("div",{key:"e98d79b104fc92f63d77cbd87c490d84e0646c64",class:"hb-tooltip",...t},i("div",{key:"74088a95833070259d447d57e03a894f20d0e044",ref:t=>{this.triggerRef=t},class:"hb-tooltip__trigger"},i("slot",{key:"ce84437a1fedd763630764a5627763a4601d195e"})),this.visible&&i("div",{key:"1b5b74c439a5925c3cf10fc552369bd83354fcf4",ref:t=>{this.popupRef=t},class:"hb-tooltip__popup",style:this.popupStyle,onMouseEnter:()=>this.trigger==="hover"&&this.show(),onMouseLeave:()=>this.trigger==="hover"&&this.hide()},this.showArrow&&i("div",{key:"73b08948dcc030a487a0d0f11afbb2fb4bcbdc51",class:"hb-tooltip__arrow"}),i("div",{key:"564f396c5eb5e3cb5bffe7dc8ec956c54bfc484d",class:"hb-tooltip__content"},this.content)))}};s.style=n;export{s as hb_tooltip};
+//# sourceMappingURL=p-ad6b0c6e.entry.js.map

package/dist/huibo-ui/p-ad6b0c6e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tooltipCss","HbTooltipStyle0","Tooltip","content","placement","trigger","disabled","showArrow","visible","popupStyle","triggerRef","popupRef","hideTimer","show","this","clearTimeout","requestAnimationFrame","updatePosition","hide","setTimeout","toggle","triggerRect","getBoundingClientRect","width","height","pos","computePosition","top","left","zIndex","String","getNextZIndex","render","triggerEvents","onMouseEnter","onMouseLeave","onClick","h","key","class","ref","el","style"],"sources":["src/components/Tooltip/tooltip.css?tag=hb-tooltip&encapsulation=shadow","src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.hb-tooltip__trigger {\n  display: inline-block;\n}\n\n.hb-tooltip__popup {\n  position: fixed;\n  padding: 6px 12px;\n  border-radius: var(--hb-border-radius-sm);\n  background-color: var(--hb-p-gray-800);\n  color: #fff;\n  font-size: var(--hb-font-size-sm);\n  line-height: 1.4;\n  pointer-events: auto;\n  box-shadow: var(--hb-box-shadow);\n  animation: hb-tooltip-fade-in 0.15s ease-out;\n  max-width: 300px;\n  word-wrap: break-word;\n}\n\n.hb-tooltip__arrow {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: var(--hb-p-gray-800);\n  transform: rotate(45deg);\n}\n\n.hb-tooltip__content {\n  position: relative;\n  z-index: 1;\n}\n\n@keyframes hb-tooltip-fade-in {\n  from { opacity: 0; transform: scale(0.95); }\n  to   { opacity: 1; transform: scale(1); }\n}\n","import { Component, h, Prop, State, Element } from '@stencil/core';\nimport { computePosition, getNextZIndex, Placement } from '../../utils/popup-manager';\n\n/**\n * Tooltip 文字提示组件\n * 鼠标悬停或点击时显示提示文字\n */\n@Component({\n  tag: 'hb-tooltip',\n  styleUrl: 'tooltip.css',\n  shadow: true,\n})\nexport class Tooltip {\n  @Element() el: HTMLElement;\n\n  /** 提示文字 */\n  @Prop() content: string = '';\n\n  /** 弹出位置 */\n  @Prop() placement: Placement = 'top';\n\n  /** 触发方式 */\n  @Prop() trigger: 'hover' | 'click' = 'hover';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否显示箭头 */\n  @Prop() showArrow: boolean = true;\n\n  @State() visible: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n  private hideTimer?: ReturnType<typeof setTimeout>;\n\n  private show = () => {\n    if (this.disabled) return;\n    clearTimeout(this.hideTimer);\n    this.visible = true;\n    requestAnimationFrame(() => this.updatePosition());\n  };\n\n  private hide = () => {\n    this.hideTimer = setTimeout(() => { this.visible = false; }, 100);\n  };\n\n  private toggle = () => {\n    if (this.disabled) return;\n    if (this.visible) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  };\n\n  private updatePosition() {\n    if (!this.triggerRef || !this.popupRef) return;\n    const triggerRect = this.triggerRef.getBoundingClientRect();\n    const { width, height } = this.popupRef.getBoundingClientRect();\n    const pos = computePosition(triggerRect, width, height, this.placement, 8);\n    this.popupStyle = {\n      top: `${pos.top}px`,\n      left: `${pos.left}px`,\n      zIndex: String(getNextZIndex()),\n    };\n  }\n\n  render() {\n    const triggerEvents = this.trigger === 'hover'\n      ? { onMouseEnter: this.show, onMouseLeave: this.hide }\n      : { onClick: this.toggle };\n\n    return (\n      <div class=\"hb-tooltip\" {...triggerEvents}>\n        <div\n          ref={(el: any) => { this.triggerRef = el; }}\n          class=\"hb-tooltip__trigger\"\n        >\n          <slot />\n        </div>\n        {this.visible && (\n          <div\n            ref={(el: any) => { this.popupRef = el; }}\n            class=\"hb-tooltip__popup\"\n            style={this.popupStyle}\n            onMouseEnter={() => this.trigger === 'hover' && this.show()}\n            onMouseLeave={() => this.trigger === 'hover' && this.hide()}\n          >\n            {this.showArrow && <div class=\"hb-tooltip__arrow\" />}\n            <div class=\"hb-tooltip__content\">{this.content}</div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAa,ktMACnB,MAAAC,EAAeD,E,MCWFE,EAAO,M,iDAIVC,QAAkB,GAGlBC,UAAuB,MAGvBC,QAA6B,QAG7BC,SAAoB,MAGpBC,UAAqB,KAEpBC,QAAmB,MACnBC,WAAqC,GAEtCC,WACAC,SACAC,UAEAC,KAAO,KACb,GAAIC,KAAKR,SAAU,OACnBS,aAAaD,KAAKF,WAClBE,KAAKN,QAAU,KACfQ,uBAAsB,IAAMF,KAAKG,kBAAiB,EAG5CC,KAAO,KACbJ,KAAKF,UAAYO,YAAW,KAAQL,KAAKN,QAAU,KAAK,GAAK,IAAI,EAG3DY,OAAS,KACf,GAAIN,KAAKR,SAAU,OACnB,GAAIQ,KAAKN,QAAS,CAChBM,KAAKI,M,KACA,CACLJ,KAAKD,M,GAID,cAAAI,GACN,IAAKH,KAAKJ,aAAeI,KAAKH,SAAU,OACxC,MAAMU,EAAcP,KAAKJ,WAAWY,wBACpC,MAAMC,MAAEA,EAAKC,OAAEA,GAAWV,KAAKH,SAASW,wBACxC,MAAMG,EAAMC,EAAgBL,EAAaE,EAAOC,EAAQV,KAAKV,UAAW,GACxEU,KAAKL,WAAa,CAChBkB,IAAK,GAAGF,EAAIE,QACZC,KAAM,GAAGH,EAAIG,SACbC,OAAQC,OAAOC,K,CAInB,MAAAC,GACE,MAAMC,EAAgBnB,KAAKT,UAAY,QACnC,CAAE6B,aAAcpB,KAAKD,KAAMsB,aAAcrB,KAAKI,MAC9C,CAAEkB,QAAStB,KAAKM,QAEpB,OACEiB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBAAiBN,GAC1BI,EAAA,OAAAC,IAAA,2CACEE,IAAMC,IAAc3B,KAAKJ,WAAa+B,CAAE,EACxCF,MAAM,uBAENF,EAAA,QAAAC,IAAA,8CAEDxB,KAAKN,SACJ6B,EAAA,OAAAC,IAAA,2CACEE,IAAMC,IAAc3B,KAAKH,SAAW8B,CAAE,EACtCF,MAAM,oBACNG,MAAO5B,KAAKL,WACZyB,aAAc,IAAMpB,KAAKT,UAAY,SAAWS,KAAKD,OACrDsB,aAAc,IAAMrB,KAAKT,UAAY,SAAWS,KAAKI,QAEpDJ,KAAKP,WAAa8B,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBAC9BF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBAAuBzB,KAAKX,U","ignoreList":[]}

package/dist/huibo-ui/p-b489a526.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e}from"./p-e42dfa95.js";const i='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.hidden{display:none}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:inline-block}.hb-badge{display:inline-block;position:relative}.hb-badge__content{background-color:var(--hb-color-danger);border-radius:999px;color:#fff;font-size:12px;line-height:1;padding:3px 6px;position:absolute;right:0;top:0;transform:translate(50%,-50%);white-space:nowrap}.hb-badge__content--dot{border-radius:50%;height:8px;padding:0;width:8px}.hb-badge__content--primary{background-color:var(--hb-color-primary)}.hb-badge__content--success{background-color:var(--hb-color-success)}.hb-badge__content--warning{background-color:var(--hb-color-warning)}.hb-badge__content--info{background-color:var(--hb-color-info)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const o=i;const n=class{constructor(e){t(this,e)}value="";max=99;isDot=false;hidden=false;type="danger";get displayValue(){if(this.isDot)return"";const t=typeof this.value==="number"?this.value:parseInt(this.value,10);if(!isNaN(t)&&t>this.max)return`${this.max}+`;return String(this.value)}render(){return e("div",{key:"e979ef5ba0392f4d7f802a8019f1c81ced8f8eac",class:"hb-badge"},e("slot",{key:"8c1083ff2f2699bbf2652199e3a40b3690c7ab45"}),!this.hidden&&e("sup",{key:"955da69dfdb7543ef65eb8d811c4d95f4789fe87",class:{"hb-badge__content":true,[`hb-badge__content--${this.type}`]:true,"hb-badge__content--dot":this.isDot}},this.displayValue))}};n.style=o;export{n as hb_badge};
+//# sourceMappingURL=p-b489a526.entry.js.map

package/dist/huibo-ui/p-b489a526.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["badgeCss","HbBadgeStyle0","Badge","value","max","isDot","hidden","type","displayValue","this","num","parseInt","isNaN","String","render","h","key","class"],"sources":["src/components/Badge/badge.css?tag=hb-badge&encapsulation=shadow","src/components/Badge/Badge.tsx"],"sourcesContent":[":host { display: inline-block; }\n.hb-badge { position: relative; display: inline-block; }\n.hb-badge__content {\n  position: absolute; top: 0; right: 0;\n  transform: translate(50%, -50%);\n  background-color: var(--hb-color-danger);\n  color: #fff;\n  font-size: 12px; line-height: 1;\n  padding: 3px 6px;\n  border-radius: 999px;\n  white-space: nowrap;\n}\n.hb-badge__content--dot { width: 8px; height: 8px; padding: 0; border-radius: 50%; }\n.hb-badge__content--primary { background-color: var(--hb-color-primary); }\n.hb-badge__content--success { background-color: var(--hb-color-success); }\n.hb-badge__content--warning { background-color: var(--hb-color-warning); }\n.hb-badge__content--info    { background-color: var(--hb-color-info); }\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({ tag: 'hb-badge', styleUrl: 'badge.css', shadow: true })\nexport class Badge {\n  @Prop() value: string | number = '';\n  @Prop() max: number = 99;\n  @Prop() isDot: boolean = false;\n  @Prop() hidden: boolean = false;\n  @Prop() type: 'primary' | 'success' | 'warning' | 'danger' | 'info' = 'danger';\n\n  private get displayValue(): string {\n    if (this.isDot) return '';\n    const num = typeof this.value === 'number' ? this.value : parseInt(this.value, 10);\n    if (!isNaN(num) && num > this.max) return `${this.max}+`;\n    return String(this.value);\n  }\n\n  render() {\n    return (\n      <div class=\"hb-badge\">\n        <slot />\n        {!this.hidden && (\n          <sup class={{ 'hb-badge__content': true, [`hb-badge__content--${this.type}`]: true, 'hb-badge__content--dot': this.isDot }}>\n            {this.displayValue}\n          </sup>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAW,0sMACjB,MAAAC,EAAeD,E,MCEFE,EAAK,M,yBACRC,MAAyB,GACzBC,IAAc,GACdC,MAAiB,MACjBC,OAAkB,MAClBC,KAA8D,SAEtE,gBAAYC,GACV,GAAIC,KAAKJ,MAAO,MAAO,GACvB,MAAMK,SAAaD,KAAKN,QAAU,SAAWM,KAAKN,MAAQQ,SAASF,KAAKN,MAAO,IAC/E,IAAKS,MAAMF,IAAQA,EAAMD,KAAKL,IAAK,MAAO,GAAGK,KAAKL,OAClD,OAAOS,OAAOJ,KAAKN,M,CAGrB,MAAAW,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,YACTF,EAAA,QAAAC,IAAA,8CACEP,KAAKH,QACLS,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,oBAAqB,KAAM,CAAC,sBAAsBR,KAAKF,QAAS,KAAM,yBAA0BE,KAAKJ,QAChHI,KAAKD,c","ignoreList":[]}

package/dist/huibo-ui/p-be48d2aa.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as i,h as a}from"./p-e42dfa95.js";import{c as r}from"./p-4ef5a884.js";import{p as o,f as n,a as s,g as d,M as l,W as c}from"./p-cf94cbf6.js";const h='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{--hb-date-time-picker-font-size:14px;--hb-date-time-picker-height:32px;--hb-date-time-picker-border-color:var(--hb-border-color,#dcdfe6);--hb-date-time-picker-border-color-hover:var(--hb-color-primary);--hb-date-time-picker-bg-color:var(--hb-color-white,#fff);display:inline-block;position:relative}.hb-date-time-picker{display:inline-block;position:relative;width:280px}.hb-date-time-picker__input-wrapper{cursor:pointer;display:inline-block;position:relative;width:100%}.hb-date-time-picker__input{background-color:var(--hb-date-time-picker-bg-color);border:1px solid var(--hb-date-time-picker-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:inline-block;font-size:var(--hb-date-time-picker-font-size);height:var(--hb-date-time-picker-height);line-height:var(--hb-date-time-picker-height);outline:none;padding:0 30px 0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-date-time-picker__suffix{align-items:center;display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hb-date-time-picker__clear{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:pointer;font-size:16px;margin-right:8px}.hb-date-time-picker__dropdown{background-color:var(--hb-date-time-picker-bg-color);border:1px solid var(--hb-date-time-picker-border-color);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;min-width:320px;padding:12px;position:absolute;top:100%;z-index:1000}.hb-date-time-picker__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hb-date-time-picker__header-label{font-size:14px;font-weight:600}.hb-date-time-picker__next-btn,.hb-date-time-picker__prev-btn{background:0 0;border:none;cursor:pointer;font-size:18px;padding:4px 8px}.hb-date-time-picker__weekdays{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.hb-date-time-picker__weekday{color:var(--hb-color-text-placeholder,#c0c4cc);font-size:12px;text-align:center}.hb-date-time-picker__days{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.hb-date-time-picker__day{align-items:center;aspect-ratio:1;border-radius:4px;cursor:pointer;display:flex;font-size:13px;justify-content:center}.hb-date-time-picker__day:hover:not(.hb-date-time-picker__day--other-month){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-date-time-picker__day--selected{background-color:var(--hb-color-primary);color:var(--hb-color-white,#fff)}.hb-date-time-picker__time-body{display:flex;padding:8px}.hb-date-time-picker__time-list{flex:1;max-height:280px;overflow-y:auto}.hb-date-time-picker__time-title{border-bottom:1px solid var(--hb-border-color-lighter,#e4e7ed);font-size:12px;padding:8px 0;text-align:center}.hb-date-time-picker__time-content{padding:4px 0}.hb-date-time-picker__time-item{cursor:pointer;font-size:13px;padding:8px 16px;text-align:center}.hb-date-time-picker__time-item:hover{background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-date-time-picker__time-item--selected{background-color:var(--hb-color-primary-light-9,#ecf5ff);color:var(--hb-color-primary);font-weight:600}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const p=h;const b=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7)}get el(){return i(this)}modelValue;placeholder="请选择日期时间";disabled=false;size="default";clearable=false;format="YYYY-MM-DD HH:mm:ss";name;inputId;isOpen=false;inputValue="";selectedDate;currentView="date";hbChange;clickOutside=r({host:null,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});componentDidLoad(){this.clickOutside=r({host:this.el,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});this.clickOutside.connect();this.updateInputValue()}disconnectedCallback(){this.clickOutside.disconnect()}handleValueChange(){this.updateInputValue()}updateInputValue(){const e=o(this.modelValue);if(!e){this.inputValue="";this.selectedDate=undefined;return}this.selectedDate=e;this.inputValue=n(e,this.format)}handleInputClick=()=>{if(this.disabled)return;this.isOpen=!this.isOpen;this.currentView="date"};handleClear=e=>{e.stopPropagation();this.modelValue=undefined;this.inputValue="";this.selectedDate=undefined;this.isOpen=false;this.hbChange.emit(undefined)};handleDateSelect=e=>{this.selectedDate=e;this.currentView="time"};handleTimeSelect=(e,t,i)=>{const a=new Date(this.selectedDate||new Date);a.setHours(e);a.setMinutes(t);a.setSeconds(i);this.selectedDate=a;this.modelValue=a;this.inputValue=n(a,this.format);this.isOpen=false;this.hbChange.emit(a)};changeMonth(e){this.selectedDate=s(this.selectedDate||new Date,e)}render(){const e=d(this.selectedDate||new Date,this.selectedDate);const t=this.selectedDate||new Date;const i=Array.from({length:24},((e,t)=>t));const r=Array.from({length:60},((e,t)=>t));const o=Array.from({length:60},((e,t)=>t));return a("div",{key:"9163e484f86c08e64bde83efde16cee218c91d7d",class:{"hb-date-time-picker":true,"hb-date-time-picker--open":this.isOpen,"hb-date-time-picker--disabled":this.disabled,[`hb-date-time-picker--${this.size}`]:true}},a("div",{key:"27f1ce225146eadc2cea57a7190a8ec692f29694",class:"hb-date-time-picker__input-wrapper",onClick:this.handleInputClick},a("input",{key:"c42a6797f717a3fe27544307b2c94958f18df9a7",type:"text",id:this.inputId,name:this.name,class:"hb-date-time-picker__input",placeholder:this.placeholder,value:this.inputValue,disabled:this.disabled,readonly:true}),a("span",{key:"30210b48b776ae5417cdaec2e956d9d071be3e60",class:"hb-date-time-picker__suffix"},this.clearable&&this.modelValue&&a("span",{key:"5b32d6ccbba09273cfecc84f1b400b5d282b1e87",class:"hb-date-time-picker__clear",onClick:this.handleClear},"×"),a("span",{key:"ec7c2a97de3147de92a7e0229c5830db801e7eb7",class:"hb-date-time-picker__icon"},"📅"))),this.isOpen&&a("div",{key:"6d54ed7b5001d0ab43342062d68152f6cd55d2d2",class:"hb-date-time-picker__dropdown"},this.currentView==="date"?[a("div",{class:"hb-date-time-picker__header"},a("button",{type:"button",class:"hb-date-time-picker__prev-btn",onClick:()=>this.changeMonth(-1)},"‹"),a("span",{class:"hb-date-time-picker__header-label"},t.getFullYear(),"年 ",l[t.getMonth()]),a("button",{type:"button",class:"hb-date-time-picker__next-btn",onClick:()=>this.changeMonth(1)},"›")),a("div",{class:"hb-date-time-picker__body"},a("div",{class:"hb-date-time-picker__weekdays"},c.map((e=>a("div",{class:"hb-date-time-picker__weekday"},e)))),a("div",{class:"hb-date-time-picker__days"},e.map(((e,t)=>a("div",{key:t,class:{"hb-date-time-picker__day":true,"hb-date-time-picker__day--other-month":!e.isCurrentMonth,"hb-date-time-picker__day--today":e.isToday,"hb-date-time-picker__day--selected":e.isSelected},onClick:()=>e.isCurrentMonth&&this.handleDateSelect(e.date)},e.date.getDate())))))]:a("div",{class:"hb-date-time-picker__time-body"},a("div",{class:"hb-date-time-picker__time-list"},a("div",{class:"hb-date-time-picker__time-title"},"时"),a("div",{class:"hb-date-time-picker__time-content"},i.map((e=>a("div",{class:{"hb-date-time-picker__time-item":true,"hb-date-time-picker__time-item--selected":e===(this.selectedDate?.getHours()||0)},onClick:()=>this.handleTimeSelect(e,this.selectedDate?.getMinutes()||0,this.selectedDate?.getSeconds()||0)},String(e).padStart(2,"0")))))),a("div",{class:"hb-date-time-picker__time-list"},a("div",{class:"hb-date-time-picker__time-title"},"分"),a("div",{class:"hb-date-time-picker__time-content"},r.map((e=>a("div",{class:{"hb-date-time-picker__time-item":true,"hb-date-time-picker__time-item--selected":e===(this.selectedDate?.getMinutes()||0)},onClick:()=>this.handleTimeSelect(this.selectedDate?.getHours()||0,e,this.selectedDate?.getSeconds()||0)},String(e).padStart(2,"0")))))),a("div",{class:"hb-date-time-picker__time-list"},a("div",{class:"hb-date-time-picker__time-title"},"秒"),a("div",{class:"hb-date-time-picker__time-content"},o.map((e=>a("div",{class:{"hb-date-time-picker__time-item":true,"hb-date-time-picker__time-item--selected":e===(this.selectedDate?.getSeconds()||0)},onClick:()=>this.handleTimeSelect(this.selectedDate?.getHours()||0,this.selectedDate?.getMinutes()||0,e)},String(e).padStart(2,"0")))))))))}static get watchers(){return{modelValue:["handleValueChange"]}}};b.style=p;export{b as hb_date_time_picker};
+//# sourceMappingURL=p-be48d2aa.entry.js.map

package/dist/huibo-ui/p-be48d2aa.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dateTimePickerCss","HbDateTimePickerStyle0","DateTimePicker","modelValue","placeholder","disabled","size","clearable","format","name","inputId","isOpen","inputValue","selectedDate","currentView","hbChange","clickOutside","createClickOutsideHandler","host","this","onClose","componentDidLoad","el","connect","updateInputValue","disconnectedCallback","disconnect","handleValueChange","date","parseDate","undefined","formatDate","handleInputClick","handleClear","e","stopPropagation","emit","handleDateSelect","handleTimeSelect","hour","minute","second","Date","setHours","setMinutes","setSeconds","changeMonth","delta","addMonths","render","days","getCalendarDays","current","hours","Array","from","length","_","i","minutes","seconds","h","key","class","onClick","type","id","value","readonly","getFullYear","MONTH_NAMES","getMonth","WEEK_DAY_NAMES","map","day","index","isCurrentMonth","isToday","isSelected","getDate","getHours","getMinutes","getSeconds","String","padStart"],"sources":["src/components/DateTimePicker/date-time-picker.css?tag=hb-date-time-picker&encapsulation=shadow","src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  --hb-date-time-picker-font-size: 14px;\n  --hb-date-time-picker-height: 32px;\n  --hb-date-time-picker-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-date-time-picker-border-color-hover: var(--hb-color-primary);\n  --hb-date-time-picker-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-date-time-picker {\n  display: inline-block;\n  position: relative;\n  width: 280px;\n}\n\n.hb-date-time-picker__input-wrapper {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  cursor: pointer;\n}\n\n.hb-date-time-picker__input {\n  display: inline-block;\n  width: 100%;\n  height: var(--hb-date-time-picker-height);\n  line-height: var(--hb-date-time-picker-height);\n  padding: 0 30px 0 15px;\n  font-size: var(--hb-date-time-picker-font-size);\n  color: var(--hb-color-text-regular, #606266);\n  background-color: var(--hb-date-time-picker-bg-color);\n  border: 1px solid var(--hb-date-time-picker-border-color);\n  border-radius: 4px;\n  box-sizing: border-box;\n  cursor: pointer;\n  outline: none;\n  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hb-date-time-picker__suffix {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n}\n\n.hb-date-time-picker__clear {\n  margin-right: 8px;\n  cursor: pointer;\n  font-size: 16px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-date-time-picker__dropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 4px;\n  background-color: var(--hb-date-time-picker-bg-color);\n  border: 1px solid var(--hb-date-time-picker-border-color);\n  border-radius: 4px;\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n  min-width: 320px;\n  padding: 12px;\n}\n\n.hb-date-time-picker__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.hb-date-time-picker__header-label {\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.hb-date-time-picker__prev-btn,\n.hb-date-time-picker__next-btn {\n  background: none;\n  border: none;\n  font-size: 18px;\n  cursor: pointer;\n  padding: 4px 8px;\n}\n\n.hb-date-time-picker__weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n  margin-bottom: 8px;\n}\n\n.hb-date-time-picker__weekday {\n  text-align: center;\n  font-size: 12px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-date-time-picker__days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n}\n\n.hb-date-time-picker__day {\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  cursor: pointer;\n  border-radius: 4px;\n}\n\n.hb-date-time-picker__day:hover:not(.hb-date-time-picker__day--other-month) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-date-time-picker__day--selected {\n  background-color: var(--hb-color-primary);\n  color: var(--hb-color-white, #ffffff);\n}\n\n.hb-date-time-picker__time-body {\n  display: flex;\n  padding: 8px;\n}\n\n.hb-date-time-picker__time-list {\n  flex: 1;\n  max-height: 280px;\n  overflow-y: auto;\n}\n\n.hb-date-time-picker__time-title {\n  text-align: center;\n  font-size: 12px;\n  padding: 8px 0;\n  border-bottom: 1px solid var(--hb-border-color-lighter, #e4e7ed);\n}\n\n.hb-date-time-picker__time-content {\n  padding: 4px 0;\n}\n\n.hb-date-time-picker__time-item {\n  padding: 8px 16px;\n  text-align: center;\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.hb-date-time-picker__time-item:hover {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-date-time-picker__time-item--selected {\n  background-color: var(--hb-color-primary-light-9, #ecf5ff);\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\nimport { getCalendarDays, formatDate, parseDate, addMonths, MONTH_NAMES, WEEK_DAY_NAMES } from '../../utils/date-helpers';\n\n/**\n * DateTimePicker 日期时间选择器组件\n * 在同一个选择器里选择日期和时间\n */\n@Component({\n  tag: 'hb-date-time-picker',\n  styleUrl: 'date-time-picker.css',\n  shadow: true,\n})\nexport class DateTimePicker {\n  @Element() el: HTMLElement;\n\n  /** 绑定值 */\n  @Prop({ mutable: true }) modelValue?: string | Date;\n\n  /** 输入框占位文本 */\n  @Prop() placeholder: string = '请选择日期时间';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 输入框尺寸 */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /** 是否可清空 */\n  @Prop() clearable: boolean = false;\n\n  /** 日期时间格式 */\n  @Prop() format: string = 'YYYY-MM-DD HH:mm:ss';\n\n  /** 原生 name 属性 */\n  @Prop() name?: string;\n\n  /** 原生 id 属性 */\n  @Prop() inputId?: string;\n\n  @State() isOpen: boolean = false;\n  @State() inputValue: string = '';\n  @State() selectedDate?: Date;\n  @State() currentView: 'date' | 'time' = 'date';\n\n  /** 值改变事件 */\n  @Event() hbChange: EventEmitter<string | Date>;\n\n  private clickOutside = createClickOutsideHandler({\n    host: null as any,\n    isOpen: () => this.isOpen,\n    onClose: () => { this.isOpen = false; },\n  });\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => { this.isOpen = false; },\n    });\n    this.clickOutside.connect();\n    this.updateInputValue();\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.updateInputValue();\n  }\n\n  private updateInputValue() {\n    const date = parseDate(this.modelValue);\n    if (!date) {\n      this.inputValue = '';\n      this.selectedDate = undefined;\n      return;\n    }\n    this.selectedDate = date;\n    this.inputValue = formatDate(date, this.format);\n  }\n\n  private handleInputClick = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n    this.currentView = 'date';\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    this.modelValue = undefined;\n    this.inputValue = '';\n    this.selectedDate = undefined;\n    this.isOpen = false;\n    this.hbChange.emit(undefined);\n  };\n\n  private handleDateSelect = (date: Date) => {\n    this.selectedDate = date;\n    this.currentView = 'time';\n  };\n\n  private handleTimeSelect = (hour: number, minute: number, second: number) => {\n    const date = new Date(this.selectedDate || new Date());\n    date.setHours(hour);\n    date.setMinutes(minute);\n    date.setSeconds(second);\n\n    this.selectedDate = date;\n    this.modelValue = date;\n    this.inputValue = formatDate(date, this.format);\n    this.isOpen = false;\n    this.hbChange.emit(date);\n  };\n\n  private changeMonth(delta: number) {\n    this.selectedDate = addMonths(this.selectedDate || new Date(), delta);\n  }\n\n  render() {\n    const days = getCalendarDays(this.selectedDate || new Date(), this.selectedDate);\n    const current = this.selectedDate || new Date();\n    const hours = Array.from({ length: 24 }, (_, i) => i);\n    const minutes = Array.from({ length: 60 }, (_, i) => i);\n    const seconds = Array.from({ length: 60 }, (_, i) => i);\n\n    return (\n      <div\n        class={{\n          'hb-date-time-picker': true,\n          'hb-date-time-picker--open': this.isOpen,\n          'hb-date-time-picker--disabled': this.disabled,\n          [`hb-date-time-picker--${this.size}`]: true,\n        }}\n      >\n        <div class=\"hb-date-time-picker__input-wrapper\" onClick={this.handleInputClick}>\n          <input\n            type=\"text\"\n            id={this.inputId}\n            name={this.name}\n            class=\"hb-date-time-picker__input\"\n            placeholder={this.placeholder}\n            value={this.inputValue}\n            disabled={this.disabled}\n            readonly\n          />\n          <span class=\"hb-date-time-picker__suffix\">\n            {this.clearable && this.modelValue && (\n              <span class=\"hb-date-time-picker__clear\" onClick={this.handleClear}>\n                ×\n              </span>\n            )}\n            <span class=\"hb-date-time-picker__icon\">📅</span>\n          </span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-date-time-picker__dropdown\">\n            {this.currentView === 'date' ? (\n              [\n                <div class=\"hb-date-time-picker__header\">\n                  <button type=\"button\" class=\"hb-date-time-picker__prev-btn\" onClick={() => this.changeMonth(-1)}>‹</button>\n                  <span class=\"hb-date-time-picker__header-label\">\n                    {current.getFullYear()}年 {MONTH_NAMES[current.getMonth()]}\n                  </span>\n                  <button type=\"button\" class=\"hb-date-time-picker__next-btn\" onClick={() => this.changeMonth(1)}>›</button>\n                </div>,\n                <div class=\"hb-date-time-picker__body\">\n                  <div class=\"hb-date-time-picker__weekdays\">\n                    {WEEK_DAY_NAMES.map(day => <div class=\"hb-date-time-picker__weekday\">{day}</div>)}\n                  </div>\n                  <div class=\"hb-date-time-picker__days\">\n                    {days.map((day, index) => (\n                      <div\n                        key={index}\n                        class={{\n                          'hb-date-time-picker__day': true,\n                          'hb-date-time-picker__day--other-month': !day.isCurrentMonth,\n                          'hb-date-time-picker__day--today': day.isToday,\n                          'hb-date-time-picker__day--selected': day.isSelected,\n                        }}\n                        onClick={() => day.isCurrentMonth && this.handleDateSelect(day.date)}\n                      >\n                        {day.date.getDate()}\n                      </div>\n                    ))}\n                  </div>\n                </div>,\n              ]\n            ) : (\n              <div class=\"hb-date-time-picker__time-body\">\n                <div class=\"hb-date-time-picker__time-list\">\n                  <div class=\"hb-date-time-picker__time-title\">时</div>\n                  <div class=\"hb-date-time-picker__time-content\">\n                    {hours.map((hour) => (\n                      <div\n                        class={{\n                          'hb-date-time-picker__time-item': true,\n                          'hb-date-time-picker__time-item--selected': hour === (this.selectedDate?.getHours() || 0),\n                        }}\n                        onClick={() => this.handleTimeSelect(hour, this.selectedDate?.getMinutes() || 0, this.selectedDate?.getSeconds() || 0)}\n                      >\n                        {String(hour).padStart(2, '0')}\n                      </div>\n                    ))}\n                  </div>\n                </div>\n                <div class=\"hb-date-time-picker__time-list\">\n                  <div class=\"hb-date-time-picker__time-title\">分</div>\n                  <div class=\"hb-date-time-picker__time-content\">\n                    {minutes.map((minute) => (\n                      <div\n                        class={{\n                          'hb-date-time-picker__time-item': true,\n                          'hb-date-time-picker__time-item--selected': minute === (this.selectedDate?.getMinutes() || 0),\n                        }}\n                        onClick={() => this.handleTimeSelect(this.selectedDate?.getHours() || 0, minute, this.selectedDate?.getSeconds() || 0)}\n                      >\n                        {String(minute).padStart(2, '0')}\n                      </div>\n                    ))}\n                  </div>\n                </div>\n                <div class=\"hb-date-time-picker__time-list\">\n                  <div class=\"hb-date-time-picker__time-title\">秒</div>\n                  <div class=\"hb-date-time-picker__time-content\">\n                    {seconds.map((second) => (\n                      <div\n                        class={{\n                          'hb-date-time-picker__time-item': true,\n                          'hb-date-time-picker__time-item--selected': second === (this.selectedDate?.getSeconds() || 0),\n                        }}\n                        onClick={() => this.handleTimeSelect(this.selectedDate?.getHours() || 0, this.selectedDate?.getMinutes() || 0, second)}\n                      >\n                        {String(second).padStart(2, '0')}\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"oKAAA,MAAMA,EAAoB,soRAC1B,MAAAC,EAAeD,E,MCYFE,EAAc,M,oFAIAC,WAGjBC,YAAsB,UAGtBC,SAAoB,MAGpBC,KAAsC,UAGtCC,UAAqB,MAGrBC,OAAiB,sBAGjBC,KAGAC,QAECC,OAAkB,MAClBC,WAAqB,GACrBC,aACAC,YAA+B,OAG/BC,SAEDC,aAAeC,EAA0B,CAC/CC,KAAM,KACNP,OAAQ,IAAMQ,KAAKR,OACnBS,QAAS,KAAQD,KAAKR,OAAS,KAAK,IAGtC,gBAAAU,GACEF,KAAKH,aAAeC,EAA0B,CAC5CC,KAAMC,KAAKG,GACXX,OAAQ,IAAMQ,KAAKR,OACnBS,QAAS,KAAQD,KAAKR,OAAS,KAAK,IAEtCQ,KAAKH,aAAaO,UAClBJ,KAAKK,kB,CAGP,oBAAAC,GACEN,KAAKH,aAAaU,Y,CAIpB,iBAAAC,GACER,KAAKK,kB,CAGC,gBAAAA,GACN,MAAMI,EAAOC,EAAUV,KAAKhB,YAC5B,IAAKyB,EAAM,CACTT,KAAKP,WAAa,GAClBO,KAAKN,aAAeiB,UACpB,M,CAEFX,KAAKN,aAAee,EACpBT,KAAKP,WAAamB,EAAWH,EAAMT,KAAKX,O,CAGlCwB,iBAAmB,KACzB,GAAIb,KAAKd,SAAU,OACnBc,KAAKR,QAAUQ,KAAKR,OACpBQ,KAAKL,YAAc,MAAM,EAGnBmB,YAAeC,IACrBA,EAAEC,kBACFhB,KAAKhB,WAAa2B,UAClBX,KAAKP,WAAa,GAClBO,KAAKN,aAAeiB,UACpBX,KAAKR,OAAS,MACdQ,KAAKJ,SAASqB,KAAKN,UAAU,EAGvBO,iBAAoBT,IAC1BT,KAAKN,aAAee,EACpBT,KAAKL,YAAc,MAAM,EAGnBwB,iBAAmB,CAACC,EAAcC,EAAgBC,KACxD,MAAMb,EAAO,IAAIc,KAAKvB,KAAKN,cAAgB,IAAI6B,MAC/Cd,EAAKe,SAASJ,GACdX,EAAKgB,WAAWJ,GAChBZ,EAAKiB,WAAWJ,GAEhBtB,KAAKN,aAAee,EACpBT,KAAKhB,WAAayB,EAClBT,KAAKP,WAAamB,EAAWH,EAAMT,KAAKX,QACxCW,KAAKR,OAAS,MACdQ,KAAKJ,SAASqB,KAAKR,EAAK,EAGlB,WAAAkB,CAAYC,GAClB5B,KAAKN,aAAemC,EAAU7B,KAAKN,cAAgB,IAAI6B,KAAQK,E,CAGjE,MAAAE,GACE,MAAMC,EAAOC,EAAgBhC,KAAKN,cAAgB,IAAI6B,KAAQvB,KAAKN,cACnE,MAAMuC,EAAUjC,KAAKN,cAAgB,IAAI6B,KACzC,MAAMW,EAAQC,MAAMC,KAAK,CAAEC,OAAQ,KAAM,CAACC,EAAGC,IAAMA,IACnD,MAAMC,EAAUL,MAAMC,KAAK,CAAEC,OAAQ,KAAM,CAACC,EAAGC,IAAMA,IACrD,MAAME,EAAUN,MAAMC,KAAK,CAAEC,OAAQ,KAAM,CAACC,EAAGC,IAAMA,IAErD,OACEG,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,sBAAuB,KACvB,4BAA6B5C,KAAKR,OAClC,gCAAiCQ,KAAKd,SACtC,CAAC,wBAAwBc,KAAKb,QAAS,OAGzCuD,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qCAAqCC,QAAS7C,KAAKa,kBAC5D6B,EAAA,SAAAC,IAAA,2CACEG,KAAK,OACLC,GAAI/C,KAAKT,QACTD,KAAMU,KAAKV,KACXsD,MAAM,6BACN3D,YAAae,KAAKf,YAClB+D,MAAOhD,KAAKP,WACZP,SAAUc,KAAKd,SACf+D,SAAQ,OAEVP,EAAA,QAAAC,IAAA,2CAAMC,MAAM,+BACT5C,KAAKZ,WAAaY,KAAKhB,YACtB0D,EAAA,QAAAC,IAAA,2CAAMC,MAAM,6BAA6BC,QAAS7C,KAAKc,aAAW,KAIpE4B,EAAA,QAAAC,IAAA,2CAAMC,MAAM,6BAA2B,QAG1C5C,KAAKR,QACJkD,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iCACR5C,KAAKL,cAAgB,OAAM,CAExB+C,EAAA,OAAKE,MAAM,+BACTF,EAAA,UAAQI,KAAK,SAASF,MAAM,gCAAgCC,QAAS,IAAM7C,KAAK2B,aAAa,IAAE,KAC/Fe,EAAA,QAAME,MAAM,qCACTX,EAAQiB,cAAa,KAAIC,EAAYlB,EAAQmB,aAEhDV,EAAA,UAAQI,KAAK,SAASF,MAAM,gCAAgCC,QAAS,IAAM7C,KAAK2B,YAAY,IAAE,MAEhGe,EAAA,OAAKE,MAAM,6BACTF,EAAA,OAAKE,MAAM,iCACRS,EAAeC,KAAIC,GAAOb,EAAA,OAAKE,MAAM,gCAAgCW,MAExEb,EAAA,OAAKE,MAAM,6BACRb,EAAKuB,KAAI,CAACC,EAAKC,IACdd,EAAA,OACEC,IAAKa,EACLZ,MAAO,CACL,2BAA4B,KAC5B,yCAA0CW,EAAIE,eAC9C,kCAAmCF,EAAIG,QACvC,qCAAsCH,EAAII,YAE5Cd,QAAS,IAAMU,EAAIE,gBAAkBzD,KAAKkB,iBAAiBqC,EAAI9C,OAE9D8C,EAAI9C,KAAKmD,gBAOpBlB,EAAA,OAAKE,MAAM,kCACTF,EAAA,OAAKE,MAAM,kCACTF,EAAA,OAAKE,MAAM,mCAAiC,KAC5CF,EAAA,OAAKE,MAAM,qCACRV,EAAMoB,KAAKlC,GACVsB,EAAA,OACEE,MAAO,CACL,iCAAkC,KAClC,2CAA4CxB,KAAUpB,KAAKN,cAAcmE,YAAc,IAEzFhB,QAAS,IAAM7C,KAAKmB,iBAAiBC,EAAMpB,KAAKN,cAAcoE,cAAgB,EAAG9D,KAAKN,cAAcqE,cAAgB,IAEnHC,OAAO5C,GAAM6C,SAAS,EAAG,UAKlCvB,EAAA,OAAKE,MAAM,kCACTF,EAAA,OAAKE,MAAM,mCAAiC,KAC5CF,EAAA,OAAKE,MAAM,qCACRJ,EAAQc,KAAKjC,GACZqB,EAAA,OACEE,MAAO,CACL,iCAAkC,KAClC,2CAA4CvB,KAAYrB,KAAKN,cAAcoE,cAAgB,IAE7FjB,QAAS,IAAM7C,KAAKmB,iBAAiBnB,KAAKN,cAAcmE,YAAc,EAAGxC,EAAQrB,KAAKN,cAAcqE,cAAgB,IAEnHC,OAAO3C,GAAQ4C,SAAS,EAAG,UAKpCvB,EAAA,OAAKE,MAAM,kCACTF,EAAA,OAAKE,MAAM,mCAAiC,KAC5CF,EAAA,OAAKE,MAAM,qCACRH,EAAQa,KAAKhC,GACZoB,EAAA,OACEE,MAAO,CACL,iCAAkC,KAClC,2CAA4CtB,KAAYtB,KAAKN,cAAcqE,cAAgB,IAE7FlB,QAAS,IAAM7C,KAAKmB,iBAAiBnB,KAAKN,cAAcmE,YAAc,EAAG7D,KAAKN,cAAcoE,cAAgB,EAAGxC,IAE9G0C,OAAO1C,GAAQ2C,SAAS,EAAG,Y","ignoreList":[]}