linkmore-design 1.1.9 → 1.1.11

package/lib/CustomTableOption/cardSort.js

@@ -46,16 +46,16 @@ var SortItem = function SortItem(props) {
   };
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     ref: setNodeRef,
-    className: 'lm_custom_item',
+    className: "lm_custom_item",
     style: style
   }, attributes), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
-    checked: ((_a = props.item) === null || _a === void 0 ? void 0 : _a.show) === false ? false : true,
+    checked: ((_a = props === null || props === void 0 ? void 0 : props.item) === null || _a === void 0 ? void 0 : _a.show) !== false,
     onChange: function onChange(e) {
-      return props.toggleShow(e.target.checked, props.id);
+      return props === null || props === void 0 ? void 0 : props.toggleShow(e.target.checked, props === null || props === void 0 ? void 0 : props.id);
     },
     className: "filter_item-content"
-  }, (_b = props.item) === null || _b === void 0 ? void 0 : _b.title), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_icons.HolderOutlined, Object.assign({}, listeners, {
-    className: 'lm_custom_icon sort_item'
+  }, (_b = props === null || props === void 0 ? void 0 : props.item) === null || _b === void 0 ? void 0 : _b.title), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_icons.HolderOutlined, Object.assign({}, listeners, {
+    className: "lm_custom_icon sort_item"
   }))));
 };
 /** order show */
@@ -65,7 +65,8 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$card = _ref.card,
       card = _ref$card === void 0 ? [] : _ref$card,
       _ref$cardStateValue = _ref.cardStateValue,
-      cardStateValue = _ref$cardStateValue === void 0 ? {} : _ref$cardStateValue;
+      cardStateValue = _ref$cardStateValue === void 0 ? {} : _ref$cardStateValue,
+      showPromptNum = _ref.showPromptNum;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -109,7 +110,7 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       return item.show !== false;
     });
     return {
-      indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localCard.length ? true : false,
+      indeterminate: !!((showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localCard.length),
       checkAll: showLength.length === localCard.length
     };
   }, [localCard]);
@@ -155,7 +156,7 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     var resultColumns = localCard.map(function (item) {
       if (item.dataIndex === id) {
         return Object.assign(Object.assign({}, item), {
-          show: item.show === false ? true : false
+          show: item.show === false
         });
       }
 
@@ -169,7 +170,7 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var onCheckAllChange = function onCheckAllChange() {
     var resultColumns = localCard.map(function (item) {
       return Object.assign(Object.assign({}, item), {
-        show: isCheckAll.checkAll ? false : true
+        show: !isCheckAll.checkAll
       });
     });
     setLocalCard(resultColumns);
@@ -186,11 +187,11 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
           obj[item.dataIndex] = {};
 
           if (![undefined, null].includes(item.order)) {
-            obj[item.dataIndex]['order'] = item.order;
+            obj[item.dataIndex].order = item.order;
           }
 
           if (![undefined, null].includes(item.show)) {
-            obj[item.dataIndex]['show'] = item.show;
+            obj[item.dataIndex].show = item.show;
           }
         });
         return obj;
@@ -198,17 +199,21 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     };
   });
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: 'lm_custom_option_columns'
+    className: "lm_custom_option_columns"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'global_search'
+    className: "global_search"
   }, /*#__PURE__*/_react.default.createElement(Search, {
     value: searchIngValue,
     onChange: function onChange(e) {
       return setSearchIngValue(e.target.value);
     },
     onSearch: handleSearch
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'global_setting'
+  })), /*#__PURE__*/_react.default.createElement("p", {
+    className: "card_prompt"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-warning-circle"
+  }), " \u5361\u7247\u5B57\u6BB5\u5EFA\u8BAE\u6700\u591A\u663E\u793A", showPromptNum || 10, "\u4E2A\u4E3A\u4F18"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "global_setting"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     indeterminate: isCheckAll.indeterminate,
     onChange: onCheckAllChange,

package/lib/CustomTableOption/columnsSort.js

@@ -45,10 +45,10 @@ var SortItem = function SortItem(props) {
   };
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     ref: setNodeRef,
-    className: 'lm_custom_item',
+    className: "lm_custom_item",
     style: style
   }, attributes), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
