@next-bricks/form 0.13.3 → 0.14.0

package/dist/manifest.json

@@ -19,6 +19,32 @@
           "description": "标签文字",
           "type": "string"
         },
+        {
+          "name": "required",
+          "description": "是否必填",
+          "type": "boolean"
+        },
+        {
+          "name": "pattern",
+          "description": "正则校验规则",
+          "type": "string"
+        },
+        {
+          "name": "max",
+          "description": "表单校验最大长度",
+          "type": "number"
+        },
+        {
+          "name": "min",
+          "description": "表单校验最小长度",
+          "type": "number"
+        },
+        {
+          "name": "message",
+          "description": "错误时显示消息",
+          "attribute": false,
+          "type": "Record<string, string>"
+        },
         {
           "name": "value",
           "description": "输入框值",
@@ -34,6 +60,11 @@
           "description": "是否禁用",
           "type": "boolean"
         },
+        {
+          "name": "readonly",
+          "description": "是否只读",
+          "type": "boolean"
+        },
         {
           "name": "clearable",
           "description": "是否显示清除按钮",
@@ -49,7 +80,7 @@
           "name": "size",
           "description": "大小",
           "default": "\"medium\"",
-          "type": "ComponentSize"
+          "type": "\"large\" | \"medium\" | \"small\""
         },
         {
           "name": "minLength",
@@ -62,36 +93,30 @@
           "type": "number"
         },
         {
-          "name": "required",
-          "description": "是否必填",
-          "type": "boolean"
-        },
-        {
-          "name": "pattern",
-          "description": "正则校验规则",
-          "type": "string"
+          "name": "inputStyle",
+          "description": "输入框样式",
+          "attribute": false,
+          "type": "React.CSSProperties"
         },
         {
-          "name": "max",
-          "description": "表单校验最大长度",
-          "type": "number"
+          "name": "hasAddonBefore",
+          "description": "是否有 addonBefore 插槽",
+          "type": "boolean"
         },
         {
-          "name": "min",
-          "description": "表单校验最小长度",
-          "type": "number"
+          "name": "hasAddonAfter",
+          "description": "是否有 addonAfter 插槽",
+          "type": "boolean"
         },
         {
-          "name": "message",
-          "description": "错误时显示消息",
-          "attribute": false,
-          "type": "Record<string, string>"
+          "name": "hasPrefix",
+          "description": "是否有 prefix 插槽",
+          "type": "boolean"
         },
         {
-          "name": "inputStyle",
-          "description": "输入框样式",
-          "attribute": false,
-          "type": "React.CSSProperties"
+          "name": "hasSuffix",
+          "description": "是否有 suffix 插槽",
+          "type": "boolean"
         }
       ],
       "events": [
@@ -104,16 +129,37 @@
         }
       ],
       "slots": [
+        {
+          "name": "addonBefore",
+          "description": "输入框前置标签"
+        },
+        {
+          "name": "addonAfter",
+          "description": "输入框后置标签"
+        },
         {
           "name": "prefix",
-          "description": "输入框前置插槽"
+          "description": "输入框前缀图标"
         },
         {
           "name": "suffix",
-          "description": "输入框后置插槽"
+          "description": "输入框后缀图标"
+        }
+      ],
+      "methods": [
+        {
+          "name": "focusInput",
+          "params": [],
+          "description": "focus",
+          "returns": {}
+        },
+        {
+          "name": "blurInput",
+          "params": [],
+          "description": "blur",
+          "returns": {}
         }
       ],
