@nocobase/client 0.7.2-alpha.7 → 0.7.4-alpha.4

package/es/schema-component/antd/tabs/Tabs.Designer.js

@@ -25,28 +25,39 @@ export var TabsDesigner = function TabsDesigner() {
       properties: {
         title: {
           title: t('Tab name'),
+          required: true,
           'x-decorator': 'FormItem',
           'x-component': 'Input',
           'x-component-props': {}
+        },
+        icon: {
+          title: t('Icon'),
+          'x-decorator': 'FormItem',
+          'x-component': 'IconPicker',
+          'x-component-props': {}
         }
       }
     },
     initialValues: {
-      title: field.title
+      title: field.title,
+      icon: field.componentProps.icon
     },
     onSubmit: function onSubmit(_ref) {
-      var title = _ref.title;
+      var _schema;
 
-      if (title) {
-        var _schema;
-
-        fieldSchema.title = title;
-        field.title = title;
-        dn.emit('patch', {
-          schema: (_schema = {}, _defineProperty(_schema, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema, "title", title), _schema)
-        });
-        dn.refresh();
-      }
+      var title = _ref.title,
+          icon = _ref.icon;
+      var props = fieldSchema['x-component-props'] || {};
+      fieldSchema.title = title;
+      field.title = title;
+      props.icon = icon;
+      field.componentProps.icon = icon;
+      fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+      fieldSchema['x-component-props'].icon = icon;
+      dn.emit('patch', {
+        schema: (_schema = {}, _defineProperty(_schema, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema, "title", title), _defineProperty(_schema, 'x-component-props', props), _schema)
+      });
+      dn.refresh();
     }
   }), /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Remove, null));
 };

package/es/schema-component/antd/tabs/Tabs.js

@@ -7,6 +7,7 @@ import { observer, RecursionField, useField, useFieldSchema } from '@formily/rea
 import { Tabs as AntdTabs } from 'antd';
 import classNames from 'classnames';
 import React from 'react';
+import { Icon } from '../../../icon';
 import { useSchemaInitializer } from '../../../schema-initializer';
 import { DndContext, SortableItem } from '../../common';
 import { useDesigner } from '../../hooks/useDesigner';
@@ -42,6 +43,11 @@ Tabs.TabPane = observer(function (props) {
   var field = useField();
   return /*#__PURE__*/React.createElement(SortableItem, {
     className: classNames('nb-action-link', designerCss, props.className)
-  }, props.tab || field.title, /*#__PURE__*/React.createElement(Designer, null));
+  }, props.icon && /*#__PURE__*/React.createElement(Icon, {
+    style: {
+      marginRight: 2
+    },
+    type: props.icon
+  }), " ", props.tab || field.title, /*#__PURE__*/React.createElement(Designer, null));
 });
 Tabs.Designer = TabsDesigner;

package/es/schema-component/antd/time-picker/ReadPretty.js

@@ -1,14 +1,20 @@
-import { formatMomentValue, usePrefixCls } from '@formily/antd/lib/__builtins__';
-import { isArr } from '@formily/shared';
+import { usePrefixCls } from '@formily/antd/lib/__builtins__';
+import { toArr } from '@formily/shared';
 import cls from 'classnames';
