x-star-design 0.0.11 → 0.0.13

package/dist/ac-animation/define.d.ts

@@ -31,4 +31,8 @@ export interface AcAnimationProps {
      * @default offsetX: 0, offsetY: 0, fontSize: 36, fontFamily: 'Arial', shadowColor: 'rgba(2,38,121,0.2)', color: '#022679' 相对canvas水平垂直居中
      */
     titleStyle?: titleShowProps;
+    /**
+     * @description canvas卸载时的回调
+     */
+    onFinish?: () => void;
 }

package/dist/ac-animation/index.js

@@ -8,7 +8,8 @@ var AcAnimation = function AcAnimation(_ref) {
       offsetX: 0,
       offsetY: 0
     } : _ref$imgSizeAndPositi,
-    titleStyle = _ref.titleStyle;
+    titleStyle = _ref.titleStyle,
+    onFinish = _ref.onFinish;
   var canvas = document.createElement('canvas');
   var ctx = canvas.getContext('2d');
   var AnimationID = -1;
@@ -107,6 +108,11 @@ var AcAnimation = function AcAnimation(_ref) {
       });
     }
   };
+  var shutDownCanvas = function shutDownCanvas() {
+    canvas.remove();
+    window.cancelAnimationFrame(AnimationID);
+    onFinish === null || onFinish === void 0 ? void 0 : onFinish();
+  };
 
   //---------Render-----------
   var render = function render() {
@@ -152,8 +158,7 @@ var AcAnimation = function AcAnimation(_ref) {
       ctx.setTransform(1, 0, 0, 1, 0, 0);
     });
     if (confetti.length <= 10) {
-      canvas.remove();
-      window.cancelAnimationFrame(AnimationID);
+      shutDownCanvas();
       return;
     }
     AnimationID = window.requestAnimationFrame(render);
@@ -172,8 +177,7 @@ var AcAnimation = function AcAnimation(_ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     id: "ac-canvas",
     onClick: function onClick() {
-      canvas.remove();
-      window.cancelAnimationFrame(AnimationID);
+      shutDownCanvas();
     }
   }));
 };

package/dist/index.d.ts

@@ -9,3 +9,4 @@ export { default as RainbowCat } from './rainbow-cat';
 export { default as StatusTag } from './status-tag';
 export type { StatusTagProps, StatusTagShape, StatusTagStyle, StatusTagType, } from './status-tag/define';
 export { default as TitleWithIcon } from './title-with-icon';
+export { default as UserAvatar } from './user-avatar';

package/dist/index.js

@@ -6,4 +6,5 @@ export { default as ErrorBoundary } from "./error-boundary";
 export { default as LoadingMask } from "./loading-mask";
 export { default as RainbowCat } from "./rainbow-cat";
 export { default as StatusTag } from "./status-tag";
-export { default as TitleWithIcon } from "./title-with-icon";
+export { default as TitleWithIcon } from "./title-with-icon";
+export { default as UserAvatar } from "./user-avatar";

package/dist/types/svg.d.ts

@@ -1,3 +1,4 @@
 declare module '*.svg' {
   export default string;
 }
+declare module 'randomcolor';

package/dist/user-avatar/index.d.ts

@@ -0,0 +1,10 @@
+import { AvatarProps } from 'antd/lib/avatar';
+import React from 'react';
+type UserAvatarProps = AvatarProps & {
+    user: {
+        realName?: string;
+        userName?: string;
+    } | null | undefined;
+};
+declare const UserAvatar: React.FC<UserAvatarProps>;
+export default UserAvatar;

package/dist/user-avatar/index.js

@@ -0,0 +1,35 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["user", "style"];
+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 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) { _defineProperty(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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 { Avatar, Tooltip } from 'antd';
+import randomColor from 'randomcolor';
+import React, { useMemo } from 'react';
+var UserAvatar = function UserAvatar(_ref) {
+  var _ref2, _ref2$filter;
+  var user = _ref.user,
+    style = _ref.style,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var name = ((_ref2 = [user === null || user === void 0 ? void 0 : user.realName, user === null || user === void 0 ? void 0 : user.userName]) === null || _ref2 === void 0 ? void 0 : (_ref2$filter = _ref2.filter(Boolean)) === null || _ref2$filter === void 0 ? void 0 : _ref2$filter.join(' | ')) || 'Unknown';
+  var background = useMemo(function () {
+    return randomColor({
+      luminosity: 'bright',
+      seed: name,
+      format: 'rgb'
+    });
+  }, [name]);
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    title: name
+  }, /*#__PURE__*/React.createElement(Avatar, _extends({
+    style: _objectSpread({
+      background: background
+    }, style)
+  }, props), name[0].toUpperCase()));
+};
+export default UserAvatar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-star-design",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "A react component library developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",
@@ -57,14 +57,17 @@
     "@uiw/react-codemirror": "^4.21.9",
     "ahooks": "^3.7.8",
     "classnames": "^2.3.2",
+    "randomcolor": "^0.6.2",
     "x-star-utils": "^0.0.4"
   },
   "devDependencies": {
+    "@ant-design/icons": "4.7.0",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@umijs/lint": "^4.0.0",
+    "antd": "5.2.2",
     "dumi": "^2.2.0",
     "eslint": "^8.23.0",
     "father": "^4.1.0",
@@ -79,6 +82,8 @@
     "stylelint-config-standard-scss": "^6.1.0"
   },
   "peerDependencies": {
+    "@ant-design/icons": ">=4.7.0",
+    "antd": ">=4.23",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },