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

package/packages/form-design/widget-vxe-tree-select/vxe-tree-select-form.ts

@@ -1,82 +0,0 @@
-import { PropType, h } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import { getI18n } from '@vxe-ui/core'
-import { WidgetVxeTreeSelectFormObjVO } from './vxe-tree-select-data'
-import VxeFormComponent from '../../form/src/form'
-import VxeFormItemComponent from '../../form/src/form-item'
-import VxeInputComponent from '../../input/src/input'
-import VxeSwitchComponent from '../../switch/src/switch'
-import { useWidgetName } from '../src/use'
-
-import type { VxeGlobalRendererHandles } from '../../../types'
-
-export const WidgetVxeTreeSelectFormComponent = defineVxeComponent({
-  props: {
-    renderOpts: {
-      type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewOptions>,
-      default: () => ({})
-    },
-    renderParams: {
-      type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewParams<WidgetVxeTreeSelectFormObjVO>>,
-      default: () => ({})
-    }
-  },
-  emits: [],
-  setup (props) {
-    const { computeKebabCaseName } = useWidgetName(props)
-
-    return () => {
-      const { renderParams } = props
-      const { widget } = renderParams
-      const kebabCaseName = computeKebabCaseName.value
-
-      return h(VxeFormComponent, {
-        class: ['vxe-form-design--widget-render-form-wrapper', `widget-${kebabCaseName}`],
-        vertical: true,
-        span: 24,
-        titleBold: true,
-        titleOverflow: true,
-        data: widget.options
-      }, {
-        default () {
-          return [
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.formDesign.widgetProp.name')
-            }, {
-              default () {
-                return h(VxeInputComponent, {
-                  modelValue: widget.title,
-                  'onUpdate:modelValue' (val) {
-                    widget.title = val
-                  }
-                })
-              }
-            }),
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.formDesign.widgetProp.placeholder'),
-              field: 'placeholder',
-              itemRender: { name: 'VxeInput' }
-            }),
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.formDesign.widgetProp.multiple'),
-              field: 'multiple',
-              itemRender: { name: 'VxeSwitch' }
-            }),
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.formDesign.widgetProp.required')
-            }, {
-              default () {
-                return h(VxeSwitchComponent, {
-                  modelValue: widget.required,
-                  'onUpdate:modelValue' (val) {
-                    widget.required = val
-                  }
-                })
-              }
-            })
-          ]
-        }
-      })
-    }
-  }
-})

package/packages/form-design/widget-vxe-tree-select/vxe-tree-select-view.ts

@@ -1,66 +0,0 @@
-import { PropType, h, inject } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import { getI18n } from '@vxe-ui/core'
-import { WidgetVxeTreeSelectFormObjVO } from './vxe-tree-select-data'
-import { useWidgetName } from '../src/use'
-import VxeFormItemComponent from '../../form/src/form-item'
-import VxeTreeSelectComponent from '../../tree-select/src/tree-select'
-
-import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
-
-export const WidgetVxeTreeSelectViewComponent = defineVxeComponent({
-  props: {
-    renderOpts: {
-      type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,
-      default: () => ({})
-    },
-    renderParams: {
-      type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewParams<WidgetVxeTreeSelectFormObjVO>>,
-      default: () => ({})
-    }
-  },
-  emits: [],
-  setup (props) {
-    const $xeFormView = inject<(VxeFormViewConstructor & VxeFormViewPrivateMethods) | null>('$xeFormView', null)
-
-    const { computeKebabCaseName } = useWidgetName(props)
-
-    const changeEvent = () => {
-      const { renderParams } = props
-      const { widget } = renderParams
-      if ($xeFormView) {
-        const itemValue = $xeFormView ? $xeFormView.getItemValue(widget) : null
-        $xeFormView.updateWidgetStatus(widget, itemValue)
-      }
-    }
-
-    return () => {
-      const { renderParams } = props
-      const { widget } = renderParams
-      const { options } = widget
-      const kebabCaseName = computeKebabCaseName.value
-
-      return h(VxeFormItemComponent, {
-        class: ['vxe-form-design--widget-render-form-item', `widget-${kebabCaseName}`],
-        title: widget.title,
-        field: widget.field,
-        itemRender: {}
-      }, {
-        default () {
-          return h(VxeTreeSelectComponent, {
-            modelValue: $xeFormView ? $xeFormView.getItemValue(widget) : null,
-            placeholder: options.placeholder || getI18n('vxe.base.pleaseSelect'),
-            options: options.options,
-            optionProps: { label: 'value', value: 'value' },
-            onChange: changeEvent,
-            'onUpdate:modelValue' (val) {
-              if ($xeFormView) {
-                $xeFormView.setItemValue(widget, val)
-              }
-            }
-          })
-        }
-      })
-    }
-  }
-})