-    checked: ((_a = props.item) === null || _a === void 0 ? void 0 : _a.show) === false ? false : true,
+    checked: ((_a = props.item) === null || _a === void 0 ? void 0 : _a.show) !== false,
     onChange: function onChange(e) {
       return props.toggleShow(e.target.checked, props.id);
     },
@@ -75,7 +75,7 @@ var SortItem = function SortItem(props) {
       props.addFiexd(props.id, 'right');
     }
   })), /*#__PURE__*/_react.default.createElement(_icons.HolderOutlined, Object.assign({}, listeners, {
-    className: 'lm_custom_icon sort_item',
+    className: "lm_custom_icon sort_item",
     style: {
       color: 'var(--tip-text-color)'
     }
@@ -128,7 +128,7 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         var order = (_a = colStateValue[item.dataIndex]) === null || _a === void 0 ? void 0 : _a.order;
         item.fixed = ((_b = colStateValue[item.dataIndex]) === null || _b === void 0 ? void 0 : _b.fixed) || undefined;
         item.order = [undefined, null].includes(order) ? index : order;
-        item.show = ((_c = colStateValue[item.dataIndex]) === null || _c === void 0 ? void 0 : _c.show) === false ? false : true;
+        item.show = ((_c = colStateValue[item.dataIndex]) === null || _c === void 0 ? void 0 : _c.show) !== false;
       }
     });
     var leftSortItem = [];
@@ -154,7 +154,7 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       return item.show !== false;
     });
     return {
-      indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localColumns.length ? true : false,
+      indeterminate: !!((showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localColumns.length),
       checkAll: showLength.length === localColumns.length
     };
   }, [localColumns]);
@@ -222,7 +222,7 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     var resultColumns = localColumns.map(function (item) {
       if (item.dataIndex === id) {
         return Object.assign(Object.assign({}, item), {
-          show: item.show === false ? true : false
+          show: item.show === false
         });
       }
 
@@ -251,7 +251,7 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var onCheckAllChange = function onCheckAllChange() {
     var resultColumns = localColumns.map(function (item) {
       return Object.assign(Object.assign({}, item), {
-        show: isCheckAll.checkAll ? false : true
+        show: !isCheckAll.checkAll
       });
     });
     setLocalColumns(resultColumns);
@@ -268,15 +268,15 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
           obj[item.dataIndex] = {};
 
           if (![undefined, null].includes(item.order)) {
-            obj[item.dataIndex]['order'] = item.order;
+            obj[item.dataIndex].order = item.order;
           }
 
           if (![undefined, null].includes(item.show)) {
-            obj[item.dataIndex]['show'] = item.show;
+            obj[item.dataIndex].show = item.show;
           }
 
           if (![undefined, null].includes(item.fixed)) {
-            obj[item.dataIndex]['fixed'] = item.fixed;
+            obj[item.dataIndex].fixed = item.fixed;
           }
         });
         return obj;
@@ -284,9 +284,9 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     };
   });
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: 'lm_custom_option_columns'
+    className: "lm_custom_option_columns"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'global_search'
+    className: "global_search"
   }, /*#__PURE__*/_react.default.createElement(Search, {
     value: searchIngValue,
     onChange: function onChange(e) {
@@ -294,7 +294,7 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     onSearch: handleSearch
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'global_setting'
+    className: "global_setting"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     indeterminate: isCheckAll.indeterminate,
     onChange: onCheckAllChange,
@@ -304,7 +304,7 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       return setLocalColumns(columns);
     }
   }, "\u91CD\u7F6E")), !!((_a = sortMenu.leftSortItem) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("label", {
-    className: 'fixed_title'
+    className: "fixed_title"
   }, "\u56FA\u5B9A\u5728\u5DE6\u4FA7"), /*#__PURE__*/_react.default.createElement(_core.DndContext, {
     sensors: leftSensors,
     collisionDetection: _core.closestCenter,
@@ -323,7 +323,7 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       id: item.dataIndex
     });
   })))), !!((_c = sortMenu.items) === null || _c === void 0 ? void 0 : _c.length) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("label", {
-    className: 'fixed_title'
+    className: "fixed_title"
   }, " \u4E0D\u56FA\u5B9A "), /*#__PURE__*/_react.default.createElement(_core.DndContext, {
     sensors: sensors,
     collisionDetection: _core.closestCenter,
@@ -342,7 +342,7 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       id: item.dataIndex
     });
   })))), !!((_f = sortMenu.rigthSortItem) === null || _f === void 0 ? void 0 : _f.length) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("label", {
-    className: 'fixed_title'
+    className: "fixed_title"
   }, "\u56FA\u5B9A\u5728\u53F3\u4FA7"), /*#__PURE__*/_react.default.createElement(_core.DndContext, {
     sensors: rightSensors,
     collisionDetection: _core.closestCenter,

package/lib/CustomTableOption/filterSort.js

@@ -46,16 +46,16 @@ var SortItem = function SortItem(props) {
   };
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     ref: setNodeRef,
-    className: 'lm_custom_item',
+    className: "lm_custom_item",
     style: style
   }, attributes), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
