@nocobase/plugin-workflow 0.10.1-alpha.1 → 0.11.1-alpha.1

package/lib/client/nodes/parallel.js

@@ -4,30 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function _react() {
+function _icons() {
+  const data = require("@ant-design/icons");
+  _icons = function _icons() {
     return data;
   };
   return data;
 }
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
     return data;
   };
   return data;
 }
-function _icons() {
-  const data = require("@ant-design/icons");
-  _icons = function _icons() {
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
     return data;
   };
   return data;
 }
-function _antd() {
-  const data = require("antd");
-  _antd = function _antd() {
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function _react() {
     return data;
   };
   return data;
@@ -35,9 +35,10 @@ function _antd() {
 var _2 = require(".");
 var _Branch = require("../Branch");
 var _FlowContext = require("../FlowContext");
-var _style = require("../style");
-var _locale = require("../locale");
 var _RadioWithTooltip = require("../components/RadioWithTooltip");
+var _locale = require("../locale");
+var _style = _interopRequireDefault(require("../style"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -79,6 +80,8 @@ var _default = {
   component: function Component({
     data
   }) {
+    const _useStyles = (0, _style.default)(),
+      styles = _useStyles.styles;
     const id = data.id,
       mode = data.config.mode;
     const _useFlowContext = (0, _FlowContext.useFlowContext)(),
@@ -99,9 +102,9 @@ var _default = {
     return _react().default.createElement(_2.NodeDefaultView, {
       data: data
     }, _react().default.createElement("div", {
-      className: (0, _css().cx)(_style.nodeSubtreeClass)
+      className: (0, _client().cx)(styles.nodeSubtreeClass)
     }, _react().default.createElement("div", {
-      className: (0, _css().cx)(_style.branchBlockClass)
+      className: (0, _client().cx)(styles.branchBlockClass)
     }, branches.map(branch => _react().default.createElement(_Branch.Branch, {
       key: branch.id,
       from: data,
@@ -112,7 +115,7 @@ var _default = {
       from: data,
       branchIndex: (lastBranchHead ? lastBranchHead.branchIndex : 0) + i + 1,
       controller: branches.length + i > 1 ? _react().default.createElement("div", {
-        className: (0, _css().css)`
+        className: (0, _client().css)`
                         padding-top: 2em;
 
                         > button {
@@ -128,18 +131,18 @@ var _default = {
         disabled: workflow.executed
       })) : null
     }))), _react().default.createElement("div", {
-      className: (0, _css().css)`
+      className: (0, _client().css)`
               position: relative;
               height: 2em;
             `
     }, _react().default.createElement(_antd().Tooltip, {
       title: (0, _locale.lang)('Add branch'),
-      className: (0, _css().css)`
+      className: (0, _client().css)`
                 visibility: ${workflow.executed ? 'hidden' : 'visible'};
               `
     }, _react().default.createElement(_antd().Button, {
       icon: _react().default.createElement(_icons().PlusOutlined, null),
-      className: (0, _css().css)`
+      className: (0, _client().css)`
                   position: absolute;
                   top: calc(50% - 1px);
                   transform: translateX(-50%) rotate(45deg);

package/lib/client/nodes/query.d.ts

@@ -14,7 +14,7 @@ declare const _default: {
             'x-decorator': string;
             'x-component': string;
             'x-component-props': {
-                dropdownMatchSelectWidth: boolean;
+                popupMatchSelectWidth: boolean;
             };
         };
         multiple: {
@@ -47,9 +47,8 @@ declare const _default: {
                     'x-decorator': string;
                     'x-component': string;
                     'x-component-props': {
-                        mode: string;
-                        placeholder: string;
-                        filter(field: any): boolean;
+                        useCollection(): any;
+                        className: string;
                     };
                     'x-reactions': {
                         dependencies: string[];
@@ -75,7 +74,6 @@ declare const _default: {
     };
     components: {
         FilterDynamicComponent: typeof FilterDynamicComponent;
-        FieldsSelect: import("react").MemoExoticComponent<import("@formily/reactive-react").ReactFC<Pick<any, string | number | symbol>>>;
     };
     useVariables({ id, title, config }: {
         id: any;

package/lib/client/nodes/query.js

@@ -16,7 +16,6 @@ var _locale = require("../locale");
 var _CollectionBlockInitializer = require("../components/CollectionBlockInitializer");
 var _FilterDynamicComponent = require("../components/FilterDynamicComponent");
 var _variable = require("../variable");
-var _FieldsSelect = require("../components/FieldsSelect");
 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -61,8 +60,7 @@ var _default = {
     useCollectionDataSource: _client().useCollectionDataSource
   },
   components: {
-    FilterDynamicComponent: _FilterDynamicComponent.FilterDynamicComponent,
-    FieldsSelect: _FieldsSelect.FieldsSelect
+    FilterDynamicComponent: _FilterDynamicComponent.FilterDynamicComponent
   },
   useVariables({
     id,

package/lib/client/nodes/request.d.ts

@@ -168,8 +168,8 @@ declare const _default: {
         useWorkflowVariableOptions: typeof useWorkflowVariableOptions;
     };
     components: {
-        ArrayItems: React.FC<React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement> & import("@formily/antd").IArrayBaseProps>> & import("@formily/antd").ArrayBaseMixins & {
-            Item?: React.FC<React.HTMLAttributes<HTMLDivElement> & {
+        ArrayItems: import("@formily/reactive-react").ReactFC<React.HTMLAttributes<HTMLDivElement>> & import("@formily/antd-v5").ArrayBaseMixins & {
+            Item: import("@formily/reactive-react").ReactFC<React.HTMLAttributes<HTMLDivElement> & {
                 type?: "divide" | "card";
             }>;
         };

package/lib/client/nodes/request.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function _react() {
+function _antdV() {
+  const data = require("@formily/antd-v5");
+  _antdV = function _antdV() {
     return data;
   };
   return data;
 }
-function _antd() {
-  const data = require("@formily/antd");
-  _antd = function _antd() {
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
     return data;
   };
   return data;
@@ -213,7 +213,7 @@ var _default = {
     useWorkflowVariableOptions: _variable.useWorkflowVariableOptions
   },
   components: {
-    ArrayItems: _antd().ArrayItems,
+    ArrayItems: _antdV().ArrayItems,
     RequestBody(props) {
       const scope = (0, _variable.useWorkflowVariableOptions)();
       return _react().default.createElement(_client().Variable.JSON, _objectSpread({

package/lib/client/nodes/sql.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    type: string;
+    group: string;
+    description: string;
+    fieldset: {
+        sql: {
+            type: string;
+            required: boolean;
+            title: string;
+            description: string;
+            'x-decorator': string;
+            'x-component': string;
+            'x-component-props': {
+                rows: number;
+                className: string;
+            };
+        };
+    };
+    scope: {};
+    components: {
+        SQLInput(props: any): React.JSX.Element;
+    };
+};
+export default _default;

package/lib/client/{triggers/schedule/DateFieldsSelect.js → nodes/sql.js}

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DateFieldsSelect = void 0;
+exports.default = void 0;
 function _react() {
-  const data = require("@formily/react");
+  const data = _interopRequireDefault(require("react"));
   _react = function _react() {
     return data;
   };
@@ -18,53 +18,44 @@ function _client() {
   };
   return data;
 }
-function _antd() {
-  const data = require("antd");
-  _antd = function _antd() {
-    return data;
-  };
-  return data;
-}
-function _react2() {
-  const data = _interopRequireDefault(require("react"));
-  _react2 = function _react2() {
-    return data;
-  };
-  return data;
-}
-function _reactI18next() {
-  const data = require("react-i18next");
-  _reactI18next = function _reactI18next() {
-    return data;
-  };
-  return data;
-}
+var _locale = require("../locale");
+var _variable = require("../variable");
 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-const DateFieldsSelect = (0, _react().observer)(props => {
-  const _useTranslation = (0, _reactI18next().useTranslation)(),
-    t = _useTranslation.t;
-  const compile = (0, _client().useCompile)();
-  const _useCollectionManager = (0, _client().useCollectionManager)(),
-    getCollectionFields = _useCollectionManager.getCollectionFields;
-  const _useForm = (0, _react().useForm)(),
-    values = _useForm.values;
-  const fields = getCollectionFields(values === null || values === void 0 ? void 0 : values.collection);
-  return _react2().default.createElement(_antd().Select, _objectSpread({
-    dropdownMatchSelectWidth: false,
-    placeholder: t('Select field')
-  }, props), fields.filter(field => !field.hidden && (field.uiSchema ? field.type === 'date' : false)).map(field => {
-    var _field$uiSchema;
-    return _react2().default.createElement(_antd().Select.Option, {
-      key: field.name,
-      value: field.name
-    }, compile((_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title));
-  }));
-}, {
-  displayName: 'DateFieldsSelect'
-});
-exports.DateFieldsSelect = DateFieldsSelect;
+var _default = {
+  title: `{{t("SQL action", { ns: "${_locale.NAMESPACE}" })}}`,
+  type: 'sql',
+  group: 'extended',
+  description: `{{t("Execute a SQL statement in database.", { ns: "${_locale.NAMESPACE}" })}}`,
+  fieldset: {
+    sql: {
+      type: 'string',
+      required: true,
+      title: 'SQL',
+      description: `{{t("Usage of SQL query result is not supported yet.", { ns: "${_locale.NAMESPACE}" })}}`,
+      'x-decorator': 'FormItem',
+      'x-component': 'SQLInput',
+      'x-component-props': {
+        rows: 20,
+        className: (0, _client().css)`
+          font-size: 80%;
+          font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+        `
+      }
+    }
+  },
+  scope: {},
+  components: {
+    SQLInput(props) {
+      const scope = (0, _variable.useWorkflowVariableOptions)();
+      return _react().default.createElement(_client().Variable.RawTextArea, _objectSpread({
+        scope: scope
+      }, props));
+    }
+  }
+};
+exports.default = _default;

package/lib/client/nodes/update.d.ts

@@ -19,7 +19,7 @@ declare const _default: {
             'x-decorator': string;
             'x-component': string;
             'x-component-props': {
-                dropdownMatchSelectWidth: boolean;
+                popupMatchSelectWidth: boolean;
             };
         };
         params: {
@@ -76,7 +76,7 @@ declare const _default: {
     };
     components: {
         FilterDynamicComponent: typeof FilterDynamicComponent;
-        CollectionFieldset: React.MemoExoticComponent<import("@formily/react").ReactFC<Pick<any, string | number | symbol>>>;
+        CollectionFieldset: React.MemoExoticComponent<import("@formily/react").ReactFC<Omit<any, "ref">>>;
         IndividualHooksRadioWithTooltip: typeof IndividualHooksRadioWithTooltip;
     };
 };

package/lib/client/nodes/update.js

@@ -100,7 +100,7 @@ var _default = {
         filter: _objectSpread(_objectSpread({}, _collection.filter), {}, {
           title: `{{t("Only update records matching conditions", { ns: "${_locale.NAMESPACE}" })}}`,
           ['x-validator'](value) {
-            return (0, _utils.isValidFilter)(value) ? '' : `{{t("Please add at least one condition", { ns: "${_locale.NAMESPACE}" })}}`;
+            return (0, _utils.isValidFilter)(value) ? '' : (0, _locale.lang)('Please add at least one condition');
           }
         }),
         values: _objectSpread(_objectSpread({}, _collection.values), {}, {

package/lib/client/schemas/collection.d.ts

@@ -6,7 +6,7 @@ export declare const collection: {
     'x-decorator': string;
     'x-component': string;
     'x-component-props': {
-        dropdownMatchSelectWidth: boolean;
+        popupMatchSelectWidth: boolean;
     };
 };
 export declare const values: {
@@ -40,9 +40,8 @@ export declare const appends: {
     'x-decorator': string;
     'x-component': string;
     'x-component-props': {
-        mode: string;
-        placeholder: string;
-        filter(field: any): boolean;
+        useCollection(): any;
+        className: string;
     };
     'x-reactions': {
         dependencies: string[];

package/lib/client/schemas/collection.js

@@ -4,13 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.values = exports.filter = exports.collection = exports.appends = void 0;
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
-    return data;
-  };
-  return data;
-}
 function _react() {
   const data = require("@formily/react");
   _react = function _react() {
@@ -34,7 +27,7 @@ const collection = {
   'x-decorator': 'FormItem',
   'x-component': 'CollectionSelect',
   'x-component-props': {
-    dropdownMatchSelectWidth: false
+    popupMatchSelectWidth: false
   }
 };
 exports.collection = collection;
@@ -44,7 +37,7 @@ const values = {
   'x-decorator': 'FormItem',
   'x-decorator-props': {
     labelAlign: 'left',
-    className: (0, _css().css)`
+    className: (0, _client().css)`
       flex-direction: column;
     `
   },
@@ -64,7 +57,7 @@ const filter = {
       const options = (0, _client().useCollectionFilterOptions)(values === null || values === void 0 ? void 0 : values.collection);
       return {
         options,
-        className: (0, _css().css)`
+        className: (0, _client().css)`
           position: relative;
           width: 100%;
         `
@@ -77,15 +70,16 @@ exports.filter = filter;
 const appends = {
   type: 'array',
   title: `{{t("Preload associations", { ns: "${_locale.NAMESPACE}" })}}`,
-  description: `{{t("Please select the associated fields that need to be accessed in subsequent nodes", { ns: "${_locale.NAMESPACE}" })}}`,
+  description: `{{t("Please select the associated fields that need to be accessed in subsequent nodes. With more than two levels of to-many associations may cause performance issue, please use with caution.", { ns: "${_locale.NAMESPACE}" })}}`,
   'x-decorator': 'FormItem',
-  'x-component': 'FieldsSelect',
+  'x-component': 'AppendsTreeSelect',
   'x-component-props': {
-    mode: 'multiple',
-    placeholder: '{{t("Select field")}}',
-    filter(field) {
-      return ['linkTo', 'belongsTo', 'hasOne', 'hasMany', 'belongsToMany'].includes(field.type);
-    }
+    useCollection() {
+      const _useForm2 = (0, _react().useForm)(),
+        values = _useForm2.values;
+      return values === null || values === void 0 ? void 0 : values.collection;
+    },
+    className: 'full-width'
   },
   'x-reactions': [{
     dependencies: ['collection'],

package/lib/client/style.d.ts

@@ -1,13 +1,18 @@
-export declare const workflowPageClass: string;
-export declare const workflowVersionDropdownClass: string;
-export declare const branchBlockClass: string;
-export declare const branchClass: string;
-export declare const nodeBlockClass: string;
-export declare const nodeClass: string;
-export declare const nodeCardClass: string;
-export declare const nodeJobButtonClass: string;
-export declare const nodeHeaderClass: string;
-export declare const nodeMetaClass: string;
-export declare const nodeTitleClass: string;
-export declare const nodeSubtreeClass: string;
-export declare const addButtonClass: string;
+declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    workflowPageClass: import("antd-style").SerializedStyles;
+    workflowVersionDropdownClass: import("antd-style").SerializedStyles;
+    branchBlockClass: import("antd-style").SerializedStyles;
+    branchClass: import("antd-style").SerializedStyles;
+    nodeBlockClass: import("antd-style").SerializedStyles;
+    nodeClass: import("antd-style").SerializedStyles;
+    nodeCardClass: import("antd-style").SerializedStyles;
+    nodeJobButtonClass: import("antd-style").SerializedStyles;
+    nodeHeaderClass: import("antd-style").SerializedStyles;
+    nodeMetaClass: import("antd-style").SerializedStyles;
+    nodeTitleClass: import("antd-style").SerializedStyles;
+    nodeSubtreeClass: import("antd-style").SerializedStyles;
+    addButtonClass: import("antd-style").SerializedStyles;
+    conditionClass: import("antd-style").SerializedStyles;
+    loopLineClass: import("antd-style").SerializedStyles;
+}>;
+export default useStyles;