@aplus-frontend/ui 0.0.11 → 0.0.13

package/lib/src/editable-table/form-item.vue.d.ts

@@ -0,0 +1,304 @@
+import { EditableColumnType, EditableTableFormItemProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties, HTMLAttributes } from 'vue';
+import { SpinSize } from 'ant-design-vue/es/spin/Spin';
+import { VueTypeValidableDef, VueTypeDef } from '../../node_modules/vue-types';
+import { TablePaginationConfig } from 'ant-design-vue';
+import { TableLayout, GetRowKey } from 'ant-design-vue/es/vc-table/interface';
+import { SortOrder } from 'ant-design-vue/es/table/interface';
+import { TriggerType } from 'ant-design-vue/es/tooltip/abstractTooltipProps';
+import { TooltipPlacement, AdjustOverflow } from 'ant-design-vue/es/tooltip';
+import { LiteralUnion } from 'ant-design-vue/es/_util/type';
+import { PresetColorType } from 'ant-design-vue/es/_util/colors';
+import { AlignType, BuildInPlacements } from 'ant-design-vue/es/vc-trigger/interface';
+import { ColSize } from 'ant-design-vue/es/grid';
+import { FormLabelAlign } from 'ant-design-vue/es/form/interface';
+import { RuleObject } from 'ant-design-vue/es/form';
+
+type EditableTableFormItemSlots = {
+    default: any;
+    emptyText?: any;
+    expandIcon?: any;
+    title?: any;
+    footer?: any;
+    summary?: any;
+    expandedRowRender?: any;
+    expandColumnTitle?: any;
+    customFilterIcon?: any;
+    customFilterDropdown?: any;
+    headerCell?: (props: {
+        title: any;
+        column: EditableColumnType;
+    }) => void;
+};
+declare function add(defaultValue?: any): void;
+declare function remove(index: number): void;
+declare function getRowsData(): any[];
+declare function getRowData(index: number): any;
+declare function setRowData(index: number, payload: any): void;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EditableTableFormItemProps<any>>, {
+    bordered: boolean;
+    childrenColumnName: string;
+    defaultExpandAllRows: boolean;
+    expandFixed: boolean;
+    expandRowByClick: boolean;
+    indentSize: number;
+    rowKey: string;
+    showExpandColumn: boolean;
+    showHeader: boolean;
+    showSorterTooltip: boolean;
+    size: string;
+    sortDirections: () => string[];
+    pagination: boolean;
+    loading: undefined;
+    tableLayout: string;
+    formItem: () => {};
+}>, {
+    add: typeof add;
+    remove: typeof remove;
+    getRowData: typeof getRowData;
+    getRowsData: typeof getRowsData;
+    setRowData: typeof setRowData;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EditableTableFormItemProps<any>>, {
+    bordered: boolean;
+    childrenColumnName: string;
+    defaultExpandAllRows: boolean;
+    expandFixed: boolean;
+    expandRowByClick: boolean;
+    indentSize: number;
+    rowKey: string;
+    showExpandColumn: boolean;
+    showHeader: boolean;
+    showSorterTooltip: boolean;
+    size: string;
+    sortDirections: () => string[];
+    pagination: boolean;
+    loading: undefined;
+    tableLayout: string;
+    formItem: () => {};
+}>>>, {
+    loading: boolean | Partial< ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        spinning: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        size: PropType<SpinSize>;
+        wrapperClassName: StringConstructor;
+        tip: VueTypeValidableDef<any>;
+        delay: NumberConstructor;
+        indicator: VueTypeValidableDef<any>;
+    }>>;
+    size: "small" | "middle" | "large";
+    pagination: false | TablePaginationConfig;
+    bordered: boolean;
+    tableLayout: TableLayout;
+    rowKey: string | GetRowKey<any>;
+    sortDirections: SortOrder[];
+    showSorterTooltip: boolean | Partial< ExtractPropTypes<{
+        title: VueTypeValidableDef<any>;
+        trigger: PropType< TriggerType | TriggerType[]>;
+        open: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placement: PropType<TooltipPlacement>;
+        color: PropType<LiteralUnion<PresetColorType>>;
+        transitionName: StringConstructor;
+        overlayStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayInnerStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayClassName: StringConstructor;
+        openClassName: StringConstructor;
+        prefixCls: StringConstructor;
+        mouseEnterDelay: NumberConstructor;
+        mouseLeaveDelay: NumberConstructor;
+        getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
+        arrowPointAtCenter: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        arrow: {
+            type: PropType<boolean | {
+                pointAtCenter?: boolean | undefined;
+            }>;
+            default: boolean | {
+                pointAtCenter?: boolean | undefined;
+            };
+        };
+        autoAdjustOverflow: {
+            type: PropType<boolean | AdjustOverflow>;
+            default: boolean | AdjustOverflow;
+        };
+        destroyTooltipOnHide: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        align: {
+            type: PropType<AlignType>;
+            default: AlignType;
+        };
+        builtinPlacements: {
+            type: PropType<BuildInPlacements>;
+            default: BuildInPlacements;
+        };
+        children: ArrayConstructor;
+        onVisibleChange: PropType<(vis: boolean) => void>;
+        'onUpdate:visible': PropType<(vis: boolean) => void>;
+        onOpenChange: PropType<(vis: boolean) => void>;
+        'onUpdate:open': PropType<(vis: boolean) => void>;
+    }>>;
+    showHeader: boolean;
+    expandFixed: boolean | "left" | "right";
+    expandRowByClick: boolean;
+    defaultExpandAllRows: boolean;
+    indentSize: number;
+    showExpandColumn: boolean;
+    childrenColumnName: string;
+    formItem: Partial<Omit<Partial< ExtractPropTypes<{
+        htmlFor: StringConstructor;
+        prefixCls: StringConstructor;
+        label: VueTypeValidableDef<any>;
+        help: VueTypeValidableDef<any>;
+        extra: VueTypeValidableDef<any>;
+        labelCol: {
+            type: PropType<Partial< ExtractPropTypes<{
+                span: (StringConstructor | NumberConstructor)[];
+                order: (StringConstructor | NumberConstructor)[];
+                offset: (StringConstructor | NumberConstructor)[];
+                push: (StringConstructor | NumberConstructor)[];
+                pull: (StringConstructor | NumberConstructor)[];
+                xs: {
+                    type: PropType<string | number | ColSize>;
+                    default: string | number | ColSize;
+                };
+                sm: {
+                    type: PropType<string | number | ColSize>;
+                    default: string | number | ColSize;
+                };
+                md: {
+                    type: PropType<string | number | ColSize>;
+                    default: string | number | ColSize;
+                };
+                lg: {
+                    type: PropType<string | number | ColSize>;
+                    default: string | number | ColSize;
+                };
+                xl: {
+                    type: PropType<string | number | ColSize>;
+                    default: string | number | ColSize;
+                };
+                xxl: {
+                    type: PropType<string | number | ColSize>;
+                    default: string | number | ColSize;
+                };
+                prefixCls: StringConstructor;
+                flex: (StringConstructor | NumberConstructor)[];
+            }>> & HTMLAttributes>;
+        };
+        wrapperCol: {
+            type: PropType<Partial< ExtractPropTypes<{
+                span: (StringConstructor | NumberConstructor)[];
+                order: (StringConstructor | NumberConstructor)[];
+                offset: (StringConstructor | NumberConstructor)[];
+                push: (StringConstructor | NumberConstructor)[];
+                pull: (StringConstructor | NumberConstructor)[];
+                xs: {
+                    type: PropType<string | number | ColSize>;
+                    default: string | number | ColSize;
+                };
+                sm: {
+                    type: PropType<string | number | ColSize>;
+                    default: string | number | ColSize;
+                };
+                md: {
+                    type: PropType<string | number | ColSize>;
+                    default: string | number | ColSize;
+                };
+                lg: {
+                    type: PropType<string | number | ColSize>;
+                    default: string | number | ColSize;
+                };
+                xl: {
+                    type: PropType<string | number | ColSize>;
+                    default: string | number | ColSize;
+                };
+                xxl: {
+                    type: PropType<string | number | ColSize>;
+                    default: string | number | ColSize;
+                };
+                prefixCls: StringConstructor;
+                flex: (StringConstructor | NumberConstructor)[];
+            }>> & HTMLAttributes>;
+        };
+        hasFeedback: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        colon: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        labelAlign: PropType<FormLabelAlign>;
+        prop: {
+            type: PropType<string | number | (string | number)[]>;
+        };
+        name: {
+            type: PropType<string | number | (string | number)[]>;
+        };
+        rules: PropType< RuleObject | RuleObject[]>;
+        autoLink: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        validateFirst: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        validateStatus: VueTypeDef<string>;
+        validateTrigger: {
+            type: PropType<string | string[]>;
+        };
+        messageVariables: {
+            type: PropType<Record<string, string>>;
+        };
+        hidden: BooleanConstructor;
+        noStyle: BooleanConstructor;
+        tooltip: StringConstructor;
+    }>>, "name" | "label">>;
+}, {}>, Readonly<EditableTableFormItemSlots> & EditableTableFormItemSlots>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/src/editable-table/form-item.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("ant-design-vue"),p=require("../ap-form/index.js"),s=require("lodash-unified");require("../config-provider/index.js");const F=require("../ap-form/context.js");require("./style/index.css");const S=require("../utils/index.js"),N=require("./hooks/use-get-columns.js"),P=require("../config-provider/hooks/use-namespace.js"),k=require("../config-provider/hooks/use-global-config.js"),V=e.defineComponent({name:"EditableTableInner",__name:"form-item",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{default:()=>({})}},setup(m,{expose:x}){var f;const l=m,{formInstance:n,model:g}=F.useInjectForm(),u=e.ref(((f=e.unref(g))==null?void 0:f[l.name])||[]),C=e.useSlots(),h=p.ApForm.useWatch(l.name);e.watch(()=>h.value,a=>{var o;u.value=a,(o=l.onChange)==null||o.call(l,a)});const{b:i,em:w}=P.useNamespace("editable-table"),b=k.useGlobalConfig("uiMode","aplus"),y=N.default(l);function B(a){var t,r;const o=((t=e.unref(u))==null?void 0:t.length)||0;S.isDef(l.maxLength)&&o>=l.maxLength||(r=n==null?void 0:n.setFieldValue)==null||r.call(n,l.name,[...e.unref(u)||[],a||{}])}function R(a){var t;const o=s.cloneDeep(e.unref(u)||[]);o.splice(a,1),(t=n==null?void 0:n.setFieldValue)==null||t.call(n,l.name,[...o])}function q(){return e.unref(u)}function D(a){var o;return(o=e.unref(u))==null?void 0:o[a]}function v(a,o){var r;const t=s.cloneDeep(e.unref(u));t[a]&&(t[a]={...t[a],...o},(r=n==null?void 0:n.setFieldValue)==null||r.call(n,l.name,[...t]))}return x({add:B,remove:R,getRowData:D,getRowsData:q,setRowData:v}),(a,o)=>(e.openBlock(),e.createBlock(e.unref(p.ApForm).FormItem,e.mergeProps(a.formItem,{name:a.name,label:a.label}),{default:e.withCtx(()=>[e.createVNode(e.unref(E.Table),e.mergeProps(e.unref(s.omit)(l,["name","maxLength"]),{class:[e.unref(i)(),e.unref(b)==="admin"?e.unref(i)("admin"):null],columns:e.unref(y),"data-source":u.value}),e.createSlots({headerCell:e.withCtx(({column:t})=>{var r,d,c;return[(r=t==null?void 0:t.fieldProps)!=null&&r.required||(c=(d=t==null?void 0:t.fieldProps)==null?void 0:d.rules)!=null&&c.length?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(w)("header-cell","required"))},"*",2),e.createElementVNode("span",null,e.toDisplayString(t.title),1)],64)):e.createCommentVNode("",!0)]}),_:2},[e.renderList(C,(t,r)=>({name:r,fn:e.withCtx(d=>[e.renderSlot(a.$slots,r,e.normalizeProps(e.guardReactiveProps(d||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["name","label"]))}});exports.default=V;

package/lib/src/editable-table/form-item.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./form-item.vue.js");exports.default=e.default;

package/lib/src/editable-table/hooks/use-get-columns.d.ts

@@ -0,0 +1,5 @@
+import { EditableTableFormItemProps, EditableTableProps, EditableColumnType } from '../interface';
+import { ComputedRef } from 'vue';
+
+declare const useGetColumns: (props: EditableTableProps | EditableTableFormItemProps) => ComputedRef< EditableColumnType<any, any>[]>;
+export default useGetColumns;

package/lib/src/editable-table/hooks/use-get-columns.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),h=require("lodash-unified"),q=require("../utils.js"),d=require("../../ap-table/utils.js");require("../../config-provider/index.js");const s=require("../../ap-table/constants.js"),C=require("ant-design-vue"),F=require("../../config-provider/hooks/use-locale.js"),R=a=>{const{t:i}=F.useLocale(),b=u.computed(()=>{let n=a.columns;return n?(n=n.map(e=>({...e,customRender({value:l,...t}){if(e.customRender)return e.customRender({value:l,...t,column:e});{if(h.isFunction(e.editable)?e.editable(t.text,t.record,t.index):!!e.editable){const y=q.getEditableComponent(e.valueType),o=d.updateFormProps(e,d.getFieldProps(e.fieldProps,{value:l,...t})),r={};a.onFieldChange&&(r[`onUpdate:${o.valuePropName||"value"}`]=T=>{var c;return(c=a.onFieldChange)==null?void 0:c.call(a,t.index,e.dataIndex,T)});const x={name:[a.name,t.index,e.dataIndex],...o||{},placeholder:d.getPlaceholder(i,e.valueType,o==null?void 0:o.placeholder),field:{style:"width: 100%",...(o==null?void 0:o.field)||{},...r}};return u.createVNode(y,x,null)}const p=s.apTableRenderItemMap[e.valueType],g=d.getTableRenderProps(e,{value:l,...t});return f(e,l,u.createVNode(p,u.mergeProps(g,{mode:"read"}),null))}}})),n):[]});function f(n,e,l){return s.noRenderAsFormItemValueList.includes(n.valueType)?l:n.copyable||n.ellipsis?u.createVNode(C.Typography.Text,{copyable:n.copyable?{text:e,tooltip:!1}:!1,ellipsis:n.ellipsis?{tooltip:e}:!1,content:l},null):l}return b};exports.default=R;

package/lib/src/editable-table/index.d.ts

@@ -0,0 +1,5 @@
+import { default as EditableTable } from './index.vue';
+import { default as EditableTableFormItem } from './form-item.vue';
+
+export * from './interface';
+export { EditableTable, EditableTableFormItem };

package/lib/src/editable-table/index.js

@@ -0,0 +1 @@
+"use strict";require("./index.vue2.js");require("./form-item.vue2.js");require("./interface.js");

package/lib/src/editable-table/index.vue.d.ts

@@ -0,0 +1,196 @@
+import { EditableTableProps, EditableColumnType } from './interface';
+import { NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties } from 'vue';
+import { SpinSize } from 'ant-design-vue/es/spin/Spin';
+import { VueTypeValidableDef } from '../../node_modules/vue-types';
+import { TablePaginationConfig } from 'ant-design-vue';
+import { TableLayout, GetRowKey } from 'ant-design-vue/es/vc-table/interface';
+import { SortOrder } from 'ant-design-vue/es/table/interface';
+import { TriggerType } from 'ant-design-vue/es/tooltip/abstractTooltipProps';
+import { TooltipPlacement, AdjustOverflow } from 'ant-design-vue/es/tooltip';
+import { LiteralUnion } from 'ant-design-vue/es/_util/type';
+import { PresetColorType } from 'ant-design-vue/es/_util/colors';
+import { AlignType, BuildInPlacements } from 'ant-design-vue/es/vc-trigger/interface';
+
+type EditableTableSlots = {
+    default: any;
+    emptyText?: any;
+    expandIcon?: any;
+    title?: any;
+    footer?: any;
+    summary?: any;
+    expandedRowRender?: any;
+    expandColumnTitle?: any;
+    customFilterIcon?: any;
+    customFilterDropdown?: any;
+    headerCell?: (props: {
+        title: any;
+        column: EditableColumnType;
+    }) => void;
+};
+declare function resetFields(): void;
+declare function validateFields(nameList?: NamePath[] | string, options?: ValidateOptions): Promise<any>;
+declare function add(defaultValue?: any): void;
+declare function remove(index: number): void;
+declare function getRowsData(): any[];
+declare function getRowData(index: number): any;
+declare function setRowData(index: number, payload: any): void;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EditableTableProps<any>>, {
+    bordered: boolean;
+    childrenColumnName: string;
+    defaultExpandAllRows: boolean;
+    expandFixed: boolean;
+    expandRowByClick: boolean;
+    indentSize: number;
+    rowKey: string;
+    showExpandColumn: boolean;
+    showHeader: boolean;
+    showSorterTooltip: boolean;
+    size: string;
+    sortDirections: () => string[];
+    pagination: boolean;
+    loading: undefined;
+    name: string;
+    tableLayout: string;
+}>, {
+    resetFields: typeof resetFields;
+    validateFields: typeof validateFields;
+    add: typeof add;
+    remove: typeof remove;
+    getRowData: typeof getRowData;
+    getRowsData: typeof getRowsData;
+    setRowData: typeof setRowData;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EditableTableProps<any>>, {
+    bordered: boolean;
+    childrenColumnName: string;
+    defaultExpandAllRows: boolean;
+    expandFixed: boolean;
+    expandRowByClick: boolean;
+    indentSize: number;
+    rowKey: string;
+    showExpandColumn: boolean;
+    showHeader: boolean;
+    showSorterTooltip: boolean;
+    size: string;
+    sortDirections: () => string[];
+    pagination: boolean;
+    loading: undefined;
+    name: string;
+    tableLayout: string;
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    loading: boolean | Partial< ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        spinning: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        size: PropType<SpinSize>;
+        wrapperClassName: StringConstructor;
+        tip: VueTypeValidableDef<any>;
+        delay: NumberConstructor;
+        indicator: VueTypeValidableDef<any>;
+    }>>;
+    size: "small" | "middle" | "large";
+    pagination: false | TablePaginationConfig;
+    name: any;
+    bordered: boolean;
+    tableLayout: TableLayout;
+    rowKey: string | GetRowKey<any>;
+    sortDirections: SortOrder[];
+    showSorterTooltip: boolean | Partial< ExtractPropTypes<{
+        title: VueTypeValidableDef<any>;
+        trigger: PropType< TriggerType | TriggerType[]>;
+        open: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placement: PropType<TooltipPlacement>;
+        color: PropType<LiteralUnion<PresetColorType>>;
+        transitionName: StringConstructor;
+        overlayStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayInnerStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayClassName: StringConstructor;
+        openClassName: StringConstructor;
+        prefixCls: StringConstructor;
+        mouseEnterDelay: NumberConstructor;
+        mouseLeaveDelay: NumberConstructor;
+        getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
+        arrowPointAtCenter: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        arrow: {
+            type: PropType<boolean | {
+                pointAtCenter?: boolean | undefined;
+            }>;
+            default: boolean | {
+                pointAtCenter?: boolean | undefined;
+            };
+        };
+        autoAdjustOverflow: {
+            type: PropType<boolean | AdjustOverflow>;
+            default: boolean | AdjustOverflow;
+        };
+        destroyTooltipOnHide: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        align: {
+            type: PropType<AlignType>;
+            default: AlignType;
+        };
+        builtinPlacements: {
+            type: PropType<BuildInPlacements>;
+            default: BuildInPlacements;
+        };
+        children: ArrayConstructor;
+        onVisibleChange: PropType<(vis: boolean) => void>;
+        'onUpdate:visible': PropType<(vis: boolean) => void>;
+        onOpenChange: PropType<(vis: boolean) => void>;
+        'onUpdate:open': PropType<(vis: boolean) => void>;
+    }>>;
+    showHeader: boolean;
+    expandFixed: boolean | "left" | "right";
+    expandRowByClick: boolean;
+    defaultExpandAllRows: boolean;
+    indentSize: number;
+    showExpandColumn: boolean;
+    childrenColumnName: string;
+}, {}>, Readonly<EditableTableSlots> & EditableTableSlots>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/src/editable-table/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("ant-design-vue"),d=require("../ap-form/index.js"),i=require("lodash-unified");require("../config-provider/index.js");require("../hooks/index.js");const N=require("../utils/index.js"),S=require("./hooks/use-get-columns.js");require("./style/index.css");const k=require("../config-provider/hooks/use-namespace.js"),P=require("../config-provider/hooks/use-global-config.js"),L=require("../hooks/useControllableValue.js"),j=e.defineComponent({name:"EditableTable",__name:"index",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(p,{expose:m,emit:x}){const l=p,{b:f,em:C}=k.useNamespace("editable-table"),g=P.useGlobalConfig("uiMode","aplus"),h=e.useSlots(),w=x,{value:u,updateValue:y}=L.useControllableValue(l,w),s=e.ref(),b=d.ApForm.useWatch(l.name,s);e.watch(()=>b.value,n=>{var o;y(n),(o=l.onChange)==null||o.call(l,n)});const v=S.default(l);function R(){var n;(n=s.value)==null||n.resetFields()}async function B(n,o){var t;const a=await((t=s.value)==null?void 0:t.validateFields(n,o));return a==null?void 0:a[l.name]}function q(n){var a,t,r;const o=((a=e.unref(u))==null?void 0:a.length)||0;N.isDef(l.maxLength)&&o>=l.maxLength||(r=(t=s.value)==null?void 0:t.setFieldValue)==null||r.call(t,l.name,[...e.unref(u)||[],n||{}])}function F(n){var a,t;const o=i.cloneDeep(e.unref(u)||[]);o.splice(n,1),(t=(a=s.value)==null?void 0:a.setFieldValue)==null||t.call(a,l.name,[...o])}function D(){return e.unref(u)}function V(n){var o;return(o=e.unref(u))==null?void 0:o[n]}function _(n,o){var t,r;const a=i.cloneDeep(e.unref(u));a[n]&&(a[n]={...a[n],...o},(r=(t=s.value)==null?void 0:t.setFieldValue)==null||r.call(t,l.name,[...a]))}return m({resetFields:R,validateFields:B,add:q,remove:F,getRowData:V,getRowsData:D,setRowData:_}),(n,o)=>(e.openBlock(),e.createBlock(e.unref(d.ApForm),{"initial-values":{[l.name]:e.unref(u)},ref_key:"formRef",ref:s},{default:e.withCtx(()=>[e.createVNode(e.unref(d.ApForm).FormItem,{name:n.name,"no-style":""},{default:e.withCtx(()=>[e.createVNode(e.unref(E.Table),e.mergeProps(e.unref(i.omit)(l,["name","value","onUpdate:value","maxLength"]),{class:[e.unref(f)(),e.unref(g)==="admin"?e.unref(f)("admin"):null],columns:e.unref(v),"data-source":e.unref(u)}),e.createSlots({headerCell:e.withCtx(({column:a})=>{var t,r,c;return[(t=a==null?void 0:a.fieldProps)!=null&&t.required||(c=(r=a==null?void 0:a.fieldProps)==null?void 0:r.rules)!=null&&c.length?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(C)("header-cell","required"))},"*",2),e.createElementVNode("span",null,e.toDisplayString(a.title),1)],64)):e.createCommentVNode("",!0)]}),_:2},[e.renderList(h,(a,t)=>({name:t,fn:e.withCtx(r=>[e.renderSlot(n.$slots,t,e.normalizeProps(e.guardReactiveProps(r||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=j;

package/lib/src/editable-table/index.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue.js");exports.default=e.default;

package/lib/src/editable-table/interface.d.ts

@@ -1,6 +1,8 @@
 import { ColumnType, TableProps } from 'ant-design-vue/es/table';
 import { ApTableValueFields, ValueEnum } from '../ap-table';
-import { InternalNamePath, NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
+import { NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
+import { DataIndex } from 'ant-design-vue/es/vc-table/interface';
+import { FormItemProps } from 'ant-design-vue';
 
 export type EditableColumnType<ValueType extends keyof ApTableValueFields = 'text', RecordType = any> = Omit<ColumnType<RecordType>, 'children'> & {
     /**
@@ -21,6 +23,7 @@ export type EditableColumnType<ValueType extends keyof ApTableValueFields = 'tex
     valueEnum?: ValueEnum;
     /**
      * 自定义表单
+     * @deprecated 未实现，请使用`customRender`
      */
     customRenderFormItem?: (config: EditableColumnType<ValueType, RecordType>) => any;
     /**
@@ -45,9 +48,13 @@ export type EditableTableProps<RecordType = any> = Omit<TableProps<RecordType>,
      */
     columns?: EditableColumnType<any, RecordType>[];
     /**
-     * 同dataSource，传入的数组数据将作为表单的初始数据
+     * 表格数据v-model
      */
     value?: RecordType[];
+    /**
+     * 表格数据默认值（只生效一次，如果是异步数据，请使用`v-model`）
+     */
+    defaultValue?: RecordType[];
     'onUpdate:value'?: (value: RecordType[]) => void;
     /**
      * 数据修改时触发onChange（也包含数据的删除）
@@ -60,12 +67,72 @@ export type EditableTableProps<RecordType = any> = Omit<TableProps<RecordType>,
      */
     maxLength?: number;
     /**
-     * 设置可编辑表格的名字，如果是作为其它表单的一部分，需要设置此字段
+     * 设置可编辑表格的名字，如果不传，将会使用默认值
      */
     name?: any;
+    /**
+     * 当字段值变更的时候触发（注意，向表单设置值并不会触发）
+     * @returns
+     */
+    onFieldChange?: (rowIndex: number, fieldName: DataIndex, newValue: any) => void;
+};
+export type EditableTableFormItemProps<RecordType = any> = Omit<EditableTableProps<RecordType>, 'name'> & {
+    label?: string;
+    /**
+     * FormItem的name 暂不支持传入数组类型
+     */
+    name: string;
+    /**
+     * 额外的表单项配置属性
+     */
+    formItem?: Partial<Omit<FormItemProps, 'name' | 'label'>>;
 };
-export type EditableTableExpose<ModelType = any> = {
+export type EditableTableExpose<ModelType = any, RecordType = any> = {
+    /**
+     * 重设可编辑表格数据
+     * @param name
+     * @returns
+     */
     resetFields: (name?: NamePath) => void;
+    /**
+     * 作为单独的表单使用时，校验表格数据
+     * @param nameList
+     * @param options
+     * @returns
+     */
     validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>> | undefined;
-    getFieldsValue: (nameList?: true | InternalNamePath[]) => Partial<ModelType> | undefined;
+    /**
+     * 添加一行数据
+     * @param defaultValue
+     * @returns
+     */
+    add: (defaultValue?: Partial<RecordType>) => void;
+    /**
+     * 删除一行数据
+     * @param index
+     * @returns
+     */
+    remove: (index: number) => void;
+    /**
+     * 获取所有行的数据
+     * @returns
+     */
+    getRowsData: () => RecordType[];
+    /**
+     * 获取指定行的数据
+     * @returns
+     */
+    getRowData: (index: number) => RecordType | undefined;
+    /**
+     * 设置表格行数据（数据会进行浅层合并）
+     * @param index
+     * @param data
+     * @returns
+     */
+    setRowData: (index: number, data: Partial<RecordType>) => void;
 };
+/**
+ * 可编辑表格作为表单项暴露的实例
+ * @description 作为Form表单使用时不再暴露表单相关的API
+ */
+export type EditableTableFormItemExpose<ModelType = any, RecordType = any> = Omit<EditableTableExpose<ModelType, RecordType>, 'resetFields' | 'validateFields'>;

package/lib/src/editable-table/interface.js

@@ -0,0 +1 @@
+"use strict";