zartui 3.1.8 → 3.1.10

package/es/empty/index.css

@@ -1 +1 @@
-:root{--zt-empty-image-width: 200px;--zt-empty-image-height: 200px;--zt-empty-image-background-color: #e6f5ff;--zt-empty-description-padding: 8px 64px 16px;--zt-empty-description-color: var(--zt-gray-a6);--zt-empty-description-font-size: var(--zt-font-size-md);--zt-empty-description-line-height: var(--zt-line-height-md);--zt-empty-bottom-margin-top: 32px}.zt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.zt-empty__image{width:var(--zt-empty-image-width);height:var(--zt-empty-image-height);color:var(--zt-empty-image-background-color)}.zt-empty__image img{width:100%;height:100%}.zt-empty__description{text-align:center;padding:var(--zt-empty-description-padding);color:var(--zt-empty-description-color);font-size:var(--zt-empty-description-font-size);line-height:var(--zt-empty-description-line-height)}.zt-empty__bottom{margin-top:var(--zt-empty-bottom-margin-top);width:100%}.zt-theme-dark{--zt-empty-image-background-color: #1e3347}
+:root{--zt-empty-image-width: 160px;--zt-empty-image-height: 160px;--zt-empty-image-background-color: var(--zt-primary-color-a1);--zt-empty-description-padding: 16px 64px 32px;--zt-empty-description-color: var(--zt-gray-a6);--zt-empty-bottom-margin-top: 32px}.zt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.zt-empty__image{width:var(--zt-empty-image-width);height:var(--zt-empty-image-height);color:var(--zt-empty-image-background-color)}.zt-empty__image img{width:100%;height:100%}.zt-empty__description{text-align:center;padding:var(--zt-empty-description-padding);color:var(--zt-empty-description-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md)}.zt-empty__bottom{margin-top:var(--zt-empty-bottom-margin-top);width:100%}.zt-empty__svg-defs-stop-color-gradient{stop-color:var(--zt-primary-color-light)}.zt-empty__svg-defs-stop-color{stop-color:var(--zt-primary-color)}.zt-empty__svg-defs-path-fill{fill:var(--zt-primary-color-light)}.zt-theme-dark{--zt-empty-image-background-color: var(--zt-gray-a1)}

package/es/empty/index.d.ts

@@ -17,6 +17,7 @@ export declare const Empty: import("../utils").WithInstall<import("vue").DefineC
 }, {}>>;
 export default Empty;
 export type { EmptyProps } from './Empty';
