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

package/es/card/components/CheckCard/index.js

@@ -1,187 +1,178 @@
-var __defProp = Object.defineProperty;
-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 __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/card/components/CheckCard/index.tsx
-import { Avatar, ConfigProvider } from "antd";
-import classNames from "classnames";
-import React, { useContext, useEffect, useMemo } from "react";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["prefixCls", "className", "avatar", "title", "description", "cover", "extra", "style"];
+import { Avatar, ConfigProvider } from 'antd';
+import classNames from 'classnames';
+import React, { useContext, useEffect, useMemo } from 'react';
 import { useMountMergeState } from "../../../utils";
 import ProCardActions from "../Actions";
 import CheckCardGroup, { CardLoading, CheckCardGroupConnext } from "./Group";
 import { useStyle } from "./style";
-var CheckCard = (props) => {
-  var _b;
-  const [stateChecked, setStateChecked] = useMountMergeState(
-    props.defaultChecked || false,
-    {
+
+/**
+ * Props for the CheckCard component.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var CheckCard = function CheckCard(props) {
+  var _useMountMergeState = useMountMergeState(props.defaultChecked || false, {
       value: props.checked,
       onChange: props.onChange
-    }
-  );
-  const checkCardGroup = useContext(CheckCardGroupConnext);
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const handleClick = (e) => {
-    var _a2, _b2;
-    (_a2 = props == null ? void 0 : props.onClick) == null ? void 0 : _a2.call(props, e);
-    const newChecked = !stateChecked;
-    (_b2 = checkCardGroup == null ? void 0 : checkCardGroup.toggleOption) == null ? void 0 : _b2.call(checkCardGroup, { value: props.value });
-    setStateChecked == null ? void 0 : setStateChecked(newChecked);
+    }),
+    _useMountMergeState2 = _slicedToArray(_useMountMergeState, 2),
+    stateChecked = _useMountMergeState2[0],
+    setStateChecked = _useMountMergeState2[1];
+  var checkCardGroup = useContext(CheckCardGroupConnext);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var handleClick = function handleClick(e) {
+    var _props$onClick, _checkCardGroup$toggl;
+    props === null || props === void 0 || (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
+    var newChecked = !stateChecked;
+    checkCardGroup === null || checkCardGroup === void 0 || (_checkCardGroup$toggl = checkCardGroup.toggleOption) === null || _checkCardGroup$toggl === void 0 || _checkCardGroup$toggl.call(checkCardGroup, {
+      value: props.value
+    });
+    setStateChecked === null || setStateChecked === void 0 || setStateChecked(newChecked);
   };
-  const getSizeCls = (size2) => {
-    if (size2 === "large")
-      return "lg";
-    if (size2 === "small")
-      return "sm";
-    return "";
+
+  // small => sm large => lg
+  var getSizeCls = function getSizeCls(size) {
+    if (size === 'large') return 'lg';
+    if (size === 'small') return 'sm';
+    return '';
   };
-  useEffect(() => {
-    var _a2;
-    (_a2 = checkCardGroup == null ? void 0 : checkCardGroup.registerValue) == null ? void 0 : _a2.call(checkCardGroup, props.value);
-    return () => {
-      var _a3;
-      return (_a3 = checkCardGroup == null ? void 0 : checkCardGroup.cancelValue) == null ? void 0 : _a3.call(checkCardGroup, props.value);
+  useEffect(function () {
+    var _checkCardGroup$regis;
+    checkCardGroup === null || checkCardGroup === void 0 || (_checkCardGroup$regis = checkCardGroup.registerValue) === null || _checkCardGroup$regis === void 0 || _checkCardGroup$regis.call(checkCardGroup, props.value);
+    return function () {
+      var _checkCardGroup$cance;
+      return checkCardGroup === null || checkCardGroup === void 0 || (_checkCardGroup$cance = checkCardGroup.cancelValue) === null || _checkCardGroup$cance === void 0 ? void 0 : _checkCardGroup$cance.call(checkCardGroup, props.value);
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.value]);
-  const _a = props, {
-    prefixCls: customizePrefixCls,
-    className,
-    avatar,
-    title,
-    description,
-    cover,
-    extra,
-    style = {}
-  } = _a, others = __objRest(_a, [
-    "prefixCls",
-    "className",
-    "avatar",
-    "title",
-    "description",
-    "cover",
-    "extra",
-    "style"
-  ]);
-  const checkCardProps = __spreadValues({}, others);
-  const prefixCls = getPrefixCls("pro-checkcard", customizePrefixCls);
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const renderCover = (cls, coverDom) => {
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(`${cls}-cover`, hashId) }, typeof coverDom === "string" ? /* @__PURE__ */ React.createElement("img", { src: coverDom, alt: "checkcard" }) : coverDom);
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    avatar = props.avatar,
+    title = props.title,
+    description = props.description,
+    cover = props.cover,
+    extra = props.extra,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    others = _objectWithoutProperties(props, _excluded);
+  var checkCardProps = _objectSpread({}, others);
+  var prefixCls = getPrefixCls('pro-checkcard', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+
+  /**
+   * 头像自定义
+   *
+   * @param cls
+   * @param coverDom
+   * @returns
+   */
+  var renderCover = function renderCover(cls, coverDom) {
+    return /*#__PURE__*/_jsx("div", {
+      className: classNames("".concat(cls, "-cover"), hashId),
+      children: typeof coverDom === 'string' ? /*#__PURE__*/_jsx("img", {
+        src: coverDom,
+        alt: "checkcard"
+      }) : coverDom
+    });
   };
   checkCardProps.checked = stateChecked;
-  let multiple = false;
+  var multiple = false;
   if (checkCardGroup) {
+    var _checkCardGroup$value;
+    // 受组控制模式
     checkCardProps.disabled = props.disabled || checkCardGroup.disabled;
     checkCardProps.loading = props.loading || checkCardGroup.loading;
     checkCardProps.bordered = props.bordered || checkCardGroup.bordered;
     multiple = checkCardGroup.multiple;
-    const isChecked = checkCardGroup.multiple ? (_b = checkCardGroup.value) == null ? void 0 : _b.includes(props.value) : checkCardGroup.value === props.value;
+    var isChecked = checkCardGroup.multiple ? (_checkCardGroup$value = checkCardGroup.value) === null || _checkCardGroup$value === void 0 ? void 0 : _checkCardGroup$value.includes(props.value) : checkCardGroup.value === props.value;
+
+    // loading时check为false
     checkCardProps.checked = checkCardProps.loading ? false : isChecked;
     checkCardProps.size = props.size || checkCardGroup.size;
   }
-  const {
-    disabled = false,
-    size,
-    loading: cardLoading,
-    bordered = true,
-    checked
-  } = checkCardProps;
-  const sizeCls = getSizeCls(size);
-  const classString = classNames(prefixCls, className, hashId, {
-    [`${prefixCls}-loading`]: cardLoading,
-    [`${prefixCls}-${sizeCls}`]: sizeCls,
-    [`${prefixCls}-checked`]: checked,
-    [`${prefixCls}-multiple`]: multiple,
-    [`${prefixCls}-disabled`]: disabled,
-    [`${prefixCls}-bordered`]: bordered,
-    [`${prefixCls}-ghost`]: props.ghost
-  });
-  const metaDom = useMemo(() => {
+  var _checkCardProps$disab = checkCardProps.disabled,
+    disabled = _checkCardProps$disab === void 0 ? false : _checkCardProps$disab,
+    size = checkCardProps.size,
+    cardLoading = checkCardProps.loading,
+    _checkCardProps$borde = checkCardProps.bordered,
+    bordered = _checkCardProps$borde === void 0 ? true : _checkCardProps$borde,
+    checked = checkCardProps.checked;
+  var sizeCls = getSizeCls(size);
+  var classString = classNames(prefixCls, className, hashId, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-loading"), cardLoading), "".concat(prefixCls, "-").concat(sizeCls), sizeCls), "".concat(prefixCls, "-checked"), checked), "".concat(prefixCls, "-multiple"), multiple), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-bordered"), bordered), "".concat(prefixCls, "-ghost"), props.ghost));
+  var metaDom = useMemo(function () {
     if (cardLoading) {
-      return /* @__PURE__ */ React.createElement(CardLoading, { prefixCls: prefixCls || "", hashId });
+      return /*#__PURE__*/_jsx(CardLoading, {
+        prefixCls: prefixCls || '',
+        hashId: hashId
+      });
     }
     if (cover) {
-      return renderCover(prefixCls || "", cover);
+      return renderCover(prefixCls || '', cover);
     }
-    const avatarDom = avatar ? /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-avatar`, hashId) }, typeof avatar === "string" ? /* @__PURE__ */ React.createElement(Avatar, { size: 48, shape: "square", src: avatar }) : avatar) : null;
-    const headerDom = (title != null ? title : extra) != null && /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-header`, hashId) }, /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-header-left`, hashId) }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classNames(`${prefixCls}-title`, hashId, {
-          [`${prefixCls}-title-with-ellipsis`]: typeof title === "string"
-        })
-      },
-      title
-    ), props.subTitle ? /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-subTitle`, hashId) }, props.subTitle) : null), extra && /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-extra`, hashId) }, extra));
-    const descriptionDom = description ? /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-description`, hashId) }, description) : null;
-    const metaClass = classNames(`${prefixCls}-content`, hashId, {
-      [`${prefixCls}-avatar-header`]: avatarDom && headerDom && !descriptionDom
+    var avatarDom = avatar ? /*#__PURE__*/_jsx("div", {
+      className: classNames("".concat(prefixCls, "-avatar"), hashId),
+      children: typeof avatar === 'string' ? /*#__PURE__*/_jsx(Avatar, {
+        size: 48,
+        shape: "square",
+        src: avatar
+      }) : avatar
+    }) : null;
+    var headerDom = (title !== null && title !== void 0 ? title : extra) != null && /*#__PURE__*/_jsxs("div", {
+      className: classNames("".concat(prefixCls, "-header"), hashId),
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: classNames("".concat(prefixCls, "-header-left"), hashId),
+        children: [/*#__PURE__*/_jsx("div", {
+          className: classNames("".concat(prefixCls, "-title"), hashId, _defineProperty({}, "".concat(prefixCls, "-title-with-ellipsis"), typeof title === 'string')),
+          children: title
+        }), props.subTitle ? /*#__PURE__*/_jsx("div", {
+          className: classNames("".concat(prefixCls, "-subTitle"), hashId),
+          children: props.subTitle
+        }) : null]
+      }), extra && /*#__PURE__*/_jsx("div", {
+        className: classNames("".concat(prefixCls, "-extra"), hashId),
+        children: extra
+      })]
+    });
+    var descriptionDom = description ? /*#__PURE__*/_jsx("div", {
+      className: classNames("".concat(prefixCls, "-description"), hashId),
+      children: description
+    }) : null;
+    var metaClass = classNames("".concat(prefixCls, "-content"), hashId, _defineProperty({}, "".concat(prefixCls, "-avatar-header"), avatarDom && headerDom && !descriptionDom));
+    return /*#__PURE__*/_jsxs("div", {
+      className: metaClass,
+      children: [avatarDom, headerDom || descriptionDom ? /*#__PURE__*/_jsxs("div", {
+        className: classNames("".concat(prefixCls, "-detail"), hashId),
+        children: [headerDom, descriptionDom]
+      }) : null]
     });
