@nocobase/plugin-snapshot-field 0.8.1-alpha.3

package/lib/client/SnapshotBlock/SnapshotBlockProvider.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SnapshotBlockProvider = void 0;
+
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _core() {
+  const data = require("@formily/core");
+
+  _core = function _core() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react2() {
+  const data = require("@formily/react");
+
+  _react2 = function _react2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+function _antd() {
+  const data = require("antd");
+
+  _antd = function _antd() {
+    return data;
+  };
+
+  return data;
+}
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const InternalFormBlockProvider = props => {
+  var _service$data;
+
+  const action = props.action,
+        readPretty = props.readPretty;
+  const field = (0, _react2().useField)();
+  const form = (0, _react().useMemo)(() => (0, _core().createForm)({
+    readPretty
+  }), []);
+
+  const _useBlockRequestConte = (0, _client().useBlockRequestContext)(),
+        resource = _useBlockRequestConte.resource,
+        service = _useBlockRequestConte.service;
+
+  const formBlockRef = (0, _react().useRef)();
+
+  if (service.loading) {
+    return _react().default.createElement(_antd().Spin, null);
+  }
+
+  return _react().default.createElement(_client().FormBlockContext.Provider, {
+    value: {
+      action,
+      form,
+      field,
+      service,
+      resource,
+      updateAssociationValues: [],
+      formBlockRef
+    }
+  }, readPretty ? _react().default.createElement(_client().RecordProvider, {
+    record: service === null || service === void 0 ? void 0 : (_service$data = service.data) === null || _service$data === void 0 ? void 0 : _service$data.data
+  }, _react().default.createElement("div", {
+    ref: formBlockRef
+  }, props.children)) : _react().default.createElement("div", {
+    ref: formBlockRef
+  }, props.children));
+};
+
+const BlockRequestProvider = props => {
+  const field = (0, _react2().useField)();
+  const resource = (0, _client().useBlockResource)();
+  const service = {
+    loading: false,
+    data: {
+      data: (0, _client().useRecord)()
+    }
+  };
+
+  const __parent = (0, _react().useContext)(_client().BlockRequestContext);
+
+  return _react().default.createElement(_client().BlockRequestContext.Provider, {
+    value: {
+      block: props.block,
+      props,
+      field,
+      service,
+      resource,
+      __parent
+    }
+  }, props.children);
+};
+
+const BlockProvider = props => {
+  const collection = props.collection,
+        association = props.association;
+  const resource = (0, _client().useResource)(props);
+  return _react().default.createElement(_client().MaybeCollectionProvider, {
+    collection: collection
+  }, _react().default.createElement(_client().BlockAssociationContext.Provider, {
+    value: association
+  }, _react().default.createElement(_client().BlockResourceContext.Provider, {
+    value: resource
+  }, _react().default.createElement(BlockRequestProvider, _objectSpread({}, props), props.children))));
+};
+
+const SnapshotBlockProvider = props => {
+  const record = (0, _client().useRecord)();
+  const __tableName = record.__tableName;
+
+  const _useCollectionManager = (0, _client().useCollectionManager)(),
+        getInheritCollections = _useCollectionManager.getInheritCollections;
+
+  const inheritCollections = getInheritCollections(__tableName);
+
+  const _useDesignable = (0, _client().useDesignable)(),
+        designable = _useDesignable.designable;
+
+  const flag = !designable && __tableName && !inheritCollections.includes(props.collection) && __tableName !== props.collection;
+  return !flag && _react().default.createElement(BlockProvider, _objectSpread({}, props), _react().default.createElement(InternalFormBlockProvider, _objectSpread({}, props)));
+};
+
+exports.SnapshotBlockProvider = SnapshotBlockProvider;

package/lib/client/SnapshotHistoryCollectionProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SnapshotHistoryCollectionProvider: React.FC<{
+    collectionName: string;
+}>;

package/lib/client/SnapshotHistoryCollectionProvider.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SnapshotHistoryCollectionProvider = void 0;
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+const _excluded = ["collections"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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; }
+
+const SnapshotHistoryCollectionProvider = props => {
+  var _useHistoryCollection, _snapshotTargetCollec, _snapshotTargetCollec2;
+
+  const collectionName = props.collectionName;
+
+  const _useContext = (0, _react().useContext)(_client().CollectionManagerContext),
+        allCollections = _useContext.collections,
+        rest = _objectWithoutProperties(_useContext, _excluded); // 目标表
+
+
+  const snapshotTargetCollection = (_useHistoryCollection = (0, _client().useHistoryCollectionsByNames)([collectionName])) === null || _useHistoryCollection === void 0 ? void 0 : _useHistoryCollection[0]; // 目标如果是继承表则获取继承表
+
+  const inheritCollections = (0, _client().useHistoryCollectionsByNames)((_snapshotTargetCollec = snapshotTargetCollection === null || snapshotTargetCollection === void 0 ? void 0 : snapshotTargetCollection.inherits) !== null && _snapshotTargetCollec !== void 0 ? _snapshotTargetCollec : []); // 目标表内关联字段的表
+
+  const associationFieldTargetCollections = (0, _client().useHistoryCollectionsByNames)((_snapshotTargetCollec2 = snapshotTargetCollection === null || snapshotTargetCollection === void 0 ? void 0 : snapshotTargetCollection.fields.filter(i => i.interface !== 'snapshot').map(i => i.target)) !== null && _snapshotTargetCollec2 !== void 0 ? _snapshotTargetCollec2 : []); // 替换表的集合
+
+  const finallyHistoryCollecionts = [snapshotTargetCollection, ...associationFieldTargetCollections, ...inheritCollections].filter(i => i); // 过滤出不需要替换的表
+
+  const filterdAllCollection = allCollections.filter(c => !finallyHistoryCollecionts.map(i => i.name).includes(c.name)); // 最终替换后的表
+
+  const overridedCollections = [...filterdAllCollection, ...finallyHistoryCollecionts];
+  return _react().default.createElement(_client().CollectionManagerContext.Provider, {
+    value: _objectSpread(_objectSpread({}, rest), {}, {
+      collections: overridedCollections
+    })
+  }, props.children);
+};
+
+exports.SnapshotHistoryCollectionProvider = SnapshotHistoryCollectionProvider;

package/lib/client/SnapshotRecordPicker.d.ts

@@ -0,0 +1 @@
+export declare const SnapshotRecordPicker: (props: any) => JSX.Element;

package/lib/client/SnapshotRecordPicker.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SnapshotRecordPicker = void 0;
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react2() {
+  const data = require("@formily/react");
+
+  _react2 = function _react2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+var _SnapshotHistoryCollectionProvider = require("./SnapshotHistoryCollectionProvider");
+
+const _excluded = ["value", "onChange"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const useSnapshotFieldTargetCollectionName = () => {
+  var _historyCollections$f;
+
+  const fieldSchema = (0, _react2().useFieldSchema)();
+
+  const _useCollection = (0, _client().useCollection)(),
+        getField = _useCollection.getField;
+
+  const collectionField = getField(fieldSchema.name);
+
+  const _useCollectionHistory = (0, _client().useCollectionHistory)(),
+        historyCollections = _useCollectionHistory.historyCollections;
+
+  return (_historyCollections$f = historyCollections.find(i => i.name === collectionField.target)) === null || _historyCollections$f === void 0 ? void 0 : _historyCollections$f.name;
+};
+
+const ReadPrettyRecordPickerWrapper = props => {
+  const collectionName = useSnapshotFieldTargetCollectionName();
+  return _react().default.createElement(_SnapshotHistoryCollectionProvider.SnapshotHistoryCollectionProvider, {
+    collectionName: collectionName
+  }, _react().default.createElement(_client().ReadPrettyRecordPicker, _objectSpread({}, props)));
+};
+
+const SnapshotRecordPickerInner = (0, _react2().connect)(props => {
+  const actionCtx = (0, _client().useActionContext)();
+  const isUpdateAction = actionCtx.fieldSchema['x-action'] === 'update';
+  return isUpdateAction ? _react().default.createElement(ReadPrettyRecordPickerWrapper, _objectSpread({}, props)) : _react().default.createElement(_client().InputRecordPicker, _objectSpread({}, props));
+}, // mapProps(mapSuffixProps),
+(0, _react2().mapReadPretty)(ReadPrettyRecordPickerWrapper));
+
+const SnapshotRecordPicker = props => {
+  const value = props.value,
+        _onChange = props.onChange,
+        restProps = _objectWithoutProperties(props, _excluded);
+
+  const newProps = _objectSpread(_objectSpread({}, restProps), {}, {
+    value: value === null || value === void 0 ? void 0 : value.data,
+    onChange: value => _onChange({
+      data: value
+    })
+  });
+
+  return _react().default.createElement(SnapshotRecordPickerInner, _objectSpread({}, newProps));
+};
+
+exports.SnapshotRecordPicker = SnapshotRecordPicker;

package/lib/client/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.NamedExoticComponent<object>;
+export default _default;

package/lib/client/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+var _interface = require("./interface");
+
+var _SnapshotRecordPicker = require("./SnapshotRecordPicker");
+
+var _SnapshotBlockInitializers = require("./SnapshotBlock/SnapshotBlockInitializers/SnapshotBlockInitializers");
+
+var _SnapshotBlockInitializersDetailItem = require("./SnapshotBlock/SnapshotBlockInitializers/SnapshotBlockInitializersDetailItem");
+
+var _SnapshotBlockProvider = require("./SnapshotBlock/SnapshotBlockProvider");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default = _react().default.memo(props => {
+  const initializers = (0, _react().useContext)(_client().SchemaInitializerContext);
+  const snapshot = (0, _interface.useSnapshotInterface)();
+  (0, _react().useEffect)(() => {
+    (0, _client().registerField)(snapshot.group, snapshot.name, snapshot);
+  }, []);
+  return _react().default.createElement(_client().CollectionManagerProvider, {
+    interfaces: {
+      snapshot
+    }
+  }, _react().default.createElement(_client().CollectionHistoryProvider, null, _react().default.createElement(_client().SchemaInitializerProvider, {
+    initializers: _objectSpread(_objectSpread({}, initializers), {}, {
+      SnapshotBlockInitializers: _SnapshotBlockInitializers.SnapshotBlockInitializers
+    })
+  }, _react().default.createElement(_client().SchemaComponentOptions, {
+    components: {
+      SnapshotRecordPicker: _SnapshotRecordPicker.SnapshotRecordPicker,
+      SnapshotBlockProvider: _SnapshotBlockProvider.SnapshotBlockProvider,
+      SnapshotBlockInitializersDetailItem: _SnapshotBlockInitializersDetailItem.SnapshotBlockInitializersDetailItem
+    }
+  }, props.children))));
+});
+
+exports.default = _default;

package/lib/client/interface.d.ts

@@ -0,0 +1,2 @@
+import { IField } from '@nocobase/client';
+export declare const useSnapshotInterface: () => IField;

package/lib/client/interface.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSnapshotInterface = void 0;
+
+function _lodash() {
+  const data = require("lodash");
+
+  _lodash = function _lodash() {
+    return data;
+  };
+
+  return data;
+}
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+var _locale = require("./locale");
+
+function _react() {
+  const data = require("react");
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const defaultProps = _client().interfacesProperties.defaultProps,
+      recordPickerSelector = _client().interfacesProperties.recordPickerSelector;
+
+const useSnapshotInterface = () => {
+  const _useSnapshotTranslati = (0, _locale.useSnapshotTranslation)(),
+        t = _useSnapshotTranslati.t;
+
+  const recordPickerViewer = {
+    type: 'void',
+    title: t('View record'),
+    'x-component': 'RecordPicker.Viewer',
+    'x-component-props': {
+      className: 'nb-action-popup'
+    },
+    properties: {
+      tabs: {
+        type: 'void',
+        'x-component': 'Tabs',
+        'x-component-props': {},
+        // 'x-initializer': 'TabPaneInitializers',
+        properties: {
+          tab1: {
+            type: 'void',
+            title: t('Detail'),
+            'x-component': 'Tabs.TabPane',
+            'x-designer': 'Tabs.Designer',
+            'x-component-props': {},
+            properties: {
+              grid: {
+                type: 'void',
+                'x-component': 'Grid',
+                'x-initializer': 'SnapshotBlockInitializers',
+                properties: {}
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+  const snapshot = {
+    name: 'snapshot',
+    type: 'object',
+    group: 'advanced',
+    title: t('Snapshot'),
+    description: t('Snapshot to description'),
+    default: {
+      type: 'snapshot',
+      // name,
+      uiSchema: {
+        // title,
+        'x-component': 'SnapshotRecordPicker',
+        'x-component-props': {
+          // mode: 'tags',
+          multiple: true,
+          fieldNames: {
+            label: 'id',
+            value: 'id'
+          }
+        }
+      }
+    },
+
+    schemaInitialize(schema, {
+      field,
+      readPretty,
+      action,
+      block
+    }) {
+      if (readPretty || action === 'update') {
+        schema['properties'] = {
+          viewer: (0, _lodash().cloneDeep)(recordPickerViewer)
+        };
+      } else {
+        schema['properties'] = {
+          selector: (0, _lodash().cloneDeep)(recordPickerSelector)
+        };
+      }
+    },
+
+    initialize: values => {},
+    properties: _objectSpread(_objectSpread({}, defaultProps), {}, {
+      target: {
+        type: 'string',
+        title: t('Related collection'),
+        required: true,
+        'x-reactions': ['{{useAsyncDataSource(loadCollections)}}'],
+        'x-decorator': 'FormItem',
+        'x-component': 'Select',
+        'x-disabled': '{{ !createOnly }}'
+      },
+      'uiSchema.x-component-props.multiple': {
+        type: 'boolean',
+        'x-content': t('Allow linking to multiple records'),
+        'x-decorator': 'FormItem',
+        'x-component': 'Checkbox'
+      }
+    })
+  };
+  return (0, _react().useMemo)(() => snapshot, [t]);
+};
+
+exports.useSnapshotInterface = useSnapshotInterface;

package/lib/client/locale/en-US.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    Detail: string;
+    Snapshot: string;
+    'View record': string;
+    'Add block': string;
+    'Allow linking to multiple records': string;
+    'Snapshot to description': string;
+    'Related collection': string;
+};
+export default _default;

package/lib/client/locale/en-US.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  Detail: 'Detail',
+  Snapshot: 'Snapshot',
+  'View record': 'View record',
+  'Add block': 'Add block',
+  'Allow linking to multiple records': 'Allow linking to multiple records',
+  'Snapshot to description': 'It is used to create a snapshot of the table, save the current data of the pointed table, and save it only when the record to which it belongs is created, and will not be updated later.',
+  'Related collection': 'Related collection'
+};
+exports.default = _default;

package/lib/client/locale/index.d.ts

@@ -0,0 +1,3 @@
+export declare const NAMESPACE = "snapshot-field";
+export declare function lang(key: string): string;
+export declare function useSnapshotTranslation(): import("react-i18next").UseTranslationResponse<"snapshot-field", undefined>;

package/lib/client/locale/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NAMESPACE = void 0;
+exports.lang = lang;
+exports.useSnapshotTranslation = useSnapshotTranslation;
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactI18next() {
+  const data = require("react-i18next");
+
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+
+  return data;
+}
+
+var _enUS = _interopRequireDefault(require("./en-US"));
+
+var _jaJP = _interopRequireDefault(require("./ja-JP"));
+
+var _ruRU = _interopRequireDefault(require("./ru-RU"));
+
+var _trTR = _interopRequireDefault(require("./tr-TR"));
+
+var _zhCN = _interopRequireDefault(require("./zh-CN"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const NAMESPACE = 'snapshot-field';
+exports.NAMESPACE = NAMESPACE;
+
+_client().i18n.addResources('zh-CN', NAMESPACE, _zhCN.default);
+
+_client().i18n.addResources('en-US', NAMESPACE, _enUS.default);
+
+_client().i18n.addResources('ja-JP', NAMESPACE, _jaJP.default);
+
+_client().i18n.addResources('ru-RU', NAMESPACE, _ruRU.default);
+
+_client().i18n.addResources('tr-TR', NAMESPACE, _trTR.default);
+
+function lang(key) {
+  return _client().i18n.t(key, {
+    ns: NAMESPACE
+  });
+}
+
+function useSnapshotTranslation() {
+  return (0, _reactI18next().useTranslation)(NAMESPACE);
+}

package/lib/client/locale/ja-JP.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;