@faasjs/ant-design 0.0.4-beta.9 → 0.0.5-beta.2

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { FaasDataWrapper as FaasDataWrapper$1, ErrorBoundary as ErrorBoundary$1, faas } from '@faasjs/react';
+import { ErrorBoundary as ErrorBoundary$1, FaasReactClient, FaasDataWrapper as FaasDataWrapper$1, faas } from '@faasjs/react';
 export { faas, useFaas } from '@faasjs/react';
-import { Form as Form$1, Modal, Drawer, message, notification, ConfigProvider, Typography, Spin, Descriptions, Input, Button, Row, Col, TimePicker, DatePicker, Switch, Select, InputNumber, Radio, Result, Skeleton, Table as Table$1, Tabs as Tabs$1, Space, Alert } from 'antd';
+import { Form as Form$1, Modal, Drawer, message, notification, ConfigProvider as ConfigProvider$1, Typography, Spin, Descriptions, Input, Button, Row, Col, TimePicker, DatePicker, Switch, Select, InputNumber, Radio, Result, Skeleton, Table as Table$1, Tabs as Tabs$1, Alert, Space } from 'antd';
 export { Drawer, Modal } from 'antd';
 import { StyleProvider, legacyLogicalPropertiesTransformer } from '@ant-design/cssinjs';
-import { createContext, useState, useMemo, useContext, useEffect, cloneElement, useCallback, isValidElement, Suspense } from 'react';
+import { createContext, useState, useEffect, useContext, useMemo, cloneElement, useCallback, isValidElement, Suspense } from 'react';
 export { lazy } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { BrowserRouter, useNavigate, Link as Link$1, Routes as Routes$1, Route, useLocation } from 'react-router-dom';
@@ -52,57 +52,28 @@ function useDrawer(init) {
     }
   };
 }
