belong-ui-lib 1.0.6 → 1.0.8

package/dist/components/Button/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './button.css';
+type ButtonType = 'default' | 'primary' | 'dashed' | 'text';
+interface ButtonProps {
+    type?: ButtonType;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    children?: React.ReactNode;
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/components/Button/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './button.css';
+var Button = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? 'default' : _b, onClick = _a.onClick, children = _a.children;
+    var className = [
+        'ant-btn',
+        "ant-btn-".concat(type),
+    ]
+        .filter(Boolean)
+        .join(' ');
+    var handleClick = function (e) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
+    return (_jsx("button", { className: className, onClick: handleClick, children: children }));
+};
+export default Button;

package/dist/index.d.ts

@@ -1 +1 @@
-export { default as Button } from "./Button";
+export { default as Button } from "./components/Button";

package/dist/index.js

@@ -1 +1 @@
-export { default as Button } from "./Button";
+export { default as Button } from "./components/Button";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "belong-ui-lib",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "belong-ui-lib",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/Button/index.css

@@ -0,0 +1,39 @@
+.ant-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6px;
+  border: 1px solid #d9d9d9;
+  background: #fff;
+  color: rgba(0, 0, 0, 0.88);
+  cursor: pointer;
+  transition: all 0.2s;
+  font-size: 14px;
+  gap: 6px;
+}
+
+.ant-btn:hover {
+  border-color: #4096ff;
+  color: #4096ff;
+}
+
+/* 类型 */
+.ant-btn-primary {
+  background: #1677ff;
+  border-color: #1677ff;
+  color: #fff;
+}
+
+.ant-btn-primary:hover {
+  background: #4096ff;
+  border-color: #4096ff;
+}
+
+.ant-btn-dashed {
+  border-style: dashed;
+}
+
+.ant-btn-text {
+  border-color: transparent;
+  background: transparent;
+}

package/src/components/Button/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react'
+import './button.css'
+
+type ButtonType = 'default' | 'primary' | 'dashed' | 'text'
+
+interface ButtonProps {
+  type?: ButtonType
+  onClick?: React.MouseEventHandler<HTMLButtonElement>
+  children?: React.ReactNode
+}
+
+const Button: React.FC<ButtonProps> = ({
+  type = 'default',
+  onClick,
+  children,
+}) => {
+  const className = [
+    'ant-btn',
+    `ant-btn-${type}`,
+  ]
+    .filter(Boolean)
+    .join(' ')
+
+  const handleClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
+    onClick?.(e)
+  }
+
+  return (
+    <button className={className} onClick={handleClick}>
+     {children}
+    </button>
+  )
+}
+
+export default Button

package/src/index.tsx

@@ -1 +1 @@
-export { default as Button } from "./Button";
+export { default as Button } from "./components/Button";

package/src/Button.tsx

@@ -1,20 +0,0 @@
-import React from "react";
-
-export interface ButtonProps {
-  text: string;
-  onClick?: () => void;
-}
-
-const Button: React.FC<ButtonProps> = ({ text, onClick }) => {
-  console.log(11111);
-  return (
-    <button
-      style={{ padding: "8px 16px", cursor: "pointer" }}
-      onClick={onClick}
-    >
-      {text}
-    </button>
-  );
-};
-
-export default Button;