@next-bricks/form 0.17.1 → 0.17.3

package/dist/types.json

@@ -1438,6 +1438,273 @@
     ],
     "methods": []
   },
+  "eo-auto-complete": {
+    "properties": [
+      {
+        "name": "name",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "placeholder",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "label",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "inputStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "qualifiedName",
+            "left": {
+              "type": "identifier",
+              "name": "React"
+            },
+            "right": {
+              "type": "identifier",
+              "name": "CSSProperties"
+            }
+          }
+        }
+      },
+      {
+        "name": "disabled",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "required",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "value",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "options",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "array",
+              "elementType": {
+                "type": "keyword",
+                "value": "string"
+              }
+            },
+            {
+              "type": "array",
+              "elementType": {
+                "type": "reference",
+                "typeName": {
+                  "type": "identifier",
+                  "name": "OptionType"
+                }
+              }
+            }
+          ]
+        }
+      },
+      {
+        "name": "filterByCaption",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "validator",
+        "annotation": {
+          "type": "parenthesizedType",
+          "annotation": {
+            "type": "function",
+            "parameters": [
+              {
+                "type": "identifier",
+                "name": "value",
+                "annotation": {
+                  "type": "keyword",
+                  "value": "any"
+                }
+              }
+            ],
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "MessageBody"
+              }
+            }
+          }
+        }
+      },
+      {
+        "name": "pattern",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "message",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "Record"
+          },
+          "typeParameters": {
+            "type": "typeParameterInstantiation",
+            "params": [
+              {
+                "type": "keyword",
+                "value": "string"
+              },
+              {
+                "type": "keyword",
+                "value": "string"
+              }
+            ]
+          }
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "change",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "string"
+          }
+        }
+      }
+    ],
+    "methods": [],
+    "types": [
+      {
+        "type": "typeAlias",
+        "name": "OptionType",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "Option"
+              }
+            },
+            {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "OptionGroup"
+              }
+            }
+          ]
+        }
+      },
+      {
+        "type": "interface",
+        "name": "Option",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "label"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "caption"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "value"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "any"
+            },
+            "computed": false
+          }
+        ]
+      },
+      {
+        "type": "interface",
+        "name": "OptionGroup",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "label"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "options"
+            },
+            "annotation": {
+              "type": "array",
+              "elementType": {
+                "type": "reference",
+                "typeName": {
+                  "type": "identifier",
+                  "name": "Option"
+                }
+              }
+            },
+            "computed": false
+          }
+        ]
+      }
+    ]
+  },
   "eo-input": {
     "properties": [
       {

package/dist-types/auto-complete/index.d.ts

@@ -0,0 +1,80 @@
+import React from "react";
+import "@next-core/theme";
+import { FormItemElementBase, MessageBody } from "@next-shared/form";
+import type { FormItemProps } from "../form-item/index.jsx";
+interface EoAutoCompleteComponentProps extends FormItemProps {
+    curElement?: HTMLElement;
+    value?: any;
+    options?: string[] | OptionType[];
+    placeholder?: string;
+    inputStyle?: React.CSSProperties;
+    disabled?: boolean;
+    filterByCaption?: boolean;
+    onChange?: (value: any) => void;
+}
+export interface Option {
+    label: string;
+    caption?: string;
+    value: any;
+}
+export interface OptionGroup {
+    label: string;
+    options: Option[];
+}
+export type OptionType = Option | OptionGroup;
+/**
+ * 构件 `eo-auto-complete`
+ */
+export declare class EoAutoComplete extends FormItemElementBase {
+    #private;
+    /**
+     * 字段名称
+     */
+    accessor name: string | undefined;
+    /**
+     * 占位说明
+     */
+    accessor placeholder: string | undefined;
+    /**
+     * 字段文本
+     */
+    accessor label: string | undefined;
+    /**
+     * 输入框样式
+     */
+    accessor inputStyle: React.CSSProperties | undefined;
+    /**
+     * 是否禁用
+     */
+    accessor disabled: boolean | undefined;
+    /**
+     * 是否必填
+     */
+    accessor required: boolean | undefined;
+    accessor value: string | undefined;
+    /**
+     * 选项列表
+     * @required
+     */
+    accessor options: string[] | OptionType[] | undefined;
+    /**
+     * 搜索时是否根据caption过滤options
+     */
+    accessor filterByCaption: boolean | undefined;
+    /**
+     * 表单项校验方法
+     */
+    accessor validator: ((value: any) => MessageBody) | undefined;
+    /**
+     * 正则校验规则
+     */
+    accessor pattern: string | undefined;
+    /**
+     * 校验文本信息
+     */
+    accessor message: Record<string, string> | undefined;
+    handleInputChange: (value: string) => void;
+    render(): JSX.Element;
+}
+export declare function EoAutoCompleteComponent(props: EoAutoCompleteComponentProps): JSX.Element;
+export {};

package/dist-types/auto-complete/index.spec.d.ts

@@ -0,0 +1 @@
+import "./";

package/dist-types/bootstrap.d.ts

@@ -12,3 +12,4 @@ import "./icon-select/index.js";
 import "./upload/upload-image/index.js";
 import "./general-switch/index.js";
 import "./upload/upload-file/index.js";
+import "./auto-complete/index.js";

package/docs/eo-auto-complete.md

@@ -0,0 +1,105 @@
+构件 `eo-auto-complete`
+
+## Examples
+
+### Basic
+
+```yaml preview
+- brick: eo-auto-complete
+  properties:
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+```
+
+### caption
+
+```yaml preview
+- brick: eo-auto-complete
+  properties:
+    options:
+      - label: 选项1
+        value: "1"
+        caption: 说明1
+      - label: 选项2
+        value: "2"
+        caption: 说明2
+      - label: 选项3
+        value: "3"
+        caption: 说明3
+```
+
+### 分组
+
+```yaml preview
+- brick: eo-auto-complete
+  properties:
+    options:
+      - label: 选项1
+        value: "1"
+        caption: 说明1
+      - label: 选项2
+        value: "2"
+        caption: 说明2
+      - label: 分组1
+        options:
+          - label: 选项3-1
+            value: 3-1
+            caption: 说明3-1
+          - label: 选项3-1
+            value: 3-2
+            caption: 说明3-2
+```
+
+### filterByCaption
+
+```yaml preview
+- brick: eo-auto-complete
+  properties:
+    filterByCaption: true
+    options:
+      - label: 选项1
+        value: "1"
+        caption: 说明1
+      - label: 选项2
+        value: "2"
+        caption: 说明2
+      - label: 分组1
+        options:
+          - label: 选项3-1
+            value: 3-1
+            caption: 说明3-1
+          - label: 选项3-1
+            value: 3-2
+            caption: 说明3-2
+```
+
+### disabled
+
+```yaml preview
+- brick: eo-auto-complete
+  properties:
+    disabled: true
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+```
+
+### events
+
+```yaml preview
+- brick: eo-auto-complete
+  events:
+    change:
+      - action: console.log
+  properties:
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/form",
-  "version": "0.17.1",
+  "version": "0.17.3",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/form",
   "repository": {
     "type": "git",
@@ -34,8 +34,8 @@
     "postpublish": "mv package.json.bak package.json"
   },
   "devDependencies": {
-    "@next-core/build-next-bricks": "^1.14.0",
-    "@next-core/test-next": "^1.0.8"
+    "@next-core/build-next-bricks": "^1.14.1",
+    "@next-core/test-next": "^1.0.9"
   },
-  "gitHead": "380880dd2b549b5c9f2894c1fee09b8b0f7b785a"
+  "gitHead": "cc28d319b4e142b332cac648af193b8430273eb5"
 }