@type-dom/ui 0.0.7 → 0.0.9

package/src/components/others/example/example-showcase.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleShowcase = void 0;
+const framework_1 = require("@type-dom/framework");
+const var_1 = require("../../../styles/var");
+class ExampleShowcase extends framework_1.TypeDiv {
+    constructor(params) {
+        super();
+        this.className = 'ExampleShowcase';
+        this.attr.addName('example-showcase');
+        this.style.addObj({
+            padding: '1.5rem',
+            margin: '.5px',
+            // background-color: var(--bg-color),
+            backgroundColor: var_1.$bgColor.default
+        });
+        this.useParams(params);
+    }
+}
+exports.ExampleShowcase = ExampleShowcase;

package/src/components/others/example/example-source-wrapper.d.ts

@@ -0,0 +1,9 @@
+import { IJsonData, ITypeConfig, TypeDiv, XProxy } from '@type-dom/framework';
+export interface IExampleSourceWrapperConfig extends ITypeConfig {
+    sourceWrapper: string | XProxy<IJsonData>;
+}
+export declare class ExampleSourceWrapper extends TypeDiv {
+    className: 'ExampleSourceWrapper';
+    props: IExampleSourceWrapperConfig;
+    constructor(params: IExampleSourceWrapperConfig);
+}

package/src/components/others/example/example-source-wrapper.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleSourceWrapper = void 0;
+const framework_1 = require("@type-dom/framework");
+const styles_1 = require("../../../styles");
+class ExampleSourceWrapper extends framework_1.TypeDiv {
+    constructor(params) {
+        var _a;
+        super();
+        this.className = 'ExampleSourceWrapper';
+        this.attr.addName('example-source-wrapper');
+        this.style.addObj({
+            // background-color: var(--code-bg-color),
+            backgroundColor: styles_1.$fillColor.light,
+            overflowX: 'auto'
+        });
+        this.addChild(new framework_1.Pre({
+            childNodes: [
+                new framework_1.Code({
+                    text: (_a = params.sourceWrapper) !== null && _a !== void 0 ? _a : ''
+                })
+            ]
+        }));
+        // if (params?.slot) {
+        //   this.slotChild(params.slot);
+        // }
+        this.props = this.useParams(params);
+    }
+}
+exports.ExampleSourceWrapper = ExampleSourceWrapper;

package/src/components/others/example/example.d.ts

@@ -0,0 +1,14 @@
+import { IJsonData, ITypeConfig, TypeDiv, TypeElement, XProxy } from '@type-dom/framework';
+import { ExampleSourceWrapper } from './example-source-wrapper';
+import { ExampleFloatControl } from './example-float-control';
+export interface IExampleConfig extends ITypeConfig {
+    showcase: TypeElement[];
+    sourceWrapper: string | XProxy<IJsonData>;
+}
+export declare class Example extends TypeDiv {
+    className: 'Example';
+    sourceWrapper: ExampleSourceWrapper;
+    floatControl: ExampleFloatControl;
+    props: IExampleConfig;
+    constructor(params: IExampleConfig);
+}

