gxxc-ui 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,41 @@
+<a href="https://sic-web.github.io/sic-ui/" target="_blank">
+  <img height="180" src="https://testfile.stlg.com.cn/public_image/83fd6378a13df21f2c3caa160ba62565/单logo(2).png">
+</a>
+
+<h1>sic ui</h1>
+
+[![NPM version](https://img.shields.io/npm/v/sic-ui.svg?style=flat)](https://npmjs.org/package/sic-ui)
+[![NPM downloads](http://img.shields.io/npm/dm/sic-ui.svg?style=flat)](https://npmjs.org/package/sic-ui)
+
+## Usage
+
+https://sic-web.github.io/sic-ui/
+
+## Development
+
+```bash
+# install dependencies
+$ npm install
+
+# develop library by docs demo
+$ npm start
+
+# build library source code
+$ npm run build
+
+# build library source code in watch mode
+$ npm run build:watch
+
+# build docs
+$ npm run docs:build
+
+# Locally preview the production build.
+$ npm run docs:preview
+
+# check your project for potential problems
+$ npm run doctor
+```
+
+## LICENSE
+
+MIT

package/dist/AmountCellUI/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface PropsType extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: string | number;
+    animation?: boolean;
+    rawValue?: boolean;
+    forceRender?: boolean;
+    separator?: string;
+}
+export default function AmountCellUI(props: PropsType): React.JSX.Element;
+export {};

package/dist/AmountCellUI/index.js

@@ -0,0 +1,123 @@
+var _excluded = ["className", "children", "animation", "rawValue", "forceRender", "separator"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Tooltip } from 'antd';
+import lodash from 'lodash';
+import React from 'react';
+import CountUp from 'react-countup';
+import { num_expand } from 'sic-util';
+export default function AmountCellUI(props) {
+  var className = props.className,
+    children = props.children,
+    _props$animation = props.animation,
+    animation = _props$animation === void 0 ? false : _props$animation,
+    _props$rawValue = props.rawValue,
+    rawValue = _props$rawValue === void 0 ? false : _props$rawValue,
+    _props$forceRender = props.forceRender,
+    forceRender = _props$forceRender === void 0 ? false : _props$forceRender,
+    _props$separator = props.separator,
+    separator = _props$separator === void 0 ? '' : _props$separator,
+    otherProps = _objectWithoutProperties(props, _excluded);
+
+  /**
+   * 判断传入值是否为合法数字（包括字符串形式的数字）
+   */
+  var isNumeric = function isNumeric(value) {
+    if (value === null || value === undefined) return false;
+    var num;
+    if (lodash.isString(value)) {
+      var trimmed = value.trim();
+      if (!/^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/.test(trimmed)) return false;
+      num = Number(trimmed);
+    } else if (lodash.isNumber(value)) {
+      num = value;
+    } else {
+      return false;
+    }
+    return lodash.isFinite(num);
+  };
+
+  /**
+   * 将传入值转换为有限数字，失败返回 null
+   */
+  var toFiniteNumber = function toFiniteNumber(value) {
+    if (isNumeric(value)) {
+      return Number(value);
+    }
+    return null;
+  };
+
+  /**
+   * 获取传入值的小数位数（忽略末尾为 0 的情况，如 1.00 返回 0）
+   */
+  var getDecimalsIfNumber = function getDecimalsIfNumber(value) {
+    var num = toFiniteNumber(value);
+    if (num === null || !isNumeric(value)) return 0;
+    if (Number.isInteger(num)) return 0;
+    var str = num.toPrecision(); // 更稳定地获取数值字符串
+    var decimalIndex = str.indexOf('.');
+    if (decimalIndex === -1) return 0;
+    var fractionalPart = str.slice(decimalIndex + 1).replace(/[^0-9]/g, '');
+    return fractionalPart.length;
+  };
+
+  /**
+   * 对金额进行格式化：
+   * - 大于等于 1 亿：显示为 "X 亿"
+   * - 大于等于 1 万：显示为 "X 万"
+   * - 否则原样展示
+   */
+  var getFormatAmount = function getFormatAmount(amount) {
+    var num = toFiniteNumber(amount);
+    if (num === null) return {
+      value: amount,
+      suffix: ''
+    };
+    if (Math.abs(num) >= 100000000) {
+      return {
+        value: num_expand(amount, 100000000),
+        suffix: '亿'
+      };
+    } else if (Math.abs(num) >= 10000) {
+      return {
+        value: num_expand(amount, 10000),
+        suffix: '万'
+      };
+    } else {
+      return {
+        value: amount,
+        suffix: ''
+      };
+    }
+  };
+
+  // ================= 组件渲染逻辑 ================= //
+  // 如果强制渲染，直接返回内容
+  if (forceRender) {
+    return /*#__PURE__*/React.createElement("div", _extends({
+      className: "amountCellUI ".concat(className !== null && className !== void 0 ? className : '')
+    }, otherProps), children);
+  }
+
+  // 如果不是合法数字，直接返回 '--'
+  if (!isNumeric(children)) {
+    return /*#__PURE__*/React.createElement("div", _extends({
+      className: "amountCellUI ".concat(className !== null && className !== void 0 ? className : '')
+    }, otherProps), '--');
+  }
+
+  // 提前计算格式化结果，避免重复调用
+  var formattedAmount = getFormatAmount(children);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "amountCellUI ".concat(className !== null && className !== void 0 ? className : '')
+  }, otherProps), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "right",
+    title: children
+  }, animation ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(CountUp, {
+    end: rawValue ? Number(children) : Number(formattedAmount === null || formattedAmount === void 0 ? void 0 : formattedAmount.value),
+    decimals: rawValue ? getDecimalsIfNumber(children) : getDecimalsIfNumber(formattedAmount === null || formattedAmount === void 0 ? void 0 : formattedAmount.value),
+    suffix: rawValue ? '' : formattedAmount === null || formattedAmount === void 0 ? void 0 : formattedAmount.suffix,
+    separator: separator
+  })) : /*#__PURE__*/React.createElement("span", null, rawValue ? Number(children) : Number(formattedAmount === null || formattedAmount === void 0 ? void 0 : formattedAmount.value) + (formattedAmount === null || formattedAmount === void 0 ? void 0 : formattedAmount.suffix))));
+}

