feffery_utils_components 0.0.9 → 0.0.10

package/feffery_utils_components/metadata.json

@@ -1,4 +1,83 @@
 {
+  "src/lib/components/colorPickers/FefferyCircleColorPicker.react.js": {
+    "description": "",
+    "displayName": "FefferyCircleColorPicker",
+    "methods": [],
+    "props": {
+      "id": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.string"
+        },
+        "required": false,
+        "description": ""
+      },
+      "className": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.string"
+        },
+        "required": false,
+        "description": ""
+      },
+      "style": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.object"
+        },
+        "required": false,
+        "description": ""
+      },
+      "width": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.string"
+        },
+        "required": false,
+        "description": ""
+      },
+      "colors": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.arrayOf(PropTypes.string)"
+        },
+        "required": false,
+        "description": ""
+      },
+      "circleSize": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.number"
+        },
+        "required": false,
+        "description": ""
+      },
+      "circleSpacing": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.number"
+        },
+        "required": false,
+        "description": ""
+      },
+      "color": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.string"
+        },
+        "required": false,
+        "description": ""
+      },
+      "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/FefferyCaptcha.react.js": {
     "description": "",
     "displayName": "FefferyCaptcha",
@@ -173,7 +252,7 @@
       "steps": {
         "type": {
           "name": "custom",
-          "raw": "PropTypes.arrayOf(\r\n    PropTypes.exact({\r\n        // \u5bf9\u5e94\u5f53\u524d\u6b65\u9aa4\u951a\u5b9a\u7684\u5143\u7d20\u5bf9\u5e94\u7684css\u9009\u62e9\u5668\r\n        selector: PropTypes.string,\r\n\r\n        // \u5f53selector\u53c2\u6570\u7f3a\u7701\u65f6\uff0c\u53ef\u7528targetPos\u53c2\u6570\u57fa\u4e8e\u7edd\u5bf9\u4f4d\u7f6e\u8fdb\u884c\u6b65\u9aa4\u951a\u5b9a\r\n        targetPos: PropTypes.exact({\r\n            // \u8bbe\u7f6e\u8ddd\u79bb\u9876\u90e8\u7684\u50cf\u7d20\u8ddd\u79bb\r\n            top: PropTypes.number,\r\n            // \u8bbe\u7f6e\u8ddd\u79bb\u5de6\u7aef\u7684\u50cf\u7d20\u8ddd\u79bb\r\n            left: PropTypes.number,\r\n            // \u8bbe\u7f6e\u951a\u5b9a\u8303\u56f4\u50cf\u7d20\u5bbd\u5ea6\r\n            width: PropTypes.number,\r\n            // \u8bbe\u7f6e\u951a\u5b9a\u8303\u56f4\u50cf\u7d20\u9ad8\u5ea6\r\n            height: PropTypes.number\r\n        }),\r\n\r\n        // \u8bbe\u7f6e\u5c55\u793a\u9762\u677f\u7684\u6807\u9898\u5185\u5bb9\r\n        title: PropTypes.string,\r\n\r\n        // \u8bbe\u7f6e\u5c55\u793a\u9762\u677f\u7684\u63cf\u8ff0\u5185\u5bb9\r\n        content: PropTypes.string,\r\n\r\n        // \u8bbe\u7f6e\u5c55\u793a\u9762\u677f\u76f8\u5bf9\u951a\u70b9\u7684\u65b9\u4f4d\uff0c\u53ef\u9009\u7684\u6709'bottom-left'\u3001'left-bottom'\u3001'bottom'\uff0c\u9ed8\u8ba4\u4e3a'bottom'\r\n        placement: PropTypes.oneOf([\r\n            'bottom-left', 'left-bottom', 'bottom'\r\n        ]),\r\n\r\n        // \u8bbe\u7f6e\u5c55\u793a\u9762\u677f\u7684\u50cf\u7d20\u504f\u79fb\u91cf\r\n        offset: PropTypes.exact({\r\n            // \u6c34\u5e73\u65b9\u5411\u504f\u79fb\u50cf\u7d20\u8ddd\u79bb\r\n            x: PropTypes.number,\r\n            // \u7ad6\u76f4\u65b9\u5411\u504f\u79fb\u50cf\u7d20\u8ddd\u79bb\r\n            y: PropTypes.number\r\n        })\r\n    })\r\n).isRequired"
+          "raw": "PropTypes.arrayOf(\r\n    PropTypes.exact({\r\n        // \u5bf9\u5e94\u5f53\u524d\u6b65\u9aa4\u951a\u5b9a\u7684\u5143\u7d20\u5bf9\u5e94\u7684css\u9009\u62e9\u5668\r\n        selector: PropTypes.string,\r\n\r\n        // \u5f53selector\u53c2\u6570\u7f3a\u7701\u65f6\uff0c\u53ef\u7528targetPos\u53c2\u6570\u57fa\u4e8e\u7edd\u5bf9\u4f4d\u7f6e\u8fdb\u884c\u6b65\u9aa4\u951a\u5b9a\r\n        targetPos: PropTypes.exact({\r\n            // \u8bbe\u7f6e\u8ddd\u79bb\u9876\u90e8\u7684\u50cf\u7d20\u8ddd\u79bb\r\n            top: PropTypes.number,\r\n            // \u8bbe\u7f6e\u8ddd\u79bb\u5de6\u7aef\u7684\u50cf\u7d20\u8ddd\u79bb\r\n            left: PropTypes.number,\r\n            // \u8bbe\u7f6e\u951a\u5b9a\u8303\u56f4\u50cf\u7d20\u5bbd\u5ea6\r\n            width: PropTypes.number,\r\n            // \u8bbe\u7f6e\u951a\u5b9a\u8303\u56f4\u50cf\u7d20\u9ad8\u5ea6\r\n            height: PropTypes.number\r\n        }),\r\n\r\n        // \u8bbe\u7f6e\u5c55\u793a\u9762\u677f\u7684\u6807\u9898\u5185\u5bb9\r\n        title: PropTypes.string,\r\n\r\n        // \u8bbe\u7f6e\u5c55\u793a\u9762\u677f\u7684\u63cf\u8ff0\u5185\u5bb9\r\n        content: PropTypes.string,\r\n\r\n        // \u8bbe\u7f6e\u5c55\u793a\u9762\u677f\u76f8\u5bf9\u951a\u70b9\u7684\u65b9\u4f4d\uff0c\u53ef\u9009\u7684\u6709'top', 'bottom', 'left', 'right', 'top-left', 'top-right', 'bottom-left', 'bottom-right', 'left-top', 'left-bottom',\r\n        // 'right-top', 'right-bottom'\uff0c\u9ed8\u8ba4\u4e3a'bottom'\r\n        placement: PropTypes.oneOf([\r\n            'top', 'bottom', 'left', 'right', 'top-left', 'top-right',\r\n            'bottom-left', 'bottom-right', 'left-top', 'left-bottom',\r\n            'right-top', 'right-bottom'\r\n        ]),\r\n\r\n        // \u8bbe\u7f6e\u5c55\u793a\u9762\u677f\u7684\u50cf\u7d20\u504f\u79fb\u91cf\r\n        offset: PropTypes.exact({\r\n            // \u6c34\u5e73\u65b9\u5411\u504f\u79fb\u50cf\u7d20\u8ddd\u79bb\r\n            x: PropTypes.number,\r\n            // \u7ad6\u76f4\u65b9\u5411\u504f\u79fb\u50cf\u7d20\u8ddd\u79bb\r\n            y: PropTypes.number\r\n        })\r\n    })\r\n).isRequired"
         },
         "required": false,
         "description": ""
@@ -304,109 +383,119 @@
       }
     }
   },
