test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-29 18:48:45 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

feat：新版主题、新版图标 (#5588)

Browse Source 
* fix: Wizard组件点击下一步会多提交一次问题 (#4729)

* feat: 新 icon 选择器优化, 解决冲突

* feat: 新 icon 选择器 准备提交

* feat: 新 icon 选择器

* feat: 新 icon 选择器

* feat: 新 icon 选择器, 类型报错修复

* feat: 修改

* feat: 修改 scss

* feat: 修改

* 新版主题——button（实验中） (#4920)

* styles：新版主题——button

* styles: 主题button

* styles: cxd主题变量

* feat: transfer组件新版主题配置 (#4975)

* feat: transfer组件新版主题配置

* feat: transfer主题配置修改

Co-authored-by: hongyang03 <hongyang03@baidu.com>

* styles：更换全局样式变量（实验性） (#5065)

* feat: icon 扩充为 object

* 修改

* feat: 增加 clearable 属性

* Theme: 全局变量替换 (#5146)

* feat: 全局变量替换

* feat: 全局变量替换

* feat: 全局变量替换

Co-authored-by: qiaoganggang <qiaoganggang@baidu.com>

* feat: 全局变量替换部分样式走查 (#5150)

* feat: 全局变量替换

* feat: 全局变量替换

* feat: 全局变量替换

* feat: 全局变量替换部分审查

Co-authored-by: qiaoganggang <qiaoganggang@baidu.com>

* style:amis4.0样式走查

* style: 修改rem直接使用的问题

* style:amis4.0样式走查 (#5165)

* style:amis4.0样式走查

* style: 修改rem直接使用的问题

Co-authored-by: zhangzheyu02 <zhangzheyu02@baidu.com>

* feat: 合并master分支到theme (#5197)

* faet: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* feat: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* faet: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* faet: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* fix: 点状步骤条样式修改

* test: crud interval&stopAutoRefreshWhen

* test: crud draggable&itemDraggableOn

* test: CRUD interval&stopAutoRefreshWhen

* test: 补全table selectable&itemCheckableOn属性单测

* fix: DateRangePicker取消按钮无法点击的问题

* fix: 修复DateTime组件，时间选择器高度与日期对齐

* fix: table-view 的边框只应该在 td 上设置

* fix:
    1. DateRangeTimePicker选中开始时间后，结束时间跳转到23：59
    2. DateRangePicker 点击结束时间后，日期选择窗口总是关闭

* feat: DateRangePicker 对无法选择的日期上增加disabled样式

* fix: DateRangePicker 输入日期时展示错误

* chore: 优化地理位置dispose逻辑 (#4918)

* feat: table-view 的所有属性支持变量

* docs: 补充 mapping 渲染其它 amis 组件的示例

* fix: TreeSelect多选选中后没有清空input搜索内容 (#4843)

* fix: input-tag max 属性bug修复

* fix: input-tag max 属性bug修复

* 修改

* 修改

* feat: Property 的 title 等属性支持自动变量解析 Closes #4900

* fix: 公式编辑器高亮问题 (#4945)

* fix: transfer tree 右侧无法滚动  (#4686)

* fix: Service组件Unmount方法缺失问题 (#4954)

* chore: 修复编译 warnning

* fix: #4828 Select组件搜索时输入空格错误关闭下拉框，关闭快捷键改为组合键 (#4930)

* style: Card组件按钮区图标文字间隔 (fix #4901) (#4931)

* fix: InputTag组件placeholder属性不生效问题 (#4933)

* test: 补全table selectable&itemCheckableOn属性单测
test: CRUD +  quickEdit & quickSaveApi & quickSaveItemApi & saveImmediately

* feat:ajax动作返回数据格式调整

* 修改测试用例

* 修改测试用例

* outputVar中增加数据

* 去掉字段

* chore: 补充 radios switch input-text 单测

* 修改

* 完善

* style:组件time/date/anchornav/progress/alert样式对齐4.0 (#4890)

* style:组件time/date/anchornav/progress/alert样式对齐4.0

* test:更新测试用例

* pref:日期图标替换

* test:更新测试用例

Co-authored-by: hongyang03 <hongyang03@baidu.com>

* styles: tabs、input-rating、input-text、textarea 组件样式问题修复 (#4943)

* feat: 修改

* 2

* feat: tabs

* feat: textarea

* feat: 修改

Co-authored-by: liuzedong02 <liuzedong02@baidu.com>

* style:transfer、form、pagination 4.0样式问题修改 (#4956)

Co-authored-by: sarding <hongfuquan@baidu.com>

* styles：dialog、nestedSelect、picker样式优化 (#4973)

* style:table组件对齐4.0样式 (#4964)

* style:table组件对齐4.0样式

* fix:更新table status快照

Co-authored-by: xujiahao01 <xujiahao01@baidu.com>

* fix: 公式变量点选时嵌套问题 (#4974)

* fix: 修复选项的 autoFill 会出现对象 merge 的情况

* styles：修复crud headerToolbart右对齐按钮没有间距问题

* Feat amis badge (#4962)

* faet: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* feat: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* faet: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* faet: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* fix: 点状步骤条样式修改

* feat: badge,steps,timeline对齐4.0

* BCE-JC-20760 feat: 合并冲突

Co-authored-by: qiaoganggang <qiaoganggang@baidu.com>

* fix:amis 4.0样式对齐 checkbox&select等组件 (#4878)

* fix:amis 4.0样式对齐 checkbox&select等组件

* style:修复checkbox勾选框hover上去出现小圆点

Co-authored-by: xujiahao01 <xujiahao01@baidu.com>

* fix： steps恢复子标题 (#4987)

* faet: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* feat: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* faet: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* faet: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* fix: 点状步骤条样式修改

* feat: steps样式调整

* feat: 补充steps单测

Co-authored-by: qiaoganggang <qiaoganggang@baidu.com>

* styles: 补全全局变量 (#4985)

* style:修复form表单按钮靠左 (#4988)

Co-authored-by: xujiahao01 <xujiahao01@baidu.com>

* amis4.0样式对齐 (#4927)

Co-authored-by: zhangzheyu02 <zhangzheyu02@baidu.com>

* fix: 排序字段中间态 orderDir 没有置空问题 (#4971)

Co-authored-by: srleng <srleng@gaojihealth.com>

* styles：修复dialog内容x轴被遮挡问题 (#4992)

* fix:TextControlSchema nativeInputClassName声明 (#4993)

* styles: 修复overflow hidden问题 (#4997)

* fix: 修复 Combo配置unique属性空字符的逻辑判断

* fix:CRUD其他模式loading不显示问题 (#5000)

* fit:CRUD其他模式loading不显示问题

* fit:CRUD其他模式loading不显示问题

* fix: 修复table中combineNum不生效 (#5003)

* test: 补充tabs单测 (#4991)

* docs: 更新执行单元测试步骤 (#4976)

* fix: select组件size=lg时展示错误  (#5008)

* fix: select组件size=lg时展示错误 (#4599)
* fix: 修复dev环境 mobile scss加载失败
* chore: update snapshot

* fix: CRUD设置超级表头后全选checkbox展示错误 (#5012)

* fix: CRUD设置超级表头后全选checkbox展示错误

* doc(HeaderGroup): 更新示例文档

Co-authored-by: RUNZE LU <36724300+lurunze1226@users.noreply.github.com>

* feat: Image组件支持innerClassName (#4977)

* fix: Checkboxes组件全选状态样式展示错误 (#5015)

* remove redundant (#4959)

* fix: SDK模式下Toast位置为top-center (resolve #4928) (#4986)

* feat: ImageGallery支持工具栏 (#5005)

* fix: Steps组件status使用变量时不生效问题 (#4983)

* fix:修复日期范围选择器样式 (#5016)

* fix:修复日期范围选择器样式

* pref:更新测试用例

* pref:去的fis轮询

Co-authored-by: hongyang03 <hongyang03@baidu.com>

* chore: 更新依赖，tinymce 到 6.1.2，echarts 到 5.3.1，qrcode.react 到 3.1.0，reac… (#5018)

* chore: 更新依赖，tinymce 到 6.1.2，echarts 到 5.3.1，qrcode.react 到 3.1.0，react 到 18.2.0

* 调整一下 tinymce 默认 toolbar

* 调整一下 tinymce 默认 toolbar

* feat: service 支持 js: 请求，使得动态渲染支持 JavaScript 函数 (#4866)

* fix: InputTable列使用默认值时无法更新到数据域的问题 (#4970)

* fix: 修复CRUD在dialog中时表头无法固定 (#4995)

* fix: 修复CRUD在dialog中时表头无法固定

* fix: 修复CRUD在dialog中时表头无法固定(用一种破坏性更小的方案)

* chore: Echarts 补充 valueFormatter 字符串函数支持 (#5023)

* fix: CRUD查询表单reset-and-submit刷新两次问题; InputText使用AutoComplete光标无法切换问题 (#5022)

Co-authored-by: tooeast <liuzedong02@baidu.com>

* fix: 兼容低版本浏览器配置table:autoFillHeight（不支持sticky） (#5020)

* v2.1.0

* test: Timeline Wizard (#5031)

* test: Timeline

* test: Wizard

* fix: 修复DateRangePicker存在多个active (#5035)

* fix: 避免 react 报控件值从 uncontrolled 到 controlled 切换 (#5032)

* fix: select 接口报错时 url 应该显示为实际请求地址 (#5033)

* feat:自定义js动作支持异步 (#5044)

* test: 补充Steps, Pagination单测 (#5034)

* test: steps

* test: pagination

* fix: ConditionBuilder disabled 后还能拖动和删除 (#4655) (#5045)

* fix: ConditionBuilder disabled 后还能拖动和删除 (#4655) (#5045)

* fix：修复table存在异步数据时，固定表头宽度错位问题 (#5036)

* fix: CRUD开启超级表头时展开列显示错误，合并列元素只有1个时无法显示remark问题 (#5047)

* docs:补充更新组件数据时获取数据域的说明 (#5055)

* docs:补充更新组件数据时获取数据域的说明

* docs:补充更新组件数据时获取数据域的说明&异步JS动作说明

* docs:补充更新组件数据时获取数据域的说明&异步JS动作说明

* fix: CRUD设置combineNum不生效 (#5059)

* fix: CRUD设置combineNum不生效

* fix: 调整table计算 header fixed 的逻辑，兼容滚动元素可能包含多个子元素

* fix: #4566 PR 补丁 [pullRefresh.disabled为 false情况下，内容区展示异常问题]

* fix:修复 CRUD组件更改columns字段不立刻生效问题 (#5077)

Co-authored-by: ”jiatianqi“ <”jiatianqi@baidu.com“>

* 修复人员组件默认值 (#5079)

Co-authored-by: zhangxulong <zhangxulong@baidu.com>

* fix: crud2 CRUD2TableSchema mode value

* fix: fix doc error caused by vulnerable example. (#5068)

* fix: tree校验问题 & minLength和maxLength属性提示问题 (#5048)

Co-authored-by: ”jiatianqi“ <”jiatianqi@baidu.com“>

* feat: Form Debug区域使用json显示; chore: 修正使用Form debug区域校验的单测 (#5056)

* fix: table中toolbar增加padding效果(#4757) (#5069)

* chore: input-number、input-range、checkbox 单测用例补充 & range style 百分比最多保留两位 (#5076)

* checkbox 单测补充

* input-number 单测补充

* input-range 单测补充 & range style 百分比最多保留两位

Co-authored-by: tooeast <liuzedong02@baidu.com>

* docs: 修复GitHub编辑链接错误，Flexbox文档链接和文件链接统一 (#5037)

* fix(CRUD): 操作栏列不下发loading (#5046)

* feat: optinos 支持配置新增和编辑的弹框属性；修复编辑属性 popover 无法显示问题；去掉代码里遗漏的 component… (#5085)

* feat: optinos 支持配置新增和编辑的弹框属性；修复编辑属性 popover 无法显示问题；去掉代码里遗漏的 componentWillMount

* 支持外部代码实现删除逻辑

* chore: 发布 2.1.1-beta.2 (#5086)

* fix: CRUD列字段无返回值时会错误展示字段值问题; chore: 修复InputRange单测 (#5094)

* style: Dialog显/隐切换卡顿问题 (#5107)

* fix: InputTable组件needConfirm为true时无法新增行问题 (#5108)

* fix: 修复导出 CSV 时如果值是对象就无法显示问题 (#5103)

* Revert "fix: 兼容低版本浏览器配置table:autoFillHeight（不支持sticky） (#5020)" (#5109)

This reverts commit f81d18c7c8.

* v2.1.1-beta.3

* docs: 修复主干版本跳转链接出错的问题 (#5099)

* fix: options 内容过多时超出显示问题 (#5112)

* fix: Page css、cssVars属性更新问题修复 (#5113)

Co-authored-by: wanglinfang <wanglinfang@baidu.com>

* fix: 锚点导航定位问题修复 (#5114)

Co-authored-by: tooeast <liuzedong02@baidu.com>

* feat: 全局变量替换

* feat: 全局变量替换

* feat: 全局变量替换

* feat: 全局变量替换部分审查

Co-authored-by: qiaoganggang <qiaoganggang@baidu.com>
Co-authored-by: meerkat <kit_hack@outlook.com>
Co-authored-by: wuduoyi <wuduoyi@baidu.com>
Co-authored-by: RickCole <rickcole21@outlook.com>
Co-authored-by: RUNZE LU <36724300+lurunze1226@users.noreply.github.com>
Co-authored-by: liuzedong02 <liuzedong02@baidu.com>
Co-authored-by: Allen <yupeng.fe@qq.com>
Co-authored-by: pianruijie <13522335863@163.com>
Co-authored-by: hsm-lv <80095014+hsm-lv@users.noreply.github.com>
Co-authored-by: sansiro <sansiro@sansiro.me>
Co-authored-by: HongYang <33488114+hy993658052@users.noreply.github.com>
Co-authored-by: hongyang03 <hongyang03@baidu.com>
Co-authored-by: sarding <37691952+sarding@users.noreply.github.com>
Co-authored-by: sarding <hongfuquan@baidu.com>
Co-authored-by: qinhaoyan <30946345+qinhaoyan@users.noreply.github.com>
Co-authored-by: 徐佳豪 <53201551+blue-squirrel@users.noreply.github.com>
Co-authored-by: xujiahao01 <xujiahao01@baidu.com>
Co-authored-by: 2betop <2betop.cn@gmail.com>
Co-authored-by: zzy1415447829 <49521093+zzy1415447829@users.noreply.github.com>
Co-authored-by: zhangzheyu02 <zhangzheyu02@baidu.com>
Co-authored-by: lengshengren <379306634@qq.com>
Co-authored-by: srleng <srleng@gaojihealth.com>
Co-authored-by: pzzhai <48534104+pzzhai@users.noreply.github.com>
Co-authored-by: lurunze1226 <lurunze1226@foxmail.com>
Co-authored-by: ”jiatianqi“ <”jiatianqi@baidu.com“>
Co-authored-by: Ma ke <33743617+jiatianqi@users.noreply.github.com>
Co-authored-by: 龙少 <1769057083@qq.com>
Co-authored-by: zhangxulong <zhangxulong@baidu.com>
Co-authored-by: yangwei9012 <yangwei9012@163.com>
Co-authored-by: Viki <53367348+Vikiboss@users.noreply.github.com>
Co-authored-by: qianxiaofendou <stianle@163.com>
Co-authored-by: Yuan Zhang <81345419+YuanZzhang@users.noreply.github.com>
Co-authored-by: wanglinfang2014 <w.l.fang@foxmail.com>
Co-authored-by: wanglinfang <wanglinfang@baidu.com>

* styles：主题样式走查 (#5214)

* feat: 主题变量修改 (#5228)

Co-authored-by: qiaoganggang <qiaoganggang@baidu.com>

* styles: 新版主题兼容antd (#5229)

* feat: AntD主题对齐

* amis4.0样式走查2期修改

* amis4.0二次走查修改变量

* feat: 主题对齐 (#5252)

Co-authored-by: qiaoganggang <qiaoganggang@baidu.com>

* feat: 边框变量修改 (#5257)

* feat: 主题对齐

* feat: 边框变量修改

Co-authored-by: qiaoganggang <qiaoganggang@baidu.com>

* style:组件4.0 style修改 (#5234)

* style:组件4.0 style修改

* style:alert组件变量修改

Co-authored-by: xujiahao01 <xujiahao01@baidu.com>

* New theme (#5276)

* feat: 主题对齐

* feat: 边框变量修改

* feat: 主题样式对齐

* feat: button样式修改

* feat: nest pading修改

* feat: nest pading修改

Co-authored-by: qiaoganggang <qiaoganggang@baidu.com>

* styles: 主题问题修复 (#5279)

* styles: 新版主题样式修改 (#5293)

* style:组件主题变量修改 (#5294)

* style:组件主题变量修改

* style:wizard&drawer等变量修改

* 常量用变量替换

Co-authored-by: xujiahao01 <xujiahao01@baidu.com>

* New theme update (#5452)

* feat:主题变量修改

* fix:修改

Co-authored-by: hongyang03 <hongyang03@baidu.com>

* fix:修复图标选择css变量

* fix:button enhance类型样式修改

* amis-saas-2569 主题bugfix

* style:对象生成图标 对齐高度

* feat:collapse&inputTable&alert2&Avatar接入自定义图标

* style:人员选择组件背景色主题化

* test:更新快照

* test:更新快照

* test:更新快照

* test:更新快照

Co-authored-by: RUNZE LU <36724300+lurunze1226@users.noreply.github.com>
Co-authored-by: liuzedong02 <liuzedong02@baidu.com>
Co-authored-by: HongYang <33488114+hy993658052@users.noreply.github.com>
Co-authored-by: hongyang03 <hongyang03@baidu.com>
Co-authored-by: sansiro <sansiro@sansiro.me>
Co-authored-by: qiaoganggang <43558337+qiaogg@users.noreply.github.com>
Co-authored-by: qiaoganggang <qiaoganggang@baidu.com>
Co-authored-by: zhangzheyu02 <zhangzheyu02@baidu.com>
Co-authored-by: zzy1415447829 <49521093+zzy1415447829@users.noreply.github.com>
Co-authored-by: meerkat <kit_hack@outlook.com>
Co-authored-by: wuduoyi <wuduoyi@baidu.com>
Co-authored-by: RickCole <rickcole21@outlook.com>
Co-authored-by: Allen <yupeng.fe@qq.com>
Co-authored-by: pianruijie <13522335863@163.com>
Co-authored-by: hsm-lv <80095014+hsm-lv@users.noreply.github.com>
Co-authored-by: sarding <37691952+sarding@users.noreply.github.com>
Co-authored-by: sarding <hongfuquan@baidu.com>
Co-authored-by: 徐佳豪 <53201551+blue-squirrel@users.noreply.github.com>
Co-authored-by: xujiahao01 <xujiahao01@baidu.com>
Co-authored-by: 2betop <2betop.cn@gmail.com>
Co-authored-by: lengshengren <379306634@qq.com>
Co-authored-by: srleng <srleng@gaojihealth.com>
Co-authored-by: pzzhai <48534104+pzzhai@users.noreply.github.com>
Co-authored-by: lurunze1226 <lurunze1226@foxmail.com>
Co-authored-by: ”jiatianqi“ <”jiatianqi@baidu.com“>
Co-authored-by: Ma ke <33743617+jiatianqi@users.noreply.github.com>
Co-authored-by: 龙少 <1769057083@qq.com>
Co-authored-by: zhangxulong <zhangxulong@baidu.com>
Co-authored-by: yangwei9012 <yangwei9012@163.com>
Co-authored-by: Viki <53367348+Vikiboss@users.noreply.github.com>
Co-authored-by: qianxiaofendou <stianle@163.com>
Co-authored-by: Yuan Zhang <81345419+YuanZzhang@users.noreply.github.com>
Co-authored-by: wanglinfang2014 <w.l.fang@foxmail.com>
Co-authored-by: wanglinfang <wanglinfang@baidu.com>
Co-authored-by: 徐佳豪 <1440054388@qq.com>
This commit is contained in:
qinhaoyan 2022-10-19 10:38:52 +08:00 committed by GitHub
parent 30bb1e3533
commit c1a8a498e2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
111 changed files with 5511 additions and 1923 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lerna.json
View File

@ -3,4 +3,4 @@
"packages/*"
],
"version": "2.3.2-beta.1"
}
}

8
packages/amis-core/src/renderers/Form.tsx
View File

@ -975,6 +975,14 @@ export default class Form extends React.Component<FormProps, object> {
};
}
handleReset(action: any) {
const {onReset} = this.props;
return (data: any) => {
onReset && onReset(data, action);
};
}
async handleAction(
e: React.UIEvent<any> | void,
action: ActionObject,

25
packages/amis-core/src/utils/icon.tsx
View File

@ -5,6 +5,13 @@
import React from 'react';
import {ClassNamesFn} from '../theme';
import {isObject} from 'lodash';
export interface IconCheckedSchema {
id: string;
name?: string;
}
/**
* 判断字符串来生成 i 或 img
* @param icon icon 设置
@ -13,7 +20,7 @@ import {ClassNamesFn} from '../theme';
*/
export const generateIcon = (
cx: ClassNamesFn,
icon?: string,
icon?: string | IconCheckedSchema,
className?: string,
classNameProp?: string
) => {
@ -21,6 +28,22 @@ export const generateIcon = (
return icon;
}
if (typeof icon !== 'string') {
if (
isObject(icon) &&
typeof icon.id === 'string' &&
icon.id.startsWith('svg-')
) {
return (
<svg className={cx('icon', 'icon-object', className, classNameProp)}>
<use xlinkHref={`#${icon.id.replace(/^svg-/, '')}`}></use>
</svg>
);
}
return;
}
const isURLIcon = icon?.indexOf('.') !== -1;
return icon ? (

189
packages/amis-ui/scss/_mixins.scss
View File

@ -203,46 +203,64 @@
}
@mixin button-size(
$padding-y,
$padding-x,
$font-size,
$line-height,
$border-radius,
$height: auto,
$iconWdith: px2rem(20px),
$icon-rightMargin: var(--Button-icon-rightMargin)
$font-size: var(--button-size-default-font-size),
$line-height: var(--button-size-default-font-lineHeight),
$border-radius-top-right: var(--button-size-default-top-right-border-radius),
$border-radius-top-left: var(--button-size-default-top-left-border-radius),
$border-radius-bottom-right:
var(--button-size-default-bottom-right-border-radius),
$border-radius-bottom-left:
var(--button-size-default-bottom-left-border-radius),
$height: var(--button-size-default-height),
$paddingTop: var(--button-size-default-paddingTop),
$paddingBottom: var(--button-size-default-paddingBottom),
$paddingLeft: var(--button-size-default-paddingLeft),
$paddingRight: var(--button-size-default-paddingRight),
$marginTop: var(--button-size-default-marginTop),
$marginBottom: var(--button-size-default-marginBottom),
$marginLeft: var(--button-size-default-marginLeft),
$marginRight: var(--button-size-default-marginRight),
$minWidth: var(--button-size-default-minWidth),
$iconSize: var(--button-size-default-icon-size),
$iconMargin: var(--button-size-default-icon-margin)
) {
padding: $padding-y $padding-x;
font-size: $font-size;
line-height: $line-height;
border-radius: $border-radius;
border-radius: $border-radius-top-right $border-radius-top-left
$border-radius-bottom-right $border-radius-bottom-left;
height: $height;
padding: $paddingTop $paddingRight $paddingBottom $paddingLeft;
margin: $marginTop $marginRight $marginBottom $marginLeft;
.#{$ns}Button-icon:first-child:not(:last-child):not(.pull-right),
> svg.icon:not(:last-child):not(.pull-right),
> .pull-left {
margin-right: $icon-rightMargin;
margin-right: $iconMargin;
font-size: $iconSize;
}
.#{$ns}Button-icon:last-child:not(:first-child):not(.pull-left),
> .pull-right {
margin-left: $padding-x;
font-size: $iconSize;
margin-left: $iconMargin;
}
.#{$ns}Button--loading:first-child:not(:last-child):not(.pull-right),
> svg.icon:not(:last-child):not(.pull-right),
> .pull-left {
margin-right: $icon-rightMargin;
font-size: $iconSize;
margin-right: $iconMargin;
}
.#{$ns}Button--loading:last-child:not(:first-child):not(.pull-left),
> .pull-right {
margin-left: $padding-x;
font-size: $iconSize;
margin-left: $iconMargin;
}
// img 需要加一下高度限制
img.#{$ns}Button-icon {
height: var(--Button-fontSize);
height: $iconSize;
vertical-align: middle;
}
}
@ -259,46 +277,127 @@
}
@mixin button-variant(
$background,
$border: $background,
$color: $white,
$hover-background: darken($background, 7.5%),
$hover-border: darken($border, 10%),
$hover-color: $color,
$active-background: darken($background, 10%),
$active-border: darken($border, 12.5%),
$active-color: $color
// 常规
$bg-color: var(--button-default-default-bg-color),
$font-color: var(--button-default-default-font-color),
$border-color-top: var(--button-default-default-top-border-color),
$border-color-right: var(--button-default-default-right-border-color),
$border-color-bottom: var(--button-default-default-bottom-border-color),
$border-color-left: var(--button-default-default-left-border-color),
$border-width-top: var(--button-default-default-top-border-width),
$border-width-right: var(--button-default-default-right-border-width),
$border-width-bottom: var(--button-default-default-bottom-border-width),
$border-width-left: var(--button-default-default-left-border-width),
$border-style-top: var(--button-default-default-top-border-style),
$border-style-right: var(--button-default-default-right-border-style),
$border-style-bottom: var(--button-default-default-bottom-border-style),
$border-style-left: var(--button-default-default-left-border-style),
$shadow: var(--button-default-default-shadow),
// 悬浮
$hover-bg-color: var(--button-default-hover-bg-color),
$hover-font-color: var(--button-default-hover-font-color),
$hover-border-color-top: var(--button-default-hover-top-border-color),
$hover-border-color-right: var(--button-default-hover-right-border-color),
$hover-border-color-bottom: var(--button-default-hover-bottom-border-color),
$hover-border-color-left: var(--button-default-hover-left-border-color),
$hover-border-width-top: var(--button-default-hover-top-border-width),
$hover-border-width-right: var(--button-default-hover-right-border-width),
$hover-border-width-bottom: var(--button-default-hover-bottom-border-width),
$hover-border-width-left: var(--button-default-hover-left-border-width),
$hover-border-style-top: var(--button-default-hover-top-border-style),
$hover-border-style-right: var(--button-default-hover-right-border-style),
$hover-border-style-bottom: var(--button-default-hover-bottom-border-style),
$hover-border-style-left: var(--button-default-hover-left-border-style),
$hover-shadow: var(--button-default-hover-shadow),
// 点击
$active-bg-color: var(--button-default-active-bg-color),
$active-font-color: var(--button-default-active-font-color),
$active-border-color-top: var(--button-default-active-top-border-color),
$active-border-color-right: var(--button-default-active-right-border-color),
$active-border-color-bottom: var(--button-default-active-bottom-border-color),
$active-border-color-left: var(--button-default-active-left-border-color),
$active-border-width-top: var(--button-default-active-top-border-width),
$active-border-width-right: var(--button-default-active-right-border-width),
$active-border-width-bottom: var(--button-default-active-bottom-border-width),
$active-border-width-left: var(--button-default-active-left-border-width),
$active-border-style-top: var(--button-default-active-top-border-style),
$active-border-style-right: var(--button-default-active-right-border-style),
$active-border-style-bottom: var(--button-default-active-bottom-border-style),
$active-border-style-left: var(--button-default-active-left-border-style),
$active-shadow: var(--button-default-active-shadow),
// 禁用
$disabled-bg-color: var(--button-default-disabled-bg-color),
$disabled-font-color: var(--button-default-disabled-font-color),
$disabled-border-color-top: var(--button-default-disabled-top-border-color),
$disabled-border-color-right:
var(--button-default-disabled-right-border-color),
$disabled-border-color-bottom:
var(--button-default-disabled-bottom-border-color),
$disabled-border-color-left: var(--button-default-disabled-left-border-color),
$disabled-border-width-top: var(--button-default-disabled-top-border-width),
$disabled-border-width-right:
var(--button-default-disabled-right-border-width),
$disabled-border-width-bottom:
var(--button-default-disabled-bottom-border-width),
$disabled-border-width-left: var(--button-default-disabled-left-border-width),
$disabled-border-style-top: var(--button-default-disabled-top-border-style),
$disabled-border-style-right:
var(--button-default-disabled-right-border-style),
$disabled-border-style-bottom:
var(--button-default-disabled-bottom-border-style),
$disabled-border-style-left: var(--button-default-disabled-left-border-style),
$disabled-shadow: var(--button-default-disabled-shadow)
) {
color: $color;
background: $background;
border-color: $border;
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
color: $font-color;
background: $bg-color;
border-color: $border-color-top $border-color-right $border-color-bottom
$border-color-left;
border-width: $border-width-top $border-width-right $border-width-bottom
$border-width-left;
border-style: $border-style-top $border-style-right $border-style-bottom
$border-style-left;
box-shadow: $shadow;
// text-shadow: var(--Button-textShadow);
&:not(:disabled):not(.is-disabled) {
@include hover {
color: $hover-color;
background: $hover-background;
border-color: $hover-border;
color: $hover-font-color;
background: $hover-bg-color;
border-color: $hover-border-color-top $hover-border-color-right
$hover-border-color-bottom $hover-border-color-left;
border-width: $hover-border-width-top $hover-border-width-right
$hover-border-width-bottom $hover-border-width-left;
border-style: $hover-border-style-top $hover-border-style-right
$hover-border-style-bottom $hover-border-style-left;
box-shadow: $hover-shadow;
}
@include hover-active {
color: $active-color;
background: $active-background;
border-color: $active-border;
color: $active-font-color;
background: $active-bg-color;
border-color: $active-border-color-top $active-border-color-right
$active-border-color-bottom $active-border-color-left;
border-width: $active-border-width-top $active-border-width-right
$active-border-width-bottom $active-border-width-left;
border-style: $active-border-style-top $active-border-style-right
$active-border-style-bottom $active-border-style-left;
box-shadow: $active-shadow;
}
}
// @include focus {
// color: $color;
// background: $background;
// border-color: $border;
// box-shadow: var(--Button-boxShadow);
// }
&:disabled,
&.is-disabled {
color: $disabled-font-color;
background: $disabled-bg-color;
border-color: $disabled-border-color-top $disabled-border-color-right
$disabled-border-color-bottom $disabled-border-color-left;
border-width: $disabled-border-width-top $disabled-border-width-right
$disabled-border-width-bottom $disabled-border-width-left;
border-style: $disabled-border-style-top $disabled-border-style-right
$disabled-border-style-bottom $disabled-border-style-left;
box-shadow: $disabled-shadow;
}
@include hover-focus {
// color: $hover-color;
// background: $hover-background;
// border-color: $hover-border;
box-shadow: var(--Button-boxShadow);
}
}

461
packages/amis-ui/scss/_properties.scss
View File

@ -1,74 +1,66 @@
// 这里放 css 自定义变量
@import './themes/cxd-colors';
:root {
--black: #{$black};
--white: #{$white};
// 因为运行不支持颜色计算，所以用 css 变量的方式需要多定义几个变量
--primary: #{$primary};
--primary-onHover: #4f86f4;
--primary-onActive: #1c53c1;
--secondary: #{$secondary};
--secondary-onHover: #{darken($secondary, 7.5%)};
--secondary-onActive: #{darken($secondary, 10%)};
--success: #{$success};
--success-onHover: #{darken($success, 7.5%)};
--success-onActive: #{darken($success, 10%)};
--info: #{$info};
--info-onHover: #{darken($info, 7.5%)};
--info-onActive: #{darken($info, 10%)};
--warning: #{$warning};
--warning-onHover: #{darken($warning, 7.5%)};
--warning-onActive: #{darken($warning, 10%)};
--danger: #{$danger};
--danger-onHover: #{darken($danger, 7.5%)};
--danger-onActive: #{darken($danger, 10%)};
--white: var(--colors-neutral-11);
--primary: var(--colors-brand-5);
--primary-onHover: var(--colors-brand-6);
--primary-onActive: var(--colors-brand-4);
--light: #{$light};
--secondary: var(--colors-neutral-4); // secondary 颜色需进一步确认
--secondary-onHover: var(--colors-neutral-6);
--secondary-onActive: var(--colors-neutral-4);
--success: var(--colors-success-5);
--success-onHover: var(--colors-success-6);
--success-onActive: var(--colors-success-4);
--info: var(--colors-brand-5);
--info-onHover: var(--colors-brand-6);
--info-onActive: var(--colors-brand-4);
--warning: var(--colors-warning-5);
--warning-onHover: var(--colors-warning-6);
--warning-onActive: var(--colors-warning-4);
--danger: var(--colors-error-5);
--danger-onHover: var(--colors-error-6);
--danger-onActive: var(--colors-error-4);
--light: var(--colors-neutral-10);
--dark: #{$dark};
--fontFamilyMonospace: SFMono-Regular, Menlo, Monaco, Consolas,
'Liberation Mono', 'Courier New', monospace;
--fontFamilyBase: -apple-system, BlinkMacSystemFont, 'SF Pro SC',
'SF Pro Text', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Segoe UI',
Roboto, 'Hiragino Sans GB', 'Arial', 'microsoft yahei ui', 'Microsoft YaHei',
SimSun, sans-serif;
--fontFamilyBase: var(--fonts-base-family);
// box-shadow
$L1: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
0px 1px 10px 0px rgba(8, 14, 26, 0.05),
0px 2px 4px -1px rgba(8, 14, 26, 0.04);
--fontSizeBase: var(--fonts-size-7);
--fontSizeMd: var(--fonts-size-7);
--fontSizeLg: var(--fonts-size-6);
--fontSizeXl: var(--fonts-size-5);
--fontSizeSm: var(--fonts-size-8);
--fontSizeXs: var(--fonts-size-8);
--fontSizeBase: #{px2rem(14px)};
--fontSizeMd: #{px2rem(14px)};
--fontSizeLg: #{px2rem(16px)};
--fontSizeXl: #{px2rem(20px)};
--fontSizeSm: #{px2rem(12px)};
--fontSizeXs: #{px2rem(11px)};
--text-color: #{$text-color};
--button-color: #{$white};
--text-color: var(--colors-neutral-2);
--button-color: var(--colors-neutral-11);
--animation-duration: 0.2s;
--text--muted-color: #{lighten($text-color, 25%)};
--text--loud-color: #{darken($text-color, 10%)};
--text--muted-color: var(--colors-neutral-6);
--text--loud-color: var(--colors-neutral-2);
--pre-color: var(--text-color);
--borderColor: #{$borderColor};
--borderColorLight: #{lighten($borderColor, 5%)};
--borderColorDarken: #{darken($borderColor, 10%)};
--borderRadius: 0.142rem;
--borderRadiusMd: 0.285rem;
--borderRadiusLg: 0.428rem;
--borderColor: var(--colors-neutral-8);
--borderColorLight: var(--colors-neutral-10);
--borderColorDarken: var(--colors-neutral-8);
--borderRadius: var(--borders-radius-2);
--borderRadiusMd: var(--borders-radius-3);
--borderRadiusLg: var(--borders-radius-4);
--boxShadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--boxShadowSm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--boxTooltipShadow: 0 4px 6px 1px rgb(8 14 26 / 6%),
0 1px 10px 0 rgb(8 14 26 / 5%), 0 2px 4px -1px rgb(8 14 26 / 4%);
--lineHeightBase: 1.5;
--lineHeightBase: var(--fonts-lineHeight-2);
--body-lineHeight: var(--lineHeightBase);
@ -86,8 +78,9 @@
--pre-background: var(--background);
--link-color: var(--info);
--link-decoration: none;
--link-onHover-color: #{$B5};
--link-onClick-color: #{$B7};
--link-onHover-color: var(--colors-brand-5);
--link-onClick-color: var(--colors-brand-4);
--link-onHover-decoration: underline;
--body-bg: var(--light);
@ -95,26 +88,26 @@
--body-color: var(--text-color);
--body-weight: var(--fontWeightBase);
--gap-xs: #{px2rem(4px)};
--gap-sm: #{px2rem(8px)};
--gap-base: #{px2rem(12px)};
--gap-md: #{px2rem(16px)};
--gap-lg: #{px2rem(20px)};
--gap-xl: #{px2rem(24px)};
--gap-xs: var(--sizes-size-3);
--gap-sm: var(--sizes-size-5);
--gap-base: var(--sizes-size-7);
--gap-md: var(--sizes-size-9);
--gap-lg: var(--sizes-size-11);
--gap-xl: var(--sizes-size-13);
--icon-color: #{$gray600};
--icon-onHover-color: #{$gray900};
--icon-onDisabled-color: #{$gray500};
--icon-color: var(--colors-neutral-5);
--icon-onHover-color: var(--colors-brand-5);
--icon-onDisabled-color: var(--colors-neutral-10);
--label--default-bg: #{$gray700};
--label--default-bg: var(--colors-neutral-3);
--label--primary-bg: var(--primary);
--label--success-bg: var(--success);
--label--info-bg: var(--info);
--label--warning-bg: var(--warning);
--label--danger-bg: var(--danger);
--label-color: #fff;
--label-link--hover-color: #fff;
--label-color: var(--colors-neutral-11);
--label-link--hover-color: var(--colors-neutral-11);
--scrollbar-width: #{px2rem(17px)};
@ -123,7 +116,7 @@
--Alert--danger-borderColor: #{darken(adjust-hue(#f2dede, -10), 5%)};
--Alert--danger-color: #a94442;
--Alert--info-bg: #d9edf7;
--Alert--info-borderColor: #{darken(adjust-hue($info, -10), 5%)};
--Alert--info-borderColor: var(--colors-success-10);
--Alert--info-color: #31708f;
--Alert--success-bg: #dff0d8;
--Alert--success-borderColor: #{darken(adjust-hue(#dff0d8, -10), 5%)};
@ -174,7 +167,7 @@
--Audio-volume-lineHeight: #{px2rem(50px)};
--Audio-volume-width: var(--gap-md);
--Audio-volumeControl-width: #{px2rem(110px)};
--Avatar-bg: #{$gray300};
--Avatar-bg: var(--colors-neutral-12);
--Avatar-width: #{px2rem(40px)};
--Avatar-size-large: #{px2rem(48px)};
// 兼容旧的size大小写法
@ -192,180 +185,10 @@
--Badge--warning-bg: var(--warning);
--Badge--danger-bg: var(--danger);
--Button--danger-bg: var(--danger);
--Button--danger-border: var(--Button--danger-bg);
--Button--danger-color: var(--button-color);
--Button--danger-onActive-bg: var(--danger-onActive);
--Button--danger-onActive-border: #{darken($danger, 12.5%)};
--Button--danger-onActive-color: var(--Button--danger-color);
--Button--danger-onHover-bg: var(--danger-onHover);
--Button--danger-onHover-border: var(--danger-onActive);
--Button--danger-onHover-color: var(--Button--danger-color);
--Button--dark-bg: var(--dark);
--Button--dark-border: var(--Button--dark-bg);
--Button--dark-color: var(--button-color);
--Button--dark-onActive-bg: #{darken($dark, 10%)};
--Button--dark-onActive-border: #{darken($dark, 12.5%)};
--Button--dark-onActive-color: var(--Button--dark-color);
--Button--dark-onHover-bg: #{darken($dark, 7.5%)};
--Button--dark-onHover-border: #{darken($dark, 10%)};
--Button--dark-onHover-color: var(--Button--dark-color);
--Button--default-bg: var(--white);
--Button--default-border: var(--borderColor);
--Button--default-color: var(--text-color);
--Button--default-onActive-bg: var(--white);
--Button--default-onActive-border: var(--primary-onActive);
--Button--default-onActive-color: var(--primary-onActive);
--Button--default-onHover-bg: var(--white);
--Button--default-onHover-border: var(--primary);
--Button--default-onHover-color: var(--primary);
--Button--iconOnly-minWidthRate: 4 / 3;
--Button--info-bg: var(--info);
--Button--info-border: var(--Button--info-bg);
--Button--info-color: var(--button-color);
--Button--info-onActive-bg: var(--info-onActive);
--Button--info-onActive-border: #{darken($info, 12.5%)};
--Button--info-onActive-color: var(--Button--info-color);
--Button--info-onHover-bg: var(--info-onHover);
--Button--info-onHover-border: var(--info-onActive);
--Button--info-onHover-color: var(--Button--info-color);
--Button--lg-borderRadius: var(--borderRadius);
--Button--lg-fontSize: var(--fontSizeLg);
--Button--lg-height: #{px2rem(46px)};
--Button--lg-lineHeight: 24 / 20;
--Button--lg-paddingX: #{px2rem(16px)};
--Button--lg-paddingY: calc(
(
var(--Button--lg-height) - var(--Button-borderWidth) * 2 -
var(--Button--lg-lineHeight) * var(--Button--lg-fontSize)
) / 2
);
--Button--light-bg: var(--light);
--Button--light-border: var(--borderColor);
--Button--light-color: var(--text-color);
--Button--light-onActive-bg: #{darken($light, 10%)};
--Button--light-onActive-border: #{darken($light, 12.5%)};
--Button--light-onActive-color: var(--Button--light-color);
--Button--light-onHover-bg: #{darken($light, 7.5%)};
--Button--light-onHover-border: #{darken($light, 10%)};
--Button--light-onHover-color: var(--Button--light-color);
--Button--link-color: var(--primary);
--Button--link-onDisabled-color: #{$gray600};
--Button--link-onDisabled-backgroundColor: transparent;
--Button--link-onHover-color: var(--primary-onHover);
--Button--link-onActive-color: var(--primary-onActive);
--Button--md-fontSize: var(--Button-fontSize);
--Button--md-height: var(--Button-height);
--Button--md-lineHeight: var(--Button-lineHeight);
--Button--md-paddingX: var(--Button-paddingX);
--Button--md-paddingY: calc(
(
var(--Button--md-height) - var(--Button-borderWidth) * 2 -
var(--Button--md-lineHeight) * var(--Button--md-fontSize)
) / 2
);
--Button--primary-bg: var(--primary);
--Button--primary-border: var(--Button--primary-bg);
--Button--primary-color: var(--button-color);
--Button--primary-onActive-bg: var(--primary-onActive);
--Button--primary-onActive-border: var(--primary-onActive);
--Button--primary-onActive-color: var(--Button--primary-color);
--Button--primary-onHover-bg: var(--primary-onHover);
--Button--primary-onHover-border: var(--primary-onHover);
--Button--primary-onHover-color: var(--Button--primary-color);
--Button--secondary-bg: var(--secondary);
--Button--secondary-border: var(--Button--secondary-bg);
--Button--secondary-color: var(--button-color);
--Button--secondary-onActive-bg: var(--secondary-onActive);
--Button--secondary-onActive-border: #{darken($secondary, 12.5%)};
--Button--secondary-onActive-color: var(--Button--secondary-color);
--Button--secondary-onHover-bg: var(--secondary-onHover);
--Button--secondary-onHover-border: var(--secondary-onActive);
--Button--secondary-onHover-color: var(--Button--secondary-color);
--Button--sm-borderRadius: var(--borderRadius);
--Button--sm-paddingX: var(--sizes-size-5);
--Button-borderWidth: var(--borders-width-2);
--Button--sm-lineHeight: var(--fonts-lineHeight-2);
--Button--sm-fontSize: var(--fontSizeSm);
--Button--sm-height: #{px2rem(30px)};
--Button--sm-lineHeight: 18 / 12;
--Button--sm-paddingX: #{px2rem(8px)};
--Button--sm-paddingY: calc(
(
var(--Button--sm-height) - var(--Button-borderWidth) * 2 -
var(--Button--sm-lineHeight) * var(--Button--sm-fontSize)
) / 2
);
--Button--success-bg: var(--success);
--Button--success-border: var(--Button--success-bg);
--Button--success-color: var(--button-color);
--Button--success-onActive-bg: var(--success-onActive);
--Button--success-onActive-border: #{darken($success, 12.5%)};
--Button--success-onActive-color: var(--Button--success-color);
--Button--success-onHover-bg: var(--success-onHover);
--Button--success-onHover-border: var(--success-onActive);
--Button--success-onHover-color: var(--Button--success-color);
--Button--emphasize-bg: #ffffff;
--Button--emphasize-color: var(--primary);
--Button--emphasize-onHover-bg: #ffffff;
--Button--emphasize-onHover-border: var(--primary);
--Button--emphasize-onHover-color: #528eff;
--Button--emphasize-onActive-bg: #ffffff;
--Button--emphasize-onActive-border: #144bcc;
--Button--emphasize-onActive-color: #144bcc;
--Button--enhance-border: var(--primary);
--Button--enhance-color: var(--primary);
--Button--enhance-onActive-bg: var(--white);
--Button--enhance-onActive-border: var(--primary-onActive);
--Button--enhance-onActive-color: var(--primary-onActive);
--Button--enhance-onHover-bg: var(--white);
--Button--enhance-onHover-border: var(--primary-onHover);
--Button--enhance-onHover-color: var(--primary-onHover);
--Button--warning-bg: var(--warning);
--Button--warning-border: var(--Button--warning-bg);
--Button--warning-color: var(--button-color);
--Button--warning-onActive-bg: var(--warning-onActive);
--Button--warning-onActive-border: #{darken($warning, 12.5%)};
--Button--warning-onActive-color: var(--Button--warning-color);
--Button--warning-onHover-bg: var(--warning-onHover);
--Button--warning-onHover-border: var(--warning-onActive);
--Button--warning-onHover-color: var(--Button--warning-color);
--Button--xs-fontSize: var(--fontSizeXs);
--Button--xs-height: #{px2rem(22px)};
--Button--xs-lineHeight: 18 / 11;
--Button--xs-paddingX: var(--gap-xs);
--Button--xs-paddingY: calc(
(
var(--Button--xs-height) - var(--Button-borderWidth) * 2 -
var(--Button--xs-lineHeight) * var(--Button--xs-fontSize)
) / 2
);
--Button-borderRadius: var(--borderRadius);
--Button-borderWidth: var(--Form-input-borderWidth);
--Button-boxShadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
0 1px 1px rgba(0, 0, 0, 0.075);
--Button-textShadow: none;
--Button-fontSize: var(--Form-input-fontSize);
--Button-fontWeight: var(--fontWeightNormal);
--Button-height: var(--Form-input-height);
--Button-lineHeight: var(--Form-input-lineHeight);
--Button-mimWidth: auto;
--Button-onActive-boxShadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--Button-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
--Button-animation-spin: spin 1s infinite linear;
--Button-onActive-color: var(--primary);
--Button-onActive-border: var(--primary);
--Button-onDisabled-borderColor: #dee2e6;
--Button-onDisabled-opacity: 0.65;
--Button-onDisabled-bg: #f2f3f3;
--Button-onFocus-boxShadow: none;
--Button-paddingX: #{px2rem(12px)};
--Button-icon-rightMargin: #{px2rem(4px)};
--Button-paddingX-right: #{px2rem(10px)};
--Button-paddingY: calc(
(
var(--Button-height) - var(--Button-borderWidth) * 2 -
var(--Button-lineHeight) * var(--Button-fontSize)
) / 2
);
--Button-transition: color var(--animation-duration) ease-in-out,
background-color var(--animation-duration) ease-in-out,
border-color var(--animation-duration) ease-in-out,
@ -399,11 +222,11 @@
--Calendar-btn-fontSize: var(--fontSizeSm);
--Calendar-btn-height: #{px2rem(30px)};
--Calendar-btn-lineHeight: var(--lineHeightBase);
--Calendar-btn-onActive-bg: #{darken($info, 10%)};
--Calendar-btn-onActive-border: #{darken($info, 12.5%)};
--Calendar-btn-onActive-bg: var(--colors-brand-4);
--Calendar-btn-onActive-border: var(--colors-brand-3);
--Calendar-btn-onActive-color: var(--Calendar-btn-color);
--Calendar-btn-onHover-bg: #{darken($info, 7.5%)};
--Calendar-btn-onHover-border: #{darken($info, 10%)};
--Calendar-btn-onHover-bg: var(--colors-brand-4);
--Calendar-btn-onHover-border: var(--colors-brand-3);
--Calendar-btn-onHover-color: var(--Calendar-btn-color);
--Calendar-btn-paddingX: #{px2rem(10px)};
--Calendar-btn-paddingY: calc(
@ -445,7 +268,7 @@
);
--Calendar-shortcut-color: #151b26;
--Calendar-shortcut-decoration: none;
--Calendar-shortcut-onHover-color: #{darken($info, 15%)};
--Calendar-shortcut-onHover-color: var(--colors-brand-6);
--Calendar-shortcut-onHover-decoration: none;
--Calendar-shortcuts-bg: transparent;
--Calendar-shortcuts-height: #{px2rem(30px)};
@ -458,14 +281,14 @@
--Calendar-rdt-day: #{px2rem(100px)};
--Calendar-schedule-content-padding: 0 #{px2rem(4px)};
--Calendar-schedule-content-height: #{px2rem(20px)};
--Calendar-schedule-content-color: #{$white};
--Calendar-schedule-content-color: var(--white);
--Card-actions-borderColor: #{lighten($borderColor, 5%)};
--Card-actions-borderColor: var(--colors-neutral-10);
--Card-actions-fontSize: var(--fontSizeBase);
--Card-actions-onChecked-onHover-bg: #{darken(#d9f3fb, 5%)};
--Card-actions-onChecked-onHover-color: #{darken(darken(#d9f3fb, 40%), 10%)};
--Card-actions-onHover-bg: #{darken($white, 5%)};
--Card-actions-onHover-color: #{darken($gray900, 5%)};
--Card-actions-onHover-color: var(--colors-neutral-1);
--Card-bg: var(--white);
--Card-borderColor: var(--borderColor);
--Card-borderRadius: var(--borderRadius);
@ -479,7 +302,7 @@
--Card-onModified-bg: #e8f0fe;
--Card-onModified-borderColor: #{darken(#e8f0fe, 10%)};
--Card-onModified-color: #4285f4;
--Card-onModified-fieldLabel-color: #{lighten(#4285f4, 20%)};
--Card-onModified-fieldLabel-color: var(--colors-brand-8);
--Card-onModified-onHover-bg: #{darken(#e8f0fe, 5%)};
--Card-onModified-onHover-color: #{darken(#4285f4, 10%)};
--Cards--unsaved-heading-bg: #e8f0fe;
@ -537,10 +360,10 @@
--ColorPicker-fontSize: var(--Form-input-fontSize);
--ColorPicker-height: var(--Form-input-height);
--ColorPicker-lineHeight: var(--Form-input-lineHeight);
--ColorPicker-onDisabled-bg: #{$gray200};
--ColorPicker-onDisabled-bg: var(--colors-neutral-8);
--ColorPicker-onDisabled-color: var(--text--muted-color);
--ColorPicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
--ColorPicker-onHover-bg: #{darken($white, 5%)};
--ColorPicker-onHover-bg: var(--colors-neutral-9);
--ColorPicker-onHover-borderColor: var(--borderColor);
--ColorPicker-paddingX: #{px2rem(12px)};
--ColorPicker-paddingY: calc(
@ -563,17 +386,16 @@
--Combo--vertical-item-paddingY: #{px2rem(10px)};
--Combo-addBtn-bg: var(--Button--info-bg);
--Combo-addBtn-border: var(--Button--info-border);
--Combo-addBtn-border: var(--colors-neutral-11);
--Combo-addBtn-borderRadius: var(--Button-borderRadius);
--Combo-addBtn-color: var(--Button--info-color);
--Combo-addBtn-fontSize: var(--Button--sm-fontSize);
--Combo-addBtn-height: #{px2rem(26px)};
--Combo-addBtn-lineHeight: var(--Button--sm-lineHeight);
--Combo-addBtn-onActive-bg: #{darken($info, 10%)};
--Combo-addBtn-onActive-border: #{darken($borderColor, 12.5%)};
--Combo-addBtn-onActive-bg: var(--colors-brand-4);
--Combo-addBtn-onActive-border: var(--colors-neutral-4);
--Combo-addBtn-onActive-color: var(--Combo-addBtn-color);
--Combo-addBtn-onHover-bg: #{darken($info, 7.5%)};
--Combo-addBtn-onHover-border: #{darken($borderColor, 10%)};
--Combo-addBtn-onHover-bg: var(--colors-brand-6);
--Combo-addBtn-onHover-color: var(--Combo-addBtn-color);
--Combo-addBtn-paddingX: var(--Button--sm-paddingX);
--Combo-addBtn-paddingY: calc(
@ -586,7 +408,7 @@
--Combo-toolbarBtn-color: var(--icon-color);
--Combo-toolbarBtn-height: var(--gap-md);
--Combo-toolbarBtn-lineHeight: 1;
--Combo-toolbarBtn-onHover-color: #{darken($gray600, 10%)};
--Combo-toolbarBtn-onHover-color: var(--colors-neutral-4);
--Combo-toolbarBtn-paddingX: var(--gap-xs);
--Combo-toolbarBtn-paddingY: #{px2rem(2px)};
@ -622,7 +444,7 @@
--DatePicker-borderRadius: var(--Form-input-borderRadius);
--DatePicker-borderWidth: var(--Form-input-borderWidth);
--DatePicker-color: #151b26;
--DatePicker-header-onHover-color: #{darken($info, 15%)};
--DatePicker-header-onHover-color: var(--colors-brand-6);
--DatePicker-arrow-color: #84868c;
--DatePicker-fontSize: var(--fontSizeSm);
--DatePicker-header-select-borderColor: #fff;
@ -660,19 +482,19 @@
--Drawer-bg: var(--background);
--Drawer-body-padding: var(--gap-base);
--Drawer-close-color: #{$G2};
--Drawer-close-color: var(--colors-neutral-2);
--Drawer-close-onHover-color: var(--text-color);
--Drawer-close-size: #{px2rem(12px)};
--Drawer-content-borderColor: var(--borderColor);
--Drawer-content-borderRadius: 0;
--Drawer-content-borderWidth: var(--borderWidth);
--Drawer-footer-borderColor: #{lighten($borderColor, 5%)};
--Drawer-footer-borderColor: var(--colors-neutral-10);
--Drawer-footer-padding: var(--gap-base);
--Drawer-header-bg: #{darken($white, 2.5%)};
--Drawer-header-borderColor: #{lighten($borderColor, 5%)};
--Drawer-header-borderColor: var(--colors-neutral-10);
--Drawer-header-padding: var(--gap-base);
--Drawer-overlay-bg: rgba(0, 0, 0, 0.6);
--Drawer-title-fontColor: #{$G2};
--Drawer-title-fontColor: var(--colors-neutral-2);
--Drawer-title-fontSize: var(--fontSizeMd);
--Drawer-widthBase: 80%;
--Drawer-widthLg: #{px2rem(800px)};
@ -723,7 +545,7 @@
--Form-control-widthSm: #{px2rem(160px)};
--Form-control-widthXs: #{px2rem(80px)};
--Form-description-color: #{lighten($text-color, 10%)};
--Form-description-color: var(--colors-neutral-3);
--Form-description-fontSize: var(--fontSizeSm);
--Form-fontSize: var(--fontSizeBase);
@ -751,7 +573,7 @@
--Form-input-lineHeight: 1.4285714286;
--Form-input-marginBottom: #{px2rem(6px)};
--Form-input-onActive-color: var(--info);
--Form-input-onDisabled-bg: #{$gray200};
--Form-input-onDisabled-bg: var(--colors-neutral-9);
--Form-input-onDisabled-borderColor: var(--Form-input-borderColor);
--Form-input-onError-bg: var(--Form-input-bg);
--Form-input-onError-borderColor: var(--danger);
@ -759,13 +581,13 @@
$Form-input-onFocused-bg: $white !default;
--Form-input-onFocused-bg: var(--Form-input-bg);
--Form-input-onFocused-borderColor: var(--info);
--Form-input-onHover-iconColor: #{darken($gray600, 20%)};
--Form-input-onHover-iconColor: var(--colors-neutral-4);
--Form-input-onHover-bg: #{rgba($white, 0.6)};
--Form-input-onHover-borderColor: var(--Form-input-onFocused-borderColor);
--Form-input-paddingX: #{px2rem(8px)};
--Form-input-password-icon-size: #{px2rem(16px)};
--Form-input-password-icon-color: #{$G5};
--Form-input-password-icon-color: var(--colors-neutral-5);
--Form-inputNumber-paddingX: #{px2rem(12px)};
--Form-inputNumber-base-width: #{px2rem(24px)};
@ -798,6 +620,7 @@
--Form-row-gutterWidth: #{px2rem(10px)};
--Form-select-bg: var(--white);
--Form-select-height: var(--Form-select-outer-top);
--Form-select-borderColor: var(--Form-input-borderColor);
--Form-select-borderRadius: var(--Form-input-borderRadius);
--Form-select-borderWidth: var(--Form-input-borderWidth);
@ -828,6 +651,7 @@
--Form-select-paddingX: var(--Form-input-paddingX);
--Form-select-placeholderColor: var(--Form-input-placeholderColor);
--Form-select-popoverGap: 0;
--Form-select-icon-rigin: var(--sizes-size-9);
--Form-select-search-height: var(--Form-select-menu-height);
--Form-select-value-bgColor: var(--Form-input-onDisabled-bg);
--Form-select-value-bgColor--dark: #46474f;
@ -835,11 +659,11 @@
--Form-select-valueIcon-color: var(--Form-select-valueIcon-color);
--Form-select-valueIcon-color--dark: #e9e9e9;
--Form-select-valueIcon-onHover-color: var(--Form-select-color);
--Form-select-multiple-bgColor: #{$G10};
--Form-selectOption-height: var(--Form-input-height);
--Form-select-multiple-bgColor: var(--colors-neutral-10);
--Form-selectOption-height: var(--Form-select-height);
--Form-selectValue-bg: #{saturate(lighten($info, 40%), 2.5%)};
--Form-selectValue-onHover-bgColor: var(--Form-select-borderColor);
--Form-selectValue-borderColor: #{saturate(lighten($info, 30%), 2.5%)};
--Form-selectValue-borderColor: var(--colors-brand-7);
--Form-selectValue-color: var(--info);
--Form-selectValue-fontSize: var(--fontSizeSm);
--Form-selectValue-onDisable-bg: #{lighten(
@ -871,16 +695,16 @@
--ImageControl-addBtn-border: var(--Button--default-border);
--ImageControl-addBtn-borderRadius: 0;
--ImageControl-addBtn-color: var(--Button--default-color);
--ImageControl-addBtn-onActive-bg: #{darken($white, 10%)};
--ImageControl-addBtn-onActive-border: #{darken($borderColor, 12.5%)};
--ImageControl-addBtn-onActive-bg: var(--colors-neutral-8);
--ImageControl-addBtn-onActive-border: var(--colors-neutral-5);
--ImageControl-addBtn-onActive-color: var(--ImageControl-addBtn-color);
--ImageControl-addBtn-onDisabled-bg: var(--Form-input-onDisabled-bg);
--ImageControl-addBtn-onDisabled-border: var(
--Form-input-onDisabled-borderColor
);
--ImageControl-addBtn-onDisabled-color: var(--text--muted-color);
--ImageControl-addBtn-onHover-bg: #{darken($white, 7.5%)};
--ImageControl-addBtn-onHover-border: #{darken($borderColor, 10%)};
--ImageControl-addBtn-onHover-bg: var(--colors-neutral-8);
--ImageControl-addBtn-onHover-border: var(--colors-neutral-6);
--ImageControl-addBtn-onHover-color: var(--Button--default-color);
--ImageControl-addBtn-upload-color: var(--Button--default-color);
--ImageControl-progress-borderRadius: 0;
@ -927,10 +751,10 @@
--InputRange-onDisabled-color: var(--light);
--InputRange-primaryColor: var(--primary);
--InputRange-track-height: #{px2rem(6px)};
--InputRange-track-bg: #{$gray100};
--InputRange-track-bg: var(--colors-neutral-8);
--InputRange-track-onDisabled-bg: var(--InputRange-onDisabled-color);
--InputRange-track-onActive-bg: var(--InputRange-primaryColor);
--InputRange-track-onActive-onDisabled-bg: #{$gray200};
--InputRange-track-onActive-onDisabled-bg: var(--colors-neutral-6);
--InputRange-track-onActive-transition: transform var(--animation-duration)
ease-out left;
--InputRange-track-border-radius: #{px2rem(4px)};
@ -967,7 +791,7 @@
--Layout-aside--lg-width: #{px2rem(300px)};
--Layout-aside--md-width: #{px2rem(250px)};
--Layout-aside--sm-width: #{px2rem(150px)};
--Layout-aside-bg: #{$dark};
--Layout-aside-bg: #{$dark}; // dark 不确定
--Layout-aside-color: #{desaturate(lighten($dark, 40%), 10%)};
--Layout-aside-onAcitve-bg: #{saturate(darken($dark, 5%), 2.5%)};
--Layout-aside-onHover-bg: #{saturate(darken($dark, 3%), 2.5%)};
@ -1029,22 +853,22 @@
--ListControl-item-onActive-after-borderColor: var(--primary);
--ListControl-item-onActive-before-bg: var(--white);
--ListControl-item-onActive-bg: var(--primary);
--ListControl-item-onActive-borderColor: #{darken($primary, 10%)};
--ListControl-item-onActive-borderColor: var(--colors-brand-4);
--ListControl-item-onActive-color: var(--white);
--ListControl-item-onActive-onHover-bg: var(--primary);
--ListControl-item-onDisabled-bg: var(--ListControl-item-bg);
--ListControl-item-onDisabled-borderColor: #{lighten($borderColor, 5%)};
--ListControl-item-onDisabled-borderColor: var(--colors-neutral-10);
--ListControl-item-onDisabled-color: var(--ListControl-item-color);
--ListControl-item-onDisabled-opacity: 0.6;
--ListControl-item-onHover-bg: #{darken($white, 7.5%)};
--ListControl-item-onHover-borderColor: #{darken($borderColor, 10%)};
--ListControl-item-onHover-bg: var(--colors-neutral-6);
--ListControl-item-onHover-borderColor: var(--colors-neutral-6);
--ListControl-item-onHover-color: var(--ListControl-item-color);
--ListControl-item-paddingX: #{px2rem(12px)};
--ListControl-item-paddingY: #{px2rem(6px)};
--ListControl-item-transition: none;
--ListItem--strip-bg: #f6f8f8;
--ListItem-borderColor: #{lighten($borderColor, 5%)};
--ListItem-borderColor: var(--colors-neutral-10);
--ListItem-borderWidth: var(--List-borderWidth);
--ListItem-onChecked-bg: #d9f3fb;
--ListItem-onChecked-borderColor: #{darken(#d9f3fb, 10%)};
@ -1083,14 +907,10 @@
--Modal-bg: var(--background);
--Modal-body--noHeader-paddingTop: var(--gap-base);
--Modal-body-borderBottom: var(--Modal-content-borderWidth) solid #{lighten(
$borderColor,
5%
)};
--Modal-body-borderTop: var(--Modal-content-borderWidth) solid #{lighten(
$borderColor,
5%
)};
--Modal-body-borderBottom: var(--Modal-content-borderWidth) solid
var(--colors-neutral-10);
--Modal-body-borderTop: var(--Modal-content-borderWidth) solid
var(--colors-neutral-10);
--Modal-body-paddingX: var(--gap-md);
--Modal-body-paddingY: var(--gap-md);
--Modal-close-color: var(--text--muted-color);
@ -1105,7 +925,7 @@
--Modal-footer-marginX: 0;
--Modal-footer-marginY: 0;
--Modal-footer-padding: var(--gap-sm);
--Modal-header-bg: #{darken($white, 2.5%)};
--Modal-header-bg: var(--colors-neutral-10);
--Modal-header-height: #{px2rem(40px)};
--Modal-header-paddingX: var(--gap-md);
--Modal-header-paddingY: calc(
@ -1157,7 +977,7 @@
--Number-handler-onActive-bg: var(--Number-handler-onHover-bg);
--Number-handler-onDisabled-bg: var(--Form-input-onDisabled-bg);
--Number-handler-onDisabled-color: var(--text--muted-color);
--Number-handler-onHover-bg: #{darken($white, 5%)};
--Number-handler-onHover-bg: var(--colors-neutral-9);
--Number-handler-onHover-color: var(--text-color);
--Number-handler-width: var(--gap-lg);
--Number-onDisabled-bg: var(--Form-input-bg);
@ -1183,8 +1003,8 @@
--Pagination-onActive-backgroundColor: var(--primary);
--Pagination-onActive-border: 0;
--Pagination-onActive-color: var(--white);
--Pagination-onDisabled-color: var(--text--muted-color);
--Pagination-onDisabled-backgroundColor: #{$gray200};
--Pagination-onDisabled-color: var(--colors-neutral-6);
--Pagination-onDisabled-backgroundColor: var(--colors-neutral-10);
--Pagination-padding: 0 #{px2rem(8px)};
--Pagination-light-color: #84868c;
@ -1308,8 +1128,8 @@
--Spinner-width: #{px2rem(32px)};
--Spinner-color: #2468f2;
--Switch-bgColor: #{$gray600};
--Switch-borderColor: #{darken($gray600, 10%)};
--Switch-bgColor: var(--colors-neutral-7);
--Switch-borderColor: var(--colors-neutral-6);
--Switch-gap: var(--gap-sm);
--Switch-height: #{px2rem(22px)};
--Switch-onActive-bgColor: var(--info);
@ -1374,14 +1194,14 @@
--Table-onModified-color: #4285f4;
--Table-placeholder-height: #{px2rem(200px)};
--Table-strip-bg: #{$Table-strip-bg};
--Table-tbody-borderTopColor: #{lighten($borderColor, 2.5%)};
--Table-tbody-borderTopColor: var(--colors-neutral-9);
--Table-thead-bg: #f6f8f8;
--Table-thead-borderColor: var(--Table-borderColor);
--Table-thead-borderWidth: var(--Table-borderWidth);
--Table-thead-color: var(--text--loud-color);
--Table-thead-fontSize: var(--fontSizeBase);
--Table-thead-iconColor: var(--icon-color);
--Table-toolbar-marginX: var(--gap-xs);
--Table-toolbar-marginX: #{px2rem(4px)};
--Table-toolbar-marginY: var(--gap-base);
--Table-tree-borderColor: var(--Table-borderColor);
--Table-searchableForm-backgroundColor: #f6f7f8;
@ -1467,11 +1287,11 @@
--Tabs--strong-add-size: #{px2rem(32px)};
--Tabs--strong-arrow-size: #{px2rem(24px)};
--Tabs-borderColor: var(--colors-neutral-8);
--Tabs-link-disabled-color: #b8babf;
--Tabs--simple-split-size: var(--gap-xs) var(--gap-md);
--Tabs--sidebar-iconColor: #2468f2;
--Tabs-borderColor: var(--borderColor);
--Tabs--simple-split-color: var(--Tabs-borderColor);
--Tabs-borderRadius: var(--borderRadius);
--Tabs-borderWidth: var(--borderWidth);
@ -1482,9 +1302,9 @@
--Tabs-linkPadding: var(--gap-sm) var(--gap-base);
--Tabs-onActive-bg: var(--background);
--Tabs-onActive-borderColor: var(--borderColor);
--Tabs-onActive-color: #{$gray700};
--Tabs-onDisabled-color: #{$gray600};
--Tabs-onHover-borderColor: #{$gray200};
--Tabs-onActive-color: var(--colors-neutral-2);
--Tabs-onDisabled-color: var(--colors-neutral-7);
--Tabs-onHover-borderColor: var(--colors-neutral-8);
--Tabs-add-icon-size: #{px2rem(15px)};
--Tabs-add-icon-padding: #{px2rem(1px)};
--Tabs-add-icon-margin: var(--gap-xs);
@ -1514,7 +1334,7 @@
--Tabs--chrome-onHover-bg: #f6f7f8;
--Tabs--chrome-bg: #e7eaed;
--Tabs--chrome-radius-size: #{px2rem(8px)};
--Tabs--chrome-right-boder-color: var(--borderColorDarken);
--Tabs--chrome-right-border-color: var(--colors-neutral-5);
--TagControl-sugBtn-bg: var(--Button--default-bg);
--TagControl-sugBtn-border: var(--Button--default-border);
@ -1524,11 +1344,11 @@
--TagControl-sugBtn-fontSize: var(--Button--sm-fontSize);
--TagControl-sugBtn-height: var(--Button--sm-height);
--TagControl-sugBtn-lineHeight: var(--Button--sm-lineHeight);
--TagControl-sugBtn-onActive-bg: #{darken($white, 10%)};
--TagControl-sugBtn-onActive-border: #{darken($borderColor, 12.5%)};
--TagControl-sugBtn-onActive-bg: var(--colors-neutral-8);
--TagControl-sugBtn-onActive-border: var(--colors-neutral-5);
--TagControl-sugBtn-onActive-color: var(--TagControl-sugBtn-color);
--TagControl-sugBtn-onHover-bg: #{darken($white, 7.5%)};
--TagControl-sugBtn-onHover-border: #{darken($borderColor, 10%)};
--TagControl-sugBtn-onHover-bg: var(--colors-neutral-8);
--TagControl-sugBtn-onHover-border: var(--colors-neutral-6);
--TagControl-sugBtn-onHover-color: var(--Button--default-color);
--TagControl-sugBtn-paddingX: var(--Button--sm-paddingX);
--TagControl-sugBtn-paddingY: calc(
@ -1556,7 +1376,9 @@
--Toast-border-width: 0;
--Toast-borderRadius: #{px2rem(2px)};
--Toast-box-shadow: #{$L1};
--Toast-box-shadow: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
0px 1px 10px 0px rgba(8, 14, 26, 0.05),
0px 2px 4px -1px rgba(8, 14, 26, 0.04);
--Toast-close-color: var(--icon-color);
--Toast-close--onHover-color: var(--Toast-close-color);
@ -1640,7 +1462,7 @@
--Tree-item-onChekced-bg: var(--Form-select-menu-onHover-bg);
--Tree-item-onChekced-bg-borderRadius: #{px2rem(2px)};
--Wizard-badge-bg: #{$gray400};
--Wizard-badge-bg: var(--colors-neutral-5);
--Wizard-badge-border: 0;
--Wizard-badge-borderRadius: #{px2rem(10px)};
--Wizard-badge-color: var(--white);
@ -1650,7 +1472,7 @@
--Wizard-badge-onComplete-backgroundColor: var(--info);
--Wizard-badge-size: var(--gap-md);
--Wizard-steps-bg--isComplete: #f1f5f9;
--Wizard-steps-bg: #{$gray100};
--Wizard-steps-bg: var(--colors-neutral-8);
--Wizard-steps-borderWidth: #{px2rem(1px)};
--Wizard-steps-height: #{px2rem(40px)};
--Wizard-steps-li-onActive-arrow-bg: #fff;
@ -1802,6 +1624,7 @@
--SearchBox-width: #{px2rem(150px)};
--SearchBox-history-dropdown-maxWidth: calc(var(--SearchBox-width) * 2);
--SearchBox-history-dropdown-maxHeight: #{px2rem(200px)};
--SearchBox-hover-color: #2468f2;
--SearchBox-focus-color: #144bcc;
--SearchBox-search-icon-color: #84868c;
@ -1813,4 +1636,24 @@
--SearchBox-enhonce-disabled-color: #f2f2f4;
--SearchBox-enhonce-disabled-search-color: #b8babf;
--SearchBox-enhonce-clearable-gap: #{px2rem(6px)};
--IconSelect-searchBox-width: #{px2rem(246px)};
--IconSelect-type-item-height: #{px2rem(48px)};
--IconSelect-dialog-height: #{50vh};
--IconSelect-base-margin: var(--gap-base);
--IconSelect-xs-margin: var(--gap-xs);
--IconSelect-sm-padding: #{px2rem(6px)};
--IconSelect-base-border-radius: var(--borderRadiusMd);
--IconSelect-border-color: var(--menu-border-color);
--IconSelect-preivew-icon-size: #{px2rem(20px)};
--IconSelect-list-icon-size: #{px2rem(24px)};
--IconSelect-type-font-size: var(--fontSizeSm);
--IconSelect-active-badge-color: var(--white);
--IconSelect-active-bg-color: var(--colors-brand-5);
--IconSelect-icon-name-color: var(--colors-neutral-2);
--IconSelect-icon-id-color: var(--colors-neutral-5);
--IconSelect-icon-placeholder-color: var(--colors-neutral-6);
--IconSelect-type-width: #{px2rem(88px)};
--IconSelect-type-li-height: #{px2rem(32px)};
--IconSelect-type-li-padding: var(--gap-md);
}

4
packages/amis-ui/scss/base/_normalize.scss
View File

@ -348,6 +348,10 @@ svg.icon {
top: 0.125em;
}
svg.icon-object {
top: 0;
}
svg.r90 {
transform: rotate(90deg);
}

1
packages/amis-ui/scss/components/_alert.scss
View File

@ -16,7 +16,6 @@
padding: var(--Alert-paddingX);
.#{$ns}Alert-content {
.#{$ns}Alert-title {
line-height: #{px2rem(22px)};
}

11
packages/amis-ui/scss/components/_array-input.scss
View File

@ -13,12 +13,17 @@
font-size: var(--Combo-addBtn-fontSize);
@include button-size(
var(--Combo-addBtn-paddingY),
var(--Combo-addBtn-paddingX),
var(--Combo-addBtn-fontSize),
var(--Combo-addBtn-lineHeight),
var(--Combo-addBtn-borderRadius),
var(--Combo-addBtn-height)
var(--Combo-addBtn-borderRadius),
var(--Combo-addBtn-borderRadius),
var(--Combo-addBtn-borderRadius),
var(--Combo-addBtn-height),
var(--Combo-addBtn-paddingY),
var(--Combo-addBtn-paddingY),
var(--Combo-addBtn-paddingX),
var(--Combo-addBtn-paddingX)
);
@include button-variant(

874
packages/amis-ui/scss/components/_button.scss
View File

@ -1,163 +1,646 @@
.#{$ns}Button {
display: inline-block;
font-weight: var(--Button-fontWeight);
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
user-select: none;
background: transparent;
border: var(--Button-borderWidth) solid transparent;
transition: var(--Button-transition);
white-space: nowrap;
min-width: var(--Button-mimWidth);
min-width: auto;
&--primary {
@include button-variant(
var(--Button--primary-bg),
var(--Button--primary-border),
var(--Button--primary-color),
var(--Button--primary-onHover-bg),
var(--Button--primary-onHover-border),
var(--Button--primary-onHover-color),
var(--Button--primary-onActive-bg),
var(--Button--primary-onActive-border),
var(--Button--primary-onActive-color)
var(--button-primary-default-bg-color),
var(--button-primary-default-font-color),
var(--button-primary-default-top-border-color),
var(--button-primary-default-right-border-color),
var(--button-primary-default-bottom-border-color),
var(--button-primary-default-left-border-color),
var(--button-primary-default-top-border-width),
var(--button-primary-default-right-border-width),
var(--button-primary-default-bottom-border-width),
var(--button-primary-default-left-border-width),
var(--button-primary-default-top-border-style),
var(--button-primary-default-right-border-style),
var(--button-primary-default-bottom-border-style),
var(--button-primary-default-left-border-style),
var(--button-primary-default-shadow),
var(--button-primary-hover-bg-color),
var(--button-primary-hover-font-color),
var(--button-primary-hover-top-border-color),
var(--button-primary-hover-right-border-color),
var(--button-primary-hover-bottom-border-color),
var(--button-primary-hover-left-border-color),
var(--button-primary-hover-top-border-width),
var(--button-primary-hover-right-border-width),
var(--button-primary-hover-bottom-border-width),
var(--button-primary-hover-left-border-width),
var(--button-primary-hover-top-border-style),
var(--button-primary-hover-right-border-style),
var(--button-primary-hover-bottom-border-style),
var(--button-primary-hover-left-border-style),
var(--button-primary-hover-shadow),
var(--button-primary-active-bg-color),
var(--button-primary-active-font-color),
var(--button-primary-active-top-border-color),
var(--button-primary-active-right-border-color),
var(--button-primary-active-bottom-border-color),
var(--button-primary-active-left-border-color),
var(--button-primary-active-top-border-width),
var(--button-primary-active-right-border-width),
var(--button-primary-active-bottom-border-width),
var(--button-primary-active-left-border-width),
var(--button-primary-active-top-border-style),
var(--button-primary-active-right-border-style),
var(--button-primary-active-bottom-border-style),
var(--button-primary-active-left-border-style),
var(--button-primary-active-shadow),
var(--button-primary-disabled-bg-color),
var(--button-primary-disabled-font-color),
var(--button-primary-disabled-top-border-color),
var(--button-primary-disabled-right-border-color),
var(--button-primary-disabled-bottom-border-color),
var(--button-primary-disabled-left-border-color),
var(--button-primary-disabled-top-border-width),
var(--button-primary-disabled-right-border-width),
var(--button-primary-disabled-bottom-border-width),
var(--button-primary-disabled-left-border-width),
var(--button-primary-disabled-top-border-style),
var(--button-primary-disabled-right-border-style),
var(--button-primary-disabled-bottom-border-style),
var(--button-primary-disabled-left-border-style),
var(--button-primary-disabled-shadow)
);
}
&--secondary {
@include button-variant(
var(--Button--secondary-bg),
var(--Button--secondary-border),
var(--Button--secondary-color),
var(--Button--secondary-onHover-bg),
var(--Button--secondary-onHover-border),
var(--Button--secondary-onHover-color),
var(--Button--secondary-onActive-bg),
var(--Button--secondary-onActive-border),
var(--Button--secondary-onActive-color)
var(--button-secondary-default-bg-color),
var(--button-secondary-default-font-color),
var(--button-secondary-default-top-border-color),
var(--button-secondary-default-right-border-color),
var(--button-secondary-default-bottom-border-color),
var(--button-secondary-default-left-border-color),
var(--button-secondary-default-top-border-width),
var(--button-secondary-default-right-border-width),
var(--button-secondary-default-bottom-border-width),
var(--button-secondary-default-left-border-width),
var(--button-secondary-default-top-border-style),
var(--button-secondary-default-right-border-style),
var(--button-secondary-default-bottom-border-style),
var(--button-secondary-default-left-border-style),
var(--button-secondary-default-shadow),
var(--button-secondary-hover-bg-color),
var(--button-secondary-hover-font-color),
var(--button-secondary-hover-top-border-color),
var(--button-secondary-hover-right-border-color),
var(--button-secondary-hover-bottom-border-color),
var(--button-secondary-hover-left-border-color),
var(--button-secondary-hover-top-border-width),
var(--button-secondary-hover-right-border-width),
var(--button-secondary-hover-bottom-border-width),
var(--button-secondary-hover-left-border-width),
var(--button-secondary-hover-top-border-style),
var(--button-secondary-hover-right-border-style),
var(--button-secondary-hover-bottom-border-style),
var(--button-secondary-hover-left-border-style),
var(--button-secondary-hover-shadow),
var(--button-secondary-active-bg-color),
var(--button-secondary-active-font-color),
var(--button-secondary-active-top-border-color),
var(--button-secondary-active-right-border-color),
var(--button-secondary-active-bottom-border-color),
var(--button-secondary-active-left-border-color),
var(--button-secondary-active-top-border-width),
var(--button-secondary-active-right-border-width),
var(--button-secondary-active-bottom-border-width),
var(--button-secondary-active-left-border-width),
var(--button-secondary-active-top-border-style),
var(--button-secondary-active-right-border-style),
var(--button-secondary-active-bottom-border-style),
var(--button-secondary-active-left-border-style),
var(--button-secondary-active-shadow),
var(--button-secondary-disabled-bg-color),
var(--button-secondary-disabled-font-color),
var(--button-secondary-disabled-top-border-color),
var(--button-secondary-disabled-right-border-color),
var(--button-secondary-disabled-bottom-border-color),
var(--button-secondary-disabled-left-border-color),
var(--button-secondary-disabled-top-border-width),
var(--button-secondary-disabled-right-border-width),
var(--button-secondary-disabled-bottom-border-width),
var(--button-secondary-disabled-left-border-width),
var(--button-secondary-disabled-top-border-style),
var(--button-secondary-disabled-right-border-style),
var(--button-secondary-disabled-bottom-border-style),
var(--button-secondary-disabled-left-border-style),
var(--button-secondary-disabled-shadow)
);
}
&--success {
@include button-variant(
var(--Button--success-bg),
var(--Button--success-border),
var(--Button--success-color),
var(--Button--success-onHover-bg),
var(--Button--success-onHover-border),
var(--Button--success-onHover-color),
var(--Button--success-onActive-bg),
var(--Button--success-onActive-border),
var(--Button--success-onActive-color)
var(--button-success-default-bg-color),
var(--button-success-default-font-color),
var(--button-success-default-top-border-color),
var(--button-success-default-right-border-color),
var(--button-success-default-bottom-border-color),
var(--button-success-default-left-border-color),
var(--button-success-default-top-border-width),
var(--button-success-default-right-border-width),
var(--button-success-default-bottom-border-width),
var(--button-success-default-left-border-width),
var(--button-success-default-top-border-style),
var(--button-success-default-right-border-style),
var(--button-success-default-bottom-border-style),
var(--button-success-default-left-border-style),
var(--button-success-default-shadow),
var(--button-success-hover-bg-color),
var(--button-success-hover-font-color),
var(--button-success-hover-top-border-color),
var(--button-success-hover-right-border-color),
var(--button-success-hover-bottom-border-color),
var(--button-success-hover-left-border-color),
var(--button-success-hover-top-border-width),
var(--button-success-hover-right-border-width),
var(--button-success-hover-bottom-border-width),
var(--button-success-hover-left-border-width),
var(--button-success-hover-top-border-style),
var(--button-success-hover-right-border-style),
var(--button-success-hover-bottom-border-style),
var(--button-success-hover-left-border-style),
var(--button-success-hover-shadow),
var(--button-success-active-bg-color),
var(--button-success-active-font-color),
var(--button-success-active-top-border-color),
var(--button-success-active-right-border-color),
var(--button-success-active-bottom-border-color),
var(--button-success-active-left-border-color),
var(--button-success-active-top-border-width),
var(--button-success-active-right-border-width),
var(--button-success-active-bottom-border-width),
var(--button-success-active-left-border-width),
var(--button-success-active-top-border-style),
var(--button-success-active-right-border-style),
var(--button-success-active-bottom-border-style),
var(--button-success-active-left-border-style),
var(--button-success-active-shadow),
var(--button-success-disabled-bg-color),
var(--button-success-disabled-font-color),
var(--button-success-disabled-top-border-color),
var(--button-success-disabled-right-border-color),
var(--button-success-disabled-bottom-border-color),
var(--button-success-disabled-left-border-color),
var(--button-success-disabled-top-border-width),
var(--button-success-disabled-right-border-width),
var(--button-success-disabled-bottom-border-width),
var(--button-success-disabled-left-border-width),
var(--button-success-disabled-top-border-style),
var(--button-success-disabled-right-border-style),
var(--button-success-disabled-bottom-border-style),
var(--button-success-disabled-left-border-style),
var(--button-success-disabled-shadow)
);
}
&--enhance {
@include button-variant(
var(--Button--enhance-bg),
var(--Button--enhance-border),
var(--Button--enhance-color),
var(--Button--enhance-onHover-bg),
var(--Button--enhance-onHover-border),
var(--Button--enhance-onHover-color),
var(--Button--enhance-onActive-bg),
var(--Button--enhance-onActive-border),
var(--Button--enhance-onActive-color)
var(--button-enhance-default-bg-color),
var(--button-enhance-default-font-color),
var(--button-enhance-default-top-border-color),
var(--button-enhance-default-right-border-color),
var(--button-enhance-default-bottom-border-color),
var(--button-enhance-default-left-border-color),
var(--button-enhance-default-top-border-width),
var(--button-enhance-default-right-border-width),
var(--button-enhance-default-bottom-border-width),
var(--button-enhance-default-left-border-width),
var(--button-enhance-default-top-border-style),
var(--button-enhance-default-right-border-style),
var(--button-enhance-default-bottom-border-style),
var(--button-enhance-default-left-border-style),
var(--button-enhance-default-shadow),
var(--button-enhance-hover-bg-color),
var(--button-enhance-hover-font-color),
var(--button-enhance-hover-top-border-color),
var(--button-enhance-hover-right-border-color),
var(--button-enhance-hover-bottom-border-color),
var(--button-enhance-hover-left-border-color),
var(--button-enhance-hover-top-border-width),
var(--button-enhance-hover-right-border-width),
var(--button-enhance-hover-bottom-border-width),
var(--button-enhance-hover-left-border-width),
var(--button-enhance-hover-top-border-style),
var(--button-enhance-hover-right-border-style),
var(--button-enhance-hover-bottom-border-style),
var(--button-enhance-hover-left-border-style),
var(--button-enhance-hover-shadow),
var(--button-enhance-active-bg-color),
var(--button-enhance-active-font-color),
var(--button-enhance-active-top-border-color),
var(--button-enhance-active-right-border-color),
var(--button-enhance-active-bottom-border-color),
var(--button-enhance-active-left-border-color),
var(--button-enhance-active-top-border-width),
var(--button-enhance-active-right-border-width),
var(--button-enhance-active-bottom-border-width),
var(--button-enhance-active-left-border-width),
var(--button-enhance-active-top-border-style),
var(--button-enhance-active-right-border-style),
var(--button-enhance-active-bottom-border-style),
var(--button-enhance-active-left-border-style),
var(--button-enhance-active-shadow),
var(--button-enhance-disabled-bg-color),
var(--button-enhance-disabled-font-color),
var(--button-enhance-disabled-top-border-color),
var(--button-enhance-disabled-right-border-color),
var(--button-enhance-disabled-bottom-border-color),
var(--button-enhance-disabled-left-border-color),
var(--button-enhance-disabled-top-border-width),
var(--button-enhance-disabled-right-border-width),
var(--button-enhance-disabled-bottom-border-width),
var(--button-enhance-disabled-left-border-width),
var(--button-enhance-disabled-top-border-style),
var(--button-enhance-disabled-right-border-style),
var(--button-enhance-disabled-bottom-border-style),
var(--button-enhance-disabled-left-border-style),
var(--button-enhance-disabled-shadow)
);
}
&--info {
@include button-variant(
var(--Button--info-bg),
var(--Button--info-border),
var(--Button--info-color),
var(--Button--info-onHover-bg),
var(--Button--info-onHover-border),
var(--Button--info-onHover-color),
var(--Button--info-onActive-bg),
var(--Button--info-onActive-border),
var(--Button--info-onActive-color)
var(--button-info-default-bg-color),
var(--button-info-default-font-color),
var(--button-info-default-top-border-color),
var(--button-info-default-right-border-color),
var(--button-info-default-bottom-border-color),
var(--button-info-default-left-border-color),
var(--button-info-default-top-border-width),
var(--button-info-default-right-border-width),
var(--button-info-default-bottom-border-width),
var(--button-info-default-left-border-width),
var(--button-info-default-top-border-style),
var(--button-info-default-right-border-style),
var(--button-info-default-bottom-border-style),
var(--button-info-default-left-border-style),
var(--button-info-default-shadow),
var(--button-info-hover-bg-color),
var(--button-info-hover-font-color),
var(--button-info-hover-top-border-color),
var(--button-info-hover-right-border-color),
var(--button-info-hover-bottom-border-color),
var(--button-info-hover-left-border-color),
var(--button-info-hover-top-border-width),
var(--button-info-hover-right-border-width),
var(--button-info-hover-bottom-border-width),
var(--button-info-hover-left-border-width),
var(--button-info-hover-top-border-style),
var(--button-info-hover-right-border-style),
var(--button-info-hover-bottom-border-style),
var(--button-info-hover-left-border-style),
var(--button-info-hover-shadow),
var(--button-info-active-bg-color),
var(--button-info-active-font-color),
var(--button-info-active-top-border-color),
var(--button-info-active-right-border-color),
var(--button-info-active-bottom-border-color),
var(--button-info-active-left-border-color),
var(--button-info-active-top-border-width),
var(--button-info-active-right-border-width),
var(--button-info-active-bottom-border-width),
var(--button-info-active-left-border-width),
var(--button-info-active-top-border-style),
var(--button-info-active-right-border-style),
var(--button-info-active-bottom-border-style),
var(--button-info-active-left-border-style),
var(--button-info-active-shadow),
var(--button-info-disabled-bg-color),
var(--button-info-disabled-font-color),
var(--button-info-disabled-top-border-color),
var(--button-info-disabled-right-border-color),
var(--button-info-disabled-bottom-border-color),
var(--button-info-disabled-left-border-color),
var(--button-info-disabled-top-border-width),
var(--button-info-disabled-right-border-width),
var(--button-info-disabled-bottom-border-width),
var(--button-info-disabled-left-border-width),
var(--button-info-disabled-top-border-style),
var(--button-info-disabled-right-border-style),
var(--button-info-disabled-bottom-border-style),
var(--button-info-disabled-left-border-style),
var(--button-info-disabled-shadow)
);
}
&--warning {
@include button-variant(
var(--Button--warning-bg),
var(--Button--warning-border),
var(--Button--warning-color),
var(--Button--warning-onHover-bg),
var(--Button--warning-onHover-border),
var(--Button--warning-onHover-color),
var(--Button--warning-onActive-bg),
var(--Button--warning-onActive-border),
var(--Button--warning-onActive-color)
var(--button-warning-default-bg-color),
var(--button-warning-default-font-color),
var(--button-warning-default-top-border-color),
var(--button-warning-default-right-border-color),
var(--button-warning-default-bottom-border-color),
var(--button-warning-default-left-border-color),
var(--button-warning-default-top-border-width),
var(--button-warning-default-right-border-width),
var(--button-warning-default-bottom-border-width),
var(--button-warning-default-left-border-width),
var(--button-warning-default-top-border-style),
var(--button-warning-default-right-border-style),
var(--button-warning-default-bottom-border-style),
var(--button-warning-default-left-border-style),
var(--button-warning-default-shadow),
var(--button-warning-hover-bg-color),
var(--button-warning-hover-font-color),
var(--button-warning-hover-top-border-color),
var(--button-warning-hover-right-border-color),
var(--button-warning-hover-bottom-border-color),
var(--button-warning-hover-left-border-color),
var(--button-warning-hover-top-border-width),
var(--button-warning-hover-right-border-width),
var(--button-warning-hover-bottom-border-width),
var(--button-warning-hover-left-border-width),
var(--button-warning-hover-top-border-style),
var(--button-warning-hover-right-border-style),
var(--button-warning-hover-bottom-border-style),
var(--button-warning-hover-left-border-style),
var(--button-warning-hover-shadow),
var(--button-warning-active-bg-color),
var(--button-warning-active-font-color),
var(--button-warning-active-top-border-color),
var(--button-warning-active-right-border-color),
var(--button-warning-active-bottom-border-color),
var(--button-warning-active-left-border-color),
var(--button-warning-active-top-border-width),
var(--button-warning-active-right-border-width),
var(--button-warning-active-bottom-border-width),
var(--button-warning-active-left-border-width),
var(--button-warning-active-top-border-style),
var(--button-warning-active-right-border-style),
var(--button-warning-active-bottom-border-style),
var(--button-warning-active-left-border-style),
var(--button-warning-active-shadow),
var(--button-warning-disabled-bg-color),
var(--button-warning-disabled-font-color),
var(--button-warning-disabled-top-border-color),
var(--button-warning-disabled-right-border-color),
var(--button-warning-disabled-bottom-border-color),
var(--button-warning-disabled-left-border-color),
var(--button-warning-disabled-top-border-width),
var(--button-warning-disabled-right-border-width),
var(--button-warning-disabled-bottom-border-width),
var(--button-warning-disabled-left-border-width),
var(--button-warning-disabled-top-border-style),
var(--button-warning-disabled-right-border-style),
var(--button-warning-disabled-bottom-border-style),
var(--button-warning-disabled-left-border-style),
var(--button-warning-disabled-shadow)
);
}
&--danger {
@include button-variant(
var(--Button--danger-bg),
var(--Button--danger-border),
var(--Button--danger-color),
var(--Button--danger-onHover-bg),
var(--Button--danger-onHover-border),
var(--Button--danger-onHover-color),
var(--Button--danger-onActive-bg),
var(--Button--danger-onActive-border),
var(--Button--danger-onActive-color)
var(--button-danger-default-bg-color),
var(--button-danger-default-font-color),
var(--button-danger-default-top-border-color),
var(--button-danger-default-right-border-color),
var(--button-danger-default-bottom-border-color),
var(--button-danger-default-left-border-color),
var(--button-danger-default-top-border-width),
var(--button-danger-default-right-border-width),
var(--button-danger-default-bottom-border-width),
var(--button-danger-default-left-border-width),
var(--button-danger-default-top-border-style),
var(--button-danger-default-right-border-style),
var(--button-danger-default-bottom-border-style),
var(--button-danger-default-left-border-style),
var(--button-danger-default-shadow),
var(--button-danger-hover-bg-color),
var(--button-danger-hover-font-color),
var(--button-danger-hover-top-border-color),
var(--button-danger-hover-right-border-color),
var(--button-danger-hover-bottom-border-color),
var(--button-danger-hover-left-border-color),
var(--button-danger-hover-top-border-width),
var(--button-danger-hover-right-border-width),
var(--button-danger-hover-bottom-border-width),
var(--button-danger-hover-left-border-width),
var(--button-danger-hover-top-border-style),
var(--button-danger-hover-right-border-style),
var(--button-danger-hover-bottom-border-style),
var(--button-danger-hover-left-border-style),
var(--button-danger-hover-shadow),
var(--button-danger-active-bg-color),
var(--button-danger-active-font-color),
var(--button-danger-active-top-border-color),
var(--button-danger-active-right-border-color),
var(--button-danger-active-bottom-border-color),
var(--button-danger-active-left-border-color),
var(--button-danger-active-top-border-width),
var(--button-danger-active-right-border-width),
var(--button-danger-active-bottom-border-width),
var(--button-danger-active-left-border-width),
var(--button-danger-active-top-border-style),
var(--button-danger-active-right-border-style),
var(--button-danger-active-bottom-border-style),
var(--button-danger-active-left-border-style),
var(--button-danger-active-shadow),
var(--button-danger-disabled-bg-color),
var(--button-danger-disabled-font-color),
var(--button-danger-disabled-top-border-color),
var(--button-danger-disabled-right-border-color),
var(--button-danger-disabled-bottom-border-color),
var(--button-danger-disabled-left-border-color),
var(--button-danger-disabled-top-border-width),
var(--button-danger-disabled-right-border-width),
var(--button-danger-disabled-bottom-border-width),
var(--button-danger-disabled-left-border-width),
var(--button-danger-disabled-top-border-style),
var(--button-danger-disabled-right-border-style),
var(--button-danger-disabled-bottom-border-style),
var(--button-danger-disabled-left-border-style),
var(--button-danger-disabled-shadow)
);
}
&--light {
@include button-variant(
var(--Button--light-bg),
var(--Button--light-border),
var(--Button--light-color),
var(--Button--light-onHover-bg),
var(--Button--light-onHover-border),
var(--Button--light-onHover-color),
var(--Button--light-onActive-bg),
var(--Button--light-onActive-border),
var(--Button--light-onActive-color)
var(--button-light-default-bg-color),
var(--button-light-default-font-color),
var(--button-light-default-top-border-color),
var(--button-light-default-right-border-color),
var(--button-light-default-bottom-border-color),
var(--button-light-default-left-border-color),
var(--button-light-default-top-border-width),
var(--button-light-default-right-border-width),
var(--button-light-default-bottom-border-width),
var(--button-light-default-left-border-width),
var(--button-light-default-top-border-style),
var(--button-light-default-right-border-style),
var(--button-light-default-bottom-border-style),
var(--button-light-default-left-border-style),
var(--button-light-default-shadow),
var(--button-light-hover-bg-color),
var(--button-light-hover-font-color),
var(--button-light-hover-top-border-color),
var(--button-light-hover-right-border-color),
var(--button-light-hover-bottom-border-color),
var(--button-light-hover-left-border-color),
var(--button-light-hover-top-border-width),
var(--button-light-hover-right-border-width),
var(--button-light-hover-bottom-border-width),
var(--button-light-hover-left-border-width),
var(--button-light-hover-top-border-style),
var(--button-light-hover-right-border-style),
var(--button-light-hover-bottom-border-style),
var(--button-light-hover-left-border-style),
var(--button-light-hover-shadow),
var(--button-light-active-bg-color),
var(--button-light-active-font-color),
var(--button-light-active-top-border-color),
var(--button-light-active-right-border-color),
var(--button-light-active-bottom-border-color),
var(--button-light-active-left-border-color),
var(--button-light-active-top-border-width),
var(--button-light-active-right-border-width),
var(--button-light-active-bottom-border-width),
var(--button-light-active-left-border-width),
var(--button-light-active-top-border-style),
var(--button-light-active-right-border-style),
var(--button-light-active-bottom-border-style),
var(--button-light-active-left-border-style),
var(--button-light-active-shadow),
var(--button-light-disabled-bg-color),
var(--button-light-disabled-font-color),
var(--button-light-disabled-top-border-color),
var(--button-light-disabled-right-border-color),
var(--button-light-disabled-bottom-border-color),
var(--button-light-disabled-left-border-color),
var(--button-light-disabled-top-border-width),
var(--button-light-disabled-right-border-width),
var(--button-light-disabled-bottom-border-width),
var(--button-light-disabled-left-border-width),
var(--button-light-disabled-top-border-style),
var(--button-light-disabled-right-border-style),
var(--button-light-disabled-bottom-border-style),
var(--button-light-disabled-left-border-style),
var(--button-light-disabled-shadow)
);
}
&--dark {
@include button-variant(
var(--Button--dark-bg),
var(--Button--dark-border),
var(--Button--dark-color),
var(--Button--dark-onHover-bg),
var(--Button--dark-onHover-border),
var(--Button--dark-onHover-color),
var(--Button--dark-onActive-bg),
var(--Button--dark-onActive-border),
var(--Button--dark-onActive-color)
var(--button-dark-default-bg-color),
var(--button-dark-default-font-color),
var(--button-dark-default-top-border-color),
var(--button-dark-default-right-border-color),
var(--button-dark-default-bottom-border-color),
var(--button-dark-default-left-border-color),
var(--button-dark-default-top-border-width),
var(--button-dark-default-right-border-width),
var(--button-dark-default-bottom-border-width),
var(--button-dark-default-left-border-width),
var(--button-dark-default-top-border-style),
var(--button-dark-default-right-border-style),
var(--button-dark-default-bottom-border-style),
var(--button-dark-default-left-border-style),
var(--button-dark-default-shadow),
var(--button-dark-hover-bg-color),
var(--button-dark-hover-font-color),
var(--button-dark-hover-top-border-color),
var(--button-dark-hover-right-border-color),
var(--button-dark-hover-bottom-border-color),
var(--button-dark-hover-left-border-color),
var(--button-dark-hover-top-border-width),
var(--button-dark-hover-right-border-width),
var(--button-dark-hover-bottom-border-width),
var(--button-dark-hover-left-border-width),
var(--button-dark-hover-top-border-style),
var(--button-dark-hover-right-border-style),
var(--button-dark-hover-bottom-border-style),
var(--button-dark-hover-left-border-style),
var(--button-dark-hover-shadow),
var(--button-dark-active-bg-color),
var(--button-dark-active-font-color),
var(--button-dark-active-top-border-color),
var(--button-dark-active-right-border-color),
var(--button-dark-active-bottom-border-color),
var(--button-dark-active-left-border-color),
var(--button-dark-active-top-border-width),
var(--button-dark-active-right-border-width),
var(--button-dark-active-bottom-border-width),
var(--button-dark-active-left-border-width),
var(--button-dark-active-top-border-style),
var(--button-dark-active-right-border-style),
var(--button-dark-active-bottom-border-style),
var(--button-dark-active-left-border-style),
var(--button-dark-active-shadow),
var(--button-dark-disabled-bg-color),
var(--button-dark-disabled-font-color),
var(--button-dark-disabled-top-border-color),
var(--button-dark-disabled-right-border-color),
var(--button-dark-disabled-bottom-border-color),
var(--button-dark-disabled-left-border-color),
var(--button-dark-disabled-top-border-width),
var(--button-dark-disabled-right-border-width),
var(--button-dark-disabled-bottom-border-width),
var(--button-dark-disabled-left-border-width),
var(--button-dark-disabled-top-border-style),
var(--button-dark-disabled-right-border-style),
var(--button-dark-disabled-bottom-border-style),
var(--button-dark-disabled-left-border-style),
var(--button-dark-disabled-shadow)
);
}
&--default {
@include button-variant(
var(--Button--default-bg),
var(--Button--default-border),
var(--Button--default-color),
var(--Button--default-onHover-bg),
var(--Button--default-onHover-border),
var(--Button--default-onHover-color),
var(--Button--default-onActive-bg),
var(--Button--default-onActive-border),
var(--Button--default-onActive-color)
@include button-variant();
}
&--size-default {
@include button-size(
var(--button-size-default-font-size),
var(--button-size-default-font-lineHeight),
var(--button-size-default-top-right-border-radius),
var(--button-size-default-top-left-border-radius),
var(--button-size-default-bottom-right-border-radius),
var(--button-size-default-bottom-left-border-radius),
var(--button-size-default-height),
var(--button-size-default-paddingTop),
var(--button-size-default-paddingBottom),
var(--button-size-default-paddingLeft),
var(--button-size-default-paddingRight),
var(--button-size-default-marginTop),
var(--button-size-default-marginBottom),
var(--button-size-default-marginLeft),
var(--button-size-default-marginRight),
var(--button-size-default-minWith),
var(--button-size-default-icon-size),
var(--button-size-default-icon-margin)
);
}
&--xs {
&--size-xs {
@include button-size(
var(--Button--xs-paddingY),
var(--Button--xs-paddingX),
var(--Button--xs-fontSize),
var(--Button--xs-lineHeight),
var(--Button--sm-borderRadius),
var(--Button--xs-height)
var(--button-size-xs-font-size),
var(--button-size-xs-font-lineHeight),
var(--button-size-xs-top-right-border-radius),
var(--button-size-xs-top-left-border-radius),
var(--button-size-xs-bottom-right-border-radius),
var(--button-size-xs-bottom-left-border-radius),
var(--button-size-xs-height),
var(--button-size-xs-paddingTop),
var(--button-size-xs-paddingBottom),
var(--button-size-xs-paddingLeft),
var(--button-size-xs-paddingRight),
var(--button-size-xs-marginTop),
var(--button-size-xs-marginBottom),
var(--button-size-xs-marginLeft),
var(--button-size-xs-marginRight),
var(--button-size-xs-minWith),
var(--button-size-xs-icon-size),
var(--button-size-xs-icon-margin)
);
&.#{$ns}Button--iconOnly {
@ -167,14 +650,26 @@
}
}
&--sm {
&--size-sm {
@include button-size(
var(--Button--sm-paddingY),
var(--Button--sm-paddingX),
var(--Button--sm-fontSize),
var(--Button--sm-lineHeight),
var(--Button--sm-borderRadius),
var(--Button--sm-height)
var(--button-size-sm-font-size),
var(--button-size-sm-font-lineHeight),
var(--button-size-sm-top-right-border-radius),
var(--button-size-sm-top-left-border-radius),
var(--button-size-sm-bottom-right-border-radius),
var(--button-size-sm-bottom-left-border-radius),
var(--button-size-sm-height),
var(--button-size-sm-paddingTop),
var(--button-size-sm-paddingBottom),
var(--button-size-sm-paddingLeft),
var(--button-size-sm-paddingRight),
var(--button-size-sm-marginTop),
var(--button-size-sm-marginBottom),
var(--button-size-sm-marginLeft),
var(--button-size-sm-marginRight),
var(--button-size-sm-minWith),
var(--button-size-sm-icon-size),
var(--button-size-sm-icon-margin)
);
&.#{$ns}Button--iconOnly {
@ -184,14 +679,26 @@
}
}
&--md {
&--size-md {
@include button-size(
var(--Button--md-paddingY),
var(--Button--md-paddingX),
var(--Button--md-fontSize),
var(--Button--md-lineHeight),
var(--Button-borderRadius),
var(--Button--md-height)
var(--button-size-md-font-size),
var(--button-size-md-font-lineHeight),
var(--button-size-md-top-right-border-radius),
var(--button-size-md-top-left-border-radius),
var(--button-size-md-bottom-right-border-radius),
var(--button-size-md-bottom-left-border-radius),
var(--button-size-md-height),
var(--button-size-md-paddingTop),
var(--button-size-md-paddingBottom),
var(--button-size-md-paddingLeft),
var(--button-size-md-paddingRight),
var(--button-size-md-marginTop),
var(--button-size-md-marginBottom),
var(--button-size-md-marginLeft),
var(--button-size-md-marginRight),
var(--button-size-md-minWith),
var(--button-size-md-icon-size),
var(--button-size-md-icon-margin)
);
&.#{$ns}Button--iconOnly {
@ -201,14 +708,26 @@
}
}
&--lg {
&--size-lg {
@include button-size(
var(--Button--lg-paddingY),
var(--Button--lg-paddingX),
var(--Button--lg-fontSize),
var(--Button--lg-lineHeight),
var(--Button--lg-borderRadius),
var(--Button--lg-height)
var(--button-size-lg-font-size),
var(--button-size-lg-font-lineHeight),
var(--button-size-lg-top-right-border-radius),
var(--button-size-lg-top-left-border-radius),
var(--button-size-lg-bottom-right-border-radius),
var(--button-size-lg-bottom-left-border-radius),
var(--button-size-lg-height),
var(--button-size-lg-paddingTop),
var(--button-size-lg-paddingBottom),
var(--button-size-lg-paddingLeft),
var(--button-size-lg-paddingRight),
var(--button-size-lg-marginTop),
var(--button-size-lg-marginBottom),
var(--button-size-lg-marginLeft),
var(--button-size-lg-marginRight),
var(--button-size-lg-minWith),
var(--button-size-lg-icon-size),
var(--button-size-lg-icon-margin)
);
&.#{$ns}Button--iconOnly {
@ -252,15 +771,6 @@
}
}
@include button-size(
var(--Button-paddingY),
var(--Button-paddingX),
var(--Button-fontSize),
var(--Button-lineHeight),
var(--Button-borderRadius),
var(--Button-height)
);
@include hover-focus {
// color: var(--text-color);
text-decoration: none;
@ -274,13 +784,8 @@
&.is-disabled,
&:disabled {
// opacity: var(--Button-onDisabled-opacity);
filter: grayscale(100%);
box-shadow: none;
cursor: not-allowed;
color: var(--text--muted-color);
border: var(--Button-borderWidth) solid var(--Button-onDisabled-borderColor);
background: var(--Button-onDisabled-bg);
& > svg,
& > svg path {
@ -293,35 +798,72 @@
}
&--link {
width: auto;
min-width: auto;
font-weight: var(--fontWeightNormal);
color: var(--Button--link-color);
text-decoration: var(--link-decoration);
border: none;
height: auto;
@include button-variant(
var(--button-link-default-bg-color),
var(--button-link-default-font-color),
var(--button-link-default-top-border-color),
var(--button-link-default-right-border-color),
var(--button-link-default-bottom-border-color),
var(--button-link-default-left-border-color),
var(--button-link-default-top-border-width),
var(--button-link-default-right-border-width),
var(--button-link-default-bottom-border-width),
var(--button-link-default-left-border-width),
var(--button-link-default-top-border-style),
var(--button-link-default-right-border-style),
var(--button-link-default-bottom-border-style),
var(--button-link-default-left-border-style),
var(--button-link-default-shadow),
var(--button-link-hover-bg-color),
var(--button-link-hover-font-color),
var(--button-link-hover-top-border-color),
var(--button-link-hover-right-border-color),
var(--button-link-hover-bottom-border-color),
var(--button-link-hover-left-border-color),
var(--button-link-hover-top-border-width),
var(--button-link-hover-right-border-width),
var(--button-link-hover-bottom-border-width),
var(--button-link-hover-left-border-width),
var(--button-link-hover-top-border-style),
var(--button-link-hover-right-border-style),
var(--button-link-hover-bottom-border-style),
var(--button-link-hover-left-border-style),
var(--button-link-hover-shadow),
var(--button-link-active-bg-color),
var(--button-link-active-font-color),
var(--button-link-active-top-border-color),
var(--button-link-active-right-border-color),
var(--button-link-active-bottom-border-color),
var(--button-link-active-left-border-color),
var(--button-link-active-top-border-width),
var(--button-link-active-right-border-width),
var(--button-link-active-bottom-border-width),
var(--button-link-active-left-border-width),
var(--button-link-active-top-border-style),
var(--button-link-active-right-border-style),
var(--button-link-active-bottom-border-style),
var(--button-link-active-left-border-style),
var(--button-link-active-shadow),
var(--button-link-disabled-bg-color),
var(--button-link-disabled-font-color),
var(--button-link-disabled-top-border-color),
var(--button-link-disabled-right-border-color),
var(--button-link-disabled-bottom-border-color),
var(--button-link-disabled-left-border-color),
var(--button-link-disabled-top-border-width),
var(--button-link-disabled-right-border-width),
var(--button-link-disabled-bottom-border-width),
var(--button-link-disabled-left-border-width),
var(--button-link-disabled-top-border-style),
var(--button-link-disabled-right-border-style),
var(--button-link-disabled-bottom-border-style),
var(--button-link-disabled-left-border-style),
var(--button-link-disabled-shadow)
);
padding: 0;
@include hover-focus {
color: var(--Button--link-onHover-color);
box-shadow: none;
}
@include hover-active {
color: var(--Button--link-onActive-color);
box-shadow: none;
}
&:disabled,
&.is-disabled {
color: var(--text--muted-color);
border: none;
background: var(--Button--link-onDisabled-backgroundColor);
@include hover-active {
color: var(--text--muted-color);
}
}
margin: 0;
height: auto;
line-height: auto;
}
&--block {

17
packages/amis-ui/scss/components/_collapse.scss
View File

@ -119,3 +119,20 @@
font-weight: var(--Collapse-content-fontWeight);
}
}
//FieldSet Form + Collapse
.#{$ns}Form {
.#{$ns}Collapse {
border: none;
&-header {
background-color: var(--white);
display: inline-flex;
justify-content: flex-end;
flex-direction: row-reverse;
border-radius: 0;
}
&-content {
padding: 0;
}
}
}

9
packages/amis-ui/scss/components/_drawer.scss
View File

@ -51,6 +51,7 @@
&-title {
font-size: var(--Drawer-title-fontSize);
font-weight: 500;
color: var(--Drawer-title-fontColor);
}
@ -279,10 +280,10 @@
}
.#{$ns}Drawer-footer {
justify-content: flex-start;
justify-content: flex-end;
.#{$ns}Button {
margin-left: 0;
margin-left: var(--Drawer-footer-margin);
margin-right: var(--gap-xs);
}
@ -364,4 +365,8 @@
width: px2rem(12px);
height: px2rem(24px);
}
.#{$ns}Button {
margin-left: var(--Drawer-footer-margin);
}
}

4
packages/amis-ui/scss/components/_formula.scss
View File

@ -392,6 +392,10 @@
&.is-filled {
fill: var(--InputFormula-icon-color-onActive);
color: var(--InputFormula-icon-color-onActive);
&.icon-function.icon {
font-size: var(--InputFormula-icon-size) !important;
}
}
}

2
packages/amis-ui/scss/components/_list.scss
View File

@ -142,7 +142,7 @@
@include clearfix();
& + & {
border-top: var(--ListItem-borderWidth) solid var(--ListItem-borderColor);
border-top: var(--ListItem-borderWidth) solid var(--List-borderColor);
}
position: relative;

1
packages/amis-ui/scss/components/_modal.scss
View File

@ -45,6 +45,7 @@
margin-right: auto;
margin-top: var(--Modal-content-startMarginTop);
margin-bottom: var(--gap-md);
padding: var(--Modal-body-paddingY) var(--Modal-body-paddingX);
border: var(--Modal-content-borderWidth) solid
var(--Modal-content-borderColor);
border-radius: var(--Modal-content-borderRadius);

2
packages/amis-ui/scss/components/_search-box.scss
View File

@ -120,7 +120,7 @@
background: var(--SearchBox-hover-color);
&:hover {
background: var(--Button--primary-onHover-bg);
background: var(--button-primary-hover-bg-color);
}
}

2
packages/amis-ui/scss/components/_steps.scss
View File

@ -26,6 +26,8 @@
.icon {
width: px2rem(9px);
height: px2rem(9px);
position: relative;
top: 0;
}
}
}

14
packages/amis-ui/scss/components/_table.scss
View File

@ -1021,6 +1021,20 @@
}
}
.#{$ns}InputTable {
.#{$ns}Field--quickEditable svg {
color: var(--primary);
&:hover {
color: var(--primary-onHover);
}
&:active {
color: var(--primary-onActive);
}
}
}
.#{$ns}InputTable-toolbar {
display: flex;
flex-direction: row;

2
packages/amis-ui/scss/components/_tabs.scss
View File

@ -837,7 +837,7 @@
height: calc(100% - var(--Tabs--chrome-radius-size) * 2);
position: absolute;
right: -2px;
background: var(--Tabs--chrome-right-boder-color);
background: var(--Tabs--chrome-right-border-color);
top: var(--Tabs--chrome-radius-size);
}

13
packages/amis-ui/scss/components/form/_checks.scss
View File

@ -110,7 +110,10 @@
&.#{$ns}Checkbox {
&:hover {
& > input + i {
border-color: var(--Button--primary-onHover-bg);
border-color: var(--button-primary-hover-top-border-color)
var(--button-primary-hover-right-border-color)
var(--button-primary-hover-bottom-border-color)
var(--button-primary-hover-left-border-color);
}
}
@ -129,11 +132,11 @@
&:hover {
input:checked + i {
background: var(--Button--primary-onHover-bg);
background: var(--button-primary-hover-bg-color);
border-color: transparent;
&:before {
background: var(--Button--primary-onHover-bg);
background: var(--button-primary-hover-bg-color);
}
}
@ -263,8 +266,8 @@
&:hover {
input:checked + i {
background: transparent;
border-color: var(--Button--primary-onHover-bg) transparent transparent
var(--Button--primary-onHover-bg);
border-color: var(--button-primary-hover-top-border-color) transparent
transparent var(--button-primary-hover-left-border-color);
}
}

55
packages/amis-ui/scss/components/form/_combo.scss
View File

@ -27,27 +27,66 @@
height: var(--Combo-addBtn-fontSize);
}
font-size: var(--Combo-addBtn-fontSize);
@include button-size(
var(--Combo-addBtn-paddingY),
var(--Combo-addBtn-paddingX),
var(--Combo-addBtn-fontSize),
var(--Combo-addBtn-lineHeight),
var(--Combo-addBtn-borderRadius),
var(--Combo-addBtn-height)
var(--Combo-addBtn-borderRadius),
var(--Combo-addBtn-borderRadius),
var(--Combo-addBtn-borderRadius),
var(--Combo-addBtn-height),
var(--Combo-addBtn-paddingY),
var(--Combo-addBtn-paddingY),
var(--Combo-addBtn-paddingX),
var(--Combo-addBtn-paddingX)
);
@include button-variant(
var(--Combo-addBtn-bg),
var(--Combo-addBtn-border),
var(--Combo-addBtn-color),
var(--Combo-addBtn-border),
var(--Combo-addBtn-border),
var(--Combo-addBtn-border),
var(--Combo-addBtn-border),
var(--button-default-default-top-border-width),
var(--button-default-default-right-border-width),
var(--button-default-default-bottom-border-width),
var(--button-default-default-left-border-width),
var(--button-default-default-top-border-style),
var(--button-default-default-right-border-style),
var(--button-default-default-bottom-border-style),
var(--button-default-default-left-border-style),
var(--button-default-default-shadow),
var(--Combo-addBtn-onHover-bg),
var(--Combo-addBtn-onHover-border),
var(--Combo-addBtn-onHover-color),
var(--Combo-addBtn-onHover-border),
var(--Combo-addBtn-onHover-border),
var(--Combo-addBtn-onHover-border),
var(--Combo-addBtn-onHover-border),
var(--button-default-hover-top-border-width),
var(--button-default-hover-right-border-width),
var(--button-default-hover-bottom-border-width),
var(--button-default-hover-left-border-width),
var(--button-default-hover-top-border-style),
var(--button-default-hover-right-border-style),
var(--button-default-hover-bottom-border-style),
var(--button-default-hover-left-border-style),
var(--button-default-hover-shadow),
var(--Combo-addBtn-onActive-bg),
var(--Combo-addBtn-onActive-color),
var(--Combo-addBtn-onActive-border),
var(--Combo-addBtn-onActive-color)
var(--Combo-addBtn-onActive-border),
var(--Combo-addBtn-onActive-border),
var(--Combo-addBtn-onActive-border),
var(--button-default-active-top-border-width),
var(--button-default-active-right-border-width),
var(--button-default-active-bottom-border-width),
var(--button-default-active-left-border-width),
var(--button-default-active-top-border-style),
var(--button-default-active-right-border-style),
var(--button-default-active-bottom-border-style),
var(--button-default-active-left-border-style),
var(--button-default-active-shadow)
);
&.is-disabled {

2
packages/amis-ui/scss/components/form/_date-range.scss
View File

@ -47,7 +47,7 @@
line-height: px2rem(30px);
&::placeholder {
color: #{$G6};
color: var(--colors-neutral-6);
}
}

6
packages/amis-ui/scss/components/form/_date.scss
View File

@ -25,7 +25,7 @@
box-sizing: none;
}
&::placeholder {
color: #{$G6};
color: var(--colors-neutral-6);
}
}
@ -217,7 +217,6 @@
height: #{px2rem(43px)};
padding-top: #{px2rem(11px)};
margin-left: #{px2rem(2px)};
border-bottom: 1px solid var(--Calendar-input-borderColor);
}
}
@ -263,6 +262,9 @@
}
td.rdtToday {
> span {
border: 1px solid var(--Calendar-borderColor);
}
&:hover span {
background: transparent;
}

7
packages/amis-ui/scss/components/form/_fieldset.scss
View File

@ -31,7 +31,7 @@
}
fieldset.#{$ns}Collapse {
margin-bottom: var(--Form-item-gap);
border: none;
> legend {
font-weight: var(--fontWeightNormal);
padding: var(--gap-xs) 0;
@ -44,8 +44,9 @@ fieldset.#{$ns}Collapse {
cursor: pointer;
border-bottom: none !important;
background: transparent;
display: flex;
flex-direction: row;
display: inline-flex !important;
flex-direction: row-reverse;
justify-content: flex-end;
// width: 100%;
&:hover {
background: transparent;

216
packages/amis-ui/scss/components/form/_icon-select.scss Normal file
View File

@ -0,0 +1,216 @@
.#{$ns}IconSelectControl {
@include input-text();
&-clear {
position: absolute;
right: var(--Form-input-paddingX);
}
&-Modal {
&-search.#{$ns}SearchBox {
width: var(--IconSelect-searchBox-width);
}
&-refresh {
display: inline-block;
vertical-align: baseline;
margin-left: var(--IconSelect-base-margin);
}
&-content {
display: flex;
position: relative;
margin-top: var(--IconSelect-base-margin);
height: var(--IconSelect-dialog-height);
align-items: stretch;
border: 1px solid var(--IconSelect-border-color);
border-radius: var(--IconSelect-base-border-radius);
&-aside {
border-right: 1px solid var(--IconSelect-border-color);
overflow-x: hidden;
overflow-y: auto;
}
&-main {
flex: 1;
overflow: auto;
}
}
}
&-input {
overflow: hidden;
&-area {
min-height: var(--IconSelect-preivew-icon-size);
display: flex;
align-items: center;
justify-content: flex-start;
overflow: hidden;
}
&-wrapper {
width: 100%;
}
&-icon {
&-show {
width: var(--IconSelect-preivew-icon-size);
height: var(--IconSelect-preivew-icon-size);
margin-right: var(--IconSelect-xs-margin);
& > svg {
width: 100%;
height: 100%;
}
}
&-id {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
&-placeholder {
color: var(--IconSelect-icon-placeholder-color);
user-select: none;
}
}
}
&-type-list {
display: flex;
padding: 0;
margin: 0;
width: var(--IconSelect-type-width);
flex-direction: column;
list-style: none;
flex-wrap: nowrap;
align-items: stretch;
justify-content: flex-start;
overflow: auto;
font-size: var(--IconSelect-type-font-size);
li {
line-height: var(--IconSelect-type-li-height);
padding: 0;
padding-left: var(--IconSelect-type-li-padding);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
&:hover,
&.active {
color: var(--IconSelect-active-bg-color);
}
&.active {
background-color: #e6f0ff;
}
}
}
&-icon-list {
position: relative;
list-style: none;
padding: 0;
margin: 0;
display: flex;
overflow: hidden;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
padding: var(--IconSelect-sm-padding);
&-empty {
text-align: center;
}
> li {
padding: var(--IconSelect-sm-padding);
width: 20%;
}
&-item {
position: relative;
// padding: 8px;
padding-left: var(--IconSelect-base-margin);
height: var(--IconSelect-type-item-height);
// flex: 1;
display: flex;
flex-direction: row;
align-items: center;
border: 1px solid #e8e9eb;
border-radius: var(--IconSelect-base-border-radius);
cursor: pointer;
&:hover,
&.active {
border-color: var(--IconSelect-active-bg-color);
}
&.active {
&::before {
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
width: var(--IconSelect-type-font-size);
height: var(--IconSelect-type-font-size);
border-bottom-left-radius: var(--IconSelect-base-border-radius);
background-color: var(--IconSelect-active-bg-color);
}
&::after {
content: '';
display: block;
position: absolute;
right: 2px;
top: 3px;
width: 7px;
height: 4px;
border-style: solid;
border-color: var(--IconSelect-active-badge-color);
border-width: 0 0 1px 1px;
transform: rotate(-45deg);
}
}
& > svg {
width: var(--IconSelect-list-icon-size);
height: var(--IconSelect-list-icon-size);
}
&-info {
margin-left: var(--IconSelect-base-margin);
overflow: hidden;
flex: 1;
> p {
line-height: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
&-name {
margin: 0;
margin-bottom: var(--IconSelect-xs-margin);
font-size: var(--IconSelect-type-font-size);
color: var(--IconSelect-icon-name-color);
}
&-id {
margin: 0;
font-size: var(--IconSelect-type-font-size);
color: var(--IconSelect-icon-id-color);
}
}
}
}
}

39
packages/amis-ui/scss/components/form/_image.scss
View File

@ -20,14 +20,47 @@
@include button-variant(
var(--ImageControl-addBtn-bg),
var(--ImageControl-addBtn-border),
var(--ImageControl-addBtn-color),
var(--ImageControl-addBtn-border),
var(--ImageControl-addBtn-border),
var(--ImageControl-addBtn-border),
var(--ImageControl-addBtn-border),
var(--button-default-default-top-border-width),
var(--button-default-default-right-border-width),
var(--button-default-default-bottom-border-width),
var(--button-default-default-left-border-width),
var(--button-default-default-top-border-style),
var(--button-default-default-right-border-style),
var(--button-default-default-bottom-border-style),
var(--button-default-default-left-border-style),
var(--button-default-default-shadow),
var(--ImageControl-addBtn-onHover-bg),
var(--ImageControl-addBtn-onHover-border),
var(--ImageControl-addBtn-onHover-color),
var(--ImageControl-addBtn-onHover-border),
var(--ImageControl-addBtn-onHover-border),
var(--ImageControl-addBtn-onHover-border),
var(--ImageControl-addBtn-onHover-border),
var(--button-default-hover-top-border-width),
var(--button-default-hover-right-border-width),
var(--button-default-hover-bottom-border-width),
var(--button-default-hover-left-border-width),
var(--button-default-hover-top-border-style),
var(--button-default-hover-right-border-style),
var(--button-default-hover-bottom-border-style),
var(--button-default-hover-left-border-style),
var(--button-default-hover-shadow),
var(--ImageControl-addBtn-onActive-bg),
var(--ImageControl-addBtn-onActive-border),
var(--ImageControl-addBtn-onActive-color)
var(--ImageControl-addBtn-onActive-border),
var(--button-default-active-top-border-width),
var(--button-default-active-right-border-width),
var(--button-default-active-bottom-border-width),
var(--button-default-active-left-border-width),
var(--button-default-active-top-border-style),
var(--button-default-active-right-border-style),
var(--button-default-active-bottom-border-style),
var(--button-default-active-left-border-style),
var(--button-default-active-shadow)
);
> svg {

4
packages/amis-ui/scss/components/form/_location.scss
View File

@ -72,6 +72,10 @@
.#{$ns}LocationControl {
position: relative;
width: 100%;
.#{$ns}PopOver {
border: none;
box-shadow: var(--boxShadow);
}
}
.#{$ns}LocationControl:not(.is-inline) > .#{$ns}LocationPicker {

2
packages/amis-ui/scss/components/form/_nested-select.scss
View File

@ -13,7 +13,7 @@
@include input-border();
&-optionArrowRight {
display: inline-block;
padding-right: px2rem(40px);
padding-right: var(--Form-select-icon-rigin);
svg {
width: px2rem(12px);

4
packages/amis-ui/scss/components/form/_range.scss
View File

@ -132,6 +132,10 @@
width: var(--InputRange-handle-icon-width);
height: var(--InputRange-handle-icon-height);
top: 0;
g path {
fill: var(--colors-brand-9);
}
}
}

47
packages/amis-ui/scss/components/form/_switch.scss
View File

@ -67,6 +67,19 @@
color: var(--white);
margin: 0 var(--Switch-text-marginLeft) 0 var(--Switch-text-marginRight);
}
&:hover {
background: var(--Switch-checked-onHover-bgColor);
}
&:active {
background: var(--Switch-checked-onActive-bgColor);
.slider::before {
left: calc(
100% - (var(--Switch-height) + #{px2rem(2px)}) - #{px2rem(2px)}
);
}
}
}
&.is-checked.is-disabled {
@ -113,6 +126,40 @@
}
}
}
.text {
margin: 0 px2rem(8px) 0 px2rem(25px);
vertical-align: super;
}
.slider {
&:before {
width: calc(var(--Switch-height) - #{px2rem(4px)});
top: px2rem(2px);
bottom: px2rem(2px);
left: px2rem(2px);
transition: all 0.5s ease;
}
}
&:active {
.slider::before {
width: calc(var(--Switch-height) + #{px2rem(2px)});
border-radius: 10px;
}
}
&.is-checked {
background: var(--Switch-checked-bgColor);
.slider::before {
right: auto;
left: calc(
100% - (var(--Switch-height) - #{px2rem(4px)}) - #{px2rem(2px)}
);
}
.text {
margin: 0 px2rem(25px) 0 px2rem(8px);
}
}
}
.#{$ns}Switch-option {

11
packages/amis-ui/scss/components/form/_tag.scss
View File

@ -51,12 +51,17 @@
border: var(--TagControl-sugBtn-borderWidth) solid transparent;
@include button-size(
var(--TagControl-sugBtn-paddingY),
var(--TagControl-sugBtn-paddingX),
var(--TagControl-sugBtn-fontSize),
var(--TagControl-sugBtn-lineHeight),
var(--TagControl-sugBtn-borderRadius),
var(--TagControl-sugBtn-height)
var(--TagControl-sugBtn-borderRadius),
var(--TagControl-sugBtn-borderRadius),
var(--TagControl-sugBtn-borderRadius),
var(--TagControl-sugBtn-height),
var(--TagControl-sugBtn-paddingY),
var(--TagControl-sugBtn-paddingY),
var(--TagControl-sugBtn-paddingX),
var(--TagControl-sugBtn-paddingX)
);
@include button-variant(

4
packages/amis-ui/scss/components/form/_text.scss
View File

@ -169,8 +169,8 @@
position: absolute;
background: var(--Form-select-menu-bg);
color: var(--Form-select-menu-color);
border: var(--Form-input-borderWidth) solid
var(--Form-input-onFocused-borderColor);
border-radius: px2rem(2px);
box-shadow: var(--menu-box-shadow);
left: px2rem(-1px);
right: px2rem(-1px);
top: calc(100% + #{px2rem(4px)});

233
packages/amis-ui/scss/components/form/_transfer.scss
View File

@ -17,18 +17,21 @@
&-title {
display: flex;
align-items: center;
background: var(--Transfer-title-bg);
height: px2rem(30px);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc(
(
#{px2rem(30px)} - var(--Form-input-lineHeight) * var(--Form-input-fontSize)
) / 2
)
var(--gap-sm);
background: var(--transfer-base-title-bg);
color: var(--transfer-base-title-font-color);
line-height: var(--transfer-base-title-font-lineHeight);
font-size: var(--transfer-base-title-font-size);
font-weight: var(--transfer-base-title-font-weight);
font-family: var(--transfer-base-title-font-family);
padding: var(--transfer-base-header-paddingTop)
var(--transfer-base-header-paddingRight)
var(--transfer-base-header-paddingBottom)
var(--transfer-base-header-paddingLeft);
margin: var(--transfer-base-header-marginTop)
var(--transfer-base-header-marginRight)
var(--transfer-base-header-marginBottom)
var(--transfer-base-header-marginLeft);
flex-direction: row;
border-radius: var(--borderRadius) var(--borderRadius) 0 0;
&--light {
background: transparent;
@ -39,20 +42,31 @@
}
}
&-select {
overflow: hidden;
}
&-select,
&-result {
overflow: hidden;
width: 0;
min-width: px2rem(200px);
max-height: px2rem(400px);
flex-grow: 1;
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
display: flex;
flex-direction: column;
border-radius: var(--borderRadius);
border-width: var(--transfer-base-top-border-width)
var(--transfer-base-right-border-width)
var(--transfer-base-bottom-border-width)
var(--transfer-base-left-border-width);
border-style: var(--transfer-base-top-border-style)
var(--transfer-base-right-border-style)
var(--transfer-base-bottom-border-style)
var(--transfer-base-left-border-style);
border-color: var(--transfer-base-top-border-color)
var(--transfer-base-right-border-color)
var(--transfer-base-bottom-border-color)
var(--transfer-base-left-border-color);
border-radius: var(--transfer-base-top-left-border-radius)
var(--transfer-base-top-right-border-radius)
var(--transfer-base-bottom-right-border-radius)
var(--transfer-base-bottom-left-border-radius);
}
&-select > &-selection,
@ -61,7 +75,53 @@
max-height: 100%;
overflow: auto;
position: relative; // 貌似不加 relative 会有 bug。
padding: 0;
padding: var(--transfer-base-body-paddingTop)
var(--transfer-base-body-paddingRight)
var(--transfer-base-body-paddingBottom)
var(--transfer-base-body-paddingLeft);
margin: var(--transfer-base-body-marginTop)
var(--transfer-base-body-marginRight)
var(--transfer-base-body-marginBottom)
var(--transfer-base-body-marginLeft);
}
.#{$ns}GroupedSelection-item,
.#{$ns}Selections-item {
padding: var(--transfer-base-option-paddingTop)
var(--transfer-base-option-paddingRight)
var(--transfer-base-option-paddingBottom)
var(--transfer-base-option-paddingLeft);
margin: var(--transfer-base-option-marginTop)
var(--transfer-base-option-marginRight)
var(--transfer-base-option-marginBottom)
var(--transfer-base-option-marginLeft);
line-height: var(--transfer-base-content-font-lineHeight);
font-size: var(--transfer-base-content-font-size);
font-weight: var(--transfer-base-content-font-weight);
font-family: var(--transfer-base-content-font-family);
color: var(--transfer-base-content-font-color);
}
.#{$ns}ChainedSelection-item {
padding: var(--transfer-chained-paddingTop)
var(--transfer-chained-paddingRight) var(--transfer-chained-paddingBottom)
var(--transfer-chained-paddingLeft);
margin: var(--transfer-chained-marginTop)
var(--transfer-chained-marginRight) var(--transfer-chained-marginBottom)
var(--transfer-chained-marginLeft);
line-height: var(--transfer-base-content-font-lineHeight);
font-size: var(--transfer-base-content-font-size);
font-weight: var(--transfer-base-content-font-weight);
font-family: var(--transfer-base-content-font-family);
color: var(--transfer-base-content-font-color);
}
.#{$ns}GroupedSelection-group > .#{$ns}GroupedSelection-itemLabel {
font-size: var(--transfer-group-font-size);
font-weight: var(--transfer-group-font-weight);
line-height: var(--transfer-group-font-lineHeight);
font-family: var(--transfer-group-font-family);
color: var(--transfer-group-font-color);
}
&-select > .#{$ns}ChainedSelection {
@ -128,7 +188,65 @@
}
&-search {
padding: var(--gap-sm);
padding: var(--transfer-search-paddingTop)
var(--transfer-search-paddingRight) var(--transfer-search-paddingBottom)
var(--transfer-search-paddingLeft);
margin: var(--transfer-search-marginTop) var(--transfer-search-marginRight)
var(--transfer-search-marginBottom) var(--transfer-search-marginLeft);
.#{$ns}InputBox {
font-size: var(--transfer-search-font-size);
font-weight: var(--transfer-search-font-weight);
line-height: var(--transfer-search-font-lineHeight);
font-family: var(--transfer-search-font-family);
color: var(--transfer-search-font-color);
border-width: var(--transfer-search-top-border-width)
var(--transfer-search-right-border-width)
var(--transfer-search-bottom-border-width)
var(--transfer-search-left-border-width);
border-style: var(--transfer-search-top-border-style)
var(--transfer-search-right-border-style)
var(--transfer-search-bottom-border-style)
var(--transfer-search-left-border-style);
border-color: var(--transfer-search-top-border-color)
var(--transfer-search-right-border-color)
var(--transfer-search-bottom-border-color)
var(--transfer-search-left-border-color);
border-radius: var(--transfer-search-top-left-border-radius)
var(--transfer-search-top-right-border-radius)
var(--transfer-search-bottom-right-border-radius)
var(--transfer-search-bottom-left-border-radius);
box-shadow: var(--transfer-search-shadow);
padding: var(--transfer-search-input-paddingTop)
var(--transfer-search-input-paddingRight)
var(--transfer-search-input-paddingBottom)
var(--transfer-search-input-paddingLeft);
margin: var(--transfer-search-input-marginTop)
var(--transfer-search-input-marginRight)
var(--transfer-search-input-marginBottom)
var(--transfer-search-input-marginLeft);
&:hover {
border-color: var(--transfer-search-border-hover-color);
}
&.is-focused {
border-color: var(--transfer-search-border-active-color);
}
input {
color: var(--transfer-search-font-color);
font-size: var(--transfer-search-font-size);
font-weight: var(--transfer-search-font-weight);
line-height: var(--transfer-search-font-lineHeight);
font-family: var(--transfer-search-font-family);
height: var(--transfer-search-font-lineHeight);
}
input::placeholder {
color: var(--transfer-search-placeholder-font-color);
}
}
}
&-mid {
@ -167,11 +285,85 @@
}
.#{$ns}Tree {
padding: px2rem(2px) px2rem(10px);
padding: var(--transfer-tree-paddingTop) var(--transfer-tree-paddingRight)
var(--transfer-tree-paddingBottom) var(--transfer-tree-paddingLeft);
margin: var(--transfer-tree-marginTop) var(--transfer-tree-marginLeft)
var(--transfer-tree-marginBottom) var(--transfer-tree-marginRight);
&-itemLabel:hover::after {
left: 0;
}
&-itemLabel {
padding: var(--transfer-tree-option-paddingTop)
var(--transfer-tree-option-paddingRight)
var(--transfer-tree-option-paddingBottom)
var(--transfer-tree-option-paddingLeft);
margin: var(--transfer-tree-option-marginTop)
var(--transfer-tree-option-marginLeft)
var(--transfer-tree-option-marginBottom)
var(--transfer-tree-option-marginRight);
border-radius: var(--transfer-tree-top-left-border-radius)
var(--transfer-tree-top-right-border-radius)
var(--transfer-tree-bottom-right-border-radius)
var(--transfer-tree-bottom-left-border-radius);
&:hover {
background: var(--transfer-tree-bg-hover-color);
}
&.is-checked {
background: var(--transfer-tree-bg-active-color);
}
}
&-itemText {
line-height: var(--transfer-base-content-font-lineHeight);
font-size: var(--transfer-base-content-font-size);
font-weight: var(--transfer-base-content-font-weight);
font-family: var(--transfer-base-content-font-family);
color: var(--transfer-base-content-font-color);
}
}
.#{$ns}Table-content {
.#{$ns}Table-table > thead > tr > th {
padding: var(--transfer-table-header-paddingTop)
var(--transfer-table-header-paddingRight)
var(--transfer-table-header-paddingBottom)
var(--transfer-table-header-paddingLeft);
background: var(--transfer-base-title-bg);
color: var(--transfer-base-title-font-color);
line-height: var(--transfer-base-title-font-lineHeight);
font-size: var(--transfer-base-title-font-size);
font-weight: var(--transfer-base-title-font-weight);
font-family: var(--transfer-base-title-font-family);
&:last-child {
padding-right: var(--transfer-table-last-paddingRight);
}
}
.#{$ns}Table-table > tbody > tr > td {
padding: var(--transfer-table-option-paddingTop)
var(--transfer-table-option-paddingRight)
var(--transfer-table-option-paddingBottom)
var(--transfer-table-option-paddingLeft);
line-height: var(--transfer-base-content-font-lineHeight);
font-size: var(--transfer-base-content-font-size);
font-weight: var(--transfer-base-content-font-weight);
font-family: var(--transfer-base-content-font-family);
&:last-child {
padding-right: var(--transfer-table-last-paddingRight);
}
}
}
.#{$ns}Selections .#{$ns}TableSelection {
.#{$ns}Table-table > thead > tr,
.#{$ns}Table-table > tbody > tr {
height: auto;
}
}
}
@ -275,6 +467,7 @@
.#{$ns}TransferControl {
position: relative;
overflow: hidden;
box-shadow: var(--transfer-base-shadow);
&.is-inline {
display: inline-block;

7
packages/amis-ui/scss/components/form/_tree-select.scss
View File

@ -4,6 +4,13 @@
> .#{$ns}TreeSelect-popover {
width: 100%;
}
.#{$ns}PopOver {
box-shadow: var(--boxShadow);
.#{$ns}Tree {
border-radius: var(--borders-radius-3);
border: none;
}
}
}
.#{$ns}TreeSelect {

1072
packages/amis-ui/scss/themes/_antd-variables.scss
View File

File diff suppressed because it is too large Load Diff

1
packages/amis-ui/scss/themes/_common.scss
View File

@ -122,6 +122,7 @@
@import '../components/form/nested-select';
@import '../components/cascader';
@import '../components/form/icon-picker';
@import '../components/form/icon-select';
@import '../components/form/form';
@import '../components/form/user-select';
@import '../components/anchor-nav';

56
packages/amis-ui/scss/themes/_cxd-colors.scss
View File

@ -1,56 +0,0 @@
// yunshe4.1
$B1: #e6f0ff;
$B2: #d4e5ff;
$B3: #a7c2f9;
$B4: #a8caff;
$B5: #528eff;
$B6: #2468f2;
$B7: #144bcc;
$B8: #153e91;
$B9: #0e2960;
$B10: #091a3c;
$E1: #ffe8e6;
$E2: #ffdbd9;
$E3: #ffb6b3;
$E4: #ff908c;
$E5: #ff6966;
$E6: #f33e3e;
$E7: #cc292e;
$E8: #a61922;
$E9: #800d18;
$E10: #590410;
$S1: #ecffe6;
$S2: #d1f2c7;
$S3: #a5e693;
$S4: #7bd964;
$S5: #54cc39;
$S6: #30bf13;
$S7: #1b9908;
$S8: #0b7300;
$S9: #054d00;
$S10: #012600;
$W1: #fff4e6;
$W2: #ffecd4;
$W3: #ffd8a8;
$W4: #ffc27d;
$W5: #ffab52;
$W6: #ff9326;
$W7: #d97116;
$W8: #b35209;
$W9: #8c3800;
$W10: #662500;
$G1: #070c14;
$G2: #151b26;
$G3: #303540;
$G4: #5c5f66;
$G5: #84868c;
$G6: #b8babf;
$G7: #d4d6d9;
$G8: #e8e9eb;
$G9: #f2f2f4;
$G10: #f7f7f9;
$G11: #ffffff;

1898
packages/amis-ui/scss/themes/_cxd-variables.scss
View File

File diff suppressed because one or more lines are too long

745
packages/amis-ui/scss/themes/cxd.scss
View File

@ -3,407 +3,426 @@
@import './cxd-variables';
@import './common';
.#{$ns}Switch {
&:active {
.slider::before {
width: calc(var(--Switch-slider-width) + var(--Switch-slider-margin) * 2);
border-radius: 10px;
}
}
// .#{$ns}Switch {
// .text {
// margin: 0 px2rem(8px) 0 px2rem(25px);
// vertical-align: super;
// }
// .slider {
// &:before {
// width: calc(var(--Switch-height) - #{px2rem(4px)});
// top: px2rem(2px);
// bottom: px2rem(2px);
// left: px2rem(2px);
// transition: all 0.5s ease;
// }
// }
// &:active {
// .slider::before {
// width: calc(var(--Switch-height) + #{px2rem(2px)});
// border-radius: 10px;
// }
// }
// &:hover {
// background: var(--Switch-onHover-bgColor);
// }
// &.is-checked {
// background: var(--Switch-checked-bgColor);
&.is-checked {
&:hover {
background: var(--Switch-checked-onHover-bgColor);
}
&:active {
background: var(--Switch-checked-onActive-bgColor);
// .slider::before {
// right: auto;
// left: calc(
// 100% - (var(--Switch-height) - #{px2rem(4px)}) - #{px2rem(2px)}
// );
// }
.slider::before {
right: calc(var(--Switch-slider-margin) * 2);
}
}
}
// .text {
// margin: 0 px2rem(25px) 0 px2rem(8px);
// }
// &:hover {
// background: var(--Switch-checked-onHover-bgColor);
// }
// &:active {
// background: var(--Switch-checked-onActive-bgColor);
// .slider::before {
// left: calc(
// 100% - (var(--Switch-height) + #{px2rem(2px)}) - #{px2rem(2px)}
// );
// }
// }
// }
// }
&--sm {
&:active {
.slider::before {
width: calc(
var(--Switch-slider-width--sm) + var(--Switch-slider-margin) * 2
);
border-radius: 10px;
}
}
}
}
// // input选择器模式
// .#{$ns}TextControl-sugs {
// border-radius: px2rem(3px);
// // top: calc(var(--Form-input-height) + #{px2rem(4px)});
// box-shadow: #{px2rem(2px)} #{px2rem(4px)} #{px2rem(8px)} rgba(0, 0, 0, 0.2);
// border: none;
// }
// input选择器模式
.#{$ns}TextControl-sugs {
border-radius: px2rem(3px);
// top: calc(var(--Form-input-height) + #{px2rem(4px)});
box-shadow: #{px2rem(2px)} #{px2rem(4px)} #{px2rem(8px)} rgba(0, 0, 0, 0.2);
border: none;
}
// .#{$ns}Select {
// .#{$ns}PopOver {
// .#{$ns}Select-menu {
// border-radius: var(--borders-radius-3);
// .#{$ns}Select-option {
// // height: var(--Form-input-height);
// line-height: 1.1;
// padding: px2rem(5px) px2rem(12px);
.#{$ns}Select {
.#{$ns}PopOver {
.#{$ns}Select-menu {
border-radius: #{$R3};
.#{$ns}Select-option {
// height: var(--Form-input-height);
line-height: 1.1;
padding: px2rem(5px) px2rem(12px);
svg {
color: var(--default-icon-color);
}
}
}
}
}
// &.is-highlight:hover > span {
// color: var(--menu-active-color);
// }
.#{$ns}NestedSelectControl {
.#{$ns}PopOver {
.#{$ns}NestedSelect-menuOuter {
.#{$ns}NestedSelect-menu {
border-radius: #{$R3};
.#{$ns}NestedSelect-option {
height: var(--Form-input-height);
padding: 0 px2rem(12px);
.#{$ns}NestedSelect-optionArrowRight {
padding-right: 0;
}
}
// svg {
// color: var(--default-icon-color);
// }
// }
// }
// }
// }
&:not(:first-child) {
margin-left: 2px;
}
}
}
}
}
// .#{$ns}NestedSelectControl {
// .#{$ns}PopOver {
// .#{$ns}NestedSelect-menuOuter {
// .#{$ns}NestedSelect-menu {
// border-radius: var(--borders-radius-3);
// .#{$ns}NestedSelect-option {
// height: var(--Form-input-height);
// padding: 0 px2rem(12px);
// .#{$ns}NestedSelect-optionArrowRight {
// padding-right: 0;
// }
// }
.#{$ns}TreeSelectControl {
.#{$ns}PopOver {
box-shadow: var(--boxShadow);
.#{$ns}Tree {
border-radius: #{$R3};
border: none;
}
}
}
// &:not(:first-child) {
// margin-left: 2px;
// }
// }
// }
// }
// }
.#{$ns}Modal-content {
.#{$ns}TreeSelect-popover {
box-shadow: var(--boxShadow);
.#{$ns}Tree {
border-radius: #{$R3};
border: none;
}
}
}
// .#{$ns}TreeSelectControl {
// .#{$ns}PopOver {
// box-shadow: var(--boxShadow);
// .#{$ns}Tree {
// border-radius: var(--borders-radius-3);
// border: none;
// }
// }
// }
.#{$ns}Toast {
.#{$ns}Toast-icon {
margin-right: #{px2rem(8px)};
}
.#{$ns}Toast-close {
margin-left: #{px2rem(8px)};
cursor: pointer;
}
}
// .#{$ns}Modal-content {
// .#{$ns}TreeSelect-popover {
// box-shadow: var(--boxShadow);
// .#{$ns}Tree {
// border-radius: var(--borders-radius-3);
// border: none;
// }
// }
// }
.#{$ns}Button--iconOnly {
min-width: var(--Button-height);
}
// .#{$ns}Toast {
// .#{$ns}Toast-icon {
// margin-right: #{px2rem(8px)};
// }
// .#{$ns}Toast-close {
// margin-left: #{px2rem(8px)};
// cursor: pointer;
// }
// }
.#{$ns}Alert {
font-weight: #{$W2};
.#{$ns}Alert-close {
opacity: 1;
color: #{$G5};
&:hover {
color: #{$G4};
}
&:active {
color: #{$G3};
}
}
}
// .#{$ns}Button--iconOnly {
// min-width: var(--Button-height);
// }
.#{$ns}IconPickerControl {
.#{$ns}IconPickerControl-input--withAC {
.#{$ns}IconPickerControl-sugsPanel {
border: none;
box-shadow: var(--boxShadow);
border-radius: px2rem(3px);
}
}
}
// .#{$ns}Alert {
// font-weight: var(--fonts-weight-6);
// .#{$ns}Alert-close {
// opacity: 1;
// color: var(--colors-neutral-5);
// &:hover {
// color: var(--colors-neutral-4);
// }
// &:active {
// color: var(--colors-neutral-3);
// }
// }
// }
.#{$ns}Combo {
.#{$ns}Combo-items {
.#{$ns}Combo-item {
.#{$ns}Combo-delBtn {
padding-top: calc(
(var(--Form-input-height) - var(--Form-input-lineHeight) * 10px) / 2
);
}
}
}
}
// .#{$ns}IconPickerControl {
// .#{$ns}IconPickerControl-input--withAC {
// .#{$ns}IconPickerControl-sugsPanel {
// border: none;
// box-shadow: var(--boxShadow);
// border-radius: px2rem(3px);
// }
// }
// }
.#{$ns}LocationControl {
.#{$ns}PopOver {
border: none;
box-shadow: var(--boxShadow);
}
}
// .#{$ns}Combo {
// .#{$ns}Combo-items {
// .#{$ns}Combo-item {
// .#{$ns}Combo-delBtn {
// padding-top: calc(
// (var(--Form-input-height) - var(--Form-input-lineHeight) * 10px) / 2
// );
// }
// }
// }
// }
.#{$ns}Transfer {
&-title {
height: px2rem(32px);
flex: 0 0 px2rem(32px);
padding-left: #{px2rem(12px)};
padding-right: #{px2rem(12px)};
// .#{$ns}LocationControl {
// .#{$ns}PopOver {
// border: none;
// box-shadow: var(--boxShadow);
// }
// }
&--light {
height: px2rem(40px);
flex: 0 0 px2rem(40px);
}
}
// .#{$ns}Transfer {
// &-title {
// height: px2rem(32px);
// flex: 0 0 px2rem(32px);
// padding-left: #{px2rem(12px)};
// padding-right: #{px2rem(12px)};
&-result {
> .#{$ns}Selections {
height: 100%;
}
}
// &--light {
// height: px2rem(40px);
// flex: 0 0 px2rem(40px);
// }
// }
&-table-title {
background-color: unset;
}
// &-result {
// > .#{$ns}Selections {
// height: 100%;
// }
// }
.#{$ns}ListCheckboxes {
.#{$ns}ListCheckboxes-item {
padding-left: #{px2rem(16px)};
padding-right: #{px2rem(16px)};
}
}
// &-table-title {
// background-color: unset;
// }
.#{$ns}TableSelection {
.#{$ns}Table-table {
border-top: 0;
border-left: 0;
border-right: 0;
}
// .#{$ns}ListCheckboxes {
// .#{$ns}ListCheckboxes-item {
// padding-left: #{px2rem(16px)};
// padding-right: #{px2rem(16px)};
// }
// }
tbody {
tr {
&.is-active {
color: unset;
}
}
}
}
}
// .#{$ns}TableSelection {
// .#{$ns}Table-table {
// border-top: 0;
// border-left: 0;
// border-right: 0;
// }
.#{$ns}GroupedSelection {
&-item {
padding-left: var(--gap-base);
padding-right: var(--gap-base);
// tbody {
// tr {
// &.is-active {
// color: unset;
// }
// }
// }
// }
// }
&.is-active {
color: unset;
}
}
}
// .#{$ns}GroupedSelection {
// &-item {
// padding-left: var(--gap-base);
// padding-right: var(--gap-base);
.#{$ns}Selections {
height: auto;
// &.is-active {
// color: unset;
// }
// }
// }
&-item {
padding-left: var(--gap-base);
padding-right: var(--gap-base);
}
&-mid {
min-width: px2rem(16px);
}
// .#{$ns}Selections {
// height: auto;
.#{$ns}TableSelection {
.#{$ns}Table-table > thead > tr,
.#{$ns}Table-table > tbody > tr {
height: px2rem(40px);
}
}
}
// &-item {
// padding-left: var(--gap-base);
// padding-right: var(--gap-base);
// }
// &-mid {
// min-width: px2rem(16px);
// }
.#{$ns}Modal {
box-shadow: var(--boxShadow);
&-content {
padding: #{px2rem(24px)} 0;
border-radius: #{$R4};
}
// .#{$ns}TableSelection {
// .#{$ns}Table-table > thead > tr,
// .#{$ns}Table-table > tbody > tr {
// height: px2rem(40px);
// }
// }
// }
&-body {
font-size: #{$T2};
font-weight: #{$W2};
}
// .#{$ns}Modal {
// box-shadow: var(--boxShadow);
// &-content {
// padding: #{px2rem(24px)};
// border-radius: #{$R4};
// }
&-footer {
.#{$ns}Button {
margin-left: #{px2rem(16px)};
}
}
}
// &-body {
// padding: #{px2rem(16px)} 0 #{px2rem(24px)} 0;
// font-size: #{$T2};
// font-weight: var(--fonts-weight-6);
// }
.#{$ns}Drawer {
&-content {
border-radius: 0;
}
&-header {
border-radius: #{$R4} 0 0 0;
}
&-title {
font-size: #{$T3};
font-weight: #{$W3};
}
// &-footer {
// .#{$ns}Button {
// margin-left: #{px2rem(16px)};
// }
// }
// }
&-body {
font-size: #{$T3};
font-weight: #{$W2};
}
}
// .#{$ns}Drawer {
// &-content {
// border-radius: 0;
// }
// &-header {
// border-radius: #{$R4} 0 0 0;
// }
// &-title {
// font-size: #{$T3};
// font-weight: #{$W3};
// }
.#{$ns}Drawer--right {
.#{$ns}Drawer-header {
border-radius: #{$R4} 0 0 0;
}
.#{$ns}Drawer-footer {
justify-content: flex-end;
.#{$ns}Button {
margin-left: #{px2rem(12px)};
}
}
}
// &-body {
// font-size: #{$T3};
// font-weight: var(--fonts-weight-6);
// }
// }
.#{$ns}Drawer--left {
.#{$ns}Drawer-header {
border-radius: 0 #{$R4} 0 0;
}
.#{$ns}Drawer-footer {
.#{$ns}Button {
margin-left: #{px2rem(16px)};
}
}
}
// .#{$ns}Drawer--right {
// .#{$ns}Drawer-header {
// border-radius: #{$R4} 0 0 0;
// }
// .#{$ns}Drawer-footer {
// justify-content: flex-end;
// .#{$ns}Button {
// margin-left: #{px2rem(16px)};
// }
// }
// }
.#{$ns}Drawer--top {
.#{$ns}Drawer-footer {
.#{$ns}Button {
margin-left: #{px2rem(16px)};
}
}
}
.#{$ns}Drawer--bottom {
.#{$ns}Drawer-header {
border-radius: #{$R4} #{$R4} 0 0;
}
.#{$ns}Drawer-footer {
.#{$ns}Button {
margin-left: #{px2rem(16px)};
}
}
}
// .#{$ns}Drawer--left {
// .#{$ns}Drawer-header {
// border-radius: 0 #{$R4} 0 0;
// }
// .#{$ns}Drawer-footer {
// .#{$ns}Button {
// margin-left: #{px2rem(16px)};
// }
// }
// }
.#{$ns}Steps {
.#{$ns}StepsItem {
&-container {
&Icon {
padding-right: #{px2rem(8px)};
.#{$ns}StepsItem-icon {
width: #{px2rem(24px)};
height: #{px2rem(24px)};
display: inline-flex;
align-items: center;
justify-content: center;
svg {
width: #{px2rem(12px)};
height: #{px2rem(12px)};
top: 0;
}
}
// .#{$ns}Drawer--top {
// .#{$ns}Drawer-footer {
// .#{$ns}Button {
// margin-left: #{px2rem(16px)};
// }
// }
// }
// .#{$ns}Drawer--bottom {
// .#{$ns}Drawer-header {
// border-radius: #{$R4} #{$R4} 0 0;
// }
// .#{$ns}Drawer-footer {
// .#{$ns}Button {
// margin-left: #{px2rem(16px)};
// }
// }
// }
&Wrapper {
.#{$ns}StepsItem-body {
.#{$ns}StepsItem-title {
&:after {
padding-right: #{px2rem(8px)};
}
}
.#{$ns}StepsItem-subTitle {
padding-left: #{px2rem(8px)};
}
}
}
}
}
}
&--vertical {
.#{$ns}StepsItem {
&-container {
&Icon > .#{$ns}StepsItem-icon {
&:after {
top: px2rem(28px);
left: px2rem(10px);
transform: translate(px2rem(1px));
}
}
}
}
}
.#{$ns}StepsItem.is-finish {
.#{$ns}StepsItem-icon {
color: var(--Steps-status-success);
background-color: var(--white);
}
}
// .#{$ns}Steps {
// .#{$ns}StepsItem {
// &-container {
// &Icon {
// padding-right: #{px2rem(8px)};
// .#{$ns}StepsItem-icon {
// width: #{px2rem(24px)};
// height: #{px2rem(24px)};
// display: inline-flex;
// align-items: center;
// justify-content: center;
// svg {
// width: #{px2rem(12px)};
// height: #{px2rem(12px)};
// top: 0;
// }
// }
.#{$ns}StepsItem.is-error {
.#{$ns}StepsItem-icon {
color: var(--Steps-status-error);
background-color: var(--white);
border: 1px solid var(--Steps-status-error);
}
}
}
// &Wrapper {
// .#{$ns}StepsItem-body {
// .#{$ns}StepsItem-title {
// &:after {
// padding-right: #{px2rem(8px)};
// }
// }
// .#{$ns}StepsItem-subTitle {
// padding-left: #{px2rem(8px)};
// }
// }
// }
// }
// }
// }
// &--vertical {
// .#{$ns}StepsItem {
// &-container {
// &Icon > .#{$ns}StepsItem-icon {
// &:after {
// top: px2rem(28px);
// left: px2rem(10px);
// transform: translate(px2rem(1px));
// }
// }
// }
// }
// }
// .#{$ns}StepsItem.is-finish {
// .#{$ns}StepsItem-icon {
// color: var(--Steps-status-success);
// background-color: var(--white);
// }
// }
.#{$ns}Form-feedback {
list-style-type: none;
padding-left: 0;
}
// .#{$ns}StepsItem.is-error {
// .#{$ns}StepsItem-icon {
// color: var(--Steps-status-error);
// background-color: var(--white);
// border: 1px solid var(--Steps-status-error);
// }
// }
// }
.#{$ns}Form-item {
&--inline {
.#{$ns}Form-label {
margin-right: #{px2rem(16px)};
}
}
}
// .#{$ns}Form-feedback {
// list-style-type: none;
// padding-left: 0;
// }
//FieldSet Form + Collapse
.#{$ns}Form {
.icon-position-right .#{$ns}Collapse-header,
.#{$ns}Collapse--title-bottom .#{$ns}Collapse-header {
display: block;
}
.#{$ns}Collapse {
border: none;
&-header {
background-color: var(--white);
display: inline-flex;
justify-content: flex-end;
flex-direction: row-reverse;
}
&-content {
padding: 0;
}
}
}
// .#{$ns}Form-item {
// &--inline {
// .#{$ns}Form-label {
// margin-right: #{px2rem(16px)};
// }
// }
// }
// //FieldSet Form + Collapse
// .#{$ns}Form {
// .#{$ns}Collapse {
// border: none;
// &-header {
// background-color: var(--white);
// display: inline-flex;
// justify-content: flex-end;
// flex-direction: row-reverse;
// }
// &-content {
// padding: 0;
// }
// }
// }

