flame-plus 0.1.33 → 0.1.35

package/packages/model/flmComponentConfig/base/flmDialog.ts

@@ -0,0 +1,49 @@
+/** @dialog 弹窗 */
+// 弹窗设置（https://element-plus.gitee.io/zh-CN/component/dialog.html）
+export interface DialogConfig {
+  // 默认属性
+  'model-value'?: boolean
+  'title'?:	string
+  'width'?:	string | number
+  'fullscreen'?: false
+  'top'?: string
+  'modal'?: boolean
+  'append-to-body'?: boolean
+  'lock-scroll'?: boolean
+  'custom-class'?: string
+  'open-delay'?: number
+  'close-delay'?: number
+  'close-on-click-modal'?: boolean
+  'close-on-press-escape'?: boolean
+  'show-close'?: boolean
+  'before-close'?: Function
+  'draggable'?: boolean
+  'center'?: boolean
+  'destroy-on-close'?: boolean
+}
+// 日期选择器默认事件
+export interface DialogDefaultEvent {
+  'onOpen': () => void,
+  'onOpened': () => void,
+  'onClose': () => void,
+  'onClosed': () => void,
+  'onOpenAutoFocus': () => void,
+  'onCloseAutoFocus': () => void,
+}
+// 弹窗默认设置
+export const dialogDefaultConfig: DialogConfig = {
+  'width': '50%',
+  'fullscreen': false,
+  'top': '15vh',
+  'modal': true,
+  'append-to-body': false,
+  'lock-scroll': true,
+  'open-delay': 0,
+  'close-delay': 0,
+  'close-on-click-modal': true,
+  'close-on-press-escape': true,
+  'show-close': true,
+  'draggable': false,
+  'center': false,
+  'destroy-on-close': false,
+}

package/packages/model/flmComponentConfig/base/flmInput.ts

@@ -0,0 +1,57 @@
+import { ElementSize } from '../../../model/flmComponentConfig'
+
+/** @input 输入框 */
+// 输入框设置（https://element-plus.gitee.io/zh-CN/component/input.html）
+export interface InputConfig {
+  // 默认属性
+  'type'?: 'text' | 'textarea'
+  'modelValue'?: string | number
+  'maxlength'?: string | number
+  'minlength'?: string | number
+  'show-word-limit'?: boolean
+  'placeholder'?: string
+  'clearable'?: boolean
+  'show-password'?:	boolean
+  'disabled'?: boolean
+  'size'?: ElementSize
+  'prefix-icon'?: string
+  'suffix-icon'?:	string
+  'rows'?: number
+  'autosize'?: boolean | { minRows: number, maxRows: number }
+  'autocomplete'?: string
+  'name'?: string
+  'readonly'?: boolean
+  'max'?:	any
+  'min'?:	any
+  'step'?: any
+  'resize'?: 'none' | 'both' | 'horizontal' | 'vertical'
+  'autofocus'?:	boolean
+  'form'?: string
+  'label'?:	string
+  'tabindex'?: string | number
+  'validate-event'?: boolean
+  'input-style'?:	object
+}
+// 输入框默认事件
+export interface InputDefaultEvent {
+  'onBlur': () => void,
+  'onFocus': () => void,
+  'onChange': (value: InputConfig['modelValue']) => void,
+  'onInput': (value: InputConfig['modelValue']) => void,
+  'onClear': () => void,
+}
+// 输入框默认设置
+export const inputDefaultConfig: InputConfig = {
+  'type': 'text',
+  'show-word-limit': false,
+  'clearable': false,
+  'show-password': false,
+  'disabled': false,
+  'rows': 2,
+  'autosize': false,
+  'autocomplete': 'off',
+  'readonly': false,
+  'autofocus': false,
+  'validate-event': true,
+  'input-style': {},
+}

package/packages/model/flmComponentConfig/base/flmInputNumber.ts

@@ -0,0 +1,37 @@
+import { ElementSize } from '../../../model/flmComponentConfig'
+
+/** @inputNumber 数字输入框 */
+// 数字输入框设置（https://element-plus.gitee.io/zh-CN/component/input-number.html）
+export interface InputNumberConfig {
+  // 默认属性
+  'model-value'?: number | undefined
+  'min'?: number
+  'max'?: number
+  'step'?: number
+  'step-strictly'?: boolean
+  'precision'?: number
+  'size'?: ElementSize
+  'disabled'?: boolean
+  'controls'?: boolean
+  'controls-position'?: string
+  'name'?: string
+  'label'?: string
+  'placeholder'?: string
+  'value-on-clear'?: string | number | null
+}
+// 数字输入框默认事件
+export interface InputNumberDefaultEvent {
+  onChange: (value: InputNumberConfig['model-value']) => void
+  onBlur: () => void
+  onFocus: () => void
+}
+// 数字输入框默认设置
+export const inputNumberDefaultConfig: InputNumberConfig = {
+  'min': -Infinity,
+  'max': Infinity,
+  'step': 1,
+  'step-strictly': false,
+  'size': ElementSize['default'],
+  'disabled': false,
+  'controls': true
+}

