cty-mui-core 1.0.0

package/dist/cjs/cty-floating-panel.cjs.entry.js

@@ -0,0 +1,103 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-09f6f59d.js');
+const dom = require('./dom-bb3fd736.js');
+const utils = require('./utils-d62348b9.js');
+const index$1 = require('./index-fda121c8.js');
+
+const floatingPanelCss = "*{-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}:host{--cty-floating-panel-content-background:var(--cty-color-white);--cty-floating-panel-header-height:30px;--cty-floating-panel-bar-width:30px;--cty-floating-panel-bar-color:var(--cty-text-color-primary);position:fixed;z-index:10;bottom:0;left:0;width:100%;background-color:var(--cty-color-white);border-radius:var(--cty-border-radius-round) var(--cty-border-radius-round) 0 0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:cubic-bezier(0.18, 0.89, 0.32, 1.28);transition-timing-function:cubic-bezier(0.18, 0.89, 0.32, 1.28)}:host::after{content:\"\";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.cty-floating-panel__header{width:100%;height:var(--cty-floating-panel-header-height);cursor:pointer}.cty-floating-panel__header-bar{font-size:var(--cty-floating-panel-bar-width);color:var(--cty-floating-panel-bar-color)}.cty-floating-panel__content{-ms-flex:1;flex:1;overflow-y:auto;width:100%;background:var(--cty-floating-panel-content-background)}";
+const CtyFloatingPanelStyle0 = floatingPanelCss;
+
+const FloatingPanel = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ctyHeightChange = index.createEvent(this, "ctyHeightChange", 7);
+        this.height = 0;
+        this.lastY = 0;
+        this.lastHeight = 0;
+        this.isContentTouched = false;
+        this.isDragStart = false;
+        this.isDragMove = false;
+        this.anchors = [100, 0.6 * window.innerHeight];
+        this.contentDraggable = true;
+        this.endAnchor = true;
+        this.damp = 0.2;
+        this.icon = index$1.remove;
+    }
+    get boundary() {
+        var _a, _b;
+        return { min: (_a = this.anchors[0]) !== null && _a !== void 0 ? _a : 100, max: (_b = this.anchors[this.anchors.length - 1]) !== null && _b !== void 0 ? _b : window.innerHeight * 0.6 };
+    }
+    componentWillLoad() {
+        this.height = this.anchors[0];
+    }
+    componentDidLoad() {
+        this.height = utils.closest(this.anchors, this.height);
+        this.el.style.height = `${this.boundary.max}px`;
+        this.el.style.transform = `translateY(calc(100% + ${-this.height}px))`;
+    }
+    contentDraggableCheck() {
+        return !this.contentDraggable && this.isContentTouched;
+    }
+    setContentTouched(flag) {
+        this.isContentTouched = flag;
+    }
+    dragStart(event) {
+        this.isDragStart = true;
+        this.lastY = dom.getEventPageCoords(event).y;
+        this.lastHeight = -this.height;
+        this.el.style.transitionProperty = 'none';
+    }
+    dragMove(event) {
+        if (this.contentDraggableCheck() || !this.isDragStart)
+            return;
+        this.isDragMove = true;
+        const nowY = dom.getEventPageCoords(event).y;
+        const moveY = this.lastHeight + nowY - this.lastY;
+        this.height = -this.ease(moveY);
+        this.el.style.transform = `translateY(calc(100% + ${-this.height}px))`;
+    }
+    dragEnd() {
+        if (this.contentDraggableCheck() || !this.isDragMove || !this.isDragStart)
+            return;
+        this.isDragMove = false;
+        this.isDragStart = false;
+        this.el.style.transitionProperty = 'transform';
+        if (this.endAnchor || this.height <= this.boundary.min || this.height >= this.boundary.max) {
+            this.height = utils.closest(this.anchors, this.height);
+            this.el.style.transform = `translateY(calc(100% + ${-this.height}px))`;
+        }
+        if (this.lastHeight !== this.height) {
+            this.ctyHeightChange.emit(this.height);
+        }
+        return true;
+    }
+    ease(moveY) {
+        const absDistance = Math.abs(moveY);
+        const { min, max } = this.boundary;
+        if (absDistance > max) {
+            return -(max + (absDistance - max) * this.damp);
+        }
+        if (absDistance < min) {
+            return -(min - (min - absDistance) * this.damp);
+        }
+        return moveY;
+    }
+    render() {
+        return (index.h(index.Host, { key: '2e631947458d1f6b72710d9ee4c9155abf8bb6ac', class: "cty-floating-panel flex-column", onTouchStart: (e) => this.dragStart(e), onTouchMove: (e) => this.dragMove(e), onTouchEnd: () => this.dragEnd(), onMouseDown: (e) => this.dragStart(e), onMouseMove: (e) => this.dragMove(e), onMouseUp: () => this.dragEnd() }, index.h("div", { key: '14eb3c1c63216ae3a107944f095eafc08160cd3f', class: "cty-floating-panel__header flex-center", onTouchStart: () => {
+                this.setContentTouched(false);
+            }, onMouseDown: () => {
+                this.setContentTouched(false);
+            } }, index.h("slot", { key: '08d45ea6a7d2c52c200c5ec272c157546f9a121e', name: "icon-start" }), this.icon && index.h("cty-icon", { key: '81c07265e17a7da6b0d0ce4442325e28c799acf7', class: "cty-floating-panel__header-bar", name: this.icon }), index.h("slot", { key: '99dd0a0677eec9c4ec50e0d49f17ce96fb040961', name: "icon-end" })), index.h("div", { key: 'f74dd8e5eefc413942271aa0d2e6dcfb36f84578', class: "cty-floating-panel__content", onTouchStart: () => {
+                this.setContentTouched(true);
+            }, onMouseDown: () => {
+                this.setContentTouched(true);
+            } }, index.h("slot", { key: 'b36a3653f5624723cfd8cdeec5511d8ed6accde8' }))));
+    }
+    get el() { return index.getElement(this); }
+};
+FloatingPanel.style = CtyFloatingPanelStyle0;
+
+exports.cty_floating_panel = FloatingPanel;