package/dist/AnchorUI/demo/anchor-button.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/AnchorUI/demo/anchor-button.js

@@ -0,0 +1,85 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useRef, useState } from 'react';
+import { AnchorUI, ButtonUI } from "../..";
+export default (function () {
+  var ref = useRef(null);
+  //当前导航项
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    anchorActive = _useState2[0],
+    setAnchorActive = _useState2[1];
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ButtonUI, {
+    onClick: function onClick() {
+      return setAnchorActive('part-1');
+    }
+  }, "\u70B9\u51FB\u5230\u4E3B\u4F53\u8D44\u8D28"), /*#__PURE__*/React.createElement(ButtonUI, {
+    onClick: function onClick() {
+      return setAnchorActive('part-2');
+    }
+  }, "\u70B9\u51FB\u5230\u5BA2\u6237\u6765\u6E90"), /*#__PURE__*/React.createElement(ButtonUI, {
+    onClick: function onClick() {
+      return setAnchorActive('part-3');
+    }
+  }, "\u70B9\u51FB\u5230\u9879\u76EE\u4FE1\u606F"), /*#__PURE__*/React.createElement(ButtonUI, {
+    onClick: function onClick() {
+      return setAnchorActive('part-4');
+    }
+  }, "\u70B9\u51FB\u5230\u98CE\u63A7\u4FE1\u606F"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React.createElement(AnchorUI, {
+    anchoruiRef: ref,
+    items: [{
+      key: 'part-1',
+      title: '主体资质'
+    }, {
+      key: 'part-2',
+      title: '客户来源'
+    }, {
+      key: 'part-3',
+      title: '项目信息'
+    }, {
+      key: 'part-4',
+      title: '风控信息'
+    }],
+    anchorActive: anchorActive,
+    setAnchorActive: setAnchorActive
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      overflow: 'scroll',
+      height: 400
+    },
+    ref: ref
+  }, /*#__PURE__*/React.createElement("div", {
+    id: "part-1",
+    style: {
+      height: '200px',
+      backgroundColor: 'rgba(255,0,0,0.2)'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "part-2",
+    style: {
+      height: '200px',
+      backgroundColor: 'rgba(0,255,0,0.2)'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "part-3",
+    style: {
+      height: '200px',
+      backgroundColor: 'rgba(0,0,255,0.2)'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "part-4",
+    style: {
+      height: '200px',
+      backgroundColor: 'rgba(0,0,125,0.2)'
+    }
+  }))));
+});

package/dist/AnchorUI/demo/use-anchor.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/AnchorUI/demo/use-anchor.js

