@opendesign-plus-test/components 0.0.1-rc.120 → 0.0.1-rc.122

package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode, createCommentVNode, normalizeClass, createBlock, normalizeStyle, Fragment, renderList, resolveDynamicComponent, renderSlot } from "vue";
+import { defineComponent, computed, ref, watch, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode, createCommentVNode, normalizeClass, createBlock, normalizeStyle, Fragment, renderList, resolveDynamicComponent, renderSlot } from "vue";
 import { isClient, OButton, OIcon, OIconChevronLeft, OIconChevronRight, OSelect, OOption, OTab, OTabPane, OScroller, OResult, OFigure } from "@opensig/opendesign";
 import dayjs from "dayjs";
 import { ElCalendar } from "element-plus";
@@ -14,23 +14,22 @@ import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
 import { MeetingGroupType, CalendarDataType } from "./types.mjs";
 import { formatDate } from "./utils.mjs";
 import { useDebounceFn } from "@vueuse/core";
-const _hoisted_1 = { class: "o-meeting-calendar" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
   class: "o-meeting-calendar-desc"
 };
-const _hoisted_3 = { class: "calendar-body" };
-const _hoisted_4 = { class: "calender-header-left" };
-const _hoisted_5 = { class: "left-title" };
-const _hoisted_6 = { class: "month-date" };
-const _hoisted_7 = { class: "right-title" };
-const _hoisted_8 = ["onClick"];
-const _hoisted_9 = { class: "day-box" };
-const _hoisted_10 = { class: "icon-box" };
-const _hoisted_11 = { class: "detail-list" };
-const _hoisted_12 = { class: "current-day" };
-const _hoisted_13 = { class: "right-title" };
-const _hoisted_14 = { class: "title-list" };
+const _hoisted_2 = { class: "calendar-body" };
+const _hoisted_3 = { class: "calender-header-left" };
+const _hoisted_4 = { class: "left-title" };
+const _hoisted_5 = { class: "month-date" };
+const _hoisted_6 = { class: "right-title" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "day-box" };
+const _hoisted_9 = { class: "icon-box" };
+const _hoisted_10 = { class: "detail-list" };
+const _hoisted_11 = { class: "current-day" };
+const _hoisted_12 = { class: "right-title" };
+const _hoisted_13 = { class: "title-list" };
 const limitTime = "2021-01-01";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingCalendar",
@@ -277,9 +276,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         calendarHeight.value = `${tbody.offsetHeight - 2}px`;
       }
     };
+    const rootRef = ref(null);
+    let tabResizeObserver = null;
+    const evaluateTabIcons = useDebounceFn(() => {
+      const root = rootRef.value;
+      if (!root || !isClient) return;
+      const tabEl = root.querySelector(".o-tab");
+      if (!tabEl) return;
+      const containerEl = tabEl.querySelector(".o-tab-navs-container");
+      const measureEl = tabEl.querySelector(".o-tab-nav-list.width-measurement");
+      if (!containerEl || !measureEl) return;
+      const containerWidth = containerEl.getBoundingClientRect().width;
+      if (!containerWidth) return;
+      tabEl.classList.add("measuring");
+      const fullWidth = measureEl.getBoundingClientRect().width;
+      tabEl.classList.remove("measuring");
+      tabEl.classList.toggle("hide-icons", fullWidth > containerWidth);
+    }, 120);
     onMounted(() => {
       getCalendarHeight();
+      nextTick(evaluateTabIcons);
+      if (isClient && typeof ResizeObserver !== "undefined" && rootRef.value) {
+        tabResizeObserver = new ResizeObserver(() => evaluateTabIcons());
+        tabResizeObserver.observe(rootRef.value);
+      }
+    });
+    onBeforeUnmount(() => {
+      tabResizeObserver == null ? void 0 : tabResizeObserver.disconnect();
+      tabResizeObserver = null;
     });
