@aplus-frontend/ui 0.0.1-beta.4 → 0.0.1-beta.41

package/lib/src/ap-form/style/modal-form.css

@@ -0,0 +1,17 @@
+.aplus-ap-form-modal-form .ant-modal-content {
+  padding: 0;
+}
+.aplus-ap-form-modal-form .ant-modal-header {
+  padding: 15px 20px;
+  border-bottom: 1px solid #E9EDF3;
+  margin-bottom: 0;
+}
+.aplus-ap-form-modal-form .ant-modal-body {
+  padding: 20px;
+}
+.aplus-ap-form-modal-form__footer {
+  padding-top: 20px;
+}
+.aplus-ap-form-modal-form .ant-modal-close {
+  top: 16px;
+}

package/lib/src/ap-form/style/search-form.css

@@ -0,0 +1,3 @@
+.aplus-ap-form-search-form .ant-form-item {
+  margin-bottom: 16px;
+}

package/lib/src/ap-layout/ap-info-layout/ap-info-layout.vue.d.ts

@@ -0,0 +1,42 @@
+import { APInfoLayoutProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<APInfoLayoutProps>, {
+    toEl: string;
+    telDisabled: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<APInfoLayoutProps>, {
+    toEl: string;
+    telDisabled: boolean;
+}>>>, {
+    toEl: string | HTMLElement;
+    telDisabled: boolean;
+}, {}>, {
+    header?(_: {}): any;
+    title?(_: {}): any;
+    actions?(_: {}): any;
+    divider?(_: {}): any;
+    content?(_: {}): any;
+}>;
+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/ap-layout/ap-info-layout/ap-info-layout.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("ant-design-vue");require("../style/ap-info-layout.css");require("../../config-provider/index.js");const p=require("../../config-provider/hooks/use-namespace.js"),v=e.defineComponent({name:"ApInfoLayout",__name:"ap-info-layout",props:{toEl:{default:"#microapp-fixed-header"},telDisabled:{type:Boolean,default:!1}},setup(C){const{b:a,be:n,bem:o}=p.useNamespace("info-layout"),l=e.computed(()=>[a("container")]),r=e.computed(()=>[a("header")]),s=e.computed(()=>[a("divider")]),d=e.computed(()=>[a("contant")]),i=e.computed(()=>[n("header","contant")]),c=e.computed(()=>[o("header","contant","title")]),u=e.computed(()=>[o("header","contant","actions")]);return(t,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value)},[(e.openBlock(),e.createBlock(e.Teleport,{to:t.toEl,disabled:t.telDisabled},[e.renderSlot(t.$slots,"header"),e.createElementVNode("div",{class:e.normalizeClass(`${r.value}`)},[e.createElementVNode("div",{class:e.normalizeClass(i.value)},[e.createElementVNode("div",{class:e.normalizeClass(c.value)},[e.renderSlot(t.$slots,"title")],2),e.createElementVNode("div",{class:e.normalizeClass(u.value)},[e.renderSlot(t.$slots,"actions")],2)],2)],2)],8,["to","disabled"])),e.createElementVNode("div",{class:e.normalizeClass(s.value)},[e.renderSlot(t.$slots,"divider",{},()=>[e.createVNode(e.unref(m.Divider),{class:"ap-info-layout-divider",dashed:""})])],2),e.createElementVNode("div",{class:e.normalizeClass(d.value)},[e.renderSlot(t.$slots,"content")],2)],2))}});exports.default=v;

package/lib/src/ap-layout/ap-info-layout/ap-info-layout.vue2.js

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

package/lib/src/ap-layout/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ApInfoLayout } from './ap-info-layout/ap-info-layout.vue';
+
+export { ApInfoLayout };

package/lib/src/ap-layout/index.js

@@ -0,0 +1 @@
+"use strict";require("./ap-info-layout/ap-info-layout.vue2.js");

package/lib/src/ap-layout/interface.d.ts

@@ -0,0 +1,4 @@
+export interface APInfoLayoutProps {
+    toEl?: string | HTMLElement;
+    telDisabled?: boolean;
+}

package/lib/src/ap-layout/style/ap-info-layout.css

