Merge pull request vbenjs#1 from anncwb/main

pull 1

Author: websky219

.env.development

@@ -1,3 +1,5 @@
+VITE_PORT = 3100
+
 # Whether to open mock
 VITE_USE_MOCK = true
 

.env.production

@@ -8,7 +8,7 @@ VITE_PUBLIC_PATH = ./
 VITE_DROP_CONSOLE = true
 
 # Whether to output gz file for packaging
-VITE_BUILD_GZIP = false
+VITE_BUILD_GZIP = true
 
 # Basic interface address SPA
 VITE_GLOB_API_URL=/api

CHANGELOG.en_US.md

@@ -1,3 +1,90 @@
+## 2.0.0-rc.15 (2020-12-31)
+
+### ✨ Table destructive update
+
+- Refactored editable cells and editable rows. See examples for details. The writing has changed. For editable tables.
+
+- Form editing supports form validation
+
+- Added the following configuration in the table column configuration
+
+```bash
+{
+
+  # Whether to display columns by default. Those that are not displayed can be opened in the column configuration
+  defaultHidden?: boolean;
+  # Help text on the right side of the column header
+  helpMessage?: string | string[];
+  # Custom formatting Cell content. Support time/enumeration automatic conversion
+  format?: CellFormat;
+
+  # Editable
+  # Is it an editable cell
+  edit?: boolean;
+  # Is it an editable line
+  editRow?: boolean;
+  # Edit status.
+  editable?: boolean;
+  # Edit component
+  editComponent?: ComponentType;
+  # The parameters of the corresponding component
+  editComponentProps?: Recordable;
+  # Check
+  editRule?: boolean | ((text: string, record: Recordable) => Promise<string>);
+  # Value enumeration conversion
+  editValueMap?: (value: any) => string;
+  # Trigger editing Zhenghang
+  record.onEditRow?: () => void;
+}
+
+```
+
+### ✨ Table reconstruction
+
+- Added `clickToRowSelect` attribute. Used to control whether the clicked row is checked or not
+- Monitor row click event
+- Add column drag and drop and column fix function for the table column configuration button.
+- Added `defaultHidden` attribute to table column configuration. Used to hide by default. You can configure the tick display in the table column
+- More powerful column configuration
+- useTable: Support for dynamically changing parameters. You can pass in `Ref` type and `Computed` type for dynamic changes
+- useTable: Added return function `getForm`. Can be used to manipulate forms in the form Fix known issues in the table
+
+### ✨ Features
+
+- Added `v-ripple` water ripple command
+- Added the left menu mixed mode
+- Add an example of markdown embedded in the form
+- Add an example of a page outside the main frame
+- `route.meta` added `currentActiveMenu`, `hideTab`, and `hideMenu` parameters to control the display and hide of the crumb-level menu on the detail page.
+- Added breadcrumb navigation example
+- form: Added `suffix` attribute to configure suffix content
+- form: Added remote drop-down `ApiSelect` and examples
+- form: Add `autoFocusFirstItem` configuration. Used to configure whether to focus on the first input box of the form
+- useForm: Support for dynamically changing parameters. You can pass in `Ref` type and `Computed` type for dynamic changes
+
+### ⚡ Performance Improvements
+
+- Optimize the scroll bar components of `modal` and `drawer`
+- table: remove the `isTreeTable` attribute
+- Import `less` files globally. No need to manually re-introduce the component
+
+### 🎫 Chores
+
+- Upgrade `ant-design-vue` to `2.0.0-rc.7`
+- Upgrade `vue` to `3.0.5`
+
+### 🐛 Bug Fixes
+
+- Fixed the issue of missing scroll bars in mixed mode
+- Fix the invalid configuration of environment variables and the logo address problem in history mode
+- Fix the calculation error of width and height caused by switching page of chart library
+- Fixed the issue of multi-language configuration `Locale.show` causing the configuration not to take effect
+- Fix routing type error
+- Fix the problem of invalid permissions when the menu is split
+- Iframe loads early when closing multi-tab pages
+- Fix known issues with `modal` and `drawer`
+- Fix the problem of mixing mode adaptation in the left menu
+
 ## 2.0.0-rc.14 (2020-12-15)
 
 ### ✨ Features

CHANGELOG.zh_CN.md

