huibo-ui 0.3.0 → 0.4.0

package/dist/components/hb-cascader.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-1407a5e8.js';
 import { c as createClickOutsideHandler } from './p-4ef5a884.js';
 
-const cascaderCss = "/*! 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-cascader-font-size:14px;--hb-cascader-font-size-large:16px;--hb-cascader-font-size-small:12px;--hb-cascader-border-color:var(--hb-border-color,#dcdfe6);--hb-cascader-border-color-hover:var(--hb-color-primary);--hb-cascader-bg-color:var(--hb-color-white,#fff);--hb-cascader-text-color:var(--hb-color-text-regular,#606266);--hb-cascader-placeholder-color:var(--hb-color-text-placeholder,#c0c4cc);--hb-cascader-disabled-color:var(--hb-color-text-disabled,#c0c4cc);--hb-cascader-disabled-bg-color:var(--hb-fill-color-light,#f5f7fa);display:inline-block;position:relative}.hb-cascader{display:inline-block;font-size:var(--hb-cascader-font-size);line-height:32px;position:relative}.hb-cascader__input-wrapper{cursor:pointer;display:inline-block;position:relative;width:100%}.hb-cascader__input{background-color:var(--hb-cascader-bg-color);border:1px solid var(--hb-cascader-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-cascader-text-color);cursor:pointer;display:inline-block;font-size:var(--hb-cascader-font-size);height:32px;line-height:32px;outline:none;padding:0 30px 0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-cascader__input::placeholder{color:var(--hb-cascader-placeholder-color)}.hb-cascader__input:focus,.hb-cascader__input:hover:not(:disabled){border-color:var(--hb-cascader-border-color-hover)}.hb-cascader__input:disabled{background-color:var(--hb-cascader-disabled-bg-color);border-color:var(--hb-cascader-border-color);color:var(--hb-cascader-disabled-color);cursor:not-allowed}.hb-cascader__suffix{align-items:center;color:var(--hb-cascader-text-color);display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hb-cascader__clear{color:var(--hb-cascader-placeholder-color);cursor:pointer;font-size:16px;margin-right:8px;transition:color .2s}.hb-cascader__clear:hover{color:var(--hb-cascader-text-color)}.hb-cascader__arrow{font-size:12px;transition:transform .3s}.hb-cascader--open .hb-cascader__arrow{transform:rotate(180deg)}.hb-cascader__dropdown{background-color:var(--hb-cascader-bg-color);border:1px solid var(--hb-cascader-border-color);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;max-height:300px;min-width:180px;overflow-y:auto;position:absolute;top:100%;width:max-content;z-index:1000}.hb-cascader__menus{display:flex;padding:6px 0}.hb-cascader__menu{border-right:1px solid var(--hb-cascader-border-color);max-height:300px;min-width:180px;overflow-y:auto}.hb-cascader__menu:last-child{border-right:none}.hb-cascader__menu-list{list-style:none;margin:0;padding:0}.hb-cascader__menu-item{align-items:center;color:var(--hb-cascader-text-color);cursor:pointer;display:flex;font-size:var(--hb-cascader-font-size);justify-content:space-between;padding:8px 20px;transition:background-color .2s}.hb-cascader__menu-item:hover:not(.hb-cascader__menu-item--disabled){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-cascader__menu-item--selected{color:var(--hb-color-primary);font-weight:600}.hb-cascader__menu-item--disabled{color:var(--hb-cascader-disabled-color);cursor:not-allowed}.hb-cascader__menu-item-label{flex:1}.hb-cascader__menu-item-arrow{color:var(--hb-cascader-placeholder-color);font-size:12px;margin-left:8px}.hb-cascader__menu-item-loading{animation:hb-cascader-spin .8s linear infinite;color:var(--hb-color-primary,#1677ff);font-size:12px;margin-left:8px}.hb-cascader__menu-list--loading .hb-cascader__menu-item--loading{color:var(--hb-color-text-placeholder,#c0c4cc);justify-content:center}@keyframes hb-cascader-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.hb-cascader--large,.hb-cascader--large .hb-cascader__input{font-size:var(--hb-cascader-font-size-large);line-height:40px}.hb-cascader--large .hb-cascader__input{height:40px}.hb-cascader--small,.hb-cascader--small .hb-cascader__input{font-size:var(--hb-cascader-font-size-small);line-height:24px}.hb-cascader--small .hb-cascader__input{height:24px;padding:0 25px 0 12px}.hb-cascader--disabled{cursor:not-allowed}.hb-cascader__search{border-bottom:1px solid var(--hb-cascader-border-color);padding:8px}.hb-cascader__search-input{background-color:var(--hb-cascader-bg-color);border:1px solid var(--hb-cascader-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-cascader-text-color);cursor:text;font-size:var(--hb-cascader-font-size);height:28px;line-height:28px;outline:none;padding:0 8px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-cascader__search-input:focus{border-color:var(--hb-cascader-border-color-hover)}.hb-cascader__search-results{max-height:264px;min-width:180px;overflow-y:auto;padding:6px 0}.hb-cascader__search-item{color:var(--hb-cascader-text-color);cursor:pointer;font-size:var(--hb-cascader-font-size);padding:8px 20px;transition:background-color .2s;white-space:nowrap}.hb-cascader__search-item:hover:not(.hb-cascader__search-item--disabled){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-cascader__search-item--selected{color:var(--hb-color-primary);font-weight:600}.hb-cascader__search-item--disabled{color:var(--hb-cascader-disabled-color);cursor:not-allowed}.hb-cascader__search-empty{color:var(--hb-cascader-placeholder-color);font-size:var(--hb-cascader-font-size);padding:16px 0;text-align:center}@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 cascaderCss = "/*! 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-cascader-font-size:14px;--hb-cascader-font-size-large:16px;--hb-cascader-font-size-small:12px;--hb-cascader-border-color:var(--hb-border-color,#dcdfe6);--hb-cascader-border-color-hover:var(--hb-color-primary);--hb-cascader-bg-color:var(--hb-color-white,#fff);--hb-cascader-text-color:var(--hb-color-text-regular,#606266);--hb-cascader-placeholder-color:var(--hb-color-text-placeholder,#c0c4cc);--hb-cascader-disabled-color:var(--hb-color-text-disabled,#c0c4cc);--hb-cascader-disabled-bg-color:var(--hb-fill-color-light,#f5f7fa);display:inline-block;position:relative}.hb-cascader{display:inline-block;font-size:var(--hb-cascader-font-size);line-height:32px;position:relative}.hb-cascader__input-wrapper{cursor:pointer;display:inline-block;position:relative;width:100%}.hb-cascader__input{background-color:var(--hb-cascader-bg-color);border:1px solid var(--hb-cascader-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-cascader-text-color);cursor:pointer;display:inline-block;font-size:var(--hb-cascader-font-size);height:32px;line-height:32px;outline:none;padding:0 30px 0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-cascader__input::placeholder{color:var(--hb-cascader-placeholder-color)}.hb-cascader__input:focus,.hb-cascader__input:hover:not(:disabled){border-color:var(--hb-cascader-border-color-hover)}.hb-cascader__input:disabled{background-color:var(--hb-cascader-disabled-bg-color);border-color:var(--hb-cascader-border-color);color:var(--hb-cascader-disabled-color);cursor:not-allowed}.hb-cascader__suffix{align-items:center;color:var(--hb-cascader-text-color);display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hb-cascader__clear{align-items:center;color:var(--hb-cascader-placeholder-color);cursor:pointer;display:inline-flex;height:14px;justify-content:center;margin-right:8px;transition:color .2s;width:14px}.hb-cascader__clear svg{height:100%;width:100%}.hb-cascader__clear:hover{color:var(--hb-cascader-text-color)}.hb-cascader__arrow{align-items:center;color:var(--hb-cascader-placeholder-color);display:inline-flex;height:12px;transition:transform .3s;width:12px}.hb-cascader__arrow svg{height:100%;width:100%}.hb-cascader--open .hb-cascader__arrow{transform:rotate(180deg)}.hb-cascader__dropdown{background-color:var(--hb-cascader-bg-color);border:1px solid var(--hb-cascader-border-color);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;max-height:300px;min-width:180px;overflow-y:auto;position:absolute;top:100%;width:max-content;z-index:1000}.hb-cascader__menus{display:flex;padding:6px 0}.hb-cascader__menu-list{list-style:none;margin:0;max-height:300px;min-width:180px;overflow-y:auto;padding:0}.hb-cascader__menus .hb-cascader__menu-list:not(:last-child){border-right:1px solid var(--hb-border-color-secondary,var(--hb-cascader-border-color))}.hb-cascader__menu-item{align-items:center;color:var(--hb-cascader-text-color);cursor:pointer;display:flex;font-size:var(--hb-cascader-font-size);justify-content:space-between;padding:8px 20px;transition:background-color .2s}.hb-cascader__menu-item:hover:not(.hb-cascader__menu-item--disabled){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-cascader__menu-item--selected{color:var(--hb-color-primary);font-weight:600}.hb-cascader__menu-item--disabled{color:var(--hb-cascader-disabled-color);cursor:not-allowed}.hb-cascader__menu-item-label{flex:1}.hb-cascader__menu-item-arrow{align-items:center;color:var(--hb-cascader-placeholder-color);display:inline-flex;height:12px;margin-left:8px;width:12px}.hb-cascader__menu-item-arrow svg{height:100%;width:100%}.hb-cascader__menu-item-loading{align-items:center;color:var(--hb-color-primary,#1677ff);display:inline-flex;height:12px;margin-left:8px;width:12px}.hb-cascader__menu-item-loading-svg{animation:hb-cascader-spin .8s linear infinite;height:100%;width:100%}.hb-cascader__menu-list--loading .hb-cascader__menu-item--loading{color:var(--hb-color-text-placeholder,#c0c4cc);justify-content:center}@keyframes hb-cascader-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.hb-cascader--large,.hb-cascader--large .hb-cascader__input{font-size:var(--hb-cascader-font-size-large);line-height:40px}.hb-cascader--large .hb-cascader__input{height:40px}.hb-cascader--small,.hb-cascader--small .hb-cascader__input{font-size:var(--hb-cascader-font-size-small);line-height:24px}.hb-cascader--small .hb-cascader__input{height:24px;padding:0 25px 0 12px}.hb-cascader--disabled{cursor:not-allowed}.hb-cascader__search{border-bottom:1px solid var(--hb-cascader-border-color);padding:8px}.hb-cascader__search-input{background-color:var(--hb-cascader-bg-color);border:1px solid var(--hb-cascader-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-cascader-text-color);cursor:text;font-size:var(--hb-cascader-font-size);height:28px;line-height:28px;outline:none;padding:0 8px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-cascader__search-input:focus{border-color:var(--hb-cascader-border-color-hover)}.hb-cascader__search-results{max-height:264px;min-width:180px;overflow-y:auto;padding:6px 0}.hb-cascader__search-item{color:var(--hb-cascader-text-color);cursor:pointer;font-size:var(--hb-cascader-font-size);padding:8px 20px;transition:background-color .2s;white-space:nowrap}.hb-cascader__search-item:hover:not(.hb-cascader__search-item--disabled){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-cascader__search-item--selected{color:var(--hb-color-primary);font-weight:600}.hb-cascader__search-item--disabled{color:var(--hb-cascader-disabled-color);cursor:not-allowed}.hb-cascader__search-empty{color:var(--hb-cascader-placeholder-color);font-size:var(--hb-cascader-font-size);padding:16px 0;text-align:center}.hb-cascader--multiple .hb-cascader__input-wrapper{align-items:center;background-color:var(--hb-cascader-bg-color);border:1px solid var(--hb-cascader-border-color);border-radius:4px;box-sizing:border-box;display:flex;flex-wrap:wrap;min-height:32px;padding:3px 30px 3px 4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.hb-cascader--multiple .hb-cascader__input-wrapper:hover{border-color:var(--hb-cascader-border-color-hover)}.hb-cascader--multiple .hb-cascader__input{background-color:#0000;border:none;flex:1;height:24px;line-height:24px;min-width:40px;padding:0 4px;width:auto}.hb-cascader__tag{align-items:center;background-color:var(--hb-fill-color,#f0f2f5);border-radius:3px;color:var(--hb-color-text-primary,#303133);display:inline-flex;font-size:var(--hb-cascader-font-size-small);height:22px;margin:2px;max-width:100%;padding:0 6px}.hb-cascader__tag-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-cascader__tag-close{align-items:center;color:var(--hb-cascader-placeholder-color);cursor:pointer;display:inline-flex;height:12px;justify-content:center;line-height:1;margin-left:4px;transition:color .2s;width:12px}.hb-cascader__tag-close svg{height:100%;width:100%}.hb-cascader__tag-close:hover{color:var(--hb-color-text-primary,#606266)}.hb-cascader__tag-overflow{align-items:center;color:var(--hb-cascader-text-color);display:inline-flex;font-size:var(--hb-cascader-font-size-small);height:22px;margin:2px;padding:0 6px}.hb-cascader__menu-item-checkbox{align-items:center;background-color:var(--hb-cascader-bg-color);border:1px solid var(--hb-cascader-border-color);border-radius:2px;display:inline-flex;flex-shrink:0;height:14px;justify-content:center;margin-right:8px;transition:background-color .2s,border-color .2s;width:14px}.hb-cascader__menu-item-checkbox--checked,.hb-cascader__menu-item-checkbox--indeterminate{background-color:var(--hb-color-primary);border-color:var(--hb-color-primary)}.hb-cascader__menu-item-checkbox--checked:after{border:2px solid #fff;border-left:0;border-top:0;content:\"\";height:8px;transform:rotate(45deg)translate(-1px,-1px);width:4px}.hb-cascader__menu-item-checkbox--indeterminate:after{background-color:#fff;content:\"\";height:2px;width:8px}@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 HbCascaderStyle0 = cascaderCss;
 
 const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends H {
@@ -14,109 +14,86 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends H {
     }
     get el() { return this; }
     /**
-     * 选中项绑定值
+     * 选中项绑定值。单选为一维路径数组（如 ['zhejiang','hangzhou']），
+     * 多选（multiple）为二维数组（如 [['zhejiang','ningbo'], ['jiangsu']]）。
      */
     modelValue;
