feat(page9): add new component.

Author: jaywcjlove

pages/page8/src/control/signup/Password.tsx

@@ -280,7 +280,7 @@
 
 .login-page8-fields  {
   border-radius: 10px;
-  margin: 2rem 0;
+  margin: 2rem 0 0 0;
   gap: var(--gap);
   display: flex;
   flex-direction: column;

pages/page8/src/control/signup/Submit.tsx

@@ -15,8 +15,6 @@ export * from 'react-login-page';
 export * from './control/login/Username';
 export * from './control/login/Password';
 export * from './control/login/Submit';
-export * from './control/signup/Submit';
-export * from './control/signup/Password';
 export * from './control/Title';
 export * from './control/TitleLogin';
 export * from './control/TitleSignup';

pages/page8/src/index.css

@@ -0,0 +1,64 @@
+{
+  "name": "@react-login-page/page9",
+  "version": "0.4.7",
+  "description": "Some `react` login pages, which can be used quickly after installation.",
+  "homepage": "https://uiwjs.github.io/react-login-page",
+  "author": "kenny wong <wowohoo@qq.com>",
+  "license": "MIT",
+  "main": "./cjs/index.js",
+  "module": "./esm/index.js",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./bg.jpg": {
+      "import": "./esm/assets/bg.jpg",
+      "require": "./cjs/assets/bg.jpg"
+    },
+    "./README.md": "./README.md",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "watch": "tsbb watch src/*.tsx --use-babel",
+    "build": "tsbb build src/*.tsx --use-babel",
+    "test": "tsbb test --env=jsdom",
+    "coverage": "tsbb test --env=jsdom --coverage --bail"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/uiwjs/react-login-page.git"
+  },
+  "files": [
+    "README.md",
+    "src",
+    "esm",
+    "cjs"
+  ],
+  "peerDependencies": {
+    "@babel/runtime": ">=7.11.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "dependencies": {
+    "react-login-page": "0.4.7"
+  },
+  "keywords": [
+    "react",
+    "login",
+    "login-page",
+    "login-pages",
+    "react-login",
+    "react-login-page",
+    "editor",
+    "syntax",
+    "ide",
+    "code"
+  ],
+  "jest": {
+    "coverageReporters": [
+      "lcov",
+      "json-summary"
+    ]
+  }
+}

pages/page8/src/index.tsx

@@ -0,0 +1,8 @@
+import { Block, BlockProps, BlockTagType } from 'react-login-page';
+
+export const Footer = <Tag extends BlockTagType = 'footer'>(props: BlockProps<Tag | 'footer'>) => {
+  const { keyname = 'footer', name = 'footer', ...elmProps } = props;
+  return <Block {...elmProps} name={keyname || name} tagName="footer" />;
+};
+
+Footer.displayName = 'BaseLogin.Footer';

pages/page9/README.md

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+import { Block, BlockProps, BlockTagType } from 'react-login-page';
+
+export const Logo = <T extends BlockTagType = 'div'>(props: PropsWithChildren<Partial<BlockProps<T | 'div'>>>) => {
+  const { keyname = 'logo', name = 'logo', ...elmProps } = props;
+  if (!elmProps.children) {
+    elmProps.children = '⚛️';
+  }
+  return <Block {...elmProps} keyname={keyname || name} />;
+};
+
+Logo.displayName = 'BaseLogin.Logo';

pages/page9/package.json

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { Input, InputProps } from 'react-login-page';
+
+export const Password: FC<InputProps> = (props) => {
+  const { keyname = 'password', name, rename, ...elmProps } = props;
+  const nameBase = name || rename || keyname;
+  const key = (keyname || name) as string;
+  return <Input type="password" placeholder="Password" {...elmProps} name={nameBase} keyname={key} />;
+};
+
+Password.displayName = 'BaseLogin.Password';