├── src ├── assets │ ├── .gitkeep │ ├── imgs │ │ ├── wx.jpg │ │ └── zfb.jpg │ ├── icons │ │ ├── icon-72x72.png │ │ ├── icon-96x96.png │ │ ├── icon-128x128.png │ │ ├── icon-144x144.png │ │ ├── icon-152x152.png │ │ ├── icon-192x192.png │ │ ├── icon-384x384.png │ │ └── icon-512x512.png │ ├── sass │ │ ├── fonts │ │ │ ├── aticon.eot │ │ │ ├── aticon.ttf │ │ │ ├── aticon.woff │ │ │ ├── feather.eot │ │ │ ├── feather.ttf │ │ │ └── feather.woff │ │ ├── variables │ │ │ └── index.scss │ │ ├── components │ │ │ ├── dnd.scss │ │ │ └── card.scss │ │ ├── core │ │ │ └── index.scss │ │ ├── mixins │ │ │ ├── index.scss │ │ │ └── lib │ │ │ │ ├── size.scss │ │ │ │ ├── clearfix.scss │ │ │ │ ├── hide-text.scss │ │ │ │ └── ellipsis.scss │ │ ├── entry.scss │ │ └── index.scss │ └── stylesheets │ │ └── fonts │ │ ├── aticon.eot │ │ ├── aticon.ttf │ │ ├── aticon.woff │ │ ├── feather.eot │ │ ├── feather.ttf │ │ └── feather.woff ├── app │ ├── components │ │ ├── card │ │ │ ├── card.component.css │ │ │ ├── at-card-footer │ │ │ │ ├── at-card-footer.component.css │ │ │ │ ├── at-card-footer.component.html │ │ │ │ └── at-card-footer.component.ts │ │ │ ├── at-card-header │ │ │ │ ├── at-card-header.component.css │ │ │ │ ├── at-card-header.component.html │ │ │ │ └── at-card-header.component.ts │ │ │ ├── index.ts │ │ │ ├── at-card-content │ │ │ │ ├── at-card-content.component.css │ │ │ │ └── at-card-content.component.ts │ │ │ ├── public-api.ts │ │ │ ├── card.component.html │ │ │ └── card.component.ts │ │ ├── icon │ │ │ ├── icon.component.css │ │ │ ├── index.ts │ │ │ ├── icon.component.html │ │ │ ├── public-api.ts │ │ │ ├── icon-status-type.ts │ │ │ └── at-icon.module.ts │ │ ├── menu │ │ │ ├── menu.component.css │ │ │ ├── menu-item │ │ │ │ ├── menu-item.component.css │ │ │ │ └── menu-item.component.html │ │ │ ├── menu-list │ │ │ │ ├── menu-list.component.css │ │ │ │ ├── menu-list.component.html │ │ │ │ └── menu-list.component.ts │ │ │ ├── sub-menu │ │ │ │ └── sub-menu.component.css │ │ │ ├── inline-menu │ │ │ │ ├── inline-menu.component.css │ │ │ │ ├── inline-menu.component.html │ │ │ │ └── inline-menu.component.ts │ │ │ ├── drop-menu-list │ │ │ │ ├── drop-menu-list.component.css │ │ │ │ └── drop-menu-list.component.html │ │ │ ├── index.ts │ │ │ ├── menu-item-group │ │ │ │ └── menu-item-group.component.css │ │ │ ├── dropdown-menu-item │ │ │ │ ├── dropdown-menu-item.component.css │ │ │ │ └── dropdown-menu-item.component.html │ │ │ ├── menu.component.html │ │ │ ├── menu-link │ │ │ │ ├── menu-link.directive.spec.ts │ │ │ │ └── menu-link.directive.ts │ │ │ └── public-api.ts │ │ ├── tag │ │ │ ├── tag.component.css │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ ├── tag.component.html │ │ │ └── at-tag.module.ts │ │ ├── alert │ │ │ ├── alert.component.css │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ ├── at-alert-module.ts │ │ │ └── alert.component.html │ │ ├── badge │ │ │ ├── badge.component.css │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ └── at-badge-module.ts │ │ ├── button │ │ │ ├── button.component.css │ │ │ ├── button-group │ │ │ │ ├── button-group.component.css │ │ │ │ ├── button-group.component.html │ │ │ │ └── button-group.component.ts │ │ │ ├── index.ts │ │ │ ├── button.component.html │ │ │ ├── public-api.ts │ │ │ └── hollow │ │ │ │ └── hollow.directive.spec.ts │ │ ├── drawer │ │ │ ├── drawer.component.css │ │ │ ├── index.ts │ │ │ ├── drawer.component.html │ │ │ ├── public-api.ts │ │ │ └── at-drawer.module.ts │ │ ├── grid │ │ │ ├── col │ │ │ │ ├── col.component.css │ │ │ │ └── col.component.html │ │ │ ├── row │ │ │ │ ├── row.component.css │ │ │ │ └── row.component.html │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ └── at-grid.module.ts │ │ ├── input │ │ │ ├── input.component.css │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ ├── at-input.directive.spec.ts │ │ │ └── at-input.module.ts │ │ ├── popover │ │ │ ├── popover.component.css │ │ │ ├── popover.component.html │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ ├── pop-trigger.directive.ts │ │ │ └── pop-trigger.directive.spec.ts │ │ ├── radio │ │ │ ├── radio.component.css │ │ │ ├── radio-group │ │ │ │ ├── radio-group.component.css │ │ │ │ └── radio-group.component.html │ │ │ ├── index.ts │ │ │ ├── radio-button │ │ │ │ ├── radio-button.component.css │ │ │ │ └── radio-button.component.html │ │ │ ├── public-api.ts │ │ │ └── radio.component.html │ │ ├── slider │ │ │ ├── slider.component.css │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ └── at-slider.module.ts │ │ ├── steps │ │ │ ├── step │ │ │ │ ├── step.component.css │ │ │ │ └── step.component.html │ │ │ ├── steps.component.css │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ └── at-step.module.ts │ │ ├── switch │ │ │ ├── switch.component.css │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ ├── switch.component.html │ │ │ └── at-switch.module.ts │ │ ├── tooltip │ │ │ ├── tooltip.component.css │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ ├── tooltip-trigger.directive.ts │ │ │ └── tooltip-trigger.directive.spec.ts │ │ ├── checkbox │ │ │ ├── checkbox.component.css │ │ │ ├── checkbox-group │ │ │ │ ├── checkbox-group.component.css │ │ │ │ └── checkbox-group.component.html │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ └── checkbox.component.html │ │ ├── dropdown │ │ │ ├── dropdown.component.css │ │ │ ├── dropdown.component.html │ │ │ ├── at-drop-submenu │ │ │ │ ├── at-drop-submenu.component.css │ │ │ │ └── at-drop-submenu.component.html │ │ │ ├── index.ts │ │ │ ├── dropdown.directive.ts │ │ │ └── public-api.ts │ │ ├── progress │ │ │ ├── progress.component.css │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ ├── at-progress.module.ts │ │ │ └── progress.component.html │ │ ├── textarea │ │ │ ├── textarea.component.css │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ ├── textarea.component.html │ │ │ └── at-textarea.module.ts │ │ ├── timeline │ │ │ ├── timeline.component.css │ │ │ ├── index.ts │ │ │ ├── timeline-item │ │ │ │ ├── timeline-item.component.css │ │ │ │ └── timeline-item.component.html │ │ │ ├── timeline.component.html │ │ │ ├── timeline-dot.directive.ts │ │ │ ├── timeline-selector.directive.ts │ │ │ ├── public-api.ts │ │ │ ├── timeline-dot.directive.spec.ts │ │ │ └── timeline-selector.directive.spec.ts │ │ ├── affix │ │ │ ├── at-affix │ │ │ │ ├── at-affix.component.css │ │ │ │ └── at-affix.component.html │ │ │ ├── index.ts │ │ │ └── at-affix.module.ts │ │ ├── breadcrumb │ │ │ ├── breadcrumb.component.css │ │ │ ├── index.ts │ │ │ ├── breadcrumb.component.html │ │ │ ├── public-api.ts │ │ │ └── at-bread-module.ts │ │ ├── datetimepicker │ │ │ ├── time │ │ │ │ └── time.component.css │ │ │ ├── datetimepicker.component.css │ │ │ ├── calendar │ │ │ │ └── calendar.component.css │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ ├── at-format.pipe.spec.ts │ │ │ ├── at-day.ts │ │ │ └── at-format.pipe.ts │ │ ├── pagenation │ │ │ ├── pagenation.component.css │ │ │ ├── index.ts │ │ │ └── public-api.ts │ │ ├── table │ │ │ ├── at-expand │ │ │ │ ├── at-expand.component.css │ │ │ │ └── at-expand.component.html │ │ │ ├── at-expand-th │ │ │ │ ├── at-expand-th.component.css │ │ │ │ ├── at-expand-th.component.html │ │ │ │ └── at-expand-th.component.ts │ │ │ ├── index.ts │ │ │ ├── at-thead.directive.ts │ │ │ ├── at-tbody.directive.ts │ │ │ └── at-th.directive.ts │ │ ├── divider │ │ │ ├── at-divider │ │ │ │ ├── at-divider.component.css │ │ │ │ └── at-divider.component.html │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ └── divider.module.ts │ │ ├── form │ │ │ ├── at-form-item │ │ │ │ ├── at-form-item.component.css │ │ │ │ ├── at-form-item.component.html │ │ │ │ └── at-form-item.component.ts │ │ │ ├── at-form-label │ │ │ │ ├── at-form-label.component.css │ │ │ │ └── at-form-label.component.html │ │ │ ├── index.ts │ │ │ ├── at-form-control │ │ │ │ ├── at-form-control.component.css │ │ │ │ └── at-form-control.component.html │ │ │ ├── at-form-error.directive.spec.ts │ │ │ ├── at-form-error.directive.ts │ │ │ ├── form.component.ts │ │ │ └── at-form-item.directive.ts │ │ ├── carousel │ │ │ ├── at-carousel │ │ │ │ ├── at-carousel.component.css │ │ │ │ ├── at-carousel.component.html │ │ │ │ └── at-carousel.directive.spec.ts │ │ │ ├── index.ts │ │ │ └── public-api.ts │ │ ├── i18n │ │ │ ├── index.ts │ │ │ ├── i18n-token.ts │ │ │ ├── at-i18n.pipe.spec.ts │ │ │ └── at-i18n.pipe.ts │ │ ├── layout │ │ │ ├── index.ts │ │ │ ├── at-layout-body │ │ │ │ ├── at-layout-body.component.css │ │ │ │ └── at-layout-body.component.html │ │ │ ├── at-layout-header │ │ │ │ ├── at-layout-header.component.css │ │ │ │ ├── at-layout-header.component.html │ │ │ │ └── at-layout-header.component.ts │ │ │ ├── at-layout-content │ │ │ │ ├── at-layout-content.component.css │ │ │ │ ├── at-layout-content.component.html │ │ │ │ └── at-layout-content.component.ts │ │ │ ├── at-layout-sidebar │ │ │ │ ├── at-layout-sidebar.component.css │ │ │ │ └── at-layout-sidebar.component.html │ │ │ └── public-api.ts │ │ ├── select │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ ├── at-select-unselectable.directive.ts │ │ │ └── at-select-control.service.spec.ts │ │ ├── tab │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ ├── update-host-class.service.spec.ts │ │ │ └── at-tab-body.component.ts │ │ ├── tree │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ ├── at-tree-util.ts │ │ │ └── interface.ts │ │ ├── collapse │ │ │ ├── index.ts │ │ │ ├── at-collapse-item │ │ │ │ ├── at-collapse-item.component.css │ │ │ │ └── at-collapse-item.component.html │ │ │ ├── public-api.ts │ │ │ └── collapse.module.ts │ │ ├── color-picker │ │ │ ├── at-color-wrap │ │ │ │ ├── at-color-wrap.component.css │ │ │ │ └── at-color-wrap.component.html │ │ │ ├── at-color-sketch │ │ │ │ ├── at-color-sketch.component.css │ │ │ │ └── at-color-sketch.component.html │ │ │ └── index.ts │ │ ├── message │ │ │ ├── index.ts │ │ │ ├── message-container │ │ │ │ ├── message-container.component.css │ │ │ │ └── message-container.component.html │ │ │ └── public-api.ts │ │ ├── tree-select │ │ │ ├── index.ts │ │ │ ├── at-tree-select │ │ │ │ ├── at-tree-select.component.css │ │ │ │ └── at-tree-select.component.html │ │ │ ├── at-tree-select-top-control │ │ │ │ ├── at-tree-select-top-control.component.css │ │ │ │ └── at-tree-select-top-control.component.html │ │ │ └── public-api.ts │ │ ├── autocomplete │ │ │ ├── index.ts │ │ │ ├── public-api.ts │ │ │ └── autocomplete.module.ts │ │ ├── notification │ │ │ ├── index.ts │ │ │ ├── notification-container │ │ │ │ ├── notification-container.component.css │ │ │ │ └── notification-container.component.html │ │ │ └── public-api.ts │ │ ├── upload │ │ │ ├── index.ts │ │ │ └── upload.module.spec.ts │ │ ├── modal │ │ │ ├── index.ts │ │ │ ├── modal-body.directive.ts │ │ │ └── modal-base.service.ts │ │ ├── ng-package.json │ │ ├── core │ │ │ └── component-creator-base.ts │ │ ├── animations │ │ │ └── fade-animation.ts │ │ └── tsconfig.json │ ├── showcase │ │ ├── i18-n │ │ │ └── i18-n.component.css │ │ ├── intro │ │ │ ├── intro.component.css │ │ │ └── intro.component.ts │ │ ├── connect │ │ │ ├── connect.component.css │ │ │ └── connect.component.ts │ │ ├── doc-td │ │ │ ├── doc-tr.component.css │ │ │ ├── doc-tr.component.html │ │ │ └── doc-td.component.ts │ │ ├── install │ │ │ ├── install.component.css │ │ │ └── install.component.ts │ │ ├── startup │ │ │ └── startup.component.css │ │ ├── high-light │ │ │ ├── high-light.component.css │ │ │ └── high-light.component.html │ │ ├── update-log │ │ │ ├── update-log.component.css │ │ │ └── update-log.component.ts │ │ ├── at-demo-affix │ │ │ ├── at-demo-affix.component.css │ │ │ ├── demo-affix-basic │ │ │ │ ├── demo-affix-basic.component.css │ │ │ │ ├── demo-affix-basic.component.ts │ │ │ │ └── demo-affix-basic.component.html │ │ │ ├── at-demo-affix.component.html │ │ │ └── at-demo-affix.component.ts │ │ ├── at-demo-alert │ │ │ ├── at-demo-alert.component.css │ │ │ ├── demo-alert-basic │ │ │ │ ├── demo-alert-basic.component.css │ │ │ │ └── demo-alert-basic.component.ts │ │ │ └── at-demo-alert.component.ts │ │ ├── at-demo-badge │ │ │ ├── at-demo-badge.component.css │ │ │ ├── demo-basic-badge │ │ │ │ ├── demo-basic-badge.component.css │ │ │ │ ├── demo-basic-badge.component.ts │ │ │ │ └── demo-basic-badge.component.html │ │ │ ├── demo-combine-badge │ │ │ │ ├── demo-combine-badge.component.css │ │ │ │ ├── demo-combine-badge.component.ts │ │ │ │ └── demo-combine-badge.component.html │ │ │ └── demo-dynamic-badge │ │ │ │ ├── demo-dynamic-badge.component.css │ │ │ │ ├── demo-dynamic-badge.component.html │ │ │ │ └── demo-dynamic-badge.component.ts │ │ ├── at-demo-card │ │ │ └── at-demo-card.component.css │ │ ├── at-demo-form │ │ │ ├── at-demo-form.component.css │ │ │ ├── demo-form-basic │ │ │ │ └── demo-form-basic.component.css │ │ │ └── demo-position-form │ │ │ │ ├── demo-position-form.component.css │ │ │ │ └── demo-position-form.component.ts │ │ ├── at-demo-input │ │ │ ├── at-demo-input.component.css │ │ │ ├── demo-basic-input │ │ │ │ ├── demo-basic-input.component.css │ │ │ │ ├── demo-basic-input.component.html │ │ │ │ └── demo-basic-input.component.ts │ │ │ ├── demo-icon-input │ │ │ │ ├── demo-icon-input.component.css │ │ │ │ ├── demo-icon-input.component.html │ │ │ │ └── demo-icon-input.component.ts │ │ │ ├── demo-pend-input │ │ │ │ ├── demo-pend-input.component.css │ │ │ │ ├── demo-pend-input.component.ts │ │ │ │ └── demo-pend-input.component.html │ │ │ ├── demo-size-input │ │ │ │ ├── demo-size-input.component.css │ │ │ │ ├── demo-size-input.component.ts │ │ │ │ └── demo-size-input.component.html │ │ │ └── demo-status-input │ │ │ │ ├── demo-status-input.component.css │ │ │ │ ├── demo-status-input.component.ts │ │ │ │ └── demo-status-input.component.html │ │ ├── at-demo-menu │ │ │ ├── at-demo-menu.component.css │ │ │ ├── demo-top-menu │ │ │ │ ├── demo-top-menu.component.css │ │ │ │ └── demo-top-menu.component.html │ │ │ ├── demo-inline-menu │ │ │ │ ├── demo-inline-menu.component.css │ │ │ │ └── demo-inline-menu.component.ts │ │ │ └── demo-vertical-menu │ │ │ │ ├── demo-vertical-menu.component.css │ │ │ │ └── demo-vertical-menu.component.ts │ │ ├── at-demo-modal │ │ │ ├── at-demo-modal.component.css │ │ │ ├── demo-basic-modal │ │ │ │ └── demo-basic-modal.component.css │ │ │ ├── demo-custom-modal │ │ │ │ ├── demo-custom-modal.component.css │ │ │ │ └── demo-custom-modal.component.ts │ │ │ ├── demo-service-modal │ │ │ │ ├── demo-service-modal.component.css │ │ │ │ └── demo-service-modal.component.html │ │ │ └── demo-position-modal │ │ │ │ ├── demo-position-modal.component.css │ │ │ │ ├── demo-position-modal.component.ts │ │ │ │ └── demo-position-modal.component.html │ │ ├── at-demo-radio │ │ │ ├── at-demo-radio.component.css │ │ │ ├── demo-basic-radio │ │ │ │ ├── demo-basic-radio.component.css │ │ │ │ └── demo-basic-radio.component.ts │ │ │ ├── demo-color-radio │ │ │ │ ├── demo-color-radio.component.css │ │ │ │ ├── demo-color-radio.component.html │ │ │ │ └── demo-color-radio.component.ts │ │ │ ├── demo-size-radio │ │ │ │ ├── demo-size-radio.component.css │ │ │ │ └── demo-size-radio.component.ts │ │ │ ├── demo-button-radio │ │ │ │ ├── demo-button-radio.component.css │ │ │ │ ├── demo-button-radio.component.html │ │ │ │ └── demo-button-radio.component.ts │ │ │ └── demo-disable-radio │ │ │ │ ├── demo-disable-radio.component.css │ │ │ │ └── demo-disable-radio.component.ts │ │ ├── at-demo-steps │ │ │ ├── at-demo-steps.component.css │ │ │ ├── demo-basic-steps │ │ │ │ ├── demo-basic-steps.component.css │ │ │ │ ├── demo-basic-steps.component.html │ │ │ │ └── demo-basic-steps.component.ts │ │ │ ├── demo-size-steps │ │ │ │ ├── demo-size-steps.component.css │ │ │ │ └── demo-size-steps.component.ts │ │ │ └── demo-horizonal-steps │ │ │ │ ├── demo-horizonal-steps.component.css │ │ │ │ ├── demo-horizonal-steps.component.html │ │ │ │ └── demo-horizonal-steps.component.ts │ │ ├── at-demo-table │ │ │ ├── at-demo-table.component.css │ │ │ ├── demo-basic-table │ │ │ │ ├── demo-basic-table.component.css │ │ │ │ └── demo-basic-table.component.ts │ │ │ ├── demo-page-table │ │ │ │ ├── demo-page-table.component.css │ │ │ │ └── demo-page-table.component.ts │ │ │ └── demo-size-table │ │ │ │ ├── demo-size-table.component.css │ │ │ │ └── demo-size-table.component.ts │ │ ├── at-demo-tabs │ │ │ ├── at-demo-tabs.component.css │ │ │ ├── demo-basic-tab │ │ │ │ └── demo-basic-tab.component.css │ │ │ ├── at-demo-card-tab │ │ │ │ ├── at-demo-card-tab.component.css │ │ │ │ └── at-demo-card-tab.component.ts │ │ │ ├── at-demo-size-tabs │ │ │ │ ├── at-demo-size-tabs.component.css │ │ │ │ └── at-demo-size-tabs.component.ts │ │ │ └── at-demo-tabs.component.ts │ │ ├── at-demo-tag │ │ │ ├── at-demo-tag.component.css │ │ │ ├── demo-basic-tag │ │ │ │ ├── demo-basic-tag.component.css │ │ │ │ ├── demo-basic-tag.component.html │ │ │ │ └── demo-basic-tag.component.ts │ │ │ └── demo-color-tag │ │ │ │ ├── demo-color-tag.component.css │ │ │ │ ├── demo-color-tag.component.html │ │ │ │ └── demo-color-tag.component.ts │ │ ├── at-demo-tree │ │ │ ├── at-demo-tree.component.css │ │ │ ├── at-demo-basic-tree │ │ │ │ └── at-demo-basic-tree.component.css │ │ │ ├── at-demo-custom-tree │ │ │ │ ├── at-demo-custom-tree.component.css │ │ │ │ └── at-demo-custom-tree.component.html │ │ │ ├── at-demo-remote-tree │ │ │ │ ├── at-demo-remote-tree.component.css │ │ │ │ └── at-demo-remote-tree.component.html │ │ │ ├── at-demo-tree-group │ │ │ │ ├── at-demo-tree-group.component.css │ │ │ │ └── at-demo-tree-group.component.html │ │ │ └── at-demo-checkable-tree │ │ │ │ ├── at-demo-checkable-tree.component.css │ │ │ │ └── at-demo-checkable-tree.component.ts │ │ ├── doc-type-td │ │ │ ├── doc-type-td.component.css │ │ │ ├── doc-type-td.component.html │ │ │ └── doc-type-td.component.ts │ │ ├── at-demo-button │ │ │ └── at-demo-button.component.css │ │ ├── at-demo-divider │ │ │ ├── at-demo-divider.component.css │ │ │ └── at-demo-divider.component.ts │ │ ├── at-demo-drawer │ │ │ └── at-demo-drawer.component.css │ │ ├── at-demo-layout │ │ │ └── at-demo-layout.component.css │ │ ├── at-demo-message │ │ │ ├── at-demo-message.component.css │ │ │ └── demo-basic-message │ │ │ │ ├── demo-basic-message.component.css │ │ │ │ └── demo-basic-message.component.html │ │ ├── at-demo-popover │ │ │ ├── at-demo-popover.component.css │ │ │ ├── demo-basic-popover │ │ │ │ ├── demo-basic-popover.component.css │ │ │ │ └── demo-basic-popover.component.ts │ │ │ ├── demo-content-popover │ │ │ │ ├── demo-content-popover.component.css │ │ │ │ └── demo-content-popover.component.ts │ │ │ └── demo-position-popover │ │ │ │ ├── demo-position-popover.component.css │ │ │ │ └── demo-position-popover.component.ts │ │ ├── at-demo-select │ │ │ ├── at-demo-select.component.css │ │ │ ├── demo-input-select │ │ │ │ ├── demo-input-select.component.css │ │ │ │ ├── demo-input-select.component.html │ │ │ │ └── demo-input-select.component.ts │ │ │ ├── demo-select-basic │ │ │ │ └── demo-select-basic.component.css │ │ │ ├── demo-select-clear │ │ │ │ ├── demo-select-clear.component.css │ │ │ │ └── demo-select-clear.component.ts │ │ │ ├── demo-select-size │ │ │ │ ├── demo-select-size.component.css │ │ │ │ └── demo-select-size.component.ts │ │ │ ├── demo-select-multiple │ │ │ │ ├── demo-select-multiple.component.css │ │ │ │ └── demo-select-multiple.component.html │ │ │ └── demo-search-select │ │ │ │ └── demo-search-select.component.css │ │ ├── at-demo-slider │ │ │ ├── at-demo-slider.component.css │ │ │ ├── demo-basic-slider │ │ │ │ └── demo-basic-slider.component.css │ │ │ └── at-demo-slider.component.ts │ │ ├── at-demo-switch │ │ │ ├── at-demo-switch.component.css │ │ │ ├── swicth-basic │ │ │ │ ├── swicth-basic.component.css │ │ │ │ └── swicth-basic.component.ts │ │ │ └── at-demo-switch.component.ts │ │ ├── at-demo-theme │ │ │ ├── at-demo-theme.component.scss │ │ │ └── at-demo-theme.component.html │ │ ├── at-demo-tooltip │ │ │ ├── at-demo-tooltip.component.css │ │ │ ├── demo-basic-tooltip │ │ │ │ ├── demo-basic-tooltip.component.css │ │ │ │ ├── demo-basic-tooltip.component.html │ │ │ │ └── demo-basic-tooltip.component.ts │ │ │ └── demo-position-tooltip │ │ │ │ ├── demo-position-tooltip.component.css │ │ │ │ └── demo-position-tooltip.component.ts │ │ ├── at-demo-upload │ │ │ ├── at-demo-upload.component.css │ │ │ ├── at-demo-upload-basic │ │ │ │ ├── at-demo-upload-basic.component.css │ │ │ │ └── at-demo-upload-basic.component.html │ │ │ ├── at-demo-upload.component.html │ │ │ └── at-demo-upload.component.ts │ │ ├── at-demo-breadcrumb │ │ │ ├── at-demo-breadcrumb.component.css │ │ │ ├── demo-basic-breadcrumb │ │ │ │ ├── demo-basic-breadcrumb.component.css │ │ │ │ ├── demo-basic-breadcrumb.component.html │ │ │ │ └── demo-basic-breadcrumb.component.ts │ │ │ └── demo-separate-breadcrumb │ │ │ │ ├── demo-separate-breadcrumb.component.css │ │ │ │ ├── demo-separate-breadcrumb.component.html │ │ │ │ └── demo-separate-breadcrumb.component.ts │ │ ├── at-demo-carousel │ │ │ ├── at-demo-carousel.component.css │ │ │ ├── at-demo-basic-carousel │ │ │ │ ├── at-demo-basic-carousel.component.css │ │ │ │ └── at-demo-basic-carousel.component.html │ │ │ └── at-demo-carousel.component.ts │ │ ├── at-demo-checkbox │ │ │ ├── at-demo-checkbox.component.css │ │ │ ├── demo-basic-checkbox │ │ │ │ ├── demo-basic-checkbox.component.css │ │ │ │ └── demo-basic-checkbox.component.html │ │ │ └── demo-group-checkbox │ │ │ │ ├── demo-group-checkbox.component.css │ │ │ │ └── demo-group-checkbox.component.html │ │ ├── at-demo-collapse │ │ │ ├── at-demo-collapse.component.css │ │ │ ├── demo-basic-collapse │ │ │ │ ├── demo-basic-collapse.component.css │ │ │ │ ├── demo-basic-collapse.component.ts │ │ │ │ └── demo-basic-collapse.component.html │ │ │ ├── demo-nested-collapse │ │ │ │ ├── demo-nested-collapse.component.css │ │ │ │ └── demo-nested-collapse.component.ts │ │ │ ├── demo-simple-collapse │ │ │ │ ├── demo-simple-collapse.component.css │ │ │ │ ├── demo-simple-collapse.component.ts │ │ │ │ └── demo-simple-collapse.component.html │ │ │ └── demo-according-collapse │ │ │ │ ├── demo-according-collapse.component.css │ │ │ │ ├── demo-according-collapse.component.ts │ │ │ │ └── demo-according-collapse.component.html │ │ ├── at-demo-components │ │ │ └── at-demo-components.component.css │ │ ├── at-demo-dropdown │ │ │ ├── at-demo-dropdown.component.css │ │ │ ├── basic-demo-dropdown │ │ │ │ └── basic-demo-dropdown.component.css │ │ │ └── demo-place-dropdown │ │ │ │ ├── demo-place-dropdown.component.css │ │ │ │ └── demo-place-dropdown.component.ts │ │ ├── at-demo-loadingbar │ │ │ ├── at-demo-loadingbar.component.css │ │ │ ├── at-demo-loadingbar.component.html │ │ │ └── at-demo-loadingbar.component.ts │ │ ├── at-demo-pagenation │ │ │ ├── at-demo-pagenation.component.css │ │ │ ├── demo-basic-page │ │ │ │ ├── demo-basic-page.component.css │ │ │ │ ├── demo-basic-page.component.html │ │ │ │ └── demo-basic-page.component.ts │ │ │ ├── demo-full-page │ │ │ │ ├── demo-full-page.component.css │ │ │ │ ├── demo-full-page.component.html │ │ │ │ └── demo-full-page.component.ts │ │ │ ├── demo-simple-page │ │ │ │ ├── demo-simple-page.component.css │ │ │ │ ├── demo-simple-page.component.html │ │ │ │ └── demo-simple-page.component.ts │ │ │ └── demo-size-page │ │ │ │ ├── demo-size-page.component.css │ │ │ │ ├── demo-size-page.component.html │ │ │ │ └── demo-size-page.component.ts │ │ ├── at-demo-progress │ │ │ ├── at-demo-progress.component.css │ │ │ ├── demo-basic-progress │ │ │ │ ├── demo-basic-progress.component.css │ │ │ │ └── demo-basic-progress.component.html │ │ │ ├── demo-status-progress │ │ │ │ ├── demo-status-progress.component.css │ │ │ │ ├── demo-status-progress.component.html │ │ │ │ └── demo-status-progress.component.ts │ │ │ └── demo-stroke-progress │ │ │ │ ├── demo-stroke-progress.component.css │ │ │ │ ├── demo-stroke-progress.component.html │ │ │ │ └── demo-stroke-progress.component.ts │ │ ├── at-demo-textarea │ │ │ ├── at-demo-textarea.component.css │ │ │ ├── demo-basic-textarea │ │ │ │ ├── demo-basic-textarea.component.css │ │ │ │ ├── demo-basic-textarea.component.html │ │ │ │ └── demo-basic-textarea.component.ts │ │ │ └── at-demo-textarea.component.ts │ │ ├── at-demo-timeline │ │ │ ├── at-demo-timeline.component.css │ │ │ ├── at-demo-timeline-basic │ │ │ │ ├── at-demo-timeline-basic.component.css │ │ │ │ └── at-demo-timeline-basic.component.html │ │ │ ├── at-demo-timeline-dot │ │ │ │ ├── at-demo-timeline-dot.component.css │ │ │ │ └── at-demo-timeline-dot.component.ts │ │ │ └── at-demo-pending-timeline │ │ │ │ ├── at-demo-pending-timeline.component.css │ │ │ │ └── at-demo-pending-timeline.component.ts │ │ ├── at-demo-color-picker │ │ │ ├── at-demo-color-picker.component.css │ │ │ └── at-demo-color-picker.component.ts │ │ ├── at-demo-doc-section │ │ │ └── at-demo-doc-section.component.css │ │ ├── at-demo-notification │ │ │ ├── at-demo-notification.component.css │ │ │ └── demo-basic-notification │ │ │ │ ├── demo-basic-notification.component.css │ │ │ │ └── demo-basic-notification.component.html │ │ ├── at-demo-number-input │ │ │ ├── at-demo-number-input.component.css │ │ │ ├── demo-size-number-input │ │ │ │ ├── demo-size-number-input.component.css │ │ │ │ ├── demo-size-number-input.component.ts │ │ │ │ └── demo-size-number-input.component.html │ │ │ ├── demo-step-number-input │ │ │ │ ├── demo-step-number-input.component.css │ │ │ │ ├── demo-step-number-input.component.html │ │ │ │ └── demo-step-number-input.component.ts │ │ │ └── demo-basic-number-input │ │ │ │ ├── demo-basic-number-input.component.css │ │ │ │ ├── demo-basic-number-input.component.html │ │ │ │ └── demo-basic-number-input.component.ts │ │ ├── at-demo-tree-select │ │ │ ├── at-demo-tree-select.component.css │ │ │ ├── demo-tree-select │ │ │ │ └── demo-tree-select.component.css │ │ │ └── at-demo-tree-select.component.html │ │ ├── at-demo-autocompelete │ │ │ ├── at-demo-autocompelete.component.css │ │ │ └── at-demo-autocompelete.component.html │ │ ├── at-demo-datetimepicker │ │ │ ├── at-demo-datetimepicker.component.css │ │ │ ├── demo-basic-datepicker │ │ │ │ ├── demo-basic-datepicker.component.css │ │ │ │ └── demo-basic-datepicker.component.ts │ │ │ └── at-demo-datetimepicker.component.ts │ │ ├── utils │ │ │ └── doc-helper.ts │ │ └── admin │ │ │ └── admin.component.ts │ ├── app.component.html │ ├── app.component.css │ ├── utils │ │ └── class-helper.ts │ └── app.component.ts ├── favicon.ico ├── environments │ ├── environment.prod.ts │ └── environment.ts ├── typings.d.ts ├── tsconfig.app.json ├── main.ts ├── tsconfig.spec.json └── index.html ├── schematics ├── utils │ ├── lib-versions.ts │ └── devkit-utils │ │ └── README.md ├── .npmignore ├── ng-add │ ├── schema.ts │ └── schema.json ├── .gitignore └── collection.json ├── docs ├── favicon.ico └── assets │ ├── imgs │ ├── wx.jpg │ └── zfb.jpg │ ├── icons │ ├── icon-128x128.png │ ├── icon-144x144.png │ ├── icon-152x152.png │ ├── icon-192x192.png │ ├── icon-384x384.png │ ├── icon-512x512.png │ ├── icon-72x72.png │ └── icon-96x96.png │ ├── sass │ ├── fonts │ │ ├── aticon.eot │ │ ├── aticon.ttf │ │ ├── aticon.woff │ │ ├── feather.eot │ │ ├── feather.ttf │ │ └── feather.woff │ ├── variables │ │ └── index.scss │ ├── components │ │ ├── dnd.scss │ │ └── card.scss │ ├── core │ │ └── index.scss │ ├── entry.scss │ ├── mixins │ │ ├── index.scss │ │ └── lib │ │ │ ├── size.scss │ │ │ ├── clearfix.scss │ │ │ ├── hide-text.scss │ │ │ ├── ellipsis.scss │ │ │ └── shade.scss │ └── index.scss │ └── stylesheets │ └── fonts │ ├── aticon.eot │ ├── aticon.ttf │ ├── aticon.woff │ ├── feather.eot │ ├── feather.ttf │ └── feather.woff ├── e2e ├── app.po.ts ├── tsconfig.e2e.json └── app.e2e-spec.ts ├── .editorconfig ├── tsconfig.json └── ngsw-config.json /src/assets/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/card/card.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/icon/icon.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/menu/menu.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/tag/tag.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/i18-n/i18-n.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/intro/intro.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/alert/alert.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/badge/badge.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/button/button.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/drawer/drawer.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/grid/col/col.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/grid/row/row.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/input/input.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/popover/popover.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/radio/radio.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/slider/slider.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/steps/step/step.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/steps/steps.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/switch/switch.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/tooltip/tooltip.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/connect/connect.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/doc-td/doc-tr.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/install/install.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/startup/startup.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/checkbox/checkbox.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/dropdown/dropdown.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/dropdown/dropdown.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/popover/popover.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/progress/progress.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/textarea/textarea.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/timeline/timeline.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/high-light/high-light.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/update-log/update-log.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/affix/at-affix/at-affix.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/affix/at-affix/at-affix.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/breadcrumb/breadcrumb.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/datetimepicker/time/time.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/menu/menu-item/menu-item.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/menu/menu-list/menu-list.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/menu/sub-menu/sub-menu.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/pagenation/pagenation.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/table/at-expand/at-expand.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-affix/at-demo-affix.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-alert/at-demo-alert.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-badge/at-demo-badge.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-card/at-demo-card.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-form/at-demo-form.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/at-demo-input.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-menu/at-demo-menu.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-modal/at-demo-modal.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-radio/at-demo-radio.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-steps/at-demo-steps.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-table/at-demo-table.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tabs/at-demo-tabs.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tag/at-demo-tag.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tree/at-demo-tree.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/doc-type-td/doc-type-td.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/datetimepicker/datetimepicker.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/divider/at-divider/at-divider.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/form/at-form-item/at-form-item.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/menu/inline-menu/inline-menu.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/radio/radio-group/radio-group.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-button/at-demo-button.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-divider/at-demo-divider.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-drawer/at-demo-drawer.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-layout/at-demo-layout.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-message/at-demo-message.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-popover/at-demo-popover.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-select/at-demo-select.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-slider/at-demo-slider.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-switch/at-demo-switch.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-theme/at-demo-theme.component.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tooltip/at-demo-tooltip.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-upload/at-demo-upload.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/app.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/app/components/alert/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/badge/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/button/button-group/button-group.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/button/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/card/at-card-footer/at-card-footer.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/card/at-card-header/at-card-header.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/card/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/carousel/at-carousel/at-carousel.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/datetimepicker/calendar/calendar.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/drawer/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/form/at-form-label/at-form-label.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/form/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/grid/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/i18n/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/icon/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/input/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/layout/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/menu/drop-menu-list/drop-menu-list.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/menu/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/radio/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/radio/radio-button/radio-button.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/select/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/slider/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/steps/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/switch/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/tab/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/table/at-expand-th/at-expand-th.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/table/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/tag/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/tree/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-breadcrumb/at-demo-breadcrumb.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-carousel/at-demo-carousel.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-checkbox/at-demo-checkbox.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-collapse/at-demo-collapse.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-components/at-demo-components.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-dropdown/at-demo-dropdown.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-loadingbar/at-demo-loadingbar.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-pagenation/at-demo-pagenation.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-progress/at-demo-progress.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-textarea/at-demo-textarea.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-timeline/at-demo-timeline.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /schematics/utils/lib-versions.ts: -------------------------------------------------------------------------------- 1 | export const atVersion = '^7.0.0'; 2 | -------------------------------------------------------------------------------- /src/app/components/breadcrumb/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/card/at-card-content/at-card-content.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/carousel/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/checkbox/checkbox-group/checkbox-group.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/checkbox/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/collapse/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/color-picker/at-color-wrap/at-color-wrap.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/divider/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/dropdown/at-drop-submenu/at-drop-submenu.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/dropdown/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/form/at-form-control/at-form-control.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/layout/at-layout-body/at-layout-body.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/layout/at-layout-header/at-layout-header.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/menu/menu-item-group/menu-item-group.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/message/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/pagenation/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/popover/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/progress/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/textarea/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/timeline/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/timeline/timeline-item/timeline-item.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/tooltip/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/tree-select/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-color-picker/at-demo-color-picker.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-doc-section/at-demo-doc-section.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-menu/demo-top-menu/demo-top-menu.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-menu/demo-top-menu/demo-top-menu.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-notification/at-demo-notification.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-number-input/at-demo-number-input.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-switch/swicth-basic/swicth-basic.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tabs/demo-basic-tab/demo-basic-tab.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tag/demo-basic-tag/demo-basic-tag.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tag/demo-color-tag/demo-color-tag.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tree-select/at-demo-tree-select.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/autocomplete/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/collapse/at-collapse-item/at-collapse-item.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/color-picker/at-color-sketch/at-color-sketch.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/color-picker/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/datetimepicker/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/grid/row/row.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/app/components/layout/at-layout-content/at-layout-content.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/layout/at-layout-sidebar/at-layout-sidebar.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/menu/dropdown-menu-item/dropdown-menu-item.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/message/message-container/message-container.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/notification/index.ts: -------------------------------------------------------------------------------- 1 | export * from './public-api'; 2 | -------------------------------------------------------------------------------- /src/app/components/tree-select/at-tree-select/at-tree-select.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-affix/demo-affix-basic/demo-affix-basic.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-alert/demo-alert-basic/demo-alert-basic.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-autocompelete/at-demo-autocompelete.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-badge/demo-basic-badge/demo-basic-badge.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-datetimepicker/at-demo-datetimepicker.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-form/demo-form-basic/demo-form-basic.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-basic-input/demo-basic-input.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-icon-input/demo-icon-input.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-pend-input/demo-pend-input.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-size-input/demo-size-input.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-menu/demo-inline-menu/demo-inline-menu.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-modal/demo-basic-modal/demo-basic-modal.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-radio/demo-basic-radio/demo-basic-radio.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-radio/demo-color-radio/demo-color-radio.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-radio/demo-size-radio/demo-size-radio.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-steps/demo-basic-steps/demo-basic-steps.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-steps/demo-size-steps/demo-size-steps.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-table/demo-basic-table/demo-basic-table.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-table/demo-page-table/demo-page-table.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-table/demo-size-table/demo-size-table.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tabs/at-demo-card-tab/at-demo-card-tab.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-badge/demo-combine-badge/demo-combine-badge.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-badge/demo-dynamic-badge/demo-dynamic-badge.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-form/demo-position-form/demo-position-form.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-status-input/demo-status-input.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-menu/demo-vertical-menu/demo-vertical-menu.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-modal/demo-custom-modal/demo-custom-modal.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-modal/demo-service-modal/demo-service-modal.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-pagenation/demo-basic-page/demo-basic-page.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-pagenation/demo-full-page/demo-full-page.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-pagenation/demo-simple-page/demo-simple-page.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-pagenation/demo-size-page/demo-size-page.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-radio/demo-button-radio/demo-button-radio.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-radio/demo-disable-radio/demo-disable-radio.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-select/demo-input-select/demo-input-select.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-select/demo-select-basic/demo-select-basic.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-select/demo-select-clear/demo-select-clear.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-select/demo-select-size/demo-select-size.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-slider/demo-basic-slider/demo-basic-slider.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tabs/at-demo-size-tabs/at-demo-size-tabs.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tree/at-demo-basic-tree/at-demo-basic-tree.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tree/at-demo-custom-tree/at-demo-custom-tree.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tree/at-demo-remote-tree/at-demo-remote-tree.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tree/at-demo-tree-group/at-demo-tree-group.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/favicon.ico -------------------------------------------------------------------------------- /src/app/components/drawer/drawer.component.html: -------------------------------------------------------------------------------- 1 |

2 | drawer works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/grid/col/col.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/app/components/menu/menu-item/menu-item.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/app/components/menu/menu-list/menu-list.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-checkbox/demo-basic-checkbox/demo-basic-checkbox.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-checkbox/demo-basic-checkbox/demo-basic-checkbox.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-checkbox/demo-group-checkbox/demo-group-checkbox.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-collapse/demo-basic-collapse/demo-basic-collapse.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-dropdown/basic-demo-dropdown/basic-demo-dropdown.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-dropdown/demo-place-dropdown/demo-place-dropdown.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-message/demo-basic-message/demo-basic-message.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-modal/demo-position-modal/demo-position-modal.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-popover/demo-basic-popover/demo-basic-popover.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-popover/demo-content-popover/demo-content-popover.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-progress/demo-basic-progress/demo-basic-progress.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-select/demo-select-multiple/demo-select-multiple.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-steps/demo-horizonal-steps/demo-horizonal-steps.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-textarea/demo-basic-textarea/demo-basic-textarea.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tooltip/demo-basic-tooltip/demo-basic-tooltip.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tree-select/demo-tree-select/demo-tree-select.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-upload/at-demo-upload-basic/at-demo-upload-basic.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/favicon.ico -------------------------------------------------------------------------------- /src/app/components/icon/icon.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/app/components/menu/inline-menu/inline-menu.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/app/components/notification/notification-container/notification-container.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/steps/step/step.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-breadcrumb/demo-basic-breadcrumb/demo-basic-breadcrumb.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-carousel/at-demo-basic-carousel/at-demo-basic-carousel.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-collapse/demo-nested-collapse/demo-nested-collapse.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-collapse/demo-simple-collapse/demo-simple-collapse.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-popover/demo-position-popover/demo-position-popover.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-progress/demo-status-progress/demo-status-progress.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-progress/demo-stroke-progress/demo-stroke-progress.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-timeline/at-demo-timeline-basic/at-demo-timeline-basic.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-timeline/at-demo-timeline-dot/at-demo-timeline-dot.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tooltip/demo-position-tooltip/demo-position-tooltip.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tree/at-demo-checkable-tree/at-demo-checkable-tree.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /schematics/.npmignore: -------------------------------------------------------------------------------- 1 | # Ignores TypeScript files, but keeps definitions. 2 | *.ts 3 | !*.d.ts 4 | -------------------------------------------------------------------------------- /src/app/components/tree-select/at-tree-select-top-control/at-tree-select-top-control.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-collapse/demo-according-collapse/demo-according-collapse.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-datetimepicker/demo-basic-datepicker/demo-basic-datepicker.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-number-input/demo-size-number-input/demo-size-number-input.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-number-input/demo-step-number-input/demo-step-number-input.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-timeline/at-demo-pending-timeline/at-demo-pending-timeline.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/high-light/high-light.component.html: -------------------------------------------------------------------------------- 1 |