package/packages/model/flmComponentConfig/base/flmPagination.ts

@@ -0,0 +1,37 @@
+/** @pagination 分页 */
+// 分页设置（https://element-plus.gitee.io/zh-CN/component/pagination.html）
+export interface PaginationConfig {
+  'small'?: boolean
+  'background'?: boolean
+  'page-size'?: number
+  'default-page-size'?: number
+  'total'?: number
+  'page-count'?: number
+  'pager-count'?: number
+  'current-page'?: number
+  'default-current-page'?: number
+  'layout'?: string
+  'page-sizes'?: Array<number>
+  'popper-class'?: string
+  'prev-text'?: string
+  'next-text'?: string
+  'disabled'?: boolean
+  'hide-on-single-page'?: boolean
+}
+// 分页默认事件
+export interface PaginationDefaultEvent {
+  'onSizeChange': (pageSize: number) => void,
+  'onCurrentChange': (current: number) => void,
+  'onPrevClick': (current: number) => void,
+  'onNextClick': (current: number) => void
+}
+// 分页默认设置
+export const paginationDefaultConfig: PaginationConfig = {
+  'small': false,
+  'background': false,
+  'page-size': 10,
+  'pager-count': 7,
+  'layout': 'prev, pager, next, jumper, ->, total',
+  'page-sizes':	[10, 20, 30, 40, 50, 100],
+  'disabled': false,
+}

package/packages/model/flmComponentConfig/base/flmRadio.ts

@@ -0,0 +1,42 @@
+import { ElementSize } from '../../../model/flmComponentConfig'
+
+/** @radio 单选框 */
+// 单选框设置（https://element-plus.gitee.io/zh-CN/component/radio.html）
+export interface RadioConfig {
+  // 默认属性
+  'model-value'?: string | number | boolean
+  'label'?: string | number | boolean
+  'disabled'?: boolean
+  'border'?: boolean
+  'size'?: ElementSize
+  'name'?: string
+}
+// 单选框组
+export interface RadioGroupConfig {
+  // 默认属性
+  'model-value'?: string | number | boolean
+  'size'?: ElementSize
+  'disabled'?: boolean
+  'text-color'?: string
+  'fill'?: string
+  // 自定义属性
+  'useButton'?: boolean
+  'radios'?: Array<RadioConfig>
+}
+// 单选框默认事件
+export interface RadioGroupDefaultEvent {
+  onChange: (value: RadioConfig['model-value']) => void
+}
+// 单选框默认设置
+export const radioDefaultConfig: RadioConfig = {
+  'disabled': false,
+  'border': false
+}
+// 单选框组默认设置
+export const radioGroupDefaultConfig: RadioGroupConfig = {
+  // 默认属性
+  'size': ElementSize['default'],
+  'disabled': false,
+  'text-color': '#FFF',
+  'fill': '#409EFF',
+}

package/packages/model/flmComponentConfig/base/flmRate.ts

@@ -0,0 +1,49 @@
+import { ElementSize, ElementIcons } from '../../../model/flmComponentConfig'
+
+/** @rate 评分 */
+// 评分设置（https://element-plus.gitee.io/zh-CN/component/rate.html）
+export interface RateConfig {
+  // 默认属性
+  'model-value'?: number
+  'max'?: number
+  'size'?: ElementSize
+  'disabled'?: boolean
+  'allow-half'?: boolean
+  'low-threshold'?: number
+  'high-threshold'?: number
+  'colors'?: Array<string> | object
+  'void-color'?: string
+  'disabled-void-color'?: string
+  'icons'?: Array<ElementIcons> | object
+  'void-icon'?: ElementIcons
+  'disabled-void-icon'?: ElementIcons
+  'show-text'?: boolean
+  'show-score'?: boolean
+  'text-color'?: string
+  'texts'?: Array<string>
+  'score-template'?: string
+}
+// 评分默认事件
+export interface RateDefaultEvent {
+  onChange: (value: RateConfig['model-value']) => void
+}
+// 评分默认设置
+export const rateDefaultConfig: RateConfig = {
+  'model-value': 0,
+  'max': 5,
+  'size': ElementSize['default'],
+  'disabled': false,
+  'allow-half': false,
+  'low-threshold': 2,
+  'high-threshold': 4,
+  'colors': ['#F7BA2A', '#F7BA2A', '#F7BA2A'],
+  'void-color': '#C6D1DE',
+  'disabled-void-color': '#EFF2F7',
+  'icons': [ElementIcons['StarFilled'], ElementIcons['StarFilled'], ElementIcons['StarFilled']],
+  'void-icon': ElementIcons['Star'],
+  'disabled-void-icon': ElementIcons['StarFilled'],
+  'show-text': false,
+  'show-score': false,
+  'text-color': '#1F2D3D',
+  'texts': ['Extremely bad', 'Disappointed', 'Fair', 'Satisfied', 'Surprise'],
+}

package/packages/model/flmComponentConfig/base/flmRead.ts

@@ -0,0 +1,6 @@
+/** @read 查看 */
+export interface ReadConfig {
+  'model-value'?: string  // 内容
+  'class'?: string        // 类名
+  'style'?: string        // 样式
+}

package/packages/model/flmComponentConfig/base/flmSelect.ts

@@ -0,0 +1,104 @@
+import { ElementSize } from '../../../model/flmComponentConfig'
+
+/** @select 选择器 */
+
+// 标签类型
+export enum SelectTagType {
+  'success' = 'success',
+  'info' = 'info',
+  'warning' = 'warning',
+  'danger' = 'danger',
+}
+
+// 选择器设置（https://element-plus.gitee.io/zh-CN/component/select.html）
+export interface SelectConfig {
+  // 默认属性
+  'model-value'?: string | number | boolean | object
+  'multiple'?: boolean
+  'disabled'?: boolean
+  'value-key'?:	string
+  'size'?: ElementSize
+  'clearable'?:	boolean
+  'collapse-tags'?:	boolean
+  'collapse-tags-tooltip'?:	boolean
+  'multiple-limit'?: number
+  'name'?: string
+  'effect'?: 'dark' | 'light'
+  'autocomplete'?: string
+  'placeholder'?: string
+  'filterable'?: boolean
+  'allow-create'?: boolean
+  'filter-method'?: Function
+  'remote'?: boolean
+  'remote-method'?:	Function
+  'loading'?: boolean
+  'loading-text'?: string
+  'no-match-text'?: string
+  'no-data-text'?: string
+  'popper-class'?: string
+  'reserve-keyword'?: boolean
+  'default-first-option'?: boolean
+  'popper-append-to-body'?:	boolean
+  'teleported'?: boolean
+  'persistent'?: boolean
+  'automatic-dropdown'?: boolean
+  'clear-icon'?: string
+  'fit-input-width'?: boolean
+  'suffix-icon'?: string
+  'tag-type'?: SelectTagType
+  // 自定义属性
+  'hasGroup'?: boolean                 // 是否有分组，分组使用分组选项，没有分组使用普通选项
+  'groups'?: Array<OptionGroupConfig>  // 分组选项
+  'options'?: Array<OptionConfig>      // 选项
+}
+export interface SelectDefaultEvent {
+  onChange: (value: SelectConfig['model-value']) => void,
+  onVisibleChange: (showOption: boolean) => void,
+  onRemoveTag: (tagValue: SelectConfig['model-value']) => void,
+  onClear: () => void,
+  onBlur: () => void,
+  onFocus: () => void,
+}
+// 选择器分组选项设置
+export interface OptionGroupConfig {
+  'label'?: string
+  'disabled'?: boolean
+  'options'?: Array<OptionConfig>
+}
+// 选择器选项设置
+export interface OptionConfig {
+  'value'?: string | number | boolean | object
+  'label'?: string | number
+  'disabled'?: boolean
+}
+// 选择器默认设置
+export const selectDefaultConfig: SelectConfig = {
+  'multiple': false,
+  'disabled': false,
+  'value-key': 'value',
+  'size': ElementSize['default'],
+  'clearable': false,
+  'collapse-tags': false,
+  'collapse-tags-tooltip': false,
+  'multiple-limit': 0,
+  'effect': 'light',
+  'autocomplete': 'off',
+  'placeholder': '请选择',
+  'filterable': false,
+  'allow-create': false,
+  'remote': false,
+  'loading': false,
+  'loading-text': '加载中',
+  'no-match-text': '没有匹配的数据',
+  'no-data-text': '无数据',
+  'reserve-keyword': true,
+  'default-first-option': false,
+  'popper-append-to-body': true,
+  'teleported': true,
+  'persistent': true,
+  'automatic-dropdown': false,
+  'clear-icon': 'CircleClose',
+  'fit-input-width': false,
+  'suffix-icon': 'ArrowUp',
+  'tag-type': SelectTagType['info'],
+}

