@dfsj/components 3.0.0

package/dist/components/Form/src/Form.vue2.js

@@ -0,0 +1,378 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { defineComponent, ref, computed, unref, onMounted, watch, createVNode, mergeProps, withDirectives, vShow, isVNode, Fragment } from 'vue';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { ElCol, ElForm, ElFormItem, ElRow } from 'element-plus';
+import { componentMap } from './helper/componentMap.js';
+import propTypes from '../../../utils/propTypes.js';
+import { getSlot } from '../../../utils/tsxHelper.js';
+import { initModel, setGridProp, setItemComponentSlots, setTextPlaceholder, setComponentProps } from './helper/index.js';
+import { useRenderSelect } from './components/useRenderSelect.js';
+import { useRenderRadio } from './components/useRenderRadio.js';
+import { useRenderCheckbox } from './components/useRenderCheckbox.js';
+import { findIndex } from '../../../utils/index.js';
+import { set, get } from 'lodash-es';
+import { ComponentNameEnum } from './types/index.js';
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+var _useRenderSelect = useRenderSelect(),
+  renderSelectOptions = _useRenderSelect.renderSelectOptions;
+var _useRenderRadio = useRenderRadio(),
+  renderRadioOptions = _useRenderRadio.renderRadioOptions;
+var _useRenderCheckbox = useRenderCheckbox(),
+  renderCheckboxOptions = _useRenderCheckbox.renderCheckboxOptions;
+var script = defineComponent({
+  name: 'Form',
+  components: {
+    ElCol: ElCol,
+    ElForm: ElForm,
+    ElFormItem: ElFormItem,
+    ElRow: ElRow
+  },
+  props: {
+    schema: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    isCol: propTypes.bool.def(true),
+    model: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    autoSetPlaceholder: propTypes.bool.def(true),
+    isCustom: propTypes.bool.def(false),
+    labelWidth: propTypes.oneOfType([String, Number]).def('auto'),
+    rules: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    labelPosition: propTypes.oneOf(['left', 'right', 'top']).def('right'),
+    labelSuffix: propTypes.string.def(''),
+    hideRequiredAsterisk: propTypes.bool.def(false),
+    requireAsteriskPosition: propTypes.oneOf(['left', 'right']).def('left'),
+    showMessage: propTypes.bool.def(true),
+    inlineMessage: propTypes.bool.def(false),
+    statusIcon: propTypes.bool.def(false),
+    validateOnRuleChange: propTypes.bool.def(true),
+    size: {
+      type: String,
+      "default": undefined
+    },
+    disabled: propTypes.bool.def(false),
+    scrollToError: propTypes.bool.def(false),
+    scrollToErrorOffset: propTypes.oneOfType([Boolean, Object]).def(undefined)
+  },
+  emits: ['register'],
+  setup: function setup(props, _ref) {
+    var slots = _ref.slots,
+      expose = _ref.expose,
+      emit = _ref.emit;
+    var elFormRef = ref();
+    var mergeProps$1 = ref({});
+    var getProps = computed(function () {
+      var propsObj = _objectSpread({}, props);
+      Object.assign(propsObj, unref(mergeProps$1));
+      console.log('propsObj', propsObj);
+      return propsObj;
+    });
+    var formComponents = ref({});
+    var formItemComponents = ref({});
+    var formModel = ref(props.model);
+    onMounted(function () {
+      var _unref;
+      emit('register', (_unref = unref(elFormRef)) === null || _unref === void 0 ? void 0 : _unref.$parent, unref(elFormRef));
+    });
+    var setValues = function setValues() {
+      var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      formModel.value = Object.assign(unref(formModel), data);
+    };
+    var setProps = function setProps() {
+      var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      mergeProps$1.value = Object.assign(unref(mergeProps$1), props);
+    };
+    var delSchema = function delSchema(field) {
+      var _unref2 = unref(getProps),
+        schema = _unref2.schema;
+      var index = findIndex(schema, function (v) {
+        return v.field === field;
+      });
+      if (index > -1) {
+        schema.splice(index, 1);
+      }
+    };
+    var addSchema = function addSchema(formSchema, index) {
+      var _unref3 = unref(getProps),
+        schema = _unref3.schema;
+      if (index !== void 0) {
+        schema.splice(index, 0, formSchema);
+        return;
+      }
+      schema.push(formSchema);
+    };
+    var setSchema = function setSchema(schemaProps) {
+      var _unref4 = unref(getProps),
+        schema = _unref4.schema;
+      var _iterator = _createForOfIteratorHelper(schema),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var v = _step.value;
+          var _iterator2 = _createForOfIteratorHelper(schemaProps),
+            _step2;
+          try {
+            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+              var item = _step2.value;
+              if (v.field === item.field) {
+                set(v, item.path, item.value);
+              }
+            }
+          } catch (err) {
+            _iterator2.e(err);
+          } finally {
+            _iterator2.f();
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    };
+    var getOptions = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fn, item) {
+        var options;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return fn();
+            case 2:
+              options = _context.sent;
+              setSchema([{
+                field: item.field,
+                path: item.component === ComponentNameEnum.TREE_SELECT ? 'componentProps.data' : 'componentProps.options',
+                value: options
+              }]);
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function getOptions(_x, _x2) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    var getComponentExpose = function getComponentExpose(filed) {
+      return unref(formComponents)[filed];
+    };
+    var getFormItemExpose = function getFormItemExpose(filed) {
+      return unref(formItemComponents)[filed];
+    };
+    var setComponentRefMap = function setComponentRefMap(ref, filed) {
+      formComponents.value[filed] = ref;
+    };
+    var setFormItemRefMap = function setFormItemRefMap(ref, filed) {
+      formItemComponents.value[filed] = ref;
+    };
+    expose({
+      setValues: setValues,
+      formModel: formModel,
+      setProps: setProps,
+      delSchema: delSchema,
+      addSchema: addSchema,
+      setSchema: setSchema,
+      getComponentExpose: getComponentExpose,
+      getFormItemExpose: getFormItemExpose
+    });
+    watch(function () {
+      return unref(getProps).schema;
+    }, function () {
+      var schema = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      formModel.value = initModel(schema, unref(formModel));
+    }, {
+      immediate: true,
+      deep: true
+    });
+    var renderWrap = function renderWrap() {
+      var _slot;
+      var _unref5 = unref(getProps),
+        isCol = _unref5.isCol;
+      var content = isCol ? createVNode(ElRow, {
+        "gutter": 20
+      }, _isSlot(_slot = renderFormItemWrap()) ? _slot : {
+        "default": function _default() {
+          return [_slot];
+        }
+      }) : renderFormItemWrap();
+      return content;
+    };
+    var renderFormItemWrap = function renderFormItemWrap() {
+      var _unref6 = unref(getProps),
+        _unref6$schema = _unref6.schema,
+        schema = _unref6$schema === void 0 ? [] : _unref6$schema,
+        isCol = _unref6.isCol;
+      return schema.filter(function (v) {
+        return !v.remove;
+      }).map(function (item) {
+        var _slot2;
+        var isDivider = item.component === 'Divider';
+        var Com = componentMap['Divider'];
+        return isDivider ? createVNode(Com, _objectSpread({
+          contentPosition: 'left'
+        }, item.componentProps), {
+          "default": function _default() {
+            return [item === null || item === void 0 ? void 0 : item.label];
+          }
+        }) : isCol ? createVNode(ElCol, setGridProp(item.colProps), _isSlot(_slot2 = renderFormItem(item)) ? _slot2 : {
+          "default": function _default() {
+            return [_slot2];
+          }
+        }) : renderFormItem(item);
+      });
+    };
+    var renderFormItem = function renderFormItem(item) {
+      var _item$formItemProps3, _item$formItemProps5;
+      if (item.optionApi) {
+        getOptions(item.optionApi, item);
+      }
+      var formItemSlots = {
+        "default": function _default() {
+          var _item$formItemProps;
+          if (item !== null && item !== void 0 && (_item$formItemProps = item.formItemProps) !== null && _item$formItemProps !== void 0 && (_item$formItemProps = _item$formItemProps.slots) !== null && _item$formItemProps !== void 0 && _item$formItemProps["default"]) {
+            var _item$formItemProps2;
+            return item === null || item === void 0 || (_item$formItemProps2 = item.formItemProps) === null || _item$formItemProps2 === void 0 || (_item$formItemProps2 = _item$formItemProps2.slots) === null || _item$formItemProps2 === void 0 ? void 0 : _item$formItemProps2["default"](formModel.value);
+          } else {
+            var _item$componentProps;
+            var Com = componentMap[item.component];
+            var _unref7 = unref(getProps),
+              autoSetPlaceholder = _unref7.autoSetPlaceholder;
+            var componentSlots = (item === null || item === void 0 || (_item$componentProps = item.componentProps) === null || _item$componentProps === void 0 ? void 0 : _item$componentProps.slots) || {};
+            var slotsMap = _objectSpread({}, setItemComponentSlots(componentSlots));
+            if (item.component === ComponentNameEnum.SELECT) {
+              slotsMap["default"] = !componentSlots["default"] ? function () {
+                return renderSelectOptions(item);
+              } : function () {
+                var _item$componentProps2;
+                return componentSlots["default"](unref(item === null || item === void 0 || (_item$componentProps2 = item.componentProps) === null || _item$componentProps2 === void 0 ? void 0 : _item$componentProps2.options));
+              };
+            }
+            if (item.component === ComponentNameEnum.SELECT_V2 && componentSlots["default"]) {
+              slotsMap["default"] = function (_ref3) {
+                var item = _ref3.item;
+                return componentSlots["default"](item);
+              };
+            }
+            if (item.component === ComponentNameEnum.RADIO_GROUP || item.component === ComponentNameEnum.RADIO_BUTTON) {
+              slotsMap["default"] = !componentSlots["default"] ? function () {
+                return renderRadioOptions(item);
+              } : function () {
+                var _item$componentProps3;
+                return componentSlots["default"](unref(item === null || item === void 0 || (_item$componentProps3 = item.componentProps) === null || _item$componentProps3 === void 0 ? void 0 : _item$componentProps3.options));
+              };
+            }
+            if (item.component === ComponentNameEnum.CHECKBOX_GROUP || item.component === ComponentNameEnum.CHECKBOX_BUTTON) {
+              slotsMap["default"] = !componentSlots["default"] ? function () {
+                return renderCheckboxOptions(item);
+              } : function () {
+                var _item$componentProps4;
+                return componentSlots["default"](unref(item === null || item === void 0 || (_item$componentProps4 = item.componentProps) === null || _item$componentProps4 === void 0 ? void 0 : _item$componentProps4.options));
+              };
+            }
+            var Comp = function Comp() {
+              var _item$componentProps5;
+              var itemVal = computed({
+                get: function get$1() {
+                  return get(formModel.value, item.field);
+                },
+                set: function set$1(val) {
+                  set(formModel.value, item.field, val);
+                }
+              });
+              return createVNode(Com, mergeProps({
+                "modelValue": itemVal.value,
+                "onUpdate:modelValue": function onUpdateModelValue($event) {
+                  return itemVal.value = $event;
+                },
+                "ref": function ref(el) {
+                  return setComponentRefMap(el, item.field);
+                }
+              }, autoSetPlaceholder && setTextPlaceholder(item), setComponentProps(item), {
+                "style": ((_item$componentProps5 = item.componentProps) === null || _item$componentProps5 === void 0 ? void 0 : _item$componentProps5.style) || {}
+              }), slotsMap);
+            };
+            return createVNode(Fragment, null, [Comp()]);
+          }
+        }
+      };
+      if (item !== null && item !== void 0 && (_item$formItemProps3 = item.formItemProps) !== null && _item$formItemProps3 !== void 0 && (_item$formItemProps3 = _item$formItemProps3.slots) !== null && _item$formItemProps3 !== void 0 && _item$formItemProps3.label) {
+        formItemSlots.label = function () {
+          var _item$formItemProps4;
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          return item === null || item === void 0 || (_item$formItemProps4 = item.formItemProps) === null || _item$formItemProps4 === void 0 || (_item$formItemProps4 = _item$formItemProps4.slots) === null || _item$formItemProps4 === void 0 ? void 0 : _item$formItemProps4.label.apply(_item$formItemProps4, args);
+        };
+      }
+      if (item !== null && item !== void 0 && (_item$formItemProps5 = item.formItemProps) !== null && _item$formItemProps5 !== void 0 && (_item$formItemProps5 = _item$formItemProps5.slots) !== null && _item$formItemProps5 !== void 0 && _item$formItemProps5.error) {
+        formItemSlots.error = function () {
+          var _item$formItemProps6;
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          return item === null || item === void 0 || (_item$formItemProps6 = item.formItemProps) === null || _item$formItemProps6 === void 0 || (_item$formItemProps6 = _item$formItemProps6.slots) === null || _item$formItemProps6 === void 0 ? void 0 : _item$formItemProps6.error.apply(_item$formItemProps6, args);
+        };
+      }
+      return withDirectives(createVNode(ElFormItem, mergeProps({
+        "ref": function ref(el) {
+          return setFormItemRefMap(el, item.field);
+        }
+      }, item.formItemProps || {}, {
+        "prop": item.field,
+        "label": item.label || ''
+      }), _isSlot(formItemSlots) ? formItemSlots : {
+        "default": function _default() {
+          return [formItemSlots];
+        }
+      }), [[vShow, !item.hidden]]);
+    };
+    var getFormBindValue = function getFormBindValue() {
+      var delKeys = ['schema', 'isCol', 'autoSetPlaceholder', 'isCustom', 'model'];
+      var props = _objectSpread({}, unref(getProps));
+      for (var key in props) {
+        if (delKeys.indexOf(key) !== -1) {
+          delete props[key];
+        }
+      }
+      return props;
+    };
+    return function () {
+      return createVNode(ElForm, mergeProps({
+        "ref": elFormRef
+      }, getFormBindValue(), {
+        "model": unref(getProps).isCustom ? unref(getProps).model : formModel
+      }), {
+        "default": function _default() {
+          var _unref8 = unref(getProps),
+            isCustom = _unref8.isCustom;
+          return isCustom ? getSlot(slots, 'default') : renderWrap();
+        }
+      });
+    };
+  }
+});
+
+export { script as default };

