@tachybase/client 0.23.8-alpha.30 → 0.23.8-alpha.31

package/lib/built-in/quick-access/SchemaSettingsBlockTitleItem.mjs

@@ -1,66 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
-import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
-import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../schema-component/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__ from "../../schema-settings/index.mjs";
-
-;// CONCATENATED MODULE: external "react/jsx-runtime"
-
-;// CONCATENATED MODULE: external "react"
-
-;// CONCATENATED MODULE: external "@tachybase/schema"
-
-;// CONCATENATED MODULE: external "react-i18next"
-
-;// CONCATENATED MODULE: external "../../schema-component/index.mjs"
-
-;// CONCATENATED MODULE: external "../../schema-settings/index.mjs"
-
-;// CONCATENATED MODULE: ./packages/client/src/built-in/quick-access/SchemaSettingsBlockTitleItem.tsx?__rslib_entry__
-
-
-
-
-
-
-function CustomSchemaSettingsBlockTitleItem() {
-    var _fieldSchema_xdecoratorprops;
-    const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
-    const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-    const { dn } = (0,__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
-    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
-    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsModalItem, {
-        title: t('Edit block title'),
-        schema: {
-            type: 'object',
-            title: t('Edit block title'),
-            properties: {
-                title: {
-                    title: t('Block title'),
-                    type: 'string',
-                    default: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema_xdecoratorprops = fieldSchema['x-decorator-props']) === null || _fieldSchema_xdecoratorprops === void 0 ? void 0 : _fieldSchema_xdecoratorprops['title'],
-                    'x-decorator': 'FormItem',
-                    'x-component': 'Input'
-                }
-            }
-        },
-        onSubmit: (param)=>{
-            let { title } = param;
-            console.log('titleSchemaTest', fieldSchema, field);
-            const componentProps = fieldSchema['x-decorator-props'] || {};
-            componentProps.title = title;
-            fieldSchema['x-decorator-props'] = componentProps;
-            field.decoratorProps.title = title;
-            dn.emit('patch', {
-                schema: {
-                    ['x-uid']: fieldSchema['x-uid'],
-                    'x-decorator-props': fieldSchema['x-decorator-props']
-                }
-            });
-            dn.refresh();
-        }
-    });
-}
-
-export { CustomSchemaSettingsBlockTitleItem };

package/lib/built-in/quick-access/blockInitializerItem.mjs

@@ -1,31 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
-import * as __WEBPACK_EXTERNAL_MODULE__application_index_mjs__ from "../../application/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__blockSchema_mjs__ from "./blockSchema.mjs";
-
-;// CONCATENATED MODULE: external "react-i18next"
-
-;// CONCATENATED MODULE: external "../../application/index.mjs"
-
-;// CONCATENATED MODULE: external "./blockSchema.mjs"
-
-;// CONCATENATED MODULE: ./packages/client/src/built-in/quick-access/blockInitializerItem.ts?__rslib_entry__
-
-
-
-const quickAccessBlockInitializerItem = {
-    type: 'item',
-    name: 'quickAccessBlock',
-    icon: 'FileImageOutlined',
-    useComponentProps () {
-        const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
-        const { insert } = (0,__WEBPACK_EXTERNAL_MODULE__application_index_mjs__.useSchemaInitializer)();
-        return {
-            title: t('Quick access'),
-            onClick: ()=>{
-                insert(__WEBPACK_EXTERNAL_MODULE__blockSchema_mjs__.blockSchema);
-            }
-        };
-    }
-};
-
-export { quickAccessBlockInitializerItem };

package/lib/built-in/quick-access/blockSchema.mjs

@@ -1,20 +0,0 @@
-
-;// CONCATENATED MODULE: ./packages/client/src/built-in/quick-access/blockSchema.ts?__rslib_entry__
-const blockSchema = {
-    type: 'void',
-    'x-decorator': 'CardItem',
-    'x-decorator-props': {
-        title: ''
-    },
-    'x-settings': 'blockSettings:quickAccess',
-    'x-schema-toolbar': 'BlockSchemaToolbar',
-    'x-component': 'QuickAccessBlock',
-    properties: {
-        actions: {
-            'x-component': 'QuickAccessBlock.ActionBar',
-            'x-initializer': 'quickAccess:configureActions'
-        }
-    }
-};
-
-export { blockSchema };

package/lib/built-in/quick-access/blockSettings.mjs

