@aplus-frontend/ui 0.0.32 → 0.0.34
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/index.mjs +217 -215
- package/es/src/ap-field/select/index.vue.mjs +36 -32
- package/es/src/ap-form/ap-form-item-group/helper.d.ts +7 -0
- package/es/src/ap-form/ap-form-item-group/helper.mjs +30 -25
- package/es/src/ap-form/ap-form-item-group/index.vue.mjs +30 -31
- package/es/src/ap-form/ap-form.vue2.mjs +11 -11
- package/es/src/ap-form/modal-form/index.vue.d.ts +2 -1
- package/es/src/ap-form/modal-form/index.vue.mjs +43 -39
- package/es/src/ap-form/search-form/index.vue.mjs +79 -78
- package/es/src/ap-modal/utils/createModal.mjs +34 -31
- package/es/src/ap-table/ap-table.vue.d.ts +54 -11
- package/es/src/ap-table/ap-table.vue.mjs +171 -148
- package/es/src/ap-table/hooks/use-table-paging.d.ts +1 -0
- package/es/src/ap-table/hooks/use-table-paging.mjs +47 -46
- package/es/src/ap-table/hooks/use-table-row-selection.d.ts +60 -0
- package/es/src/ap-table/hooks/use-table-row-selection.mjs +62 -0
- package/es/src/ap-table/interface.d.ts +14 -2
- package/es/src/ap-table/style/ap-table.css +2 -0
- package/es/src/ap-tag/ap-tag-group.vue.d.ts +16 -6
- package/es/src/ap-tag/ap-tag-group.vue.mjs +81 -61
- package/es/src/ap-tag/interface.d.ts +24 -0
- package/es/src/ap-tag/style/ap-tag-group.css +8 -0
- package/es/src/ap-upload/apUpload.vue.d.ts +3 -3
- package/es/src/ap-upload/hooks/useOss.d.ts +3 -3
- package/es/src/business/ap-select-layout/index.css +117 -0
- package/es/src/business/ap-select-layout/index.d.ts +4 -0
- package/es/src/business/ap-select-layout/interface.d.ts +9 -0
- package/es/src/business/ap-select-layout/select-layout.vue.d.ts +76 -0
- package/es/src/business/ap-select-layout/select-layout.vue.mjs +4 -0
- package/es/src/business/ap-select-layout/select-layout.vue2.mjs +145 -0
- package/es/src/business/index.d.ts +76 -1
- package/es/src/business/index.mjs +9 -6
- package/es/src/config-provider/config-provider.d.ts +144 -1
- package/es/src/config-provider/config-provider.mjs +35 -29
- package/es/src/config-provider/index.mjs +22 -20
- package/es/src/design-token/index.mjs +6 -2
- package/es/src/editable-table/form-item.vue.d.ts +7 -7
- package/es/src/editable-table/form-item.vue.mjs +2 -2
- package/es/src/editable-table/index.vue.d.ts +7 -7
- package/es/src/editable-table/index.vue.mjs +10 -10
- package/es/src/editable-table/interface.d.ts +1 -1
- package/es/src/index.mjs +188 -186
- package/es/src/theme/ap-select-layout/ap-select-layout.css +117 -0
- package/es/src/theme/ap-table/ap-table.css +2 -0
- package/es/src/theme/ap-tag/ap-tag-group.css +8 -0
- package/lib/index.js +1 -1
- package/lib/src/ap-field/select/index.vue.js +1 -1
- package/lib/src/ap-form/ap-form-item-group/helper.d.ts +7 -0
- package/lib/src/ap-form/ap-form-item-group/helper.js +1 -1
- package/lib/src/ap-form/ap-form-item-group/index.vue.js +1 -1
- package/lib/src/ap-form/ap-form.vue2.js +1 -1
- package/lib/src/ap-form/modal-form/index.vue.d.ts +2 -1
- package/lib/src/ap-form/modal-form/index.vue.js +1 -1
- package/lib/src/ap-form/search-form/index.vue.js +1 -1
- package/lib/src/ap-modal/utils/createModal.js +1 -1
- package/lib/src/ap-table/ap-table.vue.d.ts +54 -11
- package/lib/src/ap-table/ap-table.vue.js +1 -1
- package/lib/src/ap-table/hooks/use-table-paging.d.ts +1 -0
- package/lib/src/ap-table/hooks/use-table-paging.js +1 -1
- package/lib/src/ap-table/hooks/use-table-row-selection.d.ts +60 -0
- package/lib/src/ap-table/hooks/use-table-row-selection.js +1 -0
- package/lib/src/ap-table/interface.d.ts +14 -2
- package/lib/src/ap-table/style/ap-table.css +2 -0
- package/lib/src/ap-tag/ap-tag-group.vue.d.ts +16 -6
- package/lib/src/ap-tag/ap-tag-group.vue.js +1 -1
- package/lib/src/ap-tag/interface.d.ts +24 -0
- package/lib/src/ap-tag/style/ap-tag-group.css +8 -0
- package/lib/src/ap-upload/apUpload.vue.d.ts +3 -3
- package/lib/src/ap-upload/hooks/useOss.d.ts +3 -3
- package/lib/src/business/ap-select-layout/index.css +117 -0
- package/lib/src/business/ap-select-layout/index.d.ts +4 -0
- package/lib/src/business/ap-select-layout/interface.d.ts +9 -0
- package/lib/src/business/ap-select-layout/select-layout.vue.d.ts +76 -0
- package/lib/src/business/ap-select-layout/select-layout.vue.js +1 -0
- package/lib/src/business/ap-select-layout/select-layout.vue2.js +1 -0
- package/lib/src/business/index.d.ts +76 -1
- package/lib/src/business/index.js +1 -1
- package/lib/src/config-provider/config-provider.d.ts +144 -1
- package/lib/src/config-provider/config-provider.js +1 -1
- package/lib/src/config-provider/index.js +1 -1
- package/lib/src/design-token/index.js +1 -1
- package/lib/src/editable-table/form-item.vue.d.ts +7 -7
- package/lib/src/editable-table/form-item.vue.js +1 -1
- package/lib/src/editable-table/index.vue.d.ts +7 -7
- package/lib/src/editable-table/index.vue.js +1 -1
- package/lib/src/editable-table/interface.d.ts +1 -1
- package/lib/src/index.js +1 -1
- package/lib/src/theme/ap-select-layout/ap-select-layout.css +117 -0
- package/lib/src/theme/ap-table/ap-table.css +2 -0
- package/lib/src/theme/ap-tag/ap-tag-group.css +8 -0
- package/package.json +2 -2
|
@@ -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"),d=require("lodash-unified"),p=require("ant-design-vue");require("../../hooks/index.js");const F=require("../../utils/index.js"),q=require("../../hooks/useControllableValue.js"),V={key:0},I=e.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},autofocus:{type:Boolean,default:void 0},getPopupContainer:{},virtual:{type:Boolean,default:void 0},dropdownMatchSelectWidth:{},options:{},showAction:{},placeholder:{},onDeselect:{},loading:{type:Boolean,default:void 0},clearIcon:{},allowClear:{type:Boolean,default:!0},fieldNames:{},dropdownStyle:{},dropdownRender:{},dropdownAlign:{},showSearch:{type:Boolean,default:void 0},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},optionLabelRender:{},onClear:{},defaultOpen:{type:Boolean,default:void 0},onDropdownVisibleChange:{},showArrow:{type:Boolean,default:void 0},onPopupScroll:{},menuItemSelectedIcon:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean,default:void 0},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},defaultActiveFirstOption:{type:Boolean,default:void 0},labelInValue:{type:Boolean,default:void 0},emptyText:{default:"--"},request:{},multiple:{type:Boolean,default:void 0},value:{},"onUpdate:value":{},searchMode:{default:"filter"}},emits:["update:value"],setup(v,{expose:m,emit:h}){let u=0;const y=d.debounce(o=>{if(!d.isFunction(t.request))return;u+=1;const n=u;i.value=[],r.value=!0,t.request(o).then(l=>{u===n&&(i.value=l)}).finally(()=>{r.value=!1})},300),t=v,g=(o,n)=>{var a;const l=((a=t.fieldNames)==null?void 0:a.label)||"label";return typeof(n==null?void 0:n.label)=="string"&&n[l].indexOf(o)>-1},i=e.ref((t==null?void 0:t.options)||[]),s=e.ref(),r=e.ref((t==null?void 0:t.loading)||!1),w=h;e.onMounted(()=>{if(d.isFunction(t.request)){r.value=!0,u+=1;const o=u;t.request().then(n=>{o===u&&(i.value=n)}).finally(()=>{r.value=!1})}});const{value:f,updateValue:S}=q.useControllableValue(t,w),b=e.computed(()=>{const o=e.unref(f);if(!o)return t.emptyText;if(d.isArray(o))return o.map(l=>{var a;return(a=e.unref(i).find(c=>c.value===l))==null?void 0:a.label}).filter(Boolean).join("、")||t.emptyText;const n=e.unref(i).find(l=>l.value===o);return(n==null?void 0:n.label)||t.emptyText}),B=e.computed(()=>{const o=!!(t!=null&&t.showSearch),n=t.searchMode;let l={};return o&&(l=n==="request"?{showArrow:!1,defaultActiveFirstOption:!1,onSearch:y,notFoundContent:r.value?void 0:null}:{showArrow:!0,filterOption:d.isNil(t==null?void 0:t.filterOption)?g:t==null?void 0:t.filterOption}),{...F.omitUndefined(d.omit(t,["mode","value","onUpdate:value","onSearch","request","searchMode"])),...l}});function C(){var o;(o=s.value)==null||o.focus()}function x(){var o;(o=s.value)==null||o.blur()}return m({focus:C,blur:x}),(o,n)=>o.mode==="read"?(e.openBlock(),e.createElementBlock("span",V,e.toDisplayString(b.value),1)):(e.openBlock(),e.createBlock(e.unref(p.Select),e.mergeProps({key:1,"allow-clear":"",ref_key:"selectRef",ref:s},B.value,{mode:o.multiple?"multiple":void 0,value:e.unref(f),"onUpdate:value":e.unref(S),options:i.value,loading:r.value}),e.createSlots({_:2},[e.renderList(o.$slots,(l,a)=>({name:a,fn:e.withCtx(c=>[e.renderSlot(o.$slots,a,e.normalizeProps(e.guardReactiveProps(c||{})))])})),r.value?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(p.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["mode","value","onUpdate:value","options","loading"]))}});exports.default=I;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { VNode, RendererNode, RendererElement } from 'vue';
|
|
2
|
+
import { ApFormItemProps } from '../interface';
|
|
2
3
|
|
|
3
4
|
export declare const buildColSpan: (count: number, times?: number) => {
|
|
4
5
|
xs: number;
|
|
@@ -16,3 +17,9 @@ export declare const buildColSpan: (count: number, times?: number) => {
|
|
|
16
17
|
export declare const genRealChildren: (nodes: VNode[]) => VNode< RendererNode, RendererElement, {
|
|
17
18
|
[key: string]: any;
|
|
18
19
|
}>[];
|
|
20
|
+
/**
|
|
21
|
+
* 获取FormItem 字符串化的name,如果未获取到name,返回当前的时间戳
|
|
22
|
+
* @param name
|
|
23
|
+
* @returns
|
|
24
|
+
*/
|
|
25
|
+
export declare function getStringName(name?: ApFormItemProps['name']): string | number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("lodash-unified"),u=require("../../utils/index.js"),l=r=>r<=1?1:r,o=(r,e=1)=>{const t=Math.floor(24/r),n=t*e;return n>24?t:n},f=(r,e=1)=>({xs:o(l(r-3),e),sm:o(l(r-2),e),md:o(l(r-1),e),lg:o(l(r-1),e),xl:o(r,e),xxl:o(r,e)});function s(r){const e=[];for(const t of r.filter(Boolean).filter(n=>n.type!==Symbol.for("v-cmt")))if(t.type===Symbol.for("v-fgt")){const n=s(t.children);e.push(...n)}else if(i.isArray(t)){const n=s(t);e.push(...n)}else e.push(t);return e}const a=r=>{const e=[];return e.push(...s(r)),e};function c(r){return u.isDef(r)?(i.isArray(r)?r:[r]).join(""):Date.now()}exports.buildColSpan=f;exports.genRealChildren=a;exports.getStringName=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue"),k=require("lodash-unified"),y=require("../constant.js"),s=require("./helper.js");require("../../config-provider/index.js");require("../style/ap-form-item-group.css");const C=require("../../config-provider/hooks/use-namespace.js");function _(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!e.isVNode(o)}const q=e.defineComponent({name:"ApFormItemGroup",__name:"index",props:{align:{},justify:{},prefixCls:{},gutter:{default:16},wrap:{type:Boolean,default:void 0},countPerRow:{default:3}},setup(o){const{b:u}=C.useNamespace("ap-form-item-group"),{countPerRow:p,...d}=o,a=e.useSlots();e.watch(()=>a.default(),n=>{c.value=s.genRealChildren(n)});const c=e.shallowRef(s.genRealChildren(a.default())),f=e.computed(()=>e.unref(c).map((n,l)=>{const t=n.props,r=k.pick(t,y.apFormItemColPropKeys),m=r!=null&&r.span?{}:s.buildColSpan(p),g=!!(t!=null&&t.hidden);return{key:`${l}-${s.getStringName(t.name)}`,node:e.createVNode(i.Col,e.mergeProps(m,r,{class:g?u("col-hidden"):""}),_(n)?n:{default:()=>[n]})}}));return(n,l)=>(e.openBlock(),e.createBlock(e.unref(i.Row),e.mergeProps({class:e.unref(u)()},d),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,t=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.node),{key:t.key}))),128))]),_:1},16,["class"]))}});exports.default=q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),x=require("ant-design-vue"),O=require("./context.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),x=require("ant-design-vue"),O=require("./context.js"),c=require("lodash-unified"),k=require("./constant.js"),p=require("../utils/index.js"),w=r.defineComponent({__name:"ap-form",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:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{}},setup(C,{expose:V}){const n=C;function F(e,t,l=!0){var _;if(c.isArray(e)){let u=i;for(let d=0;d<e.length-1;d++)e[d]in u||(u[e[d]]={}),u=u[e[d]];u[e[e.length-1]]=t}else i[e]=t;let o=c.isArray(e)?e[0]:e;l&&((_=n.onValuesChange)==null||_.call(n,{[o]:i[o]},i)),f()}const s=r.ref();let g=n.initialValues||{};const i=r.reactive(n.initialValues||{});let a=[];const M=()=>{var e;(e=s.value)==null||e.resetFields(),r.nextTick(()=>{Object.keys(i).forEach(t=>delete i[t]),Object.assign(i,c.cloneDeep(g)),f()})},R=e=>{var t;(t=s.value)==null||t.clearValidate(e)},b=(e,t)=>{var l;return(l=s.value)==null?void 0:l.validateFields(e,t)},q=e=>{var t;return(t=s.value)==null?void 0:t.getFieldsValue(e)},T=(e,t)=>{var l;return(l=s.value)==null?void 0:l.validate(e,t)},A=(e,t={})=>{var l;(l=s.value)==null||l.scrollToField(e,t)},B=e=>{Object.assign(i,e),f()},v=(e,t)=>{i[e]=t,f()};function h(e,t){return t||e(r.toRaw(i)),a.push(e),()=>{a=a.filter(l=>l!==e)}}function y({initialValue:e,name:t}){if(p.isDef(e)&&p.isDef(t))if(F(t,e,!1),c.isArray(t)){let l=g;for(let o=0;o<t.length-1;o++)p.isDef(l[t[o]])||(l[t[o]]={}),l=l[t[o]];l[t[t.length-1]]=e}else g[t]=e}function I(e){if(e!==k.INTERNAL_FORM_INSTANCE_MARK){console.warn("getInternalInstance should only used at internal");return}return{registerField:y,registerWatch:h}}function f(){if(a.length){const e=r.toRaw(i);a.forEach(t=>{t(e)})}}return O.useProvideForm({model:r.computed(()=>i),updateModel:F,internalInstance:{registerWatch:h,registerField:y,setFieldValue:v}}),V({resetFields:M,clearValidate:R,validateFields:b,getFieldsValue:q,validate:T,scrollToField:A,setFieldsValue:B,setFieldValue:v,registerWatch:h,getInternalInstance:I}),(e,t)=>(r.openBlock(),r.createBlock(r.unref(x.Form),r.mergeProps({ref_key:"formRef",ref:s},r.unref(c.omit)(n,["initialValues"]),{model:i}),{default:r.withCtx(()=>[r.renderSlot(e.$slots,"default")]),_:3},16,["model"]))}});exports.default=w;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ApFormModalFormProps, ApFormSubmitterConfig } from '../interface';
|
|
1
|
+
import { ApFormModalFormProps, ApFormInternalInstance, ApFormSubmitterConfig } from '../interface';
|
|
2
2
|
import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties } from 'vue';
|
|
3
3
|
import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign } from 'ant-design-vue/es/form/interface';
|
|
4
4
|
import { VueTypeValidableDef } from '../../../node_modules/vue-types';
|
|
@@ -36,6 +36,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
36
36
|
scrollToField: (name: NamePath, options?: {}) => void;
|
|
37
37
|
setFieldValue: (key: string, newValue: any) => void;
|
|
38
38
|
setFieldsValue: (values: Record<string, any>) => void;
|
|
39
|
+
getInternalInstance: (mark: string) => ApFormInternalInstance | undefined;
|
|
39
40
|
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
40
41
|
"update:open": (...args: any[]) => void;
|
|
41
42
|
}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormModalFormProps>, {
|
|
@@ -1 +1 @@
|
|
|
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 y(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:C,emit:B}){const o=d,m=e.useSlots(),k=B,n=e.ref(),c=e.ref(),u=e.ref(!1),{value:N,updateValue:f}=R.useControllableValue(o,k,{valuePropName:"open",defaultValue:!1}),{t:
|
|
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 y(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:C,emit:B}){const o=d,m=e.useSlots(),k=B,n=e.ref(),c=e.ref(),u=e.ref(!1),{value:N,updateValue:f}=R.useControllableValue(o,k,{valuePropName:"open",defaultValue:!1}),{t:v}=j.useLocale(),b=O.useGlobalConfig("uiMode","aplus"),{b:q,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 V=S.getSingleVNode(m.trigger),h=V?e.cloneVNode(V,{onClick:()=>{f(!0)}}):null,_=e.computed(()=>{var l,a,r,p;const t=[];if(o.submitter===!1)return null;if(o.showCancel){let s;t.push(e.createVNode(i.Button,{onClick:F,disabled:u.value},y(s=v("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:u.value,onClick:w}),{default:()=>{var s;return[((s=o.submitter)==null?void 0:s.resetText)||v("ap.common.resetText")]}})),((r=o.submitter)==null?void 0:r.submitButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps({type:"primary",key:"submit"},((p=o.submitter)==null?void 0:p.submitButtonProps)||{},{loading:u.value,onClick:x}),{default:()=>{var s;return[((s=o.submitter)==null?void 0:s.submitText)||v("ap.common.okText")]}})),e.createVNode(i.Flex,{justify:"flex-end",class:g(e.unref(b)==="admin"?"footer-admin":"footer")},{default:()=>[m.submitter?m.submitter(t):e.createVNode(i.Space,null,y(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,r;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),u.value=!0,await((r=o.onFinish)==null?void 0:r.call(o,M.convertReactiveToRaw(p)))&&f(!1)}finally{u.value=!1}}function F(){e.unref(u)||f(!1)}function P(t){!t&&e.unref(u)||f(t)}return C({resetFields:()=>{var t;(t=n.value)==null||t.resetFields()},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,r;(r=(a=n.value)==null?void 0:a.setFieldValue)==null||r.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)},getInternalInstance:t=>{var l;return(l=n.value)==null?void 0:l.getInternalInstance(t)}}),(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(i.Modal),e.mergeProps(t.modalProps,{open:e.unref(N),"onUpdate:open":P,onCancel:F,footer:null,width:t.width,class:e.unref(q)(),"body-style":{padding:e.unref(b)==="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(b)==="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.unref(h)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(h)),{key:0})):e.createCommentVNode("",!0)],64))}});exports.default=z;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("ant-design-vue");require("../ap-form.vue.js");require("../ap-form-item.vue2.js");require("../../hooks/index.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("ant-design-vue");require("../ap-form.vue.js");require("../ap-form-item.vue2.js");require("../../hooks/index.js");const k=require("../ap-form-item-group/helper.js"),W=require("@ant-design/icons-vue");require("../../config-provider/index.js");require("../style/search-form.css");const R=require("lodash-unified"),H=require("../../utils/index.js"),J=require("./utils.js"),K=require("../../hooks/useControllableValue.js"),Q=require("../../config-provider/hooks/use-namespace.js"),X=require("../../config-provider/hooks/use-global-config.js"),Y=require("../../config-provider/hooks/use-locale.js"),q=require("../ap-form-item.vue.js"),Z=require("../ap-form.vue2.js");function ee(d){return typeof d=="function"||Object.prototype.toString.call(d)==="[object Object]"&&!e.isVNode(d)}const c=24,te=e.defineComponent({name:"ApFormSearchForm",__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:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{},collapse:{type:Boolean,default:void 0},defaultCollapse:{type:Boolean,default:!1},"onUpdate:collapse":{},searchText:{},resetText:{},onReset:{},customReset:{type:Boolean,default:!1},extraInAction:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1},countPerRow:{default:4},submitLoading:{type:Boolean}},emits:["update:collapse"],setup(d,{expose:w,emit:E}){var N;const r=e.useSlots(),a=d,A=E,{value:p,updateValue:P}=K.useControllableValue(a,A,{valuePropName:"collapse",defaultValuePropName:"defaultCollapse"}),{b:T}=Q.useNamespace("ap-form-search-form"),I=X.useGlobalConfig("uiMode"),{t:x}=Y.useLocale(),m=e.ref();function D(){P(!e.unref(p))}function M(){var t,o;(o=(t=m.value)==null?void 0:t.validateFields())==null||o.then(a.onSubmit)}function j(){var t,o,l;a.customReset||(o=(t=m.value)==null?void 0:t.resetFields)==null||o.call(t),(l=a.onReset)==null||l.call(a)}let y=[];const C=e.shallowRef(k.genRealChildren(r.default())),f=e.shallowRef((N=r.extra)==null?void 0:N.call(r)),B=e.computed(()=>Math.floor(c/a.countPerRow));e.watch(()=>r.default(),t=>{y=C.value,C.value=k.genRealChildren(t)}),e.watch(()=>{var t;return(t=r.extra)==null?void 0:t.call(r)},t=>{f.value=t});const O=t=>H.isDef(t)?(R.isArray(t)?t:[t]).join(""):Date.now(),_=e.computed(()=>{const t=J.diffFormItem(y,C.value),o=[],l=[],u=e.unref(B);let g=0;t.forEach(s=>{const i=s.props;i!=null&&i.hidden?o.push(s):(g+=i.span||u,l.push(s))});const v=c-(g+u)%c,U=v<u?c:v,F=c-u*(e.unref(f)&&!a.extraInAction?2:1),$=!a.forceExpand&&g>F;let S=0,V=0;const z=l.map((s,i)=>{const h=s.props,b=h.span||u;if(S+=b,!a.forceExpand&&e.unref(p)&&S>F){o.push(e.cloneVNode(s,{hidden:!0}));return}return V+=b,{node:s,span:h.span||u,key:`ApFormSearchFormItem-${i}-${O(h.name)}-${h._signal}`}}).filter(Boolean),G=c-V-u;return{hideNode:e.createVNode(e.Fragment,null,[o]),nodes:z,defaultExtraSpan:U,actualExtraSpan:G,showCollapse:$}}),L=e.computed(()=>{let t;const o=e.unref(_);return e.createVNode(e.Fragment,null,[e.createVNode(n.Col,{span:e.unref(e.unref(B))},{default:()=>[e.createVNode(q.default,null,{default:()=>[e.createVNode(n.Flex,{justify:"space-between"},{default:()=>[e.createVNode(n.Space,null,{default:()=>[e.createVNode(n.Button,{type:"primary",onClick:M,loading:a.submitLoading,htmlType:"submit"},{default:()=>[a.searchText||x("ap.apForm.search.search")]}),e.createVNode(n.Button,{onClick:j},{default:()=>[a.resetText||x("ap.apForm.search.reset")]}),o.showCollapse?e.createVNode(n.Button,{onClick:D,icon:e.createVNode(W.DoubleRightOutlined,{style:I.value==="aplus"?"color:#B8C3D1":"color:#BFBFBF",rotate:e.unref(p)?90:-90},null)},null):null]}),a.extraInAction?e.unref(f):null]})]})]}),!a.extraInAction&&e.unref(f)?e.createVNode(n.Col,{span:e.unref(p)?o.actualExtraSpan:o.defaultExtraSpan},{default:()=>[e.createVNode(q.default,null,{default:()=>[e.createVNode(n.Flex,{justify:!e.unref(p)&&o.defaultExtraSpan===c?"start":"end"},ee(t=e.unref(f))?t:{default:()=>[t]})]})]}):null])});return w({apForm:e.computed(()=>e.unref(m))}),(t,o)=>(e.openBlock(),e.createBlock(Z.default,e.mergeProps({class:e.unref(T)(),ref_key:"apForm",ref:m},e.unref(R.omit)(a,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(_.value.hideNode))),e.createVNode(e.unref(n.Row),{gutter:16},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value.nodes,l=>(e.openBlock(),e.createBlock(e.unref(n.Col),{key:l.key,span:l.span},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.node)))]),_:2},1032,["span"]))),128)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(L.value)))]),_:1})]),_:1},16,["class"]))}});exports.default=te;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),l=require("ant-design-vue"),h=require("../../config-provider/config-provider.js"),f=i=>{let a,o;function s(){a&&a(!1),setTimeout(()=>{t.render(null,r),d.removeChild(r)},500)}function p(e){o&&o(e)}const u=t.defineComponent({data(){return{open:!0,props:i}},methods:{async handleCancel(e){var n,c;(n=this.props)!=null&&n.onCancel&&await((c=this.props)==null?void 0:c.onCancel(e)),s()},async handleOk(e){var n;try{o({confirmLoading:!0}),(n=this.props)!=null&&n.onOk&&await this.props.onOk(e),o({confirmLoading:!1}),s()}catch{o({confirmLoading:!1})}}},created(){a=e=>{this.open=e},o=e=>{this.props={...this.props,...e}}},render(){const{...e}=this.props;return delete e.onCancel,delete e.onOk,t.createVNode(l.ConfigProvider,h.globalConfigCached.value,{default:()=>[t.createVNode(l.Modal,t.mergeProps({open:this.open,destroyOnClose:!0,onCancel:this.handleCancel,onOk:this.handleOk},e),{default:()=>{var n;return[(n=this.props)==null?void 0:n.content]}})]})}}),d=i.getContainer||document.body,r=document.createElement("div");return d.appendChild(r),t.render(t.h(u),r),{destroy:s,update:p}};exports.createModal=f;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { ApColumnType, ApTableProps, ValueEnum, RequestData } from './interface';
|
|
1
|
+
import { ApColumnType, ApTableProps, ValueEnum, ApTableRowSelection, RequestData } from './interface';
|
|
2
2
|
import { ComputedRef, ExtractPropTypes, PropType, VNode, RendererNode, RendererElement, CSSProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, ShallowUnwrapRef } from 'vue';
|
|
3
3
|
import { ColumnType } from 'ant-design-vue/es/table';
|
|
4
|
+
import { RowSelectionReturnType } from './hooks/use-table-row-selection';
|
|
4
5
|
import { SpinSize } from 'ant-design-vue/es/spin/Spin';
|
|
5
6
|
import { VueTypeValidableDef } from '../../node_modules/vue-types';
|
|
6
|
-
import { GetPopupContainer, FilterValue, SorterResult, TableCurrentDataSource, TableLocale, CompareFn, ColumnFilterItem, SortOrder
|
|
7
|
+
import { GetPopupContainer, FilterValue, SorterResult, TableCurrentDataSource, TableLocale, CompareFn, ColumnFilterItem, SortOrder } from 'ant-design-vue/es/table/interface';
|
|
7
8
|
import { RenderExpandIcon, PanelRender, TableComponents, TransformCellText, TableLayout, GetRowKey, TableSticky, RowClassName, GetComponentProps, ColumnType, Key, ExpandedRowRender } from 'ant-design-vue/es/vc-table/interface';
|
|
8
9
|
import { TablePaginationConfig } from 'ant-design-vue';
|
|
9
10
|
import { EllipsisConfig } from 'ant-design-vue/es/typography/Base';
|
|
@@ -671,6 +672,7 @@ declare const _default: <RecordType>(__VLS_props: {
|
|
|
671
672
|
onOpenChange: PropType<(vis: boolean) => void>;
|
|
672
673
|
'onUpdate:open': PropType<(vis: boolean) => void>;
|
|
673
674
|
}>> | undefined;
|
|
675
|
+
rowSelection?: true | ApTableRowSelection<RecordType> | undefined;
|
|
674
676
|
rowClassName?: string | RowClassName<RecordType> | undefined;
|
|
675
677
|
showHeader?: boolean | undefined;
|
|
676
678
|
customRow?: GetComponentProps<RecordType> | undefined;
|
|
@@ -690,7 +692,6 @@ declare const _default: <RecordType>(__VLS_props: {
|
|
|
690
692
|
childrenColumnName?: string | undefined;
|
|
691
693
|
rowExpandable?: ((record: RecordType) => boolean) | undefined;
|
|
692
694
|
onResizeColumn?: ((w: number, col: ColumnType<any>) => void) | undefined;
|
|
693
|
-
rowSelection?: TableRowSelection<RecordType> | undefined;
|
|
694
695
|
manual?: boolean | undefined;
|
|
695
696
|
request?: ((params: Partial<any> & {
|
|
696
697
|
pageSize: number;
|
|
@@ -712,7 +713,9 @@ declare const _default: <RecordType>(__VLS_props: {
|
|
|
712
713
|
default: any;
|
|
713
714
|
emptyText?: any;
|
|
714
715
|
expandIcon?: any;
|
|
715
|
-
title?:
|
|
716
|
+
title?: ((params: Omit<RowSelectionReturnType<RecordType>, "rowSelection" | "selectedRows"> & {
|
|
717
|
+
selectedRows: RecordType[];
|
|
718
|
+
}) => any) | undefined;
|
|
716
719
|
footer?: any;
|
|
717
720
|
summary?: any;
|
|
718
721
|
expandedRowRender?: any;
|
|
@@ -728,7 +731,9 @@ declare const _default: <RecordType>(__VLS_props: {
|
|
|
728
731
|
default: any;
|
|
729
732
|
emptyText?: any;
|
|
730
733
|
expandIcon?: any;
|
|
731
|
-
title?:
|
|
734
|
+
title?: ((params: Omit<RowSelectionReturnType<RecordType>, "rowSelection" | "selectedRows"> & {
|
|
735
|
+
selectedRows: RecordType[];
|
|
736
|
+
}) => any) | undefined;
|
|
732
737
|
footer?: any;
|
|
733
738
|
summary?: any;
|
|
734
739
|
expandedRowRender?: any;
|
|
@@ -748,6 +753,16 @@ declare const _default: <RecordType>(__VLS_props: {
|
|
|
748
753
|
setSearchFormValues: (fields: any) => void;
|
|
749
754
|
getSearchFormValues: () => Partial<any> | undefined;
|
|
750
755
|
dataSource: ComputedRef<RecordType[]>;
|
|
756
|
+
rowSelection: {
|
|
757
|
+
select: (item: RecordType) => void;
|
|
758
|
+
unSelect: (item: RecordType) => void;
|
|
759
|
+
isSelected: (item: RecordType) => boolean;
|
|
760
|
+
selectAll: () => void;
|
|
761
|
+
unSelectAll: () => void;
|
|
762
|
+
clearAll: () => void;
|
|
763
|
+
toggleSelect: (item: RecordType) => void;
|
|
764
|
+
selectedRows: ComputedRef<RecordType[]>;
|
|
765
|
+
};
|
|
751
766
|
}>) => void) | undefined, __VLS_setup?: Promise<{
|
|
752
767
|
props: {
|
|
753
768
|
loading?: boolean | Partial< ExtractPropTypes<{
|
|
@@ -1402,6 +1417,7 @@ declare const _default: <RecordType>(__VLS_props: {
|
|
|
1402
1417
|
onOpenChange: PropType<(vis: boolean) => void>;
|
|
1403
1418
|
'onUpdate:open': PropType<(vis: boolean) => void>;
|
|
1404
1419
|
}>> | undefined;
|
|
1420
|
+
rowSelection?: true | ApTableRowSelection<RecordType> | undefined;
|
|
1405
1421
|
rowClassName?: string | RowClassName<RecordType> | undefined;
|
|
1406
1422
|
showHeader?: boolean | undefined;
|
|
1407
1423
|
customRow?: GetComponentProps<RecordType> | undefined;
|
|
@@ -1421,7 +1437,6 @@ declare const _default: <RecordType>(__VLS_props: {
|
|
|
1421
1437
|
childrenColumnName?: string | undefined;
|
|
1422
1438
|
rowExpandable?: ((record: RecordType) => boolean) | undefined;
|
|
1423
1439
|
onResizeColumn?: ((w: number, col: ColumnType<any>) => void) | undefined;
|
|
1424
|
-
rowSelection?: TableRowSelection<RecordType> | undefined;
|
|
1425
1440
|
manual?: boolean | undefined;
|
|
1426
1441
|
request?: ((params: Partial<any> & {
|
|
1427
1442
|
pageSize: number;
|
|
@@ -1444,13 +1459,25 @@ declare const _default: <RecordType>(__VLS_props: {
|
|
|
1444
1459
|
setSearchFormValues: (fields: any) => void;
|
|
1445
1460
|
getSearchFormValues: () => Partial<any> | undefined;
|
|
1446
1461
|
dataSource: ComputedRef<RecordType[]>;
|
|
1462
|
+
rowSelection: {
|
|
1463
|
+
select: (item: RecordType) => void;
|
|
1464
|
+
unSelect: (item: RecordType) => void;
|
|
1465
|
+
isSelected: (item: RecordType) => boolean;
|
|
1466
|
+
selectAll: () => void;
|
|
1467
|
+
unSelectAll: () => void;
|
|
1468
|
+
clearAll: () => void;
|
|
1469
|
+
toggleSelect: (item: RecordType) => void;
|
|
1470
|
+
selectedRows: ComputedRef<RecordType[]>;
|
|
1471
|
+
};
|
|
1447
1472
|
}>): void;
|
|
1448
1473
|
attrs: any;
|
|
1449
1474
|
slots: Readonly<{
|
|
1450
1475
|
default: any;
|
|
1451
1476
|
emptyText?: any;
|
|
1452
1477
|
expandIcon?: any;
|
|
1453
|
-
title?:
|
|
1478
|
+
title?: ((params: Omit<RowSelectionReturnType<RecordType>, "rowSelection" | "selectedRows"> & {
|
|
1479
|
+
selectedRows: RecordType[];
|
|
1480
|
+
}) => any) | undefined;
|
|
1454
1481
|
footer?: any;
|
|
1455
1482
|
summary?: any;
|
|
1456
1483
|
expandedRowRender?: any;
|
|
@@ -1466,7 +1493,9 @@ declare const _default: <RecordType>(__VLS_props: {
|
|
|
1466
1493
|
default: any;
|
|
1467
1494
|
emptyText?: any;
|
|
1468
1495
|
expandIcon?: any;
|
|
1469
|
-
title?:
|
|
1496
|
+
title?: ((params: Omit<RowSelectionReturnType<RecordType>, "rowSelection" | "selectedRows"> & {
|
|
1497
|
+
selectedRows: RecordType[];
|
|
1498
|
+
}) => any) | undefined;
|
|
1470
1499
|
footer?: any;
|
|
1471
1500
|
summary?: any;
|
|
1472
1501
|
expandedRowRender?: any;
|
|
@@ -2137,6 +2166,7 @@ declare const _default: <RecordType>(__VLS_props: {
|
|
|
2137
2166
|
onOpenChange: PropType<(vis: boolean) => void>;
|
|
2138
2167
|
'onUpdate:open': PropType<(vis: boolean) => void>;
|
|
2139
2168
|
}>> | undefined;
|
|
2169
|
+
rowSelection?: true | ApTableRowSelection<RecordType> | undefined;
|
|
2140
2170
|
rowClassName?: string | RowClassName<RecordType> | undefined;
|
|
2141
2171
|
showHeader?: boolean | undefined;
|
|
2142
2172
|
customRow?: GetComponentProps<RecordType> | undefined;
|
|
@@ -2156,7 +2186,6 @@ declare const _default: <RecordType>(__VLS_props: {
|
|
|
2156
2186
|
childrenColumnName?: string | undefined;
|
|
2157
2187
|
rowExpandable?: ((record: RecordType) => boolean) | undefined;
|
|
2158
2188
|
onResizeColumn?: ((w: number, col: ColumnType<any>) => void) | undefined;
|
|
2159
|
-
rowSelection?: TableRowSelection<RecordType> | undefined;
|
|
2160
2189
|
manual?: boolean | undefined;
|
|
2161
2190
|
request?: ((params: Partial<any> & {
|
|
2162
2191
|
pageSize: number;
|
|
@@ -2179,13 +2208,25 @@ declare const _default: <RecordType>(__VLS_props: {
|
|
|
2179
2208
|
setSearchFormValues: (fields: any) => void;
|
|
2180
2209
|
getSearchFormValues: () => Partial<any> | undefined;
|
|
2181
2210
|
dataSource: ComputedRef<RecordType[]>;
|
|
2211
|
+
rowSelection: {
|
|
2212
|
+
select: (item: RecordType) => void;
|
|
2213
|
+
unSelect: (item: RecordType) => void;
|
|
2214
|
+
isSelected: (item: RecordType) => boolean;
|
|
2215
|
+
selectAll: () => void;
|
|
2216
|
+
unSelectAll: () => void;
|
|
2217
|
+
clearAll: () => void;
|
|
2218
|
+
toggleSelect: (item: RecordType) => void;
|
|
2219
|
+
selectedRows: ComputedRef<RecordType[]>;
|
|
2220
|
+
};
|
|
2182
2221
|
}>): void;
|
|
2183
2222
|
attrs: any;
|
|
2184
2223
|
slots: Readonly<{
|
|
2185
2224
|
default: any;
|
|
2186
2225
|
emptyText?: any;
|
|
2187
2226
|
expandIcon?: any;
|
|
2188
|
-
title?:
|
|
2227
|
+
title?: ((params: Omit<RowSelectionReturnType<RecordType>, "rowSelection" | "selectedRows"> & {
|
|
2228
|
+
selectedRows: RecordType[];
|
|
2229
|
+
}) => any) | undefined;
|
|
2189
2230
|
footer?: any;
|
|
2190
2231
|
summary?: any;
|
|
2191
2232
|
expandedRowRender?: any;
|
|
@@ -2201,7 +2242,9 @@ declare const _default: <RecordType>(__VLS_props: {
|
|
|
2201
2242
|
default: any;
|
|
2202
2243
|
emptyText?: any;
|
|
2203
2244
|
expandIcon?: any;
|
|
2204
|
-
title?:
|
|
2245
|
+
title?: ((params: Omit<RowSelectionReturnType<RecordType>, "rowSelection" | "selectedRows"> & {
|
|
2246
|
+
selectedRows: RecordType[];
|
|
2247
|
+
}) => any) | undefined;
|
|
2205
2248
|
footer?: any;
|
|
2206
2249
|
summary?: any;
|
|
2207
2250
|
expandedRowRender?: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("ant-design-vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("ant-design-vue"),H=require("ant-design-vue/es/theme/internal"),G=require("../ap-form/index.js"),p=require("./constants.js");require("../config-provider/index.js");const Q=require("./hooks/use-table-paging.js"),s=require("lodash-unified");require("./style/ap-table.css");const J=require("@ant-design/icons-vue"),u=require("./utils.js"),X=require("./hooks/use-table-content-height.js"),Y=require("../editable-table/utils.js"),Z=require("./hooks/use-table-row-selection.js"),ee=require("../config-provider/hooks/use-locale.js"),te=require("../config-provider/hooks/use-namespace.js"),ae=require("../config-provider/hooks/use-global-config.js"),re={key:0},oe=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},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:{},rowSelection:{type:Boolean},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},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(v,{expose:k}){const a=v;let w=0;const C=e.useSlots(),[,q]=H.useToken(),{t:I}=ee.useLocale(),{e:f,b:d}=te.useNamespace("ap-table"),V=ae.useGlobalConfig("uiMode","aplus"),{height:N,contentRef:E}=X.default(),m=e.computed(()=>{var o;let t=((o=a.columns)==null?void 0:o.filter(r=>!r.hideInTable))||[];return t=t.map(r=>({...s.omit(u.apColumnToColumn(r),["ellipsis"]),customRender({value:n,...l}){const S=u.getTableRenderType(r),P=p.apTableRenderItemMap[S],$=u.getTableRenderProps(r,{value:n,...l});let b=A(r,n,e.createVNode(P,e.mergeProps($,{mode:"read"}),null));return r.customRender&&(b=r.customRender({value:n,...l,column:r,originalNode:b})),b}})),t}),R=e.computed(()=>{var t,o,r;return w++,((r=(o=(t=a.columns)==null?void 0:t.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!p.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:o.sort((n,l)=>{let S=u.getColumnOrder(n.order);return u.getColumnOrder(l.order)-S}))==null?void 0:r.map(n=>{const l=u.updateFormProps(n,u.getFieldProps(n.fieldProps,{}));return{...n,fieldProps:{label:n.title,name:n.dataIndex,...l||{},placeholder:u.getPlaceholder(I,n.valueType,l==null?void 0:l.placeholder),_signal:w}}}))||[]}),L=e.computed(()=>e.unref(m).filter(t=>t.sorter===!0).map(t=>t.dataIndex)),z=e.computed(()=>e.unref(m).filter(t=>t.filters&&!t.onFilter).map(t=>t.dataIndex)),O=e.computed(()=>s.isUndefined(a.dataSource)?c.value.records:a.dataSource),{rowSelection:F,selectedRows:x,...g}=Z.default({...a.rowSelection===!0?{}:a.rowSelection,rowKey:a.rowKey,dataSource:O}),{formRef:y,submit:T,reset:B,tableProps:i,handleTableChange:D,data:c}=Q.useTablePaging({async request(t){var r,n;!F.value.preserveSelectedRowKeys&&s.isUndefined(a.dataSource)&&g.clearAll();const o=await((r=a.request)==null?void 0:r.call(a,t));return(n=a.onLoad)==null||n.call(a,(o==null?void 0:o.data)||[]),{data:(o==null?void 0:o.data)||[],total:(o==null?void 0:o.total)||0}},filterFields:e.unref(z),sortFields:e.unref(L),defaultParams:a.params,defaultData:a.defaultData,manual:a.manual,defaultCurrent:a.pagination?a.pagination.defaultCurrent:void 0,defaultPageSize:a.pagination?a.pagination.defaultPageSize:void 0,formatParams:a.beforeSearchSubmit}),K=e.computed(()=>{var t;return a.scroll?a.scroll:a.adaptive&&(c.value.total>0||(t=a.dataSource)!=null&&t.length)?{y:e.unref(N),x:"100%"}:{x:!0}}),_=e.computed(()=>{var t;if(a.tableLayout)return a.tableLayout;if((t=a.columns)!=null&&t.some(o=>o.ellipsis))return"fixed"}),U=e.computed(()=>{const t=e.unref(i),o=s.isUndefined(a.dataSource)?t:{...t,dataSource:a.dataSource,onChange:a.onChange},r=e.unref(F);return{...a,...o,rowSelection:a.rowSelection?{...r,preserveSelectedRowKeys:s.isUndefined(a.dataSource)?r.preserveSelectedRowKeys:!0}:void 0,loading:s.isUndefined(a.loading)?e.unref(i).loading:a.loading,pagination:a.pagination===!1?!1:e.unref(i).pagination,scroll:e.unref(K)}}),j=e.computed(()=>[d(),a.card?null:d("wrapper"),a.adaptive?d("adaptive"):null].filter(Boolean));function A(t,o,r){return p.noRenderAsFormItemValueList.includes(t.valueType)?r:t.copyable||t.ellipsis?e.createVNode(h.Typography.Paragraph,{copyable:t.copyable?{text:o,tooltip:!1}:!1,ellipsis:t.ellipsis?s.isBoolean(t.ellipsis)?{tooltip:o}:{...t.ellipsis,tooltip:o}:!1,content:t.ellipsis?Y.getRawDisplayValue(t,o):r},null):r}e.watch(()=>e.unref(c).loading,t=>{var o;(o=a.onLoadingChange)==null||o.call(a,t)});function M(t){var o,r,n;(n=(r=(o=y.value)==null?void 0:o.apForm)==null?void 0:r.setFieldsValue)==null||n.call(r,t)}function W(){var t,o,r;return(r=(o=(t=y.value)==null?void 0:t.apForm)==null?void 0:o.getFieldsValue)==null?void 0:r.call(o,!0)}return k({submit:()=>T(),reset:()=>B(),setSearchFormValues:M,getSearchFormValues:W,dataSource:e.computed(()=>e.unref(c).records),rowSelection:{selectedRows:e.computed(()=>e.unref(x)),...g}}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(j.value)},[e.unref(s.isUndefined)(t.dataSource)&&t.searchForm!==!1&&R.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.card?e.unref(f)("search-wrapper"):null),style:e.normalizeStyle(t.searchFormWrapperStyle)},[e.createVNode(e.unref(G.ApForm).SearchForm,e.mergeProps(t.searchForm||{},{ref_key:"formRef",ref:y,"custom-reset":"",onSubmit:e.unref(T),onReset:e.unref(B),"submit-loading":e.unref(i).loading}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,r=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.customRenderFormItem?r.customRenderFormItem(r):e.unref(p.apTableFormItemMap)[r.valueType||"text"]),e.mergeProps({key:r.dataIndex,ref_for:!0},r.fieldProps||{},{span:r.span}),null,16,["span"]))),128))]),_:2},[C.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:E,class:e.normalizeClass([e.unref(f)("table-wrapper"),t.card?e.unref(f)("table-wrapper-card"):null]),style:e.normalizeStyle(t.tableWrapperStyle)},[e.renderSlot(t.$slots,"title",e.mergeProps({selectedRows:e.unref(x)},g)),e.createVNode(e.unref(h.Table),e.mergeProps({class:e.unref(V)==="admin"?e.unref(d)("table-admin"):e.unref(d)("table")},U.value,{"table-layout":_.value,onChange:e.unref(D),columns:m.value}),e.createSlots({headerCell:e.withCtx(({column:r,title:n})=>[r.tooltip?(e.openBlock(),e.createElementBlock("span",re,[e.createElementVNode("span",null,e.toDisplayString(n),1),e.createVNode(e.unref(h.Tooltip),{title:r.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(J.QuestionCircleOutlined),{style:e.normalizeStyle({paddingLeft:"4px",color:e.unref(q).colorPrimary})},null,8,["style"])]),_:2},1032,["title"])])):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(s.omit)(C,["title","searchFormExtra"]),(r,n)=>({name:n,fn:e.withCtx(l=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(l||{})))])}))]),1040,["class","table-layout","onChange","columns"])],6)],2))}});exports.default=oe;
|
|
@@ -79,4 +79,5 @@ export declare const useTablePaging: <DataType = any, ParamsType = Record<string
|
|
|
79
79
|
onChange: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<any> | SorterResult<any>[], extra: TableCurrentDataSource<any>) => void;
|
|
80
80
|
dataSource: DataType[];
|
|
81
81
|
}>;
|
|
82
|
+
dataSource: ComputedRef<DataType[]>;
|
|
82
83
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),C=require("../utils.js"),I=require("lodash-unified");require("../../config-provider/index.js");const K=require("../../config-provider/hooks/use-locale.js"),N=({manual:O=!1,defaultCurrent:j=1,defaultPageSize:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),C=require("../utils.js"),I=require("lodash-unified");require("../../config-provider/index.js");const K=require("../../config-provider/hooks/use-locale.js"),N=({manual:O=!1,defaultCurrent:j=1,defaultPageSize:S=10,request:$,defaultParams:x={},defaultData:D=[],formatParams:F,paramsValueTypeMap:T,resetFieldsIgnores:P,filterFields:L=[],sortFields:M=[]})=>{let v=0,f={};const R=e=>F?F(e):e,i=t.ref(),c=t.ref(j),d=t.ref(S),{t:b}=K.useLocale(),o=t.ref({total:0,records:D,loading:!1}),z=async e=>{var n;const a=R(e),r=Date.now();v=r,o.value.loading=!0;try{const s=await $({...x,...a});v===r&&(o.value.total=s.total||((n=s.data)==null?void 0:n.length)||0,o.value.records=[...s.data||[]])}catch{v===r&&(o.value.records=[],o.value.total=0)}finally{o.value.loading=!1}},q=e=>{const a={};return Object.entries(e).forEach(([r,n])=>{if(a[r]=n,T&&n){const s=T[r];s&&(a[r]=C.parseFieldValue(s,n))}}),a},A=e=>{var n,s,g,p,h,l,u;const a=((s=(n=i.value)==null?void 0:n.apForm)==null?void 0:s.getFieldsValue())||{},r={};Object.entries(a).forEach(([y,H])=>{P&&P.indexOf(y)>-1&&(r[y]=H)}),(p=(g=i.value)==null?void 0:g.apForm)==null||p.resetFields(),(u=(l=(h=i.value)==null?void 0:h.apForm)==null?void 0:l.setFieldsValue)==null||u.call(l,r),t.nextTick(()=>{e==null||e()})},m=e=>{f=e;const a=q(e);z(a)},B=e=>{m({...f,...e})},V=()=>{var a,r;const e=((r=(a=i.value)==null?void 0:a.apForm)==null?void 0:r.getFieldsValue(!0))||{};c.value=1,m({...e,current:1,pageSize:f.pageSize||S})},E=()=>{A(V)},J=()=>{m(f)},Q=e=>{const a=t.unref(o).total-e,r=Math.ceil(a/t.unref(d)),n=t.unref(c)>r?r:t.unref(c);B({current:n>0?n:1})},w=(e,a,r)=>{var h,l;const n=((l=(h=i.value)==null?void 0:h.apForm)==null?void 0:l.getFieldsValue(!0))||{};c.value=e.current,d.value=e.pageSize;const s=I.isArray(r)?[...r]:[r],g={};for(const u of s)M.includes(u.field)&&(g[C.dataIndexToStr(u.field)]=u.order);const p={};for(const u of Object.keys(a))L.includes(u)&&(p[u]=a[u]);m({...n,filter:p,sort:g,current:e.current,pageSize:e.pageSize})};t.onMounted(()=>{var a,r;const e=((r=(a=i.value)==null?void 0:a.apForm)==null?void 0:r.getFieldsValue(!0))||{};if(f={current:t.unref(c),pageSize:t.unref(d),...e},!O){const n=q(f);z(n)}});const U=t.computed(()=>t.unref(o).total===0?"-":`${t.unref(c.value)}/${Math.ceil(t.unref(o).total/t.unref(d))}`),G=t.computed(()=>({loading:t.unref(o).loading,pagination:{current:t.unref(c),pageSize:t.unref(d),total:t.unref(o).total,showSizeChanger:!0,showQuickJumper:!0,showTotal:e=>`${b("ap.apTable.pagination.totalLeft",{total:e})} ${b("ap.apTable.pagination.totalRight",{page:t.unref(U)})}`},onChange:w,dataSource:t.unref(o).records}));return{formRef:i,submit:V,reset:E,refresh:J,refreshByDelete:Q,data:o,current:c,pageSize:d,handleTableChange:w,tableProps:G,dataSource:t.computed(()=>t.unref(o).records)}};exports.useTablePaging=N;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { TableRowSelection } from 'ant-design-vue/lib/table/interface';
|
|
2
|
+
import { ComputedRef, Ref } from 'vue';
|
|
3
|
+
import { ApTableProps, ApTableRowSelection } from '../interface';
|
|
4
|
+
import { Recordable } from '../../type';
|
|
5
|
+
|
|
6
|
+
export interface RowSelectionReturnType<RecordType = any> {
|
|
7
|
+
rowSelection: ComputedRef<TableRowSelection<RecordType>>;
|
|
8
|
+
selectedRows: Ref<RecordType[]>;
|
|
9
|
+
/**
|
|
10
|
+
* 选中某行
|
|
11
|
+
* @param item
|
|
12
|
+
* @returns
|
|
13
|
+
*/
|
|
14
|
+
select: (item: RecordType) => void;
|
|
15
|
+
/**
|
|
16
|
+
* 取消选中某行
|
|
17
|
+
* @param item
|
|
18
|
+
* @returns
|
|
19
|
+
*/
|
|
20
|
+
unSelect: (item: RecordType) => void;
|
|
21
|
+
/**
|
|
22
|
+
* 某行是否被选中
|
|
23
|
+
* @param item
|
|
24
|
+
* @returns
|
|
25
|
+
*/
|
|
26
|
+
isSelected: (item: RecordType) => boolean;
|
|
27
|
+
/**
|
|
28
|
+
* 选中当前所有数据
|
|
29
|
+
* @returns
|
|
30
|
+
*/
|
|
31
|
+
selectAll: () => void;
|
|
32
|
+
/**
|
|
33
|
+
* 取消选中当前所有数据
|
|
34
|
+
* @returns
|
|
35
|
+
*/
|
|
36
|
+
unSelectAll: () => void;
|
|
37
|
+
/**
|
|
38
|
+
* 清空所有选中
|
|
39
|
+
* @returns
|
|
40
|
+
*/
|
|
41
|
+
clearAll: () => void;
|
|
42
|
+
/**
|
|
43
|
+
* 切换某行的选中状态
|
|
44
|
+
* @param item
|
|
45
|
+
* @returns
|
|
46
|
+
*/
|
|
47
|
+
toggleSelect: (item: RecordType) => void;
|
|
48
|
+
}
|
|
49
|
+
type RowSelectionParams<T> = ApTableRowSelection<T> & {
|
|
50
|
+
/**
|
|
51
|
+
* 数据源(如果是后端分页,则表示当页数据,否则是全量数据)
|
|
52
|
+
*/
|
|
53
|
+
dataSource: Ref<T[]>;
|
|
54
|
+
/**
|
|
55
|
+
* 同Table的rowkey
|
|
56
|
+
*/
|
|
57
|
+
rowKey: ApTableProps['rowKey'];
|
|
58
|
+
};
|
|
59
|
+
declare const useTableRowSelection: <RecordType = Recordable>(props: RowSelectionParams<RecordType>) => RowSelectionReturnType<RecordType>;
|
|
60
|
+
export default useTableRowSelection;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),w=require("lodash-unified"),g=l=>{const u=n.ref([]);function r(e,t){u.value=t}const c=e=>w.isFunction(l.rowKey)?l.rowKey(e):e[l.rowKey],o=n.computed(()=>{const e=new Map;return n.unref(u).forEach(t=>{e.set(c(t),t)}),e});function s(e){return n.unref(o).has(c(e))}function f(e){const t=n.unref(o);t.set(c(e),e),u.value=[...t.values()]}function d(e){const t=n.unref(o);t.delete(c(e)),u.value=[...t.values()]}function i(){const e=n.unref(o);n.unref(l.dataSource).forEach(t=>{e.set(c(t),t)}),u.value=[...e.values()]}function S(e){const t=n.unref(o),a=c(e);t.has(a)?t.delete(a):t.set(a,e),u.value=[...t.values()]}function v(){const e=n.unref(o);n.unref(l.dataSource).forEach(t=>{e.delete(c(t))}),u.value=[...e.values()]}function M(){u.value=[]}return{select:f,unSelect:d,isSelected:s,selectAll:i,unSelectAll:v,clearAll:M,toggleSelect:S,selectedRows:u,rowSelection:n.computed(()=>({...l,onChange:r,selectedRowKeys:n.unref(u).map(e=>c(e))}))}};exports.default=g;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ColumnType, TableProps } from 'ant-design-vue/es/table';
|
|
2
|
-
import { CompareFn, SortOrder } from 'ant-design-vue/es/table/interface';
|
|
2
|
+
import { CompareFn, SortOrder, TableRowSelection } from 'ant-design-vue/es/table/interface';
|
|
3
3
|
import { ApFormSearchFormProps } from '../ap-form';
|
|
4
4
|
import { ApFormItemCheckboxProps, ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextAreaProps, ApFormItemTextPasswordProps, ApFormItemTextProps } from '../ap-form/items/interface';
|
|
5
5
|
import { Recordable } from '../type';
|
|
@@ -7,6 +7,7 @@ import { ComputedRef, CSSProperties, VNode } from 'vue';
|
|
|
7
7
|
import { ApActionGroupProps } from '../ap-action';
|
|
8
8
|
import { ApTableIndexProps } from './components/interface';
|
|
9
9
|
import { EllipsisConfig } from 'ant-design-vue/es/typography/Base';
|
|
10
|
+
import { RowSelectionReturnType } from './hooks/use-table-row-selection';
|
|
10
11
|
|
|
11
12
|
export type ValueEnumType = {
|
|
12
13
|
text: string;
|
|
@@ -64,6 +65,7 @@ export type ExtraProColumnType<T> = Omit<ColumnType<T>, 'children' | 'filters' |
|
|
|
64
65
|
multiple?: number;
|
|
65
66
|
};
|
|
66
67
|
};
|
|
68
|
+
export type ApTableRowSelection<RecordType = any> = Omit<TableRowSelection<RecordType>, 'selectedRowKeys' | 'onChange' | 'onSelect' | 'onSelectAll' | 'onSelectInvert' | 'onSelectNone'>;
|
|
67
69
|
export type ApColumnType<RecordType = any, ValueType extends ApTableValueTypes = ApTableValueTypes> = ValueType extends ApTableValueTypes ? ExtraProColumnType<RecordType> & {
|
|
68
70
|
children?: ApColumnType<RecordType, ValueType>[];
|
|
69
71
|
/**
|
|
@@ -141,11 +143,15 @@ export type RequestData<T> = {
|
|
|
141
143
|
data: T[] | undefined;
|
|
142
144
|
total: number;
|
|
143
145
|
} & Record<string, any>;
|
|
144
|
-
export type ApTableProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size'> & {
|
|
146
|
+
export type ApTableProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection'> & {
|
|
145
147
|
/**
|
|
146
148
|
* 列配置
|
|
147
149
|
*/
|
|
148
150
|
columns?: ApColumnType<RecordType, any>[];
|
|
151
|
+
/**
|
|
152
|
+
* 行选中配置
|
|
153
|
+
*/
|
|
154
|
+
rowSelection?: true | ApTableRowSelection<RecordType>;
|
|
149
155
|
/**
|
|
150
156
|
* 是否启用卡片样式
|
|
151
157
|
*/
|
|
@@ -252,4 +258,10 @@ export type ApTableExpose<SearchParamsType = Recordable, RecordType = any> = {
|
|
|
252
258
|
* 表格数据源
|
|
253
259
|
*/
|
|
254
260
|
dataSource: ComputedRef<RecordType>;
|
|
261
|
+
/**
|
|
262
|
+
* 行选中相关的数据和API
|
|
263
|
+
*/
|
|
264
|
+
rowSelection?: Omit<RowSelectionReturnType<RecordType>, 'rowSelection'> & {
|
|
265
|
+
selectedRows: ComputedRef<RecordType[]>;
|
|
266
|
+
};
|
|
255
267
|
};
|
|
@@ -90,12 +90,14 @@
|
|
|
90
90
|
}
|
|
91
91
|
.aplus-ap-table .ant-table-column-sorters {
|
|
92
92
|
justify-content: unset;
|
|
93
|
+
display: inline-flex;
|
|
93
94
|
}
|
|
94
95
|
.aplus-ap-table .ant-table-column-sorters .ant-table-column-title {
|
|
95
96
|
flex: unset;
|
|
96
97
|
}
|
|
97
98
|
.aplus-ap-table .ant-table-filter-column {
|
|
98
99
|
justify-content: unset;
|
|
100
|
+
display: inline-flex;
|
|
99
101
|
}
|
|
100
102
|
.aplus-ap-table .ant-table-filter-column .ant-table-column-title {
|
|
101
103
|
flex: unset;
|
|
@@ -1,19 +1,24 @@
|
|
|
1
|
-
import { ApTagGroupProps, ApTagProps } from './interface';
|
|
1
|
+
import { ApTagGroupProps, ApTagProps, EllipsisProps } from './interface';
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
type ApTagGroupSlots = {
|
|
5
|
+
tooltip?: (props: {
|
|
6
|
+
tags: ApTagProps[];
|
|
7
|
+
}) => void;
|
|
8
|
+
};
|
|
9
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTagGroupProps>, {
|
|
5
10
|
list: () => ApTagProps[];
|
|
6
11
|
space: number;
|
|
7
|
-
|
|
12
|
+
ellipsis: () => {};
|
|
8
13
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTagGroupProps>, {
|
|
9
14
|
list: () => ApTagProps[];
|
|
10
15
|
space: number;
|
|
11
|
-
|
|
16
|
+
ellipsis: () => {};
|
|
12
17
|
}>>>, {
|
|
18
|
+
ellipsis: EllipsisProps;
|
|
13
19
|
space: number;
|
|
14
20
|
list: ApTagProps[];
|
|
15
|
-
|
|
16
|
-
}, {}>;
|
|
21
|
+
}, {}>, Readonly<ApTagGroupSlots> & ApTagGroupSlots>;
|
|
17
22
|
export default _default;
|
|
18
23
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
19
24
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -32,3 +37,8 @@ type __VLS_WithDefaults<P, D> = {
|
|
|
32
37
|
type __VLS_Prettify<T> = {
|
|
33
38
|
[K in keyof T]: T[K];
|
|
34
39
|
} & {};
|
|
40
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
41
|
+
new (): {
|
|
42
|
+
$slots: S;
|
|
43
|
+
};
|
|
44
|
+
};
|