-var AppContext = createContext({
-  message: {},
-  notification: {},
-  setModalProps: () => void 0,
-  setDrawerProps: () => void 0
-});
-function RoutesApp(props) {
-  const location = useLocation();
-  const { setDrawerProps, setModalProps } = useApp();
-  useEffect(() => {
-    console.debug("location", location);
-    setDrawerProps({ open: false });
-    setModalProps({ open: false });
-  }, [location]);
-  return /* @__PURE__ */ jsx(Fragment, { children: props.children });
-}
-function App(props) {
-  const [messageApi, messageContextHolder] = message.useMessage();
-  const [notificationApi, notificationContextHolder] = notification.useNotification();
-  const { modal, setModalProps } = useModal();
-  const { drawer, setDrawerProps } = useDrawer();
-  const memoizedContextValue = useMemo(
-    () => ({
-      message: messageApi,
-      notification: notificationApi,
-      setModalProps,
-      setDrawerProps
-    }),
-    [messageApi, notificationApi, setModalProps, setDrawerProps]
-  );
+function ErrorChildren(props) {
   return /* @__PURE__ */ jsx(
-    StyleProvider,
+    Alert,
     {
-      ...Object.assign(props.styleProviderProps || {}, {
-        hashPriority: "high",
-        transformers: [legacyLogicalPropertiesTransformer]
-      }),
-      children: /* @__PURE__ */ jsx(ConfigProvider, { ...props.configProviderProps, children: /* @__PURE__ */ jsx(AppContext.Provider, { value: memoizedContextValue, children: /* @__PURE__ */ jsxs(BrowserRouter, { ...props.browserRouterProps, children: [
-        messageContextHolder,
-        notificationContextHolder,
-        modal,
-        drawer,
-        /* @__PURE__ */ jsx(RoutesApp, { children: props.children })
-      ] }) }) })
+      type: "error",
+      message: props.errorMessage,
+      description: /* @__PURE__ */ jsx(
+        "pre",
+        {
+          style: {
+            fontSize: "0.9em",
+            overflowX: "auto"
+          },
+          children: props.errorDescription
+        }
+      )
     }
   );
 }
-function useApp() {
-  return useContext(AppContext);
+function ErrorBoundary(props) {
+  return /* @__PURE__ */ jsx(ErrorBoundary$1, { errorChildren: /* @__PURE__ */ jsx(ErrorChildren, {}), ...props });
 }
-App.useApp = useApp;
 var isZH = /^zh/i.test(navigator.language);
 var zh = {
   lang: "zh",
@@ -129,8 +100,7 @@ var en = {
   reset: "Reset"
 };
 var common = isZH ? zh : en;
-var baseConfig = {
-  antd: {},
+var baseTheme = {
   lang: "en",
   common,
   Blank: { text: common.blank },
@@ -141,37 +111,92 @@ var baseConfig = {
   },
   Link: { style: {} }
 };
-var ConfigContext = createContext(baseConfig);
-function ConfigProvider2({
-  config,
-  children
-}) {
-  const [values, setValues] = useState(baseConfig);
+var ConfigContext = createContext({
+  theme: baseTheme
+});
+function ConfigProvider(props) {
+  const [theme, setTheme] = useState();
   useEffect(() => {
-    if (config.lang === "zh") {
-      setValues(
+    var _a;
+    if (((_a = props.theme) == null ? void 0 : _a.lang) === "zh") {
+      setTheme(
         defaultsDeep(
-          config,
+          props.theme,
           {
             lang: "zh",
             common: zh,
             Blank: { text: zh.blank },
             Form: { submit: { text: zh.submit } }
           },
-          baseConfig
+          baseTheme
         )
       );
     } else
-      setValues(defaultsDeep(config, values));
-  }, []);
-  return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: values, children });
+      setTheme(defaultsDeep(props.theme, baseTheme));
+    if (props.faasClientOptions)
+      FaasReactClient(props.faasClientOptions);
+  }, [JSON.stringify(props.theme)]);
+  if (!theme)
+    return null;
+  return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: { theme }, children: props.children });
 }
 function useConfigContext() {
   return useContext(ConfigContext);
 }
+var AppContext = createContext({
+  message: {},
+  notification: {},
+  setModalProps: () => void 0,
+  setDrawerProps: () => void 0
+});
+function RoutesApp(props) {
+  const location = useLocation();
+  const { setDrawerProps, setModalProps } = useApp();
+  useEffect(() => {
+    console.debug("location", location);
+    setDrawerProps({ open: false });
+    setModalProps({ open: false });
+  }, [location]);
+  return /* @__PURE__ */ jsx(Fragment, { children: props.children });
+}
+function App(props) {
+  const [messageApi, messageContextHolder] = message.useMessage();
+  const [notificationApi, notificationContextHolder] = notification.useNotification();
+  const { modal, setModalProps } = useModal();
+  const { drawer, setDrawerProps } = useDrawer();
+  const memoizedContextValue = useMemo(
+    () => ({
+      message: messageApi,
+      notification: notificationApi,
+      setModalProps,
+      setDrawerProps
+    }),
+    [messageApi, notificationApi, setModalProps, setDrawerProps]
+  );
+  return /* @__PURE__ */ jsx(
+    StyleProvider,
+    {
+      ...Object.assign(props.styleProviderProps || {}, {
+        hashPriority: "high",
+        transformers: [legacyLogicalPropertiesTransformer]
+      }),
+      children: /* @__PURE__ */ jsx(ConfigProvider$1, { ...props.configProviderProps, children: /* @__PURE__ */ jsx(AppContext.Provider, { value: memoizedContextValue, children: /* @__PURE__ */ jsx(ConfigProvider, { ...props.faasConfigProviderProps, children: /* @__PURE__ */ jsx(ErrorBoundary, { ...props.errorBoundaryProps, children: /* @__PURE__ */ jsxs(BrowserRouter, { ...props.browserRouterProps, children: [
+        messageContextHolder,
+        notificationContextHolder,
+        modal,
+        drawer,
+        /* @__PURE__ */ jsx(RoutesApp, { children: props.children })
+      ] }) }) }) }) })
+    }
+  );
+}
+function useApp() {
+  return useContext(AppContext);
+}
+App.useApp = useApp;
 function Blank(options) {
-  const { Blank: Blank2 } = useConfigContext();
-  return !options || isNil(options.value) || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsx(Typography.Text, { disabled: true, children: (options == null ? void 0 : options.text) || Blank2.text }) : options.value;
+  const { theme } = useConfigContext();
+  return !options || isNil(options.value) || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsx(Typography.Text, { disabled: true, children: (options == null ? void 0 : options.text) || theme.Blank.text }) : options.value;
 }
 function transferOptions(options) {
   if (!options)
@@ -253,7 +278,7 @@ function DescriptionItemContent(props) {
   }, [props]);
   if (!computedProps)
     return null;
-  if ((_a = computedProps.extendTypes) == null ? void 0 : _a[computedProps.item.type])
+  if ((_a = computedProps.extendTypes) == null ? void 0 : _a[computedProps.item.type]) {
     if (computedProps.extendTypes[computedProps.item.type].children)
       return cloneElement(
         computedProps.extendTypes[computedProps.item.type].children,
@@ -263,15 +288,15 @@ function DescriptionItemContent(props) {
           values: computedProps.values
         }
       );
-    else if (computedProps.extendTypes[computedProps.item.type].render)
+    if (computedProps.extendTypes[computedProps.item.type].render)
       return /* @__PURE__ */ jsx(Fragment, { children: computedProps.extendTypes[computedProps.item.type].render(
         computedProps.value,
         computedProps.values,
         0,
         "description"
       ) });
-    else
-      throw Error(`${computedProps.item.type} requires children or render`);
+    throw Error(`${computedProps.item.type} requires children or render`);
+  }
   if (computedProps.item.descriptionChildren === null)
     return null;
   if (computedProps.item.descriptionChildren)
@@ -393,28 +418,6 @@ function Description(props) {
     }
   );
 }
