amis 1.9.1-beta.12 → 1.9.1-beta.13

package/lib/types.d.ts

@@ -75,7 +75,7 @@ export interface Definitions {
     [propName: string]: SchemaNode;
 }
 export interface Action extends Button {
-    actionType?: 'submit' | 'copy' | 'reload' | 'ajax' | 'saveAs' | 'dialog' | 'drawer' | 'jump' | 'link' | 'url' | 'email' | 'close' | 'confirm' | 'add' | 'remove' | 'delete' | 'edit' | 'cancel' | 'next' | 'prev' | 'reset' | 'validate' | 'reset-and-submit' | 'clear' | 'clear-and-submit' | 'toast' | 'goto-step' | 'goto-image' | 'expand' | 'collapse' | 'step-submit' | 'selectAll' | 'changeTabKey';
+    actionType?: 'submit' | 'copy' | 'reload' | 'ajax' | 'saveAs' | 'dialog' | 'drawer' | 'jump' | 'link' | 'url' | 'email' | 'close' | 'confirm' | 'add' | 'remove' | 'delete' | 'edit' | 'cancel' | 'next' | 'prev' | 'reset' | 'validate' | 'reset-and-submit' | 'clear' | 'clear-and-submit' | 'toast' | 'goto-step' | 'goto-image' | 'expand' | 'collapse' | 'step-submit' | 'selectAll' | 'changeTabKey' | 'click';
     api?: Api;
     asyncApi?: Api;
     payload?: any;

package/lib/types.js.map

@@ -8,6 +8,6 @@
     "names": [],
     "mappings": "",
     "sourcesContent": [
-        "import type {ActionSchema} from './renderers/Action';\nimport {SchemaApiObject} from './Schema';\n\nexport interface ApiObject extends SchemaApiObject {\n  config?: {\n    withCredentials?: boolean;\n    cancelExecutor?: (cancel: Function) => void;\n  };\n  graphql?: string;\n  operationName?: string;\n  body?: PlainObject;\n  query?: PlainObject;\n  adaptor?: (payload: object, response: fetcherResult, api: ApiObject) => any;\n  requestAdaptor?: (api: ApiObject) => ApiObject;\n}\nexport type ApiString = string;\nexport type Api = ApiString | ApiObject;\n\nexport interface fetcherResult {\n  data?: {\n    data: object;\n    status: number;\n    msg: string;\n    msgTimeout?: number;\n    errors?: {\n      [propName: string]: string;\n    };\n    type?: string;\n    [propName: string]: any; // 为了兼容其他返回格式\n  };\n  status: number;\n  headers: object;\n}\n\nexport interface fetchOptions {\n  method?: 'get' | 'post' | 'put' | 'patch' | 'delete' | 'jsonp';\n  successMessage?: string;\n  errorMessage?: string;\n  autoAppend?: boolean;\n  beforeSend?: (data: any) => any;\n  onSuccess?: (json: Payload) => any;\n  onFailed?: (json: Payload) => any;\n  silent?: boolean;\n  [propName: string]: any;\n}\n\nexport interface Payload {\n  ok: boolean;\n  msg: string;\n  msgTimeout?: number;\n  data: any;\n  status: number;\n  errors?: {\n    [propName: string]: string;\n  };\n}\n\nexport interface Schema {\n  type: string;\n  detectField?: string;\n  visibleOn?: string;\n  hiddenOn?: string;\n  children?: JSX.Element | ((props: any, schema?: any) => JSX.Element) | null;\n  definitions?: Definitions;\n  [propName: string]: any;\n}\n\nexport interface Button {\n  type: 'submit' | 'button' | 'reset';\n  label?: string;\n  icon?: string;\n  size?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport type SchemaNode = Schema | string | Array<Schema | string>;\nexport interface SchemaArray extends Array<SchemaNode> {}\nexport interface Definitions {\n  [propName: string]: SchemaNode;\n}\nexport interface Action extends Button {\n  actionType?:\n    | 'submit'\n    | 'copy'\n    | 'reload'\n    | 'ajax'\n    | 'saveAs'\n    | 'dialog'\n    | 'drawer'\n    | 'jump'\n    | 'link'\n    | 'url'\n    | 'email'\n    | 'close'\n    | 'confirm'\n    | 'add'\n    | 'remove'\n    | 'delete'\n    | 'edit'\n    | 'cancel'\n    | 'next'\n    | 'prev'\n    | 'reset'\n    | 'validate'\n    | 'reset-and-submit'\n    | 'clear'\n    | 'clear-and-submit'\n    | 'toast'\n    | 'goto-step'\n    | 'goto-image'\n    | 'expand'\n    | 'collapse'\n    | 'step-submit'\n    | 'selectAll'\n    | 'changeTabKey';\n  api?: Api;\n  asyncApi?: Api;\n  payload?: any;\n  dialog?: SchemaNode;\n  to?: string;\n  target?: string;\n  link?: string;\n  url?: string;\n  cc?: string;\n  bcc?: string;\n  subject?: string;\n  body?: string;\n  mergeData?: boolean;\n  reload?: string;\n  messages?: {\n    success?: string;\n    failed?: string;\n  };\n  feedback?: any;\n  required?: Array<string>;\n  [propName: string]: any;\n}\n\nexport interface Location {\n  pathname: string;\n  search: string;\n  state: any;\n  hash: string;\n  key?: string;\n  query?: any;\n}\n\nexport interface PlainObject {\n  [propsName: string]: any;\n}\n\nexport interface RendererData {\n  [propsName: string]: any;\n  __prev?: RendererDataAlias;\n  __super?: RendererData;\n}\ntype RendererDataAlias = RendererData;\n\nexport type FunctionPropertyNames<T> = {\n  [K in keyof T]: T[K] extends Function ? K : never;\n}[keyof T];\n\nexport interface JSONSchema {\n  [propsName: string]: any;\n}\n\n// export type Omit<T, K extends keyof T & any> = Pick<T, Exclude<keyof T, K>>;\n// export type Override<M, N> = Omit<M, Extract<keyof M, keyof N>> & N;\n// export type ExtractProps<\n//   TComponentOrTProps\n// > = TComponentOrTProps extends React.ComponentType<infer P> ? P : never;\n\n/**\n * 事件跟踪的定义\n */\nexport interface EventTrack {\n  /**\n   * 事件类型，目前有以下几种\n   *\n   * api: 所有 fetcher 前调用\n   * url: 打开外部链接，组件有可能是 action 也有可能是 link\n   * link: 打开内部链接\n   * dialog: action 的弹框\n   * drawer: action 的抽出式弹框\n   * copy: action 里的复制\n   * reload: action 里的 reload\n   * email: action 里的 email\n   * prev: action 里的 prev\n   * next: action 里的 next\n   * cancel: action 里的 cancel\n   * close: action 里的 close\n   * submit: 有可能是 action 里的 submit，也有可能是表单提交\n   * confirm: action 里的 confirm\n   * add: action 里的 add\n   * reset: action 里的 reset\n   * reset-and-submit: action 里的 reset-and-submit\n   * formItemChange: 表单项内容变化\n   * formError: 表单验证失败\n   * formSubmit: 表单成功提交，在表单验证成功之后才会触发，这个可能会和 api 重合\n   * tabChange: tab 切换\n   * netError: api 报错\n   */\n  eventType:\n    | 'api'\n    | 'url'\n    | 'link'\n    | 'dialog'\n    | 'drawer'\n    | 'copy'\n    | 'reload'\n    | 'email'\n    | 'prev'\n    | 'next'\n    | 'cancel'\n    | 'close'\n    | 'submit'\n    | 'confirm'\n    | 'reset'\n    | 'reset-and-submit'\n    | 'formItemChange'\n    | 'tabChange';\n\n  /**\n   * 事件数据\n   */\n  eventData: ActionSchema | Api;\n}\n"
+        "import type {ActionSchema} from './renderers/Action';\nimport {SchemaApiObject} from './Schema';\n\nexport interface ApiObject extends SchemaApiObject {\n  config?: {\n    withCredentials?: boolean;\n    cancelExecutor?: (cancel: Function) => void;\n  };\n  graphql?: string;\n  operationName?: string;\n  body?: PlainObject;\n  query?: PlainObject;\n  adaptor?: (payload: object, response: fetcherResult, api: ApiObject) => any;\n  requestAdaptor?: (api: ApiObject) => ApiObject;\n}\nexport type ApiString = string;\nexport type Api = ApiString | ApiObject;\n\nexport interface fetcherResult {\n  data?: {\n    data: object;\n    status: number;\n    msg: string;\n    msgTimeout?: number;\n    errors?: {\n      [propName: string]: string;\n    };\n    type?: string;\n    [propName: string]: any; // 为了兼容其他返回格式\n  };\n  status: number;\n  headers: object;\n}\n\nexport interface fetchOptions {\n  method?: 'get' | 'post' | 'put' | 'patch' | 'delete' | 'jsonp';\n  successMessage?: string;\n  errorMessage?: string;\n  autoAppend?: boolean;\n  beforeSend?: (data: any) => any;\n  onSuccess?: (json: Payload) => any;\n  onFailed?: (json: Payload) => any;\n  silent?: boolean;\n  [propName: string]: any;\n}\n\nexport interface Payload {\n  ok: boolean;\n  msg: string;\n  msgTimeout?: number;\n  data: any;\n  status: number;\n  errors?: {\n    [propName: string]: string;\n  };\n}\n\nexport interface Schema {\n  type: string;\n  detectField?: string;\n  visibleOn?: string;\n  hiddenOn?: string;\n  children?: JSX.Element | ((props: any, schema?: any) => JSX.Element) | null;\n  definitions?: Definitions;\n  [propName: string]: any;\n}\n\nexport interface Button {\n  type: 'submit' | 'button' | 'reset';\n  label?: string;\n  icon?: string;\n  size?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport type SchemaNode = Schema | string | Array<Schema | string>;\nexport interface SchemaArray extends Array<SchemaNode> {}\nexport interface Definitions {\n  [propName: string]: SchemaNode;\n}\nexport interface Action extends Button {\n  actionType?:\n    | 'submit'\n    | 'copy'\n    | 'reload'\n    | 'ajax'\n    | 'saveAs'\n    | 'dialog'\n    | 'drawer'\n    | 'jump'\n    | 'link'\n    | 'url'\n    | 'email'\n    | 'close'\n    | 'confirm'\n    | 'add'\n    | 'remove'\n    | 'delete'\n    | 'edit'\n    | 'cancel'\n    | 'next'\n    | 'prev'\n    | 'reset'\n    | 'validate'\n    | 'reset-and-submit'\n    | 'clear'\n    | 'clear-and-submit'\n    | 'toast'\n    | 'goto-step'\n    | 'goto-image'\n    | 'expand'\n    | 'collapse'\n    | 'step-submit'\n    | 'selectAll'\n    | 'changeTabKey'\n    | 'click';\n  api?: Api;\n  asyncApi?: Api;\n  payload?: any;\n  dialog?: SchemaNode;\n  to?: string;\n  target?: string;\n  link?: string;\n  url?: string;\n  cc?: string;\n  bcc?: string;\n  subject?: string;\n  body?: string;\n  mergeData?: boolean;\n  reload?: string;\n  messages?: {\n    success?: string;\n    failed?: string;\n  };\n  feedback?: any;\n  required?: Array<string>;\n  [propName: string]: any;\n}\n\nexport interface Location {\n  pathname: string;\n  search: string;\n  state: any;\n  hash: string;\n  key?: string;\n  query?: any;\n}\n\nexport interface PlainObject {\n  [propsName: string]: any;\n}\n\nexport interface RendererData {\n  [propsName: string]: any;\n  __prev?: RendererDataAlias;\n  __super?: RendererData;\n}\ntype RendererDataAlias = RendererData;\n\nexport type FunctionPropertyNames<T> = {\n  [K in keyof T]: T[K] extends Function ? K : never;\n}[keyof T];\n\nexport interface JSONSchema {\n  [propsName: string]: any;\n}\n\n// export type Omit<T, K extends keyof T & any> = Pick<T, Exclude<keyof T, K>>;\n// export type Override<M, N> = Omit<M, Extract<keyof M, keyof N>> & N;\n// export type ExtractProps<\n//   TComponentOrTProps\n// > = TComponentOrTProps extends React.ComponentType<infer P> ? P : never;\n\n/**\n * 事件跟踪的定义\n */\nexport interface EventTrack {\n  /**\n   * 事件类型，目前有以下几种\n   *\n   * api: 所有 fetcher 前调用\n   * url: 打开外部链接，组件有可能是 action 也有可能是 link\n   * link: 打开内部链接\n   * dialog: action 的弹框\n   * drawer: action 的抽出式弹框\n   * copy: action 里的复制\n   * reload: action 里的 reload\n   * email: action 里的 email\n   * prev: action 里的 prev\n   * next: action 里的 next\n   * cancel: action 里的 cancel\n   * close: action 里的 close\n   * submit: 有可能是 action 里的 submit，也有可能是表单提交\n   * confirm: action 里的 confirm\n   * add: action 里的 add\n   * reset: action 里的 reset\n   * reset-and-submit: action 里的 reset-and-submit\n   * formItemChange: 表单项内容变化\n   * formError: 表单验证失败\n   * formSubmit: 表单成功提交，在表单验证成功之后才会触发，这个可能会和 api 重合\n   * tabChange: tab 切换\n   * netError: api 报错\n   */\n  eventType:\n    | 'api'\n    | 'url'\n    | 'link'\n    | 'dialog'\n    | 'drawer'\n    | 'copy'\n    | 'reload'\n    | 'email'\n    | 'prev'\n    | 'next'\n    | 'cancel'\n    | 'close'\n    | 'submit'\n    | 'confirm'\n    | 'reset'\n    | 'reset-and-submit'\n    | 'formItemChange'\n    | 'tabChange';\n\n  /**\n   * 事件数据\n   */\n  eventData: ActionSchema | Api;\n}\n"
     ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amis",
-  "version": "1.9.1-beta.12",
+  "version": "1.9.1-beta.13",
   "description": "一种MIS页面生成工具",
   "main": "lib/index.js",
   "scripts": {

package/scss/components/_modal.scss

@@ -158,7 +158,7 @@
     border-bottom-right-radius: var(--Modal-content-borderRadius);
 
     .#{$ns}Button {
-      width: var(--Modal-footer-button-width);
+      min-width: var(--Modal-footer-button-width);
       margin-left: var(--gap-sm);
     }
   }

package/scss/components/form/_icon-picker.scss

@@ -4,19 +4,20 @@
   &-placeholder {
     color: var(--Form-input-placeholderColor);
     user-select: none;
-    position: absolute;
-    left: var(--Form-input-paddingX);
-    top: var(--Form-input-paddingY);
-    margin-top: calc(2 * var(--Form-input-borderWidth));
     line-height: var(--Form-input-lineHeight);
+    position: absolute;
+    left: 2px;
+    overflow: hidden;
+    width: 100%;
   }
 
   &-valueWrap {
-    display: flex;
     justify-content: space-between;
     flex-grow: 1;
     line-height: 1;
     white-space: nowrap;
+    width: 100%;
+    position: relative;
 
     > input {
       display: inline-block;
@@ -28,6 +29,7 @@
   &-input--withAC {
     position: relative;
     flex-wrap: wrap;
+    width: 100%;
 
     > input {
       width: auto;
@@ -98,7 +100,9 @@
     );
     vertical-align: middle;
     display: inline-block;
-
+    overflow: hidden;
+    width: 100%;
+    text-overflow: ellipsis;
     > i {
       display: inline-block;
       margin-right: var(--IconPicker-selectedIcon-marginRight);

package/scss/components/form/_switch.scss

@@ -10,6 +10,7 @@
   margin: 0;
   vertical-align: middle;
   text-align: left;
+  transition: all 0.5s ease;
 
   &.is-disabled {
     cursor: not-allowed;

package/scss/components/form/_text.scss

@@ -285,6 +285,8 @@
 
   &-revealPassword {
     font-size: 0;
+    display: inline-flex;
+    align-items: center;
 
     .icon {
       width: var(--Form-input-password-icon-size);

package/scss/themes/_cxd-variables.scss

@@ -81,7 +81,7 @@ $L1: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
   --fontSizeMd: #{$T3};
   --fontSizeLg: #{$T4};
   --fontSizeXl: #{$T5};
-  --fontSizeBase: var(--fontSizeSm);
+  --fontSizeBase: var(--fontSizeMd);
 
   --borderColor: #{$G8};
   --borderRadius: #{$R3};

package/sdk/ang-ie11.css

@@ -26981,7 +26981,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-Modal-footer .a-Button {
-  width: 4.5rem;
+  min-width: 4.5rem;
   margin-left: 0.5rem;
 }
 
@@ -40666,6 +40666,8 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .a-TextControl-revealPassword {
   font-size: 0;
+  display: inline-flex;
+  align-items: center;
 }
 
 .amis-scope .a-TextControl-revealPassword .icon {
@@ -41800,6 +41802,7 @@ readers do not read off random characters that represent icons */
   margin: 0;
   vertical-align: middle;
   text-align: left;
+  transition: all 0.5s ease;
 }
 
 .amis-scope .a-Switch.is-disabled {
@@ -47269,24 +47272,20 @@ readers do not read off random characters that represent icons */
 .amis-scope .a-IconPickerControl-placeholder {
   color: #99a6ad;
   user-select: none;
-  position: absolute;
-  left: 0.5rem;
-  top: calc(
-    (
-        1.875rem - 1.4285714286 *
-          0.875rem - 0.125rem
-      ) / 2
-  );
-  margin-top: calc(2 * 0.0625rem);
   line-height: 1.4285714286;
+  position: absolute;
+  left: 2px;
+  overflow: hidden;
+  width: 100%;
 }
 
 .amis-scope .a-IconPickerControl-valueWrap {
-  display: flex;
   justify-content: space-between;
   flex-grow: 1;
   line-height: 1;
   white-space: nowrap;
+  width: 100%;
+  position: relative;
 }
 
 .amis-scope .a-IconPickerControl-valueWrap > input {
@@ -47298,6 +47297,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .a-IconPickerControl-input--withAC {
   position: relative;
   flex-wrap: wrap;
+  width: 100%;
 }
 
 .amis-scope .a-IconPickerControl-input--withAC > input {
@@ -47365,6 +47365,9 @@ readers do not read off random characters that represent icons */
   line-height: calc( 1.4285714286 * 0.875rem );
   vertical-align: middle;
   display: inline-block;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
 }
 
 .amis-scope .a-IconPickerControl-value > i {

package/sdk/ang.css

@@ -28491,7 +28491,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-Modal-footer .a-Button {
-  width: var(--Modal-footer-button-width);
+  min-width: var(--Modal-footer-button-width);
   margin-left: var(--gap-sm);
 }
 
@@ -42053,6 +42053,8 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .a-TextControl-revealPassword {
   font-size: 0;
+  display: inline-flex;
+  align-items: center;
 }
 
 .amis-scope .a-TextControl-revealPassword .icon {
@@ -43152,6 +43154,7 @@ readers do not read off random characters that represent icons */
   margin: 0;
   vertical-align: middle;
   text-align: left;
+  transition: all 0.5s ease;
 }
 
 .amis-scope .a-Switch.is-disabled {
@@ -48510,19 +48513,20 @@ readers do not read off random characters that represent icons */
 .amis-scope .a-IconPickerControl-placeholder {
   color: var(--Form-input-placeholderColor);
   user-select: none;
-  position: absolute;
-  left: var(--Form-input-paddingX);
-  top: var(--Form-input-paddingY);
-  margin-top: calc(2 * var(--Form-input-borderWidth));
   line-height: var(--Form-input-lineHeight);
+  position: absolute;
+  left: 2px;
+  overflow: hidden;
+  width: 100%;
 }
 
 .amis-scope .a-IconPickerControl-valueWrap {
-  display: flex;
   justify-content: space-between;
   flex-grow: 1;
   line-height: 1;
   white-space: nowrap;
+  width: 100%;
+  position: relative;
 }
 
 .amis-scope .a-IconPickerControl-valueWrap > input {
@@ -48534,6 +48538,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .a-IconPickerControl-input--withAC {
   position: relative;
   flex-wrap: wrap;
+  width: 100%;
 }
 
 .amis-scope .a-IconPickerControl-input--withAC > input {
@@ -48601,6 +48606,9 @@ readers do not read off random characters that represent icons */
   line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
   vertical-align: middle;
   display: inline-block;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
 }
 
 .amis-scope .a-IconPickerControl-value > i {

package/sdk/antd-ie11.css

@@ -26961,7 +26961,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-Modal-footer .antd-Button {
-  width: 4.5rem;
+  min-width: 4.5rem;
   margin-left: 0.5rem;
 }
 
@@ -40644,6 +40644,8 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .antd-TextControl-revealPassword {
   font-size: 0;
+  display: inline-flex;
+  align-items: center;
 }
 
 .amis-scope .antd-TextControl-revealPassword .icon {
@@ -41778,6 +41780,7 @@ readers do not read off random characters that represent icons */
   margin: 0;
   vertical-align: middle;
   text-align: left;
+  transition: all 0.5s ease;
 }
 
 .amis-scope .antd-Switch.is-disabled {
@@ -47239,24 +47242,20 @@ readers do not read off random characters that represent icons */
 .amis-scope .antd-IconPickerControl-placeholder {
   color: #999;
   user-select: none;
-  position: absolute;
-  left: 0.5rem;
-  top: calc(
-    (
-        1.875rem - 1.4285714286 *
-          0.875rem - 0.125rem
-      ) / 2
-  );
-  margin-top: calc(2 * 0.0625rem);
   line-height: 1.4285714286;
+  position: absolute;
+  left: 2px;
+  overflow: hidden;
+  width: 100%;
 }
 
 .amis-scope .antd-IconPickerControl-valueWrap {
-  display: flex;
   justify-content: space-between;
   flex-grow: 1;
   line-height: 1;
   white-space: nowrap;
+  width: 100%;
+  position: relative;
 }
 
 .amis-scope .antd-IconPickerControl-valueWrap > input {
@@ -47268,6 +47267,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .antd-IconPickerControl-input--withAC {
   position: relative;
   flex-wrap: wrap;
+  width: 100%;
 }
 
 .amis-scope .antd-IconPickerControl-input--withAC > input {
@@ -47335,6 +47335,9 @@ readers do not read off random characters that represent icons */
   line-height: calc( 1.4285714286 * 0.875rem );
   vertical-align: middle;
   display: inline-block;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
 }
 
 .amis-scope .antd-IconPickerControl-value > i {

package/sdk/antd.css

@@ -28600,7 +28600,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-Modal-footer .antd-Button {
-  width: var(--Modal-footer-button-width);
+  min-width: var(--Modal-footer-button-width);
   margin-left: var(--gap-sm);
 }
 
@@ -42162,6 +42162,8 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .antd-TextControl-revealPassword {
   font-size: 0;
+  display: inline-flex;
+  align-items: center;
 }
 
 .amis-scope .antd-TextControl-revealPassword .icon {
@@ -43261,6 +43263,7 @@ readers do not read off random characters that represent icons */
   margin: 0;
   vertical-align: middle;
   text-align: left;
+  transition: all 0.5s ease;
 }
 
 .amis-scope .antd-Switch.is-disabled {
@@ -48619,19 +48622,20 @@ readers do not read off random characters that represent icons */
 .amis-scope .antd-IconPickerControl-placeholder {
   color: var(--Form-input-placeholderColor);
   user-select: none;
-  position: absolute;
-  left: var(--Form-input-paddingX);
-  top: var(--Form-input-paddingY);
-  margin-top: calc(2 * var(--Form-input-borderWidth));
   line-height: var(--Form-input-lineHeight);
+  position: absolute;
+  left: 2px;
+  overflow: hidden;
+  width: 100%;
 }
 
 .amis-scope .antd-IconPickerControl-valueWrap {
-  display: flex;
   justify-content: space-between;
   flex-grow: 1;
   line-height: 1;
   white-space: nowrap;
+  width: 100%;
+  position: relative;
 }
 
 .amis-scope .antd-IconPickerControl-valueWrap > input {
@@ -48643,6 +48647,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .antd-IconPickerControl-input--withAC {
   position: relative;
   flex-wrap: wrap;
+  width: 100%;
 }
 
 .amis-scope .antd-IconPickerControl-input--withAC > input {
@@ -48710,6 +48715,9 @@ readers do not read off random characters that represent icons */
   line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
   vertical-align: middle;
   display: inline-block;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
 }
 
 .amis-scope .antd-IconPickerControl-value > i {