@rc-component/progress 1.0.0

package/lib/utils/getIndeterminateCircle.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = ({
+  id,
+  loading
+}) => {
+  if (!loading) {
+    return {
+      indeterminateStyleProps: {},
+      indeterminateStyleAnimation: null
+    };
+  }
+  const animationName = `${id}-indeterminate-animate`;
+  return {
+    indeterminateStyleProps: {
+      transform: 'rotate(0deg)',
+      animation: `${animationName} 1s linear infinite`
+    },
+    indeterminateStyleAnimation: /*#__PURE__*/_react.default.createElement("style", null, `@keyframes ${animationName} {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+          }`)
+  };
+};
+exports.default = _default;

package/lib/utils/getIndeterminateLine.d.ts

@@ -0,0 +1,25 @@
+import type { StrokeLinecapType } from "../interface";
+import React from 'react';
+interface IndeterminateOption {
+    id: string;
+    loading: boolean;
+    percent: number;
+    strokeLinecap: StrokeLinecapType;
+    strokeWidth: number;
+}
+declare const _default: (options: IndeterminateOption) => {
+    indeterminateStyleProps: {
+        strokeDasharray?: undefined;
+        animation?: undefined;
+        strokeDashoffset?: undefined;
+    };
+    indeterminateStyleAnimation: any;
+} | {
+    indeterminateStyleProps: {
+        strokeDasharray: string;
+        animation: string;
+        strokeDashoffset: number;
+    };
+    indeterminateStyleAnimation: React.JSX.Element;
+};
+export default _default;

package/lib/utils/getIndeterminateLine.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = options => {
+  const {
+    id,
+    percent,
+    strokeLinecap,
+    strokeWidth,
+    loading
+  } = options;
+  if (!loading) {
+    return {
+      indeterminateStyleProps: {},
+      indeterminateStyleAnimation: null
+    };
+  }
+  const animationName = `${id}-indeterminate-animate`;
+  const strokeDashOffset = 100 - (percent + (strokeLinecap === 'round' ? strokeWidth : 0));
+  return {
+    indeterminateStyleProps: {
+      strokeDasharray: `${percent} 100`,
+      animation: `${animationName} .6s linear alternate infinite`,
+      strokeDashoffset: 0
+    },
+    indeterminateStyleAnimation: /*#__PURE__*/_react.default.createElement("style", null, `@keyframes ${animationName} {
+            0% { stroke-dashoffset: 0; }
+            100% { stroke-dashoffset: -${strokeDashOffset};
+          }`)
+  };
+};
+exports.default = _default;

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@rc-component/progress",
+  "version": "1.0.0",
+  "description": "progress ui component for react",
+  "keywords": [
+    "react",
+    "react-component",
+    "react-progress",
+    "progress"
+  ],
+  "homepage": "http://github.com/react-component/progress",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:react-component/progress.git"
+  },
+  "bugs": {
+    "url": "http://github.com/react-component/progress/issues"
+  },
+  "license": "MIT",
+  "main": "./lib/index",
+  "module": "./es/index",
+  "files": [
+    "lib",
+    "es"
+  ],
+  "scripts": {
+    "start": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:deploy": "gh-pages -d dist",
+    "deploy": "npm run docs:build && npm run docs:deploy",
+    "compile": "father build",
+    "prepare": "dumi setup",
+    "gh-pages": "npm run now-build && father doc deploy",
+    "prepublishOnly": "npm run compile && rc-np",
+    "lint": "eslint src/ --ext .ts,.tsx,.jsx,.js",
+    "prettier": "prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"",
+    "test": "rc-test",
+    "tsc": "tsc --noEmit",
+    "coverage": "father test --coverage",
+    "now-build": "npm run docs:build"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "dependencies": {
+    "@rc-component/util": "^1.2.1",
+    "classnames": "^2.2.6"
+  },
+  "devDependencies": {
+    "@rc-component/father-plugin": "^2.0.4",
+    "@rc-component/np": "^1.0.4",
+    "@testing-library/react": "^13.0.0",
+    "@types/classnames": "^2.2.9",
+    "@types/jest": "^29.4.0",
+    "@types/keyv": "3.1.4",
+    "@types/react": "^18.0.9",
+    "@types/react-dom": "^18.0.3",
+    "@umijs/fabric": "^3.0.0",
+    "cross-env": "^7.0.0",
+    "dumi": "^2.0.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-jest": "^27.6.0",
+    "eslint-plugin-unicorn": "^50.0.1",
+    "father": "^4.0.0",
+    "glob": "^8.0.1",
+    "prettier": "^3.1.1",
+    "rc-test": "^7.0.15",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "typescript": "^5.0.0"
+  }
+}