flame-plus 0.1.8 → 0.1.9

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

@@ -0,0 +1,50 @@
+import { ElementSize } from '@/model/flmComponentConfig'
+
+/** @button 按钮 */
+
+// 按钮类型
+export enum ButtonType {
+  'primary' = 'primary',
+  'success' = 'success',
+  'warning' = 'warning',
+  'danger' = 'danger',
+  'info' = 'info',
+  'text' = 'text',
+}
+
+// 按钮原生type
+export enum ButtonNativeType {
+  'button' = 'button',
+  'submit' = 'submit',
+  'reset' = 'reset',
+}
+
+// 按钮设置（https://element-plus.gitee.io/zh-CN/component/button.html）
+export interface ButtonConfig {
+  // 默认属性
+  'size'?: ElementSize
+  'type'?: ButtonType
+  'plain'?: boolean
+  'round'?: boolean
+  'circle'?: boolean
+  'loading'?: boolean
+  'loading-icon'?: string
+  'disabled'?: boolean
+  'icon'?: string
+  'autofocus'?: boolean
+  'native-type'?: ButtonNativeType
+  'auto-insert-space'?: boolean
+  // 自定义属性
+  'text'?: string  // 按钮文字
+}
+// 按钮默认设置
+export const buttonDefaultConfig: ButtonConfig = {
+  'plain': false,
+  'round': false,
+  'circle': false,
+  'loading': false,
+  'loading-icon': 'Loading',
+  'disabled': false,
+  'autofocus': false,
+  'native-type': ButtonNativeType['button'],
+}

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

@@ -0,0 +1,77 @@
+import { ElementSize } from '@/model/flmComponentConfig'
+
+/** @cascader 级联选择器 */
+
+// 标签类型
+export enum CascaderTagType {
+  'success' = 'success',
+  'info' = 'info',
+  'warning' = 'warning',
+  'danger' = 'danger',
+}
+
+// 次级菜单的展开方式
+export enum CascaderPropsExpandTrigger {
+  'click' = 'click',
+  'hover' = 'hover',
+}
+
+// 级联选择器props
+export interface CascaderProps {
+  'expandTrigger'?: CascaderPropsExpandTrigger
+  'multiple'?: boolean
+  'checkStrictly'?: boolean
+  'emitPath'?: boolean
+  'lazy'?: boolean
+  'lazyLoad'?: Function
+  'value'?: string
+  'label'?: string
+  'children'?: string
+  'disabled'?: string
+  'leaf'?: string
+}
+
+// 级联选择器设置（https://element-plus.gitee.io/zh-CN/component/cascader.html）
+export interface CascaderConfig {
+  // 默认属性
+  'model-value'?: any
+  'options'?: Array<any>
+  'props'?: CascaderProps
+  'size'?: ElementSize
+  'placeholder'?: string
+  'disabled'?: boolean
+  'clearable'?: boolean
+  'show-all-levels'?: boolean
+  'collapse-tags'?: boolean
+  'collapse-tags-tooltip'?: boolean
+  'separator'?: string
+  'filterable'?: boolean
+  'filter-method'?: Function
+  'debounce'?: number
+  'before-filter'?: Function
+  'popper-class'?: string
+  'teleported'?: boolean
+  'tag-type'?: CascaderTagType
+}
+// 级联选择器默认事件
+export interface CascaderDefaultEvent {
+  'onChange': (value: CascaderConfig['model-value']) => void,
+  'onExpandChange': (event: any) => void,
+  'onBlur': (event: any) => void,
+  'onFocus': (event: any) => void,
+  'onVisibleChange': (event: boolean) => void,
+  'onRemoveTag': (event: any) => void
+}
+// 级联选择器默认设置
+export const cascaderDefaultConfig: CascaderConfig = {
+  'placeholder': '请选择',
+  'disabled': false,
+  'clearable': false,
+  'show-all-levels': true,
+  'collapse-tags': false,
+  'collapse-tags-tooltip': false,
+  'separator': '/',
+  'debounce': 300,
+  'teleported': true,
+  'tag-type': CascaderTagType['info'],
+}

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

