cty-mui-core 1.0.37 → 1.0.39

package/dist/esm/cty-share-sheet.entry.js

@@ -391,7 +391,7 @@ const ShareSheet = class {
         this.ctyGuide.emit();
     }
     render() {
-        return (h(Host, { key: 'ca489b414cf1c01d6ce00950d5b5dbad977a938d', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: 'ddea0259656724152216b2b1a545ed5123301372', backdropDismiss: this.backdropDismiss, position: "bottom", onCtyDismiss: () => this.dismiss() }, this.guide && this.isMicroMessager && (h("div", { key: '3f3cc0cc5b2bf12822329b976121bbbef907aef3', class: "cty-share-guide", onClick: (e) => this._doGuid(e) }, h("img", { key: '06e43710cedfcf5c14881b1fa5e20150d5dd2ded', src: this.guideImg }))), h("slot", { key: 'ae58ed4611f66cd19d4bfff5a4970ba82e19e8fc', name: "share-sheet" }), !this.hiddenSheet && (h("div", { key: 'bd0cc93dba9b9244d0155ce0f81dff3368349493', class: "cty-share-sheet safe-area-bottom-padding", onClick: (e) => e.stopPropagation() }, h("slot", { key: '553a9e3cf19d4bd6bc00c9f93526bf8d8ef61a63', name: "header" }), (this.title || this.description) && (h("div", { key: '5a5577026e2523ec2c3a6b1183234b5fe989f1b9', class: "cty-share-sheet__header", part: "header" }, this.title && h("cty-divider", { key: '8f68ea8d492fe8644fc6f9d514bc25a41d36b771' }, this.title), this.description && h("p", { key: 'fceafcb4cf9016ff3fde77a39986e13b74f464bb', class: "cty-share-sheet__description" }, this.description))), h("slot", { key: 'ac0002634cf318cd4bf88c2c4dc458b95a900045', name: "options" }), h("div", { key: '71a0bb52285b752d8e22ca2d281b390b484d1a4a', class: "cty-share-sheet__options flex", part: "options" }, this._options.map((option, idx) => (h("div", { part: "option", class: "cty-share-sheet__option flex-align-center", onClick: () => this._buttonClick(option, idx) }, option.icon && option.icon.indexOf('/') >= 0 && !option.icon.endsWith('.svg') && h("img", { class: "cty-share-sheet__img", src: option.icon }), option.icon && (option.icon.indexOf('/') < 0 || option.icon.endsWith('.svg')) && h("cty-icon", { name: option.icon, class: "cty-share-sheet__icon" }), option.title && h("span", { class: "cty-share-sheet__option-title" }, option.title), option.description && h("span", { class: "cty-share-sheet__option-description" }, option.description))))), h("slot", { key: '23f8e2859484ef5415ef7695b4fe99cdbcdf7901', name: "cancel" }), this.cancelText && (h("button", { key: '509f931694c9ca9831c569c0be252f7adec4e321', part: "cancel", class: "cty-button-native cty-share-sheet__cancel", onClick: () => this.dismiss() }, this.cancelText))))), this.showPermissionPurpose && h("cty-permission-purpose", { key: '9bb7de83692cae24dcdfb0210bfab0eff26158c7', description: this.permissionDescription }), h("ion-toast", { key: '6eebb5fafd77e5f904b1b9289972de5ecf66f245', "is-open": this.isToastOpen, message: this.toastContent, duration: 2000 })));
+        return (h(Host, { key: '91ae445e5b8e6d4c4f556813c46827662c3caa71', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '5a77795a16d71fe24a1d71295aae63a589e6349d', backdropDismiss: this.backdropDismiss, position: "bottom", onCtyDismiss: () => this.dismiss() }, this.guide && this.isMicroMessager && (h("div", { key: 'b9df03165a447b5a386104985a63599a8be14ad9', class: "cty-share-guide", onClick: (e) => this._doGuid(e) }, h("img", { key: 'd6ab14d9d8fe4c42d239460d9f3a56bd77b8f082', src: this.guideImg }))), h("slot", { key: 'cd693bc3c0fb09d05669fe4d40e44a2835346f26', name: "share-sheet" }), !this.hiddenSheet && (h("div", { key: '92834554e2db55f4e4820acbabae4295830f3d63', class: "cty-share-sheet safe-area-bottom-padding", onClick: (e) => e.stopPropagation() }, h("slot", { key: '055adadf28f9b98e367340da523b333a5a620171', name: "header" }), (this.title || this.description) && (h("div", { key: 'ca99c89598e6df644d33f96df3f7b23fcac55357', class: "cty-share-sheet__header", part: "header" }, this.title && h("cty-divider", { key: '02fddae72eb92bae8b17e8698fde6ffd6c38df21' }, this.title), this.description && h("p", { key: '4dfc9d2fc63e334d21f36615155a14de1e4a8316', class: "cty-share-sheet__description" }, this.description))), h("slot", { key: '52fbd2f38afce3445f27cc6e38d6dc16337abdfa', name: "options" }), h("div", { key: 'd845d4240a80174bd151e7d692fb5f9ab580eaf8', class: "cty-share-sheet__options flex", part: "options" }, this._options.map((option, idx) => (h("div", { part: "option", class: "cty-share-sheet__option flex-align-center", onClick: () => this._buttonClick(option, idx) }, option.icon && option.icon.indexOf('/') >= 0 && !option.icon.endsWith('.svg') && h("img", { class: "cty-share-sheet__img", src: option.icon }), option.icon && (option.icon.indexOf('/') < 0 || option.icon.endsWith('.svg')) && h("cty-icon", { name: option.icon, class: "cty-share-sheet__icon" }), option.title && h("span", { class: "cty-share-sheet__option-title" }, option.title), option.description && h("span", { class: "cty-share-sheet__option-description" }, option.description))))), h("slot", { key: 'e7f1a1873f568faf04fa8a0c881e27c370eed775', name: "cancel" }), this.cancelText && (h("button", { key: '80e5bdfb42c7c79ba96b9adfb8b37664d2ae32d6', part: "cancel", class: "cty-button-native cty-share-sheet__cancel", onClick: () => this.dismiss() }, this.cancelText))))), this.showPermissionPurpose && h("cty-permission-purpose", { key: '05109f049fcfe3f95ab56ac91c07a48ccf4a84cc', description: this.permissionDescription }), h("ion-toast", { key: '6e064a31101c1d9a29eda650b00a3b18b776b062', "is-open": this.isToastOpen, message: this.toastContent, duration: 2000 })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/cty-side-panel.entry.js

@@ -33,7 +33,7 @@ const SidePanel = class {
             }, part: 'content-item' }, h("slot", { name: 'content' + index }));
     }
     render() {
-        return (h(Host, { key: '2697433b8103652884bcba1092a949e3cf156b35', class: 'cty-side-panel flex' }, h("div", { key: 'b7cbd85e5517197b3d8353f8bf980d1eee526cde', class: 'cty-side-panel-nav', part: 'nav' }, this.sideBars.map((item, index) => this.renderNavItem(item, index))), this.singleContent && h("div", { key: '2ea136b1c3fda6186728e5523bd885caf2b75abb', class: 'cty-side-panel-content', part: 'content' }, h("slot", { key: 'f0cf620561e6d35a1d74417913ab93878cf6bef5' }), h("slot", { key: '6e8122fe4745910f3c287463703f9ba3f1e41d84', name: 'content' + this.value })), !this.singleContent && h("div", { key: 'f850b65de05afbe7f148cf2f134e1bc2ffdf48dc', class: 'cty-side-panel-content' }, this.sideBars.map((_, index) => this.renderContentItem(index)))));
+        return (h(Host, { key: 'd4ccbc7a5e08436a2de5474726e6f239f3617616', class: 'cty-side-panel flex' }, h("div", { key: 'a32ae0ef541d94cc380414ed716cbaaae9b837d4', class: 'cty-side-panel-nav', part: 'nav' }, this.sideBars.map((item, index) => this.renderNavItem(item, index))), this.singleContent && h("div", { key: '97633fbba588804a1f2f7e237a113c9cb5bd5453', class: 'cty-side-panel-content', part: 'content' }, h("slot", { key: '863a072aed538fffaad933dcf0d077e6c65eb9c1' }), h("slot", { key: 'b7d28b8e62ab85db1cb9b86f460a4de08b597896', name: 'content' + this.value })), !this.singleContent && h("div", { key: 'cb18b933d68e8eb54253ac25e56745dd0f31d824', class: 'cty-side-panel-content' }, this.sideBars.map((_, index) => this.renderContentItem(index)))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/cty-stepper.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-DBsZD0Dk.js';
 import { i as clamp } from './format-DnWe30Rj.js';
 
-const stepperCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-stepper-input-width:32px;--cty-stepper-input-height:28px;--cty-stepper-input-offset:0 2px;--cty-stepper-input-padding:0;--cty-stepper-input-background:var(--cty-color-light);--cty-stepper-input-font-size:var(--cty-font-size-base);--cty-stepper-input-color:var(--cty-text-color-primary);--cty-stepper-input-disabled-background:var(--cty-color-light);--cty-stepper-input-disabled-color:var(--cty-text-color-primary);--cty-stepper-input-disabled-opacity:0.6;--cty-stepper-button-width:28px;--cty-stepper-button-height:28px;--cty-stepper-button-padding:0;--cty-stepper-button-offset:0 2px;--cty-stepper-button-color:var(--cty-text-color-primary);--cty-stepper-button-background:var(--cty-color-light);--cty-stepper-button-font-size:var(--cty-font-size-extra-large);--cty-stepper-minus-border-radius:4px 0 0 4px;--cty-stepper-plus-border-radius:0 4px 4px 0;--cty-stepper-button-disabled-color:#c8c9cc;--cty-stepper-button-disabled-background:var(--cty-color-light);--cty-stepper-button-disabled-opacity:.6;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.cty-input-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:var(--cty-stepper-input-width);height:var(--cty-stepper-input-height);margin:var(--cty-stepper-input-offset)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cty-stepper_input{width:100%;height:100%;background:transparent;border:0;outline:none;text-align:center;vertical-align:middle;background:var(--cty-stepper-input-background);padding:var(--cty-stepper-input-padding);color:var(--cty-stepper-input-color);font-size:var(--cty-stepper-input-font-size)}.cty-stepper_input[disabled]{color:var(--cty-stepper-input-disabled-color);background:var(--cty-stepper-input-disabled-background);opacity:var(--cty-stepper-input-disabled-opacity);cursor:not-allowed}.cty-button-native{width:var(--cty-stepper-button-width);height:var(--cty-stepper-button-height);padding:var(--cty-stepper-button-padding);margin:var(--cty-stepper-button-offset);background:var(--cty-stepper-button-background);color:var(--cty-stepper-button-color);font-size:var(--cty-stepper-button-font-size)}.cty-button-native[disabled]{color:var(--cty-stepper-button-disabled-color);background:var(--cty-stepper-button-disabled-background);opacity:var(--cty-stepper-button-disabled-opacity);cursor:not-allowed}.cty-stepper_minus{--border-radius:var(--cty-stepper-minus-border-radius)}.cty-stepper_plus{--border-radius:var(--cty-stepper-plus-border-radius)}";
+const stepperCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-stepper-input-width:32px;--cty-stepper-input-height:28px;--cty-stepper-input-offset:0 2px;--cty-stepper-input-padding:0;--cty-stepper-input-background:var(--cty-color-light);--cty-stepper-input-font-size:var(--cty-font-size-base);--cty-stepper-input-color:var(--cty-text-color-primary);--cty-stepper-input-disabled-background:var(--cty-color-light);--cty-stepper-input-disabled-color:var(--cty-text-color-primary);--cty-stepper-input-disabled-opacity:0.6;--cty-stepper-button-width:28px;--cty-stepper-button-height:28px;--cty-stepper-button-padding:0;--cty-stepper-button-offset:0 2px;--cty-stepper-button-color:var(--cty-text-color-primary);--cty-stepper-button-background:var(--cty-color-light);--cty-stepper-button-font-size:var(--cty-font-size-extra-large);--cty-stepper-minus-border-radius:4px 0 0 4px;--cty-stepper-plus-border-radius:0 4px 4px 0;--cty-stepper-button-disabled-color:#c8c9cc;--cty-stepper-button-disabled-background:var(--cty-color-light);--cty-stepper-button-disabled-opacity:.6;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.cty-input-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:var(--cty-stepper-input-width);height:var(--cty-stepper-input-height);margin:var(--cty-stepper-input-offset)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cty-stepper_input{width:100%;height:100%;background:transparent;border:0;outline:none;text-align:center;vertical-align:middle;background:var(--cty-stepper-input-background);padding:var(--cty-stepper-input-padding);color:var(--cty-stepper-input-color);font-size:var(--cty-stepper-input-font-size);border:var(--cty-stepper-input-border, none);border-radius:var(--cty-stepper-input-border-radius, 0)}.cty-stepper_input[disabled]{color:var(--cty-stepper-input-disabled-color);background:var(--cty-stepper-input-disabled-background);opacity:var(--cty-stepper-input-disabled-opacity);cursor:not-allowed}.cty-button-native{width:var(--cty-stepper-button-width);height:var(--cty-stepper-button-height);padding:var(--cty-stepper-button-padding);margin:var(--cty-stepper-button-offset);background:var(--cty-stepper-button-background);color:var(--cty-stepper-button-color);font-size:var(--cty-stepper-button-font-size);border:var(--cty-stepper-button-border, none)}.cty-button-native[disabled]{color:var(--cty-stepper-button-disabled-color);background:var(--cty-stepper-button-disabled-background);opacity:var(--cty-stepper-button-disabled-opacity);cursor:not-allowed}.cty-stepper_minus{border-radius:var(--cty-stepper-minus-border-radius)}.cty-stepper_plus{border-radius:var(--cty-stepper-plus-border-radius)}";
 
 const Stepper = class {
     constructor(hostRef) {
@@ -26,6 +26,7 @@ const Stepper = class {
         this.plusText = '+';
         this.showPlus = true;
         this.disablePlus = false;
+        this.beforeChange = () => true;
     }
     componentWillLoad() {
         const value = clamp(+this.value, +this.min, +this.max);
@@ -36,6 +37,9 @@ const Stepper = class {
     }
     async handleMinus() {
         const { value, min, step } = this;
+        if (this.beforeChange && !(await this.beforeChange(+value, -step))) {
+            return;
+        }
         let newValue = this.calculateNewValue(+value, +step, 'minus');
         if (+newValue <= +min) {
             newValue = min;
@@ -46,6 +50,9 @@ const Stepper = class {
     }
     async handlePlus() {
         const { value, max, step } = this;
+        if (this.beforeChange && !(await this.beforeChange(+value, +step))) {
+            return;
+        }
         let newValue = this.calculateNewValue(+value, +step);
         if (+newValue > +max) {
             newValue = max;
@@ -93,7 +100,7 @@ const Stepper = class {
         return 0;
     }
     render() {
-        return (h(Host, { key: 'd47a21dc76aa8712bce1845b09474da69a5951fb', class: "cty-stepper" }, this.showMinus && (h("button", { key: '41053878fc7fbd11248554a9e92310ce96d92d10', class: "cty-stepper_minus cty-button-native", disabled: +this.min === +this.value || this.disabled || this.disableMinus, onClick: () => this.handleMinus() }, this.minusText)), this.showInput && (h("div", { key: '6f13b1ed3f03bff1e36e6ed5cb9f213201fb4767', class: "cty-input-wrapper" }, h("input", { key: '9189e52f5f68ca91a0a78bf0e61f271137bff7a5', class: "cty-stepper_input", type: "number", disabled: this.disabled || this.disableInput, readonly: this.readonly, value: this.value, onBlur: (e) => this.handleInputBlur(e), onChange: (e) => this.handleInputChange(e), onFocus: e => this.handleFocus(e), onKeyPress: e => this.handleKeyPress(e) }))), this.showPlus && (h("button", { key: 'bb3c311791945851aac2b610d6dee05405516de3', class: "cty-stepper_plus cty-button-native", disabled: +this.max === +this.value || this.disabled || this.disablePlus, onClick: () => this.handlePlus() }, this.plusText))));
+        return (h(Host, { key: '49bba785b43a7bd1c8419f50f273200d73ed02dc', class: "cty-stepper" }, this.showMinus && (h("button", { key: '0945f647adb0df5224c362364f5fa4677e31c2c9', part: "minus", class: "cty-stepper_minus cty-button-native", disabled: +this.min === +this.value || this.disabled || this.disableMinus, onClick: () => this.handleMinus() }, this.minusText)), this.showInput && (h("div", { key: '3b72a9a10b41065f0996915d404933e82d6f9435', class: "cty-input-wrapper" }, h("input", { key: '41781e498b05f976de4192e4e9e5f72d24841f09', class: "cty-stepper_input", type: "number", disabled: this.disabled || this.disableInput, readonly: this.readonly, value: this.value, onBlur: (e) => this.handleInputBlur(e), onChange: (e) => this.handleInputChange(e), onFocus: e => this.handleFocus(e), onKeyPress: e => this.handleKeyPress(e), part: "input" }))), this.showPlus && (h("button", { key: '7b945de98a1c14527ff74a4818b44720bc45ec25', part: "plus", class: "cty-stepper_plus cty-button-native", disabled: +this.max === +this.value || this.disabled || this.disablePlus, onClick: () => this.handlePlus() }, this.plusText))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/cty-steps.entry.js

@@ -21,7 +21,7 @@ const Steps = class {
         this.ctyStepTap.emit(index);
     }
     render() {
-        return (h(Host, { key: '8709443180e52bf0ce7416db6b06a21d6d6c1241', class: 'cty-steps cty-steps__' + this.direction }, h("div", { key: '4d68fcbe73563b20e1d5cd98782235aaeaf087fb', class: "cty-steps__items" }, h("slot", { key: 'dd8e181958ce313c7ad4436280f64c86d9b49e9d' }))));
+        return (h(Host, { key: '5745583e60bbf601374638b8a5f706f316a846ab', class: 'cty-steps cty-steps__' + this.direction }, h("div", { key: '72dbc47ceca5f930d42003edd69282939cbae126', class: "cty-steps__items" }, h("slot", { key: '6b252b0ded95e31c185edbfc0262f351dd7886a1' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/cty-swipe_2.entry.js

@@ -290,7 +290,7 @@ const Swipe = class {
             'transform': `translate${vertical ? 'Y' : 'X'}(${+offset.toFixed(2)}px)`,
             [vertical ? 'height' : 'width']: `${this.trackSize}px`,
         };
-        return (h(Host, { key: '19130a582fee049b48f7c2635161b0ffa94e0443', class: "cty-swipe" }, h("slot", { key: '34c1e0ddae71896e5703e9e2bf5c8ef7a06c62bf', name: "start" }), h("div", { key: '9e5691a1c645156fbc796c6d4aa973964d5aa221', class: { 'cty-swipe__track': true, 'cty-swipe__track-vertical': this.vertical }, style: style, onTouchStart: (e) => this.onTouchStart(e), onTouchMove: (e) => this.onTouchMove(e), onTouchEnd: (e) => this.onTouchEnd(e), onTouchCancel: (e) => this.onTouchEnd(e), onMouseDown: (e) => this.onTouchStart(e), onMouseMove: (e) => this.onTouchMove(e), onMouseUp: (e) => this.onTouchEnd(e), onMouseLeave: (e) => this.onTouchEnd(e) }, h("slot", { key: '9529f5e2136a6f2415c013df9eadd0c62abb2497', onSlotchange: () => this.slotChanged() })), this.indicator && this.renderIndicator(), h("slot", { key: '9b1dbaed973adb0ae5633057b1800ae905f61d72', name: "end" })));
+        return (h(Host, { key: '7c43fa74ff636ccb9f561bfe46b9b295742ac894', class: "cty-swipe" }, h("slot", { key: 'c66ee224e75363811866d2b70a41b27c3a1424eb', name: "start" }), h("div", { key: '015662e04b5ec9b5d3b76757de25e2c52c721557', class: { 'cty-swipe__track': true, 'cty-swipe__track-vertical': this.vertical }, style: style, onTouchStart: (e) => this.onTouchStart(e), onTouchMove: (e) => this.onTouchMove(e), onTouchEnd: (e) => this.onTouchEnd(e), onTouchCancel: (e) => this.onTouchEnd(e), onMouseDown: (e) => this.onTouchStart(e), onMouseMove: (e) => this.onTouchMove(e), onMouseUp: (e) => this.onTouchEnd(e), onMouseLeave: (e) => this.onTouchEnd(e) }, h("slot", { key: 'f60a25a27fe96cd1cd010260fff0c094750688e7', onSlotchange: () => this.slotChanged() })), this.indicator && this.renderIndicator(), h("slot", { key: '545e73e9347b1b3319bbb258287461360d13cd10', name: "end" })));
     }
     get el() { return getElement(this); }
 };
@@ -324,10 +324,10 @@ const SwipeItem = class {
     }
     render() {
         const { offset, size, vertical } = this;
-        return (h(Host, { key: '0d4fddeeb3cfcbe9f64dd14b392db992c55eabf8', class: "cty-swipe-item", style: {
+        return (h(Host, { key: '4c2d804a0671caac64268f336b33beeb21cb4385', class: "cty-swipe-item", style: {
                 [vertical ? 'height' : 'width']: `${size}px`,
                 transform: `translate${vertical ? 'Y' : 'X'}(${offset}px)`
-            } }, h("slot", { key: 'db7925c7417db7582145f41fd0d33d037b996d17' })));
+            } }, h("slot", { key: '0622753fe67dbc647b4381c6ead2ceb51303b3b7' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/cty-text-ellipsis.entry.js

@@ -125,8 +125,8 @@ const TextEllipsis = class {
     }
     ;
     render() {
-        return (h(Host, { key: '7ab7bb1721e7ad6fbc3cb0126dde7d759c532f62', class: "cty-text-ellipsis" }, h("span", { key: 'b7e671d517b94a10b73f68dad09974d0e4b5f688' }, this.expanded ? this.content : this.text), this.hasExpand &&
-            h("button", { key: '48a54697fedd3d0009311286a8d1541b31d0b801', onClick: () => this.toggleExpand(), class: "cty-text-ellipsis__expand cty-button-native" }, this.expanded ? this.collapseText : this.expandText)));
+        return (h(Host, { key: '95f2e897086901c648bbf87de5609650be8e675c', class: "cty-text-ellipsis" }, h("span", { key: '2f4c1fd976816e9f09fcec78be781a1675a36302' }, this.expanded ? this.content : this.text), this.hasExpand &&
+            h("button", { key: '59fc941bb365858a6e7720e7ffe3f542496dc6b7', onClick: () => this.toggleExpand(), class: "cty-text-ellipsis__expand cty-button-native" }, this.expanded ? this.collapseText : this.expandText)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/cty-title-bar.entry.js

@@ -15,7 +15,7 @@ const TitleBar = class {
         this.ctyClickEnd.emit();
     }
     render() {
-        return (h(Host, { key: 'b960195f9d44749465c11d5cef2078f2be588154', class: "cty-title-bar flex-between" }, h("div", { key: '258b8032dde21375d1f09c5d573d45a795963006', class: "cty-title-bar-start flex-align-center" }, h("slot", { key: '30a9c84c34c471ea7ffecd266f515e42b5528b73', name: "start-icon" }, this.startIcon && h("cty-icon", { key: '8484739dd99d4f88630429c0f8a011b167fa08e4', name: this.startIcon, class: "cty-title-bar-start__icon" })), h("slot", { key: '020960115bcf36c0970b6227b197aa1ba2ba2951', name: "title" }, this.title && h("h3", { key: '15f6717cf2ca855ae72d9bceb29ef06a76eb526b', class: "cty-title-bar-title cty-ellipsis" }, this.title))), h("div", { key: '4346338ef92f6eecb2bdcbb46e93a1186f9912d1', class: "cty-title-bar-end flex-center-justify-end", onClick: () => this.clickEnd() }, h("slot", { key: '73261237d39e3961c2c838a09e4c3992ea86ed69', name: "end-text" }, this.endText && h("span", { key: '27c491fa95000c665e5460593add153ca5ff0ef9', class: "cty-title-bar-end__text" }, this.endText)), h("slot", { key: 'dc51e0b4a9b320ee77873df1aaf7c4509a2ee422', name: "end-icon" }, this.endIcon && h("cty-icon", { key: '34b5b9ff622f03afb4610d6d8eb17d954a255788', name: this.endIcon, class: "cty-title-bar-end__icon" })))));
+        return (h(Host, { key: 'c97b8916b8e9a74962a0aeb9186b700027150724', class: "cty-title-bar flex-between" }, h("div", { key: 'fe96befb4d176a262cdc8ff8e9613f7253ec7074', class: "cty-title-bar-start flex-align-center" }, h("slot", { key: '95500656c92be76b080a79b67b0b8e55215803c2', name: "start-icon" }, this.startIcon && h("cty-icon", { key: '9fbdf275bf289ea5fa515b306ede199c7ad5c4fe', name: this.startIcon, class: "cty-title-bar-start__icon" })), h("slot", { key: '2402ed869ec0ae482de8bb2992d98eedbe78a5eb', name: "title" }, this.title && h("h3", { key: '0da4af519b6bbe2d407ca02b660f9c25041a5a0d', class: "cty-title-bar-title cty-ellipsis" }, this.title))), h("div", { key: '8e7ac912edfbb07bcb614ff7e6d7a30163b5261a', class: "cty-title-bar-end flex-center-justify-end", onClick: () => this.clickEnd() }, h("slot", { key: '01ff584f499ede8101644ce0ca40c3358f867d54', name: "end-text" }, this.endText && h("span", { key: '7fb2410cd5c2f409f16ab5bb6400c103dd60927f', class: "cty-title-bar-end__text" }, this.endText)), h("slot", { key: '1ef2f029ec69647e6bf4c4f11fd275a9f94a26fc', name: "end-icon" }, this.endIcon && h("cty-icon", { key: '1d07a316ca0c4e6669fc0e10191e66eee893320d', name: this.endIcon, class: "cty-title-bar-end__icon" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/cty-tour.entry.js

@@ -109,10 +109,10 @@ const Tour = class {
         const popoverClass = (Array.isArray(cssClass) ? [...cssClass] : [cssClass]).concat(['cty-tour__popover']).join(' ');
         const tourCloseable = (currentStep === null || currentStep === void 0 ? void 0 : currentStep.closeable) || closeable;
         const enableFooter = Array.isArray(steps) && steps.length > 1;
-        return (h(Host, { key: 'd38b25ab3651be90d9c4df85a0d039d286e8b4c4', class: "cty-tour overlay-hidden" }, display && h("cty-overlay", { key: 'e49a5ed75ab99fc68123fd7d1bb35255bbe8bc0a', root: '', backdropDismiss: false }, enableAopover && h("ion-popover", Object.assign({ key: '5c98ff5278b52a3f612711db1d98174a1131f295', mode: "ios", ref: (el) => (this.popoverEl = el), arrow: tourArrow, animated: false, backdropDismiss: backdropDismiss, alignment: alignment, side: side, keepContentsMounted: true, class: popoverClass, onIonPopoverWillDismiss: (e) => this.popoverWillDismiss(e) }, popoverAttrs, { showBackdrop: false }), h("div", { key: '5cd956b0db4ebf5bd51ba9bd96612422d020f778', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), h("div", { key: 'ebc3c250a448435443e2f244a0dda4b8684867fd', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, h("slot", { key: '13246b0951b36eb32fe700dd3f754ca39bea428e', name: "header" }), tourCloseable && h("slot", { key: '9707d27bbb177ddf2beaf9dd7f1cce2850ac10ef', name: "closeable" }, h("button", { key: 'f8d5b3521f0087cc8bac128acd0cdcbddfca29ab', class: "cty-button-native cty-tour__closeable" }, h("cty-icon", { key: '59d656054e4e29007a64aad192ad866ce85ae2d0', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && h("slot", { key: 'f2441135120813bfb3da635d6f3df743078cfd49', name: "content" }, h("p", { key: '7f879e2d0617ce4bea0bc0b84c07fd910e78780b', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && h("div", { key: 'f40ea180ff17d97202c93a43a8e881b14261e38f', class: "cty-tour__content-footer flex-center-between" }, h("slot", { key: 'dcb247e050c587dea60378afb50a49179065682c', name: "indicator" }, h("div", { key: '31b15b1d31f73223b66beb3bd91892a40c069c6d', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), h("slot", { key: '953c203221f937334368ebecbd72d378d6acfbc7', name: "buttons" }, h("div", { key: '495fd7c3f46f163be88d986f74cbea8b2cb8774e', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
-            h("button", { key: 'f4598c8a6835b7bcebcf766116cacfed29b340db', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
-            h("button", { key: 'd8f49da0dc5211082873b1caf98391e4652377b5', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
-            h("button", { key: '9e78b694d9727788a77e0393bf6801a066179089', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), h("slot", { key: 'daccd21de73f0145048158d65b03cae7ed7e18ad', name: "footer" }))))));
+        return (h(Host, { key: 'c20c9812d53ac645f699af6d21bdf2b04fbe5fa9', class: "cty-tour overlay-hidden" }, display && h("cty-overlay", { key: '11db5947418d246a174dd1c9cd870dd0afc29a8c', root: '', backdropDismiss: false }, enableAopover && h("ion-popover", Object.assign({ key: 'fe79a7d4c18e73216d743c7640d821bca56ac0be', mode: "ios", ref: (el) => (this.popoverEl = el), arrow: tourArrow, animated: false, backdropDismiss: backdropDismiss, alignment: alignment, side: side, keepContentsMounted: true, class: popoverClass, onIonPopoverWillDismiss: (e) => this.popoverWillDismiss(e) }, popoverAttrs, { showBackdrop: false }), h("div", { key: 'cd001c3f042954beb4615503c3f24880c849a6ed', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), h("div", { key: '31bd94e6c17a63b303739be88930a014e0955f6a', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, h("slot", { key: '3b4d70d7a4052380cb490d15b02435d33b2284f1', name: "header" }), tourCloseable && h("slot", { key: 'e6062974840b0c35d045b315f0f95abd0610a3a2', name: "closeable" }, h("button", { key: 'ff766f423ae391118f5cf31157892a84f6f862b1', class: "cty-button-native cty-tour__closeable" }, h("cty-icon", { key: 'c661dfbe84da1d4feabebe49db01b18fed568c43', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && h("slot", { key: '50445c1c520cabb61a3105cf769eb9edaaf3b08a', name: "content" }, h("p", { key: 'fc84bc6e6ba8d6d25833de3693e17e551fb83d27', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && h("div", { key: '5d64c59373ec1b38f38baea7f07c0a3b47480a8d', class: "cty-tour__content-footer flex-center-between" }, h("slot", { key: '0c9a3e646198c08bd50e509a433aac065681aab2', name: "indicator" }, h("div", { key: '40299e8cd865d57bd380a8869a29db9b264ece21', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), h("slot", { key: '46b2a0cbe6362d2585f64be21e65375553f7dd26', name: "buttons" }, h("div", { key: '028f7f7f87511cba69be398164f1e4a4aa4f81d6', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
+            h("button", { key: '539b635614cf98d56d81c460b8ebc9fa9d8b2a04', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
+            h("button", { key: 'bd7d1ee594b6612a301c7cecf46a551bcec14fc3', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
+            h("button", { key: 'ecaf68c7cb34ed3e5be05933b266ed456b540d04', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), h("slot", { key: '1258d20c2cffdb9370d235d3381e76f30530faec', name: "footer" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/cty-tutorial.entry.js

@@ -96,7 +96,7 @@ const Tutorial = class {
             indicator,
             touchable
         };
-        return (h(Host, { key: '3c21cf5b96914f84f3e4e3f05a70d2278645bd46', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '288240c2b34fa7bec5ea041899e609ab6eb0ff22', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("cty-banner", Object.assign({ key: 'bdf5e26faea97c60befcbfeb8f30c9416dbc6661' }, attrs, { onClick: (e) => e.stopPropagation, onCtySwipeChange: (e) => this.handleSlideChange(e), onCtySwipeTap: (e) => this.handleSlideTap(e) }), h("slot", { key: 'd8a3210010ceed0de9b7fac5f83e5eb9885d882c', slot: "start", name: "start" }), h("slot", { key: 'd4282dfcf940dec3e89a24eb0c00db13bd0dca0e', slot: "end", name: "end" })), this.closeable && h("slot", { key: 'd36733c4b59fd30d5bb62b5c1aa92b3b6e40addb', name: "close" }, h("button", { key: '06b9486f1438167df8faba3a16f12cb55d0abbe6', class: "cty-tutorial__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { key: '597d86b3a7a0b420ba61677b0e5aeda74778d6c1', name: "cty-close2" }))))));
+        return (h(Host, { key: 'ee4bc639a14ea3a54a18a1a8e1afe2225962a715', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '396541fdb1b5dd85e9d12e12714e4e0c91599055', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("cty-banner", Object.assign({ key: '9c0b8e656c6306132cbc32051271e2f237e84577' }, attrs, { onClick: (e) => e.stopPropagation, onCtySwipeChange: (e) => this.handleSlideChange(e), onCtySwipeTap: (e) => this.handleSlideTap(e) }), h("slot", { key: '20b230b396c38b366a800d28ad0216bc14daaea7', slot: "start", name: "start" }), h("slot", { key: 'faddee7f9d8cfbd457f721b3442319842aeb0402', slot: "end", name: "end" })), this.closeable && h("slot", { key: 'd6b48b8ef0ed102f3f1dea0912b42050578e18e7', name: "close" }, h("button", { key: 'ffcd33c6fb5351fc9d325a6705504762e655aec0', class: "cty-tutorial__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { key: 'd75a2a170b43dac5ae3d259c79888bad039e1838', name: "cty-close2" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/cty-video.entry.js

@@ -1200,12 +1200,12 @@ const Video = class {
             }, onClick: (event) => event.stopPropagation(), style: { top: this.dotDotPanelTop, left: this.dotDotPanelLeft, opacity: this.reallyShowDot ? '1' : '0' } }, h("span", { class: "cty-video__dot-label cty-ellipsis2" }, this.currentMarker.describe), h("ion-button", { onClick: this._toPoint }, h("cty-icon", { name: "cty-play-ex" }), "\u77E5\u8BC6\u70B9"), h("span", { class: "cty-video__dot-triangle", style: { 'margin-left': this.triangleMargin + 'px' } }))), h("slot", { name: "ctrl" })));
     }
     render() {
-        return (h(Host, { key: '5319e2880f559d23946f98a2de5fd429b572e712', class: {
+        return (h(Host, { key: 'bdbc355f9bb58b14c3c16f696f5e0de5dc66afb6', class: {
                 'cty-video': true,
                 'cty-video__vertical': this.deviceIsPORTRAIT,
                 'cty-video__unfullscreen': !this.curIsFullscreen,
                 'cty-video__large-screen': this.direction == 'P' && this.curIsFullscreen && (this.isPC || this.isIpad)
-            } }, this.renderPlayer(), this.renderControls(), (!this.isLoading || this.isMicroMessager) && !this.isPlaying && !this.showInteractiveLayer && this.showTogglePlay && (h("ion-button", { key: '90984ef83cb04b9402955352f5731ef1ed1f914a', part: "toggle-play", class: "cty-video__toggle-play flex-center", onClick: (e) => { this.toggleVideo(e); } }, h("cty-icon", { key: '8b5bf6bcbbc300933cefb690d4aec1ae6b7d8676', name: "cty-play" }))), !this.isWifi && !this.isPlaying && !this.isLoading && !this.isMicroMessager && this.trafficMsg && (h("div", { key: 'd5b4b83f0aa9bc4a115523cafc3cdaf420738420', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.trafficMsg)), this.warningMsg != '' && (h("div", { key: 'efaadefcb7445d040167aed6a40b3b08cb285685', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.warningMsg)), this.showPlayRate && (h("div", { key: '890cdd076fbd4ce6e58ebdb49e05d3703e2008a5', class: "cty-video__rate", onClick: () => this.showPlayRate = false }, h("div", { key: '8462590389d0b23f50bc54bfed35d84bc9921fd0', class: "cty-video__rate-mask flex-center-justify-end" }, h("div", { key: 'ee899156c8eeb0ea2d8bb3ee586a036b6b072ef0', class: "cty-video__rate-list" }, this._rates.map((item) => (h("button", { onClick: () => this.setPlayRate(item), class: { active: this.rate == item, 'cty-video__rate-list-item': true } }, h("span", null, item, "X")))))))), this.hasInteractive && this.curIsFullscreen && (h("div", { key: 'e9bb94cddbf65f45968ec604e7d72fc52421e7a5', class: "cty-video__player cty-video__interactive", onClick: () => { }, ref: (el) => this.interactiveEl = el }))));
+            } }, this.renderPlayer(), this.renderControls(), (!this.isLoading || this.isMicroMessager) && !this.isPlaying && !this.showInteractiveLayer && this.showTogglePlay && (h("ion-button", { key: 'fc67d1c40664f33d2bf97bd60da93fc9f9b05797', part: "toggle-play", class: "cty-video__toggle-play flex-center", onClick: (e) => { this.toggleVideo(e); } }, h("cty-icon", { key: '16de825ccfbf288379a80b21c3824f88d16167d0', name: "cty-play" }))), !this.isWifi && !this.isPlaying && !this.isLoading && !this.isMicroMessager && this.trafficMsg && (h("div", { key: '78511cdd5bccdb454511d01ee6b12085e34a9aab', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.trafficMsg)), this.warningMsg != '' && (h("div", { key: 'a0b3e28efdf3c8be7cd3168bfa48ea9678df5f9e', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.warningMsg)), this.showPlayRate && (h("div", { key: '042083660f70096ce81e10a2edb0826e92362b8e', class: "cty-video__rate", onClick: () => this.showPlayRate = false }, h("div", { key: '723dc99ab748b524dbcff33e28ff791d4d0f928a', class: "cty-video__rate-mask flex-center-justify-end" }, h("div", { key: 'a5ee156efdffcf6297ddc6aeea395b8152bd19a3', class: "cty-video__rate-list" }, this._rates.map((item) => (h("button", { onClick: () => this.setPlayRate(item), class: { active: this.rate == item, 'cty-video__rate-list-item': true } }, h("span", null, item, "X")))))))), this.hasInteractive && this.curIsFullscreen && (h("div", { key: 'fbdc97434d797b98b07932cc26b19ddbc3956e2b', class: "cty-video__player cty-video__interactive", onClick: () => { }, ref: (el) => this.interactiveEl = el }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }

package/dist/esm/cty-virtual-list.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-DBsZD0Dk.js';
 
-const virtualListCss = ":host{--cty-virtual-list-horizontal-item-margin-right:20px;--cty-virtual-list-vertical-item-margin-top:20px;--cty-virtual-list-horizontal-padding:10px}.cty-virtual-list-box{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.cty-virtual-list-box::-webkit-scrollbar{display:none}.cty-virtual-list-horizontal-box{padding:var(--cty-virtual-list-horizontal-padding)}.cty-list-horizontal-scroll{overflow:hidden;float:left}.cty-list-horizontal-scroll .cty-virtual-list-item{display:block;float:left;margin-right:var(--cty-virtual-list-horizontal-item-margin-right)}.cty-list-horizontal-scroll:after{content:\"\";display:block;visibility:hidden;clear:both}.cty-list-vertical-scroll{overflow:hidden}.cty-list-vertical-scroll .cty-virtual-list-item{display:block;margin-top:var(--cty-virtual-list-vertical-item-margin-top)}.cty-virtual-list{width:100%;overflow:hidden;position:relative;-webkit-overflow-scrolling:touch}[dir=rtl] .cty-list-horizontal-scroll{float:right}[dir=rtl] .cty-list-horizontal-scroll .cty-virtual-list-item{float:right;margin-right:0;margin-left:var(--cty-virtual-list-horizontal-item-margin-right)}";
+const virtualListCss = ":host{--cty-virtual-list-horizontal-item-margin-right:20px;--cty-virtual-list-vertical-item-margin-top:20px;--cty-virtual-list-horizontal-padding:10px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.cty-virtual-list-horizontal-box){padding:var(--cty-virtual-list-horizontal-padding)}.cty-list-horizontal-scroll{overflow:hidden;float:left}.cty-list-horizontal-scroll .cty-virtual-list-item{display:block;float:left;margin-right:var(--cty-virtual-list-horizontal-item-margin-right)}.cty-list-horizontal-scroll:after{content:\"\";display:block;visibility:hidden;clear:both}.cty-list-vertical-scroll{overflow:hidden}.cty-list-vertical-scroll .cty-virtual-list-item{display:block;margin-top:var(--cty-virtual-list-vertical-item-margin-top)}.cty-virtual-list{width:100%;overflow:hidden;position:relative;-webkit-overflow-scrolling:touch}[dir=rtl] .cty-list-horizontal-scroll{float:right}[dir=rtl] .cty-list-horizontal-scroll .cty-virtual-list-item{float:right;margin-right:0;margin-left:var(--cty-virtual-list-horizontal-item-margin-right)}";
 
 const VirtualList = class {
     constructor(hostRef) {
@@ -22,7 +22,7 @@ const VirtualList = class {
             lastVisibleIndex: 10 //最后一个可见元素的索引
         };
         this.handleScroll = () => {
-            requestAnimationFrame(() => this.onScroll(this.scrollContainerEl || document.body));
+            requestAnimationFrame(() => this.onScroll(this.el));
         };
         this.getEndIndex = () => {
             const dataLength = this.items.length;
@@ -58,7 +58,7 @@ const VirtualList = class {
     get containerSize() {
         if (this.containerHeight)
             return this.containerHeight;
-        const element = document.body;
+        const element = this.el.parentNode;
         return this.isHorizontal ? element.offsetWidth : element.offsetHeight;
     }
     componentWillLoad() {
@@ -92,11 +92,10 @@ const VirtualList = class {
         this.updateVisibleItems();
     }
     async setupScrollListener() {
-        const element = this.scrollContainerEl || document.body;
-        element.addEventListener('scroll', this.handleScroll);
+        this.el.addEventListener('scroll', this.handleScroll);
     }
     removeScrollListener() {
-        (this.scrollContainerEl || document.body).removeEventListener('scroll', this.handleScroll);
+        this.el.removeEventListener('scroll', this.handleScroll);
     }
     onScroll(element) {
         const scrollSize = this.isHorizontal ? element.scrollLeft : element.scrollTop;
@@ -229,7 +228,12 @@ const VirtualList = class {
         return tempIndex || 0;
     }
     render() {
-        return (h(Host, { key: '669aaab526c0e046604c5c8bb9ed42435a290766' }, h("div", { key: '80fbd6debf85323c184b384b3dfc3262cc1b61dc', ref: el => this.scrollContainerEl = el, class: { 'cty-virtual-list-box': true, 'cty-virtual-list-horizontal-box': this.isHorizontal, 'cty-virtual-list-vertical-box': !this.isHorizontal }, style: { height: this.isHorizontal ? '100px' : this.containerSize + 'px' } }, h("div", { key: 'c71bb7be5cda2e79b3eab4dac7bb0b4007ab6ebb', class: "cty-virtual-list", style: this.getContainerStyle() }, h("div", { key: 'bf2e1033194a3421a57b3c6b218306fb50733e64', class: this.isHorizontal ? 'cty-list-horizontal-scroll' : 'cty-list-vertical-scroll', style: this.getTransformStyle(), ref: el => this.itemsContainerEl = el }, this.visibleItems.map((_, i) => h("div", { class: "cty-virtual-list-item", "data-index": this.getDataIndex(i), style: { display: this.getDisplayStyle(i) } }, h("slot", { name: this.getDataIndex(i) + '' }))))))));
+        const { isHorizontal, containerSize, itemRender } = this;
+        return (h(Host, { key: '99f26c0adb28153adccc5ff0a055315a570e5efb', class: {
+                'cty-virtual-list-box': true,
+                'cty-virtual-list-horizontal-box': isHorizontal,
+                'cty-virtual-list-vertical-box': !isHorizontal
+            }, style: { height: isHorizontal ? '100px' : containerSize + 'px' } }, h("div", { key: '9478b315e9f16448a812da4a7e0f7cbfbc87dee8', class: "cty-virtual-list", style: this.getContainerStyle() }, h("div", { key: 'd4215360700e6c99b4622314dc8c2b4a36aa284c', class: isHorizontal ? 'cty-list-horizontal-scroll' : 'cty-list-vertical-scroll', style: this.getTransformStyle(), ref: el => this.itemsContainerEl = el }, this.visibleItems.map((item, i) => h("div", { class: "cty-virtual-list-item", "data-index": this.getDataIndex(i), style: { display: this.getDisplayStyle(i) } }, itemRender ? itemRender(item, i) : null))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/{image-picker-FShbNAm_.js → image-picker-0JHjPizE.js}

@@ -103,7 +103,7 @@ class CTYImagePicker {
     _pickMultiplePhotos(file = true, count = 1, imagePickerOptions) {
         return new Promise(async (resolve, reject) => {
             if (!this.isImagePickerAvailable) {
-                reject('Image Picker plugin is not available');
+                reject('Image picker plugin is not available');
                 return;
             }
             const option = {
@@ -116,8 +116,18 @@ class CTYImagePicker {
                 }
                 const imageList = [];
                 for (const data of results) {
-                    const result = await this.formatPictureResult(file, data);
-                    imageList.push(result);
+                    let uri = data;
+                    let thumbnail = '';
+                    if (data && typeof data === 'object') {
+                        uri = data.uri;
+                        thumbnail = data.thumb;
+                    }
+                    else {
+                        uri = data;
+                    }
+                    const result = await this.formatPictureResult(file, uri);
+                    const thumbResult = await imagePicker.formatPictureResult(file, thumbnail);
+                    imageList.push(Object.assign(Object.assign({}, result), { thumbnail: thumbResult.url }));
                 }
                 resolve(imageList);
             }, (error) => { reject(error); }, Object.assign(option, imagePickerOptions, {
@@ -195,6 +205,33 @@ class CTYImagePicker {
                 ? this._captureSinglePhoto(file, false, imagePickerOptions)
                 : this._pickMultiplePhotos(file, count, imagePickerOptions);
     }
+    hasPermission() {
+        return new Promise((resolve, reject) => {
+            if (!this.isImagePickerAvailable) {
+                reject('Image picker plugin is not available');
+                return;
+            }
+            this._imagePickerPlugin.hasReadPermission((result) => resolve(result), (error) => reject(error));
+        });
+    }
+    requestPermission() {
+        return new Promise((resolve, reject) => {
+            if (!this.isImagePickerAvailable) {
+                reject('Image picker plugin is not available');
+                return;
+            }
+            this._imagePickerPlugin.requestReadPermission((result) => resolve(result), (error) => reject(error));
+        });
+    }
+    openAppSettings() {
+        return new Promise((resolve, reject) => {
+            if (!this.isImagePickerAvailable) {
+                reject('Image picker plugin is not available');
+                return;
+            }
+            this._imagePickerPlugin.openAppSettings(() => resolve(), (error) => reject(error));
+        });
+    }
     getPictures(options) {
         var _a, _b, _c, _d, _e, _f;
         return (options === null || options === void 0 ? void 0 : options.camera)

package/dist/esm/index.js

@@ -3,22 +3,23 @@ import './index-DBsZD0Dk.js';
 import { c as config } from './config-iD8sj4Mi.js';
 export { s as setupConfig } from './config-iD8sj4Mi.js';
 export { C as CTYCityData } from './area-BniluX4A.js';
-export { C as CTYStatusBar, j as addDays, k as addHours, l as addMinutes, n as addMonths, m as addSeconds, o as addYears, q as convertDate, c as convertTimeZone, i as diff, d as formatDate, f as formatDateTime, e as getFormatForDatePicker, h as getFormatForDateTimePicker, b as getTimeZone, a as getUTCDate, g as getUTCDateTime, p as isValidDate, s as secondsToVehicle, r as statusBar } from './status-bar-sXJ7CrDy.js';
+import { f as formatDateTime } from './status-bar-sXJ7CrDy.js';
+export { C as CTYStatusBar, j as addDays, k as addHours, l as addMinutes, n as addMonths, m as addSeconds, o as addYears, q as convertDate, c as convertTimeZone, i as diff, d as formatDate, e as getFormatForDatePicker, h as getFormatForDateTimePicker, b as getTimeZone, a as getUTCDate, g as getUTCDateTime, p as isValidDate, s as secondsToVehicle, r as statusBar } from './status-bar-sXJ7CrDy.js';
 export { e as checkScrollEnd, g as getElementRect, a as getEventClientCoords, b as getEventPageCoords, c as scrollElementBottom, s as scrollElementTop, d as scrollToPoint } from './dom-CHhKFKFA.js';
 import { p as parseJson } from './format-DnWe30Rj.js';
 export { h as camelToKebab, i as clamp, d as convertNumber, f as fileSize, k as kebabToCamel, n as numberToChinese, e as numberToLetter, a as pad, g as parseArray, b as percent, c as price, r as randomNum } from './format-DnWe30Rj.js';
 export { a as clipboard, c as closest, d as deepClone, g as getValueByKey, m as mergeObj, n as numericName } from './utils-DNb27sgv.js';
 export { c as identityCodeValid, h as isDef, a as isEmail, e as isEmptyArray, f as isEmptyObject, k as isHttp, d as isJSONObject, i as isMobileNo, g as isPrimitive, j as isPromise, b as isRealNameForm } from './validate-D5DQR_N9.js';
-export { C as CTYAudioRecorder, U as UploadProgressTip, a as audioRecorder } from './audio-recorder-CbuBJ-u7.js';
-export { C as CTYCameraPreview, c as cameraPreview } from './camera-preview-SS7McUtz.js';
+export { C as CTYAudioRecorder, U as UploadProgressTip, a as audioRecorder } from './audio-recorder-vTQ1Jf9u.js';
+export { C as CTYCameraPreview, c as cameraPreview } from './camera-preview-Bntx5BKz.js';
 import { d as deviceInfo } from './device-info-BWrjtLtW.js';
 export { C as CTYDeviceInfo, c as checkAppPermission, f as formatLocalPreview, r as requestStorageAuthorization } from './device-info-BWrjtLtW.js';
-export { C as CTYImagePicker, I as ImagePickerType, M as MediaSourceType, i as imagePicker } from './image-picker-FShbNAm_.js';
+export { C as CTYImagePicker, I as ImagePickerType, M as MediaSourceType, i as imagePicker } from './image-picker-0JHjPizE.js';
 export { C as CTYKeyboard, k as keyboard } from './keyboard-BJfELi7H.js';
 export { C as CTYNetwork, n as network } from './network-BqPNWsXF.js';
 export { C as CTYScreenOrientation, a as CTYVolumeControl, s as screenOrientation, v as volumeControl } from './volume-control-CeJ5isUe.js';
 export { C as CTYShare, c as CTYWechat, a as ShareContentType, S as SharePlatformType, b as WechatMiniProgramType, W as WechatShareScene, s as share, w as wechat } from './share-Mtne4Xeq.js';
-export { C as CTYVideoCapture, v as videoCapture } from './video-capture-B1wGDp4R.js';
+export { C as CTYVideoCapture, v as videoCapture } from './video-capture-B83C8hW9.js';
 export { i as initialize } from './cty-mui-global-DO_81neJ.js';
 export { b as actionSheetController, a as alertController, c as cameraPhotoController, d as cascaderController, i as imageViewerController, l as loadingController, o as overlayController, r as recordController, s as shareSheetController, t as tutorialController } from './overlays-DoToumP0.js';
 import './index-ZjP4CjeZ.js';
@@ -545,6 +546,68 @@ class CTYMediaDownloader {
 }
 const mediaDownloader = new CTYMediaDownloader();
 
+class CTYMediaEditor {
+    get _mediaEditorPlugin() {
+        return window === null || window === void 0 ? void 0 : window.CTYMediaEditor;
+    }
+    ;
+    get isMediaEditorAvailable() {
+        return !!this._mediaEditorPlugin;
+    }
+    hasPermission() {
+        return new Promise((resolve, reject) => {
+            if (!this.isMediaEditorAvailable) {
+                reject('Media editor plugin is not available');
+                return;
+            }
+            this._mediaEditorPlugin.hasPermission((result) => resolve(result), (error) => reject(error));
+        });
+    }
+    requestPermission() {
+        return new Promise((resolve, reject) => {
+            if (!this.isMediaEditorAvailable) {
+                reject('Media editor plugin is not available');
+                return;
+            }
+            this._mediaEditorPlugin.requestPermission((result) => resolve(result), (error) => reject(error));
+        });
+    }
+    openAppSettings() {
+        return new Promise((resolve, reject) => {
+            if (!this.isMediaEditorAvailable) {
+                reject('Media editor plugin is not available');
+                return;
+            }
+            this._mediaEditorPlugin.openAppSettings(() => resolve(), (error) => reject(error));
+        });
+    }
+    videoTrsanfer(file, options = {}) {
+        return new Promise((resolve, reject) => {
+            if (!this.isMediaEditorAvailable) {
+                return reject('Media editor plugin is not available');
+            }
+            this._mediaEditorPlugin.transcodeVideo((outputfile) => resolve(outputfile), (err) => reject(err), Object.assign(Object.assign({ outputFileName: formatDateTime(new Date(), 'yyyyMMddHHmmss'), optimizeForNetworkUse: 1, saveToLibrary: false, videoBitrate: 1536000, audioBitrate: 64000 }, options), { fileUri: file }));
+        });
+    }
+    audioTrsanfer(file, options = {}) {
+        return new Promise((resolve, reject) => {
+            if (!this.isMediaEditorAvailable) {
+                return reject('Media editor plugin is not available');
+            }
+            this._mediaEditorPlugin.transcodeAudio((outputfile) => resolve(outputfile), (err) => reject(err), Object.assign(Object.assign({ outputFileName: formatDateTime(new Date(), 'yyyyMMddHHmmss'), optimizeForNetworkUse: 1, saveToLibrary: false, audioBitrate: 64000 }, options), { fileUri: file }));
+        });
+    }
+    createThumbnail(file, options = {}) {
+        return new Promise((resolve, reject) => {
+            if (!this.isMediaEditorAvailable) {
+                return reject('Media editor plugin is not available');
+            }
+            this._mediaEditorPlugin.createThumbnail((outputfile) => resolve(outputfile), (err) => reject(err), Object.assign(Object.assign({ outputFileName: formatDateTime(new Date(), 'yyyyMMddHHmmss'), width: 256, quality: 85 }, options), { fileUri: file }));
+        });
+    }
+}
+const mediaEditor = new CTYMediaEditor();
+
 class CTYPayment {
     constructor() {
         this._wxPayRequest = () => { };
@@ -834,4 +897,4 @@ class CTYSpeechTranscriber {
 }
 const speechTranscriber = new CTYSpeechTranscriber();
 
-export { CTYMediaDownloader, CTYPayment, CTYSpeechTranscriber, DownloadMediaType, Easing, ModalFade, ModalRotate, ModalSlide, ModalZoom, SlidePosition, deviceInfo, fromBase64, localDelete, localGet, localSave, mediaDownloader, parseJson, payment, sessionDelete, sessionGet, sessionSave, speechTranscriber, toBase64 };
+export { CTYMediaDownloader, CTYMediaEditor, CTYPayment, CTYSpeechTranscriber, DownloadMediaType, Easing, ModalFade, ModalRotate, ModalSlide, ModalZoom, SlidePosition, deviceInfo, formatDateTime, fromBase64, localDelete, localGet, localSave, mediaDownloader, mediaEditor, parseJson, payment, sessionDelete, sessionGet, sessionSave, speechTranscriber, toBase64 };