@topthink/components 1.0.58 → 1.0.60

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.
Files changed (103) hide show
  1. package/es/{editor-widget-ebec8493.js → editor-widget-CQ3zv-Xu.js} +0 -1
  2. package/es/{image-zoom-912e2b3b.js → image-zoom-OrIPGqh0.js} +0 -1
  3. package/es/{index-563b11c6.js → index-3GYeZqTw.js} +13 -14
  4. package/es/index-5gZRXtbb.js +1 -0
  5. package/es/index-UK__bsMk.js +39 -0
  6. package/es/index.js +1 -2
  7. package/es/{steps-afba29a7.js → steps-b_BcYIwk.js} +1 -2
  8. package/package.json +15 -15
  9. package/types/components/button.d.ts +9 -9
  10. package/types/components/card.d.ts +7 -7
  11. package/types/components/dimmer.d.ts +7 -7
  12. package/types/components/error.d.ts +5 -5
  13. package/types/components/form.d.ts +4 -4
  14. package/types/components/image-zoom.d.ts +4 -4
  15. package/types/components/lazy/form/index.d.ts +19 -19
  16. package/types/components/lazy/form/widgets/editor-widget.d.ts +6 -5
  17. package/types/components/lazy/image-zoom.d.ts +3 -3
  18. package/types/components/lazy/steps.d.ts +9 -9
  19. package/types/components/lazy/table/context.d.ts +2 -2
  20. package/types/components/lazy/table/index.d.ts +45 -45
  21. package/types/components/lazy/table/search.d.ts +23 -23
  22. package/types/components/lazy/table/use-selection.d.ts +3 -3
  23. package/types/components/loader.d.ts +9 -9
  24. package/types/components/loading-button.d.ts +7 -7
  25. package/types/components/modal/confirm.d.ts +8 -8
  26. package/types/components/modal/index.d.ts +32 -32
  27. package/types/components/modal/message.d.ts +26 -26
  28. package/types/components/modal/show.d.ts +3 -3
  29. package/types/components/modal-button.d.ts +17 -17
  30. package/types/components/modal-form.d.ts +10 -10
  31. package/types/components/number-format.d.ts +10 -10
  32. package/types/components/pagination.d.ts +11 -11
  33. package/types/components/request-button.d.ts +13 -13
  34. package/types/components/result.d.ts +15 -15
  35. package/types/components/space.d.ts +9 -9
  36. package/types/components/statistic.d.ts +7 -7
  37. package/types/components/steps.d.ts +10 -10
  38. package/types/components/table.d.ts +4 -4
  39. package/types/components/tooltip.d.ts +9 -9
  40. package/types/hooks/use-callback-ref.d.ts +2 -2
  41. package/types/hooks/use-controllable-state.d.ts +8 -8
  42. package/types/hooks/use-debounce.d.ts +2 -2
  43. package/types/hooks/use-overlay-state.d.ts +16 -16
  44. package/types/hooks/use-request.d.ts +21 -21
  45. package/types/hooks/use-safe-state.d.ts +4 -4
  46. package/types/hooks/use-state-with-callback.d.ts +2 -2
  47. package/types/hooks/use-unmounted-ref.d.ts +3 -3
  48. package/types/index.d.ts +33 -33
  49. package/types/request.d.ts +32 -32
  50. package/types/utils/is-record.d.ts +1 -1
  51. package/types/utils/message.d.ts +11 -11
  52. package/types/utils/toast.d.ts +11 -11
  53. package/types/utils/types.d.ts +7 -7
  54. package/types/utils/wait-pay-complete.d.ts +11 -11
  55. package/es/editor-widget-ebec8493.js.map +0 -1
  56. package/es/form-01bf45e9.js +0 -233
  57. package/es/form-01bf45e9.js.map +0 -1
  58. package/es/form-0a372a24.js +0 -2
  59. package/es/form-0a372a24.js.map +0 -1
  60. package/es/form-1791ea39.js +0 -236
  61. package/es/form-1791ea39.js.map +0 -1
  62. package/es/form-74ef0417.js +0 -2
  63. package/es/form-74ef0417.js.map +0 -1
  64. package/es/form-8925a750.js +0 -231
  65. package/es/form-8925a750.js.map +0 -1
  66. package/es/form-95db7eac.js +0 -2
  67. package/es/form-95db7eac.js.map +0 -1
  68. package/es/form-9c0e638a.js +0 -231
  69. package/es/form-9c0e638a.js.map +0 -1
  70. package/es/image-zoom-912e2b3b.js.map +0 -1
  71. package/es/index-1930b692.js +0 -67
  72. package/es/index-1930b692.js.map +0 -1
  73. package/es/index-1d379f3a.js +0 -562
  74. package/es/index-1d379f3a.js.map +0 -1
  75. package/es/index-2b97b70d.js +0 -2
  76. package/es/index-2b97b70d.js.map +0 -1
  77. package/es/index-303e1845.js +0 -560
  78. package/es/index-303e1845.js.map +0 -1
  79. package/es/index-4f51cece.js +0 -1352
  80. package/es/index-4f51cece.js.map +0 -1
  81. package/es/index-5142110c.js +0 -67
  82. package/es/index-5142110c.js.map +0 -1
  83. package/es/index-563b11c6.js.map +0 -1
  84. package/es/index-6ae8237d.js +0 -67
  85. package/es/index-6ae8237d.js.map +0 -1
  86. package/es/index-7a7c06a9.js +0 -40
  87. package/es/index-7a7c06a9.js.map +0 -1
  88. package/es/index-9869b1c6.js +0 -1350
  89. package/es/index-9869b1c6.js.map +0 -1
  90. package/es/index-a214613e.js +0 -40
  91. package/es/index-a214613e.js.map +0 -1
  92. package/es/index-a48179db.js +0 -1382
  93. package/es/index-a48179db.js.map +0 -1
  94. package/es/index-b34ecf90.js +0 -40
  95. package/es/index-b34ecf90.js.map +0 -1
  96. package/es/index-d964165a.js +0 -560
  97. package/es/index-d964165a.js.map +0 -1
  98. package/es/index-e17dc6f0.js +0 -40
  99. package/es/index-e17dc6f0.js.map +0 -1
  100. package/es/index.js.map +0 -1
  101. package/es/steps-afba29a7.js.map +0 -1
  102. package/es/steps-c27a3885.js +0 -34
  103. package/es/steps-c27a3885.js.map +0 -1
