@vxe-ui/plugin-render-antd 4.0.3 → 4.0.5

package/dist/form-design/checkbox-widget.js

@@ -0,0 +1,162 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createWidgetACheckbox = createWidgetACheckbox;
+var _vue = require("vue");
+var _use = require("./use");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function createWidgetACheckbox(VxeUI) {
+  var getWidgetACheckboxConfig = function getWidgetACheckboxConfig(params) {
+    return {
+      title: '复选框',
+      icon: 'vxe-icon-checkbox-checked',
+      options: {
+        options: _xeUtils["default"].range(0, 3).map(function (v, i) {
+          return {
+            value: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.defValue', [i + 1])
+          };
+        })
+      }
+    };
+  };
+  var WidgetACheckboxFormComponent = (0, _vue.defineComponent)({
+    props: {
+      renderOpts: {
+        type: Object,
+        "default": function _default() {
+          return {};
+        }
+      },
+      renderParams: {
+        type: Object,
+        "default": function _default() {
+          return {};
+        }
+      }
+    },
+    emits: [],
+    setup: function setup(props) {
+      var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
+      var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
+      var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
+      var VxeUIInputComponent = VxeUI.getComponent('VxeInput');
+      var _useWidgetPropDataSou = (0, _use.useWidgetPropDataSource)(VxeUI, props, false),
+        renderDataSourceFormItem = _useWidgetPropDataSou.renderDataSourceFormItem;
+      return function () {
+        var renderParams = props.renderParams;
+        var widget = renderParams.widget;
+        return (0, _vue.h)(VxeUIFormComponent, {
+          "class": 'vxe-form-design--widget-render-form-wrapper',
+          vertical: true,
+          span: 24,
+          titleBold: true,
+          titleOverflow: true,
+          data: widget.options
+        }, {
+          "default": function _default() {
+            return [(0, _vue.h)(VxeUIFormItemComponent, {
+              title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
+            }, {
+              "default": function _default() {
+                return (0, _vue.h)(VxeUIInputComponent, {
+                  modelValue: widget.title,
+                  'onUpdate:modelValue': function onUpdateModelValue(val) {
+                    widget.title = val;
+                  }
+                });
+              }
+            }), (0, _vue.h)(VxeUIFormItemComponent, {
+              title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
+              field: 'placeholder',
+              itemRender: {
+                name: 'ElInput'
+              }
+            }), (0, _vue.h)(VxeUIFormItemComponent, {
+              title: VxeUI.getI18n('vxe.formDesign.widgetProp.required')
+            }, {
+              "default": function _default() {
+                return (0, _vue.h)(VxeUISwitchComponent, {
+                  modelValue: widget.required,
+                  'onUpdate:modelValue': function onUpdateModelValue(val) {
+                    widget.required = val;
+                  }
+                });
+              }
+            }), renderDataSourceFormItem()];
+          }
+        });
+      };
+    }
+  });
+  var WidgetACheckboxViewComponent = (0, _vue.defineComponent)({
+    props: {
+      renderOpts: {
+        type: Object,
+        "default": function _default() {
+          return {};
+        }
+      },
+      renderParams: {
+        type: Object,
+        "default": function _default() {
+          return {};
+        }
+      }
+    },
+    emits: [],
+    setup: function setup(props) {
+      var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
+      var checkboxOptions = (0, _vue.computed)(function () {
+        var renderParams = props.renderParams;
+        var widget = renderParams.widget;
+        var options = widget.options;
+        return options.options.map(function (item) {
+          return {
+            label: item.value,
+            value: item.value
+          };
+        });
+      });
+      var changeEvent = function changeEvent() {
+        var renderParams = props.renderParams;
+        var widget = renderParams.widget,
+          $formView = renderParams.$formView;
+        if ($formView) {
+          var itemValue = $formView ? $formView.getItemValue(widget) : null;
+          $formView.updateItemStatus(widget, itemValue);
+        }
+      };
+      return function () {
+        var renderParams = props.renderParams;
+        var widget = renderParams.widget,
+          $formView = renderParams.$formView;
+        return (0, _vue.h)(VxeUIFormItemComponent, {
+          "class": ['vxe-form-design--widget-render-form-item'],
+          field: widget.field,
+          title: widget.title
+        }, {
+          "default": function _default() {
+            return (0, _vue.h)((0, _vue.resolveComponent)('a-checkbox-group'), {
+              value: $formView ? $formView.getItemValue(widget) : null,
+              options: checkboxOptions.value,
+              onChange: changeEvent,
+              'onUpdate:value': function onUpdateValue(val) {
+                if ($formView) {
+                  $formView.setItemValue(widget, val);
+                }
+              }
+            });
+          }
+        });
+      };
+    }
+  });
+  return {
+    getWidgetACheckboxConfig: getWidgetACheckboxConfig,
+    WidgetACheckboxFormComponent: WidgetACheckboxFormComponent,
+    WidgetACheckboxViewComponent: WidgetACheckboxViewComponent
+  };
+}

