@lemon-fe/components 1.4.8 → 1.4.9-alpha.1

package/es/data-grid/components/custom-panel/field-modal.js

@@ -17,6 +17,7 @@ import { Checkbox, Form, Input, Modal, Select } from 'antd';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import FormLayout from "../../../form-layout";
 import Icons from "../../../icons";
+import InputNumber from "../../../input-number";
 import { useLocaleReceiver } from "../../../locale-receiver";
 import TipMark from "../../../tip-mark";
 import { isCustomField, prefix } from "../../utils";
@@ -111,13 +112,16 @@ export default function FieldModal(props) {
             name: '',
             expression: '',
             summary: false,
-            summaryType: 1
+            summaryType: 1,
+            decimalPlaces: 2
           });
         }
       } else {
+        var _openProp$decimalPlac;
         setOpen(true);
         form.setFieldsValue(_objectSpread(_objectSpread({}, openProp), {}, {
-          expression: formatExpression(openProp.expression)
+          expression: formatExpression(openProp.expression),
+          decimalPlaces: (_openProp$decimalPlac = openProp.decimalPlaces) !== null && _openProp$decimalPlac !== void 0 ? _openProp$decimalPlac : 2
         }));
       }
     } else {
@@ -185,10 +189,17 @@ export default function FieldModal(props) {
   }, /*#__PURE__*/React.createElement(Input.TextArea, {
     ref: ref,
     maxLength: 300,
-    showCount: true,
     style: {
       height: 120
-    }
+    },
+    placeholder: fieldModal.customColumnExpressionPlaceholder
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: fieldModal.customColumnDecimalPlacesText,
+    name: "decimalPlaces"
+  }, /*#__PURE__*/React.createElement(InputNumber, {
+    min: 0,
+    max: 10,
+    precision: 0
   })), enableSummary ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form.Item, {
     label: " ",
     name: "summary",

package/es/data-grid/components/custom-panel/typings.d.ts

@@ -24,4 +24,5 @@ export type FieldCol = {
   expression: string;
   id: string;
   name: string;
+  decimalPlaces?: number;
 };

package/es/data-grid/index.js

@@ -1197,7 +1197,8 @@ var InternalDataGrid = /*#__PURE__*/function (_Component) {
             if (params.value !== undefined && params.value !== null) {
               var val = params.value;
               if (typeof val === 'number' || BigNumber.isBigNumber(val)) {
-                val = new BigNumber(val).dp(2);
+                var _field$decimalPlaces;
+                val = new BigNumber(val).toFixed((_field$decimalPlaces = field.decimalPlaces) !== null && _field$decimalPlaces !== void 0 ? _field$decimalPlaces : 2);
               }
               return "".concat(val).concat(expressionSuffix);
             }

package/es/data-grid/locale/en_US.js

@@ -30,6 +30,8 @@ var locale = {
     addCustomColumnText: 'Add Custom Column',
     customColumnNameText: 'Name',
     customColumnExpressionText: 'Expression',
+    customColumnExpressionPlaceholder: 'Custom Expression length limit of 300',
+    customColumnDecimalPlacesText: 'Decimal places',
     summaryText: 'Summary or not',
     summaryTypeText: 'Rule',
     summaryTypeContentText: "\n      <div>\n        <p>1. The sum of custom column data values to get the total value</p>\n        <p>\n          2. The total value is calculated based on the formula from the data source\n          <br />\n          Fields added in the formula are summed first, then the total is calculated based on the formula\n        </p>\n      </div>\n      ",

package/es/data-grid/locale/locale.d.ts

@@ -9,6 +9,8 @@ export interface DataGridLocale {
         addCustomColumnText: string;
         customColumnNameText: string;
         customColumnExpressionText: string;
+        customColumnExpressionPlaceholder: string;
+        customColumnDecimalPlacesText: string;
         summaryText: string;
         summaryTypeText: string;
         summaryTypeContentText: string;

package/es/data-grid/locale/zh_CN.js

@@ -27,6 +27,8 @@ var locale = {
     addCustomColumnText: '添加自定义列',
     customColumnNameText: '自定义列名',
     customColumnExpressionText: '自定义公式',
+    customColumnExpressionPlaceholder: '自定义公式长度上限300',
+    customColumnDecimalPlacesText: '小数位数',
     summaryText: '是否统计合计',
     summaryTypeText: '合计规则',
     summaryTypeContentText: "\n    <div>\n      <p>1\u3001\u81EA\u5B9A\u4E49\u5217\u6570\u636E\u503C\u6C42\u548C\u5F97\u51FA\u5408\u8BA1\u503C</p>\n      <p>\n        2\u3001\u6570\u636E\u6E90\u6839\u636E\u8BA1\u7B97\u516C\u5F0F\u5F97\u51FA\u5408\u8BA1\u503C\n        <br />\n        \u516C\u5F0F\u4E2D\u6DFB\u52A0\u7684\u5B57\u6BB5\u5148\u6C42\u548C\uFF0C\u518D\u6839\u636E\u8BA1\u7B97\u516C\u5F0F\u8BA1\u7B97\u51FA\u5408\u8BA1\n      </p>\n    </div>\n    ",

package/es/locale/en_US.js

@@ -14,6 +14,9 @@ import { default as SelectPanelLocale } from "../select-panel/locale/en_US";
 import { default as SelectViewLocale } from "../select-view/locale/en_US";
 import { default as SiderTreeLocale } from "../sider-tree/locale/en_US";
 var enUS = _objectSpread(_objectSpread({}, antEnUS), {}, {
+  Select: _objectSpread(_objectSpread({}, antEnUS.Select), {}, {
+    copy: 'Copy'
+  }),
   Filter: Filter,
   BaseTable: BaseTable,
   ColorPicker: ColorPickerLocale,

package/es/locale/zh_CN.js

@@ -14,6 +14,9 @@ import { default as SelectPanelLocale } from "../select-panel/locale/zh_CN";
 import { default as SelectViewLocale } from "../select-view/locale/zh_CN";
 import { default as SiderTreeLocale } from "../sider-tree/locale/zh_CN";
 var zhCN = _objectSpread(_objectSpread({}, antZhCN), {}, {
+  Select: _objectSpread(_objectSpread({}, antZhCN.Select), {}, {
+    copy: '复制'
+  }),
   Filter: Filter,
   BaseTable: BaseTable,
   ColorPicker: ColorPickerLocale,

package/es/select/index.d.ts

@@ -1,2 +1,3 @@
-import { Select } from 'antd';
+import { Select as AntdSelect } from 'antd';
+declare const Select: typeof AntdSelect;
 export default Select;

package/es/select/index.js

@@ -1,19 +1,62 @@
-import { Select } from 'antd';
-import React from 'react';
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Select as AntdSelect, ConfigProvider } from 'antd';
+import React, { forwardRef, useContext, useRef } from 'react';
+import Dropdown from "../dropdown";
 import Empty from "../empty";
 import Icons from "../icons";
-import { mergeDefaultProps } from "../utils";
-mergeDefaultProps(Select, {
-  notFoundContent: /*#__PURE__*/React.createElement(Empty, {
-    imageStyle: {
-      height: 60
-    }
-  }),
-  suffixIcon: /*#__PURE__*/React.createElement(Icons.Down, {
+import { useLocaleReceiver } from "../locale-receiver";
+function InternalSelect(props, ref) {
+  var wrapper = useRef(null);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var _useLocaleReceiver = useLocaleReceiver('Select'),
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    locale = _useLocaleReceiver2[0];
+  var selector = /*#__PURE__*/React.createElement(AntdSelect, _extends({
+    notFoundContent: /*#__PURE__*/React.createElement(Empty, {
+      imageStyle: {
+        height: 60
+      }
+    }),
+    suffixIcon: !props.loading ? /*#__PURE__*/React.createElement(Icons.Down, {
+      style: {
+        pointerEvents: 'none'
+      }
+    }) : undefined,
+    clearIcon: Icons.Clear
+  }, props, {
+    ref: ref
+  }));
+  if (props.mode === 'tags' || props.mode === 'multiple') {
+    return selector;
+  }
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    menu: {
+      items: [{
+        label: locale.copy,
+        onClick: function onClick() {
+          var _wrapper$current;
+          navigator.clipboard.writeText(((_wrapper$current = wrapper.current) === null || _wrapper$current === void 0 || (_wrapper$current = _wrapper$current.querySelector(".".concat(getPrefixCls('select-selection-item')))) === null || _wrapper$current === void 0 ? void 0 : _wrapper$current.title) || '');
+        },
+        key: 'copy'
+      }]
+    },
+    trigger: 'contextMenu'
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
-      pointerEvents: 'none'
-    }
-  }),
-  clearIcon: /*#__PURE__*/React.createElement(Icons.Clear, null)
-});
+      display: 'contents'
+    },
+    ref: wrapper
+  }, selector));
+}
+InternalSelect.SECRET_COMBOBOX_MODE_DO_NOT_USE = AntdSelect.SECRET_COMBOBOX_MODE_DO_NOT_USE;
+InternalSelect.Option = AntdSelect.Option;
+InternalSelect.OptGroup = AntdSelect.OptGroup;
+var Select = /*#__PURE__*/forwardRef(InternalSelect);
 export default Select;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "1.4.8",
+  "version": "1.4.9-alpha.1",
   "description": "> TODO: description",
   "homepage": "",
   "license": "MIT",
@@ -58,5 +58,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "gitHead": "5efd8dc6fe627450229c376bea96040c882ac430"
+  "gitHead": "a5843273e71e5caec8fcad445ef7ee5355b14727"
 }