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

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

@@ -1,10 +1,10 @@
 import React from "react";
-import {designComponent, getComponentCls, onBeforeMount, onUpdated, useReference, watch} from "plain-design-composition";
+import {designComponent, getComponentCls, onBeforeMount, onUpdated, useReference, watch} from "@peryl/react-compose";
 import {findDOMNode} from "react-dom";
-import {unit} from "plain-utils/string/unit";
-import {addClass} from "plain-utils/dom/addClass";
-import {delay} from "plain-utils/utils/delay";
-import {removeClass} from "plain-utils/dom/removeClass";
+import {unit} from "@peryl/utils/unit";
+import {addClass} from "@peryl/utils/addClass";
+import {delay} from "@peryl/utils/delay";
+import {removeClass} from "@peryl/utils/removeClass";
 import {ClassWrapper} from "../Reference";
 
 type CollapseElStyles = {

package/src/packages/components/ColorPicker/ColorPanel.tsx

@@ -1,5 +1,5 @@
 import './color-panel.scss';
-import {designComponent, getComponentCls, iMouseEvent, reactive, useModel} from "plain-design-composition";
+import {designComponent, getComponentCls, iMouseEvent, reactive, useModel} from "@peryl/react-compose";
 import {ColorSvPanel} from "./sub/ColorSvPanel";
 import {ColorHueSlider} from "./sub/ColorHueSlider";
 import {ColorAlphaSlider} from "./sub/ColorAlphaSlider";

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, mergeAttrs, onBeforeUnmount, PropType, reactive, RenderNode, useClasses, useRefs} from "plain-design-composition";
+import {designComponent, getComponentCls, mergeAttrs, onBeforeUnmount, PropType, reactive, RenderNode, useClasses, useRefs} from "@peryl/react-compose";
 import {ColorPanel} from "./ColorPanel";
 import {ColorSvPanel} from "./sub/ColorSvPanel";
 import {ColorHueSlider} from "./sub/ColorHueSlider";
@@ -6,7 +6,7 @@ import {ColorAlphaSlider} from "./sub/ColorAlphaSlider";
 import {Input} from "../Input";
 import './color-picker.scss';
 import Color from "color";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 //@ts-ignore
 import opacityImage from './utils/opacity.png';
 import {Reference} from "../Reference";

package/src/packages/components/ColorPicker/sub/ColorAlphaSlider.tsx

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, useStyles} from 'plain-design-composition';
+import {designComponent, getComponentCls, useStyles} from '@peryl/react-compose';
 import './color-alpha-slider.scss';
 // @ts-ignore
 import opacityImage from '../utils/opacity.png';

package/src/packages/components/ColorPicker/sub/ColorHueSlider.tsx

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls} from 'plain-design-composition';
+import {designComponent, getComponentCls} from '@peryl/react-compose';
 import './color-hue-slider.scss';
 import {ColorSlider} from "./ColorSlider";
 

package/src/packages/components/ColorPicker/sub/ColorSlider.tsx

@@ -1,9 +1,9 @@
-import {computed, designComponent, getComponentCls, iMouseEvent, useClasses, useModel, useMounted, useRefs, useStyles} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, iMouseEvent, useClasses, useModel, useMounted, useRefs, useStyles} from "@peryl/react-compose";
 import {EditProps, useEdit} from "../../../uses/useEdit";
-import {unit} from "plain-utils/string/unit";
-import {createEffects} from "plain-utils/utils/createEffects";
-import {disabledUserSelect} from "plain-utils/dom/disabledUserSelect";
-import {enableUserSelect} from "plain-utils/dom/enableUserSelect";
+import {unit} from "@peryl/utils/unit";
+import {createEffects} from "@peryl/utils/createEffects";
+import {disabledUserSelect} from "@peryl/utils/disabledUserSelect";
+import {enableUserSelect} from "@peryl/utils/enableUserSelect";
 import './color-slider.scss';
 import {ClientZoom} from "../../ClientZoom";
 

