tntd 2.8.0-beta.8 → 2.8.1

package/es/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,SAAS,CAAA;AAEhB,cAAc,aAAa,CAAA;AAE3B,eAAe,GAAG,CAAA","sourcesContent":["import Tag from 'antd/es/tag'\n\nimport './style'\n\nexport * from 'antd/es/tag'\n\nexport default Tag\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,SAAS,CAAA;AAChB,OAAO,YAAY,CAAA;AACnB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B,cAAc,OAAO,CAAA;AAErB,eAAe,GAAG,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-02-29 14:21:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-05-24 23:01:30\n * @FilePath: /tntd/packages/tntd/src/tag/index.ts\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport './style'\nimport './tag.less'\nimport { Tag } from './tag'\n\nexport * from './tag'\n\nexport default Tag\n"]}

package/es/tag/tag.js

@@ -0,0 +1,171 @@
+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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+/*
+ * @Author: 周泽飞 zefei.zhou@tongdun.net
+ * @Date: 2024-03-04 19:15:22
+ * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
+ * @LastEditTime: 2024-03-11 10:10:31
+ * @FilePath: /tntd/packages/tntd/src/tag/tag.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import React, { forwardRef } from 'react';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import { default as AntdTag } from 'antd/es/tag';
+import classNames from 'classnames';
+import Ellipsis from '../ellipsis';
+import Icon from '../icon';
+export * from 'antd/es/tag';
+export var TagColors;
+(function (TagColors) {
+  TagColors["grey"] = "grey";
+  TagColors["rose"] = "rose";
+  TagColors["lightblue"] = "lightblue";
+  TagColors["bluegrey"] = "bluegrey";
+  TagColors["purplegrey"] = "purplegrey";
+  TagColors["lightpurple"] = "lightpurple";
+  TagColors["lightgreen"] = "lightgreen";
+  TagColors["tnt-pink"] = "tnt-pink";
+  TagColors["tnt-orange"] = "tnt-orange";
+  TagColors["tnt-purple"] = "tnt-purple";
+})(TagColors || (TagColors = {}));
+// 内置的状态
+const statusMap = {
+  success: {
+    icon: 'check-circle',
+    color: 'green'
+  },
+  info: {
+    icon: 'info-circle',
+    color: 'blue'
+  },
+  error: {
+    icon: 'close-circle',
+    color: 'red'
+  },
+  warning: {
+    icon: 'info-circle',
+    color: 'orange'
+  }
+};
+const getDisplayEllipsisOptions = (props, prefixCls) => {
+  var _a;
+  const {
+    ellipsisOptions,
+    addonContent,
+    addonType,
+    addonPosition,
+    children
+  } = props || {};
+  const options = Object.assign({}, ellipsisOptions);
+  let addonContentInfo = null;
+  if (addonContent) {
+    addonContentInfo = addonContent;
+  } else if (addonType && statusMap[addonType]) {
+    addonContentInfo = React.createElement(Icon, {
+      type: (_a = statusMap[addonType]) === null || _a === void 0 ? void 0 : _a.icon
+    });
+  }
+  if (addonContentInfo) {
+    addonContentInfo = React.createElement("span", {
+      className: `${prefixCls}-addon`
+    }, addonContentInfo);
+    if (addonPosition === 'prefix') {
+      options.prefix = addonContentInfo;
+    }
+    if (addonPosition === 'suffix') {
+      options.suffix = addonContentInfo;
+    }
+    if (options.Popover === true) {
+      options.content = children;
+    } else {
+      options.title = children;
+    }
+    options.contentInfo = addonContentInfo;
+  }
+  return options;
+};
+export const Tag = forwardRef((props, ref) => {
+  var _a;
+  const {
+      className,
+      border = true,
+      size,
+      addonType,
+      addonContent,
+      addonPosition = 'prefix',
+      ellipsisOptions,
+      children
+    } = props,
+    restProps = __rest(props, ["className", "border", "size", "addonType", "addonContent", "addonPosition", "ellipsisOptions", "children"]);
+  let {
+    color
+  } = props || {};
+  if (!color && addonType) {
+    color = (_a = statusMap[addonType]) === null || _a === void 0 ? void 0 : _a.color;
+  }
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    var _a, _b, _c, _d, _e;
+    const prefixCls = getPrefixCls('tag');
+    const displayEllipsisOptions = getDisplayEllipsisOptions({
+      ellipsisOptions,
+      addonContent,
+      addonType,
+      addonPosition,
+      children
+    }, prefixCls);
+    // 只有一个icon时 padding距离存在差异
+    const onlyIcon = React.isValidElement(children) && React.Children.only(children) && (children === null || children === void 0 ? void 0 : children.type) instanceof Function && ((_c = (_b = (_a = children === null || children === void 0 ? void 0 : children.type) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.toLowerCase) === null || _c === void 0 ? void 0 : _c.call(_b)) === 'icon';
+    // 前缀是图片 只处理一层节点下是图片的，否则就用户自定义样式
+    const addonIsImg = React.isValidElement(addonContent) && (addonContent === null || addonContent === void 0 ? void 0 : addonContent.type) && typeof (addonContent === null || addonContent === void 0 ? void 0 : addonContent.type) === 'string' && ((_e = (_d = addonContent === null || addonContent === void 0 ? void 0 : addonContent.type) === null || _d === void 0 ? void 0 : _d.toLowerCase) === null || _e === void 0 ? void 0 : _e.call(_d)) === 'img';
+    return React.createElement(AntdTag, Object.assign({
+      className: classNames({
+        [`${prefixCls}-${color}`]: color && !!TagColors[color]
+      }, 'tnt-tag', `${prefixCls}-${size || 'middle'}`, {
+        [`${prefixCls}-no-border`]: !border
+      }, {
+        [`${prefixCls}-only-child`]: !children || onlyIcon
+      }, {
+        [`${prefixCls}-addon-img`]: !!addonIsImg
+      }, className || '')
+    }, restProps, {
+      color: !TagColors[color] ? color : '',
+      ref: ref
+    }), !addonContent && !addonType && !ellipsisOptions && children, (!!addonContent || !!addonType || !!ellipsisOptions) && React.createElement("span", {
+      className: `${prefixCls}-addon-wrap`
+    }, !!children && React.createElement(Ellipsis, Object.assign({}, displayEllipsisOptions), children), !children && (displayEllipsisOptions === null || displayEllipsisOptions === void 0 ? void 0 : displayEllipsisOptions.contentInfo)));
+  });
+});
+Tag.CheckableTag = forwardRef((props, ref) => {
+  // 默认没有border
+  const _a = props || {},
+    {
+      onChange,
+      disabled,
+      border = false,
+      className
+    } = _a,
+    rest = __rest(_a, ["onChange", "disabled", "border", "className"]);
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('tag-checkable');
+    return React.createElement(AntdTag.CheckableTag, Object.assign({}, !disabled && {
+      onChange
+    }, {
+      className: classNames('tnt-tag', {
+        [`${prefixCls}-disabled`]: disabled,
+        [`${prefixCls}-border`]: !!border
+      })
+    }, rest, {
+      ref: ref
+    }));
+  });
+});

package/es/tag/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../src/tag/tag.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-03-04 19:15:22\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-11 10:10:31\n * @FilePath: /tntd/packages/tntd/src/tag/tag.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { useMemo, forwardRef } from 'react'\nimport type { TagProps as AntdTagProps } from 'antd/es/tag'\nimport type { CheckableTagProps as AntdCheckableTagProps } from 'antd/es/tag'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdTag } from 'antd/es/tag'\nimport type AntdCheckableTag from 'antd/es/tag/CheckableTag'\nimport classNames from 'classnames'\nimport Ellipsis from '../ellipsis'\nimport Icon from '../icon'\n\nexport * from 'antd/es/tag'\n\nexport enum TagColors {\n  grey = 'grey',\n  rose = 'rose',\n  lightblue = 'lightblue',\n  bluegrey = 'bluegrey',\n  purplegrey = 'purplegrey',\n  lightpurple = 'lightpurple',\n  lightgreen = 'lightgreen',\n  'tnt-pink' = 'tnt-pink',\n  'tnt-orange' = 'tnt-orange',\n  'tnt-purple' = 'tnt-purple',\n}\n\n// 内置的状态\nconst statusMap = {\n  success: {\n    icon: 'check-circle',\n    color: 'green',\n  },\n  info: {\n    icon: 'info-circle',\n    color: 'blue',\n  },\n  error: {\n    icon: 'close-circle',\n    color: 'red',\n  },\n  warning: {\n    icon: 'info-circle',\n    color: 'orange',\n  },\n}\n\nexport interface TagProps extends AntdTagProps {\n  color?: TagColors | string\n  size?: 'small' | 'middle' | 'large'\n  border?: boolean\n  addonContent?: React.ReactNode\n  addonPosition?: 'prefix' | 'suffix'\n  addonType?: 'success' | 'info' | 'warning' | 'error'\n  ellipsisOptions?: {\n    Popover?: boolean\n    emptyText?: string\n    widthLimit?: number | string\n    lines?: number\n    [key: string]: unknown\n  }\n}\n\nexport interface CheckableTagProps extends AntdCheckableTagProps {\n  disabled?: boolean\n  border?: boolean\n}\n\ninterface TagComponent\n  extends React.ForwardRefExoticComponent<TagProps & React.RefAttributes<AntdTag>> {\n  CheckableTag: React.FC<CheckableTagProps>\n}\n\nconst getDisplayEllipsisOptions = (props: TagProps, prefixCls: string) => {\n  const { ellipsisOptions, addonContent, addonType, addonPosition, children } = props || {}\n  const options = {\n    ...ellipsisOptions,\n  }\n\n  let addonContentInfo = null\n  if (addonContent) {\n    addonContentInfo = addonContent\n  } else if (addonType && statusMap[addonType]) {\n    addonContentInfo = <Icon type={statusMap[addonType]?.icon} />\n  }\n\n  if (addonContentInfo) {\n    addonContentInfo = <span className={`${prefixCls}-addon`}>{addonContentInfo}</span>\n    if (addonPosition === 'prefix') {\n      options.prefix = addonContentInfo\n    }\n\n    if (addonPosition === 'suffix') {\n      options.suffix = addonContentInfo\n    }\n\n    if (options.Popover === true) {\n      options.content = children\n    } else {\n      options.title = children\n    }\n    options.contentInfo = addonContentInfo\n  }\n\n  return options\n}\n\nexport const Tag = forwardRef<AntdTag, TagProps & { capitalize?: boolean }>((props, ref) => {\n  const {\n    className,\n    border = true,\n    size,\n    addonType,\n    addonContent,\n    addonPosition = 'prefix',\n    ellipsisOptions,\n    children,\n    ...restProps\n  } = props\n\n  let { color } = props || {}\n  if (!color && addonType) {\n    color = statusMap[addonType]?.color\n  }\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('tag')\n\n        const displayEllipsisOptions = getDisplayEllipsisOptions(\n          {\n            ellipsisOptions,\n            addonContent,\n            addonType,\n            addonPosition,\n            children,\n          },\n          prefixCls\n        )\n\n        // 只有一个icon时 padding距离存在差异\n        const onlyIcon =\n          React.isValidElement(children) &&\n          React.Children.only(children) &&\n          children?.type instanceof Function &&\n          children?.type?.name?.toLowerCase?.() === 'icon'\n\n        // 前缀是图片 只处理一层节点下是图片的，否则就用户自定义样式\n        const addonIsImg =\n          React.isValidElement(addonContent) &&\n          addonContent?.type &&\n          typeof addonContent?.type === 'string' &&\n          addonContent?.type?.toLowerCase?.() === 'img'\n\n        return (\n          <AntdTag\n            className={classNames(\n              {\n                [`${prefixCls}-${color}`]: color && !!TagColors[color as keyof typeof TagColors],\n              },\n              'tnt-tag',\n              `${prefixCls}-${size || 'middle'}`,\n              {\n                [`${prefixCls}-no-border`]: !border,\n              },\n              {\n                [`${prefixCls}-only-child`]: !children || onlyIcon,\n              },\n              {\n                [`${prefixCls}-addon-img`]: !!addonIsImg,\n              },\n              className || ''\n            )}\n            {...restProps}\n            color={!TagColors[color as keyof typeof TagColors] ? color : ''}\n            ref={ref}\n          >\n            {!addonContent && !addonType && !ellipsisOptions && children}\n            {(!!addonContent || !!addonType || !!ellipsisOptions) && (\n              <span className={`${prefixCls}-addon-wrap`}>\n                {!!children && <Ellipsis {...displayEllipsisOptions}>{children}</Ellipsis>}\n                {!children && displayEllipsisOptions?.contentInfo}\n              </span>\n            )}\n          </AntdTag>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}) as TagComponent\n\nTag.CheckableTag = forwardRef<AntdCheckableTag, CheckableTagProps>(\n  (props: CheckableTagProps, ref) => {\n    // 默认没有border\n    const { onChange, disabled, border = false, className, ...rest } = props || {}\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('tag-checkable')\n          return (\n            <AntdTag.CheckableTag\n              {...(!disabled && { onChange })}\n              className={classNames('tnt-tag', {\n                [`${prefixCls}-disabled`]: disabled,\n                [`${prefixCls}-border`]: !!border,\n              })}\n              {...rest}\n              ref={ref}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n)\n"]}

package/es/tag/tag.less

@@ -0,0 +1,228 @@
+@import '../style/mixins/index';
+@import './color.less';
+@tag-prefix-cls: ~'@{ant-prefix}-tag';
+// 默认
+@tag-height: 20px;
+@tag-small-size: 0 7px;
+@tag-middle-size: 0 7px;
+@tag-large-size: 3px 12px;
+
+// img tag
+@tag-img-small-size: 1px 5px 1px 3px;
+@tag-img-middle-size: 2px 6px 2px 3px;
+@tag-img-large-size: 3px 12px 3px 4px;
+
+// 只有icon的尺寸
+@tag-only-icon-small-size: 5px;
+@tag-only-icon-middle-size: 6px;
+@tag-only-icon-large-size: 7px;
+
+.tnt-tag.@{tag-prefix-cls} {
+    line-height: @tag-height;
+
+    .@{iconfont-css-prefix}-close {
+        // .iconfont-size-under-12px(10px);
+        vertical-align: middle;
+        line-height: 1;
+    }
+
+    .anticon{
+        font-size: @font-size-sm;
+    }
+
+    // 头像插件 可以为icon 图片
+    .@{tag-prefix-cls}-addon-wrap{
+        display: inline-block;
+        vertical-align: middle;
+        margin-top: -1px;
+        .@{tag-prefix-cls}-addon{
+            .iconfont-size-under-12px(12px);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .tntd-ellipsis,.tnt-ellipsis{
+            align-items: center;
+            .@{tag-prefix-cls}-addon{
+                >*{
+                    border-radius: 100%;
+                    overflow: hidden;
+                    display: block;
+                }
+                +*{
+                    margin-left: 4px;
+                }
+            }
+        }
+    }
+
+    &-small{
+        padding: @tag-small-size;
+    }
+    &-middle{
+        padding: @tag-middle-size;
+    }
+    &-large{
+        padding: @tag-large-size;
+        font-size: 14px;
+    }
+
+    // 不带边框
+    &.@{tag-prefix-cls}-no-border{
+        border-color:transparent;
+    }
+
+    // 只有一个icon
+    &.@{tag-prefix-cls}-only-child{
+        line-height: @font-size-sm;
+        &.@{tag-prefix-cls}-small{
+            padding: @tag-only-icon-small-size;
+        }
+        &.@{tag-prefix-cls}-middle{
+            padding: @tag-only-icon-middle-size;
+        }
+        &.@{tag-prefix-cls}-large{
+            padding: @tag-only-icon-large-size;
+        }
+    }
+
+    // 带图片
+    &.@{tag-prefix-cls}-addon-img{
+        &.@{tag-prefix-cls}-small{
+            padding: @tag-img-small-size;
+            .@{tag-prefix-cls}-addon{
+                width: 16px;
+                height: 16px;
+            }
+        }
+        &.@{tag-prefix-cls}-middle{
+            padding: @tag-img-middle-size;
+            .@{tag-prefix-cls}-addon{
+                width: 18px;
+                height: 18px;
+            }
+        }
+        &.@{tag-prefix-cls}-large{
+            padding: @tag-img-large-size;
+            .@{tag-prefix-cls}-addon{
+                width: 20px;
+                height: 20px;
+            }
+        }
+    }
+
+    &.@{tag-prefix-cls}-blue {
+        color: @blue-6;
+        background: @blue-1;
+        border-color: @blue-3;
+        >.@{iconfont-css-prefix}-close {
+            color: @blue-5;
+        }
+        &.@{tag-prefix-cls}-no-border{
+            border-color:transparent;
+        }
+    }
+    &.@{tag-prefix-cls}-blue-inverse {
+        color: @text-color-inverse;
+        background: @blue-6;
+        border-color: @blue-6;
+        >.@{iconfont-css-prefix}-close {
+            color: @text-color-inverse;
+        }
+        &.@{tag-prefix-cls}-no-border{
+            border-color:transparent;
+        }
+    }
+
+    // mixin to iterate over colors and create CSS class for each one
+    .make-color-classes(@i: length(@preset-colors-custom)) when (@i > 0) {
+        .make-color-classes(@i - 1);
+        @color: extract(@preset-colors-custom, @i);
+        @lightColor: '@{color}-1';
+        @lightBorderColor: '@{color}-4';
+        @darkColor: '@{color}-7';
+        @closeColor:'@{color}-5';
+        &.@{tag-prefix-cls}-@{color} {
+            color: @@darkColor;
+            background: @@lightColor;
+            border-color: @@lightBorderColor;
+            >.@{iconfont-css-prefix}-close {
+                color: @@closeColor;
+            }
+            &.@{tag-prefix-cls}-no-border{
+                border-color:transparent;
+            }
+        }
+        &.@{tag-prefix-cls}-@{color}-inverse {
+            color: @text-color-inverse;
+            background: @@darkColor;
+            border-color: @@darkColor;
+            >.@{iconfont-css-prefix}-close {
+                color: @text-color-inverse;
+            }
+            &.@{tag-prefix-cls}-no-border{
+                border-color:transparent;
+            }
+        }
+    }
+
+    .make-color-classes();
+
+
+
+    // 可选
+    &.@{tag-prefix-cls}-checkable {
+        background-color:  @tag-default-bg;
+        border-color: transparent;
+        padding: 2px 12px;
+        cursor: pointer;
+        &-border{
+            border-color: @border-color-base;
+            // 非disabled
+            &:not(.@{tag-prefix-cls}-checkable-disabled):hover {
+                border-color: @primary-3;
+            }
+        }
+
+        &:not(.@{tag-prefix-cls}-checkable-disabled):hover {
+            color: @primary-6;
+            background-color: @primary-1;
+            transition: all 0.3s @ease-in-out-circ;
+        }
+
+        &:active,
+        &-checked {
+            color: @primary-6;
+            background-color: @primary-1;
+            &.@{tag-prefix-cls}-checkable-border{
+                border-color: @primary-3;
+            }
+        }
+
+        &-checked {
+            &.@{tag-prefix-cls}-checkable-disabled:hover {
+                color:  @primary-6;
+            }
+        }
+
+        &:not(&-checked){
+            &.@{tag-prefix-cls}-checkable-disabled:hover {
+                color: inherit;
+            }
+        }
+
+        &-disabled{
+            opacity: 0.5;
+            cursor: not-allowed;
+            &:hover{
+                opacity: 0.5;
+                color: inherit;
+            }
+        }
+    }
+
+}
+
+
+

package/es/title/index.js

@@ -18,11 +18,12 @@ export default (props => {
       size = 'default',
       extra,
       number,
-      simple
+      simple,
+      className
     } = _a,
-    rest = __rest(_a, ["title", "subTitle", "size", "extra", "number", "simple"]);
+    rest = __rest(_a, ["title", "subTitle", "size", "extra", "number", "simple", "className"]);
   return React.createElement("div", Object.assign({
-    className: cn('tntd-title', size, {
+    className: cn('tntd-title', className, size, {
       'has-number': number
     }, {
       'is-simple': simple

package/es/title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/title/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,cAAc,CAAA;AAWrB,eAAe,CAAC,KAAiB,EAAE,EAAE;IACnC,MAAM,KAQF,KAAK,IAAI,EAAE,EART,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,MAAM,EACN,MAAM,OAEO,EADV,IAAI,cAPH,0DAQL,CAAc,CAAA;IAEf,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,IAChF,IAAI;QAER,6BAAK,SAAS,EAAC,iBAAiB;YAC7B,MAAM,IAAI,2BAAG,SAAS,EAAC,OAAO,IAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAK;YACzE,gCAAK,YAAY,CAAC,KAAK,CAAC,CAAM;YAC9B,kCAAO,QAAQ,CAAQ,CACnB;QACL,KAAK,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAO,CACrD,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { FC, ComponentProps } from 'react'\nimport cn from 'classnames'\nimport { doUpperTitle } from '../utils'\nimport './index.less'\n\nexport interface TitleProps extends ComponentProps<'div'> {\n  title?: string\n  subTitle?: string\n  size?: 'default' | 'small' | 'middle' | 'large'\n  extra?: React.ReactNode\n  number?: number\n  simple?: boolean\n}\n\nexport default (props: TitleProps) => {\n  const {\n    title = '暂无标题',\n    subTitle,\n    size = 'default',\n    extra,\n    number,\n    simple,\n    ...rest\n  } = props || {}\n\n  return (\n    <div\n      className={cn('tntd-title', size, { 'has-number': number }, { 'is-simple': simple })}\n      {...rest}\n    >\n      <div className=\"tntd-title-text\">\n        {number && <i className=\"count\">{number <= 9 ? `0${number}` : number}</i>}\n        <h3>{doUpperTitle(title)}</h3>\n        <span>{subTitle}</span>\n      </div>\n      {extra && <div className=\"tntd-title-extra\">{extra}</div>}\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/title/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,cAAc,CAAA;AAYrB,eAAe,CAAC,KAAiB,EAAE,EAAE;IACnC,MAAM,KASF,KAAK,IAAI,EAAE,EATT,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,OAEI,EADV,IAAI,cARH,uEASL,CAAc,CAAA;IAEf,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,EAAE,YAAY,EAAE,MAAM,EAAE,EACxB,EAAE,WAAW,EAAE,MAAM,EAAE,CACxB,IACG,IAAI;QAER,6BAAK,SAAS,EAAC,iBAAiB;YAC7B,MAAM,IAAI,2BAAG,SAAS,EAAC,OAAO,IAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAK;YACzE,gCAAK,YAAY,CAAC,KAAK,CAAC,CAAM;YAC9B,kCAAO,QAAQ,CAAQ,CACnB;QACL,KAAK,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAO,CACrD,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { FC, ComponentProps } from 'react'\nimport cn from 'classnames'\nimport { doUpperTitle } from '../utils'\nimport './index.less'\n\nexport interface TitleProps extends ComponentProps<'div'> {\n  title?: string\n  subTitle?: string\n  className?: string\n  size?: 'default' | 'small' | 'middle' | 'large'\n  extra?: React.ReactNode\n  number?: number\n  simple?: boolean\n}\n\nexport default (props: TitleProps) => {\n  const {\n    title = '暂无标题',\n    subTitle,\n    size = 'default',\n    extra,\n    number,\n    simple,\n    className,\n    ...rest\n  } = props || {}\n\n  return (\n    <div\n      className={cn(\n        'tntd-title',\n        className,\n        size,\n        { 'has-number': number },\n        { 'is-simple': simple }\n      )}\n      {...rest}\n    >\n      <div className=\"tntd-title-text\">\n        {number && <i className=\"count\">{number <= 9 ? `0${number}` : number}</i>}\n        <h3>{doUpperTitle(title)}</h3>\n        <span>{subTitle}</span>\n      </div>\n      {extra && <div className=\"tntd-title-extra\">{extra}</div>}\n    </div>\n  )\n}\n"]}

package/es/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js

@@ -3,11 +3,12 @@
  * @Author: 郑泳健
  * @Date: 2022-12-19 16:45:16
  * @LastEditors: 郑泳健
- * @LastEditTime: 2023-02-07 11:47:03
+ * @LastEditTime: 2024-07-22 16:43:38
  */
 import * as React from 'react';
 import { ConfigConsumer } from './context';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+import Empty from '../../../empty';
 const defaultRenderEmpty = conponentName => React.createElement(ConfigConsumer, null, ({
   getPrefixCls
 }) => {
@@ -17,16 +18,9 @@ const defaultRenderEmpty = conponentName => React.createElement(ConfigConsumer,
   }, locale => {
     return React.createElement("div", {
       className: `tntd-cascader-no-data-wrapper ${prefix}`
-    }, React.createElement("img", {
-      style: {
-        width: 80,
-        height: 50,
-        marginTop: 35
-      },
-      src: require('../../img/no-data-s.png').default
-    }), React.createElement("div", {
-      className: "tntd-cascader-no-data-content"
-    }, locale.noData));
+    }, React.createElement(Empty, {
+      size: "mini"
+    }));
   });
 });
 export default defaultRenderEmpty;

