@pisell/materials 2.2.1 → 2.2.3

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

@@ -26,6 +26,7 @@ declare const _default: {
     "table-action-group-by-title-tip": string;
     "table-action-column-title": string;
     "table-column-group-records": string;
+    "table-column-group-lock-tip": string;
     "table-column-drag-sort-disabled-tip": string;
     "table-action-filter-no-filter": string;
     "table-action-range-picker-presets-today": string;
@@ -49,5 +50,51 @@ declare const _default: {
     'batch-editor-what-price': string;
     'batch-editor-quick-edit-title': (product: string, num: string) => string;
     'batch-editor-quick-edit-title-2': (product: string) => string;
+    'table-action-export-import-export-success': string;
+    'table-action-export-import-button': string;
+    'table-action-export-import-export-range': string;
+    'table-action-export-import-current-page': string;
+    'table-action-export-import-all-records': string;
+    'table-action-export-import-selected-records': string;
+    'table-action-export-import-selected': string;
+    'table-action-export-import-item': (length: number) => string;
+    'table-action-export-import-product': string;
+    'table-action-export-import-table-text-input-title': string;
+    'table-action-export-import-table-text-input-describe': string;
+    'table-action-export-import-table-error-file': string;
+    'table-action-export-import-import-success': string;
+    'table-action-export-import-import-phone': string;
+    'table-action-export-import-table-success-download': string;
+    'table-action-export-import-table-textimport-product': string;
+    'table-action-export-import-table-text-product-template': string;
+    'table-action-export-import-table-text-click-download': string;
+    'table-action-export-import-table-text-edit-file': string;
+    'table-action-export-import-button-import': string;
+    'table-action-export-import-cancel': string;
+    'table-action-export-import-file-completed': string;
+    'table-action-export-import-file-processing': string;
+    'table-action-export-import-file-pending': string;
+    'table-action-export-import-file-refresh': string;
+    'table-action-export-import-export-title': string;
+    'table-action-export-import-file-hint': string;
+    'table-action-export-import-file-name': string;
+    'table-action-export-import-file-content': string;
+    'table-action-export-import-file-content-all': string;
+    'table-action-export-import-file-content-part': string;
+    'table-action-export-import-file-status': string;
+    'table-action-export-import-file-account': string;
+    'table-action-export-import-file-created': string;
+    'table-action-export-import-file-record': (length: number) => string;
+    'table-action-export-import-import-title': string;
+    'table-action-export-import-log-hint': string;
+    'table-action-export-import-log-name': string;
+    'table-action-export-import-log-result': string;
+    'table-action-export-import-log-ok': (num: number) => string;
+    'table-action-export-import-log-err': (num: number) => string;
+    'table-action-export-import-log-check': string;
+    'table-action-export-import-log-detail-title': string;
+    'table-action-export-import-log-err-log': string;
+    'table-action-export-import-log-copy': string;
+    'table-action-export-import-table-success-copy': string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -50,6 +50,7 @@ var zh_CN_default = {
   "table-action-group-by-title-tip": "请从下拉菜单中选择要分组的字段，以便更好地组织和浏览数据。",
   "table-action-column-title": "表头设置",
   "table-column-group-records": "条记录",
+  "table-column-group-lock-tip": "固定列不可移动顺序",
   "table-column-drag-sort-disabled-tip": "已开启自动排序，无法手动拖拽",
   "table-action-filter-no-filter": "没有可用的筛选器。",
   "table-action-range-picker-presets-today": "今天",
@@ -72,5 +73,55 @@ var zh_CN_default = {
   "batch-editor-quick-edit": "快速编辑",
   "batch-editor-what-price": "什么价格",
   "batch-editor-quick-edit-title": (product, num) => `您已选择 ${product} 等${num}件商品`,
-  "batch-editor-quick-edit-title-2": (product) => `您已选择 ${product}`
+  "batch-editor-quick-edit-title-2": (product) => `您已选择 ${product}`,
+  // 导出
+  "table-action-export-import-export-success": "导出成功！",
+  "table-action-export-import-button": "导出",
+  "table-action-export-import-export-range": "导出范围",
+  "table-action-export-import-current-page": "当前页面",
+  "table-action-export-import-all-records": "所有记录",
+  "table-action-export-import-selected-records": "所选记录",
+  "table-action-export-import-selected": "已选",
+  "table-action-export-import-item": (length) => `${length} 条`,
+  "table-action-export-import-product": "导出商品",
+  // 导入
+  "table-action-export-import-table-text-input-title": "单击或拖动文件到该区域进行上传",
+  "table-action-export-import-table-text-input-describe": "支持单个上传。严禁上传公司数据或其他band文件。",
+  "table-action-export-import-table-error-file": "仅支持上传.csv,.xls,.xlsx格式的文件!",
+  "table-action-export-import-import-success": "导入成功！",
+  "table-action-export-import-import-phone": "手机相同的是否覆盖",
+  "table-action-export-import-table-success-download": "下载成功",
+  "table-action-export-import-table-textimport-product": "导入商品",
+  "table-action-export-import-table-text-product-template": "导入模板",
+  "table-action-export-import-table-text-click-download": "点击下载",
+  "table-action-export-import-table-text-edit-file": "替换文件",
+  "table-action-export-import-button-import": "导入",
+  "table-action-export-import-cancel": "取消",
+  "table-action-export-import-file-completed": "已完成",
+  "table-action-export-import-file-processing": "处理中",
+  "table-action-export-import-file-pending": "待处理",
+  "table-action-export-import-file-refresh": "刷新",
+  "table-action-export-import-export-title": "导出文件",
+  "table-action-export-import-file-hint": "仅显示最近的10次导出记录",
+  "table-action-export-import-file-name": "导出文件",
+  "table-action-export-import-file-content": "导出内容",
+  "table-action-export-import-file-content-all": "所有",
+  "table-action-export-import-file-content-part": "所选",
+  "table-action-export-import-file-status": "状态",
+  "table-action-export-import-file-account": "操作人",
+  "table-action-export-import-file-created": "操作时间",
+  "table-action-export-import-file-record": (length) => `${length} 条记录`,
+  // 导入日志
+  "table-action-export-import-import-title": "导入日志",
+  "table-action-export-import-log-hint": "仅显示最近的10次导入记录",
+  "table-action-export-import-log-name": "导入文件",
+  "table-action-export-import-log-result": "导入结果",
+  "table-action-export-import-log-ok": (num) => `成功 ${num} 条`,
+  "table-action-export-import-log-err": (num) => `, 失败 ${num} 条`,
+  "table-action-export-import-log-check": `查看原因`,
+  // 导入详情
+  "table-action-export-import-log-detail-title": "导入详情",
+  "table-action-export-import-log-err-log": "失败日志",
+  "table-action-export-import-log-copy": "复制",
+  "table-action-export-import-table-success-copy": "复制成功"
 };

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

@@ -26,6 +26,7 @@ declare const _default: {
     "table-action-group-by-title-tip": string;
     "table-action-column-title": string;
     "table-column-group-records": string;
+    "table-column-group-lock-tip": string;
     "table-column-drag-sort-disabled-tip": string;
     "table-action-filter-no-filter": string;
     "table-action-range-picker-presets-today": string;
@@ -49,5 +50,51 @@ declare const _default: {
     'batch-editor-quick-edit': string;
     'batch-editor-quick-edit-title': (product: string, num: string) => string;
     'batch-editor-quick-edit-title-2': (product: string) => string;
+    'table-action-export-import-export-success': string;
+    'table-action-export-import-button': string;
+    'table-action-export-import-export-range': string;
+    'table-action-export-import-current-page': string;
+    'table-action-export-import-all-records': string;
+    'table-action-export-import-selected-records': string;
+    'table-action-export-import-selected': string;
+    'table-action-export-import-item': (length: number) => string;
+    'table-action-export-import-product': string;
+    'table-action-export-import-table-text-input-title': string;
+    'table-action-export-import-table-text-input-describe': string;
+    'table-action-export-import-table-error-file': string;
+    'table-action-export-import-import-success': string;
+    'table-action-export-import-import-phone': string;
+    'table-action-export-import-table-success-download': string;
+    'table-action-export-import-table-textimport-product': string;
+    'table-action-export-import-table-text-product-template': string;
+    'table-action-export-import-table-text-click-download': string;
+    'table-action-export-import-table-text-edit-file': string;
+    'table-action-export-import-button-import': string;
+    'table-action-export-import-cancel': string;
+    'table-action-export-import-file-completed': string;
+    'table-action-export-import-file-processing': string;
+    'table-action-export-import-file-pending': string;
+    'table-action-export-import-file-refresh': string;
+    'table-action-export-import-export-title': string;
+    'table-action-export-import-file-hint': string;
+    'table-action-export-import-file-name': string;
+    'table-action-export-import-file-content': string;
+    'table-action-export-import-file-content-all': string;
+    'table-action-export-import-file-content-part': string;
+    'table-action-export-import-file-status': string;
+    'table-action-export-import-file-account': string;
+    'table-action-export-import-file-created': string;
+    'table-action-export-import-file-record': (length: number) => string;
+    'table-action-export-import-import-title': string;
+    'table-action-export-import-log-hint': string;
+    'table-action-export-import-log-name': string;
+    'table-action-export-import-log-result': string;
+    'table-action-export-import-log-ok': (num: number) => string;
+    'table-action-export-import-log-err': (num: number) => string;
+    'table-action-export-import-log-check': string;
+    'table-action-export-import-log-detail-title': string;
+    'table-action-export-import-log-err-log': string;
+    'table-action-export-import-log-copy': string;
+    'table-action-export-import-table-success-copy': string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -50,6 +50,7 @@ var zh_TW_default = {
   "table-action-group-by-title-tip": "請從下拉式選單中選擇要分組的字段，以便更好地組織和瀏覽數據。",
   "table-action-column-title": "表頭設置",
   "table-column-group-records": "條記錄",
+  "table-column-group-lock-tip": "固定列不可移動順序",
   "table-column-drag-sort-disabled-tip": "已開啟自動排序，無法手動拖曳",
   "table-action-filter-no-filter": "沒有可用的篩選器。",
   "table-action-range-picker-presets-today": "今天",
@@ -72,5 +73,55 @@ var zh_TW_default = {
   "batch-editor-what-price": "什麼價格",
   "batch-editor-quick-edit": "快速編輯",
   "batch-editor-quick-edit-title": (product, num) => `您已選擇 ${product} 等${num}件產品`,
-  "batch-editor-quick-edit-title-2": (product) => `您已選擇 ${product}`
+  "batch-editor-quick-edit-title-2": (product) => `您已選擇 ${product}`,
+  // 导出
+  "table-action-export-import-export-success": "導出成功！",
+  "table-action-export-import-button": "匯出",
+  "table-action-export-import-export-range": "導出範圍",
+  "table-action-export-import-current-page": "當前頁面",
+  "table-action-export-import-all-records": "所有記錄",
+  "table-action-export-import-selected-records": "所選記錄",
+  "table-action-export-import-selected": "已選",
+  "table-action-export-import-item": (length) => `${length} 條`,
+  "table-action-export-import-product": "導出商品",
+  // 导入
+  "table-action-export-import-table-text-input-title": "單擊或拖動文件到該區域進行上傳",
+  "table-action-export-import-table-text-input-describe": "支持單個上傳。嚴禁上傳公司數據或其他band文件。",
+  "table-action-export-import-table-error-file": "僅支持上傳.csv,.xls,.xlsx格式的文件!",
+  "table-action-export-import-import-success": "導入成功！",
+  "table-action-export-import-import-phone": "手機相同的是否覆蓋",
+  "table-action-export-import-table-success-download": "下載成功",
+  "table-action-export-import-table-textimport-product": "導入商品",
+  "table-action-export-import-table-text-product-template": "導入模板",
+  "table-action-export-import-table-text-click-download": "點擊下載",
+  "table-action-export-import-table-text-edit-file": "替換文件",
+  "table-action-export-import-button-import": "導入",
+  "table-action-export-import-cancel": "取消",
+  "table-action-export-import-file-completed": "已完成",
+  "table-action-export-import-file-processing": "處理中",
+  "table-action-export-import-file-pending": "待處理",
+  "table-action-export-import-file-refresh": "刷新",
+  "table-action-export-import-export-title": "導出文件",
+  "table-action-export-import-file-hint": "僅顯示最近的10次導出記錄",
+  "table-action-export-import-file-name": "導出文件",
+  "table-action-export-import-file-content": "導出內容",
+  "table-action-export-import-file-content-all": "所有",
+  "table-action-export-import-file-content-part": "所選",
+  "table-action-export-import-file-status": "狀態",
+  "table-action-export-import-file-account": "操作人",
+  "table-action-export-import-file-created": "操作時間",
+  "table-action-export-import-file-record": (length) => `${length} 條記錄`,
+  // 导入日志
+  "table-action-export-import-import-title": "導入日誌",
+  "table-action-export-import-log-hint": "僅顯示最近的10次導入記錄",
+  "table-action-export-import-log-name": "導入文件",
+  "table-action-export-import-log-result": "導入結果",
+  "table-action-export-import-log-ok": (num) => `成功 ${num} 條`,
+  "table-action-export-import-log-err": (num) => `, 失败 ${num} 條`,
+  "table-action-export-import-log-check": `查看原因`,
+  // 导入详情
+  "table-action-export-import-log-detail-title": "導入詳情",
+  "table-action-export-import-log-err-log": "失敗日誌",
+  "table-action-export-import-log-copy": "復製",
+  "table-action-export-import-table-success-copy": "復製成功"
 };

package/lowcode/button/meta.ts

@@ -200,7 +200,7 @@ const ButtonMeta: ComponentMetadata = {
             },
             propType: {
               type: "oneOf",
-              value: ["primary", "ghost", "dashed", "danger", "link", "text"],
+              value: ["primary", "default", "ghost", "dashed", "danger", "link", "text"],
             },
             setter: [
               {
@@ -211,6 +211,10 @@ const ButtonMeta: ComponentMetadata = {
                       title: "primary button",
                       value: "primary",
                     },
+                    {
+                      title: "default button",
+                      value: "default",
+                    },
                     {
                       title: "dashed button",
                       value: "dashed",
@@ -220,7 +224,7 @@ const ButtonMeta: ComponentMetadata = {
                       value: "danger",
                     },
                     {
-                      title: "link butto",
+                      title: "link button",
                       value: "link",
                     },
                     {
@@ -305,8 +309,8 @@ const ButtonMeta: ComponentMetadata = {
               },
               tip: "icon | Set the icon component of the button",
             },
-            propType: "node",
-            setter: {
+            propType: { type: "oneOfType", value: ["node"] },
+            setter: [{
               componentName: "SlotSetter",
               initialValue: {
                 type: "JSSlot",
@@ -322,7 +326,8 @@ const ButtonMeta: ComponentMetadata = {
                   },
                 ],
               },
-            },
+              defaultValue: null
+            }],
           },
           {
             name: "block",

package/lowcode/list/meta.ts

@@ -575,7 +575,7 @@ export default {
             tip: 'header | 列表头部',
           },
           propType: 'node',
-          setter: {
+          setter: [{
             componentName: 'SlotSetter',
             initialValue: {
               type: 'JSSlot',
@@ -588,7 +588,7 @@ export default {
                 },
               ],
             },
-          },
+          }],
         },
         {
           name: 'footer',
@@ -597,7 +597,7 @@ export default {
             tip: 'footer | 列表底部',
           },
           propType: 'node',
-          setter: {
+          setter: [{
             componentName: 'SlotSetter',
             initialValue: {
               type: 'JSSlot',
@@ -610,7 +610,7 @@ export default {
                 },
               ],
             },
-          },
+          }],
         },
         {
           name: 'loadMore',
@@ -619,7 +619,7 @@ export default {
             tip: 'loadMore | 加载更多',
           },
           propType: 'node',
-          setter: {
+          setter: [{
             componentName: 'SlotSetter',
             initialValue: {
               type: 'JSSlot',
@@ -632,7 +632,7 @@ export default {
                 },
               ],
             },
-          },
+          }],
         },
       ],
     },

package/lowcode/select-time/meta.ts

@@ -22,23 +22,23 @@ const SelectTimeMeta: ComponentMetadata = {
       setter: ["JsonSetter", "VariableSetter"],
     },
     {
-      title: "popoverProps",
-      name: "弹层的配置项",
+      title: "弹层的配置项",
+      name: "popoverProps",
       setter: ["JsonSetter", "VariableSetter"],
     },
     {
-      title: "timePickerProps",
-      name: "虚拟键盘的配置项",
+      title: "虚拟键盘的配置项",
+      name: "timePickerProps",
       setter: ["JsonSetter", "VariableSetter"],
     },
     {
-      title: "timeProps",
-      name: "时间input框的配置项",
+      title: "时间input框的配置项",
+      name: "timeProps",
       setter: ["JsonSetter", "VariableSetter"],
     },
     {
-      title: "slice",
-      name: "时间切片",
+      title: "时间切片",
+      name: "slice",
       setter: ["JsonSetter", "VariableSetter"],
     },
   ],

package/lowcode/table/meta.ts

@@ -1690,7 +1690,7 @@ export default {
                             componentName: "SelectSetter",
                             mode: "single",
                             props: (target) => {
-                              console.log(target.parent.parent.parent,this,'target.parent.parent.parent\n' +
+                              console.log(target.parent.parent.parent, this, 'target.parent.parent.parent\n' +
                                 '                                  .getPropValue("columns")')
                               const fieldsKey = target.parent.parent.parent
                                 .getPropValue("filter.list")
@@ -2028,6 +2028,69 @@ export default {
         },
       ],
     },
+    {
+      title: { label: "导入导出", tip: "表单的导入导出" },
+      display: "block",
+      type: "group",
+      items: [
+        {
+          name: "exportImport.show",
+          title: { label: "开启导入导出", tip: "开启表单的导入导出" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: false,
+        },
+        {
+          name: "exportImport.formId",
+          title: { label: "表单ID", tip: "表单ID" },
+          propType: "string",
+          setter: "StringSetter",
+          condition: {
+            type: "JSFunction",
+            value: 'target => !!target.getProps().getPropValue("exportImport.show")',
+          },
+        },
+        {
+          name: "exportImport.formCode",
+          title: { label: "表单Code", tip: "表单Code｜表单的唯一标识" },
+          propType: "string",
+          setter: "StringSetter",
+          condition: {
+            type: "JSFunction",
+            value: 'target => !!target.getProps().getPropValue("exportImport.show")',
+          },
+        },
+        {
+          name: "exportImport.title",
+          title: { label: "标题", tip: "打开弹窗的标题" },
+          propType: "string",
+          setter: "PisellI18nSetter",
+          condition: {
+            type: "JSFunction",
+            value: 'target => !!target.getProps().getPropValue("exportImport.show")',
+          },
+        },
+        {
+          name: "exportImport.templateFileUrl",
+          title: { label: "导入模版链接", tip: "导入模版链接" },
+          propType: "string",
+          setter: "StringSetter",
+          condition: {
+            type: "JSFunction",
+            value: 'target => !!target.getProps().getPropValue("exportImport.show")',
+          },
+        },
+        {
+          name: "exportImport.selectLists",
+          title: { label: "当前所选项", tip: "当前所选择的需要导出的哪些数据" },
+          setter: "ObjectSetter",
+          condition: {
+            type: "JSFunction",
+            value: 'target => !!target.getProps().getPropValue("exportImport.show")',
+          },
+        },
+      ],
+    },
     {
       name: "buttons",
       title: { label: "标题按钮组", tip: "标题右侧按钮项" },
@@ -2193,6 +2256,26 @@ export default {
           template:
             "onExpandableExpand(expanded,record){\n// 点击展开图标时触发\nconsole.log('onRowSelectionChange', expanded, record);}",
         },
+        {
+          name: "onExportChange",
+          template:
+            "onExportChange(expanded,record){\n// 点击展开图标时触发\nconsole.log('onExport', expanded, record);}",
+        },
+        {
+          name: "onImportChange",
+          template:
+            "onImportChange(expanded,record){\n// 点击展开图标时触发\nconsole.log('onExport', expanded, record);}",
+        },
+        {
+          name: "onExportFileChange",
+          template:
+            "onExportFileChange(expanded,record){\n// 点击展开图标时触发\nconsole.log('onExport', expanded, record);}",
+        },
+        {
+          name: "onImportLogChange",
+          template:
+            "onImportLogChange(expanded,record){\n// 点击展开图标时触发\nconsole.log('onExport', expanded, record);}",
+        },
       ],
     },
   },

package/lowcode/table/snippets.ts

@@ -82,6 +82,14 @@ export default [
           content: {},
           footer: {},
         },
+        exportImport: {
+          show: false,
+          formId: "",
+          formCode: "",
+          selectLists: [],
+          templateFileUrl: "",
+          title: "",
+        },
       },
     },
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "2.2.1",
+  "version": "2.2.3",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -61,9 +61,9 @@
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
-    "@pisell/utils": "1.0.24",
-    "@pisell/date-picker": "1.0.69",
-    "@pisell/icon": "0.0.8"
+    "@pisell/utils": "1.0.25",
+    "@pisell/icon": "0.0.8",
+    "@pisell/date-picker": "1.0.74"
   },
   "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}