@faasjs/ant-design 0.0.3-beta.99 → 0.0.4-beta.1

package/dist/index.mjs

@@ -80,12 +80,7 @@ function App(props) {
       setModalProps,
       setDrawerProps
     }),
-    [
-      messageApi,
-      notificationApi,
-      setModalProps,
-      setDrawerProps
-    ]
+    [messageApi, notificationApi, setModalProps, setDrawerProps]
   );
   return /* @__PURE__ */ jsx(
     StyleProvider,
@@ -154,12 +149,18 @@ function ConfigProvider2({
   const [values, setValues] = useState(baseConfig);
   useEffect(() => {
     if (config.lang === "zh") {
-      setValues(defaultsDeep(config, {
-        lang: "zh",
-        common: zh,
-        Blank: { text: zh.blank },
-        Form: { submit: { text: zh.submit } }
-      }, baseConfig));
+      setValues(
+        defaultsDeep(
+          config,
+          {
+            lang: "zh",
+            common: zh,
+            Blank: { text: zh.blank },
+            Form: { submit: { text: zh.submit } }
+          },
+          baseConfig
+        )
+      );
     } else
       setValues(defaultsDeep(config, values));
   }, []);
@@ -175,10 +176,12 @@ function Blank(options) {
 function transferOptions(options) {
   if (!options)
     return [];
-  return options.map((item) => typeof item === "object" ? item : {
-    label: upperFirst(item.toString()),
-    value: item
-  });
+  return options.map(
+    (item) => typeof item === "object" ? item : {
+      label: upperFirst(item.toString()),
+      value: item
+    }
+  );
 }
 function transferValue(type, value) {
   if (typeof value === "undefined" || value === null || value === "" || value === "null" || value === "undefined")
@@ -198,13 +201,19 @@ function transferValue(type, value) {
 function Loading(props) {
   if (props.loading === false)
     return /* @__PURE__ */ jsx(Fragment, { children: props.children });
-  return /* @__PURE__ */ jsx("div", { style: {
-    ...props.style || {},
-    ...!props.size || props.size === "large" ? {
-      margin: "20vh auto",
-      textAlign: "center"
-    } : {}
-  }, children: /* @__PURE__ */ jsx(Spin, { size: props.size || "large" }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        ...props.style || {},
+        ...!props.size || props.size === "large" ? {
+          margin: "20vh auto",
+          textAlign: "center"
+        } : {}
+      },
+      children: /* @__PURE__ */ jsx(Spin, { size: props.size || "large" })
+    }
+  );
 }
 function FaasDataWrapper(props) {
   return /* @__PURE__ */ jsx(
@@ -216,10 +225,10 @@ function FaasDataWrapper(props) {
   );
 }
 function DescriptionItemContent(props) {
-  var _a;
+  var _a, _b;
   const [computedProps, setComputedProps] = useState();
   useEffect(() => {
-    var _a2, _b;
+    var _a2, _b2;
     const propsCopy = { ...props };
     if (!propsCopy.item.title)
       propsCopy.item.title = upperFirst(propsCopy.item.id);
@@ -231,22 +240,20 @@ function DescriptionItemContent(props) {
     propsCopy.value = transferValue(propsCopy.item.type, propsCopy.value);
     if (propsCopy.item.options && propsCopy.value !== null) {
       if (propsCopy.item.type.endsWith("[]"))
-        propsCopy.value = propsCopy.value.map((v) => {
-          var _a3;
-          return ((_a3 = propsCopy.item.options.find((option) => option.value === v)) == null ? void 0 : _a3.label) || v;
-        });
-      else if ([
-        "string",
-        "number",
-        "boolean"
-      ].includes(propsCopy.item.type))
-        propsCopy.value = ((_b = props.item.options.find((option) => option.value === props.value)) == null ? void 0 : _b.label) || props.value;
+        propsCopy.value = propsCopy.value.map(
+          (v) => {
+            var _a3;
+            return ((_a3 = propsCopy.item.options.find((option) => option.value === v)) == null ? void 0 : _a3.label) || v;
+          }
+        );
+      else if (["string", "number", "boolean"].includes(propsCopy.item.type))
+        propsCopy.value = ((_b2 = props.item.options.find((option) => option.value === props.value)) == null ? void 0 : _b2.label) || props.value;
     }
     setComputedProps(propsCopy);
   }, [props]);
   if (!computedProps)
     return null;
-  if (computedProps.extendTypes && computedProps.extendTypes[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,
@@ -257,9 +264,14 @@ function DescriptionItemContent(props) {
         }
       );
     else if (computedProps.extendTypes[computedProps.item.type].render)
-      return /* @__PURE__ */ jsx(Fragment, { children: computedProps.extendTypes[computedProps.item.type].render(computedProps.value, computedProps.values, 0, "description") });
+      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)
@@ -277,9 +289,19 @@ function DescriptionItemContent(props) {
       values: computedProps.values
     });
   if (computedProps.item.descriptionRender)
-    return /* @__PURE__ */ jsx(Fragment, { children: computedProps.item.descriptionRender(computedProps.value, computedProps.values, 0, "description") });
+    return /* @__PURE__ */ jsx(Fragment, { children: computedProps.item.descriptionRender(
+      computedProps.value,
+      computedProps.values,
+      0,
+      "description"
+    ) });
   if (computedProps.item.render)
-    return /* @__PURE__ */ jsx(Fragment, { children: computedProps.item.render(computedProps.value, computedProps.values, 0, "description") });
+    return /* @__PURE__ */ jsx(Fragment, { children: computedProps.item.render(
+      computedProps.value,
+      computedProps.values,
+      0,
+      "description"
+    ) });
   if (computedProps.value === null || Array.isArray(computedProps.value) && !computedProps.value.length)
     return /* @__PURE__ */ jsx(Blank, {});
   switch (computedProps.item.type) {
@@ -290,13 +312,23 @@ function DescriptionItemContent(props) {
     case "number[]":
       return /* @__PURE__ */ jsx(Fragment, { children: computedProps.value.join(", ") });
     case "boolean":
-      return computedProps.value ? /* @__PURE__ */ jsx(CheckOutlined, { style: {
-        marginTop: "4px",
-        color: "#52c41a"
-      } }) : /* @__PURE__ */ jsx(CloseOutlined, { style: {
-        marginTop: "4px",
-        color: "#ff4d4f"
-      } });
+      return computedProps.value ? /* @__PURE__ */ jsx(
+        CheckOutlined,
+        {
+          style: {
+            marginTop: "4px",
+            color: "#52c41a"
+          }
+        }
+      ) : /* @__PURE__ */ jsx(
+        CloseOutlined,
+        {
+          style: {
+            marginTop: "4px",
+            color: "#ff4d4f"
+          }
+        }
+      );
     case "time":
       return /* @__PURE__ */ jsx(Fragment, { children: computedProps.value.format("YYYY-MM-DD HH:mm:ss") });
     case "date":
@@ -313,17 +345,19 @@ function DescriptionItemContent(props) {
         }
       );
     case "object[]":
-      if (!((_a = computedProps.value) == null ? void 0 : _a.length))
+      if (!((_b = computedProps.value) == null ? void 0 : _b.length))
         return /* @__PURE__ */ jsx(Blank, {});
-      return /* @__PURE__ */ jsx(Space, { direction: "vertical", children: computedProps.value.map((value, index) => /* @__PURE__ */ jsx(
-        Description,
-        {
-          items: computedProps.item.object,
-          dataSource: value,
-          column: 1
-        },
-        index
-      )) });
+      return /* @__PURE__ */ jsx(Space, { direction: "vertical", children: computedProps.value.map(
+        (value, index) => /* @__PURE__ */ jsx(
+          Description,
+          {
+            items: computedProps.item.object,
+            dataSource: value,
+            column: 1
+          },
+          index
+        )
+      ) });
     default:
       return computedProps.value || null;
   }
@@ -333,13 +367,7 @@ function Description(props) {
     return /* @__PURE__ */ jsx(
       FaasDataWrapper,
       {
-        render: ({ data }) => /* @__PURE__ */ jsx(
-          Description,
-          {
-            ...props,
-            dataSource: data
-          }
-        ),
+        render: ({ data }) => /* @__PURE__ */ jsx(Description, { ...props, dataSource: data }),
         ...props.faasData
       }
     );
@@ -371,21 +399,21 @@ function ErrorChildren(props) {
     {
       type: "error",
       message: props.errorMessage,
-      description: /* @__PURE__ */ jsx("pre", { style: {
-        fontSize: "0.9em",
-        overflowX: "auto"
-      }, children: props.errorDescription })
+      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
-    }
-  );
+  return /* @__PURE__ */ jsx(ErrorBoundary$1, { errorChildren: /* @__PURE__ */ jsx(ErrorChildren, {}), ...props });
 }
 function processProps(propsCopy, config) {
   if (!propsCopy.title)
@@ -404,7 +432,9 @@ function processProps(propsCopy, config) {
         required: true,
         validator: async (_, values) => {
           if (!values || values.length < 1)
-            return Promise.reject(Error(`${propsCopy.label || propsCopy.title} ${config.required}`));
+            return Promise.reject(
+              Error(`${propsCopy.label || propsCopy.title} ${config.required}`)
+            );
         }
       });
     else
@@ -416,7 +446,9 @@ function processProps(propsCopy, config) {
   if (!propsCopy.input)
     propsCopy.input = {};
   if (propsCopy.options)
-    propsCopy.input.options = transferOptions(propsCopy.options);
+    propsCopy.input.options = transferOptions(
+      propsCopy.options
+    );
   switch (propsCopy.type) {
     case "boolean":
       propsCopy.valuePropName = "checked";
@@ -463,16 +495,8 @@ function FormItem(props) {
   if (!computedProps)
     return null;
   if (hidden)
-    return /* @__PURE__ */ jsx(
-      Form$1.Item,
-      {
-        ...computedProps,
-        noStyle: true,
-        rules: [],
-        children: /* @__PURE__ */ jsx(Input, { hidden: true })
-      }
-    );
-  if (extendTypes && extendTypes[computedProps.type])
+    return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, noStyle: true, rules: [], children: /* @__PURE__ */ jsx(Input, { hidden: true }) });
+  if (extendTypes == null ? void 0 : extendTypes[computedProps.type])
     return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: extendTypes[computedProps.type].children });
   if (computedProps.formChildren === null)
     return null;
@@ -493,13 +517,7 @@ function FormItem(props) {
       return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(Input, { ...computedProps.input }) });
     case "string[]":
       if (computedProps.options)
-        return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(
-          Select,
-          {
-            mode: "multiple",
-            ...computedProps.input
-          }
-        ) });
+        return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(Select, { mode: "multiple", ...computedProps.input }) });
       return /* @__PURE__ */ jsx(
         Form$1.List,
         {
@@ -508,36 +526,28 @@ function FormItem(props) {
           children: (fields, { add, remove }, { errors }) => {
             var _a2;
             return /* @__PURE__ */ jsxs(Fragment, { children: [
-              computedProps.label && /* @__PURE__ */ jsx("div", { className: "ant-form-item-label", children: /* @__PURE__ */ jsx("label", { className: computedProps.rules.find((r) => r.required) && "ant-form-item-required", children: computedProps.label }) }),
+              computedProps.label && /* @__PURE__ */ jsx("div", { className: "ant-form-item-label", children: /* @__PURE__ */ jsx(
+                "label",
+                {
+                  className: computedProps.rules.find((r) => r.required) && "ant-form-item-required",
+                  children: computedProps.label
+                }
+              ) }),
               fields.map((field) => {
                 var _a3;
-                return /* @__PURE__ */ jsx(Form$1.Item, { children: /* @__PURE__ */ jsxs(
-                  Row,
-                  {
-                    gutter: 24,
-                    style: { flexFlow: "row nowrap" },
-                    children: [
-                      /* @__PURE__ */ jsx(Col, { span: 23, children: /* @__PURE__ */ jsx(
-                        Form$1.Item,
-                        {
-                          ...field,
-                          noStyle: true,
-                          children: /* @__PURE__ */ jsx(Input, { ...computedProps.input })
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx(Col, { span: 1, children: !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          danger: true,
-                          type: "link",
-                          style: { float: "right" },
-                          icon: /* @__PURE__ */ jsx(MinusCircleOutlined, {}),
-                          onClick: () => remove(field.name)
-                        }
-                      ) })
-                    ]
-                  }
-                ) }, field.key);
+                return /* @__PURE__ */ jsx(Form$1.Item, { children: /* @__PURE__ */ jsxs(Row, { gutter: 24, style: { flexFlow: "row nowrap" }, children: [
+                  /* @__PURE__ */ jsx(Col, { span: 23, children: /* @__PURE__ */ jsx(Form$1.Item, { ...field, noStyle: true, children: /* @__PURE__ */ jsx(Input, { ...computedProps.input }) }) }),
+                  /* @__PURE__ */ jsx(Col, { span: 1, children: !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      danger: true,
+                      type: "link",
+                      style: { float: "right" },
+                      icon: /* @__PURE__ */ jsx(MinusCircleOutlined, {}),
+                      onClick: () => remove(field.name)
+                    }
+                  ) })
+                ] }) }, field.key);
               }),
               /* @__PURE__ */ jsxs(Form$1.Item, { children: [
                 !((_a2 = computedProps.input) == null ? void 0 : _a2.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsx(
@@ -568,13 +578,7 @@ function FormItem(props) {
       ) });
     case "number[]":
       if (computedProps.options)
-        return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(
-          Select,
-          {
-            mode: "multiple",
-            ...computedProps.input
-          }
-        ) });
+        return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(Select, { mode: "multiple", ...computedProps.input }) });
       return /* @__PURE__ */ jsx(
         Form$1.List,
         {
@@ -583,42 +587,36 @@ function FormItem(props) {
           children: (fields, { add, remove }, { errors }) => {
             var _a2, _b;
             return /* @__PURE__ */ jsxs(Fragment, { children: [
-              computedProps.label && /* @__PURE__ */ jsx("div", { className: "ant-form-item-label", children: /* @__PURE__ */ jsx("label", { className: ((_a2 = computedProps.rules) == null ? void 0 : _a2.find((r) => r.required)) && "ant-form-item-required", children: computedProps.label }) }),
+              computedProps.label && /* @__PURE__ */ jsx("div", { className: "ant-form-item-label", children: /* @__PURE__ */ jsx(
+                "label",
+                {
+                  className: ((_a2 = computedProps.rules) == null ? void 0 : _a2.find(
+                    (r) => r.required
+                  )) && "ant-form-item-required",
+                  children: computedProps.label
+                }
+              ) }),
               fields.map((field) => {
                 var _a3;
-                return /* @__PURE__ */ jsx(Form$1.Item, { children: /* @__PURE__ */ jsxs(
-                  Row,
-                  {
-                    gutter: 24,
-                    style: { flexFlow: "row nowrap" },
-                    children: [
-                      /* @__PURE__ */ jsx(Col, { span: 23, children: /* @__PURE__ */ jsx(
-                        Form$1.Item,
-                        {
-                          ...field,
-                          noStyle: true,
-                          children: /* @__PURE__ */ jsx(
-                            InputNumber,
-                            {
-                              style: { width: "100%" },
-                              ...computedProps.input
-                            }
-                          )
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx(Col, { span: 1, children: !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          danger: true,
-                          type: "link",
-                          style: { float: "right" },
-                          icon: /* @__PURE__ */ jsx(MinusCircleOutlined, {}),
-                          onClick: () => remove(field.name)
-                        }
-                      ) })
-                    ]
-                  }
-                ) }, field.key);
+                return /* @__PURE__ */ jsx(Form$1.Item, { children: /* @__PURE__ */ jsxs(Row, { gutter: 24, style: { flexFlow: "row nowrap" }, children: [
+                  /* @__PURE__ */ jsx(Col, { span: 23, children: /* @__PURE__ */ jsx(Form$1.Item, { ...field, noStyle: true, children: /* @__PURE__ */ jsx(
+                    InputNumber,
+                    {
+                      style: { width: "100%" },
+                      ...computedProps.input
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx(Col, { span: 1, children: !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      danger: true,
+                      type: "link",
+                      style: { float: "right" },
+                      icon: /* @__PURE__ */ jsx(MinusCircleOutlined, {}),
+                      onClick: () => remove(field.name)
+                    }
+                  ) })
+                ] }) }, field.key);
               }),
               /* @__PURE__ */ jsxs(Form$1.Item, { children: [
                 !((_b = computedProps.input) == null ? void 0 : _b.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsx(
@@ -645,14 +643,14 @@ function FormItem(props) {
       return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(TimePicker, { ...computedProps.input }) });
     case "object":
       return /* @__PURE__ */ jsxs(Fragment, { children: [
-        computedProps.label && /* @__PURE__ */ jsx("div", { className: "ant-form-item-label", children: /* @__PURE__ */ jsx("label", { className: ((_a = computedProps.rules) == null ? void 0 : _a.find((r) => r.required)) && "ant-form-item-required", children: computedProps.label }) }),
-        computedProps.object.map((o) => /* @__PURE__ */ jsx(
-          FormItem,
+        computedProps.label && /* @__PURE__ */ jsx("div", { className: "ant-form-item-label", children: /* @__PURE__ */ jsx(
+          "label",
           {
-            ...o
-          },
-          o.id
-        ))
+            className: ((_a = computedProps.rules) == null ? void 0 : _a.find((r) => r.required)) && "ant-form-item-required",
+            children: computedProps.label
+          }
+        ) }),
+        computedProps.object.map((o) => /* @__PURE__ */ jsx(FormItem, { ...o }, o.id))
       ] });
     case "object[]":
       return /* @__PURE__ */ jsx(
@@ -661,43 +659,23 @@ function FormItem(props) {
           name: computedProps.name,
           rules: computedProps.rules,
           children: (fields, { add, remove }, { errors }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-            fields.map((field) => /* @__PURE__ */ jsxs(
-              Form$1.Item,
-              {
-                style: { marginBottom: 0 },
-                children: [
-                  /* @__PURE__ */ jsx("div", { className: "ant-form-item-label", children: /* @__PURE__ */ jsxs("label", { children: [
-                    computedProps.label,
-                    " ",
-                    field.name + 1,
-                    !computedProps.disabled && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        danger: true,
-                        type: "link",
-                        onClick: () => remove(field.name),
-                        children: common2.delete
-                      }
-                    )
-                  ] }) }),
-                  /* @__PURE__ */ jsx(Row, { gutter: 24, children: computedProps.object.map((o) => /* @__PURE__ */ jsx(
-                    Col,
-                    {
-                      span: o.col || 24,
-                      children: /* @__PURE__ */ jsx(
-                        FormItem,
-                        {
-                          ...o,
-                          name: [field.name, o.id]
-                        }
-                      )
-                    },
-                    o.id
-                  )) })
-                ]
-              },
-              field.key
-            )),
+            fields.map((field) => /* @__PURE__ */ jsxs(Form$1.Item, { style: { marginBottom: 0 }, children: [
+              /* @__PURE__ */ jsx("div", { className: "ant-form-item-label", children: /* @__PURE__ */ jsxs("label", { children: [
+                computedProps.label,
+                " ",
+                field.name + 1,
+                !computedProps.disabled && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    danger: true,
+                    type: "link",
+                    onClick: () => remove(field.name),
+                    children: common2.delete
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx(Row, { gutter: 24, children: computedProps.object.map((o) => /* @__PURE__ */ jsx(Col, { span: o.col || 24, children: /* @__PURE__ */ jsx(FormItem, { ...o, name: [field.name, o.id] }) }, o.id)) })
+            ] }, field.key)),
             /* @__PURE__ */ jsxs(Form$1.Item, { children: [
               !computedProps.disabled && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsxs(
                 Button,
@@ -731,7 +709,9 @@ function Form(props) {
   const config = useConfigContext();
   const [extendTypes, setExtendTypes] = useState();
   const [form] = Form$1.useForm(props.form);
-  const [initialValues, setInitialValues] = useState(props.initialValues);
+  const [initialValues, setInitialValues] = useState(
+    props.initialValues
+  );
   useEffect(() => {
     var _a2, _b2, _c;
     const propsCopy = {
@@ -757,14 +737,20 @@ function Form(props) {
     }
     if (propsCopy.onFinish) {
       propsCopy.onFinish = async (values) => {
-        var _a3;
+        var _a3, _b3;
         setLoading(true);
         try {
-          if (propsCopy.submit && ((_a3 = propsCopy.submit.to) == null ? void 0 : _a3.action)) {
-            await props.onFinish(values, async (values2) => faas(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
-              ...values2,
-              ...propsCopy.submit.to.params
-            } : values2));
+          if ((_b3 = (_a3 = propsCopy.submit) == null ? void 0 : _a3.to) == null ? void 0 : _b3.action) {
+            await props.onFinish(
+              values,
+              async (values2) => faas(
+                propsCopy.submit.to.action,
+                propsCopy.submit.to.params ? {
+                  ...values2,
+                  ...propsCopy.submit.to.params
+                } : values2
+              )
+            );
           } else
             await props.onFinish(values);
         } catch (error) {
@@ -775,10 +761,13 @@ function Form(props) {
     } else if (propsCopy.submit && ((_c = propsCopy.submit.to) == null ? void 0 : _c.action)) {
       propsCopy.onFinish = async (values) => {
         setLoading(true);
-        return faas(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
-          ...values,
-          ...propsCopy.submit.to.params
-        } : values).then((result) => {
+        return faas(
+          propsCopy.submit.to.action,
+          propsCopy.submit.to.params ? {
+            ...values,
+            ...propsCopy.submit.to.params
+          } : values
+        ).then((result) => {
           if (propsCopy.submit.to.then)
             propsCopy.submit.to.then(result);
           return result;
@@ -799,19 +788,22 @@ function Form(props) {
     }
     setComputedProps(propsCopy);
   }, [props]);
-  const onValuesChange = useCallback((changedValues, allValues) => {
-    console.debug("Form:onValuesChange", changedValues, allValues);
-    if (props.onValuesChange) {
-      props.onValuesChange(changedValues, allValues);
-    }
-    if (!props.items)
-      return;
-    for (const key in changedValues) {
-      const item = computedProps.items.find((i) => i.id === key);
-      if (item == null ? void 0 : item.onValueChange)
-        item.onValueChange(changedValues[key], allValues, form);
-    }
-  }, [computedProps]);
+  const onValuesChange = useCallback(
+    (changedValues, allValues) => {
+      console.debug("Form:onValuesChange", changedValues, allValues);
+      if (props.onValuesChange) {
+        props.onValuesChange(changedValues, allValues);
+      }
+      if (!props.items)
+        return;
+      for (const key in changedValues) {
+        const item = computedProps.items.find((i) => i.id === key);
+        if (item == null ? void 0 : item.onValueChange)
+          item.onValueChange(changedValues[key], allValues, form);
+      }
+    },
+    [computedProps]
+  );
   useEffect(() => {
     if (!initialValues)
       return;
@@ -821,35 +813,22 @@ function Form(props) {
   }, [computedProps]);
   if (!computedProps)
     return null;
-  return /* @__PURE__ */ jsxs(
-    Form$1,
-    {
-      ...computedProps,
-      onValuesChange,
-      children: [
-        computedProps.beforeItems,
-        (_a = computedProps.items) == null ? void 0 : _a.map((item) => isValidElement(item) ? item : /* @__PURE__ */ jsx(
-          FormItem,
-          {
-            ...item,
-            extendTypes
-          },
-          item.id
-        )),
-        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.footer
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs(Form$1, { ...computedProps, onValuesChange, children: [
+    computedProps.beforeItems,
+    (_a = computedProps.items) == null ? void 0 : _a.map(
+      (item) => isValidElement(item) ? item : /* @__PURE__ */ jsx(
+        FormItem,
+        {
+          ...item,
+          extendTypes
+        },
+        item.id
+      )
+    ),
+    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.footer
+  ] });
 }
 Form.useForm = Form$1.useForm;
 Form.useFormInstance = Form$1.useFormInstance;
@@ -862,16 +841,19 @@ function Link(props) {
   var _a, _b;
   const { Link: Config } = useConfigContext();
   const navigate = useNavigate();
-  let style = {
+  let computedStyle = {
     ...Config.style || {},
     cursor: "pointer",
     ...props.style
   };
   if (props.block)
-    style = Object.assign({
-      display: "block",
-      width: "100%"
-    }, style);
+    computedStyle = Object.assign(
+      {
+        display: "block",
+        width: "100%"
+      },
+      computedStyle
+    );
   if (props.href.startsWith("http")) {
     if (props.button)
       return /* @__PURE__ */ jsx(
@@ -879,28 +861,34 @@ function Link(props) {
         {
           ...props.button,
           target: props.target || (Config == null ? void 0 : Config.target) || "_blank",
-          style,
+          style: computedStyle,
           href: props.href,
+          onClick: props.onClick,
           children: (_a = props.text) != null ? _a : props.children
         }
       );
     if (props.children)
-      return /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: props.href,
-          target: props.target || (Config == null ? void 0 : Config.target),
-          style,
-          children: props.children
-        }
+      return (
+        // biome-ignore lint/a11y/useValidAnchor: <explanation>
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: props.href,
+            target: props.target || (Config == null ? void 0 : Config.target),
+            style: computedStyle,
+            onClick: props.onClick,
+            children: props.children
+          }
+        )
       );
     return /* @__PURE__ */ jsx(
       Typography.Link,
       {
         href: props.href,
         target: props.target || (Config == null ? void 0 : Config.target) || "_blank",
-        style,
+        style: computedStyle,
         copyable: props.copyable,
+        onClick: props.onClick,
         children: props.text
       }
     );
@@ -910,8 +898,8 @@ function Link(props) {
       Button,
       {
         ...props.button,
-        style,
-        onClick: () => (props.target || (Config == null ? void 0 : Config.target)) === "_blank" ? window.open(props.href) : navigate(props.href),
+        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
       }
     );
@@ -921,7 +909,8 @@ function Link(props) {
       {
         to: props.href,
         target: props.target || (Config == null ? void 0 : Config.target),
-        style,
+        style: computedStyle,
+        onClick: props.onClick,
         children: props.children
       }
     );
@@ -930,22 +919,25 @@ function Link(props) {
     {
       href: props.href,
       target: props.target || (Config == null ? void 0 : Config.target),
-      style,
+      style: computedStyle,
       copyable: props.copyable,
-      onClick: () => (props.target || (Config == null ? void 0 : Config.target)) === "_blank" ? window.open(props.href) : navigate(props.href),
+      onClick: (e) => {
+        if (props.onClick) {
+          props.onClick(e);
+          return;
+        }
+        if ((props.target || (Config == null ? void 0 : Config.target)) !== "_blank") {
+          e.preventDefault();
+          navigate(props.href);
+        }
+      },
       children: props.text
     }
   );
 }
 function PageNotFound() {
   const config = useConfigContext();
-  return /* @__PURE__ */ jsx(
-    Result,
-    {
-      status: "404",
-      title: config.common.pageNotFound
-    }
-  );
+  return /* @__PURE__ */ jsx(Result, { status: "404", title: config.common.pageNotFound });
 }
 function Routes(props) {
   return /* @__PURE__ */ jsxs(Routes$1, { children: [
@@ -953,18 +945,17 @@ function Routes(props) {
       Route,
       {
         ...r,
-        element: r.element || /* @__PURE__ */ jsx(Suspense, { fallback: props.fallback || /* @__PURE__ */ jsx("div", { style: { padding: "24px" }, children: /* @__PURE__ */ jsx(Skeleton, { active: true }) }), children: /* @__PURE__ */ jsx(r.page, {}) })
+        element: r.element || /* @__PURE__ */ jsx(
+          Suspense,
+          {
+            fallback: props.fallback || /* @__PURE__ */ jsx("div", { style: { padding: "24px" }, children: /* @__PURE__ */ jsx(Skeleton, { active: true }) }),
+            children: /* @__PURE__ */ jsx(r.page, {})
+          }
+        )
       },
       r.path
     )),
-    /* @__PURE__ */ jsx(
-      Route,
-      {
-        path: "*",
-        element: props.notFound || /* @__PURE__ */ jsx(PageNotFound, {})
-      },
-      "*"
-    )
+    /* @__PURE__ */ jsx(Route, { path: "*", element: props.notFound || /* @__PURE__ */ jsx(PageNotFound, {}) }, "*")
   ] });
 }
 function processValue(item, value) {
@@ -974,21 +965,21 @@ function processValue(item, value) {
     return /* @__PURE__ */ jsx(Blank, {});
   if (item.options) {
     if (item.type.endsWith("[]"))
-      return transferred.map((v) => {
-        var _a2;
-        return ((_a2 = item.options.find((option) => option.value === v)) == null ? void 0 : _a2.label) || v;
-      }).join(", ");
-    if ([
-      "string",
-      "number",
-      "boolean"
-    ].includes(item.type))
+      return transferred.map(
+        (v) => {
+          var _a2;
+          return ((_a2 = item.options.find((option) => option.value === v)) == null ? void 0 : _a2.label) || v;
+        }
+      ).join(", ");
+    if (["string", "number", "boolean"].includes(item.type))
       return ((_a = item.options.find((option) => option.value === transferred)) == null ? void 0 : _a.label) || transferred;
   }
   if (item.type.endsWith("[]"))
     return transferred.join(", ");
   if (["date", "time"].includes(item.type))
-    return transferred.format(item.type === "date" ? "YYYY-MM-DD" : "YYYY-MM-DD HH:mm:ss");
+    return transferred.format(
+      item.type === "date" ? "YYYY-MM-DD" : "YYYY-MM-DD HH:mm:ss"
+    );
   return value;
 }
 function Table(props) {
@@ -1005,11 +996,7 @@ function Table(props) {
         }));
       return;
     }
-    item.filterDropdown = ({
-      setSelectedKeys,
-      selectedKeys,
-      confirm
-    }) => /* @__PURE__ */ jsx(
+    item.filterDropdown = ({ setSelectedKeys, selectedKeys, confirm }) => /* @__PURE__ */ jsx(
       "div",
       {
         style: {
@@ -1044,7 +1031,7 @@ function Table(props) {
     return item;
   };
   useEffect(() => {
-    var _a;
+    var _a, _b;
     for (const item of props.items) {
       if (!item.key)
         item.key = item.id;
@@ -1068,39 +1055,30 @@ function Table(props) {
       if (item.tableChildren === null)
         item.render = () => null;
       else if (item.tableChildren)
-        item.render = (value, values) => cloneElement(
-          item.tableChildren,
-          {
-            scene: "table",
-            value,
-            values
-          }
-        );
+        item.render = (value, values) => cloneElement(item.tableChildren, {
+          scene: "table",
+          value,
+          values
+        });
       else if (item.children === null)
         item.render = () => null;
       else if (item.children)
-        item.render = (value, values) => cloneElement(
-          item.children,
-          {
+        item.render = (value, values) => cloneElement(item.children, {
+          scene: "table",
+          value,
+          values
+        });
+      if ((_b = props.extendTypes) == null ? void 0 : _b[item.type]) {
+        if (props.extendTypes[item.type].children)
+          item.render = (value, values) => cloneElement(props.extendTypes[item.type].children, {
             scene: "table",
             value,
             values
-          }
-        );
-      if (props.extendTypes && props.extendTypes[item.type]) {
-        if (props.extendTypes[item.type].children)
-          item.render = (value, values) => cloneElement(
-            props.extendTypes[item.type].children,
-            {
-              scene: "table",
-              value,
-              values
-            }
-          );
+          });
         else if (props.extendTypes[item.type].render)
           item.render = props.extendTypes[item.type].render;
         else
-          throw Error(item.type + " requires children or render");
+          throw Error(`${item.type} requires children or render`);
         continue;
       }
       switch (item.type) {
@@ -1148,7 +1126,9 @@ function Table(props) {
                 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()));
+              return row[item.id].some(
+                (v) => v.trim().toLowerCase().includes(value.trim().toLowerCase())
+              );
             };
           if (item.filterDropdown === false || item.filterDropdown)
             break;
@@ -1248,13 +1228,23 @@ function Table(props) {
           break;
         case "boolean":
           if (!item.render)
-            item.render = (value) => isNil(value) ? /* @__PURE__ */ jsx(Blank, {}) : value ? /* @__PURE__ */ jsx(CheckOutlined, { style: {
-              marginTop: "4px",
-              color: "#52c41a"
-            } }) : /* @__PURE__ */ jsx(CloseOutlined, { style: {
-              marginTop: "4px",
-              color: "#ff4d4f"
-            } });
+            item.render = (value) => isNil(value) ? /* @__PURE__ */ jsx(Blank, {}) : value ? /* @__PURE__ */ jsx(
+              CheckOutlined,
+              {
+                style: {
+                  marginTop: "4px",
+                  color: "#52c41a"
+                }
+              }
+            ) : /* @__PURE__ */ jsx(
+              CloseOutlined,
+              {
+                style: {
+                  marginTop: "4px",
+                  color: "#ff4d4f"
+                }
+              }
+            );
           if (item.filterDropdown !== false)
             item.filterDropdown = ({
               setSelectedKeys,
@@ -1272,19 +1262,31 @@ function Table(props) {
                     false: false,
                     null: null
                   };
-                  setSelectedKeys(e.target.value ? [Values[e.target.value]] : []);
+                  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"
-                  } }) }),
-                  /* @__PURE__ */ jsx(Radio.Button, { value: "false", children: /* @__PURE__ */ jsx(CloseOutlined, { style: {
-                    verticalAlign: "middle",
-                    color: "#ff4d4f"
-                  } }) }),
+                  /* @__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: "null", children: common2.blank })
                 ]
               }
@@ -1313,14 +1315,18 @@ function Table(props) {
               return new Date(a[item.id]).getTime() < new Date(b[item.id]).getTime() ? -1 : 1;
             };
           if (!item.filterDropdown)
-            item.filterDropdown = ({
-              setSelectedKeys,
-              confirm
-            }) => /* @__PURE__ */ jsx(
+            item.filterDropdown = ({ setSelectedKeys, confirm }) => /* @__PURE__ */ jsx(
               DatePicker.RangePicker,
               {
                 onChange: (dates) => {
-                  setSelectedKeys(dates && dates[0] && dates[1] ? [[dates[0].startOf("day").toISOString(), dates[1].endOf("day").toISOString()]] : []);
+                  setSelectedKeys(
+                    (dates == null ? void 0 : dates[0]) && dates[1] ? [
+                      [
+                        dates[0].startOf("day").toISOString(),
+                        dates[1].endOf("day").toISOString()
+                      ]
+                    ] : []
+                  );
                   confirm();
                 }
               }
@@ -1346,14 +1352,18 @@ function Table(props) {
               return new Date(a[item.id]).getTime() < new Date(b[item.id]).getTime() ? -1 : 1;
             };
           if (!item.filterDropdown)
-            item.filterDropdown = ({
-              setSelectedKeys,
-              confirm
-            }) => /* @__PURE__ */ jsx(
+            item.filterDropdown = ({ setSelectedKeys, confirm }) => /* @__PURE__ */ jsx(
               DatePicker.RangePicker,
               {
                 onChange: (dates) => {
-                  setSelectedKeys(dates && dates[0] && dates[1] ? [[dates[0].startOf("day").toISOString(), dates[1].endOf("day").toISOString()]] : []);
+                  setSelectedKeys(
+                    (dates == null ? void 0 : dates[0]) && dates[1] ? [
+                      [
+                        dates[0].startOf("day").toISOString(),
+                        dates[1].endOf("day").toISOString()
+                      ]
+                    ] : []
+                  );
                   confirm();
                 }
               }
@@ -1436,19 +1446,7 @@ function Table(props) {
         dataSource: props.dataSource
       }
     );
-  return /* @__PURE__ */ jsx(
-    FaasDataWrapper,
-    {
-      ...props.faasData,
-      children: /* @__PURE__ */ jsx(
-        FaasDataTable,
-        {
-          props,
-          columns
-        }
-      )
-    }
-  );
+  return /* @__PURE__ */ jsx(FaasDataWrapper, { ...props.faasData, children: /* @__PURE__ */ jsx(FaasDataTable, { props, columns }) });
 }
 function FaasDataTable({
   props,
@@ -1462,11 +1460,12 @@ function FaasDataTable({
     if (!data || Array.isArray(data))
       return;
     setCurrentColumns((prev) => {
+      var _a;
       const newColumns = [...prev];
       for (const column of newColumns) {
-        if (data["options"] && data.options[column.id]) {
-          column.options = data["options"][column.id];
-          column.filters = data["options"][column.id].map((v) => ({
+        if ((_a = data.options) == null ? void 0 : _a[column.id]) {
+          column.options = data.options[column.id];
+          column.filters = data.options[column.id].map((v) => ({
             text: v.label,
             value: v.value
           })).concat({
@@ -1571,14 +1570,7 @@ function Title(props) {
   if (props.h1) {
     if (typeof props.h1 === "boolean")
       return /* @__PURE__ */ jsx("h1", { children: Array.isArray(props.title) ? props.title[0] : props.title });
-    return /* @__PURE__ */ jsx(
-      "h1",
-      {
-        className: props.h1.className,
-        style: props.h1.style,
-        children: Array.isArray(props.title) ? props.title[0] : props.title
-      }
-    );
+    return /* @__PURE__ */ jsx("h1", { className: props.h1.className, style: props.h1.style, children: Array.isArray(props.title) ? props.title[0] : props.title });
   }
   if (props.plain)
     return /* @__PURE__ */ jsx(Fragment, { children: Array.isArray(props.title) ? props.title[0] : props.title });