@nocobase/client 0.7.4-alpha.7 → 0.7.5-alpha.1

package/es/schema-component/antd/record-picker/ReadPrettyRecordPicker.js

@@ -21,6 +21,7 @@ import { useCompile } from '../../hooks';
 import { ActionContext } from '../action';
 import { EllipsisWithTooltip } from '../input/EllipsisWithTooltip';
 import { useFieldNames } from './useFieldNames';
+import { getLabelFormatValue, useLabelUiSchema } from './util';
 export var ReadPrettyRecordPicker = observer(function (props) {
   var ellipsis = props.ellipsis;
   var fieldSchema = useFieldSchema();
@@ -53,10 +54,12 @@ export var ReadPrettyRecordPicker = observer(function (props) {
       setRecord = _useState6[1];
 
   var compile = useCompile();
+  var labelUiSchema = useLabelUiSchema(collectionField, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label');
   var ellipsisWithTooltipRef = useRef();
 
   var renderRecords = function renderRecords() {
     return toArr(field.value).map(function (record, index, arr) {
+      var val = compile(record === null || record === void 0 ? void 0 : record[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label']) || (record === null || record === void 0 ? void 0 : record[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value']) || (record === null || record === void 0 ? void 0 : record.id);
       return /*#__PURE__*/React.createElement(Fragment, {
         key: "".concat(record.id, "_").concat(index)
       }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("a", {
@@ -69,12 +72,12 @@ export var ReadPrettyRecordPicker = observer(function (props) {
           setRecord(record);
           ellipsisWithTooltipRef === null || ellipsisWithTooltipRef === void 0 ? void 0 : (_ellipsisWithTooltipR = ellipsisWithTooltipRef.current) === null || _ellipsisWithTooltipR === void 0 ? void 0 : _ellipsisWithTooltipR.setPopoverVisible(false);
         }
-      }, compile(record === null || record === void 0 ? void 0 : record[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label']) || (record === null || record === void 0 ? void 0 : record[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value']) || (record === null || record === void 0 ? void 0 : record.id))), index < arr.length - 1 ? /*#__PURE__*/React.createElement("span", {
+      }, getLabelFormatValue(labelUiSchema, val))), index < arr.length - 1 ? /*#__PURE__*/React.createElement("span", {
         style: {
           marginRight: 4,
           color: '#aaa'
         }
-      }, ", ") : null);
+      }, ",") : null);
     });
   };
 

package/es/schema-component/antd/record-picker/util.d.ts

@@ -0,0 +1,5 @@
+import { ISchema } from '@formily/react';
+import { CollectionFieldOptions } from '../../../collection-manager';
+export declare const useLabelUiSchema: (collectionField: CollectionFieldOptions, label: string) => ISchema;
+export declare const getDatePickerLabels: (props: any) => string;
+export declare const getLabelFormatValue: (labelUiSchema: ISchema, value: any) => string;

package/es/schema-component/antd/record-picker/util.js

@@ -0,0 +1,37 @@
+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; }
+
+import { isArr } from '@formily/shared';
+import { getDefaultFormat, str2moment } from '@nocobase/utils/client';
+import { useCollectionManager } from '../../../collection-manager';
+export var useLabelUiSchema = function useLabelUiSchema(collectionField, label) {
+  var _useCollectionManager = useCollectionManager(),
+      getCollectionJoinField = _useCollectionManager.getCollectionJoinField;
+
+  if (!collectionField) {
+    return;
+  }
+
+  var labelField = getCollectionJoinField("".concat(collectionField.target, ".").concat(label));
+  return labelField === null || labelField === void 0 ? void 0 : labelField.uiSchema;
+};
+export var getDatePickerLabels = function getDatePickerLabels(props) {
+  var format = getDefaultFormat(props);
+  var m = str2moment(props.value, props);
+  var labels = m && m.isValid() ? m.format(format) : props.value;
+  return isArr(labels) ? labels.join('~') : labels;
+};
+export var getLabelFormatValue = function getLabelFormatValue(labelUiSchema, value) {
+  switch (labelUiSchema === null || labelUiSchema === void 0 ? void 0 : labelUiSchema['x-component']) {
+    case 'DatePicker':
+      return getDatePickerLabels(_objectSpread(_objectSpread({}, labelUiSchema === null || labelUiSchema === void 0 ? void 0 : labelUiSchema['x-component-props']), {}, {
+        value: value
+      }));
+
+    default:
+      return value;
+  }
+};

