@aplus-frontend/ui 0.6.0-beta.1 → 0.6.0-beta.10

package/theme/index.less

@@ -1,3 +1,4 @@
+@import './ui-mode.less';
 @import './ap-action/item.less';
 @import './ap-action/item-dropdown.less';
 @import './ap-attachment/ap-attachment.less';

package/theme/mask/index.css

@@ -31,12 +31,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/mixins/config.less

@@ -5,7 +5,7 @@
 @state-prefix: 'is-';
 
 @iconify-bg-color: #5551;
-@text-color-base: rgba(0 0 0 / 85%);
+@text-color-base: #182948;
 @primary-color: #34b77c;
 @error-color: #ed6f6f;
 @warning-color: #efbd47;

package/theme/mixins/mixins.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/mixins/mixins.less

@@ -19,6 +19,31 @@
   list-style: none;
 }
 
+// 通用滚动条重设样式，高度为10px，视觉高度为8px
+.reset-scrollbar {
+  ::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+    background-clip: content-box;
+    border: 1px solid transparent;
+    border-radius: 4px;
+  }
+
+  ::-webkit-scrollbar-track,
+  ::-webkit-scrollbar-corner {
+    background-color: var(--ap-table-header-bg, #f2f6f9);
+  }
+
+  ::-webkit-scrollbar-thumb:hover,
+  ::-webkit-scrollbar-thumb:active {
+    background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  }
+}
+
 .clear-fix {
   &::before {
     display: table;

package/theme/scroll-bar/index.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/scroll-view/index.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/splitter/index.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';
@@ -45,7 +63,7 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   line-height: 1.5;
   list-style: none;
@@ -119,7 +137,7 @@
   background: rgba(0, 0, 0, 0.04);
   font-size: 10px;
   border-radius: 2px;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   cursor: pointer;
   opacity: 0;
   display: flex;

package/theme/text/group.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/text/index.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';
@@ -30,7 +48,7 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;

package/theme/ui-mode.css

@@ -0,0 +1,94 @@
+[data-aplus-ui-mode='aplus'] {
+  --ap-form-bordered-border-color-base: #dee4ed;
+  --ap-form-bordered-border-color-hover: #66a9ff;
+  --ap-form-bordered-border-color-active: #66a9ff;
+  --ap-form-bordered-shadow-color: rgba(5, 155, 255, 0.1);
+  --ap-action-color-primary-base: #0070ff;
+  --ap-action-color-primary-hover: #66a9ff;
+  --ap-action-color-success: #2ed1a3;
+  --ap-action-color-error: #ff4d4f;
+  --ap-action-color-warn: #ffa940;
+  --check-card-outline-color: #e9edf3;
+  --check-card-hover-outline-color: #0070ff;
+  --check-card-checked-outline-color: #0070ff;
+  --check-card-checked-bg: #0070ff;
+  --ap-table-header-bg: #f2f6f9;
+  --ap-table-pagination-total-color: #526a90;
+  --ap-table-pagination-total-count-color: #182948;
+  --ap-table-setting-button-color: #8896b0;
+  --ap-batch-action-color-font: #8896b0;
+  --ap-batch-action-color-active: #0070ff;
+  --ap-batch-action-color-border: #e9edf3;
+  --basic-color-primary: #0070ff;
+  --basic-scrollbar-thumb-color-base: #c8d1de;
+  --basic-scrollbar-thumb-color-hover: #959ca7;
+  --ap-descriptions-item-padding-bottom: 16px;
+  --ap-descriptions-item-label-width: auto;
+  --ap-descriptions-last-row-item-padding-bottom: 0px;
+  --ap-appendix-area-color-border: #dee4ed;
+  --ap-appendix-area-color-font: #182948;
+  --ap-appendix-area-color-font-hover: #0070ff;
+  --ap-appendix-area-color-font-disabled: #abb7cc;
+  --ap-appendix-area-color-icon: #abb7cc;
+  --ap-upload-single-color-main: #182948;
+  --ap-upload-single-color-sub: #abb7cc;
+  --ap-upload-single-color-border: #dee4ed;
+  --ap-upload-single-color-primary: #0070ff;
+  --batch-input-group-trigger-color: #526a90;
+  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
+  --ap-text-label-color: #8896b0;
+  --ap-text-content-color-major: #182948;
+  --ap-text-content-color-minor: #8896b0;
+  --ap-view-icon-color: #8896b0;
+  --ap-view-bg-color: #f6f9fa;
+  --ap-view-message-color: #abb7cc;
+  --ap-view-border-color: #dee4ed;
+  --basic-bg-color: #e9edf3;
+}
+[data-aplus-ui-mode='admin'] {
+  --ap-form-bordered-border-color-base: #d9d9d9;
+  --ap-form-bordered-border-color-hover: #85d4b0;
+  --ap-form-bordered-border-color-active: #85d4b0;
+  --ap-form-bordered-shadow-color: rgba(11, 166, 66, 0.09);
+  --ap-action-color-primary-base: #1890ff;
+  --ap-action-color-primary-hover: #5eb1ff;
+  --ap-action-color-success: #52c41a;
+  --ap-action-color-error: #ff4d4f;
+  --ap-action-color-warn: #faad14;
+  --check-card-outline-color: #d9d9d9;
+  --check-card-hover-outline-color: #34b77c;
+  --check-card-checked-outline-color: #34b77c;
+  --check-card-checked-bg: #34b77c;
+  --ap-table-header-bg: #f7f7f7;
+  --ap-table-pagination-total-color: #666666;
+  --ap-table-pagination-total-count-color: #333333;
+  --ap-table-setting-button-color: #999999;
+  --ap-batch-action-color-font: #999999;
+  --ap-batch-action-color-active: #34b77c;
+  --ap-batch-action-color-border: #e9e9e9;
+  --basic-color-primary: #34b77c;
+  --basic-scrollbar-thumb-color-base: #bfbfbf;
+  --basic-scrollbar-thumb-color-hover: #787878;
+  --ap-descriptions-item-padding-bottom: 16px;
+  --ap-descriptions-item-label-width: auto;
+  --ap-descriptions-last-row-item-padding-bottom: 0px;
+  --ap-appendix-area-color-border: #d9d9d9;
+  --ap-appendix-area-color-font: #333333;
+  --ap-appendix-area-color-font-hover: #1890ff;
+  --ap-appendix-area-color-font-disabled: #bfbfbf;
+  --ap-appendix-area-color-icon: #bfbfbf;
+  --ap-upload-single-color-main: #333333;
+  --ap-upload-single-color-sub: #bfbfbf;
+  --ap-upload-single-color-border: #d9d9d9;
+  --ap-upload-single-color-primary: #34b77c;
+  --batch-input-group-trigger-color: #999999;
+  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
+  --ap-text-label-color: #999999;
+  --ap-text-content-color-major: #333333;
+  --ap-text-content-color-minor: #999999;
+  --ap-view-icon-color: #999999;
+  --ap-view-bg-color: #fafafa;
+  --ap-view-message-color: #bfbfbf;
+  --ap-view-border-color: #d9d9d9;
+  --basic-bg-color: #e9e9e9;
+}

package/theme/ui-mode.less

@@ -0,0 +1,95 @@
+[data-aplus-ui-mode='aplus'] {
+  --ap-form-bordered-border-color-base: #dee4ed;
+  --ap-form-bordered-border-color-hover: #66a9ff;
+  --ap-form-bordered-border-color-active: #66a9ff;
+  --ap-form-bordered-shadow-color: rgba(5, 155, 255, 0.1);
+  --ap-action-color-primary-base: #0070ff;
+  --ap-action-color-primary-hover: #66a9ff;
+  --ap-action-color-success: #2ed1a3;
+  --ap-action-color-error: #ff4d4f;
+  --ap-action-color-warn: #ffa940;
+  --check-card-outline-color: #e9edf3;
+  --check-card-hover-outline-color: #0070ff;
+  --check-card-checked-outline-color: #0070ff;
+  --check-card-checked-bg: #0070ff;
+  --ap-table-header-bg: #f2f6f9;
+  --ap-table-pagination-total-color: #526a90;
+  --ap-table-pagination-total-count-color: #182948;
+  --ap-table-setting-button-color: #8896b0;
+  --ap-batch-action-color-font: #8896b0;
+  --ap-batch-action-color-active: #0070ff;
+  --ap-batch-action-color-border: #e9edf3;
+  --basic-color-primary: #0070ff;
+  --basic-scrollbar-thumb-color-base: #c8d1de;
+  --basic-scrollbar-thumb-color-hover: #959ca7;
+  --ap-descriptions-item-padding-bottom: 16px;
+  --ap-descriptions-item-label-width: auto;
+  --ap-descriptions-last-row-item-padding-bottom: 0px;
+  --ap-appendix-area-color-border: #dee4ed;
+  --ap-appendix-area-color-font: #182948;
+  --ap-appendix-area-color-font-hover: #0070ff;
+  --ap-appendix-area-color-font-disabled: #abb7cc;
+  --ap-appendix-area-color-icon: #abb7cc;
+  --ap-upload-single-color-main: #182948;
+  --ap-upload-single-color-sub: #abb7cc;
+  --ap-upload-single-color-border: #dee4ed;
+  --ap-upload-single-color-primary: #0070ff;
+  --batch-input-group-trigger-color: #526a90;
+  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
+  --ap-text-label-color: #8896b0;
+  --ap-text-content-color-major: #182948;
+  --ap-text-content-color-minor: #8896b0;
+  --ap-view-icon-color: #8896b0;
+  --ap-view-bg-color: #f6f9fa;
+  --ap-view-message-color: #abb7cc;
+  --ap-view-border-color: #dee4ed;
+  --basic-bg-color: #e9edf3;
+}
+
+[data-aplus-ui-mode='admin'] {
+  --ap-form-bordered-border-color-base: #d9d9d9;
+  --ap-form-bordered-border-color-hover: #85d4b0;
+  --ap-form-bordered-border-color-active: #85d4b0;
+  --ap-form-bordered-shadow-color: rgba(11, 166, 66, 0.09);
+  --ap-action-color-primary-base: #1890ff;
+  --ap-action-color-primary-hover: #5eb1ff;
+  --ap-action-color-success: #52c41a;
+  --ap-action-color-error: #ff4d4f;
+  --ap-action-color-warn: #faad14;
+  --check-card-outline-color: #d9d9d9;
+  --check-card-hover-outline-color: #34b77c;
+  --check-card-checked-outline-color: #34b77c;
+  --check-card-checked-bg: #34b77c;
+  --ap-table-header-bg: #f7f7f7;
+  --ap-table-pagination-total-color: #666666;
+  --ap-table-pagination-total-count-color: #333333;
+  --ap-table-setting-button-color: #999999;
+  --ap-batch-action-color-font: #999999;
+  --ap-batch-action-color-active: #34b77c;
+  --ap-batch-action-color-border: #e9e9e9;
+  --basic-color-primary: #34b77c;
+  --basic-scrollbar-thumb-color-base: #bfbfbf;
+  --basic-scrollbar-thumb-color-hover: #787878;
+  --ap-descriptions-item-padding-bottom: 16px;
+  --ap-descriptions-item-label-width: auto;
+  --ap-descriptions-last-row-item-padding-bottom: 0px;
+  --ap-appendix-area-color-border: #d9d9d9;
+  --ap-appendix-area-color-font: #333333;
+  --ap-appendix-area-color-font-hover: #1890ff;
+  --ap-appendix-area-color-font-disabled: #bfbfbf;
+  --ap-appendix-area-color-icon: #bfbfbf;
+  --ap-upload-single-color-main: #333333;
+  --ap-upload-single-color-sub: #bfbfbf;
+  --ap-upload-single-color-border: #d9d9d9;
+  --ap-upload-single-color-primary: #34b77c;
+  --batch-input-group-trigger-color: #999999;
+  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
+  --ap-text-label-color: #999999;
+  --ap-text-content-color-major: #333333;
+  --ap-text-content-color-minor: #999999;
+  --ap-view-icon-color: #999999;
+  --ap-view-bg-color: #fafafa;
+  --ap-view-message-color: #bfbfbf;
+  --ap-view-border-color: #d9d9d9;
+  --basic-bg-color: #e9e9e9;
+}

package/theme/work-order-modal/index.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/es/src/config-provider/css-var.d.ts

@@ -1,139 +0,0 @@
-import { RecursivePartial } from '../type';
-declare const aplusCssVarObj: {
-    'ap-form': {
-        bordered: {
-            'border-color': {
-                base: string;
-                hover: string;
-                active: string;
-            };
-            'shadow-color': string;
-        };
-    };
-    'ap-action': {
-        color: {
-            primary: {
-                base: string;
-                hover: string;
-            };
-            success: string;
-            error: string;
-            warn: string;
-        };
-    };
-    'check-card': {
-        outline: {
-            color: string;
-        };
-        hover: {
-            outline: {
-                color: string;
-            };
-        };
-        checked: {
-            outline: {
-                color: string;
-            };
-            bg: string;
-        };
-    };
-    'ap-table': {
-        header: {
-            bg: string;
-        };
-        pagination: {
-            total: {
-                color: string;
-                count: {
-                    color: string;
-                };
-            };
-        };
-        setting: {
-            button: {
-                color: string;
-            };
-        };
-    };
-    'ap-batch-action': {
-        color: {
-            font: string;
-            active: string;
-            border: string;
-        };
-    };
-    basic: {
-        color: {
-            primary: string;
-        };
-    };
-    'ap-descriptions': {
-        item: {
-            'padding-bottom': string;
-            'label-width': string;
-        };
-        'last-row-item': {
-            'padding-bottom': string;
-        };
-    };
-    'ap-appendix': {
-        area: {
-            color: {
-                border: string;
-                font: string;
-                'font-hover': string;
-                'font-disabled': string;
-                icon: string;
-            };
-        };
-    };
-    'ap-upload-single': {
-        color: {
-            main: string;
-            sub: string;
-            border: string;
-            primary: string;
-        };
-    };
-    'batch-input-group': {
-        trigger: {
-            color: string;
-            'color-disabled': string;
-        };
-    };
-    'ap-text': {
-        label: {
-            color: string;
-        };
-        content: {
-            color: {
-                major: string;
-                minor: string;
-            };
-        };
-    };
-    'ap-view': {
-        icon: {
-            color: string;
-        };
-        bg: {
-            color: string;
-        };
-        message: {
-            color: string;
-        };
-        border: {
-            color: string;
-        };
-    };
-};
-export type CssVarType = RecursivePartial<typeof aplusCssVarObj>;
-export declare function generateCssVar(cssVarRawObj: CssVarType): Record<string, any>;
-export declare const aplusCssVar: Record<string, any>;
-export declare const adminCssVar: Record<string, any>;
-/**
- * 多次设置css变量（这种方式如果css变量过多可能会有性能问题）
- * @param variables
- */
-export declare function setCSSVariables(variables: Record<string, any>): void;
-export {};