package/dist/components/Form/src/components/useRenderCheckbox.d.ts

@@ -0,0 +1,4 @@
+import { FormSchema } from '../types';
+export declare const useRenderCheckbox: () => {
+    renderCheckboxOptions: (item: FormSchema) => JSX.Element[];
+};

package/dist/components/Form/src/components/useRenderCheckbox.js

@@ -0,0 +1,33 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { createVNode, mergeProps } from 'vue';
+import { ComponentNameEnum } from '../types/index.js';
+import { ElCheckbox, ElCheckboxButton } from 'element-plus';
+
+var _excluded = ["value"];
+var useRenderCheckbox = function useRenderCheckbox() {
+  var renderCheckboxOptions = function renderCheckboxOptions(item) {
+    var _componentProps$props, _componentProps$props2, _componentProps$props3, _componentProps$optio;
+    var componentProps = item === null || item === void 0 ? void 0 : item.componentProps;
+    var valueAlias = (componentProps === null || componentProps === void 0 || (_componentProps$props = componentProps.props) === null || _componentProps$props === void 0 ? void 0 : _componentProps$props.value) || 'value';
+    var labelAlias = (componentProps === null || componentProps === void 0 || (_componentProps$props2 = componentProps.props) === null || _componentProps$props2 === void 0 ? void 0 : _componentProps$props2.label) || 'label';
+    var disabledAlias = (componentProps === null || componentProps === void 0 || (_componentProps$props3 = componentProps.props) === null || _componentProps$props3 === void 0 ? void 0 : _componentProps$props3.disabled) || 'disabled';
+    var Com = item.component === ComponentNameEnum.CHECKBOX_GROUP ? ElCheckbox : ElCheckboxButton;
+    return componentProps === null || componentProps === void 0 || (_componentProps$optio = componentProps.options) === null || _componentProps$optio === void 0 ? void 0 : _componentProps$optio.map(function (option) {
+      option.value;
+        var other = _objectWithoutProperties(option, _excluded);
+      return createVNode(Com, mergeProps(other, {
+        "disabled": option[disabledAlias || 'disabled'],
+        "label": option[valueAlias || 'value']
+      }), {
+        "default": function _default() {
+          return [option[labelAlias || 'label']];
+        }
+      });
+    });
+  };
+  return {
+    renderCheckboxOptions: renderCheckboxOptions
+  };
+};
+
+export { useRenderCheckbox };

