feffery_antd_components 0.1.8 → 0.1.9

package/feffery_antd_components/metadata.json

@@ -6745,6 +6745,27 @@
           "computed": false
         }
       },
+      "containerStrategy": {
+        "type": {
+          "name": "enum",
+          "value": [
+            {
+              "value": "'parent'",
+              "computed": false
+            },
+            {
+              "value": "'body'",
+              "computed": false
+            }
+          ]
+        },
+        "required": false,
+        "description": "",
+        "defaultValue": {
+          "value": "'parent'",
+          "computed": false
+        }
+      },
       "trigger": {
         "type": {
           "name": "union",
@@ -7374,11 +7395,19 @@
             "value": {
               "label": {
                 "name": "string",
-                "required": true
+                "required": false
               },
               "value": {
-                "name": "string",
-                "required": true
+                "name": "union",
+                "value": [
+                  {
+                    "name": "string"
+                  },
+                  {
+                    "name": "number"
+                  }
+                ],
+                "required": false
               },
               "disabled": {
                 "name": "bool",
@@ -7407,7 +7436,15 @@
       },
       "defaultValue": {
         "type": {
-          "name": "string"
+          "name": "union",
+          "value": [
+            {
+              "name": "string"
+            },
+            {
+              "name": "number"
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -7888,6 +7925,217 @@
       }
     }
   },
+  "src/lib/components/AntdSegmented.react.js": {
+    "description": "",
+    "displayName": "AntdSegmented",
+    "methods": [],
+    "props": {
+      "id": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": ""
+      },
+      "className": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": ""
+      },
+      "style": {
+        "type": {
+          "name": "object"
+        },
+        "required": false,
+        "description": ""
+      },
+      "options": {
+        "type": {
+          "name": "arrayOf",
+          "value": {
+            "name": "exact",
+            "value": {
+              "label": {
+                "name": "string",
+                "required": false
+              },
+              "value": {
+                "name": "union",
+                "value": [
+                  {
+                    "name": "string"
+                  },
+                  {
+                    "name": "number"
+                  }
+                ],
+                "required": false
+              },
+              "disabled": {
+                "name": "bool",
+                "required": false
+              }
+            }
+          }
+        },
+        "required": false,
+        "description": ""
+      },
+      "value": {
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string"
+            },
+            {
+              "name": "number"
+            }
+          ]
+        },
+        "required": false,
+        "description": ""
+      },
+      "defaultValue": {
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "string"
+            },
+            {
+              "name": "number"
+            }
+          ]
+        },
+        "required": false,
+        "description": ""
+      },
+      "block": {
+        "type": {
+          "name": "bool"
+        },
+        "required": false,
+        "description": ""
+      },
+      "disabled": {
+        "type": {
+          "name": "bool"
+        },
+        "required": false,
+        "description": ""
+      },
+      "size": {
+        "type": {
+          "name": "enum",
+          "value": [
+            {
+              "value": "'large'",
+              "computed": false
+            },
+            {
+              "value": "'middle'",
+              "computed": false
+            },
+            {
+              "value": "'small'",
+              "computed": false
+            }
+          ]
+        },
+        "required": false,
+        "description": ""
+      },
+      "loading_state": {
+        "type": {
+          "name": "shape",
+          "value": {
+            "is_loading": {
+              "name": "bool",
+              "description": "Determines if the component is loading or not",
+              "required": false
+            },
+            "prop_name": {
+              "name": "string",
+              "description": "Holds which property is loading",
+              "required": false
+            },
+            "component_name": {
+              "name": "string",
+              "description": "Holds the name of the component that is loading",
+              "required": false
+            }
+          }
+        },
+        "required": false,
+        "description": ""
+      },
+      "setProps": {
+        "type": {
+          "name": "func"
+        },
+        "required": false,
+        "description": "Dash-assigned callback that should be called to report property changes\r\nto Dash, to make them available for callbacks."
+      },
+      "persistence": {
+        "type": {
+          "name": "union",
+          "value": [
+            {
+              "name": "bool"
+            },
+            {
+              "name": "string"
+            },
+            {
+              "name": "number"
+            }
+          ]
+        },
+        "required": false,
+        "description": "Used to allow user interactions in this component to be persisted when\r\nthe component - or the page - is refreshed. If `persisted` is truthy and\r\nhasn't changed from its previous value, a `value` that the user has\r\nchanged while using the app will keep that change, as long as\r\nthe new `value` also matches what was given originally.\r\nUsed in conjunction with `persistence_type`."
+      },
+      "persisted_props": {
+        "type": {
+          "name": "arrayOf",
+          "value": {
+            "name": "enum",
+            "value": [
+              {
+                "value": "'value'",
+                "computed": false
+              }
+            ]
+          }
+        },
+        "required": false,
+        "description": "Properties whose user interactions will persist after refreshing the\r\ncomponent or the page. Since only `value` is allowed this prop can\r\nnormally be ignored."
+      },
+      "persistence_type": {
+        "type": {
+          "name": "enum",
+          "value": [
+            {
+              "value": "'local'",
+              "computed": false
+            },
+            {
+              "value": "'session'",
+              "computed": false
+            },
+            {
+              "value": "'memory'",
+              "computed": false
+            }
+          ]
+        },
+        "required": false,
+        "description": "Where persisted user changes will be stored:\r\nmemory: only kept in memory, reset on page refresh.\r\nlocal: window.localStorage, data is kept after the browser quit.\r\nsession: window.sessionStorage, data is cleared once the browser quit."
+      }
+    }
+  },
   "src/lib/components/AntdSelect.react.js": {
     "description": "",
     "displayName": "AntdSelect",
@@ -9628,6 +9876,13 @@
         "required": false,
         "description": ""
       },