package/packages/form-design/widget-vxe-upload-file/index.ts

@@ -1,3 +0,0 @@
-export * from './vxe-upload-file-data'
-export * from './vxe-upload-file-form'
-export * from './vxe-upload-file-view'

package/packages/form-design/widget-vxe-upload-file/vxe-upload-file-data.ts

@@ -1,34 +0,0 @@
-import { handleGetFormDesignWidgetName } from '../render/util'
-
-import type { VxeGlobalRendererHandles, VxeUploadPropTypes } from '../../../types'
-
-export function getLimitSizeOptions () {
-  const sizeOpts: { label: string, value: VxeUploadPropTypes.LimitSize }[] = [
-    { label: '无限制', value: '' }
-  ]
-  const sizeList = [1, 2, 5, 10, 20, 50, 100, 200, 500]
-  sizeList.forEach(num => {
-    sizeOpts.push(
-      { label: `${num}M`, value: num }
-    )
-  })
-  return sizeOpts
-}
-
-export interface WidgetVxeUploadFileFormObjVO {
-  limitCount: VxeUploadPropTypes.LimitCount
-  limitSize: VxeUploadPropTypes.LimitSize
-  multiple: VxeUploadPropTypes.Multiple
-}
-
-export const getWidgetVxeUploadFileConfig = (): VxeGlobalRendererHandles.CreateFormDesignWidgetConfigObj<WidgetVxeUploadFileFormObjVO> => {
-  return {
-    title: handleGetFormDesignWidgetName,
-    icon: 'vxe-icon-file',
-    options: {
-      limitCount: '',
-      limitSize: 100,
-      multiple: false
-    }
-  }
-}

package/packages/form-design/widget-vxe-upload-file/vxe-upload-file-form.ts

@@ -1,92 +0,0 @@
-import { PropType, h, ref, createCommentVNode } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import { getI18n } from '@vxe-ui/core'
-import { WidgetVxeUploadFileFormObjVO, getLimitSizeOptions } from './vxe-upload-file-data'
-import { useWidgetName } from '../../form-design/src/use'
-import VxeFormComponent from '../../form/src/form'
-import VxeFormItemComponent from '../../form/src/form-item'
-import VxeInputComponent from '../../input/src/input'
-import VxeSwitchComponent from '../../switch/src/switch'
-
-import type { VxeGlobalRendererHandles } from '../../../types'
-
-export const WidgetVxeUploadFileFormComponent = defineVxeComponent({
-  props: {
-    renderOpts: {
-      type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewOptions>,
-      default: () => ({})
-    },
-    renderParams: {
-      type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewParams<WidgetVxeUploadFileFormObjVO>>,
-      default: () => ({})
-    }
-  },
-  emits: [],
-  setup (props) {
-    const { computeKebabCaseName } = useWidgetName(props)
-
-    const limitSizeOptions = ref(getLimitSizeOptions())
-
-    return () => {
-      const { renderParams } = props
-      const { widget } = renderParams
-      const { options } = widget
-      const kebabCaseName = computeKebabCaseName.value
-
-      return h(VxeFormComponent, {
-        class: ['vxe-form-design--widget-render-form-wrapper', `widget-${kebabCaseName}`],
-        vertical: true,
-        span: 24,
-        titleBold: true,
-        titleOverflow: true,
-        data: options
-      }, {
-        default () {
-          return [
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.formDesign.widgetProp.name')
-            }, {
-              default () {
-                return h(VxeInputComponent, {
-                  modelValue: widget.title,
-                  'onUpdate:modelValue' (val) {
-                    widget.title = val
-                  }
-                })
-              }
-            }),
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.formDesign.widgetProp.uploadProp.multiFile'),
-              field: 'multiple',
-              itemRender: { name: 'VxeSwitch' }
-            }),
-            options.multiple
-              ? h(VxeFormItemComponent, {
-                title: getI18n('vxe.formDesign.widgetProp.uploadProp.limitFileCount'),
-                field: 'limitCount',
-                itemRender: { name: 'VxeInput', props: { type: 'integer', min: 1, clearable: true } }
-              })
-              : createCommentVNode(),
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.formDesign.widgetProp.uploadProp.limitFileSize'),
-              field: 'limitSize',
-              itemRender: { name: 'VxeSelect', options: limitSizeOptions.value }
-            }),
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.formDesign.widgetProp.required')
-            }, {
-              default () {
-                return h(VxeSwitchComponent, {
-                  modelValue: widget.required,
-                  'onUpdate:modelValue' (val) {
-                    widget.required = val
-                  }
-                })
-              }
-            })
-          ]
-        }
-      })
-    }
-  }
-})

