@opendesign-plus-test/components 0.0.1-rc.213 → 0.0.1-rc.214

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.d.ts

@@ -41,9 +41,9 @@ declare function __VLS_template(): {
             $props: Partial<{
                 color: "normal" | "primary" | "success" | "warning" | "danger";
                 type: "text" | "password";
-                disabled: boolean | undefined;
+                disabled: boolean;
                 variant: "solid" | "outline" | "text";
-                clearable: boolean | undefined;
+                clearable: boolean;
                 readonly: boolean;
                 noKeyboard: boolean;
                 showLength: "auto" | "always" | "never";
@@ -56,8 +56,10 @@ declare function __VLS_template(): {
                 readonly type: "text" | "password";
                 readonly color: "danger" | "warning" | "success" | "primary" | "normal";
                 readonly variant: "solid" | "outline" | "text";
+                readonly disabled: boolean;
                 readonly readonly: boolean;
                 readonly noKeyboard: boolean;
+                readonly clearable: boolean;
                 readonly showLength: "auto" | "always" | "never";
                 readonly inputOnOutlimit: boolean;
                 readonly showPasswordEvent: "click" | "pointerdown";
@@ -66,8 +68,6 @@ declare function __VLS_template(): {
                 readonly onlyNumericInput: boolean;
                 readonly size?: "small" | "large" | "medium" | undefined;
                 readonly round?: import('@opensig/opendesign').RoundT | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly clearable?: boolean | undefined;
                 readonly modelValue?: string | number | undefined;
                 readonly defaultValue?: string | number | undefined;
                 readonly placeholder?: string | undefined;
@@ -85,7 +85,7 @@ declare function __VLS_template(): {
                 readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
                 readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
                 readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
             $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
@@ -130,8 +130,7 @@ declare function __VLS_template(): {
                     type: StringConstructor;
                 };
                 disabled: {
-                    type: import('vue').PropType<boolean | undefined>;
-                    default: undefined;
+                    type: BooleanConstructor;
                 };
                 readonly: {
                     type: BooleanConstructor;
@@ -140,8 +139,7 @@ declare function __VLS_template(): {
                     type: BooleanConstructor;
                 };
                 clearable: {
-                    type: import('vue').PropType<boolean | undefined>;
-                    default: undefined;
+                    type: BooleanConstructor;
                 };
                 minLength: {
                     type: NumberConstructor;
@@ -208,9 +206,9 @@ declare function __VLS_template(): {
             }, string, {
                 color: "normal" | "primary" | "success" | "warning" | "danger";
                 type: "text" | "password";
-                disabled: boolean | undefined;
+                disabled: boolean;
                 variant: "solid" | "outline" | "text";
-                clearable: boolean | undefined;
+                clearable: boolean;
                 readonly: boolean;
                 noKeyboard: boolean;
                 showLength: "auto" | "always" | "never";
@@ -242,9 +240,9 @@ declare function __VLS_template(): {
         } & Readonly<{
             color: "normal" | "primary" | "success" | "warning" | "danger";
             type: "text" | "password";
-            disabled: boolean | undefined;
+            disabled: boolean;
             variant: "solid" | "outline" | "text";
-            clearable: boolean | undefined;
+            clearable: boolean;
             readonly: boolean;
             noKeyboard: boolean;
             showLength: "auto" | "always" | "never";
@@ -285,8 +283,7 @@ declare function __VLS_template(): {
                 type: StringConstructor;
             };
             disabled: {
-                type: import('vue').PropType<boolean | undefined>;
-                default: undefined;
+                type: BooleanConstructor;
             };
             readonly: {
                 type: BooleanConstructor;
@@ -295,8 +292,7 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
             };
             clearable: {
-                type: import('vue').PropType<boolean | undefined>;
-                default: undefined;
+                type: BooleanConstructor;
             };
             minLength: {
                 type: NumberConstructor;
@@ -346,7 +342,7 @@ declare function __VLS_template(): {
             onFocus?: ((evt: FocusEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
-        }>, "blur" | "focus" | "type" | "color" | "variant" | "disabled" | "clear" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
+        }>, "blur" | "focus" | "type" | "color" | "variant" | "disabled" | "clear" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
             focus: () => void | undefined;
             blur: () => void | undefined;
             clear: () => void | undefined;
@@ -391,8 +387,8 @@ declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPro
 }>, {
     size: "small" | "medium" | "large";
     disabled: boolean;
-    clearable: boolean;
     modelValue: string;
+    clearable: boolean;
     preview: boolean;
     expanded: boolean;
     imageUrl: string;
@@ -408,9 +404,9 @@ declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPro
         $props: Partial<{
             color: "normal" | "primary" | "success" | "warning" | "danger";
             type: "text" | "password";
-            disabled: boolean | undefined;
+            disabled: boolean;
             variant: "solid" | "outline" | "text";
-            clearable: boolean | undefined;
+            clearable: boolean;
             readonly: boolean;
             noKeyboard: boolean;
             showLength: "auto" | "always" | "never";
@@ -423,8 +419,10 @@ declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPro
             readonly type: "text" | "password";
             readonly color: "danger" | "warning" | "success" | "primary" | "normal";
             readonly variant: "solid" | "outline" | "text";
+            readonly disabled: boolean;
             readonly readonly: boolean;
             readonly noKeyboard: boolean;
+            readonly clearable: boolean;
             readonly showLength: "auto" | "always" | "never";
             readonly inputOnOutlimit: boolean;
             readonly showPasswordEvent: "click" | "pointerdown";
@@ -433,8 +431,6 @@ declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPro
             readonly onlyNumericInput: boolean;
             readonly size?: "small" | "large" | "medium" | undefined;
             readonly round?: import('@opensig/opendesign').RoundT | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly clearable?: boolean | undefined;
             readonly modelValue?: string | number | undefined;
             readonly defaultValue?: string | number | undefined;
             readonly placeholder?: string | undefined;
@@ -452,7 +448,7 @@ declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPro
             readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
             readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
@@ -497,8 +493,7 @@ declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPro
                 type: StringConstructor;
             };
             disabled: {
-                type: import('vue').PropType<boolean | undefined>;
-                default: undefined;
+                type: BooleanConstructor;
             };
             readonly: {
                 type: BooleanConstructor;
@@ -507,8 +502,7 @@ declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPro
                 type: BooleanConstructor;
             };
             clearable: {
-                type: import('vue').PropType<boolean | undefined>;
-                default: undefined;
+                type: BooleanConstructor;
             };
             minLength: {
                 type: NumberConstructor;
@@ -575,9 +569,9 @@ declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPro
         }, string, {
             color: "normal" | "primary" | "success" | "warning" | "danger";
             type: "text" | "password";
-            disabled: boolean | undefined;
+            disabled: boolean;
             variant: "solid" | "outline" | "text";
-            clearable: boolean | undefined;
+            clearable: boolean;
             readonly: boolean;
             noKeyboard: boolean;
             showLength: "auto" | "always" | "never";
@@ -609,9 +603,9 @@ declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPro
     } & Readonly<{
         color: "normal" | "primary" | "success" | "warning" | "danger";
         type: "text" | "password";
-        disabled: boolean | undefined;
+        disabled: boolean;
         variant: "solid" | "outline" | "text";
-        clearable: boolean | undefined;
+        clearable: boolean;
         readonly: boolean;
         noKeyboard: boolean;
         showLength: "auto" | "always" | "never";
@@ -652,8 +646,7 @@ declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPro
             type: StringConstructor;
         };
         disabled: {
-            type: import('vue').PropType<boolean | undefined>;
-            default: undefined;
+            type: BooleanConstructor;
         };
         readonly: {
             type: BooleanConstructor;
@@ -662,8 +655,7 @@ declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPro
             type: BooleanConstructor;
         };
         clearable: {
-            type: import('vue').PropType<boolean | undefined>;
-            default: undefined;
+            type: BooleanConstructor;
         };
         minLength: {
             type: NumberConstructor;
@@ -713,7 +705,7 @@ declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPro
         onFocus?: ((evt: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
-    }>, "blur" | "focus" | "type" | "color" | "variant" | "disabled" | "clear" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
+    }>, "blur" | "focus" | "type" | "color" | "variant" | "disabled" | "clear" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
         focus: () => void | undefined;
         blur: () => void | undefined;
         clear: () => void | undefined;

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
 };

package/dist/treeshaking/components/search-result/OSearchResult.css

@@ -0,0 +1,101 @@
+.hover-icon-rotate .o-icon[data-v-1452b538] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-1452b538] {
+    transform: rotate(-180deg);
+}
+}
+.o-search-result[data-v-1452b538] {
+  --o-search-result-radius: var(--o-radius-xs);
+}
+.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
+  display: flex;
+  max-width: var(--grid-20);
+  padding: 40px 0 72px;
+  margin: 0 auto;
+}
+@media (max-width: 1680px) {
+.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
+    padding: 24px 0 56px;
+}
+}
+@media (max-width: 1200px) {
+.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
+    padding: 16px 32px 40px;
+}
+}
+@media (max-width: 840px) {
+.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
+    padding: 24px 32px 40px;
+}
+}
+@media (max-width: 600px) {
+.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
+    padding: 24px;
+    padding-bottom: 32px;
+}
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-left-content[data-v-1452b538] {
+  flex: 1;
+  padding-right: var(--grid-column-gutter);
+  border-right: 1px solid var(--o-color-control4);
+}
+@media (max-width: 1200px) {
+.o-search-result .o-search-result-content-wrap .o-search-result-left-content[data-v-1452b538] {
+    border-right: none;
+}
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-right-content[data-v-1452b538] {
+  width: var(--grid-5);
+  padding-left: var(--grid-column-gutter);
+}
+@media (max-width: 1680px) {
+.o-search-result .o-search-result-content-wrap .o-search-result-right-content[data-v-1452b538] {
+    width: var(--grid-6);
+}
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-loading[data-v-1452b538] {
+  margin-top: 24px;
+  margin-bottom: 32px;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-loading[data-v-1452b538] .o-skeleton-item .o-skeleton-line:nth-child(1) {
+  width: 52%;
+  height: 28px;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-loading[data-v-1452b538] .o-skeleton-item .o-skeleton-line:nth-child(2) {
+  height: 48px;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-loading[data-v-1452b538] .o-skeleton-item .o-skeleton-line:nth-child(3) {
+  width: 38%;
+  height: 18px;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-divider[data-v-1452b538] {
+  margin: 16px 0;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-version-select[data-v-1452b538] {
+  width: 320px;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content[data-v-1452b538] {
+  padding: 24px 0;
+}
+@media (max-width: 1680px) {
+.o-search-result .o-search-result-content-wrap .o-search-result-content[data-v-1452b538] {
+    padding: 16px 0;
+}
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-pagination[data-v-1452b538] {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 32px;
+}
+@media (max-width: 1680px) {
+.o-search-result .o-search-result-content-wrap .o-search-result-pagination[data-v-1452b538] {
+    margin-top: 24px;
+}
+}
+@media (max-width: 1200px) {
+.o-search-result .o-search-result-content-wrap .o-search-result-pagination[data-v-1452b538] {
+    margin-top: 16px;
+}
+}

package/dist/treeshaking/components/search-result/OSearchResult.vue.d.ts

@@ -0,0 +1,52 @@
+import { SelectValueT } from '@opensig/opendesign';
+import { OSearchItemT, OSearchRelativeItemT } from './types';
+type __VLS_Props = {
+    versions: OSearchItemT[];
+    items: any[];
+    loading: boolean;
+    relativeItems: OSearchRelativeItemT[];
+    total?: number;
+    pageSizes?: number[];
+    submitFeedback?: (form: {
+        searchFlag: boolean;
+        feedbackText: string;
+    }) => Promise<boolean>;
+};
+type __VLS_PublicProps = {
+    'version'?: SelectValueT;
+    'page'?: number;
+    'pageSize'?: number;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'content-header'?(_: {}): any;
+        empty?(_: {}): any;
+        list?(_: {
+            items: any[];
+        }): any;
+        right?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:pageSize": (value: number) => any;
+    "update:page": (value: number) => any;
+    "update:version": (value: SelectValueT) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+    "onUpdate:version"?: ((value: SelectValueT) => any) | undefined;
+}>, {
+    total: number;
+    pageSizes: number[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/treeshaking/components/search-result/OSearchResult.vue.mjs

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