@lemon-fe/components 1.5.6 → 1.5.7-alpha.0

package/es/data-grid/index.js

@@ -57,6 +57,7 @@ import CellRenderer from "./renderer/cell-renderer";
 import DetailCellRenderer from "./renderer/detali-cell-renderer";
 import HeaderRenderer from "./renderer/header-renderer";
 import { prefix, getColField, isColumn, withSyncRender, Store, Selection, getDefaultColumnTypes } from "./utils";
+import { getTextWidth } from "./utils/text-width";
 import { GridApi, ColumnApi } from 'ag-grid-community';
 import 'ag-grid-enterprise';
 import { AgGridReact } from 'ag-grid-react';
@@ -1052,7 +1053,9 @@ var InternalDataGrid = /*#__PURE__*/function (_Component) {
         columns = _this$props8$columns === void 0 ? [] : _this$props8$columns,
         rowActions = _this$props8.rowActions,
         rowSelection = _this$props8.rowSelection,
-        locale = _this$props8.locale;
+        locale = _this$props8.locale,
+        enableEstimateInitialColumnWidth = _this$props8.enableEstimateInitialColumnWidth,
+        keepInitialWidthWhenEstimate = _this$props8.keepInitialWidthWhenEstimate;
       var leafColIds = [];
       var groups = new Map();
       var map = function map(cols) {
@@ -1090,6 +1093,9 @@ var InternalDataGrid = /*#__PURE__*/function (_Component) {
             } else if (title !== undefined) {
               opts.headerName = title.toString();
             }
+            if (enableEstimateInitialColumnWidth && opts.headerName && !keepInitialWidthWhenEstimate) {
+              opts.initialWidth = getTextWidth(opts.headerName) * 14 + 36 + (opts.headerComponentParams !== undefined ? 24 : 0);
+            }
 
             // render
             if (render !== undefined) {

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

@@ -282,4 +282,12 @@ export interface DataGridProps<TData> extends Omit<AgGridReactProps<TData>, 'row
     defaultColDef?: ColDef<TData> & {
         useValueFormatterForExport?: boolean;
     };
+    /**
+     * @depscription 启用预估初始列宽 启用后根据字符长度计算宽度
+     */
+    enableEstimateInitialColumnWidth?: boolean;
+    /**
+     * @depscription 与enableEstimateInitialColumnWidth搭配使用，如果col传入了initialWidth，则不会进行预估初始列宽设置
+     */
+    keepInitialWidthWhenEstimate?: boolean;
 }

package/es/data-grid/{utils.d.ts → utils/index.d.ts}

@@ -1,5 +1,5 @@
-import type { DataGridLocale } from './locale/locale';
-import type { ColType, ColGroupType, PathType } from './typings';
+import type { DataGridLocale } from '../locale/locale';
+import type { ColType, ColGroupType, PathType } from '../typings';
 import { Subject } from '@lemon-fe/utils';
 import type { ColDef, ColGroupDef } from 'ag-grid-community';
 export declare const prefix: (val?: string | undefined) => string;

package/es/data-grid/{utils.js → utils/index.js}

@@ -13,9 +13,9 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { prefixClassName } from "../utils";
-import CellDeleteRender from "./renderer/cell-delete-renderer";
-import CellIndexRender from "./renderer/cell-index-renderer";
+import { prefixClassName } from "../../utils";
+import CellDeleteRender from "../renderer/cell-delete-renderer";
+import CellIndexRender from "../renderer/cell-index-renderer";
 import { Subject } from '@lemon-fe/utils';
 import { get as _get, set as _set } from 'lodash';
 import moment from 'moment';

package/es/data-grid/utils/text-width.d.ts

@@ -0,0 +1 @@
+export declare function getTextWidth(text: string): number;

package/es/data-grid/utils/text-width.js

@@ -0,0 +1,79 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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; }
+export function getTextWidth(text) {
+  var width = 0;
+  var _iterator = _createForOfIteratorHelper(text),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var char = _step.value;
+      var code = char.codePointAt(0);
+
+      // 东南亚文字中的组合音标 / 附加符号不单独占宽
+      if (isCombiningMark(code)) {
+        continue;
+      }
+
+      // CJK 中文、日文、韩文及其全角标点 / 符号
+      if (isCJK(code) || isCJKSymbol(code) || isFullWidthSymbol(code)) {
+        width += 1;
+        continue;
+      }
+
+      // 泰文、高棉文、缅甸文、老挝文；马来文 / 英文使用拉丁字符规则
+      if (isSEAComplexScript(code)) {
+        width += 1;
+        continue;
+      }
+
+      // 拉丁字母、数字、标点
+      width += 0.6;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return width;
+}
+function isCJK(code) {
+  return code >= 0x3400 && code <= 0x4dbf ||
+  // CJK扩展
+  code >= 0x4e00 && code <= 0x9fff ||
+  // 中文
+  code >= 0x20000 && code <= 0x2ebef ||
+  // CJK扩展B-I
+  code >= 0x3040 && code <= 0x30ff ||
+  // 日文
+  code >= 0xac00 && code <= 0xd7af // 韩文
+  ;
+}
+function isCJKSymbol(code) {
+  return code >= 0x3000 && code <= 0x303f;
+}
+function isSEAComplexScript(code) {
+  return code >= 0x0e00 && code <= 0x0e7f ||
+  // Thai
+  code >= 0x1780 && code <= 0x17ff ||
+  // Khmer
+  code >= 0x1000 && code <= 0x109f ||
+  // Myanmar
+  code >= 0x0e80 && code <= 0x0eff // Lao
+  ;
+}
+function isCombiningMark(code) {
+  return code >= 0x0300 && code <= 0x036f ||
+  // Combining Diacritical Marks
+  code === 0x0e31 || code >= 0x0e34 && code <= 0x0e3a || code >= 0x0e47 && code <= 0x0e4e ||
+  // Thai vowels and tones
+  code === 0x0eb1 || code >= 0x0eb4 && code <= 0x0ebc || code >= 0x0ec8 && code <= 0x0ece ||
+  // Lao vowels and tones
+  code >= 0x102b && code <= 0x103e ||
+  // Myanmar vowel signs and marks
+  code >= 0x17b4 && code <= 0x17d3 // Khmer vowel signs and signs
+  ;
+}
+function isFullWidthSymbol(code) {
+  return code >= 0xff01 && code <= 0xff60;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "1.5.6",
+  "version": "1.5.7-alpha.0",
   "description": "> TODO: description",
   "homepage": "",
   "license": "MIT",
@@ -58,5 +58,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "gitHead": "1098e017cce5db0a5353967a7deac0b690f37572"
+  "gitHead": "f9d9bc687268ce21388513f69bda29c79f7aa6b6"
 }