aldehyde 0.2.480 → 0.2.481

package/src/aldehyde/login/router-login.tsx

@@ -1,107 +1,107 @@
-import React from "react";
-import Units from "../units";
-import "./index.css";
-import withRouter from "../routable/withroute";
-import Login from "./login";
-import HCDataSource from "../tmpl/hc-data-source";
-import { Col, Row, theme } from "antd";
-import { useLocale } from "../locale/useLocale";
-import LocaleButton from "../locale/LocaleButton";
-import Page2Img from "../../../public/page2.jpg";
-
-const { useToken } = theme;
-
-interface RLoginitProps {
-  params: object;
-  autoSaveUser?: boolean;
-  theme?: any;
-    centerStyle?:object;
-  themePosition?: "left" | "center" | "right" | undefined;
-}
-
-interface RLoginitState {}
-
-const RouterLogin = (props: RLoginitProps) => {
-  const { token } = useToken();
-  const { params, autoSaveUser,centerStyle, themePosition, theme } = props;
-
-  const { translate } = useLocale();
-  Units.setProgramCode4RoutePath(params);
-
-  const getLogin = () => {
-    return (
-      <Login
-        onFinish={(token) => {
-          HCDataSource.clear();
-          window.location.hash = "#/context-setter";
-          Units.setHydrocarbonToken(token);
-        }}
-        title={<h3>{translate("${欢迎登录}")}</h3>}
-        autoSaveUser={autoSaveUser}
-      />
-    );
-  };
-  const getContent = () => {
-    if (themePosition) {
-      if (themePosition == "left") {
-        return (
-          <>
-            <Col span={12}>{theme}</Col>
-            <Col span={12}>{getLogin()} </Col>
-          </>
-        );
-      }else if (themePosition == "center"){
-          return (
-              <>
-                  <Col span={24}>{getLogin()} </Col>
-              </>
-          );
-      }
-    } else {
-      return (
-        <>
-          <Col>{getLogin()}</Col>
-        </>
-      );
-    }
-  };
-
-  return (
-    <Row
-      justify="center"
-      align="middle"
-      className="login-blue"
-      style={themePosition=='center'?centerStyle:{background: token.colorPrimary}
-    }
-    >
-      {getContent()}
-    </Row>
-  );
-};
-
-const I18nLogin = (props: RLoginitProps) => {
-  return (
-    <div
-      style={{
-        position: "relative",
-        width: "100%",
-        height: "100%",
-      }}
-    >
-      <div
-        style={{
-          position: "absolute",
-          top: "10px",
-          right: "10px",
-          zIndex: "10000",
-        }}
-      >
-        <LocaleButton size="large"></LocaleButton>
-      </div>
-
-      <RouterLogin {...props} />
-    </div>
-  );
-};
-
-export default withRouter(I18nLogin);
+import React from "react";
+import Units from "../units";
+import "./index.css";
+import withRouter from "../routable/withroute";
+import Login from "./login";
+import HCDataSource from "../tmpl/hc-data-source";
+import { Col, Row, theme } from "antd";
+import { useLocale } from "../locale/useLocale";
+import LocaleButton from "../locale/LocaleButton";
+import Page2Img from "../../../public/page2.jpg";
+
+const { useToken } = theme;
+
+interface RLoginitProps {
+  params: object;
+  autoSaveUser?: boolean;
+  theme?: any;
+    centerStyle?:object;
+  themePosition?: "left" | "center" | "right" | undefined;
+}
+
+interface RLoginitState {}
+
+const RouterLogin = (props: RLoginitProps) => {
+  const { token } = useToken();
+  const { params, autoSaveUser,centerStyle, themePosition, theme } = props;
+
+  const { translate } = useLocale();
+  Units.setProgramCode4RoutePath(params);
+
+  const getLogin = () => {
+    return (
+      <Login
+        onFinish={(token) => {
+          HCDataSource.clear();
+          window.location.hash = "#/context-setter";
+          Units.setHydrocarbonToken(token);
+        }}
+        title={<h3>{translate("${欢迎登录}")}</h3>}
+        autoSaveUser={autoSaveUser}
+      />
+    );
+  };
+  const getContent = () => {
+    if (themePosition) {
+      if (themePosition == "left") {
+        return (
+          <>
+            <Col span={12}>{theme}</Col>
+            <Col span={12}>{getLogin()} </Col>
+          </>
+        );
+      }else if (themePosition == "center"){
+          return (
+              <>
+                  <Col span={24}>{getLogin()} </Col>
+              </>
+          );
+      }
+    } else {
+      return (
+        <>
+          <Col>{getLogin()}</Col>
+        </>
+      );
+    }
+  };
+
+  return (
+    <Row
+      justify="center"
+      align="middle"
+      className="login-blue"
+      style={themePosition=='center'?centerStyle:{background: token.colorPrimary}
+    }
+    >
+      {getContent()}
+    </Row>
+  );
+};
+
+const I18nLogin = (props: RLoginitProps) => {
+  return (
+    <div
+      style={{
+        position: "relative",
+        width: "100%",
+        height: "100%",
+      }}
+    >
+      <div
+        style={{
+          position: "absolute",
+          top: "10px",
+          right: "10px",
+          zIndex: "10000",
+        }}
+      >
+        <LocaleButton size="large"></LocaleButton>
+      </div>
+
+      <RouterLogin {...props} />
+    </div>
+  );
+};
+
+export default withRouter(I18nLogin);