-    return /* @__PURE__ */ React.createElement("div", { className: metaClass }, avatarDom, headerDom || descriptionDom ? /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-detail`, hashId) }, headerDom, descriptionDom) : null);
-  }, [
-    avatar,
-    cardLoading,
-    cover,
-    description,
-    extra,
-    hashId,
-    prefixCls,
-    props.subTitle,
-    title
-  ]);
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classString,
-        style,
-        onClick: (e) => {
-          if (!cardLoading && !disabled) {
-            handleClick(e);
-          }
-        },
-        onMouseEnter: props.onMouseEnter
-      },
-      metaDom,
-      props.children ? /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames(`${prefixCls}-body`, hashId),
-          style: props.bodyStyle
-        },
-        props.children
-      ) : null,
-      props.actions ? /* @__PURE__ */ React.createElement(ProCardActions, { actions: props.actions, prefixCls }) : null
-    )
-  );
+  }, [avatar, cardLoading, cover, description, extra, hashId, prefixCls, props.subTitle, title]);
+  return wrapSSR( /*#__PURE__*/_jsxs("div", {
+    className: classString,
+    style: style,
+    onClick: function onClick(e) {
+      if (!cardLoading && !disabled) {
+        handleClick(e);
+      }
+    },
+    onMouseEnter: props.onMouseEnter,
+    children: [metaDom, props.children ? /*#__PURE__*/_jsx("div", {
+      className: classNames("".concat(prefixCls, "-body"), hashId),
+      style: props.bodyStyle,
+      children: props.children
+    }) : null, props.actions ? /*#__PURE__*/_jsx(ProCardActions, {
+      actions: props.actions,
+      prefixCls: prefixCls
+    }) : null]
+  }));
 };
 CheckCard.Group = CheckCardGroup;
-var CheckCard_default = CheckCard;
-export {
-  CheckCard_default as default
-};
+export default CheckCard;