2 | high-light works! 3 |

4 | -------------------------------------------------------------------------------- /docs/assets/imgs/wx.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/imgs/wx.jpg -------------------------------------------------------------------------------- /docs/assets/imgs/zfb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/imgs/zfb.jpg -------------------------------------------------------------------------------- /src/app/components/menu/menu.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | -------------------------------------------------------------------------------- /src/app/components/table/at-expand/at-expand.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-expand works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-breadcrumb/demo-separate-breadcrumb/demo-separate-breadcrumb.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-notification/demo-basic-notification/demo-basic-notification.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-notification/demo-basic-notification/demo-basic-notification.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-number-input/demo-basic-number-input/demo-basic-number-input.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/imgs/wx.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/imgs/wx.jpg -------------------------------------------------------------------------------- /src/assets/imgs/zfb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/imgs/zfb.jpg -------------------------------------------------------------------------------- /src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /src/app/components/carousel/at-carousel/at-carousel.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-carousel works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/divider/at-divider/at-divider.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-divider works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/form/at-form-item/at-form-item.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-form-item works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/table/at-expand-th/at-expand-th.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-expand-th works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/card/at-card-footer/at-card-footer.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-card-footer works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/card/at-card-header/at-card-header.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-card-header works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/form/at-form-label/at-form-label.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-form-label works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/menu/drop-menu-list/drop-menu-list.component.html: -------------------------------------------------------------------------------- 1 |

2 | drop-menu-list works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/tag/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-tag.module'; 2 | export * from './tag.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/alert/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './alert.component'; 2 | export * from './at-alert-module'; 3 | -------------------------------------------------------------------------------- /src/app/components/badge/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './badge.component'; 2 | export * from './at-badge-module'; 3 | -------------------------------------------------------------------------------- /src/app/components/color-picker/at-color-wrap/at-color-wrap.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-color-wrap works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/form/at-form-control/at-form-control.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-form-control works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/layout/at-layout-body/at-layout-body.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-layout-body works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/menu/dropdown-menu-item/dropdown-menu-item.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-loadingbar/at-demo-loadingbar.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-demo-loadingbar works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tag/demo-basic-tag/demo-basic-tag.component.html: -------------------------------------------------------------------------------- 1 |

2 | demo-basic-tag works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tag/demo-color-tag/demo-color-tag.component.html: -------------------------------------------------------------------------------- 1 |

2 | demo-color-tag works! 3 |