package/dist/cjs/cty-icon.cjs.entry.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-09f6f59d.js');
+const config = require('./config-156f10b9.js');
+
+const iconCss = ":host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:1em;height:1em}";
+const CtyIconStyle0 = iconCss;
+
+const Icon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.name = undefined;
+        this.color = undefined;
+        this.size = undefined;
+        this.flipRtl = undefined;
+        this.lazy = false;
+        this.sanitize = true;
+        this._src = '';
+        this._name = '';
+        this._icon = '';
+    }
+    nameChanged() {
+        this.updateIcon();
+    }
+    componentWillLoad() {
+        this.updateIcon();
+    }
+    updateIcon() {
+        const { name } = this;
+        this._src = '';
+        this._name = '';
+        this._icon = '';
+        if (name.indexOf('/') >= 0) {
+            this._src = name;
+        }
+        else if (name.startsWith('cty-')) {
+            this._src = `${config.config.get('resUrlPrefix', '')}assets/cty_res/svg/${name}.svg`;
+        }
+        else if (!name.includes('-')) {
+            this._icon = name;
+        }
+        else {
+            this._name = name;
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: 'b356b0702b69ae59cfdcdeaae126582dfca9d6b0', class: "cty-icon" }, index.h("ion-icon", { key: 'f58ed4b8ecf413d57a90a644ce0c4fa0cb40449f', src: this._src || undefined, name: this._name || undefined, icon: this._icon || null, size: this.size, color: this.color, lazy: this.lazy, flipRtl: this.flipRtl, sanitize: this.sanitize })));
+    }
+    static get assetsDirs() { return ["assets"]; }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "name": ["nameChanged"]
+    }; }
+};
+Icon.style = CtyIconStyle0;
+
+exports.cty_icon = Icon;

package/dist/cjs/cty-image-upload.cjs.entry.js

