@ttkj/avue 2.10.16 → 2.10.17

package/package.json

@@ -1,16 +1,15 @@
 {
   "name": "@ttkj/avue",
-  "version": "2.10.16",
+  "version": "2.10.17",
   "description": "A Magic Configurable Web Framework",
   "main": "lib/avue.min.js",
   "unpkg": "lib/avue.min.js",
   "jsdelivr": "lib/avue.min.js",
   "scripts": {
-    "bootstrap": "yarn --registry https://registry.npm.taobao.org || npm install --registry https://registry.npm.taobao.org ",
-    "gen:version": "node build/version.js",
+    "bootstrap": "yarn --registry https://registry.npmmirror.com || npm install --registry https://registry.npmmirror.com ",
     "analyz": "NODE_ENV=production npm_config_report=true npm run build",
-    "dev": "yarn gen:version && cross-env TARGET=dev UINAME=element-ui gulp watch",
-    "build": "yarn gen:version && cross-env TARGET=prod UINAME=element-ui gulp build",
+    "dev": "cross-env TARGET=dev UINAME=element-ui gulp watch",
+    "build": "cross-env TARGET=prod UINAME=element-ui gulp build",
     "all": "yarn build && yarn dev"
   },
   "typings": "types/index.d.ts",

package/types/crud/column.d.ts

@@ -3,6 +3,7 @@ import { RenderHeaderData, TableColumn, TableColumnFilter } from 'element-ui/typ
 import { PopoverPlacement } from 'element-ui/types/popover';
 import { AvueAlignment, Obj } from '../global';
 import { FormColumnEventParams, AvueFormBaseColumn, AvueFormColumn, FormColumnEvent } from '../form/column';
+import { DynamicFormColumnChildren } from '../form/components/dynamic';
 
 /**
  * 表单项事件参数，适用于click|blur|focus
@@ -43,8 +44,8 @@ export interface CrudBaseColumn {
   showColumn?: boolean;
   /** 对应列是否可以排序，如果设置为 'custom'，则代表用户希望远程排序，需要监听 Table 的 sort-change 事件, 默认: false */
   sortable?: boolean | 'custom';
-  /** 子列配置 */
-  children?: AvueCrudColumn[];
+  /** 子列配置或明细组件配置 */
+  children?: AvueCrudColumn[] | DynamicFormColumnChildren;
   /** 列标题 Label 区域渲染使用的 Function */
   renderHeader?: (h: CreateElement, data: RenderHeaderData) => VNode | string;
   /**

package/types/form/column.d.ts

@@ -1,5 +1,6 @@
 import { PopoverPlacement } from 'element-ui/types/popover';
 import { AvueComponentSize, Obj, DicProps as BaseDicProps, DicHttpProps } from '../global';
+import { DynamicFormColumn } from './components/dynamic';
 
 /** 表单项字典Props配置 */
 export interface DicProps extends BaseDicProps, DicHttpProps {}
@@ -79,14 +80,14 @@ export interface FormColumnEventParams {
   row: Obj;
   /** dic */
   dic: Obj[];
-  /** 当表单项含dic时，根据选中值返回对应的dic项 */
+  /** 根据选中值返回对应的dic项, 对select/checkbox/radio/cascader/tree生效 */
   item?: Obj;
+  /** 同item，兼容配置 */
+  selected?: Obj;
   /** 表单项值的label，含dic时，为dic的label，否则为value的字符串格式 */
   label: string;
   /** 所在行索引，只在明细组件中生效 */
   index?: number;
-  /** 选中选项，仅在下拉组件中生效 */
-  selected?: Obj;
 }
 
 /** 表单项基本配置属性 */

package/types/form/components/dynamic.d.ts

@@ -0,0 +1,35 @@
+// 引入定义
+import { Obj } from '../../global';
+import { CrudOption } from '../../crud/option';
+import { AvueFormBaseColumn } from '../column';
+
+/** 明细表单/表格配置 */
+export interface DynamicFormColumnChildren extends CrudOption {
+  /** 类型，表格: 'crud' 表单: 'form', 默认: 'crud' */
+  type?: 'form' | 'crud';
+}
+
+/** 明细组件自定义配置 */
+export interface FormColumnDynamic {
+  // ========== props ==========
+  /** 列类型 */
+  type?: 'dynamic';
+  /** 默认值 */
+  value?: Obj[];
+  /**
+   * 最小值, 不得小于0
+   * @description 当最小值大于最大值时，最小值取最大值
+   */
+  min?: number;
+  /** 最大值, 不得小于0 */
+  max?: number;
+  /** 输入时是否触发表单的校验, 默认: false */
+  validateEvent?: boolean;
+  /** 明细表单/表格配置 */
+  children: DynamicFormColumnChildren;
+}
+
+export interface DynamicFormColumn<T = Obj> extends AvueFormBaseColumn<T> {
+  /** 其他配置 */
+  [x: string]: any;
+}