@next-bricks/form 0.17.2 → 0.17.4

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.2",
+  "version": "0.17.4",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/form",
   "repository": {
     "type": "git",
@@ -37,5 +37,5 @@
     "@next-core/build-next-bricks": "^1.14.1",
     "@next-core/test-next": "^1.0.9"
   },
-  "gitHead": "507939fb8db947d884cd0a75329ca9b4a228b81e"
+  "gitHead": "19da513f507042812618ef380e9e099c33a25d7f"
 }