package/src/packages/components/ColorPicker/sub/ColorSvPanel.tsx

@@ -1,8 +1,8 @@
 import './color-sv-panel.scss';
-import {computed, designComponent, getComponentCls, iMouseEvent, reactive, useRefs, useStyles, watch} from "plain-design-composition";
-import {unit} from "plain-utils/string/unit";
-import {disabledUserSelect} from "plain-utils/dom/disabledUserSelect";
-import {enableUserSelect} from "plain-utils/dom/enableUserSelect";
+import {computed, designComponent, getComponentCls, iMouseEvent, reactive, useRefs, useStyles, watch} from "@peryl/react-compose";
+import {unit} from "@peryl/utils/unit";
+import {disabledUserSelect} from "@peryl/utils/disabledUserSelect";
+import {enableUserSelect} from "@peryl/utils/enableUserSelect";
 import {getRgbColor} from "../../../utils/color.utils";
 import Color from 'color';
 import {ClientZoom} from "../../..";

package/src/packages/components/ColorPicker/useColorPanelEditor.tsx

@@ -1,4 +1,4 @@
-import {computed, reactive, watch} from "plain-design-composition";
+import {computed, reactive, watch} from "@peryl/react-compose";
 import {PlainColor} from "./utils/PlainColor";
 import {iColorPublicPropsType} from "./utils/color-picker.utils";
 

package/src/packages/components/ColorPicker/useColorPanelHistory.tsx

