service-flow-designer 1.1.11 → 1.1.13

package/dist/lib/designer/service-components/base/notification/config.vue2.js

@@ -0,0 +1,321 @@
+"use strict";
+const vue = require("vue");
+const nodeBaseConfig_vue_vue_type_script_setup_true_lang = require("../../../common/components/node-base-config.vue.js");
+const selectMailTemplate_vue_vue_type_script_setup_true_lang = require("./select-mail-template.vue.js");
+const recipientsSelect = require("./recipients-select.vue.js");
+const codemirror = require("codemirror");
+const langMarkdown = require("@codemirror/lang-markdown");
+const state = require("@codemirror/state");
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", {
+  style: {
+    minHeight: "400px",
+    maxHeight: "700px",
+    backgroundColor: "#fff",
+    color: "#333",
+    width: "100%",
+    outline: "1px dotted #212121"
+  },
+  id: "cf-codemirror"
+}, null, -1);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "config",
+  props: {
+    properties: {
+      type: Object,
+      default: () => {
+        return { messageTemplate: {} };
+      }
+    }
+  },
+  setup(__props) {
+    const notificationModes = [
+      {
+        label: "钉钉",
+        value: "DINGDING"
+      },
+      {
+        label: "企微",
+        value: "QIWEI"
+      },
+      {
+        label: "飞书",
+        value: "FEISHU"
+      },
+      {
+        label: "邮箱",
+        value: "MAIL"
+      },
+      {
+        label: "自定义",
+        value: "CUSTOM"
+      }
+    ];
+    const props = __props;
+    const editorStyle = vue.ref({ theme: "default", fontSize: 14, searchOpen: false });
+    const editor = vue.ref(null);
+    if (props.properties.enableTemplate === void 0) {
+      props.properties.enableTemplate = false;
+    }
+    vue.onMounted(() => {
+      if (!props.properties.enableTemplate) {
+        loadEditor();
+      }
+    });
+    if (!props.properties.messageTemplate) {
+      props.properties.messageTemplate = {};
+    }
+    const recipientsTypeChange = () => {
+      if (props.properties.recipients) {
+        props.properties.recipients = "";
+        props.properties.recipientsName = "";
+      }
+      if (!props.properties.recipientDataFrom) {
+        props.properties.recipientDataFrom = "data";
+      }
+    };
+    function getEditorState() {
+      const mytheme = getTheme();
+      const baseTheme = codemirror.EditorView.theme({
+        ".cm-content, .cm-gutter": { minHeight: "200px" },
+        "&": {
+          height: "400px",
+          maxHeight: "400px",
+          width: "100%",
+          fontSize: editorStyle.value.fontSize + "px"
+        }
+      });
+      return state.EditorState.create({
+        doc: props.properties.content,
+        extensions: [
+          state.EditorState.tabSize.of(16),
+          codemirror.basicSetup,
+          langMarkdown.markdown(),
+          mytheme,
+          baseTheme,
+          codemirror.EditorView.updateListener.of(function(value) {
+            props.properties.content = value.state.doc.toString();
+          })
+        ]
+      });
+    }
+    function getTheme() {
+      return codemirror.EditorView.theme({});
+    }
+    function loadEditor() {
+      const state2 = getEditorState();
+      editor.value = new codemirror.EditorView({
+        state: state2,
+        parent: document.getElementById("cf-codemirror")
+      });
+    }
+    new state.Compartment();
+    const changeContent = (val) => {
+      if (!val) {
+        loadEditor();
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_el_divider = vue.resolveComponent("el-divider");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_radio = vue.resolveComponent("el-radio");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_alert = vue.resolveComponent("el-alert");
+      const _component_el_radio_button = vue.resolveComponent("el-radio-button");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "auto",
+        "label-position": "left"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(nodeBaseConfig_vue_vue_type_script_setup_true_lang, { properties: __props.properties }, null, 8, ["properties"]),
+          vue.createVNode(_component_el_divider),
+          vue.createVNode(_component_el_form_item, { label: "通知方式：" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_checkbox_group, {
+                modelValue: __props.properties.mode,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.properties.mode = $event)
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(notificationModes, (item) => {
+                    return vue.createVNode(_component_el_checkbox, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 64))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_form_item, { label: "通知对象类型：" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_radio_group, {
+                modelValue: __props.properties.recipientType,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.properties.recipientType = $event),
+                onClick: recipientsTypeChange
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_radio, {
+                    value: "USER",
+                    size: "small",
+                    label: "用户"
+                  }),
+                  vue.createVNode(_component_el_radio, {
+                    value: "DEPARTMENT",
+                    size: "small",
+                    label: "部门"
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_form_item, { label: "通知对象：" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(recipientsSelect, {
+                disabled: !__props.properties.recipientType,
+                properties: __props.properties,
+                orgType: __props.properties.recipientType,
+                selectProps: { dataFrom: "recipientsFrom", label: "recipientsName", value: "recipients" }
+              }, null, 8, ["disabled", "properties", "orgType"])
+            ]),
+            _: 1
+          }),
+          __props.properties.mode && (__props.properties.mode.indexOf("MAIL") >= 0 || __props.properties.mode.indexOf("CUSTOM") >= 0) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createVNode(_component_el_form_item, { label: "抄送对象类型：" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_radio_group, {
+                  modelValue: __props.properties.copyRecipientType,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.properties.copyRecipientType = $event),
+                  onClick: recipientsTypeChange
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_radio, {
+                      value: "USER",
+                      size: "small",
+                      label: "用户"
+                    }),
+                    vue.createVNode(_component_el_radio, {
+                      value: "DEPARTMENT",
+                      size: "small",
+                      label: "部门"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, { label: "抄送对象：" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(recipientsSelect, {
+                  disabled: !__props.properties.copyRecipientType,
+                  properties: __props.properties,
+                  orgType: __props.properties.copyRecipientType,
+                  selectProps: { dataFrom: "copyRecipientsFrom", label: "copyRecipientsName", value: "copyRecipients" }
+                }, null, 8, ["disabled", "properties", "orgType"])
+              ]),
+              _: 1
+            })
+          ])) : vue.createCommentVNode("", true),
+          vue.createVNode(_component_el_form_item, { label: "异步发送：" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_radio_group, {
+                modelValue: __props.properties.async,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.properties.async = $event)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_radio, { value: true }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("是")
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_el_radio, { value: false }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("否")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_alert, {
+            title: "内容设置",
+            style: { "margin-bottom": "10px" },
+            type: "info",
+            size: "small",
+            closable: false
+          }),
+          vue.createVNode(_component_el_form_item, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_radio_group, {
+                modelValue: __props.properties.enableTemplate,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.properties.enableTemplate = $event),
+                onChange: changeContent,
+                size: "small",
+                style: { "margin-right": "10px" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_radio_button, {
+                    label: "自定义",
+                    value: false
+                  }),
+                  vue.createVNode(_component_el_radio_button, {
+                    label: "选择模板",
+                    value: true
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          !__props.properties.enableTemplate ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+            key: 1,
+            label: "主题："
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_input, {
+                modelValue: __props.properties.title,
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.properties.title = $event),
+                placeholder: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          !__props.properties.enableTemplate ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+            key: 2,
+            label: "内容："
+          }, {
+            default: vue.withCtx(() => [
+              _hoisted_2
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          __props.properties.enableTemplate ? (vue.openBlock(), vue.createBlock(_component_el_form_item, { key: 3 }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(selectMailTemplate_vue_vue_type_script_setup_true_lang, {
+                modelValue: __props.properties.templateCode,
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.properties.templateCode = $event)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-components/base/notification/index.css

@@ -0,0 +1,49 @@
+.nodeView[data-v-7702fcdb] {
+  box-sizing: border-box;
+  margin: 10px 10px;
+  width: 180px;
+  height: 95px;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+  padding: 20px 10px;
+}
+.nodeTitle[data-v-7702fcdb] {
+  width: 90px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 16px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.nodeContent[data-v-7702fcdb] {
+  width: 112px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #666666;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0px 24px;
+  white-space: nowrap; /* 确保文本在一行内显示 */
+  overflow: hidden; /* 隐藏超出div宽度的文本 */
+  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
+}
+.el-divider--horizontal[data-v-7702fcdb] {
+  margin: 12px 0;
+}
+.nodeView[data-v-7702fcdb] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-7702fcdb] {
+  width: 80px;
+}

package/dist/lib/designer/service-components/base/notification/index.d.ts

@@ -0,0 +1,14 @@
+import { AbLogicNode, AbLogicNodeModel } from '../../../flow/base/index';
+
+declare class NotificationNode extends AbLogicNode {
+    constructor(props: any);
+}
+declare class NotificationNodeModel extends AbLogicNodeModel {
+}
+declare const _default: {
+    type: string;
+    view: typeof NotificationNode;
+    model: typeof NotificationNodeModel;
+    options: {};
+};
+export default _default;

package/dist/lib/designer/service-components/base/notification/index.js

@@ -0,0 +1,38 @@
+"use strict";
+const AbLogicNode = require("../../../flow/base/AbLogicNode.js");
+const AbLogicNodeModel = require("../../../flow/base/AbLogicNodeModel.js");
+require("../../../flow/base/AbLogicResizeNodeModel.js");
+require("../../../flow/base/AbLogicResizeNode.js");
+const vue = require("vue");
+const index = require("./index.vue.js");
+class NotificationNode extends AbLogicNode {
+  constructor(props) {
+    super(props);
+    this.isMounted = false;
+    this.r = vue.h(index, {
+      model: props.model,
+      graphModel: props.graphModel,
+      disabled: props.graphModel.editConfigModel.isSilentMode,
+      isSelected: props.model.isSelected,
+      isHovered: props.model.isHovered,
+      properties: props.model.getProperties(),
+      onBtnClick: (i) => {
+        this.props.graphModel.eventCenter.emit(`node:select-click`, {
+          props
+        });
+      }
+    });
+    this.app = vue.createApp({
+      render: () => this.r
+    });
+  }
+}
+class NotificationNodeModel extends AbLogicNodeModel {
+}
+const notification = {
+  type: "notification",
+  view: NotificationNode,
+  model: NotificationNodeModel,
+  options: {}
+};
+module.exports = notification;

package/dist/lib/designer/service-components/base/notification/index.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<{
+    graphModel: ObjectConstructor;
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    btnClick: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    graphModel: ObjectConstructor;
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    onBtnClick?: (...args: any[]) => any;
+}, {
+    properties: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/lib/designer/service-components/base/notification/index.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const Notification = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-7702fcdb"]]);
+module.exports = Notification;

package/dist/lib/designer/service-components/base/notification/index.vue2.js

@@ -0,0 +1,40 @@
+"use strict";
+const vue = require("vue");
+const vardefV = require("../../../../assets/icon/vardef-v.png.js");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-7702fcdb"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
+  src: vardefV,
+  style: { "height": "32px", "position": "fixed", "left": "0px", "top": "0px" }
+}, null, -1));
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "nodeTitle" }, "通知", -1));
+const _hoisted_3 = { class: "nodeContent" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    graphModel: Object,
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["btnClick"],
+  setup(__props, { emit: __emit }) {
+    return (_ctx, _cache) => {
+      const _component_el_divider = vue.resolveComponent("el-divider");
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        _hoisted_1,
+        vue.createElementVNode("div", {
+          class: "nodeView",
+          style: vue.normalizeStyle({ backgroundColor: __props.properties.backgroundColor })
+        }, [
+          _hoisted_2,
+          vue.createVNode(_component_el_divider),
+          vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(__props.properties.name), 1)
+        ], 4)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-components/base/notification/recipients-select.css

@@ -0,0 +1,4 @@
+
+.el-radio[data-v-1bbd6187] {
+  margin-right: 10px;
+}

package/dist/lib/designer/service-components/base/notification/recipients-select.vue.d.ts

@@ -0,0 +1,47 @@
+declare const _default: import('vue').DefineComponent<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orgType: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectProps: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            value: string;
+        };
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orgType: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectProps: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            value: string;
+        };
+    };
+}>>, {
+    properties: Record<string, any>;
+    disabled: boolean;
+    orgType: string;
+    selectProps: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/lib/designer/service-components/base/notification/recipients-select.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const recipientsSelect_vue_vue_type_script_setup_true_lang = require("./recipients-select.vue2.js");
+;/* empty css                        */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const RecipientsSelect = /* @__PURE__ */ _pluginVue_exportHelper(recipientsSelect_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-1bbd6187"]]);
+module.exports = RecipientsSelect;