@pisell/materials 2.2.4 → 2.2.5

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

@@ -1,4 +1,4 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
 export default _default;

package/es/components/table/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 = ["dataSource", "columns", "dispatch", "style", "filter", "sort", "buttons", "actionButtons", "title", "summary", "onValuesChange", "columnSetting", "dataSourceGroup", "view", "gallery", "currentSettingKey", "exportImport"];
+var _excluded = ["dataSource", "columns", "dispatch", "style", "filter", "sort", "buttons", "actionButtons", "title", "summary", "onValuesChange", "columnSetting", "dataSourceGroup", "view", "gallery", "currentSettingKey", "exportImport", "currentComponentId"];
 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; }
@@ -14,9 +14,9 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { useSize } from "ahooks";
-import { Form } from "antd";
-import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from "react";
+import { useSize } from 'ahooks';
+import { Form } from 'antd';
+import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import { useSharedState } from "../../hooks";
 import useEngineContext from "../../hooks/useEngineContext";
 import Actions from "./Actions";
@@ -32,7 +32,7 @@ import useTriggerValuesChange from "./hooks/useTriggerValuesChange";
 import { Context, Provider, formatColumn } from "./model";
 import "./index.less";
 var defaultView = {
-  defaultViewMode: "grid",
+  defaultViewMode: 'grid',
   multiple: false,
   modeList: []
 };
@@ -56,6 +56,7 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
     gallery = props.gallery,
     currentSettingKey = props.currentSettingKey,
     exportImport = props.exportImport,
+    currentComponentId = props.currentComponentId,
     other = _objectWithoutProperties(props, _excluded);
   var modal = useSharedState(Context);
   var _Form$useForm = Form.useForm(),
@@ -63,7 +64,7 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
     form = _Form$useForm2[0];
   var defaultViewMode = view.defaultViewMode,
     multiple = view.multiple;
