@itera-web/react-ui-searchform 1.26.0 → 1.28.1

package/es/index.js

@@ -1 +1 @@
-import*as e from"react";import*as t from"react-hook-form";import*as r from"@itera-web/hooks-setstate";import*as n from"@itera-web/react-ui-button";import*as a from"@itera-web/react-ui-conditionalrender";import*as o from"@itera-web/react-ui-form";import*as l from"@itera-web/react-ui-space";import*as u from"@itera-web/utils-cn";import*as c from"@itera-web/utils-locale-toggle";var i={d:(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},s={};i.d(s,{U:()=>C});const m=(e=>{var t={};return i.d(t,e),t})({createElement:()=>e.createElement,default:()=>e.default,forwardRef:()=>e.forwardRef,memo:()=>e.memo,useCallback:()=>e.useCallback,useEffect:()=>e.useEffect,useImperativeHandle:()=>e.useImperativeHandle,useMemo:()=>e.useMemo,useRef:()=>e.useRef,useState:()=>e.useState});const d=(e=>{var t={};return i.d(t,e),t})({useForm:()=>t.useForm});const f=(e=>{var t={};return i.d(t,e),t})({useSetState:()=>r.useSetState});const v=(e=>{var t={};return i.d(t,e),t})({Button:()=>n.Button});const p=(e=>{var t={};return i.d(t,e),t})({ConditionalRender:()=>a.ConditionalRender});const h=(e=>{var t={};return i.d(t,e),t})({Form:()=>o.Form});const g=(e=>{var t={};return i.d(t,e),t})({Space:()=>l.Space});const E=(e=>{var t={};return i.d(t,e),t})({cn:()=>u.cn});const w=(e=>{var t={};return i.d(t,e),t})({Intl:()=>c.Intl});var k=function(e){var t=e.className;return m.createElement("svg",{className:t,fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},m.createElement("path",{d:"m6 9 6 6 6-6"}))},b=function(e){var t=e.className;return m.createElement("svg",{className:t,fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},m.createElement("path",{d:"m18 15-6-6-6 6"}))},y=function(e){var t=e.className;return m.createElement("svg",{className:t,fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},m.createElement("path",{d:"m21 21-4.34-4.34"}),m.createElement("circle",{cx:"11",cy:"11",r:"8"}))},S=function(){return S=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},S.apply(this,arguments)},x=function(e,t){var r,n=e.loading,a=void 0!==n&&n,o=e.searchParamList,l=void 0===o?[]:o,u=e.defaultValues,c=void 0===u?{}:u,i=e.onSearch,s=void 0===i?function(){}:i,x=e.noSearch,C=void 0!==x&&x,R=(0,d.useForm)({defaultValues:c}),N=(0,f.useSetState)(!0),I=N[0],j=N[1],F=N[2],q=(0,m.useRef)(null),B=(0,m.useState)(0),L=B[0],O=B[1],M=(0,m.useState)(0),P=M[0],W=M[1],H=(0,m.useMemo)(function(){return l.map(function(e){var t=w.Intl.v(e.value.props.label);return S(S({},e),{value:m.default.cloneElement(e.value,S(S({name:e.key,control:R.control},e.value.props),{label:t}))})})},[R.control,l]),U=(0,m.useCallback)(function(){var e;null===(e=R.handleSubmit(s))||void 0===e||e()},[R,s]),V=(0,m.useCallback)(function(){var e;null===(e=R.reset)||void 0===e||e.call(R,c),U()},[R,c]),z=function(){var e=l.length;if(q.current&&0!==e){var t,r,n=q.current.offsetWidth,a=Math.floor(n/292)||1;e<a-1?t=a-(r=e)-1:(r=F()?a-1:e,t=F()?a-r-1:a-e%a-1),W(t),O(r)}};return(0,m.useImperativeHandle)(t,function(){return{searchForm:R,onSubmit:U,onReset:V}}),(0,m.useEffect)(function(){!C&&U()},[R]),(0,m.useEffect)(function(){l&&z()},[l,I]),(0,m.useEffect)(function(){var e=new ResizeObserver(z);return e.observe(q.current),function(){return e.disconnect()}},[]),m.default.createElement("div",{className:(0,E.cn)("w-full max-h-[300px] p-5 overflow-y-auto text-font bg-section rounded-[8px]")},m.default.createElement(h.Form,{form:R},m.default.createElement("div",{className:(0,E.cn)("grid gap-4 bg-section rounded-md","grid-cols-[repeat(auto-fill,minmax(280px,1fr))]"),ref:q},null===(r=null==H?void 0:H.map)||void 0===r?void 0:r.call(H,function(e,t){return m.default.createElement("div",{className:(0,E.cn)(t>L-1&&"hidden"),key:t},e.value)}),m.default.createElement(p.ConditionalRender,{conditional:P>0},function(){return Array.from({length:P},function(e,t){return m.default.createElement("div",{key:t})})}),m.default.createElement("div",{className:"flex flex-grow justify-end items-center gap-4"},m.default.createElement(v.Button,{color:"primary",icon:m.default.createElement(y,null),key:"search",loading:a,onClick:s,type:"button",variant:"translucent"},w.Intl.v("查询")),m.default.createElement(v.Button,{color:"default",key:"reset",onClick:V,type:"button",variant:"outline"},w.Intl.v("重置")),m.default.createElement("div",{className:"text-primary cursor-pointer",onClick:function(){j(!F())}},m.default.createElement(p.ConditionalRender,{conditional:I,noMatch:function(){return m.default.createElement(g.Space,null,m.default.createElement(b,null),w.Intl.v("收起"))}},function(){return m.default.createElement(g.Space,null,m.default.createElement(k,null),w.Intl.v("展开"))}))))))},C=(0,m.memo)((0,m.forwardRef)(x)),R=s.U;export{R as SearchForm};
+import*as e from"react";import*as t from"react-hook-form";import*as r from"@itera-web/hooks-setstate";import*as n from"@itera-web/react-ui-button";import*as a from"@itera-web/react-ui-conditionalrender";import*as o from"@itera-web/react-ui-form";import*as l from"@itera-web/react-ui-space";import*as u from"@itera-web/utils-cn";import*as c from"@itera-web/utils-locale-toggle";var i={d:(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},s={};i.d(s,{U:()=>C});const m=(e=>{var t={};return i.d(t,e),t})({createElement:()=>e.createElement,default:()=>e.default,forwardRef:()=>e.forwardRef,memo:()=>e.memo,useCallback:()=>e.useCallback,useEffect:()=>e.useEffect,useImperativeHandle:()=>e.useImperativeHandle,useMemo:()=>e.useMemo,useRef:()=>e.useRef,useState:()=>e.useState});const d=(e=>{var t={};return i.d(t,e),t})({useForm:()=>t.useForm});const f=(e=>{var t={};return i.d(t,e),t})({useSetState:()=>r.useSetState});const v=(e=>{var t={};return i.d(t,e),t})({Button:()=>n.Button});const p=(e=>{var t={};return i.d(t,e),t})({ConditionalRender:()=>a.ConditionalRender});const h=(e=>{var t={};return i.d(t,e),t})({Form:()=>o.Form});const w=(e=>{var t={};return i.d(t,e),t})({Space:()=>l.Space});const E=(e=>{var t={};return i.d(t,e),t})({cn:()=>u.cn});const g=(e=>{var t={};return i.d(t,e),t})({Intl:()=>c.Intl});var b=function(e){var t=e.className;return m.createElement("svg",{className:t,fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},m.createElement("path",{d:"m6 9 6 6 6-6"}))},k=function(e){var t=e.className;return m.createElement("svg",{className:t,fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},m.createElement("path",{d:"m18 15-6-6-6 6"}))},y=function(e){var t=e.className;return m.createElement("svg",{className:t,fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},m.createElement("path",{d:"m21 21-4.34-4.34"}),m.createElement("circle",{cx:"11",cy:"11",r:"8"}))},S=function(){return S=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},S.apply(this,arguments)},x=function(e,t){var r,n=e.loading,a=void 0!==n&&n,o=e.searchParamList,l=void 0===o?[]:o,u=e.defaultValues,c=void 0===u?{}:u,i=e.onSearch,s=void 0===i?function(){}:i,x=e.noSearch,C=void 0!==x&&x,R=(0,d.useForm)({defaultValues:c}),N=(0,f.useSetState)(!0),I=N[0],j=N[1],F=N[2],B=(0,m.useRef)(null),L=(0,m.useState)(0),O=L[0],M=L[1],P=(0,m.useState)(0),W=P[0],H=P[1],U=(0,m.useMemo)(function(){return l.map(function(e){var t=g.Intl.v(e.value.props.label);return S(S({},e),{value:m.default.cloneElement(e.value,S(S({name:e.key,control:R.control},e.value.props),{label:t}))})})},[R.control,l]),V=(0,m.useCallback)(function(){var e;null===(e=R.handleSubmit(s))||void 0===e||e()},[R,s]),z=(0,m.useCallback)(function(){var e;null===(e=R.reset)||void 0===e||e.call(R,c),V()},[R,c]),A=function(){var e=l.length;if(B.current&&0!==e){var t,r,n=B.current.offsetWidth,a=Math.floor(n/292)||1;e<a-1?t=a-(r=e)-1:(r=F()?a-1:e,t=F()?a-r-1:a-e%a-1),H(t),M(r)}};return(0,m.useImperativeHandle)(t,function(){return{searchForm:R,onSubmit:V,onReset:z}}),(0,m.useEffect)(function(){!C&&V()},[R]),(0,m.useEffect)(function(){l&&A()},[l,I]),(0,m.useEffect)(function(){var e=new ResizeObserver(A);return e.observe(B.current),function(){return e.disconnect()}},[]),m.default.createElement("div",{className:(0,E.cn)("w-full max-h-[300px] p-5 overflow-y-auto text-font bg-section rounded-[8px] shrink-0")},m.default.createElement(h.Form,{form:R},m.default.createElement("div",{className:(0,E.cn)("grid gap-4 bg-section rounded-md","grid-cols-[repeat(auto-fill,minmax(280px,1fr))]"),ref:B},null===(r=null==U?void 0:U.map)||void 0===r?void 0:r.call(U,function(e,t){return m.default.createElement("div",{className:(0,E.cn)(t>O-1&&"hidden"),key:t},e.value)}),m.default.createElement(p.ConditionalRender,{conditional:W>0},function(){return Array.from({length:W},function(e,t){return m.default.createElement("div",{key:t})})}),m.default.createElement("div",{className:"flex flex-grow justify-end items-center gap-4"},m.default.createElement(v.Button,{color:"primary",icon:m.default.createElement(y,null),key:"search",loading:a,onClick:s,type:"button",variant:"translucent"},g.Intl.v("查询")),m.default.createElement(v.Button,{color:"default",key:"reset",onClick:z,type:"button",variant:"outline"},g.Intl.v("重置")),m.default.createElement("div",{className:"text-primary cursor-pointer",onClick:function(){j(!F())}},m.default.createElement(p.ConditionalRender,{conditional:I,noMatch:function(){return m.default.createElement(w.Space,null,m.default.createElement(k,null),g.Intl.v("收起"))}},function(){return m.default.createElement(w.Space,null,m.default.createElement(b,null),g.Intl.v("展开"))}))))))},C=(0,m.memo)((0,m.forwardRef)(x)),R=s.U;export{R as SearchForm};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@itera-web/react-ui-searchform",
   "description": "查询表单",
