@vue-start/element-pro 0.2.1 → 0.2.2

package/dist/index.d.ts

@@ -3,12 +3,13 @@ import { VNode, DefineComponent, ExtractPropTypes, PropType, Component } from 'v
 import * as element_plus from 'element-plus';
 import { FormItemProps, ButtonProps as ButtonProps$1, ElSelect } from 'element-plus';
 import { FormItemRule } from 'element-plus/es/tokens/form';
-import { TTableColumn, ProFormProps as ProFormProps$1, ProSearchFormProps as ProSearchFormProps$1, ProFormListProps as ProFormListProps$1, ProTableProps as ProTableProps$1, ProCurdAddOrEditProps, TPageState } from '@vue-start/pro';
+import { TTableColumn, ProFormProps as ProFormProps$1, ProSearchFormProps as ProSearchFormProps$1, ProFormListProps as ProFormListProps$1, ProTableProps as ProTableProps$1, ProCurdAddOrEditProps, TPageState, TOptions as TOptions$1 } from '@vue-start/pro';
 import { FilterMethods, Filters } from 'element-plus/es/components/table/src/table-column/defaults';
 import { ColSizeObject } from 'element-plus/es/components/col/src/col';
 import * as element_plus_es_utils from 'element-plus/es/utils';
 import { TableProps } from 'element-plus/es/components/table/src/table/defaults';
 import { Slots } from '@vue/runtime-core';
+import { RadioGroupProps } from 'element-plus/es/components/radio/src/radio-group';
 
 interface ModalProps {
     appendToBody?: boolean;
@@ -1088,4 +1089,16 @@ declare const ProSelect: vue.DefineComponent<any, {}, {}, {}, {}, vue.ComponentO
     [x: string]: any;
 }>;
 
-export { ButtonProps, DescriptionsProps, ModalProps, PaginationProps, ProCurdDesc, ProCurdDescConnect, ProCurdForm, ProCurdFormConnect, ProCurdFormProps, ProCurdList, ProCurdListConnect, ProCurdListProps, ProCurdModal, ProCurdModalConnect, ProForm, ProFormCascader, ProFormCheckbox, ProFormDatePicker, ProFormItem, ProFormItemProps, ProFormList, ProFormListProps, ProFormProps, ProFormRadio, ProFormSelect, ProFormSwitch, ProFormText, ProFormTextNumber, ProFormTimePicker, ProFormTreeSelect, ProGrid, ProGridProps, ProLoading, ProLoadingProps, ProSearchForm, ProSearchFormProps, ProSelect, ProSelectProps, ProSubmitButton, ProTable, ProTableProps, createFormItemComponent, createLoadingId };
+declare const proRadioProps: () => {
+    options: {
+        type: PropType<TOptions$1>;
+    };
+    buttonStyle: {
+        type: PropType<"default" | "button">;
+        default: string;
+    };
+};
+declare type ProRadioProps = Partial<ExtractPropTypes<ReturnType<typeof proRadioProps>>> & RadioGroupProps;
+declare const ProRadio: vue.DefineComponent<ProRadioProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ProRadioProps>, {}>;
+
+export { ButtonProps, DescriptionsProps, ModalProps, PaginationProps, ProCurdDesc, ProCurdDescConnect, ProCurdForm, ProCurdFormConnect, ProCurdFormProps, ProCurdList, ProCurdListConnect, ProCurdListProps, ProCurdModal, ProCurdModalConnect, ProForm, ProFormCascader, ProFormCheckbox, ProFormDatePicker, ProFormItem, ProFormItemProps, ProFormList, ProFormListProps, ProFormProps, ProFormRadio, ProFormSelect, ProFormSwitch, ProFormText, ProFormTextNumber, ProFormTimePicker, ProFormTreeSelect, ProGrid, ProGridProps, ProLoading, ProLoadingProps, ProRadio, ProRadioProps, ProSearchForm, ProSearchFormProps, ProSelect, ProSelectProps, ProSubmitButton, ProTable, ProTableProps, createFormItemComponent, createLoadingId };

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode, mergeProps, reactive, ref, toRaw, isVNode } from 'vue';
-import { ElRow, ElCol, ElLoading, ElFormItem, ElForm, ElSelect, ElOption, ElInput, ElInputNumber, ElDatePicker, ElTimePicker, ElTreeSelect, ElCheckboxGroup, ElRadioGroup, ElSwitch, ElCascader, ElButton, ElTable, ElTableColumn, ElPagination, ElDescriptions, ElDescriptionsItem, ElDialog } from 'element-plus';
+import { ElRow, ElCol, ElLoading, ElFormItem, ElForm, ElSelect, ElOption, ElRadioGroup, ElRadioButton, ElRadio, ElInput, ElInputNumber, ElDatePicker, ElTimePicker, ElTreeSelect, ElCheckboxGroup, ElSwitch, ElCascader, ElButton, ElTable, ElTableColumn, ElPagination, ElDescriptions, ElDescriptionsItem, ElDialog } from 'element-plus';
 import { isString, keys, omit, map, get } from 'lodash';
 import { createGrid, generateId, createExpose, createForm, createSearchForm, createFormItemCompFn, useProForm, createFormList, createTable, createCurdForm, CurdCurrentMode, useProCurd, createCurdList, createCurdDesc, CurdAction } from '@vue-start/pro';
 import { useEffect, setReactiveValue } from '@vue-start/hooks';
