vxe-pc-ui 4.6.49 → 4.7.0-beta.0

package/packages/form-design/render/index.ts

@@ -1,219 +0,0 @@
-import { h } from 'vue'
-import { renderer } from '@vxe-ui/core'
-
-import { getWidgetTextConfig, WidgetTextViewComponent, WidgetTextFormComponent } from '../widget-text'
-import { getWidgetRowConfig, WidgetRowEditComponent, WidgetRowViewComponent, WidgetRowFormComponent } from '../widget-row'
-import { getWidgetSubtableConfig, WidgetSubtableEditComponent, WidgetSubtableViewComponent, WidgetSubtableFormComponent } from '../widget-subtable'
-
-import { getWidgetInputConfig, WidgetInputViewComponent, WidgetInputFormComponent } from '../widget-input'
-import { getWidgetTextareaConfig, WidgetTextareaViewComponent, WidgetTextareaFormComponent } from '../widget-textarea'
-import { getWidgetSelectConfig, WidgetSelectViewComponent, WidgetSelectFormComponent } from '../widget-select'
-
-import { getWidgetVxeInputConfig, WidgetVxeInputViewComponent, WidgetVxeInputFormComponent } from '../widget-vxe-input'
-import { getWidgetVxeNumberInputConfig, WidgetVxeNumberInputViewComponent, WidgetVxeNumberInputFormComponent } from '../widget-vxe-number-input'
-import { getWidgetVxeDatePickerConfig, WidgetVxeDatePickerViewComponent, WidgetVxeDatePickerFormComponent } from '../widget-vxe-date-picker'
-import { getWidgetVxeTextareaConfig, WidgetVxeTextareaViewComponent, WidgetVxeTextareaFormComponent } from '../widget-vxe-textarea'
-import { getWidgetVxeSwitchConfig, WidgetVxeSwitchViewComponent, WidgetVxeSwitchFormComponent } from '../widget-vxe-switch'
-import { getWidgetVxeSelectConfig, WidgetVxeSelectViewComponent, WidgetVxeSelectFormComponent } from '../widget-vxe-select'
-import { getWidgetVxeTreeSelectConfig, WidgetVxeTreeSelectViewComponent, WidgetVxeTreeSelectFormComponent } from '../widget-vxe-tree-select'
-import { getWidgetVxeRadioGroupConfig, WidgetVxeRadioGroupViewComponent, WidgetVxeRadioGroupFormComponent } from '../widget-vxe-radio-group'
-import { getWidgetVxeCheckboxGroupConfig, WidgetVxeCheckboxGroupViewComponent, WidgetVxeCheckboxGroupFormComponent } from '../widget-vxe-checkbox-group'
-import { getWidgetVxeUploadFileConfig, WidgetVxeUploadFileViewComponent, WidgetVxeUploadFileFormComponent } from '../widget-vxe-upload-file'
-import { getWidgetVxeUploadImageConfig, WidgetVxeUploadImageViewComponent, WidgetVxeUploadImageFormComponent } from '../widget-vxe-upload-image'
-import { getWidgetVxeRateConfig, WidgetVxeRateViewComponent, WidgetVxeRateFormComponent } from '../widget-vxe-rate'
-import { getWidgetVxeSliderConfig, WidgetVxeSliderViewComponent, WidgetVxeSliderFormComponent } from '../widget-vxe-slider'
-
-/**
- * 表单设计器 - 渲染器
- */
-renderer.mixin({
-  text: {
-    createFormDesignWidgetConfig: getWidgetTextConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetTextViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetTextFormComponent, { renderOpts, renderParams })
-    }
-  },
-  /**
-   * 已废弃
-   */
-  title: {
-    createFormDesignWidgetConfig: getWidgetTextConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetTextViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetTextFormComponent, { renderOpts, renderParams })
-    }
-  },
-  row: {
-    createFormDesignWidgetConfig: getWidgetRowConfig,
-    renderFormDesignWidgetEdit (renderOpts, renderParams) {
-      return h(WidgetRowEditComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetRowViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetRowFormComponent, { renderOpts, renderParams })
-    }
-  },
-  subtable: {
-    createFormDesignWidgetConfig: getWidgetSubtableConfig,
-    renderFormDesignWidgetEdit (renderOpts, renderParams) {
-      return h(WidgetSubtableEditComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetSubtableViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetSubtableFormComponent, { renderOpts, renderParams })
-    }
-  },
-  input: {
-    createFormDesignWidgetConfig: getWidgetInputConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetInputViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetInputFormComponent, { renderOpts, renderParams })
-    }
-  },
-  textarea: {
-    createFormDesignWidgetConfig: getWidgetTextareaConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetTextareaViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetTextareaFormComponent, { renderOpts, renderParams })
-    }
-  },
-  select: {
-    createFormDesignWidgetConfig: getWidgetSelectConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetSelectViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetSelectFormComponent, { renderOpts, renderParams })
-    }
-  },
-  VxeInput: {
-    createFormDesignWidgetConfig: getWidgetVxeInputConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetVxeInputViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetVxeInputFormComponent, { renderOpts, renderParams })
-    }
-  },
-  VxeNumberInput: {
-    createFormDesignWidgetConfig: getWidgetVxeNumberInputConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetVxeNumberInputViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetVxeNumberInputFormComponent, { renderOpts, renderParams })
-    }
-  },
-  VxeDatePicker: {
-    createFormDesignWidgetConfig: getWidgetVxeDatePickerConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetVxeDatePickerViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetVxeDatePickerFormComponent, { renderOpts, renderParams })
-    }
-  },
-  VxeTextarea: {
-    createFormDesignWidgetConfig: getWidgetVxeTextareaConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetVxeTextareaViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetVxeTextareaFormComponent, { renderOpts, renderParams })
-    }
-  },
-  VxeSwitch: {
-    createFormDesignWidgetConfig: getWidgetVxeSwitchConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetVxeSwitchViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetVxeSwitchFormComponent, { renderOpts, renderParams })
-    }
-  },
-  VxeSelect: {
-    createFormDesignWidgetConfig: getWidgetVxeSelectConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetVxeSelectViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetVxeSelectFormComponent, { renderOpts, renderParams })
-    }
-  },
-  VxeTreeSelect: {
-    createFormDesignWidgetConfig: getWidgetVxeTreeSelectConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetVxeTreeSelectViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetVxeTreeSelectFormComponent, { renderOpts, renderParams })
-    }
-  },
-  VxeRadioGroup: {
-    createFormDesignWidgetConfig: getWidgetVxeRadioGroupConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetVxeRadioGroupViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetVxeRadioGroupFormComponent, { renderOpts, renderParams })
-    }
-  },
-  VxeCheckboxGroup: {
-    createFormDesignWidgetConfig: getWidgetVxeCheckboxGroupConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetVxeCheckboxGroupViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetVxeCheckboxGroupFormComponent, { renderOpts, renderParams })
-    }
-  },
-  VxeUploadFile: {
-    createFormDesignWidgetConfig: getWidgetVxeUploadFileConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetVxeUploadFileViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetVxeUploadFileFormComponent, { renderOpts, renderParams })
-    }
-  },
-  VxeUploadImage: {
-    createFormDesignWidgetConfig: getWidgetVxeUploadImageConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetVxeUploadImageViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetVxeUploadImageFormComponent, { renderOpts, renderParams })
-    }
-  },
-  VxeRate: {
-    createFormDesignWidgetConfig: getWidgetVxeRateConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetVxeRateViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetVxeRateFormComponent, { renderOpts, renderParams })
-    }
-  },
-  VxeSlider: {
-    createFormDesignWidgetConfig: getWidgetVxeSliderConfig,
-    renderFormDesignWidgetView (renderOpts, renderParams) {
-      return h(WidgetVxeSliderViewComponent, { renderOpts, renderParams })
-    },
-    renderFormDesignWidgetFormView (renderOpts, renderParams) {
-      return h(WidgetVxeSliderFormComponent, { renderOpts, renderParams })
-    }
-  }
-})