+export type { EmptyThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtEmpty: typeof Empty;

package/es/empty/types.d.ts

@@ -0,0 +1,8 @@
+export type EmptyThemeVars = {
+    emptyImageWidth?: string;
+    emptyImageHeight?: string;
+    emptyImageBackgroundColor?: string;
+    emptyDescriptionPadding?: string;
+    emptyDescriptionColor?: string;
+    emptyBottomMarginTop?: string;
+};

package/es/field/Field.mjs

@@ -468,6 +468,7 @@ var stdin_default = defineComponent({
     });
     return () => {
       const disabled = getProp("disabled");
+      const readonly = getProp("readonly");
       const labelAlign = getProp("labelAlign");
       const Label = renderLabel();
       const TitleIcon = renderTitleIcon();
@@ -479,6 +480,7 @@ var stdin_default = defineComponent({
         "class": bem({
           error: showError.value,
           disabled,
+          readonly,
           [`label-${labelAlign}`]: labelAlign,
           "error-message": props.errorMessage !== "" && typeof props.errorMessage !== "undefined",
           description: props.description !== "" && typeof props.description !== "undefined",

package/es/field/index.css

@@ -1 +1 @@
-:root{--zt-field-label-width: 100%;--zt-field-label-color: var(--zt-text-color);--zt-field-label-margin: 16px 12px 8px 0;--zt-field-value-border-radius: var(--zt-radius-md);--zt-field-input-text-color: var(--zt-text-color);--zt-field-input-disabled-text-color: var(--zt-text-color-3);--zt-field-placeholder-text-color: var(--zt-placeholder-color);--zt-field-icon-size: 20px;--zt-field-clear-icon-size: 20px;--zt-field-clear-icon-color: var(--zt-gray-a6);--zt-field-left-icon-color: var(--zt-gray-a4);--zt-field-right-icon-color: var(--zt-gray-6);--zt-field-password-icon-color: var(--zt-gray-a6);--zt-field-error-message-background-color: #fff0eb;--zt-field-error-message-color: var(--zt-red);--zt-field-error-message-font-size: 12px;--zt-field-description-background-color: var(--zt-gray-a04);--zt-field-description-color: var(--zt-gray-a6);--zt-field-description-font-size: 12px;--zt-field-description-border-color: var(--zt-gray-a2);--zt-field-text-area-min-height: 60px;--zt-field-word-limit-color: var(--zt-gray-a4);--zt-field-word-limit-font-size: var(--zt-font-size-md);--zt-field-word-limit-line-height: var(--zt-line-height-md);--zt-field-disabled-text-color: var(--zt-gray-a6);--zt-field-required-mark-color: #ff4b50;--zt-field-required-mark-margin: 0 0 0 4px;--zt-field-caret-color: #0091fa}.zt-field__label{flex:none;box-sizing:border-box;word-wrap:break-word;overflow:hidden}.zt-field__label--center{text-align:center}.zt-field__label--right{text-align:right}.zt-field__label--required:after{margin:var(--zt-field-required-mark-margin);color:var(--zt-field-required-mark-color);content:"*";font-weight:var(--zt-font-bold);line-height:var(--zt-line-height-md)}.zt-field--disabled .zt-field__label{color:var(--zt-field-disabled-text-color)}.zt-field__value{display:block;overflow:visible;border-radius:var(--zt-field-value-border-radius)}.zt-field__body{width:100%;display:flex;align-items:center}.zt-field__body input,.zt-field__body textarea{caret-color:var(--zt-field-caret-color)}.zt-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--zt-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.zt-field__control::-webkit-input-placeholder{color:var(--zt-field-placeholder-text-color)}.zt-field__control::placeholder{color:var(--zt-field-placeholder-text-color)}.zt-field__control:disabled{color:var(--zt-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--zt-field-input-disabled-text-color)}.zt-field__control:read-only{cursor:default}.zt-field__control--center{justify-content:center;text-align:center}.zt-field__control--right{justify-content:flex-end;text-align:right}.zt-field__control--custom{display:flex;align-items:center;min-height:var(--zt-cell-line-height)}.zt-field__control--min-height{min-height:var(--zt-field-text-area-min-height)}.zt-field__control[type=date],.zt-field__control[type=time],.zt-field__control[type=datetime-local]{min-height:var(--zt-cell-line-height)}.zt-field__control[type=search]{-webkit-appearance:none}.zt-field__clear,.zt-field__icon,.zt-field__button,.zt-field__right-icon{flex-shrink:0}.zt-field__clear,.zt-field__right-icon{margin-right:calc(var(--zt-padding-xs) * -1);padding:0 var(--zt-padding-xs);line-height:inherit}.zt-field__clear{color:var(--zt-field-clear-icon-color);font-size:var(--zt-field-clear-icon-size);cursor:pointer}.zt-field__left-icon .zt-icon,.zt-field__right-icon .zt-icon{display:block;font-size:var(--zt-field-icon-size)}.zt-field__left-icon{color:var(--zt-field-left-icon-color);margin-right:var(--zt-padding-base);display:flex;align-items:center}.zt-field__right-icon{color:var(--zt-field-right-icon-color)}.zt-field__button{padding-left:var(--zt-padding-xs)}.zt-field__error-message{color:var(--zt-field-error-message-color);font-size:var(--zt-field-error-message-font-size);text-align:left}.zt-field__error-message--center{text-align:center}.zt-field__error-message--right{text-align:right}.zt-field__word-limit{margin-top:var(--zt-padding-md);color:var(--zt-field-word-limit-color);font-size:var(--zt-field-word-limit-font-size);line-height:var(--zt-field-word-limit-line-height)}.zt-field__word-num--exceed{color:var(--zt-field-error-message-color)}.zt-field--error-message .zt-cell__value,.zt-field--error .zt-cell__value,.zt-field--description .zt-cell__value{border-bottom-left-radius:0;border-bottom-right-radius:0}.zt-field__bottom{border-radius:0 0 var(--zt-radius-md) var(--zt-radius-md)}.zt-field--error-message .zt-field__label,.zt-field--error .zt-field__label{color:var(--zt-field-error-message-color)}.zt-field--error-message .zt-field__error-message,.zt-field--error .zt-field__error-message{background:var(--zt-field-error-message-background-color);border-radius:0 0 var(--zt-radius-md) var(--zt-radius-md);padding:var(--zt-padding-xs);font-size:var(--zt-field-error-message-font-size);color:var(--zt-field-error-message-color);letter-spacing:0;line-height:var(--zt-line-height-xs);position:relative}.zt-field--error-message .zt-field__error-message:before,.zt-field--error .zt-field__error-message:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-field-error-message-color);transform:scaleY(.5)}.zt-field--error-message.zt-field--description .zt-field__error-message,.zt-field--error.zt-field--description .zt-field__error-message{border-radius:0}.zt-field__description{background:var(--zt-field-description-background-color);border-radius:0 0 var(--zt-radius-md) var(--zt-radius-md);padding:var(--zt-padding-xs);font-size:var(--zt-field-description-font-size);color:var(--zt-field-description-color);letter-spacing:0;line-height:var(--zt-line-height-xs);position:relative}.zt-field__description:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-field-description-border-color);transform:scaleY(.5)}.zt-field__password{width:100%;display:flex;justify-content:space-between;align-items:center}.zt-field__password .zt-icon{color:var(--zt-field-password-icon-color);font-size:var(--zt-field-icon-size)}.zt-field--is-link .zt-field__value{display:flex}.zt-theme-dark{--zt-field-error-message-background-color: rgba(255, 240, 235, .1);--zt-field-left-icon-color: var(--zt-gray-default)}
+:root{--zt-field-value-border-radius: var(--zt-radius-md);--zt-field-input-text-color: var(--zt-text-color);--zt-field-input-disabled-text-color: var(--zt-gray-a4);--zt-field-placeholder-text-color: var(--zt-placeholder-color);--zt-field-clear-icon-color: var(--zt-gray-a6);--zt-field-left-icon-color: var(--zt-gray-a4);--zt-field-right-icon-color: var(--zt-gray-a4);--zt-field-password-icon-color: var(--zt-gray-a6);--zt-field-error-message-background-color: rgb(var(--zt-red-r), var(--zt-red-g), var(--zt-red-b), .1);--zt-field-error-message-color: var(--zt-red);--zt-field-description-background-color: var(--zt-gray-a04);--zt-field-description-color: var(--zt-gray-a6);--zt-field-description-border-color: var(--zt-gray-a2);--zt-field-text-area-min-height: 60px;--zt-field-word-limit-color: var(--zt-gray-a4);--zt-field-disabled-text-color: var(--zt-gray-a6);--zt-field-required-mark-color: var(--zt-red);--zt-field-required-mark-margin: 0 0 0 4px;--zt-field-caret-color: var(--zt-primary-color)}.zt-field__label{flex:none;box-sizing:border-box;word-wrap:break-word;overflow:hidden}.zt-field__label--center{text-align:center}.zt-field__label--right{text-align:right}.zt-field__label--required:after{margin:var(--zt-field-required-mark-margin);color:var(--zt-field-required-mark-color);content:"*";font-weight:var(--zt-font-bold);line-height:var(--zt-line-height-md)}.zt-field--disabled .zt-field__label{color:var(--zt-field-disabled-text-color)}.zt-field--disabled .zt-cell__value--vertical,.zt-field--readonly .zt-cell__value--vertical{background:var(--zt-gray-a04)}.zt-field__value{display:block;overflow:visible;border-radius:var(--zt-field-value-border-radius)}.zt-field__body{width:100%;display:flex;align-items:center}.zt-field__body input,.zt-field__body textarea{caret-color:var(--zt-field-caret-color)}.zt-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--zt-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.zt-field__control::-webkit-input-placeholder{color:var(--zt-field-placeholder-text-color)}.zt-field__control::placeholder{color:var(--zt-field-placeholder-text-color)}.zt-field__control:disabled{color:var(--zt-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--zt-field-input-disabled-text-color)}.zt-field__control:read-only{cursor:default}.zt-field__control--center{justify-content:center;text-align:center}.zt-field__control--right{justify-content:flex-end;text-align:right}.zt-field__control--custom{display:flex;align-items:center;min-height:var(--zt-line-height-md)}.zt-field__control--min-height{min-height:var(--zt-field-text-area-min-height)}.zt-field__control[type=date],.zt-field__control[type=time],.zt-field__control[type=datetime-local]{min-height:var(--zt-line-height-md)}.zt-field__control[type=search]{-webkit-appearance:none}.zt-field__clear,.zt-field__icon,.zt-field__button,.zt-field__right-icon{flex-shrink:0}.zt-field__clear,.zt-field__right-icon{margin-right:calc(var(--zt-padding-xs) * -1);padding:0 var(--zt-padding-xs);line-height:inherit}.zt-field__clear{color:var(--zt-field-clear-icon-color);font-size:var(--zt-font-size-xxl);cursor:pointer}.zt-field__left-icon .zt-icon,.zt-field__right-icon .zt-icon{display:block;font-size:var(--zt-font-size-xxl)}.zt-field__left-icon{color:var(--zt-field-left-icon-color);margin-right:var(--zt-padding-base);display:flex;align-items:center}.zt-field__right-icon{color:var(--zt-field-right-icon-color)}.zt-field__button{padding-left:var(--zt-padding-xs)}.zt-field__error-message{color:var(--zt-field-error-message-color);font-size:var(--zt-font-size-sm);text-align:left}.zt-field__error-message--center{text-align:center}.zt-field__error-message--right{text-align:right}.zt-field__word-limit{margin-top:var(--zt-padding-md);color:var(--zt-field-word-limit-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md)}.zt-field__word-num--exceed{color:var(--zt-field-error-message-color)}.zt-field--error-message .zt-cell__value,.zt-field--error .zt-cell__value,.zt-field--description .zt-cell__value{border-bottom-left-radius:0;border-bottom-right-radius:0}.zt-field__bottom{border-radius:0 0 var(--zt-radius-md) var(--zt-radius-md)}.zt-field--error-message .zt-field__label,.zt-field--error .zt-field__label{color:var(--zt-field-error-message-color)}.zt-field--error-message .zt-field__error-message,.zt-field--error .zt-field__error-message{background:var(--zt-field-error-message-background-color);border-radius:0 0 var(--zt-radius-md) var(--zt-radius-md);padding:var(--zt-padding-xs);font-size:var(--zt-font-size-sm);color:var(--zt-field-error-message-color);letter-spacing:0;line-height:var(--zt-line-height-xs);position:relative}.zt-field--error-message .zt-field__error-message:before,.zt-field--error .zt-field__error-message:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-field-error-message-color);transform:scaleY(.5)}.zt-field--error-message.zt-field--description .zt-field__error-message,.zt-field--error.zt-field--description .zt-field__error-message{border-radius:0}.zt-field__description{background:var(--zt-field-description-background-color);border-radius:0 0 var(--zt-radius-md) var(--zt-radius-md);padding:var(--zt-padding-xs);font-size:var(--zt-font-size-sm);color:var(--zt-field-description-color);letter-spacing:0;line-height:var(--zt-line-height-xs);position:relative}.zt-field__description:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-field-description-border-color);transform:scaleY(.5)}.zt-field__password{width:100%;display:flex;justify-content:space-between;align-items:center}.zt-field__password .zt-icon{color:var(--zt-field-password-icon-color);font-size:var(--zt-font-size-xxl)}.zt-field--is-link .zt-field__value{display:flex}.zt-theme-dark{--zt-field-left-icon-color: var(--zt-gray)}

package/es/field/index.d.ts

@@ -224,7 +224,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
 }, {}>>;
 export default Field;
 export type { FieldProps };
-export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FiledRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, } from './types';
+export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FiledRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, FieldThemeVars, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtField: typeof Field;

package/es/field/types.d.ts

@@ -42,3 +42,25 @@ declare global {
         composing?: boolean;
     }
 }
