huibo-ui 0.4.0 → 0.5.0

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

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i}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{.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-input-number-font-size:14px;--hb-input-number-height:32px;--hb-input-number-border-color:var(--hb-border-color,#dcdfe6);--hb-input-number-border-color-hover:var(--hb-color-primary);--hb-input-number-bg-color:var(--hb-color-white,#fff);display:inline-block;position:relative}.hb-input-number{display:inline-block;position:relative;width:180px}.hb-input-number,.hb-input-number__inner{line-height:var(--hb-input-number-height)}.hb-input-number__inner{-webkit-appearance:none;background-color:var(--hb-input-number-bg-color);border:1px solid var(--hb-input-number-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-color-text-regular,#606266);display:block;font-size:inherit;height:var(--hb-input-number-height);outline:none;padding:0 50px 0 15px;text-align:left;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-input-number--without-controls .hb-input-number__inner{padding:0 15px}.hb-input-number--controls-right .hb-input-number__inner{padding:0 15px 0 50px}.hb-input-number__inner:focus,.hb-input-number__inner:hover:not(:disabled){border-color:var(--hb-input-number-border-color-hover)}.hb-input-number__inner:disabled{background-color:var(--hb-fill-color-light,#f5f7fa);border-color:var(--hb-input-number-border-color);color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-input-number__decrease,.hb-input-number__increase{align-items:center;background:var(--hb-fill-color-light,#f5f7fa);color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:13px;height:calc(100% - 2px);justify-content:center;position:absolute;text-align:center;top:1px;transition:all .2s;-webkit-user-select:none;user-select:none;width:35px;z-index:1}.hb-input-number__decrease:hover:not(.hb-input-number__decrease--disabled),.hb-input-number__increase:hover:not(.hb-input-number__increase--disabled){color:var(--hb-color-primary)}.hb-input-number__decrease--disabled,.hb-input-number__increase--disabled{color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-input-number__increase{border-radius:0 4px 4px 0;right:1px}.hb-input-number__decrease,.hb-input-number__increase{border-left:1px solid var(--hb-input-number-border-color)}.hb-input-number__decrease{border-radius:0;right:36px}.hb-input-number--controls-right .hb-input-number__increase{border-radius:0 4px 4px 0;right:1px}.hb-input-number--controls-right .hb-input-number__decrease{border-radius:0;right:36px}.hb-input-number__controls{background:var(--hb-fill-color-light,#f5f7fa);border-left:1px solid var(--hb-input-number-border-color);border-radius:0 4px 4px 0;height:calc(100% - 2px);position:absolute;right:1px;top:1px;width:35px}.hb-input-number--controls-right .hb-input-number__controls{border-left:none;border-radius:4px 0 0 4px;border-right:1px solid var(--hb-input-number-border-color);left:1px;right:auto}.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__increase{border:none;border-bottom:1px solid var(--hb-input-number-border-color);border-radius:0;position:static}.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__decrease{border:none;border-radius:0 0 0 4px;position:static}.hb-input-number--small{width:150px}.hb-input-number--small .hb-input-number__inner{font-size:12px;height:24px;line-height:24px;padding:0 40px 0 12px}.hb-input-number--large{width:200px}.hb-input-number--large .hb-input-number__inner{font-size:16px;height:40px;line-height:40px;padding:0 55px 0 18px}.hb-input-number--disabled{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}';const r=n;const o=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7);this.hbInput=t(this,"hbInput",7)}modelValue=0;size="default";disabled=false;readonly=false;min=-Infinity;max=Infinity;step=1;precision;stepStrictly=false;controls=true;controlsPosition="";name;inputId;placeholder;currentValue=0;hbChange;hbInput;componentDidLoad(){this.currentValue=this.modelValue}handleModelValueChange(){this.currentValue=this.modelValue}formatValue(e){if(this.precision!==undefined){return Number(e.toFixed(this.precision))}return e}clampValue(e){let t=Math.max(this.min,Math.min(this.max,e));if(this.stepStrictly){const e=this.step;t=Math.round(t/e)*e}return this.formatValue(t)}handleInput=e=>{const t=e.target;const i=parseFloat(t.value);if(isNaN(i)){this.currentValue=this.min}else{this.currentValue=this.clampValue(i)}this.modelValue=this.currentValue;this.hbInput.emit(this.currentValue)};handleChange=()=>{this.hbChange.emit(this.currentValue)};increase=()=>{if(this.disabled||this.readonly)return;const e=this.clampValue(this.currentValue+this.step);this.currentValue=e;this.modelValue=e;this.hbChange.emit(e)};decrease=()=>{if(this.disabled||this.readonly)return;const e=this.clampValue(this.currentValue-this.step);this.currentValue=e;this.modelValue=e;this.hbChange.emit(e)};render(){return i("div",{key:"b77486654ddd70a4661c1278ddc41e1a1c23078a",class:{"hb-input-number":true,[`hb-input-number--${this.size}`]:true,"hb-input-number--disabled":this.disabled,"hb-input-number--controls-right":this.controlsPosition==="right","hb-input-number--without-controls":!this.controls}},this.controls&&this.controlsPosition!=="right"&&i("span",{key:"c60ff723277ffd25f3515b406cd56ae5e062474b",class:{"hb-input-number__decrease":true,"hb-input-number__decrease--disabled":this.currentValue<=this.min},onClick:this.decrease},"−"),i("input",{key:"66828157b6c91818b2d93e98935eac0d0e9237f0",type:"number",id:this.inputId,name:this.name,class:"hb-input-number__inner",value:this.currentValue,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,min:this.min,max:this.max,step:this.step,onInput:this.handleInput,onChange:this.handleChange}),this.controls&&this.controlsPosition==="right"&&i("span",{key:"58e9f86173a4a3e7808a1ca4c22f0a2a4ba2f070",class:"hb-input-number__controls"},i("span",{key:"ff63589ce88775289c820a6cf02bab140993206a",class:{"hb-input-number__increase":true,"hb-input-number__increase--disabled":this.currentValue>=this.max},onClick:this.increase},"+"),i("span",{key:"9bf2c4305bc0bef3fbe3431960a79eac7e4cdbec",class:{"hb-input-number__decrease":true,"hb-input-number__decrease--disabled":this.currentValue<=this.min},onClick:this.decrease},"−")),this.controls&&this.controlsPosition!=="right"&&i("span",{key:"6bec03b900b7b62692fa0b9a6510ecb8cdb90fbb",class:{"hb-input-number__increase":true,"hb-input-number__increase--disabled":this.currentValue>=this.max},onClick:this.increase},"+"))}static get watchers(){return{modelValue:["handleModelValueChange"]}}};o.style=r;export{o as hb_input_number};
-//# sourceMappingURL=p-f9bb5217.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["inputNumberCss","HbInputNumberStyle0","InputNumber","modelValue","size","disabled","readonly","min","Infinity","max","step","precision","stepStrictly","controls","controlsPosition","name","inputId","placeholder","currentValue","hbChange","hbInput","componentDidLoad","this","handleModelValueChange","formatValue","value","undefined","Number","toFixed","clampValue","clamped","Math","round","handleInput","e","target","parseFloat","isNaN","emit","handleChange","increase","newValue","decrease","render","h","key","class","onClick","type","id","onInput","onChange"],"sources":["src/components/InputNumber/input-number.css?tag=hb-input-number&encapsulation=shadow","src/components/InputNumber/InputNumber.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  --hb-input-number-font-size: 14px;\n  --hb-input-number-height: 32px;\n  --hb-input-number-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-input-number-border-color-hover: var(--hb-color-primary);\n  --hb-input-number-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-input-number {\n  position: relative;\n  display: inline-block;\n  width: 180px;\n  line-height: var(--hb-input-number-height);\n}\n\n.hb-input-number__inner {\n  -webkit-appearance: none;\n  background-color: var(--hb-input-number-bg-color);\n  border: 1px solid var(--hb-input-number-border-color);\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: var(--hb-color-text-regular, #606266);\n  display: block;\n  font-size: inherit;\n  height: var(--hb-input-number-height);\n  line-height: var(--hb-input-number-height);\n  outline: none;\n  padding: 0 50px 0 15px;\n  text-align: left;\n  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n  width: 100%;\n}\n\n.hb-input-number--without-controls .hb-input-number__inner {\n  padding: 0 15px;\n}\n\n.hb-input-number--controls-right .hb-input-number__inner {\n  padding: 0 15px 0 50px;\n}\n\n.hb-input-number__inner:hover:not(:disabled) {\n  border-color: var(--hb-input-number-border-color-hover);\n}\n\n.hb-input-number__inner:focus {\n  border-color: var(--hb-input-number-border-color-hover);\n}\n\n.hb-input-number__inner:disabled {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-input-number-border-color);\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n.hb-input-number__increase,\n.hb-input-number__decrease {\n  position: absolute;\n  z-index: 1;\n  top: 1px;\n  width: 35px;\n  height: calc(100% - 2px);\n  text-align: center;\n  background: var(--hb-fill-color-light, #f5f7fa);\n  color: var(--hb-color-text-regular, #606266);\n  cursor: pointer;\n  font-size: 13px;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s;\n}\n\n.hb-input-number__increase:hover:not(.hb-input-number__increase--disabled),\n.hb-input-number__decrease:hover:not(.hb-input-number__decrease--disabled) {\n  color: var(--hb-color-primary);\n}\n\n.hb-input-number__increase--disabled,\n.hb-input-number__decrease--disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n.hb-input-number__increase {\n  right: 1px;\n  border-radius: 0 4px 4px 0;\n  border-left: 1px solid var(--hb-input-number-border-color);\n}\n\n.hb-input-number__decrease {\n  right: 36px;\n  border-radius: 0;\n  border-left: 1px solid var(--hb-input-number-border-color);\n}\n\n.hb-input-number--controls-right .hb-input-number__increase {\n  right: 1px;\n  border-radius: 0 4px 4px 0;\n}\n\n.hb-input-number--controls-right .hb-input-number__decrease {\n  right: 36px;\n  border-radius: 0;\n}\n\n.hb-input-number__controls {\n  position: absolute;\n  right: 1px;\n  top: 1px;\n  width: 35px;\n  height: calc(100% - 2px);\n  border-left: 1px solid var(--hb-input-number-border-color);\n  border-radius: 0 4px 4px 0;\n  background: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-input-number--controls-right .hb-input-number__controls {\n  left: 1px;\n  right: auto;\n  border-left: none;\n  border-right: 1px solid var(--hb-input-number-border-color);\n  border-radius: 4px 0 0 4px;\n}\n\n.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__increase {\n  position: static;\n  border: none;\n  border-bottom: 1px solid var(--hb-input-number-border-color);\n  border-radius: 0;\n}\n\n.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__decrease {\n  position: static;\n  border: none;\n  border-radius: 0 0 0 4px;\n}\n\n.hb-input-number--small {\n  width: 150px;\n}\n\n.hb-input-number--small .hb-input-number__inner {\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  padding: 0 40px 0 12px;\n}\n\n.hb-input-number--large {\n  width: 200px;\n}\n\n.hb-input-number--large .hb-input-number__inner {\n  height: 40px;\n  line-height: 40px;\n  font-size: 16px;\n  padding: 0 55px 0 18px;\n}\n\n.hb-input-number--disabled {\n  cursor: not-allowed;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * InputNumber 数字输入框组件\n * 仅允许输入标准的数字值，可定义范围\n */\n@Component({\n  tag: 'hb-input-number',\n  styleUrl: 'input-number.css',\n  shadow: true,\n})\nexport class InputNumber {\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: number = 0;\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   * @default false\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * 最小值\n   * @default -Infinity\n   */\n  @Prop() min: number = -Infinity;\n\n  /**\n   * 最大值\n   * @default Infinity\n   */\n  @Prop() max: number = Infinity;\n\n  /**\n   * 计数器步长\n   * @default 1\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * 精度\n   */\n  @Prop() precision?: number;\n\n  /**\n   * 是否只能输入 step 的倍数\n   * @default false\n   */\n  @Prop() stepStrictly: boolean = false;\n\n  /**\n   * 是否使用控制按钮\n   * @default true\n   */\n  @Prop() controls: boolean = true;\n\n  /**\n   * 控制按钮位置\n   */\n  @Prop() controlsPosition: '' | 'right' = '';\n\n  /**\n   * 原生 name 属性\n   */\n  @Prop() name?: string;\n\n  /**\n   * 原生 id 属性\n   */\n  @Prop() inputId?: string;\n\n  /**\n   * 原生 placeholder 属性\n   */\n  @Prop() placeholder?: string;\n\n  @State() currentValue: number = 0;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<number>;\n\n  /**\n   * 输入事件\n   */\n  @Event() hbInput: EventEmitter<number>;\n\n  componentDidLoad() {\n    this.currentValue = this.modelValue;\n  }\n\n  /** 受控模式：外部修改 modelValue 时同步内部 currentValue，保证 UI 与值一致 */\n  @Watch('modelValue')\n  handleModelValueChange() {\n    this.currentValue = this.modelValue;\n  }\n\n  private formatValue(value: number): number {\n    if (this.precision !== undefined) {\n      return Number(value.toFixed(this.precision));\n    }\n    return value;\n  }\n\n  private clampValue(value: number): number {\n    let clamped = Math.max(this.min, Math.min(this.max, value));\n    \n    if (this.stepStrictly) {\n      const step = this.step;\n      clamped = Math.round(clamped / step) * step;\n    }\n    \n    return this.formatValue(clamped);\n  }\n\n  private handleInput = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    const value = parseFloat(target.value);\n    \n    if (isNaN(value)) {\n      this.currentValue = this.min;\n    } else {\n      this.currentValue = this.clampValue(value);\n    }\n    \n    this.modelValue = this.currentValue;\n    this.hbInput.emit(this.currentValue);\n  };\n\n  private handleChange = () => {\n    this.hbChange.emit(this.currentValue);\n  };\n\n  private increase = () => {\n    if (this.disabled || this.readonly) return;\n    const newValue = this.clampValue(this.currentValue + this.step);\n    this.currentValue = newValue;\n    this.modelValue = newValue;\n    this.hbChange.emit(newValue);\n  };\n\n  private decrease = () => {\n    if (this.disabled || this.readonly) return;\n    const newValue = this.clampValue(this.currentValue - this.step);\n    this.currentValue = newValue;\n    this.modelValue = newValue;\n    this.hbChange.emit(newValue);\n  };\n\n  render() {\n    return (\n      <div\n        class={{\n          'hb-input-number': true,\n          [`hb-input-number--${this.size}`]: true,\n          'hb-input-number--disabled': this.disabled,\n          'hb-input-number--controls-right': this.controlsPosition === 'right',\n          'hb-input-number--without-controls': !this.controls,\n        }}\n      >\n        {this.controls && this.controlsPosition !== 'right' && (\n          <span\n            class={{\n              'hb-input-number__decrease': true,\n              'hb-input-number__decrease--disabled': this.currentValue <= this.min,\n            }}\n            onClick={this.decrease}\n          >\n            −\n          </span>\n        )}\n        <input\n          type=\"number\"\n          id={this.inputId}\n          name={this.name}\n          class=\"hb-input-number__inner\"\n          value={this.currentValue}\n          disabled={this.disabled}\n          readonly={this.readonly}\n          placeholder={this.placeholder}\n          min={this.min}\n          max={this.max}\n          step={this.step}\n          onInput={this.handleInput}\n          onChange={this.handleChange}\n        />\n        {this.controls && this.controlsPosition === 'right' && (\n          <span class=\"hb-input-number__controls\">\n            <span\n              class={{\n                'hb-input-number__increase': true,\n                'hb-input-number__increase--disabled': this.currentValue >= this.max,\n              }}\n              onClick={this.increase}\n            >\n              +\n            </span>\n            <span\n              class={{\n                'hb-input-number__decrease': true,\n                'hb-input-number__decrease--disabled': this.currentValue <= this.min,\n              }}\n              onClick={this.decrease}\n            >\n              −\n            </span>\n          </span>\n        )}\n        {this.controls && this.controlsPosition !== 'right' && (\n          <span\n            class={{\n              'hb-input-number__increase': true,\n              'hb-input-number__increase--disabled': this.currentValue >= this.max,\n            }}\n            onClick={this.increase}\n          >\n            +\n          </span>\n        )}\n      </div>\n    );\n  }\n}\n\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c 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}}}@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}.hb-tag{border:1px solid #0000;border-radius:var(--hb-tag-radius);box-sizing:border-box;font-size:var(--hb-font-size-xs);gap:var(--hb-spacing-xxs);height:22px;line-height:1;padding:0 var(--hb-spacing-xs);vertical-align:middle;white-space:nowrap}.hb-tag,.hb-tag__close,.hb-tag__content{align-items:center;display:inline-flex}.hb-tag__close{border-radius:50%;cursor:pointer;font-size:12px;height:14px;justify-content:center;line-height:1;transition:background-color var(--hb-transition-duration);width:14px}.hb-tag__close:hover{background-color:#0000001a}.hb-tag--small{font-size:11px;height:18px;padding:0 6px}.hb-tag--large{font-size:var(--hb-font-size-sm);height:28px;padding:0 var(--hb-spacing-sm)}.hb-tag--round{border-radius:999px}.hb-tag--default.hb-tag--light{background:var(--hb-tag-default-bg);color:var(--hb-tag-default-color)}.hb-tag--primary.hb-tag--light{background:var(--hb-tag-primary-bg);color:var(--hb-tag-primary-color)}.hb-tag--success.hb-tag--light{background:var(--hb-tag-success-bg);color:var(--hb-tag-success-color)}.hb-tag--warning.hb-tag--light{background:var(--hb-tag-warning-bg);color:var(--hb-tag-warning-color)}.hb-tag--danger.hb-tag--light{background:var(--hb-tag-danger-bg);color:var(--hb-tag-danger-color)}.hb-tag--info.hb-tag--light{background:var(--hb-tag-primary-bg);color:var(--hb-tag-primary-color)}.hb-tag--default.hb-tag--dark{background:var(--hb-color-text-quaternary);color:#fff}.hb-tag--primary.hb-tag--dark{background:var(--hb-color-primary);color:#fff}.hb-tag--success.hb-tag--dark{background:var(--hb-color-success);color:#fff}.hb-tag--warning.hb-tag--dark{background:var(--hb-color-warning);color:#fff}.hb-tag--danger.hb-tag--dark{background:var(--hb-color-danger);color:#fff}.hb-tag--info.hb-tag--dark{background:var(--hb-color-info);color:#fff}.hb-tag--default.hb-tag--plain{background:#fff;border-color:var(--hb-color-border);color:var(--hb-color-text)}.hb-tag--primary.hb-tag--plain{background:#fff;border-color:var(--hb-color-primary-border);color:var(--hb-color-primary)}.hb-tag--success.hb-tag--plain{background:#fff;border-color:var(--hb-color-success-border);color:var(--hb-color-success)}.hb-tag--warning.hb-tag--plain{background:#fff;border-color:var(--hb-color-warning-border);color:var(--hb-color-warning)}.hb-tag--danger.hb-tag--plain{background:#fff;border-color:var(--hb-color-danger-border);color:var(--hb-color-danger)}.hb-tag--info.hb-tag--plain{background:#fff;border-color:var(--hb-color-primary-border);color:var(--hb-color-primary)}@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=a;const i=class{constructor(o){t(this,o);this.hbClose=e(this,"hbClose",7)}type="default";closable=false;effect="light";round=false;size="default";hbClose;handleClose=t=>{t.stopPropagation();this.hbClose.emit()};render(){return o("span",{key:"949732a389ac350303fa84521948b04000a86304",class:{"hb-tag":true,[`hb-tag--${this.type}`]:true,[`hb-tag--${this.effect}`]:true,"hb-tag--round":this.round,[`hb-tag--${this.size}`]:true}},o("span",{key:"cefc4e3866faf0ae716db4e694ce01fcfae6c5f4",class:"hb-tag__content"},o("slot",{key:"c15bef363b1a665eba672b3b0040d4723e4399b7"})),this.closable&&o("span",{key:"8d9f90a4d359418f4d3b43970fcea25f17ed9587",class:"hb-tag__close",role:"button","aria-label":"移除标签",tabIndex:0,onClick:this.handleClose},"×"))}};i.style=r;export{i as hb_tag};
-//# sourceMappingURL=p-fea20295.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["tagCss","HbTagStyle0","Tag","type","closable","effect","round","size","hbClose","handleClose","e","stopPropagation","this","emit","render","h","key","class","role","tabIndex","onClick"],"sources":["src/components/Tag/tag.css?tag=hb-tag&encapsulation=shadow","src/components/Tag/Tag.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.hb-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  padding: 0 var(--hb-spacing-xs);\n  height: 22px;\n  font-size: var(--hb-font-size-xs);\n  line-height: 1;\n  border-radius: var(--hb-tag-radius);\n  border: 1px solid transparent;\n  box-sizing: border-box;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n\n.hb-tag__content {\n  display: inline-flex;\n  align-items: center;\n}\n\n.hb-tag__close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  cursor: pointer;\n  font-size: 12px;\n  line-height: 1;\n  transition: background-color var(--hb-transition-duration);\n}\n\n.hb-tag__close:hover {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n/* ---- 尺寸 ---- */\n.hb-tag--small { height: 18px; font-size: 11px; padding: 0 6px; }\n.hb-tag--large { height: 28px; font-size: var(--hb-font-size-sm); padding: 0 var(--hb-spacing-sm); }\n\n/* ---- 圆角 ---- */\n.hb-tag--round { border-radius: 999px; }\n\n/* ---- 类型：light（默认） ---- */\n.hb-tag--default.hb-tag--light { background: var(--hb-tag-default-bg); color: var(--hb-tag-default-color); }\n.hb-tag--primary.hb-tag--light { background: var(--hb-tag-primary-bg); color: var(--hb-tag-primary-color); }\n.hb-tag--success.hb-tag--light { background: var(--hb-tag-success-bg); color: var(--hb-tag-success-color); }\n.hb-tag--warning.hb-tag--light { background: var(--hb-tag-warning-bg); color: var(--hb-tag-warning-color); }\n.hb-tag--danger.hb-tag--light  { background: var(--hb-tag-danger-bg); color: var(--hb-tag-danger-color); }\n.hb-tag--info.hb-tag--light    { background: var(--hb-tag-primary-bg); color: var(--hb-tag-primary-color); }\n\n/* ---- 类型：dark ---- */\n.hb-tag--default.hb-tag--dark { background: var(--hb-color-text-quaternary); color: #fff; }\n.hb-tag--primary.hb-tag--dark { background: var(--hb-color-primary); color: #fff; }\n.hb-tag--success.hb-tag--dark { background: var(--hb-color-success); color: #fff; }\n.hb-tag--warning.hb-tag--dark { background: var(--hb-color-warning); color: #fff; }\n.hb-tag--danger.hb-tag--dark  { background: var(--hb-color-danger); color: #fff; }\n.hb-tag--info.hb-tag--dark    { background: var(--hb-color-info); color: #fff; }\n\n/* ---- 类型：plain ---- */\n.hb-tag--default.hb-tag--plain { background: #fff; color: var(--hb-color-text); border-color: var(--hb-color-border); }\n.hb-tag--primary.hb-tag--plain { background: #fff; color: var(--hb-color-primary); border-color: var(--hb-color-primary-border); }\n.hb-tag--success.hb-tag--plain { background: #fff; color: var(--hb-color-success); border-color: var(--hb-color-success-border); }\n.hb-tag--warning.hb-tag--plain { background: #fff; color: var(--hb-color-warning); border-color: var(--hb-color-warning-border); }\n.hb-tag--danger.hb-tag--plain  { background: #fff; color: var(--hb-color-danger); border-color: var(--hb-color-danger-border); }\n.hb-tag--info.hb-tag--plain    { background: #fff; color: var(--hb-color-primary); border-color: var(--hb-color-primary-border); }\n","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n/**\n * Tag 标签组件\n * 用于标记和选择\n */\n@Component({\n  tag: 'hb-tag',\n  styleUrl: 'tag.css',\n  shadow: true,\n})\nexport class Tag {\n  /** 标签类型 */\n  @Prop() type: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default' = 'default';\n\n  /** 是否可关闭 */\n  @Prop() closable: boolean = false;\n\n  /** 主题效果 */\n  @Prop() effect: 'dark' | 'light' | 'plain' = 'light';\n\n  /** 是否圆角 */\n  @Prop() round: boolean = false;\n\n  /** 标签尺寸 */\n  @Prop() size: 'small' | 'default' | 'large' = 'default';\n\n  /** 关闭事件 */\n  @Event() hbClose: EventEmitter<void>;\n\n  private handleClose = (e: Event) => {\n    e.stopPropagation();\n    this.hbClose.emit();\n  };\n\n  render() {\n    return (\n      <span\n        class={{\n          'hb-tag': true,\n          [`hb-tag--${this.type}`]: true,\n          [`hb-tag--${this.effect}`]: true,\n          'hb-tag--round': this.round,\n          [`hb-tag--${this.size}`]: true,\n        }}\n      >\n        <span class=\"hb-tag__content\">\n          <slot />\n        </span>\n        {this.closable && (\n          <span class=\"hb-tag__close\" role=\"button\" aria-label=\"移除标签\" tabIndex={0} onClick={this.handleClose}>\n            ×\n          </span>\n        )}\n      </span>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAS,yhQACf,MAAAC,EAAeD,E,MCUFE,EAAG,M,0DAENC,KAA0E,UAG1EC,SAAoB,MAGpBC,OAAqC,QAGrCC,MAAiB,MAGjBC,KAAsC,UAGrCC,QAEDC,YAAeC,IACrBA,EAAEC,kBACFC,KAAKJ,QAAQK,MAAM,EAGrB,MAAAC,GACE,OACEC,EAAA,QAAAC,IAAA,2CACEC,MAAO,CACL,SAAU,KACV,CAAC,WAAWL,KAAKT,QAAS,KAC1B,CAAC,WAAWS,KAAKP,UAAW,KAC5B,gBAAiBO,KAAKN,MACtB,CAAC,WAAWM,KAAKL,QAAS,OAG5BQ,EAAA,QAAAC,IAAA,2CAAMC,MAAM,mBACVF,EAAA,QAAAC,IAAA,8CAEDJ,KAAKR,UACJW,EAAA,QAAAC,IAAA,2CAAMC,MAAM,gBAAgBC,KAAK,SAAQ,aAAY,OAAOC,SAAU,EAAGC,QAASR,KAAKH,aAAW,K","ignoreList":[]}