@type-dom/ui 0.0.8 → 0.0.9

package/src/components/feedback/overlay/container/footer/footer.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayFooter = void 0;
-const framework_1 = require("@type-dom/framework");
-const td_button_class_1 = require("../../../../basic/td-button/td-button.class");
-class OverlayFooter extends framework_1.TypeDiv {
-    constructor() {
-        super();
-        this.className = 'OverlayFooter';
-        this.ctrl.addStyleObj({
-            padding: '20px',
-            paddingTop: '10px',
-            textAlign: 'right',
-            boxSizing: 'border-box'
-        });
-        this.ctrl.addAttrName('overlay-foot');
-        // this.cancelBtn = new CancelButton(this);
-        this.cancelBtn = new td_button_class_1.TdButton({
-            slot: '取消',
-            events: {
-                click: () => {
-                    var _a, _b;
-                    console.log('cancelBtn click . ');
-                    (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.ctrl.hide();
-                }
-            }
-        });
-        // cancelBtn.ctrl.hide();
-        this.confirmBtn = new td_button_class_1.TdButton({
-            slot: '确定',
-            type: 'primary',
-            styleObj: {
-                marginLeft: '10px'
-            },
-            events: {
-                click: () => {
-                    var _a, _b;
-                    console.log('confirmBtn click . ');
-                    (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.ctrl.hide();
-                }
-            }
-        });
-        // this.confirmBtn.setTitle('确定');
-        this.addChildren(this.cancelBtn, this.confirmBtn);
-    }
-}
-exports.OverlayFooter = OverlayFooter;

package/src/components/feedback/overlay/container/header/close-button/close-button.d.ts

@@ -1,11 +0,0 @@
-import { TypeButton } from '@type-dom/framework';
-import { TdCloseSvg } from '@type-dom/svgs';
-import { OverlayHeader } from '../header';
-export declare class CloseButton extends TypeButton {
-    className: 'CloseButton';
-    parent?: OverlayHeader;
-    childNodes: [TdCloseSvg];
-    private readonly svg;
-    constructor();
-    initEvents(): void;
-}

package/src/components/feedback/overlay/container/header/close-button/close-button.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CloseButton = void 0;
-const framework_1 = require("@type-dom/framework");
-const svgs_1 = require("@type-dom/svgs");
-class CloseButton extends framework_1.TypeButton {
-    constructor() {
-        super();
-        this.className = 'CloseButton';
-        this.ctrl.addStyleObj({
-            cursor: 'pointer',
-            position: 'absolute',
-            top: '20px',
-            right: '20px',
-            padding: '0',
-            background: 'transparent',
-            border: 'none',
-            outline: 'none',
-            fontSize: '16px'
-        });
-        this.ctrl.addAttrName('close-button');
-        this.svg = new svgs_1.TdCloseSvg({ parent: this });
-        this.childNodes = [this.svg];
-    }
-    initEvents() {
-        this.addEvents({
-            click: () => {
-                var _a, _b, _c;
-                (_c = (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.parent) === null || _c === void 0 ? void 0 : _c.ctrl.hide();
-            }
-        });
-    }
-}
-exports.CloseButton = CloseButton;

package/src/components/feedback/overlay/container/header/header.d.ts

@@ -1,12 +0,0 @@
-import { TypeDiv } from '@type-dom/framework';
-import { OverlayContainer } from '../container';
-import { OverlayTitle } from './title/title';
-import { CloseButton } from './close-button/close-button';
-export declare class OverlayHeader extends TypeDiv {
-    className: 'OverlayHeader';
-    parent?: OverlayContainer;
-    childNodes: [OverlayTitle, CloseButton];
-    title: OverlayTitle;
-    closeBtn: CloseButton;
-    constructor();
-}

package/src/components/feedback/overlay/container/header/header.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayHeader = void 0;
-const framework_1 = require("@type-dom/framework");
-const title_1 = require("./title/title");
-const close_button_1 = require("./close-button/close-button");
-class OverlayHeader extends framework_1.TypeDiv {
-    constructor() {
-        super();
-        this.className = 'OverlayHeader';
-        this.ctrl.addStyleObj({
-            padding: '20px',
-            paddingBottom: '10px',
-            boxSizing: 'border-box'
-        });
-        this.ctrl.addAttrObj({
-            name: 'overlay-header'
-        });
-        this.title = new title_1.OverlayTitle();
-        this.closeBtn = new close_button_1.CloseButton();
-        this.closeBtn.parent = this;
-        this.childNodes = [this.title, this.closeBtn];
-    }
-}
-exports.OverlayHeader = OverlayHeader;

package/src/components/feedback/overlay/container/header/title/title.d.ts

@@ -1,9 +0,0 @@
-import { TextNode, TypeSpan } from '@type-dom/framework';
-import { OverlayHeader } from '../header';
-export declare class OverlayTitle extends TypeSpan {
-    className: 'OverlayTitle';
-    parent?: OverlayHeader;
-    childNodes: TextNode[];
-    textNode: TextNode;
-    constructor();
-}

package/src/components/feedback/overlay/container/header/title/title.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayTitle = void 0;
-const framework_1 = require("@type-dom/framework");
-class OverlayTitle extends framework_1.TypeSpan {
-    constructor() {
-        super();
-        this.className = 'OverlayTitle';
-        this.ctrl.addStyleObj({
-            lineHeight: '16px',
-            fontSize: '16px',
-            color: '#000'
-        });
-        this.ctrl.addAttrName('overlay-title');
-        this.textNode = new framework_1.TextNode('标题');
-        this.childNodes = [this.textNode];
-    }
-}
-exports.OverlayTitle = OverlayTitle;

package/src/components/feedback/overlay/overlay.abstract.d.ts

@@ -1,13 +0,0 @@
-import { TypeDiv } from '@type-dom/framework';
-import { OverlayContainer } from './container/container';
-export declare abstract class Overlay extends TypeDiv {
-    childNodes: [OverlayContainer];
-    container: OverlayContainer;
-    protected constructor();
-    setTitle(title: string): void;
-    setMsg(msg: string): void;
-    setContent(content: string): void;
-    clear(): void;
-    clearBody(): void;
-    initEvents(): void;
-}

package/src/components/feedback/overlay/overlay.abstract.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Overlay = void 0;
-const framework_1 = require("@type-dom/framework");
-const container_1 = require("./container/container");
-class Overlay extends framework_1.TypeDiv {
-    constructor() {
-        super();
-        this.ctrl.addStyleObj({
-            position: 'fixed',
-            left: '0',
-            top: '0',
-            right: '0',
-            bottom: '0',
-            height: '100%', // ???
-            zIndex: 2000,
-            backgroundColor: 'rgba(0, 0, 0, 0.5)',
-            overflow: 'auto',
-            display: 'none'
-        });
-        // document.body.appendChild(this.dom); // 挂载在 body 上
-        this.container = new container_1.OverlayContainer();
-        this.container.parent = this;
-        this.childNodes = [this.container];
-    }
-    setTitle(title) {
-        this.container.header.title.textNode.setText(title);
-        this.container.header.mount();
-    }
-    // 设置消息
-    setMsg(msg) {
-        const span = new framework_1.Span({
-            parent: this.container.body,
-            childNodes: [new framework_1.TextNode(msg)]
-        });
-        // this.container.body.clearChild();
-        this.container.body.clearChildren();
-        this.container.body.appendChild(span);
-    }
-    // 设置复杂的内容
-    setContent(content) {
-        //   ToDo
-    }
-    clear() {
-        this.container.header.title.textNode.setText('标题');
-        this.container.body.clearChildren();
-        this.container.footer.clearChildrenDom();
-    }
-    clearBody() {
-        // this.container.body.clearChildDom();
-    }
-    initEvents() {
-        this.addEvents({
-            click: () => {
-                this.ctrl.hide();
-            }
-        });
-    }
-}
-exports.Overlay = Overlay;