-function ErrorChildren(props) {
-  return /* @__PURE__ */ jsx(
-    Alert,
-    {
-      type: "error",
-      message: props.errorMessage,
-      description: /* @__PURE__ */ jsx(
-        "pre",
-        {
-          style: {
-            fontSize: "0.9em",
-            overflowX: "auto"
-          },
-          children: props.errorDescription
-        }
-      )
-    }
-  );
-}
-function ErrorBoundary(props) {
-  return /* @__PURE__ */ jsx(ErrorBoundary$1, { errorChildren: /* @__PURE__ */ jsx(ErrorChildren, {}), ...props });
-}
 function processProps(propsCopy, config) {
   if (!propsCopy.title)
     propsCopy.title = upperFirst(propsCopy.id);
@@ -469,7 +472,7 @@ function FormItem(props) {
   var _a;
   const [computedProps, setComputedProps] = useState();
   const [extendTypes, setExtendTypes] = useState();
-  const { common: common2 } = useConfigContext();
+  const { theme } = useConfigContext();
   const [hidden, setHidden] = useState(props.hidden || false);
   useEffect(() => {
     const propsCopy = { ...props };
@@ -490,7 +493,7 @@ function FormItem(props) {
       delete propsCopy.if;
       delete propsCopy.hidden;
     }
-    setComputedProps(processProps(propsCopy, common2));
+    setComputedProps(processProps(propsCopy, theme.common));
   }, [props]);
   if (!computedProps)
     return null;
@@ -670,7 +673,7 @@ function FormItem(props) {
                     danger: true,
                     type: "link",
                     onClick: () => remove(field.name),
-                    children: common2.delete
+                    children: theme.common.delete
                   }
                 )
               ] }) }),
@@ -685,7 +688,7 @@ function FormItem(props) {
                   onClick: () => add(),
                   icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
                   children: [
-                    common2.add,
+                    theme.common.add,
                     " ",
                     computedProps.label
                   ]
@@ -826,7 +829,7 @@ function Form(props) {
       )
     ),
     computedProps.children,
-    computedProps.submit !== false && /* @__PURE__ */ jsx(Button, { htmlType: "submit", type: "primary", loading, children: ((_b = computedProps.submit) == null ? void 0 : _b.text) || config.Form.submit.text }),
+    computedProps.submit !== false && /* @__PURE__ */ jsx(Button, { htmlType: "submit", type: "primary", loading, children: ((_b = computedProps.submit) == null ? void 0 : _b.text) || config.theme.Form.submit.text }),
     computedProps.footer
   ] });
 }
