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

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

@@ -0,0 +1,147 @@
+import { defineComponent, ref, reactive, computed, openBlock, createBlock, unref, withCtx, createElementVNode, toDisplayString, createVNode, normalizeClass, createElementBlock, createCommentVNode } from "vue";
+import { OForm, OFormItem, OPopover, OIcon, OInput } from "@opensig/opendesign";
+import { PWD_REG_NEW, PWD_REPEAT_REG } from "../const/common.const.mjs";
+import { useI18n } from "../../../i18n/index.mjs";
+import IconCheck from "../../../_virtual/icon-check.mjs";
+const _hoisted_1 = { class: "form-item-label" };
+const _hoisted_2 = { class: "valid-tip-content" };
+const _hoisted_3 = { class: "tip-title" };
+const _hoisted_4 = { class: "tip-desc" };
+const _hoisted_5 = { class: "tip-desc" };
+const _hoisted_6 = {
+  id: "form-item-extra",
+  class: "form-item-extra"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "error-tip error-color"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OPasswordPopInput",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    username: {
+      type: String,
+      default: ""
+    },
+    account: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { t } = useI18n();
+    const props = __props;
+    const visible = ref(false);
+    const emit = __emit;
+    const formRef = ref();
+    const form = reactive({
+      password: ""
+    });
+    form.password = props.modelValue;
+    const updateModelValue = () => {
+      emit("update:modelValue", form.password);
+      validPasswordRealTime();
+    };
+    const passwordContentValid = ref(false);
+    const passwordRepeatValid = ref(false);
+    const validPasswordRealTime = () => {
+      const value = form.password;
+      passwordContentValid.value = value.length > 0 && PWD_REG_NEW.test(value);
+      passwordRepeatValid.value = value.length > 2 && PWD_REPEAT_REG.test(value);
+    };
+    const popValidError = computed(() => {
+      return form.password && (!passwordContentValid.value || !passwordRepeatValid.value);
+    });
+    const doValidate = () => {
+      return form.password && passwordContentValid.value && passwordRepeatValid.value;
+    };
+    __expose({
+      doValidate
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OForm), {
+        ref_key: "formRef",
+        ref: formRef,
+        style: { "--form-label-main-gap": "0" },
+        "label-width": "0",
+        model: form,
+        class: "password-form",
+        onSubmit: ($event) => {
+        }
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, toDisplayString(props.label ? props.label : unref(t)("common.PASSWORD")), 1),
+          createVNode(unref(OFormItem), { field: "password" }, {
+            extra: withCtx(() => [
+              createElementVNode("div", _hoisted_6, [
+                popValidError.value && !visible.value ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(unref(t)("common.VALID_PASSWORD_ERROR_TIP")), 1)) : createCommentVNode("", true)
+              ])
+            ]),
+            default: withCtx(() => [
+              createVNode(unref(OPopover), {
+                "onUpdate:visible": _cache[1] || (_cache[1] = (val) => visible.value = val),
+                position: "top",
+                trigger: "click-outclick"
+              }, {
+                target: withCtx(() => [
+                  createVNode(unref(OInput), {
+                    modelValue: form.password,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.password = $event),
+                    class: normalizeClass({ "danger-color": popValidError.value }),
+                    size: "large",
+                    type: "password",
+                    placeholder: unref(t)("common.PLEASE_INPUT_PWD"),
+                    onInput: updateModelValue,
+                    onFocus: updateModelValue
+                  }, null, 8, ["modelValue", "class", "placeholder"])
+                ]),
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_2, [
+                    createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("common.PASSWORD_DEMAND")), 1),
+                    createElementVNode("div", {
+                      class: normalizeClass(["tip-item", { active: passwordContentValid.value }])
+                    }, [
+                      createVNode(unref(OIcon), null, {
+                        default: withCtx(() => [
+                          createVNode(unref(IconCheck))
+                        ]),
+                        _: 1
+                      }),
+                      createElementVNode("div", _hoisted_4, toDisplayString(unref(t)("common.PWD_VAILD_NEW")), 1)
+                    ], 2),
+                    createElementVNode("div", {
+                      class: normalizeClass(["tip-item", { active: passwordRepeatValid.value }])
+                    }, [
+                      createVNode(unref(OIcon), null, {
+                        default: withCtx(() => [
+                          createVNode(unref(IconCheck))
+                        ]),
+                        _: 1
+                      }),
+                      createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("common.PWD_REPEAT_VAILD")), 1)
+                    ], 2)
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["model"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,50 @@
+.hover-icon-rotate .o-icon[data-v-54a23ceb] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-54a23ceb] {
+    transform: rotate(-180deg);
+}
+}
+.header[data-v-54a23ceb] {
+  font-size: var(--o-font-size-h5);
+  line-height: var(--o-line-height-h5);
+  font-weight: Medium;
+  text-align: center;
+}
+.footer[data-v-54a23ceb] {
+  display: flex;
+  justify-content: center;
+}
+.main[data-v-54a23ceb] {
+  max-width: 460px;
+  margin: 0 auto;
+}
+.main .confirm-tip[data-v-54a23ceb] {
+  text-align: center;
+  font-size: 16px;
+  color: var(--o-color-info2);
+}
+.footer-pad[data-v-54a23ceb] {
+  position: relative;
+  flex-direction: row-reverse;
+  column-gap: 16px;
+}
+.footer-pad .divider[data-v-54a23ceb] {
+  width: 1px;
+  height: 24px;
+  background-color: var(--o-color-control4);
+}
+.footer-pad .o-btn[data-v-54a23ceb] {
+  --btn-radius: 0;
+  padding-left: 0;
+  padding-right: 0;
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--o-color-info1);
+}
+.footer-pad .o-btn[data-v-54a23ceb]:hover {
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--o-color-info1);
+}

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

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

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

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

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

