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

package/es/utils/components/FilterDropdown/style.js

@@ -1,43 +1,22 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/utils/components/FilterDropdown/style.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../provider";
-var genProStyle = (token) => {
-  return {
-    [`${token.componentCls}-label`]: { cursor: "pointer" },
-    [`${token.componentCls}-overlay`]: {
-      minWidth: "200px",
-      marginBlockStart: "4px"
-    },
-    [`${token.componentCls}-content`]: { paddingBlock: 16, paddingInline: 16 }
-  };
+var genProStyle = function genProStyle(token) {
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(token.componentCls, "-label"), {
+    cursor: 'pointer'
+  }), "".concat(token.componentCls, "-overlay"), {
+    minWidth: '200px',
+    marginBlockStart: '4px'
+  }), "".concat(token.componentCls, "-content"), {
+    paddingBlock: 16,
+    paddingInline: 16
+  });
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("FilterDropdown", (token) => {
-    const proToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('FilterDropdown', function (token) {
+    var proToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProStyle(proToken)];
   });
-}
-export {
-  useStyle
-};
+}

package/es/utils/components/InlineErrorFormItem/index.js

@@ -1,182 +1,147 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/utils/components/InlineErrorFormItem/index.tsx
-import { LoadingOutlined } from "@ant-design/icons";
-import { ConfigProvider, Form, Popover, theme } from "antd";
-import get from "rc-util/lib/utils/get";
-import React, { useContext, useEffect, useState } from "react";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["rules", "name", "children", "popoverProps"],
+  _excluded2 = ["errorType", "rules", "name", "popoverProps", "children"];
+import { LoadingOutlined } from '@ant-design/icons';
+import { get } from '@rc-component/util';
+import { ConfigProvider, Form, Popover, theme } from 'antd';
+import React, { useContext, useEffect, useState } from 'react';
 import { useStyle } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var FIX_INLINE_STYLE = {
   marginBlockStart: -5,
   marginBlockEnd: -5,
   marginInlineStart: 0,
   marginInlineEnd: 0
 };
-var InlineErrorFormItemPopover = ({ inputProps, input, extra, errorList, popoverProps }) => {
-  const [open, setOpen] = useState(false);
-  const [errorStringList, setErrorList] = useState([]);
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls();
-  const token = theme.useToken();
-  const { wrapSSR, hashId } = useStyle(`${prefixCls}-form-item-with-help`);
-  useEffect(() => {
-    if (inputProps.validateStatus !== "validating") {
+var InlineErrorFormItemPopover = function InlineErrorFormItemPopover(_ref) {
+  var inputProps = _ref.inputProps,
+    input = _ref.input,
+    extra = _ref.extra,
+    errorList = _ref.errorList,
+    popoverProps = _ref.popoverProps;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    errorStringList = _useState4[0],
+    setErrorList = _useState4[1];
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls();
+  var token = theme.useToken();
+  var _useStyle = useStyle("".concat(prefixCls, "-form-item-with-help")),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  useEffect(function () {
+    if (inputProps.validateStatus !== 'validating') {
       setErrorList(inputProps.errors);
     }
   }, [inputProps.errors, inputProps.validateStatus]);
-  const loading = inputProps.validateStatus === "validating";
-  return /* @__PURE__ */ React.createElement(
-    Popover,
-    __spreadValues({
-      key: "popover",
-      open: errorStringList.length < 1 ? false : open,
-      onOpenChange: (changeOpen) => {
-        if (changeOpen === open)
-          return;
-        setOpen(changeOpen);
+  var loading = inputProps.validateStatus === 'validating';
+  return /*#__PURE__*/_jsx(Popover, _objectSpread(_objectSpread({
+    open: errorStringList.length < 1 ? false : open,
+    onOpenChange: function onOpenChange(changeOpen) {
+      if (changeOpen === open) return;
+      setOpen(changeOpen);
+    },
+    trigger: (popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.trigger) || ['click'],
+    placement: (popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.placement) || 'topLeft',
+    getPopupContainer: popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.getPopupContainer,
+    getTooltipContainer: popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.getTooltipContainer,
+    content: wrapSSR( /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefixCls, "-form-item ").concat(hashId, " ").concat(token.hashId).trim(),
+      style: {
+        margin: 0,
+        padding: 0
       },
-      trigger: (popoverProps == null ? void 0 : popoverProps.trigger) || ["click"],
-      placement: (popoverProps == null ? void 0 : popoverProps.placement) || "topLeft",
-      getPopupContainer: popoverProps == null ? void 0 : popoverProps.getPopupContainer,
-      getTooltipContainer: popoverProps == null ? void 0 : popoverProps.getTooltipContainer,
-      content: wrapSSR(
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: `${prefixCls}-form-item ${hashId} ${token.hashId}`.trim(),
-            style: {
-              margin: 0,
-              padding: 0
-            }
-          },
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: `${prefixCls}-form-item-with-help ${hashId} ${token.hashId}`.trim()
-            },
-            loading ? /* @__PURE__ */ React.createElement(LoadingOutlined, null) : null,
-            errorList
-          )
-        )
-      )
-    }, popoverProps),
-    /* @__PURE__ */ React.createElement(React.Fragment, null, input, extra)
-  );
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "".concat(prefixCls, "-form-item-with-help ").concat(hashId, " ").concat(token.hashId).trim(),
+        children: [loading ? /*#__PURE__*/_jsx(LoadingOutlined, {}) : null, errorList]
+      })
+    }))
+  }, popoverProps), {}, {
+    children: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [input, extra]
+    })
+  }), "popover");
 };