+      "loading": {
+        "type": {
+          "name": "bool"
+        },
+        "required": false,
+        "description": ""
+      },
       "loading_state": {
         "type": {
           "name": "shape",

package/feffery_antd_components/package-info.json

@@ -1,6 +1,6 @@
 {
   "name": "feffery_antd_components",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Best implementation of Antd components in Plotly Dash.",
   "repository": {
     "type": "git",
@@ -23,10 +23,10 @@
   "email": "fefferypzy@gmail.com",
   "license": "MIT",
   "dependencies": {
-    "@ant-design/charts": "1.3.5",
+    "@ant-design/charts": "1.3.6",
     "@ant-design/icons": "4.7.0",
     "@ant-design/pro-layout": "^6.34.7",
-    "antd": "4.19.3",
+    "antd": "^4.20.0",
     "dash-extensions-js": "0.0.8",
     "is-absolute-url": "4.0.1",
     "md5": "2.3.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feffery_antd_components",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Best implementation of Antd components in Plotly Dash.",
   "repository": {
     "type": "git",
@@ -23,10 +23,10 @@
   "email": "fefferypzy@gmail.com",
   "license": "MIT",
   "dependencies": {
-    "@ant-design/charts": "1.3.5",
+    "@ant-design/charts": "1.3.6",
     "@ant-design/icons": "4.7.0",
     "@ant-design/pro-layout": "^6.34.7",
-    "antd": "4.19.3",
+    "antd": "^4.20.0",
     "dash-extensions-js": "0.0.8",
     "is-absolute-url": "4.0.1",
     "md5": "2.3.0",

package/src/FefferyAntdComponents.jl

@@ -3,7 +3,7 @@ module FefferyAntdComponents
 using Dash
 
 const resources_path = realpath(joinpath( @__DIR__, "..", "deps"))
-const version = "0.1.8"
+const version = "0.1.9"
 
 include("jl/'feffery'_antdaffix.jl")
 include("jl/'feffery'_antdalert.jl")
@@ -47,6 +47,7 @@ include("jl/'feffery'_antdradiogroup.jl")
 include("jl/'feffery'_antdrate.jl")
 include("jl/'feffery'_antdresult.jl")
 include("jl/'feffery'_antdribbon.jl")
+include("jl/'feffery'_antdsegmented.jl")
 include("jl/'feffery'_antdselect.jl")
 include("jl/'feffery'_antdskeleton.jl")
 include("jl/'feffery'_antdslider.jl")
@@ -94,14 +95,14 @@ function __init__()
             [
                 DashBase.Resource(
     relative_package_path = "feffery_antd_components.min.js",
-    external_url = "https://unpkg.com/feffery_antd_components@0.1.8/feffery_antd_components/feffery_antd_components.min.js",
+    external_url = "https://unpkg.com/feffery_antd_components@0.1.9/feffery_antd_components/feffery_antd_components.min.js",
     dynamic = nothing,
     async = nothing,
     type = :js
 ),
 DashBase.Resource(
     relative_package_path = "feffery_antd_components.min.js.map",
-    external_url = "https://unpkg.com/feffery_antd_components@0.1.8/feffery_antd_components/feffery_antd_components.min.js.map",
+    external_url = "https://unpkg.com/feffery_antd_components@0.1.9/feffery_antd_components/feffery_antd_components.min.js.map",
     dynamic = true,
     async = nothing,
     type = :js

package/src/jl/'feffery'_antdpopconfirm.jl

@@ -18,6 +18,7 @@ Keyword arguments:
 - `cancelText` (String; optional)
 - `className` (String; optional)
 - `confirmCounts` (Real; optional)
+- `containerStrategy` (a value equal to: 'parent', 'body'; optional)
 - `disabled` (Bool; optional)
 - `loading_state` (optional): . loading_state has the following type: lists containing elements 'is_loading', 'prop_name', 'component_name'.
 Those elements have the following types:
@@ -37,7 +38,7 @@ Those elements have the following types:
 - `trigger` (a value equal to: 'hover', 'focus', 'click' | Array of a value equal to: 'hover', 'focus', 'click's; optional)
 """
 function 'feffery'_antdpopconfirm(; kwargs...)
-        available_props = Symbol[:children, :id, :cancelButtonProps, :cancelCounts, :cancelText, :className, :confirmCounts, :disabled, :loading_state, :locale, :mouseEnterDelay, :mouseLeaveDelay, :okButtonProps, :okText, :overlayInnerStyle, :overlayStyle, :placement, :style, :title, :trigger]
+        available_props = Symbol[:children, :id, :cancelButtonProps, :cancelCounts, :cancelText, :className, :confirmCounts, :containerStrategy, :disabled, :loading_state, :locale, :mouseEnterDelay, :mouseLeaveDelay, :okButtonProps, :okText, :overlayInnerStyle, :overlayStyle, :placement, :style, :title, :trigger]
         wild_props = Symbol[]
         return Component("'feffery'_antdpopconfirm", "AntdPopconfirm", "feffery_antd_components", available_props, wild_props; kwargs...)
 end

package/src/jl/'feffery'_antdradiogroup.jl

@@ -11,7 +11,7 @@ Keyword arguments:
 - `id` (String; optional)
 - `buttonStyle` (a value equal to: 'outline', 'solid'; optional)
 - `className` (String; optional)
-- `defaultValue` (String; optional)
+- `defaultValue` (String | Real; optional)
 - `direction` (a value equal to: 'horizontal', 'vertical'; optional)
 - `disabled` (Bool; optional)
 - `loading_state` (optional): . loading_state has the following type: lists containing elements 'is_loading', 'prop_name', 'component_name'.
@@ -22,8 +22,8 @@ Those elements have the following types:
 - `optionType` (a value equal to: 'default', 'button'; optional)
 - `options` (optional): . options has the following type: Array of lists containing elements 'label', 'value', 'disabled'.
 Those elements have the following types:
-  - `label` (String; required)
-  - `value` (String; required)
+  - `label` (String; optional)
+  - `value` (String | Real; optional)
   - `disabled` (Bool; optional)s
 - `persisted_props` (Array of a value equal to: 'value's; optional): Properties whose user interactions will persist after refreshing the
 component or the page. Since only `value` is allowed this prop can

package/src/jl/'feffery'_antdsegmented.jl

@@ -0,0 +1,48 @@
+# AUTO GENERATED FILE - DO NOT EDIT
+
+export 'feffery'_antdsegmented
+
+"""
+    'feffery'_antdsegmented(;kwargs...)
+
+An AntdSegmented component.
+
+Keyword arguments:
+- `id` (String; optional)
+- `block` (Bool; optional)
+- `className` (String; optional)
+- `defaultValue` (String | Real; optional)
+- `disabled` (Bool; optional)
+- `loading_state` (optional): . loading_state has the following type: lists containing elements 'is_loading', 'prop_name', 'component_name'.
+Those elements have the following types:
+  - `is_loading` (Bool; optional): Determines if the component is loading or not
+  - `prop_name` (String; optional): Holds which property is loading
+  - `component_name` (String; optional): Holds the name of the component that is loading
+- `options` (optional): . options has the following type: Array of lists containing elements 'label', 'value', 'disabled'.
+Those elements have the following types:
+  - `label` (String; optional)
+  - `value` (String | Real; optional)
+  - `disabled` (Bool; optional)s
+- `persisted_props` (Array of a value equal to: 'value's; optional): Properties whose user interactions will persist after refreshing the
+component or the page. Since only `value` is allowed this prop can
+normally be ignored.
+- `persistence` (Bool | String | Real; optional): Used to allow user interactions in this component to be persisted when
+the component - or the page - is refreshed. If `persisted` is truthy and
+hasn't changed from its previous value, a `value` that the user has
+changed while using the app will keep that change, as long as
+the new `value` also matches what was given originally.
+Used in conjunction with `persistence_type`.
+- `persistence_type` (a value equal to: 'local', 'session', 'memory'; optional): Where persisted user changes will be stored:
+memory: only kept in memory, reset on page refresh.
+local: window.localStorage, data is kept after the browser quit.
+session: window.sessionStorage, data is cleared once the browser quit.
+- `size` (a value equal to: 'large', 'middle', 'small'; optional)
+- `style` (Dict; optional)
+- `value` (String | Real; optional)
+"""
+function 'feffery'_antdsegmented(; kwargs...)
+        available_props = Symbol[:id, :block, :className, :defaultValue, :disabled, :loading_state, :options, :persisted_props, :persistence, :persistence_type, :size, :style, :value]
+        wild_props = Symbol[]
+        return Component("'feffery'_antdsegmented", "AntdSegmented", "feffery_antd_components", available_props, wild_props; kwargs...)
+end
+

package/src/jl/'feffery'_antdswitch.jl

@@ -13,6 +13,7 @@ Keyword arguments:
 - `checkedChildren` (String; optional)
 - `className` (String; optional)
 - `disabled` (Bool; optional)
+- `loading` (Bool; optional)
 - `loading_state` (optional): . loading_state has the following type: lists containing elements 'is_loading', 'prop_name', 'component_name'.
 Those elements have the following types:
   - `is_loading` (Bool; optional): Determines if the component is loading or not
@@ -36,7 +37,7 @@ session: window.sessionStorage, data is cleared once the browser quit.
 - `unCheckedChildren` (String; optional)
 """
 function 'feffery'_antdswitch(; kwargs...)
-        available_props = Symbol[:id, :checked, :checkedChildren, :className, :disabled, :loading_state, :persisted_props, :persistence, :persistence_type, :size, :style, :unCheckedChildren]
+        available_props = Symbol[:id, :checked, :checkedChildren, :className, :disabled, :loading, :loading_state, :persisted_props, :persistence, :persistence_type, :size, :style, :unCheckedChildren]
         wild_props = Symbol[]
         return Component("'feffery'_antdswitch", "AntdSwitch", "feffery_antd_components", available_props, wild_props; kwargs...)
 end

package/src/lib/components/AntdMessage.react.js

@@ -34,6 +34,8 @@ export default class AntdMessage extends Component {
             config.icon = <AntdIcon icon={icon} style={{ marginRight: 3 }} />
         }
 
+        message.config(config)
+
         if (type === 'default') {
             message.open(config)
         } else if (type === 'success') {

package/src/lib/components/AntdPopconfirm.react.js

@@ -36,6 +36,7 @@ export default class AntdPopconfirm extends Component {
             confirmCounts,
             cancelCounts,
             trigger,
+            containerStrategy,
             setProps,
             loading_state
         } = this.props;
@@ -70,7 +71,7 @@ export default class AntdPopconfirm extends Component {
                     okButtonProps={okButtonProps}
                     cancelText={cancelText}
                     cancelButtonProps={cancelButtonProps}
-                    getPopupContainer={(triggerNode) => triggerNode.parentNode}
+                    getPopupContainer={containerStrategy === 'parent' ? (triggerNode) => triggerNode.parentNode : undefined}
                     onCancel={listenCancel}
                     onConfirm={listenConfirm}
                     data-dash-is-loading={
@@ -146,6 +147,9 @@ AntdPopconfirm.propTypes = {
     // 记录取消按钮被点击的次数
     cancelCounts: PropTypes.number,
 
+    // 设置绑定容器的策略，可选的有'parent'、'body'，默认为'parent'
+    containerStrategy: PropTypes.oneOf(['parent', 'body']),
+
     // 设置触发行为，可选的有'hover'、'focus'、'click'，或是以上多个组成的数组，默认为'hover'
     trigger: PropTypes.oneOfType(
         [
@@ -180,5 +184,6 @@ AntdPopconfirm.propTypes = {
 AntdPopconfirm.defaultProps = {
     confirmCounts: 0,
     cancelCounts: 0,
-    locale: 'zh-cn'
+    locale: 'zh-cn',
+    containerStrategy: 'parent',
 }

package/src/lib/components/AntdRadioGroup.react.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { Radio, Space } from 'antd';
 import 'antd/dist/antd.css';
 
-// 定义单选框组件AntdRadio，api参数参考https://ant.design/components/radio-cn/
+// 定义单选框组件AntdRadioGroup，api参数参考https://ant.design/components/radio-cn/
 export default class AntdRadioGroup extends Component {
 
     constructor(props) {
@@ -114,10 +114,13 @@ AntdRadioGroup.propTypes = {
     options: PropTypes.arrayOf(
         PropTypes.exact({
             // 设置选项的标题内容
-            label: PropTypes.string.isRequired,
+            label: PropTypes.string,
 
             // 设置选项的对应值
-            value: PropTypes.string.isRequired,
+            value: PropTypes.oneOfType([
+                PropTypes.string,
+                PropTypes.number
+            ]),
 
             // 设置是否禁用当前选项
             disabled: PropTypes.bool
@@ -131,7 +134,10 @@ AntdRadioGroup.propTypes = {
     ]),
 
     // 设置初始化状态下被选中的值
-    defaultValue: PropTypes.string,
+    defaultValue: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.number
+    ]),
 
     // 设置选项的渲染方式，可选的有'default'和'button'，默认为'default'
     optionType: PropTypes.oneOf(['default', 'button']),