@type-dom/ui 0.2.1 → 0.3.0

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

@@ -0,0 +1,62 @@
+import { getCurrentInstance, inject, onMounted, onUnmounted, useSlots, TypeFragment, Div, } from '@type-dom/framework';
+import { throwError } from '@type-dom/utils';
+import { computed, signal, watch } from '@type-dom/signals';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { tabsRootContextKey } from '../td-tabs/constants';
+export class TdTabPane extends TypeFragment {
+    constructor(params = {}) {
+        super();
+        this.className = 'TdTabPane';
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a;
+        const COMPONENT_NAME = 'TdTabPane';
+        const props = this.props;
+        const instance = getCurrentInstance();
+        const slots = useSlots();
+        const tabsRoot = inject(tabsRootContextKey);
+        if (!tabsRoot)
+            throwError(COMPONENT_NAME, 'usage: <el-tabs><el-tab-pane /></el-tabs/>');
+        const ns = useNamespace('tab-pane');
+        const index = signal();
+        const isClosable = computed(() => props.closable || tabsRoot.props.closable);
+        const active = computed(() => { var _a; return tabsRoot.currentName.get() === ((_a = props.name) !== null && _a !== void 0 ? _a : index.get()); });
+        const loaded = signal(active.get());
+        const paneName = computed(() => { var _a; return (_a = props.name) !== null && _a !== void 0 ? _a : index.get(); });
+        const shouldBeRender = computed(() => !props.lazy || loaded.get() || active.get());
+        watch(active, (val) => {
+            if (val)
+                loaded.set(true);
+        });
+        const pane = {
+            uid: instance.uid,
+            slots,
+            props,
+            paneName,
+            active,
+            index,
+            isClosable,
+        };
+        tabsRoot.registerPane(pane);
+        onMounted(() => {
+            tabsRoot.sortPane(pane);
+        });
+        onUnmounted(() => {
+            tabsRoot.unregisterPane(pane.uid);
+        });
+        this.addChild(new Div({
+            vIf: shouldBeRender,
+            vShow: active,
+            class: ns.b(),
+            attrObj: {
+                id: `pane-${paneName.get()}`,
+                role: 'tabpanel',
+                ariaHidden: !active.get(),
+                ariaLabelledby: `tab-${paneName.get()}`,
+            },
+            slot: (_a = props.slot) !== null && _a !== void 0 ? _a : slots === null || slots === void 0 ? void 0 : slots.default,
+        }));
+    }
+}
+//# sourceMappingURL=td-tab-pane.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-tab-pane.class.js","sourceRoot":"","sources":["../../../../../src/components/navigation/td-tab-pane/td-tab-pane.class.ts"],"names":[],"mappings":"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"}

package/dist/src/components/navigation/td-tab-pane/td-tab-pane.interface.d.ts

@@ -0,0 +1,31 @@
+import { TypeElement, ITypeFragment, TypeFragmentProps } from '@type-dom/framework';
+export interface ITdTabPane extends ITypeFragment {
+    className: 'TdTabPane';
+}
+export interface TabPaneProps extends TypeFragmentProps {
+    /**
+     * @description title of the tab
+     *     default: '',
+     */
+    label?: string;
+    /**
+     * @description identifier corresponding to the name of Tabs, representing the alias of the tab-pane, the default is ordinal number of the tab-pane in the sequence, e.g. the first tab-pane is '0'
+     */
+    name?: string | number;
+    /**
+     * @description whether Tab is closable
+     */
+    closable?: boolean;
+    /**
+     * @description whether Tab is disabled
+     */
+    disabled?: boolean;
+    /**
+     * @description whether Tab is lazily rendered
+     */
+    lazy?: boolean;
+    slots?: {
+        label?: TypeElement;
+    };
+}
+//# sourceMappingURL=td-tab-pane.interface.d.ts.map

package/dist/src/components/navigation/td-tab-pane/td-tab-pane.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tab-pane.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/td-tab-pane/td-tab-pane.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,WAAW,CAAC;KACrB,CAAC;CACH"}

package/dist/src/components/navigation/td-tab-pane/td-tab-pane.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=td-tab-pane.interface.js.map

package/dist/src/components/navigation/td-tab-pane/td-tab-pane.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tab-pane.interface.js","sourceRoot":"","sources":["../../../../../src/components/navigation/td-tab-pane/td-tab-pane.interface.ts"],"names":[],"mappings":""}

package/dist/src/components/navigation/td-tabs/constants.d.ts