-    checked: ((_a = props.item) === null || _a === void 0 ? void 0 : _a.show) === false ? false : true,
+    checked: ((_a = props.item) === null || _a === void 0 ? void 0 : _a.show) !== false,
     onChange: function onChange(e) {
       return props.toggleShow(e.target.checked, props.id);
     },
     className: "filter_item-content"
   }, (_b = props.item) === null || _b === void 0 ? void 0 : _b.title), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_icons.HolderOutlined, Object.assign({}, listeners, {
-    className: 'lm_custom_icon sort_item'
+    className: "lm_custom_icon sort_item"
   }))));
 };
 /** order show fixed */
@@ -109,7 +109,7 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       return item.show !== false;
     });
     return {
-      indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localFilter.length ? true : false,
+      indeterminate: !!((showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localFilter.length),
       checkAll: showLength.length === localFilter.length
     };
   }, [localFilter]);
@@ -155,7 +155,7 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     var resultColumns = localFilter.map(function (item) {
       if (item.field === id) {
         return Object.assign(Object.assign({}, item), {
-          show: item.show === false ? true : false
+          show: item.show === false
         });
       }
 
@@ -169,7 +169,7 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var onCheckAllChange = function onCheckAllChange() {
     var resultColumns = localFilter.map(function (item) {
       return Object.assign(Object.assign({}, item), {
-        show: isCheckAll.checkAll ? false : true
+        show: !isCheckAll.checkAll
       });
     });
     console.log(resultColumns, 'resultColumns');
@@ -187,11 +187,11 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
           obj[item.field] = {};
 
           if (![undefined, null].includes(item.order)) {
-            obj[item.field]['order'] = item.order;
+            obj[item.field].order = item.order;
           }
 
           if (![undefined, null].includes(item.show)) {
-            obj[item.field]['show'] = item.show;
+            obj[item.field].show = item.show;
           }
         });
         return obj;
@@ -199,9 +199,9 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     };
   });
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: 'lm_custom_option_columns'
+    className: "lm_custom_option_columns"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'global_search'
+    className: "global_search"
   }, /*#__PURE__*/_react.default.createElement(Search, {
     value: searchIngValue,
     onChange: function onChange(e) {
@@ -209,7 +209,7 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     onSearch: handleSearch
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'global_setting'
+    className: "global_setting"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     indeterminate: isCheckAll.indeterminate,
     onChange: onCheckAllChange,

package/lib/CustomTableOption/index.d.ts

@@ -9,6 +9,7 @@ export interface ICustomTableOptionProps {
     columns?: TableProps<any>['columns'];
     card?: TableProps<any>['columns'];
     onSave?: (data: any) => void;
+    recommendNumObj?: Record<string, number>;
 }
 declare const LMCustomTableOption: React.FC<ICustomTableOptionProps>;
 export default LMCustomTableOption;

package/lib/CustomTableOption/index.js

@@ -17,6 +17,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _icons = require("@ant-design/icons");
+
 var _linkmoreDesign = require("linkmore-design");
 
 var _columnsSort = _interopRequireDefault(require("./columnsSort"));
@@ -43,7 +45,7 @@ var optionsWithDisabled = [{
 }];
 var prefixCls = 'lm_custom-table-option';
 var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
 
   var className = props.className,
       _props$tooltip = props.tooltip,
@@ -89,7 +91,7 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
   /** 提交按钮 */
 
   var onOk = function onOk() {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     /** tableInfo */
 
 
@@ -101,19 +103,45 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
     var filterStateValue = (_d = filterRef.current) === null || _d === void 0 ? void 0 : _d.getFilterStateValue();
     var cardData = ((_e = cardRef.current) === null || _e === void 0 ? void 0 : _e.getLocalFilter()) || [];
     var cardStateValue = ((_f = cardRef.current) === null || _f === void 0 ? void 0 : _f.getFilterStateValue()) || {};
-    console.log('--columnsData:', columnsData, ColStateValue, '--filterData:', filterData, filterStateValue, 'size:', lmOptions.size);
-    (_g = props.onSave) === null || _g === void 0 ? void 0 : _g.call(props, Object.assign({
-      columnsData: columnsData,
-      ColStateValue: ColStateValue,
-      filterData: filterData,
-      filterStateValue: filterStateValue,
-      size: lmOptions.size,
-      saveSetting: saveSetting
-    }, lmOptions.card.length ? {
-      cardData: cardData,
-      cardStateValue: cardStateValue
-    } : {}));
-    setVisible(false);
+
+    if (cardData.length > (((_g = props.recommendNumObj) === null || _g === void 0 ? void 0 : _g.card) || 10)) {
+      _linkmoreDesign.Modal.confirm({
+        title: '当前选择的卡片字段数量会导致卡片高度过高,是否继续?',
+        icon: /*#__PURE__*/_react.default.createElement(_icons.ExclamationCircleOutlined, null),
+        content: '',
+        okText: '确认',
+        cancelText: '取消',
+        onOk: function onOk() {
+          var _a;
+
+          (_a = props.onSave) === null || _a === void 0 ? void 0 : _a.call(props, Object.assign({
+            columnsData: columnsData,
+            ColStateValue: ColStateValue,
+            filterData: filterData,
+            filterStateValue: filterStateValue,
+            size: lmOptions.size,
+            saveSetting: saveSetting
+          }, lmOptions.card.length ? {
+            cardData: cardData,
+            cardStateValue: cardStateValue
+          } : {}));
+          setVisible(false);
+        }
+      });
+    } else {
+      (_h = props.onSave) === null || _h === void 0 ? void 0 : _h.call(props, Object.assign({
+        columnsData: columnsData,
+        ColStateValue: ColStateValue,
+        filterData: filterData,
+        filterStateValue: filterStateValue,
+        size: lmOptions.size,
+        saveSetting: saveSetting
+      }, lmOptions.card.length ? {
+        cardData: cardData,
+        cardStateValue: cardStateValue
+      } : {}));
+      setVisible(false);
+    }
   };
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, Object.assign({}, tooltip), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
@@ -160,7 +188,8 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
     forceRender: true
   }, /*#__PURE__*/_react.default.createElement(_cardSort.default, {
     ref: cardRef,
-    card: lmOptions.card
+    card: lmOptions.card,
+    showPromptNum: ((_d = props.recommendNumObj) === null || _d === void 0 ? void 0 : _d.card) || 10
   })), /*#__PURE__*/_react.default.createElement(TabPane, {
     tab: "\u5176\u4ED6",
     key: "3",

package/lib/CustomTableOption/locale/en_US.d.ts

@@ -0,0 +1,19 @@
+declare const locale: {
+    lang: {
+        setting: string;
+        cancel: string;
+        confirm: string;
+        filterSetting: string;
+        columnsSetting: string;
+        cardSetting: string;
+        other: string;
+        listStyle: string;
+        isSaveSetting: string;
+        selectAll: string;
+        reset: string;
+        fixedInLeft: string;
+        noFixed: string;
+        fixedInRight: string;
+    };
+};
+export default locale;

package/lib/CustomTableOption/locale/en_US.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var locale = {
+  lang: {
+    setting: 'Personalization Settings',
+    cancel: 'Cancel',
+    confirm: 'Confirm',
+    filterSetting: 'Filter Setting',
+    columnsSetting: 'Columns Setting',
+    cardSetting: 'Card Setting',
+    other: 'Other',
+    listStyle: 'List Style',
+    isSaveSetting: 'Is Save Setting',
+    selectAll: 'selectAll',
+    reset: 'Reset',
+    fixedInLeft: 'Fixed Left',
+    noFixed: 'No Fixed',
+    fixedInRight: 'Fixed Right'
+  }
+};
+var _default = locale;
+exports.default = _default;

package/lib/CustomTableOption/locale/zh_CN.d.ts

@@ -0,0 +1,19 @@
+declare const locale: {
+    lang: {
+        setting: string;
+        cancel: string;
+        confirm: string;
+        filterSetting: string;
+        columnsSetting: string;
+        cardSetting: string;
+        other: string;
+        listStyle: string;
+        isSaveSetting: string;
+        selectAll: string;
+        reset: string;
+        fixedInLeft: string;
+        noFixed: string;
+        fixedInRight: string;
+    };
+};
+export default locale;

package/lib/CustomTableOption/locale/zh_CN.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var locale = {
+  lang: {
+    setting: '个性化设置',
+    cancel: '取消',
+    confirm: '确认',
+    filterSetting: '筛选设置',
+    columnsSetting: '列表字段设置',
+    cardSetting: '卡片字段设置',
+    other: '其他',
+    listStyle: '列表样式',
+    isSaveSetting: '是否记住页面使用状态',
+    selectAll: '全选',
+    reset: '重置',
+    fixedInLeft: '固定在左侧',
+    noFixed: '不固定',
+    fixedInRight: '固定在右侧'
+  }
+};
+var _default = locale;
+exports.default = _default;

package/lib/CustomTableOption/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;
@@ -573,6 +574,10 @@ p {
   display: none;
   color: var(--primary-color);
 }
+.lm_custom_option_columns .card_prompt .anticon {
+  font-size: 16px;
+  color: var(--warning-color);
+}
 .lm_custom_size_warp {
   display: flex;
   flex-direction: column;

package/lib/CustomTableOption/style/variables.css

@@ -62,6 +62,10 @@
   display: none;
   color: var(--primary-color);
 }
+.lm_custom_option_columns .card_prompt .anticon {
+  font-size: 16px;
+  color: var(--warning-color);
+}
 .lm_custom_size_warp {
   display: flex;
   flex-direction: column;

package/lib/CustomerService/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/lib/DatePicker/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/lib/Descriptions/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/lib/Divider/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/lib/Drawer/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/lib/Dropdown/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;
@@ -534,7 +535,7 @@ p {
   background-color: var(--disabled-bg-color);
 }
 .lm_dropdown_button {
-  border-radius: 4px;
+  border-radius: 2px;
   border: 1px solid var(--color-15);
   box-sizing: content-box;
 }
@@ -572,7 +573,7 @@ p {
 .lm_dropdown_button:hover {
   color: var(--primary-hover-color) !important;
   border: 1px solid var(--primary-hover-color);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 .lm_dropdown_button:hover .ant-btn {
   color: var(--primary-hover-color) !important;

package/lib/Dropdown/style/variables.css

@@ -23,7 +23,7 @@
   background-color: var(--disabled-bg-color);
 }
 .lm_dropdown_button {
-  border-radius: 4px;
+  border-radius: 2px;
   border: 1px solid var(--color-15);
   box-sizing: content-box;
 }
@@ -61,7 +61,7 @@
 .lm_dropdown_button:hover {
   color: var(--primary-hover-color) !important;
   border: 1px solid var(--primary-hover-color);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 .lm_dropdown_button:hover .ant-btn {
   color: var(--primary-hover-color) !important;

package/lib/EditTable/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/lib/Empty/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/lib/Filter/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/lib/Form/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;