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

package/src/packages/components/Select/createPublicSelectRender.tsx

@@ -1,16 +1,16 @@
-import {reactive, RenderNode, useRefs} from "plain-design-composition";
+import {reactive, RenderNode, useRefs} from "@peryl/react-compose";
 import {createSelectHover, iSelectCompositionParams, iSelectOptionProps, SelectDefaultVirtualRowSize, SelectUtils} from "./select.utils";
 import {decodeSelectRenderNode} from './decodeSelectRenderNode';
 import {Input} from "../Input";
 import {Scroll} from "../Scroll";
 import {SelectPanel} from "./SelectPanel";
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import {SelectOption} from "../SelectOption";
 import {VirtualList} from "../VirtualList";
-import {delay} from "plain-utils/utils/delay";
-import {handleKeyboard} from "../KeyboardService";
+import {delay} from "@peryl/utils/delay";
+import {handleKeyboard} from "@peryl/utils/keyboard";
 import {useRenderReference} from "../../uses/useRenderReference";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {createEffects} from "@peryl/utils/createEffects";
 import {createPopupEditor} from "../usePopupEditor";
 
 export function createPublicSelectRender(
@@ -302,7 +302,7 @@ export function createPublicSelectRender(
      * @author  韦胜健
      * @date    2022/8/8 20:16
      */
-    onInputKeydown: handleKeyboard({
+    onInputKeydown: handleKeyboard<KeyboardEvent>({
       up: methods.handlePrev,
       down: methods.handleNext,
       enter: (): void => handler.onInputEnter(),

package/src/packages/components/Select/createSelectOptionDecoder.tsx

@@ -1,7 +1,7 @@
 import {iSelectOptionProps} from "./select.utils";
 import {findReactElement} from "../../utils/findReactElement";
 import {SelectOption} from "../SelectOption";
-import {reactive} from "plain-design-composition";
+import {reactive} from "@peryl/react-compose";
 
 export interface iSelectOptionDecodeMeta {
   props: iSelectOptionProps;

package/src/packages/components/Select/createSingleSelectRender.tsx

@@ -1,8 +1,8 @@
 import {iSelectCompositionParams} from "./select.utils";
 import {Input} from "../Input";
 import {createPublicSelectRender} from "./createPublicSelectRender";
-import {reactive, useModel} from "plain-design-composition";
-import {delay} from "plain-utils/utils/delay";
+import {reactive, useModel} from "@peryl/react-compose";
+import {delay} from "@peryl/utils/delay";
 
 /**
  * 单选组合函数，支持普通单选以及虚拟列表的方式

package/src/packages/components/Select/decodeSelectRenderNode.tsx

@@ -1,5 +1,5 @@
-import {RenderNode} from "plain-design-composition";
-import {unit} from "plain-utils/string/unit";
+import {RenderNode} from "@peryl/react-compose";
+import {unit} from "@peryl/utils/unit";
 import {Scroll} from "../Scroll";
 import {iIsMatchSearch, SelectUtils} from "./select.utils";
 import {createSelectOptionDecoder} from "./createSelectOptionDecoder";

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, reactive, useClasses} from "plain-design-composition";
+import {designComponent, getComponentCls, reactive, useClasses} from "@peryl/react-compose";
 import {useWatchAutoClear} from "../../utils/watchEffectAutoClear";
 import {createSingleSelectRender} from "./createSingleSelectRender";
 import {createMultipleSelectRender} from "./createMultipleSelectRender";

package/src/packages/components/Select/select.utils.tsx

@@ -1,8 +1,8 @@
-import {ComponentEvent, createSyncHooks, ExtractPropTypes, PropType, reactive, RenderNode, tScopeSlotsType, tSlotsType} from "plain-design-composition";
+import {ComponentEvent, createSyncHooks, ExtractPropTypes, PropType, reactive, RenderNode, tScopeSlotsType, tSlotsType} from "@peryl/react-compose";
 import {EditProps, tEditComputed} from "../../uses/useEdit";
 import {StyleProps, ThemeSize} from "../../uses/useStyle";
 import {Scroll} from "../Scroll";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {iIsMatch, IsMatchPropsOption} from "../../utils/isObjectCommonMatch";
 
 /**

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

@@ -1,9 +1,9 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {createSelectOptionDecoder} from "../Select/createSelectOptionDecoder";
-import {pick} from "plain-utils/object/pick";
+import {pick} from "@peryl/utils/pick";
 import {EditProps} from "../../uses/useEdit";
 import {useMultipleModel} from "../../uses/useMultipleModel";
-import {toArray} from "plain-utils/utils/toArray";
+import {toArray} from "@peryl/utils/toArray";
 
 export const SelectDisplay = designComponent({
   name: 'select-display',

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

@@ -1,4 +1,4 @@
-import {designComponent, inject, provide} from "plain-design-composition";
+import {designComponent, inject, provide} from "@peryl/react-compose";
 import DropdownGroup from "../DropdownGroup";
 
 export const SelectGroup = designComponent({

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

@@ -1,9 +1,9 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {renderDropdownOption} from "../Dropdown/dropdown.utils";
 import {SelectPanel} from "../Select/SelectPanel";
 import {SelectOptionPropOptions, SelectUtils} from "../Select/select.utils";
 import {Icon} from "../Icon";
-import {classnames} from "plain-utils/dom/classnames";
+import {classnames} from "@peryl/utils/classnames";
 
 export const SelectOption = designComponent({
   name: 'select-option',

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

@@ -1,5 +1,5 @@
-import {computed, designComponent, Fragment, getComponentCls, reactive, useClasses, useMounted, useRefs, useStyles} from "plain-design-composition";
-import {unit} from "plain-utils/string/unit";
+import {computed, designComponent, Fragment, getComponentCls, reactive, useClasses, useMounted, useRefs, useStyles} from "@peryl/react-compose";
+import {unit} from "@peryl/utils/unit";
 import './slider.scss';
 import {useEdit} from "../../uses/useEdit";
 import {ThemeStatus, useStyle} from "../../uses/useStyle";
@@ -7,7 +7,7 @@ import {createSliderHooks, createSliderUtils, iSliderPublicParams, SliderEmitsOp
 import {useWatchAutoClear} from "../../utils/watchEffectAutoClear";
 import {useSliderRange} from "./useSlider.range";
 import {useSliderSingle} from "./useSlider.single";
-import {doNothing} from "plain-utils/utils/doNothing";
+import {doNothing} from "@peryl/utils/doNothing";
 
 export const Slider = designComponent({
   name: 'slider',

package/src/packages/components/Slider/slider.utils.tsx

@@ -1,6 +1,6 @@
 import {EditProps, tEditComputed} from "../../uses/useEdit";
 import {StyleProps} from "../../uses/useStyle";
-import {ComponentEvent, createHooks, createSyncHooks, ExtractPropTypes, PropType, RenderNode} from "plain-design-composition";
+import {ComponentEvent, createHooks, createSyncHooks, ExtractPropTypes, PropType, RenderNode} from "@peryl/react-compose";
 
 export const SliderPropsOption = {
   ...EditProps,

package/src/packages/components/Slider/useSlider.range.tsx

@@ -1,7 +1,7 @@
 import {iSliderPublicParams} from "./slider.utils";
-import {createEffects} from "plain-utils/utils/createEffects";
-import {computed, useModel, useStyles} from "plain-design-composition";
-import {unit} from "plain-utils/string/unit";
+import {createEffects} from "@peryl/utils/createEffects";
+import {computed, useModel, useStyles} from "@peryl/react-compose";
+import {unit} from "@peryl/utils/unit";
 import {useSliderDotDraggier} from "./useSliderDotDragier";
 
 export function useSliderRange(

package/src/packages/components/Slider/useSlider.single.tsx

@@ -1,7 +1,7 @@
 import {iSliderPublicParams} from "./slider.utils";
-import {createEffects} from "plain-utils/utils/createEffects";
-import {computed, useModel, useStyles} from "plain-design-composition";
-import {unit} from "plain-utils/string/unit";
+import {createEffects} from "@peryl/utils/createEffects";
+import {computed, useModel, useStyles} from "@peryl/react-compose";
+import {unit} from "@peryl/utils/unit";
 import {useSliderDotDraggier} from "./useSliderDotDragier";
 
 export function useSliderSingle(

package/src/packages/components/Slider/useSliderDotDragier.tsx

@@ -1,7 +1,7 @@
-import {createEffects} from "plain-utils/utils/createEffects";
-import {disabledUserSelect} from "plain-utils/dom/disabledUserSelect";
-import {enableUserSelect} from "plain-utils/dom/enableUserSelect";
-import {iMouseEvent, reactive} from "plain-design-composition";
+import {createEffects} from "@peryl/utils/createEffects";
+import {disabledUserSelect} from "@peryl/utils/disabledUserSelect";
+import {enableUserSelect} from "@peryl/utils/enableUserSelect";
+import {iMouseEvent, reactive} from "@peryl/react-compose";
 import {iSliderHooks} from "./slider.utils";
 import {ClientZoom} from "../ClientZoom";
 

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

@@ -1,8 +1,8 @@
-import {computed, CSSProperties, designComponent, getComponentCls, iHTMLDivElement, iMouseEvent, PropType, reactive, useClasses, useModel, useRefs} from "plain-design-composition";
+import {computed, CSSProperties, designComponent, getComponentCls, iHTMLDivElement, iMouseEvent, PropType, reactive, useClasses, useModel, useRefs} from "@peryl/react-compose";
 import './sort-list.scss';
-import {createEffects} from "plain-utils/utils/createEffects";
-import {addWindowListener} from "plain-utils/dom/addWindowListener";
-import {getRectAutoFormat} from "plain-utils/dom/getRectAutoFormat";
+import {createEffects} from "@peryl/utils/createEffects";
+import {addWindowListener} from "@peryl/utils/addWindowListener";
+import {getRectAutoFormat} from "@peryl/utils/getRectAutoFormat";
 import {iElementRect} from "../../utils/getRowEl";
 
 export const SortList = designComponent({

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

@@ -1,5 +1,5 @@
 import './space.scss';
-import {designComponent, getComponentCls, PropType, useClasses} from "plain-design-composition";
+import {designComponent, getComponentCls, PropType, useClasses} from "@peryl/react-compose";
 import {StyleProps, useStyle} from "../../uses/useStyle";
 
 export const Space = designComponent({

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

@@ -1,10 +1,10 @@
-import {CSSProperties, designComponent, getComponentCls, iHTMLDivElement, isReact, mergeAttrs, onBeforeUnmount, onMounted, PropType, reactive, useClasses, useModel, useRefs} from "plain-design-composition";
+import {CSSProperties, designComponent, getComponentCls, iHTMLDivElement, isReact, mergeAttrs, onBeforeUnmount, onMounted, PropType, reactive, useClasses, useModel, useRefs} from "@peryl/react-compose";
 import './stack-card.scss';
 import {findReactElement} from "../../utils/findReactElement";
 import StackCardItem from "../StackCardItem";
-import {createEffects} from "plain-utils/utils/createEffects";
-import {delay} from "plain-utils/utils/delay";
-import {addWindowListener} from "plain-utils/dom/addWindowListener";
+import {createEffects} from "@peryl/utils/createEffects";
+import {delay} from "@peryl/utils/delay";
+import {addWindowListener} from "@peryl/utils/addWindowListener";
 
 export const StackCard = designComponent({
   name: 'stack-card',

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, useClasses} from "plain-design-composition";
+import {designComponent, getComponentCls, useClasses} from "@peryl/react-compose";
 
 export const StackCardItem = designComponent({
   name: 'stack-card-item',

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

@@ -1,4 +1,4 @@
-import {computed, designComponent, getComponentCls, getCurrentDesignInstance, iMouseEvent, useClasses, useRefs} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, getCurrentDesignInstance, iMouseEvent, useClasses, useRefs} from "@peryl/react-compose";
 import {StepCollector} from "../StepGroup";
 import {StepStatus, StepUtils} from "../StepGroup/step.utils";
 import Icon from "../Icon";

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

@@ -1,4 +1,4 @@
-import {computed, designComponent, getComponentCls, useClasses, useCollect, useRefs} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, useClasses, useCollect, useRefs} from "@peryl/react-compose";
 import {StepUtils} from "./step.utils";
 import './step-group.scss';
 import Step from "../Step";

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

@@ -1,4 +1,4 @@
-import {designComponent, useRefs} from "plain-design-composition";
+import {designComponent, useRefs} from "@peryl/react-compose";
 import {TabCollector} from "../TabGroup";
 
 export const Tab = designComponent({

package/src/packages/components/TabGroup/TabsHeader.tsx

@@ -1,4 +1,4 @@
-import {classnames, designComponent, onBeforeUnmount, onMounted, PropType, reactive, useRefs, useStyles} from "plain-design-composition";
+import {classnames, designComponent, onBeforeUnmount, onMounted, PropType, reactive, useRefs, useStyles} from "@peryl/react-compose";
 import {TabData} from "./tabs.utils";
 
 export const TabsHeader = designComponent({

package/src/packages/components/TabGroup/TabsInner.tsx

@@ -1,4 +1,4 @@
-import {designComponent, mergeAttrs, nextTick, PropType, reactive, RenderNode, useStyles, watch} from "plain-design-composition";
+import {designComponent, mergeAttrs, nextTick, PropType, reactive, RenderNode, useStyles, watch} from "@peryl/react-compose";
 import {PlTabComponent} from "../Tab";
 
 export const TabsInner = designComponent({

package/src/packages/components/TabGroup/header/horizontal/TabsHeaderHorizontal.tsx

@@ -1,11 +1,11 @@
-import {designComponent, onUpdated, reactive, useClasses, useRefs, useStyles} from "plain-design-composition";
+import {designComponent, onUpdated, reactive, useClasses, useRefs, useStyles} from "@peryl/react-compose";
 import {TabCommonProps} from "../../tabs.utils";
 import {TabsHeaderHorizontalText} from "./TabsHeaderHorizontalText";
 import {TabsHeaderHorizontalCard} from "./TabsHeaderHorizontalCard";
 import {TabsHeaderHorizontalShadow} from "./TabsHeaderHorizontalShadow";
 import './tabs-header-horizontal.scss';
-import {delay} from "plain-utils/utils/delay";
-import {unit} from "plain-utils/string/unit";
+import {delay} from "@peryl/utils/delay";
+import {unit} from "@peryl/utils/unit";
 import {Button} from "../../../Button";
 
 export const TabsHeaderHorizontal = designComponent({

package/src/packages/components/TabGroup/header/horizontal/TabsHeaderHorizontalCard.tsx

@@ -1,4 +1,4 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {TabCommonProps} from "../../tabs.utils";
 import './tabs-header-card.scss';
 

package/src/packages/components/TabGroup/header/horizontal/TabsHeaderHorizontalShadow.tsx

@@ -1,4 +1,4 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {TabCommonProps} from "../../tabs.utils";
 import './tabs-header-shadow.scss';
 

package/src/packages/components/TabGroup/header/horizontal/TabsHeaderHorizontalText.tsx

@@ -1,7 +1,7 @@
-import {designComponent, onUpdated, reactive, useStyles} from "plain-design-composition";
+import {designComponent, onUpdated, reactive, useStyles} from "@peryl/react-compose";
 import {TabCommonProps} from "../../tabs.utils";
 import './tabs-header-text.scss';
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import {TabsHeaderHorizontal} from "./TabsHeaderHorizontal";
 
 interface ElItemInfo {

package/src/packages/components/TabGroup/header/vertical/TabsHeaderVertical.tsx

@@ -1,4 +1,4 @@
-import {designComponent, useClasses} from "plain-design-composition";
+import {designComponent, useClasses} from "@peryl/react-compose";
 import './tabs-header-vertical.scss';
 import {TabCommonProps} from "../../tabs.utils";
 

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

@@ -1,4 +1,4 @@
-import {classnames, computed, designComponent, getComponentCls, useClasses, useCollect, useModel, watch} from "plain-design-composition";
+import {classnames, computed, designComponent, getComponentCls, useClasses, useCollect, useModel, watch} from "@peryl/react-compose";
 import './tabs.scss';
 import {TabCommonProps, TabData} from "./tabs.utils";
 import {TabsInner} from "./TabsInner";

package/src/packages/components/TabGroup/tabs.utils.tsx

@@ -1,4 +1,4 @@
-import {PropType} from "plain-design-composition";
+import {PropType} from "@peryl/react-compose";
 import {PlTabComponent} from "../Tab";
 
 export enum TabHeadType {

package/src/packages/components/Table/editor/PlcAddress.tsx

@@ -1,4 +1,4 @@
-import {designComponent, PropType} from "plain-design-composition";
+import {designComponent, PropType} from "@peryl/react-compose";
 import {iAddressService} from "../../$address/createAddressService";
 import {nextPlcBindId} from "../plc/utils/plc.utils";
 import {PlcAddressItem} from "./PlcAddressItem";

package/src/packages/components/Table/editor/PlcAddressItem.tsx

@@ -1,4 +1,4 @@
-import {designComponent, PropType} from "plain-design-composition";
+import {designComponent, PropType} from "@peryl/react-compose";
 import {PlcEmitsOptions, PlcPropsOptions} from "../plc/utils/plc.utils";
 import {PlcScopeSlotsOptions} from "../plc/utils/plc.scope-slots";
 import {usePlc} from "../plc/use/usePlc";

package/src/packages/components/Table/editor/PlcCheckbox.tsx

@@ -1,4 +1,4 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {createPlcPropOptions, PlcEmitsOptions} from "../plc/utils/plc.utils";
 import {PlcScopeSlotsOptions} from "../plc/utils/plc.scope-slots";
 import {usePlc} from "../plc/use/usePlc";

package/src/packages/components/Table/editor/PlcColorPicker.tsx

@@ -1,4 +1,4 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {PlcEmitsOptions, PlcPropsOptions} from "../plc/utils/plc.utils";
 import {PlcScopeSlotsOptions} from "../plc/utils/plc.scope-slots";
 import {usePlc} from "../plc/use/usePlc";

package/src/packages/components/Table/editor/PlcDate.tsx

@@ -1,4 +1,4 @@
-import {computed, designComponent} from "plain-design-composition";
+import {computed, designComponent} from "@peryl/react-compose";
 import {PlcEmitsOptions} from "../plc/utils/plc.utils";
 import {PlcScopeSlotsOptions} from "../plc/utils/plc.scope-slots";
 import {usePlc} from "../plc/use/usePlc";

package/src/packages/components/Table/editor/PlcDate.utils.tsx

@@ -1,8 +1,8 @@
-import {computed, ExtractPropTypes, PropType} from "plain-design-composition";
+import {computed, ExtractPropTypes, PropType} from "@peryl/react-compose";
 import {eDatePanel} from "../../DatePicker/date.utils";
 import {eMultipleValueType} from "../../../uses/useMultipleModel";
 import {createPlcPropOptions} from "../plc/utils/plc.utils";
-import {pick} from "plain-utils/object/pick";
+import {pick} from "@peryl/utils/pick";
 
 /**
  * PlcDate继承于Date组件的属性

package/src/packages/components/Table/editor/PlcDateRange.tsx

@@ -1,4 +1,4 @@
-import {computed, designComponent, PropType} from "plain-design-composition";
+import {computed, designComponent, PropType} from "@peryl/react-compose";
 import {nextPlcBindId, PlcPropsOptions} from "../plc/utils/plc.utils";
 import {iPlcDatePropsType, PlcDateInheritProps, usePlcDateInheritProps} from "./PlcDate.utils";
 import {PlcDate} from "./PlcDate";

package/src/packages/components/Table/editor/PlcInput.tsx

@@ -1,5 +1,5 @@
 import {PlcEmitsOptions, PlcPropsOptions} from "../plc/utils/plc.utils";
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {PlcScopeSlotsOptions} from "../plc/utils/plc.scope-slots";
 import {usePlc} from "../plc/use/usePlc";
 import Input from "../../Input";

package/src/packages/components/Table/editor/PlcNumber.tsx

@@ -1,4 +1,4 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {PlcEmitsOptions, PlcPropsOptions} from "../plc/utils/plc.utils";
 import {PlcScopeSlotsOptions} from "../plc/utils/plc.scope-slots";
 import {usePlc} from "../plc/use/usePlc";

package/src/packages/components/Table/editor/PlcRate.tsx

@@ -1,4 +1,4 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {createPlcPropOptions, PlcEmitsOptions} from "../plc/utils/plc.utils";
 import {PlcScopeSlotsOptions} from "../plc/utils/plc.scope-slots";
 import {usePlc} from "../plc/use/usePlc";

package/src/packages/components/Table/editor/PlcSelect.tsx

@@ -1,5 +1,5 @@
 import {createPlcPropOptions, PlcEmitsOptions} from "../plc/utils/plc.utils";
-import {computed, designComponent, Fragment} from "plain-design-composition";
+import {computed, designComponent, Fragment} from "@peryl/react-compose";
 import {PlcScopeSlotsOptions} from "../plc/utils/plc.scope-slots";
 import {usePlc} from "../plc/use/usePlc";
 import {Select} from "../../Select";

package/src/packages/components/Table/editor/PlcTextarea.tsx

@@ -1,5 +1,5 @@
 import {PlcEmitsOptions, PlcPropsOptions} from "../plc/utils/plc.utils";
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {PlcScopeSlotsOptions} from "../plc/utils/plc.scope-slots";
 import {usePlc} from "../plc/use/usePlc";
 import Input from "../../Input";

package/src/packages/components/Table/editor/PlcTime.tsx

@@ -1,4 +1,4 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {PlcTimePropsOptions, usePlcTimeInheritProps} from "./PlcTime.utils";
 import {PlcScopeSlotsOptions} from "../plc/utils/plc.scope-slots";
 import {PlcEmitsOptions} from "../plc/utils/plc.utils";

package/src/packages/components/Table/editor/PlcTime.utils.ts

@@ -1,7 +1,7 @@
 import {TimePublicProps} from "../../TimePicker/panel/time-panel.utils";
 import {PlcPropsOptions} from "../plc/utils/plc.utils";
-import {computed, ExtractPropTypes} from "plain-design-composition";
-import {pick} from "plain-utils/object/pick";
+import {computed, ExtractPropTypes} from "@peryl/react-compose";
+import {pick} from "@peryl/utils/pick";
 
 export const PlcTimePropsOptions = {
   ...PlcPropsOptions,

package/src/packages/components/Table/editor/PlcTimeRange.tsx

@@ -1,4 +1,4 @@
-import {designComponent, PropType} from "plain-design-composition";
+import {designComponent, PropType} from "@peryl/react-compose";
 import {iPlcTimePropsType, PlcTimePropsOptions, usePlcTimeInheritProps} from "./PlcTime.utils";
 import {nextPlcBindId} from "../plc/utils/plc.utils";
 import {PlcTime} from "./PlcTime";

package/src/packages/components/Table/editor/PlcToggle.tsx

@@ -1,4 +1,4 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {createPlcPropOptions, PlcEmitsOptions} from "../plc/utils/plc.utils";
 import {PlcScopeSlotsOptions} from "../plc/utils/plc.scope-slots";
 import {usePlc} from "../plc/use/usePlc";

package/src/packages/components/Table/plc/group/PlcGroup.tsx

@@ -1,4 +1,4 @@
-import {designComponent, useCollect} from "plain-design-composition";
+import {designComponent, useCollect} from "@peryl/react-compose";
 import {PlcGroupPropsOptions} from "../utils/plc.utils";
 import {Plc} from "../plc/Plc";
 import {PlcGroupScopeSlotsOptions, PlcGroupSlotsOptions} from "../utils/plc.scope-slots";

package/src/packages/components/Table/plc/plc/Plc.tsx

@@ -1,4 +1,4 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {PlcEmitsOptions, PlcPropsOptions} from "../utils/plc.utils";
 import {PlcScopeSlotsOptions} from "../utils/plc.scope-slots";
 import {useBasePlc} from "../use/useBasePlc";

package/src/packages/components/Table/plc/process/copyPlcList.ts

@@ -1,4 +1,4 @@
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import {PlcPublicAttrs, tPlcType} from "../utils/plc.utils";
 
 /**

package/src/packages/components/Table/plc/process/processPlcFixed.ts

@@ -1,4 +1,4 @@
-import {StyleProperties} from "plain-design-composition";
+import {StyleProperties} from "@peryl/react-compose";
 import {TablePlcFixedType, tPlc, tPlcType} from "../utils/plc.utils";
 
 /**

package/src/packages/components/Table/plc/process/processPlcSort.ts

@@ -1,5 +1,5 @@
 import {IteratePlcHandleType, iteratePlcList} from "../utils/iteratePlcList";
-import {insertSort} from "plain-utils/object/insertSort";
+import {insertSort} from "@peryl/utils/insertSort";
 import {TablePlcFixedType, tPlc, tPlcType} from "../utils/plc.utils";
 
 /**

package/src/packages/components/Table/plc/use/useBasePlc.tsx

@@ -1,12 +1,12 @@
 import {iPlcEventType, nextPlcKey, PlcPropsOptions, PlcPublicAttrs, tPlc} from "../utils/plc.utils";
-import {computed, ExtractPropTypes, reactive, useNumber, useRefs} from "plain-design-composition";
+import {computed, ExtractPropTypes, reactive, useNumber, useRefs} from "@peryl/react-compose";
 import {PlcCollector} from "../group/PlcGroup";
 import {usePlcPropsState} from "./usePlcPropsState";
 import {tPlcScopeSlots, tPlcSlots} from "../utils/plc.scope-slots";
 import {Validation} from "../../../Form/validate/createValidation";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {isRuleRequired} from "../../../Form/validate/validate.utils";
-import {pick} from "plain-utils/object/pick";
+import {pick} from "@peryl/utils/pick";
 import {PlcExclusion} from "../../standard/PlcExclusion";
 
 export function useBasePlc(

package/src/packages/components/Table/plc/use/useBasePlcGroup.tsx

@@ -1,4 +1,4 @@
-import {computed, ExtractPropTypes, reactive, useNumber, useRefs} from "plain-design-composition";
+import {computed, ExtractPropTypes, reactive, useNumber, useRefs} from "@peryl/react-compose";
 import {PlcCollector} from "../group/PlcGroup";
 import {usePlcPropsState} from "./usePlcPropsState";
 import {nextPlcKey, PlcGroupPropsOptions, PlcPublicAttrs, tPlcGroup} from "../utils/plc.utils";

package/src/packages/components/Table/plc/use/usePlc.tsx

@@ -1,4 +1,4 @@
-import {ExtractPropTypes} from "plain-design-composition";
+import {ExtractPropTypes} from "@peryl/react-compose";
 import {createProxyProps, iPlcEventType, iPlcPropsProxyConfig, PlcPropsOptions, tPlc, tPlcType} from "../utils/plc.utils";
 import {PlcScopeSlotsOptions, tPlcScopeSlots, tPlcSlots} from "../utils/plc.scope-slots";
 import {useBasePlc} from "./useBasePlc";

package/src/packages/components/Table/plc/use/usePlcPropsState.tsx

@@ -1,5 +1,5 @@
-import {computed, reactive, watch} from "plain-design-composition";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {computed, reactive, watch} from "@peryl/react-compose";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import {iPlcGroupPropsType, iPlcPropsType, tPlcType} from "../utils/plc.utils";
 
 /**

package/src/packages/components/Table/plc/useTablePlc.tsx

@@ -1,13 +1,13 @@
 import {iTablePropsType, iTableSlotsType} from "../table/utils/table.utils";
 import {iTableHooks} from "../table/utils/createTableHooks";
-import {computed, nextTick, onBeforeUnmount, reactive, useRefs, watch} from "plain-design-composition";
+import {computed, nextTick, onBeforeUnmount, reactive, useRefs, watch} from "@peryl/react-compose";
 import {PlcGroup} from "../../PlcGroup";
 import {TablePlcFixedType, tPlc, tPlcType} from "./utils/plc.utils";
-import {runOnce} from "plain-utils/utils/runOnce";
+import {runOnce} from "@peryl/utils/runOnce";
 import {formatPlcList, tPlcData} from "./formatPlcList";
 import {OpenController} from "../../../utils/OpenController";
-import {createEffects} from "plain-utils/utils/createEffects";
-import {throttle} from "plain-utils/utils/throttle";
+import {createEffects} from "@peryl/utils/createEffects";
+import {throttle} from "@peryl/utils/throttle";
 
 export function useTablePlc(
   {

package/src/packages/components/Table/plc/utils/plc.render.ts

@@ -1,4 +1,4 @@
-import {RenderNode} from "plain-design-composition";
+import {RenderNode} from "@peryl/react-compose";
 import {tPlc, tPlcType} from "./plc.utils";
 import {iTableCellRenderScope, iTableNode} from "../../table/utils/table.utils";
 

package/src/packages/components/Table/plc/utils/plc.scope-slots.ts

@@ -1,5 +1,5 @@
 import {iTableCellRenderScope} from "../../table/utils/table.utils";
-import {RenderNode, tScopeSlotsType, tSlotsType} from "plain-design-composition";
+import {RenderNode, tScopeSlotsType, tSlotsType} from "@peryl/react-compose";
 import {tPlcType} from "./plc.utils";
 
 export type PlcRenderFunction = (scope: iTableCellRenderScope) => RenderNode

package/src/packages/components/Table/plc/utils/plc.utils.ts

@@ -1,12 +1,12 @@
-import {ComponentEvent, ExtractPropTypes, iMouseEvent, MultipleClass, PropType, StyleProperties} from "plain-design-composition";
-import {createEnum} from "plain-utils/utils/createEnum";
+import {ComponentEvent, ExtractPropTypes, iMouseEvent, MultipleClass, PropType, StyleProperties} from "@peryl/react-compose";
+import {createEnum} from "@peryl/utils/createEnum";
 import {PlcPropsHead, tPlcScopeSlots, tPlcSlots} from "./plc.scope-slots";
 import {FormItemValidatePropsOption} from "../../../Form/validate/validate.utils";
 import {iTableCellRenderScope, iTableNode} from "../../table/utils/table.utils";
-import {deepcopy} from "plain-utils/object/deepcopy";
-import {PlainObject} from "plain-utils/utils/event";
-import {omit} from "plain-utils/object/omit";
-import {createCounter} from "plain-utils/utils/createCounter";
+import {deepcopy} from "@peryl/utils/deepcopy";
+import {PlainObject} from "@peryl/utils/event";
+import {omit} from "@peryl/utils/omit";
+import {createCounter} from "@peryl/utils/createCounter";
 import {iFilterOption} from "../../../FilterService/utils/filter.service.utils";
 import {AsyncFormatter} from "../../../AsyncFormatter";
 import {Formatter} from "../../../Formatter";