-    /**
-     * 可选项数据源
-     */
+    /** 可选项数据源 */
     options = [];
-    /**
-     * 输入框占位文本
-     */
+    /** 输入框占位文本 */
     placeholder = '请选择';
-    /**
-     * 是否禁用
-     * @default false
-     */
+    /** 是否禁用 */
     disabled = false;
-    /**
-     * 输入框尺寸
-     */
+    /** 输入框尺寸 */
     size = 'default';
-    /**
-     * 是否可清空
-     * @default false
-     */
+    /** 是否可清空 */
     clearable = false;
-    /**
-     * 是否显示完整路径
-     * @default true
-     */
+    /** 是否显示完整路径（单选输入框 / 多选 tag 文本） */
     showAllLevels = true;
-    /**
-     * 输入框的原生属性
-     */
+    /** 输入框原生属性 */
     name;
-    /**
-     * 输入框的原生属性
-     */
+    /** 输入框原生属性 */
     inputId;
-    /**
-     * 分隔符
-     * @default ' / '
-     */
+    /** 路径分隔符 */
     separator = ' / ';
-    /**
-     * 是否动态加载子节点
-     * @default true
-     */
+    /** modelValue 是否输出完整路径（保留 AntD 兼容位） */
     emitPath = true;
     /**
-     * 是否可搜索（filterable）
-     * 开启后下拉顶部渲染搜索输入框，输入时按 label（含所有子级）扁平化过滤，
-     * 匹配项以完整路径展示，点击即选中其完整路径。
-     * @default false
+     * 是否可搜索（filterable）。下拉顶部渲染搜索框，输入时按 label 扁平化过滤，
+     * 匹配项以完整路径展示，点击即选中（单选）或 toggle 勾选（多选）。
      */
     filterable = false;
     /**
-     * 是否开启动态加载（lazy load）。开启后，展开含 children=undefined 的节点时，
-     * 调用 load(node) 获取其子级并填充进 options，加载中显示 loading 态。
-     * @default false
+     * 是否开启动态加载（lazy）。展开 children=undefined 的节点时调用 load(node) 填充子级。
      */
     lazy = false;
