@fox-js/foxui 4.0.1-95 → 4.0.1-96

package/dist/style.css

@@ -873,7 +873,7 @@
   flex: auto;
 }
 
-.fox-input-item {
+.fox-input-item__content {
   width: 100%;
   height: var(--fox-input-item-height, 24px);
   color: var(--fox-input-item-color, var(--fox-black, #000));
@@ -885,22 +885,6 @@
   text-decoration: none;
 }
 
-.fox-input-item.is-disabled {
-  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc))) !important;
-}
-
-.fox-input-item.is-disabled input:disabled {
-  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
-  cursor: not-allowed;
-  opacity: 1;
-  -webkit-text-fill-color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
-  background: none;
-}
-
-.fox-input-item.is-readonly {
-  color: var(--fox-input-item-readonly-color, var(--fox-black, #000)) !important;
-}
-
 .fox-input-item__append {
   width: var(--fox-input-item-append-width, 30px);
   font-size: var(--fox-input-item-append-font-size, var(--fox-font-size-base, 14px));
@@ -933,15 +917,19 @@
   overflow: hidden;
 }
 
-.fox-item__main--top__main--top .fox-input {
-  padding: 0 5px 0 15px;
+.fox-input-item.disabled .fox-input-item__content {
+  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+  cursor: not-allowed;
+  opacity: 1;
+  -webkit-text-fill-color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+  background: none;
 }
 
-.fox-item__main--top__main--left .fox-input, .fox-item__main--top__main--right .fox-input {
-  padding: 0 5px 0 0;
+.fox-input-item.readonly .fox-input-item__content {
+  color: var(--fox-input-item-readonly-color, var(--fox-black, #000));
 }
 
-.fox-money-item {
+.fox-money-item__content {
   width: 100%;
   height: var(--fox-input-item-height, 24px);
   color: var(--fox-input-item-color, var(--fox-black, #000));
@@ -953,18 +941,6 @@
   text-decoration: none;
 }
 
-.fox-money-item.is-disabled {
-  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc))) !important;
-}
-
-.fox-money-item.is-disabled input:disabled {
-  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
-  cursor: not-allowed;
-  opacity: 1;
-  -webkit-text-fill-color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
-  background: none;
-}
-
 .fox-money-item__append {
   width: var(--fox-input-item-append-width, 30px);
   font-size: var(--fox-input-item-append-font-size, var(--fox-font-size-base, 14px));
@@ -1009,6 +985,14 @@
   color: var(--fox-input-item-color, var(--fox-black, #000)) !important;
 }
 
+.fox-money-item.disabled .fox-money-item__content {
+  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+  cursor: not-allowed;
+  opacity: 1;
+  -webkit-text-fill-color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+  background: none;
+}
+
 .fox-theme-dark .fox-textarea {
   background: var(--fox-dark-background, #131313);
 }
@@ -1067,6 +1051,252 @@
   left: -999999px;
 }
 
+.fox-picker-item__content {
+  width: 100%;
+  height: var(--fox-input-item-height, 24px);
+  color: var(--fox-input-item-color, var(--fox-black, #000));
+  text-align: var(--fox-input-item-text-align, right);
+  font-size: var(--fox-input-item-font-size, var(--fox-font-size-base, 14px));
+  border: 0;
+  outline: 0;
+  padding: 0 5px 0 0;
+  text-decoration: none;
+}
+
+.fox-picker-item__append {
+  width: var(--fox-input-item-append-width, 30px);
+  font-size: var(--fox-input-item-append-font-size, var(--fox-font-size-base, 14px));
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.fox-picker-item__append .action {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.fox-picker-item__append .action-icon {
+  width: var(--fox-input-item-append-action-icon-size, var(--fox-font-size-base, 14px));
+  height: var(--fox-input-item-append-action-icon-size, var(--fox-font-size-base, 14px));
+  color: var(--fox-input-item-append-action-icon-color, var(--fox-disable-color, #ccc));
+}
+
+.fox-picker-item__append .hidden {
+  display: none;
+}
+
+.fox-picker-item__unit {
+  color: var(--fox-input-item-unit-color, var(--fox-black, #000));
+  font-size: var(--fox-input-item-unit-font-size, var(--fox-font-size-base, 14px));
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.fox-picker-item.disabled .fox-picker-item__content {
+  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+  cursor: not-allowed;
+  opacity: 1;
+  -webkit-text-fill-color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+  background: none;
+}
+
+.fox-picker-item.readonly .fox-picker-item__content {
+  color: var(--fox-input-item-readonly-color, var(--fox-black, #000));
+}
+
+.fox-cascader-item__content {
+  width: 100%;
+  height: var(--fox-input-item-height, 24px);
+  color: var(--fox-input-item-color, var(--fox-black, #000));
+  text-align: var(--fox-input-item-text-align, right);
+  font-size: var(--fox-input-item-font-size, var(--fox-font-size-base, 14px));
+  border: 0;
+  outline: 0;
+  padding: 0 5px 0 0;
+  text-decoration: none;
+}
+
+.fox-cascader-item__append {
+  width: var(--fox-input-item-append-width, 30px);
+  font-size: var(--fox-input-item-append-font-size, var(--fox-font-size-base, 14px));
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.fox-cascader-item__append .action {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.fox-cascader-item__append .action-icon {
+  width: var(--fox-input-item-append-action-icon-size, var(--fox-font-size-base, 14px));
+  height: var(--fox-input-item-append-action-icon-size, var(--fox-font-size-base, 14px));
+  color: var(--fox-input-item-append-action-icon-color, var(--fox-disable-color, #ccc));
+}
+
+.fox-cascader-item__append .hidden {
+  display: none;
+}
+
+.fox-cascader-item__unit {
+  color: var(--fox-input-item-unit-color, var(--fox-black, #000));
+  font-size: var(--fox-input-item-unit-font-size, var(--fox-font-size-base, 14px));
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.fox-cascader-item.disabled .fox-cascader-item__content {
+  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+  cursor: not-allowed;
+  opacity: 1;
+  -webkit-text-fill-color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+  background: none;
+}
+
+.fox-cascader-item.readonly .fox-cascader-item__content {
+  color: var(--fox-input-item-readonly-color, var(--fox-black, #000));
+}
+
+.fox-date-item__content {
+  width: 100%;
+  height: var(--fox-input-item-height, 24px);
+  color: var(--fox-input-item-color, var(--fox-black, #000));
+  text-align: var(--fox-input-item-text-align, right);
+  font-size: var(--fox-input-item-font-size, var(--fox-font-size-base, 14px));
+  border: 0;
+  outline: 0;
+  padding: 0 5px 0 0;
+  text-decoration: none;
+}
+
+.fox-date-item__append {
+  width: var(--fox-input-item-append-width, 30px);
+  font-size: var(--fox-input-item-append-font-size, var(--fox-font-size-base, 14px));
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.fox-date-item__append .action {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.fox-date-item__append .action-icon {
+  width: var(--fox-input-item-append-action-icon-size, var(--fox-font-size-base, 14px));
+  height: var(--fox-input-item-append-action-icon-size, var(--fox-font-size-base, 14px));
+  color: var(--fox-input-item-append-action-icon-color, var(--fox-disable-color, #ccc));
+}
+
+.fox-date-item__append .hidden {
+  display: none;
+}
+
+.fox-date-item__unit {
+  color: var(--fox-input-item-unit-color, var(--fox-black, #000));
+  font-size: var(--fox-input-item-unit-font-size, var(--fox-font-size-base, 14px));
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.fox-date-item__long-term-bar {
+  flex-flow: row;
+  justify-content: center;
+  align-items: center;
+  padding: 12px 6px;
+  display: flex;
+}
+
+.fox-date-item__long-term-bar .long-term-button {
+  width: 90%;
+}
+
+.fox-date-item__long-term-bar .long-term-icon {
+  color: var(--fox-text-color-regular, gray);
+  width: 1em;
+  height: 1em;
+}
+
+.fox-date-item__long-term-bar .long-term-icon.is-active {
+  color: var(--fox-color-primary, #fa2c19);
+}
+
+.fox-date-item.disabled .fox-date-item__content {
+  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+  cursor: not-allowed;
+  opacity: 1;
+  -webkit-text-fill-color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+  background: none;
+}
+
+.fox-date-item.readonly .fox-date-item__content {
+  color: var(--fox-input-item-readonly-color, var(--fox-black, #000));
+}
+
+.fox-calendar-item__content {
+  width: 100%;
+  height: var(--fox-input-item-height, 24px);
+  color: var(--fox-input-item-color, var(--fox-black, #000));
+  text-align: var(--fox-input-item-text-align, right);
+  font-size: var(--fox-input-item-font-size, var(--fox-font-size-base, 14px));
+  border: 0;
+  outline: 0;
+  padding: 0 5px 0 0;
+  text-decoration: none;
+}
+
+.fox-calendar-item__append {
+  width: var(--fox-input-item-append-width, 30px);
+  font-size: var(--fox-input-item-append-font-size, var(--fox-font-size-base, 14px));
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.fox-calendar-item__append .action {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.fox-calendar-item__append .action-icon {
+  width: var(--fox-input-item-append-action-icon-size, var(--fox-font-size-base, 14px));
+  height: var(--fox-input-item-append-action-icon-size, var(--fox-font-size-base, 14px));
+  color: var(--fox-input-item-append-action-icon-color, var(--fox-disable-color, #ccc));
+}
+
+.fox-calendar-item__append .hidden {
+  display: none;
+}
+
+.fox-calendar-item__unit {
+  color: var(--fox-input-item-unit-color, var(--fox-black, #000));
+  font-size: var(--fox-input-item-unit-font-size, var(--fox-font-size-base, 14px));
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.fox-calendar-item.disabled .fox-calendar-item__content {
+  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+  cursor: not-allowed;
+  opacity: 1;
+  -webkit-text-fill-color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+  background: none;
+}
+
+.fox-calendar-item.readonly .fox-calendar-item__content {
+  color: var(--fox-input-item-readonly-color, var(--fox-black, #000));
+}
+
 .fox-theme-dark .fox-radio__label {
   color: var(--fox-dark-color, var(--fox-white, #fff));
 }
@@ -1100,11 +1330,6 @@
   display: flex;
 }
 
-.fox-radio:last-child {
-  margin-bottom: 0 !important;
-  margin-right: 0 !important;
-}
-
 .fox-radio--reverse .fox-radio__label {
   margin-right: var(--fox-radio-label-margin-left, 15px);
   margin-left: 0;
@@ -1203,7 +1428,7 @@
   margin: 0 6px;
 }
 
-.fox-radio-group--horizontal .fox-radio__button, .fox-radio-item {
+.fox-radio-group--horizontal .fox-radio__button, .fox-radio-item__content {
   width: 100%;
 }
 
@@ -1256,6 +1481,7 @@
   box-sizing: border-box;
   border: 1px solid var(--fox-checkbox-button-border-color, var(--fox-border-color, #dcdfe6));
   min-width: var(--fox-checkbox-button-min-width, 100px);
+  justify-content: center;
   align-items: center;
   display: inline-flex;
 }
@@ -1354,11 +1580,11 @@
   margin: 0 6px;
 }
 
-.fox-checkbox-group--horizontal .fox-checkbox__button, .fox-checkbox-item {
+.fox-checkbox-group--horizontal .fox-checkbox__button, .fox-checkbox-item__content {
   width: 100%;
 }
 
-.fox-switch-item__content {
+.fox-switch-item__wrap {
   padding: var(--fox-switch-item-padding, 0 29px 0 0);
   justify-content: flex-end;
   align-items: center;
@@ -1456,7 +1682,7 @@
   opacity: 0;
 }
 
-.fox-link-item {
+.fox-link-item__content {
   width: 100%;
   height: var(--fox-input-item-height, 24px);
   line-height: var(--fox-input-item-height, 24px);
@@ -1473,10 +1699,6 @@
   display: flex;
 }
 
-.fox-link-item.is-disabled {
-  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc))) !important;
-}
-
 .fox-link-item__append {
   width: var(--fox-input-item-append-width, 30px);
   font-size: var(--fox-input-item-append-font-size, var(--fox-font-size-base, 14px));
@@ -1512,9 +1734,15 @@
   color: var(--fox-link-item-sub-color, var(--fox-text-color-secondary, #909399));
 }
 
+.fox-link-item.disabled .fox-link-item__content {
+  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+}
+
 .fox-actionsheet {
   padding: var(--fox-actionsheet-padding, 0px 16px);
-  display: block;
+  grid-template-rows: auto auto minmax(0, 1fr) auto;
+  grid-template-columns: 1fr;
+  display: grid;
 }
 
 .fox-actionsheet__header {
@@ -1542,6 +1770,9 @@
 
 .fox-actionsheet__searchbar {
   --fox-searchbar-padding: 0px;
+  --fox-searchbar-input-border-radius: var(--fox-searchbar-border-radius, 12px);
+  --fox-searchbar-input-background: var(--fox-actionsheet-searchbar-background, var(--fox-fill-color-base, #f5f5f5));
+  --fox-searchbar-input-box-shadow: var(--fox-actionsheet-searchbar-box-shadow, none);
   height: var(--fox-actionsheet-searchbar-height, 40px);
   flex-flow: row;
   justify-content: center;
@@ -1553,13 +1784,6 @@
   margin-top: 10px;
 }
 
-.fox-actionsheet__searchbar .fox-searchbar__search-input {
-  border: var(--fox-actionsheet-searchbar-border, 1px solid var(--fox-border-color-lighter, #ebeef5));
-  border-radius: var(--fox-searchbar-border-radius, 12px);
-  background: var(--fox-actionsheet-searchbar-background, var(--fox-fill-color-base, #f5f5f5));
-  box-shadow: none;
-}
-
 .fox-actionsheet__list {
   height: var(--fox-actionsheet-list-height, 380px);
   display: block;
@@ -1653,11 +1877,63 @@
   margin: 10px 18px;
 }
 
-.fox-actionsheet-item {
+.fox-actionsheet-item__content {
   width: 100%;
+  height: var(--fox-input-item-height, 24px);
+  color: var(--fox-input-item-color, var(--fox-black, #000));
+  text-align: var(--fox-input-item-text-align, right);
+  font-size: var(--fox-input-item-font-size, var(--fox-font-size-base, 14px));
+  border: 0;
+  outline: 0;
+  padding: 0 5px 0 0;
+  text-decoration: none;
 }
 
-.fox-input-number-item {
+.fox-actionsheet-item__append {
+  width: var(--fox-input-item-append-width, 30px);
+  font-size: var(--fox-input-item-append-font-size, var(--fox-font-size-base, 14px));
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.fox-actionsheet-item__append .action {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.fox-actionsheet-item__append .action-icon {
+  width: var(--fox-input-item-append-action-icon-size, var(--fox-font-size-base, 14px));
+  height: var(--fox-input-item-append-action-icon-size, var(--fox-font-size-base, 14px));
+  color: var(--fox-input-item-append-action-icon-color, var(--fox-disable-color, #ccc));
+}
+
+.fox-actionsheet-item__append .hidden {
+  display: none;
+}
+
+.fox-actionsheet-item__unit {
+  color: var(--fox-input-item-unit-color, var(--fox-black, #000));
+  font-size: var(--fox-input-item-unit-font-size, var(--fox-font-size-base, 14px));
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.fox-actionsheet-item.disabled .fox-actionsheet-item__content {
+  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+  cursor: not-allowed;
+  opacity: 1;
+  -webkit-text-fill-color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, #ccc)));
+  background: none;
+}
+
+.fox-actionsheet-item.readonly .fox-actionsheet-item__content {
+  color: var(--fox-input-item-readonly-color, var(--fox-black, #000));
+}
+
+.fox-input-number-item__wrap {
   height: var(--fox-input-item-height, 24px);
   padding: var(--fox-input-number-item-padding, 0 29px 0 0);
   justify-content: flex-end;
@@ -1665,54 +1941,61 @@
   display: flex;
 }
 
-.fox-input-number-item.is-left {
+.fox-input-number-item__wrap.is-left {
   justify-content: flex-start;
 }
 
-.fox-input-number-item.is-center {
+.fox-input-number-item__wrap.is-center {
   justify-content: center;
 }
 
-.fox-input-number-item.is-right {
+.fox-input-number-item__wrap.is-right {
   justify-content: flex-end;
 }
 
-.fox-input-number-item .fox-input-number {
+.fox-input-number-item__wrap .fox-input-number {
   height: 100%;
 }
 
-.fox-input-number-item .fox-input-number input {
+.fox-input-number-item__wrap .fox-input-number input {
   width: var(--fox-input-number-item-input-widht, 40px);
   font-size: var(--fox-input-item-font-size, var(--fox-font-size-base, 14px));
   color: var(--fox-input-number-item-input-color, var(--fox-input-item-color, var(--fox-black, #000)));
   background: var(--fox-input-number-item-input-background, var(--fox-fill-color-base, #f5f5f5));
 }
 
-.fox-input-number-item .fox-input-number--disabled input {
+.fox-input-number-item__wrap .fox-input-number--disabled input {
   color: var(--fox-input-number-icon-void-color, var(--fox-disable-color, #ccc));
 }
 
-.fox-input-number-item .fox-input-number__left {
+.fox-input-number-item__wrap .fox-input-number__left {
   color: var(--fox-input-number-item-left-color, var(--fox-input-item-color, var(--fox-black, #000)));
   background-color: var(--fox-input-number-item-left-background, var(--fox-fill-color-base, #f5f5f5));
   border-radius: 4px 0 0 4px;
 }
 
-.fox-input-number-item .fox-input-number__right {
+.fox-input-number-item__wrap .fox-input-number__right {
   color: var(--fox-input-number-item-right-color, var(--fox-white, #fff));
   background-color: var(--fox-input-number-item-right-background, var(--fox-color-primary, #fa2c19));
   border-radius: 0 4px 4px 0;
 }
 
-.fox-input-number-item .fox-input-number__icon--disabled {
+.fox-input-number-item__wrap .fox-input-number__icon {
+  width: var(--fox-input-item-height, 24px);
+  height: var(--fox-input-item-height, 24px);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.fox-input-number-item__wrap .fox-input-number__icon--disabled {
   color: var(--fox-input-number-icon-void-color, var(--fox-disable-color, #ccc));
   cursor: not-allowed;
 }
 
-.fox-input-number-item .fox-input-number__icon .fox-icon {
-  width: var(--fox-input-item-height, 24px);
-  height: var(--fox-input-item-height, 24px);
-  font-size: var(--fox-input-item-height, 24px);
+.fox-input-number-item__wrap .fox-input-number__icon .fox-icon {
+  width: 50%;
+  height: 50%;
 }
 
 .fox-tabs-bar {
@@ -5463,6 +5746,7 @@
   min-width: auto;
   padding: var(--fox-cascader-tabs-titles-item-padding, 0 10px);
   white-space: nowrap;
+  margin: 0;
 }
 
 .fox-cascader__popup {

package/dist/style.js

@@ -1,3 +1,3 @@
 /*!
-* @fox-js/foxui-base v4.0.0 2026-06-29T00:47:31.909Z
+* @fox-js/foxui-base v4.0.0 2026-07-13T12:10:59.459Z
 */

package/dist/theme/common/fill.scss

@@ -21,5 +21,3 @@ $fill-color-extra-light: map.get($fill-color, 'extra-light') !default;
 $fill-color-dark: map.get($fill-color, 'dark') !default;
 $fill-color-darker: map.get($fill-color, 'daker') !default;
 $fill-color-blank: map.get($fill-color, 'blank') !default;
-
-$background-color: map.get($fill-color, 'light') !default;

package/dist/theme/components/actionsheet.scss

@@ -41,9 +41,10 @@ $actionsheet: map.deep-merge(
     'list-item-text-line-height': 24px,
     'list-item-text-margin': 0,
     'padding': 0px 16px,
+    'searchbar-height': 40px,
     'searchbar-background': $fill-color-base,
-    'searchbar-border': 1px solid $border-color-lighter,
-    'searchbar-height': 40px
+    'searchbar-box-shadow': none,
+    'searchbar-border-radius': 12px
   ),
   $actionsheet
 );

package/dist/theme/index.scss

@@ -114,7 +114,7 @@
   // 填充色
   --fox-fill-color-base: #{$fill-color-base};
   // 背景色
-  --fox-background-color: #{$background-color};
+  --fox-background-color: #{$fill-color-light};
   // 标题常规文字色
   --fox-title-color: #{$title-color};
   // 副标题色

package/dist/types/index.d.ts

@@ -1447,19 +1447,25 @@ declare const HintTextFunction: HintTextTooltip;
 export { HintTextFunction as FoxHintText }
 export { HintTextFunction as HintText }
 
-/**
- * HintTextTooltip
- */
 declare interface HintTextTooltip {
     /**
      * 显示
-     * @param reference
+     * @param reference(引用组件 or 位置区域)
      * @param message
      * @param opts
      * @param only
      * @returns
      */
     show(reference: HTMLElement, message: string, opts: Record<string, any>, only?: boolean): string;
+    /**
+     * 显示(在指定区域显示)
+     * @param referenceRect
+     * @param message
+     * @param opts
+     * @param only
+     * @returns
+     */
+    showInRect(referenceRect: InsetRect, message: string, opts: Record<string, any>, only?: boolean): string;
     /**
      * 隐藏
      * @param id
@@ -1578,6 +1584,13 @@ export declare function injectInnerPageScope(defaultValue?: boolean): boolean;
  */
 export declare const InnerPageScopeKey: unique symbol;
 
+declare type InsetRect = {
+    top: number | null;
+    right: number | null;
+    bottom: number | null;
+    left: number | null;
+};
+
 /**
  * 获取整数长度
  * @param value

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fox-js/foxui",
   "type": "module",
-  "version": "4.0.1-95",
+  "version": "4.0.1-96",
   "description": "FoxUI轻量级移动端组件库（支持小程序开发）",
   "author": "jiangcheng",
   "main": "./dist/index.umd.js",