@@ -1,92 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
-import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
-import * as __WEBPACK_EXTERNAL_MODULE__application_index_mjs__ from "../../application/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../schema-component/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__ from "../../schema-settings/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__SchemaSettingsBlockTitleItem_mjs__ from "./SchemaSettingsBlockTitleItem.mjs";
-
-;// CONCATENATED MODULE: external "react/jsx-runtime"
-
-;// CONCATENATED MODULE: external "react"
-
-;// CONCATENATED MODULE: external "@tachybase/schema"
-
-;// CONCATENATED MODULE: external "react-i18next"
-
-;// CONCATENATED MODULE: external "../../application/index.mjs"
-
-;// CONCATENATED MODULE: external "../../schema-component/index.mjs"
-
-;// CONCATENATED MODULE: external "../../schema-settings/index.mjs"
-
-;// CONCATENATED MODULE: external "./SchemaSettingsBlockTitleItem.mjs"
-
-;// CONCATENATED MODULE: ./packages/client/src/built-in/quick-access/blockSettings.tsx?__rslib_entry__
-
-
-
-
-
-
-
-
-const QuickAccessLayout = {
-    Grid: 'grid',
-    List: 'list'
-};
-const ActionPanelLayout = ()=>{
-    var _fieldSchema_xcomponentprops;
-    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
-    const fieldSchema = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-    const field = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
-    const { dn } = (0,__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
-    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_index_mjs__.SchemaSettingsSelectItem, {
-        title: t('Layout'),
-        options: [
-            {
-                label: t('Grid'),
-                value: QuickAccessLayout.Grid
-            },
-            {
-                label: t('List'),
-                value: QuickAccessLayout.List
-            }
-        ],
-        value: (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) === null || _fieldSchema_xcomponentprops === void 0 ? void 0 : _fieldSchema_xcomponentprops.layout) || QuickAccessLayout.Grid,
-        onChange: (value)=>{
-            field.componentProps.layout = value;
-            const schema = {
-                'x-uid': fieldSchema['x-uid']
-            };
-            fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
-            schema['x-component-props'] = fieldSchema['x-component-props'] || {};
-            schema['x-component-props'].layout = value;
-            fieldSchema['x-component-props'].layout = value;
-            dn.emit('patch', {
-                schema: schema
-            });
-            dn.refresh();
-        }
-    });
-};
-const quickAccessBlockSettings = new __WEBPACK_EXTERNAL_MODULE__application_index_mjs__.SchemaSettings({
-    name: 'blockSettings:quickAccess',
-    items: [
-        {
-            name: 'title',
-            Component: __WEBPACK_EXTERNAL_MODULE__SchemaSettingsBlockTitleItem_mjs__.CustomSchemaSettingsBlockTitleItem
-        },
-        {
-            name: 'layout',
-            Component: ActionPanelLayout
-        },
-        {
-            type: 'remove',
-            name: 'remove'
-        }
-    ]
-});
-
-export { QuickAccessLayout, quickAccessBlockSettings };

package/lib/built-in/quick-access/configureActions.mjs

@@ -1,25 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__application_index_mjs__ from "../../application/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__LinkActionSchemaInitializerItem_mjs__ from "./LinkActionSchemaInitializerItem.mjs";
-
-;// CONCATENATED MODULE: external "../../application/index.mjs"
-
-;// CONCATENATED MODULE: external "./LinkActionSchemaInitializerItem.mjs"
-
-;// CONCATENATED MODULE: ./packages/client/src/built-in/quick-access/configureActions.ts?__rslib_entry__
-
-
-const quickAccessConfigureActions = new __WEBPACK_EXTERNAL_MODULE__application_index_mjs__.SchemaInitializer({
-    name: 'quickAccess:configureActions',
-    title: '{{t("Configure actions")}}',
-    // 插入位置
-    insertPosition: 'beforeEnd',
-    items: [
-        {
-            name: 'link',
-            title: '{{t("Link")}}',
-            Component: __WEBPACK_EXTERNAL_MODULE__LinkActionSchemaInitializerItem_mjs__.QuickAccessLinkActionSchemaInitializerItem
-        }
-    ]
-});
-
-export { quickAccessConfigureActions };

package/lib/built-in/quick-access/index.mjs

