@type-dom/ui 0.0.6 → 0.0.7

package/src/components/navigation/td-backtop/td-backtop.class.js

@@ -10,7 +10,7 @@ const var_1 = require("../../../styles/var");
 const td_icon_class_1 = require("../../basic/td-icon/td-icon.class");
 const td_backtop_style_1 = require("./td-backtop.style");
 class TdBackTop extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'fragment');
         this.visible = false;
         this.className = 'TdBackTop';

package/src/components/navigation/td-breadcrumb/td-breadcrumb.class.js

@@ -4,7 +4,7 @@ exports.TdBreadcrumb = void 0;
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 //  todo link 样式没有添加
 class TdBreadcrumb extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdBreadcrumb';
         this.ctrl.addAttrName('td-breadcrumb');
@@ -13,9 +13,7 @@ class TdBreadcrumb extends ui_abstract_1.UI {
             lineHeight: 1
         });
         this.childNodes = [];
-        if (params === null || params === void 0 ? void 0 : params.slot) {
-            this.slotChild(params === null || params === void 0 ? void 0 : params.slot);
-        }
+        this.addChild(this.getSlotNode());
         this.props = this.setParams(params);
     }
     created() {

package/src/components/navigation/td-breadcrumb-item/td-breadcrumb-item.class.js

@@ -6,7 +6,7 @@ const ui_abstract_1 = require("../../../ui/ui.abstract");
 const var_1 = require("../../../styles/var");
 const td_icon_class_1 = require("../../basic/td-icon/td-icon.class");
 class TdBreadcrumbItem extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'span');
         this.className = 'TdBreadcrumbItem';
         this.ctrl.addStyleObj({

package/src/components/navigation/td-menu/td-menu.class.js

@@ -4,7 +4,7 @@ exports.TdMenu = void 0;
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 const var_1 = require("../../../styles/var");
 class TdMenu extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'ul');
         this.className = 'TdMenu';
         this.ctrl.addAttrObj({

package/src/components/navigation/td-tabs/td-tab-bar.class.d.ts

@@ -5,7 +5,7 @@ export declare class TdTabBar extends UI implements ITdTabBar {
     className: 'TdTabBar';
     props: ITdTabBarConfig;
     barStyle?: IStyle;
-    private rootTabs;
+    private rootTabs?;
     constructor(params: ITdTabBarConfig);
     getBarStyle(): IStyle;
     change(): void;

package/src/components/navigation/td-tabs/td-tab-bar.class.js

@@ -10,7 +10,7 @@ class TdTabBar extends ui_abstract_1.UI {
         this.className = 'TdTabBar';
         this.ctrl.addAttrName('td-tab-bar');
         this.ctrl.addStyleObj(td_tabs_style_1.$tabsActiveBarStyle);
-        this.rootTabs = params.rootTabs;
+        this.rootTabs = params === null || params === void 0 ? void 0 : params.rootTabs;
         this.props = this.setParams(params);
     }
     getBarStyle() {
@@ -23,15 +23,15 @@ class TdTabBar extends ui_abstract_1.UI {
             : 'height';
         const sizeDir = sizeName === 'width' ? 'x' : 'y';
         const position = sizeDir === 'x' ? 'left' : 'top';
-        this.props.tabs.every((tab, index) => {
-            var _a, _b;
+        this.props.tabs && this.props.tabs.every((tab, index) => {
+            var _a, _b, _c, _d, _e;
             // const $el = instance.parent?.refs?.[`tab-${tab.uid}`] as HTMLElement
-            const $el = (_a = this.rootTabs.tabNav.tabs.find((node) => { var _a, _b; return ((_a = node.props.attrObj) === null || _a === void 0 ? void 0 : _a.tabName) === ((_b = tab.name) !== null && _b !== void 0 ? _b : (index + 1)); })) === null || _a === void 0 ? void 0 : _a.dom;
+            const $el = ((_a = this.rootTabs) === null || _a === void 0 ? void 0 : _a.tabNav.tabs) && ((_c = (_b = this.rootTabs) === null || _b === void 0 ? void 0 : _b.tabNav.tabs.find((node) => { var _a, _b; return ((_a = node.props.attrObj) === null || _a === void 0 ? void 0 : _a.tabName) === ((_b = tab.name) !== null && _b !== void 0 ? _b : (index + 1)); })) === null || _c === void 0 ? void 0 : _c.dom);
             console.log('$el is ', $el);
             if (!$el)
                 return false;
-            const tabName = (_b = tab.name) !== null && _b !== void 0 ? _b : (index + 1);
-            if (tabName !== this.rootTabs.currentName) {
+            const tabName = (_d = tab.name) !== null && _d !== void 0 ? _d : (index + 1);
+            if (tabName !== ((_e = this.rootTabs) === null || _e === void 0 ? void 0 : _e.currentName)) {
                 return true;
             }
             offset =

package/src/components/navigation/td-tabs/td-tab-bar.interface.d.ts

@@ -5,6 +5,6 @@ export interface ITdTabBar extends IUI {
     className: 'TdTabBar';
 }
 export interface ITdTabBarConfig extends IUIConfig {
-    tabs: ITdTabPaneConfig[];
-    rootTabs: TdTabs;
+    tabs?: ITdTabPaneConfig[];
+    rootTabs?: TdTabs;
 }

package/src/components/navigation/td-tabs/td-tab-nav.class.d.ts

@@ -10,12 +10,12 @@ export declare class TdTabNav extends UI implements ITdTabNav {
     private navScroll?;
     private navOffset?;
     private sizeName;
-    private rootTabs;
+    private rootTabs?;
     private focusable?;
     private isFocus;
     private tabBar?;
     tabs: Div[];
-    constructor(params: ITdTabNavConfig);
+    constructor(params?: ITdTabNavConfig);
     mounted(): void;
     get navStyle(): {
         transform: string;

package/src/components/navigation/td-tabs/td-tab-nav.class.js

@@ -12,8 +12,8 @@ const td_tabs_style_1 = require("./td-tabs.style");
 const td_tab_bar_class_1 = require("./td-tab-bar.class");
 const td_icon_class_1 = require("../../basic/td-icon/td-icon.class");
 class TdTabNav extends ui_abstract_1.UI {
-    constructor(params) {
-        var _a;
+    constructor(params = {}) {
+        var _a, _b;
         super(params);
         this.tabs = [];
         this.className = 'TdTabNav';
@@ -27,8 +27,8 @@ class TdTabNav extends ui_abstract_1.UI {
         this.navOffset = 0;
         this.isFocus = false;
         this.focusable = true;
-        this.rootTabs = params.rootTabs;
-        this.sizeName = ['top', 'bottom'].includes(this.rootTabs.props.tabPosition || 'top')
+        this.rootTabs = params === null || params === void 0 ? void 0 : params.rootTabs;
+        this.sizeName = ['top', 'bottom'].includes(((_a = this.rootTabs) === null || _a === void 0 ? void 0 : _a.props.tabPosition) || 'top')
             ? 'width'
             : 'height';
         if (this.scrollable) {
@@ -92,19 +92,19 @@ class TdTabNav extends ui_abstract_1.UI {
         this.navScroll.addChild(this.nav);
         if (!params.type) {
             this.tabBar = new td_tab_bar_class_1.TdTabBar({
-                rootTabs: params.rootTabs,
+                rootTabs: params === null || params === void 0 ? void 0 : params.rootTabs,
                 tabs: (params === null || params === void 0 ? void 0 : params.panes) || [],
             });
             this.nav.addChild(this.tabBar);
         }
         this.tabs =
-            ((_a = params.panes) === null || _a === void 0 ? void 0 : _a.map((pane, index) => {
+            ((_b = params.panes) === null || _b === void 0 ? void 0 : _b.map((pane, index) => {
                 var _a, _b, _c, _d, _e, _f;
                 // const uid = pane.uid
                 const disabled = pane.disabled;
-                const active = this.rootTabs.currentName === ((_a = pane.name) !== null && _a !== void 0 ? _a : index);
+                const active = ((_a = this.rootTabs) === null || _a === void 0 ? void 0 : _a.currentName) === ((_b = pane.name) !== null && _b !== void 0 ? _b : index);
                 const tabindex = !disabled && active ? 0 : -1;
-                const tabName = (_b = pane.name) !== null && _b !== void 0 ? _b : (index + 1);
+                const tabName = (_c = pane.name) !== null && _c !== void 0 ? _c : (index + 1);
                 console.log('tabName is ', tabName);
                 const item = new framework_1.Div({
                     name: 'tab-nav-item',
@@ -149,7 +149,7 @@ class TdTabNav extends ui_abstract_1.UI {
                         },
                     },
                 });
-                if (tabName === ((_c = this.rootTabs) === null || _c === void 0 ? void 0 : _c.currentName)) {
+                if (tabName === ((_d = this.rootTabs) === null || _d === void 0 ? void 0 : _d.currentName)) {
                     item.ctrl.addStyleObj({
                         color: var_1.$colors.primary.base,
                     });
@@ -160,8 +160,8 @@ class TdTabNav extends ui_abstract_1.UI {
                     });
                 }
                 // const tabLabelContent = pane.slots?.label || pane?.label;
-                if ((_d = pane.slots) === null || _d === void 0 ? void 0 : _d.label) {
-                    item.slotChild((_e = pane.slots) === null || _e === void 0 ? void 0 : _e.label);
+                if ((_e = pane.slots) === null || _e === void 0 ? void 0 : _e.label) {
+                    item.slotChild(pane.slots.label);
                 }
                 else if (pane.label) {
                     item.addChild(new framework_1.TextNode(pane.label));
@@ -241,7 +241,7 @@ class TdTabNav extends ui_abstract_1.UI {
             const navScroll = (_b = this.navScroll) === null || _b === void 0 ? void 0 : _b.dom;
             const isHorizontal = ['top', 'bottom'].includes(((_c = this.rootTabs) === null || _c === void 0 ? void 0 : _c.props.tabPosition) || 'top');
             const activeTabBounding = activeTab.getBoundingClientRect();
-            const navScrollBounding = navScroll.getBoundingClientRect();
+            const navScrollBounding = navScroll === null || navScroll === void 0 ? void 0 : navScroll.getBoundingClientRect();
             const maxOffset = isHorizontal
                 ? nav.offsetWidth - navScrollBounding.width
                 : nav.offsetHeight - navScrollBounding.height;

package/src/components/navigation/td-tabs/td-tab-nav.interface.d.ts

@@ -6,7 +6,7 @@ export interface ITdTabNav extends IUI {
     className: 'TdTabNav';
 }
 export interface ITdTabNavConfig extends IUIConfig {
-    rootTabs: TdTabs;
+    rootTabs?: TdTabs;
     panes?: ITdTabPaneConfig[];
     currentName?: string | number;
     editable?: boolean;

package/src/components/navigation/td-tabs/td-tab-pane.class.js

@@ -4,7 +4,7 @@ exports.TdTabPane = void 0;
 const framework_1 = require("@type-dom/framework");
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 class TdTabPane extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'fragment');
         this.className = 'TdTabPane';
         this.isClosable = params === null || params === void 0 ? void 0 : params.closable;

package/src/components/navigation/td-tabs/td-tabs.class.js

@@ -12,7 +12,7 @@ const td_icon_class_1 = require("../../basic/td-icon/td-icon.class");
 const td_tab_nav_class_1 = require("./td-tab-nav.class");
 const td_tabs_style_1 = require("./td-tabs.style");
 class TdTabs extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         var _a, _b;
         super(params);
         this.className = 'TdTabs';

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

@@ -5,7 +5,7 @@ const framework_1 = require("@type-dom/framework");
 const var_1 = require("../../../styles/var");
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 class TdDivider extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdDivider';
         this.ctrl.addStyleObj({