4 | -------------------------------------------------------------------------------- /src/assets/icons/icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/icons/icon-72x72.png -------------------------------------------------------------------------------- /src/assets/icons/icon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/icons/icon-96x96.png -------------------------------------------------------------------------------- /docs/assets/icons/icon-128x128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/icons/icon-128x128.png -------------------------------------------------------------------------------- /docs/assets/icons/icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/icons/icon-144x144.png -------------------------------------------------------------------------------- /docs/assets/icons/icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/icons/icon-152x152.png -------------------------------------------------------------------------------- /docs/assets/icons/icon-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/icons/icon-192x192.png -------------------------------------------------------------------------------- /docs/assets/icons/icon-384x384.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/icons/icon-384x384.png -------------------------------------------------------------------------------- /docs/assets/icons/icon-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/icons/icon-512x512.png -------------------------------------------------------------------------------- /docs/assets/icons/icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/icons/icon-72x72.png -------------------------------------------------------------------------------- /docs/assets/icons/icon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/icons/icon-96x96.png -------------------------------------------------------------------------------- /docs/assets/sass/fonts/aticon.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/sass/fonts/aticon.eot -------------------------------------------------------------------------------- /docs/assets/sass/fonts/aticon.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/sass/fonts/aticon.ttf -------------------------------------------------------------------------------- /docs/assets/sass/fonts/aticon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/sass/fonts/aticon.woff -------------------------------------------------------------------------------- /docs/assets/sass/fonts/feather.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/sass/fonts/feather.eot -------------------------------------------------------------------------------- /docs/assets/sass/fonts/feather.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/sass/fonts/feather.ttf -------------------------------------------------------------------------------- /src/app/components/card/public-api.ts: -------------------------------------------------------------------------------- 1 | 2 | export * from './card.component'; 3 | export * from './at-card-module'; 4 | -------------------------------------------------------------------------------- /src/app/components/collapse/at-collapse-item/at-collapse-item.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-collapse-item works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/drawer/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-drawer.module'; 2 | export * from './drawer.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/dropdown/at-drop-submenu/at-drop-submenu.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-drop-submenu works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/layout/at-layout-header/at-layout-header.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-layout-header works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/slider/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-slider.module'; 2 | export * from './slider.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/switch/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-switch.module'; 2 | export * from './switch.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/tree-select/at-tree-select/at-tree-select.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-tree-select works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/showcase/doc-type-td/doc-type-td.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/icons/icon-128x128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/icons/icon-128x128.png -------------------------------------------------------------------------------- /src/assets/icons/icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/icons/icon-144x144.png -------------------------------------------------------------------------------- /src/assets/icons/icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/icons/icon-152x152.png -------------------------------------------------------------------------------- /src/assets/icons/icon-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/icons/icon-192x192.png -------------------------------------------------------------------------------- /src/assets/icons/icon-384x384.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/icons/icon-384x384.png -------------------------------------------------------------------------------- /src/assets/icons/icon-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/icons/icon-512x512.png -------------------------------------------------------------------------------- /src/assets/sass/fonts/aticon.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/sass/fonts/aticon.eot -------------------------------------------------------------------------------- /src/assets/sass/fonts/aticon.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/sass/fonts/aticon.ttf -------------------------------------------------------------------------------- /src/assets/sass/fonts/aticon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/sass/fonts/aticon.woff -------------------------------------------------------------------------------- /src/assets/sass/fonts/feather.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/sass/fonts/feather.eot -------------------------------------------------------------------------------- /src/assets/sass/fonts/feather.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/sass/fonts/feather.ttf -------------------------------------------------------------------------------- /src/assets/sass/fonts/feather.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/sass/fonts/feather.woff -------------------------------------------------------------------------------- /docs/assets/sass/fonts/feather.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/sass/fonts/feather.woff -------------------------------------------------------------------------------- /src/app/components/color-picker/at-color-sketch/at-color-sketch.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-color-sketch works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/icon/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-icon.module'; 2 | export * from './icon.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/layout/at-layout-content/at-layout-content.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-layout-content works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/layout/at-layout-sidebar/at-layout-sidebar.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-layout-sidebar works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/progress/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-progress.module'; 2 | export * from './progress.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/textarea/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-textarea.module'; 2 | export * from './textarea.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/breadcrumb/breadcrumb.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | -------------------------------------------------------------------------------- /src/assets/stylesheets/fonts/aticon.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/stylesheets/fonts/aticon.eot -------------------------------------------------------------------------------- /src/assets/stylesheets/fonts/aticon.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/stylesheets/fonts/aticon.ttf -------------------------------------------------------------------------------- /docs/assets/stylesheets/fonts/aticon.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/stylesheets/fonts/aticon.eot -------------------------------------------------------------------------------- /docs/assets/stylesheets/fonts/aticon.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/stylesheets/fonts/aticon.ttf -------------------------------------------------------------------------------- /docs/assets/stylesheets/fonts/aticon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/stylesheets/fonts/aticon.woff -------------------------------------------------------------------------------- /docs/assets/stylesheets/fonts/feather.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/stylesheets/fonts/feather.eot -------------------------------------------------------------------------------- /docs/assets/stylesheets/fonts/feather.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/stylesheets/fonts/feather.ttf -------------------------------------------------------------------------------- /src/app/components/autocomplete/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './autocomplete.component'; 2 | export * from './autocomplete.module'; 3 | -------------------------------------------------------------------------------- /src/app/components/pagenation/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-pagenation.module'; 2 | export * from './pagenation.component'; 3 | -------------------------------------------------------------------------------- /src/app/showcase/doc-td/doc-tr.component.html: -------------------------------------------------------------------------------- 1 | 2 | {{o ? '(' : '['}}{{o ? ')' : ']'}} 3 | 4 | -------------------------------------------------------------------------------- /src/assets/stylesheets/fonts/aticon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/stylesheets/fonts/aticon.woff -------------------------------------------------------------------------------- /src/assets/stylesheets/fonts/feather.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/stylesheets/fonts/feather.eot -------------------------------------------------------------------------------- /src/assets/stylesheets/fonts/feather.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/stylesheets/fonts/feather.ttf -------------------------------------------------------------------------------- /src/assets/stylesheets/fonts/feather.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/src/assets/stylesheets/fonts/feather.woff -------------------------------------------------------------------------------- /docs/assets/sass/variables/index.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Variables 3 | */ 4 | 5 | @import './default.scss'; 6 | @import './timing-function.scss'; 7 | -------------------------------------------------------------------------------- /docs/assets/stylesheets/fonts/feather.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/100cm/at-ui-angular/HEAD/docs/assets/stylesheets/fonts/feather.woff -------------------------------------------------------------------------------- /src/app/app.component.css: -------------------------------------------------------------------------------- 1 | label { 2 | line-height: 32px; 3 | } 4 | 5 | .container { 6 | width: 1200px; 7 | margin: 0px auto; 8 | } 9 | -------------------------------------------------------------------------------- /src/app/components/button/button-group/button-group.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | -------------------------------------------------------------------------------- /src/assets/sass/variables/index.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Variables 3 | */ 4 | 5 | @import './default.scss'; 6 | @import './timing-function.scss'; 7 | -------------------------------------------------------------------------------- /src/typings.d.ts: -------------------------------------------------------------------------------- 1 | /* SystemJS module definition */ 2 | declare var module: NodeModule; 3 | interface NodeModule { 4 | id: string; 5 | } 6 | -------------------------------------------------------------------------------- /docs/assets/sass/components/dnd.scss: -------------------------------------------------------------------------------- 1 | 2 | 3 | .on-drag-enter { 4 | box-sizing: border-box; 5 | box-shadow: 2px 2px 20px $grey-800; 6 | } 7 | -------------------------------------------------------------------------------- /src/assets/sass/components/dnd.scss: -------------------------------------------------------------------------------- 1 | 2 | 3 | .on-drag-enter { 4 | box-sizing: border-box; 5 | box-shadow: 2px 2px 20px $grey-800; 6 | } 7 | -------------------------------------------------------------------------------- /src/app/components/affix/index.ts: -------------------------------------------------------------------------------- 1 | export {AtAffixModule}from './at-affix.module'; 2 | export {AtAffixComponent} from './at-affix/at-affix.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/radio/radio-group/radio-group.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 |
6 | -------------------------------------------------------------------------------- /src/app/components/tree-select/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-tree-select.module'; 2 | export * from './at-tree-select/at-tree-select.component'; 3 | -------------------------------------------------------------------------------- /docs/assets/sass/core/index.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Core 3 | */ 4 | 5 | @import './normalize'; 6 | @import './base'; 7 | @import './grid'; 8 | @import './font'; 9 | -------------------------------------------------------------------------------- /src/app/components/tree-select/at-tree-select-top-control/at-tree-select-top-control.component.html: -------------------------------------------------------------------------------- 1 |

2 | at-tree-select-top-control works! 3 |

4 | -------------------------------------------------------------------------------- /src/app/components/upload/index.ts: -------------------------------------------------------------------------------- 1 | export {AtUploadComponent} from './at-upload/at-upload.component'; 2 | export {AtUploadModule} from './upload.module'; 3 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-pagenation/demo-size-page/demo-size-page.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/assets/sass/core/index.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Core 3 | */ 4 | 5 | @import './normalize'; 6 | @import './base'; 7 | @import './grid'; 8 | @import './font'; 9 | -------------------------------------------------------------------------------- /src/app/components/steps/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-step.module'; 2 | export * from './step/step.component'; 3 | export * from './steps.component'; 4 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-pagenation/demo-basic-page/demo-basic-page.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 |
5 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-pagenation/demo-simple-page/demo-simple-page.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-select/demo-search-select/demo-search-select.component.css: -------------------------------------------------------------------------------- 1 | /*.at-see*/ 2 | ::ng-deep .at-select__list { 3 | max-height: 100px; 4 | } 5 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-textarea/demo-basic-textarea/demo-basic-textarea.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tree/at-demo-custom-tree/at-demo-custom-tree.component.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-checkbox/demo-group-checkbox/demo-group-checkbox.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /src/app/components/divider/public-api.ts: -------------------------------------------------------------------------------- 1 | export { AtDividerModule } from './divider.module'; 2 | export { AtDividerComponent } from './at-divider/at-divider.component'; 3 | -------------------------------------------------------------------------------- /src/app/components/popover/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-popover.module'; 2 | export * from './popover.component'; 3 | export * from './pop-trigger.directive'; 4 | -------------------------------------------------------------------------------- /src/app/components/tooltip/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './tooltip-trigger.directive'; 2 | export * from './tooltip.component'; 3 | export * from './at-tooltip.module'; 4 | -------------------------------------------------------------------------------- /src/app/components/grid/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-grid.module'; 2 | export * from './col/col.component'; 3 | export * from './row/row.component'; 4 | -------------------------------------------------------------------------------- /src/app/components/input/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-input.module'; 2 | export * from './input.component'; 3 | export * from './at-input.directive'; 4 | -------------------------------------------------------------------------------- /src/app/showcase/utils/doc-helper.ts: -------------------------------------------------------------------------------- 1 | export class DocHelper { 2 | 3 | public docRequire(path: string) { 4 | return require('!!raw-loader!' + path); 5 | } 6 | 7 | } 8 | -------------------------------------------------------------------------------- /schematics/ng-add/schema.ts: -------------------------------------------------------------------------------- 1 | 2 | export interface Schema { 3 | /** Whether to skip package.json install. */ 4 | skipPackageJson: boolean; 5 | 6 | project?: string; 7 | } 8 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-pagenation/demo-full-page/demo-full-page.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/app/components/card/card.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 |
6 | -------------------------------------------------------------------------------- /src/app/components/breadcrumb/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './breadcrumb-item/at-bread-item.component'; 2 | export * from './breadcrumb.component'; 3 | export * from './at-bread-module'; 4 | -------------------------------------------------------------------------------- /src/app/components/collapse/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-collapse.component'; 2 | export * from './collapse.module'; 3 | export * from './at-collapse-item/at-collapse-item.component'; 4 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-basic-input/demo-basic-input.component.html: -------------------------------------------------------------------------------- 1 |
2 |

双向绑定值： {{value}}

3 | 4 |
5 | -------------------------------------------------------------------------------- /schematics/utils/devkit-utils/README.md: -------------------------------------------------------------------------------- 1 | # NOTE 2 | This code is directly taken from [angular schematics package](https://github.com/angular/devkit/tree/master/packages/schematics/angular/utility). -------------------------------------------------------------------------------- /src/app/components/carousel/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-carousel.module'; 2 | export * from './at-carousel/at-carousel.component'; 3 | export * from './at-carousel/at-carousel.directive'; 4 | -------------------------------------------------------------------------------- /src/app/components/checkbox/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-checkbox.component'; 2 | export * from './at-checkbox.module'; 3 | export * from './checkbox-group/at-checkbox-group.component'; 4 | -------------------------------------------------------------------------------- /src/app/components/modal/index.ts: -------------------------------------------------------------------------------- 1 | export {ModalComponent} from './modal.component'; 2 | export {AtModalModule} from './at-modal.module'; 3 | export {AtModalService} from './at-modal.service'; 4 | -------------------------------------------------------------------------------- /src/app/components/timeline/timeline.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-icon-input/demo-icon-input.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 |
6 | -------------------------------------------------------------------------------- /src/app/utils/class-helper.ts: -------------------------------------------------------------------------------- 1 | export interface ClassHelper { 2 | _prefixCls: string; 3 | _classList: any[]; 4 | _el: HTMLElement; 5 | nativeElement: any; 6 | _setClassMap(): void; 7 | } 8 | -------------------------------------------------------------------------------- /src/app/components/button/button.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/app/components/button/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './button-group/button-group.component'; 2 | export * from './button.component'; 3 | export * from './hollow/hollow.directive'; 4 | export * from './at-button-module'; 5 | -------------------------------------------------------------------------------- /src/app/components/message/message-container/message-container.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 |
6 | -------------------------------------------------------------------------------- /src/app/components/i18n/i18n-token.ts: -------------------------------------------------------------------------------- 1 | import { InjectionToken } from '@angular/core'; 2 | import { AtI18nInterface } from './at-i18n.interface'; 3 | 4 | export const AT_I18N = new InjectionToken('nz-i18n'); 5 | -------------------------------------------------------------------------------- /src/app/components/radio/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './radio-button/radio-button.component'; 2 | export * from './radio-group/radio-group.component'; 3 | export * from './radio.component'; 4 | export * from './at-radio-module'; 5 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-carousel/at-demo-basic-carousel/at-demo-basic-carousel.component.html: -------------------------------------------------------------------------------- 1 | 2 |

{{index}}

3 | 4 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-progress/demo-basic-progress/demo-basic-progress.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tooltip/demo-basic-tooltip/demo-basic-tooltip.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
我很好
4 | 5 | 6 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tree/at-demo-remote-tree/at-demo-remote-tree.component.html: -------------------------------------------------------------------------------- 1 | 6 | 7 | -------------------------------------------------------------------------------- /src/app/components/notification/notification-container/notification-container.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-progress/demo-status-progress/demo-status-progress.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/app/components/icon/icon-status-type.ts: -------------------------------------------------------------------------------- 1 | export const StatusIconType = { 2 | 'info': 'icon-info', 3 | 'error': 'icon-x-circle', 4 | 'warning': 'icon-alert-circle', 5 | 'success': 'icon-check-circle', 6 | 'loading': 'icon-loader' 7 | }; 8 | -------------------------------------------------------------------------------- /src/app/components/textarea/textarea.component.html: -------------------------------------------------------------------------------- 1 |
2 | 5 |
6 | -------------------------------------------------------------------------------- /src/app/components/timeline/timeline-dot.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[timeline-dot]' 5 | }) 6 | export class TimelineDotDirective { 7 | 8 | constructor() { } 9 | 10 | } 11 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-number-input/demo-step-number-input/demo-step-number-input.component.html: -------------------------------------------------------------------------------- 1 | 5 | 6 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-timeline/at-demo-timeline-basic/at-demo-timeline-basic.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |

洗澡

4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/app/components/i18n/at-i18n.pipe.spec.ts: -------------------------------------------------------------------------------- 1 | import { AtI18nPipe } from './at-i18n.pipe'; 2 | 3 | describe('AtI18nPipe', () => { 4 | it('create an instance', () => { 5 | const pipe = new AtI18nPipe(); 6 | expect(pipe).toBeTruthy(); 7 | }); 8 | }); 9 | -------------------------------------------------------------------------------- /src/app/components/select/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-option-group.component'; 2 | export * from './at-option-container.component'; 3 | export * from './at-option.component'; 4 | export * from './at-select.component'; 5 | export * from './at-select.module'; 6 | -------------------------------------------------------------------------------- /src/app/components/timeline/timeline-selector.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[timeline-content]' 5 | }) 6 | export class TimelineSelectorDirective { 7 | 8 | constructor() { } 9 | 10 | } 11 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-number-input/demo-basic-number-input/demo-basic-number-input.component.html: -------------------------------------------------------------------------------- 1 | 5 | 6 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-autocompelete/at-demo-autocompelete.component.html: -------------------------------------------------------------------------------- 1 |

AutoComplete

2 | {{model}} 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-breadcrumb/demo-separate-breadcrumb/demo-separate-breadcrumb.component.html: -------------------------------------------------------------------------------- 1 | 2 | 导航1 3 | 导航2 4 | 去哪里 5 | 6 | -------------------------------------------------------------------------------- /docs/assets/sass/entry.scss: -------------------------------------------------------------------------------- 1 | @import './mixins/index.scss'; 2 | 3 | /* Variables */ 4 | @import './variables/timing-function.scss'; 5 | 6 | /* Core */ 7 | @import './core/index.scss'; 8 | 9 | /* Components */ 10 | @import './components/index.scss'; 11 | 12 | 13 | -------------------------------------------------------------------------------- /e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, by, element } from 'protractor'; 2 | 3 | export class AppPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /src/app/components/datetimepicker/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-datetimepicker.module'; 2 | export * from './time/time.component'; 3 | export * from './calendar/calendar.component'; 4 | export * from './at-format.pipe'; 5 | export * from './datetimepicker.component'; 6 | -------------------------------------------------------------------------------- /src/app/components/radio/radio-button/radio-button.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-affix/at-demo-affix.component.html: -------------------------------------------------------------------------------- 1 |
2 |

Affix

3 | 4 |
5 | 6 |
7 | 8 |
9 | -------------------------------------------------------------------------------- /src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'app'; 10 | } 11 | -------------------------------------------------------------------------------- /src/app/components/modal/modal-body.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive, ElementRef } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[body]' 5 | }) 6 | export class ModalBodyDirective { 7 | 8 | constructor(public elementRef: ElementRef) { 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /src/app/components/switch/switch.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{_value ? checkText : unCheckText}} 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/app/components/timeline/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './timeline-dot.directive'; 2 | export * from './timeline-item/timeline-item.component'; 3 | export * from './timeline-selector.directive'; 4 | export * from './timeline.component'; 5 | export * from './at-timeline.module'; 6 | -------------------------------------------------------------------------------- /src/app/components/datetimepicker/at-format.pipe.spec.ts: -------------------------------------------------------------------------------- 1 | import { AtFormatPipe } from './at-format.pipe'; 2 | 3 | describe('AtFormatPipe', () => { 4 | it('create an instance', () => { 5 | const pipe = new AtFormatPipe(); 6 | expect(pipe).toBeTruthy(); 7 | }); 8 | }); 9 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-progress/demo-stroke-progress/demo-stroke-progress.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-upload/at-demo-upload.component.html: -------------------------------------------------------------------------------- 1 |
2 |

Uploader

