@pisell/materials 6.0.17 → 6.0.18

package/lib/components/virtual-keyboard/Time/utils.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;
     previewValueArray: string[];
-    previewValueArrayDom: import("react").JSX.Element[];
+    previewValueArrayDom: JSX.Element[];
     previewValueString: string;
     disabled: never[];
 };

package/lib/components/virtual-keyboard/VirtualInput/index.d.ts

@@ -5,5 +5,5 @@ export interface VirtualInputProps extends React.HTMLAttributes<HTMLDivElement>
     autoFocus?: boolean;
     placeholder?: string;
 }
-declare const VirtualInput: (props: VirtualInputProps) => React.JSX.Element;
+declare const VirtualInput: (props: VirtualInputProps) => JSX.Element;
 export default VirtualInput;

package/lib/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { InputProps } from 'antd';
 import './index.less';
 export interface VirtualKeyInputProps extends InputProps {
@@ -8,5 +7,5 @@ export interface VirtualKeyInputProps extends InputProps {
     onValueSelect?: (selected: boolean) => void;
     defaultSelect?: boolean;
 }
-declare const VirtualKeyInput: (props: VirtualKeyInputProps) => React.JSX.Element;
+declare const VirtualKeyInput: (props: VirtualKeyInputProps) => JSX.Element;
 export default VirtualKeyInput;

package/lib/components/virtual-keyboard/index.d.ts

@@ -10,5 +10,5 @@ interface VirtualKeyboardProps extends React.HTMLAttributes<HTMLDivElement> {
     onChange?: (value?: any) => void;
     value?: string;
 }
-declare const VirtualKeyboard: (props: VirtualKeyboardProps) => React.JSX.Element;
+declare const VirtualKeyboard: (props: VirtualKeyboardProps) => JSX.Element;
 export default VirtualKeyboard;

package/lib/hooks/useCssVariables.js

@@ -26,8 +26,7 @@ var import_react = require("react");
 var useCssVariables = (props) => {
   const { variables, ref } = props;
   (0, import_react.useEffect)(() => {
-    if (!ref)
-      return;
+    if (!ref) return;
     Object.entries(variables).forEach(([key, value]) => {
       ref.current.style.setProperty(key, value);
     });

package/lib/hooks/useResponsive.js

@@ -35,8 +35,7 @@ var responsiveConfig = {
 function handleResize() {
   const oldInfo = info;
   calculate();
-  if (oldInfo === info)
-    return;
+  if (oldInfo === info) return;
   for (const subscriber of subscribers) {
     subscriber();
   }
@@ -58,8 +57,7 @@ function calculate() {
 }
 function configResponsive(config) {
   responsiveConfig = config;
-  if (info)
-    calculate();
+  if (info) calculate();
 }
 function useResponsive() {
   if (import_utils.isBrowser && !listening) {
@@ -70,8 +68,7 @@ function useResponsive() {
   }
   const [state, setState] = (0, import_react.useState)(info);
   (0, import_react.useEffect)(() => {
-    if (!import_utils.isBrowser)
-      return;
+    if (!import_utils.isBrowser) return;
     if (!listening) {
       window.addEventListener("resize", handleResize);
     }

package/lib/index.d.ts

@@ -76,6 +76,8 @@ export { default as PisellLoading } from './components/pisellLoading';
 export { default as PisellMenu } from './components/pisellMenu';
 export type { PisellMenuProps } from './components/pisellMenu/types';
 export { default as PisellModal } from './components/pisellModal';
+export { default as PisellQRScanner } from './components/pisellQRScanner';
+export type { PisellQRScannerProps } from './components/pisellQRScanner';
 export { default as PisellRow } from './components/pisellRow';
 export { default as PisellScan } from './components/pisellScan';
 export { default as PisellStatisticList } from './components/pisellStatisticList';

package/lib/index.js

@@ -129,6 +129,7 @@ __export(src_exports, {
   PisellNavigationMenu: () => import_pisellNavigationMenu.default,
   PisellNumberKeyboard: () => import_Number.default,
   PisellPriceKeyboard: () => import_Amount.default,
+  PisellQRScanner: () => import_pisellQRScanner.default,
   PisellRow: () => import_pisellRow.default,
   PisellScan: () => import_pisellScan.default,
   PisellSider: () => import_sider.default,
@@ -264,6 +265,7 @@ var import_sider = __toESM(require("./components/pisellLayout/sider"));
 var import_pisellLoading = __toESM(require("./components/pisellLoading"));
 var import_pisellMenu = __toESM(require("./components/pisellMenu"));
 var import_pisellModal = __toESM(require("./components/pisellModal"));
+var import_pisellQRScanner = __toESM(require("./components/pisellQRScanner"));
 var import_pisellRow = __toESM(require("./components/pisellRow"));
 var import_pisellScan = __toESM(require("./components/pisellScan"));
 var import_pisellStatisticList = __toESM(require("./components/pisellStatisticList"));
@@ -407,6 +409,7 @@ var import_BaseTranslation = __toESM(require("./components/dataSourceComponents/
   PisellNavigationMenu,
   PisellNumberKeyboard,
   PisellPriceKeyboard,
+  PisellQRScanner,
   PisellRow,
   PisellScan,
   PisellSider,

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

@@ -210,5 +210,18 @@ declare const _default: {
     'pisell-data-source-form-app-identifier-start-with-letter': string;
     'pisell-data-source-form-app-identifier-special-ends': string;
     'pisell-data-source-form-app-identifier-consecutive-special': string;
+    'pisell-group-permissions-rule-required': string;
+    'pisell-group-permissions-rule-limit': string;
+    'pisell-data-source-form-app-identifier-letters-only': string;
+    'pisell-data-source-form-app-identifier-alphanumeric': string;
+    "qrscanner-loading": string;
+    "qrscanner-success": string;
+    "qrscanner-success-qrcode": string;
+    "qrscanner-success-barcode": string;
+    "qrscanner-error-upload-image": string;
+    "qrscanner-error-load-failed": string;
+    "qrscanner-error-no-code": string;
+    "qrscanner-error-camera-init": string;
+    "qrscanner-error-process-image": string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -254,5 +254,23 @@ var en_US_default = {
   "pisell-data-source-form-app-identifier-pattern": "Can only contain lowercase letters, numbers, hyphens, dots, and underscores",
   "pisell-data-source-form-app-identifier-start-with-letter": "Must start with a letter",
   "pisell-data-source-form-app-identifier-special-ends": "Cannot end with a hyphen, dot, or underscore",
-  "pisell-data-source-form-app-identifier-consecutive-special": "Cannot contain consecutive hyphens, dots, or underscores"
+  "pisell-data-source-form-app-identifier-consecutive-special": "Cannot contain consecutive hyphens, dots, or underscores",
+  // TODO(reilly): Added new properties to `zh-CN.ts`, so adding them here to avoid errors.
+  // Please update these translations as needed
+  "pisell-group-permissions-rule-required": "Required",
+  "pisell-group-permissions-rule-limit": "Maximum {{num}} characters",
+  "pisell-data-source-form-app-identifier-letters-only": "Must start with a letter",
+  "pisell-data-source-form-app-identifier-alphanumeric": "Can only contain letters, numbers, hyphens, dots, and underscores",
+  "pisell-data-source-form-app-identifier-special-ends": "Cannot end with a hyphen, dot, or underscore",
+  "pisell-data-source-form-app-identifier-consecutive-special": "Cannot contain consecutive hyphens, dots, or underscores",
+  // QR Scanner related texts
+  "qrscanner-loading": "Recognizing QR code...",
+  "qrscanner-success": "Successfully recognized: ",
+  "qrscanner-success-qrcode": "QR code successfully recognized: ",
+  "qrscanner-success-barcode": "Barcode successfully recognized: ",
+  "qrscanner-error-upload-image": "Please upload an image file",
+  "qrscanner-error-load-failed": "Failed to read file",
+  "qrscanner-error-no-code": "No QR code or barcode detected.",
+  "qrscanner-error-camera-init": "Cannot start camera. Please make sure it's authorized.",
+  "qrscanner-error-process-image": "Error processing image"
 };

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

@@ -209,5 +209,14 @@ declare const _default: {
     'pisell-data-source-form-app-identifier-start-with-letter': string;
     'pisell-data-source-form-app-identifier-special-ends': string;
     'pisell-data-source-form-app-identifier-consecutive-special': string;
+    "qrscanner-loading": string;
+    "qrscanner-success": string;
+    "qrscanner-success-qrcode": string;
+    "qrscanner-success-barcode": string;
+    "qrscanner-error-upload-image": string;
+    "qrscanner-error-load-failed": string;
+    "qrscanner-error-no-code": string;
+    "qrscanner-error-camera-init": string;
+    "qrscanner-error-process-image": string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -251,5 +251,15 @@ var zh_CN_default = {
   "pisell-data-source-form-app-identifier-pattern": "只能包含小写字母、数字、连字符、点和下划线",
   "pisell-data-source-form-app-identifier-start-with-letter": "必须以字母开头",
   "pisell-data-source-form-app-identifier-special-ends": "不能以连字符、点或下划线结尾",
-  "pisell-data-source-form-app-identifier-consecutive-special": "不能包含连续的连字符、点或下划线"
+  "pisell-data-source-form-app-identifier-consecutive-special": "不能包含连续的连字符、点或下划线",
+  // QR Scanner 相关文案
+  "qrscanner-loading": "正在识别二维码...",
+  "qrscanner-success": "识别成功: ",
+  "qrscanner-success-qrcode": "二维码识别成功: ",
+  "qrscanner-success-barcode": "条形码识别成功: ",
+  "qrscanner-error-upload-image": "请上传图片文件",
+  "qrscanner-error-load-failed": "读取文件失败",
+  "qrscanner-error-no-code": "未检测到二维码或条形码",
+  "qrscanner-error-camera-init": "无法启动摄像头，请确保已授权",
+  "qrscanner-error-process-image": "处理图像时出错"
 };

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

@@ -209,5 +209,14 @@ declare const _default: {
     'pisell-data-source-form-app-identifier-start-with-letter': string;
     'pisell-data-source-form-app-identifier-special-ends': string;
     'pisell-data-source-form-app-identifier-consecutive-special': string;
+    "qrscanner-loading": string;
+    "qrscanner-success": string;
+    "qrscanner-success-qrcode": string;
+    "qrscanner-success-barcode": string;
+    "qrscanner-error-upload-image": string;
+    "qrscanner-error-load-failed": string;
+    "qrscanner-error-no-code": string;
+    "qrscanner-error-camera-init": string;
+    "qrscanner-error-process-image": string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -253,5 +253,15 @@ var zh_TW_default = {
   "pisell-data-source-form-app-identifier-pattern": "只能包含小寫字母、數字、連字符、點和下劃線",
   "pisell-data-source-form-app-identifier-start-with-letter": "必須以字母開頭",
   "pisell-data-source-form-app-identifier-special-ends": "不能以連字符、點或下劃線結尾",
-  "pisell-data-source-form-app-identifier-consecutive-special": "不能包含連續的連字符、點或下劃線"
+  "pisell-data-source-form-app-identifier-consecutive-special": "不能包含連續的連字符、點或下劃線",
+  // QR Scanner 相關文案
+  "qrscanner-loading": "正在識別二維碼...",
+  "qrscanner-success": "識別成功: ",
+  "qrscanner-success-qrcode": "二維碼識別成功: ",
+  "qrscanner-success-barcode": "條形碼識別成功: ",
+  "qrscanner-error-upload-image": "請上傳圖片文件",
+  "qrscanner-error-load-failed": "讀取文件失敗",
+  "qrscanner-error-no-code": "未檢測到二維碼或條形碼",
+  "qrscanner-error-camera-init": "無法啟動攝像頭，請確保已授權",
+  "qrscanner-error-process-image": "處理圖像時出錯"
 };

package/lib/utils/hoc.d.ts

@@ -1,17 +1,17 @@
-import React, { ComponentType } from 'react';
+import { ComponentType } from 'react';
 /**
  * 简单包装，不做任何处理
  * 部分组件ref比较特殊，包一层会解决这个问题
  */
-export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => React.JSX.Element;
+export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => JSX.Element;
 /**
  * 某些组件会用React.Children.only检查子节点
  * 需要做处理避免报错
  */
-export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;
-export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => React.JSX.Element;
+export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;
+export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => JSX.Element;
 /**
  * moment对象在序列化后会被转为字符串
  * 需要让日期类组件支持接受字符串值
  */
-export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;
+export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;

package/lib/utils/miniRedux.d.ts

@@ -12,6 +12,6 @@ declare const _default: <State extends Record<string, any>, Namespace extends st
             payload: any;
         }) => void;
     }>;
-    Provider: (ComponentUi: any) => (props: any, ref: any) => React.JSX.Element;
+    Provider: (ComponentUi: any) => (props: any, ref: any) => JSX.Element;
 };
 export default _default;

package/lib/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: () => any;

package/lowcode/form-item-input/snippets.ts

@@ -10,7 +10,7 @@ export default [
       props: {
         placeholder: inputPlaceholder,
         allowClear: true,
-        enableQRScanner: false,
+        enableQRScanner: true,
       },
     },
   },

package/lowcode/pisell-qrscanner/meta.ts

@@ -0,0 +1,86 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellQRScanner',
+  title: '二维码扫描器',
+  category: '数据录入',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellQRScanner',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: ''
+  },
+  props: [
+    {
+      name: 'visible',
+      title: { label: '是否可见', tip: '控制扫码界面是否可见' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'showUpload',
+      title: { label: '显示上传图片', tip: '是否显示上传图片按钮，默认开启' },
+      propType: 'bool',
+      defaultValue: true,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'onClose',
+      title: { label: '关闭回调', tip: '扫码界面关闭时的回调函数' },
+      propType: 'func',
+      setter: {
+        componentName: 'FunctionSetter',
+        props: {
+          template: '() => {\n  // 处理关闭事件\n}',
+        },
+      },
+    },
+    {
+      name: 'onScan',
+      title: { label: '扫码成功回调', tip: '扫码成功时的回调函数，参数为扫描结果字符串' },
+      propType: 'func',
+      setter: {
+        componentName: 'FunctionSetter',
+        props: {
+          template: '(result) => {\n  // 处理扫描结果\n  console.log(\'扫描结果:\', result);\n}',
+        },
+      },
+    },
+    {
+      name: 'className',
+      title: { label: '类名', tip: '自定义类名' },
+      propType: 'string',
+      setter: 'StringSetter'
+    },
+    {
+      name: 'style',
+      title: { label: '样式', tip: '自定义样式' },
+      propType: 'object',
+      setter: 'StyleSetter'
+    }
+  ],
+  configure: {
+    component: {
+      isContainer: false
+    },
+    supports: {
+      style: true,
+      className: true
+    },
+    events: {
+      onScan: {
+        description: '扫码成功时触发',
+      },
+      onClose: {
+        description: '扫码界面关闭时触发',
+      }
+    }
+  }
+}; 

package/lowcode/pisell-qrscanner/snippets.ts

@@ -0,0 +1,25 @@
+import { IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: '二维码扫描器',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellQRScanner',
+      props: {
+        visible: false,
+        showUpload: true,
+        onClose: {
+          type: 'JSFunction',
+          value: '() => {\n  // 处理关闭事件\n}'
+        },
+        onScan: {
+          type: 'JSFunction',
+          value: '(result) => {\n  // 处理扫描结果\n  console.log(\'扫描结果:\', result);\n}'
+        }
+      }
+    }
+  }
+];
+
+export default snippets; 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.0.17",
+  "version": "6.0.18",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -67,9 +67,9 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.10",
     "styled-components": "^6.0.0-rc.3",
-    "@pisell/utils": "1.0.42",
     "@pisell/date-picker": "1.0.100",
-    "@pisell/icon": "0.0.11"
+    "@pisell/icon": "0.0.11",
+    "@pisell/utils": "1.0.42"
   },
   "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}