aha-components 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +13 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +12 -9
package/dist/index.d.ts
CHANGED
|
@@ -46,4 +46,16 @@ interface AlertComponentProps {
|
|
|
46
46
|
}
|
|
47
47
|
declare const AlertComponent: React.FC<AlertComponentProps>;
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
interface AlertProps {
|
|
50
|
+
title?: string;
|
|
51
|
+
description?: string;
|
|
52
|
+
className?: string;
|
|
53
|
+
type: "success" | "error" | "warning" | "info";
|
|
54
|
+
icon?: React.ReactNode;
|
|
55
|
+
showIcon?: boolean;
|
|
56
|
+
closeable?: boolean;
|
|
57
|
+
action?: React.ReactNode;
|
|
58
|
+
}
|
|
59
|
+
declare const Alert: React.FC<AlertProps>;
|
|
60
|
+
|
|
61
|
+
export { Alert, AlertComponent, AlertComponentProps, AlertProps, Button, ButtonProps, Card, CardProps, Input, InputProps, TestComponent, TestComponentProps };
|
package/dist/index.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e,jsxs as
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r}from"react";var t=function(o){var r=o.children,t=o.variant,n=void 0===t?"primary":t,i=o.size,l=void 0===i?"medium":i,a=o.disabled,c=void 0!==a&&a,s=o.onClick,d=o.className,h=void 0===d?"":d,g=c?"opacity-50 cursor-not-allowed":"cursor-pointer",m="".concat("inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2"," ").concat({primary:"bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500",secondary:"bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500",outline:"border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 focus:ring-blue-500"}[n]," ").concat({small:"px-3 py-1.5 text-sm",medium:"px-4 py-2 text-base",large:"px-6 py-3 text-lg"}[l]," ").concat(g," ").concat(h);return e("button",{className:m,disabled:c,onClick:s,children:r})},n=function(o){var r=o.value,t=void 0===r?"":r,n=o.placeholder,i=void 0===n?"":n,l=o.type,a=void 0===l?"text":l,c=o.disabled,s=void 0!==c&&c,d=o.onChange,h=o.onFocus,g=o.onBlur,m=o.className,u=void 0===m?"":m,C=o.size,v=void 0===C?"medium":C,f=s?"opacity-50 cursor-not-allowed bg-gray-100":"bg-white",b="".concat("border border-gray-300 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"," ").concat({small:"px-3 py-1.5 text-sm",medium:"px-4 py-2 text-base",large:"px-6 py-3 text-lg"}[v]," ").concat(f," ").concat(u);return e("input",{type:a,value:t,placeholder:i,disabled:s,onChange:function(e){d&&d(e.target.value)},onFocus:h,onBlur:g,className:b})},i=function(r){var t=r.children,n=r.title,i=r.subtitle,l=r.className,a=void 0===l?"":l,c=r.onClick,s=c?"cursor-pointer":"",d="".concat("bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow"," ").concat(s," ").concat(a);return o("div",{className:d,onClick:c,children:[(n||i)&&o("div",{className:"px-6 py-4 border-b border-gray-200",children:[n&&e("h3",{className:"text-lg font-semibold text-gray-900",children:n}),i&&e("p",{className:"mt-1 text-sm text-gray-600",children:i})]}),e("div",{className:"px-6 py-4",children:t})]})},l=function(o){var r=o.children,t=o.className;return e("div",{className:"testcomponent-component ".concat(void 0===t?"":t),children:r})},a=function(r){var t=r.children,n=r.variant,i=void 0===n?"info":n,l=r.className,a=void 0===l?"":l,c=r.onClose,s="".concat("border rounded-md p-4 relative"," ").concat({success:"bg-green-50 border-green-200 text-green-800",error:"bg-red-50 border-red-200 text-red-800",warning:"bg-yellow-50 border-yellow-200 text-yellow-800",info:"bg-blue-50 border-blue-200 text-blue-800"}[i]," ").concat(a);return e("div",{className:s,children:o("div",{className:"flex",children:[e("div",{className:"flex-1",children:t}),c&&e("button",{onClick:c,className:"ml-3 text-current hover:opacity-70 transition-opacity",children:"✕"})]})})},c={success:e("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M10 1.66663C5.40002 1.66663 1.66669 5.39996 1.66669 9.99996C1.66669 14.6 5.40002 18.3333 10 18.3333C14.6 18.3333 18.3334 14.6 18.3334 9.99996C18.3334 5.39996 14.6 1.66663 10 1.66663ZM13.3584 8.49997L9.46668 12.3833C9.35001 12.5083 9.19168 12.5666 9.02501 12.5666C8.86668 12.5666 8.70834 12.5083 8.58334 12.3833L6.64169 10.4417C6.40002 10.2 6.40002 9.79994 6.64169 9.55827C6.88336 9.3166 7.28335 9.3166 7.52502 9.55827L9.02501 11.0583L12.475 7.61664C12.7167 7.36664 13.1167 7.36664 13.3584 7.61664C13.6 7.8583 13.6 8.24997 13.3584 8.49997Z",fill:"#00BC7D"})}),error:e("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M17.1342 6.3009L13.6999 2.86666C13.4658 2.63249 13.1474 2.50085 12.8157 2.50085H7.18504C6.85337 2.50085 6.53584 2.63249 6.30084 2.86666L2.8666 6.3009C2.63243 6.53507 2.50079 6.85343 2.50079 7.1851V12.8158C2.50079 13.1475 2.63243 13.465 2.8666 13.7L6.30084 17.1342C6.53501 17.3684 6.85337 17.5 7.18504 17.5H12.8157C13.1474 17.5 13.4649 17.3684 13.6999 17.1342L17.1342 13.7C17.3683 13.4658 17.5 13.1475 17.5 12.8158V7.1851C17.5 6.85343 17.3683 6.53507 17.1342 6.3009ZM12.525 11.6417C12.7692 11.8858 12.7692 12.2817 12.525 12.5259C12.4033 12.6475 12.2433 12.7092 12.0833 12.7092C11.9233 12.7092 11.7633 12.6484 11.6416 12.5259L9.99998 10.8842L8.35834 12.5259C8.23667 12.6475 8.07665 12.7092 7.91665 12.7092C7.75665 12.7092 7.59662 12.6484 7.47496 12.5259C7.23079 12.2817 7.23079 11.8858 7.47496 11.6417L9.1166 10L7.47496 8.3584C7.23079 8.11423 7.23079 7.71837 7.47496 7.4742C7.71912 7.23004 8.11498 7.23004 8.35915 7.4742L10.0008 9.11585L11.6424 7.4742C11.8866 7.23004 12.2825 7.23004 12.5266 7.4742C12.7708 7.71837 12.7708 8.11423 12.5266 8.3584L10.885 10L12.525 11.6417Z",fill:"#FB2C36"})}),warning:e("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M18.0057 14.2935L12.4999 3.99662C11.4333 2.00162 8.56744 2.00162 7.49995 3.99662L1.99417 14.2935C1.01583 16.1235 2.3442 18.3334 4.42337 18.3334H15.5765C17.6549 18.3334 18.9841 16.1226 18.0057 14.2935ZM9.37495 8.33337C9.37495 7.98837 9.65494 7.70837 9.99994 7.70837C10.3449 7.70837 10.6249 7.98837 10.6249 8.33337V11.6667C10.6249 12.0117 10.3449 12.2917 9.99994 12.2917C9.65494 12.2917 9.37495 12.0117 9.37495 11.6667V8.33337ZM10.0166 15C9.55663 15 9.17902 14.6267 9.17902 14.1667C9.17902 13.7067 9.54829 13.3334 10.0083 13.3334H10.0166C10.4775 13.3334 10.85 13.7067 10.85 14.1667C10.85 14.6267 10.4766 15 10.0166 15Z",fill:"#FE9A00"})}),info:e("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M14.6875 2.5H5.3125C3.4375 2.5 2.5 3.4375 2.5 5.3125V14.6875C2.5 16.5625 3.4375 17.5 5.3125 17.5H14.6875C16.5625 17.5 17.5 16.5625 17.5 14.6875V5.3125C17.5 3.4375 16.5625 2.5 14.6875 2.5ZM10.625 13.75C10.625 14.095 10.345 14.375 10 14.375C9.655 14.375 9.375 14.095 9.375 13.75V9.9408C9.375 9.5958 9.655 9.3158 10 9.3158C10.345 9.3158 10.625 9.5958 10.625 9.9408V13.75ZM10.0167 7.91667C9.55668 7.91667 9.17908 7.54333 9.17908 7.08333C9.17908 6.62333 9.54834 6.25 10.0083 6.25H10.0167C10.4775 6.25 10.85 6.62333 10.85 7.08333C10.85 7.54333 10.4767 7.91667 10.0167 7.91667Z",fill:"#2B7FFF"})})},s=e("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M15.4416 14.5583C15.6858 14.8025 15.6858 15.1984 15.4416 15.4425C15.32 15.5642 15.16 15.6258 15 15.6258C14.84 15.6258 14.68 15.565 14.5583 15.4425L9.99997 10.8842L5.44164 15.4425C5.31997 15.5642 5.15997 15.6258 4.99997 15.6258C4.83997 15.6258 4.67997 15.565 4.55831 15.4425C4.31414 15.1984 4.31414 14.8025 4.55831 14.5583L9.11664 10L4.55831 5.44171C4.31414 5.19754 4.31414 4.80168 4.55831 4.55751C4.80247 4.31335 5.19831 4.31335 5.44248 4.55751L10.0008 9.11587L14.5591 4.55751C14.8033 4.31335 15.1991 4.31335 15.4433 4.55751C15.6875 4.80168 15.6875 5.19754 15.4433 5.44171L10.885 10L15.4416 14.5583Z",fill:"#57534D"})}),d=function(t){var n=t.className,i=void 0===n?"":n,l=t.type,a=t.title,d=t.description,h=t.icon,g=void 0===h?c[l]:h,m=t.showIcon,u=void 0===m||m,C=t.closeable,v=void 0!==C&&C,f=t.action,b=r(!0),p=b[0],x=b[1];return p?o("div",{className:"".concat("aha-alert px-4 py-3 rounded-md flex gap-2 relative"," ").concat({success:"bg-[#ECFDF5]",error:"bg-[#FEF2F2]",warning:"bg-[#FFFBEB]",info:"bg-[#EFF6FF]"}[l]," ").concat(i),children:[u&&g,o("div",{className:"flex flex-col gap-1 ".concat(v?"pr-8":""),children:[a&&e("div",{className:"justify-start text-[#292524] text-base font-semibold font-['DM_Sans'] leading-normal",children:a}),d&&e("div",{className:"w-full justify-center text-[#57534D] text-sm font-normal font-['DM_Sans'] leading-snug",children:d}),f&&v&&e("div",{className:"mt-3",children:f})]}),f&&!v&&e("div",{className:"ml-3",children:f}),v&&e("div",{className:"absolute right-4 top-3 cursor-pointer",onClick:function(){x(!1)},children:s})]}):null};export{d as Alert,a as AlertComponent,t as Button,i as Card,n as Input,l as TestComponent};
|
|
2
2
|
//# sourceMappingURL=index.esm.js.map
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../src/components/Button/index.tsx","../src/components/Input/index.tsx","../src/components/Card/index.tsx","../src/components/TestComponent/index.tsx","../src/components/AlertComponent/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface ButtonProps {\n children: React.ReactNode;\n variant?: 'primary' | 'secondary' | 'outline';\n size?: 'small' | 'medium' | 'large';\n disabled?: boolean;\n onClick?: () => void;\n className?: string;\n}\n\nconst Button: React.FC<ButtonProps> = ({\n children,\n variant = 'primary',\n size = 'medium',\n disabled = false,\n onClick,\n className = '',\n}) => {\n const baseClasses = 'inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2';\n \n const variantClasses = {\n primary: 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500',\n secondary: 'bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500',\n outline: 'border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 focus:ring-blue-500',\n };\n \n const sizeClasses = {\n small: 'px-3 py-1.5 text-sm',\n medium: 'px-4 py-2 text-base',\n large: 'px-6 py-3 text-lg',\n };\n \n const disabledClasses = disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer';\n \n const classes = `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${disabledClasses} ${className}`;\n \n return (\n <button\n className={classes}\n disabled={disabled}\n onClick={onClick}\n >\n {children}\n </button>\n );\n};\n\nexport default Button; ","import React from 'react';\n\nexport interface InputProps {\n value?: string;\n placeholder?: string;\n type?: 'text' | 'password' | 'email' | 'number';\n disabled?: boolean;\n onChange?: (value: string) => void;\n onFocus?: () => void;\n onBlur?: () => void;\n className?: string;\n size?: 'small' | 'medium' | 'large';\n}\n\nconst Input: React.FC<InputProps> = ({\n value = '',\n placeholder = '',\n type = 'text',\n disabled = false,\n onChange,\n onFocus,\n onBlur,\n className = '',\n size = 'medium',\n}) => {\n const baseClasses = 'border border-gray-300 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500';\n \n const sizeClasses = {\n small: 'px-3 py-1.5 text-sm',\n medium: 'px-4 py-2 text-base',\n large: 'px-6 py-3 text-lg',\n };\n \n const disabledClasses = disabled ? 'opacity-50 cursor-not-allowed bg-gray-100' : 'bg-white';\n \n const classes = `${baseClasses} ${sizeClasses[size]} ${disabledClasses} ${className}`;\n \n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(e.target.value);\n }\n };\n \n return (\n <input\n type={type}\n value={value}\n placeholder={placeholder}\n disabled={disabled}\n onChange={handleChange}\n onFocus={onFocus}\n onBlur={onBlur}\n className={classes}\n />\n );\n};\n\nexport default Input; ","import React from 'react';\n\nexport interface CardProps {\n children: React.ReactNode;\n title?: string;\n subtitle?: string;\n className?: string;\n onClick?: () => void;\n}\n\nconst Card: React.FC<CardProps> = ({\n children,\n title,\n subtitle,\n className = '',\n onClick,\n}) => {\n const baseClasses = 'bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow';\n const clickableClasses = onClick ? 'cursor-pointer' : '';\n const classes = `${baseClasses} ${clickableClasses} ${className}`;\n \n return (\n <div className={classes} onClick={onClick}>\n {(title || subtitle) && (\n <div className=\"px-6 py-4 border-b border-gray-200\">\n {title && <h3 className=\"text-lg font-semibold text-gray-900\">{title}</h3>}\n {subtitle && <p className=\"mt-1 text-sm text-gray-600\">{subtitle}</p>}\n </div>\n )}\n <div className=\"px-6 py-4\">\n {children}\n </div>\n </div>\n );\n};\n\nexport default Card; ","import React from 'react';\n\nexport interface TestComponentProps {\n children?: React.ReactNode;\n className?: string;\n // TODO: 添加更多属性\n}\n\nconst TestComponent: React.FC<TestComponentProps> = ({\n children,\n className = '',\n}) => {\n return (\n <div className={`testcomponent-component ${className}`}>\n {children}\n </div>\n );\n};\n\nexport default TestComponent;\n","import React from 'react';\n\nexport interface AlertComponentProps {\n children: React.ReactNode;\n variant?: 'success' | 'error' | 'warning' | 'info';\n className?: string;\n onClose?: () => void;\n}\n\nconst AlertComponent: React.FC<AlertComponentProps> = ({\n children,\n variant = 'info',\n className = '',\n onClose,\n}) => {\n const variantClasses = {\n success: 'bg-green-50 border-green-200 text-green-800',\n error: 'bg-red-50 border-red-200 text-red-800',\n warning: 'bg-yellow-50 border-yellow-200 text-yellow-800',\n info: 'bg-blue-50 border-blue-200 text-blue-800',\n };\n\n const baseClasses = 'border rounded-md p-4 relative';\n const classes = `${baseClasses} ${variantClasses[variant]} ${className}`;\n\n return (\n <div className={classes}>\n <div className=\"flex\">\n <div className=\"flex-1\">{children}</div>\n {onClose && (\n <button\n onClick={onClose}\n className=\"ml-3 text-current hover:opacity-70 transition-opacity\"\n >\n ✕\n </button>\n )}\n </div>\n </div>\n );\n};\n\nexport default AlertComponent;\n"],"names":["Button","_a","children","_b","variant","_c","size","_d","disabled","onClick","_e","className","disabledClasses","classes","concat","primary","secondary","outline","small","medium","large","_jsx","Input","value","placeholder","type","onChange","onFocus","onBlur","_f","_g","e","target","Card","title","subtitle","clickableClasses","_jsxs","TestComponent","AlertComponent","onClose","success","error","warning","info"],"mappings":"kDAWM,IAAAA,EAAgC,SAACC,GACrC,IAAAC,EAAQD,EAAAC,SACRC,EAAmBF,EAAAG,QAAnBA,OAAO,IAAAD,EAAG,UAASA,EACnBE,EAAAJ,EAAAK,KAAAA,aAAO,SAAQD,EACfE,EAAAN,EAAAO,SAAAA,OAAW,IAAAD,KACXE,EAAOR,EAAAQ,QACPC,EAAcT,EAAAU,UAAdA,OAAS,IAAAD,EAAG,GAAEA,EAgBRE,EAAkBJ,EAAW,gCAAkC,iBAE/DK,EAAU,GAAAC,OAhBI,uIAgBc,KAAAA,OAdX,CACrBC,QAAS,+DACTC,UAAW,+DACXC,QAAS,sFAWsCb,eAR7B,CAClBc,MAAO,sBACPC,OAAQ,sBACRC,MAAO,qBAKgEd,GAAK,KAAAQ,OAAIF,EAAmB,KAAAE,OAAAH,GAErG,OACEU,EACE,SAAA,CAAAV,UAAWE,EACXL,SAAUA,EACVC,QAASA,WAERP,GAGP,EChCMoB,EAA8B,SAACrB,OACnCE,EAAUF,EAAAsB,MAAVA,OAAQ,IAAApB,EAAA,KACRE,EAAAJ,EAAAuB,YAAAA,OAAc,IAAAnB,EAAA,KACdE,EAAAN,EAAAwB,KAAAA,OAAI,IAAAlB,EAAG,OAAMA,EACbG,EAAgBT,EAAAO,SAAhBA,OAAQ,IAAAE,GAAQA,EAChBgB,EAAQzB,EAAAyB,SACRC,EAAO1B,EAAA0B,QACPC,EAAM3B,EAAA2B,OACNC,EAAA5B,EAAAU,UAAAA,OAAS,IAAAkB,EAAG,GAAEA,EACdC,SAAAxB,OAAO,IAAAwB,EAAA,SAAQA,EAUTlB,EAAkBJ,EAAW,4CAA8C,WAE3EK,EAAU,GAAGC,OAVC,4IAEA,CAClBI,MAAO,sBACPC,OAAQ,sBACRC,MAAO,qBAKqCd,GAAS,KAAAQ,OAAAF,EAAmB,KAAAE,OAAAH,GAQ1E,OACEU,EAAA,QAAA,CACEI,KAAMA,EACNF,MAAOA,EACPC,YAAaA,EACbhB,SAAUA,EACVkB,SAZiB,SAACK,GAChBL,GACFA,EAASK,EAAEC,OAAOT,MAEtB,EASII,QAASA,EACTC,OAAQA,EACRjB,UAAWE,GAGjB,EC7CMoB,EAA4B,SAAChC,GACjC,IAAAC,aACAgC,EAAKjC,EAAAiC,MACLC,EAAQlC,EAAAkC,SACRhC,EAAcF,EAAAU,UAAdA,OAAY,IAAAR,EAAA,GAAEA,EACdM,EAAOR,EAAAQ,QAGD2B,EAAmB3B,EAAU,iBAAmB,GAChDI,EAAU,GAAGC,OAFC,qGAEcsB,EAAgB,KAAAtB,OAAIH,GAEtD,OACE0B,EAAK,MAAA,CAAA1B,UAAWE,EAASJ,QAASA,EAAOP,SAAA,EACrCgC,GAASC,IACTE,EAAK,MAAA,CAAA1B,UAAU,qCAAoCT,SAAA,CAChDgC,GAASb,EAAI,KAAA,CAAAV,UAAU,sCAAqCT,SAAEgC,IAC9DC,GAAYd,EAAG,IAAA,CAAAV,UAAU,6BAA8BT,SAAAiC,OAG5Dd,EAAA,MAAA,CAAKV,UAAU,YAAWT,SACvBA,MAIT,EC1BMoC,EAA8C,SAACrC,GACnD,IAAAC,aACAC,EAAAF,EAAAU,UAEA,OACEU,EAAK,MAAA,CAAAV,UAAW,2BAAAG,YAHT,IAAAX,EAAG,GAAEA,GAITD,SAAAA,GAGP,ECRMqC,EAAgD,SAACtC,GACrD,IAAAC,aACAC,EAAAF,EAAAG,QAAAA,aAAU,OAAMD,EAChBE,EAAAJ,EAAAU,UAAAA,OAAS,IAAAN,EAAG,GAAEA,EACdmC,EAAOvC,EAAAuC,QAUD3B,EAAU,GAAGC,OADC,iCACc,KAAAA,OARX,CACrB2B,QAAS,8CACTC,MAAO,wCACPC,QAAS,iDACTC,KAAM,4CAIyCxC,GAAQ,KAAAU,OAAIH,GAE7D,OACEU,EAAA,MAAA,CAAKV,UAAWE,EACdX,SAAAmC,EAAA,MAAA,CAAK1B,UAAU,OACbT,SAAA,CAAAmB,EAAA,MAAA,CAAKV,UAAU,SAAUT,SAAAA,IACxBsC,GACCnB,EACE,SAAA,CAAAZ,QAAS+B,EACT7B,UAAU,wDAGHT,SAAA,UAKnB"}
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../src/components/Button/index.tsx","../src/components/Input/index.tsx","../src/components/Card/index.tsx","../src/components/TestComponent/index.tsx","../src/components/AlertComponent/index.tsx","../src/components/Alert/icon.tsx","../src/components/Alert/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface ButtonProps {\n children: React.ReactNode;\n variant?: 'primary' | 'secondary' | 'outline';\n size?: 'small' | 'medium' | 'large';\n disabled?: boolean;\n onClick?: () => void;\n className?: string;\n}\n\nconst Button: React.FC<ButtonProps> = ({\n children,\n variant = 'primary',\n size = 'medium',\n disabled = false,\n onClick,\n className = '',\n}) => {\n const baseClasses = 'inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2';\n \n const variantClasses = {\n primary: 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500',\n secondary: 'bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500',\n outline: 'border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 focus:ring-blue-500',\n };\n \n const sizeClasses = {\n small: 'px-3 py-1.5 text-sm',\n medium: 'px-4 py-2 text-base',\n large: 'px-6 py-3 text-lg',\n };\n \n const disabledClasses = disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer';\n \n const classes = `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${disabledClasses} ${className}`;\n \n return (\n <button\n className={classes}\n disabled={disabled}\n onClick={onClick}\n >\n {children}\n </button>\n );\n};\n\nexport default Button; ","import React from 'react';\n\nexport interface InputProps {\n value?: string;\n placeholder?: string;\n type?: 'text' | 'password' | 'email' | 'number';\n disabled?: boolean;\n onChange?: (value: string) => void;\n onFocus?: () => void;\n onBlur?: () => void;\n className?: string;\n size?: 'small' | 'medium' | 'large';\n}\n\nconst Input: React.FC<InputProps> = ({\n value = '',\n placeholder = '',\n type = 'text',\n disabled = false,\n onChange,\n onFocus,\n onBlur,\n className = '',\n size = 'medium',\n}) => {\n const baseClasses = 'border border-gray-300 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500';\n \n const sizeClasses = {\n small: 'px-3 py-1.5 text-sm',\n medium: 'px-4 py-2 text-base',\n large: 'px-6 py-3 text-lg',\n };\n \n const disabledClasses = disabled ? 'opacity-50 cursor-not-allowed bg-gray-100' : 'bg-white';\n \n const classes = `${baseClasses} ${sizeClasses[size]} ${disabledClasses} ${className}`;\n \n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(e.target.value);\n }\n };\n \n return (\n <input\n type={type}\n value={value}\n placeholder={placeholder}\n disabled={disabled}\n onChange={handleChange}\n onFocus={onFocus}\n onBlur={onBlur}\n className={classes}\n />\n );\n};\n\nexport default Input; ","import React from 'react';\n\nexport interface CardProps {\n children: React.ReactNode;\n title?: string;\n subtitle?: string;\n className?: string;\n onClick?: () => void;\n}\n\nconst Card: React.FC<CardProps> = ({\n children,\n title,\n subtitle,\n className = '',\n onClick,\n}) => {\n const baseClasses = 'bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow';\n const clickableClasses = onClick ? 'cursor-pointer' : '';\n const classes = `${baseClasses} ${clickableClasses} ${className}`;\n \n return (\n <div className={classes} onClick={onClick}>\n {(title || subtitle) && (\n <div className=\"px-6 py-4 border-b border-gray-200\">\n {title && <h3 className=\"text-lg font-semibold text-gray-900\">{title}</h3>}\n {subtitle && <p className=\"mt-1 text-sm text-gray-600\">{subtitle}</p>}\n </div>\n )}\n <div className=\"px-6 py-4\">\n {children}\n </div>\n </div>\n );\n};\n\nexport default Card; ","import React from 'react';\n\nexport interface TestComponentProps {\n children?: React.ReactNode;\n className?: string;\n // TODO: 添加更多属性\n}\n\nconst TestComponent: React.FC<TestComponentProps> = ({\n children,\n className = '',\n}) => {\n return (\n <div className={`testcomponent-component ${className}`}>\n {children}\n </div>\n );\n};\n\nexport default TestComponent;\n","import React from 'react';\n\nexport interface AlertComponentProps {\n children: React.ReactNode;\n variant?: 'success' | 'error' | 'warning' | 'info';\n className?: string;\n onClose?: () => void;\n}\n\nconst AlertComponent: React.FC<AlertComponentProps> = ({\n children,\n variant = 'info',\n className = '',\n onClose,\n}) => {\n const variantClasses = {\n success: 'bg-green-50 border-green-200 text-green-800',\n error: 'bg-red-50 border-red-200 text-red-800',\n warning: 'bg-yellow-50 border-yellow-200 text-yellow-800',\n info: 'bg-blue-50 border-blue-200 text-blue-800',\n };\n\n const baseClasses = 'border rounded-md p-4 relative';\n const classes = `${baseClasses} ${variantClasses[variant]} ${className}`;\n\n return (\n <div className={classes}>\n <div className=\"flex\">\n <div className=\"flex-1\">{children}</div>\n {onClose && (\n <button\n onClick={onClose}\n className=\"ml-3 text-current hover:opacity-70 transition-opacity\"\n >\n ✕\n </button>\n )}\n </div>\n </div>\n );\n};\n\nexport default AlertComponent;\n","export const AlertIcon = {\n success: (\n <svg\n className=\"flex-shrink-0\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M10 1.66663C5.40002 1.66663 1.66669 5.39996 1.66669 9.99996C1.66669 14.6 5.40002 18.3333 10 18.3333C14.6 18.3333 18.3334 14.6 18.3334 9.99996C18.3334 5.39996 14.6 1.66663 10 1.66663ZM13.3584 8.49997L9.46668 12.3833C9.35001 12.5083 9.19168 12.5666 9.02501 12.5666C8.86668 12.5666 8.70834 12.5083 8.58334 12.3833L6.64169 10.4417C6.40002 10.2 6.40002 9.79994 6.64169 9.55827C6.88336 9.3166 7.28335 9.3166 7.52502 9.55827L9.02501 11.0583L12.475 7.61664C12.7167 7.36664 13.1167 7.36664 13.3584 7.61664C13.6 7.8583 13.6 8.24997 13.3584 8.49997Z\"\n fill=\"#00BC7D\"\n />\n </svg>\n ),\n error: (\n <svg\n className=\"flex-shrink-0\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.1342 6.3009L13.6999 2.86666C13.4658 2.63249 13.1474 2.50085 12.8157 2.50085H7.18504C6.85337 2.50085 6.53584 2.63249 6.30084 2.86666L2.8666 6.3009C2.63243 6.53507 2.50079 6.85343 2.50079 7.1851V12.8158C2.50079 13.1475 2.63243 13.465 2.8666 13.7L6.30084 17.1342C6.53501 17.3684 6.85337 17.5 7.18504 17.5H12.8157C13.1474 17.5 13.4649 17.3684 13.6999 17.1342L17.1342 13.7C17.3683 13.4658 17.5 13.1475 17.5 12.8158V7.1851C17.5 6.85343 17.3683 6.53507 17.1342 6.3009ZM12.525 11.6417C12.7692 11.8858 12.7692 12.2817 12.525 12.5259C12.4033 12.6475 12.2433 12.7092 12.0833 12.7092C11.9233 12.7092 11.7633 12.6484 11.6416 12.5259L9.99998 10.8842L8.35834 12.5259C8.23667 12.6475 8.07665 12.7092 7.91665 12.7092C7.75665 12.7092 7.59662 12.6484 7.47496 12.5259C7.23079 12.2817 7.23079 11.8858 7.47496 11.6417L9.1166 10L7.47496 8.3584C7.23079 8.11423 7.23079 7.71837 7.47496 7.4742C7.71912 7.23004 8.11498 7.23004 8.35915 7.4742L10.0008 9.11585L11.6424 7.4742C11.8866 7.23004 12.2825 7.23004 12.5266 7.4742C12.7708 7.71837 12.7708 8.11423 12.5266 8.3584L10.885 10L12.525 11.6417Z\"\n fill=\"#FB2C36\"\n />\n </svg>\n ),\n warning: (\n <svg \n className=\"flex-shrink-0\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18.0057 14.2935L12.4999 3.99662C11.4333 2.00162 8.56744 2.00162 7.49995 3.99662L1.99417 14.2935C1.01583 16.1235 2.3442 18.3334 4.42337 18.3334H15.5765C17.6549 18.3334 18.9841 16.1226 18.0057 14.2935ZM9.37495 8.33337C9.37495 7.98837 9.65494 7.70837 9.99994 7.70837C10.3449 7.70837 10.6249 7.98837 10.6249 8.33337V11.6667C10.6249 12.0117 10.3449 12.2917 9.99994 12.2917C9.65494 12.2917 9.37495 12.0117 9.37495 11.6667V8.33337ZM10.0166 15C9.55663 15 9.17902 14.6267 9.17902 14.1667C9.17902 13.7067 9.54829 13.3334 10.0083 13.3334H10.0166C10.4775 13.3334 10.85 13.7067 10.85 14.1667C10.85 14.6267 10.4766 15 10.0166 15Z\"\n fill=\"#FE9A00\"\n />\n </svg>\n ),\n info: (\n <svg\n className=\"flex-shrink-0\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.6875 2.5H5.3125C3.4375 2.5 2.5 3.4375 2.5 5.3125V14.6875C2.5 16.5625 3.4375 17.5 5.3125 17.5H14.6875C16.5625 17.5 17.5 16.5625 17.5 14.6875V5.3125C17.5 3.4375 16.5625 2.5 14.6875 2.5ZM10.625 13.75C10.625 14.095 10.345 14.375 10 14.375C9.655 14.375 9.375 14.095 9.375 13.75V9.9408C9.375 9.5958 9.655 9.3158 10 9.3158C10.345 9.3158 10.625 9.5958 10.625 9.9408V13.75ZM10.0167 7.91667C9.55668 7.91667 9.17908 7.54333 9.17908 7.08333C9.17908 6.62333 9.54834 6.25 10.0083 6.25H10.0167C10.4775 6.25 10.85 6.62333 10.85 7.08333C10.85 7.54333 10.4767 7.91667 10.0167 7.91667Z\"\n fill=\"#2B7FFF\"\n />\n </svg>\n ),\n};\n\nexport const CloseIcon = (\n <svg\n className=\"flex-shrink-0\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15.4416 14.5583C15.6858 14.8025 15.6858 15.1984 15.4416 15.4425C15.32 15.5642 15.16 15.6258 15 15.6258C14.84 15.6258 14.68 15.565 14.5583 15.4425L9.99997 10.8842L5.44164 15.4425C5.31997 15.5642 5.15997 15.6258 4.99997 15.6258C4.83997 15.6258 4.67997 15.565 4.55831 15.4425C4.31414 15.1984 4.31414 14.8025 4.55831 14.5583L9.11664 10L4.55831 5.44171C4.31414 5.19754 4.31414 4.80168 4.55831 4.55751C4.80247 4.31335 5.19831 4.31335 5.44248 4.55751L10.0008 9.11587L14.5591 4.55751C14.8033 4.31335 15.1991 4.31335 15.4433 4.55751C15.6875 4.80168 15.6875 5.19754 15.4433 5.44171L10.885 10L15.4416 14.5583Z\"\n fill=\"#57534D\"\n />\n </svg>\n);\n","import React, { useState } from \"react\";\nimport { AlertIcon, CloseIcon } from \"./icon\";\n\nexport interface AlertProps {\n title?: string;\n description?: string;\n className?: string;\n type: \"success\" | \"error\" | \"warning\" | \"info\";\n icon?: React.ReactNode;\n showIcon?: boolean;\n closeable?: boolean;\n action?: React.ReactNode;\n}\n\nconst Alert: React.FC<AlertProps> = ({\n className = \"\",\n type,\n title,\n description,\n icon = AlertIcon[type],\n showIcon = true,\n closeable = false,\n action,\n}) => {\n const baseClasses = \"aha-alert px-4 py-3 rounded-md flex gap-2 relative\";\n\n const typeClasses = {\n success: \"bg-[#ECFDF5]\",\n error: \"bg-[#FEF2F2]\",\n warning: \"bg-[#FFFBEB]\",\n info: \"bg-[#EFF6FF]\",\n };\n\n const [visible, setVisible] = useState(true);\n const handleClose = () => {\n setVisible(false);\n };\n\n if (!visible) return null;\n\n return (\n <div className={`${baseClasses} ${typeClasses[type]} ${className}`}>\n {showIcon && icon}\n <div className={`flex flex-col gap-1 ${closeable ? \"pr-8\" : \"\"}`}>\n {title && (\n <div className=\"justify-start text-[#292524] text-base font-semibold font-['DM_Sans'] leading-normal\">\n {title}\n </div>\n )}\n {description && (\n <div className=\"w-full justify-center text-[#57534D] text-sm font-normal font-['DM_Sans'] leading-snug\">\n {description}\n </div>\n )}\n {action && closeable && <div className=\"mt-3\">{action}</div>}\n </div>\n {action && !closeable && <div className=\"ml-3\">{action}</div>}\n {closeable && (\n <div\n className=\"absolute right-4 top-3 cursor-pointer\"\n onClick={handleClose}\n >\n {CloseIcon}\n </div>\n )}\n </div>\n );\n};\n\nexport default Alert;\n"],"names":["Button","_a","children","_b","variant","_c","size","_d","disabled","onClick","_e","className","disabledClasses","classes","concat","primary","secondary","outline","small","medium","large","_jsx","Input","value","placeholder","type","onChange","onFocus","onBlur","_f","_g","e","target","Card","title","subtitle","clickableClasses","_jsxs","TestComponent","AlertComponent","onClose","success","error","warning","info","AlertIcon","width","height","viewBox","fill","xmlns","d","CloseIcon","Alert","description","icon","showIcon","closeable","action","useState","visible","setVisible"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");exports.
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r={success:e.jsx("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M10 1.66663C5.40002 1.66663 1.66669 5.39996 1.66669 9.99996C1.66669 14.6 5.40002 18.3333 10 18.3333C14.6 18.3333 18.3334 14.6 18.3334 9.99996C18.3334 5.39996 14.6 1.66663 10 1.66663ZM13.3584 8.49997L9.46668 12.3833C9.35001 12.5083 9.19168 12.5666 9.02501 12.5666C8.86668 12.5666 8.70834 12.5083 8.58334 12.3833L6.64169 10.4417C6.40002 10.2 6.40002 9.79994 6.64169 9.55827C6.88336 9.3166 7.28335 9.3166 7.52502 9.55827L9.02501 11.0583L12.475 7.61664C12.7167 7.36664 13.1167 7.36664 13.3584 7.61664C13.6 7.8583 13.6 8.24997 13.3584 8.49997Z",fill:"#00BC7D"})}),error:e.jsx("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M17.1342 6.3009L13.6999 2.86666C13.4658 2.63249 13.1474 2.50085 12.8157 2.50085H7.18504C6.85337 2.50085 6.53584 2.63249 6.30084 2.86666L2.8666 6.3009C2.63243 6.53507 2.50079 6.85343 2.50079 7.1851V12.8158C2.50079 13.1475 2.63243 13.465 2.8666 13.7L6.30084 17.1342C6.53501 17.3684 6.85337 17.5 7.18504 17.5H12.8157C13.1474 17.5 13.4649 17.3684 13.6999 17.1342L17.1342 13.7C17.3683 13.4658 17.5 13.1475 17.5 12.8158V7.1851C17.5 6.85343 17.3683 6.53507 17.1342 6.3009ZM12.525 11.6417C12.7692 11.8858 12.7692 12.2817 12.525 12.5259C12.4033 12.6475 12.2433 12.7092 12.0833 12.7092C11.9233 12.7092 11.7633 12.6484 11.6416 12.5259L9.99998 10.8842L8.35834 12.5259C8.23667 12.6475 8.07665 12.7092 7.91665 12.7092C7.75665 12.7092 7.59662 12.6484 7.47496 12.5259C7.23079 12.2817 7.23079 11.8858 7.47496 11.6417L9.1166 10L7.47496 8.3584C7.23079 8.11423 7.23079 7.71837 7.47496 7.4742C7.71912 7.23004 8.11498 7.23004 8.35915 7.4742L10.0008 9.11585L11.6424 7.4742C11.8866 7.23004 12.2825 7.23004 12.5266 7.4742C12.7708 7.71837 12.7708 8.11423 12.5266 8.3584L10.885 10L12.525 11.6417Z",fill:"#FB2C36"})}),warning:e.jsx("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M18.0057 14.2935L12.4999 3.99662C11.4333 2.00162 8.56744 2.00162 7.49995 3.99662L1.99417 14.2935C1.01583 16.1235 2.3442 18.3334 4.42337 18.3334H15.5765C17.6549 18.3334 18.9841 16.1226 18.0057 14.2935ZM9.37495 8.33337C9.37495 7.98837 9.65494 7.70837 9.99994 7.70837C10.3449 7.70837 10.6249 7.98837 10.6249 8.33337V11.6667C10.6249 12.0117 10.3449 12.2917 9.99994 12.2917C9.65494 12.2917 9.37495 12.0117 9.37495 11.6667V8.33337ZM10.0166 15C9.55663 15 9.17902 14.6267 9.17902 14.1667C9.17902 13.7067 9.54829 13.3334 10.0083 13.3334H10.0166C10.4775 13.3334 10.85 13.7067 10.85 14.1667C10.85 14.6267 10.4766 15 10.0166 15Z",fill:"#FE9A00"})}),info:e.jsx("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M14.6875 2.5H5.3125C3.4375 2.5 2.5 3.4375 2.5 5.3125V14.6875C2.5 16.5625 3.4375 17.5 5.3125 17.5H14.6875C16.5625 17.5 17.5 16.5625 17.5 14.6875V5.3125C17.5 3.4375 16.5625 2.5 14.6875 2.5ZM10.625 13.75C10.625 14.095 10.345 14.375 10 14.375C9.655 14.375 9.375 14.095 9.375 13.75V9.9408C9.375 9.5958 9.655 9.3158 10 9.3158C10.345 9.3158 10.625 9.5958 10.625 9.9408V13.75ZM10.0167 7.91667C9.55668 7.91667 9.17908 7.54333 9.17908 7.08333C9.17908 6.62333 9.54834 6.25 10.0083 6.25H10.0167C10.4775 6.25 10.85 6.62333 10.85 7.08333C10.85 7.54333 10.4767 7.91667 10.0167 7.91667Z",fill:"#2B7FFF"})})},s=e.jsx("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M15.4416 14.5583C15.6858 14.8025 15.6858 15.1984 15.4416 15.4425C15.32 15.5642 15.16 15.6258 15 15.6258C14.84 15.6258 14.68 15.565 14.5583 15.4425L9.99997 10.8842L5.44164 15.4425C5.31997 15.5642 5.15997 15.6258 4.99997 15.6258C4.83997 15.6258 4.67997 15.565 4.55831 15.4425C4.31414 15.1984 4.31414 14.8025 4.55831 14.5583L9.11664 10L4.55831 5.44171C4.31414 5.19754 4.31414 4.80168 4.55831 4.55751C4.80247 4.31335 5.19831 4.31335 5.44248 4.55751L10.0008 9.11587L14.5591 4.55751C14.8033 4.31335 15.1991 4.31335 15.4433 4.55751C15.6875 4.80168 15.6875 5.19754 15.4433 5.44171L10.885 10L15.4416 14.5583Z",fill:"#57534D"})});exports.Alert=function(o){var n=o.className,i=void 0===n?"":n,l=o.type,a=o.title,c=o.description,d=o.icon,x=void 0===d?r[l]:d,u=o.showIcon,h=void 0===u||u,g=o.closeable,C=void 0!==g&&g,m=o.action,v=t.useState(!0),p=v[0],b=v[1];return p?e.jsxs("div",{className:"".concat("aha-alert px-4 py-3 rounded-md flex gap-2 relative"," ").concat({success:"bg-[#ECFDF5]",error:"bg-[#FEF2F2]",warning:"bg-[#FFFBEB]",info:"bg-[#EFF6FF]"}[l]," ").concat(i),children:[h&&x,e.jsxs("div",{className:"flex flex-col gap-1 ".concat(C?"pr-8":""),children:[a&&e.jsx("div",{className:"justify-start text-[#292524] text-base font-semibold font-['DM_Sans'] leading-normal",children:a}),c&&e.jsx("div",{className:"w-full justify-center text-[#57534D] text-sm font-normal font-['DM_Sans'] leading-snug",children:c}),m&&C&&e.jsx("div",{className:"mt-3",children:m})]}),m&&!C&&e.jsx("div",{className:"ml-3",children:m}),C&&e.jsx("div",{className:"absolute right-4 top-3 cursor-pointer",onClick:function(){b(!1)},children:s})]}):null},exports.AlertComponent=function(t){var r=t.children,s=t.variant,o=void 0===s?"info":s,n=t.className,i=void 0===n?"":n,l=t.onClose,a="".concat("border rounded-md p-4 relative"," ").concat({success:"bg-green-50 border-green-200 text-green-800",error:"bg-red-50 border-red-200 text-red-800",warning:"bg-yellow-50 border-yellow-200 text-yellow-800",info:"bg-blue-50 border-blue-200 text-blue-800"}[o]," ").concat(i);return e.jsx("div",{className:a,children:e.jsxs("div",{className:"flex",children:[e.jsx("div",{className:"flex-1",children:r}),l&&e.jsx("button",{onClick:l,className:"ml-3 text-current hover:opacity-70 transition-opacity",children:"✕"})]})})},exports.Button=function(t){var r=t.children,s=t.variant,o=void 0===s?"primary":s,n=t.size,i=void 0===n?"medium":n,l=t.disabled,a=void 0!==l&&l,c=t.onClick,d=t.className,x=void 0===d?"":d,u=a?"opacity-50 cursor-not-allowed":"cursor-pointer",h="".concat("inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2"," ").concat({primary:"bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500",secondary:"bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500",outline:"border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 focus:ring-blue-500"}[o]," ").concat({small:"px-3 py-1.5 text-sm",medium:"px-4 py-2 text-base",large:"px-6 py-3 text-lg"}[i]," ").concat(u," ").concat(x);return e.jsx("button",{className:h,disabled:a,onClick:c,children:r})},exports.Card=function(t){var r=t.children,s=t.title,o=t.subtitle,n=t.className,i=void 0===n?"":n,l=t.onClick,a=l?"cursor-pointer":"",c="".concat("bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow"," ").concat(a," ").concat(i);return e.jsxs("div",{className:c,onClick:l,children:[(s||o)&&e.jsxs("div",{className:"px-6 py-4 border-b border-gray-200",children:[s&&e.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:s}),o&&e.jsx("p",{className:"mt-1 text-sm text-gray-600",children:o})]}),e.jsx("div",{className:"px-6 py-4",children:r})]})},exports.Input=function(t){var r=t.value,s=void 0===r?"":r,o=t.placeholder,n=void 0===o?"":o,i=t.type,l=void 0===i?"text":i,a=t.disabled,c=void 0!==a&&a,d=t.onChange,x=t.onFocus,u=t.onBlur,h=t.className,g=void 0===h?"":h,C=t.size,m=void 0===C?"medium":C,v=c?"opacity-50 cursor-not-allowed bg-gray-100":"bg-white",p="".concat("border border-gray-300 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"," ").concat({small:"px-3 py-1.5 text-sm",medium:"px-4 py-2 text-base",large:"px-6 py-3 text-lg"}[m]," ").concat(v," ").concat(g);return e.jsx("input",{type:l,value:s,placeholder:n,disabled:c,onChange:function(e){d&&d(e.target.value)},onFocus:x,onBlur:u,className:p})},exports.TestComponent=function(t){var r=t.children,s=t.className,o=void 0===s?"":s;return e.jsx("div",{className:"testcomponent-component ".concat(o),children:r})};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/components/AlertComponent/index.tsx","../src/components/Button/index.tsx","../src/components/Card/index.tsx","../src/components/Input/index.tsx","../src/components/TestComponent/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface AlertComponentProps {\n children: React.ReactNode;\n variant?: 'success' | 'error' | 'warning' | 'info';\n className?: string;\n onClose?: () => void;\n}\n\nconst AlertComponent: React.FC<AlertComponentProps> = ({\n children,\n variant = 'info',\n className = '',\n onClose,\n}) => {\n const variantClasses = {\n success: 'bg-green-50 border-green-200 text-green-800',\n error: 'bg-red-50 border-red-200 text-red-800',\n warning: 'bg-yellow-50 border-yellow-200 text-yellow-800',\n info: 'bg-blue-50 border-blue-200 text-blue-800',\n };\n\n const baseClasses = 'border rounded-md p-4 relative';\n const classes = `${baseClasses} ${variantClasses[variant]} ${className}`;\n\n return (\n <div className={classes}>\n <div className=\"flex\">\n <div className=\"flex-1\">{children}</div>\n {onClose && (\n <button\n onClick={onClose}\n className=\"ml-3 text-current hover:opacity-70 transition-opacity\"\n >\n ✕\n </button>\n )}\n </div>\n </div>\n );\n};\n\nexport default AlertComponent;\n","import React from 'react';\n\nexport interface ButtonProps {\n children: React.ReactNode;\n variant?: 'primary' | 'secondary' | 'outline';\n size?: 'small' | 'medium' | 'large';\n disabled?: boolean;\n onClick?: () => void;\n className?: string;\n}\n\nconst Button: React.FC<ButtonProps> = ({\n children,\n variant = 'primary',\n size = 'medium',\n disabled = false,\n onClick,\n className = '',\n}) => {\n const baseClasses = 'inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2';\n \n const variantClasses = {\n primary: 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500',\n secondary: 'bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500',\n outline: 'border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 focus:ring-blue-500',\n };\n \n const sizeClasses = {\n small: 'px-3 py-1.5 text-sm',\n medium: 'px-4 py-2 text-base',\n large: 'px-6 py-3 text-lg',\n };\n \n const disabledClasses = disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer';\n \n const classes = `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${disabledClasses} ${className}`;\n \n return (\n <button\n className={classes}\n disabled={disabled}\n onClick={onClick}\n >\n {children}\n </button>\n );\n};\n\nexport default Button; ","import React from 'react';\n\nexport interface CardProps {\n children: React.ReactNode;\n title?: string;\n subtitle?: string;\n className?: string;\n onClick?: () => void;\n}\n\nconst Card: React.FC<CardProps> = ({\n children,\n title,\n subtitle,\n className = '',\n onClick,\n}) => {\n const baseClasses = 'bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow';\n const clickableClasses = onClick ? 'cursor-pointer' : '';\n const classes = `${baseClasses} ${clickableClasses} ${className}`;\n \n return (\n <div className={classes} onClick={onClick}>\n {(title || subtitle) && (\n <div className=\"px-6 py-4 border-b border-gray-200\">\n {title && <h3 className=\"text-lg font-semibold text-gray-900\">{title}</h3>}\n {subtitle && <p className=\"mt-1 text-sm text-gray-600\">{subtitle}</p>}\n </div>\n )}\n <div className=\"px-6 py-4\">\n {children}\n </div>\n </div>\n );\n};\n\nexport default Card; ","import React from 'react';\n\nexport interface InputProps {\n value?: string;\n placeholder?: string;\n type?: 'text' | 'password' | 'email' | 'number';\n disabled?: boolean;\n onChange?: (value: string) => void;\n onFocus?: () => void;\n onBlur?: () => void;\n className?: string;\n size?: 'small' | 'medium' | 'large';\n}\n\nconst Input: React.FC<InputProps> = ({\n value = '',\n placeholder = '',\n type = 'text',\n disabled = false,\n onChange,\n onFocus,\n onBlur,\n className = '',\n size = 'medium',\n}) => {\n const baseClasses = 'border border-gray-300 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500';\n \n const sizeClasses = {\n small: 'px-3 py-1.5 text-sm',\n medium: 'px-4 py-2 text-base',\n large: 'px-6 py-3 text-lg',\n };\n \n const disabledClasses = disabled ? 'opacity-50 cursor-not-allowed bg-gray-100' : 'bg-white';\n \n const classes = `${baseClasses} ${sizeClasses[size]} ${disabledClasses} ${className}`;\n \n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(e.target.value);\n }\n };\n \n return (\n <input\n type={type}\n value={value}\n placeholder={placeholder}\n disabled={disabled}\n onChange={handleChange}\n onFocus={onFocus}\n onBlur={onBlur}\n className={classes}\n />\n );\n};\n\nexport default Input; ","import React from 'react';\n\nexport interface TestComponentProps {\n children?: React.ReactNode;\n className?: string;\n // TODO: 添加更多属性\n}\n\nconst TestComponent: React.FC<TestComponentProps> = ({\n children,\n className = '',\n}) => {\n return (\n <div className={`testcomponent-component ${className}`}>\n {children}\n </div>\n );\n};\n\nexport default TestComponent;\n"],"names":["_a","children","_b","variant","_c","className","onClose","classes","concat","success","error","warning","info","_jsx","_jsxs","onClick","size","_d","disabled","_e","disabledClasses","primary","secondary","outline","small","medium","large","title","subtitle","clickableClasses","jsxs","jsx","value","placeholder","type","onChange","onFocus","onBlur","_f","_g","e","target"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/components/Alert/icon.tsx","../src/components/Alert/index.tsx","../src/components/AlertComponent/index.tsx","../src/components/Button/index.tsx","../src/components/Card/index.tsx","../src/components/Input/index.tsx","../src/components/TestComponent/index.tsx"],"sourcesContent":["export const AlertIcon = {\n success: (\n <svg\n className=\"flex-shrink-0\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M10 1.66663C5.40002 1.66663 1.66669 5.39996 1.66669 9.99996C1.66669 14.6 5.40002 18.3333 10 18.3333C14.6 18.3333 18.3334 14.6 18.3334 9.99996C18.3334 5.39996 14.6 1.66663 10 1.66663ZM13.3584 8.49997L9.46668 12.3833C9.35001 12.5083 9.19168 12.5666 9.02501 12.5666C8.86668 12.5666 8.70834 12.5083 8.58334 12.3833L6.64169 10.4417C6.40002 10.2 6.40002 9.79994 6.64169 9.55827C6.88336 9.3166 7.28335 9.3166 7.52502 9.55827L9.02501 11.0583L12.475 7.61664C12.7167 7.36664 13.1167 7.36664 13.3584 7.61664C13.6 7.8583 13.6 8.24997 13.3584 8.49997Z\"\n fill=\"#00BC7D\"\n />\n </svg>\n ),\n error: (\n <svg\n className=\"flex-shrink-0\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.1342 6.3009L13.6999 2.86666C13.4658 2.63249 13.1474 2.50085 12.8157 2.50085H7.18504C6.85337 2.50085 6.53584 2.63249 6.30084 2.86666L2.8666 6.3009C2.63243 6.53507 2.50079 6.85343 2.50079 7.1851V12.8158C2.50079 13.1475 2.63243 13.465 2.8666 13.7L6.30084 17.1342C6.53501 17.3684 6.85337 17.5 7.18504 17.5H12.8157C13.1474 17.5 13.4649 17.3684 13.6999 17.1342L17.1342 13.7C17.3683 13.4658 17.5 13.1475 17.5 12.8158V7.1851C17.5 6.85343 17.3683 6.53507 17.1342 6.3009ZM12.525 11.6417C12.7692 11.8858 12.7692 12.2817 12.525 12.5259C12.4033 12.6475 12.2433 12.7092 12.0833 12.7092C11.9233 12.7092 11.7633 12.6484 11.6416 12.5259L9.99998 10.8842L8.35834 12.5259C8.23667 12.6475 8.07665 12.7092 7.91665 12.7092C7.75665 12.7092 7.59662 12.6484 7.47496 12.5259C7.23079 12.2817 7.23079 11.8858 7.47496 11.6417L9.1166 10L7.47496 8.3584C7.23079 8.11423 7.23079 7.71837 7.47496 7.4742C7.71912 7.23004 8.11498 7.23004 8.35915 7.4742L10.0008 9.11585L11.6424 7.4742C11.8866 7.23004 12.2825 7.23004 12.5266 7.4742C12.7708 7.71837 12.7708 8.11423 12.5266 8.3584L10.885 10L12.525 11.6417Z\"\n fill=\"#FB2C36\"\n />\n </svg>\n ),\n warning: (\n <svg \n className=\"flex-shrink-0\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18.0057 14.2935L12.4999 3.99662C11.4333 2.00162 8.56744 2.00162 7.49995 3.99662L1.99417 14.2935C1.01583 16.1235 2.3442 18.3334 4.42337 18.3334H15.5765C17.6549 18.3334 18.9841 16.1226 18.0057 14.2935ZM9.37495 8.33337C9.37495 7.98837 9.65494 7.70837 9.99994 7.70837C10.3449 7.70837 10.6249 7.98837 10.6249 8.33337V11.6667C10.6249 12.0117 10.3449 12.2917 9.99994 12.2917C9.65494 12.2917 9.37495 12.0117 9.37495 11.6667V8.33337ZM10.0166 15C9.55663 15 9.17902 14.6267 9.17902 14.1667C9.17902 13.7067 9.54829 13.3334 10.0083 13.3334H10.0166C10.4775 13.3334 10.85 13.7067 10.85 14.1667C10.85 14.6267 10.4766 15 10.0166 15Z\"\n fill=\"#FE9A00\"\n />\n </svg>\n ),\n info: (\n <svg\n className=\"flex-shrink-0\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.6875 2.5H5.3125C3.4375 2.5 2.5 3.4375 2.5 5.3125V14.6875C2.5 16.5625 3.4375 17.5 5.3125 17.5H14.6875C16.5625 17.5 17.5 16.5625 17.5 14.6875V5.3125C17.5 3.4375 16.5625 2.5 14.6875 2.5ZM10.625 13.75C10.625 14.095 10.345 14.375 10 14.375C9.655 14.375 9.375 14.095 9.375 13.75V9.9408C9.375 9.5958 9.655 9.3158 10 9.3158C10.345 9.3158 10.625 9.5958 10.625 9.9408V13.75ZM10.0167 7.91667C9.55668 7.91667 9.17908 7.54333 9.17908 7.08333C9.17908 6.62333 9.54834 6.25 10.0083 6.25H10.0167C10.4775 6.25 10.85 6.62333 10.85 7.08333C10.85 7.54333 10.4767 7.91667 10.0167 7.91667Z\"\n fill=\"#2B7FFF\"\n />\n </svg>\n ),\n};\n\nexport const CloseIcon = (\n <svg\n className=\"flex-shrink-0\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15.4416 14.5583C15.6858 14.8025 15.6858 15.1984 15.4416 15.4425C15.32 15.5642 15.16 15.6258 15 15.6258C14.84 15.6258 14.68 15.565 14.5583 15.4425L9.99997 10.8842L5.44164 15.4425C5.31997 15.5642 5.15997 15.6258 4.99997 15.6258C4.83997 15.6258 4.67997 15.565 4.55831 15.4425C4.31414 15.1984 4.31414 14.8025 4.55831 14.5583L9.11664 10L4.55831 5.44171C4.31414 5.19754 4.31414 4.80168 4.55831 4.55751C4.80247 4.31335 5.19831 4.31335 5.44248 4.55751L10.0008 9.11587L14.5591 4.55751C14.8033 4.31335 15.1991 4.31335 15.4433 4.55751C15.6875 4.80168 15.6875 5.19754 15.4433 5.44171L10.885 10L15.4416 14.5583Z\"\n fill=\"#57534D\"\n />\n </svg>\n);\n","import React, { useState } from \"react\";\nimport { AlertIcon, CloseIcon } from \"./icon\";\n\nexport interface AlertProps {\n title?: string;\n description?: string;\n className?: string;\n type: \"success\" | \"error\" | \"warning\" | \"info\";\n icon?: React.ReactNode;\n showIcon?: boolean;\n closeable?: boolean;\n action?: React.ReactNode;\n}\n\nconst Alert: React.FC<AlertProps> = ({\n className = \"\",\n type,\n title,\n description,\n icon = AlertIcon[type],\n showIcon = true,\n closeable = false,\n action,\n}) => {\n const baseClasses = \"aha-alert px-4 py-3 rounded-md flex gap-2 relative\";\n\n const typeClasses = {\n success: \"bg-[#ECFDF5]\",\n error: \"bg-[#FEF2F2]\",\n warning: \"bg-[#FFFBEB]\",\n info: \"bg-[#EFF6FF]\",\n };\n\n const [visible, setVisible] = useState(true);\n const handleClose = () => {\n setVisible(false);\n };\n\n if (!visible) return null;\n\n return (\n <div className={`${baseClasses} ${typeClasses[type]} ${className}`}>\n {showIcon && icon}\n <div className={`flex flex-col gap-1 ${closeable ? \"pr-8\" : \"\"}`}>\n {title && (\n <div className=\"justify-start text-[#292524] text-base font-semibold font-['DM_Sans'] leading-normal\">\n {title}\n </div>\n )}\n {description && (\n <div className=\"w-full justify-center text-[#57534D] text-sm font-normal font-['DM_Sans'] leading-snug\">\n {description}\n </div>\n )}\n {action && closeable && <div className=\"mt-3\">{action}</div>}\n </div>\n {action && !closeable && <div className=\"ml-3\">{action}</div>}\n {closeable && (\n <div\n className=\"absolute right-4 top-3 cursor-pointer\"\n onClick={handleClose}\n >\n {CloseIcon}\n </div>\n )}\n </div>\n );\n};\n\nexport default Alert;\n","import React from 'react';\n\nexport interface AlertComponentProps {\n children: React.ReactNode;\n variant?: 'success' | 'error' | 'warning' | 'info';\n className?: string;\n onClose?: () => void;\n}\n\nconst AlertComponent: React.FC<AlertComponentProps> = ({\n children,\n variant = 'info',\n className = '',\n onClose,\n}) => {\n const variantClasses = {\n success: 'bg-green-50 border-green-200 text-green-800',\n error: 'bg-red-50 border-red-200 text-red-800',\n warning: 'bg-yellow-50 border-yellow-200 text-yellow-800',\n info: 'bg-blue-50 border-blue-200 text-blue-800',\n };\n\n const baseClasses = 'border rounded-md p-4 relative';\n const classes = `${baseClasses} ${variantClasses[variant]} ${className}`;\n\n return (\n <div className={classes}>\n <div className=\"flex\">\n <div className=\"flex-1\">{children}</div>\n {onClose && (\n <button\n onClick={onClose}\n className=\"ml-3 text-current hover:opacity-70 transition-opacity\"\n >\n ✕\n </button>\n )}\n </div>\n </div>\n );\n};\n\nexport default AlertComponent;\n","import React from 'react';\n\nexport interface ButtonProps {\n children: React.ReactNode;\n variant?: 'primary' | 'secondary' | 'outline';\n size?: 'small' | 'medium' | 'large';\n disabled?: boolean;\n onClick?: () => void;\n className?: string;\n}\n\nconst Button: React.FC<ButtonProps> = ({\n children,\n variant = 'primary',\n size = 'medium',\n disabled = false,\n onClick,\n className = '',\n}) => {\n const baseClasses = 'inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2';\n \n const variantClasses = {\n primary: 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500',\n secondary: 'bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500',\n outline: 'border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 focus:ring-blue-500',\n };\n \n const sizeClasses = {\n small: 'px-3 py-1.5 text-sm',\n medium: 'px-4 py-2 text-base',\n large: 'px-6 py-3 text-lg',\n };\n \n const disabledClasses = disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer';\n \n const classes = `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${disabledClasses} ${className}`;\n \n return (\n <button\n className={classes}\n disabled={disabled}\n onClick={onClick}\n >\n {children}\n </button>\n );\n};\n\nexport default Button; ","import React from 'react';\n\nexport interface CardProps {\n children: React.ReactNode;\n title?: string;\n subtitle?: string;\n className?: string;\n onClick?: () => void;\n}\n\nconst Card: React.FC<CardProps> = ({\n children,\n title,\n subtitle,\n className = '',\n onClick,\n}) => {\n const baseClasses = 'bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow';\n const clickableClasses = onClick ? 'cursor-pointer' : '';\n const classes = `${baseClasses} ${clickableClasses} ${className}`;\n \n return (\n <div className={classes} onClick={onClick}>\n {(title || subtitle) && (\n <div className=\"px-6 py-4 border-b border-gray-200\">\n {title && <h3 className=\"text-lg font-semibold text-gray-900\">{title}</h3>}\n {subtitle && <p className=\"mt-1 text-sm text-gray-600\">{subtitle}</p>}\n </div>\n )}\n <div className=\"px-6 py-4\">\n {children}\n </div>\n </div>\n );\n};\n\nexport default Card; ","import React from 'react';\n\nexport interface InputProps {\n value?: string;\n placeholder?: string;\n type?: 'text' | 'password' | 'email' | 'number';\n disabled?: boolean;\n onChange?: (value: string) => void;\n onFocus?: () => void;\n onBlur?: () => void;\n className?: string;\n size?: 'small' | 'medium' | 'large';\n}\n\nconst Input: React.FC<InputProps> = ({\n value = '',\n placeholder = '',\n type = 'text',\n disabled = false,\n onChange,\n onFocus,\n onBlur,\n className = '',\n size = 'medium',\n}) => {\n const baseClasses = 'border border-gray-300 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500';\n \n const sizeClasses = {\n small: 'px-3 py-1.5 text-sm',\n medium: 'px-4 py-2 text-base',\n large: 'px-6 py-3 text-lg',\n };\n \n const disabledClasses = disabled ? 'opacity-50 cursor-not-allowed bg-gray-100' : 'bg-white';\n \n const classes = `${baseClasses} ${sizeClasses[size]} ${disabledClasses} ${className}`;\n \n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(e.target.value);\n }\n };\n \n return (\n <input\n type={type}\n value={value}\n placeholder={placeholder}\n disabled={disabled}\n onChange={handleChange}\n onFocus={onFocus}\n onBlur={onBlur}\n className={classes}\n />\n );\n};\n\nexport default Input; ","import React from 'react';\n\nexport interface TestComponentProps {\n children?: React.ReactNode;\n className?: string;\n // TODO: 添加更多属性\n}\n\nconst TestComponent: React.FC<TestComponentProps> = ({\n children,\n className = '',\n}) => {\n return (\n <div className={`testcomponent-component ${className}`}>\n {children}\n </div>\n );\n};\n\nexport default TestComponent;\n"],"names":["AlertIcon","success","_jsx","jsx","className","width","height","viewBox","fill","xmlns","children","d","error","warning","info","CloseIcon","_a","_b","type","title","description","_c","icon","_d","showIcon","_e","closeable","action","_f","useState","visible","setVisible","_jsxs","concat","jsxs","onClick","variant","onClose","classes","size","disabled","disabledClasses","primary","secondary","outline","small","medium","large","subtitle","clickableClasses","value","placeholder","onChange","onFocus","onBlur","_g","e","target"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "aha-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "A React component library with tree-shaking support",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"test": "jest",
|
|
25
25
|
"test:watch": "jest --watch",
|
|
26
26
|
"storybook": "storybook dev -p 6006",
|
|
27
|
-
"build-storybook": "build
|
|
27
|
+
"build-storybook": "storybook build",
|
|
28
28
|
"lint": "eslint src --ext .ts,.tsx",
|
|
29
29
|
"lint:fix": "eslint src --ext .ts,.tsx --fix",
|
|
30
30
|
"type-check": "tsc --noEmit",
|
|
@@ -35,6 +35,8 @@
|
|
|
35
35
|
"prepublishOnly": "npm run build",
|
|
36
36
|
"release": "npm run build && npm publish",
|
|
37
37
|
"publish:script": "node scripts/publish.js",
|
|
38
|
+
"deploy:docs": "node scripts/deploy-docs.js",
|
|
39
|
+
"deploy:netlify": "node scripts/deploy-netlify.js",
|
|
38
40
|
"docs:build": "npm run build-storybook",
|
|
39
41
|
"docs:deploy": "npm run build-storybook && npx storybook-to-ghpages"
|
|
40
42
|
},
|
|
@@ -55,7 +57,7 @@
|
|
|
55
57
|
"bugs": {
|
|
56
58
|
"url": "https://github.com/yourusername/aha-components/issues"
|
|
57
59
|
},
|
|
58
|
-
"homepage": "https://
|
|
60
|
+
"homepage": "https://ahaaiteam.github.io/aha-components",
|
|
59
61
|
"peerDependencies": {
|
|
60
62
|
"react": "^18.0.0",
|
|
61
63
|
"react-dom": "^18.0.0"
|
|
@@ -63,6 +65,7 @@
|
|
|
63
65
|
"devDependencies": {
|
|
64
66
|
"@rollup/plugin-commonjs": "^25.0.0",
|
|
65
67
|
"@rollup/plugin-node-resolve": "^15.0.0",
|
|
68
|
+
"@rollup/plugin-terser": "^0.4.0",
|
|
66
69
|
"@rollup/plugin-typescript": "^11.0.0",
|
|
67
70
|
"@storybook/addon-actions": "^7.0.0",
|
|
68
71
|
"@storybook/addon-essentials": "^7.0.0",
|
|
@@ -80,22 +83,22 @@
|
|
|
80
83
|
"@typescript-eslint/eslint-plugin": "^6.0.0",
|
|
81
84
|
"@typescript-eslint/parser": "^6.0.0",
|
|
82
85
|
"@vitejs/plugin-react": "^4.0.0",
|
|
86
|
+
"autoprefixer": "^10.4.0",
|
|
83
87
|
"eslint": "^8.0.0",
|
|
84
88
|
"eslint-plugin-react": "^7.0.0",
|
|
85
89
|
"eslint-plugin-react-hooks": "^4.0.0",
|
|
90
|
+
"gh-pages": "^6.3.0",
|
|
86
91
|
"jest": "^29.0.0",
|
|
87
92
|
"jest-environment-jsdom": "^29.0.0",
|
|
93
|
+
"postcss": "^8.4.0",
|
|
88
94
|
"react": "^18.0.0",
|
|
89
95
|
"react-dom": "^18.0.0",
|
|
90
96
|
"rollup": "^3.0.0",
|
|
91
97
|
"rollup-plugin-dts": "^5.0.0",
|
|
92
98
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
93
|
-
"@rollup/plugin-terser": "^0.4.0",
|
|
94
99
|
"storybook": "^7.0.0",
|
|
95
|
-
"typescript": "^5.0.0",
|
|
96
|
-
"vite": "^4.0.0",
|
|
97
100
|
"tailwindcss": "^3.3.0",
|
|
98
|
-
"
|
|
99
|
-
"
|
|
101
|
+
"typescript": "^5.0.0",
|
|
102
|
+
"vite": "^4.0.0"
|
|
100
103
|
}
|
|
101
|
-
}
|
|
104
|
+
}
|