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

package/src/packages/components/AutoTable/use/useTableOption.column.popper.tsx

@@ -1,7 +1,7 @@
-import {findParentElement} from "plain-utils/dom/findParentElement";
-import {hasClass} from "plain-utils/dom/hasClass";
+import {findParentElement} from "@peryl/utils/findParentElement";
+import {hasClass} from "@peryl/utils/hasClass";
 import {tPlc} from "../../Table/plc/utils/plc.utils";
-import {computed, designComponent, getComponentCls, iMouseEvent, PropType, reactive, toRaw} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, iMouseEvent, PropType, reactive, toRaw} from "@peryl/react-compose";
 import {eAutoTableFilterMode} from "../filter/useTableOption.filter.state";
 import {FilterFormSingle, iFilterFormSingleData} from "../../FilterFormSingle";
 import {ButtonGroup} from "../../ButtonGroup";
@@ -11,7 +11,7 @@ import {iFilterOption, iFilterQueryParam} from "../../FilterService/utils/filter
 import {mergeQueryParam} from "../../FilterService/utils/mergeQueryParam";
 import {$dialog} from "../../$dialog";
 import {AutoTable} from "../index";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {RenderTableOptionTips} from "./useTableOption.tips";
 import {eTableOptionSortMode} from "./useTableOption.sort";
 import {FilterService} from "../../FilterService";

package/src/packages/components/AutoTable/use/useTableOption.confirm.tsx

@@ -1,5 +1,5 @@
-import {createEnum} from "plain-utils/utils/createEnum";
-import {reactive, toRaw} from "plain-design-composition";
+import {createEnum} from "@peryl/utils/createEnum";
+import {reactive, toRaw} from "@peryl/react-compose";
 import {iTableOuterOperationConfig} from "../../Table/standard/PlcOperation/PlcOperation.utils";
 import '../utils/TableOption.space';
 import i18n from "../../i18n";

package/src/packages/components/AutoTable/use/useTableOption.fill.tsx

@@ -1,10 +1,10 @@
-import {defer} from "plain-utils/utils/defer";
-import {removeUnit} from "plain-utils/string/removeUnit";
+import {defer} from "@peryl/utils/defer";
+import {removeUnit} from "@peryl/utils/removeUnit";
 import {iTableRefer} from "../../Table/table/Table";
-import {delay} from "plain-utils/utils/delay";
-import {onBeforeUnmount, reactive} from "plain-design-composition";
-import {createEffects} from "plain-utils/utils/createEffects";
-import {debounce} from "plain-utils/utils/debounce";
+import {delay} from "@peryl/utils/delay";
+import {onBeforeUnmount, reactive} from "@peryl/react-compose";
+import {createEffects} from "@peryl/utils/createEffects";
+import {debounce} from "@peryl/utils/debounce";
 import '../utils/TableOption.space';
 import {AutoModule} from "../utils/AutoModule";
 

package/src/packages/components/AutoTable/use/useTableOption.hooks.tsx

@@ -1,9 +1,9 @@
 import {TableOptionSpace} from "../utils/TableOption.space";
 import '../utils/TableOption.space';
-import {createHooks, createRenderHook, createSyncHooks, iMouseEvent} from "plain-design-composition";
+import {createHooks, createRenderHook, createSyncHooks, iMouseEvent} from "@peryl/react-compose";
 import {iTableNode, iTableSortData} from "../../Table/table/utils/table.utils";
 import {iTableRefer} from "../../Table/table/Table";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {iAutoTablePageData} from "../utils/AutoTable.utils";
 import {iTableOperationPermitConfig, iTableOuterOperationConfig} from "../../Table/standard/PlcOperation/PlcOperation.utils";
 import {tPlcData} from "../../Table/plc/formatPlcList";

package/src/packages/components/AutoTable/use/useTableOption.loading.tsx

@@ -1,7 +1,7 @@
 import {Loading} from "../../Loading";
