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

package/src/packages/components/Table/standard/PlcIndex.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/standard/PlcOperation/OuterOperation.tsx

@@ -1,4 +1,4 @@
-import {computed, designComponent, getComponentCls, PropType, reactive, RenderNode, useClasses} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, PropType, reactive, RenderNode, useClasses} from "@peryl/react-compose";
 import {eTableOperationPosition, iTableOperation, iTableOperationPermitConfig, iTableOuterOperation, iTableOuterOperationConfig, TableOperationDefaultTypeSeq} from "./PlcOperation.utils";
 import {Button} from "../../../Button";
 import {ButtonGroup} from "../../../ButtonGroup";
@@ -7,7 +7,7 @@ import {Dropdown} from "../../../Dropdown";
 import './outer-operation.scss';
 import {iOperationPermission, useOperationPermission} from "./useOperationPermission";
 import {iTableOptionKeyboard} from "../../../AutoTable/use/useTableOptionKeyboard";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {createEffects} from "@peryl/utils/createEffects";
 import {Tooltip} from "../../../Tooltip";
 import i18n from "../../../i18n";
 

package/src/packages/components/Table/standard/PlcOperation/PlcOperation.tsx

@@ -1,11 +1,11 @@
-import {computed, designComponent, onBeforeUnmount, PropType, reactive, watch, watchEffect} from "plain-design-composition";
+import {computed, designComponent, onBeforeUnmount, PropType, reactive, watch, watchEffect} from "@peryl/react-compose";
 import {eTableOperationPosition, iTableInnerOperation, iTableInnerOperationConfig, iTableOperation, iTableOperationPermitConfig, nextOperationKey, TableOperationDefaultTypeSeq} from "./PlcOperation.utils";
 import {iTableCellRenderScope, iTableNode, iTableRowRenderScope} from "../../table/utils/table.utils";
 import {createPlcPropOptions, PlcPropsOptions} from "../../plc/utils/plc.utils";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {createEffects} from "@peryl/utils/createEffects";
 import {injectPlainTable} from "../../table/Table";
-import {delay} from "plain-utils/utils/delay";
-import {removeUnit} from "plain-utils/string/removeUnit";
+import {delay} from "@peryl/utils/delay";
+import {removeUnit} from "@peryl/utils/removeUnit";
 import {Plc} from "../../plc/plc/Plc";
 import {Button} from "../../../Button";
 import {Dropdown} from "../../../Dropdown";
@@ -14,7 +14,7 @@ import {DropdownOption} from "../../../DropdownOption";
 import {PlcScopeSlotsOptions} from "../../plc/utils/plc.scope-slots";
 import {iOperationPermission, useOperationPermission} from "./useOperationPermission";
 import i18n from "../../../i18n";