+export type FieldThemeVars = {
+    fieldValueBorderRadius?: string;
+    fieldInputTextColor?: string;
+    fieldInputPlaceholderColor?: string;
+    fieldInputDisabledTextColor?: string;
+    fieldPlaceholderTextColor?: string;
+    fieldClearIconColor?: string;
+    fieldLeftIconColor?: string;
+    fieldRightIconColor?: string;
+    fieldPasswordIconColor?: string;
+    fieldErrorMessageBackgroundColor?: string;
+    fieldErrorMessageColor?: string;
+    fieldDescriptionBackgroundColor?: string;
+    fieldDescriptionColor?: string;
+    fieldDescriptionBorderColor?: string;
+    fieldTextAreaMinHeight?: string;
+    fieldWordLimitColor?: string;
+    fieldDisabledTextColor?: string;
+    fieldRequiredMarkColor?: string;
+    fieldRequiredMarkMargin?: string;
+    fieldCaretColor?: string;
+};

package/es/grid-item/index.css

@@ -1 +1 @@
-:root{--zt-grid-item-content-padding: var(--zt-padding-md) var(--zt-padding-xs);--zt-grid-item-content-background: var(--zt-background-card);--zt-grid-item-content-active-color: var(--zt-active-color);--zt-grid-item-icon-size: 28px;--zt-grid-item-text-color: var(--zt-text-color);--zt-grid-item-text-font-size: var(--zt-font-size-sm)}.zt-grid-item{position:relative;box-sizing:border-box}.zt-grid-item--square{height:0}.zt-grid-item__icon{font-size:var(--zt-grid-item-icon-size)}.zt-grid-item__text{color:var(--zt-grid-item-text-color);font-size:var(--zt-grid-item-text-font-size);line-height:1.5;word-break:break-all}.zt-grid-item__icon+.zt-grid-item__text{margin-top:var(--zt-padding-xs)}.zt-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--zt-grid-item-content-padding);background:var(--zt-grid-item-content-background)}.zt-grid-item__content:after{z-index:1;border-width:0 var(--zt-border-width) var(--zt-border-width) 0}.zt-grid-item__content--square{position:absolute;top:0;right:0;left:0}.zt-grid-item__content--center{align-items:center;justify-content:center}.zt-grid-item__content--horizontal{flex-direction:row}.zt-grid-item__content--horizontal .zt-grid-item__text{margin:0 0 0 var(--zt-padding-xs)}.zt-grid-item__content--reverse{flex-direction:column-reverse}.zt-grid-item__content--reverse .zt-grid-item__text{margin:0 0 var(--zt-padding-xs)}.zt-grid-item__content--horizontal.zt-grid-item__content--reverse{flex-direction:row-reverse}.zt-grid-item__content--horizontal.zt-grid-item__content--reverse .zt-grid-item__text{margin:0 var(--zt-padding-xs) 0 0}.zt-grid-item__content--surround:after{border-width:var(--zt-border-width)}.zt-grid-item__content--clickable{cursor:pointer}.zt-grid-item__content--clickable:active{background-color:var(--zt-grid-item-content-active-color)}
+:root{--zt-grid-item-content-padding: var(--zt-padding-md) var(--zt-padding-xs);--zt-grid-item-content-background: var(--zt-background-card);--zt-grid-item-content-active-color: var(--zt-active-color);--zt-grid-item-text-color: var(--zt-text-color);--zt-grid-item-icon-font-size: 28px}:root[zt-theme-size=large]{--zt-grid-item-icon-font-size: 34px}.zt-grid-item{position:relative;box-sizing:border-box}.zt-grid-item--square{height:0}.zt-grid-item__icon{font-size:var(--zt-grid-item-icon-font-size)}.zt-grid-item__text{color:var(--zt-grid-item-text-color);font-size:var(--zt-font-size-sm);line-height:1.5;word-break:break-all}.zt-grid-item__icon+.zt-grid-item__text{margin-top:var(--zt-padding-xs)}.zt-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--zt-grid-item-content-padding);background:var(--zt-grid-item-content-background)}.zt-grid-item__content:after{z-index:1;border-width:0 var(--zt-border-width) var(--zt-border-width) 0}.zt-grid-item__content--square{position:absolute;top:0;right:0;left:0}.zt-grid-item__content--center{align-items:center;justify-content:center}.zt-grid-item__content--horizontal{flex-direction:row}.zt-grid-item__content--horizontal .zt-grid-item__text{margin:0 0 0 var(--zt-padding-xs)}.zt-grid-item__content--reverse{flex-direction:column-reverse}.zt-grid-item__content--reverse .zt-grid-item__text{margin:0 0 var(--zt-padding-xs)}.zt-grid-item__content--horizontal.zt-grid-item__content--reverse{flex-direction:row-reverse}.zt-grid-item__content--horizontal.zt-grid-item__content--reverse .zt-grid-item__text{margin:0 var(--zt-padding-xs) 0 0}.zt-grid-item__content--surround:after{border-width:var(--zt-border-width)}.zt-grid-item__content--clickable{cursor:pointer}.zt-grid-item__content--clickable:active{background-color:var(--zt-grid-item-content-active-color)}

