@cloudtower/eagle 0.24.16 → 0.24.17

package/README.md

@@ -9,7 +9,7 @@
 
 ```tsx
 import { antdKit } from "@cloudtower/eagle";
-import { initParrotI18n } from "@cloudtower/eagle";
+import { initParrotI18n, UIKitProvider } from "@cloudtower/eagle";
 // Set Up Style
 import "@cloudtower/eagle/dist/style.css";
 
@@ -18,7 +18,9 @@ initParrotI18n();
 ReactDOM.render(
   <React.StrictMode>
     <KitStoreProvider>
-      <App />
+      <UIKitProvider>
+        <App />
+      <UIKitProvider>
     </KitStoreProvider>
   </React.StrictMode>,
   document.getElementById("root") as HTMLElement

package/dist/UIKitProvider/index.d.ts

@@ -1,4 +1,4 @@
-import { ConfigProviderProps } from "antd/lib/config-provider";
+import { ParrotI18nSupportLng } from "@cloudtower/parrot";
 import React, { PropsWithChildren } from "react";
 import { BatchHelper } from "../components";
 import { Kit } from "../spec";
@@ -7,7 +7,8 @@ interface IProps {
     message?: {
         batch?: BatchHelper;
     };
-    antdConfig?: ConfigProviderProps;
+    lng?: ParrotI18nSupportLng;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
 }
 export declare const kitContext: React.Context<Kit<any, HTMLElement>>;
 declare const UIKitProvider: (props: PropsWithChildren<IProps>) => JSX.Element;

package/dist/components.css

@@ -2124,6 +2124,61 @@ body {
   padding: 0;
 }
 
+.s34f1qb.ant-switch {
+  min-width: 40px;
+  height: 24px;
+  background: rgba(172, 186, 211, 0.6);
+  overflow: hidden;
+}
+.s34f1qb.ant-switch:focus {
+  box-shadow: 0 0 0 2px rgba(225, 230, 241, 0.6);
+}
+.s34f1qb.ant-switch-small {
+  min-width: 26px;
+  height: 16px;
+}
+.s34f1qb.ant-switch-large {
+  min-width: 52px;
+  height: 32px;
+}
+.s34f1qb.ant-switch .ant-switch-handle {
+  height: 20px;
+  width: 20px;
+}
+.s34f1qb.ant-switch .ant-switch-handle::before {
+  border-radius: 10px;
+  transition-delay: 120ms;
+}
+.s34f1qb.ant-switch-small .ant-switch-handle {
+  height: 14px;
+  width: 14px;
+  top: 1px;
+  left: 1px;
+}
+.s34f1qb.ant-switch-large .ant-switch-handle {
+  height: 28px;
+  width: 28px;
+}
+.s34f1qb.ant-switch-large .ant-switch-handle::before {
+  border-radius: 14px;
+}
+.s34f1qb.ant-switch-checked {
+  background-color: #00ba5d;
+}
+.s34f1qb.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 20px - 2px);
+}
+.s34f1qb.ant-switch-small.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 14px - 1px);
+}
+.s34f1qb.ant-switch-large.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 28px - 2px);
+}
+
+.c1to9vb9 {
+  margin-left: 5px;
+}
+
 .cz04yix {
   display: flex;
   flex-direction: column;
@@ -2789,61 +2844,6 @@ input.rrg1fkn.ant-input {
   border-bottom-left-radius: 0;
 }
 
-.s34f1qb.ant-switch {
-  min-width: 40px;
-  height: 24px;
-  background: rgba(172, 186, 211, 0.6);
-  overflow: hidden;
-}
-.s34f1qb.ant-switch:focus {
-  box-shadow: 0 0 0 2px rgba(225, 230, 241, 0.6);
-}
-.s34f1qb.ant-switch-small {
-  min-width: 26px;
-  height: 16px;
-}
-.s34f1qb.ant-switch-large {
-  min-width: 52px;
-  height: 32px;
-}
-.s34f1qb.ant-switch .ant-switch-handle {
-  height: 20px;
-  width: 20px;
-}
-.s34f1qb.ant-switch .ant-switch-handle::before {
-  border-radius: 10px;
-  transition-delay: 120ms;
-}
-.s34f1qb.ant-switch-small .ant-switch-handle {
-  height: 14px;
-  width: 14px;
-  top: 1px;
-  left: 1px;
-}
-.s34f1qb.ant-switch-large .ant-switch-handle {
-  height: 28px;
-  width: 28px;
-}
-.s34f1qb.ant-switch-large .ant-switch-handle::before {
-  border-radius: 14px;
-}
-.s34f1qb.ant-switch-checked {
-  background-color: #00ba5d;
-}
-.s34f1qb.ant-switch-checked .ant-switch-handle {
-  left: calc(100% - 20px - 2px);
-}
-.s34f1qb.ant-switch-small.ant-switch-checked .ant-switch-handle {
-  left: calc(100% - 14px - 1px);
-}
-.s34f1qb.ant-switch-large.ant-switch-checked .ant-switch-handle {
-  left: calc(100% - 28px - 2px);
-}
-
-.c1to9vb9 {
-  margin-left: 5px;
-}
-
 .t1upn1sz {
   height: 100%;
 }
@@ -3893,10 +3893,6 @@ input.rrg1fkn.ant-input {
   transform: rotate(180deg);
 }
 
-.iiqau4c.ant-input-group.ant-input-group-compact {
-  display: flex;
-}
-
 .igz4le8 {
   height: 24px;
   width: 56px !important;
@@ -3907,6 +3903,10 @@ input.rrg1fkn.ant-input {
   color: rgba(44, 56, 82, 0.6);
 }
 
+.iiqau4c.ant-input-group.ant-input-group-compact {
+  display: flex;
+}
+
 .m1thnes4 {
   color: rgba(44, 56, 82, 0.6);
   text-align: center;

package/dist/esm/index.js

@@ -20,6 +20,8 @@ import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import TimeZones from 'timezones.json';
 import dayjs from 'dayjs';
 import 'recharts';
+import enUs from 'antd/es/locale/en_US';
+import zhCN from 'antd/es/locale/zh_CN';
 
 const MAGIC_METRIC_NULL = -2;
 function formatBits(bits, decimals = 2) {
@@ -4806,7 +4808,13 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const kitContext = createContext(antdKit);
 const UIKitProvider = (props) => {
-  const { children, kit = antdKit, message, antdConfig } = props;
+  const {
+    children,
+    kit = antdKit,
+    message,
+    lng = "en-US",
+    getPopupContainer
+  } = props;
   const _kit = useMemo(() => {
     if ((message == null ? void 0 : message.batch) != null) {
       return __spreadProps(__spreadValues({}, kit), {
@@ -4815,7 +4823,20 @@ const UIKitProvider = (props) => {
     }
     return kit;
   }, [kit, message == null ? void 0 : message.batch]);
-  return /* @__PURE__ */ React.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React.createElement(ConfigProvider, __spreadValues({ autoInsertSpaceInButton: false }, antdConfig), children));
+  useEffect(() => {
+    if (parrotI18n.language !== lng) {
+      parrotI18n.changeLanguage(lng);
+    }
+  }, [lng]);
+  return /* @__PURE__ */ React.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React.createElement(
+    ConfigProvider,
+    {
+      autoInsertSpaceInButton: false,
+      locale: lng === "zh-CN" ? zhCN : enUs,
+      getPopupContainer
+    },
+    children
+  ));
 };
 const useUIKit = () => {
   return useContext(kitContext);