package/packages/form-design/widget-vxe-upload-file/vxe-upload-file-view.ts

@@ -1,66 +0,0 @@
-import { PropType, h, inject } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import { WidgetVxeUploadFileFormObjVO } from './vxe-upload-file-data'
-import { useWidgetName } from '../../form-design/src/use'
-import VxeFormItemComponent from '../../form/src/form-item'
-import VxeUploadComponent from '../../upload/src/upload'
-
-import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
-
-export const WidgetVxeUploadFileViewComponent = defineVxeComponent({
-  props: {
-    renderOpts: {
-      type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,
-      default: () => ({})
-    },
-    renderParams: {
-      type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewParams<WidgetVxeUploadFileFormObjVO>>,
-      default: () => ({})
-    }
-  },
-  emits: [],
-  setup (props) {
-    const $xeFormView = inject<(VxeFormViewConstructor & VxeFormViewPrivateMethods) | null>('$xeFormView', null)
-
-    const { computeKebabCaseName } = useWidgetName(props)
-
-    const changeEvent = () => {
-      const { renderParams } = props
-      const { widget } = renderParams
-      if ($xeFormView) {
-        const itemValue = $xeFormView ? $xeFormView.getItemValue(widget) : null
-        $xeFormView.updateWidgetStatus(widget, itemValue)
-      }
-    }
-
-    return () => {
-      const { renderParams } = props
-      const { widget } = renderParams
-      const { options } = widget
-      const kebabCaseName = computeKebabCaseName.value
-
-      return h(VxeFormItemComponent, {
-        class: ['vxe-form-design--widget-render-form-item', `widget-${kebabCaseName}`],
-        title: widget.title,
-        field: widget.field,
-        itemRender: {}
-      }, {
-        default () {
-          return h(VxeUploadComponent, {
-            modelValue: $xeFormView ? $xeFormView.getItemValue(widget) : null,
-            mode: 'all',
-            multiple: options.multiple,
-            limitCount: options.limitCount,
-            limitSize: options.limitSize,
-            onChange: changeEvent,
-            'onUpdate:modelValue' (val) {
-              if ($xeFormView) {
-                $xeFormView.setItemValue(widget, val)
-              }
-            }
-          })
-        }
-      })
-    }
-  }
-})

package/packages/form-design/widget-vxe-upload-image/index.ts

@@ -1,3 +0,0 @@
-export * from './vxe-upload-image-data'
-export * from './vxe-upload-image-form'
-export * from './vxe-upload-image-view'

package/packages/form-design/widget-vxe-upload-image/vxe-upload-image-data.ts

@@ -1,21 +0,0 @@
-import { handleGetFormDesignWidgetName } from '../render/util'
-
-import type { VxeGlobalRendererHandles, VxeUploadPropTypes } from '../../../types'
-
-export interface WidgetVxeUploadImageFormObjVO {
-  limitCount: VxeUploadPropTypes.LimitCount
-  limitSize: VxeUploadPropTypes.LimitSize
-  multiple: VxeUploadPropTypes.Multiple
-}
-
-export const getWidgetVxeUploadImageConfig = (): VxeGlobalRendererHandles.CreateFormDesignWidgetConfigObj<WidgetVxeUploadImageFormObjVO> => {
-  return {
-    title: handleGetFormDesignWidgetName,
-    icon: 'vxe-icon-file-image',
-    options: {
-      limitCount: 9,
-      limitSize: 10,
-      multiple: false
-    }
-  }
-}

package/packages/form-design/widget-vxe-upload-image/vxe-upload-image-form.ts

