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

package/dist/index.js

@@ -55,57 +55,28 @@ function useDrawer(init) {
     }
   };
 }
-var AppContext = react$1.createContext({
-  message: {},
-  notification: {},
-  setModalProps: () => void 0,
-  setDrawerProps: () => void 0
-});
-function RoutesApp(props) {
-  const location = reactRouterDom.useLocation();
-  const { setDrawerProps, setModalProps } = useApp();
-  react$1.useEffect(() => {
-    console.debug("location", location);
-    setDrawerProps({ open: false });
-    setModalProps({ open: false });
-  }, [location]);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children });
-}
-function App(props) {
-  const [messageApi, messageContextHolder] = antd.message.useMessage();
-  const [notificationApi, notificationContextHolder] = antd.notification.useNotification();
-  const { modal, setModalProps } = useModal();
-  const { drawer, setDrawerProps } = useDrawer();
-  const memoizedContextValue = react$1.useMemo(
-    () => ({
-      message: messageApi,
-      notification: notificationApi,
-      setModalProps,
-      setDrawerProps
-    }),
-    [messageApi, notificationApi, setModalProps, setDrawerProps]
-  );
+function ErrorChildren(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    cssinjs.StyleProvider,
+    antd.Alert,
     {
-      ...Object.assign(props.styleProviderProps || {}, {
-        hashPriority: "high",
-        transformers: [cssinjs.legacyLogicalPropertiesTransformer]
-      }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { ...props.configProviderProps, children: /* @__PURE__ */ jsxRuntime.jsx(AppContext.Provider, { value: memoizedContextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.BrowserRouter, { ...props.browserRouterProps, children: [
-        messageContextHolder,
-        notificationContextHolder,
-        modal,
-        drawer,
-        /* @__PURE__ */ jsxRuntime.jsx(RoutesApp, { children: props.children })
-      ] }) }) })
+      type: "error",
+      message: props.errorMessage,
+      description: /* @__PURE__ */ jsxRuntime.jsx(
+        "pre",
+        {
+          style: {
+            fontSize: "0.9em",
+            overflowX: "auto"
+          },
+          children: props.errorDescription
+        }
+      )
     }
   );
 }
-function useApp() {
-  return react$1.useContext(AppContext);
+function ErrorBoundary(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ErrorBoundary, { errorChildren: /* @__PURE__ */ jsxRuntime.jsx(ErrorChildren, {}), ...props });
 }
