tuikit-atomicx-vue3 3.3.0-beta.3 → 3.3.0

package/dist/components/ConversationList/ConversationListContent/ConversationListContent.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createBlock, createCommentVNode, resolveDynamicComponent, normalizeProps, mergeProps } from "vue";
+import { defineComponent, h, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createBlock, createCommentVNode, resolveDynamicComponent } from "vue";
 import ConversationPlaceHolder from "../ConversationPlaceHolder/ConversationPlaceHolder.js";
 import { PlaceHolderTypes } from "../../../types/conversation.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
@@ -9,17 +9,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     empty: { type: Boolean, default: false },
     loading: { type: Boolean, default: false },
     error: { type: Boolean, default: false },
-    PlaceholderEmptyList: { default: () => ({
-      component: ConversationPlaceHolder,
-      props: { type: PlaceHolderTypes.NO_CONVERSATIONS }
+    PlaceholderEmptyList: { default: () => h(ConversationPlaceHolder, {
+      type: PlaceHolderTypes.NO_CONVERSATIONS
     }) },
-    PlaceholderLoading: { default: () => ({
-      component: ConversationPlaceHolder,
-      props: { type: PlaceHolderTypes.LOADING }
+    PlaceholderLoading: { default: () => h(ConversationPlaceHolder, {
+      type: PlaceHolderTypes.LOADING
     }) },
-    PlaceholderLoadError: { default: () => ({
-      component: ConversationPlaceHolder,
-      props: { type: PlaceHolderTypes.WRONG }
+    PlaceholderLoadError: { default: () => h(ConversationPlaceHolder, {
+      type: PlaceHolderTypes.WRONG
     }) },
     className: {},
     style: {}
@@ -30,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass([_ctx.$style.conversationListContent, _ctx.className]),
         style: normalizeStyle(_ctx.style)
       }, [
-        !_ctx.error && !_ctx.loading && !_ctx.empty ? renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.error ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.PlaceholderLoadError.component), normalizeProps(mergeProps({ key: 1 }, _ctx.PlaceholderLoadError.props)), null, 16)) : _ctx.loading ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.PlaceholderLoading.component), normalizeProps(mergeProps({ key: 2 }, _ctx.PlaceholderLoading.props)), null, 16)) : _ctx.empty ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.PlaceholderEmptyList.component), normalizeProps(mergeProps({ key: 3 }, _ctx.PlaceholderEmptyList.props)), null, 16)) : createCommentVNode("", true)
+        !_ctx.error && !_ctx.loading && !_ctx.empty ? renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.error ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.PlaceholderLoadError), { key: 1 })) : _ctx.loading ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.PlaceholderLoading), { key: 2 })) : _ctx.empty ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.PlaceholderEmptyList), { key: 3 })) : createCommentVNode("", true)
       ], 6);
     };
   }

package/dist/components/ConversationList/ConversationListContent/ConversationListContent.vue.d.ts

@@ -1,4 +1,4 @@
-import { PlaceHolderTypes, ConversationListContentProps } from '../../../types';
+import { ConversationListContentProps } from '../../../types';
 
 declare function __VLS_template(): {
     default?(_: {}): any;
@@ -7,353 +7,35 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     empty: boolean;
     loading: boolean;
     error: boolean;
-    PlaceholderEmptyList: () => {
-        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>> & Readonly<{}>, {
-            type: PlaceHolderTypes;
-            className: string;
-            iconSize: number;
-            searchString: string;
-            retry: () => void;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        props: {
-            type: PlaceHolderTypes;
-        };
-    };
-    PlaceholderLoading: () => {
-        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>> & Readonly<{}>, {
-            type: PlaceHolderTypes;
-            className: string;
-            iconSize: number;
-            searchString: string;
-            retry: () => void;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        props: {
-            type: PlaceHolderTypes;
-        };
-    };
-    PlaceholderLoadError: () => {
-        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>> & Readonly<{}>, {
-            type: PlaceHolderTypes;
-            className: string;
-            iconSize: number;
-            searchString: string;
-            retry: () => void;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        props: {
-            type: PlaceHolderTypes;
-        };
-    };
+    PlaceholderEmptyList: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    PlaceholderLoading: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    PlaceholderLoadError: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ConversationListContentProps>, {
     empty: boolean;
     loading: boolean;
     error: boolean;
-    PlaceholderEmptyList: () => {
-        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>> & Readonly<{}>, {
-            type: PlaceHolderTypes;
-            className: string;
-            iconSize: number;
-            searchString: string;
-            retry: () => void;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        props: {
-            type: PlaceHolderTypes;
-        };
-    };
-    PlaceholderLoading: () => {
-        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>> & Readonly<{}>, {
-            type: PlaceHolderTypes;
-            className: string;
-            iconSize: number;
-            searchString: string;
-            retry: () => void;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        props: {
-            type: PlaceHolderTypes;
-        };
-    };
-    PlaceholderLoadError: () => {
-        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>> & Readonly<{}>, {
-            type: PlaceHolderTypes;
-            className: string;
-            iconSize: number;
-            searchString: string;
-            retry: () => void;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        props: {
-            type: PlaceHolderTypes;
-        };
-    };
+    PlaceholderEmptyList: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    PlaceholderLoading: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    PlaceholderLoadError: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
 }>>> & Readonly<{}>, {
     error: boolean;
     loading: boolean;
-    PlaceholderEmptyList: any;
+    PlaceholderEmptyList: import('vue').Component;
     empty: boolean;
-    PlaceholderLoading: any;
-    PlaceholderLoadError: any;
+    PlaceholderLoading: import('vue').Component;
+    PlaceholderLoadError: import('vue').Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;