@@ -0,0 +1,22 @@
+import { Computed, MaybeRef, Ref } from '@type-dom/signals';
+import { TabPaneProps } from '../td-tab-pane/td-tab-pane.interface';
+import { TabsProps } from './td-tabs.interface';
+import { InjectionKey, ISlots } from '@type-dom/framework';
+export type TabsPaneContext = {
+    uid: number;
+    slots?: ISlots;
+    props: TabPaneProps;
+    paneName: Computed<string | number | undefined>;
+    active: Computed<boolean>;
+    index?: MaybeRef<string | undefined>;
+    isClosable: Computed<boolean | undefined>;
+};
+export interface TabsRootContext {
+    props: TabsProps;
+    currentName: Ref<string | number>;
+    registerPane: (pane: TabsPaneContext) => void;
+    sortPane: (pane: TabsPaneContext) => void;
+    unregisterPane: (uid: number) => void;
+}
+export declare const tabsRootContextKey: InjectionKey<TabsRootContext>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/src/components/navigation/td-tabs/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/td-tabs/constants.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;IAChD,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACrC,UAAU,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAClC,YAAY,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,eAAe,CAC/B,CAAC"}

package/dist/src/components/navigation/td-tabs/constants.js

@@ -0,0 +1,5 @@
+// import type { ComputedRef, InjectionKey, Ref, Slots, UnwrapRef } from 'vue'
+// import type { TabsProps } from './tabs'
+// import type { TabPaneProps } from './tab-pane'
+export const tabsRootContextKey = Symbol('tabsRootContextKey');
+//# sourceMappingURL=constants.js.map

package/dist/src/components/navigation/td-tabs/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/navigation/td-tabs/constants.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,0CAA0C;AAC1C,iDAAiD;AAyBjD,MAAM,CAAC,MAAM,kBAAkB,GAC7B,MAAM,CAAC,oBAAoB,CAAC,CAAC"}

package/dist/src/components/navigation/td-tabs/style/css.d.ts

@@ -0,0 +1,3 @@
+import '../../../base/style/css';
+import '@element-plus/theme-chalk/el-tabs.css';
+//# sourceMappingURL=css.d.ts.map

package/dist/src/components/navigation/td-tabs/style/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/td-tabs/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,uCAAuC,CAAC"}

package/dist/src/components/navigation/td-tabs/style/css.js

@@ -0,0 +1,3 @@
+import '../../../base/style/css';
+import '@element-plus/theme-chalk/el-tabs.css';
+//# sourceMappingURL=css.js.map

package/dist/src/components/navigation/td-tabs/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/td-tabs/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,uCAAuC,CAAC"}

package/dist/src/components/navigation/td-tabs/style/index.d.ts

@@ -0,0 +1,3 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/tabs.scss';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/navigation/td-tabs/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/td-tabs/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC"}

package/dist/src/components/navigation/td-tabs/style/index.js

@@ -0,0 +1,3 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/tabs.scss';
+//# sourceMappingURL=index.js.map

package/dist/src/components/navigation/td-tabs/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/td-tabs/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC"}

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