package/src/components/others/example/example.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Example = void 0;
+const framework_1 = require("@type-dom/framework");
+const var_1 = require("../../../styles/var");
+const td_divider_class_1 = require("../td-divider/td-divider.class");
+const example_showcase_1 = require("./example-showcase");
+const example_source_wrapper_1 = require("./example-source-wrapper");
+const op_btns_1 = require("./op-btns");
+const example_float_control_1 = require("./example-float-control");
+// todo slots 改造
+class Example extends framework_1.TypeDiv {
+    constructor(params) {
+        super();
+        this.className = 'Example';
+        this.attr.addName('example');
+        this.style.addObj({
+            // border: '1px solid 'var(--border-color),
+            border: '1px solid ' + var_1.$borderColor.base,
+            // border-radius: var(--el-border-radius-base);
+            borderRadius: var_1.$borderRadius.base
+        });
+        const exampleShowcase = new example_showcase_1.ExampleShowcase({
+            parent: this
+        });
+        exampleShowcase.addChildren(...params.showcase);
+        this.addChild(exampleShowcase);
+        this.addChild(new td_divider_class_1.TdDivider({
+            styleObj: {
+                margin: '0'
+            }
+        }));
+        const opBtns = new op_btns_1.OpBtns({
+            parent: this
+        });
+        this.addChild(opBtns);
+        this.sourceWrapper = new example_source_wrapper_1.ExampleSourceWrapper({
+            parent: this,
+            styleObj: {
+                display: 'none'
+            },
+            sourceWrapper: params.sourceWrapper,
+            // slot: [
+            //   new Div({
+            //     attrObj: {
+            //       name: 'source-wrapper'
+            //     },
+            //     styleObj: {
+            //       // background-color: var(--code-bg-color),
+            //       backgroundColor: $fillColor.light,
+            //       overflowX: 'auto'
+            //     },
+            //     childNodes: [
+            //       new Pre({
+            //         childNodes: [
+            //           new Code({
+            //             text: params.sourceWrapper
+            //           })
+            //         ]
+            //       })
+            //     ]
+            //   })
+            // ]
+        });
+        // this.sourceWrapper.addChild(config.sourceWrapper);
+        this.addChild(this.sourceWrapper);
+        this.floatControl = new example_float_control_1.ExampleFloatControl({
+            parent: this,
+            styleObj: {
+                display: 'none'
+            }
+        });
+        this.addChild(this.floatControl);
+        this.props = this.useParams(params);
+    }
+}
+exports.Example = Example;

package/src/components/others/example/index.d.ts

@@ -0,0 +1,5 @@
+export { Example } from './example';
+export { ExampleFloatControl } from './example-float-control';
+export { ExampleShowcase } from './example-showcase';
+export { ExampleSourceWrapper } from './example-source-wrapper';
+export { OpBtns } from './op-btns';

package/src/components/others/example/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OpBtns = exports.ExampleSourceWrapper = exports.ExampleShowcase = exports.ExampleFloatControl = exports.Example = void 0;
+var example_1 = require("./example");
+Object.defineProperty(exports, "Example", { enumerable: true, get: function () { return example_1.Example; } });
+var example_float_control_1 = require("./example-float-control");
+Object.defineProperty(exports, "ExampleFloatControl", { enumerable: true, get: function () { return example_float_control_1.ExampleFloatControl; } });
+var example_showcase_1 = require("./example-showcase");
+Object.defineProperty(exports, "ExampleShowcase", { enumerable: true, get: function () { return example_showcase_1.ExampleShowcase; } });
+var example_source_wrapper_1 = require("./example-source-wrapper");
+Object.defineProperty(exports, "ExampleSourceWrapper", { enumerable: true, get: function () { return example_source_wrapper_1.ExampleSourceWrapper; } });
+var op_btns_1 = require("./op-btns");
+Object.defineProperty(exports, "OpBtns", { enumerable: true, get: function () { return op_btns_1.OpBtns; } });

package/src/components/others/example/op-btns.d.ts

@@ -0,0 +1,7 @@
+import { ITypeConfig, TypeDiv } from '@type-dom/framework';
+import { Example } from './example';
+export declare class OpBtns extends TypeDiv {
+    className: 'OpBtns';
+    parent: Example;
+    constructor(params: ITypeConfig);
+}

