├── .all-contributorsrc ├── .czrc ├── .editorconfig ├── .eslintrc.js ├── .github ├── ISSUE_TEMPLATE │ ├── bug_report.md │ ├── bug_report.zh.md │ ├── feature-request.md │ └── feature-request.zh.md ├── idux-bot.yml ├── pull_request_template.md └── semantic.yml ├── .gitignore ├── .husky ├── commit-msg └── pre-commit ├── .ls-lint.yml ├── .markdownlintignore ├── .markdownlintrc ├── .npmrc ├── .prettierignore ├── .prettierrc.js ├── .stylelintrc ├── CHANGELOG.md ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── README.zh.md ├── azure-pipelines.yml ├── commitlint.config.js ├── lerna.json ├── package.json ├── packages ├── cdk │ ├── CHANGELOG.md │ ├── a11y │ │ ├── demo │ │ │ ├── FocusMonitor.md │ │ │ └── FocusMonitor.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Overview.zh.md │ │ ├── index.ts │ │ └── src │ │ │ ├── fakeEventDetection.ts │ │ │ ├── focusMonitor.ts │ │ │ └── inputModalityDetector.ts │ ├── api.extra.json │ ├── breakpoint │ │ ├── __tests__ │ │ │ └── mediaMatcher.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ └── Basic.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Overview.zh.md │ │ ├── index.ts │ │ └── src │ │ │ ├── breakpoints.ts │ │ │ ├── mediaMatcher.ts │ │ │ └── mediaQuery.ts │ ├── click-outside │ │ ├── __tests__ │ │ │ └── clickOutside.spec.ts │ │ ├── demo │ │ │ ├── Component.md │ │ │ ├── Component.vue │ │ │ ├── Composable.md │ │ │ ├── Composable.vue │ │ │ ├── Directive.md │ │ │ └── Directive.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ └── Index.zh.md │ │ ├── index.ts │ │ └── src │ │ │ ├── ClickOutside.tsx │ │ │ ├── types.ts │ │ │ ├── useClickOutside.ts │ │ │ └── vClickOutside.ts │ ├── clipboard │ │ ├── __tests__ │ │ │ └── useClipboard.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ └── Basic.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ └── Index.zh.md │ │ ├── index.ts │ │ └── src │ │ │ ├── clipboard.ts │ │ │ ├── pendingCopy.ts │ │ │ └── useClipboard.ts │ ├── dnd │ │ ├── __tests__ │ │ │ └── dnd.spec.ts │ │ ├── demo │ │ │ ├── ListSortable.md │ │ │ ├── ListSortable.vue │ │ │ ├── Movable.md │ │ │ ├── Movable.vue │ │ │ ├── MovableWithBoundary.md │ │ │ ├── MovableWithBoundary.vue │ │ │ ├── MovableWithTargets.md │ │ │ ├── MovableWithTargets.vue │ │ │ ├── SortablePreview.md │ │ │ ├── SortablePreview.vue │ │ │ ├── SortableWithHandle.md │ │ │ ├── SortableWithHandle.vue │ │ │ ├── TreeSortable.md │ │ │ └── TreeSortable.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── composables │ │ │ │ ├── useDndAutoScroll.ts │ │ │ │ ├── useDndContext │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── useContextRegistry.ts │ │ │ │ │ └── useDndContext.ts │ │ │ │ ├── useDndMovable │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── useDndMovable.ts │ │ │ │ │ ├── useMovablePosition.ts │ │ │ │ │ └── useResolvedOptions.ts │ │ │ │ ├── useDndSortable │ │ │ │ │ ├── createListStrategyContext.ts │ │ │ │ │ ├── createTreeStrategyContext.ts │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── useDndSortable.ts │ │ │ │ │ └── useDndSortableStrategy.ts │ │ │ │ └── useGetKey.ts │ │ │ ├── consts.ts │ │ │ ├── indicator │ │ │ │ ├── DndBoxIndicator.tsx │ │ │ │ └── DndTreeIndicator.tsx │ │ │ ├── movable │ │ │ │ ├── DndMovable.tsx │ │ │ │ └── DndMovableHandle.tsx │ │ │ ├── sortable │ │ │ │ ├── DndSortable.tsx │ │ │ │ ├── DndSortableHandle.tsx │ │ │ │ └── DndSortableItem.tsx │ │ │ ├── tokens │ │ │ │ ├── index.ts │ │ │ │ ├── movable.ts │ │ │ │ └── sortable.ts │ │ │ ├── types │ │ │ │ ├── autoScroll.ts │ │ │ │ ├── comp │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── indicator.ts │ │ │ │ │ ├── movable.ts │ │ │ │ │ └── sortable.ts │ │ │ │ ├── dnd.ts │ │ │ │ ├── index.ts │ │ │ │ ├── indicator.ts │ │ │ │ ├── movable.ts │ │ │ │ └── sortable.ts │ │ │ └── utils │ │ │ │ ├── callEventHandler.ts │ │ │ │ ├── getMergedCanFn.ts │ │ │ │ ├── getPositionFromMatrix.ts │ │ │ │ ├── index.ts │ │ │ │ ├── isDndSortableTransferData.ts │ │ │ │ ├── isInBoundary.ts │ │ │ │ ├── keepInAxis.ts │ │ │ │ ├── keepInBoundary.ts │ │ │ │ ├── reorder.ts │ │ │ │ └── triggerPostMoveFlash.ts │ │ └── style │ │ │ └── index.less │ ├── drag-drop │ │ ├── __test__ │ │ │ └── draggable.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── MultipleTargets.md │ │ │ ├── MultipleTargets.vue │ │ │ ├── WithHandle.md │ │ │ └── WithHandle.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ └── Index.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── composables │ │ │ │ ├── useDragDropContext.ts │ │ │ │ ├── useDraggable.ts │ │ │ │ ├── useDroppable.ts │ │ │ │ ├── withBoundary.ts │ │ │ │ ├── withDragFree.ts │ │ │ │ └── withDragHandle.ts │ │ │ ├── draggable │ │ │ │ ├── Draggable.tsx │ │ │ │ └── types.ts │ │ │ ├── registry.ts │ │ │ ├── state.ts │ │ │ ├── types.ts │ │ │ └── utils.ts │ │ └── style │ │ │ └── index.less │ ├── forms │ │ ├── __tests__ │ │ │ ├── abstractControl.spec.ts │ │ │ ├── formArray.spec.ts │ │ │ ├── formControl.spec.ts │ │ │ ├── formGroup.spec.ts │ │ │ ├── typeof.spec.ts │ │ │ ├── useForms.spec.ts │ │ │ ├── utils.spec.ts │ │ │ └── validators.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── CustomForm.md │ │ │ ├── CustomForm.vue │ │ │ ├── CustomInput.md │ │ │ └── CustomInput.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Overview.zh.md │ │ ├── index.ts │ │ └── src │ │ │ ├── messages │ │ │ ├── en-US.ts │ │ │ └── zh-CN.ts │ │ │ ├── models │ │ │ ├── abstractControl.ts │ │ │ ├── formArray.ts │ │ │ ├── formControl.ts │ │ │ └── formGroup.ts │ │ │ ├── typeof.ts │ │ │ ├── types.ts │ │ │ ├── useForms.ts │ │ │ ├── utils.ts │ │ │ └── validators.ts │ ├── index.less │ ├── index.ts │ ├── package.json │ ├── platform │ │ ├── demo │ │ │ ├── Basic.md │ │ │ └── Basic.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ └── Index.zh.md │ │ ├── index.ts │ │ └── src │ │ │ ├── features │ │ │ ├── flexGap.ts │ │ │ ├── passiveListeners.ts │ │ │ └── shadowDom.ts │ │ │ └── platform.ts │ ├── popper │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── popper.spec.ts.snap │ │ │ └── popper.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Controlled.md │ │ │ ├── Controlled.vue │ │ │ ├── Placement.md │ │ │ ├── Placement.vue │ │ │ ├── Trigger.md │ │ │ └── Trigger.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Index.en.md │ │ │ └── Index.zh.md │ │ ├── index.ts │ │ └── src │ │ │ ├── composables │ │ │ ├── useDelay.ts │ │ │ ├── useInstance.ts │ │ │ ├── useOptions.ts │ │ │ ├── usePlacement.ts │ │ │ ├── usePopperEvents.ts │ │ │ ├── useTimer.ts │ │ │ ├── useTriggerEvents.ts │ │ │ └── useVisibility.ts │ │ │ ├── convertOptions.ts │ │ │ ├── middlewares │ │ │ ├── arrow.ts │ │ │ ├── refenceHidden.ts │ │ │ └── updatePlacement.ts │ │ │ ├── types.ts │ │ │ └── usePopper.ts │ ├── portal │ │ ├── __tests__ │ │ │ └── portal.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Disabled.md │ │ │ ├── Disabled.vue │ │ │ ├── Element.md │ │ │ ├── Element.vue │ │ │ ├── Load.md │ │ │ └── Load.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ └── Index.zh.md │ │ ├── index.ts │ │ └── src │ │ │ ├── Portal.tsx │ │ │ └── types.ts │ ├── resize │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Component.md │ │ │ ├── Component.vue │ │ │ ├── Function.md │ │ │ ├── Function.vue │ │ │ ├── ResizableBasic.md │ │ │ ├── ResizableBasic.vue │ │ │ ├── ResizableHandle.md │ │ │ └── ResizableHandle.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Index.en.md │ │ │ └── Index.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── resizable │ │ │ │ ├── Resizable.tsx │ │ │ │ ├── ResizableHandle.tsx │ │ │ │ ├── token.ts │ │ │ │ ├── types.ts │ │ │ │ └── useResizable.ts │ │ │ └── resize-observer │ │ │ │ ├── ResizeObserver.tsx │ │ │ │ ├── types.ts │ │ │ │ ├── useResizeObserver.ts │ │ │ │ └── utils.ts │ │ └── style │ │ │ └── index.less │ ├── scroll │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── virtualScroll.spec.ts.snap │ │ │ ├── blockScrollStrategy.spec.ts │ │ │ └── virtualScroll.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Both.md │ │ │ ├── Both.vue │ │ │ ├── Horizontal.md │ │ │ ├── Horizontal.vue │ │ │ ├── SimulatedScroll.md │ │ │ ├── SimulatedScroll.vue │ │ │ ├── Switch.md │ │ │ └── Switch.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Index.en.md │ │ │ └── Index.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── scrollbar │ │ │ │ ├── Scrollbar.tsx │ │ │ │ ├── composables │ │ │ │ │ └── useScrollbarState.ts │ │ │ │ ├── index.ts │ │ │ │ └── types.ts │ │ │ ├── strategy │ │ │ │ ├── blockScrollStrategy.ts │ │ │ │ ├── index.ts │ │ │ │ └── scrollStrategy.ts │ │ │ ├── useScroll │ │ │ │ ├── index.ts │ │ │ │ ├── useScroll.ts │ │ │ │ ├── useScrollLock.ts │ │ │ │ ├── useTouchMove.ts │ │ │ │ └── useWheel.ts │ │ │ ├── utils.ts │ │ │ └── virtual │ │ │ │ ├── VirtualScroll.tsx │ │ │ │ ├── composables │ │ │ │ ├── useContainerSize.ts │ │ │ │ ├── useGetKey.ts │ │ │ │ ├── useRenderPool.ts │ │ │ │ ├── useScrollPlacement.ts │ │ │ │ ├── useScrollState.ts │ │ │ │ ├── useScrollTo.ts │ │ │ │ └── useSizeCollect.ts │ │ │ │ ├── contents │ │ │ │ ├── Col.tsx │ │ │ │ ├── Holder.tsx │ │ │ │ └── Row.tsx │ │ │ │ ├── token.ts │ │ │ │ ├── types.ts │ │ │ │ └── utils.ts │ │ └── style │ │ │ └── index.less │ ├── theme │ │ ├── demo │ │ │ ├── Basic.md │ │ │ └── Basic.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ └── Index.zh.md │ │ ├── index.ts │ │ └── src │ │ │ └── useTheme.ts │ ├── types.d.ts │ ├── utils │ │ ├── __tests__ │ │ │ ├── convert.spec.ts │ │ │ ├── dom.spec.ts │ │ │ ├── tree.spec.ts │ │ │ ├── typeof.spec.ts │ │ │ ├── uniqueId.spec.ts │ │ │ └── vNode.spec.ts │ │ ├── index.ts │ │ └── src │ │ │ ├── composable.ts │ │ │ ├── convert.ts │ │ │ ├── dom.ts │ │ │ ├── easings.ts │ │ │ ├── logger.ts │ │ │ ├── noop.ts │ │ │ ├── offset.ts │ │ │ ├── props.ts │ │ │ ├── tree.ts │ │ │ ├── tryOnScopeDispose.ts │ │ │ ├── typeof.ts │ │ │ ├── uniqueId.ts │ │ │ ├── useEventListener.ts │ │ │ ├── useKey.ts │ │ │ └── vNode.ts │ └── version │ │ └── index.ts ├── components │ ├── CHANGELOG.md │ ├── _private │ │ ├── collapse-transition │ │ │ ├── index.ts │ │ │ ├── src │ │ │ │ ├── CollapseTransition.tsx │ │ │ │ └── types.ts │ │ │ └── style │ │ │ │ ├── index.less │ │ │ │ └── index.ts │ │ ├── date-panel │ │ │ ├── __tests__ │ │ │ │ ├── __snapshots__ │ │ │ │ │ └── datePanel.spec.ts.snap │ │ │ │ └── datePanel.spec.ts │ │ │ ├── index.ts │ │ │ └── src │ │ │ │ ├── DatePanel.tsx │ │ │ │ ├── composables │ │ │ │ ├── useActiveDate.ts │ │ │ │ ├── useActiveType.ts │ │ │ │ └── useMaxIndex.ts │ │ │ │ ├── panel-body │ │ │ │ ├── PanelBody.tsx │ │ │ │ ├── PanelCell.tsx │ │ │ │ └── PanelRow.tsx │ │ │ │ ├── panel-header │ │ │ │ └── PanelHeader.tsx │ │ │ │ ├── token.ts │ │ │ │ ├── types.ts │ │ │ │ └── utils.ts │ │ ├── empty │ │ │ ├── __tests__ │ │ │ │ ├── __snapshots__ │ │ │ │ │ └── empty.spec.ts.snap │ │ │ │ └── empty.spec.ts │ │ │ ├── index.ts │ │ │ └── src │ │ │ │ ├── Empty.tsx │ │ │ │ └── types.ts │ │ ├── footer │ │ │ ├── __tests__ │ │ │ │ ├── __snapshots__ │ │ │ │ │ └── footer.spec.ts.snap │ │ │ │ └── footer.spec.ts │ │ │ ├── index.ts │ │ │ └── src │ │ │ │ ├── Footer.tsx │ │ │ │ └── types.ts │ │ ├── header │ │ │ ├── __tests__ │ │ │ │ ├── __snapshots__ │ │ │ │ │ └── header.spec.ts.snap │ │ │ │ └── header.spec.ts │ │ │ ├── index.ts │ │ │ └── src │ │ │ │ ├── Header.tsx │ │ │ │ └── types.ts │ │ ├── input │ │ │ ├── __tests__ │ │ │ │ ├── __snapshots__ │ │ │ │ │ └── input.spec.ts.snap │ │ │ │ └── input.spec.ts │ │ │ ├── index.ts │ │ │ └── src │ │ │ │ ├── Input.tsx │ │ │ │ └── types.ts │ │ ├── loading │ │ │ ├── __tests__ │ │ │ │ ├── __snapshots__ │ │ │ │ │ └── loading.spec.ts.snap │ │ │ │ └── loading.spec.ts │ │ │ ├── index.ts │ │ │ └── src │ │ │ │ ├── Loading.tsx │ │ │ │ └── types.ts │ │ ├── mask │ │ │ ├── __tests__ │ │ │ │ ├── __snapshots__ │ │ │ │ │ └── mask.spec.ts.snap │ │ │ │ └── mask.spec.ts │ │ │ ├── index.ts │ │ │ ├── src │ │ │ │ ├── Mask.tsx │ │ │ │ └── types.ts │ │ │ └── style │ │ │ │ ├── index.less │ │ │ │ └── index.ts │ │ ├── overflow │ │ │ ├── __tests__ │ │ │ │ ├── __snapshots__ │ │ │ │ │ └── overflow.spec.ts.snap │ │ │ │ └── overflow.spec.ts │ │ │ ├── index.ts │ │ │ ├── src │ │ │ │ ├── Item.tsx │ │ │ │ ├── Overflow.tsx │ │ │ │ └── types.ts │ │ │ └── style │ │ │ │ ├── index.less │ │ │ │ └── index.ts │ │ ├── overlay │ │ │ ├── __tests__ │ │ │ │ ├── __snapshots__ │ │ │ │ │ └── overlay.spec.ts.snap │ │ │ │ └── overlay.spec.ts │ │ │ ├── index.ts │ │ │ ├── src │ │ │ │ ├── Content.tsx │ │ │ │ ├── Overlay.tsx │ │ │ │ ├── composables │ │ │ │ │ ├── useMergedEvents.ts │ │ │ │ │ ├── useOverlayState.ts │ │ │ │ │ ├── usePopperOptions.ts │ │ │ │ │ └── useVisible.ts │ │ │ │ ├── token.ts │ │ │ │ └── types.ts │ │ │ └── style │ │ │ │ ├── index.less │ │ │ │ └── index.ts │ │ ├── time-panel │ │ │ ├── __tests__ │ │ │ │ ├── __snapshots__ │ │ │ │ │ ├── timePanel.spec.ts.snap │ │ │ │ │ ├── timePanelCell.spec.ts.snap │ │ │ │ │ ├── timePanelColumn.spec.ts.snap │ │ │ │ │ ├── timeSelector.spec.ts.snap │ │ │ │ │ ├── timeSelectorCell.spec.ts.snap │ │ │ │ │ └── timeSelectorColumn.spec.ts.snap │ │ │ │ ├── timePanel.spec.ts │ │ │ │ ├── timePanelCell.spec.ts │ │ │ │ └── timePanelColumn.spec.ts │ │ │ ├── index.ts │ │ │ └── src │ │ │ │ ├── TimePanel.tsx │ │ │ │ ├── TimePanelCell.tsx │ │ │ │ ├── TimePanelColumn.tsx │ │ │ │ ├── composables │ │ │ │ ├── useColumnEvents.ts │ │ │ │ ├── useOptions.ts │ │ │ │ └── usePanelScroll.ts │ │ │ │ ├── tokens.ts │ │ │ │ ├── types.ts │ │ │ │ └── utils.ts │ │ ├── trigger │ │ │ ├── __tests__ │ │ │ │ ├── __snapshots__ │ │ │ │ │ └── trigger.spec.ts.snap │ │ │ │ └── trigger.spec.ts │ │ │ ├── index.ts │ │ │ ├── src │ │ │ │ ├── ProxyNode.tsx │ │ │ │ ├── Trigger.tsx │ │ │ │ └── types.ts │ │ │ └── style │ │ │ │ ├── index.less │ │ │ │ └── index.ts │ │ └── wave │ │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── wave.spec.ts.snap │ │ │ └── wave.spec.ts │ │ │ ├── index.ts │ │ │ ├── src │ │ │ ├── Wave.tsx │ │ │ └── types.ts │ │ │ └── style │ │ │ ├── index.less │ │ │ └── index.ts │ ├── affix │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── affix.spec.ts.snap │ │ │ └── affix.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Target.md │ │ │ └── Target.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Affix.tsx │ │ │ ├── types.ts │ │ │ └── utils.ts │ │ └── style │ │ │ ├── index.less │ │ │ └── index.ts │ ├── alert │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── alert.spec.ts.snap │ │ │ └── alert.spec.ts │ │ ├── demo │ │ │ ├── Banner.md │ │ │ ├── Banner.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Closable.md │ │ │ ├── Closable.vue │ │ │ ├── Description.md │ │ │ ├── Description.vue │ │ │ ├── Icon.md │ │ │ ├── Icon.vue │ │ │ ├── LongString.md │ │ │ ├── LongString.vue │ │ │ ├── Loop.md │ │ │ ├── Loop.vue │ │ │ ├── Pagination.md │ │ │ └── Pagination.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Alert.tsx │ │ │ ├── composables │ │ │ │ └── useCloseable.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixin.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── anchor │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── anchor.spec.ts.snap │ │ │ └── anchor.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Static.md │ │ │ └── Static.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Anchor.tsx │ │ │ ├── AnchorLink.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── api.extra.json │ ├── avatar │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── avatar.spec.ts.snap │ │ │ └── avatar.spec.ts │ │ ├── demo │ │ │ ├── Badge.md │ │ │ ├── Badge.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Gap.md │ │ │ ├── Gap.vue │ │ │ ├── Responsive.md │ │ │ ├── Responsive.vue │ │ │ ├── Type.md │ │ │ └── Type.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Avatar.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── back-top │ │ ├── __test__ │ │ │ ├── __snapshots__ │ │ │ │ └── backTop.spec.ts.snap │ │ │ └── backTop.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Custom.md │ │ │ └── Custom.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── BackTop.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── badge │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── badge.spec.ts.snap │ │ │ └── badge.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Count.md │ │ │ ├── Count.vue │ │ │ ├── Dot.md │ │ │ ├── Dot.vue │ │ │ ├── EmptyContent.md │ │ │ ├── EmptyContent.vue │ │ │ ├── Inline.md │ │ │ ├── Inline.vue │ │ │ ├── OverflowCount.md │ │ │ ├── OverflowCount.vue │ │ │ ├── Processing.md │ │ │ ├── Processing.vue │ │ │ ├── Status.md │ │ │ ├── Status.vue │ │ │ ├── Title.md │ │ │ └── Title.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Badge.tsx │ │ │ ├── BadgeSub.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── breadcrumb │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── breadcrumb.spec.ts.snap │ │ │ └── breadcrumb.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Custom.md │ │ │ ├── Custom.vue │ │ │ ├── Dropdown.md │ │ │ └── Dropdown.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Breadcrumb.tsx │ │ │ ├── BreadcrumbItem.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── button │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ ├── button.spec.ts.snap │ │ │ │ └── buttonGroup.spec.ts.snap │ │ │ ├── button.spec.ts │ │ │ └── buttonGroup.spec.ts │ │ ├── demo │ │ │ ├── Block.md │ │ │ ├── Block.vue │ │ │ ├── Danger.md │ │ │ ├── Danger.vue │ │ │ ├── Disabled.md │ │ │ ├── Disabled.vue │ │ │ ├── Ghost.md │ │ │ ├── Ghost.vue │ │ │ ├── Group.md │ │ │ ├── Group.vue │ │ │ ├── Icon.md │ │ │ ├── Icon.vue │ │ │ ├── Loding.md │ │ │ ├── Loding.vue │ │ │ ├── Mode.md │ │ │ ├── Mode.vue │ │ │ ├── Shape.md │ │ │ ├── Shape.vue │ │ │ ├── Size.md │ │ │ └── Size.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Button.tsx │ │ │ ├── ButtonGroup.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixin.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── card │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ ├── card.spec.ts.snap │ │ │ │ └── cardGrid.spec.ts.snap │ │ │ ├── card.spec.ts │ │ │ └── cardGrid.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Borderless.md │ │ │ ├── Borderless.vue │ │ │ ├── Cover.md │ │ │ ├── Cover.vue │ │ │ ├── Disable.md │ │ │ ├── Disable.vue │ │ │ ├── Grid.md │ │ │ ├── Grid.vue │ │ │ ├── Loading.md │ │ │ ├── Loading.vue │ │ │ ├── Option.md │ │ │ ├── Option.vue │ │ │ ├── Selectable.md │ │ │ ├── Selectable.vue │ │ │ ├── Simple.md │ │ │ └── Simple.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Card.tsx │ │ │ ├── CardGrid.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── dark.ts │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── carousel │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── carousel.spec.ts.snap │ │ │ └── carousel.spec.ts │ │ ├── demo │ │ │ ├── Arrow.md │ │ │ ├── Arrow.vue │ │ │ ├── Autoplay.md │ │ │ ├── Autoplay.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Dot.md │ │ │ ├── Dot.vue │ │ │ ├── DotPlacement.md │ │ │ ├── DotPlacement.vue │ │ │ ├── Trigger.md │ │ │ └── Trigger.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Carousel.tsx │ │ │ ├── composables │ │ │ │ ├── useAutoplay.ts │ │ │ │ └── useStrategy.ts │ │ │ ├── contents │ │ │ │ ├── Dot.tsx │ │ │ │ └── Slider.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── cascader │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── cascader.spec.ts.snap │ │ │ └── cascader.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Disabled.md │ │ │ ├── Disabled.vue │ │ │ ├── LoadChildren.md │ │ │ ├── LoadChildren.vue │ │ │ ├── Multiple.md │ │ │ ├── Multiple.vue │ │ │ ├── Panel.md │ │ │ ├── Panel.vue │ │ │ ├── Searchable.md │ │ │ ├── Searchable.vue │ │ │ ├── Strategy.md │ │ │ ├── Strategy.vue │ │ │ ├── Virtual.md │ │ │ └── Virtual.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Cascader.tsx │ │ │ ├── composables │ │ │ │ ├── useActiveState.ts │ │ │ │ ├── useDataSource.ts │ │ │ │ ├── useExpandable.ts │ │ │ │ ├── useIndeterminateKeys.ts │ │ │ │ ├── usePanelProps.ts │ │ │ │ ├── useSearchable.ts │ │ │ │ ├── useSelectedData.ts │ │ │ │ ├── useSelectedLimit.ts │ │ │ │ └── useSelectedState.ts │ │ │ ├── panel │ │ │ │ ├── Option.tsx │ │ │ │ ├── OptionGroup.tsx │ │ │ │ └── Panel.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── utils │ │ │ │ └── index.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── checkbox │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ ├── checkbox.spec.ts.snap │ │ │ │ └── checkboxGroup.spec.ts.snap │ │ │ ├── checkbox.spec.ts │ │ │ └── checkboxGroup.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Button.md │ │ │ ├── Button.vue │ │ │ ├── Disabled.md │ │ │ ├── Disabled.vue │ │ │ ├── Fieldset.md │ │ │ ├── Fieldset.vue │ │ │ ├── Gap.md │ │ │ ├── Gap.vue │ │ │ ├── Group.md │ │ │ ├── Group.vue │ │ │ ├── Indeterminate.md │ │ │ ├── Indeterminate.vue │ │ │ ├── Size.md │ │ │ ├── Size.vue │ │ │ ├── TrueFalse.md │ │ │ └── TrueFalse.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Checkbox.tsx │ │ │ ├── CheckboxGroup.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── collapse │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── collapse.spec.ts.snap │ │ │ └── collapse.spec.ts │ │ ├── demo │ │ │ ├── Accordion.md │ │ │ ├── Accordion.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Borderless.md │ │ │ ├── Borderless.vue │ │ │ ├── CustomHeader.md │ │ │ ├── CustomHeader.vue │ │ │ ├── Ghost.md │ │ │ ├── Ghost.vue │ │ │ ├── Nested.md │ │ │ ├── Nested.vue │ │ │ ├── Size.md │ │ │ └── Size.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Collapse.tsx │ │ │ ├── CollapsePanel.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── dark.ts │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── color-picker │ │ ├── __tests__ │ │ │ └── colorPicker.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── CustomPanel.md │ │ │ ├── CustomPanel.vue │ │ │ ├── CustomTrigger.md │ │ │ ├── CustomTrigger.vue │ │ │ ├── Disabled.md │ │ │ ├── Disabled.vue │ │ │ ├── Panel.md │ │ │ ├── Panel.vue │ │ │ ├── Presets.md │ │ │ ├── Presets.vue │ │ │ ├── Size.md │ │ │ └── Size.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── ColorPalette.tsx │ │ │ ├── ColorPicker.tsx │ │ │ ├── ColorPickerPanel.tsx │ │ │ ├── ColorPickerTrigger.tsx │ │ │ ├── Indicator.tsx │ │ │ ├── composables │ │ │ │ ├── useColorPickerPanelContext.ts │ │ │ │ ├── usePickerState.ts │ │ │ │ ├── useResolvedPresets.ts │ │ │ │ ├── useSelectedColor.ts │ │ │ │ └── useSelectedFormat.ts │ │ │ ├── editor │ │ │ │ ├── Editor.tsx │ │ │ │ ├── HexEditor.tsx │ │ │ │ ├── HsbEditor.tsx │ │ │ │ └── RgbEditor.tsx │ │ │ ├── presets │ │ │ │ ├── PresetIndicator.tsx │ │ │ │ └── Presets.tsx │ │ │ ├── slider │ │ │ │ ├── AlphaSlider.tsx │ │ │ │ ├── ColorSelector.tsx │ │ │ │ ├── HueSlider.tsx │ │ │ │ └── Slider.tsx │ │ │ ├── token.ts │ │ │ ├── types │ │ │ │ ├── color.ts │ │ │ │ ├── index.ts │ │ │ │ ├── indicator.ts │ │ │ │ ├── picker.ts │ │ │ │ └── trigger.ts │ │ │ └── utils │ │ │ │ ├── color.ts │ │ │ │ ├── index.ts │ │ │ │ └── percent.ts │ │ ├── style │ │ │ ├── editor.less │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ ├── indicator.less │ │ │ ├── mixin.less │ │ │ ├── presets.less │ │ │ ├── slider.less │ │ │ └── trigger.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── dark.ts │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── comment │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── comment.spec.ts.snap │ │ │ └── comment.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Editor.md │ │ │ ├── Editor.vue │ │ │ ├── List.md │ │ │ ├── List.vue │ │ │ ├── Nested.md │ │ │ └── Nested.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Comment.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── config │ │ ├── __tests__ │ │ │ ├── format.spec.ts │ │ │ └── globalConfig.spec.ts │ │ ├── index.ts │ │ └── src │ │ │ ├── dateConfig.ts │ │ │ ├── defaultConfig.ts │ │ │ ├── globalConfig.ts │ │ │ ├── numFormatter.ts │ │ │ └── types.ts │ ├── control-trigger │ │ ├── __tests__ │ │ │ └── controlTrigger.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Selector.md │ │ │ └── Selector.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── ControlTrigger.tsx │ │ │ ├── ControlTriggerOverlay.tsx │ │ │ ├── composables │ │ │ │ ├── useOverlayState.ts │ │ │ │ └── useTriggerFocusState.ts │ │ │ ├── token.ts │ │ │ └── types.ts │ │ └── style │ │ │ ├── index.less │ │ │ └── index.ts │ ├── dark.css │ ├── dark.full.css │ ├── date-picker │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ ├── datePicker.spec.ts.snap │ │ │ │ └── dateRangePicker.spec.ts.snap │ │ │ ├── datePicker.spec.ts │ │ │ └── dateRangePicker.spec.ts │ │ ├── demo │ │ │ ├── AllowInput.md │ │ │ ├── AllowInput.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Disabled.md │ │ │ ├── Disabled.vue │ │ │ ├── DisabledDate.md │ │ │ ├── DisabledDate.vue │ │ │ ├── Format.md │ │ │ ├── Format.vue │ │ │ ├── FormatCustom.md │ │ │ ├── FormatCustom.vue │ │ │ ├── OverlayRender.md │ │ │ ├── OverlayRender.vue │ │ │ ├── OverlaySlot.md │ │ │ ├── OverlaySlot.vue │ │ │ ├── Range.md │ │ │ ├── Range.vue │ │ │ ├── SelectRangeIn7Days.md │ │ │ ├── SelectRangeIn7Days.vue │ │ │ ├── Shortcuts.md │ │ │ ├── Shortcuts.vue │ │ │ ├── ShortcutsWithRenderer.md │ │ │ └── ShortcutsWithRenderer.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── DatePicker.tsx │ │ │ ├── DateRangePicker.tsx │ │ │ ├── composables │ │ │ │ ├── useActiveValue.ts │ │ │ │ ├── useControl.ts │ │ │ │ ├── useFormat.ts │ │ │ │ ├── useInputEnableStatus.ts │ │ │ │ ├── useInputProps.ts │ │ │ │ ├── useKeyboardEvents.ts │ │ │ │ ├── useOverlayProps.ts │ │ │ │ ├── useOverlayState.ts │ │ │ │ ├── usePickerPanelProps.ts │ │ │ │ ├── usePickerState.ts │ │ │ │ ├── useRangeControl.ts │ │ │ │ ├── useRangePanelState.ts │ │ │ │ ├── useRangePickerPanelProps.ts │ │ │ │ ├── useRangeShortcuts.ts │ │ │ │ ├── useTimePanelProps.ts │ │ │ │ └── useTriggerProps.ts │ │ │ ├── content │ │ │ │ ├── Content.tsx │ │ │ │ ├── PickerOverlayFooter.tsx │ │ │ │ ├── PickerOverlayInputs.tsx │ │ │ │ ├── RangeContent.tsx │ │ │ │ ├── RangePickerOverlayFooter.tsx │ │ │ │ ├── RangePickerOverlayInputs.tsx │ │ │ │ └── RangeShortcuts.tsx │ │ │ ├── panel │ │ │ │ ├── Panel.tsx │ │ │ │ └── RangePanel.tsx │ │ │ ├── token.ts │ │ │ ├── trigger │ │ │ │ ├── RangeTrigger.tsx │ │ │ │ └── Trigger.tsx │ │ │ ├── types.ts │ │ │ └── utils.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ ├── mixin.less │ │ │ └── panel.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── default.css │ ├── default.full.css │ ├── desc │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── descriptions.spec.ts.snap │ │ │ └── descriptions.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Col.md │ │ │ ├── Col.vue │ │ │ ├── Header.md │ │ │ ├── Header.vue │ │ │ ├── Layout.md │ │ │ ├── Layout.vue │ │ │ ├── LongText.md │ │ │ ├── LongText.vue │ │ │ ├── Single.md │ │ │ ├── Single.vue │ │ │ ├── Size.md │ │ │ └── Size.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Desc.tsx │ │ │ ├── DescItem.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── divider │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── divider.spec.ts.snap │ │ │ └── divider.spec.ts │ │ ├── demo │ │ │ ├── Horizontal.md │ │ │ ├── Horizontal.vue │ │ │ ├── Plain.md │ │ │ ├── Plain.vue │ │ │ ├── Size.md │ │ │ ├── Size.vue │ │ │ ├── Vertical.md │ │ │ ├── Vertical.vue │ │ │ ├── WithText.md │ │ │ └── WithText.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Divider.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── drawer │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ ├── drawer.spec.ts.snap │ │ │ │ └── drawerProvider.spec.ts.snap │ │ │ ├── drawer.spec.ts │ │ │ └── drawerProvider.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Container.md │ │ │ ├── Container.vue │ │ │ ├── CustomSize.md │ │ │ ├── CustomSize.vue │ │ │ ├── Detail.md │ │ │ ├── Detail.vue │ │ │ ├── Form.md │ │ │ ├── Form.vue │ │ │ ├── MultiLevel.md │ │ │ ├── MultiLevel.vue │ │ │ ├── NoMask.md │ │ │ ├── NoMask.vue │ │ │ ├── Placement.md │ │ │ ├── Placement.vue │ │ │ ├── UseDrawer.md │ │ │ └── UseDrawer.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Drawer.tsx │ │ │ ├── DrawerProvider.tsx │ │ │ ├── DrawerWrapper.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── useDrawer.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── dropdown │ │ ├── __tests__ │ │ │ └── dropdown.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Button.md │ │ │ ├── Button.vue │ │ │ ├── Placement.md │ │ │ ├── Placement.vue │ │ │ ├── Trigger.md │ │ │ └── Trigger.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Dropdown.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── empty │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── empty.spec.ts.snap │ │ │ └── empty.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Components.md │ │ │ ├── Components.vue │ │ │ ├── Content.md │ │ │ ├── Content.vue │ │ │ ├── Image.md │ │ │ ├── Image.vue │ │ │ ├── Simple.md │ │ │ └── Simple.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Empty.tsx │ │ │ ├── Images.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── form │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── form.spec.ts.snap │ │ │ └── form.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Coordinated.md │ │ │ ├── Coordinated.vue │ │ │ ├── CustomizedValidation.md │ │ │ ├── CustomizedValidation.vue │ │ │ ├── DynamicItem.md │ │ │ ├── DynamicItem.vue │ │ │ ├── InteractionsTrigger.md │ │ │ ├── InteractionsTrigger.vue │ │ │ ├── Layout.md │ │ │ ├── Layout.vue │ │ │ ├── Message.md │ │ │ ├── Message.vue │ │ │ ├── MessageTooltip.md │ │ │ ├── MessageTooltip.vue │ │ │ ├── Nest.md │ │ │ ├── Nest.vue │ │ │ ├── Register.md │ │ │ ├── Register.vue │ │ │ ├── Search.md │ │ │ └── Search.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Form.tsx │ │ │ ├── FormItem.tsx │ │ │ ├── FormWrapper.tsx │ │ │ ├── composables │ │ │ │ ├── public.ts │ │ │ │ └── useFormItem.ts │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ ├── layout.less │ │ │ ├── mixin.less │ │ │ └── status.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── grid │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── grid.spec.ts.snap │ │ │ └── grid.spec.ts │ │ ├── demo │ │ │ ├── Align.md │ │ │ ├── Align.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Gutter.md │ │ │ ├── Gutter.vue │ │ │ ├── Justify.md │ │ │ ├── Justify.vue │ │ │ ├── Offset.md │ │ │ ├── Offset.vue │ │ │ ├── Order.md │ │ │ ├── Order.vue │ │ │ ├── PullPush.md │ │ │ ├── PullPush.vue │ │ │ ├── Responsive.md │ │ │ ├── Responsive.vue │ │ │ ├── Stretch.md │ │ │ └── Stretch.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Col.tsx │ │ │ ├── Row.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ └── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixin.less │ ├── header │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── header.spec.ts.snap │ │ │ └── header.spec.ts │ │ ├── demo │ │ │ ├── Avatar.md │ │ │ ├── Avatar.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── PrefixSuffix.md │ │ │ ├── PrefixSuffix.vue │ │ │ ├── SizeBar.md │ │ │ └── SizeBar.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Header.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── icon │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── icon.spec.ts.snap │ │ │ └── icon.spec.ts │ │ ├── demo │ │ │ ├── All.md │ │ │ ├── All.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Custom.md │ │ │ ├── Custom.vue │ │ │ ├── Iconfont.md │ │ │ ├── Iconfont.vue │ │ │ └── all.ts │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Icon.tsx │ │ │ ├── definitions.ts │ │ │ ├── dependencies.ts │ │ │ ├── helper.ts │ │ │ ├── types.ts │ │ │ └── utils.ts │ │ └── style │ │ │ ├── index.less │ │ │ └── index.ts │ ├── image │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ ├── image.spec.ts.snap │ │ │ │ └── imageViewer.spec.ts.snap │ │ │ ├── image.spec.ts │ │ │ └── imageViewer.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── ImageAttrs.md │ │ │ ├── ImageAttrs.vue │ │ │ ├── ImageSlot.md │ │ │ ├── ImageSlot.vue │ │ │ ├── ImageViewer.md │ │ │ ├── ImageViewer.vue │ │ │ ├── Preview.md │ │ │ ├── Preview.vue │ │ │ ├── Zoom.md │ │ │ └── Zoom.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Image.tsx │ │ │ ├── ImageViewer.tsx │ │ │ ├── composables │ │ │ │ └── useOpr.ts │ │ │ ├── contents │ │ │ │ └── OprIcon.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── viewer.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── index.full.less │ ├── index.less │ ├── index.ts │ ├── input-number │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── inputNumber.spec.ts.snap │ │ │ └── inputNumber.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Disabled.md │ │ │ ├── Disabled.vue │ │ │ ├── Keyboard.md │ │ │ ├── Keyboard.vue │ │ │ ├── Precision.md │ │ │ ├── Precision.vue │ │ │ ├── Readonly.md │ │ │ ├── Readonly.vue │ │ │ ├── Size.md │ │ │ ├── Size.vue │ │ │ ├── WarningStyle.md │ │ │ └── WarningStyle.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── InputNumber.tsx │ │ │ ├── types.ts │ │ │ └── useInputNumber.ts │ │ └── style │ │ │ ├── index.less │ │ │ └── index.ts │ ├── input │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── input.spec.ts.snap │ │ │ └── input.spec.ts │ │ ├── demo │ │ │ ├── Addon.md │ │ │ ├── Addon.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Borderless.md │ │ │ ├── Borderless.vue │ │ │ ├── Clearable.md │ │ │ ├── Clearable.vue │ │ │ ├── PrefixSuffix.md │ │ │ ├── PrefixSuffix.vue │ │ │ ├── Size.md │ │ │ └── Size.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Input.tsx │ │ │ ├── types.ts │ │ │ └── useInput.ts │ │ └── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixin.less │ ├── layout │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── layout.spec.ts.snap │ │ │ └── layout.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Breakpoint.md │ │ │ ├── Breakpoint.vue │ │ │ ├── Collapsed.md │ │ │ ├── Collapsed.vue │ │ │ ├── Customize.md │ │ │ └── Customize.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Layout.tsx │ │ │ ├── LayoutContent.tsx │ │ │ ├── LayoutFooter.tsx │ │ │ ├── LayoutHeader.tsx │ │ │ ├── LayoutSider.tsx │ │ │ ├── LayoutSiderTrigger.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── list │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── list.spec.ts.snap │ │ │ ├── list.spec.ts │ │ │ └── listItem.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Borderless.md │ │ │ ├── Borderless.vue │ │ │ ├── Grid.md │ │ │ ├── Grid.vue │ │ │ ├── Loading.md │ │ │ ├── Loading.vue │ │ │ ├── Size.md │ │ │ └── Size.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Item.tsx │ │ │ ├── List.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ └── style │ │ │ ├── index.less │ │ │ └── index.ts │ ├── loading-bar │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── loadingBar.spec.ts.snap │ │ │ └── loadingBar.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ └── Basic.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── LoadingBarProvider.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── useLoadingBar.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── locales │ │ ├── index.ts │ │ └── src │ │ │ ├── langs │ │ │ ├── en-US.ts │ │ │ └── zh-CN.ts │ │ │ └── types.ts │ ├── menu │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── menu.spec.ts.snap │ │ │ └── menu.spec.ts │ │ ├── demo │ │ │ ├── Horizontal.md │ │ │ ├── Horizontal.vue │ │ │ ├── Inline.md │ │ │ ├── Inline.vue │ │ │ ├── Router.md │ │ │ ├── Router.vue │ │ │ ├── SingleOpen.md │ │ │ ├── SingleOpen.vue │ │ │ ├── Slots.md │ │ │ ├── Slots.vue │ │ │ ├── StateSwitching.md │ │ │ ├── StateSwitching.vue │ │ │ ├── Template.md │ │ │ ├── Template.vue │ │ │ ├── Vertical.md │ │ │ └── Vertical.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Menu.tsx │ │ │ ├── composables │ │ │ │ ├── useDataSource.ts │ │ │ │ ├── useExpanded.ts │ │ │ │ ├── usePaddingLeft.ts │ │ │ │ └── useSelected.ts │ │ │ ├── contents │ │ │ │ ├── MenuDivider.tsx │ │ │ │ ├── MenuItem.tsx │ │ │ │ ├── MenuItemGroup.tsx │ │ │ │ ├── Utils.tsx │ │ │ │ └── menu-sub │ │ │ │ │ ├── InlineContent.tsx │ │ │ │ │ ├── Label.tsx │ │ │ │ │ ├── MenuSub.tsx │ │ │ │ │ └── OverlayContent.tsx │ │ │ ├── menus.ts │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── collapsed.less │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ ├── level.less │ │ │ ├── mixins.less │ │ │ └── mode.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── dark.ts │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── message │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ ├── message.spec.ts.snap │ │ │ │ └── messageProvider.spec.ts.snap │ │ │ ├── message.spec.ts │ │ │ └── messageProvider.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Content.md │ │ │ ├── Content.vue │ │ │ ├── DestroyOnHover.md │ │ │ ├── DestroyOnHover.vue │ │ │ ├── Duration.md │ │ │ ├── Duration.vue │ │ │ ├── Icon.md │ │ │ ├── Icon.vue │ │ │ ├── Id.md │ │ │ ├── Id.vue │ │ │ ├── OnDestroy.md │ │ │ └── OnDestroy.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Message.tsx │ │ │ ├── MessageProvider.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── useMessage.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixin.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ ├── tokens.ts │ │ │ └── transforms.ts │ ├── modal │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ ├── modal.spec.ts.snap │ │ │ │ └── modalProvider.spec.ts.snap │ │ │ ├── modal.spec.ts │ │ │ └── modalProvider.spec.ts │ │ ├── demo │ │ │ ├── Async.md │ │ │ ├── Async.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── DestroyAll.md │ │ │ ├── DestroyAll.vue │ │ │ ├── DraggableModal.md │ │ │ ├── DraggableModal.vue │ │ │ ├── Footer.md │ │ │ ├── Footer.vue │ │ │ ├── Loading.md │ │ │ ├── Loading.vue │ │ │ ├── ModalToken.md │ │ │ ├── ModalToken.vue │ │ │ ├── PositionWidth.md │ │ │ ├── PositionWidth.vue │ │ │ ├── Type.md │ │ │ ├── Type.vue │ │ │ ├── UpdateClose.md │ │ │ ├── UpdateClose.vue │ │ │ ├── UseModal.md │ │ │ └── UseModal.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Modal.tsx │ │ │ ├── ModalBody.tsx │ │ │ ├── ModalProvider.tsx │ │ │ ├── ModalWrapper.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── useModal.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── notification │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── notification.spec.ts.snap │ │ │ ├── notification.spec.ts │ │ │ └── notificationProvider.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Content.md │ │ │ ├── Content.vue │ │ │ ├── DestroyOnHover.md │ │ │ ├── DestroyOnHover.vue │ │ │ ├── Duration.md │ │ │ ├── Duration.vue │ │ │ ├── Footer.md │ │ │ ├── Footer.vue │ │ │ ├── Icon.md │ │ │ ├── Icon.vue │ │ │ ├── Id.md │ │ │ ├── Id.vue │ │ │ ├── OnDestroy.md │ │ │ ├── OnDestroy.vue │ │ │ ├── Placement.md │ │ │ └── Placement.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Notification.tsx │ │ │ ├── NotificationProvider.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── useNotification.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixin.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ ├── tokens.ts │ │ │ └── transforms.ts │ ├── package.json │ ├── pagination │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── pagination.spec.ts.snap │ │ │ └── pagination.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Controlled.md │ │ │ ├── Controlled.vue │ │ │ ├── Item.md │ │ │ ├── Item.vue │ │ │ ├── QuickJumper.md │ │ │ ├── QuickJumper.vue │ │ │ ├── Simple.md │ │ │ ├── Simple.vue │ │ │ ├── Size.md │ │ │ ├── Size.vue │ │ │ ├── SizeChanger.md │ │ │ ├── SizeChanger.vue │ │ │ ├── Total.md │ │ │ └── Total.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Pagination.tsx │ │ │ ├── composables │ │ │ │ ├── useItems.ts │ │ │ │ ├── useJumpTo.ts │ │ │ │ └── usePages.ts │ │ │ ├── contents │ │ │ │ ├── Item.tsx │ │ │ │ ├── Jumper.tsx │ │ │ │ ├── Sizes.tsx │ │ │ │ └── Total.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixin.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── popconfirm │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── popconfirm.spec.ts.snap │ │ │ └── popconfirm.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Content.md │ │ │ ├── Content.vue │ │ │ ├── Placement.md │ │ │ ├── Placement.vue │ │ │ ├── Trigger.md │ │ │ └── Trigger.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Popconfirm.tsx │ │ │ ├── PopconfirmContent.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── popover │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── popover.spec.ts.snap │ │ │ └── popover.spec.ts │ │ ├── demo │ │ │ ├── Arrow.md │ │ │ ├── Arrow.vue │ │ │ ├── Closable.md │ │ │ ├── Closable.vue │ │ │ ├── HeaderConfig.md │ │ │ ├── HeaderConfig.vue │ │ │ ├── Nested.md │ │ │ ├── Nested.vue │ │ │ ├── NoArrow.md │ │ │ ├── NoArrow.vue │ │ │ ├── Placement.md │ │ │ ├── Placement.vue │ │ │ ├── Trigger.md │ │ │ └── Trigger.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Popover.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── progress │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── progress.spec.ts.snap │ │ │ └── progress.spec.ts │ │ ├── demo │ │ │ ├── Circle.md │ │ │ ├── Circle.vue │ │ │ ├── CircleDynamic.md │ │ │ ├── CircleDynamic.vue │ │ │ ├── CircleMini.md │ │ │ ├── CircleMini.vue │ │ │ ├── Dashboard.md │ │ │ ├── Dashboard.vue │ │ │ ├── Format.md │ │ │ ├── Format.vue │ │ │ ├── Gradient.md │ │ │ ├── Gradient.vue │ │ │ ├── Line.md │ │ │ ├── Line.vue │ │ │ ├── LineSize.md │ │ │ ├── LineSize.vue │ │ │ ├── Round.md │ │ │ ├── Round.vue │ │ │ ├── Segment.md │ │ │ └── Segment.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Circle.tsx │ │ │ ├── Line.tsx │ │ │ ├── Progress.tsx │ │ │ ├── ProgressInfo.tsx │ │ │ ├── tokens.ts │ │ │ ├── types.ts │ │ │ └── util.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── radio │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ ├── radio.spec.ts.snap │ │ │ │ └── radioGroup.spec.ts.snap │ │ │ ├── radio.spec.ts │ │ │ └── radioGroup.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Buttoned.md │ │ │ ├── Buttoned.vue │ │ │ ├── Disabled.md │ │ │ ├── Disabled.vue │ │ │ ├── Fieldset.md │ │ │ ├── Fieldset.vue │ │ │ ├── Gap.md │ │ │ ├── Gap.vue │ │ │ ├── Group.md │ │ │ ├── Group.vue │ │ │ ├── Name.md │ │ │ ├── Name.vue │ │ │ ├── Size.md │ │ │ ├── Size.vue │ │ │ ├── VerticalGroup.md │ │ │ └── VerticalGroup.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Radio.tsx │ │ │ ├── RadioGroup.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── rate │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── rate.spec.ts.snap │ │ │ └── rate.spec.ts │ │ ├── demo │ │ │ ├── AllowHalf.md │ │ │ ├── AllowHalf.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Clearable.md │ │ │ ├── Clearable.vue │ │ │ ├── Disabled.md │ │ │ ├── Disabled.vue │ │ │ ├── Icon.md │ │ │ ├── Icon.vue │ │ │ ├── Size.md │ │ │ ├── Size.vue │ │ │ ├── Tooltips.md │ │ │ └── Tooltips.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Rate.tsx │ │ │ ├── RateItem.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── result │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── result.spec.ts.snap │ │ │ └── result.spec.ts │ │ ├── demo │ │ │ ├── Error.md │ │ │ ├── Error.vue │ │ │ ├── Info.md │ │ │ ├── Info.vue │ │ │ ├── Success.md │ │ │ ├── Success.vue │ │ │ ├── Warning.md │ │ │ └── Warning.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Result.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixins.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── select │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── select.spec.ts.snap │ │ │ └── select.spec.ts │ │ ├── demo │ │ │ ├── AllowInput.md │ │ │ ├── AllowInput.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Borderless.md │ │ │ ├── Borderless.vue │ │ │ ├── CustomLabel.md │ │ │ ├── CustomLabel.vue │ │ │ ├── DndSortable.md │ │ │ ├── DndSortable.vue │ │ │ ├── Group.md │ │ │ ├── Group.vue │ │ │ ├── Key.md │ │ │ ├── Key.vue │ │ │ ├── Loading.md │ │ │ ├── Loading.vue │ │ │ ├── MaxLabel.md │ │ │ ├── MaxLabel.vue │ │ │ ├── Multiple.md │ │ │ ├── Multiple.vue │ │ │ ├── OverlayRender.md │ │ │ ├── OverlayRender.vue │ │ │ ├── Panel.md │ │ │ ├── Panel.vue │ │ │ ├── Searchable.md │ │ │ ├── Searchable.vue │ │ │ ├── SelectAll.md │ │ │ ├── SelectAll.vue │ │ │ ├── Server.md │ │ │ ├── Server.vue │ │ │ ├── Size.md │ │ │ ├── Size.vue │ │ │ ├── Virtual.md │ │ │ └── Virtual.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Select.tsx │ │ │ ├── composables │ │ │ │ ├── useActiveState.ts │ │ │ │ ├── useGetOptionKey.ts │ │ │ │ ├── useKeyboardEvents.ts │ │ │ │ ├── useOptions.ts │ │ │ │ ├── useOverlayState.ts │ │ │ │ ├── usePanelActiveState.ts │ │ │ │ ├── usePanelProps.ts │ │ │ │ ├── usePanelSelectedState.ts │ │ │ │ └── useSelectedState.ts │ │ │ ├── option.ts │ │ │ ├── panel │ │ │ │ ├── ListBox.tsx │ │ │ │ ├── Option.tsx │ │ │ │ ├── OptionGroup.tsx │ │ │ │ └── Panel.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── utils │ │ │ │ ├── flattenOptions.ts │ │ │ │ ├── generateOption.ts │ │ │ │ └── renderOptionLabel.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixin.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── selector │ │ ├── demo │ │ │ ├── Basic.md │ │ │ └── Basic.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Selector.tsx │ │ │ ├── composables │ │ │ │ └── useInputState.ts │ │ │ ├── contents │ │ │ │ ├── Input.tsx │ │ │ │ └── Item.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ └── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ ├── multiple.less │ │ │ └── single.less │ ├── skeleton │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── skeleton.spec.ts.snap │ │ │ └── skeleton.spec.ts │ │ ├── demo │ │ │ ├── Animated.md │ │ │ ├── Animated.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Custom.md │ │ │ ├── Custom.vue │ │ │ ├── Loading.md │ │ │ └── Loading.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Skeleton.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixin.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── slider │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── slider.spec.ts.snap │ │ │ └── slider.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── InputNumber.md │ │ │ ├── InputNumber.vue │ │ │ ├── Keyboard.md │ │ │ ├── Keyboard.vue │ │ │ ├── Marks.md │ │ │ ├── Marks.vue │ │ │ ├── Reverse.md │ │ │ ├── Reverse.vue │ │ │ ├── TooltipFormatter.md │ │ │ ├── TooltipFormatter.vue │ │ │ ├── TooltipVisible.md │ │ │ ├── TooltipVisible.vue │ │ │ ├── Vertical.md │ │ │ └── Vertical.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Marks.tsx │ │ │ ├── Slider.tsx │ │ │ ├── Steps.tsx │ │ │ ├── Thumb.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── useSlider.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── space │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── space.spec.ts.snap │ │ │ └── space.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── CustomSize.md │ │ │ ├── CustomSize.vue │ │ │ ├── Separator.md │ │ │ ├── Separator.vue │ │ │ ├── Vertical.md │ │ │ ├── Vertical.vue │ │ │ ├── Wrap.md │ │ │ └── Wrap.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Space.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ ├── seer.css │ │ │ └── tokens.ts │ ├── spin │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ ├── spin.spec.ts.snap │ │ │ │ └── spinProvider.spec.ts.snap │ │ │ ├── spin.spec.ts │ │ │ └── spinProvider.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Icon.md │ │ │ ├── Icon.vue │ │ │ ├── Size.md │ │ │ ├── Size.vue │ │ │ ├── Tip.md │ │ │ ├── Tip.vue │ │ │ ├── UseSpin.md │ │ │ └── UseSpin.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Spin.tsx │ │ │ ├── SpinProvider.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── useSpin.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── loading.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ ├── seer.css │ │ │ └── tokens.ts │ ├── statistic │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── statistic.spec.ts.snap │ │ │ └── statistic.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Unit.md │ │ │ └── Unit.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Statistic.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── stepper │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── steps.spec.ts.snap │ │ │ └── steps.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Clickable.md │ │ │ ├── Clickable.vue │ │ │ ├── Dot.md │ │ │ ├── Dot.vue │ │ │ ├── Error.md │ │ │ ├── Error.vue │ │ │ ├── Icon.md │ │ │ ├── Icon.vue │ │ │ ├── Percent.md │ │ │ ├── Percent.vue │ │ │ ├── Small.md │ │ │ ├── Small.vue │ │ │ ├── SwitchStep.md │ │ │ ├── SwitchStep.vue │ │ │ ├── Vertical.md │ │ │ ├── Vertical.vue │ │ │ ├── VerticalSmall.md │ │ │ └── VerticalSmall.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Stepper.tsx │ │ │ ├── StepperItem.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ ├── labelPlacement.less │ │ │ ├── mixin.less │ │ │ ├── percent.less │ │ │ ├── size.less │ │ │ └── vertical.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── style │ │ ├── core │ │ │ ├── reset-scroll.less │ │ │ └── reset.less │ │ ├── mixins │ │ │ ├── borderless.less │ │ │ ├── box.less │ │ │ ├── clearfix.less │ │ │ ├── ellipsis.less │ │ │ ├── motion.less │ │ │ ├── placeholder.less │ │ │ ├── reset.less │ │ │ └── size.less │ │ ├── motion │ │ │ ├── fade.less │ │ │ ├── move.less │ │ │ ├── slide.less │ │ │ └── zoom.less │ │ └── variable │ │ │ ├── animation.less │ │ │ ├── border.less │ │ │ ├── font.less │ │ │ ├── index.less │ │ │ ├── prefix.less │ │ │ ├── screen.less │ │ │ └── shadow.less │ ├── switch │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── switch.spec.ts.snap │ │ │ └── switch.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Confirm.md │ │ │ ├── Confirm.vue │ │ │ ├── Content.md │ │ │ ├── Content.vue │ │ │ ├── Disabled.md │ │ │ ├── Disabled.vue │ │ │ ├── Loading.md │ │ │ ├── Loading.vue │ │ │ ├── Size.md │ │ │ └── Size.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Switch.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixin.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── table │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── table.spec.ts.snap │ │ │ └── table.spec.ts │ │ ├── demo │ │ │ ├── AutoHeight.md │ │ │ ├── AutoHeight.vue │ │ │ ├── AutoHeightVirtual.md │ │ │ ├── AutoHeightVirtual.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Bordered.md │ │ │ ├── Bordered.vue │ │ │ ├── ColSpanRowSpan.md │ │ │ ├── ColSpanRowSpan.vue │ │ │ ├── CustomAdditional.md │ │ │ ├── CustomAdditional.vue │ │ │ ├── EditCells.md │ │ │ ├── EditCells.vue │ │ │ ├── EditRow.md │ │ │ ├── EditRow.vue │ │ │ ├── EditRowValidator.md │ │ │ ├── EditRowValidator.vue │ │ │ ├── Expandable.md │ │ │ ├── Expandable.vue │ │ │ ├── Filterable.md │ │ │ ├── Filterable.vue │ │ │ ├── FilterableFilterBy.md │ │ │ ├── FilterableFilterBy.vue │ │ │ ├── Fixed.md │ │ │ ├── Fixed.vue │ │ │ ├── HeadGroup.md │ │ │ ├── HeadGroup.vue │ │ │ ├── Indexable.md │ │ │ ├── Indexable.vue │ │ │ ├── NestedTable.md │ │ │ ├── NestedTable.vue │ │ │ ├── ScrollLoad.md │ │ │ ├── ScrollLoad.vue │ │ │ ├── Selectable.md │ │ │ ├── Selectable.vue │ │ │ ├── SelectableOptions.md │ │ │ ├── SelectableOptions.vue │ │ │ ├── Server.md │ │ │ ├── Server.vue │ │ │ ├── Sortable.md │ │ │ ├── Sortable.vue │ │ │ ├── SortableMultiple.md │ │ │ ├── SortableMultiple.vue │ │ │ ├── SortableOrderBy.md │ │ │ ├── SortableOrderBy.vue │ │ │ ├── Sticky.md │ │ │ ├── Sticky.vue │ │ │ ├── Template.md │ │ │ ├── Template.vue │ │ │ ├── TreeTable.md │ │ │ ├── TreeTable.vue │ │ │ ├── Virtual.md │ │ │ ├── Virtual.vue │ │ │ ├── VirtualBoth.md │ │ │ ├── VirtualBoth.vue │ │ │ ├── VirtualHorizontal.md │ │ │ └── VirtualHorizontal.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Table.tsx │ │ │ ├── column.ts │ │ │ ├── composables │ │ │ │ ├── useColumnOffsets.ts │ │ │ │ ├── useColumnWidthMeasure.ts │ │ │ │ ├── useColumns.ts │ │ │ │ ├── useDataSource.ts │ │ │ │ ├── useExpandable.ts │ │ │ │ ├── useFilterable.ts │ │ │ │ ├── usePagination.ts │ │ │ │ ├── useScroll.ts │ │ │ │ ├── useScrollOnChange.ts │ │ │ │ ├── useSelectable.ts │ │ │ │ ├── useSortable.ts │ │ │ │ ├── useSticky.ts │ │ │ │ └── useTableLayout.ts │ │ │ ├── main │ │ │ │ ├── ColGroup.tsx │ │ │ │ ├── FixedHolder.tsx │ │ │ │ ├── MainTable.tsx │ │ │ │ ├── StickyScroll.tsx │ │ │ │ ├── body │ │ │ │ │ ├── Body.tsx │ │ │ │ │ ├── BodyCell.tsx │ │ │ │ │ ├── BodyRow.tsx │ │ │ │ │ ├── BodyRowSingle.tsx │ │ │ │ │ ├── MeasureCell.tsx │ │ │ │ │ ├── MeasureRow.tsx │ │ │ │ │ ├── RenderBodyCells.tsx │ │ │ │ │ └── RenderBodyRow.tsx │ │ │ │ ├── head │ │ │ │ │ ├── Head.tsx │ │ │ │ │ ├── HeadCell.tsx │ │ │ │ │ ├── HeadRow.tsx │ │ │ │ │ ├── RenderHeaderCells.tsx │ │ │ │ │ ├── RenderHeaderRow.tsx │ │ │ │ │ └── triggers │ │ │ │ │ │ ├── FilterableTrigger.tsx │ │ │ │ │ │ ├── SelectableTrigger.tsx │ │ │ │ │ │ └── SortableTrigger.tsx │ │ │ │ └── tfoot │ │ │ │ │ └── Foot.tsx │ │ │ ├── other │ │ │ │ ├── Footer.tsx │ │ │ │ └── Pagination.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── utils │ │ │ │ └── index.ts │ │ ├── style │ │ │ ├── border.less │ │ │ ├── expandable.less │ │ │ ├── fixed.less │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ ├── indexable.less │ │ │ ├── radius.less │ │ │ ├── selectable.less │ │ │ ├── shadow.less │ │ │ ├── size.less │ │ │ └── triggers.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── dark.ts │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── tabs │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── tabs.spec.ts.snap │ │ │ └── tabs.spec.ts │ │ ├── demo │ │ │ ├── Card.md │ │ │ ├── Card.vue │ │ │ ├── CustomTab.md │ │ │ ├── CustomTab.vue │ │ │ ├── Disabled.md │ │ │ ├── Disabled.vue │ │ │ ├── DndSortable.md │ │ │ ├── DndSortable.vue │ │ │ ├── Dynamic.md │ │ │ ├── Dynamic.vue │ │ │ ├── Line.md │ │ │ ├── Line.vue │ │ │ ├── Placement.md │ │ │ ├── Placement.vue │ │ │ ├── Scroll.md │ │ │ ├── Scroll.vue │ │ │ ├── Segment.md │ │ │ ├── Segment.vue │ │ │ ├── Size.md │ │ │ └── Size.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Tabs.tsx │ │ │ ├── composables │ │ │ │ ├── useDataSource.ts │ │ │ │ ├── useNavListScroll.ts │ │ │ │ └── useSelectedNav.ts │ │ │ ├── contents │ │ │ │ ├── AddBtn.tsx │ │ │ │ ├── MoreSelectPane.tsx │ │ │ │ ├── TabNav.tsx │ │ │ │ ├── TabNavWrapper.tsx │ │ │ │ └── TabPane.tsx │ │ │ ├── tab.ts │ │ │ ├── tokens.ts │ │ │ ├── types.ts │ │ │ └── utils.ts │ │ ├── style │ │ │ ├── card.less │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ ├── line.less │ │ │ ├── placement.less │ │ │ ├── segment.less │ │ │ └── size.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── tag │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ ├── tag.spec.ts.snap │ │ │ │ └── tagGroup.spec.ts.snap │ │ │ ├── tag.spec.ts │ │ │ └── tagGroup.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Bordered.md │ │ │ ├── Bordered.vue │ │ │ ├── Clickable.md │ │ │ ├── Clickable.vue │ │ │ ├── Closable.md │ │ │ ├── Closable.vue │ │ │ ├── Color.md │ │ │ ├── Color.vue │ │ │ ├── Filled.md │ │ │ ├── Filled.vue │ │ │ ├── GroupedTag.md │ │ │ ├── GroupedTag.vue │ │ │ ├── Icon.md │ │ │ ├── Icon.vue │ │ │ ├── Numeric.md │ │ │ ├── Numeric.vue │ │ │ ├── Shape.md │ │ │ └── Shape.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Tag.tsx │ │ │ ├── TagGroup.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixin.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── text │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── text.spec.ts.snap │ │ │ └── text.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── CopyIcon.md │ │ │ ├── CopyIcon.vue │ │ │ ├── CopyTooltip.md │ │ │ ├── CopyTooltip.vue │ │ │ ├── Copyable.md │ │ │ ├── Copyable.vue │ │ │ ├── CustomEllipsis.md │ │ │ ├── CustomEllipsis.vue │ │ │ ├── Ellipsis.md │ │ │ ├── Ellipsis.vue │ │ │ ├── ExpandIcon.md │ │ │ ├── ExpandIcon.vue │ │ │ ├── Expandable.md │ │ │ ├── Expandable.vue │ │ │ ├── Lines.md │ │ │ ├── Lines.vue │ │ │ ├── Maxheight.md │ │ │ ├── Maxheight.vue │ │ │ ├── Suffix.md │ │ │ ├── Suffix.vue │ │ │ ├── Tooltip.md │ │ │ └── Tooltip.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Text.tsx │ │ │ ├── composables │ │ │ │ ├── useCopyTooltip.ts │ │ │ │ ├── useCopyable.ts │ │ │ │ ├── useEllipsis.ts │ │ │ │ └── useExpandable.ts │ │ │ ├── types.ts │ │ │ └── utils │ │ │ │ └── nodes.ts │ │ └── style │ │ │ ├── index.less │ │ │ └── index.ts │ ├── textarea │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── textarea.spec.ts.snap │ │ │ └── textarea.spec.ts │ │ ├── demo │ │ │ ├── AutoRows.md │ │ │ ├── AutoRows.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Clearable.md │ │ │ ├── Clearable.vue │ │ │ ├── Resize.md │ │ │ ├── Resize.vue │ │ │ ├── ShowCount.md │ │ │ └── ShowCount.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Textarea.tsx │ │ │ ├── composables │ │ │ │ ├── useAutoRows.ts │ │ │ │ └── useLineHeight.ts │ │ │ ├── types.ts │ │ │ └── utils │ │ │ │ ├── getBoxSizingData.ts │ │ │ │ └── measureTextarea.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixin.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ ├── tokens.ts │ │ │ └── transforms.ts │ ├── theme │ │ ├── __tests__ │ │ │ └── theme.spec.ts │ │ ├── demo │ │ │ ├── Dynamic.md │ │ │ ├── Dynamic.vue │ │ │ ├── Nested.md │ │ │ ├── Nested.vue │ │ │ ├── Tokens.md │ │ │ └── Tokens.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ └── Index.zh.md │ │ ├── index.ts │ │ └── src │ │ │ ├── ThemeProvider.tsx │ │ │ ├── composables │ │ │ ├── useDynamicCss.ts │ │ │ ├── useThemeProvider.ts │ │ │ ├── useTokenMerge.ts │ │ │ └── useTokenRegister.ts │ │ │ ├── themeTokens │ │ │ ├── dark │ │ │ │ ├── getBaseColors.ts │ │ │ │ ├── getColorPalette.ts │ │ │ │ ├── getGreyColors.ts │ │ │ │ ├── index.ts │ │ │ │ └── presetTokens.ts │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── shared │ │ │ │ ├── color │ │ │ │ ├── getAlphaColor.ts │ │ │ │ ├── getBaseColors.ts │ │ │ │ ├── getColorPalette.ts │ │ │ │ ├── getDarkColorPalette.ts │ │ │ │ ├── getGreyColors.ts │ │ │ │ ├── getSolidColor.ts │ │ │ │ └── index.ts │ │ │ │ ├── derivedTokens │ │ │ │ ├── getDerivedColorTokens.ts │ │ │ │ ├── getDerivedFontTokens.ts │ │ │ │ ├── getDerivedMotionTokens.ts │ │ │ │ ├── getDerivedSizeTokens.ts │ │ │ │ ├── getShadowTokens.ts │ │ │ │ └── index.ts │ │ │ │ ├── extendedTokens │ │ │ │ ├── getControlTokens.ts │ │ │ │ ├── getExtendedColorTokens.ts │ │ │ │ ├── getExtendedFontTokens.ts │ │ │ │ ├── getExtendedSizeTokens.ts │ │ │ │ ├── getOverlayTokens.ts │ │ │ │ ├── getScrollbarTokens.ts │ │ │ │ └── index.ts │ │ │ │ ├── getBasicTokens.ts │ │ │ │ ├── getResetTokens.ts │ │ │ │ └── index.ts │ │ │ ├── token.ts │ │ │ ├── types │ │ │ ├── dynamicCss.ts │ │ │ ├── index.ts │ │ │ ├── themeProvider.ts │ │ │ ├── themeTokens │ │ │ │ ├── basicToken.ts │ │ │ │ ├── componentTokens.ts │ │ │ │ ├── derived │ │ │ │ │ ├── color.ts │ │ │ │ │ ├── font.ts │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── motion.ts │ │ │ │ │ ├── shadow.ts │ │ │ │ │ └── size.ts │ │ │ │ ├── extended │ │ │ │ │ ├── color.ts │ │ │ │ │ ├── control.ts │ │ │ │ │ ├── font.ts │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── overlay.ts │ │ │ │ │ ├── scrollbar.ts │ │ │ │ │ └── size.ts │ │ │ │ ├── index.ts │ │ │ │ └── reset.ts │ │ │ ├── tokenRecord.ts │ │ │ └── tokenTransform.ts │ │ │ ├── useThemeToken.ts │ │ │ └── utils │ │ │ ├── createTokensHash.ts │ │ │ ├── dynamicCss.ts │ │ │ ├── index.ts │ │ │ ├── tokenToCss.ts │ │ │ └── tokenTransforms.ts │ ├── time-picker │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ ├── timePicker.spec.ts.snap │ │ │ │ └── timeRangePicker.spec.ts.snap │ │ │ ├── timePicker.spec.ts │ │ │ └── timeRangePicker.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Borderless.md │ │ │ ├── Borderless.vue │ │ │ ├── Disable.md │ │ │ ├── Disable.vue │ │ │ ├── Format.md │ │ │ ├── Format.vue │ │ │ ├── Range.md │ │ │ ├── Range.vue │ │ │ ├── Size.md │ │ │ ├── Size.vue │ │ │ ├── Step.md │ │ │ └── Step.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── TimePicker.tsx │ │ │ ├── TimeRangePicker.tsx │ │ │ ├── composables │ │ │ │ ├── useControl.ts │ │ │ │ ├── useInputEnableStatus.ts │ │ │ │ ├── useInputProps.ts │ │ │ │ ├── useKeyboardEvents.ts │ │ │ │ ├── useOverlayProps.ts │ │ │ │ ├── useOverlayState.ts │ │ │ │ ├── usePanelActiveValue.ts │ │ │ │ ├── usePanelProps.ts │ │ │ │ ├── usePickerState.ts │ │ │ │ ├── useRangeControl.ts │ │ │ │ └── useTriggerProps.ts │ │ │ ├── content │ │ │ │ ├── Content.tsx │ │ │ │ └── RangeContent.tsx │ │ │ ├── tokens.ts │ │ │ ├── trigger │ │ │ │ ├── RangeTrigger.tsx │ │ │ │ └── Trigger.tsx │ │ │ ├── types.ts │ │ │ └── utils.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ ├── mixin.less │ │ │ └── panel.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── timeline │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── timeline.spec.ts.snap │ │ │ └── timeline.spec.ts │ │ ├── demo │ │ │ ├── Color.md │ │ │ ├── Color.vue │ │ │ ├── Dot.md │ │ │ ├── Dot.vue │ │ │ ├── Label.md │ │ │ ├── Label.vue │ │ │ ├── Pending.md │ │ │ ├── Pending.vue │ │ │ ├── PendingDot.md │ │ │ ├── PendingDot.vue │ │ │ ├── Placement.md │ │ │ ├── Placement.vue │ │ │ ├── Reverse.md │ │ │ └── Reverse.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Timeline.tsx │ │ │ ├── TimelineItem.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixin.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── tooltip │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── tooltip.spec.ts.snap │ │ │ └── tooltip.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Destroy.md │ │ │ ├── Destroy.vue │ │ │ ├── Placement.md │ │ │ ├── Placement.vue │ │ │ ├── Trigger.md │ │ │ └── Trigger.vue │ │ ├── docs │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Tooltip.tsx │ │ │ ├── types.ts │ │ │ └── useTooltipOverlay.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── tour │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── tour.spec.ts.snap │ │ │ └── tour.spec.ts │ │ ├── demo │ │ │ ├── Async.md │ │ │ ├── Async.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Closable.md │ │ │ ├── Closable.vue │ │ │ ├── CustomMask.md │ │ │ ├── CustomMask.vue │ │ │ ├── CustomSlots.md │ │ │ ├── CustomSlots.vue │ │ │ ├── NoMask.md │ │ │ ├── NoMask.vue │ │ │ ├── Outline.md │ │ │ ├── Outline.vue │ │ │ ├── Steps.md │ │ │ ├── Steps.vue │ │ │ ├── TargetDisabled.md │ │ │ └── TargetDisabled.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Mask.tsx │ │ │ ├── Panel.tsx │ │ │ ├── Tour.tsx │ │ │ ├── composables │ │ │ │ ├── useActiveState.ts │ │ │ │ ├── useActiveStep.ts │ │ │ │ ├── useCloseTrigger.ts │ │ │ │ ├── useMask.ts │ │ │ │ ├── useMergedProps.ts │ │ │ │ ├── useOverlayProps.ts │ │ │ │ ├── useStepChange.ts │ │ │ │ ├── useTarget.ts │ │ │ │ └── useVisible.ts │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── utils.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── transfer │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ ├── transfer.spec.ts.snap │ │ │ │ ├── transferList.spec.ts.snap │ │ │ │ ├── transferListItem.spec.ts.snap │ │ │ │ └── transferSlots.spec.ts.snap │ │ │ ├── transfer.spec.ts │ │ │ ├── transferList.spec.ts │ │ │ ├── transferListItem.spec.ts │ │ │ └── transferSlots.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── ControlledSearch.md │ │ │ ├── ControlledSearch.vue │ │ │ ├── CustomHeaderFooter.md │ │ │ ├── CustomHeaderFooter.vue │ │ │ ├── CustomHeaderLabelSuffix.md │ │ │ ├── CustomHeaderLabelSuffix.vue │ │ │ ├── CustomLabel.md │ │ │ ├── CustomLabel.vue │ │ │ ├── CustomListBody.md │ │ │ ├── CustomListBody.vue │ │ │ ├── CustomOperations.md │ │ │ ├── CustomOperations.vue │ │ │ ├── NoOperations.md │ │ │ ├── NoOperations.vue │ │ │ ├── Pagination.md │ │ │ ├── Pagination.vue │ │ │ ├── Remote.md │ │ │ ├── Remote.vue │ │ │ ├── Searchable.md │ │ │ ├── Searchable.vue │ │ │ ├── VirtualScroll.md │ │ │ └── VirtualScroll.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Transfer.tsx │ │ │ ├── TransferOperations.tsx │ │ │ ├── composables │ │ │ │ ├── usePagination.ts │ │ │ │ ├── useSearchPlaceholder.ts │ │ │ │ ├── useSearchable.ts │ │ │ │ ├── useTransferBindings.ts │ │ │ │ ├── useTransferData.ts │ │ │ │ ├── useTransferDataStrategies.ts │ │ │ │ ├── useTransferOperations.ts │ │ │ │ └── useTransferSelectState.ts │ │ │ ├── content │ │ │ │ ├── Body.tsx │ │ │ │ ├── Content.tsx │ │ │ │ ├── Footer.tsx │ │ │ │ └── Header.tsx │ │ │ ├── list │ │ │ │ ├── List.tsx │ │ │ │ └── ListItem.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── utils.ts │ │ ├── style │ │ │ ├── content.less │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── list.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── tree-select │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── treeSelect.spec.ts.snap │ │ │ └── treeSelect.spec.ts │ │ ├── demo │ │ │ ├── AsynLoad.md │ │ │ ├── AsynLoad.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── CascaderStrategy.md │ │ │ ├── CascaderStrategy.vue │ │ │ ├── Controlled.md │ │ │ ├── Controlled.vue │ │ │ ├── CustomKey.md │ │ │ ├── CustomKey.vue │ │ │ ├── CustomLabel.md │ │ │ ├── CustomLabel.vue │ │ │ ├── Disabled.md │ │ │ ├── Disabled.vue │ │ │ ├── DragDrop.md │ │ │ ├── DragDrop.vue │ │ │ ├── Multiple.md │ │ │ ├── Multiple.vue │ │ │ ├── Overlay.md │ │ │ ├── Overlay.vue │ │ │ ├── Search.md │ │ │ ├── Search.vue │ │ │ ├── ShowLine.md │ │ │ ├── ShowLine.vue │ │ │ ├── Size.md │ │ │ ├── Size.vue │ │ │ ├── Virtual.md │ │ │ └── Virtual.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── TreeSelect.tsx │ │ │ ├── composables │ │ │ │ ├── useDataSource.ts │ │ │ │ └── useSelectedState.ts │ │ │ ├── content │ │ │ │ └── Content.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── tree │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── tree.spec.ts.snap │ │ │ └── tree.spec.ts │ │ ├── demo │ │ │ ├── AsynLoad.md │ │ │ ├── AsynLoad.vue │ │ │ ├── AutoHeight.md │ │ │ ├── AutoHeight.vue │ │ │ ├── AutoHeightVirtual.md │ │ │ ├── AutoHeightVirtual.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── CascaderStrategy.md │ │ │ ├── CascaderStrategy.vue │ │ │ ├── Controlled.md │ │ │ ├── Controlled.vue │ │ │ ├── Disabled.md │ │ │ ├── Disabled.vue │ │ │ ├── DragDrop.md │ │ │ ├── DragDrop.vue │ │ │ ├── Search.md │ │ │ ├── Search.vue │ │ │ ├── ShowLine.md │ │ │ ├── ShowLine.vue │ │ │ ├── Virtual.md │ │ │ └── Virtual.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Tree.tsx │ │ │ ├── composables │ │ │ │ ├── useCheckable.ts │ │ │ │ ├── useDataSource.ts │ │ │ │ ├── useDragDrop.ts │ │ │ │ ├── useEvents.ts │ │ │ │ ├── useExpandable.ts │ │ │ │ ├── useSearchable.ts │ │ │ │ └── useSelectable.ts │ │ │ ├── node │ │ │ │ ├── Checkbox.tsx │ │ │ │ ├── Content.tsx │ │ │ │ ├── Expand.tsx │ │ │ │ ├── Indent.tsx │ │ │ │ ├── LeafLine.tsx │ │ │ │ └── TreeNode.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── utils │ │ │ │ └── index.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── mixin.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── types.d.ts │ ├── upload │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ ├── list.spec.ts.snap │ │ │ │ └── upload.spec.ts.snap │ │ │ ├── list.spec.ts │ │ │ └── upload.spec.ts │ │ ├── demo │ │ │ ├── Action.md │ │ │ ├── Action.vue │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── ButtonDisplay.md │ │ │ ├── ButtonDisplay.vue │ │ │ ├── Check.md │ │ │ ├── Check.vue │ │ │ ├── Controlled.md │ │ │ ├── Controlled.vue │ │ │ ├── CustomFileList.md │ │ │ ├── CustomFileList.vue │ │ │ ├── CustomRequest.md │ │ │ ├── CustomRequest.vue │ │ │ ├── Dragable.md │ │ │ ├── Dragable.vue │ │ │ ├── FilesList.md │ │ │ ├── FilesList.vue │ │ │ ├── Hooks.md │ │ │ ├── Hooks.vue │ │ │ ├── Icon.md │ │ │ ├── Icon.vue │ │ │ ├── ListDisplay.md │ │ │ ├── ListDisplay.vue │ │ │ ├── Manual.md │ │ │ ├── Manual.vue │ │ │ ├── MaxCount.md │ │ │ ├── MaxCount.vue │ │ │ ├── Operation.md │ │ │ ├── Operation.vue │ │ │ ├── StrokeColor.md │ │ │ └── StrokeColor.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── List.tsx │ │ │ ├── Upload.tsx │ │ │ ├── component │ │ │ │ ├── ImageCardList.tsx │ │ │ │ ├── ImageList.tsx │ │ │ │ ├── Selector.tsx │ │ │ │ └── TextList.tsx │ │ │ ├── composables │ │ │ │ ├── useDisplay.ts │ │ │ │ ├── useDrag.ts │ │ │ │ ├── useFileSelect.ts │ │ │ │ ├── useFilesData.ts │ │ │ │ ├── useOperation.ts │ │ │ │ ├── useRequest.ts │ │ │ │ └── useUploadControl.ts │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── utils │ │ │ │ ├── files.ts │ │ │ │ ├── icon.ts │ │ │ │ ├── request.ts │ │ │ │ └── visible.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ ├── list.less │ │ │ ├── mixin.less │ │ │ └── variable.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── utils │ │ ├── __test__ │ │ │ └── zIndex.spec.ts │ │ ├── index.ts │ │ └── src │ │ │ ├── colors.ts │ │ │ ├── convertTarget.ts │ │ │ ├── convertVNode.ts │ │ │ ├── date.ts │ │ │ ├── portalTarget.ts │ │ │ ├── useDisabled.ts │ │ │ ├── useElementSize.ts │ │ │ ├── useKey.ts │ │ │ ├── useMergedCommonControlProps.ts │ │ │ ├── useOverlayFocusMonitor.ts │ │ │ ├── useTreeCheckState.ts │ │ │ ├── useTreeCheckStateResolver.ts │ │ │ └── zIndex.ts │ ├── version │ │ └── index.ts │ └── watermark │ │ ├── __tests__ │ │ └── watermark.spec.ts │ │ ├── demo │ │ ├── Basic.md │ │ ├── Basic.vue │ │ ├── Custom.md │ │ ├── Custom.vue │ │ ├── HighDensity.md │ │ ├── HighDensity.vue │ │ ├── Image.md │ │ └── Image.vue │ │ ├── docs │ │ ├── Api.en.md │ │ ├── Api.zh.md │ │ ├── Design.en.md │ │ ├── Design.zh.md │ │ ├── Index.en.md │ │ ├── Index.zh.md │ │ ├── Theme.en.md │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ ├── Watermark.tsx │ │ ├── composables │ │ │ ├── useAntiTamper.ts │ │ │ └── useCalcBase64.ts │ │ ├── types.ts │ │ └── utils │ │ │ └── index.ts │ │ └── style │ │ ├── index.less │ │ └── index.ts ├── pro │ ├── CHANGELOG.md │ ├── api.extra.json │ ├── config │ │ ├── index.ts │ │ └── src │ │ │ ├── defaultConfig.ts │ │ │ ├── globalConfig.ts │ │ │ └── types.ts │ ├── dark.full.css │ ├── default.full.css │ ├── form │ │ ├── __tests__ │ │ │ └── proForm.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── BasicSchema.md │ │ │ ├── BasicSchema.vue │ │ │ ├── Register.md │ │ │ ├── Register.vue │ │ │ ├── RegisterSchema.md │ │ │ └── RegisterSchema.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── ProForm.tsx │ │ │ ├── composables │ │ │ │ ├── useAjvValidator.ts │ │ │ │ └── useForm.ts │ │ │ └── types.ts │ │ └── style │ │ │ ├── index.less │ │ │ └── index.ts │ ├── index.less │ ├── index.ts │ ├── layout │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── layoutPro.spec.ts.snap │ │ │ └── layoutPro.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Collapsed.md │ │ │ ├── Collapsed.vue │ │ │ ├── Fixed.md │ │ │ ├── Fixed.vue │ │ │ ├── Theme.md │ │ │ ├── Theme.vue │ │ │ ├── Type.md │ │ │ └── Type.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── Layout.tsx │ │ │ ├── composables │ │ │ │ ├── useActiveKey.ts │ │ │ │ └── useMenu.ts │ │ │ ├── contents │ │ │ │ ├── Header.tsx │ │ │ │ ├── Logo.tsx │ │ │ │ └── Sider.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── utils │ │ │ │ └── menu.ts │ │ ├── style │ │ │ ├── dark.less │ │ │ ├── header.less │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ ├── light.less │ │ │ └── sider.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── dark.ts │ │ │ ├── darkActiveBg.ts │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── locales │ │ ├── index.ts │ │ └── src │ │ │ ├── langs │ │ │ ├── en-US.ts │ │ │ └── zh-CN.ts │ │ │ └── types.ts │ ├── package.json │ ├── search │ │ ├── __tests__ │ │ │ └── proSearch.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── ConvertToKeyword.md │ │ │ ├── ConvertToKeyword.vue │ │ │ ├── ConvertToKeywordWithPanel.md │ │ │ ├── ConvertToKeywordWithPanel.vue │ │ │ ├── Custom.md │ │ │ ├── Custom.vue │ │ │ ├── CustomLabel.md │ │ │ ├── CustomLabel.vue │ │ │ ├── CustomShortcuts.md │ │ │ ├── CustomShortcuts.vue │ │ │ ├── DateRangeShortcut.md │ │ │ ├── DateRangeShortcut.vue │ │ │ ├── Disabled.md │ │ │ ├── Disabled.vue │ │ │ ├── Invalid.md │ │ │ ├── Invalid.vue │ │ │ ├── LoadOnVisible.md │ │ │ ├── LoadOnVisible.vue │ │ │ ├── MergeItems.md │ │ │ ├── MergeItems.vue │ │ │ ├── MultiSegment.md │ │ │ ├── MultiSegment.vue │ │ │ ├── Parser.md │ │ │ ├── Parser.vue │ │ │ ├── QuickSelect.md │ │ │ ├── QuickSelect.vue │ │ │ ├── RemoteSearch.md │ │ │ ├── RemoteSearch.vue │ │ │ ├── Size.md │ │ │ └── Size.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── ProSearch.tsx │ │ │ ├── components │ │ │ │ ├── SearchItem.tsx │ │ │ │ ├── nameSelectOverlay │ │ │ │ │ ├── KeywordFallbackPanel.tsx │ │ │ │ │ ├── NameSelectOverlay.tsx │ │ │ │ │ └── NameSelectPanel.tsx │ │ │ │ ├── quickSelect │ │ │ │ │ ├── QuickSelectItem.tsx │ │ │ │ │ ├── QuickSelectPanel.tsx │ │ │ │ │ └── QuickSelectShortcut.tsx │ │ │ │ └── segment │ │ │ │ │ ├── Segment.tsx │ │ │ │ │ ├── SegmentInput.tsx │ │ │ │ │ └── TempSegment.tsx │ │ │ ├── composables │ │ │ │ ├── useActiveSegment.ts │ │ │ │ ├── useCacheData.ts │ │ │ │ ├── useCommonOverlayProps.ts │ │ │ │ ├── useControl.ts │ │ │ │ ├── useElementWidthMeasure.ts │ │ │ │ ├── useFocusedState.ts │ │ │ │ ├── useResolvedSearchFields.ts │ │ │ │ ├── useSearchItem.ts │ │ │ │ ├── useSearchItemErrors.ts │ │ │ │ ├── useSearchStateWatcher.ts │ │ │ │ ├── useSearchStates.ts │ │ │ │ ├── useSearchTrigger.ts │ │ │ │ ├── useSearchValues.ts │ │ │ │ ├── useSegmentOverlayUpdate.ts │ │ │ │ └── useSegmentStates.ts │ │ │ ├── panel │ │ │ │ ├── CascaderPanel.tsx │ │ │ │ ├── DatePickerPanel.tsx │ │ │ │ ├── PanelFooter.tsx │ │ │ │ ├── SelectPanel.tsx │ │ │ │ └── TreeSelectPanel.tsx │ │ │ ├── segments │ │ │ │ ├── CreateCascaderSegment.tsx │ │ │ │ ├── CreateDatePickerSegment.tsx │ │ │ │ ├── CreateDateRangePickerSegment.tsx │ │ │ │ ├── CreateOperatorSegment.tsx │ │ │ │ ├── CreateSelectSegment.tsx │ │ │ │ ├── CreateTreeSelectSegment.tsx │ │ │ │ ├── createCustomSegment.ts │ │ │ │ └── createInputSegment.ts │ │ │ ├── token.ts │ │ │ ├── types │ │ │ │ ├── index.ts │ │ │ │ ├── overlay.ts │ │ │ │ ├── panels.ts │ │ │ │ ├── proSearch.ts │ │ │ │ ├── quickSelectPanel.ts │ │ │ │ ├── searchFields.ts │ │ │ │ ├── searchItem.ts │ │ │ │ ├── searchValue.ts │ │ │ │ └── segment.ts │ │ │ ├── useParser.ts │ │ │ └── utils │ │ │ │ ├── RenderIcon.tsx │ │ │ │ ├── generateSegmentStates.ts │ │ │ │ ├── getSelectableCommonParams.ts │ │ │ │ ├── index.ts │ │ │ │ ├── measureTextWidth.ts │ │ │ │ └── selectData.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ ├── mixin.less │ │ │ ├── panel.less │ │ │ ├── quick-select.less │ │ │ └── variables.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── style │ │ ├── mixins │ │ │ └── reset.less │ │ └── variable │ │ │ ├── index.less │ │ │ └── prefix.less │ ├── table │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── CustomHeader.md │ │ │ ├── CustomHeader.vue │ │ │ ├── DndSortable.md │ │ │ ├── DndSortable.vue │ │ │ ├── HeadGroup.md │ │ │ ├── HeadGroup.vue │ │ │ ├── MasiveColumns.md │ │ │ ├── MasiveColumns.vue │ │ │ ├── Resizable.md │ │ │ └── Resizable.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── ProTable.tsx │ │ │ ├── ProTableLayoutTool.tsx │ │ │ ├── composables │ │ │ │ ├── useColumns.ts │ │ │ │ └── useResizable.ts │ │ │ ├── contents │ │ │ │ ├── LayoutToolContent.tsx │ │ │ │ ├── LayoutToolTree.tsx │ │ │ │ ├── ResizableHeadCell.tsx │ │ │ │ ├── SortableBody.tsx │ │ │ │ └── SortableBodyRow.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── utils │ │ │ │ └── index.ts │ │ └── style │ │ │ ├── index.less │ │ │ └── index.ts │ ├── tag-select │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── proTagSelect.spec.ts.snap │ │ │ └── proTagSelect.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── ConfirmBeforeSelect.md │ │ │ ├── ConfirmBeforeSelect.vue │ │ │ ├── Validate.md │ │ │ └── Validate.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── ProTagSelect.tsx │ │ │ ├── composables │ │ │ │ ├── useKeyboardEvents.ts │ │ │ │ ├── useOperations.ts │ │ │ │ ├── useOverlayState.ts │ │ │ │ ├── usePanelActiveState.ts │ │ │ │ ├── useRemoveConfirm.ts │ │ │ │ ├── useSelectConfirm.ts │ │ │ │ ├── useSelectedState.ts │ │ │ │ ├── useTagColors.ts │ │ │ │ ├── useTagData.ts │ │ │ │ └── useTagEdit.ts │ │ │ ├── content │ │ │ │ ├── SelectedTag.tsx │ │ │ │ ├── TagDataEditPanel.tsx │ │ │ │ ├── TagDataRemoveConfirmModal.tsx │ │ │ │ ├── TagSelectCreationOption.tsx │ │ │ │ ├── TagSelectOption.tsx │ │ │ │ └── TagSelectPanel.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── utils │ │ │ │ └── index.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── textarea │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── proTextarea.spec.ts.snap │ │ │ └── proTextarea.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ ├── Basic.vue │ │ │ ├── Clearable.md │ │ │ ├── Clearable.vue │ │ │ ├── Errors.md │ │ │ ├── Errors.vue │ │ │ ├── Form.md │ │ │ ├── Form.vue │ │ │ ├── Resize.md │ │ │ ├── Resize.vue │ │ │ ├── ShowCount.md │ │ │ └── ShowCount.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── IndexColumn.tsx │ │ │ ├── ProTextarea.tsx │ │ │ ├── composables │ │ │ │ ├── useErrorLines.ts │ │ │ │ ├── useLineRender.ts │ │ │ │ └── useRowsCounts.ts │ │ │ ├── content │ │ │ │ ├── Content.tsx │ │ │ │ └── ErrorLine.tsx │ │ │ ├── token.ts │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ ├── tokens.ts │ │ │ └── transforms.ts │ ├── theme │ │ ├── index.ts │ │ └── src │ │ │ ├── types.ts │ │ │ └── useThemeToken.ts │ ├── transfer │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── proTransfer.spec.ts.snap │ │ │ └── proTransfer.spec.ts │ │ ├── demo │ │ │ ├── BasicTable.md │ │ │ ├── BasicTable.vue │ │ │ ├── BasicTree.md │ │ │ ├── BasicTree.vue │ │ │ ├── FlattenTree.md │ │ │ ├── FlattenTree.vue │ │ │ ├── TableCustomLabel.md │ │ │ ├── TableCustomLabel.vue │ │ │ ├── TableLayoutTool.md │ │ │ ├── TableLayoutTool.vue │ │ │ ├── TableMaxSelectedCnt.md │ │ │ ├── TableMaxSelectedCnt.vue │ │ │ ├── TableOneWay.md │ │ │ ├── TableOneWay.vue │ │ │ ├── TablePagination.md │ │ │ ├── TablePagination.vue │ │ │ ├── TableRemote.md │ │ │ ├── TableRemote.vue │ │ │ ├── TableVirtual.md │ │ │ ├── TableVirtual.vue │ │ │ ├── TreeCascaderStrategy.md │ │ │ ├── TreeCascaderStrategy.vue │ │ │ ├── TreeCustomLabel.md │ │ │ ├── TreeCustomLabel.vue │ │ │ ├── TreeLoadChildren.md │ │ │ ├── TreeLoadChildren.vue │ │ │ ├── TreeOneWay.md │ │ │ ├── TreeOneWay.vue │ │ │ ├── TreePagination.md │ │ │ ├── TreePagination.vue │ │ │ ├── TreeRemote.md │ │ │ ├── TreeRemote.vue │ │ │ ├── TreeTable.md │ │ │ ├── TreeTable.vue │ │ │ ├── TreeVirtual.md │ │ │ └── TreeVirtual.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── ProTransfer.tsx │ │ │ ├── composables │ │ │ │ ├── useTransferData.ts │ │ │ │ ├── useTransferTableProps.ts │ │ │ │ ├── useTransferTreeProps.ts │ │ │ │ ├── useTreeContext.ts │ │ │ │ ├── useTreeDataStrategy.ts │ │ │ │ ├── useTreeDataStrategyContext.ts │ │ │ │ └── useTreeExpandedKeys.ts │ │ │ ├── content │ │ │ │ ├── ProTransferList.tsx │ │ │ │ ├── ProTransferTable.tsx │ │ │ │ ├── ProTransferTree.tsx │ │ │ │ └── RenderRemovableLabel.tsx │ │ │ ├── token.ts │ │ │ ├── types.ts │ │ │ └── wrapper │ │ │ │ ├── TableTransferWrapper.tsx │ │ │ │ └── TreeTransferWrapper.tsx │ │ ├── style │ │ │ ├── index.less │ │ │ └── index.ts │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── tree │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── proTree.spec.ts.snap │ │ │ └── proTree.spec.ts │ │ ├── demo │ │ │ ├── Basic.md │ │ │ └── Basic.vue │ │ ├── docs │ │ │ ├── Api.en.md │ │ │ ├── Api.zh.md │ │ │ ├── Design.en.md │ │ │ ├── Design.zh.md │ │ │ ├── Index.en.md │ │ │ ├── Index.zh.md │ │ │ ├── Theme.en.md │ │ │ └── Theme.zh.md │ │ ├── index.ts │ │ ├── src │ │ │ ├── ProTree.tsx │ │ │ └── types.ts │ │ ├── style │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── variables.less │ │ └── theme │ │ │ ├── dark.css │ │ │ ├── default.css │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── tokens.ts │ ├── types.d.ts │ └── version │ │ └── index.ts └── site │ ├── CHANGELOG.md │ ├── index.html │ ├── package.json │ ├── plugins │ ├── md │ │ ├── index.ts │ │ ├── marked.ts │ │ ├── parseDemoDocs.ts │ │ ├── parseIndexDocs.ts │ │ ├── parseNormalDocs.ts │ │ └── utils.ts │ ├── mdPlugin.ts │ ├── themePlugin.ts │ └── transformIndexPlugin.ts │ ├── public │ ├── .nojekyll │ ├── 404.html │ ├── favicon.ico │ ├── icons │ │ ├── collapse.svg │ │ ├── comp-properties-1.png │ │ ├── comp-properties-2.png │ │ ├── comp-properties-3.png │ │ ├── comp-properties-4.png │ │ ├── expand.svg │ │ └── logo.svg │ └── images │ │ ├── QRcode.jpg │ │ ├── avatar │ │ ├── 0.png │ │ ├── 1.png │ │ ├── 2.png │ │ └── 3.png │ │ └── example │ │ ├── css.png │ │ ├── html.png │ │ ├── js.png │ │ └── nodejs.png │ ├── src │ ├── App.vue │ ├── components │ │ ├── global │ │ │ ├── GlobalCodeBox.vue │ │ │ ├── GlobalCodeSandbox.vue │ │ │ ├── GlobalColors.vue │ │ │ ├── GlobalGap.vue │ │ │ ├── GlobalPlayground.vue │ │ │ ├── GlobalSetting.vue │ │ │ ├── GlobalTheme.vue │ │ │ └── themeConfig.ts │ │ ├── layout │ │ │ ├── LayoutSider.vue │ │ │ ├── footer │ │ │ │ ├── LayoutFooter.vue │ │ │ │ ├── LayoutFooterCol.vue │ │ │ │ ├── LayoutFooterItem.vue │ │ │ │ └── locales.ts │ │ │ └── header │ │ │ │ ├── HeaderButton.vue │ │ │ │ ├── HeaderVersion.vue │ │ │ │ ├── LayoutHeader.vue │ │ │ │ ├── LayoutHeaderLogo.vue │ │ │ │ ├── LayoutHeaderNavigation.vue │ │ │ │ └── LayoutHeaderSearchBox.vue │ │ └── views │ │ │ └── home │ │ │ ├── Home.vue │ │ │ └── locales.ts │ ├── context.ts │ ├── docs │ │ ├── Changelog.zh.md │ │ ├── Contributing.en.md │ │ ├── Contributing.zh.md │ │ ├── Contributors.en.md │ │ ├── Contributors.zh.md │ │ ├── CustomizeTheme.zh.md │ │ ├── Faq.zh.md │ │ ├── GettingStarted.zh.md │ │ ├── GlobalConfig.zh.md │ │ ├── I18n.zh.md │ │ ├── Introduce.en.md │ │ ├── Introduce.zh.md │ │ └── V1ToV2.zh.md │ ├── global │ │ └── codesandbox.ts │ ├── iduxInstall.ts │ ├── index.less │ ├── main.ts │ └── styles │ │ ├── app.less │ │ ├── components.less │ │ ├── docs.less │ │ ├── highlight.less │ │ ├── index.less │ │ ├── layout │ │ ├── footer.less │ │ ├── header.less │ │ ├── index.less │ │ └── sideNav.less │ │ ├── markdown.less │ │ └── theme.less │ └── vite.config.ts ├── pnpm-workspace.yaml ├── scripts ├── gen │ ├── colors │ │ ├── run.ts │ │ └── update.ts │ ├── generate.ts │ ├── generateTheme.ts │ ├── style-variable │ │ ├── config.ts │ │ └── update.ts │ ├── template.ts │ └── theme │ │ ├── run.ts │ │ ├── update.ts │ │ └── updateDoc.ts ├── gulp │ ├── build │ │ ├── apiParse.ts │ │ ├── esbuild.ts │ │ ├── index.ts │ │ ├── less.ts │ │ ├── rollup.ts │ │ └── utils.ts │ ├── gulpConfig.ts │ ├── gulpfile.ts │ ├── icons │ │ ├── assets │ │ │ ├── alert.svg │ │ │ ├── apartment.svg │ │ │ ├── apply-all.svg │ │ │ ├── appstore-add.svg │ │ │ ├── appstore.svg │ │ │ ├── arrow-down.svg │ │ │ ├── arrow-left.svg │ │ │ ├── arrow-right.svg │ │ │ ├── arrow-up.svg │ │ │ ├── audit.svg │ │ │ ├── bar-chart.svg │ │ │ ├── bars.svg │ │ │ ├── blacklist.svg │ │ │ ├── book-mark.svg │ │ │ ├── bookmark.svg │ │ │ ├── branch.svg │ │ │ ├── bug-filled.svg │ │ │ ├── bug.svg │ │ │ ├── bulb.svg │ │ │ ├── calendar.svg │ │ │ ├── camera.svg │ │ │ ├── card.svg │ │ │ ├── caret-down-filled.svg │ │ │ ├── caret-down.svg │ │ │ ├── caret-left-filled.svg │ │ │ ├── caret-right-filled.svg │ │ │ ├── caret-up-filled.svg │ │ │ ├── caret-up.svg │ │ │ ├── check-circle-filled.svg │ │ │ ├── check-circle.svg │ │ │ ├── check-filled.svg │ │ │ ├── check.svg │ │ │ ├── checking-filled.svg │ │ │ ├── clear.svg │ │ │ ├── clock-circle.svg │ │ │ ├── close-circle-filled.svg │ │ │ ├── close-circle.svg │ │ │ ├── close-filled.svg │ │ │ ├── close.svg │ │ │ ├── cloud-download.svg │ │ │ ├── cloud-server.svg │ │ │ ├── cloud-sync.svg │ │ │ ├── cloud-upload.svg │ │ │ ├── cloud.svg │ │ │ ├── cluster.svg │ │ │ ├── code.svg │ │ │ ├── collapse-all.svg │ │ │ ├── collapse.svg │ │ │ ├── collect.svg │ │ │ ├── comment.svg │ │ │ ├── control.svg │ │ │ ├── controlz.svg │ │ │ ├── copy.svg │ │ │ ├── copyright.svg │ │ │ ├── credit-card.svg │ │ │ ├── customer-service.svg │ │ │ ├── customization.svg │ │ │ ├── dashboard.svg │ │ │ ├── data-center-star.svg │ │ │ ├── data-center.svg │ │ │ ├── database.svg │ │ │ ├── delete.svg │ │ │ ├── delivered-procedure.svg │ │ │ ├── desktop-star.svg │ │ │ ├── desktop.svg │ │ │ ├── dialog-close.svg │ │ │ ├── disconnect.svg │ │ │ ├── dislike-filled.svg │ │ │ ├── dislike.svg │ │ │ ├── dns.svg │ │ │ ├── dot-chart.svg │ │ │ ├── double-left.svg │ │ │ ├── double-right.svg │ │ │ ├── down-circle.svg │ │ │ ├── down.svg │ │ │ ├── download.svg │ │ │ ├── edit.svg │ │ │ ├── ellipsis-vertical.svg │ │ │ ├── ellipsis.svg │ │ │ ├── empty.svg │ │ │ ├── environment.svg │ │ │ ├── exception.svg │ │ │ ├── exclamation-circle-filled.svg │ │ │ ├── exclamation-circle.svg │ │ │ ├── exclamation.svg │ │ │ ├── exit.svg │ │ │ ├── expand-all.svg │ │ │ ├── expand.svg │ │ │ ├── export.svg │ │ │ ├── eye-invisible.svg │ │ │ ├── eye.svg │ │ │ ├── favourite.svg │ │ │ ├── file-add.svg │ │ │ ├── file-alert.svg │ │ │ ├── file-disabled.svg │ │ │ ├── file-done.svg │ │ │ ├── file-export.svg │ │ │ ├── file-gif.svg │ │ │ ├── file-image.svg │ │ │ ├── file-protect.svg │ │ │ ├── file-search.svg │ │ │ ├── file-sync.svg │ │ │ ├── file-text.svg │ │ │ ├── file-zip.svg │ │ │ ├── file.svg │ │ │ ├── filter-filled.svg │ │ │ ├── filter.svg │ │ │ ├── fit-to-view.svg │ │ │ ├── folder-add.svg │ │ │ ├── folder-open.svg │ │ │ ├── folder.svg │ │ │ ├── for-screen.svg │ │ │ ├── forward.svg │ │ │ ├── fullscreen-exit.svg │ │ │ ├── fullscreen.svg │ │ │ ├── gif.svg │ │ │ ├── github.svg │ │ │ ├── gitlab.svg │ │ │ ├── global.svg │ │ │ ├── grid-compact.svg │ │ │ ├── grid-loose.svg │ │ │ ├── grid-medium.svg │ │ │ ├── heart.svg │ │ │ ├── heat.svg │ │ │ ├── history.svg │ │ │ ├── holder.svg │ │ │ ├── home.svg │ │ │ ├── import.svg │ │ │ ├── info-circle-filled.svg │ │ │ ├── info-circle.svg │ │ │ ├── info.svg │ │ │ ├── insurance.svg │ │ │ ├── ip.svg │ │ │ ├── jumpz.svg │ │ │ ├── key.svg │ │ │ ├── layout-compact.svg │ │ │ ├── layout-large.svg │ │ │ ├── layout-loose.svg │ │ │ ├── layout-medium.svg │ │ │ ├── layout.svg │ │ │ ├── left-circle.svg │ │ │ ├── left-double.svg │ │ │ ├── left-filled.svg │ │ │ ├── left.svg │ │ │ ├── like-filled.svg │ │ │ ├── like.svg │ │ │ ├── line-chart.svg │ │ │ ├── link.svg │ │ │ ├── list.svg │ │ │ ├── loading-3-quarters.svg │ │ │ ├── loading-split.svg │ │ │ ├── loading.svg │ │ │ ├── location.svg │ │ │ ├── lock.svg │ │ │ ├── login.svg │ │ │ ├── logout.svg │ │ │ ├── loose.svg │ │ │ ├── mail.svg │ │ │ ├── menu-fold.svg │ │ │ ├── menu-unfold.svg │ │ │ ├── menu.svg │ │ │ ├── minus-circle.svg │ │ │ ├── minus-square.svg │ │ │ ├── minus.svg │ │ │ ├── mirror.svg │ │ │ ├── mobile.svg │ │ │ ├── monitor.svg │ │ │ ├── more.svg │ │ │ ├── move-file.svg │ │ │ ├── move-filez.svg │ │ │ ├── move-group.svg │ │ │ ├── move-list.svg │ │ │ ├── move.svg │ │ │ ├── network.svg │ │ │ ├── normal.svg │ │ │ ├── notification.svg │ │ │ ├── paper-clip.svg │ │ │ ├── paste.svg │ │ │ ├── pause-circle.svg │ │ │ ├── pause.svg │ │ │ ├── phone.svg │ │ │ ├── pie-chart.svg │ │ │ ├── pin.svg │ │ │ ├── play-circle.svg │ │ │ ├── play.svg │ │ │ ├── plus-circle.svg │ │ │ ├── plus-square.svg │ │ │ ├── plus.svg │ │ │ ├── poweroff.svg │ │ │ ├── projection.svg │ │ │ ├── qrcode.svg │ │ │ ├── question-circle-filled.svg │ │ │ ├── question-circle.svg │ │ │ ├── question.svg │ │ │ ├── radar-chart.svg │ │ │ ├── radar.svg │ │ │ ├── redo.svg │ │ │ ├── reload.svg │ │ │ ├── right-circle.svg │ │ │ ├── right-double.svg │ │ │ ├── right-filled.svg │ │ │ ├── right.svg │ │ │ ├── ring-chart.svg │ │ │ ├── robot.svg │ │ │ ├── rollback.svg │ │ │ ├── rotate-left.svg │ │ │ ├── rotate-right.svg │ │ │ ├── safety.svg │ │ │ ├── scan-security.svg │ │ │ ├── scan-virus.svg │ │ │ ├── scan.svg │ │ │ ├── search.svg │ │ │ ├── security-alert.svg │ │ │ ├── security-scan.svg │ │ │ ├── select.svg │ │ │ ├── send.svg │ │ │ ├── server-star.svg │ │ │ ├── server.svg │ │ │ ├── setting.svg │ │ │ ├── shopping.svg │ │ │ ├── sort-ascending.svg │ │ │ ├── sort-descending.svg │ │ │ ├── sound.svg │ │ │ ├── star-filled.svg │ │ │ ├── star.svg │ │ │ ├── stop.svg │ │ │ ├── subscrib.svg │ │ │ ├── success.svg │ │ │ ├── swap-vertical.svg │ │ │ ├── swap.svg │ │ │ ├── sync.svg │ │ │ ├── tag.svg │ │ │ ├── tags.svg │ │ │ ├── team.svg │ │ │ ├── thumbnail.svg │ │ │ ├── thunderbolt.svg │ │ │ ├── tool.svg │ │ │ ├── transmit.svg │ │ │ ├── tree-expand.svg │ │ │ ├── tree-unexpand.svg │ │ │ ├── uncollapse.svg │ │ │ ├── unlock.svg │ │ │ ├── up-circle.svg │ │ │ ├── up.svg │ │ │ ├── upload.svg │ │ │ ├── user-add.svg │ │ │ ├── user-circle.svg │ │ │ ├── user-delete.svg │ │ │ ├── user-disabled.svg │ │ │ ├── user.svg │ │ │ ├── verify.svg │ │ │ ├── vertical-align-bottom.svg │ │ │ ├── vertical-align-center.svg │ │ │ ├── vertical-align-top.svg │ │ │ ├── view-card.svg │ │ │ ├── view-list.svg │ │ │ ├── view-thumbnail.svg │ │ │ ├── wait.svg │ │ │ ├── warning.svg │ │ │ ├── whitelist.svg │ │ │ ├── wifi.svg │ │ │ ├── zoom-in.svg │ │ │ └── zoom-out.svg │ │ ├── index.ts │ │ └── utils.ts │ ├── site │ │ ├── index.ts │ │ └── utils.ts │ ├── taskHelpers.ts │ └── test.ts └── vite │ ├── dom │ ├── domKeys.ts │ └── index.ts │ ├── index.ts │ └── run.ts ├── tea.yaml ├── tests ├── fake-events │ ├── event-objects.ts │ └── index.ts ├── index.ts ├── isElementVisible.ts ├── setup.ts ├── types.ts └── utils.ts ├── tsconfig.json ├── typings ├── global.d.ts └── vue-shim.d.ts └── vitest.config.ts /.czrc: -------------------------------------------------------------------------------- 1 | { 2 | "path": "./node_modules/cz-git" 3 | } 4 | -------------------------------------------------------------------------------- /.github/semantic.yml: -------------------------------------------------------------------------------- 1 | titleAndCommits: true 2 | types: 3 | - feat 4 | - fix 5 | - docs 6 | - style 7 | - refactor 8 | - perf 9 | - test 10 | - build 11 | - ci 12 | - revert 13 | -------------------------------------------------------------------------------- /.husky/commit-msg: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | . "$(dirname "$0")/_/husky.sh" 3 | 4 | npx --no-install commitlint --edit $1 5 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | . "$(dirname "$0")/_/husky.sh" 3 | 4 | npx --no-install ls-lint && npx --no-install lint-staged 5 | -------------------------------------------------------------------------------- /.markdownlintignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | coverage 3 | temp 4 | dist 5 | 6 | CHANGELOG.md 7 | Changelog.zh.md 8 | Changelog.en.md 9 | -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | strict-peer-dependencies=false 2 | prefer-workspace-packages=true 3 | link-workspace-packages=true -------------------------------------------------------------------------------- /packages/cdk/a11y/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | title: Accessibility 4 | subtitle: 无障碍性 5 | single: true 6 | --- 7 | -------------------------------------------------------------------------------- /packages/cdk/api.extra.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/cdk/api.extra.json -------------------------------------------------------------------------------- /packages/cdk/breakpoint/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | title: Breakpoint 4 | subtitle: 断点 5 | --- 6 | -------------------------------------------------------------------------------- /packages/cdk/click-outside/demo/Component.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 组件用法 4 | en: Component usage 5 | order: 1 6 | --- 7 | 8 | ## zh 9 | 10 | 以组件的方式使用。 11 | 12 | ## en 13 | 14 | Use as a component. 15 | -------------------------------------------------------------------------------- /packages/cdk/click-outside/demo/Composable.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 组合式 API 用法 4 | en: Composition API usage 5 | order: 2 6 | --- 7 | 8 | ## zh 9 | 10 | 以组合式 API 的方式使用。 11 | 12 | ## en 13 | 14 | Use as a composition API. 15 | -------------------------------------------------------------------------------- /packages/cdk/click-outside/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | title: ClickOutside 4 | subtitle: 点击外部 5 | cover: 6 | --- 7 | 8 | 为除了特定元素外添加全局点击事件。 9 | 10 | ## 使用场景 11 | 12 | - 点击浮层外部关闭浮层。 13 | - 点击下拉框外部关闭下拉框。 14 | -------------------------------------------------------------------------------- /packages/cdk/clipboard/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本使用 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/cdk/clipboard/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | title: Clipboard 4 | subtitle: 剪贴板 5 | --- 6 | -------------------------------------------------------------------------------- /packages/cdk/dnd/__tests__/dnd.spec.ts: -------------------------------------------------------------------------------- 1 | describe.skip('useDnd.ts', () => { 2 | test('init test', () => {}) 3 | }) 4 | -------------------------------------------------------------------------------- /packages/cdk/dnd/demo/SortablePreview.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 20 3 | title: 4 | zh: 拖拽预览 5 | en: Drag preview 6 | --- 7 | 8 | ## zh 9 | 10 | 设置拖拽元素的预览。 11 | 12 | ## en 13 | 14 | Set preview of item being dragged. 15 | -------------------------------------------------------------------------------- /packages/cdk/dnd/docs/Design.en.md: -------------------------------------------------------------------------------- 1 | ### Usage scenarios 2 | -------------------------------------------------------------------------------- /packages/cdk/dnd/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ### 使用场景 2 | -------------------------------------------------------------------------------- /packages/cdk/dnd/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | type: 4 | order: 0 5 | title: Dnd 6 | subtitle: 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/cdk/dnd/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | type: 4 | order: 0 5 | title: Dnd 6 | subtitle: 拖拽 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/cdk/dnd/docs/Theme.en.md: -------------------------------------------------------------------------------- 1 | | name | default | seer | mark | 2 | | --- | --- | --- | --- | 3 | | - | - | - | - | 4 | -------------------------------------------------------------------------------- /packages/cdk/dnd/docs/Theme.zh.md: -------------------------------------------------------------------------------- 1 | | 名称 | default | seer | 备注 | 2 | | --- | --- | --- | --- | 3 | | - | - | - | - | 4 | -------------------------------------------------------------------------------- /packages/cdk/drag-drop/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 自由拖拽 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/cdk/drag-drop/demo/MultipleTargets.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 1 3 | title: 4 | zh: 多目标的自由拖拽 5 | en: MultipleTargets usage 6 | --- 7 | 8 | ## zh 9 | 10 | 可为拖拽元素指定多个放置区域 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/cdk/drag-drop/demo/WithHandle.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 2 3 | title: 4 | zh: 通过把手的自由拖拽 5 | en: handle usage 6 | --- 7 | 8 | ## zh 9 | 10 | 可通过把手对整体进行拖拽 11 | 12 | ## en 13 | -------------------------------------------------------------------------------- /packages/cdk/drag-drop/docs/Design.en.md: -------------------------------------------------------------------------------- 1 | ## Description 2 | 3 | ## Usage scenarios 4 | -------------------------------------------------------------------------------- /packages/cdk/drag-drop/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 组件定义 2 | 3 | 一组便利的拖拽套件,提供自由拖拽、列表拖拽排序等基础功能,支持原生/模拟两类拖拽实现,支持触摸屏拖拽 4 | 5 | ## 使用场景 6 | 7 | * 组件开发过程中需要集成拖拽功能时 8 | * 用户需要自定义拖拽时可无需引入第三方库即可完成对组件库拖拽相关功能的原生支持,减少包体积 9 | -------------------------------------------------------------------------------- /packages/cdk/drag-drop/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | type: 4 | order: 0 5 | title: DragDrop 6 | subtitle: 7 | --- 8 | -------------------------------------------------------------------------------- /packages/cdk/drag-drop/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | type: 4 | order: 0 5 | title: DragDrop 6 | hidden: true 7 | subtitle: 拖放 8 | --- 9 | -------------------------------------------------------------------------------- /packages/cdk/drag-drop/style/index.less: -------------------------------------------------------------------------------- 1 | .cdk-draggable { 2 | touch-action: none; 3 | 4 | & &-handle { 5 | cursor: move; 6 | } 7 | 8 | &-disabled { 9 | pointer-events: none; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /packages/cdk/forms/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本使用 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/cdk/forms/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | title: Forms 4 | subtitle: 表单 5 | --- 6 | -------------------------------------------------------------------------------- /packages/cdk/index.less: -------------------------------------------------------------------------------- 1 | @import './resize/style/index.less'; 2 | @import './scroll/style/index.less'; 3 | @import './drag-drop/style/index.less'; 4 | @import './dnd/style/index.less'; 5 | -------------------------------------------------------------------------------- /packages/cdk/platform/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本使用 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 平台环境信息 11 | 12 | ## en 13 | -------------------------------------------------------------------------------- /packages/cdk/platform/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | type: 4 | title: Platform 5 | subtitle: 平台 6 | cover: 7 | --- 8 | -------------------------------------------------------------------------------- /packages/cdk/popper/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本使用 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 如何创建一个浮层 11 | 12 | ## en 13 | 14 | How to create an overlay 15 | -------------------------------------------------------------------------------- /packages/cdk/popper/demo/Controlled.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 3 3 | title: 4 | zh: 受控使用 5 | en: Controlled usage 6 | --- 7 | -------------------------------------------------------------------------------- /packages/cdk/popper/demo/Placement.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 位置 4 | en: Placement 5 | order: 1 6 | --- 7 | 8 | ## zh 9 | 10 | 提供 12 种对齐位置。 11 | 12 | ## en 13 | 14 | Provide 12 placement. 15 | -------------------------------------------------------------------------------- /packages/cdk/popper/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | order: 0 4 | title: Popper 5 | subtitle: 6 | --- 7 | -------------------------------------------------------------------------------- /packages/cdk/popper/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | order: 0 4 | title: Popper 5 | subtitle: 浮层 6 | --- 7 | -------------------------------------------------------------------------------- /packages/cdk/portal/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本用法 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 默认传入一个字符串,创建传送容器。 11 | -------------------------------------------------------------------------------- /packages/cdk/portal/demo/Disabled.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 1 3 | title: 4 | zh: 禁止传送 5 | en: Disabled 6 | --- 7 | 8 | ## zh 9 | 10 | `disabled` 设置为 `true` 可以禁止传送,直接在当前 `DOM` 中进行渲染。 11 | -------------------------------------------------------------------------------- /packages/cdk/portal/demo/Element.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 1 3 | title: 4 | zh: 传入HTMLElement 5 | en: Send a HTMLElement 6 | --- 7 | 8 | ## zh 9 | 10 | 可以传入一个HTMLElement指定传送。 11 | -------------------------------------------------------------------------------- /packages/cdk/portal/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | title: Portal 4 | subtitle: 传送门 5 | cover: 6 | --- 7 | 8 | 对 `Teleport` 进行了简单的封装,可以打开 `devtools` 来观察 `DOM` 元素的插入位置变化。 9 | -------------------------------------------------------------------------------- /packages/cdk/resize/demo/ResizableHandle.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 5 3 | title: 4 | zh: 自定义手柄 5 | en: Custom handle 6 | --- 7 | 8 | ## zh 9 | 10 | 自定义拖拽柄样式。 11 | 12 | ## en 13 | 14 | Customize style of handle。 15 | -------------------------------------------------------------------------------- /packages/cdk/resize/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | type: 4 | order: 0 5 | title: Resize 6 | subtitle: 7 | --- 8 | -------------------------------------------------------------------------------- /packages/cdk/resize/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | type: 4 | order: 0 5 | title: Resize 6 | subtitle: 调整尺寸 7 | --- 8 | -------------------------------------------------------------------------------- /packages/cdk/scroll/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/cdk/scroll/demo/Horizontal.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 横向虚拟滚动 4 | en: Horizontal virtual scroll 5 | order: 2 6 | --- 7 | 8 | ## zh 9 | 10 | 仅开启横向虚拟滚动的场景。 11 | 12 | ## en 13 | 14 | Only use horizontal virtual scroll. 15 | -------------------------------------------------------------------------------- /packages/cdk/scroll/demo/Switch.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 切换配置 4 | en: Switch config 5 | order: 1 6 | --- 7 | 8 | ## zh 9 | 10 | 动态的切换配置项。 11 | 12 | ## en 13 | 14 | Support dynamically switch configuration items. 15 | -------------------------------------------------------------------------------- /packages/cdk/scroll/docs/Api.en.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/cdk/scroll/docs/Api.en.md -------------------------------------------------------------------------------- /packages/cdk/scroll/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | type: 4 | title: Scroll 5 | subtitle: 6 | order: 0 7 | --- 8 | -------------------------------------------------------------------------------- /packages/cdk/scroll/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | type: 4 | title: Scroll 5 | subtitle: 滚动 6 | order: 0 7 | --- 8 | -------------------------------------------------------------------------------- /packages/cdk/theme/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本使用 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 主题切换 11 | 12 | ## en 13 | -------------------------------------------------------------------------------- /packages/cdk/theme/docs/Api.zh.md: -------------------------------------------------------------------------------- 1 | ## API 2 | -------------------------------------------------------------------------------- /packages/cdk/theme/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: cdk 3 | type: 4 | title: Theme 5 | subtitle: 主题 6 | cover: 7 | --- 8 | 9 | `@idux-vue2/cdk/theme` 提供了一组用于获取、更新主题的响应式工具 10 | 11 | 需要对不同主题做兼容性处理时使用 12 | -------------------------------------------------------------------------------- /packages/components/_private/collapse-transition/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.less' 2 | -------------------------------------------------------------------------------- /packages/components/_private/mask/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.less' 2 | -------------------------------------------------------------------------------- /packages/components/_private/overflow/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.less' 2 | -------------------------------------------------------------------------------- /packages/components/_private/overlay/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.less' 2 | -------------------------------------------------------------------------------- /packages/components/_private/time-panel/__tests__/__snapshots__/timeSelectorCell.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Vitest Snapshot v1 2 | 3 | exports[`TimePanelCell > render work 1`] = `"
  • 01
  • "`; 4 | -------------------------------------------------------------------------------- /packages/components/_private/trigger/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | import '@idux/components/icon/style' 3 | 4 | import './index.less' 5 | -------------------------------------------------------------------------------- /packages/components/_private/wave/__tests__/__snapshots__/wave.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html 2 | 3 | exports[`Wave > render work 1`] = `""`; 4 | -------------------------------------------------------------------------------- /packages/components/_private/wave/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.less' 2 | -------------------------------------------------------------------------------- /packages/components/affix/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本使用 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/affix/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 组件定义 2 | 3 | 将内容固钉在某个位置的容器组件 4 | 5 | ## 使用场景 6 | 7 | 容器滚动到某个位置时,需要固定住某些内容的位置,类似于sticky的效果 8 | -------------------------------------------------------------------------------- /packages/components/affix/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 其他 4 | title: Affix 5 | subtitle: 固钉 6 | cover: 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/affix/docs/Theme.zh.md: -------------------------------------------------------------------------------- 1 | | 名称 | default | seer | 备注 | 2 | | --- | --- | --- | --- | 3 | -------------------------------------------------------------------------------- /packages/components/affix/style/index.less: -------------------------------------------------------------------------------- 1 | @import '../../style/variable/index.less'; 2 | // @import '../../style/mixins/reset.less'; 3 | 4 | // .@{affix-prefix} { 5 | 6 | // } 7 | -------------------------------------------------------------------------------- /packages/components/affix/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/alert/demo/Banner.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 2 3 | title: 4 | zh: 顶部提示 5 | --- 6 | 7 | ## zh 8 | 9 | 顶部提示形式,其实就是多了点边距和边框。 10 | -------------------------------------------------------------------------------- /packages/components/alert/demo/Banner.vue: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /packages/components/alert/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本 5 | --- 6 | 7 | ## zh 8 | 9 | 最简单的用法,一共有 5 种样式,适用于简短的警告提示, 默认为 `warning`。 10 | -------------------------------------------------------------------------------- /packages/components/alert/demo/Description.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 4 3 | title: 4 | zh: 辅助性文字介绍 5 | --- 6 | 7 | ## zh 8 | 9 | 含有辅助性文字介绍的警告提示,可以通过插槽实现。 10 | -------------------------------------------------------------------------------- /packages/components/alert/demo/Icon.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 8 3 | title: 4 | zh: 自定义图标 5 | --- 6 | 7 | ## zh 8 | 9 | 支持自定义图标、关闭图标。 10 | -------------------------------------------------------------------------------- /packages/components/alert/demo/LongString.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 9 3 | title: 4 | zh: 超长文本 5 | --- 6 | 7 | ## zh 8 | 9 | 可以使用 [Vue3Marquee](https://github.com/megasanjay/vue3-marquee) 来轮播超长的文本。 10 | -------------------------------------------------------------------------------- /packages/components/alert/demo/Loop.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 12 3 | title: 4 | zh: 轮播的提示 5 | en: Loop banner 6 | --- 7 | 8 | ## zh 9 | 10 | 实现消息轮播通知栏。 11 | 12 | ## en 13 | 14 | Show a loop banner. 15 | -------------------------------------------------------------------------------- /packages/components/alert/demo/Pagination.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 10 3 | title: 4 | zh: 切换提示 5 | --- 6 | 7 | ## zh 8 | 9 | 支持配置是否切换展示多条告警提示。 10 | -------------------------------------------------------------------------------- /packages/components/alert/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 反馈 4 | title: Alert 5 | subtitle: 警告提示 6 | 7 | --- 8 | 9 | 告警提示,展现需要引起用户关注的信息。 10 | -------------------------------------------------------------------------------- /packages/components/alert/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | import '@idux/components/pagination/style' 5 | 6 | import './index.less' 7 | -------------------------------------------------------------------------------- /packages/components/anchor/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/anchor/demo/Static.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 静态位置 4 | en: Static Anchor 5 | order: 1 6 | --- 7 | 8 | ## zh 9 | 10 | 不浮动,不随页面滚动。 11 | 12 | ## en 13 | 14 | Do not change state when page is scrolling. 15 | -------------------------------------------------------------------------------- /packages/components/anchor/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 导航 4 | title: Anchor 5 | subtitle: 锚点 6 | 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/anchor/docs/Theme.zh.md: -------------------------------------------------------------------------------- 1 | | 名称 | 描述 | 类型 | default | dark | 2 | |---|---|---|---|---| 3 | | `inkBallHeight` | | `number` | `16` | `16` | 4 | | `inkBallWidth` | | `number` | `2` | `2` | 5 | -------------------------------------------------------------------------------- /packages/components/anchor/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/affix/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/anchor/theme/dark.css: -------------------------------------------------------------------------------- 1 | /* ------ anchor css variables ------ */ 2 | :root { 3 | --ix-anchor-ink-ball-width: 2px; 4 | --ix-anchor-ink-ball-height: 16px; 5 | } 6 | -------------------------------------------------------------------------------- /packages/components/anchor/theme/default.css: -------------------------------------------------------------------------------- 1 | /* ------ anchor css variables ------ */ 2 | :root { 3 | --ix-anchor-ink-ball-width: 2px; 4 | --ix-anchor-ink-ball-height: 16px; 5 | } 6 | -------------------------------------------------------------------------------- /packages/components/avatar/demo/Badge.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 带徽标的头像 4 | en: With Badge 5 | order: 3 6 | --- 7 | 8 | ## zh 9 | 10 | 通常用于消息提示。 11 | 12 | ## en 13 | 14 | Usually used for messages remind. 15 | -------------------------------------------------------------------------------- /packages/components/avatar/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/avatar/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 组件定义 2 | 3 | 用来代表用户或事物,支持图片、图标或字符展示。 4 | -------------------------------------------------------------------------------- /packages/components/avatar/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Data Display 4 | title: Avatar 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /packages/components/avatar/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据展示 4 | title: Avatar 5 | subtitle: 头像 6 | 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/avatar/docs/Theme.en.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/components/avatar/docs/Theme.en.md -------------------------------------------------------------------------------- /packages/components/avatar/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/avatar/theme/dark.css: -------------------------------------------------------------------------------- 1 | /* ------ avatar css variables ------ */ 2 | :root { 3 | --ix-avatar-size-sm: 24px; 4 | --ix-avatar-size-md: 32px; 5 | --ix-avatar-size-lg: 40px; 6 | --ix-avatar-border-radius-square: 2px; 7 | } 8 | -------------------------------------------------------------------------------- /packages/components/back-top/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本 5 | --- 6 | 7 | ## zh 8 | 9 | 基础用法,滑动页面即可看到右下方的按钮。 10 | -------------------------------------------------------------------------------- /packages/components/back-top/demo/Basic.vue: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /packages/components/back-top/demo/Custom.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 1 3 | title: 4 | zh: 自定义 5 | --- 6 | 7 | ## zh 8 | 9 | 自定义显示内容或样式。 10 | -------------------------------------------------------------------------------- /packages/components/back-top/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 组件定义 2 | 3 | 可一键返回页面顶部的操作按钮。 4 | 5 | ## 使用场景 6 | 7 | - 当页面内容区域比较长时。 8 | - 当用户需要频繁返回顶部查看相关内容时。 9 | 10 | ## 组件状态 11 | 12 | 默认不显示。当往下滚动内容区时,出现在页面右下角。 13 | -------------------------------------------------------------------------------- /packages/components/back-top/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 其他 4 | title: BackTop 5 | subtitle: 回到顶部 6 | 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/back-top/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/badge/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本使用 5 | --- 6 | 7 | ## zh 8 | 9 | 简单的徽章展示,当 count 为 0 时,默认不显示,但是可以使用 showZero 修改为显示。 10 | -------------------------------------------------------------------------------- /packages/components/badge/demo/Count.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 10 3 | title: 4 | zh: 动态数字 5 | --- 6 | 7 | ## zh 8 | 9 | 数字可以进行动态的变化, 带有一些动画效果。 10 | -------------------------------------------------------------------------------- /packages/components/badge/demo/Dot.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 12 3 | title: 4 | zh: 状态点 5 | --- 6 | 7 | ## zh 8 | 9 | 只有一个小点, 没有具体的数字。 10 | -------------------------------------------------------------------------------- /packages/components/badge/demo/EmptyContent.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 6 3 | title: 4 | zh: 独立使用 5 | --- 6 | 7 | ## zh 8 | 9 | 不包裹任何元素即是独立使用,可自定样式展现。 10 | -------------------------------------------------------------------------------- /packages/components/badge/demo/Inline.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 12 3 | title: 4 | zh: 行内的状态点 5 | --- 6 | 7 | ## zh 8 | 9 | 用于表示状态的小圆点,可以携带文字。 10 | -------------------------------------------------------------------------------- /packages/components/badge/demo/OverflowCount.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 8 3 | title: 4 | zh: 封顶数字 5 | --- 6 | 7 | ## zh 8 | 9 | 超过 overflowCount 的会显示为 ${overflowCount}+,默认的 overflowCount 为 99。 10 | -------------------------------------------------------------------------------- /packages/components/badge/demo/Processing.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 15 3 | title: 4 | zh: 处理中 5 | --- 6 | 7 | ## zh 8 | 9 | 表明正在处理。 10 | -------------------------------------------------------------------------------- /packages/components/badge/demo/Status.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 2 3 | title: 4 | zh: 状态 5 | --- 6 | 7 | ## zh 8 | 9 | 提供了 4 种状态的徽章,你也可以使用 `--ix-badge-background-color` 来自定义背景颜色。 10 | -------------------------------------------------------------------------------- /packages/components/badge/demo/Title.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 14 3 | title: 4 | zh: 自定义标题 5 | --- 6 | 7 | ## zh 8 | 9 | 设置鼠标放在状态点上时显示的文字 10 | -------------------------------------------------------------------------------- /packages/components/badge/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据展示 4 | title: Badge 5 | subtitle: 徽标数 6 | cover: 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/badge/docs/Theme.zh.md: -------------------------------------------------------------------------------- 1 | | 名称 | 描述 | 类型 | default | dark | 2 | |---|---|---|---|---| 3 | | `countSize` | | `number` | `16` | `16` | 4 | | `dotSize` | | `number` | `6` | `6` | 5 | -------------------------------------------------------------------------------- /packages/components/badge/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import './index.less' 4 | -------------------------------------------------------------------------------- /packages/components/badge/theme/dark.css: -------------------------------------------------------------------------------- 1 | /* ------ badge css variables ------ */ 2 | :root { 3 | --ix-badge-dot-size: 6px; 4 | --ix-badge-count-size: 16px; 5 | } 6 | -------------------------------------------------------------------------------- /packages/components/badge/theme/default.css: -------------------------------------------------------------------------------- 1 | /* ------ badge css variables ------ */ 2 | :root { 3 | --ix-badge-dot-size: 6px; 4 | --ix-badge-count-size: 16px; 5 | } 6 | -------------------------------------------------------------------------------- /packages/components/breadcrumb/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/breadcrumb/demo/Custom.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 自定义分隔符 4 | en: Customized Separator 5 | order: 1 6 | --- 7 | 8 | ## zh 9 | 10 | 使用 `separator` 可以自定义分隔符。 11 | 12 | ## en 13 | -------------------------------------------------------------------------------- /packages/components/breadcrumb/demo/Dropdown.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 下拉菜单 4 | en: Dropdown 5 | order: 2 6 | --- 7 | 8 | ## zh 9 | 10 | 和 [下拉菜单](/components/dropdown/zh) 一起使用。 11 | 12 | ## en 13 | -------------------------------------------------------------------------------- /packages/components/breadcrumb/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Navigation 4 | title: Breadcrumb 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /packages/components/breadcrumb/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 导航 4 | title: Breadcrumb 5 | subtitle: 面包屑 6 | order: 0 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/breadcrumb/docs/Theme.en.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/components/breadcrumb/docs/Theme.en.md -------------------------------------------------------------------------------- /packages/components/breadcrumb/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import './index.less' 4 | -------------------------------------------------------------------------------- /packages/components/button/demo/Block.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 7 3 | title: 4 | zh: Block 按钮 5 | --- 6 | 7 | ## zh 8 | 9 | 通过设置 `block` 将按钮宽度调整为自适应其父元素的宽度, 该按钮常见于移动端和一些表单场景中。 10 | -------------------------------------------------------------------------------- /packages/components/button/demo/Danger.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 6 3 | title: 4 | zh: 危险按钮 5 | --- 6 | 7 | ## zh 8 | 9 | 通过设置 `danger` 将按钮标识为危险状态。 10 | -------------------------------------------------------------------------------- /packages/components/button/demo/Disabled.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 3 3 | title: 4 | zh: 禁用状态 5 | --- 6 | 7 | ## zh 8 | 9 | 禁用状态下按钮不可点击。 10 | -------------------------------------------------------------------------------- /packages/components/button/demo/Ghost.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 5 3 | title: 4 | zh: 幽灵按钮 5 | --- 6 | 7 | ## zh 8 | 9 | 通过设置 `ghost` 将按钮的背景设为透明,通常在有色背景上。 10 | -------------------------------------------------------------------------------- /packages/components/button/demo/Group.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 8 3 | title: 4 | zh: 按钮组 5 | --- 6 | 7 | ## zh 8 | 9 | 提供文字提示 + 操作行为。 10 | -------------------------------------------------------------------------------- /packages/components/button/demo/Icon.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 3 3 | title: 4 | zh: 按钮图标 5 | --- 6 | 7 | ## zh 8 | 9 | 图标按钮由图标 + 文字或图标构成,通过图标可增强识别性,以便直观理解。 10 | -------------------------------------------------------------------------------- /packages/components/button/demo/Loding.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 4 3 | title: 4 | zh: 加载中状态 5 | --- 6 | 7 | ## zh 8 | 9 | 加载中状态下按钮不可点击,此时会显示加载图标,自定义设置的 `icon` 无效。 10 | -------------------------------------------------------------------------------- /packages/components/button/demo/Mode.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 按钮类型 5 | --- 6 | 7 | ## zh 8 | 9 | 按钮共有 5 种类型:主按钮、默认按钮、虚线按钮、文本按钮和链接按钮,主按钮在同一个操作区域最多出现一次。 10 | -------------------------------------------------------------------------------- /packages/components/button/demo/Shape.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 6 3 | title: 4 | zh: 按钮形状 5 | --- 6 | 7 | ## zh 8 | 9 | 除了默认的长方形按钮,还提供了圆角长方形、正方形、圆形等形状。 10 | -------------------------------------------------------------------------------- /packages/components/button/demo/Size.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 2 3 | title: 4 | zh: 按钮尺寸 5 | --- 6 | 7 | ## zh 8 | 9 | 按钮共有 5 种尺寸:超小、小、中、大、超大,默认为中。 10 | -------------------------------------------------------------------------------- /packages/components/button/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 通用 4 | title: Button 5 | subtitle: 按钮 6 | 7 | --- 8 | 9 | 按钮用于执行一个即时操作。 10 | -------------------------------------------------------------------------------- /packages/components/button/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | import '@idux/components/_private/wave/style' 3 | import '@idux/components/icon/style' 4 | import '@idux/components/space/style' 5 | 6 | import './index.less' 7 | -------------------------------------------------------------------------------- /packages/components/card/demo/Borderless.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 1 3 | title: 4 | zh: 无边框 5 | en: Borderless 6 | --- 7 | 8 | ## zh 9 | 10 | 在灰色背景上使用无边框的卡片。 11 | 12 | ## en 13 | 14 | A borderless card on a gray background. 15 | -------------------------------------------------------------------------------- /packages/components/card/demo/Cover.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 3 3 | title: 4 | zh: 封面 5 | en: Cover 6 | --- 7 | 8 | ## zh 9 | 10 | 使用 `cover` 来设置卡片的封面。 11 | 12 | ## en 13 | 14 | Via `cover` to set the cover of the card. 15 | -------------------------------------------------------------------------------- /packages/components/card/demo/Grid.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 6 3 | title: 4 | zh: 网格型内嵌卡片 5 | en: Grid card 6 | --- 7 | 8 | ## zh 9 | 10 | 一种常见的卡片内容区隔模式。 11 | 12 | ## en 13 | 14 | Grid style card content. 15 | -------------------------------------------------------------------------------- /packages/components/card/demo/Option.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 5 3 | title: 4 | zh: 更多配置 5 | en: More options 6 | --- 7 | 8 | ## zh 9 | 10 | 支持多种配置组合的卡片。 11 | 12 | ## en 13 | 14 | A Card that supports combine more options. 15 | -------------------------------------------------------------------------------- /packages/components/card/demo/Simple.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 2 3 | title: 4 | zh: 简单卡片 5 | en: Simple card 6 | --- 7 | 8 | ## zh 9 | 10 | 只包含内容区域。 11 | 12 | ## en 13 | 14 | A simple card only containing a content area. 15 | -------------------------------------------------------------------------------- /packages/components/card/demo/Simple.vue: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /packages/components/card/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据展示 4 | title: Card 5 | subtitle: 卡片 6 | order: 0 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/carousel/demo/Arrow.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 箭头 4 | order: 3 5 | --- 6 | 7 | ## zh 8 | 9 | 支持自定义箭头展示 10 | -------------------------------------------------------------------------------- /packages/components/carousel/demo/Autoplay.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 自动轮播 4 | order: 2 5 | --- 6 | 7 | ## zh 8 | 9 | 定时切换下一张。 10 | -------------------------------------------------------------------------------- /packages/components/carousel/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | -------------------------------------------------------------------------------- /packages/components/carousel/demo/Dot.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 面板指示点 4 | order: 5 5 | --- 6 | 7 | ## zh 8 | 9 | 支持自定义面板指示点 10 | -------------------------------------------------------------------------------- /packages/components/carousel/demo/DotPlacement.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 面板指示点 4 | order: 1 5 | --- 6 | 7 | ## zh 8 | 9 | 面板指示点的位置有4个方向。 10 | -------------------------------------------------------------------------------- /packages/components/carousel/demo/Trigger.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 指示点触发方式 4 | order: 4 5 | --- 6 | 7 | ## zh 8 | 9 | 支持设置鼠标经过指示点时触发切换 10 | -------------------------------------------------------------------------------- /packages/components/carousel/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据展示 4 | title: Carousel 5 | subtitle: 轮播图 6 | order: 0 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/carousel/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/cascader/demo/Panel.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 80 3 | title: 4 | zh: 级联选择面板 5 | en: Cascader Panel 6 | --- 7 | 8 | ## zh 9 | 10 | 单独使用级联选择面板。 11 | 12 | ## en 13 | 14 | use `IxCascaderPanel` only. 15 | -------------------------------------------------------------------------------- /packages/components/cascader/demo/Searchable.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 可搜索 4 | en: Searchable 5 | order: 4 6 | --- 7 | 8 | ## zh 9 | 10 | `searchable` 为 `true` 时在输入框进行搜索,为`overlay`时,搜索功能将内置到浮层 11 | 12 | ## en 13 | -------------------------------------------------------------------------------- /packages/components/cascader/docs/Design.en.md: -------------------------------------------------------------------------------- 1 | ## Description 2 | 3 | ## Usage scenarios 4 | -------------------------------------------------------------------------------- /packages/components/cascader/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 组件定义 2 | 3 | ## 使用场景 4 | -------------------------------------------------------------------------------- /packages/components/cascader/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Data Entry 4 | order: 0 5 | title: Cascader 6 | subtitle: 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/cascader/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据录入 4 | order: 0 5 | title: Cascader 6 | subtitle: 级联选择 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/cascader/docs/Theme.en.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/components/cascader/docs/Theme.en.md -------------------------------------------------------------------------------- /packages/components/checkbox/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本使用 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/checkbox/demo/Button.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 5 3 | title: 4 | zh: 按钮样式 5 | en: Button style 6 | --- 7 | 8 | ## zh 9 | 10 | 按钮样式的多选组合。 11 | 12 | ## en 13 | 14 | The combination of checkbox button style. 15 | -------------------------------------------------------------------------------- /packages/components/checkbox/demo/Fieldset.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 10 3 | title: 4 | zh: 组合控件 5 | en: Fieldset 6 | --- 7 | 8 | ## zh 9 | 10 | 通过 `fieldset` 插槽,可以来自定义组合控件的场景。 11 | -------------------------------------------------------------------------------- /packages/components/checkbox/demo/Group.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 2 3 | title: 4 | zh: 多选框组 5 | en: Checkbox Group 6 | --- 7 | 8 | ## zh 9 | 10 | 一组多选框搭配使用。 11 | 12 | ## en 13 | 14 | A group of checkbox components. 15 | -------------------------------------------------------------------------------- /packages/components/checkbox/demo/Size.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 6 3 | title: 4 | zh: 尺寸 5 | en: Size 6 | --- 7 | 8 | ## zh 9 | 10 | 通过设置 `size` 来改变多选框的大小。 11 | 12 | ## en 13 | 14 | Change the size of the checkbox by setting `size`. 15 | -------------------------------------------------------------------------------- /packages/components/checkbox/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据录入 4 | title: Checkbox 5 | subtitle: 复选框 6 | 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/checkbox/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | import '@idux/components/button/style' 3 | 4 | import './index.less' 5 | -------------------------------------------------------------------------------- /packages/components/collapse/demo/Borderless.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 无边框 4 | en: Borderless 5 | order: 3 6 | --- 7 | 8 | ## zh 9 | 10 | 一套没有边框的简洁样式。 11 | 12 | ## en 13 | 14 | A borderless style of Collapse. 15 | -------------------------------------------------------------------------------- /packages/components/collapse/demo/Nested.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 嵌套面板 4 | en: Nested panel 5 | order: 2 6 | --- 7 | 8 | ## zh 9 | 10 | 嵌套折叠面板。 11 | 12 | ## en 13 | 14 | `Collapse` is nested inside the `Collapse`. 15 | -------------------------------------------------------------------------------- /packages/components/collapse/docs/Api.en.md: -------------------------------------------------------------------------------- 1 | ## When To Use 2 | -------------------------------------------------------------------------------- /packages/components/collapse/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Data Display 4 | title: Collapse 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /packages/components/collapse/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据展示 4 | title: Collapse 5 | subtitle: 折叠面板 6 | order: 0 7 | 8 | --- 9 | 10 | -------------------------------------------------------------------------------- /packages/components/collapse/docs/Theme.en.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/components/collapse/docs/Theme.en.md -------------------------------------------------------------------------------- /packages/components/color-picker/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本使用 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/color-picker/demo/Disabled.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 1 3 | title: 4 | zh: 禁用 5 | en: Disabled 6 | --- 7 | -------------------------------------------------------------------------------- /packages/components/color-picker/docs/Design.en.md: -------------------------------------------------------------------------------- 1 | ### Usage scenarios 2 | -------------------------------------------------------------------------------- /packages/components/color-picker/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ### 使用场景 2 | -------------------------------------------------------------------------------- /packages/components/color-picker/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Data Entry 4 | order: 0 5 | title: ColorPicker 6 | subtitle: 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/color-picker/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据录入 4 | order: 0 5 | title: ColorPicker 6 | subtitle: 颜色选择器 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/color-picker/docs/Theme.en.md: -------------------------------------------------------------------------------- 1 | | name | default | seer | mark | 2 | | --- | --- | --- | --- | 3 | | - | - | - | - | 4 | -------------------------------------------------------------------------------- /packages/components/comment/demo/Nested.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 2 3 | title: 4 | zh: 嵌套评论 5 | en: Nested comments 6 | --- 7 | 8 | ## zh-CN 9 | 10 | 评论可以嵌套。 11 | 12 | ## en-US 13 | 14 | Comments can be nested. 15 | -------------------------------------------------------------------------------- /packages/components/comment/docs/Design.en.md: -------------------------------------------------------------------------------- 1 | ## Description 2 | 3 | ## Usage scenarios 4 | -------------------------------------------------------------------------------- /packages/components/comment/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 组件定义 2 | 3 | 对网站内容的反馈、评价和讨论。 4 | 5 | ## 使用场景 6 | 7 | 评论组件可用于对事物的讨论,例如页面、博客文章、问题等等。 8 | -------------------------------------------------------------------------------- /packages/components/comment/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Data Display 4 | order: 0 5 | title: Comment 6 | subtitle: 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/comment/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据展示 4 | order: 0 5 | title: Comment 评论 6 | subtitle: 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/comment/docs/Theme.en.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/components/comment/docs/Theme.en.md -------------------------------------------------------------------------------- /packages/components/comment/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import './index.less' 4 | -------------------------------------------------------------------------------- /packages/components/control-trigger/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本使用 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/control-trigger/docs/Design.en.md: -------------------------------------------------------------------------------- 1 | ### Usage scenarios 2 | -------------------------------------------------------------------------------- /packages/components/control-trigger/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ### 使用场景 2 | -------------------------------------------------------------------------------- /packages/components/control-trigger/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Data Entry 4 | order: 0 5 | title: ControlTrigger 6 | subtitle: 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/control-trigger/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据录入 4 | order: 0 5 | title: ControlTrigger 6 | subtitle: 控件触发器 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/control-trigger/docs/Theme.en.md: -------------------------------------------------------------------------------- 1 | | name | default | seer | mark | 2 | | --- | --- | --- | --- | 3 | | - | - | - | - | 4 | -------------------------------------------------------------------------------- /packages/components/control-trigger/docs/Theme.zh.md: -------------------------------------------------------------------------------- 1 | | 名称 | default | seer | 备注 | 2 | | --- | --- | --- | --- | 3 | | - | - | - | - | 4 | -------------------------------------------------------------------------------- /packages/components/control-trigger/style/index.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/components/control-trigger/style/index.less -------------------------------------------------------------------------------- /packages/components/control-trigger/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | import '@idux/components/_private/overlay/style' 3 | import '@idux/components/_private/trigger/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/date-picker/demo/Disabled.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 禁用 4 | en: Disabled 5 | order: 50 6 | --- 7 | 8 | ## zh 9 | 10 | 使用 `disabled` 禁用日期选择 11 | 12 | ## en 13 | 14 | Via `disabled` to disable date picker 15 | -------------------------------------------------------------------------------- /packages/components/date-picker/demo/Range.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 日期范围 4 | en: Date range 5 | order: 20 6 | --- 7 | 8 | ## zh 9 | 10 | 日期范围选择 11 | 12 | ## en 13 | 14 | Date range picker. 15 | -------------------------------------------------------------------------------- /packages/components/date-picker/demo/Shortcuts.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 日期范围快捷选择 4 | en: Date range shortcuts 5 | order: 73 6 | --- 7 | 8 | -------------------------------------------------------------------------------- /packages/components/date-picker/demo/ShortcutsWithRenderer.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 日期范围快捷选择自定义面板渲染 4 | en: Date range shortcuts with renderer 5 | order: 76 6 | --- 7 | 8 | -------------------------------------------------------------------------------- /packages/components/date-picker/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Data Entry 4 | title: DatePicker 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /packages/components/date-picker/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据录入 4 | title: DatePicker 5 | subtitle: 日期选择器 6 | order: 0 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/date-picker/docs/Theme.en.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/components/date-picker/docs/Theme.en.md -------------------------------------------------------------------------------- /packages/components/desc/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 多列数据 5 | en: Multiple columns 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/desc/demo/Col.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 3 3 | title: 4 | zh: 响应式列 5 | en: Reactive column 6 | --- 7 | 8 | ## zh 9 | 10 | `col` 支持响应式的对象 11 | 12 | ## en 13 | 14 | the `col` supports reactive objects. 15 | -------------------------------------------------------------------------------- /packages/components/desc/demo/Layout.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 8 3 | title: 4 | zh: 垂直布局 5 | en: Vertical 6 | --- 7 | 8 | ## zh 9 | 10 | 垂直的排列。 11 | 12 | ## en 13 | 14 | Vertical display. 15 | -------------------------------------------------------------------------------- /packages/components/desc/demo/Single.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 1 3 | title: 4 | zh: 单列数据 5 | en: Single column 6 | --- 7 | 8 | ## zh 9 | 10 | 每行只渲染一列数据 11 | 12 | ## en 13 | 14 | Only one column of data is rendered per row. 15 | -------------------------------------------------------------------------------- /packages/components/desc/demo/Size.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 10 3 | title: 4 | zh: 尺寸 5 | en: Size 6 | --- 7 | 8 | ## zh 9 | 10 | 支持 3 种尺寸以使用不同的场景 11 | 12 | ## en 13 | 14 | Support 3 sizes to use different scenes. 15 | -------------------------------------------------------------------------------- /packages/components/desc/docs/Design.en.md: -------------------------------------------------------------------------------- 1 | ### Usage scenarios 2 | -------------------------------------------------------------------------------- /packages/components/desc/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ### 使用场景 2 | 3 | 查看某个对象的详情信息时,将多个详情信息分组展示,常用于详情抽屉和详情页中。 4 | 5 | ### 组件构成 6 | 7 | | 名称 | 说明 | 8 | | --- | --- | 9 | | 字段标题 | 字段信息的属性和类别 | 10 | | 字段内容 | 字段信息的具体详细内容 | 11 | -------------------------------------------------------------------------------- /packages/components/desc/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Data Display 4 | order: 0 5 | title: Descriptions 6 | subtitle: 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/desc/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据展示 4 | order: 0 5 | title: Descriptions 6 | subtitle: 描述列表 7 | 8 | --- 9 | 10 | -------------------------------------------------------------------------------- /packages/components/desc/docs/Theme.en.md: -------------------------------------------------------------------------------- 1 | | name | default | seer | mark | 2 | | --- | --- | --- | --- | 3 | | - | - | - | - | 4 | -------------------------------------------------------------------------------- /packages/components/desc/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | import '@idux/components/grid/style' 3 | import '@idux/components/header/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/divider/demo/Horizontal.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 水平分割线 5 | en: Horizontal divider 6 | --- 7 | 8 | ## zh 9 | 10 | 默认为水平分割线,可在通过 `dashed` 设置为虚线。 11 | -------------------------------------------------------------------------------- /packages/components/divider/demo/Plain.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 3 3 | title: 4 | zh: 分割线使用正文样式 5 | en: Divider label use plain style 6 | --- 7 | 8 | ## zh 9 | 10 | 使用 `plain` 可以设置为更轻量的分割线文字样式。 11 | -------------------------------------------------------------------------------- /packages/components/divider/demo/Plain.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /packages/components/divider/demo/Size.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 4 3 | title: 4 | zh: 分割线大小 5 | en: Divider size 6 | --- 7 | 8 | ## zh 9 | 10 | 使用 `size` 可以设置分割线的大小。 11 | -------------------------------------------------------------------------------- /packages/components/divider/demo/Vertical.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 1 3 | title: 4 | zh: 垂直分割线 5 | en: Vertical divider 6 | --- 7 | 8 | ## zh 9 | 10 | 使用 `vertical` 设置为行内的垂直分割线 11 | -------------------------------------------------------------------------------- /packages/components/divider/demo/Vertical.vue: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /packages/components/divider/demo/WithText.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 2 3 | title: 4 | zh: 带文字的分割线 5 | en: Divider with label 6 | --- 7 | 8 | ## zh 9 | 10 | 分割线中带有文字,可以用 `labelPlacement` 设置文字的位置。 11 | -------------------------------------------------------------------------------- /packages/components/divider/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 布局 4 | title: Divider 5 | subtitle: 分割线 6 | cover: 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/divider/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import './index.less' 4 | -------------------------------------------------------------------------------- /packages/components/drawer/__tests__/__snapshots__/drawer.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html 2 | 3 | exports[`Drawer > render work 1`] = ` 4 | " 5 | " 6 | `; 7 | -------------------------------------------------------------------------------- /packages/components/drawer/__tests__/__snapshots__/drawerProvider.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html 2 | 3 | exports[`DrawerProvider > basic > render work 1`] = `"

    Some contents...

    "`; 4 | -------------------------------------------------------------------------------- /packages/components/drawer/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/drawer/demo/NoMask.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 无遮罩 4 | en: No mask 5 | order: 7 6 | --- 7 | 8 | ## zh 9 | 10 | 通过 `mask=false` 去掉遮罩。 11 | 12 | ## en 13 | 14 | Via `mask=false` to remove mask. 15 | -------------------------------------------------------------------------------- /packages/components/drawer/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Feedback 4 | title: Drawer 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /packages/components/drawer/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 反馈 4 | title: Drawer 5 | subtitle: 抽屉 6 | 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/drawer/docs/Theme.en.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/components/drawer/docs/Theme.en.md -------------------------------------------------------------------------------- /packages/components/dropdown/demo/Placement.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 弹出位置 4 | en: Placement 5 | order: 3 6 | --- 7 | 8 | ## zh 9 | 10 | 支持 6 个弹出位置。 11 | 12 | ## en 13 | 14 | Support 6 placements. 15 | -------------------------------------------------------------------------------- /packages/components/dropdown/docs/Api.en.md: -------------------------------------------------------------------------------- 1 | ## When To Use 2 | -------------------------------------------------------------------------------- /packages/components/dropdown/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 组件定义 2 | 3 | 通过鼠标悬浮或点击,弹出一组操作菜单。 4 | 5 | - 一组命令合集,可在列表中进行选择,并执行相应的命令 6 | - 页面上操作命令过多,用于收纳操作元素 7 | - Select 用于选择,而 Dropdown 是命令集合 8 | -------------------------------------------------------------------------------- /packages/components/dropdown/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Navigation 4 | title: Dropdown 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/dropdown/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 导航 4 | title: Dropdown 5 | subtitle: 下拉菜单 6 | 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/dropdown/docs/Theme.zh.md: -------------------------------------------------------------------------------- 1 | | 名称 | 描述 | 类型 | default | dark | 2 | |---|---|---|---|---| 3 | | `menuContainerPadding` | | `string \| number` | `4px 0` | `4px 0` | 4 | | `minWidth` | | `number` | `128` | `128` | 5 | -------------------------------------------------------------------------------- /packages/components/dropdown/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/_private/overlay/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/dropdown/theme/dark.css: -------------------------------------------------------------------------------- 1 | /* ------ dropdown css variables ------ */ 2 | :root { 3 | --ix-dropdown-min-width: 128px; 4 | --ix-dropdown-menu-container-padding: 4px 0; 5 | } 6 | -------------------------------------------------------------------------------- /packages/components/dropdown/theme/default.css: -------------------------------------------------------------------------------- 1 | /* ------ dropdown css variables ------ */ 2 | :root { 3 | --ix-dropdown-min-width: 128px; 4 | --ix-dropdown-menu-container-padding: 4px 0; 5 | } 6 | -------------------------------------------------------------------------------- /packages/components/empty/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本用法 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 简单的展示。 11 | -------------------------------------------------------------------------------- /packages/components/empty/demo/Basic.vue: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /packages/components/empty/demo/Components.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 5 3 | title: 4 | zh: 组件 5 | en: Components 6 | --- 7 | 8 | ## zh 9 | 10 | 组件的默认空状态。 11 | -------------------------------------------------------------------------------- /packages/components/empty/demo/Image.vue: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /packages/components/empty/demo/Simple.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 1 3 | title: 4 | zh: 简易模式 5 | en: Simple 6 | --- 7 | 8 | ## zh 9 | 10 | 可以通过设置 `simple` 使用简易模式 11 | -------------------------------------------------------------------------------- /packages/components/empty/demo/Simple.vue: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /packages/components/empty/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据展示 4 | title: Empty 5 | subtitle: 空数据 6 | 7 | --- 8 | 9 | 空状态通常用于当前的内容区域(页面、区块、组件、单数据)没有数据展示时,帮助用户明确当前状态,引导摆脱空状态。 10 | -------------------------------------------------------------------------------- /packages/components/empty/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/empty/theme/dark.css: -------------------------------------------------------------------------------- 1 | /* ------ empty css variables ------ */ 2 | :root { 3 | --ix-empty-color: #525966; 4 | --ix-empty-desc-color: #808999; 5 | --ix-empty-desc-font-size: 16px; 6 | } 7 | -------------------------------------------------------------------------------- /packages/components/empty/theme/default.css: -------------------------------------------------------------------------------- 1 | /* ------ empty css variables ------ */ 2 | :root { 3 | --ix-empty-color: #a1a7b3; 4 | --ix-empty-desc-color: #6f7785; 5 | --ix-empty-desc-font-size: 16px; 6 | } 7 | -------------------------------------------------------------------------------- /packages/components/form/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/form/demo/DynamicItem.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 动态增减表单项 4 | en: Dynamic Form Item 5 | order: 5 6 | --- 7 | 8 | ## zh 9 | 10 | 动态增加、减少表单项。 11 | 12 | ## en 13 | 14 | Add or remove form items dynamically. 15 | -------------------------------------------------------------------------------- /packages/components/form/docs/Api.en.md: -------------------------------------------------------------------------------- 1 | ## When To Use 2 | -------------------------------------------------------------------------------- /packages/components/form/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Data Entry 4 | title: Form 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /packages/components/form/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据录入 4 | title: Form 5 | subtitle: 表单 6 | order: 0 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/form/docs/Theme.en.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/components/form/docs/Theme.en.md -------------------------------------------------------------------------------- /packages/components/form/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/grid/style' 4 | import '@idux/components/icon/style' 5 | import '@idux/components/tooltip/style' 6 | 7 | import './index.less' 8 | -------------------------------------------------------------------------------- /packages/components/grid/demo/Align.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 垂直对齐 4 | en: Vertical alignment 5 | order: 2 6 | --- 7 | 8 | ## zh 9 | 10 | 子元素垂直对齐。 11 | 12 | ## en 13 | 14 | The child elements are aligned vertically. 15 | -------------------------------------------------------------------------------- /packages/components/grid/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/grid/demo/Justify.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 水平对齐 4 | en: Horizontal alignment 5 | order: 1 6 | --- 7 | 8 | ## zh 9 | 10 | 子元素水平对齐。 11 | 12 | ## en 13 | 14 | The child elements are aligned horizontally. 15 | -------------------------------------------------------------------------------- /packages/components/grid/demo/Order.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 排序 4 | en: Order 5 | order: 6 6 | --- 7 | 8 | ## zh 9 | 10 | 使用 `order` 可以改变元素的排序。 11 | 12 | ## en 13 | 14 | Via `order` to change the order of elements. 15 | -------------------------------------------------------------------------------- /packages/components/grid/demo/PullPush.vue: -------------------------------------------------------------------------------- 1 | 7 | -------------------------------------------------------------------------------- /packages/components/grid/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 布局 4 | title: Grid 5 | subtitle: 栅格布局 6 | order: 0 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/grid/docs/Theme.zh.md: -------------------------------------------------------------------------------- 1 | | 名称 | default | seer | 备注 | 2 | | --- | --- | --- | --- | 3 | | `@grid-columns` | `24` | - | - | 4 | -------------------------------------------------------------------------------- /packages/components/grid/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.less' 2 | -------------------------------------------------------------------------------- /packages/components/header/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 显示标题以及描述文字。 11 | 12 | ## en 13 | 14 | Display `title` and `description`. 15 | -------------------------------------------------------------------------------- /packages/components/header/demo/Basic.vue: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /packages/components/header/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 使用场景 2 | 3 | - 当某模块的最大层级数≤2时,整个模块使用页头组件。 4 | 5 | - 当某模块的最大层级数>2时,整个模块应使用[面包屑]组件。 6 | -------------------------------------------------------------------------------- /packages/components/header/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 通用 4 | title: Header 5 | subtitle: 页头 6 | order: 0 7 | 8 | --- 9 | 10 | 页头位于页容器中,页容器顶部,起到了内容概览和引导页级操作的作用。 11 | -------------------------------------------------------------------------------- /packages/components/header/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/avatar/style' 4 | import '@idux/components/icon/style' 5 | 6 | import './index.less' 7 | -------------------------------------------------------------------------------- /packages/components/icon/__tests__/__snapshots__/icon.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html 2 | 3 | exports[`Icon > render work 1`] = `""`; 4 | -------------------------------------------------------------------------------- /packages/components/icon/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 组件定义 2 | 3 | 提供了一套常用的图标集合的同时,也支持多种方式的自定义图标。 4 | -------------------------------------------------------------------------------- /packages/components/icon/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 通用 4 | title: Icon 5 | subtitle: 图标 6 | order: 0 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/icon/docs/Theme.zh.md: -------------------------------------------------------------------------------- 1 | | 名称 | default | seer | 备注 | 2 | | --- | --- | --- | --- | 3 | -------------------------------------------------------------------------------- /packages/components/icon/style/index.ts: -------------------------------------------------------------------------------- 1 | import './index.less' 2 | -------------------------------------------------------------------------------- /packages/components/image/__tests__/__snapshots__/imageViewer.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html 2 | 3 | exports[`ImageViewer > render work 1`] = `""`; 4 | -------------------------------------------------------------------------------- /packages/components/image/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本使用 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法,`src`是必须的。 11 | 12 | ## en 13 | 14 | The simplest usage, `src` is required. 15 | -------------------------------------------------------------------------------- /packages/components/image/demo/Basic.vue: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /packages/components/image/demo/Preview.vue: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /packages/components/image/docs/Design.en.md: -------------------------------------------------------------------------------- 1 | ## Description 2 | 3 | ## Usage scenarios 4 | -------------------------------------------------------------------------------- /packages/components/image/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 组件定义 2 | 3 | ## 使用场景 4 | -------------------------------------------------------------------------------- /packages/components/image/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Data Display 4 | order: 0 5 | title: Image 6 | subtitle: 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/image/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据展示 4 | order: 0 5 | title: Image 6 | subtitle: 图片 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/image/docs/Theme.en.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/components/image/docs/Theme.en.md -------------------------------------------------------------------------------- /packages/components/image/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | import '@idux/components/icon/style' 3 | 4 | import './index.less' 5 | -------------------------------------------------------------------------------- /packages/components/index.full.less: -------------------------------------------------------------------------------- 1 | @import './style/core/reset.less'; 2 | @import './style/core/reset-scroll.less'; 3 | 4 | @import './index.less'; 5 | -------------------------------------------------------------------------------- /packages/components/input-number/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/input-number/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 组件定义 2 | 3 | 通过鼠标或键盘,输入范围内的数值。 4 | 5 | ## 使用场景 6 | 7 | - 当需要获取标准数值时。 8 | -------------------------------------------------------------------------------- /packages/components/input-number/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Data Entry 4 | title: InputNumber 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /packages/components/input-number/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据录入 4 | title: InputNumber 5 | subtitle: 数字输入框 6 | order: 0 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/input-number/docs/Theme.en.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/components/input-number/docs/Theme.en.md -------------------------------------------------------------------------------- /packages/components/input-number/docs/Theme.zh.md: -------------------------------------------------------------------------------- 1 | | 名称 | default | seer | 备注 | 2 | | --- | --- | --- | --- | 3 | -------------------------------------------------------------------------------- /packages/components/input-number/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | import '@idux/components/input/style' 5 | 6 | import './index.less' 7 | -------------------------------------------------------------------------------- /packages/components/input/__tests__/__snapshots__/input.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html 2 | 3 | exports[`Input > render work 1`] = `""`; 4 | -------------------------------------------------------------------------------- /packages/components/input/demo/Addon.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 2 3 | title: 4 | zh: 前置/后置标签 5 | en: Pre/Post tab 6 | --- 7 | 8 | ## zh 9 | 10 | 用于配置一些固定组合。 11 | 12 | ## en 13 | 14 | Using pre & post tabs example. 15 | -------------------------------------------------------------------------------- /packages/components/input/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本使用 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | Basic usage example. 15 | -------------------------------------------------------------------------------- /packages/components/input/demo/Borderless.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 5 3 | title: 4 | zh: 无边框 5 | en: Borderless 6 | --- 7 | 8 | ## zh 9 | 10 | 没有边框的输入框。 11 | 12 | ## en 13 | 14 | Borderless for the input box. 15 | -------------------------------------------------------------------------------- /packages/components/input/demo/Borderless.vue: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /packages/components/input/demo/Clearable.vue: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /packages/components/input/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据录入 4 | title: Input 5 | subtitle: 输入框 6 | 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/input/docs/Theme.zh.md: -------------------------------------------------------------------------------- 1 | | 名称 | default | seer | 备注 | 2 | | --- | --- | --- | --- | 3 | | `@input-addon-background-color` | `var(--ix-background-color-light)` | - | - | 4 | -------------------------------------------------------------------------------- /packages/components/input/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/layout/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/layout/demo/Collapsed.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 折叠状态 4 | en: Collapsed 5 | order: 2 6 | --- 7 | 8 | ## zh 9 | 10 | 侧边栏是可以折叠的。 11 | 12 | ## en 13 | 14 | The sider is collapsible. 15 | -------------------------------------------------------------------------------- /packages/components/layout/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Layout 4 | title: Layout 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /packages/components/layout/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 布局 4 | title: Layout 5 | subtitle: 布局 6 | 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/layout/docs/Theme.en.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/components/layout/docs/Theme.en.md -------------------------------------------------------------------------------- /packages/components/layout/docs/Theme.zh.md: -------------------------------------------------------------------------------- 1 | | 名称 | 描述 | 类型 | default | dark | 2 | |---|---|---|---|---| 3 | | `siderCollapsedWidth` | | `number` | `44` | `44` | 4 | | `siderWidth` | | `number` | `224` | `224` | 5 | -------------------------------------------------------------------------------- /packages/components/layout/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/layout/theme/dark.css: -------------------------------------------------------------------------------- 1 | /* ------ layout css variables ------ */ 2 | :root { 3 | --ix-layout-sider-width: 224px; 4 | --ix-layout-sider-collapsed-width: 44px; 5 | } 6 | -------------------------------------------------------------------------------- /packages/components/layout/theme/default.css: -------------------------------------------------------------------------------- 1 | /* ------ layout css variables ------ */ 2 | :root { 3 | --ix-layout-sider-width: 224px; 4 | --ix-layout-sider-collapsed-width: 44px; 5 | } 6 | -------------------------------------------------------------------------------- /packages/components/list/demo/Borderless.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 1 3 | title: 4 | zh: 有边框 5 | en: Border 6 | subtitle: 列表 7 | --- 8 | 9 | ## zh 10 | 11 | 带边框的列表 12 | 13 | ## en 14 | 15 | The simplest usage. 16 | -------------------------------------------------------------------------------- /packages/components/list/demo/Loading.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 3 3 | title: 4 | zh: 正在加载 5 | en: loading 6 | subtitle: 列表 7 | --- 8 | 9 | ## zh 10 | 11 | 最简单的用法。 12 | 13 | ## en 14 | 15 | The simplest usage. 16 | -------------------------------------------------------------------------------- /packages/components/list/demo/Size.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 2 3 | title: 4 | zh: 不同的大小 5 | en: different size 6 | subtitle: 列表 7 | --- 8 | 9 | ## zh 10 | 11 | 最简单的用法。 12 | 13 | ## en 14 | 15 | The simplest usage. 16 | -------------------------------------------------------------------------------- /packages/components/list/docs/Api.en.md: -------------------------------------------------------------------------------- 1 | ## When To Use 2 | -------------------------------------------------------------------------------- /packages/components/list/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 何时使用 2 | -------------------------------------------------------------------------------- /packages/components/list/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Data Display 4 | title: List 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /packages/components/list/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据展示 4 | title: List 5 | subtitle: 列表 6 | order: 0 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/list/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/button/style' 4 | import '@idux/components/empty/style' 5 | import '@idux/components/spin/style' 6 | 7 | import './index.less' 8 | -------------------------------------------------------------------------------- /packages/components/loading-bar/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本使用 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/loading-bar/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 组件定义 2 | 3 | ## 使用场景 4 | -------------------------------------------------------------------------------- /packages/components/loading-bar/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 反馈 4 | order: 0 5 | title: LoadingBar 6 | subtitle: 加载进度条 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/loading-bar/docs/Theme.zh.md: -------------------------------------------------------------------------------- 1 | | 名称 | 描述 | 类型 | default | dark | 2 | |---|---|---|---|---| 3 | | `height` | | `number` | `2` | `2` | 4 | | `loadingColor` | | `string` | `#1c6eff` | `#4083E8` | 5 | -------------------------------------------------------------------------------- /packages/components/loading-bar/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import './index.less' 4 | -------------------------------------------------------------------------------- /packages/components/loading-bar/theme/dark.css: -------------------------------------------------------------------------------- 1 | /* ------ loading-bar css variables ------ */ 2 | :root { 3 | --ix-loading-bar-height: 2px; 4 | --ix-loading-bar-loading-color: #4083e8; 5 | } 6 | -------------------------------------------------------------------------------- /packages/components/loading-bar/theme/default.css: -------------------------------------------------------------------------------- 1 | /* ------ loading-bar css variables ------ */ 2 | :root { 3 | --ix-loading-bar-height: 2px; 4 | --ix-loading-bar-loading-color: #1c6eff; 5 | } 6 | -------------------------------------------------------------------------------- /packages/components/menu/demo/Horizontal.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 水平模式 4 | en: Horizontal mode 5 | order: 1 6 | --- 7 | 8 | ## zh 9 | 10 | 水平模式的导航菜单。 11 | 12 | ## en 13 | 14 | Navigation menu in horizontal mode. 15 | -------------------------------------------------------------------------------- /packages/components/menu/demo/Inline.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 内嵌模式 4 | en: Inline mode 5 | order: 2 6 | --- 7 | 8 | ## zh 9 | 10 | 内嵌模式的导航菜单。 11 | 12 | ## en 13 | 14 | Navigation menu in inline mode. 15 | -------------------------------------------------------------------------------- /packages/components/menu/demo/Vertical.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 垂直模式 4 | en: Vertical mode 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 垂直模式的导航菜单。 11 | 12 | ## en 13 | 14 | Navigation menu in vertical mode. 15 | -------------------------------------------------------------------------------- /packages/components/menu/docs/Api.en.md: -------------------------------------------------------------------------------- 1 | ## When To Use 2 | -------------------------------------------------------------------------------- /packages/components/menu/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 组件定义 2 | 3 | 为页面和功能提供导航的菜单列表。 4 | 5 | ## 构成方式 6 | 7 | 用户依赖导航在各个页面中进行跳转,一般分为顶部导航和侧边导航。 8 | 9 | - 顶部导航提供全局性的类目和功能 10 | - 侧边导航提供多级结构来收纳和排列网站架构。 11 | -------------------------------------------------------------------------------- /packages/components/menu/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Navigation 4 | title: Menu 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /packages/components/menu/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 导航 4 | title: Menu 5 | subtitle: 导航菜单 6 | 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/menu/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/_private/overlay/style' 4 | import '@idux/components/icon/style' 5 | 6 | import './index.less' 7 | -------------------------------------------------------------------------------- /packages/components/message/__tests__/__snapshots__/messageProvider.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html 2 | 3 | exports[`MessageProvider > basic > render work 1`] = `"This is a message"`; 4 | -------------------------------------------------------------------------------- /packages/components/message/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/message/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 反馈 4 | title: Message 5 | subtitle: 全局提示 6 | order: 0 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/message/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/message/style/mixin.less: -------------------------------------------------------------------------------- 1 | .message-icon-color (@type, @color) { 2 | &-@{type} &-content-icon { 3 | color: @color; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /packages/components/modal/__tests__/__snapshots__/modal.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html 2 | 3 | exports[`Modal > render work 1`] = ` 4 | " 5 | " 6 | `; 7 | -------------------------------------------------------------------------------- /packages/components/modal/__tests__/__snapshots__/modalProvider.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html 2 | 3 | exports[`ModalProvider > basic > render work 1`] = `"

    Some contents...

    "`; 4 | -------------------------------------------------------------------------------- /packages/components/modal/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/modal/demo/Loading.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 加载中状态 4 | en: Loading status 5 | order: 3 6 | --- 7 | 8 | ## zh 9 | 10 | 加载中状态。 11 | 12 | ## en 13 | 14 | Loading status. 15 | -------------------------------------------------------------------------------- /packages/components/modal/docs/Api.en.md: -------------------------------------------------------------------------------- 1 | 2 | ### IxModal 3 | 4 | #### ModalProps 5 | 6 | | Name | Description | Type | Default | Global Config | Remark | 7 | | --- | --- | --- | --- | --- | --- | 8 | | - | - | - | - | ✅ | - | 9 | -------------------------------------------------------------------------------- /packages/components/modal/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Feedback 4 | title: Modal 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /packages/components/modal/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 反馈 4 | title: Modal 5 | subtitle: 对话框 6 | 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/modal/docs/Theme.en.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/components/modal/docs/Theme.en.md -------------------------------------------------------------------------------- /packages/components/notification/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Feedback 4 | title: Notification 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /packages/components/notification/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 反馈 4 | title: Notification 5 | subtitle: 通知提醒 6 | order: 0 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/notification/docs/Theme.en.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IDuxFE/idux/92db2fe374eb80eb43198a6656507a17aefd83e3/packages/components/notification/docs/Theme.en.md -------------------------------------------------------------------------------- /packages/components/notification/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/notification/style/mixin.less: -------------------------------------------------------------------------------- 1 | .notification-icon-color (@type, @color) { 2 | &.@{notification-prefix}-@{type} .@{notification-prefix}-icon { 3 | color: @color; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /packages/components/pagination/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/pagination/demo/QuickJumper.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 快速跳转 4 | en: Quick jumper 5 | order: 2 6 | --- 7 | 8 | ## zh 9 | 10 | 快速跳转到某一页。 11 | 12 | ## en 13 | 14 | Quickly jump to a page. 15 | -------------------------------------------------------------------------------- /packages/components/pagination/demo/QuickJumper.vue: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /packages/components/pagination/docs/Api.en.md: -------------------------------------------------------------------------------- 1 | ## When To Use 2 | -------------------------------------------------------------------------------- /packages/components/pagination/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Navigation 4 | title: Pagination 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /packages/components/pagination/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 导航 4 | order: 0 5 | title: Pagination 6 | subtitle: 分页 7 | 8 | --- 9 | 10 | -------------------------------------------------------------------------------- /packages/components/pagination/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | import '@idux/components/input/style' 5 | import '@idux/components/select/style' 6 | 7 | import './index.less' 8 | -------------------------------------------------------------------------------- /packages/components/popconfirm/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/popconfirm/demo/Basic.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /packages/components/popconfirm/demo/Content.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 自定义内容 4 | en: Custom Content 5 | order: 3 6 | --- 7 | 8 | ## zh 9 | 10 | 用于输入数据后确认的场景。 11 | 12 | ## en 13 | 14 | Used for confirmation after input. 15 | -------------------------------------------------------------------------------- /packages/components/popconfirm/demo/Placement.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 位置 4 | en: Placement 5 | order: 1 6 | --- 7 | 8 | ## zh 9 | 10 | 位置有 12 个方向。 11 | 12 | ## en 13 | 14 | There are 12 placements. 15 | -------------------------------------------------------------------------------- /packages/components/popconfirm/docs/Api.en.md: -------------------------------------------------------------------------------- 1 | ## When To Use 2 | -------------------------------------------------------------------------------- /packages/components/popconfirm/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Feedback 4 | title: Popconfirm 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/popconfirm/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 反馈 4 | title: Popconfirm 5 | subtitle: 气泡确认框 6 | 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/popover/demo/Arrow.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 带箭头气泡 4 | en: Popover with arrow 5 | order: 1 6 | --- 7 | 8 | ## zh 9 | 10 | 带箭头气泡 11 | 12 | ## en 13 | 14 | Popover with arrow. 15 | -------------------------------------------------------------------------------- /packages/components/popover/demo/Arrow.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /packages/components/popover/demo/HeaderConfig.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 头部配置 4 | en: Header config 5 | order: 2 6 | --- 7 | 8 | ## zh 9 | 10 | 头部配置 11 | 12 | ## en 13 | 14 | Header config. 15 | -------------------------------------------------------------------------------- /packages/components/popover/demo/NoArrow.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 无箭头气泡 4 | en: Popover with no arrow 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 无箭头气泡 11 | 12 | ## en 13 | 14 | Popover with no arrow. 15 | -------------------------------------------------------------------------------- /packages/components/popover/demo/NoArrow.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /packages/components/popover/demo/Placement.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 位置 4 | en: Placement 5 | order: 3 6 | --- 7 | 8 | ## zh 9 | 10 | 位置有 12 个方向。 11 | 12 | ## en 13 | 14 | There are 12 placements. 15 | -------------------------------------------------------------------------------- /packages/components/popover/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据展示 4 | title: Popover 5 | subtitle: 气泡卡片 6 | 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/popover/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/_private/overlay/style' 4 | import '@idux/components/header/style' 5 | import '@idux/components/icon/style' 6 | 7 | import './index.less' 8 | -------------------------------------------------------------------------------- /packages/components/popover/theme/dark.css: -------------------------------------------------------------------------------- 1 | /* ------ popover css variables ------ */ 2 | :root { 3 | --ix-popover-font-size: 12px; 4 | --ix-popover-color: #808999; 5 | --ix-popover-min-width: 240px; 6 | } 7 | -------------------------------------------------------------------------------- /packages/components/popover/theme/default.css: -------------------------------------------------------------------------------- 1 | /* ------ popover css variables ------ */ 2 | :root { 3 | --ix-popover-font-size: 12px; 4 | --ix-popover-color: #6f7785; 5 | --ix-popover-min-width: 240px; 6 | } 7 | -------------------------------------------------------------------------------- /packages/components/progress/demo/Circle.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 1 3 | title: 4 | zh: 进度圈 5 | en: Circular progress bar 6 | --- 7 | 8 | ## zh 9 | 10 | 圈形的进度。 11 | 12 | ## en 13 | 14 | A circular progress bar. 15 | -------------------------------------------------------------------------------- /packages/components/progress/demo/Line.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 进度条 5 | en: Progress bar 6 | --- 7 | 8 | ## zh 9 | 10 | 标准的进度条。 11 | 12 | ## en 13 | 14 | A standard progress bar. 15 | -------------------------------------------------------------------------------- /packages/components/progress/demo/Segment.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 6 3 | title: 4 | zh: 分段进度条 5 | en: Progress bar with success segment 6 | --- 7 | 8 | ## zh 9 | 10 | 分段的进度条。 11 | 12 | ## en 13 | 14 | A Segmented progress bar. 15 | -------------------------------------------------------------------------------- /packages/components/progress/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 反馈 4 | title: Progress 5 | subtitle: 进度条 6 | cover: 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/progress/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/radio/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 基本使用 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/radio/demo/Buttoned.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 4 3 | title: 4 | zh: 按钮样式 5 | en: Buttoned 6 | --- 7 | 8 | ## zh 9 | 10 | 按钮样式的单选组合。 11 | 12 | ## en 13 | 14 | The combination of radio button style. 15 | -------------------------------------------------------------------------------- /packages/components/radio/demo/Fieldset.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 10 3 | title: 4 | zh: 组合控件 5 | en: Fieldset 6 | --- 7 | 8 | ## zh 9 | 10 | 通过 `fieldset` 插槽,可以来自定义组合控件的场景。 11 | -------------------------------------------------------------------------------- /packages/components/radio/demo/Group.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 2 3 | title: 4 | zh: 单选组 5 | en: Radio group 6 | --- 7 | 8 | ## zh 9 | 10 | 一组互斥的单选框配合使用。 11 | 12 | ## en 13 | 14 | A group of radio components. 15 | -------------------------------------------------------------------------------- /packages/components/radio/docs/Api.en.md: -------------------------------------------------------------------------------- 1 | ## When To Use 2 | -------------------------------------------------------------------------------- /packages/components/radio/docs/Index.en.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: Data Entry 4 | title: Radio 5 | subtitle: 6 | order: 0 7 | --- 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /packages/components/radio/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据录入 4 | title: Radio 5 | subtitle: 单选框 6 | 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/radio/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | import '@idux/components/button/style' 3 | 4 | import './index.less' 5 | -------------------------------------------------------------------------------- /packages/components/rate/demo/AllowHalf.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 1 3 | title: 4 | zh: 支持半选 5 | en: Support half star 6 | --- 7 | 8 | ## zh 9 | 10 | 支持选中半星。 11 | 12 | ## en 13 | 14 | Support select half star. 15 | -------------------------------------------------------------------------------- /packages/components/rate/demo/AllowHalf.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | -------------------------------------------------------------------------------- /packages/components/rate/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 基本使用 4 | en: Basic usage 5 | order: 0 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/rate/demo/Basic.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | -------------------------------------------------------------------------------- /packages/components/rate/demo/Clearable.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | -------------------------------------------------------------------------------- /packages/components/rate/demo/Disabled.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | -------------------------------------------------------------------------------- /packages/components/rate/demo/Size.vue: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /packages/components/rate/demo/Tooltips.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 文案提示 4 | en: Show tooltip 5 | order: 2 6 | --- 7 | 8 | ## zh 9 | 10 | 显示文案提示。 11 | 12 | ## en 13 | 14 | Add tooltip in rate. 15 | -------------------------------------------------------------------------------- /packages/components/rate/docs/Design.zh.md: -------------------------------------------------------------------------------- 1 | ## 组件定义 2 | 3 | 对某个内容进行评分或展示评分 4 | -------------------------------------------------------------------------------- /packages/components/rate/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 数据录入 4 | title: Rate 5 | subtitle: 评分 6 | --- 7 | 8 | -------------------------------------------------------------------------------- /packages/components/rate/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | import '@idux/components/tooltip/style' 5 | 6 | import './index.less' 7 | -------------------------------------------------------------------------------- /packages/components/result/demo/Error.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 7 3 | title: 4 | zh: 错误 5 | en: Error 6 | --- 7 | 8 | ## zh 9 | 10 | 复杂的错误反馈。 11 | 12 | ## en 13 | 14 | Complex error feedback. 15 | -------------------------------------------------------------------------------- /packages/components/result/demo/Info.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 1 3 | title: 4 | zh: 信息 5 | en: Info 6 | --- 7 | 8 | ## zh 9 | 10 | 展示处理的结果。 11 | 12 | ## en 13 | 14 | Show the results of processing. 15 | -------------------------------------------------------------------------------- /packages/components/result/demo/Success.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 0 3 | title: 4 | zh: 成功 5 | en: Success 6 | --- 7 | 8 | ## zh 9 | 10 | 成功的结果。 11 | 12 | ## en 13 | 14 | The result of success. 15 | -------------------------------------------------------------------------------- /packages/components/result/demo/Warning.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 2 3 | title: 4 | zh: 警告 5 | en: warning 6 | --- 7 | 8 | ## zh 9 | 10 | 警告类型的结果。 11 | 12 | ## en 13 | 14 | The result of the warning type. 15 | -------------------------------------------------------------------------------- /packages/components/result/docs/Index.zh.md: -------------------------------------------------------------------------------- 1 | --- 2 | category: components 3 | type: 反馈 4 | title: Result 5 | subtitle: 结果 6 | cover: 7 | --- 8 | 9 | -------------------------------------------------------------------------------- /packages/components/result/style/index.ts: -------------------------------------------------------------------------------- 1 | // style dependencies 2 | 3 | import '@idux/components/icon/style' 4 | 5 | import './index.less' 6 | -------------------------------------------------------------------------------- /packages/components/select/demo/AllowInput.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 可输入 4 | en: Allow input 5 | order: 20 6 | --- 7 | ## zh 8 | 9 | 支持随意输入内容。 10 | 11 | ## en 12 | 13 | Transform input to tag. 14 | -------------------------------------------------------------------------------- /packages/components/select/demo/Basic.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 00 3 | title: 4 | zh: 基本使用 5 | en: Basic usage 6 | --- 7 | 8 | ## zh 9 | 10 | 最简单的用法。 11 | 12 | ## en 13 | 14 | The simplest usage. 15 | -------------------------------------------------------------------------------- /packages/components/select/demo/Borderless.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 08 3 | title: 4 | zh: 无边框 5 | en: Borderless 6 | --- 7 | 8 | ## zh 9 | 10 | 无边框样式。 11 | 12 | ## en 13 | 14 | Borderless style. 15 | -------------------------------------------------------------------------------- /packages/components/select/demo/Group.md: -------------------------------------------------------------------------------- 1 | --- 2 | order: 03 3 | title: 4 | zh: 分组 5 | en: Grouped 6 | --- 7 | 8 | ## zh 9 | 10 | 支持对选项进行分组。 11 | 12 | ## en 13 | 14 | Supports grouping of options. 15 | -------------------------------------------------------------------------------- /packages/components/select/demo/Panel.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 面板 4 | en: Panel 5 | order: 13 6 | --- 7 | ## zh 8 | 9 | 单独使用选择面板。 10 | 11 | ## en 12 | 13 | use IxSelectPanel only. 14 | -------------------------------------------------------------------------------- /packages/components/select/demo/Searchable.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 搜索 4 | en: Searchable 5 | order: 25 6 | --- 7 | ## zh 8 | 9 | 展开后可对选项进行搜索。 10 | 11 | ## en 12 | 13 | Search the options while expanded. 14 | -------------------------------------------------------------------------------- /packages/components/select/demo/SelectAll.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 选择全部 4 | en: Select all 5 | order: 45 6 | --- 7 | ## zh 8 | 9 | 支持选择全部 10 | 11 | ## en 12 | 13 | Support to select all 14 | -------------------------------------------------------------------------------- /packages/components/select/demo/Server.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 3 | zh: 服务端数据 4 | en: Server data 5 | order: 28 6 | --- 7 | ## zh 8 | 9 | 从服务端加载数据。 10 | 11 | ## en 12 | 13 | Search with server data. 14 | -------------------------------------------------------------------------------- /packages/components/select/docs/Api.en.md: -------------------------------------------------------------------------------- 1 | ## When To Use 2 | 3 | A dropdown menu for the user to select, which replaces the native `