@opendesign-plus-test/components 0.0.1-rc.213 → 0.0.1-rc.215

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