@@ -0,0 +1,117 @@
+import { defineComponent, toRefs, computed, openBlock, createBlock, unref, isRef, withCtx, createElementVNode, toDisplayString, normalizeClass, createVNode, createTextVNode, createElementBlock, createCommentVNode } from "vue";
+import { ODialog, OButton } from "@opensig/opendesign";
+import { useI18n } from "../../../i18n/index.mjs";
+import { useScreen } from "@opendesign-plus/composables";
+const _hoisted_1 = { class: "header" };
+const _hoisted_2 = { class: "main" };
+const _hoisted_3 = { class: "confirm-tip" };
+const _hoisted_4 = {
+  key: 0,
+  class: "divider"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OToBindingTipModal",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    account: {
+      type: String,
+      required: true
+    },
+    isDelete: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "confirm"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const props = __props;
+    const { modelValue } = toRefs(props);
+    const emit = __emit;
+    const { lePadV } = useScreen();
+    const confirm = () => {
+      emit("confirm");
+      close();
+    };
+    const close = () => {
+      emit("update:modelValue", false);
+    };
+    const dlgToggle = (visible) => {
+      if (!visible) {
+        close();
+      }
+    };
+    const content = computed(() => {
+      if (props.isDelete) {
+        return props.account === "email" ? t("common.DELETE_EMAIL_BINDING_TIP") : t("common.DELETE_MOBILE_BINDING_TIP");
+      } else {
+        return props.account === "email" ? t("common.TO_BINDING_EMAIL_TIP") : t("common.TO_BINDING_MOBILE_TIP");
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ODialog), {
+        visible: unref(modelValue),
+        "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+        class: "dialog",
+        style: {
+          "--dlg-body-padding": "58px",
+          "--dlg-padding-body-bottom": 0,
+          "--dlg-width": "444px",
+          "--dlg-radius": "4px",
+          "--o-radius_control-s": 0,
+          "--dlg-header-gap": "24px",
+          "--dlg-inner-gap": "28px",
+          "--dlg-edge-gap": "32px"
+        },
+        "mask-close": false,
+        onChange: dlgToggle
+      }, {
+        header: withCtx(() => [
+          createElementVNode("h5", _hoisted_1, toDisplayString(props.account === "email" ? unref(t)(`common.BIND_EMAIL`) : unref(t)(`common.BIND_MOBILE`)), 1)
+        ]),
+        footer: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(["footer", { "footer-pad": unref(lePadV) }])
+          }, [
+            createVNode(unref(OButton), {
+              size: "large",
+              color: "primary",
+              variant: "solid",
+              type: "submit",
+              onClick: _cache[0] || (_cache[0] = ($event) => confirm())
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("common.TO_BINDING")), 1)
+              ]),
+              _: 1
+            }),
+            unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
+            createVNode(unref(OButton), {
+              size: "large",
+              color: "primary",
+              type: "submit",
+              onClick: _cache[1] || (_cache[1] = ($event) => close())
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("common.CANCEL")), 1)
+              ]),
+              _: 1
+            })
+          ], 2)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, toDisplayString(content.value), 1)
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,58 @@
+.hover-icon-rotate .o-icon[data-v-188e517c] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-188e517c] {
+    transform: rotate(-180deg);
+}
+}
+.header[data-v-188e517c] {
+  font-size: var(--o-font-size-h5);
+  line-height: var(--o-line-height-h5);
+  font-weight: 600;
+  text-align: center;
+}
+.footer[data-v-188e517c] {
+  display: flex;
+  justify-content: center;
+}
+.footer .o-btn-outline.o-btn-primary[data-v-188e517c]:not(.o-btn-disabled):hover {
+  background-color: transparent;
+  color: var(--o-color-primary2);
+  border-color: var(--o-color-primary2);
+}
+.main[data-v-188e517c] {
+  max-width: 460px;
+  margin: 0 auto;
+  text-align: center;
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--o-color-info1);
+  margin: 24px 0 28px;
+}
+
+/* 移动端：文字按钮 + 竖线分隔（与编辑昵称/编辑组织弹窗一致） */
+@media (max-width: 840px) {
+.footer[data-v-188e517c] {
+    flex-direction: row-reverse;
+    column-gap: 16px;
+}
+.footer .divider[data-v-188e517c] {
+    width: 1px;
+    height: 24px;
+    background-color: var(--o-color-control4);
+}
+.footer .o-btn[data-v-188e517c],
+  .footer .o-btn-outline.o-btn-primary[data-v-188e517c]:not(.o-btn-disabled):hover,
+  .footer .o-btn-primary.o-btn-solid[data-v-188e517c]:not(.o-btn-disabled):hover {
+    --btn-radius: 0;
+    padding-left: 0;
+    padding-right: 0;
+    background-color: transparent !important;
+    border-color: transparent !important;
+    color: var(--o-color-info1) !important;
+}
+.footer .o-btn.o-btn-disabled[data-v-188e517c] {
+    color: var(--o-color-info4) !important;
+}
+}

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