package/packages/model/flmComponentConfig/base/flmSlider.ts

@@ -0,0 +1,51 @@
+import { ElementSize } from '../../../model/flmComponentConfig'
+
+/** @slider 滑块 */
+// 滑块设置（https://element-plus.gitee.io/zh-CN/component/slider.html）
+export interface SliderConfig {
+  // 默认属性
+  'model-value'?: number
+  'min'?: number
+  'max'?: number
+  'disabled'?: boolean
+  'step'?: number
+  'show-input'?: boolean
+  'show-input-controls'?: boolean
+  'size'?: ElementSize
+  'input-size'?: ElementSize
+  'show-stops'?: boolean
+  'show-tooltip'?: boolean
+  'format-tooltip'?: Function
+  'range'?: boolean
+  'vertical'?: boolean
+  'height'?: string
+  'label'?: string
+  'range-start-label'?: string
+  'range-end-label'?: string
+  'format-value-text'?: Function
+  'debounce'?: number
+  'tooltip-class'?: string
+  'marks'?: Record<number, any>
+}
+// 滑块默认事件
+export interface SliderDefaultEvent {
+  onChange: (value: SliderConfig['model-value']) => void
+  onInput: (value: SliderConfig['model-value']) => void
+}
+// 滑块默认设置
+export const sliderDefaultConfig: SliderConfig = {
+  'model-value': 0,
+  'min': 0,
+  'max': 100,
+  'disabled': false,
+  'step': 1,
+  'show-input': false,
+  'show-input-controls': true,
+  'size': ElementSize['default'],
+  'input-size': ElementSize['default'],
+  'show-stops': false,
+  'show-tooltip': true,
+  'range': false,
+  'vertical': false,
+  'debounce': 300,
+}

package/packages/model/flmComponentConfig/base/flmSwitch.ts

@@ -0,0 +1,37 @@
+import { ElementSize } from '../../../model/flmComponentConfig'
+
+/** @switch 开关 */
+// 开关设置（https://element-plus.gitee.io/zh-CN/component/switch.html）
+export interface SwitchConfig {
+  'model-value'?: boolean | string | number
+  'disabled'?:	boolean
+  'loading'?: boolean
+  'size'?:	ElementSize
+  'width'?: number
+  'inline-prompt'?: boolean
+  'active-icon'?: string
+  'inactive-icon'?: string
+  'active-text'?: string
+  'inactive-text'?: string
+  'active-value'?:	boolean | string | number
+  'inactive-value'?:	boolean | string | number
+  'active-color'?:	string
+  'inactive-color'?:	string
+  'border-color'?:	string
+  'name'?:	string
+  'validate-event'?:	boolean
+  'before-change'?: Function
+}
+// 开关默认设置
+export const switchDefaultConfig: SwitchConfig = {
+  'disabled': false,
+  'loading': false,
+  'size': ElementSize.default,
+  'width': 40,
+  'inline-prompt': false,
+  'active-value': true,
+  'inactive-value': false,
+  'active-color': '#409EFF',
+  'inactive-color': '#C0CCDA',
+  'validate-event': true,
+}

package/packages/model/flmComponentConfig/base/flmTimePicker.ts

@@ -0,0 +1,61 @@
+import { ElementSize, ElementIcons } from '../../../model/flmComponentConfig'
+
+/** @timePicker 时间选择器 */
+
+// 时间选择器对齐方式
+export enum TimePickerAlign {
+  'left' = 'left',
+  'center' = 'center',
+  'right' = 'right'
+}
+
+// 时间选择器设置（https://element-plus.gitee.io/zh-CN/component/time-picker.html）
+export interface TimePickerConfig {
+  // 默认属性
+  'model-value'?: Date
+  'readonly'?: boolean
+  'disabled'?: boolean
+  'editable'?: boolean
+  'clearable'?: boolean
+  'size'?: ElementSize
+  'placeholder'?: string
+  'start-placeholder'?: string
+  'end-placeholder'?: string
+  'is-range'?: boolean
+  'arrow-control'?: boolean
+  'align'?: TimePickerAlign
+  'popper-class'?: string
+  'range-separator'?: string
+  'format'?: string
+  'default-value'?: Date | string
+  'id'?: string | Array<string>
+  'name'?: string
+  'prefix-icon'?: ElementIcons
+  'clear-icon'?: ElementIcons
+  'disabled-hours'?: Function
+  'disabled-minutes'?: Function
+  'disabled-seconds'?: Function
+  'teleported'?: boolean
+}
+// 时间选择默认事件
+export interface TimePickerDefaultEvent {
+  'onUpdate:modelValue': (value: TimePickerConfig['model-value']) => void,  // v-model 不用改不了值
+  // 'onChange': (value: TimePickerConfig['model-value']) => void,
+  'onBlur': (event: any) => void,
+  'onFocus': (event: any) => void,
+  'onVisibleChange': (event: boolean) => void,
+}
+// 时间选择器默认设置
+export const timePickerDefaultConfig: TimePickerConfig = {
+  'readonly': false,
+  'disabled': false,
+  'editable': true,
+  'clearable': true,
+  'is-range': false,
+  'arrow-control': false,
+  'align': TimePickerAlign['left'],
+  'format': 'HH:mm:ss',
+  'prefix-icon': ElementIcons['Clock'],
+  'clear-icon': ElementIcons['CircleClose'],
+  'teleported': true,
+}

