@pisell/materials 1.0.277 → 1.0.279

package/es/components/filter/components/FilterButton/index.js

@@ -46,7 +46,7 @@ var Filter = function Filter(_ref) {
     getPopupContainer: function getPopupContainer() {
       return ref.current;
     },
-    mouseEnterDelay: 0,
+    mouseEnterDelay: 0.1,
     transitionName: "test"
   }, /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(FilterLines, null),

package/es/components/table/Table/utils.d.ts

@@ -72,7 +72,10 @@ export declare const setTableSettingToLocalStorage: ({ tableId, tableSettingObj,
     }>;
     currentViewMode: ModeType;
     currentSettingHash: string;
-}) => void;
+}) => {
+    key: string;
+    value: Record<string, any>;
+} | undefined;
 export declare const clearTableSettingToLocalStorage: (tableId?: string) => void;
 /**
  * 从本地存储中获取表格设置, 全部配置
@@ -103,7 +106,16 @@ export declare const setFormValuesToLocalStorage: ({ tableId, allValues, keys, c
     keys?: string[] | undefined;
     currentViewMode: ModeType;
     currentSettingHash: string;
-}) => void;
+}) => {
+    key: string;
+    value: Record<string, any>;
+} | undefined;
+/**
+ * 获取表格键值
+ * @param tableId 表格ID
+ * @returns 返回格式化后的表格键值
+ */
+export declare const getTableKey: (tableId: string) => string;
 /**
  * 合并筛选设置
  * @param list 列表数据

package/es/components/table/Table/utils.js

@@ -267,6 +267,10 @@ export var setTableSettingToLocalStorage = function setTableSettingToLocalStorag
     currentSettingHash: currentSettingHash
   }, currentViewMode, _objectSpread(_objectSpread({}, newData[currentViewMode] || {}), itemSetting)));
   localStorage.setItem(getTableKey(tableId), JSON.stringify(newData));
+  return {
+    key: getTableKey(tableId),
+    value: newData
+  };
 };
 export var clearTableSettingToLocalStorage = function clearTableSettingToLocalStorage(tableId) {
   if (!tableId) return;
@@ -323,7 +327,7 @@ export var setFormValuesToLocalStorage = function setFormValuesToLocalStorage(_r
   keys === null || keys === void 0 ? void 0 : keys.forEach(function (key) {
     obj[key] = allValues === null || allValues === void 0 ? void 0 : allValues[key];
   });
-  setTableSettingToLocalStorage({
+  return setTableSettingToLocalStorage({
     tableId: tableId,
     tableSettingObj: obj,
     currentViewMode: currentViewMode,
@@ -336,7 +340,7 @@ export var setFormValuesToLocalStorage = function setFormValuesToLocalStorage(_r
  * @param tableId 表格ID
  * @returns 返回格式化后的表格键值
  */