@@ -0,0 +1,30 @@
+import { AccountDialogConfig } from '../types/usercenter.interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    config: {
+        type: ObjectConstructor;
+        default: () => AccountDialogConfig;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    submit: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    config: {
+        type: ObjectConstructor;
+        default: () => AccountDialogConfig;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    config: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,107 @@
+import { defineComponent, toRefs, openBlock, createBlock, unref, isRef, withCtx, createElementVNode, createElementBlock, toDisplayString, createCommentVNode, createVNode, createTextVNode } from "vue";
+import { ODialog, OButton } from "@opensig/opendesign";
+import { useI18n } from "../../../i18n/index.mjs";
+import { useScreen } from "@opendesign-plus/composables";
+const _hoisted_1 = { class: "header" };
+const _hoisted_2 = { class: "main" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { class: "footer" };
+const _hoisted_5 = {
+  key: 0,
+  class: "divider"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OUnbindingThirdpartyAccountModal",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    config: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["update:modelValue", "submit"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const { lePadV } = useScreen();
+    const props = __props;
+    const { modelValue, config } = toRefs(props);
+    const emit = __emit;
+    const confirm = () => {
+      var _a;
+      (_a = config == null ? void 0 : config.value) == null ? void 0 : _a.confirm({
+        account_type: config.value.account_type
+      });
+    };
+    const close = () => {
+      emit("update:modelValue", false);
+    };
+    const dlgToggle = (visible) => {
+      if (!visible) {
+        close();
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ODialog), {
+        visible: unref(modelValue),
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+        class: "dialog unbind-three-party-dialog",
+        style: {
+          "--dlg-body-padding": "58px",
+          "--dlg-padding-body-bottom": 0,
+          "--dlg-width": "450px",
+          "--dlg-radius": "4px",
+          "--o-radius_control-s": 0,
+          "--dlg-edge-gap": "32px",
+          "--dlg-inner-gap": 0
+        },
+        "mask-close": false,
+        onChange: dlgToggle
+      }, {
+        header: withCtx(() => [
+          createElementVNode("h5", _hoisted_1, toDisplayString(unref(t)(`common.${unref(config).header}`)), 1)
+        ]),
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_4, [
+            createVNode(unref(OButton), {
+              size: "large",
+              color: "primary",
+              variant: "outline",
+              type: "submit",
+              onClick: confirm
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("common.CONFIRM")), 1)
+              ]),
+              _: 1
+            }),
+            unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_5)) : createCommentVNode("", true),
+            createVNode(unref(OButton), {
+              size: "large",
+              color: "primary",
+              variant: "solid",
+              type: "submit",
+              onClick: close
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("common.CANCEL")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            unref(config).content ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(t)(`common.${unref(config).content}`, { name: unref(config).label })), 1)) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};