@@ -1,8 +1,90 @@
-## Wip
+## 2.0.0-rc.15 (2020-12-31)
+
+### ✨ 表格破坏性更新
+
+- 重构了可编辑单元格及可编辑行。具体看示例。写法已改变。针对可编辑表格。
+
+- 表格编辑支持表单校验
+
+- 在表格列配置增加了以下配置
+
+```bash
+{
+
+  # 默认是否显示列。不显示的可以在列配置打开
+  defaultHidden?: boolean;
+  # 列头右侧帮助文本
+  helpMessage?: string | string[];
+  # 自定义格式化 单元格内容。 支持时间/枚举自动转化
+  format?: CellFormat;
+
+  # Editable
+  # 是否是可编辑单元格
+  edit?: boolean;
+  # 是否是可编辑行
+  editRow?: boolean;
+  # 编辑状态。
+  editable?: boolean;
+  #  编辑组件
+  editComponent?: ComponentType;
+  # 所对应组件的参数
+  editComponentProps?: Recordable;
+  # 校验
+  editRule?: boolean | ((text: string, record: Recordable) => Promise<string>);
+  # 值枚举转化
+  editValueMap?: (value: any) => string;
+  # 触发编辑正航
+  record.onEditRow?: () => void;
+}
+
+```
+
+### ✨ 表格重构
+
+- 新增`clickToRowSelect`属性。用于控制点击行是否选中勾选框
+- 监听行点击事件
+- 表格列配置按钮增加 列拖拽，列固定功能。
+- 表格列配置新增`defaultHidden` 属性。用于默认隐藏。可在表格列配置勾选显示
+- 更强大的列配置
+- useTable:支持动态改变参数。可以传入`Ref`类型与`Computed`类型进行动态更改
+- useTable:新增返回 `getForm`函数。可以用于操作表格内的表单
+- 修复表格已知的问题
+
+### ✨ Features
+
+- 新增 `v-ripple`水波纹指令
+- 新增左侧菜单混合模式
+- 新增 markdown 嵌入表单内示例
+- 新增主框架外页面示例
+- `route.meta` 新增`currentActiveMenu`,`hideTab`,`hideMenu`参数 用于控制详情页面包屑级菜单显示隐藏。
+- 新增面包屑导航示例
+- form: 新增`suffix`属性，用于配置后缀内容
+- form: 新增远程下拉`ApiSelect`及示例
+- form: 新增`autoFocusFirstItem`配置。用于配置是否聚焦表单第一个输入框
+- useForm: 支持动态改变参数。可以传入`Ref`类型与`Computed`类型进行动态更改
+
+### ⚡ Performance Improvements
+
+- 优化`modal`与`drawer`滚动条组件
+- table: 移除 `isTreeTable`属性
+- 全局引入`less`文件。无需手动在组件再次引入
+
+### 🎫 Chores
+
+- 升级`ant-design-vue`到`2.0.0-rc.7`
+- 升级`vue`到`3.0.5`
 
 ### 🐛 Bug Fixes
 
 - 修复混合模式下滚动条丢失问题
+- 修复环境变量配置失效以及 history 模式下 logo 地址问题
+- 修复图表库切换页面导致宽高计算错误
+- 修复多语言配置 `Locale.show`导致配置不生效
+- 修复路由类型错误
+- 修复菜单分割时权限失效问题
+- 关闭多标签页时 iframe 提前加载
+- 修复`modal`与`drawer`已知问题
+- 修复左侧菜单混合模式适配问题
 
 ## 2.0.0-rc.14 (2020-12-15)
 

build/script/buildConf.ts

@@ -4,7 +4,6 @@
 import { GLOB_CONFIG_FILE_NAME } from '../constant';
 import fs, { writeFileSync } from 'fs-extra';
 
-import viteConfig from '../../vite.config';
 import { errorConsole, successConsole, getCwdPath, getEnvConfig } from '../utils';
 import { getShortName } from '../getShortName';
 
@@ -17,7 +16,7 @@ function createConfig(
 ) {
   try {
     const windowConf = `window.${configName}`;
-    const outDir = viteConfig.outDir || 'dist';
+    const outDir = 'dist';
     // Ensure that the variable will not be modified
     const configStr = `${windowConf}=${JSON.stringify(config)};
 

build/script/postBuild.ts

@@ -1,32 +1,20 @@
 // #!/usr/bin/env node
 
-import { sh } from 'tasksfile';
-
 import { argv } from 'yargs';
 import { runBuildConfig } from './buildConf';
-// import { runUpdateHtml } from './updateHtml';
 import { errorConsole, successConsole } from '../utils';
 import { startGzipStyle } from '../vite/plugin/gzip/compress';
 
-export const runBuild = async (preview = false) => {
+export const runBuild = async () => {
   try {
     const argvList = argv._;
-    if (preview) {
-      let cmd = `cross-env NODE_ENV=production vite build`;
-      await sh(cmd, {
-        async: true,
-        nopipe: true,
-      });
-    }
 
     // Generate configuration file
     if (!argvList.includes('no-conf')) {
       await runBuildConfig();
     }
     // await runUpdateHtml();
-    if (!preview) {
-      await startGzipStyle();
-    }
+    await startGzipStyle();
     successConsole('Vite Build successfully!');
   } catch (error) {
     errorConsole('Vite Build Error\n' + error);

build/script/preserve.ts

@@ -4,20 +4,15 @@ import Koa from 'koa';
 import staticServer from 'koa-static';
 import portfinder from 'portfinder';
 import { resolve } from 'path';
-import viteConfig from '../../vite.config';
 import { getIPAddress } from '../utils';
-// import { runBuild } from './postBuild';
-
-// const BUILD = 1;
-// const NO_BUILD = 2;
 
 // start server
 const startApp = () => {
   const port = 9680;
   portfinder.basePort = port;
   const app = new Koa();
 
-  app.use(staticServer(resolve(process.cwd(), viteConfig.outDir || 'dist')));
+  app.use(staticServer(resolve(process.cwd(), 'dist')));
 
   portfinder.getPort(async (err, port) => {
     if (err) {
@@ -35,25 +30,4 @@ const startApp = () => {
   });
 };
 
-// export const runPreview = async () => {
-//   // const prompt = inquirer.prompt({
-//   //   type: 'list',
-//   //   message: 'Please select a preview method',
-//   //   name: 'type',
-//   //   choices: [
-//   //     {
-//   //       name: 'Preview after packaging',
-//   //       value: BUILD,
-//   //     },
-//   //     {
-//   //       name: `No packaging, preview directly (need to have dist file after packaging)`,
-//   //       value: NO_BUILD,
-//   //     },
-//   //   ],
-//   // });
-//   const { type } = await prompt;
-//   if (type === BUILD) {
-//     await runBuild(true);
-//   }
-// };
 startApp();