@cloudtower/eagle 0.27.32 → 0.27.35

package/dist/src/components/Cascader/cascader.style.d.ts

@@ -0,0 +1,10 @@
+export declare const DoubleRowOptionStyleWrapper: import("@linaria/core").LinariaClassName;
+export declare const CascaderDefaultOptionLabel: import("@linaria/core").LinariaClassName;
+export declare const CascaderNotData: import("@linaria/core").LinariaClassName;
+export declare const CascaderDefaultHeaderSearch: import("@linaria/core").LinariaClassName;
+export declare const CascaderInputStyle: import("@linaria/core").LinariaClassName;
+export declare const CascaderDefaultHeaderContainer: import("@linaria/core").LinariaClassName;
+export declare const CascaderDefaultHeader: import("@linaria/core").LinariaClassName;
+export declare const CascaderDropdown: import("@linaria/core").LinariaClassName;
+export declare const CascaderSmallDropdown: import("@linaria/core").LinariaClassName;
+export declare const CascaderLargeDropdown: import("@linaria/core").LinariaClassName;

package/dist/src/components/Cascader/cascader.type.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { SearchInputProps } from "@src/spec/base";
+import type { CascaderProps as Antd5CascaderProps } from "antd5/lib/cascader";
+export type { Antd5SizeType } from "@src/utils/type";
+export type PresetCascaderRenderProps = {
+    menus: Parameters<NonNullable<CascaderProps["dropdownRender"]>>[0];
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    presetHeaderProps?: {
+        searchProps?: SearchInputProps;
+        defaultContent?: {
+            hide?: boolean;
+            label?: React.ReactNode;
+            onClickAll?: (selectedAll: boolean) => void;
+        };
+    };
+};
+export type CascaderProps = Antd5CascaderProps & {
+    /**
+     * 自定义下拉菜单内容，具体可以参考[antd5](https://ant.design/components/cascader-cn/#API)
+     * 注意：如果需要自定义下拉菜单，会覆盖掉已有的 header / footer 表现。
+     */
+    dropdownRender?: Antd5CascaderProps["dropdownRender"];
+    /**
+     * 新增 props： 自定义空白状态时的显示内容, 默认水平垂直居中。如果需要自定义样式，可以使用 notFoundContent
+     */
+    NotData?: string | React.ReactNode;
+    /**
+     * 新增 props： 透传参数给预设的级联下拉菜单内容
+     */
+    presetCascaderRenderProps?: Omit<PresetCascaderRenderProps, "menus">;
+};

package/dist/src/components/Cascader/cascader.widget.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { PresetCascaderRenderProps, CascaderProps } from "./cascader.type";
+export declare const NotDataContent: React.FC<{
+    content: React.ReactNode | string;
+}>;
+export declare const PresetCascaderHeader: React.FC<PresetCascaderRenderProps["presetHeaderProps"]>;
+export declare const PresetCascaderRender: React.FC<PresetCascaderRenderProps>;
+export declare const CascaderDoubleRowOption: React.FC<{
+    leftTop?: React.ReactNode;
+    leftBottom?: React.ReactNode;
+    rightTop?: React.ReactNode;
+    rightBottom?: React.ReactNode;
+}>;
+export declare const CascaderOptionWithCount: React.FC<{
+    label?: React.ReactNode;
+    count?: {
+        selected: number;
+        total: number;
+    };
+}>;
+export declare const defaultTagRender: CascaderProps["tagRender"];

package/dist/src/components/Cascader/index.d.ts

@@ -1,4 +1,4 @@
-import { CascaderProps } from "antd5";
 import React from "react";
+import { CascaderProps } from "./cascader.type";
 declare const Cascader: React.FC<CascaderProps>;
 export default Cascader;

package/dist/src/components/Checkbox/checkbox.style.d.ts

