diff --git a/.vscode/launch.json b/.vscode/launch.json deleted file mode 100644 index 45107d361..000000000 --- a/.vscode/launch.json +++ /dev/null @@ -1,24 +0,0 @@ -{ - // Use IntelliSense to learn about possible attributes. - // Hover to view descriptions of existing attributes. - // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 - "version": "0.2.0", - "configurations": [ - { - "name": "ava my-package", - "type": "node", - "request": "launch", - "runtimeExecutable": "${workspaceFolder}/packages/material-parser/node_modules/.bin/ava", - "runtimeArgs": ["debug", "--break", "${file}"] - }, - { - "name": "ava code-gen", - "type": "node", - "request": "launch", - "runtimeExecutable": "node", - "runtimeArgs": ["${workspaceFolder}/node_modules/.bin/ava", "--serial", "${file}"], - "cwd": "${workspaceFolder}/packages/code-generator", - "outputCapture": "std" - }, - ] -} diff --git a/packages/demo-server/CHANGELOG.md b/packages/demo-server/CHANGELOG.md deleted file mode 100644 index 8399c6a18..000000000 --- a/packages/demo-server/CHANGELOG.md +++ /dev/null @@ -1,248 +0,0 @@ -# Change Log - -All notable changes to this project will be documented in this file. -See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. - - -## [1.0.22](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.21...@ali/lowcode-demo-server@1.0.22) (2020-11-16) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.21](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.20...@ali/lowcode-demo-server@1.0.21) (2020-11-10) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.20](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.19...@ali/lowcode-demo-server@1.0.20) (2020-11-10) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.19](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.18...@ali/lowcode-demo-server@1.0.19) (2020-11-05) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.18](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.17...@ali/lowcode-demo-server@1.0.18) (2020-11-05) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.17](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.16...@ali/lowcode-demo-server@1.0.17) (2020-11-05) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.16](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.15...@ali/lowcode-demo-server@1.0.16) (2020-11-04) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.15](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.13...@ali/lowcode-demo-server@1.0.15) (2020-11-04) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.14](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.13...@ali/lowcode-demo-server@1.0.14) (2020-11-04) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.13](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.12...@ali/lowcode-demo-server@1.0.13) (2020-11-02) - - -### Bug Fixes - -* build error ([d06d944](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/d06d944)) -* update demo-server deps ([23ded02](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/23ded02)) - - - - - -## [1.0.12](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.11...@ali/lowcode-demo-server@1.0.12) (2020-10-20) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.11](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.10...@ali/lowcode-demo-server@1.0.11) (2020-10-19) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.10](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.9...@ali/lowcode-demo-server@1.0.10) (2020-09-29) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.9](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.8...@ali/lowcode-demo-server@1.0.9) (2020-09-28) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.8](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.8-0...@ali/lowcode-demo-server@1.0.8) (2020-09-28) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.8-0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.7-0...@ali/lowcode-demo-server@1.0.8-0) (2020-09-09) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.7-0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.6-0...@ali/lowcode-demo-server@1.0.7-0) (2020-09-02) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.6-0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.5-0...@ali/lowcode-demo-server@1.0.6-0) (2020-09-02) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.5-0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.4-0...@ali/lowcode-demo-server@1.0.5-0) (2020-08-20) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.4-0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.3-0...@ali/lowcode-demo-server@1.0.4-0) (2020-08-20) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.3-0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.2-0...@ali/lowcode-demo-server@1.0.3-0) (2020-08-20) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.2-0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.1-0...@ali/lowcode-demo-server@1.0.2-0) (2020-08-20) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -## [1.0.1-0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@1.0.0...@ali/lowcode-demo-server@1.0.1-0) (2020-08-20) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -# [1.0.0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@0.14.0...@ali/lowcode-demo-server@1.0.0) (2020-08-17) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -# [0.14.0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@0.13.0...@ali/lowcode-demo-server@0.14.0) (2020-08-17) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -# [0.13.0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@0.11.0...@ali/lowcode-demo-server@0.13.0) (2020-08-17) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -# [0.12.0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@0.11.0...@ali/lowcode-demo-server@0.12.0) (2020-08-17) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -# [0.11.0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@0.10.0...@ali/lowcode-demo-server@0.11.0) (2020-08-16) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -# [0.10.0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo-server@0.9.0...@ali/lowcode-demo-server@0.10.0) (2020-08-14) - - - - -**Note:** Version bump only for package @ali/lowcode-demo-server - - -# 0.9.0 (2020-08-14) - - -### Features - -* 🎸 add demo-server ([df35c6a](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/df35c6a)) diff --git a/packages/demo-server/README.md b/packages/demo-server/README.md deleted file mode 100644 index a59ef9241..000000000 --- a/packages/demo-server/README.md +++ /dev/null @@ -1,75 +0,0 @@ -

- Nest Logo -

- -[travis-image]: https://api.travis-ci.org/nestjs/nest.svg?branch=master -[travis-url]: https://travis-ci.org/nestjs/nest -[linux-image]: https://img.shields.io/travis/nestjs/nest/master.svg?label=linux -[linux-url]: https://travis-ci.org/nestjs/nest - -

A progressive Node.js framework for building efficient and scalable server-side applications, heavily inspired by Angular.

-

-NPM Version -Package License -NPM Downloads -Travis -Linux -Coverage -Gitter -Backers on Open Collective -Sponsors on Open Collective - - -

- - -## Description - -[Nest](https://github.com/nestjs/nest) framework TypeScript starter repository. - -## Installation - -```bash -$ npm install -``` - -## Running the app - -```bash -# development -$ npm run start - -# watch mode -$ npm run start:dev - -# production mode -$ npm run start:prod -``` - -## Test - -```bash -# unit tests -$ npm run test - -# e2e tests -$ npm run test:e2e - -# test coverage -$ npm run test:cov -``` - -## Support - -Nest is an MIT-licensed open source project. It can grow thanks to the sponsors and support by the amazing backers. If you'd like to join them, please [read more here](https://docs.nestjs.com/support). - -## Stay in touch - -- Author - [Kamil Myśliwiec](https://kamilmysliwiec.com) -- Website - [https://nestjs.com](https://nestjs.com/) -- Twitter - [@nestframework](https://twitter.com/nestframework) - -## License - - Nest is [MIT licensed](LICENSE). diff --git a/packages/demo-server/nest-cli.json b/packages/demo-server/nest-cli.json deleted file mode 100644 index 56167b36a..000000000 --- a/packages/demo-server/nest-cli.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "collection": "@nestjs/schematics", - "sourceRoot": "src" -} diff --git a/packages/demo-server/package.json b/packages/demo-server/package.json deleted file mode 100644 index aec800e16..000000000 --- a/packages/demo-server/package.json +++ /dev/null @@ -1,59 +0,0 @@ -{ - "name": "@ali/lowcode-demo-server", - "version": "1.0.22", - "private": true, - "description": "低代码引擎 DEMO Server 端", - "scripts": { - "prebuild": "rimraf dist", - "start": "nest start", - "start:debug": "nest start --debug --watch", - "start:dev": "nest start --watch", - "start:prod": "node dist/main", - "test": "jest", - "test:cov": "jest --coverage", - "test:debug": "node --inspect-brk -r tsconfig-paths/register -r ts-node/register node_modules/.bin/jest --runInBand", - "test:e2e": "jest --config ./test/jest-e2e.json", - "test:watch": "jest --watch" - }, - "jest": { - "coverageDirectory": "../coverage", - "moduleFileExtensions": [ - "js", - "json", - "ts" - ], - "rootDir": "src", - "testEnvironment": "node", - "testRegex": ".spec.ts$", - "transform": { - "^.+\\.(t|j)s$": "ts-jest" - } - }, - "dependencies": { - "@ali/lowcode-code-generator": "^1.0.22", - "@ali/lowcode-types": "^1.0.20", - "@nestjs/common": "^7.0.0", - "@nestjs/core": "^7.0.0", - "@nestjs/platform-express": "^7.0.0", - "jszip": "^3.5.0", - "reflect-metadata": "^0.1.13", - "rimraf": "^3.0.2", - "rxjs": "^6.5.4" - }, - "devDependencies": { - "@nestjs/cli": "^7.0.0", - "@nestjs/schematics": "^7.0.0", - "@nestjs/testing": "^7.0.0", - "@types/express": "^4.17.3", - "@types/jest": "25.2.3", - "@types/node": "^13.9.1", - "@types/supertest": "^2.0.8", - "jest": "26.0.1", - "supertest": "^4.0.2", - "ts-jest": "26.1.0", - "ts-loader": "^6.2.1", - "ts-node": "^8.6.2", - "tsconfig-paths": "^3.9.0", - "typescript": "^3.7.4" - } -} diff --git a/packages/demo-server/src/api/api.controller.spec.ts b/packages/demo-server/src/api/api.controller.spec.ts deleted file mode 100644 index 2103b3840..000000000 --- a/packages/demo-server/src/api/api.controller.spec.ts +++ /dev/null @@ -1,18 +0,0 @@ -import { Test, TestingModule } from '@nestjs/testing'; -import { ApiController } from './api.controller'; - -describe('Api Controller', () => { - let controller: ApiController; - - beforeEach(async () => { - const module: TestingModule = await Test.createTestingModule({ - controllers: [ApiController], - }).compile(); - - controller = module.get(ApiController); - }); - - it('should be defined', () => { - expect(controller).toBeDefined(); - }); -}); diff --git a/packages/demo-server/src/api/api.controller.ts b/packages/demo-server/src/api/api.controller.ts deleted file mode 100644 index a09b9b162..000000000 --- a/packages/demo-server/src/api/api.controller.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { Controller, Res, Get, Post, Body, Header } from '@nestjs/common'; -import { Response } from 'express'; -import { ApiService } from './api.service'; -import { GenerateProjectDto } from '../dto/generate-project.dto'; - -@Controller('api') -export class ApiController { - private readonly apiService: ApiService; - - constructor(apiService: ApiService) { - this.apiService = apiService; - } - - @Get('generate/test') - generateTest() { - return 'generate test'; - } - - @Post('generate/project') - @Header('Content-Type', 'application/zip') - async generateProject(@Res() res: Response, @Body() dto: GenerateProjectDto) { - const file = await this.apiService.generateProject(dto.schema); - file.pipe(res); - } -} diff --git a/packages/demo-server/src/api/api.service.spec.ts b/packages/demo-server/src/api/api.service.spec.ts deleted file mode 100644 index fae6fe722..000000000 --- a/packages/demo-server/src/api/api.service.spec.ts +++ /dev/null @@ -1,18 +0,0 @@ -import { Test, TestingModule } from '@nestjs/testing'; -import { ApiService } from './api.service'; - -describe('ApiService', () => { - let service: ApiService; - - beforeEach(async () => { - const module: TestingModule = await Test.createTestingModule({ - providers: [ApiService], - }).compile(); - - service = module.get(ApiService); - }); - - it('should be defined', () => { - expect(service).toBeDefined(); - }); -}); diff --git a/packages/demo-server/src/api/api.service.ts b/packages/demo-server/src/api/api.service.ts deleted file mode 100644 index 3df789a84..000000000 --- a/packages/demo-server/src/api/api.service.ts +++ /dev/null @@ -1,27 +0,0 @@ -import * as os from 'os'; -import * as path from 'path'; -import * as fs from 'fs'; -import { Injectable } from '@nestjs/common'; -import CodeGenerator from '@ali/lowcode-code-generator'; - -@Injectable() -export class ApiService { - async generateProject(schema: string) { - const tmpDir = os.tmpdir(); - const createIceJsProjectBuilder = CodeGenerator.solutions.icejs; - const builder = createIceJsProjectBuilder(); - const publisher = CodeGenerator.publishers.zip({ - outputPath: tmpDir, - projectSlug: 'demo-project', - }); - const filePath = path.join(tmpDir, 'demo-project.zip'); - - const result = await builder.generateProject(schema); - publisher.setProject(result); - const response = await publisher.publish(); - if (!response.success) { - throw new Error('generateProject failed'); - } - return fs.createReadStream(filePath); - } -} diff --git a/packages/demo-server/src/app.controller.spec.ts b/packages/demo-server/src/app.controller.spec.ts deleted file mode 100644 index d22f3890a..000000000 --- a/packages/demo-server/src/app.controller.spec.ts +++ /dev/null @@ -1,22 +0,0 @@ -import { Test, TestingModule } from '@nestjs/testing'; -import { AppController } from './app.controller'; -import { AppService } from './app.service'; - -describe('AppController', () => { - let appController: AppController; - - beforeEach(async () => { - const app: TestingModule = await Test.createTestingModule({ - controllers: [AppController], - providers: [AppService], - }).compile(); - - appController = app.get(AppController); - }); - - describe('root', () => { - it('should return "Hello World!"', () => { - expect(appController.getHello()).toBe('Hello World!'); - }); - }); -}); diff --git a/packages/demo-server/src/app.controller.ts b/packages/demo-server/src/app.controller.ts deleted file mode 100644 index 0d1d6c9d5..000000000 --- a/packages/demo-server/src/app.controller.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { Controller, Get } from '@nestjs/common'; -import { AppService } from './app.service'; - -@Controller() -export class AppController { - private readonly appService: AppService; - - constructor(appService: AppService) { - this.appService = appService; - } - - @Get() - getHello(): string { - return this.appService.getHello(); - } -} diff --git a/packages/demo-server/src/app.module.ts b/packages/demo-server/src/app.module.ts deleted file mode 100644 index 4b3b55608..000000000 --- a/packages/demo-server/src/app.module.ts +++ /dev/null @@ -1,12 +0,0 @@ -import { Module } from '@nestjs/common'; -import { AppController } from './app.controller'; -import { AppService } from './app.service'; -import { ApiController } from './api/api.controller'; -import { ApiService } from './api/api.service'; - -@Module({ - imports: [], - controllers: [AppController, ApiController], - providers: [AppService, ApiService], -}) -export class AppModule {} diff --git a/packages/demo-server/src/app.service.ts b/packages/demo-server/src/app.service.ts deleted file mode 100644 index 927d7cca0..000000000 --- a/packages/demo-server/src/app.service.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { Injectable } from '@nestjs/common'; - -@Injectable() -export class AppService { - getHello(): string { - return 'Hello World!'; - } -} diff --git a/packages/demo-server/src/dto/generate-project.dto.spec.ts b/packages/demo-server/src/dto/generate-project.dto.spec.ts deleted file mode 100644 index fb4b92f3a..000000000 --- a/packages/demo-server/src/dto/generate-project.dto.spec.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { GenerateProjectDto } from './generate-project.dto'; - -describe('GenerateProjectDto', () => { - it('should be defined', () => { - expect(new GenerateProjectDto()).toBeDefined(); - }); -}); diff --git a/packages/demo-server/src/dto/generate-project.dto.ts b/packages/demo-server/src/dto/generate-project.dto.ts deleted file mode 100644 index 70c1ba297..000000000 --- a/packages/demo-server/src/dto/generate-project.dto.ts +++ /dev/null @@ -1,3 +0,0 @@ -export class GenerateProjectDto { - schema: string; -} diff --git a/packages/demo-server/src/main.ts b/packages/demo-server/src/main.ts deleted file mode 100644 index 1b1812cdb..000000000 --- a/packages/demo-server/src/main.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { NestFactory } from '@nestjs/core'; -import { AppModule } from './app.module'; - -async function bootstrap() { - const app = await NestFactory.create(AppModule); - app.enableCors(); - await app.listen(7002); -} -bootstrap(); diff --git a/packages/demo-server/test/app.e2e-spec.ts b/packages/demo-server/test/app.e2e-spec.ts deleted file mode 100644 index 50cda6233..000000000 --- a/packages/demo-server/test/app.e2e-spec.ts +++ /dev/null @@ -1,24 +0,0 @@ -import { Test, TestingModule } from '@nestjs/testing'; -import { INestApplication } from '@nestjs/common'; -import * as request from 'supertest'; -import { AppModule } from './../src/app.module'; - -describe('AppController (e2e)', () => { - let app: INestApplication; - - beforeEach(async () => { - const moduleFixture: TestingModule = await Test.createTestingModule({ - imports: [AppModule], - }).compile(); - - app = moduleFixture.createNestApplication(); - await app.init(); - }); - - it('/ (GET)', () => { - return request(app.getHttpServer()) - .get('/') - .expect(200) - .expect('Hello World!'); - }); -}); diff --git a/packages/demo-server/test/jest-e2e.json b/packages/demo-server/test/jest-e2e.json deleted file mode 100644 index e9d912f3e..000000000 --- a/packages/demo-server/test/jest-e2e.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "moduleFileExtensions": ["js", "json", "ts"], - "rootDir": ".", - "testEnvironment": "node", - "testRegex": ".e2e-spec.ts$", - "transform": { - "^.+\\.(t|j)s$": "ts-jest" - } -} diff --git a/packages/demo-server/tsconfig.build.json b/packages/demo-server/tsconfig.build.json deleted file mode 100644 index 64f86c6bd..000000000 --- a/packages/demo-server/tsconfig.build.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "extends": "./tsconfig.json", - "exclude": ["node_modules", "test", "dist", "**/*spec.ts"] -} diff --git a/packages/demo-server/tsconfig.json b/packages/demo-server/tsconfig.json deleted file mode 100644 index 3446d34a8..000000000 --- a/packages/demo-server/tsconfig.json +++ /dev/null @@ -1,16 +0,0 @@ -{ - "compilerOptions": { - "module": "commonjs", - "declaration": true, - "removeComments": true, - "emitDecoratorMetadata": true, - "experimentalDecorators": true, - "allowSyntheticDefaultImports": true, - "target": "es2017", - "sourceMap": true, - "outDir": "./dist", - "baseUrl": "./", - "incremental": true, - "types": [] - } -} diff --git a/packages/demo/CHANGELOG.md b/packages/demo/CHANGELOG.md deleted file mode 100644 index 68954b4ad..000000000 --- a/packages/demo/CHANGELOG.md +++ /dev/null @@ -1,833 +0,0 @@ -# Change Log - -All notable changes to this project will be documented in this file. -See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. - - -## [1.0.22](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.21...@ali/lowcode-demo@1.0.22) (2020-11-16) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [1.0.21](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.20...@ali/lowcode-demo@1.0.21) (2020-11-10) - - -### Bug Fixes - -* 修复数据源的接入问题 ([98ae1ed](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/98ae1ed)) - - - - - -## [1.0.20](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.19...@ali/lowcode-demo@1.0.20) (2020-11-10) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [1.0.19](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.18...@ali/lowcode-demo@1.0.19) (2020-11-05) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [1.0.18](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.17...@ali/lowcode-demo@1.0.18) (2020-11-05) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [1.0.17](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.16...@ali/lowcode-demo@1.0.17) (2020-11-05) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [1.0.16](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.15...@ali/lowcode-demo@1.0.16) (2020-11-04) - - -### Bug Fixes - -* 删除测试代码 ([f08a067](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f08a067)) - - - - - -## [1.0.15](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.13...@ali/lowcode-demo@1.0.15) (2020-11-04) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [1.0.14](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.13...@ali/lowcode-demo@1.0.14) (2020-11-04) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [1.0.13](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.12...@ali/lowcode-demo@1.0.13) (2020-11-02) - - -### Bug Fixes - -* 修复编辑器转化bug,增加窗口最大最小化功能 ([05666af](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/05666af)) - - -### Features - -* style 迁移 ([6ce97da](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/6ce97da)) - - - - - -## [1.0.12](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.11...@ali/lowcode-demo@1.0.12) (2020-10-20) - - -### Bug Fixes - -* 合并分支 ([add2f23](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/add2f23)) -* fix array and sourceeditor bugs ([26b8b2c](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/26b8b2c)) -* monaco cdn url update ([7b2fe13](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/7b2fe13)) - - - - - -## [1.0.11](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.10...@ali/lowcode-demo@1.0.11) (2020-10-19) - - -### Bug Fixes - -* 将monaco基础包全部移除，采用cdn形式注入 ([510f1c0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/510f1c0)) - - - - - -## [1.0.10](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.9...@ali/lowcode-demo@1.0.10) (2020-09-29) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [1.0.9](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.8...@ali/lowcode-demo@1.0.9) (2020-09-28) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [1.0.8](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.8-0...@ali/lowcode-demo@1.0.8) (2020-09-28) - - -### Features - -* 新增class-name setter ([a9f1131](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/a9f1131)) -* 组件面板支持业务组件独立展示 ([e9d8d3d](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/e9d8d3d)) - - - - - -## [1.0.8-0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.65...@ali/lowcode-demo@1.0.8-0) (2020-09-09) - - -### Bug Fixes - -* 🐛 更改复杂类型生成工具的接口形式，减少调用复杂度 ([ce616b5](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/ce616b5)) -* 🐛 after event name & TabItem parent limitation ([76fb0b3](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/76fb0b3)) -* 🐛 Card component's settings ([f44e7ab](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f44e7ab)) -* 🐛 Cascader init status ([e4a28c4](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/e4a28c4)) -* 🐛 codeout btn fix ([afda7d4](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/afda7d4)) -* 🐛 Collapse render error ([6fed968](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/6fed968)) -* 🐛 fix Menu & MenuButton assets cfg ([3d40aa2](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/3d40aa2)) -* 🐛 Menu Items ([5ecacef](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/5ecacef)) -* 🐛 save and generator last page ([3e4254c](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/3e4254c)) -* 🐛 Tab & TabItem assets config ([0cc08fb](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/0cc08fb)) -* 🐛 Tag assets ([b460dcf](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/b460dcf)) -* 🐛 Tag components setting ([de941da](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/de941da)) -* 🐛 Timeline asset config ([436dadd](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/436dadd)) -* 🐛 use JsonSetter as dataSource Setter ([553f924](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/553f924)) -* 😈 table 无法选中问题 ([34825f8](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/34825f8)) -* 适配Nav组件 ([7e9829f](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/7e9829f)) -* 修改插件面板配置 ([f9ceda5](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f9ceda5)) -* 修改js面板的保存schema问题 ([0ee8892](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/0ee8892)) -* demo 中引入locode-editor-general ([1f03857](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/1f03857)) -* dropdown and menu schema ([ae1d125](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/ae1d125)) -* fix mixsetter style ([0ecce83](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/0ecce83)) -* fix NextTable callback function ([ce77375](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/ce77375)) -* fix source edit bug ([047247c](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/047247c)) - - -### Features - -* 🎸 add demo-server ([df35c6a](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/df35c6a)) -* 🎸 Box config edit ([49b49ee](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/49b49ee)) -* 🎸 Button update ([7969273](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/7969273)) -* 🎸 Collapse component update ([c682cc5](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/c682cc5)) -* 🎸 Collapse.panel has drop in Collapse ([d4d41e4](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/d4d41e4)) -* 🎸 pagination update ([f13b3ab](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f13b3ab)) -* 🎸 saveload btn for demo ([f91da66](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f91da66)) -* 🎸 update upload component ([10abef5](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/10abef5)) -* 🎸 upload update ([f81932b](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f81932b)) -* 适配TreeNode节点 ([8c36928](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/8c36928)) -* 新增分隔符物料配置 ([af39c17](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/af39c17)) -* 新增simulatorurl，可以设置cdn使用simulator ([1f45b05](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/1f45b05)) -* 增加出码按钮 ([6f7b066](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/6f7b066)) -* 主设置面板里深层次界面通过 stagebox 进行过渡 ([783e945](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/783e945)) -* demo 构造 componentsMap ([f445ffe](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f445ffe)) -* tree 组件修改 ([7efa52f](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/7efa52f)) - - - - - -## [1.0.7-0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.6-0...@ali/lowcode-demo@1.0.7-0) (2020-09-02) - - - -## [0.8.65](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.64...@ali/lowcode-demo@0.8.65) (2020-09-08) - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.64](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.63...@ali/lowcode-demo@0.8.64) (2020-09-03) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.63](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.62...@ali/lowcode-demo@0.8.63) (2020-09-03) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.62](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.61...@ali/lowcode-demo@0.8.62) (2020-08-27) - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [1.0.6-0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.62...@ali/lowcode-demo@1.0.6-0) (2020-09-02) - - -### Bug Fixes - -* 🐛 更改复杂类型生成工具的接口形式，减少调用复杂度 ([ce616b5](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/ce616b5)) -* 🐛 after event name & TabItem parent limitation ([76fb0b3](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/76fb0b3)) -* 🐛 Card component's settings ([f44e7ab](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f44e7ab)) -* 🐛 Cascader init status ([e4a28c4](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/e4a28c4)) -* 🐛 codeout btn fix ([afda7d4](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/afda7d4)) -* 🐛 Collapse render error ([6fed968](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/6fed968)) -* 🐛 fix Menu & MenuButton assets cfg ([3d40aa2](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/3d40aa2)) -* 🐛 Menu Items ([5ecacef](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/5ecacef)) -* 🐛 save and generator last page ([3e4254c](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/3e4254c)) -* 🐛 Tab & TabItem assets config ([0cc08fb](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/0cc08fb)) -* 🐛 Tag assets ([b460dcf](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/b460dcf)) -* 🐛 Tag components setting ([de941da](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/de941da)) -* 🐛 Timeline asset config ([436dadd](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/436dadd)) -* 🐛 use JsonSetter as dataSource Setter ([553f924](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/553f924)) -* 😈 table 无法选中问题 ([34825f8](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/34825f8)) -* 适配Nav组件 ([7e9829f](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/7e9829f)) -* 修改插件面板配置 ([f9ceda5](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f9ceda5)) -* 修改js面板的保存schema问题 ([0ee8892](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/0ee8892)) -* dropdown and menu schema ([ae1d125](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/ae1d125)) -* fix mixsetter style ([0ecce83](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/0ecce83)) -* fix NextTable callback function ([ce77375](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/ce77375)) -* fix source edit bug ([047247c](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/047247c)) - - -### Features - -* 🎸 add demo-server ([df35c6a](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/df35c6a)) -* 🎸 Box config edit ([49b49ee](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/49b49ee)) -* 🎸 Button update ([7969273](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/7969273)) -* 🎸 Collapse component update ([c682cc5](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/c682cc5)) -* 🎸 Collapse.panel has drop in Collapse ([d4d41e4](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/d4d41e4)) -* 🎸 pagination update ([f13b3ab](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f13b3ab)) -* 🎸 saveload btn for demo ([f91da66](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f91da66)) -* 🎸 update upload component ([10abef5](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/10abef5)) -* 🎸 upload update ([f81932b](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f81932b)) -* 适配TreeNode节点 ([8c36928](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/8c36928)) -* 新增分隔符物料配置 ([af39c17](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/af39c17)) -* 新增simulatorurl，可以设置cdn使用simulator ([1f45b05](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/1f45b05)) -* 增加出码按钮 ([6f7b066](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/6f7b066)) -* 主设置面板里深层次界面通过 stagebox 进行过渡 ([783e945](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/783e945)) -* demo 构造 componentsMap ([f445ffe](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f445ffe)) -* tree 组件修改 ([7efa52f](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/7efa52f)) - - - - - -## [1.0.3-0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.2-0...@ali/lowcode-demo@1.0.3-0) (2020-08-20) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [1.0.2-0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@1.0.1-0...@ali/lowcode-demo@1.0.2-0) (2020-08-20) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [1.0.1-0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.57...@ali/lowcode-demo@1.0.1-0) (2020-08-20) - - -### Bug Fixes - -* 🐛 Card component's settings ([f44e7ab](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f44e7ab)) -* 🐛 Cascader init status ([e4a28c4](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/e4a28c4)) -* 🐛 codeout btn fix ([afda7d4](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/afda7d4)) -* 🐛 Collapse render error ([6fed968](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/6fed968)) -* 🐛 save and generator last page ([3e4254c](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/3e4254c)) -* 🐛 Tab & TabItem assets config ([0cc08fb](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/0cc08fb)) -* 🐛 Tag assets ([b460dcf](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/b460dcf)) -* 🐛 Tag components setting ([de941da](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/de941da)) -* 🐛 use JsonSetter as dataSource Setter ([553f924](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/553f924)) -* 🐛 更改复杂类型生成工具的接口形式，减少调用复杂度 ([ce616b5](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/ce616b5)) -* 😈 table 无法选中问题 ([34825f8](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/34825f8)) -* dropdown and menu schema ([ae1d125](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/ae1d125)) -* fix source edit bug ([047247c](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/047247c)) - - -### Features - -* 🎸 add demo-server ([df35c6a](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/df35c6a)) -* 🎸 Box config edit ([49b49ee](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/49b49ee)) -* 🎸 Button update ([7969273](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/7969273)) -* 🎸 Collapse component update ([c682cc5](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/c682cc5)) -* 🎸 Collapse.panel has drop in Collapse ([d4d41e4](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/d4d41e4)) -* 🎸 saveload btn for demo ([f91da66](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f91da66)) -* demo 构造 componentsMap ([f445ffe](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f445ffe)) -* 主设置面板里深层次界面通过 stagebox 进行过渡 ([783e945](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/783e945)) -* 增加出码按钮 ([6f7b066](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/6f7b066)) -* 新增分隔符物料配置 ([af39c17](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/af39c17)) - - - - - -# [1.0.0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.15.0...@ali/lowcode-demo@1.0.0) (2020-08-17) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -# [0.15.0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.14.0...@ali/lowcode-demo@0.15.0) (2020-08-17) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -# [0.14.0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.12.0...@ali/lowcode-demo@0.14.0) (2020-08-17) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -# [0.13.0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.12.0...@ali/lowcode-demo@0.13.0) (2020-08-17) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -# [0.12.0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.11.0...@ali/lowcode-demo@0.12.0) (2020-08-16) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -# [0.11.0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.10.0...@ali/lowcode-demo@0.11.0) (2020-08-14) - - -### Bug Fixes - -* 🐛 Tab & TabItem assets config ([0cc08fb](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/0cc08fb)) - - - - - -# [0.10.0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.9.0...@ali/lowcode-demo@0.10.0) (2020-08-14) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -# [0.9.0](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.47...@ali/lowcode-demo@0.9.0) (2020-08-14) - - -### Bug Fixes - -* 🐛 Card component's settings ([f44e7ab](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f44e7ab)) -* 🐛 Cascader init status ([e4a28c4](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/e4a28c4)) -* 🐛 codeout btn fix ([afda7d4](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/afda7d4)) -* 🐛 Collapse render error ([6fed968](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/6fed968)) -* 🐛 save and generator last page ([3e4254c](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/3e4254c)) -* 🐛 Tag assets ([b460dcf](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/b460dcf)) -* 🐛 Tag components setting ([de941da](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/de941da)) -* 🐛 use JsonSetter as dataSource Setter ([553f924](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/553f924)) -* 🐛 更改复杂类型生成工具的接口形式，减少调用复杂度 ([ce616b5](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/ce616b5)) -* 😈 table 无法选中问题 ([34825f8](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/34825f8)) -* dropdown and menu schema ([ae1d125](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/ae1d125)) -* fix source edit bug ([047247c](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/047247c)) - - -### Features - -* 🎸 add demo-server ([df35c6a](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/df35c6a)) -* 🎸 Box config edit ([49b49ee](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/49b49ee)) -* 🎸 Button update ([7969273](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/7969273)) -* 🎸 saveload btn for demo ([f91da66](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f91da66)) -* demo 构造 componentsMap ([f445ffe](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/f445ffe)) -* 主设置面板里深层次界面通过 stagebox 进行过渡 ([783e945](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/783e945)) -* 增加出码按钮 ([6f7b066](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/6f7b066)) -* 新增分隔符物料配置 ([af39c17](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/af39c17)) - - - - - -## [0.8.47](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.46...@ali/lowcode-demo@0.8.47) (2020-08-04) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.46](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.44...@ali/lowcode-demo@0.8.46) (2020-08-04) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.45](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.44...@ali/lowcode-demo@0.8.45) (2020-08-04) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.44](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.43...@ali/lowcode-demo@0.8.44) (2020-07-29) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.43](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.42...@ali/lowcode-demo@0.8.43) (2020-07-28) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.42](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.41...@ali/lowcode-demo@0.8.42) (2020-07-23) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.41](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.40...@ali/lowcode-demo@0.8.41) (2020-07-22) - - -### Features - -* rax render ([95bf331](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/95bf331)) - - - - - -## [0.8.40](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.39...@ali/lowcode-demo@0.8.40) (2020-07-21) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.39](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.38...@ali/lowcode-demo@0.8.39) (2020-07-21) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.38](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.37...@ali/lowcode-demo@0.8.38) (2020-07-21) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.37](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.36...@ali/lowcode-demo@0.8.37) (2020-07-14) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.36](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.35...@ali/lowcode-demo@0.8.36) (2020-07-13) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.35](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.34...@ali/lowcode-demo@0.8.35) (2020-07-12) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.34](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.33...@ali/lowcode-demo@0.8.34) (2020-07-12) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.33](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.32...@ali/lowcode-demo@0.8.33) (2020-06-24) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.32](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.31...@ali/lowcode-demo@0.8.32) (2020-06-23) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.31](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.30...@ali/lowcode-demo@0.8.31) (2020-06-23) - - -### Bug Fixes - -* 更改生成 id 的规则, 否则命中 recore 解析 id 的一个限制 ([5adff44](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/5adff44)) - - - - - -## [0.8.30](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.29...@ali/lowcode-demo@0.8.30) (2020-06-16) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.29](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.28...@ali/lowcode-demo@0.8.29) (2020-06-15) - - -### Bug Fixes - -* style ([4694331](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/4694331)) - - - - - -## [0.8.28](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.27...@ali/lowcode-demo@0.8.28) (2020-05-20) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.27](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.26...@ali/lowcode-demo@0.8.27) (2020-05-19) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.26](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.25...@ali/lowcode-demo@0.8.26) (2020-05-18) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.25](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.24...@ali/lowcode-demo@0.8.25) (2020-05-18) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.24](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.23...@ali/lowcode-demo@0.8.24) (2020-05-16) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.23](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.22...@ali/lowcode-demo@0.8.23) (2020-05-16) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.22](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.21...@ali/lowcode-demo@0.8.22) (2020-05-16) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.21](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.20...@ali/lowcode-demo@0.8.21) (2020-05-15) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.20](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.19...@ali/lowcode-demo@0.8.20) (2020-05-15) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.19](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.18...@ali/lowcode-demo@0.8.19) (2020-05-15) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.18](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.17...@ali/lowcode-demo@0.8.18) (2020-05-13) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.17](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.16...@ali/lowcode-demo@0.8.17) (2020-05-13) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.16](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.15...@ali/lowcode-demo@0.8.16) (2020-05-08) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.15](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.14...@ali/lowcode-demo@0.8.15) (2020-05-08) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.14](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.13...@ali/lowcode-demo@0.8.14) (2020-05-07) - - -### Bug Fixes - -* 🐛 add history pane for vision demo ([3ce7079](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/3ce7079)) -* 🐛 清理无用代码 ([015b58a](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/015b58a)) - - - - - -## [0.8.13](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.12...@ali/lowcode-demo@0.8.13) (2020-04-27) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.12](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.11...@ali/lowcode-demo@0.8.12) (2020-04-27) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.11](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.10...@ali/lowcode-demo@0.8.11) (2020-04-27) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.10](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.9...@ali/lowcode-demo@0.8.10) (2020-04-16) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.9](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.8...@ali/lowcode-demo@0.8.9) (2020-04-15) - - -### Features - -* mixin-setter get all setter ([a5eb62d](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/a5eb62d)) - - - - - -## [0.8.8](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.7...@ali/lowcode-demo@0.8.8) (2020-03-31) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.7](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.6...@ali/lowcode-demo@0.8.7) (2020-03-30) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.6](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.5...@ali/lowcode-demo@0.8.6) (2020-03-30) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.5](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.4...@ali/lowcode-demo@0.8.5) (2020-03-30) - - -### Bug Fixes - -* depend ([c90996d](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/c90996d)) - - - - - -## [0.8.4](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.3...@ali/lowcode-demo@0.8.4) (2020-03-30) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## [0.8.3](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.2...@ali/lowcode-demo@0.8.3) (2020-03-30) - - - - -**Note:** Version bump only for package @ali/lowcode-demo - - -## 0.8.2 (2020-03-30) - - -### Features - -* complet preview ([56c16ff](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/56c16ff)) -* double outline & ZH_EN support ([b379bd7](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/b379bd7)) - - - - - -## 0.8.1 (2020-03-30) - - -### Features - -* complet preview ([56c16ff](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/56c16ff)) -* double outline & ZH_EN support ([b379bd7](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/b379bd7)) diff --git a/packages/demo/README.md b/packages/demo/README.md deleted file mode 100644 index 6a1a5d0fa..000000000 --- a/packages/demo/README.md +++ /dev/null @@ -1,20 +0,0 @@ -# ice-typescript-starter - -## 使用 - -- 启动调试服务: `npm start` -- 构建 dist: `npm run build` - -## 目录结构 - -- 入口文件: `src/index.jsx` -- 导航配置: `src/config/menu.js` -- 路由配置: `src/config/routes.js` -- 路由入口: `src/router.jsx` -- 布局文件: `src/layouts` -- 通用组件: `src/components` -- 页面文件: `src/pages` - -## 效果图 - -![screenshot](https://img.alicdn.com/tfs/TB13AFlH6TpK1RjSZKPXXa3UpXa-2860-1580.png) diff --git a/packages/demo/build.json b/packages/demo/build.json deleted file mode 100644 index f0775c7bd..000000000 --- a/packages/demo/build.json +++ /dev/null @@ -1,44 +0,0 @@ -{ - "entry": { - "index": "src/index", - "editor-preset-vision": "../editor-preset-vision/src/index.ts", - "react-simulator-renderer": "../react-simulator-renderer/src/index.ts", - "rax-simulator-renderer": "../rax-simulator-renderer/src/index.ts" - }, - "vendor": false, - "devServer": { - "hot": false - }, - "publicPath": "/", - "externals": { - "react": "var window.React", - "react-dom": "var window.ReactDOM", - "prop-types": "var window.PropTypes", - "@alifd/next": "var window.Next", - "@ali/visualengine": "var window.VisualEngine", - "@ali/visualengine-utils": "var window.VisualEngineUtils", - "monaco-editor/esm/vs/editor/editor.api":"var window.monaco", - "monaco-editor/esm/vs/editor/editor.main.js":"var window.monaco", - "rax": "var window.Rax" - }, - "plugins": [ - [ - "build-plugin-react-app" - ], - [ - "build-plugin-fusion", - { - "themePackage": "@alife/theme-lowcode-light" - } - ], - [ - "build-plugin-moment-locales", - { - "locales": [ - "zh-cn" - ] - } - ], - "./build.plugin.js" - ] -} diff --git a/packages/demo/build.plugin.js b/packages/demo/build.plugin.js deleted file mode 100644 index ef0b1f4a7..000000000 --- a/packages/demo/build.plugin.js +++ /dev/null @@ -1,14 +0,0 @@ -const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); - -module.exports = ({ onGetWebpackConfig }) => { - onGetWebpackConfig((config) => { - config.resolve.plugin('tsconfigpaths').use(TsconfigPathsPlugin, [ - { - configFile: './tsconfig.json', - }, - ]); - - config.plugins.delete('hot'); - config.devServer.hot(false); - }); -}; diff --git a/packages/demo/cloud-build.json b/packages/demo/cloud-build.json deleted file mode 100644 index 1d0afbef7..000000000 --- a/packages/demo/cloud-build.json +++ /dev/null @@ -1,37 +0,0 @@ -{ - "entry": { - "lowcode-editor": "src/vision/index.ts" - }, - "vendor": false, - "externals": { - "react": "window.React", - "react-dom": "window.ReactDOM", - "prop-types": "window.PropTypes", - "@ali/visualengine": "window.VisualEngine", - "@ali/visualengine-utils": "window.VisualEngineUtils", - "@ali/lowcode-editor-preset-general": "window.LowcodeEditor", - "@ali/lowcode-editor-core": "window.LowcodeEditor", - "@ali/lowcode-editor-skeleton": "window.LowcodeEditor", - "@ali/lowcode-designer": "window.LowcodeEditor", - "rax": "var window.Rax" - }, - "sourcemap": true, - "outputAssetsPath": { - "js": "", "css": "" - }, - "plugins": [ - ["build-plugin-react-app"], - [ - "build-plugin-fusion", - { - "themePackage": "@alife/theme-lowcode-light" - } - ], - [ - "build-plugin-moment-locales", - { - "locales": ["zh-cn"] - } - ] - ] -} diff --git a/packages/demo/package.json b/packages/demo/package.json deleted file mode 100644 index bf8f62789..000000000 --- a/packages/demo/package.json +++ /dev/null @@ -1,58 +0,0 @@ -{ - "name": "@ali/lowcode-demo", - "version": "1.0.22", - "private": true, - "description": "低代码引擎 DEMO", - "scripts": { - "cloud-build": "build-scripts build --config cloud-build.json", - "start": "build-scripts start", - "build": "build-scripts build" - }, - "config": {}, - "dependencies": { - "@ali/lowcode-editor-core": "^1.0.22", - "@ali/lowcode-editor-skeleton": "^1.0.22", - "@ali/lowcode-plugin-components-pane": "^1.0.22", - "@ali/lowcode-plugin-designer": "^1.0.22", - "@ali/lowcode-plugin-event-bind-dialog": "^1.0.21", - "@ali/lowcode-plugin-outline-pane": "^1.0.21", - "@ali/lowcode-plugin-sample-logo": "^1.0.21", - "@ali/lowcode-plugin-sample-preview": "^1.0.21", - "@ali/lowcode-plugin-settings-pane": "^0.8.8", - "@ali/lowcode-plugin-undo-redo": "^1.0.21", - "@ali/lowcode-plugin-variable-bind-dialog": "^1.0.21", - "@ali/lowcode-plugin-zh-en": "^1.0.21", - "@ali/lowcode-react-renderer": "^1.0.21", - "@ali/lowcode-runtime": "^1.0.23", - "@ali/lowcode-utils": "^1.0.21", - "@ali/ve-action-pane": "^4.7.0-beta.0", - "@ali/ve-datapool-pane": "^6.4.3", - "@ali/ve-history-pane": "4.0.0", - "@ali/ve-i18n-manage-pane": "^4.3.0", - "@ali/ve-i18n-pane": "^4.0.0-beta.0", - "@ali/ve-page-history": "1.2.0", - "@ali/ve-page-history-pane": "^5.0.0-beta.0", - "@ali/ve-trunk-pane": "^5.1.0-beta.14", - "@ali/vs-variable-setter": "^3.1.0", - "@ali/vu-function-parser": "^2.5.0-beta.0", - "@ali/vu-legao-design-fetch-context": "^1.0.3", - "@alifd/next": "^1.19.12", - "@alife/theme-lowcode-light": "^0.1.0", - "compare-versions": "^3.0.1", - "react": "^16.8.1", - "react-dom": "^16.8.1", - "streamsaver": "^2.0.4", - "web-streams-polyfill": "^2.1.1" - }, - "devDependencies": { - "@alib/build-scripts": "^0.1.18", - "@types/events": "^3.0.0", - "@types/react": "^16.8.3", - "@types/react-dom": "^16.8.2", - "@types/streamsaver": "^2.0.0", - "build-plugin-fusion": "^0.1.0", - "build-plugin-moment-locales": "^0.1.0", - "build-plugin-react-app": "^1.1.2", - "tsconfig-paths-webpack-plugin": "^3.2.0" - } -} diff --git a/packages/demo/public/assets.json b/packages/demo/public/assets.json deleted file mode 100644 index ef8650e05..000000000 --- a/packages/demo/public/assets.json +++ /dev/null @@ -1,15394 +0,0 @@ -{ - "version": "1.0.0", - "packages": [ - { - "package": "moment", - "urls": ["https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"], - "library": "moment" - }, - { - "title": "fusion组件库", - "package": "@alifd/next", - "version": "1.20.0", - "urls": ["https://unpkg.antfin-inc.com/@alifd/next@1.20.0/dist/next.js", "https://unpkg.antfin-inc.com/@alifd/next@1.20.0/dist/next.css"], - "library": "Next" - }, - { - "title": "NextTable", - "package": "NextTable", - "version": "1.0.0", - "urls": ["http://alifd.alibabausercontent.com/materials/NextTable.js", "http://alifd.alibabausercontent.com/materials/NextTable.css"], - "library": "NextTable" - }, - { - "title": "MCBreadcrumb", - "package": "mc-breadcrumb", - "version": "1.0.0", - "urls": ["https://unpkg.alibaba-inc.com/mc-breadcrumb@1.0.0/dist/MCBreadcrumb.js", "https://unpkg.alibaba-inc.com/mc-breadcrumb@1.0.0/dist/MCBreadcrumb.css"], - "library": "MCBreadcrumb" - } - ], - "components": [ - { - "componentName": "Page", - "title": "Page", - "props": [ - { - "name": "style", - "propType": "object", - "defaultValue": { - "padding": 12 - } - } - ], - "configure": { - "events": { - "supportedLifecycles": [ - { - "description": "初始化时", - "name": "constructor" - }, - { - "description": "装载后", - "name": "componentDidMount" - }, - { - "description": "更新时", - "name": "componentDidMount" - }, - { - "description": "卸载时", - "name": "componentWillUnmount" - } - ] - }, - "component": { - "isContainer": true - } - } - }, - { - "componentName": "a", - "title": "Link", - "npm": { - "exportName": "a" - }, - "props": [ - { - "name": "href", - "title": "链接", - "propType": "string", - "defaultValue": "https://fusion.design" - }, - { - "name": "children", - "title": "内容", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "node" - ] - }, - "defaultValue": "这是一个超链接" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "target", - "title": "新开页面", - "propType": { - "type": "oneOf", - "value": [ - "_blank", - "_self" - ] - } - } - ] - }, - { - "componentName": "img", - "title": "Image", - "npm": { - "exportName": "img" - }, - "props": [ - { - "name": "src", - "title": "图片链接", - "propType": "string", - "defaultValue": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg" - }, - { - "name": "title", - "title": { - "label": "标题", - "tip": "HTML 原生 title 属性" - }, - "propType": "string" - }, - { - "name": "alt", - "title": { - "label": "代替文本", - "tip": "HTML 原生 alt 属性" - }, - "propType": "string" - }, - { - "name": "width", - "title": { - "label": "宽度", - "tip": "HTML 原生 width 属性" - }, - "propType": "number" - }, - { - "name": "height", - "title": { - "label": "高度", - "tip": "HTML 原生 height 属性" - }, - "propType": "number" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Div", - "title": "Div", - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Divider", - "title": "Divider", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Divider", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "children", - "propType": "string", - "description": "文案", - "defaultValue": "分隔符" - }, - - { - "name": "dashed", - "propType": { - "type": "bool" - }, - "description": "是否为虚线", - "defaultValue": false - }, - - { - "name": "direction", - "propType": { - "type": "oneOf", - "value": [ - "hoz", - "ver" - ] - }, - "description": "线是水平还是垂直类型", - "defaultValue": "hoz" - }, - { - "name": "orientation", - "propType": { - "type": "oneOf", - "value": [ - "left", - "right", - "center" - ] - }, - "description": "分割线标题的位置", - "defaultValue": "center" - } - ], - "experimental": { - "filters": [{ - "name": "", - "filter": { - "type": "JSFunction", - "value": "filters" - } - }] - } - }, - { - "componentName": "Drawer", - "title": "抽屉", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Drawer", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "pure", - "propType": "bool" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "width", - "propType": { - "type": "oneOfType", - "value": [ - "number", - "string" - ] - }, - "description": "宽度，仅在 placement是 left right 的时候生效" - }, - { - "name": "height", - "propType": { - "type": "oneOfType", - "value": [ - "number", - "string" - ] - }, - "description": "高度，仅在 placement是 top bottom 的时候生效" - }, - { - "name": "closeable", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "bool" - ] - }, - "description": "控制对话框关闭的方式，值可以为字符串或者布尔值，其中字符串是由以下值组成：\n**close** 表示点击关闭按钮可以关闭对话框\n**mask** 表示点击遮罩区域可以关闭对话框\n**esc** 表示按下 esc 键可以关闭对话框\n如 'close' 或 'close,esc,mask'\n如果设置为 true，则以上关闭方式全部生效\n如果设置为 false，则以上关闭方式全部失效", - "defaultValue": true - }, - { - "name": "onClose", - "propType": "func", - "description": "对话框关闭时触发的回调函数\n@param {String} trigger 关闭触发行为的描述字符串\n@param {Object} event 关闭时事件对象" - }, - { - "name": "placement", - "propType": { - "type": "oneOf", - "value": [ - "top", - "right", - "bottom", - "left" - ] - }, - "description": "位于页面的位置", - "defaultValue": "right" - }, - { - "name": "title", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "标题" - }, - { - "name": "headerStyle", - "propType": "object", - "description": "header上的样式" - }, - { - "name": "bodyStyle", - "propType": "object", - "description": "body上的样式" - }, - { - "name": "visible", - "propType": "bool", - "description": "是否显示" - }, - { - "name": "hasMask", - "propType": "bool", - "description": "是否显示遮罩", - "defaultValue": true - }, - { - "name": "onVisibleChange", - "propType": "func" - }, - { - "name": "animation", - "propType": { - "type": "oneOfType", - "value": [ - "object", - "bool" - ] - }, - "description": "显示隐藏时动画的播放方式\n@property {String} in 进场动画\n@property {String} out 出场动画" - }, - { - "name": "locale", - "propType": "object" - }, - { - "name": "popupContainer", - "propType": "any" - } - ],"configure": { - "component": { - "isContainer": true, - "isModel": true - }, - "props": [ - { - "name": "prefix", - "title": { - "type": "i18n", - "zh_CN": "前缀", - "en_US": "prefix" - } - } - ] - } - }, - { - "componentName": "Drawer.Inner", - "title": "Drawer.Inner", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Drawer", - "main": "src/index.js", - "destructuring": true, - "subName": "Inner" - }, - "props": [ - { - "name": "className", - "propType": "string" - }, - { - "name": "closeable", - "propType": "bool", - "defaultValue": true - }, - { - "name": "role", - "propType": "string", - "defaultValue": "dialog" - }, - { - "name": "title", - "propType": "string" - }, - { - "name": "placement", - "propType": { - "type": "oneOf", - "value": [ - "top", - "right", - "bottom", - "left" - ] - } - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "onClose", - "propType": "func" - }, - { - "name": "locale", - "propType": "object" - }, - { - "name": "headerStyle", - "propType": "object" - }, - { - "name": "bodyStyle", - "propType": "object" - }, - { - "name": "afterClose", - "propType": "func" - }, - { - "name": "beforeOpen", - "propType": "func" - }, - { - "name": "beforeClose", - "propType": "func" - }, - { - "name": "cache", - "propType": "bool" - }, - { - "name": "shouldUpdatePosition", - "propType": "bool" - } - ] - }, - { - "componentName": "NextTable", - "title": "NextTable", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "NextTable", - "version": "1.19.18", - "exportName": "NextTable", - "main": "lib/index.js", - "subName": "" - }, - "props": [ - { - "name": "columns", - "title": "数据列", - "propType": { - "type": "arrayOf", - "value": { - "type": "shape", - "value": [ - { - "name": "title", - "description": "列标题", - "propType": "string", - "defaultValue": "Title" - }, - { - "name": "dataKey", - "description": "列索引", - "propType": "string", - "defaultValue": "Key" - }, - { - "name": "dataType", - "description": "数据类型", - "propType": { - "type": "oneOf", - "value": [ - "text", - "timestamp", - "cascadeTimestamp", - "employee", - "money", - "moneyRange" - ] - }, - "defaultValue": "Key" - }, - { - "name": "editType", - "description": "编辑类型", - "propType": { - "type": "oneOf", - "value": [ - "select", - "text", - "radio", - "date", - "employee" - ] - }, - "defaultValue": "Key" - } - ] - } - } - }, - { - "name": "data", - "title": "数据源", - "propType": { - "type": "oneOfType", - "value": [ - "Json", - "JSExpression" - ] - } - }, - { - "name": "actionTitle", - "title": "操作列标题", - "propType": "string" - }, - { - "name": "actionColumn", - "title": "操作列", - "propType": { - "type": "arrayOf", - "value": { - "type": "shape", - "value": [{ - "name": "title", - "description": "列标题", - "propType": "string", - "defaultValue": "Title" - },{ - "name": "callback", - "description": "callback", - "propType": "func", - "defaultValue": { - "type": "JSFunction", - "value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n })}" - } - }] - } - } - } - ], - "configure": { - "props": [ - { - "name": "StyleAndTheme", - "title": "风格和样式", - "type": "group", - "extraProps": { - "display": "entry" - }, - "items": [ - { - "name": "theme", - "title": "主题", - "setter": { - "componentName": "RadioGroupSetter", - "props": { - "dataSource": [ - { - "label": "zebra", - "value": "zebra" - },{ - "label": "split", - "value": "split" - },{ - "label": "border", - "value": "border" - } - ] - } - } - }, - { - "name": "hasHeader", - "title": "是否显示表头", - "setter": "BoolSetter" - }, - { - "name": "fixedHeader", - "title": "是否固定表头", - "setter": "BoolSetter" - }, - { - "name": "stickyHeader", - "title": "表头是否是sticky", - "setter": "BoolSetter" - } - ] - }, - { - "name": "Selector", - "title": "行选择器", - "type": "group", - "extraProps": { - "display": "entry" - }, - "items": [ - { - "name": "rowSelector", - "title": "选择器模式", - "setter": { - "componentName": "RadioGroupSetter", - "props": { - "dataSource": [ - { - "label": "checkboxSelector", - "value": "checkboxSelector" - },{ - "label": "radioSelector", - "value": "radioSelector" - } - ] - } - } - }, - { - "name": "showRowSelector", - "title": "是否启用选择模式", - "setter": "BoolSetter" - } - ] - }, - { - "name": "Pagination", - "title": "分页设置", - "type": "group", - "extraProps": { - "display": "entry" - }, - "items": [ - { - "name": "isPagination", - "title": "是否显示分页", - "setter": "BoolSetter", - "initialValue": true - }, - { - "name": "pagination", - "title": "分页设置", - "setter": { - "componentName": "ObjectSetter", - "props": { - "config": { - "items": [ - { - "name": "paginationPosition", - "title": "翻页器显示位置", - "setter": { - "componentName": "RadioGroupSetter", - "props": { - "dataSource": [ - { - "label": "left", - "value": "left" - },{ - "label": "right", - "value": "right" - } - ] - } - } - }, - { - "name": "size", - "title": "分页组件大小", - "setter": { - "componentName": "RadioGroupSetter", - "props": { - "dataSource": [ - { - "label": "small", - "value": "small" - },{ - "label": "medium", - "value": "medium" - },{ - "label": "large", - "value": "large" - } - ] - } - } - }, - { - "name": "type", - "title": "分页组件类型", - "setter": { - "componentName": "RadioGroupSetter", - "props": { - "dataSource": [ - { - "label": "normal", - "value": "normal" - },{ - "label": "simple", - "value": "simple" - },{ - "label": "mini", - "value": "mini" - } - ] - } - } - }, - { - "name": "shape", - "title": "前进后退按钮样式", - "setter": { - "componentName": "SelectSetter", - "props": { - "dataSource": [ - { - "label": "normal", - "value": "normal" - },{ - "label": "arrow-only", - "value": "arrow-only" - },{ - "label": "arrow-prev-only", - "value": "arrow-prev-only" - },{ - "label": "no-border", - "value": "no-border" - } - ] - } - } - }, - { - "name": "pageSizeSelector", - "title": "每页显示选择器类型", - "setter": "BoolSetter" - }, - { - "name": "pageSizeList", - "title": "每页显示选择器可选值", - "setter": "StringSetter" - }, - { - "name": "pageSizePosition", - "title": "每页显示选择器在组件中的位置", - "setter": { - "componentName": "SelectSetter", - "props": { - "dataSource": [ - { - "label": "start", - "value": "start" - },{ - "label": "end", - "value": "end" - } - ] - } - } - }, - { - "name": "hideOnlyOnePage", - "title": "hideOnlyOnePage", - "setter": "BoolSetter" - }, - { - "name": "showJump", - "title": "showJump", - "setter": "BoolSetter" - }, - { - "name": "pageShowCount", - "title": "页码显示的数量", - "setter": "NumberSetter" - } - ] - } - }, - "initialValue": { - "type" : "normal", - "shape" : "arrow-only", - "pageSize" : 10, - "pageSizeSelector" : false, - "pageSizeList" : "5,10,20", - "pageSizePosition" : "end", - "paginationPosition" : "right", - "hideOnlyOnePage" : false, - "showJump" : true - } - } - } - ] - }, - { - "name": "ExpandAndTree", - "title": "可折叠/树形表格", - "type": "group", - "extraProps": { - "display": "entry" - }, - "items": [ - { - "name": "hasExpandedRowCtrl", - "title": "启用折叠", - "setter": "BoolSetter" - }, - { - "name": "isTree", - "title": "启用树形", - "setter": "BoolSetter" - } - ] - }, - { - "name": "TopAction", - "title": "顶部操作选项", - "type": "group", - "extraProps": { - "display": "entry" - }, - "items": [ - { - "name": "showActionBar", - "title": "显示操作条", - "setter": "BoolSetter" - }, - { - "name": "showLinkBar", - "title": "显示外链条", - "setter": "BoolSetter" - }, - { - "name": "showSearch", - "title": "显示搜索", - "setter": "BoolSetter" - }, - { - "name": "searchBarPlaceholder", - "title": "搜索 placeholder", - "setter": "StringSetter" - }, - { - "name": "showCustomColumn", - "title": "显示筛选器", - "setter": "BoolSetter" - } - ] - }, - { - "name": "actionBar", - "title": "操作条", - "setter": { - "componentName": "ArraySetter", - "props": { - "itemSetter": { - "componentName": "ObjectSetter", - "props": { - "config": { - "items": [{ - "name": "title", - "description": "标题", - "setter": "StringSetter", - "defaultValue": "Title" - },{ - "name": "callback", - "description": "callback", - "setter": "FunctionSetter" - }] - } - }, - "initialValue": { - "title": "Title", - "callback": { - "type": "JSFunction", - "value": "function(){}" - } - } - } - } - } - }, - { - "name": "linkBar", - "title": "外链操作条", - "setter": { - "componentName": "ArraySetter", - "props": { - "itemSetter": { - "componentName": "ObjectSetter", - "props": { - "config": { - "items": [{ - "name": "title", - "description": "标题", - "setter": "StringSetter", - "defaultValue": "Title" - },{ - "name": "callback", - "description": "callback", - "propType": "JsonSetter", - "defaultValue": { - "type": "JSFunction", - "value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n })}" - } - }] - } - }, - "initialValue": { - "title": "Title", - "callback": { - "type": "JSFunction", - "value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n })}" - } - } - } - } - } - }, - { - "name": "columns", - "title": "数据列", - "setter": { - "componentName": "ArraySetter", - "props": { - "itemSetter": { - "componentName": "ObjectSetter", - "props": { - "config": { - "items": [ - { - "name": "title", - "description": "列标题", - "setter": "StringSetter" - }, - { - "name": "dataKey", - "description": "列索引", - "setter": "StringSetter" - }, - { - "name": "dataType", - "description": "数据类型", - "setter": { - "componentName": "SelectSetter", - "props": { - "dataSource": [ - { - "label": "text", - "value": "text" - },{ - "label": "timestamp", - "value": "timestamp" - },{ - "label": "cascadeTimestamp", - "value": "cascadeTimestamp" - },{ - "label": "employee", - "value": "employee" - },{ - "label": "money", - "value": "money" - },{ - "label": "moneyRange", - "value": "moneyRange" - } - ] - } - } - }, - { - "name": "editType", - "description": "编辑类型", - "setter": { - "componentName": "SelectSetter", - "props": { - "dataSource": [ - { - "label": "select", - "value": "select" - },{ - "label": "text", - "value": "text" - },{ - "label": "radio", - "value": "radio" - },{ - "label": "date", - "value": "date" - },{ - "label": "employee", - "value": "employee" - } - ] - } - } - } - ] - } - }, - "initialValue": { - "title": "Title", - "dataKey": "Key", - "dataType": "text", - "editType": "text" - } - } - } - } - }, - { - "name": "data", - "title": "数据源", - "setter": { - "componentName": "MixedSetter", - "props": { - "setters": [ - "JsonSetter", - "ExpressionSetter" - ] - } - } - }, - { - "name": "action", - "title": "操作列选项", - "type": "group", - "extraProps": { - "display": "entry" - }, - "items": [ - { - "name": "actionTitle", - "title": "操作列标题", - "setter": "StringSetter" - }, - { - "name": "actionWidth", - "title": "操作列宽度", - "setter": "NumberSetter" - }, - { - "name": "actionType", - "setter": { - "componentName": "RadioGroupSetter", - "props": { - "dataSource": [ - { - "label": "link", - "value": "link" - },{ - "label": "button", - "value": "button" - } - ] - } - } - }, - { - "name": "actionFixed", - "setter": { - "componentName": "RadioGroupSetter", - "props": { - "dataSource": [ - { - "label": "right", - "value": "right" - },{ - "label": "none", - "value": "none" - } - ] - } - } - }, - { - "name": "actionHidden", - "setter": "BoolSetter", - "initialValue": false - } - ] - }, - { - "name": "actionColumn", - "title": "操作列", - "setter": { - "componentName": "ArraySetter", - "props": { - "itemSetter": { - "componentName": "ObjectSetter", - "props": { - "config": { - "items": [{ - "name": "title", - "description": "列标题", - "setter": "StringSetter", - "defaultValue": "Title" - },{ - "name": "callback", - "description": "callback", - "setter": "FunctionSetter" - }] - } - }, - "initialValue": { - "title": "Title", - "callback": { - "type": "JSFunction", - "value": "function(){}" - } - } - } - } - } - } - ] - } - }, - { - "componentName": "Table", - "title": "Table", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Table", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string" - }, - { - "name": "children", - "propType": "string" - }, - { - "name": "pure", - "propType": "bool" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "tableLayout", - "propType": { - "type": "oneOf", - "value": [ - "fixed", - "auto" - ] - } - }, - { - "name": "tableWidth", - "propType": "number" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium" - ] - } - }, - { - "name": "dataSource", - "propType": { - "type": "arrayOf", - "value": "object" - } - }, - { - "name": "entireDataSource", - "propType": "array" - }, - { - "name": "onRowClick", - "propType": "func" - }, - { - "name": "onRowMouseEnter", - "propType": "func" - }, - { - "name": "rowProps", - "propType": "func" - }, - { - "name": "cellProps", - "propType": "func" - }, - { - "name": "hasBorder", - "propType": "bool" - }, - { - "name": "hasHeader", - "propType": "bool" - }, - { - "name": "isZebra", - "propType": "bool" - }, - { - "name": "loading", - "propType": "bool" - }, - { - "name": "filterParams", - "propType": "object" - }, - { - "name": "sort", - "propType": "object" - }, - { - "name": "sortIcons", - "propType": "object" - }, - { - "name": "locale", - "propType": "object" - }, - { - "name": "components", - "propType": "object" - }, - { - "name": "columns", - "propType": { - "type": "arrayOf", - "value": { - "type": "shape", - "value": [{ - "name": "title", - "description": "列标题", - "propType": "string" - },{ - "name": "dataIndex", - "description": "列名称", - "propType": "string" - }] - } - } - }, - { - "name": "emptyContent", - "propType": "node" - }, - { - "name": "primaryKey", - "propType": "string" - }, - { - "name": "lockType", - "propType": { - "type": "oneOf", - "value": [ - "left", - "right" - ] - } - },{ - "name": "style", - "propType": "object" - }, - { - "name": "wrapperContent", - "propType": "any" - }, - { - "name": "refs", - "propType": "object" - }, - { - "name": "expandedRowRender", - "propType": "func" - }, - { - "name": "expandedRowIndent", - "propType": "array" - }, - { - "name": "hasExpandedRowCtrl", - "propType": "bool" - }, - { - "name": "getExpandedColProps", - "propType": "func" - }, - { - "name": "openRowKeys", - "propType": "array" - }, - { - "name": "onRowOpen", - "propType": "func" - }, - { - "name": "onExpandedRowClick", - "propType": "func" - }, - { - "name": "fixedHeader", - "propType": "bool" - }, - { - "name": "rowSelection", - "propType": "object" - }, - { - "name": "stickyHeader", - "propType": "bool" - }, - { - "name": "offsetTop", - "propType": "number" - }, - { - "name": "affixProps", - "propType": "object" - }, - { - "name": "indent", - "propType": "number" - }, - { - "name": "isTree", - "propType": "bool" - }, - { - "name": "useVirtual", - "propType": "bool" - }, - { - "name": "onBodyScroll", - "propType": "func" - }, - { - "name": "expandedIndexSimulate", - "propType": "bool" - }, - { - "name": "crossline", - "propType": "bool" - }, - { - "name": "lengths", - "propType": "object" - } - ], - "configure": { - "props": { - "isExtends": true, - "override": [ - { - "name": "dataSource", - "setter": "JsonSetter" - }, - { - "name": "children", - "setter": { - "componentName": "ArraySetter", - "props": { - "itemSetter": { - "componentName": "ObjectSetter", - "props": { - "config": { - "items": [ - { - "name": "componentName", - "title": "子组件", - "defaultValue": "Table.Column", - "setter": { - "componentName": "StringSetter" - } - }, - { - "name": "props", - "title": "props", - "setter": { - "componentName": "ObjectSetter", - "props": { - "config": { - "items": [ - { - "name": "title", - "setter": { - "componentName": "StringSetter" - } - }, - { - "name": "dataIndex", - "setter": { - "componentName": "StringSetter" - } - } - ] - } - } - } - } - ] - } - } - } - } - }, - "extraProps": { - "defaultValue": "", - "onChange": { - "type": "JSFunction", - "value": "(val, field, editor) => {\n debugger;\n console.log('val', val);//field.nodes[0].children.import(val && {\"componentName\": \"Table.Column\", \"props\": {\"type\": val, \"style\": {\"marginRight\": 5}}}, true); //field.top.setPropValue('children', [{\"componentName\": \"Icon\", \"props\": {\"type\": val}}, (field.top.getPropValue('children') || []).slice(-1)]);\n}" - } - } - } - ] - } - } - }, - { - "componentName": "Table.Column", - "title": "Table.Column", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Table", - "main": "src/index.js", - "destructuring": true, - "subName": "Column" - }, - "props": [ - { - "name": "title", - "propType": "string" - }, - { - "name": "dataIndex", - "propType": "string" - }, - { - "name": "cell", - "propType": "func" - } - ], - "configure": { - "props": { - "isExtends": true, - "override": [{ - "name": "cell", - "setter": { - "componentName": "SlotSetter", - "props": { - "supportParams": true - } - }, - "extraProps": { - "display": "block" - } - }] - } - } - }, - { - "componentName": "Badge", - "title": "Badge", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Badge", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "徽章依托的内容" - }, - { - "name": "count", - "title": "count", - "propType": "string", - "description": "展示的数字，大于 overflowCount 时显示为 ${overflowCount}+，为 0 时默认隐藏", - "defaultValue": 0 - }, - { - "name": "showZero", - "title": "showZero", - "propType": "bool", - "description": "当count为0时，是否显示count", - "defaultValue": true - }, - { - "name": "content", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "自定义节点内容" - }, - { - "name": "overflowCount", - "propType": { - "type": "oneOfType", - "value": [ - "number", - "string" - ] - }, - "description": "展示的封顶的数字", - "defaultValue": 99 - }, - { - "name": "dot", - "propType": "bool", - "description": "不展示数字，只展示一个小红点", - "defaultValue": false - } - ] - }, - { - "componentName": "Balloon", - "title": "Balloon", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Balloon", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "pure", - "propType": "bool", - "defaultValue": false - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "className", - "propType": "string", - "description": "自定义类名" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内敛样式" - }, - { - "name": "type", - "propType": { - "type": "oneOf", - "value": [ - "normal", - "primary" - ] - }, - "description": "样式类型", - "defaultValue": "normal" - }, - { - "name": "visible", - "propType": "bool", - "description": "弹层当前显示的状态" - }, - { - "name": "defaultVisible", - "propType": "bool", - "description": "弹层默认显示的状态", - "defaultValue": false - }, - { - "name": "onVisibleChange", - "propType": "func", - "description": "弹层在显示和隐藏触发的事件\n@param {Boolean} visible 弹层是否隐藏和显示\n@param {String} type 触发弹层显示或隐藏的来源， closeClick 表示由自带的关闭按钮触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" - }, - { - "name": "alignEdge", - "propType": "bool", - "description": "弹出层对齐方式, 是否为边缘对齐", - "defaultValue": false - }, - { - "name": "closable", - "propType": "bool", - "description": "是否显示关闭按钮", - "defaultValue": true - }, - { - "name": "align", - "propType": { - "type": "oneOf", - "value": [ - "t", - "r", - "b", - "l", - "tl", - "tr", - "bl", - "br", - "lt", - "lb", - "rt", - "rb" - ] - }, - "description": "弹出层位置\n@enumdesc 上, 右, 下, 左, 上左, 上右, 下左, 下右, 左上, 左下, 右上, 右下 及其 两两组合", - "defaultValue": "b" - }, - { - "name": "offset", - "propType": { - "type": "arrayOf", - "value": "number" - }, - "description": "弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量\ne.g. [100, 100] 表示往右(RTL 模式下是往左) 、下分布偏移100px", - "defaultValue": [ - 0, - 0 - ] - }, - { - "name": "trigger", - "propType": "node", - "description": "触发元素" - }, - { - "name": "triggerType", - "title": "触发行为", - "propType": { - "type": "oneOf", - "value": [ - "hover", - "click" - ] - }, - "description": "触发行为\n鼠标悬浮, 鼠标点击('hover','click')或者它们组成的数组，如 ['hover', 'click'], 强烈不建议使用'focus'，若弹窗内容有复杂交互请使用click", - "defaultValue": "hover" - }, - { - "name": "onClick", - "propType": "func" - }, - { - "name": "onClose", - "propType": "func", - "description": "任何visible为false时会触发的事件" - }, - { - "name": "onHover", - "propType": "func" - }, - { - "name": "needAdjust", - "propType": "bool", - "description": "是否进行自动位置调整", - "defaultValue": false - }, - { - "name": "delay", - "propType": "number", - "description": "弹层在触发以后的延时显示, 单位毫秒 ms" - }, - { - "name": "afterClose", - "propType": "func", - "description": "浮层关闭后触发的事件, 如果有动画，则在动画结束后触发" - }, - { - "name": "shouldUpdatePosition", - "propType": "bool", - "description": "强制更新定位信息" - }, - { - "name": "autoFocus", - "propType": "bool", - "description": "弹层出现后是否自动focus到内部第一个元素", - "defaultValue": true - }, - { - "name": "followTrigger", - "propType": "bool", - "description": "是否跟随滚动" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Tooltip", - "title": "Tooltip", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Balloon", - "main": "src/index.js", - "destructuring": true, - "subName": "Tooltip" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "description": "样式类名的品牌前缀", - "defaultValue": "next-" - }, - { - "name": "className", - "propType": "string", - "description": "自定义类名" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内联样式" - }, - { - "name": "children", - "propType": "node", - "description": "tooltip的内容" - }, - { - "name": "align", - "propType": { - "type": "oneOf", - "value": [ - "t", - "r", - "b", - "l", - "tl", - "tr", - "bl", - "br", - "lt", - "lb", - "rt", - "rb" - ] - }, - "description": "弹出层位置\n@enumdesc 上, 右, 下, 左, 上左, 上右, 下左, 下右, 左上, 左下, 右上, 右下 及其 两两组合", - "defaultValue": "b" - }, - { - "name": "trigger", - "propType": "node", - "description": "触发元素" - }, - { - "name": "triggerType", - "propType": { - "type": "oneOf", - "value": [ - "hover", - "click" - ] - }, - "description": "触发行为\n鼠标悬浮, 鼠标点击('hover', 'click')或者它们组成的数组，如 ['hover', 'click'], 强烈不建议使用'focus'，若有复杂交互，推荐使用triggerType为click的Balloon组件", - "defaultValue": "hover" - }, - { - "name": "popupStyle", - "propType": "object", - "description": "弹层组件style，透传给Popup" - }, - { - "name": "popupClassName", - "propType": "string", - "description": "弹层组件className，透传给Popup" - }, - { - "name": "popupProps", - "propType": "object", - "description": "弹层组件属性，透传给Popup" - }, - { - "name": "pure", - "propType": "bool", - "description": "是否pure render" - }, - { - "name": "popupContainer", - "propType": "string", - "description": "指定浮层渲染的父节点, 可以为节点id的字符串，也可以返回节点的函数。" - }, - { - "name": "followTrigger", - "propType": "bool", - "description": "是否跟随滚动" - }, - { - "name": "id", - "propType": "string", - "description": "弹层id, 传入值才会支持无障碍" - }, - { - "name": "delay", - "propType": "number", - "description": "如果需要让 Tooltip 内容可被点击，可以设置这个参数，例如 100", - "defaultValue": 0 - } - ] - }, - { - "componentName": "BalloonInner", - "title": "BalloonInner", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Balloon", - "main": "src/index.js", - "destructuring": true, - "subName": "Inner" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "closable", - "propType": "bool", - "defaultValue": true - }, - { - "name": "children", - "propType": "any" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "alignEdge", - "propType": "bool", - "defaultValue": false - }, - { - "name": "onClose", - "propType": "func" - }, - { - "name": "style", - "propType": "any" - }, - { - "name": "align", - "propType": "string", - "defaultValue": "b" - }, - { - "name": "type", - "propType": "string", - "defaultValue": "normal" - }, - { - "name": "isTooltip", - "propType": "bool" - }, - { - "name": "locale", - "propType": "object" - }, - { - "name": "pure", - "propType": "bool", - "defaultValue": false - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Breadcrumb", - "title": "Breadcrumb", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Breadcrumb", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "description": "样式类名的品牌前缀", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "面包屑子节点，需传入 Breadcrumb.Item" - }, - { - "name": "maxNode", - "propType": { - "type": "oneOfType", - "value": [ - "number", - { - "type": "oneOf", - "value": [ - "auto" - ] - } - ] - }, - "description": "面包屑最多显示个数，超出部分会被隐藏, 设置为 auto 会自动根据父元素的宽度适配。", - "defaultValue": 100 - }, - { - "name": "separator", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "分隔符，可以是文本或 Icon" - }, - { - "name": "component", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "func" - ] - }, - "description": "设置标签类型", - "defaultValue": "nav" - }, - { - "name": "className", - "propType": "any" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true - }, - "props": [ - { - "name": "maxNode", - "title": { - "label": "最大节点数", - "tip": "默认 100" - }, - "setter": "NumberSetter" - }, - { - "name": "separator", - "title": "分隔符", - "setter": "StringSetter" - } - ] - } - }, - { - "componentName": "MCBreadcrumb", - "title": "MCBreadcrumb", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "mc-breadcrumb", - "version": "1.0.0", - "exportName": "MCBreadcrumb", - "main": "lib/index.js", - "destructuring": false, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "description": "样式类名的品牌前缀", - "defaultValue": "next-" - }, - { - "name": "title", - "propType": "string", - "description": "标题", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "面包屑子节点，需传入 Breadcrumb.Item" - }, - { - "name": "maxNode", - "propType": { - "type": "oneOfType", - "value": [ - "number", - { - "type": "oneOf", - "value": [ - "auto" - ] - } - ] - }, - "description": "面包屑最多显示个数，超出部分会被隐藏, 设置为 auto 会自动根据父元素的宽度适配。", - "defaultValue": 100 - }, - { - "name": "separator", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "分隔符，可以是文本或 Icon" - }, - { - "name": "component", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "func" - ] - }, - "description": "设置标签类型", - "defaultValue": "nav" - }, - { - "name": "className", - "propType": "any" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true, - "isModel": true, - "rootSelector": "div.MCBreadcrumb" - } - } - }, - { - "componentName": "Breadcrumb.Item", - "title": "Breadcrumb.Item", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Breadcrumb", - "main": "src/index.js", - "destructuring": true, - "subName": "Item" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "children", - "description": "内容", - "propType": "string" - }, - { - "name": "link", - "propType": "string", - "description": "面包屑节点链接，如果设置这个属性，则该节点为`` ，否则是``" - }, - { - "name": "activated", - "propType": "bool" - }, - { - "name": "separator", - "propType": { - "type": "instanceOf", - "value": "node" - } - }, - { - "name": "className", - "propType": "any" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "props": [{ - "name": "children", - "title": "文本内容", - "setter": "StringSetter" - }] - } - }, - { - "componentName": "Button", - "title": "Button", - "icon": "https://img.alicdn.com/tfs/TB1rT0gPQL0gK0jSZFAXXcA9pXa-200-200.svg", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Button", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "children", - "title": "内容", - "propType": "string" - }, - { - "name": "icon", - "propType": "string", - "description": "自定义内联样式" - }, - { - "name": "type", - "title": "类型", - "propType": { - "type": "oneOf", - "value": [ - "primary", - "secondary", - "normal" - ] - }, - "description": "按钮的类型", - "defaultValue": "normal" - }, - { - "name": "size", - "title": "尺寸", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "按钮的尺寸", - "defaultValue": "medium" - }, - { - "name": "iconSize", - "title": "Icon 尺寸", - "propType": { - "type": "oneOf", - "value": [ - "xxs", - "xs", - "small", - "medium", - "large", - "xl", - "xxl", - "xxxl" - ] - }, - "defaultValue": "small", - "description": "按钮中 Icon 的尺寸，用于替代 Icon 的默认大小" - }, - { - "name": "loading", - "title": "loading", - "propType": "bool", - "description": "设置按钮的载入状态", - "defaultValue": false - }, - { - "name": "ghost", - "title": "ghost", - "propType": { - "type": "oneOf", - "value": [ - true, - false, - "light", - "dark" - ] - }, - "description": "是否为幽灵按钮", - "defaultValue": false - }, - { - "name": "text", - "title": "text", - "propType": "bool", - "description": "是否为文本按钮", - "defaultValue": false - }, - { - "name": "warning", - "title": "warning", - "propType": "bool", - "description": "是否为警告按钮", - "defaultValue": false - }, - { - "name": "disabled", - "title": "disabled", - "propType": "bool", - "description": "是否禁用", - "defaultValue": false - }, - { - "name": "onClick", - "title": "onClick", - "propType": "func", - "description": "点击按钮的回调\n@param {Object} e Event Object" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "onMouseUp", - "propType": "func" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内联样式" - } - ], - "configure": { - "props": { - "isExtends": true, - "override": [ - { - "name": "icon", - "setter": "IconSetter", - "extraProps": { - "defaultValue": "", - "onChange": { - "type": "JSFunction", - "value": "(val, field, editor) => {\n field.nodes[0].children.import(val && {\"componentName\": \"Icon\", \"props\": {\"type\": val, \"style\": {\"marginRight\": 5}}}, true); //field.top.setPropValue('children', [{\"componentName\": \"Icon\", \"props\": {\"type\": val}}, (field.top.getPropValue('children') || []).slice(-1)]);\n}" - } - } - }, - { - "name": "children", - "title": { - "label": { - "type": "i18n", - "zh_CN": "文本内容", - "en_US": "content" - }, - "tip": "按钮文本内容" - }, - "setter": { - "componentName": "MixedSetter", - "props": { - "setters": [ - "StringSetter", - "ExpressionSetter" - ] - } - } - } - ] - } - } - }, - { - "componentName": "Button.Group", - "title": "Button.Group", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Button", - "main": "src/index.js", - "destructuring": true, - "subName": "Group" - }, - "props": [ - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "size", - "propType": "string", - "description": "统一设置 Button 组件的按钮大小", - "defaultValue": "medium" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "node" - } - }, - { - "name": "style", - "propType": "object", - "description": "自定义内联样式" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Calendar", - "title": "Calendar", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Calendar", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool", - "defaultValue": false - }, - { - "name": "defaultValue", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "默认选中的日期（moment 对象）" - }, - { - "name": "value", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "选中的日期值 (moment 对象)" - }, - { - "name": "modes", - "propType": { - "type": "instanceOf", - "value": "array" - } - }, - { - "name": "disableChangeMode", - "propType": "bool", - "defaultValue": false - }, - { - "name": "format", - "propType": "string", - "defaultValue": "YYYY-MM-DD" - }, - { - "name": "showOtherMonth", - "propType": "bool", - "description": "是否展示非本月的日期", - "defaultValue": true - }, - { - "name": "defaultVisibleMonth", - "propType": "func", - "description": "默认展示的月份" - }, - { - "name": "shape", - "propType": { - "type": "oneOf", - "value": [ - "card", - "fullscreen", - "panel" - ] - }, - "description": "展现形态", - "defaultValue": "fullscreen" - }, - { - "name": "onSelect", - "propType": "func", - "description": "选择日期单元格时的回调\n@param {Object} value 对应的日期值 (moment 对象)" - }, - { - "name": "onModeChange", - "propType": "func", - "description": "面板模式变化时的回调\n@param {String} mode 对应面板模式 date month year" - }, - { - "name": "onVisibleMonthChange", - "propType": "func", - "description": "展现的月份变化时的回调\n@param {Object} value 显示的月份 (moment 对象)\n@param {String} reason 触发月份改变原因" - }, - { - "name": "className", - "propType": "string", - "description": "自定义样式类" - }, - { - "name": "dateCellRender", - "propType": "func", - "description": "自定义日期渲染函数\n@param {Object} value 日期值（moment对象）\n@returns {ReactNode}" - }, - { - "name": "monthCellRender", - "propType": "func", - "description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}" - }, - { - "name": "yearCellRender", - "propType": "func" - }, - { - "name": "disabledDate", - "propType": "func", - "description": "不可选择的日期\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@returns {Boolean}" - }, - { - "name": "locale", - "propType": "object", - "description": "国际化配置" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "RangeCalendar", - "title": "RangeCalendar", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Calendar", - "main": "src/index.js", - "destructuring": true, - "subName": "RangeCalendar" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "description": "样式前缀", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool", - "defaultValue": false - }, - { - "name": "defaultStartValue", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "默认的开始日期" - }, - { - "name": "defaultEndValue", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "默认的结束日期" - }, - { - "name": "startValue", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "开始日期（moment 对象）" - }, - { - "name": "endValue", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "结束日期（moment 对象）" - }, - { - "name": "disableChangeMode", - "propType": "bool", - "defaultValue": false - }, - { - "name": "format", - "propType": "string", - "defaultValue": "YYYY-MM-DD" - }, - { - "name": "showOtherMonth", - "propType": "bool", - "description": "是否显示非本月的日期", - "defaultValue": false - }, - { - "name": "defaultVisibleMonth", - "propType": "func", - "description": "模板展示的月份（起始月份）" - }, - { - "name": "onVisibleMonthChange", - "propType": "func", - "description": "展现的月份变化时的回调\n@param {Object} value 显示的月份 (moment 对象)\n@param {String} reason 触发月份改变原因" - }, - { - "name": "disabledDate", - "propType": "func", - "description": "不可选择的日期\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@returns {Boolean}" - }, - { - "name": "onSelect", - "propType": "func", - "description": "选择日期单元格时的回调\n@param {Object} value 对应的日期值 (moment 对象)" - }, - { - "name": "dateCellRender", - "propType": "func", - "description": "自定义日期单元格渲染" - }, - { - "name": "monthCellRender", - "propType": "func", - "description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}" - }, - { - "name": "yearCellRender", - "propType": "func" - }, - { - "name": "locale", - "propType": "object" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "props": { - "isExtends": true, - "override": [ - { - "name": "startValue", - "setter": "DateSetter" - }, - { - "name": "defaultStartValue", - "setter": "DateSetter" - }, - { - "name": "defaultEndValue", - "setter": "DateSetter" - }, - { - "name": "endValue", - "setter": "DateSetter" - } - ] - } - } - }, - { - "componentName": "Card", - "title": "Card", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Card", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "title", - "propType": { - "type": "oneOfType", - "value": [ - "node", - "string" - ] - }, - "description": "标题" - }, - { - "name": "subTitle", - "propType": { - "type": "oneOfType", - "value": [ - "node", - "string" - ] - }, - "description": "副标题" - }, - { - "name": "extra", - "propType": { - "type": "oneOfType", - "value": [ - "node", - "string" - ] - }, - "description": "标题栏用户自定义内容" - }, - { - "name": "showTitleBullet", - "propType": "bool", - "description": "标题的项目符号", - "defaultValue": true - }, - { - "name": "showHeadDivider", - "propType": "bool", - "description": "头部分隔线", - "defaultValue": true - }, - { - "name": "contentHeight", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "number" - ] - }, - "description": "内容区域的固定高度", - "defaultValue": 120 - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "rtl", - "propType": "bool", - "description": "文本方向是从右向左" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "CardHeader", - "title": "CardHeader", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Card", - "main": "src/index.js", - "destructuring": true, - "subName": "Header" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "title", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "卡片的标题" - }, - { - "name": "subTitle", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "卡片的副标题" - }, - { - "name": "extra", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "标题区域的用户自定义内容" - }, - { - "name": "component", - "propType": { - "type": "instanceOf", - "value": "elementType" - }, - "description": "设置标签类型", - "defaultValue": "div" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "CardMedia", - "title": "CardMedia", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Card", - "main": "src/index.js", - "destructuring": true, - "subName": "Media" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "component", - "propType": { - "type": "instanceOf", - "value": "elementType" - }, - "description": "设置标签类型", - "defaultValue": "div" - }, - { - "name": "image", - "propType": "string", - "description": "背景图片地址" - }, - { - "name": "src", - "propType": "string", - "description": "媒体源文件地址" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "className", - "propType": "string" - } - ] - }, - { - "componentName": "CardDivider", - "title": "CardDivider", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Card", - "main": "src/index.js", - "destructuring": true, - "subName": "Divider" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "component", - "propType": { - "type": "instanceOf", - "value": "elementType" - }, - "description": "设置标签类型", - "defaultValue": "hr" - }, - { - "name": "inset", - "propType": "bool", - "description": "分割线是否向内缩进" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "CardContent", - "title": "CardContent", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Card", - "main": "src/index.js", - "destructuring": true, - "subName": "Content" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "component", - "propType": { - "type": "instanceOf", - "value": "elementType" - }, - "description": "设置标签类型", - "defaultValue": "div" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "CardActions", - "title": "CardActions", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Card", - "main": "src/index.js", - "destructuring": true, - "subName": "Actions" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "component", - "propType": { - "type": "instanceOf", - "value": "elementType" - }, - "description": "设置标签类型", - "defaultValue": "div" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "CardBulletHeader", - "title": "CardBulletHeader", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Card", - "main": "src/index.js", - "destructuring": true, - "subName": "BulletHeader" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "title", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "卡片的标题" - }, - { - "name": "subTitle", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "卡片的副标题" - }, - { - "name": "showTitleBullet", - "propType": "bool", - "description": "是否显示标题的项目符号", - "defaultValue": true - }, - { - "name": "extra", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "标题区域的用户自定义内容" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "CardCollaspeContent", - "title": "CardCollaspeContent", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Card", - "main": "src/index.js", - "destructuring": true, - "subName": "CollaspeContent" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "contentHeight", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "number" - ] - }, - "description": "内容区域的固定高度", - "defaultValue": 120 - }, - { - "name": "locale", - "propType": "object" - }, - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "node" - } - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Cascader", - "title": "Cascader", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Cascader", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool", - "defaultValue": false - }, - { - "name": "pure", - "propType": "bool", - "defaultValue": false - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "onChange", - "propType": "func", - "description": "选中值改变时触发的回调函数\n@param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组\n@param {Object|Array} data 选中的数据，包括 value 和 label，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点\n@param {Object} extra 额外参数\n@param {Array} extra.selectedPath 单选时选中的数据的路径\n@param {Boolean} extra.checked 多选时当前的操作是选中还是取消选中\n@param {Object} extra.currentData 多选时当前操作的数据\n@param {Array} extra.checkedData 多选时所有被选中的数据\n@param {Array} extra.indeterminateData 多选时半选的数据" - }, - { - "name": "onSelect", - "propType": "func" - }, - { - "name": "expandTriggerType", - "propType": { - "type": "oneOf", - "value": [ - "click", - "hover" - ] - }, - "description": "展开触发的方式", - "defaultValue": "click" - }, - { - "name": "onExpand", - "propType": "func", - "description": "展开时触发的回调函数\n@param {Array} expandedValue 各列展开值的数组" - }, - { - "name": "useVirtual", - "propType": "bool", - "description": "是否开启虚拟滚动", - "defaultValue": false - }, - { - "name": "multiple", - "propType": "bool", - "description": "是否多选", - "defaultValue": false - }, - { - "name": "canOnlySelectLeaf", - "propType": "bool", - "description": "单选时是否只能选中叶子节点", - "defaultValue": false - }, - { - "name": "canOnlyCheckLeaf", - "propType": "bool", - "description": "多选时是否只能选中叶子节点", - "defaultValue": false - }, - { - "name": "checkStrictly", - "propType": "bool", - "description": "父子节点是否选中不关联", - "defaultValue": false - }, - { - "name": "listStyle", - "propType": "object", - "description": "每列列表样式对象" - }, - { - "name": "listClassName", - "propType": "string", - "description": "每列列表类名" - }, - { - "name": "itemRender", - "propType": "func", - "description": "每列列表项渲染函数\n@param {Object} data 数据\n@return {ReactNode} 列表项内容" - }, - { - "name": "loadData", - "propType": "func", - "description": "异步加载数据函数\n@param {Object} data 当前点击异步加载的数据\n@param {Object} source 当前点击数据，source是原始对象" - }, - { - "name": "searchValue", - "propType": "string" - }, - { - "name": "onBlur", - "propType": "func" - }, - { - "name": "filteredPaths", - "propType": { - "type": "instanceOf", - "value": "array" - } - }, - { - "name": "filteredListStyle", - "propType": "object" - }, - { - "name": "resultRender", - "propType": "func" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "dataSource", - "propType": { - "type": "arrayOf", - "value": "object" - }, - "setter": "JsonSetter" - } - ] - }, - { - "componentName": "CascaderSelect", - "title": "CascaderSelect", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "CascaderSelect", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "pure", - "propType": "bool", - "defaultValue": false - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "选择框大小", - "defaultValue": "medium" - }, - { - "name": "placeholder", - "propType": "string", - "description": "选择框占位符" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用", - "defaultValue": false - }, - { - "name": "hasArrow", - "propType": "bool", - "description": "是否有下拉箭头", - "defaultValue": true - }, - { - "name": "hasBorder", - "propType": "bool", - "description": "是否有边框", - "defaultValue": true - }, - { - "name": "hasClear", - "propType": "bool", - "description": "是否有清除按钮", - "defaultValue": false - }, - { - "name": "label", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "自定义内联 label" - }, - { - "name": "readOnly", - "propType": "bool", - "description": "是否只读，只读模式下可以展开弹层但不能选" - }, - { - "name": "onChange", - "propType": "func", - "description": "选中值改变时触发的回调函数\n@param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组\n@param {Object|Array} data 选中的数据，包括 value 和 label，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点\n@param {Object} extra 额外参数\n@param {Array} extra.selectedPath 单选时选中的数据的路径\n@param {Boolean} extra.checked 多选时当前的操作是选中还是取消选中\n@param {Object} extra.currentData 多选时当前操作的数据\n@param {Array} extra.checkedData 多选时所有被选中的数据\n@param {Array} extra.indeterminateData 多选时半选的数据" - }, - { - "name": "expandTriggerType", - "propType": { - "type": "oneOf", - "value": [ - "click", - "hover" - ] - }, - "description": "展开触发的方式", - "defaultValue": "click" - }, - { - "name": "onExpand", - "propType": "func" - }, - { - "name": "useVirtual", - "propType": "bool", - "description": "是否开启虚拟滚动", - "defaultValue": false - }, - { - "name": "multiple", - "propType": "bool", - "description": "是否多选", - "defaultValue": false - }, - { - "name": "changeOnSelect", - "propType": "bool", - "description": "是否选中即发生改变, 该属性仅在单选模式下有效", - "defaultValue": false - }, - { - "name": "canOnlyCheckLeaf", - "propType": "bool", - "description": "是否只能勾选叶子项的checkbox，该属性仅在多选模式下有效", - "defaultValue": false - }, - { - "name": "checkStrictly", - "propType": "bool", - "description": "父子节点是否选中不关联", - "defaultValue": false - }, - { - "name": "listStyle", - "propType": "object", - "description": "每列列表样式对象" - }, - { - "name": "listClassName", - "propType": "string", - "description": "每列列表类名" - }, - { - "name": "displayRender", - "propType": "func", - "description": "选择框单选时展示结果的自定义渲染函数\n@param {Array} label 选中路径的文本数组\n@return {ReactNode} 渲染在选择框中的内容\n@default 单选时：labelPath => labelPath.join(' / ')；多选时：labelPath => labelPath[labelPath.length - 1]" - }, - { - "name": "itemRender", - "propType": "func", - "description": "渲染 item 内容的方法\n@param {Object} item 渲染节点的item\n@return {ReactNode} item node" - }, - { - "name": "showSearch", - "propType": "bool", - "description": "是否显示搜索框", - "defaultValue": false - }, - { - "name": "filter", - "propType": "func", - "description": "自定义搜索函数\n@param {String} searchValue 搜索的关键字\n@param {Array} path 节点路径\n@return {Boolean} 是否匹配\n@default 根据路径所有节点的文本值模糊匹配" - }, - { - "name": "resultRender", - "propType": "func", - "description": "搜索结果自定义渲染函数\n@param {String} searchValue 搜索的关键字\n@param {Array} path 匹配到的节点路径\n@return {ReactNode} 渲染的内容\n@default 按照节点文本 a / b / c 的模式渲染" - }, - { - "name": "resultAutoWidth", - "propType": "bool", - "description": "搜索结果列表是否和选择框等宽", - "defaultValue": true - }, - { - "name": "notFoundContent", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "无数据时显示内容", - "defaultValue": "Not Found" - }, - { - "name": "loadData", - "propType": "func", - "description": "异步加载数据函数\n@param {Object} data 当前点击异步加载的数据" - }, - { - "name": "header", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "自定义下拉框头部" - }, - { - "name": "footer", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "自定义下拉框底部" - }, - { - "name": "defaultVisible", - "propType": "bool", - "description": "初始下拉框是否显示", - "defaultValue": false - }, - { - "name": "visible", - "propType": "bool", - "description": "当前下拉框是否显示" - }, - { - "name": "onVisibleChange", - "propType": "func", - "description": "下拉框显示或关闭时触发事件的回调函数\n@param {Boolean} visible 是否显示\n@param {String} type 触发显示关闭的操作类型, fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" - }, - { - "name": "popupStyle", - "propType": "object", - "description": "下拉框自定义样式对象" - }, - { - "name": "popupClassName", - "propType": "string", - "description": "下拉框样式自定义类名" - }, - { - "name": "popupContainer", - "propType": "any", - "description": "下拉框挂载的容器节点" - }, - { - "name": "popupProps", - "propType": "object", - "description": "透传到 Popup 的属性对象" - }, - { - "name": "followTrigger", - "propType": "bool", - "description": "是否跟随滚动" - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态" - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容\n@param {Array} value 选择值 { label: , value:}" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "dataSource", - "propType": { - "type": "arrayOf", - "value": "object" - }, - "setter": "JsonSetter" - } - ] - }, - { - "componentName": "Checkbox", - "title": "Checkbox", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Checkbox", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "className", - "propType": "string", - "description": "自定义类名" - }, - { - "name": "id", - "propType": "string", - "description": "ID" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内敛样式" - }, - { - "name": "checked", - "propType": "bool", - "description": "选中状态" - }, - { - "name": "defaultChecked", - "propType": "bool", - "description": "默认选中状态", - "defaultValue": false - }, - { - "name": "disabled", - "propType": "bool", - "description": "禁用" - }, - { - "name": "label", - "propType": "string", - "description": "label" - }, - { - "name": "indeterminate", - "propType": "bool", - "description": "中间状态" - }, - { - "name": "defaultIndeterminate", - "propType": "bool", - "description": "默认中间态", - "defaultValue": false - }, - { - "name": "value", - "propType": { - "type": "oneOfType", - "value": [ - "string" - ] - }, - "description": "value" - }, - { - "name": "name", - "propType": "string", - "description": "name" - } - ] - }, - { - "componentName": "CheckboxGroup", - "title": "CheckboxGroup", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Checkbox", - "main": "src/index.js", - "destructuring": true, - "subName": "Group" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "className", - "propType": "string", - "description": "自定义类名" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内敛样式" - }, - { - "name": "disabled", - "propType": "bool", - "description": "整体禁用" - }, - { - "name": "value", - "propType": { - "type": "oneOfType", - "value": [ - { - "type": "instanceOf", - "value": "array" - }, - "string", - "number" - ] - }, - "description": "被选中的值列表" - }, - { - "name": "defaultValue", - "propType": { - "type": "oneOfType", - "value": [ - { - "type": "instanceOf", - "value": "array" - }, - "string", - "number" - ] - }, - "description": "默认被选中的值列表" - }, - { - "name": "onChange", - "propType": "func", - "description": "选中值改变时的事件\n@param {Array} value 选中项列表\n@param {Event} e Dom 事件对象" - }, - { - "name": "itemDirection", - "propType": { - "type": "oneOf", - "value": [ - "hoz", - "ver" - ] - }, - "description": "子项目的排列方式\n- hoz: 水平排列 (default)\n- ver: 垂直排列", - "defaultValue": "hoz" - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态", - "defaultValue": false - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容\n@param {number} value 评分值" - } - ] - }, - { - "componentName": "Collapse", - "title": "Collapse", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Collapse", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "dataSource", - "propType": "Json", - "description": "使用数据模型构建" - }, - { - "name": "defaultExpandedKeys", - "propType": { - "type": "arrayOf", - "value": "string" - }, - "description": "默认展开keys" - }, - { - "name": "expandedKeys", - "propType": { - "type": "arrayOf", - "value": "string" - }, - "description": "受控展开keys" - }, - { - "name": "onExpand", - "propType": "func", - "description": "展开状态发升变化时候的回调" - }, - { - "name": "disabled", - "propType": "bool", - "description": "所有禁用" - }, - { - "name": "className", - "propType": "string", - "description": "扩展class" - }, - { - "name": "style", - "propType": "object", - "description": "组件接受行内样式" - }, - { - "name": "accordion", - "propType": "bool", - "description": "手风琴模式，一次只能打开一个", - "defaultValue": false - }, - { - "name": "rtl", - "propType": "bool" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Collapse.Panel", - "title": "Collapse.Panel", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Collapse", - "main": "src/index.js", - "destructuring": true, - "subName": "Panel" - }, - "props": [ - { - "name": "children", - "propType": "any" - }, - { - "name": "style", - "propType": "object", - "description": "子组件接受行内样式" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁止用户操作" - }, - { - "name": "title", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "标题" - } - ], - "configure": { - "component": { - "nestingRule": { - "parentWhitelist": ["Collapse"] - } - } - } - }, - { - "componentName": "ErrorBoundary", - "title": "ErrorBoundary", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "ConfigProvider", - "main": "src/index.js", - "destructuring": true, - "subName": "ErrorBoundary" - }, - "props": [ - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "element" - } - }, - { - "name": "afterCatch", - "propType": "func", - "description": "捕获错误后的自定义处理, 比如埋点上传\n@param {Object} error 错误\n@param {Object} errorInfo 错误详细信息" - }, - { - "name": "fallbackUI", - "propType": "func", - "description": "捕获错误后的展现 自定义组件\n@param {Object} error 错误\n@param {Object} errorInfo 错误详细信息\n@returns {Element} 捕获错误后的处理" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "DatePicker", - "title": "DatePicker", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "DatePicker", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool", - "defaultValue": false - }, - { - "name": "label", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "输入框内置标签" - }, - { - "name": "state", - "propType": { - "type": "oneOf", - "value": [ - "success", - "loading", - "error" - ] - }, - "description": "输入框状态" - }, - { - "name": "placeholder", - "propType": "string", - "description": "输入提示" - }, - { - "name": "defaultVisibleMonth", - "propType": "func", - "description": "默认展现的月\n@return {MomentObject} 返回包含指定月份的 moment 对象实例" - }, - { - "name": "onVisibleMonthChange", - "propType": "func" - }, - { - "name": "value", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "日期值（受控）moment 对象" - }, - { - "name": "defaultValue", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "初始日期值，moment 对象" - }, - { - "name": "format", - "propType": "string", - "description": "日期值的格式（用于限定用户输入和展示）", - "defaultValue": "YYYY-MM-DD" - }, - { - "name": "showTime", - "propType": { - "type": "oneOfType", - "value": [ - "object", - "bool" - ] - }, - "description": "是否使用时间控件，传入 TimePicker 的属性 { defaultValue, format, ... }", - "defaultValue": false - }, - { - "name": "resetTime", - "propType": "bool", - "description": "每次选择日期时是否重置时间（仅在 showTime 开启时有效）", - "defaultValue": false - }, - { - "name": "disabledDate", - "propType": "func", - "description": "禁用日期函数\n@param {MomentObject} 日期值\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@return {Boolean} 是否禁用" - }, - { - "name": "footerRender", - "propType": "func", - "description": "自定义面板页脚\n@return {Node} 自定义的面板页脚组件" - }, - { - "name": "onChange", - "propType": "func", - "description": "日期值改变时的回调\n@param {MomentObject|String} value 日期值" - }, - { - "name": "onOk", - "propType": "func", - "description": "点击确认按钮时的回调\n@return {MomentObject|String} 日期值" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "输入框尺寸", - "defaultValue": "medium" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用" - }, - { - "name": "hasClear", - "propType": "bool", - "description": "是否显示清空按钮", - "defaultValue": true - }, - { - "name": "visible", - "propType": "bool", - "description": "弹层显示状态" - }, - { - "name": "defaultVisible", - "propType": "bool", - "description": "弹层默认是否显示", - "defaultValue": false - }, - { - "name": "onVisibleChange", - "propType": "func", - "description": "弹层展示状态变化时的回调\n@param {Boolean} visible 弹层是否显示\n@param {String} type 触发弹层显示和隐藏的来源 calendarSelect 表示由日期表盘的选择触发； okBtnClick 表示由确认按钮触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" - }, - { - "name": "popupTriggerType", - "propType": { - "type": "oneOf", - "value": [ - "click", - "hover" - ] - }, - "description": "弹层触发方式", - "defaultValue": "click" - }, - { - "name": "popupAlign", - "propType": "string", - "description": "弹层对齐方式,具体含义见 OverLay文档", - "defaultValue": "tl tl" - }, - { - "name": "popupContainer", - "propType": "any", - "description": "弹层容器\n@param {Element} target 目标元素\n@return {Element} 弹层的容器元素" - }, - { - "name": "popupStyle", - "propType": "object", - "description": "弹层自定义样式" - }, - { - "name": "popupClassName", - "propType": "string", - "description": "弹层自定义样式类" - }, - { - "name": "popupProps", - "propType": "object", - "description": "弹层其他属性" - }, - { - "name": "followTrigger", - "propType": "bool", - "description": "是否跟随滚动" - }, - { - "name": "inputProps", - "propType": "object", - "description": "输入框其他属性" - }, - { - "name": "dateCellRender", - "propType": "func", - "description": "自定义日期渲染函数\n@param {Object} value 日期值（moment对象）\n@returns {ReactNode}" - }, - { - "name": "monthCellRender", - "propType": "func", - "description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}" - }, - { - "name": "yearCellRender", - "propType": "func" - }, - { - "name": "dateInputAriaLabel", - "propType": "string", - "description": "日期输入框的 aria-label 属性" - }, - { - "name": "timeInputAriaLabel", - "propType": "string", - "description": "时间输入框的 aria-label 属性" - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态" - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容\n@param {MomentObject} value 日期" - }, - { - "name": "locale", - "propType": "object" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "name", - "propType": "string" - }, - { - "name": "popupComponent", - "propType": { - "type": "instanceOf", - "value": "elementType" - } - }, - { - "name": "popupContent", - "propType": { - "type": "instanceOf", - "value": "node" - } - }, - { - "name": "disableChangeMode", - "propType": "bool" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "props": { - "isExtends": true, - "override": [ - { - "name": "value", - "setter": "DateSetter" - } - ] - } - } - }, - { - "componentName": "RangePicker", - "title": "RangePicker", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "DatePicker", - "main": "src/index.js", - "destructuring": true, - "subName": "RangePicker" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool", - "defaultValue": false - }, - { - "name": "type", - "propType": { - "type": "oneOf", - "value": [ - "date", - "month", - "year" - ] - }, - "description": "日期范围类型", - "defaultValue": "date" - }, - { - "name": "defaultVisibleMonth", - "propType": "func", - "description": "默认展示的起始月份\n@return {MomentObject} 返回包含指定月份的 moment 对象实例" - }, - { - "name": "onVisibleMonthChange", - "propType": "func" - }, - { - "name": "value", - "propType": { - "type": "instanceOf", - "value": "array" - }, - "description": "日期范围值数组 [moment, moment]" - }, - { - "name": "defaultValue", - "propType": { - "type": "instanceOf", - "value": "array" - }, - "description": "初始的日期范围值数组 [moment, moment]" - }, - { - "name": "format", - "propType": "string", - "description": "日期格式", - "defaultValue": "YYYY-MM-DD" - }, - { - "name": "showTime", - "propType": { - "type": "oneOfType", - "value": [ - "object", - "bool" - ] - }, - "description": "是否使用时间控件，支持传入 TimePicker 的属性", - "defaultValue": false - }, - { - "name": "resetTime", - "propType": "bool", - "description": "每次选择是否重置时间（仅在 showTime 开启时有效）", - "defaultValue": false - }, - { - "name": "disabledDate", - "propType": "func", - "description": "禁用日期函数\n@param {MomentObject} 日期值\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@return {Boolean} 是否禁用" - }, - { - "name": "footerRender", - "propType": "func", - "description": "自定义面板页脚\n@return {Node} 自定义的面板页脚组件" - }, - { - "name": "onChange", - "propType": "func", - "description": "日期范围值改变时的回调 [ MomentObject|String, MomentObject|String ]\n@param {Array} value 日期值" - }, - { - "name": "onOk", - "propType": "func", - "description": "点击确认按钮时的回调 返回开始时间和结束时间`[ MomentObject|String, MomentObject|String ]`\n@return {Array} 日期范围" - }, - { - "name": "label", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "输入框内置标签" - }, - { - "name": "state", - "propType": { - "type": "oneOf", - "value": [ - "error", - "loading", - "success" - ] - }, - "description": "输入框状态" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "输入框尺寸", - "defaultValue": "medium" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用" - }, - { - "name": "hasClear", - "propType": "bool", - "description": "是否显示清空按钮", - "defaultValue": true - }, - { - "name": "visible", - "propType": "bool", - "description": "弹层显示状态" - }, - { - "name": "defaultVisible", - "propType": "bool", - "description": "弹层默认是否显示", - "defaultValue": false - }, - { - "name": "onVisibleChange", - "propType": "func", - "description": "弹层展示状态变化时的回调\n@param {Boolean} visible 弹层是否显示\n@param {String} type 触发弹层显示和隐藏的来源 okBtnClick 表示由确认按钮触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" - }, - { - "name": "popupTriggerType", - "propType": { - "type": "oneOf", - "value": [ - "click", - "hover" - ] - }, - "description": "弹层触发方式", - "defaultValue": "click" - }, - { - "name": "popupAlign", - "propType": "string", - "description": "弹层对齐方式, 具体含义见 OverLay文档", - "defaultValue": "tl tl" - }, - { - "name": "popupContainer", - "propType": "any", - "description": "弹层容器\n@param {Element} target 目标元素\n@return {Element} 弹层的容器元素" - }, - { - "name": "popupStyle", - "propType": "object", - "description": "弹层自定义样式" - }, - { - "name": "popupClassName", - "propType": "string", - "description": "弹层自定义样式类" - }, - { - "name": "popupProps", - "propType": "object", - "description": "弹层其他属性" - }, - { - "name": "followTrigger", - "propType": "bool", - "description": "是否跟随滚动" - }, - { - "name": "inputProps", - "propType": "object", - "description": "输入框其他属性" - }, - { - "name": "dateCellRender", - "propType": "func", - "description": "自定义日期单元格渲染" - }, - { - "name": "monthCellRender", - "propType": "func", - "description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}" - }, - { - "name": "yearCellRender", - "propType": "func" - }, - { - "name": "startDateInputAriaLabel", - "propType": "string", - "description": "开始日期输入框的 aria-label 属性" - }, - { - "name": "startTimeInputAriaLabel", - "propType": "string", - "description": "开始时间输入框的 aria-label 属性" - }, - { - "name": "endDateInputAriaLabel", - "propType": "string", - "description": "结束日期输入框的 aria-label 属性" - }, - { - "name": "endTimeInputAriaLabel", - "propType": "string", - "description": "结束时间输入框的 aria-label 属性" - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态" - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容\n@param {Array} value 日期区间" - }, - { - "name": "disableChangeMode", - "propType": "bool", - "defaultValue": false - }, - { - "name": "ranges", - "propType": "object" - }, - { - "name": "locale", - "propType": "object" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "name", - "propType": "string" - }, - { - "name": "popupComponent", - "propType": { - "type": "instanceOf", - "value": "elementType" - } - }, - { - "name": "popupContent", - "propType": { - "type": "instanceOf", - "value": "node" - } - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "MonthPicker", - "title": "MonthPicker", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "DatePicker", - "main": "src/index.js", - "destructuring": true, - "subName": "MonthPicker" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool", - "defaultValue": false - }, - { - "name": "label", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "输入框内置标签" - }, - { - "name": "state", - "propType": { - "type": "oneOf", - "value": [ - "success", - "loading", - "error" - ] - }, - "description": "输入框状态" - }, - { - "name": "placeholder", - "propType": "string", - "description": "输入提示" - }, - { - "name": "defaultVisibleYear", - "propType": "func", - "description": "默认展现的年\n@return {MomentObject} 返回包含指定年份的 moment 对象实例" - }, - { - "name": "value", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "日期值（受控）moment 对象" - }, - { - "name": "defaultValue", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "初始日期值，moment 对象" - }, - { - "name": "format", - "propType": "string", - "description": "日期值的格式（用于限定用户输入和展示）", - "defaultValue": "YYYY-MM" - }, - { - "name": "disabledDate", - "propType": "func", - "description": "禁用日期函数\n@param {MomentObject} 日期值\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@return {Boolean} 是否禁用" - }, - { - "name": "footerRender", - "propType": "func", - "description": "自定义面板页脚\n@return {Node} 自定义的面板页脚组件" - }, - { - "name": "onChange", - "propType": "func", - "description": "日期值改变时的回调\n@param {MomentObject|String} value 日期值" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "输入框尺寸", - "defaultValue": "medium" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用" - }, - { - "name": "hasClear", - "propType": "bool", - "description": "是否显示清空按钮", - "defaultValue": true - }, - { - "name": "visible", - "propType": "bool", - "description": "弹层显示状态" - }, - { - "name": "defaultVisible", - "propType": "bool", - "description": "弹层默认是否显示" - }, - { - "name": "onVisibleChange", - "propType": "func", - "description": "弹层展示状态变化时的回调\n@param {Boolean} visible 弹层是否显示\n@param {String} type 触发弹层显示和隐藏的来源 calendarSelect 表示由日期表盘的选择触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" - }, - { - "name": "popupTriggerType", - "propType": { - "type": "oneOf", - "value": [ - "click", - "hover" - ] - }, - "description": "弹层触发方式", - "defaultValue": "click" - }, - { - "name": "popupAlign", - "propType": "string", - "description": "弹层对齐方式, 具体含义见 OverLay文档", - "defaultValue": "tl tl" - }, - { - "name": "popupContainer", - "propType": "any", - "description": "弹层容器\n@param {Element} target 目标元素\n@return {Element} 弹层的容器元素" - }, - { - "name": "popupStyle", - "propType": "object", - "description": "弹层自定义样式" - }, - { - "name": "popupClassName", - "propType": "string", - "description": "弹层自定义样式类" - }, - { - "name": "popupProps", - "propType": "object", - "description": "弹层其他属性" - }, - { - "name": "followTrigger", - "propType": "bool", - "description": "是否跟随滚动" - }, - { - "name": "inputProps", - "propType": "object", - "description": "输入框其他属性" - }, - { - "name": "monthCellRender", - "propType": "func", - "description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}" - }, - { - "name": "yearCellRender", - "propType": "func" - }, - { - "name": "dateInputAriaLabel", - "propType": "string", - "description": "日期输入框的 aria-label 属性" - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态" - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容\n@param {MomentObject} value 月份" - }, - { - "name": "locale", - "propType": "object" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "name", - "propType": "string" - }, - { - "name": "popupComponent", - "propType": { - "type": "instanceOf", - "value": "elementType" - } - }, - { - "name": "popupContent", - "propType": { - "type": "instanceOf", - "value": "node" - } - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "YearPicker", - "title": "YearPicker", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "DatePicker", - "main": "src/index.js", - "destructuring": true, - "subName": "YearPicker" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool", - "defaultValue": false - }, - { - "name": "label", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "输入框内置标签" - }, - { - "name": "state", - "propType": { - "type": "oneOf", - "value": [ - "success", - "loading", - "error" - ] - }, - "description": "输入框状态" - }, - { - "name": "placeholder", - "propType": "string", - "description": "输入提示" - }, - { - "name": "value", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "日期值（受控）moment 对象" - }, - { - "name": "defaultValue", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "初始日期值，moment 对象" - }, - { - "name": "format", - "propType": "string", - "description": "日期值的格式（用于限定用户输入和展示）", - "defaultValue": "YYYY" - }, - { - "name": "disabledDate", - "propType": "func", - "description": "禁用日期函数\n@param {MomentObject} 日期值\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@return {Boolean} 是否禁用" - }, - { - "name": "footerRender", - "propType": "func", - "description": "自定义面板页脚\n@return {Node} 自定义的面板页脚组件" - }, - { - "name": "onChange", - "propType": "func", - "description": "日期值改变时的回调\n@param {MomentObject|String} value 日期值" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "输入框尺寸", - "defaultValue": "medium" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用" - }, - { - "name": "hasClear", - "propType": "bool", - "description": "是否显示清空按钮", - "defaultValue": true - }, - { - "name": "visible", - "propType": "bool", - "description": "弹层显示状态" - }, - { - "name": "defaultVisible", - "propType": "bool", - "description": "弹层默认是否显示" - }, - { - "name": "onVisibleChange", - "propType": "func", - "description": "弹层展示状态变化时的回调\n@param {Boolean} visible 弹层是否显示\n@param {String} reason 触发弹层显示和隐藏的来源 calendarSelect 表示由日期表盘的选择触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" - }, - { - "name": "popupTriggerType", - "propType": { - "type": "oneOf", - "value": [ - "click", - "hover" - ] - }, - "description": "弹层触发方式", - "defaultValue": "click" - }, - { - "name": "popupAlign", - "propType": "string", - "description": "弹层对齐方式, 具体含义见 OverLay文档", - "defaultValue": "tl tl" - }, - { - "name": "popupContainer", - "propType": "any", - "description": "弹层容器\n@param {Element} target 目标元素\n@return {Element} 弹层的容器元素" - }, - { - "name": "popupStyle", - "propType": "object", - "description": "弹层自定义样式" - }, - { - "name": "popupClassName", - "propType": "string", - "description": "弹层自定义样式类" - }, - { - "name": "popupProps", - "propType": "object", - "description": "弹层其他属性" - }, - { - "name": "followTrigger", - "propType": "bool", - "description": "是否跟随滚动" - }, - { - "name": "inputProps", - "propType": "object", - "description": "输入框其他属性" - }, - { - "name": "yearCellRender", - "propType": "func" - }, - { - "name": "dateInputAriaLabel", - "propType": "string", - "description": "日期输入框的 aria-label 属性" - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态" - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容\n@param {MomentObject} value 年份" - }, - { - "name": "locale", - "propType": "object" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "name", - "propType": "string" - }, - { - "name": "popupComponent", - "propType": { - "type": "instanceOf", - "value": "elementType" - } - }, - { - "name": "popupContent", - "propType": { - "type": "instanceOf", - "value": "node" - } - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "WeekPicker", - "title": "WeekPicker", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "DatePicker", - "main": "src/index.js", - "destructuring": true, - "subName": "WeekPicker" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool", - "defaultValue": false - }, - { - "name": "label", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "输入框内置标签" - }, - { - "name": "state", - "propType": { - "type": "oneOf", - "value": [ - "success", - "loading", - "error" - ] - }, - "description": "输入框状态" - }, - { - "name": "placeholder", - "propType": "string", - "description": "输入提示" - }, - { - "name": "defaultVisibleMonth", - "propType": "func", - "description": "默认展现的月\n@return {MomentObject} 返回包含指定月份的 moment 对象实例" - }, - { - "name": "onVisibleMonthChange", - "propType": "func" - }, - { - "name": "value", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "日期值（受控）moment 对象" - }, - { - "name": "defaultValue", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "初始日期值，moment 对象" - }, - { - "name": "format", - "propType": "string", - "description": "日期值的格式（用于限定用户输入和展示）", - "defaultValue": "YYYY-wo" - }, - { - "name": "disabledDate", - "propType": "func", - "description": "禁用日期函数\n@param {MomentObject} 日期值\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@return {Boolean} 是否禁用" - }, - { - "name": "footerRender", - "propType": "func", - "description": "自定义面板页脚\n@return {Node} 自定义的面板页脚组件" - }, - { - "name": "onChange", - "propType": "func", - "description": "日期值改变时的回调\n@param {MomentObject|String} value 日期值" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "输入框尺寸", - "defaultValue": "medium" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用" - }, - { - "name": "hasClear", - "propType": "bool", - "description": "是否显示清空按钮", - "defaultValue": true - }, - { - "name": "visible", - "propType": "bool", - "description": "弹层显示状态" - }, - { - "name": "defaultVisible", - "propType": "bool", - "description": "弹层默认是否显示", - "defaultValue": false - }, - { - "name": "onVisibleChange", - "propType": "func", - "description": "弹层展示状态变化时的回调\n@param {Boolean} visible 弹层是否显示\n@param {String} type 触发弹层显示和隐藏的来源 calendarSelect 表示由日期表盘的选择触发； okBtnClick 表示由确认按钮触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" - }, - { - "name": "popupTriggerType", - "propType": { - "type": "oneOf", - "value": [ - "click", - "hover" - ] - }, - "description": "弹层触发方式", - "defaultValue": "click" - }, - { - "name": "popupAlign", - "propType": "string", - "description": "弹层对齐方式,具体含义见 OverLay文档", - "defaultValue": "tl tl" - }, - { - "name": "popupContainer", - "propType": "any", - "description": "弹层容器\n@param {Element} target 目标元素\n@return {Element} 弹层的容器元素" - }, - { - "name": "popupStyle", - "propType": "object", - "description": "弹层自定义样式" - }, - { - "name": "popupClassName", - "propType": "string", - "description": "弹层自定义样式类" - }, - { - "name": "popupProps", - "propType": "object", - "description": "弹层其他属性" - }, - { - "name": "followTrigger", - "propType": "bool", - "description": "是否跟随滚动" - }, - { - "name": "inputProps", - "propType": "object", - "description": "输入框其他属性" - }, - { - "name": "dateCellRender", - "propType": "func", - "description": "自定义日期渲染函数\n@param {Object} value 日期值（moment对象）\n@returns {ReactNode}" - }, - { - "name": "monthCellRender", - "propType": "func", - "description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}" - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态" - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容\n@param {MomentObject} value 年份" - }, - { - "name": "yearCellRender", - "propType": "func" - }, - { - "name": "locale", - "propType": "object" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "name", - "propType": "string" - }, - { - "name": "popupComponent", - "propType": { - "type": "instanceOf", - "value": "elementType" - } - }, - { - "name": "popupContent", - "propType": { - "type": "instanceOf", - "value": "node" - } - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Dialog", - "title": "Dialog", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Dialog", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "visible", - "propType": { - "type": "oneOfType", - "value": [ - "JSExpression", - "bool" - ] - }, - "description": "是否显示", - "defaultValue": false - }, - { - "name": "title", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "node" - ] - }, - "description": "标题" - }, - { - "name": "children", - "propType": { - "type": "oneOfType", - "value": [ - "bool", - { - "type": "instanceOf", - "value": "node" - } - ] - }, - "description": "内容" - }, - { - "name": "footer", - "propType": { - "type": "oneOfType", - "value": [ - "bool" - ] - }, - "description": "底部按钮" - }, - { - "name": "footerAlign", - "propType": { - "type": "oneOf", - "value": [ - "left", - "center", - "right" - ] - }, - "description": "操作对齐方式", - "defaultValue": "right" - }, - { - "name": "closeable", - "propType": { - "type": "oneOf", - "value": [ - "close", - "mask", - "esc,close", - "close,esc,mask", - "esc" - ] - }, - "description": "关闭方式", - "defaultValue": "esc,close" - }, - { - "name": "onClose", - "propType": "func", - "description": "对话框关闭时触发的回调函数\n@param {String} trigger 关闭触发行为的描述字符串\n@param {Object} event 关闭时事件对象" - }, - { - "name": "hasMask", - "propType": "bool", - "description": "是否显示遮罩", - "defaultValue": true - }, - { - "name": "animation", - "propType": { - "type": "oneOfType", - "value": [ - "object", - "bool" - ] - }, - "description": "显示隐藏时动画的播放方式\n@property {String} in 进场动画\n@property {String} out 出场动画" - }, - { - "name": "autoFocus", - "propType": "bool", - "description": "是否获得焦点", - "defaultValue": false - }, - { - "name": "isFullScreen", - "propType": "bool", - "description": "是否全屏", - "defaultValue": false - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true, - "isModel": true, - "rootSelector": "div.next-dialog" - } - } - }, - { - "componentName": "Inner", - "title": "Inner", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Dialog", - "main": "src/index.js", - "destructuring": true, - "subName": "Inner" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "title", - "propType": { - "type": "instanceOf", - "value": "node" - } - }, - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "node" - } - }, - { - "name": "footer", - "propType": { - "type": "oneOfType", - "value": [ - "bool", - { - "type": "instanceOf", - "value": "node" - } - ] - } - }, - { - "name": "footerAlign", - "propType": { - "type": "oneOf", - "value": [ - "left", - "center", - "right" - ] - }, - "defaultValue": "right" - }, - { - "name": "footerActions", - "propType": { - "type": "instanceOf", - "value": "array" - }, - "defaultValue": [ - "ok", - "cancel" - ] - }, - { - "name": "onOk", - "propType": "func" - }, - { - "name": "onCancel", - "propType": "func" - }, - { - "name": "okProps", - "propType": "object" - }, - { - "name": "cancelProps", - "propType": "object" - }, - { - "name": "closeable", - "propType": "bool", - "defaultValue": true - }, - { - "name": "onClose", - "propType": "func" - }, - { - "name": "locale", - "propType": "object" - }, - { - "name": "role", - "propType": "string", - "defaultValue": "dialog" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "height", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Dropdown", - "title": "Dropdown", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Dropdown", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "pure", - "propType": "bool", - "defaultValue": false - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "弹层内容" - }, - { - "name": "visible", - "propType": "bool", - "description": "弹层当前是否显示" - }, - { - "name": "defaultVisible", - "propType": "bool", - "description": "弹层默认是否显示", - "defaultValue": false - }, - { - "name": "onVisibleChange", - "propType": "func", - "description": "弹层显示或隐藏时触发的回调函数\n@param {Boolean} visible 弹层是否显示\n@param {String} type 触发弹层显示或隐藏的来源 fromContent 表示由Dropdown内容触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" - }, - { - "name": "trigger", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "触发弹层显示或者隐藏的元素" - }, - { - "name": "triggerType", - "propType": { - "type": "oneOfType", - "value": [ - "string", - { - "type": "instanceOf", - "value": "array" - } - ] - }, - "description": "触发弹层显示或隐藏的操作类型，可以是 'click'，'hover'，或者它们组成的数组，如 ['hover', 'click']", - "defaultValue": "hover" - }, - { - "name": "disabled", - "propType": "bool", - "description": "设置此属性，弹层无法显示或隐藏", - "defaultValue": false - }, - { - "name": "align", - "propType": "string", - "description": "弹层相对于触发元素的定位, 详见 Overlay 的定位部分", - "defaultValue": "tl bl" - }, - { - "name": "offset", - "propType": { - "type": "instanceOf", - "value": "array" - }, - "description": "弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量\ne.g. [100, 100] 表示往右(RTL 模式下是往左) 、下分布偏移100px", - "defaultValue": [ - 0, - 0 - ] - }, - { - "name": "delay", - "propType": "number", - "description": "弹层显示或隐藏的延时时间（以毫秒为单位），在 triggerType 被设置为 hover 时生效", - "defaultValue": 200 - }, - { - "name": "autoFocus", - "propType": "bool", - "description": "弹层打开时是否让其中的元素自动获取焦点" - }, - { - "name": "hasMask", - "propType": "bool", - "description": "是否显示遮罩", - "defaultValue": false - }, - { - "name": "cache", - "propType": "bool", - "description": "隐藏时是否保留子节点", - "defaultValue": false - }, - { - "name": "animation", - "propType": { - "type": "oneOfType", - "value": [ - "object", - "bool" - ] - }, - "description": "配置动画的播放方式，支持 { in: 'enter-class', out: 'leave-class' } 的对象参数，如果设置为 false，则不播放动画\n@default { in: 'expandInDown', out: 'expandOutUp' }" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Form", - "title": "Form", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Form", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "inline", - "propType": "bool", - "description": "内联表单" - }, - { - "name": "size", - "title": { - "label": "Size", - "tip": "单个 Item 的 size 自定义，优先级高于 Form 的 size, 并且当组件与 Item 一起使用时，组件自身设置 size 属性无效。\n@enumdesc 大, 中, 小" - }, - "propType": { - "type": "oneOf", - "value": [ - "large", - "medium", - "small" - ] - }, - "description": "单个 Item 的 size 自定义，优先级高于 Form 的 size, 并且当组件与 Item 一起使用时，组件自身设置 size 属性无效。\n@enumdesc 大, 中, 小", - "defaultValue": "medium" - }, - { - "name": "fullWidth", - "propType": "bool", - "description": "单个 Item 中表单类组件宽度是否是100%" - }, - { - "name": "labelAlign", - "title": { - "label": "标签的位置", - "tip": "上, 左, 内" - }, - "propType": { - "type": "oneOf", - "value": [ - "top", - "left", - "inset" - ] - }, - "description": "标签的位置\n@enumdesc 上, 左, 内", - "defaultValue": "left" - }, - { - "name": "labelTextAlign", - "propType": { - "type": "oneOf", - "value": [ - "left", - "right" - ] - }, - "description": "标签的左右对齐方式\n@enumdesc 左, 右" - }, - { - "name": "onSubmit", - "propType": "func", - "description": "form内有 `htmlType=\"submit\"` 的元素的时候会触发" - }, - { - "name": "className", - "propType": "string", - "description": "扩展class" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内联样式" - }, - { - "name": "value", - "propType": { - "type": "oneOfType", - "value": [ - "Json", - "JSExpression" - ] - }, - "description": "表单数值" - }, - { - "name": "onChange", - "propType": "func", - "description": "表单变化回调\n@param {Object} values 表单数据\n@param {Object} item 详细\n@param {String} item.name 变化的组件名\n@param {String} item.value 变化的数据\n@param {Object} item.field field 实例" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "device", - "propType": { - "type": "oneOf", - "value": [ - "phone", - "tablet", - "desktop" - ] - }, - "description": "预设屏幕宽度", - "defaultValue": "desktop" - }, - { - "name": "responsive", - "propType": "bool", - "description": "是否开启内置的响应式布局 （使用ResponsiveGrid）" - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否开启预览态" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Form.Item", - "title": "Form.Item", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Form", - "main": "src/index.js", - "destructuring": true, - "subName": "Item" - }, - "props": [ - { - "name": "id", - "propType": "string" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "label", - "propType": "string", - "description": "标签" - }, - { - "name": "labelCol", - "propType": { - "type": "shape", - "value": [{ - "name": "span", - "description": "span", - "propType": "number" - },{ - "name": "offset", - "description": "offset", - "propType": "number" - }] - }, - "description": "label 标签布局，通 `` 组件，设置 span offset 值，如 {span: 8, offset: 16}，该项仅在垂直表单有效" - }, - { - "name": "wrapperCol", - "propType": { - "type": "shape", - "value": [{ - "name": "span", - "description": "span", - "propType": "number" - },{ - "name": "offset", - "description": "offset", - "propType": "number" - }] - }, - "description": "需要为输入控件设置布局样式时，使用该属性，用法同 labelCol" - }, - { - "name": "help", - "title": { - "label": "自定义提示信息", - "tip": "如不设置，则会根据校验规则自动生成." - }, - "propType": "string", - "description": "自定义提示信息，如不设置，则会根据校验规则自动生成." - }, - { - "name": "extra", - "title": { - "label": "额外的提示信息", - "tip": "和 help 类似，当需要错误信息和提示文案同时出现时，可以使用这个。 位于错误信息后面" - }, - "propType": "string", - "description": "额外的提示信息，和 help 类似，当需要错误信息和提示文案同时出现时，可以使用这个。 位于错误信息后面" - }, - { - "name": "validateState", - "title": { - "label": "校验状态", - "tip": "如不设置，则会根据校验规则自动生成\n@enumdesc 失败, 成功, 校验中, 警告" - }, - "propType": { - "type": "oneOf", - "value": [ - "error", - "success", - "loading", - "warning" - ] - }, - "description": "校验状态，如不设置，则会根据校验规则自动生成\n@enumdesc 失败, 成功, 校验中, 警告" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内联样式" - }, - { - "name": "size", - "title": { - "label": "Size", - "tip": "单个 Item 的 size 自定义，优先级高于 Form 的 size, 并且当组件与 Item 一起使用时，组件自身设置 size 属性无效。" - }, - "propType": { - "type": "oneOf", - "value": [ - "large", - "small", - "medium" - ] - }, - "description": "单个 Item 的 size 自定义，优先级高于 Form 的 size, 并且当组件与 Item 一起使用时，组件自身设置 size 属性无效。" - }, - { - "name": "fullWidth", - "title": { - "label": "fullWidth", - "tip": "单个 Item 中表单类组件宽度是否是100%" - }, - "propType": "bool", - "description": "单个 Item 中表单类组件宽度是否是100%" - }, - { - "name": "labelAlign", - "title": { - "label": "标签的位置", - "tip": "上, 左, 内" - }, - "propType": { - "type": "oneOf", - "value": [ - "top", - "left", - "inset" - ] - }, - "description": "标签的位置\n@enumdesc 上, 左, 内" - }, - { - "name": "labelTextAlign", - "title": { - "label": "标签的左右对齐方式", - "tip": "左, 右" - }, - "propType": { - "type": "oneOf", - "value": [ - "left", - "right" - ] - }, - "description": "标签的左右对齐方式\n@enumdesc 左, 右" - }, - { - "name": "className", - "propType": "string", - "description": "扩展class" - }, - { - "name": "required", - "title": { - "label": "不能为空", - "tip": "[表单校验] 不能为空" - }, - "propType": "bool", - "description": "[表单校验] 不能为空" - }, - { - "name": "requiredMessage", - "title": { - "label": "自定义错误信息", - "tip": "[表单校验]为空时自定义错误信息" - }, - "propType": "string", - "description": "required 自定义错误信息" - }, - { - "name": "min", - "title": { - "label": "最小值", - "tip": "[表单校验] 最小值" - }, - "propType": "number", - "description": "[表单校验] 最小值" - }, - { - "name": "max", - "title": { - "label": "最大值", - "tip": "[表单校验] 最大值" - }, - "propType": "number", - "description": "[表单校验] 最大值" - }, - { - "name": "minmaxMessage", - "title": { - "label": "min/max message", - "tip": "[表单校验] min/max 自定义错误信息" - }, - "propType": "string", - "description": "min/max 自定义错误信息" - }, - { - "name": "minLength", - "title": { - "label": "最小长度", - "tip": "[表单校验] 字符串最小长度 / 数组最小个数" - }, - "propType": "number", - "description": "[表单校验] 字符串最小长度 / 数组最小个数" - }, - { - "name": "maxLength", - "title": { - "label": "最大长度", - "tip": "[表单校验] 字符串最大长度 / 数组最大个数" - }, - "propType": "number", - "description": "[表单校验] 字符串最大长度 / 数组最大个数" - }, - { - "name": "minmaxLengthMessage", - "title": { - "label": "max|min length error message", - "tip": "[表单校验] minLength/maxLength 自定义错误信息" - }, - "propType": "string", - "description": "minLength/maxLength 自定义错误信息" - }, - { - "name": "length", - "title": { - "label": "长度", - "tip": "[表单校验] 字符串精确长度 / 数组精确个数" - }, - "propType": "number", - "description": "[表单校验] 字符串精确长度 / 数组精确个数" - }, - { - "name": "lengthMessage", - "title": { - "label": "length error message", - "tip": "[表单校验] minLength/maxLength 自定义错误信息" - }, - "propType": "string", - "description": "length 自定义错误信息" - }, - { - "name": "pattern", - "title": { - "label": "正则", - "tip": "[表单校验] 正则校验" - }, - "propType": "string", - "description": "正则校验" - }, - { - "name": "patternMessage", - "title": { - "label": "pattern error message", - "tip": "[表单校验] pattern 自定义错误信息" - }, - "propType": "string", - "description": "pattern 自定义错误信息" - }, - { - "name": "format", - "title": { - "label": "format", - "tip": "[表单校验] 四种常用的 pattern" - }, - "propType": { - "type": "oneOf", - "value": [ - "number", - "email", - "url", - "tel" - ] - }, - "description": "[表单校验] 四种常用的 pattern" - }, - { - "name": "formatMessage", - "title": { - "label": "format error message", - "tip": "[表单校验] format 自定义错误信息" - }, - "propType": "string", - "description": "format 自定义错误信息" - }, - { - "name": "validator", - "propType": "func", - "description": "[表单校验] 自定义校验函数" - }, - { - "name": "autoValidate", - "propType": "bool", - "description": "是否修改数据时自动触发校验" - }, - { - "name": "device", - "propType": { - "type": "oneOf", - "value": [ - "phone", - "tablet", - "desktop" - ] - }, - "description": "预设屏幕宽度" - }, - { - "name": "responsive", - "propType": "bool" - }, - { - "name": "colSpan", - "propType": "number", - "description": "在响应式布局模式下，表单项占多少列" - }, - { - "name": "labelWidth", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "number" - ] - }, - "description": "在响应式布局下，且label在左边时，label的宽度是多少", - "defaultValue": 100 - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否开启预览态" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Form.Submit", - "title": "Form.Submit", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Form", - "main": "src/index.js", - "destructuring": true, - "subName": "Submit" - }, - "props": [ - { - "name": "onClick", - "propType": "func", - "description": "点击提交后触发\n@param {Object} value 数据\n@param {Object} errors 错误数据\n@param {class} field 实例" - }, - { - "name": "validate", - "propType": { - "type": "oneOfType", - "value": [ - "bool", - { - "type": "instanceOf", - "value": "array" - } - ] - }, - "description": "是否校验/需要校验的 name 数组" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "children", - "title": "内容", - "propType": "string" - }, - { - "name": "icon", - "propType": "string", - "description": "自定义内联样式" - }, - { - "name": "type", - "title": "类型", - "propType": { - "type": "oneOf", - "value": [ - "primary", - "secondary", - "normal" - ] - }, - "description": "按钮的类型", - "defaultValue": "normal" - }, - { - "name": "size", - "title": "尺寸", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "按钮的尺寸", - "defaultValue": "medium" - }, - { - "name": "iconSize", - "title": "Icon 尺寸", - "propType": { - "type": "oneOf", - "value": [ - "xxs", - "xs", - "small", - "medium", - "large", - "xl", - "xxl", - "xxxl" - ] - }, - "defaultValue": "small", - "description": "按钮中 Icon 的尺寸，用于替代 Icon 的默认大小" - }, - { - "name": "loading", - "title": "loading", - "propType": "bool", - "description": "设置按钮的载入状态", - "defaultValue": false - }, - { - "name": "ghost", - "title": "ghost", - "propType": { - "type": "oneOf", - "value": [ - true, - false, - "light", - "dark" - ] - }, - "description": "是否为幽灵按钮", - "defaultValue": false - }, - { - "name": "text", - "title": "text", - "propType": "bool", - "description": "是否为文本按钮", - "defaultValue": false - }, - { - "name": "warning", - "title": "warning", - "propType": "bool", - "description": "是否为警告按钮", - "defaultValue": false - }, - { - "name": "disabled", - "title": "disabled", - "propType": "bool", - "description": "是否禁用", - "defaultValue": false - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "onMouseUp", - "propType": "func" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内联样式" - } - ], - "configure": { - "props": { - "isExtends": true, - "override": [ - { - "name": "icon", - "setter": "IconSetter", - "extraProps": { - "defaultValue": "", - "onChange": { - "type": "JSFunction", - "value": "(val, field, editor) => {\n field.nodes[0].children.import(val && {\"componentName\": \"Icon\", \"props\": {\"type\": val, \"style\": {\"marginRight\": 5}}}, true); //field.top.setPropValue('children', [{\"componentName\": \"Icon\", \"props\": {\"type\": val}}, (field.top.getPropValue('children') || []).slice(-1)]);\n}" - } - } - }, - { - "name": "children", - "title": { - "label": { - "type": "i18n", - "zh_CN": "文本内容", - "en_US": "content" - }, - "tip": "按钮文本内容" - }, - "setter": { - "componentName": "MixedSetter", - "props": { - "setters": [ - "StringSetter", - "ExpressionSetter" - ] - } - } - } - ] - } - } - }, - { - "componentName": "Form.Reset", - "title": "Form.Reset", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Form", - "main": "src/index.js", - "destructuring": true, - "subName": "Reset" - }, - "props": [ - { - "name": "onClick", - "propType": "func", - "description": "点击提交后触发" - }, - { - "name": "toDefault", - "propType": "bool", - "description": "返回默认值" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "children", - "title": "内容", - "propType": "string" - }, - { - "name": "icon", - "propType": "string", - "description": "自定义内联样式" - }, - { - "name": "type", - "title": "类型", - "propType": { - "type": "oneOf", - "value": [ - "primary", - "secondary", - "normal" - ] - }, - "description": "按钮的类型", - "defaultValue": "normal" - }, - { - "name": "size", - "title": "尺寸", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "按钮的尺寸", - "defaultValue": "medium" - }, - { - "name": "iconSize", - "title": "Icon 尺寸", - "propType": { - "type": "oneOf", - "value": [ - "xxs", - "xs", - "small", - "medium", - "large", - "xl", - "xxl", - "xxxl" - ] - }, - "defaultValue": "small", - "description": "按钮中 Icon 的尺寸，用于替代 Icon 的默认大小" - }, - { - "name": "loading", - "title": "loading", - "propType": "bool", - "description": "设置按钮的载入状态", - "defaultValue": false - }, - { - "name": "ghost", - "title": "ghost", - "propType": { - "type": "oneOf", - "value": [ - true, - false, - "light", - "dark" - ] - }, - "description": "是否为幽灵按钮", - "defaultValue": false - }, - { - "name": "text", - "title": "text", - "propType": "bool", - "description": "是否为文本按钮", - "defaultValue": false - }, - { - "name": "warning", - "title": "warning", - "propType": "bool", - "description": "是否为警告按钮", - "defaultValue": false - }, - { - "name": "disabled", - "title": "disabled", - "propType": "bool", - "description": "是否禁用", - "defaultValue": false - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "onMouseUp", - "propType": "func" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内联样式" - } - ], - "configure": { - "props": { - "isExtends": true, - "override": [ - { - "name": "icon", - "setter": "IconSetter", - "extraProps": { - "defaultValue": "", - "onChange": { - "type": "JSFunction", - "value": "(val, field, editor) => {\n field.nodes[0].children.import(val && {\"componentName\": \"Icon\", \"props\": {\"type\": val, \"style\": {\"marginRight\": 5}}}, true); //field.top.setPropValue('children', [{\"componentName\": \"Icon\", \"props\": {\"type\": val}}, (field.top.getPropValue('children') || []).slice(-1)]);\n}" - } - } - }, - { - "name": "children", - "title": { - "label": { - "type": "i18n", - "zh_CN": "文本内容", - "en_US": "content" - }, - "tip": "按钮文本内容" - }, - "setter": { - "componentName": "MixedSetter", - "props": { - "setters": [ - "StringSetter", - "ExpressionSetter" - ] - } - } - } - ] - } - } - }, - { - "componentName": "Form.Error", - "title": "Form.Error", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Form", - "main": "src/index.js", - "destructuring": true, - "subName": "Error" - }, - "props": [ - { - "name": "name", - "propType": { - "type": "oneOfType", - "value": [ - "string", - { - "type": "instanceOf", - "value": "array" - } - ] - }, - "description": "表单名" - }, - { - "name": "field", - "propType": "object", - "description": "自定义 field (在 Form 内不需要设置)" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "children", - "propType": { - "type": "oneOfType", - "value": [ - { - "type": "instanceOf", - "value": "node" - }, - "func" - ] - }, - "description": "自定义错误渲染, 可以是 node 或者 function(errors, state)" - }, - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - } - ] - }, - { - "componentName": "Icon", - "title": "Icon", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Icon", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "type", - "propType": "icon", - "description": "指定显示哪种图标" - }, - { - "name": "size", - "propType": { - "type": "oneOfType", - "value": [ - { - "type": "oneOf", - "value": [ - "xxs", - "xs", - "small", - "medium", - "large", - "xl", - "xxl", - "xxxl", - "inherit" - ] - }, - "number" - ] - }, - "description": "指定图标大小", - "defaultValue": "medium" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "props": { - "isExtends": true, - "override": [ - { - "name": "type", - "setter": { - "componentName": "IconSetter", - "props": { - "hasClear": false - } - } - } - ] - } - } - }, - { - "componentName": "Input", - "title": "Input", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Input", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "label", - "propType": "string", - "title":"标签文案", - "description": "label" - }, - { - "name": "name", - "propType": "string" - }, - { - "name": "hasClear", - "propType": "bool", - "description": "是否出现清除按钮" - }, - { - "name": "state", - "title": "状态", - "propType": { - "type": "oneOf", - "value": [ - "error", - "loading", - "success", - "warning" - ] - }, - "description": "状态\n@enumdesc 错误, 校验中, 成功, 警告" - }, - { - "name": "size", - "title": "尺寸", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "尺寸\n@enumdesc 小, 中, 大", - "defaultValue": "medium" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用" - }, - { - "name": "maxLength", - "propType": "number", - "description": "最大长度" - }, - { - "name": "hasLimitHint", - "propType": "bool", - "description": "是否展现最大长度样式" - }, - { - "name": "cutString", - "propType": "bool", - "description": "是否截断超出字符串" - }, - { - "name": "readOnly", - "propType": "bool", - "description": "是否只读" - }, - { - "name": "trim", - "propType": "bool", - "description": "onChange返回会自动去除头尾空字符" - }, - { - "name": "placeholder", - "propType": "string", - "description": "输入提示" - }, - { - "name": "hasBorder", - "propType": "bool", - "description": "是否有边框" - }, - - { - "name": "onPressEnter", - "propType": "func", - "description": "按下回车的回调" - }, - { - "name": "onClear", - "propType": "func" - }, - { - "name": "hint", - "title": "Icon 水印", - "propType": "icon", - "description": "水印 (Icon的type类型，和hasClear占用一个地方)" - }, - { - "name": "innerBefore", - "propType": "string", - "description": "文字前附加内容" - }, - { - "name": "innerAfter", - "propType": "string", - "description": "文字后附加内容" - }, - { - "name": "addonBefore", - "propType": "string", - "description": "输入框前附加内容" - }, - { - "name": "addonAfter", - "propType": "string", - "description": "输入框后附加内容" - }, - { - "name": "addonTextBefore", - "propType": "string", - "description": "输入框前附加文字" - }, - { - "name": "addonTextAfter", - "propType": "string", - "description": "输入框后附加文字" - }, - { - "name": "autoFocus", - "propType": "bool", - "description": "自动聚焦" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Input.Password", - "title": "Input.Password", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Input", - "main": "src/index.js", - "destructuring": true, - "subName": "Password" - }, - "props": [ - { - "name": "showToggle", - "propType": "bool", - "description": "是否展示切换按钮", - "defaultValue": true - }, - { - "name": "label", - "propType": "string", - "title":"标签文案", - "description": "label" - }, - { - "name": "hasClear", - "propType": "bool", - "description": "是否出现清除按钮" - }, - { - "name": "state", - "title": "状态", - "propType": { - "type": "oneOf", - "value": [ - "error", - "loading", - "success", - "warning" - ] - }, - "description": "状态\n@enumdesc 错误, 校验中, 成功, 警告" - }, - { - "name": "size", - "title": "尺寸", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "尺寸\n@enumdesc 小, 中, 大", - "defaultValue": "medium" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用" - }, - { - "name": "maxLength", - "propType": "number", - "description": "最大长度" - }, - { - "name": "hasLimitHint", - "propType": "bool", - "description": "是否展现最大长度样式" - }, - { - "name": "cutString", - "propType": "bool", - "description": "是否截断超出字符串" - }, - { - "name": "readOnly", - "propType": "bool", - "description": "是否只读" - }, - { - "name": "trim", - "propType": "bool", - "description": "onChange返回会自动去除头尾空字符" - }, - { - "name": "placeholder", - "propType": "string", - "description": "输入提示" - }, - { - "name": "hasBorder", - "propType": "bool", - "description": "是否有边框" - }, - - { - "name": "onPressEnter", - "propType": "func", - "description": "按下回车的回调" - }, - { - "name": "onClear", - "propType": "func" - }, - { - "name": "hint", - "title": "Icon 水印", - "propType": "string", - "description": "水印 (Icon的type类型，和hasClear占用一个地方)" - }, - { - "name": "innerBefore", - "propType": "string", - "description": "文字前附加内容" - }, - { - "name": "innerAfter", - "propType": "string", - "description": "文字后附加内容" - }, - { - "name": "addonBefore", - "propType": "string", - "description": "输入框前附加内容" - }, - { - "name": "addonAfter", - "propType": "string", - "description": "输入框后附加内容" - }, - { - "name": "addonTextBefore", - "propType": "string", - "description": "输入框前附加文字" - }, - { - "name": "addonTextAfter", - "propType": "string", - "description": "输入框后附加文字" - }, - { - "name": "autoFocus", - "propType": "bool", - "description": "自动聚焦" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Input.TextArea", - "title": "Input.TextArea", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Input", - "main": "src/index.js", - "destructuring": true, - "subName": "TextArea" - }, - "props": [ - { - "name": "hasBorder", - "propType": "bool", - "description": "是否有边框", - "defaultValue": true - }, - { - "name": "state", - "propType": { - "type": "oneOf", - "value": [ - "error", - "warning" - ] - }, - "description": "状态\n@enumdesc 错误" - }, - { - "name": "autoHeight", - "propType": "bool", - "description": "自动高度 true / {minRows: 2, maxRows: 4}", - "defaultValue": false - }, - { - "name": "rows", - "propType": "number", - "description": "多行文本框高度
(不要直接用height设置多行文本框的高度, ie9 10会有兼容性问题)", - "defaultValue": 4 - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态", - "defaultValue": false - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Input.Group", - "title": "Input.Group", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Input", - "main": "src/index.js", - "destructuring": true, - "subName": "Group" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "description": "样式前缀", - "defaultValue": "next-" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "node" - } - }, - { - "name": "addonBefore", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "输入框前附加内容" - }, - { - "name": "addonBeforeClassName", - "propType": "string", - "description": "输入框前附加内容css" - }, - { - "name": "addonAfter", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "输入框后附加内容" - }, - { - "name": "addonAfterClassName", - "propType": "string", - "description": "输入框后额外css" - }, - { - "name": "rtl", - "propType": "bool", - "description": "rtl" - } - ] - }, - { - "componentName": "Loading", - "title": "Loading", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Loading", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "tip", - "propType": "string", - "description": "自定义内容" - }, - { - "name": "tipAlign", - "propType": { - "type": "oneOf", - "value": [ - "right", - "bottom" - ] - }, - "description": "自定义内容位置", - "defaultValue": "bottom" - }, - { - "name": "visible", - "propType": "bool", - "description": "loading 状态, 默认 true", - "defaultValue": true - }, - { - "name": "onVisibleChange", - "propType": "func" - }, - { - "name": "className", - "propType": "string", - "description": "自定义class" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内联样式" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "large", - "medium" - ] - }, - "description": "设置动画尺寸\n@description 仅仅对默认动画效果起作用\n@enumdesc 大号, 中号", - "defaultValue": "large" - }, - { - "name": "color", - "propType": "color", - "description": "动画颜色" - }, - { - "name": "fullScreen", - "propType": "bool", - "description": "全屏展示" - }, - { - "name": "inline", - "title": "inline", - "propType": "bool", - "description": "should loader be displayed inline", - "defaultValue": true - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Menu", - "title": "Menu", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Menu", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "onItemClick", - "propType": "func", - "description": "点击菜单项触发的回调函数\n@param {String} key 点击的菜单项的 key 值\n@param {Object} item 点击的菜单项对象\n@param {Object} event 点击的事件对象" - }, - { - "name": "defaultOpenAll", - "propType": "bool", - "description": "初始展开所有的子菜单，只在 mode 设置为 'inline' 以及 openMode 设置为 'multiple' 下生效，优先级高于 defaultOpenKeys", - "defaultValue": false - }, - { - "name": "onOpen", - "propType": "func", - "description": "打开或关闭子菜单触发的回调函数\n@param {String} key 打开的所有子菜单的 key 值\n@param {Object} extra 额外参数\n@param {String} extra.key 当前操作子菜单的 key 值\n@param {Boolean} extra.open 是否是打开" - }, - { - "name": "mode", - "propType": { - "type": "oneOf", - "value": [ - "inline", - "popup" - ] - }, - "description": "子菜单打开的模式", - "defaultValue": "inline" - }, - { - "name": "triggerType", - "propType": { - "type": "oneOf", - "value": [ - "click", - "hover" - ] - }, - "description": "子菜单打开的触发行为", - "defaultValue": "click" - }, - { - "name": "openMode", - "propType": { - "type": "oneOf", - "value": [ - "single", - "multiple" - ] - }, - "description": "展开内连子菜单的模式，同时可以展开一个子菜单还是多个子菜单，该属性仅在 mode 为 inline 时生效", - "defaultValue": "multiple" - }, - { - "name": "inlineIndent", - "propType": "number", - "description": "内连子菜单缩进距离", - "defaultValue": 20 - }, - { - "name": "inlineArrowDirection", - "propType": { - "type": "oneOf", - "value": [ - "down", - "right" - ] - }, - "defaultValue": "down" - }, - { - "name": "popupAutoWidth", - "propType": "bool", - "description": "是否自动让弹层的宽度和菜单项保持一致，如果弹层的宽度比菜单项小则和菜单项保持一致，如果宽度大于菜单项则不做处理", - "defaultValue": false - }, - { - "name": "popupAlign", - "propType": { - "type": "oneOf", - "value": [ - "follow", - "outside" - ] - }, - "description": "弹层的对齐方式", - "defaultValue": "follow" - }, - { - "name": "popupClassName", - "propType": "string", - "description": "弹出子菜单自定义 className" - }, - { - "name": "onSelect", - "propType": "func", - "description": "选中或取消选中菜单项触发的回调函数\n@param {Array} selectedKeys 选中的所有菜单项的值\n@param {Object} item 选中或取消选中的菜单项\n@param {Object} extra 额外参数\n@param {Boolean} extra.select 是否是选中\n@param {Array} extra.key 菜单项的 key\n@param {Object} extra.label 菜单项的文本\n@param {Array} extra.keyPath 菜单项 key 的路径" - }, - { - "name": "selectMode", - "propType": { - "type": "oneOf", - "value": [ - "single", - "multiple" - ] - }, - "description": "选中模式，单选还是多选，默认无值，不可选" - }, - { - "name": "shallowSelect", - "propType": "bool", - "description": "是否只能选择第一层菜单项（不能选择子菜单中的菜单项）", - "defaultValue": false - }, - { - "name": "hasSelectedIcon", - "propType": "bool", - "description": "是否显示选中图标，如果设置为 false 需配合配置平台设置选中时的背景色以示区分", - "defaultValue": true - }, - { - "name": "labelToggleChecked", - "propType": "bool", - "defaultValue": true - }, - { - "name": "isSelectIconRight", - "propType": "bool", - "description": "是否将选中图标居右，仅当 hasSelectedIcon 为true 时生效。\n注意：SubMenu 上的选中图标一直居左，不受此API控制", - "defaultValue": false - }, - { - "name": "direction", - "propType": { - "type": "oneOf", - "value": [ - "ver", - "hoz" - ] - }, - "description": "菜单第一层展示方向", - "defaultValue": "ver" - }, - { - "name": "hozAlign", - "propType": { - "type": "oneOf", - "value": [ - "left", - "right" - ] - }, - "description": "横向菜单条 item 和 footer 的对齐方向，在 direction 设置为 'hoz' 并且 header 存在时生效", - "defaultValue": "left" - }, - { - "name": "hozInLine", - "propType": "bool", - "description": "横向菜单模式下，是否维持在一行，即超出一行折叠成 SubMenu 显示， 仅在 direction='hoz' mode='popup' 时生效", - "defaultValue": false - }, - { - "name": "header", - "propType": "node", - "description": "自定义菜单头部" - }, - { - "name": "footer", - "propType": "node", - "description": "自定义菜单尾部" - }, - { - "name": "autoFocus", - "propType": "bool", - "description": "是否自动获得焦点", - "defaultValue": false - }, - { - "name": "focusedKey", - "propType": "string", - "description": "当前获得焦点的子菜单或菜单项 key 值" - }, - { - "name": "focusable", - "propType": "bool", - "defaultValue": true - }, - { - "name": "onItemFocus", - "propType": "func" - }, - { - "name": "onBlur", - "propType": "func" - }, - { - "name": "embeddable", - "propType": "bool", - "description": "是否开启嵌入式模式，一般用于Layout的布局中，开启后没有默认背景、外层border、box-shadow，可以配合`` 自定义高度", - "defaultValue": false - }, - { - "name": "onItemKeyDown", - "propType": "func" - }, - { - "name": "expandAnimation", - "propType": "bool", - "defaultValue": true - }, - { - "name": "itemClassName", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "openKeys", - "propType": { - "type": "oneOfType", - "value": [ - "string", - { - "type": "arrayOf", - "value": "string" - } - ] - }, - "description": "当前打开的子菜单的 key 值" - }, - { - "name": "defaultOpenKeys", - "propType": { - "type": "oneOfType", - "value": [ - "string", - { - "type": "arrayOf", - "value": "string" - } - ] - }, - "description": "初始打开的子菜单的 key 值", - "defaultValue": [] - }, - { - "name": "selectedKeys", - "propType": { - "type": "oneOfType", - "value": [ - "string", - { - "type": "arrayOf", - "value": "string" - } - ] - }, - "description": "当前选中菜单项的 key 值" - }, - { - "name": "defaultSelectedKeys", - "propType": { - "type": "oneOfType", - "value": [ - "string", - { - "type": "arrayOf", - "value": "string" - } - ] - }, - "description": "初始选中菜单项的 key 值", - "defaultValue": [] - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "SubMenu", - "title": "子菜单", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Menu", - "main": "src/index.js", - "destructuring": true, - "subName": "SubMenu" - }, - "props": [ - { - "name": "key", - "propType": "string", - "description": "子菜单标识符" - }, - { - "name": "label", - "propType": "node", - "description": "标签内容" - }, - { - "name": "selectable", - "propType": "bool", - "description": "是否可选，该属性仅在设置 Menu 组件 selectMode 属性后生效", - "defaultValue": false - }, - { - "name": "mode", - "propType": { - "type": "oneOf", - "value": [ - "inline", - "popup" - ] - }, - "description": "子菜单打开方式，如果设置会覆盖 Menu 上的同名属性\n@default Menu 的 mode 属性值" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true, - "nestingRule": { - "parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"] - } - } - } - }, - { - "componentName": "Menu.Item", - "title": "Menu.Item", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Menu", - "main": "src/index.js", - "destructuring": true, - "subName": "Item" - }, - "props": [ - { - "name": "key", - "propType": "string", - "description": "菜单项标识符" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用", - "defaultValue": false - }, - { - "name": "helper", - "propType": "node", - "description": "帮助文本" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true, - "nestingRule": { - "parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"] - } - } - } - }, - { - "componentName": "CheckboxItem", - "title": "CheckboxItem", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Menu", - "main": "src/index.js", - "destructuring": true, - "subName": "CheckboxItem" - }, - "props": [ - { - "name": "checked", - "propType": "bool", - "description": "是否选中", - "defaultValue": false - }, - { - "name": "indeterminate", - "propType": "bool", - "description": "是否半选中", - "defaultValue": false - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用", - "defaultValue": false - }, - { - "name": "onChange", - "propType": "func", - "description": "选中或取消选中触发的回调函数\n@param {Boolean} checked 是否选中\n@param {Object} event 选中事件对象" - }, - { - "name": "helper", - "propType": "node", - "description": "帮助文本" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true, - "nestingRule": { - "parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"] - } - } - } - }, - { - "componentName": "RadioItem", - "title": "RadioItem", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Menu", - "main": "src/index.js", - "destructuring": true, - "subName": "RadioItem" - }, - "props": [ - { - "name": "checked", - "propType": "bool", - "description": "是否选中", - "defaultValue": false - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用", - "defaultValue": false - }, - { - "name": "onChange", - "propType": "func", - "description": "选中或取消选中触发的回调函数\n@param {Boolean} checked 是否选中\n@param {Object} event 选中事件对象" - }, - { - "name": "helper", - "propType": "node", - "description": "帮助文本" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true, - "nestingRule": { - "parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"] - } - } - } - }, - { - "componentName": "Menu.PopupItem", - "title": "Menu.PopupItem", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Menu", - "main": "src/index.js", - "destructuring": true, - "subName": "PopupItem" - }, - "props": [ - { - "name": "key", - "propType": "string", - "description": "菜单项标识符" - }, - { - "name": "label", - "propType": "node", - "description": "标签内容" - }, - { - "name": "children", - "propType": "node", - "description": "自定义弹层内容" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true, - "nestingRule": { - "parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"] - } - } - } - }, - { - "componentName": "Menu.Group", - "title": "Menu.Group", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Menu", - "main": "src/index.js", - "destructuring": true, - "subName": "Group" - }, - "props": [ - { - "name": "label", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "标签内容" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true, - "nestingRule": { - "parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"] - } - } - } - }, - { - "componentName": "Menu.Divider", - "title": "Divider", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Menu", - "main": "src/index.js", - "destructuring": true, - "subName": "Divider" - }, - "props": [ - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": false, - "nestingRule": { - "parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"] - } - } - } - }, - { - "componentName": "MenuButton", - "title": "MenuButton", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "MenuButton", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "label", - "propType": "string", - "description": "按钮上的文本内容" - }, - { - "name": "autoWidth", - "propType": "bool", - "description": "弹层是否与按钮宽度相同", - "defaultValue": true - }, - { - "name": "popupTriggerType", - "propType": { - "type": "oneOf", - "value": [ - "click", - "hover" - ] - }, - "description": "弹层触发方式", - "defaultValue": "click" - }, - { - "name": "popupContainer", - "propType": "any", - "description": "弹层容器" - }, - { - "name": "visible", - "propType": "bool", - "description": "弹层展开状态" - }, - { - "name": "defaultVisible", - "propType": "bool", - "description": "弹层默认是否展开" - }, - { - "name": "onVisibleChange", - "propType": "func", - "description": "弹层在显示和隐藏触发的事件" - }, - { - "name": "popupStyle", - "propType": "object", - "description": "弹层自定义样式" - }, - { - "name": "popupClassName", - "propType": "string", - "description": "弹层自定义样式类" - }, - { - "name": "popupProps", - "propType": "object", - "description": "弹层属性透传" - }, - { - "name": "followTrigger", - "propType": "bool", - "description": "是否跟随滚动" - }, - { - "name": "defaultSelectedKeys", - "propType": { - "type": "arrayOf", - "value": "string" - }, - "description": "默认激活的菜单项（用法同 Menu 非受控）", - "defaultValue": [] - }, - { - "name": "selectedKeys", - "propType": { - "type": "arrayOf", - "value": "string" - }, - "description": "激活的菜单项（用法同 Menu 受控）" - }, - { - "name": "selectMode", - "propType": { - "type": "oneOf", - "value": [ - "single", - "multiple" - ] - }, - "description": "菜单的选择模式，同 Menu" - }, - { - "name": "onItemClick", - "propType": "func", - "description": "点击菜单项后的回调，同 Menu" - }, - { - "name": "onSelect", - "propType": "func", - "description": "选择菜单后的回调，同 Menu" - }, - { - "name": "menuProps", - "propType": "object", - "description": "菜单属性透传" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Message", - "title": "Message", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Message", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "title", - "propType": "string", - "description": "标题", - "defaultValue": "标题" - }, - { - "name": "type", - "propType": { - "type": "oneOf", - "value": [ - "success", - "warning", - "error", - "notice", - "help", - "loading" - ] - }, - "description": "反馈类型", - "defaultValue": "success" - }, - { - "name": "shape", - "propType": { - "type": "oneOf", - "value": [ - "inline", - "addon", - "toast" - ] - }, - "description": "外观", - "defaultValue": "inline" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "medium", - "large" - ] - }, - "description": "尺寸", - "defaultValue": "medium" - }, - { - "name": "children", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "node" - ] - }, - "description": "内容" - }, - { - "name": "visible", - "propType": "bool", - "description": "当前是否显示" - }, - { - "name": "iconType", - "propType": "icon", - "description": "显示的图标类型，会覆盖内部设置的IconType" - }, - { - "name": "closeable", - "propType": "bool", - "description": "显示关闭按钮", - "defaultValue": false - }, - { - "name": "onClose", - "propType": "func", - "description": "关闭按钮的回调" - }, - { - "name": "afterClose", - "propType": "func", - "description": "关闭之后调用的函数" - }, - { - "name": "animation", - "propType": "bool", - "description": "收起动画", - "defaultValue": true - } - ] - }, - { - "componentName": "Nav", - "title": "Nav", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Nav", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "style", - "propType": "object" - }, - { - "name": "children", - "propType": "node", - "description": "导航项和子导航" - }, - { - "name": "type", - "propType": { - "type": "oneOf", - "value": [ - "normal", - "primary", - "secondary", - "line" - ] - }, - "description": "导航类型", - "defaultValue": "normal" - }, - { - "name": "direction", - "propType": { - "type": "oneOf", - "value": [ - "hoz", - "ver" - ] - }, - "description": "导航布局", - "defaultValue": "ver" - }, - { - "name": "hozAlign", - "propType": { - "type": "oneOf", - "value": [ - "left", - "right" - ] - }, - "description": "对齐方向", - "defaultValue": "left" - }, - { - "name": "activeDirection", - "propType": { - "type": "oneOf", - "value": [ - null, - "top", - "bottom", - "left", - "right" - ] - }, - "description": "选中条方向" - }, - { - "name": "mode", - "propType": { - "type": "oneOf", - "value": [ - "inline", - "popup" - ] - }, - "description": "子导航打开的模式", - "defaultValue": "inline" - }, - { - "name": "triggerType", - "propType": { - "type": "oneOf", - "value": [ - "click", - "hover" - ] - }, - "description": "子导航打开的触发方式", - "defaultValue": "click" - }, - { - "name": "inlineIndent", - "propType": "number", - "description": "内联子导航缩进距离", - "defaultValue": 20 - }, - { - "name": "defaultOpenAll", - "propType": "bool", - "description": "初始展开所有的子导航", - "defaultValue": false - }, - { - "name": "openMode", - "propType": { - "type": "oneOf", - "value": [ - "single", - "multiple" - ] - }, - "description": "内联子导航的展开模式", - "defaultValue": "multiple" - }, - { - "name": "selectedKeys", - "propType": { - "type": "oneOfType", - "value": [ - "string", - { - "type": "instanceOf", - "value": "array" - } - ] - }, - "description": "当前选中导航key值" - }, - { - "name": "defaultSelectedKeys", - "propType": { - "type": "oneOfType", - "value": [ - "string", - { - "type": "instanceOf", - "value": "array" - } - ] - }, - "description": "初始选中导航项的key值" - }, - { - "name": "onSelect", - "propType": "func", - "description": "选中或取消选中导航项触发的回调函数\n@param {Array} selectedKeys 选中的所有导航项的 key\n@param {Object} item 选中或取消选中的导航项\n@param {Object} extra 额外参数\n@param {Boolean} extra.select 是否是选中\n@param {Array} extra.key 导航项的 key\n@param {Object} extra.label 导航项的文本\n@param {Array} extra.keyPath 导航项 key 的路径" - }, - { - "name": "popupAlign", - "propType": { - "type": "oneOf", - "value": [ - "follow", - "outside" - ] - }, - "description": "弹出子导航的对齐方式（水平导航只支持 follow ）\n@eumdesc Item 顶端对齐, Nav 顶端对齐", - "defaultValue": "follow" - }, - { - "name": "popupClassName", - "propType": "string", - "description": "弹出子导航的自定义类名" - }, - { - "name": "iconOnly", - "propType": "bool", - "description": "是否只显示图标" - }, - { - "name": "hasArrow", - "propType": "bool", - "description": "是否显示右侧的箭头", - "defaultValue": true - }, - { - "name": "hasTooltip", - "propType": "bool", - "description": "是否有ToolTips", - "defaultValue": false - }, - { - "name": "header", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "自定义导航头部" - }, - { - "name": "footer", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "自定义导航尾部" - }, - { - "name": "embeddable", - "propType": "bool", - "description": "开启嵌入式模式", - "defaultValue": false - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Nav.Item", - "title": "Nav.Item", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Nav", - "main": "src/index.js", - "destructuring": true, - "subName": "Item" - }, - "props": [ - { - "name": "icon", - "propType": { - "type": "icon" - }, - "description": "自定义图标" - }, - { - "name": "children", - "propType": { - "type": "oneOfType", - "value": ["string", "node"] - }, - "description": "导航内容" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Group", - "title": "Group", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Nav", - "main": "src/index.js", - "destructuring": true, - "subName": "Group" - }, - "props": [ - { - "name": "className", - "propType": "string", - "description": "自定义类名" - }, - { - "name": "label", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "标签内容" - }, - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "导航项和子导航" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "SubNav", - "title": "SubNav", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Nav", - "main": "src/index.js", - "destructuring": true, - "subName": "SubNav" - }, - "props": [ - { - "name": "className", - "propType": "string", - "description": "自定义类名" - }, - { - "name": "icon", - "propType": { - "type": "oneOfType", - "value": [ - "string", - { - "type": "instanceOf", - "value": "node" - } - ] - }, - "description": "自定义图标，可以使用 Icon 的 type，也可以使用组件 ``" - }, - { - "name": "label", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "标签内容" - }, - { - "name": "selectable", - "propType": "bool", - "description": "是否可选", - "defaultValue": false - }, - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "导航项和子导航" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "PopupItem", - "title": "PopupItem", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Nav", - "main": "src/index.js", - "destructuring": true, - "subName": "PopupItem" - }, - "props": [ - { - "name": "className", - "propType": "string", - "description": "自定义类名" - }, - { - "name": "icon", - "propType": { - "type": "oneOfType", - "value": [ - "string", - { - "type": "instanceOf", - "value": "node" - } - ] - }, - "description": "自定义图标，可以使用 Icon 的 type, 也可以使用组件 ``" - }, - { - "name": "label", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "标签内容" - }, - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "弹出内容" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "NumberPicker", - "title": "NumberPicker", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "NumberPicker", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "large", - "medium" - ] - }, - "description": "大小", - "defaultValue": "medium" - }, - { - "name": "type", - "propType": { - "type": "oneOf", - "value": [ - "normal", - "inline" - ] - }, - "description": "设置类型", - "defaultValue": "normal" - }, - { - "name": "value", - "propType": "number", - "description": "当前值" - }, - { - "name": "defaultValue", - "propType": "number", - "description": "默认值" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用" - }, - { - "name": "step", - "propType": "number", - "description": "步长", - "defaultValue": 1 - }, - { - "name": "precision", - "propType": "number", - "description": "保留小数点后位数", - "defaultValue": 0 - }, - { - "name": "editable", - "propType": "bool", - "description": "用户是否可以输入", - "defaultValue": true - }, - { - "name": "autoFocus", - "propType": "bool", - "description": "自动焦点" - }, - { - "name": "max", - "propType": "number", - "description": "最大值", - "defaultValue": null - }, - { - "name": "min", - "propType": "number", - "description": "最小值", - "defaultValue": null - }, - { - "name": "format", - "propType": "func", - "description": "格式化当前值" - }, - { - "name": "upBtnProps", - "propType": "object", - "description": "增加按钮的props" - }, - { - "name": "downBtnProps", - "propType": "object", - "description": "减少按钮的props" - }, - { - "name": "label", - "propType": "string", - "description": "内联 label" - }, - { - "name": "innerAfter", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "icon" - ] - }, - "description": "inner after" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态" - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容\n@param {number} value 评分值" - }, - { - "name": "onChange", - "propType": "func", - "description": "数值被改变的事件\n@param {Number} value 数据\n@param {Event} e DOM事件对象" - }, - { - "name": "onKeyDown", - "propType": "func", - "description": "键盘按下" - }, - { - "name": "onFocus", - "propType": "func", - "description": "焦点获得" - }, - { - "name": "onBlur", - "propType": "func", - "description": "焦点失去" - }, - { - "name": "onCorrect", - "propType": "func", - "description": "数值订正后的回调\n@param {Object} obj {currentValue,oldValue:String}" - }, - { - "name": "onDisabled", - "propType": "func" - }, - { - "name": "className", - "propType": "string", - "description": "自定义class" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内联样式" - } - ], - "configure": { - "props": { - "isExtends": true, - "override": [ - { - "name": "upBtnProps", - "setter": "JsonSetter" - }, - { - "name": "downBtnProps", - "setter": "JsonSetter" - }, - { - "name": "innerAfter", - "setter": { - "componentName": "MixedSetter", - "props": { - "setters": [ - "StringSetter", - { - "componentName": "IconSetter", - "props": { - "type": "node" - } - } - ] - } - } - } - ] - } - } - }, - { - "componentName": "Pagination", - "title": "Pagination", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Pagination", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "rtl", - "propType": "bool", - "defaultValue": false - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "type", - "propType": { - "type": "oneOf", - "value": [ - "normal", - "simple", - "mini" - ] - }, - "description": "分页组件类型", - "defaultValue": "normal" - }, - { - "name": "shape", - "propType": { - "type": "oneOf", - "value": [ - "normal", - "arrow-only", - "arrow-prev-only", - "no-border" - ] - }, - "description": "前进后退按钮样式", - "defaultValue": "normal" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "分页组件大小", - "defaultValue": "medium" - }, - { - "name": "current", - "propType": "number", - "description": "（受控）当前页码" - }, - { - "name": "defaultCurrent", - "propType": "number", - "description": "（非受控）初始页码", - "defaultValue": 1 - }, - { - "name": "onChange", - "propType": "func", - "description": "页码发生改变时的回调函数\n@param {Number} current 改变后的页码数\n@param {Object} e 点击事件对象" - }, - { - "name": "total", - "propType": "number", - "description": "总记录数", - "defaultValue": 100 - }, - { - "name": "totalRender", - "propType": "func", - "title": { - "label": "总数渲染函数", - "tip": "总数的渲染函数\n@param {Number} total 总数\n@param {Array} range 当前数据在总数中的区间" - } - }, - { - "name": "pageShowCount", - "propType": "number", - "title": { - "label": "页码显示数量", - "tip": "页码显示的数量，更多的使用...代替" - }, - "defaultValue": 5 - }, - { - "name": "pageSize", - "propType": "number", - "description": "一页中的记录数", - "defaultValue": 10 - }, - { - "name": "pageSizeSelector", - "propType": { - "type": "oneOf", - "value": [ - false, - "filter", - "dropdown" - ] - }, - "description": "每页显示选择器类型", - "defaultValue": false - }, - { - "name": "pageNumberRender", - "propType": "func", - "title": { - "label": "自定义页码渲染函数", - "tip": "自定义页码渲染函数，函数作用于页码button以及当前页/总页数的数字渲染\n@param {Number} index 分页的页码，从1开始\n@return {ReactNode} 返回渲染结果" - } - }, - { - "name": "pageSizePosition", - "propType": { - "type": "oneOf", - "value": [ - "start", - "end" - ] - }, - "description": "每页显示选择器在组件中的位置", - "defaultValue": "start" - }, - { - "name": "onPageSizeChange", - "propType": "func", - "description": "每页显示记录数量改变时的回调函数\n@param {Number} pageSize 改变后的每页显示记录数" - }, - { - "name": "hideOnlyOnePage", - "propType": "bool", - "title": { - "label": "页数为1隐藏", - "tip": "当分页数为1时，是否隐藏分页器" - }, - "defaultValue": false - }, - { - "name": "showJump", - "propType": "bool", - "title": { - "label": "显示跳转", - "tip": "type 设置为 normal 时，在页码数超过5页后，会显示跳转输入框与按钮，当设置 showJump 为 false 时，不再显示该跳转区域" - }, - "defaultValue": true - }, - { - "name": "link", - "propType": "string", - "description": "设置页码按钮的跳转链接，它的值为一个包含 {page} 的模版字符串，如：http://www.taobao.com/{page}" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Progress", - "title": "Progress", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Progress", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "shape", - "propType": { - "type": "oneOf", - "value": [ - "circle", - "line" - ] - }, - "description": "形态", - "defaultValue": "line" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "尺寸", - "defaultValue": "medium" - }, - { - "name": "percent", - "propType": "number", - "description": "所占百分比", - "defaultValue": 0 - }, - { - "name": "state", - "propType": { - "type": "oneOf", - "value": [ - "normal", - "success", - "error" - ] - }, - "description": "进度状态, 显示优先级: color > progressive > state", - "defaultValue": "normal" - }, - { - "name": "progressive", - "propType": "bool", - "description": "是否为色彩阶段变化模式, 显示优先级: color > progressive > state", - "defaultValue": false - }, - { - "name": "hasBorder", - "propType": "bool", - "description": "是否添加 Border（只适用于 Line Progress)", - "defaultValue": false - }, - { - "name": "textRender", - "propType": "func", - "description": "文本渲染函数\n@param {Number} percent 当前的进度信息\n@param {Object} option 额外的参数\n@property {Boolean} option.rtl 是否在rtl 模式下渲染\n@return {ReactNode} 返回文本节点" - }, - { - "name": "color", - "propType": "color", - "description": "进度条颜色, 显示优先级: color > progressive > state" - }, - { - "name": "backgroundColor", - "propType": "color", - "description": "背景色" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Radio", - "title": "Radio", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Radio", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "className", - "propType": "string", - "description": "自定义类名" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内敛样式" - }, - { - "name": "id", - "propType": "string", - "description": "input元素id" - }, - { - "name": "checked", - "propType": "bool", - "description": "是否选中" - }, - { - "name": "defaultChecked", - "propType": "bool", - "description": "是否默认选中" - }, - { - "name": "label", - "propType": "string", - "description": "通过属性配置label" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否被禁用" - }, - { - "name": "value", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "number", - "bool" - ] - }, - "description": "value" - }, - { - "name": "name", - "propType": "string", - "description": "name" - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态", - "defaultValue": false - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容" - }, - { - "name": "onChange", - "propType": "func", - "description": "状态变化时触发的事件\n@param {Boolean} checked 是否选中\n@param {Event} e Dom 事件对象" - }, - { - "name": "onMouseEnter", - "propType": "func", - "description": "鼠标进入enter事件\n@param {Event} e Dom 事件对象" - }, - { - "name": "onMouseLeave", - "propType": "func", - "description": "鼠标离开事件\n@param {Event} e Dom 事件对象" - } - ] - }, - { - "componentName": "Radio.Group", - "title": "Radio.Group", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Radio", - "main": "src/index.js", - "destructuring": true, - "subName": "Group" - }, - "props": [ - { - "name": "className", - "propType": "string", - "description": "自定义类名" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内敛样式" - }, - { - "name": "name", - "propType": "string", - "description": "name" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "large", - "medium", - "small" - ] - }, - "description": "尺寸", - "defaultValue": "medium" - }, - - { - "name": "shape", - "propType": { - "type": "oneOf", - "value": [ - "normal", - "button" - ] - }, - "description": "展示形态" - }, - { - "name": "value", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "number", - "bool" - ] - }, - "description": "选中项的值" - }, - { - "name": "defaultValue", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "number", - "bool" - ] - }, - "description": "默认值" - }, - { - "name": "component", - "propType": "string", - "description": "设置标签类型", - "defaultValue": "div" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否被禁用" - }, - { - "name": "dataSource", - "propType": "object", - "description": "可选项列表" - }, - { - "name": "itemDirection", - "propType": { - "type": "oneOf", - "value": [ - "hoz", - "ver" - ] - }, - "description": "子项目的排列方式", - "defaultValue": "hoz" - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态", - "defaultValue": false - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容\n@param {number} value 评分值" - }, - { - "name": "onChange", - "propType": "func", - "description": "选中值改变时的事件\n@param {String/Number} value 选中项的值\n@param {Event} e Dom 事件对象" - } - ], - "configure": { - "component": { - "isContainer": true - }, - "props": { - "isExtends": true, - "override": [{ - "name": "dataSource", - "setter": "JsonSetter" - }] - } - } - }, - { - "componentName": "Range", - "title": "Range", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Range", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "description": "样式类名的品牌前缀", - "defaultValue": "next-" - }, - { - "name": "className", - "propType": "string", - "description": "自定义类名" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内敛样式" - }, - { - "name": "slider", - "propType": { - "type": "oneOf", - "value": [ - "single", - "double" - ] - }, - "description": "滑块个数\n@enumdesc 单个, 两个", - "defaultValue": "single" - }, - { - "name": "min", - "propType": "number", - "description": "最小值", - "defaultValue": 0 - }, - { - "name": "max", - "propType": "number", - "description": "最大值", - "defaultValue": 100 - }, - { - "name": "step", - "propType": "number", - "description": "步长，取值必须大于 0，并且可被 (max - min) 整除。", - "defaultValue": 1 - }, - { - "name": "marksPosition", - "propType": { - "type": "oneOf", - "value": [ - "above", - "below" - ] - }, - "description": "marks显示在上方('above')or下方('below')", - "defaultValue": "above" - }, - { - "name": "disabled", - "propType": "bool", - "description": "值为 `true` 时，滑块为禁用状态", - "defaultValue": false - }, - { - "name": "onChange", - "propType": "func", - "description": "当 Range 的值发生改变后，会触发 onChange 事件，并把改变后的值作为参数传入, 如果设置了value, 要配合此函数做受控使用\n@param {String/number} value" - }, - { - "name": "onProcess", - "propType": "func", - "description": "滑块拖动的时候触发的事件,不建议在这里setState, 一般情况下不需要用, 滑动时有特殊需求时使用\n@param {String/number} value" - }, - { - "name": "hasTip", - "propType": "bool", - "description": "是否显示 tip", - "defaultValue": true - }, - { - "name": "tipRender", - "propType": "func", - "description": "自定义 tip 显示内容\n@param {Number|String} value 值\n@return {ReactNode} 显示内容" - }, - { - "name": "id", - "propType": "string" - }, - { - "name": "reverse", - "propType": "bool", - "description": "选中态反转", - "defaultValue": false - }, - { - "name": "pure", - "propType": "bool", - "description": "是否pure render", - "defaultValue": false - }, - { - "name": "fixedWidth", - "propType": "bool", - "description": "是否为拖动线段类型,默认slider为double, defaultValue必传且指定区间", - "defaultValue": false - }, - { - "name": "tooltipVisible", - "propType": "bool", - "description": "tooltip是否默认展示", - "defaultValue": false - }, - { - "name": "rtl", - "propType": "bool", - "description": "是否已rtl模式展示", - "defaultValue": false - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态", - "defaultValue": false - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容\n@param {number} value 评分值" - }, - { - "name": "value", - "propType": "number", - "description": "分值" - } - ] - }, - { - "componentName": "Rating", - "title": "Rating", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Rating", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "id", - "propType": "string" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "defaultValue", - "propType": "number", - "description": "默认值", - "defaultValue": 0 - }, - { - "name": "value", - "propType": "number", - "description": "值" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "尺寸", - "defaultValue": "medium" - }, - { - "name": "count", - "propType": "number", - "description": "评分的总数", - "defaultValue": 5 - }, - { - "name": "showGrade", - "propType": "bool", - "description": "是否显示 grade", - "defaultValue": false - }, - { - "name": "allowHalf", - "propType": "bool", - "description": "是否允许半星评分", - "defaultValue": false - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用", - "defaultValue": false - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态", - "defaultValue": false - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容" - }, - { - "name": "readOnly", - "propType": "bool", - "description": "是否为只读态，效果上同 disabeld", - "defaultValue": false - }, - { - "name": "onChange", - "propType": "func", - "description": "用户点击评分时触发的回调\n@param {String} value 评分值" - }, - { - "name": "onHoverChange", - "propType": "func", - "description": "用户hover评分时触发的回调\n@param {String} value 评分值" - } - ] - }, - { - "componentName": "Search", - "title": "Search", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Search", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "description": "样式前缀", - "defaultValue": "next-" - }, - { - "name": "shape", - "propType": { - "type": "oneOf", - "value": [ - "normal", - "simple" - ] - }, - "description": "形状", - "defaultValue": "normal" - }, - { - "name": "type", - "propType": { - "type": "oneOf", - "value": [ - "primary", - "secondary", - "normal", - "dark" - ] - }, - "description": "类型 shape=normal: primary/secondary; shape=simple: normal/dark;", - "defaultValue": "normal" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "large", - "medium" - ] - }, - "description": "大小\n@enumdesc '大', '小'", - "defaultValue": "medium" - }, - { - "name": "defaultValue", - "propType": "string", - "description": "搜索框默认值" - }, - { - "name": "value", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "number" - ] - }, - "description": "搜索框数值" - }, - { - "name": "onChange", - "propType": "func", - "description": "输入关键字时的回掉\n@param {Object} value 输入值" - }, - { - "name": "onSearch", - "propType": "func", - "description": "点击搜索按钮触发的回调\n@param {String} value 输入值\n@param {String} filterValue 选项值" - }, - { - "name": "defaultFilterValue", - "propType": "string", - "description": "选择器默认值" - }, - { - "name": "filter", - "propType": { - "type": "instanceOf", - "value": "array" - }, - "description": "选择器", - "defaultValue": [] - }, - { - "name": "filterValue", - "propType": "string", - "description": "选择器值" - }, - { - "name": "onFilterChange", - "propType": "func", - "description": "选择器发生变化时回调\n@param {Object} filter value" - }, - { - "name": "dataSource", - "propType": { - "type": "instanceOf", - "value": "array" - }, - "description": "搜索框下拉联想列表" - }, - { - "name": "placeholder", - "propType": "string", - "description": "默认提示" - }, - { - "name": "searchText", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "button 的内容" - }, - { - "name": "style", - "propType": "object", - "description": "自定义样式" - }, - { - "name": "className", - "propType": "string", - "description": "样式名称" - }, - { - "name": "filterProps", - "propType": "object", - "description": "选择器的props" - }, - { - "name": "buttonProps", - "propType": "object", - "description": "按钮的额外属性" - }, - { - "name": "popupContent", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "自定义渲染的的下拉框" - }, - { - "name": "followTrigger", - "propType": "bool", - "description": "是否跟随滚动" - }, - { - "name": "visible", - "propType": "bool", - "description": "自定义渲染的的下拉框" - }, - { - "name": "hasClear", - "propType": "bool", - "description": "是否显示清除按钮", - "defaultValue": false - }, - { - "name": "hasIcon", - "propType": "bool", - "description": "是否显示搜索按钮", - "defaultValue": true - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用", - "defaultValue": false - }, - { - "name": "locale", - "propType": "object" - }, - { - "name": "rtl", - "propType": "bool" - } - ] - }, - { - "componentName": "Select", - "title": "Select", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Select", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "mode", - "propType": { - "type": "oneOf", - "value": [ - "single", - "multiple", - "tag" - ] - }, - "description": "选择器模式", - "defaultValue": "single" - }, - { - "name": "dataSource", - "propType": "Json" - }, - { - "name": "defaultValue", - "title": { - "label": "默认值", - "tip": "初始的默认值" - }, - "propType": { - "type": "oneOfType", - "value": [ - "string", - "JSExpression" - ] - }, - "description": "初始的默认值" - }, - { - "name": "onChange", - "propType": "func", - "description": "Select发生改变时触发的回调\n@param {*} value 选中的值\n@param {String} actionType 触发的方式, 'itemClick', 'enter', 'tag'\n@param {*} item 选中的值的对象数据 (useDetailValue=false有效)" - }, - { - "name": "hasBorder", - "title": { - "label": "边框", - "tip": "是否有边框" - }, - "propType": "bool", - "description": "是否有边框" - }, - { - "name": "hasArrow", - "title": { - "label": "箭头", - "tip": "是否有下拉箭头" - }, - "propType": "bool", - "description": "是否有下拉箭头", - "defaultValue": true - }, - { - "name": "showSearch", - "title": { - "label": "搜索框", - "tip": "展开后是否能搜索（tag 模式下固定为true）" - }, - "propType": "bool", - "description": "展开后是否能搜索（tag 模式下固定为true）", - "defaultValue": false - }, - { - "name": "onSearch", - "propType": "func", - "description": "当搜索框值变化时回调\n@param {String} value 数据" - }, - { - "name": "onSearchClear", - "propType": "func", - "description": "当搜索框值被清空时候的回调\n@param {String} actionType 触发的方式, 'select'(选择清空), 'popupClose'(弹窗关闭清空)" - }, - { - "name": "hasSelectAll", - "title": { - "label": "全选", - "tip": "多选模式下是否有全选功能" - }, - "propType": "bool", - "description": "多选模式下是否有全选功能" - }, - { - "name": "fillProps", - "title": { - "label": "FillProps", - "tip": "填充到选择框里的值的 key" - }, - "propType": "string", - "description": "填充到选择框里的值的 key\b\b" - }, - { - "name": "notFoundContent", - "title": { - "label": "空文案", - "tip": "notFoundContent|弹层内容为空的文案" - }, - "propType": "string", - "description": "弹层内容为空的文案" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "tagInline", - "title": { - "label": "Inline", - "tip": "tagInline|是否一行显示，仅在 mode 为 multiple 的时候生效" - }, - "propType": "bool", - "description": "是否一行显示，仅在 mode 为 multiple 的时候生效", - "defaultValue": false - }, - { - "name": "maxTagCount", - "title": { - "label": "最大标签数", - "tip": "maxTagCount|最多显示多少个 tag" - }, - "propType": "number", - "description": "最多显示多少个 tag" - }, - { - "name": "maxTagPlaceholder", - "title": { - "label": "隐藏 tag 占位符", - "tip": "maxTagPlaceholder|隐藏多余 tag 时显示的内容，在 maxTagCount 生效时起作用\n@param {number} selectedValues 当前已选中的元素\n@param {number} totalValues 总待选元素" - }, - "propType": "string", - "description": "隐藏多余 tag 时显示的内容，在 maxTagCount 生效时起作用\n@param {number} selectedValues 当前已选中的元素\n@param {number} totalValues 总待选元素" - }, - { - "name": "hiddenSelected", - "title": { - "label": "隐藏菜单", - "tip": "hiddenSelected|选择后是否立即隐藏菜单 (mode=multiple/tag 模式生效)" - }, - "propType": "bool", - "description": "选择后是否立即隐藏菜单 (mode=multiple/tag 模式生效)" - }, - { - "name": "onRemove", - "propType": "func", - "description": "tag 删除回调\n@param {object} item 渲染节点的item" - }, - { - "name": "onFocus", - "propType": "func", - "description": "焦点事件" - }, - { - "name": "onBlur", - "propType": "func", - "description": "失去焦点事件" - }, - { - "name": "onMouseEnter", - "propType": "func" - }, - { - "name": "onMouseLeave", - "propType": "func" - }, - { - "name": "onKeyDown", - "propType": "func" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Select.Option", - "title": "Select.Option", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Select", - "main": "src/index.js", - "destructuring": true, - "subName": "Option" - }, - "props": [ - { - "name": "value", - "propType": "string", - "description": "选项值", - "defaultValue": "test" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用", - "defaultValue": false - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Slider", - "title": "Slider", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Slider", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool", - "defaultValue": false - }, - { - "name": "className", - "propType": "any", - "description": "自定义传入的样式" - }, - { - "name": "adaptiveHeight", - "propType": "bool", - "description": "是否使用自适应高度", - "defaultValue": false - }, - { - "name": "animation", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "bool" - ] - }, - "description": "动效类型，默认是'slide'", - "defaultValue": "slide" - }, - { - "name": "arrows", - "propType": "bool", - "description": "是否显示箭头", - "defaultValue": true - }, - { - "name": "arrowSize", - "propType": { - "type": "oneOf", - "value": [ - "medium", - "large" - ] - }, - "description": "导航箭头大小 可选值: 'medium', 'large'", - "defaultValue": "medium" - }, - { - "name": "arrowPosition", - "propType": { - "type": "oneOf", - "value": [ - "inner", - "outer" - ] - }, - "description": "导航箭头位置 可选值: 'inner', 'outer'", - "defaultValue": "inner" - }, - { - "name": "arrowDirection", - "propType": { - "type": "oneOf", - "value": [ - "hoz", - "ver" - ] - }, - "description": "导航箭头的方向 可选值: 'hoz', 'ver'", - "defaultValue": "hoz" - }, - { - "name": "autoplay", - "propType": "bool", - "description": "是否自动播放", - "defaultValue": false - }, - { - "name": "autoplaySpeed", - "propType": "number", - "description": "自动播放的速度", - "defaultValue": 3000 - }, - { - "name": "nextArrow", - "propType": { - "type": "instanceOf", - "value": "element" - }, - "description": "向后箭头", - "defaultValue": null - }, - { - "name": "prevArrow", - "propType": { - "type": "instanceOf", - "value": "element" - }, - "description": "向前箭头", - "defaultValue": null - }, - { - "name": "centerMode", - "propType": "bool", - "description": "是否启用居中模式", - "defaultValue": false - }, - { - "name": "dots", - "propType": "bool", - "description": "是否显示导航锚点", - "defaultValue": true - }, - { - "name": "dotsDirection", - "propType": { - "type": "oneOf", - "value": [ - "hoz", - "ver" - ] - }, - "description": "导航锚点位置", - "defaultValue": "hoz" - }, - { - "name": "dotsClass", - "propType": "string" - }, - { - "name": "dotRender", - "propType": "func", - "description": "自定义导航锚点" - }, - { - "name": "draggable", - "propType": "bool", - "description": "是否可拖拽", - "defaultValue": true - }, - { - "name": "infinite", - "propType": "bool", - "description": "是否使用无穷循环模式", - "defaultValue": true - }, - { - "name": "defaultActiveIndex", - "propType": "number", - "description": "初始被激活的轮播图", - "defaultValue": 0 - }, - { - "name": "lazyLoad", - "propType": "bool", - "description": "是否启用懒加载", - "defaultValue": false - }, - { - "name": "slide", - "propType": "string", - "defaultValue": "div" - }, - { - "name": "slideDirection", - "propType": { - "type": "oneOf", - "value": [ - "hoz", - "ver" - ] - }, - "description": "轮播方向", - "defaultValue": "hoz" - }, - { - "name": "slidesToShow", - "propType": "number", - "description": "同时展示的图片数量", - "defaultValue": 1 - }, - { - "name": "slidesToScroll", - "propType": "number", - "description": "同时滑动的图片数量", - "defaultValue": 1 - }, - { - "name": "speed", - "propType": "number", - "description": "轮播速度", - "defaultValue": 600 - }, - { - "name": "activeIndex", - "propType": "number", - "description": "跳转到指定的轮播图（受控）" - }, - { - "name": "triggerType", - "propType": { - "type": "oneOf", - "value": [ - "click", - "hover" - ] - }, - "description": "锚点导航触发方式", - "defaultValue": "click" - }, - { - "name": "onChange", - "propType": "func", - "description": "轮播切换的回调函数\n@param {Number} index 幻灯片的索引" - }, - { - "name": "onBeforeChange", - "propType": "func" - }, - { - "name": "children", - "propType": "any" - }, - { - "name": "style", - "propType": "object", - "description": "自定义传入的class", - "defaultValue": null - }, - { - "name": "centerPadding", - "propType": "string", - "description": "Side padding when in center mode (px or %); 展示部分为center，pading会产生前后预览", - "defaultValue": "50px" - }, - { - "name": "cssEase", - "propType": "string", - "description": "CSS3 Animation Easing,默认‘ease’", - "defaultValue": "ease" - }, - { - "name": "edgeFriction", - "propType": "number", - "defaultValue": 0.35 - }, - { - "name": "focusOnSelect", - "propType": "bool", - "description": "多图轮播时，点击选中后自动居中", - "defaultValue": false - }, - { - "name": "pauseOnHover", - "propType": "bool", - "defaultValue": false - }, - { - "name": "swipe", - "propType": "bool", - "defaultValue": true - }, - { - "name": "swipeToSlide", - "propType": "bool", - "defaultValue": false - }, - { - "name": "touchMove", - "propType": "bool", - "defaultValue": true - }, - { - "name": "touchThreshold", - "propType": "number", - "defaultValue": 5 - }, - { - "name": "useCSS", - "propType": "bool", - "defaultValue": true - }, - { - "name": "variableWidth", - "propType": "bool", - "defaultValue": false - }, - { - "name": "waitForAnimate", - "propType": "bool", - "defaultValue": true - }, - { - "name": "edgeEvent", - "propType": "any", - "defaultValue": null - }, - { - "name": "swipeEvent", - "propType": "any", - "defaultValue": null - }, - { - "name": "vertical", - "defaultValue": false - }, - { - "name": "verticalSwiping", - "defaultValue": false - }, - { - "name": "dotsRender", - "defaultValue": null - } - ] - }, - { - "componentName": "SplitButton", - "title": "SplitButton", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "SplitButton", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "type", - "propType": { - "type": "oneOf", - "value": [ - "normal", - "primary", - "secondary" - ] - }, - "description": "按钮的类型", - "defaultValue": "normal" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "按钮组的尺寸", - "defaultValue": "medium" - }, - { - "name": "label", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "主按钮的文案" - }, - { - "name": "component", - "propType": { - "type": "oneOf", - "value": [ - "button", - "a" - ] - }, - "description": "设置标签类型" - }, - { - "name": "ghost", - "propType": { - "type": "oneOf", - "value": [ - "light", - "dark", - false, - true - ] - }, - "description": "是否为幽灵按钮" - }, - { - "name": "defaultSelectedKeys", - "propType": { - "type": "instanceOf", - "value": "array" - }, - "description": "默认激活的菜单项（用法同 Menu 非受控）", - "defaultValue": [] - }, - { - "name": "selectedKeys", - "propType": { - "type": "instanceOf", - "value": "array" - }, - "description": "激活的菜单项（用法同 Menu 受控）" - }, - { - "name": "selectMode", - "propType": { - "type": "oneOf", - "value": [ - "single", - "multiple" - ] - }, - "description": "菜单的选择模式" - }, - { - "name": "onSelect", - "propType": "func", - "description": "选择菜单项时的回调，参考 Menu" - }, - { - "name": "onItemClick", - "propType": "func", - "description": "点击菜单项时的回调，参考 Menu" - }, - { - "name": "triggerProps", - "propType": "object", - "description": "触发按钮的属性（支持 Button 的所有属性透传）" - }, - { - "name": "autoWidth", - "propType": "bool", - "description": "弹层菜单的宽度是否与按钮组一致", - "defaultValue": true - }, - { - "name": "visible", - "propType": "bool", - "description": "弹层是否显示" - }, - { - "name": "defaultVisible", - "propType": "bool", - "description": "弹层默认是否显示" - }, - { - "name": "onVisibleChange", - "propType": "func", - "description": "弹层显示状态变化时的回调函数\n@param {Boolean} visible 弹层显示状态\n@param {String} type 触发弹层显示或隐藏的来源 menuSelect 表示由menu触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" - }, - { - "name": "popupTriggerType", - "propType": { - "type": "oneOf", - "value": [ - "click", - "hover" - ] - }, - "description": "弹层的触发方式", - "defaultValue": "click" - }, - { - "name": "popupAlign", - "propType": "string", - "description": "弹层对齐方式, 详情见Overlay align" - }, - { - "name": "popupStyle", - "propType": "object", - "description": "弹层自定义样式" - }, - { - "name": "popupClassName", - "propType": "string", - "description": "弹层自定义样式类" - }, - { - "name": "popupProps", - "propType": "object", - "description": "透传给弹层的属性" - }, - { - "name": "followTrigger", - "propType": "bool", - "description": "是否跟随滚动" - }, - { - "name": "menuProps", - "propType": "object", - "description": "透传给 Menu 的属性" - }, - { - "name": "leftButtonProps", - "propType": "object", - "description": "透传给 左侧按钮 的属性" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "children", - "propType": "any" - } - ] - }, - { - "componentName": "Step", - "title": "Step", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Step", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "current", - "propType": "number", - "description": "当前步骤", - "defaultValue": 0 - }, - { - "name": "direction", - "propType": { - "type": "oneOf", - "value": [ - "hoz", - "ver" - ] - }, - "description": "展示方向", - "defaultValue": "hoz" - }, - { - "name": "labelPlacement", - "propType": { - "type": "oneOf", - "value": [ - "hoz", - "ver" - ] - }, - "description": "横向布局时( direction 为 hoz )的内容排列", - "defaultValue": "ver" - }, - { - "name": "shape", - "propType": { - "type": "oneOf", - "value": [ - "circle", - "arrow", - "dot" - ] - }, - "description": "类型", - "defaultValue": "circle" - }, - { - "name": "readOnly", - "propType": "bool", - "description": "是否只读模式" - }, - { - "name": "animation", - "propType": "bool", - "description": "是否开启动效", - "defaultValue": true - }, - { - "name": "className", - "propType": "string", - "description": "自定义样式名" - }, - { - "name": "itemRender", - "propType": "func", - "description": "StepItem 的自定义渲染\n@param {Number} index 节点索引\n@param {String} status 节点状态\n@returns {Node} 节点的渲染结果", - "defaultValue": null - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "StepItem", - "title": "StepItem", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Step", - "main": "src/index.js", - "destructuring": true, - "subName": "Item" - }, - "props": [ - { - "name": "prefix", - "propType": "string" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "status", - "propType": { - "type": "oneOf", - "value": [ - "wait", - "process", - "finish" - ] - }, - "description": "步骤的状态，如不传，会根据外层的 Step 的 current 属性生成，可选值为 `wait`, `process`, `finish`" - }, - { - "name": "title", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "标题" - }, - { - "name": "direction", - "propType": { - "type": "oneOf", - "value": [ - "hoz", - "ver" - ] - } - }, - { - "name": "labelPlacement", - "propType": { - "type": "oneOf", - "value": [ - "hoz", - "ver" - ] - } - }, - { - "name": "shape", - "propType": { - "type": "oneOf", - "value": [ - "circle", - "arrow", - "dot" - ] - }, - "defaultValue": "circle" - }, - { - "name": "icon", - "propType": "icon", - "description": "图标" - }, - { - "name": "content", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "内容填充, shape为 arrow 时无效" - }, - { - "name": "itemRender", - "propType": "func", - "description": "StepItem 的自定义渲染, 会覆盖父节点设置的itemRender\n@param {Number} index 节点索引\n@param {String} status 节点状态\n@returns {Node} 节点的渲染结果" - }, - { - "name": "percent", - "propType": "number", - "description": "百分比" - }, - { - "name": "index", - "propType": "number", - "defaultValue": 0 - }, - { - "name": "total", - "propType": "number", - "defaultValue": 1 - }, - { - "name": "animation", - "propType": "bool" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用" - }, - { - "name": "parentWidth", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "number" - ] - } - }, - { - "name": "parentHeight", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "number" - ] - } - }, - { - "name": "onClick", - "propType": "func", - "description": "点击步骤时的回调\n@param {Number} index 节点索引" - }, - { - "name": "className", - "propType": "string", - "description": "自定义样式" - }, - { - "name": "readOnly", - "propType": "bool" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Switch", - "title": "Switch", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Switch", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "className", - "propType": "string", - "description": "自定义类名" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内敛样式" - }, - { - "name": "checked", - "propType": "bool", - "description": "当前状态" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用", - "defaultValue": false - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "medium", - "small" - ] - }, - "description": "尺寸", - "defaultValue": "medium" - }, - { - "name": "checkedChildren", - "propType": "string", - "description": "打开时的内容" - }, - { - "name": "unCheckedChildren", - "propType": "string", - "description": "关闭时的内容" - }, - { - "name": "onChange", - "propType": "func", - "description": "开关状态改变是触发此事件\n@param {Boolean} checked 是否为打开状态\n@param {Event} e DOM事件对象" - }, - - { - "name": "onClick", - "propType": "func", - "description": "鼠标点击事件\n@param {Event} e DOM事件对象" - }, - { - "name": "onKeyDown", - "propType": "func", - "description": "键盘按键事件\n@param {Event} e DOM事件对象" - } - ] - }, - { - "componentName": "Tab", - "title": "Tab", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Tab", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "device", - "propType": { - "type": "oneOf", - "value": [ - "tablet", - "desktop", - "phone" - ] - } - }, - { - "name": "shape", - "propType": { - "type": "oneOf", - "value": [ - "pure", - "wrapped", - "text", - "capsule" - ] - }, - "description": "外观形态", - "defaultValue": "pure" - }, - { - "name": "animation", - "propType": "bool", - "description": "是否开启动效", - "defaultValue": true - }, - { - "name": "excessMode", - "propType": { - "type": "oneOf", - "value": [ - "slide", - "dropdown" - ] - }, - "description": "选项卡过多时的滑动模式", - "defaultValue": "slide" - }, - { - "name": "tabPosition", - "propType": { - "type": "oneOf", - "value": [ - "top", - "bottom", - "left", - "right" - ] - }, - "description": "导航选项卡的位置，只适用于包裹型（wrapped）选项卡", - "defaultValue": "top" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium" - ] - }, - "description": "尺寸", - "defaultValue": "medium" - }, - { - "name": "triggerType", - "propType": { - "type": "oneOf", - "value": [ - "hover", - "click" - ] - }, - "description": "激活选项卡的触发方式", - "defaultValue": "click" - }, - { - "name": "lazyLoad", - "propType": "bool", - "description": "是否延迟加载 TabPane 的内容, 默认开启, 即不提前渲染", - "defaultValue": true - }, - { - "name": "unmountInactiveTabs", - "propType": "bool", - "description": "是否自动卸载未处于激活状态的选项卡", - "defaultValue": false - }, - { - "name": "navClassName", - "propType": "string", - "description": "导航条的自定义样式类" - }, - { - "name": "contentClassName", - "propType": "string", - "description": "内容区容器的自定义样式类" - }, - { - "name": "extra", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "导航栏附加内容" - }, - { - "name": "onClick", - "propType": "func", - "description": "点击单个选项卡时触发的回调" - }, - { - "name": "onChange", - "propType": "func", - "description": "选项卡发生切换时的事件回调\n@param {String|Number} key 改变后的 key" - }, - { - "name": "onClose", - "propType": "func", - "description": "选项卡被关闭时的事件回调\n@param {String|Number} key 关闭的选项卡的 key" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Tab.Item", - "title": "Tab.Item", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Tab", - "main": "src/index.js", - "destructuring": true, - "subName": "Item" - }, - "props": [ - { - "name": "title", - "propType": "string", - "description": "选项卡标题" - }, - { - "name": "closeable", - "propType": "bool", - "description": "单个选项卡是否可关闭", - "defaultValue": false - }, - { - "name": "disabled", - "propType": "bool", - "description": "选项卡是否被禁用" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true, - "nestingRule": { - "parentWhitelist": ["Tab"] - } - } - } - }, - { - "componentName": "Tab.TabPane", - "title": "Tab.TabPane", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Tab", - "main": "src/index.js", - "destructuring": true, - "subName": "TabPane" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "title", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "选项卡标题" - }, - { - "name": "closeable", - "propType": "bool", - "description": "单个选项卡是否可关闭", - "defaultValue": false - }, - { - "name": "disabled", - "propType": "bool", - "description": "选项卡是否被禁用" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Tag", - "title": "Tag", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Tag", - "main": "src/index.js", - "destructuring": true - }, - "props": [ - { - "name": "type", - "propType": { - "type": "oneOf", - "value": [ - "normal", - "primary" - ] - }, - "description": "标签的类型" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "标签的尺寸（large 尺寸为兼容表单场景 large = medium）" - }, - { - "name": "color", - "propType": "color", - "description": "标签颜色, 目前支持：blue、 green、 orange、red、 turquoise、 yellow 和 hex 颜色值 （`color keywords`作为 Tag 组件的保留字，请勿直接使用 ）, `1.19.0` 以上版本生效" - }, - { - "name": "animation", - "propType": "bool", - "description": "是否开启动效" - }, - { - "name": "afterAppear", - "propType": "func", - "description": "标签出现动画结束后执行的回调" - }, - { - "name": "onClick", - "propType": "func", - "description": "点击回调" - }, - { - "name": "children", - "propType": "string", - "description": "内容" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": {} - }, - { - "componentName": "Tag.Selectable", - "title": "Tag.Selectable", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Tag", - "main": "src/index.js", - "destructuring": true, - "subName": "Selectable" - }, - "props": [ - { - "name": "checked", - "propType": "bool", - "description": "标签是否被选中，受控用法" - }, - { - "name": "defaultChecked", - "propType": "bool", - "description": "标签是否默认被选中，非受控用法" - }, - { - "name": "disabled", - "propType": "bool", - "description": "标签是否被禁用" - }, - { - "name": "onChange", - "propType": "func", - "description": "选中状态变化时触发的事件 Function(checked: Boolean, e: Event) => void" - }, - { - "name": "children", - "propType": "string", - "description": "内容" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": {} - }, - { - "componentName": "Tag.Closeable", - "title": "Tag.Closeable", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Tag", - "main": "src/index.js", - "destructuring": true, - "subName": "Closeable" - }, - "props": [ - { - "name": "closeArea", - "propType": { - "type": "oneOf", - "value": [ - "tag", - "tail" - ] - }, - "description": "closeable 标签的 onClose 响应区域, tag: 标签体, tail(默认): 关闭按钮" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "标签的尺寸（large 尺寸为兼容表单场景 large = medium）" - }, - { - "name": "onClose", - "propType": "func", - "description": "点击关闭按钮时的回调，返回值 true 则关闭, false 阻止关闭" - }, - { - "name": "onClick", - "propType": "func", - "description": "点击回调" - }, - { - "name": "afterClose", - "propType": "func", - "description": "标签关闭后执行的回调" - }, - { - "name": "children", - "propType": "string", - "description": "内容" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": {} - }, - { - "componentName": "TimePicker", - "title": "TimePicker", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "TimePicker", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "rtl", - "propType": "bool", - "defaultValue": false - }, - { - "name": "label", - "propType": "string", - "description": "按钮的文案" - }, - { - "name": "state", - "propType": { - "type": "oneOf", - "value": [ - "error", - "success" - ] - }, - "description": "输入框状态" - }, - { - "name": "placeholder", - "propType": "string", - "description": "输入框提示" - }, - { - "name": "value", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "时间值（moment 对象或时间字符串，受控状态使用）" - }, - { - "name": "defaultValue", - "propType": { - "type": "instanceOf", - "value": "custom" - }, - "description": "时间初值（moment 对象或时间字符串，非受控状态使用）" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "时间选择框的尺寸", - "defaultValue": "medium" - }, - { - "name": "hasClear", - "propType": "bool", - "description": "是否允许清空时间", - "defaultValue": true - }, - { - "name": "format", - "propType": "string", - "description": "时间的格式\nhttps://momentjs.com/docs/#/parsing/string-format/", - "defaultValue": "HH:mm:ss" - }, - { - "name": "hourStep", - "propType": "number", - "description": "小时选项步长" - }, - { - "name": "minuteStep", - "propType": "number", - "description": "分钟选项步长" - }, - { - "name": "secondStep", - "propType": "number", - "description": "秒钟选项步长" - }, - { - "name": "disabledHours", - "propType": "func", - "description": "禁用小时函数\n@param {Number} index 时 0 - 23\n@return {Boolean} 是否禁用" - }, - { - "name": "disabledMinutes", - "propType": "func", - "description": "禁用分钟函数\n@param {Number} index 分 0 - 59\n@return {Boolean} 是否禁用" - }, - { - "name": "disabledSeconds", - "propType": "func", - "description": "禁用秒钟函数\n@param {Number} index 秒 0 - 59\n@return {Boolean} 是否禁用" - }, - { - "name": "renderTimeMenuItems", - "propType": "func", - "description": "渲染的可选择时间列表\n[{\n label: '01',\n value: 1\n}]\n@param {Array} list 默认渲染的列表\n@param {String} mode 渲染的菜单 hour, minute, second\n@param {moment} value 当前时间，可能为 null\n@return {Array} 返回需要渲染的数据" - }, - { - "name": "visible", - "propType": "bool", - "description": "弹层是否显示（受控）" - }, - { - "name": "defaultVisible", - "propType": "bool", - "description": "弹层默认是否显示（非受控）" - }, - { - "name": "popupContainer", - "propType": "any", - "description": "弹层容器\n@param {Object} target 目标节点\n@return {ReactNode} 容器节点" - }, - { - "name": "popupAlign", - "propType": "string", - "description": "弹层对齐方式, 详情见Overlay 文档", - "defaultValue": "tl tl" - }, - { - "name": "popupTriggerType", - "propType": { - "type": "oneOf", - "value": [ - "click", - "hover" - ] - }, - "description": "弹层触发方式", - "defaultValue": "click" - }, - { - "name": "onVisibleChange", - "propType": "func", - "description": "弹层展示状态变化时的回调\n@param {Boolean} visible 弹层是否隐藏和显示\n@param {String} type 触发弹层显示和隐藏的来源 fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发" - }, - { - "name": "popupStyle", - "propType": "object", - "description": "弹层自定义样式" - }, - { - "name": "popupClassName", - "propType": "string", - "description": "弹层自定义样式类" - }, - { - "name": "popupProps", - "propType": "object", - "description": "弹层属性" - }, - { - "name": "followTrigger", - "propType": "bool", - "description": "是否跟随滚动" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用", - "defaultValue": false - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态" - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容\n@param {MomentObject} value 时间" - }, - { - "name": "onChange", - "propType": "func", - "description": "时间值改变时的回调\n@param {Object|String} value 时间对象或时间字符串" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "name", - "propType": "string" - }, - { - "name": "inputProps", - "propType": "object" - }, - { - "name": "popupComponent", - "propType": { - "type": "instanceOf", - "value": "elementType" - } - }, - { - "name": "popupContent", - "propType": { - "type": "instanceOf", - "value": "node" - } - }, - { - "name": "locale" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "props": { - "isExtends": true, - "override": [ - { - "name": "defaultValue", - "setter": "TimePicker" - }, - { - "name": "value", - "setter": "TimePicker" - } - ] - } - } - }, - { - "componentName": "Timeline", - "title": "Timeline", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Timeline", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "fold", - "propType": { - "type": "arrayOf", - "value": { - "type": "exact", - "value": [{ - "name": "foldArea", - "propType": { - "type": "arrayOf", - "value": "number" - } - }, { - "name": "foldShow", - "propType": "bool" - }] - - } - }, - "description": "自定义折叠选项 示例`[{foldArea: [startIndex, endIndex], foldShow: boolean}]`", - "defaultValue": [] - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true, - "nestingRule": { - "childWhitelist": ["TimelineItem"] - } - } - } - }, - { - "componentName": "TimelineItem", - "title": "TimelineItem", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Timeline", - "main": "src/index.js", - "destructuring": true, - "subName": "Item" - }, - "props": [ - { - "name": "state", - "propType": { - "type": "oneOf", - "value": [ - "done", - "process", - "error", - "success" - ] - }, - "description": "节点状态", - "defaultValue": "done" - }, - { - "name": "icon", - "propType": "icon", - "description": "图标" - }, - { - "name": "dot", - "propType": "node", - "description": "自定义时间轴节点" - }, - { - "name": "time", - "propType": "string", - "description": "格式化后的时间" - }, - { - "name": "title", - "propType": { - "type": "oneOfType", - "value": ["string", "node"] - }, - "description": "标题" - }, - { - "name": "timeLeft", - "propType": "string", - "description": "左侧时间" - }, - { - "name": "content", - "propType": { - "type": "oneOfType", - "value": ["string", "node"] - }, - "description": "右侧内容" - }, - { - "name": "animation", - "propType": "bool", - "description": "动画", - "defaultValue": true - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": false, - "nestingRule": { - "parentWhitelist": ["Timeline"] - } - } - } - }, - { - "componentName": "Transfer", - "title": "Transfer", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Transfer", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "id", - "propType": "string", - "description": "请设置 id 以保证transfer的可访问性" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "mode", - "propType": { - "type": "oneOf", - "value": [ - "normal", - "simple" - ] - }, - "description": "移动选项模式", - "defaultValue": "normal" - }, - { - "name": "dataSource", - "propType": "array", - "description": "数据源" - }, - { - "name": "value", - "propType": "array", - "description": "当前值" - }, - { - "name": "defaultValue", - "propType": "array", - "description": "默认值" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用", - "defaultValue": false - }, - { - "name": "leftDisabled", - "propType": "bool", - "description": "是否禁用左侧面板", - "defaultValue": false - }, - { - "name": "rightDisabled", - "propType": "bool", - "description": "是否禁用右侧面板", - "defaultValue": false - }, - { - "name": "itemRender", - "propType": "func", - "description": "列表项渲染函数" - }, - { - "name": "showSearch", - "propType": "bool", - "description": "是否显示搜索框", - "defaultValue": false - }, - { - "name": "filter", - "propType": "func", - "description": "自定义搜索函数" - }, - { - "name": "searchPlaceholder", - "propType": "string", - "description": "搜索框占位符" - }, - { - "name": "notFoundContent", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "列表为空显示内容", - "defaultValue": "Not Found" - }, - { - "name": "titles", - "propType": "array", - "description": "左右面板标题" - }, - { - "name": "operations", - "propType": "array", - "description": "向右向左移动按钮显示内容" - }, - { - "name": "defaultLeftChecked", - "propType": "array", - "description": "左面板默认选中值" - }, - { - "name": "defaultRightChecked", - "propType": "array", - "description": "右面板默认选中值" - }, - { - "name": "listClassName", - "propType": "string", - "description": "左右面板列表自定义样式类名" - }, - { - "name": "listStyle", - "propType": "object", - "description": "左右面板列表自定义样式对象" - }, - { - "name": "sortable", - "propType": "bool", - "description": "是否允许拖拽排序", - "defaultValue": false - }, - { - "name": "children", - "propType": "func", - "description": "接收 children 自定义渲染列表" - }, - { - "name": "onChange", - "propType": "func", - "description": "值发生改变的时候触发的回调函数" - }, - { - "name": "onSearch", - "propType": "func", - "description": "搜索框输入时触发的回调函数" - }, - { - "name": "onSort", - "propType": "func", - "description": "拖拽排序时触发的回调函数" - } - - ], - "configure": { - "props": { - "isExtends": true, - "override": [{ - "name": "dataSource", - "setter": "JsonSetter" - }] - } - } - }, - { - "componentName": "Tree", - "title": "Tree", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Tree", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "className", - "propType": "string" - }, - { - "name": "dataSource", - "propType": { - "type": "Json" - }, - "description": "数据源，该属性优先级高于 children" - }, - { - "name": "showLine", - "propType": "bool", - "description": "是否显示树的线", - "defaultValue": false - }, - { - "name": "selectable", - "propType": "bool", - "description": "是否支持选中节点", - "defaultValue": true - }, - { - "name": "onSelect", - "propType": "func", - "description": "选中或取消选中节点时触发的回调函数\n@param {Array} selectedKeys 选中节点key的数组\n@param {Object} extra 额外参数\n@param {Array} extra.selectedNodes 选中节点的数组\n@param {Object} extra.node 当前操作的节点\n@param {Boolean} extra.selected 当前操作是否是选中" - }, - { - "name": "multiple", - "propType": "bool", - "description": "是否支持多选", - "defaultValue": false - }, - { - "name": "checkable", - "propType": "bool", - "description": "是否支持勾选节点的复选框", - "defaultValue": false - }, - { - "name": "checkStrictly", - "propType": "bool", - "description": "勾选节点复选框是否完全受控（父子节点选中状态不再关联）", - "defaultValue": false - }, - { - "name": "checkedStrategy", - "propType": { - "type": "oneOf", - "value": [ - "all", - "parent", - "child" - ] - }, - "description": "定义选中时回填的方式\n@enumdesc 返回所有选中的节点, 父子节点都选中时只返回父节点, 父子节点都选中时只返回子节点", - "defaultValue": "all" - }, - { - "name": "onCheck", - "propType": "func", - "description": "勾选或取消勾选复选框时触发的回调函数\n@param {Array} checkedKeys 勾选复选框节点key的数组\n@param {Object} extra 额外参数\n@param {Array} extra.checkedNodes 勾选复选框节点的数组\n@param {Array} extra.checkedNodesPositions 包含有勾选复选框节点和其位置的对象的数组\n@param {Array} extra.indeterminateKeys 半选复选框节点 key 的数组\n@param {Object} extra.node 当前操作的节点\n@param {Boolean} extra.checked 当前操作是否是勾选" - }, - { - "name": "defaultExpandAll", - "propType": "bool", - "description": "是否默认展开所有节点", - "defaultValue": false - }, - { - "name": "autoExpandParent", - "propType": "bool", - "description": "是否自动展开父节点，建议受控时设置为false", - "defaultValue": true - }, - { - "name": "onExpand", - "propType": "func", - "description": "展开或收起节点时触发的回调函数\n@param {Array} expandedKeys 展开的节点key的数组\n@param {Object} extra 额外参数\n@param {Object} extra.node 当前操作的节点\n@param {Boolean} extra.expanded 当前操作是否是展开" - }, - { - "name": "editable", - "propType": "bool", - "description": "是否支持编辑节点内容", - "defaultValue": false - }, - { - "name": "onEditFinish", - "propType": "func", - "description": "编辑节点内容完成时触发的回调函数\n@param {String} key 编辑节点的 key\n@param {String} label 编辑节点完成时节点的文本\n@param {Object} node 当前编辑的节点" - }, - { - "name": "draggable", - "propType": "bool", - "description": "是否支持拖拽节点", - "defaultValue": false - }, - { - "name": "onDragStart", - "propType": "func", - "description": "开始拖拽节点时触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 拖拽的节点" - }, - { - "name": "onDragEnter", - "propType": "func", - "description": "拖拽节点进入目标节点时触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点\n@param {Array} info.expandedKeys 当前展开的节点key的数组" - }, - { - "name": "onDragOver", - "propType": "func", - "description": "拖拽节点在目标节点上移动的时候触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点" - }, - { - "name": "onDragLeave", - "propType": "func", - "description": "拖拽节点离开目标节点时触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点" - }, - { - "name": "onDragEnd", - "propType": "func", - "description": "拖拽节点拖拽结束时触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点" - }, - { - "name": "onDrop", - "propType": "func", - "description": "拖拽节点放入目标节点内或前后触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点\n@param {Object} info.dragNode 拖拽的节点\n@param {Array} info.dragNodesKeys 拖拽的节点和其子节点 key 的数组\n@param {Number} info.dropPosition 放置位置，-1代表当前节点前，0代表当前节点里，1代表当前节点后" - }, - { - "name": "canDrop", - "propType": "func", - "description": "节点是否可被作为拖拽的目标节点" - }, - { - "name": "loadData", - "propType": "func", - "description": "异步加载数据的函数" - }, - { - "name": "filterTreeNode", - "propType": "func", - "description": "按需筛选高亮节点" - }, - { - "name": "onRightClick", - "propType": "func", - "description": "右键点击节点时触发的回调函数" - }, - { - "name": "isLabelBlock", - "propType": "bool", - "description": "设置节点是否占满剩余空间，一般用于统一在各节点右侧添加元素(借助 flex 实现，暂时只支持 ie10+)", - "defaultValue": false - }, - { - "name": "isNodeBlock", - "propType": "bool", - "description": "设置节点是否占满一行", - "defaultValue": false - }, - { - "name": "animation", - "propType": "bool", - "description": "是否开启展开收起动画", - "defaultValue": true - }, - { - "name": "focusedKey", - "propType": "string", - "description": "当前获得焦点的子菜单或菜单项 key 值" - }, - { - "name": "renderChildNodes", - "propType": "func", - "description": "渲染子节点" - }, - { - "name": "useVirtual", - "propType": "bool", - "description": "是否开启虚拟滚动" - }, - { - "name": "onItemFocus", - "propType": "func" - }, - { - "name": "onBlur", - "propType": "func" - }, - { - "name": "onItemKeyDown", - "propType": "func" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "TreeNode", - "title": "TreeNode", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Tree", - "main": "src/index.js", - "destructuring": true, - "subName": "Node" - }, - "props": [ - { - "name": "className", - "propType": "string" - }, - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "树节点" - }, - { - "name": "label", - "propType": { - "type": "oneOfType", - "value": [ - "string", - "node" - ] - }, - "description": "节点文本内容", - "defaultValue": "---" - }, - { - "name": "selectable", - "propType": "bool", - "description": "单独设置是否支持选中，覆盖 Tree 的 selectable" - }, - { - "name": "checkable", - "propType": "bool", - "description": "单独设置是否出现复选框，覆盖 Tree 的 checkable" - }, - { - "name": "editable", - "propType": "bool", - "description": "单独设置是否支持编辑，覆盖 Tree 的 editable" - }, - { - "name": "draggable", - "propType": "bool", - "description": "单独设置是否支持拖拽，覆盖 Tree 的 draggable" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁止节点响应", - "defaultValue": false - }, - { - "name": "checkboxDisabled", - "propType": "bool", - "description": "是否禁止勾选节点复选框", - "defaultValue": false - }, - { - "name": "isLeaf", - "propType": "bool", - "description": "是否是叶子节点", - "defaultValue": false - } - ] - }, - { - "componentName": "TreeSelect", - "title": "TreeSelect", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "TreeSelect", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "className", - "propType": "string" - }, - { - "name": "children", - "propType": "node", - "description": "树节点" - }, - { - "name": "dataSource", - "propType": { - "type": "Json" - }, - "description": "数据源" - }, - - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "description": "选择框大小", - "defaultValue": "medium" - }, - { - "name": "placeholder", - "propType": "string", - "description": "选择框占位符" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用", - "defaultValue": false - }, - { - "name": "hasArrow", - "propType": "bool", - "description": "是否有下拉箭头", - "defaultValue": true - }, - { - "name": "hasBorder", - "propType": "bool", - "description": "是否有边框", - "defaultValue": true - }, - { - "name": "hasClear", - "propType": "bool", - "description": "是否有清空按钮", - "defaultValue": false - }, - { - "name": "label", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "自定义内联label" - }, - { - "name": "readOnly", - "propType": "bool", - "description": "是否只读" - }, - { - "name": "autoWidth", - "propType": "bool", - "description": "下拉框是否与选择器对齐", - "defaultValue": true - }, - { - "name": "onChange", - "propType": "func", - "description": "选中值改变时触发的回调函数\n@param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组\n@param {Object|Array} data 选中的数据，包括 value, label, pos, key属性，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点" - }, - { - "name": "showSearch", - "propType": "bool", - "description": "是否显示搜索框", - "defaultValue": false - }, - { - "name": "onSearch", - "propType": "func", - "description": "在搜索框中输入时触发的回调函数\n@param {String} keyword 输入的关键字" - }, - { - "name": "onSearchClear", - "propType": "func" - }, - { - "name": "notFoundContent", - "propType": { - "type": "instanceOf", - "value": "node" - }, - "description": "无数据时显示内容", - "defaultValue": "Not Found" - }, - { - "name": "multiple", - "propType": "bool", - "description": "是否支持多选", - "defaultValue": false - }, - { - "name": "treeCheckable", - "propType": "bool", - "description": "下拉框中的树是否支持勾选节点的复选框", - "defaultValue": false - }, - { - "name": "treeCheckStrictly", - "propType": "bool", - "description": "下拉框中的树勾选节点复选框是否完全受控（父子节点选中状态不再关联）", - "defaultValue": false - }, - { - "name": "treeCheckedStrategy", - "propType": { - "type": "oneOf", - "value": [ - "all", - "parent", - "child" - ] - }, - "description": "定义选中时回填的方式\n@enumdesc 返回所有选中的节点, 父子节点都选中时只返回父节点, 父子节点都选中时只返回子节点", - "defaultValue": "parent" - }, - { - "name": "treeDefaultExpandAll", - "propType": "bool", - "description": "下拉框中的树是否默认展开所有节点", - "defaultValue": false - }, - { - "name": "treeLoadData", - "propType": "func", - "description": "下拉框中的树异步加载数据的函数，使用请参考[Tree的异步加载数据Demo](https://fusion.design/component/tree)\n@param {ReactElement} node 被点击展开的节点" - }, - { - "name": "treeProps", - "propType": { - "type": "Json" - }, - "description": "透传到 Tree 的属性对象" - }, - { - "name": "defaultVisible", - "propType": "bool", - "description": "初始下拉框是否显示", - "defaultValue": false - }, - { - "name": "visible", - "propType": "bool", - "description": "当前下拉框是否显示" - }, - { - "name": "onVisibleChange", - "propType": "func", - "description": "下拉框显示或关闭时触发事件的回调函数\n@param {Boolean} visible 是否显示\n@param {String} type 触发显示关闭的操作类型" - }, - { - "name": "popupStyle", - "propType": { - "type": "Json" - }, - "description": "下拉框自定义样式对象" - }, - { - "name": "popupClassName", - "propType": "string", - "description": "下拉框样式自定义类名" - }, - { - "name": "popupContainer", - "propType": "any", - "description": "下拉框挂载的容器节点" - }, - { - "name": "popupProps", - "propType": { - "type": "Json" - }, - "description": "透传到 Popup 的属性对象" - }, - { - "name": "followTrigger", - "propType": "bool", - "description": "是否跟随滚动" - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态" - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容\n@param {Array} value 选择值 { label: , value:}" - }, - { - "name": "useVirtual", - "propType": "bool", - "description": "是否开启虚拟滚动" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Typography", - "title": "Typography", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Typography", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "component", - "propType": { - "type": "instanceOf", - "value": "elementType" - }, - "description": "设置标签类型", - "defaultValue": "article" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "children", - "title": "内容", - "propType": "string" - } - ], - "configure": { - "component": { - "isContainer": true, - "isModel": true - } - } - }, - { - "componentName": "Paragraph", - "title": "Paragraph", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Typography", - "main": "src/index.js", - "destructuring": true, - "subName": "Paragraph" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "component", - "propType": { - "type": "instanceOf", - "value": "elementType" - }, - "description": "设置标签类型", - "defaultValue": "p" - }, - { - "name": "type", - "defaultValue": "long" - }, - { - "name": "size", - "defaultValue": "medium" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Typography.Text", - "title": "Text", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Typography", - "main": "src/index.js", - "destructuring": true, - "subName": "Text" - }, - "props": [ - { - "name": "children", - "propType": "string" - }, - { - "name": "delete", - "propType": "bool", - "description": "添加删除线样式", - "defaultValue": false - }, - { - "name": "mark", - "propType": "bool", - "description": "添加标记样式", - "defaultValue": false - }, - { - "name": "underline", - "propType": "bool", - "description": "添加下划线样式", - "defaultValue": false - }, - { - "name": "strong", - "propType": "bool", - "description": "是否加粗", - "defaultValue": false - }, - { - "name": "code", - "propType": "bool", - "description": "添加代码样式", - "defaultValue": false - }, - { - "name": "component", - "propType": { - "type": "oneOf", - "value": [ - "span", - "H1", - "H2", - "H3", - "H4" - ] - }, - "description": "设置标签类型", - "defaultValue": "span" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "props": { - "isExtends": true, - "override": [ - { - "name": "children", - "setter": "TextAreaSetter" - } - ] - } - } - }, - { - "componentName": "Upload", - "title": "Upload", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Upload", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "action", - "propType": "string", - "description": "上传的地址" - }, - { - "name": "value", - "propType": { - "type": "Json" - }, - "description": "文件列表" - }, - { - "name": "defaultValue", - "propType": { - "type": "Json" - }, - "description": "默认文件列表" - }, - { - "name": "shape", - "propType": { - "type": "oneOf", - "value": [ - "card" - ] - }, - "description": "上传按钮形状" - }, - { - "name": "listType", - "propType": { - "type": "oneOf", - "value": [ - "text", - "image", - "card" - ] - }, - "description": "上传列表的样式" - }, - { - "name": "name", - "propType": "string", - "description": "文件名字段" - }, - { - "name": "data", - "propType": { - "type": "oneOfType", - "value": [ - "Json", - "func" - ] - }, - "description": "上传额外传参" - }, - { - "name": "formatter", - "propType": "func", - "title": { - "label": "数据格式化函数", - "tip": "数据格式化函数，配合自定义 action 使用，参数为服务器的响应数据，详见 [formatter](#formater)\n@param {Object} response 返回\n@param {File} file 文件对象" - } - }, - { - "name": "limit", - "propType": "number", - "description": "最大文件上传个数", - "defaultValue": null - }, - { - "name": "timeout", - "propType": "number", - "description": "设置上传超时,单位ms" - }, - { - "name": "dragable", - "propType": "bool", - "description": "可选参数，是否支持拖拽上传，`ie10+` 支持。" - }, - - { - "name": "useDataURL", - "propType": "bool", - "description": "可选参数，是否本地预览" - }, - { - "name": "disabled", - "propType": "bool", - "description": "可选参数，是否禁用上传功能" - }, - { - "name": "onSelect", - "propType": "func", - "description": "选择文件回调" - }, - { - "name": "onProgress", - "propType": "func", - "description": "上传中" - }, - { - "name": "onChange", - "propType": "func", - "description": "上传文件改变时的状态\n@param {Object} info 文件事件对象" - }, - { - "name": "onSuccess", - "propType": "func", - "description": "可选参数，上传成功回调函数，参数为请求下响应信息以及文件\n@param {Object} file 文件\n@param {Array} value 值" - }, - { - "name": "afterSelect", - "propType": "func", - "description": "可选参数, 用于校验文件,afterSelect仅在 autoUpload=false 的时候生效,autoUpload=true时,可以使用beforeUpload完全可以替代该功能.\n@param {Object} file\n@returns {Boolean} 返回false会阻止上传,其他则表示正常" - }, - { - "name": "onRemove", - "propType": "func", - "description": "移除文件回调函数\n@param {Object} file 文件\n@returns {Boolean|Promise} 返回 false、Promise.resolve(false)、 Promise.reject() 将阻止文件删除" - }, - { - "name": "onError", - "propType": "func", - "description": "可选参数，上传失败回调函数，参数为上传失败的信息、响应信息以及文件\n@param {Object} file 出错的文件\n@param {Array} value 当前值" - }, - { - "name": "beforeUpload", - "propType": "func", - "title": { - "label": "开始上传时回调", - "tip": "可选参数, 详见 [beforeUpload](#beforeUpload)\n@param {Object} file 所有文件\n@param {Object} options 参数\n@returns {Boolean|Object|Promise} 返回值作用见demo" - } - }, - { - "name": "onDrop", - "propType": "func", - "description": "放文件" - }, - { - "name": "className", - "propType": "string", - "description": "自定义class" - }, - { - "name": "style", - "propType": "object", - "description": "自定义内联样式" - }, - { - "name": "autoUpload", - "propType": "bool", - "description": "自动上传", - "defaultValue": true - }, - { - "name": "request", - "propType": "func", - "description": "自定义上传方法\n@param {Object} option\n@return {Object} object with abort method" - }, - { - "name": "progressProps", - "propType": "Json", - "description": "透传给Progress props" - }, - { - "name": "isPreview", - "propType": "bool", - "description": "是否为预览态" - }, - { - "name": "renderPreview", - "propType": "func", - "description": "预览态模式下渲染的内容\n@param {number} value 评分值" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Upload.Selecter", - "title": "Upload.Selecter", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Upload", - "main": "src/index.js", - "destructuring": true, - "subName": "Selecter" - }, - "props": [ - { - "name": "id", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "disabled", - "propType": "bool", - "description": "是否禁用上传功能" - }, - { - "name": "multiple", - "propType": "bool", - "description": "是否支持多选文件，`ie10+` 支持。开启后按住 ctrl 可选择多个文件", - "defaultValue": false - }, - { - "name": "dragable", - "propType": "bool", - "description": "是否支持拖拽上传，`ie10+` 支持。" - }, - { - "name": "accept", - "propType": "string", - "description": "接受上传的文件类型 (image/png, image/jpg, .doc, .ppt) 详见 [input accept attribute](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input#attr-accept)" - }, - { - "name": "onSelect", - "propType": "func", - "description": "文件选择回调" - }, - { - "name": "onDragOver", - "propType": "func", - "description": "拖拽经过回调" - }, - { - "name": "onDragLeave", - "propType": "func", - "description": "拖拽离开回调" - }, - { - "name": "onDrop", - "propType": "func", - "description": "拖拽完成回调" - }, - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "node" - } - }, - { - "name": "name", - "propType": "string", - "defaultValue": "file" - } - ] - }, - { - "componentName": "Upload.Dragger", - "title": "Upload.Dragger", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Upload", - "main": "src/index.js", - "destructuring": true, - "subName": "DragUpload" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "description": "样式前缀", - "defaultValue": "next-" - }, - { - "name": "locale", - "propType": "object" - }, - { - "name": "shape", - "propType": "string" - }, - { - "name": "onDragOver", - "propType": "func" - }, - { - "name": "onDragLeave", - "propType": "func" - }, - { - "name": "onDrop", - "propType": "func" - }, - { - "name": "limit", - "propType": "number" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "defaultValue", - "propType": { - "type": "instanceOf", - "value": "array" - } - }, - { - "name": "children", - "propType": { - "type": "instanceOf", - "value": "node" - } - }, - { - "name": "listType", - "propType": "string" - }, - { - "name": "timeout", - "propType": "number" - } - ] - }, - { - "componentName": "Upload.List", - "title": "Upload.List", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Upload", - "main": "src/index.js", - "destructuring": true, - "subName": "List" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "locale", - "propType": "object", - "description": "多语言" - }, - { - "name": "listType", - "propType": { - "type": "oneOf", - "value": [ - "text", - "image", - "card" - ] - }, - "description": "文件列表，数据格式请参考 文件对象", - "defaultValue": "text" - }, - { - "name": "value", - "propType": { - "type": "instanceOf", - "value": "array" - }, - "description": "文件列表", - "defaultValue": [] - }, - { - "name": "closable", - "propType": "bool", - "defaultValue": false - }, - { - "name": "onRemove", - "propType": "func", - "description": "删除文件回调(支持Promise)" - }, - { - "name": "onCancel", - "propType": "func", - "description": "取消上传回调(支持Promise)" - }, - { - "name": "onImageError", - "propType": "func", - "description": "头像加载出错回调" - }, - { - "name": "onPreview", - "propType": "func", - "description": "listType=card时点击图片回调" - }, - { - "name": "extraRender", - "propType": "func", - "description": "自定义额外渲染" - }, - { - "name": "progressProps", - "propType": "object", - "description": "透传给Progress props" - }, - { - "name": "children", - "propType": "node" - }, - { - "name": "uploader", - "propType": "any" - }, - { - "name": "useDataURL", - "propType": "bool", - "description": "可选参数，是否本地预览" - }, - { - "name": "rtl", - "propType": "bool" - }, - { - "name": "isPreview", - "propType": "bool" - }, - { - "name": "style", - "propType": "object" - } - ] - }, - { - "componentName": "Field", - "title": "Field", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Field", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "this", - "propType": "any" - } - ] - }, - { - "componentName": "Avatar", - "title": "Avatar", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Avatar", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "children", - "propType": "string" - }, - { - "name": "className", - "propType": "string" - }, - { - "name": "size", - "title": "size", - "propType": { - "type": "oneOfType", - "value": [ - { - "type": "oneOf", - "value": [ - "small", - "medium", - "large" - ] - }, - "number" - ] - }, - "description": "头像的大小", - "defaultValue": "medium" - }, - { - "name": "shape", - "title": "shap", - "propType": { - "type": "oneOf", - "value": [ - "circle", - "square" - ] - }, - "description": "头像的形状", - "defaultValue": "circle" - }, - { - "name": "icon", - "title": "icon", - "propType": "icon", - "description": "icon 类头像的图标类型，可设为 Icon 的 `type` 或 `ReactNode`" - }, - { - "name": "src", - "title": "src", - "propType": "string", - "description": "图片类头像的资源地址" - }, - { - "name": "onError", - "propType": "func", - "description": "图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "ResponsiveGrid", - "title": "布局容器", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "ResponsiveGrid", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "className", - "propType": "any" - }, - { - "name": "device", - "propType": { - "type": "oneOf", - "value": [ - "phone", - "tablet", - "desktop" - ] - }, - "description": "设备，用来做自适应，默认为PC", - "defaultValue": "desktop" - }, - { - "name": "columns", - "propType": "number", - "description": "分为几列", - "defaultValue": 4 - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "title": "布局容器 Cell", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "ResponsiveGrid", - "main": "src/index.js", - "destructuring": true, - "subName": "Cell" - }, - "props": [ - { - "name": "colSpan", - "propType": "number", - "description": "横向，占据几列" - }, - { - "name": "rowSpan", - "propType": "number", - "description": "纵向，占据几行" - }, - { - "name": "style", - "propType": "object" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "Box", - "title": "容器", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "Box", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "direction", - "title": { - "label": "布局方向", - "tip": "布局方向，默认为 column ，一个元素占据一整行，默认为column" - }, - "propType": { - "type": "oneOf", - "value": [ - "row", - "column" - ] - }, - "defaultValue": "column" - }, - { - "name": "wrap", - "title": "是否折行", - "propType": "bool", - "description": "是否折行", - "defaultValue": false - }, - { - "name": "justify", - "title": { - "label": "沿主轴排布关系", - "tip": "沿着主轴方向，子元素们的排布关系 （兼容性同 justify-content ）" - }, - "propType": { - "type": "oneOf", - "value": [ - "flex-start", - "center", - "flex-end", - "space-between", - "space-around" - ] - } - }, - { - "name": "align", - "title": { - "label": "垂直主轴排布关系", - "tip": "垂直主轴方向，子元素们的排布关系 （兼容性同 align-items ）" - }, - "propType": { - "type": "oneOf", - "value": [ - "flex-start", - "center", - "flex-end", - "baseline", - "stretch" - ] - } - }, - { - "name": "spacing", - "title": { - "label": "元素间距", - "tip": "元素之间的间距 [bottom&top, right&left]" - }, - "propType": { - "type": "oneOfType", - "value": [ - "number", - { - "type": "arrayOf", - "value": "number" - } - ] - } - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "List", - "title": "List", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "List", - "main": "src/index.js", - "destructuring": true, - "subName": "" - }, - "props": [ - { - "name": "prefix", - "propType": "string", - "defaultValue": "next-" - }, - { - "name": "style", - "propType": "object" - }, - { - "name": "header", - "propType": "node" - }, - { - "name": "size", - "propType": { - "type": "oneOf", - "value": [ - "small", - "medium" - ] - } - }, - { - "name": "footer", - "propType": "node" - }, - { - "name": "divider", - "propType": "node" - } - ], - "configure": { - "component": { - "isContainer": true - } - } - }, - { - "componentName": "List.Item", - "title": "List.Item", - "docUrl": "", - "screenshot": "", - "npm": { - "package": "@alifd/next", - "version": "1.19.18", - "exportName": "List", - "main": "src/index.js", - "destructuring": true, - "subName": "Item" - }, - "props": [ - { - "name": "style", - "propType": "object" - }, - { - "name": "title", - "propType": "node" - }, - { - "name": "description", - "propType": "node" - }, - { - "name": "media", - "propType": "node" - }, - { - "name": "extra", - "propType": "node" - } - ] - } - ], - "componentList": [ - { - "title": "DataDisplay", - "children": [ - { - "componentName": "Avatar", - "title": "头像", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "头像", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_avatar.png", - "schema": { - "componentName": "Avatar", - "props": { - "prefix": "next-", - "size": "medium", - "shape": "circle", - "icon": "smile" - } - } - } - ] - }, - { - "componentName": "Badge", - "title": "徽标数", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "徽标数", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_badge.png", - "schema": { - "componentName": "Badge", - "props": { - "prefix": "next-", - "showZero": true - } - } - } - ] - }, - { - "componentName": "Drawer", - "title": "抽屉", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "抽屉", - "screenshot": "https://img.alicdn.com/tfs/TB1RiM3lgHqK1RjSZFEXXcGMXXa-404-422.png", - "schema": { - "componentName": "Drawer", - "props": { - "prefix": "next-", - "triggerType": "click", - "closeable": true, - "placement": "right", - "hasMask": true, - "visible": true - } - } - } - ] - }, - { - "componentName": "NextTable", - "title": "NextTable", - "icon": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png", - "package": "NextTable", - "library": "NextTable", - "snippets": [{ - "title": "NextTable", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png", - "schema": { - "componentName": "NextTable", - "props": { - "showMiniPager": true, - "showActionBar": true, - "actionBar": [ - { - "title": "新增", - "type": "primary" - }, - { - "title": "编辑" - } - ], - "columns": [ - { - "dataKey": "name", - "width": 200, - "align": "center", - "title": "姓名", - "editType": "text" - }, - { - "dataKey": "age", - "width": 200, - "align": "center", - "title": "年龄" - }, - { - "dataKey": "email", - "width": 200, - "align": "center", - "title": "邮箱" - } - ], - "data": [ - { - "name": "王小", - "id": "1", - "age": 15000, - "email": "aaa@abc.com" - }, - { - "name": "王中", - "id": "2", - "age": 25000, - "email": "bbb@abc.com" - }, - { - "name": "王大", - "id": "3", - "age": 35000, - "email": "ccc@abc.com" - } - ], - "actionTitle": "操作", - "actionWidth": 180, - "actionType": "link", - "actionFixed": "right", - "actionHidden": false, - "maxWebShownActionCount": 2, - "actionColumn": [ - { - "title": "编辑", - "callback": { - "type": "JSFunction", - "value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n });\n }" - }, - "device": ["desktop"] - }, - { - "title": "保存", - "callback": { - "type": "JSFunction", - "value": "(rowData, action, table) => { \nreturn table.saveRow(rowData).then((row) => { \nconsole.log(row); \n}); \n}" - }, - "mode": "EDIT" - } - ] - } - } - }] - }, - { - "componentName": "Table", - "title": "表格", - "icon": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "表格", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png", - "schema": { - "componentName": "Table", - "props": { - "dataSource": [{ - "id": 1, "time": "2016" - },{ - "id": 2, "time": "2017" - }], - "size": "medium", - "prefix": "next-", - "hasBorder": true, - "hasHeader": true, - "isZebra": false, - "loading": false, - "expandedIndexSimulate": false, - "primaryKey": "id", - "locale": "zhCN.Table", - "crossline": false - }, - "children": [ - { - "componentName": "Table.Column", - "props": { - "title": "id", - "dataIndex": "id", - "cell": { - "type": "JSSlot", - "params": ["value", "index", "record"], - "value": [{ - "componentName": "Button", - "props": { - "type": "primary", - "children": { - "type": "JSExpression", - "value": "this.value" - } - } - }] - } - } - }, - { - "componentName": "Table.Column", - "props": { - "title": "time", - "dataIndex": "time" - } - } - ] - } - } - ] - },{ - "componentName": "Table.Column", - "title": "表格列", - "icon": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "表格列", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png", - "schema": { - "componentName": "Table.Column", - "props": { - "title": "name" - } - } - } - ] - }, - { - "componentName": "Calendar", - "title": "日历", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "screenshot": "https://img.alicdn.com/tfs/TB158yMu4v1gK0jSZFFXXb0sXXa-112-64.png", - "title": "卡片型", - "schema": { - "componentName": "Calendar", - "props": { - "shape": "card" - } - } - }, - { - "screenshot": "https://img.alicdn.com/tfs/TB1PRmJu7P2gK0jSZPxXXacQpXa-112-64.png", - "title": "面板型", - "schema": { - "componentName": "Calendar", - "props": { - "shape": "panel" - } - } - }, - { - "screenshot": "https://img.alicdn.com/tfs/TB10JuKu.T1gK0jSZFhXXaAtVXa-112-64.png", - "title": "全屏型", - "schema": { - "componentName": "Calendar", - "props": { - "shape": "fullscreen" - } - } - } - ] - }, - { - "componentName": "Card", - "title": "卡片", - "icon": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_card.png", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "screenshot": "https://img.alicdn.com/tfs/TB1CHN3u4z1gK0jSZSgXXavwpXa-112-64.png", - "title": "普通型", - "schema": { - "componentName": "Card", - "props": { - "title": "普通型卡片" - }, - "children": [] - } - }, - { - "screenshot": "https://img.alicdn.com/tfs/TB1.Ut6u4D1gK0jSZFKXXcJrVXa-112-64.png", - "title": "自定义", - "schema": { - "componentName": "Card", - "props": { - "title": "自定义卡片", - "extra": { - "type": "JSSlot" - } - }, - "children": [] - } - } - ] - }, - { - "componentName": "Cascader", - "title": "级联", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "级联", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_cascader.png", - "schema": { - "componentName": "Cascader", - "props": { - "prefix": "next-", - "expandTriggerType": "click", - "dataSource": [{ - "value": "2974", - "label": "西安", - "children": [ - { "value": "2975", "label": "西安市" }, - { "value": "2976", "label": "高陵县" }, - { "value": "2977", "label": "蓝田县" } - ] - }] - } - } - } - ] - }, - { - "componentName": "Collapse", - "title": "折叠面板", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "折叠面板", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_collapse.png", - "schema": { - "componentName": "Collapse", - "props": { - "prefix": "next-" - }, - "children": [{ - "componentName": "Collapse.Panel", - "props": { - "title": "面板标题" - } - }] - } - } - ] - }, - { - "componentName": "Collapse.Panel", - "title": "折叠面板Panel", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "折叠面板Panel", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_collapse.png", - "schema": { - "componentName": "Collapse.Panel", - "props": { - "prefix": "next-", - "title": "面板标题" - } - } - } - ] - }, - { - "componentName": "List", - "title": "列表", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "列表", - "screenshot": "", - "schema": { - "componentName": "List", - "props": {} - } - } - ] - },{ - "componentName": "List.Item", - "title": "列表项", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "列表项", - "screenshot": "", - "schema": { - "componentName": "List.Item", - "props": {} - } - } - ] - }, - { - "componentName": "Menu", - "title": "菜单", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "菜单", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", - "schema": { - "componentName": "Menu", - "props": { - "defaultOpenKeys": [], - "mode": "inline", - "triggerType": "click", - "openMode": "multiple", - "inlineIndent": 20, - "inlineArrowDirection": "down", - "popupAlign": "follow", - "defaultSelectedKeys": [], - "hasSelectedIcon": true, - "labelToggleChecked": true, - "direction": "ver", - "hozAlign": "left", - "focusable": true, - "expandAnimation": true - }, - "children": [{ - "componentName": "Menu.Item", - "props": { - }, - "children": "Option" - }] - } - } - ] - }, - { - "componentName": "SubMenu", - "title": "子菜单", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "子菜单", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", - "schema": { - "componentName": "SubMenu", - "props": { - "label": "子菜单", - "mode": "inline" - }, - "children": [{ - "componentName": "Menu.Item", - "props": { - }, - "children": "Option" - }] - } - } - ] - }, - { - "componentName": "Menu.Item", - "title": "菜单项", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "菜单项", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", - "schema": { - "componentName": "Menu.Item", - "props": { - }, - "children": "Option" - } - } - ] - }, - { - "componentName": "CheckboxItem", - "title": "可选中菜单项", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "可选中菜单项", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", - "schema": { - "componentName": "CheckboxItem", - "props": { - }, - "children": "Check Option" - } - } - ] - }, - { - "componentName": "RadioItem", - "title": "单选菜单项", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "单选菜单项", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", - "schema": { - "componentName": "RadioItem", - "props": { - }, - "children": "Radio Option" - } - } - ] - }, - { - "componentName": "Menu.PopupItem", - "title": "自定义弹出内容", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "自定义弹出内容", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", - "schema": { - "componentName": "Menu.PopupItem", - "props": { - "label": "Popup item" - }, - "children": { - "componentName": "Box", - "props": {}, - "children": "Custom content" - } - } - } - ] - }, - { - "componentName": "Menu.Group", - "title": "菜单组", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "菜单组", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", - "schema": { - "componentName": "Menu.Group", - "props": { - "label": "菜单组" - }, - "children": [{ - "componentName": "Menu.Item", - "props": { - }, - "children": "Option" - }] - } - } - ] - }, - { - "componentName": "Menu.Divider", - "title": "菜单分隔线", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "菜单分隔线", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png", - "schema": { - "componentName": "Menu.Divider", - "props": {} - } - } - ] - }, - { - "componentName": "Progress", - "title": "进度指示器", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "进度指示器", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_progress.png", - "schema": { - "componentName": "Progress", - "props": { - "prefix": "next-", - "shape": "line", - "size": "medium", - "state": "normal" - } - } - } - ] - }, - { - "componentName": "Slider", - "title": "图片轮播", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "图片轮播", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_slider.png", - "schema": { - "componentName": "Slider", - "props": { - "prefix": "next-", - "animation": "slide", - "arrows": true, - "arrowSize": "medium", - "arrowPosition": "inner", - "arrowDirection": "hoz", - "autoplaySpeed": 3000, - "dots": true, - "dotsDirection": "hoz", - "draggable": true, - "infinite": true, - "slide": "div", - "slideDirection": "hoz", - "slidesToShow": 1, - "slidesToScroll": 1, - "speed": 600, - "triggerType": "click", - "centerPadding": "50px", - "cssEase": "ease", - "edgeFriction": 0.35, - "swipe": true, - "touchMove": true, - "touchThreshold": 5, - "useCSS": true, - "waitForAnimate": true - } - } - } - ] - }, - { - "componentName": "Tag", - "title": "标签", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "标签", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tag.png", - "schema": { - "componentName": "Tag", - "props": { - "prefix": "next-", - "type": "normal", - "size": "medium", - "animation": false, - "children": "Tag" - } - } - } - ] - }, - { - "componentName": "Tag.Closeable", - "title": "可关闭标签", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "可关闭标签", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tag.png", - "schema": { - "componentName": "Tag.Closeable", - "props": { - "prefix": "next-", - "closeArea": "tail", - "size": "medium", - "children": "Tag" - } - } - } - ] - }, - { - "componentName": "Tag.Selectable", - "title": "可选中标签", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "可选中标签", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tag.png", - "schema": { - "componentName": "Tag.Selectable", - "props": { - "prefix": "next-", - "children": "Tag" - } - } - } - ] - }, - { - "componentName": "Timeline", - "title": "时间轴", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "时间轴", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_timeline.png", - "schema": { - "componentName": "Timeline", - "props": { - "prefix": "next-", - "fold": [], - "animation": true - },"children": [ - { - "componentName": "TimelineItem", - "props": { - "state": "process", - "title": "12344" - } - }, - { - "componentName": "TimelineItem", - "props": { - "title": "Ship" - } - }, - { - "componentName": "TimelineItem", - "props": { - "title": "Order" - } - } - ] - } - } - ] - },{ - "componentName": "TimelineItem", - "title": "时间轴 Item", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "时间轴 Item", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_timeline.png", - "schema": { - "componentName": "TimelineItem", - "props": { - "prefix": "next-", - "fold": [], - "animation": true - } - } - } - ] - }, - { - "componentName": "Tree", - "title": "树形控件", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "树形控件", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tree.png", - "schema": { - "componentName": "Tree", - "props": { - "prefix": "next-", - "selectable": true, - "checkedStrategy": "all", - "autoExpandParent": true, - "animation": true, - "focusable": true - } - } - } - ] - }, - { - "componentName": "TreeNode", - "title": "树形控件节点", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "树形控件节点", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tree.png", - "schema": { - "componentName": "TreeNode", - "props": { - "label": "节点内容文本" - } - } - } - ] - } - ], - "icon": "" - }, - { - "title": "Feedback", - "children": [ - { - "componentName": "Balloon", - "title": "气泡提示", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "气泡提示", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_balloon.png", - "schema": { - "componentName": "Balloon", - "props": { - "defaultVisible": true, - "prefix": "next-", - "size": "medium", - "type": "normal", - "closable": true, - "align": "b", - "offset": [ - 0, - 0 - ], - "triggerType": "hover", - "autoFocus": true, - "trigger": { - "type": "JSSlot", - "props": { - "title": "触发元素" - } - } - } - } - } - ] - }, - { - "componentName": "Dialog", - "title": "弹窗", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "弹窗", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_dialog.png", - "schema": { - "componentName": "Dialog", - "props": { - "prefix": "next-", - "footerAlign": "right", - "footerActions": [ - "ok", - "cancel" - ], - "closeable": "esc,close", - "hasMask": true, - "align": "cc cc", - "minMargin": 40, - "visible": true - } - } - } - ] - }, - { - "componentName": "Loading", - "title": "加载", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "加载", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_loading.png", - "schema": { - "componentName": "Loading", - "props": { - "color": "red", - "prefix": "next-", - "tipAlign": "bottom", - "visible": true, - "size": "large", - "inline": true - } - } - } - ] - }, - { - "componentName": "Message", - "title": "信息提示", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "信息提示", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_message.png", - "schema": { - "componentName": "Message", - "props": { - "title": "标题", - "type": "success", - "shape": "inline", - "size": "medium", - "visible": true, - "animation": true - } - } - } - ] - } - ], - "icon": "" - }, - { - "title": "General", - "children": [ - { - "componentName": "Box", - "title": "容器", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "容器", - "screenshot": "", - "schema": { - "componentName": "Box", - "props": {} - } - } - ] - }, - { - "componentName": "a", - "title": "Link", - "icon": "", - "snippets": [ - { - "title": "Link", - "screenshot": "https://img.alicdn.com/tfs/TB15DZVReL2gK0jSZFmXXc7iXXa-200-200.svg", - "schema": { - "componentName": "a", - "title": "Link", - "props": { - "href": "https://fusion.design", - "target": "_blank", - "children": "这是一个超链接" - } - } - } - ] - }, - { - "componentName": "img", - "title": "Image", - "icon": "", - "snippets": [ - { - "title": "Image", - "screenshot": "https://img.alicdn.com/tfs/TB10nEur.Y1gK0jSZFCXXcwqXXa-234-230.png", - "schema": { - "title": "Image", - "componentName": "img", - "props": { - "src": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg" - } - } - } - ] - }, - { - "componentName": "Button", - "title": "按钮", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "主要", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_button.png", - "schema": { - "componentName": "Button", - "props": { - "prefix": "next-", - "type": "primary", - "size": "medium", - "htmlType": "button", - "component": "button", - "children": "取消" - } - } - }, - { - "title": "次要", - "screenshot": "https://img.alicdn.com/tfs/TB1a.N1uVT7gK0jSZFpXXaTkpXa-112-64.png", - "schema": { - "componentName": "Button", - "props": { - "type": "secondary", - "size": "medium", - "htmlType": "button", - "component": "button", - "children": "提交" - } - } - } - ] - }, - { - "componentName": "Button.Group", - "title": "按钮组", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "按钮组", - "screenshot": "https://img.alicdn.com/tfs/TB1t6dhvV67gK0jSZPfXXahhFXa-310-122.png", - "schema": { - "componentName": "Button.Group", - "props": { - - }, - "children": [{ - "componentName": "Button", - "props": { - "type": "primary", - "style": { - "margin": "0 5px 0 5px" - }, - "htmlType": "submit", - "children": "提交" - }, - "children": [ - { - "componentName": "Icon", - "props": { - "type": "success" - } - } - ] - }, { - "componentName": "Button", - "props": { - "type": "normal", - "style": { - "margin": "0 5px 0 5px" - }, - "htmlType": "reset", - "children": "重置" - } - }] - } - } - ] - }, - { - "componentName": "Divider", - "title": "分隔符", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "分隔符", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_divider.png", - "schema": { - "componentName": "Divider", - "props": { - "prefix": "next-", - "direction": "hoz", - "orientation": "center" - } - } - } - ] - }, - { - "componentName": "Icon", - "title": "图标", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "图标", - "screenshot": "", - "schema": { - "componentName": "Icon", - "props": { - "type": "smile" - } - } - } - ] - }, - { - "componentName": "MenuButton", - "title": "菜单按钮", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "菜单按钮", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu-button.png", - "schema": { - "componentName": "MenuButton", - "props": { - "prefix": "next-", - "autoWidth": true, - "popupTriggerType": "click", - "defaultSelectedKeys": [] - }, - "children": [{ - "componentName": "Menu.Item", - "props": { - }, - "children": "Option" - }] - } - } - ] - }, - { - "componentName": "ResponsiveGrid", - "title": "布局容器", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "1 + 2", - "screenshot": "https://img.alicdn.com/tfs/TB1BgObx5_1gK0jSZFqXXcpaXXa-112-64.png", - "schema": { - "componentName": "ResponsiveGrid", - "props": {}, - "children": [ - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 12 - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 8 - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 4 - } - } - ] - } - }, - { - "title": "1 + 3", - "screenshot": "https://img.alicdn.com/tfs/TB1glaexYj1gK0jSZFuXXcrHpXa-112-64.png", - "schema": { - "componentName": "ResponsiveGrid", - "props": {}, - "children": [ - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 12 - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 8 - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 4 - } - } - ] - } - }, - { - "title": "混合", - "screenshot": "https://img.alicdn.com/tfs/TB1cb9ex1H2gK0jSZJnXXaT1FXa-112-64.png", - "schema": { - "componentName": "ResponsiveGrid", - "props": {}, - "children": [ - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 12 - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 4 - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 4 - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 4 - } - } - ] - } - }, - { - "title": "单栏", - "screenshot": "https://img.alicdn.com/tfs/TB1y5RLyO_1gK0jSZFqXXcpaXXa-112-40.png", - "schema": { - "componentName": "ResponsiveGrid", - "props": {}, - "children": [ - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 12 - } - } - ] - } - }, - { - "title": "两栏", - "screenshot": "https://img.alicdn.com/tfs/TB1Sw4MyKL2gK0jSZFmXXc7iXXa-112-40.png", - "schema": { - "componentName": "ResponsiveGrid", - "props": {}, - "children": [ - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 6 - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 6 - } - } - ] - } - }, - { - "title": "三栏", - "screenshot": "https://img.alicdn.com/tfs/TB1uq4LyQY2gK0jSZFgXXc5OFXa-112-40.png", - "schema": { - "componentName": "ResponsiveGrid", - "props": {}, - "children": [ - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 4 - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 4 - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 4 - } - } - ] - } - }, - { - "title": "四栏", - "screenshot": "https://img.alicdn.com/tfs/TB1mpEjyQL0gK0jSZFtXXXQCXXa-112-40.png", - "schema": { - "componentName": "ResponsiveGrid", - "props": {}, - "children": [ - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 3 - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 3 - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 3 - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 3 - } - } - ] - } - }, - { - "title": "1:3 分栏", - "screenshot": "https://img.alicdn.com/tfs/TB1x_RMyQT2gK0jSZPcXXcKkpXa-112-40.png", - "schema": { - "componentName": "ResponsiveGrid", - "props": { - "columns": 4 - }, - "children": [ - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 1 - } - }, - { - "componentName": "ResponsiveGrid.Cell", - "props": { - "colSpan": 3 - } - } - ] - } - } - ] - }, - { - "componentName": "ResponsiveGrid.Cell", - "title": "布局容器 Cell", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "布局容器 Cell", - "screenshot": "", - "schema": { - "componentName": "ResponsiveGrid.Cell", - "props": {} - } - } - ] - }, - { - "componentName": "SplitButton", - "title": "分隔按钮", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "分隔按钮", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_split-button.png", - "schema": { - "componentName": "SplitButton", - "props": { - "prefix": "next-", - "type": "normal", - "size": "medium", - "defaultSelectedKeys": [], - "autoWidth": true, - "popupTriggerType": "click" - } - } - } - ] - }, - { - "componentName": "Typography", - "title": "Text", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "Text", - "screenshot": "", - "schema": { - "componentName": "Typography.Text", - "props": { - "component": "span", - "children": "基于 Ali-Lowcode-Engine 快速打造高生产力的低代码研发平台" - } - } - } - ] - } - ], - "icon": "" - }, - { - "title": "Navigation", - "children": [ - { - "componentName": "Breadcrumb", - "title": "面包屑", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "面包屑", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_breadcrumb.png", - "schema": { - "componentName": "Breadcrumb", - "props": { - "maxNode": 100, - "component": "nav", - "style": { - "margin": 10, - "padding": 5 - } - }, - "children": [ - { - "componentName": "Breadcrumb.Item", - "props": { - "children": "一级" - } - }, - { - "componentName": "Breadcrumb.Item", - "props": { - "children": "二级" - } - }, - { - "componentName": "Breadcrumb.Item", - "props": { - "children": "三级" - } - } - ] - } - } - ] - },{ - "componentName": "Breadcrumb.Item", - "title": "面包屑 Item", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "面包屑", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_breadcrumb.png", - "schema": { - "componentName": "Breadcrumb.Item", - "props": { - "prefix": "next-", - "children": "一级" - } - } - } - ] - }, - { - "componentName": "MCBreadcrumb", - "title": "MC面包屑", - "icon": "", - "package": "mc-breadcrumb", - "library": "MCBreadcrumb", - "snippets": [ - { - "title": "面包屑", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_breadcrumb.png", - "schema": { - "componentName": "MCBreadcrumb", - "props": { - "title": "物料中心", - "prefix": "next-", - "maxNode": 100 - } - } - } - ] - }, - { - "componentName": "Nav", - "title": "导航", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "导航", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_nav.png", - "schema": { - "componentName": "Nav", - "props": { - "prefix": "next-", - "type": "normal", - "direction": "ver", - "hozAlign": "left", - "mode": "inline", - "triggerType": "click", - "inlineIndent": 20, - "openMode": "multiple", - "popupAlign": "follow", - "hasArrow": true - } - } - } - ] - }, - { - "componentName": "Nav.Item", - "title": "导航Item", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "导航", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_nav.png", - "schema": { - "componentName": "Nav.Item", - "props": { - "prefix": "next-", - "type": "normal", - "direction": "ver", - "hozAlign": "left", - "mode": "inline", - "triggerType": "click", - "inlineIndent": 20, - "openMode": "multiple", - "defaultSelectedKeys": [], - "popupAlign": "follow", - "hasArrow": true - } - } - } - ] - }, - { - "componentName": "Pagination", - "title": "翻页器", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "翻页器", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_pagination.png", - "schema": { - "componentName": "Pagination", - "props": { - "prefix": "next-", - "type": "normal", - "shape": "normal", - "size": "medium", - "defaultCurrent": 1, - "total": 100, - "pageShowCount": 5, - "pageSize": 10, - "pageSizePosition": "start", - "showJump": true - } - } - } - ] - }, - { - "componentName": "Step", - "title": "步骤", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "步骤", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_step.png", - "schema": { - "componentName": "Step", - "props": { - "prefix": "next-", - "direction": "hoz", - "labelPlacement": "ver", - "shape": "circle", - "animation": true - }, - "children": [ - { - "componentName": "StepItem", - "status": "process", - "title": "测试" - } - ] - } - } - ] - }, - { - "componentName": "Tab", - "title": "选项卡", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "选项卡", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tab.png", - "schema": { - "componentName": "Tab", - "props": { - "prefix": "next-", - "shape": "pure", - "animation": true, - "excessMode": "slide", - "tabPosition": "top", - "size": "medium", - "triggerType": "click", - "lazyLoad": true - }, - "children": [{ - "componentName": "Tab.Item", - "props": { - "prefix": "next-", - "title": "Tab Title", - "closeable": true - } - }] - } - } - ] - }, - { - "componentName": "Tab.Item", - "title": "选项卡Item", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "选项卡", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tab.png", - "schema": { - "componentName": "Tab.Item", - "props": { - "prefix": "next-", - "title": "Tab Title", - "closeable": true - } - } - } - ] - } - ], - "icon": "" - }, - { - "title": "表单", - "children": [ - { - "componentName": "Form", - "title": "表单容器", - "icon": "https://img.alicdn.com/tfs/TB1oH02u2b2gK0jSZK9XXaEgFXa-112-64.png", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "表单容器", - "screenshot": "https://img.alicdn.com/tfs/TB1oH02u2b2gK0jSZK9XXaEgFXa-112-64.png", - "schema": { - "componentName": "Form", - "props": { - "labelCol": { - "span": 2, - "labelAlign": "left" - }, - "role": "grid" - }, - "children": [ - { - "componentName": "Form.Item", - "props": { - "label": "Email: ", - "required": true - }, - "children": [ - { - "componentName": "Input", - "props": { - "name": "email", - "size": "medium", - "placeholder": "用户名" - } - } - ] - }, - { - "componentName": "Form.Item", - "props": { - "label": "Password: ", - "required": true - }, - "children": [ - { - "componentName": "Input.Password", - "props": { - "name": "password", - "placeholder": "请输入密码", - "size": "medium" - } - } - ] - }, - { - "componentName": "Form.Item", - "props": { - "wrapperCol": { - "offset": 7 - } - }, - "children": [ - { - "componentName": "Form.Submit", - "props": { - "type": "primary", - "validate": true, - "onClick": { - "type": "JSFunction", - "value": "(v, e) => { console.log(v, e) }" - }, - "children": "Submit" - } - }, - { - "componentName": "Form.Reset", - "props": { - "style": {"marginLeft": 10}, - "children": "Reset" - } - } - ] - } - ] - } - } - ] - }, - { - "componentName": "Form.Item", - "title": "表单项", - "icon": "https://img.alicdn.com/tfs/TB1nYqOuW61gK0jSZFlXXXDKFXa-112-64.png", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "Form.Item", - "screenshot": "https://img.alicdn.com/tfs/TB1nYqOuW61gK0jSZFlXXXDKFXa-112-64.png", - "schema": { - "componentName": "Form.Item", - "props": { - "placeholder": "拖动组件到这里" - } - } - } - ] - }, - { - "componentName": "Input", - "title": "输入框", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "输入框", - "screenshot": "https://img.alicdn.com/tfs/TB1ysp3u8v0gK0jSZKbXXbK2FXa-112-64.png", - "schema": { - "componentName": "Form.Item", - "props": { - "label": "标签", - "labelAlign": "top", - "labelCol": { - "span": 4 - } - }, - "children": [ - { - "componentName": "Input", - "props": { - "hasBorder": true, - "size": "medium", - "autoComplete": "off" - } - } - ] - } - }, - { - "title": "密码框", - "screenshot": "https://img.alicdn.com/tfs/TB1ikF3u7P2gK0jSZPxXXacQpXa-112-64.png", - "schema": { - "componentName": "Input.Password", - "props": { - "hasBorder": true, - "size": "medium", - "autoComplete": "off" - } - } - }, - { - "title": "TextArea", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_input.png", - "schema": { - "componentName": "Input.TextArea", - "props": { - "hasBorder": true, - "size": "medium", - "autoComplete": "off" - } - } - } - ] - }, - { - "componentName": "NumberPicker", - "title": "数字输入框", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "数字输入框", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_number-picker.png", - "schema": { - "componentName": "NumberPicker", - "props": { - "prefix": "next-", - "type": "normal", - "size": "medium", - "step": 1, - "editable": true - } - } - } - ] - }, - { - "componentName": "Radio", - "title": "单选框", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "单选框", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_radio.png", - "schema": { - "componentName": "Radio", - "props": {} - } - } - ] - }, - { - "componentName": "Radio.Group", - "title": "单选框组", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "单选框组", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_radio.png", - "schema": { - "componentName": "Radio.Group", - "props": {} - } - } - ] - }, - { - "componentName": "Checkbox", - "title": "复选按钮", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "复选按钮", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_checkbox.png", - "schema": { - "componentName": "Checkbox", - "props": { - "prefix": "next-" - } - } - } - ] - }, - { - "componentName": "Select", - "title": "选择器", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "选择器", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_select.png", - "schema": { - "componentName": "Select", - "props": { - "mode": "single", - "hasArrow": true, - "cacheValue": true, - "dataSource": [ - {"value": "10001", "label": "Lucy King"}, - {"value": 10002, "label": "Lily King"}, - {"value": 10003, "label": "Tom Cat", "disabled": true}, - {"label": "Special Group", "children": [ - {"value": -1, "label": "FALSE"}, - {"value": 0, "label": "ZERO"} - ]} - ] - } - } - } - ] - }, - { - "componentName": "Select.Option", - "title": "Select.Option", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "Select.Option", - "screenshot": "", - "schema": { - "componentName": "Select.Option", - "props": { - } - } - } - ] - }, - { - "componentName": "Switch", - "title": "开关组件", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "开关组件", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_switch.png", - "schema": { - "componentName": "Switch", - "props": { - "prefix": "next-", - "size": "medium" - } - } - } - ] - }, - { - "componentName": "CascaderSelect", - "title": "级联选择", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "级联选择", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_cascader-select.png", - "schema": { - "componentName": "CascaderSelect", - "props": { - "prefix": "next-", - "size": "medium", - "hasArrow": true, - "hasBorder": true, - "expandTriggerType": "click", - "resultAutoWidth": true, - "notFoundContent": "Not Found", - "dataSource": [{ - "value": "2974", - "label": "西安", - "children": [ - { "value": "2975", "label": "西安市" }, - { "value": "2976", "label": "高陵县" }, - { "value": "2977", "label": "蓝田县" } - ] - }] - } - } - } - ] - }, - { - "componentName": "DatePicker", - "title": "日期选择框", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "日期选择框", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_date-picker.png", - "schema": { - "componentName": "DatePicker", - "props": { - "prefix": "next-", - "format": "YYYY-MM-DD", - "size": "medium", - "hasClear": true, - "popupTriggerType": "click", - "popupAlign": "tl tl" - } - } - } - ] - }, - { - "componentName": "Range", - "title": "区段选择器", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "区段选择器", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_range.png", - "schema": { - "componentName": "Range", - "props": { - "prefix": "next-", - "slider": "single", - "max": 100, - "step": 1, - "marksPosition": "above", - "hasTip": true - } - } - } - ] - }, - { - "componentName": "Rating", - "title": "评分", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "评分", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_rating.png", - "schema": { - "componentName": "Rating", - "props": { - "prefix": "next-", - "count": 5, - "size": "medium", - "iconType": "favorites-filling" - } - } - } - ] - }, - { - "componentName": "Search", - "title": "搜索", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "搜索", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_search.png", - "schema": { - "componentName": "Search", - "props": { - "prefix": "next-", - "shape": "normal", - "type": "normal", - "size": "medium", - "filter": [], - "hasIcon": true - } - } - } - ] - }, - { - "componentName": "TimePicker", - "title": "时间选择框", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "时间选择框", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_time-picker.png", - "schema": { - "componentName": "TimePicker", - "props": { - "prefix": "next-", - "size": "medium", - "hasClear": true, - "format": "HH:mm:ss", - "popupAlign": "tl tl", - "popupTriggerType": "click" - } - } - } - ] - }, - { - "componentName": "Transfer", - "title": "穿梭框", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "穿梭框", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_transfer.png", - "schema": { - "componentName": "Transfer", - "props": { - "prefix": "next-", - "mode": "normal", - "notFoundContent": "Not Found" - } - } - } - ] - }, - { - "componentName": "TreeSelect", - "title": "树型选择控件", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "树型选择控件", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tree-select.png", - "schema": { - "componentName": "TreeSelect", - "props": { - "prefix": "next-", - "size": "medium", - "hasArrow": true, - "hasBorder": true, - "autoWidth": true, - "notFoundContent": "Not Found", - "treeCheckedStrategy": "parent" - } - } - } - ] - }, - { - "componentName": "Upload", - "title": "上传组件", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "上传组件", - "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_upload.png", - "schema": { - "componentName": "Upload", - "props": { - "prefix": "next-", - "closable": true, - "autoUpload": true - } - } - } - ] - } - ], - "icon": "" - } - ], - "bizComponentList": [ - { - "title": "Util", - "children": [ - { - "componentName": "Dropdown", - "title": "下拉菜单", - "icon": "", - "package": "@alifd/next", - "library": "Next", - "snippets": [ - { - "title": "下拉菜单", - "screenshot": "", - "schema": { - "componentName": "Dropdown", - "props": { "trigger": [{ "componentName": "Button", "props": { "type": "primary" }, "children": "确定" }], "triggerType": "click"}, - "children": [{ "componentName": "Menu", "props": { "style": { "width": 200 } }, "children": [{ "componentName": "Menu.Item", "props": {}, "children": "Option 1" }, { "componentName": "Menu.Item", "props": { "disabled": false }, "children": "option 2" }, { "componentName": "Menu.Item", "props": { "disabled": false }, "children": "option 3" }]}] - } - } - ] - } - ], - "icon": "" - } - ] -} diff --git a/packages/demo/public/favicon.png b/packages/demo/public/favicon.png deleted file mode 100644 index 307ffbd82..000000000 Binary files a/packages/demo/public/favicon.png and /dev/null differ diff --git a/packages/demo/public/index.html b/packages/demo/public/index.html deleted file mode 100644 index 1d64096b5..000000000 --- a/packages/demo/public/index.html +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - LowCodeEngine Editor DEMO - - - - - - - - - - - - - - - - - - - - - - -
- - - - - diff --git a/packages/demo/public/legao-assets.json b/packages/demo/public/legao-assets.json deleted file mode 100644 index 778f0c4fd..000000000 --- a/packages/demo/public/legao-assets.json +++ /dev/null @@ -1,504 +0,0 @@ -{ - "externals": [ - { - "urls": ["//g.alicdn.com/platform/c/react/16.5.2/react.min.js"], - "library": "React", - "name": "react", - "version": "16.5.2" - }, - { - "urls": ["//g.alicdn.com/platform/c/react-dom/16.5.2/react-dom.min.js"], - "library": "ReactDOM", - "name": "react-dom", - "version": "16.12.0" - }, - { - "urls": ["//g.alicdn.com/platform/c/prop-types/15.6.2/prop-types.js"], - "library": "PropTypes", - "name": "prop-types", - "version": "15.6.2" - }, - { "library": "ReactRouter", "name": "react-router" }, - { "library": "ReactRouterDOM", "name": "react-router-dom" }, - { "library": "Babel", "name": "babel-standalone" }, - { "library": "Recore", "name": "@ali/recore" }, - { - "urls": ["https://g.alicdn.com/code/lib/moment.js/2.24.0/moment-with-locales.min.js"], - "library": "moment", - "name": "moment", - "version": "2.24.0" - }, - { - "urls": ["https://g.alicdn.com/platform/c/??react15-polyfill/0.0.1/dist/index.js,lodash/4.6.1/lodash.min.js,immutable/3.7.6/dist/immutable.min.js,natty-storage/2.0.2/dist/natty-storage.min.js,natty-fetch/2.6.0/dist/natty-fetch.pc.min.js,tinymce/4.2.5/tinymce-full.js"], - "library": "nattyFetch", - "name": "natty-fetch", - "version": "2.24.0" - }, - { "library": "VisualEngine", "name": "engine" }, - { "library": "VisualEngine", "name": "visualengine" }, - { "library": "VisualEngine", "name": "@ali/visualengine" }, - { "library": "VisualEngineUtils", "name": "engine-utils" }, - { "library": "VisualEngineUtils", "name": "@ali/visualengine-utils" }, - { "library": "VisualEngine.ui.Popup", "name": "@ali/ve-popups" }, - { "library": "VisualEngineUtils.FieldControl", "name": "@ali/ve-field" }, - { "library": "VisualEngineUtils.BoolControl", "name": "@ali/ve-bool-control" }, - { "library": "VisualEngineUtils.ChoiceControl", "name": "@ali/ve-choice-control" }, - { "library": "VisualEngineUtils.ColorControl", "name": "@ali/ve-color-control" }, - { "library": "VisualEngineUtils.DateControl", "name": "@ali/ve-date-control" }, - { "library": "VisualEngineUtils.I18nControl", "name": "@ali/ve-i18n-control" }, - { "library": "VisualEngineUtils.NumberControl", "name": "@ali/ve-number-control" }, - { "library": "VisualEngineUtils.SelectControl", "name": "@ali/ve-select-control" }, - { "library": "VisualEngineUtils.SortableControl", "name": "@ali/ve-sortable" }, - { "library": "VisualEngineUtils.TextControl", "name": "@ali/ve-text-control" }, - { "library": "VisualEngineUtils.ImageControl", "name": "@ali/ve-image-control" }, - { "library": "VisualEngineUtils.SearchControl", "name": "@ali/ve-search-control" }, - { "library": "VisualEngineUtils.BoolSetter", "name": "@ali/vs-bool" }, - { "library": "VisualEngineUtils.ChoiceSetter", "name": "@ali/vs-choice" }, - { "library": "VisualEngineUtils.CodeSetter", "name": "@ali/vs-code" }, - { "library": "VisualEngineUtils.ColorSetter", "name": "@ali/vs-color" }, - { "library": "VisualEngineUtils.DateSetter", "name": "@ali/vs-date" }, - { "library": "VisualEngineUtils.I18nSetter", "name": "@ali/vs-i18n" }, - { "library": "VisualEngineUtils.JsonSetter", "name": "@ali/vs-json" }, - { "library": "VisualEngineUtils.ListSetter", "name": "@ali/vs-list" }, - { "library": "VisualEngineUtils.NumberSetter", "name": "@ali/vs-number" }, - { "library": "VisualEngineUtils.OptionsSetter", "name": "@ali/vs-options" }, - { "library": "VisualEngineUtils.SelectSetter", "name": "@ali/vs-select" }, - { "library": "VisualEngineUtils.TextSetter", "name": "@ali/vs-text" }, - { "library": "VisualEngineUtils.ValidationSetter", "name": "@ali/vs-validation" }, - { "library": "VisualEngineUtils.ImageSetter", "name": "@ali/vs-image" }, - { "library": "VisualEngineUtils.StyleSetter", "name": "@ali/vs-style" }, - { "library": "VisualEngineUtils.EventSetter", "name": "@ali/vs-event" }, - { "library": "RenderEngine", "name": "@ali/render-engine" }, - { "library": "Highcharts", "name": "highcharts" }, - { "library": "Object", "name": "highcharts-more" }, - { "library": "Highcharts && window.Highcharts.map", "name": "highcharts/highmaps" }, - { "library": "jQuery", "name": "$" }, - { "library": "jQuery", "name": "jquery" }, - { "library": "_", "name": "lodash" }, - { "library": "nattyFetch", "name": "natty-fetch" }, - { "library": "nattyFetch", "name": "natty-fetch/dist/natty-fetch.pc" }, - { "library": "nattyFetch", "name": "natty-fetch/dist/natty-fetch" }, - { "library": "nattyStorage", "name": "natty-storage" }, - { "library": "Rax", "name": "rax" } - ], - "systemType": "", - "appKey": "legao_base_packages", - "componentDependencies": [ - { - "prototypeConfigsUrl": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-div/1.0.1/proto.c54985f.js"], - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVcDiv", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-div/1.0.1/view.f31fe6d.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-div/1.0.1/view.d3df802.js" - ], - "components": null, - "packageName": "@ali/vc-div", - "version": "1.0.1" - }, - { - "prototypeConfigsUrl": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep/2.1.12/proto.611ab53.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep/2.1.12/proto.5b7b3d3.js" - ], - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVcDeep", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep/2.0.11/view.03e2bef.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep/2.0.11/view.e380202.js", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep/2.0.11/view.mobile.03e2bef.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep/2.0.11/view.mobile.4c4a443.js" - ], - "components": null, - "packageName": "@ali/vc-deep", - "version": "2.0.11" - }, - { - "prototypeConfigsUrl": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-shell/1.5.3/proto.81cf560.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-shell/1.5.3/proto.5de342b.js" - ], - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVcShell", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-shell/1.5.3/view.81cf560.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-shell/1.5.3/view.3ef1990.js" - ], - "components": null, - "packageName": "@ali/vc-shell", - "version": "1.5.3" - }, - { - "prototypeConfigsUrl": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-slot/2.0.1/proto.0e43387.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-slot/2.0.1/proto.0bda625.js" - ], - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVcSlot", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-slot/2.0.1/view.0e43387.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-slot/2.0.1/view.890474e.js" - ], - "components": null, - "packageName": "@ali/vc-slot", - "version": "2.0.1" - }, - { - "prototypeConfigsUrl": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-text/4.0.0/proto.595bd91.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-text/4.0.0/proto.7afa924.js" - ], - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVcText", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-text/4.0.0/view.764bd38.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-text/4.0.0/view.0dcac71.js", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-text/4.0.0/view.mobile.8a20311.js" - ], - "components": null, - "packageName": "@ali/vc-text", - "version": "4.0.0" - }, - { - "prototypeConfigsUrl": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-link/5.1.1/proto.4828821.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-link/5.1.1/proto.dd97364.js" - ], - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVcLink", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-link/5.1.1/view.387943c.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-link/5.1.1/view.ec70dd9.js", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-link/5.1.1/view.mobile.387943c.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-link/5.1.1/view.mobile.bc72f32.js" - ], - "components": null, - "packageName": "@ali/vc-link", - "version": "5.1.1" - }, - { - "prototypeConfigsUrl": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-link-block/5.1.0/proto.b486b90.js" - ], - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVcLinkBlock", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-link-block/5.1.0/view.82ef4b0.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-link-block/5.1.0/view.51d10d6.js", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-link-block/5.1.0/view.mobile.82ef4b0.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-link-block/5.1.0/view.mobile.d608862.js" - ], - "components": null, - "packageName": "@ali/vc-link-block", - "version": "5.1.0" - }, - { - "prototypeConfigsUrl": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-html/2.0.0/proto.8b5fefc.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-html/2.0.0/proto.0d2716f.js" - ], - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVcHtml", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-html/2.0.0/view.0e43387.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-html/2.0.0/view.d3ef287.js" - ], - "components": null, - "packageName": "@ali/vc-html", - "version": "2.0.0" - }, - { - "prototypeConfigsUrl": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-iframe/3.0.2/proto.6c9d90a.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-iframe/3.0.2/proto.c03e93e.js" - ], - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVcIframe", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-iframe/3.0.2/view.6c9d90a.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-iframe/3.0.2/view.5bdba85.js" - ], - "components": null, - "packageName": "@ali/vc-iframe", - "version": "3.0.2" - }, - { - "prototypeConfigsUrl": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-jsx/2.0.0/proto.9419927.js"], - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVcJsx", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-jsx/2.0.0/view.133d01c.js"], - "components": null, - "packageName": "@ali/vc-jsx", - "version": "2.0.0" - }, - { - "prototypeConfigsUrl": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-markdown/2.0.0/proto.3f91095.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-markdown/2.0.0/proto.fa33aff.js" - ], - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVcMarkdown", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-markdown/2.0.0/view.3f91095.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-markdown/2.0.0/view.288bb26.js" - ], - "components": null, - "packageName": "@ali/vc-markdown", - "version": "2.0.0" - }, - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliDeepLegaoComponentImport", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/deep-legao-component-import/0.3.0/main.47a28d7.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/deep-legao-component-import/0.3.0/main.0751f12.js" - ], - "components": [ - { - "snippets": [ - { - "schema": { - "componentName": "LegaoComponentImport", - "props": { "urlPrefix": "https://go.alibaba-inc.com/", "scene": "editConfig" } - }, - "code": "", - "screenshot": "https://tianshu.alicdn.com/a6115d32-ec32-4d32-bf94-f24aace23ffa.png" - } - ], - "componentName": "LegaoComponentImport", - "screenshot": "https://tianshu.alicdn.com/a6115d32-ec32-4d32-bf94-f24aace23ffa.png", - "configure": { - "component": {}, - "props": [ - { "name": "onFinish", "title": "onFinish", "setter": "Function" }, - { "name": "scene", "title": "scene", "setter": "Input" }, - { "name": "componentInfo", "title": "componentInfo", "setter": "Object" }, - { "name": "urlPrefix", "title": "urlPrefix", "setter": "Input" }, - { "name": "getTicket", "title": "getTicket", "setter": "Function" }, - { "name": "mode", "title": "mode", "setter": "Input" }, - { "name": "height", "title": "height", "setter": "Number" }, - { "name": "configListType", "title": "configListType", "setter": "Input" } - ] - }, - "category": "自定义" - } - ], - "packageName": "@ali/deep-legao-component-import", - "version": "0.3.0" - }, - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliReactCodeToImage", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/react-code-to-image/0.0.13/main.5ea90fb.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/react-code-to-image/0.0.13/main.08ab636.js" - ], - "components": [ - { - "snippets": [ - { - "schema": { "componentName": "AliReactCodeToImage", "props": {} }, - "code": "", - "label": "react code to image", - "screenshot": "https://tianshu.alicdn.com/958192c1-1d1a-4186-8438-63c80cb04fb3.png" - } - ], - "componentName": "AliReactCodeToImage", - "screenshot": "https://tianshu.alicdn.com/958192c1-1d1a-4186-8438-63c80cb04fb3.png", - "configure": { - "component": {}, - "props": [ - { "name": "library", "title": "library", "setter": "Input" }, - { "name": "assets", "title": "assets", "setter": "Object" }, - { "name": "initCode", "title": "initCode", "setter": "Input" }, - { "name": "showEditor", "title": "showEditor", "setter": "Switch" }, - { "name": "onRender", "title": "onRender", "setter": "Function" }, - { "name": "onUploaded", "title": "onUploaded", "setter": "Function" }, - { "name": "upload", "title": "upload", "setter": "Input" }, - { "name": "showPreview", "title": "showPreview", "setter": "Switch" }, - { "name": "builtInReact", "title": "builtInReact", "setter": "Switch" }, - { "name": "builtInBabel", "title": "builtInBabel", "setter": "Switch" }, - { "name": "style", "title": "style", "setter": "Input" }, - { "name": "autoRender", "title": "autoRender", "setter": "Switch" }, - { "name": "delay", "title": "delay", "setter": "Number" }, - { "name": "autoUpload", "title": "autoUpload", "setter": "Switch" }, - { "name": "noUI", "title": "noUI", "setter": "Switch" } - ] - }, - "title": "react code to image", - "category": "自定义" - } - ], - "packageName": "@ali/react-code-to-image", - "version": "0.0.13" - } - ], - "utilsDependencies": [ - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVuFormatter", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-formatter/2.0.0/main.e75ff20.js"], - "components": null, - "packageName": "@ali/vu-formatter", - "version": "2.0.0" - }, - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVuFusion", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-fusion/2.0.0/main.01f2f51.js"], - "components": null, - "packageName": "@ali/vu-fusion", - "version": "2.0.0" - }, - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVuToolkit", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-toolkit/1.0.4/main.96fb938.js"], - "components": null, - "packageName": "@ali/vu-toolkit", - "version": "1.0.4" - }, - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVuLegaoBuiltin", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-legao-builtin/1.2.2/main.2178271.js"], - "components": null, - "packageName": "@ali/vu-legao-builtin", - "version": "1.2.2" - }, - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVuDataSource", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-dataSource/1.0.3/main.c153335.js"], - "components": null, - "packageName": "@ali/vu-dataSource", - "version": "1.0.3" - }, - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVuRouter", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-router/1.2.1/main.5a856a4.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-router/1.2.1/main.6f0b6b1.js" - ], - "components": null, - "packageName": "@ali/vu-router", - "version": "1.2.1" - }, - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVuRouterSpa", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-router-spa/1.3.7/main.c231469.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-router-spa/1.3.7/main.756e5a0.js" - ], - "components": null, - "packageName": "@ali/vu-router-spa", - "version": "1.3.7" - }, - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVuSpm", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-spm/1.1.11/main.0495881.js"], - "components": null, - "packageName": "@ali/vu-spm", - "version": "1.1.11" - }, - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVuSwitchSchema", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-switch-schema/1.0.7/main.1d9ec8c.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-switch-schema/1.0.7/main.70ec614.js" - ], - "components": null, - "packageName": "@ali/vu-switch-schema", - "version": "1.0.7" - }, - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVuLegaoBuiltin", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-legao-builtin/1.0.5/main.0ebe6a1.js"], - "components": null, - "packageName": "@ali/vu-legao-builtin", - "version": "1.0.5" - }, - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVuDataSource", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-dataSource/1.0.2/main.62e0289.js"], - "components": null, - "packageName": "@ali/vu-dataSource", - "version": "1.0.2" - } - ], - "otherDependencies": [ - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "MyBabel", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/my-babel/0.9.6/main.8bd0181.js"], - "components": null, - "packageName": "my-babel", - "version": "0.9.6" - }, - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVmRouter", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vm-router/1.0.8/main.115bf4f.js"], - "components": null, - "packageName": "@ali/vm-router", - "version": "1.0.8" - }, - { - "prototypeConfigsUrl": null, - "prototypeViewsUrl": null, - "alias": "", - "library": "AliVmSchemaNav", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vm-schema-nav/1.0.0/main.711344e.js"], - "components": null, - "packageName": "@ali/vm-schema-nav", - "version": "1.0.0" - } - ] -} diff --git a/packages/demo/public/preview.html b/packages/demo/public/preview.html deleted file mode 100644 index c8f2cfdcb..000000000 --- a/packages/demo/public/preview.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - LowCodeEngine DEMO - - - - - - - - - - - -
- - diff --git a/packages/demo/public/rax.json b/packages/demo/public/rax.json deleted file mode 100644 index b928c2e9a..000000000 --- a/packages/demo/public/rax.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "componentName": "Page", - "fileName": "home", - "props": {}, - "children": [ - { - "componentName": "Container", - "props": {}, - "children": [ - { - "componentName": "Text", - "props": { - "type": "primary" - }, - "children": ["Welcome to Your Rax App!"] - } - ] - } - ] -} diff --git a/packages/demo/public/raxAssets.json b/packages/demo/public/raxAssets.json deleted file mode 100644 index ec93fa281..000000000 --- a/packages/demo/public/raxAssets.json +++ /dev/null @@ -1,384 +0,0 @@ -{ - "externals": [ - { - "urls": ["//g.alicdn.com/platform/c/react/16.5.2/react.min.js"], - "library": "React", - "name": "react", - "version": "16.5.2" - }, - { - "urls": ["//g.alicdn.com/platform/c/react-dom/16.5.2/react-dom.min.js"], - "library": "ReactDOM", - "name": "react-dom", - "version": "16.12.0" - }, - { - "urls": ["//g.alicdn.com/platform/c/prop-types/15.6.2/prop-types.js"], - "library": "PropTypes", - "name": "prop-types", - "version": "15.6.2" - }, - { "library": "ReactRouter", "name": "react-router" }, - { "library": "ReactRouterDOM", "name": "react-router-dom" }, - { "library": "Babel", "name": "babel-standalone" }, - { "library": "Recore", "name": "@ali/recore" }, - { - "urls": ["https://g.alicdn.com/code/lib/moment.js/2.24.0/moment-with-locales.min.js"], - "library": "moment", - "name": "moment", - "version": "2.24.0" - }, - { "library": "VisualEngine", "name": "engine" }, - { "library": "VisualEngine", "name": "visualengine" }, - { "library": "VisualEngine", "name": "@ali/visualengine" }, - { "library": "VisualEngineUtils", "name": "engine-utils" }, - { "library": "VisualEngineUtils", "name": "@ali/visualengine-utils" }, - { "library": "VisualEngine.ui.Popup", "name": "@ali/ve-popups" }, - { "library": "VisualEngineUtils.FieldControl", "name": "@ali/ve-field" }, - { "library": "VisualEngineUtils.BoolControl", "name": "@ali/ve-bool-control" }, - { "library": "VisualEngineUtils.ChoiceControl", "name": "@ali/ve-choice-control" }, - { "library": "VisualEngineUtils.ColorControl", "name": "@ali/ve-color-control" }, - { "library": "VisualEngineUtils.DateControl", "name": "@ali/ve-date-control" }, - { "library": "VisualEngineUtils.I18nControl", "name": "@ali/ve-i18n-control" }, - { "library": "VisualEngineUtils.NumberControl", "name": "@ali/ve-number-control" }, - { "library": "VisualEngineUtils.SelectControl", "name": "@ali/ve-select-control" }, - { "library": "VisualEngineUtils.SortableControl", "name": "@ali/ve-sortable" }, - { "library": "VisualEngineUtils.TextControl", "name": "@ali/ve-text-control" }, - { "library": "VisualEngineUtils.ImageControl", "name": "@ali/ve-image-control" }, - { "library": "VisualEngineUtils.SearchControl", "name": "@ali/ve-search-control" }, - { "library": "VisualEngineUtils.BoolSetter", "name": "@ali/vs-bool" }, - { "library": "VisualEngineUtils.ChoiceSetter", "name": "@ali/vs-choice" }, - { "library": "VisualEngineUtils.CodeSetter", "name": "@ali/vs-code" }, - { "library": "VisualEngineUtils.ColorSetter", "name": "@ali/vs-color" }, - { "library": "VisualEngineUtils.DateSetter", "name": "@ali/vs-date" }, - { "library": "VisualEngineUtils.I18nSetter", "name": "@ali/vs-i18n" }, - { "library": "VisualEngineUtils.JsonSetter", "name": "@ali/vs-json" }, - { "library": "VisualEngineUtils.ListSetter", "name": "@ali/vs-list" }, - { "library": "VisualEngineUtils.NumberSetter", "name": "@ali/vs-number" }, - { "library": "VisualEngineUtils.OptionsSetter", "name": "@ali/vs-options" }, - { "library": "VisualEngineUtils.SelectSetter", "name": "@ali/vs-select" }, - { "library": "VisualEngineUtils.TextSetter", "name": "@ali/vs-text"}, - { "library": "VisualEngineUtils.ValidationSetter", "name": "@ali/vs-validation" }, - { "library": "VisualEngineUtils.ImageSetter", "name": "@ali/vs-image" }, - { "library": "VisualEngineUtils.StyleSetter", "name": "@ali/vs-style" }, - { "library": "VisualEngineUtils.EventSetter", "name": "@ali/vs-event" }, - { "library": "RenderEngine", "name": "@ali/render-engine" }, - { "library": "Highcharts", "name": "highcharts" }, - { "library": "Object", "name": "highcharts-more" }, - { "library": "Highcharts && window.Highcharts.map", "name": "highcharts/highmaps" }, - { "library": "jQuery", "name": "$" }, - { "library": "jQuery", "name": "jquery" }, - { "library": "_", "name": "lodash" }, - { "library": "nattyFetch", "name": "natty-fetch" }, - { "library": "nattyFetch", "name": "natty-fetch/dist/natty-fetch.pc" }, - { "library": "nattyFetch", "name": "natty-fetch/dist/natty-fetch" }, - { "library": "nattyStorage", "name": "natty-storage" }, - { "library": "Rax", "name": "rax" }, - { - "urls": ["https://g.alicdn.com/ib-fe/ib-vendor/mx/gl.js"], - "library": "mapboxgl", - "name": "@ali/ib-mapbox", - "version": "1.0.0" - } - ], - "appKey": "template_deep_mobile", - "systemType": "", - "componentDependencies": [ - { - "packageName": "@alife/service-hall-base-space", - "library": "alifeServiceHallBaseSpace", - "version": "0.1.0", - "components": null, - "prototypeViewsUrl": null, - "prototypeUrls": { - "default": [ - "https://dev.g.alicdn.com/service-hall-components/base-space/0.1.0/designer.js" - ] - }, - "alias": "", - "prototypeConfigsUrl": [ - "https://dev.g.alicdn.com/service-hall-components/base-space/0.1.0/designer.js" - ], - "urls": ["https://dev.g.alicdn.com/service-hall-components/base-space/0.1.0/view.js"] - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": { - "default": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-rax-page/4.0.4/proto.c94ee38.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-rax-page/4.0.4/proto.bf61331.js" - ] - }, - "prototypeConfigsUrl": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-rax-page/4.0.4/proto.c94ee38.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-rax-page/4.0.4/proto.bf61331.js" - ], - "alias": "", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-rax-page/4.0.4/view.5030228.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-rax-page/4.0.4/view.6186d2f.js" - ], - "library": "AliVcRaxPage", - "components": null, - "packageName": "@ali/vc-rax-page", - "version": "4.0.4" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": { - "default": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile-open-button/1.0.5/proto.798dd4e.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile-open-button/1.0.5/proto.78c100c.js" - ] - }, - "prototypeConfigsUrl": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile-open-button/1.0.5/proto.798dd4e.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile-open-button/1.0.5/proto.78c100c.js" - ], - "alias": "", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile-open-button/1.0.5/view.23d106a.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile-open-button/1.0.5/view.314cec4.js" - ], - "library": "AliVcDeepMobileOpenButton", - "components": null, - "packageName": "@ali/vc-deep-mobile-open-button", - "version": "1.0.5" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": { - "default": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.25/proto.2f23cdf.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.25/proto.9a739a7.js" - ] - }, - "prototypeConfigsUrl": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.25/proto.2f23cdf.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.25/proto.9a739a7.js" - ], - "alias": "", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.25/view.d6d0d1f.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.25/view.14bb8e8.js", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.25/view.mobile. d6d0d1f.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.25/view.mobile.fe36565.js" - ], - "library": "AliVcDeepMobile", - "components": null, - "packageName": "@ali/vc-deep-mobile", - "version": "2.0.1-beta.25" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": { - "default": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-component/1.1.1/proto.55a6360.js"] - }, - "prototypeConfigsUrl": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-component/1.1.1/proto.55a6360.js" - ], - "alias": "", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-component/1.1.1/view.0e43387.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-component/1.1.1/view.4ea485d.js" - ], - "library": "AliVcComponent", - "components": null, - "packageName": "@ali/vc-component", - "version": "1.1.1" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": { - "default": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-block-wrapper/1.0.6/proto.1cca36a.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-block-wrapper/1.0.6/proto.a3ca779.js" - ] - }, - "prototypeConfigsUrl": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-block-wrapper/1.0.6/proto.1cca36a.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-block-wrapper/1.0.6/proto.a3ca779.js" - ], - "alias": "", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-block-wrapper/1.0.6/view.54ba1c5.js"], - "library": "AliVcBlockWrapper", - "components": null, - "packageName": "@ali/vc-block-wrapper", - "version": "1.0.6" - } - ], - "utilsDependencies": [ - { - "prototypeViewsUrl": null, - "prototypeUrls": null, - "prototypeConfigsUrl": null, - "alias": "", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-toolkit/1.0.8/main.e3b517b.js"], - "library": "AliVuToolkit", - "components": null, - "packageName": "@ali/vu-toolkit", - "version": "1.0.8" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": null, - "prototypeConfigsUrl": null, - "alias": "", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-fusion-miniapp/2.0.0/main.a9303b0.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-fusion-miniapp/2.0.0/main.0a9dcbf.js" - ], - "library": "AliVuFusionMiniapp", - "components": null, - "packageName": "@ali/vu-fusion-miniapp", - "version": "2.0.0" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": null, - "prototypeConfigsUrl": null, - "alias": "", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-legao-builtin/1.4.0-beta.5/main.ce04344.js"], - "library": "AliVuLegaoBuiltin", - "components": null, - "packageName": "@ali/vu-legao-builtin", - "version": "1.4.0-beta.5" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": null, - "prototypeConfigsUrl": null, - "alias": "", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-dataSource/1.0.4/main.f11b596.js"], - "library": "AliVuDataSource", - "components": null, - "packageName": "@ali/vu-dataSource", - "version": "1.0.4" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": null, - "prototypeConfigsUrl": null, - "alias": "", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-formatter/2.0.0/main.60e759a.js"], - "library": "AliVuFormatter", - "components": null, - "packageName": "@ali/vu-formatter", - "version": "2.0.0" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": null, - "prototypeConfigsUrl": null, - "alias": "", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-router-miniapp/0.1.1/main.3d126aa.js"], - "library": "AliVuRouterMiniapp", - "components": null, - "packageName": "@ali/vu-router-miniapp", - "version": "0.1.1" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": null, - "prototypeConfigsUrl": null, - "alias": "universal", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/deep-mobile-universal-api/1.1.2/main.0cfe8ef.js"], - "library": "AliDeepMobileUniversalApi", - "components": null, - "packageName": "@ali/deep-mobile-universal-api", - "version": "1.1.2" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": null, - "prototypeConfigsUrl": null, - "alias": "", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-router/1.2.1/main.5a856a4.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-router/1.2.1/main.e896278.js" - ], - "library": "AliVuRouter", - "components": null, - "packageName": "@ali/vu-router", - "version": "1.2.1" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": null, - "prototypeConfigsUrl": null, - "alias": "", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-router-spa/1.3.13/main.bc8c738.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-router-spa/1.3.13/main.1cff595.js" - ], - "library": "AliVuRouterSpa", - "components": null, - "packageName": "@ali/vu-router-spa", - "version": "1.3.13" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": null, - "prototypeConfigsUrl": null, - "alias": "", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-spm/1.1.11/main.2f6a6e1.js"], - "library": "AliVuSpm", - "components": null, - "packageName": "@ali/vu-spm", - "version": "1.1.11" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": null, - "prototypeConfigsUrl": null, - "alias": "", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-switch-schema/1.0.7/main.1d9ec8c.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-switch-schema/1.0.7/main.0e44788.js" - ], - "library": "AliVuSwitchSchema", - "components": null, - "packageName": "@ali/vu-switch-schema", - "version": "1.0.7" - } - ], - "otherDependencies": [ - { - "prototypeViewsUrl": null, - "prototypeUrls": null, - "prototypeConfigsUrl": null, - "alias": "", - "urls": [ - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vp-rax-vision-page/2.0.3/main.a344c97.css", - "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vp-rax-vision-page/2.0.3/main.1b46312.js" - ], - "library": "AliVpRaxVisionPage", - "components": null, - "packageName": "@ali/vp-rax-vision-page", - "version": "2.0.3" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": null, - "prototypeConfigsUrl": null, - "alias": "", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vm-router/1.0.8/main.fd43d18.js"], - "library": "AliVmRouter", - "components": null, - "packageName": "@ali/vm-router", - "version": "1.0.8" - }, - { - "prototypeViewsUrl": null, - "prototypeUrls": null, - "prototypeConfigsUrl": null, - "alias": "", - "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vm-schema-nav/1.0.0/main.427ff0d.js"], - "library": "AliVmSchemaNav", - "components": null, - "packageName": "@ali/vm-schema-nav", - "version": "1.0.0" - } - ], - "lowCodeDependencies": [] -} diff --git a/packages/demo/public/schema.json b/packages/demo/public/schema.json deleted file mode 100644 index 4d15c5f83..000000000 --- a/packages/demo/public/schema.json +++ /dev/null @@ -1,595 +0,0 @@ -{ - "componentName": "Page", - "id": "node_dockcviv8fo1", - "props": { - "ref": "outterView", - "autoLoading": true, - "style": { - "padding": "0 5px 0 5px" - } - }, - "fileName": "test", - "dataSource": { - "list": [ - { - "type": "fetch", - "id": "请求商家数据，是一个 HTTP 请求，是一个 HTTP 请求，是一个 HTTP 请求", - "isInit": true, - "options": { - "uri": "https://www.taobao.com", - "params": { - "a": 1, - "b": true, - "c": "3" - } - } - } - ] - }, - "state": { - "text": "outter", - "isShowDialog": false - }, - "css": "body {font-size: 12px;} .botton{width:100px;color:#ff00ff}", - "lifeCycles": { - "componentDidMount": { - "type": "JSFunction", - "value": "function() {\n console.log('did mount');\n }" - }, - "componentWillUnmount": { - "type": "JSFunction", - "value": "function() {\n console.log('will umount');\n }" - } - }, - "methods": { - "testFunc": { - "type": "JSFunction", - "value": "function() {\n console.log('test func');\n }" - }, - "onClick": { - "type": "JSFunction", - "value": "function() {\n this.setState({\n isShowDialog: true\n })\n }" - }, - "closeDialog": { - "type": "JSFunction", - "value": "function() {\n this.setState({\n isShowDialog: false\n })\n }" - } - }, - "children": [ - { - "componentName": "Box", - "id": "node_dockcy8n9xed", - "props": { - "style": { - "backgroundColor": "rgba(31,56,88,0.1)", - "padding": "12px 12px 12px 12px" - } - }, - "children": [ - { - "componentName": "Box", - "id": "node_dockcy8n9xee", - "props": { - "style": { - "padding": "12px 12px 12px 12px", - "backgroundColor": "#ffffff" - } - }, - "children": [ - { - "componentName": "Breadcrumb", - "id": "node_dockcy8n9xef", - "props": { - "prefix": "next-", - "maxNode": 100, - "component": "nav" - }, - "children": [ - { - "componentName": "Breadcrumb.Item", - "id": "node_dockcy8n9xeg", - "props": { - "prefix": "next-", - "children": "首页" - } - }, - { - "componentName": "Breadcrumb.Item", - "id": "node_dockcy8n9xei", - "props": { - "prefix": "next-", - "children": "品质中台" - } - }, - { - "componentName": "Breadcrumb.Item", - "id": "node_dockcy8n9xek", - "props": { - "prefix": "next-", - "children": "商家品质页面管理" - } - }, - { - "componentName": "Breadcrumb.Item", - "id": "node_dockcy8n9xem", - "props": { - "prefix": "next-", - "children": "质检知识条配置" - } - } - ] - } - ] - }, - { - "componentName": "Box", - "id": "node_dockcy8n9xeo", - "props": { - "style": { - "marginTop": "12px", - "backgroundColor": "#ffffff" - } - }, - "children": [ - { - "componentName": "Form", - "id": "node_dockcy8n9xep", - "props": { - "inline": true, - "style": { - "marginTop": "12px", - "marginRight": "12px", - "marginLeft": "12px" - }, - "__events": [] - }, - "children": [ - { - "componentName": "Form.Item", - "id": "node_dockcy8n9xeq", - "props": { - "style": { - "marginBottom": "0" - }, - "label": "类目名：" - }, - "children": [ - { - "componentName": "Select", - "id": "node_dockcy8n9xer", - "props": { - "mode": "single", - "hasArrow": true, - "cacheValue": true, - "style": { - "width": "150px" - } - } - } - ] - }, - { - "componentName": "Form.Item", - "id": "node_dockcy8n9xes", - "props": { - "style": { - "marginBottom": "0" - }, - "label": "项目类型：" - }, - "children": [ - { - "componentName": "Select", - "id": "node_dockcy8n9xet", - "props": { - "mode": "single", - "hasArrow": true, - "cacheValue": true, - "style": { - "width": "200px" - } - } - } - ] - }, - { - "componentName": "Form.Item", - "id": "node_dockcy8n9xeu", - "props": { - "style": { - "marginBottom": "0" - }, - "label": "项目 ID：" - }, - "children": [ - { - "componentName": "Input", - "id": "node_dockcy8n9xev", - "props": { - "hasBorder": true, - "size": "medium", - "autoComplete": "off", - "style": { - "width": "200px" - } - } - } - ] - }, - { - "componentName": "Button.Group", - "id": "node_dockcy8n9xew", - "props": {}, - "children": [ - { - "componentName": "Button", - "id": "node_dockcy8n9xex", - "props": { - "type": "primary", - "style": { - "margin": "0 5px 0 5px" - }, - "htmlType": "submit", - "children": "搜索" - } - }, - { - "componentName": "Button", - "id": "node_dockcy8n9xe10", - "props": { - "type": "normal", - "style": { - "margin": "0 5px 0 5px" - }, - "htmlType": "reset", - "children": "清空" - } - } - ] - } - ] - } - ] - }, - { - "componentName": "Box", - "id": "node_dockcy8n9xe1f", - "props": { - "style": { - "backgroundColor": "#ffffff", - "paddingBottom": "24px", - "display": "flex", - "flexDirection": "row", - "justifyContent": "flex-end" - } - }, - "children": [ - { - "componentName": "Button", - "id": "node_dockd5nrh9p4", - "props": { - "type": "primary", - "size": "medium", - "htmlType": "button", - "component": "button", - "children": "新建配置", - "style": {}, - "__events": [ - { - "type": "componentEvent", - "name": "onClick", - "relatedEventName": "onClick" - } - ], - "onClick": { - "type": "JSFunction", - "value": "function(){ this.onClick() }" - } - } - } - ] - }, - { - "componentName": "Box", - "id": "node_dockd5nrh9p5", - "props": {}, - "children": [ - { - "componentName": "Table", - "id": "node_dockd5nrh9p6", - "props": { - "dataSource": [ - { - "id1": 1, - "id2": "2016", - "id3": "2013", - "id4": "2014", - "id5": "2015", - "id6": "2016", - "id7": "2017", - "id8": "2018" - }, - { - "id1": 1, - "id2": "2016", - "id3": "2016", - "id4": "2016", - "id5": "2016", - "id6": "2016", - "id7": "2016", - "id8": "2016" - } - ], - "size": "medium", - "prefix": "next-", - "hasBorder": true, - "hasHeader": true, - "isZebra": false, - "loading": false, - "expandedIndexSimulate": false, - "primaryKey": "id", - "locale": "zhCN.Table", - "crossline": false, - "__events": [] - }, - "children": [ - { - "componentName": "Table.Column", - "id": "node_dockd5nrh9p7", - "props": { - "title": "一级类目", - "dataIndex": "id1" - } - }, - { - "componentName": "Table.Column", - "id": "node_dockd5nrh9p8", - "props": { - "title": "二级类目", - "dataIndex": "id2" - } - }, - { - "componentName": "Table.Column", - "id": "node_dockd5nrh9p9", - "props": { - "title": "叶子类目", - "dataIndex": "id3" - } - }, - { - "componentName": "Table.Column", - "id": "node_dockd5nrh9pa", - "props": { - "title": "项目类型", - "dataIndex": "id4" - } - }, - { - "componentName": "Table.Column", - "id": "node_dockd5nrh9pb", - "props": { - "title": "项目id", - "dataIndex": "id5" - } - }, - { - "componentName": "Table.Column", - "id": "node_dockd5nrh9pc", - "props": { - "title": "知识条标题", - "dataIndex": "id6" - } - }, - { - "componentName": "Table.Column", - "id": "node_dockd5nrh9pd", - "props": { - "title": "知识条链接", - "dataIndex": "id7" - } - }, - { - "componentName": "Table.Column", - "id": "node_dockd5nrh9pe", - "props": { - "title": "操作", - "dataIndex": "id8" - } - } - ] - }, - { - "componentName": "Box", - "id": "node_dockd5nrh9pg", - "props": { - "style": { - "display": "flex", - "flexDirection": "row", - "justifyContent": "flex-end" - } - }, - "children": [ - { - "componentName": "Pagination", - "id": "node_dockd5nrh9pf", - "props": { - "prefix": "next-", - "type": "normal", - "shape": "normal", - "size": "medium", - "defaultCurrent": 1, - "total": 100, - "pageShowCount": 5, - "pageSize": 10, - "pageSizePosition": "start", - "showJump": true, - "style": {} - } - } - ] - } - ] - } - ] - }, - { - "componentName": "Dialog", - "id": "node_dockcy8n9xe1h", - "props": { - "prefix": "next-", - "footerAlign": "right", - "footerActions": [ - "ok", - "cancel" - ], - "closeable": "esc,close", - "hasMask": true, - "align": "cc cc", - "minMargin": 40, - "visible": { - "type": "JSExpression", - "value": "this.state.isShowDialog" - }, - "title": "标题", - "events": [], - "__events": [ - { - "type": "componentEvent", - "name": "onCancel", - "relatedEventName": "closeDialog" - }, - { - "type": "componentEvent", - "name": "onClose", - "relatedEventName": "closeDialog" - }, - { - "type": "componentEvent", - "name": "onOk", - "relatedEventName": "testFunc" - } - ], - "onCancel": { - "type": "JSFunction", - "value": "function(){ this.closeDialog() }" - }, - "onClose": { - "type": "JSFunction", - "value": "function(){ this.closeDialog() }" - }, - "onOk": { - "type": "JSFunction", - "value": "function(){ this.testFunc() }" - } - }, - "children": [ - { - "componentName": "Form", - "id": "node_dockd5nrh9pi", - "props": { - "inline": false, - "labelAlign": "top", - "labelTextAlign": "right", - "size": "medium" - }, - "children": [ - { - "componentName": "Form.Item", - "id": "node_dockd5nrh9pj", - "props": { - "style": { - "marginBottom": "0", - "minWidth": "200px", - "minHeight": "28px" - }, - "label": "商品类目" - }, - "children": [ - { - "componentName": "Select", - "id": "node_dockd5nrh9pk", - "props": { - "mode": "single", - "hasArrow": true, - "cacheValue": true - } - } - ] - }, - { - "componentName": "Form.Item", - "id": "node_dockd5nrh9pl", - "props": { - "style": { - "marginBottom": "0", - "minWidth": "200px", - "minHeight": "28px" - }, - "label": "商品类目" - }, - "children": [ - { - "componentName": "Select", - "id": "node_dockd5nrh9pm", - "props": { - "mode": "single", - "hasArrow": true, - "cacheValue": true - } - } - ] - }, - { - "componentName": "Form.Item", - "id": "node_dockd5nrh9pn", - "props": { - "style": { - "marginBottom": "0", - "minWidth": "200px", - "minHeight": "28px" - }, - "label": "商品类目", - "asterisk": true - }, - "children": [ - { - "componentName": "Select", - "id": "node_dockd5nrh9po", - "props": { - "mode": "single", - "hasArrow": true, - "cacheValue": true - } - } - ] - }, - { - "componentName": "Form.Item", - "id": "node_dockd5nrh9pp", - "props": { - "style": { - "marginBottom": "0", - "minWidth": "200px", - "minHeight": "28px" - }, - "label": "商品类目" - }, - "children": [ - { - "componentName": "Input", - "id": "node_dockd5nrh9pr", - "props": { - "hasBorder": true, - "size": "medium", - "autoComplete": "off" - } - } - ] - } - ] - } - ] - } - ] - } diff --git a/packages/demo/public/text.json b/packages/demo/public/text.json deleted file mode 100644 index c5f2ddbff..000000000 --- a/packages/demo/public/text.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - { - "packageName": "@alife/knowledge-detail", - "version": "0.1.0", - "library": "ServiceHallKnowledgeDetail", - "ext": { - "project": "knowledge-detail", - "group": "service-hall-components" - }, - "urls": ["https://dev.g.alicdn.com/service-hall-components/knowledge-detail/0.1.0/designer.js"] - }, - { - "packageName": "@alife/benefits-list", - "version": "0.1.1", - "library": "ServiceHallBenefitsList", - "ext": { - "project": "benefits-list", - "group": "service-hall-components" - }, - "urls": ["https://dev.g.alicdn.com/service-hall-components/benefits-list/0.1.1/designer.js"] - }, - { - "packageName": "@alife/todo-list", - "version": "0.1.1", - "library": "ServiceHallTodoList", - "ext": { - "project": "todo-list", - "group": "service-hall-components" - }, - "urls": ["https://dev.g.alicdn.com/service-hall-components/todo-list/0.1.1/designer.js"] - }, - { - "packageName": "@alife/todo-list-detail", - "version": "0.1.1", - "library": "ServiceHallTodoListDetail", - "ext": { - "project": "todo-list-detail", - "group": "service-hall-components" - }, - "urls": ["https://dev.g.alicdn.com/service-hall-components/todo-list-detail/0.1.1/designer.js"] - }, - { - "packageName": "@alife/service-hall-tabs", - "library": "ServiceHallTabs", - "version": "0.1.0", - "ext": { - "project": "tabs", - "group": "service-hall-components" - }, - "urls": ["https://dev.g.alicdn.com/service-hall-components/tabs/0.1.0/designer.js"] - } -} diff --git a/packages/demo/public/vision-schema.json b/packages/demo/public/vision-schema.json deleted file mode 100644 index 145462000..000000000 --- a/packages/demo/public/vision-schema.json +++ /dev/null @@ -1,887 +0,0 @@ -{ - "componentName": "Page", - "id": "node_1", - "props": { - "ref": "outterView", - "autoLoading": true, - "style": { - "padding": 20 - } - }, - "fileName": "test", - "dataSource": { - "list": [] - }, - "state": { - "text": "outter", - "abc": [1, 2, 3] - }, - "children": [ - { - "componentName": "Steps", - "id": "node_1i", - "props": { - "dataSource": [ - { - "title": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "报名" - }, - "status": "", - "content": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "Open the refrigerator door" - }, - "customSwitcher": false - }, - { - "title": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "信息收集" - }, - "status": "", - "content": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "Put the elephant in the refrigerator" - }, - "customSwitcher": false - }, - { - "title": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "审核" - }, - "status": "", - "content": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "Close the refrigerator door" - }, - "customSwitcher": false - } - ], - "current": 1, - "shape": "circle", - "direction": "horizontal", - "labelPlacement": "vertical", - "readOnly": false, - "animation": true, - "__style__": {}, - "fieldId": "steps_kadcb0ov" - } - }, - { - "componentName": "Title", - "id": "node_b", - "props": { - "text": "请填写以下人员信息表单", - "type": "primary", - "noDecoration": false, - "__style__": {}, - "fieldId": "title_kadcb0nw" - } - }, - { - "componentName": "Paragraph", - "id": "node_e", - "props": { - "content": "人最宝贵的是生命。它给予我们只有一次。人的一生应当这样度过：当他回首往事时不因虚度年华而悔恨，也不因碌碌无为而羞耻。这样在他临死的时侯就能够说:我已把我整个的生命和全部精力都献给最壮丽的事业——为人类的解放而斗争。", - "size": "medium", - "type": "long", - "__style__": {}, - "fieldId": "paragraph_kadcb0nz" - } - }, - { - "componentName": "ColumnsLayout", - "id": "node_r", - "props": { - "layout": "6:6", - "columnGap": "16px", - "rowGap": "16px", - "__style__": { - "marginTop": "24px" - }, - "fieldId": "columnsLayout_kadcb0ob" - }, - "children": [ - { - "componentName": "Column", - "id": "node_s", - "props": { - "fieldId": "column_kadcb0o9", - "__style__": {} - }, - "children": [ - { - "componentName": "Card", - "id": "node_n", - "props": { - "title": "基本信息", - "subTitle": { - "type": "i18n", - "zh_CN": "", - "en_US": "" - }, - "extra": { - "type": "JSSlot", - "params": null, - "value": [ - { - "componentName": "Icon", - "id": "node_q", - "props": { - "type": { - "useType": true, - "baseType": "smile", - "otherType": "smile" - }, - "size": "medium", - "__style__": {}, - "fieldId": "icon_kadcb0o8" - } - } - ] - }, - "showTitleBullet": true, - "showHeadDivider": true, - "dividerNoInset": false, - "contentHeight": "", - "__style__": {}, - "fieldId": "card_kadcb0o7" - }, - "children": [ - { - "componentName": "CardContent", - "id": "node_o", - "props": {}, - "children": [ - { - "componentName": "Form", - "id": "node_f", - "props": { - "labelAlign": "top", - "size": "medium", - "behavior": "NORMAL", - "autoValidate": true, - "scrollToFirstError": true, - "autoUnmount": true, - "fieldOptions": {}, - "__style__": { - "marginTop": "24px" - }, - "fieldId": "form_kadcb0o5" - }, - "children": [ - { - "componentName": "TextField", - "id": "node_g", - "props": { - "__category__": "form", - "__useMediator": "value", - "label": "姓名", - "value": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "" - }, - "labelAlign": "top", - "labelColSpan": 4, - "labelColOffset": 0, - "wrapperColSpan": 0, - "wrapperColOffset": 0, - "labelTextAlign": "right", - "placeholder": { - "type": "i18n", - "use": "zh_CN", - "en_US": "Please enter", - "zh_CN": "请输入" - }, - "tips": { - "zh_CN": "", - "en_US": "", - "type": "i18n" - }, - "size": "medium", - "behavior": "NORMAL", - "labelTipsTypes": "none", - "labelTipsIcon": "", - "labelTipsText": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "" - }, - "htmlType": "input", - "state": "", - "rows": 4, - "autoHeight": false, - "hasClear": false, - "trim": false, - "autoFocus": false, - "addonBefore": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "" - }, - "addonAfter": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "" - }, - "validation": [], - "hasLimitHint": false, - "cutString": false, - "__style__": {}, - "fieldId": "textField_kadcb0o0" - } - }, - { - "componentName": "RadioField", - "id": "node_14", - "props": { - "__category__": "form", - "__useMediator": "value", - "label": "性别", - "value": "", - "labelAlign": "top", - "labelColSpan": 4, - "labelColOffset": 0, - "wrapperColSpan": 0, - "wrapperColOffset": 0, - "labelTextAlign": "right", - "tips": { - "zh_CN": "", - "en_US": "", - "type": "i18n" - }, - "size": "medium", - "behavior": "NORMAL", - "labelTipsTypes": "none", - "labelTipsIcon": "", - "labelTipsText": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "" - }, - "shape": "default", - "itemDirection": "hoz", - "dataSource": [ - { - "text": { - "zh_CN": "选项一", - "en_US": "Option 1", - "type": "i18n", - "use": "zh_CN" - }, - "value": "1", - "disable": false - }, - { - "text": { - "zh_CN": "选项二", - "en_US": "Option 2", - "type": "i18n", - "use": "zh_CN" - }, - "value": "2", - "disable": false - }, - { - "text": { - "zh_CN": "选项三", - "en_US": "Option 3", - "type": "i18n", - "use": "zh_CN" - }, - "value": "3", - "disable": true - } - ], - "validation": [], - "__style__": {}, - "fieldId": "radioField_kadcb0ok" - } - }, - { - "componentName": "SelectField", - "id": "node_h", - "props": { - "__category__": "form", - "__useMediator": "value", - "label": "学校", - "value": "", - "labelAlign": "top", - "labelColSpan": 4, - "labelColOffset": 0, - "wrapperColSpan": 0, - "wrapperColOffset": 0, - "labelTextAlign": "right", - "placeholder": { - "type": "i18n", - "use": "zh_CN", - "en_US": "please select", - "zh_CN": "请选择" - }, - "tips": { - "zh_CN": "", - "en_US": "", - "type": "i18n" - }, - "size": "medium", - "behavior": "NORMAL", - "labelTipsTypes": "none", - "labelTipsIcon": "", - "labelTipsText": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "" - }, - "mode": "single", - "hasClear": false, - "hasSelectAll": false, - "showSearch": false, - "filterLocal": true, - "dataSource": [ - { - "text": { - "zh_CN": "选项一", - "en_US": "Option 1", - "type": "i18n" - }, - "value": "1" - }, - { - "text": { - "zh_CN": "选项二", - "en_US": "Option 2", - "type": "i18n" - }, - "value": "2" - }, - { - "text": { - "zh_CN": "选项三", - "en_US": "Option 3", - "type": "i18n" - }, - "value": "3" - } - ], - "validation": [], - "notFoundContent": { - "type": "i18n", - "use": "zh_CN", - "en_US": null - }, - "hasArrow": true, - "hasBorder": true, - "autoWidth": true, - "searchDelay": 300, - "__style__": {}, - "fieldId": "select_kadcb0o1" - } - }, - { - "componentName": "Div", - "id": "node_i", - "props": { - "behavior": "NORMAL", - "__style__": {}, - "fieldId": "div_kadcb0o4" - }, - "children": [ - { - "componentName": "Button", - "id": "node_j", - "props": { - "content": { - "type": "i18n", - "en_US": "Ok", - "zh_CN": "提交" - }, - "type": "primary", - "size": "medium", - "behavior": "NORMAL", - "baseIcon": "", - "otherIcon": "", - "loading": false, - "triggerEventsWhenLoading": false, - "__style__": ":root {\n margin-right: 15px;\n}", - "fieldId": "button_kadcb0o2", - "onClick": { - "type": "JSExpression", - "value": "function onSubmit(){\n // 请将 fieldId 替换为表单容器的 fieldId\n this.$('fieldId').submit(function(data, error) {\n if (data) {\n console.log(data);\n // 往后端提交数据，一般写法如下\n // this.dataSourceMap['xxx'].load(data).then(() => {\n // this.utils.toast({\n // type: 'success',\n // title: '提交成功'\n // });\n // });\n }\n });\n}", - "extType": "function", - "events": [ - { - "name": "onClick", - "params": {}, - "func": { - "type": "js", - "source": "function onSubmit(){\n // 请将 fieldId 替换为表单容器的 fieldId\n this.$('fieldId').submit(function(data, error) {\n if (data) {\n console.log(data);\n // 往后端提交数据，一般写法如下\n // this.dataSourceMap['xxx'].load(data).then(() => {\n // this.utils.toast({\n // type: 'success',\n // title: '提交成功'\n // });\n // });\n }\n });\n}", - "compiled": "function onSubmit(){\n // 请将 fieldId 替换为表单容器的 fieldId\n this.$('fieldId').submit(function(data, error) {\n if (data) {\n console.log(data);\n // 往后端提交数据，一般写法如下\n // this.dataSourceMap['xxx'].load(data).then(() => {\n // this.utils.toast({\n // type: 'success',\n // title: '提交成功'\n // });\n // });\n }\n });\n}" - } - } - ] - } - } - }, - { - "componentName": "Button", - "id": "node_k", - "props": { - "content": { - "type": "i18n", - "en_US": "Reset", - "zh_CN": "重置" - }, - "type": "secondary", - "size": "medium", - "behavior": "NORMAL", - "baseIcon": "", - "otherIcon": "", - "loading": false, - "triggerEventsWhenLoading": false, - "__style__": {}, - "fieldId": "button_kadcb0o3", - "onClick": { - "type": "JSExpression", - "value": "function onReset(){\n // 请将 fieldId 替换为表单容器的 fieldId\n this.$('fieldId').reset();\n}", - "extType": "function", - "events": [ - { - "name": "onClick", - "params": {}, - "func": { - "type": "js", - "source": "function onReset(){\n // 请将 fieldId 替换为表单容器的 fieldId\n this.$('fieldId').reset();\n}", - "compiled": "function onReset(){\n // 请将 fieldId 替换为表单容器的 fieldId\n this.$('fieldId').reset();\n}" - } - } - ] - } - } - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "componentName": "Column", - "id": "node_t", - "props": { - "fieldId": "column_kadcb0oa", - "__style__": {} - }, - "children": [ - { - "componentName": "Card", - "id": "node_u", - "props": { - "title": { - "type": "JSSlot", - "params": null, - "value": [ - { - "componentName": "Icon", - "id": "node_18", - "props": { - "type": { - "useType": true, - "baseType": "smile", - "otherType": "smile" - }, - "size": "medium", - "__style__": {}, - "fieldId": "icon_kadcb0on" - } - }, - { - "componentName": "Link", - "id": "node_19", - "props": { - "content": { - "type": "i18n", - "use": "zh_CN", - "en_US": "link text", - "zh_CN": "扩展信息" - }, - "textOverflow": false, - "link": { - "type": "page", - "page": null, - "router": { - "type": "JSExpression", - "value": "this.utils.router" - } - }, - "__style__": {}, - "fieldId": "link_kadcb0oo" - } - } - ] - }, - "subTitle": { - "type": "i18n", - "zh_CN": "", - "en_US": "" - }, - "extra": { - "type": "JSSlot", - "params": null, - "value": [ - { - "componentName": "Icon", - "id": "node_1a", - "props": { - "type": { - "useType": true, - "baseType": "smile", - "otherType": "smile" - }, - "size": "xl", - "__style__": {}, - "fieldId": "icon_kadcb0op" - } - } - ] - }, - "showTitleBullet": true, - "showHeadDivider": true, - "dividerNoInset": false, - "contentHeight": "", - "__style__": {}, - "fieldId": "card_kadcb0oc" - }, - "children": [ - { - "componentName": "CardContent", - "id": "node_v", - "props": {}, - "children": [ - { - "componentName": "Form", - "id": "node_x", - "props": { - "labelAlign": "top", - "size": "medium", - "behavior": "NORMAL", - "autoValidate": true, - "scrollToFirstError": true, - "autoUnmount": true, - "fieldOptions": {}, - "__style__": { - "marginTop": "24px" - }, - "fieldId": "form_kadcb0oi" - }, - "children": [ - { - "componentName": "TextField", - "id": "node_y", - "props": { - "__category__": "form", - "__useMediator": "value", - "label": "职位", - "value": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "" - }, - "labelAlign": "top", - "labelColSpan": 4, - "labelColOffset": 0, - "wrapperColSpan": 0, - "wrapperColOffset": 0, - "labelTextAlign": "right", - "placeholder": { - "type": "i18n", - "use": "zh_CN", - "en_US": "Please enter", - "zh_CN": "请输入" - }, - "tips": { - "zh_CN": "", - "en_US": "", - "type": "i18n" - }, - "size": "medium", - "behavior": "NORMAL", - "labelTipsTypes": "none", - "labelTipsIcon": "", - "labelTipsText": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "" - }, - "htmlType": "input", - "state": "", - "rows": 4, - "autoHeight": false, - "hasClear": false, - "trim": false, - "autoFocus": false, - "addonBefore": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "" - }, - "addonAfter": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "" - }, - "validation": [], - "hasLimitHint": false, - "cutString": false, - "__style__": {}, - "fieldId": "textField_kadcb0od" - } - }, - { - "componentName": "DateField", - "id": "node_15", - "props": { - "__category__": "form", - "__useMediator": "value", - "label": "入职时间", - "value": "", - "labelAlign": "top", - "labelColSpan": 4, - "labelColOffset": 0, - "wrapperColSpan": 0, - "wrapperColOffset": 0, - "labelTextAlign": "right", - "placeholder": { - "type": "i18n", - "use": "zh_CN", - "en_US": "please select", - "zh_CN": "请选择" - }, - "tips": { - "zh_CN": "", - "en_US": "", - "type": "i18n" - }, - "size": "medium", - "behavior": "NORMAL", - "format": "YYYY-MM-DD", - "returnType": "timestamp", - "labelTipsTypes": "none", - "labelTipsIcon": "", - "labelTipsText": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "" - }, - "hasClear": true, - "resetTime": false, - "disabledDate": false, - "validation": [], - "__style__": {}, - "fieldId": "dateField_kadcb0ol" - } - }, - { - "componentName": "SelectField", - "id": "node_z", - "props": { - "__category__": "form", - "__useMediator": "value", - "label": "下拉选择", - "value": "", - "labelAlign": "top", - "labelColSpan": 4, - "labelColOffset": 0, - "wrapperColSpan": 0, - "wrapperColOffset": 0, - "labelTextAlign": "right", - "placeholder": { - "type": "i18n", - "use": "zh_CN", - "en_US": "please select", - "zh_CN": "请选择" - }, - "tips": { - "zh_CN": "", - "en_US": "", - "type": "i18n" - }, - "size": "medium", - "behavior": "NORMAL", - "labelTipsTypes": "none", - "labelTipsIcon": "", - "labelTipsText": { - "type": "i18n", - "use": "zh_CN", - "en_US": null, - "zh_CN": "" - }, - "mode": "single", - "hasClear": false, - "hasSelectAll": false, - "showSearch": false, - "filterLocal": true, - "dataSource": [ - { - "text": { - "zh_CN": "选项一", - "en_US": "Option 1", - "type": "i18n" - }, - "value": "1" - }, - { - "text": { - "zh_CN": "选项二", - "en_US": "Option 2", - "type": "i18n" - }, - "value": "2" - }, - { - "text": { - "zh_CN": "选项三", - "en_US": "Option 3", - "type": "i18n" - }, - "value": "3" - } - ], - "validation": [], - "notFoundContent": { - "type": "i18n", - "use": "zh_CN", - "en_US": null - }, - "hasArrow": true, - "hasBorder": true, - "autoWidth": true, - "searchDelay": 300, - "__style__": {}, - "fieldId": "select_kadcb0oe" - } - }, - { - "componentName": "Div", - "id": "node_10", - "props": { - "behavior": "NORMAL", - "__style__": {}, - "fieldId": "div_kadcb0oh" - }, - "children": [ - { - "componentName": "Button", - "id": "node_11", - "props": { - "content": { - "type": "i18n", - "en_US": "Ok", - "zh_CN": "提交" - }, - "type": "primary", - "size": "medium", - "behavior": "NORMAL", - "baseIcon": "", - "otherIcon": "", - "loading": false, - "triggerEventsWhenLoading": false, - "__style__": ":root {\n margin-right: 15px;\n}", - "fieldId": "button_kadcb0of", - "onClick": { - "type": "JSExpression", - "value": "function onSubmit(){\n // 请将 fieldId 替换为表单容器的 fieldId\n this.$('fieldId').submit(function(data, error) {\n if (data) {\n console.log(data);\n // 往后端提交数据，一般写法如下\n // this.dataSourceMap['xxx'].load(data).then(() => {\n // this.utils.toast({\n // type: 'success',\n // title: '提交成功'\n // });\n // });\n }\n });\n}", - "extType": "function", - "events": [ - { - "name": "onClick", - "params": {}, - "func": { - "type": "js", - "source": "function onSubmit(){\n // 请将 fieldId 替换为表单容器的 fieldId\n this.$('fieldId').submit(function(data, error) {\n if (data) {\n console.log(data);\n // 往后端提交数据，一般写法如下\n // this.dataSourceMap['xxx'].load(data).then(() => {\n // this.utils.toast({\n // type: 'success',\n // title: '提交成功'\n // });\n // });\n }\n });\n}", - "compiled": "function onSubmit(){\n // 请将 fieldId 替换为表单容器的 fieldId\n this.$('fieldId').submit(function(data, error) {\n if (data) {\n console.log(data);\n // 往后端提交数据，一般写法如下\n // this.dataSourceMap['xxx'].load(data).then(() => {\n // this.utils.toast({\n // type: 'success',\n // title: '提交成功'\n // });\n // });\n }\n });\n}" - } - } - ] - } - } - }, - { - "componentName": "Button", - "id": "node_12", - "props": { - "content": { - "type": "i18n", - "en_US": "Reset", - "zh_CN": "重置" - }, - "type": "secondary", - "size": "medium", - "behavior": "NORMAL", - "baseIcon": "", - "otherIcon": "", - "loading": false, - "triggerEventsWhenLoading": false, - "__style__": {}, - "fieldId": "button_kadcb0og", - "onClick": { - "type": "JSExpression", - "value": "function onReset(){\n // 请将 fieldId 替换为表单容器的 fieldId\n this.$('fieldId').reset();\n}", - "extType": "function", - "events": [ - { - "name": "onClick", - "params": {}, - "func": { - "type": "js", - "source": "function onReset(){\n // 请将 fieldId 替换为表单容器的 fieldId\n this.$('fieldId').reset();\n}", - "compiled": "function onReset(){\n // 请将 fieldId 替换为表单容器的 fieldId\n this.$('fieldId').reset();\n}" - } - } - ] - } - } - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] -} diff --git a/packages/demo/src/app/config/app.ts b/packages/demo/src/app/config/app.ts deleted file mode 100644 index 6562cebbf..000000000 --- a/packages/demo/src/app/config/app.ts +++ /dev/null @@ -1,21 +0,0 @@ -export default { - sdkVersion: '1.0.3', - history: 'hash', // 浏览器路由：brower 哈希路由：hash - containerId: 'lce-container', - layout: { - componentName: 'BasicLayout', - props: { - name: '低代码引擎预览 demo', - logo: { - src: 'https://img.alicdn.com/tfs/TB1L.1QAeL2gK0jSZFmXXc7iXXa-90-90.png', - width: 25, - height: 25, - }, - }, - }, - theme: { - package: '@alife/theme-fusion', - version: '^0.1.0', - }, - compDependencies: [], -}; diff --git a/packages/demo/src/app/config/components.ts b/packages/demo/src/app/config/components.ts deleted file mode 100644 index 3c4d25558..000000000 --- a/packages/demo/src/app/config/components.ts +++ /dev/null @@ -1,5 +0,0 @@ -/** - * 内置组件 - */ - -export default {}; diff --git a/packages/demo/src/app/config/componentsMap.ts b/packages/demo/src/app/config/componentsMap.ts deleted file mode 100644 index a9bb73edb..000000000 --- a/packages/demo/src/app/config/componentsMap.ts +++ /dev/null @@ -1,53 +0,0 @@ -export default { - Button: { - package: '@alifd/next', - version: '1.19.18', - destructuring: true, - exportName: 'Button', - }, - 'Button.Group': { - package: '@alifd/next', - version: '1.19.18', - destructuring: true, - exportName: 'Button', - subName: 'Group', - }, - Input: { - package: '@alifd/next', - version: '1.19.18', - destructuring: true, - exportName: 'Input', - }, - Form: { - package: '@alifd/next', - version: '1.19.18', - destructuring: true, - exportName: 'Form', - }, - 'Form.Item': { - package: '@alifd/next', - version: '1.19.18', - destructuring: true, - exportName: 'Form', - subName: 'Item', - }, - NumberPicker: { - package: '@alifd/next', - version: '1.19.18', - destructuring: true, - exportName: 'NumberPicker', - }, - Select: { - package: '@alifd/next', - version: '1.19.18', - destructuring: true, - exportName: 'Select', - }, - 'Select.Option': { - package: '@alifd/next', - version: '1.19.18', - destructuring: true, - exportName: 'Select', - subName: 'Option', - }, -}; diff --git a/packages/demo/src/app/config/constants.ts b/packages/demo/src/app/config/constants.ts deleted file mode 100644 index ff8b4c563..000000000 --- a/packages/demo/src/app/config/constants.ts +++ /dev/null @@ -1 +0,0 @@ -export default {}; diff --git a/packages/demo/src/app/config/utils.ts b/packages/demo/src/app/config/utils.ts deleted file mode 100644 index ff8b4c563..000000000 --- a/packages/demo/src/app/config/utils.ts +++ /dev/null @@ -1 +0,0 @@ -export default {}; diff --git a/packages/demo/src/app/index.ts b/packages/demo/src/app/index.ts deleted file mode 100644 index d78f6211a..000000000 --- a/packages/demo/src/app/index.ts +++ /dev/null @@ -1,20 +0,0 @@ -import { app } from '@ali/lowcode-runtime'; -import Renderer from '@ali/lowcode-react-renderer'; -import FusionLoading from './plugins/loading/fusion'; -import BasicLayout from './layouts/BasicLayout'; -import Preview from './plugins/provider'; - -// 注册渲染模块 -app.registerRenderer(Renderer); - -// 注册布局组件，可注册多个 -app.registerLayout(BasicLayout, { componentName: 'BasicLayout' }); - -// 注册页面 Loading -app.registerLoading(FusionLoading); - -// appKey：应用唯一标识 -app.registerProvider(Preview); - -// 启动应用 -app.run(); diff --git a/packages/demo/src/app/layouts/BasicLayout/index.scss b/packages/demo/src/app/layouts/BasicLayout/index.scss deleted file mode 100644 index a8fe9848a..000000000 --- a/packages/demo/src/app/layouts/BasicLayout/index.scss +++ /dev/null @@ -1,24 +0,0 @@ -$header-height: 52px; - -.avatar { - width: 24px; - height: 24px; - border-radius: 50%; - vertical-align: middle; -} - -.basic-shell { - min-height: 100vh; - .next-shell-header { - height: $header-height; - } - .next-shell-main { - flex: 1; - display: flex; - flex-flow: column; - min-height: calc(100% - $header-height); - .next-shell-sub-main { - flex: 1; - } - } -} diff --git a/packages/demo/src/app/layouts/BasicLayout/index.tsx b/packages/demo/src/app/layouts/BasicLayout/index.tsx deleted file mode 100644 index 3785e8339..000000000 --- a/packages/demo/src/app/layouts/BasicLayout/index.tsx +++ /dev/null @@ -1,34 +0,0 @@ -import { Search, Icon, Shell } from '@alifd/next'; -import './index.scss'; - -export default ({ - name, - children, - logo, -}: { - name: string; - children: any; - logo: { src: string; width: number; height: number }; -}) => ( - - - logo - {name} - - - - - - - 用户头像 - MyName - - - {children} - - - Alibaba Fusion - @ 2019 Alibaba Piecework 版权所有 - - -); diff --git a/packages/demo/src/app/plugins/loading/fusion/index.scss b/packages/demo/src/app/plugins/loading/fusion/index.scss deleted file mode 100644 index 0e53165cb..000000000 --- a/packages/demo/src/app/plugins/loading/fusion/index.scss +++ /dev/null @@ -1,9 +0,0 @@ -.fusion-loading { - width: 48px; - height: 48px; - position: fixed; - top: 50%; - left: 50%; - margin-top: -24px; - margin-left: -24px; -} diff --git a/packages/demo/src/app/plugins/loading/fusion/index.tsx b/packages/demo/src/app/plugins/loading/fusion/index.tsx deleted file mode 100644 index 73de48418..000000000 --- a/packages/demo/src/app/plugins/loading/fusion/index.tsx +++ /dev/null @@ -1,4 +0,0 @@ -import { Loading } from '@alifd/next'; -import './index.scss'; - -export default () => ; diff --git a/packages/demo/src/app/plugins/provider.ts b/packages/demo/src/app/plugins/provider.ts deleted file mode 100644 index 474f7c774..000000000 --- a/packages/demo/src/app/plugins/provider.ts +++ /dev/null @@ -1,52 +0,0 @@ -import { ReactProvider } from '@ali/lowcode-runtime'; -import { buildComponents } from '@ali/lowcode-utils'; -import appConfig from '../config/app'; -import builtInComps from '../config/components'; -import componentsMap from '../config/componentsMap'; -import constants from '../config/constants'; -import utils from '../config/utils'; - -// 定制加载应用配置的逻辑 -export default class Preview extends ReactProvider { - // 定制获取、处理应用配置（组件、插件、路由模式、布局等）的逻辑 - async getAppData(): Promise { - const { history, layout, containerId } = appConfig; - const appSchemaStr: any = localStorage.getItem('lce-dev-store'); - if (!appSchemaStr) { - return; - } - const appSchema = JSON.parse(appSchemaStr); - if (!appSchema) { - return; - } - const routes: any = {}; - appSchema.componentsTree.forEach((page: any) => { - if (!page.fileName) { - return; - } - const pageId = page.fileName; - routes[pageId] = `/${pageId}`; - }); - return { - history, - layout, - routes, - containerId, - components: { ...builtInComps, ...buildComponents({ '@alifd/next': 'Next' }, componentsMap) }, - componentsMap, - utils, - constants, - }; - } - - // 定制获取、处理页面 schema 的逻辑 - async getPageData(pageId: string) { - const appSchemaStr = localStorage.getItem('lce-dev-store'); - const appSchema = JSON.parse(appSchemaStr || ''); - const idx = appSchema.componentsTree.findIndex( - (page: any, index: number) => (page.fileName || `page${index}`) === pageId, - ); - const schema = appSchema.componentsTree[idx]; - return schema; - } -} diff --git a/packages/demo/src/editor/components.ts b/packages/demo/src/editor/components.ts deleted file mode 100644 index 9ef78211d..000000000 --- a/packages/demo/src/editor/components.ts +++ /dev/null @@ -1,30 +0,0 @@ -import logo from '@ali/lowcode-plugin-sample-logo'; -import samplePreview from '@ali/lowcode-plugin-sample-preview'; -import undoRedo from '@ali/lowcode-plugin-undo-redo'; -import componentsPane from '@ali/lowcode-plugin-components-pane'; -import outline from '@ali/lowcode-plugin-outline-pane'; -import dataSourcePane from '@ali/lowcode-plugin-datasource-pane'; -import utilsPane from '@ali/lowcode-plugin-utils-pane'; -import zhEn from '@ali/lowcode-plugin-zh-en'; -import eventBindDialog from '@ali/lowcode-plugin-event-bind-dialog'; -import variableBindDialog from '@ali/lowcode-plugin-variable-bind-dialog'; -import sourceEditor from '@ali/lowcode-plugin-source-editor'; - -import codeout from './plugins/codeout'; -import saveload from './plugins/saveload'; - -export default { - logo, - samplePreview, - undoRedo, - componentsPane, - outline, - utilsPane, - zhEn, - eventBindDialog, - variableBindDialog, - sourceEditor, - codeout, - saveload, - dataSourcePane, -}; diff --git a/packages/demo/src/editor/config.ts b/packages/demo/src/editor/config.ts deleted file mode 100644 index 3d00233c0..000000000 --- a/packages/demo/src/editor/config.ts +++ /dev/null @@ -1,221 +0,0 @@ -import { DataSourceImportPluginCode } from '@ali/lowcode-plugin-datasource-pane'; -import { createMtopHandler } from '@ali/lowcode-datasource-mtop-handler'; -import { createFetchHandler } from '@ali/lowcode-datasource-fetch-handler'; -import { createJsonpHandler } from '@ali/lowcode-datasource-jsonp-handler'; - -export default { - plugins: { - topArea: [ - { - pluginKey: 'logo', - type: 'Custom', - props: { - align: 'left', - width: 100, - }, - pluginProps: { - logo: 'https://img.alicdn.com/tfs/TB1_SocGkT2gK0jSZFkXXcIQFXa-66-66.png', - href: '/', - }, - }, - { - pluginKey: 'undoRedo', - type: 'Custom', - props: { - align: 'right', - width: 88, - }, - }, - /* - { - pluginKey: 'divider', - type: 'Divider', - props: { - align: 'right', - }, - }, */ - { - pluginKey: 'samplePreview', - type: 'Custom', - props: { - align: 'right', - width: 64, - }, - }, - { - pluginKey: 'codeout', - type: 'Custom', - props: { - align: 'right', - width: 64, - }, - }, - { - pluginKey: 'saveload', - type: 'Custom', - props: { - align: 'right', - width: 128, - }, - }, - ], - leftArea: [ - { - pluginKey: 'outline', - type: 'PanelIcon', - props: { - align: 'top', - icon: 'shuxingkongjian', - description: '大纲树', - panelProps: { - area: 'leftFixedArea', - }, - }, - pluginProps: {}, - }, - { - pluginKey: 'componentsPane', - type: 'PanelIcon', - props: { - align: 'top', - icon: 'zujianku', - description: '组件库', - }, - pluginProps: {}, - }, - { - pluginKey: 'utilsPane', - type: 'PanelIcon', - props: { - align: 'top', - icon: 'util', - description: '工具类', - panelProps: { - floatable: true, - height: 300, - help: undefined, - hideTitleBar: false, - maxHeight: 800, - maxWidth: 1200, - title: '工具类扩展面板', - width: 430, - }, - }, - pluginProps: {}, - }, - { - pluginKey: 'sourceEditor', - type: 'PanelIcon', - props: { - align: 'top', - icon: 'wenjian', - description: 'JS面板', - panelProps: { - floatable: true, - height: 300, - help: undefined, - hideTitleBar: false, - maxHeight: 800, - maxWidth: 1200, - title: 'JS面板', - width: 600, - }, - }, - }, - { - pluginKey: 'dataSourcePane', - pluginProps: { - importPlugins: [ - { - name: 'code2', - title: '源码2', - content: DataSourceImportPluginCode, - }, - ], - dataSourceTypes: [ - { - type: 'mopen', - schema: { - type: 'object', - properties: { - options: { - type: 'object', - properties: { - uri: { - title: 'api', - }, - v: { - title: 'v', - type: 'string', - }, - appKey: { - title: 'appKey', - type: 'string', - }, - }, - }, - }, - }, - }, - ], - }, - type: 'PanelIcon', - props: { - align: 'top', - icon: 'shujuyuan', - description: '数据源面板', - panelProps: { - floatable: true, - height: 300, - help: undefined, - hideTitleBar: false, - maxHeight: 800, - maxWidth: 1200, - title: '数据源面板', - width: 600, - }, - }, - }, - { - pluginKey: 'zhEn', - type: 'Custom', - props: { - align: 'bottom', - }, - pluginProps: {}, - }, - ], - centerArea: [ - { - pluginKey: 'eventBindDialog', - }, - { - pluginKey: 'variableBindDialog', - }, - ], - }, - shortCuts: [], - lifeCycles: { - init: async function init(editor) { - const assets = await editor.utils.get('./assets.json'); - editor.set('assets', assets); - const simulatorUrl = [ - 'https://dev.g.alicdn.com/ali-lowcode/ali-lowcode-engine/1.0.0/react-simulator-renderer.css', - //'https://dev.g.alicdn.com/ali-lowcode/ali-lowcode-engine/1.0.0/react-simulator-renderer.js', - // for debug - 'http://localhost:3333/js/react-simulator-renderer.js', - // 'http://localhost:3333/js/react-simulator-renderer.css', - ]; - editor.set('simulatorUrl', simulatorUrl); - editor.set('requestHandlersMap', { - mtop: createMtopHandler(), - fetch: createFetchHandler(), - jsonp: createJsonpHandler(), - }); - // editor.set('renderEnv', 'rax'); - - const schema = await editor.utils.get('./schema.json'); - editor.set('schema', schema); - }, - }, -}; diff --git a/packages/demo/src/editor/global.scss b/packages/demo/src/editor/global.scss deleted file mode 100644 index a0db687e7..000000000 --- a/packages/demo/src/editor/global.scss +++ /dev/null @@ -1,29 +0,0 @@ -body { - font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei; - font-size: 12px; - * { - box-sizing: border-box; - } -} - -body, #lce-container { - position: fixed; - left: 0; - right: 0; - bottom: 0; - top: 0; - box-sizing: border-box; - padding: 0; - margin: 0; - overflow: hidden; - text-rendering: optimizeLegibility; - -webkit-user-select: none; - -webkit-user-drag: none; - -webkit-text-size-adjust: none; - -webkit-touch-callout: none; - -webkit-font-smoothing: antialiased; -} - -html { - min-width: 1024px; -} diff --git a/packages/demo/src/editor/index.tsx b/packages/demo/src/editor/index.tsx deleted file mode 100644 index 041acd148..000000000 --- a/packages/demo/src/editor/index.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import { render } from 'react-dom'; -import GeneralWorkbench from '@ali/lowcode-editor-preset-general'; -import config from './config'; -import components from './components'; -import './global.scss'; - -const LCE_CONTAINER = document.getElementById('lce-container'); - -render(, LCE_CONTAINER); diff --git a/packages/demo/src/editor/plugins/codeout.scss b/packages/demo/src/editor/plugins/codeout.scss deleted file mode 100644 index f6ccaaa64..000000000 --- a/packages/demo/src/editor/plugins/codeout.scss +++ /dev/null @@ -1,3 +0,0 @@ -.lowcode-plugin-codeout { - padding: 10px 4px; -} diff --git a/packages/demo/src/editor/plugins/codeout.tsx b/packages/demo/src/editor/plugins/codeout.tsx deleted file mode 100644 index 0a6777cc8..000000000 --- a/packages/demo/src/editor/plugins/codeout.tsx +++ /dev/null @@ -1,85 +0,0 @@ -/* eslint-disable @typescript-eslint/no-empty-function */ -/* eslint-disable @typescript-eslint/no-empty-interface */ -import React from 'react'; -import { Button } from '@alifd/next'; -import { PluginProps, NpmInfo } from '@ali/lowcode-types'; -import { Designer } from '@ali/lowcode-designer'; -import streamSaver from 'streamsaver'; - -import './codeout.scss'; - -interface BasicSection { - componentName: string; - title: string; - description?: string; - docUrl?: string; - screenshot?: string; - icon?: string; - tags?: string[]; - devMode?: 'proCode' | 'lowCode'; - npm: NpmInfo; - [k: string]: any; -} - -const CODEOUT_SERVICE_HOST = 'localhost:7002'; - -const Codeout = ({ editor }: PluginProps) => { - const handleClick = () => { - const designer = editor.get(Designer); - if (designer) { - const assets = editor.get('assets') as { components: BasicSection[] }; - const { components } = assets; - - const componentsMap = components - .filter((c) => !!c.npm) - .map((c) => ({ - componentName: c.componentName, - ...(c.npm || {}), - })); - - const fullSchema = { - config: { - historyMode: 'hash', - targetRootID: 'J_Container', - }, - meta: { - name: 'demoproject', - }, - componentsMap, - componentsTree: [designer.schema.componentsTree[designer.schema.componentsTree.length - 1]], - }; - - console.info('codeout schema:', fullSchema); - fetch(`http://${CODEOUT_SERVICE_HOST}/api/generate/project`, { - method: 'POST', - body: JSON.stringify({ schema: JSON.stringify(fullSchema) }), - headers: new Headers({ - 'Content-Type': 'application/json', - }), - mode: 'cors', - }).then((res) => { - const fileStream = streamSaver.createWriteStream('demoProject.zip'); - if (res.body !== null) { - res.body.pipeTo(fileStream).then( - () => { - console.log('success'); - }, - (err) => { - console.log(err); - }, - ); - } - }); - } - }; - - return ( -
- -
- ); -}; - -export default Codeout; diff --git a/packages/demo/src/editor/plugins/saveload.scss b/packages/demo/src/editor/plugins/saveload.scss deleted file mode 100644 index 1882d1f91..000000000 --- a/packages/demo/src/editor/plugins/saveload.scss +++ /dev/null @@ -1,4 +0,0 @@ -.lowcode-plugin-saveload { - padding: 10px 4px; - display: inline-block; -} diff --git a/packages/demo/src/editor/plugins/saveload.tsx b/packages/demo/src/editor/plugins/saveload.tsx deleted file mode 100644 index fe9dc817b..000000000 --- a/packages/demo/src/editor/plugins/saveload.tsx +++ /dev/null @@ -1,72 +0,0 @@ -/* eslint-disable @typescript-eslint/no-empty-function */ -/* eslint-disable @typescript-eslint/no-empty-interface */ -import React from 'react'; -import { Button } from '@alifd/next'; -import { PluginProps, NpmInfo } from '@ali/lowcode-types'; -import { Designer } from '@ali/lowcode-designer'; - -import './saveload.scss'; - -interface BasicSection { - componentName: string; - title: string; - description?: string; - docUrl?: string; - screenshot?: string; - icon?: string; - tags?: string[]; - devMode?: 'proCode' | 'lowCode'; - npm: NpmInfo; - [k: string]: any; -} - -const Codeout = ({ editor }: PluginProps) => { - const handleSaveClick = () => { - const schema = editor.get('designer').project.getSchema(); - console.log(schema); - - - // const designer = editor.get(Designer); - // if (designer) { - // const schema = designer.schema.componentsTree[designer.schema.componentsTree.length - 1]; // editor.get('schema'); - // const schemaStr = JSON.stringify(schema); - // window.localStorage.setItem('schema_data', schemaStr); - // console.info('save schema:', schemaStr); - // alert('保存成功'); - // } - }; - - const handleLoadClick = () => { - const designer = editor.get(Designer); - if (designer) { - const tmp = window.localStorage.getItem('schema_data'); - if (tmp) { - try { - const schema = JSON.parse(tmp); - editor.set('schema', schema); - console.info('load schema:', schema); - alert('加载成功'); - } catch (error) { - console.log('Invalid Schema', error); - } - } - } - }; - - return ( - -
- -
-
- -
- - ); -}; - -export default Codeout; diff --git a/packages/demo/src/index.ts b/packages/demo/src/index.ts deleted file mode 100644 index d4c178537..000000000 --- a/packages/demo/src/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -// import './vision'; -import './editor'; diff --git a/packages/demo/src/preview.ts b/packages/demo/src/preview.ts deleted file mode 100644 index 36c3352e9..000000000 --- a/packages/demo/src/preview.ts +++ /dev/null @@ -1 +0,0 @@ -import './app'; diff --git a/packages/demo/src/vision/index.ts b/packages/demo/src/vision/index.ts deleted file mode 100644 index db3b40859..000000000 --- a/packages/demo/src/vision/index.ts +++ /dev/null @@ -1,530 +0,0 @@ -/* eslint-disable */ -import { createElement } from 'react'; -import { Button } from '@alifd/next'; -import Engine, { Panes, Prototype, Editor } from '@ali/visualengine'; -import { ActionUtil as actionUtil } from '@ali/visualengine-utils'; -import getTrunkPane from '@ali/ve-trunk-pane'; -import DatapoolPane from '@ali/ve-datapool-pane'; -import PageHistoryManager from '@ali/ve-page-history'; -import HistoryPane from '@ali/ve-history-pane'; -import PageHistoryPane from '@ali/ve-page-history-pane'; -// import I18nPane from '@ali/ve-i18n-pane'; -import I18nManagePane from '@ali/ve-i18n-manage-pane'; -import ActionPane from '@ali/ve-action-pane'; -import SourceEditor from '@ali/lowcode-plugin-source-editor'; -import fetchContext from '@ali/vu-legao-design-fetch-context'; -import EventBindDialog from '@ali/lowcode-plugin-event-bind-dialog'; -import { isCSSUrl } from '@ali/lowcode-utils'; -import VariableSetter from '@ali/vs-variable-setter'; -import _isArray from "lodash/isArray"; -import _isObject from "lodash/isObject"; -import _get from 'lodash/get'; -import funcParser from '@ali/vu-function-parser'; - -import { - NumberSetter, - BoolSetter, - ChoiceSetter, - CodeSetter, - ColorSetter, - DateSetter, - I18nSetter, - JsonSetter, - ListSetter, - SelectSetter, - OptionsSetter, - TextSetter, - ValidationSetter, - ActionSetter, -} from '@ali/visualengine-utils'; - -import PropType from 'prop-types'; - -import loadUrls from './loader'; -import { upgradeAssetsBundle } from './upgrade-assets'; - -console.log(PropType); - -const { editor, skeleton, context, HOOKS, Trunk } = Engine; - -Trunk.registerSetter('Input', TextSetter); -Trunk.registerSetter('StringSetter', TextSetter); -Trunk.registerSetter('TextArea', TextSetter); -Trunk.registerSetter('Object', JsonSetter); -Trunk.registerSetter('Function', ActionSetter); -Trunk.registerSetter('Node', CodeSetter); -Trunk.registerSetter('Mixin', CodeSetter); -Trunk.registerSetter('Expression', CodeSetter); -Trunk.registerSetter('List', ListSetter); -Trunk.registerSetter('Switch', BoolSetter); -Trunk.registerSetter('Number', NumberSetter); -Trunk.registerSetter('Select', SelectSetter); - -Trunk.registerSetter('ActionSetter', ActionSetter); -Trunk.registerSetter('BoolSetter', BoolSetter); -Trunk.registerSetter('ChoiceSetter', ChoiceSetter); -Trunk.registerSetter('CodeSetter', CodeSetter); -Trunk.registerSetter('ColorSetter', ColorSetter); -Trunk.registerSetter('DateSetter', DateSetter); -Trunk.registerSetter('JsonSetter', JsonSetter); -Trunk.registerSetter('ListSetter', ListSetter); -Trunk.registerSetter('SelectSetter', SelectSetter); -Trunk.registerSetter('OptionsSetter', OptionsSetter); -Trunk.registerSetter('TextSetter', TextSetter); -Trunk.registerSetter('NumberSetter', NumberSetter); -Trunk.registerSetter('ValidationSetter', ValidationSetter); - -// 需要额外覆盖配置的 setters - -function wrapSetter(component: any, title: any, initialValueWrapper: any) { - return { - component, - title, - recommend: true, - initialValue: initialValueWrapper ? (field: any) => { - let defaultValueFromSetter; - if (component.initial) { - defaultValueFromSetter = component.initial.call(field, field.getValue()); - } - const defaultValue = initialValueWrapper(defaultValueFromSetter); - return defaultValue; - } : undefined, - } -} - -Trunk.registerSetter('I18nSetter', wrapSetter( - I18nSetter, - { type: 'i18n', 'zh-CN': '国际化输入', 'en-US': 'International Input' }, - (defaultValue: any) => { - if (defaultValue[defaultValue.use] && typeof defaultValue[defaultValue.use] !== 'string') { - defaultValue[defaultValue.use] = null; - } - return defaultValue; - } -)); - -context.use(HOOKS.VE_SETTING_FIELD_VARIABLE_SETTER, VariableSetter); - -const externals = ['react', 'react-dom', 'prop-types', 'react-router', 'react-router-dom', '@ali/recore']; - -async function loadAssets() { - // const legaoAssets = await editor.utils.get('./raxAssets.json'); - const legaoAssets = await editor.utils.get('./legao-assets.json'); - - const assets = upgradeAssetsBundle(legaoAssets); - - if (assets.packages) { - assets.packages.forEach((item: any) => { - if (item.package && externals.indexOf(item.package) > -1) { - item.urls = null; - } - }); - } - - if (assets['x-prototypes']) { - const tasks: Array> = []; - const prototypeStyles: string[] = []; - assets['x-prototypes'].forEach((pkg: any) => { - if (pkg?.urls) { - const urls = Array.isArray(pkg.urls) ? pkg.urls : [pkg.urls]; - urls.forEach((url: string) => { - if (isCSSUrl(url)) { - prototypeStyles.push(url); - } - }); - tasks.push(loadUrls(urls)); - } - }); - if (prototypeStyles.length > 0) { - assets.packages.push({ - library: '_prototypesStyle', - package: '_prototypes-style', - urls: prototypeStyles, - }); - } - await Promise.all(tasks); - // proccess snippets - } - - editor.set('legao-assets', legaoAssets); - editor.set('assets', assets); -} - -async function loadSchema() { - // const schema = await editor.utils.get('./rax.json'); - const schema = await editor.utils.get('./vision-schema.json'); - editor.set('schema', schema); - // editor.set('renderEnv', 'rax'); - // editor.set('clientTypes', ['mobile']); - -} - -// demo -function initDemoPanes() { - skeleton.add({ - name: 'eventBindDialog', - type: 'Widget', - content: EventBindDialog, - }); - - // skeleton.add({ - // area: 'left', - // name: 'sourceEditor', - // type: "PanelDock", - // content: SourceEditor, - // props: { - // align: undefined, - // description: "动作面板", - // onDestroy: undefined, - // icon: 'set', - // onInit: undefined - // }, - // panelProps:{ - // height: 300, - // help: undefined, - // hideTitleBar: true, - // maxHeight: 800, - // maxWidth: 1200, - // title: "动作面板", - // width: 600 - // } - - // }); - - // skeleton.add({ - // area: 'leftArea', - // name: 'icon1', - // type: 'PanelDock', - // props: { - // align: 'bottom', - // icon: 'set', - // description: '设置' - // }, - // }); - - - skeleton.add({ - area: 'leftArea', - name: 'icon2', - type: 'Dock', - props: { - align: 'bottom', - icon: 'help', - description: '帮助' - }, - }); - - skeleton.add({ - area: 'topArea', - type: 'Dock', - name: 'publish', - props: { - align: 'right', - }, - content: createElement(Button, { - size: 'small', - type: 'secondary', - children: '发布', - }), - }); - - - skeleton.add({ - area: 'topArea', - type: 'Dock', - name: 'save', - props: { - align: 'right', - }, - content: createElement(Button, { - size: 'small', - type: 'primary', - children: '保存', - }), - }); - // skeleton.add({ - // area: 'topArea', - // type: 'Dock', - // name: 'preview4', - // props: { - // align: 'center', - // }, - // content: createElement('img', { - // src: 'https://img.alicdn.com/tfs/TB1WW.VC.z1gK0jSZLeXXb9kVXa-486-64.png', - // style: { - // height: 32, - // }, - // }), - // }); - skeleton.add({ - area: 'topArea', - type: 'Dock', - name: 'preview1', - props: { - align: 'left', - }, - content: createElement('img', { - src: 'https://img.alicdn.com/tfs/TB1zqBfDlr0gK0jSZFnXXbRRXXa-440-64.png', - style: { - height: 32, - }, - }), - }); -} - -async function initTrunkPane() { - const assets = await editor.onceGot('legao-assets'); - const config = { - disableLowCodeComponent: true, - disableComponentStore: true, - app: { - getAssetsData() { - return assets; - // return data; - }, - }, - }; - const TrunkPane = getTrunkPane(config); - Panes.add(TrunkPane); -} - -// 数据源面板 -function initDataPoolPane() { - const dpConfigs = {}; - - if (!dpConfigs) { - return; - } - - fetchContext.create('DataPoolPaneAPI', { - saveGlobalConfig: { - url: 'query/appConfig/saveGlobalConfig.json', - method: 'POST', - }, - saveOrUpdateAppDataPool: { - url: 'query/appDataPool/saveOrUpdateAppDataPool.json', - method: 'POST', - }, - batchSaveOrUpdateAppDataPool: { - url: 'query/appDataPool/batchSaveOrUpdateAppDataPool.json', - method: 'POST' - }, - listAppDataPool: { - url: 'query/appDataPool/listAppDataPool.json', - method: 'GET', - }, - getAppDataPool: { - url: 'query/appDataPool/getAppDataPool.json', - method: 'POST', - }, - getEpaasApiInApp: { - url: 'query/formdesign/getEpaasApiInApp.jsonp', - method: 'GET', - }, - getFormListOrder: { - url: 'query/formdesign/getFormListOrder.json', - method: 'GET', - }, - // 实时修改 effectForm - operateAppDpBind: { - url: 'query/appDataPool/operateAppDpBind.json', - method: 'POST', - }, - // 校验全局数据源是否被其他页面修改 - checkAppDataPoolModified: { - url: 'query/appDataPool/checkAppDataPoolModified.json', - method: 'POST', - }, - }); - - const props = { - enableGateService: true, - enableGlobalFitConfig: true, - enableOneAPIService: true, - formUuid: 'xxx', - api: fetchContext.api.DataPoolPaneAPI, - }; - - Panes.add(DatapoolPane, { - props, - }); -} - -// 国际化面板 -function initI18nPane() { - fetchContext.create('I18nManagePaneAPI', { - // 绑定美杜莎 - bindMedusa: { - url: 'query/app/createMedusa.json', - }, - - // 解除绑定 - unbindMedusa: { - url: 'query/app/removeMedusa.json', - }, - - // 同步美杜莎 - syncMedusa: { - url: 'query/formi18n/syncI18n.json', - }, - }); - - Panes.add(I18nManagePane, { - props: { - enableMedusa: true, - api: fetchContext.api.I18nManagePaneAPI, - }, - }); -} - -// 动作面板 -function initActionPane() { - actionUtil.setActions({ - module: { - compiled: "'use strict';\n\nexports.__esModule = true;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nexports.submit = submit;\nexports.onLoadData = onLoadData;\nexports.add = add;\nexports.edit = edit;\nexports.del = del;\nexports.search = search;\nexports.reset = reset;\n/**\n* 点击弹框的“确认”\n*/\nfunction submit() {\n var _this = this;\n\n this.$('form').submit(function (data, error) {\n if (data) {\n _this.dataSourceMap['table_submit'].load(data).then(function (res) {\n _this.utils.toast({\n type: 'success',\n title: '提交成功'\n });\n _this.$('dialog').hide();\n _this.dataSourceMap['table_list'].load();\n }).catch(function () {\n _this.utils.toast({\n type: 'error',\n title: '提交失败'\n });\n });\n }\n });\n}\n\n/**\n* tablePc onLoadData\n* @param currentPage 当前页码\n* @param pageSize 每页显示条数\n* @param searchKey 搜索关键字\n* @param orderColumn 排序列\n* @param orderType 排序方式（desc,asc）\n* @param from 触发来源（order,search,pagination）\n*/\nfunction onLoadData(currentPage, pageSize, searchKey, orderColumn, orderType, from) {\n var tableParams = {\n currentPage: from === 'search' ? 1 : currentPage,\n pageSize: pageSize,\n searchKey: searchKey,\n orderColumn: orderColumn,\n orderType: orderType\n };\n this.setState({ tableParams: tableParams });\n}\n\n// 点击新增\nfunction add() {\n this.setState({\n formData: null\n });\n this.$('dialog').show();\n}\n\n// 点击编辑\nfunction edit(rowData) {\n this.setState({\n formData: rowData\n });\n this.$('dialog').show();\n}\n\n// 点击删除\nfunction del(rowData) {\n var _this2 = this;\n\n this.utils.dialog({\n method: 'confirm',\n title: '提示',\n content: '确认删除该条目吗？',\n onOk: function onOk() {\n _this2.dataSourceMap['table_delete'].load({ id: rowData.id }).then(function () {\n _this2.utils.toast({\n type: 'success',\n title: '删除成功'\n });\n _this2.dataSourceMap['table_list'].load();\n }).catch(function () {\n _this2.utils.toast({\n type: 'error',\n title: '删除失败'\n });\n });\n }\n });\n}\n\n/**\n* button onClick\n*/\nfunction search() {\n var filterData = this.$('filter').getValue();\n this.setState({\n filterData: filterData,\n tableParams: _extends({}, this.state.tableParams, {\n time: Date.now(),\n currentPage: 1\n })\n });\n}\n\n/**\n* button onClick\n*/\nfunction reset() {\n this.$('filter').reset();\n this.setState({\n filterData: {},\n tableParams: _extends({}, this.state.tableParams, {\n time: Date.now(),\n currentPage: 1\n })\n });\n}", - source: "/**\n* 点击弹框的“确认”\n*/\nexport function submit() {\n this.$('form').submit((data, error) => {\n if (data) {\n this.dataSourceMap['table_submit'].load(data).then((res) => {\n this.utils.toast({\n type: 'success',\n title: '提交成功'\n });\n this.$('dialog').hide();\n this.dataSourceMap['table_list'].load();\n }).catch(()=>{\n this.utils.toast({\n type: 'error',\n title: '提交失败'\n });\n })\n }\n })\n}\n\n/**\n* tablePc onLoadData\n* @param currentPage 当前页码\n* @param pageSize 每页显示条数\n* @param searchKey 搜索关键字\n* @param orderColumn 排序列\n* @param orderType 排序方式（desc,asc）\n* @param from 触发来源（order,search,pagination）\n*/\nexport function onLoadData(currentPage, pageSize, searchKey, orderColumn, orderType, from) {\n const tableParams = {\n currentPage: from === 'search' ? 1 : currentPage,\n pageSize,\n searchKey,\n orderColumn,\n orderType\n };\n this.setState({ tableParams });\n}\n\n// 点击新增\nexport function add() {\n this.setState({\n formData: null,\n });\n this.$('dialog').show();\n}\n\n\n// 点击编辑\nexport function edit(rowData) {\n this.setState({\n formData: rowData\n });\n this.$('dialog').show();\n}\n\n// 点击删除\nexport function del(rowData) {\n this.utils.dialog({\n method: 'confirm',\n title: '提示',\n content: '确认删除该条目吗？',\n onOk: () => {\n this.dataSourceMap['table_delete'].load({ id: rowData.id }).then(() => {\n this.utils.toast({\n type: 'success',\n title: '删除成功'\n });\n this.dataSourceMap['table_list'].load();\n }).catch(()=>{\n this.utils.toast({\n type: 'error',\n title: '删除失败'\n });\n })\n }\n })\n}\n\n/**\n* button onClick\n*/\nexport function search(){\n const filterData = this.$('filter').getValue();\n this.setState({\n filterData,\n tableParams: {\n ...this.state.tableParams,\n time: Date.now(),\n currentPage: 1\n }\n });\n}\n\n/**\n* button onClick\n*/\nexport function reset(){\n this.$('filter').reset();\n this.setState({\n filterData: {},\n tableParams: {\n ...this.state.tableParams,\n time: Date.now(),\n currentPage: 1\n }\n });\n}" - }, - type: "FUNCTION", - list: [ - { - "id": "submit", - "title": "submit" - }, - { - "id": "onLoadData", - "title": "onLoadData" - }, - { - "id": "add", - "title": "add" - }, - { - "id": "edit", - "title": "edit" - }, - { - "id": "del", - "title": "del" - }, - { - "id": "search", - "title": "search" - }, - { - "id": "reset", - "title": "reset" - } - ] - }); - const props = { - enableGlobalJS: false, - enableVsCodeEdit: false, - enableHeaderTip: true, - }; - - - Panes.add(ActionPane, { - props, - }); -} -function replaceFuncProp(props?: any){ - const replaceProps: any = {}; - for (const name in props) { - const prop = props[name]; - if (!prop) { - continue; - } - if ((prop.compiled && prop.source) || prop.type === 'actionRef' || prop.type === 'js') { - replaceProps[name] = funcParser(prop); - } else if (_isObject(prop)) { - replaceFuncProp(prop); - } else if (_isArray(prop)) { - prop.map((propItem) => { - replaceFuncProp(propItem); - }); - } - } - - for (const name in replaceProps) { - props[name] = replaceProps[name]; - } - return props; -}; - -// 操作历史与页面历史面板 -function initHistoryPane() { - // let historyConfigs = {getDesignerModuleConfigs( - // this.designerConfigs, - // 'history', - // )}; - let historyConfigs = { - enableRedoAndUndo: true, - enablePageHistory: true, - };; - - const isDemoMode = false; - const isEnvSupportsHistoryPane = true; - const historyManager = PageHistoryManager.getManager(); - - console.log('PageHistoryManager', historyManager); - console.log('PageHistoryManager.onOpenPane', historyManager.onOpenPane); - // 历史撤销、重做以及唤起页面历史按钮 - if (typeof HistoryPane === 'function') { - Panes.add(HistoryPane, { - props : { - showPageHistory: - isEnvSupportsHistoryPane - // && this.app.isForm() - && !isDemoMode, - historyManager, - historyConfigs, - index: -940, - } - }); - } else { - Panes.add(HistoryPane, { - index: -940, - }); - } - - // 页面历史 UI 面板 - if ( - PageHistoryPane - && !isDemoMode - && isEnvSupportsHistoryPane - ) { - Panes.add(PageHistoryPane, { - props : { - historyManager: { - historyManager, - app: { - - } - }, - index: -940, - }, - }); - } -} - - -async function init() { - Engine.Env.setEnv('RE_VERSION', '7.2.0'); - Engine.Env.setSupportFeatures({ - subview: true, - i18nPane: true, - }); - Prototype.addGlobalPropsReducer(replaceFuncProp); - await loadAssets(); - await loadSchema(); - await initTrunkPane(); - // initDataPoolPane(); - // initI18nPane(); - // initActionPane(); - initDemoPanes(); - // initHistoryPane(); - Engine.init(); - // Engine.Env.set('renderEnv', 'rax'); - -} -init(); diff --git a/packages/demo/src/vision/loader.ts b/packages/demo/src/vision/loader.ts deleted file mode 100644 index 4f4bd1a24..000000000 --- a/packages/demo/src/vision/loader.ts +++ /dev/null @@ -1,172 +0,0 @@ -/* eslint-disable */ -function getStylePoint(id, level) { - if (stylePointTable[id]) { - return stylePointTable[id]; - } - - const base = getBasePoint(); - - if (id === 'base') { - return base; - } - - const point = new StylePoint(id, level || 2000); - if (level >= base.level) { - let prev = base; - let next = prev.next; - while (next && level >= next.level) { - prev = next; - next = prev.next; - } - prev.next = point; - point.prev = prev; - if (next) { - point.next = next; - next.prev = point; - } - } else { - let next = base; - let prev = next.prev; - while (prev && level < prev.level) { - next = prev; - prev = next.prev; - } - next.prev = point; - point.next = next; - if (prev) { - point.prev = prev; - prev.next = point; - } - } - point.insert(); - stylePointTable[id] = point; - - return point; -} - -const stylePointTable = {}; - -function getBasePoint() { - if (!stylePointTable.base) { - stylePointTable.base = new StylePoint('base', 1000); - stylePointTable.base.insert(); - } - return stylePointTable.base; -} - -class StylePoint { - constructor(id, level, placeholder) { - this.lastContent = null; - this.lastUrl = null; - this.next = null; - this.prev = null; - this.id = id; - this.level = level; - if (placeholder) { - this.placeholder = placeholder; - } else { - this.placeholder = document.createTextNode(''); - } - } - - insert() { - if (this.next) { - document.head.insertBefore(this.placeholder, this.next.placeholder); - } else if (this.prev) { - document.head.insertBefore(this.placeholder, this.prev.placeholder.nextSibling); - } else { - document.head.appendChild(this.placeholder); - } - } - - applyText(content) { - if (this.lastContent === content) { - return; - } - this.lastContent = content; - this.lastUrl = undefined; - const element = document.createElement('style'); - element.setAttribute('type', 'text/css'); - element.setAttribute('data-for', this.id); - element.appendChild(document.createTextNode(content)); - document.head.insertBefore(element, this.placeholder); - document.head.removeChild(this.placeholder); - this.placeholder = element; - } - - applyUrl(url) { - if (this.lastUrl === url) { - return; - } - this.lastContent = undefined; - this.lastUrl = url; - const element = document.createElement('link'); - element.href = url; - element.rel = 'stylesheet'; - element.setAttribute('data-for', this.id); - document.head.insertBefore(element, this.placeholder); - document.head.removeChild(this.placeholder); - this.placeholder = element; - } -} - -function loadCSS(url) { - getStylePoint(url).applyUrl(url); -} - -function isCSSUrl(url) { - return /\.css$/.test(url); -} - -function loadScript(url) { - const node = document.createElement('script'); - - // node.setAttribute('crossorigin', 'anonymous'); - - node.onload = onload; - node.onerror = onload; - - const i = {}; - const promise = new Promise((resolve, reject) => { - i.resolve = resolve; - i.reject = reject; - }); - - function onload(e) { - node.onload = null; - node.onerror = null; - if (e.type === 'load') { - i.resolve(); - } else { - i.reject(); - } - // document.head.removeChild(node); - // node = null; - } - - // node.async = true; - node.src = url; - - document.head.appendChild(node); - - return promise; -} - -export default function loadUrls(urls) { - if (!urls || urls.length < 1) { - return Promise.resolve(); - } - - let promise = null; - urls.forEach((url) => { - if (isCSSUrl(url)) { - loadCSS(url); - } else if (!promise) { - promise = loadScript(url); - } else { - promise = promise.then(() => loadScript(url)); - } - }); - - return promise || Promise.resolve(); -} diff --git a/packages/demo/src/vision/module.d.ts b/packages/demo/src/vision/module.d.ts deleted file mode 100644 index 7c7645ba6..000000000 --- a/packages/demo/src/vision/module.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -declare module '@ali/visualengine'; -declare module '@ali/visualengine-utils'; -declare module '@ali/ve-trunk-pane'; -declare module '@ali/vs-variable-setter'; -declare module '@ali/ve-datapool-pane'; -declare module '@ali/ve-history-pane'; -declare module '@ali/ve-page-history-pane'; -declare module '@ali/ve-page-history'; -declare module '@ali/ve-i18n-manage-pane'; -declare module '@ali/ve-action-pane'; -declare module '@ali/vu-legao-design-fetch-context'; -declare module '@ali/vu-function-parser'; -declare module 'compare-versions'; diff --git a/packages/demo/src/vision/upgrade-assets.ts b/packages/demo/src/vision/upgrade-assets.ts deleted file mode 100644 index 3548aaac5..000000000 --- a/packages/demo/src/vision/upgrade-assets.ts +++ /dev/null @@ -1,68 +0,0 @@ -/* eslint-disable */ -export function upgradeAssetsBundle(assets) { - const components = []; - const xPrototypes = []; - const componentList = []; - const packages = assets.externals.map(({ urls, library, name, version }) => { - return { - package: name, - version, - urls, - library, - }; - }); - assets.componentDependencies.forEach((item) => { - const componentName = item.alias || item.library; - const metadata = { - componentName, - npm: { - package: item.packageName, - library: item.library, - version: item.version, - destructuring: false, - }, - props: [], - }; - - if (item.prototypeConfigsUrl) { - xPrototypes.push({ - package: item.packageName, - urls: item.prototypeConfigsUrl, - }); - } else if (item.components) { - packages.push({ - urls: item.urls, - library: item.library, - package: item.packageName, - version: item.version, - }); - const meta = item.components[0]; - metadata.componentName = meta.componentName; - metadata.configure = meta.configure; - metadata.title = meta.title; - components.push(metadata); - // TODO: - if (meta.snippets) { - componentList.push({ - title: meta.category, - icon: '', - children: [ - { - title: 'json格式化展示', - icon: '', - snippets: meta.snippets, - }, - ], - }); - } - } - }); - - return { - "version": "1.0.0", - packages, - 'x-prototypes': xPrototypes, - components, - componentList - }; -} diff --git a/packages/demo/tsconfig.json b/packages/demo/tsconfig.json deleted file mode 100644 index c37b76ecc..000000000 --- a/packages/demo/tsconfig.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "extends": "../../tsconfig.json", - "compilerOptions": { - "outDir": "lib" - }, - "include": [ - "./src/" - ] -} diff --git a/scripts/start-server.sh b/scripts/start-server.sh index 0b904d722..a595843d1 100755 --- a/scripts/start-server.sh +++ b/scripts/start-server.sh @@ -2,4 +2,4 @@ # FIXME! do not run build lerna exec --scope @ali/lowcode-code-generator -- npm run build -lerna exec --scope @ali/lowcode-demo-server -- npm start +# lerna exec --scope @ali/lowcode-demo-server -- npm start diff --git a/scripts/start.sh b/scripts/start.sh index b1246e1e0..0f80c7fcf 100755 --- a/scripts/start.sh +++ b/scripts/start.sh @@ -4,4 +4,4 @@ lerna exec --scope @ali/lowcode-datasource-engine -- npm run build lerna exec --scope @ali/lowcode-rax-renderer -- npm run build lerna exec --scope @ali/lowcode-react-renderer -- npm run build -lerna exec --scope @ali/lowcode-demo -- npm start +# lerna exec --scope @ali/lowcode-demo -- npm start