shineout 0.0.1-alpha.1

package/cjs/@types/common.d.ts

@@ -0,0 +1,30 @@
+import { PopoverProps } from '../popover/popover.type';
+import React from 'react';
+export interface TipProps {
+    /**
+     * @en The position where the validation info pop up
+     * @cn 校验信息弹出位置
+     * @override PopoverProps["position"]
+     */
+    popover?: boolean | PopoverProps['position'];
+    /**
+     * @en Prompt information
+     * @cn 提示信息
+     */
+    tip?: React.ReactNode;
+    /**
+     * @en Vilidate popup properties
+     * @cn 校验或者tip弹框接受的属性
+     * @type PopoverProps
+     */
+    popoverProps?: PopoverProps;
+    /**
+     * @private for rule
+     */
+    title?: string;
+}
+export interface CommonType {
+    size?: 'small' | 'large' | 'default';
+    className?: string;
+    style?: React.CSSProperties;
+}

package/cjs/@types/common.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/alert/__example__/01-base.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/cjs/alert/__example__/01-base.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    -- 提示框基本用法，在页面内用于展示重要提示信息
+ * en - Basic
+ *    -- The basic usage of Alert, used to display important prompt information in the page.
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+    icon: true,
+    type: "info",
+    children: "This is a line of important text for alerting purposes"
+  });
+};
+exports.default = _default;

package/cjs/alert/__example__/02-type.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/cjs/alert/__example__/02-type.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 不同类型
+ *    -- 通过设置 `type` 属性切换不同的提示框类型，支持 4 种不同的类型：`success`、`info`、`warning`、`danger`
+ * en - Type
+ *    -- Set the `type` property to switch between different types of alert boxes. Support 4 different types: `success`, `info`, `warning`, `danger`
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      gap: 32
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+      icon: true,
+      type: "info",
+      style: {
+        width: 'calc(50% - 16px)'
+      },
+      children: "This is informative text."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+      icon: true,
+      type: "success",
+      style: {
+        width: 'calc(50% - 16px)'
+      },
+      children: "This is success text."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+      icon: true,
+      type: "warning",
+      style: {
+        width: 'calc(50% - 16px)'
+      },
+      children: "This is warning text."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+      icon: true,
+      type: "danger",
+      style: {
+        width: 'calc(50% - 16px)'
+      },
+      children: "This is danger text."
+    })]
+  });
+};
+exports.default = _default;

package/cjs/alert/__example__/03-closeable.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/cjs/alert/__example__/03-closeable.js

@@ -0,0 +1,56 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * cn - 允许关闭
+ *    -- 通过设置 `closable` 属性可以展示关闭按钮。通过 `onClose` 属性可以设置关闭回调函数。
+ *    -- 注意 `onClose` 属性未来不再支持 boolean 类型，`hideClose` 属性即将弃用，请使用 `closable`。
+ * en - Basic
+ *    -- The basic usage of Alert, used to display important prompt information in the page.
+ */
+var _default = function _default() {
+  var _useState = (0, _react.useState)(true),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    reset = _useState2[0],
+    setReset = _useState2[1];
+  var handleReset = function handleReset() {
+    setReset(true);
+  };
+  var handleClose = function handleClose() {
+    setTimeout(function () {
+      setReset(false);
+    }, 300);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      onClick: handleReset,
+      mode: "text",
+      type: "primary",
+      style: {
+        marginBottom: 12
+      },
+      children: "\u91CD\u7F6E"
+    }), reset && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+      icon: true,
+      closable: true,
+      type: "info",
+      onClose: handleClose,
+      children: "This is informative text."
+    })]
+  });
+};
+exports.default = _default;

package/cjs/alert/__example__/04-title.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/cjs/alert/__example__/04-title.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 标题模式
+ *    -- 通过设置 `title` 属性可以展示标题模式的提示框。
+ * en - Title
+ *    -- Set the `title` property to display the title mode alert box.
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+    type: "info",
+    icon: true,
+    title: "Heading",
+    children: "This is a line of important text for alerting purposes"
+  });
+};
+exports.default = _default;

