@nocobase/plugin-snapshot-field 0.9.0-alpha.2 → 0.9.1-alpha.2

package/README.md

@@ -0,0 +1,13 @@
+# snapshot-field
+
+English | [中文](./README.zh-CN.md)
+
+关系数据快照插件。
+
+## 安装激活
+
+```bash
+yarn pm enable snapshot-field
+```
+
+## 使用方法

package/README.zh-CN.md

@@ -0,0 +1,13 @@
+# snapshot-field
+
+[English](./README.md) | 中文
+
+关系数据快照插件。
+
+## 安装激活
+
+```bash
+yarn pm enable snapshot-field
+```
+
+## 使用方法

package/lib/client/SnapshotBlock/SnapshotBlockInitializers/SnapshotBlockInitializers.js

@@ -61,39 +61,7 @@ const SnapshotBlockInitializers = props => {
         component: 'MarkdownBlockInitializer'
       }]
     }]
-  }); // const { t } = useSnapshotTranslation();
-  // return (
-  //   <SchemaInitializer.Button
-  //     wrap={gridRowColWrap}
-  //     title={t('Add block')}
-  //     icon={'PlusOutlined'}
-  //     items={[
-  //       {
-  //         type: 'itemGroup',
-  //         title: '{{ t("Data blocks") }}',
-  //         children: [
-  //           {
-  //             type: 'item',
-  //             title: '{{t("Details")}}',
-  //             component: 'SnapshotBlockInitializersDetailItem',
-  //             actionInitializers: 'CalendarFormActionInitializers',
-  //           },
-  //         ],
-  //       },
-  //       {
-  //         type: 'itemGroup',
-  //         title: '{{t("Other blocks")}}',
-  //         children: [
-  //           {
-  //             type: 'item',
-  //             title: '{{t("Markdown")}}',
-  //             component: 'MarkdownBlockInitializer',
-  //           },
-  //         ],
-  //       },
-  //     ]}
-  //   />
-  // );
+  });
 };
 
 exports.SnapshotBlockInitializers = SnapshotBlockInitializers;