@@ -1,93 +0,0 @@
-import { PropType, createCommentVNode, h, ref } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import { getI18n } from '@vxe-ui/core'
-import { WidgetVxeUploadImageFormObjVO } from './vxe-upload-image-data'
-import { getLimitSizeOptions } from '../widget-vxe-upload-file/vxe-upload-file-data'
-import { useWidgetName } from '../../form-design/src/use'
-import VxeFormComponent from '../../form/src/form'
-import VxeFormItemComponent from '../../form/src/form-item'
-import VxeInputComponent from '../../input/src/input'
-import VxeSwitchComponent from '../../switch/src/switch'
-
-import type { VxeGlobalRendererHandles } from '../../../types'
-
-export const WidgetVxeUploadImageFormComponent = defineVxeComponent({
-  props: {
-    renderOpts: {
-      type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewOptions>,
-      default: () => ({})
-    },
-    renderParams: {
-      type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetFormViewParams<WidgetVxeUploadImageFormObjVO>>,
-      default: () => ({})
-    }
-  },
-  emits: [],
-  setup (props) {
-    const { computeKebabCaseName } = useWidgetName(props)
-
-    const limitSizeOptions = ref(getLimitSizeOptions())
-
-    return () => {
-      const { renderParams } = props
-      const { widget } = renderParams
-      const { options } = widget
-      const kebabCaseName = computeKebabCaseName.value
-
-      return h(VxeFormComponent, {
-        class: ['vxe-form-design--widget-render-form-wrapper', `widget-${kebabCaseName}`],
-        vertical: true,
-        span: 24,
-        titleBold: true,
-        titleOverflow: true,
-        data: options
-      }, {
-        default () {
-          return [
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.formDesign.widgetProp.name')
-            }, {
-              default () {
-                return h(VxeInputComponent, {
-                  modelValue: widget.title,
-                  'onUpdate:modelValue' (val) {
-                    widget.title = val
-                  }
-                })
-              }
-            }),
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.formDesign.widgetProp.uploadProp.multiImg'),
-              field: 'multiple',
-              itemRender: { name: 'VxeSwitch' }
-            }),
-            options.multiple
-              ? h(VxeFormItemComponent, {
-                title: getI18n('vxe.formDesign.widgetProp.uploadProp.limitImgCount'),
-                field: 'limitCount',
-                itemRender: { name: 'VxeInput', props: { type: 'integer', min: 1, clearable: true } }
-              })
-              : createCommentVNode(),
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.formDesign.widgetProp.uploadProp.limitImgSize'),
-              field: 'limitSize',
-              itemRender: { name: 'VxeSelect', options: limitSizeOptions.value }
-            }),
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.formDesign.widgetProp.required')
-            }, {
-              default () {
-                return h(VxeSwitchComponent, {
-                  modelValue: widget.required,
-                  'onUpdate:modelValue' (val) {
-                    widget.required = val
-                  }
-                })
-              }
-            })
-          ]
-        }
-      })
-    }
-  }
-})

package/packages/form-design/widget-vxe-upload-image/vxe-upload-image-view.ts

@@ -1,66 +0,0 @@
-import { PropType, h, inject } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import { WidgetVxeUploadImageFormObjVO } from './vxe-upload-image-data'
-import { useWidgetName } from '../../form-design/src/use'
-import VxeFormItemComponent from '../../form/src/form-item'
-import VxeUploadComponent from '../../upload/src/upload'
-
-import type { VxeGlobalRendererHandles, VxeFormViewConstructor, VxeFormViewPrivateMethods } from '../../../types'
-
-export const WidgetVxeUploadImageViewComponent = defineVxeComponent({
-  props: {
-    renderOpts: {
-      type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewOptions>,
-      default: () => ({})
-    },
-    renderParams: {
-      type: Object as PropType<VxeGlobalRendererHandles.RenderFormDesignWidgetViewParams<WidgetVxeUploadImageFormObjVO>>,
-      default: () => ({})
-    }
-  },
-  emits: [],
-  setup (props) {
-    const $xeFormView = inject<(VxeFormViewConstructor & VxeFormViewPrivateMethods) | null>('$xeFormView', null)
-
-    const { computeKebabCaseName } = useWidgetName(props)
-
-    const changeEvent = () => {
-      const { renderParams } = props
-      const { widget } = renderParams
-      if ($xeFormView) {
-        const itemValue = $xeFormView ? $xeFormView.getItemValue(widget) : null
-        $xeFormView.updateWidgetStatus(widget, itemValue)
-      }
-    }
-
-    return () => {
-      const { renderParams } = props
-      const { widget } = renderParams
-      const { options } = widget
-      const kebabCaseName = computeKebabCaseName.value
-
-      return h(VxeFormItemComponent, {
-        class: ['vxe-form-design--widget-render-form-item', `widget-${kebabCaseName}`],
-        title: widget.title,
-        field: widget.field,
-        itemRender: {}
-      }, {
-        default () {
-          return h(VxeUploadComponent, {
-            modelValue: $xeFormView ? $xeFormView.getItemValue(widget) : null,
-            mode: 'image',
-            multiple: options.multiple,
-            limitCount: options.limitCount,
-            limitSize: options.limitSize,
-            onChange: changeEvent,
-            'onUpdate:modelValue' (val) {
-              if ($xeFormView) {
-                $xeFormView.setItemValue(widget, val)
-              }
-            }
-          })
-        }
-      })
-    }
-  }
-})

