foxit-component 0.0.1-alpha.1

package/README.md

@@ -0,0 +1,45 @@
+# Foxit Component
+组件库 
+
+# 发包原则问题
+在 npm 和软件版本管理中，版本号（Versioning）遵循 语义化版本控制（Semantic Versioning，简称 SemVer）的规则。版本号通常采用三位数的格式：MAJOR.MINOR.PATCH。
+
+除了常见的正式版本，还有一些用于标识开发阶段的版本号标签，通常包括 alpha、beta 这些标签帮助开发者和使用者理解软件处于哪个发布阶段。
+
+## Alpha 版本 (alpha)
+描述：alpha 版本通常是开发中的早期版本，功能未完全实现，可能有大量的 bug 或不稳定的特性，适合开发者和早期测试者使用。
+命名规则：通常以 MAJOR.MINOR.PATCH-alpha.N 的格式表示，其中 N 是从 1 开始的递增数字。
+例子：
+1.0.0-alpha.1
+1.0.0-alpha.2
+1.0.0-alpha.3
+
+## Beta 版本 (beta)
+描述：beta 版本通常是开发中的后期版本，功能已经基本完成，可能已经解决了一些 bug，但仍可能存在问题。它是给开发者、测试人员或对新功能感兴趣的用户使用的版本。
+命名规则：MAJOR.MINOR.PATCH-beta.N，N 是递增的数字。
+例子：
+1.0.0-beta.1
+1.0.0-beta.2
+1.0.0-beta.3
+
+
+## 正式版本 (stable, final)
+描述：正式版本是经过充分测试，功能和 API 已经稳定，适合最终用户使用。它没有附加的标签，直接用 MAJOR.MINOR.PATCH 格式发布。
+命名规则：MAJOR.MINOR.PATCH
+例子：
+1.0.0
+2.0.0
+1.1.0
+
+## 发包示例
+```jsx
+alpha:
+npm version 1.0.0-alpha.1
+npm publish --tag alpha
+beta:
+npm version 1.0.0-beta.1
+npm publish --tag beta
+正式:
+npm version 1.0.0
+npm publish
+```

package/es/Button/Button.d.ts

@@ -0,0 +1,15 @@
+import "./button.css";
+export interface ButtonProps {
+    /** Is this the principal call to action on the page? */
+    primary?: boolean;
+    /** What background color to use */
+    backgroundColor?: string;
+    /** How large should the button be? */
+    size?: "small" | "medium" | "large";
+    /** Button contents */
+    label: string;
+    /** Optional click handler */
+    onClick?: () => void;
+}
+/** Primary UI component for user interaction */
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/es/Button/Button.js

@@ -0,0 +1,14 @@
+import { __rest, __assign } from '../node_modules/tslib/tslib.es6.js';
+import { jsx } from 'react/jsx-runtime';
+import './button.css.js';
+
+/** Primary UI component for user interaction */
+var Button = function (_a) {
+    var _b = _a.primary, primary = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, backgroundColor = _a.backgroundColor, label = _a.label, props = __rest(_a, ["primary", "size", "backgroundColor", "label"]);
+    var mode = primary
+        ? "storybook-button--primary"
+        : "storybook-button--secondary";
+    return (jsx("button", __assign({ type: "button", className: ["storybook-button", "storybook-button--".concat(size), mode].join(" "), style: { backgroundColor: backgroundColor } }, props, { children: label })));
+};
+
+export { Button };

package/es/Button/button.css.js

@@ -0,0 +1,6 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".storybook-button {\n  display: inline-block;\n  cursor: pointer;\n  border: 0;\n  border-radius: 3em;\n  font-weight: 700;\n  line-height: 1;\n  font-family: \"Nunito Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n.storybook-button--primary {\n  background-color: #555ab9;\n  color: white;\n}\n.storybook-button--secondary {\n  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n  background-color: transparent;\n  color: #333;\n}\n.storybook-button--small {\n  padding: 10px 16px;\n  font-size: 12px;\n}\n.storybook-button--medium {\n  padding: 11px 20px;\n  font-size: 14px;\n}\n.storybook-button--large {\n  padding: 12px 24px;\n  font-size: 16px;\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };

package/es/index.d.ts

@@ -0,0 +1 @@
+export { Button } from './Button/Button';

package/es/index.js

@@ -0,0 +1 @@
+export { Button } from './Button/Button.js';

package/es/node_modules/style-inject/dist/style-inject.es.js

@@ -0,0 +1,28 @@
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as default };

package/es/node_modules/tslib/tslib.es6.js

@@ -0,0 +1,46 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+export { __assign, __rest };

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "foxit-component",
+  "version": "0.0.1-alpha.1",
+  "author": {
+    "name": "linye",
+    "email": "869675630@qq.com"
+  },
+  "description": "Foxit React Component",
+  "keywords": [
+    "foxit",
+    "component",
+    "css",
+    "react"
+  ],
+  "module": "es/index.js",
+  "types": "es/index.d.ts",
+  "files": [
+    "es"
+  ],
+  "type": "module",
+  "scripts": {
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prettier": "prettier src --write",
+    "eslint": "eslint src --fix",
+    "chromatic": "npx chromatic --project-token=chpt_3e4d6e9742666b1",
+    "build-component": "rimraf es && rollup -c"
+  },
+  "dependencies": {
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^16.18.126",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@typescript-eslint/eslint-plugin": "^8.24.1",
+    "@typescript-eslint/parser": "^8.24.1",
+    "classnames": "^2.5.1",
+    "eslint": "^8.57.1",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-unused-imports": "^4.1.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-scripts": "5.0.1",
+    "react-select": "^5.10.0",
+    "typescript": "^4.9.5",
+    "web-vitals": "^2.1.4",
+    "react-transition-group": "^4.4.5"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest",
+      "plugin:storybook/recommended"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-strip": "^3.0.4",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@storybook/addon-essentials": "^8.5.8",
+    "@storybook/addon-interactions": "^8.5.8",
+    "@storybook/addon-onboarding": "^8.5.8",
+    "@storybook/blocks": "^8.5.8",
+    "@storybook/preset-create-react-app": "^8.5.8",
+    "@storybook/react": "^8.5.8",
+    "@storybook/react-webpack5": "^8.5.8",
+    "@storybook/test": "^8.5.8",
+    "autoprefixer": "^10.4.20",
+    "chromatic": "^11.25.2",
+    "eslint-plugin-storybook": "^0.11.3",
+    "prettier": "^3.5.1",
+    "prop-types": "^15.8.1",
+    "rollup": "^4.34.8",
+    "rollup-plugin-node-externals": "^8.0.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "storybook": "^8.5.8",
+    "webpack": "^5.98.0"
+  }
+}