@@ -0,0 +1,2 @@
+export declare const CheckboxStyleContent = "\n.ant-checkbox {\n  height: 22px;\n  display: flex;\n  align-items: center;\n  top: 0;\n}\n.ant-checkbox-checked::after {\n  border: none;\n}\n&.ant-checkbox-wrapper:hover .ant-checkbox-inner,\n&.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner,\n.ant-checkbox:hover .ant-checkbox-inner {\n  border-color: $fills-light-general-general;\n}\n\n.ant-checkbox .ant-checkbox-inner {\n  border: 1px solid $strokes-light-trans-4;\n}\n.ant-checkbox.ant-checkbox-checked,\n.ant-checkbox.ant-checkbox-indeterminate {\n  .ant-checkbox-inner {\n    border: 1px solid $fills-light-general-general;\n  }\n}\n\n.ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner {\n  background: $fills-light-general-general;\n  &:after {\n    background-color: $white;\n    height: 2px;\n    width: 10px;\n    border-radius: 2px;\n  }\n}\n\n&.ant-checkbox-wrapper-disabled {\n  opacity: 0.5;\n  .ant-checkbox-disabled .ant-checkbox-inner {\n    background: $fills-light-trans-3;\n    border-color: $strokes-light-trans-4 !important;\n  }\n  .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {\n    border-color: $text-primary-light;\n  }\n  .ant-checkbox-disabled.ant-checkbox-indeterminate\n    .ant-checkbox-inner:after {\n    background: $text-primary-light;\n  }\n}\n\n.ant-checkbox + span,\n.ant-checkbox-disabled + span {\n  padding: 0;\n  .main {\n    display: inline-block;\n    margin-left: 12px;\n    color: $text-primary-light;\n  }\n  .sub {\n    margin-left: 28px;\n    color: $text-secondary-light;\n  }\n}\n\n&.compact {\n  .ant-checkbox + span,\n  .ant-checkbox-disabled + span {\n    .main {\n      margin-left: 8px;\n    }\n    .sub {\n      margin-left: 24px;\n    }\n  }\n}\n";
+export declare const CheckboxStyle: import("@linaria/core").LinariaClassName;

package/dist/src/spec/base.d.ts

@@ -297,7 +297,7 @@ export type ModalProps = Omit<AntdModalProps, "okType"> & {
         disablePrevStep?: boolean;
     } | boolean;
 };
-type SearchInputProps = Omit<InputProps, "onChange"> & {
+export type SearchInputProps = Omit<InputProps, "onChange"> & {
     onChange: (value: string) => void;
     debounceWait?: number;
 };

package/dist/src/utils/constants.d.ts

@@ -3,3 +3,4 @@ export declare const EMPTY_ARRAY: never[];
 export declare const EMPTY_OBJECT: {};
 export declare const EMPTY_COMPONENT: () => null;
 export declare const DAYJS_I18N_MAP: Record<string, string>;
+export declare const Antd5PrefixCls = "antd5";

package/dist/stories/docs/cascader/cascader.stories.d.ts

@@ -0,0 +1,62 @@
+import Cascader from "@src/components/Cascader";
+import { CascaderProps } from "@src/components/Cascader/cascader.type";
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ * * antd5 组件
+ * * 更多 props 请参考：https://ant.design/components/cascader-cn#api
+ * * 自定义 props 已在表格进行说明
+ *
+ */
+declare const meta: {
+    component: React.FC<CascaderProps>;
+    title: "Core/Cascader | 级联组件";
+    args: {
+        options: {
+            value: string;
+            label: string;
+            children: {
+                value: string;
+                label: string;
+            }[];
+        }[];
+    };
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Cascader>;
+/**
+ * 注意： 全选需要自行封装相关实现， 非组件默认行为
+ */
+export declare const Size: Story;
+/**
+ * 需要展示空白状态时，可以通过 NotData 来处理。
+ */
+export declare const Empty: Story;
+/**
+ * NotData 同样可以接受 React.ReactNode 类型，来自定义空白状态里的内容。例如常见的加载失败。
+ */
+export declare const FetchError: Story;
+/**
+ * UI-KIT 同时提供了 CascaderDoubleRowOption 组件，当需要使用 double row 时，可以自行封装
+ *
+ * option 中的 label 如果是 ReactNode 的情况下，可以通过 label[0].props 获取到一些额外自定义在组件上的属性来进一步处理。例如示例中的 data-label-text
+ */
+export declare const DoubleRow: Story;
+/**
+ * 通过 children 来覆盖 cascader 自带的 input 组件
+ */
+export declare const FilterIcon: Story;
+/**
+ * 示例： 根据数据中心分级，选择多个集群
+ */
+export declare const Multiple: Story;
+/**
+ * 示例：根据可用域分级，筛选主机
+ */
+export declare const Filter: Story;

package/dist/stories/types.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, Args } from "@storybook/react";
+type CoreTitle = `Core/${string} | ${string}`;
+export type CoreMeta<TCmpOrArgs = Args> = Meta<TCmpOrArgs> & {
+    title: CoreTitle;
+};
+type CoreXTitle = `CoreX/${string} | ${string}`;
+export type CoreXMeta<TCmpOrArgs = Args> = Meta<TCmpOrArgs> & {
+    title: CoreXTitle;
+};
+export {};