@yh-ui/components 1.0.30 → 1.0.36

package/dist/dropdown/src/dropdown-item.d.vue.ts

@@ -0,0 +1,78 @@
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly command: {
+        readonly type: import("vue").PropType<string | number | object>;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly divided: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly icon: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly danger: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly checked: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly command: {
+        readonly type: import("vue").PropType<string | number | object>;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly divided: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly icon: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly danger: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly checked: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    readonly icon: string;
+    readonly disabled: boolean;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly danger: boolean;
+    readonly command: string | number | object;
+    readonly checked: boolean;
+    readonly divided: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown/src/dropdown-item.vue

@@ -9,7 +9,10 @@ defineOptions({
 });
 const props = defineProps(dropdownItemProps);
 const ns = useNamespace("dropdown");
-const { themeStyle } = useComponentTheme("dropdown-item", computed(() => props.themeOverrides));
+const { themeStyle } = useComponentTheme(
+  "dropdown-item",
+  computed(() => props.themeOverrides)
+);
 const dropdown = inject(DROPDOWN_INJECTION_KEY, null);
 const classes = computed(() => [
   ns.e("item"),
@@ -29,7 +32,11 @@ const handleClick = () => {
 <template>
   <div v-if="divided" :class="ns.e('divider')" />
   <div :class="classes" :style="themeStyle" @click="handleClick">
-    <YhIcon v-if="dropdown?.checkable.value" :name="checked ? 'check' : ''" :class="ns.e('check-icon')" />
+    <YhIcon
+      v-if="dropdown?.checkable.value"
+      :name="checked ? 'check' : ''"
+      :class="ns.e('check-icon')"
+    />
     <YhIcon v-if="icon" :name="icon" :class="ns.e('item-icon')" />
     <slot />
   </div>

package/dist/dropdown/src/dropdown-item.vue.d.ts

@@ -61,12 +61,12 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly default: undefined;
     };
 }>> & Readonly<{}>, {
+    readonly icon: string;
     readonly disabled: boolean;
-    readonly danger: boolean;
     readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-    readonly icon: string;
-    readonly checked: boolean;
+    readonly danger: boolean;
     readonly command: string | number | object;
+    readonly checked: boolean;
     readonly divided: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/dropdown/src/dropdown-menu.d.vue.ts

@@ -0,0 +1,24 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown/src/dropdown-menu.vue

@@ -8,7 +8,10 @@ defineOptions({
 });
 const props = defineProps(dropdownMenuProps);
 const ns = useNamespace("dropdown");
-const { themeStyle } = useComponentTheme("dropdown-menu", computed(() => props.themeOverrides));
+const { themeStyle } = useComponentTheme(
+  "dropdown-menu",
+  computed(() => props.themeOverrides)
+);
 </script>
 
 <template>

package/dist/dropdown/src/dropdown.d.vue.ts

@@ -0,0 +1,158 @@
+import type { CSSProperties } from 'vue';
+declare var __VLS_20: {}, __VLS_34: {}, __VLS_40: {}, __VLS_54: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+} & {
+    default?: (props: typeof __VLS_34) => any;
+} & {
+    dropdown?: (props: typeof __VLS_40) => any;
+} & {
+    empty?: (props: typeof __VLS_54) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly trigger: {
+        readonly type: import("vue").PropType<import("./dropdown").DropdownTrigger>;
+        readonly default: "hover";
+    };
+    readonly placement: {
+        readonly type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+        readonly default: "bottom";
+    };
+    readonly visible: {
+        readonly type: import("vue").PropType<boolean | null>;
+        readonly default: null;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly hideAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 150;
+    };
+    readonly zIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 2000;
+    };
+    readonly hideOnClick: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly items: {
+        readonly type: import("vue").PropType<import("./dropdown").DropdownItemData[]>;
+        readonly default: () => never[];
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly checkable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly maxHeight: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "";
+    };
+    readonly teleported: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly popperClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly popperStyle: {
+        readonly type: import("vue").PropType<CSSProperties>;
+        readonly default: () => {};
+    };
+    readonly splitButton: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly type: {
+        readonly type: import("vue").PropType<"primary" | "success" | "warning" | "danger" | "info" | "">;
+        readonly default: "";
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<"large" | "default" | "small">;
+        readonly default: "default";
+    };
+    readonly plain: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showArrow: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly popperArrow: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly offset: {
+        readonly type: import("vue").PropType<[number, number]>;
+        readonly default: () => number[];
+    };
+    readonly loop: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly tabindex: {
+        readonly type: import("vue").PropType<number | string>;
+        readonly default: 0;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>, {
+    /** 手动显示下拉菜单 */
+    show: () => void;
+    /** 手动隐藏下拉菜单 */
+    hide: () => void;
+    /** 当前可见状态 */
+    visible: import("vue").WritableComputedRef<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    readonly disabled: boolean;
+    readonly items: import("./dropdown").DropdownItemData[];
+    readonly size: "small" | "default" | "large";
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly type: "" | "info" | "warning" | "success" | "primary" | "danger";
+    readonly loading: boolean;
+    readonly placement: import("@floating-ui/utils").Placement;
+    readonly trigger: import("./dropdown").DropdownTrigger;
+    readonly showAfter: number;
+    readonly hideAfter: number;
+    readonly offset: [number, number];
+    readonly showArrow: boolean;
+    readonly visible: boolean | null;
+    readonly popperClass: string;
+    readonly teleported: boolean;
+    readonly zIndex: number;
+    readonly maxHeight: string | number;
+    readonly popperStyle: CSSProperties;
+    readonly plain: boolean;
+    readonly tabindex: string | number;
+    readonly loop: boolean;
+    readonly hideOnClick: boolean;
+    readonly emptyText: string;
+    readonly checkable: boolean;
+    readonly splitButton: boolean;
+    readonly popperArrow: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown/src/dropdown.vue.d.ts

@@ -121,148 +121,31 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     hide: () => void;
     /** 当前可见状态 */
     visible: import("vue").WritableComputedRef<boolean, boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (event: MouseEvent) => void;
-    hide: () => void;
-    show: () => void;
-    "update:visible": (visible: boolean) => void;
-    command: (_command: string | number | object) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly trigger: {
-        readonly type: import("vue").PropType<import("./dropdown").DropdownTrigger>;
-        readonly default: "hover";
-    };
-    readonly placement: {
-        readonly type: import("vue").PropType<import("@floating-ui/utils").Placement>;
-        readonly default: "bottom";
-    };
-    readonly visible: {
-        readonly type: import("vue").PropType<boolean | null>;
-        readonly default: null;
-    };
-    readonly disabled: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly showAfter: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
-    };
-    readonly hideAfter: {
-        readonly type: NumberConstructor;
-        readonly default: 150;
-    };
-    readonly zIndex: {
-        readonly type: NumberConstructor;
-        readonly default: 2000;
-    };
-    readonly hideOnClick: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly items: {
-        readonly type: import("vue").PropType<import("./dropdown").DropdownItemData[]>;
-        readonly default: () => never[];
-    };
-    readonly loading: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly emptyText: {
-        readonly type: StringConstructor;
-        readonly default: undefined;
-    };
-    readonly checkable: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly maxHeight: {
-        readonly type: import("vue").PropType<string | number>;
-        readonly default: "";
-    };
-    readonly teleported: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly popperClass: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly popperStyle: {
-        readonly type: import("vue").PropType<CSSProperties>;
-        readonly default: () => {};
-    };
-    readonly splitButton: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly type: {
-        readonly type: import("vue").PropType<"primary" | "success" | "warning" | "danger" | "info" | "">;
-        readonly default: "";
-    };
-    readonly size: {
-        readonly type: import("vue").PropType<"large" | "default" | "small">;
-        readonly default: "default";
-    };
-    readonly plain: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly showArrow: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly popperArrow: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly offset: {
-        readonly type: import("vue").PropType<[number, number]>;
-        readonly default: () => number[];
-    };
-    readonly loop: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly tabindex: {
-        readonly type: import("vue").PropType<number | string>;
-        readonly default: 0;
-    };
-    readonly themeOverrides: {
-        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        readonly default: undefined;
-    };
-}>> & Readonly<{
-    onClick?: ((event: MouseEvent) => any) | undefined;
-    onHide?: (() => any) | undefined;
-    onShow?: (() => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    onCommand?: ((_command: string | number | object) => any) | undefined;
-}>, {
-    readonly size: "large" | "default" | "small";
-    readonly loading: boolean;
-    readonly emptyText: string;
-    readonly trigger: import("./dropdown").DropdownTrigger;
-    readonly type: "" | "success" | "warning" | "info" | "primary" | "danger";
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     readonly disabled: boolean;
+    readonly items: import("./dropdown").DropdownItemData[];
+    readonly size: "small" | "default" | "large";
     readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-    readonly plain: boolean;
-    readonly tabindex: string | number;
-    readonly maxHeight: string | number;
-    readonly zIndex: number;
+    readonly type: "" | "info" | "warning" | "success" | "primary" | "danger";
+    readonly loading: boolean;
+    readonly placement: import("@floating-ui/utils").Placement;
+    readonly trigger: import("./dropdown").DropdownTrigger;
+    readonly showAfter: number;
+    readonly hideAfter: number;
     readonly offset: [number, number];
+    readonly showArrow: boolean;
     readonly visible: boolean | null;
-    readonly checkable: boolean;
-    readonly items: import("./dropdown").DropdownItemData[];
-    readonly placement: import("@floating-ui/utils").Placement;
     readonly popperClass: string;
     readonly teleported: boolean;
+    readonly zIndex: number;
+    readonly maxHeight: string | number;
     readonly popperStyle: CSSProperties;
-    readonly showAfter: number;
-    readonly hideAfter: number;
-    readonly showArrow: boolean;
+    readonly plain: boolean;
+    readonly tabindex: string | number;
     readonly loop: boolean;
     readonly hideOnClick: boolean;
+    readonly emptyText: string;
+    readonly checkable: boolean;
     readonly splitButton: boolean;
     readonly popperArrow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/empty/index.d.ts

@@ -1,82 +1,5 @@
 import Empty from './src/empty.vue';
-export declare const YhEmpty: import("@yh-ui/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        image: {
-            type: import("vue").PropType<string>;
-        };
-        description: {
-            type: import("vue").PropType<string>;
-        };
-        themeOverrides: {
-            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        imageSize: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        imageSize: number;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        image: {
-            type: import("vue").PropType<string>;
-        };
-        description: {
-            type: import("vue").PropType<string>;
-        };
-        themeOverrides: {
-            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("vue").Component>;
-        };
-        imageSize: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        imageSize: number;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    image: {
-        type: import("vue").PropType<string>;
-    };
-    description: {
-        type: import("vue").PropType<string>;
-    };
-    themeOverrides: {
-        type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-    };
-    icon: {
-        type: import("vue").PropType<string | import("vue").Component>;
-    };
-    imageSize: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    imageSize: number;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        image?: (props: {}) => any;
-    } & {
-        description?: (props: {}) => any;
-    } & {
-        default?: (props: {}) => any;
-    };
-})> & Record<string, unknown>;
+export declare const YhEmpty: any;
 export default YhEmpty;
 export * from './src/empty';
 export type { EmptyProps, EmptySlots } from './src/empty';

package/dist/empty/src/empty.d.vue.ts

@@ -0,0 +1,19 @@
+import type { EmptyProps } from './empty';
+declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    image?: (props: typeof __VLS_1) => any;
+} & {
+    description?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<EmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
+    imageSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/empty/src/empty.vue

@@ -13,7 +13,10 @@ const props = defineProps({
 });
 const description = computed(() => props.description || t("empty.description"));
 const ns = useNamespace("empty");
-const { themeStyle } = useComponentTheme("empty", computed(() => props.themeOverrides));
+const { themeStyle } = useComponentTheme(
+  "empty",
+  computed(() => props.themeOverrides)
+);
 const imageStyle = computed(() => ({
   width: `${props.imageSize}px`,
   height: `${props.imageSize}px`
@@ -35,25 +38,39 @@ const imageStyle = computed(() => ({
         <svg v-else :class="ns.e('svg')" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg">
           <g fill="none" fill-rule="evenodd">
             <g transform="translate(24 31.67)">
-              <ellipse cx="67.797" cy="106.89" rx="67.797" ry="12.668" fill="var(--yh-empty-ellipse-color, #f5f5f7)" />
+              <ellipse
+                cx="67.797"
+                cy="106.89"
+                rx="67.797"
+                ry="12.668"
+                fill="var(--yh-empty-ellipse-color, #f5f5f7)"
+              />
               <path
                 d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
-                fill="var(--yh-empty-image-fill, #aeb8c2)" />
+                fill="var(--yh-empty-image-fill, #aeb8c2)"
+              />
               <path
                 d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.451h94.768V86.214z"
-                fill="var(--yh-empty-image-fill2, #f5f5f7)" transform="translate(13.56)" />
-              <path d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
-                fill="var(--yh-empty-plane-bg, #f5f5f7)" />
+                fill="var(--yh-empty-image-fill2, #f5f5f7)"
+                transform="translate(13.56)"
+              />
+              <path
+                d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
+                fill="var(--yh-empty-plane-bg, #f5f5f7)"
+              />
               <path
                 d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
-                fill="var(--yh-empty-image-fill, #aeb8c2)" />
+                fill="var(--yh-empty-image-fill, #aeb8c2)"
+              />
             </g>
             <path
               d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.013 146.92 0 156.99 0c10.07 0 18.188 8.013 18.188 17.097 0 9.083-8.118 17.097-18.188 17.097-3.028 0-5.875-.7-8.369-1.902z"
-              fill="var(--yh-empty-comment-fill, #dce0e6)" />
+              fill="var(--yh-empty-comment-fill, #dce0e6)"
+            />
             <path
               d="M161.its 17.404c0-.588-.434-1.025-1.01-1.025h-5.883c-.578 0-1.01.437-1.01 1.025v1.05c0 .587.432 1.025 1.01 1.025h5.883c.576 0 1.01-.438 1.01-1.025v-1.05zM157.85 11.124c0-.588-.435-1.025-1.01-1.025h-1.008c-.576 0-1.01.437-1.01 1.025v1.049c0 .588.434 1.025 1.01 1.025h1.009c.576 0 1.009-.437 1.009-1.025v-1.05z"
-              fill="#fff" />
+              fill="#fff"
+            />
           </g>
         </svg>
       </slot>