@topthink/components 1.1.10 → 1.1.11
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/es/cascader-pKgfaE9t.js +118 -0
- package/es/{image-xVpjTjcN.js → image-NFxDL3It.js} +1 -1
- package/es/{index-alLkMNpj.js → index-ILoqhTK8.js} +1 -1
- package/es/{index-fW_tvsVH.js → index-KQa41WB6.js} +1 -1
- package/es/{index-4j3qlSEA.js → index-ZNU2QHcq.js} +1 -1
- package/es/{index-tFUwxWXk.js → index-p8qeeIlv.js} +3 -3
- package/es/index.js +1 -1
- package/es/{infinite-scroller-toFkixFC.js → infinite-scroller-3KIeEQQa.js} +1 -1
- package/package.json +3 -2
- package/types/components/cascader.d.ts +3 -0
- package/types/components/lazy/cascader.d.ts +6 -0
- package/types/index.d.ts +2 -1
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import o from"rc-cascader";import"rc-cascader/assets/index.less";import{useRef as e}from"react";import{CloseButton as c}from"react-bootstrap";import a,{css as d}from"styled-components";function s(o){let{size:a,allowClear:d,...s}=o;d=d?{clearIcon:r(c,{})}:void 0;const n=e(null);return r(i,{$size:a,...s,ref:n,allowClear:d,dropdownClassName:"dropdown-menu",getPopupContainer:()=>n.current?.nativeElement||document.body,expandIcon:r("i",{className:"bi bi-chevron-right"})})}const i=a(o)`
|
|
2
|
+
&&& {
|
|
3
|
+
width: 100%;
|
|
4
|
+
font-size: 1rem;
|
|
5
|
+
|
|
6
|
+
.rc-cascader-selector {
|
|
7
|
+
cursor: pointer;
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
width: 100%;
|
|
11
|
+
color: var(--bs-body-color);
|
|
12
|
+
background-color: var(--bs-body-bg);
|
|
13
|
+
background-clip: padding-box;
|
|
14
|
+
border: var(--bs-border-width) solid var(--bs-border-color);
|
|
15
|
+
border-radius: var(--bs-border-radius);
|
|
16
|
+
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
17
|
+
padding: 0 0.75rem;
|
|
18
|
+
|
|
19
|
+
.rc-cascader-selection-wrap {
|
|
20
|
+
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.rc-cascader-selection-item, .rc-cascader-selection-placeholder {
|
|
24
|
+
inset: 0;
|
|
25
|
+
display: flex;
|
|
26
|
+
align-items: center;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.rc-cascader-selection-search-input {
|
|
30
|
+
padding: 0.375rem 0;
|
|
31
|
+
font-size: 1rem;
|
|
32
|
+
background: #FFFFFF;
|
|
33
|
+
border-radius: var(--bs-border-radius);
|
|
34
|
+
cursor: pointer;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&.rc-cascader-focused {
|
|
41
|
+
.rc-cascader-selector {
|
|
42
|
+
olor: var(--bs-body-color);
|
|
43
|
+
background-color: var(--bs-body-bg);
|
|
44
|
+
border-color: var(--bs-focus-border-color, #9eb0ff) !important;
|
|
45
|
+
outline: 0;
|
|
46
|
+
box-shadow: 0 0 0 0.25rem var(--bs-focus-shadow-color, rgba(60, 96, 255, 0.25));
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.rc-cascader-clear {
|
|
51
|
+
top: 0;
|
|
52
|
+
right: .375rem;
|
|
53
|
+
bottom: 0;
|
|
54
|
+
display: flex;
|
|
55
|
+
align-items: center;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.rc-cascader-dropdown {
|
|
59
|
+
border: none;
|
|
60
|
+
|
|
61
|
+
&:not(.rc-cascader-dropdown-hidden) {
|
|
62
|
+
display: block;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.rc-cascader-menu {
|
|
66
|
+
border-left-color: var(--bs-border-color);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.rc-cascader-menu-item {
|
|
70
|
+
cursor: pointer;
|
|
71
|
+
background-color: transparent;
|
|
72
|
+
border: 0;
|
|
73
|
+
border-radius: var(--bs-dropdown-item-border-radius, 0);
|
|
74
|
+
color: var(--bs-dropdown-link-color);
|
|
75
|
+
display: flex;
|
|
76
|
+
font-weight: 400;
|
|
77
|
+
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
|
|
78
|
+
|
|
79
|
+
&:focus, &:hover {
|
|
80
|
+
background-color: var(--bs-dropdown-link-hover-bg);
|
|
81
|
+
color: var(--bs-dropdown-link-hover-color);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
&.rc-cascader-menu-item-active {
|
|
85
|
+
background-color: var(--bs-dropdown-link-active-bg);
|
|
86
|
+
color: var(--bs-dropdown-link-active-color);
|
|
87
|
+
text-decoration: none;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.rc-cascader-menu-item-content {
|
|
91
|
+
white-space: nowrap;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
${r=>"sm"===r.$size&&d`
|
|
97
|
+
.rc-cascader-selector {
|
|
98
|
+
border-radius: var(--bs-border-radius-sm);
|
|
99
|
+
padding: 0 0.5rem;
|
|
100
|
+
|
|
101
|
+
.rc-cascader-selection-search-input {
|
|
102
|
+
padding: 0.25rem 0;
|
|
103
|
+
font-size: 0.875rem;
|
|
104
|
+
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
|
|
105
|
+
border-radius: var(--bs-border-radius-sm);
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.rc-cascader-selection-item, .rc-cascader-selection-placeholder {
|
|
110
|
+
font-size: 0.875rem;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.rc-cascader-clear {
|
|
114
|
+
font-size: 0.875rem;
|
|
115
|
+
}
|
|
116
|
+
`};
|
|
117
|
+
}
|
|
118
|
+
`;export{s as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t,Fragment as r}from"react/jsx-runtime";import{memo as e,useContext as i,useState as o,useEffect as s}from"react";import{I as a}from"./index-
|
|
1
|
+
import{jsx as t,Fragment as r}from"react/jsx-runtime";import{memo as e,useContext as i,useState as o,useEffect as s}from"react";import{I as a}from"./index-p8qeeIlv.js";import{useInView as m}from"react-intersection-observer";import"sweetalert2/dist/sweetalert2.js";import"sweetalert2-react-content";import"react-bootstrap";import"lodash";import"axios";import"query-string";import"retry-axios";import"notistack";import"path";import"react-async-hook";import"styled-components";import"dayjs";import"dayjs/locale/zh-cn";import"dayjs/plugin/relativeTime";import"classnames";import"use-url-search-params";import"copy-to-clipboard";import"goober";import"immer";var n=e((e=>{let{lazy:n=!0,...c}=e;const{registerImage:p,setShow:l,setCurrent:h,getId:d}=i(a),[g,w]=o(),[u,f]=o(!1),{ref:y,inView:v}=m({threshold:.2,skip:!n,initialInView:!0}),[x]=o(d);if(s((()=>{if(c.src)return p(x,c.src)}),[]),u)return t(r,{children:c.alt?`[图片加载失败：${c.alt}]`:" "});const j=!v&&n&&g?"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3e %3crect width='1' height='1' fill='none'/%3e%3c/svg%3e":c.src;return t("img",{width:g?.[0],height:g?.[1],onLoad:t=>{g||w([t.currentTarget.clientWidth,t.currentTarget.clientHeight])},onError:()=>{f(!0)},ref:y,...c,alt:void 0,src:j,onClick:()=>{h(x),l(!0)}})}));export{n as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useState as o,useCallback as e}from"react";import i,{useController as n,useLightboxState as a}from"yet-another-react-lightbox";import s from"yet-another-react-lightbox/plugins/counter";import l from"yet-another-react-lightbox/plugins/download";import m from"yet-another-react-lightbox/plugins/zoom";import p from"yet-another-react-lightbox/plugins/thumbnails";import"yet-another-react-lightbox/styles.css";import"yet-another-react-lightbox/plugins/counter.css";import"yet-another-react-lightbox/plugins/thumbnails.css";import{I as c}from"./index-
|
|
1
|
+
import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useState as o,useCallback as e}from"react";import i,{useController as n,useLightboxState as a}from"yet-another-react-lightbox";import s from"yet-another-react-lightbox/plugins/counter";import l from"yet-another-react-lightbox/plugins/download";import m from"yet-another-react-lightbox/plugins/zoom";import p from"yet-another-react-lightbox/plugins/thumbnails";import"yet-another-react-lightbox/styles.css";import"yet-another-react-lightbox/plugins/counter.css";import"yet-another-react-lightbox/plugins/thumbnails.css";import{I as c}from"./index-p8qeeIlv.js";import u from"styled-components";import"sweetalert2/dist/sweetalert2.js";import"sweetalert2-react-content";import"react-bootstrap";import"lodash";import"axios";import"query-string";import"retry-axios";import"notistack";import"path";import"react-async-hook";import"dayjs";import"dayjs/locale/zh-cn";import"dayjs/plugin/relativeTime";import"classnames";import"use-url-search-params";import"copy-to-clipboard";import"goober";import"immer";import"react-intersection-observer";const d={counter:s,zoom:m,download:l,thumbnails:p};let g=0;function h(i){let{children:s,render:l,zoom:m,toolbar:p,plugins:u=["counter","zoom","download"]}=i;const[h,y]=o((()=>new Map)),[x,f]=o(),[w,_]=o(!1),k=e(((t,r)=>(y((o=>new Map(o).set(t,r))),()=>{y((r=>{const o=new Map(r);return o.delete(t)?o:r}))})),[]),v=Array.from(h.keys()),j=v.indexOf(x),z=v.map((t=>{const r=h.get(t);return"string"==typeof r?{src:r}:{render:r}})),C=e((()=>g++),[]);return t(c.Provider,{value:{images:h,current:x,setCurrent:f,setShow:_,registerImage:k,getId:C},children:[s,r(b,{plugins:u.map((t=>d[t])),open:w,index:j,close:()=>_(!1),slides:z,carousel:{finite:!0,preload:3},toolbar:p?.({useController:n,useLightboxState:a}),zoom:m,render:{...l,buttonPrev:z.length<=1?()=>null:void 0,buttonNext:z.length<=1?()=>null:void 0,slide:t=>{let{slide:r}=t;if("render"in r)return r.render()}},controller:{closeOnBackdropClick:!0}})]})}const b=u(i)`
|
|
2
2
|
--yarl__color_backdrop: rgba(0, 0, 0, .7);
|
|
3
3
|
--yarl__thumbnails_container_background_color: rgba(0, 0, 0, .9);
|
|
4
4
|
`;export{h as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import o,{getRegistry as r}from"@topthink/json-form";import*as a from"react";import{forwardRef as e,useState as n,useCallback as i}from"react";import s from"axios";import{c as p,r as m,B as l}from"./index-
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import o,{getRegistry as r}from"@topthink/json-form";import*as a from"react";import{forwardRef as e,useState as n,useCallback as i}from"react";import s from"axios";import{c as p,r as m,B as l}from"./index-p8qeeIlv.js";import{mapValues as c}from"lodash";import"sweetalert2/dist/sweetalert2.js";import"sweetalert2-react-content";import"react-bootstrap";import"query-string";import"retry-axios";import"notistack";import"path";import"react-async-hook";import"styled-components";import"dayjs";import"dayjs/locale/zh-cn";import"dayjs/plugin/relativeTime";import"classnames";import"use-url-search-params";import"copy-to-clipboard";import"goober";import"immer";import"react-intersection-observer";const d=require("ajv-i18n/localize/zh"),u=a.lazy((()=>import("./editor-widget-ZqrBTAWC.js"))),f=o=>t(a.Suspense,{fallback:null,children:t(u,{...o})}),y={upload:function(o){let{options:a,...e}=o;const{widgets:n}=r();return a.endpoint&&(a.onUpload=async t=>{const o=new FormData;o.set("file",t);const{url:r,value:e}=await m({url:a.endpoint,method:"post",data:o});return{url:r,value:e}}),t(n.upload,{...e,options:a})},avatar:function(o){let{options:a,...e}=o;const{widgets:n}=r();return a.endpoint&&(a.onUpload=async t=>{const o=new FormData;o.set("file",t);const{url:r}=await m({url:a.endpoint,method:"post",data:o});return r}),t(n.avatar,{...e,options:a})},editor:function(o){let{options:r,...a}=o;return r.endpoint&&(r.onUpload=async t=>{const o=new FormData;o.set("file",t);const{url:a}=await m({url:r.endpoint,method:"post",data:o});return a}),t(f,{...a,options:r})},typeahead:function(o){let{options:a,...e}=o;const{widgets:n}=r();return a.endpoint&&(a.onSearch=async t=>{let{value:o,query:r}=t;return await m({url:a.endpoint,params:{value:o,query:r}})}),t(n.typeahead,{...e,options:a})}},h=e(((r,a)=>{let{action:e,method:u="post",onSuccess:f,formData:h,onSubmitting:w,onSubmit:g,onChange:b,submitText:v="保存",transformData:j,children:x,...D}=r;const[S,k]=n(),[q,z]=p(!1),[_,E]=n(h),F=i((async(t,o)=>{if(!q)try{if(z(!0),w&&w(!0),e){let{formData:o}=t;j&&(o=j(o));try{const t=await m({url:e,method:u,data:o});return k(void 0),f&&await f(t),t}catch(t){if(!s.isAxiosError(t))throw t;k((t=>{const o=t.errors;return"string"==typeof o?{__errors:[o]}:c(o,(t=>({__errors:[t]})))})(t))}}else if(g)return await g(t,o)}finally{z(!1),w&&w(!1)}}),[e,u,g]),U=i((t=>{const{formData:o}=t;E(o),b&&b(t)}),[E,b]),C=i((t=>(t=t.map((t=>({keyword:t.name,dataPath:t.property,...t}))),d(t),t)),[]),N=t(l,{className:"px-4",loading:q,type:"submit",variant:"primary",children:v});return"function"==typeof x&&(x=x({submit:N,loading:q})),t(o,{ref:a,extraErrors:S,onSubmit:F,transformErrors:C,noHtml5Validate:!0,noValidate:!0,...D,formData:_,onChange:U,widgets:y,children:x||t("div",{className:"col-12",children:N})})}));export{h as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n from"rc-table";import{unstable_batchedUpdates as o}from"react-dom";import{FormControl as a,Table as i}from"react-bootstrap";import{useUrlSearchParams as c}from"use-url-search-params";import{isEqual as l,omit as s}from"lodash";import*as d from"react";import{useState as p,useCallback as m,useRef as u,useEffect as h,useMemo as f,memo as g,forwardRef as y,useImperativeHandle as v}from"react";import{B as b,u as x,P as w,a as j,b as C,r as k,i as S,N as E,L as z,T as O,C as V,S as N}from"./index-
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n from"rc-table";import{unstable_batchedUpdates as o}from"react-dom";import{FormControl as a,Table as i}from"react-bootstrap";import{useUrlSearchParams as c}from"use-url-search-params";import{isEqual as l,omit as s}from"lodash";import*as d from"react";import{useState as p,useCallback as m,useRef as u,useEffect as h,useMemo as f,memo as g,forwardRef as y,useImperativeHandle as v}from"react";import{B as b,u as x,P as w,a as j,b as C,r as k,i as S,N as E,L as z,T as O,C as V,S as N}from"./index-p8qeeIlv.js";import M from"styled-components";import H from"./index-KQa41WB6.js";import q from"dayjs";import"sweetalert2/dist/sweetalert2.js";import"sweetalert2-react-content";import"axios";import"query-string";import"retry-axios";import"notistack";import"path";import"react-async-hook";import"dayjs/locale/zh-cn";import"dayjs/plugin/relativeTime";import"classnames";import"copy-to-clipboard";import"goober";import"immer";import"react-intersection-observer";import"@topthink/json-form";const K=function(t){let{indeterminate:r=!1,...n}=t;const o=u(null);return h((()=>{o.current&&(o.current.indeterminate=r)}),[r]),e("input",{ref:o,...n,className:"form-check-input",type:"checkbox"})};var B;function D(){return D=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},D.apply(this,arguments)}const P=e=>d.createElement("svg",D({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"currentColor",viewBox:"0 0 1024 1024"},e),B||(B=d.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.704"})));var T;function Y(){return Y=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},Y.apply(this,arguments)}const F=e=>d.createElement("svg",Y({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"currentColor",viewBox:"0 0 1024 1024"},e),T||(T=d.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.566"})));function I(r){let{data:n,options:o,columns:a,onSearch:i}=r;const[c,s]=p(0),[d,u]=p(n);h((()=>{l(n,d)||(u(n),s((e=>e+1)))}),[n]);const[g,y,v]=f((()=>{const e={"ui:col":10,"ui:order":o.order},t={},r={};o.fields.forEach((n=>{const i=a.find((e=>e.dataIndex===n));if(i){const a=i.title;if("string"==typeof a){if(e[n]={"ui:col":4,"ui:labelCol":3,"ui:placeholder":"请输入",...o.ui?.[n]},i.valueEnum){const t=i.valueEnum;return e[n]["ui:placeholder"]="请选择",r[n]={title:a,type:"string",enum:Object.keys(t).flatMap((e=>"string"==typeof t[e].text?[e]:[])),enumNames:Object.keys(t).flatMap((e=>{const r=t[e].text;return"string"==typeof r?[r]:[]}))}}t[n]=void 0,r[n]={title:a,type:"string"}}}})),o.extraFields&&Object.entries(o.extraFields).forEach((n=>{let[a,i]=n;e[a]={"ui:col":4,"ui:labelCol":3,"ui:placeholder":"请输入",...o.ui?.[a]},t[a]=void 0,r[a]={title:i,type:"string"}}));return[{type:"object",properties:r},e,t]}),[o.fields,o.extraFields]),x=m((e=>{let{formData:t}=e;u(t),i({...v,...t})}),[i,v]),w=m((()=>{i(v)}),[i,v]);return e(R,{children:e(H,{formContext:{layout:"horizontal"},schema:g,uiSchema:y,onSubmit:x,formData:d,children:e("div",{className:"col-12 col-md-2 ms-auto mt-md-auto",children:t("div",{className:"justify-content-end d-flex gap-2 ",children:[e(b,{className:"px-4",onClick:w,variant:"secondary",children:"重置"}),e(b,{className:"px-4",type:"submit",variant:"primary",children:"查询"})]})})})},c)}const R=M.div`
|
|
2
2
|
margin-bottom: 1rem;
|
|
3
3
|
`;function _(t){let{keyword:r,onKeywordChange:n}=t;const[o,i]=p(r),c=x(n,500);h((()=>{i(r)}),[r]);const l=m((e=>{i(e.target.value),c(e.target.value)}),[c,i]);return e(a,{value:o,onChange:l,type:"search",placeholder:"Search..."})}const A=M.thead`
|
|
4
4
|
th {
|
|
@@ -67,12 +67,12 @@ import e from"sweetalert2/dist/sweetalert2.js";import t from"sweetalert2-react-c
|
|
|
67
67
|
margin-bottom: 4px;
|
|
68
68
|
color: rgba(0, 0, 0, .45);
|
|
69
69
|
font-size: 1.1rem;
|
|
70
|
-
`;function ht(){}function mt(e){return"number"==typeof e&&isFinite(e)&&Math.floor(e)===e}function ft(e){return"current_page"in e}function pt(e){let{total:t=0,onChange:r=ht,defaultCurrent:o=1,defaultPageSize:a=10,className:c,...l}=e;const[d,m]=i(o),[f,p]=i(a);s((()=>{mt(l.current)&&m(l.current)}),[l.current]),s((()=>{mt(l.pageSize)&&p(l.pageSize)}),[l.pageSize]);const g=h((()=>Math.floor((t-1)/f)+1),[t,f]),y=u((e=>()=>{e!==d&&(m(e),r(e,f))}),[r,d,f]),w=d-1>0?d-1:0,v=d+1<g?d+1:g,b=[];let x=null,k=null,C=null,N=null;if(g<=7)for(let e=1;e<=g;e+=1){const t=d===e;b.push(n(H.Item,{active:t,onClick:y(e),children:e},e))}else{N=n(H.Last,{onClick:y(g)},"last"),C=n(H.First,{onClick:y(1)},"first"),x=n(H.Prev,{onClick:y(w)},"prev"),k=n(H.Next,{onClick:y(v)},"next");let e=Math.max(1,d-2),t=Math.min(d+2,g);d-1<=2&&(t=5),g-d<=2&&(e=g-4);for(let r=e;r<=t;r+=1){const e=d===r;b.push(n(H.Item,{active:e,onClick:y(r),children:r},r))}d-1>=4&&3!==d&&b.unshift(x),g-d>=4&&d!==g-2&&b.push(k),1!==e&&b.unshift(C),t!==g&&b.push(N)}return n(H,{className:c,children:b})}function gt(e){let{className:t,value:r,locale:a="zh-CN",currency:i=!0,options:s={}}=e;const c=h((()=>{let e;return e=i?{style:"currency",currency:"CNY"}:{minimumFractionDigits:2},new Intl.NumberFormat(a,{...e,...s})}),[i,a,s]);return t?n("span",{className:t,children:c.format(r)}):n(o,{children:c.format(r)})}function yt(e){let{loading:t,disabled:r,children:o,...a}=e;return n(C,{...a,disabled:t||r,children:t?"Loading…":o})}const wt=f((()=>import("./image-zoom-OrIPGqh0.js")));function vt(e){return n(p,{fallback:null,children:n(wt,{...e})})}const bt=m(((e,t)=>{let{confirm:n,onSuccess:r,children:o,disabled:a,as:i=ye,onError:s,...c}=e;const[l,d]=ze(!1),h=u((async e=>{e.preventDefault(),e.stopPropagation();try{if(d(!0),n&&!await ve.confirm({message:n}))return;let e;if("onRequest"in c)e=await c.onRequest();else{const t="string"==typeof c.url?{url:c.url,method:c.method}:{method:c.method,...c.url};e=await Se(t)}r&&r(e)}catch(e){if(!(e instanceof Error))throw e;s?s(e):be.error(e.message,{preventDuplicate:!0})}finally{d(!1)}}),[c,d]);return y(i,{...R(c,["onRequest","url","method"]),disabled:a||l,onClick:h,ref:t},o)})),xt=f((()=>import("./index-
|
|
70
|
+
`;function ht(){}function mt(e){return"number"==typeof e&&isFinite(e)&&Math.floor(e)===e}function ft(e){return"current_page"in e}function pt(e){let{total:t=0,onChange:r=ht,defaultCurrent:o=1,defaultPageSize:a=10,className:c,...l}=e;const[d,m]=i(o),[f,p]=i(a);s((()=>{mt(l.current)&&m(l.current)}),[l.current]),s((()=>{mt(l.pageSize)&&p(l.pageSize)}),[l.pageSize]);const g=h((()=>Math.floor((t-1)/f)+1),[t,f]),y=u((e=>()=>{e!==d&&(m(e),r(e,f))}),[r,d,f]),w=d-1>0?d-1:0,v=d+1<g?d+1:g,b=[];let x=null,k=null,C=null,N=null;if(g<=7)for(let e=1;e<=g;e+=1){const t=d===e;b.push(n(H.Item,{active:t,onClick:y(e),children:e},e))}else{N=n(H.Last,{onClick:y(g)},"last"),C=n(H.First,{onClick:y(1)},"first"),x=n(H.Prev,{onClick:y(w)},"prev"),k=n(H.Next,{onClick:y(v)},"next");let e=Math.max(1,d-2),t=Math.min(d+2,g);d-1<=2&&(t=5),g-d<=2&&(e=g-4);for(let r=e;r<=t;r+=1){const e=d===r;b.push(n(H.Item,{active:e,onClick:y(r),children:r},r))}d-1>=4&&3!==d&&b.unshift(x),g-d>=4&&d!==g-2&&b.push(k),1!==e&&b.unshift(C),t!==g&&b.push(N)}return n(H,{className:c,children:b})}function gt(e){let{className:t,value:r,locale:a="zh-CN",currency:i=!0,options:s={}}=e;const c=h((()=>{let e;return e=i?{style:"currency",currency:"CNY"}:{minimumFractionDigits:2},new Intl.NumberFormat(a,{...e,...s})}),[i,a,s]);return t?n("span",{className:t,children:c.format(r)}):n(o,{children:c.format(r)})}function yt(e){let{loading:t,disabled:r,children:o,...a}=e;return n(C,{...a,disabled:t||r,children:t?"Loading…":o})}const wt=f((()=>import("./image-zoom-OrIPGqh0.js")));function vt(e){return n(p,{fallback:null,children:n(wt,{...e})})}const bt=m(((e,t)=>{let{confirm:n,onSuccess:r,children:o,disabled:a,as:i=ye,onError:s,...c}=e;const[l,d]=ze(!1),h=u((async e=>{e.preventDefault(),e.stopPropagation();try{if(d(!0),n&&!await ve.confirm({message:n}))return;let e;if("onRequest"in c)e=await c.onRequest();else{const t="string"==typeof c.url?{url:c.url,method:c.method}:{method:c.method,...c.url};e=await Se(t)}r&&r(e)}catch(e){if(!(e instanceof Error))throw e;s?s(e):be.error(e.message,{preventDuplicate:!0})}finally{d(!1)}}),[c,d]);return y(i,{...R(c,["onRequest","url","method"]),disabled:a||l,onClick:h,ref:t},o)})),xt=f((()=>import("./index-KQa41WB6.js"))),kt=m(((e,t)=>n(p,{fallback:null,children:n(xt,{...e,ref:t})}))),Ct=f((()=>import("./index-ZNU2QHcq.js"))),Nt=m(((e,t)=>n(p,{fallback:null,children:n(Ct,{...e,ref:t})})));let St=0;function zt(){let{onHide:e,onShow:t}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const[n,r]=i(!1),[o,a]=i(`visible-${St}`),s=u((()=>{r(!1),e&&e()}),[r,e]),c=u((()=>{a("visible-"+ ++St)}),[a,St]);return{visible:n,show:u((()=>{r(!0),t&&t()}),[r,t]),hide:s,state:{show:n,onHide:s,onExited:c,key:o}}}const Pt=m(((e,t)=>{let{text:a,onOk:i,modalProps:s,children:c,onShow:l,onHide:d,confirmLoading:u,as:h=ye,...m}=e;const{state:f,show:p,hide:g}=zt({onShow:l,onHide:d});w(t,(()=>({close:g})));const v=y(h,{...m,onClick:e=>{e.preventDefault(),e.stopPropagation(),p()}},a);return r(o,{children:[v,n(ve,{header:a,...s,...f,confirmLoading:u,onOk:async e=>{if(i){!1===await i()&&e.preventDefault()}},children:c})]})})),jt=m(((e,t)=>{let{text:o,onSuccess:s,onSubmit:c,buttonProps:l,modalProps:d,children:h,...m}=e;const[f,p]=i(!1),g=a(null),y=a(null);w(t,(()=>({close:()=>{g.current?.close()}})));const v=u((()=>(y.current?.submit(),!1)),[]),b=u((e=>{s&&s(e),g.current?.close()}),[s]),x=u((async(e,t)=>{c&&await c(e,t)&&g.current?.close()}),[c]);return n(Pt,{ref:g,text:o,...l,modalProps:d,onOk:v,confirmLoading:f,children:r(kt,{...m,onSubmitting:p,ref:y,onSuccess:b,onSubmit:x,children:[h,n("input",{type:"submit",hidden:!0})]})})}));function Tt(e){let{header:t,children:o,closable:a=!0,show:i,onHide:s,bodyAs:c,headerAs:l="h5",...d}=e;return r(B,{...d,onHide:s,show:i,children:[t&&n(B.Header,{closeButton:a,children:n(B.Title,{as:l,children:t})}),n(B.Body,{as:c,children:o})]})}const $t=m(((e,t)=>{let{text:a,offcanvasProps:i,children:s,onShow:c,onHide:l,as:d=ye,...u}=e;const{state:h,show:m,hide:f}=zt({onShow:c,onHide:l});w(t,(()=>({close:f})));const p=y(d,{...u,onClick:m},a);return r(o,{children:[p,n(Tt,{header:a,...i,...h,children:s})]})}));function Ht(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const n=a(e);return s((()=>{n.current=e})),u((function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.current?.(...t)}),t)}function Bt(e){const{value:t,defaultValue:n,onChange:r,shouldUpdate:o=((e,t)=>e!==t)}=e,a=Ht(r),s=Ht(o),[c,l]=i(n),d=void 0!==t,u=d?t:c,h=Ht((e=>{const t="function"==typeof e?e(u):e;s(u,t)&&(d||l(t),a(t))}),[d,a,u,s]);return[u,h]}const Et=m(((e,t)=>{let{className:o,rowClassName:c,paginate:l=!0,sync:d=!1,columns:h=3,source:m,renderItem:f,renderEmpty:p}=e;const[g,y]=i([]),[v,b]=i(l?{total:0,current:1,pageSize:10}:null),[x,k]=i(!0),[C,N]=X({}),[S,z]=Bt({value:d?C.page||1:void 0,defaultValue:1,onChange:e=>{d&&N({page:e||void 0})}}),P=u((async function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]||k(!0);try{let e;const t={page:S>1?S:void 0};e="string"==typeof m?await Se({url:m,params:t}):await m(t),l&&ft(e)&&(e.last_page>1&&b({total:e.total,current:e.current_page,pageSize:e.per_page}),e=e.data),y(e)}catch(e){}finally{k(!1)}}),[m,y,S]);s((()=>{P()}),[S]),s((()=>{j.current={reload:P}}),[P]);const j=a({reload:P});return w(t,(()=>j.current)),r(Lt,{className:o,children:[n(He,{wrap:!0,loading:x}),0===g.length&&!x&&p?.(),n(E,{className:J(c,"g-4"),children:g.map(((e,t)=>n(L,{className:"d-flex",md:12/h,children:f(e)},`card-${t}`)))}),v&&n(_t,{...v,onChange:z})]})})),Lt=G.div`
|
|
71
71
|
|
|
72
72
|
`,_t=G(pt)`
|
|
73
73
|
margin-bottom: 0;
|
|
74
74
|
justify-content: flex-end;
|
|
75
75
|
margin-top: 1rem;
|
|
76
|
-
`;var Dt=v(Et);function Rt(){const[e,t]=i(!1),n=a();return s((()=>()=>{n.current&&clearTimeout(n.current)}),[]),{copied:e,copy:u((e=>{Z(e),t(!0),n.current&&clearTimeout(n.current),n.current=setTimeout((()=>{t(!1),n.current=void 0}),3e3)}),[])}}function Mt(e){let{as:t="div",className:r,content:o,tooltip:a=!0,placement:i}=e;const{copy:s,copied:c}=Rt(),l=a?n("i",c?{className:"bi bi-clipboard-check"}:{className:"bi bi-clipboard"}):c?"已复制":"复制",d=y(t,{role:"button",className:r,onClick:()=>{"function"==typeof o&&(o=o()),s(o)}},l);return a?n(pe,{tooltip:c?"已复制":"复制",placement:i,children:d}):d}const Ft=c({images:new Map,current:0,setCurrent:()=>null,setShow:()=>null,registerImage:()=>()=>null,getId:()=>0}),Ot=f((()=>import("./index-
|
|
76
|
+
`;var Dt=v(Et);function Rt(){const[e,t]=i(!1),n=a();return s((()=>()=>{n.current&&clearTimeout(n.current)}),[]),{copied:e,copy:u((e=>{Z(e),t(!0),n.current&&clearTimeout(n.current),n.current=setTimeout((()=>{t(!1),n.current=void 0}),3e3)}),[])}}function Mt(e){let{as:t="div",className:r,content:o,tooltip:a=!0,placement:i}=e;const{copy:s,copied:c}=Rt(),l=a?n("i",c?{className:"bi bi-clipboard-check"}:{className:"bi bi-clipboard"}):c?"已复制":"复制",d=y(t,{role:"button",className:r,onClick:()=>{"function"==typeof o&&(o=o()),s(o)}},l);return a?n(pe,{tooltip:c?"已复制":"复制",placement:i,children:d}):d}const Ft=c({images:new Map,current:0,setCurrent:()=>null,setShow:()=>null,registerImage:()=>()=>null,getId:()=>0}),Ot=f((()=>import("./index-ILoqhTK8.js"))),At=f((()=>import("./image-NFxDL3It.js")));function Ut(e){return n(p,{fallback:null,children:n(Ot,{...e})})}Ut.Image=function(e){return n(p,{fallback:null,children:n(At,{...e})})},Ut.Context=Ft;const It=f((()=>import("./infinite-scroller-3KIeEQQa.js"))),qt=m(((e,t)=>n(p,{fallback:null,children:n(It,{...e,ref:t})}))),Wt=f((()=>import("./slider-KuqHu6UH.js")));function Gt(e){return n(p,{fallback:null,children:n(Wt,{...e})})}function Kt(e){let{children:t}=e;return r(I,{children:[n(Vt,{}),t]})}const Vt=V`
|
|
77
77
|
${ee.extractCss()}
|
|
78
|
-
|
|
78
|
+
`,Yt=f((()=>import("./cascader-pKgfaE9t.js")));function Qt(e){return n(p,{fallback:null,children:n(Yt,{...e})})}function Jt(e,t,n){const r=a(e),o=a(M(e,t,n));return s((()=>{r.current=e})),s((()=>{o.current=M((function(){r.current(...arguments)}),t,n)}),[t,n]),o.current}function Xt(e){const[t,n]=i((()=>te("function"==typeof e?e():e,!0)));return[t,u((e=>{n("function"==typeof e?ne(e):te(e))}),[])]}function Zt(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"lg";function t(){const t=e=>{switch(e){case"xxl":return window.innerWidth>=1400;case"xl":return window.innerWidth>=1200;case"lg":return window.innerWidth>=992;case"md":return window.innerWidth>=768;case"sm":return window.innerWidth>=576;default:return!0}};return{isMobile:!t(e),width:window.innerWidth,match:t}}const[n,r]=i(t),o=Jt((()=>{r(t())}),100);return s((()=>(window.addEventListener("resize",o),()=>window.removeEventListener("resize",o))),[]),n}var en;!function(e){e[e.init=0]="init",e[e.play=1]="play",e[e.pause=2]="pause",e[e.end=3]="end"}(en||(en={}));const tn=(e,t)=>{let n=a(!1);const[r,o]=i((()=>{const{lang:e="default",name:n=""}=t.voice||{};return{isPlaying:!1,status:en[en.init],lang:t.lang||"default",voiceInfo:{lang:e,name:n},rate:t.rate||1,pitch:t.pitch||1,volume:t.volume||1}})),c=u((()=>{n.current&&o((e=>({...e,isPlaying:!0,status:en[en.play]})))}),[]),l=u((()=>{n.current&&o((e=>({...e,isPlaying:!1,status:en[en.pause]})))}),[]),d=u((()=>{n.current&&o((e=>({...e,isPlaying:!1,status:en[en.end]})))}),[]);return s((()=>{n.current=!0;const r=new SpeechSynthesisUtterance(e);return t.lang&&(r.lang=t.lang),t.voice&&(r.voice=t.voice),r.rate=t.rate||1,r.pitch=t.pitch||1,r.volume=t.volume||1,r.onstart=c,r.onpause=l,r.onresume=c,r.onend=d,window.speechSynthesis.speak(r),()=>{n.current=!1}}),[]),r};function nn(e,t){s((()=>{const t=e();!async function(){await t}()}),t)}export{Rt as $,Pt as A,ye as B,Ve as C,ve as D,et as E,kt as F,Tt as G,pe as H,Ft as I,Dt as J,Mt as K,He as L,ie as M,gt as N,$t as O,pt as P,Ut as Q,Ie as R,tt as S,ge as T,qt as U,Gt as V,Le as W,Kt as X,Qt as Y,je as Z,zt as _,Zt as a,tn as a0,nn as a1,ke as a2,Ce as a3,Bt as b,ze as c,Xt as d,be as e,xe as f,Me as g,Pe as h,ft as i,Fe as j,Oe as k,Ae as l,Ze as m,Je as n,Xe as o,it as p,st as q,Se as r,ct as s,yt as t,Jt as u,vt as v,Re as w,bt as x,Nt as y,jt as z};
|
package/es/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Button,C as Card,J as CardList,K as Clipboard,E as Error,F as Form,v as ImageZoom,U as InfiniteScroller,Q as Lightbox,L as Loader,t as LoadingButton,M as Message,D as Modal,A as ModalButton,z as ModalForm,N as NumberFormat,G as Offcanvas,O as OffcanvasButton,P as Pagination,m as Panel,n as PanelGroup,W as Qrcode,x as RequestButton,R as Result,V as Slider,S as Space,s as Statistic,q as Step,p as Steps,y as Table,e as Toast,X as ToastProvider,H as Tooltip,j as formatLongNumber,h as formatNumber,g as formatSize,l as getAbsoluteUrl,k as isImageUrl,f as isRecord,
|
|
1
|
+
export{B as Button,C as Card,J as CardList,Y as Cascader,K as Clipboard,E as Error,F as Form,v as ImageZoom,U as InfiniteScroller,Q as Lightbox,L as Loader,t as LoadingButton,M as Message,D as Modal,A as ModalButton,z as ModalForm,N as NumberFormat,G as Offcanvas,O as OffcanvasButton,P as Pagination,m as Panel,n as PanelGroup,W as Qrcode,x as RequestButton,R as Result,V as Slider,S as Space,s as Statistic,q as Step,p as Steps,y as Table,e as Toast,X as ToastProvider,H as Tooltip,j as formatLongNumber,h as formatNumber,g as formatSize,l as getAbsoluteUrl,k as isImageUrl,f as isRecord,a2 as isRequestError,r as request,a3 as showRequestError,a1 as useAsyncEffect,$ as useClipboard,b as useControllableState,u as useDebounce,d as useImmer,_ as useOverlayState,o as usePanel,Z as useRequest,c as useSafeState,a0 as useSpeech,a as useWindowSize,w as waitPayComplete}from"./index-p8qeeIlv.js";export{StyleSheetManager,ThemeProvider,createGlobalStyle,css,keyframes,default as styled}from"styled-components";export{useAsync,useAsyncCallback}from"react-async-hook";export{useInView}from"react-intersection-observer";export{default as queryString}from"query-string";export{freeze,immerable,produce}from"immer";export{default as dayjs}from"dayjs";import"sweetalert2/dist/sweetalert2.js";import"sweetalert2-react-content";import"react/jsx-runtime";import"react";import"react-bootstrap";import"lodash";import"axios";import"retry-axios";import"notistack";import"path";import"dayjs/locale/zh-cn";import"dayjs/plugin/relativeTime";import"classnames";import"use-url-search-params";import"copy-to-clipboard";import"goober";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{memo as a,forwardRef as r,useState as e,useCallback as o,useImperativeHandle as i}from"react";import s from"react-infinite-scroller";import{d as m,r as n,i as p}from"./index-
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{memo as a,forwardRef as r,useState as e,useCallback as o,useImperativeHandle as i}from"react";import s from"react-infinite-scroller";import{d as m,r as n,i as p}from"./index-p8qeeIlv.js";import{last as d}from"lodash";import"sweetalert2/dist/sweetalert2.js";import"sweetalert2-react-content";import"react-bootstrap";import"axios";import"query-string";import"retry-axios";import"notistack";import"path";import"react-async-hook";import"styled-components";import"dayjs";import"dayjs/locale/zh-cn";import"dayjs/plugin/relativeTime";import"classnames";import"use-url-search-params";import"copy-to-clipboard";import"goober";import"immer";import"react-intersection-observer";var c=a(r(((a,r)=>{let{source:c,render:l,as:u,useWindow:f,className:g,getState:y,limit:h=10}=a;const[w,j]=e(!1),[x,b]=m({params:{},end:!1,data:[]}),v=o((async function(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!w){j(!0);try{let a;const r=t?{}:x.params;a="string"==typeof c?await n({url:c,params:r}):await c(r),y||(y=t=>p(t)?{params:{page:t.current_page+1},end:t.current_page>=t.last_page,data:t.data}:{params:{offset:d(t)?.id},end:t.length<h,data:t});const e=y(a);b({...e,data:t?e.data:[...x.data,...e.data]})}catch{b({...x,end:!0})}finally{j(!1)}}}),[c,x,y,w]),_=o((()=>{v(!0)}),[v]);i(r,(()=>({reload:_})),[_]);const k=o((t=>{b((a=>{const r=t(a.data);r&&(a.data=r)}))}),[b]);return t(s,{className:g,hasMore:!x.end,pageStart:0,loadMore:()=>{v()},useWindow:f,element:u,children:l({data:x.data,setData:k,end:x.end,loading:w,action:{reload:_}})})})));export{c as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@topthink/components",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.11",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"prebuild": "rimraf es types",
|
|
6
6
|
"build": "rollup -c --environment NODE_ENV:production",
|
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
"notistack": "^3.0.1",
|
|
33
33
|
"qrcode.react": "^4.0.1",
|
|
34
34
|
"query-string": "^8.1.0",
|
|
35
|
+
"rc-cascader": "^3.33.1",
|
|
35
36
|
"rc-slider": "^10.6.2",
|
|
36
37
|
"rc-steps": "^4.1.4",
|
|
37
38
|
"rc-table": "^7.47.1",
|
|
@@ -73,5 +74,5 @@
|
|
|
73
74
|
},
|
|
74
75
|
"author": "yunwuxin <tzzhangyajun@qq.com> (https://github.com/yunwuxin)",
|
|
75
76
|
"license": "MIT",
|
|
76
|
-
"gitHead": "
|
|
77
|
+
"gitHead": "f98bd75fbb01496c5ce753d876cc0b0d7b6561c0"
|
|
77
78
|
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { CascaderProps as RcCascaderProps } from 'rc-cascader';
|
|
2
|
+
import 'rc-cascader/assets/index.less';
|
|
3
|
+
export interface CascaderProps extends RcCascaderProps {
|
|
4
|
+
size?: 'sm' | 'lg';
|
|
5
|
+
}
|
|
6
|
+
export default function Cascader({ size, allowClear, ...props }: CascaderProps): import("react/jsx-runtime").JSX.Element;
|
package/types/index.d.ts
CHANGED
|
@@ -39,6 +39,7 @@ export { default as InfiniteScroller, InfiniteScrollerType } from './components/
|
|
|
39
39
|
export { default as Slider } from './components/slider';
|
|
40
40
|
export { default as Qrcode } from './components/qrcode';
|
|
41
41
|
export { default as ToastProvider } from './components/toast-provider';
|
|
42
|
+
export { default as Cascader, CascaderProps } from './components/cascader';
|
|
42
43
|
export { default as useRequest } from './hooks/use-request';
|
|
43
44
|
export { default as useOverlayState } from './hooks/use-overlay-state';
|
|
44
45
|
export { default as useControllableState } from './hooks/use-controllable-state';
|
|
@@ -56,4 +57,4 @@ export { ComponentsTheme } from './theme';
|
|
|
56
57
|
export { useAsync, useAsyncCallback } from 'react-async-hook';
|
|
57
58
|
export { useInView } from 'react-intersection-observer';
|
|
58
59
|
export { default as queryString } from 'query-string';
|
|
59
|
-
export { Draft, freeze, produce } from 'immer';
|
|
60
|
+
export { Draft, freeze, produce, immerable } from 'immer';
|