+import moment from 'moment';
 import React from 'react';
 export var ReadPretty = function ReadPretty(props) {
-  var placeholder = props.placeholder;
+  var value = props.value,
+      _props$format = props.format,
+      format = _props$format === void 0 ? 'HH:mm:ss' : _props$format;
   var prefixCls = usePrefixCls('description-text', props);
+  var values = toArr(value);
 
   var getLabels = function getLabels() {
-    var labels = formatMomentValue(props.value, props.format, placeholder);
-    return isArr(labels) ? labels.join('~') : labels;
+    var labels = values.map(function (v) {
+      return moment(v, 'HH:mm:ss').format(format);
+    });
+    return labels.join('~');
   };
 
   return /*#__PURE__*/React.createElement("div", {

package/es/schema-component/core/DesignableSwitch.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useDesignable } from '..';
 import { PluginManager } from '../../plugin-manager';
+import { useHotkeys } from 'react-hotkeys-hook';
 export var DesignableSwitch = function DesignableSwitch() {
   var _useDesignable = useDesignable(),
       designable = _useDesignable.designable,
@@ -15,12 +16,17 @@ export var DesignableSwitch = function DesignableSwitch() {
 
   if (designable) {
     style['backgroundColor'] = '#f18b62';
-  }
+  } // 快捷键切换编辑状态
 
+
+  useHotkeys('Ctrl+Shift+U', function () {
+    return setDesignable(!designable);
+  }, [designable]);
   return /*#__PURE__*/React.createElement(PluginManager.Toolbar.Item, {
     selected: designable,
     icon: /*#__PURE__*/React.createElement(HighlightOutlined, null),
     title: t('UI Editor'),
+    subtitle: 'Ctrl+Shift+U',
     style: style,
     onClick: function onClick() {
       setDesignable(!designable);

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

@@ -724,6 +724,27 @@ export var Designable = /*#__PURE__*/function () {
           wrap = _options$wrap4 === void 0 ? defaultWrap : _options$wrap4,
           breakRemoveOn = options.breakRemoveOn,
           removeParentsIfNoChildren = options.removeParentsIfNoChildren;
+      var order = 0;
+      var newOrder = 0;
+      var start = false;
+      var properties = {};
+      this.current.parent.mapProperties(function (property, key) {
+        property['x-index'] = order;
+
+        if (key === _this4.current.name) {
+          ++order;
+          newOrder = order;
+          start = true;
+        }
+
+        ++order;
+
+        if (start && key !== _this4.current.name) {
+          properties[key] = property;
+
+          _this4.current.parent.removeProperty(key);
+        }
+      });
 
       if (Schema.isSchemaInstance(schema)) {
         if (this.parentsIn(schema)) {
@@ -747,27 +768,6 @@ export var Designable = /*#__PURE__*/function () {
         schema = cloneDeep(schema);
       }
 
-      var order = 0;
-      var newOrder = 0;
-      var start = false;
-      var properties = {};
-      this.current.parent.mapProperties(function (property, key) {
-        property['x-index'] = order;
-
-        if (key === _this4.current.name) {
-          ++order;
-          newOrder = order;
-          start = true;
-        }
-
-        ++order;
-
-        if (start && key !== _this4.current.name) {
-          properties[key] = property;
-
-          _this4.current.parent.removeProperty(key);
-        }
-      });
       this.prepareProperty(schema);
       var wrapped = wrap(schema);
       var s = this.current.parent.addProperty(wrapped.name || uid(), wrapped);

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

@@ -9,6 +9,6 @@ export var useProps = function useProps(props, options) {
   var useProps = props.useProps,
       props1 = _objectWithoutProperties(props, _excluded);
 
-  var props2 = (useProps === null || useProps === void 0 ? void 0 : useProps()) || {};
+  var props2 = typeof useProps === 'function' ? useProps() : {};
   return merge(props1 || {}, props2, options);
 };

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

@@ -1,7 +1,8 @@
+import { union } from 'lodash';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { SchemaInitializer } from '../SchemaInitializer';
-import { gridRowColWrap, useFormItemInitializerFields } from '../utils'; // 表单里配置字段
+import { gridRowColWrap, useAssociatedFormItemInitializerFields, useFormItemInitializerFields } from '../utils'; // 表单里配置字段
 
 export var FormItemInitializers = function FormItemInitializers(props) {
   var _useTranslation = useTranslation(),
@@ -9,14 +10,24 @@ export var FormItemInitializers = function FormItemInitializers(props) {
 
   var insertPosition = props.insertPosition,
       component = props.component;
+  var associationFields = useAssociatedFormItemInitializerFields({
+    readPretty: true,
+    block: 'Form'
+  });
   return /*#__PURE__*/React.createElement(SchemaInitializer.Button, {
     wrap: gridRowColWrap,
     icon: 'SettingOutlined',
-    items: [{
+    items: union([{
       type: 'itemGroup',
       title: t('Display fields'),
       children: useFormItemInitializerFields()
+    }], associationFields.length > 0 ? [{
+      type: 'divider'
     }, {
+      type: 'itemGroup',
+      title: t('Display association fields'),
+      children: associationFields
+    }] : [], [{
       type: 'divider'
     }, {
       type: 'item',
@@ -32,7 +43,7 @@ export var FormItemInitializers = function FormItemInitializers(props) {
           content: t('This is a demo text, **supports Markdown syntax**.')
         }
       }
-    }],
+    }]),
     insertPosition: insertPosition,
     component: component,
     title: component ? null : t('Configure fields')

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

@@ -27,6 +27,14 @@ export var ReadPrettyFormActionInitializers = {
         'x-component': 'Action',
         'x-decorator': 'ACLActionProvider'
       }
+    }, {
+      type: 'item',
+      title: '{{t("Print")}}',
+      component: 'PrintActionInitializer',
+      schema: {
+        'x-component': 'Action',
+        'x-decorator': 'ACLActionProvider'
+      }
     }]
   }, {
     type: 'divider'

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

@@ -1,21 +1,32 @@
+import { union } from 'lodash';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { SchemaInitializer } from '../SchemaInitializer';
-import { gridRowColWrap, useFormItemInitializerFields } from '../utils';
+import { gridRowColWrap, useAssociatedFormItemInitializerFields, useFormItemInitializerFields } from '../utils';
 export var ReadPrettyFormItemInitializers = function ReadPrettyFormItemInitializers(props) {
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
   var insertPosition = props.insertPosition,
       component = props.component;
+  var associationFields = useAssociatedFormItemInitializerFields({
+    readPretty: true,
+    block: 'Form'
+  });
   return /*#__PURE__*/React.createElement(SchemaInitializer.Button, {
     wrap: gridRowColWrap,
     icon: 'SettingOutlined',
-    items: [{
+    items: union([{
       type: 'itemGroup',
       title: t('Display fields'),
       children: useFormItemInitializerFields()
+    }], associationFields.length > 0 ? [{
+      type: 'divider'
     }, {
+      type: 'itemGroup',
+      title: t('Display association fields'),
+      children: associationFields
+    }] : [], [{
       type: 'divider'
     }, {
       type: 'item',
@@ -31,7 +42,7 @@ export var ReadPrettyFormItemInitializers = function ReadPrettyFormItemInitializ
           content: t('This is a demo text, **supports Markdown syntax**.')
         }
       }
-    }],
+    }]),
     insertPosition: insertPosition,
     component: component,
     title: component ? null : t('Configure fields')

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

@@ -1,11 +1,40 @@
+import { useFieldSchema } from '@formily/react';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { SchemaInitializer, useCollection } from '../..';
+import { SchemaInitializer, useCollection, useCollectionManager } from '../..';
 import { gridRowColWrap } from '../utils';
 
+var recursiveParent = function recursiveParent(schema) {
+  var _schema$xDecorator;
+
+  if (!schema) return null;
+
+  if ((_schema$xDecorator = schema['x-decorator']) === null || _schema$xDecorator === void 0 ? void 0 : _schema$xDecorator.endsWith('BlockProvider')) {
+    var _schema$xDecoratorP;
+
+    return (_schema$xDecoratorP = schema['x-decorator-props']) === null || _schema$xDecoratorP === void 0 ? void 0 : _schema$xDecoratorP['collection'];
+  } else {
+    return recursiveParent(schema.parent);
+  }
+};
+
 var useRelationFields = function useRelationFields() {
-  var _useCollection = useCollection(),
-      fields = _useCollection.fields;
+  var fieldSchema = useFieldSchema();
+
+  var _useCollectionManager = useCollectionManager(),
+      getCollectionFields = _useCollectionManager.getCollectionFields;
+
+  var fields = [];
+
+  if (fieldSchema['x-initializer']) {
+    fields = useCollection().fields;
+  } else {
+    var collection = recursiveParent(fieldSchema.parent);
+
+    if (collection) {
+      fields = getCollectionFields(collection);
+    }
+  }
 
   var relationFields = fields.filter(function (field) {
     return ['linkTo', 'subTable', 'o2m', 'm2m', 'obo', 'oho', 'o2o', 'm2o'].includes(field.interface);

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

@@ -20,7 +20,8 @@ export var TabPaneInitializers = function TabPaneInitializers() {
     return {
       run: function run() {
         return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-          var title;
+          var _form$values, title, icon;
+
           return regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
@@ -29,13 +30,15 @@ export var TabPaneInitializers = function TabPaneInitializers() {
                   return form.submit();
 
                 case 2:
-                  title = form.values.title;
+                  _form$values = form.values, title = _form$values.title, icon = _form$values.icon;
                   insertBeforeEnd({
                     type: 'void',
                     title: title,
                     'x-component': 'Tabs.TabPane',
                     'x-designer': 'Tabs.Designer',
-                    'x-component-props': {},
+                    'x-component-props': {
+                      icon: icon
+                    },
                     properties: {
                       grid: {
                         type: 'void',
@@ -94,6 +97,11 @@ export var TabPaneInitializers = function TabPaneInitializers() {
                   'x-component': 'Input',
                   'x-decorator': 'FormItem'
                 },
+                icon: {
+                  title: '{{t("Icon")}}',
+                  'x-component': 'IconPicker',
+                  'x-decorator': 'FormItem'
+                },
                 footer: {
                   'x-component': 'Action.Modal.Footer',
                   type: 'void',

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

@@ -37,6 +37,17 @@ export var TableActionInitializers = {
           skipScopeCheck: true
         }
       }
+    }, {
+      type: 'item',
+      title: "{{t('Refresh')}}",
+      component: 'RefreshActionInitializer',
+      schema: {
+        'x-align': 'right',
+        'x-decorator': 'ACLActionProvider',
+        'x-acl-action-props': {
+          skipScopeCheck: true
+        }
+      }
     }]
   }]
 };

package/es/schema-initializer/components/assigned-field/AssignedField.d.ts

@@ -1 +1,5 @@
+export declare enum AssignedFieldValueType {
+    ConstantValue = "constantValue",
+    DynamicValue = "dynamicValue"
+}
 export declare const AssignedField: (props: any) => JSX.Element;