npm - efaas-flow-design - Versions diffs - 1.0.19 → 1.0.20 - Mend

efaas-flow-design 1.0.19 → 1.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/efaas-flow-design.common.js +52 -52
package/efaas-flow-design.css +1 -1
package/efaas-flow-design.umd.js +52 -52
package/efaas-flow-design.umd.min.js +1 -1
package/package.json +1 -1

package/efaas-flow-design.common.js CHANGED Viewed

@@ -13941,7 +13941,7 @@ if (typeof window !== 'undefined') {
 ;// external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject = require("vue");
 var external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject_0 = /*#__PURE__*/__webpack_require__.t(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject, 2);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/FlowDesign/index.vue?vue&type=template&id=0d4c590c
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/FlowDesign/index.vue?vue&type=template&id=6b084800
 const _hoisted_1 = {
   class: "designer-wrap"
@@ -13976,7 +13976,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     readable: $props.readable
   }, null, 8, ["node", "readable"])])], 4)])], 4)]);
 }
-;// ./packages/FlowDesign/index.vue?vue&type=template&id=0d4c590c
+;// ./packages/FlowDesign/index.vue?vue&type=template&id=6b084800
 ;// ./packages/util/deviceUtil.js
 const w = document.documentElement.clientWidth;
@@ -33999,8 +33999,8 @@ const commonApi_request = (url, ...arg) => baseRequest(url, ...arg);
       this.$store.dispatch('flow/setNode', this.node);
     }
     // api请求地址
-    util_tool.data.set('sendUrl', this.apiUrl ? this.apiUrl : 'http://10.5.7.132:83');
-    //   tool.data.set('TOKEN', '9uGuKsA4XDs1QSsNE1YgqT1uNvBU4VhY')
+    //   tool.data.set('sendUrl', this.apiUrl?this.apiUrl:'http://10.5.7.132:83')
+    //   tool.data.set('TOKEN', '0dLvB6rZx2p1MtMXKz7bODLg56B6oJVr')
     //   commonApi.getLoginUser().then(res => {
     //     tool.data.set('USER_INFO', res)
     //   })
@@ -34854,40 +34854,39 @@ function Approvervue_type_template_id_1b214a10_render(_ctx, _cache, $props, $set
 }
 ;// ./packages/FlowNode/Approver/index.vue?vue&type=template&id=1b214a10
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/FlowDrawer/Approver/index.vue?vue&type=template&id=35c271a6
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/FlowDrawer/Approver/index.vue?vue&type=template&id=46e10f78
-const Approvervue_type_template_id_35c271a6_hoisted_1 = ["src"];
-const Approvervue_type_template_id_35c271a6_hoisted_2 = {
+const Approvervue_type_template_id_46e10f78_hoisted_1 = ["src"];
+const Approvervue_type_template_id_46e10f78_hoisted_2 = {
   class: "flow-ant-drawer-title"
 };
-const Approvervue_type_template_id_35c271a6_hoisted_3 = {
+const Approvervue_type_template_id_46e10f78_hoisted_3 = {
   class: "flow-setting-module"
 };
-const Approvervue_type_template_id_35c271a6_hoisted_4 = {
+const Approvervue_type_template_id_46e10f78_hoisted_4 = {
   key: 0,
   class: "flow-setting-content"
 };
-const Approvervue_type_template_id_35c271a6_hoisted_5 = {
+const Approvervue_type_template_id_46e10f78_hoisted_5 = {
   class: "flow-setting-item"
 };
-const Approvervue_type_template_id_35c271a6_hoisted_6 = {
+const Approvervue_type_template_id_46e10f78_hoisted_6 = {
   class: "flow-setting-content"
 };
-const Approvervue_type_template_id_35c271a6_hoisted_7 = {
+const Approvervue_type_template_id_46e10f78_hoisted_7 = {
   key: 0,
   class: "flow-setting-item"
 };
 const _hoisted_8 = {
   class: "flow-setting-item-title"
 };
-function Approvervue_type_template_id_35c271a6_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Approvervue_type_template_id_46e10f78_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EditName = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("EditName");
   const _component_a_alert = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("a-alert");
   const _component_FlowSimpleSelect = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("FlowSimpleSelect");
   const _component_FlowNodeApproval = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("FlowNodeApproval");
   const _component_a_tab_pane = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("a-tab-pane");
   const _component_a_tabs = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("a-tabs");
-  const _component_FlowDrawerFooter = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("FlowDrawerFooter");
   const _component_a_drawer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("a-drawer");
   return $data.node.approverGroups ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_a_drawer, {
     key: 0,
@@ -34898,18 +34897,17 @@ function Approvervue_type_template_id_35c271a6_render(_ctx, _cache, $props, $set
     closable: false,
     visible: $data.visible,
     destroyOnClose: true,
-    maskClosable: false,
     onAfterOpenChange: $options.afterVisibleChange,
     onClose: $options.onClose
   }, {
     title: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("img", {
       src: _ctx.approverIcon,
       class: "anticon"
-    }, null, 8, Approvervue_type_template_id_35c271a6_hoisted_1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", Approvervue_type_template_id_35c271a6_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_EditName, {
+    }, null, 8, Approvervue_type_template_id_46e10f78_hoisted_1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", Approvervue_type_template_id_46e10f78_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_EditName, {
       modelValue: $data.node.name,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $data.node.name = $event)
     }, null, 8, ["modelValue"])])]),
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", Approvervue_type_template_id_35c271a6_hoisted_3, [$data.node.type == 6 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", Approvervue_type_template_id_35c271a6_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", Approvervue_type_template_id_35c271a6_hoisted_5, [_cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", Approvervue_type_template_id_46e10f78_hoisted_3, [$data.node.type == 6 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", Approvervue_type_template_id_46e10f78_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", Approvervue_type_template_id_46e10f78_hoisted_5, [_cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
       class: "flow-setting-item-title"
     }, "办理人设置", -1)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_a_alert, {
       message: "当流程中某个节点不需要审批，但需要对审批单进行业务办理时，可设置办理人节点，场景如财务打款、处理盖章等",
@@ -34921,7 +34919,7 @@ function Approvervue_type_template_id_35c271a6_render(_ctx, _cache, $props, $set
         key: "1",
         tab: $setup.t('node.approver.approvalSet')
       }, {
-        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", Approvervue_type_template_id_35c271a6_hoisted_6, [$data.node.type == 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", Approvervue_type_template_id_35c271a6_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", _hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($setup.t('node.approver.approvalMode')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_FlowSimpleSelect, {
+        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", Approvervue_type_template_id_46e10f78_hoisted_6, [$data.node.type == 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", Approvervue_type_template_id_46e10f78_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", _hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($setup.t('node.approver.approvalMode')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_FlowSimpleSelect, {
           value: $data.node.attr.approvalMode,
           "onUpdate:value": _cache[1] || (_cache[1] = $event => $data.node.attr.approvalMode = $event),
           datas: $data.approvalModes,
@@ -34930,23 +34928,21 @@ function Approvervue_type_template_id_35c271a6_render(_ctx, _cache, $props, $set
           modelValue: $data.node.approverGroups,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => $data.node.approverGroups = $event),
           node: $data.node,
-          title: $data.node.type == 1 ? 'node.approver.approver' : 'node.approver.handler'
-        }, null, 8, ["modelValue", "node", "title"])])]),
+          title: $data.node.type == 1 ? 'node.approver.approver' : 'node.approver.handler',
+          onSave: $options.onSave
+        }, null, 8, ["modelValue", "node", "title", "onSave"])])]),
         _: 1
       }, 8, ["tab"])]),
       _: 1
-    })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_FlowDrawerFooter, {
-      onClose: $options.onClose,
-      onSave: $options.onSave
-    }, null, 8, ["onClose", "onSave"])]),
+    })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])]),
     _: 1
   }, 8, ["width", "headerStyle", "bodyStyle", "visible", "onAfterOpenChange", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true);
 }