package/cjs/alert/__example__/05-bordered.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/cjs/alert/__example__/05-bordered.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 无边框
+ *    -- 设置 `bordered` 属性为 false 可以隐藏提示框的边框。
+ * en - No border
+ *    -- Set the `bordered` property to false to hide the border of the alert box.
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+    icon: true,
+    type: "info",
+    bordered: false,
+    children: "This is a line of important text for alerting purposes"
+  });
+};
+exports.default = _default;

package/cjs/alert/alert.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AlertProps } from './alert.type';
+declare const _default: (props: AlertProps) => JSX.Element;
+export default _default;

package/cjs/alert/alert.js

@@ -0,0 +1,25 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _base = require("@sheinx/base");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var jssStyle = {
+  alert: _shineoutStyle.useAlertStyle
+};
+var _default = function _default(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Alert, _objectSpread(_objectSpread({}, props), {}, {
+    jssStyle: jssStyle
+  }));
+};
+exports.default = _default;

package/cjs/alert/alert.type.d.ts

@@ -0,0 +1,2 @@
+import { AlertProps as UnStyledAlertProps } from '@sheinx/base';
+export declare type AlertProps = Omit<UnStyledAlertProps, 'jssStyle'>;

package/cjs/alert/alert.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/alert/index.d.ts

@@ -0,0 +1,7 @@
+import Alert from './alert';
+declare type RefAlert = typeof Alert;
+export interface AlertComponent extends RefAlert {
+    displayName: string;
+}
+declare const AlertComp: AlertComponent;
+export default AlertComp;

package/cjs/alert/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _alert = _interopRequireDefault(require("./alert"));
+var AlertComp = _alert.default;
+AlertComp.displayName = 'ShineoutAlert';
+var _default = AlertComp;
+exports.default = _default;

package/cjs/alert/interface.d.ts

@@ -0,0 +1 @@
+export type { AlertProps as Props } from './alert.type';