-import {reactive, RenderNode} from "plain-design-composition";
-import {createCounter} from "plain-utils/utils/createCounter";
-import {delay} from "plain-utils/utils/delay";
+import {reactive, RenderNode} from "@peryl/react-compose";
+import {createCounter} from "@peryl/utils/createCounter";
+import {delay} from "@peryl/utils/delay";
 import '../utils/TableOption.space';
 import i18n from "../../i18n";
 import {AutoModule} from "../utils/AutoModule";

package/src/packages/components/AutoTable/use/useTableOption.methods.tsx

@@ -1,15 +1,15 @@
 import {createUrlUtils, iUrlResponseData} from "../utils/TableOption.url";
-import {nextTick, toRaw, useAsyncMethods} from 'plain-design-composition';
+import {nextTick, toRaw, useAsyncMethods} from '@peryl/react-compose';
 import {iHttpRequestConfig} from "../../createHttp/http.utils";
 import {iTableNode} from "../../Table/table/utils/table.utils";
 import {eTableOptionStatus} from "./useTableOption.confirm";
 import {$notice} from "../../$notice";
 import {$dialog} from "../../$dialog";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import {$message} from "../../$message";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {mergeQueryParam} from "../../FilterService/utils/mergeQueryParam";
-import {defer} from "plain-utils/utils/defer";
+import {defer} from "@peryl/utils/defer";
 import {tPlc} from "../../Table/plc/utils/plc.utils";
 import {iFilterQueryParam} from "../../FilterService/utils/filter.service.utils";
 import {tPlcData} from "../../Table/plc/formatPlcList";

package/src/packages/components/AutoTable/use/useTableOption.pagination.tsx

@@ -1,8 +1,8 @@
 import {Pagination} from "../../Pagination";
-import {computed, reactive} from "plain-design-composition";
+import {computed, reactive} from "@peryl/react-compose";
 import {iAutoTablePageData} from "../utils/AutoTable.utils";
 import $notice from "../../$notice";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 
 import '../utils/TableOption.space';
 import i18n from "../../i18n";

package/src/packages/components/AutoTable/use/useTableOption.parent.tsx

@@ -1,7 +1,7 @@
 import {iUrlResponseData} from "../utils/TableOption.url";
 import {eTableOptionStatus} from "./useTableOption.confirm";
-import {createEffects} from "plain-utils/utils/createEffects";
-import {onBeforeUnmount} from "plain-design-composition";
+import {createEffects} from "@peryl/utils/createEffects";
+import {onBeforeUnmount} from "@peryl/react-compose";
 import {TableOptionSpace} from "../utils/TableOption.space";
 import '../utils/TableOption.space';
 import {AutoModule} from "../utils/AutoModule";

package/src/packages/components/AutoTable/use/useTableOption.permission.tsx

@@ -1,5 +1,5 @@
 import {useOperationPermission} from "../../Table/standard/PlcOperation/useOperationPermission";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import '../utils/TableOption.space';
 import {AutoModule} from "../utils/AutoModule";
 

package/src/packages/components/AutoTable/use/useTableOption.sort.ts

@@ -1,11 +1,11 @@
-import {iMouseEvent, reactive} from "plain-design-composition";
-import {deepcopy} from "plain-utils/object/deepcopy";
-import {createEnum} from "plain-utils/utils/createEnum";
+import {iMouseEvent, reactive} from "@peryl/react-compose";
+import {deepcopy} from "@peryl/utils/deepcopy";
+import {createEnum} from "@peryl/utils/createEnum";
 import {PartialFields} from "../../../utils/type";
 import {eTableOptionSettingView} from "../setting/useTableOption.setting.utils";
 import {TableOptionSpace} from "../utils/TableOption.space";
 import '../utils/TableOption.space';
-import {toArray} from "plain-utils/utils/toArray";
+import {toArray} from "@peryl/utils/toArray";
 import i18n from "../../i18n";
 import {AutoModule} from "../utils/AutoModule";
 

