@aplus-frontend/ui 0.0.1-beta.32 → 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

@@ -0,0 +1,137 @@
+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;
+    };
+});

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

@@ -0,0 +1,278 @@
+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: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        maxWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        showIndex: {
+            type: BooleanConstructor;
+        };
+        color: {
+            type: StringConstructor;
+            default: string;
+        };
+        fontSize: {
+            type: StringConstructor;
+            default: string;
+        };
+        placement: {
+            type: PropType<TooltipPlacement>;
+            default: string;
+        };
+        text: {
+            type: PropType<string[] | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | VNodeChild>;
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        maxWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        showIndex: {
+            type: BooleanConstructor;
+        };
+        color: {
+            type: StringConstructor;
+            default: string;
+        };
+        fontSize: {
+            type: StringConstructor;
+            default: string;
+        };
+        placement: {
+            type: PropType<TooltipPlacement>;
+            default: string;
+        };
+        text: {
+            type: PropType<string[] | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | VNodeChild>;
+        };
+    }>>, {
+        color: string;
+        placement: TooltipPlacement;
+        fontSize: string;
+        maxWidth: string;
+        showIndex: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        maxWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        showIndex: {
+            type: BooleanConstructor;
+        };
+        color: {
+            type: StringConstructor;
+            default: string;
+        };
+        fontSize: {
+            type: StringConstructor;
+            default: string;
+        };
+        placement: {
+            type: PropType<TooltipPlacement>;
+            default: string;
+        };
+        text: {
+            type: PropType<string[] | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | VNodeChild>;
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        color: string;
+        placement: TooltipPlacement;
+        fontSize: string;
+        maxWidth: string;
+        showIndex: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    showIndex: {
+        type: BooleanConstructor;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    placement: {
+        type: PropType<TooltipPlacement>;
+        default: string;
+    };
+    text: {
+        type: PropType<string[] | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | VNodeChild>;
+    };
+}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    color: string;
+    placement: TooltipPlacement;
+    fontSize: string;
+    maxWidth: string;
+    showIndex: boolean;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {
+    $props: {
+        onClick?: (() => void) | undefined;
+    };
+});
+export declare const BasicTitle: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        span: {
+            type: PropType<boolean>;
+        };
+        normal: {
+            type: PropType<boolean>;
+        };
+        helpMessage: {
+            type: PropType<string | string[]>;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        span: {
+            type: PropType<boolean>;
+        };
+        normal: {
+            type: PropType<boolean>;
+        };
+        helpMessage: {
+            type: PropType<string | string[]>;
+            default: string;
+        };
+    }>>, {
+        helpMessage: string | string[];
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        span: {
+            type: PropType<boolean>;
+        };
+        normal: {
+            type: PropType<boolean>;
+        };
+        helpMessage: {
+            type: PropType<string | string[]>;
+            default: string;
+        };
+    }>>, {}, {}, {}, {}, {
+        helpMessage: string | string[];
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    span: {
+        type: PropType<boolean>;
+    };
+    normal: {
+        type: PropType<boolean>;
+    };
+    helpMessage: {
+        type: PropType<string | string[]>;
+        default: string;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    helpMessage: string | string[];
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & Plugin<any[]> & (new (...args: any[]) => {
+    $props: {
+        onClick?: (() => void) | undefined;
+    };
+});
+export declare const BasicArrow: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        expand: {
+            type: PropType<boolean>;
+        };
+        up: {
+            type: PropType<boolean>;
+        };
+        down: {
+            type: PropType<boolean>;
+        };
+        inset: {
+            type: PropType<boolean>;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        expand: {
+            type: PropType<boolean>;
+        };
+        up: {
+            type: PropType<boolean>;
+        };
+        down: {
+            type: PropType<boolean>;
+        };
+        inset: {
+            type: PropType<boolean>;
+        };
+    }>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        expand: {
+            type: PropType<boolean>;
+        };
+        up: {
+            type: PropType<boolean>;
+        };
+        down: {
+            type: PropType<boolean>;
+        };
+        inset: {
+            type: PropType<boolean>;
+        };
+    }>>, {}, {}, {}, {}, {}>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    expand: {
+        type: PropType<boolean>;
+    };
+    up: {
+        type: PropType<boolean>;
+    };
+    down: {
+        type: PropType<boolean>;
+    };
+    inset: {
+        type: PropType<boolean>;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {
+    $props: {
+        onClick?: (() => void) | undefined;
+    };
+});