@pisell/materials 1.0.308 → 1.0.312

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/build/lowcode/assets-daily.json +11 -11
  2. package/build/lowcode/assets-dev.json +2 -2
  3. package/build/lowcode/assets-prod.json +11 -11
  4. package/build/lowcode/index.js +1 -1
  5. package/build/lowcode/meta.js +2 -2
  6. package/build/lowcode/preview.js +8 -8
  7. package/build/lowcode/render/default/view.css +1 -1
  8. package/build/lowcode/render/default/view.js +18 -18
  9. package/build/lowcode/view.css +1 -1
  10. package/build/lowcode/view.js +17 -17
  11. package/es/components/table/Actions/component/ColumnsSetting/PopoverContent.js +1 -1
  12. package/es/components/table/Actions/component/ExportImport/components/ExportFile/index.d.ts +4 -0
  13. package/es/components/table/Actions/component/ExportImport/components/ExportFile/index.js +117 -0
  14. package/es/components/table/Actions/component/ExportImport/components/ExportFile/index.less +29 -0
  15. package/es/components/table/Actions/component/ExportImport/components/ExportTable/function.d.ts +1 -0
  16. package/es/components/table/Actions/component/ExportImport/components/ExportTable/function.js +72 -0
  17. package/es/components/table/Actions/component/ExportImport/components/ExportTable/index.d.ts +8 -0
  18. package/es/components/table/Actions/component/ExportImport/components/ExportTable/index.js +41 -0
  19. package/es/components/table/Actions/component/ExportImport/components/ExportTable/index.less +5 -0
  20. package/es/components/table/Actions/component/ExportImport/components/ImportLog/Detail.d.ts +4 -0
  21. package/es/components/table/Actions/component/ExportImport/components/ImportLog/Detail.js +97 -0
  22. package/es/components/table/Actions/component/ExportImport/components/ImportLog/index.d.ts +4 -0
  23. package/es/components/table/Actions/component/ExportImport/components/ImportLog/index.js +111 -0
  24. package/es/components/table/Actions/component/ExportImport/components/ImportLog/index.less +48 -0
  25. package/es/components/table/Actions/component/ExportImport/components/ImportTable/index.d.ts +10 -0
  26. package/es/components/table/Actions/component/ExportImport/components/ImportTable/index.js +128 -0
  27. package/es/components/table/Actions/component/ExportImport/components/ImportTable/index.less +97 -0
  28. package/es/components/table/Actions/component/ExportImport/index.d.ts +8 -0
  29. package/es/components/table/Actions/component/ExportImport/index.js +215 -0
  30. package/es/components/table/Actions/component/ExportImport/index.less +194 -0
  31. package/es/components/table/Actions/component/ExportImport/utils/date.d.ts +8 -0
  32. package/es/components/table/Actions/component/ExportImport/utils/date.js +19 -0
  33. package/es/components/table/Actions/component/ExportImport/utils/download.d.ts +3 -0
  34. package/es/components/table/Actions/component/ExportImport/utils/download.js +39 -0
  35. package/es/components/table/Actions/component/ExportImport/utils/file.d.ts +7 -0
  36. package/es/components/table/Actions/component/ExportImport/utils/file.js +21 -0
  37. package/es/components/table/Actions/index.d.ts +3 -2
  38. package/es/components/table/Actions/index.js +12 -8
  39. package/es/components/table/Table/utils.d.ts +1 -1
  40. package/es/components/table/hooks/useTableSetting.d.ts +2 -1
  41. package/es/components/table/hooks/useTableSetting.js +2 -1
  42. package/es/components/table/index.js +15 -13
  43. package/es/components/table/serve.d.ts +13 -0
  44. package/es/components/table/serve.js +71 -0
  45. package/es/components/table/status.d.ts +19 -0
  46. package/es/components/table/status.js +26 -0
  47. package/es/components/table/types.d.ts +20 -0
  48. package/es/components/table/utils.d.ts +15 -0
  49. package/es/components/table/utils.js +26 -0
  50. package/es/components/virtual-keyboard/Time/index.js +1 -1
  51. package/es/locales/en-US.d.ts +47 -0
  52. package/es/locales/en-US.js +58 -1
  53. package/es/locales/zh-CN.d.ts +47 -0
  54. package/es/locales/zh-CN.js +58 -1
  55. package/es/locales/zh-TW.d.ts +47 -0
  56. package/es/locales/zh-TW.js +58 -1
  57. package/lib/components/table/Actions/component/ColumnsSetting/PopoverContent.js +1 -1
  58. package/lib/components/table/Actions/component/ExportImport/components/ExportFile/index.d.ts +4 -0
  59. package/lib/components/table/Actions/component/ExportImport/components/ExportFile/index.js +131 -0
  60. package/lib/components/table/Actions/component/ExportImport/components/ExportFile/index.less +29 -0
  61. package/lib/components/table/Actions/component/ExportImport/components/ExportTable/function.d.ts +1 -0
  62. package/lib/components/table/Actions/component/ExportImport/components/ExportTable/function.js +71 -0
  63. package/lib/components/table/Actions/component/ExportImport/components/ExportTable/index.d.ts +8 -0
  64. package/lib/components/table/Actions/component/ExportImport/components/ExportTable/index.js +56 -0
  65. package/lib/components/table/Actions/component/ExportImport/components/ExportTable/index.less +5 -0
  66. package/lib/components/table/Actions/component/ExportImport/components/ImportLog/Detail.d.ts +4 -0
  67. package/lib/components/table/Actions/component/ExportImport/components/ImportLog/Detail.js +117 -0
  68. package/lib/components/table/Actions/component/ExportImport/components/ImportLog/index.d.ts +4 -0
  69. package/lib/components/table/Actions/component/ExportImport/components/ImportLog/index.js +122 -0
  70. package/lib/components/table/Actions/component/ExportImport/components/ImportLog/index.less +48 -0
  71. package/lib/components/table/Actions/component/ExportImport/components/ImportTable/index.d.ts +10 -0
  72. package/lib/components/table/Actions/component/ExportImport/components/ImportTable/index.js +112 -0
  73. package/lib/components/table/Actions/component/ExportImport/components/ImportTable/index.less +97 -0
  74. package/lib/components/table/Actions/component/ExportImport/index.d.ts +8 -0
  75. package/lib/components/table/Actions/component/ExportImport/index.js +194 -0
  76. package/lib/components/table/Actions/component/ExportImport/index.less +194 -0
  77. package/lib/components/table/Actions/component/ExportImport/utils/date.d.ts +8 -0
  78. package/lib/components/table/Actions/component/ExportImport/utils/date.js +49 -0
  79. package/lib/components/table/Actions/component/ExportImport/utils/download.d.ts +3 -0
  80. package/lib/components/table/Actions/component/ExportImport/utils/download.js +62 -0
  81. package/lib/components/table/Actions/component/ExportImport/utils/file.d.ts +7 -0
  82. package/lib/components/table/Actions/component/ExportImport/utils/file.js +55 -0
  83. package/lib/components/table/Actions/index.d.ts +3 -2
  84. package/lib/components/table/Actions/index.js +11 -7
  85. package/lib/components/table/Table/utils.d.ts +1 -1
  86. package/lib/components/table/hooks/useTableSetting.d.ts +2 -1
  87. package/lib/components/table/hooks/useTableSetting.js +2 -1
  88. package/lib/components/table/index.js +14 -12
  89. package/lib/components/table/serve.d.ts +13 -0
  90. package/lib/components/table/serve.js +55 -0
  91. package/lib/components/table/status.d.ts +19 -0
  92. package/lib/components/table/status.js +55 -0
  93. package/lib/components/table/types.d.ts +20 -0
  94. package/lib/components/table/utils.d.ts +15 -0
  95. package/lib/components/table/utils.js +40 -0
  96. package/lib/components/virtual-keyboard/Time/index.js +1 -1
  97. package/lib/locales/en-US.d.ts +47 -0
  98. package/lib/locales/en-US.js +52 -1
  99. package/lib/locales/zh-CN.d.ts +47 -0
  100. package/lib/locales/zh-CN.js +52 -1
  101. package/lib/locales/zh-TW.d.ts +47 -0
  102. package/lib/locales/zh-TW.js +52 -1
  103. package/lowcode/table/meta.ts +84 -1
  104. package/lowcode/table/snippets.ts +8 -0
  105. package/package.json +2 -2
  106. package/dist/umd/materials.min.css +0 -1
  107. package/dist/umd/materials.min.js +0 -1
  108. package/dist/umd/static/DotsSix.57d66266.svg +0 -1
  109. package/dist/umd/static/arrow-left.e542294f.svg +0 -1
  110. package/dist/umd/static/arrow-right.763f03e0.svg +0 -1
  111. package/dist/umd/static/filter-lines.04a54ae9.svg +0 -1
  112. package/dist/umd/static/help-circle.31c9be40.svg +0 -1
  113. package/dist/umd/static/switch-vertical-01.7ebe3ba8.svg +0 -1
