@next-bricks/form 0.4.6 → 0.6.0

package/docs/general-radio.md

@@ -0,0 +1,286 @@
+表单单选构件。
+
+```yaml preview
+- brick: form.general-radio
+  properties:
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+```
+
+## Examples
+
+### Label
+
+```yaml preview
+- brick: form.general-radio
+  properties:
+    label: city
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+```
+
+### Value
+
+```yaml preview
+- brick: form.general-radio
+  properties:
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+    value: Guangzhou
+```
+
+### Options
+
+```yaml preview
+- brick: form.general-radio
+  properties:
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+    value: Guangzhou
+- brick: form.general-radio
+  properties:
+    options:
+      - label: Beijing
+        value: 0
+      - label: Shanghai
+        value: 1
+        icon:
+          icon: "bar-chart"
+          lib: "antd"
+      - label: Guangzhou
+        value: 2
+      - label: Shenzhen
+        value: 3
+    value: 2
+- brick: form.general-radio
+  properties:
+    options:
+      - true
+      - false
+```
+
+### Disabled
+
+```yaml preview
+- brick: form.general-radio
+  properties:
+    options:
+      - label: Beijing
+        value: 0
+        disabled: true
+      - label: Shanghai
+        value: 1
+      - label: Guangzhou
+        value: 2
+      - label: Shenzhen
+        value: 3
+- brick: div
+  properties:
+    style:
+      height: 20px
+- brick: form.general-radio
+  properties:
+    disabled: true
+    options:
+      - label: Beijing
+        value: 0
+      - label: Shanghai
+        value: 1
+      - label: Guangzhou
+        value: 2
+      - label: Shenzhen
+        value: 3
+```
+
+### Size(Only use when type was button)
+
+```yaml preview
+- brick: form.general-radio
+  properties:
+    label: large
+    size: large
+    type: button
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+- brick: div
+  properties:
+    style:
+      height: 20px
+- brick: form.general-radio
+  properties:
+    label: medium
+    size: medium
+    type: button
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+- brick: div
+  properties:
+    style:
+      height: 20px
+- brick: form.general-radio
+  properties:
+    label: small
+    size: small
+    type: button
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+```
+
+### Type
+
+```yaml preview
+- brick: form.general-radio
+  properties:
+    label: Default
+    type: default
+    value: Beijing
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+- brick: form.general-radio
+  properties:
+    label: Button
+    type: button
+    value: Shanghai
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+- brick: form.general-radio
+  properties:
+    label: Icon
+    type: icon
+    value: 1
+    options:
+      - label: Beijing
+        value: 0
+        icon:
+          icon: "area-chart"
+          lib: "antd"
+      - label: Shanghai
+        value: 1
+        icon:
+          icon: "bar-chart"
+          lib: "antd"
+      - label: Guangzhou
+        value: 2
+        icon:
+          icon: "area-chart"
+          lib: "antd"
+- brick: form.general-radio
+  properties:
+    label: Icon Cricle
+    type: icon-circle
+    value: 0
+    options:
+      - label: Beijing
+        value: 0
+        icon:
+          icon: "area-chart"
+          lib: "antd"
+      - label: Shanghai
+        value: 1
+        icon:
+          icon: "bar-chart"
+          lib: "antd"
+      - label: Guangzhou
+        value: 2
+        icon:
+          icon: "area-chart"
+          lib: "antd"
+- brick: form.general-radio
+  properties:
+    label: Icon Square
+    type: icon-square
+    value: 2
+    options:
+      - label: Beijing
+        value: 0
+        icon:
+          icon: "area-chart"
+          lib: "antd"
+      - label: Shanghai
+        value: 1
+        icon:
+          icon: "bar-chart"
+          lib: "antd"
+      - label: Guangzhou
+        value: 2
+        icon:
+          icon: "area-chart"
+          lib: "antd"
+```
+
+### Event
+
+```yaml preview
+- brick: form.general-radio
+  properties:
+    id: option-radio
+    options:
+      - label: Beijing
+        value: 0
+      - label: Shanghai
+        value: 1
+        icon:
+          icon: "bar-chart"
+          lib: "antd"
+      - label: Guangzhou
+        value: 2
+      - label: Shenzhen
+        value: 3
+  events:
+    change:
+      - action: message.success
+        args:
+          - <% JSON.stringify(EVENT.detail) %>
+    options.change:
+      - action: message.success
+        args:
+          - <% JSON.stringify(EVENT.detail) %>
+- brick: basic.general-button
+  properties:
+    textContent: Click to Change Radio Option
+  events:
+    click:
+      - target: "#option-radio"
+        properties:
+          options:
+            - label: Beijing
+              value: 0
+            - label: Shanghai
+              value: 1
+              icon:
+                icon: "bar-chart"
+                lib: "antd"
+            - label: Guangzhou
+              value: 2
+            - label: Shenzhen
+              value: 3
+            - label: Hangzhou
+              value: 4
+```