@@ -1,66 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__ from "../../application/Plugin.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__Action_mjs__ from "./Action.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__Block_mjs__ from "./Block.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__blockInitializerItem_mjs__ from "./blockInitializerItem.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__blockSettings_mjs__ from "./blockSettings.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__configureActions_mjs__ from "./configureActions.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__CustomRequestActionSchemaInitializerItem_mjs__ from "./CustomRequestActionSchemaInitializerItem.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__LinkActionSchemaInitializerItem_mjs__ from "./LinkActionSchemaInitializerItem.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__PopupActionSchemaInitializerItem_mjs__ from "./PopupActionSchemaInitializerItem.mjs";
-
-;// CONCATENATED MODULE: external "../../application/Plugin.mjs"
-
-;// CONCATENATED MODULE: external "./Action.mjs"
-
-;// CONCATENATED MODULE: external "./Block.mjs"
-
-;// CONCATENATED MODULE: external "./blockInitializerItem.mjs"
-
-;// CONCATENATED MODULE: external "./blockSettings.mjs"
-
-;// CONCATENATED MODULE: external "./configureActions.mjs"
-
-;// CONCATENATED MODULE: external "./CustomRequestActionSchemaInitializerItem.mjs"
-
-;// CONCATENATED MODULE: external "./LinkActionSchemaInitializerItem.mjs"
-
-;// CONCATENATED MODULE: external "./PopupActionSchemaInitializerItem.mjs"
-
-;// CONCATENATED MODULE: ./packages/client/src/built-in/quick-access/index.tsx?__rslib_entry__
-
-
-
-
-
-
-
-
-
-class QuickAccessPlugin extends __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__.Plugin {
-    async load() {
-        this.app.addComponents({
-            QuickAccessBlock: __WEBPACK_EXTERNAL_MODULE__Block_mjs__.QuickAccessBlock,
-            QuickAccessAction: __WEBPACK_EXTERNAL_MODULE__Action_mjs__.QuickAccessAction
-        });
-        this.app.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__blockSettings_mjs__.quickAccessBlockSettings);
-        this.app.schemaInitializerManager.add(__WEBPACK_EXTERNAL_MODULE__configureActions_mjs__.quickAccessConfigureActions);
-        // 添加到页面的 Add block 里
-        this.app.schemaInitializerManager.addItem('page:addBlock', "otherBlocks.".concat(__WEBPACK_EXTERNAL_MODULE__blockInitializerItem_mjs__.quickAccessBlockInitializerItem.name), __WEBPACK_EXTERNAL_MODULE__blockInitializerItem_mjs__.quickAccessBlockInitializerItem);
-        // 添加到弹窗的 Add block 里
-        this.app.schemaInitializerManager.addItem('popup:common:addBlock', "otherBlocks.".concat(__WEBPACK_EXTERNAL_MODULE__blockInitializerItem_mjs__.quickAccessBlockInitializerItem.name), __WEBPACK_EXTERNAL_MODULE__blockInitializerItem_mjs__.quickAccessBlockInitializerItem);
-        // link 操作
-        this.app.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__LinkActionSchemaInitializerItem_mjs__.quickAccessActionSettingsLink);
-        // 打开弹窗
-        this.app.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__PopupActionSchemaInitializerItem_mjs__.quickAccessActionSettingsPopup);
-        this.app.schemaInitializerManager.addItem('quickAccess:configureActions', "popup", {
-            Component: __WEBPACK_EXTERNAL_MODULE__PopupActionSchemaInitializerItem_mjs__.QuickAccessPopupActionSchemaInitializerItem
-        });
-        // 自定义请求
-        this.app.schemaSettingsManager.add(__WEBPACK_EXTERNAL_MODULE__CustomRequestActionSchemaInitializerItem_mjs__.quickAccessActionSettingsCustomRequest);
-        this.app.schemaInitializerManager.addItem('quickAccess:configureActions', "customRequest", {
-            Component: __WEBPACK_EXTERNAL_MODULE__CustomRequestActionSchemaInitializerItem_mjs__.QuickAccessCustomRequestActionSchemaInitializerItem
-        });
-    }
-}
-
-export { QuickAccessPlugin };

package/lib/built-in/scroll-assistant/ScrollAssistant.provider.mjs