@@ -0,0 +1,51 @@
+import { ElementSize } from '@/model/flmComponentConfig'
+
+/** @checkboxGroup 多选框 */
+// 多选框设置（https://element-plus.org/zh-CN/component/checkbox.html）
+export interface CheckboxConfig {
+  // 默认属性
+  'model-value'?: string | number | boolean
+  'label'?:	string | number | boolean | object
+  'true-label'?: string | number
+  'false-label'?: string | number
+  'disabled'?: boolean
+  'border'?: boolean
+  'size'?: ElementSize
+  'name'?: string
+  'checked'?: boolean
+  'indeterminate'?: boolean
+}
+//多选框默认事件
+export interface CheckboxDefaultEvent {
+  'onChange': (value: CheckboxConfig['model-value']) => void
+}
+// 多选框默认设置
+export const checkboxDefaultConfig: CheckboxConfig = {
+  'disabled': false,
+  'border': false,
+  'checked': false,
+  'indeterminate': false,
+}
+
+// 多选框组设置
+export interface CheckboxGroupConfig {
+  // 默认属性
+  'model-value'?: Array<CheckboxConfig['model-value']>
+  'size'?: ElementSize
+  'disabled'?: boolean
+  'min'?: number
+  'max'?:	number
+  'text-color'?: string
+  'fill'?: string
+  // 自定义属性
+  'hasCheckAll'?: boolean            // 有全选按钮
+  'checkAllConfig'?: CheckboxConfig  // 权限值
+  'items'?: Array<CheckboxConfig>    // 选项组
+}
+// 多选框组默认设置
+export const checkboxGroupDefaultConfig: CheckboxGroupConfig = {
+  'model-value': [],
+  'disabled': false,
+  'text-color': '#FFFFFF',
+  'fill': '#409EFF',
+}

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

@@ -0,0 +1,30 @@
+import { ElementSize } from '@/model/flmComponentConfig'
+
+/** @colorPicker 颜色选择器 */
+// 颜色格式
+export enum ColorFormat {
+  'hsl' = 'hsl',
+  'hsv' = 'hsv',
+  'hex' = 'hex',
+  'rgb' = 'rgb',
+}
+// 颜色选择器设置（https://element-plus.gitee.io/zh-CN/component/color-picker.html）
+export interface ColorPickerConfig {
+  // 默认属性
+  'model-value'?: string
+  'disabled'?: boolean
+  'size'?: ElementSize
+  'show-alpha'?: boolean
+  'color-format'?: ColorFormat
+  'popper-class'?: string
+  'predefine'?: Array<string>
+}
+// 颜色选择器默认事件
+export interface ColorPickerDefaultEvent {
+  onChange: (value: ColorPickerConfig['model-value']) => void
+}
+// 颜色选择器默认设置
+export const colorPickerDefaultConfig: ColorPickerConfig = {
+  'disabled': false,
+  'show-alpha': false,
+}

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

@@ -0,0 +1,73 @@
+import { ElementSize, ElementIcons } from '@/model/flmComponentConfig'
+
+/** @datePicker 日期选择器 */
+
+// 显示类型
+export enum DateType {
+  'year' = 'year',
+  'month' = 'month',
+  'date' = 'date',
+  'dates' = 'dates',
+  'datetime' = 'datetime',
+  'week' = 'week',
+  'datetimerange' = 'datetimerange',
+  'daterange' = 'daterange',
+  'monthrange' = 'monthrange',
+}
+
+// 日期选择器设置（https://element-plus.gitee.io/zh-CN/component/date-picker.html）
+export interface DatePickerConfig {
+  // 默认属性
+  'model-value'?: Date | Array<Date>
+  'readonly'?: boolean
+  'disabled'?: boolean
+  'size'?: ElementSize
+  'editable'?: boolean
+  'clearable'?: boolean
+  'placeholder'?: string
+  'start-placeholder'?: string
+  'end-placeholder'?: string
+  'type'?: DateType
+  'format'?: string
+  'popper-class'?: string
+  'range-separator'?: string
+  'default-value'?: Date
+  'default-time'?: Array<Date>
+  'value-format'?: string
+  'id'?: string | Array<string>
+  'name'?: string
+  'unlink-panels'?: boolean
+  'prefix-icon'?: string
+  'clear-icon'?: ElementIcons
+  'validate-event'?: boolean
+  'disabled-date'?: Function
+  'shortcuts'?:	Array<{ text: string, value: Date | Function }>
+  'cell-class-name'?:	Function
+  'teleported'?: boolean
+}
+// 日期选择器默认事件
+export interface DatePickerDefaultEvent {
+  'onUpdate:modelValue': (value: DatePickerConfig['model-value']) => void,  // v-model 不用改不了值
+  // onChange: (value: DatePickerConfig['model-value']) => {},
+  'onBlur': (event: any) => void,
+  'onFocus': (event: any) => void,
+  'onCalendarChange': (event: Array<Date>) => void,
+  'onPanelChange': (date: any, mode: any, view: any) => void,
+  'onVisibleChange': (event: boolean) => void,
+}
+// 日期选择器默认设置
+export const datePickerDefaultConfig: DatePickerConfig = {
+  'readonly': false,
+  'disabled': false,
+  'size': ElementSize['default'],
+  'editable': true,
+  'clearable': true,
+  'type': DateType['date'],
+  'format': 'YYYY-MM-DD',
+  'range-separator': '-',
+  'unlink-panels': false,
+  'prefix-icon': 'Date',
+  'clear-icon': ElementIcons['CircleClose'],
+  'validate-event': true,
+  'teleported': true,
+}

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,38 @@
+/** @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,
+  'current-page': 1,
+  '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'],
+}