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

package/dist/treeshaking/components/user-center/utils/rules.mjs

@@ -1,108 +1,145 @@
-import { CODE_REG, COMPANYNAME_REG, EMAIL_REG, NICKNAME_REG_NEW, PHONE_REG, PWD_REG_NEW, PWD_REPEAT_REG } from "../const/common.const.mjs";
+import { CODE_REG, PWD_REG_NEW, PWD_REPEAT_REG, COMPANYNAME_REG, NICKNAME_REG_NEW, EMAIL_REG, PHONE_REG } from "../const/common.const.mjs";
 import { Observable } from "../../../_virtual/rxjs/dist/esm5/internal/Observable.js.mjs";
-// src/components/user-center/utils/rules.ts
-var validatorEmpty = (t, str) => {
-	const fn = (value) => {
-		if (!value) return {
-			type: "danger",
-			message: str ? t(`common.${str}`) : t("common.NOT_EMPTY")
-		};
-	};
-	return fn;
+const validatorEmpty = (t, str) => {
+  const fn = (value) => {
+    if (!value) {
+      return {
+        type: "danger",
+        message: str ? t(`common.${str}`) : t("common.NOT_EMPTY")
+      };
+    }
+  };
+  return fn;
 };
-var validatorEmail = (t) => {
-	const fn = (value) => {
-		if (value && !EMAIL_REG.test(value)) return {
-			type: "danger",
-			message: t("common.ENTER_VAILD_EMAIL")
-		};
-	};
-	return fn;
+const validatorEmail = (t) => {
+  const fn = (value) => {
+    if (value && !EMAIL_REG.test(value)) {
+      return {
+        type: "danger",
+        message: t("common.ENTER_VAILD_EMAIL")
+      };
+    }
+  };
+  return fn;
 };
-var getCompanyRules = (t) => {
-	return [{
-		validator: (value) => {
-			if (value && (value.length < 2 || value.length > 100)) return {
-				type: "danger",
-				message: t("common.COMPANY_CONTAIN_CHARACTER")
-			};
-		},
-		triggers: "blur"
-	}, {
-		validator: (value) => {
-			if (value && !COMPANYNAME_REG.test(value)) return {
-				type: "danger",
-				message: t("common.COMPANY_VAILD")
-			};
-		},
-		triggers: "blur"
-	}];
+const getCompanyRules = (t) => {
+  return [
+    {
+      validator: (value) => {
+        if (value && (value.length < 2 || value.length > 100)) {
+          return {
+            type: "danger",
+            message: t("common.COMPANY_CONTAIN_CHARACTER")
+          };
+        }
+      },
+      triggers: "blur"
+    },
+    {
+      validator: (value) => {
+        if (value && !COMPANYNAME_REG.test(value)) {
+          return {
+            type: "danger",
+            message: t("common.COMPANY_VAILD")
+          };
+        }
+      },
+      triggers: "blur"
+    }
+  ];
 };
-var getNicknammeRules = (t) => {
-	return [{
-		validator: (value) => {
-			if (value && !NICKNAME_REG_NEW.test(value.trim())) return {
-				type: "danger",
-				message: t("common.NICKNAME_VAILD_NEW")
-			};
-		},
-		triggers: "change"
-	}];
+const getNicknammeRules = (t) => {
+  return [
+    {
+      validator: (value) => {
+        if (value && !NICKNAME_REG_NEW.test(value.trim())) {
+          return {
+            type: "danger",
+            message: t("common.NICKNAME_VAILD_NEW")
+          };
+        }
+      },
+      triggers: "change"
+    }
+  ];
 };
-var formValidator = (formEl, field) => {
-	return new Observable((observer) => {
-		if (!formEl) {
-			observer.next(false);
-			observer.complete();
-			return;
-		}
-		formEl.validate(field).then((valid) => {
-			const bool = valid.every((item) => !item);
-			observer.next(bool);
-			observer.complete();
-		});
-	});
+const formValidator = (formEl, field) => {
+  return new Observable((observer) => {
+    if (!formEl) {
+      observer.next(false);
+      observer.complete();
+      return;
+    }
+    formEl.validate(field).then((valid) => {
+      const bool = valid.every((item) => !item);
+      observer.next(bool);
+      observer.complete();
+    });
+  });
 };
-var getPwdRules = (t) => {
-	return [{
-		validator: (value) => {
-			if (value && !PWD_REG_NEW.test(value)) return {
-				type: "danger",
-				message: t("common.VALID_PASSWORD_ERROR_TIP")
-			};
-		},
-		triggers: "change"
-	}, {
-		validator: (value) => {
-			if (value && !PWD_REPEAT_REG.test(value)) return {
-				type: "danger",
-				message: t("common.PWD_REPEAT_VAILD")
-			};
-		},
-		triggers: "change"
-	}];
+const getPwdRules = (t) => {
+  return [
+    {
+      validator: (value) => {
+        if (value && !PWD_REG_NEW.test(value)) {
+          return {
+            type: "danger",
+            message: t("common.VALID_PASSWORD_ERROR_TIP")
+          };
+        }
+      },
+      triggers: "change"
+    },
+    {
+      validator: (value) => {
+        if (value && !PWD_REPEAT_REG.test(value)) {
+          return {
+            type: "danger",
+            message: t("common.PWD_REPEAT_VAILD")
+          };
+        }
+      },
+      triggers: "change"
+    }
+  ];
 };
-var validatorPhone = (t) => {
-	const fn = (value) => {
-		if (value && !PHONE_REG.test(value)) return {
-			type: "danger",
-			message: t("common.ENTER_VAILD_PHONE")
-		};
-	};
-	return fn;
+const validatorPhone = (t) => {
+  const fn = (value) => {
+    if (value && !PHONE_REG.test(value)) {
+      return {
+        type: "danger",
+        message: t("common.ENTER_VAILD_PHONE")
+      };
+    }
+  };
+  return fn;
 };
-var getCodeRules = (t) => {
-	return [{
-		validator: validatorEmpty(t, "ENTER_RECEIVED_CODE"),
-		triggers: "change"
-	}, {
-		validator: (value) => {
-			if (value && !CODE_REG.test(value)) return {
-				type: "danger",
-				message: t("common.ENTER_SIX_CODE")
-			};
-		},
-		triggers: "change"
-	}];
+const getCodeRules = (t) => {
+  return [
+    {
+      validator: validatorEmpty(t, "ENTER_RECEIVED_CODE"),
+      triggers: "change"
+    },
+    {
+      validator: (value) => {
+        if (value && !CODE_REG.test(value)) {
+          return {
+            type: "danger",
+            message: t("common.ENTER_SIX_CODE")
+          };
+        }
+      },
+      triggers: "change"
+    }
+  ];
+};
+export {
+  formValidator,
+  getCodeRules,
+  getCompanyRules,
+  getNicknammeRules,
+  getPwdRules,
+  validatorEmail,
+  validatorEmpty,
+  validatorPhone
 };
-export { formValidator, getCodeRules, getCompanyRules, getNicknammeRules, getPwdRules, validatorEmail, validatorEmpty, validatorPhone };

package/dist/treeshaking/components/user-center/utils/utils.mjs

@@ -1,39 +1,47 @@
-import { EMAIL_REG, monthNames } from "../const/common.const.mjs";
+import { monthNames, EMAIL_REG } from "../const/common.const.mjs";
 import { testIsPhone } from "./helper.mjs";
-// src/components/user-center/utils/utils.ts
 function getVerifyImgSize() {
-	let width = 360;
-	let height = 180;
-	if (testIsPhone()) {
-		width = 300;
-		height = 150;
-	}
-	return {
-		width: width + "px",
-		height: height + "px"
-	};
+  let width = 360;
+  let height = 180;
+  if (testIsPhone()) {
+    width = 300;
+    height = 150;
+  }
+  return {
+    width: width + "px",
+    height: height + "px"
+  };
 }
 function isSendCodeEmail(mail) {
-	if (!mail) return false;
-	return !["@user.noreply.osinfra.cn"].some((item) => mail?.includes(item));
+  if (!mail) return false;
+  const NOT_SEND_CODE_MAIL = ["@user.noreply.osinfra.cn"];
+  return !NOT_SEND_CODE_MAIL.some((item) => mail == null ? void 0 : mail.includes(item));
 }
-/**
-*  对象进行脱敏
-* @param value 对象值
-* @param isMask 是否脱敏
-*/
 function maskUserInfo(value, isMask = false, community = "openeuler") {
-	if (isMask && value) {
-		if (EMAIL_REG.test(value)) return value.replace(/^(.{3}).*?(@.*)$/, "$1****$2");
-		if (community === "mindspore") return value.replace(/(\+?\w{3})\w*(\w{4})/, "$1****$2");
-		else return value.replace(/(\+?\w{5})\w*(\w{4})/, "$1****$2");
-	}
-	return value;
+  if (isMask && value) {
+    if (EMAIL_REG.test(value)) {
+      return value.replace(/^(.{3}).*?(@.*)$/, "$1****$2");
+    }
+    if (community === "mindspore") {
+      return value.replace(/(\+?\w{3})\w*(\w{4})/, "$1****$2");
+    } else {
+      return value.replace(/(\+?\w{5})\w*(\w{4})/, "$1****$2");
+    }
+  }
+  return value;
 }
 function transformDate(time, lang) {
-	const date = new Date(time?.replace(" ", "T"));
-	if (isNaN(date.getTime())) return;
-	if (lang === "zh") return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`;
-	else return `${monthNames[date.getMonth()]} ${date.getDate()}, ${date.getFullYear()}.`;
+  const date = new Date(time == null ? void 0 : time.replace(" ", "T"));
+  if (isNaN(date.getTime())) return;
+  if (lang === "zh") {
+    return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`;
+  } else {
+    return `${monthNames[date.getMonth()]} ${date.getDate()}, ${date.getFullYear()}.`;
+  }
 }
-export { getVerifyImgSize, isSendCodeEmail, maskUserInfo, transformDate };
+export {
+  getVerifyImgSize,
+  isSendCodeEmail,
+  maskUserInfo,
+  transformDate
+};

package/dist/treeshaking/components/user-center/verify/Verify.vue.mjs

@@ -0,0 +1,61 @@
+import _sfc_main from "./Verify.vue2.mjs";
+import { resolveComponent, openBlock, createElementBlock, withModifiers, normalizeClass, createElementVNode, normalizeStyle, createTextVNode, toDisplayString, createVNode, createCommentVNode, createBlock, resolveDynamicComponent } from "vue";
+import './Verify.css';
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "verifybox-top"
+};
+const _hoisted_2 = { class: "iconfont icon-close" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_IconClose = resolveComponent("IconClose");
+  return $setup.clickShow ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(["o-user-center-verify", $props.mode == "pop" ? "mask" : ""]),
+    onTouchstart: withModifiers(() => {
+    }, ["prevent"])
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass($props.mode == "pop" ? "verifybox" : ""),
+      style: normalizeStyle({ "max-width": parseInt($props.imgSize.width) + 64 + "px" })
+    }, [
+      $props.mode == "pop" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createTextVNode(toDisplayString($setup.t("common.PLEASE_DRAG_SLIDER")) + " ", 1),
+        createElementVNode("span", {
+          class: "verifybox-close",
+          onClick: _cache[0] || (_cache[0] = (...args) => $setup.closeBox && $setup.closeBox(...args)),
+          onTouchstart: _cache[1] || (_cache[1] = withModifiers((...args) => $setup.closeBox && $setup.closeBox(...args), ["prevent"]))
+        }, [
+          createElementVNode("i", _hoisted_2, [
+            createVNode(_component_IconClose)
+          ])
+        ], 32)
+      ])) : createCommentVNode("", true),
+      createElementVNode("div", {
+        class: "verifybox-bottom",
+        style: normalizeStyle({ padding: $props.mode == "pop" ? "15px" : "0" })
+      }, [
+        $setup.componentType ? (openBlock(), createBlock(resolveDynamicComponent($setup.componentType), {
+          key: 0,
+          ref: "instance",
+          "captcha-type": $props.captchaType,
+          figure: $props.figure,
+          arith: $props.arith,
+          mode: $props.mode,
+          "v-space": $props.vSpace,
+          explain: $props.explain,
+          "img-size": $props.imgSize,
+          "block-size": $props.blockSize,
+          "bar-size": $props.barSize,
+          "api-type": $props.apiType,
+          community: $props.community,
+          "captcha-apis": $props.captchaApis
+        }, null, 8, ["captcha-type", "figure", "arith", "mode", "v-space", "explain", "img-size", "block-size", "bar-size", "api-type", "community", "captcha-apis"])) : createCommentVNode("", true)
+      ], 4)
+    ], 6)
+  ], 34)) : createCommentVNode("", true);
+}
+const Verify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Verify as default
+};

