feffery_utils_components 0.0.7 → 0.0.8

package/usage.py

@@ -2,6 +2,7 @@ import feffery_utils_components as fuc
 import dash
 from dash.dependencies import Input, Output, State
 from dash import html
+import uuid
 
 app = dash.Dash(__name__)
 
@@ -9,9 +10,99 @@ app = dash.Dash(__name__)
 app.layout = html.Div(
     fuc.FefferyTopProgress(
         [
+
+            fuc.FefferySplit(
+                [
+                    fuc.FefferySplitPane(
+                        fuc.FefferySplit(
+                            [
+                                fuc.FefferySplitPane(
+                                    html.Div(
+                                        'a',
+                                        style={
+                                            'width': '100px',
+                                            'height': '100px',
+                                            'border': '1px solid red'
+                                        }
+                                    )
+                                ),
+                                fuc.FefferySplitPane('b'),
+                                fuc.FefferySplitPane('c'),
+                            ],
+                            # defaultSizes=[20, 40, 40],
+                            minSize=20,
+                            gutterSize=3,
+                            # dragInterval=1,
+                            # direction='vertical',
+                            style={
+                                'height': '100%'
+                            }
+                        ),
+                        style={
+                            'height': '100%'
+                        }
+                    ),
+                    fuc.FefferySplitPane('b'),
+                    fuc.FefferySplitPane('c'),
+                ],
+                # defaultSizes=[20, 40, 40],
+                minSize=20,
+                gutterSize=3,
+                # dragInterval=1,
+                direction='vertical',
+                style={
+                    'height': '400px',
+                    # 'border': '1px dashed black'
+                }
+            ),
+
+            fuc.FefferyGuide(
+                steps=[
+                    {
+                        'selector': '#step1',
+                        'title': '第1步',
+                        'content': '这是第1步balabalabalabala'
+                    },
+                    {
+                        'selector': '#step2',
+                        'placement': 'left-bottom',
+                        'title': '第2步',
+                        'content': '这是第2步balabalabalabala'
+                    },
+                    {
+                        'selector': '#step3',
+                        'title': '第3步',
+                        'content': '这是第3步balabalabalabala'
+                    },
+                    {
+                        'selector': '#test',
+                        'title': '第4步',
+                        'content': '这是第4步balabalabalabala'
+                    },
+                    {
+                        'selector': '#syntax-highlighter-demo',
+                        'title': '第5步',
+                        'content': '这是第5步balabalabalabala'
+                    }
+                ],
+                localKey=str(uuid.uuid4()),
+                # hotspot=True,
+                showPreviousBtn=True,
+                closable=True,
+                # step=-1
+            ),
+
+            html.H2('节点1', id='step1', style={'marginBottom': '200px'}),
+
+            html.H2('节点2', id='step2', style={
+                'float': 'right', 'marginBottom': '200px'}),
+            html.Hr(),
+
+            html.H2('节点3', id='step3', style={'marginBottom': '200px'}),
+
             fuc.FefferyShortcutPanel(
                 id='shortcut-panel-demo',
-                locale='cn',
+                locale='zh',
                 placeholder='搜索热键功能...',
                 theme='dark',
                 data=[
@@ -57,7 +148,6 @@ app.layout = html.Div(
             ),
             html.Div(id='test-output'),
 
-
             fuc.FefferyCaptcha(id='captcha-demo',
                                charNum=10,
                                width=300,
@@ -73,6 +163,7 @@ app.layout = html.Div(
             ),
 
             fuc.FefferySyntaxHighlighter(
+                id='syntax-highlighter-demo',
                 showLineNumbers=True,
                 showInlineLineNumbers=True,
                 codeString='''html.Div(
@@ -155,5 +246,6 @@ def shotycut_panel_demo(triggeredHotkey, theme):
 
     return 'dark' if theme == 'light' else 'light'
 
+
 if __name__ == '__main__':
     app.run_server(debug=True)

package/webpack.config.js

@@ -37,6 +37,8 @@ module.exports = (env, argv) => {
 
     const devtool = overrides.devtool || 'source-map';
 
+    // const devtool = 'cheap-module-eval-source-map';
+
     const externals = ('externals' in overrides) ? overrides.externals : ({
         react: 'React',
         'react-dom': 'ReactDOM',

package/feffery_utils_components/feffery_utils_components.min.js.LICENSE.txt

@@ -1,102 +0,0 @@
-/* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress
- * @license MIT */
-
-/*!
-  Copyright (c) 2018 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-
-/*!
- * hotkeys-js v3.8.7
- * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies.
- * 
- * Copyright (c) 2021 kenny wong <wowohoo@qq.com>
- * http://jaywcjlove.github.io/hotkeys
- * 
- * Licensed under the MIT license.
- */
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-LIcense-Identifier: Apache-2.0
- */
-
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-/**
- * @license
- * Lodash <https://lodash.com/>
- * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
- * Released under MIT license <https://lodash.com/license>
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
- */
-
-/**
- * Prism: Lightweight, robust, elegant syntax highlighting
- *
- * @license MIT <https://opensource.org/licenses/MIT>
- * @author Lea Verou <https://lea.verou.me>
- * @namespace
- * @public
- */
-
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */