@opendesign-plus/components 0.0.1-rc.102 → 0.0.1-rc.103

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.vue.mjs

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

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

@@ -0,0 +1,325 @@
+import { defineComponent, toRefs, ref, reactive, computed, watchEffect, openBlock, createElementBlock, Fragment, createVNode, unref, isRef, withCtx, normalizeStyle, createElementVNode, toDisplayString, createCommentVNode, normalizeClass, createTextVNode, createBlock } from "vue";
+import { useMessage, ODialog, OForm, OFormItem, OInput, OButton } from "@opensig/opendesign";
+import { useI18n } from "../../../i18n/index.mjs";
+import { useTheme } from "../../../shared/theme.mjs";
+import _sfc_main$1 from "./OCountdownButton.vue.mjs";
+import { isSendCodeEmail, getVerifyImgSize } from "../utils/utils.mjs";
+import { getCodeRules, formValidator } from "../utils/rules.mjs";
+import Verify from "../verify/Verify.vue.mjs";
+import WarningDark from "../../../assets/user-center/images/warning-dark.svg.mjs";
+import WarningLight from "../../../assets/user-center/images/warning-light.svg.mjs";
+import { useScreen } from "@opendesign-plus/composables";
+const _hoisted_1 = { class: "header" };
+const _hoisted_2 = { class: "delete-tip1" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = {
+  key: 0,
+  class: "content-tip"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "divider"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ODeleteAccountModal",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    // 用户信息（由使用方传入）
+    userInfo: {
+      type: Object,
+      required: true
+    },
+    // 宿主 client_id（由使用方传入）
+    clientId: {
+      type: String,
+      required: true
+    },
+    // 社区标识（滑块验证码主题色等按社区区分）
+    community: {
+      type: String,
+      default: "openeuler"
+    },
+    // API 由使用方传入
+    sendCodeCaptchaPost: {
+      type: Function,
+      required: true
+    },
+    captchaApis: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["update:modelValue", "submit", "binding"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const message = useMessage(null);
+    const { lePadV } = useScreen();
+    const { isLight } = useTheme();
+    const props = __props;
+    const { modelValue } = toRefs(props);
+    const emit = __emit;
+    const formRef = ref();
+    const verify = ref();
+    const form = reactive({
+      account: "",
+      code: ""
+    });
+    const useAccount = ref("");
+    const warning = computed(() => {
+      return isLight.value ? WarningLight : WarningDark;
+    });
+    watchEffect(() => {
+      var _a, _b, _c;
+      if (modelValue.value) {
+        if (isSendCodeEmail((_a = props.userInfo) == null ? void 0 : _a.email)) {
+          useAccount.value = "email";
+          form.account = (_b = props.userInfo) == null ? void 0 : _b.email;
+        } else {
+          useAccount.value = "phone";
+          form.account = (_c = props.userInfo) == null ? void 0 : _c.phoneCountry;
+        }
+      }
+    });
+    const changeAccount = () => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      if (useAccount.value === "email" && !((_a = props.userInfo) == null ? void 0 : _a.phoneCountry)) {
+        emit("binding", "phone");
+        return;
+      }
+      if (useAccount.value === "phone" && !isSendCodeEmail((_b = props.userInfo) == null ? void 0 : _b.email)) {
+        emit("binding", "email");
+        return;
+      }
+      if (useAccount.value === "email" && ((_c = props.userInfo) == null ? void 0 : _c.phoneCountry)) {
+        useAccount.value = "phone";
+        form.account = (_d = props.userInfo) == null ? void 0 : _d.phoneCountry;
+      } else if (useAccount.value === "phone" && isSendCodeEmail((_e = props.userInfo) == null ? void 0 : _e.email)) {
+        useAccount.value = "email";
+        form.account = (_f = props.userInfo) == null ? void 0 : _f.email;
+      } else {
+        return;
+      }
+      (_g = formRef.value) == null ? void 0 : _g.resetFields("code");
+    };
+    const requiredRules = [
+      {
+        required: true,
+        message: t("common.NOT_EMPTY"),
+        trigger: "blur"
+      }
+    ];
+    const rules = getCodeRules(t);
+    const disableCode = ref(false);
+    const getcode = (formEl) => {
+      if (!formEl) return;
+      formValidator(formEl, "account").subscribe((valid) => {
+        if (valid) {
+          verify.value.show();
+        } else {
+          return false;
+        }
+      });
+    };
+    const verifySuccess = (data) => {
+      const param = {
+        channel: "channel_delete_account",
+        account: form.account,
+        captchaVerification: data.captchaVerification,
+        client_id: props.clientId
+      };
+      props.sendCodeCaptchaPost(param).then(() => {
+        disableCode.value = true;
+        message.success({
+          content: t("common.SEND_SUCCESS")
+        });
+      });
+    };
+    const close = () => {
+      var _a;
+      emit("update:modelValue", false);
+      (_a = formRef.value) == null ? void 0 : _a.resetFields();
+      form.account = "";
+      form.code = "";
+      disableCode.value = false;
+    };
+    const submit = (formEl) => {
+      formValidator(formEl).subscribe((valid) => {
+        if (valid) {
+          const params = {
+            account: form.account,
+            code: form.code
+          };
+          emit("submit", params);
+        } else {
+          return false;
+        }
+      });
+    };
+    const dlgToggle = (visible) => {
+      if (!visible) {
+        close();
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(ODialog), {
+          visible: unref(modelValue),
+          "onUpdate:visible": _cache[6] || (_cache[6] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+          class: "o-user-center-dialog o-user-center-delete-account-dialog",
+          style: {
+            "--dlg-body-padding": "58px",
+            "--dlg-padding-body-bottom": 0,
+            "--dlg-width": "690px",
+            "--dlg-radius": "4px",
+            "--o-radius_control-s": 0,
+            "--dlg-edge-gap": "32px",
+            "--dlg-header-gap": "32px",
+            "--dlg-inner-gap": 0
+          },
+          "mask-close": false,
+          onChange: dlgToggle
+        }, {
+          header: withCtx(() => [
+            createElementVNode("h5", _hoisted_1, toDisplayString(unref(t)("common.DELETE_ACCOUNT_TITLE")), 1)
+          ]),
+          footer: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["footer", { "footer-pad": unref(lePadV) }])
+            }, [
+              createVNode(unref(OButton), {
+                class: "confirm-btn",
+                size: "large",
+                color: "primary",
+                variant: "outline",
+                disabled: !form.code,
+                onClick: _cache[5] || (_cache[5] = ($event) => submit(formRef.value))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("common.CONFIRM_DETELE_ACCOUNT")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_5)) : createCommentVNode("", true),
+              createVNode(unref(OButton), {
+                size: "large",
+                color: "primary",
+                variant: "solid",
+                onClick: close,
+                class: "think-again"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("common.THINK_AGAIN")), 1)
+                ]),
+                _: 1
+              })
+            ], 2)
+          ]),
+          default: withCtx(() => [
+            createVNode(unref(OForm), {
+              ref_key: "formRef",
+              ref: formRef,
+              "label-width": "0",
+              model: form,
+              style: normalizeStyle([{ "max-width": "480px" }, {
+                "--form-item-display": "block",
+                "--form-label-main-gap": 0,
+                "--o-line_height-tip2": "24px",
+                "--form-label-gap-top": 0,
+                margin: "auto"
+              }]),
+              class: "form"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("img", {
+                    src: warning.value,
+                    alt: ""
+                  }, null, 8, _hoisted_3),
+                  createElementVNode("span", null, toDisplayString(unref(t)("common.DELETE_ACCOUNT_WARNING")), 1)
+                ]),
+                useAccount.value ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(useAccount.value === "email" ? unref(t)("common.EMAIL_CHECK") : unref(t)("common.PHONE_CHECK")), 1)) : createCommentVNode("", true),
+                createVNode(unref(OFormItem), {
+                  field: "account",
+                  rules: requiredRules,
+                  style: {
+                    display: "flex"
+                  }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(OInput), {
+                      modelValue: form.account,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.account = $event),
+                      placeholder: unref(t)("common.ENTER_YOUR_EMAIL_OR_PHONE"),
+                      disabled: true,
+                      class: "form-input",
+                      size: "large",
+                      onInput: _cache[1] || (_cache[1] = ($event) => {
+                        var _a;
+                        return (_a = formRef.value) == null ? void 0 : _a.resetFields("code");
+                      })
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(OFormItem), {
+                  field: "code",
+                  rules: unref(rules),
+                  style: {
+                    display: "flex"
+                  }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(OInput), {
+                      modelValue: form.code,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.code = $event),
+                      class: "form-input",
+                      size: "large",
+                      placeholder: useAccount.value === "email" ? unref(t)("common.INPUT_EMAIL_CODE") : unref(t)("common.INPUT_PHONE_CODE"),
+                      maxlength: "6"
+                    }, {
+                      suffix: withCtx(() => [
+                        createVNode(_sfc_main$1, {
+                          modelValue: disableCode.value,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => disableCode.value = $event),
+                          color: "primary",
+                          size: "small",
+                          onClick: _cache[3] || (_cache[3] = ($event) => getcode(formRef.value))
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "placeholder"])
+                  ]),
+                  _: 1
+                }, 8, ["rules"]),
+                useAccount.value ? (openBlock(), createElementBlock("a", {
+                  key: 1,
+                  onClick: changeAccount,
+                  class: "content-tip"
+                }, toDisplayString(useAccount.value === "email" ? unref(t)("common.USE_PHONE_DELETE_ACCOUNT") : unref(t)("common.USE_EMAIL_DELETE_ACCOUNT")), 1)) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ]),
+          _: 1
+        }, 8, ["visible"]),
+        unref(modelValue) ? (openBlock(), createBlock(Verify, {
+          key: 0,
+          ref_key: "verify",
+          ref: verify,
+          mode: "pop",
+          "captcha-type": "blockPuzzle",
+          "img-size": unref(getVerifyImgSize)(),
+          community: __props.community,
+          "captcha-apis": __props.captchaApis,
+          onSuccess: verifySuccess
+        }, null, 8, ["img-size", "community", "captcha-apis"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,149 @@
+import { defineComponent, ref, reactive, toRefs, watch, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, withModifiers, createTextVNode, toDisplayString } from "vue";
+import { useMessage, ODialog, OForm, OFormItem, OInput, OButton } from "@opensig/opendesign";
+import { getNicknammeRules, formValidator } from "../utils/rules.mjs";
+import { useI18n } from "../../../i18n/index.mjs";
+const _hoisted_1 = { class: "header" };
+const _hoisted_2 = { class: "form-wrapper" };
+const _hoisted_3 = { class: "dlg-action" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OEditNicknameDialog",
+  props: {
+    isEditNicknameDialog: {
+      type: Boolean,
+      default: false
+    },
+    nickName: {
+      type: String,
+      default: ""
+    },
+    // API 由使用方传入：保存用户信息
+    modifyUser: {
+      type: Function,
+      required: true
+    }
+  },
+  emits: ["closeEditNicknameDialog", "refresh"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const message = useMessage(null);
+    const formRef = ref();
+    const nickForm = reactive({
+      nickname: ""
+    });
+    const emit = __emit;
+    const props = __props;
+    const { isEditNicknameDialog, nickName } = toRefs(props);
+    const nickNameRules = getNicknammeRules(t);
+    const confirm = (formEl) => {
+      if (!formEl) return;
+      formValidator(formEl).subscribe((valid) => {
+        if (valid) {
+          const param = { nickname: nickForm.nickname.trim() };
+          props.modifyUser(param).then(() => {
+            message.success({
+              content: t("common.MODIFY_SUCCESS")
+            });
+            emit("refresh");
+            clear();
+            emit("closeEditNicknameDialog", false);
+          });
+        }
+      });
+    };
+    const cancel = () => {
+      clear();
+      emit("closeEditNicknameDialog", false);
+    };
+    const onChange = (visible) => {
+      if (visible) {
+        nickForm.nickname = nickName.value;
+      } else {
+        clear();
+      }
+      emit("closeEditNicknameDialog", visible);
+    };
+    const clear = () => {
+      nickForm.nickname = "";
+    };
+    watch(isEditNicknameDialog, (newVal) => {
+      if (newVal) {
+        nickForm.nickname = nickName.value;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ODialog), {
+        class: "o-user-center-dialog o-user-center-edit-nickname-dialog",
+        "mask-close": false,
+        visible: unref(isEditNicknameDialog),
+        onChange,
+        style: { "--dlg-width": "480px" }
+      }, {
+        header: withCtx(() => [
+          createElementVNode("span", _hoisted_1, toDisplayString(unref(t)("common.nickName")), 1)
+        ]),
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(unref(OButton), {
+              variant: "text",
+              onClick: cancel
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("common.CANCEL")), 1)
+              ]),
+              _: 1
+            }),
+            _cache[3] || (_cache[3] = createElementVNode("div", { class: "divider" }, null, -1)),
+            createVNode(unref(OButton), {
+              color: "primary",
+              variant: "text",
+              onClick: _cache[2] || (_cache[2] = ($event) => confirm(formRef.value))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("common.CONFIRM")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(unref(OForm), {
+              class: "form",
+              ref_key: "formRef",
+              ref: formRef,
+              "label-width": "0",
+              "label-align": "top",
+              onSubmit: _cache[1] || (_cache[1] = withModifiers(() => {
+              }, ["prevent"])),
+              model: nickForm
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(OFormItem), {
+                  field: "nickname",
+                  rules: unref(nickNameRules)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(OInput), {
+                      modelValue: nickForm.nickname,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => nickForm.nickname = $event),
+                      modelModifiers: { trim: true },
+                      placeholder: unref(t)("common.ENTER_NICKNAME"),
+                      class: "form-input",
+                      size: "large"
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ]),
+                  _: 1
+                }, 8, ["rules"])
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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