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

package/src/packages/components/InputNumber/useInputNumber.public.tsx

@@ -1,15 +1,15 @@
 import {iInputNumberCompositionParam, iInputNumberEffectiveValueInfo, iInputNumberValueInfo} from "./input-number.utils";
-import {computed, getComponentCls, iHTMLElement, iMouseEvent, reactive, RenderNode, useClasses, useNumber, useRefs} from "plain-design-composition";
+import {computed, getComponentCls, iHTMLElement, iMouseEvent, reactive, RenderNode, useClasses, useNumber, useRefs} from "@peryl/react-compose";
 import {useStyle} from "../../uses/useStyle";
 import {useEdit} from "../../uses/useEdit";
-import {roundFixed} from "plain-utils/utils/roundFixed";
-import {getKey, KEY} from "../KeyboardService";
+import {roundFixed} from "@peryl/utils/roundFixed";
+import {eKeyboardKeys, getKeyNameByKeyboardEvent} from "@peryl/utils/keyboard";
 import {useClickWave} from "../../directives/ClickWave";
 import {NumberResize} from "./NumberResize";
 import {NumberButtonTypes} from "./number.utils";
 import {Input} from "../Input";
 import Icon from "../Icon";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 
 const NAN = 'NAN';
 const numberPattern = /([\d.-]+)([a-zA-Z%]*)/;
