@juzhenfe/page-model 3.12.1 → 3.12.3

package/dist/types/common.d.ts

@@ -23,39 +23,43 @@
 /// <reference path="./form-item-types/jz-cascader.d.ts" />
 
 import { ButtonProps } from 'element-plus'
-import { StyleValue } from 'vue';
+import { StyleValue } from 'vue'
 
 declare global {
-
   type AnyObject = {
-    [key: string]: any;
+    [key: string]: any
   }
 
-  type ExtendKeys<T> = T & AnyObject;
+  type ExtendKeys<T> = T & AnyObject
 
-  type AnyFunction = (...args: any[]) => any;
+  type AnyFunction = (...args: any[]) => any
 
   type CreateDeType<T, CTX = any> = T | ((this: CTX, ...rest: any[]) => T)
 
-  type CreateDePromiseResult<FN extends (...rest: any[]) => any> = FN | ((this: ThisParameterType<FN>, ...rest: Parameters<FN>) => Promise<ReturnType<FN>>)
+  type CreateDePromiseResult<FN extends (...rest: any[]) => any> =
+    | FN
+    | ((
+        this: ThisParameterType<FN>,
+        ...rest: Parameters<FN>
+      ) => Promise<ReturnType<FN>>)
 
   type FieldType = 'string' | 'number' | 'date'
 
   type InnerFilterItem = {
-    key: string;
-    compareFn: (cellValue: string) => boolean;
+    key: string
+    compareFn: (cellValue: string) => boolean
   }
 
   namespace PageModel {
     type _ButtonProps = Omit<ButtonProps, 'icon'> & {
-      icon: any;
-      title: string;
+      icon: any
+      title: string
     }
 
-    type LinkedFormItem<MODEL = any, CTX = any> = 
-      ElInput<MODEL, CTX> 
-      | ElInputNumber<MODEL, CTX> 
-      | ElCascader<MODEL, CTX> 
+    type LinkedFormItem<MODEL = any, CTX = any> =
+      | ElInput<MODEL, CTX>
+      | ElInputNumber<MODEL, CTX>
+      | ElCascader<MODEL, CTX>
       | ElCheckboxGroup<MODEL, CTX>
       | ElSelect<MODEL, CTX>
       | ElColorPicker<MODEL, CTX>
@@ -77,34 +81,41 @@ declare global {
       | NoEType<MODEL, CTX>
 
     type _Badge = {
-      count?: number;
-      maxCount?: number;
+      count?: number
+      maxCount?: number
     }
 
     type _Button<MODEL = AnyObject, CTX = any> = {
       /**
        * 按钮的名称
        */
-      text?: string;
+      text?: string
       /**
        * 自定义事件
        */
-      event?: string;
+      event?: string
       /**
        * 按钮权限值(作为权限判断的依据)
        */
-      authValue?: string;
-      isAdd?: boolean;
-      isEdit?: boolean;
-      isDel?: boolean;
-      isCopy?: boolean;
-      isImport?: boolean;
-      isShow?: boolean | ((this: CTX, self: _Button, data: MODEL, index: number) => boolean);
-      isDisabled?: (this: CTX, self: _Button, data: MODEL, index: number) => boolean;
-      copyText?: CreateDeType<string>;
-      props?: Partial<_ButtonProps>;
-      customProps?: AnyObject;
-      renderFn?: (this: CTX) => JSX.Element;
+      authValue?: string
+      isAdd?: boolean
+      isEdit?: boolean
+      isDel?: boolean
+      isCopy?: boolean
+      isImport?: boolean
+      isShow?:
+        | boolean
+        | ((this: CTX, self: _Button, data: MODEL, index: number) => boolean)
+      isDisabled?: (
+        this: CTX,
+        self: _Button,
+        data: MODEL,
+        index: number
+      ) => boolean
+      copyText?: CreateDeType<string>
+      props?: Partial<_ButtonProps>
+      customProps?: AnyObject
+      renderFn?: (this: CTX) => JSX.Element
     } & _Badge
 
     type Button<MODEL = AnyObject, CTX = any> = _Button<MODEL, CTX> & {
@@ -113,47 +124,54 @@ declare global {
 
     // 表格表单元素
     type BaseElItem<MODEL = AnyObject> = {
-      label?: string;
-      prop?: keyof MODEL extends string ? keyof MODEL : string;
-      _key?: string;
+      label?: string
+      prop?: keyof MODEL extends string ? keyof MODEL : string
+      _key?: string
     }
 
     interface ElFormItemProps {
-      required?: boolean;
-      rules?: AnyObject;
-      error?: string;
-      inlineMessage?: boolean;
-      showMessage?: boolean;
-      size?: Size;
-      labelWidth?: string;
+      required?: boolean
+      rules?: AnyObject
+      error?: string
+      inlineMessage?: boolean
+      showMessage?: boolean
+      size?: Size
+      labelWidth?: string
       class?: string
     }
 
     // 表单的元素
-    interface FormElBaseItem<MODEL = AnyObject, CTX = any> extends BaseElItem<MODEL> {
+    interface FormElBaseItem<MODEL = AnyObject, CTX = any>
+      extends BaseElItem<MODEL> {
       /**
        * 当前组件的名称
        */
-      name?: string;
-      labelWidth?: string;
-      prefix?: CreateDeType<string, CTX>; // 前置文字
-      suffix?: CreateDeType<string, CTX>; // 后置文字
-      helpText?: CreateDeType<string, CTX>; // 提示文字
-      isShow?: boolean | ((this: CTX, self: FormElBaseItem<MODEL, CTX>, data: MODEL) => boolean);
-      change?: (this: CTX, value: any, label: string) => void;
-      isDisabled?: (this: CTX, data: MODEL) => boolean;
-      renderFn?: (this: CTX, data: MODEL) => JSX.Element;
-      formItemProps?: ElFormItemProps;
-      moduleName?: string;
-      sectionName?: string;
+      name?: string
+      labelWidth?: string
+      prefix?: CreateDeType<string, CTX> // 前置文字
+      suffix?: CreateDeType<string, CTX> // 后置文字
+      helpText?: CreateDeType<string, CTX> // 提示文字
+      isShow?:
+        | boolean
+        | ((
+            this: CTX,
+            self: FormElBaseItem<MODEL, CTX>,
+            data: MODEL
+          ) => boolean)
+      change?: (this: CTX, value: any, label: string) => void
+      isDisabled?: (this: CTX, data: MODEL) => boolean
+      renderFn?: (this: CTX, data: MODEL) => JSX.Element
+      formItemProps?: ElFormItemProps
+      moduleName?: string
+      sectionName?: string
       // 用户section配置
-      userSectionName?: string;
+      userSectionName?: string
       // 用户module配置
-      userModuleName?: string;
+      userModuleName?: string
       // 用户表格配置
-      userConfigShow?: boolean;
+      userConfigShow?: boolean
       // 用户表头
-      userLabel?: string;
+      userLabel?: string
       /**
        * 内部更新的propslist
        */
@@ -169,36 +187,52 @@ declare global {
 
     type Align = 'left' | 'center' | 'right'
 
-    type DateFormat = 'YYYY-MM' | 'MM-DD' | 'YYYY-MM-DD' | 'YYYY-MM-DD HH:mm' | 'YYYY-MM-DD HH:mm:ss' | 'YYYY/MM' | 'MM/DD' | 'YYYY/MM/DD' | 'YYYY/MM/DD HH:mm' | 'YYYY/MM/DD HH:mm:ss'
+    type DateFormat =
+      | 'YYYY-MM'
+      | 'MM-DD'
+      | 'YYYY-MM-DD'
+      | 'YYYY-MM-DD HH:mm'
+      | 'YYYY-MM-DD HH:mm:ss'
+      | 'YYYY/MM'
+      | 'MM/DD'
+      | 'YYYY/MM/DD'
+      | 'YYYY/MM/DD HH:mm'
+      | 'YYYY/MM/DD HH:mm:ss'
 
     interface TableBaseItemProps {
-      type?: TableColumnType;
-      prop?: string;
-      className?: string;
-      labelClassName?: string;
-      width?: number | string;
-      minWidth?: number | string;
-      renderHeader?: ({ column, $index }: { column: any; $index: number }) => any;
-      sortable?: boolean | SortableType;
-      sortMethod?: (a: any, b: any) => any;
-      sortBy?: string | ((row: any, index: number) => any) | string[];
-      resizable?: boolean;
-      columnKey?: string;
-      align?: Align;
-      headerAlign?: Align;
-      showTooltipWhenOverflow?: boolean;
-      showOverflowTooltip?: boolean;
-      fixed?: true | 'left' | 'right';
-      formatter?: (row: any, column: any, cellValue: any, index: number) => any;
-      selectable?: (row: any, index: number) => any;
-      reserveSelection?: boolean;
-      filterMethod?: (value: any, row: any, column: any) => any;
-      filteredValue?: any[];
-      filters?: any[];
-      filterPlacement?: string;
-      filterMultiple?: boolean;
-      index?: number | ((index: number) => any);
-      sortOrders?: SortOrders[];
+      type?: TableColumnType
+      prop?: string
+      className?: string
+      labelClassName?: string
+      width?: number | string
+      minWidth?: number | string
+      renderHeader?: ({
+        column,
+        $index,
+      }: {
+        column: any
+        $index: number
+      }) => any
+      sortable?: boolean | SortableType
+      sortMethod?: (a: any, b: any) => any
+      sortBy?: string | ((row: any, index: number) => any) | string[]
+      resizable?: boolean
+      columnKey?: string
+      align?: Align
+      headerAlign?: Align
+      showTooltipWhenOverflow?: boolean
+      showOverflowTooltip?: boolean
+      fixed?: true | 'left' | 'right'
+      formatter?: (row: any, column: any, cellValue: any, index: number) => any
+      selectable?: (row: any, index: number) => any
+      reserveSelection?: boolean
+      filterMethod?: (value: any, row: any, column: any) => any
+      filteredValue?: any[]
+      filters?: any[]
+      filterPlacement?: string
+      filterMultiple?: boolean
+      index?: number | ((index: number) => any)
+      sortOrders?: SortOrders[]
     }
 
     interface AscParams extends AnyObject {}
@@ -207,109 +241,133 @@ declare global {
 
     interface TableBaseItem<MODEL = any, CTX = any> extends BaseElItem<MODEL> {
       // 宽度属性
-      width?: string | number;
-      minWidth?: string | number;
+      width?: string | number
+      minWidth?: string | number
       // 定位属性
-      fixed?: 'left' | 'right' | boolean;
+      fixed?: 'left' | 'right' | boolean
       // 是否显示
-      isShow?: boolean | ((this: CTX, self: TableBaseItem<MODEL, CTX>) => boolean);
+      isShow?:
+        | boolean
+        | ((this: CTX, self: TableBaseItem<MODEL, CTX>) => boolean)
       // 用户表格配置
-      userConfigShow?: boolean;
+      userConfigShow?: boolean
       // 用户表头
-      userLabel?: string;
+      userLabel?: string
       // 表格排序
-      sortValues?: [AscParams, DescParams] | [AscParams, DescParams, NoParams];
+      sortValues?: [AscParams, DescParams] | [AscParams, DescParams, NoParams]
       // 列属性
-      props?: ConvertFunctionContext<TableBaseItemProps, CTX>;
+      props?: ConvertFunctionContext<TableBaseItemProps, CTX>
       // 自定义渲染
-      renderFn?: (this: CTX, data: MODEL, index: number) => JSX.Element;
+      renderFn?: (this: CTX, data: MODEL, index: number) => JSX.Element
       // 过滤函数
-      filterFn?: (this: CTX, data: MODEL, query: any) => boolean;
+      filterFn?: (this: CTX, data: MODEL, query: any) => boolean
       // 过滤组件
-      getCellText?: (this: CTX, data: MODEL) => string;
+      getCellText?: (this: CTX, data: MODEL) => string
       // 过滤的自定义组件配置
-      filterData?: FormItem<MODEL, CTX>,
+      filterData?: FormItem<MODEL, CTX>
       // 是否直接显示编辑组件
-      showEdit?: boolean;
-      required?: boolean;
+      showEdit?: boolean
+      required?: boolean
       // 内置编辑组件
       editData?: FormItem<MODEL, CTX> & {
-        api?: string | ((this: CTX, data: MODEL) => string);
+        api?: string | ((this: CTX, data: MODEL) => string)
         method?: PageModel.AjaxMethod
-        beforeSubmit?: CreateDePromiseResult<(this: CTX, data: MODEL) => AnyObject | false>;
-        isDisabled?: (this: CTX, data: MODEL) => boolean;
+        beforeSubmit?: CreateDePromiseResult<
+          (this: CTX, data: MODEL) => AnyObject | false
+        >
+        isDisabled?: (this: CTX, data: MODEL) => boolean
         /**
          * 自定义更新请求
          * @param this table
          * @param data 请求的数据
          * @returns 是否成功
          */
-        customUpdate?: (this: CTX, data: MODEL) => Promise<boolean | void>;
+        customUpdate?: (this: CTX, data: MODEL) => Promise<boolean | void>
         /**
          * 触发的弹窗名称
          */
-        triggerPoperClassName?: string;
-      };
+        triggerPoperClassName?: string
+      }
       // 子元素
-      children?: Omit<TableBaseItem<MODEL, CTX>, 'children'>[];
+      children?: Omit<TableBaseItem<MODEL, CTX>, 'children'>[]
       // 自定义属性
-      customProps?: AnyObject;
+      customProps?: AnyObject
       // 帮助文本
-      helpText?: string;
+      helpText?: string
       // 显示合计
-      showSummary?: number | string;
+      showSummary?: number | string
       // 静态过滤类型
       fieldType?: FieldType
       /**
        * 显示的行数
        */
-      showRowNumbers?: number;
+      showRowNumbers?: number
       /**
        * 图标
        */
       icon?: any
     }
 
-    interface TableVirtualBaseItem<MODEL = any, CTX = any> extends TableBaseItem<MODEL, CTX> {
-      title?: string;
-      dataKey: string;
-      key?: string;
-      cellRenderer?: (opt: { rowData: MODEL, rowIndex: number }) => JSX.Element;
-      headerCellRenderer?: (opt: { rowData: MODEL, rowIndex: number }) => JSX.Element;
+    interface TableVirtualBaseItem<MODEL = any, CTX = any>
+      extends TableBaseItem<MODEL, CTX> {
+      title?: string
+      dataKey: string
+      key?: string
+      cellRenderer?: (opt: { rowData: MODEL; rowIndex: number }) => JSX.Element
+      headerCellRenderer?: (opt: {
+        rowData: MODEL
+        rowIndex: number
+      }) => JSX.Element
       children?: TableVirtualBaseItem<MODEL, CTX>[]
     }
 
     // 创建eType组件类型
-    interface CreateFormItemComponent<NAME, MODEL, CTX, PROPS = any, EVENTS = any> extends FormElBaseItem<MODEL, CTX> {
-      eType: NAME;
-      props?: PROPS;
-      events?: EVENTS;
+    interface CreateFormItemComponent<
+      NAME,
+      MODEL,
+      CTX,
+      PROPS = any,
+      EVENTS = any
+    > extends FormElBaseItem<MODEL, CTX> {
+      eType: NAME
+      props?: PROPS
+      events?: EVENTS
       style?: StyleValue
     }
 
     // 为对象中的函数添加this指向
     type ConvertFunctionContext<T, CTX> = {
-      [K in keyof T]: T[K] extends (...rest: any[]) => any ? ((this: CTX, ...rest: Parameters<T[K]>) => any) : T[K]
+      [K in keyof T]: T[K] extends (...rest: any[]) => any
+        ? (this: CTX, ...rest: Parameters<T[K]>) => any
+        : T[K]
     }
 
-    type CreatePropsFromElement<P, O extends (undefined | keyof P) = undefined, CTX = any>
-      = Partial<ConvertFunctionContext<O extends string | number | symbol ? Omit<P, O> : P, CTX>>
-    
+    type CreatePropsFromElement<
+      P,
+      O extends undefined | keyof P = undefined,
+      CTX = any
+    > = Partial<
+      ConvertFunctionContext<
+        O extends string | number | symbol ? Omit<P, O> : P,
+        CTX
+      >
+    >
+
     // 扩展对象的reflect提示
     type ExtendReflect<T> = T & {
-      _reflect?: string;
-      _reflectChangeKey?: string;
+      _reflect?: string
+      _reflectChangeKey?: string
     }
 
     type OptionsData = ExtendReflect<{
-      list?: any[];
-      label?: string;
-      value?: string;
-      [key: string]: any;
+      list?: any[]
+      label?: string
+      value?: string
+      [key: string]: any
     }>
 
     type ExtendOptionsData<T> = T & {
-      optionsData: OptionsData;
+      optionsData: OptionsData
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juzhenfe/page-model",
-  "version": "3.12.1",
+  "version": "3.12.3",
   "types": "dist/main.d.ts",
   "main": "dist/index.umd.js",
   "keywords": [