xmirror-components 1.0.30-alpha.3 → 1.0.30-alpha.5

package/build/dist/index.cjs

@@ -264,14 +264,8 @@ Valid keys: `+JSON.stringify(Object.keys(l),null,"  "));var h=ae(M,q,A,N,$+"."+q
     }
   }
 `;function Ji(e,r){const{columns:t=[],columnsSort:n,columnsVisible:a,tableId:o="",pagination:i,dataSource:s}=e,c=location.pathname+o,[f,d]=ji("TABLE_"+c,{defaultValue:null}),[y,g]=w.useState([]),[m,v]=w.useState([]),x=w.useRef(null),E=F=>{g(F),S(F,m)},T=F=>{v(F),S(y,F)},S=(F,L)=>{d({order:F,visibleItems:L})},R=()=>{if(f)g(f.order),v(f.visibleItems);else{const F=[],L=[];for(const W of t){let Q;"dataIndex"in W&&(Array.isArray(W.dataIndex)?Q=W.dataIndex.join(","):Q=W.dataIndex,F.push(Q),"columnVisible"in W&&!W.columnVisible||L.push(Q))}g(F),v(L)}},p=F=>{const L={...F},W=Q=>C.jsxs("span",{children:[Q,C.jsx(zi,{onChangeOrder:E,onChangeVisible:T,order:y,columnsSort:n,visibleItems:m,columns:t,columnsVisible:a})]});return typeof F.title=="function"?L.title=Q=>W(F.title(Q)):L.title=W(F.title),L},P=F=>F!=null&&F!==""?C.jsx(J.Tooltip,{title:F,placement:"topLeft",children:C.jsx("span",{className:"column-ellipsis",children:F})}):"-",k=w.useMemo(()=>{let F=t;if(!n&&!a)F=t;else{const L=[];y.filter(W=>m.includes(W)).forEach((W,Q,X)=>{for(const K of t)if("dataIndex"in K){let te;if(Array.isArray(K.dataIndex)?te=K.dataIndex.join(","):te=K.dataIndex,W===te){(n||a)&&Q===X.length-1?L.push(p(K)):L.push(K);break}}}),F=L}return F.map(L=>{if(L.filters&&!L.filterIcon&&(L.filterIcon=C.jsx(Ge.DownOutlined,{type:"icon-xiajiantou",style:{fontWeight:500}})),L.ellipsis===!1)L.ellipsis=!1;else{const W=L.ellipsis||{};L.ellipsis={showTitle:!1,...W},L.render||(L.render=P)}return L})},[y,m,t]),Z=w.useMemo(()=>e.pagination?{...i||{},showTotal:()=>s&&s.length>0&&C.jsx(Xi,{...e})}:!1,[i]);return w.useEffect(()=>{R()},[]),C.jsx(Ki,{ref:r,children:C.jsx(J.Table,{ref:x,scroll:{x:900},...e,pagination:Z,columns:k})})}const Zi=w.forwardRef(Ji),Qi=re(J.Form.Item)`
-  display: inline-flex;
-  text-align: left;
-  vertical-align: middle;
-
-  & + & {
-    margin-left: 20px;
-  }
-
+  margin-bottom: 0 !important;
+  
   .search-item__label {
     position: relative;
     display: inline-flex;

package/build/dist/index.mjs

@@ -4831,14 +4831,8 @@ function xs(e, r) {
   );
 }
 const Fs = vr(xs), Es = ee(st.Item)`