package/es/schema-component/antd/upload/shared.js

@@ -24,7 +24,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 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); }
 
-import { useField } from '@formily/react';
+import { useField, useForm } from '@formily/react';
 import { reaction } from '@formily/reactive';
 import { isArr, isValid, toArr as toArray } from '@formily/shared';
 import { useEffect } from 'react';
@@ -197,6 +197,7 @@ export function useUploadProps(_ref) {
     (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, normalizeFileList(_toConsumableArray(param.fileList)));
   };
 
+  var form = useForm();
   var api = useAPIClient();
   return _objectSpread(_objectSpread({}, props), {}, {
     customRequest: function customRequest(_ref2) {
@@ -218,6 +219,7 @@ export function useUploadProps(_ref) {
       }
 
       formData.append(filename, file);
+      form.disabled = true;
       api.axios.post(action, formData, {
         withCredentials: withCredentials,
         headers: headers,
@@ -231,7 +233,9 @@ export function useUploadProps(_ref) {
       }).then(function (_ref4) {
         var data = _ref4.data;
         onSuccess(data, file);
-      }).catch(onError);
+      }).catch(onError).finally(function () {
+        form.disabled = false;
+      });
       return {
         abort: function abort() {
           console.log('upload progress is aborted.');

package/es/schema-component/common/dnd-context/index.js

@@ -4,9 +4,21 @@ 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; }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import { DndContext as DndKitContext, DragOverlay, rectIntersection } from '@dnd-kit/core';
 import { observer } from '@formily/react';
-import React from 'react';
+import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useAPIClient } from '../../../';
 import { createDesignable, useDesignable } from '../../hooks';
@@ -21,7 +33,7 @@ var useDragEnd = function useDragEnd(props) {
       t = _useTranslation.t;
 
   return function (event) {
-    var _active$data, _active$data$current, _over$data, _over$data$current, _over$data2, _over$data2$current, _over$data3, _over$data3$current, _over$data4, _over$data4$current;
+    var _active$data, _active$data$current, _over$data, _over$data$current, _over$data2, _over$data2$current, _over$data3, _over$data3$current, _over$data4, _over$data4$current, _over$data5, _over$data5$current;
 
     var active = event.active,
         over = event.over;
@@ -30,6 +42,7 @@ var useDragEnd = function useDragEnd(props) {
     var insertAdjacent = over === null || over === void 0 ? void 0 : (_over$data2 = over.data) === null || _over$data2 === void 0 ? void 0 : (_over$data2$current = _over$data2.current) === null || _over$data2$current === void 0 ? void 0 : _over$data2$current.insertAdjacent;
     var breakRemoveOn = over === null || over === void 0 ? void 0 : (_over$data3 = over.data) === null || _over$data3 === void 0 ? void 0 : (_over$data3$current = _over$data3.current) === null || _over$data3$current === void 0 ? void 0 : _over$data3$current.breakRemoveOn;
     var wrapSchema = over === null || over === void 0 ? void 0 : (_over$data4 = over.data) === null || _over$data4 === void 0 ? void 0 : (_over$data4$current = _over$data4.current) === null || _over$data4$current === void 0 ? void 0 : _over$data4$current.wrapSchema;
+    var onSuccess = over === null || over === void 0 ? void 0 : (_over$data5 = over.data) === null || _over$data5 === void 0 ? void 0 : (_over$data5$current = _over$data5.current) === null || _over$data5$current === void 0 ? void 0 : _over$data5$current.onSuccess;
 
     if (!activeSchema || !overSchema) {
       var _props$onDragEnd;
@@ -67,7 +80,8 @@ var useDragEnd = function useDragEnd(props) {
       dn.insertAdjacent(insertAdjacent, activeSchema, {
         wrap: wrapSchema,
         breakRemoveOn: breakRemoveOn,
-        removeParentsIfNoChildren: true
+        removeParentsIfNoChildren: true,
+        onSuccess: onSuccess
       });
       props === null || props === void 0 ? void 0 : (_props$onDragEnd4 = props.onDragEnd) === null || _props$onDragEnd4 === void 0 ? void 0 : _props$onDragEnd4.call(props, event);
       return;
@@ -79,16 +93,28 @@ export var DndContext = observer(function (props) {
   var _useTranslation2 = useTranslation(),
       t = _useTranslation2.t;
 
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
   return /*#__PURE__*/React.createElement(DndKitContext, _objectSpread(_objectSpread({
     collisionDetection: rectIntersection
   }, props), {}, {
+    onDragStart: function onDragStart(event) {
+      var _active$data2, _active$data2$current;
+
+      var active = event.active;
+      var activeSchema = active === null || active === void 0 ? void 0 : (_active$data2 = active.data) === null || _active$data2 === void 0 ? void 0 : (_active$data2$current = _active$data2.current) === null || _active$data2$current === void 0 ? void 0 : _active$data2$current.schema;
+      setVisible(!!activeSchema);
+    },
     onDragEnd: useDragEnd(props)
   }), /*#__PURE__*/React.createElement(DragOverlay, {
     dropAnimation: {
       duration: 10,
       easing: 'cubic-bezier(0.18, 0.67, 0.6, 1.22)'
     }
-  }, /*#__PURE__*/React.createElement("span", {
+  }, visible && /*#__PURE__*/React.createElement("span", {
     style: {
       whiteSpace: 'nowrap'
     }

package/es/schema-component/hooks/useDesignable.d.ts

@@ -35,8 +35,8 @@ export declare class Designable {
     constructor(options: CreateDesignableProps);
     loadAPIClientEvents(): void;
     prepareProperty(schema: ISchema): void;
-    on(name: 'insertAdjacent' | 'remove' | 'error' | 'patch', listener: any): void;
-    emit(name: 'insertAdjacent' | 'remove' | 'error' | 'patch', ...args: any[]): void;
+    on(name: 'insertAdjacent' | 'remove' | 'error' | 'patch' | 'batchPatch', listener: any): void;
+    emit(name: 'insertAdjacent' | 'remove' | 'error' | 'patch' | 'batchPatch', ...args: any[]): void;
     parentsIn(schema: Schema): boolean;
     refresh(): void;
     insertAdjacent(position: Position, schema: ISchema, options?: InsertAdjacentOptions): void;

package/es/schema-component/hooks/useDesignable.js

@@ -141,25 +141,61 @@ export var Designable = /*#__PURE__*/function () {
         return;
       }
 
+      var updateColumnSize = function updateColumnSize(parent) {
+        if (!parent) {
+          return;
+        }
+
+        var len = Object.values(parent.properties).length;
+        var schemas = [];
+        parent.mapProperties(function (s) {
+          s['x-component-props'] = s['x-component-props'] || {};
+          s['x-component-props']['width'] = 100 / len;
+
+          if (s['x-uid']) {
+            schemas.push({
+              'x-uid': s['x-uid'],
+              'x-component-props': s['x-component-props']
+            });
+          }
+        });
+
+        if (parent['x-uid'] && schemas.length) {
+          return schemas;
+        }
+
+        return [];
+      };
+
       this.on('insertAdjacent', /*#__PURE__*/function () {
         var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
-          var onSuccess, current, position, schema, wrap, removed;
+          var onSuccess, current, position, schema, wrap, wrapped, removed, schemas;
           return regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
-                  onSuccess = _ref.onSuccess, current = _ref.current, position = _ref.position, schema = _ref.schema, wrap = _ref.wrap, removed = _ref.removed;
+                  onSuccess = _ref.onSuccess, current = _ref.current, position = _ref.position, schema = _ref.schema, wrap = _ref.wrap, wrapped = _ref.wrapped, removed = _ref.removed;
+                  schemas = [];
+
+                  if ((wrapped === null || wrapped === void 0 ? void 0 : wrapped['x-component']) === 'Grid.Col') {
+                    schemas = updateColumnSize(wrapped.parent);
+                  }
+
+                  if ((removed === null || removed === void 0 ? void 0 : removed['x-component']) === 'Grid.Col') {
+                    schemas = updateColumnSize(removed.parent);
+                  }
+
                   refresh();
 
                   if (current['x-uid']) {
-                    _context.next = 4;
+                    _context.next = 7;
                     break;
                   }
 
                   return _context.abrupt("return");
 
-                case 4:
-                  _context.next = 6;
+                case 7:
+                  _context.next = 9;
                   return api.request({
                     url: "/uiSchemas:insertAdjacent/".concat(current['x-uid'], "?position=").concat(position),
                     method: 'post',
@@ -169,23 +205,36 @@ export var Designable = /*#__PURE__*/function () {
                     }
                   });
 
-                case 6:
+                case 9:
+                  if (!schemas.length) {
+                    _context.next = 12;
+                    break;
+                  }
+
+                  _context.next = 12;
+                  return api.request({
+                    url: "/uiSchemas:batchPatch",
+                    method: 'post',
+                    data: schemas
+                  });
+
+                case 12:
                   if (!(removed === null || removed === void 0 ? void 0 : removed['x-uid'])) {
-                    _context.next = 9;
+                    _context.next = 15;
                     break;
                   }
 
-                  _context.next = 9;
+                  _context.next = 15;
                   return api.request({
                     url: "/uiSchemas:remove/".concat(removed['x-uid']),
                     method: 'post'
                   });
 
-                case 9:
+                case 15:
                   onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
                   message.success(t('Saved successfully'), 0.2);
 
-                case 11:
+                case 17:
                 case "end":
                   return _context.stop();
               }
@@ -237,43 +286,93 @@ export var Designable = /*#__PURE__*/function () {
           return _ref4.apply(this, arguments);
         };
       }());
-      this.on('remove', /*#__PURE__*/function () {
+      this.on('batchPatch', /*#__PURE__*/function () {
         var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(_ref5) {
-          var removed;
+          var schemas;
           return regeneratorRuntime.wrap(function _callee3$(_context3) {
             while (1) {
               switch (_context3.prev = _context3.next) {
                 case 0:
-                  removed = _ref5.removed;
+                  schemas = _ref5.schemas;
+                  refresh();
+                  _context3.next = 4;
+                  return api.request({
+                    url: "/uiSchemas:batchPatch",
+                    method: 'post',
+                    data: schemas
+                  });
+
+                case 4:
+                  message.success(t('Saved successfully'), 0.2);
+
+                case 5:
+                case "end":
+                  return _context3.stop();
+              }
+            }
+          }, _callee3);
+        }));
+
+        return function (_x3) {
+          return _ref6.apply(this, arguments);
+        };
+      }());
+      this.on('remove', /*#__PURE__*/function () {
+        var _ref8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(_ref7) {
+          var removed, schemas;
+          return regeneratorRuntime.wrap(function _callee4$(_context4) {
+            while (1) {
+              switch (_context4.prev = _context4.next) {
+                case 0:
+                  removed = _ref7.removed;
+                  schemas = [];
+
+                  if ((removed === null || removed === void 0 ? void 0 : removed['x-component']) === 'Grid.Col') {
+                    schemas = updateColumnSize(removed.parent);
+                  }
+
                   refresh();
 
                   if (removed === null || removed === void 0 ? void 0 : removed['x-uid']) {
-                    _context3.next = 4;
+                    _context4.next = 6;
                     break;
                   }
 
-                  return _context3.abrupt("return");
+                  return _context4.abrupt("return");
 
-                case 4:
-                  _context3.next = 6;
+                case 6:
+                  _context4.next = 8;
                   return api.request({
                     url: "/uiSchemas:remove/".concat(removed['x-uid']),
                     method: 'post'
                   });
 
-                case 6:
+                case 8:
+                  if (!schemas.length) {
+                    _context4.next = 11;
+                    break;
+                  }
+
+                  _context4.next = 11;
+                  return api.request({
+                    url: "/uiSchemas:batchPatch",
+                    method: 'post',
+                    data: schemas
+                  });
+
+                case 11:
                   message.success(t('Saved successfully'), 0.2);
 
-                case 7:
+                case 12:
                 case "end":
-                  return _context3.stop();
+                  return _context4.stop();
               }
             }
-          }, _callee3);
+          }, _callee4);
         }));
 
-        return function (_x3) {
-          return _ref6.apply(this, arguments);
+        return function (_x4) {
+          return _ref8.apply(this, arguments);
         };
       }());
     }
@@ -569,6 +668,7 @@ export var Designable = /*#__PURE__*/function () {
       this.emit('insertAdjacent', _objectSpread({
         position: 'beforeBegin',
         schema: schema2,
+        wrapped: wrapped,
         wrap: schema1
       }, opts));
     }
@@ -639,7 +739,8 @@ export var Designable = /*#__PURE__*/function () {
       this.emit('insertAdjacent', _objectSpread({
         position: 'afterBegin',
         schema: schema2,
-        wrap: schema1
+        wrap: schema1,
+        wrapped: wrapped
       }, opts));
     }
     /**
@@ -658,6 +759,7 @@ export var Designable = /*#__PURE__*/function () {
         return;
       }
 
+      delete schema['x-index'];
       var opts = {
         onSuccess: options.onSuccess
       };
@@ -699,7 +801,8 @@ export var Designable = /*#__PURE__*/function () {
       this.emit('insertAdjacent', _objectSpread({
         position: 'beforeEnd',
         schema: schema2,
-        wrap: schema1
+        wrap: schema1,
+        wrapped: wrapped
       }, opts));
     }
     /**
@@ -783,7 +886,8 @@ export var Designable = /*#__PURE__*/function () {
       this.emit('insertAdjacent', _objectSpread({
         position: 'afterEnd',
         schema: schema2,
-        wrap: schema1
+        wrap: schema1,
+        wrapped: wrapped
       }, opts));
     }
   }]);

package/es/schema-initializer/SchemaInitializer.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './style.less';
 import { SchemaInitializerButtonProps, SchemaInitializerItemComponent, SchemaInitializerItemProps } from './types';
 export declare const SchemaInitializerItemContext: React.Context<any>;
 export declare const SchemaInitializer: {

package/es/schema-initializer/SchemaInitializer.js

@@ -34,6 +34,7 @@ import classNames from 'classnames';
 import React, { createContext, useContext, useState } from 'react';
 import { Icon } from '../icon';
 import { useCompile, useDesignable } from '../schema-component/hooks';
+import './style.less';
 
 var defaultWrap = function defaultWrap(s) {
   return s;
@@ -43,6 +44,7 @@ export var SchemaInitializerItemContext = /*#__PURE__*/createContext(null);
 export var SchemaInitializer = function SchemaInitializer() {
   return null;
 };
+var menuItemGroupCss = 'nb-menu-item-group';
 SchemaInitializer.Button = observer(function (props) {
   var title = props.title,
       insert = props.insert,
@@ -121,7 +123,8 @@ SchemaInitializer.Button = observer(function (props) {
 
         return !!((_item$children2 = item.children) === null || _item$children2 === void 0 ? void 0 : _item$children2.length) && /*#__PURE__*/React.createElement(Menu.SubMenu, {
           key: item.key || "item-group-".concat(indexA),
-          title: compile(item.title)
+          title: compile(item.title),
+          popupClassName: menuItemGroupCss
         }, renderItems(item.children));
       }
     });
@@ -191,7 +194,8 @@ SchemaInitializer.Item = function (props) {
             // @ts-ignore
             eventKey: item.key || "item-group-".concat(indexA),
             key: item.key || "item-group-".concat(indexA),
-            title: compile(item.title)
+            title: compile(item.title),
+            className: menuItemGroupCss
           }, renderMenuItem(item.children));
         }
 

package/es/schema-initializer/buttons/TabPaneInitializers.d.ts

@@ -1 +1,2 @@
-export declare const TabPaneInitializers: () => JSX.Element;
+export declare const TabPaneInitializers: (props?: any) => JSX.Element;
+export declare const TabPaneInitializersForCreateFormBlock: () => JSX.Element;

package/es/schema-initializer/buttons/TabPaneInitializers.js

@@ -4,8 +4,8 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
 import { useForm } from '@formily/react';
 import React from 'react';
-import { SchemaComponent, useActionContext, useDesignable } from '../..';
-export var TabPaneInitializers = function TabPaneInitializers() {
+import { SchemaComponent, useActionContext, useDesignable, useRecordIndex } from '../..';
+export var TabPaneInitializers = function TabPaneInitializers(props) {
   var _useDesignable = useDesignable(),
       designable = _useDesignable.designable,
       insertBeforeEnd = _useDesignable.insertBeforeEnd;
@@ -17,6 +17,7 @@ export var TabPaneInitializers = function TabPaneInitializers() {
   var useSubmitAction = function useSubmitAction() {
     var form = useForm();
     var ctx = useActionContext();
+    var index = useRecordIndex();
     return {
       run: function run() {
         return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
@@ -43,7 +44,7 @@ export var TabPaneInitializers = function TabPaneInitializers() {
                       grid: {
                         type: 'void',
                         'x-component': 'Grid',
-                        'x-initializer': 'RecordBlockInitializers',
+                        'x-initializer': props.isCreate || index === null ? 'CreateFormBlockInitializers' : 'RecordBlockInitializers',
                         properties: {}
                       }
                     }
@@ -150,4 +151,9 @@ export var TabPaneInitializers = function TabPaneInitializers() {
       }
     }
   });
+};
+export var TabPaneInitializersForCreateFormBlock = function TabPaneInitializersForCreateFormBlock() {
+  return /*#__PURE__*/React.createElement(TabPaneInitializers, {
+    isCreate: true
+  });
 };

package/es/schema-initializer/items/ActionInitializer.d.ts

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

package/es/schema-initializer/items/ActionInitializer.js

@@ -0,0 +1,13 @@
+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; }
+
+import React from 'react';
+import { InitializerWithSwitch } from './InitializerWithSwitch';
+export var ActionInitializer = function ActionInitializer(props) {
+  return /*#__PURE__*/React.createElement(InitializerWithSwitch, _objectSpread(_objectSpread({}, props), {}, {
+    type: 'x-action'
+  }));
+};

package/es/schema-initializer/items/BlockInitializer.d.ts

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

package/es/schema-initializer/items/BlockInitializer.js

@@ -0,0 +1,18 @@
+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; }
+
+import React from 'react';
+import { SchemaInitializer } from ".."; // Block
+
+export var BlockInitializer = function BlockInitializer(props) {
+  var item = props.item,
+      insert = props.insert;
+  return /*#__PURE__*/React.createElement(SchemaInitializer.Item, {
+    onClick: function onClick() {
+      insert(_objectSpread({}, item.schema));
+    }
+  });
+};

package/es/schema-initializer/items/BulkDestroyActionInitializer.d.ts

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

package/es/schema-initializer/items/BulkDestroyActionInitializer.js

@@ -0,0 +1,27 @@
+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; }
+
+import React from "react";
+import { ActionInitializer } from "./ActionInitializer";
+export var BulkDestroyActionInitializer = function BulkDestroyActionInitializer(props) {
+  var schema = {
+    title: '{{ t("Delete") }}',
+    'x-action': 'destroy',
+    'x-component': 'Action',
+    'x-designer': 'Action.Designer',
+    'x-component-props': {
+      icon: 'DeleteOutlined',
+      confirm: {
+        title: "{{t('Delete record')}}",
+        content: "{{t('Are you sure you want to delete it?')}}"
+      },
+      useProps: '{{ useBulkDestroyActionProps }}'
+    }
+  };
+  return /*#__PURE__*/React.createElement(ActionInitializer, _objectSpread(_objectSpread({}, props), {}, {
+    schema: schema
+  }));
+};

package/es/schema-initializer/items/CalendarBlockInitializer.d.ts

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