@faasjs/ant-design 0.0.2-beta.357 → 0.0.2-beta.358

package/dist/index.d.ts

@@ -18,6 +18,7 @@ declare type FaasState = {
         blank: string;
         all: string;
         submit: string;
+        pageNotFound: string;
     };
     Blank: {
         text: string;
@@ -158,6 +159,7 @@ declare type RoutesProps = {
     routes: (RouteProps & {
         page?: LazyExoticComponent<ComponentType<any>>;
     })[];
+    fallback?: JSX.Element;
     notFound?: JSX.Element;
 };
 declare function Routes(props: RoutesProps): JSX.Element;

package/dist/index.js

@@ -70,11 +70,17 @@ var import_lodash = require("lodash");
 // src/Config.tsx
 var import_react2 = require("react");
 var import_react_use = require("react-use");
-var _a, _b, _c;
-var common = {
-  blank: ((_a = navigator.language) == null ? void 0 : _a.includes("CN")) ? "\u7A7A" : "Empty",
-  all: ((_b = navigator.language) == null ? void 0 : _b.includes("CN")) ? "\u5168\u90E8" : "All",
-  submit: ((_c = navigator.language) == null ? void 0 : _c.includes("CN")) ? "\u63D0\u4EA4" : "Submit"
+var isCN = /^zh/i.test(navigator.language);
+var common = isCN ? {
+  blank: "\u7A7A",
+  all: "\u5168\u90E8",
+  submit: "\u63D0\u4EA4",
+  pageNotFound: "\u9875\u9762\u672A\u627E\u5230"
+} : {
+  blank: "Empty",
+  all: "All",
+  submit: "Submit",
+  pageNotFound: "Page Not Found"
 };
 var useFaasState = (0, import_react_use.createGlobalState)({
   common,
@@ -121,23 +127,23 @@ var import_react4 = require("@faasjs/react");
 function DescriptionItemContent(props) {
   const [computedProps, setComputedProps] = (0, import_react3.useState)();
   (0, import_react3.useEffect)(() => {
-    var _a2, _b2;
+    var _a, _b;
     const propsCopy = __spreadValues({}, props);
     if (!propsCopy.item.title)
       propsCopy.item.title = (0, import_lodash3.upperFirst)(propsCopy.item.id);
     if (!propsCopy.item.type)
       propsCopy.item.type = "string";
-    if ((_a2 = propsCopy.item.options) == null ? void 0 : _a2.length) {
+    if ((_a = propsCopy.item.options) == null ? void 0 : _a.length) {
       propsCopy.item.options = transferOptions(propsCopy.item.options);
     }
     if (propsCopy.item.options && typeof propsCopy.value !== "undefined" && 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;
+          var _a2;
+          return ((_a2 = propsCopy.item.options.find((option) => option.value === v)) == null ? void 0 : _a2.label) || v;
         });
       else
-        propsCopy.value = ((_b2 = props.item.options.find((option) => option.value === props.value)) == null ? void 0 : _b2.label) || props.value;
+        propsCopy.value = ((_b = props.item.options.find((option) => option.value === props.value)) == null ? void 0 : _b.label) || props.value;
     }
     setComputedProps(propsCopy);
   }, [props]);
@@ -334,11 +340,11 @@ function FormItem(props) {
         name: computedProps.name,
         rules: computedProps.rules
       }, (fields, { add, remove }, { errors }) => {
-        var _a2;
+        var _a;
         return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, computedProps.label && /* @__PURE__ */ import_react.default.createElement("div", {
           className: "ant-form-item-label"
         }, /* @__PURE__ */ import_react.default.createElement("label", {
-          className: ((_a2 = computedProps.rules) == null ? void 0 : _a2.find((r) => r.required)) && "ant-form-item-required"
+          className: ((_a = computedProps.rules) == null ? void 0 : _a.find((r) => r.required)) && "ant-form-item-required"
         }, computedProps.label)), fields.map((field) => /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, {
           key: field.key
         }, /* @__PURE__ */ import_react.default.createElement(import_antd4.Row, {
@@ -375,7 +381,7 @@ function FormItem(props) {
 
 // src/Form.tsx
 function Form(props) {
-  var _a2, _b2;
+  var _a, _b;
   const [loading, setLoading] = (0, import_react7.useState)(false);
   const [computedProps, setComputedProps] = (0, import_react7.useState)();
   const [config] = useFaasState();
@@ -396,7 +402,7 @@ function Form(props) {
   }, []);
   if (!computedProps)
     return null;
-  return /* @__PURE__ */ import_react.default.createElement(import_antd5.Form, __spreadValues({}, computedProps), (_a2 = props.items) == null ? void 0 : _a2.map((item) => /* @__PURE__ */ import_react.default.createElement(FormItem, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ import_react.default.createElement(import_antd5.Form, __spreadValues({}, computedProps), (_a = props.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ import_react.default.createElement(FormItem, __spreadProps(__spreadValues({
     key: item.id
   }, item), {
     extendTypes: props.extendTypes
@@ -404,7 +410,7 @@ function Form(props) {
     htmlType: "submit",
     type: "primary",
     loading
-  }, ((_b2 = props.submit) == null ? void 0 : _b2.text) || config.Form.submit.text));
+  }, ((_b = props.submit) == null ? void 0 : _b.text) || config.Form.submit.text));
 }
 Form.useForm = import_antd5.Form.useForm;
 Form.Item = FormItem;
@@ -413,11 +419,11 @@ Form.Item = FormItem;
 var import_antd6 = require("antd");
 var import_react8 = require("react");
 var import_react_router_dom = require("react-router-dom");
-function NoMatch() {
+function NotFound() {
+  const [config] = useFaasState();
   return /* @__PURE__ */ import_react.default.createElement(import_antd6.Result, {
     status: "404",
-    title: "404",
-    subTitle: "Page not found"
+    title: config.common.pageNotFound
   });
 }
 function Routes(props) {
@@ -425,14 +431,15 @@ function Routes(props) {
     key: r.path
   }, r), {
     element: r.element || /* @__PURE__ */ import_react.default.createElement(import_react8.Suspense, {
-      fallback: /* @__PURE__ */ import_react.default.createElement(import_antd6.Skeleton, {
-        active: true
+      fallback: props.fallback || /* @__PURE__ */ import_react.default.createElement(import_antd6.Skeleton, {
+        active: true,
+        style: { padding: "24px" }
       })
     }, /* @__PURE__ */ import_react.default.createElement(r.page, null))
   }))), /* @__PURE__ */ import_react.default.createElement(import_react_router_dom.Route, {
     key: "*",
     path: "*",
-    element: props.notFound || /* @__PURE__ */ import_react.default.createElement(NoMatch, null)
+    element: props.notFound || /* @__PURE__ */ import_react.default.createElement(NotFound, null)
   }));
 }
 
@@ -443,15 +450,15 @@ var import_icons3 = require("@ant-design/icons");
 var import_lodash5 = require("lodash");
 var import_react10 = require("@faasjs/react");
 function processValue(item, value) {
-  var _a2;
+  var _a;
   if (item.options && typeof value !== "undefined" && value !== null) {
     if (item.type.endsWith("[]"))
       return value.map((v) => {
-        var _a3;
-        return ((_a3 = item.options.find((option) => option.value === v)) == null ? void 0 : _a3.label) || v;
+        var _a2;
+        return ((_a2 = item.options.find((option) => option.value === v)) == null ? void 0 : _a2.label) || v;
       });
     else
-      return ((_a2 = item.options.find((option) => option.value === value)) == null ? void 0 : _a2.label) || value;
+      return ((_a = item.options.find((option) => option.value === value)) == null ? void 0 : _a.label) || value;
   }
   return value;
 }
@@ -459,7 +466,7 @@ function Table(props) {
   const [columns, setColumns] = (0, import_react9.useState)();
   const [config] = useFaasState();
   (0, import_react9.useEffect)(() => {
-    var _a2;
+    var _a;
     for (const item of props.items) {
       if (!item.key)
         item.key = item.id;
@@ -469,7 +476,7 @@ function Table(props) {
         item.title = (0, import_lodash5.upperFirst)(item.id);
       if (!item.type)
         item.type = "string";
-      if ((_a2 = item.options) == null ? void 0 : _a2.length) {
+      if ((_a = item.options) == null ? void 0 : _a.length) {
         item.options = transferOptions(item.options);
         item.filters = item.options.map((o) => ({
           text: o.label,
@@ -605,7 +612,7 @@ function Table(props) {
         rowKey: props.rowKey || "id",
         columns,
         dataSource: data.rows,
-        pagination: data.pagination,
+        pagination: __spreadValues(__spreadValues({}, props.pagination), data.pagination),
         onChange: (pagination, filters, sorter) => {
           reload(__spreadProps(__spreadValues({}, params), {
             pagination,

package/dist/index.mjs

@@ -28,11 +28,17 @@ import { isNil } from "lodash";
 // src/Config.tsx
 import { useEffect } from "react";
 import { createGlobalState } from "react-use";
-var _a, _b, _c;
-var common = {
-  blank: ((_a = navigator.language) == null ? void 0 : _a.includes("CN")) ? "\u7A7A" : "Empty",
-  all: ((_b = navigator.language) == null ? void 0 : _b.includes("CN")) ? "\u5168\u90E8" : "All",
-  submit: ((_c = navigator.language) == null ? void 0 : _c.includes("CN")) ? "\u63D0\u4EA4" : "Submit"
+var isCN = /^zh/i.test(navigator.language);
+var common = isCN ? {
+  blank: "\u7A7A",
+  all: "\u5168\u90E8",
+  submit: "\u63D0\u4EA4",
+  pageNotFound: "\u9875\u9762\u672A\u627E\u5230"
+} : {
+  blank: "Empty",
+  all: "All",
+  submit: "Submit",
+  pageNotFound: "Page Not Found"
 };
 var useFaasState = createGlobalState({
   common,
@@ -83,23 +89,23 @@ import { FaasDataWrapper } from "@faasjs/react";
 function DescriptionItemContent(props) {
   const [computedProps, setComputedProps] = useState();
   useEffect2(() => {
-    var _a2, _b2;
+    var _a, _b;
     const propsCopy = __spreadValues({}, props);
     if (!propsCopy.item.title)
       propsCopy.item.title = upperFirst2(propsCopy.item.id);
     if (!propsCopy.item.type)
       propsCopy.item.type = "string";
-    if ((_a2 = propsCopy.item.options) == null ? void 0 : _a2.length) {
+    if ((_a = propsCopy.item.options) == null ? void 0 : _a.length) {
       propsCopy.item.options = transferOptions(propsCopy.item.options);
     }
     if (propsCopy.item.options && typeof propsCopy.value !== "undefined" && 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;
+          var _a2;
+          return ((_a2 = propsCopy.item.options.find((option) => option.value === v)) == null ? void 0 : _a2.label) || v;
         });
       else
-        propsCopy.value = ((_b2 = props.item.options.find((option) => option.value === props.value)) == null ? void 0 : _b2.label) || props.value;
+        propsCopy.value = ((_b = props.item.options.find((option) => option.value === props.value)) == null ? void 0 : _b.label) || props.value;
     }
     setComputedProps(propsCopy);
   }, [props]);
@@ -308,11 +314,11 @@ function FormItem(props) {
         name: computedProps.name,
         rules: computedProps.rules
       }, (fields, { add, remove }, { errors }) => {
-        var _a2;
+        var _a;
         return /* @__PURE__ */ React.createElement(React.Fragment, null, computedProps.label && /* @__PURE__ */ React.createElement("div", {
           className: "ant-form-item-label"
         }, /* @__PURE__ */ React.createElement("label", {
-          className: ((_a2 = computedProps.rules) == null ? void 0 : _a2.find((r) => r.required)) && "ant-form-item-required"
+          className: ((_a = computedProps.rules) == null ? void 0 : _a.find((r) => r.required)) && "ant-form-item-required"
         }, computedProps.label)), fields.map((field) => /* @__PURE__ */ React.createElement(AntdForm.Item, {
           key: field.key
         }, /* @__PURE__ */ React.createElement(Row, {
@@ -349,7 +355,7 @@ function FormItem(props) {
 
 // src/Form.tsx
 function Form(props) {
-  var _a2, _b2;
+  var _a, _b;
   const [loading, setLoading] = useState4(false);
   const [computedProps, setComputedProps] = useState4();
   const [config] = useFaasState();
@@ -370,7 +376,7 @@ function Form(props) {
   }, []);
   if (!computedProps)
     return null;
-  return /* @__PURE__ */ React.createElement(AntdForm2, __spreadValues({}, computedProps), (_a2 = props.items) == null ? void 0 : _a2.map((item) => /* @__PURE__ */ React.createElement(FormItem, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React.createElement(AntdForm2, __spreadValues({}, computedProps), (_a = props.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ React.createElement(FormItem, __spreadProps(__spreadValues({
     key: item.id
   }, item), {
     extendTypes: props.extendTypes
@@ -378,7 +384,7 @@ function Form(props) {
     htmlType: "submit",
     type: "primary",
     loading
-  }, ((_b2 = props.submit) == null ? void 0 : _b2.text) || config.Form.submit.text));
+  }, ((_b = props.submit) == null ? void 0 : _b.text) || config.Form.submit.text));
 }
 Form.useForm = AntdForm2.useForm;
 Form.Item = FormItem;
@@ -392,11 +398,11 @@ import {
   Routes as OriginRoutes,
   Route
 } from "react-router-dom";
-function NoMatch() {
+function NotFound() {
+  const [config] = useFaasState();
   return /* @__PURE__ */ React.createElement(Result, {
     status: "404",
-    title: "404",
-    subTitle: "Page not found"
+    title: config.common.pageNotFound
   });
 }
 function Routes(props) {
@@ -404,14 +410,15 @@ function Routes(props) {
     key: r.path
   }, r), {
     element: r.element || /* @__PURE__ */ React.createElement(Suspense, {
-      fallback: /* @__PURE__ */ React.createElement(Skeleton, {
-        active: true
+      fallback: props.fallback || /* @__PURE__ */ React.createElement(Skeleton, {
+        active: true,
+        style: { padding: "24px" }
       })
     }, /* @__PURE__ */ React.createElement(r.page, null))
   }))), /* @__PURE__ */ React.createElement(Route, {
     key: "*",
     path: "*",
-    element: props.notFound || /* @__PURE__ */ React.createElement(NoMatch, null)
+    element: props.notFound || /* @__PURE__ */ React.createElement(NotFound, null)
   }));
 }
 
@@ -429,15 +436,15 @@ import { CheckOutlined as CheckOutlined2, CloseOutlined as CloseOutlined2 } from
 import { isNil as isNil2, upperFirst as upperFirst4 } from "lodash";
 import { FaasDataWrapper as FaasDataWrapper2 } from "@faasjs/react";
 function processValue(item, value) {
-  var _a2;
+  var _a;
   if (item.options && typeof value !== "undefined" && value !== null) {
     if (item.type.endsWith("[]"))
       return value.map((v) => {
-        var _a3;
-        return ((_a3 = item.options.find((option) => option.value === v)) == null ? void 0 : _a3.label) || v;
+        var _a2;
+        return ((_a2 = item.options.find((option) => option.value === v)) == null ? void 0 : _a2.label) || v;
       });
     else
-      return ((_a2 = item.options.find((option) => option.value === value)) == null ? void 0 : _a2.label) || value;
+      return ((_a = item.options.find((option) => option.value === value)) == null ? void 0 : _a.label) || value;
   }
   return value;
 }
@@ -445,7 +452,7 @@ function Table(props) {
   const [columns, setColumns] = useState5();
   const [config] = useFaasState();
   useEffect5(() => {
-    var _a2;
+    var _a;
     for (const item of props.items) {
       if (!item.key)
         item.key = item.id;
@@ -455,7 +462,7 @@ function Table(props) {
         item.title = upperFirst4(item.id);
       if (!item.type)
         item.type = "string";
-      if ((_a2 = item.options) == null ? void 0 : _a2.length) {
+      if ((_a = item.options) == null ? void 0 : _a.length) {
         item.options = transferOptions(item.options);
         item.filters = item.options.map((o) => ({
           text: o.label,
@@ -591,7 +598,7 @@ function Table(props) {
         rowKey: props.rowKey || "id",
         columns,
         dataSource: data.rows,
-        pagination: data.pagination,
+        pagination: __spreadValues(__spreadValues({}, props.pagination), data.pagination),
         onChange: (pagination, filters, sorter) => {
           reload(__spreadProps(__spreadValues({}, params), {
             pagination,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "0.0.2-beta.357",
+  "version": "0.0.2-beta.358",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -28,7 +28,7 @@
     "lodash": "*",
     "react": "*",
     "react-dom": "*",
-    "@faasjs/react": "^0.0.2-beta.357",
+    "@faasjs/react": "^0.0.2-beta.358",
     "react-use": "*",
     "react-router-dom": "*"
   },