package/src/components/others/example/op-btns.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OpBtns = void 0;
+const tslib_1 = require("tslib");
+const framework_1 = require("@type-dom/framework");
+const svgs_1 = require("@type-dom/svgs");
+const var_1 = require("../../../styles/var");
+const td_icon_class_1 = require("../../basic/td-icon/td-icon.class");
+class OpBtns extends framework_1.TypeDiv {
+    constructor(params) {
+        super();
+        this.className = 'OpBtns';
+        this.parent = params.parent;
+        this.attr.addName('op-btns');
+        this.style.addObj({
+            padding: '.5rem',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'flex-end',
+            height: '2.5rem',
+            boxSizing: 'border-box'
+        });
+        this.addChild(new td_icon_class_1.TdIcon({
+            styleObj: {
+                height: '1em',
+                width: '1em',
+                lineHeight: '1em',
+                display: 'inline-flex',
+                justifyContent: 'center',
+                color: var_1.$textColor.secondary
+            },
+            svgObj: new svgs_1.ElCopyDocumentSvg(),
+            events: {
+                click: () => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                    var _a, _b;
+                    // 选取要复制的文本
+                    let textToCopy = '';
+                    if (this.parent.props.sourceWrapper instanceof framework_1.XProxy) {
+                        textToCopy = (_a = this.parent.props.sourceWrapper) === null || _a === void 0 ? void 0 : _a.value;
+                    }
+                    else {
+                        textToCopy = (_b = this.parent.props.sourceWrapper) !== null && _b !== void 0 ? _b : '';
+                    }
+                    // 尝试使用Async Clipboard API
+                    try {
+                        yield navigator.clipboard.writeText(textToCopy);
+                        alert('文本已复制到剪贴板！');
+                    }
+                    catch (err) {
+                        console.error('无法复制文本: ', err);
+                        alert('复制失败，请手动复制。');
+                    }
+                })
+            }
+        }));
+        this.addChild(new td_icon_class_1.TdIcon({
+            // text: '查看代码',
+            styleObj: {
+                height: '1em',
+                width: '1em',
+                lineHeight: '1em',
+                display: 'inline-flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                position: 'relative',
+                fill: 'currentColor',
+                // color: var(--color),
+                fontSize: '16px',
+                background: 'none',
+                border: 'none',
+                padding: '0',
+                cursor: 'pointer',
+                margin: '0 .5rem',
+                // color: var(--text-color-lighter),
+                color: var_1.$textColor.secondary,
+                transition: '.2s'
+            },
+            svgObj: new svgs_1.TdViewCodeSvg(),
+            events: {
+                click: () => {
+                    if (this.parent.sourceWrapper.style.get('display') === 'none') {
+                        this.parent.sourceWrapper.style.show();
+                        this.parent.floatControl.style.show('flex');
+                    }
+                    else {
+                        this.parent.sourceWrapper.style.hide();
+                        this.parent.floatControl.style.hide();
+                    }
+                }
+            }
+        }));
+        this.useParams(params);
+    }
+}
+exports.OpBtns = OpBtns;

package/src/components/others/index.d.ts

@@ -3,3 +3,7 @@ export { ExpandHeading } from './collapsible-box/heading/expand-heading';
 export { CollapsibleBoxContents } from './collapsible-box/contents/contents';
 export { TdDivider } from './td-divider/td-divider.class';
 export type { ITdDivider, ITdDividerConfig } from './td-divider/td-divider.interface';
+export * from './example';
+export { Menus } from './menus/menus';
+export { Menu } from './menus/menu';
+export { CustomBlock } from './custom-block/custom-block';

package/src/components/others/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdDivider = exports.CollapsibleBoxContents = exports.ExpandHeading = exports.CollapsibleBox = void 0;
+exports.CustomBlock = exports.Menu = exports.Menus = exports.TdDivider = exports.CollapsibleBoxContents = exports.ExpandHeading = exports.CollapsibleBox = void 0;
+const tslib_1 = require("tslib");
 var collapsible_box_1 = require("./collapsible-box/collapsible-box");
 Object.defineProperty(exports, "CollapsibleBox", { enumerable: true, get: function () { return collapsible_box_1.CollapsibleBox; } });
 var expand_heading_1 = require("./collapsible-box/heading/expand-heading");
@@ -9,3 +10,10 @@ var contents_1 = require("./collapsible-box/contents/contents");
 Object.defineProperty(exports, "CollapsibleBoxContents", { enumerable: true, get: function () { return contents_1.CollapsibleBoxContents; } });
 var td_divider_class_1 = require("./td-divider/td-divider.class");
 Object.defineProperty(exports, "TdDivider", { enumerable: true, get: function () { return td_divider_class_1.TdDivider; } });
+tslib_1.__exportStar(require("./example"), exports);
+var menus_1 = require("./menus/menus");
+Object.defineProperty(exports, "Menus", { enumerable: true, get: function () { return menus_1.Menus; } });
+var menu_1 = require("./menus/menu");
+Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return menu_1.Menu; } });
+var custom_block_1 = require("./custom-block/custom-block");
+Object.defineProperty(exports, "CustomBlock", { enumerable: true, get: function () { return custom_block_1.CustomBlock; } });

