flame-plus 0.1.27 → 0.1.28
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/.vscode/extensions.json +3 -0
- package/README.md +7 -1
- package/index.html +13 -0
- package/package.json +23 -48
- package/public/vite.svg +1 -0
- package/src/App.vue +12 -0
- package/src/assets/vue.svg +1 -0
- package/src/components/HelloWorld.vue +33 -0
- package/src/main.ts +16 -0
- package/{packages → src/packages}/components/base/flmButton/flmButton.vue +1 -1
- package/{packages → src/packages}/components/base/flmCascader/flmCascader.vue +1 -1
- package/{packages → src/packages}/components/base/flmCheckbox/flmCheckbox.vue +1 -1
- package/{packages → src/packages}/components/base/flmCheckbox/flmCheckboxGroup.vue +1 -1
- package/{packages → src/packages}/components/base/flmColorPicker/flmColorPicker.vue +1 -1
- package/{packages → src/packages}/components/base/flmDatePicker/flmDatePicker.vue +1 -1
- package/{packages → src/packages}/components/base/flmDialog/flmDialog.vue +1 -1
- package/{packages → src/packages}/components/base/flmInput/flmInput.vue +1 -1
- package/{packages → src/packages}/components/base/flmInputNumber/flmInputNumber.vue +1 -1
- package/{packages → src/packages}/components/base/flmPagination/flmPagination.vue +1 -1
- package/{packages → src/packages}/components/base/flmRadio/flmRadio.vue +1 -1
- package/{packages → src/packages}/components/base/flmRate/flmRate.vue +1 -1
- package/{packages → src/packages}/components/base/flmRead/flmRead.vue +2 -2
- package/{packages → src/packages}/components/base/flmSelect/flmSelect.vue +1 -1
- package/{packages → src/packages}/components/base/flmSlider/flmSlider.vue +1 -1
- package/{packages → src/packages}/components/base/flmSwitch/flmSwitch.vue +1 -1
- package/{packages → src/packages}/components/base/flmTimePicker/flmTimePicker.vue +1 -1
- package/{packages → src/packages}/components/base/flmTimeSelect/flmTimeSelect.vue +1 -1
- package/{packages → src/packages}/components/base/flmTransfer/flmTransfer.vue +1 -1
- package/{packages → src/packages}/components/complex/flmForm/flmForm.vue +2 -1
- package/{packages → src/packages}/components/complex/flmSearch/flmSearch.vue +1 -1
- package/{packages → src/packages}/components/complex/flmTable/flmTable.vue +1 -1
- package/{packages → src/packages}/components/complex/flmToolbar/flmToolbar.vue +2 -2
- package/{packages → src/packages}/components/index.ts +2 -1
- package/src/packages/components/page/flmExportPage/flmExportPage.vue +219 -0
- package/{packages → src/packages}/components/page/flmReportPage/flmReportPage.vue +77 -91
- package/src/packages/index.ts +96 -0
- package/src/shims-vue.d.ts +9 -0
- package/tsconfig.json +20 -73
- package/vite.config.js +41 -0
- package/.browserslistrc +0 -3
- package/.env +0 -0
- package/.eslintrc.js +0 -20
- package/packages/index.ts +0 -8
- package/packages/model/flmComponentConfig/base/flmButton.ts +0 -53
- package/packages/model/flmComponentConfig/base/flmCascader.ts +0 -77
- package/packages/model/flmComponentConfig/base/flmCheckbox.ts +0 -51
- package/packages/model/flmComponentConfig/base/flmColorPicker.ts +0 -30
- package/packages/model/flmComponentConfig/base/flmDatePicker.ts +0 -73
- package/packages/model/flmComponentConfig/base/flmDialog.ts +0 -49
- package/packages/model/flmComponentConfig/base/flmInput.ts +0 -57
- package/packages/model/flmComponentConfig/base/flmInputNumber.ts +0 -37
- package/packages/model/flmComponentConfig/base/flmPagination.ts +0 -37
- package/packages/model/flmComponentConfig/base/flmRadio.ts +0 -42
- package/packages/model/flmComponentConfig/base/flmRate.ts +0 -49
- package/packages/model/flmComponentConfig/base/flmRead.ts +0 -6
- package/packages/model/flmComponentConfig/base/flmSelect.ts +0 -104
- package/packages/model/flmComponentConfig/base/flmSlider.ts +0 -51
- package/packages/model/flmComponentConfig/base/flmSwitch.ts +0 -37
- package/packages/model/flmComponentConfig/base/flmTimePicker.ts +0 -61
- package/packages/model/flmComponentConfig/base/flmTimeSelect.ts +0 -44
- package/packages/model/flmComponentConfig/base/flmTransfer.ts +0 -51
- package/packages/model/flmComponentConfig/complex/flmForm.ts +0 -147
- package/packages/model/flmComponentConfig/complex/flmSearch.ts +0 -5
- package/packages/model/flmComponentConfig/complex/flmTable.ts +0 -132
- package/packages/model/flmComponentConfig/complex/flmToolbar.ts +0 -13
- package/packages/model/flmComponentConfig/index.ts +0 -31
- package/packages/model/flmComponentConfig/page/flmReportPage.ts +0 -31
- package/packages/model/flmComponentConfig/public.ts +0 -293
- package/typings/lodash.d.ts +0 -4
- package/webpack.config.js +0 -15
- /package/{packages → src/packages}/utils/filterConfig.ts +0 -0
- /package/{packages → src/packages}/utils/index.ts +0 -0
- /package/{packages → src/packages}/utils/isValidKey.ts +0 -0
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { ElementSize } from '../../../model/flmComponentConfig'
|
|
2
|
-
|
|
3
|
-
/** @switch 开关 */
|
|
4
|
-
// 开关设置(https://element-plus.gitee.io/zh-CN/component/switch.html)
|
|
5
|
-
export interface SwitchConfig {
|
|
6
|
-
'model-value'?: boolean | string | number
|
|
7
|
-
'disabled'?: boolean
|
|
8
|
-
'loading'?: boolean
|
|
9
|
-
'size'?: ElementSize
|
|
10
|
-
'width'?: number
|
|
11
|
-
'inline-prompt'?: boolean
|
|
12
|
-
'active-icon'?: string
|
|
13
|
-
'inactive-icon'?: string
|
|
14
|
-
'active-text'?: string
|
|
15
|
-
'inactive-text'?: string
|
|
16
|
-
'active-value'?: boolean | string | number
|
|
17
|
-
'inactive-value'?: boolean | string | number
|
|
18
|
-
'active-color'?: string
|
|
19
|
-
'inactive-color'?: string
|
|
20
|
-
'border-color'?: string
|
|
21
|
-
'name'?: string
|
|
22
|
-
'validate-event'?: boolean
|
|
23
|
-
'before-change'?: Function
|
|
24
|
-
}
|
|
25
|
-
// 开关默认设置
|
|
26
|
-
export const switchDefaultConfig: SwitchConfig = {
|
|
27
|
-
'disabled': false,
|
|
28
|
-
'loading': false,
|
|
29
|
-
'size': ElementSize.default,
|
|
30
|
-
'width': 40,
|
|
31
|
-
'inline-prompt': false,
|
|
32
|
-
'active-value': true,
|
|
33
|
-
'inactive-value': false,
|
|
34
|
-
'active-color': '#409EFF',
|
|
35
|
-
'inactive-color': '#C0CCDA',
|
|
36
|
-
'validate-event': true,
|
|
37
|
-
}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { ElementSize, ElementIcons } from '../../../model/flmComponentConfig'
|
|
2
|
-
|
|
3
|
-
/** @timePicker 时间选择器 */
|
|
4
|
-
|
|
5
|
-
// 时间选择器对齐方式
|
|
6
|
-
export enum TimePickerAlign {
|
|
7
|
-
'left' = 'left',
|
|
8
|
-
'center' = 'center',
|
|
9
|
-
'right' = 'right'
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
// 时间选择器设置(https://element-plus.gitee.io/zh-CN/component/time-picker.html)
|
|
13
|
-
export interface TimePickerConfig {
|
|
14
|
-
// 默认属性
|
|
15
|
-
'model-value'?: Date
|
|
16
|
-
'readonly'?: boolean
|
|
17
|
-
'disabled'?: boolean
|
|
18
|
-
'editable'?: boolean
|
|
19
|
-
'clearable'?: boolean
|
|
20
|
-
'size'?: ElementSize
|
|
21
|
-
'placeholder'?: string
|
|
22
|
-
'start-placeholder'?: string
|
|
23
|
-
'end-placeholder'?: string
|
|
24
|
-
'is-range'?: boolean
|
|
25
|
-
'arrow-control'?: boolean
|
|
26
|
-
'align'?: TimePickerAlign
|
|
27
|
-
'popper-class'?: string
|
|
28
|
-
'range-separator'?: string
|
|
29
|
-
'format'?: string
|
|
30
|
-
'default-value'?: Date | string
|
|
31
|
-
'id'?: string | Array<string>
|
|
32
|
-
'name'?: string
|
|
33
|
-
'prefix-icon'?: ElementIcons
|
|
34
|
-
'clear-icon'?: ElementIcons
|
|
35
|
-
'disabled-hours'?: Function
|
|
36
|
-
'disabled-minutes'?: Function
|
|
37
|
-
'disabled-seconds'?: Function
|
|
38
|
-
'teleported'?: boolean
|
|
39
|
-
}
|
|
40
|
-
// 时间选择默认事件
|
|
41
|
-
export interface TimePickerDefaultEvent {
|
|
42
|
-
'onUpdate:modelValue': (value: TimePickerConfig['model-value']) => void, // v-model 不用改不了值
|
|
43
|
-
// 'onChange': (value: TimePickerConfig['model-value']) => void,
|
|
44
|
-
'onBlur': (event: any) => void,
|
|
45
|
-
'onFocus': (event: any) => void,
|
|
46
|
-
'onVisibleChange': (event: boolean) => void,
|
|
47
|
-
}
|
|
48
|
-
// 时间选择器默认设置
|
|
49
|
-
export const timePickerDefaultConfig: TimePickerConfig = {
|
|
50
|
-
'readonly': false,
|
|
51
|
-
'disabled': false,
|
|
52
|
-
'editable': true,
|
|
53
|
-
'clearable': true,
|
|
54
|
-
'is-range': false,
|
|
55
|
-
'arrow-control': false,
|
|
56
|
-
'align': TimePickerAlign['left'],
|
|
57
|
-
'format': 'HH:mm:ss',
|
|
58
|
-
'prefix-icon': ElementIcons['Clock'],
|
|
59
|
-
'clear-icon': ElementIcons['CircleClose'],
|
|
60
|
-
'teleported': true,
|
|
61
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { ElementSize, ElementIcons } from '../../../model/flmComponentConfig'
|
|
2
|
-
|
|
3
|
-
/** @timeSelect 时间选择 */
|
|
4
|
-
// 时间选择设置(https://element-plus.gitee.io/zh-CN/component/time-select.html)
|
|
5
|
-
export interface TimeSelectConfig {
|
|
6
|
-
// 默认属性
|
|
7
|
-
'model-value'?: string
|
|
8
|
-
'disabled'?: boolean
|
|
9
|
-
'editable'?: boolean
|
|
10
|
-
'clearable'?: boolean
|
|
11
|
-
'size'?: ElementSize
|
|
12
|
-
'placeholder'?: string
|
|
13
|
-
'name'?: string
|
|
14
|
-
'effect'?: string
|
|
15
|
-
'prefix-icon'?: ElementIcons
|
|
16
|
-
'clear-icon'?: ElementIcons
|
|
17
|
-
'start'?: string
|
|
18
|
-
'end'?: string
|
|
19
|
-
'step'?: string
|
|
20
|
-
'min-time'?: string
|
|
21
|
-
'max-time'?: string
|
|
22
|
-
'format'?: string
|
|
23
|
-
}
|
|
24
|
-
// 时间选择默认事件
|
|
25
|
-
export interface TimeSelectDefaultEvent {
|
|
26
|
-
onChange: (value: TimeSelectConfig['model-value']) => void
|
|
27
|
-
onBlur: () => void
|
|
28
|
-
onFocus: () => void
|
|
29
|
-
}
|
|
30
|
-
// 时间选择默认设置
|
|
31
|
-
export const timeSelectDefaultConfig: TimeSelectConfig = {
|
|
32
|
-
'disabled': false,
|
|
33
|
-
'editable': true,
|
|
34
|
-
'clearable': true,
|
|
35
|
-
'size': ElementSize['default'],
|
|
36
|
-
'effect': 'light',
|
|
37
|
-
'prefix-icon': ElementIcons['Clock'],
|
|
38
|
-
'clear-icon': ElementIcons['CircleClose'],
|
|
39
|
-
'start': '09:00',
|
|
40
|
-
'end': '18:00',
|
|
41
|
-
'step': '00:30',
|
|
42
|
-
'min-time': '00:00',
|
|
43
|
-
'format': 'HH:mm',
|
|
44
|
-
}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
/** @transfer 穿梭框 */
|
|
2
|
-
|
|
3
|
-
// 右侧排序方式
|
|
4
|
-
export enum TargetSort {
|
|
5
|
-
'original' = 'original', // 和原始数据一致
|
|
6
|
-
'push' = 'push', // 新元素在最后
|
|
7
|
-
'unshift' = 'unshift', // 新元素在最前
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
// 数据单项格式
|
|
11
|
-
export interface TransferItem {
|
|
12
|
-
key?: any
|
|
13
|
-
label?: any
|
|
14
|
-
disabled?: any
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
// 穿梭框设置(https://element-plus.gitee.io/zh-CN/component/transfer.html)
|
|
18
|
-
export interface TransferConfig {
|
|
19
|
-
// 默认属性
|
|
20
|
-
'model-value'?: Array<TransferItem>
|
|
21
|
-
'data'?: Array<TransferItem>
|
|
22
|
-
'filterable'?: boolean
|
|
23
|
-
'filter-placeholder'?: string
|
|
24
|
-
'filter-method'?: Function
|
|
25
|
-
'target-order'?: TargetSort
|
|
26
|
-
'titles'?: Array<string>
|
|
27
|
-
'button-texts'?: Array<string>
|
|
28
|
-
'render-content'?: Function
|
|
29
|
-
'format'?: { 'noChecked'?: string, 'hasChecked'?: string }
|
|
30
|
-
'props'?: TransferItem
|
|
31
|
-
'left-default-checked'?: Array<any>
|
|
32
|
-
'right-default-checked'?: Array<any>
|
|
33
|
-
}
|
|
34
|
-
// 穿梭框默认事件
|
|
35
|
-
export interface TransferDefaultEvent {
|
|
36
|
-
onChange: (value: TransferConfig['model-value']) => void
|
|
37
|
-
onLeftCheckChange: (value: TransferConfig['model-value']) => void
|
|
38
|
-
onRightCheckChange: (value: TransferConfig['model-value']) => void
|
|
39
|
-
}
|
|
40
|
-
// 穿梭框默认设置
|
|
41
|
-
export const transferDefaultConfig: TransferConfig = {
|
|
42
|
-
'data': [],
|
|
43
|
-
'filterable': false,
|
|
44
|
-
'filter-placeholder': 'Enter keyword',
|
|
45
|
-
'target-order': TargetSort['original'],
|
|
46
|
-
'titles': ['List 1', 'List 2'],
|
|
47
|
-
'button-texts': [],
|
|
48
|
-
'format': { 'noChecked': '${checked}/${total}', 'hasChecked': '${checked}/${total}' },
|
|
49
|
-
'left-default-checked': [],
|
|
50
|
-
'right-default-checked': [],
|
|
51
|
-
}
|
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
import { XOR } from 'ts-xor'
|
|
2
|
-
import {
|
|
3
|
-
ElementSize,
|
|
4
|
-
ButtonConfig,
|
|
5
|
-
CascaderConfig,
|
|
6
|
-
CheckboxConfig,
|
|
7
|
-
ColorPickerConfig,
|
|
8
|
-
DatePickerConfig,
|
|
9
|
-
InputConfig,
|
|
10
|
-
InputNumberConfig,
|
|
11
|
-
RadioGroupConfig,
|
|
12
|
-
RateConfig,
|
|
13
|
-
ReadConfig,
|
|
14
|
-
SelectConfig,
|
|
15
|
-
SliderConfig,
|
|
16
|
-
SwitchConfig,
|
|
17
|
-
TimePickerConfig,
|
|
18
|
-
TimeSelectConfig,
|
|
19
|
-
TransferConfig,
|
|
20
|
-
} from '../../../model/flmComponentConfig'
|
|
21
|
-
|
|
22
|
-
/** @form 表单 */
|
|
23
|
-
|
|
24
|
-
// 表单控件类型
|
|
25
|
-
export enum ControlTypes {
|
|
26
|
-
'flmCascader' = 'flmCascader',
|
|
27
|
-
'flmCheckbox' = 'flmCheckbox',
|
|
28
|
-
'flmColorPicker' = 'flmColorPicker',
|
|
29
|
-
'flmDatePicker' = 'flmDatePicker',
|
|
30
|
-
'flmInput' = 'flmInput',
|
|
31
|
-
'flmInputNumber' = 'flmInputNumber',
|
|
32
|
-
'flmRadio' = 'flmRadio',
|
|
33
|
-
'flmRate' = 'flmRate',
|
|
34
|
-
'flmRead' = 'flmRead',
|
|
35
|
-
'flmSelect' = 'flmSelect',
|
|
36
|
-
'flmSlider' = 'flmSlider',
|
|
37
|
-
'flmSwitch' = 'flmSwitch',
|
|
38
|
-
'flmTimePicker' = 'flmTimePicker',
|
|
39
|
-
'flmTimeSelect' = 'flmTimeSelect',
|
|
40
|
-
'flmTransfer' = 'flmTransfer',
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
// 表单控件配置
|
|
44
|
-
export type ControlConfig = CascaderConfig
|
|
45
|
-
| CheckboxConfig
|
|
46
|
-
| ColorPickerConfig
|
|
47
|
-
| DatePickerConfig
|
|
48
|
-
| InputConfig
|
|
49
|
-
| InputNumberConfig
|
|
50
|
-
| RadioGroupConfig
|
|
51
|
-
| RateConfig
|
|
52
|
-
| ReadConfig
|
|
53
|
-
| SelectConfig
|
|
54
|
-
| SliderConfig
|
|
55
|
-
| SwitchConfig
|
|
56
|
-
| TimePickerConfig
|
|
57
|
-
| TimeSelectConfig
|
|
58
|
-
| TransferConfig
|
|
59
|
-
|
|
60
|
-
// 表单model
|
|
61
|
-
export type FormModel = Record<string, any>
|
|
62
|
-
|
|
63
|
-
// 表单设置(https://element-plus.gitee.io/zh-CN/component/button.html)
|
|
64
|
-
export interface FormConfig {
|
|
65
|
-
// 默认属性
|
|
66
|
-
'model'?: FormModel
|
|
67
|
-
'rules'?: Record<string, Array<FormRule>>
|
|
68
|
-
'inline'?: boolean
|
|
69
|
-
'label-position'?: 'left' | 'right' | 'top'
|
|
70
|
-
'label-width'?: string | number
|
|
71
|
-
'label-suffix'?: string
|
|
72
|
-
'hide-required-asterisk'?: boolean
|
|
73
|
-
'show-message'?: boolean
|
|
74
|
-
'inline-message'?: boolean
|
|
75
|
-
'status-icon'?: boolean
|
|
76
|
-
'validate-on-rule-change'?: boolean
|
|
77
|
-
'size'?: ElementSize
|
|
78
|
-
'disabled'?: boolean
|
|
79
|
-
// 自定义属性
|
|
80
|
-
'items'?: Array<FormItemConfig> // 表单项
|
|
81
|
-
'buttons'?: Array<FormButtonConfig> // 表单按钮
|
|
82
|
-
'columnNumber'?: number // 每行列数
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
// 表单项设置
|
|
86
|
-
export type FormItemConfig = XOR<SlotItemConfig, ControlItemConfig>
|
|
87
|
-
// 表单项默认属性
|
|
88
|
-
export interface FormItemDefaultConfig {
|
|
89
|
-
'prop'?: string | Array<string>
|
|
90
|
-
'label'?: string
|
|
91
|
-
'label-width'?: string | number
|
|
92
|
-
'required'?: boolean
|
|
93
|
-
'rules'?: any
|
|
94
|
-
'error'?: string
|
|
95
|
-
'show-message'?: boolean
|
|
96
|
-
'inline-message'?: boolean
|
|
97
|
-
'size'?: ElementSize
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
// 插槽项属性
|
|
101
|
-
interface SlotItemConfig extends FormItemDefaultConfig {
|
|
102
|
-
'isSlot': boolean // 是否为插槽
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
// 控件项属性
|
|
106
|
-
interface ControlItemConfig extends FormItemDefaultConfig {
|
|
107
|
-
'controlType': ControlTypes, // 控件类型
|
|
108
|
-
'controlConfig': ControlConfig // 控件设置
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
// 表单校验规则
|
|
112
|
-
interface FormRule {
|
|
113
|
-
'required'?: true,
|
|
114
|
-
'min'?: number
|
|
115
|
-
'max'?: number
|
|
116
|
-
'message'?: string
|
|
117
|
-
'trigger'?: 'change' | 'blur'
|
|
118
|
-
'validator'?: Function
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
// 表单默认方法
|
|
122
|
-
export enum FormEvent {
|
|
123
|
-
'submit' = 'submit', // 提交
|
|
124
|
-
'cancel' = 'cancel', // 取消
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
// 表单按钮属性,增加属性(event - 方法名)
|
|
128
|
-
export interface FormButtonConfig extends ButtonConfig {
|
|
129
|
-
'event': FormEvent | string
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
// 表单默认设置
|
|
133
|
-
export const formDefaultConfig: FormConfig = {
|
|
134
|
-
'inline': false,
|
|
135
|
-
'label-position': 'right',
|
|
136
|
-
'hide-required-asterisk': false,
|
|
137
|
-
'show-message': true,
|
|
138
|
-
'inline-message': false,
|
|
139
|
-
'status-icon': false,
|
|
140
|
-
'validate-on-rule-change': true,
|
|
141
|
-
'disabled': false,
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
// 是否为输入框组件
|
|
145
|
-
export const isInputControl = (control: ControlItemConfig['controlConfig']): control is InputConfig => {
|
|
146
|
-
return (control as InputConfig)['modelValue'] !== undefined
|
|
147
|
-
}
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
import { ElementSize } from '../../../model/flmComponentConfig'
|
|
2
|
-
|
|
3
|
-
/** @table 表格 */
|
|
4
|
-
|
|
5
|
-
// 表格设置(https://element-plus.gitee.io/zh-CN/component/table.html)
|
|
6
|
-
export interface TableConfig {
|
|
7
|
-
// 默认属性
|
|
8
|
-
'data'?: Array<any>
|
|
9
|
-
'height'?: string | number
|
|
10
|
-
'max-height'?: string | number
|
|
11
|
-
'stripe'?: boolean
|
|
12
|
-
'border'?: boolean
|
|
13
|
-
'size'?: ElementSize
|
|
14
|
-
'fit'?: boolean
|
|
15
|
-
'show-header'?: boolean
|
|
16
|
-
'highlight-current-row'?: boolean
|
|
17
|
-
'current-row-key'?: string | number
|
|
18
|
-
'row-class-name'?: Function | string
|
|
19
|
-
'row-style'?: Function | object
|
|
20
|
-
'cell-class-name'?: Function | string
|
|
21
|
-
'cell-style'?: Function | object
|
|
22
|
-
'header-row-class-name'?: Function | string
|
|
23
|
-
'header-row-style'?: Function | object
|
|
24
|
-
'header-cell-class-name'?: Function | string
|
|
25
|
-
'header-cell-style'?: Function | object
|
|
26
|
-
'row-key'?: Function | string
|
|
27
|
-
'empty-text'?: string
|
|
28
|
-
'default-expand-all'?: boolean
|
|
29
|
-
'expand-row-keys'?: Array<any>
|
|
30
|
-
'default-sort'?: { prop: any, order: 'ascending' | 'descending' }
|
|
31
|
-
'tooltip-effect'?: 'dark' | 'light'
|
|
32
|
-
'show-summary'?: boolean
|
|
33
|
-
'sum-text'?: string
|
|
34
|
-
'summary-method'?: Function
|
|
35
|
-
'span-method'?: Function
|
|
36
|
-
'select-on-indeterminate'?: boolean
|
|
37
|
-
'indent'?: number
|
|
38
|
-
'lazy'?: boolean
|
|
39
|
-
'load'?: Function
|
|
40
|
-
'tree-props'?: { hasChildren: string, children: string }
|
|
41
|
-
'table-layout'?: 'fixed' | 'auto'
|
|
42
|
-
'scrollbar-always-on'?: boolean
|
|
43
|
-
// 自定义属性
|
|
44
|
-
'columns'?: Array<TableColumnConfig>
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
// 表格列设置
|
|
48
|
-
export interface TableColumnConfig {
|
|
49
|
-
// 默认属性
|
|
50
|
-
'type'?: 'selection' | 'index' | 'expand'
|
|
51
|
-
'index'?: number | Function
|
|
52
|
-
'label'?: string
|
|
53
|
-
'column-key'?: string
|
|
54
|
-
'prop'?: string
|
|
55
|
-
'width'?: string | number
|
|
56
|
-
'min-width'?: string | number
|
|
57
|
-
'fixed'?: true | 'left' | 'right'
|
|
58
|
-
'render-header'?: Function
|
|
59
|
-
'sortable'?: true | false | 'custom'
|
|
60
|
-
'sort-method'?: Function
|
|
61
|
-
'sort-by'?:Function
|
|
62
|
-
'sort-orders'?: Array<'ascending' | 'descending' | null>
|
|
63
|
-
'resizable'?: boolean
|
|
64
|
-
'formatter'?: Function
|
|
65
|
-
'show-overflow-tooltip'?: boolean
|
|
66
|
-
'align'?: 'left' | 'center' | 'right'
|
|
67
|
-
'header-align'?: 'left' | 'center' | 'right'
|
|
68
|
-
'class-name'?: string
|
|
69
|
-
'label-class-name'?: string
|
|
70
|
-
'selectable'?: Function
|
|
71
|
-
'reserve-selection'?: boolean
|
|
72
|
-
'filters'?: Array<{ text: string, value: string }>
|
|
73
|
-
'filter-placement'?: string
|
|
74
|
-
'filter-multiple'?: boolean
|
|
75
|
-
'filter-method'?: Function
|
|
76
|
-
'filtered-value'?: Array<any>
|
|
77
|
-
// 自定义属性
|
|
78
|
-
'isSlot'?: boolean
|
|
79
|
-
'columns'?: Array<TableColumnConfig>
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
// 表格默认事件
|
|
83
|
-
export interface TableDefaultEvent {
|
|
84
|
-
onSelect: (selection: any, row: any) => void,
|
|
85
|
-
onSelectAll: (selection: any) => void,
|
|
86
|
-
onSelectionChange: (row: any, column: any, cell: any, event: any) => void,
|
|
87
|
-
onCellMouseEnter: (row: any, column: any, cell: any, event: any) => void,
|
|
88
|
-
onCellMouseLeave: (row: any, column: any, cell: any, event: any) => void,
|
|
89
|
-
onCellClick: (row: any, column: any, cell: any, event: any) => void,
|
|
90
|
-
onCellDblclick: (row: any, column: any, cell: any, event: any) => void,
|
|
91
|
-
onCellContextmenu: (row: any, column: any, cell: any, event: any) => void,
|
|
92
|
-
onRowClick: (row: any, column: any, event: any) => void,
|
|
93
|
-
onRowContextmenu: (row: any, column: any, event: any) => void,
|
|
94
|
-
onRowDblclick: (row: any, column: any, event: any) => void,
|
|
95
|
-
onHeaderClick: (column: any, event: any) => void,
|
|
96
|
-
onHeaderContextmenu: (column: any, event: any) => void,
|
|
97
|
-
onSortChange: ({ column, prop, order }: any) => void,
|
|
98
|
-
onFilterChange: (filters: any) => void,
|
|
99
|
-
onCurrentChange: (currentRow: any, oldCurrentRow: any) => void,
|
|
100
|
-
onHeaderDragend: (newWidth: any, oldWidth: any, column: any, event: any) => void,
|
|
101
|
-
onExpandChange: (row: any, expanded: any) => void,
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
// 表格默认设置
|
|
105
|
-
export const tableDefaultConfig: TableConfig = {
|
|
106
|
-
'stripe': false,
|
|
107
|
-
'border': false,
|
|
108
|
-
'fit': true,
|
|
109
|
-
'show-header': true,
|
|
110
|
-
'highlight-current-row': false,
|
|
111
|
-
'empty-text': '暂无数据',
|
|
112
|
-
'default-expand-all': false,
|
|
113
|
-
'tooltip-effect': 'dark',
|
|
114
|
-
'show-summary': false,
|
|
115
|
-
'sum-text': '合计',
|
|
116
|
-
'select-on-indeterminate': true,
|
|
117
|
-
'indent': 16,
|
|
118
|
-
'tree-props': { hasChildren: 'hasChildren', children: 'children' },
|
|
119
|
-
'table-layout': 'fixed',
|
|
120
|
-
'scrollbar-always-on': false,
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
// 表格列默认设置
|
|
124
|
-
export const tableColumnDefaultConfig: TableColumnConfig = {
|
|
125
|
-
'sortable': false,
|
|
126
|
-
'sort-orders': ['ascending', 'descending', null],
|
|
127
|
-
'resizable': false,
|
|
128
|
-
'show-overflow-tooltip': false,
|
|
129
|
-
'align': 'left',
|
|
130
|
-
'reserve-selection': false,
|
|
131
|
-
'filter-multiple': true,
|
|
132
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ButtonConfig } from '../../../model/flmComponentConfig'
|
|
2
|
-
|
|
3
|
-
// 工具栏按钮设置
|
|
4
|
-
export interface ToolbarButtonConfig extends ButtonConfig {
|
|
5
|
-
'event': string // 需要补充页面函数枚举
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
// 工具栏设置
|
|
9
|
-
export interface ToolbarConfig {
|
|
10
|
-
'publicConfig': ButtonConfig // 按钮公共设置
|
|
11
|
-
'maxButton': number // 最大按钮数(不包含展开按钮)
|
|
12
|
-
'buttons': Array<ToolbarButtonConfig> // 按钮列表
|
|
13
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/** @公共属性 */
|
|
2
|
-
export * from './public'
|
|
3
|
-
|
|
4
|
-
/** @基础控件 */
|
|
5
|
-
export * from './base/flmButton' // 按钮
|
|
6
|
-
export * from './base/flmCascader' // 多选框
|
|
7
|
-
export * from './base/flmCheckbox' // 多选框
|
|
8
|
-
export * from './base/flmColorPicker' // 取色器
|
|
9
|
-
export * from './base/flmDatePicker' // 日期选择器
|
|
10
|
-
export * from './base/flmInput' // 输入框
|
|
11
|
-
export * from './base/flmInputNumber' // 数字输入框
|
|
12
|
-
export * from './base/flmPagination' // 分页器
|
|
13
|
-
export * from './base/flmRadio' // 单选框
|
|
14
|
-
export * from './base/flmRate' // 评分
|
|
15
|
-
export * from './base/flmRead' // 查看
|
|
16
|
-
export * from './base/flmSelect' // 选择器
|
|
17
|
-
export * from './base/flmSlider' // 滑块
|
|
18
|
-
export * from './base/flmSwitch' // 开关
|
|
19
|
-
export * from './base/flmTimePicker' // 时间选择器
|
|
20
|
-
export * from './base/flmTimeSelect' // 时间选择
|
|
21
|
-
export * from './base/flmTransfer' // 穿梭框
|
|
22
|
-
export * from './base/flmDialog' // 弹窗
|
|
23
|
-
|
|
24
|
-
/** @复合组件 */
|
|
25
|
-
export * from './complex/flmForm' // 表单
|
|
26
|
-
export * from './complex/flmSearch' // 搜索
|
|
27
|
-
export * from './complex/flmTable' // 表格
|
|
28
|
-
export * from './complex/flmToolbar' // 工具栏
|
|
29
|
-
|
|
30
|
-
/** @页面组件 */
|
|
31
|
-
export * from './page/flmReportPage' // 报表页面
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* @Author: 关羽 xiaobing525@163.com
|
|
3
|
-
* @Date: 2023-01-04 22:32:16
|
|
4
|
-
* @LastEditors: 关羽 xiaobing525@163.com
|
|
5
|
-
* @LastEditTime: 2023-01-11 21:37:39
|
|
6
|
-
* @FilePath: /flame-components/packages/model/flmComponentConfig/page/flmReportPage.ts
|
|
7
|
-
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
8
|
-
*/
|
|
9
|
-
import {
|
|
10
|
-
FormConfig,
|
|
11
|
-
SearchConfig,
|
|
12
|
-
ToolbarConfig,
|
|
13
|
-
TableConfig,
|
|
14
|
-
PaginationConfig,
|
|
15
|
-
DialogConfig
|
|
16
|
-
} from '../../../model/flmComponentConfig'
|
|
17
|
-
|
|
18
|
-
// 报表页面设置
|
|
19
|
-
export interface ReportPageSetting {
|
|
20
|
-
'search': SearchConfig
|
|
21
|
-
'toolbar': ToolbarConfig
|
|
22
|
-
'table': TableConfig
|
|
23
|
-
'tableAction': ToolbarConfig
|
|
24
|
-
'pagination': PaginationConfig
|
|
25
|
-
'readDialog': DialogConfig
|
|
26
|
-
'readForm': FormConfig
|
|
27
|
-
'addDialog': DialogConfig
|
|
28
|
-
'addForm': FormConfig
|
|
29
|
-
'editDialog': DialogConfig
|
|
30
|
-
'editForm': FormConfig
|
|
31
|
-
}
|