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

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

@@ -1,393 +0,0 @@
-import { defineComponent, ref, computed, onMounted, watch, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, unref, createCommentVNode, normalizeClass, createVNode, withCtx, renderList, createBlock, resolveDynamicComponent, createTextVNode } from "vue";
-import IconMail from "../../_virtual/icon-email.mjs";
-import IconPhone from "../../_virtual/icon-phone.mjs";
-import { useMessage, OSkeleton, OIcon, OLink, OSkeletonText } from "@opensig/opendesign";
-import { useI18n } from "../../i18n/index.mjs";
-import { useTheme } from "../../shared/theme.mjs";
-import { useScreen } from "@opendesign-plus/composables";
-import OAppDialog from "./internal/OAppDialog.vue.mjs";
-import OMaskEye from "./internal/OMaskEye.vue.mjs";
-import { maskUserInfo, isSendCodeEmail } from "./utils/utils.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: "user-info-setting" };
-const _hoisted_2 = { class: "title" };
-const _hoisted_3 = {
-  key: 0,
-  class: "login-setting"
-};
-const _hoisted_4 = { class: "section-label" };
-const _hoisted_5 = { class: "center left-content" };
-const _hoisted_6 = { class: "center left-content" };
-const _hoisted_7 = {
-  key: 0,
-  class: "content-info"
-};
-const _hoisted_8 = { class: "opt-label" };
-const _hoisted_9 = {
-  key: 1,
-  class: "content-info"
-};
-const _hoisted_10 = { class: "center" };
-const _hoisted_11 = {
-  key: 0,
-  class: "fs16 unbind"
-};
-const _hoisted_12 = ["src", "onClick"];
-const _hoisted_13 = ["src", "onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OAccountSetting",
-  props: {
-    userInfo: {},
-    phoneUnbindable: { type: Boolean, default: true },
-    phoneVisible: { type: Boolean, default: true },
-    bindAccountPost: {},
-    modifyAccountPost: {},
-    sendUnbindCodePost: {},
-    unbindAccountPost: {},
-    captchaApis: {}
-  },
-  emits: ["refresh"],
-  setup(__props, { emit: __emit }) {
-    const { t, locale } = useI18n();
-    const message = useMessage(null);
-    const { lePadV } = useScreen();
-    const { isLight } = useTheme();
-    const props = __props;
-    const emit = __emit;
-    const accountData = ref([
-      {
-        key: "email",
-        icon: IconMail,
-        label: t("common.EMAIL_ADDRESS"),
-        operate: [""],
-        value: "",
-        isMask: true
-      },
-      {
-        key: "phone",
-        icon: IconPhone,
-        label: t("common.BINDING_PHONE"),
-        operate: ["unbind"],
-        value: "",
-        isMask: true
-      }
-    ]);
-    const visibleAccountData = computed(() => accountData.value.filter((item) => item.key !== "phone" || props.phoneVisible));
-    const initData = () => {
-      accountData.value.forEach((item) => {
-        if (item.key in props.userInfo) {
-          const key = item.key === "phone" ? "phoneCountry" : item.key;
-          item.value = props.userInfo[key];
-        }
-      });
-    };
-    const vilible = ref(false);
-    const modifyAccountFuc = (data) => {
-      (isSendCodeEmail(data == null ? void 0 : data.oldaccount) ? props.modifyAccountPost : props.bindAccountPost)(data).then(() => {
-        message.success({
-          content: t("common.MODIFY_SUCCESS")
-        });
-        vilible.value = false;
-        emit("refresh");
-      });
-    };
-    const bindAccountFuc = (data) => {
-      props.bindAccountPost(data).then(() => {
-        message.success({
-          content: t("common.BIND_SUCCESS")
-        });
-        vilible.value = false;
-        emit("refresh");
-      });
-    };
-    const unbindAccountFuc = (data) => {
-      props.unbindAccountPost(data).then(() => {
-        message.success({
-          content: t("common.UNBIND_SUCCESS")
-        });
-        vilible.value = false;
-        emit("refresh");
-      });
-    };
-    const sendCodeFuc = (data) => {
-      return new Promise((resolve, rejects) => {
-        props.sendUnbindCodePost(data).then(() => {
-          resolve(true);
-        }).catch((err) => {
-          rejects(err);
-        });
-      });
-    };
-    const operateKey = ref("bind_email");
-    const config = {
-      confirm_bind_email: {
-        key: "confirm_bind_email",
-        account_type: "email",
-        field: "change",
-        header: "BIND_EMAIL",
-        content: "CONFIRM_BIND_EMAIL",
-        confirm: () => {
-          operateKey.value = "bind_email";
-          vilible.value = true;
-        }
-      },
-      bind_email: {
-        key: "bind_email",
-        account_type: "email",
-        field: "change",
-        header: "BIND_EMAIL",
-        account: {
-          label: "EMAIL",
-          placeholder: "INPUT_NEW_EMAIL"
-        },
-        code: {
-          label: "EMAIL_CODE",
-          placeholder: "ENTER_EMAIL_CODE"
-        },
-        confirm: (data) => {
-          bindAccountFuc(data);
-        }
-      },
-      modify_email: {
-        key: "modify_email",
-        account_type: "email",
-        field: "change",
-        header: "MODIFY_EMAIL",
-        content: "",
-        oldaccount: {
-          label: "AUTHENTICATION"
-        },
-        oldcode: {
-          placeholder: "INPUT_EMAIL_CODE"
-        },
-        account: {
-          label: "BIND_NEW_EMAIL",
-          placeholder: "INPUT_NEW_EMAIL"
-        },
-        code: {
-          placeholder: "INPUT_EMAIL_CODE"
-        },
-        confirm: (data) => {
-          modifyAccountFuc(data);
-        }
-      },
-      bind_phone: {
-        key: "bind_phone",
-        account_type: "phone",
-        field: "change",
-        header: "BIND_PHONE",
-        account: {
-          label: "PHONE",
-          placeholder: "INPUT_NEW_PHONE"
-        },
-        code: {
-          label: "SMS_CODE",
-          placeholder: "INPUT_PHONE_CODE"
-        },
-        confirm: (data) => {
-          bindAccountFuc(data);
-        }
-      },
-      modify_phone: {
-        key: "modify_phone",
-        account_type: "phone",
-        field: "change",
-        header: "MODIFY_PHONE",
-        content: "",
-        oldaccount: {
-          label: "AUTHENTICATION"
-        },
-        oldcode: {
-          placeholder: "INPUT_PHONE_CODE"
-        },
-        account: {
-          label: "BIND_NEW_PHONE",
-          placeholder: "INPUT_NEW_PHONE"
-        },
-        code: {
-          placeholder: "INPUT_PHONE_CODE"
-        },
-        confirm: (data) => {
-          modifyAccountFuc(data);
-        }
-      },
-      unbind_phone: {
-        key: "unbind_phone",
-        account_type: "phone",
-        field: "change",
-        header: "UNBIND_PHONE",
-        oldaccount: {
-          label: "PHONE"
-        },
-        code: {
-          placeholder: "INPUT_PHONE_CODE",
-          getCode: (data) => {
-            data.account = props.userInfo.phoneCountry;
-            return sendCodeFuc(data);
-          }
-        },
-        confirm: (data) => {
-          data.account = props.userInfo.phoneCountry;
-          unbindAccountFuc(data);
-        }
-      }
-    };
-    const showDialog = (str, key) => {
-      if (!isSendCodeEmail(props.userInfo.email) && str === "unbind") {
-        operateKey.value = "confirm_bind_email";
-      } else {
-        const _key = `${str}_${key}`;
-        operateKey.value = _key;
-      }
-      vilible.value = true;
-    };
-    onMounted(() => {
-      initData();
-    });
-    watch(
-      () => props.userInfo,
-      () => {
-        initData();
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("common.settingText")), 1),
-          !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(t)("common.settingTextDesc")), 1)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4, toDisplayString(unref(t)("common.EMAIL_AND_PHONE_BIND")), 1),
-          createElementVNode("div", {
-            class: normalizeClass(["setting-content", { "setting-content-pad": unref(lePadV) }])
-          }, [
-            createVNode(unref(OSkeleton), {
-              animation: true,
-              loading: __props.userInfo.loading
-            }, {
-              template: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(visibleAccountData.value, (item, index) => {
-                  return openBlock(), createElementBlock("div", {
-                    key: item.key,
-                    class: normalizeClass(["opt-item", { itemGap: index, "lang-en": unref(locale) === "en" }])
-                  }, [
-                    createElementVNode("div", _hoisted_5, [
-                      createVNode(unref(OIcon), { class: "icon" }, {
-                        default: withCtx(() => [
-                          (openBlock(), createBlock(resolveDynamicComponent(item.icon)))
-                        ]),
-                        _: 2
-                      }, 1024),
-                      createElementVNode("span", {
-                        class: normalizeClass(["content-label nowrap", { "content-label-en": unref(locale) === "en" }])
-                      }, toDisplayString(item.label), 3)
-                    ]),
-                    createVNode(unref(OSkeletonText), {
-                      rows: 1,
-                      class: "skeleton-text"
-                    })
-                  ], 2);
-                }), 128))
-              ]),
-              default: withCtx(() => [
-                !__props.userInfo.loading ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(visibleAccountData.value, (item, index) => {
-                  var _a;
-                  return openBlock(), createElementBlock("div", {
-                    key: item.key,
-                    class: normalizeClass(["opt-item", { itemGap: index, "lang-en": unref(locale) === "en" }])
-                  }, [
-                    createElementVNode("div", _hoisted_6, [
-                      createVNode(unref(OIcon), { class: "icon" }, {
-                        default: withCtx(() => [
-                          (openBlock(), createBlock(resolveDynamicComponent(item.icon)))
-                        ]),
-                        _: 2
-                      }, 1024),
-                      createElementVNode("span", {
-                        class: normalizeClass(["content-label nowrap", { "content-label-en": unref(locale) === "en" }])
-                      }, toDisplayString(item.label), 3),
-                      item.value ? (openBlock(), createElementBlock("span", _hoisted_7, [
-                        createElementVNode("span", _hoisted_8, toDisplayString(unref(maskUserInfo)(item.value, item.isMask)), 1)
-                      ])) : (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(unref(t)("common.UNBIND")), 1)),
-                      item.value && !unref(lePadV) ? (openBlock(), createBlock(unref(OIcon), {
-                        key: 2,
-                        class: "icon mask-icon"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(OMaskEye, {
-                            modelValue: item.isMask,
-                            "onUpdate:modelValue": ($event) => item.isMask = $event
-                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                        ]),
-                        _: 2
-                      }, 1024)) : createCommentVNode("", true)
-                    ]),
-                    createElementVNode("div", _hoisted_10, [
-                      !unref(lePadV) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                        item.value && ((_a = item.operate) == null ? void 0 : _a.includes("unbind")) && __props.phoneUnbindable ? (openBlock(), createElementBlock("span", _hoisted_11, [
-                          createVNode(unref(OLink), {
-                            onClick: ($event) => showDialog("unbind", item.key)
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(unref(t)("common.UNBIND_EMAIL")), 1)
-                            ]),
-                            _: 1
-                          }, 8, ["onClick"])
-                        ])) : createCommentVNode("", true),
-                        item.value ? (openBlock(), createBlock(unref(OLink), {
-                          key: 1,
-                          color: "primary",
-                          class: "fs16",
-                          onClick: ($event) => showDialog("modify", item.key)
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("common.MODIFY")), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["onClick"])) : (openBlock(), createBlock(unref(OLink), {
-                          key: 2,
-                          color: "primary",
-                          class: "fs16",
-                          onClick: ($event) => showDialog("bind", item.key)
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("common.BIND")), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["onClick"]))
-                      ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                        item.value ? (openBlock(), createElementBlock("img", {
-                          key: 0,
-                          src: unref(isLight) ? unref(LeftArrowLight) : unref(LeftArrowDark),
-                          alt: "",
-                          onClick: ($event) => showDialog("modify", item.key)
-                        }, null, 8, _hoisted_12)) : (openBlock(), createElementBlock("img", {
-                          key: 1,
-                          src: unref(isLight) ? unref(LeftArrowLight) : unref(LeftArrowDark),
-                          alt: "",
-                          onClick: ($event) => showDialog("bind", item.key)
-                        }, null, 8, _hoisted_13))
-                      ], 64))
-                    ])
-                  ], 2);
-                }), 128)) : createCommentVNode("", true)
-              ]),
-              _: 1
-            }, 8, ["loading"])
-          ], 2)
-        ]),
-        createVNode(OAppDialog, {
-          modelValue: vilible.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vilible.value = $event),
-          config: config[operateKey.value],
-          "operate-key": operateKey.value,
-          "user-info": __props.userInfo,
-          "send-code-post": __props.sendUnbindCodePost,
-          "captcha-apis": __props.captchaApis
-        }, null, 8, ["modelValue", "config", "operate-key", "user-info", "send-code-post", "captcha-apis"])
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,12 +0,0 @@
-import { QuickNavT, FriendshipLinkT, FooterLogoT, FooterOptionT, InfoT, QrcodeT } from '../footer/types';
-type __VLS_Props = {
-    atom: Record<'zh' | 'en', InfoT> | InfoT;
-    quickNav?: Record<'zh' | 'en', QuickNavT[]> | QuickNavT[];
-    friendshipLink?: Record<'zh' | 'en', FriendshipLinkT> | FriendshipLinkT;
-    footerLogo?: FooterLogoT;
-    footerOption?: Record<'zh' | 'en', FooterOptionT> | FooterOptionT;
-    qrcode?: QrcodeT[];
-    footerBgImg?: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

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

@@ -1,51 +0,0 @@
-import { defineComponent, computed, openBlock, createBlock } from "vue";
-import OFooter from "../footer/OFooter.vue.mjs";
-import { useI18n } from "../../i18n/index.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OAppFooterSimple",
-  props: {
-    atom: {},
-    quickNav: {},
-    friendshipLink: {},
-    footerLogo: {},
-    footerOption: {},
-    qrcode: {},
-    footerBgImg: {}
-  },
-  setup(__props) {
-    const { locale } = useI18n();
-    const props = __props;
-    const langKey = computed(() => locale.value === "en" ? "en" : "zh");
-    const atomData = computed(() => {
-      const v = props.atom;
-      return (v == null ? void 0 : v[langKey.value]) ?? v;
-    });
-    const quickNavData = computed(() => {
-      const v = props.quickNav;
-      return (v == null ? void 0 : v[langKey.value]) ?? v;
-    });
-    const friendshipLinkData = computed(() => {
-      const v = props.friendshipLink;
-      return (v == null ? void 0 : v[langKey.value]) ?? v;
-    });
-    const footerOptionData = computed(() => {
-      const v = props.footerOption;
-      return (v == null ? void 0 : v[langKey.value]) ?? v;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(OFooter, {
-        atom: atomData.value,
-        "quick-nav": quickNavData.value,
-        "friendship-link": friendshipLinkData.value,
-        "footer-logo": __props.footerLogo,
-        "footer-option": footerOptionData.value,
-        qrcode: __props.qrcode,
-        "footer-bg-img": __props.footerBgImg,
-        simple: false
-      }, null, 8, ["atom", "quick-nav", "friendship-link", "footer-logo", "footer-option", "qrcode", "footer-bg-img"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

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

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

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

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

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