test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-02 03:48:13 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'baidu/master'

Browse Source
This commit is contained in:
2betop 2023-11-06 11:59:43 +08:00
commit afd20fedca
19 changed files with 344 additions and 273 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
docs/zh-CN/concepts/event-action.md
View File

@ -2281,7 +2281,7 @@ run action ajax
},
{
type: 'form',
id: 'form_001_form_01',
id: 'form_001',
title: '表单1（优先级低）',
name: 'sub-form1',
body: [
@ -2298,6 +2298,7 @@ run action ajax
actions: [
{
actionType: 'reload',
componentId: 'form_001',
data: {
myname: '${myrole}', // 从事件数据中取
}
@ -2340,6 +2341,7 @@ run action ajax
actions: [
{
actionType: 'reload',
componentId: 'form_002',
data: {
myrole: '${myrole}',
age: '${age}'
@ -2378,6 +2380,7 @@ run action ajax
actions: [
{
actionType: 'reload',
componentId: 'form_003',
data: {
job: '${myrole}'
}

5
packages/amis-core/src/actions/CmptAction.ts
View File

@ -37,6 +37,11 @@ export class CmptAction implements RendererAction {
const key = action.componentId || action.componentName;
const dataMergeMode = action.dataMergeMode || 'merge';
if (!key) {
console.warn('请提供目标组件的componentId或componentName');
return;
}
let component = key
? event.context.scoped?.[
action.componentId ? 'getComponentById' : 'getComponentByName'

81
packages/amis-editor/src/plugin/Form/Static.tsx
View File

@ -4,7 +4,8 @@ import {
defaultValue,
getSchemaTpl,
setSchemaTpl,
tipedLabel
tipedLabel,
RendererPluginEvent
} from 'amis-editor-core';
import {registerEditorPlugin} from 'amis-editor-core';
import {BaseEventContext, BasePlugin} from 'amis-editor-core';
@ -263,7 +264,6 @@ export class StaticControlPlugin extends BasePlugin {
// 组件名称
name = '静态展示框';
isBaseComponent = true;
disabledRendererPlugin = true;
icon = 'fa fa-info';
pluginIcon = 'static-plugin';
description = '纯用来展示数据，可用来展示 json、date、image、progress 等数据';
@ -299,13 +299,6 @@ export class StaticControlPlugin extends BasePlugin {
{
title: '基本',
body: [
{
type: 'alert',
inline: false,
level: 'warning',
className: 'text-sm',
body: '<p>当前组件已停止维护，建议您使用<a href="/amis/zh-CN/components/form/formitem#%E9%85%8D%E7%BD%AE%E9%9D%99%E6%80%81%E5%B1%95%E7%A4%BA" target="_blank">静态展示</a>新特性实现表单项的静态展示。</p>'
},
getSchemaTpl('formItemName', {
required: false
}),
@ -390,6 +383,76 @@ export class StaticControlPlugin extends BasePlugin {
return props;
}
// 事件定义
events: RendererPluginEvent[] = [
{
eventName: 'click',
eventLabel: '点击',
description: '点击时触发',
dataSchema: [
{
type: 'object',
properties: {
context: {
type: 'object',
title: '上下文',
properties: {
nativeEvent: {
type: 'object',
title: '鼠标事件对象'
}
}
}
}
}
]
},
{
eventName: 'mouseenter',
eventLabel: '鼠标移入',
description: '鼠标移入时触发',
dataSchema: [
{
type: 'object',
properties: {
context: {
type: 'object',
title: '上下文',
properties: {
nativeEvent: {
type: 'object',
title: '鼠标事件对象'
}
}
}
}
}
]
},
{
eventName: 'mouseleave',
eventLabel: '鼠标移出',
description: '鼠标移出时触发',
dataSchema: [
{
type: 'object',
properties: {
context: {
type: 'object',
title: '上下文',
properties: {
nativeEvent: {
type: 'object',
title: '鼠标事件对象'
}
}
}
}
}
]
}
];
/*exchangeRenderer(id: string) {
this.manager.showReplacePanel(id, '展示');
}*/

2
packages/amis-editor/src/plugin/index.ts
View File

@ -63,6 +63,7 @@ export * from './Form/UUID'; // UUID
export * from './Form/LocationPicker'; // 地理位置
export * from './Form/InputSubForm'; // 子表单项
export * from './Form/Hidden'; // 隐藏域
export * from './Form/Static'; // 静态展示框
// 功能
export * from './Button'; // 按钮
@ -136,7 +137,6 @@ export * from './Form/InputMonthRange';
export * from './Form/InputPassword';
export * from './Form/InputQuarter';
export * from './Form/InputQuarterRange';
export * from './Form/Static';
export * from './Form/InputTime';
export * from './Form/InputTimeRange';
export * from './Form/TreeSelect';

24
packages/amis-ui/scss/_components.scss
View File

@ -1659,8 +1659,8 @@
--Form--horizontal-label-widthBase: var(--sizes-base-49);
--Form--horizontal-label-widthXs: var(--sizes-base-25);
--Form--horizontal-label-widthSm: var(--sizes-base-35);
--Form--horizontal-label-widthMd: 8.5rem;
--Form--horizontal-label-widthLg: 12.5rem;
--Form--horizontal-label-widthMd: #{px2rem(136px)};
--Form--horizontal-label-widthLg: #{px2rem(200px)};
--Form--horizontal-value-marginTop: var(--sizes-size-0);
--Form--horizontal-value-marginBottom: var(--sizes-size-0);
--Form--horizontal-value-marginLeft: var(--sizes-size-5);
@ -1682,7 +1682,7 @@
--InputRange-handle-mobile-width: var(--sizes-base-10);
--InputRange-handle-bg: var(--colors-neutral-fill-11);
--InputRange-handle-top-border-color: var(--colors-brand-5);
--InputRange-handle-top-border-width: 0.0625rem;
--InputRange-handle-top-border-width: #{px2rem(1px)};
--InputRange-handle-top-border-style: var(--borders-style-2);
--InputRange-handle-top-right-border-radius: var(--borders-radius-7);
--InputRange-handle-border: var(--InputRange-handle-top-border-width)
@ -1773,9 +1773,9 @@
--dialog-content-color: var(--colors-neutral-text-2);
--dialog-footer-height: var(--sizes-size-1);
--dialog-footer-margin-left: var(--sizes-size-5);
--dialog-size-sm-width: 21.875rem;
--dialog-size-normal-width: 31.25rem;
--dialog-size-lg-width: 68.75rem;
--dialog-size-sm-width: #{px2rem(350px)};
--dialog-size-normal-width: #{px2rem(500px)};
--dialog-size-lg-width: #{px2rem(1100px)};
--dialog-size-xl-width: 90%;
--Modal-bg: var(--background);
@ -1828,10 +1828,10 @@
--drawer-content-paddingRight: var(--sizes-base-12);
--drawer-footer-height: var(--sizes-size-1);
--drawer-footer-margin-left: var(--sizes-size-9);
--drawer-size-xs-width: 12.5rem;
--drawer-size-sm-width: 18.75rem;
--drawer-size-md-width: 31.25rem;
--drawer-size-lg-width: 50rem;
--drawer-size-xs-width: #{px2rem(200px)};
--drawer-size-sm-width: #{px2rem(300px)};
--drawer-size-md-width: #{px2rem(500px)};
--drawer-size-lg-width: #{px2rem(800px)};
--drawer-size-xl-width: 90%;
--Drawer-bg: var(--background);
@ -2394,7 +2394,7 @@
--Tabs--vertical-paddingLeft: var(--sizes-size-7);
--Tabs--vertical-paddingRight: var(--sizes-size-7);
--Tabs--vertical-bg: var(--colors-neutral-fill-10);
--Tabs--vertical-width: 8.75rem;
--Tabs--vertical-width: #{px2rem(140px)};
--Tabs--vertical-active-color: var(--colors-brand-5);
--Tabs--vertical-active-fontSize: var(--fonts-size-7);
--Tabs--vertical-active-fontWeight: var(--fonts-weight-6);
@ -3319,7 +3319,7 @@
--image-images-item-marginBottom: var(--sizes-size-3);
--image-images-item-marginLeft: var(--sizes-size-3);
--image-images-item-marginRight: var(--sizes-size-3);
--image-images-item-size: 3rem;
--image-images-item-size: #{px2rem(48px)};
--image-images-item-color: var(--colors-neutral-text-5);
--image-images-preview-radius: var(--sizes-size-3);
--image-images-preview-bgColor: var(--colors-neutral-text-11);

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

@ -708,9 +708,9 @@ $Table-strip-bg: transparent;
--Tooltip--attr-transition: all var(--animation-duration) ease-in-out;
--Tooltip-arrow-color: var(--Tooltip-bg);
--Tooltip-arrow-color--dark: rgba(7, 12, 20, 0.85);
--Tooltip-arrow-height: 0.25rem;
--Tooltip-arrow-height: #{px2rem(4px)};
--Tooltip-arrow-outerColor: #{fade-in($borderColor, 0.05)};
--Tooltip-arrow-width: 0.5rem;
--Tooltip-arrow-width: #{px2rem(8px)};
--Tooltip-bg: var(--background);
--Tooltip-bg--dark: rgba(7, 12, 20, 0.85);
--Tooltip-body-color: var(--text-color);

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

@ -238,7 +238,7 @@
margin: 0 var(--gap-sm) !important;
}
&-secondary {
max-width: 12.5rem;
max-width: px2rem(200px);
color: var(--Card-secondary-color);
padding: 0 var(--gap-md);
font-size: var(--fontSizeMd);

12
packages/amis-ui/scss/components/_page.scss
View File

@ -71,18 +71,18 @@
&-asideResizor {
position: absolute;
right: -0.375rem;
right: px2rem(-6px);
top: 50%;
cursor: ew-resize;
writing-mode: vertical-lr;
width: 0.75rem;
height: 1.5rem;
margin-top: -0.75rem;
width: px2rem(12px);
height: px2rem(24px);
margin-top: px2rem(-12px);
border: 0.0625rem solid #dee2e6;
background-color: #fff;
border-radius: 0.142rem;
border-radius: px2rem(2px);
font-size: 12px;
line-height: 0.625rem;
line-height: px2rem(10px);
text-align: center;
user-select: none;
color: #666;

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

@ -65,7 +65,7 @@
transparent 75%,
transparent
);
background-size: 2rem 2rem;
background-size: px2rem(32px) px2rem(32px);
}
&--animate {

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

@ -206,7 +206,7 @@
content: '';
position: absolute;
display: inline-block;
top: 1rem;
top: px2rem(16px);
height: 1px;
left: px2rem(130px);
width: calc(100% - 55px);

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

@ -9,11 +9,11 @@
}
&-container > p {
font-size: 1rem;
font-size: px2rem(16px);
}
&-container > em {
font-size: 0.8rem;
font-size: px2rem(12px);
}
&-dropzone {

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

@ -44,7 +44,7 @@
.#{$ns}LocationPicker-toggler {
svg {
top: 0.125rem;
top: px2rem(2px);
}
}
}

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

@ -105,7 +105,7 @@
padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
> input {
width: 1rem;
width: px2rem(16px);
display: inline-block;
}
}

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

@ -206,10 +206,10 @@
}
&-track--background {
left: 0.5rem;
left: px2rem(8px);
margin-top: calc(-0.5 * var(--InputRange-track-height));
position: absolute;
right: 0.5rem;
right: px2rem(8px);
top: 50%;
}

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

@ -444,7 +444,7 @@
.#{$ns}DropDownSelection {
position: relative;
display: inline-block;
margin: 0.1875rem;
margin: px2rem(3px);
vertical-align: middle;
&-caret {

116
packages/amis-ui/scss/themes/_ang-variables.scss
View File

@ -150,64 +150,64 @@ $ns: 'a-';
--borders-radius-7: 50%;
--sizes-size-0: 0rem;
--sizes-size-1: auto;
--sizes-size-2: 0.125rem;
--sizes-size-3: 0.25rem;
--sizes-size-4: 0.375rem;
--sizes-size-5: 0.5rem;
--sizes-size-6: 0.625rem;
--sizes-size-7: 0.75rem;
--sizes-size-8: 0.875rem;
--sizes-size-9: 1rem;
--sizes-base-1: 0.125rem;
--sizes-base-2: 0.25rem;
--sizes-base-3: 0.375rem;
--sizes-base-4: 0.5rem;
--sizes-base-5: 0.625rem;
--sizes-base-6: 0.75rem;
--sizes-base-7: 0.875rem;
--sizes-base-8: 1rem;
--sizes-base-9: 1.125rem;
--sizes-base-10: 1.25rem;
--sizes-base-11: 1.375rem;
--sizes-base-12: 1.5rem;
--sizes-base-13: 1.625rem;
--sizes-base-14: 1.75rem;
--sizes-base-15: 1.875rem;
--sizes-base-16: 2rem;
--sizes-base-17: 2.125rem;
--sizes-base-18: 2.25rem;
--sizes-base-19: 2.375rem;
--sizes-base-20: 2.5rem;
--sizes-base-21: 2.625rem;
--sizes-base-22: 2.75rem;
--sizes-base-23: 2.875rem;
--sizes-base-24: 3rem;
--sizes-base-25: 3.125rem;
--sizes-base-26: 3.25rem;
--sizes-base-27: 3.375rem;
--sizes-base-28: 3.5rem;
--sizes-base-29: 3.625rem;
--sizes-base-30: 3.75rem;
--sizes-base-31: 3.875rem;
--sizes-base-32: 4rem;
--sizes-base-33: 4.125rem;
--sizes-base-34: 4.25rem;
--sizes-base-35: 4.375rem;
--sizes-base-36: 4.5rem;
--sizes-base-37: 4.625rem;
--sizes-base-38: 4.75rem;
--sizes-base-39: 4.875rem;
--sizes-base-40: 5rem;
--sizes-base-41: 5.125rem;
--sizes-base-42: 5.25rem;
--sizes-base-43: 5.375rem;
--sizes-base-44: 5.5rem;
--sizes-base-45: 5.625rem;
--sizes-base-46: 5.75rem;
--sizes-base-47: 5.875rem;
--sizes-base-48: 6rem;
--sizes-base-49: 6.125rem;
--sizes-base-50: 6.25rem;
--sizes-size-2: #{px2rem(2px)};
--sizes-size-3: #{px2rem(4px)};
--sizes-size-4: #{px2rem(6px)};
--sizes-size-5: #{px2rem(8px)};
--sizes-size-6: #{px2rem(10px)};
--sizes-size-7: #{px2rem(12px)};
--sizes-size-8: #{px2rem(14px)};
--sizes-size-9: #{px2rem(16px)};
--sizes-base-1: #{px2rem(2px)};
--sizes-base-2: #{px2rem(4px)};
--sizes-base-3: #{px2rem(6px)};
--sizes-base-4: #{px2rem(8px)};
--sizes-base-5: #{px2rem(10px)};
--sizes-base-6: #{px2rem(12px)};
--sizes-base-7: #{px2rem(14px)};
--sizes-base-8: #{px2rem(16px)};
--sizes-base-9: #{px2rem(18px)};
--sizes-base-10: #{px2rem(20px)};
--sizes-base-11: #{px2rem(22px)};
--sizes-base-12: #{px2rem(24px)};
--sizes-base-13: #{px2rem(26px)};
--sizes-base-14: #{px2rem(28px)};
--sizes-base-15: #{px2rem(30px)};
--sizes-base-16: #{px2rem(32px)};
--sizes-base-17: #{px2rem(34px)};
--sizes-base-18: #{px2rem(36px)};
--sizes-base-19: #{px2rem(38px)};
--sizes-base-20: #{px2rem(40px)};
--sizes-base-21: #{px2rem(42px)};
--sizes-base-22: #{px2rem(44px)};
--sizes-base-23: #{px2rem(46px)};
--sizes-base-24: #{px2rem(48px)};
--sizes-base-25: #{px2rem(50px)};
--sizes-base-26: #{px2rem(52px)};
--sizes-base-27: #{px2rem(54px)};
--sizes-base-28: #{px2rem(56px)};
--sizes-base-29: #{px2rem(58px)};
--sizes-base-30: #{px2rem(60px)};
--sizes-base-31: #{px2rem(62px)};
--sizes-base-32: #{px2rem(64px)};
--sizes-base-33: #{px2rem(66px)};
--sizes-base-34: #{px2rem(68px)};
--sizes-base-35: #{px2rem(70px)};
--sizes-base-36: #{px2rem(72px)};
--sizes-base-37: #{px2rem(74px)};
--sizes-base-38: #{px2rem(76px)};
--sizes-base-39: #{px2rem(78px)};
--sizes-base-40: #{px2rem(80px)};
--sizes-base-41: #{px2rem(82px)};
--sizes-base-42: #{px2rem(84px)};
--sizes-base-43: #{px2rem(86px)};
--sizes-base-44: #{px2rem(88px)};
--sizes-base-45: #{px2rem(90px)};
--sizes-base-46: #{px2rem(92px)};
--sizes-base-47: #{px2rem(94px)};
--sizes-base-48: #{px2rem(96px)};
--sizes-base-49: #{px2rem(98px)};
--sizes-base-50: #{px2rem(100px)};
--shadows-shadow-none: 0px 0px 0px 0px transparent;
--shadows-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
--shadows-shadow-normal: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),

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

@ -150,64 +150,64 @@ $ns: 'antd-';
--borders-radius-7: 50%;
--sizes-size-0: 0rem;
--sizes-size-1: auto;
--sizes-size-2: 0.125rem;
--sizes-size-3: 4px;
--sizes-size-4: 0.375rem;
--sizes-size-5: 0.5rem;
--sizes-size-6: 0.625rem;
--sizes-size-7: 15px;
--sizes-size-8: 0.875rem;
--sizes-size-9: 1rem;
--sizes-base-1: 0.125rem;
--sizes-base-2: 0.25rem;
--sizes-base-3: 0.375rem;
--sizes-base-4: 0.5rem;
--sizes-base-5: 0.625rem;
--sizes-base-6: 0.75rem;
--sizes-base-7: 0.875rem;
--sizes-base-8: 1rem;
--sizes-base-9: 1.125rem;
--sizes-base-10: 1.25rem;
--sizes-base-11: 1.375rem;
--sizes-base-12: 1.5rem;
--sizes-base-13: 1.625rem;
--sizes-base-14: 1.75rem;
--sizes-base-15: 1.875rem;
--sizes-base-16: 2rem;
--sizes-base-17: 2.125rem;
--sizes-base-18: 2.25rem;
--sizes-base-19: 2.375rem;
--sizes-base-20: 2.5rem;
--sizes-base-21: 2.625rem;
--sizes-base-22: 2.75rem;
--sizes-base-23: 2.875rem;
--sizes-base-24: 3rem;
--sizes-base-25: 3.125rem;
--sizes-base-26: 3.25rem;
--sizes-base-27: 3.375rem;
--sizes-base-28: 3.5rem;
--sizes-base-29: 3.625rem;
--sizes-base-30: 3.75rem;
--sizes-base-31: 3.875rem;
--sizes-base-32: 4rem;
--sizes-base-33: 4.125rem;
--sizes-base-34: 4.25rem;
--sizes-base-35: 4.375rem;
--sizes-base-36: 4.5rem;
--sizes-base-37: 4.625rem;
--sizes-base-38: 4.75rem;
--sizes-base-39: 4.875rem;
--sizes-base-40: 5rem;
--sizes-base-41: 5.125rem;
--sizes-base-42: 5.25rem;
--sizes-base-43: 5.375rem;
--sizes-base-44: 5.5rem;
--sizes-base-45: 5.625rem;
--sizes-base-46: 5.75rem;
--sizes-base-47: 5.875rem;
--sizes-base-48: 6rem;
--sizes-base-49: 6.125rem;
--sizes-base-50: 6.25rem;
--sizes-size-2: #{px2rem(2px)};
--sizes-size-3: #{px2rem(4px)};
--sizes-size-4: #{px2rem(6px)};
--sizes-size-5: #{px2rem(8px)};
--sizes-size-6: #{px2rem(10px)};
--sizes-size-7: #{px2rem(12px)};
--sizes-size-8: #{px2rem(14px)};
--sizes-size-9: #{px2rem(16px)};
--sizes-base-1: #{px2rem(2px)};
--sizes-base-2: #{px2rem(4px)};
--sizes-base-3: #{px2rem(6px)};
--sizes-base-4: #{px2rem(8px)};
--sizes-base-5: #{px2rem(10px)};
--sizes-base-6: #{px2rem(12px)};
--sizes-base-7: #{px2rem(14px)};
--sizes-base-8: #{px2rem(16px)};
--sizes-base-9: #{px2rem(18px)};
--sizes-base-10: #{px2rem(20px)};
--sizes-base-11: #{px2rem(22px)};
--sizes-base-12: #{px2rem(24px)};
--sizes-base-13: #{px2rem(26px)};
--sizes-base-14: #{px2rem(28px)};
--sizes-base-15: #{px2rem(30px)};
--sizes-base-16: #{px2rem(32px)};
--sizes-base-17: #{px2rem(34px)};
--sizes-base-18: #{px2rem(36px)};
--sizes-base-19: #{px2rem(38px)};
--sizes-base-20: #{px2rem(40px)};
--sizes-base-21: #{px2rem(42px)};
--sizes-base-22: #{px2rem(44px)};
--sizes-base-23: #{px2rem(46px)};
--sizes-base-24: #{px2rem(48px)};
--sizes-base-25: #{px2rem(50px)};
--sizes-base-26: #{px2rem(52px)};
--sizes-base-27: #{px2rem(54px)};
--sizes-base-28: #{px2rem(56px)};
--sizes-base-29: #{px2rem(58px)};
--sizes-base-30: #{px2rem(60px)};
--sizes-base-31: #{px2rem(62px)};
--sizes-base-32: #{px2rem(64px)};
--sizes-base-33: #{px2rem(66px)};
--sizes-base-34: #{px2rem(68px)};
--sizes-base-35: #{px2rem(70px)};
--sizes-base-36: #{px2rem(72px)};
--sizes-base-37: #{px2rem(74px)};
--sizes-base-38: #{px2rem(76px)};
--sizes-base-39: #{px2rem(78px)};
--sizes-base-40: #{px2rem(80px)};
--sizes-base-41: #{px2rem(82px)};
--sizes-base-42: #{px2rem(84px)};
--sizes-base-43: #{px2rem(86px)};
--sizes-base-44: #{px2rem(88px)};
--sizes-base-45: #{px2rem(90px)};
--sizes-base-46: #{px2rem(92px)};
--sizes-base-47: #{px2rem(94px)};
--sizes-base-48: #{px2rem(96px)};
--sizes-base-49: #{px2rem(98px)};
--sizes-base-50: #{px2rem(100px)};
--shadows-shadow-none: 0px 0px 0px 0px transparent;
--shadows-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
--shadows-shadow-normal: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),

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

@ -147,64 +147,64 @@ $ns: 'cxd-';
--borders-radius-7: 50%;
--sizes-size-0: 0rem;
--sizes-size-1: auto;
--sizes-size-2: 0.125rem;
--sizes-size-3: 0.25rem;
--sizes-size-4: 0.375rem;
--sizes-size-5: 0.5rem;
--sizes-size-6: 0.625rem;
--sizes-size-7: 0.75rem;
--sizes-size-8: 0.875rem;
--sizes-size-9: 1rem;
--sizes-base-1: 0.125rem;
--sizes-base-2: 0.25rem;
--sizes-base-3: 0.375rem;
--sizes-base-4: 0.5rem;
--sizes-base-5: 0.625rem;
--sizes-base-6: 0.75rem;
--sizes-base-7: 0.875rem;
--sizes-base-8: 1rem;
--sizes-base-9: 1.125rem;
--sizes-base-10: 1.25rem;
--sizes-base-11: 1.375rem;
--sizes-base-12: 1.5rem;
--sizes-base-13: 1.625rem;
--sizes-base-14: 1.75rem;
--sizes-base-15: 1.875rem;
--sizes-base-16: 2rem;
--sizes-base-17: 2.125rem;
--sizes-base-18: 2.25rem;
--sizes-base-19: 2.375rem;
--sizes-base-20: 2.5rem;
--sizes-base-21: 2.625rem;
--sizes-base-22: 2.75rem;
--sizes-base-23: 2.875rem;
--sizes-base-24: 3rem;
--sizes-base-25: 3.125rem;
--sizes-base-26: 3.25rem;
--sizes-base-27: 3.375rem;
--sizes-base-28: 3.5rem;
--sizes-base-29: 3.625rem;
--sizes-base-30: 3.75rem;
--sizes-base-31: 3.875rem;
--sizes-base-32: 4rem;
--sizes-base-33: 4.125rem;
--sizes-base-34: 4.25rem;
--sizes-base-35: 4.375rem;
--sizes-base-36: 4.5rem;
--sizes-base-37: 4.625rem;
--sizes-base-38: 4.75rem;
--sizes-base-39: 4.875rem;
--sizes-base-40: 5rem;
--sizes-base-41: 5.125rem;
--sizes-base-42: 5.25rem;
--sizes-base-43: 5.375rem;
--sizes-base-44: 5.5rem;
--sizes-base-45: 5.625rem;
--sizes-base-46: 5.75rem;
--sizes-base-47: 5.875rem;
--sizes-base-48: 6rem;
--sizes-base-49: 6.125rem;
--sizes-base-50: 6.25rem;
--sizes-size-2: #{px2rem(2px)};
--sizes-size-3: #{px2rem(4px)};
--sizes-size-4: #{px2rem(6px)};
--sizes-size-5: #{px2rem(8px)};
--sizes-size-6: #{px2rem(10px)};
--sizes-size-7: #{px2rem(12px)};
--sizes-size-8: #{px2rem(14px)};
--sizes-size-9: #{px2rem(16px)};
--sizes-base-1: #{px2rem(2px)};
--sizes-base-2: #{px2rem(4px)};
--sizes-base-3: #{px2rem(6px)};
--sizes-base-4: #{px2rem(8px)};
--sizes-base-5: #{px2rem(10px)};
--sizes-base-6: #{px2rem(12px)};
--sizes-base-7: #{px2rem(14px)};
--sizes-base-8: #{px2rem(16px)};
--sizes-base-9: #{px2rem(18px)};
--sizes-base-10: #{px2rem(20px)};
--sizes-base-11: #{px2rem(22px)};
--sizes-base-12: #{px2rem(24px)};
--sizes-base-13: #{px2rem(26px)};
--sizes-base-14: #{px2rem(28px)};
--sizes-base-15: #{px2rem(30px)};
--sizes-base-16: #{px2rem(32px)};
--sizes-base-17: #{px2rem(34px)};
--sizes-base-18: #{px2rem(36px)};
--sizes-base-19: #{px2rem(38px)};
--sizes-base-20: #{px2rem(40px)};
--sizes-base-21: #{px2rem(42px)};
--sizes-base-22: #{px2rem(44px)};
--sizes-base-23: #{px2rem(46px)};
--sizes-base-24: #{px2rem(48px)};
--sizes-base-25: #{px2rem(50px)};
--sizes-base-26: #{px2rem(52px)};
--sizes-base-27: #{px2rem(54px)};
--sizes-base-28: #{px2rem(56px)};
--sizes-base-29: #{px2rem(58px)};
--sizes-base-30: #{px2rem(60px)};
--sizes-base-31: #{px2rem(62px)};
--sizes-base-32: #{px2rem(64px)};
--sizes-base-33: #{px2rem(66px)};
--sizes-base-34: #{px2rem(68px)};
--sizes-base-35: #{px2rem(70px)};
--sizes-base-36: #{px2rem(72px)};
--sizes-base-37: #{px2rem(74px)};
--sizes-base-38: #{px2rem(76px)};
--sizes-base-39: #{px2rem(78px)};
--sizes-base-40: #{px2rem(80px)};
--sizes-base-41: #{px2rem(82px)};
--sizes-base-42: #{px2rem(84px)};
--sizes-base-43: #{px2rem(86px)};
--sizes-base-44: #{px2rem(88px)};
--sizes-base-45: #{px2rem(90px)};
--sizes-base-46: #{px2rem(92px)};
--sizes-base-47: #{px2rem(94px)};
--sizes-base-48: #{px2rem(96px)};
--sizes-base-49: #{px2rem(98px)};
--sizes-base-50: #{px2rem(100px)};
--shadows-shadow-none: 0px 0px 0px 0px transparent;
--shadows-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
--shadows-shadow-normal: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),

116
packages/amis-ui/scss/themes/_dark-variables.scss
View File

@ -158,64 +158,64 @@ $ns: 'dark-';
--borders-radius-7: 50%;
--sizes-size-0: 0rem;
--sizes-size-1: auto;
--sizes-size-2: 0.125rem;
--sizes-size-3: 0.25rem;
--sizes-size-4: 0.375rem;
--sizes-size-5: 0.5rem;
--sizes-size-6: 0.625rem;
--sizes-size-7: 0.75rem;
--sizes-size-8: 0.875rem;
--sizes-size-9: 1rem;
--sizes-base-1: 0.125rem;
--sizes-base-2: 0.25rem;
--sizes-base-3: 0.375rem;
--sizes-base-4: 0.5rem;
--sizes-base-5: 0.625rem;
--sizes-base-6: 0.75rem;
--sizes-base-7: 0.875rem;
--sizes-base-8: 1rem;
--sizes-base-9: 1.125rem;
--sizes-base-10: 1.25rem;
--sizes-base-11: 1.375rem;
--sizes-base-12: 1.5rem;
--sizes-base-13: 1.625rem;
--sizes-base-14: 1.75rem;
--sizes-base-15: 1.875rem;
--sizes-base-16: 2rem;
--sizes-base-17: 2.125rem;
--sizes-base-18: 2.25rem;
--sizes-base-19: 2.375rem;
--sizes-base-20: 2.5rem;
--sizes-base-21: 2.625rem;
--sizes-base-22: 2.75rem;
--sizes-base-23: 2.875rem;
--sizes-base-24: 3rem;
--sizes-base-25: 3.125rem;
--sizes-base-26: 3.25rem;
--sizes-base-27: 3.375rem;
--sizes-base-28: 3.5rem;
--sizes-base-29: 3.625rem;
--sizes-base-30: 3.75rem;
--sizes-base-31: 3.875rem;
--sizes-base-32: 4rem;
--sizes-base-33: 4.125rem;
--sizes-base-34: 4.25rem;
--sizes-base-35: 4.375rem;
--sizes-base-36: 4.5rem;
--sizes-base-37: 4.625rem;
--sizes-base-38: 4.75rem;
--sizes-base-39: 4.875rem;
--sizes-base-40: 5rem;
--sizes-base-41: 5.125rem;
--sizes-base-42: 5.25rem;
--sizes-base-43: 5.375rem;
--sizes-base-44: 5.5rem;
--sizes-base-45: 5.625rem;
--sizes-base-46: 5.75rem;
--sizes-base-47: 5.875rem;
--sizes-base-48: 6rem;
--sizes-base-49: 6.125rem;
--sizes-base-50: 6.25rem;
--sizes-size-2: #{px2rem(2px)};
--sizes-size-3: #{px2rem(4px)};
--sizes-size-4: #{px2rem(6px)};
--sizes-size-5: #{px2rem(8px)};
--sizes-size-6: #{px2rem(10px)};
--sizes-size-7: #{px2rem(12px)};
--sizes-size-8: #{px2rem(14px)};
--sizes-size-9: #{px2rem(16px)};
--sizes-base-1: #{px2rem(2px)};
--sizes-base-2: #{px2rem(4px)};
--sizes-base-3: #{px2rem(6px)};
--sizes-base-4: #{px2rem(8px)};
--sizes-base-5: #{px2rem(10px)};
--sizes-base-6: #{px2rem(12px)};
--sizes-base-7: #{px2rem(14px)};
--sizes-base-8: #{px2rem(16px)};
--sizes-base-9: #{px2rem(18px)};
--sizes-base-10: #{px2rem(20px)};
--sizes-base-11: #{px2rem(22px)};
--sizes-base-12: #{px2rem(24px)};
--sizes-base-13: #{px2rem(26px)};
--sizes-base-14: #{px2rem(28px)};
--sizes-base-15: #{px2rem(30px)};
--sizes-base-16: #{px2rem(32px)};
--sizes-base-17: #{px2rem(34px)};
--sizes-base-18: #{px2rem(36px)};
--sizes-base-19: #{px2rem(38px)};
--sizes-base-20: #{px2rem(40px)};
--sizes-base-21: #{px2rem(42px)};
--sizes-base-22: #{px2rem(44px)};
--sizes-base-23: #{px2rem(46px)};
--sizes-base-24: #{px2rem(48px)};
--sizes-base-25: #{px2rem(50px)};
--sizes-base-26: #{px2rem(52px)};
--sizes-base-27: #{px2rem(54px)};
--sizes-base-28: #{px2rem(56px)};
--sizes-base-29: #{px2rem(58px)};
--sizes-base-30: #{px2rem(60px)};
--sizes-base-31: #{px2rem(62px)};
--sizes-base-32: #{px2rem(64px)};
--sizes-base-33: #{px2rem(66px)};
--sizes-base-34: #{px2rem(68px)};
--sizes-base-35: #{px2rem(70px)};
--sizes-base-36: #{px2rem(72px)};
--sizes-base-37: #{px2rem(74px)};
--sizes-base-38: #{px2rem(76px)};
--sizes-base-39: #{px2rem(78px)};
--sizes-base-40: #{px2rem(80px)};
--sizes-base-41: #{px2rem(82px)};
--sizes-base-42: #{px2rem(84px)};
--sizes-base-43: #{px2rem(86px)};
--sizes-base-44: #{px2rem(88px)};
--sizes-base-45: #{px2rem(90px)};
--sizes-base-46: #{px2rem(92px)};
--sizes-base-47: #{px2rem(94px)};
--sizes-base-48: #{px2rem(96px)};
--sizes-base-49: #{px2rem(98px)};
--sizes-base-50: #{px2rem(100px)};
--shadows-shadow-none: 0px 0px 0px 0px transparent;
--shadows-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
--shadows-shadow-normal: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),