feat: add @react-login-page/page11 page.

Author: jaywcjlove

.github/workflows/main.yml

@@ -155,5 +155,12 @@ jobs:
         name: 📦 @react-login-page/page10 publish to NPM
         continue-on-error: true
         working-directory: pages/page10
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - run: npm publish --access public
+        name: 📦 @react-login-page/page11 publish to NPM
+        continue-on-error: true
+        working-directory: pages/page11
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

pages/page10/src/index.tsx

@@ -194,6 +194,6 @@ Login.InnerBox = InnerBox;
 Login.Title = Title;
 Login.TitleLogin = TitleLogin;
 Login.TitleSignup = TitleSignup;
-Login.displayName = 'BaseLoginPage';
+Login.displayName = 'LoginPage';
 
 export default Login;

pages/page11/README.md

@@ -0,0 +1,61 @@
+{
+  "name": "@react-login-page/page11",
+  "version": "0.4.14",
+  "description": "Some `react` login pages, which can be used quickly after installation.",
+  "homepage": "https://uiwjs.github.io/react-login-page",
+  "author": "kenny wong <[email protected]>",
+  "license": "MIT",
+  "main": "./cjs/index.js",
+  "module": "./esm/index.js",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./banner.jpg": "./assets/banner.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.14"
+  },
+  "keywords": [
+    "react",
+    "login",
+    "login-page",
+    "login-pages",
+    "react-login",
+    "react-login-page",
+    "editor",
+    "syntax",
+    "ide",
+    "code"
+  ],
+  "jest": {
+    "coverageReporters": [
+      "lcov",
+      "json-summary"
+    ]
+  }
+}

pages/page11/assets/banner.jpg

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { Block, BlockProps, BlockTagType } from 'react-login-page';
+
+export const Banner = <T extends BlockTagType>(props: PropsWithChildren<Partial<BlockProps<T | 'aside'>>>) => {
+  const { keyname = 'banner', ...elmProps } = props;
+  return <Block {...elmProps} keyname={keyname} tagName="aside" />;
+};
+
+Banner.displayName = 'Login.Banner';

pages/page11/package.json

@@ -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', ...elmProps } = props;
+  return <Block {...elmProps} name={keyname} tagName="footer" />;
+};
+
+Footer.displayName = 'Login.Footer';

pages/page11/src/control/Banner.tsx

@@ -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', ...elmProps } = props;
+  if (!elmProps.children) {
+    elmProps.children = '⚛️';
+  }
+  return <Block {...elmProps} keyname={keyname} />;
+};
+
+Logo.displayName = 'Login.Logo';

pages/page11/src/control/Footer.tsx

@@ -0,0 +1,18 @@
+import { FC, useEffect } from 'react';
+import { Input, InputProps, useStore } from 'react-login-page';
+
+export interface PasswordProps extends InputProps {
+  label?: React.ReactNode;
+}
+
+export const Password: FC<PasswordProps> = (props) => {
+  const { keyname = 'password', name, rename, label, ...elmProps } = props;
+  const nameBase = name || rename || keyname;
+  const key = (keyname || name) as string;
+  const { dispatch } = useStore();
+  useEffect(() => dispatch({ [`$${key}`]: label }), [label]);
+
+  return <Input type="password" placeholder="Password" autoComplete="on" {...elmProps} name={nameBase} keyname={key} />;
+};
+
+Password.displayName = 'Login.Password';

pages/page11/src/control/Logo.tsx

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { Button, ButtonProps } from 'react-login-page';
+
+export const Submit: FC<ButtonProps> = (props) => {
+  const { keyname = 'submit', ...elmProps } = props;
+  if (!elmProps.children) {
+    elmProps.children = 'Submit';
+  }
+  return <Button type="submit" keyname={keyname} {...elmProps} />;
+};
+
+Submit.displayName = 'Login.Submit';