lingee-ui 0.0.15 → 0.0.16

package/dist/tree/index.css

@@ -1 +1 @@
-.lg-toast-wrapper{width:100%;display:flex;justify-content:center;pointer-events:none}.lg-toast-wrapper[data-expanded=true]{pointer-events:auto}.lg-toast{border-radius:var(--lg-radius-x-large);box-shadow:0 6px 20px #0000001f;padding:8px 12px;display:inline-flex;align-items:flex-start;max-width:560px;pointer-events:auto;font-size:16px;line-height:24px;background-color:var(--lg-g-bg-color-white-heavy);color:var(--lg-g-fg-color-black-intense);white-space:nowrap}.lg-toast__icon{width:20px;height:20px;margin-top:2px;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lg-toast__content{word-break:break-word;white-space:normal}.lg-toast__close{width:16px;height:16px;margin-top:4px;margin-left:8px;padding:0;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--lg-g-fg-color-black-muted)}.lg-toast--info .lg-toast__icon{color:var(--lg-g-fg-color-blue-default)}.lg-toast--success .lg-toast__icon{color:var(--lg-g-fg-color-success-default)}.lg-toast--warning .lg-toast__icon{color:var(--lg-g-fg-color-warning-default)}.lg-toast--error .lg-toast__icon{color:var(--lg-g-fg-color-danger-default)}[data-theme=dark] .lg-toast{box-shadow:0 6px 20px #0000003d}@keyframes lg-spin-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lg-spin{--_spin-size-sm: 16px;--_spin-size-md: 24px;--_spin-size-lg: 32px;--_spin-track-width: 3px;--_spin-track-color: var(--lg-g-border-color-black-soft);--_spin-indicator-color: var(--lg-g-fg-color-black-default);--_spin-duration: .8s;display:inline-flex;align-items:center;justify-content:center}.lg-spin__indicator{display:block;width:var(--_spin-size-lg);height:var(--_spin-size-lg);border-radius:50%;border:var(--_spin-track-width) solid var(--_spin-track-color);border-top-color:var(--_spin-indicator-color);animation:lg-spin-rotate var(--_spin-duration) linear infinite}.lg-spin--sm .lg-spin__indicator{width:var(--_spin-size-sm);height:var(--_spin-size-sm);border-width:2px}.lg-spin--md .lg-spin__indicator{width:var(--_spin-size-md);height:var(--_spin-size-md)}.lg-spin--lg .lg-spin__indicator{width:var(--_spin-size-lg);height:var(--_spin-size-lg)}.lg-spin--paused .lg-spin__indicator{animation-play-state:paused}.lg-spin--nested{position:relative}.lg-spin__content{transition:opacity .3s}.lg-spin__content--loading{opacity:.4;pointer-events:none;user-select:none}.lg-spin__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.lg-spin__tip{font-size:14px;color:var(--lg-g-fg-color-black-default)}:root{--__lg-empty-gradient-from: rgba(0, 0, 0, .28);--__lg-empty-gradient-to: rgba(0, 0, 0, .12)}[data-theme=dark]{--__lg-empty-gradient-from: rgba(255, 255, 255, .28);--__lg-empty-gradient-to: rgba(255, 255, 255, .12)}.lg-empty{--_empty-color: var(--lg-g-fg-color-black-faint);display:flex;align-items:center;justify-content:center;color:var(--_empty-color)}.lg-empty__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--_empty-color)}.lg-empty__text{text-align:center;white-space:nowrap;color:var(--_empty-color)}.lg-empty--md{flex-direction:column;gap:4px}.lg-empty--md .lg-empty__text{font-size:14px;line-height:20px}.lg-empty--lg{flex-direction:column;gap:8px}.lg-empty--lg .lg-empty__text{font-size:16px;line-height:24px}.lg-empty--sm{flex-direction:row;gap:4px}.lg-empty--sm .lg-empty__text{font-size:12px;line-height:18px}.lg-empty-card{--_empty-card-content-height: 18px;--_empty-card-pad-y: 23px;--_empty-card-pad-y-loose: 44px;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;box-sizing:border-box;background:transparent;border:none;font-family:inherit}.lg-empty-card__body{min-width:0}.lg-empty-card__body .lg-empty__text{overflow:hidden;text-overflow:ellipsis}.lg-empty-card--lg .lg-empty-card__body .lg-empty__text{overflow:visible;white-space:normal}.lg-empty-card--sm{--_empty-card-content-height: 18px;--_empty-card-pad-y: 23px;--_empty-card-pad-y-loose: 44px}.lg-empty-card--md{--_empty-card-content-height: 48px;--_empty-card-pad-y: 16px;--_empty-card-pad-y-loose: 32px}.lg-empty-card--lg{--_empty-card-content-height: 116px;--_empty-card-pad-y: 32px;--_empty-card-pad-y-loose: 64px}.lg-empty-card--lg{flex-direction:column}.lg-empty-card--inline{--_empty-card-pad-y: 4px;--_empty-card-pad-y-loose: 12px}.lg-empty-card--spacing-none{padding:0;min-height:var(--_empty-card-content-height)}.lg-empty-card--spacing-normal{padding:var(--_empty-card-pad-y) 0;min-height:calc(var(--_empty-card-content-height) + var(--_empty-card-pad-y) * 2)}.lg-empty-card--spacing-loose{padding:var(--_empty-card-pad-y-loose) 0 var(--_empty-card-pad-y);min-height:calc(var(--_empty-card-content-height) + var(--_empty-card-pad-y-loose) + var(--_empty-card-pad-y))}.lg-empty-card--inline.lg-empty-card--spacing-normal{padding:var(--_empty-card-pad-y) 12px}.lg-empty-card--inline.lg-empty-card--spacing-loose{padding:var(--_empty-card-pad-y-loose) 12px var(--_empty-card-pad-y)}.lg-empty-card--align-start,.lg-empty-card--align-start .lg-empty{justify-content:flex-start}.lg-empty-card--align-start .lg-empty__text{text-align:left}.lg-empty-card__retry{margin-left:4px;color:var(--lg-g-fg-color-primary-default)}.lg-empty-card--lg .lg-empty-card__retry{display:block;margin-left:0}.lg-empty-card--retryable{cursor:pointer;border-radius:var(--lg-radius-x-medium);transition:background-color .2s ease}.lg-empty-card--retryable:hover{background:var(--lg-g-bg-color-black-faint)}.lg-tree{--_tree-item-height: 32px;--_tree-item-gap: 2px;--_tree-item-radius: 20px;--_tree-item-padding-x: 10px;--_tree-indent-width: 24px;--_tree-font-size: 14px;--_tree-line-height: 22px;--_tree-item-color: var(--lg-g-fg-color-black-strong);--_tree-item-color-selected: var(--lg-g-fg-color-black-intense);--_tree-item-color-disabled: var(--lg-g-fg-color-black-default);--_tree-item-bg-hover: var(--lg-g-bg-color-black-faint);--_tree-item-bg-selected: var(--lg-g-bg-color-black-subtle);--_tree-guide-color: var(--lg-g-border-color-black-subtle);--_tree-icon-opacity: .64;--_tree-checkbox-radius: 4px;--_tree-checkbox-border-width: 1.33px;--_tree-checkbox-border-color: var(--lg-g-border-color-black-moderate);--_tree-checkbox-border-color-hover: var(--lg-g-border-color-primary-default);--_tree-checkbox-bg-checked: var(--lg-g-bg-color-primary-default);--_tree-checkbox-bg-disabled: var(--lg-g-bg-color-black-faint);--_tree-checkbox-border-color-disabled: var(--lg-g-border-color-black-muted);--_tree-checkbox-icon-color: var(--lg-g-fg-color-white-heavy);--_tree-transition: .2s cubic-bezier(.645, .045, .355, 1);position:relative;font-size:var(--_tree-font-size);line-height:var(--_tree-line-height);color:var(--_tree-item-color);user-select:none}.lg-tree--sm{--_tree-item-height: 28px}.lg-tree--lg{--_tree-item-height: 36px}.lg-tree__loading-mask{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:var(--lg-g-bg-color-white-translucent-strong)}.lg-tree--loading .lg-tree-list{pointer-events:none}.lg-tree__empty{display:flex;align-items:center;justify-content:center;padding:24px 0}.lg-tree-list-holder-inner{gap:var(--_tree-item-gap)}.lg-tree-treenode{position:relative;display:flex;align-items:center;height:var(--_tree-item-height);margin:0;padding:0;outline:none;list-style:none}.lg-tree-treenode-active .lg-tree-node-content-wrapper{box-shadow:0 0 0 2px var(--lg-g-bg-color-primary-translucent-soft)}.lg-tree-treenode-disabled{cursor:not-allowed}.lg-tree-treenode-disabled .lg-tree-node-content-wrapper{color:var(--_tree-item-color-disabled);cursor:not-allowed}.lg-tree-treenode-disabled .lg-tree-node-content-wrapper:hover{background:transparent}.lg-tree-indent{align-self:stretch;display:flex;flex-shrink:0;white-space:nowrap;user-select:none}.lg-tree-indent-unit{position:relative;display:inline-block;width:var(--_tree-indent-width);height:100%}.lg-tree--guide-line .lg-tree-indent-unit:before{content:"";position:absolute;top:calc(var(--_tree-item-gap) / -1);bottom:calc(var(--_tree-item-gap) / -1);left:15px;width:1px;background:var(--_tree-guide-color)}.lg-tree--guide-line .lg-tree-indent-unit-end:before{bottom:0}.lg-tree-switcher{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-right:6px;margin-left:var(--_tree-item-padding-x);color:var(--_tree-item-color);background:transparent;border:none;border-radius:4px;cursor:pointer;opacity:var(--_tree-icon-opacity);transition:opacity var(--_tree-transition)}.lg-tree-switcher:hover{opacity:1}.lg-tree-switcher-noop{width:0;margin-right:0;cursor:default}.lg-tree__switcher-icon{transition:transform var(--_tree-transition)}.lg-tree-switcher_close .lg-tree__switcher-icon{transform:rotate(-90deg)}.lg-tree-checkbox{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-right:6px;border:var(--_tree-checkbox-border-width) solid var(--_tree-checkbox-border-color);border-radius:var(--_tree-checkbox-radius);cursor:pointer;transition:border-color var(--_tree-transition),background-color var(--_tree-transition)}.lg-tree-checkbox:hover{border-color:var(--_tree-checkbox-border-color-hover)}.lg-tree-checkbox-checked,.lg-tree-checkbox-indeterminate{border-color:var(--_tree-checkbox-bg-checked);background-color:var(--_tree-checkbox-bg-checked)}.lg-tree-checkbox-checked:after{content:"";position:absolute;top:45%;left:50%;width:4px;height:8px;border:1.5px solid var(--_tree-checkbox-icon-color);border-top:0;border-left:0;transform:translate(-50%,-50%) rotate(45deg)}.lg-tree-checkbox-indeterminate:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:1.5px;background:var(--_tree-checkbox-icon-color);transform:translate(-50%,-50%)}.lg-tree-checkbox-disabled{cursor:not-allowed;border-color:var(--_tree-checkbox-border-color-disabled);background-color:var(--_tree-checkbox-bg-disabled)}.lg-tree-checkbox-disabled:hover{border-color:var(--_tree-checkbox-border-color-disabled)}.lg-tree-node-content-wrapper{display:flex;flex:1;align-items:center;gap:6px;min-width:0;height:100%;padding:0 var(--_tree-item-padding-x);color:inherit;background:transparent;border-radius:var(--_tree-item-radius);cursor:pointer;transition:background var(--_tree-transition),color var(--_tree-transition)}.lg-tree-node-content-wrapper:hover{background:var(--_tree-item-bg-hover)}.lg-tree-node-content-wrapper.lg-tree-node-selected{color:var(--_tree-item-color-selected);background:var(--_tree-item-bg-selected)}.lg-tree-node-content-wrapper.lg-tree-node-selected .lg-tree-title{text-shadow:.3px 0 0 currentcolor,-.3px 0 0 currentcolor}.lg-tree-switcher+.lg-tree-node-content-wrapper{margin-left:calc((22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + var(--_tree-item-padding-x))}.lg-tree-switcher-noop+.lg-tree-node-content-wrapper{margin-left:calc(var(--_tree-item-padding-x) * -1);padding-left:var(--_tree-item-padding-x)}.lg-tree-checkbox+.lg-tree-node-content-wrapper{margin-left:calc((22px + 22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + 22px + var(--_tree-item-padding-x))}.lg-tree-switcher-noop+.lg-tree-checkbox+.lg-tree-node-content-wrapper{margin-left:calc((22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + var(--_tree-item-padding-x))}.lg-tree-iconEle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;opacity:var(--_tree-icon-opacity)}.lg-tree-iconEle:empty:not(.lg-tree-icon_loading){display:none}.lg-tree-node-selected .lg-tree-iconEle{opacity:1}.lg-tree-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lg-tree-icon_loading{display:inline-block;box-sizing:border-box;width:14px;height:14px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;color:var(--lg-g-fg-color-black-faint);opacity:1;animation:lg-tree-spin .8s linear infinite}.lg-tree-treenode-motion{display:flex;flex-direction:column;overflow:hidden;margin-top:calc(var(--_tree-item-gap) * -1)}.lg-tree-treenode-motion>*{flex-shrink:0;margin-top:var(--_tree-item-gap)}.lg-tree-motion-appear-active,.lg-tree-motion-enter-active,.lg-tree-motion-leave-active{transition:height var(--_tree-transition),opacity var(--_tree-transition)}.lg-tree-motion-leave-active{pointer-events:none}.lg-tree-treenode.dragging .lg-tree-node-content-wrapper{opacity:.5}.lg-tree-treenode.drag-over>.lg-tree-node-content-wrapper{background:var(--lg-g-bg-color-primary-translucent-soft)}.lg-tree-treenode.drag-over-gap-top>.lg-tree-node-content-wrapper{box-shadow:inset 0 2px 0 0 var(--lg-g-bg-color-primary-default)}.lg-tree-treenode.drag-over-gap-bottom>.lg-tree-node-content-wrapper{box-shadow:inset 0 -2px 0 0 var(--lg-g-bg-color-primary-default)}.lg-tree-drop-indicator{position:absolute;z-index:1;height:2px;background:var(--lg-g-bg-color-primary-default);border-radius:1px;pointer-events:none}.lg-tree--disabled .lg-tree-node-content-wrapper,.lg-tree--disabled .lg-tree-switcher,.lg-tree--disabled .lg-tree-checkbox{cursor:not-allowed}.lg-tree--disabled .lg-tree-node-content-wrapper{color:var(--_tree-item-color-disabled)}.lg-tree--disabled .lg-tree-node-content-wrapper:hover{background:transparent}@keyframes lg-tree-spin{to{transform:rotate(360deg)}}
+.lg-toast-wrapper{width:100%;display:flex;justify-content:center;pointer-events:none}.lg-toast-wrapper[data-expanded=true]{pointer-events:auto}.lg-toast{border-radius:var(--lg-radius-x-large);box-shadow:0 6px 20px #0000001f;padding:8px 12px;display:inline-flex;align-items:flex-start;max-width:560px;pointer-events:auto;font-size:16px;line-height:24px;background-color:var(--lg-g-bg-color-white-heavy);color:var(--lg-g-fg-color-black-intense);white-space:nowrap}.lg-toast__icon{width:20px;height:20px;margin-top:2px;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lg-toast__content{word-break:break-word;white-space:normal}.lg-toast__close{width:16px;height:16px;margin-top:4px;margin-left:8px;padding:0;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--lg-g-fg-color-black-muted)}.lg-toast--info .lg-toast__icon{color:var(--lg-g-fg-color-blue-default)}.lg-toast--success .lg-toast__icon{color:var(--lg-g-fg-color-success-default)}.lg-toast--warning .lg-toast__icon{color:var(--lg-g-fg-color-warning-default)}.lg-toast--error .lg-toast__icon{color:var(--lg-g-fg-color-danger-default)}[data-theme=dark] .lg-toast{box-shadow:0 6px 20px #0000003d}@keyframes lg-spin-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lg-spin{--_spin-size-sm: 16px;--_spin-size-md: 24px;--_spin-size-lg: 32px;--_spin-track-width: 3px;--_spin-track-color: var(--lg-g-border-color-black-soft);--_spin-indicator-color: var(--lg-g-fg-color-black-default);--_spin-duration: .8s;display:inline-flex;align-items:center;justify-content:center}.lg-spin__indicator{display:block;width:var(--_spin-size-lg);height:var(--_spin-size-lg);border-radius:50%;border:var(--_spin-track-width) solid var(--_spin-track-color);border-top-color:var(--_spin-indicator-color);animation:lg-spin-rotate var(--_spin-duration) linear infinite}.lg-spin--sm .lg-spin__indicator{width:var(--_spin-size-sm);height:var(--_spin-size-sm);border-width:2px}.lg-spin--md .lg-spin__indicator{width:var(--_spin-size-md);height:var(--_spin-size-md)}.lg-spin--lg .lg-spin__indicator{width:var(--_spin-size-lg);height:var(--_spin-size-lg)}.lg-spin--paused .lg-spin__indicator{animation-play-state:paused}.lg-spin--nested{position:relative}.lg-spin__content{transition:opacity .3s}.lg-spin__content--loading{opacity:.4;pointer-events:none;user-select:none}.lg-spin__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.lg-spin__tip{font-size:14px;color:var(--lg-g-fg-color-black-default)}:root{--__lg-empty-gradient-from: rgba(0, 0, 0, .28);--__lg-empty-gradient-to: rgba(0, 0, 0, .12)}[data-theme=dark]{--__lg-empty-gradient-from: rgba(255, 255, 255, .28);--__lg-empty-gradient-to: rgba(255, 255, 255, .12)}.lg-empty{--_empty-color: var(--lg-g-fg-color-black-faint);display:flex;align-items:center;justify-content:center;color:var(--_empty-color)}.lg-empty__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--_empty-color)}.lg-empty__text{text-align:center;white-space:nowrap;color:var(--_empty-color)}.lg-empty__extra{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:initial}.lg-empty--md{flex-direction:column;gap:4px}.lg-empty--md .lg-empty__text{font-size:14px;line-height:20px}.lg-empty--md .lg-empty__extra{margin-top:8px}.lg-empty--lg{flex-direction:column;gap:8px}.lg-empty--lg .lg-empty__text{font-size:16px;line-height:24px}.lg-empty--lg .lg-empty__extra{margin-top:8px}.lg-empty--sm{flex-direction:row;gap:4px}.lg-empty--sm .lg-empty__text{font-size:12px;line-height:18px}.lg-empty-card{--_empty-card-content-height: 18px;--_empty-card-pad-y: 23px;--_empty-card-pad-y-loose: 44px;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;box-sizing:border-box;background:transparent;border:none;font-family:inherit}.lg-empty-card__body{min-width:0}.lg-empty-card__body .lg-empty__text{overflow:hidden;text-overflow:ellipsis}.lg-empty-card--lg .lg-empty-card__body .lg-empty__text{overflow:visible;white-space:normal}.lg-empty-card--sm{--_empty-card-content-height: 18px;--_empty-card-pad-y: 23px;--_empty-card-pad-y-loose: 44px}.lg-empty-card--md{--_empty-card-content-height: 48px;--_empty-card-pad-y: 16px;--_empty-card-pad-y-loose: 32px}.lg-empty-card--lg{--_empty-card-content-height: 116px;--_empty-card-pad-y: 32px;--_empty-card-pad-y-loose: 64px}.lg-empty-card--lg{flex-direction:column}.lg-empty-card--inline{--_empty-card-pad-y: 4px;--_empty-card-pad-y-loose: 12px}.lg-empty-card--spacing-none{padding:0;min-height:var(--_empty-card-content-height)}.lg-empty-card--spacing-normal{padding:var(--_empty-card-pad-y) 0;min-height:calc(var(--_empty-card-content-height) + var(--_empty-card-pad-y) * 2)}.lg-empty-card--spacing-loose{padding:var(--_empty-card-pad-y-loose) 0 var(--_empty-card-pad-y);min-height:calc(var(--_empty-card-content-height) + var(--_empty-card-pad-y-loose) + var(--_empty-card-pad-y))}.lg-empty-card--inline.lg-empty-card--spacing-normal{padding:var(--_empty-card-pad-y) 12px}.lg-empty-card--inline.lg-empty-card--spacing-loose{padding:var(--_empty-card-pad-y-loose) 12px var(--_empty-card-pad-y)}.lg-empty-card--align-start,.lg-empty-card--align-start .lg-empty{justify-content:flex-start}.lg-empty-card--align-start .lg-empty__text{text-align:left}.lg-empty-card__retry{margin-left:4px;color:var(--lg-g-fg-color-primary-default)}.lg-empty-card--lg .lg-empty-card__retry{display:block;margin-left:0}.lg-empty-card--retryable{cursor:pointer;border-radius:var(--lg-radius-x-medium);transition:background-color .2s ease}.lg-empty-card--retryable:hover{background:var(--lg-g-bg-color-black-faint)}.lg-tree{--_tree-item-height: 32px;--_tree-item-gap: 2px;--_tree-item-radius: 20px;--_tree-item-padding-x: 10px;--_tree-indent-width: 24px;--_tree-font-size: 14px;--_tree-line-height: 22px;--_tree-item-color: var(--lg-g-fg-color-black-strong);--_tree-item-color-selected: var(--lg-g-fg-color-black-intense);--_tree-item-color-disabled: var(--lg-g-fg-color-black-default);--_tree-item-bg-hover: var(--lg-g-bg-color-black-faint);--_tree-item-bg-selected: var(--lg-g-bg-color-black-subtle);--_tree-guide-color: var(--lg-g-border-color-black-subtle);--_tree-icon-opacity: .64;--_tree-checkbox-radius: 4px;--_tree-checkbox-border-width: 1.33px;--_tree-checkbox-border-color: var(--lg-g-border-color-black-moderate);--_tree-checkbox-border-color-hover: var(--lg-g-border-color-primary-default);--_tree-checkbox-bg-checked: var(--lg-g-bg-color-primary-default);--_tree-checkbox-bg-disabled: var(--lg-g-bg-color-black-faint);--_tree-checkbox-border-color-disabled: var(--lg-g-border-color-black-muted);--_tree-checkbox-icon-color: var(--lg-g-fg-color-white-heavy);--_tree-transition: .2s cubic-bezier(.645, .045, .355, 1);position:relative;font-size:var(--_tree-font-size);line-height:var(--_tree-line-height);color:var(--_tree-item-color);user-select:none}.lg-tree--sm{--_tree-item-height: 28px}.lg-tree--lg{--_tree-item-height: 36px}.lg-tree__loading-mask{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:var(--lg-g-bg-color-white-translucent-strong)}.lg-tree--loading .lg-tree-list{pointer-events:none}.lg-tree__empty{display:flex;align-items:center;justify-content:center;padding:24px 0}.lg-tree-list-holder-inner{gap:var(--_tree-item-gap)}.lg-tree-treenode{position:relative;display:flex;align-items:center;height:var(--_tree-item-height);margin:0;padding:0;outline:none;list-style:none}.lg-tree-treenode-active .lg-tree-node-content-wrapper{box-shadow:0 0 0 2px var(--lg-g-bg-color-primary-translucent-soft)}.lg-tree-treenode-disabled{cursor:not-allowed}.lg-tree-treenode-disabled .lg-tree-node-content-wrapper{color:var(--_tree-item-color-disabled);cursor:not-allowed}.lg-tree-treenode-disabled .lg-tree-node-content-wrapper:hover{background:transparent}.lg-tree-indent{align-self:stretch;display:flex;flex-shrink:0;white-space:nowrap;user-select:none}.lg-tree-indent-unit{position:relative;display:inline-block;width:var(--_tree-indent-width);height:100%}.lg-tree--guide-line .lg-tree-indent-unit:before{content:"";position:absolute;top:calc(var(--_tree-item-gap) / -1);bottom:calc(var(--_tree-item-gap) / -1);left:15px;width:1px;background:var(--_tree-guide-color)}.lg-tree--guide-line .lg-tree-indent-unit-end:before{bottom:0}.lg-tree-switcher{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-right:6px;margin-left:var(--_tree-item-padding-x);color:var(--_tree-item-color);background:transparent;border:none;border-radius:4px;cursor:pointer;opacity:var(--_tree-icon-opacity);transition:opacity var(--_tree-transition)}.lg-tree-switcher:hover{opacity:1}.lg-tree-switcher-noop{width:0;margin-right:0;cursor:default}.lg-tree__switcher-icon{transition:transform var(--_tree-transition)}.lg-tree-switcher_close .lg-tree__switcher-icon{transform:rotate(-90deg)}.lg-tree-checkbox{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-right:6px;border:var(--_tree-checkbox-border-width) solid var(--_tree-checkbox-border-color);border-radius:var(--_tree-checkbox-radius);cursor:pointer;transition:border-color var(--_tree-transition),background-color var(--_tree-transition)}.lg-tree-checkbox:hover{border-color:var(--_tree-checkbox-border-color-hover)}.lg-tree-checkbox-checked,.lg-tree-checkbox-indeterminate{border-color:var(--_tree-checkbox-bg-checked);background-color:var(--_tree-checkbox-bg-checked)}.lg-tree-checkbox-checked:after{content:"";position:absolute;top:45%;left:50%;width:4px;height:8px;border:1.5px solid var(--_tree-checkbox-icon-color);border-top:0;border-left:0;transform:translate(-50%,-50%) rotate(45deg)}.lg-tree-checkbox-indeterminate:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:1.5px;background:var(--_tree-checkbox-icon-color);transform:translate(-50%,-50%)}.lg-tree-checkbox-disabled{cursor:not-allowed;border-color:var(--_tree-checkbox-border-color-disabled);background-color:var(--_tree-checkbox-bg-disabled)}.lg-tree-checkbox-disabled:hover{border-color:var(--_tree-checkbox-border-color-disabled)}.lg-tree-node-content-wrapper{display:flex;flex:1;align-items:center;gap:6px;min-width:0;height:100%;padding:0 var(--_tree-item-padding-x);color:inherit;background:transparent;border-radius:var(--_tree-item-radius);cursor:pointer;transition:background var(--_tree-transition),color var(--_tree-transition)}.lg-tree-node-content-wrapper:hover{background:var(--_tree-item-bg-hover)}.lg-tree-node-content-wrapper.lg-tree-node-selected{color:var(--_tree-item-color-selected);background:var(--_tree-item-bg-selected)}.lg-tree-node-content-wrapper.lg-tree-node-selected .lg-tree-title{text-shadow:.3px 0 0 currentcolor,-.3px 0 0 currentcolor}.lg-tree-switcher+.lg-tree-node-content-wrapper{margin-left:calc((22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + var(--_tree-item-padding-x))}.lg-tree-switcher-noop+.lg-tree-node-content-wrapper{margin-left:calc(var(--_tree-item-padding-x) * -1);padding-left:var(--_tree-item-padding-x)}.lg-tree-checkbox+.lg-tree-node-content-wrapper{margin-left:calc((22px + 22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + 22px + var(--_tree-item-padding-x))}.lg-tree-switcher-noop+.lg-tree-checkbox+.lg-tree-node-content-wrapper{margin-left:calc((22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + var(--_tree-item-padding-x))}.lg-tree-iconEle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;opacity:var(--_tree-icon-opacity)}.lg-tree-iconEle:empty:not(.lg-tree-icon_loading){display:none}.lg-tree-node-selected .lg-tree-iconEle{opacity:1}.lg-tree-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lg-tree-icon_loading{display:inline-block;box-sizing:border-box;width:14px;height:14px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;color:var(--lg-g-fg-color-black-faint);opacity:1;animation:lg-tree-spin .8s linear infinite}.lg-tree-treenode-motion{display:flex;flex-direction:column;overflow:hidden;margin-top:calc(var(--_tree-item-gap) * -1)}.lg-tree-treenode-motion>*{flex-shrink:0;margin-top:var(--_tree-item-gap)}.lg-tree-motion-appear-active,.lg-tree-motion-enter-active,.lg-tree-motion-leave-active{transition:height var(--_tree-transition),opacity var(--_tree-transition)}.lg-tree-motion-leave-active{pointer-events:none}.lg-tree-treenode.dragging .lg-tree-node-content-wrapper{opacity:.5}.lg-tree-treenode.drag-over>.lg-tree-node-content-wrapper{background:var(--lg-g-bg-color-primary-translucent-soft)}.lg-tree-treenode.drag-over-gap-top>.lg-tree-node-content-wrapper{box-shadow:inset 0 2px 0 0 var(--lg-g-bg-color-primary-default)}.lg-tree-treenode.drag-over-gap-bottom>.lg-tree-node-content-wrapper{box-shadow:inset 0 -2px 0 0 var(--lg-g-bg-color-primary-default)}.lg-tree-drop-indicator{position:absolute;z-index:1;height:2px;background:var(--lg-g-bg-color-primary-default);border-radius:1px;pointer-events:none}.lg-tree--disabled .lg-tree-node-content-wrapper,.lg-tree--disabled .lg-tree-switcher,.lg-tree--disabled .lg-tree-checkbox{cursor:not-allowed}.lg-tree--disabled .lg-tree-node-content-wrapper{color:var(--_tree-item-color-disabled)}.lg-tree--disabled .lg-tree-node-content-wrapper:hover{background:transparent}@keyframes lg-tree-spin{to{transform:rotate(360deg)}}

package/dist/tree/index.js

@@ -1 +1 @@
-'use strict';var chunkXTBZBKJT_js=require('../chunk-XTBZBKJT.js');require('../chunk-TVE57POC.js'),require('../chunk-P427AFIE.js'),require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Tree",{enumerable:true,get:function(){return chunkXTBZBKJT_js.d}});
+'use strict';var chunkQ5MDN5PA_js=require('../chunk-Q5MDN5PA.js');require('../chunk-CB2FRG23.js'),require('../chunk-P427AFIE.js'),require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Tree",{enumerable:true,get:function(){return chunkQ5MDN5PA_js.d}});

package/dist/tree/index.mjs

@@ -1 +1 @@
-export{d as Tree}from'../chunk-K3345E52.mjs';import'../chunk-R5EGWXDT.mjs';import'../chunk-KXUUVDLA.mjs';import'../chunk-DN2VKVCV.mjs';
+export{d as Tree}from'../chunk-ZX6JEZS3.mjs';import'../chunk-YNDT7LQA.mjs';import'../chunk-KXUUVDLA.mjs';import'../chunk-DN2VKVCV.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lingee-ui",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "Kingdee Lingee UI 基础组件库 — React 18+ 轻量级企业 UI 组件",
   "license": "MIT",
   "keywords": [
@@ -75,7 +75,7 @@
     "generate-tokens": "node scripts/generate-tokens.js",
     "gen-skill": "node scripts/gen-skill.mjs",
     "gen-skill:check": "node scripts/gen-skill.mjs --check",
-    "build": "tsup && node scripts/gen-skill.mjs",
+    "build": "tsup",
     "dev": "tsup --watch",
     "test": "vitest run",
     "test:watch": "vitest",
@@ -84,10 +84,10 @@
     "site:preview": "vite preview --config site/vite.config.ts",
     "site:deploy": "pnpm site:build && npx gh-pages -d site/dist --repo git@github.com:kingdee/lingee-ui.git --dotfiles",
     "format": "prettier --write .",
-    "prepublishOnly": "pnpm build",
-    "publish:patch": "pnpm build && npm version patch && npm publish",
-    "publish:minor": "pnpm build && npm version minor && npm publish",
-    "publish:major": "pnpm build && npm version major && npm publish"
+    "prepublishOnly": "pnpm build && pnpm gen-skill",
+    "publish:patch": "npm version patch && npm publish",
+    "publish:minor": "npm version minor && npm publish",
+    "publish:major": "npm version major && npm publish"
   },
   "peerDependencies": {
     "lingee-icon": ">=1.0.0",

package/skill/AGENTS-SNIPPET.md

@@ -2,7 +2,7 @@
 
 > **本文件由 `packages/lingee-ui/scripts/gen-skill.mjs` 自动生成，禁止手工编辑。**
 > 供根 `AGENTS.md` 引用，避免手写清单随组件库迭代脱节。
-> 组件库 `0.0.15` ｜ 图标库 `1.0.18`
+> 组件库 `0.0.16` ｜ 图标库 `1.0.20`
 
 ## 可用组件（39）
 
@@ -18,7 +18,7 @@
 | `Dialog` +5 个子组件 | 弹出窗 | 模态对话框，用于需要用户确认或填写信息的场景。支持声明式和命令式两种调用方式。 |
 | `Divider` | 分割线 | 用于分隔内容区块，使页面结构更清晰。 |
 | `Drawer` | 抽屉 | 从屏幕边缘滑出的浮层面板，用于承载表单或详情内容。 |
-| `Dropdown` +14 个子组件 | 下拉菜单 | 向下弹出的操作菜单列表，支持图标、分组、危险操作、子菜单等。 |
+| `Dropdown` +14 个子组件 | 下拉菜单 | 从指定方向弹出的操作菜单列表，支持图标、分组、危险操作、子菜单等。 |
 | `EllipsisTooltip` | 省略提示 | 单行省略文本，仅在真正被截断时才悬停显示完整内容。 |
 | `Empty`、`EmptyCard` | 空状态 | 当目标区域无数据时展示的空状态占位图，引导用户进行下一步操作。 |
 | `Flex` | 弹性布局 | 弹性布局容器，用于快速搭建横向/纵向排列，避免为简单布局单独写样式文件。 |
@@ -79,7 +79,7 @@
 | `--lg-g-fg-color-violet-default` | ~~`--lg-g-fg-color-violet-defauit`~~ |
 | `--lg-g-bg-color-emerald-translucent-soft` | ~~`--lg-g-bg-color-emeraid-translucent-soft`~~ |
 
-#### 前景色 fg（47）
+#### 前景色 fg（48）
 
 | Token | 亮色 | 暗色 |
 |-------|------|------|
@@ -130,21 +130,22 @@
 | `--lg-g-fg-color-emerald-low` | `#08C787` | `#08C787` |
 | `--lg-g-fg-color-lime-low` | `#74D70B` | `#74D70B` |
 | `--lg-g-fg-color-violet-low` | `#7858F9` | `#7858F9` |
+| `--lg-g-fg-color-black-title` | `rgba(0, 0, 0, 0.64)` | `rgba(255, 255, 255, 0.46)` |
 
-#### 背景色 bg（99）
+#### 背景色 bg（107）
 
 | Token | 亮色 | 暗色 |
 |-------|------|------|
-| `--lg-g-bg-color-white-emphasis` | `rgba(255, 255, 255, 0.64)` | `rgba(255, 255, 255, 0.64)` |
+| `--lg-g-bg-color-white-emphasis` | `rgba(255, 255, 255, 0.64)` | `rgba(255, 255, 255, 0.04)` |
 | `--lg-g-bg-color-white-heavy` | `#FFFFFF` | `#232426` |
-| `--lg-g-bg-color-white-translucent-heavy` | `#FFFFFF` | `#232426` |
+| `--lg-g-bg-color-white-translucent-heavy` | `#FFFFFF` | `rgba(255, 255, 255, 0.12)` |
 | `--lg-g-bg-color-white-translucent-strong` | `rgba(255, 255, 255, 0.82)` | `rgba(35, 36, 38, 0.82)` |
 | `--lg-g-bg-color-white-translucent-ghost` | `rgba(255, 255, 255, 0)` | `rgba(35, 36, 38, 0)` |
 | `--lg-g-bg-color-black-ghost` | `rgba(0, 0, 0, 0)` | `rgba(255, 255, 255, 0)` |
 | `--lg-g-bg-color-black-hint` | `rgba(0, 0, 0, 0.02)` | `rgba(255, 255, 255, 0.03)` |
 | `--lg-g-bg-color-black-faint` | `rgba(0, 0, 0, 0.03)` | `rgba(255, 255, 255, 0.03)` |
-| `--lg-g-bg-color-black-dim` | `rgba(0, 0, 0, 0.04)` | `rgba(255, 255, 255, 0.04)` |
-| `--lg-g-bg-color-black-subtle` | `rgba(0, 0, 0, 0.06)` | `rgba(255, 255, 255, 0.06)` |
+| `--lg-g-bg-color-black-dim` | `rgba(0, 0, 0, 0.04)` | `rgba(255, 255, 255, 0.06)` |
+| `--lg-g-bg-color-black-subtle` | `rgba(0, 0, 0, 0.06)` | `rgba(255, 255, 255, 0.08)` |
 | `--lg-g-bg-color-black-soft` | `rgba(0, 0, 0, 0.08)` | `rgba(255, 255, 255, 0.12)` |
 | `--lg-g-bg-color-black-muted` | `rgba(0, 0, 0, 0.12)` | `rgba(255, 255, 255, 0.12)` |
 | `--lg-g-bg-color-black-moderate` | `rgba(0, 0, 0, 0.18)` | `rgba(255, 255, 255, 0.18)` |
@@ -153,32 +154,32 @@
 | `--lg-g-bg-color-black-strong` | `rgba(0, 0, 0, 0.82)` | `rgba(255, 255, 255, 0.82)` |
 | `--lg-g-bg-color-black-intense` | `rgba(0, 0, 0, 0.94)` | `rgba(255, 255, 255, 0.94)` |
 | `--lg-g-bg-color-primary-translucent-faint` | `rgba(109, 128, 255, 0.03)` | `rgba(109, 128, 255, 0.03)` |
-| `--lg-g-bg-color-primary-translucent-subtle` | `rgba(109, 128, 255, 0.06)` | `rgba(109, 128, 255, 0.06)` |
+| `--lg-g-bg-color-primary-translucent-subtle` | `rgba(109, 128, 255, 0.06)` | `rgba(255, 255, 255, 0.06)` |
 | `--lg-g-bg-color-primary-translucent-soft` | `rgba(109, 128, 255, 0.08)` | `rgba(109, 128, 255, 0.12)` |
 | `--lg-g-bg-color-primary-translucent-muted` | `rgba(109, 128, 255, 0.12)` | `rgba(109, 128, 255, 0.12)` |
 | `--lg-g-bg-color-primary-muted` | `#B7C1FF` | `rgba(109, 128, 255, 0.28)` |
 | `--lg-g-bg-color-primary-low` | `#6D80FF` | `#2F37C7` |
-| `--lg-g-bg-color-primary-default` | `#495DFF` | `#495DFF` |
+| `--lg-g-bg-color-primary-default` | `#495DFF` | `#3B47F2` |
 | `--lg-g-bg-color-primary-emphasis` | `#3B47F2` | `#3B47F2` |
 | `--lg-g-bg-color-warning-translucent-ghost` | `rgba(255, 119, 0, 0)` | `rgba(255, 119, 0, 0.03)` |
 | `--lg-g-bg-color-warning-translucent-faint` | `rgba(255, 119, 0, 0.03)` | `rgba(255, 119, 0, 0.08)` |
-| `--lg-g-bg-color-warning-translucent-subtle` | `rgba(255, 119, 0, 0.06)` | `rgba(255, 119, 0, 0.06)` |
-| `--lg-g-bg-color-warning-translucent-soft` | `rgba(255, 119, 0, 0.08)` | `rgba(255, 119, 0, 0.08)` |
+| `--lg-g-bg-color-warning-translucent-subtle` | `rgba(255, 119, 0, 0.06)` | `rgba(255, 119, 0, 0.08)` |
+| `--lg-g-bg-color-warning-translucent-soft` | `rgba(255, 119, 0, 0.08)` | `rgba(255, 119, 0, 0.12)` |
 | `--lg-g-bg-color-warning-translucent-muted` | `rgba(255, 119, 0, 0.12)` | `rgba(255, 119, 0, 0.12)` |
 | `--lg-g-bg-color-warning-ghost` | `#FFF7F0` | `#FFF7F0` |
 | `--lg-g-bg-color-warning-faint` | `#FFF5EC` | `#FFF5EC` |
-| `--lg-g-bg-color-warning-default` | `#FF7700` | `#FF7700` |
+| `--lg-g-bg-color-warning-default` | `#FF7700` | `#DD6301` |
 | `--lg-g-bg-color-danger-translucent-ghost` | `rgba(255, 41, 59, 0)` | `rgba(255, 41, 59, 0.03)` |
 | `--lg-g-bg-color-danger-translucent-faint` | `rgba(255, 41, 59, 0.03)` | `rgba(255, 41, 59, 0.08)` |
-| `--lg-g-bg-color-danger-translucent-subtle` | `rgba(255, 41, 59, 0.06)` | `rgba(255, 41, 59, 0.06)` |
-| `--lg-g-bg-color-danger-translucent-soft` | `rgba(255, 41, 59, 0.08)` | `rgba(255, 41, 59, 0.06)` |
+| `--lg-g-bg-color-danger-translucent-subtle` | `rgba(255, 41, 59, 0.06)` | `rgba(255, 41, 59, 0.08)` |
+| `--lg-g-bg-color-danger-translucent-soft` | `rgba(255, 41, 59, 0.08)` | `rgba(255, 41, 59, 0.12)` |
 | `--lg-g-bg-color-danger-translucent-muted` | `rgba(255, 41, 59, 0.12)` | `rgba(255, 41, 59, 0.12)` |
 | `--lg-g-bg-color-danger-ghost` | `#FFF5F5` | `#FFF5F5` |
 | `--lg-g-bg-color-danger-faint` | `#FFF0F1` | `rgba(255, 41, 59, 0.08)` |
 | `--lg-g-bg-color-danger-faint-dark` | `#FFF0F1` | `#FFF0F1` |
 | `--lg-g-bg-color-danger-muted` | `#FF9EA6` | `rgba(255, 41, 59, 0.12)` |
 | `--lg-g-bg-color-danger-low` | `#FF293B` | `#FF293B` |
-| `--lg-g-bg-color-danger-default` | `#F12234` | `#F12234` |
+| `--lg-g-bg-color-danger-default` | `#F12234` | `#DA0B20` |
 | `--lg-g-bg-color-danger-emphasis` | `#DA0B20` | `#DA0B20` |
 | `--lg-g-bg-color-success-translucent-transparent` | `rgba(8, 204, 80, 0)` | `rgba(8, 204, 80, 0.03)` |
 | `--lg-g-bg-color-success-translucent-faint` | `rgba(8, 204, 80, 0.03)` | `rgba(8, 204, 80, 0.08)` |
@@ -188,32 +189,32 @@
 | `--lg-g-bg-color-success-faint-dark` | `#EEFFF0` | `#222428` |
 | `--lg-g-bg-color-success-default` | `#04B545` | `#04B545` |
 | `--lg-g-bg-color-blue-translucent-transparent` | `rgba(77, 137, 255, 0)` | `rgba(77, 137, 255, 0.03)` |
-| `--lg-g-bg-color-blue-translucent-faint` | `rgba(77, 137, 255, 0.03)` | `rgba(77, 137, 255, 0.08)` |
+| `--lg-g-bg-color-blue-translucent-faint` | `rgba(77, 137, 255, 0.03)` | `rgba(77, 137, 255, 0.12)` |
 | `--lg-g-bg-color-blue-translucent-soft` | `rgba(77, 137, 255, 0.08)` | `rgba(77, 137, 255, 0.08)` |
 | `--lg-g-bg-color-blue-ghost` | `#F7FBFF` | `#F7FBFF` |
-| `--lg-g-bg-color-blue-faint` | `#F2F7FF` | `rgba(77, 137, 255, 0.03)` |
+| `--lg-g-bg-color-blue-faint` | `#F2F7FF` | `rgba(77, 137, 255, 0.12)` |
 | `--lg-g-bg-color-blue-faint-dark` | `#F2F7FF` | `#222428` |
-| `--lg-g-bg-color-blue-default` | `#2970FF` | `#2970FF` |
+| `--lg-g-bg-color-blue-default` | `#2970FF` | `#155BE8` |
 | `--lg-g-bg-color-amber-translucent-subtle` | `rgba(255, 178, 0, 0.06)` | `rgba(255, 178, 0, 0.06)` |
 | `--lg-g-bg-color-amber-translucent-soft` | `rgba(255, 178, 0, 0.08)` | `rgba(255, 178, 0, 0.08)` |
 | `--lg-g-bg-color-amber-translucent-muted` | `rgba(255, 178, 0, 0.12)` | `rgba(255, 178, 0, 0.12)` |
-| `--lg-g-bg-color-amber-faint` | `#FFFDEA` | `rgba(255, 178, 0, 0.03)` |
+| `--lg-g-bg-color-amber-faint` | `#FFFDEA` | `rgba(255, 178, 0, 0.08)` |
 | `--lg-g-bg-color-amber-faint-dark` | `#FFFDEA` | `#282520` |
 | `--lg-g-bg-color-amber-default` | `#E28800` | `#E28800` |
 | `--lg-g-bg-color-teal-translucent-soft` | `rgba(0, 229, 229, 0.08)` | `rgba(0, 229, 229, 0.08)` |
 | `--lg-g-bg-color-teal-default` | `#00BFB8` | `#00BFB8` |
 | `--lg-g-bg-color-purple-translucent-soft` | `rgba(143, 64, 255, 0.08)` | `rgba(143, 64, 255, 0.08)` |
-| `--lg-g-bg-color-purple-faint` | `#F9F5FF` | `rgba(143, 64, 255, 0.03)` |
+| `--lg-g-bg-color-purple-faint` | `#F9F5FF` | `rgba(143, 64, 255, 0.12)` |
 | `--lg-g-bg-color-purple-default` | `#7F2AF3` | `#7F2AF3` |
 | `--lg-g-bg-color-yellow-translucent-soft` | `rgba(255, 229, 0, 0.08)` | `rgba(255, 229, 0, 0.08)` |
 | `--lg-g-bg-color-cyan-translucent-soft` | `rgba(0, 163, 244, 0.08)` | `rgba(0, 163, 244, 0.08)` |
 | `--lg-g-bg-color-cyan-default` | `#0083D4` | `#0083D4` |
 | `--lg-g-bg-color-pink-translucent-soft` | `rgba(255, 36, 109, 0.08)` | `rgba(255, 36, 109, 0.08)` |
 | `--lg-g-bg-color-pink-default` | `#ED1165` | `#ED1165` |
-| `--lg-g-bg-color-fuchsia-faint` | `#FFF2FC` | `rgba(248, 88, 208, 0.03)` |
+| `--lg-g-bg-color-fuchsia-faint` | `#FFF2FC` | `rgba(248, 88, 208, 0.12)` |
 | `--lg-g-bg-color-fuchsia-faint-dark` | `#FFF2FC` | `#272326` |
-| `--lg-g-bg-color-emerald-faint` | `#EBFEF7` | `#EBFEF7` |
-| `--lg-g-bg-color-indigo-faint` | `#F5F6FF` | `rgba(81, 85, 246, 0.03)` |
+| `--lg-g-bg-color-emerald-faint` | `#EBFEF7` | `rgba(8, 204, 80, 0.12)` |
+| `--lg-g-bg-color-indigo-faint` | `#F5F6FF` | `rgba(81, 85, 246, 0.12)` |
 | `--lg-g-bg-color-indigo-faint-dark` | `#F5F6FF` | `#222327` |
 | `--lg-g-bg-color-gray-subtle` | `#F7F8FA` | `#F7F8FA` |
 | `--lg-g-bg-color-emerald-translucent-soft` | `rgba(8, 199, 135, 0.08)` | `rgba(8, 199, 135, 0.08)` |
@@ -226,22 +227,30 @@
 | `--lg-g-bg-color-violet-default` | `#572FF7` | `#572FF7` |
 | `--lg-g-bg-color-fuchsia-translucent-soft` | `rgba(248, 88, 208, 0.08)` | `rgba(248, 88, 208, 0.08)` |
 | `--lg-g-bg-color-fuchsia-default` | `#ED1DB9` | `#ED1DB9` |
-| `--lg-g-bg-color-page-default` | `#F7F7FA` | `#191A1B` |
+| `--lg-g-bg-color-page-default` | `#F7F7FA` | `#121214` |
 | `--lg-g-bg-color-white` | `#FAFAFA` | `#191A1B` |
-| `--lg-g-bg-color-navigation` | `#F1F1F6` | `#191A1B` |
-| `--lg-g-bg-color-white-tabs` | `#FFFFFF` | `rgba(255, 255, 255, 0.28)` |
+| `--lg-g-bg-color-navigation` | `#F1F1F6` | `#19191B` |
+| `--lg-g-bg-color-white-tabs` | `rgba(255, 255, 255, 0.64)` | `rgba(255, 255, 255, 0.08)` |
 | `--lg-g-bg-color-white-default` | `rgba(255, 255, 255, 0.46)` | `rgba(0, 0, 0, 0.46)` |
-| `--lg-g-bg-color-success-translucent-subtle` | `rgba(8, 204, 80, 0.06)` | `rgba(8, 204, 80, 0.06)` |
-| `--lg-g-bg-color-blue-translucent-subtle` | `rgba(77, 137, 255, 0.06)` | `rgba(77, 137, 255, 0.06)` |
+| `--lg-g-bg-color-success-translucent-subtle` | `rgba(8, 204, 80, 0.06)` | `rgba(8, 204, 80, 0.08)` |
+| `--lg-g-bg-color-blue-translucent-subtle` | `rgba(77, 137, 255, 0.06)` | `rgba(77, 137, 255, 0.08)` |
 | `--lg-g-bg-color-blue-translucent-muted` | `rgba(77, 137, 255, 0.12)` | `rgba(77, 137, 255, 0.28)` |
+| `--lg-g-bg-color-table-default` | `#F9F9F9` | `#F9F9F9` |
+| `--lg-g-bg-color-white-bg1` | `#FFFFFF` | `rgba(255, 255, 255, 0.04)` |
+| `--lg-g-bg-color-white-bg2` | `rgba(255, 255, 255, 0.82)` | `rgba(255, 255, 255, 0.06)` |
+| `--lg-g-bg-color-white-bg3` | `#FFFFFF` | `rgba(255, 255, 255, 0.06)` |
+| `--lg-g-bg-color-white-tabs2` | `rgba(255, 255, 255, 0.82)` | `rgba(255, 255, 255, 0.12)` |
+| `--lg-g-bg-color-black-people` | `rgba(0, 0, 0, 0.18)` | `rgba(255, 255, 255, 0.18)` |
+| `--lg-g-bg-color-black-translucent-soft` | `rgba(0, 0, 0, 0.04)` | `rgba(255, 255, 255, 0.08)` |
+| `--lg-g-bg-color-black-translucent-muted` | `rgba(0, 0, 0, 0.02)` | `rgba(255, 255, 255, 0.06)` |
 
-#### 边框色 border（42）
+#### 边框色 border（45）
 
 | Token | 亮色 | 暗色 |
 |-------|------|------|
 | `--lg-g-border-color-black-faint` | `rgba(0, 0, 0, 0.03)` | `rgba(255, 255, 255, 0.03)` |
 | `--lg-g-border-color-black-dim` | `rgba(0, 0, 0, 0.04)` | `rgba(255, 255, 255, 0.04)` |
-| `--lg-g-border-color-black-subtle` | `rgba(0, 0, 0, 0.06)` | `rgba(255, 255, 255, 0.06)` |
+| `--lg-g-border-color-black-subtle` | `rgba(0, 0, 0, 0.06)` | `rgba(255, 255, 255, 0.03)` |
 | `--lg-g-border-color-black-soft` | `rgba(0, 0, 0, 0.08)` | `rgba(255, 255, 255, 0.12)` |
 | `--lg-g-border-color-black-muted` | `rgba(0, 0, 0, 0.12)` | `rgba(255, 255, 255, 0.18)` |
 | `--lg-g-border-color-black-moderate` | `rgba(0, 0, 0, 0.18)` | `rgba(255, 255, 255, 0.28)` |
@@ -251,19 +260,19 @@
 | `--lg-g-border-color-primary-low` | `#6D80FF` | `#6D80FF` |
 | `--lg-g-border-color-primary-default` | `#495DFF` | `#495DFF` |
 | `--lg-g-border-color-primary-emphasis` | `#3B47F2` | `#3B47F2` |
-| `--lg-g-border-color-warning-translucent-soft` | `rgba(255, 119, 0, 0.08)` | `rgba(255, 119, 0, 0.08)` |
+| `--lg-g-border-color-warning-translucent-soft` | `rgba(255, 119, 0, 0.08)` | `rgba(255, 119, 0, 0.12)` |
 | `--lg-g-border-color-warning-subtle` | `#FFE8D6` | `#964009` |
 | `--lg-g-border-color-warning-default` | `#FF7700` | `#FF7700` |
-| `--lg-g-border-color-danger-translucent-soft` | `rgba(255, 41, 59, 0.08)` | `rgba(255, 41, 59, 0.08)` |
+| `--lg-g-border-color-danger-translucent-soft` | `rgba(255, 41, 59, 0.08)` | `rgba(255, 41, 59, 0.12)` |
 | `--lg-g-border-color-danger-subtle` | `#FFE0E3` | `#991519` |
 | `--lg-g-border-color-danger-muted` | `#FF9EA6` | `rgba(255, 41, 59, 0.12)` |
 | `--lg-g-border-color-danger-low` | `#FF293B` | `rgba(255, 41, 59, 0.46)` |
 | `--lg-g-border-color-danger-default` | `#F12234` | `rgba(255, 41, 59, 0.28)` |
 | `--lg-g-border-color-danger-emphasis` | `#DA0B20` | `#DA0B20` |
-| `--lg-g-border-color-success-translucent-soft` | `rgba(8, 204, 80, 0.08)` | `rgba(8, 204, 80, 0.08)` |
+| `--lg-g-border-color-success-translucent-soft` | `rgba(8, 204, 80, 0.08)` | `rgba(8, 204, 80, 0.12)` |
 | `--lg-g-border-color-success-subtle` | `#DBFFE1` | `#0C5B31` |
 | `--lg-g-border-color-success-default` | `#04B545` | `#04B545` |
-| `--lg-g-border-color-blue-translucent-soft` | `rgba(77, 137, 255, 0.08)` | `rgba(77, 137, 255, 0.08)` |
+| `--lg-g-border-color-blue-translucent-soft` | `rgba(77, 137, 255, 0.08)` | `rgba(77, 137, 255, 0.12)` |
 | `--lg-g-border-color-blue-subtle` | `#E4EEFF` | `#183F96` |
 | `--lg-g-border-color-blue-default` | `#2970FF` | `#2970FF` |
 | `--lg-g-border-color-black-default` | `rgba(0, 0, 0, 0.46)` | `rgba(255, 255, 255, 0.46)` |
@@ -281,11 +290,15 @@
 | `--lg-g-border-color-violet-default` | `#572FF7` | `#572FF7` |
 | `--lg-g-border-color-fuchsia-default` | `#ED1DB9` | `#ED1DB9` |
 | `--lg-g-border-color-pink-default` | `#ED1165` | `#ED1165` |
-#### 其他（3）
+| `--lg-g-border-color-black-stroke` | `rgba(0, 0, 0, 0.06)` | `rgba(255, 255, 255, 0.08)` |
+| `--lg-g-border-color-warning-muted` | `#FFBE90` | `#BA5002` |
+| `--lg-g-border-color-success-muted` | `#7AEB9C` | `#0C5B31` |
+#### 其他（4）
 
 | Token | 亮色 | 暗色 |
 |-------|------|------|
-| `--lg-g-shadow-color-black-subtle` | `rgba(0, 0, 0, 0.03)` | `rgba(0, 0, 0, 0.03)` |
+| `--lg-g-shadow-color-black-subtle` | `rgba(0, 0, 0, 0.03)` | `rgba(0, 0, 0, 0.12)` |
 | `--lg-g-shadow-color-black-muted` | `rgba(0, 0, 0, 0.08)` | `rgba(0, 0, 0, 0.08)` |
 | `--lg-g-shadow-color-moderate` | `rgba(0, 0, 0, 0.18)` | `rgba(0, 0, 0, 0.18)` |
+| `--lg-g-shadow-color-black-large` | `rgba(0, 0, 0, 0.12)` | `rgba(0, 0, 0, 0.12)` |
 

package/skill/SKILL.md

@@ -2,17 +2,17 @@
 name: lingee-ui-usage
 description: 使用 lingee-ui 组件库与 lingee-icon 图标库开发 React 界面。当需要编写含按钮、表单、弹窗、表格、下拉、页签、图标等 UI 的 React/TypeScript 代码，或需要查询 lingee-ui 组件 API、Design Token 语义变量、可用图标名时触发。关键词：lingee-ui、lingee-icon、组件库、图标库、Design Token、语义变量、lg- 前缀、UI 组件。
 metadata:
-  lingeeUi: "0.0.15"
-  lingeeIcon: "1.0.18"
+  lingeeUi: "0.0.16"
+  lingeeIcon: "1.0.20"
   generatedBy: "gen-skill.mjs"
 ---
 
 # lingee-ui 组件库使用技能
 
-Kingdee Lingee 设计体系的 React 组件库（39 个组件）与图标库（970 个图标）。
+Kingdee Lingee 设计体系的 React 组件库（39 个组件）与图标库（987 个图标）。
 本技能面向**消费方项目**，只覆盖「如何用」，不含组件库内部开发约定。
 
-- 组件库版本 `0.0.15` ｜ 图标库版本 `1.0.18`
+- 组件库版本 `0.0.16` ｜ 图标库版本 `1.0.20`
 - 组件在线预览：https://kingdee.github.io/lingee-ui/
 - 图标在线预览：https://kingdee.github.io/lingee-icon/
 
@@ -66,7 +66,7 @@ createRoot(el).render(
 | `Dialog` +5 个子组件 | 弹出窗 | 模态对话框，用于需要用户确认或填写信息的场景。支持声明式和命令式两种调用方式。 | `dialog.md` | — |
 | `Divider` | 分割线 | 用于分隔内容区块，使页面结构更清晰。 | `divider.md` | — |
 | `Drawer` | 抽屉 | 从屏幕边缘滑出的浮层面板，用于承载表单或详情内容。 | `drawer.md` | — |
-| `Dropdown` +14 个子组件 | 下拉菜单 | 向下弹出的操作菜单列表，支持图标、分组、危险操作、子菜单等。 | `dropdown.md` | — |
+| `Dropdown` +14 个子组件 | 下拉菜单 | 从指定方向弹出的操作菜单列表，支持图标、分组、危险操作、子菜单等。 | `dropdown.md` | — |
 | `EllipsisTooltip` | 省略提示 | 单行省略文本，仅在真正被截断时才悬停显示完整内容。 | `ellipsis-tooltip.md` | — |
 | `Empty`、`EmptyCard` | 空状态 | 当目标区域无数据时展示的空状态占位图，引导用户进行下一步操作。 | `empty.md` | — |
 | `Flex` | 弹性布局 | 弹性布局容器，用于快速搭建横向/纵向排列，避免为简单布局单独写样式文件。 | `flex.md` | — |
@@ -134,7 +134,7 @@ import { Search, Trash } from "lingee-icon";
 图标默认 `size="1em"`、`color="currentColor"`，即随父级字号与文字颜色走，
 所以**优先用 CSS 控制颜色**而不是传 `color` prop。
 
-完整 Props 见 `references/setup.md`，970 个图标的名称与中文语义索引见 `references/icons.md`。
+完整 Props 见 `references/setup.md`，987 个图标的名称与中文语义索引见 `references/icons.md`。
 选图标时必须从索引中查找，**不要凭猜测写图标名**，也不要从 `@ant-design/icons`、`lucide-react` 等其他库引入。
 
 ## 颜色：优先用语义 Token
@@ -202,7 +202,7 @@ import { Search, Trash } from "lingee-icon";
 
 设计稿给的是 hex 时，到 `references/tokens.md` 搜该 hex，表格含亮/暗两列最终色值，可直接反查。
 
-全量 191 个语义 Token 见 `references/tokens.md`。
+全量 204 个语义 Token 见 `references/tokens.md`。
 
 ## 查阅详细 API
 

package/skill/VERSION.json

@@ -1,7 +1,7 @@
 {
-  "lingeeUi": "0.0.15",
-  "lingeeIcon": "1.0.18",
+  "lingeeUi": "0.0.16",
+  "lingeeIcon": "1.0.20",
   "componentCount": 39,
-  "iconCount": 970,
-  "sourceHash": "7ab51f1cba415811"
+  "iconCount": 987,
+  "sourceHash": "903f3fde64e2e4d3"
 }

package/skill/references/components/checkbox.md

@@ -26,6 +26,7 @@ export default function BasicDemo() {
 | `indeterminate` | 半选状态 | `boolean` | `false` |
 | `onChange` | 选中变更回调 | `(checked: boolean) => void` | - |
 | `disabled` | 禁用 | `boolean` | `false` |
+| `size` | 尺寸 | `"sm" \| "md" \| "lg"` | `"md"` |
 | `children` | label 内容 | `ReactNode` | - |
 
 ### CheckboxGroup
@@ -37,3 +38,4 @@ export default function BasicDemo() {
 | `onChange` | 选中值变更回调 | `(value: string[]) => void` | - |
 | `disabled` | 禁用整组 | `boolean` | `false` |
 | `orientation` | 排列方向 | `"horizontal" \| "vertical"` | `"vertical"` |
+| `size` | 尺寸，统一作用于组内所有项 | `"sm" \| "md" \| "lg"` | `"md"` |

package/skill/references/components/color-picker.md

@@ -38,3 +38,5 @@ export default function BasicDemo() {
 | `error` | 是否显示错误状态 | `boolean` | `false` |
 | `placement` | 面板弹出方向 | `"top" \| "bottom" \| "left" \| "right"` | `"bottom"` |
 | `panelExtra` | 面板额外内容（如预设色板） | `ReactNode` | - |
+| `placeholder` | 占位文本 | `string` | - |
+| `onChangeComplete` | 拖拽结束回调，适合只在最终色值上触发请求的场景 | `(color: string) => void` | - |

package/skill/references/components/date-picker.md

@@ -44,3 +44,6 @@ export default function BasicDemo() {
 | `maxDate` | 最大可选日期 | `Date` | - |
 | `allowClear` | 是否允许清除 | `boolean` | `true` |
 | `showToday` | 是否显示今天按钮 | `boolean` | `true` |
+| `weekStartsOn` | 一周起始日，`0` 为周日 | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6` | `1` |
+| `getPopupContainer` | 浮层挂载容器，用于在 `overflow` 裁剪的滚动容器内就地挂载 | `() => HTMLElement` | - |
+| `onOpenChange` | 面板展开/收起回调 | `(open: boolean) => void` | - |

package/skill/references/components/dialog.md

@@ -44,34 +44,57 @@ export default function BasicDemo() {
 | 属性 | 说明 | 类型 | 默认值 |
 |------|------|------|--------|
 | `open` | 是否打开 | `boolean` | - |
-| `onOpenChange` | 打开状态变化回调 | `(open: boolean) => void` | - |
-| `zIndex` | 遮罩层层级，内容层自动加 1；优先于 Provider 基线 | `number` | `LingeeProvider.dialog.zIndex` |
+| `onOpenChange` | 打开状态变化回调（关闭时 `false`） | `(open: boolean) => void` | - |
 | `title` | 标题 | `ReactNode` | - |
-| `description` | 描述文本 | `ReactNode` | - |
-| `width` | 宽度 | `number` | `460` |
+| `extra` | 标题栏右侧额外内容 | `ReactNode` | - |
+| `children` | 内容区域 | `ReactNode` | - |
+| `width` | 宽度 | `number \| string` | `460` |
 | `height` | 面板总高 | `number \| string` | 自适应内容 |
-| `maxHeight` | 面板总高上限，仅 `autoHeight` 时生效 | `number \| string` | `640` |
+| `maxHeight` | 面板总高上限 | `number \| string` | `640` |
 | `autoHeight` | body 高度跟随内容，面板上限改由 `maxHeight` 给出 | `boolean` | `false` |
 | `closable` | 是否显示关闭按钮 | `boolean` | `true` |
-| `okText` | 确认按钮文本 | `string` | - |
+| `footer` | 底部操作区，传 `ReactNode` 完全自定义；传 `null` 隐藏 | `ReactNode` | - |
+| `okText` | 确认按钮文本（传入后自动渲染 footer，与 `footer` 互斥） | `string` | - |
 | `cancelText` | 取消按钮文本 | `string` | - |
-| `onOk` | 确认回调 | `() => void` | - |
+| `onOk` | 确认回调，返回 Promise 时按钮显示 loading | `() => void \| Promise<void>` | - |
 | `onCancel` | 取消回调 | `() => void` | - |
-| `children` | 内容区域 | `ReactNode` | - |
+| `okDanger` | 确认按钮是否为危险样式 | `boolean` | `false` |
+| `okProps` | 确认按钮额外属性（`disabled` / `loading` / `size` 等） | `DialogButtonProps` | - |
+| `cancelProps` | 取消按钮额外属性 | `DialogButtonProps` | - |
+| `modal` | 是否为模态，`true` 时点击遮罩**不**关闭 | `boolean` | `false` |
+| `mask` | 是否显示遮罩层 | `boolean` | `true` |
+| `maskClassName` | 遮罩层自定义类名，仅 `mask=true` 时生效 | `string` | - |
+| `destroyOnHidden` | 关闭后是否销毁子节点 | `boolean` | `true` |
+| `zIndex` | 遮罩层层级，内容层自动加 1；优先于 Provider 基线 | `number` | `LingeeProvider.dialog.zIndex` |
+| `hostModal` | 宿主承载配置，见下方说明 | `DialogHostModal` | - |
+| `className` | 自定义类名 | `string` | - |
+| `style` | 自定义样式 | `CSSProperties` | - |
+
+`Dialog` **没有 `description` 属性**，说明文案直接写在 `children` 里。`description` 只属于 `Dialog.confirm(options)`。
 
 ### Dialog.confirm(options)
 
+类型为 `DialogConfirmOptions`，**继承 `Omit<DialogProps, "open" | "onOpenChange" | "children">`** ——
+上面 Dialog 表里除这三项外的属性都可用（`width` / `footer` / `okProps` / `modal` / `hostModal` 等）。
+以下是 confirm 独有或默认值不同的字段：
+
 | 属性 | 说明 | 类型 | 默认值 |
 |------|------|------|--------|
 | `title` | 标题 | `ReactNode` | - |
-| `description` | 描述内容 | `ReactNode` | - |
-| `content` | 自定义内容 | `ReactNode` | - |
+| `description` | 描述文案（使用默认布局时展示） | `ReactNode` | - |
+| `icon` | 标题前的图标（使用默认布局时展示） | `ReactNode` | - |
+| `content` | 自定义内容，传入后 `title` / `description` / `icon` 均不生效 | `ReactNode` | - |
+| `contentRender` | 动态内容渲染函数，参数含 `setOkDisabled` 可动态控制确认按钮 | `(props: ConfirmRenderProps) => ReactNode` | - |
 | `okText` | 确认按钮文本 | `string` | `"确定"` |
 | `cancelText` | 取消按钮文本 | `string` | `"取消"` |
 | `okDanger` | 确认按钮是否为危险样式 | `boolean` | `false` |
-| `icon` | 自定义图标 | `ReactNode` | - |
+| `maskClosable` | 点击遮罩是否关闭（按取消结算），**三态**，见下方说明 | `boolean` | 各承载方现状不一 |
 | `zIndex` | 本次确认框层级，优先于 Provider 基线 | `number` | `LingeeProvider.dialog.zIndex` |
 
+返回 `Promise<boolean>`，确认为 `true`、取消为 `false`。
+
+`maskClosable` 是三态字段，不传时各渲染方保持各自现状：本地渲染与浏览器内 webui 承载均为「点遮罩**不**关闭」，客户端原生确认框为「点遮罩关闭」。需要两端一致时显式传值。与 `modal` 同时出现时 `modal` 优先。
+
 ### Dialog.closeConfirm()
 
 强制关闭确认弹窗的兜底 API：**当前显示的一项与队列中排队的全部**按 `false` 结算，与旧实现的无条件清场语义一致，不额外调用 `onCancel`。

package/skill/references/components/drawer.md

@@ -39,4 +39,7 @@ export default function BasicDemo() {
 | `mask` | 是否显示遮罩 | `boolean` | `true` |
 | `modal` | 是否为模态模式 | `boolean` | `false` |
 | `footer` | 底部操作区 | `ReactNode` | - |
+| `extra` | 标题栏右侧额外内容 | `ReactNode` | - |
+| `destroyOnHidden` | 关闭后是否销毁子节点 | `boolean` | `true` |
+| `zIndex` | 自定义 z-index，优先于 Provider 基线 | `number` | - |
 | `children` | 内容区域 | `ReactNode` | - |