@faasjs/ant-design 0.0.2-beta.407 → 0.0.2-beta.408

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as antd_es_calendar_generateCalendar_js from 'antd/es/calendar/generateCalendar.js';
 import { Dayjs } from 'dayjs';
-import { CalendarProps as CalendarProps$1, DescriptionsProps, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, DatePickerProps as DatePickerProps$1, TimePickerProps as TimePickerProps$1, SelectProps, FormProps as FormProps$1, ModalProps as ModalProps$1, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1 } from 'antd';
+import { CalendarProps as CalendarProps$1, DescriptionsProps, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, DatePickerProps as DatePickerProps$1, TimePickerProps as TimePickerProps$1, SelectProps, FormProps as FormProps$1, ButtonProps, ModalProps as ModalProps$1, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1 } from 'antd';
 export { Drawer, Modal } from 'antd';
 import * as react from 'react';
 import { CSSProperties, ReactNode, LazyExoticComponent, ComponentType } from 'react';
@@ -305,12 +305,13 @@ declare namespace Form {
     var Item: typeof FormItem;
 }
 
-declare function Link({ href, target, text, children, style }: {
+declare function Link({ href, target, text, children, style, button, }: {
     href: string;
     target?: string;
     text?: string | number;
     children?: ReactNode;
     style?: CSSProperties;
+    button?: ButtonProps;
 }): JSX.Element;
 
 declare type ModalProps = ModalProps$1 & {
@@ -337,6 +338,7 @@ declare function useModal(init?: ModalProps): {
     setModalProps(changes: Partial<ModalProps>): void;
 };
 
+declare function PageNotFound(): JSX.Element;
 declare type RoutesProps = {
     routes: (RouteProps & {
         page?: LazyExoticComponent<ComponentType<any>>;
@@ -424,4 +426,4 @@ declare type TitleProps = {
  */
 declare function Title(props: TitleProps): JSX.Element;
 
-export { BaseItemProps, BaseOption, Blank, BlankProps, Calendar, CalendarProps, ConfigContext, ConfigProvider, ConfigProviderProps, DatePicker, DatePickerProps, Description, DescriptionItemProps, DescriptionProps, DrawerProps, ExtendDescriptionItemProps, ExtendDescriptionTypeProps, ExtendFormItemProps, ExtendFormTypeProps, ExtendTableItemProps, ExtendTableTypeProps, ExtendTypes, FaasItemProps, FaasItemType, FaasItemTypeValue, Form, FormItem, FormItemProps, FormProps, Link, ModalProps, Routes, RoutesProps, Table, TableItemProps, TableProps, TimePicker, TimePickerProps, Title, TitleProps, setDrawerProps, setModalProps, transferOptions, useConfigContext, useDrawer, useModal };
+export { BaseItemProps, BaseOption, Blank, BlankProps, Calendar, CalendarProps, ConfigContext, ConfigProvider, ConfigProviderProps, DatePicker, DatePickerProps, Description, DescriptionItemProps, DescriptionProps, DrawerProps, ExtendDescriptionItemProps, ExtendDescriptionTypeProps, ExtendFormItemProps, ExtendFormTypeProps, ExtendTableItemProps, ExtendTableTypeProps, ExtendTypes, FaasItemProps, FaasItemType, FaasItemTypeValue, Form, FormItem, FormItemProps, FormProps, Link, ModalProps, PageNotFound, Routes, RoutesProps, Table, TableItemProps, TableProps, TimePicker, TimePickerProps, Title, TitleProps, setDrawerProps, setModalProps, transferOptions, useConfigContext, useDrawer, useModal };

package/dist/index.js

@@ -36,7 +36,8 @@ __export(src_exports, {
   Form: () => Form,
   FormItem: () => FormItem,
   Link: () => Link,
-  Modal: () => import_antd7.Modal,
+  Modal: () => import_antd8.Modal,
+  PageNotFound: () => PageNotFound,
   Routes: () => Routes,
   Table: () => Table,
   TimePicker: () => TimePicker,
@@ -61,7 +62,7 @@ var import_antd = require("antd");
 var import_lodash = require("lodash");
 var import_jsx_runtime = require("react/jsx-runtime");
 var isZH = /^zh/i.test(navigator.language);
-var common = isZH ? {
+var zh = {
   lang: "zh",
   blank: "\u7A7A",
   all: "\u5168\u90E8",
@@ -70,7 +71,8 @@ var common = isZH ? {
   add: "\u6DFB\u52A0",
   delete: "\u5220\u9664",
   required: "\u5FC5\u586B"
-} : {
+};
+var en = {
   lang: "en",
   blank: "Empty",
   all: "All",
@@ -80,6 +82,7 @@ var common = isZH ? {
   delete: "Delete",
   required: "is required"
 };
+var common = isZH ? zh : en;
 var baseConfig = {
   antd: {},
   lang: "en",
@@ -97,8 +100,20 @@ function ConfigProvider({
   config,
   children
 }) {
+  const [values, setValues] = (0, import_react2.useState)(baseConfig);
+  (0, import_react2.useEffect)(() => {
+    if (config.lang === "zh") {
+      setValues((0, import_lodash.defaultsDeep)(config, {
+        lang: "zh",
+        common: zh,
+        Blank: { text: zh.blank },
+        Form: { submit: { text: zh.submit } }
+      }, baseConfig));
+    } else
+      setValues(values);
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConfigContext.Provider, {
-    value: (0, import_lodash.defaultsDeep)(config, baseConfig),
+    value: values,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, {
       ...config.antd,
       children
@@ -713,10 +728,11 @@ function Form(props) {
       };
     } else if (propsCopy.submit && ((_a2 = propsCopy.submit.to) == null ? void 0 : _a2.action)) {
       propsCopy.onFinish = async (values) => {
-        return await (0, import_react8.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
+        setLoading(true);
+        return (0, import_react8.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
           ...values,
           ...propsCopy.submit.to.params
-        } : values);
+        } : values).finally(() => setLoading(false));
       };
     }
     if (propsCopy.extendTypes) {
@@ -751,16 +767,31 @@ Form.Item = FormItem;
 
 // src/Link.tsx
 var import_react_router_dom = require("react-router-dom");
+var import_antd7 = require("antd");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Link({
   href,
   target,
   text,
   children,
-  style
+  style,
+  button
 }) {
   const { Link: Link2 } = useConfigContext();
   style = Object.assign({ cursor: "pointer" }, style);
+  if (button)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd7.Button, {
+      ...button,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Link, {
+        to: href,
+        target: target || (Link2 == null ? void 0 : Link2.target),
+        style: {
+          ...Link2.style,
+          ...style || {}
+        },
+        children: text || children
+      })
+    });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Link, {
     to: href,
     target: target || (Link2 == null ? void 0 : Link2.target),
@@ -773,7 +804,7 @@ function Link({
 }
 
 // src/Modal.tsx
-var import_antd7 = require("antd");
+var import_antd8 = require("antd");
 var import_react10 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function useModal(init) {
@@ -786,7 +817,7 @@ function useModal(init) {
     ...init
   });
   return {
-    modal: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd7.Modal, {
+    modal: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Modal, {
       ...props
     }),
     modalProps: props,
@@ -800,13 +831,13 @@ function useModal(init) {
 }
 
 // src/Routers.tsx
-var import_antd8 = require("antd");
+var import_antd9 = require("antd");
 var import_react11 = require("react");
 var import_react_router_dom2 = require("react-router-dom");
 var import_jsx_runtime = require("react/jsx-runtime");
-function NotFound() {
+function PageNotFound() {
   const config = useConfigContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Result, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd9.Result, {
     status: "404",
     title: config.common.pageNotFound
   });
@@ -819,7 +850,7 @@ function Routes(props) {
         element: r.element || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react11.Suspense, {
           fallback: props.fallback || /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
             style: { padding: "24px" },
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Skeleton, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd9.Skeleton, {
               active: true
             })
           }),
@@ -828,7 +859,7 @@ function Routes(props) {
       }, r.path)),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom2.Route, {
         path: "*",
-        element: props.notFound || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NotFound, {})
+        element: props.notFound || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageNotFound, {})
       }, "*")
     ]
   });
@@ -836,7 +867,7 @@ function Routes(props) {
 
 // src/Table.tsx
 var import_react12 = require("react");
-var import_antd9 = require("antd");
+var import_antd10 = require("antd");
 var import_dayjs5 = __toESM(require("dayjs"));
 var import_icons3 = require("@ant-design/icons");
 var import_lodash6 = require("lodash");
@@ -946,7 +977,7 @@ function Table(props) {
               setSelectedKeys,
               selectedKeys,
               confirm
-            }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd9.Radio.Group, {
+            }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd10.Radio.Group, {
               style: { padding: 8 },
               buttonStyle: "solid",
               value: selectedKeys[0],
@@ -955,10 +986,10 @@ function Table(props) {
                 confirm();
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd9.Radio.Button, {
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Radio.Button, {
                   children: config.common.all
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd9.Radio.Button, {
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Radio.Button, {
                   value: "true",
                   children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons3.CheckOutlined, {
                     style: {
@@ -967,7 +998,7 @@ function Table(props) {
                     }
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd9.Radio.Button, {
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Radio.Button, {
                   value: "false",
                   children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons3.CloseOutlined, {
                     style: {
@@ -976,7 +1007,7 @@ function Table(props) {
                     }
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd9.Radio.Button, {
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Radio.Button, {
                   value: "empty",
                   children: config.common.blank
                 })
@@ -1018,14 +1049,14 @@ function Table(props) {
   if (!columns)
     return null;
   if (!props.faasData)
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd9.Table, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Table, {
       ...props,
       rowKey: props.rowKey || "id",
       columns,
       dataSource: props.dataSource
     });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react13.FaasDataWrapper, {
-    fallback: props.faasData.fallback || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd9.Skeleton, {
+    fallback: props.faasData.fallback || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Skeleton, {
       active: true
     }),
     render: ({
@@ -1034,20 +1065,20 @@ function Table(props) {
       reload
     }) => {
       if (!data)
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd9.Table, {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Table, {
           ...props,
           rowKey: props.rowKey || "id",
           columns,
           dataSource: []
         });
       if (Array.isArray(data))
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd9.Table, {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Table, {
           ...props,
           rowKey: props.rowKey || "id",
           columns,
           dataSource: data
         });
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd9.Table, {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Table, {
         ...props,
         rowKey: props.rowKey || "id",
         columns,
@@ -1117,6 +1148,7 @@ function Title(props) {
   FormItem,
   Link,
   Modal,
+  PageNotFound,
   Routes,
   Table,
   TimePicker,

package/dist/index.mjs

@@ -8,13 +8,15 @@ import { isNil } from "lodash";
 // src/Config.tsx
 import {
   createContext,
-  useContext
+  useContext,
+  useEffect,
+  useState
 } from "react";
 import { ConfigProvider as AntdConfigProvider } from "antd";
 import { defaultsDeep } from "lodash";
 import { jsx } from "react/jsx-runtime";
 var isZH = /^zh/i.test(navigator.language);
-var common = isZH ? {
+var zh = {
   lang: "zh",
   blank: "\u7A7A",
   all: "\u5168\u90E8",
@@ -23,7 +25,8 @@ var common = isZH ? {
   add: "\u6DFB\u52A0",
   delete: "\u5220\u9664",
   required: "\u5FC5\u586B"
-} : {
+};
+var en = {
   lang: "en",
   blank: "Empty",
   all: "All",
@@ -33,6 +36,7 @@ var common = isZH ? {
   delete: "Delete",
   required: "is required"
 };
+var common = isZH ? zh : en;
 var baseConfig = {
   antd: {},
   lang: "en",
@@ -50,8 +54,20 @@ function ConfigProvider({
   config,
   children
 }) {
+  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));
+    } else
+      setValues(values);
+  }, []);
   return /* @__PURE__ */ jsx(ConfigContext.Provider, {
-    value: defaultsDeep(config, baseConfig),
+    value: values,
     children: /* @__PURE__ */ jsx(AntdConfigProvider, {
       ...config.antd,
       children
@@ -104,15 +120,15 @@ import {
 import { upperFirst as upperFirst2 } from "lodash";
 import {
   cloneElement,
-  useEffect,
-  useState
+  useEffect as useEffect2,
+  useState as useState2
 } from "react";
 import dayjs from "dayjs";
 import { FaasDataWrapper } from "@faasjs/react";
 import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
 function DescriptionItemContent(props) {
-  const [computedProps, setComputedProps] = useState();
-  useEffect(() => {
+  const [computedProps, setComputedProps] = useState2();
+  useEffect2(() => {
     var _a, _b;
     const propsCopy = { ...props };
     if (!propsCopy.item.title)
@@ -233,10 +249,10 @@ function Description(props) {
 
 // src/Drawer.tsx
 import { Drawer } from "antd";
-import { useState as useState2 } from "react";
+import { useState as useState3 } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 function useDrawer(init) {
-  const [props, setProps] = useState2({
+  const [props, setProps] = useState3({
     visible: false,
     onClose: () => setProps((prev) => ({
       ...prev,
@@ -265,8 +281,8 @@ import {
   Form as AntdForm2
 } from "antd";
 import {
-  useEffect as useEffect3,
-  useState as useState4
+  useEffect as useEffect4,
+  useState as useState5
 } from "react";
 
 // src/FormItem.tsx
@@ -281,7 +297,7 @@ import {
   Select
 } from "antd";
 import { MinusCircleOutlined, PlusOutlined } from "@ant-design/icons";
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect3, useState as useState4 } from "react";
 import { upperFirst as upperFirst3 } from "lodash";
 
 // src/TimePicker.tsx
@@ -347,8 +363,8 @@ function processProps(propsCopy, config) {
   return propsCopy;
 }
 function DateItem(options) {
-  const [value, setValue] = useState3();
-  useEffect2(() => {
+  const [value, setValue] = useState4();
+  useEffect3(() => {
     setValue(options.value && !isDayjs(options.value) ? dayjs2(options.value) : null);
   }, [options.value]);
   return /* @__PURE__ */ jsx6(DatePicker, {
@@ -357,8 +373,8 @@ function DateItem(options) {
   });
 }
 function TimeItem(options) {
-  const [value, setValue] = useState3();
-  useEffect2(() => {
+  const [value, setValue] = useState4();
+  useEffect3(() => {
     setValue(options.value && !isDayjs(options.value) ? dayjs2(options.value) : null);
   }, [options.value]);
   return /* @__PURE__ */ jsx6(TimePicker, {
@@ -368,10 +384,10 @@ function TimeItem(options) {
 }
 function FormItem(props) {
   var _a;
-  const [computedProps, setComputedProps] = useState3();
-  const [extendTypes, setExtendTypes] = useState3();
+  const [computedProps, setComputedProps] = useState4();
+  const [extendTypes, setExtendTypes] = useState4();
   const config = useConfigContext();
-  useEffect2(() => {
+  useEffect3(() => {
     const propsCopy = { ...props };
     if (propsCopy.extendTypes) {
       setExtendTypes(propsCopy.extendTypes);
@@ -662,11 +678,11 @@ function FormItem(props) {
 import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 function Form(props) {
   var _a, _b;
-  const [loading, setLoading] = useState4(false);
-  const [computedProps, setComputedProps] = useState4();
+  const [loading, setLoading] = useState5(false);
+  const [computedProps, setComputedProps] = useState5();
   const config = useConfigContext();
-  const [extendTypes, setExtendTypes] = useState4();
-  useEffect3(() => {
+  const [extendTypes, setExtendTypes] = useState5();
+  useEffect4(() => {
     var _a2;
     const propsCopy = { ...props };
     if (propsCopy.onFinish) {
@@ -688,10 +704,11 @@ function Form(props) {
       };
     } else if (propsCopy.submit && ((_a2 = propsCopy.submit.to) == null ? void 0 : _a2.action)) {
       propsCopy.onFinish = async (values) => {
-        return await faas(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
+        setLoading(true);
+        return faas(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
           ...values,
           ...propsCopy.submit.to.params
-        } : values);
+        } : values).finally(() => setLoading(false));
       };
     }
     if (propsCopy.extendTypes) {
@@ -726,16 +743,31 @@ Form.Item = FormItem;
 
 // src/Link.tsx
 import { Link as RouterLink } from "react-router-dom";
+import { Button as Button3 } from "antd";
 import { jsx as jsx8 } from "react/jsx-runtime";
 function Link({
   href,
   target,
   text,
   children,
-  style
+  style,
+  button
 }) {
   const { Link: Link2 } = useConfigContext();
   style = Object.assign({ cursor: "pointer" }, style);
+  if (button)
+    return /* @__PURE__ */ jsx8(Button3, {
+      ...button,
+      children: /* @__PURE__ */ jsx8(RouterLink, {
+        to: href,
+        target: target || (Link2 == null ? void 0 : Link2.target),
+        style: {
+          ...Link2.style,
+          ...style || {}
+        },
+        children: text || children
+      })
+    });
   return /* @__PURE__ */ jsx8(RouterLink, {
     to: href,
     target: target || (Link2 == null ? void 0 : Link2.target),
@@ -749,10 +781,10 @@ function Link({
 
 // src/Modal.tsx
 import { Modal } from "antd";
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 import { jsx as jsx9 } from "react/jsx-runtime";
 function useModal(init) {
-  const [props, setProps] = useState5({
+  const [props, setProps] = useState6({
     visible: false,
     onCancel: () => setProps((prev) => ({
       ...prev,
@@ -784,7 +816,7 @@ import {
   Route
 } from "react-router-dom";
 import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
-function NotFound() {
+function PageNotFound() {
   const config = useConfigContext();
   return /* @__PURE__ */ jsx10(Result, {
     status: "404",
@@ -808,7 +840,7 @@ function Routes(props) {
       }, r.path)),
       /* @__PURE__ */ jsx10(Route, {
         path: "*",
-        element: props.notFound || /* @__PURE__ */ jsx10(NotFound, {})
+        element: props.notFound || /* @__PURE__ */ jsx10(PageNotFound, {})
       }, "*")
     ]
   });
@@ -816,8 +848,8 @@ function Routes(props) {
 
 // src/Table.tsx
 import {
-  useState as useState6,
-  useEffect as useEffect4,
+  useState as useState7,
+  useEffect as useEffect5,
   cloneElement as cloneElement2
 } from "react";
 import {
@@ -860,9 +892,9 @@ function processValue(item, value) {
   return value;
 }
 function Table(props) {
-  const [columns, setColumns] = useState6();
+  const [columns, setColumns] = useState7();
   const config = useConfigContext();
-  useEffect4(() => {
+  useEffect5(() => {
     var _a;
     for (const item of props.items) {
       if (!item.key)
@@ -1069,11 +1101,11 @@ function Table(props) {
 }
 
 // src/Title.tsx
-import { useEffect as useEffect5, cloneElement as cloneElement3 } from "react";
+import { useEffect as useEffect6, cloneElement as cloneElement3 } from "react";
 import { jsx as jsx12 } from "react/jsx-runtime";
 function Title(props) {
   const config = useConfigContext();
-  useEffect5(() => {
+  useEffect6(() => {
     const title = Array.isArray(props.title) ? props.title : [props.title];
     document.title = title.concat(props.suffix || config.Title.suffix).filter((t) => !!t).join(props.separator || config.Title.separator);
   }, []);
@@ -1104,6 +1136,7 @@ export {
   FormItem,
   Link,
   Modal,
+  PageNotFound,
   Routes,
   Table,
   TimePicker,

package/package.json

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