-  display: inline-flex;
-  text-align: left;
-  vertical-align: middle;
-
-  & + & {
-    margin-left: 20px;
-  }
-
+  margin-bottom: 0 !important;
+  
   .search-item__label {
     position: relative;
     display: inline-flex;

package/build/es/components/SearchArea/Item/index.js

@@ -27,7 +27,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { Form } from 'antd';
 import styled from '@emotion/styled';
-var StyledFormItem = styled(Form.Item)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  text-align: left;\n  vertical-align: middle;\n\n  & + & {\n    margin-left: 20px;\n  }\n\n  .search-item__label {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    height: 32px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 85%);\n\n    &::after {\n      position: relative;\n      top: -0.5px;\n      margin: 0 8px 0 2px;\n      content: ':';\n    }\n  }\n\n  .search-item__content {\n    flex: 1;\n  }\n"], ["\n  display: inline-flex;\n  text-align: left;\n  vertical-align: middle;\n\n  & + & {\n    margin-left: 20px;\n  }\n\n  .search-item__label {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    height: 32px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 85%);\n\n    &::after {\n      position: relative;\n      top: -0.5px;\n      margin: 0 8px 0 2px;\n      content: ':';\n    }\n  }\n\n  .search-item__content {\n    flex: 1;\n  }\n"
+var StyledFormItem = styled(Form.Item)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 0 !important;\n  \n  .search-item__label {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    height: 32px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 85%);\n\n    &::after {\n      position: relative;\n      top: -0.5px;\n      margin: 0 8px 0 2px;\n      content: ':';\n    }\n  }\n\n  .search-item__content {\n    flex: 1;\n  }\n"], ["\n  margin-bottom: 0 !important;\n  \n  .search-item__label {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    height: 32px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 85%);\n\n    &::after {\n      position: relative;\n      top: -0.5px;\n      margin: 0 8px 0 2px;\n      content: ':';\n    }\n  }\n\n  .search-item__content {\n    flex: 1;\n  }\n"
     /**
      * 筛选项
      * @param props

package/build/es/components/SearchArea/index.d.ts

@@ -20,6 +20,6 @@ interface InternalSearchAreaProps extends FormProps<any> {
 declare const SearchArea: React.FC<InternalSearchAreaProps> & {
     Item: typeof Item;
     ToggleButton: typeof ToggleButton;
-    useSearchArea: () => SearchAreaHooks;
+    useSearchArea: (defaultShow?: boolean) => SearchAreaHooks;
 };
 export default SearchArea;

package/build/lib/components/SearchArea/Item/index.js

@@ -32,7 +32,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var antd_1 = require("antd");
 var styled_1 = __importDefault(require("@emotion/styled"));
-var StyledFormItem = (0, styled_1.default)(antd_1.Form.Item)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  text-align: left;\n  vertical-align: middle;\n\n  & + & {\n    margin-left: 20px;\n  }\n\n  .search-item__label {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    height: 32px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 85%);\n\n    &::after {\n      position: relative;\n      top: -0.5px;\n      margin: 0 8px 0 2px;\n      content: ':';\n    }\n  }\n\n  .search-item__content {\n    flex: 1;\n  }\n"], ["\n  display: inline-flex;\n  text-align: left;\n  vertical-align: middle;\n\n  & + & {\n    margin-left: 20px;\n  }\n\n  .search-item__label {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    height: 32px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 85%);\n\n    &::after {\n      position: relative;\n      top: -0.5px;\n      margin: 0 8px 0 2px;\n      content: ':';\n    }\n  }\n\n  .search-item__content {\n    flex: 1;\n  }\n"
+var StyledFormItem = (0, styled_1.default)(antd_1.Form.Item)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 0 !important;\n  \n  .search-item__label {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    height: 32px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 85%);\n\n    &::after {\n      position: relative;\n      top: -0.5px;\n      margin: 0 8px 0 2px;\n      content: ':';\n    }\n  }\n\n  .search-item__content {\n    flex: 1;\n  }\n"], ["\n  margin-bottom: 0 !important;\n  \n  .search-item__label {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    height: 32px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 85%);\n\n    &::after {\n      position: relative;\n      top: -0.5px;\n      margin: 0 8px 0 2px;\n      content: ':';\n    }\n  }\n\n  .search-item__content {\n    flex: 1;\n  }\n"
     /**
      * 筛选项
      * @param props

package/build/lib/index.d.ts

@@ -242,7 +242,7 @@ declare interface Options<TData, TParams extends unknown[]> extends Options_2<TD
 export declare const SearchArea: default_2.FC<InternalSearchAreaProps> & {
     Item: typeof Index;
     ToggleButton: typeof ToggleButton;
-    useSearchArea: () => SearchAreaHooks;
+    useSearchArea: (defaultShow?: boolean) => SearchAreaHooks;
 };
 
 declare interface SearchAreaHooks {

package/build/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmirror-components",
-  "version": "1.0.30-alpha.3",
+  "version": "1.0.30-alpha.5",
   "type": "module",
   "main": "build/lib/index.js",
   "module": "build/es/index.js",

package/build/types/components/SearchArea/index.d.ts

@@ -20,6 +20,6 @@ interface InternalSearchAreaProps extends FormProps<any> {
 declare const SearchArea: React.FC<InternalSearchAreaProps> & {
     Item: typeof Item;
     ToggleButton: typeof ToggleButton;
-    useSearchArea: () => SearchAreaHooks;
+    useSearchArea: (defaultShow?: boolean) => SearchAreaHooks;
 };
 export default SearchArea;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmirror-components",
-  "version": "1.0.30-alpha.3",
+  "version": "1.0.30-alpha.5",
   "type": "module",
   "main": "build/lib/index.js",
   "module": "build/es/index.js",