package/docs/general-search.md

@@ -0,0 +1,22 @@
+搜索框
+
+## Examples
+
+### Basic
+
+```yaml preview
+- brick: form.general-search
+  properties:
+    placeholder: 请输入
+    clearable: true
+    trim: true
+  events:
+    change:
+      action: console.log
+      args:
+        - "<% EVENT.detail %>"
+    search:
+      action: console.log
+      args:
+        - "<% EVENT.detail %>"
+```

package/docs/general-select.md

@@ -0,0 +1,205 @@
+表单下拉选择构件。
+
+```yaml preview
+- brick: form.general-select
+  properties:
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+```
+
+## Examples
+
+### Label
+
+```yaml preview
+- brick: form.general-select
+  properties:
+    label: city
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+```
+
+### Value
+
+```yaml preview
+- brick: form.general-select
+  properties:
+    label: city
+    value: Shanghai
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+```
+
+### Options
+
+```yaml preview
+- brick: form.general-select
+  properties:
+    label: string
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+    value: Guangzhou
+- brick: div
+  properties:
+    style:
+      height: 20px
+- brick: form.general-select
+  properties:
+    label: Array<object>
+    options:
+      - label: Beijing
+        value: 0
+      - label: Shanghai
+        value: 1
+      - label: Guangzhou
+        value: 2
+      - label: Shenzhen
+        value: 3
+    value: 2
+- brick: div
+  properties:
+    style:
+      height: 20px
+- brick: form.general-select
+  properties:
+    label: boolean
+    options:
+      - true
+      - false
+```
+
+### Disabled
+
+```yaml preview
+- brick: form.general-select
+  properties:
+    options:
+      - label: Beijing
+        value: 0
+        disabled: true
+      - label: Shanghai
+        value: 1
+      - label: Guangzhou
+        value: 2
+      - label: Shenzhen
+        value: 3
+- brick: form.general-select
+  properties:
+    disabled: true
+    options:
+      - label: Beijing
+        value: 0
+      - label: Shanghai
+        value: 1
+      - label: Guangzhou
+        value: 2
+      - label: Shenzhen
+        value: 3
+```
+
+### Multiple
+
+```yaml preview
+- brick: form.general-select
+  properties:
+    label: multiple
+    multiple: true
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+```
+
+### Placeholder
+
+```yaml preview
+- brick: form.general-select
+  properties:
+    placeholder: This is placeholder...
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+```
+
+### Input Style
+
+```yaml preview
+- brick: form.general-select
+  properties:
+    inputStyle:
+      width: 180px
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+```
+
+### Event
+
+```yaml preview
+- brick: form.general-select
+  properties:
+    id: options-change-select
+    label: Single
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+  events:
+    change:
+      - action: message.success
+        args:
+          - <% JSON.stringify(EVENT.detail) %>
+    options.change:
+      - action: message.success
+        args:
+          - <% JSON.stringify(EVENT.detail) %>
+- brick: form.general-select
+  properties:
+    label: Multiple
+    multiple: true
+    options:
+      - Beijing
+      - Shanghai
+      - Guangzhou
+      - Shenzhen
+  events:
+    change:
+      - action: message.success
+        args:
+          - <% JSON.stringify(EVENT.detail) %>
+- brick: basic.general-button
+  properties:
+    textContent: Click to change options
+  events:
+    click:
+      - target: "#options-change-select"
+        properties:
+          options:
+            - Beijing
+            - Shanghai
+            - Guangzhou
+            - Shenzhen
+            - Hangzhou
+- brick: div
+  properties:
+    style:
+      height: 20px
+```

