@lemon-fe/components 1.4.0 → 1.4.2-alpha.0

package/es/data-grid/cell-editors/date.js

@@ -5,10 +5,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 { DatePicker } from 'antd';
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useMemo, useRef } from 'react';
 import { forwardRef, useImperativeHandle, useState } from 'react';
 import { editorPrefixClass, navigateCell } from "./utils";
 import EditorWrapper from "./wrapper";
+import { uniq } from 'lodash';
 import moment from 'moment';
 export default /*#__PURE__*/forwardRef(function DateEditor(props, ref) {
   var _props$format = props.format,
@@ -27,6 +28,9 @@ export default /*#__PURE__*/forwardRef(function DateEditor(props, ref) {
   var elm = useRef(null);
   var isEdited = useRef(false);
   var dirty = useRef(false);
+  var inputFormat = useMemo(function () {
+    return uniq([format, 'YYYY-MM-DD', 'YYYYMMDD']);
+  }, []);
   useEffect(function () {
     var _elm$current;
     (_elm$current = elm.current) === null || _elm$current === void 0 || _elm$current.focus();
@@ -65,6 +69,7 @@ export default /*#__PURE__*/forwardRef(function DateEditor(props, ref) {
     className: editorPrefixClass('date'),
     value: value,
     placeholder: format,
+    format: inputFormat,
     onOpenChange: function onOpenChange(val) {
       if (!val) {
         isEdited.current = true;

package/es/data-grid/index.js

@@ -1,7 +1,7 @@
 var _excluded = ["validator"],
   _excluded2 = ["title", "dataIndex", "render", "ellipsis", "sorter", "editable", "className"],
   _excluded3 = ["title", "children"],
-  _excluded4 = ["rowKey", "fetch", "dataSource", "rowActions", "columns", "autoLoad", "loading", "summary", "detailCell", "pagination", "rowSelection", "columnTypes", "defaultColDef", "components", "sideBar", "detailCellRendererParams", "context", "showSearch", "cellDisplayFlex", "locale"];
+  _excluded4 = ["rowKey", "fetch", "dataSource", "rowActions", "columns", "autoLoad", "loading", "summary", "detailCell", "pagination", "rowSelection", "columnTypes", "defaultColDef", "components", "sideBar", "detailCellRendererParams", "context", "showSearch", "cellDisplayFlex", "locale", "extraFooterLeft"];
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
@@ -35,7 +35,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 { Spin, Pagination } from 'antd';
-import React, { Component, createRef, forwardRef } from 'react';
+import React, { Component, createRef, forwardRef, Fragment } from 'react';
 import { useComponentDefaultProps } from "../component-configure";
 import { useLocaleReceiver } from "../locale-receiver";
 import { parseLocalTemplate } from "../locale/locale";
@@ -543,11 +543,15 @@ var InternalDataGrid = /*#__PURE__*/function (_Component) {
       if (!suppressRowClickSelection && evt.node.selectable && evt.eventPath) {
         var enableSelectionWithoutKeys = rowMultiSelectWithClick !== null && rowMultiSelectWithClick !== void 0 ? rowMultiSelectWithClick : rowSelection !== undefined && rowSelection.type !== 'radio';
         for (var i = 0; i < evt.eventPath.length; i++) {
+          if (evt.eventPath[i] === document.documentElement) {
+            break;
+          }
           var elm = evt.eventPath[i];
-          if (elm.nodeName === 'A' || elm.nodeName === 'BUTTON' || elm.nodeName === 'INPUT' || elm.role === 'button' || elm.role === 'input') {
+          var role = elm.role || elm.getAttribute('role');
+          if (elm.nodeName === 'A' || elm.nodeName === 'BUTTON' || elm.nodeName === 'INPUT' || role === 'button' || role === 'input') {
             break;
           }
-          if (elm.role === 'gridcell') {
+          if (role === 'gridcell') {
             if (elm.classList.contains(prefix('editor-cell'))) {
               break;
             }
@@ -1660,6 +1664,7 @@ var InternalDataGrid = /*#__PURE__*/function (_Component) {
         showSearch = _this$props10.showSearch,
         cellDisplayFlex = _this$props10.cellDisplayFlex,
         locale = _this$props10.locale,
+        extraFooterLeft = _this$props10.extraFooterLeft,
         restProps = _objectWithoutProperties(_this$props10, _excluded4);
       var _this$state3 = this.state,
         enablePagination = _this$state3.pagination,
@@ -1669,6 +1674,11 @@ var InternalDataGrid = /*#__PURE__*/function (_Component) {
         loading = _this$state3.loading;
       var mPage = _typeof(pagination) === 'object' ? pagination : {};
       var footer = [];
+      if (extraFooterLeft) {
+        footer.push( /*#__PURE__*/React.createElement(Fragment, {
+          key: "data-grid-extra-footer-left"
+        }, extraFooterLeft));
+      }
       var gridRowSelection;
       if (rowSelection !== undefined) {
         if (rowSelection.type === 'radio') {
@@ -1744,6 +1754,7 @@ var InternalDataGrid = /*#__PURE__*/function (_Component) {
         maintainColumnOrder: true,
         suppressCsvExport: true,
         suppressExcelExport: true,
+        enableCellTextSelection: true,
         noRowsOverlayComponent: this.NoRowsOverlay,
         getMainMenuItems: this.getMainMenuItems,
         rowBuffer: 20,

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

@@ -236,4 +236,8 @@ export interface DataGridProps<TData> extends Omit<AgGridReactProps<TData>, 'row
      * @descriptioin 列定制启用汇总
      */
     enableCustomColumnSummary?: boolean;
+    /**
+     * @description 表格底部左侧额外的元素
+     */
+    extraFooterLeft?: ReactElement;
 }

package/es/select-view/index.js

@@ -149,9 +149,9 @@ function SelectView(originalProps, _ref4) {
     setData(newRows);
     onChange === null || onChange === void 0 || onChange(newRows, rowDoubleClicked);
   };
-  var handleChangeParams = function handleChangeParams(mParams) {
+  var handleChangeParams = function handleChangeParams(mParams, actionType) {
     if (filter !== null && filter !== void 0 && filter.onChange) {
-      filter.onChange(mParams, 'submit');
+      filter.onChange(mParams, actionType || 'submit');
     }
     if (checkSearchParams && !checkSearchParams(mParams)) {
       return;
@@ -169,8 +169,8 @@ function SelectView(originalProps, _ref4) {
       form: filterForm
     }, filter, {
       value: cParams,
-      onChange: function onChange(val) {
-        return handleChangeParams(_objectSpread(_objectSpread({}, cParams), val));
+      onChange: function onChange(val, actionType) {
+        return handleChangeParams(_objectSpread(_objectSpread({}, cParams), val), actionType);
       }
     })));
   } else if (headerProp) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "1.4.0",
+  "version": "1.4.2-alpha.0",
   "description": "> TODO: description",
   "homepage": "",
   "license": "MIT",
@@ -58,5 +58,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "gitHead": "804c56e7ca26df410ba801265e29ea06deb4b715"
+  "gitHead": "77aeb1eba6e3a13f34a6f2390d9991b9ff996652"
 }