package/cjs/alert/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/breadcrumb/__example__/01-base.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 基本用法
+ *    -- 组件调用通过 json 数据配置
+ * en - Base
+ *    -- The basic usage.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/breadcrumb/__example__/01-base.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    -- 组件调用通过 json 数据配置
+ * en - Base
+ *    -- The basic usage.
+ */
+
+var data = [{
+  title: 'Home',
+  url: '/'
+}, {
+  title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+    to: "/cn/components/shineout/button",
+    children: "Button"
+  })
+}, {
+  title: 'Handler',
+  onClick: function onClick() {
+    return _.Message.info('clicked');
+  }
+}, {
+  title: 'Self'
+}];
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Breadcrumb, {
+    data: data
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/breadcrumb/__example__/01-size.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 尺寸
+ *    -- 通过设置 fontSize 设置尺寸
+ * en - Size
+ *    -- set fontSize to change size
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/breadcrumb/__example__/01-size.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 尺寸
+ *    -- 通过设置 fontSize 设置尺寸
+ * en - Size
+ *    -- set fontSize to change size
+ */
+
+var data = [{
+  title: 'Home',
+  url: '/'
+}, {
+  title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+    to: "/cn/components/shineout/button",
+    children: "Button"
+  })
+}, {
+  title: 'Handler',
+  onClick: function onClick() {
+    return _.Message.info('clicked');
+  }
+}, {
+  title: 'Self'
+}];
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Breadcrumb, {
+      data: data,
+      style: {
+        fontSize: 12
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Breadcrumb, {
+      data: data,
+      style: {
+        fontSize: 14,
+        marginTop: 24
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Breadcrumb, {
+      data: data,
+      style: {
+        fontSize: 16,
+        marginTop: 24
+      }
+    })]
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/breadcrumb/__example__/02-separator.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 自定义分隔符
+ *    -- 默认的分隔符为 '/'，可以通过 separator 属性自定义
+ * en - separator
+ *    -- The default separator is '/'.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/breadcrumb/__example__/02-separator.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 自定义分隔符
+ *    -- 默认的分隔符为 '/'，可以通过 separator 属性自定义
+ * en - separator
+ *    -- The default separator is '/'.
+ */
+
+function Separator() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: "~"
+  });
+}
+var data = [{
+  title: 'Home',
+  url: '/'
+}, {
+  title: 'Self'
+}];
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Breadcrumb, {
+      data: data,
+      separator: "|"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Breadcrumb, {
+      data: data,
+      separator: /*#__PURE__*/(0, _jsxRuntime.jsx)(Separator, {})
+    })]
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/breadcrumb/__example__/03-icon.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 自定义图标
+ *    -- 带图标的面包屑
+ * en - icon
+ *    -- Breadcrumbs with icons
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/breadcrumb/__example__/03-icon.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 自定义图标
+ *    -- 带图标的面包屑
+ * en - icon
+ *    -- Breadcrumbs with icons
+ */
+
+var home = /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 14 14",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M7.01274 1.16681L7.03514 1.16772C7.0439 1.16825 7.05266 1.16898 7.0614 1.1699C7.07268 1.1711 7.08397 1.17262 7.09523 1.17449C7.10701 1.17643 7.11888 1.17878 7.13068 1.18149C7.14282 1.18428 7.15483 1.18745 7.16674 1.19101C7.19155 1.19842 7.21609 1.20757 7.24007 1.21843L7.3038 1.25224L7.36391 1.29449L13.1886 5.96116C13.7766 6.43231 13.1102 7.30323 12.5163 6.91255L12.4608 6.87217L12.1404 6.61535C12.0902 6.57505 12.0167 6.58314 11.9764 6.63341C11.9599 6.65411 11.9508 6.67985 11.9508 6.70639L11.951 11.6667C11.951 12.5142 11.4084 12.8363 10.854 12.8294L10.7861 12.8333H3.214C2.60798 12.8333 2.04907 12.25 2.04907 11.6667L2.04887 6.70649C2.04887 6.64205 1.99663 6.58982 1.9322 6.58982C1.90566 6.58982 1.8799 6.59888 1.8592 6.61549L1.53923 6.87217C0.951171 7.34333 0.249058 6.50097 0.76001 6.00645L0.811506 5.96116L6.63618 1.29449L6.69628 1.25224C6.69778 1.25132 6.69929 1.2504 6.7008 1.24949L6.63618 1.29449C6.66273 1.27322 6.69068 1.2546 6.71968 1.23864C6.73531 1.23003 6.75127 1.22219 6.76748 1.21511C6.77705 1.21094 6.78672 1.20703 6.79646 1.20339C6.81078 1.19804 6.82523 1.19329 6.83981 1.18912C6.84847 1.18664 6.85721 1.18436 6.86598 1.18229C6.8821 1.17847 6.89843 1.17535 6.91484 1.17292C6.92268 1.17177 6.93045 1.17078 6.93823 1.16995C6.95674 1.16797 6.97546 1.16689 6.99419 1.16667C7.00028 1.16667 7.00651 1.16667 7.01274 1.16681ZM6.81767 2.64277L3.32311 5.44243C3.25401 5.49778 3.2138 5.58153 3.2138 5.67006L3.21399 11.375C3.21401 11.5361 3.34459 11.6667 3.50567 11.6667H4.66953C4.83061 11.6667 4.96119 11.5361 4.96121 11.375L4.96141 8.16667C4.96141 7.86751 5.18626 7.62096 5.47595 7.58726L5.53547 7.58382C5.54107 7.5835 5.54668 7.58333 5.55229 7.58333H8.45621C8.7779 7.58333 9.03868 7.8445 9.03868 8.16667L9.03848 11.375C9.03846 11.5361 9.16903 11.6667 9.33012 11.6667C9.33011 11.6667 9.33012 11.6667 9.33012 11.6667L10.4944 11.6667C10.6555 11.6667 10.7861 11.5361 10.7861 11.375V5.67005C10.7861 5.58152 10.7459 5.49779 10.6768 5.44243L7.1824 2.64278C7.07582 2.55738 6.92426 2.55738 6.81767 2.64277ZM7.29041 8.75H6.70967C6.38751 8.75 6.12634 9.01117 6.12634 9.33333V11.375C6.12634 11.5361 6.25692 11.6667 6.41801 11.6667H7.58207C7.74316 11.6667 7.87374 11.5361 7.87374 11.375V9.33333C7.87374 9.01117 7.61257 8.75 7.29041 8.75Z",
+    fill: "currentColor"
+  })
+});
+var tag = /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 14 14",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M8.16628 1.16766L11.5316 1.30638C12.1216 1.3307 12.6004 1.79199 12.6466 2.38066L12.925 5.92253C12.9517 6.26273 12.8282 6.59759 12.5869 6.83889L6.82038 12.6054C6.36477 13.061 5.62608 13.061 5.17047 12.6054L1.50833 8.94323C1.05272 8.48762 1.05272 7.74893 1.50833 7.29332L7.29327 1.50838C7.52387 1.27778 7.84045 1.15423 8.16628 1.16766ZM8.11823 2.33334L2.74577 7.70579C2.51797 7.9336 2.51797 8.30295 2.74577 8.53075L5.58295 11.3679C5.81075 11.5957 6.1801 11.5957 6.40791 11.3679L11.7619 6.01393L11.5038 2.72997C11.4923 2.58281 11.3726 2.46749 11.2251 2.46141L8.11823 2.33334ZM8.97477 3.40479C9.78019 3.40479 10.4331 4.05771 10.4331 4.86312C10.4331 5.66854 9.78019 6.32145 8.97477 6.32145C8.16936 6.32145 7.51644 5.66854 7.51644 4.86312C7.51644 4.05771 8.16936 3.40479 8.97477 3.40479ZM8.97477 4.57145C8.81369 4.57145 8.6831 4.70204 8.6831 4.86312C8.6831 5.0242 8.81369 5.15479 8.97477 5.15479C9.13585 5.15479 9.26644 5.0242 9.26644 4.86312C9.26644 4.70204 9.13585 4.57145 8.97477 4.57145Z",
+    fill: "currentColor"
+  })
+});
+var data = [{
+  icon: home,
+  url: '#home'
+}, {
+  icon: tag,
+  title: 'Custom',
+  url: 'https://www.google.com'
+}, {
+  icon: tag,
+  title: 'Demo'
+}];
+var style = {
+  display: 'flex',
+  alignItems: 'center'
+};
+var data2 = [{
+  title: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
+    style: style,
+    href: "#home",
+    children: ["Home\xA0", home, ' ']
+  })
+}, {
+  title: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
+    style: style,
+    href: "https://www.google.com",
+    children: ["Custom\xA0", tag]
+  })
+}, {
+  title: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    style: style,
+    children: ["Custom\xA0", tag]
+  })
+}];
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Breadcrumb, {
+      data: data,
+      style: {
+        marginBottom: 24
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Breadcrumb, {
+      data: data2
+    })]
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/breadcrumb/__example__/04-renderItem.d.ts

@@ -0,0 +1,8 @@
+/**
+ * cn - 自定义渲染
+ *    -- 自定义渲染面包屑中的内容
+ * en - Base
+ *    -- Custom render content in Breadcrumb
+ */
+/// <reference types="react" />
+export default function (): JSX.Element;

package/cjs/breadcrumb/__example__/04-renderItem.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 自定义渲染
+ *    -- 自定义渲染面包屑中的内容
+ * en - Base
+ *    -- Custom render content in Breadcrumb
+ */
+
+var data = [{
+  name: 'home',
+  link: '#home'
+}, {
+  name: 'menu'
+}, {
+  name: 'self',
+  link: 'https://www.google.com'
+}];
+var renderItem = function renderItem(value) {
+  var BreadcrumbItem = value.name;
+  if (value.link) BreadcrumbItem = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+    href: value.link,
+    children: value.name
+  });
+  return BreadcrumbItem;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+    children: BreadcrumbItem
+  });
+};
+function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Breadcrumb, {
+    renderItem: renderItem,
+    data: data
+  });
+}