-;// ./packages/FlowDrawer/Approver/index.vue?vue&type=template&id=35c271a6
+;// ./packages/FlowDrawer/Approver/index.vue?vue&type=template&id=46e10f78
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/Common/DrawerFooter.vue?vue&type=template&id=7157818e
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/Common/DrawerFooter.vue?vue&type=template&id=30c4456e
-function DrawerFootervue_type_template_id_7157818e_render(_ctx, _cache, $props, $setup, $data, $options) {
+function DrawerFootervue_type_template_id_30c4456e_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("a-button");
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     class: "flow-ant-drawer-footer",
@@ -34963,7 +34959,7 @@ function DrawerFootervue_type_template_id_7157818e_render(_ctx, _cache, $props,
     _: 1
   }, 8, ["size", "onClick"])], 4);
 }
-;// ./packages/Common/DrawerFooter.vue?vue&type=template&id=7157818e
+;// ./packages/Common/DrawerFooter.vue?vue&type=template&id=30c4456e
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/Common/DrawerFooter.vue?vue&type=script&lang=js
@@ -35008,33 +35004,33 @@ function DrawerFootervue_type_template_id_7157818e_render(_ctx, _cache, $props,
 ;
-const DrawerFooter_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(DrawerFootervue_type_script_lang_js, [['render',DrawerFootervue_type_template_id_7157818e_render]])
+const DrawerFooter_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(DrawerFootervue_type_script_lang_js, [['render',DrawerFootervue_type_template_id_30c4456e_render]])
 /* harmony default export */ var DrawerFooter = (DrawerFooter_exports_);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/FlowDrawer/Approver/Approval.vue?vue&type=template&id=5b420281&scoped=true
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/FlowDrawer/Approver/Approval.vue?vue&type=template&id=e67057b2&scoped=true
-const Approvalvue_type_template_id_5b420281_scoped_true_hoisted_1 = {
+const Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_1 = {
   class: "flow-setting-approval-title"
 };
-const Approvalvue_type_template_id_5b420281_scoped_true_hoisted_2 = {
+const Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_2 = {
   class: "flow-setting-item"
 };
-const Approvalvue_type_template_id_5b420281_scoped_true_hoisted_3 = {
+const Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_3 = {
   class: "approver-tip-content"
 };
-const Approvalvue_type_template_id_5b420281_scoped_true_hoisted_4 = {
+const Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_4 = {
   class: "approver-tip-main-content"
 };
-const Approvalvue_type_template_id_5b420281_scoped_true_hoisted_5 = {
+const Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_5 = {
   class: "main-title"
 };
-const Approvalvue_type_template_id_5b420281_scoped_true_hoisted_6 = {
+const Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_6 = {
   class: "content"
 };
-const Approvalvue_type_template_id_5b420281_scoped_true_hoisted_7 = {
+const Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_7 = {
   key: 0
 };
-const Approvalvue_type_template_id_5b420281_scoped_true_hoisted_8 = {
+const Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_8 = {
   key: 1
 };
 const _hoisted_9 = {
@@ -35049,7 +35045,7 @@ const _hoisted_11 = {
 const _hoisted_12 = {
   class: "flow-setting-item-title"
 };
-function Approvalvue_type_template_id_5b420281_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Approvalvue_type_template_id_e67057b2_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_QuestionCircleOutlined = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("QuestionCircleOutlined");
   const _component_a_popover = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("a-popover");
   const _component_a_radio = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("a-radio");
@@ -35071,8 +35067,8 @@ function Approvalvue_type_template_id_5b420281_scoped_true_render(_ctx, _cache,
         headStyle: $data.headStyle,
         class: "w-fill"
       }, {
-        title: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", Approvalvue_type_template_id_5b420281_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($setup.t($props.title)), 1)])]),
-        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", Approvalvue_type_template_id_5b420281_scoped_true_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_a_radio_group, {
+        title: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($setup.t($props.title)), 1)])]),
+        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_a_radio_group, {
           value: group.approverType,
           "onUpdate:value": $event => group.approverType = $event,
           class: "w-fill",
@@ -35090,10 +35086,10 @@ function Approvalvue_type_template_id_5b420281_scoped_true_render(_ctx, _cache,
                 placement: "topLeft",
                 trigger: "click"
               }, {
-                content: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", Approvalvue_type_template_id_5b420281_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", Approvalvue_type_template_id_5b420281_scoped_true_hoisted_4, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)(approval.popovers, (popover, k) => {
+                content: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_4, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)(approval.popovers, (popover, k) => {
                   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
                     key: k
-                  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", Approvalvue_type_template_id_5b420281_scoped_true_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(popover.title), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", Approvalvue_type_template_id_5b420281_scoped_true_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(popover.content), 1)]);
+                  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(popover.title), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(popover.content), 1)]);
                 }), 128))])])]),
                 default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_QuestionCircleOutlined, {
                   style: {
@@ -35106,7 +35102,7 @@ function Approvalvue_type_template_id_5b420281_scoped_true_render(_ctx, _cache,
             }, 1032, ["value", "disabled"]);
           }), 128))]),
           _: 2
-        }, 1032, ["value", "onUpdate:value", "size", "onChange"]), group.approverType == 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", Approvalvue_type_template_id_5b420281_scoped_true_hoisted_7)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), group.approverType == 2 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", Approvalvue_type_template_id_5b420281_scoped_true_hoisted_8)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), group.approverType == 5 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_9, [_cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
+        }, 1032, ["value", "onUpdate:value", "size", "onChange"]), group.approverType == 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_7)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), group.approverType == 2 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", Approvalvue_type_template_id_e67057b2_scoped_true_hoisted_8)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), group.approverType == 5 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_9, [_cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
           class: "flow-setting-item-title"
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", null, "选择角色")], -1)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_role_selector, {
           "org-tree-api": $options.findOrgTreeApi,
@@ -35142,15 +35138,16 @@ function Approvalvue_type_template_id_5b420281_scoped_true_render(_ctx, _cache,
           approverIds: group.approverIds,
           "onUpdate:approverIds": $event => group.approverIds = $event,
           approverNames: group.approverNames,
-          "onUpdate:approverNames": $event => group.approverNames = $event
-        }, null, 8, ["org-tree-api", "user-page-api", "value", "onUpdate:value", "approverIds", "onUpdate:approverIds", "approverNames", "onUpdate:approverNames"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])]),
+          "onUpdate:approverNames": $event => group.approverNames = $event,
+          onOnBack: $options.dataSync
+        }, null, 8, ["org-tree-api", "user-page-api", "value", "onUpdate:value", "approverIds", "onUpdate:approverIds", "approverNames", "onUpdate:approverNames", "onOnBack"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])]),
         _: 2
       }, 1032, ["headStyle"]);
     }), 128))]),
     _: 1
   });
 }
-;// ./packages/FlowDrawer/Approver/Approval.vue?vue&type=template&id=5b420281&scoped=true
+;// ./packages/FlowDrawer/Approver/Approval.vue?vue&type=template&id=e67057b2&scoped=true
 ;// ./node_modules/@ant-design/icons-svg/es/asn/QuestionCircleOutlined.js
 // This icon file is generated automatically.
