plain-design 1.0.0-beta.104 → 1.0.0-beta.105

package/src/packages/components/TimePicker/panel/TimePanel.tsx

@@ -1,8 +1,8 @@
 import './time-range-panel.scss';
 import {TimePublicProps} from "./time-panel.utils";
-import {computed, designComponent, iMouseEvent, PropType, RenderNode, useModel} from "plain-design-composition";
+import {computed, designComponent, iMouseEvent, PropType, RenderNode, useModel} from "@peryl/react-compose";
 import TimeRangePanel, {TimeRangePanelType} from "./TimeRangePanel";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import TimeBasePanel, {TimePanelLayout} from "./TimeBasePanel";
 
 export const TimePanelProps = {

package/src/packages/components/TimePicker/panel/TimeRangePanel.tsx

@@ -1,4 +1,4 @@
-import {computed, designComponent, getComponentCls, useModel} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, useModel} from "@peryl/react-compose";
 import {TimePublicProps} from "./time-panel.utils";
 import {plainDate} from "../../../utils/plainDate";
 import {TimeBasePanel, TimePanelLayout} from "./TimeBasePanel";

package/src/packages/components/TimePicker/panel/time-panel.utils.ts

@@ -1,4 +1,4 @@
-import {PropType} from "plain-design-composition";
+import {PropType} from "@peryl/react-compose";
 
 export const TimePublicProps = {
   displayFormat: { type: String, },                                                     // 显示值格式化字符串

package/src/packages/components/TimePicker/time.utils.ts

@@ -1,6 +1,6 @@
 import {useTimeHooks} from "./useTimeHooks";
 import {PDate} from "../../utils/plainDate";
-import {ComponentEvent, ComponentPropsType, computed, ExtractPropTypes, PropType, tSlotsType} from "plain-design-composition";
+import {ComponentEvent, ComponentPropsType, computed, ExtractPropTypes, PropType, tSlotsType} from "@peryl/react-compose";
 import {EditProps, tEditComputed} from "../../uses/useEdit";
 import {StyleProps, tStyleComputed} from "../../uses/useStyle";
 import {TimePanelProps} from "./panel/TimePanel";

package/src/packages/components/TimePicker/useRangeTimeRender.tsx

@@ -1,14 +1,14 @@
-import {computed, getComponentCls, iHTMLInputElement, reactive, useModel, useRefs} from "plain-design-composition";
+import {computed, getComponentCls, iHTMLInputElement, reactive, useModel, useRefs} from "@peryl/react-compose";
 import Input from "../Input";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import {useFocusHandler} from "../../uses/useFocusHandler";
 import {PDate, plainDate} from "../../utils/plainDate";
 import {TimePanelLayout} from "./panel/TimeBasePanel";
 import {TimeRangePanelType} from "./panel/TimeRangePanel";
 import {limitDatetimeTimePlainData, TimeLayoutToFormat, tTimeCompositionParams} from "./time.utils";
-import {debounce} from "plain-utils/utils/debounce";
+import {debounce} from "@peryl/utils/debounce";
 import {useRenderReference} from "../../uses/useRenderReference";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {createEffects} from "@peryl/utils/createEffects";
 
 export function useRangeTimeRender({ props, emit, onBlur, slots, displayPattern, today, onInputClear, maxmin, formatString }: tTimeCompositionParams & { onBlur: () => void, onInputClear?: (range: TimeRangePanelType) => void, }) {
   const { effects } = createEffects();

package/src/packages/components/TimePicker/useTimeHooks.ts

@@ -1,4 +1,4 @@
-import {createSyncHooks, RenderNode} from "plain-design-composition";
+import {createSyncHooks, RenderNode} from "@peryl/react-compose";
 
 export function useTimeHooks() {
   return {

package/src/packages/components/Toggle/index.tsx

@@ -1,9 +1,9 @@
-import {computed, designComponent, getComponentCls, iFocusEvent, iKeyboardEvent, iMouseEvent, reactive, useClasses, useModel, useRefs} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, iFocusEvent, iKeyboardEvent, iMouseEvent, reactive, useClasses, useModel, useRefs} from "@peryl/react-compose";
 import {useClickWave} from "../../directives/ClickWave";
 import './toggle.scss';
 import {EditProps, useEdit} from "../../uses/useEdit";
 import {StyleProps, ThemeStatus, useStyle} from "../../uses/useStyle";
-import {getKey, KEY} from "../KeyboardService";
+import {eKeyboardKeys, getKeyNameByKeyboardEvent} from "@peryl/utils/keyboard";
 import i18n from "../i18n";
 
 export const Toggle = designComponent({
@@ -79,8 +79,8 @@ export const Toggle = designComponent({
         emit.onClick(e);
       },
       keydown: (e: iKeyboardEvent) => {
-        const key = getKey(e);
-        if (key === KEY.space || key === KEY.enter) {
+        const key = getKeyNameByKeyboardEvent(e);
+        if (key === eKeyboardKeys.space || key === eKeyboardKeys.enter) {
           e.preventDefault();
           e.stopPropagation();
           handler.click(e as any);

package/src/packages/components/Tooltip/index.tsx

@@ -1,5 +1,5 @@
-import {designComponent, getComponentCls, mergeAttrs, nextTick, onMounted, onUpdated, PropType, reactive, useClasses, useModel, useRefs, watch} from "plain-design-composition";
-import {debounce} from "plain-utils/utils/debounce";
+import {designComponent, getComponentCls, mergeAttrs, nextTick, onMounted, onUpdated, PropType, reactive, useClasses, useModel, useRefs, watch} from "@peryl/react-compose";
+import {debounce} from "@peryl/utils/debounce";
 import './tooltip.scss';
 import {ThemeSize} from "../../uses/useStyle";
 import {Popup} from "../Popup";

package/src/packages/components/Transition/index.tsx

@@ -1,5 +1,5 @@
-import {designClassComponent, designComponent, onBeforeMount, PropType, useReference} from "plain-design-composition";
-import {createCounter} from 'plain-utils/utils/createCounter';
+import {designClassComponent, designComponent, onBeforeMount, PropType, useReference} from "@peryl/react-compose";
+import {createCounter} from '@peryl/utils/createCounter';
 import React from "react";
 import {CSSTransition, SwitchTransition} from "react-transition-group";
 import {findDOMNode} from "react-dom";

package/src/packages/components/Tree/RenderTreeNode.tsx

@@ -1,4 +1,4 @@
-import {cacheComputed, classnames, computed, designComponent, getComponentCls, iHTMLDivElement, iMouseEvent, PropType, useClasses, useRefs} from "plain-design-composition";
+import {cacheComputed, classnames, computed, designComponent, getComponentCls, iHTMLDivElement, iMouseEvent, PropType, useClasses, useRefs} from "@peryl/react-compose";
 import {Tree} from "./index";
 import {iTreeNode} from "../TreeCore/createTreeNode";
 import {Loading} from "../Loading";

package/src/packages/components/Tree/index.tsx

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, mergeAttrs, onBeforeUnmount, onMounted, PropType, useClasses} from "plain-design-composition";
+import {designComponent, getComponentCls, mergeAttrs, onBeforeUnmount, onMounted, PropType, useClasses} from "@peryl/react-compose";
 import {TreeEmitOptions, TreePropsOptions} from "../TreeCore/createTreeProps";
 import {createTreeCore} from "../TreeCore/createTreeCore";
 import {RenderTreeNode} from "./RenderTreeNode";
@@ -10,7 +10,7 @@ import {TreeScopeSlotsOption, TreeSlotsOption} from "../TreeCore/TreeCore.type";
 import {StyleProps, useStyle} from "../../uses/useStyle";
 import {Empty} from "../Empty";
 import {LoadingMask} from "../LoadingMask";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 
 export const Tree = designComponent({
   name: '-tree',

package/src/packages/components/TreeCore/createTreeCore.tsx

@@ -1,4 +1,4 @@
-import {computed, ComputedRef, reactive, useModel, useRefs, watchEffect} from "plain-design-composition";
+import {computed, ComputedRef, reactive, useModel, useRefs, watchEffect} from "@peryl/react-compose";
 import {iTreeNodeComputedData, iTreeProps, iTreeState} from "./TreeCore.type";
 import {createTreeUtils} from "./createTreeUtils";
 import {formatNodeData2TreeNode} from "./fromatNodeData";
@@ -10,8 +10,8 @@ import {CheckboxStatus} from "../../utils/constant";
 import {createTreeDraggier} from "./createTreeDraggier";
 import {VirtualList} from "../VirtualList";
 import {Scroll} from "../Scroll";
-import {createEffects} from "plain-utils/utils/createEffects";
-import {toArray} from "plain-utils/utils/toArray";
+import {createEffects} from "@peryl/utils/createEffects";
+import {toArray} from "@peryl/utils/toArray";
 
 export function createTreeCore(
   {

package/src/packages/components/TreeCore/createTreeDraggier.tsx

@@ -1,21 +1,21 @@
 import Scroll from "../Scroll";
 import {iTreeNode} from "./createTreeNode";
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createEnum} from "@peryl/utils/createEnum";
 import {iTreeMethods} from "./createTreeMethods";
-import {getComponentCls, iMouseEvent, nextTick, reactive} from "plain-design-composition";
+import {getComponentCls, iMouseEvent, nextTick, reactive} from "@peryl/react-compose";
 import {iElementRect} from "../../utils/getRowEl";
 import {iTreeUtils} from "./createTreeUtils";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {createEffects} from "@peryl/utils/createEffects";
 import {useAutoScrollUtils} from "../useAutoScrollUtils";
-import {findParentElement} from "plain-utils/dom/findParentElement";
-import {hasClass} from "plain-utils/dom/hasClass";
-import {disabledUserSelect} from "plain-utils/dom/disabledUserSelect";
-import {enableUserSelect} from "plain-utils/dom/enableUserSelect";
+import {findParentElement} from "@peryl/utils/findParentElement";
+import {hasClass} from "@peryl/utils/hasClass";
+import {disabledUserSelect} from "@peryl/utils/disabledUserSelect";
+import {enableUserSelect} from "@peryl/utils/enableUserSelect";
 import {onParentElementsScroll} from "../../utils/onParentElementsScroll";
-import {addClass} from "plain-utils/dom/addClass";
+import {addClass} from "@peryl/utils/addClass";
 import {iTreeHooks} from "./createTreeHooks";
 import {ClientZoom} from "../ClientZoom";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 
 export function createTreeDraggier(
   {

package/src/packages/components/TreeCore/createTreeHooks.ts

@@ -1,4 +1,4 @@
-import {createHooks} from "plain-design-composition";
+import {createHooks} from "@peryl/react-compose";
 import {iTreeNode} from "./createTreeNode";
 import {iTreeDragChangeData} from "./createTreeProps";
 

package/src/packages/components/TreeCore/createTreeMethods.tsx

@@ -1,8 +1,8 @@
 import {iTreeUtils} from "./createTreeUtils";
 import {iTreeKeyOrNode, iTreeProps, iTreeState} from "./TreeCore.type";
-import {nextTick, toRaw} from "plain-design-composition";
+import {nextTick, toRaw} from "@peryl/react-compose";
 import {CheckboxStatus} from "../../utils/constant";
-import {toArray} from "plain-utils/utils/toArray";
+import {toArray} from "@peryl/utils/toArray";
 import {iTreeNode} from "./createTreeNode";
 
 export function createTreeMethods(

package/src/packages/components/TreeCore/createTreeProps.ts

@@ -1,7 +1,7 @@
-import {ComponentEvent, PropType} from "plain-design-composition";
+import {ComponentEvent, PropType} from "@peryl/react-compose";
 import {iTreeProps} from "./TreeCore.type";
 import {iTreeNode} from "./createTreeNode";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 
 export const TreePropsOptions = {
   data: { type: Array as PropType<iTreeProps["data"]> },

package/src/packages/components/TreeCore/createTreeUtils.ts

@@ -1,7 +1,7 @@
 import {iTreeKeyOrNode, iTreeNodeComputedData, iTreeProps} from "./TreeCore.type";
 import {iTreeNode} from "./createTreeNode";
-import {toArray} from "plain-utils/utils/toArray";
-import {iterate as utilsIterate} from "plain-utils/utils/iterate";
+import {toArray} from "@peryl/utils/toArray";
+import {iterate as utilsIterate} from "@peryl/utils/iterate";
 import {eTreeDropType} from "./createTreeDraggier";
 
 export function createTreeUtils(

package/src/packages/components/TreeNodeWithMenu/index.tsx

@@ -1,4 +1,4 @@
-import {cacheComputed, ComponentPropsType, computed, designComponent, getComponentCls, iHTMLDivElement, iMouseEvent, PropType, useClassCache, useRefs} from "plain-design-composition";
+import {cacheComputed, ComponentPropsType, computed, designComponent, getComponentCls, iHTMLDivElement, iMouseEvent, PropType, useClassCache, useRefs} from "@peryl/react-compose";
 import {Icon} from "../Icon";
 import {iTreeNode} from "../TreeCore/createTreeNode";
 import './tree-node-with-menu.scss';

package/src/packages/components/TreeNodeWithMenu/treeNodeWithMenu.utils.ts

@@ -1,4 +1,4 @@
-import {iMouseEvent, RenderNode} from "plain-design-composition";
+import {iMouseEvent, RenderNode} from "@peryl/react-compose";
 
 export interface iTreeNodeWithMenuOption {
   label?: string,

package/src/packages/components/Triangle/index.tsx

@@ -1,6 +1,6 @@
 import './triangle.scss';
-import {designComponent, getComponentCls, onMounted, PropType, useClasses, useModel, useRefs, useStyles} from "plain-design-composition";
-import {unit} from "plain-utils/string/unit";
+import {designComponent, getComponentCls, onMounted, PropType, useClasses, useModel, useRefs, useStyles} from "@peryl/react-compose";
+import {unit} from "@peryl/utils/unit";
 
 const DirectionMap = {
   top: 'bottom',

package/src/packages/components/Upload/index.tsx

@@ -1,6 +1,6 @@
 import './upload.scss';
 import {$file, FileServiceDefaultAccept, FileServiceSingleFile, FileServiceValidator} from "../$file";
-import {computed, designComponent, getComponentCls, iDragEvent, PropType, RenderNode, useClasses, useModel, useRefs} from 'plain-design-composition';
+import {computed, designComponent, getComponentCls, iDragEvent, PropType, RenderNode, useClasses, useModel, useRefs} from '@peryl/react-compose';
 import {EditProps, useEdit} from "../../uses/useEdit";
 import {Icon} from "../Icon";
 import {Loading} from "../Loading";
@@ -9,11 +9,11 @@ import {$dialog} from "../$dialog";
 import {ButtonGroup} from "../ButtonGroup";
 import {Button} from "../Button";
 import {$notice} from "../$notice";
-import {createCounter} from "plain-utils/utils/createCounter";
-import {classnames} from "plain-utils/dom/classnames";
-import {toArray} from "plain-utils/utils/toArray";
-import {defer} from "plain-utils/utils/defer";
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createCounter} from "@peryl/utils/createCounter";
+import {classnames} from "@peryl/utils/classnames";
+import {toArray} from "@peryl/utils/toArray";
+import {defer} from "@peryl/utils/defer";
+import {createEnum} from "@peryl/utils/createEnum";
 import i18n from "../i18n";
 
 const nextFileId = createCounter('upload');

package/src/packages/components/VirtualList/createVirtualDraggier.ts

@@ -1,13 +1,13 @@
 import {iElementRect} from "../../utils/getRowEl";
-import {getComponentCls, iMouseEvent, iTouchEvent, reactive, SimpleFunction, StyleProperties} from "plain-design-composition";
-import {doNothing} from "plain-utils/utils/doNothing";
-import {defer, DFD} from "plain-utils/utils/defer";
-import {findParentElement} from "plain-utils/dom/findParentElement";
-import {hasClass} from "plain-utils/dom/hasClass";
+import {getComponentCls, iMouseEvent, iTouchEvent, reactive, SimpleFunction, StyleProperties} from "@peryl/react-compose";
+import {doNothing} from "@peryl/utils/doNothing";
+import {defer, DFD} from "@peryl/utils/defer";
+import {findParentElement} from "@peryl/utils/findParentElement";
+import {hasClass} from "@peryl/utils/hasClass";
 import {getElementRect} from "../../utils/getElementRect";
-import {notNull} from "plain-utils/utils/notNull";
+import {notNull} from "@peryl/utils/notNull";
 import {createWebDraggier, iDraggierData} from "../../utils/createDraggier";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import {PlainScroll} from "../Scroll";
 import {iVirtualList} from "./useVirtualList";
 import {createAutoScrollManager} from "../createAutoScrollManager";

package/src/packages/components/VirtualList/index.tsx

@@ -1,5 +1,5 @@
 import './virtual-list.scss';
-import {computed, designComponent, iMouseEvent, iTouchEvent, onBeforeUnmount, useModel, useRefs} from "plain-design-composition";
+import {computed, designComponent, iMouseEvent, iTouchEvent, onBeforeUnmount, useModel, useRefs} from "@peryl/react-compose";
 import Scroll from "../Scroll";
 import {useVirtualList} from "./useVirtualList";
 import {createVirtualDraggier, iVirtualDraggierData} from "./createVirtualDraggier";

package/src/packages/components/VirtualList/useVirtualList.tsx

@@ -1,12 +1,12 @@
-import {computed, getComponentCls, onBeforeUnmount, onMounted, onUpdated, reactive, useClasses, useStyles, watch} from "plain-design-composition";
-import {createCounter} from 'plain-utils/utils/createCounter';
-import {delay} from "plain-utils/utils/delay";
+import {computed, getComponentCls, onBeforeUnmount, onMounted, onUpdated, reactive, useClasses, useStyles, watch} from "@peryl/react-compose";
+import {createCounter} from '@peryl/utils/createCounter';
+import {delay} from "@peryl/utils/delay";
 import './virtual-list.scss';
 import Scroll from "../Scroll";
-import {unit} from "plain-utils/string/unit";
-import {createEnum} from "plain-utils/utils/createEnum";
-import {PlainObject} from "plain-utils/utils/event";
-import {addWindowListener} from "plain-utils/dom/addWindowListener";
+import {unit} from "@peryl/utils/unit";
+import {createEnum} from "@peryl/utils/createEnum";
+import {PlainObject} from "@peryl/utils/event";
+import {addWindowListener} from "@peryl/utils/addWindowListener";
 
 interface DataNode {
   start: number;

package/src/packages/components/VirtualTable/index.tsx

@@ -1,11 +1,11 @@
-import {computed, designComponent, getComponentCls, PropType, useClasses, useModel, useRefs, useStyles} from "plain-design-composition";
-import {PlainObject} from "plain-utils/utils/event";
+import {computed, designComponent, getComponentCls, PropType, useClasses, useModel, useRefs, useStyles} from "@peryl/react-compose";
+import {PlainObject} from "@peryl/utils/event";
 import {Scroll} from "../Scroll";
 import {useVirtualList} from "../VirtualList/useVirtualList";
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import './virtual-table.scss';
 import i18n from "../i18n";
-import {doNothing} from "plain-utils/utils/doNothing";
+import {doNothing} from "@peryl/utils/doNothing";
 import {useWatchAutoClear} from "../../utils/watchEffectAutoClear";
 
 export const VirtualTable = designComponent({

package/src/packages/components/createPlainAddressService/index.tsx

@@ -1,8 +1,8 @@
 import {createAddressService} from "../$address/createAddressService";
 import {eAddressTypeEnum, iAddressSyncMeta} from "../$address/address.utils";
 import {iHttp} from "../createHttp";
-import {delay} from "plain-utils/utils/delay";
-import {toArray} from "plain-utils/utils/toArray";
+import {delay} from "@peryl/utils/delay";
+import {toArray} from "@peryl/utils/toArray";
 
 export function createPlainAddressService(
   {

package/src/packages/components/createRequestInterceptor/index.ts

@@ -1,5 +1,5 @@
-import {pathJoin} from "plain-utils/string/pathJoin";
-import {PlainObject} from "plain-utils/utils/event";
+import {pathJoin} from "@peryl/utils/pathJoin";
+import {PlainObject} from "@peryl/utils/event";
 import qs from "qs";
 
 /**

package/src/packages/components/createScrollDraggier/index.ts

@@ -1,10 +1,10 @@
-import {getComponentCls, iMouseEvent, iTouchEvent, reactive, StyleProperties} from "plain-design-composition";
-import {doNothing} from "plain-utils/utils/doNothing";
-import {findParentElement} from "plain-utils/dom/findParentElement";
-import {hasClass} from "plain-utils/dom/hasClass";
+import {getComponentCls, iMouseEvent, iTouchEvent, reactive, StyleProperties} from "@peryl/react-compose";
+import {doNothing} from "@peryl/utils/doNothing";
+import {findParentElement} from "@peryl/utils/findParentElement";
+import {hasClass} from "@peryl/utils/hasClass";
 import {getElementRect} from "../../utils/getElementRect";
 import {createWebDraggier} from "../../utils/createDraggier";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import {PlainScroll} from "../Scroll";
 import {createDefaultDraggierReactiveState, createDefaultDraggierStaticState, iVirtualDraggierHandler} from "../VirtualList/createVirtualDraggier";
 import {iVirtualNode} from "../VirtualList/useVirtualList";

package/src/packages/components/createScrollUtils/index.tsx

@@ -1,4 +1,4 @@
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 
 export function createScrollUtils(
   {

package/src/packages/components/createTransitionHandler/index.ts

@@ -1,4 +1,4 @@
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 
 /**
  * 创建一个transition管理器

package/src/packages/components/useAutoScrollUtils/index.tsx

@@ -1,8 +1,8 @@
-import {addClass} from "plain-utils/dom/addClass";
+import {addClass} from "@peryl/utils/addClass";
 import {createScrollUtils, iScrollUtils, iScrollUtilsParameter} from "../createScrollUtils";
-import {createEffects} from "plain-utils/utils/createEffects";
-import {getComponentCls} from "plain-design-composition";
-import {getElementParents} from "plain-utils/dom/getElementParents";
+import {createEffects} from "@peryl/utils/createEffects";
+import {getComponentCls} from "@peryl/react-compose";
+import {getElementParents} from "@peryl/utils/getElementParents";
 import './auto-scroll-utils.scss';
 import {isWindows} from "../../utils/getDeviceInfo";
 

package/src/packages/components/useDialog/DialogService.tsx

@@ -1,6 +1,6 @@
 import {createApplicationServiceComponent} from "../Application/service/createApplicationServiceComponent";
 import {closeDialogServiceHook, destroyDialogServiceHook, dialogCustomOptionKeys, DialogServiceEditType, iDialogServiceCustomOption, iDialogServiceOption} from "./dialog.service.utils";
-import {computed, createHooks, getComponentCls, onBeforeUnmount, reactive, ref, toRaw, useRefs} from "plain-design-composition";
+import {computed, createHooks, getComponentCls, onBeforeUnmount, reactive, ref, toRaw, useRefs} from "@peryl/react-compose";
 import {Dialog} from "../Dialog";
 import {i18n} from "../../i18n";
 import {DialogAlign, DialogCloseType, DialogPositions} from "../Dialog/utils/dialog.utils";

package/src/packages/components/useDialog/dialog.service.utils.tsx

@@ -1,8 +1,8 @@
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createEnum} from "@peryl/utils/createEnum";
 import {Dialog} from "../Dialog";
 import {ThemeStatus} from "../../uses/useStyle";
-import {createHooks, RenderNode} from "plain-design-composition";
-import {createCounter} from "plain-utils/utils/createCounter";
+import {createHooks, RenderNode} from "@peryl/react-compose";
+import {createCounter} from "@peryl/utils/createCounter";
 
 /**
  * 给dialog option生成id

package/src/packages/components/useDialog/index.tsx

@@ -1,11 +1,11 @@
 import {closeDialogServiceHook, destroyDialogServiceHook, iDialogServiceOption, nextDialogId} from "./dialog.service.utils";
-import {defer} from 'plain-utils/utils/defer';
+import {defer} from '@peryl/utils/defer';
 import {ThemeStatus} from "../../uses/useStyle";
 import {createApplicationServiceManager} from "../Application/service/createApplicationServiceManager";
 import {createApplicationService} from "../Application/service/createApplicationService";
 import {DialogService} from "./DialogService";
-import {formatOptions} from "plain-utils/utils/formatServiceOptions";
-import {onBeforeUnmount} from "plain-design-composition";
+import {formatOptions} from "@peryl/utils/formatServiceOptions";
+import {onBeforeUnmount} from "@peryl/react-compose";
 
 export const useDialog = createApplicationService(
   'dialog',

package/src/packages/components/useImage/ImageService.tsx

@@ -1,12 +1,12 @@
-import {createCounter} from "plain-utils/utils/createCounter";
+import {createCounter} from "@peryl/utils/createCounter";
 import {createApplicationServiceComponent} from "../Application/service/createApplicationServiceComponent";
-import {computed, createHooks, getComponentCls, iHTMLDivElement, iMouseEvent, nextIndex, onBeforeUnmount, onMounted, Portal, reactive, ref, useRefs, useStyles} from "plain-design-composition";
-import {KeyboardService} from "../KeyboardService";
+import {computed, createHooks, getComponentCls, iHTMLDivElement, iMouseEvent, nextIndex, onBeforeUnmount, onMounted, Portal, reactive, ref, useRefs, useStyles} from "@peryl/react-compose";
+import {KeyboardService} from "@peryl/utils/keyboard";
 import {Image} from "../Image";
 import {Tooltip} from "../Tooltip";
 import {Icon} from "../Icon";
-import i18n from "../i18n";
-import Transition from "../Transition";
+import {i18n} from "../i18n";
+import {Transition} from "../Transition";
 import {APPLICATION_SERVICE_CONTAINER_CLASS} from "../Application/utils/application.utils";
 import {ClientZoom} from "../ClientZoom";
 import {createTransitionHandler} from "../createTransitionHandler";

package/src/packages/components/useLoading/LoadingService.tsx

@@ -1,11 +1,11 @@
 import {createApplicationServiceComponent} from "../Application/service/createApplicationServiceComponent";
 import {closeLoadingServiceHook, iLoadingServiceOption} from "./loading.service.utils";
-import {computed, createHooks, getComponentCls, iHTMLDivElement, onBeforeUnmount, reactive, ref, useClasses, useRefs, useStyles} from "plain-design-composition";
+import {computed, createHooks, getComponentCls, iHTMLDivElement, onBeforeUnmount, reactive, ref, useClasses, useRefs, useStyles} from "@peryl/react-compose";
 import {ThemeStatus} from "../../uses/useStyle";
 import {createTransitionHandler} from "../createTransitionHandler";
 import './loading.service.scss';
-import {delay} from "plain-utils/utils/delay";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {delay} from "@peryl/utils/delay";
+import {createEffects} from "@peryl/utils/createEffects";
 
 export const LoadingService = createApplicationServiceComponent<iLoadingServiceOption>({
   name: 'loading-service',

package/src/packages/components/useLoading/index.tsx

@@ -2,7 +2,7 @@ import {closeLoadingServiceHook, iLoadingServiceOption} from "./loading.service.
 import {createApplicationService} from "../Application/service/createApplicationService";
 import {createApplicationServiceManager} from "../Application/service/createApplicationServiceManager";
 import {LoadingService} from "./LoadingService";
-import {createCounter} from "plain-utils/utils/createCounter";
+import {createCounter} from "@peryl/utils/createCounter";
 
 interface iLoadingServiceFunction {
   (option?: iLoadingServiceOption): () => void;

package/src/packages/components/useLoading/loading.service.utils.tsx

@@ -1,5 +1,5 @@
 import {ThemeStatus} from "../../uses/useStyle";
-import {createHooks} from "plain-design-composition";
+import {createHooks} from "@peryl/react-compose";
 
 export interface iLoadingServiceOption {
   id?: string,

package/src/packages/components/useMessage/Message.tsx

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, iMouseEvent, nextIndex, onBeforeUnmount, onMounted, PropType, useClasses} from "plain-design-composition";
+import {designComponent, getComponentCls, iMouseEvent, nextIndex, onBeforeUnmount, onMounted, PropType, useClasses} from "@peryl/react-compose";
 import {closeMessageServiceHook, iMessageServiceOption} from "./message.service.utils";
 import Icon from "../Icon";
 import './message.scss';

package/src/packages/components/useMessage/MessageContainer.tsx

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, onMounted, reactive, useClasses, useRefList} from "plain-design-composition";
+import {designComponent, getComponentCls, onMounted, reactive, useClasses, useRefList} from "@peryl/react-compose";
 import {iMessageServiceOption} from "./message.service.utils";
 import {List} from "../List";
 import {Message} from "./Message";

package/src/packages/components/useMessage/MessageManager.tsx

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, onMounted, PropType, reactive, useRefList} from "plain-design-composition";
+import {designComponent, getComponentCls, onMounted, PropType, reactive, useRefList} from "@peryl/react-compose";
 import {iApplicationManagerData} from "../Application/service/useApplicationService";
 import {MessageDirection} from "./message.service.utils";
 import {MessageContainer} from "./MessageContainer";

package/src/packages/components/useMessage/index.tsx

@@ -1,7 +1,7 @@
 import {createApplicationService} from "../Application/service/createApplicationService";
 import {MessageManager} from "./MessageManager";
 import {closeMessageServiceHook, iMessageServiceOption, MessageDirection, nextMessageId} from "./message.service.utils";
-import {formatOptions} from "plain-utils/utils/formatServiceOptions";
+import {formatOptions} from "@peryl/utils/formatServiceOptions";
 import {ThemeStatus} from "../../uses/useStyle";
 import {ThemeStatusIcons} from "../Application/theme/theme.utils";
 

package/src/packages/components/useMessage/message.service.utils.tsx

@@ -1,7 +1,7 @@
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createEnum} from "@peryl/utils/createEnum";
 import {ThemeStatus} from "../../uses/useStyle";
-import {createHooks, iMouseEvent, RenderNode} from "plain-design-composition";
-import {createCounter} from "plain-utils/utils/createCounter";
+import {createHooks, iMouseEvent, RenderNode} from "@peryl/react-compose";
+import {createCounter} from "@peryl/utils/createCounter";
 
 /**
  * 消息提示服务位置方向

package/src/packages/components/useNotice/Notice.tsx

@@ -1,5 +1,5 @@
 import './notice.scss';
-import {designComponent, getComponentCls, iMouseEvent, nextIndex, onBeforeUnmount, onMounted, PropType, useClasses} from "plain-design-composition";
+import {designComponent, getComponentCls, iMouseEvent, nextIndex, onBeforeUnmount, onMounted, PropType, useClasses} from "@peryl/react-compose";
 import {closeNoticeServiceHook, iNoticeServiceOption} from "./noitice.service.utils";
 import Icon from "../Icon";
 

package/src/packages/components/useNotice/NoticeContainer.tsx

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, onMounted, PropType, reactive, useClasses, useRefList} from "plain-design-composition";
+import {designComponent, getComponentCls, onMounted, PropType, reactive, useClasses, useRefList} from "@peryl/react-compose";
 import {iNoticeServiceOption, NoticeDirection} from "./noitice.service.utils";
 import {List} from "../List";
 import {Notice} from "./Notice";

package/src/packages/components/useNotice/NoticeManager.tsx

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, onMounted, PropType, reactive, useRefList} from "plain-design-composition";
+import {designComponent, getComponentCls, onMounted, PropType, reactive, useRefList} from "@peryl/react-compose";
 import {iApplicationManagerData} from "../Application/service/useApplicationService";
 import {NoticeDirection} from "./noitice.service.utils";
 import {NoticeContainer} from "./NoticeContainer";

package/src/packages/components/useNotice/index.tsx

@@ -1,7 +1,7 @@
 import {createApplicationService} from "../Application/service/createApplicationService";
 import {NoticeManager} from "./NoticeManager";
 import {closeNoticeServiceHook, iNoticeServiceOption, nextNoticeId, NoticeDirection} from "./noitice.service.utils";
-import {formatOptions} from "plain-utils/utils/formatServiceOptions";
+import {formatOptions} from "@peryl/utils/formatServiceOptions";
 import {i18n} from "../../i18n";
 import {ThemeStatus} from "../../uses/useStyle";
 import {ThemeStatusIcons} from "../Application/theme/theme.utils";

package/src/packages/components/useNotice/noitice.service.utils.tsx

@@ -1,7 +1,7 @@
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createEnum} from "@peryl/utils/createEnum";
 import {ThemeStatus} from "../../uses/useStyle";
-import {createHooks, RenderNode, SimpleFunction} from "plain-design-composition";
-import {createCounter} from "plain-utils/utils/createCounter";
+import {createHooks, RenderNode, SimpleFunction} from "@peryl/react-compose";
+import {createCounter} from "@peryl/utils/createCounter";
 
 /**
  * 通知方向