@@ -0,0 +1,19 @@
+.aplus-info-layout-container {
+  height: 100%;
+  background-color: #fff;
+  border-radius: 4px;
+}
+.aplus-info-layout-header__contant {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.aplus-info-layout-header__contant--title {
+  display: inline-block;
+}
+.aplus-info-layout-header__contant--actions {
+  display: inline-block;
+}
+.aplus-info-layout-contant {
+  border-bottom-color: #fff;
+}

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

@@ -0,0 +1,186 @@
+import { ApTableProps } from './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 { 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 { ApFormSearchFormProps } from '../ap-form';
+
+type ApTableSlots = {
+    default: any;
+    emptyText?: any;
+    expandIcon?: any;
+    title?: any;
+    footer?: any;
+    summary?: any;
+    expandedRowRender?: any;
+    expandColumnTitle?: any;
+    customFilterIcon?: any;
+    customFilterDropdown?: any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableProps<any, any, "text">>, {
+    bordered: boolean;
+    childrenColumnName: string;
+    defaultExpandAllRows: boolean;
+    expandFixed: boolean;
+    expandRowByClick: boolean;
+    indentSize: number;
+    rowKey: string;
+    showExpandColumn: boolean;
+    showHeader: boolean;
+    showSorterTooltip: boolean;
+    size: string;
+    sortDirections: () => string[];
+    card: boolean;
+    pagination: undefined;
+    searchForm: undefined;
+    loading: undefined;
+    manual: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableProps<any, any, "text">>, {
+    bordered: boolean;
+    childrenColumnName: string;
+    defaultExpandAllRows: boolean;
+    expandFixed: boolean;
+    expandRowByClick: boolean;
+    indentSize: number;
+    rowKey: string;
+    showExpandColumn: boolean;
+    showHeader: boolean;
+    showSorterTooltip: boolean;
+    size: string;
+    sortDirections: () => string[];
+    card: boolean;
+    pagination: undefined;
+    searchForm: undefined;
+    loading: undefined;
+    manual: boolean;
+}>>>, {
+    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";
+    pagination: false | {
+        defaultCurrent?: number | undefined;
+        defaultPageSize?: number | undefined;
+    };
+    bordered: boolean;
+    manual: boolean;
+    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;
+        }; /**
+         * 获取需要在查询表单中显示的字段
+         * 1. 在搜索表单中未隐藏
+         * 2. 有dataIndex（映射到value）
+         * 3. 有valueType 指定渲染的表单
+         * 4. 没有在非表单组件名单中
+         */
+        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;
+    card: boolean;
+    searchForm: false | ApFormSearchFormProps;
+}, {}>, Partial<Record<NonNullable<keyof ApTableSlots>, (_: any) => any>> & {
+    title?(_: {}): any;
+}>;
+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/ap-table/ap-table.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("ant-design-vue"),N=require("../ap-form/index.js"),d=require("./constants.js");require("../config-provider/index.js");const V=require("./hooks/use-table-paging.js"),f=require("lodash-unified");require("./style/ap-table.css");const E=require("@ant-design/icons-vue"),z=require("../config-provider/hooks/use-namespace.js"),D=require("../config-provider/hooks/use-global-config.js"),L={key:0},O=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},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:{},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:{},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"}},setup(b){const t=b,{e:m,b:u}=z.useNamespace("ap-table"),h=D.useGlobalConfig("uiMode"),i=e.computed(()=>{var o;let n=((o=t.columns)==null?void 0:o.filter(a=>!a.hideInTable))||[];return n=n.map(a=>({...a,customRender({value:l,...s}){var y;let p;if(a.customRender)p=a.customRender({value:l,...s,column:a});else{const T=d.apTableRenderItemMap[a.valueType||"text"],k=((y=a.fieldProps)==null?void 0:y.field)||a.fieldProps||{},I=a.valueType==="switch",v=a.valueType==="index",q=I?{checked:l}:{value:v?s.index+1:l};p=e.createVNode(T,e.mergeProps(f.omit(k,["request"]),q,{mode:"read"}),null)}return F(a,l,p)}})),n}),g=e.computed(()=>{var n,o;return((o=(n=t.columns)==null?void 0:n.filter(a=>!a.hideInSearch&&a.dataIndex&&a.valueType&&!d.noRenderAsFormItemValueList.includes(a.valueType)))==null?void 0:o.map(a=>({...a,fieldProps:{...a.fieldProps||{},label:a.title,name:a.dataIndex}})))||[]}),C=e.computed(()=>e.unref(i).filter(n=>n.sorter===!0).map(n=>n.dataIndex)),S=e.computed(()=>e.unref(i).filter(n=>n.filters&&!n.onFilter).map(n=>n.dataIndex)),{formRef:w,submit:x,reset:B,tableProps:r,handleTableChange:R}=V.useTablePaging({async request(n){var a;const o=await((a=t.request)==null?void 0:a.call(t,n));return{data:(o==null?void 0:o.data)||[],total:(o==null?void 0:o.total)||0}},filterFields:e.unref(S),sortFields:e.unref(C),defaultParams:t.params,defaultData:t.defaultData,manual:t.manual,defaultCurrent:t.pagination?t.pagination.defaultCurrent:void 0,defaultPageSize:t.pagination?t.pagination.defaultPageSize:void 0,formatParams:t.beforeSearchSubmit}),P=e.computed(()=>({...t,...e.unref(r),loading:f.isUndefined(t.loading)?e.unref(r).loading:t.loading,pagination:t.pagination===!1?!1:e.unref(r).pagination}));function F(n,o,a){return d.noRenderAsFormItemValueList.includes(n.valueType)?a:n.copyable||n.ellipsis?e.createVNode(c.Typography.Text,{copyable:n.copyable?{text:o,tooltip:!1}:!1,ellipsis:n.ellipsis?{tooltip:o}:!1,content:a},null):a}return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.card?null:e.unref(u)("wrapper"))},[n.searchForm!==!1&&g.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(n.card?e.unref(m)("search-wrapper"):null),style:e.normalizeStyle(n.searchFormWrapperStyle)},[e.createVNode(e.unref(N.ApForm).SearchForm,e.mergeProps(n.searchForm||{},{ref_key:"formRef",ref:w,"custom-reset":"",onSubmit:e.unref(x),onReset:e.unref(B),"submit-loading":e.unref(r).loading}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,a=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.customRenderFormItem?a.customRenderFormItem(a):e.unref(d.apTableFormItemMap)[a.valueType||"text"]),e.mergeProps({key:a.dataIndex,ref_for:!0},a.fieldProps||{},{span:a.span}),null,16,["span"]))),128))]),_:1},16,["onSubmit","onReset","submit-loading"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(n.card?e.unref(m)("table-wrapper"):null),style:e.normalizeStyle(n.tableWrapperStyle)},[e.renderSlot(n.$slots,"title"),e.createVNode(e.unref(c.Table),e.mergeProps({class:e.unref(h)==="admin"?e.unref(u)("table-admin"):e.unref(u)("table")},P.value,{onChange:e.unref(R),columns:i.value}),e.createSlots({headerCell:e.withCtx(({column:a,title:l})=>[a.tooltip?(e.openBlock(),e.createElementBlock("span",L,[e.createElementVNode("span",null,e.toDisplayString(l),1),e.createVNode(e.unref(c.Tooltip),{title:a.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(E.QuestionCircleOutlined),{style:{color:"#0070ff","padding-left":"4px"}})]),_:2},1032,["title"])])):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(f.omit)(n.$slots,"title"),(a,l)=>({name:l,fn:e.withCtx(s=>[e.renderSlot(n.$slots,l,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["class","onChange","columns"])],6)],2))}});exports.default=O;

package/lib/src/ap-table/ap-table.vue2.js

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

package/lib/src/ap-table/components/index/index.vue.d.ts

@@ -0,0 +1,28 @@
+import { ApTableIndexProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableIndexProps>, {
+    bordered: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableIndexProps>, {
+    bordered: boolean;
+}>>>, {
+    bordered: boolean;
+}, {}>;
+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/ap-table/components/index/index.vue.js

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

package/lib/src/ap-table/components/index/index.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../style/index.css");require("../../../config-provider/index.js");const l=require("../../../config-provider/hooks/use-namespace.js"),s=e.defineComponent({name:"_ApTableIndex",__name:"index",props:{bordered:{type:Boolean,default:!1},value:{}},setup(r){const t=r,{m:a}=l.useNamespace("ap-table-index"),o=e.computed(()=>[t.bordered?a("bordered"):null].filter(Boolean));return(n,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value)},e.toDisplayString(n.value),3))}});exports.default=s;

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

@@ -0,0 +1,20 @@
+export type ApTablePaginationProps = {
+    /** dataSource的总数量 */
+    total?: number;
+    /** 当前页码 */
+    current?: number;
+    'onUpdate:current'?: (current: number) => void;
+    /** 当前pagesize */
+    pageSize?: number;
+    'onUpdate:pageSize'?: (pageSize: number) => void;
+};
+export type ApTableIndexProps = {
+    /**
+     * 是否显示有边框的样式
+     */
+    bordered?: boolean;
+    /**
+     * 当前的索引（内部使用，请不要传入）
+     */
+    value?: any;
+};

package/lib/src/ap-table/components/style/index.css

@@ -0,0 +1,12 @@
+.aplus-ap-table-index--bordered {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 18px;
+  height: 18px;
+  color: #fff;
+  font-size: 12px;
+  line-height: 12px;
+  border-radius: 9px;
+  background-color: #979797;
+}

package/lib/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;
+}