\n ![]()
\n \n \n
\n \n ![]()
\n
\n \n 
+
+#### 内置认证器
+- 名称：basic
+- 认证类型：邮箱密码登录
+
+
+
+
+
+#### 增加认证器
+Add new - 选择认证类型
+
+
+
+#### 启用/禁用
+Actions - Edit - 勾选/取消Enabled
+
+
+
+#### 配置认证器
+Actions - Edit
+
+## 开发一个登录插件
+### 接口
+Nocobase内核提供了扩展登录方式的接入和管理。扩展登录插件的核心逻辑处理，需要继承内核的`Auth`类，并对相应的标准接口进行实现。
+参考`core/auth/auth.ts`
+
+```TypeScript
+import { Auth } from '@nocobase/auth';
+
+class CustomAuth extends Auth {
+ set user(user) {}
+ get user() {}
+
+ async check() {}
+ async signIn() {}
+}
+```
+
+多数情况下，扩展的用户登录方式也将沿用现有的jwt逻辑来生成用户访问API的凭证，插件也可以继承`BaseAuth`类以便复用部分逻辑代码，如`check`, `signIn`接口。
+
+```TypeScript
+import { BaseAuth } from '@nocobase/auth';
+
+class CustomAuth extends BaseAuth {
+ constructor(config: AuthConfig) {
+ const userCollection = config.ctx.db.getCollection('users');
+ super({ ...config, userCollection });
+ }
+
+ async validate() {}
+}
+```
+
+### 用户数据
+
+`@nocobase/plugin-auth`插件提供了`usersAuthenticators`表来建立users和authenticators，即用户和认证方式的关联。
+通常情况下，扩展登录方式用`users`和`usersAuthenticators`来存储相应的用户数据即可，特殊情况下才需要自己新增Collection.
+`users`存储的是最基础的用户数据，邮箱、昵称和密码。
+`usersAuthenticators`存储扩展登录方式数据
+- uuid: 该种认证方式的用户唯一标识，如手机号、微信openid等
+- meta: JSON字段，其他需要保存的信息
+- userId: 用户id
+- authenticator：认证器名字
+
+对于用户操作，`Authenticator`模型也提供了几个封装的方法，可以在`CustomAuth`类中通过`this.authenticator[方法名]`使用：
+- `findUser(uuid: string): UserModel` - 查询用户
+- `newUser(uuid: string, values?: any): UserModel` - 创建新用户
+- `findOrCreateUser(uuid: string, userValues?: any): UserModel` - 查找或创建新用户
+
+### 注册
+扩展的登录方式需要向内核注册。
+```TypeScript
+async load() {
+ this.app.authManager.registerTypes('custom-auth-type', {
+ auth: CustomAuth,
+ });
+}
+```
+
+### 客户端API
+#### OptionsComponentProvider
+可供用户配置的认证器配置项
+- authType 认证方式
+- component 配置组件
+```TypeScript
+
-
-
-
- );
-}
diff --git a/src/client/SharedFormConfigure.tsx b/src/client/SharedFormConfigure.tsx
deleted file mode 100644
index 34d4b5e..0000000
--- a/src/client/SharedFormConfigure.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { RemoteSchemaComponent } from '@nocobase/client';
-import { Breadcrumb, Button, Space } from 'antd';
-import React from 'react';
-import { useParams } from 'react-router';
-import { Link } from 'react-router-dom';
-import { useCreateActionProps } from './useCreateActionProps';
-
-export function SharedFormConfigure() {
- const params = useParams();
- return (
-
-
- );
-}
diff --git a/src/client/SharedFormTable.tsx b/src/client/SharedFormTable.tsx
deleted file mode 100644
index 8f2a53d..0000000
--- a/src/client/SharedFormTable.tsx
+++ /dev/null
@@ -1,448 +0,0 @@
-import { createForm } from '@formily/core';
-import { useForm } from '@formily/react';
-import { uid } from '@formily/shared';
-import {
- ActionProps,
- ExtendCollectionsProvider,
- ISchema,
- SchemaComponent,
- useActionContext,
- useAPIClient,
- useCollection,
- useCollectionRecordData,
- useDataBlockRequest,
- useDataBlockResource,
-} from '@nocobase/client';
-import { App as AntdApp } from 'antd';
-import React, { useMemo } from 'react';
-import { ConfigureLink } from './ConfigureLink';
-
-const sharedFormsCollection = {
- name: 'sharedForms',
- filterTargetKey: 'slug',
- fields: [
- {
- type: 'string',
- name: 'title',
- interface: 'input',
- uiSchema: {
- type: 'string',
- title: 'Title',
- required: true,
- 'x-component': 'Input',
- },
- },
- {
- type: 'text',
- name: 'description',
- interface: 'textarea',
- uiSchema: {
- type: 'string',
- title: 'Description',
- 'x-component': 'Input.TextArea',
- },
- },
- {
- type: 'string',
- name: 'dataSource',
- interface: 'input',
- uiSchema: {
- type: 'string',
- title: 'Data source',
- required: true,
- 'x-component': 'Input',
- },
- },
- {
- type: 'string',
- name: 'collection',
- interface: 'collection',
- uiSchema: {
- type: 'string',
- title: 'Collection',
- required: true,
- 'x-component': 'CollectionSelect',
- },
- },
- {
- type: 'password',
- name: 'password',
- interface: 'password',
- uiSchema: {
- type: 'string',
- title: 'Password',
- 'x-component': 'Password',
- },
- },
- ],
-};
-
-const initialSchema = (values) => {
- return {
- type: 'void',
- name: uid(),
- properties: {
- form: {
- type: 'void',
- 'x-toolbar': 'BlockSchemaToolbar',
- 'x-toolbar-props': {
- draggable: false,
- },
- 'x-settings': 'blockSettings:createForm',
- 'x-component': 'CardItem',
- 'x-decorator': 'FormBlockProvider',
- 'x-decorator-props': {
- collection: values.collection,
- dataSource: values.dataSource || 'main',
- },
- 'x-use-decorator-props': 'useCreateFormBlockDecoratorProps',
- properties: {
- a69vmspkv8h: {
- type: 'void',
- 'x-component': 'FormV2',
- 'x-use-component-props': 'useCreateFormBlockProps',
- properties: {
- grid: {
- type: 'void',
- 'x-component': 'Grid',
- 'x-initializer': 'form:configureFields',
- },
- l9xfwp6cfh1: {
- type: 'void',
- 'x-component': 'ActionBar',
- 'x-initializer': 'createForm:configureActions',
- 'x-component-props': {
- layout: 'one-column',
- },
- },
- },
- },
- },
- },
- success: {
- type: 'void',
- 'x-editable': false,
- 'x-toolbar-props': {
- draggable: false,
- },
- 'x-settings': 'blockSettings:markdown',
- 'x-component': 'Markdown.Void',
- 'x-decorator': 'CardItem',
- 'x-component-props': {
- content: 'This is a demo text, **supports Markdown syntax**.',
- },
- 'x-decorator-props': {
- name: 'markdown',
- engine: 'handlebars',
- },
- },
- },
- };
-};
-
-const useSubmitActionProps = () => {
- const { setVisible } = useActionContext();
- const { message } = AntdApp.useApp();
- const form = useForm();
- const resource = useDataBlockResource();
- const { runAsync } = useDataBlockRequest();
- const collection = useCollection();
- const api = useAPIClient();
- return {
- type: 'primary',
- async onClick() {
- await form.submit();
- const values = form.values;
- if (values[collection.filterTargetKey]) {
- await resource.update({
- values,
- filterByTk: values[collection.filterTargetKey],
- });
- } else {
- const slug = uid();
- const schema = initialSchema(values);
- schema['x-uid'] = slug;
- await resource.create({
- values: {
- ...values,
- slug,
- },
- });
- await api.resource('uiSchemas').insert({ values: schema });
- }
- await runAsync();
- message.success('Saved successfully!');
- setVisible(false);
- },
- };
-};
-
-const useEditFormProps = () => {
- const recordData = useCollectionRecordData();
- const form = useMemo(
- () =>
- createForm({
- initialValues: recordData,
- }),
- [],
- );
-
- return {
- form,
- };
-};
-
-function useDeleteActionProps(): ActionProps {
- const { message } = AntdApp.useApp();
- const record = useCollectionRecordData();
- const resource = useDataBlockResource();
- const { runAsync } = useDataBlockRequest();
- const collection = useCollection();
- return {
- confirm: {
- title: 'Delete',
- content: 'Are you sure you want to delete it?',
- },
- async onClick() {
- await resource.destroy({
- filterByTk: record[collection.filterTargetKey],
- });
- await runAsync();
- message.success('Deleted!');
- },
- };
-}
-
-const schema: ISchema = {
- type: 'void',
- name: uid(),
- 'x-component': 'CardItem',
- 'x-decorator': 'TableBlockProvider',
- 'x-decorator-props': {
- collection: sharedFormsCollection.name,
- action: 'list',
- showIndex: true,
- dragSort: false,
- },
- properties: {
- actions: {
- type: 'void',
- 'x-component': 'ActionBar',
- 'x-component-props': {
- style: {
- marginBottom: 20,
- },
- },
- properties: {
- add: {
- type: 'void',
- 'x-component': 'Action',
- title: 'Add New',
- 'x-align': 'right',
- 'x-component-props': {
- type: 'primary',
- },
- properties: {
- drawer: {
- type: 'void',
- 'x-component': 'Action.Drawer',
- title: 'Add new',
- properties: {
- form: {
- type: 'void',
- 'x-component': 'FormV2',
- properties: {
- title: {
- type: 'string',
- 'x-decorator': 'FormItem',
- 'x-component': 'CollectionField',
- required: true,
- },
- dataSource: {
- type: 'string',
- 'x-decorator': 'FormItem',
- 'x-component': 'CollectionField',
- default: 'main',
- },
- collection: {
- type: 'string',
- 'x-decorator': 'FormItem',
- 'x-component': 'CollectionField',
- required: true,
- },
- description: {
- type: 'string',
- 'x-decorator': 'FormItem',
- 'x-component': 'CollectionField',
- },
- password: {
- type: 'string',
- 'x-decorator': 'FormItem',
- 'x-component': 'CollectionField',
- },
- footer: {
- type: 'void',
- 'x-component': 'Action.Drawer.Footer',
- properties: {
- submit: {
- title: 'Submit',
- 'x-component': 'Action',
- 'x-use-component-props': 'useSubmitActionProps',
- },
- },
- },
- },
- },
- },
- },
- },
- },
- },
- },
- table: {
- type: 'array',
- 'x-component': 'TableV2',
- 'x-use-component-props': 'useTableBlockProps',
- 'x-component-props': {
- rowKey: sharedFormsCollection.filterTargetKey,
- rowSelection: {
- type: 'checkbox',
- },
- },
- properties: {
- title: {
- type: 'void',
- title: 'Title',
- 'x-component': 'TableV2.Column',
- properties: {
- title: {
- type: 'string',
- 'x-component': 'CollectionField',
- 'x-pattern': 'readPretty',
- },
- },
- },
- dataSource: {
- type: 'void',
- title: 'Data source',
- 'x-component': 'TableV2.Column',
- properties: {
- dataSource: {
- type: 'string',
- 'x-component': 'CollectionField',
- 'x-pattern': 'readPretty',
- },
- },
- },
- collection: {
- type: 'void',
- title: 'Collection',
- 'x-component': 'TableV2.Column',
- properties: {
- collection: {
- type: 'string',
- 'x-component': 'CollectionField',
- 'x-pattern': 'readPretty',
- },
- },
- },
- description: {
- type: 'void',
- title: 'Description',
- 'x-component': 'TableV2.Column',
- properties: {
- description: {
- type: 'string',
- 'x-component': 'CollectionField',
- 'x-pattern': 'readPretty',
- },
- },
- },
- actions: {
- type: 'void',
- title: 'Actions',
- 'x-component': 'TableV2.Column',
- properties: {
- actions: {
- type: 'void',
- 'x-component': 'Space',
- 'x-component-props': {
- split: '|',
- },
- properties: {
- configure: {
- type: 'void',
- title: 'Configure',
- 'x-component': ConfigureLink,
- // 'x-use-component-props': 'useDeleteActionProps',
- },
- edit: {
- type: 'void',
- title: 'Edit',
- 'x-component': 'Action.Link',
- 'x-component-props': {
- openMode: 'drawer',
- icon: 'EditOutlined',
- },
- properties: {
- drawer: {
- type: 'void',
- title: 'Edit',
- 'x-component': 'Action.Drawer',
- properties: {
- form: {
- type: 'void',
- 'x-component': 'FormV2',
- 'x-use-component-props': 'useEditFormProps',
- properties: {
- title: {
- type: 'string',
- 'x-decorator': 'FormItem',
- 'x-component': 'CollectionField',
- required: true,
- },
- description: {
- type: 'string',
- 'x-decorator': 'FormItem',
- 'x-component': 'CollectionField',
- required: true,
- },
- footer: {
- type: 'void',
- 'x-component': 'Action.Drawer.Footer',
- properties: {
- submit: {
- title: 'Submit',
- 'x-component': 'Action',
- 'x-use-component-props': 'useSubmitActionProps',
- },
- },
- },
- },
- },
- },
- },
- },
- },
- delete: {
- type: 'void',
- title: 'Delete',
- 'x-component': 'Action.Link',
- 'x-use-component-props': 'useDeleteActionProps',
- },
- },
- },
- },
- },
- },
- },
- },
-};
-
-export const SharedFormTable = () => {
- return (
-
- Shared forms,
- },
- {
- title: 'Test',
- },
- ]}
- />
-
-
-
-
-
-
-
-
-
+
+
+
+ );
+}
diff --git a/src/client/pages/SignInPage.tsx b/src/client/pages/SignInPage.tsx
new file mode 100644
index 0000000..3b88168
--- /dev/null
+++ b/src/client/pages/SignInPage.tsx
@@ -0,0 +1,105 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { css } from '@emotion/css';
+import { Space, Tabs } from 'antd';
+import React, { createElement, useContext } from 'react';
+import { useCurrentDocumentTitle, usePlugin, useViewport } from '@nocobase/client';
+import AuthPlugin, { AuthOptions } from '..';
+import { Authenticator, AuthenticatorsContext } from '../authenticator';
+import { useAuthTranslation } from '../locale';
+import { Schema } from '@formily/react';
+
+export const useSignInForms = (): {
+ [authType: string]: AuthOptions['components']['SignInForm'];
+} => {
+ const plugin = usePlugin(AuthPlugin);
+ const authTypes = plugin.authTypes.getEntities();
+ const signInForms = {};
+ for (const [authType, options] of authTypes) {
+ if (options.components?.SignInForm) {
+ signInForms[authType] = options.components.SignInForm;
+ }
+ }
+ return signInForms;
+};
+
+export const useSignInButtons = (authenticators = []) => {
+ const plugin = usePlugin(AuthPlugin);
+ const authTypes = plugin.authTypes.getEntities();
+ const customs = {};
+ for (const [authType, options] of authTypes) {
+ if (options.components?.SignInButton) {
+ customs[authType] = options.components.SignInButton;
+ }
+ }
+
+ const types = Object.keys(customs);
+ return authenticators
+ .filter((authenticator) => types.includes(authenticator.authType))
+ .map((authenticator, index) => React.createElement(customs[authenticator.authType], { key: index, authenticator }));
+};
+
+export const SignInPage = () => {
+ const { t } = useAuthTranslation();
+ useCurrentDocumentTitle('Signin');
+ useViewport();
+ const signInForms = useSignInForms();
+ const authenticators = useContext(AuthenticatorsContext);
+ const signInButtons = useSignInButtons(authenticators);
+
+ if (!authenticators.length) {
+ return {data?.data?.title}
+
+
+ {codeIsVisible && (
+
+
+ )}
+ {changePassword && (
+
+
+
+
+
+ )}
+
+
+ 密码过期修改密码
+
+
+
+ {
+ setNewPassword(e.target.value);
+ }}
+ iconRender={(visible) => (visible ?
+ 新密码:
+ {statusShow && 与第二次密码输入不一致!!!
}
+
+ {
+ if (newPassword !== e.target.value) {
+ // @ts-ignore
+ setNewStatusTwo('error');
+ // @ts-ignore
+ setNewStatus('error');
+ setStatusShow(true);
+ } else {
+ // @ts-ignore
+ setNewStatusTwo('success');
+ // @ts-ignore
+ setNewStatus('success');
+ setStatusShow(false);
+ }
+ }}
+ onChange={(e) => {
+ setNewPasswordTwo(e.target.value);
+ }}
+ iconRender={(visible) => (visible ?
+ 确认新密码:
+ {statusShow && 与第一次密码输入不一致!!!
}
+
+
+
+ {t('No authentication methods available.')}
;
+ }
+
+ const tabs = authenticators
+ .map((authenticator) => {
+ const C = signInForms[authenticator.authType];
+ if (!C) {
+ return;
+ }
+ const defaultTabTitle = `${t('Sign-in')} (${Schema.compile(
+ authenticator.authTypeTitle || authenticator.authType,
+ { t },
+ )})`;
+ return {
+ component: createElement<{
+ authenticator: Authenticator;
+ }>(C, { authenticator }),
+ tabTitle: authenticator.title || defaultTabTitle,
+ ...authenticator,
+ };
+ })
+ .filter((i) => i);
+
+ return (
+ {tabs[0].component}
+ ) : (
+ <>
+ )}
+ \n \n
\n'),
+ ),
+ (this.el = this.boxEl.find('#tianai-captcha')),
+ this.loadStyle(),
+ this.el.find('#tianai-captcha-slider-move-btn').mousedown(c),
+ this.el.find('#tianai-captcha-slider-move-btn').touchstart(c),
+ (window.currentCaptcha = this),
+ this.loadCaptchaForData(this, t),
+ (this.endCallback = e),
+ a && a(this),
+ this
+ );
+ }
+ destroy() {
+ const t = this.boxEl.children('#tianai-captcha');
+ t && t.remove(), o();
+ }
+ doMove() {
+ const t = this.currentCaptchaData.moveX;
+ this.el.find('#tianai-captcha-slider-move-btn').css('transform', 'translate(' + t + 'px, 0px)'),
+ this.el
+ .find('#tianai-captcha-slider-move-img')
+ .css('transform', 'rotate(' + t / (this.currentCaptchaData.end / 360) + 'deg)'),
+ this.el.find('#tianai-captcha-slider-move-track-mask').css('width', t + 'px');
+ }
+ loadStyle() {
+ let t = '',
+ e = '#00f4ab',
+ a = '#a9ffe5';
+ const i = this.styleConfig;
+ i && ((t = i.btnUrl), (a = i.moveTrackMaskBgColor), (e = i.moveTrackMaskBorderColor)),
+ this.el.find('.slider-move .slider-move-btn').css('background-image', 'url(' + t + ')'),
+ this.el.find('#tianai-captcha-slider-move-track-mask').css('border-color', e),
+ this.el.find('#tianai-captcha-slider-move-track-mask').css('background-color', a);
+ }
+ loadCaptchaForData(t, e) {
+ const a = t.el.find('#tianai-captcha-slider-bg-img'),
+ i = t.el.find('#tianai-captcha-slider-move-img');
+ a.attr('src', e.captcha.backgroundImage),
+ i.attr('src', e.captcha.templateImage),
+ a.on('load', () => {
+ (t.currentCaptchaData = h(a.width(), a.height(), i.width(), i.height(), 242)),
+ (t.currentCaptchaData.currentCaptchaId = e.id);
+ });
+ }
+ };
+ a(991);
+ const v = class extends u {
+ constructor(t, e) {
+ super(),
+ (this.boxEl = A(t)),
+ (this.styleConfig = e),
+ (this.type = 'CONCAT'),
+ (this.currentCaptchaData = {});
+ }
+ init(t, e, a) {
+ return (
+ this.destroy(),
+ this.boxEl.append(
+ (this.styleConfig,
+ '\n \n
\n \n\n ![]()
\n \n
\n \n ![]()
\n
\n \n \n \n
\n '),
+ ),
+ (this.el = this.boxEl.find('#tianai-captcha')),
+ this.loadStyle(),
+ this.el.find('#tianai-captcha-slider-move-btn').mousedown(c),
+ this.el.find('#tianai-captcha-slider-move-btn').touchstart(c),
+ r(this.el),
+ (window.currentCaptcha = this),
+ this.loadCaptchaForData(this, t),
+ (this.endCallback = e),
+ a && a(this),
+ this
+ );
+ }
+ destroy() {
+ o();
+ const t = this.boxEl.children('#tianai-captcha');
+ t && t.remove();
+ }
+ doMove() {
+ const t = this.currentCaptchaData.moveX;
+ this.el.find('#tianai-captcha-slider-move-btn').css('transform', 'translate(' + t + 'px, 0px)'),
+ this.el.find('#tianai-captcha-slider-concat-img-div').css('background-position-x', t + 'px'),
+ this.el.find('#tianai-captcha-slider-move-track-mask').css('width', t + 'px');
+ }
+ loadStyle() {
+ let t = '',
+ e = '#00f4ab',
+ a = '#a9ffe5';
+ const i = this.styleConfig;
+ i && ((t = i.btnUrl), (a = i.moveTrackMaskBgColor), (e = i.moveTrackMaskBorderColor)),
+ this.el.find('.slider-move .slider-move-btn').css('background-image', 'url(' + t + ')'),
+ this.el.find('#tianai-captcha-slider-move-track-mask').css('border-color', e),
+ this.el.find('#tianai-captcha-slider-move-track-mask').css('background-color', a);
+ }
+ loadCaptchaForData(t, e) {
+ const a = t.el.find('.tianai-captcha-slider-concat-bg-img'),
+ i = t.el.find('#tianai-captcha-slider-concat-img-div');
+ a.css('background-image', 'url(' + e.captcha.backgroundImage + ')'),
+ i.css('background-image', 'url(' + e.captcha.backgroundImage + ')'),
+ i.css('background-position', '0px 0px');
+ var r = e.captcha.backgroundImageHeight,
+ n = ((r - e.captcha.data.randomY) / r) * 180;
+ i.css('height', n + 'px'),
+ (t.currentCaptchaData = h(a.width(), a.height(), i.width(), i.height(), 242)),
+ (t.currentCaptchaData.currentCaptchaId = e.id);
+ }
+ };
+ a(492);
+ const C = class extends u {
+ constructor(t, e) {
+ super(),
+ (this.boxEl = A(t)),
+ (this.styleConfig = e),
+ (this.type = 'IMAGE_CLICK'),
+ (this.currentCaptchaData = {});
+ }
+ init(t, e, a) {
+ return (
+ this.destroy(),
+ this.boxEl.append(
+ (this.styleConfig,
+ '\n\n
\n \n\n ![]()
\n
\n \n \n \n
\n'),
+ ),
+ (this.el = this.boxEl.find('#tianai-captcha')),
+ (window.currentCaptcha = this),
+ this.loadCaptchaForData(this, t),
+ (this.endCallback = e),
+ this.el.find('#bg-img-click-mask').click((t) => {
+ this.currentCaptchaData.clickCount++;
+ const e = this.currentCaptchaData.trackArr,
+ a = this.currentCaptchaData.startTime;
+ 1 === this.currentCaptchaData.clickCount &&
+ (window.addEventListener('mousemove', s),
+ (this.currentCaptchaData.startX = t.offsetX),
+ (this.currentCaptchaData.startY = t.offsetY)),
+ e.push({
+ x: Math.round(t.offsetX),
+ y: Math.round(t.offsetY),
+ type: 'click',
+ t: new Date().getTime() - a.getTime(),
+ });
+ const i = t.offsetX - 10,
+ r = t.offsetY - 10;
+ this.el
+ .find('#bg-img-click-mask')
+ .append(
+ "" +
+ this.currentCaptchaData.clickCount +
+ '',
+ ),
+ 4 === this.currentCaptchaData.clickCount &&
+ ((this.currentCaptchaData.stopTime = new Date()),
+ window.removeEventListener('mousemove', s),
+ this.endCallback(this.currentCaptchaData, this));
+ }),
+ a && a(this),
+ this
+ );
+ }
+ destroy() {
+ const t = this.boxEl.children('#tianai-captcha');
+ t && t.remove(), o();
+ }
+ loadCaptchaForData(t, e) {
+ const a = t.el.find('#tianai-captcha-slider-bg-img'),
+ i = t.el.find('#tianai-captcha-tip-img');
+ a.on('load', () => {
+ (t.currentCaptchaData = h(a.width(), a.height(), i.width(), i.height())),
+ (t.currentCaptchaData.currentCaptchaId = e.id);
+ }),
+ a.attr('src', e.captcha.backgroundImage),
+ i.attr('src', e.captcha.templateImage);
+ }
+ };
+ const w = class extends C {
+ constructor(t, e) {
+ super(t, e), (this.type = 'WORD_IMAGE_CLICK');
+ }
+ };
+ class b {
+ constructor(t) {
+ if (!t.bindEl) throw new Error('[TAC] 必须配置 [bindEl]用于将验证码绑定到该元素上');
+ if (!t.requestCaptchaDataUrl) throw new Error('[TAC] 必须配置 [requestCaptchaDataUrl]请求验证码接口');
+ if (!t.validCaptchaUrl) throw new Error('[TAC] 必须配置 [validCaptchaUrl]验证验证码接口');
+ (this.bindEl = t.bindEl),
+ (this.domBindEl = A(t.bindEl)),
+ (this.requestCaptchaDataUrl = t.requestCaptchaDataUrl),
+ (this.validCaptchaUrl = t.validCaptchaUrl),
+ t.validSuccess && (this.validSuccess = t.validSuccess),
+ t.validFail && (this.validFail = t.validFail),
+ t.requestHeaders ? (this.requestHeaders = t.requestHeaders) : (this.requestHeaders = {}),
+ t.btnCloseFun && (this.btnCloseFun = t.btnCloseFun),
+ t.btnRefreshFun && (this.btnRefreshFun = t.btnRefreshFun),
+ (this.requestChain = []),
+ (this.timeToTimestamp = t.timeToTimestamp),
+ this.insertRequestChain(0, {
+ preRequest(t, e, a, i) {
+ if (this.timeToTimestamp && e.data)
+ for (let t in e.data) e.data[t] instanceof Date && (e.data[t] = e.data[t].getTime());
+ return !0;
+ },
+ });
+ }
+ addRequestChain(t) {
+ this.requestChain.push(t);
+ }
+ insertRequestChain(t, e) {
+ this.requestChain.splice(t, 0, e);
+ }
+ removeRequestChain(t) {
+ this.requestChain.splice(t, 1);
+ }
+ requestCaptchaData() {
+ const t = {};
+ (t.headers = this.requestHeaders || {}),
+ (t.data = {}),
+ (t.headers['Content-Type'] = 'application/json;charset=UTF-8'),
+ (t.method = 'POST'),
+ (t.url = this.requestCaptchaDataUrl),
+ this._preRequest('requestCaptchaData', t);
+ return this.doSendRequest(t).then((e) => (this._postRequest('requestCaptchaData', t, e), e));
+ }
+ doSendRequest(t) {
+ if (t.headers)
+ for (const e in t.headers)
+ if (t.headers[e].indexOf('application/json') > -1) {
+ 'string' != typeof t.data && (t.data = JSON.stringify(t.data));
+ break;
+ }
+ return ((e = t),
+ new Promise(function (t, a) {
+ var i = new XMLHttpRequest();
+ if ((i.open(e.method || 'GET', e.url), e.headers))
+ for (const t in e.headers) e.headers.hasOwnProperty(t) && i.setRequestHeader(t, e.headers[t]);
+ (i.onreadystatechange = function () {
+ if (i.readyState === XMLHttpRequest.DONE)
+ if (i.status >= 200 && i.status <= 500) {
+ const e = i.getResponseHeader('Content-Type');
+ e && -1 !== e.indexOf('application/json') ? t(JSON.parse(i.responseText)) : t(i.responseText);
+ } else a(new Error('Request failed with status: ' + i.status));
+ }),
+ (i.onerror = function () {
+ a(new Error('Network Error'));
+ }),
+ i.send(e.data);
+ })).then((t) => {
+ try {
+ return JSON.parse(t);
+ } catch (e) {
+ return t;
+ }
+ });
+ var e;
+ }
+ _preRequest(t, e, a, i) {
+ for (let r = 0; r < this.requestChain.length; r++) {
+ const n = this.requestChain[r];
+ if (n.preRequest && !n.preRequest(t, e, this, a, i)) break;
+ }
+ }
+ _postRequest(t, e, a, i, r) {
+ for (let n = 0; n < this.requestChain.length; n++) {
+ const c = this.requestChain[n];
+ if (c.postRequest && !c.postRequest(t, e, a, this, i, r)) break;
+ }
+ }
+ validCaptcha(t, e, a, i) {
+ const r = { id: t, data: e };
+ let n = {};
+ (n.headers = this.requestHeaders || {}),
+ (n.data = r),
+ (n.headers['Content-Type'] = 'application/json;charset=UTF-8'),
+ (n.method = 'POST'),
+ (n.url = this.validCaptchaUrl),
+ this._preRequest('validCaptcha', n, a, i);
+ return this.doSendRequest(n)
+ .then((t) => (this._postRequest('validCaptcha', n, t, a, i), t))
+ .then((t) => {
+ if (200 == t.code) {
+ const r = (e.endSlidingTime - e.startSlidingTime) / 1e3;
+ a.showTips(`验证成功,耗时${r}秒`, 1, () => this.validSuccess(t, a, i));
+ } else {
+ let e = '验证失败，请重新尝试!';
+ t.code && 4001 != t.code && (e = '验证码被黑洞吸走了！'),
+ a.showTips(e, 0, () => this.validFail(t, a, i));
+ }
+ })
+ .catch((t) => {
+ let e = a.styleConfig.i18n.tips_error;
+ t.code &&
+ 200 != t.code &&
+ (4001 != res.code && (e = a.styleConfig.i18n.tips_4001),
+ a.showTips(e, 0, () => this.validFail(res, a, i)));
+ });
+ }
+ validSuccess(t, e, a) {
+ (window.currentCaptchaRes = t), a.destroyWindow();
+ }
+ validFail(t, e, a) {
+ a.reloadCaptcha();
+ }
+ }
+ (window.TAC = class {
+ constructor(t, e) {
+ (this.config = (function (t) {
+ return t instanceof b ? t : new b(t);
+ })(t)),
+ this.config.btnRefreshFun && (this.btnRefreshFun = this.config.btnRefreshFun),
+ this.config.btnCloseFun && (this.btnCloseFun = this.config.btnCloseFun),
+ (this.style = (function (t) {
+ return (
+ t || (t = {}),
+ t.btnUrl ||
+ (t.btnUrl =
+ 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABkCAYAAABU19jRAAAJcUlEQVR4nO2d63MT1xmHf9rV6mr5fgNMuSW+ENsY8N0EE2BMhinJNB8y/dD2Qz/0v+gMf0w/JHTKNJAhICwbsA02TpNAHEMgQIwNBSEb8F2rvXTeY1kjYyA+TmVJmfeZ8YiRWa9299E57/mdI63Dtm3E+RjAKTDMaj4F8AU9uyzMCQBn+EQxb+EjAF+RMH8AcJrPFLMGvCSMzWeKWSN/I2GiAFx8xpi1oPBZYiTQWRhGChaGkYKFYaRgYRgpWBhGChaGkYKFYaRgYRgpWBhGChaGkYKFYaRgYRgpWBhGChaGkYKFYaRgYRgpWBhGChaGkYKFYaRgYRgpWBhGChaGkYKFYaRgYRgpWBhGCiefrtShGwZiup74+4qqwu12Z/W7lIVJEfN6FDfv3sPXfYOIRRfpm1UQKC7EkQ+PYFtRcdZKw8KkiLsPJ/CfgSFcH7yOxWhU7MSluYQoR44fxdaCoqyUhoVJEfZ8FN99c1N0Sx6PR+zEMAz0XAgBNtB14hi25OXDkWXHxUVvinA4ln6ScTqdsGwbvRd7EPwyiEcvXyDbvpyHhUkRaq4fe/c3wEWSWFZiJySNYZroCYYQPHsBY1OTWSWNevLkyb/TYwa8lt8UAb8ftluDW9UwPj4hDs0Rb3JUVRXd09j9nwELKKgoR4HXlw2Hb3INkyK8mob9NdUwLROq4sCVKwMrdqRpGkzTFN0TaWR2HcKu0rKMr2lYmBTi1jS01dUt7UBx4PKlfvHP5JaGuqseIY0DjmOHsKukNKOPiYVJMU5VRXt9PSwboO+fvHJ5QEiiKEvlIz3S86HuHiiqAhw9iJ0lpRnb0rAwG4CqKHh/Tz0UhwOWaWGg/5oofEkmJLU4wfPdQia765CQJhNHJCzMBkEtSVtdLRw2YNo2hgaGEDMMMWpahrwJBUMUCkM9djgjE2EWZgOhFqW5rlbMKdm2heHBYUT1mCiAEW9pKKfpPh8Sj5mYCLMwG4zLqWJfTZWQgL5S++uhYURjBrR4S0MtUSYnwixMGvBoGvZUV4quh0S4Pjgsaho1XtOIcM8wxJCb+qmu33dljDS/CWEeTb/E/Pw89EUdebkBVBQWrnnbWVjQoMAtsT9asGDQhf8VUbnX5UJ9VaVoZahVuXZ1cMXoiaSJxWIiEab/dPj4UXFczjRrk/VJ70/hp/jhuxF89o9TGP1+FH6fD9OxGHw5Pnicb34/PJ2dweitu7hwLojvb47A9rhQmJeXGLm8iQeP/4uRH27h88/+iZhhYs40UFZQsK7XrqkqigvyYbk18VrHH74+EX74YAzRqI66mupE15UmzKwW5kEkgtFvRxA8ex7hJ2HMzczgzu0f8fjxExRt2YzcgB9udfUJjuo6Tv/7HE6f+pe4GHd//AkwLRhuDeXFRW+U5v7EI4yMjKI3GMLt0Tt4cO8BAoEcWJoTZYXrl6asqBC6U0GOy42HY+MrZi1JmoWFRZQW5sNyuVBeUpxOabJ7aiASjiB4/iKmnj+H5loaacwvLOL2jRF4AjnY8dc/I/DKbTdoSHvr8SO8DD/DzPSMWHrg1JwYvHZdpK2NVZWU26/aF3VDTyLP0N/bh4mJR3C7XZiZnRVdht/nx7u7tsOzzg5qORFWHAocigO9vX2Jronwej24cXMEbq8XrfW169rH/4usnq02o1FEo9FEE47luN22sTAzC0OPrd7ItnHn9h0MDg3D6/WKbZdHJqYRg26ar92XDgvD39zA2Ng4VKdTbEf7mpmeRX/fAPRfeRch+luNNTXICeSu+h3ti7okUzdgp3luO6uFUTUN9lLmnniOCkdKVnML8uB0r76rD72Di4qL4NI0IUnydpZlw/WmGsY00bRvDzZvKhfFKLAU9VOG8v7BdijW+i8kLX649yyMz0+fwVQksur3NILyejzw5efCoaT3kmW1MN68AMq2bBIXXtd18WMZBt6r242DBzvgda3uWhQ4xNzOkeNdohZYXFjA4vwCfD4/Sio2i9bjdeSoGirKylFYXirykehiFHpUR2FJCbZu+x1yXlMrrQWSZWwygv6Ll3DxXBCX+66u6I7o2DRFRWtbM1o62xNdb7rI7lGSqqBs+zZMTj4XLYY/x49t7+zABx8eReWO7ciLL41ctZmqoqRiE/x+P6amp5FbkI9jx7tw+GgncqmbesPuPAEfduzcgenZOTg0FaWby/GXP/0RdZXvrOvlkyzjzyfR81UIoQs9IpRJniqglszt0tDc1oS9bc2o37lTLMhKI2bW35HtRXQRs3MLmH/xUrzzVb8HJQUFyHX/crJCQ+JwOALFqaKspGjNRWtkbg5zc7PQXC5szl/f6Ig6MFqiSavuqHCmumuFLIYBt+ZEY0sTGtua0VBTJQK/NKPzLfzSQEKWL4NiiG5a1gpZzPhMdnNrE/a3N2NPVaUI+jIAnacGNhiShdbx9pzrFgunSA4tqeUQRbuqoLW9BQ0tjSINzhBZBCzMBvPzVAS950KiG6KWJVkWGnXRELrjQBtqG/eioTqzZAELs3FQy3Iv/BR9wUtiUtGOr+tNhoptGt1V7atD4+4aEehlGizMBnH/WRj9wcuiG7LjI7Vllm8d3nnoAKoaakXq+0tzWumChUkxdlyWge4rYt0uzRMpSck01SzUDR3s7MC7e2pFRqSmOZx7GyxMCrESLcsldAd7oCgrEx6xrldRRM1SvbceHfV1K0K7TISFSREx28L41KRIcGmdruOVz82KBFd1oqWjBe/tb0ArLd3McFnAwqSOiclJ9JwP4fLFXtEtJXdDywluU2uTGDpTgZupNcur8GerU8R0eBJDV6+LRVbJLYdIcF2aSHD3tzaL9b20zjdbYGFShB0z4HY6V9QtFNLRXFATxf2U4FZXZkLcLwULkyJoaUXMNMV6HbyS4O6jicQMS3DXCguTInJKC9HU0YoPOg8k1uy0t7eivnmfSHB9WSgLwZOPKcKwLcT0GL69cxe3b46KoK6+ZS92V2zNyAR3jfBsdaox6LPSpiVyf/rEo/rq11JlFzxbnWoomEMW5CtrhWsYRgoWhpGChWGkYGEYKVgYRgoWhpGChWGkYGEYKVgYRgoWhpGChWGkYGEYKVgYRgoWhpGChWGkYGEYKVgYRgoWhpGChWGkYGEYKVgYRgoWhpGChWGkYGEYKVgYRgr6qGx6b4/BZBXUwnzCl4xZI5844g3MCQBn+Kwxb+EjAGcdST3SxwBO8RljXsOnAL4AgP8BXnVIgIvemwsAAAAASUVORK5CYII='),
+ t.moveTrackMaskBgColor ||
+ t.moveTrackMaskBorderColor ||
+ ((t.moveTrackMaskBgColor = '#89d2ff'), (t.moveTrackMaskBorderColor = '#0298f8')),
+ t
+ );
+ })(e));
+ }
+ init() {
+ return (
+ this.destroyWindow(),
+ this.config.domBindEl.append(
+ '\n \n 请依次点击:\n ![]()
\n
\n \n
\n\n ![]()
\n \n \n
\n \n \n \n
\n ',
+ ),
+ (this.domTemplate = this.config.domBindEl.find('#tianai-captcha-parent')),
+ r(this.domTemplate),
+ this.loadStyle(),
+ this.config.domBindEl.find('#tianai-captcha-slider-refresh-btn').click((t) => {
+ this.btnRefreshFun(t, this);
+ }),
+ this.config.domBindEl.find('#tianai-captcha-slider-close-btn').click((t) => {
+ this.btnCloseFun(t, this);
+ }),
+ this.reloadCaptcha(),
+ this
+ );
+ }
+ btnRefreshFun(t, e) {
+ e.reloadCaptcha();
+ }
+ btnCloseFun(t, e) {
+ e.destroyWindow();
+ }
+ reloadCaptcha() {
+ this.showLoading(),
+ this.destroyCaptcha(() => {
+ this.createCaptcha();
+ });
+ }
+ showLoading() {
+ this.config.domBindEl.find('#tianai-captcha-loading').css('display', 'block');
+ }
+ closeLoading() {
+ this.config.domBindEl.find('#tianai-captcha-loading').css('display', 'none');
+ }
+ loadStyle() {
+ const t = this.style.bgUrl,
+ e = this.style.logoUrl;
+ t && this.config.domBindEl.find('#tianai-captcha-bg-img').css('background-image', 'url(' + t + ')'),
+ e && '' !== e
+ ? this.config.domBindEl.find('#tianai-captcha-logo').attr('src', e)
+ : null === e && this.config.domBindEl.find('#tianai-captcha-logo').css('display', 'none');
+ }
+ destroyWindow() {
+ (window.currentCaptcha = void 0), this.domTemplate && this.domTemplate.remove();
+ }
+ openCaptcha() {
+ setTimeout(() => {
+ window.currentCaptcha.el.css('transform', 'translateX(0)');
+ }, 10);
+ }
+ createCaptcha() {
+ this.config.requestCaptchaData().then((t) => {
+ this.closeLoading();
+ const e = (function (t, e) {
+ switch (t) {
+ case 'SLIDER':
+ return new f('#tianai-captcha-box', e);
+ case 'ROTATE':
+ return new m('#tianai-captcha-box', e);
+ case 'CONCAT':
+ return new v('#tianai-captcha-box', e);
+ case 'WORD_IMAGE_CLICK':
+ return new w('#tianai-captcha-box', e);
+ default:
+ return null;
+ }
+ })(t.captcha.type, this.style);
+ if (null == e) throw new Error('[TAC] 未知的验证码类型[' + t.captcha.type + ']');
+ e.init(t, (t, e) => {
+ const a = e.currentCaptchaData,
+ i = {
+ bgImageWidth: a.bgImageWidth,
+ bgImageHeight: a.bgImageHeight,
+ sliderImageWidth: a.sliderImageWidth,
+ sliderImageHeight: a.sliderImageHeight,
+ startSlidingTime: a.startTime,
+ endSlidingTime: a.stopTime,
+ trackList: a.trackArr,
+ };
+ ('ROTATE_DEGREE' !== e.type && 'ROTATE' !== e.type) || (i.bgImageWidth = e.currentCaptchaData.end);
+ const r = e.currentCaptchaData.currentCaptchaId;
+ (e.currentCaptchaData = void 0), this.config.validCaptcha(r, i, e, this);
+ }),
+ this.openCaptcha();
+ });
+ }
+ destroyCaptcha(t) {
+ window.currentCaptcha
+ ? (window.currentCaptcha.el.css('transform', 'translateX(300px)'),
+ setTimeout(() => {
+ window.currentCaptcha.destroy(), t && t();
+ }, 500))
+ : t();
+ }
+ }),
+ (window.CaptchaConfig = b);
+ },
+ },
+ i = {};
+ function r(t) {
+ var e = i[t];
+ if (void 0 !== e) {
+ if (void 0 !== e.error) throw e.error;
+ return e.exports;
+ }
+ var n = (i[t] = { id: t, exports: {} });
+ try {
+ var c = { id: t, module: n, factory: a[t], require: r };
+ r.i.forEach(function (t) {
+ t(c);
+ }),
+ (n = c.module),
+ c.factory.call(n.exports, n, n.exports, c.require);
+ } catch (t) {
+ throw ((n.error = t), t);
+ }
+ return n.exports;
+ }
+ (r.m = a),
+ (r.c = i),
+ (r.i = []),
+ (r.hu = (t) => t + '.' + r.h() + '.hot-update.js'),
+ (r.miniCssF = (t) => {}),
+ (r.hmrF = () => 'main.' + r.h() + '.hot-update.json'),
+ (r.h = () => '64e77207d3e87617a00e'),
+ (r.g = (function () {
+ if ('object' == typeof globalThis) return globalThis;
+ try {
+ return this || new Function('return this')();
+ } catch (t) {
+ if ('object' == typeof window) return window;
+ }
+ })()),
+ (r.o = (t, e) => Object.prototype.hasOwnProperty.call(t, e)),
+ (t = {}),
+ (e = 'webpack-demo:'),
+ (r.l = (a, i, n, c) => {
+ if (t[a]) t[a].push(i);
+ else {
+ var s, o;
+ if (void 0 !== n)
+ for (var d = document.getElementsByTagName('script'), h = 0; h < d.length; h++) {
+ var l = d[h];
+ if (l.getAttribute('src') == a || l.getAttribute('data-webpack') == e + n) {
+ s = l;
+ break;
+ }
+ }
+ s ||
+ ((o = !0),
+ ((s = document.createElement('script')).charset = 'utf-8'),
+ (s.timeout = 120),
+ r.nc && s.setAttribute('nonce', r.nc),
+ s.setAttribute('data-webpack', e + n),
+ (s.src = a)),
+ (t[a] = [i]);
+ var p = (e, i) => {
+ (s.onerror = s.onload = null), clearTimeout(u);
+ var r = t[a];
+ if ((delete t[a], s.parentNode && s.parentNode.removeChild(s), r && r.forEach((t) => t(i)), e)) return e(i);
+ },
+ u = setTimeout(p.bind(null, void 0, { type: 'timeout', target: s }), 12e4);
+ (s.onerror = p.bind(null, s.onerror)), (s.onload = p.bind(null, s.onload)), o && document.head.appendChild(s);
+ }
+ }),
+ (() => {
+ var t,
+ e,
+ a,
+ i = {},
+ n = r.c,
+ c = [],
+ s = [],
+ o = 'idle',
+ d = 0,
+ h = [];
+ function l(t) {
+ o = t;
+ for (var e = [], a = 0; a < s.length; a++) e[a] = s[a].call(null, t);
+ return Promise.all(e);
+ }
+ function p() {
+ 0 == --d &&
+ l('ready').then(function () {
+ if (0 === d) {
+ var t = h;
+ h = [];
+ for (var e = 0; e < t.length; e++) t[e]();
+ }
+ });
+ }
+ function u(t) {
+ if ('idle' !== o) throw new Error('check() is only allowed in idle status');
+ return l('check')
+ .then(r.hmrM)
+ .then(function (a) {
+ return a
+ ? l('prepare').then(function () {
+ var i = [];
+ return (
+ (e = []),
+ Promise.all(
+ Object.keys(r.hmrC).reduce(function (t, n) {
+ return r.hmrC[n](a.c, a.r, a.m, t, e, i), t;
+ }, []),
+ ).then(function () {
+ return (
+ (e = function () {
+ return t
+ ? g(t)
+ : l('ready').then(function () {
+ return i;
+ });
+ }),
+ 0 === d
+ ? e()
+ : new Promise(function (t) {
+ h.push(function () {
+ t(e());
+ });
+ })
+ );
+ var e;
+ })
+ );
+ })
+ : l(f() ? 'ready' : 'idle').then(function () {
+ return null;
+ });
+ });
+ }
+ function A(t) {
+ return 'ready' !== o
+ ? Promise.resolve().then(function () {
+ throw new Error('apply() is only allowed in ready status (state: ' + o + ')');
+ })
+ : g(t);
+ }
+ function g(t) {
+ (t = t || {}), f();
+ var i = e.map(function (e) {
+ return e(t);
+ });
+ e = void 0;
+ var r = i
+ .map(function (t) {
+ return t.error;
+ })
+ .filter(Boolean);
+ if (r.length > 0)
+ return l('abort').then(function () {
+ throw r[0];
+ });
+ var n = l('dispose');
+ i.forEach(function (t) {
+ t.dispose && t.dispose();
+ });
+ var c,
+ s = l('apply'),
+ o = function (t) {
+ c || (c = t);
+ },
+ d = [];
+ return (
+ i.forEach(function (t) {
+ if (t.apply) {
+ var e = t.apply(o);
+ if (e) for (var a = 0; a < e.length; a++) d.push(e[a]);
+ }
+ }),
+ Promise.all([n, s]).then(function () {
+ return c
+ ? l('fail').then(function () {
+ throw c;
+ })
+ : a
+ ? g(t).then(function (t) {
+ return (
+ d.forEach(function (e) {
+ t.indexOf(e) < 0 && t.push(e);
+ }),
+ t
+ );
+ })
+ : l('idle').then(function () {
+ return d;
+ });
+ })
+ );
+ }
+ function f() {
+ if (a)
+ return (
+ e || (e = []),
+ Object.keys(r.hmrI).forEach(function (t) {
+ a.forEach(function (a) {
+ r.hmrI[t](a, e);
+ });
+ }),
+ (a = void 0),
+ !0
+ );
+ }
+ (r.hmrD = i),
+ r.i.push(function (h) {
+ var g,
+ f,
+ m,
+ v,
+ C = h.module,
+ w = (function (e, a) {
+ var i = n[a];
+ if (!i) return e;
+ var r = function (r) {
+ if (i.hot.active) {
+ if (n[r]) {
+ var s = n[r].parents;
+ -1 === s.indexOf(a) && s.push(a);
+ } else (c = [a]), (t = r);
+ -1 === i.children.indexOf(r) && i.children.push(r);
+ } else c = [];
+ return e(r);
+ },
+ s = function (t) {
+ return {
+ configurable: !0,
+ enumerable: !0,
+ get: function () {
+ return e[t];
+ },
+ set: function (a) {
+ e[t] = a;
+ },
+ };
+ };
+ for (var h in e)
+ Object.prototype.hasOwnProperty.call(e, h) && 'e' !== h && Object.defineProperty(r, h, s(h));
+ return (
+ (r.e = function (t) {
+ return (function (t) {
+ switch (o) {
+ case 'ready':
+ l('prepare');
+ case 'prepare':
+ return d++, t.then(p, p), t;
+ default:
+ return t;
+ }
+ })(e.e(t));
+ }),
+ r
+ );
+ })(h.require, h.id);
+ (C.hot =
+ ((g = h.id),
+ (f = C),
+ (v = {
+ _acceptedDependencies: {},
+ _acceptedErrorHandlers: {},
+ _declinedDependencies: {},
+ _selfAccepted: !1,
+ _selfDeclined: !1,
+ _selfInvalidated: !1,
+ _disposeHandlers: [],
+ _main: (m = t !== g),
+ _requireSelf: function () {
+ (c = f.parents.slice()), (t = m ? void 0 : g), r(g);
+ },
+ active: !0,
+ accept: function (t, e, a) {
+ if (void 0 === t) v._selfAccepted = !0;
+ else if ('function' == typeof t) v._selfAccepted = t;
+ else if ('object' == typeof t && null !== t)
+ for (var i = 0; i < t.length; i++)
+ (v._acceptedDependencies[t[i]] = e || function () {}), (v._acceptedErrorHandlers[t[i]] = a);
+ else (v._acceptedDependencies[t] = e || function () {}), (v._acceptedErrorHandlers[t] = a);
+ },
+ decline: function (t) {
+ if (void 0 === t) v._selfDeclined = !0;
+ else if ('object' == typeof t && null !== t)
+ for (var e = 0; e < t.length; e++) v._declinedDependencies[t[e]] = !0;
+ else v._declinedDependencies[t] = !0;
+ },
+ dispose: function (t) {
+ v._disposeHandlers.push(t);
+ },
+ addDisposeHandler: function (t) {
+ v._disposeHandlers.push(t);
+ },
+ removeDisposeHandler: function (t) {
+ var e = v._disposeHandlers.indexOf(t);
+ e >= 0 && v._disposeHandlers.splice(e, 1);
+ },
+ invalidate: function () {
+ switch (((this._selfInvalidated = !0), o)) {
+ case 'idle':
+ (e = []),
+ Object.keys(r.hmrI).forEach(function (t) {
+ r.hmrI[t](g, e);
+ }),
+ l('ready');
+ break;
+ case 'ready':
+ Object.keys(r.hmrI).forEach(function (t) {
+ r.hmrI[t](g, e);
+ });
+ break;
+ case 'prepare':
+ case 'check':
+ case 'dispose':
+ case 'apply':
+ (a = a || []).push(g);
+ }
+ },
+ check: u,
+ apply: A,
+ status: function (t) {
+ if (!t) return o;
+ s.push(t);
+ },
+ addStatusHandler: function (t) {
+ s.push(t);
+ },
+ removeStatusHandler: function (t) {
+ var e = s.indexOf(t);
+ e >= 0 && s.splice(e, 1);
+ },
+ data: i[g],
+ }),
+ (t = void 0),
+ v)),
+ (C.parents = c),
+ (C.children = []),
+ (c = []),
+ (h.require = w);
+ }),
+ (r.hmrC = {}),
+ (r.hmrI = {});
+ })(),
+ (() => {
+ var t;
+ r.g.importScripts && (t = r.g.location + '');
+ var e = r.g.document;
+ if (!t && e && (e.currentScript && (t = e.currentScript.src), !t)) {
+ var a = e.getElementsByTagName('script');
+ if (a.length) for (var i = a.length - 1; i > -1 && !t; ) t = a[i--].src;
+ }
+ if (!t) throw new Error('Automatic publicPath is not supported in this browser');
+ (t = t
+ .replace(/#.*$/, '')
+ .replace(/\?.*$/, '')
+ .replace(/\/[^\/]+$/, '/')),
+ (r.p = t);
+ })(),
+ (() => {
+ if ('undefined' != typeof document) {
+ var t = (t, e, a, i, r) => {
+ var n = document.createElement('link');
+ (n.rel = 'stylesheet'), (n.type = 'text/css');
+ return (
+ (n.onerror = n.onload = (a) => {
+ if (((n.onerror = n.onload = null), 'load' === a.type)) i();
+ else {
+ var c = a && ('load' === a.type ? 'missing' : a.type),
+ s = (a && a.target && a.target.href) || e,
+ o = new Error('Loading CSS chunk ' + t + ' failed.\n(' + s + ')');
+ (o.code = 'CSS_CHUNK_LOAD_FAILED'),
+ (o.type = c),
+ (o.request = s),
+ n.parentNode && n.parentNode.removeChild(n),
+ r(o);
+ }
+ }),
+ (n.href = e),
+ a ? a.parentNode.insertBefore(n, a.nextSibling) : document.head.appendChild(n),
+ n
+ );
+ },
+ e = (t, e) => {
+ for (var a = document.getElementsByTagName('link'), i = 0; i < a.length; i++) {
+ var r = (c = a[i]).getAttribute('data-href') || c.getAttribute('href');
+ if ('stylesheet' === c.rel && (r === t || r === e)) return c;
+ }
+ var n = document.getElementsByTagName('style');
+ for (i = 0; i < n.length; i++) {
+ var c;
+ if ((r = (c = n[i]).getAttribute('data-href')) === t || r === e) return c;
+ }
+ },
+ a = [],
+ i = [],
+ n = (t) => ({
+ dispose: () => {
+ for (var t = 0; t < a.length; t++) {
+ var e = a[t];
+ e.parentNode && e.parentNode.removeChild(e);
+ }
+ a.length = 0;
+ },
+ apply: () => {
+ for (var t = 0; t < i.length; t++) i[t].rel = 'stylesheet';
+ i.length = 0;
+ },
+ });
+ r.hmrC.miniCss = (c, s, o, d, h, l) => {
+ h.push(n),
+ c.forEach((n) => {
+ var c = r.miniCssF(n),
+ s = r.p + c,
+ o = e(c, s);
+ o &&
+ d.push(
+ new Promise((e, r) => {
+ var c = t(
+ n,
+ s,
+ o,
+ () => {
+ (c.as = 'style'), (c.rel = 'preload'), e();
+ },
+ r,
+ );
+ a.push(o), i.push(c);
+ }),
+ );
+ });
+ };
+ }
+ })(),
+ (() => {
+ var t,
+ e,
+ a,
+ i,
+ n,
+ c = (r.hmrS_jsonp = r.hmrS_jsonp || { 179: 0 }),
+ s = {};
+ function o(e, a) {
+ return (
+ (t = a),
+ new Promise((t, a) => {
+ s[e] = t;
+ var i = r.p + r.hu(e),
+ n = new Error();
+ r.l(i, (t) => {
+ if (s[e]) {
+ s[e] = void 0;
+ var i = t && ('load' === t.type ? 'missing' : t.type),
+ r = t && t.target && t.target.src;
+ (n.message = 'Loading hot update chunk ' + e + ' failed.\n(' + i + ': ' + r + ')'),
+ (n.name = 'ChunkLoadError'),
+ (n.type = i),
+ (n.request = r),
+ a(n);
+ }
+ });
+ })
+ );
+ }
+ function d(t) {
+ function s(t) {
+ for (
+ var e = [t],
+ a = {},
+ i = e.map(function (t) {
+ return { chain: [t], id: t };
+ });
+ i.length > 0;
+
+ ) {
+ var n = i.pop(),
+ c = n.id,
+ s = n.chain,
+ d = r.c[c];
+ if (d && (!d.hot._selfAccepted || d.hot._selfInvalidated)) {
+ if (d.hot._selfDeclined) return { type: 'self-declined', chain: s, moduleId: c };
+ if (d.hot._main) return { type: 'unaccepted', chain: s, moduleId: c };
+ for (var h = 0; h < d.parents.length; h++) {
+ var l = d.parents[h],
+ p = r.c[l];
+ if (p) {
+ if (p.hot._declinedDependencies[c])
+ return { type: 'declined', chain: s.concat([l]), moduleId: c, parentId: l };
+ -1 === e.indexOf(l) &&
+ (p.hot._acceptedDependencies[c]
+ ? (a[l] || (a[l] = []), o(a[l], [c]))
+ : (delete a[l], e.push(l), i.push({ chain: s.concat([l]), id: l })));
+ }
+ }
+ }
+ }
+ return { type: 'accepted', moduleId: t, outdatedModules: e, outdatedDependencies: a };
+ }
+ function o(t, e) {
+ for (var a = 0; a < e.length; a++) {
+ var i = e[a];
+ -1 === t.indexOf(i) && t.push(i);
+ }
+ }
+ r.f && delete r.f.jsonpHmr, (e = void 0);
+ var d = {},
+ h = [],
+ l = {},
+ p = function (t) {};
+ for (var u in a)
+ if (r.o(a, u)) {
+ var A,
+ g = a[u],
+ f = !1,
+ m = !1,
+ v = !1,
+ C = '';
+ switch (
+ ((A = g ? s(u) : { type: 'disposed', moduleId: u }).chain &&
+ (C = '\nUpdate propagation: ' + A.chain.join(' -> ')),
+ A.type)
+ ) {
+ case 'self-declined':
+ t.onDeclined && t.onDeclined(A),
+ t.ignoreDeclined || (f = new Error('Aborted because of self decline: ' + A.moduleId + C));
+ break;
+ case 'declined':
+ t.onDeclined && t.onDeclined(A),
+ t.ignoreDeclined ||
+ (f = new Error('Aborted because of declined dependency: ' + A.moduleId + ' in ' + A.parentId + C));
+ break;
+ case 'unaccepted':
+ t.onUnaccepted && t.onUnaccepted(A),
+ t.ignoreUnaccepted || (f = new Error('Aborted because ' + u + ' is not accepted' + C));
+ break;
+ case 'accepted':
+ t.onAccepted && t.onAccepted(A), (m = !0);
+ break;
+ case 'disposed':
+ t.onDisposed && t.onDisposed(A), (v = !0);
+ break;
+ default:
+ throw new Error('Unexception type ' + A.type);
+ }
+ if (f) return { error: f };
+ if (m)
+ for (u in ((l[u] = g), o(h, A.outdatedModules), A.outdatedDependencies))
+ r.o(A.outdatedDependencies, u) && (d[u] || (d[u] = []), o(d[u], A.outdatedDependencies[u]));
+ v && (o(h, [A.moduleId]), (l[u] = p));
+ }
+ a = void 0;
+ for (var w, b = [], D = 0; D < h.length; D++) {
+ var k = h[D],
+ E = r.c[k];
+ E &&
+ (E.hot._selfAccepted || E.hot._main) &&
+ l[k] !== p &&
+ !E.hot._selfInvalidated &&
+ b.push({ module: k, require: E.hot._requireSelf, errorHandler: E.hot._selfAccepted });
+ }
+ return {
+ dispose: function () {
+ var t;
+ i.forEach(function (t) {
+ delete c[t];
+ }),
+ (i = void 0);
+ for (var e, a = h.slice(); a.length > 0; ) {
+ var n = a.pop(),
+ s = r.c[n];
+ if (s) {
+ var o = {},
+ l = s.hot._disposeHandlers;
+ for (D = 0; D < l.length; D++) l[D].call(null, o);
+ for (r.hmrD[n] = o, s.hot.active = !1, delete r.c[n], delete d[n], D = 0; D < s.children.length; D++) {
+ var p = r.c[s.children[D]];
+ p && (t = p.parents.indexOf(n)) >= 0 && p.parents.splice(t, 1);
+ }
+ }
+ }
+ for (var u in d)
+ if (r.o(d, u) && (s = r.c[u]))
+ for (w = d[u], D = 0; D < w.length; D++)
+ (e = w[D]), (t = s.children.indexOf(e)) >= 0 && s.children.splice(t, 1);
+ },
+ apply: function (e) {
+ for (var a in l) r.o(l, a) && (r.m[a] = l[a]);
+ for (var i = 0; i < n.length; i++) n[i](r);
+ for (var c in d)
+ if (r.o(d, c)) {
+ var s = r.c[c];
+ if (s) {
+ w = d[c];
+ for (var o = [], p = [], u = [], A = 0; A < w.length; A++) {
+ var g = w[A],
+ f = s.hot._acceptedDependencies[g],
+ m = s.hot._acceptedErrorHandlers[g];
+ if (f) {
+ if (-1 !== o.indexOf(f)) continue;
+ o.push(f), p.push(m), u.push(g);
+ }
+ }
+ for (var v = 0; v < o.length; v++)
+ try {
+ o[v].call(null, w);
+ } catch (a) {
+ if ('function' == typeof p[v])
+ try {
+ p[v](a, { moduleId: c, dependencyId: u[v] });
+ } catch (i) {
+ t.onErrored &&
+ t.onErrored({
+ type: 'accept-error-handler-errored',
+ moduleId: c,
+ dependencyId: u[v],
+ error: i,
+ originalError: a,
+ }),
+ t.ignoreErrored || (e(i), e(a));
+ }
+ else
+ t.onErrored &&
+ t.onErrored({ type: 'accept-errored', moduleId: c, dependencyId: u[v], error: a }),
+ t.ignoreErrored || e(a);
+ }
+ }
+ }
+ for (var C = 0; C < b.length; C++) {
+ var D = b[C],
+ k = D.module;
+ try {
+ D.require(k);
+ } catch (a) {
+ if ('function' == typeof D.errorHandler)
+ try {
+ D.errorHandler(a, { moduleId: k, module: r.c[k] });
+ } catch (i) {
+ t.onErrored &&
+ t.onErrored({
+ type: 'self-accept-error-handler-errored',
+ moduleId: k,
+ error: i,
+ originalError: a,
+ }),
+ t.ignoreErrored || (e(i), e(a));
+ }
+ else
+ t.onErrored && t.onErrored({ type: 'self-accept-errored', moduleId: k, error: a }),
+ t.ignoreErrored || e(a);
+ }
+ }
+ return h;
+ },
+ };
+ }
+ (self.webpackHotUpdatewebpack_demo = (e, i, c) => {
+ for (var o in i) r.o(i, o) && ((a[o] = i[o]), t && t.push(o));
+ c && n.push(c), s[e] && (s[e](), (s[e] = void 0));
+ }),
+ (r.hmrI.jsonp = function (t, e) {
+ a || ((a = {}), (n = []), (i = []), e.push(d)), r.o(a, t) || (a[t] = r.m[t]);
+ }),
+ (r.hmrC.jsonp = function (t, s, h, l, p, u) {
+ p.push(d),
+ (e = {}),
+ (i = s),
+ (a = h.reduce(function (t, e) {
+ return (t[e] = !1), t;
+ }, {})),
+ (n = []),
+ t.forEach(function (t) {
+ r.o(c, t) && void 0 !== c[t] ? (l.push(o(t, u)), (e[t] = !0)) : (e[t] = !1);
+ }),
+ r.f &&
+ (r.f.jsonpHmr = function (t, a) {
+ e && r.o(e, t) && !e[t] && (a.push(o(t)), (e[t] = !0));
+ });
+ }),
+ (r.hmrM = () => {
+ if ('undefined' == typeof fetch) throw new Error('No browser support: need fetch API');
+ return fetch(r.p + r.hmrF()).then((t) => {
+ if (404 !== t.status) {
+ if (!t.ok) throw new Error('Failed to fetch update manifest ' + t.statusText);
+ return t.json();
+ }
+ });
+ });
+ })();
+ r(600);
+})();
diff --git a/src/client/pages/less/AuthLayout.less b/src/client/pages/less/AuthLayout.less
new file mode 100644
index 0000000..3511b24
--- /dev/null
+++ b/src/client/pages/less/AuthLayout.less
@@ -0,0 +1,153 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+.codeBody {
+ position: absolute;
+ top: 0%;
+ left: 0%;
+ width: 100vw;
+ height: 100vh;
+ background-color: #00000020;
+
+ .code {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: calc(444 * 100vw / 1920);
+ height: calc(565 * 100vw / 1920);
+ background-color: #ffffff;
+ border-radius: calc(12 * 100vw / 1920);
+
+ #captcha-box {
+ #tianai-captcha-parent {
+ #tianai-captcha-box {
+ height: 90%;
+ }
+
+ .slider-bottom {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: 10%;
+
+ .close-btn {
+ position: absolute;
+ top: 50%;
+ right: 10%;
+ transform: translate(-50%, -50%);
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ background-image: url(../assets/icon.png);
+ background-repeat: no-repeat;
+ background-position: 0 -40px;
+ }
+
+ .refresh-btn {
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ background-image: url(../assets/icon.png);
+ background-repeat: no-repeat;
+ background-position: 0 -193px;
+ }
+ }
+ }
+ }
+ }
+}
+
+.changePassword {
+ position: absolute;
+ top: 0%;
+ left: 0%;
+ width: 100vw;
+ height: 100vh;
+ background-color: #00000020;
+ .changePassword-body {
+ padding: calc(16 * 100vw / 1920) calc(20 * 100vw / 1920);
+ position: absolute;
+ top: 30%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ width: calc(680 * 100vw / 1920);
+ height: calc(285 * 100vw / 1920);
+ background-color: #ffffff;
+ border-radius: calc(12 * 100vw / 1920);
+ .changePassword-title {
+ position: relative;
+ font-size: calc(20 * 100vw / 1920);
+ color: #333333;
+ margin-bottom: calc(20 * 100vw / 1920);
+ margin-left: calc(12 * 100vw / 1920);
+ font-weight: 600;
+ &::before{
+ position: absolute;
+ top: 56%;
+ left: -2%;
+ transform: translate(-50%, -50%);
+ content: ' ';
+ display: inline-block;
+ width: calc(4 * 100vw / 1920);
+ height: calc(24 * 100vw / 1920);
+ background-color: #1890ff;
+ }
+ }
+
+ .changePassword-form {
+ padding: calc(0 * 100vw / 1920) calc(48 * 100vw / 1920);
+ width: 100%;
+ .changePassword-form-item {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ width: 100%;
+ height: calc(72 * 100vw / 1920);
+ margin-bottom: calc(8 * 100vw / 1920);
+ .text {
+ position: relative;
+ width: calc(120 * 100vw / 1920);
+ font-size: calc(16 * 100vw / 1920);
+ color: #333333;
+ font-weight: 600;
+ &::before{
+ position: absolute;
+ top: 0%;
+ left: -6%;
+ transform: translate(-50%, -50%);
+ content: '*';
+ display: inline-block;
+ width: calc(4 * 100vw / 1920);
+ height: calc(4 * 100vw / 1920);
+ color: #ff0004;
+ }
+ }
+ .statustext {
+ position: absolute;
+ bottom: calc(-4 * 100vw / 1920);
+ left: calc(100 * 100vw / 1920);
+ font-size: calc(12 * 100vw / 1920);
+ color: #ff0004;
+ font-weight: 500;
+ }
+ input {
+ height: calc(28 * 100vw / 1920);
+ }
+ }
+ .changePassword-form-button {
+ width: 100%;
+ display: flex;
+ justify-content: flex-end;
+ }
+ }
+ }
+}
diff --git a/src/client/settings/Authenticator.tsx b/src/client/settings/Authenticator.tsx
new file mode 100644
index 0000000..d10d821
--- /dev/null
+++ b/src/client/settings/Authenticator.tsx
@@ -0,0 +1,107 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import {
+ ActionContextProvider,
+ SchemaComponent,
+ useAPIClient,
+ useActionContext,
+ useAsyncData,
+ useRequest,
+} from '@nocobase/client';
+import { Card } from 'antd';
+import React, { useState } from 'react';
+import { authenticatorsSchema, createFormSchema } from './schemas/authenticators';
+import { Button, Dropdown } from 'antd';
+import { PlusOutlined, DownOutlined } from '@ant-design/icons';
+import { AuthTypeContext, AuthTypesContext, useAuthTypes } from './authType';
+import { useValuesFromOptions, Options } from './Options';
+import { useTranslation } from 'react-i18next';
+import { useAuthTranslation } from '../locale';
+import { Schema } from '@formily/react';
+
+const useCloseAction = () => {
+ const { setVisible } = useActionContext();
+ return {
+ async run() {
+ setVisible(false);
+ },
+ };
+};
+
+const AddNew = () => {
+ const { t } = useTranslation();
+ const [visible, setVisible] = useState(false);
+ const [type, setType] = useState('');
+ const types = useAuthTypes();
+ const items = types.map((item) => ({
+ ...item,
+ onClick: () => {
+ setVisible(true);
+ setType(item.value);
+ },
+ }));
+
+ return (
+ \n 
\n
\n \x3c!-- 底部 --\x3e\n \n \n 
\n \n \n
\n \n \n \n