@aplus-frontend/ui 0.0.9 → 0.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/src/ap-field/checkbox/index.vue.mjs +1 -1
- package/es/src/ap-field/date/index.vue.mjs +1 -1
- package/es/src/ap-field/date-range/index.vue.mjs +1 -1
- package/es/src/ap-field/number/index.vue.mjs +1 -1
- package/es/src/ap-field/radio/index.vue.mjs +1 -1
- package/es/src/ap-field/select/index.vue.mjs +1 -1
- package/es/src/ap-field/slider/index.vue.d.ts +3 -0
- package/es/src/ap-field/slider/index.vue.mjs +4 -4
- package/es/src/ap-field/switch/index.vue.mjs +1 -1
- package/es/src/ap-field/text/index.vue2.mjs +1 -1
- package/es/src/ap-field/text/password.vue.mjs +1 -1
- package/es/src/ap-field/text-area/index.vue.mjs +1 -1
- package/es/src/ap-table/ap-table.vue.d.ts +5 -3
- package/es/src/ap-table/ap-table.vue.mjs +117 -95
- package/es/src/ap-table/hooks/use-table-content-height.d.ts +9 -0
- package/es/src/ap-table/hooks/use-table-content-height.mjs +39 -0
- package/es/src/ap-table/interface.d.ts +5 -1
- package/es/src/ap-table/style/ap-table.css +28 -0
- package/es/src/editable-table/interface.d.ts +71 -0
- package/es/src/editable-table/style/index.css +7 -0
- package/es/src/editable-table/utils.d.ts +8 -0
- package/es/src/theme/ap-table/ap-table.css +28 -0
- package/es/src/theme/editable-table/index.css +7 -0
- package/lib/src/ap-field/checkbox/index.vue.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/number/index.vue.js +1 -1
- package/lib/src/ap-field/radio/index.vue.js +1 -1
- package/lib/src/ap-field/select/index.vue.js +1 -1
- package/lib/src/ap-field/slider/index.vue.d.ts +3 -0
- package/lib/src/ap-field/slider/index.vue.js +1 -1
- package/lib/src/ap-field/switch/index.vue.js +1 -1
- package/lib/src/ap-field/text/index.vue2.js +1 -1
- package/lib/src/ap-field/text/password.vue.js +1 -1
- package/lib/src/ap-field/text-area/index.vue.js +1 -1
- package/lib/src/ap-table/ap-table.vue.d.ts +5 -3
- package/lib/src/ap-table/ap-table.vue.js +1 -1
- package/lib/src/ap-table/hooks/use-table-content-height.d.ts +9 -0
- package/lib/src/ap-table/hooks/use-table-content-height.js +1 -0
- package/lib/src/ap-table/interface.d.ts +5 -1
- package/lib/src/ap-table/style/ap-table.css +28 -0
- package/lib/src/editable-table/interface.d.ts +71 -0
- package/lib/src/editable-table/style/index.css +7 -0
- package/lib/src/editable-table/utils.d.ts +8 -0
- package/lib/src/theme/ap-table/ap-table.css +28 -0
- package/lib/src/theme/editable-table/index.css +7 -0
- package/package.json +1 -1
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { ColumnType, TableProps } from 'ant-design-vue/es/table';
|
|
2
|
+
import { ApTableValueFields, ValueEnum } from '../ap-table';
|
|
3
|
+
import { InternalNamePath, NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
|
|
4
|
+
|
|
5
|
+
export type EditableColumnType<ValueType extends keyof ApTableValueFields = 'text', RecordType = any> = Omit<ColumnType<RecordType>, 'children'> & {
|
|
6
|
+
/**
|
|
7
|
+
* 在title之后展示一个icon并触发tooltip
|
|
8
|
+
*/
|
|
9
|
+
tooltip?: string;
|
|
10
|
+
/**
|
|
11
|
+
* 是否可以复制(不可编辑模式下可用)
|
|
12
|
+
*/
|
|
13
|
+
copyable?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* 是否可编辑
|
|
16
|
+
*/
|
|
17
|
+
editable?: boolean | ((text: any, record: RecordType, index: number) => boolean);
|
|
18
|
+
/**
|
|
19
|
+
* 值的枚举,会自动转化把值当成 key 来取出要显示的内容(也会作为select等组件的选项)
|
|
20
|
+
*/
|
|
21
|
+
valueEnum?: ValueEnum;
|
|
22
|
+
/**
|
|
23
|
+
* 自定义表单
|
|
24
|
+
*/
|
|
25
|
+
customRenderFormItem?: (config: EditableColumnType<ValueType, RecordType>) => any;
|
|
26
|
+
/**
|
|
27
|
+
* 指定值类型(将会用于普通列和可编辑表格的渲染)
|
|
28
|
+
*/
|
|
29
|
+
valueType?: keyof ApTableValueFields;
|
|
30
|
+
/**
|
|
31
|
+
* 值类型额外配置的参数(支持函数)
|
|
32
|
+
*/
|
|
33
|
+
fieldProps?: ApTableValueFields[ValueType] | ((opt?: {
|
|
34
|
+
value: any;
|
|
35
|
+
text: any;
|
|
36
|
+
record: RecordType;
|
|
37
|
+
index: number;
|
|
38
|
+
renderIndex: number;
|
|
39
|
+
column: EditableColumnType<ValueType, RecordType>;
|
|
40
|
+
}) => ApTableValueFields[ValueType]);
|
|
41
|
+
};
|
|
42
|
+
export type EditableTableProps<RecordType = any> = Omit<TableProps<RecordType>, 'columns' | 'dataSource'> & {
|
|
43
|
+
/**
|
|
44
|
+
* 列配置
|
|
45
|
+
*/
|
|
46
|
+
columns?: EditableColumnType<any, RecordType>[];
|
|
47
|
+
/**
|
|
48
|
+
* 同dataSource,传入的数组数据将作为表单的初始数据
|
|
49
|
+
*/
|
|
50
|
+
value?: RecordType[];
|
|
51
|
+
'onUpdate:value'?: (value: RecordType[]) => void;
|
|
52
|
+
/**
|
|
53
|
+
* 数据修改时触发onChange(也包含数据的删除)
|
|
54
|
+
* @param value
|
|
55
|
+
* @returns
|
|
56
|
+
*/
|
|
57
|
+
onChange?: (value: RecordType[]) => void;
|
|
58
|
+
/**
|
|
59
|
+
* 表格最大行数,超过行后将无法调用相关API新增
|
|
60
|
+
*/
|
|
61
|
+
maxLength?: number;
|
|
62
|
+
/**
|
|
63
|
+
* 设置可编辑表格的名字,如果是作为其它表单的一部分,需要设置此字段
|
|
64
|
+
*/
|
|
65
|
+
name?: any;
|
|
66
|
+
};
|
|
67
|
+
export type EditableTableExpose<ModelType = any> = {
|
|
68
|
+
resetFields: (name?: NamePath) => void;
|
|
69
|
+
validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>> | undefined;
|
|
70
|
+
getFieldsValue: (nameList?: true | InternalNamePath[]) => Partial<ModelType> | undefined;
|
|
71
|
+
};
|
|
@@ -2,6 +2,30 @@
|
|
|
2
2
|
padding: 16px;
|
|
3
3
|
background-color: #fff;
|
|
4
4
|
}
|
|
5
|
+
.aplus-ap-table-adaptive {
|
|
6
|
+
height: 100%;
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
}
|
|
10
|
+
.aplus-ap-table-adaptive .ant-table-wrapper,
|
|
11
|
+
.aplus-ap-table-adaptive .ant-spin-nested-loading,
|
|
12
|
+
.aplus-ap-table-adaptive .ant-spin-container {
|
|
13
|
+
height: 100%;
|
|
14
|
+
}
|
|
15
|
+
.aplus-ap-table-adaptive .ant-spin-container {
|
|
16
|
+
display: flex;
|
|
17
|
+
flex-direction: column;
|
|
18
|
+
}
|
|
19
|
+
.aplus-ap-table-adaptive .ant-table {
|
|
20
|
+
flex: 1;
|
|
21
|
+
}
|
|
22
|
+
.aplus-ap-table-adaptive .ant-table-container,
|
|
23
|
+
.aplus-ap-table-adaptive .ant-table-content {
|
|
24
|
+
height: 100%;
|
|
25
|
+
}
|
|
26
|
+
.aplus-ap-table-adaptive .ant-table-content > table {
|
|
27
|
+
height: 100%;
|
|
28
|
+
}
|
|
5
29
|
.aplus-ap-table__search-wrapper {
|
|
6
30
|
padding: 16px;
|
|
7
31
|
padding-bottom: 0;
|
|
@@ -9,8 +33,12 @@
|
|
|
9
33
|
margin-bottom: 16px;
|
|
10
34
|
}
|
|
11
35
|
.aplus-ap-table__table-wrapper {
|
|
36
|
+
flex: 1;
|
|
37
|
+
}
|
|
38
|
+
.aplus-ap-table__table-wrapper-card {
|
|
12
39
|
padding: 16px;
|
|
13
40
|
background-color: #fff;
|
|
41
|
+
overflow: hidden;
|
|
14
42
|
}
|
|
15
43
|
.aplus-ap-table-table .ant-pagination {
|
|
16
44
|
margin-bottom: 0 !important;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("lodash-unified"),s=require("ant-design-vue");require("../../hooks/index.js");const c=require("./helper.js"),k=require("../../hooks/useControllableValue.js"),v=e.defineComponent({name:"ApFieldCheckbox",inheritAttrs:!1,__name:"index",props:{mode:{default:"edit"},defaultValue:{},value:{},onChange:{},"onUpdate:value":{},name:{},prefixCls:{},options:{default:()=>[]},disabled:{type:Boolean},id:{},emptyText:{default:"
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("lodash-unified"),s=require("ant-design-vue");require("../../hooks/index.js");const c=require("./helper.js"),k=require("../../hooks/useControllableValue.js"),v=e.defineComponent({name:"ApFieldCheckbox",inheritAttrs:!1,__name:"index",props:{mode:{default:"edit"},defaultValue:{},value:{},onChange:{},"onUpdate:value":{},name:{},prefixCls:{},options:{default:()=>[]},disabled:{type:Boolean},id:{},emptyText:{default:"--"},request:{}},emits:["update:value"],setup(p,{emit:d}){const f=d,t=p,n=e.ref(t.options),o=e.ref(!1);e.onMounted(()=>{r.isFunction(t.request)&&(o.value=!0,t.request().then(a=>n.value=a).finally(()=>{o.value=!1}))});const{value:l,updateValue:m}=k.useControllableValue(t,f,{defaultValue:[]});return(a,g)=>{var i;return a.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(r.isNil)(e.unref(l))?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.emptyText),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(((i=n.value)==null?void 0:i.filter(u=>e.unref(l).indexOf(e.unref(c.getOptionValue)(u))>-1).map(u=>e.unref(c.getOptionLabel)(u)).join("、"))||t.emptyText),1)],64))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.value?(e.openBlock(),e.createBlock(e.unref(s.Spin),{key:0,size:"small"})):(e.openBlock(),e.createBlock(e.unref(s.CheckboxGroup),e.mergeProps({key:1},e.unref(r.omit)(t,["onUpdate:value","value","request"]),{options:n.value,value:e.unref(l),"onUpdate:value":e.unref(m)}),null,16,["options","value","onUpdate:value"]))],64))}}});exports.default=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("dayjs"),b=require("ant-design-vue"),f=require("./constant.js");require("../../hooks/index.js");const c=require("lodash-unified"),m=require("./helper.js"),S=require("../../hooks/useControllableValue.js"),_=e.defineComponent({name:"ApFieldDate",__name:"index",props:{mode:{default:"edit"},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:"
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("dayjs"),b=require("ant-design-vue"),f=require("./constant.js");require("../../hooks/index.js");const c=require("lodash-unified"),m=require("./helper.js"),S=require("../../hooks/useControllableValue.js"),_=e.defineComponent({name:"ApFieldDate",__name:"index",props:{mode:{default:"edit"},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"}},emits:["update:value"],setup(v,{emit:y}){const o=v,h=y,{value:i,updateValue:p}=S.useControllableValue(o,h),l=e.computed(()=>f.ApFieldDatePresetFormats.indexOf(o.format)>-1),u=e.computed(()=>l.value?f.PRESET_FORMAT_MAP[o.format]:o.format),B=e.computed(()=>c.isNil(e.unref(i))?void 0:d(e.unref(i))),k=e.computed(()=>e.unref(l)?o.picker??f.PRESET_FORMAT_PICK_MAP[o.format]:o.picker),g=e.computed(()=>{const t=e.unref(l)?f.PRESET_FORMAT_TIME_MAP[o.format]:{};return{...c.omit(o,["value","defaultValue","onChange","onOk","format","onUpdate:value","mode"]),...t}});function O(t){if(c.isNil(t)){p(null);return}const n=d(t);e.unref(l)?p(m.formatDay(n,e.unref(u))):p(n.valueOf())}function P(t,n){var s;const r=d(t),a=e.unref(l)?m.formatDay(r,e.unref(u)):t?r.valueOf():null;(s=o.onChange)==null||s.call(o,a,n)}function C(t){var a;const n=d(t),r=e.unref(l)?m.formatDay(n,e.unref(u)):t?n.valueOf():null;(a=o.onOk)==null||a.call(o,r)}return(t,n)=>t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(i)?e.unref(d)(e.unref(i)).format(u.value):t.emptyText),1)],64)):(e.openBlock(),e.createBlock(e.unref(b.DatePicker),e.mergeProps({key:1},g.value,{value:B.value,format:u.value,"onUpdate:value":O,onChange:P,onOk:C,picker:k.value}),e.createSlots({_:2},[e.renderList(t.$slots,(r,a)=>({name:a,fn:e.withCtx(s=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["value","format","picker"]))}});exports.default=_;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../date/constant.js");require("../../hooks/index.js");const r=require("lodash-unified"),i=require("dayjs"),T=require("ant-design-vue"),d=require("../date/helper.js"),M=require("@ant-design/icons-vue"),R=require("../../utils/index.js"),_=require("../../hooks/useControllableValue.js"),w=e.defineComponent({__name:"index",props:{mode:{default:"edit"},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:"
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../date/constant.js");require("../../hooks/index.js");const r=require("lodash-unified"),i=require("dayjs"),T=require("ant-design-vue"),d=require("../date/helper.js"),M=require("@ant-design/icons-vue"),R=require("../../utils/index.js"),_=require("../../hooks/useControllableValue.js"),w=e.defineComponent({__name:"index",props:{mode:{default:"edit"},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:{}},emits:["update:value"],setup(S,{emit:B}){const t=S,h=B,u=e.computed(()=>v.ApFieldDatePresetFormats.indexOf(t.format)>-1),l=e.computed(()=>u.value?v.PRESET_FORMAT_MAP[t.format]:t.format),{value:y,updateValue:g}=_.useControllableValue(t,h),c=e.computed(()=>{var a,n;const o=e.unref(y);return r.isNil(o)||!(o!=null&&o.length)?o:[i((a=e.unref(y))==null?void 0:a[0]),i((n=e.unref(y))==null?void 0:n[1])]}),O=e.computed(()=>e.unref(u)?t.picker??v.PRESET_FORMAT_PICK_MAP[t.format]:t.picker),C=e.computed(()=>{const o=e.unref(u)?v.PRESET_FORMAT_TIME_MAP[t.format]:{};return{...R.omitUndefined(r.omit(t,["value","onUpdate:value","onChange","onOk","format","mode"])),...o}});function D(o){if(!o){g(o);return}const a=r.isString(o[0])?i(o[0]):o[0],n=r.isString(o[1])?i(o[1]):o[1];e.unref(u)?g([d.formatDay(a,e.unref(l)),d.formatDay(n,e.unref(l),!1)]):g([d.formatValue(a),d.formatValue(n)])}function P(o){var f;const a=r.isString(o[0])?i(o[0]):o[0],n=r.isString(o[1])?i(o[1]):o[1],s=o[0]?e.unref(u)?d.formatDay(a,e.unref(l)):a.valueOf():null,p=o[1]?e.unref(u)?d.formatDay(n,e.unref(l),!1):n.valueOf():null;(f=t.onOk)==null||f.call(t,[s,p])}function b(o,a){var m,k;if(r.isNil(o)){(m=t.onChange)==null||m.call(t,o,a);return}const n=r.isString(o[0])?i(o[0]):o[0],s=r.isString(o[1])?i(o[1]):o[1],p=o[0]?e.unref(u)?d.formatDay(n,e.unref(l)):n.valueOf():null,f=o[1]?e.unref(u)?d.formatDay(s,e.unref(l),!1):s.valueOf():null;(k=t.onChange)==null||k.call(t,[p,f],a)}return(o,a)=>{var n,s;return o.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[c.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString((n=c.value[0])==null?void 0:n.format(l.value))+" ",1),e.renderSlot(o.$slots,"readModeSeparator",{},()=>[e.createVNode(e.unref(M.SwapRightOutlined))]),e.createTextVNode(" "+e.toDisplayString((s=c.value[1])==null?void 0:s.format(l.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(T.DatePicker).RangePicker,e.mergeProps({key:1},C.value,{value:c.value,"onUpdate:value":D,onChange:b,picker:O.value,format:l.value,onOk:P}),e.createSlots({_:2},[e.renderList(e.unref(r.omit)(o.$slots,"readModeSeparator"),(p,f)=>({name:f,fn:e.withCtx(m=>[e.renderSlot(o.$slots,f,e.normalizeProps(e.guardReactiveProps(m||{})))])}))]),1040,["value","picker","format"]))}}});exports.default=w;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("ant-design-vue");require("../../hooks/index.js");const s=require("lodash-unified"),k=require("@fruits-chain/utils"),g=require("./helper.js");require("../../config-provider/index.js");require("./style.css");const S=require("../../config-provider/hooks/use-namespace.js"),q=require("../../hooks/useControllableValue.js"),C=e.defineComponent({name:"ApFieldNumber",__name:"index",props:{mode:{},size:{},bordered:{type:Boolean,default:!0},placeholder:{},name:{},id:{},type:{},addonBefore:{},addonAfter:{},prefix:{},"onUpdate:value":{},valueModifiers:{},status:{},stringMode:{type:Boolean},defaultValue:{},value:{},prefixCls:{},min:{default:-1/0},max:{default:1/0},step:{default:1},tabindex:{},controls:{type:Boolean,default:!0},readonly:{type:Boolean},disabled:{type:Boolean},autofocus:{type:Boolean},keyboard:{type:Boolean,default:!0},parser:{},formatter:{},precision:{},decimalSeparator:{},onInput:{},onChange:{},onPressEnter:{},onStep:{},onBlur:{},onFocus:{},emptyText:{default:"
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("ant-design-vue");require("../../hooks/index.js");const s=require("lodash-unified"),k=require("@fruits-chain/utils"),g=require("./helper.js");require("../../config-provider/index.js");require("./style.css");const S=require("../../config-provider/hooks/use-namespace.js"),q=require("../../hooks/useControllableValue.js"),C=e.defineComponent({name:"ApFieldNumber",__name:"index",props:{mode:{},size:{},bordered:{type:Boolean,default:!0},placeholder:{},name:{},id:{},type:{},addonBefore:{},addonAfter:{},prefix:{},"onUpdate:value":{},valueModifiers:{},status:{},stringMode:{type:Boolean},defaultValue:{},value:{},prefixCls:{},min:{default:-1/0},max:{default:1/0},step:{default:1},tabindex:{},controls:{type:Boolean,default:!0},readonly:{type:Boolean},disabled:{type:Boolean},autofocus:{type:Boolean},keyboard:{type:Boolean,default:!0},parser:{},formatter:{},precision:{},decimalSeparator:{},onInput:{},onChange:{},onPressEnter:{},onStep:{},onBlur:{},onFocus:{},emptyText:{default:"--"},thousands:{type:Boolean,default:!1},limitDecimalsRetain:{type:Boolean}},emits:["update:value"],setup(i,{expose:d,emit:p}){const c=p,{b:n}=S.useNamespace("field-number"),o=i,a=e.ref(),{value:l,updateValue:f}=q.useControllableValue(o,c),m=e.computed(()=>{let t=e.unref(l);if(s.isNil(t))return o.emptyText;let r=o.thousands?k.toDecimalMark(t,o.precision):String(t);return o.precision&&o.limitDecimalsRetain&&(r=g.addZeroToDecimalPlaces(r,o.precision)),r});function y(){var t;(t=a.value)==null||t.focus()}function v(){var t;(t=a.value)==null||t.blur()}return d({focus:y,blur:v}),(t,r)=>t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.$slots.prefix?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n)("label-left"))},[e.renderSlot(t.$slots,"prefix")],2)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(m.value),1),t.$slots.addonAfter?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n)("label-right"))},[e.renderSlot(t.$slots,"addonAfter")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(e.unref(b.InputNumber),e.mergeProps({key:1},e.unref(s.omit)(o,["value","onUpdate:value"]),{value:e.unref(l),"onUpdate:value":e.unref(f),ref_key:"inputRef",ref:a}),e.createSlots({_:2},[e.renderList(t.$slots,(h,u)=>({name:u,fn:e.withCtx(B=>[e.renderSlot(t.$slots,u,e.normalizeProps(e.guardReactiveProps(B||{})))])}))]),1040,["value","onUpdate:value"]))}});exports.default=C;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("ant-design-vue");require("../../hooks/index.js");const c=require("lodash-unified"),p=require("./helper.js"),B=require("../../hooks/useControllableValue.js"),x=e.defineComponent({name:"ApFieldRadio",__name:"index",props:{mode:{default:"edit"},prefixCls:{},value:{},size:{},options:{},disabled:{type:Boolean},name:{},buttonStyle:{},id:{},optionType:{},onChange:{},"onUpdate:value":{},emptyText:{default:"
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("ant-design-vue");require("../../hooks/index.js");const c=require("lodash-unified"),p=require("./helper.js"),B=require("../../hooks/useControllableValue.js"),x=e.defineComponent({name:"ApFieldRadio",__name:"index",props:{mode:{default:"edit"},prefixCls:{},value:{},size:{},options:{},disabled:{type:Boolean},name:{},buttonStyle:{},id:{},optionType:{},onChange:{},"onUpdate:value":{},emptyText:{default:"--"},request:{}},emits:["update:value"],setup(d,{expose:f,emit:v}){const o=d,m=v,u=e.ref(),l=e.ref((o==null?void 0:o.options)||[]),{value:r,updateValue:y}=B.useControllableValue(o,m),a=e.ref(!1);e.onMounted(()=>{var t;o.request&&(a.value=!0,(t=o.request)==null||t.call(o).then(n=>l.value=n).finally(()=>{a.value=!1}))});const g=e.computed(()=>{var i;const t=e.unref(r);if(c.isNil(t))return o.emptyText;const n=(i=l.value)==null?void 0:i.find(b=>t===p.getOptionValue(b));return p.getOptionLabel(n)||o.emptyText});function k(){var t;(t=u.value)==null||t.focus()}function q(){var t;(t=u.value)==null||t.blur()}return f({focus:k,blur:q}),(t,n)=>t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(g.value),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[a.value?(e.openBlock(),e.createBlock(e.unref(s.Spin),{key:0,size:"small"})):(e.openBlock(),e.createBlock(e.unref(s.RadioGroup),e.mergeProps({key:1},e.unref(c.omit)(o,["value","onUpdate:value","options","request"]),{value:e.unref(r),"onUpdate:value":e.unref(y),options:l.value,ref_key:"radioGroupRef",ref:u}),null,16,["value","onUpdate:value","options"]))],64))}});exports.default=x;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=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"},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:"
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=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"},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 r=0;const y=(t,n)=>typeof(n==null?void 0:n.label)=="string"&&n.label.indexOf(t)>-1,g=i.debounce(t=>{if(!i.isFunction(o.request))return;r+=1;const n=r;u.value=[],a.value=!0,o.request(t).then(l=>{r===n&&(u.value=l)}).finally(()=>{a.value=!1})},300),o=v,u=e.ref((o==null?void 0:o.options)||[]),s=e.ref(),a=e.ref((o==null?void 0:o.loading)||!1),w=h;e.onMounted(()=>{if(i.isFunction(o.request)){a.value=!0,r+=1;const t=r;o.request().then(n=>{t===r&&(u.value=n)}).finally(()=>{a.value=!1})}});const{value:f,updateValue:S}=q.useControllableValue(o,w),B=e.computed(()=>{const t=e.unref(f);if(!t)return o.emptyText;if(i.isArray(t))return t.map(l=>{var d;return(d=e.unref(u).find(c=>c.value===l))==null?void 0:d.label}).filter(Boolean).join("、")||o.emptyText;const n=e.unref(u).find(l=>l.value===t);return(n==null?void 0:n.label)||o.emptyText}),C=e.computed(()=>{const t=!!(o!=null&&o.showSearch),n=o.searchMode;let l={};return t&&(l=n==="request"?{showArrow:!1,defaultActiveFirstOption:!1,onSearch:g,notFoundContent:a.value?void 0:null}:{showArrow:!0,filterOption:i.isNil(o==null?void 0:o.filterOption)?y:o==null?void 0:o.filterOption}),{...F.omitUndefined(i.omit(o,["mode","value","onUpdate:value","onSearch","request","searchMode"])),...l}});function b(){var t;(t=s.value)==null||t.focus()}function x(){var t;(t=s.value)==null||t.blur()}return m({focus:b,blur:x}),(t,n)=>t.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},C.value,{mode:t.multiple?"multiple":void 0,value:e.unref(f),"onUpdate:value":e.unref(S),options:u.value,loading:a.value}),e.createSlots({_:2},[e.renderList(t.$slots,(l,d)=>({name:d,fn:e.withCtx(c=>[e.renderSlot(t.$slots,d,e.normalizeProps(e.guardReactiveProps(c||{})))])})),a.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;
|
|
@@ -17,6 +17,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
17
17
|
step: number;
|
|
18
18
|
tooltipOpen: undefined;
|
|
19
19
|
tooltipVisible: undefined;
|
|
20
|
+
emptyText: string;
|
|
20
21
|
}>, {
|
|
21
22
|
focus: typeof focus;
|
|
22
23
|
blur: typeof blur;
|
|
@@ -29,6 +30,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
29
30
|
step: number;
|
|
30
31
|
tooltipOpen: undefined;
|
|
31
32
|
tooltipVisible: undefined;
|
|
33
|
+
emptyText: string;
|
|
32
34
|
}>>> & {
|
|
33
35
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
34
36
|
}, {
|
|
@@ -38,6 +40,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
38
40
|
included: boolean;
|
|
39
41
|
tooltipOpen: boolean;
|
|
40
42
|
tooltipVisible: boolean;
|
|
43
|
+
emptyText: string;
|
|
41
44
|
}, {}>, Readonly<ApFieldSliderSlots> & ApFieldSliderSlots>;
|
|
42
45
|
export default _default;
|
|
43
46
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("ant-design-vue");require("../../hooks/index.js");const r=require("lodash-unified"),x=require("../../hooks/useControllableValue.js"),S=e.defineComponent({name:"ApFieldSlider",__name:"index",props:{mode:{},id:{},prefixCls:{},tooltipPrefixCls:{},range:{},reverse:{type:Boolean},min:{default:0},max:{default:100},step:{default:1},marks:{},dots:{type:Boolean},value:{},defaultValue:{},included:{type:Boolean,default:!0},disabled:{type:Boolean},vertical:{type:Boolean},tipFormatter:{},tooltipOpen:{type:Boolean,default:void 0},tooltipVisible:{type:Boolean,default:void 0},tooltipPlacement:{},getTooltipPopupContainer:{},autofocus:{type:Boolean},handleStyle:{},trackStyle:{},onChange:{},onAfterChange:{},onFocus:{},onBlur:{},"onUpdate:value":{},emptyText:{}},emits:["update:value"],setup(s,{expose:i,emit:d}){const p=e.useSlots(),l=e.ref(),a=s,c=d,{value:n,updateValue:f}=x.useControllableValue(a,c),m=e.computed(()=>{const t=e.unref(n);return r.isNil(t)?a.emptyText:r.isArray(t)?`${t[0]}-${t[1]}`:t});function v(){var t,o;(o=(t=l.value)==null?void 0:t.focus)==null||o.call(t)}function y(){var t,o;(o=(t=l.value)==null?void 0:t.blur)==null||o.call(t)}return i({focus:v,blur:y}),(t,o)=>t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(m.value),1)],64)):(e.openBlock(),e.createBlock(e.unref(g.Slider),e.mergeProps({key:1},e.unref(r.omit)(a,["value","onUpdate:value","mode","emptyText","defaultValue"]),{value:e.unref(n),"onUpdate:value":e.unref(f),ref_key:"sliderRef",ref:l}),e.createSlots({_:2},[e.renderList(p,(k,u)=>({name:u,fn:e.withCtx(B=>[e.renderSlot(t.$slots,u,e.normalizeProps(e.guardReactiveProps(B||{})))])}))]),1040,["value","onUpdate:value"]))}});exports.default=S;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("ant-design-vue");require("../../hooks/index.js");const r=require("lodash-unified"),x=require("../../hooks/useControllableValue.js"),S=e.defineComponent({name:"ApFieldSlider",__name:"index",props:{mode:{},id:{},prefixCls:{},tooltipPrefixCls:{},range:{},reverse:{type:Boolean},min:{default:0},max:{default:100},step:{default:1},marks:{},dots:{type:Boolean},value:{},defaultValue:{},included:{type:Boolean,default:!0},disabled:{type:Boolean},vertical:{type:Boolean},tipFormatter:{},tooltipOpen:{type:Boolean,default:void 0},tooltipVisible:{type:Boolean,default:void 0},tooltipPlacement:{},getTooltipPopupContainer:{},autofocus:{type:Boolean},handleStyle:{},trackStyle:{},onChange:{},onAfterChange:{},onFocus:{},onBlur:{},"onUpdate:value":{},emptyText:{default:"--"}},emits:["update:value"],setup(s,{expose:i,emit:d}){const p=e.useSlots(),l=e.ref(),a=s,c=d,{value:n,updateValue:f}=x.useControllableValue(a,c),m=e.computed(()=>{const t=e.unref(n);return r.isNil(t)?a.emptyText:r.isArray(t)?`${t[0]}-${t[1]}`:t});function v(){var t,o;(o=(t=l.value)==null?void 0:t.focus)==null||o.call(t)}function y(){var t,o;(o=(t=l.value)==null?void 0:t.blur)==null||o.call(t)}return i({focus:v,blur:y}),(t,o)=>t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(m.value),1)],64)):(e.openBlock(),e.createBlock(e.unref(g.Slider),e.mergeProps({key:1},e.unref(r.omit)(a,["value","onUpdate:value","mode","emptyText","defaultValue"]),{value:e.unref(n),"onUpdate:value":e.unref(f),ref_key:"sliderRef",ref:l}),e.createSlots({_:2},[e.renderList(p,(k,u)=>({name:u,fn:e.withCtx(B=>[e.renderSlot(t.$slots,u,e.normalizeProps(e.guardReactiveProps(B||{})))])}))]),1040,["value","onUpdate:value"]))}});exports.default=S;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("ant-design-vue");require("../../hooks/index.js");const h=require("lodash-unified"),i=require("@fruits-chain/utils"),V=require("../../hooks/useControllableValue.js"),v=e.defineComponent({name:"ApFieldSwitch",__name:"index",props:{mode:{},id:{},prefixCls:{},size:{default:"default"},disabled:{type:Boolean},checkedChildren:{},unCheckedChildren:{},tabindex:{},autofocus:{type:Boolean},loading:{type:Boolean,default:void 0},checked:{},checkedValue:{default:!0},unCheckedValue:{default:!1},onChange:{},onKeydown:{},onMouseup:{},"onUpdate:checked":{},onBlur:{},onFocus:{},emptyText:{default:"
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("ant-design-vue");require("../../hooks/index.js");const h=require("lodash-unified"),i=require("@fruits-chain/utils"),V=require("../../hooks/useControllableValue.js"),v=e.defineComponent({name:"ApFieldSwitch",__name:"index",props:{mode:{},id:{},prefixCls:{},size:{default:"default"},disabled:{type:Boolean},checkedChildren:{},unCheckedChildren:{},tabindex:{},autofocus:{type:Boolean},loading:{type:Boolean,default:void 0},checked:{},checkedValue:{default:!0},unCheckedValue:{default:!1},onChange:{},onKeydown:{},onMouseup:{},"onUpdate:checked":{},onBlur:{},onFocus:{},emptyText:{default:"--"},onAction:{},confirm:{}},emits:["update:checked"],setup(m,{emit:p}){const r=e.useSlots(),o=m,C=p,{value:u,updateValue:l}=V.useControllableValue(o,C,{valuePropName:"checked"}),a=e.ref(!1);async function k(n,d){if(!i.isDef(o.confirm)){if(!i.isDef(o.onAction)){l(n);return}a.value=!0;try{await o.onAction(n,d)&&l(n)}finally{a.value=!1}}}async function g(){const n=e.unref(u)===o.checkedValue?o.unCheckedValue:o.checkedValue;if(!i.isDef(o.onAction)){l(n);return}await o.onAction(n)&&l(n)}const y=e.computed(()=>{var c,t;const n=e.unref(u);return h.isNil(n)?e.createVNode(e.Fragment,null,[o.emptyText]):n===o.checkedValue?e.createVNode(e.Fragment,null,[o.checkedChildren||((c=r.checkedChildren)==null?void 0:c.call(r))||`${o.checkedValue}`]):e.createVNode(e.Fragment,null,[o.unCheckedChildren||((t=r.unCheckedChildren)==null?void 0:t.call(r))||`${o.unCheckedValue}`])});return(n,d)=>n.mode==="read"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.value),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[!e.unref(i.isDef)(n.confirm)||n.disabled?(e.openBlock(),e.createBlock(e.unref(f.Switch),e.mergeProps({key:0},e.unref(h.omit)(o,"onUpdate:checked"),{checked:e.unref(u),onClick:k,loading:n.loading??a.value}),e.createSlots({_:2},[e.renderList(r,(c,t)=>({name:t,fn:e.withCtx(s=>[e.renderSlot(n.$slots,t,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["checked","loading"])):(e.openBlock(),e.createBlock(e.unref(f.Popconfirm),e.mergeProps({key:1},n.confirm||{},{onConfirm:g}),{default:e.withCtx(()=>[e.createVNode(e.unref(f.Switch),e.mergeProps(e.unref(h.omit)(o,"onUpdate:checked"),{checked:e.unref(u),onClick:k,loading:n.loading??a.value}),e.createSlots({_:2},[e.renderList(r,(c,t)=>({name:t,fn:e.withCtx(s=>[e.renderSlot(n.$slots,t,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["checked","loading"])]),_:3},16))],64))}});exports.default=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),y=require("ant-design-vue");require("../../hooks/index.js");const v=require("lodash-unified"),x=require("../../hooks/useControllableValue.js");function g(l){return typeof l=="function"||Object.prototype.toString.call(l)==="[object Object]"&&!t.isVNode(l)}const B=t.defineComponent({name:"ApFieldText",__name:"index",props:{mode:{default:"edit"},id:{},placeholder:{},autocomplete:{},type:{default:"text"},name:{},size:{},autofocus:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onKeydown:{},onKeyup:{},onFocus:{},onBlur:{},onChange:{},onInput:{},"onUpdate:value":{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},value:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),y=require("ant-design-vue");require("../../hooks/index.js");const v=require("lodash-unified"),x=require("../../hooks/useControllableValue.js");function g(l){return typeof l=="function"||Object.prototype.toString.call(l)==="[object Object]"&&!t.isVNode(l)}const B=t.defineComponent({name:"ApFieldText",__name:"index",props:{mode:{default:"edit"},id:{},placeholder:{},autocomplete:{},type:{default:"text"},name:{},size:{},autofocus:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onKeydown:{},onKeyup:{},onFocus:{},onBlur:{},onChange:{},onInput:{},"onUpdate:value":{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},value:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"}},emits:["update:value"],setup(l,{expose:c,emit:d}){const u=t.ref(),o=t.useSlots();c({focus:e=>{var n;(n=u.value)==null||n.focus(e)},blur:()=>{var e;(e=u.value)==null||e.blur()},setSelectionRange:(e,n,m)=>{var i;(i=u.value)==null||i.setSelectionRange(e,n,m)},select:()=>{var e;(e=u.value)==null||e.select()},input:t.computed(()=>{var e;return(e=u.value)==null?void 0:e.input})});const p=d,a=l,{value:r,updateValue:s}=x.useControllableValue(a,p);function f(){var e,n;return a.mode==="edit"?t.createVNode(y.Input,t.mergeProps(v.omit(a,["mode","emptyText","value","onUpdate:value"]),{value:t.unref(r),"onUpdate:value":s,ref:u}),g(o)?o:{default:()=>[o]}):t.createVNode(t.Fragment,null,[a.prefix||((e=o==null?void 0:o.prefix)==null?void 0:e.call(o)),t.unref(r)||a.emptyText,a.suffix||((n=o==null?void 0:o.suffix)==null?void 0:n.call(o))])}return(e,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(f())))}});exports.default=B;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("ant-design-vue");require("../../hooks/index.js");const V=require("lodash-unified"),p=require("@ant-design/icons-vue"),c=require("../../hooks/useControllableValue.js");function g(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!e.isVNode(o)}const C=e.defineComponent({name:"ApFieldTextPassword",__name:"password",props:{mode:{default:"edit"},id:{},placeholder:{},autocomplete:{},type:{default:"text"},name:{},size:{},autofocus:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onKeydown:{},onKeyup:{},onFocus:{},onBlur:{},onChange:{},onInput:{},"onUpdate:value":{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},value:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},inputPrefixCls:{},action:{default:"click"},visibilityToggle:{type:Boolean,default:!0},visible:{type:Boolean,default:void 0},"onUpdate:visible":{},emptyText:{default:"
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("ant-design-vue");require("../../hooks/index.js");const V=require("lodash-unified"),p=require("@ant-design/icons-vue"),c=require("../../hooks/useControllableValue.js");function g(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!e.isVNode(o)}const C=e.defineComponent({name:"ApFieldTextPassword",__name:"password",props:{mode:{default:"edit"},id:{},placeholder:{},autocomplete:{},type:{default:"text"},name:{},size:{},autofocus:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onKeydown:{},onKeyup:{},onFocus:{},onBlur:{},onChange:{},onInput:{},"onUpdate:value":{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},value:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},inputPrefixCls:{},action:{default:"click"},visibilityToggle:{type:Boolean,default:!0},visible:{type:Boolean,default:void 0},"onUpdate:visible":{},emptyText:{default:"--"}},emits:["update:value","update:visible"],setup(o,{expose:f,emit:v}){const a=e.ref(),u=e.useSlots();f({focus:()=>{var t;(t=a.value)==null||t.focus()},blur:()=>{var t;(t=a.value)==null||t.blur()}});const i=v,l=o,{value:m,updateValue:y}=c.useControllableValue(l,i),{value:b,updateValue:r}=c.useControllableValue(l,i,{valuePropName:"visible"});function B(){const t=e.unref(m),n=e.unref(b);if(l.mode==="edit")return e.createVNode(d.Input.Password,e.mergeProps(V.omit(l,["mode","emptyText","value","onUpdate:value","visible","onUpdate:visible"]),{value:t,"onUpdate:value":y,visible:n,"onUpdate:visible":r,ref:a}),g(u)?u:{default:()=>[u]});let s=e.createVNode(e.Fragment,null,[l.emptyText]);return t&&(s=e.createVNode(d.Space,null,{default:()=>[e.createVNode("span",null,[n?t:"********"]),e.createVNode("span",{style:{cursor:"pointer"},onClick:()=>r(!n)},[n?e.createVNode(p.EyeOutlined,null,null):e.createVNode(p.EyeInvisibleOutlined,null,null)])]})),s}return(t,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(B())))}});exports.default=C;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("lodash-unified");require("../../hooks/index.js");require("../../config-provider/index.js");const f=require("ant-design-vue");require("./style.css");const m=require("../../hooks/useControllableValue.js"),y=require("../../config-provider/hooks/use-namespace.js"),v=e.defineComponent({name:"ApFieldTextArea",__name:"index",props:{mode:{default:"edit"},rows:{},autosize:{type:[Boolean,Object]},autoSize:{type:[Boolean,Object]},onResize:{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},size:{},value:{},name:{},type:{default:"text"},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean},prefixCls:{},id:{},autofocus:{type:Boolean},autocomplete:{},readonly:{type:Boolean},status:{},defaultValue:{},"onUpdate:value":{},placeholder:{},loading:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},inputElement:{},triggerFocus:{},handleReset:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("lodash-unified");require("../../hooks/index.js");require("../../config-provider/index.js");const f=require("ant-design-vue");require("./style.css");const m=require("../../hooks/useControllableValue.js"),y=require("../../config-provider/hooks/use-namespace.js"),v=e.defineComponent({name:"ApFieldTextArea",__name:"index",props:{mode:{default:"edit"},rows:{},autosize:{type:[Boolean,Object]},autoSize:{type:[Boolean,Object]},onResize:{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},size:{},value:{},name:{},type:{default:"text"},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean},prefixCls:{},id:{},autofocus:{type:Boolean},autocomplete:{},readonly:{type:Boolean},status:{},defaultValue:{},"onUpdate:value":{},placeholder:{},loading:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},inputElement:{},triggerFocus:{},handleReset:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"}},emits:["update:value"],setup(r,{expose:s,emit:i}){const t=e.ref(),l=r,p=i,{value:a,updateValue:d}=m.useControllableValue(l,p),{b:c}=y.useNamespace("field-text-area");return s({focus:o=>{var n;(n=t.value)==null||n.focus(o)},blur:()=>{var o;(o=t.value)==null||o.blur()},resizableTextArea:e.computed(()=>{var o;return(o=t.value)==null?void 0:o.resizableTextArea})}),(o,n)=>o.mode==="read"?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(c)())},e.toDisplayString(e.unref(u.isNil)(e.unref(a))||e.unref(a)===""?o.emptyText:e.unref(a)),3)):(e.openBlock(),e.createBlock(e.unref(f.Input).TextArea,e.mergeProps({key:1},e.unref(u.omit)(l,["onUpdate:value","value"]),{value:e.unref(a),"onUpdate:value":e.unref(d),ref_key:"textAreaRef",ref:t}),null,16,["value","onUpdate:value"]))}});exports.default=v;
|
|
@@ -22,6 +22,7 @@ type ApTableSlots = {
|
|
|
22
22
|
expandColumnTitle?: any;
|
|
23
23
|
customFilterIcon?: any;
|
|
24
24
|
customFilterDropdown?: any;
|
|
25
|
+
searchFormExtra?: any;
|
|
25
26
|
};
|
|
26
27
|
/**
|
|
27
28
|
* 设置查询表单值
|
|
@@ -47,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
47
48
|
searchForm: undefined;
|
|
48
49
|
loading: undefined;
|
|
49
50
|
manual: boolean;
|
|
51
|
+
adaptive: boolean;
|
|
50
52
|
}>, {
|
|
51
53
|
submit: () => void;
|
|
52
54
|
reset: () => void;
|
|
@@ -71,6 +73,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
71
73
|
searchForm: undefined;
|
|
72
74
|
loading: undefined;
|
|
73
75
|
manual: boolean;
|
|
76
|
+
adaptive: boolean;
|
|
74
77
|
}>>>, {
|
|
75
78
|
loading: boolean | Partial< ExtractPropTypes<{
|
|
76
79
|
prefixCls: StringConstructor;
|
|
@@ -164,9 +167,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
164
167
|
childrenColumnName: string;
|
|
165
168
|
card: boolean;
|
|
166
169
|
searchForm: false | ApFormSearchFormProps;
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
}>;
|
|
170
|
+
adaptive: boolean;
|
|
171
|
+
}, {}>, Readonly<ApTableSlots> & ApTableSlots>;
|
|
170
172
|
export default _default;
|
|
171
173
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
172
174
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -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("ant-design-vue"),j=require("../ap-form/index.js"),c=require("./constants.js");require("../config-provider/index.js");const M=require("./hooks/use-table-paging.js"),x=require("lodash-unified");require("./style/ap-table.css");const W=require("@ant-design/icons-vue"),u=require("./utils.js"),A=require("./hooks/use-table-content-height.js"),H=require("../config-provider/hooks/use-locale.js"),K=require("../config-provider/hooks/use-namespace.js"),$=require("../config-provider/hooks/use-global-config.js"),G={key:0},U=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1}},setup(w,{expose:R}){const o=w,h=e.useSlots(),{t:B}=H.useLocale(),{e:p,b:d}=K.useNamespace("ap-table"),T=$.useGlobalConfig("uiMode"),{height:v,contentRef:P}=A.default(),f=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}){let s;if(t.customRender)s=t.customRender({value:n,...l,column:t});else{const F=u.getTableRenderType(t),_=c.apTableRenderItemMap[F],D=u.getTableRenderProps(t,{value:n,...l});s=e.createVNode(_,e.mergeProps(D,{mode:"read"}),null)}return O(t,n,s)}})),a}),b=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)&&!c.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:r.sort((n,l)=>{let s=u.getColumnOrder(n.order);return u.getColumnOrder(l.order)-s}))==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(B,n.valueType,l==null?void 0:l.placeholder)}}}))||[]}),k=e.computed(()=>e.unref(f).filter(a=>a.sorter===!0).map(a=>a.dataIndex)),I=e.computed(()=>e.unref(f).filter(a=>a.filters&&!a.onFilter).map(a=>a.dataIndex)),{formRef:m,submit:C,reset:S,tableProps:i,handleTableChange:q,data:g}=M.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(I),sortFields:e.unref(k),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}),V=e.computed(()=>{if(o.scroll)return o.scroll;if(o.adaptive&&g.value.total>0)return{y:e.unref(v)}}),E=e.computed(()=>({...o,...e.unref(i),loading:x.isUndefined(o.loading)?e.unref(i).loading:o.loading,pagination:o.pagination===!1?!1:e.unref(i).pagination,scroll:e.unref(V)})),N=e.computed(()=>[o.card?null:d("wrapper"),o.adaptive?d("adaptive"):null].filter(Boolean));function O(a,r,t){return c.noRenderAsFormItemValueList.includes(a.valueType)?t:a.copyable||a.ellipsis?e.createVNode(y.Typography.Text,{copyable:a.copyable?{text:r,tooltip:!1}:!1,ellipsis:a.ellipsis?{tooltip:r}:!1,content:t},null):t}e.watch(()=>e.unref(g).loading,a=>{var r;(r=o.onLoadingChange)==null||r.call(o,a)});function z(a){var r,t,n;(n=(t=(r=m.value)==null?void 0:r.apForm)==null?void 0:t.setFieldsValue)==null||n.call(t,a)}function L(){var a,r,t;return(t=(r=(a=m.value)==null?void 0:a.apForm)==null?void 0:r.getFieldsValue)==null?void 0:t.call(r,!0)}return R({submit:()=>C(),reset:()=>S(),setSearchFormValues:z,getSearchFormValues:L,dataSource:e.computed(()=>e.unref(g).records)}),(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(N.value)},[a.searchForm!==!1&&b.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(j.ApForm).SearchForm,e.mergeProps(a.searchForm||{},{ref_key:"formRef",ref:m,"custom-reset":"",onSubmit:e.unref(C),onReset:e.unref(S),"submit-loading":e.unref(i).loading}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,t=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.customRenderFormItem?t.customRenderFormItem(t):e.unref(c.apTableFormItemMap)[t.valueType||"text"]),e.mergeProps({key:t.dataIndex,ref_for:!0},t.fieldProps||{},{span:t.span}),null,16,["span"]))),128))]),_:2},[h.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:P,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(y.Table),e.mergeProps({class:e.unref(T)==="admin"?e.unref(d)("table-admin"):e.unref(d)("table")},E.value,{onChange:e.unref(q),columns:f.value}),e.createSlots({headerCell:e.withCtx(({column:t,title:n})=>[t.tooltip?(e.openBlock(),e.createElementBlock("span",G,[e.createElementVNode("span",null,e.toDisplayString(n),1),e.createVNode(e.unref(y.Tooltip),{title:t.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(W.QuestionCircleOutlined),{style:{color:"#0070ff","padding-left":"4px"}})]),_:2},1032,["title"])])):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(x.omit)(h,["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=U;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Ref, ComputedRef } from 'vue';
|
|
2
|
+
export type TableContentHeightOptions = {
|
|
3
|
+
offset?: number;
|
|
4
|
+
};
|
|
5
|
+
declare const useTableContentHeight: (options?: TableContentHeightOptions) => {
|
|
6
|
+
contentRef: Ref<HTMLDivElement | undefined>;
|
|
7
|
+
height: ComputedRef<number>;
|
|
8
|
+
};
|
|
9
|
+
export default useTableContentHeight;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("@vueuse/core"),r=require("vue");function g(t){if(!t)return 0;const e=parseFloat(t);return Number.isNaN(e)?0:e}function s(t){if(!t)return 0;const e=getComputedStyle(t);return t.clientHeight+g(e.marginTop)+g(e.marginBottom)}const p=t=>{const e=r.ref(),{height:f}=m.useElementSize(e),u=r.ref();let a=!1;const h=r.computed(()=>{var o,c,l;const i=((c=(o=e.value)==null?void 0:o.querySelector(".ant-table-header"))==null?void 0:c.clientHeight)||47,n=(l=e.value)==null?void 0:l.querySelector(".ant-pagination"),d=n?s(n):r.unref(u);return n&&(a=!0),Math.ceil(r.unref(f)-i-(d||0)-((t==null?void 0:t.offset)||0))});return r.onUpdated(()=>{var n;if(a)return;const i=(n=e.value)==null?void 0:n.querySelector(".ant-pagination");if(!i){u.value=0;return}u.value=s(i),a=!0}),{contentRef:e,height:h}};exports.default=p;
|
|
@@ -62,7 +62,7 @@ export type ExtraProColumnType<T> = Omit<ColumnType<T>, 'children' | 'filters'>
|
|
|
62
62
|
multiple?: number;
|
|
63
63
|
};
|
|
64
64
|
};
|
|
65
|
-
export type ApColumnType<ValueType extends keyof ApTableValueFields = 'text', RecordType = any> = ExtraProColumnType<
|
|
65
|
+
export type ApColumnType<ValueType extends keyof ApTableValueFields = 'text', RecordType = any> = ExtraProColumnType<RecordType> & {
|
|
66
66
|
children?: ApColumnType<any, RecordType>[];
|
|
67
67
|
/**
|
|
68
68
|
* 表单项所占据的格子数(1-24格)
|
|
@@ -199,6 +199,10 @@ export type ApTableProps<RecordType = any, ParamsType = any, ValueType extends k
|
|
|
199
199
|
* 表格尺寸(只支持中等大小和小尺寸)
|
|
200
200
|
*/
|
|
201
201
|
size?: 'middle' | 'small';
|
|
202
|
+
/**
|
|
203
|
+
* 表格是否自适应高度
|
|
204
|
+
*/
|
|
205
|
+
adaptive?: boolean;
|
|
202
206
|
};
|
|
203
207
|
export type ApTableExpose<SearchParamsType = Recordable, RecordType = any> = {
|
|
204
208
|
/**
|
|
@@ -2,6 +2,30 @@
|
|
|
2
2
|
padding: 16px;
|
|
3
3
|
background-color: #fff;
|
|
4
4
|
}
|
|
5
|
+
.aplus-ap-table-adaptive {
|
|
6
|
+
height: 100%;
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
}
|
|
10
|
+
.aplus-ap-table-adaptive .ant-table-wrapper,
|
|
11
|
+
.aplus-ap-table-adaptive .ant-spin-nested-loading,
|
|
12
|
+
.aplus-ap-table-adaptive .ant-spin-container {
|
|
13
|
+
height: 100%;
|
|
14
|
+
}
|
|
15
|
+
.aplus-ap-table-adaptive .ant-spin-container {
|
|
16
|
+
display: flex;
|
|
17
|
+
flex-direction: column;
|
|
18
|
+
}
|
|
19
|
+
.aplus-ap-table-adaptive .ant-table {
|
|
20
|
+
flex: 1;
|
|
21
|
+
}
|
|
22
|
+
.aplus-ap-table-adaptive .ant-table-container,
|
|
23
|
+
.aplus-ap-table-adaptive .ant-table-content {
|
|
24
|
+
height: 100%;
|
|
25
|
+
}
|
|
26
|
+
.aplus-ap-table-adaptive .ant-table-content > table {
|
|
27
|
+
height: 100%;
|
|
28
|
+
}
|
|
5
29
|
.aplus-ap-table__search-wrapper {
|
|
6
30
|
padding: 16px;
|
|
7
31
|
padding-bottom: 0;
|
|
@@ -9,8 +33,12 @@
|
|
|
9
33
|
margin-bottom: 16px;
|
|
10
34
|
}
|
|
11
35
|
.aplus-ap-table__table-wrapper {
|
|
36
|
+
flex: 1;
|
|
37
|
+
}
|
|
38
|
+
.aplus-ap-table__table-wrapper-card {
|
|
12
39
|
padding: 16px;
|
|
13
40
|
background-color: #fff;
|
|
41
|
+
overflow: hidden;
|
|
14
42
|
}
|
|
15
43
|
.aplus-ap-table-table .ant-pagination {
|
|
16
44
|
margin-bottom: 0 !important;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { ColumnType, TableProps } from 'ant-design-vue/es/table';
|
|
2
|
+
import { ApTableValueFields, ValueEnum } from '../ap-table';
|
|
3
|
+
import { InternalNamePath, NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
|
|
4
|
+
|
|
5
|
+
export type EditableColumnType<ValueType extends keyof ApTableValueFields = 'text', RecordType = any> = Omit<ColumnType<RecordType>, 'children'> & {
|
|
6
|
+
/**
|
|
7
|
+
* 在title之后展示一个icon并触发tooltip
|
|
8
|
+
*/
|
|
9
|
+
tooltip?: string;
|
|
10
|
+
/**
|
|
11
|
+
* 是否可以复制(不可编辑模式下可用)
|
|
12
|
+
*/
|
|
13
|
+
copyable?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* 是否可编辑
|
|
16
|
+
*/
|
|
17
|
+
editable?: boolean | ((text: any, record: RecordType, index: number) => boolean);
|
|
18
|
+
/**
|
|
19
|
+
* 值的枚举,会自动转化把值当成 key 来取出要显示的内容(也会作为select等组件的选项)
|
|
20
|
+
*/
|
|
21
|
+
valueEnum?: ValueEnum;
|
|
22
|
+
/**
|
|
23
|
+
* 自定义表单
|
|
24
|
+
*/
|
|
25
|
+
customRenderFormItem?: (config: EditableColumnType<ValueType, RecordType>) => any;
|
|
26
|
+
/**
|
|
27
|
+
* 指定值类型(将会用于普通列和可编辑表格的渲染)
|
|
28
|
+
*/
|
|
29
|
+
valueType?: keyof ApTableValueFields;
|
|
30
|
+
/**
|
|
31
|
+
* 值类型额外配置的参数(支持函数)
|
|
32
|
+
*/
|
|
33
|
+
fieldProps?: ApTableValueFields[ValueType] | ((opt?: {
|
|
34
|
+
value: any;
|
|
35
|
+
text: any;
|
|
36
|
+
record: RecordType;
|
|
37
|
+
index: number;
|
|
38
|
+
renderIndex: number;
|
|
39
|
+
column: EditableColumnType<ValueType, RecordType>;
|
|
40
|
+
}) => ApTableValueFields[ValueType]);
|
|
41
|
+
};
|
|
42
|
+
export type EditableTableProps<RecordType = any> = Omit<TableProps<RecordType>, 'columns' | 'dataSource'> & {
|
|
43
|
+
/**
|
|
44
|
+
* 列配置
|
|
45
|
+
*/
|
|
46
|
+
columns?: EditableColumnType<any, RecordType>[];
|
|
47
|
+
/**
|
|
48
|
+
* 同dataSource,传入的数组数据将作为表单的初始数据
|
|
49
|
+
*/
|
|
50
|
+
value?: RecordType[];
|
|
51
|
+
'onUpdate:value'?: (value: RecordType[]) => void;
|
|
52
|
+
/**
|
|
53
|
+
* 数据修改时触发onChange(也包含数据的删除)
|
|
54
|
+
* @param value
|
|
55
|
+
* @returns
|
|
56
|
+
*/
|
|
57
|
+
onChange?: (value: RecordType[]) => void;
|
|
58
|
+
/**
|
|
59
|
+
* 表格最大行数,超过行后将无法调用相关API新增
|
|
60
|
+
*/
|
|
61
|
+
maxLength?: number;
|
|
62
|
+
/**
|
|
63
|
+
* 设置可编辑表格的名字,如果是作为其它表单的一部分,需要设置此字段
|
|
64
|
+
*/
|
|
65
|
+
name?: any;
|
|
66
|
+
};
|
|
67
|
+
export type EditableTableExpose<ModelType = any> = {
|
|
68
|
+
resetFields: (name?: NamePath) => void;
|
|
69
|
+
validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>> | undefined;
|
|
70
|
+
getFieldsValue: (nameList?: true | InternalNamePath[]) => Partial<ModelType> | undefined;
|
|
71
|
+
};
|