aha-components 1.1.0 → 1.2.2
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/Alert.esm.js +1 -1
- package/dist/Alert.esm.js.map +1 -1
- package/dist/Alert.js +1 -1
- package/dist/Alert.js.map +1 -1
- package/dist/Button.js +1 -1
- package/dist/Button.js.map +1 -1
- package/dist/Tag.esm.js +2 -0
- package/dist/Tag.esm.js.map +1 -0
- package/dist/Tag.js +2 -0
- package/dist/Tag.js.map +1 -0
- package/dist/components/Alert/Alert.stories.d.ts +12 -0
- package/dist/components/Alert/Alert.test.d.ts +1 -0
- package/dist/components/Alert/index.d.ts +2 -1
- package/dist/components/Button/Button.stories.d.ts +13 -0
- package/dist/components/Button/Button.test.d.ts +1 -0
- package/dist/components/Tag/Tag.stories.d.ts +14 -0
- package/dist/components/Tag/Tag.test.d.ts +1 -0
- package/dist/components/Tag/icon.d.ts +8 -0
- package/dist/components/Tag/index.d.ts +19 -0
- package/dist/components/Toast/Toast.stories.d.ts +20 -0
- package/dist/components/Toast/Toast.test.d.ts +1 -0
- package/dist/index.d.ts +21 -2
- 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 +1 -1
package/dist/Alert.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as l,jsxs as e}from"react/jsx-runtime";import{useState as i}from"react";var n={success:l("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("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:l("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("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:l("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("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:l("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("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=l("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("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"})}),
|
|
1
|
+
import{jsx as l,jsxs as e}from"react/jsx-runtime";import{useState as i}from"react";var n={success:l("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("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:l("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("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:l("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("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:l("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("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=l("svg",{className:"flex-shrink-0",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("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"})}),t=function(t){var o=t.className,C=void 0===o?"":o,a=t.type,r=void 0===a?"info":a,c=t.title,d=t.description,h=t.icon,f=void 0===h?n[r]:h,g=t.showIcon,w=void 0===g||g,m=t.closeable,v=void 0!==m&&m,x=t.action,L=t.children,u=t.onClose,p=i(!0),F=p[0],M=p[1];return F?e("div",{className:"".concat("aha-alert px-4 py-3 rounded-md flex gap-2 relative"," ").concat(C),style:{success:{backgroundColor:"#ECFDF5"},error:{backgroundColor:"#FEF2F2"},warning:{backgroundColor:"#FFFBEB"},info:{backgroundColor:"#EFF6FF"}}[r],children:[w&&f,e("div",{className:"flex flex-col gap-1",style:v?{paddingRight:"2rem"}:{},children:[c&&l("div",{className:"justify-start text-[#292524] text-base font-semibold font-['DM_Sans'] leading-normal",children:c}),d&&l("div",{className:"w-full justify-center text-[#57534D] text-sm font-normal font-['DM_Sans'] leading-snug",children:d}),L&&l("div",{className:"w-full justify-center text-[#57534D] text-sm font-normal font-['DM_Sans'] leading-snug",children:L}),x&&v&&l("div",{className:"mt-3",children:x})]}),x&&!v&&l("div",{className:"ml-3",children:x}),v&&l("div",{className:"absolute right-4 top-3 cursor-pointer",onClick:function(){M(!1),null==u||u()},children:s})]}):null};export{t as default};
|
|
2
2
|
//# sourceMappingURL=Alert.esm.js.map
|
package/dist/Alert.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.esm.js","sources":["../src/components/Alert/icon.tsx","../src/components/Alert/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
|
|
1
|
+
{"version":3,"file":"Alert.esm.js","sources":["../src/components/Alert/icon.tsx","../src/components/Alert/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 children?: React.ReactNode;\n /** 关闭回调 */\n onClose?: () => void;\n}\n\nconst Alert: React.FC<AlertProps> = ({\n className = \"\",\n type = \"info\",\n title,\n description,\n icon = AlertIcon[type],\n showIcon = true,\n closeable = false,\n action,\n children,\n onClose\n}) => {\n const baseClasses = \"aha-alert px-4 py-3 rounded-md flex gap-2 relative\";\n\n // 使用内联样式作为备选方案，确保样式始终生效\n const typeStyles = {\n success: { backgroundColor: '#ECFDF5' },\n error: { backgroundColor: '#FEF2F2' },\n warning: { backgroundColor: '#FFFBEB' },\n info: { backgroundColor: '#EFF6FF' },\n };\n\n const [visible, setVisible] = useState(true);\n const handleClose = () => {\n setVisible(false);\n onClose?.();\n };\n\n if (!visible) return null;\n\n return (\n <div \n className={`${baseClasses} ${className}`}\n style={typeStyles[type]}\n >\n {showIcon && icon}\n <div \n className=\"flex flex-col gap-1\"\n style={closeable ? { paddingRight: '2rem' } : {}}\n >\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 {children && (\n <div className=\"w-full justify-center text-[#57534D] text-sm font-normal font-['DM_Sans'] leading-snug\">\n {children}\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":["AlertIcon","success","_jsx","className","width","height","viewBox","fill","xmlns","children","d","error","warning","info","CloseIcon","Alert","_a","_b","_c","type","title","description","_d","icon","_e","showIcon","_f","closeable","action","onClose","_g","useState","visible","setVisible","_jsxs","concat","style","backgroundColor","paddingRight","onClick"],"mappings":"mFAAO,IAAMA,EAAY,CACvBC,QACEC,EAAA,MAAA,CACEC,UAAU,gBACVC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENC,SAAAP,EAAA,OAAA,CACEQ,EAAE,6hBACFH,KAAK,cAIXI,MACET,EAAA,MAAA,CACEC,UAAU,gBACVC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENC,SAAAP,EAAA,OAAA,CACEQ,EAAE,gjCACFH,KAAK,cAIXK,QACEV,EAAA,MAAA,CACEC,UAAU,gBACVC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENC,SAAAP,EAAA,OAAA,CACEQ,EAAE,2mBACFH,KAAK,cAIXM,KACEX,EAAA,MAAA,CACEC,UAAU,gBACVC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENC,SAAAP,EAAA,OAAA,CACEQ,EAAE,6jBACFH,KAAK,eAMAO,EACXZ,EAAA,MAAA,CACEC,UAAU,gBACVC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENC,SAAAP,EAAA,OAAA,CACEQ,EAAE,0lBACFH,KAAK,cCzDLQ,EAA8B,SAACC,OACnCC,EAAcD,EAAAb,UAAdA,OAAY,IAAAc,EAAA,KACZC,EAAAF,EAAAG,KAAAA,OAAO,IAAAD,EAAA,SACPE,EAAKJ,EAAAI,MACLC,EAAWL,EAAAK,YACXC,EAAsBN,EAAAO,KAAtBA,OAAI,IAAAD,EAAGtB,EAAUmB,GAAKG,EACtBE,EAAeR,EAAAS,SAAfA,OAAW,IAAAD,GAAIA,EACfE,EAAiBV,EAAAW,UAAjBA,OAAY,IAAAD,GAAKA,EACjBE,EAAMZ,EAAAY,OACNnB,EAAQO,EAAAP,SACRoB,EAAOb,EAAAa,QAYDC,EAAwBC,GAAS,GAAhCC,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAM1B,OAAKE,EAGHE,EACE,MAAA,CAAA/B,UAAW,GAAAgC,OApBK,qDAoBS,KAAAA,OAAIhC,GAC7BiC,MAlBe,CACjBnC,QAAS,CAAEoC,gBAAiB,WAC5B1B,MAAO,CAAE0B,gBAAiB,WAC1BzB,QAAS,CAAEyB,gBAAiB,WAC5BxB,KAAM,CAAEwB,gBAAiB,YAcLlB,GAAKV,SAAA,CAEtBgB,GAAYF,EACbW,EACE,MAAA,CAAA/B,UAAU,sBACViC,MAAOT,EAAY,CAAEW,aAAc,QAAW,GAAE7B,SAAA,CAE/CW,GACClB,EAAA,MAAA,CAAKC,UAAU,uFAAsFM,SAClGW,IAGJC,GACCnB,EAAA,MAAA,CAAKC,UAAU,yFACZM,SAAAY,IAGJZ,GACCP,EAAK,MAAA,CAAAC,UAAU,yFACZM,SAAAA,IAGJmB,GAAUD,GAAazB,EAAA,MAAA,CAAKC,UAAU,OAAMM,SAAEmB,OAEhDA,IAAWD,GAAazB,EAAA,MAAA,CAAKC,UAAU,OAAMM,SAAEmB,IAC/CD,GACCzB,EACE,MAAA,CAAAC,UAAU,wCACVoC,QAtCY,WAClBN,GAAW,GACXJ,SAAAA,GACF,EAqCSpB,SAAAK,OAnCY,IAwCvB"}
|
package/dist/Alert.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),l={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"})})},i=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.default=function(n){var t=n.className,r=void 0===t?"":t,o=n.type,C=void 0===o?"info":o,a=n.title,c=n.description,d=n.icon,h=void 0===d?l[C]:d,x=n.showIcon,f=void 0===x||x,g=n.closeable,w=void 0!==g&&g,v=n.action,m=n.children,u=n.onClose,L=s.useState(!0),j=L[0],p=L[1];return j?e.jsxs("div",{className:"".concat("aha-alert px-4 py-3 rounded-md flex gap-2 relative"," ").concat(r),style:{success:{backgroundColor:"#ECFDF5"},error:{backgroundColor:"#FEF2F2"},warning:{backgroundColor:"#FFFBEB"},info:{backgroundColor:"#EFF6FF"}}[C],children:[f&&h,e.jsxs("div",{className:"flex flex-col gap-1",style:w?{paddingRight:"2rem"}:{},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&&e.jsx("div",{className:"w-full justify-center text-[#57534D] text-sm font-normal font-['DM_Sans'] leading-snug",children:m}),v&&w&&e.jsx("div",{className:"mt-3",children:v})]}),v&&!w&&e.jsx("div",{className:"ml-3",children:v}),w&&e.jsx("div",{className:"absolute right-4 top-3 cursor-pointer",onClick:function(){p(!1),null==u||u()},children:i})]}):null};
|
|
2
2
|
//# sourceMappingURL=Alert.js.map
|
package/dist/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sources":["../src/components/Alert/icon.tsx","../src/components/Alert/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
|
|
1
|
+
{"version":3,"file":"Alert.js","sources":["../src/components/Alert/icon.tsx","../src/components/Alert/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 children?: React.ReactNode;\n /** 关闭回调 */\n onClose?: () => void;\n}\n\nconst Alert: React.FC<AlertProps> = ({\n className = \"\",\n type = \"info\",\n title,\n description,\n icon = AlertIcon[type],\n showIcon = true,\n closeable = false,\n action,\n children,\n onClose\n}) => {\n const baseClasses = \"aha-alert px-4 py-3 rounded-md flex gap-2 relative\";\n\n // 使用内联样式作为备选方案，确保样式始终生效\n const typeStyles = {\n success: { backgroundColor: '#ECFDF5' },\n error: { backgroundColor: '#FEF2F2' },\n warning: { backgroundColor: '#FFFBEB' },\n info: { backgroundColor: '#EFF6FF' },\n };\n\n const [visible, setVisible] = useState(true);\n const handleClose = () => {\n setVisible(false);\n onClose?.();\n };\n\n if (!visible) return null;\n\n return (\n <div \n className={`${baseClasses} ${className}`}\n style={typeStyles[type]}\n >\n {showIcon && icon}\n <div \n className=\"flex flex-col gap-1\"\n style={closeable ? { paddingRight: '2rem' } : {}}\n >\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 {children && (\n <div className=\"w-full justify-center text-[#57534D] text-sm font-normal font-['DM_Sans'] leading-snug\">\n {children}\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":["AlertIcon","success","_jsx","jsx","className","width","height","viewBox","fill","xmlns","children","d","error","warning","info","CloseIcon","_a","_b","_c","type","title","description","_d","icon","_e","showIcon","_f","closeable","action","onClose","_g","useState","visible","setVisible","_jsxs","jsxs","concat","style","backgroundColor","paddingRight","onClick"],"mappings":"0HAAaA,EAAY,CACvBC,QACEC,EAAAC,IAAA,MAAA,CACEC,UAAU,gBACVC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENC,SAAAR,EAAAC,IAAA,OAAA,CACEQ,EAAE,6hBACFH,KAAK,cAIXI,MACEV,EAAAC,IAAA,MAAA,CACEC,UAAU,gBACVC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENC,SAAAR,EAAAC,IAAA,OAAA,CACEQ,EAAE,gjCACFH,KAAK,cAIXK,QACEX,EAAAC,IAAA,MAAA,CACEC,UAAU,gBACVC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENC,SAAAR,EAAAC,IAAA,OAAA,CACEQ,EAAE,2mBACFH,KAAK,cAIXM,KACEZ,EAAAC,IAAA,MAAA,CACEC,UAAU,gBACVC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENC,SAAAR,EAAAC,IAAA,OAAA,CACEQ,EAAE,6jBACFH,KAAK,eAMAO,EACXb,EAAAC,IAAA,MAAA,CACEC,UAAU,gBACVC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENC,SAAAR,EAAAC,IAAA,OAAA,CACEQ,EAAE,0lBACFH,KAAK,8BCzDyB,SAACQ,OACnCC,EAAcD,EAAAZ,UAAdA,OAAY,IAAAa,EAAA,KACZC,EAAAF,EAAAG,KAAAA,OAAO,IAAAD,EAAA,SACPE,EAAKJ,EAAAI,MACLC,EAAWL,EAAAK,YACXC,EAAsBN,EAAAO,KAAtBA,OAAI,IAAAD,EAAGtB,EAAUmB,GAAKG,EACtBE,EAAeR,EAAAS,SAAfA,OAAW,IAAAD,GAAIA,EACfE,EAAiBV,EAAAW,UAAjBA,OAAY,IAAAD,GAAKA,EACjBE,EAAMZ,EAAAY,OACNlB,EAAQM,EAAAN,SACRmB,EAAOb,EAAAa,QAYDC,EAAwBC,EAAAA,UAAS,GAAhCC,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAM1B,OAAKE,EAGHE,EACEC,KAAA,MAAA,CAAA/B,UAAW,GAAAgC,OApBK,qDAoBS,KAAAA,OAAIhC,GAC7BiC,MAlBe,CACjBpC,QAAS,CAAEqC,gBAAiB,WAC5B1B,MAAO,CAAE0B,gBAAiB,WAC1BzB,QAAS,CAAEyB,gBAAiB,WAC5BxB,KAAM,CAAEwB,gBAAiB,YAcLnB,GAAKT,SAAA,CAEtBe,GAAYF,EACbW,EACEC,KAAA,MAAA,CAAA/B,UAAU,sBACViC,MAAOV,EAAY,CAAEY,aAAc,QAAW,GAAE7B,SAAA,CAE/CU,GACClB,EAAAC,IAAA,MAAA,CAAKC,UAAU,uFAAsFM,SAClGU,IAGJC,GACCnB,EAAAA,IAAA,MAAA,CAAKE,UAAU,yFACZM,SAAAW,IAGJX,GACCR,MAAK,MAAA,CAAAE,UAAU,yFACZM,SAAAA,IAGJkB,GAAUD,GAAazB,MAAA,MAAA,CAAKE,UAAU,OAAMM,SAAEkB,OAEhDA,IAAWD,GAAazB,MAAA,MAAA,CAAKE,UAAU,OAAMM,SAAEkB,IAC/CD,GACCzB,EAAAA,IACE,MAAA,CAAAE,UAAU,wCACVoC,QAtCY,WAClBP,GAAW,GACXJ,SAAAA,GACF,EAqCSnB,SAAAK,OAnCY,IAwCvB"}
|
package/dist/Button.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=function(){return i=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},i.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var n={default:"#FB6011",hover:"#FD843A",pressed:"#EC470A",disabled:"#D6D3D1"},r={default:"#0C0A09",hover:"#57534D",pressed:"#44403B",disabled:"#D6D3D1"},a={default:"#FFFFFF",hover:"#F5F5F4",pressed:"#E7E5E4",disabled:"#FFFFFF"},d={default:"#EF4444",hover:"#F87171",pressed:"#DC2626",disabled:"#D6D3D1"},o={default:"#FFFFFF",hover:"#F5F5F4",pressed:"#E7E5E4",disabled:"#FFFFFF"},p={default:"transparent",hover:"#F5F5F4",pressed:"#E7E5E4",disabled:"transparent"},s={small:{height:"28px",minHeight:"28px",fontSize:"12px",paddingLeft:"10px",paddingRight:"10px"},default:{height:"36px",minHeight:"36px",fontSize:"14px",paddingLeft:"12px",paddingRight:"12px"},large:{height:"44px",minHeight:"44px",fontSize:"16px",paddingLeft:"16px",paddingRight:"16px"}},l={small:{height:"28px",width:"28px",minHeight:"28px",maxWidth:"28px",paddingLeft:"6px",paddingRight:"6px"},default:{height:"36px",width:"36px",minHeight:"36px",maxWidth:"36px",paddingLeft:"8px",paddingRight:"8px"},large:{height:"44px",width:"44px",minHeight:"44px",maxWidth:"44px",paddingLeft:"10px",paddingRight:"10px"}},h=function(e,t,i){void 0===i&&(i=!1);var n="#fff";"outline"===e?n=i?"#D1D5DB":"#292524":"ghost"===e?n=i?"#D1D5DB":"#FB6011":"danger"===e&&(n=i?"#D1D5DB":"#fff");var r="1.375";return"large"===t&&(r="1.5"),{justifyContent:"start",color:n,fontSize:(s[t]||s.default).fontSize,fontWeight:500,fontFamily:"DM Sans, sans-serif",lineHeight:r}},
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=function(){return i=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},i.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var n={default:"#FB6011",hover:"#FD843A",pressed:"#EC470A",disabled:"#D6D3D1"},r={default:"#0C0A09",hover:"#57534D",pressed:"#44403B",disabled:"#D6D3D1"},a={default:"#FFFFFF",hover:"#F5F5F4",pressed:"#E7E5E4",disabled:"#FFFFFF"},d={default:"#EF4444",hover:"#F87171",pressed:"#DC2626",disabled:"#D6D3D1"},o={default:"#FFFFFF",hover:"#F5F5F4",pressed:"#E7E5E4",disabled:"#FFFFFF"},p={default:"transparent",hover:"#F5F5F4",pressed:"#E7E5E4",disabled:"transparent"},s={small:{height:"28px",minHeight:"28px",fontSize:"12px",paddingLeft:"10px",paddingRight:"10px"},default:{height:"36px",minHeight:"36px",fontSize:"14px",paddingLeft:"12px",paddingRight:"12px"},large:{height:"44px",minHeight:"44px",fontSize:"16px",paddingLeft:"16px",paddingRight:"16px"}},l={small:{height:"28px",width:"28px",minHeight:"28px",maxWidth:"28px",paddingLeft:"6px",paddingRight:"6px"},default:{height:"36px",width:"36px",minHeight:"36px",maxWidth:"36px",paddingLeft:"8px",paddingRight:"8px"},large:{height:"44px",width:"44px",minHeight:"44px",maxWidth:"44px",paddingLeft:"10px",paddingRight:"10px"}},h=function(e,t,i){void 0===i&&(i=!1);var n="#fff";"outline"===e?n=i?"#D1D5DB":"#292524":"ghost"===e?n=i?"#D1D5DB":"#FB6011":"danger"===e&&(n=i?"#D1D5DB":"#fff");var r="1.375";return"large"===t&&(r="1.5"),{justifyContent:"start",color:n,fontSize:(s[t]||s.default).fontSize,fontWeight:500,fontFamily:"DM Sans, sans-serif",lineHeight:r}},u=function(e){var t="20px";return"small"===e&&(t="16px"),{width:t,height:t,display:"flex",alignItems:"center",justifyContent:"center"}};exports.default=function(f){var g=f.children,x=f.className,c=void 0===x?"":x,F=f.variant,b=void 0===F?"primary":F,v=f.size,y=void 0===v?"default":v,m=f.disabled,E=void 0!==m&&m,D=f.onClick,j=f.type,w=void 0===j?"button":j,O=function(e,t){var i={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(i[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(i[n[r]]=e[n[r]])}return i}(f,["children","className","variant","size","disabled","onClick","type"]),S=t.useState(!1),C=S[0],H=S[1],L=t.useState(!1),R=L[0],z=L[1],B={};if("primary"===b||"secondary"===b||"outline"===b||"danger"===b||"icon"===b||"ghost"===b){var M="default";E?M="disabled":C?M="pressed":R&&(M="hover"),B=function(e,t,i){var h="icon"===e?l[i]||l.default:s[i]||s.default,u="#FB6011",f="none",g="none";"primary"===e?u=n[t]:"secondary"===e?u=r[t]:"outline"===e?(u=a[t],f="1px solid #E7E5E4",g="0px 1px 2px 0px rgba(12,10,9,0.05)",("hover"===t||"pressed"===t)&&(f="1px solid #E7E5E4")):"danger"===e?u=d[t]:"icon"===e?(u=o[t],f="1px solid #E7E5E4",g="0px 1px 2px 0px rgba(12,10,9,0.05)"):"ghost"===e&&(u=p[t]);var x={height:h.height,minHeight:h.minHeight,paddingLeft:h.paddingLeft,paddingRight:h.paddingRight,background:u,border:f,boxShadow:g,borderRadius:"0.5rem",display:"inline-flex",justifyContent:"center",alignItems:"center",gap:"icon"===e?"1px":"4px",cursor:"disabled"===t?"not-allowed":"pointer",outline:"none",transition:"background 0.2s, border 0.2s"};return"icon"===e&&(x.width=h.width,x.maxWidth=h.maxWidth),x}(b,M,y)}return e.jsx("button",i({type:w,className:"aha-btn aha-btn--".concat(b," aha-btn--").concat(y," ").concat(E?"aha-btn--disabled":""," ").concat(c),disabled:E,onClick:E?void 0:D,style:B,onMouseDown:function(){return H(!0)},onMouseUp:function(){return H(!1)},onMouseLeave:function(){H(!1),z(!1)},onMouseEnter:function(){return z(!0)}},O,{children:"icon"===b?e.jsx("div",{style:u(y),children:g}):e.jsx("span",{style:h(b,y,E),children:g})}))};
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
package/dist/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../node_modules/tslib/tslib.es6.js","../src/components/Button/index.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n ownKeys = Object.getOwnPropertyNames || function (o) {\r\n var ar = [];\r\n for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n return ar;\r\n };\r\n return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose, inner;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n if (async) inner = dispose;\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n var r, s = 0;\r\n function next() {\r\n while (r = env.stack.pop()) {\r\n try {\r\n if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n if (r.dispose) {\r\n var result = r.dispose.call(r.value);\r\n if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n else s |= 1;\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n });\r\n }\r\n return path;\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __esDecorate: __esDecorate,\r\n __runInitializers: __runInitializers,\r\n __propKey: __propKey,\r\n __setFunctionName: __setFunctionName,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","import React from 'react';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'danger' | 'icon' | 'ghost';\nexport type ButtonSize = 'default' | 'small' | 'large';\n\nexport interface ButtonProps {\n children?: React.ReactNode;\n className?: string;\n variant?: ButtonVariant;\n size?: ButtonSize;\n disabled?: boolean;\n onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n type?: 'button' | 'submit' | 'reset';\n [key: string]: any;\n}\n\n// 颜色常量\nconst PRIMARY_COLORS = {\n default: '#FB6011',\n hover: '#FD843A',\n pressed: '#EC470A',\n disabled: '#D6D3D1',\n};\n\nconst SECONDARY_COLORS = {\n default: '#0C0A09',\n hover: '#57534D',\n pressed: '#44403B',\n disabled: '#D6D3D1',\n};\n\nconst OUTLINE_COLORS = {\n default: '#FFFFFF',\n hover: '#F5F5F4',\n pressed: '#E7E5E4',\n disabled: '#FFFFFF',\n};\n\nconst DANGER_COLORS = {\n default: '#EF4444',\n hover: '#F87171',\n pressed: '#DC2626',\n disabled: '#D6D3D1',\n};\n\nconst ICON_COLORS = {\n default: '#FFFFFF',\n hover: '#F5F5F4',\n pressed: '#E7E5E4',\n disabled: '#FFFFFF',\n};\n\nconst GHOST_COLORS = {\n default: 'transparent',\n hover: '#F5F5F4',\n pressed: '#E7E5E4',\n disabled: 'transparent',\n};\n\nconst SIZE_MAP = {\n small: {\n height: '28px',\n minHeight: '28px',\n fontSize: '12px',\n paddingLeft: '10px',\n paddingRight: '10px',\n },\n default: {\n height: '36px',\n minHeight: '36px',\n fontSize: '14px',\n paddingLeft: '12px',\n paddingRight: '12px',\n },\n large: {\n height: '44px',\n minHeight: '44px',\n fontSize: '16px',\n paddingLeft: '16px',\n paddingRight: '16px',\n },\n};\n\nconst ICON_SIZE_MAP = {\n small: {\n height: '28px',\n width: '28px',\n minHeight: '28px',\n maxWidth: '28px',\n paddingLeft: '6px',\n paddingRight: '6px',\n },\n default: {\n height: '36px',\n width: '36px',\n minHeight: '36px',\n maxWidth: '36px',\n paddingLeft: '8px',\n paddingRight: '8px',\n },\n large: {\n height: '44px',\n width: '44px',\n minHeight: '44px',\n maxWidth: '44px',\n paddingLeft: '10px',\n paddingRight: '10px',\n },\n};\n\nconst getButtonStyle = (variant: ButtonVariant, state: 'default' | 'hover' | 'pressed' | 'disabled', size: ButtonSize) => {\n const sizeStyle = variant === 'icon' ? (ICON_SIZE_MAP[size] || ICON_SIZE_MAP.default) : (SIZE_MAP[size] || SIZE_MAP.default);\n \n let backgroundColor = '#FB6011'; // primary default\n let border = 'none';\n let boxShadow = 'none';\n \n if (variant === 'primary') {\n backgroundColor = PRIMARY_COLORS[state];\n } else if (variant === 'secondary') {\n backgroundColor = SECONDARY_COLORS[state];\n } else if (variant === 'outline') {\n backgroundColor = OUTLINE_COLORS[state];\n border = '1px solid #E7E5E4'; // stone-200\n boxShadow = '0px 1px 2px 0px rgba(12,10,9,0.05)';\n if (state === 'hover') {\n border = '1px solid #E7E5E4'; // stone-200\n } else if (state === 'pressed') {\n border = '1px solid #E7E5E4'; // stone-200\n }\n } else if (variant === 'danger') {\n backgroundColor = DANGER_COLORS[state];\n } else if (variant === 'icon') {\n backgroundColor = ICON_COLORS[state];\n border = '1px solid #E7E5E4'; // stone-200\n boxShadow = '0px 1px 2px 0px rgba(12,10,9,0.05)';\n } else if (variant === 'ghost') {\n backgroundColor = GHOST_COLORS[state];\n }\n \n const baseStyle: any = {\n height: sizeStyle.height,\n minHeight: sizeStyle.minHeight,\n paddingLeft: sizeStyle.paddingLeft,\n paddingRight: sizeStyle.paddingRight,\n background: backgroundColor,\n border: border,\n boxShadow: boxShadow,\n borderRadius: '0.5rem',\n display: 'inline-flex',\n justifyContent: 'center',\n alignItems: 'center',\n gap: variant === 'icon' ? '1px' : '4px',\n cursor: state === 'disabled' ? 'not-allowed' : 'pointer',\n outline: 'none',\n transition: 'background 0.2s, border 0.2s',\n };\n \n // 为 icon 按钮添加宽度和最大宽度\n if (variant === 'icon') {\n baseStyle.width = (sizeStyle as any).width;\n baseStyle.maxWidth = (sizeStyle as any).maxWidth;\n }\n \n return baseStyle;\n};\n\nconst getTextStyle = (variant: ButtonVariant, size: ButtonSize, disabled: boolean = false) => {\n const sizeStyle = SIZE_MAP[size] || SIZE_MAP.default;\n \n let textColor = '#fff'; // 默认白色文字\n if (variant === 'outline') {\n textColor = disabled ? '#D1D5DB' : '#292524'; // disabled: stone-300, default: stone-800\n } else if (variant === 'ghost') {\n textColor = disabled ? '#D1D5DB' : '#FB6011'; // disabled: stone-300, default: orange-600\n } else if (variant === 'danger') {\n textColor = disabled ? '#D1D5DB' : '#fff'; // disabled: stone-300, default: white\n }\n \n // 根据尺寸设置不同的行高\n let lineHeight = '1.375'; // snug - default for small and default\n if (size === 'large') {\n lineHeight = '1.5'; // normal - for large\n }\n \n return {\n justifyContent: 'start',\n color: textColor,\n fontSize: sizeStyle.fontSize,\n fontWeight: 500,\n fontFamily: 'DM Sans, sans-serif',\n lineHeight: lineHeight,\n };\n};\n\nconst getIconContainerStyle = (size: ButtonSize) => {\n let iconSize = '20px'; // default 和 large\n if (size === 'small') {\n iconSize = '16px';\n }\n \n return {\n width: iconSize,\n height: iconSize,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n };\n};\n\nconst Button: React.FC<ButtonProps> = ({\n children,\n className = '',\n variant = 'primary',\n size = 'default',\n disabled = false,\n onClick,\n type = 'button',\n ...rest\n}) => {\n // 处理 primary 和 secondary 变量类型的样式\n const [isPressed, setIsPressed] = React.useState(false);\n const [isHovered, setIsHovered] = React.useState(false);\n\n let style = {};\n if (variant === 'primary' || variant === 'secondary' || variant === 'outline' || variant === 'danger' || variant === 'icon' || variant === 'ghost') {\n let state: 'default' | 'hover' | 'pressed' | 'disabled' = 'default';\n if (disabled) {\n state = 'disabled';\n } else if (isPressed) {\n state = 'pressed';\n } else if (isHovered) {\n state = 'hover';\n }\n style = getButtonStyle(variant, state, size);\n }\n\n return (\n <button\n type={type}\n className={`aha-btn aha-btn--${variant} aha-btn--${size} ${disabled ? 'aha-btn--disabled' : ''} ${className}`}\n disabled={disabled}\n onClick={disabled ? undefined : onClick}\n style={style}\n onMouseDown={() => setIsPressed(true)}\n onMouseUp={() => setIsPressed(false)}\n onMouseLeave={() => { setIsPressed(false); setIsHovered(false); }}\n onMouseEnter={() => setIsHovered(true)}\n {...rest}\n >\n {variant === 'icon' ? (\n <div style={getIconContainerStyle(size)}>{children}</div>\n ) : (\n <span style={getTextStyle(variant, size, disabled)}>{children}</span>\n )}\n </button>\n );\n};\n\nexport default Button;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","SuppressedError","PRIMARY_COLORS","default","hover","pressed","disabled","SECONDARY_COLORS","OUTLINE_COLORS","DANGER_COLORS","ICON_COLORS","GHOST_COLORS","SIZE_MAP","small","height","minHeight","fontSize","paddingLeft","paddingRight","large","ICON_SIZE_MAP","width","maxWidth","getTextStyle","variant","size","textColor","lineHeight","justifyContent","color","fontWeight","fontFamily","getIconContainerStyle","iconSize","display","alignItems","_a","children","_b","className","_c","_d","_e","onClick","_f","type","rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__rest","_g","React","useState","isPressed","setIsPressed","_h","isHovered","setIsHovered","style","state","sizeStyle","backgroundColor","border","boxShadow","baseStyle","background","borderRadius","gap","cursor","outline","transition","getButtonStyle","_jsx","jsx","concat","undefined","onMouseDown","onMouseUp","onMouseLeave","onMouseEnter"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../node_modules/tslib/tslib.es6.js","../src/components/Button/index.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n ownKeys = Object.getOwnPropertyNames || function (o) {\r\n var ar = [];\r\n for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n return ar;\r\n };\r\n return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose, inner;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n if (async) inner = dispose;\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n var r, s = 0;\r\n function next() {\r\n while (r = env.stack.pop()) {\r\n try {\r\n if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n if (r.dispose) {\r\n var result = r.dispose.call(r.value);\r\n if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n else s |= 1;\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n });\r\n }\r\n return path;\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __esDecorate: __esDecorate,\r\n __runInitializers: __runInitializers,\r\n __propKey: __propKey,\r\n __setFunctionName: __setFunctionName,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","import React from 'react';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'danger' | 'icon' | 'ghost';\nexport type ButtonSize = 'default' | 'small' | 'large';\n\nexport interface ButtonProps {\n children?: React.ReactNode;\n className?: string;\n variant?: ButtonVariant;\n size?: ButtonSize;\n disabled?: boolean;\n onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n type?: 'button' | 'submit' | 'reset';\n [key: string]: any;\n}\n\n// 颜色常量\nconst PRIMARY_COLORS = {\n default: '#FB6011',\n hover: '#FD843A',\n pressed: '#EC470A',\n disabled: '#D6D3D1',\n};\n\nconst SECONDARY_COLORS = {\n default: '#0C0A09',\n hover: '#57534D',\n pressed: '#44403B',\n disabled: '#D6D3D1',\n};\n\nconst OUTLINE_COLORS = {\n default: '#FFFFFF',\n hover: '#F5F5F4',\n pressed: '#E7E5E4',\n disabled: '#FFFFFF',\n};\n\nconst DANGER_COLORS = {\n default: '#EF4444',\n hover: '#F87171',\n pressed: '#DC2626',\n disabled: '#D6D3D1',\n};\n\nconst ICON_COLORS = {\n default: '#FFFFFF',\n hover: '#F5F5F4',\n pressed: '#E7E5E4',\n disabled: '#FFFFFF',\n};\n\nconst GHOST_COLORS = {\n default: 'transparent',\n hover: '#F5F5F4',\n pressed: '#E7E5E4',\n disabled: 'transparent',\n};\n\nconst SIZE_MAP = {\n small: {\n height: '28px',\n minHeight: '28px',\n fontSize: '12px',\n paddingLeft: '10px',\n paddingRight: '10px',\n },\n default: {\n height: '36px',\n minHeight: '36px',\n fontSize: '14px',\n paddingLeft: '12px',\n paddingRight: '12px',\n },\n large: {\n height: '44px',\n minHeight: '44px',\n fontSize: '16px',\n paddingLeft: '16px',\n paddingRight: '16px',\n },\n};\n\nconst ICON_SIZE_MAP = {\n small: {\n height: '28px',\n width: '28px',\n minHeight: '28px',\n maxWidth: '28px',\n paddingLeft: '6px',\n paddingRight: '6px',\n },\n default: {\n height: '36px',\n width: '36px',\n minHeight: '36px',\n maxWidth: '36px',\n paddingLeft: '8px',\n paddingRight: '8px',\n },\n large: {\n height: '44px',\n width: '44px',\n minHeight: '44px',\n maxWidth: '44px',\n paddingLeft: '10px',\n paddingRight: '10px',\n },\n};\n\nconst getButtonStyle = (variant: ButtonVariant, state: 'default' | 'hover' | 'pressed' | 'disabled', size: ButtonSize) => {\n const sizeStyle = variant === 'icon' ? (ICON_SIZE_MAP[size] || ICON_SIZE_MAP.default) : (SIZE_MAP[size] || SIZE_MAP.default);\n \n let backgroundColor = '#FB6011'; // primary default\n let border = 'none';\n let boxShadow = 'none';\n \n if (variant === 'primary') {\n backgroundColor = PRIMARY_COLORS[state];\n } else if (variant === 'secondary') {\n backgroundColor = SECONDARY_COLORS[state];\n } else if (variant === 'outline') {\n backgroundColor = OUTLINE_COLORS[state];\n border = '1px solid #E7E5E4'; // stone-200\n boxShadow = '0px 1px 2px 0px rgba(12,10,9,0.05)';\n if (state === 'hover') {\n border = '1px solid #E7E5E4'; // stone-200\n } else if (state === 'pressed') {\n border = '1px solid #E7E5E4'; // stone-200\n }\n } else if (variant === 'danger') {\n backgroundColor = DANGER_COLORS[state];\n } else if (variant === 'icon') {\n backgroundColor = ICON_COLORS[state];\n border = '1px solid #E7E5E4'; // stone-200\n boxShadow = '0px 1px 2px 0px rgba(12,10,9,0.05)';\n } else if (variant === 'ghost') {\n backgroundColor = GHOST_COLORS[state];\n }\n \n const baseStyle: any = {\n height: sizeStyle.height,\n minHeight: sizeStyle.minHeight,\n paddingLeft: sizeStyle.paddingLeft,\n paddingRight: sizeStyle.paddingRight,\n background: backgroundColor,\n border: border,\n boxShadow: boxShadow,\n borderRadius: '0.5rem',\n display: 'inline-flex',\n justifyContent: 'center',\n alignItems: 'center',\n gap: variant === 'icon' ? '1px' : '4px',\n cursor: state === 'disabled' ? 'not-allowed' : 'pointer',\n outline: 'none',\n transition: 'background 0.2s, border 0.2s',\n };\n \n // 为 icon 按钮添加宽度和最大宽度\n if (variant === 'icon') {\n baseStyle.width = (sizeStyle as any).width;\n baseStyle.maxWidth = (sizeStyle as any).maxWidth;\n }\n \n return baseStyle;\n};\n\nconst getTextStyle = (variant: ButtonVariant, size: ButtonSize, disabled: boolean = false) => {\n const sizeStyle = SIZE_MAP[size] || SIZE_MAP.default;\n \n let textColor = '#fff'; // 默认白色文字\n if (variant === 'outline') {\n textColor = disabled ? '#D1D5DB' : '#292524'; // disabled: stone-300, default: stone-800\n } else if (variant === 'ghost') {\n textColor = disabled ? '#D1D5DB' : '#FB6011'; // disabled: stone-300, default: orange-600\n } else if (variant === 'danger') {\n textColor = disabled ? '#D1D5DB' : '#fff'; // disabled: stone-300, default: white\n }\n \n // 根据尺寸设置不同的行高\n let lineHeight = '1.375'; // snug - default for small and default\n if (size === 'large') {\n lineHeight = '1.5'; // normal - for large\n }\n \n return {\n justifyContent: 'start',\n color: textColor,\n fontSize: sizeStyle.fontSize,\n fontWeight: 500,\n fontFamily: 'DM Sans, sans-serif',\n lineHeight: lineHeight,\n };\n};\n\nconst getIconContainerStyle = (size: ButtonSize) => {\n let iconSize = '20px'; // default 和 large\n if (size === 'small') {\n iconSize = '16px';\n }\n \n return {\n width: iconSize,\n height: iconSize,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n };\n};\n\nconst Button: React.FC<ButtonProps> = ({\n children,\n className = '',\n variant = 'primary',\n size = 'default',\n disabled = false,\n onClick,\n type = 'button',\n ...rest\n}) => {\n // 处理 primary 和 secondary 变量类型的样式\n const [isPressed, setIsPressed] = React.useState(false);\n const [isHovered, setIsHovered] = React.useState(false);\n\n let style = {};\n if (variant === 'primary' || variant === 'secondary' || variant === 'outline' || variant === 'danger' || variant === 'icon' || variant === 'ghost') {\n let state: 'default' | 'hover' | 'pressed' | 'disabled' = 'default';\n if (disabled) {\n state = 'disabled';\n } else if (isPressed) {\n state = 'pressed';\n } else if (isHovered) {\n state = 'hover';\n }\n style = getButtonStyle(variant, state, size);\n }\n\n return (\n <button\n type={type}\n className={`aha-btn aha-btn--${variant} aha-btn--${size} ${disabled ? 'aha-btn--disabled' : ''} ${className}`}\n disabled={disabled}\n onClick={disabled ? undefined : onClick}\n style={style}\n onMouseDown={() => setIsPressed(true)}\n onMouseUp={() => setIsPressed(false)}\n onMouseLeave={() => { setIsPressed(false); setIsHovered(false); }}\n onMouseEnter={() => setIsHovered(true)}\n {...rest}\n >\n {variant === 'icon' ? (\n <div style={getIconContainerStyle(size)}>{children}</div>\n ) : (\n <span style={getTextStyle(variant, size, disabled)}>{children}</span>\n )}\n </button>\n );\n};\n\nexport default Button;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","SuppressedError","PRIMARY_COLORS","default","hover","pressed","disabled","SECONDARY_COLORS","OUTLINE_COLORS","DANGER_COLORS","ICON_COLORS","GHOST_COLORS","SIZE_MAP","small","height","minHeight","fontSize","paddingLeft","paddingRight","large","ICON_SIZE_MAP","width","maxWidth","getTextStyle","variant","size","textColor","lineHeight","justifyContent","color","fontWeight","fontFamily","getIconContainerStyle","iconSize","display","alignItems","_a","children","_b","className","_c","_d","_e","onClick","_f","type","rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__rest","_g","React","useState","isPressed","setIsPressed","_h","isHovered","setIsHovered","style","state","sizeStyle","backgroundColor","border","boxShadow","baseStyle","background","borderRadius","gap","cursor","outline","transition","getButtonStyle","_jsx","jsx","concat","undefined","onMouseDown","onMouseUp","onMouseLeave","onMouseEnter"],"mappings":"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","x_google_ignoreList":[0]}
|
package/dist/Tag.esm.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import r from"react";var n=function(){return n=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var i in e=arguments[r])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},n.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var i={Green:{light:{bg:"#ECFDF5",text:"#006045",border:"#A4F4CF"},fill:{bg:"#00BC7D",text:"#FFFFFF"}},Red:{light:{bg:"#FEF2F2",text:"#9F0712",border:"#FFC9C9"},fill:{bg:"#FB2C36",text:"#FFFFFF"}},Orange:{light:{bg:"#FFF6ED",text:"#9B2911",border:"#FFD1A9"},fill:{bg:"#FB6011",text:"#FFFFFF"}},Cyan:{light:{bg:"#ECFEFF",text:"#005F78",border:"#A2F4FD"},fill:{bg:"#00B8DB",text:"#FFFFFF"}},Violet:{light:{bg:"#F5F3FF",text:"#5D0EC0",border:"#DDD6FF"},fill:{bg:"#8E51FF",text:"#FFFFFF"}},Pink:{light:{bg:"#FDF2F8",text:"#A3004C",border:"#FCCEE8"},fill:{bg:"#F6339A",text:"#FFFFFF"}},Gray:{light:{bg:"#F5F5F4",text:"#292524",border:"#E7E5E4"},fill:{bg:"#292524",text:"#FFFFFF"}},Yellow:{light:{bg:"#FFFBEB",text:"#973C00",border:"#FEE685"},fill:{bg:"#FE9A00",text:"#FFFFFF"}},Blue:{light:{bg:"#EFF6FF",text:"#193CB8",border:"#BEDBFF"},fill:{bg:"#2B7FFF",text:"#FFFFFF"}}},a={large:{padding:"px-2 py-0.5",textSize:"text-sm",iconSize:"w-4 h-4",gap:"gap-1"},small:{padding:"px-2 py-0.5",textSize:"text-xs",iconSize:"w-3 h-3",gap:"gap-0.5"}},l=function(l){var o=l.children,F=l.color,s=l.variant,c=void 0===s?"light":s,g=l.size,u=void 0===g?"large":g,p=l.stroke,f=void 0!==p&&p,d=l.icon,b=l.iconPosition,x=void 0===b?"none":b,h=l.className,y=void 0===h?"":h,m=l.onClick,E=function(t,e){var r={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(t);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(t,n[i])&&(r[n[i]]=t[n[i]])}return r}(l,["children","color","variant","size","stroke","icon","iconPosition","className","onClick"]),C=function(t){if("string"==typeof t&&t in i)return i[t];if("string"==typeof t&&t.startsWith("#")){var e=t.replace("#",""),r=parseInt(e.substr(0,2),16),n=parseInt(e.substr(2,2),16),a=parseInt(e.substr(4,2),16);return{light:{bg:"rgba(".concat(r,", ").concat(n,", ").concat(a,", 0.1)"),text:t,border:"rgba(".concat(r,", ").concat(n,", ").concat(a,", 0.3)")},fill:{bg:t,text:"#FFFFFF"}}}return i.Green}(F),v=a[u],D={borderRadius:"0.375rem",display:"inline-flex",justifyContent:"start",alignItems:"center",padding:"2px 8px",gap:"large"===u?"4px":"2px",fontWeight:500,fontFamily:"DM Sans, sans-serif",lineHeight:"large"===u?"1.375":"1",transition:"all 0.2s",fontSize:"large"===u?"14px":"12px",height:"small"===u?"20px":"24px"};"light"===c&&(D.backgroundColor=C.light.bg,D.color=C.light.text,f&&(D.outline="1px solid",D.outlineOffset="-1px",D.outlineColor=function(t){if("string"==typeof t&&t in i)switch(t){case"Green":default:return"#A4F4CF";case"Red":return"#FFC9C9";case"Orange":case"Yellow":return"#FFD1A9";case"Blue":return"#BEDBFF";case"Cyan":return"#A2F4FD";case"Violet":return"#DDD6FF";case"Pink":return"#FCCEE8";case"Gray":return"#E7E5E4"}if("string"==typeof t&&t.startsWith("#")){var e=t.replace("#",""),r=parseInt(e.substr(0,2),16),n=parseInt(e.substr(2,2),16),a=parseInt(e.substr(4,2),16);return"rgba(".concat(r,", ").concat(n,", ").concat(a,", 0.3)")}return"#A4F4CF"}(F))),m&&(D.cursor="pointer",D.opacity="1");var B=["rounded-md","inline-flex","justify-start","items-center",v.padding,v.gap,"font-medium","font-dm-sans","large"===u?"leading-snug":"leading-none","transition-colors","duration-200","small"===u?"h-5":"h-6"].filter(Boolean);"fill"===c&&(D.backgroundColor=C.fill.bg,D.color=C.fill.text),m&&B.push("cursor-pointer","hover:opacity-80"),y&&B.push(y);var O=B.join(" "),j=function(){if(!d)return null;var t=function(t){if("string"==typeof t&&t in i)switch(t){case"Green":default:return"#009966";case"Red":return"#E7000B";case"Orange":return"#E17100";case"Blue":return"#155DFC";case"Yellow":return"#EC470A";case"Cyan":return"#0092B8";case"Violet":return"#7F22FE";case"Pink":return"#E60076";case"Gray":return"#57534D"}return"string"==typeof t&&t.startsWith("#")?t:"#009966"}(F),n="small"===u?"14px":"16px";return e("div",{className:"flex items-center justify-center",style:{width:n,height:n},children:"svg"===d.type?r.cloneElement(d,{width:n,height:n,style:{fill:t}}):d})};return t("div",n({className:O,style:D,onClick:m},E,{children:["leading"===x&&j(),e("div",{className:"px-1 flex justify-center items-center",children:e("div",{className:"justify-center ".concat(v.textSize," font-medium font-dm-sans ").concat("large"===u?"leading-snug":"leading-none"),children:o})}),"after"===x&&j()]}))};export{l as default};
|
|
2
|
+
//# sourceMappingURL=Tag.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tag.esm.js","sources":["../node_modules/tslib/tslib.es6.js","../src/components/Tag/index.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n ownKeys = Object.getOwnPropertyNames || function (o) {\r\n var ar = [];\r\n for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n return ar;\r\n };\r\n return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose, inner;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n if (async) inner = dispose;\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n var r, s = 0;\r\n function next() {\r\n while (r = env.stack.pop()) {\r\n try {\r\n if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n if (r.dispose) {\r\n var result = r.dispose.call(r.value);\r\n if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n else s |= 1;\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n });\r\n }\r\n return path;\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __esDecorate: __esDecorate,\r\n __runInitializers: __runInitializers,\r\n __propKey: __propKey,\r\n __setFunctionName: __setFunctionName,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","import React, { SVGProps } from 'react';\n\nexport type TagColor = 'Green' | 'Red' | 'Orange' | 'Cyan' | 'Violet' | 'Pink' | 'Gray' | 'Yellow' | 'Blue' | string;\nexport type TagVariant = 'light' | 'fill';\nexport type TagSize = 'large' | 'small';\nexport type IconPosition = 'leading' | 'after' | 'none';\n\nexport interface TagProps {\n children: React.ReactNode;\n color: TagColor; // 必需属性，支持预定义颜色或自定义十六进制颜色\n variant?: TagVariant;\n size?: TagSize;\n stroke?: boolean; // 仅对 light 变体有效\n icon?: React.ReactElement; // 只允许 React 元素，不接受字符串\n iconPosition?: IconPosition;\n className?: string;\n onClick?: () => void;\n [key: string]: any;\n}\n\n// 颜色配置\nconst COLOR_CONFIG = {\n Green: {\n light: {\n bg: '#ECFDF5',\n text: '#006045',\n border: '#A4F4CF',\n },\n fill: {\n bg: '#00BC7D',\n text: '#FFFFFF',\n }\n },\n Red: {\n light: {\n bg: '#FEF2F2',\n text: '#9F0712',\n border: '#FFC9C9',\n },\n fill: {\n bg: '#FB2C36',\n text: '#FFFFFF',\n }\n },\n Orange: {\n light: {\n bg: '#FFF6ED',\n text: '#9B2911',\n border: '#FFD1A9',\n },\n fill: {\n bg: '#FB6011',\n text: '#FFFFFF',\n }\n },\n Cyan: {\n light: {\n bg: '#ECFEFF',\n text: '#005F78',\n border: '#A2F4FD',\n },\n fill: {\n bg: '#00B8DB',\n text: '#FFFFFF',\n }\n },\n Violet: {\n light: {\n bg: '#F5F3FF',\n text: '#5D0EC0',\n border: '#DDD6FF',\n },\n fill: {\n bg: '#8E51FF',\n text: '#FFFFFF',\n }\n },\n Pink: {\n light: {\n bg: '#FDF2F8',\n text: '#A3004C',\n border: '#FCCEE8',\n },\n fill: {\n bg: '#F6339A',\n text: '#FFFFFF',\n }\n },\n Gray: {\n light: {\n bg: '#F5F5F4',\n text: '#292524',\n border: '#E7E5E4',\n },\n fill: {\n bg: '#292524',\n text: '#FFFFFF',\n }\n },\n Yellow: {\n light: {\n bg: '#FFFBEB',\n text: '#973C00',\n border: '#FEE685',\n },\n fill: {\n bg: '#FE9A00',\n text: '#FFFFFF',\n }\n },\n Blue: {\n light: {\n bg: '#EFF6FF',\n text: '#193CB8',\n border: '#BEDBFF',\n },\n fill: {\n bg: '#2B7FFF',\n text: '#FFFFFF',\n }\n }\n};\n\n// 尺寸配置\nconst SIZE_CONFIG = {\n large: {\n padding: 'px-2 py-0.5',\n textSize: 'text-sm',\n iconSize: 'w-4 h-4',\n gap: 'gap-1',\n },\n small: {\n padding: 'px-2 py-0.5', // 与 large 相同的外层 padding\n textSize: 'text-xs',\n iconSize: 'w-3 h-3',\n gap: 'gap-0.5',\n }\n};\n\n// 获取颜色配置的函数\nconst getColorConfig = (color: TagColor) => {\n // 如果是预定义颜色，返回对应的配置\n if (typeof color === 'string' && color in COLOR_CONFIG) {\n return COLOR_CONFIG[color as keyof typeof COLOR_CONFIG];\n }\n \n // 如果是自定义颜色（十六进制），生成配置\n if (typeof color === 'string' && color.startsWith('#')) {\n // 将十六进制转换为 RGB 值\n const hex = color.replace('#', '');\n const r = parseInt(hex.substr(0, 2), 16);\n const g = parseInt(hex.substr(2, 2), 16);\n const b = parseInt(hex.substr(4, 2), 16);\n \n return {\n light: {\n bg: `rgba(${r}, ${g}, ${b}, 0.1)`, // 10% 透明度\n text: color,\n border: `rgba(${r}, ${g}, ${b}, 0.3)`, // 30% 透明度\n },\n fill: {\n bg: color,\n text: '#FFFFFF',\n }\n };\n }\n \n // 默认返回绿色配置\n return COLOR_CONFIG.Green;\n};\n\n// 获取图标颜色的函数\nconst getIconColor = (color: TagColor) => {\n // 如果是预定义颜色，返回对应的图标颜色\n if (typeof color === 'string' && color in COLOR_CONFIG) {\n switch (color) {\n case 'Green': return '#009966';\n case 'Red': return '#E7000B';\n case 'Orange': return '#E17100';\n case 'Blue': return '#155DFC';\n case 'Yellow': return '#EC470A';\n case 'Cyan': return '#0092B8';\n case 'Violet': return '#7F22FE';\n case 'Pink': return '#E60076';\n case 'Gray': return '#57534D';\n default: return '#009966';\n }\n }\n \n // 如果是自定义颜色，返回原色\n if (typeof color === 'string' && color.startsWith('#')) {\n return color;\n }\n \n return '#009966';\n};\n\n// 获取边框颜色的函数\nconst getOutlineColor = (color: TagColor) => {\n // 如果是预定义颜色，返回对应的边框颜色\n if (typeof color === 'string' && color in COLOR_CONFIG) {\n switch (color) {\n case 'Green': return '#A4F4CF';\n case 'Red': return '#FFC9C9';\n case 'Orange': return '#FFD1A9';\n case 'Blue': return '#BEDBFF';\n case 'Yellow': return '#FFD1A9';\n case 'Cyan': return '#A2F4FD';\n case 'Violet': return '#DDD6FF';\n case 'Pink': return '#FCCEE8';\n case 'Gray': return '#E7E5E4';\n default: return '#A4F4CF';\n }\n }\n \n // 如果是自定义颜色，返回带透明度的颜色\n if (typeof color === 'string' && color.startsWith('#')) {\n const hex = color.replace('#', '');\n const r = parseInt(hex.substr(0, 2), 16);\n const g = parseInt(hex.substr(2, 2), 16);\n const b = parseInt(hex.substr(4, 2), 16);\n return `rgba(${r}, ${g}, ${b}, 0.3)`; // 30% 透明度\n }\n \n return '#A4F4CF';\n};\n\nconst Tag: React.FC<TagProps> = ({\n children,\n color,\n variant = 'light',\n size = 'large',\n stroke = false,\n icon,\n iconPosition = 'none',\n className = '',\n onClick,\n ...rest\n}) => {\n const colorConfig = getColorConfig(color);\n const sizeConfig = SIZE_CONFIG[size];\n \n // 构建基础样式对象\n const baseStyle: React.CSSProperties = {\n borderRadius: '0.375rem', // rounded-md\n display: 'inline-flex',\n justifyContent: 'start',\n alignItems: 'center',\n padding: '2px 8px', // px-2 py-0.5 (所有尺寸都相同)\n gap: size === 'large' ? '4px' : '2px', // gap-1 or gap-0.5\n fontWeight: 500, // font-medium\n fontFamily: 'DM Sans, sans-serif',\n lineHeight: size === 'large' ? '1.375' : '1', // leading-snug or leading-none\n transition: 'all 0.2s',\n fontSize: size === 'large' ? '14px' : '12px', // text-sm or text-xs\n height: size === 'small' ? '20px' : '24px', // Small 尺寸 20px，Large 尺寸 24px\n };\n\n // 根据变体和颜色添加样式\n if (variant === 'light') {\n baseStyle.backgroundColor = colorConfig.light.bg;\n baseStyle.color = colorConfig.light.text;\n if (stroke) {\n // 使用 outline 样式而不是 border\n baseStyle.outline = '1px solid';\n baseStyle.outlineOffset = '-1px';\n // 根据颜色设置 outline 颜色\n baseStyle.outlineColor = getOutlineColor(color);\n }\n }\n\n // 添加点击样式\n if (onClick) {\n baseStyle.cursor = 'pointer';\n baseStyle.opacity = '1';\n }\n\n // 构建类名\n const baseClasses = [\n 'rounded-md',\n 'inline-flex',\n 'justify-start',\n 'items-center',\n sizeConfig.padding,\n sizeConfig.gap,\n 'font-medium',\n 'font-dm-sans',\n size === 'large' ? 'leading-snug' : 'leading-none',\n 'transition-colors',\n 'duration-200',\n size === 'small' ? 'h-5' : 'h-6' // Small 尺寸 20px，Large 尺寸 24px\n ].filter(Boolean); // 过滤掉空字符串\n\n // 为 fill 变体添加样式\n if (variant === 'fill') {\n baseStyle.backgroundColor = colorConfig.fill.bg;\n baseStyle.color = colorConfig.fill.text;\n }\n\n if (onClick) {\n baseClasses.push('cursor-pointer', 'hover:opacity-80');\n }\n\n if (className) {\n baseClasses.push(className);\n }\n\n const containerClasses = baseClasses.join(' ');\n\n // 渲染图标\n const renderIcon = () => {\n if (!icon) return null;\n \n // 根据颜色设置图标颜色\n const iconColor = getIconColor(color);\n \n // 根据尺寸设置图标大小\n const iconSize = size === 'small' ? '14px' : '16px';\n \n return (\n <div className=\"flex items-center justify-center\" style={{ width: iconSize, height: iconSize }}>\n {icon.type === 'svg' ? (\n React.cloneElement(icon as React.ReactElement<SVGProps<SVGSVGElement>>, {\n width: iconSize,\n height: iconSize,\n style: { fill: iconColor }\n })\n ) : (\n icon\n )}\n </div>\n );\n };\n\n // 渲染文本内容\n const renderContent = () => {\n return (\n <div className=\"px-1 flex justify-center items-center\">\n <div className={`justify-center ${sizeConfig.textSize} font-medium font-dm-sans ${size === 'large' ? 'leading-snug' : 'leading-none'}`}>\n {children}\n </div>\n </div>\n );\n };\n\n return (\n <div\n className={containerClasses}\n style={baseStyle}\n onClick={onClick}\n {...rest}\n >\n {iconPosition === 'leading' && renderIcon()}\n {renderContent()}\n {iconPosition === 'after' && renderIcon()}\n </div>\n );\n};\n\nexport default Tag;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","SuppressedError","COLOR_CONFIG","Green","light","bg","text","border","fill","Red","Orange","Cyan","Violet","Pink","Gray","Yellow","Blue","SIZE_CONFIG","large","padding","textSize","iconSize","gap","small","Tag","_a","children","color","_b","variant","_c","size","_d","stroke","icon","_e","iconPosition","_f","className","onClick","rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__rest","colorConfig","startsWith","hex","replace","r","parseInt","substr","g","b","concat","getColorConfig","sizeConfig","baseStyle","borderRadius","display","justifyContent","alignItems","fontWeight","fontFamily","lineHeight","transition","fontSize","height","backgroundColor","outline","outlineOffset","outlineColor","getOutlineColor","cursor","opacity","baseClasses","filter","Boolean","push","containerClasses","join","renderIcon","iconColor","getIconColor","_jsx","style","width","type","React","cloneElement","_jsxs"],"mappings":"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","x_google_ignoreList":[0]}
|
package/dist/Tag.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=function(){return r=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},r.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var n={Green:{light:{bg:"#ECFDF5",text:"#006045",border:"#A4F4CF"},fill:{bg:"#00BC7D",text:"#FFFFFF"}},Red:{light:{bg:"#FEF2F2",text:"#9F0712",border:"#FFC9C9"},fill:{bg:"#FB2C36",text:"#FFFFFF"}},Orange:{light:{bg:"#FFF6ED",text:"#9B2911",border:"#FFD1A9"},fill:{bg:"#FB6011",text:"#FFFFFF"}},Cyan:{light:{bg:"#ECFEFF",text:"#005F78",border:"#A2F4FD"},fill:{bg:"#00B8DB",text:"#FFFFFF"}},Violet:{light:{bg:"#F5F3FF",text:"#5D0EC0",border:"#DDD6FF"},fill:{bg:"#8E51FF",text:"#FFFFFF"}},Pink:{light:{bg:"#FDF2F8",text:"#A3004C",border:"#FCCEE8"},fill:{bg:"#F6339A",text:"#FFFFFF"}},Gray:{light:{bg:"#F5F5F4",text:"#292524",border:"#E7E5E4"},fill:{bg:"#292524",text:"#FFFFFF"}},Yellow:{light:{bg:"#FFFBEB",text:"#973C00",border:"#FEE685"},fill:{bg:"#FE9A00",text:"#FFFFFF"}},Blue:{light:{bg:"#EFF6FF",text:"#193CB8",border:"#BEDBFF"},fill:{bg:"#2B7FFF",text:"#FFFFFF"}}},i={large:{padding:"px-2 py-0.5",textSize:"text-sm",iconSize:"w-4 h-4",gap:"gap-1"},small:{padding:"px-2 py-0.5",textSize:"text-xs",iconSize:"w-3 h-3",gap:"gap-0.5"}};exports.default=function(l){var a=l.children,o=l.color,s=l.variant,F=void 0===s?"light":s,c=l.size,g=void 0===c?"large":c,u=l.stroke,p=void 0!==u&&u,f=l.icon,d=l.iconPosition,x=void 0===d?"none":d,b=l.className,h=void 0===b?"":b,y=l.onClick,E=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]])}return r}(l,["children","color","variant","size","stroke","icon","iconPosition","className","onClick"]),C=function(e){if("string"==typeof e&&e in n)return n[e];if("string"==typeof e&&e.startsWith("#")){var t=e.replace("#",""),r=parseInt(t.substr(0,2),16),i=parseInt(t.substr(2,2),16),l=parseInt(t.substr(4,2),16);return{light:{bg:"rgba(".concat(r,", ").concat(i,", ").concat(l,", 0.1)"),text:e,border:"rgba(".concat(r,", ").concat(i,", ").concat(l,", 0.3)")},fill:{bg:e,text:"#FFFFFF"}}}return n.Green}(o),m=i[g],v={borderRadius:"0.375rem",display:"inline-flex",justifyContent:"start",alignItems:"center",padding:"2px 8px",gap:"large"===g?"4px":"2px",fontWeight:500,fontFamily:"DM Sans, sans-serif",lineHeight:"large"===g?"1.375":"1",transition:"all 0.2s",fontSize:"large"===g?"14px":"12px",height:"small"===g?"20px":"24px"};"light"===F&&(v.backgroundColor=C.light.bg,v.color=C.light.text,p&&(v.outline="1px solid",v.outlineOffset="-1px",v.outlineColor=function(e){if("string"==typeof e&&e in n)switch(e){case"Green":default:return"#A4F4CF";case"Red":return"#FFC9C9";case"Orange":case"Yellow":return"#FFD1A9";case"Blue":return"#BEDBFF";case"Cyan":return"#A2F4FD";case"Violet":return"#DDD6FF";case"Pink":return"#FCCEE8";case"Gray":return"#E7E5E4"}if("string"==typeof e&&e.startsWith("#")){var t=e.replace("#",""),r=parseInt(t.substr(0,2),16),i=parseInt(t.substr(2,2),16),l=parseInt(t.substr(4,2),16);return"rgba(".concat(r,", ").concat(i,", ").concat(l,", 0.3)")}return"#A4F4CF"}(o))),y&&(v.cursor="pointer",v.opacity="1");var D=["rounded-md","inline-flex","justify-start","items-center",m.padding,m.gap,"font-medium","font-dm-sans","large"===g?"leading-snug":"leading-none","transition-colors","duration-200","small"===g?"h-5":"h-6"].filter(Boolean);"fill"===F&&(v.backgroundColor=C.fill.bg,v.color=C.fill.text),y&&D.push("cursor-pointer","hover:opacity-80"),h&&D.push(h);var B=D.join(" "),j=function(){if(!f)return null;var r=function(e){if("string"==typeof e&&e in n)switch(e){case"Green":default:return"#009966";case"Red":return"#E7000B";case"Orange":return"#E17100";case"Blue":return"#155DFC";case"Yellow":return"#EC470A";case"Cyan":return"#0092B8";case"Violet":return"#7F22FE";case"Pink":return"#E60076";case"Gray":return"#57534D"}return"string"==typeof e&&e.startsWith("#")?e:"#009966"}(o),i="small"===g?"14px":"16px";return e.jsx("div",{className:"flex items-center justify-center",style:{width:i,height:i},children:"svg"===f.type?t.cloneElement(f,{width:i,height:i,style:{fill:r}}):f})};return e.jsxs("div",r({className:B,style:v,onClick:y},E,{children:["leading"===x&&j(),e.jsx("div",{className:"px-1 flex justify-center items-center",children:e.jsx("div",{className:"justify-center ".concat(m.textSize," font-medium font-dm-sans ").concat("large"===g?"leading-snug":"leading-none"),children:a})}),"after"===x&&j()]}))};
|
|
2
|
+
//# sourceMappingURL=Tag.js.map
|