@aplus-frontend/ui 0.0.1-beta.28 → 0.0.1-beta.30

package/lib/src/pro-form/table-form.vue.d.ts

@@ -0,0 +1,42 @@
+import { ProTableFormProps, TableActionTypes } from './types/table-form';
+import { ValidateOptions } from 'ant-design-vue/lib/form/interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProTableFormProps>, {
+    disabled: boolean;
+    actions: () => never[];
+    bordered: boolean;
+}>, {
+    validate: () => Promise<{
+        [key: string]: any;
+    } | undefined>;
+    validateFields: (fields: (string | string[])[], options?: ValidateOptions) => Promise<{
+        [key: string]: any;
+    } | undefined>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProTableFormProps>, {
+    disabled: boolean;
+    actions: () => never[];
+    bordered: boolean;
+}>>>, {
+    disabled: boolean;
+    bordered: boolean;
+    actions: TableActionTypes;
+}, {}>;
+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];
+} & {};

package/lib/src/pro-form/table-form.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./table-form-inner.vue2.js");const c=require("ant-design-vue"),d=require("@aplus-frontend/hooks"),f=require("./table-form-inner.vue.js"),p=e.defineComponent({__name:"table-form",props:{columns:{},dataSource:{},disabled:{type:Boolean,default:!1},actions:{type:Function,default:()=>[]},editableFunc:{},bordered:{type:Boolean,default:!0}},setup(n,{expose:s}){const u=d.useAttrs(),l=n,r=e.ref(),i=e.computed(()=>Object.assign({...l,...e.unref(u)}));return s({validate:async()=>{var t;return await((t=r.value)==null?void 0:t.validate())},validateFields:async(t,a={})=>{var o;return await((o=r.value)==null?void 0:o.validateFields(t,a))}}),(t,a)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.unref(c.Form),{ref_key:"formRef",ref:r,model:t.dataSource,scrollToFirstError:!0},{default:e.withCtx(()=>[e.createVNode(f.default,e.mergeProps({actions:t.actions},i.value),null,16,["actions"])]),_:1},8,["model"])]))}});exports.default=p;

package/lib/src/pro-form/table-form.vue2.js

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

package/lib/src/pro-form/types/table-form.d.ts

@@ -0,0 +1,37 @@
+import { FormSchema } from './form';
+import { ComponentType } from './';
+import { Rule } from 'ant-design-vue/es/form';
+import { GroupActionTypes } from '../../ap-action';
+import { ColumnProps } from 'ant-design-vue/es/table';
+
+export type Recordable = {
+    [key: string]: any;
+};
+export type EditAblePorps<T> = {
+    editProps?: Omit<FormSchema<T>, 'field' | 'component' | 'rules'> & {
+        style?: string;
+        field?: string;
+        component: ComponentType | keyof T;
+        rules?: Rule[] | ((values: Recordable) => Rule[]);
+    };
+    helpMessage?: string;
+    ifShow?: (record: Recordable) => boolean;
+};
+export interface EditColumn<T = any> extends ColumnProps<Recordable>, EditAblePorps<T> {
+}
+export type tableChangeParams = {
+    record: Recordable;
+    index: number;
+    dataIndex: string;
+};
+export type TableActionTypes = (record: Recordable, index: number) => GroupActionTypes[];
+export type ProTableFormInnerProps = {
+    columns: EditColumn[];
+    dataSource: Array<Recordable>;
+    disabled?: boolean;
+    dataPath?: Array<string>;
+    actions?: TableActionTypes;
+    editableFunc?: (column: EditColumn, record: Recordable) => boolean;
+    bordered?: boolean;
+};
+export type ProTableFormProps = Omit<ProTableFormInnerProps, 'dataPath'>;

package/lib/src/pro-form/types/table-form.js

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

package/lib/src/pro-table/components/editable/editable-cell.vue.d.ts

@@ -77,8 +77,8 @@ declare const _default: DefineComponent<{
         required: true;
     };
 }>>, {
-    column: BasicColumn;
     value: string | number | boolean | Record<string, any>;
+    column: BasicColumn;
     record: any;
 }, {}>;
 export default _default;

package/lib/src/pro-table/pro-table.vue.d.ts

@@ -116,10 +116,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     "onRow-mouseleave"?: ((...args: any[]) => any) | undefined;
     "onExpanded-rows-change"?: ((...args: any[]) => any) | undefined;
 }, {
-    ellipsis: boolean;
     pagination: boolean | PaginationProps | null;
     immediate: boolean;
     columns: BasicColumn[];
+    ellipsis: boolean;
     rowKey: string | GetRowKey<any>;
     indentSize: number;
     showIndexColumn: boolean;

package/lib/src/theme/antd-global-overwrite/admin/index.css

@@ -309,12 +309,12 @@
   display: flex;
 }
 .ant-steps .ant-steps-item-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 28px;
   height: 28px;
   margin-top: 4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
 }
 .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon {
   background-color: #ffffff;
@@ -387,12 +387,12 @@
   margin-inline-end: 8px;
 }
 .ant-steps.ant-steps-vertical .ant-steps-item-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 28px;
   height: 28px;
   margin-top: 4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
 }
 .ant-table-wrapper {
   padding: 12px 16px 16px;

package/lib/src/theme/antd-global-overwrite/admin/steps.css

@@ -5,12 +5,12 @@
   display: flex;
 }
 .ant-steps .ant-steps-item-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 28px;
   height: 28px;
   margin-top: 4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
 }
 .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon {
   background-color: #ffffff;
@@ -83,10 +83,10 @@
   margin-inline-end: 8px;
 }
 .ant-steps.ant-steps-vertical .ant-steps-item-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 28px;
   height: 28px;
   margin-top: 4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
 }

