linkmore-design 1.1.10 → 1.1.12

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;

package/lib/FullScreen/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/Grid/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/Icon/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/Image/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/Input/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/InputNumber/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/Layout/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/LeftTable/index.js

@@ -160,7 +160,9 @@ var LeftSide = function LeftSide(props) {
     className: useToggle ? "lm_grid_tree ".concat(modeTypeCls) : "lm_grid_tree grid_toggle ".concat(modeTypeCls)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "grid_tree_title",
-    onClick: onHeaderClick
+    onClick: function onClick(e) {
+      onHeaderClick && onHeaderClick(e);
+    }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "grid_tree_title_left"
   }, /*#__PURE__*/_react.default.createElement("span", null, useTree.title)), treeType && /*#__PURE__*/_react.default.createElement(_Popover.default, {

package/lib/LeftTable/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/List/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;