@opendesign-plus-test/components 0.0.1-rc.176 → 0.0.1-rc.178

package/dist/treeshaking/components/user-center/OAppHeader.css

@@ -0,0 +1,23 @@
+.hover-icon-rotate .o-icon[data-v-9d7ea29f] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-9d7ea29f] {
+    transform: rotate(-180deg);
+}
+}
+.header-toolbar[data-v-9d7ea29f] {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  gap: 16px;
+}
+.header-user-mb[data-v-9d7ea29f] {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  padding-right: var(--o-gap-4, 16px);
+}
+.header-user-mb .o-icon[data-v-9d7ea29f] {
+  --icon-size: 24px;
+}

package/dist/treeshaking/components/user-center/OAppHeader.vue.d.ts

@@ -0,0 +1,43 @@
+import { NavItemT } from '../header/types';
+type __VLS_Props = {
+    navData: NavItemT[];
+    logo: {
+        zh: {
+            light: string;
+            dark: string;
+        };
+        en: {
+            light: string;
+            dark: string;
+        };
+        icon?: string;
+    };
+    mainDomainUrl: string;
+    homeUrl?: string;
+    theme?: 'light' | 'dark';
+    activeIndex?: number;
+    simpleHeader?: boolean;
+    headerTitle?: string;
+    getSearchWord?: (params: any) => Promise<any>;
+    getSearchPop?: (lang: string) => Promise<any>;
+    user?: {
+        username: string;
+        photo: string;
+    } | null;
+    onLogin?: () => void;
+    onLogout?: () => void;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "theme-change": (val: string) => any;
+    navigate: (url: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onTheme-change"?: ((val: string) => any) | undefined;
+    onNavigate?: ((url: string) => any) | undefined;
+}>, {
+    theme: "light" | "dark";
+    activeIndex: number;
+    headerTitle: string;
+    simpleHeader: boolean;
+    homeUrl: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/dist/treeshaking/components/user-center/OAppHeader.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./OAppHeader.vue2.mjs";
+import './OAppHeader.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OAppHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9d7ea29f"]]);
+export {
+  _OAppHeader as default
+};

package/dist/treeshaking/components/user-center/OAppHeader.vue2.mjs

@@ -0,0 +1,208 @@
+import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode } from "vue";
+import OHeaderSearch from "../header-search/OHeaderSearch.vue.mjs";
+import OHeaderUser from "../header-user/OHeaderUser.vue.mjs";
+import OHeaderTheme from "../header-theme/OHeaderTheme.vue.mjs";
+import OHeaderLanguageSwitcher from "../header-language-switcher/OHeaderLanguageSwitcher.vue.mjs";
+import { useDebounceFn } from "@vueuse/core";
+import OCommonHeader from "./internal/OCommonHeader.vue.mjs";
+import DefaultAvatar from "../../assets/user-center/images/avatar.png.mjs";
+import { useI18n } from "../../i18n/index.mjs";
+const _hoisted_1 = { class: "header-toolbar" };
+const _hoisted_2 = { class: "header-user-mb" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OAppHeader",
+  props: {
+    navData: {},
+    logo: {},
+    mainDomainUrl: {},
+    homeUrl: { default: "" },
+    theme: { default: "light" },
+    activeIndex: { default: -1 },
+    simpleHeader: { type: Boolean, default: false },
+    headerTitle: { default: "" },
+    getSearchWord: {},
+    getSearchPop: {},
+    user: {},
+    onLogin: {},
+    onLogout: {}
+  },
+  emits: ["navigate", "theme-change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t, locale } = useI18n();
+    const langOptions = [
+      { id: "zh", label: "简体中文", simple: "中" },
+      { id: "en", label: "English", simple: "EN" },
+      { id: "ar", label: "العربية", simple: "AR" }
+    ];
+    const handleGoHome = () => {
+      window.location.href = `${props.homeUrl}/zh/`;
+    };
+    const handleClick = (item) => {
+      if (item.href) {
+        window.location.href = item.href;
+      }
+    };
+    const goBack = () => {
+      emit("navigate", "/my/manage");
+    };
+    const handleLangChange = (lang) => {
+      const newlang = lang.id;
+      const { pathname, origin, search } = window.location;
+      const isEnPath = pathname.includes("/en");
+      if (newlang === "en" && isEnPath || newlang === "zh" && !isEnPath) return;
+      let newHref = "";
+      if (newlang === "zh") {
+        newHref = pathname.replace("/en", "") || "/";
+      } else {
+        newHref = pathname.endsWith("/en") ? pathname : pathname + "/en";
+      }
+      window.location.href = origin + newHref + search;
+    };
+    const searchInput = ref("");
+    const hotItems = ref([]);
+    const suggestItems = ref([]);
+    const isPopLoaded = ref(false);
+    const searchUrl = computed(() => `${props.mainDomainUrl}/search${locale.value === "en" ? "/en" : ""}`);
+    const fetchHotItems = () => {
+      if (!props.getSearchPop || isPopLoaded.value) return;
+      props.getSearchPop(locale.value).then((res) => {
+        hotItems.value = res.obj ?? [];
+      }).catch(() => {
+        hotItems.value = [];
+      }).finally(() => {
+        isPopLoaded.value = true;
+      });
+    };
+    const fetchSuggestions = useDebounceFn(
+      () => {
+        if (!props.getSearchWord) return;
+        props.getSearchWord({ query: searchInput.value, lang: locale.value }).then((res) => {
+          var _a;
+          const wordList = ((_a = res.obj) == null ? void 0 : _a.word) ?? [];
+          suggestItems.value = wordList.map((item) => ({
+            key: item.key,
+            count: item.count
+          }));
+        }).catch(() => {
+          suggestItems.value = [];
+        });
+      },
+      300,
+      { maxWait: 500 }
+    );
+    watch(searchInput, (val) => {
+      if (val) {
+        fetchSuggestions();
+      } else {
+        suggestItems.value = [];
+      }
+    });
+    const isLogined = computed(() => {
+      var _a;
+      return !!((_a = props.user) == null ? void 0 : _a.username);
+    });
+    const userInfo = computed(() => {
+      var _a, _b;
+      const photo = ((_a = props.user) == null ? void 0 : _a.photo) ?? "";
+      return {
+        username: ((_b = props.user) == null ? void 0 : _b.username) ?? "",
+        photo: photo.includes("gitcode") ? DefaultAvatar : photo
+      };
+    });
+    const userOptions = computed(() => [
+      {
+        id: "settings",
+        label: t("common.ACCOUNT_MANAGE"),
+        url: locale.value === "zh" ? "/my/settings" : "/my/settings/en",
+        target: "_self",
+        total: 0,
+        logout: false
+      },
+      {
+        id: "logout",
+        label: t("common.LOGOUT"),
+        url: "",
+        target: "_self",
+        total: 0,
+        logout: true
+      }
+    ]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(OCommonHeader, {
+        community: "openEuler",
+        logo: __props.logo,
+        "nav-data": __props.navData,
+        "lang-options": langOptions,
+        theme: __props.theme,
+        "active-index": __props.activeIndex,
+        "simple-header": __props.simpleHeader,
+        "header-title": __props.headerTitle,
+        locale: unref(locale),
+        "theme-key": "openEuler-theme-appearance",
+        onGoHome: handleGoHome,
+        onHandleClick: handleClick,
+        onGoBack: goBack,
+        onLangChange: handleLangChange,
+        onThemeChange: _cache[1] || (_cache[1] = (v) => emit("theme-change", v))
+      }, {
+        toolbar: withCtx(({ theme, setTheme, onLangChange, langOptions: langOptions2 }) => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(OHeaderSearch, {
+              modelValue: searchInput.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchInput.value = $event),
+              "hot-items": hotItems.value,
+              "suggest-items": suggestItems.value,
+              "store-history": "",
+              "highlight-keyword": "",
+              "search-url": searchUrl.value,
+              "search-url-open-blank": false,
+              onFocus: fetchHotItems
+            }, null, 8, ["modelValue", "hot-items", "suggest-items", "search-url"]),
+            createVNode(OHeaderLanguageSwitcher, {
+              options: langOptions2,
+              type: "common",
+              auto: false,
+              onChange: onLangChange
+            }, null, 8, ["options", "onChange"]),
+            createVNode(OHeaderTheme, {
+              type: "common",
+              theme,
+              onChange: setTheme
+            }, null, 8, ["theme", "onChange"]),
+            createVNode(OHeaderUser, {
+              token: isLogined.value ? "1" : "",
+              "user-info": userInfo.value,
+              options: userOptions.value,
+              onLogin: __props.onLogin,
+              onLogout: __props.onLogout
+            }, null, 8, ["token", "user-info", "options", "onLogin", "onLogout"])
+          ])
+        ]),
+        tool: withCtx(({ theme, setTheme }) => [
+          createVNode(OHeaderTheme, {
+            type: "mobile",
+            theme,
+            onChange: setTheme
+          }, null, 8, ["theme", "onChange"])
+        ]),
+        rightConfig: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(OHeaderUser, {
+              token: isLogined.value ? "1" : "",
+              "user-info": userInfo.value,
+              options: userOptions.value,
+              onLogin: __props.onLogin,
+              onLogout: __props.onLogout
+            }, null, 8, ["token", "user-info", "options", "onLogin", "onLogout"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["logo", "nav-data", "theme", "active-index", "simple-header", "header-title", "locale"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/user-center/OAsideBar.css

@@ -0,0 +1,65 @@
+.hover-icon-rotate .o-icon[data-v-4864c54f] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-4864c54f] {
+    transform: rotate(-180deg);
+}
+}
+.aside-menu[data-v-4864c54f] {
+  padding-top: 8px;
+}
+.aside-menu .aside-menu-item[data-v-4864c54f] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  height: 46px;
+  margin-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  cursor: pointer;
+  color: var(--o-color-info2);
+  transition: color var(--o-duration-s) var(--o-easing-standard);
+}
+.aside-menu .aside-menu-item .menu-icon svg[data-v-4864c54f] {
+  font-size: 24px;
+  flex-shrink: 0;
+  height: 24px;
+  width: 24px;
+}
+.aside-menu .aside-menu-item[data-v-4864c54f]:hover {
+  background-color: var(--o-color-control3-light);
+  border-radius: 8px;
+  color: var(--o-color-primary1);
+}
+.aside-menu .menu-divider[data-v-4864c54f] {
+  height: 1px;
+  margin: 8px 8px;
+  background-color: var(--o-color-control4);
+}
+.aside-menu-pad[data-v-4864c54f] {
+  background-color: var(--o-color-fill2);
+  margin-top: 16px;
+  border-radius: 8px;
+  padding-left: 16px;
+  padding-right: 16px;
+  padding-top: 0;
+}
+.aside-menu-pad .menu-divider[data-v-4864c54f] {
+  margin: 0;
+}
+.aside-menu-pad .aside-menu-item[data-v-4864c54f] {
+  height: 54px;
+}
+.aside-menu-pad .left-arrow[data-v-4864c54f] {
+  margin-left: auto;
+}
+.aside-content[data-v-4864c54f] {
+  padding: var(--padding-value-1) var(--padding-value-2);
+}
+.aside-content .active[data-v-4864c54f] {
+  color: var(--o-color-primary1);
+  background-color: var(--o-color-control3-light);
+  border-radius: 8px;
+  font-weight: 500;
+}

package/dist/treeshaking/components/user-center/OAsideBar.vue.d.ts

@@ -0,0 +1,26 @@
+import { AsideMenuItemT } from './types/usercenter.interface';
+type __VLS_Props = {
+    menus?: AsideMenuItemT[];
+    currentPath?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        userinfo?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    navigate: (url: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onNavigate?: ((url: string) => any) | undefined;
+}>, {}, {}, {}, {}, 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/user-center/OAsideBar.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./OAsideBar.vue2.mjs";
+import './OAsideBar.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OAsideBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4864c54f"]]);
+export {
+  _OAsideBar as default
+};

package/dist/treeshaking/components/user-center/OAsideBar.vue2.mjs

@@ -0,0 +1,108 @@
+import { defineComponent, computed, openBlock, createElementBlock, renderSlot, createElementVNode, normalizeClass, unref, Fragment, renderList, createCommentVNode, createVNode, withCtx, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
+import { OIcon } from "@opensig/opendesign";
+import { useI18n } from "../../i18n/index.mjs";
+import { useTheme } from "../../shared/theme.mjs";
+import { useScreen } from "@opendesign-plus/composables";
+import IconMeeting from "../../_virtual/icon-meet.mjs";
+import IconSetting from "../../_virtual/icon-setting.mjs";
+import LeftArrowLight from "../../assets/user-center/images/left-arrow-light.svg.mjs";
+import LeftArrowDark from "../../assets/user-center/images/left-arrow-dark.svg.mjs";
+const _hoisted_1 = { class: "aside-content" };
+const _hoisted_2 = {
+  key: 0,
+  class: "menu-divider"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "jump-url" };
+const _hoisted_5 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OAsideBar",
+  props: {
+    menus: {},
+    currentPath: {}
+  },
+  emits: ["navigate"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t, locale } = useI18n();
+    const { isLight } = useTheme();
+    const { lePadV } = useScreen();
+    const defaultMenus = computed(() => [
+      {
+        id: "meeting",
+        name: t("common.ASIDE_MEETING"),
+        icon: IconMeeting,
+        url: locale.value === "zh" ? `/my/meeting` : `/my/meeting/en`,
+        group: 0
+      },
+      {
+        id: "setting",
+        name: t("common.ASIDE_SETTING"),
+        icon: IconSetting,
+        url: locale.value === "zh" ? `/my/settings` : `/my/settings/en`,
+        group: 1
+      }
+    ]);
+    const menuGroups = computed(() => {
+      var _a;
+      const menus = ((_a = props.menus) == null ? void 0 : _a.length) ? props.menus : defaultMenus.value;
+      const map = /* @__PURE__ */ new Map();
+      menus.forEach((item) => {
+        const g = item.group ?? 0;
+        if (!map.has(g)) {
+          map.set(g, []);
+        }
+        map.get(g).push(item);
+      });
+      return Array.from(map.keys()).sort((a, b) => a - b).map((g) => ({ group: g, items: map.get(g) }));
+    });
+    const isActive = (item) => {
+      const current = props.currentPath ?? (typeof window !== "undefined" ? window.location.pathname : "");
+      return current.includes(item.id);
+    };
+    const handleItemClick = (item) => {
+      emit("navigate", item.url);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "userinfo", {}, void 0, true),
+        createElementVNode("div", {
+          class: normalizeClass(["aside-menu", { "aside-menu-pad": unref(lePadV) }])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(menuGroups.value, (group, gi) => {
+            return openBlock(), createElementBlock(Fragment, {
+              key: group.group
+            }, [
+              gi > 0 ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: item.id,
+                  class: normalizeClass(["aside-menu-item", { active: isActive(item) }]),
+                  onClick: ($event) => handleItemClick(item)
+                }, [
+                  createVNode(unref(OIcon), { class: "menu-icon" }, {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(resolveDynamicComponent(item.icon)))
+                    ]),
+                    _: 2
+                  }, 1024),
+                  createElementVNode("span", _hoisted_4, toDisplayString(item.name), 1),
+                  unref(lePadV) ? (openBlock(), createElementBlock("img", {
+                    key: 0,
+                    src: unref(isLight) ? unref(LeftArrowLight) : unref(LeftArrowDark),
+                    class: "left-arrow",
+                    alt: ""
+                  }, null, 8, _hoisted_5)) : createCommentVNode("", true)
+                ], 10, _hoisted_3);
+              }), 128))
+            ], 64);
+          }), 128))
+        ], 2)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/user-center/OLayout.css

