@opendesign-plus-test/components 0.0.1-rc.199 → 0.0.1-rc.200

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

@@ -0,0 +1,555 @@
+import { defineComponent, computed, ref, reactive, watch, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, unref, toDisplayString, createCommentVNode, createVNode, withCtx, withModifiers, createBlock, renderList, createTextVNode } from "vue";
+import { useMessage, OSkeleton, OForm, OIcon, OFormItem, OInput, OPopover, OButton, OSkeletonAvatar, OSkeletonText } from "@opensig/opendesign";
+import { useI18n } from "../../i18n/index.mjs";
+import { useTheme } from "../../shared/theme.mjs";
+import { useScreen } from "@opendesign-plus/composables";
+import { getCompanyRules, getNicknammeRules, formValidator } from "./utils/rules.mjs";
+import { rolesMap } from "./rolesMap.mjs";
+import defaultAvater from "../../assets/user-center/images/default-user-photo.png.mjs";
+import IconEdit from "../../_virtual/icon-edit-new.mjs";
+import IconTips from "../../_virtual/icon-tips.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";
+import OUploadAvatar from "./internal/OUploadAvatar.vue.mjs";
+import AppAvatar from "../common/AppAvatar.vue.mjs";
+import OEditOrgDialog from "./internal/OEditOrgDialog.vue.mjs";
+import OEditNicknameDialog from "./internal/OEditNicknameDialog.vue.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "info-title"
+};
+const _hoisted_2 = { class: "common-item" };
+const _hoisted_3 = { class: "common-item" };
+const _hoisted_4 = {
+  key: 0,
+  class: "common-item"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "common-item"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "common-item"
+};
+const _hoisted_7 = {
+  key: 3,
+  class: "common-item"
+};
+const _hoisted_8 = {
+  key: 4,
+  class: "btn"
+};
+const _hoisted_9 = {
+  key: 1,
+  class: "avatar"
+};
+const _hoisted_10 = ["src"];
+const _hoisted_11 = {
+  key: 2,
+  class: "avatar"
+};
+const _hoisted_12 = ["src"];
+const _hoisted_13 = { class: "username" };
+const _hoisted_14 = {
+  key: 1,
+  class: "brief-info"
+};
+const _hoisted_15 = {
+  key: 0,
+  class: "common-item"
+};
+const _hoisted_16 = { class: "org-input" };
+const _hoisted_17 = {
+  key: 1,
+  class: "input-org"
+};
+const _hoisted_18 = { class: "org-name" };
+const _hoisted_19 = ["src"];
+const _hoisted_20 = {
+  key: 1,
+  class: "common-item"
+};
+const _hoisted_21 = { class: "label-role" };
+const _hoisted_22 = { class: "popover-content-tips" };
+const _hoisted_23 = { class: "blob" };
+const _hoisted_24 = { class: "org-input" };
+const _hoisted_25 = {
+  key: 0,
+  class: "common-value"
+};
+const _hoisted_26 = {
+  key: 1,
+  class: "common-value"
+};
+const _hoisted_27 = {
+  key: 2,
+  class: "common-item"
+};
+const _hoisted_28 = { class: "org-input" };
+const _hoisted_29 = {
+  key: 1,
+  class: "input-org"
+};
+const _hoisted_30 = { class: "org-name" };
+const _hoisted_31 = ["src"];
+const _hoisted_32 = {
+  key: 3,
+  class: "common-item"
+};
+const _hoisted_33 = { class: "org-input" };
+const _hoisted_34 = { class: "common-value" };
+const _hoisted_35 = {
+  key: 4,
+  class: "btn"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OUserInfo",
+  props: {
+    isAside: { type: Boolean, default: false },
+    userInfo: {},
+    username: { default: "" },
+    photo: { default: "" },
+    rolesList: { default: () => [] },
+    modifyUser: {},
+    modifyPhoto: {},
+    orgLabel: { default: "" },
+    orgPlaceholder: { default: "" },
+    rolesMap: {},
+    showBriefInfo: { type: Boolean, default: true }
+  },
+  emits: ["refresh"],
+  setup(__props, { emit: __emit }) {
+    const message = useMessage(null);
+    const { lePadV } = useScreen();
+    const { isLight } = useTheme();
+    const props = __props;
+    const emit = __emit;
+    const { t, locale } = useI18n();
+    const orgLabelText = computed(() => props.orgLabel || t("common.ORGANIZATION"));
+    const orgPlaceholderText = computed(() => props.orgPlaceholder || t("common.INPUT_ORG"));
+    const rolesMapConfig = computed(() => props.rolesMap ?? rolesMap);
+    const rolesListConfig = computed(() => Array.from(rolesMapConfig.value.values()));
+    const orgName = ref("");
+    const orgNameInitial = ref("");
+    const isEditOrgDialogVisible = ref(false);
+    const companyRules = getCompanyRules(t);
+    const nickNameRules = getNicknammeRules(t);
+    const formRef = ref();
+    const form = reactive({
+      username: "",
+      nickname: "",
+      company: "",
+      signedUp: ""
+    });
+    const getTimeData = (time) => {
+      const date = new Date(time);
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1;
+      const day = date.getDate();
+      return `${year}-${String(month).padStart(2, "0")}-${String(day).padStart(2, "0")}`;
+    };
+    const initData = () => {
+      if (!props.userInfo) {
+        return;
+      }
+      Object.keys(form).forEach((item) => {
+        if (item in props.userInfo) {
+          if (item === "signedUp") {
+            form[item] = getTimeData(props.userInfo[item]);
+          } else {
+            form[item] = props.userInfo[item] || "";
+          }
+        }
+      });
+      orgName.value = props.userInfo.company || "";
+      orgNameInitial.value = props.userInfo.company || "";
+    };
+    watch(
+      () => props.userInfo,
+      () => {
+        initData();
+      },
+      { immediate: true }
+    );
+    onMounted(() => {
+      initData();
+    });
+    const modifyUserFuc = (param) => {
+      return props.modifyUser(param);
+    };
+    const submit = (formEl) => {
+      formValidator(formEl).subscribe((valid) => {
+        if (valid) {
+          const param = {
+            nickname: form.nickname.trim(),
+            company: form.company
+          };
+          if (form.nickname === props.userInfo["nickname"]) {
+            delete param.nickname;
+          }
+          if (form.company === props.userInfo["company"]) {
+            delete param.company;
+          }
+          if (Object.keys(param).length === 0) {
+            return;
+          }
+          modifyUserFuc(param).then(() => {
+            message.success({
+              content: t("common.MODIFY_SUCCESS")
+            });
+            emit("refresh");
+          });
+        }
+      });
+    };
+    const showAvatarDlg = ref(false);
+    const changeAvatar = () => {
+      showAvatarDlg.value = true;
+    };
+    const keyNum = ref(0);
+    const close = async (flag) => {
+      showAvatarDlg.value = false;
+      if (flag) {
+        emit("refresh");
+      }
+      keyNum.value = keyNum.value + 1;
+    };
+    const changeOrg = () => {
+      isEditOrgDialogVisible.value = true;
+    };
+    const handleCloseEditOrgDialog = (visible) => {
+      isEditOrgDialogVisible.value = visible;
+    };
+    const isEditNicknameDialogVisible = ref(false);
+    const changeNickname = () => {
+      isEditNicknameDialogVisible.value = true;
+    };
+    const handleCloseEditNicknameDialog = (visible) => {
+      isEditNicknameDialogVisible.value = visible;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("div", {
+            class: normalizeClass(["title", { "title-pad": unref(lePadV) }])
+          }, toDisplayString(unref(t)("common.personInfo")), 3),
+          createElementVNode("div", {
+            class: normalizeClass(["title-desc", { "title-desc-pad": unref(lePadV) }])
+          }, toDisplayString(unref(t)("common.personInfoDesc")), 3)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", null, [
+          createVNode(unref(OSkeleton), {
+            animation: true,
+            loading: __props.userInfo.loading
+          }, {
+            template: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass({ "aside-userinfo": __props.isAside })
+              }, [
+                createElementVNode("div", _hoisted_2, [
+                  !__props.isAside ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
+                  }, toDisplayString(unref(t)("common.userAvatar")), 3)) : createCommentVNode("", true),
+                  createVNode(unref(OSkeletonAvatar), { style: { "--skeleton-width": "72px", "--skeleton-height": "72px" } })
+                ]),
+                createElementVNode("div", _hoisted_3, [
+                  !__props.isAside ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
+                  }, toDisplayString(unref(t)("common.username")), 3)) : createCommentVNode("", true),
+                  createVNode(unref(OSkeletonText), {
+                    rows: 1,
+                    class: "form-input skeleton-text"
+                  })
+                ]),
+                !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                  createElementVNode("div", {
+                    class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
+                  }, toDisplayString(unref(t)("common.nickName")), 3),
+                  createVNode(unref(OSkeletonText), {
+                    rows: 1,
+                    class: "form-input skeleton-text"
+                  })
+                ])) : createCommentVNode("", true),
+                !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                  createElementVNode("div", {
+                    class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
+                  }, toDisplayString(unref(t)("common.ROLES")), 3),
+                  createVNode(unref(OSkeletonText), {
+                    rows: 1,
+                    class: "form-input skeleton-text"
+                  })
+                ])) : createCommentVNode("", true),
+                !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                  createElementVNode("div", {
+                    class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
+                  }, toDisplayString(orgLabelText.value), 3),
+                  createVNode(unref(OSkeletonText), {
+                    rows: 1,
+                    class: "form-input skeleton-text"
+                  })
+                ])) : createCommentVNode("", true),
+                !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                  createElementVNode("div", {
+                    class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
+                  }, toDisplayString(unref(t)("common.registerTiem")), 3),
+                  createVNode(unref(OSkeletonText), {
+                    rows: 1,
+                    class: "form-input skeleton-text"
+                  })
+                ])) : createCommentVNode("", true),
+                !__props.isAside && !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                  createVNode(unref(OButton), {
+                    size: "large",
+                    color: "primary",
+                    variant: "solid",
+                    type: "submit"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t)("common.saveBtn")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])) : createCommentVNode("", true)
+              ], 2)
+            ]),
+            default: withCtx(() => [
+              !__props.userInfo.loading ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass({ "aside-userinfo": __props.isAside, "userinfo-pad": unref(lePadV) && __props.isAside, "userinfo-settings-pad": unref(lePadV) })
+              }, [
+                createVNode(unref(OForm), {
+                  ref_key: "formRef",
+                  ref: formRef,
+                  model: form,
+                  onSubmit: _cache[3] || (_cache[3] = withModifiers(() => {
+                  }, ["prevent"]))
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", {
+                      class: normalizeClass(["common-item user-avatar", { "aside-item": __props.isAside }])
+                    }, [
+                      !__props.isAside ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
+                      }, toDisplayString(unref(t)("common.userAvatar")), 3)) : createCommentVNode("", true),
+                      !__props.photo ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                        createVNode(AppAvatar, {
+                          avatar: unref(defaultAvater),
+                          onClick: changeAvatar,
+                          name: __props.username,
+                          "custom-size": unref(lePadV) ? 32 : 72
+                        }, null, 8, ["avatar", "name", "custom-size"]),
+                        !unref(lePadV) ? (openBlock(), createBlock(unref(OIcon), {
+                          key: 0,
+                          class: "avatar-img-mask",
+                          onClick: changeAvatar
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(IconEdit))
+                          ]),
+                          _: 1
+                        })) : (openBlock(), createElementBlock("img", {
+                          key: 1,
+                          src: unref(isLight) ? unref(LeftArrowLight) : unref(LeftArrowDark),
+                          alt: "",
+                          onClick: changeAvatar
+                        }, null, 8, _hoisted_10))
+                      ])) : (openBlock(), createElementBlock("div", _hoisted_11, [
+                        createVNode(AppAvatar, {
+                          avatar: __props.photo,
+                          onClick: changeAvatar,
+                          name: __props.username,
+                          "custom-size": unref(lePadV) ? 32 : 72
+                        }, null, 8, ["avatar", "name", "custom-size"]),
+                        !unref(lePadV) ? (openBlock(), createBlock(unref(OIcon), {
+                          key: 0,
+                          class: "avatar-img-mask",
+                          onClick: changeAvatar
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(IconEdit))
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        unref(lePadV) && !__props.isAside ? (openBlock(), createElementBlock("img", {
+                          key: 1,
+                          src: unref(isLight) ? unref(LeftArrowLight) : unref(LeftArrowDark),
+                          alt: "",
+                          onClick: changeAvatar
+                        }, null, 8, _hoisted_12)) : createCommentVNode("", true)
+                      ]))
+                    ], 2),
+                    createElementVNode("div", {
+                      class: normalizeClass(["common-item", { "aside-item": __props.isAside }])
+                    }, [
+                      !__props.isAside ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
+                      }, toDisplayString(unref(t)("common.username")), 3)) : createCommentVNode("", true),
+                      createElementVNode("div", _hoisted_13, toDisplayString(__props.username), 1),
+                      __props.isAside && __props.showBriefInfo ? (openBlock(), createElementBlock("div", _hoisted_14, toDisplayString(form.nickname || unref(t)("common.NO_NICKNAME")) + " · " + toDisplayString(form.company || unref(t)("common.NO_COMPANY")), 1)) : createCommentVNode("", true)
+                    ], 2),
+                    !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                      createElementVNode("div", {
+                        class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
+                      }, toDisplayString(unref(t)("common.nickName")), 3),
+                      createElementVNode("div", _hoisted_16, [
+                        !unref(lePadV) ? (openBlock(), createBlock(unref(OFormItem), {
+                          key: 0,
+                          field: "nickname",
+                          rules: unref(nickNameRules)
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(OInput), {
+                              modelValue: form.nickname,
+                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.nickname = $event),
+                              modelModifiers: { trim: true },
+                              placeholder: unref(t)("common.ENTER_NICKNAME")
+                            }, null, 8, ["modelValue", "placeholder"])
+                          ]),
+                          _: 1
+                        }, 8, ["rules"])) : (openBlock(), createElementBlock("div", _hoisted_17, [
+                          createElementVNode("div", _hoisted_18, toDisplayString(form.nickname || unref(t)("common.ENTER_NICKNAME")), 1),
+                          createElementVNode("img", {
+                            src: unref(isLight) ? unref(LeftArrowLight) : unref(LeftArrowDark),
+                            alt: "",
+                            onClick: changeNickname
+                          }, null, 8, _hoisted_19)
+                        ]))
+                      ])
+                    ])) : createCommentVNode("", true),
+                    !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                      createElementVNode("div", {
+                        class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
+                      }, [
+                        createElementVNode("div", _hoisted_21, [
+                          createElementVNode("p", null, toDisplayString(unref(t)("common.ROLES")), 1),
+                          createVNode(unref(OPopover), { position: "right" }, {
+                            target: withCtx(() => [
+                              createVNode(unref(OIcon), null, {
+                                default: withCtx(() => [
+                                  createVNode(unref(IconTips))
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            default: withCtx(() => [
+                              createElementVNode("div", _hoisted_22, [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList(rolesListConfig.value, (item) => {
+                                  return openBlock(), createElementBlock("div", {
+                                    key: item.id,
+                                    class: "item-tips"
+                                  }, [
+                                    createElementVNode("span", _hoisted_23, toDisplayString(item.name + "："), 1),
+                                    createTextVNode(" " + toDisplayString(item.desc), 1)
+                                  ]);
+                                }), 128))
+                              ])
+                            ]),
+                            _: 1
+                          })
+                        ])
+                      ], 2),
+                      createElementVNode("div", _hoisted_24, [
+                        __props.rolesList.length ? (openBlock(), createElementBlock("div", _hoisted_25, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rolesList, (item, i) => {
+                            var _a;
+                            return openBlock(), createElementBlock("span", { key: item }, toDisplayString((_a = rolesMapConfig.value.get(item)) == null ? void 0 : _a.name) + toDisplayString(i !== __props.rolesList.length - 1 ? "、" : ""), 1);
+                          }), 128))
+                        ])) : (openBlock(), createElementBlock("div", _hoisted_26, toDisplayString(unref(t)("common.EMPTY_ROLES")), 1))
+                      ])
+                    ])) : createCommentVNode("", true),
+                    !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_27, [
+                      createElementVNode("div", {
+                        class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
+                      }, toDisplayString(orgLabelText.value), 3),
+                      createElementVNode("div", _hoisted_28, [
+                        !unref(lePadV) ? (openBlock(), createBlock(unref(OFormItem), {
+                          key: 0,
+                          field: "company",
+                          rules: unref(companyRules)
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(OInput), {
+                              modelValue: form.company,
+                              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.company = $event),
+                              modelModifiers: { trim: true },
+                              placeholder: orgPlaceholderText.value
+                            }, null, 8, ["modelValue", "placeholder"])
+                          ]),
+                          _: 1
+                        }, 8, ["rules"])) : (openBlock(), createElementBlock("div", _hoisted_29, [
+                          createElementVNode("div", _hoisted_30, toDisplayString(form.company || orgPlaceholderText.value), 1),
+                          createElementVNode("img", {
+                            src: unref(isLight) ? unref(LeftArrowLight) : unref(LeftArrowDark),
+                            alt: "",
+                            onClick: changeOrg
+                          }, null, 8, _hoisted_31)
+                        ]))
+                      ])
+                    ])) : createCommentVNode("", true),
+                    !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_32, [
+                      createElementVNode("div", {
+                        class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
+                      }, toDisplayString(unref(t)("common.registerTiem")), 3),
+                      createElementVNode("div", _hoisted_33, [
+                        createElementVNode("div", _hoisted_34, toDisplayString(form.signedUp), 1)
+                      ])
+                    ])) : createCommentVNode("", true),
+                    !__props.isAside && !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_35, [
+                      createVNode(unref(OButton), {
+                        size: "large",
+                        color: "primary",
+                        variant: "solid",
+                        type: "submit",
+                        onClick: _cache[2] || (_cache[2] = ($event) => submit(formRef.value))
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(t)("common.saveBtn")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }, 8, ["model"])
+              ], 2)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["loading"])
+        ]),
+        (openBlock(), createBlock(OUploadAvatar, {
+          "avatar-visible": showAvatarDlg.value,
+          avatar: __props.photo,
+          account: "account",
+          username: __props.username,
+          "modify-photo": __props.modifyPhoto,
+          key: keyNum.value,
+          onClose: close
+        }, null, 8, ["avatar-visible", "avatar", "username", "modify-photo"])),
+        createVNode(OEditOrgDialog, {
+          "is-edit-org-dialog": isEditOrgDialogVisible.value,
+          "org-name": orgName.value,
+          "org-label": orgLabelText.value,
+          "org-placeholder": orgPlaceholderText.value,
+          "modify-user": __props.modifyUser,
+          onCloseEditOrgDialog: handleCloseEditOrgDialog,
+          onRefresh: _cache[4] || (_cache[4] = ($event) => emit("refresh"))
+        }, null, 8, ["is-edit-org-dialog", "org-name", "org-label", "org-placeholder", "modify-user"]),
+        createVNode(OEditNicknameDialog, {
+          "is-edit-nickname-dialog": isEditNicknameDialogVisible.value,
+          "nick-name": form.nickname,
+          "modify-user": __props.modifyUser,
+          onCloseEditNicknameDialog: handleCloseEditNicknameDialog,
+          onRefresh: _cache[5] || (_cache[5] = ($event) => emit("refresh"))
+        }, null, 8, ["is-edit-nickname-dialog", "nick-name", "modify-user"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,44 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+.popover-content-tips {
+  max-width: 336px;
+  color: var(--o-color-info2);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.popover-content-tips {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.popover-content-tips {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.popover-content-tips {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.popover-content-tips {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.popover-content-tips .item-tips + .item-tips {
+  margin-top: 8px;
+}
+.popover-content-tips .blob {
+  font-weight: 600;
+}

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

@@ -0,0 +1,16 @@
+.hover-icon-rotate .o-icon[data-v-385c5e8e] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-385c5e8e] {
+    transform: rotate(-180deg);
+}
+}
+
+/* stylelint-disable */
+:root.dark .edit-icon[data-v-385c5e8e] {
+  background-image: url("data:image/svg+xml,%3csvg%20width='24.000000'%20height='24.000000'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20id='icon编辑'%20width='24.000000'%20height='24.000000'%20fill='%23FFFFFF'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20width='24.000000'%20height='24.000000'%20fill='%23D8D8D8'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20x='0.500000'%20y='0.500000'%20width='23.000000'%20height='23.000000'%20stroke='%23979797'%20stroke-opacity='0'%20stroke-width='1.000000'/%3e%3cpath%20id='形状结合'%20d='M4.59998%2011.7781L12.6576%203.72058C13.5167%202.86133%2014.9097%202.86133%2015.7688%203.72058L17.887%205.83875C18.7462%206.69788%2018.7462%208.09082%2017.887%208.94995L9.82947%2017.0076C9.43311%2017.4038%208.90051%2017.634%208.34033%2017.6509L4.88171%2017.7556C4.32971%2017.7723%203.86865%2017.3384%203.85193%2016.7863L3.85144%2016.7561L3.95667%2013.2672C3.97351%2012.707%204.20374%2012.1744%204.59998%2011.7781ZM14.7806%204.71106L16.8988%206.82922C17.2113%207.14172%2017.2113%207.64819%2016.8988%207.96069L8.84131%2016.0182L8.74915%2016.0973C8.61926%2016.1927%208.46277%2016.2472%208.2998%2016.2522L5.26538%2016.3438L5.35779%2013.3102C5.36389%2013.1064%205.44763%2012.9127%205.59167%2012.7687L13.6493%204.71106C13.9617%204.39868%2014.4683%204.39868%2014.7806%204.71106ZM20.0437%2016.3577C20.4303%2016.3577%2020.7437%2016.6711%2020.7437%2017.0577C20.7437%2017.4121%2020.4803%2017.705%2020.1387%2017.7513L20.0437%2017.7577L13.5736%2017.7577C13.1869%2017.7577%2012.8735%2017.4443%2012.8735%2017.0577C12.8735%2016.7034%2013.1368%2016.4104%2013.4785%2016.3641L13.5736%2016.3577L20.0437%2016.3577ZM20.0504%2019.5237C20.437%2019.5237%2020.7505%2019.8372%2020.7505%2020.2238C20.7505%2020.5781%2020.4871%2020.871%2020.1454%2020.9174L20.0504%2020.9237L4.53552%2020.9237C4.14893%2020.9237%203.83557%2020.6104%203.83557%2020.2238C3.83557%2019.8694%204.09888%2019.5764%204.44055%2019.5302L4.53552%2019.5237L20.0504%2019.5237Z'%20clip-rule='evenodd'%20fill='%23ffffff'%20fill-opacity='0.800000'%20fill-rule='evenodd'/%3e%3c/svg%3e");
+}
+:root.dark .edit-icon[data-v-385c5e8e]:hover {
+  background-image: url("data:image/svg+xml,%3csvg%20width='24.000000'%20height='24.000000'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20id='icon编辑'%20width='24.000000'%20height='24.000000'%20fill='%23FFFFFF'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20width='24.000000'%20height='24.000000'%20fill='%23D8D8D8'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20x='0.500000'%20y='0.500000'%20width='23.000000'%20height='23.000000'%20stroke='%23979797'%20stroke-opacity='0'%20stroke-width='1.000000'/%3e%3cpath%20id='形状结合'%20d='M4.59998%2011.7781L12.6576%203.72058C13.5167%202.86133%2014.9097%202.86133%2015.7688%203.72058L17.887%205.83875C18.7462%206.69788%2018.7462%208.09082%2017.887%208.94995L9.82947%2017.0076C9.43311%2017.4038%208.90051%2017.634%208.34033%2017.6509L4.88171%2017.7556C4.32971%2017.7723%203.86865%2017.3384%203.85193%2016.7863L3.85144%2016.7561L3.95667%2013.2672C3.97351%2012.707%204.20374%2012.1744%204.59998%2011.7781ZM14.7806%204.71106L16.8988%206.82922C17.2113%207.14172%2017.2113%207.64819%2016.8988%207.96069L8.84131%2016.0182L8.74915%2016.0973C8.61926%2016.1927%208.46277%2016.2472%208.2998%2016.2522L5.26538%2016.3438L5.35779%2013.3102C5.36389%2013.1064%205.44763%2012.9127%205.59167%2012.7687L13.6493%204.71106C13.9617%204.39868%2014.4683%204.39868%2014.7806%204.71106ZM20.0437%2016.3577C20.4303%2016.3577%2020.7437%2016.6711%2020.7437%2017.0577C20.7437%2017.4121%2020.4803%2017.705%2020.1387%2017.7513L20.0437%2017.7577L13.5736%2017.7577C13.1869%2017.7577%2012.8735%2017.4443%2012.8735%2017.0577C12.8735%2016.7034%2013.1368%2016.4104%2013.4785%2016.3641L13.5736%2016.3577L20.0437%2016.3577ZM20.0504%2019.5237C20.437%2019.5237%2020.7505%2019.8372%2020.7505%2020.2238C20.7505%2020.5781%2020.4871%2020.871%2020.1454%2020.9174L20.0504%2020.9237L4.53552%2020.9237C4.14893%2020.9237%203.83557%2020.6104%203.83557%2020.2238C3.83557%2019.8694%204.09888%2019.5764%204.44055%2019.5302L4.53552%2019.5237L20.0504%2019.5237Z'%20clip-rule='evenodd'%20fill='%235C87FF'%20fill-opacity='0.800000'%20fill-rule='evenodd'/%3e%3c/svg%3e");
+}

package/dist/treeshaking/components/user-center/const/common.const.d.ts

@@ -0,0 +1,17 @@
+export declare const EMAIL_REG: RegExp;
+export declare const PHONE_REG: RegExp;
+export declare const CODE_REG: RegExp;
+export declare const USERNAME_REG: RegExp;
+export declare const USERNAME_REG1: RegExp;
+export declare const USERNAME_REPEAT_REG: RegExp;
+export declare const NICKNAME_REG: RegExp;
+export declare const NICKNAME_REG_NEW: RegExp;
+export declare const COMPANYNAME_REG: RegExp;
+export declare const PWD_REG: RegExp;
+export declare const PWD_REG_NEW: RegExp;
+export declare const PWD_REPEAT_REG: RegExp;
+export declare const CODE_CAN_USE_REG: RegExp;
+export declare const checkedCommunity: string[];
+export declare const TOKEN_EXPIRE_TIME: RegExp;
+export declare const TOKEN_NAME: RegExp;
+export declare const monthNames: string[];

package/dist/treeshaking/components/user-center/const/common.const.mjs

@@ -0,0 +1,31 @@
+const EMAIL_REG = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z]{2,6}$/;
+const PHONE_REG = /^(\+[0-9]{7,15}|[0-9]{6,11})$/;
+const CODE_REG = /^[0-9]{6}$/;
+const NICKNAME_REG_NEW = /^[a-zA-Z\u4e00-\u9fa5][0-9a-zA-Z_\-\s\u4e00-\u9fa5]{0,38}[0-9a-zA-Z\u4e00-\u9fa5]$/;
+const COMPANYNAME_REG = /^[0-9a-zA-Z\u4e00-\u9fa5][0-9a-zA-Z,.&()（）\s\u4e00-\u9fa5]{0,98}[0-9a-zA-Z.\u4e00-\u9fa5]$/;
+const PWD_REG_NEW = /^(?=.*[A-Za-z])(?=.*\d)[^\s]{8,32}$/;
+const PWD_REPEAT_REG = /^(?!.*((.)\2{2})).+$/;
+const monthNames = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+export {
+  CODE_REG,
+  COMPANYNAME_REG,
+  EMAIL_REG,
+  NICKNAME_REG_NEW,
+  PHONE_REG,
+  PWD_REG_NEW,
+  PWD_REPEAT_REG,
+  monthNames
+};