@opendesign-plus-test/components 0.0.1-rc.213 → 0.0.1-rc.215

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

@@ -0,0 +1,98 @@
+import { NavItemT, LangItemT, CodeT } from '../../header/types';
+export type LanguageOptionT = {
+    id: string;
+    label: string;
+    simple?: string;
+};
+type LogoT = string | {
+    light: string;
+    dark: string;
+} | {
+    zh: {
+        light: string;
+        dark: string;
+    };
+    en: {
+        light: string;
+        dark: string;
+    };
+    icon?: string;
+};
+type __VLS_Props = {
+    logo: LogoT;
+    navData: NavItemT[];
+    community?: string;
+    bgLeft?: string;
+    bgRight?: string;
+    langOptions?: LanguageOptionT[];
+    theme?: 'light' | 'dark';
+    activeIndex?: number;
+    simpleHeader?: boolean;
+    headerTitle?: string;
+    locale?: string;
+    codeData?: CodeT;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        rightConfig?(_: {}): any;
+        toolbar?(_: {
+            isMobile: boolean;
+            theme: "light" | "dark";
+            setTheme: (val?: string) => void;
+            isDark: boolean;
+            locale: string;
+            onLangChange: (lang: any) => void;
+            langOptions: LanguageOptionT[];
+        }): any;
+        toolbar?(_: {
+            isMobile: boolean;
+            theme: "light" | "dark";
+            setTheme: (val?: string) => void;
+            isDark: boolean;
+            locale: string;
+            onLangChange: (lang: any) => void;
+            langOptions: LanguageOptionT[];
+        }): any;
+        tool?(_: {
+            theme: "light" | "dark";
+            setTheme: (val?: string) => void;
+            isMobile: boolean;
+            locale: string;
+            onLangChange: (lang: any) => void;
+            langOptions: LanguageOptionT[];
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "handle-click": (val: any) => any;
+    "go-home": () => any;
+    "lang-click": (val: LangItemT) => any;
+    "go-back": () => any;
+    "lang-change": (val: any) => any;
+    "theme-change": (val: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onHandle-click"?: ((val: any) => any) | undefined;
+    "onGo-home"?: (() => any) | undefined;
+    "onLang-click"?: ((val: LangItemT) => any) | undefined;
+    "onGo-back"?: (() => any) | undefined;
+    "onLang-change"?: ((val: any) => any) | undefined;
+    "onTheme-change"?: ((val: string) => any) | undefined;
+}>, {
+    locale: string;
+    community: string;
+    theme: "light" | "dark";
+    activeIndex: number;
+    headerTitle: string;
+    simpleHeader: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+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/internal/OCommonHeader.vue.mjs

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

package/dist/treeshaking/components/user-center/internal/OCommonHeader.vue2.mjs

@@ -0,0 +1,148 @@
+import { defineComponent, computed, openBlock, createElementBlock, unref, createBlock, createSlots, withCtx, renderSlot } from "vue";
+import OHeader from "../../header/OHeader.vue.mjs";
+import OHeaderMobile from "../../header/OHeaderMobile.vue.mjs";
+import { useScreen } from "@opendesign-plus/composables";
+const _hoisted_1 = { class: "common-header user-center" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OCommonHeader",
+  props: {
+    logo: {},
+    navData: {},
+    community: { default: "" },
+    bgLeft: {},
+    bgRight: {},
+    langOptions: {},
+    theme: { default: "light" },
+    activeIndex: { default: -1 },
+    simpleHeader: { type: Boolean, default: false },
+    headerTitle: { default: "" },
+    locale: { default: "zh" },
+    codeData: {}
+  },
+  emits: ["go-home", "handle-click", "go-back", "lang-click", "lang-change", "theme-change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { lePadV } = useScreen();
+    const isZh = computed(() => props.locale === "zh");
+    const theme = computed(() => props.theme);
+    const isDark = computed(() => props.theme === "dark");
+    const setTheme = (val) => {
+      emit("theme-change", val || (isDark.value ? "light" : "dark"));
+    };
+    const logoSrc = computed(() => {
+      const l = props.logo;
+      if (typeof l === "string") return l;
+      const pair = l.zh ? isZh.value ? l.zh : l.en : l;
+      return isDark.value ? pair.dark : pair.light;
+    });
+    const activeIndex = computed(() => props.activeIndex);
+    const isSimpleHeader = computed(() => props.simpleHeader);
+    const headerTitle = computed(() => props.headerTitle);
+    const DEFAULT_LANG = [
+      { id: "zh", label: "简体中文", simple: "中" },
+      { id: "en", label: "English", simple: "EN" }
+    ];
+    const langOptions = computed(() => {
+      var _a;
+      return ((_a = props.langOptions) == null ? void 0 : _a.length) ? props.langOptions : DEFAULT_LANG;
+    });
+    const onLangChange = (lang) => {
+      emit("lang-change", lang);
+    };
+    const langData = computed(() => ({
+      label: isZh.value ? "语言切换" : "Language",
+      children: langOptions.value
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("header", _hoisted_1, [
+        unref(lePadV) ? (openBlock(), createBlock(OHeaderMobile, {
+          key: 0,
+          logo: logoSrc.value,
+          "nav-data": __props.navData,
+          "lang-data": langData.value,
+          "code-data": __props.codeData,
+          "active-index": activeIndex.value,
+          "is-simple-header": isSimpleHeader.value,
+          "header-title": headerTitle.value,
+          community: __props.community,
+          "bg-left": __props.bgLeft,
+          "bg-right": __props.bgRight,
+          onGoBack: _cache[0] || (_cache[0] = ($event) => emit("go-back")),
+          onGoHome: _cache[1] || (_cache[1] = ($event) => emit("go-home")),
+          onHandleClick: _cache[2] || (_cache[2] = (v) => emit("handle-click", v)),
+          onLangClick: _cache[3] || (_cache[3] = (v) => {
+            emit("lang-click", v);
+            emit("lang-change", v);
+          })
+        }, createSlots({ _: 2 }, [
+          _ctx.$slots.rightConfig ? {
+            name: "rightConfig",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "rightConfig", {}, void 0, true)
+            ]),
+            key: "0"
+          } : void 0,
+          _ctx.$slots.toolbar ? {
+            name: "toolbar",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "toolbar", {
+                isMobile: true,
+                theme: theme.value,
+                setTheme,
+                isDark: isDark.value,
+                locale: __props.locale,
+                onLangChange,
+                langOptions: langOptions.value
+              }, void 0, true)
+            ]),
+            key: "1"
+          } : void 0,
+          _ctx.$slots.tool ? {
+            name: "tool",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "tool", {
+                theme: theme.value,
+                setTheme,
+                isMobile: true,
+                locale: __props.locale,
+                onLangChange,
+                langOptions: langOptions.value
+              }, void 0, true)
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1032, ["logo", "nav-data", "lang-data", "code-data", "active-index", "is-simple-header", "header-title", "community", "bg-left", "bg-right"])) : (openBlock(), createBlock(OHeader, {
+          key: 1,
+          community: __props.community,
+          logo: logoSrc.value,
+          "nav-data": __props.navData,
+          "active-index": activeIndex.value,
+          "bg-left": __props.bgLeft,
+          "bg-right": __props.bgRight,
+          onGoHome: _cache[4] || (_cache[4] = ($event) => emit("go-home")),
+          onHandleClick: _cache[5] || (_cache[5] = (v) => emit("handle-click", v))
+        }, createSlots({ _: 2 }, [
+          _ctx.$slots.toolbar ? {
+            name: "toolbar",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "toolbar", {
+                isMobile: false,
+                theme: theme.value,
+                setTheme,
+                isDark: isDark.value,
+                locale: __props.locale,
+                onLangChange,
+                langOptions: langOptions.value
+              }, void 0, true)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["community", "logo", "nav-data", "active-index", "bg-left", "bg-right"]))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/treeshaking/components/user-center/internal/OCountdownButton.vue.mjs

@@ -0,0 +1,67 @@
+import { defineComponent, useAttrs, toRefs, ref, onUnmounted, openBlock, createBlock, unref, mergeProps, withCtx, createTextVNode, toDisplayString, watch } from "vue";
+import { OLink } from "@opensig/opendesign";
+import { useI18n } from "../../../i18n/index.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OCountdownButton",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "click"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const attrs = useAttrs();
+    const props = __props;
+    const { modelValue } = toRefs(props);
+    const emit = __emit;
+    const num = ref(0);
+    let timer;
+    let stopwatch;
+    const limitedToResend = () => {
+      num.value = 60;
+      timer && clearInterval(timer);
+      timer = setInterval(() => {
+        if (num.value > 0) {
+          num.value--;
+        } else {
+          num.value = 0;
+          emit("update:modelValue", false);
+          clearInterval(timer);
+          stopwatch();
+        }
+      }, 1e3);
+    };
+    onUnmounted(() => {
+      timer && clearInterval(timer);
+    });
+    const clickBtn = () => {
+      if (!modelValue.value) {
+        stopwatch = watch(
+          () => modelValue.value,
+          (value) => {
+            if (value && !num.value) {
+              limitedToResend();
+            }
+          }
+        );
+        emit("click");
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OLink), mergeProps(unref(attrs), {
+        disabled: Boolean(num.value) || unref(modelValue),
+        onClick: clickBtn
+      }), {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(num.value ? unref(t)("common.TRY_AGAIN", { second: num.value }) : unref(t)("common.SEN_CODE")), 1)
+        ]),
+        _: 1
+      }, 16, ["disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/user-center/internal/OCountdownButton.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./OCountdownButton.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/user-center/internal/ODeleteAccountModal.css

@@ -0,0 +1,172 @@
+.hover-icon-rotate .o-icon[data-v-234a03bf] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-234a03bf] {
+    transform: rotate(-180deg);
+}
+}
+.header[data-v-234a03bf] {
+  font-weight: 600;
+  text-align: center;
+  font-size: 24px;
+  line-height: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.header[data-v-234a03bf] {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.header[data-v-234a03bf] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.header[data-v-234a03bf] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.header[data-v-234a03bf] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.delete-tip1[data-v-234a03bf] {
+  display: flex;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--o-color-info2);
+  margin: 0 0 24px;
+  background-color: rgba(var(--o-orange-6), 0.05);
+  justify-content: center;
+  align-items: flex-start;
+  border-radius: 8px;
+  position: relative;
+  padding: 4px 12px 4px 0;
+}
+.delete-tip1[data-v-234a03bf]::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 4px;
+  background-color: var(--o-color-warning1);
+  border-radius: 8px 0 0 8px;
+}
+.delete-tip1 img[data-v-234a03bf] {
+  margin-left: 12px;
+  margin-right: 8px;
+}
+.content-tip[data-v-234a03bf] {
+  display: inline-block;
+  margin-bottom: 8px;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.content-tip[data-v-234a03bf] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.content-tip[data-v-234a03bf] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.content-tip[data-v-234a03bf] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.content-tip[data-v-234a03bf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.content-tip[data-v-234a03bf]:last-child {
+  margin-bottom: 0;
+}
+.footer[data-v-234a03bf] {
+  display: flex;
+  justify-content: center;
+  padding-top: 24px;
+}
+.footer .o-btn + .o-btn[data-v-234a03bf] {
+  margin-left: 16px;
+}
+.footer .o-btn-solid[data-v-234a03bf] {
+  background-color: var(--o-color-primary1);
+  border: 1px solid var(--o-color-primary1);
+}
+.footer .o-btn-solid[data-v-234a03bf]:hover {
+  background-color: var(--o-color-primary2);
+  border: 1px solid var(--o-color-primary2);
+}
+.footer .o-btn-outline[data-v-234a03bf] {
+  color: var(--o-color-primary1);
+  border: 1px solid var(--o-color-primary1);
+}
+.footer .o-btn-outline[data-v-234a03bf]:hover {
+  color: var(--o-color-primary2);
+  background-color: transparent !important;
+  border: 1px solid var(--o-color-primary2);
+}
+.footer .o-btn-disabled[data-v-234a03bf] {
+  background-color: transparent;
+  border-color: var(--o-color-primary4);
+  color: var(--o-color-primary4);
+}
+.footer .o-btn-disabled[data-v-234a03bf]:hover {
+  color: var(--o-color-primary4);
+  background-color: transparent;
+  border-color: var(--o-color-primary4);
+}
+.footer-pad[data-v-234a03bf] {
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: center;
+  align-items: center;
+  padding-top: 12px;
+  column-gap: 16px;
+}
+.footer-pad .divider[data-v-234a03bf] {
+  width: 1px;
+  height: 24px;
+  background-color: var(--o-color-control4);
+}
+.footer-pad .o-btn-outline[data-v-234a03bf], .footer-pad .o-btn-primary.o-btn-solid[data-v-234a03bf] {
+  color: var(--o-color-info1);
+  background-color: transparent;
+  border-color: transparent;
+}
+.footer-pad .o-btn-outline[data-v-234a03bf]:hover, .footer-pad .o-btn-primary.o-btn-solid[data-v-234a03bf]:hover {
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--o-color-info2);
+}
+.footer-pad .o-btn-outline[data-v-234a03bf] {
+  color: var(--o-color-danger1);
+}
+.footer-pad .o-btn-outline[data-v-234a03bf]:hover {
+  color: var(--o-color-danger2);
+}
+.footer-pad .o-btn-disabled[data-v-234a03bf] {
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--o-color-danger4);
+}
+.footer-pad .o-btn-disabled[data-v-234a03bf]:hover {
+  color: var(--o-color-danger4);
+  background-color: transparent;
+  border-color: transparent;
+}