+    watch(() => tabs.value, () => nextTick(evaluateTabIcons));
     const stopWatchData = watch(
       () => allDates.value.length,
       () => {
@@ -322,8 +348,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("create");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        __props.showDesc ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      return openBlock(), createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: "o-meeting-calendar"
+      }, [
+        __props.showDesc ? (openBlock(), createElementBlock("div", _hoisted_1, [
           createElementVNode("span", null, toDisplayString(__props.groupType === unref(MeetingGroupType).GROUP ? unref(t)("meeting.meetingDescGroup") : unref(t)("meeting.meetingDesc")), 1),
           createVNode(unref(OButton), {
             color: "primary",
@@ -337,7 +367,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_2, [
           createVNode(unref(ElCalendar), {
             ref_key: "calendar",
             ref: calendar,
@@ -346,8 +376,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             header: withCtx(({ date }) => {
               var _a;
               return [
-                createElementVNode("div", _hoisted_4, [
-                  createElementVNode("div", _hoisted_5, [
+                createElementVNode("div", _hoisted_3, [
+                  createElementVNode("div", _hoisted_4, [
                     createVNode(unref(OIcon), {
                       onClick: ($event) => selectDate("prev-month", date)
                     }, {
@@ -358,7 +388,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }, 8, ["onClick"]),
-                    createElementVNode("span", _hoisted_6, toDisplayString(formatYearMonth(date)), 1),
+                    createElementVNode("span", _hoisted_5, toDisplayString(formatYearMonth(date)), 1),
                     createVNode(unref(OIcon), {
                       onClick: ($event) => selectDate("next-month", date)
                     }, {
@@ -392,7 +422,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true)
                 ]),
-                createElementVNode("div", _hoisted_7, [
+                createElementVNode("div", _hoisted_6, [
                   createElementVNode("span", null, toDisplayString(unref(t)("meeting.latestMeeting")) + " ", 1),
                   createElementVNode("span", null, toDisplayString(unref(formatDate)(unref(dayjs)(latestDay.value))), 1)
                 ])
@@ -403,11 +433,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(["out-box", { "has-calender": allDates.value.includes(data.day) }]),
                 onClick: ($event) => unref(changeMeetingDay)(data.day, $event)
               }, [
-                createElementVNode("div", _hoisted_9, [
+                createElementVNode("div", _hoisted_8, [
                   createElementVNode("p", {
                     class: normalizeClass([data.isSelected ? "is-selected" : "", "date-calender"])
                   }, toDisplayString(removeLeadingZero(data.day.split("-").at(-1) || "")), 3),
-                  createElementVNode("div", _hoisted_10, [
+                  createElementVNode("div", _hoisted_9, [
                     checkSelectedDay(unref(CalendarDataType).MEETING, data.day) ? (openBlock(), createBlock(unref(OIcon), {
                       key: 0,
                       class: "meeting",
@@ -449,17 +479,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, 8, ["style"])) : createCommentVNode("", true)
                   ])
                 ])
-              ], 10, _hoisted_8)
+              ], 10, _hoisted_7)
             ]),
             _: 1
           }, 512),
-          createElementVNode("div", _hoisted_11, [
-            createElementVNode("div", _hoisted_12, [
+          createElementVNode("div", _hoisted_10, [
+            createElementVNode("div", _hoisted_11, [
               createTextVNode(toDisplayString(unref(t)("meeting.latestMeeting")) + "  ", 1),
               createElementVNode("span", null, toDisplayString(unref(formatDate)(unref(dayjs)(latestDay.value))), 1)
             ]),
-            createElementVNode("div", _hoisted_13, [
-              createElementVNode("div", _hoisted_14, [
+            createElementVNode("div", _hoisted_12, [
+              createElementVNode("div", _hoisted_13, [
                 createVNode(unref(OSelect), {
                   modelValue: group.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => group.value = $event),
@@ -550,7 +580,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ])
         ])
-      ]);
+      ], 512);
     };
   }
 });

package/dist/treeshaking/components/meeting/OMeetingSigCalendar.css

@@ -152,6 +152,12 @@
 .o-sig-meeting-calendar .meeting-card-header .o-tab .o-tab-nav .o-icon svg path {
   fill: currentColor;
 }
+.o-sig-meeting-calendar .meeting-card-header .o-tab.hide-icons .o-tab-nav-list .o-icon {
+  display: none;
+}
+.o-sig-meeting-calendar .meeting-card-header .o-tab.measuring .o-tab-nav-list.width-measurement .o-icon {
+  display: inline-flex;
+}
 .o-sig-meeting-calendar .el-input__prefix {
   display: none;
 }

package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.d.ts

@@ -12,11 +12,15 @@ declare function __VLS_template(): {
     slots: {
         empty?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        rootRef: HTMLDivElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.mjs

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, openBlock, createElementBlock, unref, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, Fragment, renderList, createBlock, resolveDynamicComponent, createTextVNode, renderSlot } from "vue";
-import { OPopover, OIcon, OTab, OTabPane, OSelect, OOption, ODivider, OScroller, OResult, OFigure } from "@opensig/opendesign";
+import { defineComponent, ref, computed, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createElementBlock, unref, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, Fragment, renderList, createBlock, resolveDynamicComponent, createTextVNode, renderSlot } from "vue";
+import { isClient, OPopover, OIcon, OTab, OTabPane, OSelect, OOption, ODivider, OScroller, OResult, OFigure } from "@opensig/opendesign";
 import dayjs from "dayjs";
 import IconTips from "../../_virtual/icon-tips.mjs";
 import _sfc_main$1 from "./components/OMeetingSigAside.vue.mjs";
@@ -11,24 +11,21 @@ import _sfc_main$2 from "./components/OMeetingCalendarList.vue.mjs";
 import './components/OMeetingCalendarList.css';
 import { formatDate } from "./utils.mjs";
 import emptyDefaultImg from "../../assets/meeting/empty.png.mjs";
+import { useDebounceFn } from "@vueuse/core";
 const _hoisted_1 = {
-  class: "o-sig-meeting-calendar",
-  style: { "--height": 400 }
-};
-const _hoisted_2 = {
   key: 0,
   class: "meeting-card-header"
 };
-const _hoisted_3 = {
+const _hoisted_2 = {
   key: 0,
   class: "header-left"
 };
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 1,
   class: "phone-filter-wrapper"
 };
-const _hoisted_5 = { class: "date-select" };
-const _hoisted_6 = { class: "meeting-card-content" };
+const _hoisted_4 = { class: "date-select" };
+const _hoisted_5 = { class: "meeting-card-content" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingSigCalendar",
   props: {
@@ -183,9 +180,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const changeMonthIdx = (step) => {
       monthIdx.value += step;
     };
+    const rootRef = ref(null);
+    let tabResizeObserver = null;
+    const evaluateTabIcons = useDebounceFn(() => {
+      const root = rootRef.value;
+      if (!root || !isClient) return;
+      const tabEl = root.querySelector(".meeting-card-header .o-tab");
+      if (!tabEl) return;
+      const containerEl = tabEl.querySelector(".o-tab-navs-container");
+      const measureEl = tabEl.querySelector(".o-tab-nav-list.width-measurement");
+      if (!containerEl || !measureEl) return;
+      const containerWidth = containerEl.getBoundingClientRect().width;
+      if (!containerWidth) return;
+      tabEl.classList.add("measuring");
+      const fullWidth = measureEl.getBoundingClientRect().width;
+      tabEl.classList.remove("measuring");
+      tabEl.classList.toggle("hide-icons", fullWidth > containerWidth);
+    }, 120);
     onMounted(() => {
       getDates();
+      nextTick(evaluateTabIcons);
+      if (isClient && typeof ResizeObserver !== "undefined" && rootRef.value) {
+        tabResizeObserver = new ResizeObserver(() => evaluateTabIcons());
+        tabResizeObserver.observe(rootRef.value);
+      }
+    });
+    onBeforeUnmount(() => {
+      tabResizeObserver == null ? void 0 : tabResizeObserver.disconnect();
+      tabResizeObserver = null;
     });
+    watch(() => meetingTabs.value, () => nextTick(evaluateTabIcons));
     const list = computed(() => {
       let list2;
       if (tabType.value === CalendarDataType.ALL) {
@@ -200,9 +224,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return list2;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          latestDate.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+      return openBlock(), createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: "o-sig-meeting-calendar",
+        style: { "--height": 400 }
+      }, [
+        !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          latestDate.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
             createElementVNode("span", null, toDisplayString(unref(t)("meeting.latestMeeting")), 1),
             createElementVNode("span", null, toDisplayString(unref(dayjs)(latestDate.value).format("YYYY/MM/DD")), 1),
             createVNode(unref(OPopover), null, {
@@ -251,8 +280,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["modelValue"])
         ])) : createCommentVNode("", true),
-        unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createElementVNode("div", _hoisted_5, [
+        unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
             createVNode(unref(OSelect), {
               modelValue: selectDate.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectDate.value = $event),
@@ -296,7 +325,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         createVNode(unref(ODivider), { class: "meeting-divider" }),
-        createElementVNode("div", _hoisted_6, [
+        createElementVNode("div", _hoisted_5, [
           !unref(lePadV) && monthIdx.value !== -1 ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             data: dateMapList.value.slice(monthIdx.value, monthIdx.value + 1),
@@ -340,7 +369,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 3
           })
         ])
-      ]);
+      ], 512);
     };
   }
 });

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

@@ -15,6 +15,7 @@ declare const OMeetingCalendar: {
         groups: string[];
         showDesc: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rootRef: HTMLDivElement;
         calendar: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -455,7 +456,9 @@ declare const OMeetingSigCalendar: {
         dates: String[];
         emptyImg?: any;
         emptyText?: string;
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rootRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

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

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-de9a7ad2] {
+.hover-icon-rotate .o-icon[data-v-cbdc0409] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-de9a7ad2] {
+.hover-icon-rotate:hover .o-icon[data-v-cbdc0409] {
     transform: rotate(-180deg);
 }
 }
-.o-search-image-input[data-v-de9a7ad2] {
+.o-search-image-input[data-v-cbdc0409] {
   display: flex;
   flex-direction: column;
   border: 1px solid transparent;
@@ -14,66 +14,69 @@
   background-color: var(--o-color-fill2);
   transition: border-color var(--o-duration-m1);
 }
-.o-search-image-input.is-expanded[data-v-de9a7ad2] {
+.o-search-image-input.is-expanded[data-v-cbdc0409] {
   border-color: var(--o-color-primary1);
 }
-.o-search-image-input.is-expanded[data-v-de9a7ad2] .o-input.el-input .el-input__wrapper,
-.o-search-image-input.is-expanded[data-v-de9a7ad2] .o_box-main {
+.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 {
   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-de9a7ad2] {
+.o-search-image-input-row[data-v-cbdc0409] {
   display: flex;
   align-items: center;
 }
-.o-search-image-input-input[data-v-de9a7ad2] {
+.o-search-image-input-input[data-v-cbdc0409] {
   width: 100%;
-  --_box-bg-color: transparent;
+  --_box-bg-color: var(--o-color-fill2);
+  --_box-bg-color-hover: var(--o-color-fill2);
+  --_box-bg-color-focus: var(--o-color-fill2);
+  --_box-bg-color-disabled: var(--o-color-fill2);
 }
 @media (max-width: 840px) {
-.o-search-image-input-input[data-v-de9a7ad2] input {
+.o-search-image-input-input[data-v-cbdc0409] input {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1440px) {
-.o-search-image-input-input.o_box-medium[data-v-de9a7ad2] {
+.o-search-image-input-input.o_box-medium[data-v-cbdc0409] {
     --_box-height: 32px;
 }
 }
-.o-search-image-input-icon[data-v-de9a7ad2] {
+.o-search-image-input-icon[data-v-cbdc0409] {
   cursor: pointer;
   color: var(--o-color-info1);
   font-size: 16px;
 }
-.o-search-image-input-icon.close[data-v-de9a7ad2] {
+.o-search-image-input-icon.close[data-v-cbdc0409] {
   font-size: 16px;
   margin-left: var(--o-gap-2);
 }
-.o-search-image-input-icon.close[data-v-de9a7ad2] {
+.o-search-image-input-icon.close[data-v-cbdc0409] {
   overflow: hidden;
 }
-.o-search-image-input-icon.close svg[data-v-de9a7ad2] {
+.o-search-image-input-icon.close svg[data-v-cbdc0409] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.o-search-image-input-icon.close:hover svg[data-v-de9a7ad2] {
+.o-search-image-input-icon.close:hover svg[data-v-cbdc0409] {
     transform: rotate(180deg);
 }
 }
-.o-search-image-input-icon.upload[data-v-de9a7ad2] {
+.o-search-image-input-icon.upload[data-v-cbdc0409] {
   fill: var(--o-color-info1);
 }
 @media (max-width: 840px) {
-.o-search-image-input-icon[data-v-de9a7ad2] {
+.o-search-image-input-icon[data-v-cbdc0409] {
     font-size: 24px;
 }
-.o-search-image-input-icon.close[data-v-de9a7ad2] {
+.o-search-image-input-icon.close[data-v-cbdc0409] {
     font-size: 24px;
 }
 }
-.o-search-image-input-upload-btn[data-v-de9a7ad2] {
+.o-search-image-input-upload-btn[data-v-cbdc0409] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -84,23 +87,23 @@
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.o-search-image-input-upload-btn[data-v-de9a7ad2]:hover {
+.o-search-image-input-upload-btn[data-v-cbdc0409]:hover {
     background-color: var(--o-color-control2-light);
 }
-.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-de9a7ad2] {
+.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-cbdc0409] {
     color: var(--o-color-primary2);
 }
 }
 @media (max-width: 840px) {
-.o-search-image-input-upload-btn[data-v-de9a7ad2] {
+.o-search-image-input-upload-btn[data-v-cbdc0409] {
     width: 24px;
     height: 24px;
 }
 }
-.o-search-image-input-file[data-v-de9a7ad2] {
+.o-search-image-input-file[data-v-cbdc0409] {
   display: none;
 }
-.o-search-image-input-thumb[data-v-de9a7ad2] {
+.o-search-image-input-thumb[data-v-cbdc0409] {
   display: inline-flex;
   align-items: center;
   margin-left: 8px;
@@ -109,18 +112,18 @@
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-de9a7ad2],
-  .o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-de9a7ad2] {
+.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] {
     opacity: 1;
 }
 }
-.o-search-image-input-thumb-figure[data-v-de9a7ad2] {
+.o-search-image-input-thumb-figure[data-v-cbdc0409] {
   height: 40px;
   width: 40px;
   border-radius: 4px;
   overflow: hidden;
 }
-.o-search-image-input-thumb-figure[data-v-de9a7ad2] img {
+.o-search-image-input-thumb-figure[data-v-cbdc0409] img {
   height: 40px;
   width: 40px;
   object-fit: cover;
@@ -128,18 +131,18 @@
   border-radius: 4px;
 }
 @media (min-width: 841px) and (max-width: 1680px) {
-.o-search-image-input-thumb-figure[data-v-de9a7ad2] {
+.o-search-image-input-thumb-figure[data-v-cbdc0409] {
     height: 32px;
     width: 32px;
 }
 }
 @media (max-width: 840px) {
-.o-search-image-input-thumb-figure[data-v-de9a7ad2] {
+.o-search-image-input-thumb-figure[data-v-cbdc0409] {
     height: 24px;
     width: 24px;
 }
 }
-.o-search-image-input-thumb-zoom[data-v-de9a7ad2] {
+.o-search-image-input-thumb-zoom[data-v-cbdc0409] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -152,11 +155,11 @@
   opacity: 0;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-de9a7ad2] {
+.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-cbdc0409] {
   color: #fff;
   font-size: 16px;
 }
-.o-search-image-input-thumb-remove[data-v-de9a7ad2] {
+.o-search-image-input-thumb-remove[data-v-cbdc0409] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -170,27 +173,27 @@
   z-index: 1;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-thumb-remove[data-v-de9a7ad2] svg {
+.o-search-image-input-thumb-remove[data-v-cbdc0409] svg {
   width: 16px;
   height: 16px;
   fill: rgb(var(--o-mixedgray-9));
 }
-.o-search-image-input-preview[data-v-de9a7ad2] {
+.o-search-image-input-preview[data-v-cbdc0409] {
   padding: 0 12px 8px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-de9a7ad2] {
+.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-cbdc0409] {
   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-de9a7ad2],
-  .o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-de9a7ad2] {
+.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] {
     opacity: 1;
 }
 }
-.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-de9a7ad2] {
+.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-cbdc0409] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -202,24 +205,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-de9a7ad2] {
+.o-search-image-input-preview .o-search-image-input-preview-zoom .o-search-image-input-preview-zoom-icon[data-v-cbdc0409] {
   color: #fff;
   font-size: 24px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-de9a7ad2] {
+.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-cbdc0409] {
   height: 72px;
   width: 72px;
   border-radius: 4px;
   overflow: hidden;
 }
-.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-de9a7ad2] img {
+.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-cbdc0409] 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-de9a7ad2] {
+.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-cbdc0409] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -233,7 +236,7 @@
   z-index: 1;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-de9a7ad2] svg {
+.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-cbdc0409] 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-de9a7ad2"]]);
+const SearchImageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cbdc0409"]]);
 export {
   SearchImageInput as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.120",
+  "version": "0.0.1-rc.122",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -45,8 +45,8 @@
     "vue-dompurify-html": "^3.1.2",
     "vue": "^3.5.13",
     "element-plus": "2.13.1",
-    "@opendesign-plus/composables": "0.0.1-rc.10",
-    "@opendesign-plus/styles": "0.0.1-rc.2"
+    "@opendesign-plus/styles": "0.0.1-rc.2",
+    "@opendesign-plus/composables": "0.0.1-rc.10"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.1",