3 | 4 |
5 | 6 |
7 | 8 |
9 | -------------------------------------------------------------------------------- /docs/assets/sass/mixins/index.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Mixins 3 | */ 4 | 5 | /* library */ 6 | @import './lib/bem'; 7 | @import './lib/clearfix'; 8 | @import './lib/ellipsis'; 9 | @import './lib/hide-text'; 10 | @import './lib/size'; 11 | @import './lib/tint'; 12 | @import './lib/shade'; 13 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-breadcrumb/demo-basic-breadcrumb/demo-basic-breadcrumb.component.html: -------------------------------------------------------------------------------- 1 | 2 | asd 3 | asd 4 | asd 5 | 6 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-radio/demo-button-radio/demo-button-radio.component.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/sass/mixins/index.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Mixins 3 | */ 4 | 5 | /* library */ 6 | @import './lib/bem'; 7 | @import './lib/clearfix'; 8 | @import './lib/ellipsis'; 9 | @import './lib/hide-text'; 10 | @import './lib/size'; 11 | @import './lib/tint'; 12 | @import './lib/shade'; 13 | -------------------------------------------------------------------------------- /schematics/.gitignore: -------------------------------------------------------------------------------- 1 | # Outputs 2 | src/**/*.js 3 | src/**/*.js.map 4 | src/**/*.d.ts 5 | 6 | # IDEs 7 | .idea/ 8 | jsconfig.json 9 | .vscode/ 10 | 11 | # Misc 12 | node_modules/ 13 | npm-debug.log* 14 | yarn-error.log* 15 | 16 | # Mac OSX Finder files. 17 | **/.DS_Store 18 | .DS_Store 19 | -------------------------------------------------------------------------------- /src/app/components/tooltip/tooltip-trigger.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive, ElementRef } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[tooltipTrigger]' 5 | }) 6 | export class TooltipTriggerDirective { 7 | 8 | constructor(public elementRef: ElementRef) { } 9 | 10 | } 11 | -------------------------------------------------------------------------------- /src/assets/sass/entry.scss: -------------------------------------------------------------------------------- 1 | @import './mixins/index.scss'; 2 | /* Variables */ 3 | @import './variables/timing-function.scss'; 4 | 5 | @import "./variables/default"; 6 | /* Core */ 7 | @import './core/index.scss'; 8 | /* Components */ 9 | @import './components/index.scss'; 10 | 11 | 12 | -------------------------------------------------------------------------------- /schematics/collection.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json", 3 | "schematics": { 4 | "ng-add": { 5 | "description": "add at-ng", 6 | "factory": "./ng-add", 7 | "schema": "./ng-add/schema.json" 8 | } 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /src/app/components/tag/tag.component.html: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/app/components/tree/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './interface'; 2 | export * from './at-tree.module'; 3 | export * from './at-tree.component'; 4 | export * from './at-tree-node.component'; 5 | export * from './at-tree-node'; 6 | export * from './at-tree.service'; 7 | export * from './at-tree-util'; 8 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tree-select/at-demo-tree-select.component.html: -------------------------------------------------------------------------------- 1 |
2 |

Tree select

3 | 4 |
5 | 6 |
7 | 8 |
9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets/sass/index.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * AT-UI 3 | */ 4 | /* Mixin */ 5 | @import './mixins/index.scss'; 6 | /* Variables */ 7 | @import './variables/default_theme.scss'; 8 | /* Core */ 9 | @import './core/index.scss'; 10 | /* Components */ 11 | @import './components/index.scss'; 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/app/components/button/hollow/hollow.directive.spec.ts: -------------------------------------------------------------------------------- 1 | import { HollowDirective } from './hollow.directive'; 2 | 3 | describe('HollowDirective', () => { 4 | it('should create an instance', () => { 5 | const directive = new HollowDirective(); 6 | expect(directive).toBeTruthy(); 7 | }); 8 | }); 9 | -------------------------------------------------------------------------------- /src/app/components/input/at-input.directive.spec.ts: -------------------------------------------------------------------------------- 1 | import { AtInputDirective } from './at-input.directive'; 2 | 3 | describe('AtInputDirective', () => { 4 | it('should create an instance', () => { 5 | const directive = new AtInputDirective(); 6 | expect(directive).toBeTruthy(); 7 | }); 8 | }); 9 | -------------------------------------------------------------------------------- /src/app/components/checkbox/checkbox-group/checkbox-group.component.html: -------------------------------------------------------------------------------- 1 |
2 | 5 | 6 | 7 |
8 | -------------------------------------------------------------------------------- /src/app/components/popover/pop-trigger.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive, ElementRef } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[pop-trigger],[tooltip-trigger]' 5 | }) 6 | export class PopTriggerDirective { 7 | 8 | constructor(public elementRef: ElementRef) { 9 | } 10 | 11 | } 12 | -------------------------------------------------------------------------------- /src/app/components/table/at-thead.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive, HostBinding } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[at-thead]' 5 | }) 6 | export class AtTheadDirective { 7 | 8 | constructor() { 9 | } 10 | 11 | @HostBinding('class.at-table__thead') _thead = true; 12 | } 13 | -------------------------------------------------------------------------------- /docs/assets/sass/index.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * AT-UI 3 | */ 4 | 5 | /* Mixin */ 6 | @import './mixins/index.scss'; 7 | 8 | /* Variables */ 9 | @import './variables/index.scss'; 10 | 11 | /* Core */ 12 | @import './core/index.scss'; 13 | 14 | /* Components */ 15 | @import './components/index.scss'; 16 | 17 | 18 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /e2e/tsconfig.e2e.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/e2e", 5 | "baseUrl": "./", 6 | "module": "commonjs", 7 | "target": "es5", 8 | "types": [ 9 | "jasmine", 10 | "jasminewd2", 11 | "node" 12 | ] 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /src/app/components/menu/menu-link/menu-link.directive.spec.ts: -------------------------------------------------------------------------------- 1 | import { MenuLinkDirective } from './menu-link.directive'; 2 | 3 | describe('MenuLinkDirective', () => { 4 | it('should create an instance', () => { 5 | const directive = new MenuLinkDirective(); 6 | expect(directive).toBeTruthy(); 7 | }); 8 | }); 9 | -------------------------------------------------------------------------------- /src/app/components/table/at-tbody.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive, HostBinding } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[at-tbody]' 5 | }) 6 | export class AtTbodyDirective { 7 | 8 | constructor() { 9 | } 10 | 11 | @HostBinding('class.at-table__tbody') _tbody = true; 12 | 13 | } 14 | -------------------------------------------------------------------------------- /src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "baseUrl": "./", 6 | "module": "es2015", 7 | "types": [ 8 | "node" 9 | ] 10 | }, 11 | "exclude": [ 12 | "test.ts", 13 | "**/*.spec.ts" 14 | ] 15 | } 16 | -------------------------------------------------------------------------------- /src/app/components/form/at-form-error.directive.spec.ts: -------------------------------------------------------------------------------- 1 | import { AtFormErrorDirective } from './at-form-error.directive'; 2 | 3 | describe('AtFormErrorDirective', () => { 4 | it('should create an instance', () => { 5 | const directive = new AtFormErrorDirective(); 6 | expect(directive).toBeTruthy(); 7 | }); 8 | }); 9 | -------------------------------------------------------------------------------- /src/app/components/popover/pop-trigger.directive.spec.ts: -------------------------------------------------------------------------------- 1 | import { PopTriggerDirective } from './pop-trigger.directive'; 2 | 3 | describe('PopTriggerDirective', () => { 4 | it('should create an instance', () => { 5 | const directive = new PopTriggerDirective(); 6 | expect(directive).toBeTruthy(); 7 | }); 8 | }); 9 | -------------------------------------------------------------------------------- /src/app/components/form/at-form-error.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive, HostBinding } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[atFormError]' 5 | }) 6 | export class AtFormErrorDirective { 7 | 8 | constructor() { 9 | } 10 | 11 | @HostBinding('class.at-form-item__error-tip') error = true; 12 | } 13 | -------------------------------------------------------------------------------- /src/app/components/timeline/timeline-dot.directive.spec.ts: -------------------------------------------------------------------------------- 1 | import { TimelineDotDirective } from './timeline-dot.directive'; 2 | 3 | describe('TimelineDotDirective', () => { 4 | it('should create an instance', () => { 5 | const directive = new TimelineDotDirective(); 6 | expect(directive).toBeTruthy(); 7 | }); 8 | }); 9 | -------------------------------------------------------------------------------- /src/app/components/carousel/at-carousel/at-carousel.directive.spec.ts: -------------------------------------------------------------------------------- 1 | import { AtCarouselDirective } from './at-carousel.directive'; 2 | 3 | describe('AtCarouselDirective', () => { 4 | it('should create an instance', () => { 5 | const directive = new AtCarouselDirective(); 6 | expect(directive).toBeTruthy(); 7 | }); 8 | }); 9 | -------------------------------------------------------------------------------- /src/app/components/tab/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-tab-body.component'; 2 | export * from './at-tab-label.directive'; 3 | export * from './at-tab.component'; 4 | export * from './at-tabs-ink-bar.directive'; 5 | export * from './at-tabs.module'; 6 | export * from './at-tabs-nav.component'; 7 | export * from './at-tabset.component'; 8 | -------------------------------------------------------------------------------- /src/app/components/layout/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-layout.module'; 2 | export * from './at-layout-body/at-layout-body.component'; 3 | export * from './at-layout-content/at-layout-content.component'; 4 | export * from './at-layout-header/at-layout-header.component'; 5 | export * from './at-layout-sidebar/at-layout-sidebar.component'; 6 | -------------------------------------------------------------------------------- /src/app/components/tooltip/tooltip-trigger.directive.spec.ts: -------------------------------------------------------------------------------- 1 | import { TooltipTriggerDirective } from './tooltip-trigger.directive'; 2 | 3 | describe('TooltipTriggerDirective', () => { 4 | it('should create an instance', () => { 5 | const directive = new TooltipTriggerDirective(); 6 | expect(directive).toBeTruthy(); 7 | }); 8 | }); 9 | -------------------------------------------------------------------------------- /src/app/components/datetimepicker/at-day.ts: -------------------------------------------------------------------------------- 1 | 2 | export interface AtDate { 3 | number: number; 4 | isLastMonth: boolean; 5 | isNextMonth: boolean; 6 | isCurrentDay: boolean; 7 | isSelectedDay: boolean; 8 | title: string; 9 | date: any; 10 | disabled: boolean; 11 | firstDisabled: boolean; 12 | lastDisabled: boolean; 13 | } 14 | -------------------------------------------------------------------------------- /src/app/components/form/form.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'at-form', 5 | template: ` 6 | ` 7 | 8 | }) 9 | export class FormComponent implements OnInit { 10 | 11 | constructor() { 12 | } 13 | 14 | ngOnInit() { 15 | } 16 | 17 | } 18 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-upload/at-demo-upload-basic/at-demo-upload-basic.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 | 11 | 12 | {{files}} 13 | -------------------------------------------------------------------------------- /docs/assets/sass/mixins/lib/size.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Set width and height in a single statement 3 | * 4 | * @param {number (with unit) | string} $width 5 | * @param {number (with unit) | string} $height [default $width] 6 | */ 7 | 8 | @mixin size( 9 | $width, 10 | $height: $width 11 | ) { 12 | width: $width; 13 | height: $height; 14 | } 15 | -------------------------------------------------------------------------------- /src/app/components/menu/menu-link/menu-link.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive, HostBinding } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[at-menu-link]' 5 | }) 6 | export class MenuLinkDirective { 7 | 8 | constructor() { 9 | } 10 | 11 | @HostBinding('class.at-menu__item-link') menu_link = true; 12 | } 13 | -------------------------------------------------------------------------------- /src/app/components/timeline/timeline-selector.directive.spec.ts: -------------------------------------------------------------------------------- 1 | import { TimelineSelectorDirective } from './timeline-selector.directive'; 2 | 3 | describe('TimelineSelectorDirective', () => { 4 | it('should create an instance', () => { 5 | const directive = new TimelineSelectorDirective(); 6 | expect(directive).toBeTruthy(); 7 | }); 8 | }); 9 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-badge/demo-dynamic-badge/demo-dynamic-badge.component.html: -------------------------------------------------------------------------------- 1 |

添加dot