package/src/components/others/menus/menu.d.ts

@@ -0,0 +1,21 @@
+import { Div, TypeMenu, type IRoute, Router, ITypeConfig } from '@type-dom/framework';
+import { TdIcon } from '../../basic/td-icon/td-icon.class';
+import { Menus } from './menus';
+export interface IMenuConfig extends ITypeConfig {
+    route: IRoute;
+    router?: Router;
+    width?: string;
+}
+export declare class Menu extends TypeMenu {
+    className: 'Menu';
+    route?: IRoute;
+    router?: Router;
+    parent?: Menu | Menus;
+    contentItem: Div;
+    menuItems: Menu[];
+    collapsed?: boolean;
+    caret?: TdIcon;
+    constructor(params: IMenuConfig);
+    get menuRoot(): Menus | undefined;
+    setup(): void;
+}

package/src/components/others/menus/menu.js

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
+const framework_1 = require("@type-dom/framework");
+const svgs_1 = require("@type-dom/svgs");
+const td_icon_class_1 = require("../../basic/td-icon/td-icon.class");
+class Menu extends framework_1.TypeMenu {
+    constructor(params) {
+        var _a;
+        console.log('Menu constructor . ');
+        super();
+        this.className = 'Menu';
+        this.route = params.route;
+        this.router = params.router;
+        this.style.addObj({
+            paddingInlineStart: '20px'
+            // display: 'flex',
+            // flexDirection: 'column',
+        });
+        const div = new framework_1.Div({
+            parent: this,
+            styleObj: {
+                display: 'flex',
+                alignItems: 'center'
+            }
+        });
+        if (this.route.svgObj) {
+            div.addChild(new td_icon_class_1.TdIcon({
+                svgObj: this.route.svgObj,
+                styleObj: {
+                    paddingRight: '5px'
+                }
+            }));
+        }
+        div.addChild(new framework_1.Div({
+            text: this.route.name,
+            attrObj: {
+                name: 'route-name'
+            },
+            styleObj: {
+                width: (_a = params.width) !== null && _a !== void 0 ? _a : '160px'
+            }
+        }));
+        if (this.route.children) {
+            const caret = new td_icon_class_1.TdIcon({
+                svgObj: new svgs_1.ElCaretBottomSvg(),
+                // size: '30px'
+            });
+            caret.appendParent(div);
+            this.caret = caret;
+        }
+        div.appendParent(this);
+        this.contentItem = div;
+        this.menuItems = [];
+        this.useParams(params);
+    }
+    get menuRoot() {
+        var _a;
+        return (_a = this.parent) === null || _a === void 0 ? void 0 : _a.menuRoot;
+    }
+    setup() {
+        var _a;
+        if (((_a = this.route) === null || _a === void 0 ? void 0 : _a.redirect) === undefined) {
+            // todo addEvent 如何pipe ??
+            this.contentItem.addEvents({
+                click: (event) => {
+                    var _a, _b, _c, _d;
+                    console.log('click . ');
+                    if (((_a = this.menuRoot) === null || _a === void 0 ? void 0 : _a.selectedMenu) === this) {
+                        return;
+                    }
+                    (_b = this.router) === null || _b === void 0 ? void 0 : _b.push(this.route.path);
+                    (_c = this.menuRoot) === null || _c === void 0 ? void 0 : _c.setSelectedMenu(this);
+                    document.title = 'UI - ' + ((_d = this.route) === null || _d === void 0 ? void 0 : _d.name);
+                    event === null || event === void 0 ? void 0 : event.stopPropagation(); // 防止冒泡
+                    event === null || event === void 0 ? void 0 : event.preventDefault();
+                }
+            });
+        }
+        else {
+            //   todo 添加展开、收起的监听
+            const leftSvg = new svgs_1.ElCaretLeftSvg();
+            // console.log(' leftSvg.resetSize ');
+            // leftSvg.resetSize('1.5em', '1.5em');
+            // leftSvg.style.setObj({
+            //   width: '1.5em',
+            //   height: '1.5em'
+            // })
+            const bottomSvg = new svgs_1.ElCaretBottomSvg();
+            // bottomSvg.style.setObj({
+            //   width: '1.5em',
+            //   height: '1.5em'
+            // })
+            // bottomSvg.resetSize('1.5em', '1.5em');
+            this.contentItem.addEvent('click', (event) => {
+                var _a, _b, _c;
+                console.log('click .');
+                if (((_a = this.menuRoot) === null || _a === void 0 ? void 0 : _a.selectedMenu) === this) {
+                    return;
+                }
+                if (this.collapsed === undefined || this.collapsed === false) {
+                    this.collapsed = true;
+                    this.menuItems.forEach((menu) => {
+                        menu.style.setObj({
+                            display: 'none'
+                        });
+                    });
+                    (_b = this.caret) === null || _b === void 0 ? void 0 : _b.replaceSvg(leftSvg); // 左三角
+                }
+                else {
+                    this.collapsed = false;
+                    this.menuItems.forEach((menu) => {
+                        menu.style.setObj({
+                            display: 'block'
+                        });
+                    });
+                    (_c = this.caret) === null || _c === void 0 ? void 0 : _c.replaceSvg(bottomSvg); // 向下三角
+                }
+                event === null || event === void 0 ? void 0 : event.stopPropagation(); // 防止冒泡
+                event === null || event === void 0 ? void 0 : event.preventDefault();
+            });
+        }
+    }
+}
+exports.Menu = Menu;

