@topthink/components 1.0.56 → 1.0.57

package/es/index-d964165a.js

@@ -1,12 +1,308 @@
-import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n from"rc-table";import{unstable_batchedUpdates as o}from"react-dom";import{FormControl as a,Table as c}from"react-bootstrap";import{useUrlSearchParams as i}from"use-url-search-params";import*as l from"react";import{useState as s,useCallback as d,useRef as u,useEffect as p,memo as m,forwardRef as h,useImperativeHandle as f,useMemo as g}from"react";import{B as y,a as v,P as b,b as x,r as w,N as j,L as C,T as k,C as S,S as z}from"./index-4f51cece.js";import E from"styled-components";import O from"./form-9c0e638a.js";import"sweetalert2/dist/sweetalert2.js";import"sweetalert2-react-content";import"lodash";import"axios";import"query-string";import"retry-axios";import"@babel/runtime/helpers/defineProperty";import"rc-notification";import"classnames";import"react-async-hook";import"@topthink/json-form";const V=function(t){let{indeterminate:r=!1,...n}=t;const o=u(null);return p((()=>{o.current&&(o.current.indeterminate=r)}),[r]),e("input",{ref:o,...n,className:"form-check-input",type:"checkbox"})};var N;function H(){return H=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},H.apply(this,arguments)}const K=e=>l.createElement("svg",H({viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"currentColor"},e),N||(N=l.createElement("path",{d:"M252.069 906.496h520.283c89.582 0 134.144-44.562 134.144-132.846V250.331c0-88.283-44.562-132.845-134.144-132.845H252.069c-89.143 0-134.583 44.141-134.583 132.845V773.67c0 88.704 45.44 132.845 134.583 132.845zm1.28-68.992c-42.844 0-66.853-22.71-66.853-67.291V253.806c0-44.58 24.01-67.292 66.853-67.292h517.723c42.423 0 66.432 22.711 66.432 67.292v516.388c0 44.58-24.01 67.292-66.432 67.292zM511.78 714.496c22.71 0 36.425-15.854 36.425-40.704V547.365H682.35c24.009 0 40.722-12.874 40.722-35.584 0-23.132-15.854-36.426-40.722-36.426H548.206V340.773c0-24.85-13.715-40.704-36.425-40.704s-35.566 16.713-35.566 40.722v134.583H342.49c-24.85 0-41.142 13.275-41.142 36.407 0 22.71 17.152 35.584 41.142 35.584h133.724v126.427c0 23.99 12.855 40.704 35.566 40.704z"})));var M;function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},P.apply(this,arguments)}const q=e=>l.createElement("svg",P({viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"currentColor"},e),M||(M=l.createElement("path",{d:"M252.069 906.496h520.283c89.582 0 134.144-44.562 134.144-132.846V250.331c0-88.283-44.562-132.845-134.144-132.845H252.069c-89.143 0-134.583 44.141-134.583 132.845V773.67c0 88.704 45.44 132.845 134.583 132.845zm1.28-68.992c-42.844 0-66.853-22.71-66.853-67.291V253.806c0-44.58 24.01-67.292 66.853-67.292h517.723c42.423 0 66.432 22.711 66.432 67.292v516.388c0 44.58-24.01 67.292-66.432 67.292zm86.582-289.719h344.576c23.991 0 40.704-12.855 40.704-35.566 0-23.15-15.433-36.425-40.704-36.425H339.931c-24.868 0-40.722 13.276-40.722 36.425 0 22.711 16.713 35.566 40.722 35.566z"})));function B(r){let{data:n,options:o,columns:a,onSearch:c}=r;const[i,l]=s(0),u={"ui:col":10,"ui:order":o.order},p={};o.fields.forEach((e=>{const t=a.find((t=>t.dataIndex===e));if(t){const r=t.title;if("string"==typeof r){if(u[e]={"ui:col":4,"ui:labelCol":3,"ui:placeholder":"请输入",...o.ui?.[e]},t.valueEnum){const n=t.valueEnum;return u[e]["ui:placeholder"]="请选择",p[e]={title:r,type:"string",enum:Object.keys(n).flatMap((e=>"string"==typeof n[e].text?[e]:[])),enumNames:Object.keys(n).flatMap((e=>{const t=n[e].text;return"string"==typeof t?[t]:[]}))}}return p[e]={title:r,type:"string"}}}})),o.extraFields&&Object.entries(o.extraFields).forEach((e=>{let[t,r]=e;u[t]={"ui:col":4,"ui:labelCol":3,"ui:placeholder":"请输入",...o.ui?.[t]},p[t]={title:r,type:"string"}}));const m={type:"object",properties:p},h=d((e=>{let{formData:t}=e;c(t)}),[c]),f=d((()=>{l((e=>e+1)),c({})}),[]);return e(T,{children:e(O,{formContext:{layout:"horizontal"},schema:m,uiSchema:u,onSubmit:h,formData:n,children:e("div",{className:"col-2 ms-auto mt-auto",children:t("div",{className:"justify-content-end d-flex gap-2 ",children:[e(y,{className:"px-4",onClick:f,variant:"secondary",children:"重置"}),e(y,{className:"px-4",type:"submit",variant:"primary",children:"查询"})]})})})},i)}const T=E.div`
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import RcTable from 'rc-table';
+import { unstable_batchedUpdates } from 'react-dom';
+import { FormControl, Table as Table$1 } from 'react-bootstrap';
+import { useUrlSearchParams } from 'use-url-search-params';
+import * as React from 'react';
+import { useState, useCallback, useRef, useEffect, memo, forwardRef, useImperativeHandle, useMemo } from 'react';
+import { B as Button, a as useDebounce, P as Pagination, b as useControllableState, r as request, N as NumberFormat, L as Loader, T as TableContext, C as Card, S as Space } from './index-4f51cece.js';
+import styled from 'styled-components';
+import Form from './form-9c0e638a.js';
+import 'sweetalert2/dist/sweetalert2.js';
+import 'sweetalert2-react-content';
+import 'lodash';
+import 'axios';
+import 'query-string';
+import 'retry-axios';
+import '@babel/runtime/helpers/defineProperty';
+import 'rc-notification';
+import 'classnames';
+import 'react-async-hook';
+import '@topthink/json-form';
+
+const Checkbox = function (_ref) {
+  let {
+    indeterminate = false,
+    ...props
+  } = _ref;
+  const ref = useRef(null);
+  useEffect(() => {
+    if (ref.current) {
+      ref.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate]);
+  return jsx("input", {
+    ref: ref,
+    ...props,
+    className: 'form-check-input',
+    type: 'checkbox'
+  });
+};
+function useSelection(rowSelection, rowKey, data) {
+  const [keys, setKeys] = useState(() => new Set(rowSelection?.selectedRowKeys || []));
+  const getRowKey = record => {
+    if (typeof rowKey === 'string') {
+      // @ts-ignore
+      return record[rowKey];
+    } else {
+      return rowKey(record);
+    }
+  };
+  const getRecordByKey = key => {
+    return data.find(record => {
+      return getRowKey(record) === key;
+    });
+  };
+  const setSelectedKeys = useCallback(keys => {
+    if (!(keys instanceof Set)) {
+      keys = new Set(keys);
+    }
+    setKeys(keys);
+    const changedKeys = Array.from(keys);
+    const records = changedKeys.map(function (key) {
+      return getRecordByKey(key);
+    });
+    if (rowSelection?.onChange) {
+      rowSelection?.onChange(changedKeys, records);
+    }
+  }, [getRecordByKey]);
+  const transformColumns = useCallback(columns => {
+    if (!rowSelection) {
+      return columns;
+    }
+    const recordKeys = data.map(getRowKey);
+    const checkedCurrentAll = recordKeys.every(function (key) {
+      return keys.has(key);
+    });
+    const checkedCurrentSome = recordKeys.some(function (key) {
+      return keys.has(key);
+    });
+    return [{
+      key: 'selection',
+      title: jsx(Checkbox, {
+        checked: checkedCurrentAll && data.length > 0,
+        indeterminate: !checkedCurrentAll && checkedCurrentSome,
+        onChange: () => {
+          if (checkedCurrentAll) {
+            recordKeys.forEach(function (key) {
+              keys.delete(key);
+            });
+          } else {
+            recordKeys.forEach(function (key) {
+              keys.add(key);
+            });
+          }
+          setSelectedKeys(new Set(keys));
+        }
+      }),
+      width: 30,
+      align: 'center',
+      render(_ref2) {
+        let {
+          record
+        } = _ref2;
+        const key = getRowKey(record);
+        const checked = keys.has(key);
+        return jsx(Checkbox, {
+          checked: checked,
+          onChange: () => {
+            if (checked) {
+              keys.delete(key);
+            } else {
+              keys.add(key);
+            }
+            setSelectedKeys(new Set(keys));
+          }
+        });
+      }
+    }, ...columns];
+  }, [data, rowSelection, keys]);
+  return [transformColumns, setSelectedKeys];
+}
+
+var _path$1;
+function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+const SvgPlusSquare = props => /*#__PURE__*/React.createElement("svg", _extends$1({
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "currentColor"
+}, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
+  d: "M252.069 906.496h520.283c89.582 0 134.144-44.562 134.144-132.846V250.331c0-88.283-44.562-132.845-134.144-132.845H252.069c-89.143 0-134.583 44.141-134.583 132.845V773.67c0 88.704 45.44 132.845 134.583 132.845zm1.28-68.992c-42.844 0-66.853-22.71-66.853-67.291V253.806c0-44.58 24.01-67.292 66.853-67.292h517.723c42.423 0 66.432 22.711 66.432 67.292v516.388c0 44.58-24.01 67.292-66.432 67.292zM511.78 714.496c22.71 0 36.425-15.854 36.425-40.704V547.365H682.35c24.009 0 40.722-12.874 40.722-35.584 0-23.132-15.854-36.426-40.722-36.426H548.206V340.773c0-24.85-13.715-40.704-36.425-40.704s-35.566 16.713-35.566 40.722v134.583H342.49c-24.85 0-41.142 13.275-41.142 36.407 0 22.71 17.152 35.584 41.142 35.584h133.724v126.427c0 23.99 12.855 40.704 35.566 40.704z"
+})));
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const SvgMinusSquare = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "currentColor"
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M252.069 906.496h520.283c89.582 0 134.144-44.562 134.144-132.846V250.331c0-88.283-44.562-132.845-134.144-132.845H252.069c-89.143 0-134.583 44.141-134.583 132.845V773.67c0 88.704 45.44 132.845 134.583 132.845zm1.28-68.992c-42.844 0-66.853-22.71-66.853-67.291V253.806c0-44.58 24.01-67.292 66.853-67.292h517.723c42.423 0 66.432 22.711 66.432 67.292v516.388c0 44.58-24.01 67.292-66.432 67.292zm86.582-289.719h344.576c23.991 0 40.704-12.855 40.704-35.566 0-23.15-15.433-36.425-40.704-36.425H339.931c-24.868 0-40.722 13.276-40.722 36.425 0 22.711 16.713 35.566 40.722 35.566z"
+})));
+
+function Search(_ref) {
+  let {
+    data,
+    options,
+    columns,
+    onSearch
+  } = _ref;
+  const [key, setKey] = useState(0);
+  const uiSchema = {
+    'ui:col': 10,
+    'ui:order': options.order
+  };
+  const properties = {};
+  options.fields.forEach(field => {
+    const column = columns.find(column => column.dataIndex === field);
+    if (column) {
+      const title = column.title;
+      if (typeof title === 'string') {
+        uiSchema[field] = {
+          'ui:col': 4,
+          'ui:labelCol': 3,
+          'ui:placeholder': '请输入',
+          ...options.ui?.[field]
+        };
+        if (column.valueEnum) {
+          const valueEnum = column.valueEnum;
+          uiSchema[field]['ui:placeholder'] = '请选择';
+          return properties[field] = {
+            title,
+            type: 'string',
+            enum: Object.keys(valueEnum).flatMap(key => {
+              const text = valueEnum[key].text;
+              if (typeof text === 'string') {
+                return [key];
+              }
+              return [];
+            }),
+            enumNames: Object.keys(valueEnum).flatMap(key => {
+              const text = valueEnum[key].text;
+              if (typeof text === 'string') {
+                return [text];
+              }
+              return [];
+            })
+          };
+        }
+        return properties[field] = {
+          title,
+          type: 'string'
+        };
+      }
+    }
+  });
+  if (options.extraFields) {
+    Object.entries(options.extraFields).forEach(_ref2 => {
+      let [field, title] = _ref2;
+      uiSchema[field] = {
+        'ui:col': 4,
+        'ui:labelCol': 3,
+        'ui:placeholder': '请输入',
+        ...options.ui?.[field]
+      };
+      properties[field] = {
+        title,
+        type: 'string'
+      };
+    });
+  }
+  const schema = {
+    type: 'object',
+    properties
+  };
+  const onSubmit = useCallback(_ref3 => {
+    let {
+      formData
+    } = _ref3;
+    onSearch(formData);
+  }, [onSearch]);
+  const onReset = useCallback(() => {
+    setKey(key => key + 1);
+    onSearch({});
+  }, []);
+  return jsx(Container, {
+    children: jsx(Form, {
+      formContext: {
+        layout: 'horizontal'
+      },
+      schema: schema,
+      uiSchema: uiSchema,
+      onSubmit: onSubmit,
+      formData: data,
+      children: jsx("div", {
+        className: 'col-2 ms-auto mt-auto',
+        children: jsxs("div", {
+          className: 'justify-content-end d-flex gap-2 ',
+          children: [jsx(Button, {
+            className: 'px-4',
+            onClick: onReset,
+            variant: 'secondary',
+            children: "\u91CD\u7F6E"
+          }), jsx(Button, {
+            className: 'px-4',
+            type: 'submit',
+            variant: 'primary',
+            children: "\u67E5\u8BE2"
+          })]
+        })
+      })
+    })
+  }, key);
+}
+const Container = styled.div`
   margin-bottom: 1rem;