-  var viewMode = Form.useWatch("view_mode", {
+  var viewMode = Form.useWatch('view_mode', {
     form: form,
     preserve: true
   });
@@ -76,11 +77,12 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
     width = _ref.width;
   var utils = context === null || context === void 0 ? void 0 : (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils;
   var tableId = useMemo(function () {
-    if (props.__designMode === "design") {
-      return "designMode-mock-table-id";
+    console.log(props, 'wh');
+    if (props.__designMode === 'design') {
+      return 'designMode-mock-table-id';
     }
-    return props.__id;
-  }, [props.__id, props.__designMode]);
+    return (props === null || props === void 0 ? void 0 : props.currentComponentId) || props.__id;
+  }, [props.__id, props.__designMode, props === null || props === void 0 ? void 0 : props.currentComponentId]);
   var columns = useMemo(function () {
     return propsColumns.filter(function (item) {
       return !item.hidden;
@@ -120,7 +122,7 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
     return _columns;
   }, [columns]);
   var currentSettingHash = useMemo(function () {
-    return currentSettingKey || getHash(removeTitleColumns) || "";
+    return currentSettingKey || getHash(removeTitleColumns) || '';
   }, [currentSettingKey, JSON.stringify(removeTitleColumns)]);
   useEffect(function () {
     var setting = getTableSettingFromLocalStorage(tableId);
@@ -131,7 +133,7 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
   useEffect(function () {
     if (width) {
       modal.dispatch({
-        type: "setTableWidth",
+        type: 'setTableWidth',
         payload: width || {}
       });
     }
@@ -161,13 +163,13 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
   });
   useEffect(function () {
     modal.dispatch({
-      type: "setUtils",
+      type: 'setUtils',
       payload: utils || {}
     });
   }, [utils]);
   useEffect(function () {
     modal.dispatch({
-      type: "setDefaultColumns",
+      type: 'setDefaultColumns',
       payload: mergeColumnSetting({
         columns: columns,
         tableId: tableId,
@@ -175,36 +177,36 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
       })
     });
     modal.dispatch({
-      type: "setOriginColumns",
+      type: 'setOriginColumns',
       payload: columns
     });
   }, [columns, tableId, currentViewMode]);
   useEffect(function () {
     modal.dispatch({
-      type: "setDataSource",
+      type: 'setDataSource',
       payload: dataSource
     });
     modal.dispatch({
-      type: "setOriginDataSource",
+      type: 'setOriginDataSource',
       payload: dataSource
     });
   }, [dataSource]);
   useEffect(function () {
     modal.dispatch({
-      type: "setTableId",
+      type: 'setTableId',
       payload: tableId
     });
   }, [tableId]);
   useEffect(function () {
     var _other$pagination;
     modal.dispatch({
-      type: "setLocalPagination",
+      type: 'setLocalPagination',
       payload: other === null || other === void 0 ? void 0 : (_other$pagination = other.pagination) === null || _other$pagination === void 0 ? void 0 : _other$pagination.localPagination
     });
   }, [other === null || other === void 0 ? void 0 : (_other$pagination2 = other.pagination) === null || _other$pagination2 === void 0 ? void 0 : _other$pagination2.localPagination]);
   useEffect(function () {
     setTimeout(function () {
-      document.body.id = "body";
+      document.body.id = 'body';
     }, 200);
   }, []);
   var filterDefaultValues = useMemo(function () {
@@ -238,8 +240,8 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
   useEffect(function () {
     // 虚拟表columns由接口获取 columns变更时只重新设置tableSetting
     // 直接设置column_setting对象时useWatch监听数据有误，先设置{}后再设置useWatch可以监听到变更数据
-    form.setFieldValue("column_setting", {});
-    form.setFieldValue("column_setting", tableSettingRef.current.column_setting);
+    form.setFieldValue('column_setting', {});
+    form.setFieldValue('column_setting', tableSettingRef.current.column_setting);
     // JSON.stringify会丢失 render函数变更的监听 使用自定义stringify处理
   }, [stringify(removeTitleColumns)]);
   useEffect(function () {
@@ -254,7 +256,7 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
       var _values = _objectSpread(_objectSpread({}, form.getFieldsValue(true)), values.filters || {});
       var _cur = _objectSpread(_objectSpread({}, cur), cur.filters || {});
       var currentKey = Object.keys(cur)[0];
-      if (currentKey !== "pagination") {
+      if (currentKey !== 'pagination') {
         _values.pagination = _objectSpread(_objectSpread({}, _values.pagination), {}, {
           page: 1
         });
@@ -277,11 +279,11 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
       if (!getIsTriggerValuesChange(cur, values)) {
         return;
       }
-      _onValuesChange === null || _onValuesChange === void 0 ? void 0 : _onValuesChange(omit(_cur, ["filters"]), _values);
+      _onValuesChange === null || _onValuesChange === void 0 ? void 0 : _onValuesChange(omit(_cur, ['filters']), _values);
     },
     className: "materials-grid-form-wrap"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "materials-grid",
+    className: 'materials-grid',
     style: style,
     ref: wrapRef
   }, /*#__PURE__*/React.createElement(Header, {

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

@@ -212,7 +212,11 @@ export declare type GridViewProps = {
     /**
      * 当前本地配置的key 用此hash是否改变用来判断是否清空本地配置 不填默认使用columns数据生成hash
      */
-    currentSettingKey?: "";
+    currentSettingKey?: string;
+    /**
+    * 当前本地配置的唯一值, 不填默认使用currentSettingKey
+    */
+    currentComponentId?: string;
     /**
      * 当前表格中数据发生变化事件 包含本地筛选和外部传入数据变化
      * @param currentDataSource

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

@@ -1,4 +1,4 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
 export default _default;

package/lib/components/table/index.js

@@ -76,6 +76,7 @@ var GridView = (0, import_model.Provider)(
       currentSettingKey,
       // pagination,
       exportImport,
+      currentComponentId,
       ...other
     } = props;
     const modal = (0, import_hooks.useSharedState)(import_model.Context);
@@ -90,11 +91,12 @@ var GridView = (0, import_model.Provider)(
     const { width } = (0, import_ahooks.useSize)(wrapRef) || {};
     const utils = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils;
     const tableId = (0, import_react.useMemo)(() => {
+      console.log(props, "wh");
       if (props.__designMode === "design") {
         return "designMode-mock-table-id";
       }
-      return props.__id;
-    }, [props.__id, props.__designMode]);
+      return (props == null ? void 0 : props.currentComponentId) || props.__id;
+    }, [props.__id, props.__designMode, props == null ? void 0 : props.currentComponentId]);
     const columns = (0, import_react.useMemo)(() => {
       return propsColumns.filter((item) => !item.hidden);
     }, [propsColumns]);

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

@@ -212,7 +212,11 @@ export declare type GridViewProps = {
     /**
      * 当前本地配置的key 用此hash是否改变用来判断是否清空本地配置 不填默认使用columns数据生成hash
      */
-    currentSettingKey?: "";
+    currentSettingKey?: string;
+    /**
+    * 当前本地配置的唯一值, 不填默认使用currentSettingKey
+    */
+    currentComponentId?: string;
     /**
      * 当前表格中数据发生变化事件 包含本地筛选和外部传入数据变化
      * @param currentDataSource

package/lowcode/table/meta.ts

@@ -81,6 +81,15 @@ export default {
           },
           propType: "string",
           setter: "StringSetter",
+        },
+        {
+          name: "currentComponentId",
+          title: {
+            label: "currentComponentId",
+            tip: "currentComponentId | 当前本地配置的唯一值 不填默认使用currentSettingKey",
+          },
+          propType: "string",
+          setter: "StringSetter",
         }
       ],
     },

package/package.json

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