-App.useApp = useApp;
 var isZH = /^zh/i.test(navigator.language);
 var zh = {
   lang: "zh",
@@ -132,8 +103,7 @@ var en = {
   reset: "Reset"
 };
 var common = isZH ? zh : en;
-var baseConfig = {
-  antd: {},
+var baseTheme = {
   lang: "en",
   common,
   Blank: { text: common.blank },
@@ -144,37 +114,92 @@ var baseConfig = {
   },
   Link: { style: {} }
 };
-var ConfigContext = react$1.createContext(baseConfig);
-function ConfigProvider2({
-  config,
-  children
-}) {
-  const [values, setValues] = react$1.useState(baseConfig);
+var ConfigContext = react$1.createContext({
+  theme: baseTheme
+});
+function ConfigProvider(props) {
+  const [theme, setTheme] = react$1.useState();
   react$1.useEffect(() => {
-    if (config.lang === "zh") {
-      setValues(
+    var _a;
+    if (((_a = props.theme) == null ? void 0 : _a.lang) === "zh") {
+      setTheme(
         lodashEs.defaultsDeep(
-          config,
+          props.theme,
           {
             lang: "zh",
             common: zh,
             Blank: { text: zh.blank },
             Form: { submit: { text: zh.submit } }
           },
-          baseConfig
+          baseTheme
         )
       );
     } else
-      setValues(lodashEs.defaultsDeep(config, values));
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(ConfigContext.Provider, { value: values, children });
+      setTheme(lodashEs.defaultsDeep(props.theme, baseTheme));
+    if (props.faasClientOptions)
+      react.FaasReactClient(props.faasClientOptions);
+  }, [JSON.stringify(props.theme)]);
+  if (!theme)
+    return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(ConfigContext.Provider, { value: { theme }, children: props.children });
 }
 function useConfigContext() {
   return react$1.useContext(ConfigContext);
 }
+var AppContext = react$1.createContext({
+  message: {},
+  notification: {},
+  setModalProps: () => void 0,
+  setDrawerProps: () => void 0
+});
+function RoutesApp(props) {
+  const location = reactRouterDom.useLocation();
+  const { setDrawerProps, setModalProps } = useApp();
+  react$1.useEffect(() => {
+    console.debug("location", location);
+    setDrawerProps({ open: false });
+    setModalProps({ open: false });
+  }, [location]);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children });
+}
+function App(props) {
+  const [messageApi, messageContextHolder] = antd.message.useMessage();
+  const [notificationApi, notificationContextHolder] = antd.notification.useNotification();
+  const { modal, setModalProps } = useModal();
+  const { drawer, setDrawerProps } = useDrawer();
+  const memoizedContextValue = react$1.useMemo(
+    () => ({
+      message: messageApi,
+      notification: notificationApi,
+      setModalProps,
+      setDrawerProps
+    }),
+    [messageApi, notificationApi, setModalProps, setDrawerProps]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cssinjs.StyleProvider,
+    {
+      ...Object.assign(props.styleProviderProps || {}, {
+        hashPriority: "high",
+        transformers: [cssinjs.legacyLogicalPropertiesTransformer]
+      }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { ...props.configProviderProps, children: /* @__PURE__ */ jsxRuntime.jsx(AppContext.Provider, { value: memoizedContextValue, children: /* @__PURE__ */ jsxRuntime.jsx(ConfigProvider, { ...props.faasConfigProviderProps, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { ...props.errorBoundaryProps, children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.BrowserRouter, { ...props.browserRouterProps, children: [
+        messageContextHolder,
+        notificationContextHolder,
+        modal,
+        drawer,
+        /* @__PURE__ */ jsxRuntime.jsx(RoutesApp, { children: props.children })
+      ] }) }) }) }) })
+    }
+  );
+}
+function useApp() {
+  return react$1.useContext(AppContext);
+}
+App.useApp = useApp;
 function Blank(options) {
-  const { Blank: Blank2 } = useConfigContext();
-  return !options || lodashEs.isNil(options.value) || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { disabled: true, children: (options == null ? void 0 : options.text) || Blank2.text }) : options.value;
+  const { theme } = useConfigContext();
+  return !options || lodashEs.isNil(options.value) || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { disabled: true, children: (options == null ? void 0 : options.text) || theme.Blank.text }) : options.value;
 }
 function transferOptions(options) {
   if (!options)
@@ -256,7 +281,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 react$1.cloneElement(
         computedProps.extendTypes[computedProps.item.type].children,
@@ -266,15 +291,15 @@ function DescriptionItemContent(props) {
           values: computedProps.values
         }
       );
-    else if (computedProps.extendTypes[computedProps.item.type].render)
+    if (computedProps.extendTypes[computedProps.item.type].render)
       return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.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)
@@ -396,28 +421,6 @@ function Description(props) {
     }
   );
 }
-function ErrorChildren(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Alert,
-    {
-      type: "error",
-      message: props.errorMessage,
-      description: /* @__PURE__ */ jsxRuntime.jsx(
-        "pre",
-        {
-          style: {
-            fontSize: "0.9em",
-            overflowX: "auto"
-          },
-          children: props.errorDescription
-        }
-      )
-    }
-  );
-}
-function ErrorBoundary(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.ErrorBoundary, { errorChildren: /* @__PURE__ */ jsxRuntime.jsx(ErrorChildren, {}), ...props });
-}
 function processProps(propsCopy, config) {
   if (!propsCopy.title)
     propsCopy.title = lodashEs.upperFirst(propsCopy.id);
@@ -472,7 +475,7 @@ function FormItem(props) {
   var _a;
   const [computedProps, setComputedProps] = react$1.useState();
   const [extendTypes, setExtendTypes] = react$1.useState();
-  const { common: common2 } = useConfigContext();
+  const { theme } = useConfigContext();
   const [hidden, setHidden] = react$1.useState(props.hidden || false);
   react$1.useEffect(() => {
     const propsCopy = { ...props };
@@ -493,7 +496,7 @@ function FormItem(props) {
       delete propsCopy.if;
       delete propsCopy.hidden;
     }
-    setComputedProps(processProps(propsCopy, common2));
+    setComputedProps(processProps(propsCopy, theme.common));
   }, [props]);
   if (!computedProps)
     return null;
@@ -673,7 +676,7 @@ function FormItem(props) {
                     danger: true,
                     type: "link",
                     onClick: () => remove(field.name),
-                    children: common2.delete
+                    children: theme.common.delete
                   }
                 )
               ] }) }),
