cty-mui-core 1.0.38 → 1.0.39

package/dist/collection/components/camera/camera.js

@@ -30,6 +30,8 @@ export class Camera {
         this.zoomSteps = 20; //仅android有效，通过这个算出每一份的的比例: (getMaxZoom() + 1) / allowMaxZoom
         this.touchZoom = true;
         this.touchZoomProp = 0.01;
+        this.permissionAlertTitle = '需要申请开启相机权限';
+        this.permissionAlertContent = '需要开启相机权限，用于拍照。我们承诺仅在功能使用时调用摄像头。';
         this.ratioIndex = 0;
         this.flash = false;
         this.zoomIndex = 0;
@@ -38,6 +40,10 @@ export class Camera {
         this.imageViewerIndex = 0;
         this.currentPhotoMode = 'multiple';
         this.currentZoom = 1;
+        this.hasPermission = false;
+        this.permissionAlertVisible = false;
+        this.isToastOpen = false;
+        this.toastContent = '';
         this.startZoom = 1;
         this.SCREEN_WIDTH = window.screen.width;
         this.SCREEN_HEIGHT = window.screen.height;
@@ -62,9 +68,46 @@ export class Camera {
         bodyEl.style.visibility = 'visible';
         bodyEl.style.background = this.originalBodyBackground;
     }
-    initCamera() {
+    async requestPermission() {
+        try {
+            this.hasPermission = await cameraPreview.hasPermission();
+        }
+        catch (error) {
+            this.hasPermission = false;
+        }
+        if (!this.hasPermission) {
+            try {
+                await cameraPreview.requestPermission();
+                this.hasPermission = true;
+            }
+            catch (error) {
+                const { code, message } = error;
+                if (code == 'PERMISSION_DENIED_NEED_SETTINGS') {
+                    this.permissionAlertVisible = true;
+                }
+                else {
+                    if (code != 'PERMISSION_DENIED_FIRST_TIME' && message) {
+                        this.isToastOpen = true;
+                        this.toastContent = message;
+                    }
+                    this.ctyDismiss.emit();
+                }
+            }
+        }
+    }
+    async initCamera() {
+        await this.requestPermission();
+        if (!this.hasPermission) {
+            this.ctyDismiss.emit();
+            return;
+        }
         const height = this.getCameraHeight();
-        cameraPreview.startCamera(Object.assign(Object.assign({ y: this.safeArea, camera: 'back', backgroundColor: '#000000' }, this.options), { x: 0, height, toBack: true, tapPhoto: false, tapFocus: true, enableAutoSettings: false, storeToFile: this.file }));
+        cameraPreview.startCamera(Object.assign(Object.assign({ y: this.safeArea, camera: 'back', backgroundColor: '#000000' }, this.options), { x: 0, height, toBack: true, tapPhoto: false, tapFocus: true, enableAutoSettings: false, storeToFile: this.file })).catch((error) => {
+            const { code } = error;
+            if (code == 'PERMISSION_DENIED_NEED_SETTINGS') {
+                this.permissionAlertVisible = true;
+            }
+        });
     }
     close() {
         this.ctyDismiss.emit();
@@ -216,9 +259,26 @@ export class Camera {
         }
         cameraPreview.setZoom(Math.min(startCameraZoom + diff, maxZoom));
     }
+    async toOpenAppSetting(event) {
+        const { item } = event.detail;
+        if (item.action == 'permission') {
+            try {
+                await cameraPreview.openAppSettings();
+                this.permissionAlertVisible = false;
+            }
+            catch (error) {
+                this.closePermissionAlert(event);
+            }
+        }
+    }
+    closePermissionAlert(e) {
+        e.stopPropagation();
+        this.permissionAlertVisible = false;
+        this.ctyDismiss.emit();
+    }
     render() {
         const { title, closeIcon, flash, flipText, flashText, ratioText, ratios, ratioIndex, zoomIndex, zooms, mode, singleText, multipleText, currentPhotoMode, confirmIcon, confirmText, deleteIcon, pictures, showImageViewer, imageViewerIndex, touchZoom, currentZoom } = this;
-        return (h(Host, { key: 'f2dbbeee10fef4293fa66a78076f751893d93608', class: "cty-camera", onClick: (e) => e.stopPropagation() }, h("cty-nav-bar", { key: '054634ffc50db9a53cf9120e1546f0ab1519a179', title: title, type: "clear" }, h("slot", { key: '1440253fbb8a78ef418ffba4971eb2548832e7db', name: "header-start", slot: "start" }, !!closeIcon && h("ion-button", { key: '49f8467e23a693abcd3213c403fe308f46600293', class: "cty-camera__close", onClick: () => this.close() }, h("cty-icon", { key: 'dcdf35990d7609c0fd4fe720d2166d864bd62946', class: "cty-camera__close-icon", name: closeIcon })))), h("div", { key: 'a07a80a5039e04174bffd5223883f2c97ab21314', class: "cty-camera-main", onTouchStart: (e) => this.touchstart(e), onTouchMove: (e) => this.touchmove(e), onTouchEnd: (e) => this.touchend(e) }, h("div", { key: '1105f0e3ba35b3076057f3d61f8a94e7c449079c', class: "cty-camera-widgets", part: "widgets" }, !!flipText && h("button", { key: 'c9206213c57615b8d0228d16d9e2ab50c93ce2f7', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.flipCamera() }, h("cty-icon", { key: 'd0490581bf68da9fcbe8d661771a016e096aa4e6', class: "cty-camera-widget__icon", name: "cty-flip" }), !!flipText && h("span", { key: '57d763faca03d9f713f6eb73c24daf2a6b6b4057', class: "cty-camera-widget__text" }, flipText)), !!flashText && h("button", { key: '8c2e80d3f1dc0136b2b1bd8a27df12c950f81e2f', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.toggleFlash() }, h("cty-icon", { key: 'ff771e3b1c75d0e4a4c797d6ce0d7e7aec93f097', class: "cty-camera-widget__icon", name: flash ? 'cty-flash-on' : 'cty-flash-off' }), !!flashText && h("span", { key: 'c15e58dc18a185c5b99303f821447e31cde5c02d', class: "cty-camera-widget__text" }, flashText)), !!ratioText && h("button", { key: '67f70b3a009c2761fe3b0c1c4d8ab844972420f5', class: "cty-button-native cty-camera-widget", part: "ratio", onClick: () => this.ratioChange() }, h("span", { key: '0c5be61834b53c2281eba2912d47d083d5f16403', class: "cty-camera-widget__ratio flex-center" }, ratios[ratioIndex]), !!ratioText && h("span", { key: 'd75675b27ac00ad662cf687dbec16d1d607932a6', class: "cty-camera-widget__text" }, ratioText)))), h("div", { key: 'ea3852cbb926abb151942500a140a78d8b3ee712', class: "cty-camera-controls safe-area-bottom-padding" }, mode == 'both' && pictures.length <= 0 && h("div", { key: '15d0990b2dbacab7d81b73f0aac8766106d93226', class: "cty-camera-controls__mode flex-center", part: "mode" }, h("button", { key: 'ae5a5de840f895568d2ed72ca12d14d6e028bebe', class: { 'cty-button-native cty-camera-controls__mode-button': true, 'cty-camera-controls__mode-button__active': currentPhotoMode === 'single' }, onClick: () => this.currentPhotoMode = 'single' }, singleText), h("button", { key: '33109a8369c68dfd902e9b0ad7a36a6e571fddb5', class: { 'cty-button-native cty-camera-controls__mode-button': true, 'cty-camera-controls__mode-button__active': currentPhotoMode === 'multiple' }, onClick: () => this.currentPhotoMode = 'multiple' }, multipleText)), h("slot", { key: 'cecb11c3b01fdc6c2b207bf846674c9816535004', name: "zooms" }, !touchZoom && zooms.length > 0 && h("div", { key: '32d91389660d8ab71c91777a85c6093d700eae73', class: "cty-camera-controls__zooms flex-center", part: "zooms" }, zooms.map((item, idx) => (h("div", { class: { 'cty-camera-controls__zoom-item flex-center': true, 'cty-camera-controls__zoom-item__active': zoomIndex === idx }, onClick: () => this.setZoom(idx) }, h("span", { class: "cty-camera-controls__zoom-text flex-center" }, item, "X"))))), touchZoom && h("div", { key: '2979d870a22334d7329b122eb5eb32737fd48b58', class: "cty-camera-controls__zooms flex-center", part: "zooms" }, h("div", { key: 'fcb6e01d6e9913c810e02b08f172e1eaecaf42a6', class: { 'cty-camera-controls__zoom-item flex-center cty-camera-controls__zoom-item__active': true }, onClick: () => this.resetZoom() }, h("span", { key: '5b413b10485d7b5cf0c41e2ca47a4834c812da09', class: "cty-camera-controls__zoom-text flex-center" }, currentZoom, "X")))), h("div", { key: '4907c6ed45def804b5d4b8072e33dd77d8ddf750', class: "cty-camera-controls__main flex-center" }, h("div", { key: 'ea116cc9eb7bc8b49775f0cc76c0047cbe50f5ff', class: "cty-camera-controls__main-left flex-center" }), h("div", { key: 'ff332ec62a18093c632cfb9bfb693999cdfe0b26', class: "cty-camera-controls__take-photo flex-center" }, h("button", { key: '2e1dd2ac2fb3d916d80a18920005fe13eb5447ac', class: "cty-button-native cty-camera-controls__take-photo-button", part: "take-photo", onClick: () => this.takePhoto() })), h("div", { key: '3414c6ed97b0a361804161c6bb3ccee75b719565', class: "cty-camera-controls__main-confirm flex-center" }, currentPhotoMode !== 'single' && pictures.length > 0 && !!deleteIcon && h("button", { key: '1ca16002c7d041af5e289936140379c81a60ff1a', class: "cty-camera-controls__main-delete cty-button-native flex-column-center", onClick: () => this.deleteLastPicture() }, h("cty-icon", { key: '52809317515b8b9c967a7d19b97230bf38f902ee', class: "cty-camera-controls__main-delete-icon", name: deleteIcon })), currentPhotoMode !== 'single' && pictures.length > 0 && h("button", { key: 'dca02780b3f7af11b5b538af4f039f9e0308449d', class: "cty-button-native flex-column-center", onClick: () => this.confirm() }, h("cty-icon", { key: '40c8d5ac9859f76e01ef23c80b71d6d22ab0bd1f', class: "cty-camera-controls__main-confirm-icon", name: confirmIcon }), confirmText && h("span", { key: '92186800f1c93464c5c38e190bcfec43444f80a7', class: "cty-camera-controls__main-confirm-text" }, confirmText)))), h("slot", { key: '17a6034ad5c152cdb575f79d1f74ba435eb503e0', name: "images" }, h("div", { key: 'eb7429358baf366ee7a34d0f6b84d9bc9daf150a', class: "cty-camera-controls__images flex-align-center" }, currentPhotoMode !== 'single' && pictures.map((item, idx) => (h("div", { class: "cty-camera-controls__image", onClick: () => this.toImageViewer(idx) }, h("img", { class: 'cty-camera-controls__image-img', src: item.thumbnail || item.url }), h("button", { class: "cty-button-native", onClick: (e) => this.deletePicture(e, idx) }, h("cty-icon", { class: "cty-camera-controls__image-delete", name: closeOutline })))))))), showImageViewer && h("cty-image-viewer", { key: 'bae500ca714d13cbca2bf1ff03209cec29612e06', images: pictures.map(item => item.url), initialSlide: imageViewerIndex, overlayIndex: 100, backdropDismiss: false, closeable: false, onCtyDismiss: (e) => this.closeImageViewer(e) }, currentPhotoMode !== 'multiple' && h("div", { key: '10b99a568c83aaa375c061f5a060018cdbcc0e99', class: "cty-camera-viewer__single flex-center-between", slot: "pager" }, h("button", { key: '3b3b52f74c5115aa8be3460621f4a02db00ce9c9', class: "cty-camera-viewer__single-close cty-button-native", onClick: (event) => this.closeSingleImageViewer(event) }, h("cty-icon", { key: '006d14a44c03870f4b17dc4e5cb0f0eb16bc9504', name: "cty-close2" })), h("button", { key: 'db9707996bf8bba7211792c5f4e66282080f9008', class: "cty-camera-viewer__single-confirm cty-button-native", onClick: () => this.confirm() }, h("cty-icon", { key: 'a8db29743f5d6c043fbda19265432ac0e89eb168', name: "cty-tick" }))), currentPhotoMode !== 'multiple' && h("i", { key: '091022dccdf8a1796b175be4a001de06bbdadc6e', slot: "close" }))));
+        return (h(Host, { key: '249d6c9269af0bb404fa13c2679db953580196be', class: "cty-camera", onClick: (e) => e.stopPropagation() }, h("cty-nav-bar", { key: '3ddc96ed9540f67485013bd1d52cf593f7a159ec', title: title, type: "clear" }, h("slot", { key: 'c3124d840af6803fe87669dc1da346b5a51d6dc1', name: "header-start", slot: "start" }, !!closeIcon && h("ion-button", { key: '48ebfe61e98a586fb127feb9e57e556108665126', class: "cty-camera__close", onClick: () => this.close() }, h("cty-icon", { key: '8da9e811d18687d6c3c3fd19f3b6d96db3b4d992', class: "cty-camera__close-icon", name: closeIcon })))), h("div", { key: '918f5390b8d846231a1fbd3550858114efb3797f', class: "cty-camera-main", onTouchStart: (e) => this.touchstart(e), onTouchMove: (e) => this.touchmove(e), onTouchEnd: (e) => this.touchend(e) }, h("div", { key: '4d872387a4bb06d4d5030c181c6a67a9ef19f5aa', class: "cty-camera-widgets", part: "widgets" }, !!flipText && h("button", { key: '6de4076ab5b8ee8a31a63305fc4fd4c954e87291', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.flipCamera() }, h("cty-icon", { key: 'cf2cd7ccbf12a6b972371389045aa7360a7e361c', class: "cty-camera-widget__icon", name: "cty-flip" }), !!flipText && h("span", { key: '63816718efe322900dd80192a3c96e1dde0f56bf', class: "cty-camera-widget__text" }, flipText)), !!flashText && h("button", { key: '71f482e92876e408cfe4391c92c79789d83ff12b', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.toggleFlash() }, h("cty-icon", { key: '70a2838d229df2418807329013cf2db86c8b2886', class: "cty-camera-widget__icon", name: flash ? 'cty-flash-on' : 'cty-flash-off' }), !!flashText && h("span", { key: 'dc6dcb389cde04abe9e94824fc7ab23d7cbd49c3', class: "cty-camera-widget__text" }, flashText)), !!ratioText && h("button", { key: '13fd40b68adeefca52a5775b2fc86bd0602728c7', class: "cty-button-native cty-camera-widget", part: "ratio", onClick: () => this.ratioChange() }, h("span", { key: 'e971f50bb4a923dfb119497d530890dc2a2f4cc2', class: "cty-camera-widget__ratio flex-center" }, ratios[ratioIndex]), !!ratioText && h("span", { key: 'c13601a6c3866a72120a9b441d971c5134e95b26', class: "cty-camera-widget__text" }, ratioText)))), h("div", { key: 'b82e91f54f7416c8f8ba0bbc99ad034b7d90d201', class: "cty-camera-controls safe-area-bottom-padding" }, mode == 'both' && pictures.length <= 0 && h("div", { key: 'da4867ad484906fb92bb0b9840ae05cab7f6017c', class: "cty-camera-controls__mode flex-center", part: "mode" }, h("button", { key: '8932fc465360764b3d19c2ba0f9afa26df747248', class: { 'cty-button-native cty-camera-controls__mode-button': true, 'cty-camera-controls__mode-button__active': currentPhotoMode === 'single' }, onClick: () => this.currentPhotoMode = 'single' }, singleText), h("button", { key: 'a70dd98026cb8125f04841f3f82ae83bffedea17', class: { 'cty-button-native cty-camera-controls__mode-button': true, 'cty-camera-controls__mode-button__active': currentPhotoMode === 'multiple' }, onClick: () => this.currentPhotoMode = 'multiple' }, multipleText)), h("slot", { key: '706e3c7c60be9bea7a887743981e6c0c83d867a1', name: "zooms" }, !touchZoom && zooms.length > 0 && h("div", { key: 'dd6fe65fe090190eb2f1f0b678ebfa84f8bbbe31', class: "cty-camera-controls__zooms flex-center", part: "zooms" }, zooms.map((item, idx) => (h("div", { class: { 'cty-camera-controls__zoom-item flex-center': true, 'cty-camera-controls__zoom-item__active': zoomIndex === idx }, onClick: () => this.setZoom(idx) }, h("span", { class: "cty-camera-controls__zoom-text flex-center" }, item, "X"))))), touchZoom && h("div", { key: '9f0a68f5c87b36f50807a1ddce3fd7d495f5b0f7', class: "cty-camera-controls__zooms flex-center", part: "zooms" }, h("div", { key: '2b1f97c6fbe953d71779f536d408d8a878872b1c', class: { 'cty-camera-controls__zoom-item flex-center cty-camera-controls__zoom-item__active': true }, onClick: () => this.resetZoom() }, h("span", { key: '2e16a3df094da8fcfe0b3758732a48bc67e00797', class: "cty-camera-controls__zoom-text flex-center" }, currentZoom, "X")))), h("div", { key: '06a01b4fcb96b0bd33bde8ed91fc2b436e406791', class: "cty-camera-controls__main flex-center" }, h("div", { key: 'c748dab6ff814deab00d7f0ff8e2b9ae439acc82', class: "cty-camera-controls__main-left flex-center" }), h("div", { key: 'ae6105b6f28bd8be992ebf164987806a5cf52e9c', class: "cty-camera-controls__take-photo flex-center" }, h("button", { key: '1bbe3c2225a533fd7f4b9de9b7778c748c4f5a03', class: "cty-button-native cty-camera-controls__take-photo-button", part: "take-photo", onClick: () => this.takePhoto() })), h("div", { key: 'd8b0277f2daf2c6085edd86c18d220a7c24e1e37', class: "cty-camera-controls__main-confirm flex-center" }, currentPhotoMode !== 'single' && pictures.length > 0 && !!deleteIcon && h("button", { key: 'cc83aa1aab767ea7a3aef3b44194b4891836c09a', class: "cty-camera-controls__main-delete cty-button-native flex-column-center", onClick: () => this.deleteLastPicture() }, h("cty-icon", { key: '5b2a06c3819fa158b12769b4cea08f7df6cecff2', class: "cty-camera-controls__main-delete-icon", name: deleteIcon })), currentPhotoMode !== 'single' && pictures.length > 0 && h("button", { key: '09642c94b869090cd1381b75a949013623558fb6', class: "cty-button-native flex-column-center", onClick: () => this.confirm() }, h("cty-icon", { key: '09e36ce96317e298f0a54ce6c1d76009a4ad4b95', class: "cty-camera-controls__main-confirm-icon", name: confirmIcon }), confirmText && h("span", { key: '9d24bf57e4c32abbbfb95671c1191f7d85adfce4', class: "cty-camera-controls__main-confirm-text" }, confirmText)))), h("slot", { key: '5530ce7f1411007acfd28326b53b5caa52c52376', name: "images" }, h("div", { key: '2a9366f14ff5878bb704703d9fd65a4549c002fb', class: "cty-camera-controls__images flex-align-center" }, currentPhotoMode !== 'single' && pictures.map((item, idx) => (h("div", { class: "cty-camera-controls__image", onClick: () => this.toImageViewer(idx) }, h("img", { class: 'cty-camera-controls__image-img', src: item.thumbnail || item.url }), h("button", { class: "cty-button-native", onClick: (e) => this.deletePicture(e, idx) }, h("cty-icon", { class: "cty-camera-controls__image-delete", name: closeOutline })))))))), showImageViewer && h("cty-image-viewer", { key: '5c3f82c1f25c434e79c2df83f657c25cc42f0ffc', images: pictures.map(item => item.url), initialSlide: imageViewerIndex, overlayIndex: 100, backdropDismiss: false, closeable: false, onCtyDismiss: (e) => this.closeImageViewer(e) }, currentPhotoMode !== 'multiple' && h("div", { key: '2c0753cab107695962bbdd55ab9b334e91c361a2', class: "cty-camera-viewer__single flex-center-between", slot: "pager" }, h("button", { key: '3cf7393d965245e4b7072afe50412c150840cec3', class: "cty-camera-viewer__single-close cty-button-native", onClick: (event) => this.closeSingleImageViewer(event) }, h("cty-icon", { key: 'db1b6d35ff40650a00903d37d03adf9c4e7ce311', name: "cty-close2" })), h("button", { key: '25df5828eafcc1191e826445e0b20e41eec869bf', class: "cty-camera-viewer__single-confirm cty-button-native", onClick: () => this.confirm() }, h("cty-icon", { key: 'e96ba7b2413df359b4ab6ea184250edbf3618d2a', name: "cty-tick" }))), currentPhotoMode !== 'multiple' && h("i", { key: '8a167eb7c089ede4aeff07e73cd14424a0ccca55', slot: "close" })), this.permissionAlertVisible && h("cty-permission-alert", { key: '3fb0cd60cb246d94f12a6adff586087071075ea2', title: this.permissionAlertTitle, content: this.permissionAlertContent, buttons: this.permissionAlertbuttons, onCtyDismiss: (e) => this.closePermissionAlert(e), onCtyTap: (e) => this.toOpenAppSetting(e) }), h("ion-toast", { key: 'ac0224081e8ce22eaebfd7224391cf1957c2ff47', "is-open": this.isToastOpen, message: this.toastContent, duration: 2000, position: 'middle' })));
     }
     static get is() { return "cty-camera"; }
     static get encapsulation() { return "shadow"; }
@@ -742,6 +802,70 @@ export class Camera {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "0.01"
+            },
+            "permissionAlertTitle": {
+                "type": "string",
+                "attribute": "permission-alert-title",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'\u9700\u8981\u7533\u8BF7\u5F00\u542F\u76F8\u673A\u6743\u9650'"
+            },
+            "permissionAlertContent": {
+                "type": "string",
+                "attribute": "permission-alert-content",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'\u9700\u8981\u5F00\u542F\u76F8\u673A\u6743\u9650\uFF0C\u7528\u4E8E\u62CD\u7167\u3002\u6211\u4EEC\u627F\u8BFA\u4EC5\u5728\u529F\u80FD\u4F7F\u7528\u65F6\u8C03\u7528\u6444\u50CF\u5934\u3002'"
+            },
+            "permissionAlertbuttons": {
+                "type": "unknown",
+                "attribute": "permission-alertbuttons",
+                "mutable": false,
+                "complexType": {
+                    "original": "AlertButton[]",
+                    "resolved": "AlertButton<any>[] | undefined",
+                    "references": {
+                        "AlertButton": {
+                            "location": "import",
+                            "path": "../../interface",
+                            "id": "src/interface.d.ts::AlertButton"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }
@@ -754,7 +878,10 @@ export class Camera {
             "showImageViewer": {},
             "imageViewerIndex": {},
             "currentPhotoMode": {},
-            "currentZoom": {}
+            "currentZoom": {},
+            "permissionAlertVisible": {},
+            "isToastOpen": {},
+            "toastContent": {}
         };
     }
     static get events() {

package/dist/collection/components/camera-photo/camera-photo.js

@@ -46,6 +46,8 @@ export class CameraPhoto {
         this.clipImageQuality = 1;
         this.clipImageSuffix = 'jpeg';
         this.permissionPurpose = true;
+        this.permissionAlertTitle = '需要申请开启相册权限';
+        this.permissionAlertContent = '需要开启相册权限，我们会帮助您选择好的照片或视频上传发布';
         this.root = 'default';
         this.animated = false;
         this.overlay = true;
@@ -60,6 +62,10 @@ export class CameraPhoto {
         this.showPermissionPurpose = false;
         this.permissionDescription = '';
         this.showCameraPreview = false;
+        this.hasPermission = deviceInfo.isMicroMessager;
+        this.permissionAlertVisible = false;
+        this.isToastOpen = false;
+        this.toastContent = '';
     }
     triggerChanged() {
         const { trigger, el, triggerController } = this;
@@ -102,6 +108,30 @@ export class CameraPhoto {
     onWillDismiss() {
         return eventMethod(this.el, 'ctyWillDismiss');
     }
+    async requestPermission() {
+        try {
+            this.hasPermission = await imagePicker.hasPermission();
+        }
+        catch (error) {
+            this.hasPermission = false;
+        }
+        if (!this.hasPermission) {
+            try {
+                await imagePicker.requestPermission();
+                this.hasPermission = true;
+            }
+            catch (error) {
+                const { code, message } = error;
+                if (code == 'PERMISSION_DENIED_NEED_SETTINGS') {
+                    this.permissionAlertVisible = true;
+                }
+                else if (code != 'PERMISSION_DENIED_FIRST_TIME' && message) {
+                    this.isToastOpen = true;
+                    this.toastContent = message;
+                }
+            }
+        }
+    }
     async _buttonClick(event) {
         event.stopPropagation();
         const { index } = event.detail;
@@ -121,13 +151,20 @@ export class CameraPhoto {
             return;
         }
         let imageList = [];
+        const pictureOption = {
+            camera: option.action === 'camera',
+            file: this.file,
+            count: this.count,
+            option: this.photoOption,
+        };
+        //暂时处理多选图片的情况
+        if (!pictureOption.camera && pictureOption.count > 1 && !this.hasPermission) {
+            await this.requestPermission();
+            if (!this.hasPermission) {
+                return;
+            }
+        }
         try {
-            const pictureOption = {
-                camera: option.action === 'camera',
-                file: this.file,
-                count: this.count,
-                option: this.photoOption,
-            };
             imageList = await imagePicker.getPictures(pictureOption);
             this.showPermissionPurpose = false;
         }
@@ -191,8 +228,22 @@ export class CameraPhoto {
         option.handler && option.handler({ option, imageList });
         this.ctyTap.emit({ index, imageList });
     }
+    async toOpenAppSetting(event) {
+        const { item } = event.detail;
+        if (item.action == 'permission') {
+            try {
+                await imagePicker.openAppSettings();
+            }
+            catch (error) { }
+            this.permissionAlertVisible = false;
+        }
+    }
+    closePermissionAlert(e) {
+        e.stopPropagation();
+        this.permissionAlertVisible = false;
+    }
     render() {
-        return (h(Host, { key: 'eea07b307cd18485730d5c3eadce68aaf8dc1b29', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'cty-pos-cover': this.overlay }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-action-sheet", { key: '7efa3cb1bbcf392be95095f4aebec0f50281cce3', class: "cty-camera-photo", animated: false, overlayIndex: 1, backdropDismiss: this.backdropDismiss, title: this.title, closeable: this.closeable, closeIcon: this.closeIcon, cancelText: this.cancelText, options: this.options, onCtyDismiss: () => this.dismiss(), onCtyTap: e => this._buttonClick(e) }), this.showCropImage && (h("cty-backdrop", { key: 'beb314ab8d1f1001bb6031f94d6cb3caa5d02e78', backdropDismiss: false }, h("cty-crop-image", { key: '898aa3f15eed3c289f3f543d07520bfc09c10640', url: this.clipImage, cancelText: this.clipCancelText, confirmText: this.clipCconfirmText, imageWidth: this.clipImageWidth, imageBackground: this.clipImageBg, maxScale: this.clipMaxScale, minScale: this.clipMinScale, suffix: this.clipImageSuffix, quality: this.clipImageQuality, onCtyCancel: () => this._doCropCancel(), onCtyConfirm: (e) => this._doCropConfirm(e) }))), this.showPermissionPurpose && h("cty-permission-purpose", { key: '556c162b22f867697445d72d30befd9c92a66985', description: this.permissionDescription }), this.continuous && this.showCameraPreview && h("cty-camera", Object.assign({ key: '45d9311b5eea8abc67fbd62bcb4c6ad8177a9e4c' }, this.cameraProps, { onCtyDismiss: () => this.showCameraPreview = false, onCtyConfirm: (e) => this.continuousConfirm(e) }))));
+        return (h(Host, { key: '6626fa119a9c343df0fd6175c16c0a9cd18b6bf2', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'cty-pos-cover': this.overlay }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-action-sheet", { key: 'b88a31483aaee47dad3969a616eb74945d199447', class: "cty-camera-photo", animated: false, overlayIndex: 1, backdropDismiss: this.backdropDismiss, title: this.title, closeable: this.closeable, closeIcon: this.closeIcon, cancelText: this.cancelText, options: this.options, onCtyDismiss: () => this.dismiss(), onCtyTap: e => this._buttonClick(e) }), this.showCropImage && (h("cty-backdrop", { key: '83e30b75f98f48e69e97898c6b95e835e519f999', backdropDismiss: false }, h("cty-crop-image", { key: 'e382a18a7c8d9b212f01843d78a1000112e5d486', url: this.clipImage, cancelText: this.clipCancelText, confirmText: this.clipCconfirmText, imageWidth: this.clipImageWidth, imageBackground: this.clipImageBg, maxScale: this.clipMaxScale, minScale: this.clipMinScale, suffix: this.clipImageSuffix, quality: this.clipImageQuality, onCtyCancel: () => this._doCropCancel(), onCtyConfirm: (e) => this._doCropConfirm(e) }))), this.showPermissionPurpose && h("cty-permission-purpose", { key: '55dd946e9896839ccd7930b1b3e0573429e29dc1', description: this.permissionDescription }), this.continuous && this.showCameraPreview && h("cty-camera", Object.assign({ key: '67729d43a590b8630169bd1daac1117f1f41641c' }, this.cameraProps, { onCtyDismiss: () => this.showCameraPreview = false, onCtyConfirm: (e) => this.continuousConfirm(e) })), this.permissionAlertVisible && h("cty-permission-alert", { key: '2fe87f4d37895f5187e1f86723fd2e34dc38e2b9', title: this.permissionAlertTitle, content: this.permissionAlertContent, buttons: this.permissionAlertbuttons, onCtyDismiss: (e) => this.closePermissionAlert(e), onCtyTap: (e) => this.toOpenAppSetting(e) }), h("ion-toast", { key: '7a30b6c1e4314cd092bef5c313bff43449fd12ee', "is-open": this.isToastOpen, message: this.toastContent, duration: 2000, position: 'middle' })));
     }
     static get is() { return "cty-camera-photo"; }
     static get encapsulation() { return "shadow"; }
@@ -675,6 +726,70 @@ export class CameraPhoto {
                 "reflect": false,
                 "defaultValue": "true"
             },
+            "permissionAlertTitle": {
+                "type": "string",
+                "attribute": "permission-alert-title",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'\u9700\u8981\u7533\u8BF7\u5F00\u542F\u76F8\u518C\u6743\u9650'"
+            },
+            "permissionAlertContent": {
+                "type": "string",
+                "attribute": "permission-alert-content",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'\u9700\u8981\u5F00\u542F\u76F8\u518C\u6743\u9650\uFF0C\u6211\u4EEC\u4F1A\u5E2E\u52A9\u60A8\u9009\u62E9\u597D\u7684\u7167\u7247\u6216\u89C6\u9891\u4E0A\u4F20\u53D1\u5E03'"
+            },
+            "permissionAlertbuttons": {
+                "type": "unknown",
+                "attribute": "permission-alertbuttons",
+                "mutable": false,
+                "complexType": {
+                    "original": "AlertButton[]",
+                    "resolved": "AlertButton<any>[] | undefined",
+                    "references": {
+                        "AlertButton": {
+                            "location": "import",
+                            "path": "../../interface",
+                            "id": "src/interface.d.ts::AlertButton"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
             "root": {
                 "type": "string",
                 "attribute": "root",
@@ -874,7 +989,10 @@ export class CameraPhoto {
             "clipImage": {},
             "showPermissionPurpose": {},
             "permissionDescription": {},
-            "showCameraPreview": {}
+            "showCameraPreview": {},
+            "permissionAlertVisible": {},
+            "isToastOpen": {},
+            "toastContent": {}
         };
     }
     static get events() {

package/dist/collection/components/canvas-board/canvas-board.js

@@ -193,7 +193,7 @@ export class CanvasBoard {
             } }, h("i", { style: { width: item * 2 + 'px', height: item * 2 + 'px' } }))))), h("div", { class: "cty-canvas-board__line-alpha", onClick: e => e.stopPropagation() }, h("div", { class: "cty-canvas-board__line-alpha-bg" }), h("ion-range", { max: 1, min: 0, step: 0.01, ref: (el) => (this.alphaRangeRef = el), class: "cty-canvas-board__line-alpha-range", value: this.alpha, onIonChange: (event) => this.alphaChange(event) })))));
     }
     render() {
-        return (h(Host, { key: '77461f05c3380459bbf8663b7b17adbefc1a9eb5', class: "cty-canvas-board flex-column" }, h("slot", { key: '1b9fdfc979353af1e012207341007884ebc854d3', name: "header" }), this.headerOpn && (h("div", { key: '44f83e96e5ee8d8ecbf192bbf6068a39d3f54eef', class: "cty-canvas-board__header flex-center-between" }, h("slot", { key: '1ece92c8330cabf64d6be6245b8586b576862e6c', name: "header-start" }), this.bgIcon && h("button", { key: 'c4a1a08e5db586d55e145f60d28c429d02d346be', class: "cty-button-native", onClick: () => this.updateBgColor() }, h("cty-icon", { key: '86113a93e80216c1fa342a41d6e144e6c8873762', name: this.bgIcon, class: "cty-canvas-board__palette" }), h("input", { key: 'ab128a619a0548e3bda4ab952144f8735e004874', type: "color", class: "cty-canvas-board__picker-color", ref: el => (this.bgPickerEl = el), value: this.bgColor, onInput: (e) => this.bgColorChange(e) })), h("slot", { key: '62bcbe6f83e52bf9ce60c36f57388b080e330763', name: "header-opn-start" }, " "), (this.undoIcon || this.redoIcon) && h("div", { key: 'e061c427becfd216bb547ac2a43bd88d84a8516d', class: "cty-canvas-board__opn flex-center" }, this.undoIcon && h("button", { key: '7a120805a9cda67ec76f7ceb7e1e9e2f9b43119e', class: "cty-button-native cty-canvas-board__opn-icon", onClick: () => this.undo() }, h("cty-icon", { key: '61f9e434e4c1175e0e0deb645c588286e11abb72', name: this.undoIcon, class: { 'cty-canvas-board__opn-active': this.drawingHistory.length > 1 && this.step > 0 } })), this.redoIcon && h("button", { key: '65240b6060be512120983d70affb6320507b9a3f', class: "cty-button-native cty-canvas-board__opn-icon", onClick: () => this.redo() }, h("cty-icon", { key: '60e2c28cadd3c2d40eeb98a8cad9f72d792f8589', name: this.redoIcon, class: { 'cty-canvas-board__opn-active': this.step < this.drawingHistory.length - 1 } }))), h("slot", { key: '8e867a01cdaafbbe08da91fce36f22fa049f4db9', name: "header-opn-end" }), this.clearIcon && h("button", { key: '19a809120e0f4604d52dbe03dc3f67f2c5698f83', class: "cty-button-native cty-canvas-board__clear", onClick: () => this.clear() }, h("cty-icon", { key: 'c49522de5d1b2d442f0e44b2ac36fdff97ea41ab', name: this.clearIcon })), h("slot", { key: 'fc0ba8abb29039edf9151dfb9d51a1aeede60cd8', name: "header-end" }))), h("slot", { key: '1ec5283eb61319f212d0898d8a5ac1d88d13f508', name: "main" }), h("div", { key: 'c0b508a7b55cdc56df6c848543d1b2b0e65bddb2', class: "cty-canvas-board__main" }, h("canvas", { key: '3a22c825d29c62a52aef31ab60deefbbd062d1b5', ref: el => (this.canvasEl = el), style: { background: this.bgColor }, onTouchStart: e => this.startDrawing(e), onTouchMove: e => this.moveDrawing(e), onTouchEnd: e => this.endDrawing(e), onMouseDown: e => this.startDrawing(e), onMouseMove: e => this.moveDrawing(e), onMouseUp: e => this.endDrawing(e) }), h("canvas", { key: '89311b6698020381cd3b35895997678c111dcd98', ref: el => (this.imageCanvasEl = el), style: { display: 'none' } }), h("span", { key: '5f462b61d2b29b1b702376085bc166681fa18ce9', class: "cty-canvas-board__eraser-circle", ref: el => (this.eraserEl = el) }), this.isCanvasEmpty && h("slot", { key: '765b89a4bd4b89d4be9435b7b28f1460830e5c40', name: "placeholder" }), h("slot", { key: '05bd544f4293977a3e505b50f2fc1563c51461df' })), h("slot", { key: 'c5828b000c59d7ac6c788fd8f058bf3cd17b9b32', name: "footer" }), this.footerOpn && (h("div", { key: '6420abefc57b8ee8f11a79ddea686f4804b19119', class: "cty-canvas-board__footer flex-center" }, h("slot", { key: 'f3ccd75e1e869c98e123b8e419e8a59ba9113bce', name: "footer-start" }), this.pencilIcon && (h("button", { key: 'c140c157ae713d94c9d0f6da55ae3e87d488b5b7', class: "cty-button-native cty-canvas-board__pen", onClick: e => this.updatePencil(e) }, h("cty-icon", { key: '7262819d76c1552a9566f025270255625f22ecc3', name: this.pencilIcon, class: { 'cty-canvas-board__footer-active': !this.isEraser } }))), h("button", { key: '31f3f0f0f2a68c5290809a4ae8a012fd353917f2', class: "cty-button-native cty-canvas-board__eraser", onClick: () => (this.isEraser = !this.isEraser) }, h("cty-icon", { key: '897c7d062bbdd7dceccaeb759f5967a000023e41', name: this.eraserIcon, class: { 'cty-canvas-board__footer-active': this.isEraser } })), h("button", { key: 'c9a7a647baa4ac93b081c3f9586c7455a5c5ef44', class: "cty-button-native cty-canvas-board__color-button", onClick: () => this.updateColor() }, h("input", { key: 'd91f1947c9f66a5050d92a6c9fd2c4758d119c20', type: "color", value: this.strokeColor, class: "cty-canvas-board__picker-color", ref: el => (this.colorPickerEl = el), onInput: (e) => this.penColorChange(e) })), h("slot", { key: 'bc134a972e3d5bca92e59b612cdff45ee7d1041f', name: "footer-end" }))), h("slot", { key: '5ab3b8c50038cbf8d98728ded8565d831d8eed1b', name: "bottom" }), this.showButtons && (h("div", { key: 'af85a5d9ef4d6e1ae76c43a9700e2b2b1a1bdcc3', class: "cty-canvas-board__buttons flex-justify-end" }, h("slot", { key: 'cb01fd8b02cf4b47af3143574c519de888b9edf9', name: "bottom-button-start" }), h("button", { key: '62141bb06b1e69946080a385043127c10963a25c', class: "cty-canvas-board__button cty-button-native", onClick: () => this.clear() }, this.clearLabel), h("button", { key: 'abf4c4bbab5f2dda8ea5b52f5d1bfbad64eca70b', class: "cty-canvas-board__button cty-button-native", onClick: () => this.confirm() }, this.confirmLabel), h("slot", { key: '91e5ab4da613f99793f900f154bdf94dd4c0adbb', name: "bottom-button-end" }))), this.renderPopover()));
+        return (h(Host, { key: '5c1d547318a944d16e02a0d89e3fffded39e0bdd', class: "cty-canvas-board flex-column" }, h("slot", { key: 'e0acd38c2dd73f444ff810398f181d59465e0ec1', name: "header" }), this.headerOpn && (h("div", { key: '83a86afb9509cc85780f93ba712f6ccb0f1a728b', class: "cty-canvas-board__header flex-center-between" }, h("slot", { key: '622ab8273190d2795c1816663656eb1deb1b8e67', name: "header-start" }), this.bgIcon && h("button", { key: 'd8f7a0040b968e826533fbe5fa96c2a7801b3c72', class: "cty-button-native", onClick: () => this.updateBgColor() }, h("cty-icon", { key: '43e2bd356e3d51368e11f1e7673292eb35dbcdfc', name: this.bgIcon, class: "cty-canvas-board__palette" }), h("input", { key: 'b96ab00872f55b7e71eccbac4fd9ffead9de1d48', type: "color", class: "cty-canvas-board__picker-color", ref: el => (this.bgPickerEl = el), value: this.bgColor, onInput: (e) => this.bgColorChange(e) })), h("slot", { key: '0f9c4685c82f01b16da1c216f1a082c331aac1f2', name: "header-opn-start" }, " "), (this.undoIcon || this.redoIcon) && h("div", { key: '12b46e18bf7621a274db06e488bf2aad8c5f841c', class: "cty-canvas-board__opn flex-center" }, this.undoIcon && h("button", { key: 'f1aaa8dbd4a335ab95726213a0637fed02dd6c02', class: "cty-button-native cty-canvas-board__opn-icon", onClick: () => this.undo() }, h("cty-icon", { key: '6f69dd8f47e2817d38a0f478e533c696b848a888', name: this.undoIcon, class: { 'cty-canvas-board__opn-active': this.drawingHistory.length > 1 && this.step > 0 } })), this.redoIcon && h("button", { key: '6800f914f7a959eeb86884d5f296c6c98edb8f31', class: "cty-button-native cty-canvas-board__opn-icon", onClick: () => this.redo() }, h("cty-icon", { key: 'dffc5e3e76c4fc5f8ea7e54398f86a90b8b38007', name: this.redoIcon, class: { 'cty-canvas-board__opn-active': this.step < this.drawingHistory.length - 1 } }))), h("slot", { key: '52cd777aa3d99718e3b73333bc70f8da551d51d0', name: "header-opn-end" }), this.clearIcon && h("button", { key: 'beaf0980ad1613210e05fc18684f8050e0bc14f9', class: "cty-button-native cty-canvas-board__clear", onClick: () => this.clear() }, h("cty-icon", { key: '4c59d492b92480fd2eb028480cc25823cf3af4f9', name: this.clearIcon })), h("slot", { key: 'a03ad3ae3c5295a09e23371bbd03da1b005278f7', name: "header-end" }))), h("slot", { key: 'e85153d6eb9f3f41bc43782deef4d1a7a9a11c1b', name: "main" }), h("div", { key: '74cdcc4b9ca9da6a0391f077cb4cdf263836150e', class: "cty-canvas-board__main" }, h("canvas", { key: '8b3bf6e0b28f811531b8879d642d9de0299a8b8f', ref: el => (this.canvasEl = el), style: { background: this.bgColor }, onTouchStart: e => this.startDrawing(e), onTouchMove: e => this.moveDrawing(e), onTouchEnd: e => this.endDrawing(e), onMouseDown: e => this.startDrawing(e), onMouseMove: e => this.moveDrawing(e), onMouseUp: e => this.endDrawing(e) }), h("canvas", { key: '3be84d339b42c57bb9543d50dabac45b345d7744', ref: el => (this.imageCanvasEl = el), style: { display: 'none' } }), h("span", { key: '03b3a54198b7e4115ded1ee51dfae47a03958f3f', class: "cty-canvas-board__eraser-circle", ref: el => (this.eraserEl = el) }), this.isCanvasEmpty && h("slot", { key: '40f663e90e0ac2e8eec1c173d92d4f2afbb17197', name: "placeholder" }), h("slot", { key: 'c5ce29e7aef527910d6ab7593675475e1c83e465' })), h("slot", { key: '41f037aa77b7c4b02b882d74b384816c03f1a498', name: "footer" }), this.footerOpn && (h("div", { key: 'e8a967e7a47e2803942c5758805485b45ff05de3', class: "cty-canvas-board__footer flex-center" }, h("slot", { key: '8c792a5b6b0bed91769061f1f08dcce4c857df72', name: "footer-start" }), this.pencilIcon && (h("button", { key: 'd38bd9c14fb12ef9df57140119a9cc73958eb183', class: "cty-button-native cty-canvas-board__pen", onClick: e => this.updatePencil(e) }, h("cty-icon", { key: 'be9d5a10731393ae63743ff48d9fcab513a4194d', name: this.pencilIcon, class: { 'cty-canvas-board__footer-active': !this.isEraser } }))), h("button", { key: '7f7ac5a80313a8091be48557d660b2437c96bc84', class: "cty-button-native cty-canvas-board__eraser", onClick: () => (this.isEraser = !this.isEraser) }, h("cty-icon", { key: '27b2c2fac487a6e6c64e2901ecda959b5986e53c', name: this.eraserIcon, class: { 'cty-canvas-board__footer-active': this.isEraser } })), h("button", { key: 'd4a8a76108b5a0daffe6363a00a831c6ea2f1f5b', class: "cty-button-native cty-canvas-board__color-button", onClick: () => this.updateColor() }, h("input", { key: 'd112d696ffdc60f3bab52d5a353cb240ea46f69b', type: "color", value: this.strokeColor, class: "cty-canvas-board__picker-color", ref: el => (this.colorPickerEl = el), onInput: (e) => this.penColorChange(e) })), h("slot", { key: '9e7c87513fed66167fc8d222510090c7cd1195b3', name: "footer-end" }))), h("slot", { key: 'a7319635e7d42639532bb2eb8233a44190ca91c3', name: "bottom" }), this.showButtons && (h("div", { key: '7d8a64385d94fe7c581266242e0c36d792eb500d', class: "cty-canvas-board__buttons flex-justify-end" }, h("slot", { key: '81f318a6785818049ad7495992d4ec9712a782f5', name: "bottom-button-start" }), h("button", { key: '1a2f3161c2525d8ba1e1570285d0afbfd5cac710', class: "cty-canvas-board__button cty-button-native", onClick: () => this.clear() }, this.clearLabel), h("button", { key: '094fe6960e7eaeb06f94554d42564c07a9c80b92', class: "cty-canvas-board__button cty-button-native", onClick: () => this.confirm() }, this.confirmLabel), h("slot", { key: '3a4e37ea42b3bd2e3653fc8488b4ca8e33055946', name: "bottom-button-end" }))), this.renderPopover()));
     }
     static get is() { return "cty-canvas-board"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/canvas-video/canvas-video.js

@@ -750,7 +750,7 @@ export class CanvasVideo {
             }, onTransitionEnd: () => this.transitionend() }, h("div", { class: "cty-canvas-video__progress-inner" }))), !this.isVertical && this.isMove && !!this.progressBar && (h("div", { class: "cty-canvas-video__time" }, h("span", { class: "cty-canvas-video__time-left" }, this.transTime(this.pTime)), h("span", { class: "cty-canvas-video__time-center" }, "/"), h("span", { class: "cty-canvas-video__time-right" }, this.transTime(this.pDuration)))), !(!this.isVertical && this.isMove && !!this.progressBar) && (h("div", { class: "cty-canvas-video__content" }, option.renderSlot !== 'content' && (h("div", { class: "cty-canvas-video__content-box" }, h("div", { class: "cty-canvas-video__tip" }, h("cty-icon", { name: "cty-lamp" }), option[this._props.tip || 'tip']), h("p", { class: "cty-canvas-video__date" }, option[this._props.date || 'date']), h("p", { class: "cty-canvas-video__description" }, option[this._props.description || 'description']), h("button", { class: "cty-canvas-video__name cty-button-native", onClick: e => this.clickName(e) }, '@' + option[this._props.name || 'name']))), option.contentRender !== undefined && h("slot", { name: option.contentRender }))), !(!this.isVertical && this.isMove && !!this.progressBar) && (h("div", { class: "cty-canvas-video__sidebar" }, option.renderSlot !== 'sidebar' && (h("button", { class: "cty-canvas-video__avatar cty-button-native", onClick: e => this.clickAvatar(e) }, h("img", { src: option[this._props.avatar || 'avatar'] }), this.avatarButton && h("span", { class: "cty-canvas-video__avatar-button" }, this.avatarButton))), option.renderSlot !== 'sidebar' && option[this._props.likeCount || 'likeCount'] && (h("button", { class: "cty-canvas-video__sidebar-item cty-button-native", onClick: e => this.clickLike(e) }, h("cty-icon", { name: "cty-thumb" }), h("span", null, option[this._props.likeCount || 'likeCount']))), option.renderSlot !== 'sidebar' && option[this._props.viewCount || 'viewCount'] && (h("button", { class: "cty-canvas-video__sidebar-item cty-button-native" }, h("cty-icon", { name: "cty-eye" }), h("span", null, option[this._props.viewCount || 'viewCount']))), option.renderSlot !== 'sidebar' && option[this._props.collectCount || 'collectCount'] && (h("button", { class: "cty-canvas-video__sidebar-item cty-button-native", onClick: e => this.clickCollect(e) }, h("cty-icon", { name: "cty-star" }), h("span", null, option[this._props.collectCount || 'collectCount']))), option.sidebarRender !== 'sidebar' && (h("button", { class: "cty-canvas-video__sidebar-item cty-button-native", onClick: e => this.clickShare(e) }, h("cty-icon", { name: "cty-share" }), h("span", null, "\u5206\u4EAB"))), option.sidebarRender !== undefined && h("slot", { name: option.sidebarRender }))))));
     }
     render() {
-        return (h(Host, { key: 'c9247641307c3565f4162b4ac9527af5901f0d57', class: "cty-canvas-video" }, h("div", { key: '1064099a468d1cb4e1bfcbfcba86726c7b03a778', class: "cty-canvas-videos" }, h("video", { key: 'd07090531623c5def3b458f32882ecbd3f79d760', ref: el => (this.videoEl1 = el), preload: this.preload, "x5-video-player-type": "h5", "x5-video-player-fullscreen": "true", playsinline: true, "webkit-playsinline": true, onTimeUpdate: () => this.videoTimeupdate1(), onEnded: () => this.videoEnded(), src: this.videoUrl1, typeof: "video/mp4", autoplay: this.autoplay && this.videoIndex == 0 }), h("video", { key: '5a3cce01cf472b86a2fb57ec2c3152537cae51c3', ref: el => (this.videoEl2 = el), preload: this.preload, "x5-video-player-type": "h5", "x5-video-player-fullscreen": "true", playsinline: true, "webkit-playsinline": true, onTimeUpdate: () => this.videoTimeupdate2(), onEnded: () => this.videoEnded(), src: this.videoUrl2, typeof: "video/mp4", autoplay: this.autoplay && this.videoIndex == 1 }), h("video", { key: '10972bbb0330fe362e7182f672d09fcfbf8722f2', ref: el => (this.videoEl3 = el), preload: this.preload, "x5-video-player-type": "h5", "x5-video-player-fullscreen": "true", playsinline: true, "webkit-playsinline": true, onTimeUpdate: () => this.videoTimeupdate3(), onEnded: () => this.videoEnded(), src: this.videoUrl3, typeof: "video/mp4", autoplay: this.autoplay && this.videoIndex == 2 })), h("div", { key: '4970e44d666e586da384372056a835b226ab7529', class: "cty-canvas-video__slides", ref: el => (this.videoSlidesEl = el) }, this.renderSlide())));
+        return (h(Host, { key: 'f8c538c55322d321377e2126501c3050e822b3e2', class: "cty-canvas-video" }, h("div", { key: '21d4c6f094f8eeb9c96dced1a7487faae9c82ec4', class: "cty-canvas-videos" }, h("video", { key: 'da6db380316549fe168a05a75c4c8d735a965f8b', ref: el => (this.videoEl1 = el), preload: this.preload, "x5-video-player-type": "h5", "x5-video-player-fullscreen": "true", playsinline: true, "webkit-playsinline": true, onTimeUpdate: () => this.videoTimeupdate1(), onEnded: () => this.videoEnded(), src: this.videoUrl1, typeof: "video/mp4", autoplay: this.autoplay && this.videoIndex == 0 }), h("video", { key: 'cfc6431ea3c65228bff76cb5984b656d6ce1e607', ref: el => (this.videoEl2 = el), preload: this.preload, "x5-video-player-type": "h5", "x5-video-player-fullscreen": "true", playsinline: true, "webkit-playsinline": true, onTimeUpdate: () => this.videoTimeupdate2(), onEnded: () => this.videoEnded(), src: this.videoUrl2, typeof: "video/mp4", autoplay: this.autoplay && this.videoIndex == 1 }), h("video", { key: '9482762c33cecb5465f194e0f2ce571a3c3b12ec', ref: el => (this.videoEl3 = el), preload: this.preload, "x5-video-player-type": "h5", "x5-video-player-fullscreen": "true", playsinline: true, "webkit-playsinline": true, onTimeUpdate: () => this.videoTimeupdate3(), onEnded: () => this.videoEnded(), src: this.videoUrl3, typeof: "video/mp4", autoplay: this.autoplay && this.videoIndex == 2 })), h("div", { key: 'b32eb36ff437a1884eaa64ae94e09f39c288e5ee', class: "cty-canvas-video__slides", ref: el => (this.videoSlidesEl = el) }, this.renderSlide())));
     }
     static get is() { return "cty-canvas-video"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cascader/cascader.js

@@ -381,7 +381,7 @@ export class Cascader {
         this.ctyConfirm.emit({ values, indexes, options });
     }
     render() {
-        return (h(Host, { key: 'f77c6e1424f111bc8d37bd12b12070feb39101cf', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '95b6eaafaf4803d2a86a5110855541ad67f6e49e', position: "bottom", backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '572fceaf785626fac23dda2bce92bf5a6286d868', class: "cty-cascader", part: "cascader", onClick: (e) => e.stopPropagation() }, h("slot", { key: '0942125916bf919c0a65e5627331126afded4826', name: 'header' }), h("div", { key: 'd6df99527b420d74799fc46c0cc6bd705e1a8029', class: "cty-cascader-header", part: "header" }, h("button", { key: '62d51a685660ea3f72cb43ae86e11f95aa829359', onClick: () => this.dismiss(), class: "cancel cty-button-native" }, this.cancelText), h("div", { key: '4e24518a56ef746cbc8416817fa22d2bd64befbe', class: "cty-cascader-title" }, this.title), h("button", { key: 'bb2cd0c4f2300fb9880038e2e9ba516b1ec479b0', onClick: () => this.confirm(), class: "confirm cty-button-native" }, this.confirmText)), h("div", { key: 'eff01b56ebb0abeda07bab0ade1532f7555484b3', class: "cty-cascader-columns", part: "columns", style: { height: this.columnHeight + 'px' } }, this.scrollColumns.map(c => h("div", { class: "cty-cascader-column", onTouchStart: (e) => this.handleTouchstart(e, c), onTouchMove: (e) => this.handleTouchmove(e, c), onTouchEnd: () => this.handleTouchend(c), onMouseDown: (e) => this.handleTouchstart(e, c), onMouseMove: (e) => this.handleTouchmove(e, c), onMouseUp: () => this.handleTouchend(c) }, h("div", { ref: (el) => this.setScrollEl(el, c), class: "cty-cascader-scroller", style: { transform: 'translateY(' + c.translate + 'px)', 'transition-duration': c.duration + 'ms', 'transition-property': c.duration ? 'transform' : 'none' }, onTransitionEnd: () => this.handleTransitionend(c) }, c.column.map((option, i) => h("div", { class: 'cty-cascader-option ' + (option.className || ''), style: { height: this.optionHeight + 'px' }, onClick: () => this.handleClick(c, i) }, h("div", { class: 'cty-cascader-text ' + (option.textClassName || '') }, option[this.textKey])))))), h("div", { key: 'dbf1e0cb4fb9134316f93c6a3030237dde566f7b', class: "cty-cascader-picked", style: { top: this.center + 'px', height: this.optionHeight + 'px' } }), h("div", { key: '537c696af3cdb849c6beb2a8cd3d2dccb2921333', class: "cty-cascader-mask", style: { 'background-size': '100% ' + (this.columnHeight - this.optionHeight) / 2 + 'px' } }))))));
+        return (h(Host, { key: '97e5ba39b37f33da627e357ca5398b6aef2c203f', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: 'b1d162c9aec1551acd7c7b27109bc56f1920a085', position: "bottom", backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '61fd570a4c6c6834931d560c8a7fd9f3b86fbaf3', class: "cty-cascader", part: "cascader", onClick: (e) => e.stopPropagation() }, h("slot", { key: 'ad35d68959c51871e694738e5f5c74667df19958', name: 'header' }), h("div", { key: 'c1f09c031b41362be4b1623370c16878b1c1a8dc', class: "cty-cascader-header", part: "header" }, h("button", { key: '4b59e5a0e7745dc2221a4043cd7685015c308a0c', onClick: () => this.dismiss(), class: "cancel cty-button-native" }, this.cancelText), h("div", { key: 'a338cb8c142934f2bf62125c7072245edd5ba7bf', class: "cty-cascader-title" }, this.title), h("button", { key: 'b19bfb4f26f7c4ec012a8c7e566e0885da677f92', onClick: () => this.confirm(), class: "confirm cty-button-native" }, this.confirmText)), h("div", { key: 'fbb92633280ca5d57b46fa7d2993962627a555df', class: "cty-cascader-columns", part: "columns", style: { height: this.columnHeight + 'px' } }, this.scrollColumns.map(c => h("div", { class: "cty-cascader-column", onTouchStart: (e) => this.handleTouchstart(e, c), onTouchMove: (e) => this.handleTouchmove(e, c), onTouchEnd: () => this.handleTouchend(c), onMouseDown: (e) => this.handleTouchstart(e, c), onMouseMove: (e) => this.handleTouchmove(e, c), onMouseUp: () => this.handleTouchend(c) }, h("div", { ref: (el) => this.setScrollEl(el, c), class: "cty-cascader-scroller", style: { transform: 'translateY(' + c.translate + 'px)', 'transition-duration': c.duration + 'ms', 'transition-property': c.duration ? 'transform' : 'none' }, onTransitionEnd: () => this.handleTransitionend(c) }, c.column.map((option, i) => h("div", { class: 'cty-cascader-option ' + (option.className || ''), style: { height: this.optionHeight + 'px' }, onClick: () => this.handleClick(c, i) }, h("div", { class: 'cty-cascader-text ' + (option.textClassName || '') }, option[this.textKey])))))), h("div", { key: '8e968e7accfba77c182c23f34fdb7f4eb5dd6e20', class: "cty-cascader-picked", style: { top: this.center + 'px', height: this.optionHeight + 'px' } }), h("div", { key: 'd00cf3538a16042826c872d618438b608c20168f', class: "cty-cascader-mask", style: { 'background-size': '100% ' + (this.columnHeight - this.optionHeight) / 2 + 'px' } }))))));
     }
     static get is() { return "cty-cascader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cascader-view/cascader-view.js

@@ -101,13 +101,13 @@ export class CascaderView {
     }
     render() {
         const levels = this.getLevels();
-        return (h(Host, { key: '02b0f40ab83b2f227be69ada8954abeb95ccd0ae', class: "cty-cascader-view" }, h("div", { key: '33be506937c8a4438a3002dad686e0680fdde965', class: "cty-cascader-tabs" }, levels.map((level, index) => (h("div", { class: {
+        return (h(Host, { key: '0e088b5852a0d7b895e1df2af144a5ba7b2627d2', class: "cty-cascader-view" }, h("div", { key: 'c587171c7a6a0860a7623c6ab7f0aa2ba1b564e5', class: "cty-cascader-tabs" }, levels.map((level, index) => (h("div", { class: {
                 'cty-cascader-tab': true,
                 'cty-cascader-tab-active': this.tabActiveIndex === index,
-            }, part: "tab-item", onClick: () => this.onTabChange(index) }, h("div", { class: "cty-cascader-header-title", ref: el => (this.tabRefs[index] = el) }, level.selected ? level.selected[this.props.label] : this.placeholder)))), h("div", { key: 'cfdf8e4d323feba09c2f869c9188e349c439d831', class: "cty-cascader-tab-underline", style: {
+            }, part: "tab-item", onClick: () => this.onTabChange(index) }, h("div", { class: "cty-cascader-header-title", ref: el => (this.tabRefs[index] = el) }, level.selected ? level.selected[this.props.label] : this.placeholder)))), h("div", { key: '514114f4fa21eae5fb109df308c44c0f4ea76d83', class: "cty-cascader-tab-underline", style: {
                 width: `${this.underlineWidth}px`,
                 transform: `translateX(${this.underlineLeft}px)`,
-            } })), h("div", { key: '67bbfb1a0b7df79506e672cc25582e63cabb499d', class: "cty-cascader-content" }, (() => {
+            } })), h("div", { key: '564a6c3b894182929571d48eca0ea6084d914062', class: "cty-cascader-content" }, (() => {
             const level = levels[this.tabActiveIndex];
             if (!level)
                 return null;

package/dist/collection/components/circle/circle.js

@@ -56,14 +56,14 @@ export class Circle {
         return `M ${viewBoxSize / 2} ${viewBoxSize / 2} m 0, ${-rad} a ${rad}, ${rad} 0 1, ${sweepFlag} 0, ${rad * 2} a ${rad}, ${rad} 0 1, ${sweepFlag} 0, ${-rad * 2}`;
     }
     render() {
-        return (h(Host, { key: 'b552b6f0190327fbd9fcf458994feee63b761d38', class: "cty-circle" }, h("svg", { key: '64b07a4798544cc9f9878dc4be3a046c881a6706', ref: el => (this.svgEl = el) }, this.needDefs && h("defs", { key: '5762f3641189b8d8dd8da4beddaeb82c28b68287' }, h("linearGradient", { key: '03205dd0dc64e90bf6ca30fb613ceeffe688585e', id: this.gradientId, x1: "100%", y1: "0%", x2: "0%", y2: "0%", gradientTransform: "rotate(90)" }, this.colors.map(() => (h("stop", null))))), h("path", { key: '8075a1ece096aa40e2e57bba80760bfb87c38b01', ref: el => (this.layerEl = el), class: "cty-circle__layer", style: {
+        return (h(Host, { key: '2f368270af4614789d5598e5bc90b3e2ef057989', class: "cty-circle" }, h("svg", { key: '1df0553171d9fec249e84cf41f710826f49b3026', ref: el => (this.svgEl = el) }, this.needDefs && h("defs", { key: 'd57f574b35bbf69c57fc40803f3f7fb9acbcf9a9' }, h("linearGradient", { key: 'cf43aa12f3d51cf6a243f9638de9dedf2257280a', id: this.gradientId, x1: "100%", y1: "0%", x2: "0%", y2: "0%", gradientTransform: "rotate(90)" }, this.colors.map(() => (h("stop", null))))), h("path", { key: 'b5f534ab0dae045ee9d90f7dc9ca7781858e75f7', ref: el => (this.layerEl = el), class: "cty-circle__layer", style: {
                 'stroke-width': this.width + 'px',
                 'strokeDasharray': (this.ratio * this.perimeter) + 'px ' + this.perimeter + 'px'
-            } }), h("path", { key: 'fefec8d3cb6927b35b37ca04498d3abc572e8b63', ref: el => (this.hoverEl = el), class: "cty-circle__hover", style: {
+            } }), h("path", { key: 'c0e0e7bde4ee4218d369f0a68c45bdcc41b9bf6f', ref: el => (this.hoverEl = el), class: "cty-circle__hover", style: {
                 'stroke': this.rate <= 0 && this.zeroTransparent ? 'transparent' : this.needDefs ? 'url(#' + this.gradientId + ')' : this.color,
                 'stroke-width': +this.width + this.widthDif + 'px',
                 'strokeDasharray': (this.ratio * this.rate / 100 * this.perimeter) + 'px ' + this.perimeter + 'px'
-            } })), this.text !== '' && h("div", { key: 'f683c2dc61d281e6c506ff9a15b3a2a2f4ef56da', class: "cty-circle__text" }, this.text), h("slot", { key: '64eba94a1e793fe3dec863d0733f8a7ceb9e659b' })));
+            } })), this.text !== '' && h("div", { key: '87e72df56f972317345f50b3b7e82ff002df5048', class: "cty-circle__text" }, this.text), h("slot", { key: '269615587b996b6dc54c2a3390a0ef47ff08fb4c' })));
     }
     static get is() { return "cty-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/count-down/count-down.js

@@ -135,8 +135,8 @@ export class CountDown {
         return timeText;
     }
     render() {
-        return (h(Host, { key: '2f81e4f12a44af17c35088f25634497f32abc9c5', class: "cty-count-down" }, !this.isSingle &&
-            this.timeRange.map((item, idx) => (h("div", { class: "cty-count-down__item", part: "item" }, h("span", { class: "cty-count-down__label", part: "label" }, pad(this.timeData[item], 2) || this.timeData[item]), (this.unit || idx !== this.timeRange.length - 1) && h("span", { class: "cty-count-down__unit" }, this.unit ? this.dateFormatUnit[item] : ':')))), this.isSingle && (h("div", { key: 'fafb431baf155e6ddb6d9288b2fcb28cc4afc50f', class: "cty-count-down__item", part: "item" }, h("span", { key: '7c5e49d9a4e4459c7804afd8e6c7c1fd21d91892', class: "cty-count-down__label", part: "label" }, " ", this.formattedTime, " "))), h("slot", { key: '7a60d356c17a00eb9700e034fe20efc9f0b16398' })));
+        return (h(Host, { key: 'd2d208764379ab3b71735d5d171020fb423a71bd', class: "cty-count-down" }, !this.isSingle &&
+            this.timeRange.map((item, idx) => (h("div", { class: "cty-count-down__item", part: "item" }, h("span", { class: "cty-count-down__label", part: "label" }, pad(this.timeData[item], 2) || this.timeData[item]), (this.unit || idx !== this.timeRange.length - 1) && h("span", { class: "cty-count-down__unit" }, this.unit ? this.dateFormatUnit[item] : ':')))), this.isSingle && (h("div", { key: 'd2736b2880e5a30d7ecb9d4ee94049dfc4fa82d0', class: "cty-count-down__item", part: "item" }, h("span", { key: '97ee81f41d93a9c1dfc1cda655f820193eec9524', class: "cty-count-down__label", part: "label" }, " ", this.formattedTime, " "))), h("slot", { key: '5d87201788959f4858f432e72be3cff75b7c081e' })));
     }
     static get is() { return "cty-count-down"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/crop-image/crop-image.js

@@ -200,7 +200,7 @@ export class CropImage {
         return (h("div", { class: "cty-crop-image__buttons flex-center-between safe-area-bottom-border-color" }, this.cancelText && cancelCmp, this.confirmText && confirmCmp));
     }
     render() {
-        return (h(Host, { key: 'f03ef034659039ca694e92e094e6f771b65ed41d', class: "cty-crop-image", onMouseDown: (e) => this.doTouchStart(e), onTouchStart: (e) => this.doTouchStart(e), onTouchMove: (e) => this.doTouchMove(e), onTouchEnd: () => this.doTouchEnd() }, h("slot", { key: '4d1f7dcd27ebf1824937e8e056fec2e64b871610', name: "header" }), h("div", { key: '53adedd36ec4b3d2a622d9c308f35b593df3c7dd', class: "cty-crop-image__wrapper", ref: el => (this.imageEl = el) }, h("img", { key: '70dc841fd80c5e80923e3365597653837ee2d01d', src: this.url, class: "cty-crop-image__image" })), h("div", { key: '7c19c8da9253e17615aa2699391fcc545cb1f9ac', class: "cty-crop-image__clip", ref: el => (this.clipEl = el) }), h("slot", { key: '8394107199cf8626534e3d0c1a258225306c6eaf', name: "clip" }), this.renderButtons(), h("slot", { key: 'e723cd0166a0a1d752d6f69af3873ac97b96298c', name: "footer" })));
+        return (h(Host, { key: '3805ba12b7e6f2809399b8a9f213e4a4131b081c', class: "cty-crop-image", onMouseDown: (e) => this.doTouchStart(e), onTouchStart: (e) => this.doTouchStart(e), onTouchMove: (e) => this.doTouchMove(e), onTouchEnd: () => this.doTouchEnd() }, h("slot", { key: '441105402304f96770ff61b883993c952f7ea4a9', name: "header" }), h("div", { key: 'affa68ce2eacf57bff5dcbc140c1da82d59dc8a3', class: "cty-crop-image__wrapper", ref: el => (this.imageEl = el) }, h("img", { key: '9c5dd8cafb8e14f7f0e5d6ee2cc999a139580342', src: this.url, class: "cty-crop-image__image" })), h("div", { key: 'eafd9083b6728615b767dae842c8b102ad40916d', class: "cty-crop-image__clip", ref: el => (this.clipEl = el) }), h("slot", { key: '25cb5fb31191e0a991064164b4c5752f39b7499b', name: "clip" }), this.renderButtons(), h("slot", { key: 'e60a010fea26d6fa38a380c4cb9f6c4c28c25558', name: "footer" })));
     }
     static get is() { return "cty-crop-image"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/divider/divider.js

@@ -12,10 +12,10 @@ export class Divider {
     render() {
         const { vertical, placement, hasContent } = this;
         const classRet = vertical ? `cty-divider__vertical` : hasContent ? `cty-divider__content-${placement}` : ``;
-        return (h(Host, { key: 'b9d087dcfbc973c32966363e2db037fafe7ceb78', class: {
+        return (h(Host, { key: 'dfd49737a845112f77896befa6ac9926a1951f48', class: {
                 'cty-divider': true,
                 [classRet]: true
-            } }, h("slot", { key: 'ee440ec8f5ff56d81bde3d950e4c78d42219582c' })));
+            } }, h("slot", { key: '8799145031bc0605e950b4f9d3cb6632d65fd54e' })));
     }
     static get is() { return "cty-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown/dropdown.js

@@ -91,24 +91,24 @@ export class Dropdown {
     }
     render() {
         const { elRect, innerOptions, tabActiveIndex, arrowIcon, innerValue, direction } = this;
-        return (h(Host, { key: '5cd075db391b80bff2c3802c5864ffe76b9931c2', class: {
+        return (h(Host, { key: '8bafea86f2e4f369aa9c91c53b53d5bda24429c6', class: {
                 'cty-dropdown': true,
                 'cty-dropdown-open': tabActiveIndex !== -1,
-            } }, h("div", { key: 'fbf91dbc7e7636adadcdabc7751dd74582e293cd', class: "cty-dropdown-nav" }, innerOptions.map((option, index) => (h("div", { class: {
+            } }, h("div", { key: '53b674e74ef38333347878e6d24f55d082822e4c', class: "cty-dropdown-nav" }, innerOptions.map((option, index) => (h("div", { class: {
                 'cty-dropdown-item': true,
                 'cty-dropdown-item__disabled': !!option.disabled,
                 'cty-dropdown-item__active': index === tabActiveIndex,
             }, onClick: () => this.toggleNavPop(index) }, h("div", { class: "cty-dropdown-item-title flex-center" }, h("span", { class: "cty-dropdown-item-title-text" }, option.label), h("span", { class: {
                 'cty-dropdown-item-title-arrow': true,
                 'cty-dropdown-item-title-arrow__active': index === tabActiveIndex,
-            } }, h("cty-icon", { name: option.arrowIcon || arrowIcon }))))))), h("div", { key: '11c4c8c68c670c92ae86af2e105969b2daffdd6e', class: {
+            } }, h("cty-icon", { name: option.arrowIcon || arrowIcon }))))))), h("div", { key: '70758a011ed538e3a9215bf6a00431ba99f4cbad', class: {
                 'cty-dropdown-popup': true,
                 'cty-dropdown-popup__visible': tabActiveIndex != -1,
             }, style: {
                 top: `${direction == 'up' ? 0 : elRect.bottom}px`,
                 bottom: `${direction == 'up' ? 'auto' : 0}`,
                 height: `${direction == 'up' ? `${elRect.top}px` : 'auto'}`
-            } }, h("div", { key: 'f7f816b8237b11c4a46a08fc474e5a6ffa35ca46', class: "cty-dropdown-popup-mask", onClick: this.handleMaskClick }), h("div", { key: '73a5db305846157a312f197045cfb1fa2f221a0c', class: "cty-dropdown-popup-body", style: { bottom: `${direction == 'up' ? '0px' : 'auto'}` } }, innerOptions.map((option, index) => {
+            } }, h("div", { key: 'd7212399b2011a0ae339c742cea1affd0697050a', class: "cty-dropdown-popup-mask", onClick: this.handleMaskClick }), h("div", { key: '1a774b0f33129111ad07eccbe1ec137f59512ffc', class: "cty-dropdown-popup-body", style: { bottom: `${direction == 'up' ? '0px' : 'auto'}` } }, innerOptions.map((option, index) => {
             if (index != tabActiveIndex)
                 return null;
             return (h("slot", { name: "content" }, h("div", { class: "cty-dropdown-popup-content" }, option.children && Array.isArray(option.children) && option.children.map((child, index) => (h("slot", { name: 'content-item' + index }, h("div", { class: { 'cty-dropdown-popup-item': true, "cty-dropdown-popup-item__active": innerValue[tabActiveIndex] == child.key }, onClick: () => this.handleItemClick(child) }, child.label)))))));

package/dist/collection/components/empty/empty.js

@@ -6,7 +6,7 @@ export class Empty {
     }
     render() {
         const image = this.image === undefined ? (config.get('resUrlPrefix', '') + 'assets/cty_res/svg/cty-no-data.svg') : this.image;
-        return (h(Host, { key: '4eb56b280eeb9f0fbe4b67cd71a558cf0f0bc7e2', class: "cty-empty" }, h("slot", { key: '241e56e654739d1edb6af501f37652ffd07d834e', name: "top" }), image && h("img", { key: '429d88a5b6b0c24b6db1e877afb514189fb26eb5', class: "cty-empty__image", src: image }), h("slot", { key: '41e9cfc4948a4a72dbf83d992db62bba8269781c', name: "image" }), this.description && h("p", { key: '4cb5825ef8ad176b427d14595d8892cae299fdc1', class: "cty-empty__description" }, this.description), h("slot", { key: 'f0b31f8bdd3749419cb11d776191169b1f692b7c', name: "description" })));
+        return (h(Host, { key: 'd3c212326854e78a39d572a26ad41bea325c281a', class: "cty-empty" }, h("slot", { key: '99cd7aed9db5764d586d5e51fca62ce44c20d6d3', name: "top" }), image && h("img", { key: 'f35737267d6e8f89c288acff429c76168f48117f', class: "cty-empty__image", src: image }), h("slot", { key: '47c776265f6db9018f2161e5ccddee5b03c511d2', name: "image" }), this.description && h("p", { key: '974e5071b52337bd6e2304b6dabbc34ea0aa0455', class: "cty-empty__description" }, this.description), h("slot", { key: '86322cbea30f876cbd774c6cf291d2ee7a650c29', name: "description" })));
     }
     static get is() { return "cty-empty"; }
     static get encapsulation() { return "shadow"; }