@@ -838,11 +841,11 @@ Form.List = Form$1.List;
 Form.ErrorList = Form$1.ErrorList;
 Form.Provider = Form$1.Provider;
 function Link(props) {
-  var _a, _b;
-  const { Link: Config } = useConfigContext();
+  var _a, _b, _c, _d, _e, _f, _g;
+  const { theme } = useConfigContext();
   const navigate = useNavigate();
   let computedStyle = {
-    ...Config.style || {},
+    ...theme.Link.style || {},
     cursor: "pointer",
     ...props.style
   };
@@ -860,11 +863,11 @@ function Link(props) {
         Button,
         {
           ...props.button,
-          target: props.target || (Config == null ? void 0 : Config.target) || "_blank",
+          target: props.target || ((_a = theme.Link) == null ? void 0 : _a.target) || "_blank",
           style: computedStyle,
           href: props.href,
           onClick: props.onClick,
-          children: (_a = props.text) != null ? _a : props.children
+          children: (_b = props.text) != null ? _b : props.children
         }
       );
     if (props.children)
@@ -874,7 +877,7 @@ function Link(props) {
           "a",
           {
             href: props.href,
-            target: props.target || (Config == null ? void 0 : Config.target),
+            target: props.target || ((_c = theme.Link) == null ? void 0 : _c.target),
             style: computedStyle,
             onClick: props.onClick,
             children: props.children
@@ -885,7 +888,7 @@ function Link(props) {
       Typography.Link,
       {
         href: props.href,
-        target: props.target || (Config == null ? void 0 : Config.target) || "_blank",
+        target: props.target || ((_d = theme.Link) == null ? void 0 : _d.target) || "_blank",
         style: computedStyle,
         copyable: props.copyable,
         onClick: props.onClick,
@@ -899,8 +902,11 @@ function Link(props) {
       {
         ...props.button,
         style: computedStyle,
-        onClick: (e) => props.onClick ? props.onClick(e) : (props.target || (Config == null ? void 0 : Config.target)) === "_blank" ? window.open(props.href) : navigate(props.href),
-        children: (_b = props.text) != null ? _b : props.children
+        onClick: (e) => {
+          var _a2;
+          return props.onClick ? props.onClick(e) : (props.target || ((_a2 = theme.Link) == null ? void 0 : _a2.target)) === "_blank" ? window.open(props.href) : navigate(props.href);
+        },
+        children: (_e = props.text) != null ? _e : props.children
       }
     );
   if (props.children)
@@ -908,7 +914,7 @@ function Link(props) {
       Link$1,
       {
         to: props.href,
-        target: props.target || (Config == null ? void 0 : Config.target),
+        target: props.target || ((_f = theme.Link) == null ? void 0 : _f.target),
         style: computedStyle,
         onClick: props.onClick,
         children: props.children
@@ -918,15 +924,16 @@ function Link(props) {
     Typography.Link,
     {
       href: props.href,
-      target: props.target || (Config == null ? void 0 : Config.target),
+      target: props.target || ((_g = theme.Link) == null ? void 0 : _g.target),
       style: computedStyle,
       copyable: props.copyable,
       onClick: (e) => {
+        var _a2;
         if (props.onClick) {
           props.onClick(e);
           return;
         }
-        if ((props.target || (Config == null ? void 0 : Config.target)) !== "_blank") {
+        if ((props.target || ((_a2 = theme.Link) == null ? void 0 : _a2.target)) !== "_blank") {
           e.preventDefault();
           navigate(props.href);
         }
@@ -936,8 +943,8 @@ function Link(props) {
   );
 }
 function PageNotFound() {
-  const config = useConfigContext();
-  return /* @__PURE__ */ jsx(Result, { status: "404", title: config.common.pageNotFound });
+  const { theme } = useConfigContext();
+  return /* @__PURE__ */ jsx(Result, { status: "404", title: theme.common.pageNotFound });
 }
 function Routes(props) {
   return /* @__PURE__ */ jsxs(Routes$1, { children: [
@@ -984,9 +991,9 @@ function processValue(item, value) {
 }
 function Table(props) {
   const [columns, setColumns] = useState();
-  const { common: common2 } = useConfigContext();
+  const { theme } = useConfigContext();
   const generateFilterDropdown = (item) => {
-    if (typeof item.filterDropdown !== "undefined")
+    if (item.filterDropdown && item.filterDropdown !== true)
       return;
     if (item.options.length < 11) {
       if (!item.filters)
@@ -1011,7 +1018,7 @@ function Table(props) {
             allowClear: true,
             showSearch: true,
             style: { width: "100%" },
-            placeholder: `${common2.search} ${item.title}`,
+            placeholder: `${theme.common.search} ${item.title}`,
             value: selectedKeys,
             onChange: (v) => {
               setSelectedKeys((v == null ? void 0 : v.length) ? v : []);
@@ -1085,146 +1092,146 @@ function Table(props) {
         case "string":
           if (!item.render)
             item.render = (value) => processValue(item, value);
-          if (!item.onFilter)
-            item.onFilter = (value, row) => {
-              if (!value || isNil(value))
-                return true;
-              if (isNil(row[item.id]))
-                return false;
-              return row[item.id].trim().toLowerCase().includes(value.trim().toLowerCase());
-            };
-          if (item.filterDropdown === false || item.filterDropdown)
-            break;
-          if (!item.filters && item.optionsType !== "auto")
-            item.filterDropdown = ({
-              setSelectedKeys,
-              confirm,
-              clearFilters
-            }) => /* @__PURE__ */ jsx(
-              Input.Search,
-              {
-                placeholder: `${common2.search} ${item.title}`,
-                allowClear: true,
-                onSearch: (v) => {
-                  if (v) {
-                    setSelectedKeys([v]);
-                  } else {
-                    setSelectedKeys([]);
-                    clearFilters();
+          if (item.filterDropdown !== false) {
+            if (!item.onFilter)
+              item.onFilter = (value, row) => {
+                if (!value || isNil(value))
+                  return true;
+                if (isNil(row[item.id]))
+                  return false;
+                return row[item.id].trim().toLowerCase().includes(value.trim().toLowerCase());
+              };
+            if (typeof item.filterDropdown === "undefined" && !item.filters && item.optionsType !== "auto")
+              item.filterDropdown = ({
+                setSelectedKeys,
+                confirm,
+                clearFilters
+              }) => /* @__PURE__ */ jsx(
+                Input.Search,
+                {
+                  placeholder: `${theme.common.search} ${item.title}`,
+                  allowClear: true,
+                  onSearch: (v) => {
+                    if (v) {
+                      setSelectedKeys([v]);
+                    } else {
+                      setSelectedKeys([]);
+                      clearFilters();
+                    }
+                    confirm();
                   }
-                  confirm();
                 }
-              }
-            );
+              );
+          }
           break;
         case "string[]":
           if (!item.render)
             item.render = (value) => processValue(item, value);
-          if (!item.onFilter)
-            item.onFilter = (value, row) => {
-              if (value === null && (!row[item.id] || !row[item.id].length))
-                return true;
-              if (!row[item.id] || !row[item.id].length || !value)
-                return false;
-              return row[item.id].some(
-                (v) => v.trim().toLowerCase().includes(value.trim().toLowerCase())
-              );
-            };
-          if (item.filterDropdown === false || item.filterDropdown)
-            break;
-          if (!item.filters && item.optionsType !== "auto")
-            item.filterDropdown = ({
-              setSelectedKeys,
-              confirm,
-              clearFilters
-            }) => /* @__PURE__ */ jsx(
-              Input.Search,
-              {
-                placeholder: `${common2.search} ${item.title}`,
-                allowClear: true,
-                onSearch: (v) => {
-                  if (v) {
-                    setSelectedKeys([v]);
-                  } else {
-                    setSelectedKeys([]);
-                    clearFilters();
+          if (item.filterDropdown !== false) {
+            if (!item.onFilter)
+              item.onFilter = (value, row) => {
+                if (value === null && (!row[item.id] || !row[item.id].length))
+                  return true;
+                if (!row[item.id] || !row[item.id].length || !value)
+                  return false;
+                return row[item.id].some(
+                  (v) => v.trim().toLowerCase().includes(value.trim().toLowerCase())
+                );
+              };
+            if (typeof item.filterDropdown === "undefined" && !item.filters && item.optionsType !== "auto")
+              item.filterDropdown = ({
+                setSelectedKeys,
+                confirm,
+                clearFilters
+              }) => /* @__PURE__ */ jsx(
+                Input.Search,
+                {
+                  placeholder: `${theme.common.search} ${item.title}`,
+                  allowClear: true,
+                  onSearch: (v) => {
+                    if (v) {
+                      setSelectedKeys([v]);
+                    } else {
+                      setSelectedKeys([]);
+                      clearFilters();
+                    }
+                    confirm();
                   }
-                  confirm();
                 }
-              }
-            );
+              );
+          }
           break;
         case "number":
           if (!item.render)
             item.render = (value) => processValue(item, value);
-          if (!item.sorter)
+          if (typeof item.sorter === "undefined")
             item.sorter = (a, b) => a[item.id] - b[item.id];
-          if (!item.onFilter)
-            item.onFilter = (value, row) => {
-              if (value === null)
-                return true;
-              if (isNil(row[item.id]))
-                return false;
-              return value == row[item.id];
-            };
-          if (item.filterDropdown === false || item.filterDropdown)
-            break;
-          if (!item.filters)
-            item.filterDropdown = ({
-              setSelectedKeys,
-              confirm,
-              clearFilters
-            }) => /* @__PURE__ */ jsx(
-              Input.Search,
-              {
-                placeholder: `${common2.search} ${item.title}`,
-                allowClear: true,
-                onSearch: (v) => {
-                  if (v) {
-                    setSelectedKeys([Number(v)]);
-                  } else {
-                    setSelectedKeys([]);
-                    clearFilters();
+          if (item.filterDropdown !== false) {
+            if (!item.onFilter)
+              item.onFilter = (value, row) => {
+                if (value === null)
+                  return true;
+                if (isNil(row[item.id]))
+                  return false;
+                return value == row[item.id];
+              };
+            if (typeof item.filterDropdown === "undefined" && !item.filters)
+              item.filterDropdown = ({
+                setSelectedKeys,
+                confirm,
+                clearFilters
+              }) => /* @__PURE__ */ jsx(
+                Input.Search,
+                {
+                  placeholder: `${theme.common.search} ${item.title}`,
+                  allowClear: true,
+                  onSearch: (v) => {
+                    if (v) {
+                      setSelectedKeys([Number(v)]);
+                    } else {
+                      setSelectedKeys([]);
+                      clearFilters();
+                    }
+                    confirm();
                   }
-                  confirm();
                 }
-              }
-            );
+              );
+          }
           break;
         case "number[]":
           if (!item.render)
             item.render = (value) => processValue(item, value).join(", ");
-          if (!item.onFilter)
-            item.onFilter = (value, row) => {
-              if (value === null && (!row[item.id] || !row[item.id].length))
-                return true;
-              if (!row[item.id] || !row[item.id].length)
-                return false;
-              return row[item.id].includes(Number(value));
-            };
-          if (item.filterDropdown === false || item.filterDropdown)
-            break;
-          if (!item.filters)
-            item.filterDropdown = ({
-              setSelectedKeys,
-              confirm,
-              clearFilters
-            }) => /* @__PURE__ */ jsx(
-              Input.Search,
-              {
-                placeholder: `${common2.search} ${item.title}`,
-                allowClear: true,
-                onSearch: (v) => {
-                  if (v) {
-                    setSelectedKeys([Number(v)]);
-                  } else {
-                    setSelectedKeys([]);
-                    clearFilters();
+          if (item.filterDropdown !== false) {
+            if (!item.onFilter)
+              item.onFilter = (value, row) => {
+                if (value === null && (!row[item.id] || !row[item.id].length))
+                  return true;
+                if (!row[item.id] || !row[item.id].length)
+                  return false;
+                return row[item.id].includes(Number(value));
+              };
+            if (typeof item.filterDropdown === "undefined" && !item.filters)
+              item.filterDropdown = ({
+                setSelectedKeys,
+                confirm,
+                clearFilters
+              }) => /* @__PURE__ */ jsx(
+                Input.Search,
+                {
+                  placeholder: `${theme.common.search} ${item.title}`,
+                  allowClear: true,
+                  onSearch: (v) => {
+                    if (v) {
+                      setSelectedKeys([Number(v)]);
+                    } else {
+                      setSelectedKeys([]);
+                      clearFilters();
+                    }
+                    confirm();
                   }
-                  confirm();
                 }
-              }
-            );
+              );
+          }
           break;
         case "boolean":
           if (!item.render)
@@ -1245,68 +1252,70 @@ function Table(props) {
                 }
               }
             );
-          if (item.filterDropdown !== false)
-            item.filterDropdown = ({
-              setSelectedKeys,
-              selectedKeys,
-              confirm
-            }) => /* @__PURE__ */ jsxs(
-              Radio.Group,
-              {
-                style: { padding: 8 },
-                buttonStyle: "solid",
-                value: JSON.stringify(selectedKeys[0]),
-                onChange: (e) => {
-                  const Values = {
-                    true: true,
-                    false: false,
-                    null: null
-                  };
-                  setSelectedKeys(
-                    e.target.value ? [Values[e.target.value]] : []
-                  );
-                  confirm();
-                },
-                children: [
-                  /* @__PURE__ */ jsx(Radio.Button, { children: common2.all }),
-                  /* @__PURE__ */ jsx(Radio.Button, { value: "true", children: /* @__PURE__ */ jsx(
-                    CheckOutlined,
-                    {
-                      style: {
-                        color: "#52c41a",
-                        verticalAlign: "middle"
+          if (item.filterDropdown !== false) {
+            if (typeof item.filterDropdown === "undefined")
+              item.filterDropdown = ({
+                setSelectedKeys,
+                selectedKeys,
+                confirm
+              }) => /* @__PURE__ */ jsxs(
+                Radio.Group,
+                {
+                  style: { padding: 8 },
+                  buttonStyle: "solid",
+                  value: JSON.stringify(selectedKeys[0]),
+                  onChange: (e) => {
+                    const Values = {
+                      true: true,
+                      false: false,
+                      null: null
+                    };
+                    setSelectedKeys(
+                      e.target.value ? [Values[e.target.value]] : []
+                    );
+                    confirm();
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Radio.Button, { children: theme.common.all }),
+                    /* @__PURE__ */ jsx(Radio.Button, { value: "true", children: /* @__PURE__ */ jsx(
+                      CheckOutlined,
+                      {
+                        style: {
+                          color: "#52c41a",
+                          verticalAlign: "middle"
+                        }
                       }
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(Radio.Button, { value: "false", children: /* @__PURE__ */ jsx(
-                    CloseOutlined,
-                    {
-                      style: {
-                        verticalAlign: "middle",
-                        color: "#ff4d4f"
+                    ) }),
+                    /* @__PURE__ */ jsx(Radio.Button, { value: "false", children: /* @__PURE__ */ jsx(
+                      CloseOutlined,
+                      {
+                        style: {
+                          verticalAlign: "middle",
+                          color: "#ff4d4f"
+                        }
                       }
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(Radio.Button, { value: "null", children: common2.blank })
-                ]
-              }
-            );
-          if (!item.onFilter)
-            item.onFilter = (value, row) => {
-              switch (value) {
-                case true:
-                  return !isNil(row[item.id]) && row[item.id] !== false;
-                case false:
-                  return !isNil(row[item.id]) && !row[item.id];
-                default:
-                  return isNil(row[item.id]);
-              }
-            };
+                    ) }),
+                    /* @__PURE__ */ jsx(Radio.Button, { value: "null", children: theme.common.blank })
+                  ]
+                }
+              );
+            if (!item.onFilter)
+              item.onFilter = (value, row) => {
+                switch (value) {
+                  case true:
+                    return !isNil(row[item.id]) && row[item.id] !== false;
+                  case false:
+                    return !isNil(row[item.id]) && !row[item.id];
+                  default:
+                    return isNil(row[item.id]);
+                }
+              };
+          }
           break;
         case "date":
           if (!item.render)
             item.render = (value) => processValue(item, value);
-          if (!item.sorter)
+          if (typeof item.sorter === "undefined")
             item.sorter = (a, b, order) => {
               if (isNil(a[item.id]))
                 return order === "ascend" ? 1 : -1;
@@ -1314,36 +1323,38 @@ function Table(props) {
                 return order === "ascend" ? -1 : 1;
               return new Date(a[item.id]).getTime() < new Date(b[item.id]).getTime() ? -1 : 1;
             };
-          if (!item.filterDropdown)
-            item.filterDropdown = ({ setSelectedKeys, confirm }) => /* @__PURE__ */ jsx(
-              DatePicker.RangePicker,
-              {
-                onChange: (dates) => {
-                  setSelectedKeys(
-                    (dates == null ? void 0 : dates[0]) && dates[1] ? [
-                      [
-                        dates[0].startOf("day").toISOString(),
-                        dates[1].endOf("day").toISOString()
-                      ]
-                    ] : []
-                  );
-                  confirm();
+          if (item.filterDropdown !== false) {
+            if (typeof item.filterDropdown === "undefined")
+              item.filterDropdown = ({ setSelectedKeys, confirm }) => /* @__PURE__ */ jsx(
+                DatePicker.RangePicker,
+                {
+                  onChange: (dates) => {
+                    setSelectedKeys(
+                      (dates == null ? void 0 : dates[0]) && dates[1] ? [
+                        [
+                          dates[0].startOf("day").toISOString(),
+                          dates[1].endOf("day").toISOString()
+                        ]
+                      ] : []
+                    );
+                    confirm();
+                  }
                 }
-              }
-            );
-          if (!item.onFilter)
-            item.onFilter = (value, row) => {
-              if (isNil(value[0]))
-                return true;
-              if (isNil(row[item.id]))
-                return false;
-              return dayjs2(row[item.id]) >= dayjs2(value[0]) && dayjs2(row[item.id]) <= dayjs2(value[1]);
-            };
+              );
+            if (!item.onFilter)
+              item.onFilter = (value, row) => {
+                if (isNil(value[0]))
+                  return true;
+                if (isNil(row[item.id]))
+                  return false;
+                return dayjs2(row[item.id]) >= dayjs2(value[0]) && dayjs2(row[item.id]) <= dayjs2(value[1]);
+              };
+          }
           break;
         case "time":
           if (!item.render)
             item.render = (value) => processValue(item, value);
-          if (!item.sorter)
+          if (typeof item.sorter === "undefined")
             item.sorter = (a, b, order) => {
               if (isNil(a[item.id]))
                 return order === "ascend" ? 1 : -1;
@@ -1351,31 +1362,33 @@ function Table(props) {
                 return order === "ascend" ? -1 : 1;
               return new Date(a[item.id]).getTime() < new Date(b[item.id]).getTime() ? -1 : 1;
             };
-          if (!item.filterDropdown)
-            item.filterDropdown = ({ setSelectedKeys, confirm }) => /* @__PURE__ */ jsx(
-              DatePicker.RangePicker,
-              {
-                onChange: (dates) => {
-                  setSelectedKeys(
-                    (dates == null ? void 0 : dates[0]) && dates[1] ? [
-                      [
-                        dates[0].startOf("day").toISOString(),
-                        dates[1].endOf("day").toISOString()
-                      ]
-                    ] : []
-                  );
-                  confirm();
+          if (item.filterDropdown !== false) {
+            if (typeof item.filterDropdown === "undefined")
+              item.filterDropdown = ({ setSelectedKeys, confirm }) => /* @__PURE__ */ jsx(
+                DatePicker.RangePicker,
+                {
+                  onChange: (dates) => {
+                    setSelectedKeys(
+                      (dates == null ? void 0 : dates[0]) && dates[1] ? [
+                        [
+                          dates[0].startOf("day").toISOString(),
+                          dates[1].endOf("day").toISOString()
+                        ]
+                      ] : []
+                    );
+                    confirm();
+                  }
                 }
-              }
-            );
-          if (!item.onFilter)
-            item.onFilter = (value, row) => {
-              if (isNil(value[0]))
-                return true;
-              if (isNil(row[item.id]))
-                return false;
-              return dayjs2(row[item.id]) >= dayjs2(value[0]) && dayjs2(row[item.id]) <= dayjs2(value[1]);
-            };
+              );
+            if (!item.onFilter)
+              item.onFilter = (value, row) => {
+                if (isNil(value[0]))
+                  return true;
+                if (isNil(row[item.id]))
+                  return false;
+                return dayjs2(row[item.id]) >= dayjs2(value[0]) && dayjs2(row[item.id]) <= dayjs2(value[1]);
+              };
+          }
           break;
         case "object":
           if (!item.render)
@@ -1403,7 +1416,7 @@ function Table(props) {
         default:
           if (!item.render)
             item.render = (value) => processValue(item, value);
-          if (!item.onFilter)
+          if (item.filterDropdown !== false && !item.onFilter)
             item.onFilter = (value, row) => {
               if (value === null && isNil(row[item.id]))
                 return true;
@@ -1464,8 +1477,8 @@ function FaasDataTable({
       const newColumns = [...prev];
       for (const column of newColumns) {
         if ((_a = data.options) == null ? void 0 : _a[column.id]) {
-          column.options = data.options[column.id];
-          column.filters = data.options[column.id].map((v) => ({
+          column.options = transferOptions(data.options[column.id]);
+          column.filters = column.options.map((v) => ({
             text: v.label,
             value: v.value
           })).concat({
@@ -1562,10 +1575,10 @@ function Tabs(props) {
   );
 }
 function Title(props) {
-  const { Title: Title2 } = useConfigContext();
+  const { theme } = useConfigContext();
   useEffect(() => {
     const title = Array.isArray(props.title) ? props.title : [props.title];
-    document.title = title.concat(props.suffix || Title2.suffix).filter((t) => !!t).join(props.separator || Title2.separator);
+    document.title = title.concat(props.suffix || theme.Title.suffix).filter((t) => !!t).join(props.separator || theme.Title.separator);
   }, [props]);
   if (props.h1) {
     if (typeof props.h1 === "boolean")
@@ -1579,4 +1592,4 @@ function Title(props) {
   return null;
 }
 
-export { App, Blank, ConfigContext, ConfigProvider2 as ConfigProvider, Description, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, PageNotFound, Routes, Table, Tabs, Title, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useModal };
+export { App, Blank, ConfigContext, ConfigProvider, Description, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, PageNotFound, Routes, Table, Tabs, Title, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useModal };