package/dist/components/Form/src/components/useRenderRadio.d.ts

@@ -0,0 +1,4 @@
+import { FormSchema } from '../types';
+export declare const useRenderRadio: () => {
+    renderRadioOptions: (item: FormSchema) => JSX.Element[];
+};

package/dist/components/Form/src/components/useRenderRadio.js

@@ -0,0 +1,33 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { createVNode, mergeProps } from 'vue';
+import { ComponentNameEnum } from '../types/index.js';
+import { ElRadio, ElRadioButton } from 'element-plus';
+
+var _excluded = ["value"];
+var useRenderRadio = function useRenderRadio() {
+  var renderRadioOptions = function renderRadioOptions(item) {
+    var _componentProps$props, _componentProps$props2, _componentProps$props3, _componentProps$optio;
+    var componentProps = item === null || item === void 0 ? void 0 : item.componentProps;
+    var valueAlias = (componentProps === null || componentProps === void 0 || (_componentProps$props = componentProps.props) === null || _componentProps$props === void 0 ? void 0 : _componentProps$props.value) || 'value';
+    var labelAlias = (componentProps === null || componentProps === void 0 || (_componentProps$props2 = componentProps.props) === null || _componentProps$props2 === void 0 ? void 0 : _componentProps$props2.label) || 'label';
+    var disabledAlias = (componentProps === null || componentProps === void 0 || (_componentProps$props3 = componentProps.props) === null || _componentProps$props3 === void 0 ? void 0 : _componentProps$props3.disabled) || 'disabled';
+    var Com = item.component === ComponentNameEnum.RADIO_GROUP ? ElRadio : ElRadioButton;
+    return componentProps === null || componentProps === void 0 || (_componentProps$optio = componentProps.options) === null || _componentProps$optio === void 0 ? void 0 : _componentProps$optio.map(function (option) {
+      option.value;
+        var other = _objectWithoutProperties(option, _excluded);
+      return createVNode(Com, mergeProps(other, {
+        "disabled": option[disabledAlias || 'disabled'],
+        "label": option[valueAlias || 'value']
+      }), {
+        "default": function _default() {
+          return [option[labelAlias || 'label']];
+        }
+      });
+    });
+  };
+  return {
+    renderRadioOptions: renderRadioOptions
+  };
+};
+
+export { useRenderRadio };

