@qsxy/element-plus-react 1.0.0-next.16 → 1.0.0-next.17

package/dist/Dialog/Dialog.js

@@ -41,6 +41,7 @@ function InternalElDialog(props, ref) {
     alignCenter = props.alignCenter,
     draggable = props.draggable,
     fullscreen = props.fullscreen,
+    headerClass = props.headerClass,
     top = props.top,
     close = props.close,
     beforeClose = props.beforeClose,
@@ -245,7 +246,8 @@ function InternalElDialog(props, ref) {
     ref: headerRef,
     classPrefix: classPrefix,
     showClose: showClose,
-    border: border
+    border: border,
+    headerClass: headerClass
   }, title), children)))), document.body));
 }
 var Comp = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(InternalElDialog));

package/dist/Empty/Empty.js

@@ -33,5 +33,5 @@ var Empty = function Empty(props) {
     className: e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["bottom"])))
   }, props.children) : null);
 };
-Empty.displayName = 'Empty';
+Empty.displayName = 'ElEmpty';
 export default Empty;

package/dist/Empty/ImgEmpty.js

@@ -16,10 +16,10 @@ var ImgEmpty = function ImgEmpty() {
     x2: "61.1496914%",
     y2: "100%"
   }, /*#__PURE__*/React.createElement("stop", {
-    "stop-color": "var(--el-empty-fill-color-1)",
+    stopColor: "var(--el-empty-fill-color-1)",
     offset: "0%"
   }), /*#__PURE__*/React.createElement("stop", {
-    "stop-color": "var(--el-empty-fill-color-4)",
+    stopColor: "var(--el-empty-fill-color-4)",
     offset: "100%"
   })), /*#__PURE__*/React.createElement("linearGradient", {
     id: ids[1],
@@ -28,10 +28,10 @@ var ImgEmpty = function ImgEmpty() {
     x2: "100%",
     y2: "90.5%"
   }, /*#__PURE__*/React.createElement("stop", {
-    "stop-color": "var(--el-empty-fill-color-1)",
+    stopColor: "var(--el-empty-fill-color-1)",
     offset: "0%"
   }), /*#__PURE__*/React.createElement("stop", {
-    "stop-color": "var(--el-empty-fill-color-6)",
+    stopColor: "var(--el-empty-fill-color-6)",
     offset: "100%"
   })), /*#__PURE__*/React.createElement("rect", {
     id: "path-3-1",
@@ -42,7 +42,7 @@ var ImgEmpty = function ImgEmpty() {
   })), /*#__PURE__*/React.createElement("g", {
     id: "Illustrations",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("g", {

package/dist/Form/Form.d.ts

@@ -1,16 +1,21 @@
-import { FC } from 'react';
+import React, { ForwardedRef } from 'react';
 import { FormProvider } from './FormContext';
 import Field from './FormItem';
 import List from './List';
-import { FormProps } from './typings';
+import { FormInstance, FormProps, Store } from './typings';
 import useForm from './useForm';
 import useWatch from './useWatch';
-interface FormComponent extends FC<FormProps> {
+declare const ForwardForm: <RecordType = Store>(props: FormProps<RecordType> & {
+    ref?: React.ForwardedRef<FormInstance<RecordType>>;
+}) => React.ReactElement;
+type InternalFormType = typeof ForwardForm;
+interface FormInterface extends InternalFormType {
+    displayName?: string;
     FormProvider: typeof FormProvider;
     Item: typeof Field;
     List: typeof List;
     useForm: typeof useForm;
     useWatch: typeof useWatch;
 }
-declare const Form: FormComponent;
+declare const Form: FormInterface;
 export default Form;

package/dist/Form/Form.js

@@ -1,7 +1,6 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _templateObject;
 var _excluded = ["colon", "inline", "labelPosition", "cols", "flat", "formStyle", "name", "initialValues", "fields", "component", "preserve", "children", "validateMessages", "validateTrigger", "onValuesChange", "onFieldsChange", "onFinish", "onFinishFailed", "className", "disabled", "labelWidth", "size", "rules", "hideRequiredAsterisk", "requireAsteriskPosition", "showMessage", "scrollToError"];
-var _this = this,
-  _templateObject;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 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; }
@@ -29,7 +28,8 @@ import List from "./List";
 import useForm from "./useForm";
 import useWatch from "./useWatch";
 import { isSimilar } from "./utils/valueUtil";
-var Form = /*#__PURE__*/forwardRef(function (props, ref) {
+function InternalForm(props, ref) {
+  var _this = this;
   props = mergeDefaultProps({
     inline: false,
     cols: 0,
@@ -189,7 +189,9 @@ var Form = /*#__PURE__*/forwardRef(function (props, ref) {
       restProps === null || restProps === void 0 || (_restProps$onReset = restProps.onReset) === null || _restProps$onReset === void 0 || _restProps$onReset.call(_this, event);
     }
   }), wrapperNode);
-});
+}
+var ForwardForm = /*#__PURE__*/forwardRef(InternalForm);
+var Form = ForwardForm;
 Form.FormProvider = FormProvider;
 Form.Item = Field;
 Form.List = List;

package/dist/Form/typings.d.ts

@@ -5,7 +5,7 @@ import { InternalFieldProps } from './FormItem';
 type BaseFormProps = Omit<React.AllHTMLAttributes<HTMLFormElement>, 'onSubmit' | 'form' | 'size' | 'children'>;
 type RenderProps = (values: Store, form: FormInstance) => React.ReactElement;
 export type FormRules = Record<string, Rule[] | Record<string, Rule[]>>;
-export interface FormProps<Values = any> extends BaseFormProps {
+export interface FormProps<Values = Store> extends BaseFormProps {
     /** 经 Form.useForm() 创建的 form 控制实例，不提供时会自动创建 */
     form?: FormInstance<Values>;
     children?: RenderProps | ComponentChildren;
@@ -25,7 +25,7 @@ export interface FormProps<Values = any> extends BaseFormProps {
     /** 配置 Form.Item 的 colon 的默认值。表示是否显示 label 后面的冒号 */
     colon?: boolean;
     /** 表单默认值，只有初始化以及重置时生效 */
-    initialValues?: Store;
+    initialValues?: Values;
     /** 表单域标签的位置， 如果值为 left 或者 right 时，则需要设置 label-width */
     labelPosition?: 'left' | 'right' | 'top';
     /** 表单域标签的宽度，例如 '50px'。 作为 Form 直接子元素的 form-item 会继承该值。 支持 auto。 */

package/dist/Table/hooks/useSelection.d.ts

@@ -39,4 +39,4 @@ export declare const activeRow: <T>(payload: T) => Action;
  * @param payload
  * @returns
  */
-export declare const onCheck: <T>(payload: Pick<State<T>, "selection" | "isIndeterminate">) => Action;
+export declare const onCheck: <T>(payload: Pick<State<T>, "isIndeterminate" | "selection">) => Action;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qsxy/element-plus-react",
-  "version": "1.0.0-next.16",
+  "version": "1.0.0-next.17",
   "description": "element-plus-react",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",