-import {pick} from "plain-utils/object/pick";
+import {pick} from "@peryl/utils/pick";
 
 export const PlcOperation = designComponent({
   name: 'plc-operation',

package/src/packages/components/Table/standard/PlcOperation/PlcOperation.utils.tsx

@@ -1,9 +1,9 @@
-import {createEnum} from "plain-utils/utils/createEnum";
-import {PlainObject} from "plain-utils/utils/event";
+import {createEnum} from "@peryl/utils/createEnum";
+import {PlainObject} from "@peryl/utils/event";
 import {iTableRowRenderScope} from "../../table/utils/table.utils";
-import {createCounter} from "plain-utils/utils/createCounter";
+import {createCounter} from "@peryl/utils/createCounter";
 import {ThemeStatus} from "../../../../uses/useStyle";
-import {RenderNode} from "plain-design-composition";
+import {RenderNode} from "@peryl/react-compose";
 
 /**
  * 按钮位置类型

package/src/packages/components/Table/standard/PlcOperation/useOperationPermission.ts

@@ -1,5 +1,5 @@
 import {iTableOperationPermitConfig, iTableOperationPermitData} from "./PlcOperation.utils";
-import {computed} from "plain-design-composition";
+import {computed} from "@peryl/react-compose";
 
 /**
  * 计算operation按钮的权限

package/src/packages/components/Table/standard/PlcTree/PlcTree.autoWidth.tsx

@@ -1,4 +1,4 @@
-import {computed, ExtractPropTypes, reactive} from "plain-design-composition";
+import {computed, ExtractPropTypes, reactive} from "@peryl/react-compose";
 import {iTreeCore} from "../../../TreeCore/createTreeCore";
 import {iPlcTreeScopeSlotsType, PlcTreeButtonSize, PlcTreePropsOptions} from "./PlcTree.utils";
 

package/src/packages/components/Table/standard/PlcTree/PlcTree.renderNode.tsx

@@ -1,6 +1,6 @@
 import {iTableCellRenderScope} from "../../table/utils/table.utils";
-import {useStyles} from "plain-design-composition";
-import {unit} from "plain-utils/string/unit";
+import {useStyles} from "@peryl/react-compose";
+import {unit} from "@peryl/utils/unit";
 import {DropdownOption} from "../../../DropdownOption";
 import {iTreeCore} from "../../../TreeCore/createTreeCore";
 import {iPlcTreePropsType, iPlcTreeScopeSlotsType, PlcTreeButtonSize} from "./PlcTree.utils";

package/src/packages/components/Table/standard/PlcTree/PlcTree.tsx

@@ -1,4 +1,4 @@
-import {computed, designComponent, iMouseEvent, onBeforeUnmount, onMounted, SimpleFunction, watch} from "plain-design-composition";
+import {computed, designComponent, iMouseEvent, onBeforeUnmount, onMounted, SimpleFunction, watch} from "@peryl/react-compose";
 import {TreeEmitOptions} from "../../../TreeCore/createTreeProps";
 import {PlcEmitsOptions} from "../../plc/utils/plc.utils";
 import {usePlc} from "../../plc/use/usePlc";
@@ -8,10 +8,10 @@ import {usePlcTreeRenderNode} from "./PlcTree.renderNode";
 import {PlcTreePropsOptions, PlcTreeScopeSlotsOptions} from "./PlcTree.utils";
 import {usePlcTreeAutoWidth} from "./PlcTree.autoWidth";
 import {CheckboxStatus} from "../../../../utils/constant";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {createEffects} from "@peryl/utils/createEffects";
 import {iTableNode} from "../../table/utils/table.utils";
-import {findParentElement} from "plain-utils/dom/findParentElement";
-import {hasClass} from "plain-utils/dom/hasClass";
+import {findParentElement} from "@peryl/utils/findParentElement";
+import {hasClass} from "@peryl/utils/hasClass";
 
 export const PlcTree = designComponent({
   name: 'plc-tree',

package/src/packages/components/Table/standard/PlcTree/PlcTree.utils.ts

@@ -1,5 +1,5 @@
-import {ExtractPropTypes, PropType, tScopeSlotsType} from "plain-design-composition";
-import {omit} from "plain-utils/object/omit";
+import {ExtractPropTypes, PropType, tScopeSlotsType} from "@peryl/react-compose";
+import {omit} from "@peryl/utils/omit";
 import {TreePropsOptions} from "../../../TreeCore/createTreeProps";
 import {createPlcPropOptions} from "../../plc/utils/plc.utils";
 import {PlcScopeSlotsOptions} from "../../plc/utils/plc.scope-slots";

package/src/packages/components/Table/standard/PlcTree/PlcTreeHeader.tsx

@@ -1,10 +1,10 @@
-import {designComponent, iHTMLElement, onBeforeUnmount, PropType, reactive, useRefs, watch} from "plain-design-composition";
+import {designComponent, iHTMLElement, onBeforeUnmount, PropType, reactive, useRefs, watch} from "@peryl/react-compose";
 import Dropdown from "../../../Dropdown";
 import {iTableRefer} from "../../table/Table";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import Icon from "../../../Icon";
 import {tPlcType} from "../../plc/utils/plc.utils";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 
 export const PlcTreeHeader = designComponent({
   props: {

package/src/packages/components/Table/standard/PlcTree/RenderPlcTreeNode.tsx

@@ -1,14 +1,14 @@
-import {cacheComputed, classnames, computed, designComponent, getComponentCls, iHTMLDivElement, iMouseEvent, PropType, useRefs} from "plain-design-composition";
+import {cacheComputed, classnames, computed, designComponent, getComponentCls, iHTMLDivElement, iMouseEvent, PropType, useRefs} from "@peryl/react-compose";
 import {iTreeNode} from "../../../TreeCore/createTreeNode";
 import {iTableNode} from "../../table/utils/table.utils";
 import {iTreeCore} from "../../../TreeCore/createTreeCore";
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import {iPlcTreeScopeSlotsType, PlcTreeButtonSize} from "./PlcTree.utils";
 import Checkbox from "../../../Checkbox";
 import Loading from "../../../Loading";
 import Icon from "../../../Icon";
 import {tPlc} from "../../plc/utils/plc.utils";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 
 export const RenderPlcTreeNode = designComponent({
   props: {

package/src/packages/components/Table/table/Table.tsx

@@ -1,14 +1,14 @@
-import {computed, designComponent, getComponentCls, nextTick, onMounted, reactive, toRaw, useClasses, useRefs, useStyles} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, nextTick, onMounted, reactive, toRaw, useClasses, useRefs, useStyles} from "@peryl/react-compose";
 import {iTableNode, TableEmitsOptions, TablePropsOptions, TableSizeVariables, TableSlotsOptions} from "./utils/table.utils";
 import {createTableHooks} from "./utils/createTableHooks";
 import {useTablePlc} from "../plc/useTablePlc";
 import {useTableNode} from "./node/useTableNode";
 import {VirtualTable} from "../../VirtualTable";
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import {PltHeadCell} from "./head/head-cell";
-import {removeUnit} from "plain-utils/string/removeUnit";
+import {removeUnit} from "@peryl/utils/removeUnit";
 import './table.scss';
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {useFixedShadow} from "./use/useFixedShadow";
 import {useTableScroll} from "./use/useTableScroll";
 import {Validation} from "../../Form/validate/createValidation";

package/src/packages/components/Table/table/body/cell.tsx

@@ -1,4 +1,4 @@
-import {computed, designComponent, iHTMLElement, iMouseEvent, onBeforeUnmount, PropType, useClassCache, useRefs, useStyleCache} from "plain-design-composition";
+import {computed, designComponent, iHTMLElement, iMouseEvent, onBeforeUnmount, PropType, useClassCache, useRefs, useStyleCache} from "@peryl/react-compose";
 import {tPlc} from "../../plc/utils/plc.utils";
 import {iTableNode} from "../utils/table.utils";
 import {eFormValidateTrigger} from "../../../Form/validate/validate.utils";
@@ -8,7 +8,7 @@ import {Table} from "../Table";
 import {iFormValidator} from "../../../Form/validate/createValidation";
 import {useCellValue} from "./useCellValue";
 import {createTooltip} from "../../../useTooltip";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {createEffects} from "@peryl/utils/createEffects";
 import {usePopup} from "../../../usePopup";
 
 export const PltCell = designComponent({

package/src/packages/components/Table/table/body/row.tsx

@@ -1,5 +1,5 @@
 import {PltCell} from "./cell";
-import {designComponent, iMouseEvent, PropType, useClasses} from "plain-design-composition";
+import {designComponent, iMouseEvent, PropType, useClasses} from "@peryl/react-compose";
 import {Table} from "../Table";
 import {iTableNode} from "../utils/table.utils";
 

package/src/packages/components/Table/table/body/useCellValue.tsx

@@ -1,7 +1,7 @@
 import {iTableNode} from "../utils/table.utils";
 import {tPlc} from "../../plc/utils/plc.utils";
-import {computed, reactive, toRaw} from "plain-design-composition";
-import {PlainObject} from "plain-utils/utils/event";
+import {computed, reactive, toRaw} from "@peryl/react-compose";
+import {PlainObject} from "@peryl/utils/event";
 import {LoadingText} from "../../../../utils/LoadingText";
 import {AsyncFormatter} from "../../../AsyncFormatter";
 import {Formatter} from "../../../Formatter";

package/src/packages/components/Table/table/head/head-cell.tsx

@@ -1,6 +1,6 @@
 import {useHeadCellResize} from "./useHeadCellResize";
-import {computed, designComponent, iHTMLElement, iMouseEvent, PropType, useClassCache, useRefs, useStyleCache} from "plain-design-composition";
-import {toArray} from "plain-utils/utils/toArray";
+import {computed, designComponent, iHTMLElement, iMouseEvent, PropType, useClassCache, useRefs, useStyleCache} from "@peryl/react-compose";
+import {toArray} from "@peryl/utils/toArray";
 import {Table} from "../Table";
 import {tPlcType} from "../../plc/utils/plc.utils";
 import {PlainScroll} from "../../../Scroll";

package/src/packages/components/Table/table/head/useHeadCellResize.ts

@@ -1,9 +1,9 @@
-import {disabledUserSelect} from "plain-utils/dom/disabledUserSelect";
-import {enableUserSelect} from "plain-utils/dom/enableUserSelect";
+import {disabledUserSelect} from "@peryl/utils/disabledUserSelect";
+import {enableUserSelect} from "@peryl/utils/enableUserSelect";
 import {Table} from "../../index";
 import {tPlcType} from "../../plc/utils/plc.utils";
-import {addClass} from "plain-utils/dom/addClass";
-import {getComponentCls, iMouseEvent} from "plain-design-composition";
+import {addClass} from "@peryl/utils/addClass";
+import {getComponentCls, iMouseEvent} from "@peryl/react-compose";
 import {ClientZoom} from "../../../ClientZoom";
 
 /**

package/src/packages/components/Table/table/node/useTableNode.tsx

@@ -1,6 +1,6 @@
 import {createTableNode, iTableNode, iTablePropsType} from "../utils/table.utils";
-import {computed} from "plain-design-composition";
-import {PlainObject} from "plain-utils/utils/event";
+import {computed} from "@peryl/react-compose";
+import {PlainObject} from "@peryl/utils/event";
 import {iFormValidator} from "../../../Form/validate/createValidation";
 
 export function useTableNode({ props, formValidator, dataRef }: { props: iTablePropsType, formValidator: iFormValidator, dataRef: { value: { data: PlainObject[] | undefined } } }) {

package/src/packages/components/Table/table/use/useFixedShadow.ts

@@ -1,5 +1,5 @@
-import {computed, reactive, SimpleFunction} from "plain-design-composition";
-import {delay} from "plain-utils/utils/delay";
+import {computed, reactive, SimpleFunction} from "@peryl/react-compose";
+import {delay} from "@peryl/utils/delay";
 import {iTableScrollRefer} from "./useTableScroll";
 import {PlainScroll} from "../../../Scroll";
 

package/src/packages/components/Table/table/use/useTableDraggier.col.tsx

@@ -1,17 +1,17 @@
-import {createEffects} from "plain-utils/utils/createEffects";
+import {createEffects} from "@peryl/utils/createEffects";
 import {useAutoScroll} from "../../../Scroll/useAutoScroll";
 import {PlainScroll} from "../../../Scroll";
 import {TablePlcFixedType, tPlc, tPlcType} from "../../plc/utils/plc.utils";
-import {disabledUserSelect} from "plain-utils/dom/disabledUserSelect";
-import {enableUserSelect} from "plain-utils/dom/enableUserSelect";
+import {disabledUserSelect} from "@peryl/utils/disabledUserSelect";
+import {enableUserSelect} from "@peryl/utils/enableUserSelect";
 import {IteratePlcHandleType, iteratePlcList} from "../../plc/utils/iteratePlcList";
 import VirtualTable from "../../../VirtualTable";
 import {customDeepClone} from "../../../../utils/customDeepClone";
-import {addClass} from "plain-utils/dom/addClass";
-import {getComponentCls, iMouseEvent, nextIndex, StyleProperties} from "plain-design-composition";
+import {addClass} from "@peryl/utils/addClass";
+import {getComponentCls, iMouseEvent, nextIndex, StyleProperties} from "@peryl/react-compose";
 import {iTableHooks} from "../utils/createTableHooks";
 import {iElementRect} from "../../../../utils/getRowEl";
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createEnum} from "@peryl/utils/createEnum";
 import {ClientZoom} from "../../../ClientZoom";
 
 export function useTableDraggierCol(

package/src/packages/components/Table/table/use/useTableDraggier.row.tsx

@@ -1,13 +1,13 @@
-import {getComponentCls, iMouseEvent, reactive} from "plain-design-composition";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {getComponentCls, iMouseEvent, reactive} from "@peryl/react-compose";
+import {createEffects} from "@peryl/utils/createEffects";
 import VirtualTable from "../../../VirtualTable";
 import {iTableHooks} from "../utils/createTableHooks";
 import {iTableNode} from "../utils/table.utils";
-import {findParentElement} from "plain-utils/dom/findParentElement";
-import {hasClass} from "plain-utils/dom/hasClass";
-import {addClass} from "plain-utils/dom/addClass";
-import {disabledUserSelect} from "plain-utils/dom/disabledUserSelect";
-import {enableUserSelect} from "plain-utils/dom/enableUserSelect";
+import {findParentElement} from "@peryl/utils/findParentElement";
+import {hasClass} from "@peryl/utils/hasClass";
+import {addClass} from "@peryl/utils/addClass";
+import {disabledUserSelect} from "@peryl/utils/disabledUserSelect";
+import {enableUserSelect} from "@peryl/utils/enableUserSelect";
 import {ClientZoom} from "../../../ClientZoom";
 import {createAutoScrollManager} from "../../../createAutoScrollManager";
 

package/src/packages/components/Table/table/use/useTableDraggier.tsx

@@ -1,8 +1,8 @@
 import {iTableHooks} from "../utils/createTableHooks";
 import {iTableEventType, iTableNode, iTablePropsType} from "../utils/table.utils";
-import {findParentElement} from "plain-utils/dom/findParentElement";
-import {hasClass} from "plain-utils/dom/hasClass";
-import {designComponent, getComponentCls, iHTMLDivElement, iMouseEvent} from "plain-design-composition";
+import {findParentElement} from "@peryl/utils/findParentElement";
+import {hasClass} from "@peryl/utils/hasClass";
+import {designComponent, getComponentCls, iHTMLDivElement, iMouseEvent} from "@peryl/react-compose";
 import {Icon} from "../../../Icon";
 import {tPlcType} from "../../plc/utils/plc.utils";
 import {useTableDraggierRow} from "./useTableDraggier.row";

package/src/packages/components/Table/table/use/useTableFormEditor.tsx

@@ -1,16 +1,16 @@
 import {iTableHooks} from "../utils/createTableHooks";
-import {computed, onBeforeUnmount, reactive, useRefs} from "plain-design-composition";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {computed, onBeforeUnmount, reactive, useRefs} from "@peryl/react-compose";
+import {createEffects} from "@peryl/utils/createEffects";
 import {Dialog} from "../../../Dialog";
 import {Form} from "../../../Form";
 import {FormItem} from "../../../FormItem";
 import {iTableNode, iTablePropsType} from "../utils/table.utils";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import {useCellValue} from "../body/useCellValue";
 import {PlcValidatePropsOption, tPlc} from "../../plc/utils/plc.utils";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import {iTableMethods} from "./useTableMethods";
-import {pick} from "plain-utils/object/pick";
+import {pick} from "@peryl/utils/pick";
 import i18n from "../../../i18n";
 
 export function useTableFormEditor(

package/src/packages/components/Table/table/use/useTableLoading.tsx

@@ -1,5 +1,5 @@
-import {reactive} from "plain-design-composition";
-import {createCounter} from "plain-utils/utils/createCounter";
+import {reactive} from "@peryl/react-compose";
+import {createCounter} from "@peryl/utils/createCounter";
 import {iTableHooks} from "../utils/createTableHooks";
 import {LoadingMask} from "../../../LoadingMask";
 import {iTablePropsType} from "../utils/table.utils";

package/src/packages/components/Table/table/use/useTableMethods.tsx

@@ -1,7 +1,7 @@
 import {getPlcDisplayValue, tPlc} from "../../plc/utils/plc.utils";
 import {createTableNode, iTableNode} from "../utils/table.utils";
-import {toRaw} from "plain-design-composition";
-import {PlainObject} from "plain-utils/utils/event";
+import {toRaw} from "@peryl/react-compose";
+import {PlainObject} from "@peryl/utils/event";
 import {iFormValidator} from "../../../Form/validate/createValidation";
 
 export function useTableMethods(

package/src/packages/components/Table/table/use/useTableModifyEditor.tsx

@@ -1,11 +1,11 @@
 import {iTableNode, iTablePropsType} from "../utils/table.utils";
 import {iTableHooks} from "../utils/createTableHooks";
 import {PlcValidatePropsOption, tPlc} from "../../plc/utils/plc.utils";
-import {createEffects} from "plain-utils/utils/createEffects";
-import {PlainObject} from "plain-utils/utils/event";
-import {computed, reactive, RenderNode, useRefs} from "plain-design-composition";
+import {createEffects} from "@peryl/utils/createEffects";
+import {PlainObject} from "@peryl/utils/event";
+import {computed, reactive, RenderNode, useRefs} from "@peryl/react-compose";
 import {Dialog} from "../../../Dialog";
-import {delay} from "plain-utils/utils/delay";
+import {delay} from "@peryl/utils/delay";
 import {Table} from "../Table";
 import {Plc} from "../../../Plc";
 import {Form} from "../../../Form";
@@ -15,7 +15,7 @@ import {useCellValue} from "../body/useCellValue";
 import {iTableMethods} from "./useTableMethods";
 import {PlcCheck} from "../../standard/PlcCheck/PlcCheck";
 import $message from "../../../$message";
-import {pick} from "plain-utils/object/pick";
+import {pick} from "@peryl/utils/pick";
 import i18n from "../../../i18n";
 
 /**

package/src/packages/components/Table/table/use/useTableScroll.tsx

@@ -1,6 +1,6 @@
 import {PlainScroll} from "../../../Scroll";
 import VirtualTable from "../../../VirtualTable";
-import {reactive, watch} from "plain-design-composition";
+import {reactive, watch} from "@peryl/react-compose";
 
 export function useTableScroll(
   {

package/src/packages/components/Table/table/utils/createTableHooks.ts

@@ -1,7 +1,7 @@
-import {createHooks, createRenderHook, createSyncHooks, iMouseEvent, RenderNode, StyleProperties} from "plain-design-composition";
+import {createHooks, createRenderHook, createSyncHooks, iMouseEvent, RenderNode, StyleProperties} from "@peryl/react-compose";
 import {tPlcType} from "../../plc/utils/plc.utils";
 import {iTableMessyData, iTableNode} from "./table.utils";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {VirtualTable} from "../../../VirtualTable";
 
 export const createTableHooks = () => {

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

@@ -1,12 +1,12 @@
 import {StyleProps, ThemeSize} from "../../../../uses/useStyle";
-import {ComponentEvent, ExtractPropTypes, iMouseEvent, MultipleClass, PropType, reactive, RenderNode, StyleProperties, tSlotsType} from "plain-design-composition";
-import {PlainObject} from "plain-utils/utils/event";
+import {ComponentEvent, ExtractPropTypes, iMouseEvent, MultipleClass, PropType, reactive, RenderNode, StyleProperties, tSlotsType} from "@peryl/react-compose";
+import {PlainObject} from "@peryl/utils/event";
 import {eFormValidateTrigger, iFormValidatePropsType, iValidateResult} from "../../../Form/validate/validate.utils";
 import {tPlc, tPlcType} from "../../plc/utils/plc.utils";
 import {PlainScroll} from "../../../Scroll";
 import {tPlcCacheStateData} from "../../plc/use/usePlcPropsState";
 import {tPlcData} from "../../plc/formatPlcList";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import {iFormValidator} from "../../../Form/validate/createValidation";
 
 /**

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

@@ -1,4 +1,4 @@
-import {computed, designComponent, getComponentCls, iHTMLElement, iMouseEvent, PropType, useClasses, useStyles} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, iHTMLElement, iMouseEvent, PropType, useClasses, useStyles} from "@peryl/react-compose";
 import {ThemeSize, ThemeStatus, useStyle} from "../../uses/useStyle";
 import {iTagColor, TagColor} from "./tag.utils";
 import Icon from "../Icon";

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

@@ -1,4 +1,4 @@
-import {computed, designComponent, getComponentCls, useClasses, useStyles} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, useClasses, useStyles} from "@peryl/react-compose";
 import {getPrimaryColor} from "../PageThemeUtils";
 import './theme-color.scss';
 

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, useClassCache} from "plain-design-composition";
+import {designComponent, getComponentCls, useClassCache} from "@peryl/react-compose";
 import Dropdown from "../Dropdown";
 import {ThemeColor} from "../ThemeColor";
 import PageThemeUtils from "../PageThemeUtils";

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, useClassCache} from "plain-design-composition";
+import {designComponent, getComponentCls, useClassCache} from "@peryl/react-compose";
 import i18n from "../i18n";
 import Tooltip from "../Tooltip";
 import PageThemeUtils from "../PageThemeUtils";

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

@@ -1,13 +1,13 @@
 import './theme-editor.scss';
-import {designComponent, getComponentCls, iHTMLDivElement, onBeforeUnmount, reactive, useClasses, useRefs, useStyles} from "plain-design-composition";
+import {designComponent, getComponentCls, iHTMLDivElement, onBeforeUnmount, reactive, useClasses, useRefs, useStyles} from "@peryl/react-compose";
 import Icon from "../Icon";
 import ApplicationConfigurationProvider from "../ApplicationConfigurationProvider";
-import {unit} from "plain-utils/string/unit";
+import {unit} from "@peryl/utils/unit";
 import {Select} from '../Select';
 import {SelectOption} from "../SelectOption";
 import PageThemeUtils, {ThemePrimaryColors} from "../PageThemeUtils";
 import ClientZoom from "../ClientZoom";
-import {addWindowListener} from 'plain-utils/dom/addWindowListener';
+import {addWindowListener} from '@peryl/utils/addWindowListener';
 import i18n from "../i18n";
 import Button from "../Button";
 

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

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, useClassCache} from "plain-design-composition";
+import {designComponent, getComponentCls, useClassCache} from "@peryl/react-compose";
 import Dropdown from "../Dropdown";
 import DropdownOption from "../DropdownOption";
 import Icon from "../Icon";

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

@@ -1,4 +1,4 @@
-import {computed, designComponent, getComponentCls, useClassCache} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, useClassCache} from "@peryl/react-compose";
 import Dropdown from "../Dropdown";
 import DropdownOption from "../DropdownOption";
 import i18n from "../i18n";

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

@@ -1,4 +1,4 @@
-import {computed, designComponent, getComponentCls, useClassCache} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, useClassCache} from "@peryl/react-compose";
 import Dropdown from "../Dropdown";
 import DropdownOption from "../DropdownOption";
 import i18n from "../i18n";

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

@@ -1,11 +1,11 @@
 import Input from "../Input";
 import {TimePanel} from "./panel/TimePanel";
 import {tTimeCompositionParams} from "./time.utils";
-import {handleKeyboard} from "../KeyboardService";
+import {handleKeyboard} from "@peryl/utils/keyboard";
 import {useRangeTimeRender} from "./useRangeTimeRender";
 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";
 
 export function createRangeTimeRender(params: tTimeCompositionParams,) {
@@ -48,7 +48,7 @@ export function createRangeTimeRender(params: tTimeCompositionParams,) {
      * @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/TimePicker/createSeparateRangeTimeRender.tsx

@@ -2,11 +2,11 @@ import {tTimeCompositionParams} from "./time.utils";
 import Input from "../Input";
 import {TimeRangePanelType} from "./panel/TimeRangePanel";
 import {TimePanel} from "./panel/TimePanel";
-import {handleKeyboard} from "../KeyboardService";
+import {handleKeyboard} from "@peryl/utils/keyboard";
 import {useRangeTimeRender} from "./useRangeTimeRender";
 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";
 
 export function createSeparateRangeTimeRender(params: tTimeCompositionParams) {
@@ -71,7 +71,7 @@ export function createSeparateRangeTimeRender(params: tTimeCompositionParams) {
      * @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/TimePicker/createSingleTimeRender.tsx

@@ -1,13 +1,13 @@
 import {TimePanel} from "./panel/TimePanel";
 import Input from "../Input";
-import {computed, getComponentCls, reactive, useModel, useRefs} from "plain-design-composition";
-import {delay} from "plain-utils/utils/delay";
+import {computed, getComponentCls, reactive, useModel, useRefs} from "@peryl/react-compose";
+import {delay} from "@peryl/utils/delay";
 import {PDate, plainDate} from "../../utils/plainDate";
 import {limitDatetimeTimePlainData, TimeLayoutToFormat, tTimeCompositionParams} from "./time.utils";
 import {TimePanelLayout} from "./panel/TimeBasePanel";
-import {debounce} from "plain-utils/utils/debounce";
+import {debounce} from "@peryl/utils/debounce";
 import {useRenderReference} from "../../uses/useRenderReference";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {createEffects} from "@peryl/utils/createEffects";
 import {createPopupEditor} from "../usePopupEditor";
 
 export function createSingleTimeRender({ emit, props, hooks, displayPattern, today, maxmin, editComputed, slots, getPublicPopperAttrs, getInheritPublicTimeAttrs, formatString }: tTimeCompositionParams) {

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

@@ -1,4 +1,4 @@
-import {computed, designComponent} from "plain-design-composition";
+import {computed, designComponent} from "@peryl/react-compose";
 import {TimeBaseColumn} from "./panel/TimeBaseColumn";
 import {TimeBasePanel} from "./panel/TimeBasePanel";
 import {TimePanel} from "./panel/TimePanel";

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

@@ -1,8 +1,8 @@
-import {classnames, computed, designComponent, getComponentCls, iHTMLDivElement, onMounted, PropType, useModel, useRefList, useRefs} from 'plain-design-composition';
+import {classnames, computed, designComponent, getComponentCls, iHTMLDivElement, onMounted, PropType, useModel, useRefList, useRefs} from '@peryl/react-compose';
 import './time-base-column.scss';
-import {zeroize} from "plain-utils/string/zeroize";
-import {delay} from "plain-utils/utils/delay";
-import {findOne} from "plain-utils/object/findOne";
+import {zeroize} from "@peryl/utils/zeroize";
+import {delay} from "@peryl/utils/delay";
+import {findOne} from "@peryl/utils/findOne";
 import {EditProps, useEdit} from "../../../uses/useEdit";
 import Scroll from "../../Scroll";
 

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

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