package/docs/general-textarea.md

@@ -0,0 +1,109 @@
+表单多行文本输入框构件。
+
+```yaml preview
+- brick: form.general-textarea
+```
+
+## Examples
+
+### Label
+
+```yaml preview
+- brick: form.general-textarea
+  properties:
+    label: 多行输入框
+```
+
+### Value
+
+```yaml preview
+- brick: form.general-textarea
+  properties:
+    value: Default Value
+```
+
+### Disabled
+
+```yaml preview
+- brick: form.general-textarea
+  properties:
+    value: Default Value
+    disabled: true
+```
+
+### Placeholder
+
+```yaml preview
+- brick: form.general-textarea
+  properties:
+    placeholder: This is placeholder...
+```
+
+### max length
+
+```yaml preview
+- brick: form.general-textarea
+  properties:
+    placeholder: max length = 10
+    maxLength: 10
+```
+
+### AutoSize
+
+```yaml preview
+- brick: form.general-textarea
+  properties:
+    placeholder: "autoSize: true"
+    autoSize: true
+- brick: form.general-textarea
+  properties:
+    placeholder: "autoSize: { minRows: 3}"
+    autoSize:
+      minRows: 3
+- brick: form.general-textarea
+  properties:
+    placeholder: "autoSize: { minRows: 3, maxRows: 5}"
+    autoSize:
+      minRows: 3
+      maxRows: 5
+```
+
+### Textarea Style
+
+```yaml preview
+- brick: form.general-textarea
+  properties:
+    placeholder: "width: 180px"
+    textareaStyle:
+      width: 180px
+- brick: form.general-textarea
+  properties:
+    placeholder: "width: 250px"
+    textareaStyle:
+      width: 250px
+- brick: form.general-textarea
+  properties:
+    placeholder: "border style"
+    textareaStyle:
+      border: "1px solid #8b2121"
+```
+
+### Event
+
+```yaml preview
+- brick: form.general-textarea
+  events:
+    label: Event
+    change:
+      action: message.success
+      args:
+        - <% EVENT.detail %>
+    focus:
+      action: message.success
+      args:
+        - focus
+    blur:
+      action: message.success
+      args:
+        - blur
+```

package/docs/icon-select.md

@@ -0,0 +1,14 @@
+构件 icon-select
+
+## Examples
+
+### Basic
+
+```yaml preview
+- brick: form.icon-select
+  events:
+    change:
+      action: console.log
+      args:
+        - "<% EVENT.detail %>"
+```

package/docs/submit-buttons.md

@@ -0,0 +1,67 @@
+表单提交按钮。
+(tips: 通常在于 form.general-form 构件搭配使用)
+
+```yaml preview
+- brick: form.submit-buttons
+```
+
+## Examples
+
+### Submit Button Text & Cancel Button Text
+
+```yaml preview
+- brick: form.submit-buttons
+  properties:
+    submitText: submit
+    cancelText: cancel
+```
+
+### Disabled After Click & Submit Button Disabled
+
+```yaml preview
+- brick: form.submit-buttons
+  properties:
+    submitText: submit
+    cancelText: cancel
+    submitDisabled: true
+- brick: form.submit-buttons
+  properties:
+    submitText: click to disabled
+    cancelText: cancel
+    disableAfterClick: true
+```
+
+### Type
+
+```yaml preview
+- brick: form.submit-buttons
+  properties:
+    submitText: submit
+    cancelText: cancel
+    submitType: primary
+    cancelType: text
+- brick: form.submit-buttons
+  properties:
+    submitText: click to disabled
+    cancelText: cancel
+    submitType: text
+    cancelType: text
+```
+
+### Event
+
+```yaml preview
+- brick: form.submit-buttons
+  properties:
+    submitText: submit
+    cancelText: cancel
+  events:
+    submit:
+      - action: message.success
+        args:
+          - Submit
+    cancel:
+      - action: message.warn
+        args:
+          - Cancel
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/form",
-  "version": "0.4.6",
+  "version": "0.6.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.7.2",
     "@next-core/test-next": "^1.0.6"
   },
-  "gitHead": "66f40f3eff556846c449ad72ba0607890668f8d0"
+  "gitHead": "8d1311247a4b4cfe6a06e269c1acc358e06b4cd0"
 }