@@ -0,0 +1,69 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useRef, useState } from 'react';
+import { AnchorUI } from "../..";
+export default (function () {
+  var ref = useRef(null);
+  //当前导航项
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    anchorActive = _useState2[0],
+    setAnchorActive = _useState2[1];
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React.createElement(AnchorUI, {
+    anchoruiRef: ref,
+    items: [{
+      key: 'part-a',
+      title: '主体资质'
+    }, {
+      key: 'part-b',
+      title: '客户来源'
+    }, {
+      key: 'part-c',
+      title: '项目信息'
+    }, {
+      key: 'part-d',
+      title: '风控信息'
+    }],
+    anchorActive: anchorActive,
+    setAnchorActive: setAnchorActive
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      overflow: 'scroll',
+      height: 400
+    },
+    ref: ref
+  }, /*#__PURE__*/React.createElement("div", {
+    id: "part-a",
+    style: {
+      height: '200px',
+      backgroundColor: 'rgba(255,0,0,0.2)'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "part-b",
+    style: {
+      height: '200px',
+      backgroundColor: 'rgba(0,255,0,0.2)'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "part-c",
+    style: {
+      height: '200px',
+      backgroundColor: 'rgba(0,0,255,0.2)'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "part-d",
+    style: {
+      height: '200px',
+      backgroundColor: 'rgba(0,0,125,0.2)'
+    }
+  })));
+});

package/dist/AnchorUI/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const AnchorUI: (props: any) => React.JSX.Element;
+export default AnchorUI;

package/dist/AnchorUI/index.js

@@ -0,0 +1,56 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Anchor } from 'antd';
+import React, { useEffect, useState } from 'react';
+import "./index.scss";
+var AnchorUI = function AnchorUI(props) {
+  var className = props.className,
+    anchoruiRef = props.anchoruiRef,
+    items = props.items,
+    anchorActive = props.anchorActive,
+    setAnchorActive = props.setAnchorActive;
+  // 当前聚焦id
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeId = _useState2[0],
+    setActiveId = _useState2[1];
+  useEffect(function () {
+    if (anchorActive) {
+      //判断是否点击的是当前聚焦项
+      if ('#' + anchorActive !== activeId) {
+        var targetElement = document.getElementById(anchorActive);
+        if (targetElement) targetElement.scrollIntoView({
+          behavior: 'auto'
+        });
+      }
+      //重置父级指定聚焦项  防止重复点击无效
+      if (setAnchorActive) setAnchorActive('');
+    }
+  }, [anchorActive]);
+  var newItems = items.map(function (item) {
+    return {
+      key: item.key,
+      title: item.title,
+      href: "#".concat(item.key)
+    };
+  });
+  return /*#__PURE__*/React.createElement(Anchor, {
+    className: "anchoraUI ".concat(className !== null && className !== void 0 ? className : ''),
+    items: newItems,
+    affix: false,
+    getContainer: function getContainer() {
+      return anchoruiRef === null || anchoruiRef === void 0 ? void 0 : anchoruiRef.current;
+    },
+    onClick: function onClick(e) {
+      return e.preventDefault();
+    },
+    onChange: function onChange(e) {
+      return setActiveId(e);
+    }
+  });
+};
+export default AnchorUI;

package/dist/AnchorUI/index.scss

@@ -0,0 +1,21 @@
+.anchoraUI {
+  .ant-anchor .ant-anchor-link {
+    padding: 0;
+    width: 125px;
+    height: 44px;
+    background-color: #f5f5f5;
+  }
+  .ant-anchor .ant-anchor-link-title {
+    box-sizing: border-box;
+    padding-left: 20px;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+  }
+
+  .ant-anchor .ant-anchor-link-active {
+    background-color: var(--themeColor4);
+    transition: background-color 1s ease;
+  }
+}

package/dist/BackUI/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.scss';
+interface IProps {
+    to?: any;
+    before?: string;
+    current?: string;
+    className?: string;
+    children?: React.ReactNode;
+    style?: {
+        [key: string]: string | number;
+    };
+}
+declare const BackUI: (props: IProps & Record<string, any>) => React.JSX.Element;
+export default BackUI;

package/dist/BackUI/index.js

@@ -0,0 +1,35 @@
+var _excluded = ["to", "before", "current", "className", "children"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import { IconUI } from "./..";
+import "./index.scss";
+var BackUI = function BackUI(props) {
+  var _props$to = props.to,
+    to = _props$to === void 0 ? -1 : _props$to,
+    before = props.before,
+    current = props.current,
+    className = props.className,
+    children = props.children,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var navigate = useNavigate();
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "sic-backui ".concat(className !== null && className !== void 0 ? className : '')
+  }, otherProps), /*#__PURE__*/React.createElement("div", {
+    className: "sic-backui-button",
+    onClick: function onClick() {
+      return navigate(to !== null && to !== void 0 ? to : -1);
+    }
+  }, /*#__PURE__*/React.createElement(IconUI, {
+    name: "Return"
+  }), /*#__PURE__*/React.createElement("div", null, "\u8FD4\u56DE")), /*#__PURE__*/React.createElement("div", {
+    className: "sic-backui-text"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sic-backui-text-before"
+  }, before), /*#__PURE__*/React.createElement("div", null, "/"), /*#__PURE__*/React.createElement("div", null, current)), /*#__PURE__*/React.createElement("div", {
+    className: "sic-backui-content"
+  }, children));
+};
+export default BackUI;