-`;function _(t){let{keyword:r,onKeywordChange:n}=t;const[o,c]=s(r),i=v(n,500);p((()=>{c(r)}),[r]);const l=d((e=>{c(e.target.value),i(e.target.value)}),[i,c]);return e(a,{value:o,onChange:l,type:"search",placeholder:"Search..."})}const D=E.thead`
+`;
+function LightSearch(_ref4) {
+  let {
+    keyword,
+    onKeywordChange
+  } = _ref4;
+  const [value, setValue] = useState(keyword);
+  const debouncedOnKeywordChange = useDebounce(onKeywordChange, 500);
+  useEffect(() => {
+    setValue(keyword);
+  }, [keyword]);
+  const onChange = useCallback(e => {
+    setValue(e.target.value);
+    debouncedOnKeywordChange(e.target.value);
+  }, [debouncedOnKeywordChange, setValue]);
+  return jsx(FormControl, {
+    value: value,
+    onChange: onChange,
+    type: 'search',
+    placeholder: 'Search...'
+  });
+}
+
+const CustomTHead = styled.thead`
   th {
     padding: 0.5rem 0.5rem;
     border-bottom-width: 1px;
     border-color: var(--bs-border-color);
   }
-`,F={table:t=>e(c,{...t,className:"mb-0 align-middle table-hover"}),header:{wrapper:t=>e(D,{...t})}},I=E.a`
+`;
+const components = {
+  table: props => {
+    return jsx(Table$1, {
+      ...props,
+      className: 'mb-0 align-middle table-hover'
+    });
+  },
+  header: {
+    wrapper(props) {
+      return jsx(CustomTHead, {
+        ...props
+      });
+    }
+  }
+};
+const ExpandIconContainer = styled.a`
   cursor: pointer;
   width: 28px;
   height: 28px;
