@type-dom/ui 0.1.0 → 0.1.2

package/src/components/others/custom-block/custom-block.js

@@ -17,25 +17,25 @@ class CustomBlock extends framework_1.TypeDiv {
             borderRadius: '4px',
             // border-left: 5px solid var(--el-color-primary),
             borderLeft: '5px solid ' + borderLeftColor,
-            margin: '20px 0'
+            margin: '20px 0',
         });
         if (params.title) {
             this.addChild(new framework_1.P({
-                text: params.title,
+                slot: params.title,
                 styleObj: {
                     fontSize: '1.1rem',
                     fontWeight: 700,
-                    marginTop: '0'
-                }
+                    marginTop: '0',
+                },
             }));
         }
         if (params.paragraphs) {
             params.paragraphs.forEach((paragraph) => {
                 this.addChild(new framework_1.P({
                     styleObj: {
-                        fontSize: '0.9rem'
+                        fontSize: '0.9rem',
                     },
-                    childNodes: [paragraph]
+                    slot: [paragraph],
                 }));
             });
         }
@@ -48,9 +48,9 @@ class CustomBlock extends framework_1.TypeDiv {
                     padding: '.25rem 0 .25rem 1rem',
                     fontSize: '1rem',
                     // color: var(--text-color-lighter),
-                    color: var_1.$textColor.secondary
+                    color: var_1.$textColor.secondary,
                 },
-                childNodes: [params.blockquote]
+                slot: [params.blockquote],
             }));
         }
     }

package/src/components/others/example/example-float-control.d.ts

@@ -1,8 +1,8 @@
-import { ITypeConfig, TypeDiv } from '@type-dom/framework';
+import { TypeProps, TypeDiv } from '@type-dom/framework';
 import { Example } from './example';
 export declare class ExampleFloatControl extends TypeDiv {
     className: 'ExampleFloatControl';
     parent: Example;
-    constructor(params: ITypeConfig);
+    constructor(params: TypeProps);
     setup(): void;
 }

package/src/components/others/example/example-float-control.js

@@ -12,7 +12,7 @@ class ExampleFloatControl extends framework_1.TypeDiv {
         this.attr.addName('example-float-control');
         this.attr.addObj({
             role: 'button',
-            tabIndex: 0
+            tabIndex: 0,
         });
         this.style.addObj({
             display: 'flex',
@@ -34,19 +34,19 @@ class ExampleFloatControl extends framework_1.TypeDiv {
             left: '0',
             right: '0',
             bottom: '0',
-            zIndex: 10
+            zIndex: 10,
         });
         this.addChildren(new td_icon_class_1.TdIcon({
-            svgObj: new svgs_1.ElCaretTopSvg(),
+            slot: new svgs_1.ElCaretTopSvg(),
             styleObj: {
-                fontSize: '16px'
-            }
+                fontSize: '16px',
+            },
         }), new framework_1.Span({
-            text: '隐藏源代码',
+            slot: '隐藏源代码',
             styleObj: {
                 fontSize: '14px',
-                marginLeft: '10px'
-            }
+                marginLeft: '10px',
+            },
         }));
         this.useParams(params);
     }
@@ -56,7 +56,7 @@ class ExampleFloatControl extends framework_1.TypeDiv {
                 // 隐藏 代码
                 this.style.hide();
                 this.parent.sourceWrapper.style.hide();
-            }
+            },
         });
     }
 }

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

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

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

@@ -12,7 +12,7 @@ class ExampleShowcase extends framework_1.TypeDiv {
             padding: '1.5rem',
             margin: '.5px',
             // background-color: var(--bg-color),
-            backgroundColor: var_1.$bgColor.default
+            backgroundColor: var_1.$bgColor.default,
         });
         this.useParams(params);
     }

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

@@ -1,6 +1,7 @@
-import { IJsonData, ITypeConfig, TypeDiv, XProxy } from '@type-dom/framework';
-export interface IExampleSourceWrapperConfig extends ITypeConfig {
-    sourceWrapper: string | XProxy<IJsonData>;
+import { TypeDivProps, TypeDiv } from '@type-dom/framework';
+import { Signal } from '@type-dom/signals';
+export interface IExampleSourceWrapperConfig extends TypeDivProps {
+    sourceWrapper: string | Signal<string>;
 }
 export declare class ExampleSourceWrapper extends TypeDiv {
     className: 'ExampleSourceWrapper';

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

@@ -16,15 +16,12 @@ class ExampleSourceWrapper extends framework_1.TypeDiv {
             userSelect: 'text',
         });
         this.addChild(new framework_1.Pre({
-            childNodes: [
+            slot: [
                 new framework_1.Code({
-                    text: (_a = params.sourceWrapper) !== null && _a !== void 0 ? _a : ''
-                })
-            ]
+                    slot: (_a = params.sourceWrapper) !== null && _a !== void 0 ? _a : '',
+                }),
+            ],
         }));