-      "methods": [],
       "description": "通用输入框构件"
     },
     {

package/dist/types.json

@@ -1525,116 +1525,133 @@
         }
       },
       {
-        "name": "value",
+        "name": "required",
         "annotation": {
           "type": "keyword",
-          "value": "string"
+          "value": "boolean"
         }
       },
       {
-        "name": "placeholder",
+        "name": "pattern",
         "annotation": {
           "type": "keyword",
           "value": "string"
         }
       },
       {
-        "name": "disabled",
+        "name": "max",
         "annotation": {
           "type": "keyword",
-          "value": "boolean"
+          "value": "number"
         }
       },
       {
-        "name": "clearable",
+        "name": "min",
         "annotation": {
           "type": "keyword",
-          "value": "boolean"
+          "value": "number"
         }
       },
       {
-        "name": "type",
+        "name": "message",
         "annotation": {
           "type": "reference",
           "typeName": {
             "type": "identifier",
-            "name": "InputType"
+            "name": "Record"
+          },
+          "typeParameters": {
+            "type": "typeParameterInstantiation",
+            "params": [
+              {
+                "type": "keyword",
+                "value": "string"
+              },
+              {
+                "type": "keyword",
+                "value": "string"
+              }
+            ]
           }
         }
       },
       {
-        "name": "size",
+        "name": "value",
         "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "ComponentSize"
-          }
+          "type": "keyword",
+          "value": "string"
         }
       },
       {
-        "name": "minLength",
+        "name": "placeholder",
         "annotation": {
           "type": "keyword",
-          "value": "number"
+          "value": "string"
         }
       },
       {
-        "name": "maxLength",
+        "name": "disabled",
         "annotation": {
           "type": "keyword",
-          "value": "number"
+          "value": "boolean"
         }
       },
       {
-        "name": "required",
+        "name": "readonly",
         "annotation": {
           "type": "keyword",
           "value": "boolean"
         }
       },
       {
-        "name": "pattern",
+        "name": "clearable",
         "annotation": {
           "type": "keyword",
-          "value": "string"
+          "value": "boolean"
         }
       },
       {
-        "name": "max",
+        "name": "type",
         "annotation": {
-          "type": "keyword",
-          "value": "number"
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "InputType"
+          }
         }
       },
       {
-        "name": "min",
+        "name": "size",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "large"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "medium"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "small"
+            }
+          ]
+        }
+      },
+      {
+        "name": "minLength",
         "annotation": {
           "type": "keyword",
           "value": "number"
         }
       },
       {
-        "name": "message",
+        "name": "maxLength",
         "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "Record"
-          },
-          "typeParameters": {
-            "type": "typeParameterInstantiation",
-            "params": [
-              {
-                "type": "keyword",
-                "value": "string"
-              },
-              {
-                "type": "keyword",
-                "value": "string"
-              }
-            ]
-          }
+          "type": "keyword",
+          "value": "number"
         }
       },
       {
@@ -1653,6 +1670,34 @@
             }
           }
         }
+      },
+      {
+        "name": "hasAddonBefore",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "hasAddonAfter",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "hasPrefix",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "hasSuffix",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
       }
     ],
     "events": [
@@ -1666,7 +1711,18 @@
         }
       }
     ],
-    "methods": [],
+    "methods": [
+      {
+        "name": "focusInput",
+        "params": [],
+        "returns": {}
+      },
+      {
+        "name": "blurInput",
+        "params": [],
+        "returns": {}
+      }
+    ],
     "types": [
       {
         "type": "typeAlias",
@@ -1764,31 +1820,6 @@
             }
           ]
         }
-      },
-      {
-        "type": "typeAlias",
-        "name": "ComponentSize",
-        "annotation": {
-          "type": "union",
-          "types": [
-            {
-              "type": "jsLiteral",
-              "value": "large"
-            },
-            {
-              "type": "jsLiteral",
-              "value": "medium"
-            },
-            {
-              "type": "jsLiteral",
-              "value": "small"
-            },
-            {
-              "type": "jsLiteral",
-              "value": "xs"
-            }
-          ]
-        }
       }
     ]
   },

package/dist-types/form-item/index.d.ts

