plain-design 1.0.0-beta.11 → 1.0.0-beta.110

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

@@ -1,4 +1,4 @@
-import {classnames, computed, designComponent, getComponentCls, useClasses, useCollect, useModel, watch} from "plain-design-composition";
+import {classnames, computed, designComponent, getComponentCls, useClasses, useCollect, useModel, watch} from "@peryl/react-compose";
 import './tabs.scss';
 import {TabCommonProps, TabData} from "./tabs.utils";
 import {TabsInner} from "./TabsInner";
@@ -6,10 +6,12 @@ import {TabsHeaderHorizontal} from "./header/horizontal/TabsHeaderHorizontal";
 import {TabsHeaderVertical} from "./header/vertical/TabsHeaderVertical";
 import Tab from "../Tab";
 import Icon from "../Icon";
+import {StyleProps, useStyle} from "../../uses/useStyle";
 
 export const TabGroup = designComponent({
   name: 'tab-group',
   props: {
+    ...StyleProps,
     modelValue: { type: [String, Number] },                   // 双向绑定值，控制当前显示的tab
     closeable: { type: Boolean },                             // 是否显示关闭按钮，会派发onClose事件
     fitHeight: { type: Boolean },                             // 适配高度
@@ -21,6 +23,7 @@ export const TabGroup = designComponent({
   slots: ['default', 'operator'],
   setup({ props, event: { emit }, slots }) {
 
+    const { styleComputed } = useStyle();
     const model = useModel(() => props.modelValue, emit.onUpdateModelValue);
     const items = TabCollector.parent();
 
@@ -53,6 +56,7 @@ export const TabGroup = designComponent({
       getComponentCls('tab-group'),
       `tabs-head-position-${props.headPosition}`,
       `tabs-head-type-${props.headType}`,
+      `tab-group-size-${styleComputed.value.size}`,
       {
         'tabs-fit-height': props.fitHeight
       },
@@ -97,7 +101,7 @@ export const TabGroup = designComponent({
         const body = (
           <div className="tabs-body">
             {[...tabs.value].sort((a, b) => String(a.val).localeCompare(String(b.val))).map((tab, index) => (
-              <TabsInner item={tab.item} key={index} active={tab.active}/>
+              <TabsInner item={tab.item} key={index} active={tab.active} render={() => tab.item.slots.default()}/>
             ))}
           </div>
         );

package/src/packages/components/TabGroup/tabs.scss

@@ -6,6 +6,10 @@
     display: block;
   }
 
+  .tabs-header {
+    background-color: plv(bg-2);
+  }
+
   .tabs-header-item {
     cursor: pointer;
     user-select: none;
@@ -33,4 +37,26 @@
       margin-left: 4px;
     }
   }
+
+  .inner-tab {
+    & > .#{componentName(auto-table)}:first-child, & > .#{componentName(page-card)}:first-child {
+      .auto-table-body, & > div:first-child {
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+      }
+    }
+  }
+
+  @include sizeMixin(tab-group, (font-size)) {
+    .tabs-header {
+      border-top-left-radius: $border-radius;
+      border-top-right-radius: $border-radius;
+
+      .tabs-header-list {
+        box-sizing: border-box;
+        padding-left: $margin;
+        padding-right: $margin;
+      }
+    }
+  }
 }

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

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

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

@@ -1,4 +1,4 @@
-import {designComponent, PropType} from "plain-design-composition";
+import {designComponent, PropType} from "@peryl/react-compose";
 import {iAddressService} from "../../$address/createAddressService";
 import {nextPlcBindId} from "../plc/utils/plc.utils";
 import {PlcAddressItem} from "./PlcAddressItem";
@@ -11,11 +11,11 @@ export const PlcAddress = designComponent({
     types: { type: String, default: 'pcd' },
     service: { type: Object as PropType<iAddressService> },
 
-    provinceTitle: { type: String, default: () => i18n('base.province').d('省') },
+    provinceTitle: { type: String },
     provinceField: { type: String, default: 'province' },
-    cityTitle: { type: String, default: () => i18n('base.city').d('市') },
+    cityTitle: { type: String },
     cityField: { type: String, default: 'city' },
-    districtTitle: { type: String, default: () => i18n('base.district').d('区县') },
+    districtTitle: { type: String },
     districtField: { type: String, default: 'district' },
   },
   setup({ props }) {
@@ -33,11 +33,11 @@ export const PlcAddress = designComponent({
           <PlcAddressItem
             key={plcBindIds.province}
             bindId={plcBindIds.province}
-            title={props.provinceTitle}
+            title={props.provinceTitle || i18n.$it('base.province').d('省')}
             field={props.provinceField}
             province
             editColSpan={props.types.length}
-            formLabel={i18n('base.address').d("地址")}
+            formLabel={i18n.$it('base.address').d("地址")}
             filterType="province"
             filterHandler="like"
             v-slots={{
@@ -59,7 +59,7 @@ export const PlcAddress = designComponent({
             key={plcBindIds.city}
             parentBindId={plcBindIds.province}
             bindId={plcBindIds.city}
-            title={props.cityTitle}
+            title={props.cityTitle || i18n.$it('base.city').d('市')}
             field={props.cityField}
             city
             parentField={props.provinceField}
@@ -74,7 +74,7 @@ export const PlcAddress = designComponent({
           <PlcAddressItem
             key="district"
             parentBindId={plcBindIds.city}
-            title={props.districtTitle}
+            title={props.districtTitle || i18n.$it('base.district').d('区县')}
             field={props.districtField}
             district
             parentField={props.cityField}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/src/packages/components/Table/standard/PlcCheck/PlcCheck.hooks.tsx

@@ -1,10 +1,10 @@
-import {createHooks, createSyncHooks, RenderNode} from "plain-design-composition";
+import {createHooks, createSyncHooks, RenderNode} from "@peryl/react-compose";
 import {iTableCellRenderScope, iTableRowRenderScope} from "../../table/utils/table.utils";
 
 export function createPlcCheckHooks() {
   return {
-    onRenderNormal: createSyncHooks<(data: { scope: iTableCellRenderScope, content: RenderNode }) => void>(),
-    onRenderHead: createSyncHooks<(renderNode: RenderNode) => void>(),
+    onRenderNormal: createSyncHooks<(data: { scope: iTableCellRenderScope, content: RenderNode }) => void>(true),
+    onRenderHead: createSyncHooks<(renderNode: RenderNode) => void>(true),
     onClickRow: createHooks<(data: { rowRenderScope: iTableRowRenderScope }) => void>(),
 
     onTriggerCheckAll: createHooks(),

package/src/packages/components/Table/standard/PlcCheck/PlcCheck.multiple.tsx

@@ -1,12 +1,11 @@
 import {iPlcCheckEventType, iPlcCheckPropsType} from "./PlcCheck.utils";
-import {computed, reactive, toRaw, useModel} from "plain-design-composition";
-import {toArray} from "plain-utils/utils/toArray";
-import {PlainObject} from "plain-utils/utils/event";
+import {createEffectsOfReaction, reactive, toRaw, useModel} from "@peryl/react-compose";
+import {toArray} from "@peryl/utils/toArray";
+import {PlainObject} from "@peryl/utils/event";
 import {iTableRowRenderScope} from "../../table/utils/table.utils";
 import {CheckboxStatus} from "../../../../utils/constant";
 import {Checkbox} from "../../../Checkbox";
 import {iPlcCheckHooks} from "./PlcCheck.hooks";
-import {createEffects} from "plain-utils/utils/createEffects";
 import {iTableRefer} from "../../table/Table";
 import {Badge} from "../../../Badge";
 import {Dropdown} from "../../../Dropdown";
@@ -16,7 +15,7 @@ import {Table} from "../../index";
 import {PlcCheck} from "./PlcCheck";
 import {findReactElement} from "../../../../utils/findReactElement";
 import {$message} from "../../../$message";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import {tPlc} from "../../plc/utils/plc.utils";
 import {deepCloneRenderNode} from "../../../../utils/deepCloneRenderNode";
 import {nextPlcExcludeCode, PlcExclusion} from "../PlcExclusion";
@@ -37,21 +36,21 @@ export function usePlcCheckMultiple(
   }
 ) {
 
-  const { effects } = createEffects();
+  const { effects, effectComputed } = createEffectsOfReaction();
 
   /**
    * 双向绑定值
    * @author  韦胜健
    * @date    2022.11.27 16:36
    */
-  const model = useModel(() => props.modelValue as PlainObject[] | null | undefined, event.emit.onUpdateModelValue as any);
+  const model = useModel(() => props.modelValue as PlainObject[] | null | undefined, event.emit.onUpdateModelValue as any, undefined, effects);
 
   /**
    * 已经选中的keys
    * @author  韦胜健
    * @date    2022.11.27 16:36
    */
-  const checkKeys = computed(() => {
+  const checkKeys = effectComputed(() => {
     if (!model.value) {return {};}
     return toArray(model.value).reduce((prev, item) => {
       prev[item[props.field]] = true;
@@ -249,11 +248,11 @@ export function usePlcCheckMultiple(
           </Badge>
         ),
         popper: () => <>
-          <DropdownOption label={i18n('base.select.all').d('全选')} icon="pi-select-all" onClick={methods.checkAll}/>
-          <DropdownOption label={i18n('base.clear').d('清空')} icon="pi-menu" onClick={methods.uncheckAll}/>
+          <DropdownOption label={i18n.$it('base.select.all').d('全选')} icon="pi-select-all" onClick={methods.checkAll}/>
+          <DropdownOption label={i18n.$it('base.clear').d('清空')} icon="pi-menu" onClick={methods.uncheckAll}/>
           {!!model.value?.length && <>
-            <DropdownOption label={i18n('base.select.reverse').d('反选')} icon="pi-unordered-list" onClick={methods.reverse}/>
-            {!props.hideShowAllButton && <DropdownOption label={i18n('base.lookUp').d('查看')} icon="pi-ordered-list" onClick={methods.showAll}/>}
+            <DropdownOption label={i18n.$it('base.select.reverse').d('反选')} icon="pi-unordered-list" onClick={methods.reverse}/>
+            {!props.hideShowAllButton && <DropdownOption label={i18n.$it('base.lookUp').d('查看')} icon="pi-ordered-list" onClick={methods.showAll}/>}
           </>}
         </>
       }}

package/src/packages/components/Table/standard/PlcCheck/PlcCheck.single.tsx

@@ -1,10 +1,9 @@
 import {iPlcCheckEventType, iPlcCheckPropsType} from "./PlcCheck.utils";
-import {useModel} from "plain-design-composition";
-import {PlainObject} from "plain-utils/utils/event";
+import {createEffectsOfReaction, useModel} from "@peryl/react-compose";
+import {PlainObject} from "@peryl/utils/event";
 import {iTableRowRenderScope} from "../../table/utils/table.utils";
 import {Radio} from "../../../Radio";
 import {CheckboxStatus} from "../../../../utils/constant";
-import {createEffects} from "plain-utils/utils/createEffects";
 import {iPlcCheckHooks} from "./PlcCheck.hooks";
 import {iTableRefer} from "../../table/Table";
 
@@ -22,14 +21,14 @@ export function usePlcCheckSingle(
   }
 ) {
 
-  const { effects } = createEffects();
+  const { effects } = createEffectsOfReaction();
 
   /**
    * 双向绑定值
    * @author  韦胜健
    * @date    2022.11.27 16:36
    */
-  const model = useModel(() => props.modelValue as PlainObject | null | undefined, event.emit.onUpdateModelValue as any);
+  const model = useModel(() => props.modelValue as PlainObject | null | undefined, event.emit.onUpdateModelValue as any, undefined, effects);
 
   const utils = {
     /**

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

@@ -1,4 +1,4 @@
-import {designComponent} from "plain-design-composition";
+import {designComponent} from "@peryl/react-compose";
 import {PlcScopeSlotsOptions} from "../../plc/utils/plc.scope-slots";
 import {usePlc} from "../../plc/use/usePlc";
 import {injectPlainTable} from "../../table/Table";
@@ -7,7 +7,7 @@ import {useWatchAutoClear} from "../../../../utils/watchEffectAutoClear";
 import {createPlcCheckHooks} from "./PlcCheck.hooks";
 import {usePlcCheckMultiple} from "./PlcCheck.multiple";
 import {usePlcCheckSingle} from "./PlcCheck.single";
-import {doNothing} from "../../../../utils/doNothing";
+import {doNothing} from "@peryl/utils/doNothing";
 
 export const PlcCheck = designComponent({
   name: 'plc-check',

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

@@ -1,7 +1,7 @@
-import {omit} from "../../../../utils/omit";
+import {omit} from "@peryl/utils/omit";
 import {createPlcPropOptions, PlcEmitsOptions} from "../../plc/utils/plc.utils";
-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 {iTableRowRenderScope} from "../../table/utils/table.utils";
 
 export const PlcCheckPropsOptions = {

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

@@ -1,8 +1,8 @@
-import {designComponent, onBeforeUnmount, PropType, useModel} from "plain-design-composition";
+import {designComponent, onBeforeUnmount, PropType, useModel} 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";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {Icon} from "../../../Icon";
 import {injectPlainTable} from "../../table/Table";
 

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

@@ -1,6 +1,6 @@
-import {designComponent, PropType} from "plain-design-composition";
+import {designComponent, PropType} from "@peryl/react-compose";
 import {tPlc} from "../plc/utils/plc.utils";
-import {createCounter} from "plain-utils/utils/createCounter";
+import {createCounter} from "@peryl/utils/createCounter";
 
 export const PlcExclusion = designComponent({
   name: 'plc-exclusion',