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

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

@@ -0,0 +1,332 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    isEditOrgDialog: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orgName: {
+        type: StringConstructor;
+        default: string;
+    };
+    orgLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    orgPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    modifyUser: {
+        type: FunctionConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    refresh: (...args: any[]) => void;
+    closeEditOrgDialog: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    isEditOrgDialog: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orgName: {
+        type: StringConstructor;
+        default: string;
+    };
+    orgLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    orgPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    modifyUser: {
+        type: FunctionConstructor;
+        required: true;
+    };
+}>> & Readonly<{
+    onRefresh?: ((...args: any[]) => any) | undefined;
+    onCloseEditOrgDialog?: ((...args: any[]) => any) | undefined;
+}>, {
+    isEditOrgDialog: boolean;
+    orgName: string;
+    orgLabel: string;
+    orgPlaceholder: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    formRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            layout: "h" | "v" | "inline";
+            disabled: boolean | undefined;
+            clearable: boolean | undefined;
+            hasRequired: boolean;
+            requiredIcon: boolean;
+            labelWidth: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+            scrollToError: boolean;
+        }> & Omit<{
+            readonly hasRequired: boolean;
+            readonly requiredIcon: boolean;
+            readonly layout: "v" | "h" | "inline";
+            readonly labelWidth: string;
+            readonly showMessage: boolean;
+            readonly validateOnRuleChange: boolean;
+            readonly scrollToError: boolean;
+            readonly size?: "small" | "large" | "medium" | undefined;
+            readonly round?: import('@opensig/opendesign').RoundT | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly labelAlign?: "top" | "center" | "bottom" | undefined;
+            readonly labelJustify?: "center" | "left" | "right" | undefined;
+            readonly clearable?: boolean | undefined;
+            readonly model?: Record<string, any> | undefined;
+            readonly rules?: import('@opensig/opendesign').FormRulesT | undefined;
+            readonly onClear?: ((filed?: string | string[] | undefined) => any) | undefined | undefined;
+            readonly onReset?: ((filed?: string | string[] | undefined) => any) | undefined | undefined;
+            readonly onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined | undefined;
+            readonly onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined | undefined;
+            readonly onValidateField?: ((payload: {
+                field: string;
+                isValid: boolean;
+                message: string;
+            }) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError">;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            formEl: HTMLFormElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "clear", filed?: string | string[] | undefined) => void) & ((event: "validate", results: import('@opensig/opendesign').FieldResultT[]) => void) & ((event: "validateField", payload: {
+            field: string;
+            isValid: boolean;
+            message: string;
+        }) => void) & ((event: "reset", filed?: string | string[] | undefined) => void) & ((event: "submit", results: import('@opensig/opendesign').FieldResultT[]) => void);
+        $el: HTMLFormElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            labelAlign: {
+                type: import('vue').PropType<"top" | "center" | "bottom">;
+            };
+            labelJustify: {
+                type: import('vue').PropType<"left" | "center" | "right">;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean | undefined>;
+                default: undefined;
+            };
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
+            };
+            round: {
+                type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
+            };
+            clearable: {
+                type: import('vue').PropType<boolean | undefined>;
+                default: undefined;
+            };
+            model: {
+                type: ObjectConstructor;
+            };
+            rules: {
+                type: import('vue').PropType<import('@opensig/opendesign').FormRulesT>;
+            };
+            hasRequired: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            requiredIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            layout: {
+                type: import('vue').PropType<"h" | "v" | "inline">;
+                default: string;
+            };
+            labelWidth: {
+                type: StringConstructor;
+                default: string;
+            };
+            showMessage: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            validateOnRuleChange: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollToError: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClear?: ((filed?: string | string[] | undefined) => any) | undefined;
+            onReset?: ((filed?: string | string[] | undefined) => any) | undefined;
+            onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+            onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+            onValidateField?: ((payload: {
+                field: string;
+                isValid: boolean;
+                message: string;
+            }) => any) | undefined;
+        }>, {
+            validate: (filed?: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+                type: "warning" | "danger" | "success" | "";
+                message: string[];
+            }[]>;
+            validateField: (field: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+                type: "warning" | "danger" | "success" | "";
+                message: string[];
+            }[]>;
+            resetFields: (filed?: string | string[]) => void;
+            setInitialValues: (data: Record<string, any>) => void;
+            clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
+            scrollToField: (field: string, options?: boolean | {
+                behavior?: "auto" | "smooth" | "instant";
+                block?: "start" | "center" | "end" | "nearest";
+                inline?: "start" | "center" | "end" | "nearest";
+            }) => Promise<void>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            clear: (filed?: string | string[] | undefined) => any;
+            reset: (filed?: string | string[] | undefined) => any;
+            submit: (results: import('@opensig/opendesign').FieldResultT[]) => any;
+            validate: (results: import('@opensig/opendesign').FieldResultT[]) => any;
+            validateField: (payload: {
+                field: string;
+                isValid: boolean;
+                message: string;
+            }) => any;
+        }, string, {
+            layout: "h" | "v" | "inline";
+            disabled: boolean | undefined;
+            clearable: boolean | undefined;
+            hasRequired: boolean;
+            requiredIcon: boolean;
+            labelWidth: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+            scrollToError: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        layout: "h" | "v" | "inline";
+        disabled: boolean | undefined;
+        clearable: boolean | undefined;
+        hasRequired: boolean;
+        requiredIcon: boolean;
+        labelWidth: string;
+        showMessage: boolean;
+        validateOnRuleChange: boolean;
+        scrollToError: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        labelAlign: {
+            type: import('vue').PropType<"top" | "center" | "bottom">;
+        };
+        labelJustify: {
+            type: import('vue').PropType<"left" | "center" | "right">;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean | undefined>;
+            default: undefined;
+        };
+        size: {
+            type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
+        };
+        round: {
+            type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
+        };
+        clearable: {
+            type: import('vue').PropType<boolean | undefined>;
+            default: undefined;
+        };
+        model: {
+            type: ObjectConstructor;
+        };
+        rules: {
+            type: import('vue').PropType<import('@opensig/opendesign').FormRulesT>;
+        };
+        hasRequired: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        requiredIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        layout: {
+            type: import('vue').PropType<"h" | "v" | "inline">;
+            default: string;
+        };
+        labelWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        showMessage: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        validateOnRuleChange: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollToError: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClear?: ((filed?: string | string[] | undefined) => any) | undefined;
+        onReset?: ((filed?: string | string[] | undefined) => any) | undefined;
+        onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+        onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+        onValidateField?: ((payload: {
+            field: string;
+            isValid: boolean;
+            message: string;
+        }) => any) | undefined;
+    }>, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError" | "validate" | "validateField" | "resetFields" | "setInitialValues" | "clearValidate" | "scrollToField"> & {
+        validate: (filed?: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+            type: "warning" | "danger" | "success" | "";
+            message: string[];
+        }[]>;
+        validateField: (field: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+            type: "warning" | "danger" | "success" | "";
+            message: string[];
+        }[]>;
+        resetFields: (filed?: string | string[]) => void;
+        setInitialValues: (data: Record<string, any>) => void;
+        clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
+        scrollToField: (field: string, options?: boolean | {
+            behavior?: "auto" | "smooth" | "instant";
+            block?: "start" | "center" | "end" | "nearest";
+            inline?: "start" | "center" | "end" | "nearest";
+        }) => Promise<void>;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+}, any>;
+export default _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-c80acfc8"]]);
+export {
+  OEditOrgDialog as default
+};

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

