feffery_utils_components 0.0.13 → 0.0.14

package/feffery_utils_components/metadata.json

@@ -230,6 +230,74 @@
         "required": false,
         "description": ""
       },
+      "mouseEnterCounts": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.number"
+        },
+        "required": false,
+        "description": "",
+        "defaultValue": {
+          "value": "0",
+          "computed": false
+        }
+      },
+      "mouseLeaveCounts": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.number"
+        },
+        "required": false,
+        "description": "",
+        "defaultValue": {
+          "value": "0",
+          "computed": false
+        }
+      },
+      "nClicks": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.number"
+        },
+        "required": false,
+        "description": "",
+        "defaultValue": {
+          "value": "0",
+          "computed": false
+        }
+      },
+      "nDoubleClicks": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.number"
+        },
+        "required": false,
+        "description": "",
+        "defaultValue": {
+          "value": "0",
+          "computed": false
+        }
+      },
+      "enableListenContextMenu": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.bool"
+        },
+        "required": false,
+        "description": "",
+        "defaultValue": {
+          "value": "false",
+          "computed": false
+        }
+      },
+      "contextMenuEvent": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.exact({\r\n    // \u5728\u9875\u9762\u4e2d\u7684x\u5750\u6807\r\n    pageX: PropTypes.number,\r\n    // \u5728\u9875\u9762\u4e2d\u7684y\u5750\u6807\r\n    pageY: PropTypes.number,\r\n    // \u70b9\u51fb\u4e8b\u4ef6\u5bf9\u5e94\u7684\u65f6\u95f4\u6233\r\n    timestamp: PropTypes.number\r\n})"
+        },
+        "required": false,
+        "description": ""
+      },
       "setProps": {
         "type": {
           "name": "custom",
@@ -561,6 +629,195 @@
       }
     }
   },
+  "src/lib/components/FefferyLazyLoad.react.js": {
+    "description": "",
+    "displayName": "FefferyLazyLoad",
+    "methods": [],
+    "props": {
+      "id": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.string"
+        },
+        "required": false,
+        "description": ""
+      },
+      "children": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.node"
+        },
+        "required": false,
+        "description": ""
+      },
+      "style": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.object"
+        },
+        "required": false,
+        "description": ""
+      },
+      "className": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.string"
+        },
+        "required": false,
+        "description": ""
+      },
+      "height": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.oneOfType([\r\n    PropTypes.number,\r\n    PropTypes.string\r\n])"
+        },
+        "required": false,
+        "description": ""
+      },
+      "width": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.oneOfType([\r\n    PropTypes.number,\r\n    PropTypes.string\r\n])"
+        },
+        "required": false,
+        "description": ""
+      },
+      "offset": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.number"
+        },
+        "required": false,
+        "description": ""
+      },
+      "visible": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.bool"
+        },
+        "required": false,
+        "description": "",
+        "defaultValue": {
+          "value": "false",
+          "computed": false
+        }
+      },
+      "throttle": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.number"
+        },
+        "required": false,
+        "description": ""
+      },
+      "setProps": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.func"
+        },
+        "required": false,
+        "description": "Dash-assigned callback that should be called to report property changes\r\nto Dash, to make them available for callbacks."
+      },
+      "loading_state": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.shape({\r\n    /**\r\n     * Determines if the component is loading or not\r\n     */\r\n    is_loading: PropTypes.bool,\r\n    /**\r\n     * Holds which property is loading\r\n     */\r\n    prop_name: PropTypes.string,\r\n    /**\r\n     * Holds the name of the component that is loading\r\n     */\r\n    component_name: PropTypes.string\r\n})"
+        },
+        "required": false,
+        "description": ""
+      }
+    }
+  },
+  "src/lib/components/FefferyLocation.react.js": {
+    "description": "",
+    "displayName": "FefferyLocation",
+    "methods": [
+      {
+        "name": "updateLocation",
+        "docblock": null,
+        "modifiers": [],
+        "params": [
+          {
+            "name": "props",
+            "type": null
+          }
+        ],
+        "returns": null
+      },
+      {
+        "name": "onLocationChange",
+        "docblock": null,
+        "modifiers": [],
+        "params": [],
+        "returns": null
+      }
+    ],
+    "props": {
+      "id": {
+        "type": {
+          "name": "string"
+        },
+        "required": true,
+        "description": "The ID of this component, used to identify dash components\r\nin callbacks. The ID needs to be unique across all of the\r\ncomponents in an app."
+      },
+      "pathname": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "pathname in window.location - e.g., \"/my/full/pathname\""
+      },
+      "search": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "search in window.location - e.g., \"?myargument=1\""
+      },
+      "hash": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "hash in window.location - e.g., \"#myhash\""
+      },
+      "href": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "href in window.location - e.g., \"/my/full/pathname?myargument=1#myhash\""
+      },
+      "refresh": {
+        "type": {
+          "name": "bool"
+        },
+        "required": false,
+        "description": "Refresh the page when the location is updated?",
+        "defaultValue": {
+          "value": "true",
+          "computed": false
+        }
+      },
+      "includePathnames": {
+        "type": {
+          "name": "arrayOf",
+          "value": {
+            "name": "string"
+          }
+        },
+        "required": false,
+        "description": ""
+      },
+      "setProps": {
+        "type": {
+          "name": "func"
+        },
+        "required": false,
+        "description": "Dash-assigned callback that gets fired when the value changes."
+      }
+    }
+  },
   "src/lib/components/FefferyScroll.react.js": {
     "description": "",
     "displayName": "FefferyScroll",
@@ -1147,6 +1404,77 @@
       }
     }
   },