-  "src/lib/components/FefferyPasteImage.react.js": {
+  "src/lib/components/FefferyScroll.react.js": {
     "description": "",
-    "displayName": "FefferyPasteImage",
+    "displayName": "FefferyScroll",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "string"
+          "name": "custom",
+          "raw": "PropTypes.string"
         },
-        "required": true,
+        "required": false,
         "description": ""
       },
-      "children": {
+      "scrollMode": {
         "type": {
-          "name": "node"
+          "name": "custom",
+          "raw": "PropTypes.oneOf([\r\n    'to-top', 'to-bottom', 'top-offset', 'relative-offset', 'target'\r\n])"
         },
         "required": false,
-        "description": "The content of the tab - will only be displayed if this tab is selected"
+        "description": "",
+        "defaultValue": {
+          "value": "'to-top'",
+          "computed": false
+        }
       },
-      "className": {
+      "executeScroll": {
         "type": {
-          "name": "string"
+          "name": "custom",
+          "raw": "PropTypes.bool"
         },
         "required": false,
         "description": "",
         "defaultValue": {
-          "value": "'feffery-paste-image-container'",
+          "value": "false",
           "computed": false
         }
       },
-      "style": {
+      "scrollTopOffset": {
         "type": {
-          "name": "object"
+          "name": "custom",
+          "raw": "PropTypes.number"
         },
         "required": false,
         "description": ""
       },
-      "currentPastedImages": {
+      "scrollRelativeOffset": {
         "type": {
-          "name": "arrayOf",
-          "value": {
-            "name": "any"
-          }
+          "name": "custom",
+          "raw": "PropTypes.number"
         },
         "required": false,
-        "description": "",
-        "defaultValue": {
-          "value": "[]",
-          "computed": false
-        }
+        "description": ""
       },
-      "deletedIdx": {
+      "scrollTargetId": {
         "type": {
-          "name": "arrayOf",
-          "value": {
-            "name": "number"
-          }
+          "name": "custom",
+          "raw": "PropTypes.string"
         },
         "required": false,
-        "description": "",
-        "defaultValue": {
-          "value": "[]",
-          "computed": false
-        }
+        "description": ""
       },
-      "imageHeight": {
+      "duration": {
         "type": {
-          "name": "number"
+          "name": "custom",
+          "raw": "PropTypes.number"
         },
         "required": false,
-        "description": "",
-        "defaultValue": {
-          "value": "200",
-          "computed": false
-        }
+        "description": ""
+      },
+      "smooth": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.oneOf([\r\n    'linear',\r\n    'easeInQuad',\r\n    'easeOutQuad',\r\n    'easeInOutQuad',\r\n    'easeInCubic',\r\n    'easeOutCubic',\r\n    'easeInOutCubic',\r\n    'easeInQuart',\r\n    'easeOutQuart',\r\n    'easeInOutQuart',\r\n    'easeInQuint',\r\n    'easeOutQuint',\r\n    'easeInOutQuint'\r\n])"
+        },
+        "required": false,
+        "description": ""
+      },
+      "delay": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.number"
+        },
+        "required": false,
+        "description": ""
+      },
+      "containerId": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.string"
+        },
+        "required": false,
+        "description": ""
+      },
+      "offset": {
+        "type": {
+          "name": "custom",
+          "raw": "PropTypes.number"
+        },
+        "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
-            }
-          }
+          "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": ""
       },
       "setProps": {
         "type": {
-          "name": "func"
+          "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."
@@ -769,121 +858,6 @@
       }
     }
   },