@@ -0,0 +1,162 @@
+import { defineComponent, ref, reactive, toRefs, computed, watch, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, withModifiers, createTextVNode, toDisplayString } from "vue";
+import { useMessage, ODialog, OForm, OFormItem, OInput, OButton } from "@opensig/opendesign";
+import { getCompanyRules, 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: "OEditOrgDialog",
+  props: {
+    isEditOrgDialog: {
+      type: Boolean,
+      default: false
+    },
+    orgName: {
+      type: String,
+      default: ""
+    },
+    // 组织字段显示名/占位符（按社区传参），默认取 i18n
+    orgLabel: {
+      type: String,
+      default: ""
+    },
+    orgPlaceholder: {
+      type: String,
+      default: ""
+    },
+    // API 由使用方传入：保存用户信息
+    modifyUser: {
+      type: Function,
+      required: true
+    }
+  },
+  emits: ["closeEditOrgDialog", "refresh"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const message = useMessage(null);
+    const formRef = ref();
+    const orgForm = reactive({
+      company: ""
+    });
+    const orgCompanyInitial = ref("");
+    const emit = __emit;
+    const props = __props;
+    const { isEditOrgDialog, orgName } = toRefs(props);
+    const orgHeaderText = computed(() => props.orgLabel || t("common.ORGANIZATION"));
+    const orgPlaceholderText = computed(() => props.orgPlaceholder || t("common.INPUT_ORG"));
+    const companyRules = getCompanyRules(t);
+    const confirm = (formEl) => {
+      if (!formEl) return;
+      formValidator(formEl).subscribe((valid) => {
+        if (valid) {
+          const param = { company: orgForm.company };
+          props.modifyUser(param).then(() => {
+            message.success({
+              content: t("common.MODIFY_SUCCESS")
+            });
+            emit("refresh");
+            clear();
+            emit("closeEditOrgDialog", false);
+          });
+        }
+      });
+    };
+    const cancel = () => {
+      clear();
+      emit("closeEditOrgDialog", false);
+    };
+    const onChange = (visible) => {
+      if (visible) {
+        orgForm.company = orgName.value;
+        orgCompanyInitial.value = orgName.value;
+      } else {
+        clear();
+      }
+      emit("closeEditOrgDialog", visible);
+    };
+    const clear = () => {
+      orgForm.company = "";
+    };
+    watch(isEditOrgDialog, (newVal) => {
+      if (newVal) {
+        orgForm.company = orgName.value;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ODialog), {
+        class: "edit-org-dialog",
+        "mask-close": false,
+        visible: unref(isEditOrgDialog),
+        onChange,
+        style: { "--dlg-width": "480px" }
+      }, {
+        header: withCtx(() => [
+          createElementVNode("span", _hoisted_1, toDisplayString(orgHeaderText.value), 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: orgForm
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(OFormItem), {
+                  field: "company",
+                  rules: unref(companyRules)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(OInput), {
+                      modelValue: orgForm.company,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => orgForm.company = $event),
+                      modelModifiers: { trim: true },
+                      placeholder: orgPlaceholderText.value,
+                      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/OEditOrgDialog2.css

@@ -0,0 +1,13 @@
+.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);
+}
+}
+@media (max-width: 600px) {
+.edit-org-dialog {
+    --dlg-width: calc(100vw - 48px) !important;
+}
+}

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

@@ -0,0 +1,11 @@
+.hover-icon-rotate .o-icon[data-v-a1344e1a] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-a1344e1a] {
+    transform: rotate(-180deg);
+}
+}
+.eyes[data-v-a1344e1a] {
+  cursor: pointer;
+}

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

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

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

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

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

@@ -0,0 +1,30 @@
+import { defineComponent, toRefs, openBlock, createBlock, resolveDynamicComponent, unref } from "vue";
+import IconEyeclose from "../../../_virtual/icon-eye-off.mjs";
+import IconEyeopen from "../../../_virtual/icon-eye.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMaskEye",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const { modelValue } = toRefs(props);
+    const emit = __emit;
+    const clickEye = () => {
+      emit("update:modelValue", !modelValue.value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(modelValue) ? unref(IconEyeclose) : unref(IconEyeopen)), {
+        class: "eyes",
+        onClick: clickEye
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,78 @@
+.hover-icon-rotate .o-icon[data-v-aa1ff724] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-aa1ff724] {
+    transform: rotate(-180deg);
+}
+}
+.header[data-v-aa1ff724] {
+  font-size: var(--o-font-size-h5);
+  line-height: var(--o-line-height-h5);
+  font-weight: normal;
+  text-align: center;
+  margin-left: var(--o-spacing-h5);
+  padding-top: 28px;
+}
+.content-tip[data-v-aa1ff724] {
+  display: inline-block;
+  margin-bottom: 8px;
+}
+.footer[data-v-aa1ff724] {
+  display: flex;
+  justify-content: center;
+  column-gap: var(--o-spacing-h5);
+  padding-bottom: 28px;
+}
+.footer[data-v-aa1ff724] .o-btn + .o-btn {
+  margin-left: 0;
+}
+
+/* 禁用输入框（身份验证的账号）背景/边框 */
+[data-v-aa1ff724] .o_box-main.o_box-disabled {
+  background-color: var(--o-color-control4-light);
+  border-color: var(--o-color-control4);
+}
+[data-v-aa1ff724] .o_box-main.o_box-disabled:hover {
+  background-color: var(--o-color-control4-light);
+  border-color: var(--o-color-control4);
+}
+[data-v-aa1ff724] .password-form {
+  width: 100%;
+}
+[data-v-aa1ff724] .password-form .o-form-item-main {
+  width: 100%;
+}
+[data-v-aa1ff724] .password-form .o_box-main {
+  width: 100%;
+  box-sizing: border-box;
+}
+
+/* 移动端：文字按钮 + 竖线分隔（与编辑昵称/编辑组织弹窗一致） */
+@media (max-width: 840px) {
+.footer[data-v-aa1ff724] {
+    flex-direction: row-reverse;
+    column-gap: 16px;
+}
+.footer .divider[data-v-aa1ff724] {
+    width: 1px;
+    height: 24px;
+    background-color: var(--o-color-control4);
+}
+.footer .o-btn[data-v-aa1ff724] {
+    --btn-radius: 0;
+    padding-left: 0;
+    padding-right: 0;
+    background-color: transparent;
+    border-color: transparent;
+    color: var(--o-color-info1);
+}
+.footer .o-btn[data-v-aa1ff724]:hover {
+    background-color: transparent;
+    border-color: transparent;
+    color: var(--o-color-info1);
+}
+.footer .o-btn.o-btn-disabled[data-v-aa1ff724] {
+    color: var(--o-color-info4);
+}
+}