@@ -1,62 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__emotion_css__ from "@emotion/css";
-import * as __WEBPACK_EXTERNAL_MODULE__ScrollAssistantStatus_provider_mjs__ from "./ScrollAssistantStatus.provider.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__useJoystick_mjs__ from "./useJoystick.mjs";
-
-;// CONCATENATED MODULE: external "react/jsx-runtime"
-
-;// CONCATENATED MODULE: external "react"
-
-;// CONCATENATED MODULE: external "@emotion/css"
-
-;// CONCATENATED MODULE: external "./ScrollAssistantStatus.provider.mjs"
-
-;// CONCATENATED MODULE: external "./useJoystick.mjs"
-
-;// CONCATENATED MODULE: ./packages/client/src/built-in/scroll-assistant/ScrollAssistant.provider.tsx?__rslib_entry__
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    const data = _tagged_template_literal([
-        "\n            position: absolute;\n            top: 0;\n            left: 500px;\n            right: 500px;\n            height: var(--tb-header-height);\n            z-index: 99999;\n            background-color: rgba(226, 252, 173, 0.274);\n          "
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
-
-
-
-
-
-const ScrollAssistantProvider = (param)=>{
-    let { children } = param;
-    const { enable, setEnable } = (0,__WEBPACK_EXTERNAL_MODULE__ScrollAssistantStatus_provider_mjs__.useScrollAssistantStatus)();
-    const ref = (0,__WEBPACK_EXTERNAL_MODULE_react__.useRef)();
-    (0,__WEBPACK_EXTERNAL_MODULE__useJoystick_mjs__.useJoystick)(ref, {
-        onContextmenu () {
-            setEnable(false);
-        }
-    });
-    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
-        children: [
-            children,
-            enable && /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
-                ref: ref,
-                className: (0,__WEBPACK_EXTERNAL_MODULE__emotion_css__.css)(_templateObject())
-            })
-        ]
-    });
-};
-
-export { ScrollAssistantProvider };

package/lib/built-in/scroll-assistant/ScrollAssistantStatus.provider.mjs