-var getTableKey = function getTableKey(tableId) {
+export var getTableKey = function getTableKey(tableId) {
   return "".concat(tableKeyPrefix, "-").concat(tableId);
 };
 

package/es/components/table/hooks/useTableSetting.js

@@ -6,7 +6,9 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 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 { useMemo } from "react";
 import { getSettingKeyArrByMode, getTableSettingByCurrentViewMode, getTableSettingFromLocalStorage, mergeColumnSetting, mergeFilterSetting, setFormValuesToLocalStorage } from "../Table/utils";
+import useEngineContext from "../../../hooks/useEngineContext";
 var useTableSetting = function useTableSetting(params) {
+  var _context$appHelper;
   var tableId = params.tableId,
     filter = params.filter,
     columnSetting = params.columnSetting,
@@ -17,6 +19,10 @@ var useTableSetting = function useTableSetting(params) {
     propsColumns = params.columns,
     gallery = params.gallery,
     currentSettingHash = params.currentSettingHash;
+  var context = useEngineContext();
+  var _ref = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {},
+    isTerminal = _ref.isTerminal,
+    interaction = _ref.interaction;
   var columnsMap = useMemo(function () {
     return new Map(propsColumns.map(function (item) {
       return [item.key, item];
@@ -37,10 +43,10 @@ var useTableSetting = function useTableSetting(params) {
     }
     return propsColumns;
   }, [propsColumns, currentViewMode, gallery, columnsMap]);
-  var _ref = filter || {},
-    list = _ref.list,
-    quickFilterMaxLength = _ref.quickFilterMaxLength,
-    sortButtonShow = _ref.sortButtonShow;
+  var _ref2 = filter || {},
+    list = _ref2.list,
+    quickFilterMaxLength = _ref2.quickFilterMaxLength,
+    sortButtonShow = _ref2.sortButtonShow;
   var defaultGalleryCoverSetting = useMemo(function () {
     var _gallery$cover, _columns$find;
     return {
@@ -156,13 +162,24 @@ var useTableSetting = function useTableSetting(params) {
    * @param values
    */
   var setTableSetting = function setTableSetting(values) {
-    setFormValuesToLocalStorage({
+    var result = setFormValuesToLocalStorage({
       tableId: tableId,
       allValues: values,
       keys: localStorageSettingKeyArr,
       currentViewMode: currentViewMode,
       currentSettingHash: currentSettingHash
     });
+    if (isTerminal() && result) {
+      var _interaction$utils, _interaction$utils$po;
+      interaction === null || interaction === void 0 ? void 0 : (_interaction$utils = interaction.utils) === null || _interaction$utils === void 0 ? void 0 : (_interaction$utils$po = _interaction$utils.postMessageToApp) === null || _interaction$utils$po === void 0 ? void 0 : _interaction$utils$po.call(_interaction$utils, {
+        module: "global",
+        key: "local_storage",
+        data: {
+          type: "set",
+          value: _defineProperty({}, result.key, result.value)
+        }
+      });
+    }
   };
   var tableSetting = useMemo(function () {
     return _objectSpread(_objectSpread({}, tableLocalSetting), defaultTableSetting);

package/es/components/table/index.js

@@ -25,7 +25,7 @@ import { Provider, Context, formatColumn } from "./model";
 import useEngineContext from "../../hooks/useEngineContext";
 import useTableSetting from "./hooks/useTableSetting";
 import useTriggerValuesChange from "./hooks/useTriggerValuesChange";
-import { clearTableSettingToLocalStorage, getCurrentViewModeFromLocalStorage, getHash, getTableSettingFromLocalStorage, mergeColumnSetting, omit, stringify } from "./Table/utils";
+import { clearTableSettingToLocalStorage, getCurrentViewModeFromLocalStorage, getHash, getTableKey, getTableSettingFromLocalStorage, mergeColumnSetting, omit, stringify } from "./Table/utils";
 import useTransSortSetting from "./hooks/useTransSortSetting";
 import useTransFilterSetting from "./hooks/useTransFilterSetting";
 import useTransDataSourceGroupSetting from "./hooks/useTransDataSourceGroupSetting";
@@ -109,6 +109,17 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
     var setting = getTableSettingFromLocalStorage(tableId);
     if (setting.currentSettingHash !== currentSettingHash) {
       clearTableSettingToLocalStorage(tableId);
+      if (utils !== null && utils !== void 0 && utils.isTerminal() && tableId) {
+        var _utils$interaction, _utils$interaction$ut, _utils$interaction$ut2;
+        utils === null || utils === void 0 ? void 0 : (_utils$interaction = utils.interaction) === null || _utils$interaction === void 0 ? void 0 : (_utils$interaction$ut = _utils$interaction.utils) === null || _utils$interaction$ut === void 0 ? void 0 : (_utils$interaction$ut2 = _utils$interaction$ut.postMessageToApp) === null || _utils$interaction$ut2 === void 0 ? void 0 : _utils$interaction$ut2.call(_utils$interaction$ut, {
+          module: "global",
+          key: "local_storage",
+          data: {
+            type: "remove",
+            key: getTableKey(tableId)
+          }
+        });
+      }
     }
   }, [currentSettingHash, tableId]);
   var _useTableSetting = useTableSetting({

package/lib/components/filter/components/FilterButton/index.js

@@ -73,7 +73,7 @@ var Filter = ({
       content,
       arrow: false,
       getPopupContainer: () => ref.current,
-      mouseEnterDelay: 0,
+      mouseEnterDelay: 0.1,
       transitionName: "test"
     },
     /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_FilterLines.default, null), size: "large" }, isMobileBool ? null : (0, import_locales.getText)("table-action-filter-button"))

package/lib/components/table/Table/utils.d.ts

@@ -72,7 +72,10 @@ export declare const setTableSettingToLocalStorage: ({ tableId, tableSettingObj,
     }>;
     currentViewMode: ModeType;
     currentSettingHash: string;
-}) => void;
+}) => {
+    key: string;
+    value: Record<string, any>;
+} | undefined;
 export declare const clearTableSettingToLocalStorage: (tableId?: string) => void;
 /**
  * 从本地存储中获取表格设置, 全部配置
@@ -103,7 +106,16 @@ export declare const setFormValuesToLocalStorage: ({ tableId, allValues, keys, c
     keys?: string[] | undefined;
     currentViewMode: ModeType;
     currentSettingHash: string;
-}) => void;
+}) => {
+    key: string;
+    value: Record<string, any>;
+} | undefined;
+/**
+ * 获取表格键值
+ * @param tableId 表格ID
+ * @returns 返回格式化后的表格键值
+ */
+export declare const getTableKey: (tableId: string) => string;
 /**
  * 合并筛选设置
  * @param list 列表数据

package/lib/components/table/Table/utils.js

@@ -36,6 +36,7 @@ __export(utils_exports, {
   getHash: () => getHash,
   getIdByRowKey: () => getIdByRowKey,
   getSettingKeyArrByMode: () => getSettingKeyArrByMode,
+  getTableKey: () => getTableKey,
   getTableSettingByCurrentViewMode: () => getTableSettingByCurrentViewMode,
   getTableSettingFromLocalStorage: () => getTableSettingFromLocalStorage,
   groupDataSource: () => groupDataSource,
@@ -267,6 +268,10 @@ var setTableSettingToLocalStorage = ({
     }
   };
   localStorage.setItem(getTableKey(tableId), JSON.stringify(newData));
+  return {
+    key: getTableKey(tableId),
+    value: newData
+  };
 };
 var clearTableSettingToLocalStorage = (tableId) => {
   if (!tableId)
@@ -303,7 +308,7 @@ var setFormValuesToLocalStorage = ({
   keys == null ? void 0 : keys.forEach((key) => {
     obj[key] = allValues == null ? void 0 : allValues[key];
   });
-  setTableSettingToLocalStorage({
+  return setTableSettingToLocalStorage({
     tableId,
     tableSettingObj: obj,
     currentViewMode,
@@ -457,6 +462,7 @@ var stringify = (obj) => {
   getHash,
   getIdByRowKey,
   getSettingKeyArrByMode,
+  getTableKey,
   getTableSettingByCurrentViewMode,
   getTableSettingFromLocalStorage,
   groupDataSource,

package/lib/components/table/hooks/useTableSetting.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/table/hooks/useTableSetting.ts
@@ -24,7 +34,9 @@ __export(useTableSetting_exports, {
 module.exports = __toCommonJS(useTableSetting_exports);
 var import_react = require("react");
 var import_utils = require("../Table/utils");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
 var useTableSetting = (params) => {
+  var _a;
   const {
     tableId,
     filter,
@@ -37,27 +49,29 @@ var useTableSetting = (params) => {
     gallery,
     currentSettingHash
   } = params;
+  const context = (0, import_useEngineContext.default)();
+  const { isTerminal, interaction } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
   const columnsMap = (0, import_react.useMemo)(() => {
     return new Map(propsColumns.map((item) => [item.key, item]));
   }, [propsColumns]);
   const columns = (0, import_react.useMemo)(() => {
-    var _a;
+    var _a2;
     if (currentViewMode === "grid") {
       return propsColumns;
     } else if (currentViewMode === "gallery") {
-      return (((_a = gallery == null ? void 0 : gallery.content) == null ? void 0 : _a.fields) || []).filter((item) => item.show).map((item) => columnsMap.get(item.columnKey)).filter(Boolean);
+      return (((_a2 = gallery == null ? void 0 : gallery.content) == null ? void 0 : _a2.fields) || []).filter((item) => item.show).map((item) => columnsMap.get(item.columnKey)).filter(Boolean);
     }
     return propsColumns;
   }, [propsColumns, currentViewMode, gallery, columnsMap]);
   const { list, quickFilterMaxLength, sortButtonShow } = filter || {};
   const defaultGalleryCoverSetting = (0, import_react.useMemo)(() => {
-    var _a, _b;
+    var _a2, _b;
     return {
-      coverObjectFit: (_a = gallery == null ? void 0 : gallery.cover) == null ? void 0 : _a.objectFit,
+      coverObjectFit: (_a2 = gallery == null ? void 0 : gallery.cover) == null ? void 0 : _a2.objectFit,
       coverField: (_b = columns.find(
         (column) => {
-          var _a2, _b2;
-          return column.key === ((_b2 = (_a2 = gallery == null ? void 0 : gallery.cover) == null ? void 0 : _a2.fields) == null ? void 0 : _b2[0]);
+          var _a3, _b2;
+          return column.key === ((_b2 = (_a3 = gallery == null ? void 0 : gallery.cover) == null ? void 0 : _a3.fields) == null ? void 0 : _b2[0]);
         }
       )) == null ? void 0 : _b.dataIndex,
       compactMode: "default",
@@ -101,7 +115,7 @@ var useTableSetting = (params) => {
     );
     const mergedSetting = { ...allSetting, ...currentViewModeSetting };
     localStorageSettingKeyArr.forEach((item) => {
-      var _a, _b, _c, _d;
+      var _a2, _b, _c, _d;
       if (item === "view_mode") {
         setting[item] = view.multiple ? (mergedSetting == null ? void 0 : mergedSetting[item]) || view.defaultViewMode : view.defaultViewMode;
       } else if (item === "filter_setting") {
@@ -122,7 +136,7 @@ var useTableSetting = (params) => {
         setting[item] = {
           ...mergedSetting == null ? void 0 : mergedSetting[item],
           // 本地没有默认封面效果时取配置中的
-          coverObjectFit: ((_a = mergedSetting == null ? void 0 : mergedSetting[item]) == null ? void 0 : _a.coverObjectFit) || defaultGalleryCoverSetting.coverObjectFit,
+          coverObjectFit: ((_a2 = mergedSetting == null ? void 0 : mergedSetting[item]) == null ? void 0 : _a2.coverObjectFit) || defaultGalleryCoverSetting.coverObjectFit,
           coverField: ((_b = mergedSetting == null ? void 0 : mergedSetting[item]) == null ? void 0 : _b.coverField) || defaultGalleryCoverSetting.coverField,
           compactMode: ((_c = mergedSetting == null ? void 0 : mergedSetting[item]) == null ? void 0 : _c.compactMode) || defaultGalleryCoverSetting.compactMode,
           isShowLabel: ((_d = mergedSetting == null ? void 0 : mergedSetting[item]) == null ? void 0 : _d.isShowLabel) ?? defaultGalleryCoverSetting.isShowLabel
@@ -185,13 +199,26 @@ var useTableSetting = (params) => {
     sortButtonShow
   ]);
   const setTableSetting = (values) => {
-    (0, import_utils.setFormValuesToLocalStorage)({
+    var _a2, _b;
+    const result = (0, import_utils.setFormValuesToLocalStorage)({
       tableId,
       allValues: values,
       keys: localStorageSettingKeyArr,
       currentViewMode,
       currentSettingHash
     });
+    if (isTerminal() && result) {
+      (_b = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b.call(_a2, {
+        module: "global",
+        key: "local_storage",
+        data: {
+          type: "set",
+          value: {
+            [result.key]: result.value
+          }
+        }
+      });
+    }
   };
   const tableSetting = (0, import_react.useMemo)(() => {
     return {

package/lib/components/table/index.js

@@ -121,9 +121,20 @@ var GridView = (0, import_model.Provider)(
       return currentSettingKey || (0, import_utils.getHash)(columns) || "";
     }, [currentSettingKey, JSON.stringify(columns)]);
     (0, import_react.useEffect)(() => {
+      var _a2, _b2, _c2;
       const setting = (0, import_utils.getTableSettingFromLocalStorage)(tableId);
       if (setting.currentSettingHash !== currentSettingHash) {
         (0, import_utils.clearTableSettingToLocalStorage)(tableId);
+        if ((utils == null ? void 0 : utils.isTerminal()) && tableId) {
+          (_c2 = (_b2 = (_a2 = utils == null ? void 0 : utils.interaction) == null ? void 0 : _a2.utils) == null ? void 0 : _b2.postMessageToApp) == null ? void 0 : _c2.call(_b2, {
+            module: "global",
+            key: "local_storage",
+            data: {
+              type: "remove",
+              key: (0, import_utils.getTableKey)(tableId)
+            }
+          });
+        }
       }
     }, [currentSettingHash, tableId]);
     const { setTableSetting, tableSetting } = (0, import_useTableSetting.default)({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.277",
+  "version": "1.0.279",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",