@@ -1,4 +1,4 @@
-import {computed, reactive} from "plain-design-composition";
+import {computed, reactive} from "@peryl/react-compose";
 import {PlainColor} from "./utils/PlainColor";
 
 export function useColorPanelHistory(

package/src/packages/components/ColorPicker/utils/color-picker.utils.tsx

@@ -1,6 +1,6 @@
 //@ts-ignore
 import opacityImage from "./opacity.png";
-import {classnames, ExtractPropTypes, getComponentCls, PropType} from "plain-design-composition";
+import {classnames, ExtractPropTypes, getComponentCls, PropType} from "@peryl/react-compose";
 
 export function renderColorButton({ size, value }: { size: string, value: any }) {
   return (

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, PropType, useModel} from "plain-design-composition";
+import {designComponent, getComponentCls, PropType, useModel} from "@peryl/react-compose";
 import Popup from "../Popup";
 import Space from "../Space";
 import Button from "../Button";

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

@@ -1,8 +1,8 @@
-import {designComponent, getComponentCls, PropType, useClassCache, useStyleCache} from "plain-design-composition";
+import {designComponent, getComponentCls, PropType, useClassCache, useStyleCache} from "@peryl/react-compose";
 import {StyleProps, useStyle} from "../../uses/useStyle";
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import './corner.scss';
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createEnum} from "@peryl/utils/createEnum";
 
 const eCornerType = createEnum([
   'bottom-left',

package/src/packages/components/DatePicker/createDateRender.multiple.tsx

@@ -1,13 +1,13 @@
-import {computed, getComponentCls, reactive, useRefs} from "plain-design-composition";
+import {computed, getComponentCls, reactive, useRefs} from "@peryl/react-compose";
 import Input from "../Input";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import {PDate, plainDate} from "../../utils/plainDate";
 import {DatePanel} from "./panel/DatePanel";
 import {limitDatetimeTimePlainData} from "../TimePicker/time.utils";
 import {tDateCompositionPublicParams} from "./date.utils";
 import {useRenderReference} from "../../uses/useRenderReference";
 import {useMultipleModel} from "../../uses/useMultipleModel";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {createEffects} from "@peryl/utils/createEffects";
 import {createPopupEditor} from "../usePopupEditor";
 
 /**

package/src/packages/components/DatePicker/createDateRender.single.tsx

@@ -3,15 +3,15 @@
  * @author  韦胜健
  * @date    2022.7.4 14:04
  */
-import {computed, getComponentCls, reactive, useModel, useRefs} from "plain-design-composition";
+import {computed, getComponentCls, reactive, useModel, useRefs} from "@peryl/react-compose";
 import {tDateCompositionPublicParams} from "./date.utils";
 import Input from "../Input";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import {PDate, plainDate} from "../../utils/plainDate";
 import {DatePanel} from "./panel/DatePanel";
 import {limitDatetimeTimePlainData} from "../TimePicker/time.utils";
 import {useRenderReference} from "../../uses/useRenderReference";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {createEffects} from "@peryl/utils/createEffects";
 import {createPopupEditor} from "../usePopupEditor";
 
 export function createDateRenderSingle({ props, emit, slots, hooks, formatString, getPublicPopperAttrs, editComputed, getInheritPublicDateAttrs, displayPattern, today, maxmin }: tDateCompositionPublicParams) {

package/src/packages/components/DatePicker/createRangeDateRender.range.tsx

@@ -1,11 +1,11 @@
 import {tDateCompositionPublicParams} from "./date.utils";
-import {handleKeyboard} from "../KeyboardService";
+import {handleKeyboard} from "@peryl/utils/keyboard";
 import Input from "../Input";
 import {useRangeDateRender} from "./useRangeDateRender";
 import {DatePanel} from "./panel/DatePanel";
 import {createPopupEditor} from "../usePopupEditor";
 import {FixInput} from "../../utils/FixInput";
-import {iKeyboardEvent} from "plain-design-composition";
+import {iKeyboardEvent} from "@peryl/react-compose";
 import {renderInputModeTextRangeValue} from "../../utils/renderInputModeTextRangeValue";
 
 /**
@@ -55,7 +55,7 @@ export function createRangeDateRenderRange(params: tDateCompositionPublicParams)
      * @author  韦胜健
      * @date    2022.7.3 19:29
      */
-    onKeyboardInput: (e: iKeyboardEvent) => handleKeyboard({
+    onKeyboardInput: (e: iKeyboardEvent) => handleKeyboard<iKeyboardEvent>({
       enter: () => popper.methods.toggle(),
       esc: () => popper.methods.hide(),
     })(e),

package/src/packages/components/DatePicker/createRangeDateRender.separate.tsx

@@ -1,12 +1,12 @@
 import {TimeRangePanelType} from "../TimePicker/panel/TimeRangePanel";
-import {handleKeyboard} from "../KeyboardService";
+import {handleKeyboard} from "@peryl/utils/keyboard";
 import Input from "../Input";
 import {tDateCompositionPublicParams} from "./date.utils";
 import {useRangeDateRender} from "./useRangeDateRender";
 import {DatePanel} from "./panel/DatePanel";
 import {createPopupEditor} from "../usePopupEditor";
 import {FixInput} from "../../utils/FixInput";
-import {iKeyboardEvent} from "plain-design-composition";
+import {iKeyboardEvent} from "@peryl/react-compose";
 import {renderInputModeTextRangeValue} from "../../utils/renderInputModeTextRangeValue";
 
 /**
@@ -80,7 +80,7 @@ export function createRangeDateRenderSeparate(params: tDateCompositionPublicPara
      * @author  韦胜健
      * @date    2022.7.3 19:29
      */
-    onKeyboardInput: (e: iKeyboardEvent, range: TimeRangePanelType) => handleKeyboard({
+    onKeyboardInput: (e: iKeyboardEvent, range: TimeRangePanelType) => handleKeyboard<iKeyboardEvent>({
       enter: () => {
         utils.handleRangeType({ range, start: () => startPopper.methods.toggle(), end: () => endPopper.methods.toggle() });
       },

package/src/packages/components/DatePicker/date.utils.tsx

@@ -3,9 +3,9 @@
  * @author  韦胜健
  * @date    2021/1/18 10:43
  */
-import {ComponentEvent, createSyncHooks, ExtractPropTypes, getComponentCls, mergeAttrs, PropType, RenderNode, tSlotsType} from "plain-design-composition";
+import {ComponentEvent, createSyncHooks, ExtractPropTypes, getComponentCls, mergeAttrs, PropType, RenderNode, tSlotsType} from "@peryl/react-compose";
 import {PDate, plainDate} from "../../utils/plainDate";
-import {classnames} from "plain-utils/dom/classnames";
+import {classnames} from "@peryl/utils/classnames";
 import {UseDateType} from "./panel/useDatePanel";
 import {eMultipleValueType} from "../../uses/useMultipleModel";
 import {EditProps, tEditComputed} from "../../uses/useEdit";

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

@@ -1,5 +1,5 @@
 import './date.scss';
-import {computed, designComponent} from "plain-design-composition";
+import {computed, designComponent} from "@peryl/react-compose";
 import {DatePanel} from "./panel/DatePanel";
 import {DatePanelDate} from "./panel/DatePanelDate";
 import {DatePanelMonth} from "./panel/DatePanelMonth";

package/src/packages/components/DatePicker/panel/DatePanel.tsx

@@ -1,5 +1,5 @@
 import {DatePublicEmits, DatePublicProps, eDateEmitRangeType, eDatePanel} from "../date.utils";
-import {computed, designComponent, useModel} from "plain-design-composition";
+import {computed, designComponent, useModel} from "@peryl/react-compose";
 import {DatePanelYear} from "./DatePanelYear";
 import {DatePanelMonth} from "./DatePanelMonth";
 import {DatePanelRange} from "./DatePanelRange";

package/src/packages/components/DatePicker/panel/DatePanelDate.tsx

@@ -1,10 +1,10 @@
-import {classnames, computed, createEventListener, designComponent, getComponentCls, iMouseEvent, PropType} from "plain-design-composition";
+import {classnames, computed, createEventListener, designComponent, getComponentCls, iMouseEvent, PropType} from "@peryl/react-compose";
 import {DateItemData, DatePanelItemWrapper, DatePanelWrapper, DatePublicEmits, DatePublicProps, DefaultDateFormatString, eDateView, eDateViewSeq, eSlideTransitionDirection} from "../date.utils";
 import {PDate, plainDate} from "../../../utils/plainDate";
 import {UseDateJudgementView, useDatePanel} from "./useDatePanel";
 import {Button} from "../../Button";
 import {DatePanelMonth} from "./DatePanelMonth";
-import {zeroize} from "plain-utils/string/zeroize";
+import {zeroize} from "@peryl/utils/zeroize";
 import {TimePanel} from "../../TimePicker/panel/TimePanel";
 import {ThemeSize} from "../../../uses/useStyle";
 import i18n from "../../i18n";

package/src/packages/components/DatePicker/panel/DatePanelMonth.tsx

@@ -1,5 +1,5 @@
 import {DateItemData, DatePanelItemWrapper, DatePanelWrapper, DatePublicEmits, DatePublicProps, eDateView, eSlideTransitionDirection} from "../date.utils";
-import {computed, designComponent, getComponentCls, PropType, useClasses} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, PropType, useClasses} from "@peryl/react-compose";
 import {UseDateJudgementView, useDatePanel} from "./useDatePanel";
 import {Button} from "../../Button";
 import {DatePanelYear} from "./DatePanelYear";

package/src/packages/components/DatePicker/panel/DatePanelQuarter.tsx

@@ -1,4 +1,4 @@
-import {computed, designComponent, getComponentCls} from "plain-design-composition";
+import {computed, designComponent, getComponentCls} from "@peryl/react-compose";
 import {DatePublicEmits, DatePublicProps} from "../date.utils";
 import {useDateWeek} from "./useDateWeek";
 import {UseDateJudgementView} from "./useDatePanel";

package/src/packages/components/DatePicker/panel/DatePanelRange.tsx

@@ -1,4 +1,4 @@
-import {computed, designComponent, getComponentCls, PropType} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, PropType} from "@peryl/react-compose";
 import {DatePublicEmits, DatePublicProps, DefaultDateFormatString, eDateEmitRangeType, eDateView} from "../date.utils";
 import {UseDateJudgementView, useDatePanel} from "./useDatePanel";
 import {PDate, plainDate} from "../../../utils/plainDate";

package/src/packages/components/DatePicker/panel/DatePanelWeek.tsx

@@ -1,4 +1,4 @@
-import {computed, designComponent, getComponentCls} from "plain-design-composition";
+import {computed, designComponent, getComponentCls} from "@peryl/react-compose";
 import {DatePublicEmits, DatePublicProps} from "../date.utils";
 import {useDateWeek} from "./useDateWeek";
 import {UseDateJudgementView} from "./useDatePanel";

package/src/packages/components/DatePicker/panel/DatePanelYear.tsx

@@ -1,5 +1,5 @@
 import {DateItemData, DatePanelItemWrapper, DatePanelWrapper, DatePublicEmits, DatePublicProps, eSlideTransitionDirection} from "../date.utils";
-import {computed, designComponent, getComponentCls} from "plain-design-composition";
+import {computed, designComponent, getComponentCls} from "@peryl/react-compose";
 import Button from "../../Button";
 import {UseDateJudgementView, useDatePanel} from "./useDatePanel";
 import {ThemeSize} from "../../../uses/useStyle";

package/src/packages/components/DatePicker/panel/useDatePanel.tsx

@@ -5,8 +5,8 @@
  */
 import {PDate, plainDate} from "../../../utils/plainDate";
 import {DateItemData, DefaultDateFormatString, eDateEmitRangeType, eDateView, eSlideTransitionDirection, tDatePublicPropsType} from "../date.utils";
-import {computed, inject, provide, reactive, useModel, watch} from "plain-design-composition";
-import {toArray} from "plain-utils/utils/toArray";
+import {computed, inject, provide, reactive, useModel, watch} from "@peryl/react-compose";
+import {toArray} from "@peryl/utils/toArray";
 
 export const DATE_PANEL_PROVIDER = '@@DATE_PANEL_PROVIDER';
 

package/src/packages/components/DatePicker/panel/useDateWeek.tsx

@@ -1,8 +1,8 @@
 import {DateItemData, tDatePublicPropsType} from "../date.utils";
 import {UseDateEmit, UseDateJudgementView, useDatePanel} from "./useDatePanel";
 import {PDate} from "../../../utils/plainDate";
-import {computed, reactive} from "plain-design-composition";
-import {toArray} from "plain-utils/utils/toArray";
+import {computed, reactive} from "@peryl/react-compose";
+import {toArray} from "@peryl/utils/toArray";
 
 export function useDateWeek(
   {

package/src/packages/components/DatePicker/useRangeDateRender.tsx

@@ -1,13 +1,13 @@
 import {eDateEmitRangeType, tDateCompositionPublicParams} from "./date.utils";
 import {TimeRangePanelType} from "../TimePicker/panel/TimeRangePanel";
-import {computed, getComponentCls, iHTMLInputElement, nextTick, reactive, useModel, useRefs} from "plain-design-composition";
+import {computed, getComponentCls, iHTMLInputElement, nextTick, reactive, useModel, useRefs} from "@peryl/react-compose";
 import Input from "../Input";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import {useFocusHandler} from "../../uses/useFocusHandler";
 import {PDate, plainDate} from "../../utils/plainDate";
 import {limitDatetimeTimePlainData} from "../TimePicker/time.utils";
 import {useRenderReference} from "../../uses/useRenderReference";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {createEffects} from "@peryl/utils/createEffects";
 import {iPopupEditor} from "../usePopupEditor";
 
 export function useRangeDateRender(

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

@@ -1,16 +1,16 @@
-import {computed, createHooks, designComponent, getComponentCls, iMouseEvent, mergeAttrs, nextIndex, nextTick, Portal, PropType, reactive, useClasses, useModel, useRefs, useStyles, watch} from "plain-design-composition";
+import {computed, createHooks, designComponent, getComponentCls, iMouseEvent, mergeAttrs, nextIndex, nextTick, Portal, PropType, reactive, useClasses, useModel, useRefs, useStyles, watch} from "@peryl/react-compose";
 import {DialogAlign, DialogAnimations, DialogCloseType, DialogPositions} from "./utils/dialog.utils";
 import {APPLICATION_SERVICE_CONTAINER_CLASS} from "../Application/utils/application.utils";
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import './dialog.scss';
 import {i18n} from "../../i18n";
 import {Icon} from "../Icon";
 import {Button} from "../Button";
 import {DialogMouse} from "./utils/dialog.mouse";
-import {delay} from "plain-utils/utils/delay";
-import {throttle} from "plain-utils/utils/throttle";
+import {delay} from "@peryl/utils/delay";
+import {throttle} from "@peryl/utils/throttle";
 import {LoadingMask} from "../LoadingMask";
-import KeyboardService, {KeyboardServiceOption} from "../KeyboardService";
+import {KeyboardService, KeyboardServiceOption} from "@peryl/utils/keyboard";
 import {useDialogMovable} from "./useDialogMovable";
 import {InnerTransition} from "../../utils/InnerTransition";
 import {StyleProps, useStyle} from "../../uses/useStyle";
@@ -364,7 +364,7 @@ export const Dialog = designComponent({
         KeyboardService.cancelActiveElement();
       });
       hooks.beforeHide.use(() => {
-        KeyboardService.unbindListener(handler.keyboardEventOption);
+        KeyboardService.unbind(handler.keyboardEventOption);
       });
     })();
 

package/src/packages/components/Dialog/useDialogMovable.tsx

@@ -1,4 +1,4 @@
-import {watchEffect} from "plain-design-composition";
+import {watchEffect} from "@peryl/react-compose";
 import {ClientZoom} from "../..";
 
 export function useDialogMovable({ refs, movable }: { refs: { head: HTMLElement | undefined | null, content: HTMLElement | undefined | null }, movable: { value: boolean } }) {

package/src/packages/components/Dialog/utils/dialog.utils.ts

@@ -1,4 +1,4 @@
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createEnum} from "@peryl/utils/createEnum";
 
 /*弹框位置可选项*/
 export const DialogPositions = createEnum(['center', 'top', 'bottom', 'left', 'right'] as const);

package/src/packages/components/Dropdown/dropdown.utils.tsx

@@ -1,5 +1,5 @@
-import {createProvider, getComponentCls, mergeAttrs, RenderNode} from "plain-design-composition";
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createProvider, getComponentCls, mergeAttrs, RenderNode} from "@peryl/react-compose";
+import {createEnum} from "@peryl/utils/createEnum";
 import {Icon} from "../Icon";
 import './dropdown.public.scss';
 import {ePopupTrigger} from "../usePopup/utils/popup.utils";

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

@@ -1,14 +1,14 @@
-import {computed, designComponent, getComponentCls, PropType, reactive, useModel} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, PropType, reactive, useModel} from "@peryl/react-compose";
 import './dropdown.scss';
 import {DropdownContextProvider, DropdownOptionAlign, DropdownOptionContextProvider, DropdownOptionTrigger, iDropdownContext, iDropdownOptionContext, renderDropdownPanel} from "./dropdown.utils";
 import {findReactElement} from "../../utils/findReactElement";
 import {StyleProps, useStyle} from "../../uses/useStyle";
 import {Scroll} from "../Scroll";
-import {delay} from "plain-utils/utils/delay";
-import {debounce} from "plain-utils/utils/debounce";
+import {delay} from "@peryl/utils/delay";
+import {debounce} from "@peryl/utils/debounce";
 import {DropdownOption} from "../DropdownOption";
 import {DropdownGroup} from "../DropdownGroup";
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import {Popup} from "../Popup";
 import {ePopupTrigger, iPopupAnimation, iPopupPlacement, iPopupTrigger} from "../usePopup/utils/popup.utils";
 

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

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

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

@@ -1,7 +1,7 @@
-import {computed, designComponent, iMouseEvent, PropType} from "plain-design-composition";
+import {computed, designComponent, iMouseEvent, PropType} from "@peryl/react-compose";
 import {DropdownContextProvider, DropdownOptionContextProvider, DropdownOptionTrigger, iDropdownOptionContext, renderDropdownOption} from "../Dropdown/dropdown.utils";
 import Icon from "../Icon";
-import {createCounter} from "plain-utils/utils/createCounter";
+import {createCounter} from "@peryl/utils/createCounter";
 import {ePopupTrigger} from "../usePopup/utils/popup.utils";
 
 const nextOptionId = createCounter('dropdown-option');

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

@@ -1,4 +1,4 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 
 export const DropdownSeparator = designComponent({
   name: 'dropdown-separator',

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, useStyles} from "plain-design-composition";
+import {designComponent, getComponentCls, useStyles} from "@peryl/react-compose";
 import './empty.scss';
 import i18n from "../i18n";
 

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

@@ -1,5 +1,5 @@
-import {computed, designComponent, getComponentCls, mergeAttrs, PropType, reactive, useClasses, watch} from "plain-design-composition";
-import {PlainObject} from "plain-utils/utils/event";
+import {computed, designComponent, getComponentCls, mergeAttrs, PropType, reactive, useClasses, watch} from "@peryl/react-compose";
+import {PlainObject} from "@peryl/utils/event";
 import {Form} from "../Form";
 import {FormItem} from "../FormItem";
 import './filter-form-multiple.scss';
@@ -9,7 +9,7 @@ import {InputGroup} from "../InputGroup";
 import {Button} from "../Button";
 import {mergeQueryParam} from "../FilterService/utils/mergeQueryParam";
 import {incrementalMerge} from "../../utils/incrementalMerge";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import {Select} from "../Select";
 import {SelectOption} from "../SelectOption";
 import i18n from "../i18n";

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

@@ -1,5 +1,5 @@
-import {computed, designComponent, PropType, reactive, watch} from "plain-design-composition";
-import {PlainObject} from "plain-utils/utils/event";
+import {computed, designComponent, PropType, reactive, watch} from "@peryl/react-compose";
+import {PlainObject} from "@peryl/utils/event";
 import {iFilterOption, iFilterQueryParam} from "../FilterService/utils/filter.service.utils";
 import {InputGroup} from "../InputGroup";
 import {Select} from "../Select";
@@ -8,7 +8,7 @@ import {FilterService} from "../FilterService";
 import {SelectOption} from "../SelectOption";
 import {incrementalMerge} from "../../utils/incrementalMerge";
 import {mergeQueryParam} from "../FilterService/utils/mergeQueryParam";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import i18n from "../i18n";
 
 export interface iFilterFormSingleState {

package/src/packages/components/FilterService/filter/filter.city.tsx

@@ -5,7 +5,7 @@ import {$configuration} from "../../$configuration";
 import {eAddressTypeEnum} from "../../$address/address.utils";
 import {AddressCascade} from "../../AddressCascade";
 import {createAddressDescriptionGetter} from "./filter.province";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import i18n from "../../i18n";
 
 /**

package/src/packages/components/FilterService/filter/filter.district.tsx

@@ -5,7 +5,7 @@ import {$configuration} from "../../$configuration";
 import {eAddressTypeEnum} from "../../$address/address.utils";
 import {AddressCascade} from "../../AddressCascade";
 import {createAddressDescriptionGetter} from "./filter.province";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import i18n from "../../i18n";
 
 /**

package/src/packages/components/FilterService/filter/filter.province.tsx

@@ -4,7 +4,7 @@ import {Input} from "../../Input";
 import {$configuration} from "../../$configuration";
 import {eAddressTypeEnum} from "../../$address/address.utils";
 import {AddressCascade} from "../../AddressCascade";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import i18n from "../../i18n";
 
 /**

package/src/packages/components/FilterService/filter/filter.select.tsx

@@ -1,8 +1,8 @@
-import {RenderNode} from "plain-design-composition";
+import {RenderNode} from "@peryl/react-compose";
 import {iFilterService} from "../index";
 import {eFilterOperator, iFilterOption} from "../utils/filter.service.utils";
 import {Select} from "../../Select";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import SelectDisplay from "../../SelectDisplay";
 import i18n from "../../i18n";
 

package/src/packages/components/FilterService/filter/fitler.object.tsx

@@ -1,6 +1,6 @@
 import {iFilterService} from "../index";
 import {eFilterOperator, iFilterOption} from "../utils/filter.service.utils";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {Input} from "../../Input";
 import {_Object} from "../../Object";
 /**

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

@@ -1,6 +1,6 @@
-import {reactive} from "plain-design-composition";
+import {reactive} from "@peryl/react-compose";
 import {eFilterOperator, iFilterHandler, iFilterOption, iFilterType} from "./utils/filter.service.utils";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {installFilterText} from "./filter/filter.text";
 import {installFilterDate} from "./filter/filter.date";
 import {Input} from "../Input";

package/src/packages/components/FilterService/utils/filter.service.utils.ts

@@ -1,5 +1,5 @@
-import {RenderNode} from "plain-design-composition";
-import {PlainObject} from "plain-utils/utils/event";
+import {RenderNode} from "@peryl/react-compose";
+import {PlainObject} from "@peryl/utils/event";
 import {PartialFields} from "../../../utils/type";
 
 /**

package/src/packages/components/FilterService/utils/mergeQueryParam.ts

@@ -1,7 +1,7 @@
 import {iFilterHandlerQueryMeta, iFilterHandlerQueryParam, iFilterQueryMeta, iFilterQueryParam} from "./filter.service.utils";
-import {PlainObject} from "plain-utils/utils/event";
-import {deepcopy} from "plain-utils/object/deepcopy";
-import {createCounter} from "plain-utils/utils/createCounter";
+import {PlainObject} from "@peryl/utils/event";
+import {deepcopy} from "@peryl/utils/deepcopy";
+import {createCounter} from "@peryl/utils/createCounter";
 
 export function mergeQueryParam(...queryParamList: (iFilterQueryParam | iFilterHandlerQueryParam | null | undefined | void)[]): iFilterQueryParam {
   const requestData: PlainObject = {};

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, useClasses} from "plain-design-composition";
+import {designComponent, getComponentCls, useClasses} from "@peryl/react-compose";
 import './form.scss';
 import {FormValidatePropsOption} from "./validate/validate.utils";
 import {DefaultFormLabelWidth, FormLayoutPropsOption, useFormLayout} from "./layout/useFormLayout";

package/src/packages/components/Form/layout/useFormLayout.tsx

@@ -1,10 +1,10 @@
-import {computed, ExtractPropTypes, inject, PropType, provide, useStyles} from "plain-design-composition";
-import {createEnum} from "plain-utils/utils/createEnum";
-import {unit} from "plain-utils/string/unit";
-import {removeUnit} from "plain-utils/string/removeUnit";
+import {computed, ExtractPropTypes, inject, PropType, provide, useStyles} from "@peryl/react-compose";
+import {createEnum} from "@peryl/utils/createEnum";
+import {unit} from "@peryl/utils/unit";
+import {removeUnit} from "@peryl/utils/removeUnit";
 import {InputMode, ThemeSize, tStyleComputed} from "../../../uses/useStyle";
 import ApplicationConfigurationProvider from "../../ApplicationConfigurationProvider";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 
 /**
  * 表单的文本以及内容对齐方式