10
packages/amis-ui/src/components/Alert2.tsx
View File

@ -5,7 +5,7 @@
import React from 'react';
import {ClassNamesFn, themeable} from 'amis-core';
import {generateIcon} from 'amis-core';
import {generateIcon, IconCheckedSchema} from 'amis-core';
import {Icon, getIcon} from './icons';
export interface AlertProps {
@ -76,11 +76,11 @@ export class Alert extends React.Component<AlertProps, AlertState> {
// 优先使用内置svg，其次使用icon库
const iconNode = icon ? (
typeof icon === 'string' ? (
getIcon(icon) ? (
<Icon icon={icon} className={cx(`icon`)} />
['string', 'object'].includes(typeof icon) ? (
typeof icon === 'object' ? (
generateIcon(cx, icon as IconCheckedSchema, 'icon')
) : (
generateIcon(cx, icon, 'icon')
getIcon(icon as string) && <Icon icon={icon} className={cx(`icon`)} />
)
) : React.isValidElement(icon) ? (
React.cloneElement(icon as React.ReactElement, {

14
packages/amis-ui/src/components/Avatar.tsx
View File

@ -1,5 +1,11 @@
import * as React from 'react';
import {ClassNamesFn, themeable, ThemeProps} from 'amis-core';
import {
ClassNamesFn,
themeable,
ThemeProps,
generateIcon,
IconCheckedSchema
} from 'amis-core';
/**
* Avatar 属性
@ -19,7 +25,7 @@ interface AvatarCmptProps extends ThemeProps {
/**
* 图标
*/
icon?: string | React.ReactNode;
icon?: string | React.ReactNode | IconCheckedSchema;
/**
* 图片相对于容器的缩放方式
@ -224,8 +230,8 @@ export class Avatar extends React.Component<AvatarCmptProps, AvatarState> {
{text}
</span>
);
} else if (typeof icon === 'string') {
childrenRender = <i className={icon} />;
} else if (['string', 'object'].includes(typeof icon)) {
childrenRender = generateIcon(cx, icon as any);
} else if (isIconRender) {
childrenRender = icon;
} else {

4
packages/amis-ui/src/components/Button.tsx
View File

@ -56,7 +56,7 @@ export class Button extends React.Component<ButtonProps> {
renderButton() {
let {
level,
size,
size = 'default',
disabled,
className,
title,
@ -93,7 +93,7 @@ export class Button extends React.Component<ButtonProps> {
: {
'Button': true,
[`Button--${level}`]: level,
[`Button--${size}`]: size,
[`Button--size-${size}`]: size,
[`Button--block`]: block,
[`Button--iconOnly`]: iconOnly,
'is-disabled': disabled,

19
packages/amis-ui/src/components/DateRangePicker.tsx
View File

@ -1205,9 +1205,6 @@ export class DateRangePicker extends React.Component<
renderDay(props: any, currentDate: moment.Moment) {
let {startDate, endDate} = this.state;
// 剔除掉 DaysView 中传递的参数
props = omit(props, ['todayActiveStyle']);
props.className = props.className.replace('rdtActive', '');
if (
startDate &&
@ -1402,15 +1399,21 @@ export class DateRangePicker extends React.Component<
{embed ? null : (
<div key="button" className={`${ns}DateRangePicker-actions`}>
<a
className={cx('Button', 'Button--default')}
onClick={() => this.close()}
className={cx('Button', 'Button--default', 'Button--size-sm')}
onClick={() => this.close}
>
{__('cancel')}
</a>
<a
className={cx('Button', 'Button--primary', 'm-l-sm', {
'is-disabled': isConfirmBtnDisbaled
})}
className={cx(
'Button',
'Button--primary',
'Button--size-sm',
'm-l-sm',
{
'is-disabled': isConfirmBtnDisbaled
}
)}
onClick={this.confirm}
>
{__('confirm')}

23
packages/amis-ui/src/components/MonthRangePicker.tsx
View File

@ -479,7 +479,6 @@ export class MonthRangePicker extends React.Component<
return (
<div className={`${ns}DateRangePicker-wrap`}>
{this.renderRanges(ranges)}
<div className={cx(`${ns}DateRangePicker-picker-wrap`)}>
<Calendar
className={`${ns}DateRangePicker-start`}
value={startDate}
@ -516,17 +515,29 @@ export class MonthRangePicker extends React.Component<
renderMonth={this.renderMonth}
locale={locale}
/>
</div>
{embed ? null : (
<div key="button" className={cx('DateRangePicker-actions')}>
<a className={cx('Button', 'Button--default')} onClick={this.close}>
<a
className={cx(
'Button',
'Button--default',
'Button--size-default'
)}
onClick={this.close}
>
{__('cancel')}
</a>
<a
className={cx('Button', 'Button--primary', 'm-l-sm', {
'is-disabled': !this.state.startDate || !this.state.endDate
})}
className={cx(
'Button',
'Button--primary',
'Button--size-default',
'm-l-sm',
{
'is-disabled': !this.state.startDate || !this.state.endDate
}
)}
onClick={this.confirm}
>
{__('confirm')}

6
packages/amis-ui/src/components/Tabs.tsx
View File

@ -520,13 +520,11 @@ export class Tabs extends React.Component<TabsProps, any> {
{icon ? (
iconPosition === 'right' ? (
<>
{title}
{iconElement}
{title} {iconElement}
</>
) : (
<>
{iconElement}
{title}
{iconElement} {title}
</>
)
) : (

7
packages/amis-ui/src/components/TimelineItem.tsx
View File

@ -108,12 +108,7 @@ export function TimelineItem(props: TimelineItem) {
return (
<div className={cx('TimelineItem')} key={key}>
<div className={cx('TimelineItem-axle')}>
<div
className={cx(
'TimelineItem-line',
icon ? 'TimelineItem-line-icon' : ''
)}
></div>
<div className={cx('TimelineItem-line')}></div>
{icon ? (
<div className={cx('TimelineItem-icon')}>
<Icon icon={icon} className="icon" />

5
packages/amis-ui/src/components/calendar/Calendar.tsx
View File

@ -694,11 +694,6 @@ class BaseDatePicker extends React.Component<
? 'rdtPickerTime'
: dateFormat && !timeFormat
? 'rdtPickerDate'
: '',
viewMode === 'months' ||
viewMode === 'years' ||
viewMode === 'quarters'
? 'rdtPickerNotDays'
: ''
)}
>

2
packages/amis-ui/src/components/calendar/TimeView.tsx
View File

@ -727,7 +727,7 @@ export class CustomTimeView extends React.Component<
<div className={cx('TimeFooterWrapper')}>
<div className={cx('QuickWrapper')}>{quickLists}</div>
<a
className={cx('Button', 'Button--primary', 'Button--sm')}
className={cx('Button', 'Button--primary', 'Button--size-sm')}
onClick={this.confirm}
>
{__('confirm')}

4
packages/amis-ui/src/locale/en-US.ts
View File

@ -382,5 +382,7 @@ register('en-US', {
'JSONSchema.description': 'Description',
'JSONSchema.key': 'Key',
'JSONSchema.array_items': 'Items',
'TimeNow': 'Now'
'TimeNow': 'Now',
'IconSelect.all': 'All',
'IconSelect.choice': 'Icon selection'
});

4
packages/amis-ui/src/locale/zh-CN.ts
View File

@ -379,5 +379,7 @@ register('zh-CN', {
'JSONSchema.add_prop': '添加属性',
'JSONSchema.array_items': '成员类型',
'Required': '必填',
'TimeNow': '此刻'
'TimeNow': '此刻',
'IconSelect.all': '全部',
'IconSelect.choice': '图标选择'
});

8
packages/amis/__tests__/event-action/__snapshots__/ajax.test.tsx.snap
View File

@ -15,7 +15,7 @@ exports[`EventAction:ajax 1`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -30,7 +30,7 @@ exports[`EventAction:ajax 1`] = `
</span>
</span>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -66,7 +66,7 @@ exports[`EventAction:ajax 2`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -81,7 +81,7 @@ exports[`EventAction:ajax 2`] = `
</span>
</span>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>

18
packages/amis/__tests__/event-action/__snapshots__/custom.test.tsx.snap
View File

@ -15,7 +15,7 @@ exports[`EventAction:custom 1`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -23,7 +23,7 @@ exports[`EventAction:custom 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -31,7 +31,7 @@ exports[`EventAction:custom 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -67,7 +67,7 @@ exports[`EventAction:custom 2`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -75,7 +75,7 @@ exports[`EventAction:custom 2`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -83,7 +83,7 @@ exports[`EventAction:custom 2`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -119,7 +119,7 @@ exports[`EventAction:custom 3`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -127,7 +127,7 @@ exports[`EventAction:custom 3`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -135,7 +135,7 @@ exports[`EventAction:custom 3`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>

26
packages/amis/__tests__/event-action/__snapshots__/dialog.test.tsx.snap
View File

@ -15,7 +15,7 @@ exports[`EventAction:dialog 1`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -59,7 +59,7 @@ exports[`EventAction:dialog 1`] = `
class="cxd-Modal-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -67,7 +67,7 @@ exports[`EventAction:dialog 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default ml-2"
class="cxd-Button cxd-Button--default cxd-Button--size-default ml-2"
type="button"
>
<span>
@ -75,7 +75,7 @@ exports[`EventAction:dialog 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default ml-2"
class="cxd-Button cxd-Button--default cxd-Button--size-default ml-2"
type="button"
>
<span>
@ -83,7 +83,7 @@ exports[`EventAction:dialog 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default ml-2"
class="cxd-Button cxd-Button--default cxd-Button--size-default ml-2"
type="button"
>
<span>
@ -95,7 +95,7 @@ exports[`EventAction:dialog 1`] = `
class="cxd-Modal-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -103,7 +103,7 @@ exports[`EventAction:dialog 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -131,7 +131,7 @@ exports[`EventAction:dialog 2`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -160,7 +160,7 @@ exports[`EventAction:dialog 3`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -189,7 +189,7 @@ exports[`EventAction:dialog 4`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -218,7 +218,7 @@ exports[`EventAction:dialog 5`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -247,7 +247,7 @@ exports[`EventAction:dialog 6`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -276,7 +276,7 @@ exports[`EventAction:dialog 7`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>

14
packages/amis/__tests__/event-action/__snapshots__/disabled.test.tsx.snap
View File

@ -15,7 +15,7 @@ exports[`EventAction:disabled 1`] = `
class="cxd-Page-body"
>
<div
class="cxd-Button cxd-Button--default is-disabled"
class="cxd-Button cxd-Button--default cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -23,7 +23,7 @@ exports[`EventAction:disabled 1`] = `
</span>
</div>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -31,7 +31,7 @@ exports[`EventAction:disabled 1`] = `
</span>
</button>
<div
class="cxd-Button cxd-Button--default is-disabled"
class="cxd-Button cxd-Button--default cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -39,7 +39,7 @@ exports[`EventAction:disabled 1`] = `
</span>
</div>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -47,7 +47,7 @@ exports[`EventAction:disabled 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -55,7 +55,7 @@ exports[`EventAction:disabled 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -93,7 +93,7 @@ exports[`EventAction:disabled 1`] = `
type="submit"
/>
<div
class="cxd-Button cxd-Button--default is-disabled ml-2"
class="cxd-Button cxd-Button--default cxd-Button--size-default is-disabled ml-2"
disabled=""
>
<span>

18
packages/amis/__tests__/event-action/__snapshots__/drawer.test.tsx.snap
View File

@ -15,7 +15,7 @@ exports[`EventAction:drawer 1`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -78,7 +78,7 @@ exports[`EventAction:drawer 1`] = `
class="cxd-Drawer-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -86,7 +86,7 @@ exports[`EventAction:drawer 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -114,7 +114,7 @@ exports[`EventAction:drawer 2`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -143,7 +143,7 @@ exports[`EventAction:drawer 3`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -172,7 +172,7 @@ exports[`EventAction:drawer 4`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -201,7 +201,7 @@ exports[`EventAction:drawer 5`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -230,7 +230,7 @@ exports[`EventAction:drawer 6`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -259,7 +259,7 @@ exports[`EventAction:drawer 7`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>

6
packages/amis/__tests__/event-action/__snapshots__/hidden.test.tsx.snap
View File

@ -15,7 +15,7 @@ exports[`EventAction:hidden 1`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -23,7 +23,7 @@ exports[`EventAction:hidden 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -31,7 +31,7 @@ exports[`EventAction:hidden 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>

6
packages/amis/__tests__/event-action/__snapshots__/prevent.test.tsx.snap
View File

@ -15,7 +15,7 @@ exports[`EventAction:prevent 1`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--primary ml-2"
class="cxd-Button cxd-Button--primary cxd-Button--size-default ml-2"
type="button"
>
<span>
@ -82,7 +82,7 @@ exports[`EventAction:prevent 1`] = `
class="cxd-Modal-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -90,7 +90,7 @@ exports[`EventAction:prevent 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>

2
packages/amis/__tests__/event-action/renderers/form/__snapshots__/range.test.tsx.snap
View File

@ -485,7 +485,7 @@ exports[`EventAction:inputRange 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

20
packages/amis/__tests__/renderers/Form/__snapshots__/button.test.tsx.snap
View File

@ -37,7 +37,7 @@ exports[`Renderer:button 1`] = `
data-role="form-item"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<i
@ -53,7 +53,7 @@ exports[`Renderer:button 1`] = `
data-role="form-item"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -66,7 +66,7 @@ exports[`Renderer:button 1`] = `
data-role="form-item"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -79,7 +79,7 @@ exports[`Renderer:button 1`] = `
data-role="form-item"
>
<button
class="cxd-Button cxd-Button--danger cxd-Button--sm"
class="cxd-Button cxd-Button--danger cxd-Button--size-sm"
type="reset"
>
<span>
@ -169,7 +169,7 @@ exports[`Renderer:button 2`] = `
data-role="form-item"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<i
@ -185,7 +185,7 @@ exports[`Renderer:button 2`] = `
data-role="form-item"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -198,7 +198,7 @@ exports[`Renderer:button 2`] = `
data-role="form-item"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -211,7 +211,7 @@ exports[`Renderer:button 2`] = `
data-role="form-item"
>
<button
class="cxd-Button cxd-Button--danger cxd-Button--sm"
class="cxd-Button cxd-Button--danger cxd-Button--size-sm"
type="reset"
>
<span>
@ -305,7 +305,7 @@ exports[`Renderer:button 2`] = `
class="cxd-Modal-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -313,7 +313,7 @@ exports[`Renderer:button 2`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>

16
packages/amis/__tests__/renderers/Form/__snapshots__/buttonGroup.test.tsx.snap
View File

@ -53,7 +53,7 @@ exports[`Renderer:button-group 1`] = `
class="cxd-ButtonGroup cxd-Form-control"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -61,7 +61,7 @@ exports[`Renderer:button-group 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -203,7 +203,7 @@ exports[`Renderer:button-group:multiple clearable 1`] = `
class="cxd-ButtonGroup cxd-Form-control"
>
<button
class="cxd-Button cxd-Button--primary is-active"
class="cxd-Button cxd-Button--primary cxd-Button--size-default is-active"
type="button"
>
<span>
@ -211,7 +211,7 @@ exports[`Renderer:button-group:multiple clearable 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -349,7 +349,7 @@ exports[`Renderer:button-group:multiple clearable 2`] = `
class="cxd-ButtonGroup cxd-Form-control"
>
<button
class="cxd-Button cxd-Button--primary is-active"
class="cxd-Button cxd-Button--primary cxd-Button--size-default is-active"
type="button"
>
<span>
@ -357,7 +357,7 @@ exports[`Renderer:button-group:multiple clearable 2`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary is-active"
class="cxd-Button cxd-Button--primary cxd-Button--size-default is-active"
type="button"
>
<span>
@ -495,7 +495,7 @@ exports[`Renderer:button-group:multiple clearable 3`] = `
class="cxd-ButtonGroup cxd-Form-control"
>
<button
class="cxd-Button cxd-Button--primary is-active"
class="cxd-Button cxd-Button--primary cxd-Button--size-default is-active"
type="button"
>
<span>
@ -503,7 +503,7 @@ exports[`Renderer:button-group:multiple clearable 3`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>

16
packages/amis/__tests__/renderers/Form/__snapshots__/buttonToolBar.test.tsx.snap
View File

@ -44,7 +44,7 @@ exports[`Renderer:button-toolbar 1`] = `
class="cxd-ButtonToolbar cxd-Form-control"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -52,7 +52,7 @@ exports[`Renderer:button-toolbar 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -60,7 +60,7 @@ exports[`Renderer:button-toolbar 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="reset"
>
<span>
@ -159,7 +159,7 @@ exports[`Renderer:button-toolbar 2`] = `
class="cxd-ButtonToolbar cxd-Form-control"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -167,7 +167,7 @@ exports[`Renderer:button-toolbar 2`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -175,7 +175,7 @@ exports[`Renderer:button-toolbar 2`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="reset"
>
<span>
@ -271,7 +271,7 @@ exports[`Renderer:button-toolbar 2`] = `
class="cxd-Modal-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -279,7 +279,7 @@ exports[`Renderer:button-toolbar 2`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>

2
packages/amis/__tests__/renderers/Form/__snapshots__/chainedSelect.test.tsx.snap
View File

@ -273,7 +273,7 @@ exports[`Renderer:chained-select 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

46
packages/amis/__tests__/renderers/Form/__snapshots__/checkboxes.test.tsx.snap
View File

@ -552,7 +552,7 @@ exports[`Renderer:checkboxes with checkall: all selected 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -788,7 +788,7 @@ exports[`Renderer:checkboxes with checkall: default value 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1024,7 +1024,7 @@ exports[`Renderer:checkboxes with checkall: no selected 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1215,7 +1215,7 @@ exports[`Renderer:checkboxes with columnsCount 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1410,7 +1410,7 @@ exports[`Renderer:checkboxes with columnsCount 2`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1666,7 +1666,7 @@ exports[`Renderer:checkboxes with columnsCount 3`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1855,7 +1855,7 @@ exports[`Renderer:checkboxes with creatable & createBtnLabel & addControls & add
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -2035,7 +2035,7 @@ exports[`Renderer:checkboxes with creatable & createBtnLabel & addControls & add
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -2239,7 +2239,7 @@ exports[`Renderer:checkboxes with creatable & createBtnLabel & addControls & add
class="cxd-Modal-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -2247,7 +2247,7 @@ exports[`Renderer:checkboxes with creatable & createBtnLabel & addControls & add
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -2450,7 +2450,7 @@ exports[`Renderer:checkboxes with defaultCheckAll & inline 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -2657,7 +2657,7 @@ exports[`Renderer:checkboxes with editable & editControls & editApi: dialog open
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -2831,7 +2831,7 @@ exports[`Renderer:checkboxes with editable & editControls & editApi: dialog open
class="cxd-Modal-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -2839,7 +2839,7 @@ exports[`Renderer:checkboxes with editable & editControls & editApi: dialog open
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -3003,7 +3003,7 @@ exports[`Renderer:checkboxes with editable & editControls & editApi: edit succes
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -3206,7 +3206,7 @@ exports[`Renderer:checkboxes with editable & editControls & editApi: hover edit
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -3430,7 +3430,7 @@ exports[`Renderer:checkboxes with group 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -3637,7 +3637,7 @@ exports[`Renderer:checkboxes with menuTpl 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -3809,7 +3809,7 @@ exports[`Renderer:checkboxes with optionType & labelClassName & itemClassName 1`
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -4016,7 +4016,7 @@ exports[`Renderer:checkboxes with removable & deleteApi: dialog open 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -4099,13 +4099,13 @@ exports[`Renderer:checkboxes with removable & deleteApi: dialog open 1`] = `
class="cxd-Modal-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
取消
</button>
<button
class="cxd-Button cxd-Button--danger"
class="cxd-Button cxd-Button--danger cxd-Button--size-default"
type="button"
>
确认
@ -4267,7 +4267,7 @@ exports[`Renderer:checkboxes with removable & deleteApi: hover edit 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

2
packages/amis/__tests__/renderers/Form/__snapshots__/combo.test.tsx.snap
View File

@ -86,7 +86,7 @@ exports[`Renderer:combo 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

6
packages/amis/__tests__/renderers/Form/__snapshots__/conditionBuilder.test.tsx.snap
View File

@ -119,13 +119,13 @@ exports[`Renderer:condition-builder 1`] = `
class="cxd-ButtonGroup"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--xs"
class="cxd-Button cxd-Button--link cxd-Button--size-xs"
type="button"
>
添加条件
</button>
<button
class="cxd-Button cxd-Button--link cxd-Button--xs"
class="cxd-Button cxd-Button--link cxd-Button--size-xs"
type="button"
>
添加条件组
@ -153,7 +153,7 @@ exports[`Renderer:condition-builder 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

2
packages/amis/__tests__/renderers/Form/__snapshots__/container.test.tsx.snap
View File

@ -82,7 +82,7 @@ exports[`Renderer:container 1`] = `
class="cxd-TextControl-button"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>

6
packages/amis/__tests__/renderers/Form/__snapshots__/formitem.test.tsx.snap
View File

@ -88,7 +88,7 @@ exports[`Renderer:FormItem:validateApi:failed 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -228,7 +228,7 @@ exports[`Renderer:FormItem:validateApi:failed 2`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -368,7 +368,7 @@ exports[`Renderer:FormItem:validateApi:success 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>

20
packages/amis/__tests__/renderers/Form/__snapshots__/index.test.tsx.snap
View File

@ -76,7 +76,7 @@ exports[`Renderer:Form 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -270,7 +270,7 @@ exports[`Renderer:Form initApi 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -433,7 +433,7 @@ exports[`Renderer:Form reset 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="reset"
>
<span>
@ -441,7 +441,7 @@ exports[`Renderer:Form reset 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -604,7 +604,7 @@ exports[`Renderer:Form sendOn:true 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -784,7 +784,7 @@ exports[`Renderer:Form:onValidate 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -954,7 +954,7 @@ exports[`Renderer:Form:onValidate 3`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -1096,7 +1096,7 @@ exports[`Renderer:Form:remoteValidate 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -1236,7 +1236,7 @@ exports[`Renderer:Form:valdiate 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -1376,7 +1376,7 @@ exports[`Renderer:Form:valdiate 2`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>

8
packages/amis/__tests__/renderers/Form/__snapshots__/initData.test.tsx.snap
View File

@ -55,7 +55,7 @@ exports[`Form:initData 1`] = `
</div>
</div>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -184,7 +184,7 @@ exports[`Form:initData:remote 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -327,7 +327,7 @@ exports[`Form:initData:super 1`] = `
</div>
</div>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -409,7 +409,7 @@ exports[`Form:initData:without-super 1`] = `
</div>
</div>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>

18
packages/amis/__tests__/renderers/Form/__snapshots__/inputArray.test.tsx.snap
View File

@ -139,7 +139,7 @@ exports[`Renderer:inputArray 1`] = `
class="cxd-Combo-toolbar"
>
<button
class="cxd-Button cxd-Button--default cxd-Combo-addBtn"
class="cxd-Button cxd-Button--default cxd-Button--size-default cxd-Combo-addBtn"
type="button"
>
<icon-mock
@ -164,7 +164,7 @@ exports[`Renderer:inputArray 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -520,7 +520,7 @@ exports[`Renderer:inputArray with draggable & draggableTip 1`] = `
class="cxd-Combo-toolbar"
>
<button
class="cxd-Button cxd-Button--default cxd-Combo-addBtn"
class="cxd-Button cxd-Button--default cxd-Button--size-default cxd-Combo-addBtn"
type="button"
>
<icon-mock
@ -550,7 +550,7 @@ exports[`Renderer:inputArray with draggable & draggableTip 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -786,7 +786,7 @@ exports[`Renderer:inputArray with minLength & maxLength 1`] = `
class="cxd-Combo-toolbar"
>
<button
class="cxd-Button cxd-Button--default cxd-Combo-addBtn"
class="cxd-Button cxd-Button--default cxd-Button--size-default cxd-Combo-addBtn"
type="button"
>
<icon-mock
@ -811,7 +811,7 @@ exports[`Renderer:inputArray with minLength & maxLength 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1059,7 +1059,7 @@ exports[`Renderer:inputArray with removable & addable & addButtonText: false 1`]
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1254,7 +1254,7 @@ exports[`Renderer:inputArray with removable & addable & addButtonText: false 2`]
class="cxd-Combo-toolbar"
>
<button
class="cxd-Button cxd-Button--default cxd-Combo-addBtn"
class="cxd-Button cxd-Button--default cxd-Button--size-default cxd-Combo-addBtn"
type="button"
>
<icon-mock
@ -1279,7 +1279,7 @@ exports[`Renderer:inputArray with removable & addable & addButtonText: false 2`]
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

6
packages/amis/__tests__/renderers/Form/__snapshots__/inputDate.test.tsx.snap
View File

@ -226,7 +226,7 @@ exports[`Renderer:inputDate with clearable: clearable false 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -412,7 +412,7 @@ exports[`Renderer:inputDate with clearable: clearable true 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -602,7 +602,7 @@ exports[`Renderer:inputDate with format & inputFormat 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

10
packages/amis/__tests__/renderers/Form/__snapshots__/inputFormula.test.tsx.snap
View File

@ -216,7 +216,7 @@ exports[`Renderer:input-formula 1`] = `
/>
</div>
<button
class="cxd-Button cxd-Button--default cxd-FormulaPicker-action"
class="cxd-Button cxd-Button--default cxd-Button--size-default cxd-FormulaPicker-action"
type="button"
>
<icon-mock
@ -235,7 +235,7 @@ exports[`Renderer:input-formula 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -488,7 +488,7 @@ exports[`Renderer:input-formula button 1`] = `
class="cxd-FormulaPicker cxd-Form-control"
>
<button
class="cxd-Button cxd-Button--default cxd-FormulaPicker-action w-full"
class="cxd-Button cxd-Button--default cxd-Button--size-default cxd-FormulaPicker-action w-full"
type="button"
>
<icon-mock
@ -512,7 +512,7 @@ exports[`Renderer:input-formula button 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -802,7 +802,7 @@ exports[`Renderer:input-formula input-group 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

2
packages/amis/__tests__/renderers/Form/__snapshots__/inputTable.test.tsx.snap
View File

@ -230,7 +230,7 @@ exports[`Renderer:input table 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

12
packages/amis/__tests__/renderers/Form/__snapshots__/number.test.tsx.snap
View File

@ -249,7 +249,7 @@ exports[`Renderer:number with borderMode 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -407,7 +407,7 @@ exports[`Renderer:number with borderMode 2`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -566,7 +566,7 @@ exports[`Renderer:number with precision and default value 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -725,7 +725,7 @@ exports[`Renderer:number with prefix & suffix & kilobitSeparator 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -904,7 +904,7 @@ exports[`Renderer:number with step & precision & displayMode & keyboard 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1107,7 +1107,7 @@ exports[`Renderer:number with unitOptions 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

2
packages/amis/__tests__/renderers/Form/__snapshots__/range.test.tsx.snap
View File

@ -629,7 +629,7 @@ exports[`Renderer:range with min & max & step & joinValues 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

12
packages/amis/__tests__/renderers/Form/__snapshots__/rating.test.tsx.snap
View File

@ -164,7 +164,7 @@ exports[`Renderer:rating with allowClear 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -312,7 +312,7 @@ exports[`Renderer:rating with char & charClassName 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -544,7 +544,7 @@ exports[`Renderer:rating with colors & inactiveColor 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -717,7 +717,7 @@ exports[`Renderer:rating with count & half 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -936,7 +936,7 @@ exports[`Renderer:rating with readOnly 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1173,7 +1173,7 @@ exports[`Renderer:rating with texts & textPosition & textClassName 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

18
packages/amis/__tests__/renderers/Form/__snapshots__/select.test.tsx.snap
View File

@ -101,7 +101,7 @@ exports[`Renderer: chained select 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -258,7 +258,7 @@ exports[`Renderer:select associated 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -415,7 +415,7 @@ exports[`Renderer:select chained 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -572,7 +572,7 @@ exports[`Renderer:select group 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -729,7 +729,7 @@ exports[`Renderer:select menutpl 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -886,7 +886,7 @@ exports[`Renderer:select table 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1365,7 +1365,7 @@ exports[`Renderer:select table with labelField & valueField 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1524,7 +1524,7 @@ exports[`Renderer:select tree 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1938,7 +1938,7 @@ exports[`Renderer:select virtual 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

6
packages/amis/__tests__/renderers/Form/__snapshots__/service.test.tsx.snap
View File

@ -250,7 +250,7 @@ exports[`form:service:remoteData 1`] = `
data-role="form-item"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -325,7 +325,7 @@ exports[`form:service:remoteSchmea+data 1`] = `
data-role="form-item"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -378,7 +378,7 @@ exports[`form:service:super-remoteData 1`] = `
data-role="form-item"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>

2
packages/amis/__tests__/renderers/Form/__snapshots__/switch.test.tsx.snap
View File

@ -201,7 +201,7 @@ exports[`Renderer:Switch Switch size 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

2
packages/amis/__tests__/renderers/Form/__snapshots__/tabsTransfer.test.tsx.snap
View File

@ -543,7 +543,7 @@ exports[`Renderer:tabs-transfer 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

50
packages/amis/__tests__/renderers/Form/__snapshots__/text.test.tsx.snap
View File

@ -76,7 +76,7 @@ exports[`Renderer:text 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -211,7 +211,7 @@ exports[`Renderer:text type is email: validate fail 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -339,7 +339,7 @@ exports[`Renderer:text type is email: validate success 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -467,7 +467,7 @@ exports[`Renderer:text type is password with revealPassword 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -603,7 +603,7 @@ exports[`Renderer:text type is password: password invisible 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -739,7 +739,7 @@ exports[`Renderer:text type is password: password visible 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -874,7 +874,7 @@ exports[`Renderer:text type is url: validate fail 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1002,7 +1002,7 @@ exports[`Renderer:text type is url: validate success 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1123,7 +1123,7 @@ exports[`Renderer:text with addOn 1`] = `
class="cxd-TextControl-button"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1142,7 +1142,7 @@ exports[`Renderer:text with addOn 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1278,7 +1278,7 @@ exports[`Renderer:text with clearable 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1411,7 +1411,7 @@ exports[`Renderer:text with counter 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1544,7 +1544,7 @@ exports[`Renderer:text with counter 2`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1678,7 +1678,7 @@ exports[`Renderer:text with counter and maxLength 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1812,7 +1812,7 @@ exports[`Renderer:text with counter and maxLength 2`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1949,7 +1949,7 @@ exports[`Renderer:text with minLength 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -2083,7 +2083,7 @@ exports[`Renderer:text with options 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -2284,7 +2284,7 @@ exports[`Renderer:text with options and multiple and delimiter: first option sel
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -2486,7 +2486,7 @@ exports[`Renderer:text with options and multiple and delimiter: options is opene
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -2687,7 +2687,7 @@ exports[`Renderer:text with options and multiple and delimiter: options is opene
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -2891,7 +2891,7 @@ exports[`Renderer:text with options and multiple and delimiter: second option se
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -3082,7 +3082,7 @@ exports[`Renderer:text with options and multiple and delimiter: thrid option cre
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -3242,7 +3242,7 @@ exports[`Renderer:text with options: options is open 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -3378,7 +3378,7 @@ exports[`Renderer:text with options: select first option 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -3516,7 +3516,7 @@ exports[`Renderer:text with prefix and suffix 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

6
packages/amis/__tests__/renderers/Form/__snapshots__/textarea.test.tsx.snap
View File

@ -201,7 +201,7 @@ exports[`Renderer:textarea with maxLength & clearable & resetValue 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -326,7 +326,7 @@ exports[`Renderer:textarea with readOnly 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -455,7 +455,7 @@ exports[`Renderer:textarea with trimContents & showCounter 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

10
packages/amis/__tests__/renderers/Form/__snapshots__/transfer.test.tsx.snap
View File

@ -277,7 +277,7 @@ exports[`Renderer:transfer 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -535,7 +535,7 @@ exports[`Renderer:transfer chained 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1085,7 +1085,7 @@ exports[`Renderer:transfer left tree 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -1508,7 +1508,7 @@ exports[`Renderer:transfer table 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -2073,7 +2073,7 @@ exports[`Renderer:transfer tree 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

66
packages/amis/__tests__/renderers/__snapshots__/Action.test.tsx.snap
View File

@ -2,7 +2,7 @@
exports[`Renderers:Action [actionType = "link"] show active class 1`] = `
<button
className="cxd-Button cxd-Button--default a"
className="cxd-Button cxd-Button--default cxd-Button--size-default a"
onClick={[Function]}
type="button"
>
@ -14,7 +14,7 @@ exports[`Renderers:Action [actionType = "link"] show active class 1`] = `
exports[`Renderers:Action [actionType = "link"] show active class 2`] = `
<button
className="cxd-Button cxd-Button--default a is-active"
className="cxd-Button cxd-Button--default cxd-Button--size-default a is-active"
onClick={[Function]}
type="button"
>
@ -98,7 +98,7 @@ exports[`Renderers:Action all levels 1`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--link"
class="cxd-Button cxd-Button--link cxd-Button--size-default"
type="button"
>
<span>
@ -106,7 +106,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -114,7 +114,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--secondary"
class="cxd-Button cxd-Button--secondary cxd-Button--size-default"
type="button"
>
<span>
@ -122,7 +122,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--info"
class="cxd-Button cxd-Button--info cxd-Button--size-default"
type="button"
>
<span>
@ -130,7 +130,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--success"
class="cxd-Button cxd-Button--success cxd-Button--size-default"
type="button"
>
<span>
@ -138,7 +138,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--warning"
class="cxd-Button cxd-Button--warning cxd-Button--size-default"
type="button"
>
<span>
@ -146,7 +146,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--danger"
class="cxd-Button cxd-Button--danger cxd-Button--size-default"
type="button"
>
<span>
@ -154,7 +154,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--light"
class="cxd-Button cxd-Button--light cxd-Button--size-default"
type="button"
>
<span>
@ -162,7 +162,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--dark"
class="cxd-Button cxd-Button--dark cxd-Button--size-default"
type="button"
>
<span>
@ -170,7 +170,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -181,7 +181,7 @@ exports[`Renderers:Action all levels 1`] = `
class="cxd-Divider cxd-Divider--dashed"
/>
<div
class="cxd-Button cxd-Button--link is-disabled"
class="cxd-Button cxd-Button--link cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -189,7 +189,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</div>
<div
class="cxd-Button cxd-Button--primary is-disabled"
class="cxd-Button cxd-Button--primary cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -197,7 +197,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</div>
<div
class="cxd-Button cxd-Button--secondary is-disabled"
class="cxd-Button cxd-Button--secondary cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -205,7 +205,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</div>
<div
class="cxd-Button cxd-Button--info is-disabled"
class="cxd-Button cxd-Button--info cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -213,7 +213,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</div>
<div
class="cxd-Button cxd-Button--success is-disabled"
class="cxd-Button cxd-Button--success cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -221,7 +221,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</div>
<div
class="cxd-Button cxd-Button--warning is-disabled"
class="cxd-Button cxd-Button--warning cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -229,7 +229,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</div>
<div
class="cxd-Button cxd-Button--danger is-disabled"
class="cxd-Button cxd-Button--danger cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -237,7 +237,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</div>
<div
class="cxd-Button cxd-Button--light is-disabled"
class="cxd-Button cxd-Button--light cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -245,7 +245,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</div>
<div
class="cxd-Button cxd-Button--dark is-disabled"
class="cxd-Button cxd-Button--dark cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -253,7 +253,7 @@ exports[`Renderers:Action all levels 1`] = `
</span>
</div>
<div
class="cxd-Button cxd-Button--default is-disabled"
class="cxd-Button cxd-Button--default cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -269,7 +269,7 @@ exports[`Renderers:Action all levels 1`] = `
exports[`Renderers:Action custom activeClass 1`] = `
<button
className="cxd-Button cxd-Button--default a"
className="cxd-Button cxd-Button--default cxd-Button--size-default a"
onClick={[Function]}
type="button"
>
@ -281,7 +281,7 @@ exports[`Renderers:Action custom activeClass 1`] = `
exports[`Renderers:Action custom activeClass 2`] = `
<button
className="cxd-Button cxd-Button--default a custom-active"
className="cxd-Button cxd-Button--default cxd-Button--size-default a custom-active"
onClick={[Function]}
type="button"
>
@ -293,7 +293,7 @@ exports[`Renderers:Action custom activeClass 2`] = `
exports[`Renderers:Action display size[xs, sm, md, lg] 1`] = `
<button
className="cxd-Button cxd-Button--default cxd-Button--xs"
className="cxd-Button cxd-Button--default cxd-Button--size-xs"
onClick={[Function]}
type="button"
/>
@ -301,7 +301,7 @@ exports[`Renderers:Action display size[xs, sm, md, lg] 1`] = `
exports[`Renderers:Action display size[xs, sm, md, lg] 2`] = `
<button
className="cxd-Button cxd-Button--default cxd-Button--sm"
className="cxd-Button cxd-Button--default cxd-Button--size-sm"
onClick={[Function]}
type="button"
/>
@ -309,7 +309,7 @@ exports[`Renderers:Action display size[xs, sm, md, lg] 2`] = `
exports[`Renderers:Action display size[xs, sm, md, lg] 3`] = `
<button
className="cxd-Button cxd-Button--default cxd-Button--md"
className="cxd-Button cxd-Button--default cxd-Button--size-md"
onClick={[Function]}
type="button"
/>
@ -317,7 +317,7 @@ exports[`Renderers:Action display size[xs, sm, md, lg] 3`] = `
exports[`Renderers:Action display size[xs, sm, md, lg] 4`] = `
<button
className="cxd-Button cxd-Button--default cxd-Button--lg"
className="cxd-Button cxd-Button--default cxd-Button--size-lg"
onClick={[Function]}
type="button"
/>
@ -325,7 +325,7 @@ exports[`Renderers:Action display size[xs, sm, md, lg] 4`] = `
exports[`Renderers:Action download shortcut 1`] = `
<button
className="cxd-Button cxd-Button--default"
className="cxd-Button cxd-Button--default cxd-Button--size-default"
onClick={[Function]}
type="button"
>
@ -350,7 +350,7 @@ exports[`Renderers:Action tooltip 1`] = `
class="cxd-Page-body"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
style="position: relative;"
type="button"
>
@ -398,7 +398,7 @@ exports[`Renderers:Action tooltip 1`] = `
</div>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -406,7 +406,7 @@ exports[`Renderers:Action tooltip 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -414,7 +414,7 @@ exports[`Renderers:Action tooltip 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>

6
packages/amis/__tests__/renderers/__snapshots__/AnchorNav.test.tsx.snap
View File

@ -155,7 +155,7 @@ exports[`Renderer:anchorNav 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -317,7 +317,7 @@ exports[`Renderer:anchorNav 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -522,7 +522,7 @@ exports[`Renderer:anchorNav horizontal 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>

4
packages/amis/__tests__/renderers/__snapshots__/ButtonToolbar.test.tsx.snap
View File

@ -23,7 +23,7 @@ exports[`Renderer:button-toolbar 1`] = `
class="cxd-ButtonToolbar cxd-Form-control"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -31,7 +31,7 @@ exports[`Renderer:button-toolbar 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>

10
packages/amis/__tests__/renderers/__snapshots__/CRUD.test.tsx.snap
View File

@ -127,7 +127,7 @@ exports[`Renderer: crud keepItemSelectionOnPageChange & maxKeepItemSelectionLeng
class="cxd-Crud-actions"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1036,7 +1036,7 @@ exports[`Renderer: crud keepItemSelectionOnPageChange & maxKeepItemSelectionLeng
class="cxd-Crud-actions"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -2152,7 +2152,7 @@ exports[`Renderer:crud basic interval headerToolbar footerToolbar 1`] = `
class="cxd-Crud-toolbar-item cxd-Crud-toolbar-item--left"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -2649,7 +2649,7 @@ exports[`Renderer:crud basic interval headerToolbar footerToolbar 1`] = `
class="cxd-Crud-toolbar-item cxd-Crud-toolbar-item--left"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -2913,7 +2913,7 @@ exports[`Renderer:crud basic interval headerToolbar footerToolbar 1`] = `
class="cxd-Crud-toolbar-item cxd-Crud-toolbar-item--left"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>

6
packages/amis/__tests__/renderers/__snapshots__/Card.test.tsx.snap
View File

@ -467,7 +467,7 @@ exports[`Renderer:cards hightlight 1`] = `
class="cxd-DropDown cxd-Card-action pr-1 flex"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
>
<i
class="m-r-xs fa fa-ellipsis-h"
@ -596,7 +596,7 @@ exports[`Renderer:cards hightlight 2`] = `
class="cxd-DropDown cxd-Card-action pr-1 flex"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
>
<i
class="m-r-xs fa fa-ellipsis-h"
@ -722,7 +722,7 @@ exports[`Renderer:cards media 1`] = `
class="cxd-DropDown cxd-Card-action pr-1 flex"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
>
<i
class="m-r-xs fa fa-ellipsis-h"

4
packages/amis/__tests__/renderers/__snapshots__/DropDownButton.test.tsx.snap
View File

@ -6,7 +6,7 @@ exports[`Renderer:dropdown-button 1`] = `
class="cxd-DropDown is-opened show"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
>
<span
class="cxd-DropDown-caret"
@ -53,7 +53,7 @@ exports[`Renderer:dropdown-button 2`] = `
class="cxd-DropDown show"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
>
<span
class="cxd-DropDown-caret"

20
packages/amis/__tests__/renderers/__snapshots__/List.test.tsx.snap
View File

@ -52,7 +52,7 @@ exports[`Renderer:list 1`] = `
class="cxd-ListItem-actions"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
type="button"
>
<span>
@ -120,7 +120,7 @@ exports[`Renderer:list 1`] = `
class="cxd-ListItem-actions"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
type="button"
>
<span>
@ -188,7 +188,7 @@ exports[`Renderer:list 1`] = `
class="cxd-ListItem-actions"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
type="button"
>
<span>
@ -256,7 +256,7 @@ exports[`Renderer:list 1`] = `
class="cxd-ListItem-actions"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
type="button"
>
<span>
@ -324,7 +324,7 @@ exports[`Renderer:list 1`] = `
class="cxd-ListItem-actions"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
type="button"
>
<span>
@ -392,7 +392,7 @@ exports[`Renderer:list 1`] = `
class="cxd-ListItem-actions"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
type="button"
>
<span>
@ -460,7 +460,7 @@ exports[`Renderer:list 1`] = `
class="cxd-ListItem-actions"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
type="button"
>
<span>
@ -528,7 +528,7 @@ exports[`Renderer:list 1`] = `
class="cxd-ListItem-actions"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
type="button"
>
<span>
@ -596,7 +596,7 @@ exports[`Renderer:list 1`] = `
class="cxd-ListItem-actions"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
type="button"
>
<span>
@ -664,7 +664,7 @@ exports[`Renderer:list 1`] = `
class="cxd-ListItem-actions"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
type="button"
>
<span>

62
packages/amis/__tests__/renderers/__snapshots__/Page.test.tsx.snap
View File

@ -220,7 +220,7 @@ exports[`Renderer:Page handleAction actionType=ajax & feedback 1`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -286,7 +286,7 @@ exports[`Renderer:Page handleAction actionType=ajax & feedback 1`] = `
class="cxd-Modal-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -294,7 +294,7 @@ exports[`Renderer:Page handleAction actionType=ajax & feedback 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -322,7 +322,7 @@ exports[`Renderer:Page handleAction actionType=ajax & feedback 2`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -362,7 +362,7 @@ exports[`Renderer:Page handleAction actionType=ajax 1`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -402,7 +402,7 @@ exports[`Renderer:Page handleAction actionType=dialog default 1`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -434,7 +434,7 @@ exports[`Renderer:Page handleAction actionType=dialog default 2`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -466,7 +466,7 @@ exports[`Renderer:Page handleAction actionType=dialog mergeData 1`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -573,7 +573,7 @@ exports[`Renderer:Page handleAction actionType=dialog mergeData 1`] = `
class="cxd-Modal-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -601,7 +601,7 @@ exports[`Renderer:Page handleAction actionType=dialog mergeData 2`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -641,7 +641,7 @@ exports[`Renderer:Page handleAction actionType=drawer default 1`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -695,7 +695,7 @@ exports[`Renderer:Page handleAction actionType=drawer default 1`] = `
class="cxd-Drawer-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -703,7 +703,7 @@ exports[`Renderer:Page handleAction actionType=drawer default 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -731,7 +731,7 @@ exports[`Renderer:Page handleAction actionType=drawer default 2`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -763,7 +763,7 @@ exports[`Renderer:Page handleAction actionType=drawer mergeData 1`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -862,7 +862,7 @@ exports[`Renderer:Page handleAction actionType=drawer mergeData 1`] = `
class="cxd-Drawer-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -890,7 +890,7 @@ exports[`Renderer:Page handleAction actionType=drawer mergeData 2`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1079,7 +1079,7 @@ exports[`Renderer:Page initApi reload by Dialog action 1`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1119,7 +1119,7 @@ exports[`Renderer:Page initApi reload by Dialog action 2`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1218,7 +1218,7 @@ exports[`Renderer:Page initApi reload by Dialog action 2`] = `
class="cxd-Modal-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1226,7 +1226,7 @@ exports[`Renderer:Page initApi reload by Dialog action 2`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -1254,7 +1254,7 @@ exports[`Renderer:Page initApi reload by Dialog action 3`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1294,7 +1294,7 @@ exports[`Renderer:Page initApi reload by Drawer action 1`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1334,7 +1334,7 @@ exports[`Renderer:Page initApi reload by Drawer action 2`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1425,7 +1425,7 @@ exports[`Renderer:Page initApi reload by Drawer action 2`] = `
class="cxd-Drawer-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1433,7 +1433,7 @@ exports[`Renderer:Page initApi reload by Drawer action 2`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -1461,7 +1461,7 @@ exports[`Renderer:Page initApi reload by Drawer action 3`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1561,7 +1561,7 @@ exports[`Renderer:Page initApi reload by Form submit 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -1703,7 +1703,7 @@ exports[`Renderer:Page initApi reload by Form submit 2`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="submit"
>
<span>
@ -1785,7 +1785,7 @@ exports[`Renderer:Page initApi reload by action 1`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1825,7 +1825,7 @@ exports[`Renderer:Page initApi reload by action 2`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>

6
packages/amis/__tests__/renderers/__snapshots__/Portlet.test.tsx.snap
View File

@ -47,7 +47,7 @@ exports[`Renderer:portlet 1`] = `
class="cxd-toolbar"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
type="button"
>
<span>
@ -59,7 +59,7 @@ exports[`Renderer:portlet 1`] = `
class="cxd-tab-toolbar"
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
type="button"
>
<span>
@ -70,7 +70,7 @@ exports[`Renderer:portlet 1`] = `
class="cxd-DropDown "
>
<button
class="cxd-Button cxd-Button--link cxd-Button--sm"
class="cxd-Button cxd-Button--link cxd-Button--size-sm"
>
<i
class="m-r-xs fa fa-ellipsis-h"

18
packages/amis/__tests__/renderers/__snapshots__/Table.test.tsx.snap
View File

@ -4288,7 +4288,7 @@ exports[`Renderer:table groupName-default 1`] = `
class="cxd-ColumnToggler is-actived"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
class="cxd-Button cxd-Button--default cxd-Button--size-sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
@ -5019,7 +5019,7 @@ exports[`Renderer:table groupName-default 1`] = `
class="cxd-ColumnToggler is-actived"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
class="cxd-Button cxd-Button--default cxd-Button--size-sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
@ -5253,7 +5253,7 @@ exports[`Renderer:table groupName-middleNoGroupName 1`] = `
class="cxd-ColumnToggler is-actived"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
class="cxd-Button cxd-Button--default cxd-Button--size-sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
@ -5988,7 +5988,7 @@ exports[`Renderer:table groupName-middleNoGroupName 1`] = `
class="cxd-ColumnToggler is-actived"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
class="cxd-Button cxd-Button--default cxd-Button--size-sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
@ -6210,7 +6210,7 @@ exports[`Renderer:table groupName-startNoGroupName 1`] = `
class="cxd-ColumnToggler is-actived"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
class="cxd-Button cxd-Button--default cxd-Button--size-sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
@ -6934,7 +6934,7 @@ exports[`Renderer:table groupName-startNoGroupName 1`] = `
class="cxd-ColumnToggler is-actived"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
class="cxd-Button cxd-Button--default cxd-Button--size-sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
@ -7136,7 +7136,7 @@ exports[`Renderer:table groupName-withTpl 1`] = `
class="cxd-ColumnToggler is-actived"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
class="cxd-Button cxd-Button--default cxd-Button--size-sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
@ -7867,7 +7867,7 @@ exports[`Renderer:table groupName-withTpl 1`] = `
class="cxd-ColumnToggler is-actived"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
class="cxd-Button cxd-Button--default cxd-Button--size-sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
@ -8744,7 +8744,7 @@ exports[`Renderer:table list 1`] = `
class="cxd-ColumnToggler"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
class="cxd-Button cxd-Button--default cxd-Button--size-sm"
>
<icon-mock
classname="icon m-r-none icon-columns"

2
packages/amis/__tests__/renderers/__snapshots__/Tabs.test.tsx.snap
View File

@ -1173,7 +1173,7 @@ exports[`Renderer:tabs toolbar 1`] = `
class="cxd-Tabs-toolbar toolbarClassName"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
class="cxd-Button cxd-Button--default cxd-Button--size-sm"
type="button"
>
<span>

6
packages/amis/__tests__/renderers/__snapshots__/Tasks.test.tsx.snap
View File

@ -43,7 +43,7 @@ exports[`Renderer:tesks 1`] = `
</td>
<td>
<a
class="cxd-Button cxd-Button--default disabled"
class="cxd-Button cxd-Button--default cxd-Button--size-md disabled"
>
上线
</a>
@ -78,7 +78,7 @@ exports[`Renderer:tesks 1`] = `
</td>
<td>
<a
class="cxd-Button cxd-Button--default disabled"
class="cxd-Button cxd-Button--default cxd-Button--size-md disabled"
>
上线
</a>
@ -98,7 +98,7 @@ exports[`Renderer:tesks 1`] = `
</td>
<td>
<a
class="cxd-Button cxd-Button--default disabled"
class="cxd-Button cxd-Button--default cxd-Button--size-md disabled"
>
上线
</a>

8
packages/amis/__tests__/renderers/__snapshots__/Timeline.test.tsx.snap
View File

@ -12,7 +12,7 @@ exports[`Renderer:timeline items 1`] = `
class="cxd-TimelineItem-axle"
>
<div
class="cxd-TimelineItem-line cxd-TimelineItem-line-icon"
class="cxd-TimelineItem-line"
/>
<div
class="cxd-TimelineItem-icon"
@ -778,7 +778,7 @@ exports[`Renderer:timeline source 1`] = `
class="cxd-TimelineItem-axle"
>
<div
class="cxd-TimelineItem-line cxd-TimelineItem-line-icon"
class="cxd-TimelineItem-line"
/>
<div
class="cxd-TimelineItem-icon"
@ -933,7 +933,7 @@ exports[`Renderer:timeline source 1`] = `
class="cxd-TimelineItem-axle"
>
<div
class="cxd-TimelineItem-line cxd-TimelineItem-line-icon"
class="cxd-TimelineItem-line"
/>
<div
class="cxd-TimelineItem-icon"
@ -1038,7 +1038,7 @@ exports[`Renderer:timeline source 1`] = `
class="cxd-TimelineItem-axle"
>
<div
class="cxd-TimelineItem-line cxd-TimelineItem-line-icon"
class="cxd-TimelineItem-line"
/>
<div
class="cxd-TimelineItem-icon"

70
packages/amis/__tests__/renderers/__snapshots__/Wizard.test.tsx.snap
View File

@ -65,7 +65,7 @@ exports[`Renderer:Wizard actionPrevLabel actionNextLabel actionFinishLabel class
role="wizard-footer"
>
<button
class="cxd-Button cxd-Button--default btn-lg btn-primary"
class="cxd-Button cxd-Button--default cxd-Button--size-default btn-lg btn-primary"
type="button"
>
<span>
@ -73,7 +73,7 @@ exports[`Renderer:Wizard actionPrevLabel actionNextLabel actionFinishLabel class
</span>
</button>
<button
class="cxd-Button cxd-Button--primary btn-lg btn-primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default btn-lg btn-primary"
type="button"
>
<span>
@ -253,7 +253,7 @@ exports[`Renderer:Wizard actionPrevLabel actionNextLabel actionFinishLabel class
role="wizard-footer"
>
<div
class="cxd-Button cxd-Button--default is-disabled btn-lg btn-primary"
class="cxd-Button cxd-Button--default cxd-Button--size-default is-disabled btn-lg btn-primary"
disabled=""
>
<span>
@ -261,7 +261,7 @@ exports[`Renderer:Wizard actionPrevLabel actionNextLabel actionFinishLabel class
</span>
</div>
<button
class="cxd-Button cxd-Button--default btn-lg btn-primary"
class="cxd-Button cxd-Button--default cxd-Button--size-default btn-lg btn-primary"
type="button"
>
<span>
@ -458,7 +458,7 @@ exports[`Renderer:Wizard default 1`] = `
role="wizard-footer"
>
<div
class="cxd-Button cxd-Button--default is-disabled"
class="cxd-Button cxd-Button--default cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -466,7 +466,7 @@ exports[`Renderer:Wizard default 1`] = `
</span>
</div>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -653,7 +653,7 @@ exports[`Renderer:Wizard dialog 1`] = `
data-role="form-item"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -668,7 +668,7 @@ exports[`Renderer:Wizard dialog 1`] = `
role="wizard-footer"
>
<div
class="cxd-Button cxd-Button--default is-disabled"
class="cxd-Button cxd-Button--default cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -676,7 +676,7 @@ exports[`Renderer:Wizard dialog 1`] = `
</span>
</div>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -814,7 +814,7 @@ exports[`Renderer:Wizard dialog 1`] = `
class="cxd-Modal-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -822,7 +822,7 @@ exports[`Renderer:Wizard dialog 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -970,7 +970,7 @@ exports[`Renderer:Wizard dialog 2`] = `
data-role="form-item"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -985,7 +985,7 @@ exports[`Renderer:Wizard dialog 2`] = `
role="wizard-footer"
>
<div
class="cxd-Button cxd-Button--default is-disabled"
class="cxd-Button cxd-Button--default cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -993,7 +993,7 @@ exports[`Renderer:Wizard dialog 2`] = `
</span>
</div>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1194,7 +1194,7 @@ exports[`Renderer:Wizard initApi default 1`] = `
role="wizard-footer"
>
<div
class="cxd-Button cxd-Button--default is-disabled"
class="cxd-Button cxd-Button--default cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -1202,7 +1202,7 @@ exports[`Renderer:Wizard initApi default 1`] = `
</span>
</div>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1402,7 +1402,7 @@ exports[`Renderer:Wizard initApi reload 1`] = `
role="wizard-footer"
>
<div
class="cxd-Button cxd-Button--default is-disabled"
class="cxd-Button cxd-Button--default cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -1410,7 +1410,7 @@ exports[`Renderer:Wizard initApi reload 1`] = `
</span>
</div>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1543,7 +1543,7 @@ exports[`Renderer:Wizard initApi reload 2`] = `
role="wizard-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1551,7 +1551,7 @@ exports[`Renderer:Wizard initApi reload 2`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -1684,7 +1684,7 @@ exports[`Renderer:Wizard initApi reload 3`] = `
role="wizard-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -1692,7 +1692,7 @@ exports[`Renderer:Wizard initApi reload 3`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -2000,7 +2000,7 @@ exports[`Renderer:Wizard initApi show loading 2`] = `
role="wizard-footer"
>
<div
class="cxd-Button cxd-Button--default is-disabled"
class="cxd-Button cxd-Button--default cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -2008,7 +2008,7 @@ exports[`Renderer:Wizard initApi show loading 2`] = `
</span>
</div>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -2196,7 +2196,7 @@ exports[`Renderer:Wizard readOnly 1`] = `
role="wizard-footer"
>
<div
class="cxd-Button cxd-Button--default is-disabled"
class="cxd-Button cxd-Button--default cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -2204,7 +2204,7 @@ exports[`Renderer:Wizard readOnly 1`] = `
</span>
</div>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -2321,7 +2321,7 @@ exports[`Renderer:Wizard send data 1`] = `
role="wizard-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -2329,7 +2329,7 @@ exports[`Renderer:Wizard send data 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -2489,7 +2489,7 @@ exports[`Renderer:Wizard step initApi 1`] = `
role="wizard-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -2497,7 +2497,7 @@ exports[`Renderer:Wizard step initApi 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -2693,7 +2693,7 @@ exports[`Renderer:Wizard target 1`] = `
role="wizard-footer"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -2701,7 +2701,7 @@ exports[`Renderer:Wizard target 1`] = `
</span>
</button>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="button"
>
<span>
@ -2859,7 +2859,7 @@ exports[`Renderer:Wizard target 1`] = `
class="cxd-Panel-btnToolbar cxd-Panel-footer"
>
<button
class="cxd-Button cxd-Button--primary"
class="cxd-Button cxd-Button--primary cxd-Button--size-default"
type="submit"
>
<span>
@ -3074,7 +3074,7 @@ exports[`Renderer:Wizard validate 1`] = `
role="wizard-footer"
>
<div
class="cxd-Button cxd-Button--default is-disabled"
class="cxd-Button cxd-Button--default cxd-Button--size-default is-disabled"
disabled=""
>
<span>
@ -3082,7 +3082,7 @@ exports[`Renderer:Wizard validate 1`] = `
</span>
</div>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>

4
packages/amis/__tests__/utils/__snapshots__/api.test.ts.snap
View File

@ -15,7 +15,7 @@ exports[`api:cache 1`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>
@ -55,7 +55,7 @@ exports[`api:cache 2`] = `
class="cxd-Page-toolbar"
>
<button
class="cxd-Button cxd-Button--default"
class="cxd-Button cxd-Button--default cxd-Button--size-default"
type="button"
>
<span>

1
packages/amis/src/Schema.ts
View File

@ -305,6 +305,7 @@ export type SchemaType =
| 'hbox'
| 'hidden'
| 'icon-picker'
| 'icon-select'
| 'input-image'
| 'input-group'
| 'list-select'

2
packages/amis/src/index.tsx
View File

@ -85,6 +85,7 @@ import './renderers/Form/TransferPicker';
import './renderers/Form/InputTable';
import './renderers/Form/Picker';
import './renderers/Form/IconPicker';
import './renderers/Form/IconSelect';
import './renderers/Form/Formula';
import './renderers/Form/FieldSet';
import './renderers/Form/TabsTransfer';
@ -148,3 +149,4 @@ import './renderers/Table2/index';
import './compat';
import './schemaExtend';
export * from './renderers/Form/IconPickerIcons';
export * from './renderers/Form/IconSelectStore';

15
packages/amis/src/renderers/Collapse.tsx
View File

@ -1,5 +1,10 @@
import React from 'react';
import {Renderer, RendererProps} from 'amis-core';
import {
Renderer,
RendererProps,
generateIcon,
IconCheckedSchema
} from 'amis-core';
import {Collapse as BasicCollapse} from 'amis-ui';
import {BaseSchema, SchemaCollection, SchemaTpl, SchemaObject} from '../Schema';
@ -165,9 +170,11 @@ export default class Collapse extends React.Component<CollapseProps, {}> {
propsUpdate={propsUpdate}
expandIcon={
expandIcon
? render('arrow-icon', expandIcon || '', {
className: cx('Collapse-icon-tranform')
})
? typeof expandIcon === 'object'
? generateIcon(cx, expandIcon as IconCheckedSchema)
: render('arrow-icon', expandIcon || '', {
className: cx('Collapse-icon-tranform')
})
: null
}
collapseHeader={

Some files were not shown because too many files have changed in this diff Show More