@opendesign-plus/components 0.0.1-rc.87 → 0.0.1-rc.89

package/dist/treeshaking/components/recursion-menu/index.d.ts

@@ -0,0 +1,219 @@
+import { App } from 'vue';
+declare const ORecursionMenu: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: string;
+        expanded?: string[];
+    } & import('./types').ORecursionMenuPropsT> & Readonly<{
+        onChange?: ((value: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => any;
+        "update:expanded": (value: string[]) => any;
+    } & {
+        change: (value: string) => any;
+    }, import('vue').PublicProps, {
+        size: "small" | "medium";
+        defaultExpanded: string[];
+        menuWidth: string | number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rootRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                size: "medium" | "small";
+                defaultValue: string;
+                accordion: boolean;
+                defaultExpanded: string[];
+                selectStrictly: boolean;
+                arrowPosition: "left" | "right";
+            }> & Omit<{
+                readonly size: "small" | "medium";
+                readonly defaultValue: string;
+                readonly accordion: boolean;
+                readonly defaultExpanded: string[];
+                readonly selectStrictly: boolean;
+                readonly arrowPosition: "left" | "right";
+                readonly modelValue?: string | undefined;
+                readonly expanded?: string[] | undefined;
+                readonly onChange?: ((val: string) => any) | undefined | undefined;
+                readonly "onUpdate:modelValue"?: ((val: string) => any) | undefined | undefined;
+                readonly "onUpdate:expanded"?: ((val: string[]) => any) | undefined | undefined;
+                readonly "onExpanded-change"?: ((val: string[]) => any) | undefined | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "defaultValue" | "accordion" | "defaultExpanded" | "selectStrictly" | "arrowPosition">;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "change", val: string) => void) & ((event: "update:modelValue", val: string) => void) & ((event: "update:expanded", val: string[]) => void) & ((event: "expanded-change", val: string[]) => void);
+            $el: HTMLUListElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: import('vue').PropType<import('@opensig/opendesign').MenuSizeT>;
+                    default: string;
+                };
+                accordion: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: StringConstructor;
+                };
+                defaultValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expanded: {
+                    type: import('vue').PropType<Array<string>>;
+                };
+                defaultExpanded: {
+                    type: import('vue').PropType<Array<string>>;
+                    default: () => never[];
+                };
+                selectStrictly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                arrowPosition: {
+                    type: import('vue').PropType<"left" | "right">;
+                    default: string;
+                };
+            }>> & Readonly<{
+                onChange?: ((val: string) => any) | undefined;
+                "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+                "onUpdate:expanded"?: ((val: string[]) => any) | undefined;
+                "onExpanded-change"?: ((val: string[]) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                change: (val: string) => any;
+                "update:modelValue": (val: string) => any;
+                "update:expanded": (val: string[]) => any;
+                "expanded-change": (val: string[]) => any;
+            }, string, {
+                size: "medium" | "small";
+                defaultValue: string;
+                accordion: boolean;
+                defaultExpanded: string[];
+                selectStrictly: boolean;
+                arrowPosition: "left" | "right";
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            size: "medium" | "small";
+            defaultValue: string;
+            accordion: boolean;
+            defaultExpanded: string[];
+            selectStrictly: boolean;
+            arrowPosition: "left" | "right";
+        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').MenuSizeT>;
+                default: string;
+            };
+            accordion: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modelValue: {
+                type: StringConstructor;
+            };
+            defaultValue: {
+                type: StringConstructor;
+                default: string;
+            };
+            expanded: {
+                type: import('vue').PropType<Array<string>>;
+            };
+            defaultExpanded: {
+                type: import('vue').PropType<Array<string>>;
+                default: () => never[];
+            };
+            selectStrictly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            arrowPosition: {
+                type: import('vue').PropType<"left" | "right">;
+                default: string;
+            };
+        }>> & Readonly<{
+            onChange?: ((val: string) => any) | undefined;
+            "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+            "onUpdate:expanded"?: ((val: string[]) => any) | undefined;
+            "onExpanded-change"?: ((val: string[]) => any) | undefined;
+        }>, "size" | "defaultValue" | "accordion" | "defaultExpanded" | "selectStrictly" | "arrowPosition"> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+    }, HTMLUListElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: string;
+        expanded?: string[];
+    } & import('./types').ORecursionMenuPropsT> & Readonly<{
+        onChange?: ((value: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: "small" | "medium";
+        defaultExpanded: string[];
+        menuWidth: string | number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    modelValue?: string;
+    expanded?: string[];
+} & import('./types').ORecursionMenuPropsT> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    "update:expanded": (value: string[]) => any;
+} & {
+    change: (value: string) => any;
+}, string, {
+    size: "small" | "medium";
+    defaultExpanded: string[];
+    menuWidth: string | number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & {
+    install(app: App): void;
+};
+declare const ORecursionMenuItem: any;
+export { ORecursionMenu, ORecursionMenuItem };
+export * from './types';

package/dist/treeshaking/components/recursion-menu/index.mjs

@@ -0,0 +1,16 @@
+import _sfc_main from "./ORecursionMenu.vue.mjs";
+import _ORecursionMenuItem from "./ORecursionMenuItem.vue.mjs";
+const ORecursionMenu = Object.assign(_sfc_main, {
+  install(app) {
+    app.component("ORecursionMenu", _sfc_main);
+  }
+});
+const ORecursionMenuItem = Object.assign(_ORecursionMenuItem, {
+  install(app) {
+    app.component("ORecursionMenuItem", _ORecursionMenuItem);
+  }
+});
+export {
+  ORecursionMenu,
+  ORecursionMenuItem
+};

package/dist/treeshaking/components/recursion-menu/types.d.ts

@@ -0,0 +1,38 @@
+import { InjectionKey } from 'vue';
+/** 递归菜单节点（递归树结构） */
+export interface ORecursionMenuNodeT {
+    /** 节点唯一标识，作为菜单项 value 与选中值 */
+    id: string;
+    /** 展示文案 */
+    label: string;
+    /** 跳转链接（存在时渲染为 `<a>`） */
+    href?: string;
+    /** 节点类型，`'page'` 时可被选中 */
+    type?: string;
+    /** 子节点 */
+    children?: ORecursionMenuNodeT[];
+    /** 透传自定义字段 */
+    [key: string]: any;
+}
+export interface ORecursionMenuPropsT {
+    /** 当前选中菜单项 id（v-model） */
+    modelValue?: string;
+    /** 展开的子菜单 id 列表（v-model:expanded） */
+    expanded?: string[];
+    /** 初始展开的子菜单 id 列表 */
+    defaultExpanded?: string[];
+    /** 滚动容器（选择器或元素）；选中项变化时自动滚动到可视区，不传则不滚动 */
+    scrollContainer?: string | HTMLElement;
+    /** 菜单宽度（CSS 长度值或数值，数值自动补 `px`），默认 `'256px'` */
+    menuWidth?: string | number;
+    /** 透传 OMenu：尺寸，默认 `'small'` */
+    size?: 'small' | 'medium';
+}
+export interface ORecursionMenuItemPropsT {
+    /** 菜单节点（含 `children` 时递归渲染） */
+    node: ORecursionMenuNodeT;
+    /** 点击带 `href` 的菜单项时是否允许浏览器自动跳转，默认 `true` */
+    autoNavigate?: boolean;
+}
+/** 通过 provide/inject 向递归项传递父级 props */
+export declare const recursionMenuInjectionKey: InjectionKey<ORecursionMenuPropsT>;

package/dist/treeshaking/components/recursion-menu/types.mjs

@@ -0,0 +1,4 @@
+const recursionMenuInjectionKey = Symbol("recursion-menu-props");
+export {
+  recursionMenuInjectionKey
+};

package/dist/treeshaking/components/search/OSearchInput.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OSearchInput.vue2.mjs";
 import './OSearchInput.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-18e8aec0"]]);
+const OSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-18e8aec0"]]);
 export {
-  _OSearchInput as default
+  OSearchInput as default
 };

package/dist/treeshaking/components/search/index.d.ts

@@ -19,8 +19,8 @@ declare const OSearchInput: {
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
-        onestepItems: import('../../index').OSearchRecommendItem[];
-        suggestItems: import('../../index').OSearchRecommendItem[];
+        onestepItems: import('./types').OSearchRecommendItem[];
+        suggestItems: import('./types').OSearchRecommendItem[];
         historyItems: string[];
         hotItems: string[];
         highlightKeyword: boolean;
@@ -47,7 +47,7 @@ declare const OSearchInput: {
                 readonly imagePlaceholder?: string | undefined;
                 readonly size?: "small" | "medium" | "large" | undefined;
                 readonly enableImageSearch?: boolean | undefined;
-                readonly uploadImage?: import('../../index').OSearchUploadImageFn | undefined;
+                readonly uploadImage?: import('./types').OSearchUploadImageFn | undefined;
                 readonly maxImageSize?: number | undefined;
                 readonly imageUploadTooltip?: string | undefined;
                 readonly expanded?: boolean | undefined;
@@ -509,8 +509,8 @@ declare const OSearchInput: {
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
-        onestepItems: import('../../index').OSearchRecommendItem[];
-        suggestItems: import('../../index').OSearchRecommendItem[];
+        onestepItems: import('./types').OSearchRecommendItem[];
+        suggestItems: import('./types').OSearchRecommendItem[];
         historyItems: string[];
         hotItems: string[];
         highlightKeyword: boolean;
@@ -547,8 +547,8 @@ declare const OSearchInput: {
     imageUrl: string;
     enableImageSearch: boolean;
     maxImageSize: number;
-    onestepItems: import('../../index').OSearchRecommendItem[];
-    suggestItems: import('../../index').OSearchRecommendItem[];
+    onestepItems: import('./types').OSearchRecommendItem[];
+    suggestItems: import('./types').OSearchRecommendItem[];
     historyItems: string[];
     hotItems: string[];
     highlightKeyword: boolean;
@@ -576,17 +576,17 @@ declare const OSearchInput: {
             keyword: string;
         }): any;
         'onestep-header'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('./types').OSearchRecommendItem[];
         }): any;
         'onestep-content'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('./types').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'suggest-header'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('./types').OSearchRecommendItem[];
         }): any;
         'suggest-content'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('./types').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'history-header'?(_: {

package/dist/treeshaking/components/search/index.mjs

@@ -1,7 +1,7 @@
-import _OSearchInput from "./OSearchInput.vue.mjs";
-const OSearchInput = Object.assign(_OSearchInput, {
+import OSearchInput$1 from "./OSearchInput.vue.mjs";
+const OSearchInput = Object.assign(OSearchInput$1, {
   install(app) {
-    app.component("OSearchInput", _OSearchInput);
+    app.component("OSearchInput", OSearchInput$1);
   }
 });
 export {

package/dist/treeshaking/components/search/internal/SearchImageInput.css

@@ -1,33 +1,31 @@
-.hover-icon-rotate .o-icon[data-v-cbdc0409] {
+.hover-icon-rotate .o-icon[data-v-07ee5c5f] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-cbdc0409] {
+.hover-icon-rotate:hover .o-icon[data-v-07ee5c5f] {
     transform: rotate(-180deg);
 }
 }
-.o-search-image-input[data-v-cbdc0409] {
+.o-search-image-input[data-v-07ee5c5f] {
   display: flex;
   flex-direction: column;
-  border: 1px solid transparent;
   border-radius: var(--o-radius-xs);
-  background-color: var(--o-color-fill2);
-  transition: border-color var(--o-duration-m1);
+  transition: box-shadow var(--o-duration-m1);
 }
-.o-search-image-input.is-expanded[data-v-cbdc0409] {
-  border-color: var(--o-color-primary1);
+.o-search-image-input.is-expanded[data-v-07ee5c5f] {
+  box-shadow: 0 0 0 1px var(--o-color-primary1);
 }
-.o-search-image-input.is-expanded[data-v-cbdc0409] .o-input.el-input .el-input__wrapper,
-.o-search-image-input.is-expanded[data-v-cbdc0409] .o_box-main {
+.o-search-image-input.is-expanded[data-v-07ee5c5f] .o-input.el-input .el-input__wrapper,
+.o-search-image-input.is-expanded[data-v-07ee5c5f] .o_box-main {
   border: none !important;
   border-radius: var(--o-radius-xs) var(--o-radius-xs) 0 0;
   box-shadow: none !important;
 }
-.o-search-image-input-row[data-v-cbdc0409] {
+.o-search-image-input-row[data-v-07ee5c5f] {
   display: flex;
   align-items: center;
 }
-.o-search-image-input-input[data-v-cbdc0409] {
+.o-search-image-input-input[data-v-07ee5c5f] {
   width: 100%;
   --_box-bg-color: var(--o-color-fill2);
   --_box-bg-color-hover: var(--o-color-fill2);
@@ -35,48 +33,48 @@
   --_box-bg-color-disabled: var(--o-color-fill2);
 }
 @media (max-width: 840px) {
-.o-search-image-input-input[data-v-cbdc0409] input {
+.o-search-image-input-input[data-v-07ee5c5f] input {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1440px) {
-.o-search-image-input-input.o_box-medium[data-v-cbdc0409] {
+.o-search-image-input-input.o_box-medium[data-v-07ee5c5f] {
     --_box-height: 32px;
 }
 }
-.o-search-image-input-icon[data-v-cbdc0409] {
+.o-search-image-input-icon[data-v-07ee5c5f] {
   cursor: pointer;
   color: var(--o-color-info1);
   font-size: 16px;
 }
-.o-search-image-input-icon.close[data-v-cbdc0409] {
+.o-search-image-input-icon.close[data-v-07ee5c5f] {
   font-size: 16px;
   margin-left: var(--o-gap-2);
 }
-.o-search-image-input-icon.close[data-v-cbdc0409] {
+.o-search-image-input-icon.close[data-v-07ee5c5f] {
   overflow: hidden;
 }
-.o-search-image-input-icon.close svg[data-v-cbdc0409] {
+.o-search-image-input-icon.close svg[data-v-07ee5c5f] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.o-search-image-input-icon.close:hover svg[data-v-cbdc0409] {
+.o-search-image-input-icon.close:hover svg[data-v-07ee5c5f] {
     transform: rotate(180deg);
 }
 }
-.o-search-image-input-icon.upload[data-v-cbdc0409] {
+.o-search-image-input-icon.upload[data-v-07ee5c5f] {
   fill: var(--o-color-info1);
 }
 @media (max-width: 840px) {
-.o-search-image-input-icon[data-v-cbdc0409] {
+.o-search-image-input-icon[data-v-07ee5c5f] {
     font-size: 24px;
 }
-.o-search-image-input-icon.close[data-v-cbdc0409] {
+.o-search-image-input-icon.close[data-v-07ee5c5f] {
     font-size: 24px;
 }
 }
-.o-search-image-input-upload-btn[data-v-cbdc0409] {
+.o-search-image-input-upload-btn[data-v-07ee5c5f] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -87,23 +85,23 @@
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.o-search-image-input-upload-btn[data-v-cbdc0409]:hover {
+.o-search-image-input-upload-btn[data-v-07ee5c5f]:hover {
     background-color: var(--o-color-control2-light);
 }
-.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-cbdc0409] {
+.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-07ee5c5f] {
     color: var(--o-color-primary2);
 }
 }
 @media (max-width: 840px) {
-.o-search-image-input-upload-btn[data-v-cbdc0409] {
+.o-search-image-input-upload-btn[data-v-07ee5c5f] {
     width: 24px;
     height: 24px;
 }
 }
-.o-search-image-input-file[data-v-cbdc0409] {
+.o-search-image-input-file[data-v-07ee5c5f] {
   display: none;
 }
-.o-search-image-input-thumb[data-v-cbdc0409] {
+.o-search-image-input-thumb[data-v-07ee5c5f] {
   display: inline-flex;
   align-items: center;
   margin-left: 8px;
@@ -112,18 +110,18 @@
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-cbdc0409],
-  .o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-cbdc0409] {
+.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-07ee5c5f],
+  .o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-07ee5c5f] {
     opacity: 1;
 }
 }
-.o-search-image-input-thumb-figure[data-v-cbdc0409] {
+.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
   height: 40px;
   width: 40px;
   border-radius: 4px;
   overflow: hidden;
 }
-.o-search-image-input-thumb-figure[data-v-cbdc0409] img {
+.o-search-image-input-thumb-figure[data-v-07ee5c5f] img {
   height: 40px;
   width: 40px;
   object-fit: cover;
@@ -131,18 +129,18 @@
   border-radius: 4px;
 }
 @media (min-width: 841px) and (max-width: 1680px) {
-.o-search-image-input-thumb-figure[data-v-cbdc0409] {
+.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
     height: 32px;
     width: 32px;
 }
 }
 @media (max-width: 840px) {
-.o-search-image-input-thumb-figure[data-v-cbdc0409] {
+.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
     height: 24px;
     width: 24px;
 }
 }
-.o-search-image-input-thumb-zoom[data-v-cbdc0409] {
+.o-search-image-input-thumb-zoom[data-v-07ee5c5f] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -155,11 +153,11 @@
   opacity: 0;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-cbdc0409] {
+.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-07ee5c5f] {
   color: #fff;
   font-size: 16px;
 }
-.o-search-image-input-thumb-remove[data-v-cbdc0409] {
+.o-search-image-input-thumb-remove[data-v-07ee5c5f] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -173,27 +171,27 @@
   z-index: 1;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-thumb-remove[data-v-cbdc0409] svg {
+.o-search-image-input-thumb-remove[data-v-07ee5c5f] svg {
   width: 16px;
   height: 16px;
   fill: rgb(var(--o-mixedgray-9));
 }
-.o-search-image-input-preview[data-v-cbdc0409] {
+.o-search-image-input-preview[data-v-07ee5c5f] {
   padding: 0 12px 8px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-cbdc0409] {
+.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-07ee5c5f] {
   position: relative;
   display: inline-flex;
   overflow: visible;
   margin-top: 8px;
 }
 @media (hover: hover) {
-.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-remove[data-v-cbdc0409],
-  .o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-cbdc0409] {
+.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-remove[data-v-07ee5c5f],
+  .o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-07ee5c5f] {
     opacity: 1;
 }
 }
-.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-cbdc0409] {
+.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-07ee5c5f] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -205,24 +203,24 @@
   opacity: 0;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-preview .o-search-image-input-preview-zoom .o-search-image-input-preview-zoom-icon[data-v-cbdc0409] {
+.o-search-image-input-preview .o-search-image-input-preview-zoom .o-search-image-input-preview-zoom-icon[data-v-07ee5c5f] {
   color: #fff;
   font-size: 24px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-cbdc0409] {
+.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-07ee5c5f] {
   height: 72px;
   width: 72px;
   border-radius: 4px;
   overflow: hidden;
 }
-.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-cbdc0409] img {
+.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-07ee5c5f] img {
   height: 72px;
   width: 72px;
   object-fit: cover;
   object-position: center;
   border-radius: 4px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-cbdc0409] {
+.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-07ee5c5f] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -236,7 +234,7 @@
   z-index: 1;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-cbdc0409] svg {
+.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-07ee5c5f] svg {
   width: 16px;
   height: 16px;
 }

package/dist/treeshaking/components/search/internal/SearchImageInput.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./SearchImageInput.vue2.mjs";
 import './SearchImageInput.css';
 import './SearchImageInput2.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const SearchImageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cbdc0409"]]);
+const SearchImageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07ee5c5f"]]);
 export {
   SearchImageInput as default
 };