ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
1 lines • 13.9 kB
Source Map (JSON)
{"version":3,"file":"ng-zorro-antd-mobile-swipe-action.mjs","sources":["../../components/swipe-action/swipe-action.component.ts","../../components/swipe-action/swipe-action.component.html","../../components/swipe-action/swipe-action.module.ts","../../components/swipe-action/ng-zorro-antd-mobile-swipe-action.ts"],"sourcesContent":["import {\n AfterViewInit,\n Component,\n EventEmitter,\n Input,\n OnDestroy,\n OnInit,\n Output,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\n\n@Component({\n selector: 'SwipeAction, nzm-swipe-action',\n templateUrl: './swipe-action.component.html',\n encapsulation: ViewEncapsulation.None\n})\nexport class SwipeActionComponent implements OnInit, AfterViewInit, OnDestroy {\n prefixCls: string = 'am-swipe';\n wrapCls: object = {};\n\n private _swiping: boolean = false;\n private _openedLeft: boolean = false;\n private _openedRight: boolean = false;\n private _btnsLeftWidth: number;\n private _btnsRightWidth: number;\n private _needShowLeft: boolean;\n private _needShowRight: boolean;\n private _startX: number;\n\n @ViewChild('leftBtnRef')\n leftBtnRef;\n @ViewChild('rightBtnRef')\n rightBtnRef;\n @ViewChild('contentRef')\n content;\n @ViewChild('coverRef')\n cover;\n\n @Input()\n left: Array<object> = [];\n @Input()\n right: Array<object> = [];\n @Input()\n autoClose: boolean = false;\n @Input()\n disabled: boolean = false;\n @Output()\n onOpen: EventEmitter<any> = new EventEmitter<any>();\n @Output()\n onClose: EventEmitter<any> = new EventEmitter<any>();\n\n constructor() {}\n\n setClassMap() {\n this.wrapCls = {\n [this.prefixCls]: true,\n [`${this.prefixCls}-swiping`]: this._swiping\n };\n }\n\n onCloseSwipe = ev => {\n if (!(this._openedLeft || this._openedRight)) {\n return;\n }\n const pNode = ev.target.closest(`.${this.prefixCls}-actions`);\n if (!pNode) {\n this.close();\n }\n }\n\n close() {\n if (this._openedLeft || this._openedRight) {\n this.onClose.emit();\n }\n this.setBtnStyle(0);\n this._openedLeft = false;\n this._openedRight = false;\n }\n\n setBtnStyle(value) {\n if (this._btnsLeftWidth === 0 || this._btnsRightWidth === 0) {\n this._btnsLeftWidth = this.leftBtnRef ? this.leftBtnRef.nativeElement.offsetWidth : 0;\n this._btnsRightWidth = this.rightBtnRef ? this.rightBtnRef.nativeElement.offsetWidth : 0;\n }\n const limit = value > 0 ? this._btnsLeftWidth : -this._btnsRightWidth;\n const contentLeft = this.getContentEasing(value, limit);\n this.content.nativeElement.style.left = `${contentLeft}px`;\n this.cover.nativeElement.style.display = Math.abs(value) > 0 ? 'block' : 'none';\n this.cover.nativeElement.style.left = `${contentLeft}px`;\n }\n\n getContentEasing(value, limit) {\n return Math.abs(value) - Math.abs(limit) > 0 ? limit : value;\n }\n\n onTouchStart(e) {\n this._startX = e.changedTouches[0].clientX;\n this._swiping = true;\n }\n\n onTouchMove(e) {\n const deltaX = e.changedTouches[0].clientX - this._startX;\n this._needShowRight = deltaX < -5 && this.right.length > 0;\n this._needShowLeft = deltaX > 5 && this.left.length > 0;\n if (this.leftBtnRef) {\n this.leftBtnRef.nativeElement.style.visibility = this._needShowRight ? 'hidden' : 'visible';\n }\n if (this.rightBtnRef) {\n this.rightBtnRef.nativeElement.style.visibility = this._needShowLeft ? 'hidden' : 'visible';\n }\n this.setBtnStyle(deltaX);\n }\n\n onTouchEnd(e) {\n const deltaX = e.changedTouches[0].clientX - this._startX;\n\n const needOpenRight = this._needShowRight && Math.abs(deltaX) > this._btnsRightWidth / 2;\n const needOpenLeft = this._needShowLeft && Math.abs(deltaX) > this._btnsLeftWidth / 2;\n\n if (needOpenRight) {\n this.doOpenRight();\n } else if (needOpenLeft) {\n this.doOpenLeft();\n } else {\n this.close();\n }\n this._swiping = false;\n this._needShowLeft = false;\n this._needShowRight = false;\n }\n\n doOpenLeft() {\n this.open(this._btnsLeftWidth, true, false);\n }\n\n doOpenRight() {\n this.open(-this._btnsRightWidth, false, true);\n }\n\n onBtnClick(ev, btn) {\n const onPress = btn.onPress;\n if (onPress) {\n onPress(ev);\n }\n if (this.autoClose) {\n this.close();\n }\n }\n\n open(value, openedLeft, openedRight) {\n this.onOpen.emit();\n this._openedLeft = openedLeft;\n this._openedRight = openedRight;\n this.setBtnStyle(value);\n }\n\n ngOnInit() {\n this.setClassMap();\n }\n\n ngAfterViewInit(): void {\n this._btnsLeftWidth = this.leftBtnRef ? this.leftBtnRef.nativeElement.offsetWidth : 0;\n this._btnsRightWidth = this.rightBtnRef ? this.rightBtnRef.nativeElement.offsetWidth : 0;\n document.body.addEventListener('touchstart', this.onCloseSwipe, true);\n }\n\n ngOnDestroy(): void {\n document.body.removeEventListener('touchstart', this.onCloseSwipe, true);\n }\n}\n","<div *ngIf=\"(left.length != 0 || right.length != 0) && !disabled\" [ngClass]=\"wrapCls\">\n <div class=\"{{ prefixCls }}-cover\" #coverRef></div>\n <div *ngIf=\"left && left.length > 0\" class=\"{{ prefixCls }}-actions {{ prefixCls }}-actions-left\" #leftBtnRef>\n <div\n *ngFor=\"let btn of left\"\n class=\"{{ prefixCls }}-btn {{ btn.className }}\"\n [ngStyle]=\"btn.style\"\n role=\"button\"\n (click)=\"onBtnClick($event, btn)\"\n >\n <div class=\"{{ prefixCls }}-btn-text\">\n {{ btn.text || 'Click' }}\n </div>\n </div>\n </div>\n <div *ngIf=\"right && right.length > 0\" class=\"{{ prefixCls }}-actions {{ prefixCls }}-actions-right\" #rightBtnRef>\n <div\n *ngFor=\"let btn of right\"\n class=\"{{ prefixCls }}-btn {{ btn.className }}\"\n [ngStyle]=\"btn.style\"\n role=\"button\"\n (click)=\"onBtnClick($event, btn)\"\n >\n <div class=\"{{ prefixCls }}-btn-text\">\n {{ btn.text || 'Click' }}\n </div>\n </div>\n </div>\n <div\n class=\"{{ prefixCls }}-content\"\n #contentRef\n (touchstart)=\"onTouchStart($event)\"\n (touchmove)=\"onTouchMove($event)\"\n (touchend)=\"onTouchEnd($event)\"\n >\n <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n </div>\n</div>\n<div *ngIf=\"!((left.length != 0 || right.length != 0) && !disabled)\" class=\"{{ prefixCls }}-content\" #contentRef>\n <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n</div>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SwipeActionComponent } from './swipe-action.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [SwipeActionComponent],\n declarations: [SwipeActionComponent],\n providers: []\n})\nexport class SwipeActionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}