releases 4.0.36

Author: xuliangzhan

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "4.0.35",
+  "version": "4.0.36",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

packages/form-design/index.ts

@@ -1,17 +1,25 @@
 import { App } from 'vue'
 import { VxeUI } from '@vxe-ui/core'
 import VxeFormDesignComponent from './src/form-design'
+import { useWidgetView } from './src/use'
 import { dynamicApp } from '../dynamics'
 import './render'
 
+import { FormDesignExport } from '../../types'
+
 export const VxeFormDesign = Object.assign({}, VxeFormDesignComponent, {
   install (app: App) {
     app.component(VxeFormDesignComponent.name as string, VxeFormDesignComponent)
   }
 })
 
+const formDesign: FormDesignExport = {
+  useWidgetView
+}
+
 dynamicApp.component(VxeFormDesignComponent.name as string, VxeFormDesignComponent)
 VxeUI.component(VxeFormDesignComponent)
+VxeUI.formDesign = formDesign
 
 export const FormDesign = VxeFormDesign
 export default VxeFormDesign

packages/form-design/src/use.ts

@@ -0,0 +1,33 @@
+import { computed } from 'vue'
+
+import type { VxeFormDesignDefines } from '../../../types'
+
+export function useWidgetView <T = any> (props: {
+  renderOpts: any
+  renderParams: any
+}) {
+  const currWidget = computed<VxeFormDesignDefines.WidgetObjItem<T>>(() => {
+    const { renderParams } = props
+    return renderParams.widget
+  })
+
+  const widgetModel = computed({
+    get () {
+      const { renderParams } = props
+      const { $formView, widget } = renderParams
+      return $formView ? $formView.getItemValue(widget) : null
+    },
+    set (value) {
+      const { renderParams } = props
+      const { $formView, widget } = renderParams
+      if ($formView) {
+        $formView.setItemValue(widget, value)
+      }
+    }
+  })
+
+  return {
+    currWidget,
+    widgetModel
+  }
+}

packages/number-input/src/number-input.ts

@@ -583,37 +583,35 @@ export default defineComponent({
       const { inputValue } = reactData
       const suffixSlot = slots.suffix
       const isClearable = computeIsClearable.value
-      return isClearable || suffixSlot || suffixIcon
-        ? h('div', {
-          class: ['vxe-number-input--suffix', {
-            'is--clear': isClearable && !disabled && !(inputValue === '' || XEUtils.eqNull(inputValue))
-          }]
-        }, [
-          isClearable
-            ? h('div', {
-              class: 'vxe-number-input--clear-icon',
-              onClick: clearValueEvent
-            }, [
-              h('i', {
-                class: getIcon().INPUT_CLEAR
-              })
-            ])
-            : createCommentVNode(),
-          renderExtraSuffixIcon(),
-          suffixSlot || suffixIcon
-            ? h('div', {
-              class: 'vxe-number-input--suffix-icon',
-              onClick: clickSuffixEvent
-            }, suffixSlot
-              ? getSlotVNs(suffixSlot({}))
-              : [
-                  h('i', {
-                    class: suffixIcon
-                  })
-                ])
-            : createCommentVNode()
-        ])
-        : null
+      return h('div', {
+        class: ['vxe-number-input--suffix', {
+          'is--clear': isClearable && !disabled && !(inputValue === '' || XEUtils.eqNull(inputValue))
+        }]
+      }, [
+        isClearable
+          ? h('div', {
+            class: 'vxe-number-input--clear-icon',
+            onClick: clearValueEvent
+          }, [
+            h('i', {
+              class: getIcon().INPUT_CLEAR
+            })
+          ])
+          : createCommentVNode(),
+        renderExtraSuffixIcon(),
+        suffixSlot || suffixIcon
+          ? h('div', {
+            class: 'vxe-number-input--suffix-icon',
+            onClick: clickSuffixEvent
+          }, suffixSlot
+            ? getSlotVNs(suffixSlot({}))
+            : [
+                h('i', {
+                  class: suffixIcon
+                })
+              ])
+          : createCommentVNode()
+      ])
     }
 
     const renderExtraSuffixIcon = () => {

packages/textarea/src/textarea.ts

@@ -202,6 +202,11 @@ export default defineComponent({
       updateAutoTxt()
     })
 
+    watch(computeSizeOpts, () => {
+      updateAutoTxt()
+      handleResize()
+    })
+
     nextTick(() => {
       const { autosize } = props
       if (autosize) {

types/components/form-design.d.ts

@@ -1,5 +1,5 @@
-import { RenderFunction, SetupContext, Ref, ComponentPublicInstance, DefineComponent, UnwrapNestedRefs } from 'vue'
-import { defineVxeComponent, VxeComponentBaseOptions, VxeComponentEventParams, VxeComponentSizeType, ValueOf } from '@vxe-ui/core'
+import { RenderFunction, SetupContext, Ref, ComputedRef, WritableComputedRef, ComponentPublicInstance, DefineComponent, UnwrapNestedRefs } from 'vue'
+import { defineVxeComponent, VxeComponentBaseOptions, VxeComponentEventParams, VxeComponentSizeType, ValueOf, VxeGlobalRendererHandles } from '@vxe-ui/core'
 import { VxeFormPropTypes } from '../components/form'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
@@ -176,5 +176,15 @@ export namespace VxeFormDesignSlotTypes {}
 export interface VxeFormDesignSlots {
 }
 
+export interface FormDesignExport {
+  useWidgetView<T = any>(props: {
+    renderOpts: any
+    renderParams: any
+  }): {
+    currWidget: ComputedRef<VxeFormDesignDefines.WidgetObjItem<T>>,
+    widgetModel: WritableComputedRef<any>
+  }
+}
+
 export const FormDesign: typeof VxeFormDesign
 export default VxeFormDesign

types/ui/index.d.ts

@@ -5,6 +5,7 @@ import { DrawerController } from '../components/drawer'
 import { VxePrintDefines } from '../components/print'
 import { VxeUploadDefines } from '../components/upload'
 import { VxeImageDefines } from '../components/image'
+import { FormDesignExport } from '../components/form-design'
 
 /**
  * 已废弃，请使用 setConfig
@@ -48,6 +49,9 @@ declare module '@vxe-ui/core' {
     modal: ModalController
     drawer: DrawerController
     dynamicApp: App<Element>
+
+    formDesign: FormDesignExport
+
     print: VxePrintDefines.PrintFunction
     saveFile: VxeUploadDefines.SaveFileFunction
     readFile: VxeUploadDefines.ReadFileFunction