@next-bricks/form-platform 0.5.0 → 0.6.1

package/dist/types.json

@@ -239,5 +239,510 @@
       }
     ],
     "methods": []
+  },
+  "eo-cmdb-instance-select": {
+    "properties": [
+      {
+        "name": "name",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "label",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "required",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "placeholder",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "value",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "keyword",
+              "value": "string"
+            },
+            {
+              "type": "array",
+              "elementType": {
+                "type": "keyword",
+                "value": "string"
+              }
+            }
+          ]
+        }
+      },
+      {
+        "name": "objectId",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "disabled",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "allowClear",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "mode",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "pageSize",
+        "annotation": {
+          "type": "keyword",
+          "value": "number"
+        }
+      },
+      {
+        "name": "instanceQuery",
+        "annotation": {
+          "type": "keyword",
+          "value": "any"
+        }
+      },
+      {
+        "name": "fields",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "Partial"
+          },
+          "typeParameters": {
+            "type": "typeParameterInstantiation",
+            "params": [
+              {
+                "type": "reference",
+                "typeName": {
+                  "type": "identifier",
+                  "name": "ComplexOption"
+                },
+                "typeParameters": {
+                  "type": "typeParameterInstantiation",
+                  "params": [
+                    {
+                      "type": "keyword",
+                      "value": "string"
+                    }
+                  ]
+                }
+              }
+            ]
+          }
+        }
+      },
+      {
+        "name": "minimumInputLength",
+        "annotation": {
+          "type": "keyword",
+          "value": "number"
+        }
+      },
+      {
+        "name": "extraSearchKey",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "keyword",
+            "value": "string"
+          }
+        }
+      },
+      {
+        "name": "extraFields",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "keyword",
+            "value": "string"
+          }
+        }
+      },
+      {
+        "name": "popoverPositionType",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "default"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "parent"
+            }
+          ]
+        }
+      },
+      {
+        "name": "isMultiLabel",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "showSearchTip",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "labelTemplate",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "inputBoxStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "qualifiedName",
+            "left": {
+              "type": "identifier",
+              "name": "React"
+            },
+            "right": {
+              "type": "identifier",
+              "name": "CSSProperties"
+            }
+          }
+        }
+      },
+      {
+        "name": "permission",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "Array"
+          },
+          "typeParameters": {
+            "type": "typeParameterInstantiation",
+            "params": [
+              {
+                "type": "union",
+                "types": [
+                  {
+                    "type": "jsLiteral",
+                    "value": "read"
+                  },
+                  {
+                    "type": "jsLiteral",
+                    "value": "update"
+                  },
+                  {
+                    "type": "jsLiteral",
+                    "value": "operate"
+                  }
+                ]
+              }
+            ]
+          }
+        }
+      },
+      {
+        "name": "showTooltip",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "ignoreMissingFieldError",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "showKeyField",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "dropdownMatchSelectWidth",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "dropdownStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "qualifiedName",
+            "left": {
+              "type": "identifier",
+              "name": "React"
+            },
+            "right": {
+              "type": "identifier",
+              "name": "CSSProperties"
+            }
+          }
+        }
+      },
+      {
+        "name": "blurAfterValueChanged",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "sort",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "Array"
+          },
+          "typeParameters": {
+            "type": "typeParameterInstantiation",
+            "params": [
+              {
+                "type": "reference",
+                "typeName": {
+                  "type": "identifier",
+                  "name": "Record"
+                },
+                "typeParameters": {
+                  "type": "typeParameterInstantiation",
+                  "params": [
+                    {
+                      "type": "keyword",
+                      "value": "string"
+                    },
+                    {
+                      "type": "union",
+                      "types": [
+                        {
+                          "type": "keyword",
+                          "value": "number"
+                        },
+                        {
+                          "type": "keyword",
+                          "value": "string"
+                        }
+                      ]
+                    }
+                  ]
+                }
+              }
+            ]
+          }
+        }
+      },
+      {
+        "name": "useExternalCmdbApi",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "externalSourceId",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "change",
+        "detail": {
+          "annotation": {
+            "type": "union",
+            "types": [
+              {
+                "type": "keyword",
+                "value": "string"
+              },
+              {
+                "type": "array",
+                "elementType": {
+                  "type": "keyword",
+                  "value": "string"
+                }
+              }
+            ]
+          }
+        }
+      },
+      {
+        "name": "change.v2",
+        "detail": {
+          "annotation": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "ComplexOption"
+            }
+          }
+        }
+      },
+      {
+        "name": "options.change",
+        "detail": {
+          "annotation": {
+            "type": "typeLiteral",
+            "members": [
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "options"
+                },
+                "annotation": {
+                  "type": "array",
+                  "elementType": {
+                    "type": "reference",
+                    "typeName": {
+                      "type": "identifier",
+                      "name": "ComplexOption"
+                    }
+                  }
+                },
+                "computed": false
+              },
+              {
+                "type": "propertySignature",
+                "key": {
+                  "type": "identifier",
+                  "name": "name"
+                },
+                "annotation": {
+                  "type": "keyword",
+                  "value": "string"
+                },
+                "computed": false
+              }
+            ]
+          }
+        }
+      }
+    ],
+    "methods": [],
+    "types": [
+      {
+        "type": "interface",
+        "name": "ComplexOption",
+        "typeParameters": {
+          "type": "typeParameterDeclaration",
+          "params": [
+            {
+              "type": "typeParameter",
+              "name": "T",
+              "default": {
+                "type": "union",
+                "types": [
+                  {
+                    "type": "keyword",
+                    "value": "string"
+                  },
+                  {
+                    "type": "keyword",
+                    "value": "number"
+                  }
+                ]
+              }
+            }
+          ]
+        },
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "label"
+            },
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "array",
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "string"
+                  }
+                },
+                {
+                  "type": "keyword",
+                  "value": "string"
+                }
+              ]
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "value"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "T"
+              }
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "user_icon"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          }
+        ]
+      }
+    ]
   }
 }