+  "src/lib/components/FefferyVirtualList.react.js": {
+    "description": "",
+    "displayName": "FefferyVirtualList",
+    "methods": [],
+    "props": {
+      "id": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.string"
+        },
+        "required": false,
+        "description": ""
+      },
+      "children": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.node"
+        },
+        "required": false,
+        "description": ""
+      },
+      "style": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.object"
+        },
+        "required": false,
+        "description": ""
+      },
+      "className": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.string"
+        },
+        "required": false,
+        "description": ""
+      },
+      "height": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.number.isRequired"
+        },
+        "required": false,
+        "description": ""
+      },
+      "itemHeight": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.number.isRequired"
+        },
+        "required": false,
+        "description": ""
+      },
+      "setProps": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.func"
+        },
+        "required": false,
+        "description": "Dash-assigned callback that should be called to report property changes\r\nto Dash, to make them available for callbacks."
+      },
+      "loading_state": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.shape({\r\n    /**\r\n     * Determines if the component is loading or not\r\n     */\r\n    is_loading: PropTypes.bool,\r\n    /**\r\n     * Holds which property is loading\r\n     */\r\n    prop_name: PropTypes.string,\r\n    /**\r\n     * Holds the name of the component that is loading\r\n     */\r\n    component_name: PropTypes.string\r\n})"
+        },
+        "required": false,
+        "description": ""
+      }
+    }
+  },
   "src/lib/components/split/FefferySplit.react.js": {
     "description": "",
     "displayName": "FefferySplit",

package/feffery_utils_components/package-info.json

@@ -1,6 +1,6 @@
 {
   "name": "feffery_utils_components",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Utility augments components of Dash!",
   "repository": {
     "type": "git",
@@ -30,10 +30,12 @@
     "ninja-keys": "^1.1.12",
     "nprogress": "^0.2.0",
     "ramda": "^0.26.1",
+    "rc-virtual-list": "^3.4.8",
     "react-captcha-code": "^1.0.7",
     "react-color": "^2.19.3",
     "react-copy-to-clipboard": "^5.0.4",
     "react-icons": "^4.3.1",
+    "react-lazy-load": "^3.1.14",
     "react-resize-detector": "^7.1.2",
     "react-scroll": "^1.8.6",
     "react-spinners-kit": "^1.9.1",
@@ -46,7 +48,7 @@
     "@babel/plugin-proposal-object-rest-spread": "^7.5.4",
     "@babel/preset-env": "^7.5.4",
     "@babel/preset-react": "^7.0.0",
-    "@plotly/dash-component-plugins": "^1.2.0",
+    "@plotly/dash-component-plugins": "^1.2.3",
     "@plotly/webpack-dash-dynamic-import": "^1.2.0",
     "babel-eslint": "^10.0.2",
     "babel-loader": "^8.0.6",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feffery_utils_components",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Utility augments components of Dash!",
   "repository": {
     "type": "git",
@@ -30,10 +30,12 @@
     "ninja-keys": "^1.1.12",
     "nprogress": "^0.2.0",
     "ramda": "^0.26.1",
+    "rc-virtual-list": "^3.4.8",
     "react-captcha-code": "^1.0.7",
     "react-color": "^2.19.3",
     "react-copy-to-clipboard": "^5.0.4",
     "react-icons": "^4.3.1",
+    "react-lazy-load": "^3.1.14",
     "react-resize-detector": "^7.1.2",
     "react-scroll": "^1.8.6",
     "react-spinners-kit": "^1.9.1",
@@ -46,7 +48,7 @@
     "@babel/plugin-proposal-object-rest-spread": "^7.5.4",
     "@babel/preset-env": "^7.5.4",
     "@babel/preset-react": "^7.0.0",
-    "@plotly/dash-component-plugins": "^1.2.0",
+    "@plotly/dash-component-plugins": "^1.2.3",
     "@plotly/webpack-dash-dynamic-import": "^1.2.0",
     "babel-eslint": "^10.0.2",
     "babel-loader": "^8.0.6",

package/src/FefferyUtilsComponents.jl

@@ -3,7 +3,7 @@ module FefferyUtilsComponents
 using Dash
 
 const resources_path = realpath(joinpath( @__DIR__, "..", "deps"))
-const version = "0.0.13"
+const version = "0.0.14"
 
 include("jl/''_fefferycirclecolorpicker.jl")
 include("jl/''_fefferycaptcha.jl")
@@ -11,11 +11,14 @@ include("jl/''_fefferydiv.jl")
 include("jl/''_fefferyexecutejs.jl")
 include("jl/''_fefferyextraspinner.jl")
 include("jl/''_fefferyguide.jl")
+include("jl/''_fefferylazyload.jl")
+include("jl/''_fefferylocation.jl")
 include("jl/''_fefferyscroll.jl")
 include("jl/''_fefferyscrollbars.jl")
 include("jl/''_fefferyshortcutpanel.jl")
 include("jl/''_fefferysyntaxhighlighter.jl")
 include("jl/''_fefferytopprogress.jl")
+include("jl/''_fefferyvirtuallist.jl")
 include("jl/''_fefferysplit.jl")
 include("jl/''_fefferysplitpane.jl")
 
@@ -28,14 +31,14 @@ function __init__()
             [
                 DashBase.Resource(
     relative_package_path = "feffery_utils_components.min.js",
-    external_url = "https://unpkg.com/feffery_utils_components@0.0.13/feffery_utils_components/feffery_utils_components.min.js",
+    external_url = "https://unpkg.com/feffery_utils_components@0.0.14/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.0.13/feffery_utils_components/feffery_utils_components.min.js.map",
+    external_url = "https://unpkg.com/feffery_utils_components@0.0.14/feffery_utils_components/feffery_utils_components.min.js.map",
     dynamic = true,
     async = nothing,
     type = :js

package/src/jl/''_fefferydiv.jl

@@ -16,13 +16,19 @@ Keyword arguments:
 - `_height` (optional)
 - `_width` (optional)
 - `className` (optional)
+- `contextMenuEvent` (optional)
+- `enableListenContextMenu` (optional)
 - `loading_state` (optional)
+- `mouseEnterCounts` (optional)
+- `mouseLeaveCounts` (optional)
+- `nClicks` (optional)
+- `nDoubleClicks` (optional)
 - `setProps` (optional): Dash-assigned callback that should be called to report property changes
 to Dash, to make them available for callbacks.
 - `style` (optional)
 """
 function ''_fefferydiv(; kwargs...)
-        available_props = Symbol[:children, :id, :_height, :_width, :className, :loading_state, :style]
+        available_props = Symbol[:children, :id, :_height, :_width, :className, :contextMenuEvent, :enableListenContextMenu, :loading_state, :mouseEnterCounts, :mouseLeaveCounts, :nClicks, :nDoubleClicks, :style]
         wild_props = Symbol[]
         return Component("''_fefferydiv", "FefferyDiv", "feffery_utils_components", available_props, wild_props; kwargs...)
 end

package/src/jl/''_fefferylazyload.jl

@@ -0,0 +1,35 @@
+# AUTO GENERATED FILE - DO NOT EDIT
+
+export ''_fefferylazyload
+
+"""
+    ''_fefferylazyload(;kwargs...)
+    ''_fefferylazyload(children::Any;kwargs...)
+    ''_fefferylazyload(children_maker::Function;kwargs...)
+
+
+A FefferyLazyLoad component.
+
+Keyword arguments:
+- `children` (optional)
+- `id` (optional)
+- `className` (optional)
+- `height` (optional)
+- `loading_state` (optional)
+- `offset` (optional)
+- `setProps` (optional): Dash-assigned callback that should be called to report property changes
+to Dash, to make them available for callbacks.
+- `style` (optional)
+- `throttle` (optional)
+- `visible` (optional)
+- `width` (optional)
+"""
+function ''_fefferylazyload(; kwargs...)
+        available_props = Symbol[:children, :id, :className, :height, :loading_state, :offset, :style, :throttle, :visible, :width]
+        wild_props = Symbol[]
+        return Component("''_fefferylazyload", "FefferyLazyLoad", "feffery_utils_components", available_props, wild_props; kwargs...)
+end
+
+''_fefferylazyload(children::Any; kwargs...) = ''_fefferylazyload(;kwargs..., children = children)
+''_fefferylazyload(children_maker::Function; kwargs...) = ''_fefferylazyload(children_maker(); kwargs...)
+

package/src/jl/''_fefferylocation.jl

@@ -0,0 +1,26 @@
+# AUTO GENERATED FILE - DO NOT EDIT
+
+export ''_fefferylocation
+
+"""
+    ''_fefferylocation(;kwargs...)
+
+A FefferyLocation component.
+
+Keyword arguments:
+- `id` (String; required): The ID of this component, used to identify dash components
+in callbacks. The ID needs to be unique across all of the
+components in an app.
+- `hash` (String; optional): hash in window.location - e.g., "#myhash"
+- `href` (String; optional): href in window.location - e.g., "/my/full/pathname?myargument=1#myhash"
+- `includePathnames` (Array of Strings; optional)
+- `pathname` (String; optional): pathname in window.location - e.g., "/my/full/pathname"
+- `refresh` (Bool; optional): Refresh the page when the location is updated?
+- `search` (String; optional): search in window.location - e.g., "?myargument=1"
+"""
+function ''_fefferylocation(; kwargs...)
+        available_props = Symbol[:id, :hash, :href, :includePathnames, :pathname, :refresh, :search]
+        wild_props = Symbol[]
+        return Component("''_fefferylocation", "FefferyLocation", "feffery_utils_components", available_props, wild_props; kwargs...)
+end
+

package/src/jl/''_fefferyvirtuallist.jl

@@ -0,0 +1,32 @@
+# AUTO GENERATED FILE - DO NOT EDIT
+
+export ''_fefferyvirtuallist
+
+"""
+    ''_fefferyvirtuallist(;kwargs...)
+    ''_fefferyvirtuallist(children::Any;kwargs...)
+    ''_fefferyvirtuallist(children_maker::Function;kwargs...)
+
+
+A FefferyVirtualList component.
+
+Keyword arguments:
+- `children` (optional)
+- `id` (optional)
+- `className` (optional)
+- `height` (optional)
+- `itemHeight` (optional)
+- `loading_state` (optional)
+- `setProps` (optional): Dash-assigned callback that should be called to report property changes
+to Dash, to make them available for callbacks.
+- `style` (optional)
+"""
+function ''_fefferyvirtuallist(; kwargs...)
+        available_props = Symbol[:children, :id, :className, :height, :itemHeight, :loading_state, :style]
+        wild_props = Symbol[]
+        return Component("''_fefferyvirtuallist", "FefferyVirtualList", "feffery_utils_components", available_props, wild_props; kwargs...)
+end
+
+''_fefferyvirtuallist(children::Any; kwargs...) = ''_fefferyvirtuallist(;kwargs..., children = children)
+''_fefferyvirtuallist(children_maker::Function; kwargs...) = ''_fefferyvirtuallist(children_maker(); kwargs...)
+

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

@@ -9,6 +9,11 @@ const FefferyDiv = (props) => {
         children,
         style,
         className,
+        mouseEnterCounts,
+        mouseLeaveCounts,
+        nClicks,
+        nDoubleClicks,
+        enableListenContextMenu,
         setProps,
         loading_state
     } = props;
@@ -31,6 +36,22 @@ const FefferyDiv = (props) => {
         style={style}
         className={className}
         ref={ref}
+        onClick={() => setProps({ nClicks: nClicks + 1 })}
+        onDoubleClick={() => setProps({ nDoubleClicks: nDoubleClicks + 1 })}
+        onContextMenu={(e) => {
+            if (enableListenContextMenu) {
+                e.preventDefault()
+                setProps({
+                    contextMenuEvent: {
+                        pageX: e.pageX,
+                        pageY: e.pageY,
+                        timestamp: Date.now()
+                    }
+                })
+            }
+        }}
+        onMouseEnter={() => setProps({ mouseEnterCounts: mouseEnterCounts + 1 })}
+        onMouseLeave={() => setProps({ mouseLeaveCounts: mouseLeaveCounts + 1 })}
         data-dash-is-loading={
             (loading_state && loading_state.is_loading) || undefined
         } >
@@ -56,6 +77,32 @@ FefferyDiv.propTypes = {
     // 监听容器像素高度变化
     _height: PropTypes.number,
 
+    // 监听鼠标移入事件次数，初始化为0
+    mouseEnterCounts: PropTypes.number,
+
+    // 监听鼠标移出事件次数，初始化为0
+    mouseLeaveCounts: PropTypes.number,
+
+    // 监听单击事件次数，初始化为0
+    nClicks: PropTypes.number,
+
+    // 监听双击事件次数，初始化为0
+    nDoubleClicks: PropTypes.number,
+
+    // 设置是否针对当前div监听右键点击事件，开启后会强制关闭当前div内的默认右键菜单弹出
+    // 默认为false
+    enableListenContextMenu: PropTypes.bool,
+
+    // 监听右键事件
+    contextMenuEvent: PropTypes.exact({
+        // 在页面中的x坐标
+        pageX: PropTypes.number,
+        // 在页面中的y坐标
+        pageY: PropTypes.number,
+        // 点击事件对应的时间戳
+        timestamp: PropTypes.number
+    }),
+
     /**
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.
@@ -80,6 +127,11 @@ FefferyDiv.propTypes = {
 
 // 设置默认参数
 FefferyDiv.defaultProps = {
+    mouseEnterCounts: 0,
+    mouseLeaveCounts: 0,
+    nClicks: 0,
+    nDoubleClicks: 0,
+    enableListenContextMenu: false
 }
 
 export default FefferyDiv;