@pisell/materials 6.3.4 → 6.4.2

package/lib/index.d.ts

@@ -96,6 +96,7 @@ export { default as PisellTooltip } from './components/pisellTooltip';
 export { default as PisellUpload } from './components/pisellUpload';
 export { default as PisellViewGrid } from './components/pisellViewGrid';
 export { default as PisellWalletPassCard } from './components/pisellWalletPassCard';
+export type { PisellWalletPassCardProps } from './components/pisellWalletPassCard';
 export { default as ProfileMenu } from './components/profileMenu';
 export { default as QRCode } from './components/qrcode';
 export { default as Radio } from './components/radio';

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

@@ -274,5 +274,11 @@ declare const _default: {
     'pisell2.text.goodpass.last-settlement': string;
     'pisell2.text.goodpass.view-more': string;
     'pisell2.text.goodpass.save': string;
+    'pisell-wallet-pass-card-status-used': string;
+    'pisell-wallet-pass-card-status-expired': string;
+    'pisell-wallet-pass-card-status-disabled': string;
+    'pisell-wallet-pass-card-status-conflict': string;
+    'pisell-wallet-pass-card-reset': string;
+    'pisell-wallet-pass-card-done': string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -153,7 +153,7 @@ var en_US_default = {
   "pisell-wallet-pass-card-name": "Name",
   "pisell-wallet-pass-card-store-name": "StoreName",
   "pisell-wallet-pass-card-balance": "Balance",
-  "pisell-wallet-pass-card-redeem": "Redeem",
+  "pisell-wallet-pass-card-redeem": "use",
   "pisell-wallet-pass-card-code": "Code",
   "pisell-wallet-pass-card-valid-to": "Valid to",
   "pisell-wallet-pass-card-confirm": "Confirm",
@@ -326,5 +326,12 @@ var en_US_default = {
   "pisell2.text.goodpass.product-vouchers": "Promotions & Vouchers",
   "pisell2.text.goodpass.last-settlement": "(Last payment)",
   "pisell2.text.goodpass.view-more": "View More",
-  "pisell2.text.goodpass.save": "Save"
+  "pisell2.text.goodpass.save": "Save",
+  // 钱包卡片组件
+  "pisell-wallet-pass-card-status-used": "Used",
+  "pisell-wallet-pass-card-status-expired": "Expired",
+  "pisell-wallet-pass-card-status-disabled": "Disabled",
+  "pisell-wallet-pass-card-status-conflict": "Conflict",
+  "pisell-wallet-pass-card-reset": "Reset",
+  "pisell-wallet-pass-card-done": "Done"
 };

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

@@ -269,5 +269,11 @@ declare const _default: {
     'pisell2.text.goodpass.last-settlement': string;
     'pisell2.text.goodpass.view-more': string;
     'pisell2.text.goodpass.save': string;
+    'pisell-wallet-pass-card-status-used': string;
+    'pisell-wallet-pass-card-status-expired': string;
+    'pisell-wallet-pass-card-status-disabled': string;
+    'pisell-wallet-pass-card-status-conflict': string;
+    'pisell-wallet-pass-card-reset': string;
+    'pisell-wallet-pass-card-done': string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -153,7 +153,7 @@ var zh_CN_default = {
   "pisell-wallet-pass-card-name": "商品名称",
   "pisell-wallet-pass-card-store-name": "共享店铺名称",
   "pisell-wallet-pass-card-balance": "余额",
-  "pisell-wallet-pass-card-redeem": "兑换",
+  "pisell-wallet-pass-card-redeem": "使用",
   "pisell-wallet-pass-card-code": "识别码编号",
   "pisell-wallet-pass-card-valid-to": "有效期至",
   "pisell-wallet-pass-card-confirm": "确认",
@@ -317,5 +317,12 @@ var zh_CN_default = {
   "pisell2.text.goodpass.product-vouchers": "优惠促销",
   "pisell2.text.goodpass.last-settlement": "(上次结算)",
   "pisell2.text.goodpass.view-more": "查看更多",
-  "pisell2.text.goodpass.save": "节省"
+  "pisell2.text.goodpass.save": "节省",
+  // 钱包卡片组件
+  "pisell-wallet-pass-card-status-used": "已使用",
+  "pisell-wallet-pass-card-status-expired": "已过期",
+  "pisell-wallet-pass-card-status-disabled": "已禁用",
+  "pisell-wallet-pass-card-status-conflict": "冲突",
+  "pisell-wallet-pass-card-reset": "清空",
+  "pisell-wallet-pass-card-done": "保存"
 };

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

@@ -269,5 +269,11 @@ declare const _default: {
     'pisell2.text.goodpass.last-settlement': string;
     'pisell2.text.goodpass.view-more': string;
     'pisell2.text.goodpass.save': string;
+    'pisell-wallet-pass-card-status-used': string;
+    'pisell-wallet-pass-card-status-expired': string;
+    'pisell-wallet-pass-card-status-disabled': string;
+    'pisell-wallet-pass-card-status-conflict': string;
+    'pisell-wallet-pass-card-reset': string;
+    'pisell-wallet-pass-card-done': string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -153,7 +153,7 @@ var zh_TW_default = {
   "pisell-wallet-pass-card-name": "商品名稱",
   "pisell-wallet-pass-card-store-name": "共享店鋪名稱",
   "pisell-wallet-pass-card-balance": "餘額",
-  "pisell-wallet-pass-card-redeem": "兌換",
+  "pisell-wallet-pass-card-redeem": "使用",
   "pisell-wallet-pass-card-code": "識別碼編號",
   "pisell-wallet-pass-card-valid-to": "有效期至",
   "pisell-wallet-pass-card-confirm": "確認",
@@ -318,5 +318,12 @@ var zh_TW_default = {
   "pisell2.text.goodpass.product-vouchers": "優惠促銷",
   "pisell2.text.goodpass.last-settlement": "(上次結算)",
   "pisell2.text.goodpass.view-more": "查看更多",
-  "pisell2.text.goodpass.save": "節省"
+  "pisell2.text.goodpass.save": "節省",
+  // 钱包卡片组件
+  "pisell-wallet-pass-card-status-used": "已使用",
+  "pisell-wallet-pass-card-status-expired": "已過期",
+  "pisell-wallet-pass-card-status-disabled": "已禁用",
+  "pisell-wallet-pass-card-status-conflict": "衝突",
+  "pisell-wallet-pass-card-reset": "清空",
+  "pisell-wallet-pass-card-done": "保存"
 };

package/lib/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string | number;
+export declare const getCssNumber: (val: string | number) => string;
 export declare function uuid(): string;
 export * from './mergeWith';

package/lowcode/_setters/antd-icon-setter/index.tsx

@@ -226,11 +226,12 @@ const AntdIconSetter = (props: AntdIconSetterProps) => {
       <Balloon
         className="lc-antd-icon-setter-balloon"
         trigger={triggerNode}
-        needAdjust
+        autoAdjust
         triggerType="click"
         closable={false}
         alignEdge
-        align="lt"
+        align="l"
+        v2
         style={{ width: 300 }}
       >
         <div className="lc-antd-icon-setter-header">

package/lowcode/pisell-card-list/meta.ts

@@ -167,6 +167,50 @@ export default {
           setter: 'BoolSetter',
           defaultValue: true,
         },
+        {
+          type: 'group',
+          title: '商品名称样式',
+          display: 'entry',
+          condition: (target: IPublicModelSettingField) => {
+            return target.parent.getPropValue('showName') === true;
+          },
+          items: [
+            {
+              name: 'nameTitleStyle.fontSize',
+              title: {
+                type: 'i18n',
+                'en-US': 'Font Size',
+                'zh-CN': '字号',
+              },
+              setter: 'NumberSetter'
+            },
+            {
+              name: 'nameTitleStyle.fontWeight',
+              title: {
+                type: 'i18n',
+                'en-US': 'Font Weight',
+                'zh-CN': '字重',
+              },
+              setter: 'NumberSetter'
+            },
+            {
+              name: 'nameTitleStyle.color',
+              title: {
+                type: 'i18n',
+                'en-US': 'Color',
+                'zh-CN': '颜色',
+              },
+              setter: 'ColorSetter'
+            },
+          ]
+        },
+        {
+          name: 'showStatus',
+          title: { label: '显示状态标识', tip: '显示状态标识' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
         {
           name: 'showStoreName',
           title: { label: '显示共享店铺名称', tip: '显示共享店铺名称' },
@@ -258,9 +302,14 @@ export default {
         },
         {
           name: 'onConfirmEdit',
-          templete:
+          template:
             "onConfirmEdit(value, index){\n// 编辑弹窗点击确认\nconsole.log('onConfirmEdit');}",
         },
+        {
+          name: 'onConfirmEditAmount',
+          template:
+            "onConfirmEditAmount(value, index){\n// 编辑金额点击确认\nconsole.log('onConfirmEditAmount');}",
+        },
       ],
     },
   },

package/lowcode/pisell-wallet-pass-card/actionsMeta.ts

@@ -213,5 +213,12 @@ export const actionsMeta = {
         },
       ],
     },
+    {
+      name: 'enableEditAmount',
+      title: { label: '开启编辑金额' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: false,
+    }
   ],
 }

package/lowcode/virtual-keyboard/meta.ts

@@ -21,6 +21,137 @@ const VirtualKeyboardMeta: ComponentMetadata = {
       name: "others",
       setter: ["JsonSetter", "VariableSetter"],
     },
+    {
+      name: 'selectType',
+      title: { label: '选择类型', tip: 'selectType | 选择类型' },
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            { title: 'Light', value: 'light' },
+            { title: 'Dark', value: 'dark' },
+          ],
+        },
+      },
+      defaultValue: 'light',
+      extraProps: {
+        onChange: (value: string, target: any) => {
+          // 根据主题切换自动设置颜色
+          const isLight = value === 'light';
+
+          target.getProps().setPropValue('backgroundColor', isLight ? '#ffffff' : 'rgba(0, 0, 0, 0.70)');
+          target.getProps().setPropValue('containerBackgroundColor', isLight ? '#d0d5dd' : 'rgba(0, 0, 0, 0.40)');
+          target.getProps().setPropValue('buttonBackgroundColor', '#ffffff');
+          target.getProps().setPropValue('textColor', "#000000");
+          target.getProps().setPropValue('keyboardBackgroundColor', isLight ? '#f9f9f9' : 'rgba(0, 0, 0, 0.40)');
+          target.getProps().setPropValue('keyboardButtonBackgroundColor', '#ffffff');
+          target.getProps().setPropValue('keyboardButtonTextColor', '#000000');
+          target.getProps().setPropValue('keyboardButtonHoverColor', '#f5f5f5');
+          target.getProps().setPropValue('primaryButtonBackgroundColor', '#4ca30d');
+          target.getProps().setPropValue('primaryButtonTextColor', '#ffffff');
+        }
+      }
+    },
+    {
+      name: "backgroundColor",
+      title: {
+        label: "背景色",
+        tip: "backgroundColor | 背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#ffffff",
+    },
+    {
+      name: "containerBackgroundColor",
+      title: {
+        label: "容器背景色",
+        tip: "containerBackgroundColor | 容器背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#d0d5dd",
+    },
+    {
+      name: "buttonBackgroundColor",
+      title: {
+        label: "按钮背景色",
+        tip: "buttonBackgroundColor | 按钮背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#ffffff",
+    },
+    {
+      name: "textColor",
+      title: {
+        label: "文本颜色",
+        tip: "textColor | 文本颜色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#000000",
+    },
+    {
+      name: "keyboardBackgroundColor",
+      title: {
+        label: "键盘背景色",
+        tip: "keyboardBackgroundColor | 键盘背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#f9f9f9",
+    },
+    {
+      name: "keyboardButtonBackgroundColor",
+      title: {
+        label: "键盘按钮背景色",
+        tip: "keyboardButtonBackgroundColor | 键盘按钮背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#ffffff",
+    },
+    {
+      name: "keyboardButtonTextColor",
+      title: {
+        label: "键盘按钮文本颜色",
+        tip: "keyboardButtonTextColor | 键盘按钮文本颜色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#000000",
+    },
+    {
+      name: "keyboardButtonHoverColor",
+      title: {
+        label: "键盘按钮悬停颜色",
+        tip: "keyboardButtonHoverColor | 键盘按钮悬停颜色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#f5f5f5",
+    },
+    {
+      name: "primaryButtonBackgroundColor",
+      title: {
+        label: "主要按钮背景色",
+        tip: "primaryButtonBackgroundColor | 主要按钮背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#4ca30d",
+    },
+    {
+      name: "primaryButtonTextColor",
+      title: {
+        label: "主要按钮文本颜色",
+        tip: "primaryButtonTextColor | 主要按钮文本颜色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#ffffff",
+    },
   ],
   configure: {
     supports: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.3.4",
+  "version": "6.4.2",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -55,6 +55,8 @@
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
+    "@react-spring/web": "^9.6.1",
+    "@use-gesture/react": "^10.3.1",
     "@zxing/library": "0.21.2",
     "ahooks": "^3.7.6",
     "antd": "^5.6.3",
@@ -63,17 +65,18 @@
     "crypto-js": "^4.2.0",
     "dayjs": "^1.11.8",
     "libphonenumber-js": "^1.11.17",
+    "react-barcode": "^1.5.3",
     "react-infinite-scroll-component": "^6.1.0",
     "react-resizable": "^3.0.5",
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.10",
     "styled-components": "^6.0.0-rc.3",
     "swiper": "^8.4.7",
-    "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
+    "antd-mobile": "^5.38.1",
+    "@pisell/date-picker": "3.0.6",
     "@pisell/icon": "0.0.11",
-    "@pisell/date-picker": "3.0.4",
-    "@pisell/utils": "3.0.1"
+    "@pisell/utils": "3.0.2"
   },
   "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}