@lemon-fe/components 0.1.122 → 0.1.124

package/es/Actions/index.less

@@ -1,21 +1,19 @@
-@import '../theme.less';
-
 .@{prefixCls}-actions {
   &-popover {
-    &.ant-popover {
+    &.@{ant-prefix}-popover {
       padding-top: 0;
     }
 
-    .ant-popover-inner {
+    .@{ant-prefix}-popover-inner {
       padding: 8px 0;
       border-radius: 8px;
     }
 
-    .ant-popover-inner-content {
+    .@{ant-prefix}-popover-inner-content {
       padding: 0;
     }
 
-    .ant-popover-arrow {
+    .@{ant-prefix}-popover-arrow {
       display: none;
     }
 
@@ -47,7 +45,7 @@
     }
   }
 
-  .ant-btn:not(.ant-btn-icon-only) {
+  .@{ant-prefix}-btn:not(.@{ant-prefix}-btn-icon-only) {
     min-width: 80px;
     padding: 4px 12px;
 
@@ -58,7 +56,7 @@
     }
   }
 
-  .ant-btn-default {
+  .@{ant-prefix}-btn-default {
     .@{prefixCls}-symbol-icon {
       opacity: 0.7;
     }

package/es/BaseTable/BaseTableContext.d.ts

@@ -2,5 +2,6 @@
 declare const BaseTableContext: import("react").Context<{
     scrollY?: string | number | undefined;
     rowHeight?: number | undefined;
+    antPrefixCls: string;
 }>;
 export default BaseTableContext;

package/es/BaseTable/BaseTableContext.js

@@ -1,6 +1,7 @@
 import { createContext } from 'react';
 var BaseTableContext = /*#__PURE__*/createContext({
   scrollY: 0,
-  rowHeight: 37
+  rowHeight: 37,
+  antPrefixCls: 'ant-table'
 });
 export default BaseTableContext;

package/es/BaseTable/VirtualBody.js

@@ -22,7 +22,8 @@ export default function VirtualList(props) {
   var _useContext = useContext(BaseTableContext),
     scrollY = _useContext.scrollY,
     _useContext$rowHeight = _useContext.rowHeight,
-    rowHeight = _useContext$rowHeight === void 0 ? 37 : _useContext$rowHeight;
+    rowHeight = _useContext$rowHeight === void 0 ? 37 : _useContext$rowHeight,
+    antPrefixCls = _useContext.antPrefixCls;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     range = _useState2[0],
@@ -36,7 +37,7 @@ export default function VirtualList(props) {
     if (body === null) {
       return null;
     }
-    var scroller = body.closest('.ant-table-body');
+    var scroller = body.closest(".".concat(antPrefixCls, "-body"));
     if (scroller === null) {
       return null;
     }
@@ -99,7 +100,7 @@ export default function VirtualList(props) {
     if (ref.current === null) {
       return;
     }
-    var tableBody = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.closest('.ant-table-body');
+    var tableBody = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.closest(".".concat(antPrefixCls, "-body"));
     if (tableBody === null) {
       return;
     }

package/es/BaseTable/index.js

@@ -17,8 +17,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 /// <reference path="../../typings.d.ts" />
-import React, { useMemo, useState, useEffect, useRef, forwardRef } from 'react';
-import { Table as AntdTable } from 'antd';
+import React, { useMemo, useState, useEffect, useRef, forwardRef, useContext } from 'react';
+import { Table as AntdTable, ConfigProvider } from 'antd';
 import classNames from 'classnames';
 import { get } from 'lodash';
 import ResizeObserver from 'rc-resize-observer';
@@ -52,13 +52,15 @@ function Th(props) {
     children = props.children,
     className = props.className,
     restProps = _objectWithoutProperties(props, _excluded);
-  var reg = /\bant-table-cell-ellipsis\b/;
+  var _useContext = useContext(BaseTableContext),
+    antPrefixCls = _useContext.antPrefixCls;
+  var reg = new RegExp("\\b".concat(antPrefixCls, "-cell-ellipsis\\b"));
   var content = children;
   var mClassName = className;
   if (mClassName && reg.test(mClassName)) {
     mClassName = mClassName.replace(reg, '');
     content = /*#__PURE__*/React.createElement("div", {
-      className: "ant-table-cell-ellipsis"
+      className: "".concat(antPrefixCls, "-cell-ellipsis")
     }, content);
   }
   if (!width || !onWidthChange) {
@@ -99,6 +101,7 @@ function BaseTable(props, _ref) {
     className = props.className,
     localeProp = props.locale,
     restProps = _objectWithoutProperties(props, _excluded2);
+  var antPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls('table');
   var fullTableRef = useRef(null);
   var _useState = useState(new Map()),
     _useState2 = _slicedToArray(_useState, 2),
@@ -116,8 +119,8 @@ function BaseTable(props, _ref) {
     if (wrapper === null) {
       return null;
     }
-    var table = wrapper.querySelector('.ant-table');
-    var tableBody = wrapper.querySelector('.ant-table-body');
+    var table = wrapper.querySelector(".".concat(antPrefixCls));
+    var tableBody = wrapper.querySelector(".".concat(antPrefixCls, "-body"));
     if (tableBody === null || table === null) {
       return null;
     }
@@ -170,7 +173,7 @@ function BaseTable(props, _ref) {
   }, [scrollYProp]);
   useEffect(function () {
     if (scrollY !== undefined && fullTableRef.current !== null) {
-      var body = fullTableRef.current.querySelector('.ant-table-body');
+      var body = fullTableRef.current.querySelector(".".concat(antPrefixCls, "-body"));
       if (body !== null) {
         var dataType = _typeof(scrollY);
         switch (dataType) {
@@ -327,9 +330,10 @@ function BaseTable(props, _ref) {
   var ctx = useMemo(function () {
     return {
       scrollY: scrollY,
-      rowHeight: rowHeight
+      rowHeight: rowHeight,
+      antPrefixCls: antPrefixCls
     };
-  }, [scrollY, rowHeight]);
+  }, [scrollY, rowHeight, antPrefixCls]);
   var tableNode = /*#__PURE__*/React.createElement(AntdTable, _objectSpread(_objectSpread({
     size: "small",
     ref: function ref(elm) {

package/es/BaseTable/index.less

@@ -1,17 +1,16 @@
-@tablePrefixCls: lemon-table;
 @font-size-base: 14px;
 @resize-indicator-color: #333;
 
-.@{tablePrefixCls} {
-  .ant-table-cell-row-hover &-operator {
+.@{prefixCls}-table {
+  .@{ant-prefix}-table-cell-row-hover &-operator {
     display: flex;
   }
 
-  td .ant-input-number-input {
+  td .@{ant-prefix}-input-number-input {
     text-align: inherit;
   }
 
-  td .ant-input-number-handler-wrap {
+  td .@{ant-prefix}-input-number-handler-wrap {
     display: none;
   }
 
@@ -113,11 +112,11 @@
     }
   }
 
-  .ant-table-row-selected &-operator::before {
+  .@{ant-prefix}-table-row-selected &-operator::before {
     box-shadow: inset -16px 0 8px -8px var(--ant-primary-1);
   }
 
-  .ant-table-row-selected:hover &-operator::before {
+  .@{ant-prefix}-table-row-selected:hover &-operator::before {
     box-shadow: inset -16px 0 8px -8px var(--ant-primary-color-2);
   }
 
@@ -136,7 +135,7 @@
     cursor: col-resize;
   }
 
-  .ant-table-bordered &-resizable-handle {
+  .@{ant-prefix}-table-bordered &-resizable-handle {
     right: -6px;
     background-color: transparent;
   }

package/es/DurationPicker/index.less

@@ -1,11 +1,9 @@
-@import '../theme.less';
-
 .@{prefixCls}-duration {
   display: flex;
   width: 100%;
   height: @height-base;
 
-  .ant-dropdown-trigger {
+  .@{ant-prefix}-dropdown-trigger {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -16,20 +14,20 @@
     text-align: center;
     cursor: pointer;
 
-    & > .anticon {
+    & > .@{ant-prefix}icon {
       margin-left: 8px;
       font-size: 16px;
     }
   }
 
-  &-type.ant-dropdown-trigger {
+  &-type.@{ant-prefix}-dropdown-trigger {
     flex: 0 0 auto;
     margin-right: 8px;
     border: 1px solid @select-border-color;
     border-radius: @border-radius-base;
   }
 
-  &-option.ant-dropdown-trigger {
+  &-option.@{ant-prefix}-dropdown-trigger {
     position: relative;
     flex: 0 0 110px;
 
@@ -53,7 +51,7 @@
     border: 1px solid @select-border-color;
     border-radius: @border-radius-base;
 
-    .ant-picker {
+    .@{ant-prefix}-picker {
       flex: 1;
       border: none;
       outline: none;

package/es/EditableTable/EditableCell.js

@@ -1,13 +1,14 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-import React from 'react';
-import { message } from 'antd';
+import React, { useContext } from 'react';
+import { ConfigProvider, message } from 'antd';
 import classNames from 'classnames';
 import { get } from 'lodash';
 import { PREFIX_CLS } from '../constants';
 import Icons from '../Icons';
 export default function EditableCell(props) {
+  var _classNames;
   var focused = props.focused,
     onFocus = props.onFocus,
     children = props.children,
@@ -19,15 +20,12 @@ export default function EditableCell(props) {
     _props$noStyle = props.noStyle,
     noStyle = _props$noStyle === void 0 ? false : _props$noStyle;
   var disabled = get(children, 'props.disabled');
+  var inputPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls('input');
   var mainProps = {
     onFocus: onFocus,
     'data-up-down': disableUpDown ? '0' : '1',
     'data-left-right': disableLeftRight ? '0' : '1',
-    className: noStyle ? "".concat(PREFIX_CLS, "-form-item-no-style") : classNames("".concat(PREFIX_CLS, "-form-item"), {
-      'ant-input': focused >= 1 && bordered,
-      'ant-input-focused': focused >= 2 && bordered,
-      'ant-input-disabled': disabled
-    })
+    className: noStyle ? "".concat(PREFIX_CLS, "-form-item-no-style") : classNames("".concat(PREFIX_CLS, "-form-item"), (_classNames = {}, _defineProperty(_classNames, inputPrefixCls, focused >= 1 && bordered), _defineProperty(_classNames, "".concat(inputPrefixCls, "-focused"), focused >= 2 && bordered), _defineProperty(_classNames, "".concat(inputPrefixCls, "-disabled"), disabled), _classNames))
   };
   return /*#__PURE__*/React.createElement("div", _objectSpread({}, mainProps), children, errors !== undefined ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(PREFIX_CLS, "-form-item-error"),

package/es/EditableTable/index.less

@@ -6,7 +6,7 @@
   height: 32px;
   padding: 0;
 
-  & > .ant-select {
+  & > .@{ant-prefix}-select {
     flex: 1;
   }
 
@@ -15,7 +15,7 @@
     cursor: pointer;
   }
 
-  .ant-table-cell-row-hover &:not(.ant-input) {
+  .@{ant-prefix}-table-cell-row-hover &:not(.@{ant-prefix}-input) {
     background-color: #fff;
     border: 1px solid #c0c0c0;
     border-radius: 4px;

package/es/Filter/index.less

@@ -51,7 +51,7 @@
   &-popover {
     .popover(220px);
 
-    .ant-popover-inner {
+    .@{ant-prefix}-popover-inner {
       padding: 16px 0;
     }
   }

package/es/FormHorizontal/index.less

@@ -1,13 +1,13 @@
 .@{prefixCls}-form-horzontal {
-  .ant-form-item:last-child {
+  .@{ant-prefix}-form-item:last-child {
     margin-bottom: 0;
   }
 
-  .ant-form-item-label > label.ant-form-item-no-colon::after {
+  .@{ant-prefix}-form-item-label > label.@{ant-prefix}-form-item-no-colon::after {
     margin: 0 16px 0 0;
   }
 
-  .ant-form-item-required::before {
+  .@{ant-prefix}-form-item-required::before {
     position: absolute;
     left: -11px;
   }

package/es/FormInline/index.less

@@ -1,25 +1,25 @@
 .@{prefixCls}-form-inline {
   max-width: 1337px;
 
-  .ant-form-item {
+  .@{ant-prefix}-form-item {
     margin-bottom: 0;
 
-    & > .ant-form-item-label > label {
+    & > .@{ant-prefix}-form-item-label > label {
       line-height: 14px;
       white-space: normal;
       vertical-align: top;
     }
 
-    & > .ant-form-item-control {
+    & > .@{ant-prefix}-form-item-control {
       flex-basis: 0;
     }
   }
 
-  .ant-form-item-no-colon {
+  .@{ant-prefix}-form-item-no-colon {
     font-size: 12px;
   }
 
-  .ant-form-item-required::before {
+  .@{ant-prefix}-form-item-required::before {
     position: absolute;
     left: -11px;
   }

package/es/FormLayout/index.less

@@ -1,5 +1,3 @@
-@import '../theme.less';
-
 @spaceX: 16px;
 @spaceY: 8px;
 @minWidth: 350px;
@@ -29,7 +27,7 @@
     min-width: @minWidth - @spaceX;
     max-width: 4 * @maxWidth - @spaceX;
 
-    .ant-form-item {
+    .@{ant-prefix}-form-item {
       flex-wrap: nowrap;
       margin-bottom: @spaceY;
 
@@ -60,7 +58,7 @@
       .wrapper();
       .row();
 
-      & > .ant-form-item {
+      & > .@{ant-prefix}-form-item {
         .col();
       }
     }
@@ -68,7 +66,7 @@
     &-column {
       .wrapper();
 
-      & > .ant-form-item {
+      & > .@{ant-prefix}-form-item {
         .col(8);
       }
     }
@@ -79,7 +77,7 @@
     }
   }
 
-  &-layout-flex > div > .ant-form-item,
+  &-layout-flex > div > .@{ant-prefix}-form-item,
   &-layout-flex &-col {
     width: 100%;
     min-width: 0;
@@ -105,7 +103,7 @@
 }
 
 @media (max-width: 575px) {
-  .@{prefixCls}-form-layout .ant-form-item {
+  .@{prefixCls}-form-layout .@{ant-prefix}-form-item {
     flex-wrap: wrap;
   }
 }

package/es/FormTable/index.less

@@ -1,10 +1,10 @@
 .@{prefixCls}-form-table {
   td {
-    .ant-form-item {
+    .@{ant-prefix}-form-item {
       margin-bottom: 0;
     }
 
-    .ant-form-item-explain {
+    .@{ant-prefix}-form-item-explain {
       display: none;
     }
   }

package/es/InputMaxLength/index.less

@@ -1,7 +1,7 @@
 :global {
-  .input-max-length.ant-input-affix-wrapper {
+  .input-max-length.@{ant-prefix}-input-affix-wrapper {
     width: 320px;
-    .ant-input:not(:last-child) {
+    .@{ant-prefix}-input:not(:last-child) {
       padding-right: 20px;
     }
   }

package/es/PageLoading/index.less

@@ -1,5 +1,3 @@
-@import '../theme.less';
-
 .@{prefixCls}-page-loading {
   display: flex;
   flex-direction: column;

package/es/Popup/index.less

@@ -1,5 +1,3 @@
-@import '../theme.less';
-
 .@{prefixCls}-popup {
   cursor: pointer;
 

package/es/Section/index.less

@@ -1,5 +1,3 @@
-@import '../theme.less';
-
 .@{prefixCls}-section {
   position: relative;
   width: 100%;
@@ -50,7 +48,7 @@
       border-radius: 6px 6px 0 0;
     }
 
-    &.ant-tabs-tabpane {
+    &.@{ant-prefix}-tabs-tabpane {
       border-top-left-radius: 0;
     }
   }
@@ -59,20 +57,20 @@
     padding: 10px 0;
   }
 
-  & > .ant-tabs {
+  & > .@{ant-prefix}-tabs {
     flex: 1;
 
-    & > .ant-tabs-content-holder {
+    & > .@{ant-prefix}-tabs-content-holder {
       flex: 1;
 
-      & > .ant-tabs-content {
+      & > .@{ant-prefix}-tabs-content {
         height: 100%;
       }
     }
   }
 
-  &-flex > .ant-tabs,
-  &-table > .ant-tabs {
+  &-flex > .@{ant-prefix}-tabs,
+  &-table > .@{ant-prefix}-tabs {
     min-height: 0;
   }
 

package/es/SelectView/index.less

@@ -1,29 +1,29 @@
 .@{prefixCls}-select-view {
   height: 100%;
 
-  & > .ant-tabs {
+  & > .@{ant-prefix}-tabs {
     height: 100%;
 
-    & > .ant-tabs-nav {
+    & > .@{ant-prefix}-tabs-nav {
       margin-bottom: 0;
 
-      & > .ant-tabs-nav-wrap {
+      & > .@{ant-prefix}-tabs-nav-wrap {
         padding: 0 16px;
 
-        .ant-tabs-tab {
+        .@{ant-prefix}-tabs-tab {
           padding: 13px 0;
         }
       }
     }
 
-    & > .ant-tabs-content-holder {
+    & > .@{ant-prefix}-tabs-content-holder {
       flex: 1;
       min-height: 0;
 
-      & > .ant-tabs-content {
+      & > .@{ant-prefix}-tabs-content {
         height: 100%;
 
-        & > .ant-tabs-tabpane {
+        & > .@{ant-prefix}-tabs-tabpane {
           height: 100%;
         }
       }

package/es/SiderTree/index.less

@@ -11,15 +11,15 @@
   }
 
   &-menu-popover {
-    .ant-popover-arrow {
+    .@{ant-prefix}-popover-arrow {
       display: none;
     }
 
-    .ant-popover-inner {
+    .@{ant-prefix}-popover-inner {
       border-radius: 10px;
     }
 
-    .ant-popover-inner-content {
+    .@{ant-prefix}-popover-inner-content {
       min-width: 140px;
       padding: 8px 0;
 
@@ -46,7 +46,7 @@
   &-tabs {
     .fullTabs();
 
-    & > .ant-tabs-nav {
+    & > .@{ant-prefix}-tabs-nav {
       margin: 0 @space;
     }
   }
@@ -65,7 +65,7 @@
     margin-top: 12px;
   }
 
-  &-header + .ant-tabs {
+  &-header + .@{ant-prefix}-tabs {
     margin-top: 8px;
   }
 

package/es/TipMark/index.less

@@ -1,5 +1,3 @@
-@import '../theme.less';
-
 .@{prefixCls}-tip-mark-questionIcon {
   margin-left: 4px;
   color: rgb(192, 196, 204);

package/es/index.less

@@ -7,7 +7,6 @@
 @import './Section/index.less';
 @import './BaseTable/index.less';
 @import './Filter/index.less';
-@import './Table/index.less';
 @import './DurationPicker/index.less';
 @import './InputMaxLength/index.less';
 @import './TipMark/index.less';

package/es/overrides.less

@@ -25,7 +25,7 @@ a[title='站长统计'] {
 @table-border-radius-base: 4px;
 @table-row-hover-bg: #eee;
 
-.ant-table-thead > tr > th {
+.@{ant-prefix}-table-thead > tr > th {
   border-bottom: none;
 
   &::before {
@@ -33,29 +33,29 @@ a[title='站长统计'] {
   }
 }
 
-.ant-table-body {
+.@{ant-prefix}-table-body {
   .scrollBar(8px);
 }
 
-.ant-table-tbody > tr.ant-table-row-selected > td {
+.@{ant-prefix}-table-tbody > tr.@{ant-prefix}-table-row-selected > td {
   border-color: @table-border-color;
 }
 
-.ant-table-cell {
-  .ant-checkbox-checked .ant-checkbox-inner::after {
+.@{ant-prefix}-table-cell {
+  .@{ant-prefix}-checkbox-checked .@{ant-prefix}-checkbox-inner::after {
     transition: none !important;
   }
 
-  .ant-checkbox-inner {
+  .@{ant-prefix}-checkbox-inner {
     transition: none !important;
   }
 
-  .ant-checkbox-checked::after {
+  .@{ant-prefix}-checkbox-checked::after {
     animation: none !important;
   }
 }
 
-.ant-table-pagination.ant-pagination {
+.@{ant-prefix}-table-pagination.@{ant-prefix}-pagination {
   margin-bottom: 0;
 }
 
@@ -65,20 +65,20 @@ a[title='站长统计'] {
 
 /** modal */
 
-.ant-modal-content {
+.@{ant-prefix}-modal-content {
   border-radius: 8px;
 }
 
-.ant-modal-header {
+.@{ant-prefix}-modal-header {
   border-radius: 8px 8px 0 0;
 }
 
-.ant-modal-confirm {
-  .ant-modal-body {
+.@{ant-prefix}-modal-confirm {
+  .@{ant-prefix}-modal-body {
     padding: 0;
   }
 
-  .ant-modal-confirm-body {
+  .@{ant-prefix}-modal-confirm-body {
     padding: 40px 48px;
     overflow: hidden;
 
@@ -89,7 +89,7 @@ a[title='站长统计'] {
     }
   }
 
-  .ant-modal-confirm-btns {
+  .@{ant-prefix}-modal-confirm-btns {
     float: none;
     margin-top: 0;
     padding: 10px 16px;
@@ -98,19 +98,19 @@ a[title='站长统计'] {
     border-top: 1px solid rgba(0, 0, 0, 0.06);
     border-radius: 0 0 2px 2px;
 
-    & > .ant-btn {
+    & > .@{ant-prefix}-btn {
       min-width: 72px;
     }
   }
 
-  .ant-modal-confirm-title {
+  .@{ant-prefix}-modal-confirm-title {
     float: none;
     margin-left: 56px;
     font-weight: 600;
     line-height: 24px;
   }
 
-  .ant-modal-confirm-content {
+  .@{ant-prefix}-modal-confirm-content {
     float: none;
     margin: 2px 0 0 56px;
     color: rgba(51, 51, 51, 0.5);
@@ -120,15 +120,15 @@ a[title='站长统计'] {
 
 /** pagination */
 
-.ant-pagination {
+.@{ant-prefix}-pagination {
   color: #666;
 
-  .ant-select {
+  .@{ant-prefix}-select {
     color: #666;
   }
 }
 
-.ant-pagination-item {
+.@{ant-prefix}-pagination-item {
   font-size: 12px;
 
   a {
@@ -136,7 +136,7 @@ a[title='站长统计'] {
   }
 }
 
-.ant-pagination-item-active {
+.@{ant-prefix}-pagination-item-active {
   background: @primary-color;
 
   a {
@@ -148,18 +148,18 @@ a[title='站长统计'] {
   }
 }
 
-.ant-pagination-options .ant-select.ant-select-in-form-item {
+.@{ant-prefix}-pagination-options .@{ant-prefix}-select.@{ant-prefix}-select-in-form-item {
   width: auto;
 }
 
 /** select */
 
-.ant-select-arrow {
+.@{ant-prefix}-select-arrow {
   color: rgba(51, 51, 51, 0.7);
   font-size: 16px;
 }
 
-.ant-select-sm .ant-select-arrow {
+.@{ant-prefix}-select-sm .@{ant-prefix}-select-arrow {
   font-size: 14px;
 }
 
@@ -168,8 +168,8 @@ a[title='站长统计'] {
 @input-icon-color: rgba(51, 51, 51, 0.7);
 
 /** picker */
-.ant-picker {
-  .ant-picker-clear {
+.@{ant-prefix}-picker {
+  .@{ant-prefix}-picker-clear {
     box-sizing: border-box;
     width: 16px;
     height: 16px;

package/es/utils.less

@@ -23,15 +23,15 @@
 .popover(@width: 120px) {
   padding-top: 0 !important;
 
-  .ant-popover-arrow {
+  .@{ant-prefix}-popover-arrow {
     display: none;
   }
 
-  .ant-popover-inner {
+  .@{ant-prefix}-popover-inner {
     .popoverInner(@width);
   }
 
-  .ant-popover-inner-content {
+  .@{ant-prefix}-popover-inner-content {
     padding: 0;
   }
 }
@@ -61,29 +61,29 @@
 .fullTabs() {
   height: 100%;
 
-  & > .ant-tabs-nav {
+  & > .@{ant-prefix}-tabs-nav {
     margin-bottom: 12px;
 
-    .ant-tabs-tab {
+    .@{ant-prefix}-tabs-tab {
       padding: 8px 12px;
 
-      &.ant-tabs-tab-active .ant-tabs-tab-btn {
+      &.@{ant-prefix}-tabs-tab-active .@{ant-prefix}-tabs-tab-btn {
         text-shadow: unset;
       }
     }
 
-    .ant-tabs-tab + .ant-tabs-tab {
+    .@{ant-prefix}-tabs-tab + .@{ant-prefix}-tabs-tab {
       margin-left: 24px;
     }
   }
 
-  & > .ant-tabs-content-holder {
+  & > .@{ant-prefix}-tabs-content-holder {
     flex: 1;
 
-    & > .ant-tabs-content {
+    & > .@{ant-prefix}-tabs-content {
       height: 100%;
 
-      & > .ant-tabs-tabpane {
+      & > .@{ant-prefix}-tabs-tabpane {
         height: 100%;
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "0.1.122",
+  "version": "0.1.124",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",
@@ -39,5 +39,5 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "c06d24110423eabd6a1c08e69b5bebcb339e709c"
+  "gitHead": "aa14d0c951acdc5db1bd2246dfb4bf6200bf845d"
 }

package/es/Table/index.less

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