package/dist/components/Form/src/components/useRenderSelect.d.ts

@@ -0,0 +1,4 @@
+import { FormSchema } from '../types';
+export declare const useRenderSelect: () => {
+    renderSelectOptions: (item: FormSchema) => JSX.Element[];
+};

package/dist/components/Form/src/components/useRenderSelect.js

@@ -0,0 +1,52 @@
+import { createVNode, mergeProps } from 'vue';
+import { ElOptionGroup, ElOption } from 'element-plus';
+
+var useRenderSelect = function useRenderSelect() {
+  var renderSelectOptions = function renderSelectOptions(item) {
+    var _componentsProps$slot, _componentsProps$prop, _componentsProps$prop2, _componentsProps$opti;
+    var componentsProps = item === null || item === void 0 ? void 0 : item.componentProps;
+    var optionGroupDefaultSlot = componentsProps === null || componentsProps === void 0 || (_componentsProps$slot = componentsProps.slots) === null || _componentsProps$slot === void 0 ? void 0 : _componentsProps$slot.optionGroupDefault;
+    var labelAlias = componentsProps === null || componentsProps === void 0 || (_componentsProps$prop = componentsProps.props) === null || _componentsProps$prop === void 0 ? void 0 : _componentsProps$prop.label;
+    var keyAlias = componentsProps === null || componentsProps === void 0 || (_componentsProps$prop2 = componentsProps.props) === null || _componentsProps$prop2 === void 0 ? void 0 : _componentsProps$prop2.key;
+    return componentsProps === null || componentsProps === void 0 || (_componentsProps$opti = componentsProps.options) === null || _componentsProps$opti === void 0 ? void 0 : _componentsProps$opti.map(function (option) {
+      var _option$options;
+      if (option !== null && option !== void 0 && (_option$options = option.options) !== null && _option$options !== void 0 && _option$options.length) {
+        return optionGroupDefaultSlot ? optionGroupDefaultSlot(option) : createVNode(ElOptionGroup, {
+          "label": option[labelAlias || 'label'],
+          "key": option[keyAlias || 'key']
+        }, {
+          "default": function _default() {
+            var _option$options2;
+            return option === null || option === void 0 || (_option$options2 = option.options) === null || _option$options2 === void 0 ? void 0 : _option$options2.map(function (v) {
+              return renderSelectOptionItem(item, v);
+            });
+          }
+        });
+      } else {
+        return renderSelectOptionItem(item, option);
+      }
+    });
+  };
+  var renderSelectOptionItem = function renderSelectOptionItem(item, option) {
+    var _componentsProps$prop3, _componentsProps$prop4, _componentsProps$prop5, _componentsProps$slot2;
+    var componentsProps = item.componentProps;
+    var labelAlias = componentsProps === null || componentsProps === void 0 || (_componentsProps$prop3 = componentsProps.props) === null || _componentsProps$prop3 === void 0 ? void 0 : _componentsProps$prop3.label;
+    var valueAlias = componentsProps === null || componentsProps === void 0 || (_componentsProps$prop4 = componentsProps.props) === null || _componentsProps$prop4 === void 0 ? void 0 : _componentsProps$prop4.value;
+    var keyAlias = componentsProps === null || componentsProps === void 0 || (_componentsProps$prop5 = componentsProps.props) === null || _componentsProps$prop5 === void 0 ? void 0 : _componentsProps$prop5.key;
+    var optionDefaultSlot = (_componentsProps$slot2 = componentsProps.slots) === null || _componentsProps$slot2 === void 0 ? void 0 : _componentsProps$slot2.optionDefault;
+    return createVNode(ElOption, mergeProps(option, {
+      "key": option[keyAlias || 'key'],
+      "label": option[labelAlias || 'label'],
+      "value": option[valueAlias || 'value']
+    }), {
+      "default": function _default() {
+        return optionDefaultSlot ? optionDefaultSlot(option) : undefined;
+      }
+    });
+  };
+  return {
+    renderSelectOptions: renderSelectOptions
+  };
+};
+
+export { useRenderSelect };