package/packages/model/flmComponentConfig/base/flmTimeSelect.ts

@@ -0,0 +1,44 @@
+import { ElementSize, ElementIcons } from '../../../model/flmComponentConfig'
+
+/** @timeSelect 时间选择 */
+// 时间选择设置（https://element-plus.gitee.io/zh-CN/component/time-select.html）
+export interface TimeSelectConfig {
+  // 默认属性
+  'model-value'?: string
+  'disabled'?: boolean
+  'editable'?: boolean
+  'clearable'?: boolean
+  'size'?: ElementSize
+  'placeholder'?: string
+  'name'?: string
+  'effect'?: string
+  'prefix-icon'?: ElementIcons
+  'clear-icon'?: ElementIcons
+  'start'?: string
+  'end'?: string
+  'step'?: string
+  'min-time'?: string
+  'max-time'?: string
+  'format'?: string
+}
+// 时间选择默认事件
+export interface TimeSelectDefaultEvent {
+  onChange: (value: TimeSelectConfig['model-value']) => void
+  onBlur: () => void
+  onFocus: () => void
+}
+// 时间选择默认设置
+export const timeSelectDefaultConfig: TimeSelectConfig = {
+  'disabled': false,
+  'editable': true,
+  'clearable': true,
+  'size': ElementSize['default'],
+  'effect': 'light',
+  'prefix-icon': ElementIcons['Clock'],
+  'clear-icon': ElementIcons['CircleClose'],
+  'start': '09:00',
+  'end': '18:00',
+  'step': '00:30',
+  'min-time': '00:00',
+  'format': 'HH:mm',
+}

package/packages/model/flmComponentConfig/base/flmTransfer.ts

@@ -0,0 +1,51 @@
+/** @transfer 穿梭框 */
+
+// 右侧排序方式
+export enum TargetSort {
+  'original' = 'original',  // 和原始数据一致
+  'push' = 'push',          // 新元素在最后
+  'unshift' = 'unshift',    // 新元素在最前
+}
+
+// 数据单项格式
+export interface TransferItem {
+  key?: any
+  label?: any
+  disabled?: any
+}
+
+// 穿梭框设置（https://element-plus.gitee.io/zh-CN/component/transfer.html）
+export interface TransferConfig {
+  // 默认属性
+  'model-value'?: Array<TransferItem>
+  'data'?: Array<TransferItem>
+  'filterable'?: boolean
+  'filter-placeholder'?: string
+  'filter-method'?: Function
+  'target-order'?: TargetSort
+  'titles'?: Array<string>
+  'button-texts'?: Array<string>
+  'render-content'?: Function
+  'format'?: { 'noChecked'?: string, 'hasChecked'?: string }
+  'props'?: TransferItem
+  'left-default-checked'?: Array<any>
+  'right-default-checked'?: Array<any>
+}
+// 穿梭框默认事件
+export interface TransferDefaultEvent {
+  onChange: (value: TransferConfig['model-value']) => void
+  onLeftCheckChange: (value: TransferConfig['model-value']) => void
+  onRightCheckChange: (value: TransferConfig['model-value']) => void
+}
+// 穿梭框默认设置
+export const transferDefaultConfig: TransferConfig = {
+  'data': [],
+  'filterable': false,
+  'filter-placeholder': 'Enter keyword',
+  'target-order': TargetSort['original'],
+  'titles': ['List 1', 'List 2'],
+  'button-texts': [],
+  'format': { 'noChecked': '${checked}/${total}', 'hasChecked': '${checked}/${total}' },
+  'left-default-checked': [],
+  'right-default-checked': [],
+}