@zgfe/business-lib 1.0.24-alpha.6 → 1.0.24-alpha.7

package/es/assets/styles/chunks.less

@@ -7,7 +7,7 @@
 // 通用hover样式，适用于下拉选项等
 .__default-hover {
   color: @primary-color;
-  background: color(~`colorPalette('@{primary-color}', 0.1) `);
+  background: @primary-color-hover;
   border-color: @primary-color;
   cursor: pointer;
 
@@ -20,7 +20,7 @@
 .__default-focused {
   background-color: #fff;
   border-color: @primary-color;
-  box-shadow: 0 0 0 4px color(~`colorPalette('@{primary-color}', 0.1) `);
+  box-shadow: 0 0 0 4px @primary-color-hover;
 }
 
 // 下拉组件操作栏样式

package/es/assets/styles/resetAntd.less

@@ -40,7 +40,7 @@
   &:focus,
   &-focused {
     background-color: #fff !important;
-    box-shadow: 0 0 0 4px color(~`colorPalette('@{primary-color}', 0.1) `) !important;
+    box-shadow: 0 0 0 4px @primary-color-hover !important;
   }
   &.ant-input-status-error {
     border-color: @error-color !important;
@@ -238,7 +238,7 @@
 
   /*日期范围内背景色*/
   .ant-picker-cell-in-range::before {
-    background: color(~`colorPalette('@{primary-color}', 0.1) `) !important;
+    background: @primary-color-hover !important;
   }
 
   /*日期范围内的hover效果-背景不变*/
@@ -253,7 +253,7 @@
   .ant-picker-panel
     > :not(.ant-picker-date-panel)
     .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
-    background: color(~`colorPalette('@{primary-color}', 0.1) `) !important;
+    background: @primary-color-hover !important;
   }
 
   /*日期范围内的hover效果*/
@@ -395,7 +395,7 @@
 
   .ant-table-tbody > tr.ant-table-row:hover > td,
   .ant-table-tbody > tr > td.ant-table-cell-row-hover {
-    background: color(~`colorPalette('@{primary-color}', 0.1) `) !important;
+    background: @primary-color-hover !important;
   }
   .ant-table-thead {
     .ant-table-cell {

package/es/assets/styles/variable.less

@@ -10,4 +10,5 @@
 
 @shadow-color-light: rgba(0, 0, 0, 0.1);
 @box-shadow-small: 0px 1px 2px @shadow-color-light;
-@box-shadow-form: 0 0 0 4px color(~`colorPalette('@{primary-color}', 0.1) `);
+@primary-color-hover: color(~`colorPalette('@{primary-color}', 0.1) `);
+@box-shadow-form: 0 0 0 4px @primary-color-hover;

package/es/datePicker/styles/index.less

@@ -45,7 +45,7 @@
 
     &.active {
       color: @primary-color;
-      background: color(~`colorPalette('@{primary-color}', 0.1) `);
+      background: @primary-color-hover;
       border: 1px solid @primary-color;
     }
   }

package/es/icon/iconFont.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { IconFontProps } from '@ant-design/icons/lib/components/IconFont';
+import '../assets/iconfont/iconfont.css';
 interface Props extends IconFontProps {
     family?: string;
     size?: number;

package/es/icon/iconFont.js

@@ -11,6 +11,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React, { useMemo } from 'react';
+import '../assets/iconfont/iconfont.css';
 
 var IconFont = function IconFont(props) {
   var className = props.className,

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference path="../typings.d.ts" />
-import BizAnalysisLayout from './analysisLayout';
+import BizAnalysisLayout from './layout/analysisLayout';
 import BizUserGroup from './userGroup';
 import BizTargetSelector from './targetSelector';
 import BizEventSelector from './eventSelector/index';
@@ -25,7 +25,8 @@ import BizAddToPanel from './addToPanel';
 import setGlobalConfig from './config';
 import BizCycleTime from './cycleTime';
 import BizDnd from './dnd';
-export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig, };
+import BizDetailLayout from './layout/detail';
+export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizDetailLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig, };
 export type { UserGroupTypes } from './userGroup/types';
 export type { BizSelectTypes } from './select/types';
 export type { AttributeSelect } from './attributeSelector/types';

package/es/index.js

@@ -1,4 +1,4 @@
-import BizAnalysisLayout from './analysisLayout';
+import BizAnalysisLayout from './layout/analysisLayout';
 import BizUserGroup from './userGroup';
 import BizTargetSelector from './targetSelector';
 import BizEventSelector from './eventSelector/index';
@@ -24,4 +24,5 @@ import BizAddToPanel from './addToPanel';
 import setGlobalConfig from './config';
 import BizCycleTime from './cycleTime';
 import BizDnd from './dnd';
-export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig };
+import BizDetailLayout from './layout/detail';
+export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizDetailLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig };

package/es/{analysisLayout → layout/analysisLayout}/index.js

@@ -11,7 +11,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useEffect, useState } from 'react';
-import IconFont from '../icon/iconFont';
+import IconFont from '../../icon/iconFont';
 import './index.less';
 import { Tooltip } from 'antd';
 

package/es/{analysisLayout → layout/analysisLayout}/index.less

@@ -1,4 +1,4 @@
-@import '../commonStyle/icon.less';
+@import '../../assets/styles/inner.less';
 
 .biz-layout-container {
   position: relative;
@@ -33,7 +33,7 @@
       box-sizing: border-box;
       width: 100%;
       height: calc(100% - 30px);
-      padding: @searchPadding;
+      padding: @padding-lg;
       overflow: auto;
       .biz-left-content {
         min-height: 600px;
@@ -50,10 +50,10 @@
       line-height: 30px;
       text-align: center;
       background-color: #fff;
-      border-top: @boxBorder;
+      border-top: 1px solid @border-color-base;
 
       .biz-layout-expand {
-        color: @fontColor;
+        color: @text-color;
         font-size: 16px;
         cursor: pointer;
 
@@ -66,7 +66,7 @@
 
   .biz-layout-right {
     box-sizing: border-box;
-    padding: @contentPadding;
+    padding: @padding-lg;
     overflow: auto;
     background-color: #fff;
 
@@ -91,22 +91,22 @@
   font-size: 24px;
   text-align: center;
   background: #ffffff;
-  border: @boxBorder;
+  border: 1px solid @border-color-split;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   cursor: pointer;
 
   .biz-layout-pickup-icon {
-    color: @layoutIconColor;
+    color: @icon-color;
     font-size: 24px;
   }
 
   &:hover {
-    color: @hoverColor;
-    background-color: @hoverBgColor;
+    color: @primary-color;
+    background-color: @primary-color-hover;
 
     .biz-layout-pickup-icon {
-      color: @hoverColor;
+      color: @primary-color;
     }
   }
 }
@@ -115,10 +115,10 @@
   position: absolute;
   bottom: 20px;
   left: 16px;
-  color: @layoutIconColor;
+  color: @icon-color;
   font-size: 24px;
   cursor: pointer;
   &:hover {
-    color: @hoverColor;
+    color: @primary-color;
   }
 }

package/es/layout/detail/demo/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

package/es/layout/detail/demo/index.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BizDetailLayout } from '@zgfe/business-lib';
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: '#FAFAFB',
+      padding: '24px'
+    }
+  }, /*#__PURE__*/React.createElement(BizDetailLayout, {
+    extra: /*#__PURE__*/React.createElement(React.Fragment, null, "\u9875\u9762extra")
+  }, "\u9875\u9762\u5185\u5BB9"));
+});

package/es/layout/detail/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+declare const BizDetailLayout: React.FC<{
+    width?: number;
+    onBack?: () => void;
+    extra?: React.ReactNode;
+}>;
+export default BizDetailLayout;

package/es/layout/detail/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconFont } from '../..';
+import './index.less';
+
+var BizDetailLayout = function BizDetailLayout(props) {
+  var width = props.width;
+  var classPrefix = 'biz-detail';
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix,
+    style: {
+      width: width ? "".concat(width, "px") : undefined
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-menu")
+  }, /*#__PURE__*/React.createElement("a", {
+    onClick: props.onBack
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "fanhuiicon"
+  }), "\u8FD4\u56DE"), props.extra), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, props.children));
+};
+
+export default BizDetailLayout;

package/es/layout/detail/index.less

