feffery_utils_components 0.1.3 → 0.1.5

package/feffery_utils_components/metadata.json

@@ -1125,6 +1125,17 @@
         "required": false,
         "description": ""
       },
+      "enableClickAway": {
+        "type": {
+          "name": "bool"
+        },
+        "required": false,
+        "description": "",
+        "defaultValue": {
+          "value": "false",
+          "computed": false
+        }
+      },
       "clickAwayCount": {
         "type": {
           "name": "number"
@@ -1161,17 +1172,6 @@
           "computed": false
         }
       },
-      "enableClickAway": {
-        "type": {
-          "name": "bool"
-        },
-        "required": false,
-        "description": "",
-        "defaultValue": {
-          "value": "false",
-          "computed": false
-        }
-      },
       "setProps": {
         "type": {
           "name": "func"
@@ -3152,75 +3152,95 @@
           "name": "number"
         },
         "required": false,
-        "description": ""
+        "description": "",
+        "defaultValue": {
+          "value": "500",
+          "computed": false
+        }
       },
       "smooth": {
         "type": {
-          "name": "enum",
+          "name": "union",
           "value": [
             {
-              "value": "'linear'",
-              "computed": false
-            },
-            {
-              "value": "'easeInQuad'",
-              "computed": false
-            },
-            {
-              "value": "'easeOutQuad'",
-              "computed": false
-            },
-            {
-              "value": "'easeInOutQuad'",
-              "computed": false
-            },
-            {
-              "value": "'easeInCubic'",
-              "computed": false
-            },
-            {
-              "value": "'easeOutCubic'",
-              "computed": false
-            },
-            {
-              "value": "'easeInOutCubic'",
-              "computed": false
-            },
-            {
-              "value": "'easeInQuart'",
-              "computed": false
-            },
-            {
-              "value": "'easeOutQuart'",
-              "computed": false
-            },
-            {
-              "value": "'easeInOutQuart'",
-              "computed": false
-            },
-            {
-              "value": "'easeInQuint'",
-              "computed": false
-            },
-            {
-              "value": "'easeOutQuint'",
-              "computed": false
+              "name": "bool"
             },
             {
-              "value": "'easeInOutQuint'",
-              "computed": false
+              "name": "enum",
+              "value": [
+                {
+                  "value": "'linear'",
+                  "computed": false
+                },
+                {
+                  "value": "'easeInQuad'",
+                  "computed": false
+                },
+                {
+                  "value": "'easeOutQuad'",
+                  "computed": false
+                },
+                {
+                  "value": "'easeInOutQuad'",
+                  "computed": false
+                },
+                {
+                  "value": "'easeInCubic'",
+                  "computed": false
+                },
+                {
+                  "value": "'easeOutCubic'",
+                  "computed": false
+                },
+                {
+                  "value": "'easeInOutCubic'",
+                  "computed": false
+                },
+                {
+                  "value": "'easeInQuart'",
+                  "computed": false
+                },
+                {
+                  "value": "'easeOutQuart'",
+                  "computed": false
+                },
+                {
+                  "value": "'easeInOutQuart'",
+                  "computed": false
+                },
+                {
+                  "value": "'easeInQuint'",
+                  "computed": false
+                },
+                {
+                  "value": "'easeOutQuint'",
+                  "computed": false
+                },
+                {
+                  "value": "'easeInOutQuint'",
+                  "computed": false
+                }
+              ]
             }
           ]
         },
         "required": false,
-        "description": ""
+        "description": "",
+        "defaultValue": {
+          "value": "true",
+          "computed": false
+        }
       },
       "delay": {
         "type": {
           "name": "number"
         },
         "required": false,
-        "description": ""
+        "description": "",
+        "defaultValue": {
+          "value": "0",
+          "computed": false
+        }
       },
       "containerId": {
         "type": {

package/feffery_utils_components/package-info.json

@@ -1,6 +1,6 @@
 {
   "name": "feffery_utils_components",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Build more utility components for Plotly Dash.",
   "repository": {
     "type": "git",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feffery_utils_components",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Build more utility components for Plotly Dash.",
   "repository": {
     "type": "git",

package/src/FefferyUtilsComponents.jl

@@ -3,7 +3,7 @@ module FefferyUtilsComponents
 using Dash
 
 const resources_path = realpath(joinpath( @__DIR__, "..", "deps"))
-const version = "0.1.3"
+const version = "0.1.5"
 
 include("jl/''_fefferyblockcolorpicker.jl")
 include("jl/''_fefferycirclecolorpicker.jl")
@@ -61,14 +61,14 @@ function __init__()
             [
                 DashBase.Resource(
     relative_package_path = "feffery_utils_components.min.js",
-    external_url = "https://unpkg.com/feffery_utils_components@0.1.3/feffery_utils_components/feffery_utils_components.min.js",
+    external_url = "https://unpkg.com/feffery_utils_components@0.1.5/feffery_utils_components/feffery_utils_components.min.js",
     dynamic = nothing,
     async = nothing,
     type = :js
 ),
 DashBase.Resource(
     relative_package_path = "feffery_utils_components.min.js.map",
-    external_url = "https://unpkg.com/feffery_utils_components@0.1.3/feffery_utils_components/feffery_utils_components.min.js.map",
+    external_url = "https://unpkg.com/feffery_utils_components@0.1.5/feffery_utils_components/feffery_utils_components.min.js.map",
     dynamic = true,
     async = nothing,
     type = :js

package/src/jl/''_fefferyscroll.jl

@@ -23,7 +23,7 @@ Those elements have the following types:
 - `scrollRelativeOffset` (Real; optional)
 - `scrollTargetId` (String; optional)
 - `scrollTopOffset` (Real; optional)
-- `smooth` (a value equal to: 'linear', 'easeInQuad', 'easeOutQuad', 'easeInOutQuad', 'easeInCubic', 'easeOutCubic', 'easeInOutCubic', 'easeInQuart', 'easeOutQuart', 'easeInOutQuart', 'easeInQuint', 'easeOutQuint', 'easeInOutQuint'; optional)
+- `smooth` (Bool | a value equal to: 'linear', 'easeInQuad', 'easeOutQuad', 'easeInOutQuad', 'easeInCubic', 'easeOutCubic', 'easeInOutCubic', 'easeInQuart', 'easeOutQuart', 'easeInOutQuart', 'easeInQuint', 'easeOutQuint', 'easeInOutQuint'; optional)
 """
 function ''_fefferyscroll(; kwargs...)
         available_props = Symbol[:id, :containerId, :delay, :duration, :executeScroll, :loading_state, :offset, :scrollMode, :scrollRelativeOffset, :scrollTargetId, :scrollTopOffset, :smooth]

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

@@ -61,16 +61,16 @@ const FefferyDiv = (props) => {
             children[replaceChild.index] = replaceChild.element
             setProps({
                 children: children,
-                replaceChild: undefined // 重置
+                replaceChild: null // 重置
             })
         }
     }, [replaceChild])
 
     useEffect(() => {
-        if (children && deleteChildIndex) {
+        if (children && (deleteChildIndex || deleteChildIndex === 0)) {
             setProps({
                 children: children.filter((_, i) => i !== deleteChildIndex),
-                deleteChildIndex: undefined // 重置
+                deleteChildIndex: null // 重置
             })
         }
     }, [deleteChildIndex])
@@ -137,6 +137,10 @@ const FefferyDiv = (props) => {
                     contextMenuEvent: {
                         pageX: e.pageX,
                         pageY: e.pageY,
+                        clientX: e.clientX,
+                        clientY: e.clientY,
+                        screenX: e.screenX,
+                        screenY: e.screenY,
                         timestamp: Date.now()
                     }
                 })
@@ -228,6 +232,10 @@ FefferyDiv.propTypes = {
     // 监听当前元素是否被鼠标悬浮
     isHovering: PropTypes.bool,
 
+    // 设置是否启用元素外点击事件监听，当页面中有大量FefferyDiv元素时，建议不要开启此特性，会导致明显的性能问题
+    // 默认为false
+    enableClickAway: PropTypes.bool,
+
     // 监听元素外点击事件发生次数，默认为0
     clickAwayCount: PropTypes.number,
 
@@ -235,10 +243,6 @@ FefferyDiv.propTypes = {
     // 默认为'no-shadow'
     shadow: PropTypes.oneOf(['no-shadow', 'hover-shadow', 'always-shadow']),
 
-    // 设置是否启用元素外点击事件监听，当页面中有大量FefferyDiv元素时，建议不要开启此特性，会导致明显的性能问题
-    // 默认为false
-    enableClickAway: PropTypes.bool,
-
     /**
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.

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

@@ -95,11 +95,11 @@ FefferyScroll.propTypes = {
     // 设置页面滚动模式，可选的有'top'、'bottom'、'top-offset'、'relative-offset'、'target'
     scrollMode: PropTypes.oneOf([
         'to-top', 'to-bottom', 'top-offset', 'relative-offset', 'target'
-    ]),
+    ]).isRequired,
 
     // 用于指示是否进行滚动操作，默认为false
     // 在回调中可executeScroll参数Output为true从而触发新一次滚动
-    // 每次由executeScroll=true触发的滚动完成后，executeScroll会自动恢复为false
+    // 每次由executeScroll=true触发的滚动完成后，executeScroll会自动重置为false
     executeScroll: PropTypes.bool,
 
     // 当scrollMode='top-offset'时，用于设置滚动终点距离页面顶端的像素
@@ -111,27 +111,30 @@ FefferyScroll.propTypes = {
     // 当scrollMode='target'时，用于设置滚动目标元素的id信息
     scrollTargetId: PropTypes.string,
 
-    // 用于设置滚动过程耗时（单位：毫秒）
+    // 用于设置滚动过程耗时（单位：毫秒），默认为500
     duration: PropTypes.number,
 
-    // 用于设置滚动过程动画模式
-    smooth: PropTypes.oneOf([
-        'linear',
-        'easeInQuad',
-        'easeOutQuad',
-        'easeInOutQuad',
-        'easeInCubic',
-        'easeOutCubic',
-        'easeInOutCubic',
-        'easeInQuart',
-        'easeOutQuart',
-        'easeInOutQuart',
-        'easeInQuint',
-        'easeOutQuint',
-        'easeInOutQuint'
+    // 用于设置滚动过程动画模式，默认为true
+    smooth: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.oneOf([
+            'linear',
+            'easeInQuad',
+            'easeOutQuad',
+            'easeInOutQuad',
+            'easeInCubic',
+            'easeOutCubic',
+            'easeInOutCubic',
+            'easeInQuart',
+            'easeOutQuart',
+            'easeInOutQuart',
+            'easeInQuint',
+            'easeOutQuint',
+            'easeInOutQuint'
+        ])
     ]),
 
-    // 用于设置滚动延时（单位：毫秒）
+    // 用于设置滚动延时（单位：毫秒），默认为0
     delay: PropTypes.number,
 
     // 当滚动目标位于局部滚动条内时，用于设置局部滚动条所在的容器id信息
@@ -165,7 +168,10 @@ FefferyScroll.propTypes = {
 // 设置默认参数
 FefferyScroll.defaultProps = {
     executeScroll: false,
-    scrollMode: 'to-top'
+    scrollMode: 'to-top',
+    duration: 500,
+    delay: 0,
+    smooth: true
 }
 
-export default FefferyScroll;
+export default React.memo(FefferyScroll);

package/build/lib/feffery_utils_components/FefferyBlockColorPicker.py

@@ -1,53 +0,0 @@
-# AUTO GENERATED FILE - DO NOT EDIT
-
-from dash.development.base_component import Component, _explicitize_args
-
-
-class FefferyBlockColorPicker(Component):
-    """A FefferyBlockColorPicker component.
-
-
-Keyword arguments:
-
-- id (string; optional)
-
-- className (string; optional)
-
-- color (string; optional)
-
-- colors (list of strings; default ['#D9E3F0', '#F47373', '#697689', '#37D67A', '#2CCCE4', '#555555', '#dce775', '#ff8a65', '#ba68c8'])
-
-- loading_state (dict; optional)
-
-    `loading_state` is a dict with keys:
-
-    - component_name (string; optional):
-        Holds the name of the component that is loading.
-
-    - is_loading (boolean; optional):
-        Determines if the component is loading or not.
-
-    - prop_name (string; optional):
-        Holds which property is loading.
-
-- style (dict; optional)
-
-- triangle (a value equal to: 'hide', 'top'; default 'top')
-
-- width (string; default '170px')"""
-    _children_props = []
-    _base_nodes = ['children']
-    _namespace = 'feffery_utils_components'
-    _type = 'FefferyBlockColorPicker'
-    @_explicitize_args
-    def __init__(self, id=Component.UNDEFINED, className=Component.UNDEFINED, style=Component.UNDEFINED, width=Component.UNDEFINED, color=Component.UNDEFINED, colors=Component.UNDEFINED, triangle=Component.UNDEFINED, loading_state=Component.UNDEFINED, **kwargs):
-        self._prop_names = ['id', 'className', 'color', 'colors', 'loading_state', 'style', 'triangle', 'width']
-        self._valid_wildcard_attributes =            []
-        self.available_properties = ['id', 'className', 'color', 'colors', 'loading_state', 'style', 'triangle', 'width']
-        self.available_wildcard_properties =            []
-        _explicit_args = kwargs.pop('_explicit_args')
-        _locals = locals()
-        _locals.update(kwargs)  # For wildcard attrs and excess named props
-        args = {k: _locals[k] for k in _explicit_args}
-
-        super(FefferyBlockColorPicker, self).__init__(**args)

package/build/lib/feffery_utils_components/FefferyCaptcha.py

@@ -1,59 +0,0 @@
-# AUTO GENERATED FILE - DO NOT EDIT
-
-from dash.development.base_component import Component, _explicitize_args
-
-
-class FefferyCaptcha(Component):
-    """A FefferyCaptcha component.
-
-
-Keyword arguments:
-
-- id (string; optional)
-
-- bgColor (string; optional)
-
-- captcha (string; optional)
-
-- charNum (number; default 4)
-
-- className (string; optional)
-
-- fontSize (number; optional)
-
-- height (number; optional)
-
-- loading_state (dict; optional)
-
-    `loading_state` is a dict with keys:
-
-    - component_name (string; optional):
-        Holds the name of the component that is loading.
-
-    - is_loading (boolean; optional):
-        Determines if the component is loading or not.
-
-    - prop_name (string; optional):
-        Holds which property is loading.
-
-- refresh (boolean; optional)
-
-- style (dict; optional)
-
-- width (number; optional)"""
-    _children_props = []
-    _base_nodes = ['children']
-    _namespace = 'feffery_utils_components'
-    _type = 'FefferyCaptcha'
-    @_explicitize_args
-    def __init__(self, id=Component.UNDEFINED, className=Component.UNDEFINED, style=Component.UNDEFINED, captcha=Component.UNDEFINED, charNum=Component.UNDEFINED, height=Component.UNDEFINED, width=Component.UNDEFINED, bgColor=Component.UNDEFINED, fontSize=Component.UNDEFINED, refresh=Component.UNDEFINED, loading_state=Component.UNDEFINED, **kwargs):
-        self._prop_names = ['id', 'bgColor', 'captcha', 'charNum', 'className', 'fontSize', 'height', 'loading_state', 'refresh', 'style', 'width']
-        self._valid_wildcard_attributes =            []
-        self.available_properties = ['id', 'bgColor', 'captcha', 'charNum', 'className', 'fontSize', 'height', 'loading_state', 'refresh', 'style', 'width']
-        self.available_wildcard_properties =            []
-        _explicit_args = kwargs.pop('_explicit_args')
-        _locals = locals()
-        _locals.update(kwargs)  # For wildcard attrs and excess named props
-        args = {k: _locals[k] for k in _explicit_args}
-
-        super(FefferyCaptcha, self).__init__(**args)

package/build/lib/feffery_utils_components/FefferyCircleColorPicker.py

@@ -1,55 +0,0 @@
-# AUTO GENERATED FILE - DO NOT EDIT
-
-from dash.development.base_component import Component, _explicitize_args
-
-
-class FefferyCircleColorPicker(Component):
-    """A FefferyCircleColorPicker component.
-
-
-Keyword arguments:
-
-- id (string; optional)
-
-- circleSize (number; default 28)
-
-- circleSpacing (number; default 14)
-
-- className (string; optional)
-
-- color (string; optional)
-
-- colors (list of strings; default ["#f44336", "#e91e63", "#9c27b0", "#673ab7", "#3f51b5", "#2196f3", "#03a9f4", "#00bcd4", "#009688", "#4caf50", "#8bc34a", "#cddc39", "#ffeb3b", "#ffc107", "#ff9800", "#ff5722", "#795548", "#607d8b"])
-
-- loading_state (dict; optional)
-
-    `loading_state` is a dict with keys:
-
-    - component_name (string; optional):
-        Holds the name of the component that is loading.
-
-    - is_loading (boolean; optional):
-        Determines if the component is loading or not.
-
-    - prop_name (string; optional):
-        Holds which property is loading.
-
-- style (dict; optional)
-
-- width (string; default '252px')"""
-    _children_props = []
-    _base_nodes = ['children']
-    _namespace = 'feffery_utils_components'
-    _type = 'FefferyCircleColorPicker'
-    @_explicitize_args
-    def __init__(self, id=Component.UNDEFINED, className=Component.UNDEFINED, style=Component.UNDEFINED, width=Component.UNDEFINED, circleSize=Component.UNDEFINED, circleSpacing=Component.UNDEFINED, color=Component.UNDEFINED, colors=Component.UNDEFINED, loading_state=Component.UNDEFINED, **kwargs):
-        self._prop_names = ['id', 'circleSize', 'circleSpacing', 'className', 'color', 'colors', 'loading_state', 'style', 'width']
-        self._valid_wildcard_attributes =            []
-        self.available_properties = ['id', 'circleSize', 'circleSpacing', 'className', 'color', 'colors', 'loading_state', 'style', 'width']
-        self.available_wildcard_properties =            []
-        _explicit_args = kwargs.pop('_explicit_args')
-        _locals = locals()
-        _locals.update(kwargs)  # For wildcard attrs and excess named props
-        args = {k: _locals[k] for k in _explicit_args}
-
-        super(FefferyCircleColorPicker, self).__init__(**args)

package/build/lib/feffery_utils_components/FefferyCountDown.py

@@ -1,47 +0,0 @@
-# AUTO GENERATED FILE - DO NOT EDIT
-
-from dash.development.base_component import Component, _explicitize_args
-
-
-class FefferyCountDown(Component):
-    """A FefferyCountDown component.
-
-
-Keyword arguments:
-
-- id (string; optional)
-
-- countdown (number; optional)
-
-- delay (number; optional)
-
-- interval (number; default 1)
-
-- loading_state (dict; optional)
-
-    `loading_state` is a dict with keys:
-
-    - component_name (string; optional):
-        Holds the name of the component that is loading.
-
-    - is_loading (boolean; optional):
-        Determines if the component is loading or not.
-
-    - prop_name (string; optional):
-        Holds which property is loading."""
-    _children_props = []
-    _base_nodes = ['children']
-    _namespace = 'feffery_utils_components'
-    _type = 'FefferyCountDown'
-    @_explicitize_args
-    def __init__(self, id=Component.UNDEFINED, delay=Component.UNDEFINED, interval=Component.UNDEFINED, countdown=Component.UNDEFINED, loading_state=Component.UNDEFINED, **kwargs):
-        self._prop_names = ['id', 'countdown', 'delay', 'interval', 'loading_state']
-        self._valid_wildcard_attributes =            []
-        self.available_properties = ['id', 'countdown', 'delay', 'interval', 'loading_state']
-        self.available_wildcard_properties =            []
-        _explicit_args = kwargs.pop('_explicit_args')
-        _locals = locals()
-        _locals.update(kwargs)  # For wildcard attrs and excess named props
-        args = {k: _locals[k] for k in _explicit_args}
-
-        super(FefferyCountDown, self).__init__(**args)

package/build/lib/feffery_utils_components/FefferyCssVar.py

@@ -1,43 +0,0 @@
-# AUTO GENERATED FILE - DO NOT EDIT
-
-from dash.development.base_component import Component, _explicitize_args
-
-
-class FefferyCssVar(Component):
-    """A FefferyCssVar component.
-
-
-Keyword arguments:
-
-- id (string; optional)
-
-- cssVars (dict; optional)
-
-- loading_state (dict; optional)
-
-    `loading_state` is a dict with keys:
-
-    - component_name (string; optional):
-        Holds the name of the component that is loading.
-
-    - is_loading (boolean; optional):
-        Determines if the component is loading or not.
-
-    - prop_name (string; optional):
-        Holds which property is loading."""
-    _children_props = []
-    _base_nodes = ['children']
-    _namespace = 'feffery_utils_components'
-    _type = 'FefferyCssVar'
-    @_explicitize_args
-    def __init__(self, id=Component.UNDEFINED, cssVars=Component.UNDEFINED, loading_state=Component.UNDEFINED, **kwargs):
-        self._prop_names = ['id', 'cssVars', 'loading_state']
-        self._valid_wildcard_attributes =            []
-        self.available_properties = ['id', 'cssVars', 'loading_state']
-        self.available_wildcard_properties =            []
-        _explicit_args = kwargs.pop('_explicit_args')
-        _locals = locals()
-        _locals.update(kwargs)  # For wildcard attrs and excess named props
-        args = {k: _locals[k] for k in _explicit_args}
-
-        super(FefferyCssVar, self).__init__(**args)