package/dist/BackUI/index.scss

@@ -0,0 +1,26 @@
+.sic-backui {
+  width: 100%;
+  height: 22px;
+  font-size: 16px;
+  line-height: normal;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  margin-bottom: 12px;
+  &-button {
+    color: var(--themeColor);
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    cursor: pointer;
+  }
+  &-text {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    &-before {
+      color: #999;
+    }
+  }
+}

package/dist/BroadcastUI/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.scss';
+interface IProps {
+    /** 广播消息列表 */
+    items?: Array<string | number>;
+    /** 组件宽度 */
+    width?: number;
+    /** 文字对齐方式 */
+    textAlign?: 'left' | 'center' | 'right';
+}
+declare const BroadcastUI: (props: IProps) => React.JSX.Element;
+export default BroadcastUI;

package/dist/BroadcastUI/index.js

@@ -0,0 +1,62 @@
+import { Carousel, Popover } from 'antd';
+import React, { useRef } from 'react';
+import { IconUI } from "./..";
+import "./index.scss";
+var BroadcastUI = function BroadcastUI(props) {
+  var ref = useRef(null);
+  var _props$items = props.items,
+    items = _props$items === void 0 ? [] : _props$items,
+    width = props.width,
+    _props$textAlign = props.textAlign,
+    textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sicBroadcastui",
+    style: {
+      width: width
+    }
+  }, /*#__PURE__*/React.createElement(IconUI, {
+    name: "Help",
+    theme: "filled",
+    fill: "var(--red)",
+    size: "18"
+  }), (items === null || items === void 0 ? void 0 : items.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "sicBroadcastui-content"
+  }, /*#__PURE__*/React.createElement(Carousel, {
+    autoplay: (items === null || items === void 0 ? void 0 : items.length) > 1,
+    dots: false,
+    dotPosition: "left",
+    autoplaySpeed: 5000,
+    adaptiveHeight: true
+  }, items.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "sicBroadcastui-content-item",
+      key: index
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "sicBroadcastui-content-item-text",
+      style: {
+        textAlign: textAlign
+      }
+    }, item));
+  }))), (items === null || items === void 0 ? void 0 : items.length) > 1 && /*#__PURE__*/React.createElement(Popover, {
+    color: "rgba(0, 0, 0, 0.85)",
+    placement: "bottomRight",
+    getPopupContainer: function getPopupContainer() {
+      return ref.current || document.body;
+    },
+    content: /*#__PURE__*/React.createElement("div", {
+      className: "sicBroadcastui-popover",
+      style: {
+        width: width ? width - 20 : 'auto'
+      }
+    }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "sicBroadcastui-popover-item",
+        key: index
+      }, item);
+    }))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sicBroadcastui-more",
+    ref: ref
+  }, "\u67E5\u770B")));
+};
+export default BroadcastUI;

package/dist/BroadcastUI/index.scss

@@ -0,0 +1,43 @@
+.sicBroadcastui {
+  box-sizing: border-box;
+  padding: 0 12px;
+  height: 32px;
+  font-size: 12px;
+  font-weight: normal;
+  line-height: normal;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  border: 1px solid var(--red);
+  border-radius: 4px;
+  background: rgba(255, 120, 117, 0.1);
+  &-content {
+    flex: 1;
+    height: 100%;
+    overflow: hidden;
+    &-item {
+      &-text {
+        height: 30px;
+        line-height: 30px;
+        font-size: 12px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+  &-more {
+    color: var(--red);
+    cursor: pointer;
+    .ant-popover-inner {
+      padding: 0;
+      .sicBroadcastui-popover {
+        box-sizing: border-box;
+        padding: 12px;
+        color: #fff;
+        font-size: 12px;
+      }
+    }
+  }
+}

package/dist/ButtonUI/index.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps } from 'antd';
+import React from 'react';
+import './index.scss';
+interface ButtonUIProps extends ButtonProps {
+    iconPosition?: 'start' | 'end';
+    children?: React.ReactNode;
+}
+declare const ButtonUI: React.FC<ButtonUIProps>;
+export default ButtonUI;