@type-dom/ui 0.1.1 → 0.1.2

package/src/components/data/td-tag/td-tag.style.js

@@ -51,13 +51,13 @@ function genTheme($backgroundColorWeight, $borderColorWeight, $hoverColorWeight)
             textColor: var_1.$colors[type].base,
             hit: var_1.$colors[type].base,
         };
-        console.log('$tagTypes[type] is ', exports.$tagTypes[type]);
+        // console.log('$tagTypes[type] is ', $tagTypes[type]);
     }
     const hoverColor = returnVarList($hoverColorWeight, 'primary');
-    console.log('hoverColor is ', hoverColor);
+    // console.log('hoverColor is ', hoverColor);
 }
 function returnVarList($var, $type = 'primary') {
-    console.log('returnVarList . ');
+    // console.log('returnVarList . ');
     let $list = var_1.$fillColor.blank;
     if ($var !== false) {
         $list = var_1.$colors[$type] && var_1.$colors[$type][$var || 'base'];

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

@@ -8,6 +8,8 @@ export type * from './td-message/td-message.interface';
 export * from './td-message-box/index';
 export { TdNotification } from './td-notification/index';
 export * from './td-loading/index';
+export { TdPopconfirm } from './td-popconfirm/td-popconfirm.class';
+export type * from './td-popconfirm/td-popconfirm.interface';
 export type * from './td-popper/td-popper.interface';
 export { TdPopover } from './td-popover/td-popover.class';
 export type * from './td-popover/td-popover.interface';

package/src/components/feedback/index.js

@@ -2,7 +2,7 @@
 // export { Dialog } from './dialog/dialog.class';
 // export { MessageBox } from './message-box/message-box';
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdTooltip = exports.TdPopover = exports.TdNotification = exports.TdMessage = exports.TdDialog = exports.TdAlert = void 0;
+exports.TdTooltip = exports.TdPopover = exports.TdPopconfirm = exports.TdNotification = exports.TdMessage = exports.TdDialog = exports.TdAlert = void 0;
 const tslib_1 = require("tslib");
 var td_alert_class_1 = require("./td-alert/td-alert.class");
 Object.defineProperty(exports, "TdAlert", { enumerable: true, get: function () { return td_alert_class_1.TdAlert; } });
@@ -18,6 +18,8 @@ var index_1 = require("./td-notification/index");
 Object.defineProperty(exports, "TdNotification", { enumerable: true, get: function () { return index_1.TdNotification; } });
 // export type * from './td-notification/td-notification.interface';
 tslib_1.__exportStar(require("./td-loading/index"), exports);
+var td_popconfirm_class_1 = require("./td-popconfirm/td-popconfirm.class");
+Object.defineProperty(exports, "TdPopconfirm", { enumerable: true, get: function () { return td_popconfirm_class_1.TdPopconfirm; } });
 var td_popover_class_1 = require("./td-popover/td-popover.class");
 Object.defineProperty(exports, "TdPopover", { enumerable: true, get: function () { return td_popover_class_1.TdPopover; } });
 var td_tooltip_class_1 = require("./td-tooltip/td-tooltip.class");

package/src/components/feedback/td-alert/td-alert.class.js

@@ -25,7 +25,7 @@ class TdAlert extends framework_1.TypeFragment {
         const iconComponent = (0, signals_1.computed)(() => svgs_1.TypeComponentsMap[props.type]);
         const hasDesc = (0, signals_1.computed)(() => !!(props.description || (slots === null || slots === void 0 ? void 0 : slots.default)));
         const close = (evt) => {
-            console.log('close . ');
+            // console.log('close . ');
             visible.set(false);
             this.emit('close', evt);
         };
@@ -36,7 +36,7 @@ class TdAlert extends framework_1.TypeFragment {
             ns.is('center', center),
             ns.is(effect),
         ];
-        console.warn('alertKls is ', alertKls);
+        // console.warn('alertKls is ', alertKls);
         this.addChild(new framework_1.Transition({
             name: ns.b('fade'),
             slot: new framework_1.Div({
@@ -55,7 +55,7 @@ class TdAlert extends framework_1.TypeFragment {
                     new td_icon_class_1.TdIcon({
                         vIf: props.showIcon && iconComponent,
                         class: [ns.e('icon'), { [ns.is('big')]: hasDesc }],
-                        slot: new (iconComponent.get())(),
+                        slot: (slots === null || slots === void 0 ? void 0 : slots.icon) || new (iconComponent.get())(),
                     }),
                     new framework_1.Div({
                         class: ns.e('content'),

package/src/components/feedback/td-alert/td-alert.style.js

@@ -4,8 +4,6 @@ exports.$alertCloseBtnStyle = exports.$alertDescriptionStyle = exports.$alertTit
 exports.useStyle = useStyle;
 exports.useType = useType;
 const var_1 = require("../../../styles/var");
-// import '../../../styles/base/style/index'
-// import '../../../theme-chalk/src/alert.scss'
 exports.$alert = {
     padding: '8px 16px',
     // 'border-radius-base': getCssVar('border-radius-base'),

package/src/components/feedback/td-dialog/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-dialog.css';
 import '@element-plus/components/overlay/style/css';

package/src/components/feedback/td-dialog/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-dialog.css");
 require("@element-plus/components/overlay/style/css");

package/src/components/feedback/td-dialog/td-dialog.class.js

@@ -18,7 +18,7 @@ require("./style/index");
 class TdDialog extends framework_1.TypeFragment {
     constructor(params = {}) {
         super();
-        console.log('TdDialog . ');
+        // console.log('TdDialog . ');
         this.className = 'TdDialog';
         this.addEmits(td_dialog_const_1.dialogEmits);
         this.assignProps(td_dialog_const_1.dialogProps);
@@ -77,6 +77,7 @@ class TdDialog extends framework_1.TypeFragment {
                         zIndex: zIndex,
                     },
                     slot: new framework_1.Div({
+                        class: `${ns.namespace.get()}-overlay-dialog`,
                         styleObj: overlayDialogStyle,
                         attrObj: {
                             role: 'dialog',
@@ -84,7 +85,6 @@ class TdDialog extends framework_1.TypeFragment {
                             ariaLabel: props.title,
                             ariaLabelledby: !props.title ? titleId.get() : undefined,
                             ariaDescribedby: bodyId.get(),
-                            class: `${ns.namespace.get()}-overlay-dialog`,
                         },
                         events: {
                             click: overlayEvent.onClick,
@@ -111,7 +111,7 @@ class TdDialog extends framework_1.TypeFragment {
                                     center: props.center,
                                     alignCenter: props.alignCenter,
                                     closeIcon: props.closeIcon,
-                                    draggable: draggable.get(),
+                                    draggable: draggable,
                                     overflow: props.overflow,
                                     fullscreen: props.fullscreen,
                                     headerClass: props.headerClass,

package/src/components/feedback/td-dialog/use-dialog.js

@@ -148,7 +148,7 @@ const useDialog = (props, targetRef) => {
         }
     }
     (0, signals_1.watch)(() => { var _a; return (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get(); }, (val) => {
-        console.warn('watch vModel val is ', val);
+        // console.warn('watch vModel val is ', val);
         if (val) {
             closed.set(false);
             open();

package/src/components/feedback/td-dialog-content/td-dialog-content.class.js

@@ -30,13 +30,13 @@ class TdDialogContent extends framework_1.TypeDiv {
         const dialogKls = (0, signals_1.computed)(() => [
             ns.b(),
             ns.is('fullscreen', props.fullscreen),
-            ns.is('draggable', props.draggable),
+            ns.is('draggable', (0, signals_1.unref)(props.draggable)),
             ns.is('align-center', props.alignCenter),
             { [ns.m('center')]: props.center },
         ]);
         const composedDialogRef = (0, refs_1.composeRefs)(focusTrapRef, dialogRef);
-        const draggable = (0, signals_1.computed)(() => props.draggable);
-        console.log('draggable is ', draggable.get());
+        const draggable = (0, signals_1.computed)(() => (0, signals_1.unref)(props.draggable));
+        // console.log('draggable is ', draggable.get());
         const overflow = (0, signals_1.computed)(() => props.overflow);
         const { resetPosition } = (0, use_draggable_1.useDraggable)(dialogRef, headerRef, draggable, overflow);
         (0, framework_1.defineExpose)({
@@ -49,7 +49,7 @@ class TdDialogContent extends framework_1.TypeDiv {
             // refDom: composedDialogRef,
             refDom: dialogRef,
         });
-        console.log('then addClass dialogKls is ', dialogKls.get());
+        // console.log('then addClass dialogKls is ', dialogKls.get());
         this.attr.addClass(dialogKls);
         this.style.addObj(style);
         this.addChildren(new framework_1.Header({

package/src/components/feedback/td-dialog-content/td-dialog-content.interface.d.ts

@@ -1,4 +1,5 @@
 import { ITypeDiv, TypeDivProps } from '@type-dom/framework';
+import { MaybeRef } from '@type-dom/signals';
 import { TdIcon } from '../../basic/td-icon/td-icon.class';
 export interface ITdDialogContent extends ITypeDiv {
     className: 'TdDialogContent';
@@ -19,7 +20,7 @@ export interface DialogContentProps extends TypeDivProps {
     /**
      * @description enable dragging feature for Dialog
      */
-    draggable?: boolean;
+    draggable?: MaybeRef<boolean | undefined>;
     /**
      * @description draggable Dialog can overflow the viewport
      */

package/src/components/feedback/td-focus-trap/td-focus-trap.class.js

@@ -259,9 +259,11 @@ class TdFocusTrap extends framework_1.TypeFragment {
             // todo
             handleKeydown: onKeydown,
         });
-        this.slotChildren((_a = props.slot) === null || _a === void 0 ? void 0 : _a.call(props, {
-            handleKeydown: onKeydown,
-        }));
+        this.slotChildren((0, utils_1.isFunction)(props.slot) ?
+            (_a = props.slot) === null || _a === void 0 ? void 0 : _a.call(props, {
+                handleKeydown: onKeydown,
+            })
+            : props.slot);
     }
 }
 exports.TdFocusTrap = TdFocusTrap;

package/src/components/feedback/td-focus-trap/td-focus-trap.interface.d.ts

@@ -1,4 +1,4 @@
-import { ITypeFragment, TypeFragmentProps, ISlotRaw } from '@type-dom/framework';
+import { ITypeFragment, TypeFragmentProps } from '@type-dom/framework';
 import { ON_RELEASE_FOCUS_EVT, ON_TRAP_FOCUS_EVT } from './tokens';
 import { MaybeRef } from '@type-dom/signals';
 export interface ITdFocusTrap extends ITypeFragment {
@@ -10,7 +10,6 @@ export interface FocusTrapProps extends TypeFragmentProps {
     trapOnFocusIn?: boolean;
     focusTrapEl?: MaybeRef<HTMLElement | undefined>;
     focusStartEl?: MaybeRef<'container' | 'first' | HTMLElement | undefined>;
-    slot?: (arg?: any) => ISlotRaw | ISlotRaw[];
     emits?: {
         [ON_TRAP_FOCUS_EVT]?: () => void;
         [ON_RELEASE_FOCUS_EVT]?: () => void;

package/src/components/feedback/td-focus-trap/utils.d.ts

@@ -1,4 +1,4 @@
-declare const focusReason: import("@type-dom/signals").Signal<"pointer" | "keyboard" | undefined>;
+declare const focusReason: import("@type-dom/signals").Signal<"pointer" | "keyboard">;
 declare const lastUserFocusTimestamp: import("@type-dom/signals").Signal<number>;
 declare const lastAutomatedFocusTimestamp: import("@type-dom/signals").Signal<number>;
 export type FocusLayer = {

package/src/components/feedback/td-loading/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-loading.css';

package/src/components/feedback/td-loading/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-loading.css");

package/src/components/feedback/td-message/instance.js

@@ -8,7 +8,7 @@ exports.getOffsetOrSpace = exports.getLastOffset = exports.getInstance = exports
 const signals_1 = require("@type-dom/signals");
 exports.instances = (0, signals_1.signal)([]);
 const getInstance = (id) => {
-    console.warn('getInstance, id is ', id);
+    // console.warn('getInstance, id is ', id);
     const idx = exports.instances.get().findIndex((instance) => instance.id === id);
     const current = exports.instances.get()[idx];
     let prev;
@@ -19,7 +19,7 @@ const getInstance = (id) => {
 };
 exports.getInstance = getInstance;
 const getLastOffset = (id) => {
-    console.warn('getLastOffset, id is ', id);
+    // console.warn('getLastOffset, id is ', id);
     const { prev } = (0, exports.getInstance)(id);
     if (!prev)
         return 0;
@@ -28,7 +28,7 @@ const getLastOffset = (id) => {
 };
 exports.getLastOffset = getLastOffset;
 const getOffsetOrSpace = (id, offset) => {
-    console.warn('getOffsetOrSpace, id is ', id);
+    // console.warn('getOffsetOrSpace, id is ', id);
     const idx = exports.instances.get().findIndex((instance) => instance.id === id);
     return idx > 0 ? 16 : offset;
 };

package/src/components/feedback/td-message/method.js

@@ -52,7 +52,7 @@ const normalizeOptions = (params /* | (() => TypeNode)MessageParams*/) => {
             (0, utils_1.debugWarn)('TdMessage', 'the appendTo option is not an HTMLElement. Falling back to document.body.');
             appendTo = document.body;
         }
-        console.error('appendTo is ', appendTo);
+        // console.error('appendTo is ', appendTo);
         normalized.appendTo = appendTo;
     }
     // When grouping is configured globally,
@@ -91,7 +91,7 @@ const createMessage = (_a) => {
         // now the zIndex will be used inside the message.vue component instead of here.
         // zIndex: nextIndex() + options.zIndex
         id, onClose: () => {
-            console.error('createMessage props onClose ');
+            // console.error('createMessage props onClose ');
             userOnClose === null || userOnClose === void 0 ? void 0 : userOnClose();
             (0, exports.closeMessage)(instance);
         }, emits: {
@@ -143,11 +143,11 @@ const createMessage = (_a) => {
 };
 const message = (options = {}) => {
     var _a, _b, _c, _d;
-    console.log('message options is ', options);
+    // console.log('message options is ', options);
     if (!utils_1.isClient)
         return { close: () => undefined };
     const normalized = normalizeOptions(options);
-    console.error('normalized is ', normalized);
+    // console.error('normalized is ', normalized);
     if (normalized.grouping && instance_1.instances.get().length) {
         const instance = instance_1.instances
             .get()

package/src/components/feedback/td-message/style/css.d.ts

@@ -1,3 +1,3 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/components/badge/style/css';
 import '@element-plus/theme-chalk/el-message.css';

package/src/components/feedback/td-message/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/components/badge/style/css");
 require("@element-plus/theme-chalk/el-message.css");

package/src/components/feedback/td-message/td-message.class.js

@@ -94,7 +94,7 @@ class MessageClass extends framework_1.TypeFragment {
             // onBeforeLeave: props.onClose, // todo 会提前消除 instance
             onAfterLeave: () => {
                 var _a;
-                console.error('TdMessage Transition afterLeave');
+                // console.error('TdMessage Transition afterLeave');
                 (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
                 emit('destroy');
             },

package/src/components/feedback/td-message-box/message-box.js

@@ -1,4 +1,18 @@
 "use strict";
+// import { createVNode, isVNode, render } from 'vue'
+// import {
+//   debugWarn,
+//   hasOwn,
+//   isClient,
+//   isElement,
+//   isFunction,
+//   isObject,
+//   isString,
+//   isUndefined,
+// } from '@element-plus/utils'
+// import MessageBoxConstructor from './index.vue'
+//
+// import type { AppContext, ComponentPublicInstance, VNode } from 'vue'
 Object.defineProperty(exports, "__esModule", { value: true });
 const framework_1 = require("@type-dom/framework");
 const utils_1 = require("@type-dom/utils");
@@ -48,13 +62,13 @@ const genContainer = () => {
 };
 const showMessage = (options) => {
     var _a;
-    console.warn('showMessage options is ', options);
+    // console.warn('showMessage options is ', options);
     const container = genContainer();
     // Adding destruct method.
     // when transition leaves emitting `vanish` evt. so that we can do the clean job.
     options.emits = {};
     options.emits.vanish = () => {
-        console.warn('showMessage options emits vanish ');
+        // console.warn('showMessage options emits vanish ');
         // not sure if this causes mem leak, need proof to verify that.
         // maybe calling out like 1000 msg-box then close them all.
         // render(null, container) // todo
@@ -81,7 +95,13 @@ const showMessage = (options) => {
                     currentMsg.reject('close');
                 }
                 else {
-                    currentMsg.reject('cancel');
+                    try {
+                        // currentMsg.reject('cancel'); // todo 会有什么影响？？？
+                    }
+                    catch (e) {
+                        console.error(e);
+                    }
+                    // currentMsg.reject('cancel');
                 }
             }
             else {
@@ -102,6 +122,11 @@ const showMessage = (options) => {
     // >
     for (const prop in options) {
         if ((0, utils_1.hasOwn)(options, prop) && !(0, utils_1.hasOwn)(vm.props, prop)) {
+            // if (prop === 'closeIcon' && isObject(options[prop])) {
+            //   (vm as any)[prop] = markRaw(options[prop])
+            // } else {
+            //   (vm as any)[prop] = options[prop]
+            // }
             vm[prop] = options[prop];
         }
     }
@@ -112,7 +137,7 @@ const showMessage = (options) => {
 function MessageBox(options
 // appContext: AppContext | null = null
 ) {
-    console.warn('MessageBox options is ', options);
+    // console.warn('MessageBox options is ', options);
     if (!utils_1.isClient)
         return Promise.reject();
     let callback;
@@ -135,7 +160,7 @@ function MessageBox(options
             resolve,
             reject,
         });
-        console.warn('messageInstance is ', messageInstance);
+        // console.warn('messageInstance is ', messageInstance);
     });
 }
 const MESSAGE_BOX_VARIANTS = ['alert', 'confirm', 'prompt'];

package/src/components/feedback/td-message-box/style/css.d.ts

@@ -1,4 +1,4 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-message-box.css';
 import '@element-plus/components/button/style/css';
 import '@element-plus/components/input/style/css';

package/src/components/feedback/td-message-box/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/theme-chalk/el-message-box.css");
 require("@element-plus/components/button/style/css");
 require("@element-plus/components/input/style/css");

package/src/components/feedback/td-message-box/td-message-box.class.js

@@ -23,7 +23,7 @@ class TdMessageBox extends framework_1.TypeFragment {
         super();
         this.className = 'TdMessageBox';
         this.assignProps(td_message_box_const_1.messageBoxProps);
-        console.warn('params is ', params);
+        // console.warn('params is ', params);
         this.props = this.useParams(params);
     }
     setup() {
@@ -92,7 +92,7 @@ class TdMessageBox extends framework_1.TypeFragment {
         const confirmButtonClasses = (0, signals_1.computed)(() => state.confirmButtonClass);
         (0, signals_1.watch)(() => { var _a; return (_a = state.inputValue) === null || _a === void 0 ? void 0 : _a.get(); }, (val) => tslib_1.__awaiter(this, void 0, void 0, function* () {
             yield (0, framework_1.nextTick)();
-            console.log('watch state.inputValue , val is ', val);
+            // console.log('watch state.inputValue , val is ', val);
             if (props.boxType === 'prompt' && val !== undefined) {
                 validate();
             }
@@ -431,7 +431,7 @@ class TdMessageBox extends framework_1.TypeFragment {
                                                         styleObj: {
                                                             visibility: (0, signals_1.computed)(() => {
                                                                 var _a;
-                                                                return !!((_a = state.editorErrorMessage) === null || _a === void 0 ? void 0 : _a.get())
+                                                                return ((_a = state.editorErrorMessage) === null || _a === void 0 ? void 0 : _a.get())
                                                                     ? 'visible'
                                                                     : 'hidden';
                                                             }),

package/src/components/feedback/td-message-box/td-message-box.interface.d.ts

@@ -85,6 +85,8 @@ export interface TdMessageBoxOptions {
     customClass?: string;
     /** Custom inline style for MessageBox */
     customStyle?: IStyle;
+    /** modal class name for MessageBox */
+    modalClass?: string;
     /** MessageBox closing callback if you don't prefer Promise */
     callback?: Callback;
     /** Text content of cancel button, need to reactivity */

package/src/components/feedback/td-notification/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-notification.css';

package/src/components/feedback/td-notification/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-notification.css");

package/src/components/feedback/td-notification/td-notification.class.js

@@ -89,11 +89,11 @@ class TdNotification extends framework_1.TypeFragment {
             name: 'fade',
             onBeforeLeave: () => {
                 var _a;
-                console.log('beforeLeave');
+                // console.log('beforeLeave');
                 (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
             },
             onAfterLeave: () => {
-                console.log('afterLeave');
+                // console.log('afterLeave');
                 emit('destroy');
             },
             slot: new framework_1.Div({
@@ -128,7 +128,7 @@ class TdNotification extends framework_1.TypeFragment {
                             new framework_1.Div({
                                 vShow: props.message,
                                 class: ns.e('content'),
-                                styleObj: !!props.title ? undefined : { margin: 0 },
+                                styleObj: props.title ? undefined : { margin: 0 },
                                 slot: (_c = (_a = props.slot) !== null && _a !== void 0 ? _a : (_b = props.slots) === null || _b === void 0 ? void 0 : _b.default) !== null && _c !== void 0 ? _c : [
                                     !props.dangerouslyUseHTMLString
                                         ? new framework_1.P({

package/src/components/feedback/td-only-child/td-only-child.class.js

@@ -9,14 +9,14 @@ class TdOnlyChild extends framework_1.TypeFragment {
     constructor(params = {}) {
         super();
         this.className = 'TdOnlyChild';
-        console.log('TdOnlyChild.constructor', params);
+        // console.log('TdOnlyChild.constructor', params);
         this.slotChildren(params.slot);
         this.props = this.useParams(params);
     }
     // todo
     setup() {
         var _a;
-        console.log('TdOnlyChild.setup', this.props);
+        // console.log('TdOnlyChild.setup', this.props);
         const forwardRefInjection = this.inject(use_forward_ref_1.FORWARD_REF_INJECTION_KEY);
         const forwardRefDirective = (0, use_forward_ref_1.useForwardRefDirective)((_a = forwardRefInjection === null || forwardRefInjection === void 0 ? void 0 : forwardRefInjection.setForwardRef) !== null && _a !== void 0 ? _a : utils_1.NOOP);
         // const defaultSlot = this.props.slots?.default || this.props.slot;

package/src/components/feedback/td-overlay/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-overlay.css';

package/src/components/feedback/td-overlay/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-overlay.css");

package/src/components/feedback/td-overlay/td-overlay.interface.d.ts

@@ -1,12 +1,12 @@
 import { Property } from '@type-dom/css-type';
-import { ITypeDiv, TypeDivProps } from '@type-dom/framework';
+import { ClassValue, ITypeDiv, TypeDivProps } from '@type-dom/framework';
 export interface ITdOverlay extends ITypeDiv {
     className: 'TdOverlay';
 }
 export interface OverlayProps extends TypeDivProps {
     mask?: boolean;
     customMaskEvent?: boolean;
-    overlayClass?: string | (string | undefined)[] | Record<string, boolean | unknown>;
+    overlayClass?: ClassValue;
     zIndex?: Property.ZIndex;
     emits?: {
         click: (event: MouseEvent) => void;

package/src/components/feedback/td-popconfirm/style/css.d.ts

@@ -0,0 +1,4 @@
+import '../../../base/style/css';
+import '@element-plus/theme-chalk/el-popconfirm.css';
+import '@element-plus/components/popover/style/css';
+import '@element-plus/components/button/style/css';

package/src/components/feedback/td-popconfirm/style/css.js

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

package/src/components/feedback/td-popconfirm/style/index.d.ts

@@ -0,0 +1,4 @@
+import '../../../base/style';
+import '../../../../theme-chalk/popconfirm.scss';
+import '../../../feedback/td-popover/style';
+import '../../../basic/td-button/style';

package/src/components/feedback/td-popconfirm/style/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../../../base/style");
+require("../../../../theme-chalk/popconfirm.scss");
+require("../../../feedback/td-popover/style");
+require("../../../basic/td-button/style");

package/src/components/feedback/td-popconfirm/td-popconfirm.class.d.ts

@@ -0,0 +1,9 @@
+import { TypeFragment } from '@type-dom/framework';
+import { ITdPopconfirm, PopconfirmProps } from './td-popconfirm.interface';
+import './style';
+export declare class TdPopconfirm extends TypeFragment implements ITdPopconfirm {
+    className: 'TdPopconfirm';
+    props: PopconfirmProps;
+    constructor(params?: PopconfirmProps);
+    setup(): void;
+}