@@ -0,0 +1,101 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-09f6f59d.js');
+const overlays = require('./overlays-c34dfe45.js');
+const index$1 = require('./index-fda121c8.js');
+require('./config-156f10b9.js');
+require('./helpers-54669e09.js');
+
+const imageUploadCss = "*{-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}:host{--cty-image-upload-item-width:80px;--cty-image-upload-item-height:80px;--cty-image-upload-item-offset-hor:4px;--cty-image-upload-item-offset-bottom:8px;--cty-image-upload-item-background:var(--cty-color-light);--cty-image-upload-item-border-width:0px;--cty-image-upload-item-border-style:solid;--cty-image-upload-item-border-color:transparent;--cty-image-upload-item-border-radius:0;--cty-image-upload-item-image-fit:cover;--cty-image-upload-add-icon-size:30px;--cty-image-upload-add-icon-color:var(--cty-text-color-secondary);--cty-image-upload-add-image-width:30px;--cty-image-upload-add-image-height:auto;--cty-image-upload-delete-align-items:flex-start;--cty-image-upload-delete-justify:flex-end;--cty-image-upload-delete-offset-top:0;--cty-image-upload-delete-offset-bottom:initial;--cty-image-upload-delete-offset-start:initial;--cty-image-upload-delete-offset-end:0;--cty-image-upload-delete-size:14px;--cty-image-upload-delete-background:var(--cty-overlay-color-dark);--cty-image-upload-delete-border-radius:0 0 0 12px;--cty-image-upload-delete-icon-size:var(--cty-font-size-extra-small);--cty-image-upload-delete-icon-color:var(--cty-color-white);display:block;width:100%}.cty-image-upload__item{position:relative;overflow:hidden;width:var(--cty-image-upload-item-width);height:var(--cty-image-upload-item-height);background:var(--cty-image-upload-item-background);margin:0 var(--cty-image-upload-item-offset-hor) var(--cty-image-upload-item-offset-bottom) var(--cty-image-upload-item-offset-hor);border-width:var(--cty-image-upload-item-border-width);border-style:var(--cty-image-upload-item-border-style);border-color:var(--cty-image-upload-item-border-color);border-radius:var(--cty-image-upload-item-border-radius);cursor:pointer}.cty-image-upload__add-icon{font-size:var(--cty-image-upload-add-icon-size);color:var(--cty-image-upload-add-icon-color)}.cty-image-upload__add-image{display:block;width:var(--cty-image-upload-add-image-width);height:var(--cty-image-upload-add-image-height)}.cty-image-upload__item-img{display:block;width:100%;height:100%;-o-object-fit:var(--cty-image-upload-item-image-fit);object-fit:var(--cty-image-upload-item-image-fit)}.cty-image-upload__item-delete{overflow:hidden;position:absolute;-ms-flex-align:var(--cty-image-upload-delete-align-items);align-items:var(--cty-image-upload-delete-align-items);-ms-flex-pack:var(--cty-image-upload-delete-justify);justify-content:var(--cty-image-upload-delete-justify);top:var(--cty-image-upload-delete-offset-top);right:var(--cty-image-upload-delete-offset-end);left:var(--cty-image-upload-delete-offset-start);bottom:var(--cty-image-upload-delete-offset-bottom);width:var(--cty-image-upload-delete-size);height:var(--cty-image-upload-delete-size);background:var(--cty-image-upload-delete-background);border-radius:var(--cty-image-upload-delete-border-radius)}.cty-image-upload__item-delete-icon{font-size:var(--cty-image-upload-delete-icon-size);color:var(--cty-image-upload-delete-icon-color)}";
+const CtyImageUploadStyle0 = imageUploadCss;
+
+const ImageUpload = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ctyImagePicker = index.createEvent(this, "ctyImagePicker", 7);
+        this.ctyAddImageTap = index.createEvent(this, "ctyAddImageTap", 7);
+        this.ctyImageTap = index.createEvent(this, "ctyImageTap", 7);
+        this.ctyDeleteImage = index.createEvent(this, "ctyDeleteImage", 7);
+        this.ctImageViewerDismiss = index.createEvent(this, "ctImageViewerDismiss", 7);
+        this.addIcon = index$1.addOutline;
+        this.addImage = '';
+        this.images = [];
+        this.deleteable = true;
+        this.cameraPhotoOptions = {};
+        this.count = 9;
+        this.imageViewer = true;
+        this.imageViewerOptions = {};
+        this.internalImages = [];
+    }
+    componentWillLoad() {
+        this.updateImages();
+    }
+    updateImages() {
+        this.internalImages = this.images.map((item) => {
+            if (typeof item === 'string') {
+                return { url: item };
+            }
+            return item;
+        });
+        if (this.internalImages.length > this.count) {
+            const num = this.internalImages.length - this.count;
+            this.internalImages = this.internalImages.slice(num);
+        }
+    }
+    async handleImageTap(index) {
+        if (this.imageViewer) {
+            const obj = Object.assign({}, this.imageViewerOptions, { images: this.internalImages.map(item => item.url), initialSlide: index });
+            const imageViewer = await overlays.imageViewerController.create(obj);
+            await imageViewer.present();
+            imageViewer.onDidDismiss().then(() => {
+                this.ctImageViewerDismiss.emit();
+            });
+        }
+        this.ctyImageTap.emit(index);
+    }
+    async handlePickerImage() {
+        if (this.internalImages.length >= this.count) {
+            return;
+        }
+        this.ctyAddImageTap.emit();
+        const count = this.count - this.internalImages.length;
+        const obj = Object.assign({ file: false }, this.cameraPhotoOptions, { count });
+        const cameraPhoto = await overlays.cameraPhotoController.create(obj);
+        await cameraPhoto.present();
+        const getPictrueFn = this.getPictrue.bind(this);
+        cameraPhoto.addEventListener('ctyTap', getPictrueFn, false);
+        cameraPhoto.onDidDismiss().then(() => {
+            cameraPhoto.removeEventListener('ctyTap', getPictrueFn, false);
+        });
+    }
+    getPictrue(event) {
+        var _a;
+        const res = event.detail;
+        if (((_a = res === null || res === void 0 ? void 0 : res.imageList) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            const internalImages = [...this.internalImages];
+            res.imageList.forEach((item) => {
+                internalImages.push({ url: item.url });
+            });
+            this.internalImages = internalImages;
+            this.ctyImagePicker.emit(res.imageList);
+        }
+    }
+    handleImageDelete(event, index) {
+        event.stopPropagation();
+        event.preventDefault();
+        this.internalImages = this.internalImages.filter((...arg) => arg[1] !== index);
+        this.ctyDeleteImage.emit(this.internalImages);
+    }
+    render() {
+        return (index.h(index.Host, { key: '831b95695a5906e8496a39cf050b94d4576a1963', class: "cty-image-upload flex-wrap" }, this.internalImages.map((item, idx) => (index.h("div", { class: "cty-image-upload__item", onClick: () => this.handleImageTap(idx) }, index.h("img", { class: "cty-image-upload__item-img", src: item.url, style: { 'object-fit': item.fit } }), this.deleteable && (index.h("div", { class: "cty-image-upload__item-delete flex", onClick: e => this.handleImageDelete(e, idx) }, index.h("slot", { name: "deleteable" }, index.h("cty-icon", { class: "cty-image-upload__item-delete-icon", name: "cty-close2" }))))))), this.internalImages.length < this.count && (index.h("div", { key: '2d37a254975b513294a4e154d0f5a4b827a74143', class: "cty-image-upload__item flex-column-center", onClick: () => this.handlePickerImage() }, !this.addImage && this.addIcon && index.h("cty-icon", { key: '8d77a2da183eb3221ba2aa0b3dc3813f5e8041cb', class: "cty-image-upload__add-icon", name: this.addIcon }), this.addImage && index.h("img", { key: '3007d80436000cee8fd3abd1f67b981b97e546a3', class: "cty-image-upload__add-image", src: this.addImage }), index.h("slot", { key: '774352f097510a343e940d474c9bc9c56c82327c', name: "description" })))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "images": ["updateImages"]
+    }; }
+};
+ImageUpload.style = CtyImageUploadStyle0;
+
+exports.cty_image_upload = ImageUpload;

package/dist/cjs/cty-image-viewer.cjs.entry.js

@@ -0,0 +1,127 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-09f6f59d.js');
+const overlays = require('./overlays-c34dfe45.js');
+const lockController = require('./lock-controller-2e7c1655.js');
+const helpers = require('./helpers-2d48f682.js');
+const theme = require('./theme-557b72e7.js');
+require('./config-156f10b9.js');
+require('./helpers-54669e09.js');
+require('./animation-38c620f1.js');
+require('./index-a370c7e1.js');
+require('./gesture-controller-c77f93be.js');
+
+const imageViewerCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.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-image-viewer-overlay-position:fixed;--cty-image-viewer-overlay-z-index:10;--cty-image-viewer-overlay-background:var(--cty-color-black);--cty-image-viewer-overlay-width:100vw;--cty-image-viewer-overlay-height:100vh;--cty-image-viewer-header-padding-top:var(--ion-safe-area-top, 44px);--cty-image-viewer-pager-padding:0;--cty-image-viewer-pager-index-color:var(--cty-text-color-white);--cty-image-viewer-pager-color:var(--cty-text-color-white);--cty-image-viewer-pager-font-size:var(--cty-font-size-extra-small);--cty-image-viewer-pager-align:center;--cty-image-viewer-pager-font-weight:600;--cty-image-viewer-pager-line-height:44px;--cty-image-viewer-pager-font-style:initial;--cty-image-viewer-close-offset-bottom:12px;--cty-image-viewer-close-offset-right:12px;--cty-image-viewer-close-color:var(--cty-text-color-white);--cty-image-viewer-close-size:20px;--cty-image-viewer-image-width:100%;--cty-image-viewer-image-height:auto}:host(.overlay-hidden){display:none}cty-overlay{--cty-overlay-position:var(--cty-image-viewer-overlay-position);--cty-overlay-z-index:var(--cty-image-viewer-overlay-z-index);--cty-overlay-background:var(--cty-image-viewer-overlay-background);--cty-overlay-width:var(--cty-image-viewer-overlay-width);--cty-overlay-height:var(--cty-image-viewer-overlay-height)}.cty-image-viewer{position:relative;width:100%;height:100%}.cty-image-preview__header{position:absolute;z-index:2;top:0;left:0;width:100%;min-height:calc(var(--cty-image-viewer-header-padding-top) + var(--cty-image-viewer-pager-line-height));padding-top:var(--cty-image-viewer-header-padding-top)}.cty-image-preview__pager{padding:var(--cty-image-viewer-pager-padding);text-align:var(--cty-image-viewer-pager-align);line-height:var(--cty-image-viewer-pager-line-height);font-weight:var(--cty-image-viewer-pager-font-weight);font-size:var(--cty-image-viewer-pager-font-size);font-style:var(--cty-image-viewer-pager-font-style);color:var(--cty-image-viewer-pager-color)}.cty-image-preview__index{color:var(--cty-image-viewer-pager-index-color)}.cty-image-preview__close{position:absolute;bottom:var(--cty-image-viewer-close-offset-bottom);right:var(--cty-image-viewer-close-offset-right);font-size:var(--cty-image-viewer-close-size);color:var(--cty-image-viewer-close-color)}cty-swiper{--cty-swiper-img-width:var(--cty-image-viewer-image-width);--cty-swiper-img-height:var(--cty-image-viewer-image-height)}";
+const CtyImageViewerStyle0 = imageViewerCss;
+
+const ImageViewer = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ctyDismiss = index.createEvent(this, "ctyDismiss", 7);
+        this.ctySlideChange = index.createEvent(this, "ctySlideChange", 7);
+        this.didPresent = index.createEvent(this, "ctyDidPresent", 7);
+        this.willPresent = index.createEvent(this, "ctyWillPresent", 7);
+        this.willDismiss = index.createEvent(this, "ctyWillDismiss", 7);
+        this.didDismiss = index.createEvent(this, "ctyDidDismiss", 7);
+        this.delegateController = overlays.createDelegateController(this);
+        this.lockController = lockController.createLockController();
+        this.triggerController = overlays.createTriggerController();
+        this.presented = false;
+        this.overlayIndex = undefined;
+        this.delegate = undefined;
+        this.hasController = false;
+        this.backdropDismiss = true;
+        this.images = [];
+        this.initialSlide = 0;
+        this.speed = 400;
+        this.loop = false;
+        this.pager = true;
+        this.closeable = false;
+        this.zoom = true;
+        this.attrs = {};
+        this.root = 'default';
+        this.animated = false;
+        this.cssClass = undefined;
+        this.leaveAnimation = undefined;
+        this.enterAnimation = undefined;
+        this.trigger = undefined;
+        this.activeIndex = 0;
+    }
+    triggerChanged() {
+        const { trigger, el, triggerController } = this;
+        if (trigger) {
+            triggerController.addClickListener(el, trigger);
+        }
+    }
+    connectedCallback() {
+        overlays.prepareOverlay(this.el);
+        this.triggerChanged();
+    }
+    disconnectedCallback() {
+        this.triggerController.removeClickListener();
+        // this.presented && this.dismiss();//忘了为什么加这个，disconnectedCallback不止触发一次
+    }
+    componentDidLoad() {
+        !this.hasController && helpers.raf(() => this.present());
+        this.refreshSwiper();
+    }
+    async present() {
+        const unlock = await this.lockController.lock();
+        await this.delegateController.attachViewToDom(this.root);
+        await overlays.present(this, 'imageViewerEnter', (baseEl) => theme.enterAnimation(baseEl, '.cty-image-viewer'));
+        unlock();
+    }
+    async dismiss() {
+        const unlock = await this.lockController.lock();
+        const dismissed = await overlays.dismiss(this, 'imageViewerEnter', (baseEl) => theme.leaveAnimation(baseEl, '.cty-image-viewer'));
+        if (dismissed) {
+            this.delegateController.removeViewFromDom();
+        }
+        unlock();
+        return dismissed;
+    }
+    onDidDismiss() {
+        return overlays.eventMethod(this.el, 'ctyDidDismiss');
+    }
+    onWillDismiss() {
+        return overlays.eventMethod(this.el, 'ctyWillDismiss');
+    }
+    async refreshSwiper() {
+        try {
+            const swiper = await this.swiperEl.getSwiper();
+            this.slideTo(this.initialSlide, 0);
+            swiper === null || swiper === void 0 ? void 0 : swiper.zoom.enable();
+            swiper.update();
+        }
+        catch (error) {
+        }
+    }
+    async _slideChange(e) {
+        this.activeIndex = e.detail.realIndex;
+        this.ctySlideChange.emit(this.activeIndex);
+    }
+    async slideTo(index, speed) {
+        return this.swiperEl.slideTo(index, speed);
+    }
+    render() {
+        const { images, speed, loop, zoom, attrs } = this;
+        const swiperAttrs = {
+            swipers: images,
+            speed,
+            loop,
+            pagination: false,
+            autoplay: false,
+            attrs: Object.assign({ zoom }, attrs)
+        };
+        return (index.h(index.Host, { key: '08895859c8ec739b6f6fbd68222e5fc694867cf8', class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, index.h("cty-overlay", { key: '62fd0985a2f0458317bd7fd7f00db8b9efe133d1', animated: false, backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, index.h("div", { key: '81e71e23a4bbdbc987372bf9e836cfc8b06060aa', class: "cty-image-viewer" }, index.h("slot", { key: '94a4fe7de67f3b0300b9455642c66c97916a0061', name: 'start' }), (this.closeable || this.pager || !this.backdropDismiss) && index.h("div", { key: '08db363e4133092bee00c0614745101d5ef1fa8e', class: "cty-image-preview__header", onClick: () => this.dismiss() }, this.pager && index.h("slot", { key: 'c883f7bf805c096c0432062fc141be025effcfc5', name: "pager" }, index.h("h6", { key: '92a1a286290a3b96f2a445fe4590852a20ac1fc7', class: "cty-image-preview__pager" }, index.h("span", { key: '350ce95375045463e50d1d13e8d71e2a0749f9bc', class: "cty-image-preview__index" }, this.activeIndex + 1), " / ", this.images.length)), (this.closeable || !this.backdropDismiss) && index.h("slot", { key: 'faaa04a80d6b8cb7f809b6d509c41fca61f9d56d', name: "close" }, index.h("button", { key: '13e754619c5d39edd8383f2006b81cf994fc6e2d', class: "cty-image-preview__close cty-button-native" }, index.h("cty-icon", { key: '5849cf769db53d1ac6eba3b7c55c9574cbe7cde6', name: "cty-close2" })))), index.h("cty-swiper", Object.assign({ key: '14ac89ecf97534486de21196c440068460a690dc', ref: (el) => this.swiperEl = el }, swiperAttrs, { onCtySlideChange: (e) => this._slideChange(e) })), index.h("slot", { key: 'e3f609cfc37eaff83b66b5a9a74c6216f0871fd1', name: 'end' })))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "trigger": ["triggerChanged"]
+    }; }
+};
+ImageViewer.style = CtyImageViewerStyle0;
+
+exports.cty_image_viewer = ImageViewer;

package/dist/cjs/cty-index-bar.cjs.entry.js

@@ -0,0 +1,110 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-09f6f59d.js');
+const dom = require('./dom-bb3fd736.js');
+const helpers = require('./helpers-2d48f682.js');
+
+const indexBarCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.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-index-bar-header-background:var(--cty-color-white);--cty-index-bar-header-padding:0 15px;--cty-index-bar-header-line-height:40px;--cty-index-bar-header-font-weight:600;--cty-index-bar-header-font-size:var(--cty-font-size-large);--cty-index-bar-header-sum-font-size:var(--cty-font-size-extra-small);--cty-index-bar-header-sum-font-weight:400;--cty-index-bar-header-color:var(--cty-text-color-primary);--cty-index-bar-header-active-color:var(--cty-color-primary);--cty-index-bar-header-border:1px solid var(--cty-border-color-extra-light);--cty-index-bar-sidebar-position:fixed;--cty-index-bar-sidebar-z-index:10;--cty-index-bar-sidebar-right:8px;--cty-index-bar-sidebar-top:55%;--cty-index-bar-sidebar-transform:translateY(-50%);--cty-index-bar-sidebar-width:16px;--cty-index-bar-sidebar-index-size:16px;--cty-index-bar-sidebar-index-background:transparent;--cty-index-bar-sidebar-index-border-radius:var(--cty-border-radius-circle);--cty-index-bar-sidebar-index-offset:1px 0;--cty-index-bar-sidebar-index-font-size:10px;--cty-index-bar-sidebar-index-color:var(--cty-text-color-primary);--cty-index-bar-sidebar-index-active-color:var(--cty-color-white);--cty-index-bar-sidebar-index-active-background:var(--cty-color-primary);--cty-index-bar-sidebar-index-transition:all 0.3s ease-out;position:relative;display:block}.cty-index-bar__item-header{background:var(--cty-index-bar-header-background);padding:var(--cty-index-bar-header-padding);line-height:var(--cty-index-bar-header-line-height);font-size:var(--cty-index-bar-header-font-size);font-weight:var(--cty-index-bar-header-font-weight);color:var(--cty-index-bar-header-color);border-bottom:var(--cty-index-bar-header-border)}.cty-index-bar__item-header-active{color:var(--cty-index-bar-header-active-color)}.cty-index-bar__item-header-sum{font-size:var(--cty-index-bar-header-sum-font-size);font-weight:var(--cty-index-bar-header-sum-font-weight)}.cty-index-bar__sidebar{position:var(--cty-index-bar-sidebar-position);z-index:var(--cty-index-bar-sidebar-z-index);right:var(--cty-index-bar-sidebar-right);top:var(--cty-index-bar-sidebar-top);width:var(--cty-index-bar-sidebar-width);-webkit-transform:var(--cty-index-bar-sidebar-transform);transform:var(--cty-index-bar-sidebar-transform)}.cty-index-bar__index{width:var(--cty-index-bar-sidebar-index-size);height:var(--cty-index-bar-sidebar-index-size);background:var(--cty-index-bar-sidebar-index-background);margin:var(--cty-index-bar-sidebar-index-offset);color:var(--cty-index-bar-sidebar-index-color);font-size:var(--cty-index-bar-sidebar-index-font-size);border-radius:var(--cty-index-bar-sidebar-index-border-radius);-webkit-transition:var(--cty-index-bar-sidebar-index-transition);transition:var(--cty-index-bar-sidebar-index-transition);cursor:pointer}.cty-index-bar__index-active{background:var(--cty-index-bar-sidebar-index-active-background);color:var(--cty-index-bar-sidebar-index-active-color)}.cty-index-bar__item-content{padding:0 15px;line-height:44px;font-size:14px;border-bottom:1px solid #f7f8fa;background-color:#fff}";
+const CtyIndexBarStyle0 = indexBarCss;
+
+const IndexBar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.ctyScrollToPoint = index.createEvent(this, "ctyScrollToPoint", 7);
+        this.offsetTops = {};
+        this.scrollEventBind = () => { };
+        this.sticky = true;
+        this.stickyTop = 0;
+        this.offsetDiff = 0;
+        this.indexList = [];
+        this.sum = true;
+        this.alphabet = 'A';
+        this.alphabets = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ#'.split('') || [];
+        this.duration = 300;
+    }
+    get hasAlphabet() {
+        return !!this.alphabet;
+    }
+    watchIndexListHandler() {
+        this.initView(this.hasAlphabet);
+    }
+    async componentWillLoad() {
+        const scrollParent = this.el.parentNode;
+        if (scrollParent.nodeName.toLowerCase() === 'ion-content') {
+            this.scrollParent = await scrollParent.getScrollElement();
+        }
+        else {
+            this.scrollParent = scrollParent;
+        }
+        this.scrollEventBind = this.scrollEvent.bind(this);
+        this.scrollParent.addEventListener('scroll', this.scrollEventBind, false);
+    }
+    componentDidLoad() {
+        helpers.raf(() => {
+            var _a;
+            this.itemEls = Array.from(((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.cty-index-bar__item')) || []);
+            this.initView(this.hasAlphabet);
+        });
+    }
+    disconnectedCallback() {
+        this.scrollParent.removeEventListener('scroll', this.scrollEventBind, false);
+    }
+    initView(hasAlphabet = false) {
+        if (!hasAlphabet && this.indexList.length > 0) {
+            this.alphabet = this.indexList[0].belong;
+        }
+        this.getOffsetHeights();
+        dom.scrollToPoint(this.scrollParent, null, this.offsetTops[this.alphabet], 0);
+    }
+    scrollEvent() {
+        const offsetTopArr = Object.values(this.offsetTops);
+        let index = offsetTopArr.findIndex((offset) => offset > this.scrollParent.scrollTop) - 1;
+        if (index < 0) {
+            index = offsetTopArr.length - 1;
+        }
+        this.alphabet = Object.keys(this.offsetTops)[index];
+    }
+    onKeyUp(event, index) {
+        if (event.key === 'Enter') {
+            this.scrollToIndex(index);
+        }
+    }
+    getOffsetHeights() {
+        var _a;
+        if (!((_a = this.itemEls) === null || _a === void 0 ? void 0 : _a.length)) {
+            return;
+        }
+        this.offsetTops = {};
+        this.itemEls.forEach((ele) => {
+            const alphabet = ele.children[0].children[0].textContent;
+            this.offsetTops[alphabet] = ele.offsetTop - this.offsetDiff;
+        });
+    }
+    /* 点击分组下标 */
+    async scrollToIndex(index) {
+        const alphabet = this.alphabets[index];
+        const keys = Object.keys(this.offsetTops);
+        if (!keys.includes(alphabet)) {
+            return;
+        }
+        this.alphabet = this.alphabets[index];
+        const offsetTop = this.offsetTops[this.alphabet];
+        dom.scrollToPoint(this.scrollParent, null, Math.min(offsetTop, this.scrollParent.scrollHeight - this.scrollParent.offsetHeight), this.duration);
+        this.ctyScrollToPoint.emit(index);
+    }
+    render() {
+        return (index.h(index.Host, { key: '4a3ac11bc09cad49f96742e523372b694fdca4fa', class: "cty-index-bar" }, index.h("div", { key: 'd78209e6e84db3d1c19684ea6cf8480d50a1bb42', class: "cty-index-bar__list" }, this.indexList.map((item, idx) => {
+            var _a;
+            return index.h("div", { class: "cty-index-bar__item" }, index.h("div", { class: { 'cty-index-bar__item-header': true, 'cty-index-bar__item-header-active': this.alphabet === item.belong }, style: { position: this.sticky ? 'sticky' : 'initial', 'top': this.stickyTop + 'px' } }, index.h("span", null, item.belong), this.sum && index.h("span", { class: "cty-index-bar__item-header-sum" }, "(", item.sum, ")")), index.h("slot", { name: (_a = item.slot) !== null && _a !== void 0 ? _a : `${idx}` }));
+        })), index.h("div", { key: '31bfdc0bf51cd41ffc4518788f07eec9f798c48a', class: "cty-index-bar__sidebar" }, this.alphabets.map((item, i) => index.h("button", { class: { 'cty-index-bar__index cty-button-native': true, 'cty-index-bar__index-active': this.alphabet === item }, onClick: () => this.scrollToIndex(i), onKeyUp: (e) => this.onKeyUp(e, i), tabindex: "0" }, item)))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "indexList": ["watchIndexListHandler"]
+    }; }
+};
+IndexBar.style = CtyIndexBarStyle0;
+
+exports.cty_index_bar = IndexBar;

package/dist/cjs/cty-keyboard.cjs.entry.js

@@ -0,0 +1,96 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-09f6f59d.js');
+const merge = require('./merge-3a2d28be.js');
+const deviceInfo = require('./device-info-90a64097.js');
+require('./gesture-controller-c77f93be.js');
+require('./platform-28cf364d.js');
+require('./device-info-b4dbd6bf.js');
+
+class CTYKeyboard {
+    onKeyboardWillShow() {
+        return merge.fromEvent(window, 'keyboardWillShow');
+    }
+    onKeyboardDidShow() {
+        return merge.fromEvent(window, 'keyboardDidShow');
+    }
+    onKeyboardWillHide() {
+        return merge.fromEvent(window, 'keyboardWillHide');
+    }
+    onKeyboardDidHide() {
+        return merge.fromEvent(window, 'keyboardDidHide');
+    }
+}
+const keyboard = new CTYKeyboard();
+
+const keyboardCss = "";
+const CtyKeyboardStyle0 = keyboardCss;
+
+const Keyboard = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.isIOS = deviceInfo.deviceInfo.isIos;
+        this.isMicroMessenger = deviceInfo.deviceInfo.isMicroMessager;
+        this.keyboardshow = false;
+        this.timer = 0;
+    }
+    componentDidLoad() {
+        const parent = this.el.parentNode;
+        this.resize(parent);
+    }
+    disconnectedCallback() {
+        this.destroy();
+    }
+    resize(el) {
+        if (!this.isMicroMessenger) {
+            try {
+                this.subscribeKbShow = keyboard.onKeyboardWillShow().subscribe((e) => {
+                    if (this.isIOS) {
+                        if (!this.keyboardshow) {
+                            // 尽量保持跟键盘同步
+                            this.timer = window.setTimeout(() => {
+                                window.scrollTo(0, 0);
+                                const contentHeight = "calc(100% - " + e.keyboardHeight + "px)";
+                                el.style.height = contentHeight;
+                                this.keyboardshow = true;
+                            }, 150);
+                        }
+                    }
+                    else {
+                        // 安卓手机开启三键导航模式，底部三键的高度
+                        const subtractHeight = window.screen.height - document.body.clientHeight;
+                        const contentHeight = "calc(100% - " + (e.keyboardHeight - subtractHeight) + "px)";
+                        el.style.height = contentHeight;
+                    }
+                });
+                this.subscribeKbHide = keyboard.onKeyboardWillHide().subscribe(() => {
+                    if (this.isIOS) {
+                        clearTimeout(this.timer);
+                        el.style.height = '100%';
+                        this.keyboardshow = false;
+                    }
+                    else {
+                        el.style.height = '100%';
+                    }
+                });
+            }
+            catch (e) { }
+        }
+    }
+    destroy() {
+        var _a, _b;
+        if (!this.isMicroMessenger) {
+            (_a = this.subscribeKbShow) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            (_b = this.subscribeKbHide) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: '054a318a6a8485775e1c0ce962691018d87ee328' }));
+    }
+    get el() { return index.getElement(this); }
+};
+Keyboard.style = CtyKeyboardStyle0;
+
+exports.cty_keyboard = Keyboard;