@next-bricks/form 0.26.4 → 0.27.1

package/docs/eo-date-picker.md

@@ -4,13 +4,13 @@
 
 ### Basic
 
-```yaml preview
+```yaml preview minHeight="450px"
 - brick: eo-date-picker
 ```
 
 ### picker
 
-```yaml preview
+```yaml preview minHeight="550px"
 - brick: eo-radio
   events:
     change:
@@ -69,7 +69,7 @@
 
 ### showTime
 
-```yaml preview
+```yaml preview minHeight="450px"
 - brick: eo-date-picker
   events:
     ok:
@@ -84,7 +84,7 @@
 
 ### 禁用日期
 
-```yaml preview
+```yaml preview minHeight="450px"
 - brick: eo-date-picker
   events:
     ok:
@@ -103,3 +103,21 @@
     showTime: true
     value: "2019-10-01 00:00:00"
 ```
+
+### With Form
+
+```yaml preview minHeight="450px"
+- brick: eo-form
+  events:
+    validate.success:
+      - action: console.log
+    values.change:
+      - action: console.log
+  children:
+    - brick: eo-date-picker
+      properties:
+        label: 日期
+        name: date
+        required: true
+    - brick: eo-submit-buttons
+```

package/docs/eo-icon-select.md

@@ -1,10 +1,10 @@
-构件 icon-select
+图标选择器
 
 ## Examples
 
 ### Basic
 
-```yaml preview
+```yaml preview minHeight="750px"
 - brick: eo-icon-select
   events:
     change:
@@ -12,3 +12,21 @@
       args:
         - "<% EVENT.detail %>"
 ```
+
+### With Form
+
+```yaml preview minHeight="750px"
+- brick: eo-form
+  events:
+    validate.success:
+      - action: console.log
+    values.change:
+      - action: console.log
+  children:
+    - brick: eo-icon-select
+      properties:
+        name: icon
+        label: 图标
+        required: true
+    - brick: eo-submit-buttons
+```

package/docs/eo-input.md

@@ -177,3 +177,21 @@
           properties:
             textContent: .com
 ```
+
+### With Form
+
+```yaml preview
+- brick: eo-form
+  events:
+    validate.success:
+      - action: console.log
+    values.change:
+      - action: console.log
+  children:
+    - brick: eo-input
+      properties:
+        label: 输入框
+        name: text
+        required: true
+    - brick: eo-submit-buttons
+```

package/docs/eo-select.md

@@ -1,6 +1,6 @@
 表单下拉选择构件。
 
-```yaml preview
+```yaml preview minHeight="250px"
 - brick: eo-select
   properties:
     options:
@@ -14,7 +14,7 @@
 
 ### Label
 
-```yaml preview
+```yaml preview minHeight="250px"
 - brick: eo-select
   properties:
     label: city
@@ -27,7 +27,7 @@
 
 ### Value
 
-```yaml preview
+```yaml preview minHeight="250px"
 - brick: eo-select
   properties:
     label: city
@@ -41,7 +41,7 @@
 
 ### Options
 
-```yaml preview
+```yaml preview minHeight="300px"
 - brick: eo-select
   properties:
     label: string
@@ -82,7 +82,7 @@
 
 ### Disabled
 
-```yaml preview
+```yaml preview minHeight="250px"
 - brick: eo-select
   properties:
     options:
@@ -111,7 +111,7 @@
 
 ### Multiple
 
-```yaml preview
+```yaml preview minHeight="250px"
 - brick: eo-select
   properties:
     label: multiple
@@ -128,7 +128,7 @@
 
 ### Tags & TokenSeparators & MaxTagCount
 
-```yaml preview
+```yaml preview minHeight="250px"
 - brick: eo-select
   properties:
     label: tags
@@ -147,7 +147,7 @@
 
 ### Placeholder
 
-```yaml preview
+```yaml preview minHeight="250px"
 - brick: eo-select
   properties:
     placeholder: This is placeholder...
@@ -160,7 +160,7 @@
 
 ### Suffix
 
-```yaml preview
+```yaml preview minHeight="250px"
 - brick: eo-select
   properties:
     placeholder: This is placeholder...
@@ -190,7 +190,7 @@
 
 ### GroupBy
 
-```yaml preview
+```yaml preview minHeight="300px"
 - brick: eo-select
   properties:
     placeholder: This is placeholder...
@@ -216,7 +216,7 @@
 
 ### Fields
 
-```yaml preview
+```yaml preview minHeight="300px"
 - brick: eo-select
   properties:
     placeholder: This is placeholder...
@@ -245,7 +245,7 @@
 
 ### UseBackend
 
-```yaml preview
+```yaml preview minHeight="300px"
 - brick: eo-select
   properties:
     label: useBackend
@@ -278,7 +278,7 @@
 
 ### Input Style
 
-```yaml preview
+```yaml preview minHeight="250px"
 - brick: eo-select
   properties:
     inputStyle:
@@ -292,7 +292,7 @@
 
 ### Event
 
-```yaml preview
+```yaml preview minHeight="400px"
 - brick: eo-select
   properties:
     id: options-change-select
@@ -343,3 +343,26 @@
     style:
       height: 20px
 ```
+
+### With Form
+
+```yaml preview minHeight="250px"
+- brick: eo-form
+  events:
+    validate.success:
+      - action: console.log
+    values.change:
+      - action: console.log
+  children:
+    - brick: eo-select
+      properties:
+        options:
+          - Beijing
+          - Shanghai
+          - Guangzhou
+          - Shenzhen
+        label: 选择框
+        name: select
+        required: true
+    - brick: eo-submit-buttons
+```

package/docs/eo-switch.md

@@ -75,3 +75,20 @@
   properties:
     disabled: false
 ```
