@type-dom/ui 0.1.1 → 0.1.2

package/src/components/form/td-upload/use-handlers.js

@@ -0,0 +1,175 @@
+"use strict";
+// import { watch } from 'vue'
+// import { isNil } from 'lodash-unified'
+// import { useVModel } from '@vueuse/core'
+// import { debugWarn, throwError } from '@element-plus/utils'
+// import { genFileId } from './upload'
+// import type { ShallowRef } from 'vue'
+// import type {
+//   UploadContentInstance,
+//   UploadContentProps,
+// } from './upload-content'
+// import type {
+//   UploadFile,
+//   UploadFiles,
+//   UploadProps,
+//   UploadRawFile,
+//   UploadStatus,
+// } from './upload'
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHandlers = void 0;
+const tslib_1 = require("tslib");
+const utils_1 = require("@type-dom/utils");
+const signals_1 = require("@type-dom/signals");
+const td_upload_const_1 = require("./td-upload.const");
+const framework_1 = require("@type-dom/framework");
+const SCOPE = 'TdUpload';
+const revokeFileObjectURL = (file) => {
+    var _a;
+    if ((_a = file.url) === null || _a === void 0 ? void 0 : _a.startsWith('blob:')) {
+        URL.revokeObjectURL(file.url);
+    }
+};
+const useHandlers = (props, uploadRef) => {
+    const uploadFiles = (0, framework_1.useVModel)(props, 'fileList', undefined, { passive: true });
+    const getFile = (rawFile) => uploadFiles === null || uploadFiles === void 0 ? void 0 : uploadFiles.get().find((file) => file.uid === rawFile.uid);
+    function abort(file) {
+        var _a, _b;
+        (_b = (_a = uploadRef.get()) === null || _a === void 0 ? void 0 : _a.abort) === null || _b === void 0 ? void 0 : _b.call(_a, file);
+    }
+    function clearFiles(
+    /** @default ['ready', 'uploading', 'success', 'fail'] */
+    states = ['ready', 'uploading', 'success', 'fail']) {
+        uploadFiles.set(uploadFiles.get().filter((row) => !states.includes(row.status)));
+    }
+    function removeFile(file) {
+        console.warn('removeFile file is ', file);
+        uploadFiles.set(uploadFiles.get().filter((uploadFile) => uploadFile.uid !== file.uid));
+    }
+    const handleError = (err, rawFile) => {
+        var _a, _b;
+        const file = getFile(rawFile);
+        if (!file)
+            return;
+        // console.error(err)
+        file.status = 'fail';
+        removeFile(file);
+        (_a = props.onError) === null || _a === void 0 ? void 0 : _a.call(props, err, file, uploadFiles.get());
+        (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, file, uploadFiles.get());
+    };
+    const handleProgress = (evt, rawFile) => {
+        var _a;
+        const file = getFile(rawFile);
+        if (!file)
+            return;
+        (_a = props.onProgress) === null || _a === void 0 ? void 0 : _a.call(props, evt, file, uploadFiles.get());
+        file.status = 'uploading';
+        file.percentage = Math.round(evt.percent);
+    };
+    const handleSuccess = (response, rawFile) => {
+        var _a, _b;
+        console.log('handleSuccess', response, rawFile);
+        const file = getFile(rawFile);
+        if (!file)
+            return;
+        file.status = 'success';
+        file.response = response;
+        (_a = props.onSuccess) === null || _a === void 0 ? void 0 : _a.call(props, response, file, uploadFiles.get());
+        (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, file, uploadFiles.get());
+    };
+    const handleStart = (file) => {
+        var _a, _b;
+        if ((0, utils_1.isNil)(file.uid))
+            file.uid = (0, td_upload_const_1.genFileId)();
+        const uploadFile = {
+            name: file.name,
+            percentage: 0,
+            status: 'ready',
+            size: file.size,
+            raw: file,
+            uid: file.uid,
+        };
+        if (props.listType === 'picture-card' || props.listType === 'picture') {
+            try {
+                uploadFile.url = URL.createObjectURL(file);
+            }
+            catch (err) {
+                (0, utils_1.debugWarn)(SCOPE, err.message);
+                (_a = props.onError) === null || _a === void 0 ? void 0 : _a.call(props, err, uploadFile, uploadFiles.get());
+            }
+        }
+        uploadFiles.set(uploadFiles.get()
+            ? [...uploadFiles.get(), uploadFile]
+            : [uploadFile]);
+        (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, uploadFile, uploadFiles.get());
+    };
+    const handleRemove = (file) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        console.error('handleRemove');
+        const uploadFile = file instanceof File ? getFile(file) : file;
+        if (!uploadFile)
+            (0, utils_1.throwError)(SCOPE, 'file to be removed not found');
+        const doRemove = (file) => {
+            var _a;
+            console.warn('doRemove . file is ', file);
+            abort(file);
+            removeFile(file);
+            (_a = props.onRemove) === null || _a === void 0 ? void 0 : _a.call(props, file, uploadFiles.get());
+            revokeFileObjectURL(file);
+        };
+        if (props.beforeRemove) {
+            const before = yield props.beforeRemove(uploadFile, uploadFiles.get());
+            if (before !== false)
+                doRemove(uploadFile);
+        }
+        else {
+            doRemove(uploadFile);
+        }
+    });
+    function submit() {
+        console.warn('submit');
+        uploadFiles.get()
+            .filter(({ status }) => status === 'ready')
+            .forEach(({ raw }) => { var _a, _b; return raw && ((_b = (_a = uploadRef.get()) === null || _a === void 0 ? void 0 : _a.upload) === null || _b === void 0 ? void 0 : _b.call(_a, raw)); });
+    }
+    (0, signals_1.watch)(() => props.listType, (val) => {
+        var _a;
+        if (val !== 'picture-card' && val !== 'picture') {
+            return;
+        }
+        uploadFiles.set((_a = (0, signals_1.toRaw)(uploadFiles)) === null || _a === void 0 ? void 0 : _a.map((file) => {
+            var _a;
+            const { raw, url } = file;
+            if (!url && raw) {
+                try {
+                    file.url = URL.createObjectURL(raw);
+                }
+                catch (err) {
+                    (_a = props.onError) === null || _a === void 0 ? void 0 : _a.call(props, err, file, uploadFiles.get());
+                }
+            }
+            return file;
+        }));
+    });
+    (0, signals_1.watch)(uploadFiles, (files) => {
+        if (!files)
+            return;
+        for (const file of (0, signals_1.unref)(files)) {
+            file.uid || (file.uid = (0, td_upload_const_1.genFileId)());
+            file.status || (file.status = 'success');
+        }
+    });
+    return {
+        /** @description two-way binding ref from props `fileList` */
+        uploadFiles,
+        abort,
+        clearFiles,
+        handleError,
+        handleProgress,
+        handleStart,
+        handleSuccess,
+        handleRemove,
+        submit,
+        revokeFileObjectURL,
+    };
+};
+exports.useHandlers = useHandlers;

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