2 |
3 | 4 | 消息 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/sass/mixins/lib/size.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Set width and height in a single statement 3 | * 4 | * @param {number (with unit) | string} $width 5 | * @param {number (with unit) | string} $height [default $width] 6 | */ 7 | 8 | @mixin size( 9 | $width, 10 | $height: $width 11 | ) { 12 | width: $width; 13 | height: $height; 14 | } 15 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-message/demo-basic-message/demo-basic-message.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/app/components/select/at-select-unselectable.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[at-select-unselectable]', 5 | host : { 6 | '[attr.unselectable]': '"unselectable"', 7 | '[style.user-select]': '"none"' 8 | } 9 | }) 10 | export class AtSelectUnselectableDirective { 11 | 12 | } 13 | -------------------------------------------------------------------------------- /src/app/components/dropdown/dropdown.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive, ElementRef, HostBinding } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[at-dropdown]' 5 | }) 6 | export class DropdownDirective { 7 | 8 | constructor(public elementRef: ElementRef) { 9 | } 10 | 11 | @HostBinding('class.at-dropdown__trigger') trigger = true; 12 | 13 | } 14 | -------------------------------------------------------------------------------- /e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { AppPage } from './app.po'; 2 | 3 | describe('ng-ice-at App', () => { 4 | let page: AppPage; 5 | 6 | beforeEach(() => { 7 | page = new AppPage(); 8 | }); 9 | 10 | it('should display welcome message', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('Welcome to app!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /src/app/showcase/intro/intro.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-intro', 5 | templateUrl: './intro.component.html', 6 | styleUrls: ['./intro.component.css'] 7 | }) 8 | export class IntroComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/components/form/at-form-item.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive, HostBinding } from '@angular/core'; 2 | import { RowComponent } from '../grid/row/row.component'; 3 | 4 | @Directive({ 5 | selector: '[at-form-item]' 6 | }) 7 | export class AtFormItemDirective extends RowComponent { 8 | 9 | @HostBinding('class.at-form-item') item = true; 10 | 11 | } 12 | -------------------------------------------------------------------------------- /src/app/components/ng-package.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "../node_modules/ng-packagr/ng-package.schema.json", 3 | "dest": "../../..//publish", 4 | "deleteDestPath": true, 5 | "lib": { 6 | "entryFile": "at-ng.module.ts" 7 | }, 8 | "whitelistedNonPeerDependencies": [ 9 | "tslib", 10 | "date-fns", 11 | "tinycolor2", 12 | "angular" 13 | ] 14 | } 15 | -------------------------------------------------------------------------------- /src/app/components/upload/upload.module.spec.ts: -------------------------------------------------------------------------------- 1 | import { UploadModule } from './upload.module'; 2 | 3 | describe('UploadModule', () => { 4 | let uploadModule: UploadModule; 5 | 6 | beforeEach(() => { 7 | uploadModule = new UploadModule(); 8 | }); 9 | 10 | it('should create an instance', () => { 11 | expect(uploadModule).toBeTruthy(); 12 | }); 13 | }); 14 | -------------------------------------------------------------------------------- /src/app/showcase/install/install.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-install', 5 | templateUrl: './install.component.html', 6 | styleUrls: ['./install.component.css'] 7 | }) 8 | export class InstallComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/components/tag/at-tag.module.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { NgModule } from '@angular/core'; 3 | import { TagComponent } from './tag.component'; 4 | 5 | @NgModule({ 6 | imports: [CommonModule], 7 | declarations: [TagComponent], 8 | exports: [TagComponent] 9 | }) 10 | export class AtTagModule { 11 | } 12 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-select/demo-input-select/demo-input-select.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/app/components/table/at-th.directive.ts: -------------------------------------------------------------------------------- 1 | import { Directive, HostBinding, Input } from '@angular/core'; 2 | 3 | @Directive({ 4 | selector: '[at-th]' 5 | }) 6 | export class AtThDirective { 7 | 8 | constructor() { 9 | } 10 | 11 | @Input() atWidth; 12 | 13 | @HostBinding('class.at-table__column') _th = true; 14 | 15 | @HostBinding('class.at-table__cell') _tc = true; 16 | 17 | } 18 | -------------------------------------------------------------------------------- /src/app/showcase/update-log/update-log.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-update-log', 5 | templateUrl: './update-log.component.html', 6 | styleUrls: ['./update-log.component.css'] 7 | }) 8 | export class UpdateLogComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /docs/assets/sass/mixins/lib/clearfix.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * @example scss 3 | * 4 | * .element { 5 | * @include clearfix; 6 | * } 7 | * 8 | * // CSS Output 9 | * .element::after { 10 | * clear: both; 11 | * content: ''; 12 | * display: block; 13 | * } 14 | */ 15 | 16 | @mixin clearfix { 17 | &::after { 18 | clear: both; 19 | content: ''; 20 | display: block; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /src/app/components/dropdown/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-dropdown.module'; 2 | export * from './dropdown.component'; 3 | export * from './dropdown.directive'; 4 | export * from './at-drop-submenu/at-drop-submenu.component'; 5 | export * from '../menu/dropdown-menu-item/dropdown-menu-item.component'; 6 | export * from '../menu/drop-menu-list/drop-menu-list.component'; 7 | -------------------------------------------------------------------------------- /src/app/components/icon/at-icon.module.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { NgModule } from '@angular/core'; 3 | import { IconComponent } from './icon.component'; 4 | 5 | @NgModule({ 6 | imports: [CommonModule], 7 | declarations: [IconComponent], 8 | exports: [IconComponent] 9 | }) 10 | export class AtIconModule { 11 | } 12 | -------------------------------------------------------------------------------- /src/app/showcase/doc-type-td/doc-type-td.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: '[doc-type-td]', 5 | templateUrl: './doc-type-td.component.html', 6 | styleUrls: ['./doc-type-td.component.css'] 7 | }) 8 | export class DocTypeTdComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/sass/mixins/lib/clearfix.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * @example scss 3 | * 4 | * .element { 5 | * @include clearfix; 6 | * } 7 | * 8 | * // CSS Output 9 | * .element::after { 10 | * clear: both; 11 | * content: ''; 12 | * display: block; 13 | * } 14 | */ 15 | 16 | @mixin clearfix { 17 | &::after { 18 | clear: both; 19 | content: ''; 20 | display: block; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /src/app/components/radio/radio.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/app/components/alert/at-alert-module.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { NgModule } from '@angular/core'; 3 | import { AlertComponent } from './alert.component'; 4 | 5 | @NgModule({ 6 | imports: [CommonModule], 7 | declarations: [AlertComponent], 8 | exports: [AlertComponent] 9 | }) 10 | export class AtAlertModule { 11 | } 12 | -------------------------------------------------------------------------------- /src/app/components/badge/at-badge-module.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { NgModule } from '@angular/core'; 3 | import { BadgeComponent } from './badge.component'; 4 | 5 | @NgModule({ 6 | imports: [CommonModule], 7 | declarations: [BadgeComponent], 8 | exports: [BadgeComponent] 9 | }) 10 | export class AtBadgeModule { 11 | } 12 | -------------------------------------------------------------------------------- /src/app/components/divider/divider.module.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { NgModule } from '@angular/core'; 3 | import { AtDividerComponent } from './at-divider/at-divider.component'; 4 | 5 | @NgModule({ 6 | declarations: [AtDividerComponent], 7 | imports: [ 8 | CommonModule 9 | ], 10 | exports: [AtDividerComponent] 11 | }) 12 | export class AtDividerModule { 13 | } 14 | -------------------------------------------------------------------------------- /src/app/components/slider/at-slider.module.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { NgModule } from '@angular/core'; 3 | import { SliderComponent } from './slider.component'; 4 | @NgModule({ 5 | imports: [CommonModule], 6 | declarations: [SliderComponent], 7 | exports: [SliderComponent] 8 | }) 9 | export class AtSliderModule { 10 | } 11 | -------------------------------------------------------------------------------- /src/app/components/table/at-expand-th/at-expand-th.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: '[at-expand-th]', 5 | template: '', 6 | host: {'[class.at-table__td__expand]': 'true'} 7 | }) 8 | export class AtExpandThComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | } 17 | -------------------------------------------------------------------------------- /src/app/components/button/button-group/button-group.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'at-button-group', 5 | template: `
6 | 7 |
8 | ` 9 | 10 | }) 11 | export class ButtonGroupComponent implements OnInit { 12 | 13 | constructor() { } 14 | 15 | ngOnInit() { 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/doc-td/doc-td.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, Input, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: '[doc-td]', 5 | templateUrl: './doc-tr.component.html', 6 | styleUrls: ['./doc-tr.component.css'] 7 | }) 8 | export class DocTdComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit(): void { 14 | } 15 | 16 | @Input() o = false; 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- 1 | import { enableProdMode } from '@angular/core'; 2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 3 | 4 | import { AppModule } from './app/app.module'; 5 | import { environment } from './environments/environment'; 6 | 7 | if (environment.production) { 8 | enableProdMode(); 9 | } 10 | 11 | platformBrowserDynamic().bootstrapModule(AppModule) 12 | .catch(err => console.log(err)); 13 | -------------------------------------------------------------------------------- /src/app/components/message/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-message.module'; 2 | export {MessageContainerComponent} from './message-container/message-container.component'; 3 | export {MessageComponent} from './message/message.component'; 4 | export {AtMessageService} from './at-message.service'; 5 | export {AtMessageContainerService} from './at-message-container.service'; 6 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-carousel/at-demo-carousel.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-carousel', 5 | templateUrl: './at-demo-carousel.component.html', 6 | styleUrls: ['./at-demo-carousel.component.css'] 7 | }) 8 | export class AtDemoCarouselComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-radio/demo-color-radio/demo-color-radio.component.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 11 | 12 | -------------------------------------------------------------------------------- /src/app/components/checkbox/checkbox.component.html: -------------------------------------------------------------------------------- 1 | 11 | -------------------------------------------------------------------------------- /src/app/components/menu/inline-menu/inline-menu.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, HostBinding, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: '[inline-menu]', 5 | template: ` 6 | ` 7 | }) 8 | export class InlineMenuComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | @HostBinding('class.at-menu') at_menu = true; 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/components/menu/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './menu.component'; 2 | export * from './menu-item-group/menu-item-group.component'; 3 | export * from './menu-link/menu-link.directive'; 4 | export * from './sub-menu/sub-menu.component'; 5 | export * from './menu-item/menu-item.component'; 6 | export * from './menu-list/menu-list.component'; 7 | export * from './inline-menu/inline-menu.component'; 8 | export * from './at-menu-module'; 9 | -------------------------------------------------------------------------------- /src/app/components/progress/at-progress.module.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { NgModule } from '@angular/core'; 3 | 4 | import { ProgressComponent } from './progress.component'; 5 | @NgModule({ 6 | imports: [CommonModule], 7 | declarations: [ProgressComponent], 8 | exports: [ProgressComponent] 9 | }) 10 | export class AtProgressModule { 11 | } 12 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-divider/at-demo-divider.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-divider', 5 | templateUrl: './at-demo-divider.component.html', 6 | styleUrls: ['./at-demo-divider.component.css'] 7 | }) 8 | export class AtDemoDividerComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit(): void { 14 | } 15 | 16 | } 17 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-pagenation/demo-full-page/demo-full-page.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-full-page', 5 | templateUrl: './demo-full-page.component.html', 6 | styleUrls: ['./demo-full-page.component.css'] 7 | }) 8 | export class DemoFullPageComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-pagenation/demo-size-page/demo-size-page.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-size-page', 5 | templateUrl: './demo-size-page.component.html', 6 | styleUrls: ['./demo-size-page.component.css'] 7 | }) 8 | export class DemoSizePageComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `.angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /src/app/components/card/at-card-header/at-card-header.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'at-card-header', 5 | template: ` 6 | 7 | `, 8 | host: {'[class.at-card-header]': 'true'} 9 | }) 10 | export class AtCardHeaderComponent implements OnInit { 11 | 12 | constructor() { 13 | } 14 | 15 | ngOnInit(): void { 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/components/menu/menu-list/menu-list.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, HostBinding, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: '[at-menu-list]', 5 | template: ` 6 | ` 7 | 8 | }) 9 | export class MenuListComponent implements OnInit { 10 | 11 | constructor() { 12 | } 13 | 14 | ngOnInit() { 15 | } 16 | 17 | @HostBinding('class.at-dropdown-menu') menu = true; 18 | 19 | } 20 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-icon-input/demo-icon-input.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-icon-input', 5 | templateUrl: './demo-icon-input.component.html', 6 | styleUrls: ['./demo-icon-input.component.css'] 7 | }) 8 | export class DemoIconInputComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-pend-input/demo-pend-input.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-pend-input', 5 | templateUrl: './demo-pend-input.component.html', 6 | styleUrls: ['./demo-pend-input.component.css'] 7 | }) 8 | export class DemoPendInputComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-size-input/demo-size-input.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-size-input', 5 | templateUrl: './demo-size-input.component.html', 6 | styleUrls: ['./demo-size-input.component.css'] 7 | }) 8 | export class DemoSizeInputComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-loadingbar/at-demo-loadingbar.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-loadingbar', 5 | templateUrl: './at-demo-loadingbar.component.html', 6 | styleUrls: ['./at-demo-loadingbar.component.css'] 7 | }) 8 | export class AtDemoLoadingbarComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-table/demo-page-table/demo-page-table.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-page-table', 5 | templateUrl: './demo-page-table.component.html', 6 | styleUrls: ['./demo-page-table.component.css'] 7 | }) 8 | export class DemoPageTableComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tabs/at-demo-card-tab/at-demo-card-tab.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-card-tab', 5 | templateUrl: './at-demo-card-tab.component.html', 6 | styleUrls: ['./at-demo-card-tab.component.css'] 7 | }) 8 | export class AtDemoCardTabComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/spec", 5 | "baseUrl": "./", 6 | "module": "commonjs", 7 | "target": "es5", 8 | "types": [ 9 | "jasmine", 10 | "node" 11 | ] 12 | }, 13 | "files": [ 14 | "test.ts", 15 | "polyfills.ts" 16 | ], 17 | "include": [ 18 | "**/*.spec.ts", 19 | "**/*.d.ts" 20 | ] 21 | } 22 | 23 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-affix/demo-affix-basic/demo-affix-basic.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-affix-basic', 5 | templateUrl: './demo-affix-basic.component.html', 6 | styleUrls: ['./demo-affix-basic.component.css'] 7 | }) 8 | export class DemoAffixBasicComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-badge/demo-basic-badge/demo-basic-badge.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-basic-badge', 5 | templateUrl: './demo-basic-badge.component.html', 6 | styleUrls: ['./demo-basic-badge.component.css'] 7 | }) 8 | export class DemoBasicBadgeComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-pagenation/demo-basic-page/demo-basic-page.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-basic-page', 5 | templateUrl: './demo-basic-page.component.html', 6 | styleUrls: ['./demo-basic-page.component.css'] 7 | }) 8 | export class DemoBasicPageComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-alert/demo-alert-basic/demo-alert-basic.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-alert-basic', 5 | templateUrl: './demo-alert-basic.component.html', 6 | styleUrls: ['./demo-alert-basic.component.css'] 7 | }) 8 | export class DemoAlertBasicComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | 14 | } 15 | 16 | } 17 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-status-input/demo-status-input.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-status-input', 5 | templateUrl: './demo-status-input.component.html', 6 | styleUrls: ['./demo-status-input.component.css'] 7 | }) 8 | export class DemoStatusInputComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-menu/demo-inline-menu/demo-inline-menu.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-inline-menu', 5 | templateUrl: './demo-inline-menu.component.html', 6 | styleUrls: ['./demo-inline-menu.component.css'] 7 | }) 8 | export class DemoInlineMenuComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | } 17 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-pagenation/demo-simple-page/demo-simple-page.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-simple-page', 5 | templateUrl: './demo-simple-page.component.html', 6 | styleUrls: ['./demo-simple-page.component.css'] 7 | }) 8 | export class DemoSimplePageComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-steps/demo-basic-steps/demo-basic-steps.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/app/components/card/at-card-footer/at-card-footer.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'at-card-footer', 5 | template: ` 6 | 7 | 8 | 9 | `, 10 | host: {'[class.at-card-footer]': 'true'} 11 | }) 12 | export class AtCardFooterComponent implements OnInit { 13 | 14 | constructor() { 15 | } 16 | 17 | ngOnInit(): void { 18 | } 19 | 20 | } 21 | -------------------------------------------------------------------------------- /src/app/components/core/component-creator-base.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationRef, ComponentFactoryResolver, Injectable, Injector } from '@angular/core'; 2 | 3 | @Injectable({ 4 | providedIn: 'root' 5 | }) 6 | export class ComponentCreatorBase { 7 | 8 | constructor(public componentFactoryResolver: ComponentFactoryResolver, 9 | public appRef: ApplicationRef, 10 | public injector: Injector) { 11 | 12 | } 13 | 14 | } 15 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-badge/demo-combine-badge/demo-combine-badge.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-combine-badge', 5 | templateUrl: './demo-combine-badge.component.html', 6 | styleUrls: ['./demo-combine-badge.component.css'] 7 | }) 8 | export class DemoCombineBadgeComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-radio/demo-size-radio/demo-size-radio.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-size-radio', 5 | templateUrl: './demo-size-radio.component.html', 6 | styleUrls: ['./demo-size-radio.component.css'] 7 | }) 8 | export class DemoSizeRadioComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | basic = 'basic'; 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-switch/swicth-basic/swicth-basic.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-swicth-basic', 5 | templateUrl: './swicth-basic.component.html', 6 | styleUrls: ['./swicth-basic.component.css'] 7 | }) 8 | export class SwicthBasicComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | check = true; 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tree/at-demo-tree-group/at-demo-tree-group.component.html: -------------------------------------------------------------------------------- 1 | 12 | 13 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "outDir": "./dist/out-tsc", 5 | "sourceMap": true, 6 | "declaration": false, 7 | "moduleResolution": "node", 8 | "emitDecoratorMetadata": true, 9 | "experimentalDecorators": true, 10 | "target": "es5", 11 | "typeRoots": [ 12 | "node_modules/@types" 13 | ], 14 | "lib": [ 15 | "es2017", 16 | "dom" 17 | ] 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /src/app/components/notification/public-api.ts: -------------------------------------------------------------------------------- 1 | export * from './at-notification.module'; 2 | export {NotificationComponent} from './notification/notification.component'; 3 | export {NotificationContainerComponent} from './notification-container/notification-container.component'; 4 | export {NotificationBaseService} from './notification-base.service'; 5 | export {AtNotificationService} from './notification.service'; 6 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-popover/demo-basic-popover/demo-basic-popover.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-basic-popover', 5 | templateUrl: './demo-basic-popover.component.html', 6 | styleUrls: ['./demo-basic-popover.component.css'] 7 | }) 8 | export class DemoBasicPopoverComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-radio/demo-color-radio/demo-color-radio.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-color-radio', 5 | templateUrl: './demo-color-radio.component.html', 6 | styleUrls: ['./demo-color-radio.component.css'] 7 | }) 8 | export class DemoColorRadioComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | basic = 'basic'; 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tooltip/demo-basic-tooltip/demo-basic-tooltip.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-basic-tooltip', 5 | templateUrl: './demo-basic-tooltip.component.html', 6 | styleUrls: ['./demo-basic-tooltip.component.css'] 7 | }) 8 | export class DemoBasicTooltipComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/components/tree/at-tree-util.ts: -------------------------------------------------------------------------------- 1 | import { AtTreeNode } from './at-tree-node'; 2 | 3 | export function isCheckDisabled(node: AtTreeNode): boolean { 4 | const { isDisabled, isDisableCheckbox } = node; 5 | return !!(isDisabled || isDisableCheckbox); 6 | } 7 | 8 | // tslint:disable-next-line:no-any 9 | export function isInArray(needle: any, haystack: any[]): boolean { 10 | return (haystack && haystack.length > 0 && haystack.indexOf(needle) > -1); 11 | } 12 | -------------------------------------------------------------------------------- /src/app/showcase/admin/admin.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, Input, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-admin', 5 | templateUrl: './admin.component.html', 6 | styleUrls: ['./admin.component.css'] 7 | }) 8 | export class AdminComponent implements OnInit { 9 | 10 | @Input() layout = 'layout1'; 11 | 12 | constructor() { 13 | } 14 | 15 | ngOnInit() { 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-datetimepicker/at-demo-datetimepicker.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-datetimepicker', 5 | templateUrl: './at-demo-datetimepicker.component.html', 6 | styleUrls: ['./at-demo-datetimepicker.component.css'] 7 | }) 8 | export class AtDemoDatetimepickerComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-dropdown/demo-place-dropdown/demo-place-dropdown.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-place-dropdown', 5 | templateUrl: './demo-place-dropdown.component.html', 6 | styleUrls: ['./demo-place-dropdown.component.css'] 7 | }) 8 | export class DemoPlaceDropdownComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-modal/demo-service-modal/demo-service-modal.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/app/components/datetimepicker/at-format.pipe.ts: -------------------------------------------------------------------------------- 1 | import { Pipe, PipeTransform } from '@angular/core'; 2 | import { BladeDate } from './blade-date'; 3 | 4 | @Pipe({ 5 | name: 'atFormat' 6 | }) 7 | export class AtFormatPipe implements PipeTransform { 8 | 9 | transform(value: Date, formatString: string): string { 10 | if (value) { 11 | return new BladeDate(value).format(formatString); 12 | } else { 13 | return ''; 14 | } 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-collapse/demo-nested-collapse/demo-nested-collapse.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-nested-collapse', 5 | templateUrl: './demo-nested-collapse.component.html', 6 | styleUrls: ['./demo-nested-collapse.component.css'] 7 | }) 8 | export class DemoNestedCollapseComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-collapse/demo-simple-collapse/demo-simple-collapse.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-simple-collapse', 5 | templateUrl: './demo-simple-collapse.component.html', 6 | styleUrls: ['./demo-simple-collapse.component.css'] 7 | }) 8 | export class DemoSimpleCollapseComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-popover/demo-content-popover/demo-content-popover.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-content-popover', 5 | templateUrl: './demo-content-popover.component.html', 6 | styleUrls: ['./demo-content-popover.component.css'] 7 | }) 8 | export class DemoContentPopoverComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-progress/demo-status-progress/demo-status-progress.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-status-progress', 5 | templateUrl: './demo-status-progress.component.html', 6 | styleUrls: ['./demo-status-progress.component.css'] 7 | }) 8 | export class DemoStatusProgressComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-progress/demo-stroke-progress/demo-stroke-progress.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-stroke-progress', 5 | templateUrl: './demo-stroke-progress.component.html', 6 | styleUrls: ['./demo-stroke-progress.component.css'] 7 | }) 8 | export class DemoStrokeProgressComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-table/demo-size-table/demo-size-table.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-size-table', 5 | templateUrl: './demo-size-table.component.html', 6 | styleUrls: ['./demo-size-table.component.css'] 7 | }) 8 | export class DemoSizeTableComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | nestExpand = false; 16 | 17 | } 18 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-timeline/at-demo-timeline-dot/at-demo-timeline-dot.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-timeline-dot', 5 | templateUrl: './at-demo-timeline-dot.component.html', 6 | styleUrls: ['./at-demo-timeline-dot.component.css'] 7 | }) 8 | export class AtDemoTimelineDotComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /docs/assets/sass/mixins/lib/hide-text.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Hides text to show a background image(a logo, for example) 3 | * 4 | * @example 5 | * .element { 6 | * @include hide-text; 7 | * } 8 | * 9 | * // CSS Output 10 | * .element { 11 | * overflow: hidden; 12 | * text-indent: 101%; 13 | * white-space: nowrap; 14 | * } 15 | */ 16 | 17 | @mixin hide-text { 18 | overflow: hidden; 19 | text-indent: 101%; 20 | white-space: nowrap; 21 | } 22 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-popover/demo-position-popover/demo-position-popover.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-position-popover', 5 | templateUrl: './demo-position-popover.component.html', 6 | styleUrls: ['./demo-position-popover.component.css'] 7 | }) 8 | export class DemoPositionPopoverComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-radio/demo-basic-radio/demo-basic-radio.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-basic-radio', 5 | templateUrl: './demo-basic-radio.component.html', 6 | styleUrls: ['./demo-basic-radio.component.css'] 7 | }) 8 | export class DemoBasicRadioComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | basic = 'basic'; 16 | 17 | } 18 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-radio/demo-disable-radio/demo-disable-radio.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-disable-radio', 5 | templateUrl: './demo-disable-radio.component.html', 6 | styleUrls: ['./demo-disable-radio.component.css'] 7 | }) 8 | export class DemoDisableRadioComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | basic = 'basic'; 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-steps/demo-basic-steps/demo-basic-steps.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-basic-steps', 5 | templateUrl: './demo-basic-steps.component.html', 6 | styleUrls: ['./demo-basic-steps.component.css'] 7 | }) 8 | export class DemoBasicStepsComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | current = 0; 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-table/demo-basic-table/demo-basic-table.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-basic-table', 5 | templateUrl: './demo-basic-table.component.html', 6 | styleUrls: ['./demo-basic-table.component.css'] 7 | }) 8 | export class DemoBasicTableComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | expand = false; 16 | 17 | } 18 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tooltip/demo-position-tooltip/demo-position-tooltip.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-position-tooltip', 5 | templateUrl: './demo-position-tooltip.component.html', 6 | styleUrls: ['./demo-position-tooltip.component.css'] 7 | }) 8 | export class DemoPositionTooltipComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/sass/mixins/lib/hide-text.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Hides text to show a background image(a logo, for example) 3 | * 4 | * @example 5 | * .element { 6 | * @include hide-text; 7 | * } 8 | * 9 | * // CSS Output 10 | * .element { 11 | * overflow: hidden; 12 | * text-indent: 101%; 13 | * white-space: nowrap; 14 | * } 15 | */ 16 | 17 | @mixin hide-text { 18 | overflow: hidden; 19 | text-indent: 101%; 20 | white-space: nowrap; 21 | } 22 | -------------------------------------------------------------------------------- /src/app/components/tab/update-host-class.service.spec.ts: -------------------------------------------------------------------------------- 1 | import { TestBed } from '@angular/core/testing'; 2 | 3 | import { UpdateHostClassService } from './update-host-class.service'; 4 | 5 | describe('UpdateHostClassService', () => { 6 | beforeEach(() => TestBed.configureTestingModule({})); 7 | 8 | it('should be created', () => { 9 | const service: UpdateHostClassService = TestBed.get(UpdateHostClassService); 10 | expect(service).toBeTruthy(); 11 | }); 12 | }); 13 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-breadcrumb/demo-basic-breadcrumb/demo-basic-breadcrumb.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-basic-breadcrumb', 5 | templateUrl: './demo-basic-breadcrumb.component.html', 6 | styleUrls: ['./demo-basic-breadcrumb.component.css'] 7 | }) 8 | export class DemoBasicBreadcrumbComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-size-input/demo-size-input.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tree/at-demo-checkable-tree/at-demo-checkable-tree.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-checkable-tree', 5 | templateUrl: './at-demo-checkable-tree.component.html', 6 | styleUrls: ['./at-demo-checkable-tree.component.css'] 7 | }) 8 | export class AtDemoCheckableTreeComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/components/select/at-select-control.service.spec.ts: -------------------------------------------------------------------------------- 1 | import { TestBed } from '@angular/core/testing'; 2 | 3 | import { AtSelectControlService } from './at-select-control.service'; 4 | 5 | describe('AtSelectControlService', () => { 6 | beforeEach(() => TestBed.configureTestingModule({})); 7 | 8 | it('should be created', () => { 9 | const service: AtSelectControlService = TestBed.get(AtSelectControlService); 10 | expect(service).toBeTruthy(); 11 | }); 12 | }); 13 | -------------------------------------------------------------------------------- /src/app/components/switch/at-switch.module.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { NgModule } from '@angular/core'; 3 | import { FormsModule } from '@angular/forms'; 4 | import { SwitchComponent } from './switch.component'; 5 | 6 | @NgModule({ 7 | imports: [CommonModule, FormsModule], 8 | declarations: [SwitchComponent], 9 | exports: [SwitchComponent] 10 | }) 11 | export class AtSwitchModule { 12 | } 13 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-basic-input/demo-basic-input.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-basic-input', 5 | templateUrl: './demo-basic-input.component.html', 6 | styleUrls: ['./demo-basic-input.component.css'] 7 | }) 8 | export class DemoBasicInputComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit(): void { 14 | } 15 | 16 | value = '测试'; 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-number-input/demo-size-number-input/demo-size-number-input.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-size-number-input', 5 | templateUrl: './demo-size-number-input.component.html', 6 | styleUrls: ['./demo-size-number-input.component.css'] 7 | }) 8 | export class DemoSizeNumberInputComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-number-input/demo-step-number-input/demo-step-number-input.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-step-number-input', 5 | templateUrl: './demo-step-number-input.component.html', 6 | styleUrls: ['./demo-step-number-input.component.css'] 7 | }) 8 | export class DemoStepNumberInputComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-radio/demo-button-radio/demo-button-radio.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-button-radio', 5 | templateUrl: './demo-button-radio.component.html', 6 | styleUrls: ['./demo-button-radio.component.css'] 7 | }) 8 | export class DemoButtonRadioComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | basic = 'basic'; 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-steps/demo-horizonal-steps/demo-horizonal-steps.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/app/components/steps/at-step.module.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { NgModule } from '@angular/core'; 3 | import { StepComponent } from './step/step.component'; 4 | import { StepsComponent } from './steps.component'; 5 | @NgModule({ 6 | imports: [CommonModule], 7 | declarations: [StepComponent, StepsComponent], 8 | exports: [StepComponent, StepsComponent] 9 | }) 10 | export class AtStepModule { 11 | } 12 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-badge/demo-dynamic-badge/demo-dynamic-badge.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-dynamic-badge', 5 | templateUrl: './demo-dynamic-badge.component.html', 6 | styleUrls: ['./demo-dynamic-badge.component.css'] 7 | }) 8 | export class DemoDynamicBadgeComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | show = true; 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-collapse/demo-according-collapse/demo-according-collapse.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-according-collapse', 5 | templateUrl: './demo-according-collapse.component.html', 6 | styleUrls: ['./demo-according-collapse.component.css'] 7 | }) 8 | export class DemoAccordingCollapseComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-pend-input/demo-pend-input.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 搜索 4 | 5 | 6 | 7 | 搜索 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-menu/demo-vertical-menu/demo-vertical-menu.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-vertical-menu', 5 | templateUrl: './demo-vertical-menu.component.html', 6 | styleUrls: ['./demo-vertical-menu.component.css'] 7 | }) 8 | export class DemoVerticalMenuComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | open = true; 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-number-input/demo-basic-number-input/demo-basic-number-input.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-basic-number-input', 5 | templateUrl: './demo-basic-number-input.component.html', 6 | styleUrls: ['./demo-basic-number-input.component.css'] 7 | }) 8 | export class DemoBasicNumberInputComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-textarea/demo-basic-textarea/demo-basic-textarea.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-basic-textarea', 5 | templateUrl: './demo-basic-textarea.component.html', 6 | styleUrls: ['./demo-basic-textarea.component.css'] 7 | }) 8 | export class DemoBasicTextareaComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | text = '你好'; 16 | 17 | } 18 | -------------------------------------------------------------------------------- /src/app/components/drawer/at-drawer.module.ts: -------------------------------------------------------------------------------- 1 | import { OverlayModule } from '@angular/cdk/overlay'; 2 | import { CommonModule } from '@angular/common'; 3 | import { NgModule } from '@angular/core'; 4 | import { DrawerComponent } from './drawer.component'; 5 | 6 | @NgModule({ 7 | imports: [CommonModule, OverlayModule], 8 | declarations: [DrawerComponent], 9 | exports: [DrawerComponent] 10 | }) 11 | export class AtDrawerModule { 12 | } 13 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-breadcrumb/demo-separate-breadcrumb/demo-separate-breadcrumb.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-separate-breadcrumb', 5 | templateUrl: './demo-separate-breadcrumb.component.html', 6 | styleUrls: ['./demo-separate-breadcrumb.component.css'] 7 | }) 8 | export class DemoSeparateBreadcrumbComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-timeline/at-demo-pending-timeline/at-demo-pending-timeline.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-pending-timeline', 5 | templateUrl: './at-demo-pending-timeline.component.html', 6 | styleUrls: ['./at-demo-pending-timeline.component.css'] 7 | }) 8 | export class AtDemoPendingTimelineComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /src/app/components/layout/at-layout-content/at-layout-content.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'at-layout-content', 5 | template: ` 6 | 7 | 8 | `, 9 | host: {'[class.at-layout-content]': 'true'} 10 | }) 11 | export class AtLayoutContentComponent implements OnInit { 12 | 13 | constructor() { } 14 | 15 | ngOnInit() { 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-collapse/demo-basic-collapse/demo-basic-collapse.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-basic-collapse', 5 | templateUrl: './demo-basic-collapse.component.html', 6 | styleUrls: ['./demo-basic-collapse.component.css'] 7 | }) 8 | export class DemoBasicCollapseComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | isOpen = true; 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tabs/at-demo-tabs.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-tabs', 5 | templateUrl: './at-demo-tabs.component.html', 6 | styleUrls: ['./at-demo-tabs.component.css'] 7 | }) 8 | export class AtDemoTabsComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | baisc = require('!!raw-loader!./demo-basic-tab/demo-basic-tab.component.html'); 16 | 17 | } 18 | -------------------------------------------------------------------------------- /src/app/components/form/at-form-item/at-form-item.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | import { RowComponent } from '../../grid/row/row.component'; 3 | 4 | @Component({ 5 | selector: 'at-form-item', 6 | template: ` 7 | 8 | `, 9 | host: {'[class.at-form-item]': 'true'} 10 | }) 11 | export class AtFormItemComponent extends RowComponent implements OnInit { 12 | 13 | } 14 | -------------------------------------------------------------------------------- /src/app/components/i18n/at-i18n.pipe.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable:pipe-impure */ 2 | import { Pipe, PipeTransform } from '@angular/core'; 3 | import { AtI18nService } from './at-i18n.service'; 4 | 5 | @Pipe({ 6 | name: 'atI18n', 7 | pure: false 8 | }) 9 | export class AtI18nPipe implements PipeTransform { 10 | 11 | constructor(private _locale: AtI18nService) { 12 | } 13 | 14 | transform(path: string, keyValue?: object): string { 15 | return this._locale.translate(path, keyValue); 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /src/app/components/textarea/at-textarea.module.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { NgModule } from '@angular/core'; 3 | import { FormsModule } from '@angular/forms'; 4 | import { TextareaComponent } from './textarea.component'; 5 | 6 | @NgModule({ 7 | imports: [CommonModule, FormsModule], 8 | declarations: [TextareaComponent], 9 | exports: [TextareaComponent] 10 | }) 11 | export class AtTextareaModule { 12 | } 13 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-switch/at-demo-switch.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-switch', 5 | templateUrl: './at-demo-switch.component.html', 6 | styleUrls: ['./at-demo-switch.component.css'] 7 | }) 8 | export class AtDemoSwitchComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | code = require('!!raw-loader!./swicth-basic/swicth-basic.component.html'); 13 | 14 | ngOnInit() { 15 | } 16 | 17 | } 18 | -------------------------------------------------------------------------------- /docs/assets/sass/mixins/lib/ellipsis.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Truncate text and add an ellipsis to represent overflow 3 | * 4 | * @param {number} $width [Default 100%] 5 | * @param {string} $display [Default inline-block] [Sets the display-value of the element] 6 | */ 7 | @mixin ellipsis( 8 | $width: 100%, 9 | $display: inline-block 10 | ) { 11 | display: $display; 12 | max-width: $width; 13 | overflow: hidden; 14 | text-overflow: ellipsis; 15 | white-space: nowrap; 16 | word-wrap: normal; 17 | } 18 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-badge/demo-combine-badge/demo-combine-badge.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |     5 | 6 | 7 | 8 |     9 | 10 | 11 | 12 | 13 |     14 | 15 | 消息 16 | 17 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-select/demo-select-multiple/demo-select-multiple.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | {{item}} 13 |
14 | -------------------------------------------------------------------------------- /src/assets/sass/mixins/lib/ellipsis.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Truncate text and add an ellipsis to represent overflow 3 | * 4 | * @param {number} $width [Default 100%] 5 | * @param {string} $display [Default inline-block] [Sets the display-value of the element] 6 | */ 7 | @mixin ellipsis( 8 | $width: 100%, 9 | $display: inline-block 10 | ) { 11 | display: $display; 12 | max-width: $width; 13 | overflow: hidden; 14 | text-overflow: ellipsis; 15 | white-space: nowrap; 16 | word-wrap: normal; 17 | } 18 | -------------------------------------------------------------------------------- /src/app/components/affix/at-affix.module.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { NgModule } from '@angular/core'; 3 | import { AtGlobalMonitorService } from '../at-global-monitor.service'; 4 | import { AtAffixComponent } from './at-affix/at-affix.component'; 5 | 6 | @NgModule({ 7 | imports: [ 8 | CommonModule 9 | ], 10 | exports: [AtAffixComponent], 11 | providers: [AtGlobalMonitorService], 12 | declarations: [AtAffixComponent] 13 | }) 14 | export class AtAffixModule { 15 | } 16 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-affix/at-demo-affix.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-affix', 5 | templateUrl: './at-demo-affix.component.html', 6 | styleUrls: ['./at-demo-affix.component.css'] 7 | }) 8 | export class AtDemoAffixComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | basic = require('!!raw-loader!./demo-affix-basic/demo-affix-basic.component.html'); 14 | 15 | ngOnInit() { 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-alert/at-demo-alert.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-alert', 5 | templateUrl: './at-demo-alert.component.html', 6 | styleUrls: ['./at-demo-alert.component.css'] 7 | }) 8 | export class AtDemoAlertComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | basic = require('!!raw-loader!./demo-alert-basic/demo-alert-basic.component.html'); 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tabs/at-demo-size-tabs/at-demo-size-tabs.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-size-tabs', 5 | templateUrl: './at-demo-size-tabs.component.html', 6 | styleUrls: ['./at-demo-size-tabs.component.css'] 7 | }) 8 | export class AtDemoSizeTabsComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | tabs = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]; 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-modal/demo-position-modal/demo-position-modal.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-position-modal', 5 | templateUrl: './demo-position-modal.component.html', 6 | styleUrls: ['./demo-position-modal.component.css'] 7 | }) 8 | export class DemoPositionModalComponent implements OnInit { 9 | position = false; 10 | width: boolean = false; 11 | 12 | constructor() { 13 | } 14 | 15 | ngOnInit() { 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-select/demo-select-clear/demo-select-clear.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-select-clear', 5 | templateUrl: './demo-select-clear.component.html', 6 | styleUrls: ['./demo-select-clear.component.css'] 7 | }) 8 | export class DemoSelectClearComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | single = 'first'; 17 | 18 | multiple = ['first']; 19 | 20 | } 21 | -------------------------------------------------------------------------------- /schematics/ng-add/schema.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "http://json-schema.org/schema", 3 | "id": "ngAdd", 4 | "title": "add at-ng", 5 | "type": "object", 6 | "properties": { 7 | "skipPackageJson": { 8 | "type": "boolean", 9 | "default": false, 10 | "description": "Do not add at-ng dependencies to package.json (e.g., --skipPackageJson)" 11 | }, 12 | "project": { 13 | "type": "string", 14 | "description": "Name of the project to target." 15 | } 16 | }, 17 | "required": [] 18 | } 19 | -------------------------------------------------------------------------------- /src/app/components/layout/at-layout-header/at-layout-header.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'at-layout-header', 5 | template: ` 6 | 7 | 8 | `, 9 | host: {'[class.at-layout-header]': 'true'} 10 | }) 11 | export class AtLayoutHeaderComponent implements OnInit { 12 | 13 | constructor() { 14 | } 15 | 16 | ngOnInit() { 17 | } 18 | 19 | } 20 | -------------------------------------------------------------------------------- /src/app/components/progress/progress.component.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | {{width}}% 9 | 10 |
11 |
12 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-slider/at-demo-slider.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-slider', 5 | templateUrl: './at-demo-slider.component.html', 6 | styleUrls: ['./at-demo-slider.component.css'] 7 | }) 8 | export class AtDemoSliderComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | slider_basic = require('!!raw-loader!./demo-basic-slider/demo-basic-slider.component.html'); 14 | 15 | ngOnInit() { 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-steps/demo-horizonal-steps/demo-horizonal-steps.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | import { DemoBasicStepsComponent } from '../demo-basic-steps/demo-basic-steps.component'; 3 | 4 | @Component({ 5 | selector: 'app-demo-horizonal-steps', 6 | templateUrl: './demo-horizonal-steps.component.html', 7 | styleUrls: ['./demo-horizonal-steps.component.css'] 8 | }) 9 | export class DemoHorizonalStepsComponent extends DemoBasicStepsComponent implements OnInit { 10 | 11 | } 12 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-upload/at-demo-upload.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-upload', 5 | templateUrl: './at-demo-upload.component.html', 6 | styleUrls: ['./at-demo-upload.component.css'] 7 | }) 8 | export class AtDemoUploadComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | basic = require('!!raw-loader!./at-demo-upload-basic/at-demo-upload-basic.component.html'); 14 | 15 | ngOnInit() { 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/components/autocomplete/autocomplete.module.ts: -------------------------------------------------------------------------------- 1 | import { OverlayModule } from '@angular/cdk/overlay'; 2 | import { CommonModule } from '@angular/common'; 3 | import { NgModule } from '@angular/core'; 4 | import { AutoCompleteComponent } from './autocomplete.component'; 5 | 6 | @NgModule({ 7 | imports: [ 8 | CommonModule, 9 | OverlayModule 10 | ], 11 | declarations: [AutoCompleteComponent], 12 | exports: [AutoCompleteComponent] 13 | }) 14 | export class AutoCompleteModule { 15 | } 16 | -------------------------------------------------------------------------------- /src/app/components/card/card.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, Input, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'at-card', 5 | template: ` 6 |
7 | 8 | 9 | 10 |
`, 11 | host: {'[class.at-card]': 'true'} 12 | }) 13 | export class CardComponent implements OnInit { 14 | 15 | constructor() { 16 | } 17 | 18 | ngOnInit(): void { 19 | } 20 | 21 | @Input() 22 | border: boolean = false; 23 | 24 | } 25 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-input/demo-status-input/demo-status-input.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-modal/demo-position-modal/demo-position-modal.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 我只有身体 6 |
7 | 8 | 9 |
10 | 我只有身体 11 |
12 | 13 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-steps/demo-size-steps/demo-size-steps.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | import { DemoBasicStepsComponent } from '../demo-basic-steps/demo-basic-steps.component'; 3 | 4 | @Component({ 5 | selector: 'app-demo-size-steps', 6 | templateUrl: './demo-size-steps.component.html', 7 | styleUrls: ['./demo-size-steps.component.css'] 8 | }) 9 | export class DemoSizeStepsComponent extends DemoBasicStepsComponent implements OnInit { 10 | 11 | ngOnInit() { 12 | } 13 | 14 | } 15 | -------------------------------------------------------------------------------- /src/app/components/tree/interface.ts: -------------------------------------------------------------------------------- 1 | import { AtTreeNode } from './at-tree-node'; 2 | 3 | export interface AtFormatEmitEvent { 4 | eventName: string; 5 | node: AtTreeNode; 6 | event: MouseEvent | DragEvent; 7 | dragNode?: AtTreeNode; 8 | selectedKeys?: AtTreeNode[]; 9 | checkedKeys?: AtTreeNode[]; 10 | matchedKeys?: AtTreeNode[]; 11 | nodes?: AtTreeNode[]; 12 | keys?: string[]; 13 | } 14 | 15 | export interface AtFormatBeforeDropEvent { 16 | dragNode: AtTreeNode; 17 | node: AtTreeNode; 18 | pos: number; 19 | } 20 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-textarea/at-demo-textarea.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-textarea', 5 | templateUrl: './at-demo-textarea.component.html', 6 | styleUrls: ['./at-demo-textarea.component.css'] 7 | }) 8 | export class AtDemoTextareaComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | text = require('!!raw-loader!./demo-basic-textarea/demo-basic-textarea.component.html'); 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/components/animations/fade-animation.ts: -------------------------------------------------------------------------------- 1 | import { animate, state, style, transition, trigger, AnimationTriggerMetadata } from '@angular/animations'; 2 | 3 | export const fadeAnimation: AnimationTriggerMetadata = trigger('fadeAnimation', [ 4 | state('void', style({ opacity: 0 })), 5 | state('true', style({ opacity: 1 })), 6 | state('false', style({ opacity: 0 })), 7 | transition('* => true', animate('150ms cubic-bezier(0.0, 0.0, 0.2, 1)')), 8 | transition('* => void', animate('150ms cubic-bezier(0.4, 0.0, 1, 1)')) 9 | ]); 10 | -------------------------------------------------------------------------------- /src/app/components/grid/at-grid.module.ts: -------------------------------------------------------------------------------- 1 | import { OverlayModule } from '@angular/cdk/overlay'; 2 | import { CommonModule } from '@angular/common'; 3 | import { NgModule } from '@angular/core'; 4 | import { ColComponent } from './col/col.component'; 5 | import { RowComponent } from './row/row.component'; 6 | 7 | @NgModule({ 8 | imports: [CommonModule], 9 | declarations: [RowComponent, ColComponent], 10 | exports: [RowComponent, ColComponent] 11 | }) 12 | export class AtGridModule { 13 | } 14 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-form/demo-position-form/demo-position-form.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-position-form', 5 | templateUrl: './demo-position-form.component.html', 6 | styleUrls: ['./demo-position-form.component.css'] 7 | }) 8 | export class DemoPositionFormComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | position = 'horizontal'; 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-number-input/demo-size-number-input/demo-size-number-input.component.html: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | 10 | 11 | 12 | 15 | 16 | -------------------------------------------------------------------------------- /src/app/components/card/at-card-content/at-card-content.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, Input, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'at-card-content', 5 | template: ` 6 |
7 | 8 |
9 | ` 10 | }) 11 | export class AtCardContentComponent implements OnInit { 12 | 13 | constructor() { 14 | } 15 | 16 | ngOnInit(): void { 17 | } 18 | 19 | @Input() atFull: boolean = false; 20 | 21 | } 22 | -------------------------------------------------------------------------------- /src/app/components/collapse/collapse.module.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { NgModule } from '@angular/core'; 3 | import { AtCollapseItemComponent } from './at-collapse-item/at-collapse-item.component'; 4 | import { AtCollapseComponent } from './at-collapse.component'; 5 | 6 | @NgModule({ 7 | imports: [ 8 | CommonModule 9 | ], 10 | exports: [AtCollapseComponent, AtCollapseItemComponent], 11 | declarations: [AtCollapseComponent, AtCollapseItemComponent] 12 | }) 13 | export class AtCollapseModule { 14 | } 15 | -------------------------------------------------------------------------------- /src/app/components/modal/modal-base.service.ts: -------------------------------------------------------------------------------- 1 | import { ChangeDetectorRef, Injectable } from '@angular/core'; 2 | import { ComponentCreator } from '../core/component-creator'; 3 | import { ComponentCreatorBase } from '../core/component-creator-base'; 4 | import { ModalComponent } from './modal.component'; 5 | 6 | @Injectable() 7 | export class ModalBaseService extends ComponentCreator { 8 | 9 | constructor(private base_creator: ComponentCreatorBase) { 10 | super(base_creator, ModalComponent, 'modal-'); 11 | } 12 | 13 | } 14 | -------------------------------------------------------------------------------- /src/app/components/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "compilerOptions": { 4 | "target": "es5", 5 | "module": "es2015", 6 | "sourceMap": false, 7 | "moduleResolution": "node", 8 | "emitDecoratorMetadata": true, 9 | "experimentalDecorators": true, 10 | "declaration": true, 11 | "outDir": "../release", 12 | "lib": ["es2015", "dom"] 13 | }, 14 | "files": [ 15 | "./at-ng.module.ts" 16 | ], 17 | "angularCompilerOptions": { 18 | "skipTemplateCodegen": true 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /src/app/components/alert/alert.component.html: -------------------------------------------------------------------------------- 1 |
5 | 6 |
7 |

{{message}}

8 |
9 | 10 | {{closeText}} 11 | 12 | 13 |
14 | -------------------------------------------------------------------------------- /src/app/components/tab/at-tab-body.component.ts: -------------------------------------------------------------------------------- 1 | import { 2 | Component, 3 | Input, 4 | TemplateRef 5 | } from '@angular/core'; 6 | 7 | @Component({ 8 | selector: '[at-tab-body]', 9 | preserveWhitespaces: false, 10 | template: ` 11 | 12 | 13 | ` 14 | }) 15 | export class AtTabBodyComponent { 16 | @Input() content: TemplateRef; 17 | @Input() active = false; 18 | @Input() forceRender = false; 19 | } 20 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-affix/demo-affix-basic/demo-affix-basic.component.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 |
5 | 6 |
7 |
8 | 9 |
10 | 11 | 12 | 13 |
14 | 15 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-badge/demo-basic-badge/demo-basic-badge.component.html: -------------------------------------------------------------------------------- 1 |

基础使用

2 |
3 | 4 |
5 | 6 |

不同颜色

7 |
8 | 9 | 10 | 11 | 12 | 13 |
14 |

设置最大值。进行隐藏

15 |
16 | 17 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-datetimepicker/demo-basic-datepicker/demo-basic-datepicker.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-basic-datepicker', 5 | templateUrl: './demo-basic-datepicker.component.html', 6 | styleUrls: ['./demo-basic-datepicker.component.css'] 7 | }) 8 | export class DemoBasicDatepickerComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | current_date = ''; 17 | 18 | disableDate = new Date(); 19 | } 20 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-select/demo-select-size/demo-select-size.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-select-size', 5 | templateUrl: './demo-select-size.component.html', 6 | styleUrls: ['./demo-select-size.component.css'] 7 | }) 8 | export class DemoSelectSizeComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | single = 'first'; 17 | 18 | multiple = []; 19 | 20 | } 21 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-collapse/demo-according-collapse/demo-according-collapse.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | A 4 |
Only one
5 | 6 | 7 | 8 | B 9 |
Only one
10 | 11 | 12 | 13 | C 14 |
Only one
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-color-picker/at-demo-color-picker.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-at-demo-color-picker', 5 | templateUrl: './at-demo-color-picker.component.html', 6 | styleUrls: ['./at-demo-color-picker.component.css'] 7 | }) 8 | export class AtDemoColorPickerComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | color = '#1890ff'; 16 | 17 | code = ``; 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-modal/demo-custom-modal/demo-custom-modal.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-custom-modal', 5 | templateUrl: './demo-custom-modal.component.html', 6 | styleUrls: ['./demo-custom-modal.component.css'] 7 | }) 8 | export class DemoCustomModalComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | header = false; 17 | footer = false; 18 | closer = false; 19 | confirmer = false; 20 | 21 | } 22 | -------------------------------------------------------------------------------- /src/app/components/timeline/timeline-item/timeline-item.component.html: -------------------------------------------------------------------------------- 1 |
3 |
4 |
5 | 6 |
7 |
8 | 9 |
10 |
11 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-collapse/demo-simple-collapse/demo-simple-collapse.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | A 4 |
Only one
5 | 6 | 7 | 8 | B 9 |
Only one
10 | 11 | 12 | 13 | C 14 |
Only one
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-select/demo-input-select/demo-input-select.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-input-select', 5 | templateUrl: './demo-input-select.component.html', 6 | styleUrls: ['./demo-input-select.component.css'] 7 | }) 8 | export class DemoInputSelectComponent implements OnInit { 9 | 10 | constructor() { 11 | } 12 | 13 | ngOnInit() { 14 | } 15 | 16 | selected = ['first']; 17 | 18 | setSelect() { 19 | this.selected = ['second']; 20 | } 21 | 22 | } 23 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tag/demo-color-tag/demo-color-tag.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-color-tag', 5 | template: '{{item}}', 6 | styleUrls: ['./demo-color-tag.component.css'] 7 | }) 8 | export class DemoColorTagComponent implements OnInit { 9 | 10 | colors = ['default', 'primary', 'success', 'error', 'warning', 'info', '#ecefce']; 11 | 12 | constructor() { 13 | } 14 | 15 | ngOnInit() { 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-theme/at-demo-theme.component.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 | -------------------------------------------------------------------------------- /docs/assets/sass/components/card.scss: -------------------------------------------------------------------------------- 1 | 2 | .at-card { 3 | background: #fff; 4 | padding: 16px; 5 | display: block; 6 | border-radius: 4px; 7 | transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1); 8 | box-shadow: 0 1px 4px 0 rgba(10, 16, 20, .37); 9 | &-header { 10 | display: flex; 11 | flex-direction: row 12 | } 13 | &-content { 14 | 15 | &-full { 16 | width: calc(100% + 32px); 17 | margin: 0 -16px 16px -16px; 18 | } 19 | } 20 | &-footer { 21 | margin-bottom: -8px; 22 | padding-bottom: 0; 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /ngsw-config.json: -------------------------------------------------------------------------------- 1 | { 2 | "index": "/index.html", 3 | "assetGroups": [ 4 | { 5 | "name": "app", 6 | "installMode": "prefetch", 7 | "resources": { 8 | "files": [ 9 | "/favicon.ico", 10 | "/index.html", 11 | "/*.css", 12 | "/*.js" 13 | ] 14 | } 15 | }, { 16 | "name": "assets", 17 | "installMode": "lazy", 18 | "updateMode": "prefetch", 19 | "resources": { 20 | "files": [ 21 | "/assets/**" 22 | ] 23 | } 24 | } 25 | ] 26 | } 27 | -------------------------------------------------------------------------------- /src/app/components/breadcrumb/at-bread-module.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { NgModule } from '@angular/core'; 3 | import { AtBreadItemComponent } from './breadcrumb-item/at-bread-item.component'; 4 | import { BreadcrumbComponent } from './breadcrumb.component'; 5 | @NgModule({ 6 | imports: [CommonModule], 7 | declarations: [BreadcrumbComponent, AtBreadItemComponent], 8 | exports: [BreadcrumbComponent, AtBreadItemComponent] 9 | }) 10 | export class AtBreadModule { 11 | } 12 | -------------------------------------------------------------------------------- /src/assets/sass/components/card.scss: -------------------------------------------------------------------------------- 1 | 2 | .at-card { 3 | background: #fff; 4 | padding: 16px; 5 | display: block; 6 | border-radius: 4px; 7 | transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1); 8 | box-shadow: 0 1px 4px 0 rgba(10, 16, 20, .37); 9 | &-header { 10 | display: flex; 11 | flex-direction: row 12 | } 13 | &-content { 14 | 15 | &-full { 16 | width: calc(100% + 32px); 17 | margin: 0 -16px 16px -16px; 18 | } 19 | } 20 | &-footer { 21 | margin-bottom: -8px; 22 | padding-bottom: 0; 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | AT ANGULAR UIKIT 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/app/components/input/at-input.module.ts: -------------------------------------------------------------------------------- 1 | import { CommonModule } from '@angular/common'; 2 | import { NgModule } from '@angular/core'; 3 | import { FormsModule } from '@angular/forms'; 4 | import { AtInputDirective } from './at-input.directive'; 5 | import { InputComponent } from './input.component'; 6 | 7 | @NgModule({ 8 | imports: [CommonModule, FormsModule], 9 | declarations: [AtInputDirective, InputComponent], 10 | exports: [AtInputDirective, InputComponent] 11 | }) 12 | export class AtInputModule { 13 | } 14 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-collapse/demo-basic-collapse/demo-basic-collapse.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | adsad 4 |
asdasdasd {{isOpen}}
5 | 6 | 7 | 8 | B 9 |
asdasdasd
10 | 11 | 12 | 13 | C 14 |
asdasdasd
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/app/showcase/at-demo-tag/demo-basic-tag/demo-basic-tag.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-demo-basic-tag', 5 | template: 6 | '标签1' + 7 | '标签2' + 8 | '标签3' + 9 | '标签4', 10 | styleUrls: ['./demo-basic-tag.component.css'] 11 | }) 12 | export class DemoBasicTagComponent implements OnInit { 13 | 14 | constructor() { 15 | } 16 | 17 | ngOnInit(): void { 18 | } 19 | 20 | } 21 | -------------------------------------------------------------------------------- /src/app/showcase/connect/connect.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-connect', 5 | templateUrl: './connect.component.html', 6 | styleUrls: ['./connect.component.css'] 7 | }) 8 | export class ConnectComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | active(href) { 16 | let location = window.location.hash; 17 | location = location.replace('#', ''); 18 | const bol = location.indexOf(href) != -1; 19 | return bol; 20 | } 21 | 22 | } 23 | -------------------------------------------------------------------------------- /docs/assets/sass/mixins/lib/shade.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Mixes a color with black. It's different from darken() 3 | * 4 | * @param {color} $color 5 | * @param {number (percentage)} $percent [The amount of black to be mixed in] 6 | * @return {color} 7 | * 8 | * @example 9 | * .element { 10 | * background-color: shade(#ffbb52, 60%); 11 | * } 12 | * 13 | * // CSS Output 14 | * .element { 15 | * background-color: #664a20; 16 | * } 17 | */ 18 | 19 | @function shade( 20 | $color, 21 | $percent 22 | ) { 23 | @return mix(#000, $color, $percent); 24 | } 25 | --------------------------------------------------------------------------------