package/packages/form-design/render/util.ts

@@ -1,9 +0,0 @@
-import { getI18n } from '@vxe-ui/core'
-
-export const getFormDesignWidgetName = (name: string) => {
-  return getI18n(`vxe.formDesign.widget.component.${name}`)
-}
-
-export const handleGetFormDesignWidgetName = (params: { name: string }) => {
-  return getFormDesignWidgetName(params.name)
-}

package/packages/form-design/src/default-setting-data.ts

@@ -1,43 +0,0 @@
-import { VxeGlobalRendererHandles, VxeFormDesignDefines, VxeFormProps } from '../../../types'
-
-export const getDefaultSettingFormData = (defOpts?: Partial<VxeFormDesignDefines.DefaultSettingFormDataObjVO>): VxeFormDesignDefines.DefaultSettingFormDataObjVO => {
-  return {
-    title: '',
-    pcVisible: defOpts ? !!defOpts.pcVisible : true,
-    pcVertical: true,
-    pcTitleBold: true,
-    pcTitleColon: false,
-    pcTitleAlign: '',
-    pcTitleWidth: '',
-    pcTitleWidthUnit: '',
-    mobileVisible: defOpts ? !!defOpts.mobileVisible : true,
-    mobileVertical: true,
-    mobileTitleBold: true,
-    mobileTitleColon: false,
-    mobileTitleAlign: '',
-    mobileTitleWidth: '',
-    mobileTitleWidthUnit: ''
-  }
-}
-
-export const createDefaultFormViewPCFormConfig = (params: VxeGlobalRendererHandles.CreateFormViewFormConfigParams<VxeFormDesignDefines.DefaultSettingFormDataObjVO>): VxeFormProps => {
-  const { formConfig } = params
-  return {
-    vertical: formConfig.pcVertical,
-    titleBold: formConfig.pcTitleBold,
-    titleColon: formConfig.pcTitleColon,
-    titleAlign: formConfig.pcTitleAlign,
-    titleWidth: formConfig.pcTitleWidth
-  }
-}
-
-export const createDefaultFormViewMobileFormConfig = (params: VxeGlobalRendererHandles.CreateFormViewFormConfigParams<VxeFormDesignDefines.DefaultSettingFormDataObjVO>): VxeFormProps => {
-  const { formConfig } = params
-  return {
-    vertical: formConfig.mobileVertical,
-    titleBold: formConfig.mobileTitleBold,
-    titleColon: formConfig.mobileTitleColon,
-    titleAlign: formConfig.mobileTitleAlign,
-    titleWidth: formConfig.mobileTitleWidth
-  }
-}