@@ -28,7 +28,10 @@ export interface FormItemProps {
     valuePropsName?: string;
     notRender?: boolean;
     helpBrick?: {
-        useBrick: UseSingleBrickConf;
+        useBrick: UseSingleBrickConf | UseSingleBrickConf[];
+    };
+    labelBrick?: {
+        useBrick: UseSingleBrickConf | UseSingleBrickConf[];
     };
     needValidate?: boolean;
     validator?: (value: any) => MessageBody | string;

package/dist-types/input/index.d.ts

@@ -1,29 +1,36 @@
-import React from "react";
-import { ComponentSize, InputType } from "../interface.js";
-import { FormItemElementBase } from "@next-shared/form";
+import React, { type CSSProperties } from "react";
 import "@next-core/theme";
-import type { FormItemProps } from "../form-item/index.jsx";
-interface InputProps extends FormItemProps {
+import { FormItemElementBase } from "@next-shared/form";
+import { FormItemProps } from "../form-item/index.jsx";
+import { InputType } from "../interface.js";
+export interface InputProps extends FormItemProps {
     value?: string;
     placeholder?: string;
     disabled?: boolean;
+    readOnly?: boolean;
     clearable?: boolean;
     type?: InputType;
-    size?: ComponentSize;
-    inputStyle?: React.CSSProperties;
-    minLength?: number;
+    size?: "large" | "medium" | "small";
     maxLength?: number;
+    minLength?: number;
     validateState?: string;
-    trigger?: string;
-    onInputChange: (value: string) => void;
+    inputStyle?: CSSProperties;
+}
+export interface InputEvents {
+    change: CustomEvent<string>;
+}
+export interface InputEventsMap {
+    onChange: "change";
 }
 /**
  * 通用输入框构件
  * @author sailor
- * @slot prefix - 输入框前置插槽
- * @slot suffix - 输入框后置插槽
+ * @slot addonBefore - 输入框前置标签
+ * @slot addonAfter - 输入框后置标签
+ * @slot prefix - 输入框前缀图标
+ * @slot suffix - 输入框后缀图标
  */
-declare class Input extends FormItemElementBase {
+export declare class Input extends FormItemElementBase {
     #private;
     /**
      * 字段名称
@@ -33,6 +40,26 @@ declare class Input extends FormItemElementBase {
      * 标签文字
      */
     accessor label: string | undefined;
+    /**
+     * 是否必填
+     */
+    accessor required: boolean | undefined;
+    /**
+     * 正则校验规则
+     */
+    accessor pattern: string | undefined;
+    /**
+     * 表单校验最大长度
+     */
+    accessor max: number | undefined;
+    /**
+     * 表单校验最小长度
+     */
+    accessor min: number | undefined;
+    /**
+     * 错误时显示消息
+     */
+    accessor message: Record<string, string> | undefined;
     /**
      * 输入框值
      */
@@ -45,6 +72,10 @@ declare class Input extends FormItemElementBase {
      * 是否禁用
      */
     accessor disabled: boolean | undefined;
+    /**
+     * 是否只读
+     */
+    accessor readonly: boolean | undefined;
     /**
      * 是否显示清除按钮
      */
@@ -58,7 +89,7 @@ declare class Input extends FormItemElementBase {
      * 大小
      * @default "medium"
      */
-    accessor size: ComponentSize | undefined;
+    accessor size: "large" | "medium" | "small" | undefined;
     /**
      * 最小长度
      */
@@ -68,31 +99,42 @@ declare class Input extends FormItemElementBase {
      */
     accessor maxLength: number | undefined;
     /**
-     * 是否必填
+     * 输入框样式
      */
-    accessor required: boolean | undefined;
+    accessor inputStyle: React.CSSProperties | undefined;
+    handleInputChange: (value: string) => void;
     /**
-     * 正则校验规则
+     * focus
      */
-    accessor pattern: string | undefined;
+    focusInput(): void | undefined;
     /**
-     * 表单校验最大长度
+     * blur
      */
-    accessor max: number | undefined;
+    blurInput(): void | undefined;
     /**
-     * 表单校验最小长度
+     * 是否有 addonBefore 插槽
      */
-    accessor min: number | undefined;
+    accessor hasAddonBefore: boolean | undefined;
     /**
-     * 错误时显示消息
+     * 是否有 addonAfter 插槽
      */
-    accessor message: Record<string, string> | undefined;
+    accessor hasAddonAfter: boolean | undefined;
     /**
-     * 输入框样式
+     * 是否有 prefix 插槽
      */
-    accessor inputStyle: React.CSSProperties | undefined;
-    handleInputChange: (value: string) => void;
+    accessor hasPrefix: boolean | undefined;
+    /**
+     * 是否有 suffix 插槽
+     */
+    accessor hasSuffix: boolean | undefined;
+    renderCallback: (ref: RCInputRef) => void;
     render(): JSX.Element;
 }
-export declare function InputComponent(props: InputProps): JSX.Element;
-export { Input };
+export interface RCInputProps extends InputProps {
+    onInputChange?: (value: string) => void;
+}
+export interface RCInputRef {
+    focus: (options?: FocusOptions) => void;
+    blur: () => void;
+}
+export declare const RCInput: React.ForwardRefExoticComponent<RCInputProps & React.RefAttributes<RCInputRef>>;

package/docs/eo-input.md

@@ -137,7 +137,7 @@
 
 ### Slot
 
-```yaml preview
+```yaml preview gap
 - brick: eo-input
   properties:
     placeholder: prefix slot
@@ -160,4 +160,20 @@
             icon: search
             lib: antd
             theme: outlined
+- brick: eo-input
+  properties:
+    placeholder: addon slot
+  slots:
+    addonBefore:
+      type: bricks
+      bricks:
+        - brick: span
+          properties:
+            textContent: https://
+    addonAfter:
+      type: bricks
+      bricks:
+        - brick: span
+          properties:
+            textContent: .com
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/form",
-  "version": "0.13.3",
+  "version": "0.14.0",
   "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.13.3",
     "@next-core/test-next": "^1.0.8"
   },
-  "gitHead": "fc80d5d9f3f8a2ccb02998bd98cd5bbcf852d6cd"
+  "gitHead": "05c626b490dd9aa85218dba9c858d276cd779c02"
 }

package/dist/chunks/4454.7284d6cc.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_next_bricks_form=self.webpackChunk_next_bricks_form||[]).push([[4454],{4454:(r,e,t)=>{t.r(e),t.d(e,{enqueueStableLoadBricks:()=>d,enqueueStableLoadProcessors:()=>v,flushStableLoadBricks:()=>f,loadBricksImperatively:()=>h,loadProcessorsImperatively:()=>w,loadScript:()=>a,loadSharedModule:()=>c});var n=new Map;function a(r,e){if(Array.isArray(r))return Promise.all(r.map((r=>a(r,e))));var t=e?"".concat(e).concat(r):r,o=n.get(t);if(o)return o;var i=new Promise(((r,e)=>{var n=()=>{window.dispatchEvent(new Event("request.end"))},a=document.createElement("script");a.src=t,a.type="text/javascript",a.async=!0,a.onload=()=>{r(t),n()},a.onerror=r=>{e(r),n()};var o=document.currentScript||document.getElementsByTagName("script")[0];o.parentNode.insertBefore(a,o),window.dispatchEvent(new Event("request.start"))}));return n.set(t,i),i}var o,i=t(4795);function c(r,e){return s.apply(this,arguments)}function s(){return(s=(0,i.Z)((function*(r,e){yield t.I("default");var n=window[r];return yield n.init(t.S.default),(yield n.get(e))()}))).apply(this,arguments)}var l,u=!1,p=new Promise((r=>{o=r}));function f(){u||o()}function d(r,e){return L(E("bricks",r,e))}function v(r,e){return L(E("processors",r,e))}function h(r,e){return y.apply(this,arguments)}function y(){return(y=(0,i.Z)((function*(r,e){var t=E("bricks",r,e);return f(),L(t)}))).apply(this,arguments)}function w(r,e){var t=E("processors",r,e);return f(),L(t)}var m="v2-adapter.load-bricks";function k(r,e,t){var n=new Map,a=new Set,o=e=>{var i;if(!a.has(e)){var c,s,l;if(a.add(e),"processors"===r||e.includes(".")){[s,l]=e.split(".");var u="bricks/".concat("processors"===r?s.replace(/[A-Z]/g,(r=>"-".concat(r[0].toLocaleLowerCase()))).replace(/_[0-9]/g,(r=>"-".concat(r[1]))):s);c=t.get(u)}else for(var p of(l=e,t.values())){var f;if(null!==(f=p.elements)&&void 0!==f&&f.some((r=>r===l))){c=p;break}}if(!c)throw new Error("Package for ".concat(e," not found."));var d=n.get(c);d||(d=[],n.set(c,d)),d.push(l);var v=null===(i=c.dependencies)||void 0===i?void 0:i[e];if(v)for(var h of v)o(h)}};for(var i of e)o(i);return n}function b(r,e,t){return P.apply(this,arguments)}function P(){return(P=(0,i.Z)((function*(r,e,t){var n="".concat("processors"===r?"./processors/":"./").concat(t);try{yield c(e,n)}catch(t){throw console.error(t),new Error("Load ".concat(r,' of "').concat(e.split("/").pop(),".").concat(n.split("/").pop(),'" failed'))}}))).apply(this,arguments)}function g(r,e,t){return e.map(function(){var e=(0,i.Z)((function*(e){var n;return yield a(e.filePath,null!==(n=window.PUBLIC_ROOT)&&void 0!==n?n:""),yield p,Promise.all(t.get(e).map((t=>b(r,e.id,t))))}));return function(r){return e.apply(this,arguments)}}())}function E(r,e,t){return _.apply(this,arguments)}function _(){return _=(0,i.Z)((function*(r,e,t){var n=new Map;for(var c of t){var s,p=null!==(s=c.id)&&void 0!==s?s:Z(c.filePath);n.set(p,c)}var f,d,v=k(r,e,n),h=[],y=[];for(var w of v.keys())w.id?"bricks/basic"===w.id?f=w:y.push(w):(h.push(w),(d=n.get("bricks/v2-adapter"))||console.error("Using v2 bricks, but v2-adapter not found"));var P,E=d,_=f;if(_){var L,S=a(_.filePath,null!==(L=window.PUBLIC_ROOT)&&void 0!==L?L:"");u||(u=!0,S.then((()=>Promise.resolve())).then(o)),P=S.then((()=>Promise.all(v.get(_).map((e=>b(r,_.id,e))))))}var B=[P].concat(g(r,y,v));if(E&&h.length>0){if(!l){var q=k("bricks",[m],n),C=[...q.keys()],I=function(){var r=(0,i.Z)((function*(){return yield Promise.all(g("bricks",C,q)),document.createElement(m)}));return function(){return r.apply(this,arguments)}}();l=I()}B.push(l.then((e=>Promise.all(h.map((n=>{var a=Z(n.filePath).split("/")[1];return e.resolve(E.filePath,n.filePath,"bricks"===r?v.get(n).map((r=>"".concat(a,".").concat(r))):[],n.dll,t)}))))))}yield Promise.all(B)})),_.apply(this,arguments)}function L(r){return S.apply(this,arguments)}function S(){return(S=(0,i.Z)((function*(r){window.dispatchEvent(new Event("request.start"));try{yield r}finally{window.dispatchEvent(new Event("request.end"))}}))).apply(this,arguments)}function Z(r){return r.split("/").slice(0,2).join("/")}}}]);
-//# sourceMappingURL=4454.7284d6cc.js.map