@opendesign-plus-test/components 0.0.1-rc.85 → 0.0.1-rc.87

package/dist/treeshaking/components/header-user/OHeaderUser.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-20ce0307] {
+.hover-icon-rotate .o-icon[data-v-22ffeea2] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-20ce0307] {
+.hover-icon-rotate:hover .o-icon[data-v-22ffeea2] {
     transform: rotate(-180deg);
 }
 }
-.header-user[data-v-20ce0307] {
+.header-user[data-v-22ffeea2] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -14,30 +14,30 @@
   opacity: 1;
   transition: opacity 0.15s;
 }
-.user-info[data-v-20ce0307] {
+.user-info[data-v-22ffeea2] {
   height: 100%;
   min-width: 32px;
   display: flex;
   cursor: pointer;
 }
-.info-wrap[data-v-20ce0307] {
+.info-wrap[data-v-22ffeea2] {
   height: calc(100% - 10px);
   margin: 5px 0;
   display: flex;
   align-items: center;
 }
-.info-wrap .icon[data-v-20ce0307] {
+.info-wrap .icon[data-v-22ffeea2] {
   margin-left: 4px;
 }
-.user-avatar[data-v-20ce0307] {
+.user-avatar[data-v-22ffeea2] {
   margin-right: 4px;
 }
-.user-avatar[data-v-20ce0307] .o-badge-content {
+.user-avatar[data-v-22ffeea2] .o-badge-content {
   --badge-dot-size: 6px;
   right: 7px;
   top: 2px;
 }
-.o-dropdown-item[data-v-20ce0307] {
+.o-dropdown-item[data-v-22ffeea2] {
   white-space: nowrap;
   --dropdown-item-color: var(--o-color-info1);
   --dropdown-item-padding: 5px 12px;
@@ -45,39 +45,39 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-dropdown-item[data-v-20ce0307] {
+.o-dropdown-item[data-v-22ffeea2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-dropdown-item[data-v-20ce0307] {
+.o-dropdown-item[data-v-22ffeea2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-dropdown-item[data-v-20ce0307] {
+.o-dropdown-item[data-v-22ffeea2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-dropdown-item[data-v-20ce0307] {
+.o-dropdown-item[data-v-22ffeea2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (hover: hover) {
-.o-dropdown-item[data-v-20ce0307]:hover {
+.o-dropdown-item[data-v-22ffeea2]:hover {
     color: var(--o-color-primary1);
     background: var(--o-color-control2-light);
 }
 }
-.notice-not[data-v-20ce0307] .o-badge-content {
+.notice-not[data-v-22ffeea2] .o-badge-content {
   display: none;
 }
-.user-account[data-v-20ce0307] {
+.user-account[data-v-22ffeea2] {
   color: var(--o-color-info1);
   max-width: 96px;
   font-weight: 500;
@@ -85,30 +85,30 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-20ce0307] {
+.user-account[data-v-22ffeea2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.user-account[data-v-20ce0307] {
+.user-account[data-v-22ffeea2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.user-account[data-v-20ce0307] {
+.user-account[data-v-22ffeea2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.user-account[data-v-20ce0307] {
+.user-account[data-v-22ffeea2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.user-account[data-v-20ce0307] {
+.user-account[data-v-22ffeea2] {
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-all;
@@ -117,19 +117,19 @@
   -webkit-line-clamp: 1;
 }
 @media (max-width: 840px) {
-.header-user[data-v-20ce0307] {
+.header-user[data-v-22ffeea2] {
     min-width: auto;
 }
-.header-user .user-info[data-v-20ce0307] {
+.header-user .user-info[data-v-22ffeea2] {
     min-width: 24px;
 }
-.header-user .user-info .info-wrap .user-avatar[data-v-20ce0307] {
+.header-user .user-info .info-wrap .user-avatar[data-v-22ffeea2] {
     margin-right: 0;
 }
-.header-user .user-info .info-wrap .user-account[data-v-20ce0307] {
+.header-user .user-info .info-wrap .user-account[data-v-22ffeea2] {
     display: none;
 }
-.header-user .user-info .info-wrap .icon[data-v-20ce0307] {
+.header-user .user-info .info-wrap .icon[data-v-22ffeea2] {
     display: none;
 }
 }

package/dist/treeshaking/components/header-user/OHeaderUser.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./OHeaderUser.vue2.mjs";
 import './OHeaderUser.css';
 import './OHeaderUser2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20ce0307"]]);
+const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-22ffeea2"]]);
 export {
   _OHeaderUser as default
 };

package/dist/treeshaking/components/header-user/OHeaderUser2.css

@@ -55,6 +55,11 @@
     color: var(--o-color-primary1);
 }
 }
+@media (max-width: 1200px) {
+.avatar-icon {
+    font-size: var(--o-icon_size_control-s);
+}
+}
 @media (max-width: 840px) {
 .user-dropdown .o-divider {
     display: none;

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

@@ -175,16 +175,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const allDates = computed(() => {
       return [.../* @__PURE__ */ new Set([...dateList.value, ...summitDates.value, ...eventsDates.value])].flat().sort((a, b) => dayjs(a).isAfter(dayjs(b)) ? 1 : -1);
     });
+    const latestDayLoaded = ref("");
     const latestDay = computed(() => {
-      if (!allDates.value.length) {
-        return formatDate(/* @__PURE__ */ new Date());
-      } else {
+      if (latestDayLoaded.value) {
+        return latestDayLoaded.value;
+      }
+      if (allDates.value.length) {
         let find = allDates.value.find((v) => dayjs(v).isAfter(dayjs()));
         if (!find) {
           find = [...allDates.value].reverse().find((v) => dayjs().isAfter(dayjs(v)));
         }
         return formatDate(find);
       }
+      return null;
     });
     const changeMeetingDay = useDebounceFn((day, event) => {
       if (isAutoClick.value) {
@@ -201,8 +204,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => latestDay.value,
       () => {
         var _a;
-        (_a = calendar.value) == null ? void 0 : _a.pickDay(dayjs(latestDay.value));
-        changeMeetingDay(latestDay.value);
+        if (latestDay.value) {
+          latestDayLoaded.value = latestDay.value;
+          (_a = calendar.value) == null ? void 0 : _a.pickDay(dayjs(latestDay.value));
+          changeMeetingDay(latestDay.value);
+        } else {
+          changeMeetingDay(formatDate());
+        }
       },
       {
         immediate: true

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

@@ -13,7 +13,8 @@ import { useDebounceFn } from "@vueuse/core";
 import { useScreen } from "@opendesign-plus/composables";
 import { Locales } from "../../i18n/index.mjs";
 import IconCopy from "../../_virtual/icon-copy.mjs";
-import TooltipText from "../common/TooltipText.vue.mjs";
+import _sfc_main$2 from "../common/TooltipText.vue.mjs";
+import '../common/TooltipText.css';
 const _hoisted_1 = { class: "o-my-meeting-calendar" };
 const _hoisted_2 = { class: "meeting-list" };
 const _hoisted_3 = { class: "list-calendar-mb" };
@@ -680,7 +681,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                           row.is_delete ? (openBlock(), createElementBlock("div", _hoisted_13, toDisplayString(unref(t)("meeting.meetingCancelled")), 1)) : createCommentVNode("", true),
                                           createElementVNode("div", _hoisted_14, [
                                             createElementVNode("div", _hoisted_15, [
-                                              createVNode(TooltipText, null, {
+                                              createVNode(_sfc_main$2, null, {
                                                 default: withCtx(() => [
                                                   createTextVNode(toDisplayString(row.topic), 1)
                                                 ]),

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

@@ -9,7 +9,8 @@ import { INTERVAL_DAY, INTERVAL_WEEK, INTERVAL_MONTH } from "../config.mjs";
 import { formatDate } from "../utils.mjs";
 import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
 import { useActivityConfig } from "../../activity/composables/useActivityConfig.mjs";
-import TooltipText from "../../common/TooltipText.vue.mjs";
+import _sfc_main$2 from "../../common/TooltipText.vue.mjs";
+import '../../common/TooltipText.css';
 const _hoisted_1 = { class: "meet-title-left" };
 const _hoisted_2 = ["title"];
 const _hoisted_3 = { class: "text" };
@@ -245,7 +246,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         _: 2
                       }, 1032, ["style"]),
                       createElementVNode("div", _hoisted_3, [
-                        createVNode(TooltipText, null, {
+                        createVNode(_sfc_main$2, null, {
                           default: withCtx(() => [
                             createTextVNode(toDisplayString((item.topic || item.name || item.title).repeat(3)), 1)
                           ]),

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

@@ -1,7 +1,8 @@
 import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createBlock, unref, withCtx, createTextVNode, createCommentVNode } from "vue";
 import { OLink } from "@opensig/opendesign";
 import { CalendarDataType } from "../types.mjs";
-import MoreText from "../../common/MoreText.vue.mjs";
+import _sfc_main$1 from "../../common/MoreText.vue.mjs";
+import '../../common/MoreText.css';
 import { formatDate } from "../utils.mjs";
 import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
 import { useI18n } from "../../../i18n/index.mjs";
@@ -146,7 +147,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             getField(info.key) && !info.isRecord ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               createElementVNode("span", _hoisted_2, toDisplayString(info.label), 1),
               createElementVNode("span", { class: "split-mark" }, toDisplayString(SPLIT_MARK)),
-              info.ellipsis ? (openBlock(), createBlock(MoreText, {
+              info.ellipsis ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
                 show: __props.show,
                 text: getField(info.key) || "-"

package/package.json

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

package/dist/treeshaking/components/common/MoreText.vue2.mjs

@@ -1,88 +0,0 @@
-import { defineComponent, ref, onMounted, watch, nextTick, openBlock, createElementBlock, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, unref, createVNode, withCtx, createCommentVNode } from "vue";
-import { OIcon, OIconChevronDown, OIconChevronUp } from "@opensig/opendesign";
-import { useI18n } from "../../i18n/index.mjs";
-const _hoisted_1 = { class: "more-text-wrapper" };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MoreText",
-  props: {
-    text: { default: "" },
-    link: { type: Boolean, default: false },
-    lines: { default: 3 },
-    show: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const { t } = useI18n();
-    const expanded = ref(false);
-    const showBtn = ref(false);
-    const offsetHeight = ref(0);
-    const contentRef = ref(null);
-    onMounted(() => {
-      determineHeight();
-    });
-    watch([() => props.text, () => props.show], () => {
-      determineHeight();
-    });
-    const determineHeight = () => {
-      nextTick(() => {
-        const ele = contentRef.value;
-        if (ele) {
-          const range = document.createRange();
-          range.setStart(ele, 0);
-          range.setEnd(ele, ele.childNodes.length);
-          showBtn.value = range.getBoundingClientRect().height > ele.offsetHeight + 10 || ele.scrollHeight > ele.offsetHeight + 10;
-          offsetHeight.value = range.getBoundingClientRect().height || ele.scrollHeight;
-        } else {
-          showBtn.value = false;
-        }
-      });
-    };
-    const clickText = () => {
-      if (props.link) {
-        window.open(props.text);
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          class: normalizeClass(["more-text-content", __props.link && "is-link"]),
-          ref_key: "contentRef",
-          ref: contentRef,
-          style: normalizeStyle({
-            "max-height": expanded.value ? offsetHeight.value + "px" : "4.5em",
-            "-webkit-line-clamp": expanded.value ? "initial" : __props.lines
-          }),
-          onClick: clickText
-        }, toDisplayString(__props.text), 7),
-        showBtn.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "more-text-btn",
-          onClick: _cache[0] || (_cache[0] = ($event) => expanded.value = !expanded.value)
-        }, [
-          !expanded.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            createElementVNode("span", null, toDisplayString(unref(t)("common.expand")), 1),
-            createVNode(unref(OIcon), null, {
-              default: withCtx(() => [
-                createVNode(unref(OIconChevronDown))
-              ]),
-              _: 1
-            })
-          ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
-            createElementVNode("span", null, toDisplayString(unref(t)("common.collapse")), 1),
-            createVNode(unref(OIcon), null, {
-              default: withCtx(() => [
-                createVNode(unref(OIconChevronUp))
-              ]),
-              _: 1
-            })
-          ]))
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/treeshaking/components/common/TooltipText.vue2.mjs

@@ -1,85 +0,0 @@
-import { defineComponent, ref, useSlots, onMounted, onUnmounted, watch, computed, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, createElementVNode, normalizeClass, toDisplayString, renderSlot } from "vue";
-import { isClient, OPopover } from "@opensig/opendesign";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TooltipText",
-  props: {
-    lines: {},
-    width: {},
-    type: { default: "" },
-    size: { default: 14 }
-  },
-  setup(__props) {
-    const contentRef = ref(null);
-    const ellipsis = ref(true);
-    const props = __props;
-    const slots = useSlots();
-    let resizeObserver = null;
-    const checkOverflow = () => {
-      if (!isClient) return;
-      const ele = contentRef.value;
-      if (!ele) return;
-      ellipsis.value = ele.scrollWidth > ele.offsetWidth + 1 || ele.scrollHeight > ele.offsetHeight + 1;
-    };
-    onMounted(() => {
-      checkOverflow();
-      if (!isClient || !contentRef.value) return;
-      resizeObserver = new ResizeObserver(() => checkOverflow());
-      resizeObserver.observe(contentRef.value);
-    });
-    onUnmounted(() => {
-      resizeObserver == null ? void 0 : resizeObserver.disconnect();
-    });
-    watch(() => [props.lines, props.width], () => {
-      if (isClient) requestAnimationFrame(checkOverflow);
-    });
-    const getTextFromNode = (node) => {
-      const children = node.children ?? "";
-      if (Array.isArray(children)) {
-        return children.map((v) => getTextFromNode(v)).join("");
-      }
-      return String(children);
-    };
-    const contentText = computed(() => {
-      var _a;
-      const nodes = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [];
-      return nodes.map((node) => getTextFromNode(node)).join("\n");
-    });
-    const wrapperStyle = computed(() => {
-      const calcWidth = Number.isNaN(Number(props.width)) ? props.width : `${props.width}px`;
-      return { width: calcWidth };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "tooltip-text-wrapper",
-        style: normalizeStyle(wrapperStyle.value)
-      }, [
-        createVNode(unref(OPopover), {
-          anchor: "",
-          disabled: !ellipsis.value,
-          adjustMinWidth: false,
-          adjustWidth: true
-        }, {
-          target: withCtx(() => [
-            createElementVNode("div", {
-              class: normalizeClass(["tooltip-text", __props.type, ellipsis.value && "ellipsis", __props.lines > 1 && "multi-lines"]),
-              ref_key: "contentRef",
-              ref: contentRef,
-              style: normalizeStyle(`--lines: ${__props.lines};`)
-            }, [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 6)
-          ]),
-          default: withCtx(() => [
-            createElementVNode("div", {
-              class: normalizeClass(["popup-box2", `fz-${__props.size}`])
-            }, toDisplayString(contentText.value), 3)
-          ]),
-          _: 3
-        }, 8, ["disabled"])
-      ], 4);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/treeshaking/components/common/TooltipText2.css

@@ -1,15 +0,0 @@
-.hover-icon-rotate .o-icon {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon {
-    transform: rotate(-180deg);
-}
-}
-.tooltip-text-wrapper .popup-box2 {
-  color: var(--o-color-info2);
-}
-.tooltip-text-wrapper .popup-box2.fz-14 {
-  font-size: 14px;
-  line-height: 22px;
-}