package/dist/form-design/{a-date-picker.js → date-picker-widget.js}

@@ -35,6 +35,7 @@ function createWidgetADatePicker(VxeUI) {
       var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
       var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
       var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
+      var VxeUIInputComponent = VxeUI.getComponent('VxeInput');
       return function () {
         var renderParams = props.renderParams;
         var widget = renderParams.widget;
@@ -51,7 +52,7 @@ function createWidgetADatePicker(VxeUI) {
               title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
             }, {
               "default": function _default() {
-                return (0, _vue.h)((0, _vue.resolveComponent)('a-date-picker'), {
+                return (0, _vue.h)(VxeUIInputComponent, {
                   modelValue: widget.title,
                   'onUpdate:modelValue': function onUpdateModelValue(val) {
                     widget.title = val;
@@ -120,10 +121,10 @@ function createWidgetADatePicker(VxeUI) {
         }, {
           "default": function _default() {
             return (0, _vue.h)((0, _vue.resolveComponent)('a-date-picker'), {
-              modelValue: $formView ? $formView.getItemValue(widget) : null,
+              value: $formView ? $formView.getItemValue(widget) : null,
               placeholder: options.placeholder,
               onChange: changeEvent,
-              'onUpdate:modelValue': function onUpdateModelValue(val) {
+              'onUpdate:value': function onUpdateValue(val) {
                 if ($formView) {
                   $formView.setItemValue(widget, val);
                 }

package/dist/form-design/index.js

@@ -5,22 +5,52 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defineFormDesignRender = defineFormDesignRender;
 var _vue = require("vue");
-var _aInput = require("./a-input");
-var _aDatePicker = require("./a-date-picker");
+var _inputWidget = require("./input-widget");
+var _textareaWidget = require("./textarea-widget");
+var _numberInputWidget = require("./number-input-widget");
+var _datePickerWidget = require("./date-picker-widget");
+var _selectWidget = require("./select-widget");
+var _radioWidget = require("./radio-widget");
+var _checkboxWidget = require("./checkbox-widget");
+var _switchWidget = require("./switch-widget");
 /**
  * 表单设计器 - 渲染器
  */
 function defineFormDesignRender(VxeUI) {
-  var _createWidgetAInput = (0, _aInput.createWidgetAInput)(VxeUI),
+  var _createWidgetAInput = (0, _inputWidget.createWidgetAInput)(VxeUI),
     getWidgetAInputConfig = _createWidgetAInput.getWidgetAInputConfig,
     WidgetAInputViewComponent = _createWidgetAInput.WidgetAInputViewComponent,
     WidgetAInputFormComponent = _createWidgetAInput.WidgetAInputFormComponent;
-  var _createWidgetADatePic = (0, _aDatePicker.createWidgetADatePicker)(VxeUI),
+  var _createWidgetATextare = (0, _textareaWidget.createWidgetATextarea)(VxeUI),
+    getWidgetATextareaConfig = _createWidgetATextare.getWidgetATextareaConfig,
+    WidgetATextareaViewComponent = _createWidgetATextare.WidgetATextareaViewComponent,
+    WidgetATextareaFormComponent = _createWidgetATextare.WidgetATextareaFormComponent;
+  var _createWidgetAInputNu = (0, _numberInputWidget.createWidgetAInputNumber)(VxeUI),
+    getWidgetAInputNumberConfig = _createWidgetAInputNu.getWidgetAInputNumberConfig,
+    WidgetAInputNumberViewComponent = _createWidgetAInputNu.WidgetAInputNumberViewComponent,
+    WidgetAInputNumberFormComponent = _createWidgetAInputNu.WidgetAInputNumberFormComponent;
+  var _createWidgetADatePic = (0, _datePickerWidget.createWidgetADatePicker)(VxeUI),
     getWidgetADatePickerConfig = _createWidgetADatePic.getWidgetADatePickerConfig,
     WidgetADatePickerViewComponent = _createWidgetADatePic.WidgetADatePickerViewComponent,
     WidgetADatePickerFormComponent = _createWidgetADatePic.WidgetADatePickerFormComponent;
+  var _createWidgetASelect = (0, _selectWidget.createWidgetASelect)(VxeUI),
+    getWidgetASelectConfig = _createWidgetASelect.getWidgetASelectConfig,
+    WidgetASelectViewComponent = _createWidgetASelect.WidgetASelectViewComponent,
+    WidgetASelectFormComponent = _createWidgetASelect.WidgetASelectFormComponent;
+  var _createWidgetARadio = (0, _radioWidget.createWidgetARadio)(VxeUI),
+    getWidgetARadioConfig = _createWidgetARadio.getWidgetARadioConfig,
+    WidgetARadioViewComponent = _createWidgetARadio.WidgetARadioViewComponent,
+    WidgetARadioFormComponent = _createWidgetARadio.WidgetARadioFormComponent;
+  var _createWidgetACheckbo = (0, _checkboxWidget.createWidgetACheckbox)(VxeUI),
+    getWidgetACheckboxConfig = _createWidgetACheckbo.getWidgetACheckboxConfig,
+    WidgetACheckboxViewComponent = _createWidgetACheckbo.WidgetACheckboxViewComponent,
+    WidgetACheckboxFormComponent = _createWidgetACheckbo.WidgetACheckboxFormComponent;
+  var _createWidgetASwitch = (0, _switchWidget.createWidgetASwitch)(VxeUI),
+    getWidgetASwitchConfig = _createWidgetASwitch.getWidgetASwitchConfig,
+    WidgetASwitchViewComponent = _createWidgetASwitch.WidgetASwitchViewComponent,
+    WidgetASwitchFormComponent = _createWidgetASwitch.WidgetASwitchFormComponent;
   VxeUI.renderer.mixin({
-    AInput: {
+    AInputWidget: {
       createFormDesignWidgetConfig: getWidgetAInputConfig,
       renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
         return (0, _vue.h)(WidgetAInputViewComponent, {
@@ -35,7 +65,37 @@ function defineFormDesignRender(VxeUI) {
         });
       }
     },
-    ADatePicker: {
+    ATextareaWidget: {
+      createFormDesignWidgetConfig: getWidgetATextareaConfig,
+      renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetATextareaViewComponent, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      },
+      renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetATextareaFormComponent, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      }
+    },
+    ANumberInputWidget: {
+      createFormDesignWidgetConfig: getWidgetAInputNumberConfig,
+      renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetAInputNumberViewComponent, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      },
+      renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetAInputNumberFormComponent, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      }
+    },
+    ADatePickerWidget: {
       createFormDesignWidgetConfig: getWidgetADatePickerConfig,
       renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
         return (0, _vue.h)(WidgetADatePickerViewComponent, {
@@ -49,6 +109,69 @@ function defineFormDesignRender(VxeUI) {
           renderParams: renderParams
         });
       }
+    },
+    ASelectWidget: {
+      createFormDesignWidgetConfig: getWidgetASelectConfig,
+      renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetASelectViewComponent, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      },
+      renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetASelectFormComponent, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      }
+    },
+    ARadioWidget: {
+      createFormDesignWidgetConfig: getWidgetARadioConfig,
+      renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetARadioViewComponent, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      },
+      renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetARadioFormComponent, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      }
+    },
+    ACheckboxWidget: {
+      createFormDesignWidgetConfig: getWidgetACheckboxConfig,
+      createFormDesignWidgetFieldValue: function createFormDesignWidgetFieldValue() {
+        return [];
+      },
+      renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetACheckboxViewComponent, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      },
+      renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetACheckboxFormComponent, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      }
+    },
+    ASwitchWidget: {
+      createFormDesignWidgetConfig: getWidgetASwitchConfig,
+      renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetASwitchViewComponent, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      },
+      renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetASwitchFormComponent, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      }
     }
   });
 }

package/dist/form-design/{a-input.js → input-widget.js}

@@ -35,6 +35,7 @@ function createWidgetAInput(VxeUI) {
       var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
       var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
       var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
+      var VxeUIInputComponent = VxeUI.getComponent('VxeInput');
       return function () {
         var renderParams = props.renderParams;
         var widget = renderParams.widget;
@@ -52,7 +53,7 @@ function createWidgetAInput(VxeUI) {
               title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
             }, {
               "default": function _default() {
-                return (0, _vue.h)((0, _vue.resolveComponent)('a-input'), {
+                return (0, _vue.h)(VxeUIInputComponent, {
                   modelValue: widget.title,
                   placeholder: options.placeholder,
                   'onUpdate:modelValue': function onUpdateModelValue(val) {
@@ -121,9 +122,9 @@ function createWidgetAInput(VxeUI) {
         }, {
           "default": function _default() {
             return (0, _vue.h)((0, _vue.resolveComponent)('a-input'), {
-              modelValue: $formView ? $formView.getItemValue(widget) : null,
+              value: $formView ? $formView.getItemValue(widget) : null,
               onChange: changeEvent,
-              'onUpdate:modelValue': function onUpdateModelValue(val) {
+              'onUpdate:value': function onUpdateValue(val) {
                 if ($formView) {
                   $formView.setItemValue(widget, val);
                 }

package/dist/form-design/number-input-widget.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createWidgetAInputNumber = createWidgetAInputNumber;
+var _vue = require("vue");
+function createWidgetAInputNumber(VxeUI) {
+  var getWidgetAInputNumberConfig = function getWidgetAInputNumberConfig(params) {
+    return {
+      title: '数字',
+      icon: 'vxe-icon-number',
+      options: {
+        placeholder: '请输入'
+      }
+    };
+  };
+  var WidgetAInputNumberFormComponent = (0, _vue.defineComponent)({
+    props: {
+      renderOpts: {
+        type: Object,
+        "default": function _default() {
+          return {};
+        }
+      },
+      renderParams: {
+        type: Object,
+        "default": function _default() {
+          return {};
+        }
+      }
+    },
+    emits: [],
+    setup: function setup(props) {
+      var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
+      var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
+      var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
+      var VxeUIInputComponent = VxeUI.getComponent('VxeInput');
+      return function () {
+        var renderParams = props.renderParams;
+        var widget = renderParams.widget;
+        return (0, _vue.h)(VxeUIFormComponent, {
+          "class": 'vxe-form-design--widget-render-form-wrapper',
+          vertical: true,
+          span: 24,
+          titleBold: true,
+          titleOverflow: true,
+          data: widget.options
+        }, {
+          "default": function _default() {
+            return [(0, _vue.h)(VxeUIFormItemComponent, {
+              title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
+            }, {
+              "default": function _default() {
+                return (0, _vue.h)(VxeUIInputComponent, {
+                  modelValue: widget.title,
+                  'onUpdate:modelValue': function onUpdateModelValue(val) {
+                    widget.title = val;
+                  }
+                });
+              }
+            }), (0, _vue.h)(VxeUIFormItemComponent, {
+              title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
+              field: 'placeholder',
+              itemRender: {
+                name: 'ElInput'
+              }
+            }), (0, _vue.h)(VxeUIFormItemComponent, {
+              title: VxeUI.getI18n('vxe.formDesign.widgetProp.required')
+            }, {
+              "default": function _default() {
+                return (0, _vue.h)(VxeUISwitchComponent, {
+                  modelValue: widget.required,
+                  'onUpdate:modelValue': function onUpdateModelValue(val) {
+                    widget.required = val;
+                  }
+                });
+              }
+            })];
+          }
+        });
+      };
+    }
+  });
+  var WidgetAInputNumberViewComponent = (0, _vue.defineComponent)({
+    props: {
+      renderOpts: {
+        type: Object,
+        "default": function _default() {
+          return {};
+        }
+      },
+      renderParams: {
+        type: Object,
+        "default": function _default() {
+          return {};
+        }
+      }
+    },
+    emits: [],
+    setup: function setup(props) {
+      var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
+      var changeEvent = function changeEvent() {
+        var renderParams = props.renderParams;
+        var widget = renderParams.widget,
+          $formView = renderParams.$formView;
+        if ($formView) {
+          var itemValue = $formView ? $formView.getItemValue(widget) : null;
+          $formView.updateItemStatus(widget, itemValue);
+        }
+      };
+      return function () {
+        var renderParams = props.renderParams;
+        var widget = renderParams.widget,
+          $formView = renderParams.$formView;
+        var options = widget.options;
+        return (0, _vue.h)(VxeUIFormItemComponent, {
+          "class": ['vxe-form-design--widget-render-form-item'],
+          field: widget.field,
+          title: widget.title
+        }, {
+          "default": function _default() {
+            return (0, _vue.h)((0, _vue.resolveComponent)('a-input-number'), {
+              value: $formView ? $formView.getItemValue(widget) : null,
+              placeholder: options.placeholder,
+              onChange: changeEvent,
+              'onUpdate:value': function onUpdateValue(val) {
+                if ($formView) {
+                  $formView.setItemValue(widget, val);
+                }
+              }
+            });
+          }
+        });
+      };
+    }
+  });
+  return {
+    getWidgetAInputNumberConfig: getWidgetAInputNumberConfig,
+    WidgetAInputNumberFormComponent: WidgetAInputNumberFormComponent,
+    WidgetAInputNumberViewComponent: WidgetAInputNumberViewComponent
+  };
+}

package/dist/form-design/radio-widget.js

@@ -0,0 +1,162 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createWidgetARadio = createWidgetARadio;
+var _vue = require("vue");
+var _use = require("./use");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function createWidgetARadio(VxeUI) {
+  var getWidgetARadioConfig = function getWidgetARadioConfig(params) {
+    return {
+      title: '单选框',
+      icon: 'vxe-icon-radio-checked',
+      options: {
+        options: _xeUtils["default"].range(0, 3).map(function (v, i) {
+          return {
+            value: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.defValue', [i + 1])
+          };
+        })
+      }
+    };
+  };
+  var WidgetARadioFormComponent = (0, _vue.defineComponent)({
+    props: {
+      renderOpts: {
+        type: Object,
+        "default": function _default() {
+          return {};
+        }
+      },
+      renderParams: {
+        type: Object,
+        "default": function _default() {
+          return {};
+        }
+      }
+    },
+    emits: [],
+    setup: function setup(props) {
+      var VxeUIFormComponent = VxeUI.getComponent('VxeForm');
+      var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
+      var VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
+      var VxeUIInputComponent = VxeUI.getComponent('VxeInput');
+      var _useWidgetPropDataSou = (0, _use.useWidgetPropDataSource)(VxeUI, props, false),
+        renderDataSourceFormItem = _useWidgetPropDataSou.renderDataSourceFormItem;
+      return function () {
+        var renderParams = props.renderParams;
+        var widget = renderParams.widget;
+        return (0, _vue.h)(VxeUIFormComponent, {
+          "class": 'vxe-form-design--widget-render-form-wrapper',
+          vertical: true,
+          span: 24,
+          titleBold: true,
+          titleOverflow: true,
+          data: widget.options
+        }, {
+          "default": function _default() {
+            return [(0, _vue.h)(VxeUIFormItemComponent, {
+              title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
+            }, {
+              "default": function _default() {
+                return (0, _vue.h)(VxeUIInputComponent, {
+                  modelValue: widget.title,
+                  'onUpdate:modelValue': function onUpdateModelValue(val) {
+                    widget.title = val;
+                  }
+                });
+              }
+            }), (0, _vue.h)(VxeUIFormItemComponent, {
+              title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
+              field: 'placeholder',
+              itemRender: {
+                name: 'ElInput'
+              }
+            }), (0, _vue.h)(VxeUIFormItemComponent, {
+              title: VxeUI.getI18n('vxe.formDesign.widgetProp.required')
+            }, {
+              "default": function _default() {
+                return (0, _vue.h)(VxeUISwitchComponent, {
+                  modelValue: widget.required,
+                  'onUpdate:modelValue': function onUpdateModelValue(val) {
+                    widget.required = val;
+                  }
+                });
+              }
+            }), renderDataSourceFormItem()];
+          }
+        });
+      };
+    }
+  });
+  var WidgetARadioViewComponent = (0, _vue.defineComponent)({
+    props: {
+      renderOpts: {
+        type: Object,
+        "default": function _default() {
+          return {};
+        }
+      },
+      renderParams: {
+        type: Object,
+        "default": function _default() {
+          return {};
+        }
+      }
+    },
+    emits: [],
+    setup: function setup(props) {
+      var VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
+      var radioOptions = (0, _vue.computed)(function () {
+        var renderParams = props.renderParams;
+        var widget = renderParams.widget;
+        var options = widget.options;
+        return options.options.map(function (item) {
+          return {
+            label: item.value,
+            value: item.value
+          };
+        });
+      });
+      var changeEvent = function changeEvent() {
+        var renderParams = props.renderParams;
+        var widget = renderParams.widget,
+          $formView = renderParams.$formView;
+        if ($formView) {
+          var itemValue = $formView ? $formView.getItemValue(widget) : null;
+          $formView.updateItemStatus(widget, itemValue);
+        }
+      };
+      return function () {
+        var renderParams = props.renderParams;
+        var widget = renderParams.widget,
+          $formView = renderParams.$formView;
+        return (0, _vue.h)(VxeUIFormItemComponent, {
+          "class": ['vxe-form-design--widget-render-form-item'],
+          field: widget.field,
+          title: widget.title
+        }, {
+          "default": function _default() {
+            return (0, _vue.h)((0, _vue.resolveComponent)('a-radio-group'), {
+              value: $formView ? $formView.getItemValue(widget) : null,
+              options: radioOptions.value,
+              onChange: changeEvent,
+              'onUpdate:value': function onUpdateValue(val) {
+                if ($formView) {
+                  $formView.setItemValue(widget, val);
+                }
+              }
+            });
+          }
+        });
+      };
+    }
+  });
+  return {
+    getWidgetARadioConfig: getWidgetARadioConfig,
+    WidgetARadioFormComponent: WidgetARadioFormComponent,
+    WidgetARadioViewComponent: WidgetARadioViewComponent
+  };
+}