package/src/components/others/menus/menus.d.ts

@@ -0,0 +1,15 @@
+import { IRoute, ITypeConfig, Router, TypeDiv } from '@type-dom/framework';
+import { Menu } from './menu';
+export interface IMenusConfig extends ITypeConfig {
+    router?: Router;
+}
+export declare class Menus extends TypeDiv {
+    className: 'Menus';
+    selectedMenu?: Menu;
+    private router?;
+    constructor(params?: IMenusConfig);
+    get menuRoot(): Menus;
+    mounted(): void;
+    createMenus(parent: Menus | Menu, routes: IRoute[], router: Router): void;
+    setSelectedMenu(menu: Menu): void;
+}

package/src/components/others/menus/menus.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menus = void 0;
+// 基于router创建的菜单
+const framework_1 = require("@type-dom/framework");
+const menu_1 = require("./menu");
+class Menus extends framework_1.TypeDiv {
+    constructor(params = {}) {
+        super();
+        this.className = 'Menus';
+        this.attr.addName('menus');
+        // 默认样式
+        this.style.addObj({
+            userSelect: 'none',
+            // overflow: 'auto',
+            boxSizing: 'border-box',
+            flexShrink: 0,
+            maxHeight: 'calc(100vh - 60px)',
+            paddingBottom: '40px'
+        });
+        this.useParams(params);
+        this.router = params.router;
+        console.log('ui-doc routerUI.routes is ', this.router);
+        if (this.router) {
+            this.createMenus(this, this.router.routes, this.router);
+        }
+        console.log('menus is ', this);
+    }
+    get menuRoot() {
+        return this;
+    }
+    mounted() {
+        var _a, _b;
+        console.warn('menus mounted . ');
+        // hash路由和history路由要分别判断
+        let path;
+        if (((_a = this.router) === null || _a === void 0 ? void 0 : _a.mode) === 'hash') {
+            path = window.location.hash.slice(1);
+        }
+        else if (((_b = this.router) === null || _b === void 0 ? void 0 : _b.mode) === 'history') {
+            path = window.location.pathname;
+        }
+        if (path === '/') {
+            path = '/home';
+        }
+        const menuItem = this.down('route.path', path);
+        // 当前路由与菜单绑定路由一致，则选中状态
+        this.setSelectedMenu(menuItem);
+    }
+    // /home '' '/' 首页菜单要单独处理
+    createMenus(parent, routes, router) {
+        console.log('createMenus . ');
+        routes.forEach((route) => {
+            if (route.hidden) {
+                return;
+            }
+            if ((route === null || route === void 0 ? void 0 : route.path) === '/' && route.redirect) {
+                route = route.children.find((item) => item.path === route.redirect);
+                //   todo 没有的话，要报错的。
+            }
+            // 创建菜单项
+            const menuItem = new menu_1.Menu({
+                parent,
+                route,
+                router,
+                width: this.style.get('width'),
+                events: {
+                    mouseenter: (evt) => {
+                        if ((evt === null || evt === void 0 ? void 0 : evt.target) instanceof HTMLElement || (evt === null || evt === void 0 ? void 0 : evt.target) instanceof SVGElement) {
+                            evt === null || evt === void 0 ? void 0 : evt.target.style.setProperty('cursor', 'auto');
+                        }
+                    }
+                }
+            });
+            if (parent instanceof menu_1.Menu) {
+                parent.menuItems.push(menuItem);
+            }
+            menuItem.appendParent(parent);
+            if (route.children) {
+                this.createMenus(menuItem, route.children, router);
+            }
+        });
+    }
+    setSelectedMenu(menu) {
+        var _a;
+        if (menu !== this.selectedMenu) {
+            if (this.selectedMenu) {
+                this.selectedMenu.style.setObj({
+                    backgroundColor: ''
+                });
+            }
+            this.selectedMenu = menu;
+            if (((_a = menu.route) === null || _a === void 0 ? void 0 : _a.redirect) === undefined) {
+                menu.style.setObj({
+                    backgroundColor: '#ccc'
+                });
+            }
+        }
+    }
+}
+exports.Menus = Menus;

