@cloudtower/eagle 0.30.2 → 0.30.4

package/dist/esm/styles/token/animation.js

@@ -1,5 +1,14 @@
 const Animation = {
-  loading: "loading 1600ms ease-out infinite"
+  loading: "loading 1600ms ease-out infinite",
+  circleRotate: "rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite"
+};
+const Keyframes = {
+  rotate: `
+    @keyframes rotate {
+      from { transform: rotate(0deg); }
+      to { transform: rotate(360deg); }
+    }
+  `
 };
 
-export { Animation };
+export { Animation, Keyframes };

package/dist/src/core/Loading/loading.type.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export type LoadingComponentType = React.FunctionComponent<{
+import React from "react";
+export type LoadingComponentType = React.FunctionComponent<React.HTMLAttributes<HTMLDivElement> & {
     fullView?: boolean;
 }>;

package/dist/src/coreX/CircleLoading/index.d.ts

@@ -0,0 +1,3 @@
+import { LoadingComponentType } from "../../core/Loading/loading.type";
+declare const CircleLoading: LoadingComponentType;
+export default CircleLoading;

package/dist/src/coreX/Sider/Sider.type.d.ts

@@ -0,0 +1,42 @@
+import { SiderProps as AntdSiderProps } from "antd5/lib/layout/Sider";
+import { SrcType } from "../../core/BaseIcon";
+export type SiderMenuItem = {
+    icon: {
+        normal: SrcType;
+        active: SrcType;
+    };
+    title: string;
+    hidden?: boolean;
+    onClick?: (key: string) => void;
+    key: string;
+    disabled?: boolean;
+};
+export type SiderMenuItemGroup = {
+    key: string;
+    title: string;
+    hidden?: boolean;
+    /**
+     * 下面是否展示分割线
+     */
+    isShowDivider?: boolean;
+    items: SiderMenuItem[];
+};
+export type SiderProps = {
+    /**
+     * 侧边栏的配置
+     */
+    config: Array<SiderMenuItemGroup | SiderMenuItem>;
+    /**
+     * 选中高亮的 item 的 Key
+     */
+    selectedKeys: string[];
+    /**
+     * 收缩模式
+     */
+    isShrink?: boolean;
+    /**
+     * 点击 item 的回调
+     */
+    onClick?: (key: string) => void;
+    antdSiderProps: AntdSiderProps;
+};

package/dist/src/coreX/Sider/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SiderProps } from "./Sider.type";
+declare const Sider: React.FC<SiderProps>;
+export default Sider;
+export * from "./Sider.type";

package/dist/src/coreX/index.d.ts

@@ -13,11 +13,13 @@ export * from "./I18nNameTag";
 export * from "./NamesTooltip";
 export * from "./OverflowTooltip";
 export * from "./SidebarSubtitle";
+export * from "./Sider";
 export * from "./SortableList";
 export * from "./SummaryTable";
 export * from "./SwitchWithText";
 export * from "./TabMenu";
 export * from "./UnitWithChart";
+export * from "./CircleLoading";
 export { default as BarChart } from "./BarChart";
 export { default as BatchOperation } from "./BatchOperation";
 export { default as ChartWithTooltip } from "./ChartWithTooltip";
@@ -32,8 +34,10 @@ export { default as I18nNameTag } from "./I18nNameTag";
 export { default as NamesTooltip } from "./NamesTooltip";
 export { default as OverflowTooltip } from "./OverflowTooltip";
 export { default as SidebarSubtitle } from "./SidebarSubtitle";
+export { default as Sider } from "./Sider";
 export { default as SortableList } from "./SortableList";
 export { default as SummaryTable } from "./SummaryTable";
 export { default as SwitchWithText } from "./SwitchWithText";
 export { default as TabMenu } from "./TabMenu";
 export { default as UnitWithChart } from "./UnitWithChart";
+export { default as CircleLoading } from "./CircleLoading";

package/dist/src/styles/token/animation.d.ts

@@ -1,3 +1,7 @@
 export declare const Animation: {
     loading: string;
+    circleRotate: string;
+};
+export declare const Keyframes: {
+    rotate: string;
 };

package/dist/stories/docs/core/Loading.stories.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, {
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, React.HTMLAttributes<HTMLDivElement> & {
     fullView?: boolean | undefined;
 } & {
     children?: React.ReactNode;
 }>;
 export default _default;
-export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, React.HTMLAttributes<HTMLDivElement> & {
     fullView?: boolean | undefined;
 } & {
     children?: React.ReactNode;

package/dist/stories/docs/core/Sider.stories.d.ts

@@ -0,0 +1,21 @@
+import { SiderProps } from "../../../src/coreX/Sider";
+import { Meta, StoryObj } from "@storybook/react";
+/**
+ *
+ * Sider 组件用于展示侧边栏。
+ *
+ */
+declare const meta: Meta<SiderProps>;
+export default meta;
+/**
+ *
+ * Sider 的基本用法
+ *
+ */
+export declare const Default: StoryObj<SiderProps>;
+/**
+ *
+ * Sider 的收缩模式
+ *
+ */
+export declare const Shrink: StoryObj<SiderProps>;

package/dist/stories/docs/coreX/CircleLoading.stories.d.ts

@@ -0,0 +1,20 @@
+import CircleLoading from "../../../src/coreX/CircleLoading";
+import { StoryObj } from "@storybook/react";
+/**
+ *
+ * 目前应用场景：
+ * * arcfra 中取代三角 loading
+ */
+declare const _default: {
+    title: string;
+    component: import("../../../src").LoadingComponentType;
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+type Story = StoryObj<typeof CircleLoading>;
+export declare const Basic: Story;