@@ -12,6 +12,7 @@ export { TdBreadcrumb } from './td-breadcrumb/td-breadcrumb.class';
 export type { ITdBreadcrumb } from './td-breadcrumb/td-breadcrumb.interface';
 export { TdBreadcrumbItem } from './td-breadcrumb-item/td-breadcrumb-item.class';
 export type { ITdBreadcrumbItem } from './td-breadcrumb-item/td-breadcrumb-item.interface';
+export * from './td-menu/index';
 export { TdTabs } from './td-tabs/td-tabs.class';
 export type * from './td-tabs/td-tabs.interface';
 export { TdTabPane } from './td-tab-pane/td-tab-pane.class';

package/src/components/navigation/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdTabPane = exports.TdTabs = exports.TdBreadcrumbItem = exports.TdBreadcrumb = exports.TdBackTop = exports.TdAnchorLink = exports.TdAnchor = exports.TdAffix = exports.TdMenu = void 0;
+const tslib_1 = require("tslib");
 var td_menu_class_1 = require("./td-menu/td-menu.class");
 Object.defineProperty(exports, "TdMenu", { enumerable: true, get: function () { return td_menu_class_1.TdMenu; } });
 var td_affix_class_1 = require("./td-affix/td-affix.class");
@@ -15,6 +16,8 @@ var td_breadcrumb_class_1 = require("./td-breadcrumb/td-breadcrumb.class");
 Object.defineProperty(exports, "TdBreadcrumb", { enumerable: true, get: function () { return td_breadcrumb_class_1.TdBreadcrumb; } });
 var td_breadcrumb_item_class_1 = require("./td-breadcrumb-item/td-breadcrumb-item.class");
 Object.defineProperty(exports, "TdBreadcrumbItem", { enumerable: true, get: function () { return td_breadcrumb_item_class_1.TdBreadcrumbItem; } });
