@qsxy/element-plus-react 1.0.2 → 2.0.0

package/dist/Dropdown/typings.d.ts

@@ -3,7 +3,7 @@ import { PopperOptions } from '../Popper';
 import { TransitionProps } from '../Transition';
 import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
 /** Dropdown 属性 */
-export interface DropdownProps extends BaseProps<React.ReactElement>, NativeProps, PopperOptions, AnimationEventProps, Omit<TransitionProps, 'children'> {
+export interface DropdownProps extends BaseProps<React.ReactElement>, NativeProps<'--el-dropdown-menu-box-shadow-light' | '--el-dropdown-menuItem-hover-fill' | '--el-dropdown-menuItem-hover-color'>, PopperOptions, AnimationEventProps, Omit<TransitionProps, 'children'> {
     menu: React.ReactElement<DropdownMenuProps>;
     /** 触发下拉的行为 */
     trigger?: 'hover' | 'click' | 'contextmenu';
@@ -19,6 +19,7 @@ export interface DropdownProps extends BaseProps<React.ReactElement>, NativeProp
     defaultVisible?: boolean;
     /** 是否禁用 */
     disabled?: boolean;
+    /** [popper.js](https://popper.js.org/docs/v2/) 参数 */
     onMouseEnter?: (e?: React.MouseEvent<any>) => void;
     onMouseLeave?: (e?: React.MouseEvent<any>) => void;
     /** 点击菜单项触发的事件回调 */

package/dist/Empty/Empty.js

@@ -2,13 +2,25 @@ var _templateObject, _templateObject2, _templateObject3;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import classNames from 'classnames';
 import React, { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
 import { useClassNames } from "../hooks";
+import { mergeDefaultProps } from "../Util";
 import ImgEmpty from "./ImgEmpty";
 var Empty = function Empty(props) {
-  var image = props.image,
-    imageSize = props.imageSize,
-    _props$description = props.description,
-    description = _props$description === void 0 ? '暂无数据' : _props$description;
+  var _useConfigProvider = useConfigProvider(),
+    locale = _useConfigProvider.locale;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  props = mergeDefaultProps({
+    description: t('el.tree.emptyText', {
+      lng: locale
+    })
+  }, props);
+  var _props = props,
+    image = _props.image,
+    imageSize = _props.imageSize,
+    description = _props.description;
   var _useClassNames = useClassNames('empty'),
     b = _useClassNames.b,
     e = _useClassNames.e;

package/dist/Form/Form.d.ts

@@ -1,21 +1,4 @@
-import React, { ForwardedRef } from 'react';
-import { FormProvider } from './FormContext';
-import Field from './FormItem';
-import List from './List';
-import { FormInstance, FormProps, Store } from './typings';
-import useForm from './useForm';
-import useWatch from './useWatch';
-declare const ForwardForm: <RecordType = Store>(props: FormProps<RecordType> & {
-    ref?: 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: FormInterface;
-export default Form;
+import React from 'react';
+import { FormInstance, FormProps } from './typings';
+declare const ForwardForm: React.MemoExoticComponent<React.ForwardRefExoticComponent<FormProps<unknown> & React.RefAttributes<FormInstance<unknown>>>>;
+export default ForwardForm;

package/dist/Form/Form.js

@@ -1,6 +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 _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", "statusIcon"];
 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; }
@@ -8,6 +8,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 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); }
@@ -18,26 +22,24 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import classNames from 'classnames';
 import omit from 'lodash/omit';
-import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
+import React, { forwardRef, memo, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { mergeDefaultProps } from "../Util";
 import { useClassNames } from "../hooks";
-import FieldContext, { HOOK_MARK } from "./FieldContext";
-import FormContext, { FormProvider } from "./FormContext";
-import Field from "./FormItem";
-import List from "./List";
+import FormContext from "./FormContext";
+import InternalFormContext, { HOOK_MARK } from "./InternalFormContext";
 import useForm from "./useForm";
-import useWatch from "./useWatch";
 import { isSimilar } from "./utils/valueUtil";
 function InternalForm(props, ref) {
   var _this = this;
   props = mergeDefaultProps({
     inline: false,
     cols: 0,
-    labelWidth: 120,
+    labelWidth: 'auto',
     labelPosition: 'right',
     validateTrigger: 'onChange',
     showMessage: true,
-    requireAsteriskPosition: 'left'
+    requireAsteriskPosition: 'left',
+    rules: {}
   }, props);
   var _props = props,
     colon = _props.colon,
@@ -61,15 +63,14 @@ function InternalForm(props, ref) {
     onFinishFailed = _props.onFinishFailed,
     className = _props.className,
     disabled = _props.disabled,
-    _props$labelWidth = _props.labelWidth,
-    labelWidth = _props$labelWidth === void 0 ? 120 : _props$labelWidth,
+    labelWidth = _props.labelWidth,
     size = _props.size,
-    _props$rules = _props.rules,
-    rules = _props$rules === void 0 ? {} : _props$rules,
+    rules = _props.rules,
     hideRequiredAsterisk = _props.hideRequiredAsterisk,
     requireAsteriskPosition = _props.requireAsteriskPosition,
     showMessage = _props.showMessage,
     scrollToError = _props.scrollToError,
+    statusIcon = _props.statusIcon,
     restProps = _objectWithoutProperties(_props, _excluded);
   var formContext = useContext(FormContext);
   var _useForm = useForm(props.form),
@@ -83,8 +84,37 @@ function InternalForm(props, ref) {
     setPreserve = _getInternalHooks.setPreserve,
     destroyForm = _getInternalHooks.destroyForm;
   var _useClassNames = useClassNames('form'),
+    b = _useClassNames.b,
     m = _useClassNames.m,
     is = _useClassNames.is;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    autoLabelWidth = _useState2[0],
+    setAutoLabelWidth = _useState2[1];
+  var labelWidthListRef = useRef([]);
+  var registerLabelWidth = useCallback(function (width, oldWidth) {
+    var labelWidthList = labelWidthListRef.current;
+    if (oldWidth) {
+      var index = labelWidthList.indexOf(oldWidth);
+      if (index !== -1) {
+        labelWidthList.splice(index, 1);
+      }
+    }
+    if (width) {
+      labelWidthList.push(width);
+    }
+    var maxWidth = Math.max.apply(Math, _toConsumableArray(labelWidthList));
+    setAutoLabelWidth(maxWidth ? "".concat(maxWidth, "px") : '');
+  }, []);
+  var deregisterLabelWidth = useCallback(function (width) {
+    var labelWidthList = labelWidthListRef.current;
+    var index = labelWidthList.indexOf(width);
+    if (index !== -1) {
+      labelWidthList.splice(index, 1);
+    }
+    var maxWidth = Math.max.apply(Math, _toConsumableArray(labelWidthList));
+    setAutoLabelWidth(maxWidth ? "".concat(maxWidth, "px") : '');
+  }, []);
   useImperativeHandle(ref, function () {
     return formInstance;
   });
@@ -159,12 +189,16 @@ function InternalForm(props, ref) {
       hideRequiredAsterisk: hideRequiredAsterisk,
       requireAsteriskPosition: requireAsteriskPosition,
       showMessage: showMessage,
-      scrollToError: scrollToError
+      scrollToError: scrollToError,
+      autoLabelWidth: autoLabelWidth,
+      statusIcon: statusIcon,
+      registerLabelWidth: registerLabelWidth,
+      deregisterLabelWidth: deregisterLabelWidth
     });
-  }, [colon, disabled, formInstance, hideRequiredAsterisk, inline, labelPosition, labelWidth, requireAsteriskPosition, rules, scrollToError, showMessage, size, validateTrigger]);
+  }, [autoLabelWidth, colon, deregisterLabelWidth, disabled, formInstance, hideRequiredAsterisk, inline, labelPosition, labelWidth, registerLabelWidth, requireAsteriskPosition, rules, scrollToError, showMessage, size, statusIcon, validateTrigger]);
 
   // @ts-ignore
-  var wrapperNode = /*#__PURE__*/React.createElement(FieldContext.Provider, {
+  var wrapperNode = /*#__PURE__*/React.createElement(InternalFormContext.Provider, {
     value: formContextValue
   }, childrenNode);
   if (Comp === false) {
@@ -172,7 +206,7 @@ function InternalForm(props, ref) {
   }
   return /*#__PURE__*/React.createElement(Comp, _extends({
     method: "post",
-    className: classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, m('inline'), inline), m("label-".concat(labelPosition)), !inline && labelPosition), "".concat(m(_templateObject || (_templateObject = _taggedTemplateLiteral(["col"]))), "-").concat(cols), cols), m(size), size), is({
+    className: classNames(b(), [m(size || 'default')], _defineProperty(_defineProperty(_defineProperty({}, m('inline'), inline), m("label-".concat(labelPosition)), !inline && labelPosition), "".concat(m(_templateObject || (_templateObject = _taggedTemplateLiteral(["col"]))), "-").concat(cols), cols), is({
       flat: flat
     }), className),
     style: formStyle
@@ -190,11 +224,5 @@ function InternalForm(props, ref) {
     }
   }), wrapperNode);
 }
-var ForwardForm = /*#__PURE__*/forwardRef(InternalForm);
-var Form = ForwardForm;
-Form.FormProvider = FormProvider;
-Form.Item = Field;
-Form.List = List;
-Form.useForm = useForm;
-Form.useWatch = useWatch;
-export default Form;
+var ForwardForm = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(InternalForm));
+export default ForwardForm;

package/dist/Form/FormItem.d.ts

@@ -1,59 +1,11 @@
 import React from 'react';
-import { ComponentChildren } from '../types/common';
-import type { EventArgs, FormInstance, FormItemProps, InternalFormInstance, InternalNamePath, Meta, NamePath, Rule, Store, StoreValue } from './typings';
-export type ShouldUpdate<Values = any> = boolean | ((prevValues: Values, nextValues: Values, info: {
-    source?: string;
-}) => boolean);
-interface ChildProps {
-    [name: string]: any;
-}
-export interface InternalFieldProps<Values = any> extends Omit<FormItemProps<Values>, 'children'> {
-    children?: ComponentChildren | ((control: ChildProps, meta: Meta, form: FormInstance<Values>) => React.ReactElement);
-    /**
-     * Set up `dependencies` field.
-     * When dependencies field update and current field is touched,
-     * will trigger validate rules and render.
-     */
-    dependencies?: NamePath[];
-    getValueFromEvent?: (...args: EventArgs) => StoreValue;
-    /** 字段名，支持数组 */
-    name?: InternalNamePath;
-    normalize?: (value: StoreValue, prevValue: StoreValue, allValues: Store) => StoreValue;
-    /** 校验规则，设置字段的校验逻辑。点击此处查看示例 */
-    rules?: Rule[];
-    shouldUpdate?: ShouldUpdate<Values>;
-    trigger?: string;
-    validateTrigger?: string | string[] | false;
-    /** 当某一规则校验不通过时，是否停止剩下的规则的校验。设置 parallel 时会并行校验 */
-    validateFirst?: boolean | 'parallel';
-    valuePropName?: string;
-    getValueProps?: (value: StoreValue) => Record<string, unknown>;
-    messageVariables?: Record<string, string>;
-    initialValue?: any;
-    onReset?: () => void;
-    onMetaChange?: (meta: Meta & {
-        destroy?: boolean;
-    }) => void;
-    preserve?: boolean;
-    /** @private Passed by Form.List props. Do not use since it will break by path check. */
-    isListField?: boolean;
-    /** @private Passed by Form.List props. Do not use since it will break by path check. */
-    isList?: boolean;
-    /** @private Pass context as prop instead of context api
-     *  since class component can not get context in constructor */
-    fieldContext?: InternalFormInstance;
-}
-export interface FieldProps<Values = any> extends Omit<InternalFieldProps<Values>, 'name' | 'fieldContext'> {
+import type { InternalFormItemProps, NamePath } from './typings';
+export interface FieldProps<Values = any> extends Omit<InternalFormItemProps<Values>, 'name' | 'fieldContext'> {
     name?: NamePath;
 }
 export interface FieldState {
     resetCount: number;
 }
-declare function InternalFormItem<Values = any>({ name, rules, ...restProps }: FieldProps<Values>): React.JSX.Element;
-type InternalFormItemType = typeof InternalFormItem;
-interface FormItemInterface extends InternalFormItemType {
-    displayName?: string;
-    defaultProps?: Partial<FieldProps<any>>;
-}
-declare const FormItem: FormItemInterface;
+declare function Field(props: FieldProps): React.JSX.Element;
+declare const FormItem: React.MemoExoticComponent<typeof Field>;
 export default FormItem;