package/packages/form-design/src/default-setting-form.ts

@@ -1,97 +0,0 @@
-import { h, PropType, inject, createCommentVNode } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import { getIcon, getI18n } from '../../ui'
-import VxeFormComponent from '../../form/src/form'
-import VxeFormItemComponent from '../../form/src/form-item'
-import VxeSwitchComponent from '../../switch/src/switch'
-import VxeTextComponent from '../../text/src/text'
-
-import type { VxeFormDesignDefines, VxeFormDesignConstructor, VxeFormDesignPrivateMethods } from '../../../types'
-
-export const DefaultSettingFormComponent = defineVxeComponent({
-  name: 'DefaultSettingForm',
-  props: {
-    formData: {
-      type: Object as PropType<VxeFormDesignDefines.DefaultSettingFormDataObjVO>,
-      default: () => ({})
-    }
-  },
-  emits: [],
-  setup (props) {
-    const $xeFormDesign = inject<(VxeFormDesignConstructor & VxeFormDesignPrivateMethods) | null>('$xeFormDesign', null)
-
-    if (!$xeFormDesign) {
-      return () => []
-    }
-
-    const { props: formDesignProps } = $xeFormDesign
-
-    return () => {
-      const { formData } = props
-
-      return h(VxeFormComponent, {
-        data: formData,
-        span: 24,
-        vertical: true,
-        titleBold: true
-      }, {
-        default () {
-          const { showPc, showMobile } = formDesignProps
-          return [
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.formDesign.formName'),
-              field: 'title',
-              itemRender: { name: 'VxeInput', props: { placeholder: getI18n('vxe.formDesign.defFormTitle') } }
-            }),
-            showPc && showMobile
-              ? h(VxeFormItemComponent, {
-                title: getI18n('vxe.formDesign.widgetProp.displaySetting.name')
-              }, {
-                default () {
-                  return [
-                    h('div', {
-                      class: 'vxe-form-design--widget-form-item-devices'
-                    }, [
-                      h('div', {
-                        class: 'vxe-form-design--widget-form-item-pc'
-                      }, [
-                        h(VxeTextComponent, {
-                          icon: getIcon().FORM_DESIGN_PROPS_PC,
-                          content: getI18n('vxe.formDesign.widgetProp.displaySetting.pc')
-                        }),
-                        h(VxeSwitchComponent, {
-                          modelValue: formData.pcVisible,
-                          openLabel: getI18n('vxe.formDesign.widgetProp.displaySetting.visible'),
-                          closeLabel: getI18n('vxe.formDesign.widgetProp.displaySetting.hidden'),
-                          'onUpdate:modelValue' (val) {
-                            formData.pcVisible = val
-                          }
-                        })
-                      ]),
-                      h('div', {
-                        class: 'vxe-form-design--widget-form-item-mobile'
-                      }, [
-                        h(VxeTextComponent, {
-                          icon: getIcon().FORM_DESIGN_PROPS_MOBILE,
-                          content: getI18n('vxe.formDesign.widgetProp.displaySetting.mobile')
-                        }),
-                        h(VxeSwitchComponent, {
-                          modelValue: formData.mobileVisible,
-                          openLabel: getI18n('vxe.formDesign.widgetProp.displaySetting.visible'),
-                          closeLabel: getI18n('vxe.formDesign.widgetProp.displaySetting.hidden'),
-                          'onUpdate:modelValue' (val) {
-                            formData.mobileVisible = val
-                          }
-                        })
-                      ])
-                    ])
-                  ]
-                }
-              })
-              : createCommentVNode()
-          ]
-        }
-      })
-    }
-  }
-})