package/src/components/others/td-divider/td-divider.class.js

@@ -8,14 +8,14 @@ class TdDivider extends ui_abstract_1.UI {
     constructor(params = {}) {
         super(params);
         this.className = 'TdDivider';
-        this.ctrl.addStyleObj({
+        this.style.addObj({
             position: 'relative'
         });
         const direction = (params === null || params === void 0 ? void 0 : params.direction) || 'horizontal';
         const contentPosition = (params === null || params === void 0 ? void 0 : params.contentPosition) || 'center';
         const borderStyle = (params === null || params === void 0 ? void 0 : params.borderStyle) || 'solid';
         if (direction === 'horizontal') {
-            this.ctrl.addStyleObj({
+            this.style.addObj({
                 display: 'block',
                 height: '1px',
                 width: '100%',
@@ -40,19 +40,19 @@ class TdDivider extends ui_abstract_1.UI {
                     }
                 });
                 if (contentPosition === 'left') {
-                    textDiv.ctrl.addStyleObj({
+                    textDiv.style.addObj({
                         left: '20px',
                         transform: 'translateY(-50%)'
                     });
                 }
                 else if (contentPosition === 'right') {
-                    textDiv.ctrl.addStyleObj({
+                    textDiv.style.addObj({
                         right: '20px',
                         transform: 'translateY(-50%)'
                     });
                 }
                 else {
-                    textDiv.ctrl.addStyleObj({
+                    textDiv.style.addObj({
                         left: '50%',
                         transform: 'translateX(-50%) translateY(-50%)'
                     });
@@ -60,11 +60,11 @@ class TdDivider extends ui_abstract_1.UI {
                 this.addChild(textDiv);
             }
             if (contentPosition === 'left') {
-                this.ctrl.addStyleObj({});
+                this.style.addObj({});
             }
         }
         else {
-            this.ctrl.addStyleObj({
+            this.style.addObj({
                 display: 'inline-block',
                 width: '1px',
                 height: '1em',
@@ -75,7 +75,7 @@ class TdDivider extends ui_abstract_1.UI {
                 borderLeft: '1px ' + var_1.$borderColor.base + ' ' + borderStyle
             });
         }
-        this.setParams(params);
+        this.useParams(params);
     }
 }
 exports.TdDivider = TdDivider;

package/src/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-cursor';
+export * from './use-escape-keydown';
+export * from './use-forward-ref';

package/src/hooks/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./use-cursor"), exports);
+tslib_1.__exportStar(require("./use-escape-keydown"), exports);
+tslib_1.__exportStar(require("./use-forward-ref"), exports);

package/src/hooks/use-cursor.d.ts

@@ -0,0 +1 @@
+export declare function useCursor(input: HTMLInputElement | undefined): [() => void, () => void];