tntd 2.8.0-beta.2 → 2.8.0-beta.20

package/es/carousel/style/index.less

@@ -0,0 +1,238 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+.@{ant-prefix}-carousel {
+  .reset-component;
+
+  .slick-slider {
+    position: relative;
+    display: block;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -ms-touch-action: pan-y;
+    touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+  }
+  .slick-list {
+    position: relative;
+    display: block;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+
+    &:focus {
+      outline: none;
+    }
+
+    &.dragging {
+      cursor: pointer;
+    }
+
+    .slick-slide {
+      pointer-events: none;
+
+      // https://github.com/ant-design/ant-design/issues/23294
+      input.@{ant-prefix}-radio-input,
+      input.@{ant-prefix}-checkbox-input {
+        visibility: hidden;
+      }
+
+      &.slick-active {
+        pointer-events: auto;
+
+        input.@{ant-prefix}-radio-input,
+        input.@{ant-prefix}-checkbox-input {
+          visibility: visible;
+        }
+      }
+    }
+  }
+  .slick-slider .slick-track,
+  .slick-slider .slick-list {
+    transform: translate3d(0, 0, 0);
+  }
+
+  .slick-track {
+    position: relative;
+    top: 0;
+    left: 0;
+    display: block;
+
+    &::before,
+    &::after {
+      display: table;
+      content: '';
+    }
+
+    &::after {
+      clear: both;
+    }
+
+    .slick-loading & {
+      visibility: hidden;
+    }
+  }
+  .slick-slide {
+    display: none;
+    float: left;
+    height: 100%;
+    min-height: 1px;
+    [dir='rtl'] & {
+      float: right;
+    }
+    img {
+      display: block;
+    }
+    &.slick-loading img {
+      display: none;
+    }
+
+    &.dragging img {
+      pointer-events: none;
+    }
+  }
+
+  .slick-initialized .slick-slide {
+    display: block;
+  }
+
+  .slick-loading .slick-slide {
+    visibility: hidden;
+  }
+
+  .slick-vertical .slick-slide {
+    display: block;
+    height: auto;
+    border: @border-width-base @border-style-base transparent;
+  }
+  .slick-arrow.slick-hidden {
+    display: none;
+  }
+
+  // Arrows
+  .slick-prev,
+  .slick-next {
+    position: absolute;
+    top: 50%;
+    display: block;
+    width: 20px;
+    height: 20px;
+    margin-top: -10px;
+    padding: 0;
+    color: transparent;
+    font-size: 0;
+    line-height: 0;
+    background: transparent;
+    border: 0;
+    outline: none;
+    cursor: pointer;
+    &:hover,
+    &:focus {
+      color: transparent;
+      background: transparent;
+      outline: none;
+      &::before {
+        opacity: 1;
+      }
+    }
+    &.slick-disabled::before {
+      opacity: 0.25;
+    }
+  }
+
+  .slick-prev {
+    left: -25px;
+    &::before {
+      content: '←';
+    }
+  }
+
+  .slick-next {
+    right: -25px;
+    &::before {
+      content: '→';
+    }
+  }
+
+  // Dots
+  .slick-dots {
+    position: absolute;
+    display: block;
+    width: 100%;
+    height: @carousel-dot-height;
+    margin: 0;
+    padding: 0;
+    text-align: center;
+    list-style: none;
+    &-bottom {
+      bottom: 12px;
+    }
+    &-top {
+      top: 12px;
+    }
+    li {
+      position: relative;
+      display: inline-block;
+      margin: 0 2px;
+      padding: 0;
+      text-align: center;
+      vertical-align: top;
+      button {
+        display: block;
+        width: @carousel-dot-width;
+        height: @carousel-dot-height;
+        padding: 0;
+        color: transparent;
+        font-size: 0;
+        background: @component-background;
+        border: 0;
+        border-radius: 1px;
+        outline: none;
+        cursor: pointer;
+        opacity: 0.3;
+        transition: all 0.5s;
+        &:hover,
+        &:focus {
+          opacity: 0.75;
+        }
+      }
+      &.slick-active button {
+        width: @carousel-dot-active-width;
+        background: @component-background;
+        opacity: 1;
+        &:hover,
+        &:focus {
+          opacity: 1;
+        }
+      }
+    }
+  }
+}
+
+.@{ant-prefix}-carousel-vertical {
+  .slick-dots {
+    top: 50%;
+    bottom: auto;
+    width: @carousel-dot-height;
+    height: auto;
+    transform: translateY(-50%);
+    &-left {
+      left: 12px;
+    }
+    &-right {
+      right: 12px;
+    }
+    li {
+      margin: 0 2px;
+      vertical-align: baseline;
+      button {
+        width: @carousel-dot-height;
+        height: @carousel-dot-width;
+      }
+      &.slick-active button {
+        width: @carousel-dot-height;
+        height: @carousel-dot-active-width;
+      }
+    }
+  }
+}

