@pisell/materials 1.0.407 → 1.0.409

package/lib/components/table/index.js

@@ -89,9 +89,9 @@ var GridView = (0, import_model.Provider)(
     const filterDefaultRef = (0, import_react.useRef)({});
     const initialValuesRef = (0, import_react.useRef)({});
     const { width } = (0, import_ahooks.useSize)(wrapRef) || {};
+    const debouncedWidth = (0, import_ahooks.useDebounce)(width, { wait: 100 });
     const utils = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils;
     const tableId = (0, import_react.useMemo)(() => {
-      console.log(props, "wh");
       if (props.__designMode === "design") {
         return "designMode-mock-table-id";
       }
@@ -144,13 +144,13 @@ var GridView = (0, import_model.Provider)(
       }
     }, [currentSettingHash, tableId]);
     (0, import_react.useEffect)(() => {
-      if (width) {
+      if (debouncedWidth) {
         modal.dispatch({
           type: "setTableWidth",
-          payload: width || {}
+          payload: debouncedWidth || {}
         });
       }
-    }, [width]);
+    }, [debouncedWidth]);
     const { setTableSetting, tableSetting } = (0, import_useTableSetting.default)({
       tableId,
       filter,

package/lib/components/table/index.less

@@ -9,6 +9,15 @@
   display: flex;
   flex-direction: column;
 
+  .pisell-lowcode-table-body {
+    overscroll-behavior: none;
+  }
+  .pisell-lowcode-table-placeholder {
+    .cell-provider {
+      display: block;
+    }
+  }
+
   .pisell-lowcode-table-thead {
     .pisell-lowcode-table-cell {
       padding: 0 14px;

package/lib/components/table/serve.d.ts

@@ -3,9 +3,11 @@ declare type exportParams = {
     file_name?: string;
     form_id?: string | number;
     code?: string;
+    url?: string;
 };
 export declare const exportData: (params: exportParams) => Promise<any>;
 export declare const batchImport: (params: any) => Promise<any>;
 export declare const importTemplate: (params: exportParams) => Promise<any>;
-export declare const historyData: (params: any) => Promise<any>;
+export declare const getExportFile: (params: any) => Promise<any>;
+export declare const getImportLog: (params: any) => Promise<any>;
 export {};

package/lib/components/table/serve.js

@@ -21,21 +21,53 @@ var serve_exports = {};
 __export(serve_exports, {
   batchImport: () => batchImport,
   exportData: () => exportData,
-  historyData: () => historyData,
+  getExportFile: () => getExportFile,
+  getImportLog: () => getImportLog,
   importTemplate: () => importTemplate
 });
 module.exports = __toCommonJS(serve_exports);
 var import_utils = require("./utils");
+var defaultUrl = {
+  export: "/shop/form/data/export",
+  import: "/shop/form/data/import",
+  export_file: "/shop/form/data/task?type=export",
+  import_log: "/shop/form/data/task?type=import",
+  template: "/shop/form/data/download-template"
+};
+var formatApiParams = (params, type) => {
+  const _url = (params == null ? void 0 : params.url) || (defaultUrl == null ? void 0 : defaultUrl[type]);
+  let _params = { ...params };
+  delete _params.url;
+  return {
+    url: _url,
+    params: { ..._params }
+  };
+};
 var exportData = (params) => {
-  return import_utils.request.getRequest().post(`/shop/form/data/export`, params);
+  const _params = formatApiParams(params, "export");
+  return import_utils.request.getRequest().post(_params == null ? void 0 : _params.url, _params == null ? void 0 : _params.params);
+};
+var batchImport = (params) => {
+  const _params = formatApiParams(params, "import");
+  return import_utils.request.getRequest().post(_params == null ? void 0 : _params.url, params);
+};
+var importTemplate = (params) => {
+  const _params = formatApiParams(params, "template");
+  return import_utils.request.getRequest().post(_params == null ? void 0 : _params.url, _params == null ? void 0 : _params.params);
+};
+var getExportFile = async (params) => {
+  const _params = formatApiParams(params, "export_file");
+  return await import_utils.request.getRequest().get(_params == null ? void 0 : _params.url, _params == null ? void 0 : _params.params);
+};
+var getImportLog = async (params) => {
+  const _params = formatApiParams(params, "import_log");
+  return await import_utils.request.getRequest().get(_params == null ? void 0 : _params.url, _params == null ? void 0 : _params.params);
 };
-var batchImport = (params) => import_utils.request.getRequest().post("/shop/form/data/import", params);
-var importTemplate = (params) => import_utils.request.getRequest().post("/shop/form/data/download-template", params);
-var historyData = async (params) => await import_utils.request.getRequest().get("/shop/form/data/task", params);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   batchImport,
   exportData,
-  historyData,
+  getExportFile,
+  getImportLog,
   importTemplate
 });

package/lib/components/table/types.d.ts

@@ -161,22 +161,35 @@ declare type SortDetail = {
 };
 /** 导入导出模式 */
 export declare type ExportImportModeType = "import" | "export" | "export_file" | "import_log";
+/**
+ * @title: 导出导入api
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-11 15:44
+ */
+export declare type ApiProps = {
+    export?: string;
+    import?: string;
+    export_file: string;
+    import_log?: string;
+    template?: string;
+};
 /**
  * 导入导出配置
  */
 export declare type ExportImportType = {
     /** 是否展示 */
     show: boolean;
-    /** 表id */
-    formId?: string;
-    /** 表key */
-    formCode?: string;
     /** 当前所选项 */
     selectLists: string[];
     /** 导入模版链接 */
     templateFileUrl: string;
     /** 标题 */
     title: string;
+    hiddenKeys?: string[];
+    apiUrl?: ApiProps;
+    otherParams?: any;
 };
 export declare type GridViewProps = {
     columns: any;

package/lib/index.d.ts

@@ -72,6 +72,7 @@ export { default as List } from './components/list';
 export { default as Sort } from './components/sort';
 export { default as InputNumberRange } from './components/input-number-range';
 export { default as LowCodePage } from './components/lowCodePage';
+export { default as PickerView } from './components/picker-view';
 export { default as Segmented } from './components/segmented';
 export { default as VirtualKeyboard } from './components/virtual-keyboard';
 export { default as VirtualKeyboardTime } from './components/virtual-keyboard/Time';
@@ -101,4 +102,5 @@ export { default as PisellAlert } from './components/pisellAlert';
 export { default as PisellCard } from './components/pisellCard';
 export { default as PisellInformationEntry } from './components/pisellInformationEntry';
 export { default as usePisellConfig } from './components/pisell-config-provider/hooks/usePisellConfig';
-export { globalConfig, default as PisellContext } from './components/pisell-config-provider/context';
+export { globalConfig, default as PisellContext, } from './components/pisell-config-provider/context';
+export { default as PisellTags } from './components/pisellTags';

package/lib/index.js

@@ -73,6 +73,7 @@ __export(src_exports, {
   Modal: () => import_modal.default,
   Page: () => import_page.default,
   Pagination: () => import_antd22.Pagination,
+  PickerView: () => import_picker_view.default,
   PisellAlert: () => import_pisellAlert.default,
   PisellCard: () => import_pisellCard.default,
   PisellCardList: () => import_pisellCardList.default,
@@ -89,6 +90,7 @@ __export(src_exports, {
   PisellModal: () => import_pisellModal.default,
   PisellRow: () => import_pisellRow.default,
   PisellScan: () => import_pisellScan.default,
+  PisellTags: () => import_pisellTags.default,
   PisellText: () => import_pisellText.default,
   PisellToast: () => import_pisellToast.default,
   PisellTooltip: () => import_pisellTooltip.default,
@@ -210,6 +212,7 @@ var import_list = __toESM(require("./components/list"));
 var import_sort = __toESM(require("./components/sort"));
 var import_input_number_range = __toESM(require("./components/input-number-range"));
 var import_lowCodePage = __toESM(require("./components/lowCodePage"));
+var import_picker_view = __toESM(require("./components/picker-view"));
 var import_segmented = __toESM(require("./components/segmented"));
 var import_virtual_keyboard = __toESM(require("./components/virtual-keyboard"));
 var import_Time = __toESM(require("./components/virtual-keyboard/Time"));
@@ -240,6 +243,7 @@ var import_pisellCard = __toESM(require("./components/pisellCard"));
 var import_pisellInformationEntry = __toESM(require("./components/pisellInformationEntry"));
 var import_usePisellConfig = __toESM(require("./components/pisell-config-provider/hooks/usePisellConfig"));
 var import_context = __toESM(require("./components/pisell-config-provider/context"));
+var import_pisellTags = __toESM(require("./components/pisellTags"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -286,6 +290,7 @@ var import_context = __toESM(require("./components/pisell-config-provider/contex
   Modal,
   Page,
   Pagination,
+  PickerView,
   PisellAlert,
   PisellCard,
   PisellCardList,
@@ -302,6 +307,7 @@ var import_context = __toESM(require("./components/pisell-config-provider/contex
   PisellModal,
   PisellRow,
   PisellScan,
+  PisellTags,
   PisellText,
   PisellToast,
   PisellTooltip,

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

@@ -97,6 +97,18 @@ declare const _default: {
     'table-action-export-import-log-copy': string;
     'table-action-export-import-table-success-copy': string;
     'drag-sort-tree-unavailable-today-tip': string;
+    'date-picker-today': string;
+    'date-picker-yesterday': string;
+    'date-picker-tomorrow': string;
+    'date-picker-next_monday': string;
+    'date-picker-last_friday': string;
+    'date-picker-first_day_of_this_month': string;
+    'date-picker-last_day_of_this_month': string;
+    'date-picker-first_day_of_next_month': string;
+    'date-picker-last_day_of_last_month': string;
+    'date-picker-invalid-date': string;
+    "date-picker-apply": string;
+    'date-picker-shortcut-custom': string;
     'pisell-input-copy-success': string;
     'pisell-input-copy': string;
     'pisell-empty-description-no-data': string;

package/lib/locales/en-US.js

@@ -125,6 +125,19 @@ var en_US_default = {
   "table-action-export-import-log-copy": "Copy",
   "table-action-export-import-table-success-copy": "Copy Success",
   "drag-sort-tree-unavailable-today-tip": "Unavailable today",
+  // 日期组件
+  "date-picker-today": "Today",
+  "date-picker-yesterday": "Yesterday",
+  "date-picker-tomorrow": "Tomorrow",
+  "date-picker-next_monday": "Next monday",
+  "date-picker-last_friday": "Last friday",
+  "date-picker-first_day_of_this_month": "First day of this month",
+  "date-picker-last_day_of_this_month": "Last day of this month",
+  "date-picker-first_day_of_next_month": "First day of next month",
+  "date-picker-last_day_of_last_month": "Last day of last month",
+  "date-picker-invalid-date": "Invalid date",
+  "date-picker-apply": "Apply",
+  "date-picker-shortcut-custom": "Custom",
   "pisell-input-copy-success": "Copy Success",
   "pisell-input-copy": "Copy",
   // 空状态

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

@@ -97,6 +97,18 @@ declare const _default: {
     'table-action-export-import-log-copy': string;
     'table-action-export-import-table-success-copy': string;
     'drag-sort-tree-unavailable-today-tip': string;
+    'date-picker-today': string;
+    'date-picker-yesterday': string;
+    'date-picker-tomorrow': string;
+    'date-picker-next_monday': string;
+    'date-picker-last_friday': string;
+    'date-picker-first_day_of_this_month': string;
+    'date-picker-last_day_of_this_month': string;
+    'date-picker-first_day_of_next_month': string;
+    'date-picker-last_day_of_last_month': string;
+    'date-picker-invalid-date': string;
+    "date-picker-apply": string;
+    'date-picker-shortcut-custom': string;
     'pisell-input-copy-success': string;
     'pisell-input-copy': string;
     'pisell-empty-description-no-data': string;

package/lib/locales/zh-CN.js

@@ -125,6 +125,19 @@ var zh_CN_default = {
   "table-action-export-import-log-copy": "复制",
   "table-action-export-import-table-success-copy": "复制成功",
   "drag-sort-tree-unavailable-today-tip": "今日不可用",
+  // 日期组件
+  "date-picker-today": "今天",
+  "date-picker-yesterday": "昨天",
+  "date-picker-tomorrow": "明天",
+  "date-picker-next_monday": "下个星期一",
+  "date-picker-last_friday": "上个星期五",
+  "date-picker-first_day_of_this_month": "本月的第一天",
+  "date-picker-last_day_of_this_month": "本月的最后一天",
+  "date-picker-first_day_of_next_month": "下个月的第一天",
+  "date-picker-last_day_of_last_month": "上个月的最后一天",
+  "date-picker-invalid-date": "无效日期",
+  "date-picker-apply": "确定",
+  "date-picker-shortcut-custom": "自定义",
   "pisell-input-copy-success": "复制成功",
   "pisell-input-copy": "复制",
   // 空状态

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

@@ -97,6 +97,18 @@ declare const _default: {
     'table-action-export-import-log-copy': string;
     'table-action-export-import-table-success-copy': string;
     'drag-sort-tree-unavailable-today-tip': string;
+    'date-picker-today': string;
+    'date-picker-yesterday': string;
+    'date-picker-tomorrow': string;
+    'date-picker-next_monday': string;
+    'date-picker-last_friday': string;
+    'date-picker-first_day_of_this_month': string;
+    'date-picker-last_day_of_this_month': string;
+    'date-picker-first_day_of_next_month': string;
+    'date-picker-last_day_of_last_month': string;
+    'date-picker-invalid-date': string;
+    "date-picker-apply": string;
+    'date-picker-shortcut-custom': string;
     'pisell-input-copy-success': string;
     'pisell-input-copy': string;
     'pisell-empty-description-no-data': string;

package/lib/locales/zh-TW.js

@@ -125,6 +125,19 @@ var zh_TW_default = {
   "table-action-export-import-log-copy": "復製",
   "table-action-export-import-table-success-copy": "復製成功",
   "drag-sort-tree-unavailable-today-tip": "今日不可用",
+  // 日期组件
+  "date-picker-today": "今天",
+  "date-picker-yesterday": "昨天",
+  "date-picker-tomorrow": "明天",
+  "date-picker-next_monday": "下個星期一",
+  "date-picker-last_friday": "上個星期五",
+  "date-picker-first_day_of_this_month": "本月的第一天",
+  "date-picker-last_day_of_this_month": "本月的最後一天",
+  "date-picker-first_day_of_next_month": "下個月的第一天",
+  "date-picker-last_day_of_last_month": "上個月的最後一天",
+  "date-picker-invalid-date": "無效日期",
+  "date-picker-apply": "确定",
+  "date-picker-shortcut-custom": "自定義",
   "pisell-input-copy-success": "復製成功",
   "pisell-input-copy": "復製",
   // 空状态

package/lowcode/table/meta.ts

@@ -2111,29 +2111,37 @@ export default {
         },
         {
           name: "exportImport.apiUrl",
-          title: { label: "接口地址", tip: "接口地址 | '/shop/order/task'" },
-          propType: "string",
-          setter: "StringSetter",
-          condition: {
-            type: "JSFunction",
-            value: 'target => !!target.getProps().getPropValue("exportImport.show")',
-          },
-        },
-        {
-          name: "exportImport.formId",
-          title: { label: "表单ID", tip: "表单ID" },
-          propType: "string",
-          setter: "StringSetter",
+          title: { label: "接口地址", tip: "接口地址 | [{export: '/shop/order/task'}]" },
+          setter: "ObjectSetter",
           condition: {
             type: "JSFunction",
             value: 'target => !!target.getProps().getPropValue("exportImport.show")',
           },
         },
-        {
-          name: "exportImport.formCode",
-          title: { label: "表单Code", tip: "表单Code｜表单的唯一标识" },
-          propType: "string",
-          setter: "StringSetter",
+        // {
+        //   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.otherParams",
+          title: { label: "接口其他参数", tip: "接口其他参数" },
+          setter: "ObjectSetter",
           condition: {
             type: "JSFunction",
             value: 'target => !!target.getProps().getPropValue("exportImport.show")',

package/lowcode/table/snippets.ts

@@ -84,12 +84,11 @@ export default [
         },
         exportImport: {
           show: false,
-          formId: "",
-          formCode: "",
           selectLists: [],
           templateFileUrl: "",
           title: "",
-          hiddenKeys: []
+          hiddenKeys: [],
+          otherParams: {}
         },
       },
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.407",
+  "version": "1.0.409",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -64,9 +64,9 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
     "@zxing/library": "0.21.2",
-    "@pisell/utils": "1.0.41",
+    "@pisell/utils": "1.0.42",
     "@pisell/icon": "0.0.10",
-    "@pisell/date-picker": "1.0.108"
+    "@pisell/date-picker": "1.0.109"
   },
   "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}