-var InternalFormItemFunction = (_a) => {
-  var _b = _a, {
-    rules,
-    name,
-    children,
-    popoverProps
-  } = _b, rest = __objRest(_b, [
-    "rules",
-    "name",
-    "children",
-    "popoverProps"
-  ]);
-  return /* @__PURE__ */ React.createElement(
-    Form.Item,
-    __spreadProps(__spreadValues({
-      name,
-      rules,
-      hasFeedback: false,
-      shouldUpdate: (prev, next) => {
-        if (prev === next)
-          return false;
-        const shouldName = [name].flat(1);
-        if (shouldName.length > 1) {
-          shouldName.pop();
-        }
-        try {
-          return JSON.stringify(get(prev, shouldName)) !== JSON.stringify(get(next, shouldName));
-        } catch (error) {
-          return true;
-        }
-      },
-      _internalItemRender: {
-        mark: "pro_table_render",
-        render: (inputProps, doms) => /* @__PURE__ */ React.createElement(
-          InlineErrorFormItemPopover,
-          __spreadValues({
-            inputProps,
-            popoverProps
-          }, doms)
-        )
+var InternalFormItemFunction = function InternalFormItemFunction(_ref2) {
+  var rules = _ref2.rules,
+    name = _ref2.name,
+    children = _ref2.children,
+    popoverProps = _ref2.popoverProps,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({
+    name: name,
+    rules: rules,
+    hasFeedback: false,
+    shouldUpdate: function shouldUpdate(prev, next) {
+      if (prev === next) return false;
+      var shouldName = [name].flat(1);
+      if (shouldName.length > 1) {
+        shouldName.pop();
+      }
+      try {
+        return JSON.stringify(get(prev, shouldName)) !== JSON.stringify(get(next, shouldName));
+      } catch (error) {
+        return true;
       }
-    }, rest), {
-      style: __spreadValues(__spreadValues({}, FIX_INLINE_STYLE), rest == null ? void 0 : rest.style)
-    }),
-    children
-  );
+    }
+    // @ts-ignore
+    ,
+    _internalItemRender: {
+      mark: 'pro_table_render',
+      render: function render(inputProps, doms) {
+        return /*#__PURE__*/_jsx(InlineErrorFormItemPopover, _objectSpread({
+          inputProps: inputProps,
+          popoverProps: popoverProps
+        }, doms));
+      }
+    }
+  }, rest), {}, {
+    style: _objectSpread(_objectSpread({}, FIX_INLINE_STYLE), rest === null || rest === void 0 ? void 0 : rest.style),
+    children: children
+  }));
 };
