@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.2

package/es/form/layouts/DrawerForm/style.js

@@ -1,57 +1,33 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/form/layouts/DrawerForm/style.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../provider";
-var genDrawerFormStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      "&-sidebar-dragger": {
-        width: "5px",
-        cursor: "ew-resize",
-        padding: "4px 0 0",
-        borderTop: "1px solid transparent",
-        position: "absolute",
-        top: 0,
-        left: 0,
-        bottom: 0,
-        zIndex: 100,
-        backgroundColor: "transparent",
-        "&-min-disabled": {
-          cursor: "w-resize"
-        },
-        "&-max-disabled": {
-          cursor: "e-resize"
-        }
+var genDrawerFormStyle = function genDrawerFormStyle(token) {
+  return _defineProperty({}, token.componentCls, {
+    '&-sidebar-dragger': {
+      width: '5px',
+      cursor: 'ew-resize',
+      padding: '4px 0 0',
+      borderTop: '1px solid transparent',
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      bottom: 0,
+      zIndex: 100,
+      backgroundColor: 'transparent',
+      '&-min-disabled': {
+        cursor: 'w-resize'
+      },
+      '&-max-disabled': {
+        cursor: 'e-resize'
       }
     }
-  };
+  });
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("DrawerForm", (token) => {
-    const drawerFormToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('DrawerForm', function (token) {
+    var drawerFormToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genDrawerFormStyle(drawerFormToken)];
   });
-}
-export {
-  useStyle
-};
+}

package/es/form/layouts/LightFilter/index.js

