@pisell/materials 3.0.4 → 3.0.6

package/lib/components/table/Table/tableConfig/body/index.less

@@ -4,7 +4,5 @@
 }
 
 .materials-grid-table-cell {
-  height: 1px;
   padding: 12px;
-
 }

package/lib/components/table/Table/tableConfig/header/index.d.ts

@@ -10,6 +10,7 @@ export interface CustomHeaderCellProps {
     style?: any;
     lock?: 0 | 1;
     editable?: boolean;
+    position: 'start' | 'end' | "";
 }
 declare const _default: {
     Row: React.FC<any>;

package/lib/components/table/Table/tableConfig/header/index.js

@@ -80,15 +80,19 @@ var CustomHeaderCell = (props) => {
     lock,
     editable,
     dataIndex,
+    position,
     ...restProps
   } = props;
   const isCheckbox = !props.record;
   if (isCheckbox) {
     restProps.style = {
-      ...restProps.style,
-      paddingInlineStart: 8
+      ...restProps.style
+      // paddingInlineStart: 8,
     };
   }
+  if (position === "end") {
+    return /* @__PURE__ */ import_react.default.createElement("td", { ...restProps }, /* @__PURE__ */ import_react.default.createElement(import_CellProvider.default, { ...props }));
+  }
   return /* @__PURE__ */ import_react.default.createElement(
     ResizeCellStyle,
     {

package/lib/components/table/Table/utils.d.ts

@@ -146,7 +146,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
+}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lib/components/table/hooks/useTransColumns.d.ts

@@ -6,6 +6,7 @@ declare type UseTransColumnsProps = {
     handleSave?: (row: Record<string, any>) => void;
     handleResize?: (index: number) => (e: any, p2: any) => void;
     dragSort: boolean;
+    bordered: boolean;
 };
 declare const useTransColumns: (params: UseTransColumnsProps) => {
     columns: any[];

package/lib/components/table/hooks/useTransColumns.js

@@ -41,25 +41,26 @@ var import_selectFilter = __toESM(require("../TableFilter/selectFilter"));
 var import_SortIcon = __toESM(require("../TableFilter/SortIcon"));
 var import_utils2 = require("../Table/fields/utils");
 var import_locales = require("../../../locales");
-var genOnCell = (position) => (_) => {
+var genOnCell = ({ bordered, position }) => (_) => {
   let styleObj = {};
   let notGroupStyle = {};
+  const borderStr = bordered ? "1px solid #EAECF0" : "";
   if (position === "start") {
     styleObj = {
-      borderLeft: "1px solid #EAECF0",
+      borderLeft: borderStr,
       borderRadius: "8px 0px 0px 0px",
       padding: "12px"
     };
     notGroupStyle = {
-      borderLeft: "1px solid #EAECF0"
+      borderLeft: borderStr
     };
   } else if (position === "end") {
     styleObj = {
-      borderRight: "1px solid #EAECF0",
+      borderRight: borderStr,
       borderRadius: "0px 8px 0px 0px"
     };
     notGroupStyle = {
-      borderRight: "1px solid #EAECF0"
+      borderRight: borderStr
     };
   }
   return {
@@ -73,7 +74,7 @@ var genOnCell = (position) => (_) => {
 };
 var useTransColumns = (params) => {
   var _a;
-  const { columns, form, handleSave, handleResize, dragSort } = params;
+  const { columns, form, handleSave, handleResize, dragSort, bordered } = params;
   const group = import_antd.Form.useWatch("group_by", { form, preserve: true });
   const groupField = (_a = group == null ? void 0 : group[0]) == null ? void 0 : _a.field;
   const groupFieldRender = (0, import_react.useCallback)(
@@ -116,7 +117,8 @@ var useTransColumns = (params) => {
       newColumns.unshift({
         key: "__sort",
         width: 60,
-        align: "center"
+        align: "center",
+        className: "drag-sort-cell"
       });
     }
     return newColumns.map((col, index) => {
@@ -128,6 +130,17 @@ var useTransColumns = (params) => {
         position = "end";
       }
       let groupObj = {};
+      if (groupField) {
+        groupObj = {
+          render: (text, record) => {
+            var _a4;
+            if (record.__is_group) {
+              return null;
+            }
+            return ((_a4 = col == null ? void 0 : col.render) == null ? void 0 : _a4.call(col, text, record)) || text;
+          }
+        };
+      }
       if (position === "start" && groupField) {
         groupObj = {
           fixed: "left",
@@ -178,17 +191,18 @@ var useTransColumns = (params) => {
         onCell: (record) => ({
           record,
           ...item,
-          ...genOnCell(position)(record),
+          ...genOnCell({ position, bordered })(record),
           handleSave
         }),
         onHeaderCell: (record) => ({
           record,
           ...item,
-          onResize: handleResize == null ? void 0 : handleResize(index)
+          onResize: handleResize == null ? void 0 : handleResize(index),
+          position
         })
       };
     });
-  }, [columns, groupFieldRender, dragSort, groupField]);
+  }, [columns, groupFieldRender, dragSort, groupField, bordered]);
   return {
     columns: _columns
   };

package/lib/components/table/hooks/useTransSortSetting.js

@@ -23,6 +23,7 @@ __export(useTransSortSetting_exports, {
 });
 module.exports = __toCommonJS(useTransSortSetting_exports);
 var import_react = require("react");
+var import_utils = require("@pisell/utils");
 var useTransSortSetting = (params) => {
   const { sort, originColumnsMap } = params;
   return (0, import_react.useMemo)(() => {
@@ -30,7 +31,7 @@ var useTransSortSetting = (params) => {
       return {
         ...sort,
         list: sort.list.map((item) => {
-          let { name, label, columnKey, isCustom } = item;
+          let { name, label, columnKey, isCustom, localFilter } = item;
           if (!isCustom && columnKey && originColumnsMap.has(columnKey)) {
             const column = originColumnsMap.get(columnKey);
             name = column.dataIndex || name;
@@ -38,6 +39,7 @@ var useTransSortSetting = (params) => {
           }
           return {
             ...item,
+            localFilter: (0, import_utils.isBoolean)(localFilter) ? localFilter : true,
             name,
             label
           };

package/lib/components/table/hooks/useTriggerValuesChange.js

@@ -27,9 +27,11 @@ var import_utils = require("../Table/utils");
 var useTriggerValuesChange = (params) => {
   const { filter, columnSetting, dataSourceGroup, sort, currentViewMode } = params;
   const { list, show } = filter || {};
+  const { list: sortList, show: sortShow } = sort || {};
+  const lastIsRemoteSort = (0, import_react.useRef)(false);
   const getIsTriggerValuesChange = (0, import_react.useCallback)(
     (changedValues, values) => {
-      var _a;
+      var _a, _b, _c;
       const keys = (0, import_utils.getSettingKeyArrByMode)({
         filter,
         columnSetting,
@@ -45,10 +47,32 @@ var useTriggerValuesChange = (params) => {
       if (changedKey === "view_mode") {
         return false;
       }
+      if (changedKey === "order_by") {
+        if (sortShow && (sortList == null ? void 0 : sortList.length)) {
+          const value = changedValues[changedKey];
+          const sortField = ((_b = (_a = value == null ? void 0 : value.split) == null ? void 0 : _a.call(value, ":")) == null ? void 0 : _b[0]) || "";
+          const remoteSortKeys = sortList.filter((item) => !item.localFilter).map((item) => {
+            var _a2;
+            return (_a2 = item.name) == null ? void 0 : _a2.toString();
+          });
+          const result = remoteSortKeys.includes(sortField);
+          if (sortField === "" && lastIsRemoteSort.current) {
+            lastIsRemoteSort.current = false;
+            return true;
+          }
+          if (sortField !== "") {
+            lastIsRemoteSort.current = result;
+          }
+          return result;
+        }
+      }
       if (changedKey === "filters") {
-        const filterKey = ((_a = Object.keys(changedValues.filters)) == null ? void 0 : _a[0]) || "";
+        const filterKey = ((_c = Object.keys(changedValues.filters)) == null ? void 0 : _c[0]) || "";
         if (show && (list == null ? void 0 : list.length)) {
-          const remoteFilterKeys = list.filter((item) => !item.localFilter).map((item) => item.name);
+          const remoteFilterKeys = list.filter((item) => !item.localFilter).map((item) => {
+            var _a2;
+            return (_a2 = item.name) == null ? void 0 : _a2.toString();
+          });
           return remoteFilterKeys.includes(filterKey);
         }
       }

package/lib/components/table/index.less

@@ -69,10 +69,25 @@
   .pisell-lowcode-table-wrapper .pisell-lowcode-table.pisell-lowcode-table-bordered >.pisell-lowcode-table-container {
     border-left: none;
   }
-  .pisell-lowcode-table-wrapper .pisell-lowcode-table-thead tr td:first-child {
+  .pisell-lowcode-table-wrapper .pisell-lowcode-table-bordered .pisell-lowcode-table-thead tr td:first-child {
     border-left: 1px solid #EAECF0;
   }
-  .pisell-lowcode-table-wrapper .pisell-lowcode-table-thead tr th:first-child {
+  .pisell-lowcode-table-wrapper .pisell-lowcode-table-bordered .pisell-lowcode-table-thead tr th:first-child {
     border-left: 1px solid #EAECF0;
   }
+  div.pisell-lowcode-table-selection-column {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .pisell-lowcode-table-bordered .pisell-lowcode-table-tbody .pisell-lowcode-table-selection-column {
+    border-left: 1px solid #EAECF0;
+  }
+  .drag-sort-cell {
+    .editable-cell-value-wrap {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
 }

package/lib/locales/en-US.d.ts

@@ -28,5 +28,12 @@ declare const _default: {
     "table-column-group-records": string;
     "table-column-drag-sort-disabled-tip": string;
     "table-action-filter-no-filter": string;
+    "table-action-range-picker-presets-today": string;
+    "table-action-range-picker-presets-yesterday": string;
+    "table-action-range-picker-presets-last-3-day": string;
+    "table-action-range-picker-presets-last-7-day": string;
+    "table-action-range-picker-presets-last-14-day": string;
+    "table-action-range-picker-presets-last-30-day": string;
+    "table-action-range-picker-presets-last-90-day": string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -51,5 +51,12 @@ var en_US_default = {
   "table-action-column-title": "Header settings",
   "table-column-group-records": "records",
   "table-column-drag-sort-disabled-tip": "Automatic sorting is enabled, manual dragging is disabled.",
-  "table-action-filter-no-filter": "No filter options available."
+  "table-action-filter-no-filter": "No filter options available.",
+  "table-action-range-picker-presets-today": "Today",
+  "table-action-range-picker-presets-yesterday": "Yesterday",
+  "table-action-range-picker-presets-last-3-day": "Last 3 Days",
+  "table-action-range-picker-presets-last-7-day": "Last 7 Days",
+  "table-action-range-picker-presets-last-14-day": "Last 14 Days",
+  "table-action-range-picker-presets-last-30-day": "Last 30 Days",
+  "table-action-range-picker-presets-last-90-day": "Last 90 Days"
 };

package/lib/locales/zh-CN.d.ts

@@ -28,5 +28,12 @@ declare const _default: {
     "table-column-group-records": string;
     "table-column-drag-sort-disabled-tip": string;
     "table-action-filter-no-filter": string;
+    "table-action-range-picker-presets-today": string;
+    "table-action-range-picker-presets-yesterday": string;
+    "table-action-range-picker-presets-last-3-day": string;
+    "table-action-range-picker-presets-last-7-day": string;
+    "table-action-range-picker-presets-last-14-day": string;
+    "table-action-range-picker-presets-last-30-day": string;
+    "table-action-range-picker-presets-last-90-day": string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -51,5 +51,12 @@ var zh_CN_default = {
   "table-action-column-title": "表头设置",
   "table-column-group-records": "条记录",
   "table-column-drag-sort-disabled-tip": "已开启自动排序，无法手动拖拽",
-  "table-action-filter-no-filter": "没有可用的筛选器。"
+  "table-action-filter-no-filter": "没有可用的筛选器。",
+  "table-action-range-picker-presets-today": "今天",
+  "table-action-range-picker-presets-yesterday": "昨天",
+  "table-action-range-picker-presets-last-3-day": "过去3天",
+  "table-action-range-picker-presets-last-7-day": "过去7天",
+  "table-action-range-picker-presets-last-14-day": "过去14天",
+  "table-action-range-picker-presets-last-30-day": "过去30天",
+  "table-action-range-picker-presets-last-90-day": "过去90天"
 };

package/lib/locales/zh-TW.d.ts

@@ -28,5 +28,12 @@ declare const _default: {
     "table-column-group-records": string;
     "table-column-drag-sort-disabled-tip": string;
     "table-action-filter-no-filter": string;
+    "table-action-range-picker-presets-today": string;
+    "table-action-range-picker-presets-yesterday": string;
+    "table-action-range-picker-presets-last-3-day": string;
+    "table-action-range-picker-presets-last-7-day": string;
+    "table-action-range-picker-presets-last-14-day": string;
+    "table-action-range-picker-presets-last-30-day": string;
+    "table-action-range-picker-presets-last-90-day": string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -51,5 +51,12 @@ var zh_TW_default = {
   "table-action-column-title": "表頭設置",
   "table-column-group-records": "條記錄",
   "table-column-drag-sort-disabled-tip": "已開啟自動排序，無法手動拖曳",
-  "table-action-filter-no-filter": "沒有可用的篩選器。"
+  "table-action-filter-no-filter": "沒有可用的篩選器。",
+  "table-action-range-picker-presets-today": "今天",
+  "table-action-range-picker-presets-yesterday": "昨天",
+  "table-action-range-picker-presets-last-3-day": "過去3天",
+  "table-action-range-picker-presets-last-7-day": "過去7天",
+  "table-action-range-picker-presets-last-14-day": "過去14天",
+  "table-action-range-picker-presets-last-30-day": "過去30天",
+  "table-action-range-picker-presets-last-90-day": "過去90天"
 };

package/lowcode/table/meta.ts

@@ -1184,6 +1184,16 @@ export default {
             value: 'target => !!target.getProps().getPropValue("rowSelection")',
           },
         },
+        {
+          name: "rowSelection.columnWidth",
+          title: { label: "自定义列表选择框宽度", tip: "rowSelection.columnWidth | 自定义列表选择框宽度" },
+          propType: {
+            type: "oneOfType",
+            value: ["number", "string"],
+          },
+          setter: ["NumberSetter", "StringSetter", "VariableSetter"],
+          defaultValue: 48,
+        },
         {
           name: "rowSelection.selectedRowKeys",
           title: {
@@ -1918,6 +1928,16 @@ export default {
                           "StringSetter",
                         ],
                       },
+                      {
+                        name: "localFilter",
+                        title: {
+                          label: "开启本地排序",
+                          tip: "开启本地排序时，排序改变会走本地前端排序，关闭时是调用接口对数据更新。",
+                        },
+                        propType: "bool",
+                        setter: "BoolSetter",
+                        defaultValue: true,
+                      },
                       {
                         name: "label",
                         title: { label: "排序项", tip: "排序项展示文案" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "3.0.4",
+  "version": "3.0.6",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -62,8 +62,8 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
     "@pisell/icon": "0.0.8",
-    "@pisell/utils": "1.0.24",
-    "@pisell/date-picker": "1.0.69"
+    "@pisell/date-picker": "1.0.69",
+    "@pisell/utils": "1.0.24"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/dist/umd/materials.min.css

@@ -1 +0,0 @@
-.materials-grid{display:flex;flex-direction:column;height:100%;width:100%}.materials-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-header .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-actions .left-wrap{align-items:center;display:flex;flex:1 1}.materials-grid-actions .left-wrap .pisell-lowcode-form-item{margin-bottom:0}.materials-grid-actions .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions .right-wrap .icon{cursor:pointer;transition:.2s}.materials-grid-actions .right-wrap .icon:hover{color:var(--theme-color)}.materials-grid-actions .right-wrap .button{align-items:center;display:flex;font-size:12px;height:28px;justify-content:center}.filter-dropdown-wrap{display:flex;flex-direction:column;max-height:400px;max-width:calc(100vw - 24px);min-width:250px;padding:4px;width:400px}.filter-dropdown-wrap .filter-dropdown-wrap-content{flex:1 1;overflow:auto}.filter-dropdown-wrap .filter-dropdown-drag-item{align-items:center;background:#f9fafb;background:var(--gray-50,#f9fafb);border-radius:8px;display:flex;margin-bottom:12px;padding:8px 12px 12px}.filter-dropdown-wrap .filter-dropdown-drag-item .dots-six-icon{color:#98a2b3;cursor:pointer;font-size:24px}.filter-dropdown-wrap .filter-dropdown-drag-item .pisell-lowcode-form-item{margin-bottom:0}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right{flex:1 1;margin-left:16px}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right .filter-dropdown-drag-item-title{color:#777;color:var(--text-text-2,#777);font-size:14px;font-style:normal;font-weight:600;line-height:20px}.filter-dropdown-container-wrap{border-bottom:1px solid #e2e2e2;border-bottom:1px solid var(--surface-surface-4,#e2e2e2);margin-bottom:20px;min-height:70px}.filter-dropdown-container-wrap:last-child{border:none}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap{align-items:center;color:#919191;color:var(--text-text-3,#919191);display:flex;font-size:16px;font-style:normal;font-weight:600;line-height:22px;margin-bottom:12px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-title{color:#101828;color:var(--gray-900,#101828);font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-right:6px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-icon-help{color:#98a2b3;color:var(--gray-400,#98a2b3);font-size:20px}.filter-dropdown-container-wrap .filter-dropdown-container-filter-wrap{min-height:80px}.materials-sort-list-empty{color:#5a5a5a;display:block;padding-top:22px;text-align:center}.materials-grid-summary{margin-bottom:16px}.grid-view-table-wrap{position:relative}.materials-grid-paginator{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:center;margin:0!important;padding:0 20px;width:100%}.materials-grid-paginator .pisell-lowcode-pagination-total-text{color:#667085;color:var(--gray-500,#667085);font-size:14px;font-style:normal;font-weight:500;margin-right:auto}.materials-grid-paginator .pisell-lowcode-pagination-item{border:1px solid #d0d5dd;border-radius:0;border-right:0;margin:0;position:relative}.materials-grid-paginator .pisell-lowcode-pagination-jump-next,.materials-grid-paginator .pisell-lowcode-pagination-jump-prev{border:1px solid #d0d5dd;border-radius:0;border-right:none;margin:0}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover .pisell-lowcode-pagination-item-link-icon{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active:hover{border-color:#d0d5dd!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active{background-color:rgba(0,0,0,.06)}.materials-grid-paginator .pisell-lowcode-pagination-item-active a{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-prev{align-items:center;border:1px solid #d0d5dd;border-radius:8px 0 0 8px;border-right:none;display:flex;justify-content:center;margin:0;min-width:auto}.materials-grid-paginator .pisell-lowcode-pagination-next{align-items:center;border:1px solid #d0d5dd;border-radius:0 8px 8px 0;display:flex;justify-content:center;margin:0;min-width:auto}.paginator-page-btn{align-items:center;border-radius:4px 4px 4px 4px;color:#344054;color:var(--gray-700,#344054);cursor:pointer;display:flex;font-size:12px;font-weight:400;justify-content:center;padding:10px 16px;transition:.2s;-ms-user-select:none;user-select:none}.paginator-page-btn .paginator-page-btn-text{font-weight:600}.paginator-page-btn .paginator-page-btn-left-icon,.paginator-page-btn .paginator-page-btn-right-icon{font-size:20px}.paginator-page-btn .paginator-page-btn-left-icon{margin-right:8px}.paginator-page-btn .paginator-page-btn-right-icon{margin-left:8px}.paginator-page-btn.left{margin-right:auto}.paginator-page-btn.left .icon{font-size:18px;margin-right:8px}.paginator-page-btn.right{margin-left:auto}.paginator-page-btn.right .icon{font-size:18px;margin-left:8px;transform:rotate(180deg)}.materials-grid-paginator-mini{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:space-between;margin:0!important;overflow:hidden;padding:0 20px;width:100%}.materials-grid-paginator-mini .paginator-page-btn{padding:8px}.materials-grid-paginator-mini .materials-grid-paginator-center{align-items:center;display:flex;gap:4px;justify-content:center}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-text{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:400}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-value{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator-mini .pisell-lowcode-pagination-next,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev{border:1px solid #d0d5dd;border-radius:8px;margin:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-left-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-left-icon{margin-right:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-right-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-right-icon{margin-left:0}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.materials-grid-table-header-cell{align-items:center;display:flex;height:44px;padding:0 14px}.materials-grid-table-header-cell .field-icon{color:#777;font-size:18px}.materials-grid-table-header-cell .materials-grid-table-header-cell-content{color:#1b1b1b;flex:auto;font-size:14px;font-weight:600;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.materials-grid-table-header-cell .actions{align-items:center;display:flex;gap:8px}.materials-grid-table-header-cell .actions .action{color:#ababab;cursor:pointer;font-size:14px}.editable-cell-value-wrap{height:100%;width:100%}.materials-grid-table-cell{height:1px;padding:0!important}.cell-provider{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:100%;justify-content:center;padding:12px;position:relative;width:100%}.cell-provider.focus{box-shadow:var(--theme-color) 0 0 0 1px!important}