@@ -1,40 +0,0 @@
1
- import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n from"rc-table";import{unstable_batchedUpdates as a}from"react-dom";import{FormControl as o,Table as c}from"react-bootstrap";import{useUrlSearchParams as i}from"use-url-search-params";import*as l from"react";import{useState as s,useCallback as d,useRef as u,useEffect as p,memo as m,forwardRef as h,useImperativeHandle as f,useMemo as g}from"react";import{B as y,a as v,P as b,b as x,r as w,N as j,L as C,T as k,C as S,S as z}from"./index-5142110c.js";import E from"styled-components";import O from"./form-0a372a24.js";import"sweetalert2/dist/sweetalert2.js";import"sweetalert2-react-content";import"lodash";import"axios";import"query-string";import"retry-axios";import"@babel/runtime/helpers/defineProperty";import"rc-notification";import"classnames";import"react-async-hook";import"@topthink/json-form";const V=function(t){let{indeterminate:r=!1,...n}=t;const a=u(null);return p((()=>{a.current&&(a.current.indeterminate=r)}),[r]),e("input",{ref:a,...n,className:"form-check-input",type:"checkbox"})};var N;function H(){return H=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},H.apply(this,arguments)}const K=e=>l.createElement("svg",H({viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"currentColor"},e),N||(N=l.createElement("path",{d:"M252.069 906.496h520.283c89.582 0 134.144-44.562 134.144-132.846V250.331c0-88.283-44.562-132.845-134.144-132.845H252.069c-89.143 0-134.583 44.141-134.583 132.845V773.67c0 88.704 45.44 132.845 134.583 132.845zm1.28-68.992c-42.844 0-66.853-22.71-66.853-67.291V253.806c0-44.58 24.01-67.292 66.853-67.292h517.723c42.423 0 66.432 22.711 66.432 67.292v516.388c0 44.58-24.01 67.292-66.432 67.292zM511.78 714.496c22.71 0 36.425-15.854 36.425-40.704V547.365H682.35c24.009 0 40.722-12.874 40.722-35.584 0-23.132-15.854-36.426-40.722-36.426H548.206V340.773c0-24.85-13.715-40.704-36.425-40.704s-35.566 16.713-35.566 40.722v134.583H342.49c-24.85 0-41.142 13.275-41.142 36.407 0 22.71 17.152 35.584 41.142 35.584h133.724v126.427c0 23.99 12.855 40.704 35.566 40.704z"})));var M;function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},P.apply(this,arguments)}const q=e=>l.createElement("svg",P({viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"currentColor"},e),M||(M=l.createElement("path",{d:"M252.069 906.496h520.283c89.582 0 134.144-44.562 134.144-132.846V250.331c0-88.283-44.562-132.845-134.144-132.845H252.069c-89.143 0-134.583 44.141-134.583 132.845V773.67c0 88.704 45.44 132.845 134.583 132.845zm1.28-68.992c-42.844 0-66.853-22.71-66.853-67.291V253.806c0-44.58 24.01-67.292 66.853-67.292h517.723c42.423 0 66.432 22.711 66.432 67.292v516.388c0 44.58-24.01 67.292-66.432 67.292zm86.582-289.719h344.576c23.991 0 40.704-12.855 40.704-35.566 0-23.15-15.433-36.425-40.704-36.425H339.931c-24.868 0-40.722 13.276-40.722 36.425 0 22.711 16.713 35.566 40.722 35.566z"})));function B(r){let{data:n,options:a,columns:o,onSearch:c}=r;const[i,l]=s(0),u={"ui:col":10,"ui:order":a.order},p={};a.fields.forEach((e=>{const t=o.find((t=>t.dataIndex===e));if(t){const r=t.title;if("string"==typeof r){if(u[e]={"ui:col":4,"ui:labelCol":3,"ui:placeholder":"请输入",...a.ui?.[e]},t.valueEnum){const n=t.valueEnum;return u[e]["ui:placeholder"]="请选择",p[e]={title:r,type:"string",enum:Object.keys(n).flatMap((e=>"string"==typeof n[e].text?[e]:[])),enumNames:Object.keys(n).flatMap((e=>{const t=n[e].text;return"string"==typeof t?[t]:[]}))}}return p[e]={title:r,type:"string"}}}})),a.extraFields&&Object.entries(a.extraFields).forEach((e=>{let[t,r]=e;u[t]={"ui:col":4,"ui:labelCol":3,"ui:placeholder":"请输入",...a.ui?.[t]},p[t]={title:r,type:"string"}}));const m={type:"object",properties:p},h=d((e=>{let{formData:t}=e;c(t)}),[c]),f=d((()=>{l((e=>e+1)),c({})}),[]);return e(T,{children:e(O,{formContext:{layout:"horizontal"},schema:m,uiSchema:u,onSubmit:h,formData:n,children:e("div",{className:"col-2 ms-auto mt-auto",children:t("div",{className:"justify-content-end d-flex gap-2 ",children:[e(y,{className:"px-4",onClick:f,variant:"secondary",children:"重置"}),e(y,{className:"px-4",type:"submit",variant:"primary",children:"查询"})]})})})},i)}const T=E.div`
2
- margin-bottom: 1rem;
3
- `;function _(t){let{keyword:r,onKeywordChange:n}=t;const[a,c]=s(r),i=v(n,500);p((()=>{c(r)}),[r]);const l=d((e=>{c(e.target.value),i(e.target.value)}),[i,c]);return e(o,{value:a,onChange:l,type:"search",placeholder:"Search..."})}const D=E.thead`
4
- th {
5
- padding: 0.5rem 0.5rem;
6
- border-bottom-width: 1px;
7
- border-color: var(--bs-border-color);
8
- }
9
- `,F={table:t=>e(c,{...t,className:"mb-0 align-middle table-hover"}),header:{wrapper:t=>e(D,{...t})}},I=E.a`
10
- cursor: pointer;
11
- width: 28px;
12
- height: 28px;
13
- display: inline-flex;
14
- align-items: center;
15
- justify-content: center;
16
- vertical-align: middle;
17
- `,R=function(t){let{record:r,expanded:n,expandable:a,onExpand:o}=t;return e(I,a?{onClick:e=>o(r,e),children:e(n?q:K,{})}:{})},A=E(b)`
18
- margin-bottom: 0;
19
- justify-content: flex-end;
20
- margin-top: 1rem;
21
- `;const L=h(((o,c)=>{let{source:l,rowKey:m="id",paginate:h=!0,toolBarRender:y,columns:v=[],search:b,rowSelection:z,card:E=!0,expandable:O={},sync:N=!1,...H}=o;const[K,M]=s([]),[P,q]=s(h?{total:0,current:1,pageSize:10}:null),[T,D]=s(!0),[I,L]=i({}),[$,W]=function(t,r,n){const[a,o]=s((()=>new Set(t?.selectedRowKeys||[]))),c=e=>"string"==typeof r?e[r]:r(e),i=e=>n.find((t=>c(t)===e)),l=d((e=>{e instanceof Set||(e=new Set(e)),o(e);const r=Array.from(e),n=r.map((function(e){return i(e)}));t?.onChange&&t?.onChange(r,n)}),[i]);return[d((r=>{if(!t)return r;const o=n.map(c),i=o.every((function(e){return a.has(e)})),s=o.some((function(e){return a.has(e)}));return[{key:"selection",title:e(V,{checked:i&&n.length>0,indeterminate:!i&&s,onChange:()=>{i?o.forEach((function(e){a.delete(e)})):o.forEach((function(e){a.add(e)})),l(new Set(a))}}),width:30,align:"center",render(t){let{record:r}=t;const n=c(r),o=a.has(n);return e(V,{checked:o,onChange:()=>{o?a.delete(n):a.add(n),l(new Set(a))}})}},...r]}),[n,t,a]),l]}(z,m,K),[X,Y]=x({value:N?I||{}:void 0,defaultValue:{},onChange:e=>{N&&L(e)}}),[Z,ee]=x({value:N?I.q||"":void 0,defaultValue:"",onChange:e=>{N&&L({q:e||void 0})}}),[te,re]=x({value:N?I.page||1:void 0,defaultValue:1,onChange:e=>{N&&L({page:e||void 0})}}),ne=d((async()=>{D(!0),W([]);try{let e;const t={...X,q:Z,page:te>1?te:void 0};e="string"==typeof l?await w({url:l,params:t}):await l(t),h&&function(e){return"current_page"in e}(e)&&(q({total:e.total,current:e.current_page,pageSize:e.per_page}),e=e.data),M(e)}catch(e){}finally{D(!1)}}),[l,M,Z,te,X]);p((()=>{ne()}),[Z,te,X]);const ae=u({reload:ne});p((()=>{ae.current={reload:ne}}),[ne]),f(c,(()=>ae.current));const oe=g((()=>$(v).map((t=>{let{render:r,valueType:n,valueEnum:a,...o}=t;const c={...o};return r?c.render=(e,t,n)=>r({value:e,record:t,index:n,action:ae.current}):"currency"===n?c.render=t=>e(j,{value:t}):a&&(c.render=t=>a[t]?a[t].status?e("span",{className:`text-${a[t].status}`,children:a[t].text}):a[t].text:t),c}))),[v,$,ae]),ce=t(r,{children:[e(C,{loading:T}),"object"==typeof b&&e(B,{data:X,columns:v,options:b,onSearch:e=>{a((()=>{re(1),Y(e)}))}}),!1!==y&&t(G,{children:[e(Q,{size:12,children:y&&y(ae.current)}),t(J,{size:12,children:[!0===b&&e(_,{keyword:Z,onKeywordChange:e=>{a((()=>{re(1),ee(e)}))}}),e(U,{onClick:ae.current.reload,children:e("i",{className:"bi bi-arrow-repeat"})})]})]}),e(k.Provider,{value:!0,children:e(n,{...H,expandable:{expandIcon:R,...O},rowKey:m,columns:oe,components:F,data:K})}),P&&e(A,{...P,onChange:re})]});return E?e(S,{children:ce}):ce}));var $=m(L);const G=E.div`
22
- display: flex;
23
- justify-content: space-between;
24
- padding-bottom: 1rem;
25
- height: 48px;
26
- border-bottom: 2px solid #212529;
27
- `,J=E(z)`
28
-
29
- `,Q=E(z)`
30
-
31
- `,U=E.span`
32
- cursor: pointer;
33
- font-size: 20px;
34
- line-height: 1;
35
-
36
- &:hover {
37
- color: var(--bs-primary);
38
- }
39
- `;export{$ as default};
40
- //# sourceMappingURL=index-e17dc6f0.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-e17dc6f0.js","sources":["../src/components/lazy/table/use-selection.tsx","../src/images/plus_square.svg","../src/images/minus_square.svg","../src/components/lazy/table/search.tsx","../src/components/lazy/table/index.tsx"],"sourcesContent":["import { Columns, TableProps, TableRowSelection } from './index';\r\nimport { InputHTMLAttributes, Key, useCallback, useEffect, useRef, useState } from 'react';\r\n\r\nconst Checkbox = function({\r\n indeterminate = false,\r\n ...props\r\n}: InputHTMLAttributes<HTMLInputElement> & { indeterminate?: boolean }) {\r\n\r\n const ref = useRef<HTMLInputElement>(null);\r\n\r\n useEffect(() => {\r\n if (ref.current) {\r\n ref.current.indeterminate = indeterminate;\r\n }\r\n }, [indeterminate]);\r\n\r\n return <input\r\n ref={ref}\r\n {...props}\r\n className='form-check-input'\r\n type='checkbox'\r\n />;\r\n};\r\n\r\nexport default function useSelection<T = any>(\r\n rowSelection: TableRowSelection<T> | undefined,\r\n rowKey: Required<TableProps<T>>['rowKey'],\r\n data: T[]\r\n): [(columns: Columns<T>) => Columns<T>, (keys: Key[]) => void] {\r\n const [keys, setKeys] = useState(() => new Set(rowSelection?.selectedRowKeys || []));\r\n\r\n const getRowKey = (record: T) => {\r\n if (typeof rowKey === 'string') {\r\n // @ts-ignore\r\n return record[rowKey];\r\n } else {\r\n return rowKey(record);\r\n }\r\n };\r\n\r\n const getRecordByKey = (key: Key) => {\r\n return data.find((record) => {\r\n return getRowKey(record) === key;\r\n })!;\r\n };\r\n\r\n const setSelectedKeys = useCallback((keys: Set<Key> | Key[]) => {\r\n if (!(keys instanceof Set)) {\r\n keys = new Set(keys);\r\n }\r\n\r\n setKeys(keys);\r\n const changedKeys = Array.from(keys);\r\n\r\n const records = changedKeys.map(function(key) {\r\n return getRecordByKey(key);\r\n });\r\n\r\n if (rowSelection?.onChange) {\r\n rowSelection?.onChange(changedKeys, records);\r\n }\r\n }, [getRecordByKey]);\r\n\r\n const transformColumns = useCallback((columns: Columns): Columns => {\r\n if (!rowSelection) {\r\n return columns;\r\n }\r\n\r\n const recordKeys = data.map(getRowKey);\r\n\r\n const checkedCurrentAll = recordKeys.every(function(key) {\r\n return keys.has(key);\r\n });\r\n\r\n const checkedCurrentSome = recordKeys.some(function(key) {\r\n return keys.has(key);\r\n });\r\n\r\n return [{\r\n key: 'selection',\r\n title: <Checkbox\r\n checked={checkedCurrentAll && data.length > 0}\r\n indeterminate={!checkedCurrentAll && checkedCurrentSome}\r\n onChange={() => {\r\n if (checkedCurrentAll) {\r\n recordKeys.forEach(function(key) {\r\n keys.delete(key);\r\n });\r\n } else {\r\n recordKeys.forEach(function(key) {\r\n keys.add(key);\r\n });\r\n }\r\n setSelectedKeys(new Set(keys));\r\n }}\r\n />,\r\n width: 30,\r\n align: 'center',\r\n render({ record }) {\r\n const key = getRowKey(record);\r\n const checked = keys.has(key);\r\n return <Checkbox\r\n checked={checked}\r\n onChange={() => {\r\n if (checked) {\r\n keys.delete(key);\r\n } else {\r\n keys.add(key);\r\n }\r\n setSelectedKeys(new Set(keys));\r\n }}\r\n />;\r\n }\r\n }, ...columns];\r\n }, [data, rowSelection, keys]);\r\n\r\n return [transformColumns, setSelectedKeys];\r\n}\r\n","var img = \"data:image/svg+xml,%3csvg t='1681378941268' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='11434' width='16' height='16' fill='currentColor'%3e %3cpath d='M252.068571 906.496h520.283429c89.581714 0 134.144-44.562286 134.144-132.845714V250.331429c0-88.283429-44.562286-132.845714-134.144-132.845715H252.068571c-89.142857 0-134.582857 44.141714-134.582857 132.845715V773.668571c0 88.704 45.44 132.845714 134.582857 132.845715z m1.28-68.992c-42.843429 0-66.852571-22.710857-66.852571-67.291429V253.805714c0-44.580571 24.009143-67.291429 66.852571-67.291428h517.723429c42.422857 0 66.432 22.710857 66.432 67.291428V770.194286c0 44.580571-24.009143 67.291429-66.432 67.291428z m258.432-123.008c22.710857 0 36.425143-15.853714 36.425143-40.704v-126.427429h134.144c24.009143 0 40.722286-12.873143 40.722286-35.584 0-23.131429-15.853714-36.425143-40.722286-36.425142H548.205714v-134.582858c0-24.850286-13.714286-40.704-36.425143-40.704s-35.565714 16.713143-35.565714 40.722286v134.582857H342.491429c-24.850286 0-41.142857 13.275429-41.142858 36.406857 0 22.710857 17.152 35.584 41.142858 35.584h133.723428v126.427429c0 23.990857 12.854857 40.704 35.565714 40.704z' p-id='11435'%3e%3c/path%3e%3c/svg%3e\";\n export default img;","var img = \"data:image/svg+xml,%3csvg t='1681378996359' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='12821' width='16' height='16' fill='currentColor'%3e %3cpath d='M252.068571 906.496h520.283429c89.581714 0 134.144-44.562286 134.144-132.845714V250.331429c0-88.283429-44.562286-132.845714-134.144-132.845715H252.068571c-89.142857 0-134.582857 44.141714-134.582857 132.845715V773.668571c0 88.704 45.44 132.845714 134.582857 132.845715z m1.28-68.992c-42.843429 0-66.852571-22.710857-66.852571-67.291429V253.805714c0-44.580571 24.009143-67.291429 66.852571-67.291428h517.723429c42.422857 0 66.432 22.710857 66.432 67.291428V770.194286c0 44.580571-24.009143 67.291429-66.432 67.291428z m86.582858-289.718857h344.576c23.990857 0 40.704-12.854857 40.704-35.565714 0-23.149714-15.433143-36.425143-40.704-36.425143H339.931429c-24.868571 0-40.722286 13.275429-40.722286 36.425143 0 22.710857 16.713143 35.565714 40.722286 35.565714z' p-id='12822'%3e%3c/path%3e%3c/svg%3e\";\n export default img;","import { ChangeEvent, useCallback, useEffect, useState } from 'react';\r\nimport useDebounce from '../../../hooks/use-debounce';\r\nimport styled from 'styled-components';\r\nimport Button from '../../button';\r\nimport Form from '../form';\r\nimport { FormControl } from 'react-bootstrap';\r\nimport type { Columns } from './index';\r\nimport { Schema, UiSchema } from '@topthink/json-form';\r\n\r\nexport type SearchOptions = {\r\n fields: string[];\r\n extraFields?: Record<string, string>;\r\n ui?: Record<string, UiSchema>;\r\n order?: string[];\r\n};\r\n\r\ninterface SearchProps {\r\n data: Record<string, string>;\r\n options: SearchOptions;\r\n columns: Columns;\r\n onSearch: (params: Record<string, any>) => void;\r\n}\r\n\r\nexport default function Search({ data, options, columns, onSearch }: SearchProps) {\r\n\r\n const [key, setKey] = useState(0);\r\n\r\n const uiSchema: UiSchema = {\r\n 'ui:col': 10,\r\n 'ui:order': options.order\r\n };\r\n\r\n const properties: Schema['properties'] = {};\r\n\r\n options.fields.forEach(field => {\r\n const column = columns.find(column => column.dataIndex === field);\r\n\r\n if (column) {\r\n const title = column.title;\r\n if (typeof title === 'string') {\r\n uiSchema[field] = {\r\n 'ui:col': 4,\r\n 'ui:labelCol': 3,\r\n 'ui:placeholder': '请输入',\r\n ...options.ui?.[field]\r\n };\r\n\r\n if (column.valueEnum) {\r\n const valueEnum = column.valueEnum;\r\n\r\n uiSchema[field]['ui:placeholder'] = '请选择';\r\n\r\n return properties[field] = {\r\n title,\r\n type: 'string',\r\n enum: Object.keys(valueEnum).flatMap(key => {\r\n const text = valueEnum[key].text;\r\n if (typeof text === 'string') {\r\n return [key];\r\n }\r\n return [];\r\n }),\r\n enumNames: Object.keys(valueEnum).flatMap(key => {\r\n const text = valueEnum[key].text;\r\n if (typeof text === 'string') {\r\n return [text];\r\n }\r\n return [];\r\n }),\r\n };\r\n }\r\n\r\n return properties[field] = {\r\n title,\r\n type: 'string',\r\n };\r\n }\r\n }\r\n });\r\n\r\n if (options.extraFields) {\r\n Object.entries(options.extraFields).forEach(([field, title]) => {\r\n uiSchema[field] = {\r\n 'ui:col': 4,\r\n 'ui:labelCol': 3,\r\n 'ui:placeholder': '请输入',\r\n ...options.ui?.[field]\r\n };\r\n properties[field] = {\r\n title,\r\n type: 'string',\r\n };\r\n });\r\n }\r\n\r\n const schema: Schema = {\r\n type: 'object',\r\n properties\r\n };\r\n\r\n const onSubmit = useCallback(({ formData }) => {\r\n onSearch(formData);\r\n }, [onSearch]);\r\n\r\n const onReset = useCallback(() => {\r\n setKey(key => key + 1);\r\n onSearch({});\r\n }, []);\r\n\r\n return <Container key={key}>\r\n <Form\r\n formContext={{ layout: 'horizontal' }}\r\n schema={schema}\r\n uiSchema={uiSchema}\r\n onSubmit={onSubmit}\r\n formData={data}\r\n >\r\n <div className='col-2 ms-auto mt-auto'>\r\n <div className='justify-content-end d-flex gap-2 '>\r\n <Button className={'px-4'} onClick={onReset} variant='secondary'>重置</Button>\r\n <Button className={'px-4'} type='submit' variant='primary'>查询</Button>\r\n </div>\r\n </div>\r\n </Form>\r\n </Container>;\r\n}\r\n\r\nconst Container = styled.div`\r\n margin-bottom: 1rem;\r\n`;\r\n\r\ninterface Props {\r\n keyword: string;\r\n onKeywordChange: (value: string) => void;\r\n}\r\n\r\nexport function LightSearch({ keyword, onKeywordChange }: Props) {\r\n\r\n const [value, setValue] = useState(keyword);\r\n\r\n const debouncedOnKeywordChange = useDebounce(onKeywordChange, 500);\r\n\r\n useEffect(() => {\r\n setValue(keyword);\r\n }, [keyword]);\r\n\r\n const onChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\r\n setValue(e.target.value);\r\n debouncedOnKeywordChange(e.target.value);\r\n }, [debouncedOnKeywordChange, setValue]);\r\n\r\n return <FormControl value={value} onChange={onChange} type={'search'} placeholder={'Search...'} />;\r\n}\r\n","import RcTable, { TableProps as RcTableProps } from 'rc-table';\r\nimport { unstable_batchedUpdates } from 'react-dom';\r\nimport { ColumnType as BsColumnType, RenderedCell, RenderExpandIconProps } from 'rc-table/es/interface';\r\nimport { Table as BsTable } from 'react-bootstrap';\r\nimport { useUrlSearchParams } from 'use-url-search-params';\r\nimport {\r\n forwardRef,\r\n ForwardRefExoticComponent,\r\n Key,\r\n memo,\r\n PropsWithChildren,\r\n PropsWithoutRef,\r\n ReactNode,\r\n RefAttributes,\r\n useCallback,\r\n useEffect,\r\n useImperativeHandle,\r\n useMemo,\r\n useRef,\r\n useState\r\n} from 'react';\r\nimport Pagination from '../../pagination';\r\nimport styled from 'styled-components';\r\nimport request from '../../../request';\r\nimport Card from '../../card';\r\nimport Loader from '../../loader';\r\nimport Space from '../../space';\r\nimport useSelection from './use-selection';\r\nimport { PaginationType } from '../../../utils/types';\r\nimport { ReactComponent as PlusIcon } from '../../../images/plus_square.svg';\r\nimport { ReactComponent as MinusIcon } from '../../../images/minus_square.svg';\r\nimport useControllableState from '../../../hooks/use-controllable-state';\r\nimport Search, { LightSearch, SearchOptions } from './search';\r\nimport NumberFormat from '../../number-format';\r\nimport { TableContext } from './context';\r\n\r\nexport interface TableType {\r\n reload: () => void;\r\n}\r\n\r\ninterface ColumnType<RecordType> extends BsColumnType<RecordType> {\r\n render?: (data: {\r\n value: any,\r\n record: RecordType,\r\n index: number,\r\n action: TableType\r\n }) => ReactNode | RenderedCell<RecordType>;\r\n valueType?: 'currency';\r\n valueEnum?: Record<number | string, {\r\n text: ReactNode;\r\n status?: string;\r\n }>;\r\n}\r\n\r\nexport type Columns<RecordType = any> = ColumnType<RecordType>[]\r\n\r\nconst CustomTHead = styled.thead`\r\n th {\r\n padding: 0.5rem 0.5rem;\r\n border-bottom-width: 1px;\r\n border-color: var(--bs-border-color);\r\n }\r\n`;\r\n\r\nconst components: RcTableProps['components'] = {\r\n table: (props) => {\r\n return <BsTable {...props} className='mb-0 align-middle table-hover' />;\r\n },\r\n header: {\r\n wrapper(props) {\r\n return <CustomTHead {...props} />;\r\n }\r\n }\r\n};\r\n\r\nconst ExpandIconContainer = styled.a`\r\n cursor: pointer;\r\n width: 28px;\r\n height: 28px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n vertical-align: middle;\r\n`;\r\n\r\nconst ExpandIcon = function <RecordType>({\r\n record,\r\n expanded,\r\n expandable,\r\n onExpand\r\n}: RenderExpandIconProps<RecordType>) {\r\n if (!expandable) return <ExpandIconContainer />;\r\n return <ExpandIconContainer onClick={e => onExpand(record, e)}>\r\n {expanded ? <MinusIcon /> : <PlusIcon />}\r\n </ExpandIconContainer>;\r\n};\r\n\r\nconst CustomPagination = styled(Pagination)`\r\n margin-bottom: 0;\r\n justify-content: flex-end;\r\n margin-top: 1rem;\r\n`;\r\n\r\nfunction isPagination<T>(data: any): data is PaginationType<T> {\r\n return 'current_page' in data;\r\n}\r\n\r\nexport interface TableRowSelection<RecordType = any> {\r\n selectedRowKeys?: Key[];\r\n onChange?: (selectedRowKeys: Key[], selectedRows: RecordType[]) => void;\r\n}\r\n\r\nexport interface TableProps<RecordType = any> extends Omit<RcTableProps<RecordType>, 'children' | 'columns'> {\r\n source: string | ((params: Params) => Promise<RecordType>);\r\n paginate?: boolean;\r\n columns: Columns<RecordType>;\r\n toolBarRender?: ((action: TableType) => ReactNode) | false;\r\n search?: boolean | SearchOptions;\r\n rowSelection?: TableRowSelection<RecordType>;\r\n card?: boolean;\r\n sync?: boolean;\r\n}\r\n\r\ntype Params = {\r\n page?: number;\r\n sortField?: string;\r\n sortOrder?: number;\r\n q?: string;\r\n [key: string]: any;\r\n};\r\n\r\ntype CustomTableType<T = any> = ForwardRefExoticComponent<PropsWithoutRef<PropsWithChildren<TableProps<T>>>\r\n & RefAttributes<TableType>>\r\n\r\nconst Table: CustomTableType = forwardRef((\r\n {\r\n source,\r\n rowKey = 'id',\r\n paginate = true,\r\n toolBarRender,\r\n columns = [],\r\n search,\r\n rowSelection,\r\n card = true,\r\n expandable = {},\r\n sync = false,\r\n ...props\r\n },\r\n ref\r\n) => {\r\n const [data, setData] = useState<any[]>([]);\r\n const [pagination, setPagination] = useState(paginate ? { total: 0, current: 1, pageSize: 10 } : null);\r\n const [loading, setLoading] = useState(true);\r\n\r\n const [params, setParams] = useUrlSearchParams({});\r\n\r\n //多选\r\n const [transformColumns, setSelectionRowKeys] = useSelection(rowSelection, rowKey, data);\r\n\r\n const [filters, setFilters] = useControllableState<Record<string, string>>({\r\n value: sync ? (params as Record<string, string> || {}) : undefined,\r\n defaultValue: {},\r\n onChange: (value) => {\r\n if (sync) {\r\n setParams(value);\r\n }\r\n }\r\n });\r\n\r\n const [keyword, setKeyword] = useControllableState<string>({\r\n value: sync ? (params.q as string || '') : undefined,\r\n defaultValue: '',\r\n onChange: (value) => {\r\n if (sync) {\r\n setParams({ q: value || undefined });\r\n }\r\n }\r\n });\r\n\r\n const [page, setPage] = useControllableState<number>({\r\n value: sync ? (params.page as number || 1) : undefined,\r\n defaultValue: 1,\r\n onChange: (value) => {\r\n if (sync) {\r\n setParams({ page: value || undefined });\r\n }\r\n }\r\n });\r\n\r\n const fetchData = useCallback(async () => {\r\n setLoading(true);\r\n setSelectionRowKeys([]);\r\n try {\r\n let result;\r\n const params: Params = {\r\n ...filters,\r\n q: keyword,\r\n page: page > 1 ? page : undefined,\r\n };\r\n\r\n if (typeof source === 'string') {\r\n result = await request({\r\n url: source,\r\n params,\r\n });\r\n } else {\r\n result = await source(params);\r\n }\r\n\r\n if (paginate && isPagination<any>(result)) {\r\n setPagination({\r\n total: result.total,\r\n current: result.current_page,\r\n pageSize: result.per_page\r\n });\r\n result = result.data;\r\n }\r\n setData(result);\r\n } catch (e) {\r\n\r\n } finally {\r\n setLoading(false);\r\n }\r\n }, [source, setData, keyword, page, filters]);\r\n\r\n useEffect(() => {\r\n fetchData();\r\n }, [keyword, page, filters]);\r\n\r\n const action = useRef<TableType>({\r\n reload: fetchData\r\n });\r\n\r\n useEffect(() => {\r\n action.current = {\r\n reload: fetchData\r\n };\r\n }, [fetchData]);\r\n\r\n useImperativeHandle(ref, () => action.current);\r\n\r\n const customColumns = useMemo(() => {\r\n return transformColumns(columns).map(({ render, valueType, valueEnum, ...column }) => {\r\n const customColumn: BsColumnType<any> = { ...column };\r\n\r\n if (render) {\r\n customColumn.render = (value, record, index) => {\r\n return render({ value, record, index, action: action.current });\r\n };\r\n } else if (valueType === 'currency') {\r\n customColumn.render = (value) => {\r\n return <NumberFormat value={value} />;\r\n };\r\n } else if (valueEnum) {\r\n customColumn.render = (value) => {\r\n if (valueEnum[value]) {\r\n if (valueEnum[value].status) {\r\n return <span className={`text-${valueEnum[value].status}`}>{valueEnum[value].text}</span>;\r\n }\r\n return valueEnum[value].text;\r\n }\r\n return value;\r\n };\r\n }\r\n return customColumn;\r\n });\r\n }, [columns, transformColumns, action]);\r\n\r\n const children = <>\r\n <Loader loading={loading} />\r\n {typeof search === 'object' && <Search\r\n data={filters}\r\n columns={columns}\r\n options={search}\r\n onSearch={(data) => {\r\n unstable_batchedUpdates(() => {\r\n setPage(1);\r\n setFilters(data);\r\n });\r\n }}\r\n />}\r\n {toolBarRender !== false && <Header>\r\n <LeftTools size={12}>\r\n {toolBarRender && toolBarRender(action.current)}\r\n </LeftTools>\r\n <RightTools size={12}>\r\n {search === true && <LightSearch keyword={keyword} onKeywordChange={(value) => {\r\n unstable_batchedUpdates(() => {\r\n setPage(1);\r\n setKeyword(value);\r\n });\r\n }} />}\r\n <Action onClick={action.current.reload}><i className='bi bi-arrow-repeat' /></Action>\r\n </RightTools>\r\n </Header>}\r\n <TableContext.Provider value={true}>\r\n <RcTable {...props} expandable={{ expandIcon: ExpandIcon, ...expandable }} rowKey={rowKey} columns={customColumns} components={components} data={data} />\r\n </TableContext.Provider>\r\n {pagination && <CustomPagination {...pagination} onChange={setPage} />}\r\n </>;\r\n\r\n if (card) {\r\n return <Card>\r\n {children}\r\n </Card>;\r\n }\r\n return children;\r\n});\r\n\r\nexport default memo(Table) as CustomTableType;\r\n\r\nconst Header = styled.div`\r\n display: flex;\r\n justify-content: space-between;\r\n padding-bottom: 1rem;\r\n height: 48px;\r\n border-bottom: 2px solid #212529;\r\n`;\r\n\r\nconst RightTools = styled(Space)`\r\n\r\n`;\r\nconst LeftTools = styled(Space)`\r\n\r\n`;\r\n\r\nconst Action = styled.span`\r\n cursor: pointer;\r\n font-size: 20px;\r\n line-height: 1;\r\n\r\n &:hover {\r\n color: var(--bs-primary);\r\n }\r\n`;\r\n"],"names":["Checkbox","_ref","indeterminate","props","ref","useRef","useEffect","current","_jsx","className","type","_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgPlusSquare","React","createElement","viewBox","xmlns","width","height","fill","d","SvgMinusSquare","Search","data","options","columns","onSearch","setKey","useState","uiSchema","order","properties","fields","forEach","field","column","find","dataIndex","title","ui","valueEnum","enum","keys","flatMap","text","enumNames","extraFields","entries","_ref2","schema","onSubmit","useCallback","_ref3","formData","onReset","Container","children","Form","formContext","layout","_jsxs","Button","onClick","variant","styled","div","LightSearch","_ref4","keyword","onKeywordChange","value","setValue","debouncedOnKeywordChange","useDebounce","onChange","e","FormControl","placeholder","CustomTHead","thead","components","table","BsTable","header","wrapper","ExpandIconContainer","a","ExpandIcon","record","expanded","expandable","onExpand","MinusIcon","PlusIcon","CustomPagination","Pagination","Table","forwardRef","rowKey","paginate","toolBarRender","search","rowSelection","card","sync","setData","pagination","setPagination","total","pageSize","loading","setLoading","params","setParams","useUrlSearchParams","transformColumns","setSelectionRowKeys","setKeys","Set","selectedRowKeys","getRowKey","getRecordByKey","setSelectedKeys","changedKeys","Array","from","records","map","recordKeys","checkedCurrentAll","every","has","checkedCurrentSome","some","checked","delete","add","align","render","useSelection","filters","setFilters","useControllableState","undefined","defaultValue","setKeyword","q","page","setPage","fetchData","async","result","request","url","isPagination","current_page","per_page","action","reload","useImperativeHandle","customColumns","useMemo","valueType","customColumn","index","NumberFormat","status","_Fragment","Loader","unstable_batchedUpdates","Header","LeftTools","size","RightTools","Action","TableContext","Provider","RcTable","expandIcon","Card","memo","Space","span"],"mappings":"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"}
package/es/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"steps-afba29a7.js","sources":["../src/images/step_check.svg","../src/components/lazy/steps.tsx"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg t='1651217947509' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2548' width='16' height='16' fill='currentColor'%3e %3cpath d='M887.904 298.208c-12.864-12.064-33.152-11.488-45.216 1.408L415.936 753.984l-233.12-229.696C170.208 511.872 149.952 512 137.536 524.608c-12.416 12.576-12.256 32.864 0.352 45.248l256.48 252.672c0.096 0.096 0.224 0.128 0.32 0.224 0.096 0.096 0.128 0.224 0.224 0.32 2.016 1.92 4.448 3.008 6.784 4.288 1.152 0.672 2.144 1.664 3.36 2.144 3.776 1.472 7.776 2.24 11.744 2.24 4.192 0 8.384-0.832 12.288-2.496 1.312-0.544 2.336-1.664 3.552-2.368 2.4-1.408 4.896-2.592 6.944-4.672 0.096-0.096 0.128-0.256 0.224-0.352 0.064-0.096 0.192-0.128 0.288-0.224l449.184-478.208C901.44 330.592 900.768 310.336 887.904 298.208z' p-id='2549'%3e%3c/path%3e%3c/svg%3e\";\n export default img;","import RcSteps, { Step } from 'rc-steps';\r\nimport 'rc-steps/assets/index.css';\r\nimport styled from 'styled-components';\r\nimport { ComponentProps } from 'react';\r\nimport { ReactComponent as CheckIcon } from '../../images/step_check.svg';\r\n\r\nexport default function Steps(props: ComponentProps<typeof RcSteps>) {\r\n return <CustomRcSteps\r\n icons={{\r\n finish: <CheckIcon />,\r\n error: <></>\r\n }}\r\n {...props}\r\n />;\r\n}\r\n\r\nSteps.Step = Step;\r\n\r\nexport { Step };\r\n\r\nconst CustomRcSteps = styled(RcSteps)`\r\n .rc-steps-item-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n & > .rc-steps-icon {\r\n top: 0;\r\n }\r\n }\r\n\r\n .rc-steps-item-process {\r\n .rc-steps-item-icon {\r\n background: var(--bs-primary);\r\n border-color: var(--bs-primary);\r\n }\r\n }\r\n\r\n .rc-steps-item-finish {\r\n .rc-steps-item-icon {\r\n border-color: var(--bs-primary);\r\n\r\n & > .rc-steps-icon {\r\n color: var(--bs-primary);\r\n }\r\n }\r\n\r\n .rc-steps-item-title:after {\r\n background-color: var(--bs-primary);\r\n }\r\n }\r\n\r\n`;\r\n"],"names":["_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgStepCheck","props","React","createElement","viewBox","xmlns","width","height","fill","d","Steps","_jsx","CustomRcSteps","icons","finish","CheckIcon","error","_Fragment","Step","styled","RcSteps"],"mappings":"+MAAA,IAAIA,EACJ,SAASC,IAAiS,OAApRA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcP,OAAOS,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,CAAS,EAASJ,EAASa,MAAMC,KAAMR,UAAa,CAEnV,MAAMS,EAAeC,GAAsBC,EAAMC,cAAc,MAAOlB,EAAS,CAC7EmB,QAAS,gBACTC,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,KAAM,gBACLP,GAAQjB,IAAUA,EAAqBkB,EAAMC,cAAc,OAAQ,CACpEM,EAAG,+hBCJmB,SAAAC,EAAMT,GAC1B,OAAOU,EAACC,EACJ,CAAAC,MAAO,CACHC,OAAQH,EAACI,EAAY,IACrBC,MAAOL,EAAKM,EAAA,QAEZhB,GAEZ,CAEAS,EAAMQ,KAAOA,EAIb,MAAMN,EAAgBO,EAAOC,EAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,34 +0,0 @@
1
- import{jsx as r,Fragment as t}from"react/jsx-runtime";import e from"rc-steps";import"rc-steps/assets/index.css";import s from"styled-components";import*as o from"react";var c;function i(){return i=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&(r[s]=e[s])}return r},i.apply(this,arguments)}const n=r=>o.createElement("svg",i({viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"currentColor"},r),c||(c=o.createElement("path",{d:"M887.904 298.208c-12.864-12.064-33.152-11.488-45.216 1.408L415.936 753.984l-233.12-229.696c-12.608-12.416-32.864-12.288-45.28.32-12.416 12.576-12.256 32.864.352 45.248l256.48 252.672c.096.096.224.128.32.224s.128.224.224.32c2.016 1.92 4.448 3.008 6.784 4.288 1.152.672 2.144 1.664 3.36 2.144 3.776 1.472 7.776 2.24 11.744 2.24 4.192 0 8.384-.832 12.288-2.496 1.312-.544 2.336-1.664 3.552-2.368 2.4-1.408 4.896-2.592 6.944-4.672.096-.096.128-.256.224-.352.064-.096.192-.128.288-.224L889.28 343.424c12.16-12.832 11.488-33.088-1.376-45.216z"})));function p(e){return r(a,{icons:{finish:r(n,{}),error:r(t,{})},...e})}p.Step=e.Step;const a=s(e)`
2
- .rc-steps-item-icon {
3
- display: inline-flex;
4
- align-items: center;
5
- justify-content: center;
6
-
7
- & > .rc-steps-icon {
8
- top: 0;
9
- }
10
- }
11
-
12
- .rc-steps-item-process {
13
- .rc-steps-item-icon {
14
- background: var(--bs-primary);
15
- border-color: var(--bs-primary);
16
- }
17
- }
18
-
19
- .rc-steps-item-finish {
20
- .rc-steps-item-icon {
21
- border-color: var(--bs-primary);
22
-
23
- & > .rc-steps-icon {
24
- color: var(--bs-primary);
25
- }
26
- }
27
-
28
- .rc-steps-item-title:after {
29
- background-color: var(--bs-primary);
30
- }
31
- }
32
-
33
- `;export{p as default};
34
- //# sourceMappingURL=steps-c27a3885.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"steps-c27a3885.js","sources":["../src/images/step_check.svg","../src/components/lazy/steps.tsx"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg t='1651217947509' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2548' width='16' height='16' fill='currentColor'%3e %3cpath d='M887.904 298.208c-12.864-12.064-33.152-11.488-45.216 1.408L415.936 753.984l-233.12-229.696C170.208 511.872 149.952 512 137.536 524.608c-12.416 12.576-12.256 32.864 0.352 45.248l256.48 252.672c0.096 0.096 0.224 0.128 0.32 0.224 0.096 0.096 0.128 0.224 0.224 0.32 2.016 1.92 4.448 3.008 6.784 4.288 1.152 0.672 2.144 1.664 3.36 2.144 3.776 1.472 7.776 2.24 11.744 2.24 4.192 0 8.384-0.832 12.288-2.496 1.312-0.544 2.336-1.664 3.552-2.368 2.4-1.408 4.896-2.592 6.944-4.672 0.096-0.096 0.128-0.256 0.224-0.352 0.064-0.096 0.192-0.128 0.288-0.224l449.184-478.208C901.44 330.592 900.768 310.336 887.904 298.208z' p-id='2549'%3e%3c/path%3e%3c/svg%3e\";\n export default img;","import RcSteps from 'rc-steps';\r\nimport 'rc-steps/assets/index.css';\r\nimport styled from 'styled-components';\r\nimport { ComponentProps } from 'react';\r\nimport { ReactComponent as CheckIcon } from '../../images/step_check.svg';\r\n\r\nexport default function Steps(props: ComponentProps<typeof RcSteps>) {\r\n return <CustomRcSteps\r\n icons={{\r\n finish: <CheckIcon />,\r\n error: <></>\r\n }}\r\n {...props}\r\n />;\r\n}\r\n\r\nSteps.Step = RcSteps.Step;\r\n\r\nconst CustomRcSteps = styled(RcSteps)`\r\n .rc-steps-item-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n & > .rc-steps-icon {\r\n top: 0;\r\n }\r\n }\r\n\r\n .rc-steps-item-process {\r\n .rc-steps-item-icon {\r\n background: var(--bs-primary);\r\n border-color: var(--bs-primary);\r\n }\r\n }\r\n\r\n .rc-steps-item-finish {\r\n .rc-steps-item-icon {\r\n border-color: var(--bs-primary);\r\n\r\n & > .rc-steps-icon {\r\n color: var(--bs-primary);\r\n }\r\n }\r\n\r\n .rc-steps-item-title:after {\r\n background-color: var(--bs-primary);\r\n }\r\n }\r\n\r\n`;\r\n"],"names":["_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgStepCheck","props","React","createElement","viewBox","xmlns","width","height","fill","d","Steps","_jsx","CustomRcSteps","icons","finish","CheckIcon","error","_Fragment","Step","RcSteps","styled"],"mappings":"yKAAA,IAAIA,EACJ,SAASC,IAAiS,OAApRA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcP,OAAOS,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,CAAS,EAASJ,EAASa,MAAMC,KAAMR,UAAa,CAEnV,MAAMS,EAAeC,GAAsBC,EAAMC,cAAc,MAAOlB,EAAS,CAC7EmB,QAAS,gBACTC,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,KAAM,gBACLP,GAAQjB,IAAUA,EAAqBkB,EAAMC,cAAc,OAAQ,CACpEM,EAAG,+hBCJmB,SAAAC,EAAMT,GAC1B,OAAOU,EAACC,EACJ,CAAAC,MAAO,CACHC,OAAQH,EAACI,EAAY,IACrBC,MAAOL,EAAKM,EAAA,QAEZhB,GAEZ,CAEAS,EAAMQ,KAAOC,EAAQD,KAErB,MAAMN,EAAgBQ,EAAOD,EAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}