-        // if (params?.slot) {
-        //   this.slotChild(params.slot);
-        // }
         this.props = this.useParams(params);
     }
 }

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

@@ -1,9 +1,10 @@
-import { IJsonData, ITypeConfig, TypeDiv, TypeElement, XProxy } from '@type-dom/framework';
+import { Signal } from '@type-dom/signals';
+import { TypeDivProps, TypeDiv, TypeElement } from '@type-dom/framework';
 import { ExampleSourceWrapper } from './example-source-wrapper';
 import { ExampleFloatControl } from './example-float-control';
-export interface IExampleConfig extends ITypeConfig {
+export interface IExampleConfig extends TypeDivProps {
     showcase: TypeElement[];
-    sourceWrapper: string | XProxy<IJsonData>;
+    sourceWrapper: string | Signal<string>;
 }
 export declare class Example extends TypeDiv {
     className: 'Example';

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

@@ -18,57 +18,35 @@ class Example extends framework_1.TypeDiv {
             // 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
+            borderRadius: var_1.$borderRadius.base,
         });
         const exampleShowcase = new example_showcase_1.ExampleShowcase({
-            parent: this
+            parent: this,
         });
         exampleShowcase.addChildren(...params.showcase);
         this.addChild(exampleShowcase);
         this.addChild(new td_divider_class_1.TdDivider({
             styleObj: {
-                margin: '0'
-            }
+                margin: '0',
+            },
         }));
         const opBtns = new op_btns_1.OpBtns({
-            parent: this
+            parent: this,
         });
         this.addChild(opBtns);
         this.sourceWrapper = new example_source_wrapper_1.ExampleSourceWrapper({
             parent: this,
             styleObj: {
-                display: 'none'
+                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'
-            }
+                display: 'none',
+            },
         });
         this.addChild(this.floatControl);
         this.props = this.useParams(params);

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

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

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

@@ -18,7 +18,7 @@ class OpBtns extends framework_1.TypeDiv {
             alignItems: 'center',
             justifyContent: 'flex-end',
             height: '2.5rem',
-            boxSizing: 'border-box'
+            boxSizing: 'border-box',
         });
         this.addChild(new td_icon_class_1.TdIcon({
             styleObj: {
@@ -27,34 +27,34 @@ class OpBtns extends framework_1.TypeDiv {
                 lineHeight: '1em',
                 display: 'inline-flex',
                 justifyContent: 'center',
-                color: var_1.$textColor.secondary
+                color: var_1.$textColor.secondary,
             },
-            svgObj: new svgs_1.ElCopyDocumentSvg(),
+            slot: new svgs_1.ElCopyDocumentSvg(),
             events: {
                 click: () => tslib_1.__awaiter(this, void 0, void 0, function* () {
-                    var _a, _b;
+                    var _a;
                     // 选取要复制的文本
                     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 : '';
-                    }
+                    // if (this.parent.props.sourceWrapper instanceof XProxy) {
+                    //   textToCopy = this.parent.props.sourceWrapper?.value;
+                    // } else {
+                    textToCopy =
+                        (_a = (0, framework_1.toValue)(this.parent.props.sourceWrapper)) !== null && _a !== void 0 ? _a : '';
+                    // }
                     // 尝试使用Async Clipboard API
                     try {
                         yield navigator.clipboard.writeText(textToCopy);
                         alert('文本已复制到剪贴板！');
                     }
                     catch (err) {
-                        console.error('无法复制文本: ', err);
+                        // console.error('无法复制文本: ', err);
                         alert('复制失败，请手动复制。');
                     }
-                })
-            }
+                }),
+            },
         }));
         this.addChild(new td_icon_class_1.TdIcon({
-            // text: '查看代码',
+            // slot: '查看代码',
             styleObj: {
                 height: '1em',
                 width: '1em',
@@ -73,9 +73,9 @@ class OpBtns extends framework_1.TypeDiv {
                 margin: '0 .5rem',
                 // color: var(--text-color-lighter),
                 color: var_1.$textColor.secondary,
-                transition: '.2s'
+                transition: '.2s',
             },
-            svgObj: new svgs_1.TdViewCodeSvg(),
+            slot: new svgs_1.TdViewCodeSvg(),
             events: {
                 click: () => {
                     if (this.parent.sourceWrapper.style.get('display') === 'none') {
@@ -86,8 +86,8 @@ class OpBtns extends framework_1.TypeDiv {
                         this.parent.sourceWrapper.style.hide();
                         this.parent.floatControl.style.hide();
                     }
-                }
-            }
+                },
+            },
         }));
         this.useParams(params);
     }

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