package/lib/client/SnapshotRecordPicker.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SnapshotRecordPicker = void 0;
 
 function _react() {
-  const data = _interopRequireDefault(require("react"));
+  const data = require("@formily/react");
 
   _react = function _react() {
     return data;
@@ -15,20 +15,20 @@ function _react() {
   return data;
 }
 
-function _react2() {
-  const data = require("@formily/react");
+function _client() {
+  const data = require("@nocobase/client");
 
-  _react2 = function _react2() {
+  _client = function _client() {
     return data;
   };
 
   return data;
 }
 
-function _client() {
-  const data = require("@nocobase/client");
+function _react2() {
+  const data = _interopRequireDefault(require("react"));
 
-  _client = function _client() {
+  _react2 = function _react2() {
     return data;
   };
 
@@ -51,35 +51,19 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 ReadPrettyRecordPickerWrapper = props => {
+  const fieldSchema = (0, _react().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)));
+  return _react2().default.createElement(_SnapshotHistoryCollectionProvider.SnapshotHistoryCollectionProvider, {
+    collectionName: collectionField === null || collectionField === void 0 ? void 0 : collectionField.targetCollection
+  }, _react2().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 SnapshotRecordPickerInner = (0, _react().connect)(ReadPrettyRecordPickerWrapper, (0, _react().mapReadPretty)(ReadPrettyRecordPickerWrapper));
 
 const SnapshotRecordPicker = props => {
   const value = props.value,
@@ -93,7 +77,7 @@ const SnapshotRecordPicker = props => {
     })
   });
 
-  return _react().default.createElement(SnapshotRecordPickerInner, _objectSpread({}, newProps));
+  return _react2().default.createElement(SnapshotRecordPickerInner, _objectSpread({}, newProps));
 };
 
 exports.SnapshotRecordPicker = SnapshotRecordPicker;

package/lib/client/components/AppendsTreeSelect.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare type TreeCacheMapNode = {
+    parent?: TreeCacheMapNode;
+    title: string;
+    path: string;
+    children?: TreeCacheMapNode[];
+};
+export declare type AppendsTreeSelectProps = {
+    value: string[];
+    onChange: (value: string[]) => void;
+};
+export declare const AppendsTreeSelect: React.FC<AppendsTreeSelectProps>;

package/lib/client/components/AppendsTreeSelect.js

@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppendsTreeSelect = void 0;
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _antd() {
+  const data = require("antd");
+
+  _antd = function _antd() {
+    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 _locale = require("../locale");
+
+var _interface = require("../interface");
+
+const _excluded = ["value", "onChange"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 AppendsTreeSelect = props => {
+  var _getCollectionField;
+
+  const _props$value = props.value,
+        value = _props$value === void 0 ? [] : _props$value,
+        onChange = props.onChange,
+        restProps = _objectWithoutProperties(props, _excluded);
+
+  const record = (0, _interface.useTopRecord)();
+
+  const _useCollectionManager = (0, _client().useCollectionManager)(),
+        getCollectionFields = _useCollectionManager.getCollectionFields,
+        getCollectionField = _useCollectionManager.getCollectionField;
+
+  const compile = (0, _client().useCompile)();
+  const formValues = (0, _react2().useForm)().values;
+
+  const _useSnapshotTranslati = (0, _locale.useSnapshotTranslation)(),
+        t = _useSnapshotTranslati.t;
+
+  const fieldsToOptions = (fields = [], fieldPath = []) => {
+    const filter = i => !!i.target && !!i.interface && !fieldPath.find(p => p.target === i.target);
+
+    return fields.filter(filter).map(i => {
+      var _compile, _i$uiSchema;
+
+      return {
+        title: (_compile = compile((_i$uiSchema = i.uiSchema) === null || _i$uiSchema === void 0 ? void 0 : _i$uiSchema.title)) !== null && _compile !== void 0 ? _compile : i.name,
+        value: fieldPath.map(p => p.name).concat(i.name).join('.'),
+        children: fieldsToOptions(getCollectionFields(i.target), [...fieldPath, i])
+      };
+    });
+  };
+
+  const treeData = fieldsToOptions(getCollectionFields((_getCollectionField = getCollectionField(`${record.name}.${formValues.targetField}`)) === null || _getCollectionField === void 0 ? void 0 : _getCollectionField.target));
+  const valueMap = {};
+
+  function loops(list, parent) {
+    return (list || []).map(({
+      children,
+      value,
+      title
+    }) => {
+      const node = valueMap[value] = {
+        parent,
+        path: value,
+        title
+      };
+      node.children = loops(children, node);
+      return node;
+    });
+  }
+
+  loops(treeData);
+
+  const handleChange = newNodes => {
+    const newValue = newNodes.map(i => i.value);
+    const valueSet = new Set(newValue);
+    const delValue = value.find(i => !newValue.includes(i));
+
+    if (delValue) {
+      const delNode = valueMap[delValue];
+
+      const delNodeValue = node => {
+        var _node$children;
+
+        valueSet.delete(node.path);
+        (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.forEach(child => delNodeValue(child));
+      };
+
+      delNodeValue(delNode);
+    } else {
+      newValue.forEach(v => {
+        let current = valueMap[v];
+
+        while (current = current.parent) {
+          valueSet.add(current.path);
+        }
+      });
+    }
+
+    onChange(Array.from(valueSet));
+  };
+
+  const TreeTag = props => {
+    var _node;
+
+    const value = props.value,
+          onClose = props.onClose,
+          disabled = props.disabled,
+          closable = props.closable;
+    let node = valueMap[value];
+    let text = (_node = node) === null || _node === void 0 ? void 0 : _node.title;
+
+    while (node = (_node2 = node) === null || _node2 === void 0 ? void 0 : _node2.parent) {
+      var _node2;
+
+      text = `${node.title} / ${text}`;
+    }
+
+    return _react().default.createElement(_antd().Tag, {
+      closable: closable && !disabled,
+      onClose: onClose
+    }, text);
+  };
+
+  const filterdValue = Array.isArray(value) ? value.filter(i => i in valueMap) : value;
+  return _react().default.createElement(_antd().TreeSelect, _objectSpread({
+    value: filterdValue,
+    dropdownStyle: {
+      maxHeight: 400,
+      overflow: 'auto'
+    },
+    placeholder: t('Please select'),
+    showCheckedStrategy: "SHOW_ALL",
+    allowClear: true,
+    multiple: true,
+    treeCheckStrictly: true,
+    treeCheckable: true,
+    tagRender: TreeTag,
+    onChange: handleChange,
+    treeData: treeData
+  }, restProps));
+};
+
+exports.AppendsTreeSelect = AppendsTreeSelect;

package/lib/client/components/SnapshotOwnerCollectionFieldsSelect.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SelectProps } from 'antd';
+export declare type SnapshotOwnerCollectionFieldsSelectProps = Omit<SelectProps, 'options'>;
+export declare const useSnapshotOwnerCollectionFields: () => any;
+export declare const SnapshotOwnerCollectionFieldsSelect: React.FC<SnapshotOwnerCollectionFieldsSelectProps>;

package/lib/client/components/SnapshotOwnerCollectionFieldsSelect.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSnapshotOwnerCollectionFields = exports.SnapshotOwnerCollectionFieldsSelect = void 0;
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _antd() {
+  const data = require("antd");
+
+  _antd = function _antd() {
+    return data;
+  };
+
+  return data;
+}
+
+var _interface = require("../interface");
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 useSnapshotOwnerCollectionFields = () => {
+  const record = (0, _interface.useTopRecord)();
+
+  const _useCollectionManager = (0, _client().useCollectionManager)(),
+        getCollection = _useCollectionManager.getCollection;
+
+  const collection = getCollection(record.name);
+  const compile = (0, _client().useCompile)();
+  return collection.fields.filter(i => !!i.target && !!i.interface).map(i => {
+    var _i$uiSchema;
+
+    return _objectSpread(_objectSpread({}, i), {}, {
+      label: compile((_i$uiSchema = i.uiSchema) === null || _i$uiSchema === void 0 ? void 0 : _i$uiSchema.title),
+      value: i.name
+    });
+  });
+};
+
+exports.useSnapshotOwnerCollectionFields = useSnapshotOwnerCollectionFields;
+
+const SnapshotOwnerCollectionFieldsSelect = props => {
+  const options = useSnapshotOwnerCollectionFields();
+  return _react().default.createElement(_antd().Select, _objectSpread({
+    options: options
+  }, props));
+};
+
+exports.SnapshotOwnerCollectionFieldsSelect = SnapshotOwnerCollectionFieldsSelect;

package/lib/client/index.js

@@ -35,6 +35,10 @@ var _SnapshotBlockInitializersDetailItem = require("./SnapshotBlock/SnapshotBloc
 
 var _SnapshotBlockProvider = require("./SnapshotBlock/SnapshotBlockProvider");
 
+var _AppendsTreeSelect = require("./components/AppendsTreeSelect");
+
+var _SnapshotOwnerCollectionFieldsSelect = require("./components/SnapshotOwnerCollectionFieldsSelect");
+
 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; }
@@ -47,13 +51,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 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);
+    (0, _client().registerField)(_interface.snapshot.group, _interface.snapshot.name, _interface.snapshot);
   }, []);
   return _react().default.createElement(_client().CollectionManagerProvider, {
     interfaces: {
-      snapshot
+      snapshot: _interface.snapshot
     }
   }, _react().default.createElement(_client().CollectionHistoryProvider, null, _react().default.createElement(_client().SchemaInitializerProvider, {
     initializers: _objectSpread(_objectSpread({}, initializers), {}, {
@@ -63,7 +66,9 @@ var _default = _react().default.memo(props => {
     components: {
       SnapshotRecordPicker: _SnapshotRecordPicker.SnapshotRecordPicker,
       SnapshotBlockProvider: _SnapshotBlockProvider.SnapshotBlockProvider,
-      SnapshotBlockInitializersDetailItem: _SnapshotBlockInitializersDetailItem.SnapshotBlockInitializersDetailItem
+      SnapshotBlockInitializersDetailItem: _SnapshotBlockInitializersDetailItem.SnapshotBlockInitializersDetailItem,
+      AppendsTreeSelect: _AppendsTreeSelect.AppendsTreeSelect,
+      SnapshotOwnerCollectionFieldsSelect: _SnapshotOwnerCollectionFieldsSelect.SnapshotOwnerCollectionFieldsSelect
     }
   }, props.children))));
 });

package/lib/client/interface.d.ts

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