package/dist/treeshaking/components/user-center/verify/Verify.vue2.mjs

@@ -0,0 +1,83 @@
+import VerifySlide from "./VerifySlide.vue.mjs";
+import { ref } from "vue";
+import { useI18n } from "../../../i18n/index.mjs";
+import IconClose from "../../../_virtual/icon-close2.mjs";
+const _sfc_main = {
+  name: "Vue2Verify",
+  components: {
+    VerifySlide,
+    IconClose
+  },
+  props: {
+    captchaType: {
+      type: String,
+      required: true
+    },
+    figure: {
+      type: Number
+    },
+    arith: {
+      type: Number
+    },
+    mode: {
+      type: String,
+      default: "pop"
+    },
+    vSpace: {
+      type: Number
+    },
+    explain: {
+      type: String
+    },
+    imgSize: {
+      type: Object,
+      default() {
+        return {
+          width: "310px",
+          height: "155px"
+        };
+      }
+    },
+    blockSize: {
+      type: Object
+    },
+    barSize: {
+      type: Object
+    },
+    apiType: {
+      type: String,
+      default: "ACCOUNT"
+      // api接口类型，ACCOUNT使用oneid接口、TOKEN使用oneid-workbench接口
+    },
+    community: {
+      type: String,
+      default: "openeuler"
+    },
+    // 验证码 API 由使用方传入（透传给 VerifySlide）
+    captchaApis: {
+      type: Object,
+      required: true
+    }
+  },
+  setup() {
+    const clickShow = ref(false);
+    const componentType = ref("VerifySlide");
+    const { t } = useI18n();
+    const closeBox = () => {
+      clickShow.value = false;
+    };
+    const show = () => {
+      clickShow.value = true;
+    };
+    return {
+      clickShow,
+      componentType,
+      closeBox,
+      show,
+      t
+    };
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/user-center/verify/VerifySlide.vue.mjs

@@ -0,0 +1,122 @@
+import _sfc_main from "./VerifySlide.vue2.mjs";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, withDirectives, withModifiers, createVNode, vShow, Transition, withCtx, normalizeClass, toDisplayString, createCommentVNode, createBlock, resolveDynamicComponent } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _hoisted_1 = { style: { "position": "relative" } };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "iconfont icon-refresh" };
+const _hoisted_4 = ["textContent"];
+const _hoisted_5 = ["textContent"];
+const _hoisted_6 = ["src"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_IconRefresh = resolveComponent("IconRefresh");
+  const _component_OIcon = resolveComponent("OIcon");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", {
+      class: "verify-img-out",
+      style: normalizeStyle({ height: parseInt($setup.setSize.imgHeight) + $props.vSpace + "px" })
+    }, [
+      createElementVNode("div", {
+        class: "verify-img-panel",
+        style: normalizeStyle({ width: $setup.setSize.imgWidth, height: $setup.setSize.imgHeight })
+      }, [
+        $setup.backImgBase ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createElementVNode("img", {
+            src: "data:image/png;base64," + $setup.backImgBase,
+            alt: "",
+            style: { "width": "100%", "height": "100%", "display": "block" }
+          }, null, 8, _hoisted_2),
+          withDirectives(createElementVNode("div", {
+            class: "verify-refresh",
+            onClick: _cache[0] || (_cache[0] = (...args) => $setup.refresh && $setup.refresh(...args)),
+            onTouchstart: _cache[1] || (_cache[1] = withModifiers((...args) => $setup.refresh && $setup.refresh(...args), ["prevent"]))
+          }, [
+            createElementVNode("i", _hoisted_3, [
+              createVNode(_component_IconRefresh)
+            ])
+          ], 544), [
+            [vShow, $setup.showRefresh]
+          ]),
+          createVNode(Transition, { name: "tips" }, {
+            default: withCtx(() => [
+              $setup.tipWords ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                class: normalizeClass(["verify-tips", $setup.passFlag ? "suc-bg" : "err-bg"])
+              }, "   " + toDisplayString($setup.tipWords), 3)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ], 64)) : createCommentVNode("", true)
+      ], 4)
+    ], 4),
+    createElementVNode("div", {
+      class: "verify-bar-area",
+      style: normalizeStyle({
+        width: $setup.setSize.imgWidth,
+        height: $props.barSize.height,
+        "line-height": $props.barSize.height
+      })
+    }, [
+      createElementVNode("span", {
+        class: "verify-msg",
+        textContent: toDisplayString($setup.text)
+      }, null, 8, _hoisted_4),
+      createElementVNode("div", {
+        class: normalizeClass(["verify-left-bar", $setup.isEnd ? $setup.passFlag ? "suc-bg" : "err-bg" : ""]),
+        style: normalizeStyle({
+          width: $setup.leftBarWidth,
+          height: $props.barSize.height,
+          "border-color": $setup.leftBarWidth !== void 0 ? $setup.leftBarBorderColor : "transparent",
+          transaction: $setup.transitionWidth
+        })
+      }, [
+        createElementVNode("span", {
+          class: "verify-msg",
+          textContent: toDisplayString($setup.finishText)
+        }, null, 8, _hoisted_5),
+        createElementVNode("div", {
+          class: "verify-move-block",
+          style: normalizeStyle({
+            width: $props.barSize.height,
+            height: $props.barSize.height,
+            "background-color": $setup.moveBlockBackgroundColor,
+            "border-color": $setup.moveBlockBackgroundColor,
+            left: $setup.moveBlockLeft,
+            transition: $setup.transitionLeft
+          }),
+          onTouchstart: _cache[2] || (_cache[2] = withModifiers((...args) => $setup.start && $setup.start(...args), ["prevent"])),
+          onMousedown: _cache[3] || (_cache[3] = withModifiers((...args) => $setup.start && $setup.start(...args), ["prevent"]))
+        }, [
+          createVNode(_component_OIcon, {
+            class: "verify-icon",
+            style: normalizeStyle({ color: $setup.iconColor })
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent($setup.iconComponent)))
+            ]),
+            _: 1
+          }, 8, ["style"]),
+          createElementVNode("div", {
+            class: "verify-sub-block",
+            style: normalizeStyle({
+              width: Math.floor(parseInt($setup.setSize.imgWidth) * 47 / 310) + "px",
+              height: $setup.setSize.imgHeight,
+              top: "-" + (parseInt($setup.setSize.imgHeight) + $props.vSpace) + "px",
+              "background-size": $setup.setSize.imgWidth + " " + $setup.setSize.imgHeight
+            })
+          }, [
+            $setup.blockBackImgBase ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              src: "data:image/png;base64," + $setup.blockBackImgBase,
+              alt: "",
+              style: { "width": "100%", "height": "100%", "display": "block", "-webkit-user-drag": "none" }
+            }, null, 8, _hoisted_6)) : createCommentVNode("", true)
+          ], 4)
+        ], 36)
+      ], 6)
+    ], 4)
+  ]);
+}
+const VerifySlide = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  VerifySlide as default
+};