@pisell/materials 3.0.39 → 3.0.41

package/es/components/page/index.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children", "style", "locale"];
+var _excluded = ["children", "style", "className", "locale"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -47,6 +47,7 @@ var Page = function Page(props) {
   var _context$appHelper, _context$engine, _context$engine$props, _localeDateMap;
   var children = props.children,
     style = props.style,
+    className = props.className,
     propsLocale = props.locale,
     others = _objectWithoutProperties(props, _excluded);
   var context = useEngineContext();
@@ -252,7 +253,8 @@ var Page = function Page(props) {
   }, /*#__PURE__*/React.createElement("div", {
     style: _objectSpread(_objectSpread({}, style), {}, {
       '--theme-color': themeColor || '#7F56D9'
-    })
+    }),
+    className: className
   }, children)))))));
 };
 export default Page;

package/es/components/pisell-config-provider/index.js

@@ -4,6 +4,7 @@ import PisellContext, { globalConfig } from "./context";
 import { useResponsive } from "../../hooks";
 import useEngineContext from "../../hooks/useEngineContext";
 import { setMessage } from "../pisellMessage";
+import { setModal } from "../pisellModal/components/functions";
 var platformMap = {
   phone: 'h5',
   pc: 'pc',
@@ -28,6 +29,7 @@ var PisellConfigProvider = function PisellConfigProvider(props) {
   };
   var staticFunction = App.useApp();
   setMessage(staticFunction.message);
+  setModal(staticFunction.modal);
   globalConfig.setConfig(config);
   return /*#__PURE__*/React.createElement(PisellContext.Provider, {
     value: config

package/es/components/pisellModal/components/functions/index.d.ts

@@ -1,12 +1,30 @@
 import { ModalFuncProps } from 'antd';
+import { useAppProps } from 'antd/es/app/context';
 import { PisellContextType } from '../../../pisell-config-provider/context';
 import './index.less';
+declare const setModal: (m: useAppProps['modal']) => void;
 export interface PisellModalFuncProps extends ModalFuncProps {
     platform?: PisellContextType['platform'];
 }
-export declare const info: (props: PisellModalFuncProps) => any;
-export declare const success: (props: PisellModalFuncProps) => any;
-export declare const error: (props: PisellModalFuncProps) => any;
-export declare const warning: (props: PisellModalFuncProps) => any;
+export declare const info: (props: PisellModalFuncProps) => {
+    destroy: () => void;
+    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+};
+export declare const success: (props: PisellModalFuncProps) => {
+    destroy: () => void;
+    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+};
+export declare const error: (props: PisellModalFuncProps) => {
+    destroy: () => void;
+    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+};
+export declare const warning: (props: PisellModalFuncProps) => {
+    destroy: () => void;
+    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+};
 export declare const warn: (props: PisellModalFuncProps) => any;
-export declare const confirm: (props: PisellModalFuncProps) => any;
+export declare const confirm: (props: PisellModalFuncProps) => {
+    destroy: () => void;
+    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+};
+export { setModal };

package/es/components/pisellModal/components/functions/index.js

@@ -4,15 +4,19 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import Modal from "../../../modal";
 import classNames from 'classnames';
 import { globalConfig } from "../../../pisell-config-provider/context";
 import "./index.less";
+var Modal;
+var setModal = function setModal(m) {
+  Modal = m;
+};
 var genConfig = function genConfig(props) {
   var _globalConfig$getConf = globalConfig.getConfig(),
     platform = _globalConfig$getConf.platform;
   return _objectSpread(_objectSpread({}, props), {}, {
     wrapClassName: classNames('pisell-modal-function-wrap', _defineProperty({}, 'pisell-modal-mobile-function-wrap', platform === 'h5')),
+    transitionName: "pisell-move-down",
     cancelButtonProps: _objectSpread({
       block: true,
       size: 'large'
@@ -41,4 +45,5 @@ export var warn = function warn(props) {
 };
 export var confirm = function confirm(props) {
   return Modal.confirm(genConfig(props));
-};
+};
+export { setModal };

package/es/components/pisellModal/index.d.ts

@@ -32,12 +32,27 @@ export interface PisellModalProps extends ModalProps {
 }
 declare const PisellModal: {
     (props: PisellModalProps): React.JSX.Element;
-    confirm: (props: import("./components/functions").PisellModalFuncProps) => any;
-    info: (props: import("./components/functions").PisellModalFuncProps) => any;
-    error: (props: import("./components/functions").PisellModalFuncProps) => any;
+    confirm: (props: import("./components/functions").PisellModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    info: (props: import("./components/functions").PisellModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    error: (props: import("./components/functions").PisellModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
     warn: (props: import("./components/functions").PisellModalFuncProps) => any;
-    warning: (props: import("./components/functions").PisellModalFuncProps) => any;
-    success: (props: import("./components/functions").PisellModalFuncProps) => any;
+    warning: (props: import("./components/functions").PisellModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    success: (props: import("./components/functions").PisellModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
     Information: (props: import("./components/Information").InformationProps) => React.JSX.Element;
 };
 export default PisellModal;

package/lib/components/page/index.js

@@ -69,7 +69,7 @@ var localeDateMap = {
 };
 var Page = (props) => {
   var _a, _b, _c, _d;
-  const { children, style, locale: propsLocale, ...others } = props;
+  const { children, style, className, locale: propsLocale, ...others } = props;
   const context = (0, import_useEngineContext.default)();
   const { platform, themeColor } = ((_a = context.appHelper) == null ? void 0 : _a.constants) || {};
   const locale = propsLocale || ((_c = (_b = context == null ? void 0 : context.engine) == null ? void 0 : _b.props) == null ? void 0 : _c.locale) || "en";
@@ -271,7 +271,8 @@ var Page = (props) => {
         /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(import_pisell_config_provider.default, { locale }, /* @__PURE__ */ import_react.default.createElement(
           "div",
           {
-            style: { ...style, "--theme-color": themeColor || "#7F56D9" }
+            style: { ...style, "--theme-color": themeColor || "#7F56D9" },
+            className
           },
           children
         ))))

package/lib/components/pisell-config-provider/index.js

@@ -38,6 +38,7 @@ var import_context = __toESM(require("./context"));
 var import_hooks = require("../../hooks");
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_pisellMessage = require("../pisellMessage");
+var import_functions = require("../pisellModal/components/functions");
 var platformMap = {
   phone: "h5",
   pc: "pc",
@@ -63,6 +64,7 @@ var PisellConfigProvider = (props) => {
   };
   const staticFunction = import_antd.App.useApp();
   (0, import_pisellMessage.setMessage)(staticFunction.message);
+  (0, import_functions.setModal)(staticFunction.modal);
   import_context.globalConfig.setConfig(config);
   return /* @__PURE__ */ import_react.default.createElement(import_context.default.Provider, { value: config }, children);
 };

package/lib/components/pisellModal/components/functions/index.d.ts

@@ -1,12 +1,30 @@
 import { ModalFuncProps } from 'antd';
+import { useAppProps } from 'antd/es/app/context';
 import { PisellContextType } from '../../../pisell-config-provider/context';
 import './index.less';
+declare const setModal: (m: useAppProps['modal']) => void;
 export interface PisellModalFuncProps extends ModalFuncProps {
     platform?: PisellContextType['platform'];
 }
-export declare const info: (props: PisellModalFuncProps) => any;
-export declare const success: (props: PisellModalFuncProps) => any;
-export declare const error: (props: PisellModalFuncProps) => any;
-export declare const warning: (props: PisellModalFuncProps) => any;
+export declare const info: (props: PisellModalFuncProps) => {
+    destroy: () => void;
+    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+};
+export declare const success: (props: PisellModalFuncProps) => {
+    destroy: () => void;
+    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+};
+export declare const error: (props: PisellModalFuncProps) => {
+    destroy: () => void;
+    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+};
+export declare const warning: (props: PisellModalFuncProps) => {
+    destroy: () => void;
+    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+};
 export declare const warn: (props: PisellModalFuncProps) => any;
-export declare const confirm: (props: PisellModalFuncProps) => any;
+export declare const confirm: (props: PisellModalFuncProps) => {
+    destroy: () => void;
+    update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+};
+export { setModal };

package/lib/components/pisellModal/components/functions/index.js

@@ -32,15 +32,19 @@ __export(functions_exports, {
   confirm: () => confirm,
   error: () => error,
   info: () => info,
+  setModal: () => setModal,
   success: () => success,
   warn: () => warn,
   warning: () => warning
 });
 module.exports = __toCommonJS(functions_exports);
-var import_modal = __toESM(require("../../../modal"));
 var import_classnames = __toESM(require("classnames"));
 var import_context = require("../../../pisell-config-provider/context");
 var import_index = require("./index.less");
+var Modal;
+var setModal = (m) => {
+  Modal = m;
+};
 var genConfig = (props) => {
   const { platform } = import_context.globalConfig.getConfig();
   return {
@@ -48,6 +52,7 @@ var genConfig = (props) => {
     wrapClassName: (0, import_classnames.default)("pisell-modal-function-wrap", {
       ["pisell-modal-mobile-function-wrap"]: platform === "h5"
     }),
+    transitionName: "pisell-move-down",
     cancelButtonProps: {
       block: true,
       size: "large",
@@ -62,28 +67,29 @@ var genConfig = (props) => {
   };
 };
 var info = (props) => {
-  return import_modal.default.info(genConfig(props));
+  return Modal.info(genConfig(props));
 };
 var success = (props) => {
-  return import_modal.default.success(genConfig(props));
+  return Modal.success(genConfig(props));
 };
 var error = (props) => {
-  return import_modal.default.error(genConfig(props));
+  return Modal.error(genConfig(props));
 };
 var warning = (props) => {
-  return import_modal.default.warning(genConfig(props));
+  return Modal.warning(genConfig(props));
 };
 var warn = (props) => {
-  return import_modal.default.warn(genConfig(props));
+  return Modal.warn(genConfig(props));
 };
 var confirm = (props) => {
-  return import_modal.default.confirm(genConfig(props));
+  return Modal.confirm(genConfig(props));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   confirm,
   error,
   info,
+  setModal,
   success,
   warn,
   warning

package/lib/components/pisellModal/index.d.ts

@@ -32,12 +32,27 @@ export interface PisellModalProps extends ModalProps {
 }
 declare const PisellModal: {
     (props: PisellModalProps): React.JSX.Element;
-    confirm: (props: import("./components/functions").PisellModalFuncProps) => any;
-    info: (props: import("./components/functions").PisellModalFuncProps) => any;
-    error: (props: import("./components/functions").PisellModalFuncProps) => any;
+    confirm: (props: import("./components/functions").PisellModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    info: (props: import("./components/functions").PisellModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    error: (props: import("./components/functions").PisellModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
     warn: (props: import("./components/functions").PisellModalFuncProps) => any;
-    warning: (props: import("./components/functions").PisellModalFuncProps) => any;
-    success: (props: import("./components/functions").PisellModalFuncProps) => any;
+    warning: (props: import("./components/functions").PisellModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
+    success: (props: import("./components/functions").PisellModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    };
     Information: (props: import("./components/Information").InformationProps) => React.JSX.Element;
 };
 export default PisellModal;

package/lowcode/page/meta.ts

@@ -25,6 +25,7 @@ const PageMeta: ComponentMetadata = {
     ],
     supports: {
       style: true,
+      className: true,
     },
     component: {
       isContainer: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "3.0.39",
+  "version": "3.0.41",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -63,9 +63,9 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
     "@zxing/library": "0.21.2",
-    "@pisell/date-picker": "1.0.97",
+    "@pisell/utils": "1.0.29",
     "@pisell/icon": "0.0.11",
-    "@pisell/utils": "1.0.28"
+    "@pisell/date-picker": "1.0.98"
   },
   "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}