@opendesign-plus/components 0.0.1-rc.41 → 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,34 +10,32 @@ 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 }) {
@@ -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;
         } else if (navActive.value === NavType.LANG) {
           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, _c, _d;
+      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", {
@@ -133,18 +139,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ])
         ]),
-        ((_d = (_c = navInfo.value) == null ? void 0 : _c.children) == null ? void 0 : _d.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,19 +205,19 @@ 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(), createElementBlock("div", _hoisted_16, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value.children, (item) => {
               return openBlock(), createElementBlock("a", {
                 key: item.label,
@@ -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

@@ -2,11 +2,11 @@ import { App } from 'vue';
 declare const OHeader: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
-        "onNav-layout"?: ((val: any, leng: number) => any) | undefined;
+        "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         "handle-click": (val: any) => any;
-        "nav-layout": (val: any, leng: number) => any;
+        "nav-layout": (val: any) => any;
         "go-home": () => any;
     }, import('vue').PublicProps, {
         isFlatten: boolean;
@@ -21,7 +21,7 @@ declare const OHeader: {
         Defaults: {};
     }, Readonly<import('./types').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
-        "onNav-layout"?: ((val: any, leng: number) => any) | undefined;
+        "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
         isFlatten: boolean;
@@ -31,11 +31,11 @@ declare const OHeader: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
     "onHandle-click"?: ((val: any) => any) | undefined;
-    "onNav-layout"?: ((val: any, leng: number) => any) | undefined;
+    "onNav-layout"?: ((val: any) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "handle-click": (val: any) => any;
-    "nav-layout": (val: any, leng: number) => any;
+    "nav-layout": (val: any) => any;
     "go-home": () => any;
 }, string, {
     isFlatten: boolean;
@@ -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

@@ -56,7 +56,7 @@ export interface LangT {
 }
 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/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.41",
+  "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",