npm - huibo-ui - Versions diffs - 0.3.0 → 0.4.0 - Mend

huibo-ui 0.3.0 → 0.4.0

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

Files changed (668) hide show

package/dist/components/hb-steps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"hb-steps.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,~~mnOAAmnO~~,CAAC;~~AACroO~~,sBAAe,QAAQ;;~~MCEV~~,KAAK;;;;;;;IAER,MAAM,GAAW,CAAC,CAAC;IACnB,aAAa,~~GAA4C~~,SAAS,CAAC;~~IACnE~~,WAAW,GAAY,KAAK,CAAC;IAC7B,SAAS,GAA8B,YAAY,CAAC;IAEnD,KAAK,~~GAA8C~~,EAAE,CAAC;~~IAE/D~~,gBAAgB;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAClD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM;~~YAC5C~~,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE;~~YACvC~~,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,SAAS;~~SAC3D~~,CAAC,CAAC,CAAC;~~KACL~~;IAEO,SAAS,CAAC,KAAa;QAC7B,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM;YAAE,OAAO,QAAQ,CAAC;QACzC,IAAI,KAAK,KAAK,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC,aAAa,CAAC;QACrD,OAAO,MAAM,CAAC;KACf;~~IAEO~~,OAAO,CAAC,~~KAAa~~;~~QAC3B~~,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,MAAM,KAAK,QAAQ;YAAE,OAAO,GAAG,CAAC;QACpC,IAAI,MAAM,KAAK,OAAO;YAAE,OAAO,GAAG,CAAC;QACnC,OAAO,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;KAC1B;IAED,MAAM;QACJ,QACE,~~4DAAK~~,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,aAAa,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,EAAE,wBAAwB,EAAE,IAAI,CAAC,WAAW,EAAE,~~IAChH~~,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,~~MACtB~~,~~WAAK~~,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,mBAAmB,IAAI,~~CAAC~~,SAAS,CAAC,CAAC,CAAC,~~EAAE~~,GAAG,~~IAAI~~,~~EAAE~~,~~IACpF~~,WAAK,KAAK,EAAC,gBAAgB,IACzB,YAAM,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,~~OAAO~~,CAAC,CAAC,CAAC,CAAQ,~~EACpD~~,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,WAAK,KAAK,EAAC,gBAAgB,GAAO,CAC5D,EACN,WAAK,KAAK,EAAC,gBAAgB,IACzB,WAAK,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,KAAK,CAAO,EAC9C,IAAI,CAAC,WAAW,IAAI,WAAK,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,WAAW,CAAO,CAC5E,~~CACF~~,~~CACP~~,CAAC,~~CACE~~,~~EACN~~;KACH~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":[],"sources":["src/components/Steps/steps.css?tag=hb-steps&encapsulation=shadow","src/components/Steps/Steps.tsx"],"sourcesContent":[":host { display: block; }\n.hb-steps { display: flex; }\n.hb-steps--vertical { flex-direction: column; }\n.hb-steps__item { flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; }\n.hb-steps--vertical .hb-steps__item { flex-direction: row; align-items: flex-start; gap: var(--hb-spacing-sm); padding-bottom: var(--hb-spacing-md); }\n.hb-steps__head { display: flex; align-items: center; width: 100%; }\n.hb-steps__icon {\n width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-size: var(--hb-font-size-sm); font-weight: 600; flex-shrink: 0;\n background: var(--hb-color-fill); color: var(--hb-color-text-secondary); transition: all 0.3s;\n}\n.hb-steps__item--process .hb-steps__icon { background: var(--hb-color-primary); color: #fff; }\n.hb-steps__item--finish .hb-steps__icon { background: var(--hb-color-primary); color: #fff; }\n.hb-steps__item--error .hb-steps__icon { background: var(--hb-color-danger); color: #fff; }\n.hb-steps__line { flex: 1; height: 2px; background: var(--hb-color-border-secondary); margin: 0 var(--hb-spacing-xs); }\n.hb-steps__item--finish .hb-steps__line { background: var(--hb-color-primary); }\n.hb-steps__main { text-align: center; margin-top: var(--hb-spacing-xs); }\n.hb-steps--vertical .hb-steps__main { text-align: left; }\n\n/* 对齐方式（alignCenter prop）：默认 false 时图标与文字左对齐，true 时居中 */\n.hb-steps:not(.hb-steps--align-center) .hb-steps__item { align-items: flex-start; }\n.hb-steps:not(.hb-steps--align-center) .hb-steps__main { text-align: left; }\n.hb-steps__title { font-size: var(--hb-font-size-sm); font-weight: 600; }\n.hb-steps__item--process .hb-steps__title { color: var(--hb-color-primary); }\n.hb-steps__description { font-size: var(--hb-font-size-xs); color: var(--hb-color-text-secondary); margin-top: 2px; }\n","import { Component, h, Prop, State, Element } from '@stencil/core';\n\n@Component({ tag: 'hb-steps', styleUrl: 'steps.css', shadow: true })\nexport class Steps {\n @Element() el: HTMLElement;\n @Prop() active: number = 0;\n @Prop() processStatus: ~~'wait'~~ ~~\| 'process' \| 'finish' \| 'error'~~ = 'process';\n @Prop() alignCenter: boolean = false;\n @Prop() direction: 'horizontal' \| 'vertical' = 'horizontal';\n\n @State() steps: ~~{ title: string; description?: string }~~[] = [];\n\n componentDidLoad() {\n const items = this.el.querySelectorAll('hb-step');\n this.steps = Array.from(items).map((item) => ({\n title: ~~item~~.getAttribute('title') \|\| '',\n description: ~~item~~.getAttribute('description') \|\| undefined,\n }));\n }\n\n private getStatus(index: number): ~~string~~ {\n if (index < this.active) return 'finish';\n if (index === this.active) return this.processStatus;\n return 'wait';\n }\n\n private ~~getIcon~~(index: number): ~~string~~ {\n const status = this.getStatus(index);\n if (status === 'finish') return '✓';\n if (status === 'error') return '✕';\n return String(index + 1);\n }\n\n render() {\n return (\n <~~div~~ class={{ 'hb-steps': true, [`hb-steps--${this.direction}`]: true, 'hb-steps--align-center': this.alignCenter }}>\n {this.steps.map((step, i) => (\n <~~div~~ class={{ 'hb-steps__item': true, [`hb-steps__item--${~~this.getStatus(i)~~}`]: true }}>\n <div class=\"hb-steps__head\">\n <span class=\"hb-steps__icon\">{this.~~getIcon~~(i)}</span>\n {i < this.steps.length - 1 && <div class=\"hb-steps__line\"></div>}\n </div>\n <div class=\"hb-steps__main\">\n <div class=\"hb-steps__title\">{step.title}</div>\n {step.description && <div class=\"hb-steps__description\">{step.description}</div>}\n </div>\n </~~div~~>\n ))}\n </~~div~~>\n );\n }\n}\n"],"version":3}
1	+ {"file":"hb-steps.js","mappings":"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","names":[],"sources":["src/components/Steps/steps.css?tag=hb-steps&encapsulation=shadow","src/components/Steps/Steps.tsx"],"sourcesContent":[":host { display: block; }\n.hb-steps { display: flex; }\n.hb-steps--vertical { flex-direction: column; }\n.hb-steps__item { flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; }\n.hb-steps--vertical .hb-steps__item { flex-direction: row; align-items: flex-start; gap: var(--hb-spacing-sm); padding-bottom: var(--hb-spacing-md); }\n.hb-steps__head { display: flex; align-items: center; width: 100%; }\n.hb-steps__icon {\n width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-size: var(--hb-font-size-sm); font-weight: 600; flex-shrink: 0;\n background: var(--hb-color-fill); color: var(--hb-color-text-secondary); transition: all 0.3s;\n}\n.hb-steps__item--process .hb-steps__icon { background: var(--hb-color-primary); color: #fff; }\n.hb-steps__item--finish .hb-steps__icon { background: var(--hb-color-primary); color: #fff; }\n.hb-steps__item--error .hb-steps__icon { background: var(--hb-color-danger); color: #fff; }\n.hb-steps__line { flex: 1; height: 2px; background: var(--hb-color-border-secondary); margin: 0 var(--hb-spacing-xs); }\n.hb-steps__item--finish .hb-steps__line { background: var(--hb-color-primary); }\n.hb-steps__main { text-align: center; margin-top: var(--hb-spacing-xs); }\n.hb-steps--vertical .hb-steps__main { text-align: left; }\n\n/* 对齐方式（alignCenter prop）：默认 false 时图标与文字左对齐，true 时居中 /\n.hb-steps:not(.hb-steps--align-center) .hb-steps__item { align-items: flex-start; }\n.hb-steps:not(.hb-steps--align-center) .hb-steps__main { text-align: left; }\n.hb-steps__title { font-size: var(--hb-font-size-sm); font-weight: 600; }\n.hb-steps__item--process .hb-steps__title { color: var(--hb-color-primary); }\n.hb-steps__description { font-size: var(--hb-font-size-xs); color: var(--hb-color-text-secondary); margin-top: 2px; }\n","import { Component, h, Prop, State, Element } from '@stencil/core';\n\nexport type StepStatus = 'wait' \| 'process' \| 'finish' \| 'error';\n\ninterface StepMeta {\n title: string;\n description?: string;\n /* 自定义图标名/标记（'hb-icon' name 或文本）。undefined 表示用默认序号/状态图标 /\n icon?: string;\n /* 子项显式状态覆盖（不指定则按 active 自动推导） /\n status?: StepStatus;\n}\n\n@Component({ tag: 'hb-steps', styleUrl: 'steps.css', shadow: true })\nexport class Steps {\n @Element() el: HTMLElement;\n @Prop() active: number = 0;\n @Prop() processStatus: StepStatus = 'process';\n @Prop() alignCenter: boolean = false;\n @Prop() direction: 'horizontal' \| 'vertical' = 'horizontal';\n\n @State() steps: StepMeta[] = [];\n\n componentDidLoad() {\n const items = this.el.querySelectorAll('hb-step');\n this.steps = Array.from(items).map((item) => {\n const node = item as HTMLElement;\n // 仅用 getAttribute：hb-step 的 @Prop() status 默认值为 'wait'，\n // 若读 (node as any).status 会拿到默认值，从而错误地覆盖 active 推导。\n // 用户显式在 HTML 上写 status=\"xxx\" 时 getAttribute 才有值。\n return {\n title: node.getAttribute('title') \|\| '',\n description: node.getAttribute('description') \|\| undefined,\n icon: node.getAttribute('icon') \|\| undefined,\n status: (node.getAttribute('status') \|\| undefined) as StepStatus \| undefined,\n };\n });\n }\n\n private getStatus(index: number): StepStatus {\n const meta = this.steps[index];\n // 子项显式 status 优先（仅当用户在 HTML 上写了 status 属性）\n if (meta && meta.status) return meta.status;\n if (index < this.active) return 'finish';\n if (index === this.active) return this.processStatus;\n return 'wait';\n }\n\n /* 渲染图标：子项自定义 icon 优先；否则按状态（finish=✓、error=✕、其余=序号） */\n private renderIcon(index: number): any {\n const meta = this.steps[index];\n if (meta && meta.icon) {\n // 自定义图标名：若与 hb-icon 内置图标同名则渲染 hb-icon，否则按文本渲染\n return <hb-icon name={meta.icon} size={16} aria-hidden=\"true\" />;\n }\n const status = this.getStatus(index);\n if (status === 'finish') return '✓';\n if (status === 'error') return '✕';\n return String(index + 1);\n }\n\n render() {\n return (\n <ol\n class={{ 'hb-steps': true, [`hb-steps--${this.direction}`]: true, 'hb-steps--align-center': this.alignCenter }}\n role=\"list\"\n >\n {this.steps.map((step, i) => {\n const status = this.getStatus(i);\n return (\n <li\n class={{ 'hb-steps__item': true, [`hb-steps__item--${status}`]: true }}\n role=\"listitem\"\n aria-current={status === 'process' ? 'step' : undefined}\n aria-disabled={step.status === 'wait' && i > this.active ? 'true' : undefined}\n >\n <div class=\"hb-steps__head\">\n <span class=\"hb-steps__icon\" aria-hidden=\"true\">{this.renderIcon(i)}</span>\n {i < this.steps.length - 1 && <div class=\"hb-steps__line\"></div>}\n </div>\n <div class=\"hb-steps__main\">\n <div class=\"hb-steps__title\">{step.title}</div>\n {step.description && <div class=\"hb-steps__description\">{step.description}</div>}\n </div>\n </li>\n );\n })}\n </ol>\n );\n }\n}\n"],"version":3}

package/dist/components/hb-sub-menu.js CHANGED Viewed

