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

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/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: {

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%;
         `

package/lib/client/style.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.workflowVersionDropdownClass = exports.workflowPageClass = exports.nodeTitleClass = exports.nodeSubtreeClass = exports.nodeMetaClass = exports.nodeJobButtonClass = exports.nodeHeaderClass = exports.nodeClass = exports.nodeCardClass = exports.nodeBlockClass = exports.branchClass = exports.branchBlockClass = exports.addButtonClass = void 0;
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
     return data;
   };
   return data;
 }
-const workflowPageClass = (0, _css().css)`
+const workflowPageClass = (0, _client().css)`
   flex-grow: 1;
   overflow: hidden;
   display: flex;
@@ -64,7 +64,7 @@ const workflowPageClass = (0, _css().css)`
   }
 `;
 exports.workflowPageClass = workflowPageClass;
-const workflowVersionDropdownClass = (0, _css().css)`
+const workflowVersionDropdownClass = (0, _client().css)`
   .ant-dropdown-menu-item {
     .ant-dropdown-menu-title-content {
       text-align: right;
@@ -94,7 +94,7 @@ const workflowVersionDropdownClass = (0, _css().css)`
   }
 `;
 exports.workflowVersionDropdownClass = workflowVersionDropdownClass;
-const branchBlockClass = (0, _css().css)`
+const branchBlockClass = (0, _client().css)`
   display: flex;
   position: relative;
 
@@ -105,11 +105,11 @@ const branchBlockClass = (0, _css().css)`
     bottom: 0;
     left: calc(50% - 0.5px);
     width: 1px;
-    background-color: #f0f2f5;
+    background-color: var(--nb-box-bg);
   }
 `;
 exports.branchBlockClass = branchBlockClass;
-const branchClass = (0, _css().css)`
+const branchClass = (0, _client().css)`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -170,7 +170,7 @@ const branchClass = (0, _css().css)`
   }
 `;
 exports.branchClass = branchClass;
-const nodeBlockClass = (0, _css().css)`
+const nodeBlockClass = (0, _client().css)`
   flex-grow: 1;
   flex-shrink: 0;
   display: flex;
@@ -179,14 +179,14 @@ const nodeBlockClass = (0, _css().css)`
   position: relative;
 `;
 exports.nodeBlockClass = nodeBlockClass;
-const nodeClass = (0, _css().css)`
+const nodeClass = (0, _client().css)`
   flex-shrink: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
 `;
 exports.nodeClass = nodeClass;
-const nodeCardClass = (0, _css().css)`
+const nodeCardClass = (0, _client().css)`
   position: relative;
   width: 20em;
   background: #fff;
@@ -249,7 +249,7 @@ const nodeCardClass = (0, _css().css)`
   }
 `;
 exports.nodeCardClass = nodeCardClass;
-const nodeJobButtonClass = (0, _css().css)`
+const nodeJobButtonClass = (0, _client().css)`
   display: flex;
   position: absolute;
   top: 1.25em;
@@ -266,7 +266,7 @@ const nodeJobButtonClass = (0, _css().css)`
     border: none;
   }
 
-  &.inner{
+  &.inner {
     position: static;
   }
 
@@ -280,11 +280,11 @@ const nodeJobButtonClass = (0, _css().css)`
   }
 `;
 exports.nodeJobButtonClass = nodeJobButtonClass;
-const nodeHeaderClass = (0, _css().css)`
+const nodeHeaderClass = (0, _client().css)`
   position: relative;
 `;
 exports.nodeHeaderClass = nodeHeaderClass;