@@ -277,7 +277,66 @@ var ProSelect = defineComponent({
             }, item), null);
           }), (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)];
         }
-      }, omit(props, "slots")));
+      }, omit(slots, "default")));
+    };
+  }
+});
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+
+var proRadioProps = function proRadioProps() {
+  return {
+    options: {
+      type: Array
+    },
+    buttonStyle: {
+      type: String,
+      "default": "default"
+    }
+  };
+};
+
+var ProRadio = defineComponent({
+  props: _objectSpread2(_objectSpread2({}, ElRadioGroup.props), proRadioProps()),
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+    var invalidKeys = keys(proRadioProps());
+    return function () {
+      var _slot;
+
+      return createVNode(ElRadioGroup, mergeProps(omit(props, invalidKeys), {
+        "onUpdate:modelValue": function onUpdateModelValue(v) {
+          emit("update:modelValue", v);
+        }
+      }), _isSlot(_slot = map(props.options, function (item) {
+        if (props.buttonStyle === "button") {
+          return createVNode(ElRadioButton, mergeProps({
+            "key": item.value
+          }, item, {
+            "label": item.value
+          }), {
+            "default": function _default() {
+              return [item.label];
+            }
+          });
+        }
+
+        return createVNode(ElRadio, mergeProps({
+          "key": item.value
+        }, item, {
+          "label": item.value
+        }), {
+          "default": function _default() {
+            return [item.label];
+          }
+        });
+      })) ? _slot : {
+        "default": function _default() {
+          return [_slot];
+        }
+      });
     };
   }
 });
@@ -318,7 +377,7 @@ var ProFormCheckbox = createFormItemComponent({
   name: "PFromCheckbox"
 });
 var ProFormRadio = createFormItemComponent({
-  InputComp: ElRadioGroup,
+  InputComp: ProRadio,
   valueType: "radio",
   name: "PFromRadio"
 });
@@ -593,4 +652,4 @@ var ProCurdModalConnect = defineComponent({
   }
 });
 
