feffery_utils_components 0.0.9 → 0.0.13

package/feffery_utils_components/package-info.json

@@ -1,6 +1,6 @@
 {
   "name": "feffery_utils_components",
-  "version": "0.0.9",
+  "version": "0.0.13",
   "description": "Utility augments components of Dash!",
   "repository": {
     "type": "git",
@@ -22,23 +22,24 @@
   "author": "CNFeffery <fefferypzy@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "@ant-design/pro-layout": "^6.24.0",
     "@charliewilco/gluejar": "^1.0.0",
     "byte-guide": "^1.0.7",
     "file-loader": "^6.2.0",
-    "github-markdown-css": "^5.0.0",
     "less": "^3.13.1",
     "less-loader": "^5.0.0",
     "ninja-keys": "^1.1.12",
     "nprogress": "^0.2.0",
     "ramda": "^0.26.1",
-    "re-resizable": "^6.9.1",
     "react-captcha-code": "^1.0.7",
-    "react-contexify": "^5.0.0",
+    "react-color": "^2.19.3",
     "react-copy-to-clipboard": "^5.0.4",
     "react-icons": "^4.3.1",
+    "react-resize-detector": "^7.1.2",
+    "react-scroll": "^1.8.6",
+    "react-spinners-kit": "^1.9.1",
     "react-split": "^2.0.14",
-    "react-syntax-highlighter": "^15.4.4"
+    "react-syntax-highlighter": "^15.4.4",
+    "simplebar-react": "^2.3.7"
   },
   "devDependencies": {
     "@babel/core": "^7.5.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feffery_utils_components",
-  "version": "0.0.9",
+  "version": "0.0.13",
   "description": "Utility augments components of Dash!",
   "repository": {
     "type": "git",
@@ -22,23 +22,24 @@
   "author": "CNFeffery <fefferypzy@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "@ant-design/pro-layout": "^6.24.0",
     "@charliewilco/gluejar": "^1.0.0",
     "byte-guide": "^1.0.7",
     "file-loader": "^6.2.0",
-    "github-markdown-css": "^5.0.0",
     "less": "^3.13.1",
     "less-loader": "^5.0.0",
     "ninja-keys": "^1.1.12",
     "nprogress": "^0.2.0",
     "ramda": "^0.26.1",
-    "re-resizable": "^6.9.1",
     "react-captcha-code": "^1.0.7",
-    "react-contexify": "^5.0.0",
+    "react-color": "^2.19.3",
     "react-copy-to-clipboard": "^5.0.4",
     "react-icons": "^4.3.1",
+    "react-resize-detector": "^7.1.2",
+    "react-scroll": "^1.8.6",
+    "react-spinners-kit": "^1.9.1",
     "react-split": "^2.0.14",
-    "react-syntax-highlighter": "^15.4.4"
+    "react-syntax-highlighter": "^15.4.4",
+    "simplebar-react": "^2.3.7"
   },
   "devDependencies": {
     "@babel/core": "^7.5.4",

package/src/FefferyUtilsComponents.jl

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

package/src/jl/''_fefferycirclecolorpicker.jl

@@ -0,0 +1,26 @@
+# AUTO GENERATED FILE - DO NOT EDIT
+
+export ''_fefferycirclecolorpicker
+
+"""
+    ''_fefferycirclecolorpicker(;kwargs...)
+
+A FefferyCircleColorPicker component.
+
+Keyword arguments:
+- `id` (optional)
+- `circleSize` (optional)
+- `circleSpacing` (optional)
+- `className` (optional)
+- `color` (optional)
+- `colors` (optional)
+- `loading_state` (optional)
+- `style` (optional)
+- `width` (optional)
+"""
+function ''_fefferycirclecolorpicker(; kwargs...)
+        available_props = Symbol[:id, :circleSize, :circleSpacing, :className, :color, :colors, :loading_state, :style, :width]
+        wild_props = Symbol[]
+        return Component("''_fefferycirclecolorpicker", "FefferyCircleColorPicker", "feffery_utils_components", available_props, wild_props; kwargs...)
+end
+

package/src/jl/''_fefferycolorpicker.jl

@@ -0,0 +1,22 @@
+# AUTO GENERATED FILE - DO NOT EDIT
+
+export ''_fefferycolorpicker
+
+"""
+    ''_fefferycolorpicker(;kwargs...)
+
+A FefferyColorPicker component.
+
+Keyword arguments:
+- `id` (optional)
+- `className` (optional)
+- `loading_state` (optional)
+- `style` (optional)
+- `type` (optional)
+"""
+function ''_fefferycolorpicker(; kwargs...)
+        available_props = Symbol[:id, :className, :loading_state, :style, :type]
+        wild_props = Symbol[]
+        return Component("''_fefferycolorpicker", "FefferyColorPicker", "feffery_utils_components", available_props, wild_props; kwargs...)
+end
+

package/src/jl/''_fefferydiv.jl

@@ -0,0 +1,32 @@
+# AUTO GENERATED FILE - DO NOT EDIT
+
+export ''_fefferydiv
+
+"""
+    ''_fefferydiv(;kwargs...)
+    ''_fefferydiv(children::Any;kwargs...)
+    ''_fefferydiv(children_maker::Function;kwargs...)
+
+
+A FefferyDiv component.
+
+Keyword arguments:
+- `children` (optional)
+- `id` (optional)
+- `_height` (optional)
+- `_width` (optional)
+- `className` (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 ''_fefferydiv(; kwargs...)
+        available_props = Symbol[:children, :id, :_height, :_width, :className, :loading_state, :style]
+        wild_props = Symbol[]
+        return Component("''_fefferydiv", "FefferyDiv", "feffery_utils_components", available_props, wild_props; kwargs...)
+end
+
+''_fefferydiv(children::Any; kwargs...) = ''_fefferydiv(;kwargs..., children = children)
+''_fefferydiv(children_maker::Function; kwargs...) = ''_fefferydiv(children_maker(); kwargs...)
+

package/src/jl/''_fefferyextraspinner.jl

@@ -0,0 +1,27 @@
+# AUTO GENERATED FILE - DO NOT EDIT
+
+export ''_fefferyextraspinner
+
+"""
+    ''_fefferyextraspinner(;kwargs...)
+
+A FefferyExtraSpinner component.
+
+Keyword arguments:
+- `id` (optional)
+- `backColor` (optional)
+- `className` (optional)
+- `color` (optional)
+- `frontColor` (optional)
+- `loading_state` (optional)
+- `size` (optional)
+- `sizeUnit` (optional)
+- `style` (optional)
+- `type` (optional)
+"""
+function ''_fefferyextraspinner(; kwargs...)
+        available_props = Symbol[:id, :backColor, :className, :color, :frontColor, :loading_state, :size, :sizeUnit, :style, :type]
+        wild_props = Symbol[]
+        return Component("''_fefferyextraspinner", "FefferyExtraSpinner", "feffery_utils_components", available_props, wild_props; kwargs...)
+end
+

package/src/jl/''_fefferyscroll.jl

@@ -0,0 +1,31 @@
+# AUTO GENERATED FILE - DO NOT EDIT
+
+export ''_fefferyscroll
+
+"""
+    ''_fefferyscroll(;kwargs...)
+
+A FefferyScroll component.
+
+Keyword arguments:
+- `id` (optional)
+- `containerId` (optional)
+- `delay` (optional)
+- `duration` (optional)
+- `executeScroll` (optional)
+- `loading_state` (optional)
+- `offset` (optional)
+- `scrollMode` (optional)
+- `scrollRelativeOffset` (optional)
+- `scrollTargetId` (optional)
+- `scrollTopOffset` (optional)
+- `setProps` (optional): Dash-assigned callback that should be called to report property changes
+to Dash, to make them available for callbacks.
+- `smooth` (optional)
+"""
+function ''_fefferyscroll(; kwargs...)
+        available_props = Symbol[:id, :containerId, :delay, :duration, :executeScroll, :loading_state, :offset, :scrollMode, :scrollRelativeOffset, :scrollTargetId, :scrollTopOffset, :smooth]
+        wild_props = Symbol[]
+        return Component("''_fefferyscroll", "FefferyScroll", "feffery_utils_components", available_props, wild_props; kwargs...)
+end
+

package/src/jl/''_fefferyscrollbars.jl

@@ -0,0 +1,34 @@
+# AUTO GENERATED FILE - DO NOT EDIT
+
+export ''_fefferyscrollbars
+
+"""
+    ''_fefferyscrollbars(;kwargs...)
+    ''_fefferyscrollbars(children::Any;kwargs...)
+    ''_fefferyscrollbars(children_maker::Function;kwargs...)
+
+
+A FefferyScrollbars component.
+
+Keyword arguments:
+- `children` (optional)
+- `id` (optional)
+- `autoHide` (optional)
+- `className` (optional)
+- `classNames` (optional)
+- `forceVisible` (optional)
+- `loading_state` (optional)
+- `scrollbarMaxSize` (optional)
+- `scrollbarMinSize` (optional)
+- `style` (optional)
+- `timeout` (optional)
+"""
+function ''_fefferyscrollbars(; kwargs...)
+        available_props = Symbol[:children, :id, :autoHide, :className, :classNames, :forceVisible, :loading_state, :scrollbarMaxSize, :scrollbarMinSize, :style, :timeout]
+        wild_props = Symbol[]
+        return Component("''_fefferyscrollbars", "FefferyScrollbars", "feffery_utils_components", available_props, wild_props; kwargs...)
+end
+
+''_fefferyscrollbars(children::Any; kwargs...) = ''_fefferyscrollbars(;kwargs..., children = children)
+''_fefferyscrollbars(children_maker::Function; kwargs...) = ''_fefferyscrollbars(children_maker(); kwargs...)
+

package/src/jl/''_fefferysplit.jl

@@ -15,7 +15,6 @@ Keyword arguments:
 - `id` (optional)
 - `className` (optional)
 - `cursor` (optional)
-- `defaultSizes` (optional)
 - `direction` (optional)
 - `dragInterval` (optional)
 - `expandToMin` (optional)
@@ -29,7 +28,7 @@ to Dash, to make them available for callbacks.
 - `style` (optional)
 """
 function ''_fefferysplit(; kwargs...)
-        available_props = Symbol[:children, :id, :className, :cursor, :defaultSizes, :direction, :dragInterval, :expandToMin, :gutterSize, :loading_state, :maxSize, :minSize, :sizes, :style]
+        available_props = Symbol[:children, :id, :className, :cursor, :direction, :dragInterval, :expandToMin, :gutterSize, :loading_state, :maxSize, :minSize, :sizes, :style]
         wild_props = Symbol[]
         return Component("''_fefferysplit", "FefferySplit", "feffery_utils_components", available_props, wild_props; kwargs...)
 end

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

@@ -14,7 +14,8 @@ const FefferyCaptcha = (props) => {
         width,
         bgColor,
         fontSize,
-        setProps
+        setProps,
+        loading_state
     } = props;
 
     // 返回定制化的前端部件
@@ -34,7 +35,10 @@ const FefferyCaptcha = (props) => {
             width={width}
             bgColor={bgColor}
             fontSize={fontSize}
-            onChange={handleChange} />
+            onChange={handleChange}
+            data-dash-is-loading={
+                (loading_state && loading_state.is_loading) || undefined
+            } />
     );
 }
 

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

@@ -0,0 +1,85 @@
+import React, { useEffect, useCallback } from 'react';
+import { useResizeDetector } from 'react-resize-detector';
+
+// 定义进阶div容器组件FefferyDiv
+const FefferyDiv = (props) => {
+    // 取得必要属性或参数
+    const {
+        id,
+        children,
+        style,
+        className,
+        setProps,
+        loading_state
+    } = props;
+
+    const onResize = useCallback(() => {
+    }, []);
+
+    const { width, height, ref } = useResizeDetector({ onResize });
+
+    useEffect(() => {
+        // 监听div容器尺寸变化从而刷新_width，_height属性值
+        setProps({
+            _width: width,
+            _height: height
+        });
+    }, [width, height]);
+
+    return <div
+        id={id}
+        style={style}
+        className={className}
+        ref={ref}
+        data-dash-is-loading={
+            (loading_state && loading_state.is_loading) || undefined
+        } >
+        {children}
+    </ div>;
+}
+
+
+// 定义参数或属性
+FefferyDiv.propTypes = {
+    // 部件id
+    id: PropTypes.string,
+
+    children: PropTypes.node,
+
+    style: PropTypes.object,
+
+    className: PropTypes.string,
+
+    // 监听容器像素宽度变化
+    _width: PropTypes.number,
+
+    // 监听容器像素高度变化
+    _height: PropTypes.number,
+
+    /**
+     * Dash-assigned callback that should be called to report property changes
+     * to Dash, to make them available for callbacks.
+     */
+    setProps: PropTypes.func,
+
+    loading_state: PropTypes.shape({
+        /**
+         * Determines if the component is loading or not
+         */
+        is_loading: PropTypes.bool,
+        /**
+         * Holds which property is loading
+         */
+        prop_name: PropTypes.string,
+        /**
+         * Holds the name of the component that is loading
+         */
+        component_name: PropTypes.string
+    })
+};
+
+// 设置默认参数
+FefferyDiv.defaultProps = {
+}
+
+export default FefferyDiv;

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

@@ -1,23 +1,30 @@
-import { Component } from 'react';
+import { useEffect } from 'react';
 
 
 // 定义js直接执行部件FefferyExecuteJs
-export default class FefferyExecuteJs extends Component {
-    render() {
-        // 取得必要属性或参数
-        const {
-            jsString
-        } = this.props;
-
+const FefferyExecuteJs = (props) => {
+    // 取得必要属性或参数
+    const {
+        id,
+        jsString,
+        loading_state
+    } = props;
+
+    useEffect(() => {
         // 执行原生js程序
         if (jsString) {
             eval(jsString)
         }
+    }, [jsString])
 
-        return <></>
-    }
-
+    return <div
+        id={id}
+        data-dash-is-loading={
+            (loading_state && loading_state.is_loading) || undefined
+        } />;
 }
+
+
 // 定义参数或属性
 FefferyExecuteJs.propTypes = {
     // 部件id
@@ -44,4 +51,6 @@ FefferyExecuteJs.propTypes = {
 
 // 设置默认参数
 FefferyExecuteJs.defaultProps = {
-}
+}
+
+export default FefferyExecuteJs;