@@ -50,16 +50,16 @@ const SubMenu = /*@__PURE__*/ proxyCustomElement(class SubMenu extends H {
     render() {
         // 折叠态：浮层是否显示由 hover 决定；非折叠态：就地展开由 isOpen 决定
         const showChildren = this.collapsed ? this.isHover : this.isOpen;
-        return (h("li", { key: '2158b7ce59919c89c5f86a1218e1f2c16fb7cc11', class: {
+        return (h("li", { key: '17f9ce57cd6e0ae95a102346ab6950c0c667a763', class: {
                 'hb-sub-menu': true,
                 'hb-sub-menu--open': this.isOpen,
                 'hb-sub-menu--collapsed': this.collapsed,
-            }, role: "menuitem", "aria-haspopup": "menu", "aria-expanded": showChildren ? 'true' : 'false', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'ed1b49c0417a21673d8eac14dfb15e31db722917', class: "hb-sub-menu__title", role: "button", tabindex: 0, "aria-expanded": showChildren ? 'true' : 'false',
+            }, role: "menuitem", "aria-haspopup": "menu", "aria-expanded": showChildren ? 'true' : 'false', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '2ed9eb7a74af1098ff3eb88884a0f4793d4378be', class: "hb-sub-menu__title", role: "button", tabindex: 0, "aria-expanded": showChildren ? 'true' : 'false',
             // 折叠态用原生 title 提供文字提示（图标条场景）
-            title: this.collapsed ? this.label : undefined, onClick: this.toggle, onKeyDown: this.handleTitleKeydown }, this.icon && h("span", { key: '488430d18a0a4c2fd81f38d621988b3a06ef874a', class: "hb-sub-menu__icon" }, this.icon), h("span", { key: 'ba16d8aaddeba6ec00a9b19ac4069802a1cc503b', class: "hb-sub-menu__label" }, this.label), h("span", { key: 'cf3b32672f9f36d4ffbe570f7dbad1e2755afe3c', class: { 'hb-sub-menu__arrow': true, 'hb-sub-menu__arrow--open': showChildren } }, "\u25B6")), showChildren && (h("ul", { key: '6f0404f6e5b89ae0c59b47630f8d17620800b46f', class: {
+            title: this.collapsed ? this.label : undefined, onClick: this.toggle, onKeyDown: this.handleTitleKeydown }, this.icon && h("span", { key: 'df3c4eadf10aecb92f78c0659c68470f0e0734f7', class: "hb-sub-menu__icon" }, this.icon), h("span", { key: '8762056e841533e05f7191850def1d6c9be46ed9', class: "hb-sub-menu__label" }, this.label), h("span", { key: '49726c00cdb1242a478c59a3a228570148900c88', class: { 'hb-sub-menu__arrow': true, 'hb-sub-menu__arrow--open': showChildren } }, "\u25B6")), showChildren && (h("ul", { key: '22ce15ebfc88cd24a97d64facf6e7a0a4942c48a', class: {
                 'hb-sub-menu__children': true,
                 'hb-sub-menu__children--popover': this.collapsed,
-            }, role: "menu", onClick: this.handleChildrenClick }, h("slot", { key: '795f95cc807e590339faff8745eb6c36c326f9f2' })))));
+            }, role: "menu", onClick: this.handleChildrenClick }, h("slot", { key: '2d79a1770fdc267e618dda2fe5c3975f80a24d78' })))));
     }
 }, [1, "hb-sub-menu", {
         "label": [1],

package/dist/components/hb-switch.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-1407a5e8.js';
-const switchCss = "/*! 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-switch-width:40px;--hb-switch-active-color:var(--hb-color-primary);--hb-switch-inactive-color:var(--hb-color-text-placeholder,#c0c4cc);display:inline-block}.hb-switch{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;height:20px;line-height:20px;position:relative;vertical-align:middle}.hb-switch__original{height:0;margin:0;opacity:0;position:absolute;width:0}.hb-switch__core{background:var(--hb-switch-inactive-color);border:1px solid var(--hb-switch-inactive-color);border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-block;height:20px;margin:0;outline:none;position:relative;transition:border-color .3s,background-color .3s;vertical-align:middle;width:var(--hb-switch-width)}.hb-switch__core:after{background-color:var(--hb-color-white,#fff);border-radius:100%;content:\"\";height:16px;left:1px;position:absolute;top:1px;transition:all .3s;width:16px}.hb-switch--checked .hb-switch__core{background-color:var(--hb-switch-active-color);border-color:var(--hb-switch-active-color)}.hb-switch--checked .hb-switch__core:after{left:100%;margin-left:-17px}.hb-switch__inner{color:var(--hb-color-white,#fff);font-size:12px;left:23px;position:absolute;transition:all .3s}.hb-switch--checked .hb-switch__inner{left:5px}.hb-switch--disabled{cursor:not-allowed;opacity:.6}.hb-switch--disabled .hb-switch__core{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 switchCss = "/*! 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-switch-width:40px;--hb-switch-active-color:var(--hb-color-primary);--hb-switch-inactive-color:var(--hb-color-text-placeholder,#c0c4cc);display:inline-block}.hb-switch{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;height:20px;line-height:20px;position:relative;vertical-align:middle}.hb-switch__original{height:0;margin:0;opacity:0;position:absolute;width:0}.hb-switch__core{background:var(--hb-switch-inactive-color);border:1px solid var(--hb-switch-inactive-color);border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-block;height:20px;margin:0;outline:none;position:relative;transition:border-color .3s,background-color .3s;vertical-align:middle;width:var(--hb-switch-width)}.hb-switch__core:after{background-color:var(--hb-color-white,#fff);border-radius:100%;content:\"\";height:16px;left:1px;position:absolute;top:1px;transition:all .3s;width:16px}.hb-switch--checked .hb-switch__core{background-color:var(--hb-switch-active-color);border-color:var(--hb-switch-active-color)}.hb-switch--checked .hb-switch__core:after{left:100%;margin-left:-17px}.hb-switch__inner{color:var(--hb-color-white,#fff);font-size:12px;left:23px;position:absolute;transition:all .3s}.hb-switch--checked .hb-switch__inner{left:5px}.hb-switch--disabled{cursor:not-allowed;opacity:.6}.hb-switch--disabled .hb-switch__core{cursor:not-allowed}.hb-switch--inline-prompt .hb-switch__inner--inline{align-items:center;color:#fff;display:flex;font-size:12px;height:100%;left:0;pointer-events:none;right:0}.hb-switch__inner-text{align-items:center;display:flex;flex:1;justify-content:center;opacity:0;transition:opacity .2s}.hb-switch:not(.hb-switch--checked) .hb-switch__inner-text--inactive{justify-content:flex-start;opacity:1;padding-left:6px;padding-right:22px}.hb-switch:not(.hb-switch--checked) .hb-switch__inner-text--active{display:none}.hb-switch--checked .hb-switch__inner-text--active{justify-content:flex-end;opacity:1;padding-left:22px;padding-right:6px}.hb-switch--checked .hb-switch__inner-text--inactive{display:none}@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 HbSwitchStyle0 = switchCss;
 const Switch = /*@__PURE__*/ proxyCustomElement(class Switch extends H {
@@ -71,16 +71,21 @@ const Switch = /*@__PURE__*/ proxyCustomElement(class Switch extends H {
     };
     render() {
         const isChecked = this.modelValue === this.activeValue;
-        const width = this.width || (this.activeText || this.inactiveText ? 60 : 40);
-        return (h("label", { key: '1604fb9d4cee4a550e4d17cfde2804795c975b49', class: {
+        // 宽度：inlinePrompt 与 text 模式都加宽；inlinePrompt 文字塞进圆点两侧，仍需更宽一些
+        const hasText = !!(this.activeText || this.inactiveText);
+        const width = this.width || (hasText ? (this.inlinePrompt ? 50 : 60) : 40);
+        return (h("label", { key: '8dd6419c9a3bf07eb817f7dcc5527a9205fbe3ce', class: {
                 'hb-switch': true,
                 'hb-switch--checked': isChecked,
                 'hb-switch--disabled': this.disabled,
+                'hb-switch--inline-prompt': this.inlinePrompt && hasText,
             }, style: {
                 '--hb-switch-width': `${width}px`,
                 '--hb-switch-active-color': this.activeColor || 'var(--hb-color-primary)',
                 '--hb-switch-inactive-color': this.inactiveColor || 'var(--hb-color-text-placeholder, #c0c4cc)',
-            } }, h("input", { key: 'bcf5f240a911b79fe93a06c03d4defc9da535007', type: "checkbox", class: "hb-switch__original", role: "switch", "aria-checked": isChecked ? 'true' : 'false', checked: isChecked, disabled: this.disabled, onChange: this.handleChange, "aria-label": this.activeText || this.inactiveText || undefined }), h("span", { key: 'c021d1bda42d0a888b5620182e9839bdcda2acfd', class: "hb-switch__core" }, this.activeText || this.inactiveText ? (h("span", { class: "hb-switch__inner" }, isChecked ? this.activeText : this.inactiveText)) : null)));
+            } }, h("input", { key: '1b9ad2ba8333d68eb277b4c3e69def909bc1afa4', type: "checkbox", class: "hb-switch__original", role: "switch", "aria-checked": isChecked ? 'true' : 'false', checked: isChecked, disabled: this.disabled, onChange: this.handleChange, "aria-label": this.activeText || this.inactiveText || undefined }), h("span", { key: '0e5f62e436fe4269fc5297304d387226048cd1da', class: "hb-switch__core" }, hasText && !this.inlinePrompt && (h("span", { key: 'a47d95af71418779db46c9ca3149db1632fce64a', class: "hb-switch__inner" }, isChecked ? this.activeText : this.inactiveText)), hasText && this.inlinePrompt && (
+        // 内联提示：开/关文字塞进圆点两侧，随切换显隐
+        h("span", { key: 'f1988e24665253db80209065c5269ffd5ccc7679', class: "hb-switch__inner hb-switch__inner--inline" }, h("span", { key: 'ad6cc1be25962c01ec4cc4ce67a623d52a0aa79f', class: "hb-switch__inner-text hb-switch__inner-text--active" }, this.activeText), h("span", { key: '2c7e5f3087e46079fa23d55b2f42d98b773cc5b9', class: "hb-switch__inner-text hb-switch__inner-text--inactive" }, this.inactiveText))))));
     }
     static get style() { return HbSwitchStyle0; }
 }, [1, "hb-switch", {

package/dist/components/hb-switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"hb-switch.js","mappings":";;AAAA,MAAM,SAAS,GAAG,~~w8NAAw8N~~,CAAC;~~AAC39N~~,uBAAe,SAAS;;MCUX,MAAM;;;;;;;;;;IAIQ,UAAU,GAAY,KAAK,CAAC;;;;;IAM7C,QAAQ,GAAY,KAAK,CAAC;;;;;IAM1B,UAAU,CAAU;;;;IAKpB,YAAY,CAAU;;;;IAKtB,WAAW,CAAU;;;;IAKrB,aAAa,CAAU;;;;;IAMvB,WAAW,GAA8B,IAAI,CAAC;;;;;IAM9C,aAAa,GAA8B,KAAK,CAAC;;;;IAKjD,KAAK,CAAU;;;;;IAMf,YAAY,GAAY,KAAK,CAAC;;;;IAK7B,QAAQ,CAA0C;IAEnD,YAAY,GAAG,CAAC,CAAQ;QAC9B,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO;SACR;QAED,MAAM,OAAO,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC;QACvD,MAAM,KAAK,GAAG,OAAO,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC;QAE9D,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;QAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3B,CAAC;IAEF,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,WAAW,CAAC~~;QACvD~~,MAAM,~~KAAK~~,GAAG,IAAI,CAAC,~~KAAK~~,KAAK,IAAI,CAAC,~~UAAU~~,IAAI,IAAI,CAAC,YAAY,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;~~QAE7E~~,QACE,8DACE,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,oBAAoB,EAAE,SAAS;gBAC/B,qBAAqB,EAAE,IAAI,CAAC,QAAQ;~~aACrC~~,EACD,KAAK,EAAE;gBACL,mBAAmB,EAAE,GAAG,KAAK,IAAI;gBACjC,0BAA0B,EAAE,IAAI,CAAC,WAAW,IAAI,yBAAyB;gBACzE,4BAA4B,EAAE,IAAI,CAAC,aAAa,IAAI,2CAA2C;aAChG,IAED,8DACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,QAAQ,kBACC,SAAS,GAAG,MAAM,GAAG,OAAO,EAC1C,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,gBACf,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,YAAY,IAAI,SAAS,GAC7D,EACF,6DAAM,KAAK,EAAC,iBAAiB,IAC1B,IAAI,CAAC,~~UAAU,~~IAAI,~~IAAI,~~CAAC,YAAY,~~IACnC~~,~~YAAM~~,KAAK,EAAC,kBAAkB,IAC3B,SAAS,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAC3C,~~IACL~~,IAAI,~~CACH~~,CACD,EACR;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Switch/switch.css?tag=hb-switch&encapsulation=shadow","src/components/Switch/Switch.tsx"],"sourcesContent":[":host {\n display: inline-block;\n --hb-switch-width: 40px;\n --hb-switch-active-color: var(--hb-color-primary);\n --hb-switch-inactive-color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-switch {\n display: inline-flex;\n align-items: center;\n position: relative;\n font-size: 14px;\n line-height: 20px;\n height: 20px;\n vertical-align: middle;\n cursor: pointer;\n}\n\n.hb-switch__original {\n opacity: 0;\n width: 0;\n height: 0;\n margin: 0;\n position: absolute;\n}\n\n.hb-switch__core {\n margin: 0;\n display: inline-block;\n position: relative;\n width: var(--hb-switch-width);\n height: 20px;\n border: 1px solid var(--hb-switch-inactive-color);\n outline: none;\n border-radius: 10px;\n box-sizing: border-box;\n background: var(--hb-switch-inactive-color);\n cursor: pointer;\n transition: border-color 0.3s, background-color 0.3s;\n vertical-align: middle;\n}\n\n.hb-switch__core::after {\n content: '';\n position: absolute;\n top: 1px;\n left: 1px;\n border-radius: 100%;\n transition: all 0.3s;\n width: 16px;\n height: 16px;\n background-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-switch--checked .hb-switch__core {\n border-color: var(--hb-switch-active-color);\n background-color: var(--hb-switch-active-color);\n}\n\n.hb-switch--checked .hb-switch__core::after {\n left: 100%;\n margin-left: -17px;\n}\n\n.hb-switch__inner {\n position: absolute;\n left: 23px;\n font-size: 12px;\n color: var(--hb-color-white, #ffffff);\n transition: all 0.3s;\n}\n\n.hb-switch--checked .hb-switch__inner {\n left: 5px;\n}\n\n.hb-switch--disabled {\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n.hb-switch--disabled .hb-switch__core {\n cursor: not-allowed;\n}\n\n","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n/*\n Switch 开关组件\n * 表示两种相互对立的状态间的切换，多用于触发「开/关」\n /\n@Component({\n tag: 'hb-switch',\n styleUrl: 'switch.css',\n shadow: true,\n})\nexport class Switch {\n /\n 绑定值\n /\n @Prop({ mutable: true }) modelValue: boolean = false;\n\n /\n 是否禁用\n * @default false\n /\n @Prop() disabled: boolean = false;\n\n /\n 是否显示文字描述\n * @default false\n /\n @Prop() activeText?: string;\n\n /\n 关闭时的文字描述\n /\n @Prop() inactiveText?: string;\n\n /\n 打开时的背景色\n /\n @Prop() activeColor?: string;\n\n /\n 关闭时的背景色\n /\n @Prop() inactiveColor?: string;\n\n /\n 打开时的值\n * @default true\n /\n @Prop() activeValue: boolean \| string \| number = true;\n\n /\n 关闭时的值\n * @default false\n /\n @Prop() inactiveValue: boolean \| string \| number = false;\n\n /\n 宽度\n /\n @Prop() width?: number;\n\n /\n 是否内联提示\n * @default false\n /\n @Prop() inlinePrompt: boolean = false;\n\n /\n 值改变事件\n */\n @Event() hbChange: EventEmitter<boolean \| string \| number>;\n\n private handleChange = (e: Event) => {\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n\n const checked = (e.target as HTMLInputElement).checked;\n const value = checked ? this.activeValue : this.inactiveValue;\n \n this.modelValue = checked;\n this.hbChange.emit(value);\n };\n\n render() {\n const isChecked = this.modelValue === this.activeValue;\n const ~~width~~ = this.~~width~~ \|\| (this.~~activeText~~ \|\| this.~~inactiveText~~ ? 60 : 40);\n\n return (\n <label\n class={{\n 'hb-switch': true,\n 'hb-switch--checked': isChecked,\n 'hb-switch--disabled': this.disabled,\n }}\n style={{\n '--hb-switch-width': `${width}px`,\n '--hb-switch-active-color': this.activeColor \|\| 'var(--hb-color-primary)',\n '--hb-switch-inactive-color': this.inactiveColor \|\| 'var(--hb-color-text-placeholder, #c0c4cc)',\n }}\n >\n <input\n type=\"checkbox\"\n class=\"hb-switch__original\"\n role=\"switch\"\n aria-checked={isChecked ? 'true' : 'false'}\n checked={isChecked}\n disabled={this.disabled}\n onChange={this.handleChange}\n aria-label={this.activeText \|\| this.inactiveText \|\| undefined}\n />\n <span class=\"hb-switch__core\">\n {~~this.activeText~~ \|\| this.~~inactiveText~~ ? (\n <span class=\"hb-switch__inner\">\n {isChecked ? this.activeText : this.inactiveText}\n </span>\n ) : ~~null~~}\n </span>\n </label>\n );\n }\n}\n\n"],"version":3}
1	+ {"file":"hb-switch.js","mappings":";;AAAA,MAAM,SAAS,GAAG,qnPAAqnP,CAAC;AACxoP,uBAAe,SAAS;;MCUX,MAAM;;;;;;;;;;IAIQ,UAAU,GAAY,KAAK,CAAC;;;;;IAM7C,QAAQ,GAAY,KAAK,CAAC;;;;;IAM1B,UAAU,CAAU;;;;IAKpB,YAAY,CAAU;;;;IAKtB,WAAW,CAAU;;;;IAKrB,aAAa,CAAU;;;;;IAMvB,WAAW,GAA8B,IAAI,CAAC;;;;;IAM9C,aAAa,GAA8B,KAAK,CAAC;;;;IAKjD,KAAK,CAAU;;;;;IAMf,YAAY,GAAY,KAAK,CAAC;;;;IAK7B,QAAQ,CAA0C;IAEnD,YAAY,GAAG,CAAC,CAAQ;QAC9B,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO;SACR;QAED,MAAM,OAAO,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC;QACvD,MAAM,KAAK,GAAG,OAAO,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC;QAE9D,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;QAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3B,CAAC;IAEF,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,WAAW,CAAC;;QAEvD,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC;QACzD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,KAAK,OAAO,IAAI,IAAI,CAAC,YAAY,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;QAE3E,QACE,8DACE,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,oBAAoB,EAAE,SAAS;gBAC/B,qBAAqB,EAAE,IAAI,CAAC,QAAQ;gBACpC,0BAA0B,EAAE,IAAI,CAAC,YAAY,IAAI,OAAO;aACzD,EACD,KAAK,EAAE;gBACL,mBAAmB,EAAE,GAAG,KAAK,IAAI;gBACjC,0BAA0B,EAAE,IAAI,CAAC,WAAW,IAAI,yBAAyB;gBACzE,4BAA4B,EAAE,IAAI,CAAC,aAAa,IAAI,2CAA2C;aAChG,IAED,8DACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,QAAQ,kBACC,SAAS,GAAG,MAAM,GAAG,OAAO,EAC1C,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,gBACf,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,YAAY,IAAI,SAAS,GAC7D,EACF,6DAAM,KAAK,EAAC,iBAAiB,IAC1B,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,KAC5B,6DAAM,KAAK,EAAC,kBAAkB,IAC3B,SAAS,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAC3C,CACR,EACA,OAAO,IAAI,IAAI,CAAC,YAAY;;QAE3B,6DAAM,KAAK,EAAC,2CAA2C,IACrD,6DAAM,KAAK,EAAC,qDAAqD,IAAE,IAAI,CAAC,UAAU,CAAQ,EAC1F,6DAAM,KAAK,EAAC,uDAAuD,IAAE,IAAI,CAAC,YAAY,CAAQ,CACzF,CACR,CACI,CACD,EACR;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Switch/switch.css?tag=hb-switch&encapsulation=shadow","src/components/Switch/Switch.tsx"],"sourcesContent":[":host {\n display: inline-block;\n --hb-switch-width: 40px;\n --hb-switch-active-color: var(--hb-color-primary);\n --hb-switch-inactive-color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-switch {\n display: inline-flex;\n align-items: center;\n position: relative;\n font-size: 14px;\n line-height: 20px;\n height: 20px;\n vertical-align: middle;\n cursor: pointer;\n}\n\n.hb-switch__original {\n opacity: 0;\n width: 0;\n height: 0;\n margin: 0;\n position: absolute;\n}\n\n.hb-switch__core {\n margin: 0;\n display: inline-block;\n position: relative;\n width: var(--hb-switch-width);\n height: 20px;\n border: 1px solid var(--hb-switch-inactive-color);\n outline: none;\n border-radius: 10px;\n box-sizing: border-box;\n background: var(--hb-switch-inactive-color);\n cursor: pointer;\n transition: border-color 0.3s, background-color 0.3s;\n vertical-align: middle;\n}\n\n.hb-switch__core::after {\n content: '';\n position: absolute;\n top: 1px;\n left: 1px;\n border-radius: 100%;\n transition: all 0.3s;\n width: 16px;\n height: 16px;\n background-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-switch--checked .hb-switch__core {\n border-color: var(--hb-switch-active-color);\n background-color: var(--hb-switch-active-color);\n}\n\n.hb-switch--checked .hb-switch__core::after {\n left: 100%;\n margin-left: -17px;\n}\n\n.hb-switch__inner {\n position: absolute;\n left: 23px;\n font-size: 12px;\n color: var(--hb-color-white, #ffffff);\n transition: all 0.3s;\n}\n\n.hb-switch--checked .hb-switch__inner {\n left: 5px;\n}\n\n.hb-switch--disabled {\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n.hb-switch--disabled .hb-switch__core {\n cursor: not-allowed;\n}\n\n\n/* ---- inlinePrompt：文字塞进圆点两侧 ---- /\n.hb-switch--inline-prompt .hb-switch__inner--inline {\n left: 0;\n right: 0;\n display: flex;\n height: 100%;\n align-items: center;\n font-size: 12px;\n color: #fff;\n pointer-events: none;\n}\n\n.hb-switch__inner-text {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.2s;\n}\n\n/ 关闭态：左侧（inactive）显示，圆点在右 /\n.hb-switch:not(.hb-switch--checked) .hb-switch__inner-text--inactive {\n opacity: 1;\n padding-left: 6px;\n padding-right: 22px;\n justify-content: flex-start;\n}\n\n.hb-switch:not(.hb-switch--checked) .hb-switch__inner-text--active {\n display: none;\n}\n\n/ 打开态：右侧（active）显示，圆点在左 /\n.hb-switch--checked .hb-switch__inner-text--active {\n opacity: 1;\n padding-left: 22px;\n padding-right: 6px;\n justify-content: flex-end;\n}\n\n.hb-switch--checked .hb-switch__inner-text--inactive {\n display: none;\n}\n","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n/\n Switch 开关组件\n * 表示两种相互对立的状态间的切换，多用于触发「开/关」\n /\n@Component({\n tag: 'hb-switch',\n styleUrl: 'switch.css',\n shadow: true,\n})\nexport class Switch {\n /\n 绑定值\n /\n @Prop({ mutable: true }) modelValue: boolean = false;\n\n /\n 是否禁用\n * @default false\n /\n @Prop() disabled: boolean = false;\n\n /\n 是否显示文字描述\n * @default false\n /\n @Prop() activeText?: string;\n\n /\n 关闭时的文字描述\n /\n @Prop() inactiveText?: string;\n\n /\n 打开时的背景色\n /\n @Prop() activeColor?: string;\n\n /\n 关闭时的背景色\n /\n @Prop() inactiveColor?: string;\n\n /\n 打开时的值\n * @default true\n /\n @Prop() activeValue: boolean \| string \| number = true;\n\n /\n 关闭时的值\n * @default false\n /\n @Prop() inactiveValue: boolean \| string \| number = false;\n\n /\n 宽度\n /\n @Prop() width?: number;\n\n /\n 是否内联提示\n * @default false\n /\n @Prop() inlinePrompt: boolean = false;\n\n /\n 值改变事件\n */\n @Event() hbChange: EventEmitter<boolean \| string \| number>;\n\n private handleChange = (e: Event) => {\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n\n const checked = (e.target as HTMLInputElement).checked;\n const value = checked ? this.activeValue : this.inactiveValue;\n \n this.modelValue = checked;\n this.hbChange.emit(value);\n };\n\n render() {\n const isChecked = this.modelValue === this.activeValue;\n // 宽度：inlinePrompt 与 text 模式都加宽；inlinePrompt 文字塞进圆点两侧，仍需更宽一些\n const hasText = !!(this.activeText \|\| this.inactiveText);\n const width = this.width \|\| (hasText ? (this.inlinePrompt ? 50 : 60) : 40);\n\n return (\n <label\n class={{\n 'hb-switch': true,\n 'hb-switch--checked': isChecked,\n 'hb-switch--disabled': this.disabled,\n 'hb-switch--inline-prompt': this.inlinePrompt && hasText,\n }}\n style={{\n '--hb-switch-width': `${width}px`,\n '--hb-switch-active-color': this.activeColor \|\| 'var(--hb-color-primary)',\n '--hb-switch-inactive-color': this.inactiveColor \|\| 'var(--hb-color-text-placeholder, #c0c4cc)',\n }}\n >\n <input\n type=\"checkbox\"\n class=\"hb-switch__original\"\n role=\"switch\"\n aria-checked={isChecked ? 'true' : 'false'}\n checked={isChecked}\n disabled={this.disabled}\n onChange={this.handleChange}\n aria-label={this.activeText \|\| this.inactiveText \|\| undefined}\n />\n <span class=\"hb-switch__core\">\n {hasText && !this.inlinePrompt && (\n <span class=\"hb-switch__inner\">\n {isChecked ? this.activeText : this.inactiveText}\n </span>\n )}\n {hasText && this.inlinePrompt && (\n // 内联提示：开/关文字塞进圆点两侧，随切换显隐\n <span class=\"hb-switch__inner hb-switch__inner--inline\">\n <span class=\"hb-switch__inner-text hb-switch__inner-text--active\">{this.activeText}</span>\n <span class=\"hb-switch__inner-text hb-switch__inner-text--inactive\">{this.inactiveText}</span>\n </span>\n )}\n </span>\n </label>\n );\n }\n}\n\n"],"version":3}

package/dist/components/hb-tab-pane.js CHANGED Viewed

@@ -13,7 +13,7 @@ const TabPane = /*@__PURE__*/ proxyCustomElement(class TabPane extends H {
     /** 是否激活 */
     active = false;
     render() {
-        return (h("div", { key: 'fa98d25d4ff9e4150b91b25db175af36aaba295f', class: { 'hb-tab-pane': true, 'hb-tab-pane--hidden': !this.active }, role: "tabpanel", id: `hb-tabs__panel-${this.key}`, "aria-labelledby": this.key ? `hb-tabs__tab-${this.key}` : undefined, tabindex: this.active ? 0 : undefined }, h("slot", { key: 'a13d4ae22b4e093d4d5ba4994468fc22be3cecc3' })));
+        return (h("div", { key: '48f2502eb6adf6a5ac6f48cbab68583d1129a94c', class: { 'hb-tab-pane': true, 'hb-tab-pane--hidden': !this.active }, role: "tabpanel", id: `hb-tabs__panel-${this.key}`, "aria-labelledby": this.key ? `hb-tabs__tab-${this.key}` : undefined, tabindex: this.active ? 0 : undefined }, h("slot", { key: '8b8187579258806eda61194ac51225346f2da6de' })));
     }
 }, [1, "hb-tab-pane", {
         "key": [1],

package/dist/components/hb-table.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-1407a5e8.js';
-const tableCss = "/*! 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-border-style:solid;--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{.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inline-block{display:inline-block}.border{border-style:var(--tw-border-style);border-width:1px}.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{display:block}.hb-table{background-color:var(--hb-color-bg);border-radius:var(--hb-border-radius-base);overflow:hidden;position:relative}.hb-table--border{border:1px solid var(--hb-color-border-secondary)}.hb-table--border .hb-table__table th,.hb-table--border .hb-table__td{border-right:1px solid var(--hb-color-border-secondary)}.hb-table__wrapper{overflow-x:auto}.hb-table__table{border-collapse:collapse;border-spacing:0;table-layout:auto;width:100%}.hb-table__table th{background-color:var(--hb-table-header-bg);border-bottom:1px solid var(--hb-color-border-secondary);color:var(--hb-table-header-color);font-size:var(--hb-font-size-sm);font-weight:600;padding:10px 12px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.hb-table__th-content{align-items:center;display:inline-flex;gap:4px}.hb-table__th--sortable{cursor:pointer}.hb-table__th--sortable:hover{background-color:var(--hb-color-fill-tertiary)}.hb-table__sort{display:inline-flex;flex-direction:column;font-size:10px;gap:1px;line-height:1}.hb-table__sort-icon{color:var(--hb-color-text-quaternary);transition:color var(--hb-transition-duration)}.hb-table__sort-icon--active{color:var(--hb-color-primary)}.hb-table__td{border-bottom:1px solid var(--hb-table-border-color);color:var(--hb-color-text);font-size:var(--hb-font-size-sm);padding:10px 12px;transition:background-color var(--hb-transition-duration)}.hb-table__row:hover .hb-table__td{background-color:var(--hb-table-row-hover-bg)}.hb-table__row--striped .hb-table__td{background-color:var(--hb-table-stripe-bg)}.hb-table__row--current .hb-table__td{background-color:var(--hb-color-primary-bg)}.hb-table__empty{color:var(--hb-color-text-secondary);padding:var(--hb-spacing-xl)0;text-align:center}.hb-table__loading{align-items:center;background-color:#ffffffb3;display:flex;inset:0;justify-content:center;position:absolute;z-index:1}.hb-table__loading-spinner{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-table--small .hb-table__table th,.hb-table--small .hb-table__td{font-size:var(--hb-font-size-xs);padding:6px 8px}.hb-table--large .hb-table__table th,.hb-table--large .hb-table__td{font-size:var(--hb-font-size-base);padding:14px 16px}.hb-table__selection{min-width:48px;text-align:center;white-space:nowrap;width:48px}.hb-table__checkbox{accent-color:var(--hb-color-primary);cursor:pointer;height:16px;vertical-align:middle;width:16px}.hb-table__selection .hb-table__checkbox{margin:0}.hb-table__row--selected .hb-table__td{background-color:var(--hb-color-primary-bg)}.hb-table__cell--fixed-left,.hb-table__cell--fixed-right{background-color:var(--hb-color-bg);position:sticky;z-index:2}.hb-table__table th.hb-table__cell--fixed-left,.hb-table__table th.hb-table__cell--fixed-right{background-color:var(--hb-table-header-bg)}.hb-table__cell--fixed-right{box-shadow:-4px 0 8px #0000000f}.hb-table__cell--fixed-left:not(.hb-table__cell--fixed-right){box-shadow:4px 0 8px #0000000f}.hb-table__row--selected .hb-table__cell--fixed-left,.hb-table__row--selected .hb-table__cell--fixed-right{background-color:var(--hb-color-primary-bg)}.hb-table__row:hover .hb-table__cell--fixed-left,.hb-table__row:hover .hb-table__cell--fixed-right{background-color:var(--hb-table-row-hover-bg)}@keyframes hb-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.hb-table__action{background:0 0;border:none;color:var(--hb-color-primary,#1677ff);cursor:pointer;font-size:var(--hb-font-size-sm,14px);line-height:1.5;padding:0;transition:opacity var(--hb-transition-duration,.2s)}.hb-table__action:hover{opacity:.8}.hb-table__action:disabled{color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-table__action--danger{color:var(--hb-color-danger,#f5222d)}.hb-table__action--danger:disabled{color:var(--hb-color-text-disabled,#c0c4cc)}.hb-table__action+.hb-table__action{margin-left:var(--hb-spacing-sm,12px)}.hb-table--virtual{overflow:hidden}.hb-table__virtual-wrapper{display:flex;flex-direction:column}.hb-table__virtual-viewport{overflow:auto;position:relative}.hb-table__virtual-spacer{position:relative;width:100%}.hb-table__table--virtual{table-layout:fixed;width:100%}.hb-table__table--virtual tbody{position:relative}.hb-table__expand{align-items:center;background:0 0;border:none;color:var(--hb-color-text-secondary,#595959);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;line-height:1;margin-right:4px;padding:0;transition:color var(--hb-transition-duration,.2s);vertical-align:middle;width:16px}.hb-table__expand:hover{color:var(--hb-color-primary,#1677ff)}.hb-table__row--tree .hb-table__td{white-space:nowrap}.hb-table__cell--editable{cursor:text}.hb-table__cell--editable:hover{background-color:var(--hb-color-fill-tertiary,#f5f5f5)}.hb-table__edit-input{background-color:var(--hb-color-bg,#fff);border:1px solid var(--hb-color-primary,#1677ff);border-radius:var(--hb-border-radius-base,4px);box-sizing:border-box;color:var(--hb-color-text,#262626);font-size:var(--hb-font-size-sm,14px);min-width:60px;outline:none;padding:2px 6px;width:100%}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@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 tableCss = "/*! 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-border-style:solid;--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{.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inline-block{display:inline-block}.border{border-style:var(--tw-border-style);border-width:1px}.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{display:block}.hb-table{background-color:var(--hb-color-bg);border-radius:var(--hb-border-radius-base);overflow:hidden;position:relative}.hb-table--border{border:1px solid var(--hb-color-border-secondary)}.hb-table--border .hb-table__table th,.hb-table--border .hb-table__td{border-right:1px solid var(--hb-color-border-secondary)}.hb-table__wrapper{overflow-x:auto}.hb-table__table{border-collapse:collapse;border-spacing:0;table-layout:auto;width:100%}.hb-table__table th{background-color:var(--hb-table-header-bg);border-bottom:1px solid var(--hb-color-border-secondary);color:var(--hb-table-header-color);font-size:var(--hb-font-size-sm);font-weight:600;padding:10px 12px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.hb-table__th-content{align-items:center;display:inline-flex;gap:4px}.hb-table__th--sortable{cursor:pointer}.hb-table__th--sortable:hover{background-color:var(--hb-color-fill-tertiary)}.hb-table__sort{display:inline-flex;flex-direction:column;font-size:10px;gap:1px;line-height:1}.hb-table__sort-icon{color:var(--hb-color-text-quaternary);transition:color var(--hb-transition-duration)}.hb-table__sort-icon--active{color:var(--hb-color-primary)}.hb-table__td{border-bottom:1px solid var(--hb-table-border-color);color:var(--hb-color-text);font-size:var(--hb-font-size-sm);padding:10px 12px;transition:background-color var(--hb-transition-duration)}.hb-table__row:hover .hb-table__td{background-color:var(--hb-table-row-hover-bg)}.hb-table__row--striped .hb-table__td{background-color:var(--hb-table-stripe-bg)}.hb-table__row--current .hb-table__td{background-color:var(--hb-color-primary-bg)}.hb-table__empty{color:var(--hb-color-text-secondary);padding:var(--hb-spacing-xl)0;text-align:center}.hb-table__loading{align-items:center;background-color:#ffffffb3;display:flex;inset:0;justify-content:center;position:absolute;z-index:1}.hb-table__loading-spinner{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-table--small .hb-table__table th,.hb-table--small .hb-table__td{font-size:var(--hb-font-size-xs);padding:6px 8px}.hb-table--large .hb-table__table th,.hb-table--large .hb-table__td{font-size:var(--hb-font-size-base);padding:14px 16px}.hb-table__selection{min-width:48px;text-align:center;white-space:nowrap;width:48px}.hb-table__checkbox{accent-color:var(--hb-color-primary);cursor:pointer;height:16px;vertical-align:middle;width:16px}.hb-table__selection .hb-table__checkbox{margin:0}.hb-table__row--selected .hb-table__td{background-color:var(--hb-color-primary-bg)}.hb-table__cell--fixed-left,.hb-table__cell--fixed-right{background-color:var(--hb-color-bg);position:sticky;z-index:2}.hb-table__table th.hb-table__cell--fixed-left,.hb-table__table th.hb-table__cell--fixed-right{background-color:var(--hb-table-header-bg)}.hb-table__cell--fixed-right{box-shadow:-4px 0 8px #0000000f}.hb-table__cell--fixed-left:not(.hb-table__cell--fixed-right){box-shadow:4px 0 8px #0000000f}.hb-table__row--selected .hb-table__cell--fixed-left,.hb-table__row--selected .hb-table__cell--fixed-right{background-color:var(--hb-color-primary-bg)}.hb-table__row:hover .hb-table__cell--fixed-left,.hb-table__row:hover .hb-table__cell--fixed-right{background-color:var(--hb-table-row-hover-bg)}@keyframes hb-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.hb-table__action{background:0 0;border:none;color:var(--hb-color-primary,#1677ff);cursor:pointer;font-size:var(--hb-font-size-sm,14px);line-height:1.5;padding:0;transition:opacity var(--hb-transition-duration,.2s)}.hb-table__action:hover{opacity:.8}.hb-table__action:disabled{color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-table__action--danger{color:var(--hb-color-danger,#f5222d)}.hb-table__action--danger:disabled{color:var(--hb-color-text-disabled,#c0c4cc)}.hb-table__action+.hb-table__action{margin-left:var(--hb-spacing-sm,12px)}.hb-table--virtual{overflow:hidden}.hb-table__virtual-wrapper{display:flex;flex-direction:column}.hb-table__virtual-viewport{overflow:auto;position:relative}.hb-table__virtual-spacer{position:relative;width:100%}.hb-table__table--virtual{table-layout:fixed;width:100%}.hb-table__table--virtual tbody{position:relative}.hb-table__expand{align-items:center;background:0 0;border:none;color:var(--hb-color-text-secondary,#595959);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;line-height:1;margin-right:4px;padding:0;transition:color var(--hb-transition-duration,.2s);vertical-align:middle;width:16px}.hb-table__expand:hover{color:var(--hb-color-primary,#1677ff)}.hb-table__row--tree .hb-table__td{white-space:nowrap}.hb-table__cell--editable{cursor:text}.hb-table__cell--editable:hover{background-color:var(--hb-color-fill-tertiary,#f5f5f5)}.hb-table__edit-input{background-color:var(--hb-color-bg,#fff);border:1px solid var(--hb-color-primary,#1677ff);border-radius:var(--hb-border-radius-base,4px);box-sizing:border-box;color:var(--hb-color-text,#262626);font-size:var(--hb-font-size-sm,14px);min-width:60px;outline:none;padding:2px 6px;width:100%}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@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}@media (max-width:575.98px){.hb-table__table{min-width:480px}.hb-table__table thead th{background-color:var(--hb-color-bg-container,#fafafa);position:sticky;top:0;z-index:2}}";
 const HbTableStyle0 = tableCss;
 const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {

package/dist/components/hb-table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"hb-table.js","mappings":"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","names":[],"sources":["src/components/Table/table.css?tag=hb-table&encapsulation=shadow","src/components/Table/Table.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hb-table {\n position: relative;\n overflow: hidden;\n border-radius: var(--hb-border-radius-base);\n background-color: var(--hb-color-bg);\n}\n\n.hb-table--border {\n border: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-table--border .hb-table__td,\n.hb-table--border .hb-table__table th {\n border-right: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-table__wrapper {\n overflow-x: auto;\n}\n\n.hb-table__table {\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n table-layout: auto;\n}\n\n.hb-table__table th {\n background-color: var(--hb-table-header-bg);\n color: var(--hb-table-header-color);\n font-weight: 600;\n font-size: var(--hb-font-size-sm);\n padding: 10px 12px;\n text-align: left;\n border-bottom: 1px solid var(--hb-color-border-secondary);\n white-space: nowrap;\n user-select: none;\n}\n\n.hb-table__th-content {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n}\n\n.hb-table__th--sortable {\n cursor: pointer;\n}\n\n.hb-table__th--sortable:hover {\n background-color: var(--hb-color-fill-tertiary);\n}\n\n.hb-table__sort {\n display: inline-flex;\n flex-direction: column;\n line-height: 1;\n font-size: 10px;\n gap: 1px;\n}\n\n.hb-table__sort-icon {\n color: var(--hb-color-text-quaternary);\n transition: color var(--hb-transition-duration);\n}\n\n.hb-table__sort-icon--active {\n color: var(--hb-color-primary);\n}\n\n.hb-table__td {\n padding: 10px 12px;\n font-size: var(--hb-font-size-sm);\n color: var(--hb-color-text);\n border-bottom: 1px solid var(--hb-table-border-color);\n transition: background-color var(--hb-transition-duration);\n}\n\n.hb-table__row:hover .hb-table__td {\n background-color: var(--hb-table-row-hover-bg);\n}\n\n.hb-table__row--striped .hb-table__td {\n background-color: var(--hb-table-stripe-bg);\n}\n\n.hb-table__row--current .hb-table__td {\n background-color: var(--hb-color-primary-bg);\n}\n\n.hb-table__empty {\n text-align: center;\n color: var(--hb-color-text-secondary);\n padding: var(--hb-spacing-xl) 0;\n}\n\n.hb-table__loading {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(255, 255, 255, 0.7);\n z-index: 1;\n}\n\n.hb-table__loading-spinner {\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/* ---- 尺寸 ---- /\n.hb-table--small .hb-table__table th,\n.hb-table--small .hb-table__td {\n padding: 6px 8px;\n font-size: var(--hb-font-size-xs);\n}\n\n.hb-table--large .hb-table__table th,\n.hb-table--large .hb-table__td {\n padding: 14px 16px;\n font-size: var(--hb-font-size-base);\n}\n\n/ ---- 行选择 ---- /\n.hb-table__selection {\n width: 48px;\n min-width: 48px;\n text-align: center;\n white-space: nowrap;\n}\n.hb-table__checkbox {\n width: 16px;\n height: 16px;\n cursor: pointer;\n accent-color: var(--hb-color-primary);\n vertical-align: middle;\n}\n.hb-table__selection .hb-table__checkbox {\n margin: 0;\n}\n.hb-table__row--selected .hb-table__td {\n background-color: var(--hb-color-primary-bg);\n}\n\n/ ---- 固定列（sticky） ---- /\n/ 固定列单元格需要不透明背景，避免横向滚动时底层内容透出 /\n.hb-table__cell--fixed-left,\n.hb-table__cell--fixed-right {\n position: sticky;\n z-index: 2;\n background-color: var(--hb-color-bg);\n}\n.hb-table__table th.hb-table__cell--fixed-left,\n.hb-table__table th.hb-table__cell--fixed-right {\n background-color: var(--hb-table-header-bg);\n}\n.hb-table__cell--fixed-right {\n box-shadow: -4px 0 8px rgba(0, 0, 0, 0.06);\n}\n.hb-table__cell--fixed-left:not(.hb-table__cell--fixed-right) {\n box-shadow: 4px 0 8px rgba(0, 0, 0, 0.06);\n}\n/ 固定列在选中行需保持选中背景 /\n.hb-table__row--selected .hb-table__cell--fixed-left,\n.hb-table__row--selected .hb-table__cell--fixed-right {\n background-color: var(--hb-color-primary-bg);\n}\n.hb-table__row:hover .hb-table__cell--fixed-left,\n.hb-table__row:hover .hb-table__cell--fixed-right {\n background-color: var(--hb-table-row-hover-bg);\n}\n\n@keyframes hb-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n}\n\n/ 行操作按钮（link 风格，类 Ant Design） /\n.hb-table__action {\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n font-size: var(--hb-font-size-sm, 14px);\n line-height: 1.5;\n color: var(--hb-color-primary, #1677ff);\n transition: opacity var(--hb-transition-duration, 0.2s);\n}\n.hb-table__action:hover {\n opacity: 0.8;\n}\n.hb-table__action:disabled {\n color: var(--hb-color-text-disabled, #c0c4cc);\n cursor: not-allowed;\n}\n.hb-table__action--danger {\n color: var(--hb-color-danger, #f5222d);\n}\n.hb-table__action--danger:disabled {\n color: var(--hb-color-text-disabled, #c0c4cc);\n}\n.hb-table__action + .hb-table__action {\n margin-left: var(--hb-spacing-sm, 12px);\n}\n\n/ ---- 虚拟滚动 ---- /\n.hb-table--virtual {\n overflow: hidden;\n}\n.hb-table__virtual-wrapper {\n display: flex;\n flex-direction: column;\n}\n.hb-table__virtual-viewport {\n overflow-y: auto;\n overflow-x: auto;\n position: relative;\n}\n.hb-table__virtual-spacer {\n position: relative;\n width: 100%;\n}\n.hb-table__table--virtual {\n width: 100%;\n table-layout: fixed;\n}\n.hb-table__table--virtual tbody {\n / 可见窗口的行紧跟在 offset 占位行之后，撑高容器由 spacer 负责 /\n position: relative;\n}\n\n/ ---- 树形数据（可展开行） ---- /\n.hb-table__expand {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n margin-right: 4px;\n padding: 0;\n background: none;\n border: none;\n cursor: pointer;\n color: var(--hb-color-text-secondary, #595959);\n font-size: 10px;\n line-height: 1;\n vertical-align: middle;\n transition: color var(--hb-transition-duration, 0.2s);\n flex-shrink: 0;\n}\n.hb-table__expand:hover {\n color: var(--hb-color-primary, #1677ff);\n}\n.hb-table__row--tree .hb-table__td {\n / 树形行第一列内容随缩进对齐 /\n white-space: nowrap;\n}\n\n/ ---- 行内编辑 ---- /\n.hb-table__cell--editable {\n cursor: text;\n}\n.hb-table__cell--editable:hover {\n background-color: var(--hb-color-fill-tertiary, #f5f5f5);\n}\n.hb-table__edit-input {\n width: 100%;\n min-width: 60px;\n box-sizing: border-box;\n padding: 2px 6px;\n font-size: var(--hb-font-size-sm, 14px);\n color: var(--hb-color-text, #262626);\n border: 1px solid var(--hb-color-primary, #1677ff);\n border-radius: var(--hb-border-radius-base, 4px);\n outline: none;\n background-color: var(--hb-color-bg, #fff);\n}\n","import { Component, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\n\nexport interface TableColumn {\n /* 列字段名 /\n prop: string;\n /* 列标题 /\n label: string;\n /* 列宽 /\n width?: string;\n /* 最小列宽 /\n minWidth?: string;\n /* 是否可排序 /\n sortable?: boolean;\n /* 对齐方式 /\n align?: 'left' \| 'center' \| 'right';\n /* 固定列：left / right / true（等同 left） /\n fixed?: 'left' \| 'right' \| boolean;\n /* 单元格文本格式化（框架无关，返回纯文本字符串） /\n formatter?: (row: Record<string, any>, index: number) => string;\n /* 该列是否可（行内）编辑；需同时开启 Table.editable 才生效 /\n editable?: boolean;\n}\n\n/\n 行操作按钮配置（框架无关）。\n * 由 Table 自身渲染按钮（在 shadow DOM 内），点击派发 hbAction 事件，\n * 消费方据此执行编辑/删除等逻辑——无需往每行塞框架专属元素，绕开「slot 跨行共享」限制。\n /\nexport interface TableAction {\n /* 操作标识，回传到 hbAction.detail.action /\n key: string;\n /* 按钮文案 /\n label: string;\n /* 按钮样式：default 主色文字 / danger 危险色 /\n type?: 'default' \| 'primary' \| 'danger';\n /* 是否禁用（按行判断） /\n disabled?: (row: Record<string, any>, index: number) => boolean;\n}\n\nexport type SortDirection = 'ascending' \| 'descending' \| null;\n\n/\n 树形数据配置。\n * `children` 指定子节点在每行数据中的字段名（默认 'children'），\n * 行存在该字段（非空数组）时渲染展开箭头，可递归展开后代。\n /\nexport interface TableTreeProps {\n children?: string;\n}\n\n/\n 拍平后的可见行：保留原始 row + 嵌套层级 + 唯一 key，\n * 供 render 一次性 map 成 <tr>（仅含已展开链路上的后代）。\n /\ninterface FlatRow {\n row: Record<string, any>;\n level: number;\n key: string \| number;\n /* 该行是否有非空 children（决定是否渲染展开箭头） /\n hasChildren: boolean;\n /* 该行在父层数组中的索引（用于 rowKey 缺省回退与稳定 key） /\n index: number;\n}\n\ninterface FixedOffset {\n side?: 'left' \| 'right';\n left?: string;\n right?: string;\n}\n\n/\n Table 表格组件\n * 用于展示多条结构类似的数据，可对数据进行排序、筛选、选择等操作\n /\n@Component({\n tag: 'hb-table',\n styleUrl: 'table.css',\n shadow: true,\n})\nexport class Table {\n /* 数据源 /\n @Prop() data: Record<string, any>[] = [];\n\n /* 列配置 /\n @Prop() columns: TableColumn[] = [];\n\n /* 是否带斑马纹 /\n @Prop() stripe: boolean = false;\n\n /* 是否带边框 /\n @Prop() border: boolean = false;\n\n /* 表格尺寸 /\n @Prop() size: 'large' \| 'default' \| 'small' = 'default';\n\n /* 是否显示加载状态 /\n @Prop() loading: boolean = false;\n\n /* 行数据的 Key /\n @Prop() rowKey: string = '';\n\n /* 空数据文案 /\n @Prop() emptyText: string = '暂无数据';\n\n /* 最大高度（超出固定表头） /\n @Prop() maxHeight?: string;\n\n /* 是否高亮当前行 /\n @Prop() highlightCurrentRow: boolean = false;\n\n /* 是否开启行选择（显示 checkbox 列） /\n @Prop() selectable: boolean = false;\n\n /* 行操作配置；非空时自动在末尾渲染「操作」列 /\n @Prop() actions: TableAction[] = [];\n\n /* 是否开启虚拟滚动（大数据量场景，默认关闭，向后兼容） /\n @Prop() virtualScroll: boolean = false;\n\n /* 虚拟滚动每行预估高度(px)，用于计算撑高容器与可见窗口 /\n @Prop() itemHeight: number = 48;\n\n /* 虚拟滚动视口高度(px)，超过此高度出现滚动条 /\n @Prop() virtualScrollHeight: number = 400;\n\n /\n 树形数据配置：传入后启用「可展开行」模式。\n * data 行含 `children` 字段（字段名可经此配置覆盖）时渲染展开箭头。\n * 默认 undefined —— 不启用树形。\n /\n @Prop() treeProps?: TableTreeProps;\n\n /* 是否开启行内编辑模式（默认关闭）。需列配置 column.editable=true 才对该列生效 /\n @Prop() editable: boolean = false;\n\n @State() sortProp: string = '';\n @State() sortDirection: SortDirection = null;\n @State() currentRow: number = -1;\n @State() selectedRows: Set<number> = new Set();\n /* 虚拟滚动：当前滚动位置(px)，驱动可见窗口计算 /\n @State() scrollTop: number = 0;\n\n /* 树形模式：已展开行的 key 列表 /\n @State() expandedRowKeys: Array<string \| number> = [];\n\n /* 行内编辑：当前正在编辑的单元格 { key, prop }，null 表示无 /\n @State() editingCell: { rowKey: string \| number; prop: string } \| null = null;\n\n /* 排序变化事件 /\n @Event() hbSortChange: EventEmitter<{ prop: string; order: SortDirection }>;\n\n /* 行点击事件 /\n @Event() hbRowClick: EventEmitter<{ row: Record<string, any>; index: number }>;\n\n /* 选择变化事件 /\n @Event() hbSelectionChange: EventEmitter<Record<string, any>[]>;\n\n /* 行操作点击事件 /\n @Event() hbAction: EventEmitter<{ row: Record<string, any>; index: number; action: string }>;\n\n /* 树形行展开/收起事件 /\n @Event() hbExpandChange: EventEmitter<{ expanded: boolean; row: Record<string, any> }>;\n\n /* 行内编辑提交事件 /\n @Event() hbCellChange: EventEmitter<{ row: Record<string, any>; prop: string; value: any }>;\n\n @Watch('data')\n handleDataChange() {\n this.selectedRows = new Set();\n this.emitSelection();\n }\n\n /* 树形模式是否启用（显式传入 treeProps 即启用） /\n private get isTreeMode(): boolean {\n return !!this.treeProps;\n }\n\n /* 子节点字段名（treeProps.children 缺省回退 'children'） /\n private get childrenField(): string {\n return (this.treeProps && this.treeProps.children) \|\| 'children';\n }\n\n /\n 把树拍平成可见行列表：仅保留「祖先链路全部已展开」的后代。\n * @param list 当前层级的数组\n * @param level 当前层级（根 = 0）\n * @param parentKeyPath 父级 key 路径，用于构造深层稳定 key（避免不同分支同 index 撞 key）\n /\n private flattenTree(list: Record<string, any>[], level: number = 0, parentKeyPath: string = ''): FlatRow[] {\n const field = this.childrenField;\n const result: FlatRow[] = [];\n list.forEach((row, i) => {\n const keyPath = parentKeyPath ? `${parentKeyPath}.${i}` : `${i}`;\n const key = this.rowKey ? row[this.rowKey] : keyPath;\n const kids = row[field];\n const hasKids = Array.isArray(kids) && kids.length > 0;\n result.push({ row, level, key, hasChildren: hasKids, index: i });\n // 仅当该行已展开时，递归拍入其 children\n if (hasKids && this.expandedRowKeys.indexOf(key) !== -1) {\n result.push(...this.flattenTree(kids as Record<string, any>[], level + 1, keyPath));\n }\n });\n return result;\n }\n\n /* 树形展开/收起切换 /\n private toggleExpand = (row: Record<string, any>, key: string \| number) => {\n const idx = this.expandedRowKeys.indexOf(key);\n const expanded = idx === -1;\n this.expandedRowKeys = expanded ? [...this.expandedRowKeys, key] : this.expandedRowKeys.filter((k) => k !== key);\n this.hbExpandChange.emit({ expanded, row });\n };\n\n /* 行内编辑：进入编辑态 /\n private startEdit = (e: Event, key: string \| number, prop: string) => {\n e.stopPropagation();\n if (!this.editable) return;\n this.editingCell = { rowKey: key, prop };\n };\n\n /* 行内编辑：提交（回车 / 失焦 / Change） /\n private commitEdit = (e: Event, row: Record<string, any>, prop: string) => {\n const input = e.target as HTMLInputElement;\n const value = input.value;\n // 就地更新（简单可用版）：修改 row[prop] 后强制重渲染\n row[prop] = value;\n this.editingCell = null;\n this.hbCellChange.emit({ row, prop, value });\n };\n\n /* 行内编辑：回车提交 / Esc 取消 /\n private onEditKeydown = (e: KeyboardEvent, row: Record<string, any>, prop: string) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n this.commitEdit(e, row, prop);\n } else if (e.key === 'Escape') {\n e.preventDefault();\n this.editingCell = null;\n }\n };\n\n private allCheckboxRef?: HTMLInputElement;\n\n componentDidRender() {\n // indeterminate 不是可反射的 HTML 属性，必须通过 DOM 属性设置\n if (this.allCheckboxRef) {\n this.allCheckboxRef.indeterminate = this.isIndeterminate;\n }\n }\n\n /* 虚拟滚动上下缓冲行数 /\n private readonly virtualBuffer = 5;\n\n /* 虚拟滚动：滚动事件回调，更新 scrollTop 触发可见窗口重算 /\n private handleVirtualScroll = (e: Event) => {\n const target = e.target as HTMLElement;\n this.scrollTop = target.scrollTop;\n };\n\n /* 虚拟滚动：计算可见窗口 [startIndex, endIndex) /\n private get visibleRange(): { startIndex: number; endIndex: number } {\n const total = this.data.length;\n if (total === 0) return { startIndex: 0, endIndex: 0 };\n\n const itemHeight = this.itemHeight > 0 ? this.itemHeight : 1;\n const viewport = this.virtualScrollHeight;\n\n let startIndex = Math.floor(this.scrollTop / itemHeight) - this.virtualBuffer;\n if (startIndex < 0) startIndex = 0;\n\n let endIndex = Math.ceil((this.scrollTop + viewport) / itemHeight) + this.virtualBuffer;\n if (endIndex > total) endIndex = total;\n\n return { startIndex, endIndex };\n }\n\n /* 虚拟滚动：撑高容器总高度 /\n private get virtualTotalHeight(): number {\n return this.data.length (this.itemHeight > 0 ? this.itemHeight : 1);\n }\n\n private handleSort = (prop: string) => {\n if (this.sortProp === prop) {\n this.sortDirection =\n this.sortDirection === 'ascending' ? 'descending' : this.sortDirection === 'descending' ? null : 'ascending';\n } else {\n this.sortProp = prop;\n this.sortDirection = 'ascending';\n }\n this.hbSortChange.emit({ prop, order: this.sortDirection });\n };\n\n private get sortedData(): Record<string, any>[] {\n if (!this.sortProp \|\| !this.sortDirection) return this.data;\n const direction = this.sortDirection === 'ascending' ? 1 : -1;\n return [...this.data].sort((a, b) => {\n const va = a[this.sortProp];\n const vb = b[this.sortProp];\n if (va < vb) return -1 * direction;\n if (va > vb) return 1 * direction;\n return 0;\n });\n };\n\n private get isAllSelected(): boolean {\n return this.data.length > 0 && this.selectedRows.size === this.data.length;\n }\n\n private get isIndeterminate(): boolean {\n return this.selectedRows.size > 0 && this.selectedRows.size < this.data.length;\n }\n\n private toggleRow = (index: number, e: Event) => {\n e.stopPropagation();\n const next = new Set(this.selectedRows);\n if (next.has(index)) {\n next.delete(index);\n } else {\n next.add(index);\n }\n this.selectedRows = next;\n this.emitSelection();\n };\n\n private toggleAll = () => {\n if (this.isAllSelected) {\n this.selectedRows = new Set();\n } else {\n this.selectedRows = new Set(this.data.map((_, i) => i));\n }\n this.emitSelection();\n };\n\n private emitSelection() {\n const selected = Array.from(this.selectedRows)\n .sort((a, b) => a - b)\n .map((i) => this.data[i])\n .filter(Boolean);\n this.hbSelectionChange.emit(selected);\n }\n\n private handleRowClick = (row: Record<string, any>, index: number) => {\n this.currentRow = index;\n this.hbRowClick.emit({ row, index });\n };\n\n private handleAction = (row: Record<string, any>, index: number, action: string) => {\n this.hbAction.emit({ row, index, action });\n };\n\n private get hasActions(): boolean {\n return !!this.actions && this.actions.length > 0;\n }\n\n /** 计算固定列的 sticky 偏移（左侧/右侧累计宽度） /\n private get fixedOffsets(): Record<string, FixedOffset> {\n const result: Record<string, FixedOffset> = {};\n let leftAcc = '0px';\n for (const c of this.columns) {\n const side = c.fixed === true ? 'left' : c.fixed;\n if (side === 'left') {\n result[c.prop] = { side: 'left', left: leftAcc };\n leftAcc = `calc(${leftAcc} + ${c.width \|\| '0px'})`;\n }\n }\n let rightAcc = '0px';\n for (let i = this.columns.length - 1; i >= 0; i--) {\n const c = this.columns[i];\n if (c.fixed === 'right') {\n result[c.prop] = { side: 'right', right: rightAcc };\n rightAcc = `calc(${rightAcc} + ${c.width \|\| '0px'})`;\n }\n }\n return result;\n }\n\n private cellStyle(prop: string, base?: Record<string, string>): Record<string, string> {\n const off = this.fixedOffsets[prop];\n const style: Record<string, string> = { ...(base \|\| {}) };\n if (off?.side === 'left') {\n style.position = 'sticky';\n style.left = off.left as string;\n style.zIndex = '2';\n } else if (off?.side === 'right') {\n style.position = 'sticky';\n style.right = off.right as string;\n style.zIndex = '2';\n }\n return style;\n }\n\n /\n 渲染单行（普通 + 虚拟滚动 + 树形共用）。\n * - 普通模式：rowIndex 为在 sortedData 中的全局索引。\n * - 树形模式：fr.level 决定缩进，第一列渲染展开箭头，key 取 fr.key。\n * fr 为可选；未传时按普通模式渲染。\n /\n private renderRow(row: Record<string, any>, rowIndex: number, fr?: FlatRow) {\n const tree = !!fr;\n const level = fr ? fr.level : 0;\n const rowKeyVal = fr ? fr.key : this.rowKey ? row[this.rowKey] : rowIndex;\n const indent = level 16;\n\n const isEditing = (prop: string) => !!this.editingCell && this.editingCell.rowKey === rowKeyVal && this.editingCell.prop === prop;\n\n return (\n <tr\n key={rowKeyVal}\n class={{\n 'hb-table__row': true,\n 'hb-table__row--striped': this.stripe && rowIndex % 2 === 1,\n 'hb-table__row--current': this.highlightCurrentRow && rowIndex === this.currentRow,\n 'hb-table__row--selected': this.selectedRows.has(rowIndex),\n 'hb-table__row--tree': tree,\n }}\n onClick={() => this.handleRowClick(row, rowIndex)}\n >\n {this.selectable && (\n <td class=\"hb-table__selection\" onClick={(e) => e.stopPropagation()}>\n <input\n type=\"checkbox\"\n class=\"hb-table__checkbox\"\n checked={this.selectedRows.has(rowIndex)}\n onChange={(e) => this.toggleRow(rowIndex, e)}\n />\n </td>\n )}\n {this.columns.map((col, colIdx) => {\n const off = this.fixedOffsets[col.prop];\n // 树形模式：第一列加缩进 + 展开箭头\n const isFirstCol = colIdx === 0;\n const showExpand = tree && isFirstCol && fr!.hasChildren;\n const expanded = showExpand && this.expandedRowKeys.indexOf(rowKeyVal) !== -1;\n const editing = this.editable && !!col.editable && isEditing(col.prop);\n const editableActive = this.editable && !!col.editable;\n\n return (\n <td\n key={col.prop}\n style={this.cellStyle(col.prop, { textAlign: col.align \|\| 'left' })}\n class={{\n 'hb-table__td': true,\n 'hb-table__cell--fixed-left': off?.side === 'left',\n 'hb-table__cell--fixed-right': off?.side === 'right',\n 'hb-table__cell--editable': editableActive,\n }}\n onClick={editableActive ? (e) => this.startEdit(e, rowKeyVal, col.prop) : undefined}\n >\n {tree && isFirstCol && (\n <span class=\"hb-table__indent\" style={{ display: 'inline-block', width: `${indent}px` }} aria-hidden=\"true\" />\n )}\n {showExpand && (\n <button\n type=\"button\"\n class={{ 'hb-table__expand': true, 'hb-table__expand--expanded': expanded }}\n aria-label={expanded ? '收起' : '展开'}\n onClick={(e) => {\n e.stopPropagation();\n this.toggleExpand(row, rowKeyVal);\n }}\n >\n {expanded ? '▼' : '▶'}\n </button>\n )}\n {showExpand === false && tree && isFirstCol && (\n <span class=\"hb-table__expand-placeholder\" style={{ display: 'inline-block', width: '16px' }} aria-hidden=\"true\" />\n )}\n {editing ? (\n <input\n class=\"hb-table__edit-input\"\n type=\"text\"\n value={row[col.prop] ?? ''}\n onBlur={(e) => this.commitEdit(e, row, col.prop)}\n onKeyDown={(e) => this.onEditKeydown(e, row, col.prop)}\n />\n ) : (\n <slot name={`cell-${col.prop}`}>{col.formatter ? col.formatter(row, rowIndex) : row[col.prop] ?? ''}</slot>\n )}\n </td>\n );\n })}\n {this.hasActions && (\n <td class=\"hb-table__td--actions\" style={{ textAlign: 'right', whiteSpace: 'nowrap' }} onClick={(e) => e.stopPropagation()}>\n {this.actions.map((act) => (\n <button\n type=\"button\"\n class={{\n 'hb-table__action': true,\n 'hb-table__action--primary': act.type === 'primary',\n 'hb-table__action--danger': act.type === 'danger',\n }}\n disabled={act.disabled ? act.disabled(row, rowIndex) : false}\n onClick={() => this.handleAction(row, rowIndex, act.key)}\n >\n {act.label}\n </button>\n ))}\n </td>\n )}\n </tr>\n );\n }\n\n /** 渲染表头（普通 + 虚拟滚动共用，表头始终固定不随滚） /\n private renderHeader() {\n return (\n <thead>\n <tr>\n {this.selectable && (\n <th class=\"hb-table__selection\">\n <input\n type=\"checkbox\"\n class=\"hb-table__checkbox\"\n checked={this.isAllSelected}\n ref={(el) => {\n this.allCheckboxRef = el as HTMLInputElement;\n }}\n onChange={this.toggleAll}\n />\n </th>\n )}\n {this.columns.map((col) => {\n const off = this.fixedOffsets[col.prop];\n return (\n <th\n key={col.prop}\n style={this.cellStyle(col.prop, {\n width: col.width,\n minWidth: col.minWidth,\n textAlign: col.align \|\| 'left',\n })}\n class={{\n 'hb-table__th--sortable': col.sortable,\n 'hb-table__cell--fixed-left': off?.side === 'left',\n 'hb-table__cell--fixed-right': off?.side === 'right',\n }}\n onClick={col.sortable ? () => this.handleSort(col.prop) : undefined}\n >\n <div class=\"hb-table__th-content\">\n <span>{col.label}</span>\n {col.sortable && (\n <span class=\"hb-table__sort\">\n <span class={{ 'hb-table__sort-icon': true, 'hb-table__sort-icon--active': this.sortProp === col.prop && this.sortDirection === 'ascending' }}>▲</span>\n <span class={{ 'hb-table__sort-icon': true, 'hb-table__sort-icon--active': this.sortProp === col.prop && this.sortDirection === 'descending' }}>▼</span>\n </span>\n )}\n </div>\n </th>\n );\n })}\n {this.hasActions && (\n <th class=\"hb-table__th--actions\" style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>\n 操作\n </th>\n )}\n </tr>\n </thead>\n );\n }\n\n render() {\n const displayData = this.sortedData;\n const isEmpty = displayData.length === 0;\n\n // 树形模式：把可见树拍平成带 level 的行列表（仅含已展开链路上的后代）\n const flatRows: FlatRow[] = this.isTreeMode ? this.flattenTree(displayData) : [];\n\n // 虚拟滚动：固定高度滚动视口 + 撑高容器 + 仅渲染可见窗口行（绝对定位 offset）\n // 注意：树形 + 虚拟滚动组合较复杂，此处虚拟滚动沿用普通行渲染（不展开树），\n // 保留树形仅在普通模式下生效以降低风险。\n const renderVirtualBody = () => {\n const { startIndex, endIndex } = this.visibleRange;\n const offsetTop = startIndex (this.itemHeight > 0 ? this.itemHeight : 1);\n return (\n <div\n class=\"hb-table__virtual-viewport\"\n style={{ height: `${this.virtualScrollHeight}px`, overflowY: 'auto' }}\n onScroll={this.handleVirtualScroll}\n >\n <div class=\"hb-table__virtual-spacer\" style={{ height: `${this.virtualTotalHeight}px`, position: 'relative' }}>\n <table class=\"hb-table__table hb-table__table--virtual\">\n <tbody>\n {isEmpty ? (\n <tr>\n <td colSpan={this.columns.length + (this.selectable ? 1 : 0) + (this.hasActions ? 1 : 0)} class=\"hb-table__empty\">\n {this.emptyText}\n </td>\n </tr>\n ) : (\n <tr style={{ height: `${offsetTop}px` }} aria-hidden=\"true\" />\n )}\n {displayData.slice(startIndex, endIndex).map((row, i) => this.renderRow(row, startIndex + i))}\n </tbody>\n </table>\n </div>\n </div>\n );\n };\n\n // 普通模式：树形启用时按拍平列表渲染（带 level 缩进 + 展开箭头），否则原样按行渲染\n const renderNormalBody = () => (\n <tbody>\n {isEmpty ? (\n <tr>\n <td colSpan={this.columns.length + (this.selectable ? 1 : 0) + (this.hasActions ? 1 : 0)} class=\"hb-table__empty\">\n {this.emptyText}\n </td>\n </tr>\n ) : this.isTreeMode ? (\n flatRows.map((fr, i) => this.renderRow(fr.row, i, fr))\n ) : (\n displayData.map((row, rowIndex) => this.renderRow(row, rowIndex))\n )}\n </tbody>\n );\n\n return (\n <div class={{ 'hb-table': true, [`hb-table--${this.size}`]: true, 'hb-table--border': this.border, 'hb-table--virtual': this.virtualScroll }}>\n {this.loading && (\n <div class=\"hb-table__loading\">\n <div class=\"hb-table__loading-spinner\"></div>\n </div>\n )}\n {this.virtualScroll ? (\n <div class=\"hb-table__virtual-wrapper\">\n <table class=\"hb-table__table\">\n {this.renderHeader()}\n </table>\n {renderVirtualBody()}\n </div>\n ) : (\n <div class=\"hb-table__wrapper\" style={this.maxHeight ? { maxHeight: this.maxHeight, overflow: 'auto' } : undefined}>\n <table class=\"hb-table__table\">\n {this.renderHeader()}\n {renderNormalBody()}\n </table>\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"hb-table.js","mappings":"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","names":[],"sources":["src/components/Table/table.css?tag=hb-table&encapsulation=shadow","src/components/Table/Table.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hb-table {\n position: relative;\n overflow: hidden;\n border-radius: var(--hb-border-radius-base);\n background-color: var(--hb-color-bg);\n}\n\n.hb-table--border {\n border: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-table--border .hb-table__td,\n.hb-table--border .hb-table__table th {\n border-right: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-table__wrapper {\n overflow-x: auto;\n}\n\n.hb-table__table {\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n table-layout: auto;\n}\n\n.hb-table__table th {\n background-color: var(--hb-table-header-bg);\n color: var(--hb-table-header-color);\n font-weight: 600;\n font-size: var(--hb-font-size-sm);\n padding: 10px 12px;\n text-align: left;\n border-bottom: 1px solid var(--hb-color-border-secondary);\n white-space: nowrap;\n user-select: none;\n}\n\n.hb-table__th-content {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n}\n\n.hb-table__th--sortable {\n cursor: pointer;\n}\n\n.hb-table__th--sortable:hover {\n background-color: var(--hb-color-fill-tertiary);\n}\n\n.hb-table__sort {\n display: inline-flex;\n flex-direction: column;\n line-height: 1;\n font-size: 10px;\n gap: 1px;\n}\n\n.hb-table__sort-icon {\n color: var(--hb-color-text-quaternary);\n transition: color var(--hb-transition-duration);\n}\n\n.hb-table__sort-icon--active {\n color: var(--hb-color-primary);\n}\n\n.hb-table__td {\n padding: 10px 12px;\n font-size: var(--hb-font-size-sm);\n color: var(--hb-color-text);\n border-bottom: 1px solid var(--hb-table-border-color);\n transition: background-color var(--hb-transition-duration);\n}\n\n.hb-table__row:hover .hb-table__td {\n background-color: var(--hb-table-row-hover-bg);\n}\n\n.hb-table__row--striped .hb-table__td {\n background-color: var(--hb-table-stripe-bg);\n}\n\n.hb-table__row--current .hb-table__td {\n background-color: var(--hb-color-primary-bg);\n}\n\n.hb-table__empty {\n text-align: center;\n color: var(--hb-color-text-secondary);\n padding: var(--hb-spacing-xl) 0;\n}\n\n.hb-table__loading {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(255, 255, 255, 0.7);\n z-index: 1;\n}\n\n.hb-table__loading-spinner {\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/* ---- 尺寸 ---- /\n.hb-table--small .hb-table__table th,\n.hb-table--small .hb-table__td {\n padding: 6px 8px;\n font-size: var(--hb-font-size-xs);\n}\n\n.hb-table--large .hb-table__table th,\n.hb-table--large .hb-table__td {\n padding: 14px 16px;\n font-size: var(--hb-font-size-base);\n}\n\n/ ---- 行选择 ---- /\n.hb-table__selection {\n width: 48px;\n min-width: 48px;\n text-align: center;\n white-space: nowrap;\n}\n.hb-table__checkbox {\n width: 16px;\n height: 16px;\n cursor: pointer;\n accent-color: var(--hb-color-primary);\n vertical-align: middle;\n}\n.hb-table__selection .hb-table__checkbox {\n margin: 0;\n}\n.hb-table__row--selected .hb-table__td {\n background-color: var(--hb-color-primary-bg);\n}\n\n/ ---- 固定列（sticky） ---- /\n/ 固定列单元格需要不透明背景，避免横向滚动时底层内容透出 /\n.hb-table__cell--fixed-left,\n.hb-table__cell--fixed-right {\n position: sticky;\n z-index: 2;\n background-color: var(--hb-color-bg);\n}\n.hb-table__table th.hb-table__cell--fixed-left,\n.hb-table__table th.hb-table__cell--fixed-right {\n background-color: var(--hb-table-header-bg);\n}\n.hb-table__cell--fixed-right {\n box-shadow: -4px 0 8px rgba(0, 0, 0, 0.06);\n}\n.hb-table__cell--fixed-left:not(.hb-table__cell--fixed-right) {\n box-shadow: 4px 0 8px rgba(0, 0, 0, 0.06);\n}\n/ 固定列在选中行需保持选中背景 /\n.hb-table__row--selected .hb-table__cell--fixed-left,\n.hb-table__row--selected .hb-table__cell--fixed-right {\n background-color: var(--hb-color-primary-bg);\n}\n.hb-table__row:hover .hb-table__cell--fixed-left,\n.hb-table__row:hover .hb-table__cell--fixed-right {\n background-color: var(--hb-table-row-hover-bg);\n}\n\n@keyframes hb-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n}\n\n/ 行操作按钮（link 风格，类 Ant Design） /\n.hb-table__action {\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n font-size: var(--hb-font-size-sm, 14px);\n line-height: 1.5;\n color: var(--hb-color-primary, #1677ff);\n transition: opacity var(--hb-transition-duration, 0.2s);\n}\n.hb-table__action:hover {\n opacity: 0.8;\n}\n.hb-table__action:disabled {\n color: var(--hb-color-text-disabled, #c0c4cc);\n cursor: not-allowed;\n}\n.hb-table__action--danger {\n color: var(--hb-color-danger, #f5222d);\n}\n.hb-table__action--danger:disabled {\n color: var(--hb-color-text-disabled, #c0c4cc);\n}\n.hb-table__action + .hb-table__action {\n margin-left: var(--hb-spacing-sm, 12px);\n}\n\n/ ---- 虚拟滚动 ---- /\n.hb-table--virtual {\n overflow: hidden;\n}\n.hb-table__virtual-wrapper {\n display: flex;\n flex-direction: column;\n}\n.hb-table__virtual-viewport {\n overflow-y: auto;\n overflow-x: auto;\n position: relative;\n}\n.hb-table__virtual-spacer {\n position: relative;\n width: 100%;\n}\n.hb-table__table--virtual {\n width: 100%;\n table-layout: fixed;\n}\n.hb-table__table--virtual tbody {\n / 可见窗口的行紧跟在 offset 占位行之后，撑高容器由 spacer 负责 /\n position: relative;\n}\n\n/ ---- 树形数据（可展开行） ---- /\n.hb-table__expand {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n margin-right: 4px;\n padding: 0;\n background: none;\n border: none;\n cursor: pointer;\n color: var(--hb-color-text-secondary, #595959);\n font-size: 10px;\n line-height: 1;\n vertical-align: middle;\n transition: color var(--hb-transition-duration, 0.2s);\n flex-shrink: 0;\n}\n.hb-table__expand:hover {\n color: var(--hb-color-primary, #1677ff);\n}\n.hb-table__row--tree .hb-table__td {\n / 树形行第一列内容随缩进对齐 /\n white-space: nowrap;\n}\n\n/ ---- 行内编辑 ---- /\n.hb-table__cell--editable {\n cursor: text;\n}\n.hb-table__cell--editable:hover {\n background-color: var(--hb-color-fill-tertiary, #f5f5f5);\n}\n.hb-table__edit-input {\n width: 100%;\n min-width: 60px;\n box-sizing: border-box;\n padding: 2px 6px;\n font-size: var(--hb-font-size-sm, 14px);\n color: var(--hb-color-text, #262626);\n border: 1px solid var(--hb-color-primary, #1677ff);\n border-radius: var(--hb-border-radius-base, 4px);\n outline: none;\n background-color: var(--hb-color-bg, #fff);\n}\n\n/ ============================================================\n * 响应式（移动端）：\n * - 小屏强制最小宽度，避免列被挤压到不可读（保留横向滚动）\n * - sticky 表头在滚动时保持可见\n * ============================================================ /\n@media (max-width: 575.98px) {\n .hb-table__table {\n / 最小宽度保证列内容可读，超出靠 wrapper 横向滚动 /\n min-width: 480px;\n }\n\n / sticky 表头：横向滚动时表头跟随 /\n .hb-table__table thead th {\n position: sticky;\n top: 0;\n z-index: 2;\n background-color: var(--hb-color-bg-container, #fafafa);\n }\n}\n","import { Component, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\n\nexport interface TableColumn {\n /* 列字段名 /\n prop: string;\n /* 列标题 /\n label: string;\n /* 列宽 /\n width?: string;\n /* 最小列宽 /\n minWidth?: string;\n /* 是否可排序 /\n sortable?: boolean;\n /* 对齐方式 /\n align?: 'left' \| 'center' \| 'right';\n /* 固定列：left / right / true（等同 left） /\n fixed?: 'left' \| 'right' \| boolean;\n /* 单元格文本格式化（框架无关，返回纯文本字符串） /\n formatter?: (row: Record<string, any>, index: number) => string;\n /* 该列是否可（行内）编辑；需同时开启 Table.editable 才生效 /\n editable?: boolean;\n}\n\n/\n 行操作按钮配置（框架无关）。\n * 由 Table 自身渲染按钮（在 shadow DOM 内），点击派发 hbAction 事件，\n * 消费方据此执行编辑/删除等逻辑——无需往每行塞框架专属元素，绕开「slot 跨行共享」限制。\n /\nexport interface TableAction {\n /* 操作标识，回传到 hbAction.detail.action /\n key: string;\n /* 按钮文案 /\n label: string;\n /* 按钮样式：default 主色文字 / danger 危险色 /\n type?: 'default' \| 'primary' \| 'danger';\n /* 是否禁用（按行判断） /\n disabled?: (row: Record<string, any>, index: number) => boolean;\n}\n\nexport type SortDirection = 'ascending' \| 'descending' \| null;\n\n/\n 树形数据配置。\n * `children` 指定子节点在每行数据中的字段名（默认 'children'），\n * 行存在该字段（非空数组）时渲染展开箭头，可递归展开后代。\n /\nexport interface TableTreeProps {\n children?: string;\n}\n\n/\n 拍平后的可见行：保留原始 row + 嵌套层级 + 唯一 key，\n * 供 render 一次性 map 成 <tr>（仅含已展开链路上的后代）。\n /\ninterface FlatRow {\n row: Record<string, any>;\n level: number;\n key: string \| number;\n /* 该行是否有非空 children（决定是否渲染展开箭头） /\n hasChildren: boolean;\n /* 该行在父层数组中的索引（用于 rowKey 缺省回退与稳定 key） /\n index: number;\n}\n\ninterface FixedOffset {\n side?: 'left' \| 'right';\n left?: string;\n right?: string;\n}\n\n/\n Table 表格组件\n * 用于展示多条结构类似的数据，可对数据进行排序、筛选、选择等操作\n /\n@Component({\n tag: 'hb-table',\n styleUrl: 'table.css',\n shadow: true,\n})\nexport class Table {\n /* 数据源 /\n @Prop() data: Record<string, any>[] = [];\n\n /* 列配置 /\n @Prop() columns: TableColumn[] = [];\n\n /* 是否带斑马纹 /\n @Prop() stripe: boolean = false;\n\n /* 是否带边框 /\n @Prop() border: boolean = false;\n\n /* 表格尺寸 /\n @Prop() size: 'large' \| 'default' \| 'small' = 'default';\n\n /* 是否显示加载状态 /\n @Prop() loading: boolean = false;\n\n /* 行数据的 Key /\n @Prop() rowKey: string = '';\n\n /* 空数据文案 /\n @Prop() emptyText: string = '暂无数据';\n\n /* 最大高度（超出固定表头） /\n @Prop() maxHeight?: string;\n\n /* 是否高亮当前行 /\n @Prop() highlightCurrentRow: boolean = false;\n\n /* 是否开启行选择（显示 checkbox 列） /\n @Prop() selectable: boolean = false;\n\n /* 行操作配置；非空时自动在末尾渲染「操作」列 /\n @Prop() actions: TableAction[] = [];\n\n /* 是否开启虚拟滚动（大数据量场景，默认关闭，向后兼容） /\n @Prop() virtualScroll: boolean = false;\n\n /* 虚拟滚动每行预估高度(px)，用于计算撑高容器与可见窗口 /\n @Prop() itemHeight: number = 48;\n\n /* 虚拟滚动视口高度(px)，超过此高度出现滚动条 /\n @Prop() virtualScrollHeight: number = 400;\n\n /\n 树形数据配置：传入后启用「可展开行」模式。\n * data 行含 `children` 字段（字段名可经此配置覆盖）时渲染展开箭头。\n * 默认 undefined —— 不启用树形。\n /\n @Prop() treeProps?: TableTreeProps;\n\n /* 是否开启行内编辑模式（默认关闭）。需列配置 column.editable=true 才对该列生效 /\n @Prop() editable: boolean = false;\n\n @State() sortProp: string = '';\n @State() sortDirection: SortDirection = null;\n @State() currentRow: number = -1;\n @State() selectedRows: Set<number> = new Set();\n /* 虚拟滚动：当前滚动位置(px)，驱动可见窗口计算 /\n @State() scrollTop: number = 0;\n\n /* 树形模式：已展开行的 key 列表 /\n @State() expandedRowKeys: Array<string \| number> = [];\n\n /* 行内编辑：当前正在编辑的单元格 { key, prop }，null 表示无 /\n @State() editingCell: { rowKey: string \| number; prop: string } \| null = null;\n\n /* 排序变化事件 /\n @Event() hbSortChange: EventEmitter<{ prop: string; order: SortDirection }>;\n\n /* 行点击事件 /\n @Event() hbRowClick: EventEmitter<{ row: Record<string, any>; index: number }>;\n\n /* 选择变化事件 /\n @Event() hbSelectionChange: EventEmitter<Record<string, any>[]>;\n\n /* 行操作点击事件 /\n @Event() hbAction: EventEmitter<{ row: Record<string, any>; index: number; action: string }>;\n\n /* 树形行展开/收起事件 /\n @Event() hbExpandChange: EventEmitter<{ expanded: boolean; row: Record<string, any> }>;\n\n /* 行内编辑提交事件 /\n @Event() hbCellChange: EventEmitter<{ row: Record<string, any>; prop: string; value: any }>;\n\n @Watch('data')\n handleDataChange() {\n this.selectedRows = new Set();\n this.emitSelection();\n }\n\n /* 树形模式是否启用（显式传入 treeProps 即启用） /\n private get isTreeMode(): boolean {\n return !!this.treeProps;\n }\n\n /* 子节点字段名（treeProps.children 缺省回退 'children'） /\n private get childrenField(): string {\n return (this.treeProps && this.treeProps.children) \|\| 'children';\n }\n\n /\n 把树拍平成可见行列表：仅保留「祖先链路全部已展开」的后代。\n * @param list 当前层级的数组\n * @param level 当前层级（根 = 0）\n * @param parentKeyPath 父级 key 路径，用于构造深层稳定 key（避免不同分支同 index 撞 key）\n /\n private flattenTree(list: Record<string, any>[], level: number = 0, parentKeyPath: string = ''): FlatRow[] {\n const field = this.childrenField;\n const result: FlatRow[] = [];\n list.forEach((row, i) => {\n const keyPath = parentKeyPath ? `${parentKeyPath}.${i}` : `${i}`;\n const key = this.rowKey ? row[this.rowKey] : keyPath;\n const kids = row[field];\n const hasKids = Array.isArray(kids) && kids.length > 0;\n result.push({ row, level, key, hasChildren: hasKids, index: i });\n // 仅当该行已展开时，递归拍入其 children\n if (hasKids && this.expandedRowKeys.indexOf(key) !== -1) {\n result.push(...this.flattenTree(kids as Record<string, any>[], level + 1, keyPath));\n }\n });\n return result;\n }\n\n /* 树形展开/收起切换 /\n private toggleExpand = (row: Record<string, any>, key: string \| number) => {\n const idx = this.expandedRowKeys.indexOf(key);\n const expanded = idx === -1;\n this.expandedRowKeys = expanded ? [...this.expandedRowKeys, key] : this.expandedRowKeys.filter((k) => k !== key);\n this.hbExpandChange.emit({ expanded, row });\n };\n\n /* 行内编辑：进入编辑态 /\n private startEdit = (e: Event, key: string \| number, prop: string) => {\n e.stopPropagation();\n if (!this.editable) return;\n this.editingCell = { rowKey: key, prop };\n };\n\n /* 行内编辑：提交（回车 / 失焦 / Change） /\n private commitEdit = (e: Event, row: Record<string, any>, prop: string) => {\n const input = e.target as HTMLInputElement;\n const value = input.value;\n // 就地更新（简单可用版）：修改 row[prop] 后强制重渲染\n row[prop] = value;\n this.editingCell = null;\n this.hbCellChange.emit({ row, prop, value });\n };\n\n /* 行内编辑：回车提交 / Esc 取消 /\n private onEditKeydown = (e: KeyboardEvent, row: Record<string, any>, prop: string) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n this.commitEdit(e, row, prop);\n } else if (e.key === 'Escape') {\n e.preventDefault();\n this.editingCell = null;\n }\n };\n\n private allCheckboxRef?: HTMLInputElement;\n\n componentDidRender() {\n // indeterminate 不是可反射的 HTML 属性，必须通过 DOM 属性设置\n if (this.allCheckboxRef) {\n this.allCheckboxRef.indeterminate = this.isIndeterminate;\n }\n }\n\n /* 虚拟滚动上下缓冲行数 /\n private readonly virtualBuffer = 5;\n\n /* 虚拟滚动：滚动事件回调，更新 scrollTop 触发可见窗口重算 /\n private handleVirtualScroll = (e: Event) => {\n const target = e.target as HTMLElement;\n this.scrollTop = target.scrollTop;\n };\n\n /* 虚拟滚动：计算可见窗口 [startIndex, endIndex) /\n private get visibleRange(): { startIndex: number; endIndex: number } {\n const total = this.data.length;\n if (total === 0) return { startIndex: 0, endIndex: 0 };\n\n const itemHeight = this.itemHeight > 0 ? this.itemHeight : 1;\n const viewport = this.virtualScrollHeight;\n\n let startIndex = Math.floor(this.scrollTop / itemHeight) - this.virtualBuffer;\n if (startIndex < 0) startIndex = 0;\n\n let endIndex = Math.ceil((this.scrollTop + viewport) / itemHeight) + this.virtualBuffer;\n if (endIndex > total) endIndex = total;\n\n return { startIndex, endIndex };\n }\n\n /* 虚拟滚动：撑高容器总高度 /\n private get virtualTotalHeight(): number {\n return this.data.length (this.itemHeight > 0 ? this.itemHeight : 1);\n }\n\n private handleSort = (prop: string) => {\n if (this.sortProp === prop) {\n this.sortDirection =\n this.sortDirection === 'ascending' ? 'descending' : this.sortDirection === 'descending' ? null : 'ascending';\n } else {\n this.sortProp = prop;\n this.sortDirection = 'ascending';\n }\n this.hbSortChange.emit({ prop, order: this.sortDirection });\n };\n\n private get sortedData(): Record<string, any>[] {\n if (!this.sortProp \|\| !this.sortDirection) return this.data;\n const direction = this.sortDirection === 'ascending' ? 1 : -1;\n return [...this.data].sort((a, b) => {\n const va = a[this.sortProp];\n const vb = b[this.sortProp];\n if (va < vb) return -1 * direction;\n if (va > vb) return 1 * direction;\n return 0;\n });\n };\n\n private get isAllSelected(): boolean {\n return this.data.length > 0 && this.selectedRows.size === this.data.length;\n }\n\n private get isIndeterminate(): boolean {\n return this.selectedRows.size > 0 && this.selectedRows.size < this.data.length;\n }\n\n private toggleRow = (index: number, e: Event) => {\n e.stopPropagation();\n const next = new Set(this.selectedRows);\n if (next.has(index)) {\n next.delete(index);\n } else {\n next.add(index);\n }\n this.selectedRows = next;\n this.emitSelection();\n };\n\n private toggleAll = () => {\n if (this.isAllSelected) {\n this.selectedRows = new Set();\n } else {\n this.selectedRows = new Set(this.data.map((_, i) => i));\n }\n this.emitSelection();\n };\n\n private emitSelection() {\n const selected = Array.from(this.selectedRows)\n .sort((a, b) => a - b)\n .map((i) => this.data[i])\n .filter(Boolean);\n this.hbSelectionChange.emit(selected);\n }\n\n private handleRowClick = (row: Record<string, any>, index: number) => {\n this.currentRow = index;\n this.hbRowClick.emit({ row, index });\n };\n\n private handleAction = (row: Record<string, any>, index: number, action: string) => {\n this.hbAction.emit({ row, index, action });\n };\n\n private get hasActions(): boolean {\n return !!this.actions && this.actions.length > 0;\n }\n\n /** 计算固定列的 sticky 偏移（左侧/右侧累计宽度） /\n private get fixedOffsets(): Record<string, FixedOffset> {\n const result: Record<string, FixedOffset> = {};\n let leftAcc = '0px';\n for (const c of this.columns) {\n const side = c.fixed === true ? 'left' : c.fixed;\n if (side === 'left') {\n result[c.prop] = { side: 'left', left: leftAcc };\n leftAcc = `calc(${leftAcc} + ${c.width \|\| '0px'})`;\n }\n }\n let rightAcc = '0px';\n for (let i = this.columns.length - 1; i >= 0; i--) {\n const c = this.columns[i];\n if (c.fixed === 'right') {\n result[c.prop] = { side: 'right', right: rightAcc };\n rightAcc = `calc(${rightAcc} + ${c.width \|\| '0px'})`;\n }\n }\n return result;\n }\n\n private cellStyle(prop: string, base?: Record<string, string>): Record<string, string> {\n const off = this.fixedOffsets[prop];\n const style: Record<string, string> = { ...(base \|\| {}) };\n if (off?.side === 'left') {\n style.position = 'sticky';\n style.left = off.left as string;\n style.zIndex = '2';\n } else if (off?.side === 'right') {\n style.position = 'sticky';\n style.right = off.right as string;\n style.zIndex = '2';\n }\n return style;\n }\n\n /\n 渲染单行（普通 + 虚拟滚动 + 树形共用）。\n * - 普通模式：rowIndex 为在 sortedData 中的全局索引。\n * - 树形模式：fr.level 决定缩进，第一列渲染展开箭头，key 取 fr.key。\n * fr 为可选；未传时按普通模式渲染。\n /\n private renderRow(row: Record<string, any>, rowIndex: number, fr?: FlatRow) {\n const tree = !!fr;\n const level = fr ? fr.level : 0;\n const rowKeyVal = fr ? fr.key : this.rowKey ? row[this.rowKey] : rowIndex;\n const indent = level 16;\n\n const isEditing = (prop: string) => !!this.editingCell && this.editingCell.rowKey === rowKeyVal && this.editingCell.prop === prop;\n\n return (\n <tr\n key={rowKeyVal}\n class={{\n 'hb-table__row': true,\n 'hb-table__row--striped': this.stripe && rowIndex % 2 === 1,\n 'hb-table__row--current': this.highlightCurrentRow && rowIndex === this.currentRow,\n 'hb-table__row--selected': this.selectedRows.has(rowIndex),\n 'hb-table__row--tree': tree,\n }}\n onClick={() => this.handleRowClick(row, rowIndex)}\n >\n {this.selectable && (\n <td class=\"hb-table__selection\" onClick={(e) => e.stopPropagation()}>\n <input\n type=\"checkbox\"\n class=\"hb-table__checkbox\"\n checked={this.selectedRows.has(rowIndex)}\n onChange={(e) => this.toggleRow(rowIndex, e)}\n />\n </td>\n )}\n {this.columns.map((col, colIdx) => {\n const off = this.fixedOffsets[col.prop];\n // 树形模式：第一列加缩进 + 展开箭头\n const isFirstCol = colIdx === 0;\n const showExpand = tree && isFirstCol && fr!.hasChildren;\n const expanded = showExpand && this.expandedRowKeys.indexOf(rowKeyVal) !== -1;\n const editing = this.editable && !!col.editable && isEditing(col.prop);\n const editableActive = this.editable && !!col.editable;\n\n return (\n <td\n key={col.prop}\n style={this.cellStyle(col.prop, { textAlign: col.align \|\| 'left' })}\n class={{\n 'hb-table__td': true,\n 'hb-table__cell--fixed-left': off?.side === 'left',\n 'hb-table__cell--fixed-right': off?.side === 'right',\n 'hb-table__cell--editable': editableActive,\n }}\n onClick={editableActive ? (e) => this.startEdit(e, rowKeyVal, col.prop) : undefined}\n >\n {tree && isFirstCol && (\n <span class=\"hb-table__indent\" style={{ display: 'inline-block', width: `${indent}px` }} aria-hidden=\"true\" />\n )}\n {showExpand && (\n <button\n type=\"button\"\n class={{ 'hb-table__expand': true, 'hb-table__expand--expanded': expanded }}\n aria-label={expanded ? '收起' : '展开'}\n onClick={(e) => {\n e.stopPropagation();\n this.toggleExpand(row, rowKeyVal);\n }}\n >\n {expanded ? '▼' : '▶'}\n </button>\n )}\n {showExpand === false && tree && isFirstCol && (\n <span class=\"hb-table__expand-placeholder\" style={{ display: 'inline-block', width: '16px' }} aria-hidden=\"true\" />\n )}\n {editing ? (\n <input\n class=\"hb-table__edit-input\"\n type=\"text\"\n value={row[col.prop] ?? ''}\n onBlur={(e) => this.commitEdit(e, row, col.prop)}\n onKeyDown={(e) => this.onEditKeydown(e, row, col.prop)}\n />\n ) : (\n <slot name={`cell-${col.prop}`}>{col.formatter ? col.formatter(row, rowIndex) : row[col.prop] ?? ''}</slot>\n )}\n </td>\n );\n })}\n {this.hasActions && (\n <td class=\"hb-table__td--actions\" style={{ textAlign: 'right', whiteSpace: 'nowrap' }} onClick={(e) => e.stopPropagation()}>\n {this.actions.map((act) => (\n <button\n type=\"button\"\n class={{\n 'hb-table__action': true,\n 'hb-table__action--primary': act.type === 'primary',\n 'hb-table__action--danger': act.type === 'danger',\n }}\n disabled={act.disabled ? act.disabled(row, rowIndex) : false}\n onClick={() => this.handleAction(row, rowIndex, act.key)}\n >\n {act.label}\n </button>\n ))}\n </td>\n )}\n </tr>\n );\n }\n\n /** 渲染表头（普通 + 虚拟滚动共用，表头始终固定不随滚） /\n private renderHeader() {\n return (\n <thead>\n <tr>\n {this.selectable && (\n <th class=\"hb-table__selection\">\n <input\n type=\"checkbox\"\n class=\"hb-table__checkbox\"\n checked={this.isAllSelected}\n ref={(el) => {\n this.allCheckboxRef = el as HTMLInputElement;\n }}\n onChange={this.toggleAll}\n />\n </th>\n )}\n {this.columns.map((col) => {\n const off = this.fixedOffsets[col.prop];\n return (\n <th\n key={col.prop}\n style={this.cellStyle(col.prop, {\n width: col.width,\n minWidth: col.minWidth,\n textAlign: col.align \|\| 'left',\n })}\n class={{\n 'hb-table__th--sortable': col.sortable,\n 'hb-table__cell--fixed-left': off?.side === 'left',\n 'hb-table__cell--fixed-right': off?.side === 'right',\n }}\n onClick={col.sortable ? () => this.handleSort(col.prop) : undefined}\n >\n <div class=\"hb-table__th-content\">\n <span>{col.label}</span>\n {col.sortable && (\n <span class=\"hb-table__sort\">\n <span class={{ 'hb-table__sort-icon': true, 'hb-table__sort-icon--active': this.sortProp === col.prop && this.sortDirection === 'ascending' }}>▲</span>\n <span class={{ 'hb-table__sort-icon': true, 'hb-table__sort-icon--active': this.sortProp === col.prop && this.sortDirection === 'descending' }}>▼</span>\n </span>\n )}\n </div>\n </th>\n );\n })}\n {this.hasActions && (\n <th class=\"hb-table__th--actions\" style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>\n 操作\n </th>\n )}\n </tr>\n </thead>\n );\n }\n\n render() {\n const displayData = this.sortedData;\n const isEmpty = displayData.length === 0;\n\n // 树形模式：把可见树拍平成带 level 的行列表（仅含已展开链路上的后代）\n const flatRows: FlatRow[] = this.isTreeMode ? this.flattenTree(displayData) : [];\n\n // 虚拟滚动：固定高度滚动视口 + 撑高容器 + 仅渲染可见窗口行（绝对定位 offset）\n // 注意：树形 + 虚拟滚动组合较复杂，此处虚拟滚动沿用普通行渲染（不展开树），\n // 保留树形仅在普通模式下生效以降低风险。\n const renderVirtualBody = () => {\n const { startIndex, endIndex } = this.visibleRange;\n const offsetTop = startIndex (this.itemHeight > 0 ? this.itemHeight : 1);\n return (\n <div\n class=\"hb-table__virtual-viewport\"\n style={{ height: `${this.virtualScrollHeight}px`, overflowY: 'auto' }}\n onScroll={this.handleVirtualScroll}\n >\n <div class=\"hb-table__virtual-spacer\" style={{ height: `${this.virtualTotalHeight}px`, position: 'relative' }}>\n <table class=\"hb-table__table hb-table__table--virtual\">\n <tbody>\n {isEmpty ? (\n <tr>\n <td colSpan={this.columns.length + (this.selectable ? 1 : 0) + (this.hasActions ? 1 : 0)} class=\"hb-table__empty\">\n {this.emptyText}\n </td>\n </tr>\n ) : (\n <tr style={{ height: `${offsetTop}px` }} aria-hidden=\"true\" />\n )}\n {displayData.slice(startIndex, endIndex).map((row, i) => this.renderRow(row, startIndex + i))}\n </tbody>\n </table>\n </div>\n </div>\n );\n };\n\n // 普通模式：树形启用时按拍平列表渲染（带 level 缩进 + 展开箭头），否则原样按行渲染\n const renderNormalBody = () => (\n <tbody>\n {isEmpty ? (\n <tr>\n <td colSpan={this.columns.length + (this.selectable ? 1 : 0) + (this.hasActions ? 1 : 0)} class=\"hb-table__empty\">\n {this.emptyText}\n </td>\n </tr>\n ) : this.isTreeMode ? (\n flatRows.map((fr, i) => this.renderRow(fr.row, i, fr))\n ) : (\n displayData.map((row, rowIndex) => this.renderRow(row, rowIndex))\n )}\n </tbody>\n );\n\n return (\n <div class={{ 'hb-table': true, [`hb-table--${this.size}`]: true, 'hb-table--border': this.border, 'hb-table--virtual': this.virtualScroll }}>\n {this.loading && (\n <div class=\"hb-table__loading\">\n <div class=\"hb-table__loading-spinner\"></div>\n </div>\n )}\n {this.virtualScroll ? (\n <div class=\"hb-table__virtual-wrapper\">\n <table class=\"hb-table__table\">\n {this.renderHeader()}\n </table>\n {renderVirtualBody()}\n </div>\n ) : (\n <div class=\"hb-table__wrapper\" style={this.maxHeight ? { maxHeight: this.maxHeight, overflow: 'auto' } : undefined}>\n <table class=\"hb-table__table\">\n {this.renderHeader()}\n {renderNormalBody()}\n </table>\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/hb-tabs.js CHANGED Viewed

@@ -90,7 +90,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends H {
         items?.[idx]?.focus();
     }
     render() {
-        return (h("div", { key: '796e99789e8493219eebb94cc65fcbc2d7215518', class: { 'hb-tabs': true, [`hb-tabs--${this.type}`]: true } }, h("div", { key: 'f291d1e3acc730d0243aef4514018b881748c9ef', class: "hb-tabs__header" }, h("div", { key: 'a3cf56bb33eafea5b36d6f38e616838b9436d58b', class: "hb-tabs__nav", role: "tablist" }, this.tabs.map((tab, index) => {
+        return (h("div", { key: '3da48f868d9a457ff75142065ad7d12943cadf9e', class: { 'hb-tabs': true, [`hb-tabs--${this.type}`]: true } }, h("div", { key: '37245e5d82bedaa8e53f91dc5773db0b0b24f7e3', class: "hb-tabs__header" }, h("div", { key: '37ddb4d2dfb726cc37c36bcf6ce00182b062bb8b', class: "hb-tabs__nav", role: "tablist" }, this.tabs.map((tab, index) => {
             const selected = tab.key === this.activeTab;
             const tabId = `hb-tabs__tab-${tab.key}`;
             return (h("div", { class: {
@@ -100,7 +100,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends H {
                     e.stopPropagation();
                     this.hbTabRemove.emit(tab.key);
                 } }, "\u00D7"))));
-        }))), h("div", { key: '45fee79ae1148bc6385bcb161c757d0226b4309c', class: "hb-tabs__content" }, h("slot", { key: 'cb00f1ed24d5a937e378c238097a251b45f323c6' }))));
+        }))), h("div", { key: 'e36625b043908e3c19bbc06f4cef4d1a877e02c5', class: "hb-tabs__content" }, h("slot", { key: 'a7239ca67b560d106c94370bf45fd2ba5293114f' }))));
     }
     static get watchers() { return {
         "modelValue": ["handleModelValueChange"]

package/dist/components/hb-tag.js CHANGED Viewed

@@ -27,13 +27,13 @@ const Tag = /*@__PURE__*/ proxyCustomElement(class Tag extends H {
         this.hbClose.emit();
     };
     render() {
-        return (h("span", { key: 'e8663d8679aafe8d0838e5bc247ce0023fd64234', class: {
+        return (h("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,
-            } }, h("span", { key: 'fb6d35fb1a76eac78bee548c74d0fb4aff560c28', class: "hb-tag__content" }, h("slot", { key: '450089e1e654bc339d6f99b8d763491277fc2b0e' })), this.closable && (h("span", { key: '8c115976d98f2242543f208d054cd2493b94373a', class: "hb-tag__close", role: "button", "aria-label": "\u79FB\u9664\u6807\u7B7E", tabIndex: 0, onClick: this.handleClose }, "\u00D7"))));
+            } }, h("span", { key: 'cefc4e3866faf0ae716db4e694ce01fcfae6c5f4', class: "hb-tag__content" }, h("slot", { key: 'c15bef363b1a665eba672b3b0040d4723e4399b7' })), this.closable && (h("span", { key: '8d9f90a4d359418f4d3b43970fcea25f17ed9587', class: "hb-tag__close", role: "button", "aria-label": "\u79FB\u9664\u6807\u7B7E", tabIndex: 0, onClick: this.handleClose }, "\u00D7"))));
     }
     static get style() { return HbTagStyle0; }
 }, [1, "hb-tag", {

package/dist/components/hb-text.js CHANGED Viewed

@@ -40,7 +40,7 @@ const Text = /*@__PURE__*/ proxyCustomElement(class Text extends H {
      */
     deleted = false;
     render() {
-        return (h("span", { key: '71ef3be634ff5831895415e3225d0197c66319d9', class: {
+        return (h("span", { key: 'ebb368293d0cad6ecea4064f931f59ad0178ce4c', class: {
                 'hb-text': true,
                 [`hb-text--${this.type}`]: !!this.type,
                 [`hb-text--${this.size}`]: true,
@@ -48,7 +48,7 @@ const Text = /*@__PURE__*/ proxyCustomElement(class Text extends H {
                 'hb-text--bold': this.bold,
                 'hb-text--italic': this.italic,
                 'hb-text--deleted': this.deleted,
-            } }, h("slot", { key: '801d3ae1c36d0d62c7853e4f16e28c4b27eaa865' })));
+            } }, h("slot", { key: '71aae840020c66b698818dc980c43171604c9aaa' })));
     }
     static get style() { return HbTextStyle0; }
 }, [1, "hb-text", {

package/dist/components/hb-time-picker.js CHANGED Viewed

@@ -118,18 +118,18 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class TimePicker extends H {
         const hours = this.generateNumbers(23);
         const minutes = this.generateNumbers(59);
         const seconds = this.generateNumbers(59);
-        return (h("div", { key: '9094283db6c38172f2f03afc10a853df1e0c669c', class: {
+        return (h("div", { key: '8cdcf950bac041ffacd5221763ad1784de2d7b2b', class: {
                 'hb-time-picker': true,
                 'hb-time-picker--open': this.isOpen,
                 'hb-time-picker--disabled': this.disabled,
                 [`hb-time-picker--${this.size}`]: true,
-            } }, h("div", { key: 'f96d2140416a203cabe716024c5f885bfc695cf7', class: "hb-time-picker__input-wrapper", onClick: this.handleInputClick }, h("input", { key: '742a2e365167ab75563da2c6c0b6cc6b0d944e60', type: "text", id: this.inputId, name: this.name, class: "hb-time-picker__input", placeholder: this.placeholder, value: this.inputValue, disabled: this.disabled, readonly: true }), h("span", { key: '1be1f914701d9b2475ca33b646fd0edd0b838e28', class: "hb-time-picker__suffix" }, this.clearable && this.modelValue && (h("span", { key: 'dab0ca8babf46b0101c98f39a4b0dbfd65ba4af1', class: "hb-time-picker__clear", onClick: this.handleClear }, "\u00D7")), h("span", { key: 'adc2a72220366441cda6b93df5750247766078d6', class: "hb-time-picker__icon" }, "\uD83D\uDD50"))), this.isOpen && (h("div", { key: '8cb56572553259f7eb217c59b08f12517cc80ea0', class: "hb-time-picker__dropdown" }, h("div", { key: '0d3349183f69feb327e87837a6e7d7c779a5933e', class: "hb-time-picker__body" }, h("div", { key: 'c8a856d7fd258b35d6d4fc1cd099f06e676246ec', class: "hb-time-picker__list" }, h("div", { key: 'b0ea8ce96ccf37b7b796ede2ddf3c1174240af86', class: "hb-time-picker__list-title" }, "\u65F6"), h("div", { key: 'b64f8611176a34fc9423b4e97b2f75b2fd35b424', class: "hb-time-picker__list-content" }, hours.map((hour) => (h("div", { class: {
+            } }, h("div", { key: 'bfc62529cec7d175e639095f47b579477c5a9de0', class: "hb-time-picker__input-wrapper", onClick: this.handleInputClick }, h("input", { key: '64627f0f677f6274db4b95ac5ea594b372aa72a5', type: "text", id: this.inputId, name: this.name, class: "hb-time-picker__input", placeholder: this.placeholder, value: this.inputValue, disabled: this.disabled, readonly: true }), h("span", { key: 'd98fd6ae6c3eef578da51000b44721685bb5241c', class: "hb-time-picker__suffix" }, this.clearable && this.modelValue && (h("span", { key: '28c5b8cb25d98c4117310d6af9eecda062437c2f', class: "hb-time-picker__clear", onClick: this.handleClear }, "\u00D7")), h("span", { key: '9599e43b4c525558bf70ce01c30b08ed2cd1be68', class: "hb-time-picker__icon" }, "\uD83D\uDD50"))), this.isOpen && (h("div", { key: '7eab5ddea1cd3c90fc86d1631cf0667b3a268b8f', class: "hb-time-picker__dropdown" }, h("div", { key: 'f0203a3bc41bbc41dd77d57985d8603dd866c39a', class: "hb-time-picker__body" }, h("div", { key: 'b193e8f30770fb43f78ae99f208b4e088ac65abd', class: "hb-time-picker__list" }, h("div", { key: '7e7a181ec4082df157209ae4d809f2075b65de3f', class: "hb-time-picker__list-title" }, "\u65F6"), h("div", { key: '1d8eca81ba4e46686a4edda38e7660b271e6e510', class: "hb-time-picker__list-content" }, hours.map((hour) => (h("div", { class: {
                 'hb-time-picker__item': true,
                 'hb-time-picker__item--selected': hour === this.selectedHour,
-            }, onClick: () => this.handleTimeSelect(hour, this.selectedMinute, this.selectedSecond) }, String(hour).padStart(2, '0')))))), h("div", { key: 'bb942f55ddae345907af5fd02e5cee5212708f5c', class: "hb-time-picker__list" }, h("div", { key: '668ea699803a436745c75eb9731c057bbeed8a1d', class: "hb-time-picker__list-title" }, "\u5206"), h("div", { key: '47a6302477dd7723c046f5f17651aea2ef538cb6', class: "hb-time-picker__list-content" }, minutes.map((minute) => (h("div", { class: {
+            }, onClick: () => this.handleTimeSelect(hour, this.selectedMinute, this.selectedSecond) }, String(hour).padStart(2, '0')))))), h("div", { key: '4a51776b75068af776f3b2365edc3e8a22347798', class: "hb-time-picker__list" }, h("div", { key: '1574538a144ab4e6d7cfd7ac0b82c0affbd3d1d3', class: "hb-time-picker__list-title" }, "\u5206"), h("div", { key: '4a43690a14e100ea0cb86e4b6537d7c190052363', class: "hb-time-picker__list-content" }, minutes.map((minute) => (h("div", { class: {
                 'hb-time-picker__item': true,
                 'hb-time-picker__item--selected': minute === this.selectedMinute,
-            }, onClick: () => this.handleTimeSelect(this.selectedHour, minute, this.selectedSecond) }, String(minute).padStart(2, '0')))))), this.format.includes('ss') && (h("div", { key: '61d76686b06642b0af2df140723eac7f263692ae', class: "hb-time-picker__list" }, h("div", { key: 'c12f055dca542b95e3e9f4a5113c3262c4c0e406', class: "hb-time-picker__list-title" }, "\u79D2"), h("div", { key: '71ede0e6b2412009b840e3c52ec0664035db45bd', class: "hb-time-picker__list-content" }, seconds.map((second) => (h("div", { class: {
+            }, onClick: () => this.handleTimeSelect(this.selectedHour, minute, this.selectedSecond) }, String(minute).padStart(2, '0')))))), this.format.includes('ss') && (h("div", { key: '7b63a0e9e4f9590317d3abbc5e6167d507c8ae88', class: "hb-time-picker__list" }, h("div", { key: '36b52549545f7a8edcfd4e0e78ceafb0c8baed2e', class: "hb-time-picker__list-title" }, "\u79D2"), h("div", { key: '0c800147fbd8dd8ed704d0f2eb430459b005c4d5', class: "hb-time-picker__list-content" }, seconds.map((second) => (h("div", { class: {
                 'hb-time-picker__item': true,
                 'hb-time-picker__item--selected': second === this.selectedSecond,
             }, onClick: () => this.handleTimeSelect(this.selectedHour, this.selectedMinute, second) }, String(second).padStart(2, '0'))))))))))));