-export { ProCurdDesc, ProCurdDescConnect, ProCurdForm, ProCurdFormConnect, ProCurdList, ProCurdListConnect, ProCurdModal, ProCurdModalConnect, ProForm, ProFormCascader, ProFormCheckbox, ProFormDatePicker, ProFormItem, ProFormList, ProFormRadio, ProFormSelect, ProFormSwitch, ProFormText, ProFormTextNumber, ProFormTimePicker, ProFormTreeSelect, ProGrid, ProLoading, ProSearchForm, ProSelect, ProSubmitButton, ProTable, createFormItemComponent, createLoadingId };
+export { ProCurdDesc, ProCurdDescConnect, ProCurdForm, ProCurdFormConnect, ProCurdList, ProCurdListConnect, ProCurdModal, ProCurdModalConnect, ProForm, ProFormCascader, ProFormCheckbox, ProFormDatePicker, ProFormItem, ProFormList, ProFormRadio, ProFormSelect, ProFormSwitch, ProFormText, ProFormTextNumber, ProFormTimePicker, ProFormTreeSelect, ProGrid, ProLoading, ProRadio, ProSearchForm, ProSelect, ProSubmitButton, ProTable, createFormItemComponent, createLoadingId };

package/dist/index.js

@@ -281,7 +281,66 @@ var ProSelect = vue.defineComponent({
             }, item), null);
           }), (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)];
         }
-      }, lodash.omit(props, "slots")));
+      }, lodash.omit(slots, "default")));
+    };
+  }
+});
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
+}
+
+var proRadioProps = function proRadioProps() {
+  return {
+    options: {
+      type: Array
+    },
+    buttonStyle: {
+      type: String,
+      "default": "default"
+    }
+  };
+};
+
+var ProRadio = vue.defineComponent({
+  props: _objectSpread2(_objectSpread2({}, elementPlus.ElRadioGroup.props), proRadioProps()),
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+    var invalidKeys = lodash.keys(proRadioProps());
+    return function () {
+      var _slot;
+
+      return vue.createVNode(elementPlus.ElRadioGroup, vue.mergeProps(lodash.omit(props, invalidKeys), {
+        "onUpdate:modelValue": function onUpdateModelValue(v) {
+          emit("update:modelValue", v);
+        }
+      }), _isSlot(_slot = lodash.map(props.options, function (item) {
+        if (props.buttonStyle === "button") {
+          return vue.createVNode(elementPlus.ElRadioButton, vue.mergeProps({
+            "key": item.value
+          }, item, {
+            "label": item.value
+          }), {
+            "default": function _default() {
+              return [item.label];
+            }
+          });
+        }
+
+        return vue.createVNode(elementPlus.ElRadio, vue.mergeProps({
+          "key": item.value
+        }, item, {
+          "label": item.value
+        }), {
+          "default": function _default() {
+            return [item.label];
+          }
+        });
+      })) ? _slot : {
+        "default": function _default() {
+          return [_slot];
+        }
+      });
     };
   }
 });
@@ -322,7 +381,7 @@ var ProFormCheckbox = createFormItemComponent({
   name: "PFromCheckbox"
 });
 var ProFormRadio = createFormItemComponent({
-  InputComp: elementPlus.ElRadioGroup,
+  InputComp: ProRadio,
   valueType: "radio",
   name: "PFromRadio"
 });
@@ -620,6 +679,7 @@ exports.ProFormTimePicker = ProFormTimePicker;
 exports.ProFormTreeSelect = ProFormTreeSelect;
 exports.ProGrid = ProGrid;
 exports.ProLoading = ProLoading;
+exports.ProRadio = ProRadio;
 exports.ProSearchForm = ProSearchForm;
 exports.ProSelect = ProSelect;
 exports.ProSubmitButton = ProSubmitButton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-start/element-pro",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "> TODO: description",
   "author": "zx <zxpstudy@163.com>",
   "homepage": "https://github.com/zxeryu/vue-start#readme",
@@ -32,5 +32,5 @@
     "rxjs": ">=7.x",
     "vue": ">= 3.x"
   },
-  "gitHead": "c075692298700095cc58c30d657ef48a2a47d7a4"
+  "gitHead": "adf3a978c60ccb84172c2287b67d2e5ead0d0dcf"
 }