@@ -0,0 +1,28 @@
+@import '../../assets/styles/inner.less';
+.biz-detail {
+  display: flex;
+  flex-direction: column;
+  width: 1376px;
+  height: 100%;
+  margin: 0 auto;
+  &-menu {
+    flex: none;
+    padding-top: @padding-md;
+    padding-bottom: @padding-md - 2;
+    color: @text-color-secondary;
+    a {
+      margin-right: @margin-md;
+      color: @text-color-secondary;
+      &:hover {
+        color: @primary-color;
+      }
+    }
+  }
+  &-content {
+    flex: 1;
+    padding: @padding-sm @padding-lg @padding-lg @padding-lg;
+    overflow-y: auto;
+    background-color: @white;
+    border-radius: @border-radius-normal;
+  }
+}

package/es/select/styles/index.less

@@ -67,7 +67,7 @@
     &.biz-select-option-multiple {
       &:hover:not(.disabled) {
         color: @primary-color;
-        background-color: color(~`colorPalette('@{primary-color}', 0.1) `);
+        background-color: @primary-color-hover;
       }
 
       &.active:not(.disabled) {

package/es/userCondition/styles/conditionTypeList.less

@@ -1,5 +1,4 @@
-@import '../../assets//styles//variable.less';
-@import '../../commonStyle//variable.less';
+@import '../../assets/styles/inner.less';
 .biz-user-condition-type-list {
   display: flex;
   align-items: center;
@@ -20,11 +19,11 @@
         margin-left: @margin-md;
       }
       &:hover {
-        color: @themeColor;
-        background-color: @hoverBgColor;
+        color: @primary-color;
+        background-color: @primary-color-hover;
       }
       &:active {
-        border-color: @themeColor;
+        border-color: @primary-color;
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/business-lib",
-  "version": "1.0.24-alpha.6",
+  "version": "1.0.24-alpha.7",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -58,5 +58,5 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "d99caf4139172b185ba551415e7226615c8215d2"
+  "gitHead": "85992000873c6687eb018b768792ff8fb18a688e"
 }

package/es/commonStyle/icon.less

@@ -1,194 +0,0 @@
-@import './variable.less';
-
-.biz-icon-add {
-  width: fit-content;
-  padding: 2px;
-  color: @fontColor3;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 20px;
-  cursor: pointer;
-
-  &:not(.biz-disabled):hover {
-    color: @hoverColor;
-    background: @hoverBgColor;
-    border-radius: 3px;
-
-    span {
-      color: @hoverColor;
-    }
-  }
-
-  .biz-icon-text {
-    margin-left: 6px;
-  }
-
-  &.biz-disabled {
-    color: @disableColor;
-    cursor: not-allowed;
-
-    span {
-      color: @disableColor;
-    }
-  }
-}
-
-.biz-icon {
-  color: @fontColor3;
-  font-size: 16px;
-}
-
-.biz-input-icon {
-  color: #5f6085;
-  font-size: 18px;
-}
-
-.biz-options {
-  display: flex;
-}
-
-.biz-option-icon {
-  display: none;
-  width: 24px;
-  height: 32px;
-  padding-right: 1px;
-  color: @iconColor;
-  font-size: 15px;
-  line-height: 32px;
-  text-align: center;
-  background-color: #fff;
-  border-radius: 4px;
-  cursor: pointer;
-
-  &:not(.biz-disabled):hover {
-    color: @hoverColor;
-    background-color: @hoverBgColor;
-  }
-
-  &.biz-option-icon-delete:not(.biz-disabled):hover {
-    color: @deleteHoverColor;
-    background-color: @deleteHoverBgColor;
-  }
-
-  &.biz-disabled {
-    color: @disableColor;
-    cursor: not-allowed;
-  }
-}
-
-// .biz-btn,
-// .ant-btn {
-//   height: auto;
-//   padding: 10px 24px;
-//   font-weight: 400;
-//   font-size: 14px;
-//   line-height: 20px;
-//   border-radius: 4px;
-//   cursor: pointer;
-
-//   .anticon {
-//     margin-right: 8px;
-//     font-size: 24px;
-//   }
-
-//   &.small {
-//     padding: 5px 12px;
-//   }
-// }
-
-// .biz-btn-primary,
-// .ant-btn-primary {
-//   color: #fff;
-//   background: @themeColor;
-//   border: none;
-
-//   &:hover,
-//   &:active {
-//     background: #85adfc;
-//   }
-
-//   &:focus {
-//     background: #1451db;
-//   }
-
-//   &:disabled {
-//     color: @disableColor;
-//     background: @grayColor;
-//   }
-// }
-
-// .biz-btn-default,
-// .ant-btn-default {
-//   color: #242541;
-//   background: #f6f6f6;
-//   border: none;
-
-//   &:hover,
-//   &:focus {
-//     color: #242541;
-//     background: #cacdd4;
-//   }
-
-//   &:active {
-//     color: #242541;
-//     background: #94a6ce;
-//   }
-
-//   &:disabled {
-//     color: #cacdd4;
-//     background: #f6f6f6;
-//   }
-// }
-
-// .biz-btn-text {
-//   color: #021429;
-
-//   &:hover {
-//     background: #f6f6f6;
-//   }
-
-//   &:active {
-//     background: #cacdd4;
-//   }
-
-//   &:disabled {
-//     color: #cacdd4;
-//   }
-// }
-
-// .biz-btn-line {
-//   box-sizing: border-box;
-//   color: #5f6085;
-//   background: #ffffff;
-//   border: 1px solid #ecedf0;
-//   border-radius: 4px;
-
-//   &:hover {
-//     color: #165dff;
-//     background: #e8efff;
-//     border-color: #165dff;
-//   }
-// }
-
-// .ant-tooltip {
-//   .ant-tooltip-inner {
-//     border-radius: @boxRadius2;
-//   }
-
-//   &.biz-tooltip {
-//     width: auto;
-
-//     .ant-tooltip-inner {
-//       padding: 4px;
-//       color: @fontColor;
-//       background-color: #fff;
-//       border-radius: 4px;
-//       box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
-//     }
-
-//     .ant-tooltip-arrow-content {
-//       background-color: #fff;
-//       --antd-arrow-background-color: #fff;
-//     }
-//   }
-// }

package/es/commonStyle/index.less

@@ -1,3 +0,0 @@
-@import './theme.less';
-@import './icon.less';
-@import './select.less';

package/es/commonStyle/select.less

@@ -1,92 +0,0 @@
-@import './variable.less';
-
-/*文本框样式*/
-.biz-select-cotainer {
-  position: relative;
-  display: flex;
-  flex: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  box-sizing: border-box;
-  margin-bottom: 8px;
-  padding: 4px;
-  color: #021429;
-  border: @boxBorder;
-  border-radius: @boxRadius;
-
-  &:hover {
-    .biz-option-icon {
-      display: block;
-    }
-  }
-}
-
-/*下拉框的文本框样式*/
-
-.biz-select-content {
-  position: relative;
-  display: flex;
-  flex: 1;
-  height: 100%;
-  color: @fontColor;
-  border-radius: 4px;
-  cursor: pointer;
-
-  &:not(.biz-gray-select):hover {
-    color: @hoverColor;
-    background-color: @hoverBgColor;
-
-    .biz-select-zhankai {
-      display: block;
-    }
-
-    span {
-      color: @hoverColor;
-    }
-  }
-
-  .biz-input {
-    flex: 1;
-    box-sizing: border-box;
-    height: 32px;
-    padding: 6px 8px;
-    line-height: 20px;
-    border-radius: @boxRadius;
-    .boxBg();
-
-    &.biz-bg-gray {
-      background: @grayColor;
-    }
-  }
-}
-
-.biz-select-zhankai {
-  position: absolute;
-  top: 5px;
-  right: 10px;
-  display: none;
-  color: @iconColor;
-  font-size: @iconSize;
-}
-
-.biz-select-nodata {
-  position: absolute;
-  top: 42px;
-  left: -4px;
-  z-index: 9999;
-  box-sizing: border-box;
-  width: 268px;
-  min-width: 322px;
-  height: 48px;
-  padding-left: 16px;
-  color: @fontColor;
-  font-size: @fontSize;
-  line-height: 48px;
-  background: #ffffff;
-  border-radius: @boxRadius2;
-  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
-}
-
-.ant-select-item-empty {
-  color: @fontColor;
-}

package/es/commonStyle/theme.less

@@ -1,523 +0,0 @@
-@import (reference) './variable.less';
-
-/* Select-文本框样式重构 */
-// .ant-select:not(.ant-select-customize-input) {
-//   color: @fontColor;
-//   font-size: @fontSize;
-
-//   &.small {
-//     .ant-select-selector {
-//       height: @inputHeight;
-//       line-height: @inputHeight;
-
-//       .ant-select-selection-item,
-//       .ant-select-selection-placeholder {
-//         line-height: @inputHeight;
-//       }
-//     }
-//   }
-
-//   &.middle {
-//     .ant-select-selector {
-//       height: @inputHeightNormal;
-//       line-height: @inputHeightNormal;
-
-//       .ant-select-selection-item,
-//       .ant-select-selection-placeholder {
-//         line-height: @inputHeightNormal;
-//       }
-//     }
-//   }
-
-//   &.large {
-//     .ant-select-selector {
-//       height: @inputHeightLarge;
-//       line-height: @inputHeightLarge;
-
-//       .ant-select-selection-item,
-//       .ant-select-selection-placeholder {
-//         line-height: @inputHeightLarge;
-//       }
-//     }
-//   }
-
-//   .ant-select-selection-item {
-//     color: @fontColor;
-
-//     span {
-//       color: @fontColor;
-//     }
-//   }
-
-//   &.ant-select-borderless {
-//     &.biz-gray .ant-select-selector {
-//       background-color: @grayColor;
-//     }
-
-//     .ant-select-arrow {
-//       display: none;
-//     }
-//     &:hover,
-//     &.ant-select-focused:not(.ant-select-disabled) {
-//       .ant-select-selector {
-//         color: @themeColor;
-//         background: @hoverBgColor;
-//         box-shadow: none;
-
-//         .ant-select-selection-item {
-//           color: @themeColor;
-
-//           span {
-//             color: @themeColor;
-//           }
-//         }
-//       }
-
-//       .ant-select-arrow {
-//         display: inline-block;
-//         color: @themeColor !important;
-//       }
-//     }
-//   }
-
-//   &:not(.ant-select-disabled).biz-borderless {
-//     .ant-select-selector {
-//       background-color: @grayColor;
-//       border-color: @grayColor;
-//     }
-
-//     .ant-select-arrow {
-//       display: none;
-//     }
-//     &.ant-select-focused,
-//     &:hover {
-//       .ant-select-selector {
-//         color: @themeColor;
-//         background: @hoverBgColor;
-//         border-color: @hoverBgColor;
-//         box-shadow: none;
-
-//         .ant-select-selection-item {
-//           color: @themeColor;
-
-//           span {
-//             color: @themeColor;
-//           }
-//         }
-//       }
-//       .ant-select-arrow {
-//         display: inline-block;
-//         color: @themeColor !important;
-//       }
-//     }
-//   }
-
-//   & .ant-select-selector {
-//     padding: @inputPadding !important;
-//     border-radius: @boxRadius !important;
-//   }
-
-//   &:not(.ant-select-disabled, .biz-select-theme-gray, .ant-select-borderless, .biz-borderless, .biz-multi-select) {
-//     .ant-select-selector {
-//       background-color: #fff;
-//       border: @boxBorder !important;
-//     }
-//     &.ant-select-focused,
-//     &:hover {
-//       .ant-select-selector {
-//         color: @themeColor;
-//         background: @hoverBgColor;
-//         border-color: @borderColor;
-//         box-shadow: none;
-
-//         .ant-select-selection-item {
-//           color: @themeColor;
-
-//           span {
-//             color: @themeColor;
-//           }
-//         }
-//       }
-
-//       .ant-select-arrow {
-//         display: inline-block;
-//         color: @themeColor !important;
-//       }
-//     }
-//   }
-
-//   &.biz-select-theme-gray {
-//     .ant-select-selector {
-//       background-color: @grayBgColor;
-//       border-color: @grayBgColor;
-//     }
-//     &:hover {
-//       .ant-select-selector {
-//         border-color: @themeColor;
-//       }
-//     }
-//     &.ant-select-focused:not(.ant-select-disabled) {
-//       .ant-select-selector {
-//         background: #fff !important;
-//         border-color: @themeColor !important;
-//         box-shadow: 0 0 0 4px #e8efff !important;
-//       }
-//     }
-//   }
-// }
-
-// .ant-select-arrow {
-//   height: 16px;
-//   margin-top: -8px;
-//   color: @iconColor;
-//   font-size: 16px;
-// }
-
-// .ant-select-selection-placeholder {
-//   color: @defaultGray;
-// }
-
-// /* Select-下拉框样式重构 */
-// .ant-select-dropdown {
-//   width: @dropdownWidth;
-//   max-height: @dropdownHeight;
-//   padding: @dropdownPadding !important;
-//   border-radius: @boxRadius2 !important;
-//   box-shadow: @boxShadow !important;
-
-//   &.small {
-//     width: @dropdownWidth2;
-//   }
-// }
-
-// .ant-dropdown-menu {
-//   width: @dropdownWidth2;
-//   padding: @dropdownPadding !important;
-//   border-radius: @boxRadius2 !important;
-//   box-shadow: @boxShadow !important;
-// }
-
-// .ant-dropdown.large {
-//   .ant-dropdown-menu {
-//     width: @dropdownWidth3;
-//   }
-// }
-
-// .ant-dropdown-menu-submenu {
-//   .ant-dropdown-menu {
-//     width: 120px;
-//     height: 208px;
-//   }
-// }
-
-// .ant-dropdown-menu-submenu-vertical {
-//   &:hover {
-//     .box-hover();
-
-//     .ant-dropdown-menu-submenu-title {
-//       color: @themeColor;
-//       background: transparent;
-
-//       .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
-//         color: @themeColor;
-//       }
-//     }
-//   }
-
-//   .ant-dropdown-menu-submenu-title {
-//     padding: 0;
-//   }
-// }
-
-// .ant-select-item-empty {
-//   color: @fontColor;
-// }
-
-// .ant-select-item,
-// .ant-list-item,
-// .ant-dropdown-menu-item,
-// .ant-dropdown-menu-submenu-vertical,
-// .ant-cascader-menu-item {
-//   height: @selectItemHeight !important;
-//   padding: @selectItemPadding !important;
-//   color: @fontColor;
-//   font-weight: @fontWeight;
-//   font-size: @fontSize;
-//   line-height: 20px;
-//   border-radius: @boxRadius2 !important;
-// }
-
-// .ant-select-item-option-active:not(.ant-select-item-option-disabled),
-// .ant-cascader-menu-item:not(.ant-cascader-menu-item-disabled, .ant-cascader-menu-item-active):hover {
-//   color: @hoverColor !important;
-//   background-color: @hoverBgColor !important;
-
-//   .biz-icon {
-//     color: @hoverColor;
-//   }
-// }
-
-// .ant-select-item-option-selected:not(.ant-select-item-option-disabled),
-// .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
-//   color: @activeColor !important;
-//   font-weight: @fontWeight !important;
-//   background-color: @activeBgColor !important;
-
-//   .biz-icon {
-//     color: @activeColor;
-//   }
-// }
-
-// .ant-select-item-option-disabled {
-//   color: @disableColor !important;
-//   background: #fff;
-// }
-
-// .ant-cascader-menu-item-active {
-//   .ant-cascader-menu-item-expand-icon {
-//     color: @activeColor;
-//   }
-// }
-
-// .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
-//   color: @activeColor !important;
-//   background-color: @activeBgColor !important;
-// }
-
-// .ant-dropdown-menu-item {
-//   &:not(.box-active, .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled):hover {
-//     .box-hover();
-//   }
-
-//   &.box-active:not(.ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled):hover {
-//     .box-active();
-//   }
-
-//   .ant-dropdown-menu-item-icon {
-//     margin-right: 15px;
-//     font-size: @iconSize;
-//   }
-//   &.ant-dropdown-menu-item-disabled {
-//     color: @disableColor;
-//   }
-// }
-
-// /* input-search/clear */
-
-// .ant-input-affix-wrapper {
-//   height: @inputHeightNormal !important;
-//   line-height: @inputHeightNormal !important;
-//   background-color: @grayBgColor !important;
-//   border-color: transparent !important;
-//   border-radius: @boxRadius !important;
-
-//   &.biz-search-box {
-//     margin-bottom: 12px;
-//     border-radius: @boxRadius2;
-//   }
-//   &.small {
-//     height: @inputHeight !important;
-//     line-height: @inputHeight !important;
-//   }
-
-//   .ant-input {
-//     height: 100%;
-//     padding: 0;
-//     background-color: transparent !important;
-//     border: none;
-//     outline: none;
-//     box-shadow: none;
-//   }
-
-//   &:not(.ant-input-affix-wrapper-disabled):hover {
-//     border-color: @themeColor !important;
-//   }
-
-//   &:focus,
-//   &.ant-input-affix-wrapper-focused {
-//     background: #fff !important;
-//     border-color: @themeColor !important;
-//     box-shadow: 0 0 0 4px #e8efff !important;
-//   }
-
-//   .ant-input-suffix span {
-//     color: @iconColor;
-//     font-size: 16px;
-//   }
-
-//   .ant-input-clear-icon span {
-//     width: 16px;
-//     height: 16px;
-//     background-color: transparent;
-//     border-radius: 50%;
-
-//     &:hover {
-//       background: @grayColor;
-//     }
-//   }
-// }
-
-// /* 高亮 */
-// .biz-light-height {
-//   color: @themeColor;
-// }
-
-// .ant-select-item-option-selected {
-//   .biz-light-height {
-//     color: inherit;
-//   }
-// }
-
-// .ant-tooltip {
-//   .ant-tooltip-inner {
-//     border-radius: @boxRadius2;
-//   }
-
-//   &.biz-tooltip {
-//     width: auto;
-
-//     .ant-tooltip-inner {
-//       padding: 4px;
-//       color: @fontColor;
-//       background-color: #fff;
-//       border-radius: 4px;
-//       box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
-//     }
-
-//     .ant-tooltip-arrow-content {
-//       background-color: #fff;
-//       --antd-arrow-background-color: #fff;
-//     }
-//   }
-// }
-
-// .biz-title {
-//   margin-bottom: 12px;
-//   padding: 0 !important;
-//   color: @titleColor;
-//   font-weight: 600;
-//   font-size: @fontSize;
-// }
-
-// .ant-form-item-explain-error {
-//   font-size: 12px;
-// }
-
-// /* radio */
-
-// .ant-radio {
-//   color: @fontColor;
-
-//   &.ant-radio-checked {
-//     .ant-radio-inner {
-//       background: #fff;
-//       border: 5px solid @themeColor;
-
-//       &::after {
-//         background-color: #fff;
-//       }
-//     }
-//   }
-
-//   .ant-radio-inner {
-//     width: 18px;
-//     height: 18px;
-//     border-radius: 50%;
-//   }
-// }
-
-// .ant-radio-wrapper:hover .ant-radio,
-// .ant-radio:hover .ant-radio-inner,
-// .ant-radio-input:focus + .ant-radio-inner {
-//   border-color: @themeColor;
-// }
-
-// .ant-radio-input:focus + .ant-radio-inner {
-//   box-shadow: none;
-// }
-
-// .ant-radio-button-wrapper {
-//   border: 1px solid @borderColor;
-
-//   &:first-child {
-//     border-left: 1px solid @borderColor;
-//   }
-
-//   &:not(:first-child)::before {
-//     background-color: @borderColor;
-//   }
-
-//   &:not(.ant-radio-button-wrapper-checked, .ant-radio-button-wrapper-disabled):hover {
-//     .box-hover();
-
-//     .biz-icon {
-//       color: @themeColor;
-//     }
-//   }
-// }
-
-// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
-//   color: @themeColor;
-//   background: @hoverBgColor;
-//   border-color: @themeColor;
-// }
-
-// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
-//   background-color: @themeColor;
-// }
-
-// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
-//   border-color: @themeColor;
-// }
-
-// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,
-// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
-//   color: @themeColor;
-//   border-color: @themeColor;
-// }
-
-// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before,
-// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
-//   background-color: @hoverBgColor;
-// }
-
-// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
-//   box-shadow: none;
-// }
-
-// .ant-radio-button-wrapper-disabled {
-//   color: @disableColor;
-//   background: #fafafb;
-//   border-color: @borderColor;
-//   cursor: not-allowed;
-
-//   .biz-icon {
-//     color: @disableColor;
-//   }
-// }
-
-// .ant-radio-button-wrapper-disabled:first-child,
-// .ant-radio-button-wrapper-disabled:hover {
-//   color: @disableColor;
-//   background: #fafafb;
-//   border-color: @borderColor;
-// }
-
-// .ant-radio-button-wrapper-disabled:first-child {
-//   border-color: @borderColor;
-// }
-
-// .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
-//   color: @disableColor;
-//   background: #fafafb;
-//   border-color: @borderColor;
-//   box-shadow: none;
-// }
-
-// .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
-//   border-right-color: @themeColor;
-// }
-
-// .mb-12 {
-//   margin-bottom: 12px;
-// }

package/es/commonStyle/variable.less

@@ -1,127 +0,0 @@
-/** 全局变量 **/
-@themeColor: #165dff;
-@borderColor: #ecedf0;
-@hoverBgColor: #e8efff;
-/*中性色/默认灰*/
-@defaultGray: #9797af;
-/* 字体颜色 */
-@fontColor: #021429;
-/* 中性色/次要-信息2 */
-@fontColor2: #242541;
-/* 中性色/次要-信息3 */
-@fontColor3: #5f6085;
-
-/* 中性色/gray-8背景色 */
-@grayBgColor: #fafafb;
-/*中性色/置灰-信息线框5*/
-/* 灰色*/
-@grayColor: #f6f6f6;
-@disableColor: #cacdd4;
-/*辅助色/错误/底色*/
-@errorColorHover: #fed5d1;
-@errorColor: #fb5547;
-/*box-shadow*/
-@boxShadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
-
-/* 标题颜色 */
-@titleColor: @fontColor3;
-/* 图标颜色 */
-@iconColor: @fontColor3;
-/* layout icon颜色 */
-@layoutIconColor: @fontColor2;
-/* hover背景色 */
-// @hoverBgColor: @hoverColor;
-
-/* hover字体颜色 */
-@hoverColor: @themeColor;
-/* active背景色 */
-@activeBgColor: @themeColor;
-/* active字体颜色 */
-@activeColor: #ffffff;
-/* 删除hover背景色 */
-@deleteHoverBgColor: @errorColorHover;
-/* 删除hover字体色 */
-@deleteHoverColor: @errorColor;
-/* 按钮 */
-@btnPrimaryBgColor: @themeColor;
-@btnPrimaryFontColor: #ffffff;
-/* border */
-@boxBorder: 1px solid @borderColor;
-
-/* 字体大小 */
-@fontSize: 14px;
-/* 图标大小 */
-@iconSize: 16px;
-/* 字体weight */
-@fontWeight: 400;
-/*下拉框宽度*/
-@dropdownWidth: 284px;
-/* 分析维度， 关系 */
-@dropdownWidth2: 120px;
-/*更多操作*/
-@dropdownWidth3: 200px;
-/* 指标下拉框= 200+284*/
-@dropdownHeight: 400px;
-
-/*输入框，下拉框高度*/
-@inputHeight: 32px;
-@inputHeightNormal: 40px;
-@inputHeightLarge: 48px;
-
-/*下拉选项高度*/
-@selectItemHeight: 40px;
-/*下拉选项内边距*/
-@selectItemPadding: 10px 8px;
-/* 下拉框外框 */
-@dropdownPadding: 8px;
-/* padding */
-@searchPadding: 24px;
-@contentPadding: 32px;
-@inputPadding: 0px 8px;
-/* 边框圆角 */
-@boxRadius: 4px;
-/* 特殊圆角 */
-@boxRadius2: 10px;
-/* icon圆角 */
-@iconRadius: 3px;
-
-.boxBg {
-  color: @fontColor;
-  background-color: #fff;
-
-  &:hover:not(.box-active, .box-disabled) {
-    color: @hoverColor;
-    background-color: @hoverBgColor;
-
-    .biz-icon {
-      color: @hoverColor;
-    }
-  }
-}
-
-.box-hover {
-  color: @hoverColor;
-  background-color: @hoverBgColor;
-
-  .biz-icon {
-    color: @hoverColor;
-  }
-}
-
-.box-active {
-  color: @activeColor !important;
-  background-color: @activeBgColor;
-
-  .biz-icon {
-    color: @activeColor;
-  }
-  .biz-light-height {
-    color: #fff;
-  }
-}
-
-.box-disabled {
-  color: @fontColor !important;
-  background-color: #f5f5f5;
-  cursor: not-allowed !important;
-}