-  "version": "1.26.0",
+  "version": "1.28.1",
   "main": "es/index.js",
   "types": "es/index.d.ts",
   "publishConfig": {
@@ -13,12 +13,12 @@
     "up": "npm publish"
   },
   "dependencies": {
-    "@itera-web/react-ui-button": "^1.26.0",
-    "@itera-web/react-ui-conditionalrender": "^1.21.0",
-    "@itera-web/react-ui-form": "^1.23.0",
-    "@itera-web/react-ui-space": "^1.20.0",
-    "@itera-web/utils-cn": "^1.20.0",
-    "@itera-web/utils-locale-toggle": "^1.20.0",
+    "@itera-web/react-ui-button": "^1.28.0",
+    "@itera-web/react-ui-conditionalrender": "^1.23.0",
+    "@itera-web/react-ui-form": "^1.24.0",
+    "@itera-web/react-ui-space": "^1.21.0",
+    "@itera-web/utils-cn": "^1.22.0",
+    "@itera-web/utils-locale-toggle": "^1.22.0",
     "react-hook-form": "^7.55.0"
   },
   "peerDependencies": {
@@ -26,7 +26,7 @@
     "react-dom": ">=17.0.0"
   },
   "devDependencies": {
-    "@itera-web/cli": "^1.1.45"
+    "@itera-web/cli": "^1.1.54"
   },
-  "gitHead": "691b2592db8668e5d52c9712bb906484b92cb79b"
+  "gitHead": "87323e8eb8b9a7df36014d70e51dc2b1d9c33266"
 }