package/lib/src/theme/antd-global-overwrite/aplus/index.css

@@ -388,12 +388,12 @@
   margin-inline-end: 8px;
 }
 .ant-steps.ant-steps-vertical .ant-steps-item-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 28px;
   height: 28px;
   margin-top: 4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
 }
 .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
 .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title {

package/lib/src/theme/antd-global-overwrite/aplus/steps.css

@@ -77,10 +77,10 @@
   margin-inline-end: 8px;
 }
 .ant-steps.ant-steps-vertical .ant-steps-item-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 28px;
   height: 28px;
   margin-top: 4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
 }

package/lib/src/theme/pro-form/table-form-inner.css

@@ -0,0 +1,101 @@
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-tbody > tr > td,
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
+  padding: 18px 16px 0px ;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td:first-child {
+  padding: 18px 16px 0 ;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-form-item {
+  margin-bottom: 18px;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-form-item .ant-form-item-explain {
+  line-height: 18px;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-form-item .ant-form-item-explain + div {
+  height: 18px ;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-thead > tr > th {
+  padding: 10.5px 16px !important;
+  background: #fafafa;
+  color: #182948;
+}
+.aplus-pro-table-form .table-form-aplus .ant-form-item {
+  margin-bottom: 0;
+}
+.aplus-pro-table-form .table-form-aplus .ant-form-item-has-error.ant-form-item {
+  margin-bottom: 24px;
+}
+.aplus-pro-table-form .table-form-aplus .ant-table-tbody > tr > td,
+.aplus-pro-table-form .table-form-aplus .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
+  padding: 16px 8px ;
+}
+.aplus-pro-table-form .table-form-aplus .ant-table-body .ant-table-tbody > tr.ant-table-row > td:first-child {
+  padding: 16px 8px ;
+}
+.aplus-pro-table-form .ant-table {
+  border-radius: 0 !important;
+}
+.aplus-pro-table-form .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
+  border-start-start-radius: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-container table > thead > tr:first-child > *:last-child {
+  border-start-end-radius: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-container,
+.aplus-pro-table-form .ant-table .ant-table-thead {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-thead > tr > th {
+  padding: 15.5px 8px !important;
+  background: #f2f6f9;
+  color: #182948;
+  text-align: left !important;
+}
+.aplus-pro-table-form .ant-table .ant-table-thead > tr > th::before {
+  display: none;
+  visibility: hidden;
+  width: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-content {
+  overflow-x: scroll;
+}
+.aplus-pro-table-form .ant-table-row.ant-table-row-level-0 .ant-table-cell {
+  vertical-align: top;
+}
+.aplus-pro-table-form--required {
+  color: #FF4D4F;
+  margin-top: 4px;
+}
+.aplus-pro-table-form--edit-cell {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.aplus-pro-table-form--form-item {
+  width: 100%;
+}
+.aplus-pro-table-form--edit-wraper {
+  display: flex;
+}
+.aplus-pro-table-form--field-error .ant-input-number,
+.aplus-pro-table-form--field-error .ant-input {
+  border-color: #ff4d4f;
+}
+.aplus-pro-table-form--text-cell {
+  margin-top: 5px;
+}
+.aplus-pro-table-form--action-cell {
+  display: flex;
+  align-items: center;
+  margin-top: 5px;
+}
+.aplus-pro-table-form--error-tip {
+  margin-left: 8px;
+  color: #FF4D4F;
+}
+.aplus-pro-table-form .ant-input-number {
+  width: 100% !important;
+}

package/lib/src/utils/config-provider-preset.d.ts

@@ -1,11 +1,11 @@
 import { TransformCellTextProps } from 'ant-design-vue/lib/table/interface';
 import { ConfigProviderProps } from 'ant-design-vue';
 import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
-import { ValidateMessages } from 'ant-design-vue/es/form/interface';
-import { RequiredMark } from 'ant-design-vue/es/form/Form';
 import { CSPConfig } from 'ant-design-vue/es/config-provider';
 import { Locale } from 'ant-design-vue/es/locale';
 import { ButtonSize } from 'ant-design-vue/es/button';
+import { ValidateMessages } from 'ant-design-vue/es/form/interface';
+import { RequiredMark } from 'ant-design-vue/es/form/Form';
 import { default as __DTS_DEFAULT_0__ } from 'ant-design-vue/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from 'ant-design-vue/es/table/interface';
 
@@ -39,18 +39,10 @@ export declare const antdConfigProviderPresets: Partial<ConfigProviderProps>;
 export declare function mergeAntdProvideConfig(config: ConfigProviderProps): {
     theme?: ThemeConfig | undefined;
     direction?: "ltr" | "rtl" | undefined;
+    csp?: CSPConfig | undefined;
     input?: {
         autocomplete?: string | undefined;
     } | undefined;
-    select?: {
-        showSearch?: boolean | undefined;
-    } | undefined;
-    form?: {
-        validateMessages?: ValidateMessages | undefined;
-        requiredMark?: RequiredMark | undefined;
-        colon?: boolean | undefined;
-    } | undefined;
-    csp?: CSPConfig | undefined;
     locale?: Locale | undefined;
     pageHeader?: {
         ghost?: boolean | undefined;
@@ -59,16 +51,24 @@ export declare function mergeAntdProvideConfig(config: ConfigProviderProps): {
         size?: number | ButtonSize;
     } | undefined;
     dropdownMatchSelectWidth?: number | boolean | undefined;
+    form?: {
+        validateMessages?: ValidateMessages | undefined;
+        requiredMark?: RequiredMark | undefined;
+        colon?: boolean | undefined;
+    } | undefined;
     pagination?: {
         showSizeChanger?: boolean | undefined;
     } | undefined;
+    select?: {
+        showSearch?: boolean | undefined;
+    } | undefined;
     wave?: {
         disabled?: boolean | undefined;
     } | undefined;
     getPopupContainer?: ((triggerNode?: HTMLElement | undefined) => HTMLElement) | undefined;
     prefixCls?: string | undefined;
     iconPrefixCls?: string | undefined;
-    getTargetContainer?: (() => Window | HTMLElement) | undefined;
+    getTargetContainer?: (() => HTMLElement | Window) | undefined;
     getPrefixCls?: ((suffixCls?: string | undefined, customizePrefixCls?: string | undefined) => string) | undefined;
     renderEmpty?: __DTS_DEFAULT_0__ | undefined;
     transformCellText?: ((tableProps: TransformCellTextProps) => any) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.0.1-beta.28",
+  "version": "0.0.1-beta.30",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [

package/es/src/base-button/index.d.ts

@@ -1,137 +0,0 @@
-import { default as ModalButton } from './modal-button.vue';
-import { default as PopConfirmButton } from './pop-confirm-button.vue';
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
-export * from './interface';
-export { ModalButton, PopConfirmButton };
-export declare const BaseButton: {
-    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        text: {
-            type: PropType<string>;
-        };
-        color: {
-            type: PropType<"primary" | "success" | "error" | "warning">;
-        };
-        disabled: {
-            type: PropType<boolean>;
-        };
-        onClick: {
-            type: PropType<() => void>;
-        };
-        loading: {
-            type: PropType<boolean>;
-        };
-        preIcon: {
-            type: PropType<string>;
-        };
-        postIcon: {
-            type: PropType<string>;
-        };
-        iconSize: {
-            type: PropType<number>;
-            default: number;
-        };
-    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        text: {
-            type: PropType<string>;
-        };
-        color: {
-            type: PropType<"primary" | "success" | "error" | "warning">;
-        };
-        disabled: {
-            type: PropType<boolean>;
-        };
-        onClick: {
-            type: PropType<() => void>;
-        };
-        loading: {
-            type: PropType<boolean>;
-        };
-        preIcon: {
-            type: PropType<string>;
-        };
-        postIcon: {
-            type: PropType<string>;
-        };
-        iconSize: {
-            type: PropType<number>;
-            default: number;
-        };
-    }>>, {
-        iconSize: number;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        text: {
-            type: PropType<string>;
-        };
-        color: {
-            type: PropType<"primary" | "success" | "error" | "warning">;
-        };
-        disabled: {
-            type: PropType<boolean>;
-        };
-        onClick: {
-            type: PropType<() => void>;
-        };
-        loading: {
-            type: PropType<boolean>;
-        };
-        preIcon: {
-            type: PropType<string>;
-        };
-        postIcon: {
-            type: PropType<string>;
-        };
-        iconSize: {
-            type: PropType<number>;
-            default: number;
-        };
-    }>>, {}, {}, {}, {}, {
-        iconSize: number;
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    text: {
-        type: PropType<string>;
-    };
-    color: {
-        type: PropType<"primary" | "success" | "error" | "warning">;
-    };
-    disabled: {
-        type: PropType<boolean>;
-    };
-    onClick: {
-        type: PropType<() => void>;
-    };
-    loading: {
-        type: PropType<boolean>;
-    };
-    preIcon: {
-        type: PropType<string>;
-    };
-    postIcon: {
-        type: PropType<string>;
-    };
-    iconSize: {
-        type: PropType<number>;
-        default: number;
-    };
-}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    iconSize: number;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: {
-        icon?(_: {}): any;
-        default?(_: any): any;
-    };
-}) & Plugin<any[]> & (new (...args: any[]) => {
-    $props: {
-        onClick?: (() => void) | undefined;
-    };
-});