package/src/aldehyde/login/vertify/index.css

@@ -1,144 +1,144 @@
-.vertifyWrap {
-  position: relative;
-}
-.vertifyWrap .block {
-  position: absolute;
-  left: 0;
-  top: 0;
-  cursor: pointer;
-  cursor: grab;
-}
-.vertifyWrap .block:active {
-  cursor: grabbing;
-}
-.vertifyWrap .sliderContainer {
-  position: relative;
-  text-align: center;
-  width: 310px;
-  height: 40px;
-  line-height: 40px;
-  margin-top: 15px;
-  background: #f7f9fa;
-  color: #45494c;
-  border: 1px solid #e4e7eb;
-}
-.vertifyWrap .sliderContainer_active .slider {
-  height: 38px;
-  top: -1px;
-  border: 1px solid #486cd6;
-}
-.vertifyWrap .sliderContainer_active .sliderMask {
-  height: 38px;
-  border-width: 1px;
-}
-.vertifyWrap .sliderContainer_success .slider {
-  height: 38px;
-  top: -1px;
-  border: 1px solid #0db87f;
-  background-color: #0ca14a !important;
-}
-.vertifyWrap .sliderContainer_success .sliderMask {
-  height: 38px;
-  border: 1px solid #0db87f;
-  background-color: #d2f4ef;
-}
-.vertifyWrap .sliderContainer_success .sliderIcon {
-  background-position: 0 -26px !important;
-}
-.vertifyWrap .sliderContainer_fail .slider {
-  height: 38px;
-  top: -1px;
-  border: 1px solid #f57a7a;
-  background-color: #f57a7a !important;
-}
-.vertifyWrap .sliderContainer_fail .sliderMask {
-  height: 38px;
-  border: 1px solid #f57a7a;
-  background-color: #fce1e1;
-}
-.vertifyWrap .sliderContainer_fail .sliderIcon {
-  top: 14px;
-  background-position: 0 -82px !important;
-}
-.vertifyWrap .sliderContainer_active .sliderText,
-.vertifyWrap .sliderContainer_success .sliderText,
-.vertifyWrap .sliderContainer_fail .sliderText {
-  display: none;
-}
-.vertifyWrap .sliderMask {
-  position: absolute;
-  left: 0;
-  top: 0;
-  height: 40px;
-  border: 0 solid #486cd6;
-  background: #d1e9fe;
-}
-.vertifyWrap .slider {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 40px;
-  height: 40px;
-  background: #fff;
-  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-  transition: background 0.2s linear;
-  cursor: pointer;
-  cursor: grab;
-}
-.vertifyWrap .slider:active {
-  cursor: grabbing;
-}
-.vertifyWrap .slider:hover {
-  background: #486cd6;
-}
-.vertifyWrap .sliderIcon {
-  font-size: 18px;
-  color: #000;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-}
-.vertifyWrap .slider:hover .sliderIcon {
-  color: #fff;
-}
-.vertifyWrap .refreshIcon {
-  position: absolute;
-  right: 5px;
-  top: 5px;
-  width: 30px;
-  height: 30px;
-  cursor: pointer;
-  background-size: 32px;
-}
-.vertifyWrap .loadingContainer {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 310px;
-  height: 155px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  font-size: 14px;
-  color: #45494c;
-  z-index: 2;
-  background: #edf0f2;
-}
-.vertifyWrap .loadingIcon {
-  width: 32px;
-  height: 32px;
-  margin-bottom: 10px;
-  background: url(http://cdn.dooring.cn/dr/icon12.png);
-  background-size: 32px;
-  animation: loading-icon-rotate 0.8s linear infinite;
-}
-@keyframes loading-icon-rotate {
-  from {
-    transform: rotate(0);
-  }
-  to {
-    transform: rotate(360deg);
-  }
+.vertifyWrap {
+  position: relative;
+}
+.vertifyWrap .block {
+  position: absolute;
+  left: 0;
+  top: 0;
+  cursor: pointer;
+  cursor: grab;
+}
+.vertifyWrap .block:active {
+  cursor: grabbing;
+}
+.vertifyWrap .sliderContainer {
+  position: relative;
+  text-align: center;
+  width: 310px;
+  height: 40px;
+  line-height: 40px;
+  margin-top: 15px;
+  background: #f7f9fa;
+  color: #45494c;
+  border: 1px solid #e4e7eb;
+}
+.vertifyWrap .sliderContainer_active .slider {
+  height: 38px;
+  top: -1px;
+  border: 1px solid #486cd6;
+}
+.vertifyWrap .sliderContainer_active .sliderMask {
+  height: 38px;
+  border-width: 1px;
+}
+.vertifyWrap .sliderContainer_success .slider {
+  height: 38px;
+  top: -1px;
+  border: 1px solid #0db87f;
+  background-color: #0ca14a !important;
+}
+.vertifyWrap .sliderContainer_success .sliderMask {
+  height: 38px;
+  border: 1px solid #0db87f;
+  background-color: #d2f4ef;
+}
+.vertifyWrap .sliderContainer_success .sliderIcon {
+  background-position: 0 -26px !important;
+}
+.vertifyWrap .sliderContainer_fail .slider {
+  height: 38px;
+  top: -1px;
+  border: 1px solid #f57a7a;
+  background-color: #f57a7a !important;
+}
+.vertifyWrap .sliderContainer_fail .sliderMask {
+  height: 38px;
+  border: 1px solid #f57a7a;
+  background-color: #fce1e1;
+}
+.vertifyWrap .sliderContainer_fail .sliderIcon {
+  top: 14px;
+  background-position: 0 -82px !important;
+}
+.vertifyWrap .sliderContainer_active .sliderText,
+.vertifyWrap .sliderContainer_success .sliderText,
+.vertifyWrap .sliderContainer_fail .sliderText {
+  display: none;
+}
+.vertifyWrap .sliderMask {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 40px;
+  border: 0 solid #486cd6;
+  background: #d1e9fe;
+}
+.vertifyWrap .slider {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 40px;
+  height: 40px;
+  background: #fff;
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
+  transition: background 0.2s linear;
+  cursor: pointer;
+  cursor: grab;
+}
+.vertifyWrap .slider:active {
+  cursor: grabbing;
+}
+.vertifyWrap .slider:hover {
+  background: #486cd6;
+}
+.vertifyWrap .sliderIcon {
+  font-size: 18px;
+  color: #000;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+.vertifyWrap .slider:hover .sliderIcon {
+  color: #fff;
+}
+.vertifyWrap .refreshIcon {
+  position: absolute;
+  right: 5px;
+  top: 5px;
+  width: 30px;
+  height: 30px;
+  cursor: pointer;
+  background-size: 32px;
+}
+.vertifyWrap .loadingContainer {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 310px;
+  height: 155px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  color: #45494c;
+  z-index: 2;
+  background: #edf0f2;
+}
+.vertifyWrap .loadingIcon {
+  width: 32px;
+  height: 32px;
+  margin-bottom: 10px;
+  background: url(http://cdn.dooring.cn/dr/icon12.png);
+  background-size: 32px;
+  animation: loading-icon-rotate 0.8s linear infinite;
+}
+@keyframes loading-icon-rotate {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }