@zjpcy/simple-design 1.1.2 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/es/Cascader/index.js +1 -1
- package/dist/es/Input/InputBase.js +1 -1
- package/dist/es/Input/Number.js +1 -1
- package/dist/es/Label/index.js +1 -0
- package/dist/es/Label/styles.js +1 -0
- package/dist/es/Message/index.js +1 -1
- package/dist/es/Modal/index.js +1 -1
- package/dist/es/Pagination/index.js +1 -1
- package/dist/es/Radio/index.js +1 -1
- package/dist/es/Rate/index.js +1 -0
- package/dist/es/Select/index.js +1 -1
- package/dist/es/Slider/index.js +1 -0
- package/dist/es/Switch/index.js +1 -0
- package/dist/es/Switch/styles.js +1 -0
- package/dist/es/Table/index.js +1 -1
- package/dist/es/Tabs/index.js +1 -1
- package/dist/es/Transfer/index.js +1 -0
- package/dist/es/Transfer/styles.js +1 -0
- package/dist/es/TreeSelect/index.js +1 -0
- package/dist/es/TreeSelect/styles.js +1 -0
- package/dist/es/index.css +1 -1
- package/dist/es/index.js +1 -1
- package/dist/es/node_modules/tslib/tslib.es6.js +1 -1
- package/dist/types/components/Cascader/types.d.ts +1 -0
- package/dist/types/components/Input/InputBase.d.ts +10 -0
- package/dist/types/components/Input/Number.d.ts +2 -0
- package/dist/types/components/Label/index.d.ts +5 -0
- package/dist/types/components/Label/styles.d.ts +1 -0
- package/dist/types/components/Label/types.d.ts +9 -0
- package/dist/types/components/Message/index.d.ts +16 -0
- package/dist/types/components/Modal/types.d.ts +6 -0
- package/dist/types/components/Pagination/types.d.ts +1 -4
- package/dist/types/components/Radio/types.d.ts +8 -0
- package/dist/types/components/Rate/index.d.ts +5 -0
- package/dist/types/components/Rate/types.d.ts +27 -0
- package/dist/types/components/Select/types.d.ts +8 -0
- package/dist/types/components/Slider/index.d.ts +5 -0
- package/dist/types/components/Slider/types.d.ts +28 -0
- package/dist/types/components/Switch/index.d.ts +16 -0
- package/dist/types/components/Switch/styles.d.ts +36 -0
- package/dist/types/components/Switch/types.d.ts +81 -0
- package/dist/types/components/Table/index.d.ts +10 -2
- package/dist/types/components/Tabs/types.d.ts +6 -1
- package/dist/types/components/Transfer/index.d.ts +21 -0
- package/dist/types/components/Transfer/styles.d.ts +104 -0
- package/dist/types/components/Transfer/types.d.ts +232 -0
- package/dist/types/components/TreeSelect/index.d.ts +24 -0
- package/dist/types/components/TreeSelect/styles.d.ts +56 -0
- package/dist/types/components/TreeSelect/types.d.ts +107 -0
- package/dist/types/components/index.d.ts +7 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__spreadArray as e,__assign as n}from"../node_modules/tslib/tslib.es6.js";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as a,useRef as c,useCallback as i,useEffect as o}from"react";import l from"../Icon/Icon.js";import u from"../Empty/index.js";var d=function(d){var s,f,v=d.value,m=d.defaultValue,h=d.onChange,p=d.options,g=void 0===p?[]:p,y=d.placeholder,b=void 0===y?"请选择":y,x=d.disabled,A=void 0!==x&&x,w=d.size,N=void 0===w?"middle":w,k=d.style,j=d.className,C=void 0===j?"":j,z=d.allowClear,L=void 0===z||z,E=d.expandTrigger,I=void 0===E?"click":E,R=d.changeOnSelect,T=void 0!==R&&R,B=d.fieldNames,H=void 0===B?{}:B,O=d.width,P=d.dropdownWidth,S=d.dropdownHeight,D=d.dropdownStyle,M=void 0===D?{}:D,V=d.dropdownClassName,W=void 0===V?"":V,_=d.placement,q=void 0===_?"bottomLeft":_,F=d.checkbox,G=void 0!==F&&F,J=a(!1),K=J[0],Q=J[1],U=a([]),X=U[0],Y=U[1],Z=a([]),$=Z[0],ee=Z[1],ne=c(null),re=c(null),te=H.label,ae=void 0===te?"label":te,ce=H.value,ie=void 0===ce?"value":ce,oe=H.children,le=void 0===oe?"children":oe,ue=i(function(e){return e[ie]||e.value},[ie]),de=i(function(e){return e[ae]||e.label},[ae]),se=i(function(e){return e[le]||e.children},[le]),fe=i(function(e){for(var n=[],r=g,t=function(e){var t=r.find(function(n){return ue(n)===e});if(!t)return{value:n};n.push(t),r=se(t)||[]},a=0,c=e;a<c.length;a++){var i=t(c[a]);if("object"==typeof i)return i.value}return n},[g,ue,se]),ve=i(function(e){for(var n=[],r=g,t=function(e){var t=r.find(function(n){return ue(n)===e});if(!t)return{value:n};n.push(t),r=se(t)||[]},a=0,c=e;a<c.length;a++){var i=t(c[a]);if("object"==typeof i)return i.value}return n},[g,ue,se]),me=i(function(){var e=void 0!==v?v:m;return!e||Array.isArray(e)&&0===e.length?[]:G?Array.isArray(e)&&Array.isArray(e[0])?e:[e]:Array.isArray(e)&&!Array.isArray(e[0])?[e]:[]},[v,m,G]),he=a(me()),pe=he[0],ge=he[1];o(function(){var e=void 0!==v?v:m;if(!e)return ge([]),void Y([]);if(G){var n=void 0;n=Array.isArray(e)?0===e.length?[]:Array.isArray(e[0])?e:[e]:[],ge(n);var r=n.map(function(e){return ve(e)});Y(r.map(function(e){return e&&0!==e.length?e[e.length-1]:null}).filter(function(e){return null!==e}))}else{(n=Array.isArray(e)&&!Array.isArray(e[0])?e:e[0])&&n.length>0?ge([n]):ge([])}},[v,m,G,ve]);var ye=i(function(){return G?X&&0!==X.length?X.map(function(e){return de(e)}).join(", "):b:0!==pe.length&&pe[0]&&0!==pe[0].length?fe(pe[0]).map(function(e){return de(e)}).join(" / "):b},[pe,X,G,fe,de,b]),be=i(function(n,r){if(G){var t=e([],X,!0),a=t.findIndex(function(e){return ue(e)===ue(n)});a>-1?t.splice(a,1):t.push(n),Y(t);var c=t.map(function(e){return Ae(e)});null==h||h(c,t),void 0===v&&ge(c)}else{var i=e(e([],$.slice(0,r),!0),[ue(n)],!1);ee(i);var o=se(n);if(o&&o.length>0){if(T){var l=fe(i);null==h||h(i,l),void 0===v&&ge([i])}}else{var u=fe(i);null==h||h(i,u),void 0===v&&ge([i]),Q(!1),ee([])}}},[$,X,G,ue,de,se,T,fe,h,v]),xe=i(function(n,r){if("hover"===I){var t=e(e([],$.slice(0,r),!0),[ue(n)],!1);ee(t)}},[$,I,ue]),Ae=i(function(n){var r=[],t=function(n,a,c){for(var i=0,o=n;i<o.length;i++){var l=o[i],u=e(e([],c,!0),[ue(l)],!1);if(ue(l)===ue(a))return r.push.apply(r,u),!0;var d=se(l);if(d&&d.length>0&&t(d,a,u))return!0}return!1};return t(g,n,[]),r},[g,ue,se]),we=i(function(e){e.stopPropagation(),G?(null==h||h([],[]),Y([]),void 0===v&&ge([])):(null==h||h([],[]),void 0===v&&ge([])),ee([])},[h,v,G]),Ne=i(function(){A||Q(!K)},[K,A]);o(function(){var e=function(e){ne.current&&!ne.current.contains(e.target)&&(Q(!1),ee([]))};return K&&document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}},[K]);var ke=i(function(e){if(0===e)return g;for(var n=$.slice(0,e),r=g,t=function(e){var n=r.find(function(n){return ue(n)===e});if(!n)return{value:[]};r=se(n)||[]},a=0,c=n;a<c.length;a++){var i=t(c[a]);if("object"==typeof i)return i.value}return r},[g,$,ue,se]);o(function(){G||(K&&pe.length>0&&pe[0]?ee(pe[0]):K||ee([]))},[K,pe,G]);var je=i(function(e){return!!G&&X.some(function(n){return ue(n)===ue(e)})},[X,G,ue]),Ce=i(function(e,n){return!G&&(!(n>=pe.length||!pe[0])&&pe[0][n]===ue(e))},[pe,G,ue]),ze=i(function(e,n){return!(n>=$.length)&&$[n]===ue(e)},[$,ue]),Le=i(function(){if(0===$.length)return 1;for(var e=$.length,n=g,r=function(e){var r=n.find(function(n){return ue(n)===e});if(!r)return"break";n=se(r)||[]},t=0,a=$;t<a.length;t++){if("break"===r(a[t]))break}return n&&n.length>0&&e++,e},[$,g,ue,se]),Ee=i(function(){return O?n(n({},k),{width:"number"==typeof O?"".concat(O,"px"):O}):k},[O,k]),Ie=i(function(){var e=n({},M);switch(q){case"bottomLeft":e.top="100%",e.left="0",e.marginTop="4px";break;case"bottomRight":e.top="100%",e.right="0",e.marginTop="4px";break;case"topLeft":e.bottom="100%",e.left="0",e.marginBottom="4px";break;case"topRight":e.bottom="100%",e.right="0",e.marginBottom="4px"}return P&&(e.width="number"==typeof P?"".concat(P,"px"):P),S&&(e.maxHeight="number"==typeof S?"".concat(S,"px"):S),e},[P,S,M,q]);return r("div",{ref:ne,className:"cascader cascader-".concat(N," ").concat(C," ").concat(A?"cascader-disabled":""," ").concat(K?"cascader-open":""),style:Ee(),children:[r("div",{className:"cascader-trigger",onClick:Ne,children:[t("span",{className:"cascader-selection-placeholder ".concat(G?X.length>0?"cascader-selection-hidden":"":pe.length>0&&(null===(s=pe[0])||void 0===s?void 0:s.length)>0?"cascader-selection-hidden":""),children:b}),t("span",{className:"cascader-selection-value ".concat(G?0===X.length?"cascader-selection-hidden":"":pe[0]&&0!==pe[0].length?"":"cascader-selection-hidden"),children:ye()}),t("span",{className:"cascader-arrow",children:t(l,{type:"arrowDown",size:12})}),L&&(G?X.length>0:pe.length>0&&(null===(f=pe[0])||void 0===f?void 0:f.length)>0)&&!A&&t("span",{className:"cascader-clear",onClick:we,children:t(l,{type:"close",size:12})})]}),K&&t("div",{className:"cascader-dropdown cascader-dropdown-".concat(q," ").concat(W),ref:re,style:Ie(),children:t("div",{className:"cascader-menus",style:{width:P?void 0:"".concat(180*Le(),"px")},children:Array.from({length:Le()}).map(function(e,n){return function(e){var n=ke(e);return n&&0!==n.length?t("ul",{className:"cascader-menu cascader-menu-".concat(e," ").concat(G?"cascader-menu-checkbox":""),children:n.map(function(n,a){var c=G?je(n):Ce(n,e),i=ze(n,e),o=se(n)&&se(n).length>0,u=n.disabled;return r("li",{className:"cascader-menu-item ".concat(c?"cascader-menu-item-selected":""," ").concat(i?"cascader-menu-item-active":""," ").concat(u?"cascader-menu-item-disabled":""),onClick:function(){return!u&&be(n,e)},onMouseEnter:function(){return!u&&xe(n,e)},children:[G&&t("span",{className:"cascader-menu-item-checkbox",children:t("input",{type:"checkbox",checked:c,readOnly:!0,onClick:function(e){return e.stopPropagation()}})}),t("span",{className:"cascader-menu-item-content",children:de(n)}),o&&t("span",{className:"cascader-menu-item-expand-icon",children:t(l,{type:"arrowRight",size:12,color:"#bfbfbf"})})]},"".concat(ue(n),"-").concat(a))})}):t("div",{className:"cascader-menu cascader-menu-empty",children:t(u,{size:"small",description:"暂无数据"})})}(n)})})})]})};export{d as default};
|
|
1
|
+
import{__spreadArray as n,__assign as e}from"../node_modules/tslib/tslib.es6.js";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as a,useRef as i,useCallback as c,useEffect as o}from"react";import l from"../Icon/Icon.js";import u from"../Empty/index.js";var s=function(s){var d,f,v=s.value,h=s.defaultValue,p=s.onChange,m=s.options,g=void 0===m?[]:m,y=s.placeholder,b=void 0===y?"请选择":y,x=s.disabled,N=void 0!==x&&x,A=s.size,k=void 0===A?"middle":A,w=s.style,j=s.className,C=void 0===j?"":j,I=s.allowClear,z=void 0===I||I,E=s.expandTrigger,W=void 0===E?"click":E,L=s.changeOnSelect,P=void 0!==L&&L,R=s.fieldNames,T=void 0===R?{}:R,B=s.width,H=s.dropdownWidth,O=s.dropdownHeight,S=s.dropdownStyle,D=void 0===S?{}:S,M=s.dropdownClassName,V=void 0===M?"":M,_=s.placement,q=void 0===_?"bottomLeft":_,F=s.checkbox,G=void 0!==F&&F,J=s.autoWidth,K=void 0!==J&&J,Q=a(!1),U=Q[0],X=Q[1],Y=a([]),Z=Y[0],$=Y[1],nn=a([]),en=nn[0],rn=nn[1],tn=i(null),an=i(null),cn=T.label,on=void 0===cn?"label":cn,ln=T.value,un=void 0===ln?"value":ln,sn=T.children,dn=void 0===sn?"children":sn,fn=c(function(n){return n[un]||n.value},[un]),vn=c(function(n){return n[on]||n.label},[on]),hn=c(function(n){return n[dn]||n.children},[dn]),pn=c(function(n){for(var e=[],r=g,t=function(n){var t=r.find(function(e){return fn(e)===n});if(!t)return{value:e};e.push(t),r=hn(t)||[]},a=0,i=n;a<i.length;a++){var c=t(i[a]);if("object"==typeof c)return c.value}return e},[g,fn,hn]),mn=c(function(n){for(var e=[],r=g,t=function(n){var t=r.find(function(e){return fn(e)===n});if(!t)return{value:e};e.push(t),r=hn(t)||[]},a=0,i=n;a<i.length;a++){var c=t(i[a]);if("object"==typeof c)return c.value}return e},[g,fn,hn]),gn=c(function(){var n=void 0!==v?v:h;return!n||Array.isArray(n)&&0===n.length?[]:G?Array.isArray(n)&&Array.isArray(n[0])?n:[n]:Array.isArray(n)&&!Array.isArray(n[0])?[n]:[]},[v,h,G]),yn=a(gn()),bn=yn[0],xn=yn[1];o(function(){var n=void 0!==v?v:h;if(!n)return xn([]),void $([]);if(G){var e=void 0;e=Array.isArray(n)?0===n.length?[]:Array.isArray(n[0])?n:[n]:[],xn(e);var r=e.map(function(n){return mn(n)});$(r.map(function(n){return n&&0!==n.length?n[n.length-1]:null}).filter(function(n){return null!==n}))}else{(e=Array.isArray(n)&&!Array.isArray(n[0])?n:n[0])&&e.length>0?xn([e]):xn([])}},[v,h,G,mn]);var Nn=c(function(n){var e=[],r=function(n,t){for(var a=0,i=n;a<i.length;a++){var c=i[a];if(fn(c)===fn(t))return e.push(vn(c)),!0;var o=hn(c);if(o&&o.length>0&&r(o,t))return e.unshift(vn(c)),!0}return!1};return r(g,n),e},[g,fn,vn,hn]),An=c(function(){if(G){if(!Z||0===Z.length)return b;var n=Z.filter(function(n){var e=hn(n);return!e||0===e.length}).map(function(n){return Nn(n).join("/")});return n.length>3?n.slice(0,3).join(", ")+" +".concat(n.length-3):n.join(", ")}return 0!==bn.length&&bn[0]&&0!==bn[0].length?pn(bn[0]).map(function(n){return vn(n)}).join(" / "):b},[bn,Z,G,pn,vn,b,Nn,hn]),kn=c(function(e){var r=[],t=function(e,a,i){for(var c=0,o=e;c<o.length;c++){var l=o[c],u=n(n([],i,!0),[fn(l)],!1);if(fn(l)===fn(a))return r.push.apply(r,u),!0;var s=hn(l);if(s&&s.length>0&&t(s,a,u))return!0}return!1};return t(g,e,[]),r},[g,fn,hn]),wn=c(function(n,e){var r=kn(e),t=kn(n);if(t.length<=r.length)return!1;for(var a=0;a<r.length;a++)if(r[a]!==t[a])return!1;return!0},[kn]),jn=c(function(e){var r=[],t=function(e,a,i){for(var c=0,o=e;c<o.length;c++){var l=o[c];if(fn(l)===fn(a))return r.unshift(l),!0;var u=hn(l);if(u&&u.length>0&&t(u,a,n(n([],i,!0),[l],!1)))return r.unshift(l),!0}return!1};return t(g,e,[]),r},[g,fn,hn]),Cn=c(function(e,r,t){if(e.stopPropagation(),G){var a=n([],Z,!0),i=a.findIndex(function(n){return fn(n)===fn(r)});if(i>-1){a.splice(i,1);var c=a.filter(function(n){return!wn(n,r)});a.splice.apply(a,n([0,a.length],c,!1))}else{jn(r).forEach(function(n){-1===a.findIndex(function(e){return fn(e)===fn(n)})&&a.push(n)})}$(a);var o=a.map(function(n){return kn(n)});null==p||p(o,a),void 0===v&&xn(o);var l=hn(r);if(l&&l.length>0){var u=n(n([],en.slice(0,t),!0),[fn(r)],!1);rn(u)}else{u=en.slice(0,t+1);rn(u)}}},[Z,G,fn,hn,kn,jn,wn,p,v,en]),In=c(function(e,r){if(G){var t=n([],Z,!0),a=t.findIndex(function(n){return fn(n)===fn(e)});if(a>-1){t.splice(a,1);var i=t.filter(function(n){return!wn(n,e)});t.splice.apply(t,n([0,t.length],i,!1))}else{jn(e).forEach(function(n){-1===t.findIndex(function(e){return fn(e)===fn(n)})&&t.push(n)})}$(t);var c=t.map(function(n){return kn(n)});if(null==p||p(c,t),void 0===v&&xn(c),(l=hn(e))&&l.length>0){var o=n(n([],en.slice(0,r),!0),[fn(e)],!1);rn(o)}else{o=en.slice(0,r+1);rn(o)}}else{var l;o=n(n([],en.slice(0,r),!0),[fn(e)],!1);if(rn(o),(l=hn(e))&&l.length>0){if(P){var u=pn(o);null==p||p(o,u),void 0===v&&xn([o])}}else{var s=pn(o);null==p||p(o,s),void 0===v&&xn([o]),X(!1),rn([])}}},[en,Z,G,fn,vn,hn,P,pn,kn,jn,wn,p,v]),zn=c(function(e,r){if("hover"===W){var t=n(n([],en.slice(0,r),!0),[fn(e)],!1);rn(t)}},[en,W,fn]),En=c(function(e,r,t){if(e.stopPropagation(),G){var a=hn(r);if(a&&a.length>0){var i=n(n([],en.slice(0,t),!0),[fn(r)],!1);rn(i)}}else In(r,t)},[G,en,fn,hn,In]),Wn=c(function(n){n.stopPropagation(),G?(null==p||p([],[]),$([]),void 0===v&&xn([])):(null==p||p([],[]),void 0===v&&xn([])),rn([])},[p,v,G]),Ln=c(function(e,r){if(e.stopPropagation(),G){var t=n([],Z,!0),a=fn(r),i=t.findIndex(function(n){return fn(n)===a});if(i>-1){t.splice(i,1);var c=t.filter(function(n){return!wn(n,r)});t.splice.apply(t,n([0,t.length],c,!1));for(var o=jn(r),l=function(n){var e=o[n],r=fn(e);if(!t.some(function(n){return fn(n)!==r&&wn(n,e)})){var a=t.findIndex(function(n){return fn(n)===r});a>-1&&t.splice(a,1)}},u=o.length-2;u>=0;u--)l(u);$(t);var s=t.map(function(n){return kn(n)});null==p||p(s,t),void 0===v&&xn(s)}}},[Z,G,fn,kn,jn,wn,p,v]),Pn=c(function(){N||X(!U)},[U,N]);o(function(){var n=function(n){tn.current&&!tn.current.contains(n.target)&&(X(!1),rn([]))};return U&&document.addEventListener("mousedown",n),function(){document.removeEventListener("mousedown",n)}},[U]);var Rn=c(function(n){if(0===n)return g;for(var e=en.slice(0,n),r=g,t=function(n){var e=r.find(function(e){return fn(e)===n});if(!e)return{value:[]};r=hn(e)||[]},a=0,i=e;a<i.length;a++){var c=t(i[a]);if("object"==typeof c)return c.value}return r},[g,en,fn,hn]);o(function(){G||(U&&bn.length>0&&bn[0]?rn(bn[0]):U||rn([]))},[U,bn,G]);var Tn=c(function(n){return!!G&&Z.some(function(e){return fn(e)===fn(n)})},[Z,G,fn]),Bn=c(function(n,e){return!G&&(!(e>=bn.length||!bn[0])&&bn[0][e]===fn(n))},[bn,G,fn]),Hn=c(function(n,e){return!(e>=en.length)&&en[e]===fn(n)},[en,fn]),On=c(function(){if(0===en.length)return 1;for(var n=en.length,e=g,r=function(n){var r=e.find(function(e){return fn(e)===n});if(!r)return"break";e=hn(r)||[]},t=0,a=en;t<a.length;t++){if("break"===r(a[t]))break}return e&&e.length>0&&n++,n},[en,g,fn,hn]),Sn=c(function(){var n=e({},w);return B&&(n.width="number"==typeof B?"".concat(B,"px"):B),K||B?K&&!B?n.minWidth="180px":!K&&B&&(n.maxWidth="number"==typeof B?"".concat(B,"px"):B):(n.minWidth="180px",n.maxWidth="100%"),n},[B,w,K]),Dn=c(function(){var n=e({},D);switch(q){case"bottomLeft":n.top="100%",n.left="0",n.marginTop="4px";break;case"bottomRight":n.top="100%",n.right="0",n.marginTop="4px";break;case"topLeft":n.bottom="100%",n.left="0",n.marginBottom="4px";break;case"topRight":n.bottom="100%",n.right="0",n.marginBottom="4px"}return H&&(n.width="number"==typeof H?"".concat(H,"px"):H),O&&(n.maxHeight="number"==typeof O?"".concat(O,"px"):O),n},[H,O,D,q]);return r("div",{ref:tn,className:"cascader cascader-".concat(k," ").concat(C," ").concat(N?"cascader-disabled":""," ").concat(U?"cascader-open":""),style:Sn(),children:[r("div",{className:"cascader-trigger",onClick:Pn,children:[t("span",{className:"cascader-selection-placeholder ".concat(G?Z.length>0?"cascader-selection-hidden":"":bn.length>0&&(null===(d=bn[0])||void 0===d?void 0:d.length)>0?"cascader-selection-hidden":""),children:b}),G?t("div",{className:"cascader-selection-value ".concat(0===Z.length?"cascader-selection-hidden":""),children:Z.filter(function(n){var e=hn(n);return!e||0===e.length}).map(function(n){var e=Nn(n);return r("span",{className:"cascader-tag",children:[t("span",{className:"cascader-tag-content",children:e.join("/")}),t("span",{className:"cascader-tag-close",onClick:function(e){return!N&&Ln(e,n)},children:t(l,{type:"close",size:10})})]},fn(n))})}):t("span",{className:"cascader-selection-value ".concat(bn[0]&&0!==bn[0].length?"":"cascader-selection-hidden"),children:An()}),t("span",{className:"cascader-arrow",children:t(l,{type:"arrowDown",size:12})}),z&&(G?Z.length>0:bn.length>0&&(null===(f=bn[0])||void 0===f?void 0:f.length)>0)&&!N&&t("span",{className:"cascader-clear",onClick:Wn,children:t(l,{type:"close",size:12})})]}),U&&t("div",{className:"cascader-dropdown cascader-dropdown-".concat(q," ").concat(V),ref:an,style:Dn(),children:t("div",{className:"cascader-menus",style:{width:H?void 0:"".concat(180*On(),"px")},children:Array.from({length:On()}).map(function(n,e){return function(n){var e=Rn(n);return e&&0!==e.length?t("ul",{className:"cascader-menu cascader-menu-".concat(n," ").concat(G?"cascader-menu-checkbox":""),children:e.map(function(e,a){var i=G?Tn(e):Bn(e,n),c=Hn(e,n),o=hn(e)&&hn(e).length>0,u=e.disabled;return r("li",{className:"cascader-menu-item ".concat(i?"cascader-menu-item-selected":""," ").concat(c?"cascader-menu-item-active":""," ").concat(u?"cascader-menu-item-disabled":""),onClick:function(){return!u&&(G?void 0:In(e,n))},onMouseEnter:function(){return!u&&zn(e,n)},children:[G&&t("span",{className:"cascader-menu-item-checkbox",onClick:function(r){return!u&&Cn(r,e,n)},children:t("input",{type:"checkbox",checked:i,readOnly:!0})}),t("span",{className:"cascader-menu-item-content",onClick:function(r){return!u&&En(r,e,n)},children:vn(e)}),o&&t("span",{className:"cascader-menu-item-expand-icon",children:t(l,{type:"arrowRight",size:12,color:"#bfbfbf"})})]},"".concat(fn(e),"-").concat(a))})}):t("div",{className:"cascader-menu cascader-menu-empty",children:t(u,{size:"small",description:"暂无数据"})})}(e)})})})]})};export{s as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e,__assign as
|
|
1
|
+
import{__rest as e,__assign as l}from"../node_modules/tslib/tslib.es6.js";import{jsxs as a,jsx as n}from"react/jsx-runtime";import i from"react";import t from"../Icon/Icon.js";var o=function(o){var s=o.type,r=void 0===s?"text":s,c=o.placeholder,d=void 0===c?"":c,u=o.width,p=o.className,m=void 0===p?"":p,f=o.style,v=o.value,y=o.onChange,h=o.onBlur,b=o.onFocus,x=o.disabled,N=void 0!==x&&x,g=o.readOnly,w=void 0!==g&&g,C=o.onKeyDown,S=o.prefix,j=o.suffix,B=o.clear,D=void 0!==B&&B,F=o.extra,I=o.label,K=o.labelGap,O=void 0===K?8:K,z=o.labelClassName,G=void 0===z?"":z,k=o.labelStyle,R=e(o,["type","placeholder","width","className","style","value","onChange","onBlur","onFocus","disabled","readOnly","onKeyDown","prefix","suffix","clear","extra","label","labelGap","labelClassName","labelStyle"]),_=i.useState(!1),q=_[0],A=_[1],E=function(e){return e?"string"==typeof e?n(t,{type:e,size:"medium",color:"#909399"}):e:null},H=D&&!N&&!w&&q&&null!=v&&v.toString().length>0;return a("div",{className:"input-base-container",children:[a("div",{className:"input-label-wrapper",style:{display:"flex",alignItems:"center"},children:[I&&n("div",{className:"input-label ".concat(G),style:l({marginRight:"number"==typeof O?"".concat(O,"px"):O},k),children:I}),a("div",{className:"input-wrapper ".concat(m," ").concat(N?"input-disabled":""," ").concat(w?"input-readonly":""),style:l({width:u},f),children:[S&&n("div",{className:"input-prefix",children:E(S)}),n("input",l({type:r,placeholder:d,className:"input-inner",value:v,onChange:y,onBlur:function(e){A(!1),null==h||h(e)},onFocus:function(e){A(!0),null==b||b(e)},disabled:N,readOnly:w,onKeyDown:C},R)),a("div",{className:"input-suffix-group",children:[n("div",{className:"input-suffix-clear ".concat(H?"visible":""),onClick:function(){if(y&&!N&&!w){y({target:{value:""}})}},children:n(t,{type:"close",size:"medium",color:"#1890ff"})}),j&&n("div",{className:"input-suffix-content",children:E(j)})]})]})]}),F&&n("div",{className:"input-extra",children:F})]})};export{o as default};
|
package/dist/es/Input/Number.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e,__assign as s}from"../node_modules/tslib/tslib.es6.js";import{jsxs as a,jsx as i}from"react/jsx-runtime";import t from"react";import r from"./InputBase.js";var n=function(n){var l=n.nType,d=n.errorMessage,m=n.
|
|
1
|
+
import{__rest as e,__assign as s}from"../node_modules/tslib/tslib.es6.js";import{jsxs as a,jsx as i}from"react/jsx-runtime";import t from"react";import r from"./InputBase.js";var n=function(n){var l=n.nType,d=n.errorMessage,m=n.extra,g=n.value,o=n.onChange,u=e(n,["nType","errorMessage","extra","value","onChange"]),c=function(e){if(!e)return{isValid:!0,message:""};var s=("string"==typeof e?e:String(e)).trim(),a=parseFloat(s);if(isNaN(a))return{isValid:!1,message:"请输入有效的数字"};switch(l){case"positive-float":return/^\d+(\.\d+)?$/.test(s)&&a>0?{isValid:!0,message:""}:{isValid:!1,message:"请输入正浮点数"};case"negative-float":return/^-\d+(\.\d+)?$/.test(s)&&a<0?{isValid:!0,message:""}:{isValid:!1,message:"请输入负浮点数"};case"positive-integer":return/^\d+$/.test(s)&&a>0?{isValid:!0,message:""}:{isValid:!1,message:"请输入正整数"};case"negative-integer":return/^-\d+$/.test(s)&&a<0?{isValid:!0,message:""}:{isValid:!1,message:"请输入负整数"};case"integer":return/^-?\d+$/.test(s)?{isValid:!0,message:""}:{isValid:!1,message:"请输入整数"};case"negative":return/^-\d+(\.\d+)?$/.test(s)&&a<0?{isValid:!0,message:""}:{isValid:!1,message:"请输入负数"};case"positive":return/^\d+(\.\d+)?$/.test(s)&&a>0?{isValid:!0,message:""}:{isValid:!1,message:"请输入正数"};default:return{isValid:!0,message:""}}},v=t.useState({isValid:!0,message:""}),p=v[0],f=v[1];t.useEffect(function(){if(l&&g){var e=c(g);f(e)}},[l,g]);var V=d||p.message,h=!!V,N=!h&&m;return a("div",{className:"number-input-wrapper",children:[i(r,s({type:"text",value:g,onChange:function(e){var s=e.target.value;if(null==o||o(e),l){var a=c(s);f(a)}}},u,{className:"".concat(u.className||""," ").concat(h?"input-error":"")})),h&&i("div",{className:"input-error-message ".concat(h?"visible":""),children:V}),N&&i("div",{className:"input-extra",children:m})]})};export{n as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as i}from"../node_modules/tslib/tslib.es6.js";import{jsx as t}from"react/jsx-runtime";import{LabelWrapper as o}from"./styles.js";var r=function(r){var e=r.title,l=r.indicatorColor,a=void 0===l?"blue":l,d=r.indicatorWidth,n=void 0===d?"3px":d,c=r.indicatorHeight,s=void 0===c?"100%":c,p=r.paddingRight,m=void 0===p?"8px":p,u=r.style,b=function(i){return void 0===i?"":"number"==typeof i?"".concat(i,"px"):i},h={"--label-indicator-color":a,"--label-indicator-width":b(n),"--label-indicator-height":b(s),"--label-padding-right":b(m)},f=i(i({},h),u);return t(o,{className:"label-wrapper",style:f,children:e||null})};export{r as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__makeTemplateObject as n}from"../node_modules/tslib/tslib.es6.js";import i from"styled-components";var r,a=i.label(r||(r=n(["\n /* 基础样式 */\n background-color: #f5f5f5;\n padding: 8px;\n padding-right: var(--label-padding-right, 8px);\n border-radius: 4px;\n position: relative;\n display: inline-flex;\n align-items: center;\n \n /* 指示器样式 */\n &::after {\n content: ' ';\n position: absolute;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n width: var(--label-indicator-width, 3px);\n height: var(--label-indicator-height, 100%);\n background-color: var(--label-indicator-color, blue);\n border-radius: 2px;\n }\n"],["\n /* 基础样式 */\n background-color: #f5f5f5;\n padding: 8px;\n padding-right: var(--label-padding-right, 8px);\n border-radius: 4px;\n position: relative;\n display: inline-flex;\n align-items: center;\n \n /* 指示器样式 */\n &::after {\n content: ' ';\n position: absolute;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n width: var(--label-indicator-width, 3px);\n height: var(--label-indicator-height, 100%);\n background-color: var(--label-indicator-color, blue);\n border-radius: 2px;\n }\n"])));export{a as LabelWrapper};
|
package/dist/es/Message/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__spreadArray as n}from"../node_modules/tslib/tslib.es6.js";import{jsxs as
|
|
1
|
+
import{__spreadArray as n}from"../node_modules/tslib/tslib.es6.js";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{createContext as r,useState as o,useCallback as i,useContext as u}from"react";import{createRoot as c}from"react-dom/client";import s from"./Message.js";var a=0,f=new Map,d=function(n){var t=f.get(n);if(t){var e=t.container;t.root.unmount(),document.body.contains(e)&&document.body.removeChild(e),f.delete(n)}},l=function(n,t,r){void 0===r&&(r=3e3);var o=++a,i=function(){var n=document.createElement("div");return n.style.position="fixed",n.style.top="20px",n.style.left="50%",n.style.transform="translateX(-50%)",n.style.zIndex="1050",n.style.pointerEvents="none",document.body.appendChild(n),n}(),u=c(i);u.render(e(s,{type:n,content:t,duration:r,onClose:function(){d(o)}})),f.set(o,{container:i,root:u});var l=setTimeout(function(){d(o)},r);return{close:function(){clearTimeout(l),d(o)}}},m={success:function(n,t){l("success",n,t)},warning:function(n,t){l("warning",n,t)},error:function(n,t){l("error",n,t)},close:function(){f.forEach(function(n,t){return d(t)})}},p=r({message:null}),v=function(r){var u=r.children,c=o([]),a=c[0],f=c[1],d=o(0),l=d[0],m=d[1],v=i(function(t,e,r){void 0===r&&(r=3e3);var o=l;m(function(n){return n+1}),f(function(i){return n(n([],i,!0),[{id:o,type:t,content:e,duration:r}],!1)});var i=setTimeout(function(){u(o)},r),u=function(n){f(function(t){return t.filter(function(t){return t.id!==n})})};return{close:function(){clearTimeout(i),u(o)}}},[l]),y={success:function(n,t){return v("success",n,t)},warning:function(n,t){return v("warning",n,t)},error:function(n,t){return v("error",n,t)},close:function(){return f([])}};return t(p.Provider,{value:{message:y},children:[u,a.map(function(n){return e(s,{type:n.type,content:n.content,duration:n.duration,onClose:function(){return f(function(t){return t.filter(function(t){return t.id!==n.id})})}},n.id)})]})},y=function(){var n=u(p);return(null==n?void 0:n.message)?n.message:m};export{v as MessageProvider,s as default,m as message,y as useMessage};
|
package/dist/es/Modal/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as n}from"../node_modules/tslib/tslib.es6.js";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useState as e,useRef as t,useEffect as r}from"react";import{createPortal as d}from"react-dom";import a from"classnames";import c from"../Icon/Icon.js";import l from"../Flex/index.js";import m from"../Button/Button.js";var s=function(s){var p,u=s.visible,v=s.title,f=void 0===v?"标题":v,h=s.width,x=void 0===h?600:h,g=s.height,y=void 0===g?300:g,w=s.headerHeight,b=void 0===w?40:w,N=s.footerHeight,C=void 0===N?40:N,k=s.confirmLoading,_=void 0!==k&&k,j=s.direction,H=void 0===j?"normal":j,T=s.top,I=s.onCancel,W=s.onOk,z=s.children,L=s.footer,O=void 0===L?null:L,B=s.bordered,E=void 0!==B&&B,S=s.className,F=s.style,M=s.okText,P=void 0===M?"确认":M,X=s.cancelText,Y=void 0===X?"取消":X,$=s.getContainer,q=void 0===$?function(){return document.body}:$,A=s.maskStyle,D=s.maskClassName,G=s.zIndex,J=void 0===G?1e3:G,K=s.contentClassName,Q=s.contentStyle,R=s.destroyOnClose,U=void 0!==R&&R,V=e(!1),Z=V[0],nn=V[1],on=e(!1),en=on[0],tn=on[1],rn=e({x:0,y:0}),dn=rn[0],an=rn[1],cn=t(null),ln=H,mn=function(n){if("number"==typeof n)return n;var o=n.match(/^(\d+)px$/);return o?parseInt(o[1],10):0};r(function(){var n=function(n){cn.current={x:n.clientX,y:n.clientY}};return document.addEventListener("mousedown",n,!0),function(){document.removeEventListener("mousedown",n,!0)}},[]),r(function(){if(!u){tn(!0);var n=setTimeout(function(){nn(!1),tn(!1)},550);return function(){return clearTimeout(n)}}var o=function(){var n=cn.current;if(!n||"undefined"==typeof window)return{x:0,y:0};var o=y?mn(y):0;if("center"===ln&&void 0!==T){var i=window.innerWidth/2,e=T+(o>0?o/2:0);return{x:n.x-i,y:n.y-e}}if("center"===ln)return i=window.innerWidth/2,e=window.innerHeight/2,{x:n.x-i,y:n.y-e};if(void 0!==T&&o>0)return i=window.innerWidth/2,e=T+o/2,{x:n.x-i,y:n.y-e};return i=window.innerWidth/2,e=window.innerHeight/2,{x:n.x-i,y:n.y-e}}();an(o),tn(!1),nn(!0)},[u,550,y,T]);var sn=function(){tn(!0);var n=setTimeout(function(){nn(!1),tn(!1),null==I||I()},550);return function(){return clearTimeout(n)}},pn=function(){null==W||W()},un=n(((p={width:"number"==typeof x?"".concat(x,"px"):x,top:void 0!==T?"".concat(T,"px"):void 0})["--idp-modal-origin-x"]="".concat(dn.x,"px"),p["--idp-modal-origin-y"]="".concat(dn.y,"px"),p),F),vn={height:"number"==typeof b?"".concat(b,"px"):b},fn=y?mn(y):0,hn=mn(b),xn=mn(C),gn=fn>0?Math.max(0,fn-hn-xn):void 0,yn=n({},Q);if(!yn.maxHeight&&y){var wn=mn(y);yn.maxHeight="".concat(wn,"px")}!yn.maxHeight&&gn&&(yn.maxHeight="".concat(gn,"px"));var bn={height:"number"==typeof C?"".concat(C,"px"):C},Nn=function(){if(!Z&&!en)return null;var e=n({zIndex:J},A);return o("div",{className:a("idp-modal-overlay",{"idp-modal-overlay--visible":Z,"idp-modal-overlay--closing":en,"idp-modal-overlay--custom-top":void 0!==T},S,D),onClick:sn,style:e,children:i("div",{className:a("idp-modal-container",{"idp-modal-container--center-top":Z&&!en&&"center"===ln&&void 0!==T,"idp-modal-container--center":Z&&!en&&"center"===ln&&void 0===T,"idp-modal-container--top-right":Z&&!en&&"top-right"===ln,"idp-modal-container--bottom-right":Z&&!en&&"bottom-right"===ln,"idp-modal-container--normal":Z&&!en&&"normal"===ln,"idp-modal-container--closing-center-top":en&&"center"===ln&&void 0!==T,"idp-modal-container--closing-center":en&&"center"===ln&&void 0===T,"idp-modal-container--closing-top-right":en&&"top-right"===ln,"idp-modal-container--closing-bottom-right":en&&"bottom-right"===ln,"idp-modal-container--closing-normal":en&&"normal"===ln,"idp-modal-container--bordered":E,"idp-modal-container--has-height":void 0!==y}),style:un,onClick:function(n){return n.stopPropagation()},children:[i("div",{className:"idp-modal-header",style:vn,children:[o("div",{className:"idp-modal-header__left",children:o("span",{className:"idp-modal-header__title",children:f})}),o("div",{className:"idp-modal-header__right",children:o(c,{type:"close",size:24,color:"#339af0",onClick:sn,style:{cursor:"pointer",padding:"4px"}})})]}),Z&&o("div",{className:a("idp-modal-content",K),style:yn,children:U&&en?null:z}),o(l,{className:"idp-modal-footer",align:"center",justify:"flex-end",style:Object.assign({},bn,{padding:"0px 10px"}),gap:12,children:null===O?i(l,{className:"idp-modal-footer__actions",justify:"flex-end",gap:12,children:[o(m,{variant:"secondary",onClick:sn,disabled:_,children:Y||"取消"}),o(m,{variant:"primary",onClick:pn,loading:_,children:P||"确认"})]}):O})]})})}();if(!Nn)return null;if(!1===q)return Nn;var Cn="function"==typeof q?q():q;return Cn?d(Nn,Cn):Nn};export{s as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as n,useRef as t,useEffect as o,useCallback as r}from"react";var a=function(a){var c=a.value,s=a.options,l=a.onChange,d=n(!1),u=d[0],p=d[1],v=t(null),f=t(null),h=n({}),m=h[0],g=h[1],w=r(function(){var e;if(v.current){var i=v.current.getBoundingClientRect(),n=window.innerHeight,t=(null===(e=f.current)||void 0===e?void 0:e.offsetHeight)||200,o=n-i.bottom,r=o>=t||o>=i.top;g(r?{top:i.bottom+window.scrollY,left:i.left+window.scrollX,width:i.width}:{top:i.top+window.scrollY-t-5,left:i.left+window.scrollX,width:i.width})}},[]);o(function(){var e=function(e){v.current&&!v.current.contains(e.target)&&p(!1)};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[]),o(function(){if(u){w();var e=function(){return w()};return window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),function(){window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}}},[u,w]);return e("div",{className:"idp-page-size-select",ref:v,children:[e("div",{className:"idp-page-size-select-trigger ".concat(u?"is-open":""),onClick:function(){p(!u),u||setTimeout(w,0)},children:[e("span",{className:"idp-page-size-select-value",children:[c," 条/页"]}),i("svg",{className:"idp-page-size-select-arrow",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:i("path",{d:"M6 8L1 3h10z",fill:"currentColor"})})]}),u&&i("div",{className:"idp-page-size-select-dropdown is-open",ref:f,style:m,children:s.map(function(i){var n=parseInt(i,10);return e("div",{className:"idp-page-size-select-option ".concat(c===n?"is-selected":""),onClick:function(){return l(n),void p(!1)},children:[i," 条/页"]},i)})})]})},c=function(r){var c=r.total,s=void 0===c?0:c,l=r.current,d=r.pageSize,u=void 0===d?10:d,p=r.onChange,v=r.pageSizeOptions,f=void 0===v?["10","20","50","100"]:v,h=r.showSizeChanger,m=void 0!==h&&h,g=r.showQuickJumper,w=void 0!==g&&g,N=r.showTotal,z=r.size,C=void 0===z?"default":z,y=r.align,x=r.className,k=void 0===x?"":x,E=r.style,L=n(1),b=L[0],S=L[1],I=n(u),M=I[0],j=I[1],B=t(!0),H=void 0!==l?l:b,T=void 0!==u?u:M,X=Math.ceil(s/T),Y=t(p);Y.current=p,o(function(){void 0!==u&&j(u)},[u]),o(function(){void 0!==l&&S(l)},[l]),o(function(){if(B.current)B.current=!1;else if(H>X&&X>0){var e=X;void 0===l&&S(e),Y.current&&Y.current(e,T)}},[H,X,l,T]);var q=function(e){e===H||e<1||e>X||(void 0===l&&S(e),p&&p(e,T))},A=(H-1)*T+1,J=Math.min(H*T,s),K="center"===y?"align-center":"flex-end"===y?"align-right":"";return e("div",{className:"idp-pagination ".concat("small"===C?"mini":""," ").concat(K," ").concat(k),style:E,children:[N&&i("div",{className:"idp-pagination-total-text",children:N(s,[A,J])}),e("ul",{className:"idp-pagination-list",children:[i("li",{className:"idp-pagination-prev ".concat(H<=1?"idp-pagination-prev-disabled":""),onClick:function(){H>1&&q(H-1)},children:"<"}),function(){if(X<=7)return Array.from({length:X},function(e,i){return i+1});var e=[];if(e.push(1),H<=4){for(var i=2;i<=5;i++)e.push(i);e.push("..."),e.push(X)}else if(H>=X-3){e.push("...");for(i=X-4;i<=X-1;i++)e.push(i);e.push(X)}else{e.push("...");for(i=H-1;i<=H+1;i++)e.push(i);e.push("..."),e.push(X)}return e}().map(function(e,n){return i("li",{className:"number"==typeof e?"idp-pagination-item ".concat(e===H?"idp-pagination-item-active":""):"idp-pagination-ellipsis",onClick:function(){return"number"==typeof e&&q(e)},children:e},n)}),i("li",{className:"idp-pagination-next ".concat(H>=X?"idp-pagination-next-disabled":""),onClick:function(){H<X&&q(H+1)},children:">"})]}),(m||w)&&e("div",{className:"idp-pagination-options",children:[m&&i(a,{value:T,options:f,onChange:function(e){return function(e){var i=parseInt(e,10);void 0===u&&j(i),void 0===l&&S(1),p&&p(1,i)}(e.toString())}}),w&&e("div",{className:"idp-pagination-options-quick-jumper",children:[i("div",{style:{minWidth:"30px"},children:"跳至"}),i("input",{type:"text",onKeyPress:function(e){if("Enter"===e.key){var i=e.target,n=parseInt(i.value,10);!isNaN(n)&&n>=1&&n<=X&&(q(n),i.value="")}},placeholder:"页码"}),"页"]})]})]})};export{c as default};
|
package/dist/es/Radio/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{__assign as e}from"../node_modules/tslib/tslib.es6.js";import{jsx as a,jsxs as i}from"react/jsx-runtime";import{createContext as d,useContext as l,useState as o,useEffect as r}from"react";import n from"classnames";var s=d(void 0),t=function(d){var t,c=d.value,p=d.checked,u=d.defaultChecked,v=void 0!==u&&u,m=d.onChange,b=d.disabled,h=void 0!==b&&b,y=d.size,f=d.children,g=d.className,N=d.style,C=d.label,_=d.labelGap,k=void 0===_?8:_,x=d.labelClassName,z=void 0===x?"":x,G=d.labelStyle,R=l(s),j=!!R,I=o(v),w=I[0],P=I[1],S=j?R.value===c:void 0!==p?p:w,V=y||(j?R.size:void 0),q="button"===(j?R.type:void 0);r(function(){j||void 0===p||P(p)},[p,j]);var A=n("idp-radio",((t={"idp-radio--checked":S,"idp-radio--disabled":h||j&&R.disabled})["idp-radio--".concat(V)]=V,t["idp-radio--button"]=q,t),g);return a("label",{className:A,style:N,children:i("div",{className:"idp-radio-wrapper",style:{display:"flex",alignItems:"center"},children:[C&&a("div",{className:"idp-radio-label ".concat(z),style:e({marginRight:"number"==typeof k?"".concat(k,"px"):k},G),children:C}),i("div",{style:{display:"flex",alignItems:"center"},children:[a("input",{type:"radio",className:"idp-radio__input",checked:S,onChange:function(e){var a,i=e.target.checked;h||j&&R.disabled||(j?null===(a=R.onChange)||void 0===a||a.call(R,c):(P(i),null==m||m(i,c)))},disabled:h||j&&R.disabled,value:c}),!q&&a("span",{className:"idp-radio__inner"}),f&&a("span",{className:"idp-radio__label",children:f})]})]})})};t.Group=function(e){var i,d=e.value,l=e.defaultValue,t=e.onChange,c=e.disabled,p=void 0!==c&&c,u=e.type,v=void 0===u?"radio":u,m=e.size,b=void 0===m?"middle":m,h=e.children,y=e.className,f=e.style,g=o(l),N=g[0],C=g[1];r(function(){void 0!==d&&C(d)},[d]);var _=n("idp-radio-group",((i={"idp-radio-group--button":"button"===v})["idp-radio-group--".concat(b)]=b,i),y);return a(s.Provider,{value:{value:void 0!==d?d:N,onChange:function(e){C(e),null==t||t(e)},disabled:p,type:v,size:b},children:a("div",{className:_,style:f,children:h})})},t.displayName="Radio",t.Group.displayName="Radio.Group";var c=t;export{c as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as n,jsxs as r,Fragment as t}from"react/jsx-runtime";import{useState as e,useRef as o,useEffect as i,useLayoutEffect as a,useCallback as l,useMemo as c}from"react";import s from"../Icon/Icon.js";var u=function(u){var f=u.value,d=void 0===f?0:f,p=u.count,h=void 0===p?5:p,m=u.allowHalf,g=void 0===m||m,v=u.disabled,y=void 0!==v&&v,x=u.color,N=void 0===x?"#1677ff":x,C=u.onChange,A=u.className,M=void 0===A?"":A,P=u.size,b=void 0===P?24:P,j=u.chats,z=e(0),F=z[0],S=z[1],k=o([]),E=o(0),H=Array.isArray(j)&&j.length>=h&&j.every(function(n){return null!=n&&""!==n}),I=e([]),w=I[0],L=I[1],O=e(!1),T=O[0],q=O[1];k.current.length!==h&&(k.current=Array(h).fill(null)),i(function(){if(H)if("string"==typeof d&&d.length>0){var n=Math.min(d.length,h);L(j.slice(0,n))}else L([]);else L([])},[d,H,j,h]),a(function(){0===F&&T&&q(!1)},[F,T]);var B=F||(H?w.length:parseFloat(Number(d).toFixed(1)||"0")),D=l(function(n){return function(r){k.current[n]=r}},[]),G=c(function(){return Array.from({length:h}).map(function(n,r){var t=r+1,e=!1,o=!1;H?e=r<(T&&F>0?F:w.length):B>=t?e=!0:g&&B>r&&B<t&&(o=!0);return{index:r,isHalf:o,isFull:e,iconType:o?"half":e?"full":"empty",iconColor:e||o?N:"#d9d9d9"}})},[h,B,g,N,H,w.length,T,F]),J=function(e){if(H){var o=j[e.index],i=e.isFull;return n("span",{className:"rate-chat-item",style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",fontSize:"inherit",backgroundColor:"transparent",color:y?"inherit":i?N:"inherit",cursor:y?"default":"pointer"},onMouseEnter:function(n){if(!y){n.stopPropagation();var r=e.index+1;r!==E.current&&(E.current=r,S(r))}},onClick:function(n){if(!y){n.stopPropagation();var r=e.index+1;if(j&&Array.isArray(j)&&j.length>=0){var t=j.slice(0,r);L(t),null==C||C(t.join(""))}else null==C||C(r.toString());S(0),E.current=0,q(!1)}},children:o})}return r(t,{children:[n(s,{type:"starOutline",size:b,color:"#d9d9d9",className:"rate-star-bg"}),n("span",{className:"rate-star-left",onMouseEnter:function(n){if(!y&&g){n.stopPropagation();var r=e.index+.5;r!==E.current&&(E.current=r,S(r))}},onClick:function(n){!y&&g&&(n.stopPropagation(),null==C||C((e.index+.5).toString()),S(0),E.current=0,q(!1))}}),n("span",{className:"rate-star-right",onMouseEnter:function(n){if(!y){n.stopPropagation();var r=e.index+1;r!==E.current&&(E.current=r,S(r))}},onClick:function(n){if(!y){if(n.stopPropagation(),H){var r=j.slice(0,e.index+1);null==C||C(r.join(""))}else null==C||C((e.index+1).toString());S(0),E.current=0,q(!1)}}}),n("span",{className:"rate-star-fill ".concat(e.isHalf?"half":""," ").concat(e.isFull?"full":""),style:{color:e.iconColor},children:n(s,{type:"star",size:b,color:e.iconColor,className:"rate-star-icon"})})]})};return n("div",{className:"rate ".concat(y?"disabled":""," ").concat(H?"rate-chats-mode":"rate-star-mode"," ").concat(M),style:{"--rate-color":N},onMouseEnter:function(){y||q(!0)},onMouseLeave:function(){y||(q(!1),S(0),E.current=0)},children:G.map(function(r){return n("span",{ref:D(r.index),className:"rate-star",style:{fontSize:"".concat(b,"px")},children:J(r)},r.index)})})},f=u;export{u as Rate,f as default};
|
package/dist/es/Select/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from"../node_modules/tslib/tslib.es6.js";import{jsx as i,jsxs as l}from"react/jsx-runtime";import
|
|
1
|
+
import{__assign as e}from"../node_modules/tslib/tslib.es6.js";import{jsx as i,jsxs as l}from"react/jsx-runtime";import n,{createContext as t,useState as o,useRef as d,useEffect as r,useContext as a}from"react";import c from"classnames";import s from"../Icon/Icon.js";import p from"../Empty/index.js";var u=t(void 0),v=function(t){var a,f=t.value,h=t.defaultValue,m=t.onChange,g=t.placeholder,y=void 0===g?"请选择":g,b=t.disabled,x=void 0!==b&&b,N=t.size,_=void 0===N?"middle":N,w=t.style,O=t.className,C=t.options,k=t.children,S=t.open,j=t.onOpenChange,z=t.width,I=t.height,L=t.dropdownHeight,E=t.label,G=t.labelGap,R=void 0===G?8:G,H=t.labelClassName,V=void 0===H?"":H,A=t.labelStyle,B=o(h),F=B[0],M=B[1],P=o(!1),W=P[0],q=P[1],D=o(y),J=D[0],K=D[1],Q=d(null),T=d(null),U=d(null),X=void 0!==S?S:W,Y=function(e,i){if(i)for(var l=0,t=n.Children.toArray(i);l<t.length;l++){var o=t[l];if(n.isValidElement(o)){if(o.type===n.Fragment){var d=Y(e,o.props.children);if(void 0!==d)return d;continue}if(o.type===v.OptGroup){var r=Y(e,o.props.children);if(void 0!==r)return r;continue}if(o.type===v.Option&&o.props.value===e)return o.props.children}}};r(function(){if(void 0!==f){var e;if(M(f),C&&C.length>0){var i=C.find(function(e){return e.value===f});i&&(e=i.label)}void 0===e&&k&&(e=Y(f,k)),void 0===e&&null==f&&(e=y),void 0!==e&&K(e)}},[f,C,k,y]),r(function(){if(void 0===f){var e;if(C&&C.length>0){var i=C.find(function(e){return e.value===F});i&&(e=i.label)}void 0===e&&k&&(e=Y(F,k)),void 0===e&&null==F&&(e=y),void 0!==e&&K(e)}},[F,C,k,y,f]),r(function(){var e=function(e){X&&Q.current&&!Q.current.contains(e.target)&&(void 0!==S?null==j||j(!1):q(!1))};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}},[X,S,j]);var Z,$,ee=function(e,i){if(!x)if(void 0===f&&M(e),null==m||m(e),void 0!==S?null==j||j(!1):q(!1),i)K(i);else if(C&&C.length>0){var l=C.find(function(i){return i.value===e});l&&K(l.label)}},ie=I?void 0:_,le=e(e({},w),{width:z}),ne={height:I,flex:void 0!==z?1:void 0},te={maxHeight:L},oe=c("idp-select",((a={"idp-select--open":X,"idp-select--disabled":x})["idp-select--".concat(ie)]=ie,a),O);return i(u.Provider,{value:{value:F,onOptionSelect:ee,disabled:x},children:i("div",{className:oe,style:le,ref:Q,children:l("div",{className:"idp-select-wrapper",style:{display:"flex",alignItems:"center"},children:[E&&i("div",{className:"idp-select-label ".concat(V),style:e({marginRight:"number"==typeof R?"".concat(R,"px"):R},A),children:E}),l("div",{className:"idp-select__trigger",onClick:function(){if(!x){var e=!X;void 0!==S?null==j||j(e):q(e)}},ref:U,"aria-expanded":X,"aria-haspopup":"listbox",style:ne,children:[i("span",{className:c("idp-select__value",{"idp-select__value--placeholder":null==F}),children:J}),i("span",{className:"idp-select__arrow",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("path",{d:"M4 6L8 10L12 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),X&&i("div",{className:"idp-select-dropdown",ref:T,role:"listbox",style:{},children:i("div",{className:"idp-select-dropdown__content",style:te,children:(Z=C&&C.length>0,$=n.Children.count(k)>0,Z?C&&0!==C.length?C.map(function(e,n){return l("div",{className:c("idp-select-option",{"idp-select-option--selected":F===e.value,"idp-select-option--disabled":e.disabled}),onClick:function(){return!e.disabled&&ee(e.value,e.label)},children:[l("div",{style:{flex:1,display:"flex",alignItems:"center"},children:[e.icon&&i(s,{type:e.icon,size:16,color:e.disabled?"#00000040":"#8c8c8c",style:{marginRight:"8px"}}),e.label]}),F===e.value&&i(s,{type:"check",size:18,color:"#339af0"})]},n)}):null:$?k:i("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"80px",padding:"20px"},children:i(p,{size:"small",description:"暂无选项"})}))})})]})]})})})};v.Option=function(e){var n=e.value,t=e.children,o=e.disabled,d=void 0!==o&&o,r=e.icon,p=a(u);if(!p)throw new Error("Select.Option must be used within a Select component");var v=p.value,f=p.onOptionSelect,h=p.disabled,m=v===n,g=d||h;return l("div",{className:c("idp-select-option",{"idp-select-option--selected":m,"idp-select-option--disabled":g}),onClick:function(){g||f(n,t)},role:"option","aria-selected":m,"aria-disabled":g,children:[l("div",{style:{flex:1,display:"flex",alignItems:"center"},children:[r&&i(s,{type:r,size:16,color:g?"#00000040":"#8c8c8c",style:{marginRight:"8px"}}),t]}),m&&i(s,{type:"check",size:18,color:"#339af0"})]})},v.OptGroup=function(e){var n=e.label,t=e.children;return l("div",{className:"idp-select-optgroup",children:[i("div",{className:"idp-select-optgroup__label",children:n}),i("div",{className:"idp-select-optgroup__content",children:t})]})},v.displayName="Select",v.Option.displayName="Select.Option",v.OptGroup.displayName="Select.OptGroup";var f=v;export{f as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as e}from"../node_modules/tslib/tslib.es6.js";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as o,useRef as a,useCallback as n,useEffect as i}from"react";var l=function(l){var d,c=l.min,s=void 0===c?0:c,u=l.max,v=void 0===u?100:u,m=l.step,f=void 0===m?1:m,h=l.value,k=l.defaultValue,b=void 0===k?0:k,p=l.disabled,C=void 0!==p&&p,g=l.marks,w=void 0===g?{}:g,M=l.showValue,N=void 0!==M&&M,y=l.transitionSpeed,x=void 0===y?300:y,L=l.trackColor,E=void 0===L?"#1890ff":L,D=l.handleColor,j=void 0===D?"#1890ff":D,A=l.gradient,O=l.onChange,X=l.onAfterChange,P=l.className,R=void 0===P?"":P,S=l.style,U=o(b),V=U[0],B=U[1],H=o(!1),I=H[0],K=H[1],T=a(null),_=void 0!==h?h:V,q=n(function(e){var r=(e-s)/(v-s);return Math.max(0,Math.min(1,r))},[s,v]),z=n(function(e){var r=Math.max(0,Math.min(1,e)),t=s+r*(v-s);if(f>0){var o=Math.round(t/f)*f;return Math.min(v,Math.max(s,o))}return Math.min(v,Math.max(s,t))},[s,v,f]),F=function(e){return"touches"in e?e.touches[0].clientX:e.clientX},G=n(function(e){if(T.current&&!C){var r=T.current.getBoundingClientRect(),t=(e-r.left)/r.width,o=z(t);void 0===h&&B(o),null==O||O(o)}},[C,h,z,O]),J=function(e){if(!C){e.preventDefault(),K(!0);var r=F(e);G(r)}};i(function(){if(I){var e=function(e){e.preventDefault();var r=F(e);G(r)},r=function(){K(!1),null==X||X(_)};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",r),document.addEventListener("touchmove",e,{passive:!1}),document.addEventListener("touchend",r),function(){document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",r),document.removeEventListener("touchmove",e),document.removeEventListener("touchend",r)}}},[I,G,_,X]);var Q=q(_),W="".concat(100*Q,"%"),Y="".concat(100*Q,"%"),Z=n(function(e){for(var r=Object.entries(w).sort(function(e,r){return Number(e[0])-Number(r[0])}),t=0;t<r.length;t++){var o=r[t],a=o[0],n=o[1];if(e<=Number(a))return"string"==typeof n?{trackColor:void 0,handleColor:void 0,mark:n}:n}var i=r[r.length-1];if(i){var l=i[1];return"string"==typeof l?{trackColor:void 0,handleColor:void 0,mark:l}:l}return{trackColor:void 0,handleColor:void 0,mark:""}},[w]),$=Z(_),ee=S&&S["--slider-track-filled-bg-color"],re=S&&S["--slider-handle-border-color"],te=A&&!$.trackColor&&!ee&&"#1890ff"===E,oe=$.trackColor||ee||E,ae=$.handleColor||re||j,ne=Object.entries(w).map(function(e){var r=e[0],t=e[1],o=Number(r),a="string"==typeof t?{trackColor:void 0,handleColor:void 0,mark:t}:t;return{value:o,label:a.mark,trackColor:a.trackColor,handleColor:a.handleColor,position:q(o)}}).sort(function(e,r){return e.value-r.value});return r("div",{className:"slider-container ".concat(C?"disabled":""," ").concat(R),style:e((d={},d["--slider-track-filled-bg-color"]=oe,d["--slider-handle-border-color"]=ae,d["--slider-track-filled-transition"]="width ".concat(x,"ms ease"),d["--slider-handle-transition"]="all ".concat(x,"ms ease"),d),S),children:[r("div",{ref:T,className:"slider-track",onClick:function(e){C||(e.target.classList.contains("slider-handle")||(G(e.clientX),null==X||X(_)))},role:"presentation",children:[t("div",{className:"slider-track-filled",style:e({width:W},te&&A?{background:"linear-gradient(to right, ".concat(A.startColor,", ").concat(A.endColor,")")}:{})}),t("div",{className:"slider-handle",style:{left:Y},onMouseDown:J,onTouchStart:J,onKeyDown:function(e){if(!C){var r=_;switch(e.key){case"ArrowLeft":case"ArrowDown":r=Math.max(s,_-f);break;case"ArrowRight":case"ArrowUp":r=Math.min(v,_+f);break;case"Home":r=s;break;case"End":r=v;break;case"PageDown":r=Math.max(s,_-10*f);break;case"PageUp":r=Math.min(v,_+10*f);break;default:return}e.preventDefault(),void 0===h&&B(r),null==O||O(r),null==X||X(r)}},role:"slider","aria-valuemin":s,"aria-valuemax":v,"aria-valuenow":_,"aria-disabled":C,tabIndex:C?-1:0,children:t("div",{className:"slider-tooltip",children:_})})]}),Object.keys(w).length>0&&t("div",{className:"slider-marks",children:ne.map(function(e){return t("div",{className:"slider-mark",style:{left:"".concat(100*e.position,"%"),color:e.trackColor||void 0},children:e.label},e.value)})}),N&&r("div",{className:"slider-value-display",children:["当前值:",_]})]})},d=l;export{l as Slider,d as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as e}from"../node_modules/tslib/tslib.es6.js";import{jsx as i,jsxs as l}from"react/jsx-runtime";import{useState as c,useEffect as s}from"react";import{injectGlobalStyles as t,Wrapper as a,Track as d,LoadingIcon as n,CheckedInner as h,UnCheckedInner as r,Thumb as o}from"./styles.js";var m=function(m){var u=m.checked,v=m.defaultChecked,$=void 0!==v&&v,w=m.disabled,k=void 0!==w&&w,f=m.loading,p=void 0!==f&&f,b=m.size,y=void 0===b?"default":b,g=m.width,C=m.checkedChildren,N=m.unCheckedChildren,z=m.styles,x=m.onChange,j=m.label,A=m.labelGap,B=void 0===A?8:A,G=m.labelClassName,H=void 0===G?"":G,I=m.labelStyle,M=void 0!==u,R=c($),S=R[0],V=R[1],Z=M?u:S,_=void 0!==C||void 0!==N;s(function(){t()},[]);return i(a,{className:"switch-wrapper",$styles:null==z?void 0:z.wrapper,children:l("div",{className:"switch-label-wrapper",style:{display:"flex",alignItems:"center"},children:[j&&i("div",{className:"switch-label ".concat(H),style:e({marginRight:"number"==typeof B?"".concat(B,"px"):B},I),children:j}),l(d,{className:"switch-track".concat(Z?" switch-track-checked":"").concat(k?" switch-track-disabled":"").concat(p?" switch-track-loading":""),$checked:Z,$disabled:k,$size:y,$loading:p,$hasChildren:_,$width:g,$styles:null==z?void 0:z.track,onClick:function(){if(!k&&!p){var e=!Z;M||V(e),null==x||x(e)}},children:[p&&i(n,{className:"switch-loading-icon",$checked:Z,$size:y,$width:g,$styles:null==z?void 0:z.loading,children:i("svg",{viewBox:"0 0 24 24",width:"12",height:"12",fill:"#1890ff",children:i("path",{d:"M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z"})})}),!p&&Z&&C&&i(h,{className:"switch-checked-inner",$size:y,$styles:null==z?void 0:z.inner,children:C}),!p&&!Z&&N&&i(r,{className:"switch-unchecked-inner",$size:y,$styles:null==z?void 0:z.inner,children:N}),i(o,{className:"switch-thumb".concat(Z?" switch-thumb-checked":""),$checked:Z,$size:y,$loading:p,$hasChildren:_,$width:g,$styles:null==z?void 0:z.thumb})]})]})})};export{m as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__makeTemplateObject as n}from"../node_modules/tslib/tslib.es6.js";import t from"styled-components";var i,e,c,o,r,a,s=function(n,t){return"var(".concat(n,", ").concat(t,")")},l=t.div(i||(i=n(["\n display: inline-block;\n\n &.switch-wrapper {\n /* 外部可通过 .switch-wrapper 选择器覆盖样式 */\n }\n\n ","\n"],["\n display: inline-block;\n\n &.switch-wrapper {\n /* 外部可通过 .switch-wrapper 选择器覆盖样式 */\n }\n\n ","\n"])),function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),h=t.div(e||(e=n(["\n position: relative;\n background-color: ",";\n border-radius: ",";\n transition: all ",";\n cursor: ",";\n opacity: ",";\n box-sizing: border-box;\n overflow: hidden;\n\n &.switch-track {\n /* 外部可通过 .switch-track 选择器覆盖样式 */\n }\n\n &.switch-track-checked {\n background-color: ",";\n }\n\n &.switch-track-disabled {\n cursor: not-allowed;\n opacity: 0.4;\n }\n\n &.switch-track-loading {\n cursor: wait;\n }\n\n ","\n\n ","\n\n ","\n\n ","\n"],["\n position: relative;\n background-color: ",";\n border-radius: ",";\n transition: all ",";\n cursor: ",";\n opacity: ",";\n box-sizing: border-box;\n overflow: hidden;\n\n &.switch-track {\n /* 外部可通过 .switch-track 选择器覆盖样式 */\n }\n\n &.switch-track-checked {\n background-color: ",";\n }\n\n &.switch-track-disabled {\n cursor: not-allowed;\n opacity: 0.4;\n }\n\n &.switch-track-loading {\n cursor: wait;\n }\n\n ","\n\n ","\n\n ","\n\n ","\n"])),function(n){return s("--switch-track-bg","#dcdfe6")},function(n){return s("--switch-track-radius","10px")},function(n){return s("--switch-transition","0.3s")},function(n){return n.$disabled?"not-allowed":"pointer"},function(n){return n.$disabled?.4:1},s("--switch-track-active-bg","#409eff"),function(n){var t=n.$size,i=n.$hasChildren,e=n.$width;return e?"\n width: ".concat(e,"px;\n min-width: ").concat(e,"px;\n height: ").concat("small"===t?s("--switch-small-height","16px"):s("--switch-default-height","22px"),";\n "):"small"===t?"\n width: ".concat(i?"auto":s("--switch-small-width","28px"),";\n min-width: ").concat(s("--switch-small-width","28px"),";\n height: ").concat(s("--switch-small-height","16px"),";\n "):"\n width: ".concat(i?"auto":s("--switch-default-width","44px"),";\n min-width: ").concat(s("--switch-default-width","44px"),";\n height: ").concat(s("--switch-default-height","22px"),";\n ")},function(n){return n.$checked&&"\n background-color: ".concat(s("--switch-track-active-bg","#409eff"),";\n ")},function(n){return n.$loading&&"\n cursor: wait;\n "},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),d=t.div(c||(c=n(["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: ",";\n border-radius: ",";\n box-shadow: ",";\n transition: left 0.3s ease;\n z-index: 2;\n\n &.switch-thumb {\n /* 外部可通过 .switch-thumb 选择器覆盖样式 */\n }\n\n &.switch-thumb-checked {\n /* 选中状态下的样式 */\n }\n\n ","\n\n ","\n\n ","\n"],["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: ",";\n border-radius: ",";\n box-shadow: ",";\n transition: left 0.3s ease;\n z-index: 2;\n\n &.switch-thumb {\n /* 外部可通过 .switch-thumb 选择器覆盖样式 */\n }\n\n &.switch-thumb-checked {\n /* 选中状态下的样式 */\n }\n\n ","\n\n ","\n\n ","\n"])),function(n){return s("--switch-thumb-bg","#fff")},function(n){return s("--switch-thumb-radius","50%")},function(n){return s("--switch-thumb-shadow","0 2px 4px rgba(0, 0, 0, 0.2)")},function(n){var t=n.$size,i=n.$checked,e=n.$width,c="small"===t?12:18;if(e){var o="".concat(i?e-c-2:2,"px");return"\n width: ".concat(c,"px;\n height: ").concat(c,"px;\n left: ").concat(o,";\n ")}if("small"===t){var r=i?"14px":"2px";return"\n width: ".concat(c,"px;\n height: ").concat(c,"px;\n left: ").concat(r,";\n ")}var a=i?"24px":"2px";return"\n width: ".concat(c,"px;\n height: ").concat(c,"px;\n left: ").concat(a,";\n ")},function(n){return n.$loading&&"\n animation: switch-thumb-spin 1s linear infinite;\n "},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),u=t.div(o||(o=n(["\n position: absolute;\n top: 50%;\n margin-top: -6px; /* 12px 高度的一半,实现垂直居中 */\n width: ",";\n height: ",";\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &.switch-loading-icon {\n /* 外部可通过 .switch-loading-icon 选择器覆盖样式 */\n }\n\n /* SVG 旋转动画 - 以中心点旋转 */\n & > svg {\n width: 100%;\n height: 100%;\n animation: switch-spin 1s linear infinite;\n transform-origin: center center;\n display: block;\n }\n\n ","\n\n ","\n"],["\n position: absolute;\n top: 50%;\n margin-top: -6px; /* 12px 高度的一半,实现垂直居中 */\n width: ",";\n height: ",";\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &.switch-loading-icon {\n /* 外部可通过 .switch-loading-icon 选择器覆盖样式 */\n }\n\n /* SVG 旋转动画 - 以中心点旋转 */\n & > svg {\n width: 100%;\n height: 100%;\n animation: switch-spin 1s linear infinite;\n transform-origin: center center;\n display: block;\n }\n\n ","\n\n ","\n"])),function(n){return s("--switch-loading-size","12px")},function(n){return s("--switch-loading-size","12px")},function(n){var t=n.$size,i=n.$checked,e=n.$width,c="small"===t?12:18;return e?"\n left: ".concat((i?e-c-2:2)+(c-12)/2,"px;\n "):"small"===t?"\n left: ".concat((i?14:2)+(c-12)/2,"px;\n "):"\n left: ".concat((i?24:2)+(c-12)/2,"px;\n ")},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),p=t.span(r||(r=n(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: ",";\n display: flex;\n align-items: center;\n justify-content: flex-start;\n font-size: 12px;\n color: #fff;\n white-space: nowrap;\n user-select: none;\n z-index: 1;\n padding-right: ",";\n\n &.switch-checked-inner {\n /* 外部可通过 .switch-checked-inner 选择器覆盖样式 */\n }\n\n ","\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n left: ",";\n display: flex;\n align-items: center;\n justify-content: flex-start;\n font-size: 12px;\n color: #fff;\n white-space: nowrap;\n user-select: none;\n z-index: 1;\n padding-right: ",";\n\n &.switch-checked-inner {\n /* 外部可通过 .switch-checked-inner 选择器覆盖样式 */\n }\n\n ","\n"])),function(n){return"small"===n.$size?"4px":"6px"},function(n){return"small"===n.$size?"14px":"22px"},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),f=t.span(a||(a=n(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: ",";\n display: flex;\n align-items: center;\n justify-content: flex-end;\n font-size: 12px;\n color: #fff;\n white-space: nowrap;\n user-select: none;\n z-index: 1;\n padding-left: ",";\n\n &.switch-unchecked-inner {\n /* 外部可通过 .switch-unchecked-inner 选择器覆盖样式 */\n }\n\n ","\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n right: ",";\n display: flex;\n align-items: center;\n justify-content: flex-end;\n font-size: 12px;\n color: #fff;\n white-space: nowrap;\n user-select: none;\n z-index: 1;\n padding-left: ",";\n\n &.switch-unchecked-inner {\n /* 外部可通过 .switch-unchecked-inner 选择器覆盖样式 */\n }\n\n ","\n"])),function(n){return"small"===n.$size?"4px":"6px"},function(n){return"small"===n.$size?"14px":"22px"},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),w=function(){if("undefined"!=typeof document&&!document.getElementById("switch-styles")){var n=document.createElement("style");n.id="switch-styles",n.textContent="\n @keyframes switch-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n @keyframes switch-thumb-spin {\n from { transform: translateY(-50%) rotate(0deg); }\n to { transform: translateY(-50%) rotate(360deg); }\n }\n ",document.head.appendChild(n)}};export{p as CheckedInner,u as LoadingIcon,d as Thumb,h as Track,f as UnCheckedInner,l as Wrapper,w as injectGlobalStyles};
|
package/dist/es/Table/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as e,__spreadArray as t,__rest as n}from"../node_modules/tslib/tslib.es6.js";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useState as o,useRef as a,useEffect as l,useMemo as c}from"react";import d from"../Empty/index.js";import s from"../Pagination/index.js";var u=function(u){var f=u.dataSource,h=void 0===f?[]:f,m=u.columns,p=void 0===m?[]:m,v=u.bordered,x=void 0!==v&&v,g=u.scroll,b=void 0===g?{}:g,y=u.rowKey,w=void 0===y?"key":y,k=u.className,N=void 0===k?"":k,z=u.pagination,L=u.empty,I=u.loading,S=void 0!==I&&I,C=u.loadingText,j=void 0===C?"加载中...":C,T=u.loadingDelay,_=o([]),W=_[0],A=_[1],E=o([]),M=E[0],P=E[1],B=o([]),D=B[0],H=B[1],J=o([]),K=J[0],Q=J[1],X=o(1),Y=X[0],q=X[1],F=o(10),G=F[0],O=F[1],R=o(S),U=R[0],V=R[1],Z=a(null),$=a(null),ee=a(null),te=a(null);l(function(){return Z.current&&(clearTimeout(Z.current),Z.current=null),S&&T&&T>0?(V(!0),Z.current=setTimeout(function(){V(!1)},T)):V(S),function(){Z.current&&clearTimeout(Z.current)}},[S,T]),l(function(){z&&"object"==typeof z&&(void 0!==z.current&&q(z.current),void 0!==z.pageSize&&O(z.pageSize))},[z&&"object"==typeof z?z.current:void 0,z&&"object"==typeof z?z.pageSize:void 0]);l(function(){var t=[],n=[],r=[],i=[];p.forEach(function(o,a){var l,c=(l=o.width)?"number"==typeof l?l:parseInt(l,10)||0:0;i[a]=c;var d=e(e({},o),{_index:a});"start"===o.fixed||!0===o.fixed?t.push(d):"end"===o.fixed?n.push(d):r.push(d)}),A(t),P(n),H(r),Q(i)},[p]);var ne=function(e,t){var n=t||G,r=n!==G?1:e;q(r),O(n),z&&"function"==typeof z.onChange&&z.onChange(r,t)},re={width:b.x?"number"==typeof b.x?"".concat(b.x,"px"):b.x:"100%"},ie={maxHeight:b.y?"number"==typeof b.y?"".concat(b.y,"px"):b.y:"auto",overflowY:b.y?"auto":"visible",overflowX:b.x?"auto":"visible"},oe=t(t(t([],W,!0),D,!0),M,!0),ae=c(function(){return function(e,t){if(void 0===e&&(e=Y),void 0===t&&(t=G),!1===z)return null;var n,r=void 0!==(null==z?void 0:z.total)?z.total:h.length,i=Math.ceil(r/t)||1,o=Math.min(e,i);if(void 0!==(null==z?void 0:z.total))n=h;else{var a=(o-1)*t,l=a+t;n=h.slice(a,l)}return{data:n,total:r,pageSize:t,current:o,totalPages:i}}()},[h,z,G,Y]),le=ae?ae.data:h;return r("div",{ref:$,className:"custom-table-container ".concat(x?"bordered":""," ").concat(N),style:re,children:[U&&i("div",{className:"custom-table-loading-mask",children:r("div",{className:"custom-table-loading-content",children:[i("div",{className:"custom-table-loading-spinner",children:r("svg",{viewBox:"0 0 24 24",className:"custom-table-loading-icon",children:[i("circle",{className:"custom-table-loading-track",cx:"12",cy:"12",r:"10",fill:"none",strokeWidth:"2"}),i("circle",{className:"custom-table-loading-indicator",cx:"12",cy:"12",r:"10",fill:"none",strokeWidth:"2"})]})}),j&&i("div",{className:"custom-table-loading-text",children:j})]})}),i("div",{className:"custom-table-header",ref:ee,onScroll:function(e){if(ee.current&&te.current){var t=e.target;t===ee.current&&te.current.scrollLeft!==t.scrollLeft&&(te.current.scrollLeft=t.scrollLeft)}},children:r("table",{className:"custom-table ".concat(x?"bordered":""),children:[i("colgroup",{children:oe.map(function(e,t){return i("col",{style:{width:e.width||"auto"}},"header-col-".concat(e.dataIndex||e.key||t))})}),i("thead",{children:i("tr",{children:oe.map(function(e,t){return function(e,t,n){var r={width:e.width||"auto",textAlign:e.align||"left",backgroundColor:"#fafafa !important",top:0};if("start"===e.fixed||!0===e.fixed){r.position="sticky";for(var o=0,a=0;a<t;a++)o+=K[a]||0;r.left="".concat(o,"px"),r.zIndex=10}else if("end"===e.fixed){r.position="sticky";var l=0;for(a=n.length-1;a>t;a--)l+=K[a]||0;r.right="".concat(l,"px"),r.zIndex=10}return i("th",{style:r,children:e.title||""},e.key||e.dataIndex||e._index)}(e,t,oe)})})})]})}),i("div",{className:"custom-table-body",ref:te,style:ie,onScroll:function(e){if(ee.current&&te.current){var t=e.target;t===te.current&&ee.current.scrollLeft!==t.scrollLeft&&(ee.current.scrollLeft=t.scrollLeft)}},children:r("table",{className:"custom-table ".concat(x?"bordered":""),children:[i("colgroup",{children:oe.map(function(e,t){return i("col",{style:{width:e.width||"auto"}},"body-col-".concat(e.dataIndex||e.key||t))})}),i("tbody",{children:le.map(function(e,t){return i("tr",{children:oe.map(function(n,r){return function(e,t,n,r,o){var a={width:e.width||"auto",textAlign:e.align||"left",backgroundColor:"white"};if("start"===e.fixed||!0===e.fixed){a.position="sticky";for(var l=0,c=0;c<r;c++)l+=K[c]||0;a.left="".concat(l,"px"),a.zIndex=5}else if("end"===e.fixed){a.position="sticky";var d=0;for(c=o.length-1;c>r;c--)d+=K[c]||0;a.right="".concat(d,"px"),a.zIndex=5}var s=W.length?W.length-1:-1,u=M.length?W.length+D.length:-1,f=("start"===e.fixed||!0===e.fixed)&&r===s,h="end"===e.fixed&&r===u,m=e.dataIndex?t[e.dataIndex]:null;e.render&&(m=e.render(m,t,n));var p=e.maxLines&&e.maxLines>0,v=p?i("div",{className:"idp-table-cell-ellipsis",style:{WebkitLineClamp:e.maxLines},children:m}):m;return i("td",{style:a,className:"".concat(f?"idp-table-fixed-left-shadow":"").concat(h?" idp-table-fixed-right-shadow":"").concat(p?" idp-table-cell-has-ellipsis":""),children:v},e.key||e.dataIndex||e._index)}(n,e,t,r,oe)})},function(e,t){return"function"==typeof w?w(e,t):e[w]||t}(e,t))})})]})}),0===le.length&&i("div",{className:"custom-table-empty",children:L||i(d,{size:"small",description:"暂无数据"})}),function(){if(!1===z||!ae)return null;var t=ae.total,r=ae.current,o=ae.pageSize,a=n(z||{},["onChange","pageSize","current"]);return i("div",{className:"custom-table-pagination-wrapper",children:i(s,e({total:t,current:r,pageSize:o,onChange:ne,showTotal:function(e,t){return"第 ".concat(t[0],"-").concat(t[1]," 条,共 ").concat(e," 条")},showSizeChanger:!0,showQuickJumper:!0,align:"flex-end"},a))})}()]})};export{u as default};
|
package/dist/es/Tabs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as t}from"../node_modules/tslib/tslib.es6.js";import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";import r,{useState as o,useRef as a,useEffect as s,useMemo as c}from"react";import l from"classnames";import{useSensors as d,useSensor as u,PointerSensor as f,DndContext as b,closestCenter as v}from"@dnd-kit/core";import{SortableContext as m,horizontalListSortingStrategy as p,arrayMove as h,useSortable as y}from"@dnd-kit/sortable";import{CSS as k}from"@dnd-kit/utilities";import g from"../Icon/Icon.js";var _=function(i){var r=i.item,o=i.isActive,a=i.isClosable,s=i.onClick,c=i.onClose,d=i.tabRefs,u=y({id:r.key,disabled:r.disabled}),f=u.attributes,b=u.listeners,v=u.setNodeRef,m=u.transform,p=u.transition,h=u.isDragging,_={transform:k.Transform.toString(m),transition:p,opacity:h?.5:1,zIndex:h?1e3:"auto",position:"relative"};return n("div",{ref:function(t){v(t),t?d.current.set(r.key,t):d.current.delete(r.key)},className:l("idp-tabs-tab",{"idp-tabs-tab--active":o,"idp-tabs-tab--disabled":r.disabled,"idp-tabs-tab--dragging":h}),role:"tab","aria-selected":o,style:_,children:[n("div",t({className:"idp-tabs-tab__drag-handle"},f,b,{onClick:s,style:{cursor:r.disabled?"not-allowed":"grab",display:"flex",alignItems:"center",gap:"6px"},children:[r.icon&&e("span",{className:"idp-tabs-tab__icon",children:r.icon}),e("span",{className:"idp-tabs-tab__label",children:r.label})]})),a&&!r.disabled&&e("span",{className:"idp-tabs-tab__close",onClick:function(t){return c(t)},children:e(g,{type:"close",size:12})})]})},C=function(
|
|
1
|
+
import{__assign as t}from"../node_modules/tslib/tslib.es6.js";import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";import r,{useState as o,useRef as a,useEffect as s,useMemo as c}from"react";import l from"classnames";import{useSensors as d,useSensor as u,PointerSensor as f,DndContext as b,closestCenter as v}from"@dnd-kit/core";import{SortableContext as m,horizontalListSortingStrategy as p,arrayMove as h,useSortable as y}from"@dnd-kit/sortable";import{CSS as k}from"@dnd-kit/utilities";import g from"../Icon/Icon.js";var _=function(i){var r=i.item,o=i.isActive,a=i.isClosable,s=i.onClick,c=i.onClose,d=i.tabRefs,u=y({id:r.key,disabled:r.disabled}),f=u.attributes,b=u.listeners,v=u.setNodeRef,m=u.transform,p=u.transition,h=u.isDragging,_={transform:k.Transform.toString(m),transition:p,opacity:h?.5:1,zIndex:h?1e3:"auto",position:"relative"};return n("div",{ref:function(t){v(t),t?d.current.set(r.key,t):d.current.delete(r.key)},className:l("idp-tabs-tab",{"idp-tabs-tab--active":o,"idp-tabs-tab--disabled":r.disabled,"idp-tabs-tab--dragging":h}),role:"tab","aria-selected":o,style:_,children:[n("div",t({className:"idp-tabs-tab__drag-handle"},f,b,{onClick:s,style:{cursor:r.disabled?"not-allowed":"grab",display:"flex",alignItems:"center",gap:"6px"},children:[r.icon&&e("span",{className:"idp-tabs-tab__icon",children:r.icon}),e("span",{className:"idp-tabs-tab__label",children:r.label})]})),a&&!r.disabled&&e("span",{className:"idp-tabs-tab__close",onClick:function(t){return c(t)},children:e(g,{type:"close",size:12})})]})},C=function(y){var k=y.items,C=void 0===k?[]:k,N=y.activeKey,L=y.defaultActiveKey,w=y.onChange,z=y.onClose,E=y.tabsClosable,W=void 0!==E&&E,T=y.tabPlacement,A=void 0===T?"top":T,x=y.type,I=void 0===x?"line":x,M=y.onAdd,R=y.className,D=y.style,q=y.contentClassName,F=y.contentStyle,S=y.draggable,j=void 0!==S&&S,B=y.onDragEnd,K=o(function(){return L}),P=K[0],V=K[1],H=a(null),G=a(new Map),J=a(null),O=o({}),Q=O[0],U=O[1],X=o(!1),Y=X[0],Z=X[1],$=o(!1),tt=$[0],et=$[1],nt=o(!1),it=nt[0],rt=nt[1],ot=o(!1),at=ot[0],st=ot[1],ct=a(!1),lt=a(!0),dt=o(!1),ut=dt[0],ft=dt[1],bt=o(C),vt=bt[0],mt=bt[1];s(function(){void 0!==N&&V(N)},[N]),s(function(){mt(C)},[C]),s(function(){var t;if(void 0===N){var e=null===(t=C[0])||void 0===t?void 0:t.key;if(!(!!L&&C.some(function(t){return t.key===L}))||P)if(e)C.some(function(t){return t.key===P})||V(e);else V(void 0);else V(L)}},[C,P,N,L]);var pt=void 0!==N?N:P,ht=c(function(){return C.find(function(t){return t.key===pt})||C[0]},[C,pt]),yt=function(t,e){if(void 0===e&&(e=!0),t&&H.current){var n=G.current.get(t),i=H.current;if(n&&i){var r=i.querySelector(".idp-tabs-indicator"),o=lt.current;if(r&&o&&(r.style.transition="none"),"top"===A||"bottom"===A){if(U({left:n.offsetLeft,width:n.offsetWidth,top:void 0,height:void 0}),!e){var a=n.offsetLeft,s=a+n.offsetWidth,c=i.scrollLeft,l=i.clientWidth;(a<c||s>c+l)&&n.scrollIntoView({behavior:"smooth",inline:"nearest",block:"nearest"})}}else U({top:n.offsetTop,height:n.offsetHeight,left:void 0,width:void 0});r&&o&&e?requestAnimationFrame(function(){r.style.transition="",lt.current=!1}):o&&(lt.current=!1)}}},kt=r.useCallback(function(){if(H.current){var t=H.current,e="top"===A||"bottom"===A;if("card"===I)return Z(!1),et(!1),void rt(!1);if(e){var n=Math.ceil(t.scrollWidth)>Math.floor(t.clientWidth);if(Z(n),n){var i=t.scrollLeft>1;et(i);var r=t.scrollWidth-t.clientWidth,o=t.scrollLeft<r-1;rt(o)}else et(!1),rt(!1)}else Z(!1),et(!1),rt(!1)}},[A,I]),gt=function(t){if(H.current&&!ct.current){var e=H.current,n=e.clientWidth,i=Math.max(200,.6*n);ct.current=!0,"left"===t?e.scrollTo({left:e.scrollLeft-i,behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+i,behavior:"smooth"}),setTimeout(function(){ct.current=!1,kt()},400)}};s(function(){pt&&(yt(pt,!1),kt())},[pt,C,A,kt]),s(function(){kt();var t=requestAnimationFrame(function(){pt&&yt(pt,!1),kt()});return function(){return cancelAnimationFrame(t)}},[kt,pt]),s(function(){var t,e=function(){pt&&yt(pt,!1),kt()},n=function(){clearTimeout(t),t=setTimeout(function(){kt()},100)},i=H.current;return i&&i.addEventListener("scroll",n),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e),i&&i.removeEventListener("scroll",n),clearTimeout(t)}},[kt,pt]),s(function(){var t=function(){if(J.current&&H.current&&"card"===I&&M){var t=H.current,e=J.current,n=t.getBoundingClientRect(),i=e.getBoundingClientRect(),r=n.right-i.right;ft(r<=20)}else ft(!1)};t();var e=function(){t()},n=H.current;return n&&(n.addEventListener("scroll",e),window.addEventListener("resize",e)),function(){n&&n.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[I,M,C]);var _t=function(t){t.disabled||(void 0===N&&V(t.key),yt(t.key,!0),kt(),null==w||w(t.key))},Ct=function(t,e){t.stopPropagation(),e.disabled||null==z||z(e.key)},Nt=function(){null==M||M(),setTimeout(function(){H.current&&requestAnimationFrame(function(){if(H.current&&G.current.size>0){var t=Array.from(G.current.keys());if(t.length>0){var e=t[t.length-1],n=G.current.get(e),i=H.current;if(n&&i&&J.current)if("card"===I){var r=J.current.offsetWidth+4,o=n.offsetLeft+n.offsetWidth,a=i.clientWidth;if(o-i.scrollLeft>a-r){var s=o-a+r;i.scrollTo({left:s,behavior:"smooth"})}}else n.scrollIntoView({behavior:"smooth",inline:"nearest",block:"nearest"})}}})},100)},Lt=d(u(f,{activationConstraint:{distance:8}})),wt=function(t){},zt=function(t){var e=t.active,n=t.over;if(n&&e.id!==n.id){var i=vt.findIndex(function(t){return t.key===e.id}),r=vt.findIndex(function(t){return t.key===n.id});if(-1!==i&&-1!==r){var o=h(vt,i,r);mt(o),null==B||B(o)}}},Et=function(){var t="top"===A||"bottom"===A,i="card"===I,r=j?vt:C,o=n("div",{className:"idp-tabs-nav-wrapper",onMouseEnter:function(){return st(!0)},onMouseLeave:function(){return st(!1)},children:[t&&Y&&!i&&e("button",{className:l("idp-tabs-nav__button","idp-tabs-nav__button--left",{"idp-tabs-nav__button--disabled":!tt,"idp-tabs-nav__button--visible":at}),onClick:function(){return gt("left")},disabled:!tt,type:"button",children:e(g,{type:"arrowLeft",size:12})}),n("div",{className:"idp-tabs-nav",ref:H,children:[r.map(function(t){return function(t,i,r){return!j||t.disabled||"top"!==A&&"bottom"!==A?n("div",{ref:function(e){e?G.current.set(t.key,e):G.current.delete(t.key)},className:l("idp-tabs-tab",{"idp-tabs-tab--active":i,"idp-tabs-tab--disabled":t.disabled}),role:"tab","aria-selected":i,onClick:function(){return _t(t)},children:[t.icon&&e("span",{className:"idp-tabs-tab__icon",children:t.icon}),e("span",{className:"idp-tabs-tab__label",children:t.label}),r&&!t.disabled&&e("span",{className:"idp-tabs-tab__close",onClick:function(e){return Ct(e,t)},children:e(g,{type:"close",size:12})})]},t.key):e(_,{item:t,isActive:i,isClosable:r,onClick:function(){return _t(t)},onClose:function(e){return Ct(e,t)},tabRefs:G},t.key)}(t,t.key===pt,W||t.closable||!1)}),"card"===I&&M&&e("div",{ref:J,className:l("idp-tabs-tab idp-tabs-tab--add",{sticky:!0===ut}),role:"tab",onClick:Nt,children:e(g,{type:"plus",size:16})}),e("div",{className:"idp-tabs-indicator",style:Q})]}),t&&Y&&!i&&e("button",{className:l("idp-tabs-nav__button","idp-tabs-nav__button--right",{"idp-tabs-nav__button--disabled":!it,"idp-tabs-nav__button--visible":at}),onClick:function(){return gt("right")},disabled:!it,type:"button",children:e(g,{type:"arrowRight",size:12})})]});return!j||i||"top"!==A&&"bottom"!==A?o:e(b,{sensors:Lt,collisionDetection:v,onDragStart:wt,onDragEnd:zt,children:e(m,{items:r.map(function(t){return t.key}),strategy:p,children:o})})},Wt=function(){var n=(null==ht?void 0:ht.renderContent)?ht.renderContent():null==ht?void 0:ht.content,i=l("idp-tabs-content","idp-tabs-content--".concat(A),q),r=t({},F);return e("div",{className:i,style:r,children:n})};return e("div",{className:l("idp-tabs","idp-tabs--".concat(A),"idp-tabs--".concat(I),R),style:D,children:n(i,"bottom"===A?{children:[Wt(),Et()]}:{children:[Et(),Wt()]})})};export{C as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__spreadArray as e}from"../node_modules/tslib/tslib.es6.js";import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{useState as i,useMemo as l,useCallback as o,useRef as a,useEffect as s}from"react";import{TransferWrapper as c,TransferListContainer as d,TransferSearchWrapper as u,TransferSearch as f,TransferSearchButton as h,TransferListFooter as g,TransferOperation as y,TransferOperationButton as v,TransferListHeader as m,TransferHeaderLeft as b,TransferItemCheckbox as S,TransferHeaderCount as p,TransferLoading as C,TransferLoadingSpinner as K,TransferListBody as N,TransferListItem as w,TransferListItemCheckbox as $,TransferItemContent as T,TransferEmpty as k}from"./styles.js";import D from"../Icon/Icon.js";var R=function(e,t,n){return t?e[t]:e[n]},L=function(e,t){return R(e,null==t?void 0:t.key,"key")},O=function(e,t){return R(e,null==t?void 0:t.title,"title")},x=function(c){var y=c.dataSource,v=c.fieldNames,R=c.selectedKeys,x=c.showSearch,j=c.disabled,H=c.title,W=c.description,M=c.searchPlaceholder,I=void 0===M?"请输入搜索内容":M,z=c.filterOption,E=c.styles,P=c.listHeight,_=c.listWidth,q=c.header,A=c.search,B=c.body,F=c.onSelectChange,G=c.onSearch,J=c.render,Q=c.footer,U=c.direction,V=c.rowClassName,X=c.loading,Y=c.loadingRender,Z=c.loadingDelay,ee=c.sourceSelectedKeys,te=c.targetSelectedKeys,ne=i(""),re=ne[0],ie=ne[1],le=i(X),oe=le[0],ae=le[1],se=a(null);s(function(){return se.current&&(clearTimeout(se.current),se.current=null),X&&Z&&Z>0?(ae(!0),se.current=setTimeout(function(){ae(!1)},Z)):ae(X),function(){se.current&&clearTimeout(se.current)}},[X,Z]);var ce=l(function(){return re?z?y.filter(function(e){return z(re,e)}):y.filter(function(e){var t=O(e,v),n=null!=t?String(t):"";if(n)return n.toLowerCase().includes(re.toLowerCase());var r=re.toLowerCase();return Object.keys(e).some(function(t){var n=e[t];return"key"!==t&&"disabled"!==t&&(null!=n&&String(n).toLowerCase().includes(r))})}):y},[y,re,z,v]),de=l(function(){var e=ce.filter(function(e){return!e.disabled});return 0!==e.length&&e.every(function(e){return R.includes(L(e,v))})},[ce,R,v]),ue=l(function(){var e=ce.filter(function(e){return!e.disabled});if(0===e.length)return!1;var t=e.filter(function(e){return R.includes(L(e,v))}).length;return t>0&&t<e.length},[ce,R,v]),fe=o(function(){if(!j){var t=ce.filter(function(e){return!e.disabled}).map(function(e){return L(e,v)});if(de){var n=R.filter(function(e){return!t.includes(e)});"left"===U?F(n,te):F(ee,n)}else{var r=e(e([],R,!0),t,!0);n=r.filter(function(e,t){return r.indexOf(e)===t});"left"===U?F(n,te):F(ee,n)}}},[j,ce,R,de,F,v,U,ee,te]),he=o(function(t){if(!j&&!t.disabled){var n,r=L(t,v),i=R.indexOf(r);n=i>-1?e(e([],R.slice(0,i),!0),R.slice(i+1),!0):e(e([],R,!0),[r],!1),"left"===U?F(n,te):F(ee,n)}},[j,R,F,v,U,ee,te]),ge=o(function(e){var t=e.target.value;ie(t)},[]),ye=o(function(){null==G||G(re)},[G,re]),ve=o(function(e){"Enter"===e.key&&ye()},[ye]),me=o(function(){ye()},[ye]),be=l(function(){var e=R.length,t=y.length;return"".concat(e,"/").concat(t)},[R,y]);return n(d,{className:"transfer-list",$disabled:j,$styles:null==E?void 0:E.list,$height:P,$width:_,children:[function(){if(q){var e=q({direction:U,dataSource:y,selectedKeys:R,sourceSelectedKeys:ee,targetSelectedKeys:te});return null===e?null:e}return n(m,{className:"transfer-list-header",children:[n(b,{children:[t(S,{className:"transfer-checkbox",$checked:de,$indeterminate:ue,$disabled:j||0===ce.length,onClick:fe,style:{opacity:j||0===ce.length?.6:1}}),t("span",{children:H})]}),t(p,{children:be})]})}(),x&&null!==q&&t(u,{className:"transfer-search-wrapper",children:A?A({direction:U,value:re,onChange:function(e){ie(e),null==G||G(e)},disabled:j}):n(r,{children:[t(f,{type:"text",placeholder:I,value:re,onChange:ge,onKeyDown:ve,disabled:j,$styles:null==E?void 0:E.search}),t(h,{onClick:me,disabled:j,$disabled:j,"aria-label":"搜索",children:t(D,{type:"search",size:"small",color:j?"#bfbfbf":"#1890ff"})})]})}),B?B({direction:U,dataSource:ce,selectedKeys:R,sourceSelectedKeys:ee,targetSelectedKeys:te,onSelectChange:F}):oe?t(C,{className:"transfer-loading",children:Y?Y():t(K,{className:"transfer-loading-spinner"})}):t(N,{className:"transfer-list-body",children:ce.length>0?ce.map(function(e){var r=L(e,v),i=R.includes(r),l=(null==V?void 0:V(e))||"";return n(w,{className:"transfer-list-item ".concat(l),$selected:i,$disabled:j||e.disabled,$styles:null==E?void 0:E.item,onClick:function(){return he(e)},children:[t($,{$checked:i}),t(T,{children:J?J(e):O(e,v)})]},r)}):t(k,{className:"transfer-empty",children:"暂无数据"})}),(W||Q)&&t(g,{className:"transfer-list-footer",children:Q?Q({direction:U}):W})]})},j=function(e){var r=e.moveToRightDisabled,i=e.moveToLeftDisabled,l=e.onMoveToRight,o=e.onMoveToLeft,a=e.style;return n(y,{className:"transfer-operation",$styles:a,children:[t(v,{type:"button",$direction:"right",$disabled:r,onClick:l,disabled:r,"aria-label":"移动到右侧"}),t(v,{type:"button",$direction:"left",$disabled:i,onClick:o,disabled:i,"aria-label":"移动到左侧"})]})},H=function(a){var s=a.dataSource,d=a.fieldNames,u=a.targetKeys,f=a.defaultTargetKeys,h=void 0===f?[]:f,g=a.selectedKeys,y=a.defaultSelectedKeys,v=void 0===y?[]:y,m=a.showSearch,b=void 0!==m&&m,S=a.disabled,p=void 0!==S&&S,C=a.leftTitle,K=void 0===C?"源列表":C,N=a.rightTitle,w=void 0===N?"目标列表":N,$=a.leftDescription,T=a.rightDescription,k=a.filterOption,D=a.styles,R=a.listHeight,O=a.listWidth,H=a.header,W=a.search,M=a.body,I=a.onSelectChange,z=a.onChange,E=a.onSearch,P=a.render,_=a.footer,q=a.rowClassName,A=a.mode,B=void 0===A?"transfer":A,F=a.loading,G=void 0!==F&&F,J=a.loadingRender,Q=a.loadingDelay,U=void 0!==u,V=void 0!==g,X=i(h),Y=X[0],Z=X[1],ee=i(v),te=ee[0],ne=ee[1],re=i([]),ie=re[0],le=re[1],oe=U?u:Y,ae=V?g.filter(function(e){return!oe.includes(e)}):te,se=V?g.filter(function(e){return oe.includes(e)}):ie,ce=l(function(){return s.filter(function(e){return!oe.includes(L(e,d))})},[s,oe,d]),de=l(function(){return s.filter(function(e){return oe.includes(L(e,d))})},[s,oe,d]),ue=o(function(e,t){V||ne(e),null==I||I(e,t)},[V,I]),fe=o(function(e,t){V||le(t),null==I||I(e,t)},[V,I]),he=o(function(){if(0!==ae.length){var t=e(e([],oe,!0),ae,!0),n=e([],ae,!0);U||(Z(t),ne([])),null==z||z(t,"right",n)}},[ae,oe,U,z]),ge=o(function(){if(0!==se.length){var t=oe.filter(function(e){return!se.includes(e)}),n=e([],se,!0);U||(Z(t),le([])),null==z||z(t,"left",n)}},[se,oe,U,z]),ye=o(function(e){null==E||E("left",e)},[E]),ve=o(function(e){null==E||E("right",e)},[E]),me=p||0===ae.length,be=p||0===se.length,Se=o(function(e,t){var n=e;U||Z(n),null==z||z(n,"right",n),null==I||I([],n)},[U,z,I]),pe=l(function(){return s},[s]),Ce=l(function(){return V?g.filter(function(e){return oe.includes(e)}):oe},[V,g,oe]);return t(c,{className:"transfer-wrapper",$styles:null==D?void 0:D.wrapper,children:"single"===B?t(x,{direction:"left",dataSource:pe,fieldNames:d,selectedKeys:Ce,showSearch:b,disabled:p,title:K,description:$,filterOption:k,styles:D,listHeight:R,listWidth:O,header:H,search:W,body:M,onSelectChange:Se,onSearch:ye,render:P,footer:_,rowClassName:q,loading:G,loadingRender:J,loadingDelay:Q,sourceSelectedKeys:[],targetSelectedKeys:Ce}):n(r,{children:[t(x,{direction:"left",dataSource:ce,fieldNames:d,selectedKeys:ae,showSearch:b,disabled:p,title:K,description:$,filterOption:k,styles:D,listHeight:R,listWidth:O,header:H,search:W,body:M,onSelectChange:ue,onSearch:ye,render:P,footer:_,rowClassName:q,loading:G,loadingRender:J,loadingDelay:Q,sourceSelectedKeys:ae,targetSelectedKeys:se}),t(j,{moveToRightDisabled:me,moveToLeftDisabled:be,onMoveToRight:he,onMoveToLeft:ge,style:null==D?void 0:D.operation}),t(x,{direction:"right",dataSource:de,fieldNames:d,selectedKeys:se,showSearch:b,disabled:p,title:w,description:T,filterOption:k,styles:D,listHeight:R,listWidth:O,header:H,search:W,body:M,onSelectChange:fe,onSearch:ve,render:P,footer:_,rowClassName:q,loading:G,loadingRender:J,loadingDelay:Q,sourceSelectedKeys:ae,targetSelectedKeys:se})]})})};export{H as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__makeTemplateObject as n}from"../node_modules/tslib/tslib.es6.js";import r from"styled-components";var e,t,o,i,a,s,d,f,l,c,p,b,x,g,h,u,m,w,k,y=function(n,r){return"var(".concat(n,", ").concat(r,")")},v=r.div(e||(e=n(["\n display: flex;\n align-items: center;\n gap: 8px;\n\n &.transfer-wrapper {\n /* 外部可通过 .transfer-wrapper 选择器覆盖样式 */\n }\n\n ","\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n\n &.transfer-wrapper {\n /* 外部可通过 .transfer-wrapper 选择器覆盖样式 */\n }\n\n ","\n"])),function(n){var r=n.$styles;return r&&Object.entries(r).map(function(n){var r=n[0],e=n[1];return"".concat(r,": ").concat(e,";")}).join("\n")}),$=r.div(t||(t=n(["\n width: ",";\n height: ",";\n border: 1px solid ",";\n border-radius: ",";\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n opacity: ",";\n /* 立体感阴影效果 */\n box-shadow:\n 0 2px 4px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.06),\n 0 8px 16px rgba(0, 0, 0, 0.04),\n inset 0 1px 0 rgba(255, 255, 255, 0.8);\n transition: box-shadow 0.3s ease, transform 0.3s ease;\n\n &.transfer-list {\n /* 外部可通过 .transfer-list 选择器覆盖样式 */\n }\n\n ","\n"],["\n width: ",";\n height: ",";\n border: 1px solid ",";\n border-radius: ",";\n background: ",";\n display: flex;\n flex-direction: column;\n overflow: hidden;\n opacity: ",";\n /* 立体感阴影效果 */\n box-shadow:\n 0 2px 4px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.06),\n 0 8px 16px rgba(0, 0, 0, 0.04),\n inset 0 1px 0 rgba(255, 255, 255, 0.8);\n transition: box-shadow 0.3s ease, transform 0.3s ease;\n\n &.transfer-list {\n /* 外部可通过 .transfer-list 选择器覆盖样式 */\n }\n\n ","\n"])),function(n){var r=n.$width;return"number"==typeof r?"".concat(r,"px"):r||y("--transfer-list-width","200px")},function(n){var r=n.$height;return"number"==typeof r?"".concat(r,"px"):r||y("--transfer-height","300px")},y("--transfer-border-color","#d9d9d9"),y("--transfer-border-radius","6px"),y("--transfer-bg","#fff"),function(n){return n.$disabled?.6:1},function(n){var r=n.$styles;return r&&Object.entries(r).map(function(n){var r=n[0],e=n[1];return"".concat(r,": ").concat(e,";")}).join("\n")}),z=r.div(o||(o=n(["\n height: ",";\n padding: 0 ",";\n background: ",";\n border-bottom: 1px solid ",";\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: ",";\n font-weight: 500;\n color: ",";\n\n &.transfer-list-header {\n /* 外部可通过 .transfer-list-header 选择器覆盖样式 */\n }\n"],["\n height: ",";\n padding: 0 ",";\n background: ",";\n border-bottom: 1px solid ",";\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: ",";\n font-weight: 500;\n color: ",";\n\n &.transfer-list-header {\n /* 外部可通过 .transfer-list-header 选择器覆盖样式 */\n }\n"])),y("--transfer-header-height","40px"),y("--transfer-padding","12px"),y("--transfer-header-bg","#fafafa"),y("--transfer-border-color","#d9d9d9"),y("--transfer-header-font-size","14px"),y("--transfer-item-text-color","rgba(0, 0, 0, 0.85)")),j=r.div(i||(i=n(["\n display: flex;\n align-items: center;\n gap: 8px;\n\n .transfer-checkbox {\n cursor: pointer;\n }\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n\n .transfer-checkbox {\n cursor: pointer;\n }\n"]))),O=r.span(a||(a=n(["\n font-size: 12px;\n color: ",";\n"],["\n font-size: 12px;\n color: ",";\n"])),y("--transfer-description-color","rgba(0, 0, 0, 0.45)")),_=r.div(s||(s=n(["\n padding: 8px ",";\n border-bottom: 1px solid ",";\n display: flex;\n align-items: center;\n gap: 8px;\n box-sizing: border-box;\n width: 100%;\n\n &.transfer-search-wrapper {\n /* 外部可通过 .transfer-search-wrapper 选择器覆盖样式 */\n }\n"],["\n padding: 8px ",";\n border-bottom: 1px solid ",";\n display: flex;\n align-items: center;\n gap: 8px;\n box-sizing: border-box;\n width: 100%;\n\n &.transfer-search-wrapper {\n /* 外部可通过 .transfer-search-wrapper 选择器覆盖样式 */\n }\n"])),y("--transfer-padding","12px"),y("--transfer-border-color","#d9d9d9")),q=r.input(d||(d=n(["\n flex: 1;\n min-width: 0;\n height: ",";\n padding: ",";\n border: 1px solid ",";\n border-radius: 4px;\n font-size: ",";\n outline: none;\n transition: ",";\n box-sizing: border-box;\n\n &::placeholder {\n color: ",";\n }\n\n &:focus {\n border-color: ",";\n }\n\n &:disabled {\n background: #f5f5f5;\n cursor: not-allowed;\n }\n\n ","\n"],["\n flex: 1;\n min-width: 0;\n height: ",";\n padding: ",";\n border: 1px solid ",";\n border-radius: 4px;\n font-size: ",";\n outline: none;\n transition: ",";\n box-sizing: border-box;\n\n &::placeholder {\n color: ",";\n }\n\n &:focus {\n border-color: ",";\n }\n\n &:disabled {\n background: #f5f5f5;\n cursor: not-allowed;\n }\n\n ","\n"])),y("--transfer-search-height","32px"),y("--transfer-search-padding","0 8px"),y("--transfer-search-border","#d9d9d9"),y("--transfer-font-size","14px"),y("--transfer-transition","all 0.3s"),y("--transfer-search-placeholder-color","rgba(0, 0, 0, 0.45)"),y("--transfer-search-focus-border","#1890ff"),function(n){var r=n.$styles;return r&&Object.entries(r).map(function(n){var r=n[0],e=n[1];return"".concat(r,": ").concat(e,";")}).join("\n")}),A=r.button(f||(f=n(["\n width: 32px;\n min-width: 32px;\n height: ",";\n border: 1px solid ",";\n border-radius: 4px;\n background: ",";\n cursor: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n transition: ",";\n opacity: ",";\n flex-shrink: 0;\n padding: 0;\n box-sizing: border-box;\n\n &:hover:not(:disabled) {\n border-color: ",";\n color: ",";\n }\n\n &:disabled {\n background: #f5f5f5;\n }\n\n /* 搜索图标 */\n .search-icon {\n width: 16px;\n height: 16px;\n }\n"],["\n width: 32px;\n min-width: 32px;\n height: ",";\n border: 1px solid ",";\n border-radius: 4px;\n background: ",";\n cursor: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n transition: ",";\n opacity: ",";\n flex-shrink: 0;\n padding: 0;\n box-sizing: border-box;\n\n &:hover:not(:disabled) {\n border-color: ",";\n color: ",";\n }\n\n &:disabled {\n background: #f5f5f5;\n }\n\n /* 搜索图标 */\n .search-icon {\n width: 16px;\n height: 16px;\n }\n"])),y("--transfer-search-height","32px"),y("--transfer-search-border","#d9d9d9"),y("--transfer-bg","#fff"),function(n){return n.$disabled?"not-allowed":"pointer"},y("--transfer-transition","all 0.3s"),function(n){return n.$disabled?.6:1},y("--transfer-search-focus-border","#1890ff"),y("--transfer-search-focus-border","#1890ff")),B=r.div(l||(l=n(["\n flex: 1;\n overflow-y: auto;\n padding: 4px 0;\n\n &.transfer-list-body {\n /* 外部可通过 .transfer-list-body 选择器覆盖样式 */\n }\n\n /* 滚动条样式 - 淡色精致设计 */\n &::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.15);\n border-radius: 4px;\n border: 2px solid transparent;\n background-clip: padding-box;\n transition: background 0.2s ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.25);\n }\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n border-radius: 4px;\n }\n\n &::-webkit-scrollbar-corner {\n background: transparent;\n }\n"],["\n flex: 1;\n overflow-y: auto;\n padding: 4px 0;\n\n &.transfer-list-body {\n /* 外部可通过 .transfer-list-body 选择器覆盖样式 */\n }\n\n /* 滚动条样式 - 淡色精致设计 */\n &::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.15);\n border-radius: 4px;\n border: 2px solid transparent;\n background-clip: padding-box;\n transition: background 0.2s ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.25);\n }\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n border-radius: 4px;\n }\n\n &::-webkit-scrollbar-corner {\n background: transparent;\n }\n"]))),C=r.div(c||(c=n(["\n height: ",";\n padding: ",";\n display: flex;\n align-items: center;\n gap: 8px;\n cursor: ",";\n transition: ",";\n font-size: ",";\n color: ",";\n background: ",";\n\n &:hover {\n background: ",";\n }\n\n &.transfer-list-item {\n /* 外部可通过 .transfer-list-item 选择器覆盖样式 */\n }\n\n ","\n"],["\n height: ",";\n padding: ",";\n display: flex;\n align-items: center;\n gap: 8px;\n cursor: ",";\n transition: ",";\n font-size: ",";\n color: ",";\n background: ",";\n\n &:hover {\n background: ",";\n }\n\n &.transfer-list-item {\n /* 外部可通过 .transfer-list-item 选择器覆盖样式 */\n }\n\n ","\n"])),y("--transfer-item-height","32px"),y("--transfer-item-padding","0 12px"),function(n){return n.$disabled?"not-allowed":"pointer"},y("--transfer-transition","all 0.3s"),y("--transfer-item-font-size","14px"),function(n){return n.$disabled?y("--transfer-item-disabled-color","rgba(0, 0, 0, 0.25)"):y("--transfer-item-text-color","rgba(0, 0, 0, 0.85)")},function(n){return n.$selected?y("--transfer-item-selected-bg","#e6f7ff"):"transparent"},function(n){var r=n.$disabled,e=n.$selected;return r?"transparent":e?y("--transfer-item-selected-bg","#e6f7ff"):y("--transfer-item-hover-bg","#f5f5f5")},function(n){var r=n.$styles;return r&&Object.entries(r).map(function(n){var r=n[0],e=n[1];return"".concat(r,": ").concat(e,";")}).join("\n")}),D=r.span(p||(p=n(["\n width: 16px;\n height: 16px;\n border: 1px solid\n ",";\n border-radius: 2px;\n background: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.3s;\n\n &::after {\n content: ",";\n font-size: ",";\n color: #fff;\n transform: scale(",");\n transition: all 0.2s;\n line-height: 1;\n font-weight: ",";\n }\n"],["\n width: 16px;\n height: 16px;\n border: 1px solid\n ",";\n border-radius: 2px;\n background: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.3s;\n\n &::after {\n content: ",";\n font-size: ",";\n color: #fff;\n transform: scale(",");\n transition: all 0.2s;\n line-height: 1;\n font-weight: ",";\n }\n"])),function(n){var r=n.$checked,e=n.$indeterminate;return r||e?"#1890ff":"#d9d9d9"},function(n){var r=n.$checked,e=n.$indeterminate;return r||e?"#1890ff":"#fff"},function(n){var r=n.$checked;return n.$indeterminate?"'−'":r?"'✓'":"''"},function(n){return n.$indeterminate?"14px":"12px"},function(n){var r=n.$checked,e=n.$indeterminate;return r||e?1:0},function(n){return n.$indeterminate?"bold":"normal"}),E=r.span(b||(b=n(["\n width: 16px;\n height: 16px;\n border: 1px solid ",";\n border-radius: 2px;\n background: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.3s;\n\n &::after {\n content: '✓';\n font-size: 12px;\n color: #fff;\n transform: scale(",");\n transition: all 0.2s;\n line-height: 1;\n }\n"],["\n width: 16px;\n height: 16px;\n border: 1px solid ",";\n border-radius: 2px;\n background: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.3s;\n\n &::after {\n content: '✓';\n font-size: 12px;\n color: #fff;\n transform: scale(",");\n transition: all 0.2s;\n line-height: 1;\n }\n"])),function(n){return n.$checked?"#1890ff":"#d9d9d9"},function(n){return n.$checked?"#1890ff":"#fff"},function(n){return n.$checked?1:0}),F=r.span(x||(x=n(["\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"],["\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"]))),G=r.div(g||(g=n(["\n padding: 8px ",";\n border-top: 1px solid ",";\n font-size: ",";\n color: ",";\n min-height: 20px;\n display: flex;\n align-items: center;\n\n &.transfer-list-footer {\n /* 外部可通过 .transfer-list-footer 选择器覆盖样式 */\n }\n"],["\n padding: 8px ",";\n border-top: 1px solid ",";\n font-size: ",";\n color: ",";\n min-height: 20px;\n display: flex;\n align-items: center;\n\n &.transfer-list-footer {\n /* 外部可通过 .transfer-list-footer 选择器覆盖样式 */\n }\n"])),y("--transfer-padding","12px"),y("--transfer-border-color","#d9d9d9"),y("--transfer-description-font-size","12px"),y("--transfer-description-color","rgba(0, 0, 0, 0.45)")),H=r.div(h||(h=n(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: ",";\n align-items: center;\n\n &.transfer-operation {\n /* 外部可通过 .transfer-operation 选择器覆盖样式 */\n }\n\n ","\n"],["\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: ",";\n align-items: center;\n\n &.transfer-operation {\n /* 外部可通过 .transfer-operation 选择器覆盖样式 */\n }\n\n ","\n"])),y("--transfer-operation-width","40px"),function(n){var r=n.$styles;return r&&Object.entries(r).map(function(n){var r=n[0],e=n[1];return"".concat(r,": ").concat(e,";")}).join("\n")}),I=r.button(u||(u=n(["\n width: 32px;\n height: 28px;\n border: 1px solid ",";\n border-radius: 4px;\n background: ",";\n cursor: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n transition: ",";\n opacity: ",";\n\n &:hover:not(:disabled) {\n background: ",";\n border-color: ",";\n color: #1890ff;\n }\n\n &:disabled {\n background: ",";\n color: ",";\n }\n\n /* 箭头图标 - 使用字符 */\n &::before {\n content: ",";\n font-size: 14px;\n font-weight: 600;\n line-height: 1;\n color: inherit;\n }\n"],["\n width: 32px;\n height: 28px;\n border: 1px solid ",";\n border-radius: 4px;\n background: ",";\n cursor: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n transition: ",";\n opacity: ",";\n\n &:hover:not(:disabled) {\n background: ",";\n border-color: ",";\n color: #1890ff;\n }\n\n &:disabled {\n background: ",";\n color: ",";\n }\n\n /* 箭头图标 - 使用字符 */\n &::before {\n content: ",";\n font-size: 14px;\n font-weight: 600;\n line-height: 1;\n color: inherit;\n }\n"])),y("--transfer-operation-border","#d9d9d9"),y("--transfer-operation-bg","#f5f5f5"),function(n){return n.$disabled?"not-allowed":"pointer"},y("--transfer-transition","all 0.3s"),function(n){return n.$disabled?.6:1},y("--transfer-operation-hover-bg","#e6f7ff"),y("--transfer-operation-hover-border","#1890ff"),y("--transfer-operation-disabled-bg","#f5f5f5"),y("--transfer-operation-disabled-color","rgba(0, 0, 0, 0.25)"),function(n){return"right"===n.$direction?"'>'":"'<'"}),J=r.div(m||(m=n(["\n padding: 32px 0;\n text-align: center;\n color: ",";\n font-size: ",";\n\n &.transfer-empty {\n /* 外部可通过 .transfer-empty 选择器覆盖样式 */\n }\n"],["\n padding: 32px 0;\n text-align: center;\n color: ",";\n font-size: ",";\n\n &.transfer-empty {\n /* 外部可通过 .transfer-empty 选择器覆盖样式 */\n }\n"])),y("--transfer-description-color","rgba(0, 0, 0, 0.45)"),y("--transfer-font-size","14px")),K=r.div(w||(w=n(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 32px 0;\n\n &.transfer-loading {\n /* 外部可通过 .transfer-loading 选择器覆盖样式 */\n }\n"],["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 32px 0;\n\n &.transfer-loading {\n /* 外部可通过 .transfer-loading 选择器覆盖样式 */\n }\n"]))),L=r.div(k||(k=n(["\n width: 32px;\n height: 32px;\n border: 3px solid ",";\n border-top-color: ",";\n border-radius: 50%;\n animation: transfer-spin 0.8s linear infinite;\n\n @keyframes transfer-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n"],["\n width: 32px;\n height: 32px;\n border: 3px solid ",";\n border-top-color: ",";\n border-radius: 50%;\n animation: transfer-spin 0.8s linear infinite;\n\n @keyframes transfer-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n"])),y("--transfer-loading-track-color","#f0f0f0"),y("--transfer-loading-spinner-color","#1890ff"));export{J as TransferEmpty,O as TransferHeaderCount,j as TransferHeaderLeft,D as TransferItemCheckbox,F as TransferItemContent,B as TransferListBody,$ as TransferListContainer,G as TransferListFooter,z as TransferListHeader,C as TransferListItem,E as TransferListItemCheckbox,K as TransferLoading,L as TransferLoadingSpinner,H as TransferOperation,I as TransferOperationButton,q as TransferSearch,A as TransferSearchButton,_ as TransferSearchWrapper,v as TransferWrapper};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__spreadArray as e}from"../node_modules/tslib/tslib.es6.js";import{jsxs as t,jsx as n,Fragment as r}from"react/jsx-runtime";import{useState as l,useRef as o,useCallback as i,useMemo as c,useEffect as s}from"react";import a from"classnames";import d from"../Icon/Icon.js";import u from"../Empty/index.js";import{TreeNodeWrapper as f,TreeNode as h,ExpandIcon as m,Checkbox as p,CheckboxInner as v,NodeTitle as _,TreeNodeChildren as g,SelectionItem as N,Tag as w,TagContent as $,TagClose as y,Wrapper as C,Selection as b,SearchWrapper as x,SearchInput as k,Rendered as z,ClearIcon as S,ArrowIcon as j,Dropdown as P,DropdownSearchWrapper as A,DropdownSearchInput as L,DropdownContent as B,EmptyWrapper as E}from"./styles.js";var D=function(D){var I=D.treeData,T=void 0===I?[]:I,V=D.value,H=D.defaultValue,O=D.onChange,R=D.placeholder,W=void 0===R?"请选择":R,q=D.disabled,F=void 0!==q&&q,G=D.multiple,J=void 0!==G&&G,K=D.maxTagCount,M=D.allowClear,Q=void 0===M||M,U=D.size,X=void 0===U?"middle":U,Y=D.styles,Z=D.className,ee=D.dropdownWidth,te=D.dropdownHeight,ne=void 0===te?300:te,re=D.showSearch,le=void 0!==re&&re,oe=D.filterOption,ie=D.autoClearSearchValue,ce=void 0===ie||ie,se=D.fieldNames,ae=void 0===se?{}:se,de=D.width,ue=l(!1),fe=ue[0],he=ue[1],me=l(function(){return H?Array.isArray(H)?H:[H]:[]}),pe=me[0],ve=me[1],_e=l(""),ge=_e[0],Ne=_e[1],we=o(null),$e=o(null),ye=l(new Set),Ce=ye[0],be=ye[1],xe=ae.title,ke=void 0===xe?"title":xe,ze=ae.value,Se=void 0===ze?"value":ze,je=ae.children,Pe=void 0===je?"children":je,Ae=i(function(e){return e[Se]||e.value},[Se]),Le=i(function(e){return e[ke]||e.title},[ke]),Be=i(function(e){return e[Pe]},[Pe]),Ee=c(function(){return void 0!==V?J?Array.isArray(V)?V:[V]:null!==V&&""!==V?[V]:[]:pe},[V,pe,J]),De=i(function(e,t){void 0===t&&(t=T);for(var n=0,r=t;n<r.length;n++){var l=r[n];if(Ae(l)===e)return l;var o=Be(l);if(o&&o.length>0){var i=De(e,o);if(i)return i}}return null},[T,Ae,Be]),Ie=c(function(){return Ee.map(function(e){return De(e)}).filter(Boolean)},[Ee,De]);s(function(){var e=function(e){we.current&&!we.current.contains(e.target)&&(he(!1),Ne(""))};return fe&&document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}},[fe]),s(function(){fe&&le&&$e.current&&setTimeout(function(){var e;return null===(e=$e.current)||void 0===e?void 0:e.focus()},0)},[fe,le]);var Te=i(function(t){var n=Ae(t);if(J){var r=void 0,l=(r=Ee.includes(n)?Ee.filter(function(e){return e!==n}):e(e([],Ee,!0),[n],!1)).map(function(e){return De(e)}).filter(Boolean);void 0===V&&ve(r),null==O||O(r,l)}else void 0===V&&ve([n]),null==O||O(n,[t]),he(!1);ce&&Ne("")},[Ee,J,Ae,De,V,O,ce]),Ve=i(function(e){e.stopPropagation(),void 0===V&&ve([]),null==O||O(J?[]:void 0,[])},[V,O,J]),He=i(function(e,t){e.stopPropagation();var n=Ee.filter(function(e){return e!==t}),r=n.map(function(e){return De(e)}).filter(Boolean);void 0===V&&ve(n),null==O||O(n,r)},[Ee,De,V,O]),Oe=i(function(e,t){e.stopPropagation();var n=Ae(t),r=new Set(Ce);r.has(n)?r.delete(n):r.add(n),be(r)},[Ce,Ae]),Re=i(function(e){if(!ge)return!0;var t=String(Le(e));return oe?oe(ge,e):t.toLowerCase().includes(ge.toLowerCase())},[ge,Le,oe]),We=i(function(e){var t=Be(e);return!(!t||0===t.length)&&t.some(function(e){return Re(e)||We(e)})},[Be,Re]),qe=i(function(e,r){void 0===r&&(r=0);var l=Ae(e),o=Le(e),i=Be(e),c=i&&i.length>0,s=Ee.includes(l),u=Ce.has(l),N=!!e.disabled,w=Re(e),$=We(e);return w||$?t(f,{className:"treeselect-tree-node-wrapper",children:[t(h,{className:a("treeselect-tree-node",{"treeselect-tree-node--selected":s,"treeselect-tree-node--disabled":N,"treeselect-tree-node--leaf":!c}),$selected:s,$disabled:N,$level:r,$styles:null==Y?void 0:Y.treeNode,onClick:function(){return!N&&Te(e)},children:[n(m,{className:a("treeselect-tree-node__expand-icon",{"treeselect-tree-node__expand-icon--expanded":u,"treeselect-tree-node__expand-icon--no-children":!c}),$expanded:u,$hasChildren:!!c,onClick:function(t){return c&&Oe(t,e)},children:c&&n(d,{type:"arrowRight",size:12,color:"#bfbfbf"})}),J&&n(p,{className:"treeselect-tree-node__checkbox",children:n(v,{className:a("treeselect-tree-node__checkbox-inner",{"treeselect-tree-node__checkbox-inner--checked":s}),$checked:s,children:s&&n(d,{type:"check",size:10,color:"#fff"})})}),n(_,{className:"treeselect-tree-node__title",children:o})]}),c&&u&&n(g,{className:"treeselect-tree-node-children",children:i.map(function(e){return qe(e,r+1)})})]},String(l)):null},[Ee,Ce,Ae,Le,Be,J,Re,We,Te,Oe,null==Y?void 0:Y.treeNode]),Fe=i(function(){if(!J){var e=Ie[0];return e?n(N,{className:"treeselect-selection__item",children:Le(e)}):W}if(0===Ie.length)return W;var l=Ie,o=0;return void 0!==K&&K>0&&Ie.length>K&&(l=Ie.slice(0,K),o=Ie.length-K),t(r,{children:[l.map(function(e){return t(w,{className:a("treeselect-selection__tag",{"treeselect-selection__tag--more":!1}),$size:X,$styles:null==Y?void 0:Y.tag,children:[n($,{className:"treeselect-selection__tag-content",children:Le(e)}),n(y,{className:"treeselect-selection__tag-close",onClick:function(t){return He(t,Ae(e))},children:n(d,{type:"close",size:10})})]},Ae(e))}),o>0&&t(w,{className:"treeselect-selection__tag treeselect-selection__tag--more",$size:X,$styles:null==Y?void 0:Y.tag,children:["+",o]})]})},[J,Ie,K,Ae,Le,He,W,X,null==Y?void 0:Y.tag]),Ge=a("treeselect-wrapper",Z);return t(C,{ref:we,className:Ge,$width:de,$styles:null==Y?void 0:Y.wrapper,children:[t(b,{className:a("treeselect-selection",{"treeselect-selection--open":fe,"treeselect-selection--disabled":F}),$open:fe,$disabled:F,$size:X,$styles:null==Y?void 0:Y.selection,onClick:function(){F||(he(!fe),fe||Ne(""))},children:[le&&fe?n(x,{className:"treeselect-selection__search",children:n(k,{ref:$e,type:"text",className:"treeselect-selection__search-input",value:ge,onChange:function(e){return Ne(e.target.value)},placeholder:0===Ie.length?W:"",onClick:function(e){return e.stopPropagation()}})}):n(z,{className:a("treeselect-selection__rendered",{"treeselect-selection__rendered--placeholder":0===Ie.length}),$isPlaceholder:0===Ie.length,children:Fe()}),Q&&!F&&Ie.length>0&&n(S,{className:"treeselect-selection__clear",$size:X,onClick:Ve,children:n(d,{type:"close",size:12})}),n(j,{className:a("treeselect-selection__arrow",{"treeselect-selection__arrow--open":fe}),$open:fe,$size:X,children:n(d,{type:"arrowDown",size:12})})]}),fe&&t(P,{className:"treeselect-dropdown",$width:ee,$height:ne,$styles:null==Y?void 0:Y.dropdown,children:[le&&!fe&&n(A,{className:"treeselect-dropdown__search",children:n(L,{ref:$e,type:"text",className:"treeselect-dropdown__search-input",value:ge,onChange:function(e){return Ne(e.target.value)},placeholder:"搜索"})}),n(B,{className:"treeselect-dropdown__content",children:T.length>0?T.map(function(e){return qe(e)}):n(E,{className:"treeselect-dropdown__empty",children:n(u,{size:"small",description:"暂无数据"})})})]})]})};export{D as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__makeTemplateObject as n}from"../node_modules/tslib/tslib.es6.js";import e from"styled-components";var t,r,o,i,l,c,s,d,a,p,x,f,g,u,b,h,_,w,m,v,y,k,z,j=function(n,e){return"var(".concat(n,", ").concat(e,")")},$=e.div(t||(t=n(["\n position: relative;\n display: inline-block;\n width: ",";\n min-width: 180px;\n font-size: 14px;\n color: ",";\n box-sizing: border-box;\n\n &.treeselect-wrapper {\n /* 外部可通过 .treeselect-wrapper 选择器覆盖样式 */\n }\n\n ","\n"],["\n position: relative;\n display: inline-block;\n width: ",";\n min-width: 180px;\n font-size: 14px;\n color: ",";\n box-sizing: border-box;\n\n &.treeselect-wrapper {\n /* 外部可通过 .treeselect-wrapper 选择器覆盖样式 */\n }\n\n ","\n"])),function(n){return n.$width||"100%"},j("--idp-text-color","rgba(0, 0, 0, 0.85)"),function(n){var e=n.$styles;return e&&Object.entries(e).map(function(n){var e=n[0],t=n[1];return"".concat(e,": ").concat(t,";")}).join("\n")}),O=e.div(r||(r=n(["\n position: relative;\n display: flex;\n align-items: center;\n min-height: 32px;\n padding: 4px 28px 4px 11px;\n background-color: ",";\n border: 1px solid ",";\n border-radius: ",";\n cursor: pointer;\n transition: all "," ",";\n box-sizing: border-box;\n\n &.treeselect-selection {\n /* 外部可通过 .treeselect-selection 选择器覆盖样式 */\n }\n\n &:hover {\n border-color: ",";\n }\n\n ","\n\n ","\n\n ","\n\n ","\n"],["\n position: relative;\n display: flex;\n align-items: center;\n min-height: 32px;\n padding: 4px 28px 4px 11px;\n background-color: ",";\n border: 1px solid ",";\n border-radius: ",";\n cursor: pointer;\n transition: all "," ",";\n box-sizing: border-box;\n\n &.treeselect-selection {\n /* 外部可通过 .treeselect-selection 选择器覆盖样式 */\n }\n\n &:hover {\n border-color: ",";\n }\n\n ","\n\n ","\n\n ","\n\n ","\n"])),j("--idp-bg-color-white","#fff"),j("--idp-border-color-extra-light","#d9d9d9"),j("--idp-border-radius-sm","4px"),j("--idp-transition-duration","0.2s"),j("--idp-transition-timing-function","ease-in-out"),j("--idp-primary-hover-color","#40a9ff"),function(n){return n.$open&&"\n border-color: ".concat(j("--idp-primary-color","#1890ff"),";\n box-shadow: ").concat(j("--idp-input-box-shadow-focus","0 0 0 2px rgba(51, 154, 240, 0.2)"),";\n ")},function(n){return n.$disabled&&"\n background-color: ".concat(j("--idp-input-disabled-bg","#f5f5f5"),";\n border-color: ").concat(j("--idp-border-color-extra-light","#d9d9d9"),";\n cursor: not-allowed;\n ")},function(n){var e=n.$size;return"large"===e?"\n min-height: 40px;\n padding: 6px 32px 6px 15px;\n font-size: 16px;\n ":"small"===e?"\n min-height: 24px;\n padding: 2px 24px 2px 7px;\n font-size: 14px;\n ":""},function(n){var e=n.$styles;return e&&Object.entries(e).map(function(n){var e=n[0],t=n[1];return"".concat(e,": ").concat(t,";")}).join("\n")}),Y=e.div(o||(o=n(["\n flex: 1;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 4px;\n overflow: hidden;\n\n &.treeselect-selection__rendered {\n /* 外部可通过 .treeselect-selection__rendered 选择器覆盖样式 */\n }\n\n ","\n"],["\n flex: 1;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 4px;\n overflow: hidden;\n\n &.treeselect-selection__rendered {\n /* 外部可通过 .treeselect-selection__rendered 选择器覆盖样式 */\n }\n\n ","\n"])),function(n){return n.$isPlaceholder&&"\n color: ".concat(j("--idp-input-placeholder-color","#bfbfbf"),";\n ")}),C=e.span(i||(i=n(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &.treeselect-selection__item {\n /* 外部可通过 .treeselect-selection__item 选择器覆盖样式 */\n }\n"],["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &.treeselect-selection__item {\n /* 外部可通过 .treeselect-selection__item 选择器覆盖样式 */\n }\n"]))),P=e.span(l||(l=n(["\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n padding: 2px 8px;\n background-color: ",";\n border: 1px solid ",";\n border-radius: ",";\n font-size: 12px;\n line-height: 1.5;\n\n &.treeselect-selection__tag {\n /* 外部可通过 .treeselect-selection__tag 选择器覆盖样式 */\n }\n\n &.treeselect-selection__tag--more {\n background-color: transparent;\n border-color: transparent;\n color: ",";\n }\n\n ","\n\n ","\n"],["\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n padding: 2px 8px;\n background-color: ",";\n border: 1px solid ",";\n border-radius: ",";\n font-size: 12px;\n line-height: 1.5;\n\n &.treeselect-selection__tag {\n /* 外部可通过 .treeselect-selection__tag 选择器覆盖样式 */\n }\n\n &.treeselect-selection__tag--more {\n background-color: transparent;\n border-color: transparent;\n color: ",";\n }\n\n ","\n\n ","\n"])),j("--idp-bg-color-light","#f5f5f5"),j("--idp-border-color-light","#f0f0f0"),j("--idp-border-radius-sm","4px"),j("--idp-text-color-secondary","rgba(0, 0, 0, 0.65)"),function(n){var e=n.$size;return"large"===e?"\n font-size: 14px;\n padding: 4px 10px;\n ":"small"===e?"\n font-size: 12px;\n padding: 1px 6px;\n ":""},function(n){var e=n.$styles;return e&&Object.entries(e).map(function(n){var e=n[0],t=n[1];return"".concat(e,": ").concat(t,";")}).join("\n")}),q=e.span(c||(c=n(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &.treeselect-selection__tag-content {\n /* 外部可通过 .treeselect-selection__tag-content 选择器覆盖样式 */\n }\n"],["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &.treeselect-selection__tag-content {\n /* 外部可通过 .treeselect-selection__tag-content 选择器覆盖样式 */\n }\n"]))),A=e.span(s||(s=n(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 4px;\n padding: 2px;\n color: ",";\n cursor: pointer;\n transition: color ",";\n\n &.treeselect-selection__tag-close {\n /* 外部可通过 .treeselect-selection__tag-close 选择器覆盖样式 */\n }\n\n &:hover {\n color: ",";\n }\n"],["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 4px;\n padding: 2px;\n color: ",";\n cursor: pointer;\n transition: color ",";\n\n &.treeselect-selection__tag-close {\n /* 外部可通过 .treeselect-selection__tag-close 选择器覆盖样式 */\n }\n\n &:hover {\n color: ",";\n }\n"])),j("--idp-text-color-tertiary","rgba(0, 0, 0, 0.45)"),j("--idp-transition-duration","0.2s"),j("--idp-text-color","rgba(0, 0, 0, 0.85)")),B=e.div(d||(d=n(["\n flex: 1;\n min-width: 30px;\n\n &.treeselect-selection__search {\n /* 外部可通过 .treeselect-selection__search 选择器覆盖样式 */\n }\n"],["\n flex: 1;\n min-width: 30px;\n\n &.treeselect-selection__search {\n /* 外部可通过 .treeselect-selection__search 选择器覆盖样式 */\n }\n"]))),D=e.input(a||(a=n(["\n width: 100%;\n padding: 0;\n border: none;\n outline: none;\n background: transparent;\n font-size: 14px;\n color: ",";\n\n &::placeholder {\n color: ",";\n }\n\n &.treeselect-selection__search-input,\n &.treeselect-dropdown__search-input {\n /* 外部可通过这些选择器覆盖样式 */\n }\n"],["\n width: 100%;\n padding: 0;\n border: none;\n outline: none;\n background: transparent;\n font-size: 14px;\n color: ",";\n\n &::placeholder {\n color: ",";\n }\n\n &.treeselect-selection__search-input,\n &.treeselect-dropdown__search-input {\n /* 外部可通过这些选择器覆盖样式 */\n }\n"])),j("--idp-text-color","rgba(0, 0, 0, 0.85)"),j("--idp-input-placeholder-color","#bfbfbf")),E=e.span(p||(p=n(["\n position: absolute;\n right: 28px;\n top: 50%;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n height: 18px;\n color: ",";\n cursor: pointer;\n transition: color ",";\n z-index: 1;\n\n &.treeselect-selection__clear {\n /* 外部可通过 .treeselect-selection__clear 选择器覆盖样式 */\n }\n\n &:hover {\n color: ",";\n }\n\n ","\n"],["\n position: absolute;\n right: 28px;\n top: 50%;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n height: 18px;\n color: ",";\n cursor: pointer;\n transition: color ",";\n z-index: 1;\n\n &.treeselect-selection__clear {\n /* 外部可通过 .treeselect-selection__clear 选择器覆盖样式 */\n }\n\n &:hover {\n color: ",";\n }\n\n ","\n"])),j("--idp-text-color-tertiary","rgba(0, 0, 0, 0.45)"),j("--idp-transition-duration","0.2s"),j("--idp-text-color","rgba(0, 0, 0, 0.85)"),function(n){var e=n.$size;return"large"===e?"right: 32px;":"small"===e?"right: 24px;":""}),F=e.span(x||(x=n(["\n position: absolute;\n right: 11px;\n top: 50%;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n color: ",";\n transition: transform ",";\n pointer-events: none;\n\n &.treeselect-selection__arrow {\n /* 外部可通过 .treeselect-selection__arrow 选择器覆盖样式 */\n }\n\n ","\n\n ","\n"],["\n position: absolute;\n right: 11px;\n top: 50%;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n color: ",";\n transition: transform ",";\n pointer-events: none;\n\n &.treeselect-selection__arrow {\n /* 外部可通过 .treeselect-selection__arrow 选择器覆盖样式 */\n }\n\n ","\n\n ","\n"])),j("--idp-text-color-tertiary","rgba(0, 0, 0, 0.45)"),j("--idp-transition-duration","0.2s"),function(n){return n.$open&&"\n transform: translateY(-50%) rotate(180deg);\n "},function(n){var e=n.$size;return"large"===e?"right: 15px;":"small"===e?"right: 7px;":""}),G=e.div(f||(f=n(["\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1050;\n margin-top: 4px;\n background-color: ",";\n border-radius: ",";\n box-shadow: ",";\n overflow: hidden;\n width: ",";\n max-height: ",";\n\n &.treeselect-dropdown {\n /* 外部可通过 .treeselect-dropdown 选择器覆盖样式 */\n }\n\n ","\n"],["\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1050;\n margin-top: 4px;\n background-color: ",";\n border-radius: ",";\n box-shadow: ",";\n overflow: hidden;\n width: ",";\n max-height: ",";\n\n &.treeselect-dropdown {\n /* 外部可通过 .treeselect-dropdown 选择器覆盖样式 */\n }\n\n ","\n"])),j("--idp-bg-color-white","#fff"),j("--idp-border-radius-sm","4px"),j("--idp-shadow-lg","0 8px 24px rgba(0, 0, 0, 0.15)"),function(n){return n.$width||"100%"},function(n){return n.$height||"300px"},function(n){var e=n.$styles;return e&&Object.entries(e).map(function(n){var e=n[0],t=n[1];return"".concat(e,": ").concat(t,";")}).join("\n")}),H=e.div(g||(g=n(["\n padding: 8px 12px;\n border-bottom: 1px solid ",";\n\n &.treeselect-dropdown__search {\n /* 外部可通过 .treeselect-dropdown__search 选择器覆盖样式 */\n }\n"],["\n padding: 8px 12px;\n border-bottom: 1px solid ",";\n\n &.treeselect-dropdown__search {\n /* 外部可通过 .treeselect-dropdown__search 选择器覆盖样式 */\n }\n"])),j("--idp-border-color-light","#f0f0f0")),I=e.input(u||(u=n(["\n width: 100%;\n padding: 4px 8px;\n background-color: ",";\n border: none;\n border-radius: ",";\n outline: none;\n font-size: 14px;\n color: ",";\n\n &::placeholder {\n color: ",";\n }\n"],["\n width: 100%;\n padding: 4px 8px;\n background-color: ",";\n border: none;\n border-radius: ",";\n outline: none;\n font-size: 14px;\n color: ",";\n\n &::placeholder {\n color: ",";\n }\n"])),j("--idp-bg-color-light","#f5f5f5"),j("--idp-border-radius-sm","4px"),j("--idp-text-color","rgba(0, 0, 0, 0.85)"),j("--idp-input-placeholder-color","#bfbfbf")),J=e.div(b||(b=n(["\n max-height: 300px;\n overflow-y: auto;\n padding: 4px 0;\n\n &.treeselect-dropdown__content {\n /* 外部可通过 .treeselect-dropdown__content 选择器覆盖样式 */\n }\n\n /* 滚动条样式 */\n &::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: rgba(0, 0, 0, 0.25);\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n"],["\n max-height: 300px;\n overflow-y: auto;\n padding: 4px 0;\n\n &.treeselect-dropdown__content {\n /* 外部可通过 .treeselect-dropdown__content 选择器覆盖样式 */\n }\n\n /* 滚动条样式 */\n &::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: rgba(0, 0, 0, 0.25);\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n"]))),K=e.div(h||(h=n(["\n padding: 32px 0;\n\n &.treeselect-dropdown__empty {\n /* 外部可通过 .treeselect-dropdown__empty 选择器覆盖样式 */\n }\n"],["\n padding: 32px 0;\n\n &.treeselect-dropdown__empty {\n /* 外部可通过 .treeselect-dropdown__empty 选择器覆盖样式 */\n }\n"]))),L=e.div(_||(_=n(["\n display: flex;\n flex-direction: column;\n\n &.treeselect-tree-node-wrapper {\n /* 外部可通过 .treeselect-tree-node-wrapper 选择器覆盖样式 */\n }\n"],["\n display: flex;\n flex-direction: column;\n\n &.treeselect-tree-node-wrapper {\n /* 外部可通过 .treeselect-tree-node-wrapper 选择器覆盖样式 */\n }\n"]))),M=e.div(w||(w=n(["\n display: flex;\n align-items: center;\n padding: 8px 12px;\n padding-left: ",";\n cursor: pointer;\n transition: background-color ",";\n user-select: none;\n\n &.treeselect-tree-node {\n /* 外部可通过 .treeselect-tree-node 选择器覆盖样式 */\n }\n\n &:hover {\n background-color: ",";\n }\n\n ","\n\n ","\n\n ","\n"],["\n display: flex;\n align-items: center;\n padding: 8px 12px;\n padding-left: ",";\n cursor: pointer;\n transition: background-color ",";\n user-select: none;\n\n &.treeselect-tree-node {\n /* 外部可通过 .treeselect-tree-node 选择器覆盖样式 */\n }\n\n &:hover {\n background-color: ",";\n }\n\n ","\n\n ","\n\n ","\n"])),function(n){return"".concat(20*n.$level+12,"px")},j("--idp-transition-duration","0.2s"),j("--idp-bg-color-light","#f5f5f5"),function(n){return n.$selected&&"\n background-color: #e6f7ff;\n\n &:hover {\n background-color: #bae7ff;\n }\n "},function(n){return n.$disabled&&"\n color: ".concat(j("--idp-text-color-tertiary","rgba(0, 0, 0, 0.45)"),";\n cursor: not-allowed;\n\n &:hover {\n background-color: transparent;\n }\n ")},function(n){var e=n.$styles;return e&&Object.entries(e).map(function(n){var e=n[0],t=n[1];return"".concat(e,": ").concat(t,";")}).join("\n")}),N=e.span(m||(m=n(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n margin-right: 4px;\n cursor: pointer;\n transition: transform ",";\n\n &.treeselect-tree-node__expand-icon {\n /* 外部可通过 .treeselect-tree-node__expand-icon 选择器覆盖样式 */\n }\n\n ","\n\n ","\n"],["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n margin-right: 4px;\n cursor: pointer;\n transition: transform ",";\n\n &.treeselect-tree-node__expand-icon {\n /* 外部可通过 .treeselect-tree-node__expand-icon 选择器覆盖样式 */\n }\n\n ","\n\n ","\n"])),j("--idp-transition-duration","0.2s"),function(n){return n.$expanded&&"\n transform: rotate(90deg);\n "},function(n){return!n.$hasChildren&&"\n visibility: hidden;\n cursor: default;\n "}),Q=e.span(v||(v=n(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n\n &.treeselect-tree-node__checkbox {\n /* 外部可通过 .treeselect-tree-node__checkbox 选择器覆盖样式 */\n }\n"],["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n\n &.treeselect-tree-node__checkbox {\n /* 外部可通过 .treeselect-tree-node__checkbox 选择器覆盖样式 */\n }\n"]))),R=e.span(y||(y=n(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n border: 1px solid ",";\n border-radius: 2px;\n background-color: ",";\n transition: all ",";\n\n &.treeselect-tree-node__checkbox-inner {\n /* 外部可通过 .treeselect-tree-node__checkbox-inner 选择器覆盖样式 */\n }\n\n .treeselect-tree-node:hover & {\n border-color: ",";\n }\n\n ","\n"],["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n border: 1px solid ",";\n border-radius: 2px;\n background-color: ",";\n transition: all ",";\n\n &.treeselect-tree-node__checkbox-inner {\n /* 外部可通过 .treeselect-tree-node__checkbox-inner 选择器覆盖样式 */\n }\n\n .treeselect-tree-node:hover & {\n border-color: ",";\n }\n\n ","\n"])),j("--idp-border-color-extra-light","#d9d9d9"),j("--idp-bg-color-white","#fff"),j("--idp-transition-duration","0.2s"),j("--idp-primary-color","#1890ff"),function(n){return n.$checked&&"\n background-color: ".concat(j("--idp-primary-color","#1890ff"),";\n border-color: ").concat(j("--idp-primary-color","#1890ff"),";\n ")}),S=e.span(k||(k=n(["\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &.treeselect-tree-node__title {\n /* 外部可通过 .treeselect-tree-node__title 选择器覆盖样式 */\n }\n"],["\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &.treeselect-tree-node__title {\n /* 外部可通过 .treeselect-tree-node__title 选择器覆盖样式 */\n }\n"]))),T=e.div(z||(z=n(["\n display: flex;\n flex-direction: column;\n\n &.treeselect-tree-node-children {\n /* 外部可通过 .treeselect-tree-node-children 选择器覆盖样式 */\n }\n"],["\n display: flex;\n flex-direction: column;\n\n &.treeselect-tree-node-children {\n /* 外部可通过 .treeselect-tree-node-children 选择器覆盖样式 */\n }\n"])));export{F as ArrowIcon,Q as Checkbox,R as CheckboxInner,E as ClearIcon,G as Dropdown,J as DropdownContent,I as DropdownSearchInput,H as DropdownSearchWrapper,K as EmptyWrapper,N as ExpandIcon,S as NodeTitle,Y as Rendered,D as SearchInput,B as SearchWrapper,O as Selection,C as SelectionItem,P as Tag,A as TagClose,q as TagContent,M as TreeNode,T as TreeNodeChildren,L as TreeNodeWrapper,$ as Wrapper};
|