@vxe-ui/plugin-render-antd 4.0.2 → 4.0.4

package/dist/form-design/index.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defineFormDesignRender = defineFormDesignRender;
+var _vue = require("vue");
+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, _inputWidget.createWidgetAInput)(VxeUI),
+    getWidgetAInputConfig = _createWidgetAInput.getWidgetAInputConfig,
+    WidgetAInputViewComponent = _createWidgetAInput.WidgetAInputViewComponent,
+    WidgetAInputFormComponent = _createWidgetAInput.WidgetAInputFormComponent;
+  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({
+    AInputWidget: {
+      createFormDesignWidgetConfig: getWidgetAInputConfig,
+      renderFormDesignWidgetView: function renderFormDesignWidgetView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetAInputViewComponent, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      },
+      renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetAInputFormComponent, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      }
+    },
+    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, {
+          renderOpts: renderOpts,
+          renderParams: renderParams
+        });
+      },
+      renderFormDesignWidgetFormView: function renderFormDesignWidgetFormView(renderOpts, renderParams) {
+        return (0, _vue.h)(WidgetADatePickerFormComponent, {
+          renderOpts: renderOpts,
+          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/input-widget.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createWidgetAInput = createWidgetAInput;
+var _vue = require("vue");
+function createWidgetAInput(VxeUI) {
+  var getWidgetAInputConfig = function getWidgetAInputConfig(params) {
+    return {
+      title: '输入框',
+      icon: 'vxe-icon-input',
+      options: {
+        placeholder: ''
+      }
+    };
+  };
+  var WidgetAInputFormComponent = (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;
+        var options = widget.options;
+        return (0, _vue.h)(VxeUIFormComponent, {
+          "class": 'vxe-form-design--widget-render-form-wrapper',
+          vertical: true,
+          span: 24,
+          titleBold: true,
+          titleOverflow: true,
+          data: 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,
+                  placeholder: options.placeholder,
+                  'onUpdate:modelValue': function onUpdateModelValue(val) {
+                    widget.title = val;
+                  }
+                });
+              }
+            }), (0, _vue.h)(VxeUIFormItemComponent, {
+              title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
+              field: 'placeholder',
+              itemRender: {
+                name: 'VxeInput'
+              }
+            }), (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 WidgetAInputViewComponent = (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;
+        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'), {
+              value: $formView ? $formView.getItemValue(widget) : null,
+              onChange: changeEvent,
+              'onUpdate:value': function onUpdateValue(val) {
+                if ($formView) {
+                  $formView.setItemValue(widget, val);
+                }
+              }
+            });
+          }
+        });
+      };
+    }
+  });
+  return {
+    getWidgetAInputConfig: getWidgetAInputConfig,
+    WidgetAInputFormComponent: WidgetAInputFormComponent,
+    WidgetAInputViewComponent: WidgetAInputViewComponent
+  };
+}

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
+  };
+}