@opendesign-plus/components 0.0.1-rc.40 → 0.0.1-rc.42

package/dist/treeshaking/components/header/components/HeaderNavMobile.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, renderSlot, createBlock, unref, withCtx, resolveDynamicComponent, createTextVNode } from "vue";
+import { defineComponent, ref, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, renderSlot, createBlock, unref, withCtx, resolveDynamicComponent, createTextVNode } from "vue";
 import { OIcon, OTag } from "@opensig/opendesign";
 import { NavType } from "../types.mjs";
 const _hoisted_1 = { class: "o-nav" };
@@ -10,41 +10,39 @@ const _hoisted_5 = {
   class: "other-tool"
 };
 const _hoisted_6 = {
-  key: 0,
-  class: "nav-aside"
-};
-const _hoisted_7 = {
   key: 0,
   class: "nav-aside-wrapper"
 };
-const _hoisted_8 = ["value"];
-const _hoisted_9 = { class: "content-label" };
-const _hoisted_10 = { class: "container-mobile" };
-const _hoisted_11 = ["onClick"];
-const _hoisted_12 = { class: "item-label" };
-const _hoisted_13 = { class: "desc-container" };
-const _hoisted_14 = { class: "item-desc" };
-const _hoisted_15 = ["onClick"];
-const _hoisted_16 = { class: "item-label" };
-const _hoisted_17 = {
+const _hoisted_7 = ["value"];
+const _hoisted_8 = { class: "content-label" };
+const _hoisted_9 = { class: "container-mobile" };
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = { class: "item-label" };
+const _hoisted_12 = { class: "desc-container" };
+const _hoisted_13 = { class: "item-desc" };
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = { class: "item-label" };
+const _hoisted_16 = {
   key: 1,
   class: "nav-aside-wrapper"
 };
-const _hoisted_18 = ["onClick"];
+const _hoisted_17 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HeaderNavMobile",
   props: {
     menuShow: { type: Boolean, default: false },
     navData: { default: () => [] },
     codeData: {},
-    langData: {}
+    langData: {},
+    activeIndex: {},
+    community: {}
   },
   emits: ["on-click", "lang-click", "handle-click"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
     const navActive = ref("");
-    const navInfo = ref({});
+    const navInfo = ref();
     const handleNavClick = (item, val) => {
       var _a;
       if (val === NavType.NAV) {
@@ -56,10 +54,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       } else if (val === NavType.CODE) {
         navActive.value = val;
-        navInfo.value = props.codeData.list;
+        navInfo.value = props.codeData;
       } else if (val === NavType.LANG) {
         navActive.value = val;
-        navInfo.value = props.langData.list;
+        navInfo.value = props.langData;
       }
     };
     const onClick = (url, target) => {
@@ -73,27 +71,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         emit("lang-click", val);
       }
     };
-    onMounted(() => {
-      navActive.value = props.navData[0].id;
-      navInfo.value = props.navData[0];
-    });
     watch(
-      () => props.navData || props.codeData || props.langData,
+      () => props.activeIndex,
+      (newVal) => {
+        var _a;
+        const activeItem = props.navData.find((item, index) => item.id === newVal || index === newVal);
+        navActive.value = activeItem ? activeItem.id : (_a = props.navData[0]) == null ? void 0 : _a.id;
+        navInfo.value = activeItem || props.navData[0];
+      },
+      { immediate: true }
+    );
+    watch(
+      () => [props.navData, props.codeData, props.langData],
       () => {
+        var _a;
         if (navActive.value === NavType.CODE) {
-          navInfo.value = props.codeData.list;
+          navInfo.value = props.codeData;
         } else if (navActive.value === NavType.LANG) {
-          navInfo.value = props.langData.list;
+          navInfo.value = props.langData;
         } else {
-          navInfo.value = props.navData.find((item) => item.id === navActive.value);
+          const activeItem = props.navData.find((item, index) => item.id === props.activeIndex || index === props.activeIndex);
+          navActive.value = activeItem ? activeItem.id : (_a = props.navData[0]) == null ? void 0 : _a.id;
+          navInfo.value = activeItem || props.navData[0];
         }
       },
-      {
-        deep: true
-      }
+      { deep: true }
     );
     return (_ctx, _cache) => {
-      var _a, _b;
+      var _a, _b, _c, _d, _e;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["header-nav", { active: __props.menuShow }])
       }, [
@@ -103,7 +108,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock("li", {
                 key: item.id,
                 class: normalizeClass({
-                  active: navActive.value === item.id
+                  active: navActive.value === item.id,
+                  "is-disabled": item == null ? void 0 : item.disabled
                 })
               }, [
                 createElementVNode("span", {
@@ -114,14 +120,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 128))
           ]),
           createElementVNode("div", _hoisted_4, [
-            __props.codeData ? (openBlock(), createElementBlock("div", {
+            ((_a = __props.codeData) == null ? void 0 : _a.label) ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(["header-tool-item", {
                 active: navActive.value === "code"
               }]),
               onClick: _cache[0] || (_cache[0] = ($event) => handleNavClick(null, "code"))
             }, toDisplayString(__props.codeData.label), 3)) : createCommentVNode("", true),
-            __props.langData ? (openBlock(), createElementBlock("div", {
+            ((_b = __props.langData) == null ? void 0 : _b.label) ? (openBlock(), createElementBlock("div", {
               key: 1,
               class: normalizeClass(["header-tool-item", {
                 active: navActive.value === "lang"
@@ -133,18 +139,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ])
         ]),
-        ((_b = (_a = navInfo.value) == null ? void 0 : _a.children) == null ? void 0 : _b.length) ? (openBlock(), createElementBlock("div", _hoisted_6, [
-          navActive.value !== "code" && navActive.value !== "lang" ? (openBlock(), createElementBlock("ul", _hoisted_7, [
+        ((_d = (_c = navInfo.value) == null ? void 0 : _c.children) == null ? void 0 : _d.length) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["nav-aside", [(_e = props.community) == null ? void 0 : _e.toLowerCase()]])
+        }, [
+          navActive.value !== "code" && navActive.value !== "lang" ? (openBlock(), createElementBlock("ul", _hoisted_6, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value.children, (item) => {
+              var _a2;
               return openBlock(), createElementBlock("li", {
                 value: item.label,
                 key: item.label,
                 class: "nav-aside-content"
               }, [
                 (item == null ? void 0 : item.children) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  createElementVNode("p", _hoisted_9, toDisplayString(item.label), 1),
-                  createElementVNode("div", _hoisted_10, [
+                  createElementVNode("p", _hoisted_8, toDisplayString(item.label), 1),
+                  createElementVNode("div", _hoisted_9, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(item == null ? void 0 : item.children, (subItem) => {
+                      var _a3;
                       return openBlock(), createElementBlock("div", {
                         key: subItem.label,
                         class: normalizeClass(["content-container-mobile", { "content-item-disabled": subItem == null ? void 0 : subItem.disabled }])
@@ -154,7 +165,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           rel: "noopener noreferrer",
                           class: "content-subtitle"
                         }, [
-                          createElementVNode("span", _hoisted_12, toDisplayString(subItem.label), 1),
+                          createElementVNode("span", _hoisted_11, toDisplayString(subItem.label), 1),
                           subItem.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
                             default: withCtx(() => [
                               (openBlock(), createBlock(resolveDynamicComponent(subItem.icon), { class: "icon" }))
@@ -163,19 +174,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }, 1024)) : createCommentVNode("", true),
                           subItem.tag ? (openBlock(), createBlock(unref(OTag), {
                             key: 1,
-                            round: "pill",
                             color: "danger",
                             size: "small",
-                            class: "content-tag"
+                            class: normalizeClass(["content-tag", `tag-${(_a3 = subItem == null ? void 0 : subItem.tag) == null ? void 0 : _a3.toLowerCase()}`])
                           }, {
                             default: withCtx(() => [
                               createTextVNode(toDisplayString(subItem.tag), 1)
                             ]),
                             _: 2
-                          }, 1024)) : createCommentVNode("", true)
-                        ], 8, _hoisted_11),
-                        createElementVNode("div", _hoisted_13, [
-                          createElementVNode("p", _hoisted_14, toDisplayString(subItem.description), 1)
+                          }, 1032, ["class"])) : createCommentVNode("", true)
+                        ], 8, _hoisted_10),
+                        createElementVNode("div", _hoisted_12, [
+                          createElementVNode("p", _hoisted_13, toDisplayString(subItem.description), 1)
                         ])
                       ], 2);
                     }), 128))
@@ -186,7 +196,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   rel: "noopener noreferrer",
                   class: "content-subtitle item-not-children"
                 }, [
-                  createElementVNode("span", _hoisted_16, toDisplayString(item.label), 1),
+                  createElementVNode("span", _hoisted_15, toDisplayString(item.label), 1),
                   item.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
                     default: withCtx(() => [
                       (openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "icon" }))
@@ -195,20 +205,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, 1024)) : createCommentVNode("", true),
                   item.tag ? (openBlock(), createBlock(unref(OTag), {
                     key: 1,
-                    round: "pill",
                     color: "danger",
-                    size: "small"
+                    size: "small",
+                    class: normalizeClass(`tag-${(_a2 = item == null ? void 0 : item.tag) == null ? void 0 : _a2.toLowerCase()}`)
                   }, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(item.tag), 1)
                     ]),
                     _: 2
-                  }, 1024)) : createCommentVNode("", true)
-                ], 8, _hoisted_15))
-              ], 8, _hoisted_8);
+                  }, 1032, ["class"])) : createCommentVNode("", true)
+                ], 8, _hoisted_14))
+              ], 8, _hoisted_7);
             }), 128))