-const nodeMetaClass = (0, _css().css)`
+const nodeMetaClass = (0, _client().css)`
   margin-bottom: 0.5em;
 
   .workflow-node-id {
@@ -296,7 +296,7 @@ const nodeMetaClass = (0, _css().css)`
   }
 `;
 exports.nodeMetaClass = nodeMetaClass;
-const nodeTitleClass = (0, _css().css)`
+const nodeTitleClass = (0, _client().css)`
   display: flex;
   align-items: center;
   font-weight: normal;
@@ -305,13 +305,13 @@ const nodeTitleClass = (0, _css().css)`
   }
 `;
 exports.nodeTitleClass = nodeTitleClass;
-const nodeSubtreeClass = (0, _css().css)`
+const nodeSubtreeClass = (0, _client().css)`
   display: flex;
   flex-direction: column-reverse;
   align-items: center;
 `;
 exports.nodeSubtreeClass = nodeSubtreeClass;
-const addButtonClass = (0, _css().css)`
+const addButtonClass = (0, _client().css)`
   flex-shrink: 0;
   padding: 2em 0;
 

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SchemaInitializerItemOptions, useCollectionDataSource } from '@nocobase/client';
 declare const _default: {
     title: string;
@@ -11,7 +12,7 @@ declare const _default: {
             'x-decorator': string;
             'x-component': string;
             'x-component-props': {
-                dropdownMatchSelectWidth: boolean;
+                popupMatchSelectWidth: boolean;
             };
         };
         mode: {
@@ -20,7 +21,7 @@ declare const _default: {
             'x-decorator': string;
             'x-component': string;
             'x-component-props': {
-                dropdownMatchSelectWidth: boolean;
+                popupMatchSelectWidth: boolean;
                 options: {
                     label: string;
                     value: number;
@@ -103,7 +104,7 @@ declare const _default: {
         useCollectionDataSource: typeof useCollectionDataSource;
     };
     components: {
-        FieldsSelect: import("react").MemoExoticComponent<import("@formily/reactive-react").ReactFC<Pick<any, string | number | symbol>>>;
+        FieldsSelect: import("react").MemoExoticComponent<import("@formily/reactive-react").ReactFC<Omit<any, "ref">>>;
     };
     useVariables(config: any, options: any): import("../variable").VariableOption[];
     useInitializers(config: any): SchemaInitializerItemOptions | null;

package/lib/client/triggers/collection.js

@@ -77,7 +77,7 @@ var _default = {
       'x-decorator': 'FormItem',
       'x-component': 'Select',
       'x-component-props': {
-        dropdownMatchSelectWidth: false,
+        popupMatchSelectWidth: false,
         options: collectionModeOptions,
         placeholder: `{{t("Trigger on", { ns: "${_locale.NAMESPACE}" })}}`
       },

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

@@ -1,7 +1,7 @@
-import React from 'react';
 import { ISchema } from '@formily/react';
-import { Registry } from '@nocobase/utils/client';
 import { SchemaInitializerItemOptions } from '@nocobase/client';
+import { Registry } from '@nocobase/utils/client';
+import React from 'react';
 import { VariableOptions } from '../variable';
 export interface Trigger {
     title: string;

package/lib/client/triggers/index.js

@@ -5,16 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.triggers = exports.TriggerConfig = void 0;
 exports.useTrigger = useTrigger;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function _react() {
-    return data;
-  };
-  return data;
-}
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
+function _icons() {
+  const data = require("@ant-design/icons");
+  _icons = function _icons() {
     return data;
   };
   return data;
@@ -26,46 +19,46 @@ function _core() {
   };
   return data;
 }
-function _react2() {
+function _react() {
   const data = require("@formily/react");
-  _react2 = function _react2() {
+  _react = function _react() {
     return data;
   };
   return data;
 }
 function _client() {
-  const data = require("@nocobase/utils/client");
+  const data = require("@nocobase/client");
   _client = function _client() {
     return data;
   };
   return data;
 }
-function _antd() {
-  const data = require("antd");
-  _antd = function _antd() {
+function _client2() {
+  const data = require("@nocobase/utils/client");
+  _client2 = function _client2() {
     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 _client2() {
-  const data = require("@nocobase/client");
-  _client2 = function _client2() {
+function _react2() {
+  const data = _interopRequireWildcard(require("react"));
+  _react2 = function _react2() {
     return data;
   };
   return data;
 }
-var _style = require("../style");
 var _FlowContext = require("../FlowContext");
+var _locale = require("../locale");
+var _style = require("../style");
 var _collection = _interopRequireDefault(require("./collection"));
 var _schedule = _interopRequireDefault(require("./schedule/"));
-var _locale = require("../locale");
 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; }
@@ -84,12 +77,12 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 function useUpdateConfigAction() {
   var _useFlowContext;
-  const form = (0, _react2().useForm)();
-  const api = (0, _client2().useAPIClient)();
+  const form = (0, _react().useForm)();
+  const api = (0, _client().useAPIClient)();
   const _ref = (_useFlowContext = (0, _FlowContext.useFlowContext)()) !== null && _useFlowContext !== void 0 ? _useFlowContext : {},
     workflow = _ref.workflow;
-  const ctx = (0, _client2().useActionContext)();
-  const _useResourceActionCon = (0, _client2().useResourceActionContext)(),
+  const ctx = (0, _client().useActionContext)();
+  const _useResourceActionCon = (0, _client().useResourceActionContext)(),
     refresh = _useResourceActionCon.refresh;
   return {
     run() {
@@ -112,12 +105,12 @@ function useUpdateConfigAction() {
     }
   };
 }
-const triggers = new (_client().Registry)();
+const triggers = new (_client2().Registry)();
 exports.triggers = triggers;
 triggers.register(_collection.default.type, _collection.default);
 triggers.register(_schedule.default.type, _schedule.default);
 function TriggerExecution() {
-  const compile = (0, _client2().useCompile)();
+  const compile = (0, _client().useCompile)();
   const _useFlowContext2 = (0, _FlowContext.useFlowContext)(),
     workflow = _useFlowContext2.workflow,
     execution = _useFlowContext2.execution;
@@ -125,13 +118,13 @@ function TriggerExecution() {
     return null;
   }
   const trigger = triggers.get(workflow.type);
-  return _react().default.createElement(_client2().SchemaComponent, {
+  return _react2().default.createElement(_client().SchemaComponent, {
     schema: {
       type: 'void',
       name: 'execution',
       'x-component': 'Action',
       'x-component-props': {
-        title: _react().default.createElement(_icons().InfoOutlined, null),
+        title: _react2().default.createElement(_icons().InfoOutlined, null),
         shape: 'circle',
         className: _style.nodeJobButtonClass,
         type: 'primary'
@@ -144,9 +137,9 @@ function TriggerExecution() {
             initialValue: execution
           },
           'x-component': 'Action.Modal',
-          title: _react().default.createElement("div", {
-            className: (0, _css().cx)(_style.nodeTitleClass)
-          }, _react().default.createElement(_antd().Tag, null, compile(trigger.title)), _react().default.createElement("strong", null, workflow.title), _react().default.createElement("span", {
+          title: _react2().default.createElement("div", {
+            className: (0, _client().cx)(_style.nodeTitleClass)
+          }, _react2().default.createElement(_antd().Tag, null, compile(trigger.title)), _react2().default.createElement("strong", null, workflow.title), _react2().default.createElement("span", {
             className: "workflow-node-id"
           }, "#", execution.id)),
           properties: {
@@ -166,7 +159,7 @@ function TriggerExecution() {
               'x-decorator': 'FormItem',
               'x-component': 'Input.JSON',
               'x-component-props': {
-                className: (0, _css().css)`
+                className: (0, _client().css)`
                     padding: 1em;
                     background-color: #eee;
                   `
@@ -180,27 +173,27 @@ function TriggerExecution() {
   });
 }
 const TriggerConfig = () => {
-  const api = (0, _client2().useAPIClient)();
-  const compile = (0, _client2().useCompile)();
+  const api = (0, _client().useAPIClient)();
+  const compile = (0, _client().useCompile)();
   const _useFlowContext3 = (0, _FlowContext.useFlowContext)(),
     workflow = _useFlowContext3.workflow,
     refresh = _useFlowContext3.refresh;
-  const _useState = (0, _react().useState)(''),
+  const _useState = (0, _react2().useState)(''),
     _useState2 = _slicedToArray(_useState, 2),
     editingTitle = _useState2[0],
     setEditingTitle = _useState2[1];
-  const _useState3 = (0, _react().useState)(false),
+  const _useState3 = (0, _react2().useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
     editingConfig = _useState4[0],
     setEditingConfig = _useState4[1];
   let typeTitle = '';
-  (0, _react().useEffect)(() => {
+  (0, _react2().useEffect)(() => {
     if (workflow) {
       var _workflow$title;
       setEditingTitle((_workflow$title = workflow.title) !== null && _workflow$title !== void 0 ? _workflow$title : typeTitle);
     }
   }, [workflow]);
-  const form = (0, _react().useMemo)(() => (0, _core().createForm)({
+  const form = (0, _react2().useMemo)(() => (0, _core().createForm)({
     initialValues: workflow === null || workflow === void 0 ? void 0 : workflow.config,
     values: workflow === null || workflow === void 0 ? void 0 : workflow.config,
     disabled: workflow === null || workflow === void 0 ? void 0 : workflow.executed
@@ -254,24 +247,24 @@ const TriggerConfig = () => {
       }
     }
   }
-  return _react().default.createElement("div", {
-    className: (0, _css().cx)(_style.nodeCardClass),
+  return _react2().default.createElement("div", {
+    className: (0, _client().cx)(_style.nodeCardClass),
     onClick: onOpenDrawer
-  }, _react().default.createElement("div", {
-    className: (0, _css().cx)(_style.nodeMetaClass, 'workflow-node-meta')
-  }, _react().default.createElement(_antd().Tag, {
+  }, _react2().default.createElement("div", {
+    className: (0, _client().cx)(_style.nodeMetaClass, 'workflow-node-meta')
+  }, _react2().default.createElement(_antd().Tag, {
     color: "gold"
-  }, titleText)), _react().default.createElement("div", null, _react().default.createElement(_antd().Input.TextArea, {
+  }, titleText)), _react2().default.createElement("div", null, _react2().default.createElement(_antd().Input.TextArea, {
     value: editingTitle,
     onChange: ev => setEditingTitle(ev.target.value),
     onBlur: ev => onChangeTitle(ev.target.value),
     autoSize: true
-  })), _react().default.createElement(TriggerExecution, null), _react().default.createElement(_client2().ActionContextProvider, {
+  })), _react2().default.createElement(TriggerExecution, null), _react2().default.createElement(_client().ActionContextProvider, {
     value: {
       visible: editingConfig,
       setVisible: setEditingConfig
     }
-  }, _react().default.createElement(_client2().SchemaComponent, {
+  }, _react2().default.createElement(_client().SchemaComponent, {
     schema: {
       name: `workflow-trigger-${workflow.id}`,
       type: 'void',
@@ -300,7 +293,7 @@ const TriggerConfig = () => {
                 type: 'warning',
                 showIcon: true,
                 message: `{{t("Trigger in executed workflow cannot be modified", { ns: "${_locale.NAMESPACE}" })}}`,
-                className: (0, _css().css)`
+                className: (0, _client().css)`
                               width: 100%;
                               font-size: 85%;
                               margin-bottom: 2em;
@@ -312,7 +305,7 @@ const TriggerConfig = () => {
               type: 'void',
               'x-component': 'fieldset',
               'x-component-props': {
-                className: (0, _css().css)`
+                className: (0, _client().css)`
                         .ant-select:not(.full-width) {
                           width: auto;
                           min-width: 6em;

package/lib/client/triggers/schedule/DateFieldsSelect.js

@@ -55,7 +55,7 @@ const DateFieldsSelect = (0, _react().observer)(props => {
     values = _useForm.values;
   const fields = getCollectionFields(values === null || values === void 0 ? void 0 : values.collection);
   return _react2().default.createElement(_antd().Select, _objectSpread({
-    dropdownMatchSelectWidth: false,
+    popupMatchSelectWidth: false,
     placeholder: t('Select field')
   }, props), fields.filter(field => !field.hidden && (field.uiSchema ? field.type === 'date' : false)).map(field => {
     var _field$uiSchema;

package/lib/client/triggers/schedule/EndsByField.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EndsByField = EndsByField;
-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 _antd() {
-  const data = require("antd");
-  _antd = function _antd() {
+function _client2() {
+  const data = require("@nocobase/utils/client");
+  _client2 = function _client2() {
     return data;
   };
   return data;
 }
-function _moment() {
-  const data = _interopRequireDefault(require("moment"));
-  _moment = function _moment() {
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
     return data;
   };
   return data;
@@ -43,7 +43,7 @@ function EndsByField({
     t = _useWorkflowTranslati.t;
   const type = value != null ? typeof value === 'object' && !(value instanceof Date) ? 'field' : 'date' : null;
   return _react().default.createElement("fieldset", {
-    className: (0, _css().css)`
+    className: (0, _client().css)`
         display: flex;
         gap: 0.5em;
       `
@@ -63,7 +63,7 @@ function EndsByField({
     onChange: _onChange
   }) : null, type === 'date' ? _react().default.createElement(_antd().DatePicker, {
     showTime: true,
-    value: (0, _moment().default)(value),
+    value: (0, _client2().dayjs)(value),
     onChange: v => {
       _onChange(v ? v.toDate() : null);
     }

package/lib/client/triggers/schedule/OnField.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.OnField = OnField;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function _react() {
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
     return data;
   };
   return data;
 }
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
+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;
@@ -32,8 +32,8 @@ function _reactI18next() {
   };
   return data;
 }
-var _DateFieldsSelect = require("./DateFieldsSelect");
 var _locale = require("../../locale");
+var _DateFieldsSelect = require("./DateFieldsSelect");
 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; }
@@ -60,7 +60,7 @@ function OnField({
     dir = _useState2[0],
     setDir = _useState2[1];
   return _react().default.createElement("fieldset", {
-    className: (0, _css().css)`
+    className: (0, _client().css)`
         display: flex;
         gap: 0.5em;
       `

package/lib/client/triggers/schedule/RepeatField.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RepeatField = RepeatField;
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
     return data;
   };
   return data;
@@ -114,7 +114,7 @@ function RepeatField({
   }
   const locale = languages[localStorage.getItem('NOCOBASE_LOCALE') || 'en-US'];
   return _react().default.createElement("fieldset", {
-    className: (0, _css().css)`
+    className: (0, _client().css)`
         display: flex;
         flex-direction: ${typeValue === 'cron' ? 'column' : 'row'};
         align-items: flex-start;