diff --git a/src/app/shared/dialog/README.md b/src/app/simple/dialog/README.md similarity index 86% rename from src/app/shared/dialog/README.md rename to src/app/simple/dialog/README.md index d0b36ed..f73b084 100644 --- a/src/app/shared/dialog/README.md +++ b/src/app/simple/dialog/README.md @@ -1,53 +1,51 @@ -# Dialog - -## Services - -### open 打开方法 -打开一个包含给定组件的模式对话框。 - -#### Parameters -componentRef - -加载到对话框中的组件的类型,或作为对话框内容实例化的TemplateRef。 - -config - -额外的配置选项。参考Config - -#### Returns - -DialogRef - -引用新打开的对话框。 - -## Directives - -### appDialogHeader -对话框头部 -Selector:[app-dialog-header],[appDialogHeader] - -### appDialogBody -对话框内容 -Selector:[app-dialog-body],[appDialogBody] - -### appDialogFooter -对话框尾部 -Selector:[app-dialog-footer],[appDialogFooter] - -可选配置: -align 按钮对齐方式(默认左对齐) -center 居中对齐 -end 右对齐 - -### appDialogClose -关闭对话框 -Selector:[appDialogClose],[app-dialog-close] - -## Config - -resolve?: {} | null = null; // 给组件传入数据 keys 会注入子组件的inputs里 -zIndex?: number; // 层级 默认Backdrop 1040 Dialog 1050 Dialog总是比Backdrop多10 -height?: string; // 高度 默认宽度600px -width?: string; // 宽度 auto -hasBackdrop?: boolean; // 是否有遮罩背景 +# Dialog + +## Services + +### open 打开方法 +打开一个包含给定组件的模式对话框。 + +#### Parameters +componentRef + +加载到对话框中的组件的类型,或作为对话框内容实例化的TemplateRef。 + +config + +额外的配置选项。参考Config + +#### Returns + +DialogRef + +引用新打开的对话框。 + +## Directives + +### appDialogHeader +对话框头部 +Selector:[app-dialog-header],[appDialogHeader] + +### appDialogBody +对话框内容 +Selector:[app-dialog-body],[appDialogBody] + +### appDialogFooter +对话框尾部 +Selector:[app-dialog-footer],[appDialogFooter] + +Attributes: +- [align=center],[align=end] 按钮对齐方式(默认左对齐) center(居中对齐)|end(右对齐) + +### appDialogClose +关闭对话框 +Selector:[appDialogClose],[app-dialog-close] + +## Config + +resolve?: {} | null = null; // 给组件传入数据 keys 会注入子组件的inputs里 +zIndex?: number; // 层级 默认Backdrop 1040 Dialog 1050 Dialog总是比Backdrop多10 +height?: string; // 高度 默认宽度600px +width?: string; // 宽度 auto +hasBackdrop?: boolean; // 是否有遮罩背景 customClass?: string; // 自定义样式 dialog-backdrop-customClass dialog-customClass \ No newline at end of file diff --git a/src/app/shared/dialog/dialog-body/dialog-body.component.html b/src/app/simple/dialog/dialog-body/dialog-body.component.html similarity index 100% rename from src/app/shared/dialog/dialog-body/dialog-body.component.html rename to src/app/simple/dialog/dialog-body/dialog-body.component.html diff --git a/src/app/shared/dialog/dialog-body/dialog-body.component.scss b/src/app/simple/dialog/dialog-body/dialog-body.component.scss similarity index 100% rename from src/app/shared/dialog/dialog-body/dialog-body.component.scss rename to src/app/simple/dialog/dialog-body/dialog-body.component.scss diff --git a/src/app/shared/dialog/dialog-body/dialog-body.component.spec.ts b/src/app/simple/dialog/dialog-body/dialog-body.component.spec.ts similarity index 100% rename from src/app/shared/dialog/dialog-body/dialog-body.component.spec.ts rename to src/app/simple/dialog/dialog-body/dialog-body.component.spec.ts diff --git a/src/app/shared/dialog/dialog-body/dialog-body.component.ts b/src/app/simple/dialog/dialog-body/dialog-body.component.ts similarity index 100% rename from src/app/shared/dialog/dialog-body/dialog-body.component.ts rename to src/app/simple/dialog/dialog-body/dialog-body.component.ts diff --git a/src/app/shared/dialog/dialog-close.directive.spec.ts b/src/app/simple/dialog/dialog-close.directive.spec.ts similarity index 100% rename from src/app/shared/dialog/dialog-close.directive.spec.ts rename to src/app/simple/dialog/dialog-close.directive.spec.ts diff --git a/src/app/shared/dialog/dialog-close.directive.ts b/src/app/simple/dialog/dialog-close.directive.ts similarity index 100% rename from src/app/shared/dialog/dialog-close.directive.ts rename to src/app/simple/dialog/dialog-close.directive.ts diff --git a/src/app/shared/dialog/dialog-config.service.spec.ts b/src/app/simple/dialog/dialog-config.service.spec.ts similarity index 100% rename from src/app/shared/dialog/dialog-config.service.spec.ts rename to src/app/simple/dialog/dialog-config.service.spec.ts diff --git a/src/app/shared/dialog/dialog-config.service.ts b/src/app/simple/dialog/dialog-config.service.ts similarity index 100% rename from src/app/shared/dialog/dialog-config.service.ts rename to src/app/simple/dialog/dialog-config.service.ts diff --git a/src/app/shared/dialog/dialog-confirm/dialog-confirm.component.html b/src/app/simple/dialog/dialog-confirm/dialog-confirm.component.html similarity index 100% rename from src/app/shared/dialog/dialog-confirm/dialog-confirm.component.html rename to src/app/simple/dialog/dialog-confirm/dialog-confirm.component.html diff --git a/src/app/shared/dialog/dialog-confirm/dialog-confirm.component.scss b/src/app/simple/dialog/dialog-confirm/dialog-confirm.component.scss similarity index 100% rename from src/app/shared/dialog/dialog-confirm/dialog-confirm.component.scss rename to src/app/simple/dialog/dialog-confirm/dialog-confirm.component.scss diff --git a/src/app/shared/dialog/dialog-confirm/dialog-confirm.component.spec.ts b/src/app/simple/dialog/dialog-confirm/dialog-confirm.component.spec.ts similarity index 100% rename from src/app/shared/dialog/dialog-confirm/dialog-confirm.component.spec.ts rename to src/app/simple/dialog/dialog-confirm/dialog-confirm.component.spec.ts diff --git a/src/app/shared/dialog/dialog-confirm/dialog-confirm.component.ts b/src/app/simple/dialog/dialog-confirm/dialog-confirm.component.ts similarity index 100% rename from src/app/shared/dialog/dialog-confirm/dialog-confirm.component.ts rename to src/app/simple/dialog/dialog-confirm/dialog-confirm.component.ts diff --git a/src/app/shared/dialog/dialog-footer/dialog-footer.component.html b/src/app/simple/dialog/dialog-footer/dialog-footer.component.html similarity index 100% rename from src/app/shared/dialog/dialog-footer/dialog-footer.component.html rename to src/app/simple/dialog/dialog-footer/dialog-footer.component.html diff --git a/src/app/shared/dialog/dialog-footer/dialog-footer.component.scss b/src/app/simple/dialog/dialog-footer/dialog-footer.component.scss similarity index 100% rename from src/app/shared/dialog/dialog-footer/dialog-footer.component.scss rename to src/app/simple/dialog/dialog-footer/dialog-footer.component.scss diff --git a/src/app/shared/dialog/dialog-footer/dialog-footer.component.spec.ts b/src/app/simple/dialog/dialog-footer/dialog-footer.component.spec.ts similarity index 100% rename from src/app/shared/dialog/dialog-footer/dialog-footer.component.spec.ts rename to src/app/simple/dialog/dialog-footer/dialog-footer.component.spec.ts diff --git a/src/app/shared/dialog/dialog-footer/dialog-footer.component.ts b/src/app/simple/dialog/dialog-footer/dialog-footer.component.ts similarity index 100% rename from src/app/shared/dialog/dialog-footer/dialog-footer.component.ts rename to src/app/simple/dialog/dialog-footer/dialog-footer.component.ts diff --git a/src/app/shared/dialog/dialog-header/dialog-header.component.html b/src/app/simple/dialog/dialog-header/dialog-header.component.html similarity index 100% rename from src/app/shared/dialog/dialog-header/dialog-header.component.html rename to src/app/simple/dialog/dialog-header/dialog-header.component.html diff --git a/src/app/shared/dialog/dialog-header/dialog-header.component.scss b/src/app/simple/dialog/dialog-header/dialog-header.component.scss similarity index 100% rename from src/app/shared/dialog/dialog-header/dialog-header.component.scss rename to src/app/simple/dialog/dialog-header/dialog-header.component.scss diff --git a/src/app/shared/dialog/dialog-header/dialog-header.component.spec.ts b/src/app/simple/dialog/dialog-header/dialog-header.component.spec.ts similarity index 100% rename from src/app/shared/dialog/dialog-header/dialog-header.component.spec.ts rename to src/app/simple/dialog/dialog-header/dialog-header.component.spec.ts diff --git a/src/app/shared/dialog/dialog-header/dialog-header.component.ts b/src/app/simple/dialog/dialog-header/dialog-header.component.ts similarity index 100% rename from src/app/shared/dialog/dialog-header/dialog-header.component.ts rename to src/app/simple/dialog/dialog-header/dialog-header.component.ts diff --git a/src/app/shared/dialog/dialog-subject.service.spec.ts b/src/app/simple/dialog/dialog-subject.service.spec.ts similarity index 100% rename from src/app/shared/dialog/dialog-subject.service.spec.ts rename to src/app/simple/dialog/dialog-subject.service.spec.ts diff --git a/src/app/shared/dialog/dialog-subject.service.ts b/src/app/simple/dialog/dialog-subject.service.ts similarity index 100% rename from src/app/shared/dialog/dialog-subject.service.ts rename to src/app/simple/dialog/dialog-subject.service.ts diff --git a/src/app/shared/dialog/dialog.component.html b/src/app/simple/dialog/dialog.component.html similarity index 100% rename from src/app/shared/dialog/dialog.component.html rename to src/app/simple/dialog/dialog.component.html diff --git a/src/app/shared/dialog/dialog.component.scss b/src/app/simple/dialog/dialog.component.scss similarity index 95% rename from src/app/shared/dialog/dialog.component.scss rename to src/app/simple/dialog/dialog.component.scss index 416cafa..bbc9d9d 100644 --- a/src/app/shared/dialog/dialog.component.scss +++ b/src/app/simple/dialog/dialog.component.scss @@ -1,96 +1,96 @@ -.dialog { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1050; - display: block; - overflow: hidden; - -webkit-overflow-scrolling: touch; - outline: 0; - &-backdrop { - position: fixed; - pointer-events: auto; - z-index: 1000; - top: 0; - bottom: 0; - left: 0; - right: 0; - -webkit-tap-highlight-color: transparent; - transition: opacity .4s cubic-bezier(.25, .8, .25, 1); - background: rgba(0, 0, 0, .6); - &-hidden { - display: none; - } - } - &-container { - position: relative; - top: 40%; - width: 600px; - margin: 0 auto; - .zoom-leave, - .zoom-enter { - animation-duration: .3s; - transform: none; - opacity: 0 - } - } - &-content { - position: relative; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #999; - border: 1px solid rgba(0, 0, 0, .2); - border-radius: 6px; - outline: 0; - -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); - box-shadow: 0 3px 9px rgba(0, 0, 0, .5); - background-color: white; - } - &-header { - padding: 15px; - border-bottom: 1px solid #e5e5e5; - } - &-title { - margin: 0; - line-height: 1.42857143; - font-size: 18px; - } - &-close { - cursor: pointer; - float: right; - font-size: 21px; - font-weight: 700; - line-height: 1; - color: #000; - text-shadow: 0 1px 0 #fff; - opacity: .2; - border: none; - background: none; - &:hover { - opacity: .5; - } - } - &-body { - position: relative; - padding: 15px; - } - &-footer { - font-size: 0; - padding: 15px; - text-align: right; - border-top: 1px solid #e5e5e5; - .u-btn+.u-btn { - margin-bottom: 0; - margin-left: 10px; - } - &[align=end] { - text-align: right; - } - &[align=center] { - text-align: center; - } - } +.dialog { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: block; + overflow: hidden; + -webkit-overflow-scrolling: touch; + outline: 0; + &-backdrop { + position: fixed; + pointer-events: auto; + z-index: 1000; + top: 0; + bottom: 0; + left: 0; + right: 0; + -webkit-tap-highlight-color: transparent; + transition: opacity .4s cubic-bezier(.25, .8, .25, 1); + background: rgba(0, 0, 0, .6); + &-hidden { + display: none; + } + } + &-container { + position: relative; + top: 40%; + width: 600px; + margin: 0 auto; + .zoom-leave, + .zoom-enter { + animation-duration: .3s; + transform: none; + opacity: 0 + } + } + &-content { + position: relative; + background-color: #fff; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 6px; + outline: 0; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); + box-shadow: 0 3px 9px rgba(0, 0, 0, .5); + background-color: white; + } + &-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; + } + &-title { + margin: 0; + line-height: 1.42857143; + font-size: 18px; + } + &-close { + cursor: pointer; + float: right; + font-size: 21px; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .2; + border: none; + background: none; + &:hover { + opacity: .5; + } + } + &-body { + position: relative; + padding: 15px; + } + &-footer { + font-size: 0; + padding: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; + .u-btn+.u-btn { + margin-bottom: 0; + margin-left: 10px; + } + &[align=end] { + text-align: right; + } + &[align=center] { + text-align: center; + } + } } \ No newline at end of file diff --git a/src/app/shared/dialog/dialog.component.spec.ts b/src/app/simple/dialog/dialog.component.spec.ts similarity index 100% rename from src/app/shared/dialog/dialog.component.spec.ts rename to src/app/simple/dialog/dialog.component.spec.ts diff --git a/src/app/shared/dialog/dialog.component.ts b/src/app/simple/dialog/dialog.component.ts similarity index 100% rename from src/app/shared/dialog/dialog.component.ts rename to src/app/simple/dialog/dialog.component.ts diff --git a/src/app/shared/dialog/dialog.module.ts b/src/app/simple/dialog/dialog.module.ts similarity index 100% rename from src/app/shared/dialog/dialog.module.ts rename to src/app/simple/dialog/dialog.module.ts diff --git a/src/app/shared/dialog/dialog.service.spec.ts b/src/app/simple/dialog/dialog.service.spec.ts similarity index 100% rename from src/app/shared/dialog/dialog.service.spec.ts rename to src/app/simple/dialog/dialog.service.spec.ts diff --git a/src/app/shared/dialog/dialog.service.ts b/src/app/simple/dialog/dialog.service.ts similarity index 100% rename from src/app/shared/dialog/dialog.service.ts rename to src/app/simple/dialog/dialog.service.ts diff --git a/src/app/shared/dialog/index.ts b/src/app/simple/dialog/index.ts similarity index 97% rename from src/app/shared/dialog/index.ts rename to src/app/simple/dialog/index.ts index 57d26b5..7cd44ee 100644 --- a/src/app/shared/dialog/index.ts +++ b/src/app/simple/dialog/index.ts @@ -1,4 +1,4 @@ -export * from './dialog.module'; -export * from './dialog.service'; -export * from './dialog-subject.service'; -export * from './dialog-config.service'; +export * from './dialog.module'; +export * from './dialog.service'; +export * from './dialog-subject.service'; +export * from './dialog-config.service';