@@ -1,31 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-
-;// CONCATENATED MODULE: external "react/jsx-runtime"
-
-;// CONCATENATED MODULE: external "react"
-
-;// CONCATENATED MODULE: ./packages/client/src/built-in/scroll-assistant/ScrollAssistantStatus.provider.tsx?__rslib_entry__
-
-
-const ScrollAssistantStatusContext = /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react__.createContext)(null);
-const ScrollAssistantStatusProvider = (param)=>{
-    let { children } = param;
-    const [enable, setEnable] = (0,__WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
-    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(ScrollAssistantStatusContext.Provider, {
-        value: {
-            enable,
-            setEnable
-        },
-        children: children
-    });
-};
-const useScrollAssistantStatus = ()=>{
-    const { enable, setEnable } = (0,__WEBPACK_EXTERNAL_MODULE_react__.useContext)(ScrollAssistantStatusContext);
-    return {
-        enable,
-        setEnable
-    };
-};
-
-export { ScrollAssistantStatusProvider, useScrollAssistantStatus };

package/lib/built-in/scroll-assistant/index.mjs

@@ -1,41 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
-import * as __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__ from "../../application/Plugin.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__ScrollAssistant_provider_mjs__ from "./ScrollAssistant.provider.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__ScrollAssistantStatus_provider_mjs__ from "./ScrollAssistantStatus.provider.mjs";
-
-;// CONCATENATED MODULE: external "react-i18next"
-
-;// CONCATENATED MODULE: external "../../application/Plugin.mjs"
-
-;// CONCATENATED MODULE: external "./ScrollAssistant.provider.mjs"
-
-;// CONCATENATED MODULE: external "./ScrollAssistantStatus.provider.mjs"
-
-;// CONCATENATED MODULE: ./packages/client/src/built-in/scroll-assistant/index.tsx?__rslib_entry__
-
-
-
-
-const scrollAssistant = {
-    name: 'scrollAssistant',
-    useLoadMethod: ()=>{
-        const { setEnable } = (0,__WEBPACK_EXTERNAL_MODULE__ScrollAssistantStatus_provider_mjs__.useScrollAssistantStatus)();
-        const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
-        return {
-            title: t('Scroll assistant'),
-            actionProps: {
-                onClick: ()=>{
-                    setEnable((enable)=>!enable);
-                }
-            }
-        };
-    }
-};
-class ScrollAssistantPlugin extends __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__.Plugin {
-    async load() {
-        this.app.use(__WEBPACK_EXTERNAL_MODULE__ScrollAssistant_provider_mjs__.ScrollAssistantProvider);
-        this.app.pluginContextMenu.add(scrollAssistant.name, scrollAssistant);
-    }
-}
-
-export { ScrollAssistantPlugin, scrollAssistant };

package/lib/built-in/scroll-assistant/useJoystick.mjs

@@ -1,216 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-
-;// CONCATENATED MODULE: external "react"
-
-;// CONCATENATED MODULE: ./packages/client/src/built-in/scroll-assistant/useJoystick.ts?__rslib_entry__
-
-const useJoystick = (ref, callbacks)=>{
-    (0,__WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (!ref.current) {
-            return;
-        }
-        /**
-     * 摇杆配置
-     */ const config = {
-            /** 摇杆半径 */ radius: 20
-        };
-        /**
-     * 摇杆区域元素，摇杆只会渲染在该区域
-     */ const ele = ref.current;
-        /** 是否正在按压 */ let pressing = false;
-        /** 初始X坐标 */ let prevX = 0;
-        /** 初始Y坐标 */ let prevY = 0;
-        /** 当前X坐标 */ let newX = 0;
-        /** 当前Y坐标 */ let newY = 0;
-        /** 相对X坐标 */ let relX = 0;
-        /** 相对Y坐标 */ let relY = 0;
-        /** 摇杆canvas移动后应在的X坐标 */ let moveX = 0;
-        /** 摇杆canvas移动后应在的Y坐标 */ let moveY = 0;
-        /** 根据半径限制相对坐标后的X坐标 */ let displayX = 0;
-        /** 根据半径限制相对坐标后的Y坐标 */ let displayY = 0;
-        ele.addEventListener('mousedown', down);
-        ele.addEventListener('mousemove', move);
-        ele.addEventListener('mouseup', up);
-        ele.addEventListener('touchstart', down);
-        ele.addEventListener('touchmove', move);
-        ele.addEventListener('touchend', up);
-        ele.addEventListener('contextmenu', onContextmenu);
-        ele.addEventListener('mousewheel', onMousewheel);
-        const stickEle = createStickCanvas();
-        const baseEle = createBaseCanvas();
-        // ele.style.position = 'fixed';
-        ele.appendChild(baseEle);
-        baseEle.style.position = 'absolute';
-        baseEle.style.visibility = 'hidden';
-        ele.appendChild(stickEle);
-        stickEle.style.position = 'absolute';
-        stickEle.style.visibility = 'hidden';
-        /**
-     * 按压或鼠标点击后渲染摇杆
-     * @param  {} event TouchEvent | MouseEvent
-     */ function down(event) {
-            if (event.buttons === 1) {
-                pressing = true;
-                prevX = getClientPosition(event).x;
-                prevY = getClientPosition(event).y;
-                baseEle.style.visibility = 'visible';
-                stickEle.style.visibility = 'visible';
-                stickMove(stickEle.style, prevX - stickEle.width / 2, prevY - stickEle.height / 2);
-                stickMove(baseEle.style, prevX - baseEle.width / 2, prevY - baseEle.height / 2);
-            }
-        }
-        /**
-     * 取消按压或松开鼠标后隐藏摇杆，并重置display坐标
-     * @param  {} event TouchEvent | MouseEvent
-     */ function up(event) {
-            pressing = false;
-            baseEle.style.visibility = 'hidden';
-            stickEle.style.visibility = 'hidden';
-            displayX = 0;
-            displayY = 0;
-        }
-        function moveTable(relX, relY) {
-            const tables = document.querySelectorAll('.ant-table-content');
-            const main = document.querySelector('main');
-            tables.forEach((table)=>{
-                table.scrollBy(relX * 10, 0);
-            });
-            main.scrollBy(0, relY * 10 * -1);
-        }
-        let moveRelX = 0;
-        let moveRelY = 0;
-        const timerId = setInterval(()=>{
-            if (pressing) {
-                moveTable(moveRelX, moveRelY);
-            }
-        }, 16);
-        /**
-     * 移动鼠标响应事件，根据移动坐标计算相对坐标以及需要渲染的坐标，
-     * 并根据半径限制距离，对计算后的值进行四舍五入
-     * @param  {} event TouchEvent | MouseEvent
-     */ function move(event) {
-            if (pressing) {
-                newX = getClientPosition(event).x;
-                newY = getClientPosition(event).y;
-                relX = newX - prevX;
-                relY = prevY - newY;
-                const distance = Math.sqrt(Math.pow(relX, 2) + Math.pow(relY, 2));
-                const stickNormalizedX = relX / distance;
-                const stickNormalizedY = relY / distance;
-                moveRelX = stickNormalizedX;
-                moveRelY = stickNormalizedY;
-                // moveTable(stickNormalizedX, stickNormalizedY);
-                if (distance <= config.radius) {
-                    moveX = newX - stickEle.width / 2;
-                    moveY = newY - stickEle.height / 2;
-                    stickMove(stickEle.style, moveX, moveY);
-                } else {
-                    moveX = stickNormalizedX * config.radius + prevX - stickEle.width / 2;
-                    moveY = -stickNormalizedY * config.radius + prevY - stickEle.height / 2;
-                    stickMove(stickEle.style, moveX, moveY);
-                }
-                displayX = Math.round(stickNormalizedX * config.radius);
-                displayY = Math.round(stickNormalizedY * config.radius);
-            }
-        }
-        function onMousewheel(event) {
-            moveTable(event.deltaY, 0);
-        }
-        function onContextmenu(event) {
-            event.stopPropagation();
-            event.preventDefault();
-            callbacks.onContextmenu(event);
-        }
-        /**
-     * 创建摇杆canvas
-     */ function createStickCanvas() {
-            const canvas = document.createElement('canvas');
-            canvas.width = 40;
-            canvas.height = 40;
-            const ctx = canvas.getContext('2d');
-            ctx.beginPath();
-            ctx.lineWidth = 6;
-            ctx.arc(canvas.width / 2, canvas.width / 2, 40, 0, Math.PI * 2, true);
-            ctx.stroke();
-            return canvas;
-        }
-        /**
-     * 创建摇杆底座canvas
-     */ function createBaseCanvas() {
-            const canvas = document.createElement('canvas');
-            canvas.width = 60;
-            canvas.height = 60;
-            const ctx = canvas.getContext('2d');
-            ctx.beginPath();
-            ctx.lineWidth = 6;
-            ctx.arc(canvas.width / 2, canvas.width / 2, 5, 0, Math.PI * 2, true);
-            ctx.stroke();
-            ctx.beginPath();
-            ctx.lineWidth = 2;
-            ctx.arc(canvas.width / 2, canvas.width / 2, 10, 0, Math.PI * 2, true);
-            ctx.stroke();
-            return canvas;
-        }
-        /**
-     * 移动摇杆
-     * @param  {} style 传入摇杆底座/摇杆的style属性
-     * @param  {} x x轴移动距离
-     * @param  {} y y轴移动距离
-     * @example stickMove(stickEle.style, (prevX - stickEle.width/2), (prevY - stickEle.height/2));
-     */ function stickMove(style, x, y) {
-            const transform = supportTransform();
-            if (transform) {
-                style[transform] = 'translate(' + x + 'px,' + y + 'px)';
-            } else {
-                style.left = x + 'px';
-                style.top = y + 'px';
-            }
-        }
-        /**
-     * 查看是否支持translate
-     */ function supportTransform() {
-            const styles = [
-                'webkitTransform',
-                'MozTransform',
-                'msTransform',
-                'OTransform',
-                'transform'
-            ];
-            const el = document.createElement('p');
-            let style;
-            for(let i = 0; i < styles.length; i++){
-                style = styles[i];
-                if (null != el.style[style]) {
-                    return style;
-                }
-            }
-        }
-        /**
-     * 获取client坐标，不同的响应对象取值方法不同
-     * @param  {} event TouchEvent | MouseEvent
-     */ function getClientPosition(event) {
-            if (event instanceof TouchEvent) {
-                return {
-                    x: event.touches[0].clientX,
-                    y: event.touches[0].clientY
-                };
-            } else {
-                return {
-                    x: event.clientX - ele.offsetLeft,
-                    y: event.clientY - ele.offsetTop
-                };
-            }
-        }
-        return ()=>{
-            clearInterval(timerId);
-            ele === null || ele === void 0 ? void 0 : ele.removeEventListener('mousedown', down);
-            ele === null || ele === void 0 ? void 0 : ele.removeEventListener('mousemove', move);
-            ele === null || ele === void 0 ? void 0 : ele.removeEventListener('mouseup', up);
-            ele === null || ele === void 0 ? void 0 : ele.removeEventListener('touchstart', down);
-            ele === null || ele === void 0 ? void 0 : ele.removeEventListener('touchmove', move);
-            ele === null || ele === void 0 ? void 0 : ele.removeEventListener('touchend', up);
-        };
-    });
-};
-
-export { useJoystick };