package/dist-types/bootstrap.d.ts

@@ -1 +1,2 @@
 import "./user-or-user-group-select/index.js";
+import "./cmdb-instance-select/index.js";

package/dist-types/cmdb-instance-select/CmdbInstanceSelectInternal.d.ts

@@ -0,0 +1,98 @@
+import React from "react";
+import { UseBrickConf } from "@next-core/types";
+export declare const getInstanceNameKey: (objectId: string | number) => "name" | "hostname";
+export declare function parseTemplate(template: string, data: Record<string, any>, skipUndefined?: boolean): string;
+export interface CmdbInstanceSelectProps {
+    /** 模型对象 ID，必填，指定要查询的模型 */
+    objectId: string;
+    /** 选择模式，支持 "default"（单选）、"multiple"（多选）、"tags"（标签模式） */
+    mode?: string;
+    /** 每页加载的实例数量，默认值通常为 20 */
+    pageSize?: number;
+    /** 实例查询条件，支持 CMDB 查询语法（如 { name: { $like: "%test%" } }） */
+    instanceQuery?: any;
+    /** 输入框占位文本，如"请选择"或"请输入搜索关键词" */
+    placeholder?: string;
+    /** 自定义字段配置，用于指定显示哪些字段以及如何显示 */
+    fields?: Partial<ComplexOption<string>>;
+    /** 是否为首次渲染，用于控制初始化行为 */
+    firstRender?: boolean;
+    /** 最少输入字符数才触发搜索，设置为 0 表示无限制 */
+    minimumInputLength?: number;
+    /** 当前选中值，单选时为字符串或数字，多选时为数组 */
+    value?: any;
+    /** 值变更回调函数，参数为新选中的值和对应的选项对象 */
+    onChange?: (value: string, option?: ComplexOption) => void;
+    /** 选项列表变更回调，当选项数据加载完成时触发 */
+    optionsChange?: (options: ComplexOption[]) => void;
+    /** 是否显示清除按钮 */
+    allowClear?: boolean;
+    /** 输入框自定义样式 */
+    inputBoxStyle?: React.CSSProperties;
+    /** 额外的搜索字段 ID 数组，用于在多个字段中搜索关键词 */
+    extraSearchKey?: string[];
+    /** 额外要查询的字段 ID 数组，用于在返回数据中包含更多字段 */
+    extraFields?: string[];
+    /** 弹出层定位类型，"default" 为相对于触发元素，"parent" 为相对于父容器 */
+    popoverPositionType?: "default" | "parent";
+    /** 是否启用多标签显示模式 */
+    isMultiLabel?: boolean;
+    /** 是否显示搜索提示文本 */
+    showSearchTip?: boolean;
+    /** 显示标签的模板字符串（如 "{{name}} ({{ip}})"），使用 {{fieldId}} 占位符 */
+    labelTemplate?: string;
+    /** 是否禁用选择器 */
+    disabled?: boolean;
+    /** 权限控制数组，可包含 "read"、"update"、"operate" 等权限值 */
+    permission?: Array<"read" | "update" | "operate">;
+    /** 是否在选项文本超长时显示 Tooltip */
+    showTooltip?: boolean;
+    /** 是否忽略字段缺失错误（当查询的字段在模型中不存在时不报错） */
+    ignoreMissingFieldError?: boolean;
+    /** 是否显示关键字段（通常是 instanceId） */
+    showKeyField?: boolean;
+    /** 下拉菜单宽度是否跟随选择框宽度 */
+    dropdownMatchSelectWidth?: boolean;
+    /** 下拉菜单自定义样式 */
+    dropdownStyle?: React.CSSProperties;
+    /** 值变化后是否自动失焦（关闭下拉菜单） */
+    blurAfterValueChanged?: boolean;
+    /** 排序配置数组，如 [{ name: 1 }] 表示按 name 字段升序排序 */
+    sort?: Array<Record<string, number | string>>;
+    /** 后缀自定义构件配置，用于在选择器后面添加自定义元素 */
+    suffix?: {
+        useBrick: UseBrickConf;
+    };
+    /** 是否使用构件可见性控制 */
+    useBrickVisible?: boolean;
+    /** 是否使用外部 CMDB API */
+    useExternalCmdbApi?: boolean;
+    /** 外部数据源 ID */
+    externalSourceId?: string;
+    /** 自定义弹出层容器 */
+    getPopupContainer?: (node: HTMLElement) => HTMLElement;
+}
+export interface ComplexOption<T = string | number> {
+    label: string[] | string;
+    value: T;
+    user_icon?: string;
+}
+export declare function formatUserQuery(instanceQuery: any): any[];
+/**
+ * CMDB 实例下拉选择器组件
+ *
+ * 基于 Ant Design Select 的 CMDB 实例选择器，支持搜索、分页加载、
+ * 单选和多选模式。自动调用 CMDB API 获取实例列表。
+ *
+ * 主要特性：
+ * - 支持关键词搜索（搜索防抖 300ms）
+ * - 支持分页加载（滚动到底部自动加载下一页）
+ * - 支持单选和多选模式
+ * - 支持自定义查询条件（instanceQuery）
+ * - 支持自定义显示字段（labelTemplate）
+ * - USER 模型特殊处理（显示用户头像）
+ * - 支持权限控制（permission）
+ * - 支持外部 CMDB 数据源
+ * - 支持自定义后缀内容
+ */
+export declare const CmdbInstanceSelect: React.ForwardRefExoticComponent<CmdbInstanceSelectProps & React.RefAttributes<unknown>>;

package/dist-types/cmdb-instance-select/CmdbInstanceSelectInternal.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-types/cmdb-instance-select/i18n.d.ts

@@ -0,0 +1,13 @@
+export declare enum K {
+    CMDB_INSTANCE_SELECT = "CMDB_INSTANCE_SELECT",
+    BACKGROUND_SEARCH = "BACKGROUND_SEARCH"
+}
+export declare const NS = "bricks/form-platform/eo-cmdb-instance-select";
+export declare const locales: {
+    en: Locale;
+    zh: Locale;
+};
+type Locale = {
+    [key in K]: string;
+};
+export {};