@@ -1,309 +1,247 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/form/layouts/LightFilter/index.tsx
-import { FilterOutlined } from "@ant-design/icons";
-import { ConfigProvider } from "antd";
-import classNames from "classnames";
-import omit from "rc-util/lib/omit";
-import React, {
-  useContext,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState
-} from "react";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["size", "collapse", "collapseLabel", "initialValues", "onValuesChange", "form", "placement", "formRef", "variant", "ignoreRules", "footerRender"];
+import { FilterOutlined } from '@ant-design/icons';
+import { ConfigProvider } from 'antd';
+import classNames from 'classnames';
+import omit from 'rc-util/lib/omit';
+import React, { useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { useIntl } from "../../../provider";
 import { FieldLabel, FilterDropdown } from "../../../utils";
 import { BaseForm } from "../../BaseForm";
 import { useStyle } from "./style";
-var LightFilterContainer = (props) => {
-  const {
-    items,
-    prefixCls,
-    size = "middle",
-    collapse,
-    collapseLabel,
-    onValuesChange,
-    variant,
-    values,
-    footerRender,
-    placement
-  } = props;
-  const intl = useIntl();
-  const lightFilterClassName = `${prefixCls}-light-filter`;
-  const { wrapSSR, hashId } = useStyle(lightFilterClassName);
-  const [open, setOpen] = useState(false);
-  const [moreValues, setMoreValues] = useState(() => {
-    return __spreadValues({}, values);
-  });
-  useEffect(() => {
-    setMoreValues(__spreadValues({}, values));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 单行的查询表单，一般用于配合 table 或者 list使用 有时也会用于 card 的额外区域
+ *
+ * @param props
+ */
+var LightFilterContainer = function LightFilterContainer(props) {
+  var items = props.items,
+    prefixCls = props.prefixCls,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'middle' : _props$size,
+    collapse = props.collapse,
+    collapseLabel = props.collapseLabel,
+    onValuesChange = props.onValuesChange,
+    variant = props.variant,
+    values = props.values,
+    footerRender = props.footerRender,
+    placement = props.placement;
+  var intl = useIntl();
+  var lightFilterClassName = "".concat(prefixCls, "-light-filter");
+  var _useStyle = useStyle(lightFilterClassName),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(function () {
+      return _objectSpread({}, values);
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    moreValues = _useState4[0],
+    setMoreValues = _useState4[1];
+  useEffect(function () {
+    setMoreValues(_objectSpread({}, values));
   }, [values]);
-  const { collapseItems, outsideItems } = useMemo(() => {
-    const collapseItemsArr = [];
-    const outsideItemsArr = [];
-    items.forEach((item) => {
-      const { secondary } = item.props || {};
-      if (secondary || collapse) {
-        collapseItemsArr.push(item);
-      } else {
-        outsideItemsArr.push(item);
-      }
-    });
-    return {
-      collapseItems: collapseItemsArr,
-      outsideItems: outsideItemsArr
-    };
-  }, [props.items]);
-  const renderCollapseLabelRender = () => {
+  var _useMemo = useMemo(function () {
+      var collapseItemsArr = [];
+      var outsideItemsArr = [];
+      items.forEach(function (item) {
+        var _ref = item.props || {},
+          secondary = _ref.secondary;
+        if (secondary || collapse) {
+          collapseItemsArr.push(item);
+        } else {
+          outsideItemsArr.push(item);
+        }
+      });
+      return {
+        collapseItems: collapseItemsArr,
+        outsideItems: outsideItemsArr
+      };
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.items]),
+    collapseItems = _useMemo.collapseItems,
+    outsideItems = _useMemo.outsideItems;
+  var renderCollapseLabelRender = function renderCollapseLabelRender() {
     if (collapseLabel) {
       return collapseLabel;
     }
     if (collapse) {
-      return /* @__PURE__ */ React.createElement(
-        FilterOutlined,
-        {
-          className: `${lightFilterClassName}-collapse-icon ${hashId}`.trim()
-        }
-      );
+      return /*#__PURE__*/_jsx(FilterOutlined, {
+        className: "".concat(lightFilterClassName, "-collapse-icon ").concat(hashId).trim()
+      });
     }
-    return /* @__PURE__ */ React.createElement(
-      FieldLabel,
-      {
-        size,
-        label: intl.getMessage("form.lightFilter.more", "更多筛选")
-      }
-    );
+    return /*#__PURE__*/_jsx(FieldLabel, {
+      size: size,
+      label: intl.getMessage('form.lightFilter.more', '更多筛选')
+    });
   };
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classNames(
-          lightFilterClassName,
-          hashId,
-          `${lightFilterClassName}-${size}`,
-          {
-            [`${lightFilterClassName}-effective`]: Object.keys(values).some(
-              (key) => Array.isArray(values[key]) ? values[key].length > 0 : values[key]
-            )
-          }
-        )
-      },
-      /* @__PURE__ */ React.createElement("div", { className: `${lightFilterClassName}-container ${hashId}`.trim() }, outsideItems.map((child, index) => {
-        if (!(child == null ? void 0 : child.props)) {
+  return wrapSSR( /*#__PURE__*/_jsx("div", {
+    className: classNames(lightFilterClassName, hashId, "".concat(lightFilterClassName, "-").concat(size), _defineProperty({}, "".concat(lightFilterClassName, "-effective"), Object.keys(values).some(function (key) {
+      return Array.isArray(values[key]) ? values[key].length > 0 : values[key];
+    }))),
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "".concat(lightFilterClassName, "-container ").concat(hashId).trim(),
+      children: [outsideItems.map(function (child, index) {
+        if (!(child !== null && child !== void 0 && child.props)) {
           return child;
         }
-        const { key } = child;
-        const { fieldProps } = (child == null ? void 0 : child.props) || {};
-        const newPlacement = (fieldProps == null ? void 0 : fieldProps.placement) ? fieldProps == null ? void 0 : fieldProps.placement : placement;
-        return /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: `${lightFilterClassName}-item ${hashId}`.trim(),
-            key: key || index
-          },
-          React.cloneElement(child, {
-            fieldProps: __spreadProps(__spreadValues({}, child.props.fieldProps), {
+        var key = child.key;
+        var _ref2 = (child === null || child === void 0 ? void 0 : child.props) || {},
+          fieldProps = _ref2.fieldProps;
+        var newPlacement = fieldProps !== null && fieldProps !== void 0 && fieldProps.placement ? fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placement : placement;
+        return /*#__PURE__*/_jsx("div", {
+          className: "".concat(lightFilterClassName, "-item ").concat(hashId).trim(),
+          children: /*#__PURE__*/React.cloneElement(child, {
+            fieldProps: _objectSpread(_objectSpread({}, child.props.fieldProps), {}, {
               placement: newPlacement
             }),
             // proFieldProps 会直接作为 ProField 的 props 传递过去
-            proFieldProps: __spreadProps(__spreadValues({}, child.props.proFieldProps), {
+            proFieldProps: _objectSpread(_objectSpread({}, child.props.proFieldProps), {}, {
               light: true,
               label: child.props.label,
-              variant
+              variant: variant
             }),
-            variant
+            variant: variant
           })
-        );
-      }), collapseItems.length ? /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `${lightFilterClassName}-item ${hashId}`.trim(),
-          key: "more"
-        },
-        /* @__PURE__ */ React.createElement(
-          FilterDropdown,
-          {
-            padding: 24,
-            open,
-            onOpenChange: (changeOpen) => {
-              setOpen(changeOpen);
+        }, key || index);
+      }), collapseItems.length ? /*#__PURE__*/_jsx("div", {
+        className: "".concat(lightFilterClassName, "-item ").concat(hashId).trim(),
+        children: /*#__PURE__*/_jsx(FilterDropdown, {
+          padding: 24,
+          open: open,
+          onOpenChange: function onOpenChange(changeOpen) {
+            setOpen(changeOpen);
+          },
+          placement: placement,
+          label: renderCollapseLabelRender(),
+          footerRender: footerRender,
+          footer: {
+            onConfirm: function onConfirm() {
+              onValuesChange(_objectSpread({}, moreValues));
+              setOpen(false);
             },
-            placement,
-            label: renderCollapseLabelRender(),
-            footerRender,
-            footer: {
-              onConfirm: () => {
-                onValuesChange(__spreadValues({}, moreValues));
-                setOpen(false);
-              },
-              onClear: () => {
-                const clearValues = {};
-                collapseItems.forEach((child) => {
-                  const { name } = child.props;
-                  clearValues[name] = void 0;
-                });
-                onValuesChange(clearValues);
-              }
+            onClear: function onClear() {
+              var clearValues = {};
+              collapseItems.forEach(function (child) {
+                var name = child.props.name;
+                clearValues[name] = undefined;
+              });
+              onValuesChange(clearValues);
             }
           },
-          collapseItems.map((child) => {
-            const { key } = child;
-            const { name, fieldProps } = child.props;
-            const newFieldProps = __spreadProps(__spreadValues({}, fieldProps), {
-              onChange: (e) => {
-                setMoreValues(__spreadProps(__spreadValues({}, moreValues), {
-                  [name]: (e == null ? void 0 : e.target) ? e.target.value : e
-                }));
+          children: collapseItems.map(function (child) {
+            var key = child.key;
+            var _child$props = child.props,
+              name = _child$props.name,
+              fieldProps = _child$props.fieldProps;
+            var newFieldProps = _objectSpread(_objectSpread({}, fieldProps), {}, {
+              onChange: function onChange(e) {
+                setMoreValues(_objectSpread(_objectSpread({}, moreValues), {}, _defineProperty({}, name, e !== null && e !== void 0 && e.target ? e.target.value : e)));
                 return false;
               }
             });
             if (moreValues.hasOwnProperty(name)) {
-              newFieldProps[child.props.valuePropName || "value"] = moreValues[name];
+              newFieldProps[child.props.valuePropName || 'value'] = moreValues[name];
             }
-            const newPlacement = (fieldProps == null ? void 0 : fieldProps.placement) ? fieldProps == null ? void 0 : fieldProps.placement : placement;
-            return /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                className: `${lightFilterClassName}-line ${hashId}`.trim(),
-                key
-              },
-              React.cloneElement(child, {
-                fieldProps: __spreadProps(__spreadValues({}, newFieldProps), {
+            var newPlacement = fieldProps !== null && fieldProps !== void 0 && fieldProps.placement ? fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placement : placement;
+            return /*#__PURE__*/_jsx("div", {
+              className: "".concat(lightFilterClassName, "-line ").concat(hashId).trim(),
+              children: /*#__PURE__*/React.cloneElement(child, {
+                fieldProps: _objectSpread(_objectSpread({}, newFieldProps), {}, {
                   placement: newPlacement
                 })
               })
-            );
+            }, key);
           })
-        )
-      ) : null)
-    )
-  );
+        })
+      }, "more") : null]
+    })
+  }));
 };
 function LightFilter(props) {
-  const _a = props, {
-    size,
-    collapse,
-    collapseLabel,
-    initialValues,
-    onValuesChange,
+  var size = props.size,
+    collapse = props.collapse,
+    collapseLabel = props.collapseLabel,
+    initialValues = props.initialValues,
+    _onValuesChange = props.onValuesChange,
+    userForm = props.form,
+    placement = props.placement,
+    userFormRef = props.formRef,
+    variant = props.variant,
+    ignoreRules = props.ignoreRules,
+    footerRender = props.footerRender,
+    reset = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-form');
+  var _useState5 = useState(function () {
+      return _objectSpread({}, initialValues);
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    values = _useState6[0],
+    setValues = _useState6[1];
+  var formRef = useRef();
+  useImperativeHandle(userFormRef, function () {
+    return formRef.current;
+  }, [formRef.current]);
+  return /*#__PURE__*/_jsx(BaseForm, _objectSpread(_objectSpread({
+    size: size,
+    initialValues: initialValues,
     form: userForm,
-    placement,
-    formRef: userFormRef,
-    variant,
-    ignoreRules,
-    footerRender
-  } = _a, reset = __objRest(_a, [
-    "size",
-    "collapse",
-    "collapseLabel",
-    "initialValues",
-    "onValuesChange",
-    "form",
-    "placement",
-    "formRef",
-    "variant",
-    "ignoreRules",
-    "footerRender"
-  ]);
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("pro-form");
-  const [values, setValues] = useState(() => {
-    return __spreadValues({}, initialValues);
-  });
-  const formRef = useRef();
-  useImperativeHandle(userFormRef, () => formRef.current, [formRef.current]);
-  return /* @__PURE__ */ React.createElement(
-    BaseForm,
-    __spreadProps(__spreadValues({
-      size,
-      initialValues,
-      form: userForm,
-      contentRender: (items) => {
-        return /* @__PURE__ */ React.createElement(
-          LightFilterContainer,
-          {
-            prefixCls,
-            items: items == null ? void 0 : items.flatMap((item) => {
-              var _a2;
-              if (!item || !(item == null ? void 0 : item.type))
-                return item;
-              if (((_a2 = item == null ? void 0 : item.type) == null ? void 0 : _a2.displayName) === "ProForm-Group")
-                return item.props.children;
-              return item;
-            }),
-            size,
-            variant,
-            collapse,
-            collapseLabel,
-            placement,
-            values: values || {},
-            footerRender,
-            onValuesChange: (newValues) => {
-              var _a2, _b;
-              const newAllValues = __spreadValues(__spreadValues({}, values), newValues);
-              setValues(newAllValues);
-              (_a2 = formRef.current) == null ? void 0 : _a2.setFieldsValue(newAllValues);
-              (_b = formRef.current) == null ? void 0 : _b.submit();
-              if (onValuesChange) {
-                onValuesChange(newValues, newAllValues);
-              }
-            }
+    contentRender: function contentRender(items) {
+      return /*#__PURE__*/_jsx(LightFilterContainer, {
+        prefixCls: prefixCls,
+        items: items === null || items === void 0 ? void 0 : items.flatMap(function (item) {
+          var _item$type;
+          if (!item || !(item !== null && item !== void 0 && item.type)) return item;
+          /** 如果是 ProFormGroup，直接拼接dom */
+          if ((item === null || item === void 0 || (_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.displayName) === 'ProForm-Group') return item.props.children;
+          return item;
+        }),
+        size: size,
+        variant: variant,
+        collapse: collapse,
+        collapseLabel: collapseLabel,
+        placement: placement,
+        values: values || {},
+        footerRender: footerRender,
+        onValuesChange: function onValuesChange(newValues) {
+          var _formRef$current, _formRef$current2;
+          var newAllValues = _objectSpread(_objectSpread({}, values), newValues);
+          setValues(newAllValues);
+          (_formRef$current = formRef.current) === null || _formRef$current === void 0 || _formRef$current.setFieldsValue(newAllValues);
+          (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 || _formRef$current2.submit();
+          if (_onValuesChange) {
+            _onValuesChange(newValues, newAllValues);
           }
-        );
-      },
-      formRef,
-      formItemProps: {
-        colon: false,
-        labelAlign: "left"
-      },
-      fieldProps: {
-        style: {
-          width: void 0
         }
+      });
+    },
+    formRef: formRef,
+    formItemProps: {
+      colon: false,
+      labelAlign: 'left'
+    },
+    fieldProps: {
+      style: {
+        width: undefined
       }
-    }, omit(reset, ["labelWidth"])), {
-      onValuesChange: (_, allValues) => {
-        var _a2;
-        setValues(allValues);
-        onValuesChange == null ? void 0 : onValuesChange(_, allValues);
-        (_a2 = formRef.current) == null ? void 0 : _a2.submit();
-      }
-    })
-  );
+    }
+  }, omit(reset, ['labelWidth'])), {}, {
+    onValuesChange: function onValuesChange(_, allValues) {
+      var _formRef$current3;
+      setValues(allValues);
+      _onValuesChange === null || _onValuesChange === void 0 || _onValuesChange(_, allValues);
+      (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 || _formRef$current3.submit();
+    }
+  }));
 }
-export {
-  LightFilter
-};
+export { LightFilter };