package/packages/form-view/index.ts

@@ -1,16 +0,0 @@
-import { App } from 'vue'
-import { VxeUI } from '@vxe-ui/core'
-import VxeFormViewComponent from '../form-design/src/form-view'
-import { dynamicApp } from '../dynamics'
-
-export const VxeFormView = Object.assign(VxeFormViewComponent, {
-  install: function (app: App) {
-    app.component(VxeFormViewComponent.name as string, VxeFormViewComponent)
-  }
-})
-
-dynamicApp.use(VxeFormView)
-VxeUI.component(VxeFormViewComponent)
-
-export const FormView = VxeFormView
-export default VxeFormView

package/packages/list-design/index.ts

@@ -1,23 +0,0 @@
-import { App } from 'vue'
-import { VxeUI } from '@vxe-ui/core'
-import VxeListDesignComponent from './src/list-design'
-import { dynamicApp } from '../dynamics'
-import './render'
-
-import { ListDesignHandleExport } from '../../types'
-
-export const VxeListDesign = Object.assign({}, VxeListDesignComponent, {
-  install (app: App) {
-    app.component(VxeListDesignComponent.name as string, VxeListDesignComponent)
-  }
-})
-
-const listDesignHandle: ListDesignHandleExport = {
-}
-
-dynamicApp.use(VxeListDesign)
-VxeUI.component(VxeListDesignComponent)
-VxeUI.listDesignHandle = listDesignHandle
-
-export const ListDesign = VxeListDesign
-export default VxeListDesign

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

@@ -1,26 +0,0 @@
-import { renderer } from '@vxe-ui/core'
-// import { handleGetListDesignActionButtonName } from './util'
-
-/**
- * 列表设计器 - 渲染器
- */
-renderer.mixin({
-  // ActionButtonUpdate: {
-  //   createListDesignSettingActionButtonConfig () {
-  //     return {
-  //       name: handleGetListDesignActionButtonName,
-  //       icon: 'vxe-icon-edit',
-  //       status: 'primary'
-  //     }
-  //   }
-  // },
-  // ActionButtonDelete: {
-  //   createListDesignSettingActionButtonConfig () {
-  //     return {
-  //       name: handleGetListDesignActionButtonName,
-  //       icon: 'vxe-icon-delete',
-  //       status: 'error'
-  //     }
-  //   }
-  // }
-})

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

@@ -1,23 +0,0 @@
-import { getI18n } from '@vxe-ui/core'
-
-import type { VxeListDesignDefines } from '../../../types'
-
-export const getListDesignActionButtonName = (name: string) => {
-  return getI18n(`vxe.listDesign.activeBtn.${name}`)
-}
-
-export const handleGetListDesignActionButtonName = (params: { name: string }) => {
-  return getListDesignActionButtonName(params.name)
-}
-
-export const createListDesignActionButton = (btnObj?: Partial<VxeListDesignDefines.DefaultSettingFormActionButton>) => {
-  return Object.assign({
-    name: '',
-    icon: '',
-    type: '',
-    classify: '',
-    code: '',
-    status: '',
-    permissionCode: ''
-  }, btnObj)
-}

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

@@ -1,22 +0,0 @@
-import { VxeListDesignDefines } from '../../../types'
-
-export const getDefaultSettingFormData = (): VxeListDesignDefines.DefaultSettingFormDataObjVO => {
-  return {
-    listView: {
-      enabled: true
-    },
-    ganttView: {
-      enabled: false
-    },
-    chartView: {
-      enabled: false
-    },
-    autoFoldFilter: true,
-    showCheckbox: 'auto',
-    showSeq: true,
-    showStatistics: true,
-    mobileDefaultView: 'list',
-    pcDefaultView: 'list',
-    actionButtonList: []
-  }
-}