@@ -257,14 +257,14 @@ export function useInputNumberPublic(param: iInputNumberCompositionParam) {
      * @date    2023/2/10 14:55
      */
     onKeydown: (e: KeyboardEvent) => {
-      const key = getKey(e);
+      const key = getKeyNameByKeyboardEvent(e);
       switch (key) {
-        case KEY.up:
+        case eKeyboardKeys.up:
           e.preventDefault();
           e.stopPropagation();
           methods.add();
           break;
-        case KEY.down:
+        case eKeyboardKeys.down:
           e.preventDefault();
           e.stopPropagation();
           methods.minus();
@@ -298,7 +298,7 @@ export function useInputNumberPublic(param: iInputNumberCompositionParam) {
     button: {
       prefix: () => (
         <span
-          className="number-prepend-button plain-click-node"
+          className="number-prepend-button plain-click-node input-icon-button"
           onMouseDown={handler.intervalMinus}
           onClick={stopClickPropagation}
           ref={onRef.sub}>
@@ -307,7 +307,7 @@ export function useInputNumberPublic(param: iInputNumberCompositionParam) {
       ),
       suffix: () => (
         <span
-          className="number-append-button plain-click-node"
+          className="number-append-button plain-click-node input-icon-button"
           onMouseDown={handler.intervalAdd}
           onClick={stopClickPropagation}
           ref={onRef.add}>
@@ -324,14 +324,14 @@ export function useInputNumberPublic(param: iInputNumberCompositionParam) {
       suffix: () => (
         <span className="number-button-container">
             <span
-              className="number-append-button plain-click-node"
+              className="number-append-button plain-click-node input-icon-button"
               onMouseDown={handler.intervalAdd}
               onClick={stopClickPropagation}
               ref={onRef.add}>
               <Icon icon={props.addIcon || 'pi-up'}/>
             </span>
             <span
-              className="number-prepend-button plain-click-node"
+              className="number-prepend-button plain-click-node input-icon-button"
               onMouseDown={handler.intervalMinus}
               onClick={stopClickPropagation}
               ref={onRef.sub}>
@@ -348,6 +348,7 @@ export function useInputNumberPublic(param: iInputNumberCompositionParam) {
     resize: {
       suffix: () => (
         <NumberResize
+          className="input-icon-button"
           value={effectiveInputValue.value?.val || 0}
           step={numberState.step}
           precision={numberState.precision}

package/src/packages/components/InputNumber/useInputNumber.single.tsx

@@ -1,6 +1,6 @@
 import {iInputNumberPublic} from "./useInputNumber.public";
-import {reactive, useModel} from "plain-design-composition";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {reactive, useModel} from "@peryl/react-compose";
+import {createEffects} from "@peryl/utils/createEffects";
 
 export function useInputNumberSingle(
   { hooks, props, event, utils }: iInputNumberPublic

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, useClassCache} from "plain-design-composition";
+import {designComponent, getComponentCls, useClassCache} from "@peryl/react-compose";
 import './layout.scss';
 
 export const Layout = designComponent({

package/src/packages/components/Layout/layout.utils.ts

@@ -1,3 +1,3 @@
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createEnum} from "@peryl/utils/createEnum";
 
 export const eLayoutSectionPosition = createEnum(['top', 'left', 'right', 'bottom', 'center'] as const);

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

@@ -1,5 +1,5 @@
-import {designComponent, getComponentCls, iHTMLDivElement, onMounted, PropType, useClassCache, useModel, useRefs, useStyleCache} from "plain-design-composition";
-import {unit} from "plain-utils/string/unit";
+import {designComponent, getComponentCls, iHTMLDivElement, onMounted, PropType, useClassCache, useModel, useRefs, useStyleCache} from "@peryl/react-compose";
+import {unit} from "@peryl/utils/unit";
 import Layout from "../Layout";
 import {eLayoutSectionPosition} from "../Layout/layout.utils";
 import {useLayoutSectionResizer} from "./useLayoutSectionResizer";

package/src/packages/components/LayoutSection/useLayoutSectionResizer.tsx

@@ -1,7 +1,7 @@
 import Icon from "../Icon";
 import {eLayoutSectionPosition} from "../Layout/layout.utils";
-import {cacheComputed, computed, getComponentCls, iHTMLDivElement, iMouseEvent, useRefs} from "plain-design-composition";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {cacheComputed, computed, getComponentCls, iHTMLDivElement, iMouseEvent, useRefs} from "@peryl/react-compose";
+import {createEffects} from "@peryl/utils/createEffects";
 import {ClientZoom} from "../../utils/ClientZoom";
 
 export function useLayoutSectionResizer(

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, PropType, useRefs} from "plain-design-composition";
+import {designComponent, getComponentCls, PropType, useRefs} from "@peryl/react-compose";
 import React, {ReactElement} from "react";
 import FlipMove from "react-flip-move";
 import './list.scss';

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

@@ -1,5 +1,5 @@
-import {designComponent, getComponentCls, useClasses} from "plain-design-composition";
-import {PlainLoading} from 'plain-icons/src/packages/component/loading/react';
+import {designComponent, getComponentCls, useClasses} from "@peryl/react-compose";
+import {PlainLoading} from '@peryl/icon/src/packages/component/loading/react';
 import './loading.scss';
 
 export const Loading = designComponent({

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

@@ -1,5 +1,5 @@
-import {designComponent, getComponentCls, mergeAttrs, nextIndex, onMounted, reactive, useClasses, useModel, useRefs, useStyles, watch} from "plain-design-composition";
-import {delay} from "plain-utils/utils/delay";
+import {designComponent, getComponentCls, mergeAttrs, nextIndex, onMounted, reactive, useClasses, useModel, useRefs, useStyles, watch} from "@peryl/react-compose";
+import {delay} from "@peryl/utils/delay";
 import Loading from "../Loading";
 import './loading-mask.scss';
 import Transition from "../Transition";

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

@@ -1,8 +1,8 @@
-import {computed, designComponent, PropType, useModel} from "plain-design-composition";
+import {computed, designComponent, PropType, useModel} from "@peryl/react-compose";
 import {InputGroup} from "../InputGroup";
 import {InputNumber} from "../InputNumber";
 import {Input} from "../Input";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 
 export const NumberRange = designComponent({
   name: 'number-range',

package/src/packages/components/Object/createObjectHooks.tsx

@@ -1,4 +1,4 @@
-import {createHooks, createRenderHook, iMouseEvent} from "plain-design-composition";
+import {createHooks, createRenderHook, iMouseEvent} from "@peryl/react-compose";
 
 export function createObjectHooks() {
   return {

package/src/packages/components/Object/createObjectRender.multiple.tsx

@@ -1,9 +1,9 @@
 import {iObjectCompositionParam, iObjectSelectOption} from "./object.utils";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {createEffects} from "@peryl/utils/createEffects";
 import {Select} from "../Select";
-import {computed, reactive, useModel, useRefs} from "plain-design-composition";
-import {PlainObject} from "plain-utils/utils/event";
-import {delay} from "plain-utils/utils/delay";
+import {computed, reactive, useModel, useRefs} from "@peryl/react-compose";
+import {PlainObject} from "@peryl/utils/event";
+import {delay} from "@peryl/utils/delay";
 import {SelectOption} from "../SelectOption";
 import {iSelectProps} from "../Select/select.utils";
 import i18n from "../i18n";

package/src/packages/components/Object/createObjectRender.single.tsx

@@ -1,9 +1,9 @@
 import {iObjectCompositionParam, iObjectSelectOption} from "./object.utils";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {createEffects} from "@peryl/utils/createEffects";
 import {Select} from "../Select";
-import {computed, reactive, useRefs, watch} from "plain-design-composition";
+import {computed, reactive, useRefs, watch} from "@peryl/react-compose";
 import {convertRowToSelected, convertSelectedToRow} from "../$object/object.conver";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {SelectOption} from "../SelectOption";
 import i18n from "../i18n";
 

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, iMouseEvent, onBeforeUnmount, reactive, useClasses} from "plain-design-composition";
+import {designComponent, getComponentCls, iMouseEvent, onBeforeUnmount, reactive, useClasses} from "@peryl/react-compose";
 import {Select} from "../Select";
 import {Icon} from "../Icon";
 import './object.scss';
@@ -8,8 +8,8 @@ import {useWatchAutoClear} from "../../utils/watchEffectAutoClear";
 import {createObjectRenderMultiple} from "./createObjectRender.multiple";
 import {createObjectRenderSingle} from "./createObjectRender.single";
 import {$configuration} from "../$configuration";
-import {debounce} from "plain-utils/utils/debounce";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {debounce} from "@peryl/utils/debounce";
+import {createEffects} from "@peryl/utils/createEffects";
 import {eFilterOperator} from "../FilterService/utils/filter.service.utils";
 import {useEdit} from "../../uses/useEdit";
 import {stopPopup} from "../usePopup/utils/stopPopup";

package/src/packages/components/Object/object.utils.ts

@@ -1,5 +1,5 @@
-import {ComponentEvent, ExtractPropTypes, PropType} from "plain-design-composition";
-import {PlainObject} from "plain-utils/utils/event";
+import {ComponentEvent, ExtractPropTypes, PropType} from "@peryl/react-compose";
+import {PlainObject} from "@peryl/utils/event";
 import {iObjectServicePickConfig} from "../$object/object.service.utils";
 import {iObjectService} from "../$object/createObjectService";
 import {iObjectHooks} from "./createObjectHooks";

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

@@ -1,4 +1,4 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {Select} from "../Select";
 import {OvPropsOption} from "./ov.utils";
 import {usePublicOv} from "./usePublicOv";

package/src/packages/components/Ov/ov.utils.ts

@@ -1,4 +1,4 @@
-import {ExtractPropTypes, PropType} from "plain-design-composition";
+import {ExtractPropTypes, PropType} from "@peryl/react-compose";
 import {iOvService} from "../$ov/createOvService";
 
 export const OvPropsOption = {

package/src/packages/components/Ov/usePublicOv.tsx

@@ -1,4 +1,4 @@
-import {reactive, watch} from "plain-design-composition";
+import {reactive, watch} from "@peryl/react-compose";
 import {iOvMeta} from "../$ov/ov.utils";
 import $configuration from "../$configuration";
 import {iOvPropsType} from "./ov.utils";

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

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

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, PropType, useClassCache} from "plain-design-composition";
+import {designComponent, getComponentCls, PropType, useClassCache} from "@peryl/react-compose";
 import {StyleProps, useStyle} from "../../uses/useStyle";
 import PageCard from "../PageCard";
 

package/src/packages/components/PageCardTitle/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 Icon from "../Icon";
 import PageCard from "../PageCard";

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

@@ -1,4 +1,4 @@
-import {designComponent, onBeforeUnmount} from "plain-design-composition";
+import {designComponent, onBeforeUnmount} from "@peryl/react-compose";
 import {usePageRenderContext} from "../usePageRenderContext";
 
 export const PageRenderList = designComponent({

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

@@ -1,11 +1,11 @@
-import {computed, getComponentCls, reactive} from "plain-design-composition";
+import {computed, getComponentCls, reactive} from "@peryl/react-compose";
 import {createCache} from "../../utils/createCache";
 import {InputMode, ThemeMode, ThemeShape, ThemeSize} from "../../uses/useStyle";
 import {DeepPartial} from "../../utils/type";
 import {iApplicationConfiguration} from "../Application/utils/application.utils";
 import {BaseColors, iThemeConfiguration} from "../Application/theme/theme";
 import {deepmerge} from "./deepmerge";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 
 export const PageThemeUtils = (() => {
 

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

@@ -1,8 +1,8 @@
-import {computed, designComponent, getComponentCls, PropType, ref, useClasses, useNumber, watch} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, PropType, ref, useClasses, useNumber, watch} from "@peryl/react-compose";
 import {StyleProps, useStyle} from "../../uses/useStyle";
 import {EditProps, useEdit} from "../../uses/useEdit";
-import {classnames} from "plain-utils/dom/classnames";
-import {delay} from "plain-utils/utils/delay";
+import {classnames} from "@peryl/utils/classnames";
+import {delay} from "@peryl/utils/delay";
 import {Select} from "../Select";
 import {SelectOption} from "../SelectOption";
 import {Icon} from "../Icon";

package/src/packages/components/Paragraph/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 './paragraph.scss';
 import {ParagraphItem} from "../ParagraphItem";
 import {i18n} from "../i18n";

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

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

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

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

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

@@ -1,9 +1,9 @@
-import {computed, designComponent} from "plain-design-composition";
+import {computed, designComponent} from "@peryl/react-compose";
 import {createPlcPropOptions, PlcEmitsOptions} from "../Table/plc/utils/plc.utils";
 import {PlcScopeSlotsOptions} from "../Table/plc/utils/plc.scope-slots";
 import {usePlc} from "../Table/plc/use/usePlc";
 import _Object from "../Object";
-import {pick} from "plain-utils/object/pick";
+import {pick} from "@peryl/utils/pick";
 import {ObjectPropsOption} from "../Object/object.utils";
 import {iFilterConfigObject} from "../FilterService/filter/fitler.object";
 

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

@@ -1,4 +1,4 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {OvPropsOption} from "../Ov/ov.utils";
 import {usePublicOv} from "../Ov/usePublicOv";
 import {PlcSelect} from "../Table/editor/PlcSelect";

package/src/packages/components/Popup/PopupProvider.tsx

@@ -1,4 +1,4 @@
-import {createProvider, getComponentCls} from "plain-design-composition";
+import {createProvider, getComponentCls} from "@peryl/react-compose";
 import {iPopupAnimation, iPopupTrigger, iPopupUseOption} from "../usePopup/utils/popup.utils";
 
 /**

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

@@ -1,4 +1,4 @@
-import {ComponentPropsType, computed, designComponent, Fragment, getComponentCls, onBeforeUnmount, PropType, reactive, RenderNode, useClassCache, useModel, useStyleCache, watch, watchEffect} from "plain-design-composition";
+import {ComponentPropsType, computed, designComponent, Fragment, getComponentCls, onBeforeUnmount, PropType, reactive, RenderNode, useClassCache, useModel, useStyleCache, watch, watchEffect} from "@peryl/react-compose";
 import {iPopupAnimation, iPopupCustomOption, iPopupDefaultOption, iPopupPlacement, iPopupTrigger, iPopupUseOption, PopupItemProvide} from "../usePopup/utils/popup.utils";
 import {Reference} from "../Reference";
 import {usePopup} from "../usePopup";
@@ -6,7 +6,7 @@ import {useReferenceTrigger} from "../usePopup/trigger/useReferenceTrigger";
 import {ThemeSize, ThemeStatus} from "../../uses/useStyle";
 import {Scroll} from "../Scroll";
 import {decodePlacement} from "../usePopup/utils/decodePlacement";
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import './popup.scss';
 import {EditProps} from "../../uses/useEdit";
 import {iPopupProviderMeta, PopupProvider} from "./PopupProvider";

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

@@ -1,5 +1,5 @@
 import './progress-bar.scss';
-import {computed, designComponent, getComponentCls, useRefs} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, useRefs} from "@peryl/react-compose";
 import {PROGRESS_DEFAULT_PROPS, ProgressStatus, useProgressColor} from "./progress.utils";
 import Icon from "../Icon";
 

package/src/packages/components/ProgressBar/progress.utils.ts

@@ -1,5 +1,5 @@
-import {computed, getComponentCls, PropType} from "plain-design-composition";
-import {createEnum} from "plain-utils/utils/createEnum";
+import {computed, getComponentCls, PropType} from "@peryl/react-compose";
+import {createEnum} from "@peryl/utils/createEnum";
 
 export const ProgressStatus = createEnum(['normal', 'success', 'error'] as const);
 

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

@@ -27,9 +27,9 @@ A rx ry x-axis-rotation large-arc-flag sweep-flag x y
 - y：结束点y坐标
 
 */
-import {computed, designComponent, getComponentCls, reactive, useClasses, useModel, useRefs, useStyles, watch} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, reactive, useClasses, useModel, useRefs, useStyles, watch} from "@peryl/react-compose";
 import {createAnimate} from "../../utils/createAnimate";
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import {Icon} from "../Icon";
 import './progress-circle.scss';
 import {PROGRESS_DEFAULT_PROPS, ProgressStatus, useProgressColor} from "../ProgressBar/progress.utils";

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

@@ -1,7 +1,7 @@
 import './progress-mini.scss';
-import {computed, designComponent, getComponentCls, useClasses, useModel, useRefs, useStyles, watch} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, useClasses, useModel, useRefs, useStyles, watch} from "@peryl/react-compose";
 import {createAnimate} from "../../utils/createAnimate";
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import {PROGRESS_DEFAULT_PROPS, ProgressStatus, useProgressColor} from "../ProgressBar/progress.utils";
 
 export const ProgressMini = designComponent({

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

@@ -1,9 +1,9 @@
-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 {getKey, KEY} from "../KeyboardService";
+import {unit} from "@peryl/utils/unit";
+import {eKeyboardKeys, getKeyNameByKeyboardEvent} from "@peryl/utils/keyboard";
 import {useClickWave} from "../../directives/ClickWave";
 import {RadioInner} from "../RadioInner";
 import {RadioGroup} from "../RadioGroup";
@@ -95,7 +95,7 @@ export const Radio = 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/RadioGroup/index.tsx

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, inject, useModel, useRefs} from "plain-design-composition";
+import {designComponent, getComponentCls, inject, useModel, 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/RadioInner/index.tsx

@@ -1,5 +1,5 @@
 import './radio-inner.scss';
-import {designComponent, getComponentCls, PropType, useClasses, useRefs} from "plain-design-composition";
+import {designComponent, getComponentCls, PropType, useClasses, useRefs} from "@peryl/react-compose";
 import {CheckboxStatus} from "../../utils/constant";
 
 export const RadioInner = designComponent({

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

@@ -1,6 +1,6 @@
-import {computed, designComponent, getComponentCls, iMouseEvent, reactive, useClasses, useModel, useMounted, useRefs} from "plain-design-composition";
-import {disabledUserSelect} from "plain-utils/dom/disabledUserSelect";
-import {enableUserSelect} from "plain-utils/dom/enableUserSelect";
+import {computed, designComponent, getComponentCls, iMouseEvent, reactive, useClasses, useModel, useMounted, useRefs} from "@peryl/react-compose";
+import {disabledUserSelect} from "@peryl/utils/disabledUserSelect";
+import {enableUserSelect} from "@peryl/utils/enableUserSelect";
 import {Icon} from "../Icon";
 import './rate.scss';
 import {EditProps, useEdit} from "../../uses/useEdit";

package/src/packages/components/Reference/ReferenceProvider.tsx

@@ -1,4 +1,4 @@
-import {inject, provide} from "plain-design-composition";
+import {inject, provide} from "@peryl/react-compose";
 
 export const ReferenceProvider = (() => {
   const PL_ELEMENT_PROVIDER = '@@PL_ELEMENT_PROVIDER';

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

@@ -1,4 +1,4 @@
-import {designComponent, nextTick, onMounted, useRefs} from "plain-design-composition";
+import {designComponent, nextTick, onMounted, useRefs} from "@peryl/react-compose";
 import {ReferenceProvider} from "./ReferenceProvider";
 import {findDOMNode} from "react-dom";
 import React from "react";

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

@@ -1,5 +1,5 @@
-import {delay, designComponent, onBeforeUnmount, onMounted, reactive, watch} from "plain-design-composition";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {delay, designComponent, onBeforeUnmount, onMounted, reactive, watch} from "@peryl/react-compose";
+import {createEffects} from "@peryl/utils/createEffects";
 
 export const RollingNumber = designComponent({
   name: 'rolling-number',

package/src/packages/components/Scroll/HorizontalScrollbar.tsx

@@ -1,9 +1,9 @@
-import {computed, designComponent, iMouseEvent, onBeforeUnmount, onMounted, reactive, useStyles} from "plain-design-composition";
-import {disabledUserSelect} from "plain-utils/dom/disabledUserSelect";
-import {enableUserSelect} from "plain-utils/dom/enableUserSelect";
+import {computed, designComponent, iMouseEvent, onBeforeUnmount, onMounted, reactive, useStyles} from "@peryl/react-compose";
+import {disabledUserSelect} from "@peryl/utils/disabledUserSelect";
+import {enableUserSelect} from "@peryl/utils/enableUserSelect";
 
 import {Scroll} from "./index";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import Tooltip from "../Tooltip";
 import {ClientZoom} from "../ClientZoom";
 

package/src/packages/components/Scroll/VerticalScrollbar.tsx

@@ -1,9 +1,9 @@
-import {computed, designComponent, iMouseEvent, onBeforeUnmount, onMounted, reactive, useStyles} from "plain-design-composition";
-import {disabledUserSelect} from "plain-utils/dom/disabledUserSelect";
-import {enableUserSelect} from "plain-utils/dom/enableUserSelect";
+import {computed, designComponent, iMouseEvent, onBeforeUnmount, onMounted, reactive, useStyles} from "@peryl/react-compose";
+import {disabledUserSelect} from "@peryl/utils/disabledUserSelect";
+import {enableUserSelect} from "@peryl/utils/enableUserSelect";
 
 import {Scroll} from "./index";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import Tooltip from "../Tooltip";
 import {ClientZoom} from "../ClientZoom";
 

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

@@ -1,14 +1,14 @@
 import './scroll.scss';
-import {computed, createSyncHooks, designComponent, getComponentCls, onBeforeUnmount, onMounted, reactive, useClasses, useMounted, useRefs, useStyles, watch} from "plain-design-composition";
-import {delay} from "plain-utils/utils/delay";
-import {debounce} from "plain-utils/utils/debounce";
-import {throttle} from "plain-utils/utils/throttle";
+import {computed, createSyncHooks, designComponent, getComponentCls, onBeforeUnmount, onMounted, reactive, useClasses, useMounted, useRefs, useStyles, watch} from "@peryl/react-compose";
+import {delay} from "@peryl/utils/delay";
+import {debounce} from "@peryl/utils/debounce";
+import {throttle} from "@peryl/utils/throttle";
 
 import {VerticalScrollbar} from "./VerticalScrollbar";
 import {HorizontalScrollbar} from "./HorizontalScrollbar";
 import {ResizeDetectFuncParam, useResizeDetector} from "../../directives/ResizeDetector";
 import {createScrollUtils} from "../createScrollUtils";
-import {getRectAutoFormat} from "plain-utils/dom/getRectAutoFormat";
+import {getRectAutoFormat} from "@peryl/utils/getRectAutoFormat";
 
 export enum PLAIN_SCROLL_VERTICAL_POSITION {
   top = 'top',

package/src/packages/components/Scroll/useAutoScroll.ts

@@ -1,4 +1,4 @@
-import {addClass} from "plain-utils/dom/addClass";
+import {addClass} from "@peryl/utils/addClass";
 import {Scroll} from "./index";
 
 function createIndicator(hostEl: HTMLElement, vertical: boolean) {

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, iMouseEvent, useClasses} from "plain-design-composition";
+import {designComponent, getComponentCls, iMouseEvent, useClasses} from "@peryl/react-compose";
 import {SegmentGroup} from "../SegmentGroup";
 import './segment.scss';
 

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, useClasses, useModel} from "plain-design-composition";
+import {designComponent, getComponentCls, useClasses, useModel} from "@peryl/react-compose";
 import {StyleProps, useStyle} from "../../uses/useStyle";
 
 export const SegmentGroup = designComponent({

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, iHTMLDivElement, PropType, RenderNode} from "plain-design-composition";
+import {designComponent, getComponentCls, iHTMLDivElement, PropType, RenderNode} from "@peryl/react-compose";
 import {renderDropdownPanel} from "../Dropdown/dropdown.utils";
 import {iSelectOptionProps, SelectPanelOptionPropOptions} from "./select.utils";
 import {Loading} from "../Loading";

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

@@ -1,8 +1,8 @@
-import {reactive} from "plain-design-composition";
+import {reactive} from "@peryl/react-compose";
 import {iSelectCompositionParams, iSelectOptionProps} from "./select.utils";
 import Input from "../Input";
 import {createPublicSelectRender} from "./createPublicSelectRender";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import {inputScrollEnd} from "../Input/input.utils";
 import {useMultipleModel} from "../../uses/useMultipleModel";
 import i18n from "../i18n";