@@ -0,0 +1,12 @@
+import { TypeDiv } from '@type-dom/framework';
+import { ITdTabBar, TabBarProps } from './td-tab-bar.interface';
+import { Signal } from '@type-dom/signals';
+export declare class TdTabBar extends TypeDiv implements ITdTabBar {
+    className: 'TdTabBar';
+    props: TabBarProps;
+    ref?: Signal<HTMLElement | undefined>;
+    updateTabBar?: () => void;
+    constructor(params: TabBarProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-tab-bar.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-tab-bar.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/td-tabs/td-tab-bar.class.ts"],"names":[],"mappings":"AAEA,OAAO,EAML,OAAO,EAER,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGhE,OAAO,EAAE,MAAM,EAAiB,MAAM,mBAAmB,CAAC;AAI1D,qBAAa,QAAS,SAAQ,OAAQ,YAAW,SAAS;IACxD,SAAS,EAAE,UAAU,CAAC;IACb,KAAK,EAAE,WAAW,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;gBAEd,MAAM,EAAE,WAAW;IAQtB,KAAK;CA6Gf"}

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

@@ -0,0 +1,114 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { capitalize, throwError } from '@type-dom/utils';
+import { defineExpose, getCurrentInstance, inject, nextTick, onBeforeUnmount, TypeDiv, useResizeObserver, } from '@type-dom/framework';
+// import { TdTabs } from './td-tabs.class';
+import { signal, watch } from '@type-dom/signals';
+import { tabsRootContextKey } from './constants';
+import { useNamespace } from '../../../hooks/use-namespace';
+export class TdTabBar extends TypeDiv {
+    constructor(params) {
+        super();
+        this.className = 'TdTabBar';
+        this.attr.addName('td-tab-bar');
+        this.props = this.useParams(params);
+    }
+    setup() {
+        const COMPONENT_NAME = 'ElTabBar';
+        const props = this.props;
+        const instance = getCurrentInstance(); // todo 不就是 this 吗？？？？？
+        const rootTabs = inject(tabsRootContextKey);
+        if (!rootTabs)
+            throwError(COMPONENT_NAME, '<td-tabs><td-tab-bar /></td-tabs>');
+        const ns = useNamespace('tabs');
+        const barRef = signal();
+        const barStyle = signal();
+        const getBarStyle = () => {
+            var _a;
+            let offset = 0;
+            let tabSize = 0;
+            const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition)
+                ? 'width'
+                : 'height';
+            const sizeDir = sizeName === 'width' ? 'x' : 'y';
+            const position = sizeDir === 'x' ? 'left' : 'top';
+            (_a = props.tabs) === null || _a === void 0 ? void 0 : _a.every((tab) => {
+                var _a, _b;
+                // const $el = instance.parent?.refs?.[`tab-${tab.uid}`] as HTMLElement
+                const $el = (_b = (_a = instance.parent) === null || _a === void 0 ? void 0 : _a.down('name', `tab-${tab.uid}`)) === null || _b === void 0 ? void 0 : _b.dom;
+                if (!$el)
+                    return false;
+                if (!tab.active.get()) {
+                    return true;
+                }
+                offset = $el[`offset${capitalize(position)}`];
+                tabSize = $el[`client${capitalize(sizeName)}`];
+                const tabStyles = window.getComputedStyle($el);
+                if (sizeName === 'width') {
+                    tabSize -=
+                        Number.parseFloat(tabStyles.paddingLeft) +
+                            Number.parseFloat(tabStyles.paddingRight);
+                    offset += Number.parseFloat(tabStyles.paddingLeft);
+                }
+                return false;
+            });
+            return {
+                [sizeName]: `${tabSize}px`,
+                transform: `translate${capitalize(sizeDir)}(${offset}px)`,
+            };
+        };
+        const updateTabBar = () => barStyle.set(getBarStyle());
+        const saveObserver = [];
+        const observerTabs = () => {
+            var _a;
+            saveObserver.forEach((observer) => observer.stop());
+            saveObserver.length = 0;
+            // todo 要实现的是什么 ？？？
+            // const list = instance.parent?.refs as Record<string, HTMLElement>;
+            const list = (_a = instance.parent) === null || _a === void 0 ? void 0 : _a.childNodes;
+            if (!list)
+                return;
+            for (const key in list) {
+                if (key.startsWith('tab-')) {
+                    const _el = list[key];
+                    if (_el) {
+                        saveObserver.push(useResizeObserver(_el, updateTabBar));
+                    }
+                }
+            }
+        };
+        watch(() => props.tabs, () => __awaiter(this, void 0, void 0, function* () {
+            yield nextTick();
+            updateTabBar();
+            observerTabs();
+        }), { immediate: true });
+        const barObserever = useResizeObserver(barRef, () => updateTabBar());
+        onBeforeUnmount(() => {
+            saveObserver.forEach((observer) => observer.stop());
+            saveObserver.length = 0;
+            barObserever.stop();
+        });
+        defineExpose({
+            /** @description tab root html element */
+            ref: barRef,
+            /** @description method to manually update tab bar style */
+            updateTabBar,
+        });
+        this.assignProps({
+            refDom: barRef,
+        });
+        this.attr.addClass([
+            ns.e('active-bar'),
+            ns.is(rootTabs.props.tabPosition),
+        ]);
+        this.style.addObj(barStyle);
+    }
+}
+//# sourceMappingURL=td-tab-bar.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-tab-bar.class.js","sourceRoot":"","sources":["../../../../../src/components/navigation/td-tabs/td-tab-bar.class.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import { ITypeDiv, TypeDivProps } from '@type-dom/framework';
+import { TabsPaneContext } from './constants';
+export interface ITdTabBar extends ITypeDiv {
+    className: 'TdTabBar';
+}
+export interface TabBarProps extends TypeDivProps {
+    tabs?: TabsPaneContext[];
+}
+//# sourceMappingURL=td-tab-bar.interface.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-tab-bar.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/td-tabs/td-tab-bar.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC,SAAS,EAAE,UAAU,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC/C,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;CAK1B"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=td-tab-bar.interface.js.map

package/dist/src/components/navigation/td-tabs/td-tab-bar.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tab-bar.interface.js","sourceRoot":"","sources":["../../../../../src/components/navigation/td-tabs/td-tab-bar.interface.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,11 @@
+import { TypeDiv } from '@type-dom/framework';
+import { ITdTabNav, TabNavProps } from './td-tab-nav.interface';
+export declare class TdTabNav extends TypeDiv implements ITdTabNav {
+    className: 'TdTabNav';
+    props: TabNavProps;
+    scrollToActiveTab?: () => Promise<void>;
+    removeFocus?: () => void;
+    constructor(params?: TabNavProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-tab-nav.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-tab-nav.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/td-tabs/td-tab-nav.class.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,OAAO,EASR,MAAM,qBAAqB,CAAC;AAQ7B,OAAO,EAAc,SAAS,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAK5E,qBAAa,QAAS,SAAQ,OAAQ,YAAW,SAAS;IACxD,SAAS,EAAE,UAAU,CAAC;IACb,KAAK,EAAE,WAAW,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;gBAEb,MAAM,GAAE,WAAgB;IAQ3B,KAAK;CA0Wf"}