+
+### With Form
+
+```yaml preview
+- brick: eo-form
+  events:
+    validate.success:
+      - action: console.log
+    values.change:
+      - action: console.log
+  children:
+    - brick: eo-switch
+      properties:
+        name: switch
+        label: 开关
+    - brick: eo-submit-buttons
+```

package/docs/eo-textarea.md

@@ -107,3 +107,21 @@
       args:
         - blur
 ```
+
+### With Form
+
+```yaml preview
+- brick: eo-form
+  events:
+    validate.success:
+      - action: console.log
+    values.change:
+      - action: console.log
+  children:
+    - brick: eo-textarea
+      properties:
+        label: 输入框
+        name: text
+        required: true
+    - brick: eo-submit-buttons
+```

package/docs/eo-time-picker.md

@@ -4,7 +4,7 @@
 
 ### Basic
 
-```yaml preview
+```yaml preview minHeight="400px"
 - brick: eo-time-picker
   properties:
     label: time
@@ -14,14 +14,14 @@
 
 ### 国际化
 
-```yaml preview
-- brick: eo-time-picker
+```yaml preview minHeight="400px"
 - brick: div
   properties:
     style:
       display: grid
       gap: 1em
   children:
+    - brick: eo-time-picker
     - brick: eo-button
       properties:
         textContent: 中文
@@ -52,7 +52,7 @@
 
 ### event
 
-```yaml preview
+```yaml preview minHeight="400px"
 - brick: eo-time-picker
   events:
     change:
@@ -65,3 +65,21 @@
     label: time
     placeholder: 选择时间
 ```
+
+### With Form
+
+```yaml preview minHeight="400px"
+- brick: eo-form
+  events:
+    validate.success:
+      - action: console.log
+    values.change:
+      - action: console.log
+  children:
+    - brick: eo-time-picker
+      properties:
+        label: 时间
+        name: time
+        required: true
+    - brick: eo-submit-buttons
+```

package/docs/eo-time-range-picker.md

@@ -4,7 +4,7 @@
 
 ### Basic
 
-```yaml preview
+```yaml preview minHeight="400px"
 - brick: eo-time-range-picker
   properties:
     label: hello
@@ -13,7 +13,7 @@
 
 ### rangeType
 
-```yaml preview
+```yaml preview minHeight="400px"
 - brick: eo-radio
   properties:
     options:
@@ -40,7 +40,7 @@
 
 ### presetRanges
 
-```yaml preview
+```yaml preview minHeight="400px"
 - brick: eo-time-range-picker
   properties:
     label: hello
@@ -56,7 +56,7 @@
 
 ### validate
 
-```yaml preview
+```yaml preview minHeight="400px"
 - brick: eo-form
   events:
     values.change:
@@ -85,7 +85,7 @@
 
 ### selectNearDays
 
-```yaml preview
+```yaml preview minHeight="400px"
 - brick: eo-time-range-picker
   events:
     - action: console.log
@@ -98,7 +98,7 @@
 
 ### Events
 
-```yaml preview
+```yaml preview minHeight="400px"
 - brick: eo-time-range-picker
   events:
     - action: console.log
@@ -106,3 +106,21 @@
     label: hello
     name: time
 ```
+
+### With Form
+
+```yaml preview minHeight="400px"
+- brick: eo-form
+  events:
+    validate.success:
+      - action: console.log
+    values.change:
+      - action: console.log
+  children:
+    - brick: eo-time-range-picker
+      properties:
+        label: 时间
+        name: time
+        required: true
+    - brick: eo-submit-buttons
+```

package/docs/eo-upload-file.md

@@ -20,3 +20,33 @@ events:
       args:
         - <% EVENT.detail %>
 ```
+
+### With Form
+
+```yaml preview
+- brick: eo-form
+  events:
+    validate.success:
+      - action: console.log
+    values.change:
+      - action: console.log
+  children:
+    - brick: eo-upload-file
+      properties:
+        label: 文件
+        name: file
+        required: true
+        style:
+          width: 300px
+        uploadDraggable: true
+        maxCount: 2
+        multiple: true
+        accept: image/*
+        draggableUploadTip: 支持上传图片
+      events:
+        change:
+          - action: console.log
+            args:
+              - <% EVENT.detail %>
+    - brick: eo-submit-buttons
+```

package/docs/eo-upload-image.md

@@ -12,3 +12,26 @@
       args:
         - "<% EVENT.detail %>"
 ```
+
+### With Form
+
+```yaml preview
+- brick: eo-form
+  events:
+    validate.success:
+      - action: console.log
+    values.change:
+      - action: console.log
+  children:
+    - brick: eo-upload-image
+      properties:
+        label: 文件
+        name: file
+        required: true
+      events:
+        change:
+          - action: console.log
+            args:
+              - <% EVENT.detail %>
+    - brick: eo-submit-buttons
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/form",
-  "version": "0.26.4",
+  "version": "0.27.1",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/form",
   "repository": {
     "type": "git",
@@ -34,7 +34,7 @@
     "postpublish": "mv package.json.bak package.json"
   },
   "devDependencies": {
-    "@next-core/build-next-bricks": "^1.17.0",
+    "@next-core/build-next-bricks": "^1.18.0",
     "@next-core/test-next": "^1.0.12"
   },
   "peerDependencies": {
@@ -43,5 +43,5 @@
     "@next-bricks/icons": "*",
     "@next-bricks/illustrations": "*"
   },
-  "gitHead": "0aed3cf6565f102fbf4341104014bdcc1ff17de2"
+  "gitHead": "3cd3b378847694dd9e7a9d60c4748a05df2dafe2"
 }