+// menu
+tslib_1.__exportStar(require("./td-menu/index"), exports);
 var td_tabs_class_1 = require("./td-tabs/td-tabs.class");
 Object.defineProperty(exports, "TdTabs", { enumerable: true, get: function () { return td_tabs_class_1.TdTabs; } });
 var td_tab_pane_class_1 = require("./td-tab-pane/td-tab-pane.class");

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

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

package/src/components/navigation/td-affix/style/css.js

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

package/src/components/navigation/td-affix/td-affix.class.d.ts

@@ -1,5 +1,6 @@
 import { TypeDiv } from '@type-dom/framework';
 import { ITdAffix, AffixProps } from './td-affix.interface';
+import './style/index';
 export declare class TdAffix extends TypeDiv implements ITdAffix {
     className: 'TdAffix';
     props: AffixProps;

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

@@ -1,15 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdAffix = void 0;
+const tslib_1 = require("tslib");
 const utils_1 = require("@type-dom/utils");
 const signals_1 = require("@type-dom/signals");
 const framework_1 = require("@type-dom/framework");
 const use_namespace_1 = require("../../../hooks/use-namespace");
+const event_1 = require("../../../constants/event");
 const td_affix_const_1 = require("./td-affix.const");
+require("./style/index");
 class TdAffix extends framework_1.TypeDiv {
     constructor(params = {}) {
         super();
-        console.log('TdAffix constructor . ');
+        // console.log('TdAffix constructor . ');
         this.className = 'TdAffix';
         this.attr.addName('td-affix');
         this.addEmits(td_affix_const_1.affixEmits);
@@ -32,77 +35,112 @@ class TdAffix extends framework_1.TypeDiv {
         const scrollTop = (0, signals_1.signal)(0);
         const transform = (0, signals_1.signal)(0);
         const rootStyle = (0, signals_1.computed)(() => {
+            // console.warn('rootStyle . ');
+            // const height = fixed.get() && rootHeight.get() ? `${rootHeight.get()}px`: undefined;
+            // const width = fixed.get() && rootWidth.get() ? `${rootWidth.get()}px` : undefined;
+            const height = fixed.get() ? `${rootHeight.get()}px` : undefined;
+            const width = fixed.get() ? `${rootWidth.get()}px` : undefined;
+            // console.log('height is ', height);
+            // console.log('width is ', width);
             return {
-                height: fixed.get() ? `${rootHeight.get()}px` : '',
-                width: fixed.get() ? `${rootWidth.get()}px` : '',
+                height,
+                width,
             };
         });
         const affixStyle = (0, signals_1.computed)(() => {
+            // console.log('affixStyle . ');
             if (!fixed.get())
-                return {};
-            const offset = props.offset ? (0, utils_1.addUnit)(props.offset) : 0;
+                return {
+                    height: undefined,
+                    width: undefined,
+                    top: undefined,
+                    bottom: undefined,
+                    transform: undefined,
+                    zIndex: undefined,
+                };
+            const offsetY = props.offset ? (0, utils_1.addUnit)(props.offset) : 0;
+            const height = rootHeight.get() ? `${rootHeight.get()}px` : undefined;
+            const width = rootWidth.get() ? `${rootWidth.get()}px` : undefined;
+            const top = props.position === 'top' ? offsetY : '';
+            const transformY = transform.get() ? `translateY(${transform.get()}px)` : '';
             return {
-                height: `${rootHeight.get()}px`,
-                width: `${rootWidth.get()}px`,
-                top: props.position === 'top' ? offset : '',
-                bottom: props.position === 'bottom' ? offset : '',
-                transform: transform.get() ? `translateY(${transform.get()}px)` : '',
+                height,
+                width,
+                top,
+                bottom: props.position === 'bottom' ? offsetY : '',
+                transform: transformY,
                 zIndex: props.zIndex,
             };
         });
         const updateAffix = () => {
-            var _a;
-            if (!scrollContainer.get())
+            var _a, _b, _c;
+            // console.warn('updateAffix . ');
+            if (!scrollContainer.get()) {
+                // console.error(COMPONENT_NAME, 'Scroll container is not available.');
                 return;
+            }
             scrollTop.set(scrollContainer.get() instanceof Window
                 ? document.documentElement.scrollTop
                 : ((_a = scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.get()) === null || _a === void 0 ? void 0 : _a.scrollTop) || 0);
             const { position, target } = props;
-            const offset = props.offset;
-            const rootHeightOffset = offset + rootHeight.get();
+            // todo offset floatingui function, here cannot set .
+            // console.error('then offset . ');
+            const offset = (_b = props.offset) !== null && _b !== void 0 ? _b : 0;
+            const offsetY = (_c = props.offset) !== null && _c !== void 0 ? _c : 0;
+            const rootHeightOffset = offsetY + rootHeight.get();
             if (position === 'top') {
                 if (target) {
                     const difference = targetRect.bottom.get() - rootHeightOffset;
-                    fixed.set(offset > rootTop.get() && targetRect.bottom.get() > 0);
+                    fixed.set(offsetY > rootTop.get() && targetRect.bottom.get() > 0);
                     transform.set(difference < 0 ? difference : 0);
                 }
                 else {
-                    fixed.set(offset > rootTop.get());
+                    fixed.set(offsetY > rootTop.get());
+                    // console.warn('fixed.get() is ', fixed.get());
                 }
             }
             else if (target) {
                 const difference = windowHeight.get() - targetRect.top.get() - rootHeightOffset;
-                fixed.set(windowHeight.get() - offset < rootBottom.get() &&
+                fixed.set(windowHeight.get() - offsetY < rootBottom.get() &&
                     windowHeight.get() > targetRect.top.get());
                 transform.set(difference < 0 ? -difference : 0);
             }
             else {
-                fixed.set(windowHeight.get() - offset < rootBottom.get());
+                fixed.set(windowHeight.get() - offsetY < rootBottom.get());
             }
         };
-        const handleScroll = () => {
+        const handleScroll = () => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            // console.warn('handleScroll . ');
             updateRoot();
+            yield (0, framework_1.nextTick)();
             emit('scroll', {
                 scrollTop: scrollTop.get(),
                 fixed: fixed.get(),
             });
-        };
-        (0, signals_1.watch)(fixed, (val) => emit('change', val));
+        });
+        (0, signals_1.watch)(fixed, (val) => emit(event_1.CHANGE_EVENT, val));
         (0, framework_1.onMounted)(() => {
-            var _a;
-            if (props.target) {
-                target.set((_a = document.querySelector(props.target)) !== null && _a !== void 0 ? _a : undefined);
-                if (!target.get())
-                    (0, utils_1.throwError)(COMPONENT_NAME, `Target does not exist: ${props.target}`);
-            }
-            else {
-                target.set(document.documentElement);
-            }
-            scrollContainer.set((0, utils_1.getScrollContainer)(root.get(), true));
-            updateRoot();
+            // console.warn('onMounted . ');
+            (0, framework_1.nextFrame)(() => {
+                // console.warn('nextFrame . ');
+                if (props.target) {
+                    target.set(document.querySelector(props.target));
+                    if (!target.get()) {
+                        (0, utils_1.throwError)(COMPONENT_NAME, `Target does not exist: ${props.target}`);
+                        // console.error(COMPONENT_NAME, `Target does not exist: ${props.target}`);
+                        // return;
+                    }
+                }
+                else {
+                    target.set(document.documentElement);
+                }
+                scrollContainer.set((0, utils_1.getScrollContainer)(root.get(), true));
+                // console.warn('scrollContainer.get() is ', scrollContainer.get());
+                updateRoot();
+                (0, framework_1.useEventListener)(scrollContainer, 'scroll', handleScroll);
+                (0, signals_1.effect)(() => updateAffix());
+            });
         });
-        (0, framework_1.useEventListener)(scrollContainer, 'scroll', handleScroll);
-        (0, signals_1.effect)(updateAffix);
         (0, framework_1.defineExpose)({
             /** @description update affix status */
             updateAffix,
@@ -111,11 +149,15 @@ class TdAffix extends framework_1.TypeDiv {
         });
         this.assignProps({
             refDom: root,
-            class: ns.b(),
-            styleObj: rootStyle,
+            // class: ns.b(), // todo not set
+            // styleObj: rootStyle,
         });
+        this.attr.addClass(ns.b());
+        this.style.addObj(rootStyle);
         this.addChild(new framework_1.Div({
             class: (0, signals_1.computed)(() => [{ [ns.m('fixed')]: fixed.get() }]),
+            // class: computed(() => fixed.get() ? ns.m('fixed') : ''),
+            styleObj: affixStyle,
             slot: props.slot || ((_a = props.slots) === null || _a === void 0 ? void 0 : _a.default),
         }));
     }

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

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

package/src/components/navigation/td-anchor/style/css.js

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

package/src/components/navigation/td-anchor-link/style/css.d.ts

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-anchor-link.css';

package/src/components/navigation/td-anchor-link/style/css.js

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

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

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

package/src/components/navigation/td-backtop/style/css.js

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

package/src/components/navigation/td-backtop/td-backtop.class.d.ts

@@ -1,5 +1,6 @@
 import { TypeFragment } from '@type-dom/framework';
 import { ITdBackTop, BacktopProps } from './td-backtop.interface';
+import './style/index';
 export declare class TdBackTop extends TypeFragment implements ITdBackTop {
     className: 'TdBackTop';
     props: BacktopProps;

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

@@ -3,11 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdBackTop = 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");
 const signals_1 = require("@type-dom/signals");
+const use_namespace_1 = require("../../../hooks/use-namespace");
+const td_icon_class_1 = require("../../basic/td-icon/td-icon.class");
 const td_backtop_const_1 = require("./td-backtop.const");
 const use_backtop_1 = require("./use-backtop");
-const use_namespace_1 = require("../../../hooks/use-namespace");
+require("./style/index");
 class TdBackTop extends framework_1.TypeFragment {
     constructor(params = {}) {
         super(); // 要传 params， 否则 el 无法定位。

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.backtopEmits = exports.backtopProps = void 0;
 exports.backtopProps = {
     visibilityHeight: 200,
+    target: '',
     right: 40,
     bottom: 40,
 };

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

@@ -14,8 +14,9 @@ const useBackTop = (props, emit, componentName) => {
     const container = (0, signals_1.signal)();
     const visible = (0, signals_1.signal)(false);
     const handleScroll = () => {
-        if (el.get())
+        if (el.get()) {
             visible.set(el.get().scrollTop >= props.visibilityHeight);
+        }
     };
     const handleClick = (event) => {
         var _a;

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

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

package/src/components/navigation/td-breadcrumb/style/css.js

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

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

@@ -18,7 +18,7 @@ class TdBreadcrumb extends framework_1.TypeDiv {
     }
     setup() {
         var _a;
-        console.log('TdBreadcrumb setup . ');
+        // console.log('TdBreadcrumb setup . ');
         const { t } = (0, use_locale_1.useLocale)();
         const props = this.props;
         const ns = (0, use_namespace_1.useNamespace)('breadcrumb');

package/src/components/navigation/td-breadcrumb-item/style/css.d.ts

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-breadcrumb-item.css';

package/src/components/navigation/td-breadcrumb-item/style/css.js

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

package/src/components/navigation/td-breadcrumb-item/td-breadcrumb-item.interface.d.ts

@@ -1,4 +1,5 @@
-import { ITypeSpan, Router, TypeSpanProps } from '@type-dom/framework';
+import { ITypeSpan, TypeSpanProps } from '@type-dom/framework';
+import { Router } from '@type-dom/router';
 export interface ITdBreadcrumbItem extends ITypeSpan {
     className: 'TdBreadcrumbItem';
 }

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

@@ -1,4 +1,4 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/components/button/style/css';
 import '@element-plus/components/button-group/style/css';
 import '@element-plus/components/popper/style/css';

package/src/components/navigation/td-dropdown/style/css.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/components/button/style/css");
 require("@element-plus/components/button-group/style/css");
 require("@element-plus/components/popper/style/css");

package/src/components/navigation/td-dropdown-item/style/css.d.ts

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-dropdown-item.css';

package/src/components/navigation/td-dropdown-item/style/css.js

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

package/src/components/navigation/td-menu/index.d.ts

@@ -0,0 +1,9 @@
+export { TdMenu } from './td-menu.class';
+export type * from './td-menu.class';
+export { TdMenuItem } from './td-menu-item/td-menu-item.class';
+export type * from './td-menu-item/td-menu-item.class';
+export { TdMenuCollapseTransition } from './td-menu-collapse-transition/td-menu-collapse-transition.class';
+export { TdMenuItemGroup } from './td-menu-item-group/td-menu-item-group.class';
+export type * from './td-menu-item-group/td-menu-item-group.class';
+export { TdSubMenu } from './td-sub-menu/td-sub-menu.class';
+export type * from './td-sub-menu/td-sub-menu.class';

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TdSubMenu = exports.TdMenuItemGroup = exports.TdMenuCollapseTransition = exports.TdMenuItem = exports.TdMenu = void 0;
+var td_menu_class_1 = require("./td-menu.class");
+Object.defineProperty(exports, "TdMenu", { enumerable: true, get: function () { return td_menu_class_1.TdMenu; } });
+var td_menu_item_class_1 = require("./td-menu-item/td-menu-item.class");
+Object.defineProperty(exports, "TdMenuItem", { enumerable: true, get: function () { return td_menu_item_class_1.TdMenuItem; } });
+var td_menu_collapse_transition_class_1 = require("./td-menu-collapse-transition/td-menu-collapse-transition.class");
+Object.defineProperty(exports, "TdMenuCollapseTransition", { enumerable: true, get: function () { return td_menu_collapse_transition_class_1.TdMenuCollapseTransition; } });
+var td_menu_item_group_class_1 = require("./td-menu-item-group/td-menu-item-group.class");
+Object.defineProperty(exports, "TdMenuItemGroup", { enumerable: true, get: function () { return td_menu_item_group_class_1.TdMenuItemGroup; } });
+var td_sub_menu_class_1 = require("./td-sub-menu/td-sub-menu.class");
+Object.defineProperty(exports, "TdSubMenu", { enumerable: true, get: function () { return td_sub_menu_class_1.TdSubMenu; } });

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

@@ -1,3 +1,3 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-menu.css';
-import '@element-plus/components/tooltip/style/css';
+import '../../../feedback/td-tooltip/style/css';

package/src/components/navigation/td-menu/style/css.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-menu.css");
-require("@element-plus/components/tooltip/style/css");
+require("../../../feedback/td-tooltip/style/css");

package/src/components/navigation/td-menu/td-menu-collapse-transition/td-menu-collapse-transition.class.d.ts

@@ -0,0 +1,6 @@
+import { TypeFragment, TypeFragmentProps } from '@type-dom/framework';
+export declare class TdMenuCollapseTransition extends TypeFragment {
+    className: 'TdMenuCollapseTransition';
+    constructor(params?: TypeFragmentProps);
+    setup(): void;
+}