-var InlineErrorFormItem = (props) => {
-  const _a = props, { errorType, rules, name, popoverProps, children } = _a, rest = __objRest(_a, ["errorType", "rules", "name", "popoverProps", "children"]);
-  if (name && (rules == null ? void 0 : rules.length) && errorType === "popover") {
-    return /* @__PURE__ */ React.createElement(
-      InternalFormItemFunction,
-      __spreadValues({
-        name,
-        rules,
-        popoverProps
-      }, rest),
-      children
-    );
+export var InlineErrorFormItem = function InlineErrorFormItem(props) {
+  var errorType = props.errorType,
+    rules = props.rules,
+    name = props.name,
+    popoverProps = props.popoverProps,
+    children = props.children,
+    rest = _objectWithoutProperties(props, _excluded2);
+  if (name && rules !== null && rules !== void 0 && rules.length && errorType === 'popover') {
+    return /*#__PURE__*/_jsx(InternalFormItemFunction, _objectSpread(_objectSpread({
+      name: name,
+      rules: rules,
+      popoverProps: popoverProps
+    }, rest), {}, {
+      children: children
+    }));
   }
-  return /* @__PURE__ */ React.createElement(
-    Form.Item,
-    __spreadProps(__spreadValues({
-      rules,
-      shouldUpdate: name ? (prev, next) => {
-        if (prev === next)
-          return false;
-        const shouldName = [name].flat(1);
-        if (shouldName.length > 1) {
-          shouldName.pop();
-        }
-        try {
-          return JSON.stringify(get(prev, shouldName)) !== JSON.stringify(get(next, shouldName));
-        } catch (error) {
-          return true;
-        }
-      } : void 0
-    }, rest), {
-      style: __spreadValues(__spreadValues({}, FIX_INLINE_STYLE), rest.style),
-      name
-    }),
-    children
-  );
-};
-export {
-  InlineErrorFormItem
-};
+  return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({
+    rules: rules,
+    shouldUpdate: name ? function (prev, next) {
+      if (prev === next) return false;
+      var shouldName = [name].flat(1);
+      if (shouldName.length > 1) {
+        shouldName.pop();
+      }
+      try {
+        return JSON.stringify(get(prev, shouldName)) !== JSON.stringify(get(next, shouldName));
+      } catch (error) {
+        return true;
+      }
+    } : undefined
+  }, rest), {}, {
+    style: _objectSpread(_objectSpread({}, FIX_INLINE_STYLE), rest.style),
+    name: name,
+    children: children
+  }));
+};

package/es/utils/components/InlineErrorFormItem/style.js