@@ -688,7 +691,7 @@ function FormItem(props) {
                   onClick: () => add(),
                   icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
                   children: [
-                    common2.add,
+                    theme.common.add,
                     " ",
                     computedProps.label
                   ]
@@ -829,7 +832,7 @@ function Form(props) {
       )
     ),
     computedProps.children,
-    computedProps.submit !== false && /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { htmlType: "submit", type: "primary", loading, children: ((_b = computedProps.submit) == null ? void 0 : _b.text) || config.Form.submit.text }),
+    computedProps.submit !== false && /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { htmlType: "submit", type: "primary", loading, children: ((_b = computedProps.submit) == null ? void 0 : _b.text) || config.theme.Form.submit.text }),
     computedProps.footer
   ] });
 }
@@ -841,11 +844,11 @@ Form.List = antd.Form.List;
 Form.ErrorList = antd.Form.ErrorList;
 Form.Provider = antd.Form.Provider;
 function Link(props) {
-  var _a, _b;
-  const { Link: Config } = useConfigContext();
+  var _a, _b, _c, _d, _e, _f, _g;
+  const { theme } = useConfigContext();
   const navigate = reactRouterDom.useNavigate();
   let computedStyle = {
-    ...Config.style || {},
+    ...theme.Link.style || {},
     cursor: "pointer",
     ...props.style
   };
@@ -863,11 +866,11 @@ function Link(props) {
         antd.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)
@@ -877,7 +880,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
@@ -888,7 +891,7 @@ function Link(props) {
       antd.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,
@@ -902,8 +905,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)
@@ -911,7 +917,7 @@ function Link(props) {
       reactRouterDom.Link,
       {
         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
@@ -921,15 +927,16 @@ function Link(props) {
     antd.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);
         }
@@ -939,8 +946,8 @@ function Link(props) {
   );
 }
 function PageNotFound() {
-  const config = useConfigContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.Result, { status: "404", title: config.common.pageNotFound });
+  const { theme } = useConfigContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(antd.Result, { status: "404", title: theme.common.pageNotFound });
 }
 function Routes(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
@@ -987,9 +994,9 @@ function processValue(item, value) {
 }
 function Table(props) {
   const [columns, setColumns] = react$1.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)
@@ -1014,7 +1021,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 : []);
@@ -1088,146 +1095,146 @@ function Table(props) {
         case "string":
           if (!item.render)
             item.render = (value) => processValue(item, value);
-          if (!item.onFilter)
-            item.onFilter = (value, row) => {
-              if (!value || lodashEs.isNil(value))
-                return true;
-              if (lodashEs.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__ */ jsxRuntime.jsx(
-              antd.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 || lodashEs.isNil(value))
+                  return true;
+                if (lodashEs.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__ */ jsxRuntime.jsx(
+                antd.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__ */ jsxRuntime.jsx(
-              antd.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__ */ jsxRuntime.jsx(
+                antd.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 (lodashEs.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__ */ jsxRuntime.jsx(
-              antd.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 (lodashEs.isNil(row[item.id]))
+                  return false;
+                return value == row[item.id];
+              };
+            if (typeof item.filterDropdown === "undefined" && !item.filters)
+              item.filterDropdown = ({
+                setSelectedKeys,
+                confirm,
+                clearFilters
+              }) => /* @__PURE__ */ jsxRuntime.jsx(
+                antd.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__ */ jsxRuntime.jsx(
-              antd.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__ */ jsxRuntime.jsx(
+                antd.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)
@@ -1248,68 +1255,70 @@ function Table(props) {
                 }
               }
             );
-          if (item.filterDropdown !== false)
-            item.filterDropdown = ({
-              setSelectedKeys,
-              selectedKeys,
-              confirm
-            }) => /* @__PURE__ */ jsxRuntime.jsxs(
-              antd.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__ */ jsxRuntime.jsx(antd.Radio.Button, { children: common2.all }),
-                  /* @__PURE__ */ jsxRuntime.jsx(antd.Radio.Button, { value: "true", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    icons.CheckOutlined,
-                    {
-                      style: {
-                        color: "#52c41a",
-                        verticalAlign: "middle"
+          if (item.filterDropdown !== false) {
+            if (typeof item.filterDropdown === "undefined")
+              item.filterDropdown = ({
+                setSelectedKeys,
+                selectedKeys,
+                confirm
+              }) => /* @__PURE__ */ jsxRuntime.jsxs(
+                antd.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__ */ jsxRuntime.jsx(antd.Radio.Button, { children: theme.common.all }),
+                    /* @__PURE__ */ jsxRuntime.jsx(antd.Radio.Button, { value: "true", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      icons.CheckOutlined,
+                      {
+                        style: {
+                          color: "#52c41a",
+                          verticalAlign: "middle"
+                        }
                       }
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(antd.Radio.Button, { value: "false", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    icons.CloseOutlined,
-                    {
-                      style: {
-                        verticalAlign: "middle",
-                        color: "#ff4d4f"
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(antd.Radio.Button, { value: "false", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      icons.CloseOutlined,
+                      {
+                        style: {
+                          verticalAlign: "middle",
+                          color: "#ff4d4f"
+                        }
                       }
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(antd.Radio.Button, { value: "null", children: common2.blank })
-                ]
-              }
-            );
-          if (!item.onFilter)
-            item.onFilter = (value, row) => {
-              switch (value) {
-                case true:
-                  return !lodashEs.isNil(row[item.id]) && row[item.id] !== false;
-                case false:
-                  return !lodashEs.isNil(row[item.id]) && !row[item.id];
-                default:
-                  return lodashEs.isNil(row[item.id]);
-              }
-            };
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(antd.Radio.Button, { value: "null", children: theme.common.blank })
+                  ]
+                }
+              );
+            if (!item.onFilter)
+              item.onFilter = (value, row) => {
+                switch (value) {
+                  case true:
+                    return !lodashEs.isNil(row[item.id]) && row[item.id] !== false;
+                  case false:
+                    return !lodashEs.isNil(row[item.id]) && !row[item.id];
+                  default:
+                    return lodashEs.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 (lodashEs.isNil(a[item.id]))
                 return order === "ascend" ? 1 : -1;
@@ -1317,36 +1326,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__ */ jsxRuntime.jsx(
-              antd.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__ */ jsxRuntime.jsx(
+                antd.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 (lodashEs.isNil(value[0]))
-                return true;
-              if (lodashEs.isNil(row[item.id]))
-                return false;
-              return dayjs2__default.default(row[item.id]) >= dayjs2__default.default(value[0]) && dayjs2__default.default(row[item.id]) <= dayjs2__default.default(value[1]);
-            };
+              );
+            if (!item.onFilter)
+              item.onFilter = (value, row) => {
+                if (lodashEs.isNil(value[0]))
+                  return true;
+                if (lodashEs.isNil(row[item.id]))
+                  return false;
+                return dayjs2__default.default(row[item.id]) >= dayjs2__default.default(value[0]) && dayjs2__default.default(row[item.id]) <= dayjs2__default.default(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 (lodashEs.isNil(a[item.id]))
                 return order === "ascend" ? 1 : -1;
@@ -1354,31 +1365,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__ */ jsxRuntime.jsx(
-              antd.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__ */ jsxRuntime.jsx(
+                antd.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 (lodashEs.isNil(value[0]))
-                return true;
-              if (lodashEs.isNil(row[item.id]))
-                return false;
-              return dayjs2__default.default(row[item.id]) >= dayjs2__default.default(value[0]) && dayjs2__default.default(row[item.id]) <= dayjs2__default.default(value[1]);
-            };
+              );
+            if (!item.onFilter)
+              item.onFilter = (value, row) => {
+                if (lodashEs.isNil(value[0]))
+                  return true;
+                if (lodashEs.isNil(row[item.id]))
+                  return false;
+                return dayjs2__default.default(row[item.id]) >= dayjs2__default.default(value[0]) && dayjs2__default.default(row[item.id]) <= dayjs2__default.default(value[1]);
+              };
+          }
           break;
         case "object":
           if (!item.render)
@@ -1406,7 +1419,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 && lodashEs.isNil(row[item.id]))
                 return true;
@@ -1467,8 +1480,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({
@@ -1565,10 +1578,10 @@ function Tabs(props) {
   );
 }
 function Title(props) {
-  const { Title: Title2 } = useConfigContext();
+  const { theme } = useConfigContext();
   react$1.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")
@@ -1605,7 +1618,7 @@ Object.defineProperty(exports, 'lazy', {
 exports.App = App;
 exports.Blank = Blank;
 exports.ConfigContext = ConfigContext;
-exports.ConfigProvider = ConfigProvider2;
+exports.ConfigProvider = ConfigProvider;
 exports.Description = Description;
 exports.ErrorBoundary = ErrorBoundary;
 exports.FaasDataWrapper = FaasDataWrapper;