package/dist/components/Form/src/helper/componentMap.d.ts

@@ -0,0 +1,5 @@
+import type { Component } from 'vue';
+import { ComponentName } from '../types';
+import { Recordable } from '../../../../types';
+declare const componentMap: Recordable<Component, ComponentName>;
+export { componentMap };

package/dist/components/Form/src/helper/componentMap.js

@@ -0,0 +1,35 @@
+import { ElRadioGroup, ElCheckboxGroup, ElInput, ElAutocomplete, ElInputNumber, ElSelect, ElCascader, ElSwitch, ElSlider, ElTimePicker, ElDatePicker, ElRate, ElColorPicker, ElTransfer, ElDivider, ElTimeSelect, ElSelectV2, ElTreeSelect, ElUpload } from 'element-plus';
+import '../../../InputPassword/src/InputPassword.vue.js';
+import '../../../Editor/src/Editor.vue.js';
+import CustomDatePicker from '../../../DatePicker/src/index.js';
+import script from '../../../InputPassword/src/InputPassword.vue2.js';
+import script$1 from '../../../Editor/src/Editor.vue2.js';
+
+var componentMap = {
+  RadioGroup: ElRadioGroup,
+  RadioButton: ElRadioGroup,
+  CheckboxGroup: ElCheckboxGroup,
+  CheckboxButton: ElCheckboxGroup,
+  Input: ElInput,
+  Autocomplete: ElAutocomplete,
+  InputNumber: ElInputNumber,
+  Select: ElSelect,
+  Cascader: ElCascader,
+  Switch: ElSwitch,
+  Slider: ElSlider,
+  TimePicker: ElTimePicker,
+  DatePicker: ElDatePicker,
+  CustomDatePicker: CustomDatePicker,
+  Rate: ElRate,
+  ColorPicker: ElColorPicker,
+  Transfer: ElTransfer,
+  Divider: ElDivider,
+  TimeSelect: ElTimeSelect,
+  SelectV2: ElSelectV2,
+  InputPassword: script,
+  Editor: script$1,
+  TreeSelect: ElTreeSelect,
+  Upload: ElUpload
+};
+
+export { componentMap };

package/dist/components/Form/src/helper/index.d.ts

@@ -0,0 +1,7 @@
+import { ColProps, FormSchema, PlaceholderModel } from '../types';
+import { Recordable } from '../../../../types';
+export declare const setTextPlaceholder: (schema: FormSchema) => PlaceholderModel;
+export declare const setGridProp: (col?: ColProps) => ColProps;
+export declare const setComponentProps: (item: FormSchema) => Recordable;
+export declare const setItemComponentSlots: (slotsProps?: Recordable) => Recordable;
+export declare const initModel: (schema: FormSchema[], formModel: Recordable) => Recordable;