@aplus-frontend/ui 0.0.17 → 0.0.19
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 +18 -14
- 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.d.ts +3 -1
- package/es/src/ap-field/date/index.vue.mjs +46 -39
- package/es/src/ap-field/date-range/index.vue.d.ts +3 -3
- package/es/src/ap-field/date-range/index.vue.mjs +64 -62
- package/es/src/ap-field/interface.d.ts +10 -1
- package/es/src/ap-form/ap-form-item.vue.mjs +61 -57
- package/es/src/ap-form/search-form/index.vue.mjs +1 -1
- package/es/src/ap-form/style/ap-form-item.css +11 -0
- package/es/src/ap-modal/index.d.ts +9 -0
- package/es/src/ap-modal/index.mjs +10 -0
- package/es/src/ap-modal/type.d.ts +13 -0
- package/es/src/ap-modal/type.mjs +1 -0
- package/es/src/ap-modal/utils/createModal.d.ts +3 -0
- package/es/src/ap-modal/utils/createModal.mjs +74 -0
- package/es/src/ap-modal/utils/index.d.ts +1 -0
- package/es/src/ap-modal/utils/index.mjs +4 -0
- package/es/src/ap-table/ap-table.vue.mjs +151 -141
- package/es/src/ap-table/constants.d.ts +41 -15
- package/es/src/ap-table/interface.d.ts +22 -4
- package/es/src/ap-table/style/ap-table.css +1 -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/expandAlert/ApExpandAlert.vue.d.ts +81 -0
- package/es/src/business/expandAlert/ApExpandAlert.vue.mjs +4 -0
- package/es/src/business/expandAlert/ApExpandAlert.vue2.mjs +113 -0
- package/es/src/business/expandAlert/interface.d.ts +26 -0
- package/es/src/business/expandAlert/style.css +42 -0
- package/es/src/business/index.d.ts +416 -1
- package/es/src/business/index.mjs +10 -4
- package/es/src/editable-table/interface.d.ts +1 -1
- package/es/src/index.d.ts +1 -0
- package/es/src/index.mjs +192 -188
- package/es/src/theme/ap-expand-alert/ap-expand-alert.css +42 -0
- package/es/src/theme/ap-form/ap-form-item.css +11 -0
- package/es/src/theme/ap-label/ap-label.css +4 -0
- package/es/src/theme/ap-table/ap-table.css +1 -0
- package/es/src/type.d.ts +3 -1
- 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.d.ts +3 -1
- package/lib/src/ap-field/date/index.vue.js +1 -1
- package/lib/src/ap-field/date-range/index.vue.d.ts +3 -3
- package/lib/src/ap-field/date-range/index.vue.js +1 -1
- package/lib/src/ap-field/interface.d.ts +10 -1
- package/lib/src/ap-form/ap-form-item.vue.js +1 -1
- package/lib/src/ap-form/search-form/index.vue.js +1 -1
- package/lib/src/ap-form/style/ap-form-item.css +11 -0
- package/lib/src/ap-modal/index.d.ts +9 -0
- package/lib/src/ap-modal/index.js +1 -0
- package/lib/src/ap-modal/type.d.ts +13 -0
- package/lib/src/ap-modal/type.js +1 -0
- package/lib/src/ap-modal/utils/createModal.d.ts +3 -0
- package/lib/src/ap-modal/utils/createModal.js +1 -0
- package/lib/src/ap-modal/utils/index.d.ts +1 -0
- package/lib/src/ap-modal/utils/index.js +1 -0
- package/lib/src/ap-table/ap-table.vue.js +1 -1
- package/lib/src/ap-table/constants.d.ts +41 -15
- package/lib/src/ap-table/interface.d.ts +22 -4
- package/lib/src/ap-table/style/ap-table.css +1 -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/expandAlert/ApExpandAlert.vue.d.ts +81 -0
- package/lib/src/business/expandAlert/ApExpandAlert.vue.js +1 -0
- package/lib/src/business/expandAlert/ApExpandAlert.vue2.js +1 -0
- package/lib/src/business/expandAlert/interface.d.ts +26 -0
- package/lib/src/business/expandAlert/style.css +42 -0
- package/lib/src/business/index.d.ts +416 -1
- package/lib/src/business/index.js +1 -1
- package/lib/src/editable-table/interface.d.ts +1 -1
- package/lib/src/index.d.ts +1 -0
- package/lib/src/index.js +1 -1
- package/lib/src/theme/ap-expand-alert/ap-expand-alert.css +42 -0
- package/lib/src/theme/ap-form/ap-form-item.css +11 -0
- package/lib/src/theme/ap-label/ap-label.css +4 -0
- package/lib/src/theme/ap-table/ap-table.css +1 -0
- package/lib/src/type.d.ts +3 -1
- package/package.json +3 -3
|
@@ -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,7 +1,7 @@
|
|
|
1
1
|
import { ApFieldDateRangeProps, FieldMode } from '../interface';
|
|
2
|
-
import {
|
|
2
|
+
import { ApFormatPresetType } from '../date/interface';
|
|
3
3
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, VNode, RendererNode, RendererElement, PropType } from 'vue';
|
|
4
|
-
import {
|
|
4
|
+
import { LiteralUnion } from '../../type';
|
|
5
5
|
|
|
6
6
|
type ApFieldDateRangeSlots = {
|
|
7
7
|
suffixIcon?: any;
|
|
@@ -96,7 +96,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
96
96
|
}> | null | undefined)[] | VNode<RendererNode, RendererElement, {
|
|
97
97
|
[key: string]: any;
|
|
98
98
|
}> | null;
|
|
99
|
-
format:
|
|
99
|
+
format: LiteralUnion<ApFormatPresetType, string>;
|
|
100
100
|
inputReadOnly: boolean;
|
|
101
101
|
emptyText: string;
|
|
102
102
|
}, {}>, Readonly<ApFieldDateRangeSlots> & ApFieldDateRangeSlots>;
|
|
@@ -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},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:{},format:{default:"Y-D"},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;
|
|
@@ -77,13 +82,17 @@ export type ApFieldTextAreaExpose = {
|
|
|
77
82
|
blur: () => void;
|
|
78
83
|
resizableTextArea: any;
|
|
79
84
|
};
|
|
80
|
-
export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter' | 'onUpdate:value' | 'mode'>> & {
|
|
85
|
+
export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter' | 'onUpdate:value' | 'mode' | 'format'>> & {
|
|
81
86
|
emptyText?: string;
|
|
82
87
|
value?: RangeValue<number> | null;
|
|
83
88
|
defaultValue?: RangeValue<number>;
|
|
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"),T=require("ant-design-vue/es/theme/internal"),d=require("lodash-unified"),w=require("./constant.js"),z=require("@ant-design/icons-vue");require("../config-provider/index.js");const A=require("./context.js");require("./style/ap-form-item.css");const R=require("../config-provider/hooks/use-namespace.js"),j=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(B,{expose:F}){var v,y;const r=B,t=e.useSlots(),{model:u,updateModel:s}=A.useInjectForm(),{m:c,b:C}=R.useNamespace("ap-form-item"),i=e.ref(!1),n=e.ref(),[,g]=T.useToken(),f=e.computed(()=>r.name?d.isArray(r.name)?r.name.reduce((o,l)=>o==null?void 0:o[l],e.unref(u)):u==null?void 0:u.value[r.name]:null),m=e.ref((y=(v=t.default)==null?void 0:v.call(t))==null?void 0:y[0]);e.watch(()=>{var o;return(o=t.default)==null?void 0:o.call(t)},o=>{m.value=o==null?void 0:o[0]});function k(o){s==null||s(r.name,o)}function q(){i.value=!0}function N(){i.value=!1}const p=e.computed(()=>{var l,a;if(!r.name)return(l=t.default())==null?void 0:l[0];const o=e.unref(m);return o?e.cloneVNode(o,{[r.valuePropName]:e.unref(f),[`onUpdate:${r.valuePropName}`]:k,bordered:r.bordered?!1:(a=o==null?void 0:o.props)==null?void 0:a.bordered,onFocus:q,onBlur:N}):null});function x(){var o;(o=n.value)==null||o.onFieldBlur()}function P(){var o;(o=n.value)==null||o.onFieldChange()}function V(){var o;(o=n.value)==null||o.clearValidate()}function S(){var o;(o=n.value)==null||o.resetField()}function I(){return e.unref(f)}return F({onFieldBlur:x,onFieldChange:P,clearValidate:V,resetField:S,getFieldValue:I}),(o,l)=>(e.openBlock(),e.createBlock(e.unref(h.Form).Item,e.mergeProps({ref_key:"formItemRef",ref:n},e.unref(d.omit)(r,[...e.unref(w.apFormItemColPropKeys),"tooltip"]),{class:{[e.unref(c)("bordered")]:o.bordered,[e.unref(c)("focused")]:o.bordered&&i.value,[e.unref(C)()]:!0},colon:o.bordered?!1:r.colon}),e.createSlots({default:e.withCtx(()=>[p.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.value),{key:0})):e.createCommentVNode("",!0)]),_:2},[r.tooltip?{name:"tooltip",fn:e.withCtx(({class:a})=>[e.createElementVNode("span",{class:e.normalizeClass(a)},[e.createVNode(e.unref(h.Tooltip),{title:r.tooltip},{default:e.withCtx(()=>[e.createVNode(e.unref(z.QuestionCircleOutlined),{style:e.normalizeStyle({color:e.unref(g).colorPrimary})},null,8,["style"])]),_:1},8,["title"])],2)]),key:"0"}:void 0,e.renderList(e.unref(d.omit)(t,"default"),(a,b)=>({name:b,fn:e.withCtx(_=>[e.renderSlot(o.$slots,b,e.normalizeProps(e.guardReactiveProps(_||{})))])}))]),1040,["class","colon"]))}});exports.default=j;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("ant-design-vue");require("../ap-form.vue.js");require("../ap-form-item-group/index.vue2.js");require("../ap-form-item.vue2.js");require("../../hooks/index.js");const b=require("../ap-form-item-group/helper.js"),D=require("@ant-design/icons-vue");require("../../config-provider/index.js");require("../style/search-form.css");const L=require("lodash-unified"),U=require("../../hooks/useControllableValue.js"),z=require("../../config-provider/hooks/use-namespace.js"),W=require("../../config-provider/hooks/use-locale.js"),q=require("../ap-form-item.vue.js"),$=require("../ap-form.vue2.js"),G=require("../ap-form-item-group/index.vue.js");function H(i){return typeof i=="function"||Object.prototype.toString.call(i)==="[object Object]"&&!e.isVNode(i)}const r=24,J=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(i,{expose:B,emit:S}){var v;const o=e.useSlots(),a=i,w=S,{value:d,updateValue:P}=U.useControllableValue(a,w,{valuePropName:"collapse",defaultValuePropName:"defaultCollapse"}),{b:k}=z.useNamespace("ap-form-search-form"),{t:g}=W.useLocale(),h=e.ref();function T(){P(!e.unref(d))}function A(){var t,n;(n=(t=h.value)==null?void 0:t.validateFields())==null||n.then(a.onSubmit)}function E(){var t,n,f;a.customReset||(n=(t=h.value)==null?void 0:t.resetFields)==null||n.call(t),(f=a.onReset)==null||f.call(a)}const C=e.shallowRef(b.genRealChildren(o.default())),p=e.shallowRef((v=o.extra)==null?void 0:v.call(o)),y=e.computed(()=>Math.floor(r/a.countPerRow));e.watch(()=>o.default(),t=>{C.value=b.genRealChildren(t)}),e.watch(()=>{var t;return(t=o.extra)==null?void 0:t.call(o)},t=>{p.value=t});const I=e.computed(()=>{let t;const n=[...e.unref(C)],f=[],F=[],l=e.unref(y);let m=0;n.forEach(u=>{const s=u.props;s!=null&&s.hidden?f.push(u):(m+=s.span||l,F.push(u))});const R=r-(m+l)%r,V=R<l?r:R,_=r-l*(e.unref(p)&&!a.extraInAction?2:1),M=!a.forceExpand&&m>_;let x=0;const j=F.map((u,s)=>{const N=u.props;return x+=N.span||l,e.cloneVNode(u,{span:N.span||l,key:`ApFormSearchFormItem-${s}`,hidden:!a.forceExpand&&e.unref(d)&&x>_})}),O=r-Math.min(_,x)-l;return e.createVNode(e.Fragment,null,[j,f,e.createVNode(q.default,{span:e.unref(y)},{default:()=>[e.createVNode(c.Flex,{justify:"space-between"},{default:()=>[e.createVNode(c.Space,null,{default:()=>[e.createVNode(c.Button,{type:"primary",onClick:A,loading:a.submitLoading},{default:()=>[a.searchText||g("ap.apForm.search.search")]}),e.createVNode(c.Button,{onClick:E},{default:()=>[a.resetText||g("ap.apForm.search.reset")]}),M?e.createVNode(c.Button,{onClick:T,icon:e.createVNode(D.DoubleRightOutlined,{style:"color:#B8C3D1",rotate:e.unref(d)?90:-90},null)},null):null]}),a.extraInAction?e.unref(p):null]})]}),!a.extraInAction&&e.unref(p)?e.createVNode(q.default,{span:e.unref(d)?O:V},{default:()=>[e.createVNode(c.Flex,{justify:!e.unref(d)&&V===r?"start":"end"},H(t=e.unref(p))?t:{default:()=>[t]})]}):null])});return B({apForm:e.computed(()=>e.unref(h))}),(t,n)=>(e.openBlock(),e.createBlock($.default,e.mergeProps({class:e.unref(k)(),ref_key:"apForm",ref:h},e.unref(L.omit)(a,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[e.createVNode(G.default,{"count-per-row":a.countPerRow},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(I.value)))]),_:1},8,["count-per-row"])]),_:1},16,["class"]))}});exports.default=J;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("ant-design-vue");require("../ap-form.vue.js");require("../ap-form-item-group/index.vue2.js");require("../ap-form-item.vue2.js");require("../../hooks/index.js");const b=require("../ap-form-item-group/helper.js"),D=require("@ant-design/icons-vue");require("../../config-provider/index.js");require("../style/search-form.css");const L=require("lodash-unified"),U=require("../../hooks/useControllableValue.js"),z=require("../../config-provider/hooks/use-namespace.js"),W=require("../../config-provider/hooks/use-locale.js"),q=require("../ap-form-item.vue.js"),$=require("../ap-form.vue2.js"),G=require("../ap-form-item-group/index.vue.js");function H(i){return typeof i=="function"||Object.prototype.toString.call(i)==="[object Object]"&&!e.isVNode(i)}const r=24,J=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(i,{expose:B,emit:S}){var v;const o=e.useSlots(),a=i,w=S,{value:d,updateValue:P}=U.useControllableValue(a,w,{valuePropName:"collapse",defaultValuePropName:"defaultCollapse"}),{b:k}=z.useNamespace("ap-form-search-form"),{t:g}=W.useLocale(),h=e.ref();function T(){P(!e.unref(d))}function A(){var t,n;(n=(t=h.value)==null?void 0:t.validateFields())==null||n.then(a.onSubmit)}function E(){var t,n,f;a.customReset||(n=(t=h.value)==null?void 0:t.resetFields)==null||n.call(t),(f=a.onReset)==null||f.call(a)}const C=e.shallowRef(b.genRealChildren(o.default())),p=e.shallowRef((v=o.extra)==null?void 0:v.call(o)),y=e.computed(()=>Math.floor(r/a.countPerRow));e.watch(()=>o.default(),t=>{C.value=b.genRealChildren(t)}),e.watch(()=>{var t;return(t=o.extra)==null?void 0:t.call(o)},t=>{p.value=t});const I=e.computed(()=>{let t;const n=[...e.unref(C)],f=[],F=[],l=e.unref(y);let m=0;n.forEach(u=>{const s=u.props;s!=null&&s.hidden?f.push(u):(m+=s.span||l,F.push(u))});const R=r-(m+l)%r,V=R<l?r:R,_=r-l*(e.unref(p)&&!a.extraInAction?2:1),M=!a.forceExpand&&m>_;let x=0;const j=F.map((u,s)=>{const N=u.props;return x+=N.span||l,e.cloneVNode(u,{span:N.span||l,key:`ApFormSearchFormItem-${s}-${Date.now()}`,hidden:!a.forceExpand&&e.unref(d)&&x>_})}),O=r-Math.min(_,x)-l;return e.createVNode(e.Fragment,null,[j,f,e.createVNode(q.default,{span:e.unref(y)},{default:()=>[e.createVNode(c.Flex,{justify:"space-between"},{default:()=>[e.createVNode(c.Space,null,{default:()=>[e.createVNode(c.Button,{type:"primary",onClick:A,loading:a.submitLoading},{default:()=>[a.searchText||g("ap.apForm.search.search")]}),e.createVNode(c.Button,{onClick:E},{default:()=>[a.resetText||g("ap.apForm.search.reset")]}),M?e.createVNode(c.Button,{onClick:T,icon:e.createVNode(D.DoubleRightOutlined,{style:"color:#B8C3D1",rotate:e.unref(d)?90:-90},null)},null):null]}),a.extraInAction?e.unref(p):null]})]}),!a.extraInAction&&e.unref(p)?e.createVNode(q.default,{span:e.unref(d)?O:V},{default:()=>[e.createVNode(c.Flex,{justify:!e.unref(d)&&V===r?"start":"end"},H(t=e.unref(p))?t:{default:()=>[t]})]}):null])});return B({apForm:e.computed(()=>e.unref(h))}),(t,n)=>(e.openBlock(),e.createBlock($.default,e.mergeProps({class:e.unref(k)(),ref_key:"apForm",ref:h},e.unref(L.omit)(a,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[e.createVNode(G.default,{"count-per-row":a.countPerRow},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(I.value)))]),_:1},8,["count-per-row"])]),_:1},16,["class"]))}});exports.default=J;
|
|
@@ -48,3 +48,14 @@
|
|
|
48
48
|
border-color: #66a9ff;
|
|
49
49
|
box-shadow: 0 0 0 2px rgba(5, 155, 255, 0.1);
|
|
50
50
|
}
|
|
51
|
+
.aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
|
|
52
|
+
font-size: 12px;
|
|
53
|
+
line-height: 18px;
|
|
54
|
+
margin-top: 2px;
|
|
55
|
+
}
|
|
56
|
+
.aplus-ap-form-item .ant-col .ant-form-item-extra {
|
|
57
|
+
line-height: 22px;
|
|
58
|
+
min-height: unset;
|
|
59
|
+
margin-top: 4px;
|
|
60
|
+
margin-bottom: 12px;
|
|
61
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Modal as _Modal } from 'ant-design-vue';
|
|
2
|
+
import { CreateModalFunc } from './type';
|
|
3
|
+
|
|
4
|
+
export * from './type';
|
|
5
|
+
type ApModalMixedProps = typeof _Modal & {
|
|
6
|
+
createModal: CreateModalFunc;
|
|
7
|
+
};
|
|
8
|
+
declare const ApModal: ApModalMixedProps;
|
|
9
|
+
export { ApModal };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("ant-design-vue");require("./utils/index.js");require("./type.js");const a=require("./utils/createModal.js"),e=r.Modal;e.createModal=a.createModal;e.name="ApModal";exports.ApModal=e;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ModalProps } from 'ant-design-vue';
|
|
2
|
+
|
|
3
|
+
export type CreateModalFuncProps = Omit<ModalProps, 'open' | 'onUpdate:open' | 'destroyOnClose' | 'onCancel' | 'onOk' | 'getContainer'> & Partial<{
|
|
4
|
+
onCancel: (e: MouseEvent) => void | Promise<unknown>;
|
|
5
|
+
onOk: (e: MouseEvent) => void | Promise<unknown>;
|
|
6
|
+
getContainer: HTMLElement;
|
|
7
|
+
content: any;
|
|
8
|
+
}>;
|
|
9
|
+
export type CreateModalFuncReturn = {
|
|
10
|
+
destroy: () => void;
|
|
11
|
+
update: (newConfig: CreateModalFuncProps) => void;
|
|
12
|
+
};
|
|
13
|
+
export type CreateModalFunc = (props: CreateModalFuncProps) => CreateModalFuncReturn;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),h=require("ant-design-vue"),u=i=>{let s,t;function a(){s&&s(!1),setTimeout(()=>{o.render(null,r),d.removeChild(r)},500)}function l(e){t&&t(e)}const p=o.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)),a()},async handleOk(e){var n;try{t({confirmLoading:!0}),(n=this.props)!=null&&n.onOk&&await this.props.onOk(e),t({confirmLoading:!1}),a()}catch{t({confirmLoading:!1})}}},created(){s=e=>{this.open=e},t=e=>{this.props={...this.props,...e}}},render(){const{...e}=this.props;return delete e.onCancel,delete e.onOk,o.createVNode(h.Modal,o.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),o.render(o.h(p),r),{destroy:a,update:l}};exports.createModal=u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './createModal';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./createModal.js");exports.createModal=e.createModal;
|
|
@@ -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"),b=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"),c=require("lodash-unified");require("./style/ap-table.css");const U=require("@ant-design/icons-vue"),u=require("./utils.js"),H=require("./hooks/use-table-content-height.js"),K=require("../config-provider/hooks/use-locale.js"),$=require("../config-provider/hooks/use-namespace.js"),G=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:{},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(T,{expose:B}){const r=T,C=e.useSlots(),[,P]=M.useToken(),{t:k}=K.useLocale(),{e:p,b:s}=$.useNamespace("ap-table"),v=G.useGlobalConfig("uiMode","aplus"),{height:I,contentRef:q}=H.default(),f=e.computed(()=>{var n;let a=((n=r.columns)==null?void 0:n.filter(t=>!t.hideInTable))||[];return a=a.map(t=>({...u.apColumnToColumn(t),customRender({value:o,...l}){const y=u.getTableRenderType(t),R=i.apTableRenderItemMap[y],j=u.getTableRenderProps(t,{value:o,...l});let h=O(t,o,e.createVNode(R,e.mergeProps(j,{mode:"read"}),null));return t.customRender&&(h=t.customRender({value:o,...l,column:t,originalNode:h})),h}})),a}),S=e.computed(()=>{var a,n,t;return((t=(n=(a=r.columns)==null?void 0:a.filter(o=>!o.hideInSearch&&o.dataIndex&&(o.valueType||o.customRenderFormItem)&&!i.noRenderAsFormItemValueList.includes(o.valueType)))==null?void 0:n.sort((o,l)=>{let y=u.getColumnOrder(o.order);return u.getColumnOrder(l.order)-y}))==null?void 0:t.map(o=>{const l=u.updateFormProps(o,u.getFieldProps(o.fieldProps,{}));return{...o,fieldProps:{label:o.title,name:o.dataIndex,...l||{},placeholder:u.getPlaceholder(k,o.valueType,l==null?void 0:l.placeholder)}}}))||[]}),V=e.computed(()=>e.unref(f).filter(a=>a.sorter===!0).map(a=>a.dataIndex)),N=e.computed(()=>e.unref(f).filter(a=>a.filters&&!a.onFilter).map(a=>a.dataIndex)),{formRef:m,submit:x,reset:F,tableProps:d,handleTableChange:E,data:g}=A.useTablePaging({async request(a){var t,o;const n=await((t=r.request)==null?void 0:t.call(r,a));return(o=r.onLoad)==null||o.call(r,(n==null?void 0:n.data)||[]),{data:(n==null?void 0:n.data)||[],total:(n==null?void 0:n.total)||0}},filterFields:e.unref(N),sortFields:e.unref(V),defaultParams:r.params,defaultData:r.defaultData,manual:r.manual,defaultCurrent:r.pagination?r.pagination.defaultCurrent:void 0,defaultPageSize:r.pagination?r.pagination.defaultPageSize:void 0,formatParams:r.beforeSearchSubmit}),w=e.computed(()=>{var a;return r.scroll?r.scroll:r.adaptive&&(g.value.total>0||(a=r.dataSource)!=null&&a.length)?{y:e.unref(I),x:"100%"}:{x:!0}}),z=e.computed(()=>{const a=e.unref(d);console.log("xxx",e.unref(w));const n=c.isUndefined(r.dataSource)?a:{...a,dataSource:r.dataSource,onChange:r.onChange};return{...r,...n,loading:c.isUndefined(r.loading)?e.unref(d).loading:r.loading,pagination:r.pagination===!1?!1:e.unref(d).pagination,scroll:e.unref(w)}}),L=e.computed(()=>[s(),r.card?null:s("wrapper"),r.adaptive?s("adaptive"):null].filter(Boolean));function O(a,n,t){return i.noRenderAsFormItemValueList.includes(a.valueType)?t:a.copyable||a.ellipsis?e.createVNode(b.Typography.Text,{copyable:a.copyable?{text:n,tooltip:!1}:!1,ellipsis:a.ellipsis?{tooltip:n}:!1,content:t},null):t}e.watch(()=>e.unref(g).loading,a=>{var n;(n=r.onLoadingChange)==null||n.call(r,a)});function D(a){var n,t,o;(o=(t=(n=m.value)==null?void 0:n.apForm)==null?void 0:t.setFieldsValue)==null||o.call(t,a)}function _(){var a,n,t;return(t=(n=(a=m.value)==null?void 0:a.apForm)==null?void 0:n.getFieldsValue)==null?void 0:t.call(n,!0)}return B({submit:()=>x(),reset:()=>F(),setSearchFormValues:D,getSearchFormValues:_,dataSource:e.computed(()=>e.unref(g).records)}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(L.value)},[e.unref(c.isUndefined)(a.dataSource)&&a.searchForm!==!1&&S.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(a.card?e.unref(p)("search-wrapper"):null),style:e.normalizeStyle(a.searchFormWrapperStyle)},[e.createVNode(e.unref(W.ApForm).SearchForm,e.mergeProps(a.searchForm||{},{ref_key:"formRef",ref:m,"custom-reset":"",onSubmit:e.unref(x),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(S.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},[C.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:q,class:e.normalizeClass([e.unref(p)("table-wrapper"),a.card?e.unref(p)("table-wrapper-card"):null]),style:e.normalizeStyle(a.tableWrapperStyle)},[e.renderSlot(a.$slots,"title"),e.createVNode(e.unref(b.Table),e.mergeProps({class:e.unref(v)==="admin"?e.unref(s)("table-admin"):e.unref(s)("table")},z.value,{onChange:e.unref(E),columns:f.value}),e.createSlots({headerCell:e.withCtx(({column:t,title:o})=>[t.tooltip?(e.openBlock(),e.createElementBlock("span",Q,[e.createElementVNode("span",null,e.toDisplayString(o),1),e.createVNode(e.unref(b.Tooltip),{title:t.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(U.QuestionCircleOutlined),{style:e.normalizeStyle({paddingLeft:"4px",color:e.unref(P).colorPrimary})},null,8,["style"])]),_:2},1032,["title"])])):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(c.omit)(C,["title","searchFormExtra"]),(t,o)=>({name:o,fn:e.withCtx(l=>[e.renderSlot(a.$slots,o,e.normalizeProps(e.guardReactiveProps(l||{})))])}))]),1040,["class","onChange","columns"])],6)],2))}});exports.default=J;
|
|
@@ -9,7 +9,9 @@ import { MouseEventHandler, FocusEventHandler, KeyboardEventHandler, Composition
|
|
|
9
9
|
import { Dayjs } from 'dayjs';
|
|
10
10
|
import { PickerLocale } from 'ant-design-vue/es/date-picker/generatePicker';
|
|
11
11
|
import { AlignType } from 'ant-design-vue/es/vc-align/interface';
|
|
12
|
-
import {
|
|
12
|
+
import { LiteralUnion } from '../type';
|
|
13
|
+
import { ApFormatPresetType } from '../ap-field/date/interface';
|
|
14
|
+
import { PresetDate, PanelMode, RangeValue, OnPanelChange, EventValue, DisabledTimes } from 'ant-design-vue/es/vc-picker/interface';
|
|
13
15
|
import { VueNode, LiteralUnion } from 'ant-design-vue/es/_util/type';
|
|
14
16
|
import { MonthCellRender } from 'ant-design-vue/es/vc-picker/panels/MonthPanel/MonthBody';
|
|
15
17
|
import { SharedTimeProps } from 'ant-design-vue/es/vc-picker/panels/TimePanel';
|
|
@@ -7861,7 +7863,7 @@ export declare const apTableRenderItemMap: {
|
|
|
7861
7863
|
type: PropType<string>;
|
|
7862
7864
|
};
|
|
7863
7865
|
format: {
|
|
7864
|
-
type: PropType<string
|
|
7866
|
+
type: PropType<LiteralUnion<ApFormatPresetType, string>>;
|
|
7865
7867
|
default: string;
|
|
7866
7868
|
};
|
|
7867
7869
|
popupStyle: {
|
|
@@ -7913,6 +7915,9 @@ export declare const apTableRenderItemMap: {
|
|
|
7913
7915
|
type: PropType<string>;
|
|
7914
7916
|
default: string;
|
|
7915
7917
|
};
|
|
7918
|
+
timezone: {
|
|
7919
|
+
type: PropType<"LD" | "PR" | "MS" | "DB" | "SH" | "SU" | "LA" | "NY">;
|
|
7920
|
+
};
|
|
7916
7921
|
}>> & {
|
|
7917
7922
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
7918
7923
|
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
@@ -8063,7 +8068,7 @@ export declare const apTableRenderItemMap: {
|
|
|
8063
8068
|
type: PropType<string>;
|
|
8064
8069
|
};
|
|
8065
8070
|
format: {
|
|
8066
|
-
type: PropType<string
|
|
8071
|
+
type: PropType<LiteralUnion<ApFormatPresetType, string>>;
|
|
8067
8072
|
default: string;
|
|
8068
8073
|
};
|
|
8069
8074
|
popupStyle: {
|
|
@@ -8115,6 +8120,9 @@ export declare const apTableRenderItemMap: {
|
|
|
8115
8120
|
type: PropType<string>;
|
|
8116
8121
|
default: string;
|
|
8117
8122
|
};
|
|
8123
|
+
timezone: {
|
|
8124
|
+
type: PropType<"LD" | "PR" | "MS" | "DB" | "SH" | "SU" | "LA" | "NY">;
|
|
8125
|
+
};
|
|
8118
8126
|
}>> & {
|
|
8119
8127
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
8120
8128
|
}, {
|
|
@@ -8139,7 +8147,7 @@ export declare const apTableRenderItemMap: {
|
|
|
8139
8147
|
}> | null;
|
|
8140
8148
|
allowClear: boolean;
|
|
8141
8149
|
defaultOpen: boolean;
|
|
8142
|
-
format: string
|
|
8150
|
+
format: LiteralUnion<ApFormatPresetType, string>;
|
|
8143
8151
|
inputReadOnly: boolean;
|
|
8144
8152
|
showToday: boolean;
|
|
8145
8153
|
showTime: boolean | SharedTimeProps<Dayjs>;
|
|
@@ -8297,7 +8305,7 @@ export declare const apTableRenderItemMap: {
|
|
|
8297
8305
|
type: PropType<string>;
|
|
8298
8306
|
};
|
|
8299
8307
|
format: {
|
|
8300
|
-
type: PropType<string
|
|
8308
|
+
type: PropType<LiteralUnion<ApFormatPresetType, string>>;
|
|
8301
8309
|
default: string;
|
|
8302
8310
|
};
|
|
8303
8311
|
popupStyle: {
|
|
@@ -8349,6 +8357,9 @@ export declare const apTableRenderItemMap: {
|
|
|
8349
8357
|
type: PropType<string>;
|
|
8350
8358
|
default: string;
|
|
8351
8359
|
};
|
|
8360
|
+
timezone: {
|
|
8361
|
+
type: PropType<"LD" | "PR" | "MS" | "DB" | "SH" | "SU" | "LA" | "NY">;
|
|
8362
|
+
};
|
|
8352
8363
|
}>> & {
|
|
8353
8364
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
8354
8365
|
}, {}, {}, {}, {}, {
|
|
@@ -8373,7 +8384,7 @@ export declare const apTableRenderItemMap: {
|
|
|
8373
8384
|
}> | null;
|
|
8374
8385
|
allowClear: boolean;
|
|
8375
8386
|
defaultOpen: boolean;
|
|
8376
|
-
format: string
|
|
8387
|
+
format: LiteralUnion<ApFormatPresetType, string>;
|
|
8377
8388
|
inputReadOnly: boolean;
|
|
8378
8389
|
showToday: boolean;
|
|
8379
8390
|
showTime: boolean | SharedTimeProps<Dayjs>;
|
|
@@ -8528,7 +8539,7 @@ export declare const apTableRenderItemMap: {
|
|
|
8528
8539
|
type: PropType<string>;
|
|
8529
8540
|
};
|
|
8530
8541
|
format: {
|
|
8531
|
-
type: PropType<string
|
|
8542
|
+
type: PropType<LiteralUnion<ApFormatPresetType, string>>;
|
|
8532
8543
|
default: string;
|
|
8533
8544
|
};
|
|
8534
8545
|
popupStyle: {
|
|
@@ -8580,6 +8591,9 @@ export declare const apTableRenderItemMap: {
|
|
|
8580
8591
|
type: PropType<string>;
|
|
8581
8592
|
default: string;
|
|
8582
8593
|
};
|
|
8594
|
+
timezone: {
|
|
8595
|
+
type: PropType<"LD" | "PR" | "MS" | "DB" | "SH" | "SU" | "LA" | "NY">;
|
|
8596
|
+
};
|
|
8583
8597
|
}>> & {
|
|
8584
8598
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
8585
8599
|
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
@@ -8606,7 +8620,7 @@ export declare const apTableRenderItemMap: {
|
|
|
8606
8620
|
}> | null;
|
|
8607
8621
|
allowClear: boolean;
|
|
8608
8622
|
defaultOpen: boolean;
|
|
8609
|
-
format: string
|
|
8623
|
+
format: LiteralUnion<ApFormatPresetType, string>;
|
|
8610
8624
|
inputReadOnly: boolean;
|
|
8611
8625
|
showToday: boolean;
|
|
8612
8626
|
showTime: boolean | SharedTimeProps<Dayjs>;
|
|
@@ -8792,7 +8806,7 @@ export declare const apTableRenderItemMap: {
|
|
|
8792
8806
|
type: PropType<string>;
|
|
8793
8807
|
};
|
|
8794
8808
|
format: {
|
|
8795
|
-
type: PropType<
|
|
8809
|
+
type: PropType<LiteralUnion<ApFormatPresetType, string>>;
|
|
8796
8810
|
default: string;
|
|
8797
8811
|
};
|
|
8798
8812
|
popupStyle: {
|
|
@@ -8845,6 +8859,9 @@ export declare const apTableRenderItemMap: {
|
|
|
8845
8859
|
type: PropType<string>;
|
|
8846
8860
|
default: string;
|
|
8847
8861
|
};
|
|
8862
|
+
timezone: {
|
|
8863
|
+
type: PropType<"LD" | "PR" | "MS" | "DB" | "SH" | "SU" | "LA" | "NY">;
|
|
8864
|
+
};
|
|
8848
8865
|
}>> & {
|
|
8849
8866
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
8850
8867
|
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
@@ -9002,7 +9019,7 @@ export declare const apTableRenderItemMap: {
|
|
|
9002
9019
|
type: PropType<string>;
|
|
9003
9020
|
};
|
|
9004
9021
|
format: {
|
|
9005
|
-
type: PropType<
|
|
9022
|
+
type: PropType<LiteralUnion<ApFormatPresetType, string>>;
|
|
9006
9023
|
default: string;
|
|
9007
9024
|
};
|
|
9008
9025
|
popupStyle: {
|
|
@@ -9055,6 +9072,9 @@ export declare const apTableRenderItemMap: {
|
|
|
9055
9072
|
type: PropType<string>;
|
|
9056
9073
|
default: string;
|
|
9057
9074
|
};
|
|
9075
|
+
timezone: {
|
|
9076
|
+
type: PropType<"LD" | "PR" | "MS" | "DB" | "SH" | "SU" | "LA" | "NY">;
|
|
9077
|
+
};
|
|
9058
9078
|
}>> & {
|
|
9059
9079
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
9060
9080
|
}, {
|
|
@@ -9086,7 +9106,7 @@ export declare const apTableRenderItemMap: {
|
|
|
9086
9106
|
}> | null | undefined)[] | VNode<RendererNode, RendererElement, {
|
|
9087
9107
|
[key: string]: any;
|
|
9088
9108
|
}> | null;
|
|
9089
|
-
format:
|
|
9109
|
+
format: LiteralUnion<ApFormatPresetType, string>;
|
|
9090
9110
|
inputReadOnly: boolean;
|
|
9091
9111
|
emptyText: string;
|
|
9092
9112
|
}, true, {}, {}, {
|
|
@@ -9249,7 +9269,7 @@ export declare const apTableRenderItemMap: {
|
|
|
9249
9269
|
type: PropType<string>;
|
|
9250
9270
|
};
|
|
9251
9271
|
format: {
|
|
9252
|
-
type: PropType<
|
|
9272
|
+
type: PropType<LiteralUnion<ApFormatPresetType, string>>;
|
|
9253
9273
|
default: string;
|
|
9254
9274
|
};
|
|
9255
9275
|
popupStyle: {
|
|
@@ -9302,6 +9322,9 @@ export declare const apTableRenderItemMap: {
|
|
|
9302
9322
|
type: PropType<string>;
|
|
9303
9323
|
default: string;
|
|
9304
9324
|
};
|
|
9325
|
+
timezone: {
|
|
9326
|
+
type: PropType<"LD" | "PR" | "MS" | "DB" | "SH" | "SU" | "LA" | "NY">;
|
|
9327
|
+
};
|
|
9305
9328
|
}>> & {
|
|
9306
9329
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
9307
9330
|
}, {}, {}, {}, {}, {
|
|
@@ -9333,7 +9356,7 @@ export declare const apTableRenderItemMap: {
|
|
|
9333
9356
|
}> | null | undefined)[] | VNode<RendererNode, RendererElement, {
|
|
9334
9357
|
[key: string]: any;
|
|
9335
9358
|
}> | null;
|
|
9336
|
-
format:
|
|
9359
|
+
format: LiteralUnion<ApFormatPresetType, string>;
|
|
9337
9360
|
inputReadOnly: boolean;
|
|
9338
9361
|
emptyText: string;
|
|
9339
9362
|
}>;
|
|
@@ -9493,7 +9516,7 @@ export declare const apTableRenderItemMap: {
|
|
|
9493
9516
|
type: PropType<string>;
|
|
9494
9517
|
};
|
|
9495
9518
|
format: {
|
|
9496
|
-
type: PropType<
|
|
9519
|
+
type: PropType<LiteralUnion<ApFormatPresetType, string>>;
|
|
9497
9520
|
default: string;
|
|
9498
9521
|
};
|
|
9499
9522
|
popupStyle: {
|
|
@@ -9546,6 +9569,9 @@ export declare const apTableRenderItemMap: {
|
|
|
9546
9569
|
type: PropType<string>;
|
|
9547
9570
|
default: string;
|
|
9548
9571
|
};
|
|
9572
|
+
timezone: {
|
|
9573
|
+
type: PropType<"LD" | "PR" | "MS" | "DB" | "SH" | "SU" | "LA" | "NY">;
|
|
9574
|
+
};
|
|
9549
9575
|
}>> & {
|
|
9550
9576
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
9551
9577
|
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
@@ -9579,7 +9605,7 @@ export declare const apTableRenderItemMap: {
|
|
|
9579
9605
|
}> | null | undefined)[] | VNode<RendererNode, RendererElement, {
|
|
9580
9606
|
[key: string]: any;
|
|
9581
9607
|
}> | null;
|
|
9582
|
-
format:
|
|
9608
|
+
format: LiteralUnion<ApFormatPresetType, string>;
|
|
9583
9609
|
inputReadOnly: boolean;
|
|
9584
9610
|
emptyText: string;
|
|
9585
9611
|
}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
@@ -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;
|
|
@@ -161,6 +175,10 @@ export type ApTableProps<RecordType = any, ParamsType = any> = Omit<TableProps<R
|
|
|
161
175
|
* 表格的默认数据源,这些数据源将会在第一次请求后被替换
|
|
162
176
|
*/
|
|
163
177
|
defaultData?: RecordType[];
|
|
178
|
+
/**
|
|
179
|
+
* 表格的最终数据源(设置后request和defaultData都不会生效),离线表格的效果
|
|
180
|
+
*/
|
|
181
|
+
dataSource?: RecordType[];
|
|
164
182
|
/**
|
|
165
183
|
* 表格loading状态变更后触发
|
|
166
184
|
* @param loading
|