@opendesign-plus-test/components 0.0.1-rc.215 → 0.0.1-rc.217

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

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const OOrgDesc: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').OrgDescPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').OrgDescPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         image: string;
         items: string[];
         imageDark: string;
@@ -11,7 +11,7 @@ declare const OOrgDesc: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').OrgDescPropsT> & Readonly<{}>, {}, {}, {}, {}, {
+    }, Readonly<import('../../index').OrgDescPropsT> & Readonly<{}>, {}, {}, {}, {}, {
         image: string;
         items: string[];
         imageDark: string;
@@ -19,7 +19,7 @@ declare const OOrgDesc: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').OrgDescPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').OrgDescPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     image: string;
     items: string[];
     imageDark: string;
@@ -31,8 +31,8 @@ declare const OOrgDesc: {
     install(app: App): void;
 };
 declare const OOrgMembers: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').OrgMembersPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        list: import('./types').OrgMemberItemT[];
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').OrgMembersPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        list: import('../../index').OrgMemberItemT[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -40,14 +40,14 @@ declare const OOrgMembers: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').OrgMembersPropsT> & Readonly<{}>, {}, {}, {}, {}, {
-        list: import('./types').OrgMemberItemT[];
+    }, Readonly<import('../../index').OrgMembersPropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        list: import('../../index').OrgMemberItemT[];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').OrgMembersPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    list: import('./types').OrgMemberItemT[];
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').OrgMembersPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    list: import('../../index').OrgMemberItemT[];
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };

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

@@ -3,7 +3,7 @@ declare const ORecursionMenu: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: string;
         expanded?: string[];
-    } & import('./types').ORecursionMenuPropsT> & Readonly<{
+    } & import('../../index').ORecursionMenuPropsT> & Readonly<{
         onChange?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
@@ -179,7 +179,7 @@ declare const ORecursionMenu: {
     }, Readonly<{
         modelValue?: string;
         expanded?: string[];
-    } & import('./types').ORecursionMenuPropsT> & Readonly<{
+    } & import('../../index').ORecursionMenuPropsT> & Readonly<{
         onChange?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
@@ -194,7 +194,7 @@ declare const ORecursionMenu: {
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: string;
     expanded?: string[];
-} & import('./types').ORecursionMenuPropsT> & Readonly<{
+} & import('../../index').ORecursionMenuPropsT> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;

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('./types').OSearchRecommendItem[];
-        suggestItems: import('./types').OSearchRecommendItem[];
+        onestepItems: import('../../index').OSearchRecommendItem[];
+        suggestItems: import('../../index').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('./types').OSearchUploadImageFn | undefined;
+                readonly uploadImage?: import('../../index').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('./types').OSearchRecommendItem[];
-        suggestItems: import('./types').OSearchRecommendItem[];
+        onestepItems: import('../../index').OSearchRecommendItem[];
+        suggestItems: import('../../index').OSearchRecommendItem[];
         historyItems: string[];
         hotItems: string[];
         highlightKeyword: boolean;
@@ -547,8 +547,8 @@ declare const OSearchInput: {
     imageUrl: string;
     enableImageSearch: boolean;
     maxImageSize: number;
-    onestepItems: import('./types').OSearchRecommendItem[];
-    suggestItems: import('./types').OSearchRecommendItem[];
+    onestepItems: import('../../index').OSearchRecommendItem[];
+    suggestItems: import('../../index').OSearchRecommendItem[];
     historyItems: string[];
     hotItems: string[];
     highlightKeyword: boolean;
@@ -576,17 +576,17 @@ declare const OSearchInput: {
             keyword: string;
         }): any;
         'onestep-header'?(_: {
-            items: import('./types').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
         }): any;
         'onestep-content'?(_: {
-            items: import('./types').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'suggest-header'?(_: {
-            items: import('./types').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
         }): any;
         'suggest-content'?(_: {
-            items: import('./types').OSearchRecommendItem[];
+            items: import('../../index').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
 };

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

@@ -0,0 +1,101 @@
+.hover-icon-rotate .o-icon[data-v-3e850797] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-3e850797] {
+    transform: rotate(-180deg);
+}
+}
+.o-search-result[data-v-3e850797] {
+  --o-search-result-radius: var(--o-radius-xs);
+}
+.o-search-result .o-search-result-content-wrap[data-v-3e850797] {
+  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-3e850797] {
+    padding: 24px 0 56px;
+}
+}
+@media (max-width: 1200px) {
+.o-search-result .o-search-result-content-wrap[data-v-3e850797] {
+    padding: 16px 32px 40px;
+}
+}
+@media (max-width: 840px) {
+.o-search-result .o-search-result-content-wrap[data-v-3e850797] {
+    padding: 24px 32px 40px;
+}
+}
+@media (max-width: 600px) {
+.o-search-result .o-search-result-content-wrap[data-v-3e850797] {
+    padding: 24px;
+    padding-bottom: 32px;
+}
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-left-content[data-v-3e850797] {
+  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-3e850797] {
+    border-right: none;
+}
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-right-content[data-v-3e850797] {
+  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-3e850797] {
+    width: var(--grid-6);
+}
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-loading[data-v-3e850797] {
+  margin-top: 24px;
+  margin-bottom: 32px;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-loading[data-v-3e850797] .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-3e850797] .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-3e850797] .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-3e850797] {
+  margin: 16px 0;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-version-select[data-v-3e850797] {
+  width: 320px;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content[data-v-3e850797] {
+  padding: 24px 0;
+}
+@media (max-width: 1680px) {
+.o-search-result .o-search-result-content-wrap .o-search-result-content[data-v-3e850797] {
+    padding: 16px 0;
+}
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-pagination[data-v-3e850797] {
+  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-3e850797] {
+    margin-top: 24px;
+}
+}
+@media (max-width: 1200px) {
+.o-search-result .o-search-result-content-wrap .o-search-result-pagination[data-v-3e850797] {
+    margin-top: 16px;
+}
+}

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

@@ -0,0 +1,55 @@
+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;
+} & {
+    "click-relative-search-item": (item: OSearchRelativeItemT) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+    "onClick-relative-search-item"?: ((item: OSearchRelativeItemT) => 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-3e850797"]]);
+export {
+  _OSearchResult as default
+};