+    /** 动态加载函数（仅 lazy=true 生效） */
+    load;
     /**
-     * 动态加载子节点的函数（仅在 lazy=true 时生效）。
-     * 接收被展开的节点，返回其子节点数组（Promise）。
-     * 加载结果会以不可变方式合并进 options 树（替换该节点 children）。
+     * 是否开启多选。开启后 modelValue 为二维数组，每条为一个选中路径；
+     * 菜单项前渲染 checkbox，输入框以 tag 列表展示选中项。
      */
-    load;
-    isOpen = false;
-    inputValue = '';
-    searchValue = '';
+    multiple = false;
     /**
-     * 正在动态加载子级的节点 value 集合（用于渲染 loading 态）。
+     * 是否严格的选中行为（父子不关联）。
+     * 单选：点击任意层级（含非叶子）即选中该路径；
+     * 多选：勾选独立，不向下联动选中叶子、取消也不联动。
      */
-    loadingKeys = new Set();
+    checkStrictly = false;
     /**
-     * 扁平化搜索结果：每一项是一个从根到匹配节点的完整路径（用于点击选中）。
-     * 仅在 filterable 且 searchValue 非空时使用。
+     * 多选时输入框最多展示的 tag 数量，超出折叠为 +N（可选）。
      */
+    maxTagCount;
+    isOpen = false;
+    inputValue = '';
+    searchValue = '';
+    /** 正在动态加载子级的节点 value 集合 */
+    loadingKeys = new Set();
+    /** 扁平化搜索结果：每项为根到匹配节点的完整路径 */
     filteredPaths = [];
     activePath = [];