@@ -42546,6 +42543,9 @@ const PositionSelector_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(P
     this.initData(this.modelValue[0]);
   },
   methods: {
+    dataSync() {
+      this.$emit('save');
+    },
     initData(group) {
       if (group.approverType == 1) {
         group.approverIds = ['1'];
@@ -42645,10 +42645,10 @@ const PositionSelector_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(P
 });
 ;// ./packages/FlowDrawer/Approver/Approval.vue?vue&type=script&lang=js
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/FlowDrawer/Approver/Approval.vue?vue&type=style&index=0&id=5b420281&scoped=true&lang=css
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/FlowDrawer/Approver/Approval.vue?vue&type=style&index=0&id=e67057b2&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
-;// ./packages/FlowDrawer/Approver/Approval.vue?vue&type=style&index=0&id=5b420281&scoped=true&lang=css
+;// ./packages/FlowDrawer/Approver/Approval.vue?vue&type=style&index=0&id=e67057b2&scoped=true&lang=css
 ;// ./packages/FlowDrawer/Approver/Approval.vue
@@ -42658,7 +42658,7 @@ const PositionSelector_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(P
 ;
-const Approval_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(Approvalvue_type_script_lang_js, [['render',Approvalvue_type_template_id_5b420281_scoped_true_render],['__scopeId',"data-v-5b420281"]])
+const Approval_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(Approvalvue_type_script_lang_js, [['render',Approvalvue_type_template_id_e67057b2_scoped_true_render],['__scopeId',"data-v-e67057b2"]])
 /* harmony default export */ var Approval = (Approval_exports_);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/FlowDrawer/Approver/Configure.vue?vue&type=script&setup=true&name=FlowNodeApprovalConfigure&lang=js
@@ -43451,7 +43451,7 @@ const AuthForm_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(AuthFormv
   },
   methods: {
     afterVisibleChange(val) {
-      console.log('visible', val);
+      // console.log('visible', val);
     },
     showDrawer(node) {
       this.node = node;
@@ -43510,7 +43510,7 @@ const AuthForm_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(AuthFormv
 ;
-const Approver_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(Approvervue_type_script_lang_js, [['render',Approvervue_type_template_id_35c271a6_render]])
+const Approver_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(Approvervue_type_script_lang_js, [['render',Approvervue_type_template_id_46e10f78_render]])
 /* harmony default export */ var Approver = (Approver_exports_);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/Common/DeleteConfirm.vue?vue&type=template&id=88fbcac4

package/efaas-flow-design.css CHANGED Viewed

	@@ -1 +1 @@
1	- .designer-wrap{width:100%;height:100vh;overflow:hidden}.designer-wrap .designer-nav-box{width:100%;height:50px;box-shadow:0 2px 8px rgba(92,99,115,.25);box-sizing:border-box;display:flex;position:relative;z-index:100}.designer-wrap .designer-nav-box .designer-nav-return{flex:0 0 auto;display:flex;align-items:center;margin-left:20px;font-size:14px;font-weight:700;color:#575757;cursor:pointer}.designer-wrap .designer-nav-box .designer-nav-return img{margin-right:10px}.designer-wrap .designer-nav-box .designer-nav-return .select-version-box{width:100%;display:flex;cursor:pointer;align-items:center;font-size:16px;color:#575757;font-weight:700;margin-right:30px;position:relative}.designer-wrap .designer-nav-box .designer-nav-return .select-version-box .title{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-wrap .designer-nav-box .designer-nav-return .select-version-box .version{color:#575757}.designer-wrap .designer-nav-box .designer-nav-center{flex:1 0 auto;text-align:center;line-height:50px}.designer-wrap .designer-nav-box .designer-nav-center .designer-nav-center-wrap{display:inline-block}.designer-wrap .designer-nav-box .designer-nav-center .designer-nav-center-wrap .designer-nav-center-wrap-item{display:inline-block;margin-right:35px;font-size:16px;font-weight:700;color:#575757;cursor:pointer}.designer-wrap .designer-nav-box .designer-nav-center .designer-nav-center-wrap .designer-nav-center-wrap-item .act-item{border-bottom:3px solid #ff6a00;padding-bottom:12px;color:#575757}.designer-wrap .designer-nav-box .designer-nav-button{flex:0 0 auto;margin-right:25px;display:flex;justify-content:flex-end;align-items:center}.designer-wrap .designer-nav-box .designer-nav-button button{margin-right:5px}.designer-wrap .designer-base-info{margin:0 auto;padding:24px 0;height:100%;text-align:center;overflow-y:auto;background-color:#f2f3f5}.designer-wrap .designer-base-info .base-info-panel{display:inline-block;width:1128px;padding:24px 288px;background-color:#fff;text-align:left}.designer-wrap .designer-content-box{width:100%;height:calc(100vh - 50px);overflow:hidden}.designer-wrap .designer-content-box .flow-design-wrap{width:100%;height:100%;background-color:#f2f3f5;position:relative}.designer-wrap .designer-content-box .flow-design-wrap:before{display:table;content:""}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container{display:flex;width:100%;height:100%;overflow:scroll}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content{margin:30px auto}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row-container{display:flex;flex-direction:column;flex-grow:1}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row{align-items:center;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box{flex-grow:1;padding:0 50px;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:1px;height:100%;background-color:#cccfdb}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box .node-start-btn{padding-bottom:20px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box .after-node-btn{padding:20px 0 35px;position:relative;text-align:center}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box .after-node-btn img{cursor:pointer}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item{padding-top:0}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-start,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi{position:relative;display:flex;z-index:2;justify-content:center;align-items:center;width:60px;height:60px;border-radius:60px;color:#f8f8fa;background-image:linear-gradient(90deg,#ff6a00,#f78b3e),linear-gradient(#ff6a00,#ff6a00);background-blend-mode:normal,normal;box-shadow:0 2px 10px 0 rgba(255,107,2,.5);font-size:18px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi{cursor:pointer;background-image:linear-gradient(90deg,#ff4056,#ff4056),linear-gradient(#ff6173,#ff6173)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi:hover .close-icon{display:flex}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi .close-icon{position:absolute;display:none;justify-content:center;align-items:center;top:-2px;left:-5px;width:20px;height:20px;background:#9e9e9e;color:#fff;font-size:14px;border-radius:16px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi .close-icon .close-icon:hover{background:red}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box{cursor:pointer;width:210px;height:100px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(75,82,94,.2);border-radius:4px;position:relative;box-sizing:border-box}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-sp,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-start-bg{background-image:linear-gradient(90deg,#ff6a00,#f78b3e),linear-gradient(#ff6a00,#ff6a00)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-launch{background-image:linear-gradient(90deg,#a9b4cd,#a9b4cd),linear-gradient(#a9b4cd,#a9b4cd)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-cc{background-image:linear-gradient(90deg,#268bfb -16.37%,#33e1ae 137.34%),linear-gradient(#ff6a00,#ff6a00)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-tz{background-image:linear-gradient(90deg,#498ff2,#6da4f2),linear-gradient(#ff6a00,#ff6a00)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-fill{background-image:linear-gradient(90deg,#29cc80,#5ccc98),linear-gradient(#29cc80,#29cc80)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-transact{background-image:linear-gradient(90deg,#935af6,#f65ac2),linear-gradient(#935af6,#935af6)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete{background-image:linear-gradient(90deg,#aaaab3,#aaaab3),linear-gradient(#c4c4cc,#c4c4cc)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-zl{background-image:linear-gradient(90deg,#ff9313,#faab4b),linear-gradient(#ff6a00,#ff6a00)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-status-current{background-image:linear-gradient(90deg,#1890ff,#1890ff),linear-gradient(#1890ff,#1890ff)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-status-not{background-image:linear-gradient(90deg,#909399,#909399),linear-gradient(#909399,#909399)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-status-complete{background-image:linear-gradient(90deg,#20b2aa,#20b2aa),linear-gradient(#20b2aa,#20b2aa)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-name{padding:15px;font-size:14px;box-sizing:border-box;border-radius:4px 4px 0 0;height:44px;justify-content:space-between;display:flex;align-items:center;color:#fff;background-color:#ff6a00}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-name .node-name-title{font-weight:700}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-name .node-name-level{width:50%;text-align:right}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-main{align-items:center;height:calc(100% - 44px);border-top:none;box-sizing:border-box;display:flex;padding-left:16px;padding-right:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#575757;font-size:14px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-main span{overflow:hidden;text-overflow:ellipsis}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-main .hint-title{color:#ff6a00;font-size:12px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box.has-error{border:1px solid #ff5b4c;box-shadow:0 0 3px 0 #ff5b4c}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-error{position:absolute;right:-40px;top:32px;font-size:32px;color:#ff5b4c}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box:hover .close-icon{display:flex}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .close-icon{position:absolute;display:none;justify-content:center;align-items:center;top:-5px;left:-5px;width:20px;height:20px;background:#9e9e9e;color:#fff;font-size:14px;border-radius:16px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .close-icon:hover{background:red}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest{cursor:pointer;width:210px;height:60px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(75,82,94,.2);border-radius:4px;position:relative;box-sizing:border-box}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest:hover .close-icon{display:flex}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-name{padding:15px;margin-right:-1px;font-size:14px;font-weight:700;color:#575757;background-color:#fff;border:none!important;height:60px;box-sizing:border-box;border-radius:4px 4px 0 0;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;justify-content:center;display:flex;align-items:center}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-name span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .close-icon{position:absolute;display:none;justify-content:center;align-items:center;top:-5px;left:-5px;width:20px;height:20px;background:#9e9e9e;color:#fff;font-size:14px;border-radius:16px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .close-icon:hover{background:red}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-delete-layer,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete-layer{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.7);border-radius:4px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-delete-layer button,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete-layer button{margin-right:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-delete-layer .node-delete-cancel,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete-layer .node-delete-cancel{color:#fff;border-color:#fff}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-delete-layer .ant-btn-ghost,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete-layer .ant-btn-ghost{background-color:initial}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item-active{box-shadow:0 3px 30px 0 rgba(255,106,0,.75)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch{position:relative;display:flex;flex-direction:row;border-top:1px solid #cccfdb;border-bottom:1px solid #cccfdb}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .clear-left-border,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .clear-right-border{position:absolute;top:0;bottom:0;width:100%}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .branch-node{position:absolute;top:0;left:50%;z-index:2;transform:translate(-50%,-50%);cursor:pointer}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .meet-node{position:absolute;bottom:0;left:50%;z-index:2;transform:translate(-50%,50%)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col{display:flex;flex-direction:column;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-left-border{left:0}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-left-border:before{content:"";position:absolute;left:0;top:-5px;width:50%;background:#f2f3f5;height:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-left-border:after{content:"";position:absolute;left:0;bottom:-5px;width:50%;background:#f2f3f5;height:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-right-border{right:0}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-right-border:before{content:"";position:absolute;right:-.5px;top:-5px;width:50%;background:#f2f3f5;height:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-right-border:after{content:"";position:absolute;right:-.5px;bottom:-5px;width:50%;background:#f2f3f5;height:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .flow-row{flex-grow:1}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .flow-node-branch{padding-bottom:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .flow-node-branch .node-name{color:#575757;background-color:#fff;border-bottom:1px solid #dee0e3}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .flow-item{margin-top:20px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .after-branch-btn{padding:20px 0 41px;position:relative;text-align:center}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .after-branch-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:1px;height:100%;background-color:#ccc}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .after-branch-btn img{cursor:pointer;z-index:2;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-end-box{padding-bottom:120px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-end-box .flow-end{position:relative;display:flex;z-index:2;justify-content:center;align-items:center;width:60px;height:60px;border-radius:60px;color:#f8f8fa;background-image:linear-gradient(-30deg,#bbbbc4,#d5d5de),linear-gradient(#bcbcc5,#bcbcc5);background-blend-mode:normal,normal;box-shadow:0 2px 10px 0 hsla(240,4%,58%,.5);font-size:18px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate{position:fixed;top:70px;right:20px;flex-direction:row-reverse;flex-wrap:wrap;z-index:20}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-fullscreen{cursor:pointer;margin-left:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-fullscreen .flow-fullscreen-icon{display:inline-block;width:30px;height:30px;opacity:1;background:#fff;border:1px solid #d9d9d9;border-radius:2px;background-repeat:no-repeat;background-position:50%;background-image:url(https://welink.huaweicloud.com/workflow-design/hae/img/fullscreen.52ee2f27.svg)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom{display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;height:30px;z-index:999}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom span{font-size:14px;width:60px;height:30px;line-height:30px;text-align:center;background:#fff;border-color:#d9d9d9;border-width:1px 0;border-style:solid}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-less,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-more{width:30px;height:30px;border:1px solid #d9d9d9;cursor:pointer;background-color:#fff;background-size:30px 30px;background-repeat:no-repeat;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-less:before,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-more:before{content:"";position:absolute;top:14px;left:9px;width:11px;height:1px;background:#008dff}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-more:after{content:"";position:absolute;top:9px;left:14px;width:1px;height:11px;background:#008dff}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-map{width:202px;height:150px;opacity:1;background:#aaa;border:1px solid #333;position:fixed;right:20px;bottom:22px;text-align:center;cursor:grab;z-index:10;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-map img{max-width:100%;max-height:100%}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-map .map-mask{width:200px;height:120px;opacity:1;border:1px solid #f5340d;position:absolute;top:0;left:0}.designer-wrap .designer-content-box .flowSetting-box{display:flex;width:100%}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box{height:calc(100vh - 50px);overflow:auto;flex:0 0 240px;background-color:#f2f3f5;padding-top:20px;overflow-y:auto}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group{margin-bottom:25px}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group .flowSetting-nav-group-item{width:100%;padding:12px 20px;box-sizing:border-box;cursor:pointer}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group .flowSetting-nav-group-item img{margin-right:10px;vertical-align:sub}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group .flowSetting-nav-group-item span{color:#575757;font-size:14px}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group .act-item{font-weight:700;width:220px;background-color:rgba(255,106,0,.1);border-radius:0 20px 20px 0}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box{height:calc(100vh - 50px);overflow:auto;width:100%;padding:20px 20px;background:#fff;box-sizing:border-box}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-header{margin-bottom:12px;display:flex;justify-content:space-between}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-header .flowSetting-card-header-title{height:22px;width:138px;font-family:PingFangSC-Medium;font-size:14px;color:#171a1d;letter-spacing:0;line-height:22px}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-header .flowSetting-card-header-title img{margin-right:10px;vertical-align:sub}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-header .flowSetting-card-header-title span{color:#575757;font-size:14px}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-des{height:44px;font-family:PingFangSC-Regular;font-size:14px;color:rgba(23,26,29,.4);letter-spacing:0;line-height:22px}.flow-ant-drawer-title{color:#fff;margin-left:10px}.flow-setting-module .flow-setting-content{box-sizing:border-box;font-size:14px;color:#575757}.flow-setting-module .flow-setting-content .flow-setting-item{margin-bottom:20px;font-size:14px;color:#575757}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-item-title{margin-bottom:10px;font-weight:700}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-item-title .light-text{color:#8f959e;font-weight:400}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid #dee0e3;justify-content:space-between}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left{display:flex;align-items:center}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left .flow-setting-option-desc{margin-left:9px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left .flow-setting-option-desc p{margin:0;padding:0;font-family:Microsoft YaHei}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left .flow-setting-option-desc .setting-option-title{color:#575757;font-size:14px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left .flow-setting-option-desc .setting-option-desc{color:#979797;font-size:12px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box{max-height:90%}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group{background-color:#f2f3f5;padding-bottom:10px;margin-top:15px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item{border-radius:3px;display:flex;justify-content:flex-start;padding:10px 10px 5px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item .flow-setting-condition-option{display:flex;justify-content:space-around;width:100%}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item .flow-setting-condition-value{background:#fff;width:45%;color:#c0c4cc;font-size:13px;height:40px;line-height:40px;box-sizing:border-box;border-radius:5px;border:1px solid #dcdfe6}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item .flow-setting-condition-del{width:38px;height:38px;background-color:#fff;border-radius:3px;border:1px solid #dee0e3;display:flex;align-items:center;justify-content:center;color:#a3a8af;font-size:16px;cursor:pointer;flex:0 0 auto}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item .flow-setting-condition-del:hover{background-color:#dcdcdc}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group-connector{margin-top:15px;color:#8e8e8e;font-size:14px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-add{width:100px;height:34px;background-color:#fff;border-radius:3px;border:1px solid #dee0e3;color:#8e8e8e;text-align:center;font-size:13px;cursor:pointer;line-height:34px;margin-top:15px;margin-left:13px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-add:hover{background-color:#dcdcdc}.flow-setting-module .flow-setting-content .flow-setting-item .tpl-flex-box{display:flex;color:#575757;font-size:14px;justify-content:space-between}.flow-setting-module .flow-setting-content .flow-setting-item .hint-info{line-height:22px;color:#646a73}.flow-setting-module .flow-setting-content .flow-setting-item .hint-info p{position:relative;padding-left:10px}.flow-setting-module .flow-setting-content .flow-setting-item .hint-info p:before{content:"";width:4px;height:4px;position:absolute;top:9px;left:0;border-radius:2px;background:#ff8126}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-title{color:#171a1d;font-size:14px;font-weight:600}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-desc{color:rgba(23,26,29,.4);font-size:12px;padding-top:6px;padding-bottom:18px}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-defaultTab{margin-top:12px}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-defaultTab .flow-block-defaultTpl{border-radius:6px;background:rgba(23,26,29,.04);padding:8px 12px}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-defaultTab .flow-block-defaultSample{font-size:12px;color:rgba(23,26,29,.4);padding-top:8px}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-var{padding:3px 10px;background:hsla(210,7%,53%,.16);border-radius:4px;margin:0 2px}.flow-setting-approval-title,.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-card-header{display:flex;align-items:center;justify-content:space-between}.flow-setting-approval-title .del-icon{cursor:pointer}.flow-setting-auth-table{font-size:14px;color:#8e8e8e;font-weight:400;position:relative}.flow-setting-auth-table div{margin:0;padding:0;font-family:Microsoft YaHei}.flow-setting-auth-table .flow-setting-auth-table-header{padding-left:9px;box-sizing:border-box;display:flex;align-items:center;width:100%;height:40px;background-color:#f2f3f5}.flow-setting-auth-table .flow-setting-auth-table-body{color:#575757;background-color:#fff;display:block;height:auto;width:100%;padding-left:9px;box-sizing:border-box;align-items:center}.flow-setting-auth-table .flow-setting-auth-table-body .flow-setting-auth-table-name-column-row{height:40px;width:100%;display:flex;align-items:center;border-bottom:1px solid #dee0e3;position:relative}.flow-setting-auth-table .flow-setting-auth-table-name-column-25{width:25%}.flow-setting-auth-table .flow-setting-auth-table-name-column-30{width:40%}.flow-setting-auth-table .flow-setting-auth-table-name-column-25 span,.flow-setting-auth-table flow-setting-auth-table-name-column-30 span{display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-setting-auth-table .flow-setting-auth-table-option-column{flex-grow:1;display:flex;position:relative}.flow-setting-auth-table .flow-setting-auth-table-option-column .flow-setting-auth-table-option-column-item-25{width:30%}.flow-setting-auth-table .flow-setting-auth-table-option-column .flow-setting-auth-table-option-column-item-25 span{font-size:12px}.flow-setting-auth-table .flow-setting-auth-table-option-column .flow-setting-auth-table-option-column-item-50{width:50%}.flow-ant-drawer-footer{position:absolute;bottom:0;width:100%;border-top:1px solid #e8e8e8;padding:10px 16px;left:0;background:#fff;border-radius:0 0 4px 4px}.flow-helper .flow-helper-strengthen,.flow-helper .flow-helper-template{position:absolute;color:#171a1d;z-index:90;display:flex;background:#fff;align-items:center;cursor:pointer;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;padding:10px 10px 10px 12px;border-radius:0 100px 100px 0;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.flow-helper .flow-helper-template{left:0;top:55px;margin-top:20px}.flow-helper .flow-helper-strengthen{left:0;top:127px}.flow-helper .flow-helper-strengthen .process-icon{color:#0089ff;width:16px;font-size:14px}.flow-helper .flow-helper-title{font-family:PingFangSC,PingFangSC-Medium;font-weight:500;height:20px;margin:0 32px 0 6px}.flow-helper .flow-helper-icon{color:#0089ff;width:16px}.flow-helper .flow-helper-right-icon{color:rgba(23,26,29,.24);font-size:12px}.flow-helper .flow-helper-drawer-header{padding-left:8px}.flow-helper .flow-helper-drawer-header .flow-helper-drawer-header-title{font-size:18px;line-height:25px;font-family:PingFangSC-Medium;color:#111f2c}.flow-helper .flow-helper-drawer-header .flow-helper-drawer-header-content{font-size:12px;line-height:20px;color:rgba(17,31,44,.4)}.flow-helper .flow-helper-drawer-item{display:inline-flex;align-items:center;background:#f2f2f7;padding:12px;border-radius:4px;margin:6px 0;width:256px;cursor:pointer}.flow-helper .flow-helper-drawer-item .flow-helper-drawer-item-icon{font-size:22px;margin-right:12px}.flow-helper .flow-helper-drawer-item .flow-helper-drawer-item-title{font-size:15px;line-height:22px;color:#191f25}.flow-helper .flow-helper-drawer-item .flow-helper-drawer-item-content{line-height:20px;font-size:12px;color:rgba(17,31,44,.4)}.flow-helper .flow-helper-drawer-row{display:flex;align-items:center;padding-left:8px;margin-bottom:10px}.flow-helper .flow-helper-drawer-row .flow-helper-drawer-row-title{font-size:15px;color:#171a1d;line-height:22px;vertical-align:middle;margin-right:10px}.flow-helper .flow-helper-drawer-row .flow-helper-drawer-row-foot-text{margin-top:5px;padding-left:8px}.flow-helper-drawer-item-popover-img{display:block;height:500px;width:500px;margin-bottom:12px}.flow-tips{position:absolute;left:20px;top:20px;z-index:199;text-align:left}.flow-tips .flow-tips-item{line-height:20px;font-size:16px;display:inline-block;margin-right:15px}.flow-tips .flow-tips-item .flow-tips-item-icon{font-size:20px;margin-right:5px}.flow-tips .flow-tips-item .flow-tips-complete{color:#20b2aa}.flow-tips .flow-tips-item .flow-tips-current{color:#1890ff}.flow-tips .flow-tips-item .flow-tips-not{color:#909399}.screenshot{position:fixed;bottom:86px;right:34px;z-index:2048;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.screenshot .screenshot-dropdown{width:120px;position:absolute;bottom:47px;right:0;z-index:2;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:-1px -1px 14px #cccccc6e;padding:4px 4px}.screenshot .screenshot-dropdown>div{line-height:36px;margin:0;font-size:14px;color:#606266;cursor:pointer;outline:none;text-align:center;border-bottom:1px solid #dddddd63}.screenshot .screenshot-dropdown>div:hover{background-color:#ecf5ff;color:#66b1ff}.screenshot .screenshot-dropdown>div:last-child{border-bottom:none}.screenshot .screenshot-dropdown>div img{margin-right:10px;vertical-align:sub}.screenshot .screenshot-dropdown>div span{color:#575757;font-size:14px}.screenshot .screenshot-btn{box-shadow:0 0 6px rgba(0,0,0,.12);width:40px;height:40px;font-size:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;border-radius:50%;transition:all .5s;opacity:.2}.screenshot .screenshot-btn:hover{opacity:1!important}.approver-tip-content{width:440px}.approver-tip-content .main-title{font-weight:500;color:#000;font-size:14px;line-height:22px;margin-bottom:4px}.approver-tip-content .content{color:#646a73;font-size:14px;line-height:22px;margin-bottom:4px}.flow-ant-menu-vertical{border-right:0 solid #e8e8e8!important;width:130px}.modalClass .ant-modal-body{overflow-y:scroll;height:500px}.w-fill{width:100%}.h-100{height:100px!important}.margin-top-10{margin-top:10px}.margin-bottom-20{margin-bottom:20px}::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,79%,.5);cursor:pointer;border-radius:10px}::-webkit-scrollbar-track{background-color:transparent}.xn-mr-5[data-v-5358451c]{margin-right:5px}.xn-mr-10[data-v-5358451c]{margin-right:10px}.selectorTreeDiv[data-v-5358451c]{max-height:500px;overflow:auto}.ant-form-item[data-v-5358451c]{margin-bottom:0!important}.user-table[data-v-5358451c]{overflow:auto;max-height:450px}.user-container[data-v-5358451c]{display:flex;align-items:center;flex-direction:column;margin-right:10px;text-align:center}.user-avatar[data-v-5358451c]{width:30px;border-radius:50%}.user-name[data-v-5358451c]{font-size:12px;max-width:50px;white-space:nowrap;overflow:hidden}.user-delete[data-v-5358451c]{z-index:99;color:rgba(0,0,0,.25);position:relative;display:flex;flex-direction:column}.delete-icon[data-v-5358451c]{position:absolute;right:-2px;z-index:5;top:-3px;cursor:pointer;visibility:hidden}.show-delete-icon[data-v-5358451c]{visibility:visible}.xn-mr-5[data-v-d67fa942]{margin-right:5px}.xn-mr-10[data-v-d67fa942]{margin-right:10px}.selectorTreeDiv[data-v-d67fa942]{max-height:500px;overflow:auto}.ant-form-item[data-v-d67fa942]{margin-bottom:0!important}.selector-table[data-v-d67fa942]{overflow:auto;max-height:450px}.xn-mr-5[data-v-5c97cb6c]{margin-right:5px}.xn-mr-10[data-v-5c97cb6c]{margin-right:10px}.selectorTreeDiv[data-v-5c97cb6c]{max-height:500px;overflow:auto}.ant-form-item[data-v-5c97cb6c]{margin-bottom:0!important}.selector-table[data-v-5c97cb6c]{overflow:auto;max-height:450px}.userSel[data-v-5b420281]{height:40px;margin-top:5px;display:flex;align-items:center;border-top:1px dashed;border-bottom:1px dashed;color:#0e70d9c7}
1	+ .designer-wrap{width:100%;height:100vh;overflow:hidden}.designer-wrap .designer-nav-box{width:100%;height:50px;box-shadow:0 2px 8px rgba(92,99,115,.25);box-sizing:border-box;display:flex;position:relative;z-index:100}.designer-wrap .designer-nav-box .designer-nav-return{flex:0 0 auto;display:flex;align-items:center;margin-left:20px;font-size:14px;font-weight:700;color:#575757;cursor:pointer}.designer-wrap .designer-nav-box .designer-nav-return img{margin-right:10px}.designer-wrap .designer-nav-box .designer-nav-return .select-version-box{width:100%;display:flex;cursor:pointer;align-items:center;font-size:16px;color:#575757;font-weight:700;margin-right:30px;position:relative}.designer-wrap .designer-nav-box .designer-nav-return .select-version-box .title{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-wrap .designer-nav-box .designer-nav-return .select-version-box .version{color:#575757}.designer-wrap .designer-nav-box .designer-nav-center{flex:1 0 auto;text-align:center;line-height:50px}.designer-wrap .designer-nav-box .designer-nav-center .designer-nav-center-wrap{display:inline-block}.designer-wrap .designer-nav-box .designer-nav-center .designer-nav-center-wrap .designer-nav-center-wrap-item{display:inline-block;margin-right:35px;font-size:16px;font-weight:700;color:#575757;cursor:pointer}.designer-wrap .designer-nav-box .designer-nav-center .designer-nav-center-wrap .designer-nav-center-wrap-item .act-item{border-bottom:3px solid #ff6a00;padding-bottom:12px;color:#575757}.designer-wrap .designer-nav-box .designer-nav-button{flex:0 0 auto;margin-right:25px;display:flex;justify-content:flex-end;align-items:center}.designer-wrap .designer-nav-box .designer-nav-button button{margin-right:5px}.designer-wrap .designer-base-info{margin:0 auto;padding:24px 0;height:100%;text-align:center;overflow-y:auto;background-color:#f2f3f5}.designer-wrap .designer-base-info .base-info-panel{display:inline-block;width:1128px;padding:24px 288px;background-color:#fff;text-align:left}.designer-wrap .designer-content-box{width:100%;height:calc(100vh - 50px);overflow:hidden}.designer-wrap .designer-content-box .flow-design-wrap{width:100%;height:100%;background-color:#f2f3f5;position:relative}.designer-wrap .designer-content-box .flow-design-wrap:before{display:table;content:""}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container{display:flex;width:100%;height:100%;overflow:scroll}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content{margin:30px auto}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row-container{display:flex;flex-direction:column;flex-grow:1}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row{align-items:center;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box{flex-grow:1;padding:0 50px;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:1px;height:100%;background-color:#cccfdb}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box .node-start-btn{padding-bottom:20px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box .after-node-btn{padding:20px 0 35px;position:relative;text-align:center}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box .after-node-btn img{cursor:pointer}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item{padding-top:0}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-start,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi{position:relative;display:flex;z-index:2;justify-content:center;align-items:center;width:60px;height:60px;border-radius:60px;color:#f8f8fa;background-image:linear-gradient(90deg,#ff6a00,#f78b3e),linear-gradient(#ff6a00,#ff6a00);background-blend-mode:normal,normal;box-shadow:0 2px 10px 0 rgba(255,107,2,.5);font-size:18px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi{cursor:pointer;background-image:linear-gradient(90deg,#ff4056,#ff4056),linear-gradient(#ff6173,#ff6173)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi:hover .close-icon{display:flex}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi .close-icon{position:absolute;display:none;justify-content:center;align-items:center;top:-2px;left:-5px;width:20px;height:20px;background:#9e9e9e;color:#fff;font-size:14px;border-radius:16px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi .close-icon .close-icon:hover{background:red}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box{cursor:pointer;width:210px;height:100px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(75,82,94,.2);border-radius:4px;position:relative;box-sizing:border-box}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-sp,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-start-bg{background-image:linear-gradient(90deg,#ff6a00,#f78b3e),linear-gradient(#ff6a00,#ff6a00)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-launch{background-image:linear-gradient(90deg,#a9b4cd,#a9b4cd),linear-gradient(#a9b4cd,#a9b4cd)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-cc{background-image:linear-gradient(90deg,#268bfb -16.37%,#33e1ae 137.34%),linear-gradient(#ff6a00,#ff6a00)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-tz{background-image:linear-gradient(90deg,#498ff2,#6da4f2),linear-gradient(#ff6a00,#ff6a00)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-fill{background-image:linear-gradient(90deg,#29cc80,#5ccc98),linear-gradient(#29cc80,#29cc80)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-transact{background-image:linear-gradient(90deg,#935af6,#f65ac2),linear-gradient(#935af6,#935af6)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete{background-image:linear-gradient(90deg,#aaaab3,#aaaab3),linear-gradient(#c4c4cc,#c4c4cc)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-zl{background-image:linear-gradient(90deg,#ff9313,#faab4b),linear-gradient(#ff6a00,#ff6a00)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-status-current{background-image:linear-gradient(90deg,#1890ff,#1890ff),linear-gradient(#1890ff,#1890ff)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-status-not{background-image:linear-gradient(90deg,#909399,#909399),linear-gradient(#909399,#909399)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-status-complete{background-image:linear-gradient(90deg,#20b2aa,#20b2aa),linear-gradient(#20b2aa,#20b2aa)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-name{padding:15px;font-size:14px;box-sizing:border-box;border-radius:4px 4px 0 0;height:44px;justify-content:space-between;display:flex;align-items:center;color:#fff;background-color:#ff6a00}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-name .node-name-title{font-weight:700}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-name .node-name-level{width:50%;text-align:right}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-main{align-items:center;height:calc(100% - 44px);border-top:none;box-sizing:border-box;display:flex;padding-left:16px;padding-right:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#575757;font-size:14px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-main span{overflow:hidden;text-overflow:ellipsis}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-main .hint-title{color:#ff6a00;font-size:12px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box.has-error{border:1px solid #ff5b4c;box-shadow:0 0 3px 0 #ff5b4c}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-error{position:absolute;right:-40px;top:32px;font-size:32px;color:#ff5b4c}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box:hover .close-icon{display:flex}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .close-icon{position:absolute;display:none;justify-content:center;align-items:center;top:-5px;left:-5px;width:20px;height:20px;background:#9e9e9e;color:#fff;font-size:14px;border-radius:16px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .close-icon:hover{background:red}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest{cursor:pointer;width:210px;height:60px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(75,82,94,.2);border-radius:4px;position:relative;box-sizing:border-box}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest:hover .close-icon{display:flex}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-name{padding:15px;margin-right:-1px;font-size:14px;font-weight:700;color:#575757;background-color:#fff;border:none!important;height:60px;box-sizing:border-box;border-radius:4px 4px 0 0;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;justify-content:center;display:flex;align-items:center}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-name span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .close-icon{position:absolute;display:none;justify-content:center;align-items:center;top:-5px;left:-5px;width:20px;height:20px;background:#9e9e9e;color:#fff;font-size:14px;border-radius:16px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .close-icon:hover{background:red}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-delete-layer,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete-layer{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.7);border-radius:4px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-delete-layer button,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete-layer button{margin-right:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-delete-layer .node-delete-cancel,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete-layer .node-delete-cancel{color:#fff;border-color:#fff}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-delete-layer .ant-btn-ghost,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete-layer .ant-btn-ghost{background-color:initial}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item-active{box-shadow:0 3px 30px 0 rgba(255,106,0,.75)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch{position:relative;display:flex;flex-direction:row;border-top:1px solid #cccfdb;border-bottom:1px solid #cccfdb}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .clear-left-border,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .clear-right-border{position:absolute;top:0;bottom:0;width:100%}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .branch-node{position:absolute;top:0;left:50%;z-index:2;transform:translate(-50%,-50%);cursor:pointer}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .meet-node{position:absolute;bottom:0;left:50%;z-index:2;transform:translate(-50%,50%)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col{display:flex;flex-direction:column;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-left-border{left:0}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-left-border:before{content:"";position:absolute;left:0;top:-5px;width:50%;background:#f2f3f5;height:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-left-border:after{content:"";position:absolute;left:0;bottom:-5px;width:50%;background:#f2f3f5;height:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-right-border{right:0}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-right-border:before{content:"";position:absolute;right:-.5px;top:-5px;width:50%;background:#f2f3f5;height:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-right-border:after{content:"";position:absolute;right:-.5px;bottom:-5px;width:50%;background:#f2f3f5;height:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .flow-row{flex-grow:1}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .flow-node-branch{padding-bottom:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .flow-node-branch .node-name{color:#575757;background-color:#fff;border-bottom:1px solid #dee0e3}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .flow-item{margin-top:20px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .after-branch-btn{padding:20px 0 41px;position:relative;text-align:center}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .after-branch-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:1px;height:100%;background-color:#ccc}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .after-branch-btn img{cursor:pointer;z-index:2;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-end-box{padding-bottom:120px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-end-box .flow-end{position:relative;display:flex;z-index:2;justify-content:center;align-items:center;width:60px;height:60px;border-radius:60px;color:#f8f8fa;background-image:linear-gradient(-30deg,#bbbbc4,#d5d5de),linear-gradient(#bcbcc5,#bcbcc5);background-blend-mode:normal,normal;box-shadow:0 2px 10px 0 hsla(240,4%,58%,.5);font-size:18px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate{position:fixed;top:70px;right:20px;flex-direction:row-reverse;flex-wrap:wrap;z-index:20}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-fullscreen{cursor:pointer;margin-left:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-fullscreen .flow-fullscreen-icon{display:inline-block;width:30px;height:30px;opacity:1;background:#fff;border:1px solid #d9d9d9;border-radius:2px;background-repeat:no-repeat;background-position:50%;background-image:url(https://welink.huaweicloud.com/workflow-design/hae/img/fullscreen.52ee2f27.svg)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom{display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;height:30px;z-index:999}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom span{font-size:14px;width:60px;height:30px;line-height:30px;text-align:center;background:#fff;border-color:#d9d9d9;border-width:1px 0;border-style:solid}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-less,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-more{width:30px;height:30px;border:1px solid #d9d9d9;cursor:pointer;background-color:#fff;background-size:30px 30px;background-repeat:no-repeat;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-less:before,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-more:before{content:"";position:absolute;top:14px;left:9px;width:11px;height:1px;background:#008dff}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-more:after{content:"";position:absolute;top:9px;left:14px;width:1px;height:11px;background:#008dff}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-map{width:202px;height:150px;opacity:1;background:#aaa;border:1px solid #333;position:fixed;right:20px;bottom:22px;text-align:center;cursor:grab;z-index:10;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-map img{max-width:100%;max-height:100%}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-map .map-mask{width:200px;height:120px;opacity:1;border:1px solid #f5340d;position:absolute;top:0;left:0}.designer-wrap .designer-content-box .flowSetting-box{display:flex;width:100%}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box{height:calc(100vh - 50px);overflow:auto;flex:0 0 240px;background-color:#f2f3f5;padding-top:20px;overflow-y:auto}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group{margin-bottom:25px}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group .flowSetting-nav-group-item{width:100%;padding:12px 20px;box-sizing:border-box;cursor:pointer}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group .flowSetting-nav-group-item img{margin-right:10px;vertical-align:sub}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group .flowSetting-nav-group-item span{color:#575757;font-size:14px}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group .act-item{font-weight:700;width:220px;background-color:rgba(255,106,0,.1);border-radius:0 20px 20px 0}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box{height:calc(100vh - 50px);overflow:auto;width:100%;padding:20px 20px;background:#fff;box-sizing:border-box}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-header{margin-bottom:12px;display:flex;justify-content:space-between}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-header .flowSetting-card-header-title{height:22px;width:138px;font-family:PingFangSC-Medium;font-size:14px;color:#171a1d;letter-spacing:0;line-height:22px}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-header .flowSetting-card-header-title img{margin-right:10px;vertical-align:sub}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-header .flowSetting-card-header-title span{color:#575757;font-size:14px}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-des{height:44px;font-family:PingFangSC-Regular;font-size:14px;color:rgba(23,26,29,.4);letter-spacing:0;line-height:22px}.flow-ant-drawer-title{color:#fff;margin-left:10px}.flow-setting-module .flow-setting-content{box-sizing:border-box;font-size:14px;color:#575757}.flow-setting-module .flow-setting-content .flow-setting-item{margin-bottom:20px;font-size:14px;color:#575757}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-item-title{margin-bottom:10px;font-weight:700}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-item-title .light-text{color:#8f959e;font-weight:400}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid #dee0e3;justify-content:space-between}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left{display:flex;align-items:center}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left .flow-setting-option-desc{margin-left:9px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left .flow-setting-option-desc p{margin:0;padding:0;font-family:Microsoft YaHei}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left .flow-setting-option-desc .setting-option-title{color:#575757;font-size:14px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left .flow-setting-option-desc .setting-option-desc{color:#979797;font-size:12px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box{max-height:90%}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group{background-color:#f2f3f5;padding-bottom:10px;margin-top:15px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item{border-radius:3px;display:flex;justify-content:flex-start;padding:10px 10px 5px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item .flow-setting-condition-option{display:flex;justify-content:space-around;width:100%}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item .flow-setting-condition-value{background:#fff;width:45%;color:#c0c4cc;font-size:13px;height:40px;line-height:40px;box-sizing:border-box;border-radius:5px;border:1px solid #dcdfe6}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item .flow-setting-condition-del{width:38px;height:38px;background-color:#fff;border-radius:3px;border:1px solid #dee0e3;display:flex;align-items:center;justify-content:center;color:#a3a8af;font-size:16px;cursor:pointer;flex:0 0 auto}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item .flow-setting-condition-del:hover{background-color:#dcdcdc}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group-connector{margin-top:15px;color:#8e8e8e;font-size:14px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-add{width:100px;height:34px;background-color:#fff;border-radius:3px;border:1px solid #dee0e3;color:#8e8e8e;text-align:center;font-size:13px;cursor:pointer;line-height:34px;margin-top:15px;margin-left:13px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-add:hover{background-color:#dcdcdc}.flow-setting-module .flow-setting-content .flow-setting-item .tpl-flex-box{display:flex;color:#575757;font-size:14px;justify-content:space-between}.flow-setting-module .flow-setting-content .flow-setting-item .hint-info{line-height:22px;color:#646a73}.flow-setting-module .flow-setting-content .flow-setting-item .hint-info p{position:relative;padding-left:10px}.flow-setting-module .flow-setting-content .flow-setting-item .hint-info p:before{content:"";width:4px;height:4px;position:absolute;top:9px;left:0;border-radius:2px;background:#ff8126}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-title{color:#171a1d;font-size:14px;font-weight:600}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-desc{color:rgba(23,26,29,.4);font-size:12px;padding-top:6px;padding-bottom:18px}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-defaultTab{margin-top:12px}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-defaultTab .flow-block-defaultTpl{border-radius:6px;background:rgba(23,26,29,.04);padding:8px 12px}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-defaultTab .flow-block-defaultSample{font-size:12px;color:rgba(23,26,29,.4);padding-top:8px}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-var{padding:3px 10px;background:hsla(210,7%,53%,.16);border-radius:4px;margin:0 2px}.flow-setting-approval-title,.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-card-header{display:flex;align-items:center;justify-content:space-between}.flow-setting-approval-title .del-icon{cursor:pointer}.flow-setting-auth-table{font-size:14px;color:#8e8e8e;font-weight:400;position:relative}.flow-setting-auth-table div{margin:0;padding:0;font-family:Microsoft YaHei}.flow-setting-auth-table .flow-setting-auth-table-header{padding-left:9px;box-sizing:border-box;display:flex;align-items:center;width:100%;height:40px;background-color:#f2f3f5}.flow-setting-auth-table .flow-setting-auth-table-body{color:#575757;background-color:#fff;display:block;height:auto;width:100%;padding-left:9px;box-sizing:border-box;align-items:center}.flow-setting-auth-table .flow-setting-auth-table-body .flow-setting-auth-table-name-column-row{height:40px;width:100%;display:flex;align-items:center;border-bottom:1px solid #dee0e3;position:relative}.flow-setting-auth-table .flow-setting-auth-table-name-column-25{width:25%}.flow-setting-auth-table .flow-setting-auth-table-name-column-30{width:40%}.flow-setting-auth-table .flow-setting-auth-table-name-column-25 span,.flow-setting-auth-table flow-setting-auth-table-name-column-30 span{display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-setting-auth-table .flow-setting-auth-table-option-column{flex-grow:1;display:flex;position:relative}.flow-setting-auth-table .flow-setting-auth-table-option-column .flow-setting-auth-table-option-column-item-25{width:30%}.flow-setting-auth-table .flow-setting-auth-table-option-column .flow-setting-auth-table-option-column-item-25 span{font-size:12px}.flow-setting-auth-table .flow-setting-auth-table-option-column .flow-setting-auth-table-option-column-item-50{width:50%}.flow-ant-drawer-footer{position:absolute;bottom:0;width:100%;border-top:1px solid #e8e8e8;padding:10px 16px;left:0;background:#fff;border-radius:0 0 4px 4px}.flow-helper .flow-helper-strengthen,.flow-helper .flow-helper-template{position:absolute;color:#171a1d;z-index:90;display:flex;background:#fff;align-items:center;cursor:pointer;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;padding:10px 10px 10px 12px;border-radius:0 100px 100px 0;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.flow-helper .flow-helper-template{left:0;top:55px;margin-top:20px}.flow-helper .flow-helper-strengthen{left:0;top:127px}.flow-helper .flow-helper-strengthen .process-icon{color:#0089ff;width:16px;font-size:14px}.flow-helper .flow-helper-title{font-family:PingFangSC,PingFangSC-Medium;font-weight:500;height:20px;margin:0 32px 0 6px}.flow-helper .flow-helper-icon{color:#0089ff;width:16px}.flow-helper .flow-helper-right-icon{color:rgba(23,26,29,.24);font-size:12px}.flow-helper .flow-helper-drawer-header{padding-left:8px}.flow-helper .flow-helper-drawer-header .flow-helper-drawer-header-title{font-size:18px;line-height:25px;font-family:PingFangSC-Medium;color:#111f2c}.flow-helper .flow-helper-drawer-header .flow-helper-drawer-header-content{font-size:12px;line-height:20px;color:rgba(17,31,44,.4)}.flow-helper .flow-helper-drawer-item{display:inline-flex;align-items:center;background:#f2f2f7;padding:12px;border-radius:4px;margin:6px 0;width:256px;cursor:pointer}.flow-helper .flow-helper-drawer-item .flow-helper-drawer-item-icon{font-size:22px;margin-right:12px}.flow-helper .flow-helper-drawer-item .flow-helper-drawer-item-title{font-size:15px;line-height:22px;color:#191f25}.flow-helper .flow-helper-drawer-item .flow-helper-drawer-item-content{line-height:20px;font-size:12px;color:rgba(17,31,44,.4)}.flow-helper .flow-helper-drawer-row{display:flex;align-items:center;padding-left:8px;margin-bottom:10px}.flow-helper .flow-helper-drawer-row .flow-helper-drawer-row-title{font-size:15px;color:#171a1d;line-height:22px;vertical-align:middle;margin-right:10px}.flow-helper .flow-helper-drawer-row .flow-helper-drawer-row-foot-text{margin-top:5px;padding-left:8px}.flow-helper-drawer-item-popover-img{display:block;height:500px;width:500px;margin-bottom:12px}.flow-tips{position:absolute;left:20px;top:20px;z-index:199;text-align:left}.flow-tips .flow-tips-item{line-height:20px;font-size:16px;display:inline-block;margin-right:15px}.flow-tips .flow-tips-item .flow-tips-item-icon{font-size:20px;margin-right:5px}.flow-tips .flow-tips-item .flow-tips-complete{color:#20b2aa}.flow-tips .flow-tips-item .flow-tips-current{color:#1890ff}.flow-tips .flow-tips-item .flow-tips-not{color:#909399}.screenshot{position:fixed;bottom:86px;right:34px;z-index:2048;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.screenshot .screenshot-dropdown{width:120px;position:absolute;bottom:47px;right:0;z-index:2;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:-1px -1px 14px #cccccc6e;padding:4px 4px}.screenshot .screenshot-dropdown>div{line-height:36px;margin:0;font-size:14px;color:#606266;cursor:pointer;outline:none;text-align:center;border-bottom:1px solid #dddddd63}.screenshot .screenshot-dropdown>div:hover{background-color:#ecf5ff;color:#66b1ff}.screenshot .screenshot-dropdown>div:last-child{border-bottom:none}.screenshot .screenshot-dropdown>div img{margin-right:10px;vertical-align:sub}.screenshot .screenshot-dropdown>div span{color:#575757;font-size:14px}.screenshot .screenshot-btn{box-shadow:0 0 6px rgba(0,0,0,.12);width:40px;height:40px;font-size:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;border-radius:50%;transition:all .5s;opacity:.2}.screenshot .screenshot-btn:hover{opacity:1!important}.approver-tip-content{width:440px}.approver-tip-content .main-title{font-weight:500;color:#000;font-size:14px;line-height:22px;margin-bottom:4px}.approver-tip-content .content{color:#646a73;font-size:14px;line-height:22px;margin-bottom:4px}.flow-ant-menu-vertical{border-right:0 solid #e8e8e8!important;width:130px}.modalClass .ant-modal-body{overflow-y:scroll;height:500px}.w-fill{width:100%}.h-100{height:100px!important}.margin-top-10{margin-top:10px}.margin-bottom-20{margin-bottom:20px}::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,79%,.5);cursor:pointer;border-radius:10px}::-webkit-scrollbar-track{background-color:transparent}.xn-mr-5[data-v-5358451c]{margin-right:5px}.xn-mr-10[data-v-5358451c]{margin-right:10px}.selectorTreeDiv[data-v-5358451c]{max-height:500px;overflow:auto}.ant-form-item[data-v-5358451c]{margin-bottom:0!important}.user-table[data-v-5358451c]{overflow:auto;max-height:450px}.user-container[data-v-5358451c]{display:flex;align-items:center;flex-direction:column;margin-right:10px;text-align:center}.user-avatar[data-v-5358451c]{width:30px;border-radius:50%}.user-name[data-v-5358451c]{font-size:12px;max-width:50px;white-space:nowrap;overflow:hidden}.user-delete[data-v-5358451c]{z-index:99;color:rgba(0,0,0,.25);position:relative;display:flex;flex-direction:column}.delete-icon[data-v-5358451c]{position:absolute;right:-2px;z-index:5;top:-3px;cursor:pointer;visibility:hidden}.show-delete-icon[data-v-5358451c]{visibility:visible}.xn-mr-5[data-v-d67fa942]{margin-right:5px}.xn-mr-10[data-v-d67fa942]{margin-right:10px}.selectorTreeDiv[data-v-d67fa942]{max-height:500px;overflow:auto}.ant-form-item[data-v-d67fa942]{margin-bottom:0!important}.selector-table[data-v-d67fa942]{overflow:auto;max-height:450px}.xn-mr-5[data-v-5c97cb6c]{margin-right:5px}.xn-mr-10[data-v-5c97cb6c]{margin-right:10px}.selectorTreeDiv[data-v-5c97cb6c]{max-height:500px;overflow:auto}.ant-form-item[data-v-5c97cb6c]{margin-bottom:0!important}.selector-table[data-v-5c97cb6c]{overflow:auto;max-height:450px}.userSel[data-v-e67057b2]{height:40px;margin-top:5px;display:flex;align-items:center;border-top:1px dashed;border-bottom:1px dashed;color:#0e70d9c7}