-  "src/lib/components/FefferyWaterMark.react.js": {
-    "description": "",
-    "displayName": "FefferyWaterMark",
-    "methods": [],
-    "props": {
-      "id": {
-        "type": {
-          "name": "string"
-        },
-        "required": false,
-        "description": ""
-      },
-      "children": {
-        "type": {
-          "name": "node"
-        },
-        "required": false,
-        "description": "The content of the tab - will only be displayed if this tab is selected"
-      },
-      "className": {
-        "type": {
-          "name": "string"
-        },
-        "required": false,
-        "description": ""
-      },
-      "style": {
-        "type": {
-          "name": "object"
-        },
-        "required": false,
-        "description": ""
-      },
-      "content": {
-        "type": {
-          "name": "string"
-        },
-        "required": false,
-        "description": ""
-      },
-      "rotate": {
-        "type": {
-          "name": "number"
-        },
-        "required": false,
-        "description": ""
-      },
-      "zIndex": {
-        "type": {
-          "name": "number"
-        },
-        "required": false,
-        "description": ""
-      },
-      "fontColor": {
-        "type": {
-          "name": "string"
-        },
-        "required": false,
-        "description": ""
-      },
-      "fontSize": {
-        "type": {
-          "name": "number"
-        },
-        "required": false,
-        "description": ""
-      },
-      "gapX": {
-        "type": {
-          "name": "number"
-        },
-        "required": false,
-        "description": ""
-      },
-      "gapY": {
-        "type": {
-          "name": "number"
-        },
-        "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."
-      }
-    }
-  },
   "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.9",