package/src/packages/components/AutoTable/use/useTableOption.state.tsx

@@ -1,5 +1,5 @@
 import {TableOptionSpace} from "../utils/TableOption.space";
-import {computed, reactive} from "plain-design-composition";
+import {computed, reactive} from "@peryl/react-compose";
 import {iTableNode} from "../../Table/table/utils/table.utils";
 import '../utils/TableOption.space';
 import {AutoModule} from "../utils/AutoModule";

package/src/packages/components/AutoTable/use/useTableOption.table.tsx

@@ -1,11 +1,11 @@
 import {Table} from "../../Table";
 import {iTableNode} from "../../Table/table/utils/table.utils";
 import {tPlcType} from "../../Table/plc/utils/plc.utils";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import '../utils/TableOption.space';
 import {PlcIndex} from "../../Table/standard/PlcIndex";
 import {AutoModule} from "../utils/AutoModule";
-import {Fragment, iMouseEvent} from "plain-design-composition";
+import {Fragment, iMouseEvent} from "@peryl/react-compose";
 
 declare module '../utils/TableOption.space' {
   namespace TableOptionSpace {

package/src/packages/components/AutoTable/use/useTableOption.tips.tsx

@@ -1,5 +1,5 @@
 import {Icon} from "../../Icon";
-import {designComponent, getComponentCls, PropType, useRefs} from "plain-design-composition";
+import {designComponent, getComponentCls, PropType, useRefs} from "@peryl/react-compose";
 import Button from "../../Button";
 import {useTooltip} from "../../useTooltip";
 import {useStyle} from "../../../uses/useStyle";

package/src/packages/components/AutoTable/use/useTableOptionKeyboard.tsx

@@ -1,5 +1,5 @@
-import {onBeforeUnmount, SimpleFunction} from "plain-design-composition";
-import {KeyBoardMap} from "../../KeyboardService";
+import {onBeforeUnmount, SimpleFunction} from "@peryl/react-compose";
+import {getKeyNameByKeyboardEvent} from "@peryl/utils/keyboard";
 import '../utils/TableOption.space';
 import {AutoModule} from "../utils/AutoModule";
 
@@ -26,7 +26,11 @@ export const useTableOptionKeyboard = AutoModule.createRegistration(({ hooks })
       (e.metaKey || e.ctrlKey) && names.push('ctrl');
       e.shiftKey && names.push('shift');
       e.altKey && names.push('alt');
-      names.push((KeyBoardMap as any)[e.keyCode]);
+
+      const keyName = getKeyNameByKeyboardEvent(e);
+      if (!keyName) {return; }
+
+      names.push(keyName);
       const compositionKeyName = names.join('+');
 
       const listener = [...staticState.listeners];

package/src/packages/components/AutoTable/utils/AutoModule.ts

@@ -1,4 +1,4 @@
-import {createModule} from 'plain-design-composition';
+import {createModule} from '@peryl/react-compose';
 import {TableOptionSpace} from "./TableOption.space";
 
 export const AutoModule = createModule</*@formatter:off*/

package/src/packages/components/AutoTable/utils/AutoTable.utils.ts

@@ -1,4 +1,4 @@
-import {tScopeSlotsType, tSlotsType} from "plain-design-composition";
+import {tScopeSlotsType, tSlotsType} from "@peryl/react-compose";
 import {iTableCellRenderScope} from "../../Table/table/utils/table.utils";
 import {TableOptionSpace} from "./TableOption.space";
 

package/src/packages/components/AutoTable/utils/TableOption.space.tsx

@@ -1,4 +1,4 @@
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {iHttp} from "../../createHttp";
 import {iAutoTableRefer, iAutoTableScopeSlotsType, iAutoTableSlotsType} from "./AutoTable.utils";
 import {iUrl, tGetDefaultUrlConfig} from "./TableOption.url";
@@ -6,12 +6,12 @@ import {iTableOperation, iTableOperationPermitConfig} from "../../Table/standard
 import {iTableRefer} from "../../Table/table/Table";
 import {iTableOptionCacheData} from "../use/useTableOption.cache.utils";
 import {ThemeSize} from "../../../uses/useStyle";
-import {iMouseEvent, RenderNode} from "plain-design-composition";
+import {iMouseEvent, RenderNode} from "@peryl/react-compose";
 import {iFilterHandlerQueryParam} from "../../FilterService/utils/filter.service.utils";
 import {FilterFormSingle} from "../../FilterFormSingle";
 import {Pagination} from "../../Pagination";
 import {tPlc} from "../../Table/plc/utils/plc.utils";
-import {iEffects} from 'plain-utils/utils/createEffects';
+import {iEffects} from '@peryl/utils/createEffects';
 import {iTableNode, iTableSortData} from "../../Table/table/utils/table.utils";
 import {eTableOptionEditType} from "./TableOption.utils";
 

package/src/packages/components/AutoTable/utils/TableOption.url.ts

@@ -1,5 +1,5 @@
 import {iHttpRequestConfig} from "../../createHttp/http.utils";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {TableOptionSpace} from "./TableOption.space";
 
 /**

package/src/packages/components/AutoTable/utils/TableOption.utils.tsx

@@ -1,9 +1,9 @@
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createEnum} from "@peryl/utils/createEnum";
 import {iFilterOption} from "../../FilterService/utils/filter.service.utils";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {FilterService} from "../../FilterService";
 import {TableOptionSpace} from "./TableOption.space";
-import {iMouseEvent} from "plain-design-composition";
+import {iMouseEvent} from "@peryl/react-compose";
 
 
 /**

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

@@ -1,6 +1,6 @@
-import {designComponent, fixInputCursor, getComponentCls, iHTMLInputElement, useClasses, useModel, useRefs, useStyles} from "plain-design-composition";
+import {designComponent, fixInputCursor, getComponentCls, iHTMLInputElement, useClasses, useModel, useRefs, useStyles} from "@peryl/react-compose";
 import './auto-width-input.scss';
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 
 const FixInput = fixInputCursor('input');
 

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

@@ -1,5 +1,5 @@
 import './badge.scss';
-import {computed, designComponent, getComponentCls, useClasses, useRefs} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, useClasses, useRefs} from "@peryl/react-compose";
 
 export const Badge = designComponent({
   name: '-badge',

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, useClassCache} from "plain-design-composition";
+import {designComponent, getComponentCls, useClassCache} from "@peryl/react-compose";
 import {StyleProps, useStyle} from "../../uses/useStyle";
 import {EditProps, useEdit} from "../../uses/useEdit";
 import './box.scss';

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

@@ -1,9 +1,9 @@
 import './button.scss';
-import {computed, designComponent, getComponentCls, iHTMLButtonElement, mergeAttrs, PropType, reactive, StyleProperties, useClasses, useNumber, useRefs, useStyles, watch} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, iHTMLButtonElement, mergeAttrs, PropType, reactive, StyleProperties, useClasses, useNumber, useRefs, useStyles, watch} from "@peryl/react-compose";
 import {EditProps, useEdit} from "../../uses/useEdit";
 import {StyleProps, ThemeMode, ThemeStatus, useStyle} from "../../uses/useStyle";
-import {throttle} from "plain-utils/utils/throttle";
-import {unit} from "plain-utils/string/unit";
+import {throttle} from "@peryl/utils/throttle";
+import {unit} from "@peryl/utils/unit";
 import {useClickWave} from "../../directives/ClickWave";
 import {Icon} from "../Icon";
 import {Loading} from "../Loading";

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

@@ -1,8 +1,8 @@
 import './button-group.scss';
-import {designComponent, getComponentCls, PropType, useClasses} from "plain-design-composition";
+import {designComponent, getComponentCls, PropType, useClasses} from "@peryl/react-compose";
 import {EditProps, useEdit} from "../../uses/useEdit";
 import {StyleProps, ThemeMode, useStyle} from "../../uses/useStyle";
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createEnum} from "@peryl/utils/createEnum";
 
 export const ButtonGroupDirection = createEnum(['vertical', 'horizontal'] as const);
 

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

@@ -1,6 +1,6 @@
 import './card.scss';
-import {designComponent, getComponentCls, useClasses, useRefs, useStyles} from "plain-design-composition";
-import {unit} from "plain-utils/string/unit";
+import {designComponent, getComponentCls, useClasses, useRefs, useStyles} from "@peryl/react-compose";
+import {unit} from "@peryl/utils/unit";
 import {useStyle} from "../../uses/useStyle";
 
 export const Card = designComponent({

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

@@ -1,19 +1,19 @@
-import {computed, CSSProperties, designComponent, getComponentCls, iHTMLDivElement, iMouseEvent, isReact, iTouchEvent, onBeforeUnmount, PropType, reactive, StyleProperties, useClasses, useModel, useRefs, useStyles,} from 'plain-design-composition';
+import {computed, CSSProperties, designComponent, getComponentCls, iHTMLDivElement, iMouseEvent, isReact, iTouchEvent, onBeforeUnmount, PropType, reactive, StyleProperties, useClasses, useModel, useRefs, useStyles,} from '@peryl/react-compose';
 import './carousel.scss';
 import CarouselItem, {iCarouselItemMeta} from '../CarouselItem';
-import {createCounter} from 'plain-utils/utils/createCounter';
+import {createCounter} from '@peryl/utils/createCounter';
 import {Icon} from '../Icon';
 import {useWatchAutoClear} from '../../utils/watchEffectAutoClear';
 import {findReactElement} from '../../utils/findReactElement';
-import {addElementListener} from 'plain-utils/dom/addElementListener';
-import {createEffects} from "plain-utils/utils/createEffects";
-import {unit} from "plain-utils/string/unit";
-import {doNothing} from "plain-utils/utils/doNothing";
-import {delay} from "plain-utils/utils/delay";
+import {addElementListener} from '@peryl/utils/addElementListener';
+import {createEffects} from "@peryl/utils/createEffects";
+import {unit} from "@peryl/utils/unit";
+import {doNothing} from "@peryl/utils/doNothing";
+import {delay} from "@peryl/utils/delay";
 import {Tooltip} from "../Tooltip";
 import {buildCycleIndexList} from "../../utils/buildCycleIndexList";
 import {ComponentUtils} from "../../utils/ComponentUtils";
-import {addWindowListener} from "plain-utils/dom/addWindowListener";
+import {addWindowListener} from "@peryl/utils/addWindowListener";
 
 export const Carousel = designComponent({
   name: 'carousel',

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

@@ -1,7 +1,7 @@
-import {cacheComputed, designComponent, getComponentCls, iHTMLDivElement, onBeforeUnmount, onMounted, useClasses, useRefs} from 'plain-design-composition';
+import {cacheComputed, designComponent, getComponentCls, iHTMLDivElement, onBeforeUnmount, onMounted, useClasses, useRefs} from '@peryl/react-compose';
 import {Carousel} from '../Carousel';
-import {createEffects} from "plain-utils/utils/createEffects";
-import {addElementListener} from "plain-utils/dom/addElementListener";
+import {createEffects} from "@peryl/utils/createEffects";
+import {addElementListener} from "@peryl/utils/addElementListener";
 import {PreviewerLoading} from "../ImagePreviewer/PreviewerLoading";
 
 export const CarouselItem = designComponent({

package/src/packages/components/Cascade/CascadeKeys.tsx

@@ -1,10 +1,10 @@
-import {computed, designComponent, PropType, reactive, useModel} from "plain-design-composition";
+import {computed, designComponent, PropType, reactive, useModel} from "@peryl/react-compose";
 import {CascadeEmitOptions, CascadePropsOptions} from "./cascade.utils";
 import {TreeScopeSlotsOption} from "../TreeCore/TreeCore.type";
 import Cascade from "./index";
-import {omit} from "plain-utils/object/omit";
+import {omit} from "@peryl/utils/omit";
 import {inheritSlots} from "../../utils/inheritSlots";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 
 /**
  * 用来编辑key可能冲突的级联数据，仅支持单选不支持多选

package/src/packages/components/Cascade/cascade.utils.ts

@@ -1,5 +1,5 @@
 import {tCascadeHooks} from "./createCascadeHooks";
-import {ComponentEvent, ExtractPropTypes, PropType, tScopeSlotsType} from "plain-design-composition";
+import {ComponentEvent, ExtractPropTypes, PropType, tScopeSlotsType} from "@peryl/react-compose";
 import {TreeEmitOptions, TreePropsOptions} from "../TreeCore/createTreeProps";
 import {Input} from "../Input";
 import {EditProps, tEditControl} from "../../uses/useEdit";

package/src/packages/components/Cascade/createCascadeHooks.ts

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

package/src/packages/components/Cascade/createCascadePopper.tsx

@@ -1,9 +1,9 @@
 import {TreeScopeSlotsOption} from "../TreeCore/TreeCore.type";
-import {ExtractPropTypes, getComponentCls} from "plain-design-composition";
+import {ExtractPropTypes, getComponentCls} from "@peryl/react-compose";
 import {Input} from "../Input";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import {Tree} from "../Tree";
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import {CascadePanel} from "../CascadePanel";
 import {CascadePropsOptions} from "./cascade.utils";
 import {Table} from "../Table";

package/src/packages/components/Cascade/createCascadeUtils.ts

@@ -1,6 +1,6 @@
-import {computed, ExtractPropTypes} from "plain-design-composition";
+import {computed, ExtractPropTypes} from "@peryl/react-compose";
 import {CascadePropsOptions} from "./cascade.utils";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 
 export function createCascadeUtils({ props }: { props: Readonly<ExtractPropTypes<typeof CascadePropsOptions>> }) {
   /*工具函数，获取对象的显示文本*/

package/src/packages/components/Cascade/createMultipleCascadeRender.tsx

@@ -1,9 +1,9 @@
-import {createEffects} from "plain-utils/utils/createEffects";
-import {computed, mergeAttrs, nextTick, reactive, useRefs} from "plain-design-composition";
+import {createEffects} from "@peryl/utils/createEffects";
+import {computed, mergeAttrs, nextTick, reactive, useRefs} from "@peryl/react-compose";
 import {Tree} from "../Tree";
 import {iCascadeCompositionParam} from "./cascade.utils";
 import {Input} from "../Input";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {inputScrollEnd} from "../Input/input.utils";
 import {createCascadePopper} from "./createCascadePopper";
 import i18n from "../i18n";

package/src/packages/components/Cascade/createSingleCascadeRender.tsx

@@ -1,9 +1,9 @@
-import {createEffects} from "plain-utils/utils/createEffects";
-import {computed, mergeAttrs, nextTick, reactive, useRefs} from "plain-design-composition";
+import {createEffects} from "@peryl/utils/createEffects";
+import {computed, mergeAttrs, nextTick, reactive, useRefs} from "@peryl/react-compose";
 import {Tree} from "../Tree";
 import {iCascadeCompositionParam} from "./cascade.utils";
 import {Input} from "../Input";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {createCascadePopper} from "./createCascadePopper";
 import {PlcTree} from "../Table/standard/PlcTree/PlcTree";
 import i18n from "../i18n";

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

@@ -1,4 +1,4 @@
-import {ComponentPropsType, computed, designComponent, getComponentCls, RenderNode, useClasses, useModel} from "plain-design-composition";
+import {ComponentPropsType, computed, designComponent, getComponentCls, RenderNode, useClasses, useModel} from "@peryl/react-compose";
 import {Input} from "../Input";
 import {useWatchAutoClear} from "../../utils/watchEffectAutoClear";
 import {CascadeEmitOptions, CascadePropsOptions, iCascadeCompositionParam} from "./cascade.utils";
@@ -10,10 +10,10 @@ import {createMultipleCascadeRender} from "./createMultipleCascadeRender";
 import {createSingleCascadeRender} from "./createSingleCascadeRender";
 import {createCascadeUtils} from "./createCascadeUtils";
 import {TreeScopeSlotsOption} from "../TreeCore/TreeCore.type";
-import {removeUnit} from "plain-utils/string/removeUnit";
+import {removeUnit} from "@peryl/utils/removeUnit";
 import {useStyle} from "../../uses/useStyle";
 import {CascadePanelCustomPropsOption} from "../CascadePanel/cascade-panel.utils";
-import {pick} from "plain-utils/object/pick";
+import {pick} from "@peryl/utils/pick";
 import {createPopupAttrsGetter} from "../usePopup/utils/createPopperAttrsGetter";
 import {useParentPopupId} from "../usePopup/utils/popup.utils";
 import React from "react";

package/src/packages/components/CascadePanel/cascade-panel.utils.ts

@@ -1,9 +1,9 @@
 import {TreePropsOptions} from "../TreeCore/createTreeProps";
-import {ExtractPropTypes, PropType} from "plain-design-composition";
-import {createEnum} from "plain-utils/utils/createEnum";
+import {ExtractPropTypes, PropType} from "@peryl/react-compose";
+import {createEnum} from "@peryl/utils/createEnum";
 import {iTreeNode} from "../TreeCore/createTreeNode";
 import {iTreeCore} from "../TreeCore/createTreeCore";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 
 /**
  * 级联面板类型，cascade为级联列表，flat为平铺面板

package/src/packages/components/CascadePanel/flat/CascadeFlatPanelNode.tsx

@@ -1,4 +1,4 @@
-import {computed, designComponent, iMouseEvent, useClasses} from "plain-design-composition";
+import {computed, designComponent, iMouseEvent, useClasses} from "@peryl/react-compose";
 import {CascadePanelNodePropsOption} from "../cascade-panel.utils";
 import {CascadePanel} from "../index";
 import {Radio} from "../../Radio";

package/src/packages/components/CascadePanel/flat/createCascadeFlatRender.tsx

@@ -1,5 +1,5 @@
 import {iCascadePanelItemPublicParam} from "../cascade-panel.utils";
-import {computed, Fragment, getComponentCls} from "plain-design-composition";
+import {computed, Fragment, getComponentCls} from "@peryl/react-compose";
 import './cascade-flat-panel.scss';
 import Scroll from "../../Scroll";
 import Icon from "../../Icon";

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

@@ -1,9 +1,9 @@
-import {computed, designComponent, getComponentCls, onMounted, useClasses, useStyles} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, onMounted, useClasses, useStyles} from "@peryl/react-compose";
 import {TreeEmitOptions, TreePropsOptions} from "../TreeCore/createTreeProps";
 import {createTreeCore} from "../TreeCore/createTreeCore";
 import {iTreeNode} from "../TreeCore/createTreeNode";
 import {CascadeListPanelItem} from "./list/CascadeListPanelItem";
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import {TreeScopeSlotsOption, TreeSlotsOption} from "../TreeCore/TreeCore.type";
 import {Empty} from "../Empty";
 import {CascadePanelCustomPropsOption, eCascadePanelType, iCascadePanelMeta} from "./cascade-panel.utils";

package/src/packages/components/CascadePanel/list/CascadeListPanelItem.tsx

@@ -1,4 +1,4 @@
-import {designComponent, onMounted, useClasses, useRefs} from "plain-design-composition";
+import {designComponent, onMounted, useClasses, useRefs} from "@peryl/react-compose";
 import {iTreeNode} from "../../TreeCore/createTreeNode";
 import {CascadeListPanelNode} from "./CascadeListPanelNode";
 import {Scroll} from "../../Scroll";

package/src/packages/components/CascadePanel/list/CascadeListPanelNode.tsx

@@ -1,4 +1,4 @@
-import {computed, designComponent, iHTMLDivElement, useClasses} from "plain-design-composition";
+import {computed, designComponent, iHTMLDivElement, useClasses} from "@peryl/react-compose";
 import {iTreeNode} from "../../TreeCore/createTreeNode";
 import {Icon} from "../../Icon";
 import {Empty} from "../../Empty";

package/src/packages/components/CascadePanel/list/createCascadeListRender.tsx

@@ -1,4 +1,4 @@
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import {iCascadePanelItemPublicParam} from "../cascade-panel.utils";
 import {CascadeListPanelItem} from "./CascadeListPanelItem";
 

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

@@ -1,14 +1,14 @@
 import './checkbox.scss';
-import {computed, designComponent, getComponentCls, iKeyboardEvent, iMouseEvent, PropType, SimpleFunction, useClasses, useModel, useRefs, useStyles} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, iKeyboardEvent, iMouseEvent, PropType, SimpleFunction, useClasses, useModel, useRefs, useStyles} from "@peryl/react-compose";
 import {EditProps, useEdit} from "../../uses/useEdit";
 import {StyleProps, ThemeStatus, useStyle} from "../../uses/useStyle";
 import {CheckboxStatus} from "../../utils/constant";
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import {useClickWave} from "../../directives/ClickWave";
 import {CheckboxInner} from "../CheckboxInner";
 import {CheckboxGroupCollector} from "../CheckboxGroup";
 import {i18n} from "../../i18n";
-import {getKey, KEY} from "../KeyboardService";
+import {getKeyNameByKeyboardEvent, eKeyboardKeys} from "@peryl/utils/keyboard";
 import {Transition} from "../Transition";
 
 export const Checkbox = designComponent({
@@ -99,7 +99,7 @@ export const Checkbox = designComponent({
         }*/
       },
       keydown: (e: iKeyboardEvent) => {
-        if (getKey(e) === KEY.space) {
+        if (getKeyNameByKeyboardEvent(e) === eKeyboardKeys.space) {
           e.preventDefault();
           e.stopPropagation();
           handler.click(e as any);

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

@@ -1,4 +1,4 @@
-import {computed, designComponent, getComponentCls, inject, useCollect, useNumber, useRefs} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, inject, useCollect, useNumber, useRefs} from "@peryl/react-compose";
 import {EditProps, useEdit} from "../../uses/useEdit";
 import {StyleProps, ThemeStatus, useStyle} from "../../uses/useStyle";
 import {CheckboxStatus} from "../../utils/constant";

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, PropType, useClasses} from "plain-design-composition";
+import {designComponent, getComponentCls, PropType, useClasses} from "@peryl/react-compose";
 import {CheckboxStatus} from "../../utils/constant";
 import './checkbox-inner.scss';
 import {SVGAttributes} from "react";

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

@@ -1,5 +1,5 @@
-import {createCounter} from "plain-utils/utils/createCounter";
-import {computed, designComponent, getComponentCls, useClasses, useModel, useRefs} from "plain-design-composition";
+import {createCounter} from "@peryl/utils/createCounter";
+import {computed, designComponent, getComponentCls, useClasses, useModel, useRefs} from "@peryl/react-compose";
 import CollapseGroup from "../CollapseGroup";
 import Icon from "../Icon";
 import './collapse.scss';

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, useModel, useRefs} from "plain-design-composition";
+import {designComponent, getComponentCls, useModel, useRefs} from "@peryl/react-compose";
 
 export const CollapseGroup = designComponent({
   name: 'collapse-group',