@aplus-frontend/ui 0.0.14 → 0.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/src/ap-action/interface.d.ts +11 -0
- package/es/src/ap-action/item/index.vue.d.ts +2 -4
- package/es/src/ap-action/item/index.vue2.mjs +34 -28
- package/es/src/ap-action/item-modal/index.vue.d.ts +8 -3
- package/es/src/ap-action/item-modal/index.vue.mjs +20 -13
- package/es/src/ap-action/item-popconfirm/index.vue.d.ts +8 -3
- package/es/src/ap-action/item-popconfirm/index.vue.mjs +23 -16
- package/es/src/ap-form/ap-form-item.vue.mjs +45 -42
- package/es/src/ap-form/modal-form/index.vue.mjs +68 -66
- package/es/src/ap-table/ap-table.vue.d.ts +2 -2
- package/es/src/ap-table/ap-table.vue.mjs +90 -92
- package/es/src/ap-table/interface.d.ts +12 -11
- package/es/src/ap-table/style/ap-table.css +6 -0
- package/es/src/ap-table/utils.d.ts +2188 -5
- package/es/src/business/title/style.css +29 -9
- package/es/src/editable-table/hooks/use-get-columns.d.ts +26 -3
- package/es/src/editable-table/hooks/use-get-columns.mjs +54 -52
- package/es/src/editable-table/interface.d.ts +24 -7
- package/es/src/editable-table/style/index.css +7 -8
- package/es/src/theme/antd-global-overwrite/admin/index.css +6 -6
- package/es/src/theme/antd-global-overwrite/admin/modal.css +6 -6
- package/es/src/theme/antd-global-overwrite/aplus/index.css +6 -6
- package/es/src/theme/antd-global-overwrite/aplus/modal.css +6 -6
- package/es/src/theme/ap-table/ap-table.css +6 -0
- package/es/src/theme/ap-title/ap-title.css +29 -9
- package/es/src/theme/editable-table/index.css +7 -8
- package/lib/src/ap-action/interface.d.ts +11 -0
- package/lib/src/ap-action/item/index.vue.d.ts +2 -4
- package/lib/src/ap-action/item/index.vue2.js +1 -1
- package/lib/src/ap-action/item-modal/index.vue.d.ts +8 -3
- package/lib/src/ap-action/item-modal/index.vue.js +1 -1
- package/lib/src/ap-action/item-popconfirm/index.vue.d.ts +8 -3
- package/lib/src/ap-action/item-popconfirm/index.vue.js +1 -1
- package/lib/src/ap-form/ap-form-item.vue.js +1 -1
- package/lib/src/ap-form/modal-form/index.vue.js +1 -1
- package/lib/src/ap-table/ap-table.vue.d.ts +2 -2
- package/lib/src/ap-table/ap-table.vue.js +1 -1
- package/lib/src/ap-table/interface.d.ts +12 -11
- package/lib/src/ap-table/style/ap-table.css +6 -0
- package/lib/src/ap-table/utils.d.ts +2188 -5
- package/lib/src/business/title/style.css +29 -9
- package/lib/src/editable-table/hooks/use-get-columns.d.ts +26 -3
- package/lib/src/editable-table/hooks/use-get-columns.js +1 -1
- package/lib/src/editable-table/interface.d.ts +24 -7
- package/lib/src/editable-table/style/index.css +7 -8
- package/lib/src/theme/antd-global-overwrite/admin/index.css +6 -6
- package/lib/src/theme/antd-global-overwrite/admin/modal.css +6 -6
- package/lib/src/theme/antd-global-overwrite/aplus/index.css +6 -6
- package/lib/src/theme/antd-global-overwrite/aplus/modal.css +6 -6
- package/lib/src/theme/ap-table/ap-table.css +6 -0
- package/lib/src/theme/ap-title/ap-title.css +29 -9
- package/lib/src/theme/editable-table/index.css +7 -8
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ApActionItemPopconfirmProps, ActionColor } from '../interface';
|
|
1
|
+
import { ApActionItemPopconfirmProps, ApActionItemSlots, ActionColor } from '../interface';
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, HTMLAttributes, CSSProperties } from 'vue';
|
|
3
3
|
import { LegacyButtonType, ButtonHTMLType } from 'ant-design-vue/es/button/buttonTypes';
|
|
4
4
|
import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
|
|
@@ -10,7 +10,7 @@ import { LiteralUnion } from 'ant-design-vue/es/_util/type';
|
|
|
10
10
|
import { PresetColorType } from 'ant-design-vue/es/_util/colors';
|
|
11
11
|
import { AlignType, BuildInPlacements } from 'ant-design-vue/es/vc-trigger/interface';
|
|
12
12
|
|
|
13
|
-
declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApActionItemPopconfirmProps>, {
|
|
13
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApActionItemPopconfirmProps>, {
|
|
14
14
|
color: string;
|
|
15
15
|
disabled: boolean;
|
|
16
16
|
visible: boolean;
|
|
@@ -322,7 +322,7 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
|
|
|
322
322
|
onOpenChange: PropType<(vis: boolean) => void>;
|
|
323
323
|
'onUpdate:open': PropType<(vis: boolean) => void>;
|
|
324
324
|
}>>;
|
|
325
|
-
}, {}>;
|
|
325
|
+
}, {}>, Readonly<ApActionItemSlots> & ApActionItemSlots>;
|
|
326
326
|
export default _default;
|
|
327
327
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
328
328
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -341,3 +341,8 @@ type __VLS_WithDefaults<P, D> = {
|
|
|
341
341
|
type __VLS_Prettify<T> = {
|
|
342
342
|
[K in keyof T]: T[K];
|
|
343
343
|
} & {};
|
|
344
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
345
|
+
new (): {
|
|
346
|
+
$slots: S;
|
|
347
|
+
};
|
|
348
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("ant-design-vue");require("../item/index.vue.js");const p=require("lodash-unified"),d=require("../item/index.vue2.js"),f=e.defineComponent({name:"ApActionItemPopconfirm",__name:"index",props:{text:{},color:{default:"primary"},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},onAction:{},onClick:{},loading:{type:Boolean,default:!1},popconfirmProps:{default:()=>({})}},setup(a){const s=e.useSlots(),o=a;async function l(r){var t,i,n;(i=(t=o.popconfirmProps).onConfirm)==null||i.call(t,r),await((n=o.onAction)==null?void 0:n.call(o,r))}return(r,t)=>(e.openBlock(),e.createBlock(e.unref(c.Popconfirm),e.mergeProps(o.popconfirmProps,{onConfirm:l,disabled:!o.popconfirmProps,"overlay-style":{zIndex:1060}}),{default:e.withCtx(()=>[e.createVNode(d.default,e.normalizeProps(e.guardReactiveProps(e.unref(p.omit)(o,["popconfirmProps","onAction"]))),e.createSlots({_:2},[e.renderList(s,(i,n)=>({name:n,fn:e.withCtx(u=>[e.renderSlot(r.$slots,n,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040)]),_:3},16,["disabled"]))}});exports.default=f;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("ant-design-vue"),d=require("lodash-unified"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("ant-design-vue"),_=require("ant-design-vue/es/theme/internal"),d=require("lodash-unified"),T=require("./constant.js"),w=require("@ant-design/icons-vue");require("../config-provider/index.js");const z=require("./context.js");require("./style/ap-form-item.css");const A=require("../config-provider/hooks/use-namespace.js"),R=e.defineComponent({name:"ApFormItem",__name:"ap-form-item",props:{htmlFor:{},prefixCls:{},label:{},help:{},extra:{},labelCol:{},wrapperCol:{},hasFeedback:{type:Boolean,default:!1},colon:{type:Boolean,default:void 0},labelAlign:{},prop:{},name:{},rules:{},autoLink:{type:Boolean,default:!0},required:{type:Boolean,default:void 0},validateFirst:{type:Boolean,default:void 0},validateStatus:{},validateTrigger:{},messageVariables:{},hidden:{type:Boolean},noStyle:{type:Boolean},tooltip:{},span:{},order:{},offset:{},push:{},pull:{},xs:{},sm:{},md:{},lg:{},xl:{},xxl:{},flex:{},bordered:{type:Boolean,default:!1},valuePropName:{default:"value"}},setup(F,{expose:b}){var v,y;const t=F,r=e.useSlots(),{model:u,updateModel:s}=z.useInjectForm(),{m:c}=A.useNamespace("ap-form-item"),i=e.ref(!1),n=e.ref(),[,C]=_.useToken(),f=e.computed(()=>t.name?d.isArray(t.name)?t.name.reduce((o,l)=>o==null?void 0:o[l],e.unref(u)):u==null?void 0:u.value[t.name]:null),m=e.ref((y=(v=r.default)==null?void 0:v.call(r))==null?void 0:y[0]);e.watch(()=>{var o;return(o=r.default)==null?void 0:o.call(r)},o=>{m.value=o==null?void 0:o[0]});function g(o){s==null||s(t.name,o)}function k(){i.value=!0}function q(){i.value=!1}const p=e.computed(()=>{var l,a;if(!t.name)return(l=r.default())==null?void 0:l[0];const o=e.unref(m);return o?e.cloneVNode(o,{[t.valuePropName]:e.unref(f),[`onUpdate:${t.valuePropName}`]:g,bordered:t.bordered?!1:(a=o==null?void 0:o.props)==null?void 0:a.bordered,onFocus:k,onBlur:q}):null});function N(){var o;(o=n.value)==null||o.onFieldBlur()}function x(){var o;(o=n.value)==null||o.onFieldChange()}function P(){var o;(o=n.value)==null||o.clearValidate()}function V(){var o;(o=n.value)==null||o.resetField()}function S(){return e.unref(f)}return b({onFieldBlur:N,onFieldChange:x,clearValidate:P,resetField:V,getFieldValue:S}),(o,l)=>(e.openBlock(),e.createBlock(e.unref(B.Form).Item,e.mergeProps({ref_key:"formItemRef",ref:n},e.unref(d.omit)(t,[...e.unref(T.apFormItemColPropKeys),"tooltip"]),{class:{[e.unref(c)("bordered")]:o.bordered,[e.unref(c)("focused")]:o.bordered&&i.value},colon:o.bordered?!1:t.colon}),e.createSlots({default:e.withCtx(()=>[p.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.value),{key:0})):e.createCommentVNode("",!0)]),_:2},[t.tooltip?{name:"tooltip",fn:e.withCtx(({class:a})=>[e.createElementVNode("span",{class:e.normalizeClass(a)},[e.createVNode(e.unref(B.Tooltip),{title:t.tooltip},{default:e.withCtx(()=>[e.createVNode(e.unref(w.QuestionCircleOutlined),{style:e.normalizeStyle({color:e.unref(C).colorPrimary})},null,8,["style"])]),_:1},8,["title"])],2)]),key:"0"}:void 0,e.renderList(e.unref(d.omit)(r,"default"),(a,h)=>({name:h,fn:e.withCtx(I=>[e.renderSlot(o.$slots,h,e.normalizeProps(e.guardReactiveProps(I||{})))])}))]),1040,["class","colon"]))}});exports.default=R;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue");require("../ap-form.vue.js");require("../../hooks/index.js");const S=require("../../utils/slot.js");require("../../config-provider/index.js");const T=require("lodash-unified");require("../style/modal-form.css");const M=require("../../utils/index.js"),R=require("../../hooks/useControllableValue.js"),j=require("../../config-provider/hooks/use-locale.js"),O=require("../../config-provider/hooks/use-global-config.js"),D=require("../../config-provider/hooks/use-namespace.js"),U=require("../ap-form.vue2.js");function F(d){return typeof d=="function"||Object.prototype.toString.call(d)==="[object Object]"&&!e.isVNode(d)}const z=e.defineComponent({__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinishFailed:{},onValidate:{},initialValues:{},open:{type:Boolean,default:void 0},"onUpdate:open":{},modalProps:{default:()=>({})},title:{},width:{default:800},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0}},emits:["update:open"],setup(d,{expose:y,emit:C}){const o=d,m=e.useSlots(),B=C,n=e.ref(),c=e.ref(),r=e.ref(!1),{value:k,updateValue:f}=R.useControllableValue(o,B,{valuePropName:"open",defaultValue:!1}),{t:b}=j.useLocale(),v=O.useGlobalConfig("uiMode","aplus"),{b:N,e:g}=D.useNamespace("ap-form-modal-form");e.watch(()=>n.value,t=>{var l;t&&c.value&&((l=t.setFieldsValue)==null||l.call(t,c.value),c.value=void 0)});const h=S.getSingleVNode(m.trigger),q=h?e.cloneVNode(h,{onClick:()=>{f(!0)}}):null,_=e.computed(()=>{var l,a,u,p;const t=[];if(o.submitter===!1)return null;if(o.showCancel){let s;t.push(e.createVNode(i.Button,{onClick:V,disabled:r.value},F(s=b("ap.common.cancelText"))?s:{default:()=>[s]}))}return((l=o.submitter)==null?void 0:l.resetButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps(((a=o.submitter)==null?void 0:a.resetButtonProps)||{},{key:"submit",disabled:r.value,onClick:w}),{default:()=>{var s;return[((s=o.submitter)==null?void 0:s.resetText)||b("ap.common.resetText")]}})),((u=o.submitter)==null?void 0:u.submitButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps({type:"primary",key:"submit"},((p=o.submitter)==null?void 0:p.submitButtonProps)||{},{loading:r.value,onClick:x}),{default:()=>{var s;return[((s=o.submitter)==null?void 0:s.submitText)||b("ap.common.okText")]}})),e.createVNode(i.Flex,{justify:"flex-end",class:g(e.unref(v)==="admin"?"footer-admin":"footer")},{default:()=>[m.submitter?m.submitter(t):e.createVNode(i.Space,null,F(t)?t:{default:()=>[t]})]})});function w(){var t,l,a;o.submitter!==!1&&((t=n.value)==null||t.resetFields(),(a=(l=o.submitter)==null?void 0:l.onReset)==null||a.call(l))}async function x(){var t,l,a,u;if(o.submitter!==!1)try{const p=await((t=n.value)==null?void 0:t.validateFields());(a=(l=o.submitter)==null?void 0:l.onSubmit)==null||a.call(l),r.value=!0,await((u=o.onFinish)==null?void 0:u.call(o,M.convertReactiveToRaw(p)))&&f(!1)}finally{r.value=!1}}function V(){e.unref(r)||f(!1)}function P(t){!t&&e.unref(r)||f(t)}return y({resetFields:t=>{var l;(l=n.value)==null||l.resetFields(t)},clearValidate:t=>{var l;(l=n.value)==null||l.clearValidate(t)},validateFields:(t,l)=>{var a;return(a=n.value)==null?void 0:a.validateFields(t,l)},getFieldsValue:t=>{var l;return(l=n.value)==null?void 0:l.getFieldsValue(t)},validate:(t,l)=>{var a;return(a=n.value)==null?void 0:a.validate(t,l)},scrollToField:(t,l={})=>{var a;(a=n.value)==null||a.scrollToField(t,l)},setFieldValue:(t,l)=>{var a,u;(u=(a=n.value)==null?void 0:a.setFieldValue)==null||u.call(a,t,l)},setFieldsValue:t=>{var l,a;if(!n.value){c.value=t;return}(a=(l=n.value)==null?void 0:l.setFieldsValue)==null||a.call(l,t)}}),(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(i.Modal),e.mergeProps(t.modalProps,{open:e.unref(k),"onUpdate:open":P,onCancel:V,footer:null,width:t.width,class:e.unref(N)(),"body-style":{padding:e.unref(v)==="admin"?"0px !important":"20px !important"}}),{title:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g)(e.unref(v)==="admin"?"content-admin":"content"))},[e.createVNode(U.default,e.mergeProps({ref_key:"formRef",ref:n},e.unref(T.omit)(o,["modalProps","open","onUpdate:open","title","width","onFinish","submitter"])),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)],2),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(_.value)))]),_:3},16,["open","width","class","body-style"]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(q))))],64))}});exports.default=z;
|
|
@@ -34,7 +34,7 @@ type ApTableSlots = {
|
|
|
34
34
|
*/
|
|
35
35
|
declare function setSearchFormValues(fields: any): void;
|
|
36
36
|
declare function getSearchFormValues(): Partial<any> | undefined;
|
|
37
|
-
declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableProps<any, any
|
|
37
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableProps<any, any>>, {
|
|
38
38
|
bordered: boolean;
|
|
39
39
|
childrenColumnName: string;
|
|
40
40
|
defaultExpandAllRows: boolean;
|
|
@@ -59,7 +59,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
59
59
|
setSearchFormValues: typeof setSearchFormValues;
|
|
60
60
|
getSearchFormValues: typeof getSearchFormValues;
|
|
61
61
|
dataSource: ComputedRef<any[]>;
|
|
62
|
-
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableProps<any, any
|
|
62
|
+
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableProps<any, any>>, {
|
|
63
63
|
bordered: boolean;
|
|
64
64
|
childrenColumnName: string;
|
|
65
65
|
defaultExpandAllRows: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("ant-design-vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("ant-design-vue"),M=require("ant-design-vue/es/theme/internal"),W=require("../ap-form/index.js"),c=require("./constants.js");require("../config-provider/index.js");const A=require("./hooks/use-table-paging.js"),x=require("lodash-unified");require("./style/ap-table.css");const H=require("@ant-design/icons-vue"),u=require("./utils.js"),K=require("./hooks/use-table-content-height.js"),$=require("../config-provider/hooks/use-locale.js"),G=require("../config-provider/hooks/use-namespace.js"),U=require("../config-provider/hooks/use-global-config.js"),Q={key:0},J=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"},adaptive:{type:Boolean,default:!1}},setup(w,{expose:R}){const o=w,h=e.useSlots(),[,B]=M.useToken(),{t:T}=$.useLocale(),{e:p,b:s}=G.useNamespace("ap-table"),P=U.useGlobalConfig("uiMode","aplus"),{height:k,contentRef:v}=K.default(),f=e.computed(()=>{var r;let t=((r=o.columns)==null?void 0:r.filter(a=>!a.hideInTable))||[];return t=t.map(a=>({...u.apColumnToColumn(a),customRender({value:n,...l}){let d;if(a.customRender)d=a.customRender({value:n,...l,column:a});else{const F=u.getTableRenderType(a),D=c.apTableRenderItemMap[F],j=u.getTableRenderProps(a,{value:n,...l});d=e.createVNode(D,e.mergeProps(j,{mode:"read"}),null)}return L(a,n,d)}})),t}),b=e.computed(()=>{var t,r,a;return((a=(r=(t=o.columns)==null?void 0:t.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!c.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:r.sort((n,l)=>{let d=u.getColumnOrder(n.order);return u.getColumnOrder(l.order)-d}))==null?void 0:a.map(n=>{const l=u.updateFormProps(n,u.getFieldProps(n.fieldProps));return{...n,fieldProps:{label:n.title,name:n.dataIndex,...l||{},placeholder:u.getPlaceholder(T,n.valueType,l==null?void 0:l.placeholder)}}}))||[]}),I=e.computed(()=>e.unref(f).filter(t=>t.sorter===!0).map(t=>t.dataIndex)),q=e.computed(()=>e.unref(f).filter(t=>t.filters&&!t.onFilter).map(t=>t.dataIndex)),{formRef:m,submit:C,reset:S,tableProps:i,handleTableChange:V,data:g}=A.useTablePaging({async request(t){var a,n;const r=await((a=o.request)==null?void 0:a.call(o,t));return(n=o.onLoad)==null||n.call(o,(r==null?void 0:r.data)||[]),{data:(r==null?void 0:r.data)||[],total:(r==null?void 0:r.total)||0}},filterFields:e.unref(q),sortFields:e.unref(I),defaultParams:o.params,defaultData:o.defaultData,manual:o.manual,defaultCurrent:o.pagination?o.pagination.defaultCurrent:void 0,defaultPageSize:o.pagination?o.pagination.defaultPageSize:void 0,formatParams:o.beforeSearchSubmit}),E=e.computed(()=>o.scroll?o.scroll:o.adaptive&&g.value.total>0?{y:e.unref(k)}:{x:!0}),N=e.computed(()=>({...o,...e.unref(i),loading:x.isUndefined(o.loading)?e.unref(i).loading:o.loading,pagination:o.pagination===!1?!1:e.unref(i).pagination,scroll:e.unref(E)})),z=e.computed(()=>[s(),o.card?null:s("wrapper"),o.adaptive?s("adaptive"):null].filter(Boolean));function L(t,r,a){return c.noRenderAsFormItemValueList.includes(t.valueType)?a:t.copyable||t.ellipsis?e.createVNode(y.Typography.Text,{copyable:t.copyable?{text:r,tooltip:!1}:!1,ellipsis:t.ellipsis?{tooltip:r}:!1,content:a},null):a}e.watch(()=>e.unref(g).loading,t=>{var r;(r=o.onLoadingChange)==null||r.call(o,t)});function O(t){var r,a,n;(n=(a=(r=m.value)==null?void 0:r.apForm)==null?void 0:a.setFieldsValue)==null||n.call(a,t)}function _(){var t,r,a;return(a=(r=(t=m.value)==null?void 0:t.apForm)==null?void 0:r.getFieldsValue)==null?void 0:a.call(r,!0)}return R({submit:()=>C(),reset:()=>S(),setSearchFormValues:O,getSearchFormValues:_,dataSource:e.computed(()=>e.unref(g).records)}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(z.value)},[t.searchForm!==!1&&b.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.card?e.unref(p)("search-wrapper"):null),style:e.normalizeStyle(t.searchFormWrapperStyle)},[e.createVNode(e.unref(W.ApForm).SearchForm,e.mergeProps(t.searchForm||{},{ref_key:"formRef",ref:m,"custom-reset":"",onSubmit:e.unref(C),onReset:e.unref(S),"submit-loading":e.unref(i).loading}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,a=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.customRenderFormItem?a.customRenderFormItem(a):e.unref(c.apTableFormItemMap)[a.valueType||"text"]),e.mergeProps({key:a.dataIndex,ref_for:!0},a.fieldProps||{},{span:a.span}),null,16,["span"]))),128))]),_:2},[h.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["onSubmit","onReset","submit-loading"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:v,class:e.normalizeClass([e.unref(p)("table-wrapper"),t.card?e.unref(p)("table-wrapper-card"):null]),style:e.normalizeStyle(t.tableWrapperStyle)},[e.renderSlot(t.$slots,"title"),e.createVNode(e.unref(y.Table),e.mergeProps({class:e.unref(P)==="admin"?e.unref(s)("table-admin"):e.unref(s)("table")},N.value,{onChange:e.unref(V),columns:f.value}),e.createSlots({headerCell:e.withCtx(({column:a,title:n})=>[a.tooltip?(e.openBlock(),e.createElementBlock("span",Q,[e.createElementVNode("span",null,e.toDisplayString(n),1),e.createVNode(e.unref(y.Tooltip),{title:a.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(H.QuestionCircleOutlined),{style:e.normalizeStyle({paddingLeft:"4px",color:e.unref(B).colorPrimary})},null,8,["style"])]),_:2},1032,["title"])])):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(x.omit)(h,["title","searchFormExtra"]),(a,n)=>({name:n,fn:e.withCtx(l=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(l||{})))])}))]),1040,["class","onChange","columns"])],6)],2))}});exports.default=J;
|
|
@@ -54,6 +54,7 @@ export type ApTableValueFields = {
|
|
|
54
54
|
*/
|
|
55
55
|
password: ApFormItemTextPasswordProps;
|
|
56
56
|
};
|
|
57
|
+
export type ApTableValueTypes = keyof ApTableValueFields;
|
|
57
58
|
export type ValueEnum = Record<string, ValueEnumType>;
|
|
58
59
|
export type ExtraProColumnType<T> = Omit<ColumnType<T>, 'children' | 'filters'> & {
|
|
59
60
|
sorter?: string | boolean | CompareFn<T> | {
|
|
@@ -62,8 +63,8 @@ export type ExtraProColumnType<T> = Omit<ColumnType<T>, 'children' | 'filters'>
|
|
|
62
63
|
multiple?: number;
|
|
63
64
|
};
|
|
64
65
|
};
|
|
65
|
-
export type ApColumnType<ValueType extends
|
|
66
|
-
children?: ApColumnType<
|
|
66
|
+
export type ApColumnType<RecordType = any, ValueType extends ApTableValueTypes = ApTableValueTypes> = ValueType extends ApTableValueTypes ? ExtraProColumnType<RecordType> & {
|
|
67
|
+
children?: ApColumnType<RecordType, ValueType>[];
|
|
67
68
|
/**
|
|
68
69
|
* 表单项所占据的格子数(1-24格)
|
|
69
70
|
*/
|
|
@@ -91,11 +92,11 @@ export type ApColumnType<ValueType extends keyof ApTableValueFields = 'text', Re
|
|
|
91
92
|
/**
|
|
92
93
|
* 自定义查询表单渲染
|
|
93
94
|
*/
|
|
94
|
-
customRenderFormItem?: (config: ApColumnType) => any;
|
|
95
|
+
customRenderFormItem?: (config: ApColumnType<RecordType, ValueType>) => any;
|
|
95
96
|
/**
|
|
96
97
|
* 指定值类型(将会用于默认渲染和查询表单生成)
|
|
97
98
|
*/
|
|
98
|
-
valueType?:
|
|
99
|
+
valueType?: ValueType;
|
|
99
100
|
/**
|
|
100
101
|
* 值类型额外配置的参数(用于查询表单渲染)
|
|
101
102
|
*/
|
|
@@ -105,7 +106,7 @@ export type ApColumnType<ValueType extends keyof ApTableValueFields = 'text', Re
|
|
|
105
106
|
record: RecordType;
|
|
106
107
|
index: number;
|
|
107
108
|
renderIndex: number;
|
|
108
|
-
column: ApColumnType<
|
|
109
|
+
column: ApColumnType<RecordType, ValueType>;
|
|
109
110
|
}) => ApTableValueFields[ValueType]);
|
|
110
111
|
/**
|
|
111
112
|
* 用于表单项排序的字段
|
|
@@ -116,16 +117,16 @@ export type ApColumnType<ValueType extends keyof ApTableValueFields = 'text', Re
|
|
|
116
117
|
* 表头的菜单筛选项,设置为true后会尝试使用valueEnum生成filters
|
|
117
118
|
*/
|
|
118
119
|
filters?: ColumnType<RecordType>['filters'] | true;
|
|
119
|
-
};
|
|
120
|
+
} : never;
|
|
120
121
|
export type RequestData<T> = {
|
|
121
122
|
data: T[] | undefined;
|
|
122
123
|
total: number;
|
|
123
124
|
} & Record<string, any>;
|
|
124
|
-
export type ApTableProps<RecordType = any, ParamsType = any
|
|
125
|
+
export type ApTableProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size'> & {
|
|
125
126
|
/**
|
|
126
127
|
* 列配置
|
|
127
128
|
*/
|
|
128
|
-
columns?: ApColumnType<
|
|
129
|
+
columns?: ApColumnType<RecordType, any>[];
|
|
129
130
|
/**
|
|
130
131
|
* 是否启用卡片样式
|
|
131
132
|
*/
|
|
@@ -138,13 +139,13 @@ export type ApTableProps<RecordType = any, ParamsType = any, ValueType extends k
|
|
|
138
139
|
* 自定义渲染搜索表单
|
|
139
140
|
* @deprecated 未实现 暂不可用
|
|
140
141
|
*/
|
|
141
|
-
searchFormRender?: (props: ApTableProps<RecordType, ParamsType
|
|
142
|
+
searchFormRender?: (props: ApTableProps<RecordType, ParamsType>, defaultDom: any) => any;
|
|
142
143
|
/**
|
|
143
144
|
* 请求获取dataSource
|
|
144
145
|
* @param params
|
|
145
146
|
* @returns
|
|
146
147
|
*/
|
|
147
|
-
request?: (params: ParamsType & {
|
|
148
|
+
request?: (params: Partial<ParamsType> & {
|
|
148
149
|
pageSize?: number;
|
|
149
150
|
current?: number;
|
|
150
151
|
sort?: Record<string, SortOrder>;
|
|
@@ -229,6 +230,6 @@ export type ApTableExpose<SearchParamsType = Recordable, RecordType = any> = {
|
|
|
229
230
|
*/
|
|
230
231
|
dataSource: ComputedRef<RecordType>;
|
|
231
232
|
};
|
|
232
|
-
export type FixedApColumnType<
|
|
233
|
+
export type FixedApColumnType<RecordType = any, ValueType extends ApTableValueTypes = ApTableValueTypes> = Omit<ApColumnType<RecordType, ValueType>, 'filters'> & {
|
|
233
234
|
filters?: ColumnType<RecordType>['filters'];
|
|
234
235
|
};
|
|
@@ -72,3 +72,9 @@
|
|
|
72
72
|
.aplus-ap-table-table-admin tr > td.ant-table-cell {
|
|
73
73
|
border-top-color: #E9E9E9;
|
|
74
74
|
}
|
|
75
|
+
.aplus-ap-table .ant-table-middle .ant-table-cell {
|
|
76
|
+
padding: 12px 16px !important;
|
|
77
|
+
}
|
|
78
|
+
.aplus-ap-table .ant-table-small .ant-table-cell {
|
|
79
|
+
padding: 9px 16px !important;
|
|
80
|
+
}
|