+  "version": "0.0.10",
   "description": "Utility augments components of Dash!",
   "repository": {
     "type": "git",
@@ -22,7 +22,6 @@
   "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",
@@ -34,9 +33,11 @@
     "ramda": "^0.26.1",
     "re-resizable": "^6.9.1",
     "react-captcha-code": "^1.0.7",
+    "react-color": "^2.19.3",
     "react-contexify": "^5.0.0",
     "react-copy-to-clipboard": "^5.0.4",
     "react-icons": "^4.3.1",
+    "react-scroll": "^1.8.6",
     "react-split": "^2.0.14",
     "react-syntax-highlighter": "^15.4.4"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feffery_utils_components",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "Utility augments components of Dash!",
   "repository": {
     "type": "git",
@@ -22,7 +22,6 @@
   "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",
@@ -34,9 +33,11 @@
     "ramda": "^0.26.1",
     "re-resizable": "^6.9.1",
     "react-captcha-code": "^1.0.7",
+    "react-color": "^2.19.3",
     "react-contexify": "^5.0.0",
     "react-copy-to-clipboard": "^5.0.4",
     "react-icons": "^4.3.1",
+    "react-scroll": "^1.8.6",
     "react-split": "^2.0.14",
     "react-syntax-highlighter": "^15.4.4"
   },

package/src/FefferyUtilsComponents.jl

@@ -3,16 +3,16 @@ module FefferyUtilsComponents
 using Dash
 
 const resources_path = realpath(joinpath( @__DIR__, "..", "deps"))
-const version = "0.0.9"
+const version = "0.0.10"
 
+include("jl/''_fefferycirclecolorpicker.jl")
 include("jl/''_fefferycaptcha.jl")
 include("jl/''_fefferyexecutejs.jl")
 include("jl/''_fefferyguide.jl")
-include("jl/''_fefferypasteimage.jl")
+include("jl/''_fefferyscroll.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 +25,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.10/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.10/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/''_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/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/FefferyGuide.react.js

@@ -25,6 +25,7 @@ const FefferyGuide = (props) => {
         okText,
         step,
         setProps,
+        loading_state
     } = props;
 
     // 返回向页面注入的快捷键监听
@@ -47,7 +48,10 @@ const FefferyGuide = (props) => {
             prevText={prevText}
             showPreviousBtn={showPreviousBtn}
             okText={okText}
-            step={step} />
+            step={step}
+            data-dash-is-loading={
+                (loading_state && loading_state.is_loading) || undefined
+            } />
     );
 }
 
@@ -89,9 +93,12 @@ FefferyGuide.propTypes = {
             // 设置展示面板的描述内容
             content: PropTypes.string,
 
-            // 设置展示面板相对锚点的方位，可选的有'bottom-left'、'left-bottom'、'bottom'，默认为'bottom'
+            // 设置展示面板相对锚点的方位，可选的有'top', 'bottom', 'left', 'right', 'top-left', 'top-right', 'bottom-left', 'bottom-right', 'left-top', 'left-bottom',
+            // 'right-top', 'right-bottom'，默认为'bottom'
             placement: PropTypes.oneOf([
-                'bottom-left', 'left-bottom', 'bottom'
+                'top', 'bottom', 'left', 'right', 'top-left', 'top-right',
+                'bottom-left', 'bottom-right', 'left-top', 'left-bottom',
+                'right-top', 'right-bottom'
             ]),
 
             // 设置展示面板的像素偏移量
@@ -116,7 +123,7 @@ FefferyGuide.propTypes = {
     // 设置蒙版层的类名
     maskClassName: PropTypes.string,
 
-    // 设置是否展示蒙板层，默认为true
+    // 设置是否展示蒙板层，默认为true 
     mask: PropTypes.bool,
 
     // 设置展示面板是否添加箭头，默认为true