plain-design 1.0.0-beta.15 → 1.0.0-beta.151

package/src/packages/components/InputNumber/number.scss

@@ -30,10 +30,11 @@
   &.number-button-type-right {
     .number-button-container {
       display: flex;
+      color: plv(text-2);
       flex-direction: column;
       align-items: stretch;
       justify-content: center;
-      padding: 0;
+      padding: 0 !important;
       position: relative;
 
       &:after {
@@ -47,17 +48,34 @@
       }
     }
 
+    .number-prepend-button, .number-append-button {
+      transform: scale(0.9);
+    }
+
     @include sizeMixin(input, ()) {
       .number-button-container {
-        width: $height,
+        width: $height;
+        height: calc(#{$height} - 2px);
       }
     }
   }
+
+  .input-box {
+    align-self: center;
+  }
+
+  &.input-mode-text {
+    .number-prepend-button, .number-append-button, .number-button-container {
+      display: none;
+    }
+  }
 }
 
 @include prefix(number-resize) {
   padding-left: 100%;
   position: relative;
+  color: plv(text-2);
+
   & > div {
     position: absolute;
     @include inset;

package/src/packages/components/InputNumber/number.utils.ts

@@ -1,3 +1,3 @@
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createEnum} from "@peryl/utils/createEnum";
 
 export const NumberButtonTypes = createEnum(['button', 'right', 'resize'] as const);

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

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

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%]*)/;
@@ -41,18 +41,26 @@ export function useInputNumberPublic(param: iInputNumberCompositionParam) {
      */
     getValueInfo: (val: any): iInputNumberValueInfo => {
       if (!props.availableUnits || props.availableUnits.length === 0) {
-        /*不允许带单位*/
+
+        /*---------------------------------------不允许带单位-------------------------------------------*/
+
         if (val == null) return { val: undefined };
         val = String(val).trim();
         if (val === '') return { val: undefined };
         val = Number(val);
         if (isNaN(val)) {
           return { val: NAN };
-        } else {
-          return { val: val };
         }
+        if (!!props.isValueEffective && !props.isValueEffective(val)) {
+          return { val: NAN };
+        }
+
+        return { val: val };
+
       } else {
-        /*允许带单位*/
+
+        /*---------------------------------------允许带单位-------------------------------------------*/
+
         if (val == null) return { val: undefined, unit: props.defaultUnit };
         if (typeof val === "string") {
           val = val.trim();
@@ -69,9 +77,17 @@ export function useInputNumberPublic(param: iInputNumberCompositionParam) {
 
             if (isNaN(num)) {
               return { val: NAN, unit };
-            } else {
-              return { val: num, unit: !!unit ? unit : undefined };
             }
+
+            if (!!props.requireUnit && !unit) {
+              return { val: NAN, unit };
+            }
+
+            if (!!props.isValueEffective && !props.isValueEffective(num, unit)) {
+              return { val: NAN, unit };
+            }
+
+            return { val: num, unit: !!unit ? unit : undefined };
           }
         }
       }
@@ -241,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();
@@ -282,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}>
@@ -291,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}>
@@ -308,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}>
@@ -332,8 +348,12 @@ export function useInputNumberPublic(param: iInputNumberCompositionParam) {
     resize: {
       suffix: () => (
         <NumberResize
+          className="input-icon-button"
           value={effectiveInputValue.value?.val || 0}
           step={numberState.step}
+          precision={numberState.precision}
+          max={numberState.max}
+          min={numberState.min}
           onChange={handler.onResize}
           onMouseDown={handler.onMousedownResize}
         />

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,19 +1,26 @@
-import {designComponent, getComponentCls, useClassCache} from "plain-design-composition";
+import {designComponent, getComponentCls, useClassCache} from "@peryl/react-compose";
 import './layout.scss';
+import {StyleProps, useStyle} from "../../uses/useStyle";
 
 export const Layout = designComponent({
   name: 'layout',
   props: {
-    vertical: { type: Boolean }
+    vertical: { type: Boolean },
+    fullHeight: { type: Boolean },
+    ...StyleProps,
   },
   provideRefer: true,
   slots: ['default'],
   setup({ props, slots }) {
 
+    const { styleComputed } = useStyle();
+
     const classes = useClassCache(() => [
       getComponentCls('layout'),
+      `layout-size-${styleComputed.value.size}`,
       {
         'layout-vertical': props.vertical,
+        'layout-full-height': props.fullHeight,
       }
     ]);
 

package/src/packages/components/Layout/layout.scss

@@ -9,7 +9,27 @@ $resize-width: 12px;
     flex-direction: column;
   }
 
+  &.layout-full-height {
+    height: 100%;
+  }
+
   & > .#{componentName(layout-section)} {
+
+    &.layout-section-padding {
+      @include sizeMixin(layout-section, ()) {
+        & > .layout-section-inner {
+          padding: $margin;
+        }
+      }
+    }
+
+    &.layout-section-fixed-inner {
+      .layout-section-inner {
+        position: absolute;
+        inset: 0;
+      }
+    }
+
     &.layout-section-position-center {
       flex: 1;
       position: relative;

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,15 +1,19 @@
-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";
+import {StyleProps, useStyle} from "../../uses/useStyle";
 
 export const LayoutSection = designComponent({
   name: 'layout-section',
   props: {
     position: { type: String as PropType<typeof eLayoutSectionPosition.TYPE>, default: eLayoutSectionPosition.center },
     modelValue: { type: Number },
-    collapse: { type: Boolean }
+    collapse: { type: Boolean },
+    fixedInner: { type: Boolean },
+    noPadding: { type: Boolean },
+    ...StyleProps,
   },
   emits: {
     onUpdateModelValue: (val?: number) => true,
@@ -20,6 +24,8 @@ export const LayoutSection = designComponent({
 
     const layout = Layout.use.inject();
 
+    const { styleComputed } = useStyle();
+
     const { refs, onRef } = useRefs({ el: iHTMLDivElement });
 
     const model = useModel(() => props.modelValue, event.emit.onUpdateModelValue);
@@ -29,9 +35,12 @@ export const LayoutSection = designComponent({
     const classes = useClassCache(() => [
       getComponentCls('layout-section'),
       `layout-section-position-${props.position}`,
+      `layout-section-size-${styleComputed.value.size}`,
       {
         'layout-section-fixed': !!model.value,
         'layout-section-collapse': collapseModel.value,
+        'layout-section-fixed-inner': props.fixedInner,
+        'layout-section-padding': !props.noPadding,
       }
     ]);
 

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/ListOption/index.tsx

@@ -0,0 +1,20 @@
+import {designComponent, getComponentCls, iHTMLDivElement, useClassCache} from "@peryl/react-compose";
+
+export const ListOption = designComponent({
+  name: 'list-option',
+  inheritPropsType: iHTMLDivElement,
+  props: {
+    label: { type: String }
+  },
+  slots: ['default'],
+  setup({ props, slots }) {
+
+    const classes = useClassCache(() => [getComponentCls('list-option')]);
+
+    return () => (
+      <div className={classes.value}>
+        {slots.default(props.label)}
+      </div>
+    );
+  },
+});

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

@@ -0,0 +1,30 @@
+import {designComponent, getComponentCls, iHTMLDivElement, useClassCache} from "@peryl/react-compose";
+import {StyleProps, useStyle} from "../../uses/useStyle";
+import {EditProps, useEdit} from "../../uses/useEdit";
+import './list-panel.scss';
+
+export const ListPanel = designComponent({
+  name: 'list-panel',
+  inheritPropsType: iHTMLDivElement,
+  props: {
+    ...StyleProps,
+    ...EditProps,
+  },
+  slots: ['default'],
+  setup({ props, slots }) {
+
+    useEdit();
+    const { styleComputed } = useStyle();
+
+    const classes = useClassCache(() => [
+      getComponentCls('list-panel'),
+      `list-panel-size-${styleComputed.value.size}`
+    ]);
+
+    return () => (
+      <div className={classes.value}>
+        {slots.default()}
+      </div>
+    );
+  },
+});

package/src/packages/components/ListPanel/list-panel.scss

@@ -0,0 +1,20 @@
+@include comp(list-panel) {
+
+  padding: 0 2px;
+
+  @include sizeMixin(list-panel, ()) {
+
+    @include comp(list-option) {
+      font-size: $font-size;
+      padding: plv(dropdown-size-#{$name}-padding-y) plv(dropdown-size-#{$name}-padding-x);
+      border-radius: $border-radius;
+      margin: 2px 0;
+      cursor: pointer;
+      transition: all ease 300ms;
+      &:hover {
+        background-color: plv(secondary-2);
+      }
+    }
+
+  }
+}

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/Loading/loading.scss

@@ -1,4 +1,6 @@
 @include prefix(loading) {
+  transform: scale(0.88);
+  transform-origin: center;
   @include statusMixin(loading) {
     color: $color-6;
   }

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";
@@ -53,7 +53,7 @@ export const LoadingMask = designComponent({
         if (props.fixedPosition) {
           return;
         }
-        await delay();
+        await delay(23);
         const el = refs.el;
         if (el) {
           let parentNode = el.parentNode as HTMLElement;

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,8 @@
 import {iObjectCompositionParam, iObjectSelectOption} from "./object.utils";
-import {createEffects} from "plain-utils/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 {createEffectsOfReaction, 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";
@@ -16,7 +15,7 @@ import i18n from "../i18n";
 export function createObjectRenderMultiple(
   { props, hooks, classes, inputSlots, event, object, loading, loadData, editComputed }: iObjectCompositionParam
 ) {
-  const { effects } = createEffects();
+  const { effects, effectComputed } = createEffectsOfReaction();
 
   const model = useModel(() => props.modelValue as PlainObject[] | null | undefined, event.emit.onUpdateModelValue as any, {
     /**
@@ -32,9 +31,9 @@ export function createObjectRenderMultiple(
       await delay();
       selectHandler.reset();
     }
-  });
+  }, effects);
 
-  const { refs, onRef } = useRefs({ select: Select });
+  const { refs, onRef } = useRefs({ select: Select }, { effects });
 
   const publicHandler = {
     /**
@@ -110,7 +109,7 @@ export function createObjectRenderMultiple(
         publicHandler.onSelect(modelValue);
       },
     };
-    const inputAttrs = computed(() => {
+    const inputAttrs = effectComputed(() => {
       /*当前选中数据的显示值*/
       const label = props.modelValue;
       /*空值占位符，没有focus的时候就显示真实的placeholder，否则显示当前匹配option的label*/
@@ -224,10 +223,10 @@ export function createObjectRenderMultiple(
       },
     };
     /*监听popper的部分参数*/
-    const popperAttrs = computed(() => ({ ...handler, }));
+    const popperAttrs = effectComputed(() => ({ ...handler, }));
 
     /*给select传递的属性*/
-    const selectAttrs = computed(() => ({
+    const selectAttrs = effectComputed(() => ({
       ...checkHandler,
       modelValue: state.value,
       onUpdateModelValue: onSelectChange,
@@ -241,8 +240,9 @@ export function createObjectRenderMultiple(
       /*禁用select的输入筛选，让select不处理搜索关键词避免隐藏部分option选项*/
       disableFilter: true,
       /*没有关键词的时候，提示输入关键词，已经有关键词并且没有选项的情况下提示placeholder*/
-      noDataLabel: !inputHandler.state.multipleText && state.option == null ? (props.searchPlaceholder || i18n('table.pleaseEnterSearchKey').d('请输入搜索关键词')) : undefined
+      noDataLabel: !inputHandler.state.multipleText && state.option == null ? (props.searchPlaceholder || i18n.$it('table.pleaseEnterSearchKey').d('请输入搜索关键词')) : undefined
     }));
+
     return { state, popperAttrs, onSelectChange, selectAttrs, reset };
 
   })();

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

@@ -1,9 +1,8 @@
 import {iObjectCompositionParam, iObjectSelectOption} from "./object.utils";
-import {createEffects} from "plain-utils/utils/createEffects";
 import {Select} from "../Select";
-import {computed, reactive, useRefs, watch} from "plain-design-composition";
+import {createEffectsOfReaction, reactive, useRefs} 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";
 
@@ -15,9 +14,9 @@ import i18n from "../i18n";
 export function createObjectRenderSingle(
   { props, event, hooks, classes, inputSlots, object, loading, loadData, editComputed }: iObjectCompositionParam
 ) {
-  const { effects } = createEffects();
+  const { effects, effectComputed, effectWatch } = createEffectsOfReaction();
 
-  const { refs, onRef } = useRefs({ select: Select });
+  const { refs, onRef } = useRefs({ select: Select }, { effects });
 
   const publicHandler = {
     /**
@@ -38,8 +37,12 @@ export function createObjectRenderSingle(
       if (!selected) {
         publicHandler.onClear();
       } else {
-        const newRow = convertSelectedToRow(selected, props.map);
-        !!props.row && Object.assign(props.row, newRow);
+        if (props.bindRowModel) {
+          event.emit.onUpdateRow(selected);
+        } else {
+          const newRow = convertSelectedToRow(selected, props.map);
+          !!props.row && Object.assign(props.row, newRow);
+        }
       }
       inputHandler.state.inputValue = selected?.[props.labelField];
       event.emit.onSelect(selected);
@@ -78,7 +81,7 @@ export function createObjectRenderSingle(
         hooks.onInputChange.exec(val);
       },
     };
-    const inputAttrs = computed(() => {
+    const inputAttrs = effectComputed(() => {
       /*当前选中数据的显示值*/
       const label = props.modelValue;
       /*空值占位符，没有focus的时候就显示真实的placeholder，否则显示当前匹配option的label*/
@@ -94,6 +97,7 @@ export function createObjectRenderSingle(
         clearHandler: publicHandler.onClear
       });
     });
+
     return { state, inputAttrs };
   })();
 
@@ -105,7 +109,7 @@ export function createObjectRenderSingle(
   const selectHandler = (() => {
 
     /*将row转化为selected对象，用来辅助getSelectValue实现功能*/
-    const row2selected = computed(() => {return !props.row || !props.modelValue ? null : convertRowToSelected(props.row, props.map);});
+    const row2selected = effectComputed(() => {return !props.row || !props.modelValue ? null : convertRowToSelected(props.row, props.map);});
 
     /*获取当前select的modelValue以及要渲染的select options数组*/
     const getSelectValue = (): { value: any, option: null | iObjectSelectOption[] } => {
@@ -120,9 +124,7 @@ export function createObjectRenderSingle(
     const state = reactive(getSelectValue());
 
     /*当绑定值变化时，重新计算select的modelValue以及option数组*/
-    effects.push(
-      watch(() => props.modelValue, () => {Object.assign(state, getSelectValue());})
-    );
+    effectWatch(() => props.modelValue, () => {Object.assign(state, getSelectValue());});
 
     /**
      * 根据搜索关键词加载数据
@@ -143,16 +145,17 @@ export function createObjectRenderSingle(
       onClose: () => {Object.assign(state, getSelectValue());},
     };
     /*监听popper的部分参数*/
-    const popperAttrs = computed(() => ({
+    const popperAttrs = effectComputed(() => ({
       ...handler,
     }));
+
     /*监听select的选中选项动作*/
     const onSelectChange = (code: string | null) => {
       const selected = !code ? null : state.option?.find(i => i.val === code)?.data;
       publicHandler.onSelect(selected);
     };
     /*给select传递的属性*/
-    const selectAttrs = computed(() => ({
+    const selectAttrs = effectComputed(() => ({
       onUpdateModelValue: onSelectChange,
       loading: loading.value,
       class: classes.value,
@@ -163,8 +166,9 @@ export function createObjectRenderSingle(
       /*禁用select的输入筛选，让select不处理搜索关键词避免隐藏部分option选项*/
       disableFilter: true,
       /*没有关键词的时候，提示输入关键词，已经有关键词并且没有选项的情况下提示placeholder*/
-      noDataLabel: !inputHandler.state.inputValue && state.option == null ? (props.searchPlaceholder || i18n('table.pleaseEnterSearchKey').d('请输入搜索关键词')) : undefined
+      noDataLabel: !inputHandler.state.inputValue && state.option == null ? (props.searchPlaceholder || i18n.$it('table.pleaseEnterSearchKey').d('请输入搜索关键词')) : undefined
     }));
+
     return { state, popperAttrs, onSelectChange, selectAttrs };
   })();
 

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";