-    /**
-     * 值改变事件
-     */
+    /** 值改变事件：单选 emit 一维路径或 undefined；多选 emit 二维数组（可能为 []） */
     hbChange;
-    /**
-     * 展开节点发生变化时触发
-     */
+    /** 展开节点变化时触发 */
     hbExpandChange;
     clickOutside = createClickOutsideHandler({
         host: null,
         isOpen: () => this.isOpen,
-        onClose: () => { this.closeAndClearSearch(); },
+        onClose: () => {
+            this.closeAndClearSearch();
+        },
     });
     componentDidLoad() {
         this.clickOutside = createClickOutsideHandler({
             host: this.el,
             isOpen: () => this.isOpen,
-            onClose: () => { this.closeAndClearSearch(); },
+            onClose: () => {
+                this.closeAndClearSearch();
+            },
         });
         this.clickOutside.connect();
         this.updateInputValue();
     }
-    /** 关闭下拉并清空搜索态（filterable 模式下避免重开时残留搜索结果） */
     closeAndClearSearch() {
         this.isOpen = false;
         this.searchValue = '';
@@ -129,19 +106,24 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends H {
         this.updateInputValue();
     }
     updateInputValue() {
+        if (this.multiple) {
+            this.inputValue = '';
+            return;
+        }
         if (!this.modelValue || this.modelValue.length === 0) {
             this.inputValue = '';
             return;
         }
+        const mv = this.modelValue;
         if (!this.showAllLevels) {
-            const lastValue = this.modelValue[this.modelValue.length - 1];
+            const lastValue = mv[mv.length - 1];
             const option = this.findOptionByValue(this.options, lastValue);
             this.inputValue = option ? option.label : '';
             return;
         }
         const labels = [];
         let currentOptions = this.options;
-        for (const value of this.modelValue) {
+        for (const value of mv) {
             const option = currentOptions.find(opt => opt.value === value);
             if (option) {
                 labels.push(option.label);
@@ -155,9 +137,8 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends H {
     }
     findOptionByValue(options, value) {
         for (const option of options) {
-            if (option.value === value) {
+            if (option.value === value)
                 return option;
-            }
             if (option.children) {
                 const found = this.findOptionByValue(option.children, value);
                 if (found)
@@ -166,31 +147,143 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends H {
         }
         return null;
     }
+    // ===== 多选（multiple）核心算法 =====
+    /** 取多选 modelValue 为二维数组（非多选模式或形状不符时返回 []） */
+    getMultiModel() {
+        if (!this.multiple)
+            return [];
+        const mv = this.modelValue;
+        if (Array.isArray(mv) && mv.length > 0 && Array.isArray(mv[0]))
+            return mv;
+        return [];
+    }
+    /** 两条 value 路径是否完全相等 */
+    pathEquals(a, b) {
+        if (!a || a.length !== b.length)
+            return false;
+        return a.every((v, i) => v === b[i]);
+    }
+    /** 收集某节点子树下的全部叶子 value 路径（用于父子联动计算） */
+    collectLeafValuePaths(option, basePath) {
+        const currentPath = [...basePath, option.value];
+        const hasChildren = option.children && option.children.length > 0;
+        if (!hasChildren || option.leaf)
+            return [currentPath];
+        const result = [];
+        for (const child of option.children) {
+            result.push(...this.collectLeafValuePaths(child, currentPath));
+        }
+        return result;
+    }
+    /**
+     * 多选模式下某节点的勾选三态。
+     * checkStrictly：该节点路径是否在 modelValue（checked / unchecked）。
+     * 默认：按叶子计算 —— 全部叶子入选=checked，部分=indeterminate，无=unchecked。
+     */
+    getCheckState(option, path) {
+        const valuePath = [...path, option.value];
+        const model = this.getMultiModel();
+        if (this.checkStrictly) {
+            return model.some(p => this.pathEquals(p, valuePath)) ? 'checked' : 'unchecked';
+        }
+        const leafPaths = this.collectLeafValuePaths(option, path);
+        if (leafPaths.every(lp => model.some(p => this.pathEquals(p, lp))))
+            return 'checked';
+        if (leafPaths.some(lp => model.some(p => this.pathEquals(p, lp))))
+            return 'indeterminate';
+        return 'unchecked';
+    }
+    /** 多选：toggle 某节点勾选（按 checkStrictly 决定是否联动叶子） */
+    handleCheck(option, path) {
+        let model = this.getMultiModel().map(p => [...p]);
+        const valuePath = [...path, option.value];
+        if (this.checkStrictly) {
+            const idx = model.findIndex(p => this.pathEquals(p, valuePath));
+            if (idx >= 0)
+                model.splice(idx, 1);
+            else
+                model.push(valuePath);
+        }
+        else {
+            const leafPaths = this.collectLeafValuePaths(option, path);
+            const allIn = leafPaths.every(lp => model.some(p => this.pathEquals(p, lp)));
+            if (allIn) {
+                model = model.filter(p => !leafPaths.some(lp => this.pathEquals(lp, p)));
+            }
+            else {
+                for (const lp of leafPaths) {
+                    if (!model.some(p => this.pathEquals(p, lp)))
+                        model.push([...lp]);
+                }
+            }
+        }
+        this.modelValue = model;
+        this.hbChange.emit(model);
+    }
+    /** 多选输入框 tag 数据：每条选中路径 → 展示文本 + 路径 */
+    getDisplayTags() {
+        return this.getMultiModel().map(path => {
+            const labels = path.map(v => {
+                const opt = this.findOptionByValue(this.options, v);
+                return opt ? opt.label : String(v);
+            });
+            const label = this.showAllLevels ? labels.join(this.separator) : labels[labels.length - 1];
+            return { label, path };
+        });
+    }
+    /** 多选：删除单个 tag（移除对应路径） */
+    handleTagRemove = (path, e) => {
+        e.stopPropagation();
+        const model = this.getMultiModel().filter(p => !this.pathEquals(p, path));
+        this.modelValue = model;
+        this.hbChange.emit(model);
+    };
+    hasValue() {
+        return this.multiple ? this.getMultiModel().length > 0 : !!this.modelValue && this.modelValue.length > 0;
+    }
+    // ===== 交互 =====
     handleInputClick = () => {
         if (this.disabled)
             return;
         if (this.isOpen) {
-            // 关闭时清空搜索态
             this.closeAndClearSearch();
         }
         else {
             this.isOpen = true;
         }
     };
-    /** 搜索输入：仅更新 searchValue，过滤在 render 前的 @State 派生 */
+    /**
+     * 键盘交互（对齐 antd / WAI-ARIA combobox）：
+     * Enter/Space/ArrowDown 在关闭时打开；Escape 关闭；ArrowRight/ArrowLeft 跨级导航。
+     */
+    handleKeyDown = (e) => {
+        if (this.disabled)
+            return;
+        const key = e.key;
+        if (!this.isOpen) {
+            if (key === 'Enter' || key === ' ' || key === 'ArrowDown') {
+                e.preventDefault();
+                this.isOpen = true;
+            }
+            return;
+        }
+        if (key === 'Escape') {
+            e.preventDefault();
+            this.closeAndClearSearch();
+        }
+        else if (key === 'Enter' && this.activePath.length > 0 && !this.multiple) {
+            // 选中当前路径末端叶子（若已是叶子）
+            e.preventDefault();
+            const lastValue = this.activePath[this.activePath.length - 1];
+            const parentPath = this.activePath.slice(0, -1);
+            this.handleSelect(lastValue, parentPath);
+        }
+    };
     handleSearchInput = (e) => {
         const target = e.target;
         this.searchValue = target.value;
         this.filteredPaths = this.collectFilteredPaths(this.searchValue);
     };
-    /**
-     * 扁平化全树搜索：把 options 深度遍历，收集所有「节点 label 含关键字」的完整路径。
-     * 一个节点的完整路径 = 从根到该节点（含自身）的 CascaderOption 数组。
-     * 关键字为空时返回空数组（交由正常级联视图渲染）。
-     *
-     * 注意：这里按 label 子串匹配（大小写不敏感），匹配任意层级的节点，
-     * 并保留其祖先链以便点击时还原完整路径。
-     */
     collectFilteredPaths(keyword) {
         const trimmed = keyword.trim().toLowerCase();
         if (!trimmed)
@@ -199,26 +292,36 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends H {
         const walk = (opts, ancestors) => {
             for (const opt of opts) {
                 const currentPath = [...ancestors, opt];
-                if (opt.label.toLowerCase().includes(trimmed)) {
+                if (opt.label.toLowerCase().includes(trimmed))
                     results.push(currentPath);
-                }
-                if (opt.children && opt.children.length > 0) {
+                if (opt.children && opt.children.length > 0)
                     walk(opt.children, currentPath);
-                }
             }
         };
         walk(this.options, []);
         return results;
     }
-    /** 从扁平搜索结果路径中点击叶子（或非叶子）项：直接以该路径的 value 数组作为选中值 */
+    /** 搜索结果点击：单选选中（叶子或 checkStrictly 任意层），多选 toggle 该路径 */
     handleSearchSelect = (path) => {
-        const valuePath = path.map((opt) => opt.value);
+        const valuePath = path.map(opt => opt.value);
+        if (this.multiple) {
+            let model = this.getMultiModel().map(p => [...p]);
+            const idx = model.findIndex(p => this.pathEquals(p, valuePath));
+            if (idx >= 0)
+                model.splice(idx, 1);
+            else
+                model.push(valuePath);
+            this.modelValue = model;
+            this.hbChange.emit(model);
+            this.searchValue = '';
+            this.filteredPaths = [];
+            return;
+        }
         const last = path[path.length - 1];
         const isLeaf = !last.children || last.children.length === 0 || last.leaf;
         this.searchValue = '';
         this.filteredPaths = [];
-        if (isLeaf) {
-            // 叶子：选中并关闭
+        if (isLeaf || this.checkStrictly) {
             this.modelValue = valuePath;
             this.updateInputValue();
             this.hbChange.emit(valuePath);
@@ -226,21 +329,42 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends H {
             this.activePath = [];
         }
         else {
-            // 非叶子：进入该路径的级联展开（便于继续选下级）
             this.activePath = valuePath;
             this.hbExpandChange.emit(valuePath);
         }
     };
     handleClear = (e) => {
         e.stopPropagation();
-        this.modelValue = undefined;
-        this.inputValue = '';
+        if (this.multiple) {
+            this.modelValue = [];
+            this.hbChange.emit([]);
+        }
+        else {
+            this.modelValue = undefined;
+            this.inputValue = '';
+            this.hbChange.emit(undefined);
+        }
         this.isOpen = false;
-        this.hbChange.emit(undefined);
     };
-    handleSelect = (value, path) => {
+    /** 菜单项点击（label 区）：多选→叶子 toggle/非叶子展开；单选→handleSelect */
+    handleItemClick = (option, path) => {
+        if (this.multiple) {
+            const isLeaf = !option.children || option.children.length === 0 || option.leaf;
+            if (isLeaf) {
+                this.handleCheck(option, path);
+            }
+            else {
+                const newPath = [...path, option.value];
+                this.activePath = newPath;
+                this.hbExpandChange.emit(newPath);
+            }
+            return;
+        }
+        this.handleSelect(option.value, path);
+    };
+    /** 单选：选中（叶子或 checkStrictly 任意层）或展开 / lazy 加载 */
+    handleSelect(value, path) {
         const newPath = [...path, value];
-        // Find the selected option
         let currentOptions = this.options;
         let selectedOption = null;
         for (const pathValue of newPath) {
@@ -249,21 +373,16 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends H {
                 break;
             currentOptions = selectedOption.children || [];
         }
-        // lazy + load：节点 children 尚未加载（children === undefined 且 leaf 未声明）→ 触发加载
-        if (this.lazy &&
-            this.load &&
-            selectedOption &&
-            selectedOption.children === undefined &&
-            !selectedOption.leaf) {
-            // 先展开该路径（显示 loading 态的下一级面板占位），再异步填充
+        // lazy + load：children 未加载 → 触发加载
+        if (this.lazy && this.load && selectedOption && selectedOption.children === undefined && !selectedOption.leaf) {
             this.activePath = newPath;
             this.hbExpandChange.emit(newPath);
             void this.loadChildren(selectedOption, newPath);
             return;
         }
-        // Check if it's a leaf node
-        if (!selectedOption || !selectedOption.children || selectedOption.children.length === 0 || selectedOption.leaf) {
-            // Leaf node - select and close
+        const isLeaf = !selectedOption || !selectedOption.children || selectedOption.children.length === 0 || selectedOption.leaf;
+        // checkStrictly 或叶子 → 选中并关闭
+        if (this.checkStrictly || isLeaf) {
             this.modelValue = newPath;
             this.updateInputValue();
             this.hbChange.emit(newPath);
@@ -271,29 +390,20 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends H {
             this.activePath = [];
         }
         else {
-            // Has children - expand to next level
+            // 非叶子 → 展开
             this.activePath = newPath;
             this.hbExpandChange.emit(newPath);
         }
-    };
-    /**
-     * 动态加载某节点的子级。不可变地合并进 options 树（替换该节点 children）。
-     * 加载中：把节点 value 加入 loadingKeys（渲染 loading 态）；
-     * 加载完成：写入 children（新数组，触发 @Watch/重渲染），移出 loadingKeys。
-     * 若 load 返回空数组，把 children 设为 [] 以标记该节点为叶子（避免重复加载）。
-     */
+    }
     async loadChildren(node, path) {
         if (!this.load)
             return;
-        // 标记 loading
         this.loadingKeys = new Set([...this.loadingKeys, node.value]);
         try {
             const children = await this.load(node);
-            // 不可变合并：重建 options 树，仅替换目标节点的 children。
             this.options = this.replaceOptionChildren(this.options, node.value, children);
         }
         catch (err) {
-            // 加载失败：回退 activePath，避免卡在 loading；保持 options 不变。
             // eslint-disable-next-line no-console
             console.error('[hb-cascader] lazy load failed:', err);
             this.activePath = this.activePath.slice(0, this.activePath.indexOf(node.value) + 1);
@@ -304,42 +414,49 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends H {
             this.loadingKeys = next;
         }
     }
-    /**
-     * 不可变地替换 options 树中 value===targetValue 节点的 children 字段。
-     * 返回一棵全新的 options 树（不修改原数组与原节点对象）。
-     */
     replaceOptionChildren(options, targetValue, newChildren) {
-        return options.map((opt) => {
-            if (opt.value === targetValue) {
+        return options.map(opt => {
+            if (opt.value === targetValue)
                 return { ...opt, children: newChildren };
-            }
             if (opt.children && opt.children.length > 0) {
                 return { ...opt, children: this.replaceOptionChildren(opt.children, targetValue, newChildren) };
             }
             return opt;
         });
     }
+    // ===== render =====
     render() {
-        return (h("div", { key: 'c842622737b0464fca8807b2e6e673de26e66f6c', class: {
+        return (h("div", { key: '1a9caab72a8d1fc2b0db2e173b4a748fc45ff276', class: {
                 'hb-cascader': true,
                 'hb-cascader--open': this.isOpen,
                 'hb-cascader--disabled': this.disabled,
+                'hb-cascader--multiple': this.multiple,
                 [`hb-cascader--${this.size}`]: true,
-            } }, h("div", { key: '23279bca07ba9263b6b7daa87fcc6ecf89cfa707', class: "hb-cascader__input-wrapper", onClick: this.handleInputClick }, h("input", { key: '56253203d0684b374ee755d669ce1ef61eebb2e2', type: "text", id: this.inputId, name: this.name, class: "hb-cascader__input", placeholder: this.placeholder, value: this.inputValue, disabled: this.disabled, readonly: true, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false' }), h("span", { key: '27eb1713ab7eabc760652d60d48960685dfdb0ce', class: "hb-cascader__suffix" }, this.clearable && this.modelValue && this.modelValue.length > 0 && (h("span", { key: '26c75b651d82806019f514e9dc030df394419e46', class: "hb-cascader__clear", role: "button", "aria-label": "\u6E05\u7A7A", onClick: this.handleClear }, "\u00D7")), h("span", { key: '01cc98144fa2cf70fcc7588efadd7bbeea17738b', class: "hb-cascader__arrow" }, "\u25BC"))), this.isOpen && (h("div", { key: '23a6230933ffaf0ee98c2c70a8dc9a8444be0555', class: "hb-cascader__dropdown" }, this.filterable && (h("div", { key: '628a293edf4d2f22975801e2e9155f46a5cf90fa', class: "hb-cascader__search" }, h("input", { key: 'bedac6a61a99b8a64d27eaf95880ff4891c33f04', type: "text", class: "hb-cascader__search-input", placeholder: "\u641C\u7D22", value: this.searchValue, onInput: this.handleSearchInput, "aria-label": "\u641C\u7D22\u9009\u9879" }))), this.filterable && this.searchValue.trim() !== '' ? (this.renderSearchResults()) : (h("div", { class: "hb-cascader__menus", role: "listbox", "aria-multiselectable": "false" }, this.renderCascaderMenus()))))));
+            } }, h("div", { key: '7a9d75ec8c3352681630a89b4a10704b5b16803d', class: "hb-cascader__input-wrapper", onClick: this.handleInputClick }, this.multiple &&
+            this.getDisplayTags()
+                .slice(0, this.maxTagCount === undefined ? undefined : this.maxTagCount)
+                .map(tag => (h("span", { class: "hb-cascader__tag" }, h("span", { class: "hb-cascader__tag-label" }, tag.label), !this.disabled && (h("span", { class: "hb-cascader__tag-close", role: "button", "aria-label": "\u5220\u9664", tabindex: 0, onClick: e => this.handleTagRemove(tag.path, e), onKeyDown: e => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        this.handleTagRemove(tag.path, e);
+                    }
+                } }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M6 6l12 12M18 6L6 18" }))))))), this.multiple && this.maxTagCount !== undefined && this.getDisplayTags().length > this.maxTagCount && (h("span", { key: '9cf422ddb7983b98702921a6f0ea0d39050f0809', class: "hb-cascader__tag-overflow" }, "+", this.getDisplayTags().length - this.maxTagCount)), h("input", { key: 'e7d65af511b4cbd1ceb04e1a5d3b5c49675f35d7', type: "text", id: this.inputId, name: this.name, class: "hb-cascader__input", placeholder: this.hasValue() ? '' : this.placeholder, value: this.multiple ? '' : this.inputValue, disabled: this.disabled, readonly: true, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', onKeyDown: this.handleKeyDown }), h("span", { key: '8a12e6b4fc1f9c4e837804b6000991f9fc0a7777', class: "hb-cascader__suffix" }, this.clearable && this.hasValue() && (h("span", { key: '58f85ec90ae02f51e5feff247238a2fdf4c972cc', class: "hb-cascader__clear", role: "button", "aria-label": "\u6E05\u7A7A", tabindex: 0, onClick: this.handleClear, onKeyDown: e => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    this.handleClear(e);
+                }
+            } }, h("svg", { key: '276124b46eab355e251f9f28b83d595a752a26a6', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '3233726965c70fe312cf6b18986a3a45daddfa94', d: "M6 6l12 12M18 6L6 18" })))), h("span", { key: '5da5ecd851b2ae748d64a637c67c85c017e4044f', class: "hb-cascader__arrow", "aria-hidden": "true" }, h("svg", { key: '259fa6408e33a8566c3cd4b2c555594f277c0158', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '2ab1e510baa70268de00e17b13bc52f582927182', d: "M6 9l6 6 6-6" }))))), this.isOpen && (h("div", { key: 'bb89f5c9c8dec2bc41eed6963aab25197673dee3', class: "hb-cascader__dropdown" }, this.filterable && (h("div", { key: 'd8a3b255c88bf6267588eea3313814f3b37c781f', class: "hb-cascader__search" }, h("input", { key: '1f9830abe864388f075b9b70a9b3c07def27aeda', type: "text", class: "hb-cascader__search-input", placeholder: "\u641C\u7D22", value: this.searchValue, onInput: this.handleSearchInput, "aria-label": "\u641C\u7D22\u9009\u9879" }))), this.filterable && this.searchValue.trim() !== '' ? (this.renderSearchResults()) : (h("div", { class: "hb-cascader__menus", role: "listbox", "aria-multiselectable": this.multiple ? 'true' : 'false' }, this.renderCascaderMenus()))))));
     }
     renderCascaderMenus() {
         const menus = [];
         let currentOptions = this.options;
         let currentPath = [];
-        // Render first level
         menus.push(this.renderMenu(currentOptions, currentPath));
-        // Render active path levels
         for (let i = 0; i < this.activePath.length; i++) {
             const pathValue = this.activePath[i];
             const option = currentOptions.find(opt => opt.value === pathValue);
             if (!option)
                 break;
-            // lazy 加载中：节点 children 尚未填充 → 渲染 loading 面板
             if (option.children === undefined && this.loadingKeys.has(option.value)) {
                 menus.push(this.renderLoadingMenu());
                 break;
@@ -355,49 +472,56 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends H {
         }
         return menus;
     }
-    /** lazy 加载中渲染的面板：一个 loading 占位提示 */
     renderLoadingMenu() {
         return (h("ul", { class: "hb-cascader__menu-list hb-cascader__menu-list--loading", role: "status", "aria-live": "polite" }, h("li", { class: "hb-cascader__menu-item hb-cascader__menu-item--loading" }, h("span", { class: "hb-cascader__menu-item-label" }, "\u52A0\u8F7D\u4E2D\u2026"))));
     }
-    /**
-     * 渲染扁平化搜索结果：每一项展示完整路径（label 用 separator 连接），点击选中完整路径。
-     * 无匹配时渲染空状态。
-     */
     renderSearchResults() {
         if (this.filteredPaths.length === 0) {
             return (h("div", { class: "hb-cascader__search-empty", role: "status" }, "\u65E0\u5339\u914D\u6570\u636E"));
         }
-        return (h("div", { class: "hb-cascader__search-results", role: "listbox", "aria-label": "\u641C\u7D22\u7ED3\u679C" }, this.filteredPaths.map((path) => {
-            const labelPath = path.map((opt) => opt.label).join(this.separator);
-            const valuePath = path.map((opt) => opt.value);
+        return (h("div", { class: "hb-cascader__search-results", role: "listbox", "aria-label": "\u641C\u7D22\u7ED3\u679C" }, this.filteredPaths.map(path => {
+            const labelPath = path.map(opt => opt.label).join(this.separator);
+            const valuePath = path.map(opt => opt.value);
             const last = path[path.length - 1];
             const disabled = !!last.disabled;
-            // 当前选中判断：路径 value 与 modelValue 完全一致
-            const selected = !!this.modelValue &&
-                this.modelValue.length === valuePath.length &&
-                valuePath.every((v, idx) => this.modelValue && this.modelValue[idx] === v);
+            const selected = this.multiple
+                ? this.getMultiModel().some(p => this.pathEquals(p, valuePath))
+                : !!this.modelValue && this.pathEquals(this.modelValue, valuePath);
             return (h("div", { class: {
                     'hb-cascader__search-item': true,
                     'hb-cascader__search-item--selected': selected,
                     'hb-cascader__search-item--disabled': disabled,
-                }, role: "option", "aria-selected": selected ? 'true' : 'false', "aria-disabled": disabled ? 'true' : undefined, onClick: () => !disabled && this.handleSearchSelect(path) }, labelPath));
+                }, role: "option", "aria-selected": selected ? 'true' : 'false', "aria-disabled": disabled ? 'true' : undefined, onClick: () => !disabled && this.handleSearchSelect(path) }, this.multiple && (h("span", { class: "hb-cascader__menu-item-checkbox", "data-state": selected ? 'checked' : 'unchecked', role: "checkbox", "aria-checked": selected ? 'true' : 'false' })), labelPath));
         })));
     }
     renderMenu(options, path) {
-        if (!options || options.length === 0) {
+        if (!options || options.length === 0)
             return null;
-        }
-        return (h("ul", { class: "hb-cascader__menu-list", role: "group" }, options.map((option) => {
-            const isSelected = path.length > 0 && path[path.length - 1] === option.value;
-            const isInPath = this.modelValue && path.length > 0 &&
-                path.every((val, idx) => this.modelValue && this.modelValue[idx] === val) &&
+        return (h("ul", { class: "hb-cascader__menu-list", role: "group" }, options.map(option => {
+            const checkState = this.getCheckState(option, path);
+            // 单选高亮：路径在当前 modelValue 上
+            const isSelected = !this.multiple &&
+                path.length > 0 &&
+                !!this.modelValue &&
+                path.every((val, idx) => this.modelValue[idx] === val) &&
                 this.modelValue.length === path.length + 1 &&
                 this.modelValue[path.length] === option.value;
+            const showArrow = this.loadingKeys.has(option.value)
+                ? false
+                : (option.children && option.children.length > 0) || (this.lazy && option.children === undefined && !option.leaf);
             return (h("li", { class: {
                     'hb-cascader__menu-item': true,
-                    'hb-cascader__menu-item--selected': isSelected || isInPath,
+                    'hb-cascader__menu-item--selected': isSelected,
                     'hb-cascader__menu-item--disabled': option.disabled,
-                }, role: "option", "aria-selected": (isSelected || isInPath) ? 'true' : 'false', "aria-disabled": option.disabled ? 'true' : undefined, onClick: () => !option.disabled && this.handleSelect(option.value, path) }, h("span", { class: "hb-cascader__menu-item-label" }, option.label), this.loadingKeys.has(option.value) ? (h("span", { class: "hb-cascader__menu-item-loading", "aria-hidden": "true" }, "\u27F3")) : (option.children && option.children.length > 0) || (this.lazy && option.children === undefined && !option.leaf) ? (h("span", { class: "hb-cascader__menu-item-arrow" }, "\u25B6")) : null));
+                }, role: "option", "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": option.disabled ? 'true' : undefined, onClick: () => !option.disabled && this.handleItemClick(option, path) }, this.multiple && (h("span", { class: {
+                    'hb-cascader__menu-item-checkbox': true,
+                    'hb-cascader__menu-item-checkbox--checked': checkState === 'checked',
+                    'hb-cascader__menu-item-checkbox--indeterminate': checkState === 'indeterminate',
+                }, "data-state": checkState, role: "checkbox", "aria-checked": checkState === 'indeterminate' ? 'mixed' : checkState === 'checked' ? 'true' : 'false', onClick: e => {
+                    e.stopPropagation();
+                    if (!option.disabled)
+                        this.handleCheck(option, path);
+                } })), h("span", { class: "hb-cascader__menu-item-label" }, option.label), this.loadingKeys.has(option.value) ? (h("span", { class: "hb-cascader__menu-item-loading", "aria-hidden": "true" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round", class: "hb-cascader__menu-item-loading-svg" }, h("path", { d: "M12 5V2L8 6l4 4V7a5 5 0 1 1-5 5H5a7 7 0 1 0 7-7z" })))) : showArrow ? (h("span", { class: "hb-cascader__menu-item-arrow", "aria-hidden": "true" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M9 6l6 6-6 6" })))) : null));
         })));
     }
     static get watchers() { return {
@@ -419,6 +543,9 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends H {
         "filterable": [4],
         "lazy": [4],
         "load": [16],
+        "multiple": [4],
+        "checkStrictly": [4, "check-strictly"],
+        "maxTagCount": [2, "max-tag-count"],
         "isOpen": [32],
         "inputValue": [32],
         "searchValue": [32],