package/es/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultRenderEmpty.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/AntdCascader/component/defaultRenderEmpty.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,cAAc,MAAM,wCAAwC,CAAA;AAEnE,MAAM,kBAAkB,GAAG,CAAC,aAAqB,EAAE,EAAE,CAAC,CACpD,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,cAAc,IAAC,aAAa,EAAC,cAAc,IACzC,CAAC,MAAM,EAAE,EAAE;QACV,OAAO,CACL,6BAAK,SAAS,EAAE,iCAAiC,MAAM,EAAE;YACvD,6BACE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EAC/C,GAAG,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC,OAAO,GAC/C;YACF,6BAAK,SAAS,EAAC,+BAA+B,IAC1C,MAAmC,CAAC,MAAM,CACxC,CACF,CACP,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACc,CAClB,CAAA;AAID,eAAe,kBAAkB,CAAA","sourcesContent":["/*\n * @Descripttion: 空状态\n * @Author: 郑泳健\n * @Date: 2022-12-19 16:45:16\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-02-07 11:47:03\n */\nimport * as React from 'react'\nimport { ConfigConsumer } from './context'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\n\nconst defaultRenderEmpty = (conponentName: string) => (\n  <ConfigConsumer>\n    {({ getPrefixCls }) => {\n      const prefix = getPrefixCls('empty')\n\n      return (\n        <LocaleReceiver componentName=\"TntdCascader\">\n          {(locale) => {\n            return (\n              <div className={`tntd-cascader-no-data-wrapper ${prefix}`}>\n                <img\n                  style={{ width: 80, height: 50, marginTop: 35 }}\n                  src={require('../../img/no-data-s.png').default}\n                />\n                <div className=\"tntd-cascader-no-data-content\">\n                  {(locale as Record<'noData', object>).noData}\n                </div>\n              </div>\n            )\n          }}\n        </LocaleReceiver>\n      )\n    }}\n  </ConfigConsumer>\n)\n\nexport type RenderEmptyHandler = typeof defaultRenderEmpty\n\nexport default defaultRenderEmpty\n"]}
+{"version":3,"file":"defaultRenderEmpty.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/AntdCascader/component/defaultRenderEmpty.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,cAAc,MAAM,wCAAwC,CAAA;AACnE,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAElC,MAAM,kBAAkB,GAAG,CAAC,aAAqB,EAAE,EAAE,CAAC,CACpD,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,cAAc,IAAC,aAAa,EAAC,cAAc,IACzC,CAAC,MAAM,EAAE,EAAE;QACV,OAAO,CACL,6BAAK,SAAS,EAAE,iCAAiC,MAAM,EAAE;YACvD,oBAAC,KAAK,IAAC,IAAI,EAAC,MAAM,GAAG,CACjB,CACP,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACc,CAClB,CAAA;AAID,eAAe,kBAAkB,CAAA","sourcesContent":["/*\n * @Descripttion: 空状态\n * @Author: 郑泳健\n * @Date: 2022-12-19 16:45:16\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-07-22 16:43:38\n */\nimport * as React from 'react'\nimport { ConfigConsumer } from './context'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport Empty from '../../../empty'\n\nconst defaultRenderEmpty = (conponentName: string) => (\n  <ConfigConsumer>\n    {({ getPrefixCls }) => {\n      const prefix = getPrefixCls('empty')\n\n      return (\n        <LocaleReceiver componentName=\"TntdCascader\">\n          {(locale) => {\n            return (\n              <div className={`tntd-cascader-no-data-wrapper ${prefix}`}>\n                <Empty size=\"mini\" />\n              </div>\n            )\n          }}\n        </LocaleReceiver>\n      )\n    }}\n  </ConfigConsumer>\n)\n\nexport type RenderEmptyHandler = typeof defaultRenderEmpty\n\nexport default defaultRenderEmpty\n"]}

package/es/tntd-cascader/AntdCascader/index.less

@@ -1290,7 +1290,7 @@
 .tntd-cascader-menu-item-active:not(.tntd-cascader-menu-item-disabled),
 .tntd-cascader-menu-item-active:not(.tntd-cascader-menu-item-disabled):hover {
   background-color: @bg-grey-second;
-  font-weight: 600
+  // font-weight: 600
 }
 
 .tntd-cascader-menu-item-content {
@@ -1886,6 +1886,16 @@
 .tntd-select:not(.tntd-select-customize-input) .tntd-select-selector input {
   cursor: pointer
 }
+// compact的样式 start
+.ant-input-group.ant-input-group-compact>.tntd-select>.tntd-select-selector{
+    border-radius: 0;
+}
+.ant-input-group.ant-input-group-compact>*:last-child,
+.ant-input-group.ant-input-group-compact>.tntd-select:last-child>.tntd-select-selector{
+    border-top-right-radius: 2px;
+    border-bottom-right-radius: 2px;
+}
+// compact的样式 end
 
 .tntd-select-show-search.tntd-select:not(.tntd-select-customize-input) .tntd-select-selector {
   cursor: text
@@ -2322,7 +2332,7 @@
 .tntd-cascader-no-data-content{
     font-family: PingFangSC-Regular;
     font-size: 14px;
-    color: #454F64;
+    color: rgba(0, 0, 0, 0.25);
     margin-top: 6
 }
 

package/es/tntd-cascader/rc-cascader/OptionList/Column.js

@@ -24,7 +24,8 @@ export default function Column({
   searchValue,
   level,
   dropdownVisible,
-  optionHeight
+  optionHeight,
+  isEmpty
 }) {
   const ref = React.useRef(null);
   const menuPrefixCls = `${prefixCls}-menu ${prefixCls}-menu-${level}`;
@@ -96,7 +97,7 @@ export default function Column({
   }, React.createElement(List, {
     className: optionInfoList[0].fullPathKey === '__EMPTY__' || !!searchValue ? 'rc-virtual-list-full' : '',
     data: optionInfoList,
-    height: 180,
+    height: isEmpty ? 'auto' : 180,
     itemHeight: optionHeight || 36,
     itemKey: "value",
     ref: ref

package/es/tntd-cascader/rc-cascader/OptionList/Column.js.map

@@ -1 +1 @@
-{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/Column.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { isLeaf, toPathKey } from '../utils/commonUtil'\nimport CascaderContext from '../context'\nimport Checkbox from './Checkbox'\nimport type { DefaultOptionType, SingleValueType } from '../Cascader'\nimport { SEARCH_MARK } from '../hooks/useSearchOptions'\nimport List, { ListRef } from 'rc-virtual-list'\nimport type { RenderItem } from '../context'\n\nexport const FIX_LABEL = '__cascader_fix_label__'\n\nexport interface ColumnProps {\n  prefixCls: string\n  multiple?: boolean\n  options: DefaultOptionType[]\n  /** Current Column opened item key */\n  activeValue?: React.Key\n  /** The value path before current column */\n  prevValuePath: React.Key[]\n  onToggleOpen: (open: boolean) => void\n  onSelect: (valuePath: SingleValueType, leaf: boolean) => void\n  onActive: (valuePath: SingleValueType) => void\n  checkedSet: Set<React.Key>\n  halfCheckedSet: Set<React.Key>\n  loadingKeys: React.Key[]\n  isSelectable: (option: DefaultOptionType) => boolean\n  renderItem?: (item: RenderItem) => React.ReactNode\n  searchValue?: string\n  level?: number\n  dropdownVisible?: boolean\n  optionHeight?: number\n}\n\nexport default function Column({\n  prefixCls,\n  multiple,\n  options,\n  activeValue,\n  prevValuePath,\n  onToggleOpen,\n  onSelect,\n  onActive,\n  checkedSet,\n  halfCheckedSet,\n  loadingKeys,\n  isSelectable,\n  renderItem,\n  searchValue,\n  level,\n  dropdownVisible,\n  optionHeight,\n}: ColumnProps) {\n  const ref = React.useRef<ListRef>(null)\n  const menuPrefixCls = `${prefixCls}-menu ${prefixCls}-menu-${level}`\n  const menuItemPrefixCls = `${prefixCls}-menu-item`\n\n  const {\n    fieldNames,\n    changeOnSelect,\n    expandTrigger,\n    expandIcon,\n    loadingIcon,\n    dropdownMenuColumnStyle,\n  } = React.useContext(CascaderContext)\n\n  const hoverOpen = expandTrigger === 'hover'\n\n  /** 单选情况下滚动到相应的位置 */\n  React.useEffect(() => {\n    let timer = null\n    if (ref.current && ref.current.scrollTo && !multiple && dropdownVisible) {\n      const index = options.findIndex((it) => it[fieldNames.value] === activeValue)\n\n      if (index > 0 && !isNaN(index)) {\n        timer = window.setTimeout(() => {\n          ref.current.scrollTo((optionHeight || 36) * index)\n        }, 5)\n      }\n    }\n\n    return () => {\n      if (timer) {\n        window.clearTimeout(timer)\n      }\n      timer = null\n    }\n  }, [multiple, activeValue, options, fieldNames, dropdownVisible, optionHeight])\n\n  // ============================ Option ============================\n  const optionInfoList = React.useMemo(\n    () =>\n      options.map((option) => {\n        const { disabled } = option\n        const searchOptions = option[SEARCH_MARK]\n        const label = option[FIX_LABEL] ?? option[fieldNames.label]\n        const value = option[fieldNames.value]\n\n        const isMergedLeaf = isLeaf(option, fieldNames)\n\n        // Get real value of option. Search option is different way.\n        const fullPath = searchOptions\n          ? // @ts-ignore\n            searchOptions.map((opt) => opt[fieldNames.value])\n          : [...prevValuePath, value]\n        const fullPathKey = toPathKey(fullPath)\n\n        const isLoading = loadingKeys.includes(fullPathKey)\n\n        // >>>>> checked\n        const checked = checkedSet.has(fullPathKey)\n\n        // >>>>> halfChecked\n        const halfChecked = halfCheckedSet.has(fullPathKey)\n\n        return {\n          disabled,\n          label,\n          value,\n          isLeaf: isMergedLeaf,\n          isLoading,\n          checked,\n          halfChecked,\n          option,\n          fullPath,\n          fullPathKey,\n        }\n      }),\n    [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]\n  )\n  // ============================ Render ============================\n  return (\n    <ul className={menuPrefixCls} role=\"menu\">\n      <List\n        className={\n          optionInfoList[0].fullPathKey === '__EMPTY__' || !!searchValue\n            ? 'rc-virtual-list-full'\n            : ''\n        }\n        data={optionInfoList}\n        height={180}\n        itemHeight={optionHeight || 36}\n        itemKey=\"value\"\n        ref={ref}\n      >\n        {({\n          disabled,\n          label,\n          value,\n          isLeaf: isMergedLeaf,\n          isLoading,\n          checked,\n          halfChecked,\n          option,\n          fullPath,\n          fullPathKey,\n        }) => {\n          // >>>>> Open\n          const triggerOpenPath = () => {\n            if (!disabled && (!hoverOpen || !isMergedLeaf)) {\n              onActive(fullPath)\n            }\n          }\n\n          // >>>>> Selection\n          const triggerSelect = () => {\n            if (isSelectable(option)) {\n              onSelect(fullPath, isMergedLeaf)\n            }\n          }\n\n          // >>>>> Title\n          let title: string\n          if (typeof option.title === 'string') {\n            title = option.title\n          } else if (typeof label === 'string') {\n            title = label\n          }\n          return (\n            <li\n              key={fullPathKey}\n              className={classNames(menuItemPrefixCls, {\n                [`${menuItemPrefixCls}-expand`]: !isMergedLeaf,\n                [`${menuItemPrefixCls}-active`]: activeValue === value,\n                [`${menuItemPrefixCls}-disabled`]: disabled,\n                [`${menuItemPrefixCls}-loading`]: isLoading,\n              })}\n              style={dropdownMenuColumnStyle}\n              role=\"menuitemcheckbox\"\n              // @ts-ignore\n              title={title}\n              aria-checked={checked}\n              data-path-key={fullPathKey}\n              onClick={() => {\n                triggerOpenPath()\n                if (!multiple || isMergedLeaf) {\n                  triggerSelect()\n                }\n              }}\n              onDoubleClick={() => {\n                if (changeOnSelect) {\n                  onToggleOpen(false)\n                }\n              }}\n              onMouseEnter={() => {\n                if (hoverOpen) {\n                  triggerOpenPath()\n                }\n              }}\n              onMouseDown={(e) => {\n                // Prevent selector from blurring\n                e.preventDefault()\n              }}\n            >\n              {multiple && (\n                <Checkbox\n                  prefixCls={`${prefixCls}-checkbox`}\n                  checked={checked}\n                  halfChecked={halfChecked}\n                  disabled={disabled}\n                  onClick={(e: React.MouseEvent<HTMLSpanElement>) => {\n                    e.stopPropagation()\n                    triggerSelect()\n                  }}\n                />\n              )}\n              <div className={`${menuItemPrefixCls}-content`}>\n                {optionInfoList[0].fullPathKey !== '__EMPTY__' && renderItem\n                  ? renderItem(option, level)\n                  : label}\n              </div>\n              {!isLoading && expandIcon && !isMergedLeaf && (\n                <div className={`${menuItemPrefixCls}-expand-icon`}>{expandIcon}</div>\n              )}\n              {isLoading && loadingIcon && (\n                <div className={`${menuItemPrefixCls}-loading-icon`}>{loadingIcon}</div>\n              )}\n            </li>\n          )\n        }}\n      </List>\n    </ul>\n  )\n}\n"]}
+{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/Column.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { isLeaf, toPathKey } from '../utils/commonUtil'\nimport CascaderContext from '../context'\nimport Checkbox from './Checkbox'\nimport type { DefaultOptionType, SingleValueType } from '../Cascader'\nimport { SEARCH_MARK } from '../hooks/useSearchOptions'\nimport List, { ListRef } from 'rc-virtual-list'\nimport type { RenderItem } from '../context'\n\nexport const FIX_LABEL = '__cascader_fix_label__'\n\nexport interface ColumnProps {\n  prefixCls: string\n  multiple?: boolean\n  options: DefaultOptionType[]\n  /** Current Column opened item key */\n  activeValue?: React.Key\n  /** The value path before current column */\n  prevValuePath: React.Key[]\n  onToggleOpen: (open: boolean) => void\n  onSelect: (valuePath: SingleValueType, leaf: boolean) => void\n  onActive: (valuePath: SingleValueType) => void\n  checkedSet: Set<React.Key>\n  halfCheckedSet: Set<React.Key>\n  loadingKeys: React.Key[]\n  isSelectable: (option: DefaultOptionType) => boolean\n  renderItem?: (item: RenderItem) => React.ReactNode\n  searchValue?: string\n  level?: number\n  dropdownVisible?: boolean\n  optionHeight?: number\n}\n\nexport default function Column({\n  prefixCls,\n  multiple,\n  options,\n  activeValue,\n  prevValuePath,\n  onToggleOpen,\n  onSelect,\n  onActive,\n  checkedSet,\n  halfCheckedSet,\n  loadingKeys,\n  isSelectable,\n  renderItem,\n  searchValue,\n  level,\n  dropdownVisible,\n  optionHeight,\n  isEmpty,\n}: ColumnProps) {\n  const ref = React.useRef<ListRef>(null)\n  const menuPrefixCls = `${prefixCls}-menu ${prefixCls}-menu-${level}`\n  const menuItemPrefixCls = `${prefixCls}-menu-item`\n\n  const {\n    fieldNames,\n    changeOnSelect,\n    expandTrigger,\n    expandIcon,\n    loadingIcon,\n    dropdownMenuColumnStyle,\n  } = React.useContext(CascaderContext)\n\n  const hoverOpen = expandTrigger === 'hover'\n\n  /** 单选情况下滚动到相应的位置 */\n  React.useEffect(() => {\n    let timer = null\n    if (ref.current && ref.current.scrollTo && !multiple && dropdownVisible) {\n      const index = options.findIndex((it) => it[fieldNames.value] === activeValue)\n\n      if (index > 0 && !isNaN(index)) {\n        timer = window.setTimeout(() => {\n          ref.current.scrollTo((optionHeight || 36) * index)\n        }, 5)\n      }\n    }\n\n    return () => {\n      if (timer) {\n        window.clearTimeout(timer)\n      }\n      timer = null\n    }\n  }, [multiple, activeValue, options, fieldNames, dropdownVisible, optionHeight])\n\n  // ============================ Option ============================\n  const optionInfoList = React.useMemo(\n    () =>\n      options.map((option) => {\n        const { disabled } = option\n        const searchOptions = option[SEARCH_MARK]\n        const label = option[FIX_LABEL] ?? option[fieldNames.label]\n        const value = option[fieldNames.value]\n\n        const isMergedLeaf = isLeaf(option, fieldNames)\n\n        // Get real value of option. Search option is different way.\n        const fullPath = searchOptions\n          ? // @ts-ignore\n            searchOptions.map((opt) => opt[fieldNames.value])\n          : [...prevValuePath, value]\n        const fullPathKey = toPathKey(fullPath)\n\n        const isLoading = loadingKeys.includes(fullPathKey)\n\n        // >>>>> checked\n        const checked = checkedSet.has(fullPathKey)\n\n        // >>>>> halfChecked\n        const halfChecked = halfCheckedSet.has(fullPathKey)\n\n        return {\n          disabled,\n          label,\n          value,\n          isLeaf: isMergedLeaf,\n          isLoading,\n          checked,\n          halfChecked,\n          option,\n          fullPath,\n          fullPathKey,\n        }\n      }),\n    [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]\n  )\n  // ============================ Render ============================\n  return (\n    <ul className={menuPrefixCls} role=\"menu\">\n      <List\n        className={\n          optionInfoList[0].fullPathKey === '__EMPTY__' || !!searchValue\n            ? 'rc-virtual-list-full'\n            : ''\n        }\n        data={optionInfoList}\n        height={isEmpty ? 'auto' : 180}\n        itemHeight={optionHeight || 36}\n        itemKey=\"value\"\n        ref={ref}\n      >\n        {({\n          disabled,\n          label,\n          value,\n          isLeaf: isMergedLeaf,\n          isLoading,\n          checked,\n          halfChecked,\n          option,\n          fullPath,\n          fullPathKey,\n        }) => {\n          // >>>>> Open\n          const triggerOpenPath = () => {\n            if (!disabled && (!hoverOpen || !isMergedLeaf)) {\n              onActive(fullPath)\n            }\n          }\n\n          // >>>>> Selection\n          const triggerSelect = () => {\n            if (isSelectable(option)) {\n              onSelect(fullPath, isMergedLeaf)\n            }\n          }\n\n          // >>>>> Title\n          let title: string\n          if (typeof option.title === 'string') {\n            title = option.title\n          } else if (typeof label === 'string') {\n            title = label\n          }\n          return (\n            <li\n              key={fullPathKey}\n              className={classNames(menuItemPrefixCls, {\n                [`${menuItemPrefixCls}-expand`]: !isMergedLeaf,\n                [`${menuItemPrefixCls}-active`]: activeValue === value,\n                [`${menuItemPrefixCls}-disabled`]: disabled,\n                [`${menuItemPrefixCls}-loading`]: isLoading,\n              })}\n              style={dropdownMenuColumnStyle}\n              role=\"menuitemcheckbox\"\n              // @ts-ignore\n              title={title}\n              aria-checked={checked}\n              data-path-key={fullPathKey}\n              onClick={() => {\n                triggerOpenPath()\n                if (!multiple || isMergedLeaf) {\n                  triggerSelect()\n                }\n              }}\n              onDoubleClick={() => {\n                if (changeOnSelect) {\n                  onToggleOpen(false)\n                }\n              }}\n              onMouseEnter={() => {\n                if (hoverOpen) {\n                  triggerOpenPath()\n                }\n              }}\n              onMouseDown={(e) => {\n                // Prevent selector from blurring\n                e.preventDefault()\n              }}\n            >\n              {multiple && (\n                <Checkbox\n                  prefixCls={`${prefixCls}-checkbox`}\n                  checked={checked}\n                  halfChecked={halfChecked}\n                  disabled={disabled}\n                  onClick={(e: React.MouseEvent<HTMLSpanElement>) => {\n                    e.stopPropagation()\n                    triggerSelect()\n                  }}\n                />\n              )}\n              <div className={`${menuItemPrefixCls}-content`}>\n                {optionInfoList[0].fullPathKey !== '__EMPTY__' && renderItem\n                  ? renderItem(option, level)\n                  : label}\n              </div>\n              {!isLoading && expandIcon && !isMergedLeaf && (\n                <div className={`${menuItemPrefixCls}-expand-icon`}>{expandIcon}</div>\n              )}\n              {isLoading && loadingIcon && (\n                <div className={`${menuItemPrefixCls}-loading-icon`}>{loadingIcon}</div>\n              )}\n            </li>\n          )\n        }}\n      </List>\n    </ul>\n  )\n}\n"]}

package/es/tntd-cascader/rc-cascader/OptionList/index.js

@@ -169,6 +169,7 @@ const RefOptionList = React.forwardRef((props, ref) => {
     return React.createElement(Column, Object.assign({
       key: index,
       level: index,
+      isEmpty: isEmpty,
       optionHeight: optionHeight,
       dropdownVisible: dropdownVisible
     }, columnProps, {