package/es/grid-item/index.d.ts

@@ -29,6 +29,7 @@ export declare const GridItem: import("../utils").WithInstall<import("vue").Defi
 export default GridItem;
 export { gridItemProps } from './GridItem';
 export type { GridItemProps } from './GridItem';
+export type { GridItemThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtGridItem: typeof GridItem;

package/es/grid-item/types.d.ts

@@ -0,0 +1,7 @@
+export type GridItemThemeVars = {
+    gridItemContentPadding?: string;
+    gridItemContentBackground?: string;
+    gridItemContentActiveColor?: string;
+    gridItemTextColor?: string;
+    gridItemIconFontSize?: string;
+};

package/es/hierarchy-select/Breadcrumb.mjs

@@ -43,7 +43,7 @@ var stdin_default = defineComponent({
     }, null), _createVNode("span", {
       "class": bem("name"),
       "style": {
-        color: index === props.data.length - 1 ? "" : "#0091fa"
+        color: index === props.data.length - 1 ? "" : "var(--zt-primary-color)"
       },
       "onClick": () => {
         chooseSenior(index);

package/es/hierarchy-select/HierarchySelect.d.ts

@@ -1,9 +1,14 @@
 import { ExtractPropTypes } from 'vue';
+import { HierarchyData } from './types';
 declare const hierarchySelectProps: {
     treeData: {
         type: ArrayConstructor;
         default: () => never[];
     };
+    checkedList: {
+        type: import("vue").PropType<HierarchyData[]>;
+        default: () => HierarchyData[];
+    };
     disableParent: {
         type: BooleanConstructor;
         default: boolean;
@@ -15,6 +20,10 @@ declare const hierarchySelectProps: {
     asyncGetter: {
         type: FunctionConstructor;
     };
+    unanimous: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     valueKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -35,6 +44,10 @@ declare const _default: import("vue").DefineComponent<{
         type: ArrayConstructor;
         default: () => never[];
     };
+    checkedList: {
+        type: import("vue").PropType<HierarchyData[]>;
+        default: () => HierarchyData[];
+    };
     disableParent: {
         type: BooleanConstructor;
         default: boolean;
@@ -46,6 +59,10 @@ declare const _default: import("vue").DefineComponent<{
     asyncGetter: {
         type: FunctionConstructor;
     };
+    unanimous: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     valueKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -59,11 +76,15 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     autoChangeToChildren: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selected" | "change" | "asyncGetter")[], "selected" | "change" | "asyncGetter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selected" | "change" | "asyncGetter" | "update:checkedList")[], "selected" | "change" | "asyncGetter" | "update:checkedList", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     treeData: {
         type: ArrayConstructor;
         default: () => never[];
     };
+    checkedList: {
+        type: import("vue").PropType<HierarchyData[]>;
+        default: () => HierarchyData[];
+    };
     disableParent: {
         type: BooleanConstructor;
         default: boolean;
@@ -75,6 +96,10 @@ declare const _default: import("vue").DefineComponent<{
     asyncGetter: {
         type: FunctionConstructor;
     };
+    unanimous: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     valueKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -92,13 +117,16 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelected?: ((...args: any[]) => any) | undefined;
     onAsyncGetter?: ((...args: any[]) => any) | undefined;
+    "onUpdate:checkedList"?: ((...args: any[]) => any) | undefined;
 }, {
     multiple: boolean;
     valueKey: string;
     textKey: string;
     breadcrumbTitle: string;
     treeData: unknown[];
+    checkedList: HierarchyData[];
     disableParent: boolean;
+    unanimous: boolean;
     autoChangeToChildren: boolean;
 }, {}>;
 export default _default;

package/es/hierarchy-select/HierarchySelect.mjs

@@ -1,17 +1,20 @@
 import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
-import { defineComponent, nextTick, ref } from "vue";
-import { createNamespace, makeStringProp } from "../utils/index.mjs";
+import { computed, defineComponent, nextTick, ref } from "vue";
+import { createNamespace, makeArrayProp, makeStringProp } from "../utils/index.mjs";
 import { deepClone } from "../utils/deep-clone.mjs";
 import { SubIcon } from "./svg/SubIcon.mjs";
 import Icon from "../icon/index.mjs";
 import { showToast } from "../toast/index.mjs";
 import Breadcrumb from "./Breadcrumb.mjs";
+import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("hierarchy-select");
 const hierarchySelectProps = {
   treeData: {
     type: Array,
     default: () => []
   },
+  checkedList: makeArrayProp([]),
   disableParent: {
     type: Boolean,
     default: false
@@ -23,6 +26,10 @@ const hierarchySelectProps = {
   asyncGetter: {
     type: Function
   },
+  unanimous: {
+    type: Boolean,
+    default: true
+  },
   valueKey: makeStringProp("id"),
   textKey: makeStringProp("name"),
   breadcrumbTitle: makeStringProp("\u5168\u90E8"),
@@ -31,12 +38,21 @@ const hierarchySelectProps = {
 var stdin_default = defineComponent({
   name,
   props: hierarchySelectProps,
-  emits: ["asyncGetter", "selected", "change"],
+  emits: ["asyncGetter", "selected", "change", "update:checkedList"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
-    const checkedList = ref([]);
-    const choosedValue = ref();
+    const checkedList = useSyncPropRef(() => props.checkedList, (value) => emit("update:checkedList", value));
+    const SINGLE_LIMIT = 1;
+    const choosedValue = computed(() => {
+      var _a;
+      if (!props.multiple && checkedList.value.length > SINGLE_LIMIT) {
+        console.warn("\u975Emutiple\u6A21\u5F0F\uFF0C\u8BF7\u6CE8\u610FcheckedList\u6570\u7EC4\u957F\u5EA6\u4E0D\u8981\u5927\u4E8E" + SINGLE_LIMIT);
+      }
+      const choosedId = ((_a = checkedList.value) == null ? void 0 : _a.length) && !props.multiple ? checkedList.value[0].id : null;
+      return choosedId;
+    });
     const dataList = ref(deepClone(props.treeData));
     const breadcrumbData = ref([]);
     const historyLayers = ref([]);
@@ -51,16 +67,33 @@ var stdin_default = defineComponent({
         return true;
       }
     };
+    const flatHierarchy = (data, flatArray = []) => {
+      data.forEach((item) => {
+        var _a;
+        flatArray.push(item);
+        if ((_a = item.children) == null ? void 0 : _a.length) {
+          flatHierarchy(item.children, flatArray);
+        }
+      });
+      return flatArray;
+    };
+    const isIndeterminate = (item) => {
+      var _a;
+      let indeterminate = false;
+      if ((_a = item.children) == null ? void 0 : _a.length) {
+        const flatArray = flatHierarchy(item.children);
+        const checkedIds = checkedList.value.map((item2) => item2.id);
+        indeterminate = flatArray.some((item2) => checkedIds.includes(item2.id));
+      }
+      return indeterminate;
+    };
     const uncheckedChildren = (array) => {
       const unchecked = (list) => {
-        const len = checkedList.value.length;
-        for (let index = len - 1; index > -1; index--) {
-          list.forEach((v) => {
-            if (checkedList.value[index][props.valueKey] === v[props.valueKey]) {
-              checkedList.value.splice(index, 1);
-            }
+        checkedList.value = checkedList.value.filter((item) => {
+          return !list.find((v) => {
+            return item[props.valueKey] === v[props.valueKey];
           });
-        }
+        });
         list.forEach((v) => {
           if (v && v.children && v.children.length) {
             unchecked(v.children);
@@ -69,8 +102,8 @@ var stdin_default = defineComponent({
       };
       unchecked(array);
     };
-    const multipleClicked = (item) => {
-      if (isDisabled(item)) {
+    const multipleClicked = (item, emitChange = true) => {
+      if (isDisabled(item) || item.disabled) {
         return;
       }
       item = deepClone(item);
@@ -94,7 +127,7 @@ var stdin_default = defineComponent({
         delete item.children;
         checkedList.value.push(item);
       }
-      emit("change", checkedList.value);
+      emitChange && emit("change", checkedList.value);
     };
     const selected = (item) => {
       if (isDisabled(item) || item.disabled) {
@@ -104,7 +137,7 @@ var stdin_default = defineComponent({
         multipleClicked(item);
         return;
       }
-      choosedValue.value = item[props.valueKey];
+      checkedList.value = [item];
       emit("selected", item);
     };
     const getChecked = (item) => {
@@ -113,6 +146,12 @@ var stdin_default = defineComponent({
       }
       return false;
     };
+    const scrollBreadcrumbToLast = () => {
+      nextTick(() => {
+        var _a;
+        (_a = document.querySelector(".zt-breadcrumb__item:last-child")) == null ? void 0 : _a.scrollIntoViewIfNeeded();
+      });
+    };
     const toNextLevel = (item, index) => {
       if (item.disabled) {
         return;
@@ -131,6 +170,9 @@ var stdin_default = defineComponent({
             dataList.value[index].children = props.autoChangeToChildren ? void 0 : [];
             return;
           }
+          if (props.unanimous) {
+            item.children = list;
+          }
           historyLayers.value.push(dataList.value);
           breadcrumbData.value.push(item);
           dataList.value = list;
@@ -138,22 +180,66 @@ var stdin_default = defineComponent({
       } else {
         showToast("\u65E0\u4E0B\u7EA7\u6570\u636E");
       }
-      nextTick(() => {
-        var _a;
-        (_a = document.querySelector(".zt-breadcrumb__item:last-child")) == null ? void 0 : _a.scrollIntoViewIfNeeded();
-      });
+      scrollBreadcrumbToLast();
+    };
+    const findNodeLayers = (root, id, path = [], result = []) => {
+      var _a;
+      for (let index = 0; index < root.length; index++) {
+        const item = root[index];
+        path.push(item);
+        if (item.id === id) {
+          result.push(...path);
+          path.pop();
+          return true;
+        }
+        if ((_a = item.children) == null ? void 0 : _a.length) {
+          if (findNodeLayers(item.children, id, path, result)) {
+            return true;
+          }
+        }
+        path.pop();
+      }
+      return false;
+    };
+    const toNodeLevel = (id, force = false) => {
+      let rootLevelData = dataList.value;
+      if (historyLayers.value.length) {
+        rootLevelData = historyLayers.value[0];
+      }
+      const nodeLayers = [];
+      findNodeLayers(rootLevelData, id, [], nodeLayers);
+      if (nodeLayers.length) {
+        if (!force && nodeLayers.slice(0, nodeLayers.length - 1).some((item) => getChecked(item))) {
+          console.warn("\u5F53\u524D\u6307\u5B9A\u8282\u70B9\u5B58\u5728\u4E0A\u7EA7\u8282\u70B9\u88AB\u9009\u4E2D\uFF0C\u65E0\u6CD5\u5C55\u5F00\u5230\u6B64\u5C42\u7EA7");
+          return false;
+        }
+        breadcrumbData.value.splice(0);
+        historyLayers.value.splice(0, 1, rootLevelData);
+        nodeLayers.slice(0, nodeLayers.length - 1).forEach((item) => {
+          breadcrumbData.value.push(item);
+          historyLayers.value.push(item.children);
+        });
+        dataList.value = historyLayers.value.splice(historyLayers.value.length - 1)[0];
+        scrollBreadcrumbToLast();
+        return true;
+      } else {
+        console.warn("\u672A\u627E\u5230\u5F53\u524Did\u6307\u5B9A\u7684\u8282\u70B9");
+        return false;
+      }
     };
     const getMultipleDom = (item) => {
       if (item.disabled || isDisabled(item)) {
         return _createVNode("span", {
           "class": bem("icon", {
             disabled: true,
-            round: true
+            round: true,
+            checked: getChecked(item)
           })
         }, [_createVNode(Icon, {
           "name": "checkbox-select"
         }, null)]);
       }
+      const indeterminate = props.unanimous && isIndeterminate(item);
       return getChecked(item) ? _createVNode("span", {
         "class": bem("icon", {
           checked: true,
@@ -163,10 +249,11 @@ var stdin_default = defineComponent({
         "name": "checkbox-select"
       }, null)]) : _createVNode("span", {
         "class": bem("icon", {
-          round: true
+          round: true,
+          indeterminate
         })
       }, [_createVNode(Icon, {
-        "name": "check-blank-r",
+        "name": indeterminate ? "minus" : "check-blank-r",
         "class": bem("uncheck-icon")
       }, null)]);
     };
@@ -177,11 +264,38 @@ var stdin_default = defineComponent({
       }
       return props.asyncGetter && (item == null ? void 0 : item.children) || !props.asyncGetter && ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length);
     };
+    function adapterHierarchTree(root, emitChange = true) {
+      if (!props.unanimous)
+        return;
+      root.forEach((item) => {
+        var _a;
+        if ((_a = item.children) == null ? void 0 : _a.length) {
+          adapterHierarchTree(item.children, emitChange);
+          const checkedAll = item.children.every((item2) => getChecked(item2));
+          if (checkedAll) {
+            multipleClicked(item, emitChange);
+          }
+        }
+      });
+    }
+    const updateSelectParent = (index) => {
+      const checkedAllDataList = dataList.value.every((item) => getChecked(item));
+      if (checkedAllDataList && props.multiple) {
+        const nextLayer = index + 1;
+        const nextDataList = historyLayers.value[nextLayer];
+        adapterHierarchTree(nextDataList);
+      }
+    };
     const chooseSenior = (index) => {
+      updateSelectParent(index);
       breadcrumbData.value.splice(index + 1);
       dataList.value = historyLayers.value[index + 1];
       historyLayers.value.splice(index + 1);
     };
+    adapterHierarchTree(props.treeData, false);
+    useExpose({
+      toNodeLevel
+    });
     return () => _createVNode("div", {
       "class": bem()
     }, [_createVNode(Breadcrumb, {
@@ -204,7 +318,7 @@ var stdin_default = defineComponent({
       "onClick": () => {
         selected(item);
       }
-    }, [item[props.textKey]]), _createVNode("div", {
+    }, [slots.content ? slots.content(item) : item[props.textKey]]), _createVNode("div", {
       "class": bem("item-nav"),
       "onClick": () => {
         toNextLevel(item, index);
@@ -213,7 +327,7 @@ var stdin_default = defineComponent({
       "class": bem("sub-level", getChecked(item) ? "disable" : "")
     }, [_createVNode("span", {
       "class": bem("sub-icon")
-    }, [SubIcon()]), _createVNode("span", null, [_createTextVNode("\u4E0B\u7EA7")])])])]))]);
+    }, [SubIcon(bem)]), _createVNode("span", null, [_createTextVNode("\u4E0B\u7EA7")])])])]))]);
   }
 });
 export {

package/es/hierarchy-select/index.css

@@ -1 +1 @@
-:root{--zt-hierarchy-select-size: 16px;--zt-hierarchy-select-color: var(--zt-gray-5);--zt-hierarchy-select-duration: var(--zt-duration-fast);--zt-hierarchy-select-round-icon-border: 1px solid rgba(45, 75, 115, .13);--zt-hierarchy-select-round-icon-box-shadow: -1px -1px 2px 0 #ffffff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-hierarchy-select-round-icon-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%);--zt-hierarchy-select-checked-icon-color: var(--zt-primary-color);--zt-hierarchy-select-checked-icon-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);--zt-hierarchy-select-checked-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-hierarchy-select-disabled-icon-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-hierarchy-select-disabled-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-hierarchy-select-disabled-checked-icon-opacity: .4;--zt-hierarchy-select-disabled-icon-background: linear-gradient(134deg, #e1e6eb 0%, #e5edf5 100%)}.zt-hierarchy-select__score-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 0 10px var(--zt-padding-md);background-color:var(--zt-background-2)}.zt-hierarchy-select__score-item:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-hierarchy-select__item-content{flex:1;margin-right:var(--zt-padding-md);width:278px;font-size:var(--zt-font-size-md);font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:var(--zt-gray-default);line-height:24px;word-break:break-all}.zt-hierarchy-select__item-content--selected,.zt-hierarchy-select__item-content span{color:var(--zt-primary-color)}.zt-hierarchy-select__disable .zt-hierarchy-select__sub-level,.zt-hierarchy-select__disable-parent .zt-hierarchy-select__sub-level,.zt-hierarchy-select__disable .zt-hierarchy-select__item-content,.zt-hierarchy-select__disable-parent .zt-hierarchy-select__item-content{opacity:.4}.zt-hierarchy-select__item-nav{padding:0 16px;border-left:rgba(0,0,0,.1) 1px solid}.zt-hierarchy-select__sub-level{display:flex;align-items:center}.zt-hierarchy-select__sub-level span{color:var(--zt-primary-color)}.zt-hierarchy-select__sub-level--disable{opacity:.2}.zt-hierarchy-select__multiple-button{margin-right:8px;display:flex;justify-content:center;align-items:center}.zt-hierarchy-select__icon{font-size:0;font-size:var(--zt-hierarchy-select-size);cursor:pointer;box-sizing:border-box}.zt-hierarchy-select__icon .zt-icon{display:flex;justify-content:center;align-items:center;color:transparent;text-align:center;width:18px;height:18px;border:1px solid var(--zt-hierarchy-select-color);transition-duration:var(--zt-hierarchy-select-duration);transition-property:color,border-color,background-color}.zt-hierarchy-select__icon--round .zt-icon{border-radius:100%;border:var(--zt-hierarchy-select-round-icon-border);box-shadow:var(--zt-hierarchy-select-round-icon-box-shadow);background:var(--zt-hierarchy-select-round-icon-background)}.zt-hierarchy-select__icon--checked .zt-icon{color:var(--zt-white);background:var(--zt-hierarchy-select-checked-icon-color);box-shadow:var(--zt-hierarchy-select-checked-icon-shadow);border:var(--zt-hierarchy-select-checked-icon-border)}.zt-hierarchy-select__icon--disabled{cursor:not-allowed}.zt-hierarchy-select__icon--disabled .zt-icon{border:var(--zt-hierarchy-select-disabled-icon-border);box-shadow:var(--zt-hierarchy-select-disabled-icon-shadow);background:var(--zt-hierarchy-select-disabled-icon-background)}.zt-hierarchy-select__icon--disabled.zt-hierarchy-select__icon--checked .zt-icon{opacity:var(--zt-hierarchy-select-disabled-checked-icon-opacity);background:var(--zt-blue);color:var(--zt-white)}.zt-breadcrumb{padding:0 16px}.zt-breadcrumb__list{box-sizing:border-box;height:44px;display:flex;align-items:center;color:var(--zt-primary-color);width:100%;overflow-x:scroll}.zt-breadcrumb__list::-webkit-scrollbar{width:0;height:0}.zt-breadcrumb__default{display:flex;white-space:nowrap}.zt-breadcrumb__item{height:44px;display:flex;align-items:center;white-space:nowrap}.zt-breadcrumb__item:last-child{color:var(--zt-gray-default)}.zt-breadcrumb__icon{padding:0 4px}
+:root{--zt-hierarchy-select-color: var(--zt-gray-5);--zt-hierarchy-select-duration: var(--zt-duration-fast);--zt-hierarchy-select-round-icon-border: 1px solid rgba(45, 75, 115, .13);--zt-hierarchy-select-round-icon-box-shadow: -1px -1px 2px 0 #ffffff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-hierarchy-select-round-icon-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%);--zt-hierarchy-select-checked-icon-color: var(--zt-primary-color);--zt-hierarchy-select-checked-icon-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);--zt-hierarchy-select-checked-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-hierarchy-select-disabled-icon-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-hierarchy-select-disabled-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-hierarchy-select-disabled-checked-icon-opacity: .4;--zt-hierarchy-select-disabled-icon-background: linear-gradient(134deg, #e1e6eb 0%, #e5edf5 100%);--zt-hierarchy-breadcrumb-line-height: 44px;--zt-hierarchy-select-sub-icon-gap: 4px}:root[zt-theme-size=large]{--zt-hierarchy-breadcrumb-line-height: 56px}.zt-hierarchy-select__score-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 0 10px var(--zt-padding-md);background-color:var(--zt-background-2)}.zt-hierarchy-select__score-item:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-hierarchy-select__item-content{flex:1;margin-right:var(--zt-padding-md);width:278px;font-size:var(--zt-font-size-md);font-weight:400;text-align:left;color:var(--zt-gray);line-height:var(--zt-line-height-xl);word-break:break-all}.zt-hierarchy-select__item-content--selected,.zt-hierarchy-select__item-content span{color:var(--zt-primary-color)}.zt-hierarchy-select__disable .zt-hierarchy-select__sub-level,.zt-hierarchy-select__disable-parent .zt-hierarchy-select__sub-level,.zt-hierarchy-select__disable .zt-hierarchy-select__item-content,.zt-hierarchy-select__disable-parent .zt-hierarchy-select__item-content{opacity:.4}.zt-hierarchy-select__item-nav{padding:0 16px;border-left:rgba(0,0,0,.1) 1px solid}.zt-hierarchy-select__svg-defs-path-fill{fill:var(--zt-primary-color)}.zt-hierarchy-select__sub-level{display:flex;align-items:center;gap:var(--zt-hierarchy-select-sub-icon-gap)}.zt-hierarchy-select__sub-level span{color:var(--zt-primary-color);font-size:var(--zt-font-size-md)}.zt-hierarchy-select__sub-level--disable{opacity:.2}.zt-hierarchy-select__sub-icon{line-height:.75}.zt-hierarchy-select__svg-sub-icon{width:var(--zt-font-size-md);height:var(--zt-font-size-md)}.zt-hierarchy-select__multiple-button{margin-right:8px;display:flex;justify-content:center;align-items:center}.zt-hierarchy-select__icon{font-size:0;font-size:var(--zt-font-size-lg);cursor:pointer;box-sizing:border-box}.zt-hierarchy-select__icon .zt-icon{display:flex;justify-content:center;align-items:center;color:transparent;text-align:center;width:18px;height:18px;border:1px solid var(--zt-hierarchy-select-color);transition-duration:var(--zt-hierarchy-select-duration);transition-property:color,border-color,background-color}.zt-hierarchy-select__icon--round .zt-icon{border-radius:100%;border:var(--zt-hierarchy-select-round-icon-border);box-shadow:var(--zt-hierarchy-select-round-icon-box-shadow);background:var(--zt-hierarchy-select-round-icon-background)}.zt-hierarchy-select__icon--indeterminate .zt-icon{color:var(--zt-white);background:var(--zt-checkbox-checked-icon-color);box-shadow:var(--zt-checkbox-checked-icon-shadow);border:var(--zt-checkbox-checked-icon-border)}.zt-hierarchy-select__icon--checked .zt-icon{color:var(--zt-white);background:var(--zt-hierarchy-select-checked-icon-color);box-shadow:var(--zt-hierarchy-select-checked-icon-shadow);border:var(--zt-hierarchy-select-checked-icon-border)}.zt-hierarchy-select__icon--disabled{cursor:not-allowed}.zt-hierarchy-select__icon--disabled .zt-icon{border:var(--zt-hierarchy-select-disabled-icon-border);box-shadow:var(--zt-hierarchy-select-disabled-icon-shadow);background:var(--zt-hierarchy-select-disabled-icon-background)}.zt-hierarchy-select__icon--disabled.zt-hierarchy-select__icon--checked .zt-icon{opacity:var(--zt-hierarchy-select-disabled-checked-icon-opacity);background:var(--zt-primary-color);color:var(--zt-white)}.zt-breadcrumb{padding:0 16px}.zt-breadcrumb__list{box-sizing:border-box;height:var(--zt-hierarchy-breadcrumb-line-height);display:flex;align-items:center;color:var(--zt-primary-color);width:100%;overflow-x:scroll;font-size:var(--zt-font-size-lg)}.zt-breadcrumb__list::-webkit-scrollbar{width:0;height:0}.zt-breadcrumb__default{display:flex;white-space:nowrap}.zt-breadcrumb__item{height:44px;display:flex;align-items:center;white-space:nowrap}.zt-breadcrumb__item:last-child{color:var(--zt-gray)}.zt-breadcrumb__icon{padding:0 4px}

package/es/hierarchy-select/index.d.ts

@@ -3,6 +3,10 @@ export declare const HierarchySelect: import("../utils").WithInstall<import("vue
         type: ArrayConstructor;
         default: () => never[];
     };
+    checkedList: {
+        type: import("vue").PropType<import("./types").HierarchyData[]>;
+        default: () => import("./types").HierarchyData[];
+    };
     disableParent: {
         type: BooleanConstructor;
         default: boolean;
@@ -14,6 +18,10 @@ export declare const HierarchySelect: import("../utils").WithInstall<import("vue
     asyncGetter: {
         type: FunctionConstructor;
     };
+    unanimous: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     valueKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -27,11 +35,15 @@ export declare const HierarchySelect: import("../utils").WithInstall<import("vue
         default: string;
     };
     autoChangeToChildren: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selected" | "change" | "asyncGetter")[], "selected" | "change" | "asyncGetter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selected" | "change" | "asyncGetter" | "update:checkedList")[], "selected" | "change" | "asyncGetter" | "update:checkedList", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     treeData: {
         type: ArrayConstructor;
         default: () => never[];
     };
+    checkedList: {
+        type: import("vue").PropType<import("./types").HierarchyData[]>;
+        default: () => import("./types").HierarchyData[];
+    };
     disableParent: {
         type: BooleanConstructor;
         default: boolean;
@@ -43,6 +55,10 @@ export declare const HierarchySelect: import("../utils").WithInstall<import("vue
     asyncGetter: {
         type: FunctionConstructor;
     };
+    unanimous: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     valueKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -60,18 +76,21 @@ export declare const HierarchySelect: import("../utils").WithInstall<import("vue
     onChange?: ((...args: any[]) => any) | undefined;
     onSelected?: ((...args: any[]) => any) | undefined;
     onAsyncGetter?: ((...args: any[]) => any) | undefined;
+    "onUpdate:checkedList"?: ((...args: any[]) => any) | undefined;
 }, {
     multiple: boolean;
     valueKey: string;
     textKey: string;
     breadcrumbTitle: string;
     treeData: unknown[];
+    checkedList: import("./types").HierarchyData[];
     disableParent: boolean;
+    unanimous: boolean;
     autoChangeToChildren: boolean;
 }, {}>>;
 export default HierarchySelect;
 export type { HierarchySelectProps } from './HierarchySelect';
-export type { HierarchyData } from './types';
+export type { HierarchyData, HierarchySelectThemeVars, HierarchySelectInstance, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtHierarchySelect: typeof HierarchySelect;

package/es/hierarchy-select/svg/SubIcon.d.ts

@@ -1 +1,2 @@
-export declare const SubIcon: () => JSX.Element;
+import { BEM } from '../../utils';
+export declare const SubIcon: (bem: BEM) => JSX.Element;