@@ -14,21 +310,243 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n from"rc
   align-items: center;
   justify-content: center;
   vertical-align: middle;
-`,R=function(t){let{record:r,expanded:n,expandable:o,onExpand:a}=t;return e(I,o?{onClick:e=>a(r,e),children:e(n?q:K,{})}:{})},A=E(b)`
+`;
+const ExpandIcon = function (_ref) {
+  let {
+    record,
+    expanded,
+    expandable,
+    onExpand
+  } = _ref;
+  if (!expandable) return jsx(ExpandIconContainer, {});
+  return jsx(ExpandIconContainer, {
+    onClick: e => onExpand(record, e),
+    children: expanded ? jsx(SvgMinusSquare, {}) : jsx(SvgPlusSquare, {})
+  });
+};
+const CustomPagination = styled(Pagination)`
   margin-bottom: 0;
   justify-content: flex-end;
   margin-top: 1rem;
-`;const L=h(((a,c)=>{let{source:l,rowKey:m="id",paginate:h=!0,toolBarRender:y,columns:v=[],search:b,rowSelection:z,card:E=!0,expandable:O={},sync:N=!1,...H}=a;const[K,M]=s([]),[P,q]=s(h?{total:0,current:1,pageSize:10}:null),[T,D]=s(!0),[I,L]=i({}),[$,W]=function(t,r,n){const[o,a]=s((()=>new Set(t?.selectedRowKeys||[]))),c=e=>"string"==typeof r?e[r]:r(e),i=e=>n.find((t=>c(t)===e)),l=d((e=>{e instanceof Set||(e=new Set(e)),a(e);const r=Array.from(e),n=r.map((function(e){return i(e)}));t?.onChange&&t?.onChange(r,n)}),[i]);return[d((r=>{if(!t)return r;const a=n.map(c),i=a.every((function(e){return o.has(e)})),s=a.some((function(e){return o.has(e)}));return[{key:"selection",title:e(V,{checked:i&&n.length>0,indeterminate:!i&&s,onChange:()=>{i?a.forEach((function(e){o.delete(e)})):a.forEach((function(e){o.add(e)})),l(new Set(o))}}),width:30,align:"center",render(t){let{record:r}=t;const n=c(r),a=o.has(n);return e(V,{checked:a,onChange:()=>{a?o.delete(n):o.add(n),l(new Set(o))}})}},...r]}),[n,t,o]),l]}(z,m,K),[X,Y]=x({value:N?I||{}:void 0,defaultValue:{},onChange:e=>{N&&L(e)}}),[Z,ee]=x({value:N?I.q||"":void 0,defaultValue:"",onChange:e=>{N&&L({q:e||void 0})}}),[te,re]=x({value:N?I.page||1:void 0,defaultValue:1,onChange:e=>{N&&L({page:e||void 0})}}),ne=d((async()=>{D(!0),W([]);try{let e;const t={...X,q:Z,page:te>1?te:void 0};e="string"==typeof l?await w({url:l,params:t}):await l(t),h&&function(e){return"current_page"in e}(e)&&(q({total:e.total,current:e.current_page,pageSize:e.per_page}),e=e.data),M(e)}catch(e){}finally{D(!1)}}),[l,M,Z,te,X]);p((()=>{ne()}),[Z,te,X]);const oe=u({reload:ne});p((()=>{oe.current={reload:ne}}),[ne]),f(c,(()=>oe.current));const ae=g((()=>$(v).map((t=>{let{render:r,valueType:n,valueEnum:o,...a}=t;const c={...a};return r?c.render=(e,t,n)=>r({value:e,record:t,index:n,action:oe.current}):"currency"===n?c.render=t=>e(j,{value:t}):o&&(c.render=t=>o[t]?o[t].status?e("span",{className:`text-${o[t].status}`,children:o[t].text}):o[t].text:t),c}))),[v,$,oe]),ce=t(r,{children:[e(C,{loading:T}),"object"==typeof b&&e(B,{data:X,columns:v,options:b,onSearch:e=>{o((()=>{re(1),Y(e)}))}}),!1!==y&&t(G,{children:[e(Q,{size:12,children:y&&y(oe.current)}),t(J,{size:12,children:[!0===b&&e(_,{keyword:Z,onKeywordChange:e=>{o((()=>{re(1),ee(e)}))}}),e(U,{onClick:oe.current.reload,children:e("i",{className:"bi bi-arrow-repeat"})})]})]}),e(k.Provider,{value:!0,children:e(n,{...H,expandable:{expandIcon:R,...O},rowKey:m,columns:ae,components:F,data:K})}),P&&e(A,{...P,onChange:re})]});return E?e(S,{children:ce}):ce}));var $=m(L);const G=E.div`
+`;
+function isPagination(data) {
+  return 'current_page' in data;
+}
+const Table = forwardRef((_ref2, ref) => {
+  let {
+    source,
+    rowKey = 'id',
+    paginate = true,
+    toolBarRender,
+    columns = [],
+    search,
+    rowSelection,
+    card = true,
+    expandable = {},
+    sync = false,
+    ...props
+  } = _ref2;
+  const [data, setData] = useState([]);
+  const [pagination, setPagination] = useState(paginate ? {
+    total: 0,
+    current: 1,
+    pageSize: 10
+  } : null);
+  const [loading, setLoading] = useState(true);
+  const [params, setParams] = useUrlSearchParams({});
+  //多选
+  const [transformColumns, setSelectionRowKeys] = useSelection(rowSelection, rowKey, data);
+  const [filters, setFilters] = useControllableState({
+    value: sync ? params || {} : undefined,
+    defaultValue: {},
+    onChange: value => {
+      if (sync) {
+        setParams(value);
+      }
+    }
+  });
+  const [keyword, setKeyword] = useControllableState({
+    value: sync ? params.q || '' : undefined,
+    defaultValue: '',
+    onChange: value => {
+      if (sync) {
+        setParams({
+          q: value || undefined
+        });
+      }
+    }
+  });
+  const [page, setPage] = useControllableState({
+    value: sync ? params.page || 1 : undefined,
+    defaultValue: 1,
+    onChange: value => {
+      if (sync) {
+        setParams({
+          page: value || undefined
+        });
+      }
+    }
+  });
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    setSelectionRowKeys([]);
+    try {
+      let result;
+      const params = {
+        ...filters,
+        q: keyword,
+        page: page > 1 ? page : undefined
+      };
+      if (typeof source === 'string') {
+        result = await request({
+          url: source,
+          params
+        });
+      } else {
+        result = await source(params);
+      }
+      if (paginate && isPagination(result)) {
+        setPagination({
+          total: result.total,
+          current: result.current_page,
+          pageSize: result.per_page
+        });
+        result = result.data;
+      }
+      setData(result);
+    } catch (e) {} finally {
+      setLoading(false);
+    }
+  }, [source, setData, keyword, page, filters]);
+  useEffect(() => {
+    fetchData();
+  }, [keyword, page, filters]);
+  const action = useRef({
+    reload: fetchData
+  });
+  useEffect(() => {
+    action.current = {
+      reload: fetchData
+    };
+  }, [fetchData]);
+  useImperativeHandle(ref, () => action.current);
+  const customColumns = useMemo(() => {
+    return transformColumns(columns).map(_ref3 => {
+      let {
+        render,
+        valueType,
+        valueEnum,
+        ...column
+      } = _ref3;
+      const customColumn = {
+        ...column
+      };
+      if (render) {
+        customColumn.render = (value, record, index) => {
+          return render({
+            value,
+            record,
+            index,
+            action: action.current
+          });
+        };
+      } else if (valueType === 'currency') {
+        customColumn.render = value => {
+          return jsx(NumberFormat, {
+            value: value
+          });
+        };
+      } else if (valueEnum) {
+        customColumn.render = value => {
+          if (valueEnum[value]) {
+            if (valueEnum[value].status) {
+              return jsx("span", {
+                className: `text-${valueEnum[value].status}`,
+                children: valueEnum[value].text
+              });
+            }
+            return valueEnum[value].text;
+          }
+          return value;
+        };
+      }
+      return customColumn;
+    });
+  }, [columns, transformColumns, action]);
+  const children = jsxs(Fragment, {
+    children: [jsx(Loader, {
+      loading: loading
+    }), typeof search === 'object' && jsx(Search, {
+      data: filters,
+      columns: columns,
+      options: search,
+      onSearch: data => {
+        unstable_batchedUpdates(() => {
+          setPage(1);
+          setFilters(data);
+        });
+      }
+    }), toolBarRender !== false && jsxs(Header, {
+      children: [jsx(LeftTools, {
+        size: 12,
+        children: toolBarRender && toolBarRender(action.current)
+      }), jsxs(RightTools, {
+        size: 12,
+        children: [search === true && jsx(LightSearch, {
+          keyword: keyword,
+          onKeywordChange: value => {
+            unstable_batchedUpdates(() => {
+              setPage(1);
+              setKeyword(value);
+            });
+          }
+        }), jsx(Action, {
+          onClick: action.current.reload,
+          children: jsx("i", {
+            className: 'bi bi-arrow-repeat'
+          })
+        })]
+      })]
+    }), jsx(TableContext.Provider, {
+      value: true,
+      children: jsx(RcTable, {
+        ...props,
+        expandable: {
+          expandIcon: ExpandIcon,
+          ...expandable
+        },
+        rowKey: rowKey,
+        columns: customColumns,
+        components: components,
+        data: data
+      })
+    }), pagination && jsx(CustomPagination, {
+      ...pagination,
+      onChange: setPage
+    })]
+  });
+  if (card) {
+    return jsx(Card, {
+      children: children
+    });
+  }
+  return children;
+});
+var index = memo(Table);
+const Header = styled.div`
   display: flex;
   justify-content: space-between;
   padding-bottom: 1rem;
   height: 48px;
   border-bottom: 2px solid #212529;
-`,J=E(z)`
+`;
+const RightTools = styled(Space)`
 
-`,Q=E(z)`
+`;
+const LeftTools = styled(Space)`
 
-`,U=E.span`
+`;
+const Action = styled.span`
   cursor: pointer;
   font-size: 20px;
   line-height: 1;
@@ -36,5 +554,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n from"rc
   &:hover {
     color: var(--bs-primary);
   }
-`;export{$ as default};
+`;
+
+export { index as default };
 //# sourceMappingURL=index-d964165a.js.map