package/es/cascader/index.js

@@ -1,7 +1,7 @@
 import AntdCascader from 'antd/es/cascader';
 import { connectReadonlyComponent } from '../connect';
 import { PreviewText } from '../preview-text';
-import 'antd/es/cascader/style';
+import './style';
 export * from 'antd/es/cascader';
 // @ts-ignore
 export const Cascader = connectReadonlyComponent(AntdCascader, PreviewText.Cascader);

package/es/cascader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cascader/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,wBAAwB,CAAA;AAE/B,cAAc,kBAAkB,CAAA;AAMhC,aAAa;AACb,MAAM,CAAC,MAAM,QAAQ,GAAG,wBAAwB,CAAC,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;AAEpF,eAAe,QAAQ,CAAA","sourcesContent":["import AntdCascader from 'antd/es/cascader'\nimport type { CascaderProps as AntdCascaderProps } from 'antd/es/cascader'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nimport 'antd/es/cascader/style'\n\nexport * from 'antd/es/cascader'\n\nexport type CascaderProps = AntdCascaderProps & {\n  readonly?: boolean\n}\n\n// @ts-ignore\nexport const Cascader = connectReadonlyComponent(AntdCascader, PreviewText.Cascader)\n\nexport default Cascader\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cascader/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,SAAS,CAAA;AAEhB,cAAc,kBAAkB,CAAA;AAMhC,aAAa;AACb,MAAM,CAAC,MAAM,QAAQ,GAAG,wBAAwB,CAAC,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;AAEpF,eAAe,QAAQ,CAAA","sourcesContent":["import AntdCascader from 'antd/es/cascader'\nimport type { CascaderProps as AntdCascaderProps } from 'antd/es/cascader'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nimport './style'\n\nexport * from 'antd/es/cascader'\n\nexport type CascaderProps = AntdCascaderProps & {\n  readonly?: boolean\n}\n\n// @ts-ignore\nexport const Cascader = connectReadonlyComponent(AntdCascader, PreviewText.Cascader)\n\nexport default Cascader\n"]}

package/es/cascader/style/index.js

@@ -0,0 +1,5 @@
+import '../../style/index.less';
+import './index.less';
+// style dependencies
+import '../../empty/style';
+import '../../input/style';

package/es/cascader/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/cascader/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA;AAErB,qBAAqB;AACrB,OAAO,mBAAmB,CAAA;AAC1B,OAAO,mBAAmB,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n\n// style dependencies\nimport '../../empty/style'\nimport '../../input/style'\n"]}

package/es/cascader/style/index.less