@@ -50,6 +50,7 @@ var zh_TW_default = {
50
50
  "table-action-group-by-title-tip": "請從下拉式選單中選擇要分組的字段,以便更好地組織和瀏覽數據。",
51
51
  "table-action-column-title": "表頭設置",
52
52
  "table-column-group-records": "條記錄",
53
+ "table-column-group-lock-tip": "固定列不可移動順序",
53
54
  "table-column-drag-sort-disabled-tip": "已開啟自動排序,無法手動拖曳",
54
55
  "table-action-filter-no-filter": "沒有可用的篩選器。",
55
56
  "table-action-range-picker-presets-today": "今天",
@@ -72,5 +73,55 @@ var zh_TW_default = {
72
73
  "batch-editor-what-price": "什麼價格",
73
74
  "batch-editor-quick-edit": "快速編輯",
74
75
  "batch-editor-quick-edit-title": (product, num) => `您已選擇 ${product} 等${num}件產品`,
75
- "batch-editor-quick-edit-title-2": (product) => `您已選擇 ${product}`
76
+ "batch-editor-quick-edit-title-2": (product) => `您已選擇 ${product}`,
77
+ // 导出
78
+ "table-action-export-import-export-success": "導出成功!請在通知中心查看。",
79
+ "table-action-export-import-button": "匯出",
80
+ "table-action-export-import-export-range": "導出範圍",
81
+ "table-action-export-import-current-page": "當前頁面",
82
+ "table-action-export-import-all-records": "所有記錄",
83
+ "table-action-export-import-selected-records": "所選記錄",
84
+ "table-action-export-import-selected": "已選",
85
+ "table-action-export-import-item": "條",
86
+ "table-action-export-import-product": "導出商品",
87
+ // 导入
88
+ "table-action-export-import-table-text-input-title": "單擊或拖動文件到該區域進行上傳",
89
+ "table-action-export-import-table-text-input-describe": "支持單個上傳。嚴禁上傳公司數據或其他band文件。",
90
+ "table-action-export-import-table-error-file": "僅支持上傳.csv,.xls,.xlsx格式的文件!",
91
+ "components.BulkExportTool.export-success": "導出成功!請在通知中心查看。",
92
+ "table-action-export-import-import-success": "導入成功!請在通知中心查看。",
93
+ "table-action-export-import-import-phone": "手機相同的是否覆蓋",
94
+ "table-action-export-import-table-success-download": "下載成功",
95
+ "table-action-export-import-table-textimport-product": "導入商品",
96
+ "table-action-export-import-table-text-product-template": "導入模板",
97
+ "table-action-export-import-table-text-click-download": "點擊下載",
98
+ "table-action-export-import-table-text-edit-file": "替換文件",
99
+ "table-action-export-import-button-import": "導入",
100
+ "table-action-export-import-file-completed": "已完成",
101
+ "table-action-export-import-file-processing": "處理中",
102
+ "table-action-export-import-file-pending": "待處理",
103
+ "table-action-export-import-file-refresh": "刷新",
104
+ "table-action-export-import-export-title": "導出文件",
105
+ "table-action-export-import-file-hint": "僅顯示最近的10次導出記錄",
106
+ "table-action-export-import-file-name": "導出文件",
107
+ "table-action-export-import-file-content": "導出內容",
108
+ "table-action-export-import-file-content-all": "所有",
109
+ "table-action-export-import-file-content-part": "所選",
110
+ "table-action-export-import-file-status": "狀態",
111
+ "table-action-export-import-file-account": "操作人",
112
+ "table-action-export-import-file-created": "操作時間",
113
+ "table-action-export-import-file-record": (length) => `${length} 條記錄`,
114
+ // 导入日志
115
+ "table-action-export-import-import-title": "導入日誌",
116
+ "table-action-export-import-log-hint": "僅顯示最近的10次導入記錄",
117
+ "table-action-export-import-log-name": "導入文件",
118
+ "table-action-export-import-log-result": "導入結果",
119
+ "table-action-export-import-log-ok": (num) => `成功 ${num} 條`,
120
+ "table-action-export-import-log-err": (num) => `, 失败 ${num} 條`,
121
+ "table-action-export-import-log-check": `查看原因`,
122
+ // 导入详情
123
+ "table-action-export-import-log-detail-title": "導入詳情",
124
+ "table-action-export-import-log-err-log": "失敗日誌",
125
+ "table-action-export-import-log-copy": "復製",
126
+ "table-action-export-import-table-success-copy": "復製成功"
76
127
  };
@@ -1690,7 +1690,7 @@ export default {
1690
1690
  componentName: "SelectSetter",
1691
1691
  mode: "single",
1692
1692
  props: (target) => {
1693
- console.log(target.parent.parent.parent,this,'target.parent.parent.parent\n' +
1693
+ console.log(target.parent.parent.parent, this, 'target.parent.parent.parent\n' +
1694
1694
  ' .getPropValue("columns")')
1695
1695
  const fieldsKey = target.parent.parent.parent
1696
1696
  .getPropValue("filter.list")
@@ -2028,6 +2028,69 @@ export default {
2028
2028
  },
2029
2029
  ],
2030
2030
  },
2031
+ {
2032
+ title: { label: "导入导出", tip: "表单的导入导出" },
2033
+ display: "block",
2034
+ type: "group",
2035
+ items: [
2036
+ {
2037
+ name: "exportImport.show",
2038
+ title: { label: "开启导入导出", tip: "开启表单的导入导出" },
2039
+ propType: "bool",
2040
+ setter: "BoolSetter",
2041
+ defaultValue: false,
2042
+ },
2043
+ {
2044
+ name: "exportImport.formId",
2045
+ title: { label: "表单ID", tip: "表单ID" },
2046
+ propType: "string",
2047
+ setter: "StringSetter",
2048
+ condition: {
2049
+ type: "JSFunction",
2050
+ value: 'target => !!target.getProps().getPropValue("exportImport.show")',
2051
+ },
2052
+ },
2053
+ {
2054
+ name: "exportImport.formCode",
2055
+ title: { label: "表单Code", tip: "表单Code|表单的唯一标识" },
2056
+ propType: "string",
2057
+ setter: "StringSetter",
2058
+ condition: {
2059
+ type: "JSFunction",
2060
+ value: 'target => !!target.getProps().getPropValue("exportImport.show")',
2061
+ },
2062
+ },
2063
+ {
2064
+ name: "exportImport.title",
2065
+ title: { label: "标题", tip: "打开弹窗的标题" },
2066
+ propType: "string",
2067
+ setter: "PisellI18nSetter",
2068
+ condition: {
2069
+ type: "JSFunction",
2070
+ value: 'target => !!target.getProps().getPropValue("exportImport.show")',
2071
+ },
2072
+ },
2073
+ {
2074
+ name: "exportImport.templateFileUrl",
2075
+ title: { label: "导入模版链接", tip: "导入模版链接" },
2076
+ propType: "string",
2077
+ setter: "StringSetter",
2078
+ condition: {
2079
+ type: "JSFunction",
2080
+ value: 'target => !!target.getProps().getPropValue("exportImport.show")',
2081
+ },
2082
+ },
2083
+ {
2084
+ name: "exportImport.selectLists",
2085
+ title: { label: "当前所选项", tip: "当前所选择的需要导出的哪些数据" },
2086
+ setter: "ObjectSetter",
2087
+ condition: {
2088
+ type: "JSFunction",
2089
+ value: 'target => !!target.getProps().getPropValue("exportImport.show")',
2090
+ },
2091
+ },
2092
+ ],
2093
+ },
2031
2094
  {
2032
2095
  name: "buttons",
2033
2096
  title: { label: "标题按钮组", tip: "标题右侧按钮项" },
@@ -2193,6 +2256,26 @@ export default {
2193
2256
  template:
2194
2257
  "onExpandableExpand(expanded,record){\n// 点击展开图标时触发\nconsole.log('onRowSelectionChange', expanded, record);}",
2195
2258
  },
2259
+ {
2260
+ name: "onExportChange",
2261
+ template:
2262
+ "onExportChange(expanded,record){\n// 点击展开图标时触发\nconsole.log('onExport', expanded, record);}",
2263
+ },
2264
+ {
2265
+ name: "onImportChange",
2266
+ template:
2267
+ "onImportChange(expanded,record){\n// 点击展开图标时触发\nconsole.log('onExport', expanded, record);}",
2268
+ },
2269
+ {
2270
+ name: "onExportFileChange",
2271
+ template:
2272
+ "onExportFileChange(expanded,record){\n// 点击展开图标时触发\nconsole.log('onExport', expanded, record);}",
2273
+ },
2274
+ {
2275
+ name: "onImportLogChange",
2276
+ template:
2277
+ "onImportLogChange(expanded,record){\n// 点击展开图标时触发\nconsole.log('onExport', expanded, record);}",
2278
+ },
2196
2279
  ],
2197
2280
  },
2198
2281
  },
@@ -82,6 +82,14 @@ export default [
82
82
  content: {},
83
83
  footer: {},
84
84
  },
85
+ exportImport: {
86
+ show: false,
87
+ formId: "",
88
+ formCode: "",
89
+ selectLists: [],
90
+ templateFileUrl: "",
91
+ title: "",
92
+ },
85
93
  },
86
94
  },
87
95
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/materials",
3
- "version": "1.0.308",
3
+ "version": "1.0.312",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.js",
6
6
  "types": "./lib/index.d.ts",
@@ -62,8 +62,8 @@
62
62
  "react-window": "^1.8.10",
63
63
  "react-virtualized-auto-sizer": "^1.0.20",
64
64
  "crypto-js": "^4.2.0",
65
+ "@pisell/icon": "0.0.10",
65
66
  "@pisell/utils": "1.0.27",
66
- "@pisell/icon": "0.0.8",
67
67
  "@pisell/date-picker": "1.0.75"
68
68
  },
69
69
  "peerDependencies": {
@@ -1 +0,0 @@
1
- .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}