-          ])) : (openBlock(), createElementBlock("div", _hoisted_17, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value, (item) => {
+          ])) : (openBlock(), createElementBlock("div", _hoisted_16, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value.children, (item) => {
               return openBlock(), createElementBlock("a", {
                 key: item.label,
                 onClick: ($event) => onClickNav(item),
@@ -221,10 +231,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 2
                 }, 1024)) : createCommentVNode("", true)
-              ], 8, _hoisted_18);
+              ], 8, _hoisted_17);
             }), 128))
           ]))
-        ])) : createCommentVNode("", true)
+        ], 2)) : createCommentVNode("", true)
       ], 2);
     };
   }

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

@@ -67,6 +67,8 @@ declare const OHeaderMobile: {
                 readonly navData: import('./types').NavItemT[];
                 readonly codeData?: import('./types').CodeT | undefined;
                 readonly langData?: import('./types').LangT | undefined;
+                readonly activeIndex: string | number;
+                readonly community?: string | undefined;
                 readonly "onHandle-click"?: ((val: any) => any) | undefined;
                 readonly "onOn-click"?: (() => any) | undefined;
                 readonly "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;

package/dist/treeshaking/components/header/types.d.ts

@@ -48,15 +48,15 @@ export interface LangItemT {
 }
 export interface CodeT {
     label: string;
-    list: CodeItemT[];
+    children: CodeItemT[];
 }
 export interface LangT {
     label: string;
-    list: LangItemT[];
+    children: LangItemT[];
 }
 export interface NavT {
     logo: string;
-    community: string;
+    community?: string;
     navData: NavItemT[];
     bgLeft?: string;
     bgRight?: string;
@@ -69,13 +69,14 @@ export interface NavT {
 }
 export interface NavLiT {
     navData: NavItemT[];
+    community?: string;
     activeIndex: string | number;
     hoverId: string | number;
 }
 export interface NavLiItemT {
     itemData: NavItemT;
     itemVisible: boolean;
-    community: string;
+    community?: string;
     bgLeft?: string;
     bgRight?: string;
     hoverIndex: string | number;
@@ -85,5 +86,7 @@ export interface NavMobileItemT {
     navData: NavItemT[];
     codeData?: CodeT;
     langData?: LangT;
+    activeIndex: string | number;
+    community?: string;
 }
 export {};

package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.css

@@ -1,43 +1,43 @@
-.hover-icon-rotate .o-icon[data-v-9ed8b351] {
+.hover-icon-rotate .o-icon[data-v-5909852f] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-9ed8b351] {
+.hover-icon-rotate:hover .o-icon[data-v-5909852f] {
     transform: rotate(-180deg);
 }
 }
-.hide-lang[data-v-9ed8b351] {
+.hide-lang[data-v-5909852f] {
   display: none;
 }
-.header-lang[data-v-9ed8b351] {
+.header-lang[data-v-5909852f] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.header-lang .info-wrap[data-v-9ed8b351] {
+.header-lang .info-wrap[data-v-5909852f] {
   height: 100%;
   display: flex;
   align-items: center;
   cursor: pointer;
 }
-.header-lang .info-wrap .icon[data-v-9ed8b351] {
+.header-lang .info-wrap .icon[data-v-5909852f] {
   font-size: var(--o-icon_size_control-m);
   position: relative;
   color: var(--o-color-info2);
 }
 @media (hover: hover) {
-.header-lang .info-wrap .icon[data-v-9ed8b351]:hover {
+.header-lang .info-wrap .icon[data-v-5909852f]:hover {
     color: var(--o-color-primary2);
     background-color: var(--o-color-control2-light);
     border-radius: var(--o-radius-xs);
 }
 }
 @media (max-width: 1200px) {
-.header-lang .info-wrap .icon[data-v-9ed8b351] {
+.header-lang .info-wrap .icon[data-v-5909852f] {
     font-size: var(--o-icon_size_control-s);
 }
 }
-.header-lang .info-wrap .locale-tag[data-v-9ed8b351] {
+.header-lang .info-wrap .locale-tag[data-v-5909852f] {
   position: absolute;
   font-size: 10px;
   height: 12px;
@@ -49,25 +49,25 @@
   left: 12px;
   top: 11px;
 }
-.header-lang .info-wrap .locale-tag.is-en[data-v-9ed8b351] {
+.header-lang .info-wrap .locale-tag.is-en[data-v-5909852f] {
   width: 16px;
 }
-.header-lang.is-disabled .info-wrap[data-v-9ed8b351] {
+.header-lang.is-disabled .info-wrap[data-v-5909852f] {
   color: var(--o-color-info4);
   cursor: not-allowed;
 }
-.header-lang.is-disabled .info-wrap[data-v-9ed8b351]:hover {
+.header-lang.is-disabled .info-wrap[data-v-5909852f]:hover {
   color: var(--o-color-info4);
 }
-.header-lang.is-disabled .info-wrap .o-icon[data-v-9ed8b351] {
+.header-lang.is-disabled .info-wrap .o-icon[data-v-5909852f] {
   color: inherit;
 }
 @media (hover: hover) {
-.header-lang.is-disabled .info-wrap .o-icon[data-v-9ed8b351]:hover {
+.header-lang.is-disabled .info-wrap .o-icon[data-v-5909852f]:hover {
     background-color: transparent;
 }
 }
-.header-lang .list[data-v-9ed8b351] {
+.header-lang .list[data-v-5909852f] {
   background: var(--o-color-control5-light);
   cursor: pointer;
   box-shadow: var(--o-shadow-1);
@@ -75,10 +75,10 @@
   padding: var(--o-gap-1);
   width: 144px;
 }
-.o-dropdown[data-v-9ed8b351] {
+.o-dropdown[data-v-5909852f] {
   height: 100%;
 }
-.o-dropdown-item[data-v-9ed8b351] {
+.o-dropdown-item[data-v-5909852f] {
   background: var(--o-color-control5-light);
   cursor: pointer;
   border-radius: var(--o-radius_control-xs);
@@ -89,73 +89,72 @@
   --dropdown-item-text-height: 22px;
 }
 @media (hover: hover) {
-.o-dropdown-item[data-v-9ed8b351]:hover {
+.o-dropdown-item[data-v-5909852f]:hover {
     background: var(--o-color-control2-light);
 }
 }
-.o-dropdown-item[data-v-9ed8b351]:active {
+.o-dropdown-item[data-v-5909852f]:active {
   color: var(--o-color-primary1);
   background: var(--o-color-control3-light);
   font-weight: 600;
 }
-.o-dropdown-item.is-active[data-v-9ed8b351] {
+.o-dropdown-item.is-active[data-v-5909852f] {
   color: var(--o-color-primary1);
   background: var(--o-color-control3-light);
 }
-.dropdown[data-v-9ed8b351] {
+.dropdown[data-v-5909852f] {
   --dropdown-list-radius: var(--o-radius-xs);
 }
-.mobile-change-language[data-v-9ed8b351] {
+.mobile-change-language[data-v-5909852f] {
   display: flex;
   align-items: center;
 }
-.mobile-change-language .o-divider[data-v-9ed8b351] {
-  margin: 0;
+.mobile-change-language .o-divider[data-v-5909852f] {
+  margin: 0 var(--o-gap-2);
   height: 8px;
   background-color: var(--o-color-control4);
 }
-.mobile-change-language span[data-v-9ed8b351] {
+.mobile-change-language span[data-v-5909852f] {
   color: var(--o-color-info1);
   text-align: center;
   cursor: pointer;
-  padding: 0 var(--o-gap-2);
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.mobile-change-language span[data-v-9ed8b351] {
+.mobile-change-language span[data-v-5909852f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.mobile-change-language span[data-v-9ed8b351] {
+.mobile-change-language span[data-v-5909852f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.mobile-change-language span[data-v-9ed8b351] {
+.mobile-change-language span[data-v-5909852f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.mobile-change-language span[data-v-9ed8b351] {
+.mobile-change-language span[data-v-5909852f] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.mobile-change-language span.active[data-v-9ed8b351] {
+.mobile-change-language span.active[data-v-5909852f] {
   color: var(--o-color-primary1);
   font-weight: 500;
 }
-.mobile-change-language.is-disabled span[data-v-9ed8b351] {
+.mobile-change-language.is-disabled span[data-v-5909852f] {
   color: var(--o-color-info4);
   cursor: not-allowed;
 }
 @media (hover: hover) {
-.mobile-change-language.is-disabled span[data-v-9ed8b351]:hover {
+.mobile-change-language.is-disabled span[data-v-5909852f]:hover {
     color: var(--o-color-info4);
 }
 }

package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./OHeaderLanguageSwitcher.vue2.mjs";
 import './OHeaderLanguageSwitcher.css';
 import './OHeaderLanguageSwitcher2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeaderLanguageSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9ed8b351"]]);
+const _OHeaderLanguageSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5909852f"]]);
 export {
   _OHeaderLanguageSwitcher as default
 };

package/dist/treeshaking/components/meeting/config.mjs

@@ -8,7 +8,7 @@ const INTERVAL_DAY = 0;
 const INTERVAL_WEEK = 1;
 const INTERVAL_MONTH = 2;
 const EMAIL_REGEX = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
-const PROGRESS_COLORS = ["var(--o-color-primary1)", "var(--o-color-warning1)", "var(--o-color-success1)"];
+const PROGRESS_COLORS = ["var(--o-color-auxiliary5)", "var(--o-color-auxiliary6)", "var(--o-color-auxiliary7)", "var(--o-color-auxiliary8)", "var(--o-color-auxiliary1)", "var(--o-color-auxiliary2)"];
 export {
   EMAIL_REGEX,
   INTERVAL_DAY,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus/components",
-  "version": "0.0.1-rc.40",
+  "version": "0.0.1-rc.42",
   "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/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",