@itera-web/react-ui-searchform 1.26.0

package/README.md

@@ -0,0 +1 @@
+### [使用文档](http://iterative.keyboardecho.com/)

package/es/Components/ChevronDown.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export type IconProps = {
+    className?: string;
+};
+export declare const ChevronDown: React.FC<IconProps>;

package/es/Components/ChevronUp.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+type IconProps = {
+    className?: string;
+};
+export declare const ChevronUp: React.FC<IconProps>;
+export {};

package/es/Components/Search.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+type SearchProps = {
+    className?: string;
+};
+export declare const Search: React.FC<SearchProps>;
+export {};

package/es/SearchForm.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface ISearchFormProps {
+    loading?: boolean;
+    defaultValues?: {};
+    onSearch?: () => void;
+    searchParamList?: any[];
+    noSearch?: boolean;
+    locales?: string;
+}
+export declare const SearchForm: React.MemoExoticComponent<React.ForwardRefExoticComponent<ISearchFormProps & React.RefAttributes<unknown>>>;

package/es/index.d.ts

@@ -0,0 +1 @@
+export { SearchForm, type ISearchFormProps } from './SearchForm';

package/es/index.js

@@ -0,0 +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};

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@itera-web/react-ui-searchform",
+  "description": "查询表单",
+  "version": "1.26.0",
+  "main": "es/index.js",
+  "types": "es/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "itera-cli package",
+    "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",
+    "react-hook-form": "^7.55.0"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@itera-web/cli": "^1.1.45"
+  },
+  "gitHead": "691b2592db8668e5d52c9712bb906484b92cb79b"
+}