@@ -0,0 +1,227 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import '../../input/style/mixin';
+
+@cascader-prefix-cls: ~'@{ant-prefix}-cascader';
+
+.@{cascader-prefix-cls} {
+  .reset-component;
+
+  &-input.@{ant-prefix}-input {
+    // Keep it static for https://github.com/ant-design/ant-design/issues/16738
+    position: static;
+    width: 100%;
+    // https://github.com/ant-design/ant-design/issues/17582
+    padding-right: 24px;
+    // Add important to fix https://github.com/ant-design/ant-design/issues/5078
+    // because input.less will compile after cascader.less
+    background-color: transparent !important;
+    cursor: pointer;
+  }
+
+  &-picker-show-search &-input.@{ant-prefix}-input {
+    position: relative;
+  }
+
+  &-picker {
+    .reset-component;
+
+    position: relative;
+    display: inline-block;
+    background-color: @component-background;
+    border-radius: @border-radius-base;
+    outline: 0;
+    cursor: pointer;
+    transition: color 0.3s;
+
+    &-with-value &-label {
+      color: transparent;
+    }
+
+    &-disabled {
+      color: @disabled-color;
+      background: @input-disabled-bg;
+      cursor: not-allowed;
+      .@{cascader-prefix-cls}-input {
+        cursor: not-allowed;
+      }
+    }
+
+    &:focus .@{cascader-prefix-cls}-input {
+      .active;
+    }
+
+    &-show-search&-focused {
+      color: @disabled-color;
+    }
+
+    &-label {
+      position: absolute;
+      top: 50%;
+      left: 0;
+      width: 100%;
+      height: 20px;
+      margin-top: -10px;
+      padding: 0 20px 0 @control-padding-horizontal;
+      overflow: hidden;
+      line-height: 20px;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    &-clear {
+      position: absolute;
+      top: 50%;
+      right: @control-padding-horizontal;
+      z-index: 2;
+      width: 12px;
+      height: 12px;
+      margin-top: -6px;
+      color: @disabled-color;
+      font-size: @font-size-sm;
+      line-height: 12px;
+      background: @component-background;
+      cursor: pointer;
+      opacity: 0;
+      transition: color 0.3s ease, opacity 0.15s ease;
+      &:hover {
+        color: @text-color-secondary;
+      }
+    }
+
+    &:hover &-clear {
+      opacity: 1;
+    }
+
+    // arrow
+    &-arrow {
+      position: absolute;
+      top: 50%;
+      right: @control-padding-horizontal;
+      z-index: 1;
+      width: 12px;
+      height: 12px;
+      margin-top: -8px;
+      color: @disabled-color;
+      font-size: 16px;
+      line-height: 12px;
+      transition: transform 0.2s;
+      &&-expand {
+        transform: rotate(180deg);
+      }
+    }
+  }
+
+  // https://github.com/ant-design/ant-design/pull/12407#issuecomment-424657810
+  &-picker-label:hover + &-input {
+    .hover;
+  }
+
+  &-picker-small &-picker-clear,
+  &-picker-small &-picker-arrow {
+    right: @control-padding-horizontal-sm;
+  }
+
+  &-menus {
+    position: absolute;
+    z-index: @zindex-dropdown;
+    font-size: @cascader-dropdown-font-size;
+    white-space: nowrap;
+    background: @component-background;
+    border-radius: @border-radius-base;
+    box-shadow: @box-shadow-base;
+
+    ul,
+    ol {
+      margin: 0;
+      list-style: none;
+    }
+
+    &-empty,
+    &-hidden {
+      display: none;
+    }
+    &.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
+    &.slide-up-appear.slide-up-appear-active&-placement-bottomLeft {
+      animation-name: antSlideUpIn;
+    }
+
+    &.slide-up-enter.slide-up-enter-active&-placement-topLeft,
+    &.slide-up-appear.slide-up-appear-active&-placement-topLeft {
+      animation-name: antSlideDownIn;
+    }
+
+    &.slide-up-leave.slide-up-leave-active&-placement-bottomLeft {
+      animation-name: antSlideUpOut;
+    }
+
+    &.slide-up-leave.slide-up-leave-active&-placement-topLeft {
+      animation-name: antSlideDownOut;
+    }
+  }
+  &-menu {
+    display: inline-block;
+    min-width: 111px;
+    height: 180px;
+    margin: 0;
+    padding: @cascader-dropdown-edge-child-vertical-padding 0;
+    overflow: auto;
+    vertical-align: top;
+    list-style: none;
+    border-right: @border-width-base @border-style-base @border-color-split;
+    -ms-overflow-style: -ms-autohiding-scrollbar; // https://github.com/ant-design/ant-design/issues/11857
+
+    &:first-child {
+      border-radius: @border-radius-base 0 0 @border-radius-base;
+    }
+    &:last-child {
+      margin-right: -1px;
+      border-right-color: transparent;
+      border-radius: 0 @border-radius-base @border-radius-base 0;
+    }
+    &:only-child {
+      border-radius: @border-radius-base;
+    }
+  }
+  &-menu-item {
+    padding: @cascader-dropdown-vertical-padding @control-padding-horizontal;
+    line-height: @cascader-dropdown-line-height;
+    white-space: nowrap;
+    cursor: pointer;
+    transition: all 0.3s;
+    &:hover {
+      background: @item-hover-bg;
+    }
+    &-disabled {
+      color: @disabled-color;
+      cursor: not-allowed;
+      &:hover {
+        background: transparent;
+      }
+    }
+    &-active:not(&-disabled) {
+      &,
+      &:hover {
+        font-weight: @select-item-selected-font-weight;
+        background-color: @background-color-light;
+      }
+    }
+    &-expand {
+      position: relative;
+      padding-right: 24px;
+    }
+
+    &-expand &-expand-icon,
+    &-loading-icon {
+      .iconfont-size-under-12px(10px);
+
+      position: absolute;
+      right: @control-padding-horizontal;
+      color: @text-color-secondary;
+    }
+
+    & &-keyword {
+      color: @highlight-color;
+    }
+  }
+}

package/es/check-card/index.js

@@ -1,5 +1,3 @@
-import "antd/es/avatar/style";
-import _Avatar from "antd/es/avatar";
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -9,6 +7,7 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 import useMountMergeState from 'rc-util/lib/hooks/useMergedState';
+import Avatar from '../avatar';
 import classNames from 'classnames';
 import React, { useContext, useEffect, useMemo } from 'react';
 import ProCardActions from '../actions';
@@ -114,7 +113,7 @@ const CheckCard = props => {
     }
     const avatarDom = avatar ? React.createElement("div", {
       className: `${prefixCls}-avatar`
-    }, typeof avatar === 'string' ? React.createElement(_Avatar, {
+    }, typeof avatar === 'string' ? React.createElement(Avatar, {
       size: 48,
       shape: "square",
       src: avatar

package/es/check-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/check-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import useMountMergeState from 'rc-util/lib/hooks/useMergedState'\nimport { Avatar, ConfigProvider } from 'antd'\nimport classNames from 'classnames'\nimport type { MouseEventHandler } from 'react'\nimport React, { useContext, useEffect, useMemo } from 'react'\nimport ProCardActions from '../actions'\nimport type { CheckCardGroupProps } from './group'\nimport CheckCardGroup, { CardLoading, CheckCardGroupConnext } from './group'\nimport './index.less'\n\ninterface CheckCardProps {\n  /**\n   * 自定义前缀\n   *\n   * @ignore\n   */\n  prefixCls?: string\n  /** Change 回调 */\n  onChange?: (checked: boolean) => void\n  /** Click 回调 */\n  onClick?: (event: MouseEventHandler<HTMLDivElement> | undefined) => void\n  /** 鼠标进入时的回调 */\n  onMouseEnter?: MouseEventHandler<HTMLDivElement>\n  /** 鼠标出来时的回调 */\n  onMouseLeave?: (event: MouseEventHandler<HTMLDivElement> | undefined) => void\n  /**\n   * 默认是否勾选\n   *\n   * @default false\n   * @title 默认勾选\n   */\n  defaultChecked?: boolean\n  /**\n   * 强制勾选\n   *\n   * @default false\n   * @title 强制勾选\n   */\n  checked?: boolean\n  /**\n   * 不可用\n   *\n   * @default false\n   * @title 禁用\n   */\n  disabled?: boolean\n  /**\n   * 选项卡样式\n   *\n   * @ignore\n   */\n  style?: React.CSSProperties\n  /**\n   * 选项卡 className\n   *\n   * @ignore\n   */\n  className?: string\n  /**\n   * 左侧头像展示，可以是一个链接也可以是是一个 ReactNode\n   *\n   * @title 头像\n   */\n  avatar?: React.ReactNode\n  /**\n   * 标题展示\n   *\n   * @title 标题\n   */\n  title?: React.ReactNode\n  /**\n   * 二级标题展示\n   *\n   * @title 二级标题\n   */\n  subTitle?: React.ReactNode\n  /**\n   * 描述展示\n   *\n   * @title 描述\n   */\n  description?: React.ReactNode\n  /**\n   * 选项值\n   *\n   * @title 值\n   */\n  value?: any\n  /**\n   * 内容是否在加载中\n   *\n   * @default false\n   * @title 加载中\n   */\n  loading?: boolean\n  /**\n   * 图片封面默认，该模式下其他展示值被忽略\n   *\n   * @title 卡片背景图片\n   */\n  cover?: React.ReactNode\n  /**\n   * 组件尺寸，支持大，中，小三种默认尺寸，用户可以自定义宽高\n   *\n   * @default default\n   * @title 选择框大小\n   */\n  size?: 'large' | 'default' | 'small'\n  /**\n   * 是否显示边框\n   *\n   * @default true\n   * @title 显示边框\n   */\n  bordered?: boolean\n  /**\n   * 卡片右上角的操作区域\n   *\n   * @title 操作栏\n   */\n  extra?: React.ReactNode\n\n  children?: React.ReactNode\n  /**\n   * 内容区域的样式设计\n   */\n  bodyStyle?: React.CSSProperties\n  /**\n   * 右下角的操作区\n   */\n  actions?: React.ReactNode[]\n\n  ghost?: boolean\n}\n\nexport interface CheckCardState {\n  checked: boolean\n}\n\nconst CheckCard: React.FC<CheckCardProps> & {\n  Group: typeof CheckCardGroup\n} = (props) => {\n  const [stateChecked, setStateChecked] = useMountMergeState<boolean>(\n    props.defaultChecked || false,\n    {\n      value: props.checked,\n      onChange: props.onChange,\n    }\n  )\n  const checkCardGroup = useContext(CheckCardGroupConnext)\n\n  const handleClick = (e: any) => {\n    props?.onClick?.(e)\n    const newChecked = !stateChecked\n    checkCardGroup?.toggleOption?.({ value: props.value })\n    setStateChecked?.(newChecked, e)\n  }\n\n  // small => sm large => lg\n  const getSizeCls = (size?: string) => {\n    if (size === 'large') return 'lg'\n    if (size === 'small') return 'sm'\n    return ''\n  }\n\n  useEffect(() => {\n    checkCardGroup?.registerValue?.(props.value)\n    return () => checkCardGroup?.cancelValue?.(props.value)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.value])\n\n  /**\n   * 头像自定义\n   *\n   * @param prefixCls\n   * @param cover\n   * @returns\n   */\n  const renderCover = (prefixCls: string, cover: string | React.ReactNode) => {\n    return (\n      <div className={`${prefixCls}-cover`}>\n        {typeof cover === 'string' ? <img src={cover} alt=\"tntd-checkcard\" /> : cover}\n      </div>\n    )\n  }\n\n  const {\n    prefixCls: customizePrefixCls,\n    className,\n    avatar,\n    title,\n    description,\n    cover,\n    extra,\n    style = {},\n    ...others\n  } = props\n\n  const checkCardProps: CheckCardProps = { ...others }\n  const prefixCls = 'tntd-checkcard'\n  checkCardProps.checked = stateChecked\n\n  let multiple: boolean | undefined = false\n\n  if (checkCardGroup) {\n    // 受组控制模式\n    checkCardProps.disabled = props.disabled || checkCardGroup.disabled\n    checkCardProps.loading = props.loading || checkCardGroup.loading\n    checkCardProps.bordered = props.bordered || checkCardGroup.bordered\n\n    multiple = checkCardGroup.multiple\n\n    const isChecked = checkCardGroup.multiple\n      ? checkCardGroup.value?.includes(props.value)\n      : checkCardGroup.value === props.value\n\n    // loading时check为false\n    checkCardProps.checked = checkCardProps.loading ? false : isChecked\n    checkCardProps.size = props.size || checkCardGroup.size\n  }\n\n  const { disabled = false, size, loading: cardLoading, bordered = true, checked } = checkCardProps\n  const sizeCls = getSizeCls(size)\n\n  const classString = classNames(prefixCls, className, {\n    [`${prefixCls}-loading`]: cardLoading,\n    [`${prefixCls}-${sizeCls}`]: sizeCls,\n    [`${prefixCls}-checked`]: checked,\n    [`${prefixCls}-multiple`]: multiple,\n    [`${prefixCls}-disabled`]: disabled,\n    [`${prefixCls}-bordered`]: bordered,\n    [`${prefixCls}-ghost`]: props.ghost,\n  })\n\n  const metaDom = useMemo(() => {\n    if (cardLoading) {\n      return <CardLoading prefixCls={prefixCls || ''} />\n    }\n\n    if (cover) {\n      return renderCover(prefixCls || '', cover)\n    }\n\n    const avatarDom = avatar ? (\n      <div className={`${prefixCls}-avatar`}>\n        {typeof avatar === 'string' ? <Avatar size={48} shape=\"square\" src={avatar} /> : avatar}\n      </div>\n    ) : null\n\n    const headerDom = (title ?? extra) != null && (\n      <div className={`${prefixCls}-header`}>\n        <div className={`${prefixCls}-header-left`}>\n          <div className={`${prefixCls}-title`}>{title}</div>\n          {props.subTitle ? <div className={`${prefixCls}-subTitle`}>{props.subTitle}</div> : null}\n        </div>\n        {extra && <div className={`${prefixCls}-extra`}>{extra}</div>}\n      </div>\n    )\n\n    const descriptionDom = description ? (\n      <div className={`${prefixCls}-description`}>{description}</div>\n    ) : null\n\n    const metaClass = classNames(`${prefixCls}-content`, {\n      [`${prefixCls}-avatar-header`]: avatarDom && headerDom && !descriptionDom,\n    })\n\n    return (\n      <div className={metaClass}>\n        {avatarDom}\n        {headerDom || descriptionDom ? (\n          <div className={`${prefixCls}-detail`}>\n            {headerDom}\n            {descriptionDom}\n          </div>\n        ) : null}\n      </div>\n    )\n  }, [avatar, cardLoading, cover, description, extra, prefixCls, props.subTitle, title])\n\n  return (\n    <div\n      className={classString}\n      style={style}\n      onClick={(e) => {\n        if (!cardLoading && !disabled) {\n          handleClick(e)\n        }\n      }}\n      onMouseEnter={props.onMouseEnter}\n    >\n      {metaDom}\n      {props.children ? (\n        <div className={classNames(`${prefixCls}-body`)} style={props.bodyStyle}>\n          {props.children}\n        </div>\n      ) : null}\n      {props.actions ? <ProCardActions actions={props.actions} prefixCls={prefixCls} /> : null}\n    </div>\n  )\n}\n\nCheckCard.Group = CheckCardGroup\n\nexport type { CheckCardGroupProps, CheckCardProps }\n\nexport default CheckCard\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/check-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import useMountMergeState from 'rc-util/lib/hooks/useMergedState'\nimport Avatar from '../avatar'\nimport classNames from 'classnames'\nimport type { MouseEventHandler } from 'react'\nimport React, { useContext, useEffect, useMemo } from 'react'\nimport ProCardActions from '../actions'\nimport type { CheckCardGroupProps } from './group'\nimport CheckCardGroup, { CardLoading, CheckCardGroupConnext } from './group'\nimport './index.less'\n\ninterface CheckCardProps {\n  /**\n   * 自定义前缀\n   *\n   * @ignore\n   */\n  prefixCls?: string\n  /** Change 回调 */\n  onChange?: (checked: boolean) => void\n  /** Click 回调 */\n  onClick?: (event: MouseEventHandler<HTMLDivElement> | undefined) => void\n  /** 鼠标进入时的回调 */\n  onMouseEnter?: MouseEventHandler<HTMLDivElement>\n  /** 鼠标出来时的回调 */\n  onMouseLeave?: (event: MouseEventHandler<HTMLDivElement> | undefined) => void\n  /**\n   * 默认是否勾选\n   *\n   * @default false\n   * @title 默认勾选\n   */\n  defaultChecked?: boolean\n  /**\n   * 强制勾选\n   *\n   * @default false\n   * @title 强制勾选\n   */\n  checked?: boolean\n  /**\n   * 不可用\n   *\n   * @default false\n   * @title 禁用\n   */\n  disabled?: boolean\n  /**\n   * 选项卡样式\n   *\n   * @ignore\n   */\n  style?: React.CSSProperties\n  /**\n   * 选项卡 className\n   *\n   * @ignore\n   */\n  className?: string\n  /**\n   * 左侧头像展示，可以是一个链接也可以是是一个 ReactNode\n   *\n   * @title 头像\n   */\n  avatar?: React.ReactNode\n  /**\n   * 标题展示\n   *\n   * @title 标题\n   */\n  title?: React.ReactNode\n  /**\n   * 二级标题展示\n   *\n   * @title 二级标题\n   */\n  subTitle?: React.ReactNode\n  /**\n   * 描述展示\n   *\n   * @title 描述\n   */\n  description?: React.ReactNode\n  /**\n   * 选项值\n   *\n   * @title 值\n   */\n  value?: any\n  /**\n   * 内容是否在加载中\n   *\n   * @default false\n   * @title 加载中\n   */\n  loading?: boolean\n  /**\n   * 图片封面默认，该模式下其他展示值被忽略\n   *\n   * @title 卡片背景图片\n   */\n  cover?: React.ReactNode\n  /**\n   * 组件尺寸，支持大，中，小三种默认尺寸，用户可以自定义宽高\n   *\n   * @default default\n   * @title 选择框大小\n   */\n  size?: 'large' | 'default' | 'small'\n  /**\n   * 是否显示边框\n   *\n   * @default true\n   * @title 显示边框\n   */\n  bordered?: boolean\n  /**\n   * 卡片右上角的操作区域\n   *\n   * @title 操作栏\n   */\n  extra?: React.ReactNode\n\n  children?: React.ReactNode\n  /**\n   * 内容区域的样式设计\n   */\n  bodyStyle?: React.CSSProperties\n  /**\n   * 右下角的操作区\n   */\n  actions?: React.ReactNode[]\n\n  ghost?: boolean\n}\n\nexport interface CheckCardState {\n  checked: boolean\n}\n\nconst CheckCard: React.FC<CheckCardProps> & {\n  Group: typeof CheckCardGroup\n} = (props) => {\n  const [stateChecked, setStateChecked] = useMountMergeState<boolean>(\n    props.defaultChecked || false,\n    {\n      value: props.checked,\n      onChange: props.onChange,\n    }\n  )\n  const checkCardGroup = useContext(CheckCardGroupConnext)\n\n  const handleClick = (e: any) => {\n    props?.onClick?.(e)\n    const newChecked = !stateChecked\n    checkCardGroup?.toggleOption?.({ value: props.value })\n    setStateChecked?.(newChecked, e)\n  }\n\n  // small => sm large => lg\n  const getSizeCls = (size?: string) => {\n    if (size === 'large') return 'lg'\n    if (size === 'small') return 'sm'\n    return ''\n  }\n\n  useEffect(() => {\n    checkCardGroup?.registerValue?.(props.value)\n    return () => checkCardGroup?.cancelValue?.(props.value)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.value])\n\n  /**\n   * 头像自定义\n   *\n   * @param prefixCls\n   * @param cover\n   * @returns\n   */\n  const renderCover = (prefixCls: string, cover: string | React.ReactNode) => {\n    return (\n      <div className={`${prefixCls}-cover`}>\n        {typeof cover === 'string' ? <img src={cover} alt=\"tntd-checkcard\" /> : cover}\n      </div>\n    )\n  }\n\n  const {\n    prefixCls: customizePrefixCls,\n    className,\n    avatar,\n    title,\n    description,\n    cover,\n    extra,\n    style = {},\n    ...others\n  } = props\n\n  const checkCardProps: CheckCardProps = { ...others }\n  const prefixCls = 'tntd-checkcard'\n  checkCardProps.checked = stateChecked\n\n  let multiple: boolean | undefined = false\n\n  if (checkCardGroup) {\n    // 受组控制模式\n    checkCardProps.disabled = props.disabled || checkCardGroup.disabled\n    checkCardProps.loading = props.loading || checkCardGroup.loading\n    checkCardProps.bordered = props.bordered || checkCardGroup.bordered\n\n    multiple = checkCardGroup.multiple\n\n    const isChecked = checkCardGroup.multiple\n      ? checkCardGroup.value?.includes(props.value)\n      : checkCardGroup.value === props.value\n\n    // loading时check为false\n    checkCardProps.checked = checkCardProps.loading ? false : isChecked\n    checkCardProps.size = props.size || checkCardGroup.size\n  }\n\n  const { disabled = false, size, loading: cardLoading, bordered = true, checked } = checkCardProps\n  const sizeCls = getSizeCls(size)\n\n  const classString = classNames(prefixCls, className, {\n    [`${prefixCls}-loading`]: cardLoading,\n    [`${prefixCls}-${sizeCls}`]: sizeCls,\n    [`${prefixCls}-checked`]: checked,\n    [`${prefixCls}-multiple`]: multiple,\n    [`${prefixCls}-disabled`]: disabled,\n    [`${prefixCls}-bordered`]: bordered,\n    [`${prefixCls}-ghost`]: props.ghost,\n  })\n\n  const metaDom = useMemo(() => {\n    if (cardLoading) {\n      return <CardLoading prefixCls={prefixCls || ''} />\n    }\n\n    if (cover) {\n      return renderCover(prefixCls || '', cover)\n    }\n\n    const avatarDom = avatar ? (\n      <div className={`${prefixCls}-avatar`}>\n        {typeof avatar === 'string' ? <Avatar size={48} shape=\"square\" src={avatar} /> : avatar}\n      </div>\n    ) : null\n\n    const headerDom = (title ?? extra) != null && (\n      <div className={`${prefixCls}-header`}>\n        <div className={`${prefixCls}-header-left`}>\n          <div className={`${prefixCls}-title`}>{title}</div>\n          {props.subTitle ? <div className={`${prefixCls}-subTitle`}>{props.subTitle}</div> : null}\n        </div>\n        {extra && <div className={`${prefixCls}-extra`}>{extra}</div>}\n      </div>\n    )\n\n    const descriptionDom = description ? (\n      <div className={`${prefixCls}-description`}>{description}</div>\n    ) : null\n\n    const metaClass = classNames(`${prefixCls}-content`, {\n      [`${prefixCls}-avatar-header`]: avatarDom && headerDom && !descriptionDom,\n    })\n\n    return (\n      <div className={metaClass}>\n        {avatarDom}\n        {headerDom || descriptionDom ? (\n          <div className={`${prefixCls}-detail`}>\n            {headerDom}\n            {descriptionDom}\n          </div>\n        ) : null}\n      </div>\n    )\n  }, [avatar, cardLoading, cover, description, extra, prefixCls, props.subTitle, title])\n\n  return (\n    <div\n      className={classString}\n      style={style}\n      onClick={(e) => {\n        if (!cardLoading && !disabled) {\n          handleClick(e)\n        }\n      }}\n      onMouseEnter={props.onMouseEnter}\n    >\n      {metaDom}\n      {props.children ? (\n        <div className={classNames(`${prefixCls}-body`)} style={props.bodyStyle}>\n          {props.children}\n        </div>\n      ) : null}\n      {props.actions ? <ProCardActions actions={props.actions} prefixCls={prefixCls} /> : null}\n    </div>\n  )\n}\n\nCheckCard.Group = CheckCardGroup\n\nexport type { CheckCardGroupProps, CheckCardProps }\n\nexport default CheckCard\n"]}

package/es/checkbox/index.js

@@ -1,6 +1,6 @@
 import Checkbox from 'antd/es/checkbox';
 import CheckboxGroup from './checkbox-group';
-import 'antd/es/checkbox/style';
+import './style';
 export * from 'antd/es/checkbox';
 // @ts-ignore
 export * from './checkbox-group';

package/es/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AACvC,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAE5C,OAAO,wBAAwB,CAAA;AAE/B,cAAc,kBAAkB,CAAA;AAChC,aAAa;AACb,cAAc,kBAAkB,CAAA;AAEhC,aAAa;AACb,QAAQ,CAAC,KAAK,GAAG,aAAa,CAAA;AAE9B,eAAe,QAAQ,CAAA","sourcesContent":["import Checkbox from 'antd/es/checkbox'\nimport CheckboxGroup from './checkbox-group'\n\nimport 'antd/es/checkbox/style'\n\nexport * from 'antd/es/checkbox'\n// @ts-ignore\nexport * from './checkbox-group'\n\n// @ts-ignore\nCheckbox.Group = CheckboxGroup\n\nexport default Checkbox\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AACvC,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAE5C,OAAO,SAAS,CAAA;AAEhB,cAAc,kBAAkB,CAAA;AAChC,aAAa;AACb,cAAc,kBAAkB,CAAA;AAEhC,aAAa;AACb,QAAQ,CAAC,KAAK,GAAG,aAAa,CAAA;AAE9B,eAAe,QAAQ,CAAA","sourcesContent":["import Checkbox from 'antd/es/checkbox'\nimport CheckboxGroup from './checkbox-group'\n\nimport './style'\n\nexport * from 'antd/es/checkbox'\n// @ts-ignore\nexport * from './checkbox-group'\n\n// @ts-ignore\nCheckbox.Group = CheckboxGroup\n\nexport default Checkbox\n"]}

package/es/checkbox/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/checkbox/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}

package/es/checkbox/style/index.less

@@ -0,0 +1,4 @@
+@import '../../style/themes/index';
+@import './mixin';
+
+.antCheckboxFn();