@aplus-frontend/ui 0.0.1-beta.31 → 0.0.1-beta.33

package/es/src/ap-custom-column/custom-column.vue.mjs

@@ -16,24 +16,24 @@ const F = /* @__PURE__ */ D({
   },
   emits: ["update:columns"],
   setup(p, { emit: d }) {
-    const f = I("uiMode"), { b: C, e: _ } = O(
+    const f = I("uiMode"), { b: C, e: h } = O(
       f.value === "aplus" ? "custom-column" : "custom-column-admin"
-    ), { baseContainerSelector: u, columns: M, fullContentSelector: h } = p, g = d, v = (e) => {
+    ), { baseContainerSelector: r, columns: M, fullContentSelector: _ } = p, g = d, v = (e) => {
       g("update:columns", e);
-    }, a = m(!1), l = m(0), S = () => {
+    }, c = m(!1), l = m(0), S = () => {
       var e, s;
-      if (u) {
-        const c = document.querySelector(u), r = document.querySelector(
-          h
+      if (r) {
+        const a = document.querySelector(r), u = document.querySelector(
+          _
         );
-        c ? l.value = Math.max(
-          (e = c == null ? void 0 : c.getBoundingClientRect()) == null ? void 0 : e.top,
-          ((s = r == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : s.top) || 0
+        a ? l.value = Math.max(
+          (e = a == null ? void 0 : a.getBoundingClientRect()) == null ? void 0 : e.top,
+          ((s = u == null ? void 0 : u.getBoundingClientRect()) == null ? void 0 : s.top) || 0
         ) : l.value = 0;
       }
-      a.value = !0;
+      c.value = !0;
     }, i = () => {
-      a.value = !1;
+      c.value = !1;
     }, y = x(() => window.innerHeight - l.value - 57 - 40);
     return (e, s) => (H(), w("div", {
       class: B(t(C)())
@@ -43,7 +43,10 @@ const F = /* @__PURE__ */ D({
           E("自定义表格")
         ]),
         default: n(() => [
-          o(t(T), { onClick: S }, {
+          o(t(T), {
+            style: { minWidth: "auto" },
+            onClick: S
+          }, {
             icon: n(() => [
               o(t(k))
             ]),
@@ -53,14 +56,14 @@ const F = /* @__PURE__ */ D({
         _: 1
       }),
       o(t(A), {
-        open: a.value,
+        open: c.value,
         width: 280,
         title: "自定义表格",
         closable: !1,
         contentWrapperStyle: { top: `${l.value}px` },
         bodyStyle: { overflow: "hidden", padding: "20px" },
         mask: !0,
-        "root-class-name": t(_)("drawer"),
+        "root-class-name": t(h)("drawer"),
         onClose: i
       }, {
         extra: n(() => [

package/es/src/ap-field/text/index.vue.d.ts

@@ -34,7 +34,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
-    type: "number" | "text" | "color" | "reset" | "submit" | "button" | "time" | "month" | "date" | "week" | "hidden" | "search" | "image" | "tel" | "url" | "email" | "checkbox" | "radio" | "range" | "datetime-local" | "file" | "password";
+    type: "number" | "text" | "color" | "button" | "time" | "image" | "search" | "submit" | "reset" | "hidden" | "tel" | "url" | "email" | "checkbox" | "radio" | "range" | "date" | "week" | "month" | "datetime-local" | "file" | "password";
     mode: FieldMode;
     bordered: boolean;
     allowClear: boolean;

package/es/src/ap-field/text-area/index.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
-    type: "number" | "text" | "color" | "reset" | "submit" | "button" | "time" | "month" | "date" | "week" | "hidden" | "search" | "image" | "tel" | "url" | "email" | "checkbox" | "radio" | "range" | "datetime-local" | "file" | "password";
+    type: "number" | "text" | "color" | "button" | "time" | "image" | "search" | "submit" | "reset" | "hidden" | "tel" | "url" | "email" | "checkbox" | "radio" | "range" | "date" | "week" | "month" | "datetime-local" | "file" | "password";
     mode: FieldMode;
     bordered: boolean;
     lazy: boolean;

package/es/src/ap-table/components/interface.d.ts

@@ -0,0 +1,10 @@
+export type ApTablePaginationProps = {
+    /** dataSource的总数量 */
+    total?: number;
+    /** 当前页码 */
+    current?: number;
+    'onUpdate:current'?: (current: number) => void;
+    /** 当前pagesize */
+    pageSize?: number;
+    'onUpdate:pageSize'?: (pageSize: number) => void;
+};

package/es/src/ap-table/components/style/pagination.css

@@ -0,0 +1,12 @@
+.aplus-ap-table-pagination {
+  margin-top: 16px;
+}
+.aplus-ap-table-pagination__total {
+  font-size: 14px;
+  line-height: 22px;
+  color: #333333;
+  padding-block: 6px;
+}
+.aplus-ap-table-pagination__total-right {
+  padding-inline-start: 10px;
+}

package/es/src/ap-table/interface.d.ts

@@ -0,0 +1,152 @@
+import { CardProps } from 'ant-design-vue';
+import { ColumnType, TableProps } from 'ant-design-vue/es/table';
+import { CompareFn, SortOrder } from 'ant-design-vue/es/table/interface';
+import { ApFormSearchFormProps } from '../ap-form';
+import { ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextAreaProps, ApFormItemTextProps } from 'src/ap-form/items/interface';
+
+type ValueEnmuTyType = {
+    text: string;
+    status?: string;
+    color?: string;
+    disabled?: boolean;
+};
+/**
+ * ApTable默认支持的值类型（将会用于表单生成和默认值格式化）
+ */
+export type ApTableFormFields = {
+    /** 日期选择器 */
+    date: ApFormItemDateProps;
+    /** 日期范围选择器 */
+    dateRange: ApFormItemDateRangeProps;
+    /** 数字输入框 */
+    number: ApFormItemNumberProps;
+    /** 单选 */
+    radio: ApFormItemRadioProps;
+    /** 下拉选择 */
+    select: ApFormItemSelectProps;
+    /** 开关 */
+    switch: ApFormItemSwitchProps;
+    /** 文本输入 */
+    text: ApFormItemTextProps;
+    /** 多行文本输入 */
+    textArea: ApFormItemTextAreaProps;
+};
+type ValueEnum = Record<string, ValueEnmuTyType>;
+export type ExtraProColumnType<T> = Omit<ColumnType<T>, 'children'> & {
+    sorter?: string | boolean | CompareFn<T> | {
+        compare?: CompareFn<T>;
+        /** Config multiple sorter order priority */
+        multiple?: number;
+    };
+};
+export type ApColumnType<ValueType extends keyof ApTableFormFields = 'text'> = ExtraProColumnType<any> & {
+    children?: ApColumnType[];
+    /**
+     * 表单项所占据的格子数（1-24格）
+     */
+    span?: number;
+    /**
+     * 在title之后展示一个icon并触发tooltip
+     */
+    tooltip?: string;
+    /**
+     * 是否可以复制
+     */
+    copyable?: boolean;
+    /**
+     * 是否搜索表单中隐藏
+     */
+    hideInSearch?: boolean;
+    /**
+     * 是否在表格中隐藏
+     */
+    hideInTable?: boolean;
+    /**
+     * 值的枚举，会自动转化把值当成 key 来取出要显示的内容（也会作为select的选项）
+     */
+    valueEnum?: ValueEnum;
+    /**
+     * 自定义查询表单渲染
+     */
+    customRenderFormItem?: () => any;
+    /**
+     * 指定值类型（将会用于默认渲染和查询表单生成）
+     */
+    valueType?: keyof ApTableFormFields;
+    /**
+     * 值类型额外配置的参数（用于查询表单渲染）
+     */
+    fieldProps?: ApTableFormFields[ValueType];
+};
+type RequestData<T> = {
+    data: T[] | undefined;
+    success?: boolean;
+    total?: number;
+} & Record<string, any>;
+export type ApTableProps<RecordType = any, ParamsType = any, ValueType extends keyof ApTableFormFields = 'text'> = Omit<TableProps<RecordType>, 'columns' | 'pagination'> & {
+    /**
+     * 列配置
+     */
+    columns?: ApColumnType<ValueType>[];
+    /**
+     * 是否是卡片模式
+     */
+    card?: boolean;
+    /**
+     * 卡片模式下属性设置
+     */
+    cardProps?: CardProps;
+    /**
+     * request请求参数，修改后会自动触发更新
+     */
+    params?: ParamsType;
+    /**
+     * 自定义渲染搜索表单
+     * @param props
+     * @param defaultDom
+     * @returns
+     */
+    searchFormRender?: (props: ApTableProps<RecordType, ParamsType, ValueType>, defaultDom: any) => any;
+    /**
+     * 请求获取dataSource
+     * @param params
+     * @param sort
+     * @param filter
+     * @returns
+     */
+    request?: (params: ParamsType & {
+        pageSize?: number;
+        current?: number;
+    }, sort: Record<string, SortOrder>, filter: Record<string, (string | number)[] | null>) => Promise<Partial<RequestData<RecordType>>>;
+    /**
+     * 数据加载完成后触发
+     * @param data
+     * @returns
+     */
+    onLoad?: (data: RecordType[]) => void;
+    /**
+     * 表格的默认数据源
+     */
+    defaultData?: RecordType[];
+    /**
+     * 表格loading状态变更后触发
+     * @param loading
+     * @returns
+     */
+    onLoadingChange?: (loading: boolean) => void;
+    /**
+     * 查询表单配置，设置为false表示不渲染查询表单
+     */
+    searchForm?: false | ApFormSearchFormProps;
+    /**
+     * 查询表单提交之前，一般用于自定义对查询数据进行变更
+     * @param params
+     * @returns
+     */
+    beforeSearchSubmit?: (params: Partial<ParamsType>) => any;
+    /**
+     * 是否显示分页器（特定的分页器）
+     */
+    pagination?: boolean;
+};
+export {};

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

@@ -1,6 +1,6 @@
 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/runtime-core';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
 export * from './interface';
 export { ModalButton, PopConfirmButton };
 export declare const BaseButton: {

package/es/src/basic/index.d.ts

@@ -1,4 +1,4 @@
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, VNode, RendererNode, RendererElement, VNodeChild, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from '@vue/runtime-core';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, VNode, RendererNode, RendererElement, VNodeChild, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
 import { TooltipPlacement } from 'ant-design-vue/es/tooltip';
 export * from './interface';
 export declare const BasicHelp: {

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

@@ -1,4 +1,4 @@
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from '@vue/runtime-core';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
 export declare const Button: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         type: {

package/es/src/config-provider/config-provider-props.d.ts

@@ -11,7 +11,7 @@ import { RequiredMark } from 'ant-design-vue/es/form/Form';
 export declare const configProviderProps: () => {
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
-        type: PropType<() => Window | HTMLElement>;
+        type: PropType<() => HTMLElement | Window>;
     };
     getPopupContainer: {
         type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;

package/es/src/config-provider/config-provider.d.ts

@@ -12,7 +12,7 @@ import { ApiType, TableDefaultConfig, ScrollbarGlobalConfig } from './constants'
 export declare const ConfigProvider: DefineComponent<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
-        type: PropType<() => Window | HTMLElement>;
+        type: PropType<() => HTMLElement | Window>;
     };
     getPopupContainer: {
         type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;
@@ -149,7 +149,7 @@ export declare const ConfigProvider: DefineComponent<{
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
-        type: PropType<() => Window | HTMLElement>;
+        type: PropType<() => HTMLElement | Window>;
     };
     getPopupContainer: {
         type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;
@@ -286,18 +286,10 @@ export declare const ConfigProvider: DefineComponent<{
 }>>, {
     theme: ThemeConfig;
     direction: "ltr" | "rtl";
+    csp: CSPConfig;
     input: {
         autocomplete?: string | undefined;
     };
-    select: {
-        showSearch?: boolean | undefined;
-    };
-    form: {
-        validateMessages?: ValidateMessages | undefined;
-        requiredMark?: RequiredMark | undefined;
-        colon?: boolean | undefined;
-    };
-    csp: CSPConfig;
     autoInsertSpaceInButton: boolean;
     locale: Locale;
     pageHeader: {
@@ -309,9 +301,17 @@ export declare const ConfigProvider: DefineComponent<{
     };
     virtual: boolean;
     dropdownMatchSelectWidth: number | boolean;
+    form: {
+        validateMessages?: ValidateMessages | undefined;
+        requiredMark?: RequiredMark | undefined;
+        colon?: boolean | undefined;
+    };
     pagination: {
         showSizeChanger?: boolean | undefined;
     };
+    select: {
+        showSearch?: boolean | undefined;
+    };
     wave: {
         disabled?: boolean | undefined;
     };

package/es/src/config-provider/hooks/use-global-config.d.ts

@@ -17,7 +17,7 @@ export declare function useGlobalConfig(): Ref<ConfigProviderContext>;
 export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: App, global?: boolean) => ComputedRef<Partial<Partial< ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
-        type: PropType<() => Window | HTMLElement>;
+        type: PropType<() => HTMLElement | Window>;
     };
     getPopupContainer: {
         type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;

package/es/src/config-provider/index.d.ts

@@ -1,4 +1,4 @@
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from '@vue/runtime-core';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
 import { default as __DTS_DEFAULT_0__ } from 'ant-design-vue/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from 'ant-design-vue/es/table/interface';
 import { CSPConfig } from 'ant-design-vue/es/config-provider';
@@ -19,7 +19,7 @@ export declare const APConfigProvider: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         iconPrefixCls: StringConstructor;
         getTargetContainer: {
-            type: PropType<() => Window | HTMLElement>;
+            type: PropType<() => HTMLElement | Window>;
         };
         getPopupContainer: {
             type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;
@@ -156,7 +156,7 @@ export declare const APConfigProvider: {
     }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         iconPrefixCls: StringConstructor;
         getTargetContainer: {
-            type: PropType<() => Window | HTMLElement>;
+            type: PropType<() => HTMLElement | Window>;
         };
         getPopupContainer: {
             type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;
@@ -293,18 +293,10 @@ export declare const APConfigProvider: {
     }>>, {
         theme: ThemeConfig;
         direction: "ltr" | "rtl";
+        csp: CSPConfig;
         input: {
             autocomplete?: string | undefined;
         };
-        select: {
-            showSearch?: boolean | undefined;
-        };
-        form: {
-            validateMessages?: ValidateMessages | undefined;
-            requiredMark?: RequiredMark | undefined;
-            colon?: boolean | undefined;
-        };
-        csp: CSPConfig;
         autoInsertSpaceInButton: boolean;
         locale: Locale;
         pageHeader: {
@@ -316,9 +308,17 @@ export declare const APConfigProvider: {
         };
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
+        form: {
+            validateMessages?: ValidateMessages | undefined;
+            requiredMark?: RequiredMark | undefined;
+            colon?: boolean | undefined;
+        };
         pagination: {
             showSizeChanger?: boolean | undefined;
         };
+        select: {
+            showSearch?: boolean | undefined;
+        };
         wave: {
             disabled?: boolean | undefined;
         };
@@ -336,7 +336,7 @@ export declare const APConfigProvider: {
     }, Readonly< ExtractPropTypes<{
         iconPrefixCls: StringConstructor;
         getTargetContainer: {
-            type: PropType<() => Window | HTMLElement>;
+            type: PropType<() => HTMLElement | Window>;
         };
         getPopupContainer: {
             type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;
@@ -473,18 +473,10 @@ export declare const APConfigProvider: {
     }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         theme: ThemeConfig;
         direction: "ltr" | "rtl";
+        csp: CSPConfig;
         input: {
             autocomplete?: string | undefined;
         };
-        select: {
-            showSearch?: boolean | undefined;
-        };
-        form: {
-            validateMessages?: ValidateMessages | undefined;
-            requiredMark?: RequiredMark | undefined;
-            colon?: boolean | undefined;
-        };
-        csp: CSPConfig;
         autoInsertSpaceInButton: boolean;
         locale: Locale;
         pageHeader: {
@@ -496,9 +488,17 @@ export declare const APConfigProvider: {
         };
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
+        form: {
+            validateMessages?: ValidateMessages | undefined;
+            requiredMark?: RequiredMark | undefined;
+            colon?: boolean | undefined;
+        };
         pagination: {
             showSizeChanger?: boolean | undefined;
         };
+        select: {
+            showSearch?: boolean | undefined;
+        };
         wave: {
             disabled?: boolean | undefined;
         };
@@ -513,7 +513,7 @@ export declare const APConfigProvider: {
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
-        type: PropType<() => Window | HTMLElement>;
+        type: PropType<() => HTMLElement | Window>;
     };
     getPopupContainer: {
         type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;
@@ -650,18 +650,10 @@ export declare const APConfigProvider: {
 }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     theme: ThemeConfig;
     direction: "ltr" | "rtl";
+    csp: CSPConfig;
     input: {
         autocomplete?: string | undefined;
     };
-    select: {
-        showSearch?: boolean | undefined;
-    };
-    form: {
-        validateMessages?: ValidateMessages | undefined;
-        requiredMark?: RequiredMark | undefined;
-        colon?: boolean | undefined;
-    };
-    csp: CSPConfig;
     autoInsertSpaceInButton: boolean;
     locale: Locale;
     pageHeader: {
@@ -673,9 +665,17 @@ export declare const APConfigProvider: {
     };
     virtual: boolean;
     dropdownMatchSelectWidth: number | boolean;
+    form: {
+        validateMessages?: ValidateMessages | undefined;
+        requiredMark?: RequiredMark | undefined;
+        colon?: boolean | undefined;
+    };
     pagination: {
         showSizeChanger?: boolean | undefined;
     };
+    select: {
+        showSearch?: boolean | undefined;
+    };
     wave: {
         disabled?: boolean | undefined;
     };

package/es/src/container/index.d.ts

@@ -1,4 +1,4 @@
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from '@vue/runtime-core';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
 export * from './interface';
 export declare const ScrollContainer: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{

package/es/src/count-down/index.d.ts

@@ -1,4 +1,4 @@
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from '@vue/runtime-core';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
 export * from './interface';
 export declare const CountdownButton: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{