@opendesign-plus-test/components 0.0.1-rc.205 → 0.0.1-rc.207

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

@@ -1,148 +0,0 @@
-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" };
-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

@@ -1,20 +0,0 @@
-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

@@ -1,67 +0,0 @@
-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

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

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

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