@@ -1,91 +1,63 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/utils/components/InlineErrorFormItem/style.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../provider";
-var genProStyle = (token) => {
-  const progressBgCls = `${token.antCls}-progress-bg`;
-  return {
-    [token.componentCls]: {
-      "&-multiple": {
-        paddingBlockStart: 6,
-        paddingBlockEnd: 12,
-        paddingInline: 8
-      },
-      "&-progress": {
-        "&-success": {
-          [progressBgCls]: {
-            backgroundColor: token.colorSuccess
+var genProStyle = function genProStyle(token) {
+  var progressBgCls = "".concat(token.antCls, "-progress-bg");
+  return _defineProperty({}, token.componentCls, {
+    '&-multiple': {
+      paddingBlockStart: 6,
+      paddingBlockEnd: 12,
+      paddingInline: 8
+    },
+    '&-progress': {
+      '&-success': _defineProperty({}, progressBgCls, {
+        backgroundColor: token.colorSuccess
+      }),
+      '&-error': _defineProperty({}, progressBgCls, {
+        backgroundColor: token.colorError
+      }),
+      '&-warning': _defineProperty({}, progressBgCls, {
+        backgroundColor: token.colorWarning
+      })
+    },
+    '&-rule': {
+      display: 'flex',
+      alignItems: 'center',
+      '&-icon': {
+        '&-default': {
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          width: '14px',
+          height: '22px',
+          '&-circle': {
+            width: '6px',
+            height: '6px',
+            backgroundColor: token.colorTextSecondary,
+            borderRadius: '4px'
           }
         },
-        "&-error": {
-          [progressBgCls]: {
-            backgroundColor: token.colorError
-          }
+        '&-loading': {
+          color: token.colorPrimary
         },
-        "&-warning": {
-          [progressBgCls]: {
-            backgroundColor: token.colorWarning
-          }
-        }
-      },
-      "&-rule": {
-        display: "flex",
-        alignItems: "center",
-        "&-icon": {
-          "&-default": {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            width: "14px",
-            height: "22px",
-            "&-circle": {
-              width: "6px",
-              height: "6px",
-              backgroundColor: token.colorTextSecondary,
-              borderRadius: "4px"
-            }
-          },
-          "&-loading": {
-            color: token.colorPrimary
-          },
-          "&-error": { color: token.colorError },
-          "&-success": {
-            color: token.colorSuccess
-          }
+        '&-error': {
+          color: token.colorError
         },
-        "&-text": {
-          color: token.colorText
+        '&-success': {
+          color: token.colorSuccess
         }
+      },
+      '&-text': {
+        color: token.colorText
       }
     }
-  };
+  });
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("InlineErrorFormItem", (token) => {
-    const proToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('InlineErrorFormItem', function (token) {
+    var proToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProStyle(proToken)];
   });
-}
-export {
-  useStyle
-};
+}

package/es/utils/components/LabelIconTip/index.js

@@ -1,59 +1,61 @@
-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;
-};
-
-// src/utils/components/LabelIconTip/index.tsx
-import { InfoCircleOutlined } from "@ant-design/icons";
-import { ConfigProvider, Tooltip } from "antd";
-import classNames from "classnames";
-import React, { useContext } from "react";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { InfoCircleOutlined } from '@ant-design/icons';
+import { ConfigProvider, Tooltip } from 'antd';
+import classNames from 'classnames';
+import React, { useContext } from 'react';
 import { useStyle } from "./style";
-var LabelIconTip = React.memo((props) => {
-  const { label, tooltip, ellipsis, subTitle } = props;
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const className = getPrefixCls("pro-core-label-tip");
-  const { wrapSSR, hashId } = useStyle(className);
+
+/**
+ * 在 form 的 label 后面增加一个 tips 来展示一些说明文案
+ *
+ * @param props
+ */
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var LabelIconTip = /*#__PURE__*/React.memo(function (props) {
+  var label = props.label,
+    tooltip = props.tooltip,
+    ellipsis = props.ellipsis,
+    subTitle = props.subTitle;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var className = getPrefixCls('pro-core-label-tip');
+  var _useStyle = useStyle(className),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
   if (!tooltip && !subTitle) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, label);
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: label
+    });
   }
-  const tooltipProps = typeof tooltip === "string" || React.isValidElement(tooltip) ? { title: tooltip } : tooltip;
-  const icon = (tooltipProps == null ? void 0 : tooltipProps.icon) || /* @__PURE__ */ React.createElement(InfoCircleOutlined, null);
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classNames(className, hashId),
-        onMouseDown: (e) => e.stopPropagation(),
-        onMouseLeave: (e) => e.stopPropagation(),
-        onMouseMove: (e) => e.stopPropagation()
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames(`${className}-title`, hashId, {
-            [`${className}-title-ellipsis`]: ellipsis
-          })
-        },
-        label
-      ),
-      subTitle && /* @__PURE__ */ React.createElement("div", { className: `${className}-subtitle ${hashId}`.trim() }, subTitle),
-      tooltip && /* @__PURE__ */ React.createElement(Tooltip, __spreadValues({}, tooltipProps), /* @__PURE__ */ React.createElement("span", { className: `${className}-icon ${hashId}`.trim() }, icon))
-    )
-  );
-});
-export {
-  LabelIconTip
-};
+  var tooltipProps = typeof tooltip === 'string' || /*#__PURE__*/React.isValidElement(tooltip) ? {
+    title: tooltip
+  } : tooltip;
+  var icon = (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.icon) || /*#__PURE__*/_jsx(InfoCircleOutlined, {});
+  return wrapSSR( /*#__PURE__*/_jsxs("div", {
+    className: classNames(className, hashId),
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    },
+    onMouseLeave: function onMouseLeave(e) {
+      return e.stopPropagation();
+    },
+    onMouseMove: function onMouseMove(e) {
+      return e.stopPropagation();
+    },
+    children: [/*#__PURE__*/_jsx("div", {
+      className: classNames("".concat(className, "-title"), hashId, _defineProperty({}, "".concat(className, "-title-ellipsis"), ellipsis)),
+      children: label
+    }), subTitle && /*#__PURE__*/_jsx("div", {
+      className: "".concat(className, "-subtitle ").concat(hashId).trim(),
+      children: subTitle
+    }), tooltip && /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
+      children: /*#__PURE__*/_jsx("span", {
+        className: "".concat(className, "-icon ").concat(hashId).trim(),
+        children: icon
+      })
+    }))]
+  }));
+});