@aplus-frontend/ui 0.0.16 → 0.0.18
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 +51 -46
- package/es/src/ap-field/date/helper.d.ts +7 -0
- package/es/src/ap-field/date/helper.mjs +17 -7
- package/es/src/ap-field/date/index.vue.mjs +46 -39
- package/es/src/ap-field/date-range/index.vue.mjs +63 -61
- package/es/src/ap-field/interface.d.ts +9 -0
- package/es/src/ap-table/ap-table.vue.mjs +92 -95
- package/es/src/ap-table/constants.d.ts +24 -0
- package/es/src/ap-table/interface.d.ts +18 -4
- package/es/src/ap-table/style/ap-table.css +6 -0
- package/es/src/ap-table/utils.d.ts +6831 -845
- package/es/src/business/ap-label/ApLabel.vue.d.ts +38 -0
- package/es/src/business/ap-label/ApLabel.vue.mjs +4 -0
- package/es/src/business/ap-label/ApLabel.vue2.mjs +52 -0
- package/es/src/business/ap-label/index.d.ts +4 -0
- package/es/src/business/ap-label/interface.d.ts +8 -0
- package/es/src/business/ap-label/style.css +4 -0
- package/es/src/business/index.d.ts +256 -1
- package/es/src/business/index.mjs +7 -4
- package/es/src/check-card/checked.svg.mjs +4 -0
- package/es/src/check-card/context.d.ts +6 -0
- package/es/src/check-card/context.mjs +16 -0
- package/es/src/check-card/group.vue.d.ts +57 -0
- package/es/src/check-card/group.vue.mjs +57 -0
- package/es/src/check-card/group.vue2.mjs +4 -0
- package/es/src/check-card/index.d.ts +9 -0
- package/es/src/check-card/index.mjs +11 -0
- package/es/src/check-card/index.vue.d.ts +54 -0
- package/es/src/check-card/index.vue.mjs +4 -0
- package/es/src/check-card/index.vue2.mjs +133 -0
- package/es/src/check-card/interface.d.ts +100 -0
- package/es/src/check-card/interface.mjs +1 -0
- package/es/src/check-card/style/index.css +108 -0
- package/es/src/editable-table/interface.d.ts +1 -1
- package/es/src/hooks/useControllableValue.mjs +15 -13
- package/es/src/index.d.ts +1 -0
- package/es/src/index.mjs +197 -192
- package/es/src/theme/ap-label/ap-label.css +4 -0
- package/es/src/theme/ap-table/ap-table.css +6 -0
- package/es/src/theme/check-card/index.css +108 -0
- package/lib/index.js +1 -1
- package/lib/src/ap-field/date/helper.d.ts +7 -0
- package/lib/src/ap-field/date/helper.js +1 -1
- package/lib/src/ap-field/date/index.vue.js +1 -1
- package/lib/src/ap-field/date-range/index.vue.js +1 -1
- package/lib/src/ap-field/interface.d.ts +9 -0
- package/lib/src/ap-table/ap-table.vue.js +1 -1
- package/lib/src/ap-table/constants.d.ts +24 -0
- package/lib/src/ap-table/interface.d.ts +18 -4
- package/lib/src/ap-table/style/ap-table.css +6 -0
- package/lib/src/ap-table/utils.d.ts +6831 -845
- package/lib/src/business/ap-label/ApLabel.vue.d.ts +38 -0
- package/lib/src/business/ap-label/ApLabel.vue.js +1 -0
- package/lib/src/business/ap-label/ApLabel.vue2.js +1 -0
- package/lib/src/business/ap-label/index.d.ts +4 -0
- package/lib/src/business/ap-label/interface.d.ts +8 -0
- package/lib/src/business/ap-label/style.css +4 -0
- package/lib/src/business/index.d.ts +256 -1
- package/lib/src/business/index.js +1 -1
- package/lib/src/check-card/checked.svg.js +1 -0
- package/lib/src/check-card/context.d.ts +6 -0
- package/lib/src/check-card/context.js +1 -0
- package/lib/src/check-card/group.vue.d.ts +57 -0
- package/lib/src/check-card/group.vue.js +1 -0
- package/lib/src/check-card/group.vue2.js +1 -0
- package/lib/src/check-card/index.d.ts +9 -0
- package/lib/src/check-card/index.js +1 -0
- package/lib/src/check-card/index.vue.d.ts +54 -0
- package/lib/src/check-card/index.vue.js +1 -0
- package/lib/src/check-card/index.vue2.js +1 -0
- package/lib/src/check-card/interface.d.ts +100 -0
- package/lib/src/check-card/interface.js +1 -0
- package/lib/src/check-card/style/index.css +108 -0
- package/lib/src/editable-table/interface.d.ts +1 -1
- package/lib/src/hooks/useControllableValue.js +1 -1
- package/lib/src/index.d.ts +1 -0
- package/lib/src/index.js +1 -1
- package/lib/src/theme/ap-label/ap-label.css +4 -0
- package/lib/src/theme/ap-table/ap-table.css +6 -0
- package/lib/src/theme/check-card/index.css +108 -0
- package/package.json +2 -2
|
@@ -1,5 +1,12 @@
|
|
|
1
|
+
import { ZoneAlias } from '@aplus-frontend/utils';
|
|
1
2
|
import { EventValue } from 'ant-design-vue/es/vc-picker/interface';
|
|
2
3
|
import { Dayjs } from 'dayjs';
|
|
3
4
|
|
|
4
5
|
export declare const formatDay: (d: Dayjs, f: string, begin?: boolean) => number | null;
|
|
6
|
+
/**
|
|
7
|
+
* 带timezone的日期格式化生成函数
|
|
8
|
+
* @param timezone
|
|
9
|
+
* @returns
|
|
10
|
+
*/
|
|
11
|
+
export declare function formatDayWithTimezone(timezone?: ZoneAlias): (d: Dayjs, f: string, begin?: boolean) => number | null;
|
|
5
12
|
export declare const formatValue: (v: EventValue<Dayjs>) => number | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=(e,
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@aplus-frontend/utils"),n=require("dayjs"),i=(e,r,o=!0)=>{if(!e)return null;let t=e.clone();return t=t.millisecond(0),r.indexOf("ss")===-1&&(t=t.second(o?0:59)),r.indexOf("mm")===-1&&(t=t.minute(o?0:59)),r.indexOf("HH")===-1&&(t=t.hour(o?0:23)),r.indexOf("DD")===-1&&(t=t.date(o?1:0),o||(t=t.month(t.month()+1))),r.indexOf("MM")===-1&&(t=t.month(o?0:12)),t.valueOf()};function f(e){return(r,o,t=!0)=>{const a=n(e?u.getUtcTimestamp(r,e):r);return i(a,o,t)}}const m=e=>e&&e.valueOf();exports.formatDay=i;exports.formatDayWithTimezone=f;exports.formatValue=m;
|
|
@@ -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"),r=require("dayjs"),b=require("ant-design-vue"),f=require("./constant.js");require("../../hooks/index.js");const m=require("lodash-unified"),S=require("./helper.js"),T=require("@aplus-frontend/utils"),_=require("../../hooks/useControllableValue.js"),M=e.defineComponent({name:"ApFieldDate",__name:"index",props:{mode:{default:"edit"},class:{},style:{},dropdownClassName:{},dropdownAlign:{},popupStyle:{},transitionName:{},placeholder:{},allowClear:{type:Boolean,default:!0},autofocus:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},tabindex:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},inputReadOnly:{type:Boolean,default:void 0},id:{},presets:{},suffixIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},clearIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},getPopupContainer:{},panelRender:{},inputRender:{},onOpenChange:{},onPanelChange:{},onFocus:{},onBlur:{},onMousedown:{},onMouseup:{},onMouseenter:{},onMouseleave:{},onClick:{},onContextmenu:{},onKeydown:{},role:{},name:{},autocomplete:{},direction:{},showToday:{type:Boolean,default:void 0},showTime:{type:Boolean,default:void 0},picker:{},prefixCls:{},defaultPickerValue:{},disabledDate:{},dateRender:{},monthCellRender:{},renderExtraFooter:{},onSelect:{},locale:{},size:{},bordered:{type:Boolean,default:void 0},showNow:{type:Boolean,default:void 0},disabledTime:{},defaultOpenValue:{},showHour:{type:Boolean,default:void 0},showMinute:{type:Boolean,default:void 0},showSecond:{type:Boolean,default:void 0},use12Hours:{type:Boolean,default:void 0},hourStep:{},minuteStep:{},secondStep:{},hideDisabledOptions:{type:Boolean,default:void 0},disabledHours:{},disabledMinutes:{},disabledSeconds:{},valueFormat:{},emptyText:{default:"--"},value:{},defaultValue:{},onChange:{},onOk:{},format:{default:"Y-D"},timezone:{}},emits:["update:value"],setup(v,{emit:y}){const o=v,h=y,{value:u,updateValue:c}=_.useControllableValue(o,h),l=e.computed(()=>f.ApFieldDatePresetFormats.indexOf(o.format)>-1),d=e.computed(()=>l.value?f.PRESET_FORMAT_MAP[o.format]:o.format),g=e.computed(()=>{if(m.isNil(e.unref(u)))return;let t=r(e.unref(u));return o.timezone&&(t=r(T.getTimeFormatToZone(e.unref(u),o.timezone))),t}),B=e.computed(()=>e.unref(l)?o.picker??f.PRESET_FORMAT_PICK_MAP[o.format]:o.picker),k=e.computed(()=>{const t=e.unref(l)?f.PRESET_FORMAT_TIME_MAP[o.format]:{};return{...m.omit(o,["value","defaultValue","onChange","onOk","format","onUpdate:value","mode"]),...t}}),p=S.formatDayWithTimezone(o.timezone);function O(t){if(m.isNil(t)){c(null);return}const n=r(t);e.unref(l)?c(p(n,e.unref(d))):c(n.valueOf())}function P(t,n){var s;const i=r(t),a=t?e.unref(l)?p(i,e.unref(d)):i.valueOf():null;(s=o.onChange)==null||s.call(o,a,n)}function C(t){var a;const n=r(t),i=t?e.unref(l)?p(n,e.unref(d)):n.valueOf():null;(a=o.onOk)==null||a.call(o,i)}return(t,n)=>t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(u)?e.unref(r)(e.unref(u)).format(d.value):t.emptyText),1)],64)):(e.openBlock(),e.createBlock(e.unref(b.DatePicker),e.mergeProps({key:1},k.value,{value:g.value,format:d.value,"onUpdate:value":O,onChange:P,onOk:C,picker:B.value}),e.createSlots({_:2},[e.renderList(t.$slots,(i,a)=>({name:a,fn:e.withCtx(s=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["value","format","picker"]))}});exports.default=M;
|
|
@@ -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"),y=require("../date/constant.js");require("../../hooks/index.js");const l=require("lodash-unified"),s=require("dayjs"),R=require("ant-design-vue"),k=require("../date/helper.js"),_=require("@ant-design/icons-vue"),w=require("../../utils/index.js"),h=require("@aplus-frontend/utils"),F=require("../../hooks/useControllableValue.js"),V=e.defineComponent({__name:"index",props:{mode:{default:"edit"},class:{},style:{},id:{},defaultPickerValue:{},placeholder:{},disabled:{type:[Boolean,Array],default:void 0},disabledTime:{},presets:{},ranges:{},separator:{type:[Object,String,Number,Boolean,null,Array],default:void 0},allowEmpty:{},onCalendarChange:{},onFocus:{},onBlur:{},onMousedown:{},onMouseup:{},onMouseenter:{},onMouseleave:{},onClick:{},direction:{},autocomplete:{},activePickerIndex:{},dateRender:{},panelRender:{},dropdownClassName:{},dropdownAlign:{},popupStyle:{},transitionName:{},allowClear:{type:Boolean,default:!0},autofocus:{type:Boolean,default:void 0},tabindex:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},inputReadOnly:{type:Boolean,default:void 0},format:{default:"Y-D"},suffixIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},clearIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},getPopupContainer:{},inputRender:{},onOpenChange:{},onContextmenu:{},onKeydown:{},role:{},name:{},picker:{},prefixCls:{},disabledDate:{},monthCellRender:{},locale:{},size:{},bordered:{type:Boolean,default:void 0},showTime:{type:Boolean,default:void 0},showNow:{type:Boolean,default:void 0},order:{type:Boolean,default:void 0},defaultOpenValue:{},showHour:{type:Boolean,default:void 0},showMinute:{type:Boolean,default:void 0},showSecond:{type:Boolean,default:void 0},use12Hours:{type:Boolean,default:void 0},hourStep:{},minuteStep:{},secondStep:{},hideDisabledOptions:{type:Boolean,default:void 0},disabledHours:{},disabledMinutes:{},disabledSeconds:{},valueFormat:{},emptyText:{default:"--"},value:{},defaultValue:{},onChange:{},onOk:{},timezone:{}},emits:["update:value"],setup(B,{emit:T}){const t=B,O=T,i=e.computed(()=>y.ApFieldDatePresetFormats.indexOf(t.format)>-1),u=e.computed(()=>i.value?y.PRESET_FORMAT_MAP[t.format]:t.format),{value:p,updateValue:g}=F.useControllableValue(t,O),f=k.formatDayWithTimezone(t.timezone),m=e.computed(()=>{var r,d;const o=e.unref(p);if(l.isNil(o)||!(o!=null&&o.length))return o;const a=t.timezone?h.getTimeFormatToZone(e.unref(p)[0],t.timezone):(r=e.unref(p))==null?void 0:r[0],n=t.timezone?h.getTimeFormatToZone(e.unref(p)[1],t.timezone):(d=e.unref(p))==null?void 0:d[1];return[s(a),s(n)]}),C=e.computed(()=>e.unref(i)?t.picker??y.PRESET_FORMAT_PICK_MAP[t.format]:t.picker),P=e.computed(()=>{const o=e.unref(i)?y.PRESET_FORMAT_TIME_MAP[t.format]:{};return{...w.omitUndefined(l.omit(t,["value","onUpdate:value","onChange","onOk","format","mode"])),...o}});function b(o){if(!o){g(o);return}let a=l.isString(o[0])?s(o[0]):o[0],n=l.isString(o[1])?s(o[1]):o[1];e.unref(i)?g([f(a,e.unref(u)),f(n,e.unref(u),!1)]):g([k.formatValue(a),k.formatValue(n)])}function D(o){var c;const a=l.isString(o[0])?s(o[0]):o[0],n=l.isString(o[1])?s(o[1]):o[1],r=o[0]?e.unref(i)?f(a,e.unref(u)):a.valueOf():null,d=o[1]?e.unref(i)?f(n,e.unref(u),!1):n.valueOf():null;(c=t.onOk)==null||c.call(t,[r,d])}function M(o,a){var v,S;if(l.isNil(o)){(v=t.onChange)==null||v.call(t,o,a);return}const n=l.isString(o[0])?s(o[0]):o[0],r=l.isString(o[1])?s(o[1]):o[1],d=o[0]?e.unref(i)?f(n,e.unref(u)):n.valueOf():null,c=o[1]?e.unref(i)?f(r,e.unref(u),!1):r.valueOf():null;(S=t.onChange)==null||S.call(t,[d,c],a)}return(o,a)=>{var n,r;return o.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[m.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString((n=m.value[0])==null?void 0:n.format(u.value))+" ",1),e.renderSlot(o.$slots,"readModeSeparator",{},()=>[e.createVNode(e.unref(_.SwapRightOutlined))]),e.createTextVNode(" "+e.toDisplayString((r=m.value[1])==null?void 0:r.format(u.value)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(o.emptyText),1)],64))],64)):(e.openBlock(),e.createBlock(e.unref(R.DatePicker).RangePicker,e.mergeProps({key:1},P.value,{value:m.value,"onUpdate:value":b,onChange:M,picker:C.value,format:u.value,onOk:D}),e.createSlots({_:2},[e.renderList(e.unref(l.omit)(o.$slots,"readModeSeparator"),(d,c)=>({name:c,fn:e.withCtx(v=>[e.renderSlot(o.$slots,c,e.normalizeProps(e.guardReactiveProps(v||{})))])}))]),1040,["value","picker","format"]))}}});exports.default=V;
|
|
@@ -5,6 +5,7 @@ import { RangeValue } from 'ant-design-vue/es/vc-picker/interface';
|
|
|
5
5
|
import { RangePickerProps } from 'ant-design-vue/es/date-picker/dayjs';
|
|
6
6
|
import { LiteralUnion } from '../type';
|
|
7
7
|
import { InputPasswordProps } from './text/input-password-props';
|
|
8
|
+
import { ZoneAlias } from '@aplus-frontend/utils';
|
|
8
9
|
|
|
9
10
|
export type FieldMode = 'read' | 'edit';
|
|
10
11
|
export type BasicApFieldProps<FieldPropsType = any> = {
|
|
@@ -40,6 +41,10 @@ export type ApFieldDateProps = BasicApFieldProps<Omit<DatePickerProps, 'mode' |
|
|
|
40
41
|
onChange?: (ts: number | null, dayStr: string) => void;
|
|
41
42
|
onOk?: (ts: number | null) => void;
|
|
42
43
|
format?: LiteralUnion<ApFormatPresetType, string>;
|
|
44
|
+
/**
|
|
45
|
+
* 指定时区,指定后value会变为特定时区下的timestamp
|
|
46
|
+
*/
|
|
47
|
+
timezone?: ZoneAlias;
|
|
43
48
|
};
|
|
44
49
|
export type ApFieldNumberProps = BasicApFieldProps<InputNumberProps> & {
|
|
45
50
|
emptyText?: string;
|
|
@@ -84,6 +89,10 @@ export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'va
|
|
|
84
89
|
onChange?: (ts: RangeValue<number> | null, dayStr: [string, string]) => void;
|
|
85
90
|
onOk?: (ts: RangeValue<number>) => void;
|
|
86
91
|
format?: LiteralUnion<ApFormatPresetType, string>;
|
|
92
|
+
/**
|
|
93
|
+
* 指定时区,指定后value会变为特定时区下的timestamp
|
|
94
|
+
*/
|
|
95
|
+
timezone?: ZoneAlias;
|
|
87
96
|
};
|
|
88
97
|
export type ApFieldSelectProps = BasicApFieldProps<Omit<SelectProps, 'mode' | 'value' | 'onUpdate:value' | 'onSearch'>> & {
|
|
89
98
|
emptyText?: string;
|
|
@@ -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"),h=require("ant-design-vue"),M=require("ant-design-vue/es/theme/internal"),W=require("../ap-form/index.js"),i=require("./constants.js");require("../config-provider/index.js");const A=require("./hooks/use-table-paging.js"),w=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(R,{expose:B}){const o=R,b=e.useSlots(),[,T]=M.useToken(),{t:P}=$.useLocale(),{e:c,b:s}=G.useNamespace("ap-table"),k=U.useGlobalConfig("uiMode","aplus"),{height:v,contentRef:I}=K.default(),p=e.computed(()=>{var r;let a=((r=o.columns)==null?void 0:r.filter(t=>!t.hideInTable))||[];return a=a.map(t=>({...u.apColumnToColumn(t),customRender({value:n,...l}){const g=u.getTableRenderType(t),x=i.apTableRenderItemMap[g],j=u.getTableRenderProps(t,{value:n,...l});let y=O(t,n,e.createVNode(x,e.mergeProps(j,{mode:"read"}),null));return t.customRender&&(y=t.customRender({value:n,...l,column:t,originalNode:y})),y}})),a}),C=e.computed(()=>{var a,r,t;return((t=(r=(a=o.columns)==null?void 0:a.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!i.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:r.sort((n,l)=>{let g=u.getColumnOrder(n.order);return u.getColumnOrder(l.order)-g}))==null?void 0:t.map(n=>{const l=u.updateFormProps(n,u.getFieldProps(n.fieldProps,{}));return{...n,fieldProps:{label:n.title,name:n.dataIndex,...l||{},placeholder:u.getPlaceholder(P,n.valueType,l==null?void 0:l.placeholder)}}}))||[]}),q=e.computed(()=>e.unref(p).filter(a=>a.sorter===!0).map(a=>a.dataIndex)),V=e.computed(()=>e.unref(p).filter(a=>a.filters&&!a.onFilter).map(a=>a.dataIndex)),{formRef:f,submit:S,reset:F,tableProps:d,handleTableChange:N,data:m}=A.useTablePaging({async request(a){var t,n;const r=await((t=o.request)==null?void 0:t.call(o,a));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(V),sortFields:e.unref(q),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&&m.value.total>0?{y:e.unref(v),x:"100%"}:{x:!0}),z=e.computed(()=>({...o,...e.unref(d),loading:w.isUndefined(o.loading)?e.unref(d).loading:o.loading,pagination:o.pagination===!1?!1:e.unref(d).pagination,scroll:e.unref(E)})),L=e.computed(()=>[s(),o.card?null:s("wrapper"),o.adaptive?s("adaptive"):null].filter(Boolean));function O(a,r,t){return i.noRenderAsFormItemValueList.includes(a.valueType)?t:a.copyable||a.ellipsis?e.createVNode(h.Typography.Text,{copyable:a.copyable?{text:r,tooltip:!1}:!1,ellipsis:a.ellipsis?{tooltip:r}:!1,content:t},null):t}e.watch(()=>e.unref(m).loading,a=>{var r;(r=o.onLoadingChange)==null||r.call(o,a)});function _(a){var r,t,n;(n=(t=(r=f.value)==null?void 0:r.apForm)==null?void 0:t.setFieldsValue)==null||n.call(t,a)}function D(){var a,r,t;return(t=(r=(a=f.value)==null?void 0:a.apForm)==null?void 0:r.getFieldsValue)==null?void 0:t.call(r,!0)}return B({submit:()=>S(),reset:()=>F(),setSearchFormValues:_,getSearchFormValues:D,dataSource:e.computed(()=>e.unref(m).records)}),(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(L.value)},[a.searchForm!==!1&&C.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(a.card?e.unref(c)("search-wrapper"):null),style:e.normalizeStyle(a.searchFormWrapperStyle)},[e.createVNode(e.unref(W.ApForm).SearchForm,e.mergeProps(a.searchForm||{},{ref_key:"formRef",ref:f,"custom-reset":"",onSubmit:e.unref(S),onReset:e.unref(F),"submit-loading":e.unref(d).loading}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,t=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.customRenderFormItem?t.customRenderFormItem(t):e.unref(i.apTableFormItemMap)[t.valueType||"text"]),e.mergeProps({key:t.dataIndex,ref_for:!0},t.fieldProps||{},{span:t.span}),null,16,["span"]))),128))]),_:2},[b.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["onSubmit","onReset","submit-loading"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:I,class:e.normalizeClass([e.unref(c)("table-wrapper"),a.card?e.unref(c)("table-wrapper-card"):null]),style:e.normalizeStyle(a.tableWrapperStyle)},[e.renderSlot(a.$slots,"title"),e.createVNode(e.unref(h.Table),e.mergeProps({class:e.unref(k)==="admin"?e.unref(s)("table-admin"):e.unref(s)("table")},z.value,{onChange:e.unref(N),columns:p.value}),e.createSlots({headerCell:e.withCtx(({column:t,title:n})=>[t.tooltip?(e.openBlock(),e.createElementBlock("span",Q,[e.createElementVNode("span",null,e.toDisplayString(n),1),e.createVNode(e.unref(h.Tooltip),{title:t.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(H.QuestionCircleOutlined),{style:e.normalizeStyle({paddingLeft:"4px",color:e.unref(T).colorPrimary})},null,8,["style"])]),_:2},1032,["title"])])):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(w.omit)(b,["title","searchFormExtra"]),(t,n)=>({name:n,fn:e.withCtx(l=>[e.renderSlot(a.$slots,n,e.normalizeProps(e.guardReactiveProps(l||{})))])}))]),1040,["class","onChange","columns"])],6)],2))}});exports.default=J;
|
|
@@ -7913,6 +7913,9 @@ export declare const apTableRenderItemMap: {
|
|
|
7913
7913
|
type: PropType<string>;
|
|
7914
7914
|
default: string;
|
|
7915
7915
|
};
|
|
7916
|
+
timezone: {
|
|
7917
|
+
type: PropType<"LA" | "NY" | "SH">;
|
|
7918
|
+
};
|
|
7916
7919
|
}>> & {
|
|
7917
7920
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
7918
7921
|
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
@@ -8115,6 +8118,9 @@ export declare const apTableRenderItemMap: {
|
|
|
8115
8118
|
type: PropType<string>;
|
|
8116
8119
|
default: string;
|
|
8117
8120
|
};
|
|
8121
|
+
timezone: {
|
|
8122
|
+
type: PropType<"LA" | "NY" | "SH">;
|
|
8123
|
+
};
|
|
8118
8124
|
}>> & {
|
|
8119
8125
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
8120
8126
|
}, {
|
|
@@ -8349,6 +8355,9 @@ export declare const apTableRenderItemMap: {
|
|
|
8349
8355
|
type: PropType<string>;
|
|
8350
8356
|
default: string;
|
|
8351
8357
|
};
|
|
8358
|
+
timezone: {
|
|
8359
|
+
type: PropType<"LA" | "NY" | "SH">;
|
|
8360
|
+
};
|
|
8352
8361
|
}>> & {
|
|
8353
8362
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
8354
8363
|
}, {}, {}, {}, {}, {
|
|
@@ -8580,6 +8589,9 @@ export declare const apTableRenderItemMap: {
|
|
|
8580
8589
|
type: PropType<string>;
|
|
8581
8590
|
default: string;
|
|
8582
8591
|
};
|
|
8592
|
+
timezone: {
|
|
8593
|
+
type: PropType<"LA" | "NY" | "SH">;
|
|
8594
|
+
};
|
|
8583
8595
|
}>> & {
|
|
8584
8596
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
8585
8597
|
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
@@ -8845,6 +8857,9 @@ export declare const apTableRenderItemMap: {
|
|
|
8845
8857
|
type: PropType<string>;
|
|
8846
8858
|
default: string;
|
|
8847
8859
|
};
|
|
8860
|
+
timezone: {
|
|
8861
|
+
type: PropType<"LA" | "NY" | "SH">;
|
|
8862
|
+
};
|
|
8848
8863
|
}>> & {
|
|
8849
8864
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
8850
8865
|
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
@@ -9055,6 +9070,9 @@ export declare const apTableRenderItemMap: {
|
|
|
9055
9070
|
type: PropType<string>;
|
|
9056
9071
|
default: string;
|
|
9057
9072
|
};
|
|
9073
|
+
timezone: {
|
|
9074
|
+
type: PropType<"LA" | "NY" | "SH">;
|
|
9075
|
+
};
|
|
9058
9076
|
}>> & {
|
|
9059
9077
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
9060
9078
|
}, {
|
|
@@ -9302,6 +9320,9 @@ export declare const apTableRenderItemMap: {
|
|
|
9302
9320
|
type: PropType<string>;
|
|
9303
9321
|
default: string;
|
|
9304
9322
|
};
|
|
9323
|
+
timezone: {
|
|
9324
|
+
type: PropType<"LA" | "NY" | "SH">;
|
|
9325
|
+
};
|
|
9305
9326
|
}>> & {
|
|
9306
9327
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
9307
9328
|
}, {}, {}, {}, {}, {
|
|
@@ -9546,6 +9567,9 @@ export declare const apTableRenderItemMap: {
|
|
|
9546
9567
|
type: PropType<string>;
|
|
9547
9568
|
default: string;
|
|
9548
9569
|
};
|
|
9570
|
+
timezone: {
|
|
9571
|
+
type: PropType<"LA" | "NY" | "SH">;
|
|
9572
|
+
};
|
|
9549
9573
|
}>> & {
|
|
9550
9574
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
9551
9575
|
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
@@ -3,7 +3,7 @@ import { CompareFn, SortOrder } 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';
|
|
6
|
-
import { ComputedRef, CSSProperties } from 'vue';
|
|
6
|
+
import { ComputedRef, CSSProperties, VNode } from 'vue';
|
|
7
7
|
import { ApActionGroupProps } from '../ap-action';
|
|
8
8
|
import { ApTableIndexProps } from './components/interface';
|
|
9
9
|
|
|
@@ -56,7 +56,7 @@ export type ApTableValueFields = {
|
|
|
56
56
|
};
|
|
57
57
|
export type ApTableValueTypes = keyof ApTableValueFields;
|
|
58
58
|
export type ValueEnum = Record<string, ValueEnumType>;
|
|
59
|
-
export type ExtraProColumnType<T> = Omit<ColumnType<T>, 'children' | 'filters'> & {
|
|
59
|
+
export type ExtraProColumnType<T> = Omit<ColumnType<T>, 'children' | 'filters' | 'customRender'> & {
|
|
60
60
|
sorter?: string | boolean | CompareFn<T> | {
|
|
61
61
|
compare?: CompareFn<T>;
|
|
62
62
|
/** Config multiple sorter order priority */
|
|
@@ -100,14 +100,14 @@ export type ApColumnType<RecordType = any, ValueType extends ApTableValueTypes =
|
|
|
100
100
|
/**
|
|
101
101
|
* 值类型额外配置的参数(用于查询表单渲染)
|
|
102
102
|
*/
|
|
103
|
-
fieldProps?: ApTableValueFields[ValueType] | ((opt
|
|
103
|
+
fieldProps?: ApTableValueFields[ValueType] | ((opt: Partial<{
|
|
104
104
|
value: any;
|
|
105
105
|
text: any;
|
|
106
106
|
record: RecordType;
|
|
107
107
|
index: number;
|
|
108
108
|
renderIndex: number;
|
|
109
109
|
column: ApColumnType<RecordType, ValueType>;
|
|
110
|
-
}) => ApTableValueFields[ValueType]);
|
|
110
|
+
}>) => ApTableValueFields[ValueType]);
|
|
111
111
|
/**
|
|
112
112
|
* 用于表单项排序的字段
|
|
113
113
|
* @description 值越大,越排在前面,请设置正整数,设置为0或负数将会无效
|
|
@@ -117,6 +117,20 @@ export type ApColumnType<RecordType = any, ValueType extends ApTableValueTypes =
|
|
|
117
117
|
* 表头的菜单筛选项,设置为true后会尝试使用valueEnum生成filters
|
|
118
118
|
*/
|
|
119
119
|
filters?: ColumnType<RecordType>['filters'] | true;
|
|
120
|
+
/**
|
|
121
|
+
* 自定义渲染,添加了`editable`以及`originalNode`
|
|
122
|
+
* @param opt
|
|
123
|
+
* @returns
|
|
124
|
+
*/
|
|
125
|
+
customRender?: (opt: {
|
|
126
|
+
value: any;
|
|
127
|
+
text: any;
|
|
128
|
+
record: RecordType;
|
|
129
|
+
index: number;
|
|
130
|
+
renderIndex: number;
|
|
131
|
+
column: ApColumnType<RecordType>;
|
|
132
|
+
originalNode?: VNode;
|
|
133
|
+
}) => any;
|
|
120
134
|
} : never;
|
|
121
135
|
export type RequestData<T> = {
|
|
122
136
|
data: T[] | undefined;
|
|
@@ -78,3 +78,9 @@
|
|
|
78
78
|
.aplus-ap-table .ant-table-small .ant-table-cell {
|
|
79
79
|
padding: 9px 16px !important;
|
|
80
80
|
}
|
|
81
|
+
.aplus-ap-table .ant-table-middle .ant-table-placeholder .ant-table-cell {
|
|
82
|
+
padding: 0 !important;
|
|
83
|
+
}
|
|
84
|
+
.aplus-ap-table .ant-table-small .ant-table-placeholder .ant-table-cell {
|
|
85
|
+
padding: 0 !important;
|
|
86
|
+
}
|