@@ -2,7 +2,7 @@ export { CollapsibleBox } from './collapsible-box/collapsible-box';
 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 type * from './td-divider/td-divider.interface';
 export * from './example';
 export { Menus } from './menus/menus';
 export { Menu } from './menus/menu';

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

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

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

@@ -2,18 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Menu = void 0;
 const framework_1 = require("@type-dom/framework");
+const router_1 = require("@type-dom/router");
 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 . ');
+        var _a, _b;
+        // console.log('Menu constructor . ');
         super();
         this.className = 'Menu';
         this.route = params.route;
         this.router = params.router;
         this.style.addObj({
-            paddingInlineStart: '20px'
+            paddingInlineStart: '20px',
             // display: 'flex',
             // flexDirection: 'column',
         });
@@ -21,29 +22,29 @@ class Menu extends framework_1.TypeMenu {
             parent: this,
             styleObj: {
                 display: 'flex',
-                alignItems: 'center'
-            }
+                alignItems: 'center',
+            },
         });
-        if (this.route.svgObj) {
+        if ((_a = this.route.meta) === null || _a === void 0 ? void 0 : _a.svgObj) {
             div.addChild(new td_icon_class_1.TdIcon({
-                svgObj: this.route.svgObj,
+                slot: this.route.meta.svgObj,
                 styleObj: {
-                    paddingRight: '5px'
-                }
+                    paddingRight: '5px',
+                },
             }));
         }
         div.addChild(new framework_1.Div({
-            text: this.route.name,
+            slot: this.route.name,
             attrObj: {
-                name: 'route-name'
+                name: 'route-name',
             },
             styleObj: {
-                width: (_a = params.width) !== null && _a !== void 0 ? _a : '160px'
-            }
+                width: (_b = params.width) !== null && _b !== void 0 ? _b : '160px',
+            },
         }));
         if (this.route.children) {
             const caret = new td_icon_class_1.TdIcon({
-                svgObj: new svgs_1.ElCaretBottomSvg(),
+                slot: new svgs_1.ElCaretBottomSvg(),
                 // size: '30px'
             });
             caret.appendParent(div);
@@ -60,21 +61,25 @@ class Menu extends framework_1.TypeMenu {
     }
     setup() {
         var _a;
+        const route = (0, router_1.useRoute)();
+        // console.warn('route.get().fullPath is ', route.get().fullPath);
         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 . ');
+                    var _a, _b, _c, _d, _e, _f;
+                    console.log('menu 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);
+                    console.error('then push path ', (_b = this.route) === null || _b === void 0 ? void 0 : _b.path);
+                    const fullPath = (_c = this.router) === null || _c === void 0 ? void 0 : _c.resolve(this.route).fullPath;
+                    fullPath && ((_d = this.router) === null || _d === void 0 ? void 0 : _d.push(fullPath));
+                    (_e = this.menuRoot) === null || _e === void 0 ? void 0 : _e.setSelectedMenu(this);
+                    document.title = 'UI - ' + ((_f = this.route) === null || _f === void 0 ? void 0 : _f.path);
                     event === null || event === void 0 ? void 0 : event.stopPropagation(); // 防止冒泡
                     event === null || event === void 0 ? void 0 : event.preventDefault();
-                }
+                },
             });
         }
         else {
@@ -94,7 +99,7 @@ class Menu extends framework_1.TypeMenu {
             // bottomSvg.resetSize('1.5em', '1.5em');
             this.contentItem.addEvent('click', (event) => {
                 var _a, _b, _c;
-                console.log('click .');
+                // console.warn('click .');
                 if (((_a = this.menuRoot) === null || _a === void 0 ? void 0 : _a.selectedMenu) === this) {
                     return;
                 }
@@ -102,7 +107,7 @@ class Menu extends framework_1.TypeMenu {
                     this.collapsed = true;
                     this.menuItems.forEach((menu) => {
                         menu.style.setObj({
-                            display: 'none'
+                            display: 'none',
                         });
                     });
                     (_b = this.caret) === null || _b === void 0 ? void 0 : _b.replaceSvg(leftSvg); // 左三角
@@ -111,7 +116,7 @@ class Menu extends framework_1.TypeMenu {
                     this.collapsed = false;
                     this.menuItems.forEach((menu) => {
                         menu.style.setObj({
-                            display: 'block'
+                            display: 'block',
                         });
                     });
                     (_c = this.caret) === null || _c === void 0 ? void 0 : _c.replaceSvg(bottomSvg); // 向下三角
@@ -120,6 +125,15 @@ class Menu extends framework_1.TypeMenu {
                 event === null || event === void 0 ? void 0 : event.preventDefault();
             });
         }
+        (0, framework_1.onMounted)(() => {
+            var _a, _b, _c;
+            // console.warn('mounted .  this.route is ', this.route);
+            const fullPath = (_a = this.router) === null || _a === void 0 ? void 0 : _a.resolve(this.route).fullPath;
+            if (route.get().fullPath === fullPath) { // todo
+                (_b = this.menuRoot) === null || _b === void 0 ? void 0 : _b.setSelectedMenu(this);
+                document.title = 'UI - ' + ((_c = this.route) === null || _c === void 0 ? void 0 : _c.path);
+            }
+        });
     }
 }
 exports.Menu = Menu;

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

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

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

@@ -16,46 +16,38 @@ class Menus extends framework_1.TypeDiv {
             boxSizing: 'border-box',
             flexShrink: 0,
             maxHeight: 'calc(100vh - 60px)',
-            paddingBottom: '40px'
+            paddingBottom: '40px',
         });
         this.useParams(params);
         this.router = params.router;
-        console.log('ui-doc routerUI.routes is ', this.router);
+        // console.log('ui-doc routerUI.routes is ', this.router);
         if (this.router) {
-            this.createMenus(this, this.router.routes, this.router);
+            // console.error('this.router.getRoutes() is ', this.router.getRoutes());
+            // 递归过滤函数
+            const filterRoutes = (routes) => {
+                return routes === null || routes === void 0 ? void 0 : routes.filter(route => { var _a; return !((_a = route.meta) === null || _a === void 0 ? void 0 : _a.isHidden); }).map(route => {
+                    route.children = filterRoutes(route.children);
+                    return route;
+                });
+            };
+            const routes = filterRoutes(this.router.routes);
+            this.createMenus(this, routes, this.router);
         }
-        console.log('menus is ', this);
+        // 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) {
+        // console.log('createMenus . routes is ', routes);
+        routes === null || routes === void 0 ? void 0 : routes.forEach((route) => {
+            var _a;
+            if ((_a = route.meta) === null || _a === void 0 ? void 0 : _a.isHidden) {
                 return;
             }
             if ((route === null || route === void 0 ? void 0 : route.path) === '/' && route.redirect) {
-                route = route.children.find((item) => item.path === route.redirect);
+                // route = route.children!.find((item) => item.path === route.redirect)!;
                 //   todo 没有的话，要报错的。
             }
             // 创建菜单项
@@ -66,11 +58,12 @@ class Menus extends framework_1.TypeDiv {
                 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) {
+                        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);
@@ -86,13 +79,13 @@ class Menus extends framework_1.TypeDiv {
         if (menu !== this.selectedMenu) {
             if (this.selectedMenu) {
                 this.selectedMenu.style.setObj({
-                    backgroundColor: ''
+                    backgroundColor: '',
                 });
             }
             this.selectedMenu = menu;
             if (((_a = menu.route) === null || _a === void 0 ? void 0 : _a.redirect) === undefined) {
                 menu.style.setObj({
-                    backgroundColor: '#ccc'
+                    backgroundColor: '#ccc',
                 });
             }
         }

package/src/components/others/td-divider/style/css.d.ts

@@ -0,0 +1,2 @@
+import '../../../base/style/css';
+import '@element-plus/theme-chalk/el-divider.css';

package/src/components/others/td-divider/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../../../base/style/css");
+require("@element-plus/theme-chalk/el-divider.css");

package/src/components/others/td-divider/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/divider.scss';

package/src/components/others/td-divider/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../../../../components/base/style");
+require("../../../../theme-chalk/divider.scss");