@@ -0,0 +1,30 @@
+.hover-icon-rotate .o-icon[data-v-588133ac] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-588133ac] {
+    transform: rotate(-180deg);
+}
+}
+.main-page[data-v-588133ac] {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  min-height: var(--page-min-height);
+  margin-top: var(--grid-gap);
+  margin-bottom: var(--container-padding-bottom);
+}
+.main-page .aside-bar[data-v-588133ac] {
+  flex-shrink: 0;
+  width: var(--sidebar-width);
+  background-color: var(--o-color-fill2);
+  margin-right: var(--layout-gap);
+  border-radius: var(--container-border-radius);
+  overflow: hidden;
+}
+.main-page .main-content[data-v-588133ac] {
+  flex: 1;
+  min-width: 0;
+  max-width: var(--content-width);
+  border-radius: var(--container-border-radius);
+}

package/dist/treeshaking/components/user-center/OLayout.vue.d.ts

@@ -0,0 +1,18 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        sidebar?(_: {}): any;
+        'user-main-content'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/user-center/OLayout.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./OLayout.vue2.mjs";
+import './OLayout.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-588133ac"]]);
+export {
+  _OLayout as default
+};

package/dist/treeshaking/components/user-center/OLayout.vue2.mjs

@@ -0,0 +1,27 @@
+import { defineComponent, openBlock, createElementBlock, unref, renderSlot, createCommentVNode, createElementVNode } from "vue";
+import { useScreen } from "@opendesign-plus/composables";
+const _hoisted_1 = { class: "main-page" };
+const _hoisted_2 = {
+  key: 0,
+  class: "aside-bar"
+};
+const _hoisted_3 = { class: "main-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OLayout",
+  setup(__props) {
+    const { lePadV } = useScreen();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !unref(lePadV) && _ctx.$slots.sidebar ? (openBlock(), createElementBlock("aside", _hoisted_2, [
+          renderSlot(_ctx.$slots, "sidebar", {}, void 0, true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("main", _hoisted_3, [
+          renderSlot(_ctx.$slots, "user-main-content", {}, void 0, true)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/user-center/OTheAccountManage.css

@@ -0,0 +1,25 @@
+.hover-icon-rotate .o-icon[data-v-69c69062] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-69c69062] {
+    transform: rotate(-180deg);
+}
+}
+.account-manage .user-info[data-v-69c69062] {
+  background-color: var(--o-color-fill2);
+  margin-bottom: var(--layout-gap);
+  padding: var(--padding-value-1) var(--padding-value-2);
+  border-radius: 16px;
+}
+.account-manage .settings[data-v-69c69062] {
+  background-color: var(--o-color-fill2);
+  padding: var(--padding-value-1) var(--padding-value-2);
+  border-radius: 16px;
+}
+.account-manage .user-info-pad[data-v-69c69062] {
+  background-color: transparent;
+}
+.account-manage .settings-pad[data-v-69c69062] {
+  background-color: transparent;
+}

package/dist/treeshaking/components/user-center/OTheAccountManage.vue.d.ts

@@ -0,0 +1,18 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'user-info'?(_: {}): any;
+        'user-setting'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/user-center/OTheAccountManage.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./OTheAccountManage.vue2.mjs";
+import './OTheAccountManage.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OTheAccountManage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69c69062"]]);
+export {
+  _OTheAccountManage as default
+};

package/dist/treeshaking/components/user-center/OTheAccountManage.vue2.mjs

@@ -0,0 +1,26 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, renderSlot } from "vue";
+import { useScreen } from "@opendesign-plus/composables";
+const _hoisted_1 = { class: "account-manage" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OTheAccountManage",
+  setup(__props) {
+    const { lePadV } = useScreen();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["user-info", { "user-info-pad": unref(lePadV) }])
+        }, [
+          renderSlot(_ctx.$slots, "user-info", {}, void 0, true)
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(["settings", { "settings-pad": unref(lePadV) }])
+        }, [
+          renderSlot(_ctx.$slots, "user-setting", {}, void 0, true)
+        ], 2)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};